diff --git a/package.json b/package.json
index 2465fbd554..5e35c4977f 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
{
"name": "@privyid/design-system",
- "version": "1.0.0-rc.1",
+ "version": "1.0.0-rc.2",
"packageManager": "yarn@4.1.0",
"private": true,
"type": "module",
@@ -49,7 +49,7 @@
"autoprefixer": "10.4.17",
"browserslist-to-esbuild": "^2.0.0",
"eslint": "8.56.0",
- "eslint-config-standard-with-typescript": "latest",
+ "eslint-config-standard-with-typescript": "~21.0.1",
"eslint-formatter-pretty": "5.0.0",
"eslint-plugin-align-assignments": "1.1.2",
"eslint-plugin-import": "2.29.1",
diff --git a/packages/browserslist-config/package.json b/packages/browserslist-config/package.json
index a410c4a0fa..75bbead848 100644
--- a/packages/browserslist-config/package.json
+++ b/packages/browserslist-config/package.json
@@ -1,7 +1,7 @@
{
"name": "@privyid/browserslist-config",
"description": "Browserslist shareable config for Persona project",
- "version": "1.0.0-rc.1",
+ "version": "1.0.0-rc.2",
"packageManager": "yarn@4.1.0",
"license": "MIT",
"repository": {
diff --git a/packages/eslint-config-persona/package.json b/packages/eslint-config-persona/package.json
index fdd7aa7a17..7acb15da5b 100644
--- a/packages/eslint-config-persona/package.json
+++ b/packages/eslint-config-persona/package.json
@@ -1,7 +1,7 @@
{
"name": "@privyid/eslint-config-persona",
"description": "Eslint shareable config for Persona project",
- "version": "1.0.0-rc.1",
+ "version": "1.0.0-rc.2",
"packageManager": "yarn@4.1.0",
"license": "MIT",
"repository": {
diff --git a/packages/persona-icon/font/persona-icon.css b/packages/persona-icon/font/persona-icon.css
index 8611e4af35..9ec3706139 100644
--- a/packages/persona-icon/font/persona-icon.css
+++ b/packages/persona-icon/font/persona-icon.css
@@ -1,11 +1,11 @@
@font-face {
font-family: 'Persona Icon';
- src: url('../font/persona-icon.eot?f543ed0a');
- src: url('../font/persona-icon.eot?f543ed0a#iefix') format('embedded-opentype'),
- url('../font/persona-icon.woff2?4632b5ca') format('woff2'),
- url('../font/persona-icon.woff?03162eca') format('woff'),
- url('../font/persona-icon.ttf?18111717') format('truetype'),
- url('../font/persona-icon.svg?8b79d82d#Persona%20Icon') format('svg');
+ src: url('../font/persona-icon.eot?91fb3436');
+ src: url('../font/persona-icon.eot?91fb3436#iefix') format('embedded-opentype'),
+ url('../font/persona-icon.woff2?4802d21a') format('woff2'),
+ url('../font/persona-icon.woff?9d6e3e15') format('woff'),
+ url('../font/persona-icon.ttf?cbf7d66d') format('truetype'),
+ url('../font/persona-icon.svg?0ef62f46#Persona%20Icon') format('svg');
font-weight: normal;
font-style: normal;
}
@@ -33,341 +33,344 @@
.pi-address::before { content: '\ea05' }
.pi-adjust::before { content: '\ea06' }
.pi-admin-center-apps::before { content: '\ea07' }
-.pi-align-center::before { content: '\ea08' }
-.pi-align-justify::before { content: '\ea09' }
-.pi-align-left::before { content: '\ea0a' }
-.pi-align-right::before { content: '\ea0b' }
-.pi-api::before { content: '\ea0c' }
-.pi-apple::before { content: '\ea0d' }
-.pi-appreance::before { content: '\ea0e' }
-.pi-apps::before { content: '\ea0f' }
-.pi-archive-box::before { content: '\ea10' }
-.pi-arrow-circle-down::before { content: '\ea11' }
-.pi-arrow-circle-left::before { content: '\ea12' }
-.pi-arrow-circle-right::before { content: '\ea13' }
-.pi-arrow-circle-up::before { content: '\ea14' }
-.pi-arrow-down::before { content: '\ea15' }
-.pi-arrow-left::before { content: '\ea16' }
-.pi-arrow-right::before { content: '\ea17' }
-.pi-arrow-up::before { content: '\ea18' }
-.pi-background-process::before { content: '\ea19' }
-.pi-backward::before { content: '\ea1a' }
-.pi-banned-circle::before { content: '\ea1b' }
-.pi-banned-solid::before { content: '\ea1c' }
-.pi-bar-graph::before { content: '\ea1d' }
-.pi-blog::before { content: '\ea1e' }
-.pi-blood-drop::before { content: '\ea1f' }
-.pi-bold::before { content: '\ea20' }
-.pi-bookmark::before { content: '\ea21' }
-.pi-broom::before { content: '\ea22' }
-.pi-brush::before { content: '\ea23' }
-.pi-building::before { content: '\ea24' }
-.pi-bus::before { content: '\ea25' }
-.pi-calculator-check::before { content: '\ea26' }
-.pi-calendar-event::before { content: '\ea27' }
-.pi-calendar-history::before { content: '\ea28' }
-.pi-calendar::before { content: '\ea29' }
-.pi-call-off::before { content: '\ea2a' }
-.pi-call::before { content: '\ea2b' }
-.pi-camera::before { content: '\ea2c' }
-.pi-caret-down::before { content: '\ea2d' }
-.pi-caret-left::before { content: '\ea2e' }
-.pi-caret-right::before { content: '\ea2f' }
-.pi-caret-sort::before { content: '\ea30' }
-.pi-caret-up::before { content: '\ea31' }
-.pi-cart::before { content: '\ea32' }
-.pi-chat::before { content: '\ea33' }
-.pi-checkmark-circle-solid::before { content: '\ea34' }
-.pi-checkmark-circle::before { content: '\ea35' }
-.pi-checkmark-double::before { content: '\ea36' }
-.pi-checkmark-verified-solid::before { content: '\ea37' }
-.pi-checkmark-verified::before { content: '\ea38' }
-.pi-checkmark::before { content: '\ea39' }
-.pi-chevron-circle-down::before { content: '\ea3a' }
-.pi-chevron-circle-left::before { content: '\ea3b' }
-.pi-chevron-circle-right::before { content: '\ea3c' }
-.pi-chevron-circle-up::before { content: '\ea3d' }
-.pi-chevron-down::before { content: '\ea3e' }
-.pi-chevron-left::before { content: '\ea3f' }
-.pi-chevron-right::before { content: '\ea40' }
-.pi-chevron-sort::before { content: '\ea41' }
-.pi-chevron-up::before { content: '\ea42' }
-.pi-chevrons-down::before { content: '\ea43' }
-.pi-chevrons-left::before { content: '\ea44' }
-.pi-chevrons-right::before { content: '\ea45' }
-.pi-chevrons-up::before { content: '\ea46' }
-.pi-clip::before { content: '\ea47' }
-.pi-clipboard-check::before { content: '\ea48' }
-.pi-clipboard::before { content: '\ea49' }
-.pi-close-circle-solid::before { content: '\ea4a' }
-.pi-close-circle::before { content: '\ea4b' }
-.pi-close::before { content: '\ea4c' }
-.pi-cloud-download::before { content: '\ea4d' }
-.pi-cloud-upload::before { content: '\ea4e' }
-.pi-cloud::before { content: '\ea4f' }
-.pi-code::before { content: '\ea50' }
-.pi-collaboration::before { content: '\ea51' }
-.pi-computer::before { content: '\ea52' }
-.pi-credit-card::before { content: '\ea53' }
-.pi-crop::before { content: '\ea54' }
-.pi-cross::before { content: '\ea55' }
-.pi-customer-service::before { content: '\ea56' }
-.pi-dashboard::before { content: '\ea57' }
-.pi-data-branch::before { content: '\ea58' }
-.pi-data-structure::before { content: '\ea59' }
-.pi-database::before { content: '\ea5a' }
-.pi-diamond::before { content: '\ea5b' }
-.pi-direction::before { content: '\ea5c' }
-.pi-document-check::before { content: '\ea5d' }
-.pi-document-copy::before { content: '\ea5e' }
-.pi-document-draft::before { content: '\ea5f' }
-.pi-document-empty::before { content: '\ea60' }
-.pi-document-exclamation::before { content: '\ea61' }
-.pi-document-export::before { content: '\ea62' }
-.pi-document-external::before { content: '\ea63' }
-.pi-document-filled::before { content: '\ea64' }
-.pi-document-history::before { content: '\ea65' }
-.pi-document-import::before { content: '\ea66' }
-.pi-document-information::before { content: '\ea67' }
-.pi-document-protected::before { content: '\ea68' }
-.pi-document-question::before { content: '\ea69' }
-.pi-document-retract::before { content: '\ea6a' }
-.pi-document-review::before { content: '\ea6b' }
-.pi-document-seal::before { content: '\ea6c' }
-.pi-document-search::before { content: '\ea6d' }
-.pi-document-signed::before { content: '\ea6e' }
-.pi-document-template::before { content: '\ea6f' }
-.pi-document-verified::before { content: '\ea70' }
-.pi-dollars::before { content: '\ea71' }
-.pi-download::before { content: '\ea72' }
-.pi-draggable::before { content: '\ea73' }
-.pi-e-meterai::before { content: '\ea74' }
-.pi-edit-square::before { content: '\ea75' }
-.pi-edit::before { content: '\ea76' }
-.pi-education::before { content: '\ea77' }
-.pi-email-download::before { content: '\ea78' }
-.pi-email-invitation::before { content: '\ea79' }
-.pi-email-signature::before { content: '\ea7a' }
-.pi-email-upload::before { content: '\ea7b' }
-.pi-email-user::before { content: '\ea7c' }
-.pi-email::before { content: '\ea7d' }
-.pi-employee-tree::before { content: '\ea7e' }
-.pi-envelope::before { content: '\ea7f' }
-.pi-exclamation-circle-solid::before { content: '\ea80' }
-.pi-exclamation-circle::before { content: '\ea81' }
-.pi-exclamation-triangle-solid::before { content: '\ea82' }
-.pi-exclamation-triangle::before { content: '\ea83' }
-.pi-expand::before { content: '\ea84' }
-.pi-face-accessories::before { content: '\ea85' }
-.pi-face-recognition-scan::before { content: '\ea86' }
-.pi-facebook::before { content: '\ea87' }
-.pi-faq::before { content: '\ea88' }
-.pi-file-network::before { content: '\ea89' }
-.pi-fingerprint-scan::before { content: '\ea8a' }
-.pi-fingerprint::before { content: '\ea8b' }
-.pi-flash-off::before { content: '\ea8c' }
-.pi-flash-on::before { content: '\ea8d' }
-.pi-flight-arrival::before { content: '\ea8e' }
-.pi-flight-departure::before { content: '\ea8f' }
-.pi-flip-horizontal::before { content: '\ea90' }
-.pi-folder::before { content: '\ea91' }
-.pi-font-family::before { content: '\ea92' }
-.pi-font-size::before { content: '\ea93' }
-.pi-format-painter::before { content: '\ea94' }
-.pi-forward::before { content: '\ea95' }
-.pi-forwards::before { content: '\ea96' }
-.pi-gala-dinner::before { content: '\ea97' }
-.pi-gift::before { content: '\ea98' }
-.pi-github::before { content: '\ea99' }
-.pi-glasses::before { content: '\ea9a' }
-.pi-google::before { content: '\ea9b' }
-.pi-grid-view::before { content: '\ea9c' }
-.pi-group-contact::before { content: '\ea9d' }
-.pi-happy-face::before { content: '\ea9e' }
-.pi-hat::before { content: '\ea9f' }
-.pi-health-facility::before { content: '\eaa0' }
-.pi-highlight::before { content: '\eaa1' }
-.pi-history::before { content: '\eaa2' }
-.pi-home::before { content: '\eaa3' }
-.pi-hospital::before { content: '\eaa4' }
-.pi-hybrid-event::before { content: '\eaa5' }
-.pi-image::before { content: '\eaa6' }
-.pi-inbox::before { content: '\eaa7' }
-.pi-information-circle-solid::before { content: '\eaa8' }
-.pi-information-circle::before { content: '\eaa9' }
-.pi-instagram::before { content: '\eaaa' }
-.pi-internet::before { content: '\eaab' }
-.pi-italic::before { content: '\eaac' }
-.pi-key::before { content: '\eaad' }
-.pi-ktp::before { content: '\eaae' }
-.pi-lamp::before { content: '\eaaf' }
-.pi-layer::before { content: '\eab0' }
-.pi-line-graph::before { content: '\eab1' }
-.pi-link::before { content: '\eab2' }
-.pi-linkedin::before { content: '\eab3' }
-.pi-list-bullets::before { content: '\eab4' }
-.pi-list-numbers::before { content: '\eab5' }
-.pi-list-view::before { content: '\eab6' }
-.pi-location::before { content: '\eab7' }
-.pi-lock::before { content: '\eab8' }
-.pi-love-favorite::before { content: '\eab9' }
-.pi-map::before { content: '\eaba' }
-.pi-mask::before { content: '\eabb' }
-.pi-maximize::before { content: '\eabc' }
-.pi-medal::before { content: '\eabd' }
-.pi-medicines::before { content: '\eabe' }
-.pi-megaphone::before { content: '\eabf' }
-.pi-menu-app::before { content: '\eac0' }
-.pi-menu-burger::before { content: '\eac1' }
-.pi-menu-horizontal::before { content: '\eac2' }
-.pi-menu-vertical::before { content: '\eac3' }
-.pi-message-apps::before { content: '\eac4' }
-.pi-message::before { content: '\eac5' }
-.pi-microsoft::before { content: '\eac6' }
-.pi-minimize::before { content: '\eac7' }
-.pi-money::before { content: '\eac8' }
-.pi-moon::before { content: '\eac9' }
-.pi-multiple-persons::before { content: '\eaca' }
-.pi-multiple-window::before { content: '\eacb' }
-.pi-need-action::before { content: '\eacc' }
-.pi-new-page::before { content: '\eacd' }
-.pi-no-image::before { content: '\eace' }
-.pi-note::before { content: '\eacf' }
-.pi-notification-off::before { content: '\ead0' }
-.pi-notification::before { content: '\ead1' }
-.pi-ocr-scan::before { content: '\ead2' }
-.pi-one-grid-view::before { content: '\ead3' }
-.pi-online-event::before { content: '\ead4' }
-.pi-onsite::before { content: '\ead5' }
-.pi-otp-requested::before { content: '\ead6' }
-.pi-package-box::before { content: '\ead7' }
-.pi-pallete::before { content: '\ead8' }
-.pi-path::before { content: '\ead9' }
-.pi-pause::before { content: '\eada' }
-.pi-people-insurance::before { content: '\eadb' }
-.pi-persona-alt::before { content: '\eadc' }
-.pi-persona::before { content: '\eadd' }
-.pi-pie-graph::before { content: '\eade' }
-.pi-pin::before { content: '\eadf' }
-.pi-play::before { content: '\eae0' }
-.pi-preview::before { content: '\eae1' }
-.pi-print::before { content: '\eae2' }
-.pi-privy-alt::before { content: '\eae3' }
-.pi-privy-balance::before { content: '\eae4' }
-.pi-privy::before { content: '\eae5' }
-.pi-profile::before { content: '\eae6' }
-.pi-puzzle::before { content: '\eae7' }
-.pi-qr-code-scan::before { content: '\eae8' }
-.pi-qr-code::before { content: '\eae9' }
-.pi-qr-position-bottom-left::before { content: '\eaea' }
-.pi-qr-position-bottom-right::before { content: '\eaeb' }
-.pi-qr-position-top-left::before { content: '\eaec' }
-.pi-qr-position-top-right::before { content: '\eaed' }
-.pi-question-circle-solid::before { content: '\eaee' }
-.pi-question-circle::before { content: '\eaef' }
-.pi-read-message::before { content: '\eaf0' }
-.pi-receipt-history::before { content: '\eaf1' }
-.pi-receipt::before { content: '\eaf2' }
-.pi-record::before { content: '\eaf3' }
-.pi-redo::before { content: '\eaf4' }
-.pi-refresh::before { content: '\eaf5' }
-.pi-remove-circle::before { content: '\eaf6' }
-.pi-remove::before { content: '\eaf7' }
-.pi-repair::before { content: '\eaf8' }
-.pi-reply::before { content: '\eaf9' }
-.pi-report-statistics::before { content: '\eafa' }
-.pi-reset::before { content: '\eafb' }
-.pi-restart::before { content: '\eafc' }
-.pi-rocket::before { content: '\eafd' }
-.pi-rotate-left::before { content: '\eafe' }
-.pi-rotate-right::before { content: '\eaff' }
-.pi-sad-face::before { content: '\eb00' }
-.pi-save::before { content: '\eb01' }
-.pi-scan::before { content: '\eb02' }
-.pi-search::before { content: '\eb03' }
-.pi-section::before { content: '\eb04' }
-.pi-send::before { content: '\eb05' }
-.pi-set-default::before { content: '\eb06' }
-.pi-settings::before { content: '\eb07' }
-.pi-share::before { content: '\eb08' }
-.pi-shield-off::before { content: '\eb09' }
-.pi-shield-on::before { content: '\eb0a' }
-.pi-shield::before { content: '\eb0b' }
-.pi-shop::before { content: '\eb0c' }
-.pi-shopping-bag::before { content: '\eb0d' }
-.pi-short-text::before { content: '\eb0e' }
-.pi-sidebar::before { content: '\eb0f' }
-.pi-sign-in::before { content: '\eb10' }
-.pi-sign-out::before { content: '\eb11' }
-.pi-signature-draw-alt::before { content: '\eb12' }
-.pi-signature-draw::before { content: '\eb13' }
-.pi-signature-manage::before { content: '\eb14' }
-.pi-signature-text::before { content: '\eb15' }
-.pi-signature::before { content: '\eb16' }
-.pi-smartphone-landscape::before { content: '\eb17' }
-.pi-smartphone::before { content: '\eb18' }
-.pi-speaker-mute::before { content: '\eb19' }
-.pi-speaker-off::before { content: '\eb1a' }
-.pi-speaker-on::before { content: '\eb1b' }
-.pi-spoon-and-fork::before { content: '\eb1c' }
-.pi-stamp::before { content: '\eb1d' }
-.pi-star-favorite-refinement::before { content: '\eb1e' }
-.pi-star-favorite-solid::before { content: '\eb1f' }
-.pi-star-favorite::before { content: '\eb20' }
-.pi-stetoscop::before { content: '\eb21' }
-.pi-stop::before { content: '\eb22' }
-.pi-stopwatch::before { content: '\eb23' }
-.pi-strikethrough::before { content: '\eb24' }
-.pi-sun::before { content: '\eb25' }
-.pi-switch::before { content: '\eb26' }
-.pi-system-administrator::before { content: '\eb27' }
-.pi-table::before { content: '\eb28' }
-.pi-tablet-landscape::before { content: '\eb29' }
-.pi-tablet::before { content: '\eb2a' }
-.pi-tag-all::before { content: '\eb2b' }
-.pi-tag::before { content: '\eb2c' }
-.pi-tax::before { content: '\eb2d' }
-.pi-template::before { content: '\eb2e' }
-.pi-text-editor::before { content: '\eb2f' }
-.pi-ticket::before { content: '\eb30' }
-.pi-time::before { content: '\eb31' }
-.pi-translates::before { content: '\eb32' }
-.pi-trash::before { content: '\eb33' }
-.pi-trasmit-data::before { content: '\eb34' }
-.pi-twitter::before { content: '\eb35' }
-.pi-two-grid-view::before { content: '\eb36' }
-.pi-unarchive::before { content: '\eb37' }
-.pi-underlined::before { content: '\eb38' }
-.pi-undo::before { content: '\eb39' }
-.pi-unlimited::before { content: '\eb3a' }
-.pi-unlink::before { content: '\eb3b' }
-.pi-unlock::before { content: '\eb3c' }
-.pi-upload::before { content: '\eb3d' }
-.pi-user-biometric::before { content: '\eb3e' }
-.pi-user-checkmark::before { content: '\eb3f' }
-.pi-user-circle::before { content: '\eb40' }
-.pi-user-cross::before { content: '\eb41' }
-.pi-user-event::before { content: '\eb42' }
-.pi-user-exclamation::before { content: '\eb43' }
-.pi-user-find::before { content: '\eb44' }
-.pi-user-groups::before { content: '\eb45' }
-.pi-user-logs::before { content: '\eb46' }
-.pi-user-minus::before { content: '\eb47' }
-.pi-user-multiple-edit::before { content: '\eb48' }
-.pi-user-multiple::before { content: '\eb49' }
-.pi-user-plus::before { content: '\eb4a' }
-.pi-user-settings::before { content: '\eb4b' }
-.pi-user-square::before { content: '\eb4c' }
-.pi-user-suspend::before { content: '\eb4d' }
-.pi-user-transfer::before { content: '\eb4e' }
-.pi-user-verified::before { content: '\eb4f' }
-.pi-user-wait::before { content: '\eb50' }
-.pi-video-camera::before { content: '\eb51' }
-.pi-view-off::before { content: '\eb52' }
-.pi-view::before { content: '\eb53' }
-.pi-voucher::before { content: '\eb54' }
-.pi-wallet::before { content: '\eb55' }
-.pi-whatsapp::before { content: '\eb56' }
-.pi-zoom-in::before { content: '\eb57' }
-.pi-zoom-out::before { content: '\eb58' }
+.pi-admin-center-logo-apps::before { content: '\ea08' }
+.pi-align-center::before { content: '\ea09' }
+.pi-align-justify::before { content: '\ea0a' }
+.pi-align-left::before { content: '\ea0b' }
+.pi-align-right::before { content: '\ea0c' }
+.pi-api::before { content: '\ea0d' }
+.pi-apple::before { content: '\ea0e' }
+.pi-appreance::before { content: '\ea0f' }
+.pi-apps::before { content: '\ea10' }
+.pi-archive-box::before { content: '\ea11' }
+.pi-arrow-circle-down::before { content: '\ea12' }
+.pi-arrow-circle-left::before { content: '\ea13' }
+.pi-arrow-circle-right::before { content: '\ea14' }
+.pi-arrow-circle-up::before { content: '\ea15' }
+.pi-arrow-down::before { content: '\ea16' }
+.pi-arrow-left::before { content: '\ea17' }
+.pi-arrow-right::before { content: '\ea18' }
+.pi-arrow-up::before { content: '\ea19' }
+.pi-background-process::before { content: '\ea1a' }
+.pi-backward::before { content: '\ea1b' }
+.pi-banned-circle::before { content: '\ea1c' }
+.pi-banned-solid::before { content: '\ea1d' }
+.pi-bar-graph::before { content: '\ea1e' }
+.pi-blog::before { content: '\ea1f' }
+.pi-blood-drop::before { content: '\ea20' }
+.pi-bold::before { content: '\ea21' }
+.pi-bookmark::before { content: '\ea22' }
+.pi-broom::before { content: '\ea23' }
+.pi-brush::before { content: '\ea24' }
+.pi-building::before { content: '\ea25' }
+.pi-bus::before { content: '\ea26' }
+.pi-calculator-check::before { content: '\ea27' }
+.pi-calendar-event::before { content: '\ea28' }
+.pi-calendar-history::before { content: '\ea29' }
+.pi-calendar::before { content: '\ea2a' }
+.pi-call-off::before { content: '\ea2b' }
+.pi-call::before { content: '\ea2c' }
+.pi-camera::before { content: '\ea2d' }
+.pi-caret-down::before { content: '\ea2e' }
+.pi-caret-left::before { content: '\ea2f' }
+.pi-caret-right::before { content: '\ea30' }
+.pi-caret-sort::before { content: '\ea31' }
+.pi-caret-up::before { content: '\ea32' }
+.pi-cart::before { content: '\ea33' }
+.pi-chat::before { content: '\ea34' }
+.pi-checkmark-circle-solid::before { content: '\ea35' }
+.pi-checkmark-circle::before { content: '\ea36' }
+.pi-checkmark-double::before { content: '\ea37' }
+.pi-checkmark-verified-solid::before { content: '\ea38' }
+.pi-checkmark-verified::before { content: '\ea39' }
+.pi-checkmark::before { content: '\ea3a' }
+.pi-chevron-circle-down::before { content: '\ea3b' }
+.pi-chevron-circle-left::before { content: '\ea3c' }
+.pi-chevron-circle-right::before { content: '\ea3d' }
+.pi-chevron-circle-up::before { content: '\ea3e' }
+.pi-chevron-down::before { content: '\ea3f' }
+.pi-chevron-left::before { content: '\ea40' }
+.pi-chevron-right::before { content: '\ea41' }
+.pi-chevron-sort::before { content: '\ea42' }
+.pi-chevron-up::before { content: '\ea43' }
+.pi-chevrons-down::before { content: '\ea44' }
+.pi-chevrons-left::before { content: '\ea45' }
+.pi-chevrons-right::before { content: '\ea46' }
+.pi-chevrons-up::before { content: '\ea47' }
+.pi-clip::before { content: '\ea48' }
+.pi-clipboard-check::before { content: '\ea49' }
+.pi-clipboard::before { content: '\ea4a' }
+.pi-close-circle-solid::before { content: '\ea4b' }
+.pi-close-circle::before { content: '\ea4c' }
+.pi-close::before { content: '\ea4d' }
+.pi-cloud-download::before { content: '\ea4e' }
+.pi-cloud-upload::before { content: '\ea4f' }
+.pi-cloud::before { content: '\ea50' }
+.pi-code::before { content: '\ea51' }
+.pi-collaboration::before { content: '\ea52' }
+.pi-computer::before { content: '\ea53' }
+.pi-credit-card::before { content: '\ea54' }
+.pi-crop::before { content: '\ea55' }
+.pi-cross::before { content: '\ea56' }
+.pi-customer-service::before { content: '\ea57' }
+.pi-dashboard::before { content: '\ea58' }
+.pi-data-branch::before { content: '\ea59' }
+.pi-data-structure::before { content: '\ea5a' }
+.pi-database::before { content: '\ea5b' }
+.pi-diamond::before { content: '\ea5c' }
+.pi-direction::before { content: '\ea5d' }
+.pi-document-check::before { content: '\ea5e' }
+.pi-document-copy::before { content: '\ea5f' }
+.pi-document-draft::before { content: '\ea60' }
+.pi-document-empty::before { content: '\ea61' }
+.pi-document-exclamation::before { content: '\ea62' }
+.pi-document-export::before { content: '\ea63' }
+.pi-document-external::before { content: '\ea64' }
+.pi-document-filled::before { content: '\ea65' }
+.pi-document-history::before { content: '\ea66' }
+.pi-document-import::before { content: '\ea67' }
+.pi-document-information::before { content: '\ea68' }
+.pi-document-protected::before { content: '\ea69' }
+.pi-document-question::before { content: '\ea6a' }
+.pi-document-retract::before { content: '\ea6b' }
+.pi-document-review::before { content: '\ea6c' }
+.pi-document-seal::before { content: '\ea6d' }
+.pi-document-search::before { content: '\ea6e' }
+.pi-document-signed::before { content: '\ea6f' }
+.pi-document-template::before { content: '\ea70' }
+.pi-document-verified::before { content: '\ea71' }
+.pi-dollars::before { content: '\ea72' }
+.pi-download::before { content: '\ea73' }
+.pi-draggable::before { content: '\ea74' }
+.pi-e-meterai::before { content: '\ea75' }
+.pi-edit-square::before { content: '\ea76' }
+.pi-edit::before { content: '\ea77' }
+.pi-education::before { content: '\ea78' }
+.pi-email-download::before { content: '\ea79' }
+.pi-email-invitation::before { content: '\ea7a' }
+.pi-email-signature::before { content: '\ea7b' }
+.pi-email-upload::before { content: '\ea7c' }
+.pi-email-user::before { content: '\ea7d' }
+.pi-email::before { content: '\ea7e' }
+.pi-employee-tree::before { content: '\ea7f' }
+.pi-envelope::before { content: '\ea80' }
+.pi-exclamation-circle-solid::before { content: '\ea81' }
+.pi-exclamation-circle::before { content: '\ea82' }
+.pi-exclamation-triangle-solid::before { content: '\ea83' }
+.pi-exclamation-triangle::before { content: '\ea84' }
+.pi-expand::before { content: '\ea85' }
+.pi-face-accessories::before { content: '\ea86' }
+.pi-face-recognition-scan::before { content: '\ea87' }
+.pi-facebook::before { content: '\ea88' }
+.pi-faq::before { content: '\ea89' }
+.pi-file-network::before { content: '\ea8a' }
+.pi-fingerprint-scan::before { content: '\ea8b' }
+.pi-fingerprint::before { content: '\ea8c' }
+.pi-flash-off::before { content: '\ea8d' }
+.pi-flash-on::before { content: '\ea8e' }
+.pi-flight-arrival::before { content: '\ea8f' }
+.pi-flight-departure::before { content: '\ea90' }
+.pi-flip-horizontal::before { content: '\ea91' }
+.pi-folder::before { content: '\ea92' }
+.pi-font-family::before { content: '\ea93' }
+.pi-font-size::before { content: '\ea94' }
+.pi-format-painter::before { content: '\ea95' }
+.pi-forward::before { content: '\ea96' }
+.pi-forwards::before { content: '\ea97' }
+.pi-gala-dinner::before { content: '\ea98' }
+.pi-gift::before { content: '\ea99' }
+.pi-github::before { content: '\ea9a' }
+.pi-glasses::before { content: '\ea9b' }
+.pi-google::before { content: '\ea9c' }
+.pi-grid-view::before { content: '\ea9d' }
+.pi-group-contact::before { content: '\ea9e' }
+.pi-happy-face::before { content: '\ea9f' }
+.pi-hat::before { content: '\eaa0' }
+.pi-health-facility::before { content: '\eaa1' }
+.pi-highlight::before { content: '\eaa2' }
+.pi-history::before { content: '\eaa3' }
+.pi-home::before { content: '\eaa4' }
+.pi-hospital::before { content: '\eaa5' }
+.pi-hybrid-event::before { content: '\eaa6' }
+.pi-image::before { content: '\eaa7' }
+.pi-inbox::before { content: '\eaa8' }
+.pi-information-circle-solid::before { content: '\eaa9' }
+.pi-information-circle::before { content: '\eaaa' }
+.pi-instagram::before { content: '\eaab' }
+.pi-internet::before { content: '\eaac' }
+.pi-italic::before { content: '\eaad' }
+.pi-key::before { content: '\eaae' }
+.pi-ktp::before { content: '\eaaf' }
+.pi-lamp::before { content: '\eab0' }
+.pi-layer::before { content: '\eab1' }
+.pi-line-graph::before { content: '\eab2' }
+.pi-link::before { content: '\eab3' }
+.pi-linkedin::before { content: '\eab4' }
+.pi-list-bullets::before { content: '\eab5' }
+.pi-list-numbers::before { content: '\eab6' }
+.pi-list-view::before { content: '\eab7' }
+.pi-location::before { content: '\eab8' }
+.pi-lock::before { content: '\eab9' }
+.pi-love-favorite::before { content: '\eaba' }
+.pi-map::before { content: '\eabb' }
+.pi-mask::before { content: '\eabc' }
+.pi-maximize::before { content: '\eabd' }
+.pi-medal::before { content: '\eabe' }
+.pi-medicines::before { content: '\eabf' }
+.pi-megaphone::before { content: '\eac0' }
+.pi-menu-app::before { content: '\eac1' }
+.pi-menu-burger::before { content: '\eac2' }
+.pi-menu-horizontal::before { content: '\eac3' }
+.pi-menu-vertical::before { content: '\eac4' }
+.pi-message-apps::before { content: '\eac5' }
+.pi-message-logo-apps::before { content: '\eac6' }
+.pi-message::before { content: '\eac7' }
+.pi-microsoft::before { content: '\eac8' }
+.pi-minimize::before { content: '\eac9' }
+.pi-money::before { content: '\eaca' }
+.pi-moon::before { content: '\eacb' }
+.pi-multiple-persons::before { content: '\eacc' }
+.pi-multiple-window::before { content: '\eacd' }
+.pi-need-action::before { content: '\eace' }
+.pi-new-page::before { content: '\eacf' }
+.pi-no-image::before { content: '\ead0' }
+.pi-note::before { content: '\ead1' }
+.pi-notification-off::before { content: '\ead2' }
+.pi-notification::before { content: '\ead3' }
+.pi-ocr-scan::before { content: '\ead4' }
+.pi-one-grid-view::before { content: '\ead5' }
+.pi-online-event::before { content: '\ead6' }
+.pi-onsite::before { content: '\ead7' }
+.pi-otp-requested::before { content: '\ead8' }
+.pi-package-box::before { content: '\ead9' }
+.pi-pallete::before { content: '\eada' }
+.pi-path::before { content: '\eadb' }
+.pi-pause::before { content: '\eadc' }
+.pi-people-insurance::before { content: '\eadd' }
+.pi-persona-alt::before { content: '\eade' }
+.pi-persona::before { content: '\eadf' }
+.pi-pie-graph::before { content: '\eae0' }
+.pi-pin::before { content: '\eae1' }
+.pi-play::before { content: '\eae2' }
+.pi-preview::before { content: '\eae3' }
+.pi-print::before { content: '\eae4' }
+.pi-privy-alt::before { content: '\eae5' }
+.pi-privy-balance::before { content: '\eae6' }
+.pi-privy::before { content: '\eae7' }
+.pi-profile::before { content: '\eae8' }
+.pi-puzzle::before { content: '\eae9' }
+.pi-qr-code-scan::before { content: '\eaea' }
+.pi-qr-code::before { content: '\eaeb' }
+.pi-qr-position-bottom-left::before { content: '\eaec' }
+.pi-qr-position-bottom-right::before { content: '\eaed' }
+.pi-qr-position-top-left::before { content: '\eaee' }
+.pi-qr-position-top-right::before { content: '\eaef' }
+.pi-question-circle-solid::before { content: '\eaf0' }
+.pi-question-circle::before { content: '\eaf1' }
+.pi-read-message::before { content: '\eaf2' }
+.pi-receipt-history::before { content: '\eaf3' }
+.pi-receipt::before { content: '\eaf4' }
+.pi-record::before { content: '\eaf5' }
+.pi-redo::before { content: '\eaf6' }
+.pi-refresh::before { content: '\eaf7' }
+.pi-remove-circle::before { content: '\eaf8' }
+.pi-remove::before { content: '\eaf9' }
+.pi-repair::before { content: '\eafa' }
+.pi-reply::before { content: '\eafb' }
+.pi-report-statistics::before { content: '\eafc' }
+.pi-reset::before { content: '\eafd' }
+.pi-restart::before { content: '\eafe' }
+.pi-rocket::before { content: '\eaff' }
+.pi-rotate-left::before { content: '\eb00' }
+.pi-rotate-right::before { content: '\eb01' }
+.pi-sad-face::before { content: '\eb02' }
+.pi-save::before { content: '\eb03' }
+.pi-scan::before { content: '\eb04' }
+.pi-search::before { content: '\eb05' }
+.pi-section::before { content: '\eb06' }
+.pi-send::before { content: '\eb07' }
+.pi-set-default::before { content: '\eb08' }
+.pi-settings::before { content: '\eb09' }
+.pi-share::before { content: '\eb0a' }
+.pi-shield-off::before { content: '\eb0b' }
+.pi-shield-on::before { content: '\eb0c' }
+.pi-shield::before { content: '\eb0d' }
+.pi-shop::before { content: '\eb0e' }
+.pi-shopping-bag::before { content: '\eb0f' }
+.pi-short-text::before { content: '\eb10' }
+.pi-sidebar::before { content: '\eb11' }
+.pi-sign-in::before { content: '\eb12' }
+.pi-sign-out::before { content: '\eb13' }
+.pi-signature-draw-alt::before { content: '\eb14' }
+.pi-signature-draw::before { content: '\eb15' }
+.pi-signature-manage::before { content: '\eb16' }
+.pi-signature-text::before { content: '\eb17' }
+.pi-signature::before { content: '\eb18' }
+.pi-smartphone-landscape::before { content: '\eb19' }
+.pi-smartphone::before { content: '\eb1a' }
+.pi-speaker-mute::before { content: '\eb1b' }
+.pi-speaker-off::before { content: '\eb1c' }
+.pi-speaker-on::before { content: '\eb1d' }
+.pi-spoon-and-fork::before { content: '\eb1e' }
+.pi-stamp::before { content: '\eb1f' }
+.pi-star-favorite-refinement::before { content: '\eb20' }
+.pi-star-favorite-solid::before { content: '\eb21' }
+.pi-star-favorite::before { content: '\eb22' }
+.pi-stetoscop::before { content: '\eb23' }
+.pi-stop::before { content: '\eb24' }
+.pi-stopwatch::before { content: '\eb25' }
+.pi-strikethrough::before { content: '\eb26' }
+.pi-sun::before { content: '\eb27' }
+.pi-switch::before { content: '\eb28' }
+.pi-system-administrator::before { content: '\eb29' }
+.pi-table::before { content: '\eb2a' }
+.pi-tablet-landscape::before { content: '\eb2b' }
+.pi-tablet::before { content: '\eb2c' }
+.pi-tag-all::before { content: '\eb2d' }
+.pi-tag::before { content: '\eb2e' }
+.pi-tax::before { content: '\eb2f' }
+.pi-template::before { content: '\eb30' }
+.pi-text-editor::before { content: '\eb31' }
+.pi-ticket::before { content: '\eb32' }
+.pi-time::before { content: '\eb33' }
+.pi-translates::before { content: '\eb34' }
+.pi-transmit-data::before { content: '\eb35' }
+.pi-trash::before { content: '\eb36' }
+.pi-trasmit-data::before { content: '\eb37' }
+.pi-twitter::before { content: '\eb38' }
+.pi-two-grid-view::before { content: '\eb39' }
+.pi-unarchive::before { content: '\eb3a' }
+.pi-underlined::before { content: '\eb3b' }
+.pi-undo::before { content: '\eb3c' }
+.pi-unlimited::before { content: '\eb3d' }
+.pi-unlink::before { content: '\eb3e' }
+.pi-unlock::before { content: '\eb3f' }
+.pi-upload::before { content: '\eb40' }
+.pi-user-biometric::before { content: '\eb41' }
+.pi-user-checkmark::before { content: '\eb42' }
+.pi-user-circle::before { content: '\eb43' }
+.pi-user-cross::before { content: '\eb44' }
+.pi-user-event::before { content: '\eb45' }
+.pi-user-exclamation::before { content: '\eb46' }
+.pi-user-find::before { content: '\eb47' }
+.pi-user-groups::before { content: '\eb48' }
+.pi-user-logs::before { content: '\eb49' }
+.pi-user-minus::before { content: '\eb4a' }
+.pi-user-multiple-edit::before { content: '\eb4b' }
+.pi-user-multiple::before { content: '\eb4c' }
+.pi-user-plus::before { content: '\eb4d' }
+.pi-user-settings::before { content: '\eb4e' }
+.pi-user-square::before { content: '\eb4f' }
+.pi-user-suspend::before { content: '\eb50' }
+.pi-user-transfer::before { content: '\eb51' }
+.pi-user-verified::before { content: '\eb52' }
+.pi-user-wait::before { content: '\eb53' }
+.pi-video-camera::before { content: '\eb54' }
+.pi-view-off::before { content: '\eb55' }
+.pi-view::before { content: '\eb56' }
+.pi-voucher::before { content: '\eb57' }
+.pi-wallet::before { content: '\eb58' }
+.pi-whatsapp::before { content: '\eb59' }
+.pi-zoom-in::before { content: '\eb5a' }
+.pi-zoom-out::before { content: '\eb5b' }
diff --git a/packages/persona-icon/font/persona-icon.eot b/packages/persona-icon/font/persona-icon.eot
index 17da177f81..70f0c8370a 100644
Binary files a/packages/persona-icon/font/persona-icon.eot and b/packages/persona-icon/font/persona-icon.eot differ
diff --git a/packages/persona-icon/font/persona-icon.svg b/packages/persona-icon/font/persona-icon.svg
index a9b7af71ec..7838a0bdee 100644
--- a/packages/persona-icon/font/persona-icon.svg
+++ b/packages/persona-icon/font/persona-icon.svg
@@ -49,2024 +49,2042 @@
-
+
+
+
+
+
+
\ No newline at end of file
diff --git a/packages/persona-icon/svg/admin-center-logo-apps/20.svg b/packages/persona-icon/svg/admin-center-logo-apps/20.svg
new file mode 100644
index 0000000000..5abc0473c8
--- /dev/null
+++ b/packages/persona-icon/svg/admin-center-logo-apps/20.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/packages/persona-icon/svg/admin-center-logo-apps/24.svg b/packages/persona-icon/svg/admin-center-logo-apps/24.svg
new file mode 100644
index 0000000000..9987d0f535
--- /dev/null
+++ b/packages/persona-icon/svg/admin-center-logo-apps/24.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/packages/persona-icon/svg/admin-center-logo-apps/32.svg b/packages/persona-icon/svg/admin-center-logo-apps/32.svg
new file mode 100644
index 0000000000..a555bd6e89
--- /dev/null
+++ b/packages/persona-icon/svg/admin-center-logo-apps/32.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/packages/persona-icon/svg/message-logo-apps/16.svg b/packages/persona-icon/svg/message-logo-apps/16.svg
new file mode 100644
index 0000000000..7115336915
--- /dev/null
+++ b/packages/persona-icon/svg/message-logo-apps/16.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/packages/persona-icon/svg/message-logo-apps/20.svg b/packages/persona-icon/svg/message-logo-apps/20.svg
new file mode 100644
index 0000000000..04cce71e53
--- /dev/null
+++ b/packages/persona-icon/svg/message-logo-apps/20.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/packages/persona-icon/svg/message-logo-apps/24.svg b/packages/persona-icon/svg/message-logo-apps/24.svg
new file mode 100644
index 0000000000..d5942add7a
--- /dev/null
+++ b/packages/persona-icon/svg/message-logo-apps/24.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/packages/persona-icon/svg/message-logo-apps/32.svg b/packages/persona-icon/svg/message-logo-apps/32.svg
new file mode 100644
index 0000000000..e2055e554a
--- /dev/null
+++ b/packages/persona-icon/svg/message-logo-apps/32.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/packages/persona-icon/svg/meta.json b/packages/persona-icon/svg/meta.json
index 4ef0c43430..cf788099fe 100644
--- a/packages/persona-icon/svg/meta.json
+++ b/packages/persona-icon/svg/meta.json
@@ -6189,35 +6189,6 @@
}
]
},
- {
- "name": "admin-center",
- "aliases": [],
- "category": "apps",
- "folder": "admin-center-apps",
- "variant": "apps",
- "files": [
- {
- "name": "admin-center-apps/20",
- "path": "admin-center-apps/20.svg",
- "hash": "48820b7af042d1de3aede09f756b2355ce9b507603acfd541ba4e60edca35ebd"
- },
- {
- "name": "admin-center-apps/16",
- "path": "admin-center-apps/16.svg",
- "hash": "20eab57d4321c8cde1a5c4fdd656bc94da98eafb63c4e34b481b6ba9dd624fd4"
- },
- {
- "name": "admin-center-apps/32",
- "path": "admin-center-apps/32.svg",
- "hash": "36e83ef81fd02e1f81ad3f7c7edd66436cd363006c6f340e499320efd14f47ed"
- },
- {
- "name": "admin-center-apps/24",
- "path": "admin-center-apps/24.svg",
- "hash": "4983955e6395093da2b9cefeef3c87a83b42a3bda6078370d9d83474d396d817"
- }
- ]
- },
{
"name": "smartphone",
"aliases": [
@@ -10067,62 +10038,91 @@
]
},
{
- "name": "message",
+ "name": "transmit-data",
+ "aliases": [
+ "transfer-data"
+ ],
+ "category": "technology",
+ "folder": "transmit-data",
+ "variant": "outline",
+ "files": [
+ {
+ "name": "transmit-data/20",
+ "path": "transmit-data/20.svg",
+ "hash": "5179fb7c5b3fd65e1fbb629839707a4c9ee89a6b09ce4a13320634f116e5edc2"
+ },
+ {
+ "name": "transmit-data/24",
+ "path": "transmit-data/24.svg",
+ "hash": "32ecd8b5531a7943e7e7beeee4fc2ab921b8aefdda36b3650f2c389b8ad5a04d"
+ },
+ {
+ "name": "transmit-data/16",
+ "path": "transmit-data/16.svg",
+ "hash": "e2b485303cc5bf420430ba2289e36baa55ba3c5e7841e5ea3960e144b687f678"
+ },
+ {
+ "name": "transmit-data/32",
+ "path": "transmit-data/32.svg",
+ "hash": "ca080e50d6c32204e54568ee1168bbe2c8d32cb3d94b63dd154b81dc8990aef9"
+ }
+ ]
+ },
+ {
+ "name": "admin-center",
"aliases": [],
"category": "apps",
- "folder": "message-apps",
- "variant": "apps",
+ "folder": "admin-center-logo-apps",
+ "variant": "logo-apps",
"files": [
{
- "name": "message-apps/24",
- "path": "message-apps/24.svg",
- "hash": "c0134d00e2aa0370f1aab7096e2c2954d1477aa776bfa538e14370a2dabc392b"
+ "name": "admin-center-logo-apps/20",
+ "path": "admin-center-logo-apps/20.svg",
+ "hash": "48820b7af042d1de3aede09f756b2355ce9b507603acfd541ba4e60edca35ebd"
},
{
- "name": "message-apps/16",
- "path": "message-apps/16.svg",
- "hash": "272685ce9fe40f871927a9bad6c7c7fd0879fb61403205c2bb5e594258d01e4b"
+ "name": "admin-center-logo-apps/16",
+ "path": "admin-center-logo-apps/16.svg",
+ "hash": "20eab57d4321c8cde1a5c4fdd656bc94da98eafb63c4e34b481b6ba9dd624fd4"
},
{
- "name": "message-apps/32",
- "path": "message-apps/32.svg",
- "hash": "6b7e09253d07595b50ee375086dd580e866c3815af55f28c920c8637791ba346"
+ "name": "admin-center-logo-apps/32",
+ "path": "admin-center-logo-apps/32.svg",
+ "hash": "36e83ef81fd02e1f81ad3f7c7edd66436cd363006c6f340e499320efd14f47ed"
},
{
- "name": "message-apps/20",
- "path": "message-apps/20.svg",
- "hash": "6441db7afe165bbd1fd9fd07c19843930a473eacf533cfb8ef09d5a836d4bad2"
+ "name": "admin-center-logo-apps/24",
+ "path": "admin-center-logo-apps/24.svg",
+ "hash": "4983955e6395093da2b9cefeef3c87a83b42a3bda6078370d9d83474d396d817"
}
]
},
{
- "name": "trasmit-data",
- "aliases": [
- "transfer-data"
- ],
- "category": "technology",
- "folder": "trasmit-data",
- "variant": "outline",
+ "name": "message",
+ "aliases": [],
+ "category": "apps",
+ "folder": "message-logo-apps",
+ "variant": "logo-apps",
"files": [
{
- "name": "trasmit-data/32",
- "path": "trasmit-data/32.svg",
- "hash": "648718d262b18cce739e9b5d5dc6146765d9a043bde2c4b69e0c4ccd1a266a3d"
+ "name": "message-logo-apps/24",
+ "path": "message-logo-apps/24.svg",
+ "hash": "c0134d00e2aa0370f1aab7096e2c2954d1477aa776bfa538e14370a2dabc392b"
},
{
- "name": "trasmit-data/24",
- "path": "trasmit-data/24.svg",
- "hash": "71d26bce6de9ba0d27864da0ffefdeee470fb0b244ba3a5de086dbb815c54992"
+ "name": "message-logo-apps/16",
+ "path": "message-logo-apps/16.svg",
+ "hash": "272685ce9fe40f871927a9bad6c7c7fd0879fb61403205c2bb5e594258d01e4b"
},
{
- "name": "trasmit-data/20",
- "path": "trasmit-data/20.svg",
- "hash": "df87b6c14752a8a19aabab0f3f4e4b920ccad5decb3a2ad735d2d7d145f1451f"
+ "name": "message-logo-apps/32",
+ "path": "message-logo-apps/32.svg",
+ "hash": "6b7e09253d07595b50ee375086dd580e866c3815af55f28c920c8637791ba346"
},
{
- "name": "trasmit-data/16",
- "path": "trasmit-data/16.svg",
- "hash": "e7d238469309bd0c20856f077a4a250ddfe96d78cd0450ccf563a85f622e28ae"
+ "name": "message-logo-apps/20",
+ "path": "message-logo-apps/20.svg",
+ "hash": "6441db7afe165bbd1fd9fd07c19843930a473eacf533cfb8ef09d5a836d4bad2"
}
]
}
diff --git a/packages/persona-icon/svg/transmit-data/16.svg b/packages/persona-icon/svg/transmit-data/16.svg
new file mode 100644
index 0000000000..205f308bc6
--- /dev/null
+++ b/packages/persona-icon/svg/transmit-data/16.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/packages/persona-icon/svg/transmit-data/20.svg b/packages/persona-icon/svg/transmit-data/20.svg
new file mode 100644
index 0000000000..e9d3f47c3c
--- /dev/null
+++ b/packages/persona-icon/svg/transmit-data/20.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/packages/persona-icon/svg/transmit-data/24.svg b/packages/persona-icon/svg/transmit-data/24.svg
new file mode 100644
index 0000000000..29e3f2a70d
--- /dev/null
+++ b/packages/persona-icon/svg/transmit-data/24.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/packages/persona-icon/svg/transmit-data/32.svg b/packages/persona-icon/svg/transmit-data/32.svg
new file mode 100644
index 0000000000..cde9be5b0c
--- /dev/null
+++ b/packages/persona-icon/svg/transmit-data/32.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/packages/persona-icon/vue/admin-center-logo-apps/16.vue b/packages/persona-icon/vue/admin-center-logo-apps/16.vue
new file mode 100644
index 0000000000..9847347e4c
--- /dev/null
+++ b/packages/persona-icon/vue/admin-center-logo-apps/16.vue
@@ -0,0 +1,46 @@
+
+
+
diff --git a/packages/persona-icon/vue/admin-center-logo-apps/20.vue b/packages/persona-icon/vue/admin-center-logo-apps/20.vue
new file mode 100644
index 0000000000..b9db3403e6
--- /dev/null
+++ b/packages/persona-icon/vue/admin-center-logo-apps/20.vue
@@ -0,0 +1,46 @@
+
+
+
diff --git a/packages/persona-icon/vue/admin-center-logo-apps/24.vue b/packages/persona-icon/vue/admin-center-logo-apps/24.vue
new file mode 100644
index 0000000000..2c2930616b
--- /dev/null
+++ b/packages/persona-icon/vue/admin-center-logo-apps/24.vue
@@ -0,0 +1,46 @@
+
+
+
diff --git a/packages/persona-icon/vue/admin-center-logo-apps/32.vue b/packages/persona-icon/vue/admin-center-logo-apps/32.vue
new file mode 100644
index 0000000000..7c8164cb2d
--- /dev/null
+++ b/packages/persona-icon/vue/admin-center-logo-apps/32.vue
@@ -0,0 +1,46 @@
+
+
+
diff --git a/packages/persona-icon/vue/message-logo-apps/16.vue b/packages/persona-icon/vue/message-logo-apps/16.vue
new file mode 100644
index 0000000000..53ac2fd5fa
--- /dev/null
+++ b/packages/persona-icon/vue/message-logo-apps/16.vue
@@ -0,0 +1,13 @@
+
+
+
diff --git a/packages/persona-icon/vue/message-logo-apps/20.vue b/packages/persona-icon/vue/message-logo-apps/20.vue
new file mode 100644
index 0000000000..cc03e14770
--- /dev/null
+++ b/packages/persona-icon/vue/message-logo-apps/20.vue
@@ -0,0 +1,13 @@
+
+
+
diff --git a/packages/persona-icon/vue/message-logo-apps/24.vue b/packages/persona-icon/vue/message-logo-apps/24.vue
new file mode 100644
index 0000000000..08962648fb
--- /dev/null
+++ b/packages/persona-icon/vue/message-logo-apps/24.vue
@@ -0,0 +1,13 @@
+
+
+
diff --git a/packages/persona-icon/vue/message-logo-apps/32.vue b/packages/persona-icon/vue/message-logo-apps/32.vue
new file mode 100644
index 0000000000..8379290d5d
--- /dev/null
+++ b/packages/persona-icon/vue/message-logo-apps/32.vue
@@ -0,0 +1,13 @@
+
+
+
diff --git a/packages/persona-icon/vue/transmit-data/16.vue b/packages/persona-icon/vue/transmit-data/16.vue
new file mode 100644
index 0000000000..26deb52c9f
--- /dev/null
+++ b/packages/persona-icon/vue/transmit-data/16.vue
@@ -0,0 +1,13 @@
+
+
+
diff --git a/packages/persona-icon/vue/transmit-data/20.vue b/packages/persona-icon/vue/transmit-data/20.vue
new file mode 100644
index 0000000000..b850968290
--- /dev/null
+++ b/packages/persona-icon/vue/transmit-data/20.vue
@@ -0,0 +1,13 @@
+
+
+
diff --git a/packages/persona-icon/vue/transmit-data/24.vue b/packages/persona-icon/vue/transmit-data/24.vue
new file mode 100644
index 0000000000..7db3733ae8
--- /dev/null
+++ b/packages/persona-icon/vue/transmit-data/24.vue
@@ -0,0 +1,13 @@
+
+
+
diff --git a/packages/persona-icon/vue/transmit-data/32.vue b/packages/persona-icon/vue/transmit-data/32.vue
new file mode 100644
index 0000000000..b7d1e6537c
--- /dev/null
+++ b/packages/persona-icon/vue/transmit-data/32.vue
@@ -0,0 +1,13 @@
+
+
+
diff --git a/packages/persona/package.json b/packages/persona/package.json
index 7a3d2af5cc..81817d7a3e 100644
--- a/packages/persona/package.json
+++ b/packages/persona/package.json
@@ -1,7 +1,7 @@
{
"name": "@privyid/persona",
"description": "Persona core package",
- "version": "1.0.0-rc.1",
+ "version": "1.0.0-rc.2",
"license": "MIT",
"repository": {
"url": "https://github.com/privy-open-source/design-system.git",
@@ -28,7 +28,7 @@
"import": "./dist/directive/index.mjs",
"types": "./dist/directive/index.d.ts"
},
- "./components/": "./dist/components/"
+ "./components/*": "./dist/components/*"
},
"typesVersions": {
"*": {
diff --git a/packages/tailwind-animation/package.json b/packages/tailwind-animation/package.json
index 1fe768b16a..c704acdcee 100644
--- a/packages/tailwind-animation/package.json
+++ b/packages/tailwind-animation/package.json
@@ -1,7 +1,7 @@
{
"name": "@privyid/tailwind-animation",
"description": "Collection animation class for vue ``",
- "version": "1.0.0-rc.1",
+ "version": "1.0.0-rc.2",
"packageManager": "yarn@4.1.0",
"license": "MIT",
"repository": {
diff --git a/packages/tailwind-extended/package.json b/packages/tailwind-extended/package.json
index 786b5508c1..035bcda6e7 100644
--- a/packages/tailwind-extended/package.json
+++ b/packages/tailwind-extended/package.json
@@ -1,7 +1,7 @@
{
"name": "@privyid/tailwind-extended",
"description": "Add missing tailwind utilities",
- "version": "1.0.0-rc.1",
+ "version": "1.0.0-rc.2",
"packageManager": "yarn@4.1.0",
"license": "MIT",
"repository": {
diff --git a/packages/tailwind-preset/package.json b/packages/tailwind-preset/package.json
index ec0643acd6..278772701a 100644
--- a/packages/tailwind-preset/package.json
+++ b/packages/tailwind-preset/package.json
@@ -1,7 +1,7 @@
{
"name": "@privyid/tailwind-preset",
"description": "Tailwind preset for Persona project",
- "version": "1.0.0-rc.1",
+ "version": "1.0.0-rc.2",
"packageManager": "yarn@4.1.0",
"license": "MIT",
"repository": {
diff --git a/src/components/datepicker/Datepicker.spec.ts b/src/components/datepicker/Datepicker.spec.ts
index 00f7537562..ef9839041f 100644
--- a/src/components/datepicker/Datepicker.spec.ts
+++ b/src/components/datepicker/Datepicker.spec.ts
@@ -286,3 +286,31 @@ it('should modify v-model:start and v-model:end when using props `range`', async
expect(input).toHaveValue('01/01/2023 - 01/02/2023')
})
+
+it('should show clear button when prop `clearable`', async () => {
+ const model = ref(new Date(2022, 0, 1))
+ const screen = render({
+ components: { Datepicker },
+ template : `
+
+ `,
+ setup () {
+ return { model }
+ },
+ })
+
+ const input = screen.queryByTestId('datepicker-input')
+ const clear = screen.queryByTestId('input-clear')
+
+ expect(input).toHaveValue('2022-01-01')
+ expect(clear).toBeVisible()
+
+ await fireEvent.click(clear)
+
+ expect(model.value).toBeUndefined()
+ expect(clear).not.toBeVisible()
+})
diff --git a/src/components/datepicker/Datepicker.vue b/src/components/datepicker/Datepicker.vue
index b1f509d394..a79760d41c 100644
--- a/src/components/datepicker/Datepicker.vue
+++ b/src/components/datepicker/Datepicker.vue
@@ -8,6 +8,7 @@
:disabled="disabled">
@@ -60,6 +64,8 @@ import { useVModel } from '../input'
import IconCalendar from '@privyid/persona-icon/vue/calendar/16.vue'
import type { SizeVariant } from '../button'
+defineOptions({ inheritAttrs: false })
+
const props = defineProps({
modelValue: {
type : [Date, Array] as PropType,
@@ -69,6 +75,30 @@ const props = defineProps({
type : String as PropType,
default: 'md',
},
+ disabled: {
+ type : Boolean,
+ default: false,
+ },
+ readonly: {
+ type : Boolean,
+ default: false,
+ },
+ error: {
+ type : Boolean,
+ default: false,
+ },
+ clearable: {
+ type : Boolean,
+ default: false,
+ },
+ containerClass: {
+ type: [
+ String,
+ Array,
+ Object,
+ ],
+ default: undefined,
+ },
start: {
type : Date,
default: undefined,
@@ -85,18 +115,6 @@ const props = defineProps({
type : String,
default: 'dd/MM/yyyy',
},
- disabled: {
- type : Boolean,
- default: undefined,
- },
- readonly: {
- type : Boolean,
- default: undefined,
- },
- error: {
- type : Boolean,
- default: undefined,
- },
max: {
type : Date,
default: undefined,
@@ -178,6 +196,11 @@ function onFocus () {
isOpen.value = true
}
+function onClear () {
+ if (!props.disabled && !props.readonly)
+ model.value = undefined
+}
+
function onSelected (event: Event) {
isOpen.value = false
diff --git a/src/components/datepicker/index.md b/src/components/datepicker/index.md
index 62a7935aa2..41bf882145 100644
--- a/src/components/datepicker/index.md
+++ b/src/components/datepicker/index.md
@@ -29,7 +29,7 @@ description: Base button component
### Simple Usage
-
+
```vue
@@ -214,6 +214,20 @@ You can limit minimal and maximal date range to pick using prop `min-range` and
```
+## Clearable
+
+Add clear button to input with prop `clearable`.
+
+
+
+
+
+```vue
+
+
+
+```
+
## Binding v-model
@@ -284,23 +298,25 @@ You can specific binding the value using `v-model:start` or `v-model:end`
### Props
-| Props | Type | Default | Description |
-|---------------|:---------:|:------------:|---------------------------------------------------------|
-| `modelValue` | `Date` | `-` | `v-model` value |
-| `size` | `String` | `md` | Input size variant, valid value: `xs`, `sm`, `md`, `lg` |
-| `start` | `Date` | `-` | `v-model:start` value |
-| `end` | `Date` | `-` | `v-model:end` value |
-| `placeholder` | `String` | `-` | Input placeholder |
-| `format` | `String` | `dd/MM/yyyy` | Date format |
-| `disabled` | `Boolean` | `false` | Disabled state |
-| `readonly` | `Boolean` | `false` | Readonly state |
-| `error` | `Boolean` | `false` | Error state |
-| `mode` | `String` | `-` | Calendar mode valid value: `date`, `month`, `year` |
-| `min` | `Date` | `-` | Minimum date can be selected |
-| `max` | `Date` | `-` | Maximum date can be selected |
-| `range` | `Boolean` | `false` | Enable range picker mode |
-| `minRange` | `String` | `-` | Minimum range date should be selected |
-| `maxRange` | `String` | `-` | Maximum range date should be selected |
+| Props | Type | Default | Description |
+|-------------------|:-------------------------------:|:------------:|---------------------------------------------------------|
+| `modelValue` | `Date` | `-` | `v-model` value |
+| `size` | `String` | `md` | Input size variant, valid value: `xs`, `sm`, `md`, `lg` |
+| `start` | `Date` | `-` | `v-model:start` value |
+| `end` | `Date` | `-` | `v-model:end` value |
+| `placeholder` | `String` | `-` | Input placeholder |
+| `format` | `String` | `dd/MM/yyyy` | Date format |
+| `disabled` | `Boolean` | `false` | Disabled state |
+| `readonly` | `Boolean` | `false` | Readonly state |
+| `error` | `Boolean` | `false` | Error state |
+| `clearable` | `Boolean` | `false` | Enable clear |
+| `mode` | `String` | `-` | Calendar mode valid value: `date`, `month`, `year` |
+| `min` | `Date` | `-` | Minimum date can be selected |
+| `max` | `Date` | `-` | Maximum date can be selected |
+| `range` | `Boolean` | `false` | Enable range picker mode |
+| `minRange` | `String` | `-` | Minimum range date should be selected |
+| `maxRange` | `String` | `-` | Maximum range date should be selected |
+| `container-class` | `String` or `Array` or `Object` | `-` | CSS class to add in the input container |
### Slots
diff --git a/src/components/dropdown/Dropdown.vue b/src/components/dropdown/Dropdown.vue
index b63722a8a6..e2323baebe 100644
--- a/src/components/dropdown/Dropdown.vue
+++ b/src/components/dropdown/Dropdown.vue
@@ -197,7 +197,12 @@ defineEmits<{
}>()
const slots = defineSlots<{
- 'activator'(props: { isOpen: boolean, open: () => void, close: () => void, toggle: () => void }): VNode[],
+ 'activator'(props: {
+ isOpen: boolean,
+ open: () => void,
+ close: () => void,
+ toggle: () => void,
+ }): VNode[],
'button-content'(): VNode[],
'prepend'(): VNode[],
'append'(): VNode[],
diff --git a/src/components/select/Select.vue b/src/components/select/Select.vue
index 7df16026f6..7affa8e316 100644
--- a/src/components/select/Select.vue
+++ b/src/components/select/Select.vue
@@ -89,7 +89,9 @@
-
+
{{ emptyText }}
@@ -168,6 +170,7 @@ import IconLoading from '../spinner/SpinnerRing.vue'
import type {
PropType,
HTMLAttributes,
+ VNode,
} from 'vue-demi'
import {
computed,
@@ -459,6 +462,23 @@ defineExpose({
menuEl,
toggle,
})
+
+defineSlots<{
+ 'activator'(props: {
+ isOpen: boolean,
+ open: () => void,
+ close: () => void,
+ toggle: () => void,
+ }): VNode[],
+ 'selected'(props: { item: unknown, multiple: boolean }): VNode[],
+ 'placeholder'(): VNode[],
+ 'empty'(props: { keyword: string }): VNode[],
+ 'option'(props: {
+ item: SelectItem,
+ isSelected: boolean,
+ }): VNode[],
+ 'loading'(): VNode[],
+}>()