@hero-design/rn 8.127.1 → 8.128.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +26 -0
- package/assets/fonts/hero-icons-mobile.ttf +0 -0
- package/es/index.js +158 -159
- package/lib/assets/fonts/hero-icons-mobile.ttf +0 -0
- package/lib/index.js +158 -159
- package/package.json +4 -4
- package/src/components/Button/StyledButton.tsx +4 -4
- package/src/components/FilterTrigger/index.tsx +7 -6
- package/src/components/Icon/HeroIcon/glyphMap.json +1 -1
- package/src/components/Icon/IconList.ts +1 -0
- package/src/locales/types.ts +1 -3
- package/src/theme/components/filterTrigger.ts +8 -10
- package/types/components/Icon/IconList.d.ts +1 -1
- package/types/components/Icon/index.d.ts +1 -1
- package/types/components/TextInput/index.d.ts +1 -1
- package/types/locales/types.d.ts +1 -3
- package/types/theme/components/filterTrigger.d.ts +0 -2
package/lib/index.js
CHANGED
|
@@ -7810,21 +7810,19 @@ var getAppCueTheme = function getAppCueTheme(theme) {
|
|
|
7810
7810
|
var getFilterTriggerTheme = function getFilterTriggerTheme(theme) {
|
|
7811
7811
|
var borderWidths = {
|
|
7812
7812
|
wrapper: {
|
|
7813
|
-
filled: theme.borderWidths.
|
|
7814
|
-
outlined: theme.borderWidths.
|
|
7813
|
+
filled: theme.borderWidths.base,
|
|
7814
|
+
outlined: theme.borderWidths.base,
|
|
7815
7815
|
ghost: 0
|
|
7816
7816
|
}
|
|
7817
7817
|
};
|
|
7818
7818
|
var colors = {
|
|
7819
7819
|
wrapper: {
|
|
7820
|
-
activeBackground: theme.colors.highlightedSurface,
|
|
7821
|
-
inactiveBackground: theme.colors.neutralGlobalSurface,
|
|
7822
7820
|
background: {
|
|
7823
7821
|
active: {
|
|
7824
7822
|
filled: theme.colors.highlightedSurface,
|
|
7825
|
-
outlined:
|
|
7826
|
-
ghost:
|
|
7827
|
-
filledLabeless: theme.colors.
|
|
7823
|
+
outlined: theme.colors.highlightedSurface,
|
|
7824
|
+
ghost: theme.colors.highlightedSurface,
|
|
7825
|
+
filledLabeless: theme.colors.highlightedSurface
|
|
7828
7826
|
},
|
|
7829
7827
|
inactive: {
|
|
7830
7828
|
filled: theme.colors.neutralGlobalSurface,
|
|
@@ -7835,13 +7833,13 @@ var getFilterTriggerTheme = function getFilterTriggerTheme(theme) {
|
|
|
7835
7833
|
border: {
|
|
7836
7834
|
active: {
|
|
7837
7835
|
filled: theme.colors.highlightedSurface,
|
|
7838
|
-
outlined: theme.colors.
|
|
7836
|
+
outlined: theme.colors.primary,
|
|
7839
7837
|
ghost: 'transparent',
|
|
7840
|
-
filledLabeless: theme.colors.
|
|
7838
|
+
filledLabeless: theme.colors.highlightedSurface
|
|
7841
7839
|
},
|
|
7842
7840
|
inactive: {
|
|
7843
7841
|
filled: theme.colors.neutralGlobalSurface,
|
|
7844
|
-
outlined: theme.colors.
|
|
7842
|
+
outlined: theme.colors.primary,
|
|
7845
7843
|
ghost: 'transparent'
|
|
7846
7844
|
}
|
|
7847
7845
|
}
|
|
@@ -8539,7 +8537,7 @@ var Typography = {
|
|
|
8539
8537
|
};
|
|
8540
8538
|
|
|
8541
8539
|
// 🔴 DO NOT EDIT — This file is generated automatically.
|
|
8542
|
-
var IconList = ['activate', 'add-emoji', 'add-person', 'adjustment', 'alignment', 'antenna', 'archive', 'assignment-warning', 'bank', 'bell', 'billing', 'bolt', 'bookmark-added', 'bookmark-checked', 'bookmark', 'box-check', 'box', 'bpay', 'buildings', 'cake', 'calendar-clock', 'calendar', 'candy-box-menu', 'caret-down-small', 'caret-down', 'caret-left-small', 'caret-left', 'caret-right-small', 'caret-right', 'caret-up-small', 'caret-up', 'check-radio', 'circle-add', 'circle-cancel', 'circle-check', 'circle-down', 'circle-info', 'circle-left', 'circle-ok', 'circle-pencil', 'circle-question', 'circle-remove', 'circle-right', 'circle-up', 'circle-warning', 'clock-3', 'clock', 'cloud-download', 'cloud-upload', 'cog', 'coin', 'contacts', 'credit-card', 'diamond', 'direction-arrows', 'directory', 'document', 'dollar-coin-shine', 'dot', 'double-buildings', 'edit-template', 'envelope', 'exclude', 'expand-content', 'expense', 'explore_nearby', 'eye-circle', 'eye-invisible', 'eye', 'face-meh', 'face-sad', 'face-smiley', 'feed', 'feedbacks', 'file-certified', 'file-clone', 'file-copy', 'file-csv', 'file-dispose', 'file-doc', 'file-excel', 'file-export', 'file-lock', 'file-pdf', 'file-powerpoint', 'file-search', 'file-secured', 'file-sheets', 'file-slide', 'file-verified', 'file-word', 'file', 'filter', 'folder-user', 'folder', 'format-bold', 'format-heading1', 'format-heading2', 'format-italic', 'format-list-bulleted', 'format-list-numbered', 'format-underlined', 'funnel-filter', 'global-dollar', 'global-pound', 'globe', 'graduation-cap', 'graph', 'happy-sun', 'health-bag', 'heart', 'hero-points', 'home', 'image', 'import', 'incident-siren', 'instapay-daily', 'instapay-now', 'instapay', 'list', 'loading-2', 'loading', 'location-on', 'location', 'lock', 'looks-one', 'looks-two', 'media-content', 'menu', 'money-notes', 'moneybag', 'moon', 'multiple-stars', 'multiple-users', 'near-me', 'node', 'open-folder', 'paperclip-vertical', 'paperclip', 'payment-summary', 'pencil', 'phone', 'piggy-bank', 'plane-up', 'plane', 'play-arrow', 'play-circle', 'pound-coin-shine', 'pound-sign', 'print', 'raising-hands', 'reply-arrow', 'reply', 'reschedule', 'rocket-launch', 'rostering', 'salary-sacrifice', 'save', 'schedule-send', 'schedule', 'search-person', 'search', 'send', 'speaker-active', 'speaker', 'star-award', 'star-badge', 'star-circle', 'star-medal', 'star', 'steps-circle', 'stopwatch', 'suitcase', 'surfing', 'survey', 'swag-pillar-benefit', 'swag-pillar-career', 'swag-pillar-money', 'swag-pillar-work', 'swag', 'swipe-right', 'switch', 'tag', 'target', 'teams', 'thumb-down', 'thumb-up', 'timesheet', 'touch-id', 'trash-bin', 'unlock', 'user', 'video-1', 'video-2', 'wallet', 'warning', 'academic-hat-outlined', 'accommodation-outlined', 'activate-outlined', 'add-credit-card-outlined', 'add-person-outlined', 'add-section-outlined', 'add-time-outlined', 'add', 'adjustment-outlined', 'afternoon-outlined', 'ai-outlined', 'alignment-2-outlined', 'alignment-outlined', 'all-caps', 'application-outlined', 'arrow-down', 'arrow-downwards', 'arrow-left', 'arrow-leftwards', 'arrow-right', 'arrow-rightwards', 'arrow-up', 'arrow-upwards', 'article-outlined', 'at-sign', 'auto-graph-outlined', 'automotive-outlined', 'bakery-outlined', 'bar-outlined', 'beauty-outlined', 'beer-outlined', 'bell-active-outlined', 'bell-outlined', 'bell-slash-outlined', 'bill-management-outlined', 'billing-outlined', 'body-outlined', 'bold', 'bolt-outlined', 'book-outlined', 'bookmark-added-outlined', 'bookmark-checked-outlined', 'bookmark-outlined', 'box-1-outlined', 'box-check-outlined', 'box-outlined', 'bullet-points', 'cake-outlined', 'calculator-outlined', 'calendar-dates-outlined', 'calendar-edit-outlined', 'calendar-star-outlined', 'call-outlined', 'call-split-outlined', 'camera-outlined', 'cancel', 'car-forward-outlined', 'cashback-outlined', 'charging-station-outlined', 'chat-bubble-outlined', 'chat-unread-outlined', 'checkmark', 'circle-add-outlined', 'circle-cancel-outlined', 'circle-down-outlined', 'circle-info-outlined', 'circle-left-outlined', 'circle-ok-outlined', 'circle-question-outlined', 'circle-remove-outlined', 'circle-right-outlined', 'circle-up-outlined', 'circle-warning-outlined', 'clock-2-outlined', 'clock-in-outlined', 'clock-out-outlined', 'clock-outlined', 'cog-outlined', 'coin-outlined', 'coin-super-outlined', 'comment-outlined', 'contacts-outlined', 'contacts-user-outlined', 'credit-card-outlined', 'cultural-site-outlined', 'cup-outlined', 'dentistry-outlined', 'diamond-outlined', 'direction-arrows-outlined', 'directory-outlined', 'document-outlined', 'dollar-box-outlined', 'dollar-card-outlined', 'dollar-coin-shine-outlined', 'dollar-credit-card-outlined', 'dollar-sign', 'double-buildings-outlined', 'double-left-arrows', 'double-right-arrows', 'download-box-outlined', 'download-outlined', 'edit-template-outlined', 'edit-user-outlined', 'electronics-outlined', 'email-outlined', 'end-break-outlined', 'enter-arrow', 'entertainment-outlined', 'envelope-outlined', 'evening-outlined', 'expense-approval-outlined', 'expense-outlined', 'explore-outlined', 'extension-outlined', 'external-link', 'eye-invisible-outlined', 'eye-outlined', 'face-id', 'face-meh-outlined', 'face-open-smiley-outlined', 'face-sad-outlined', 'face-smiley-outlined', 'fastfood-outlined', 'feed-outlined', 'feedbacks-outlined', 'file-certified-outlined', 'file-clone-outlined', 'file-copy-outlined', 'file-dispose-outlined', 'file-dollar-certified-outlined', 'file-dollar-outlined', 'file-download-outlined', 'file-export-outlined', 'file-lock-outlined', 'file-outlined', 'file-pound-outlined', 'file-search-outlined', 'file-secured-outlined', 'file-statutory-outlined', 'file-verified-outlined', 'filter-outlined', 'fitness-outlined', 'folder-outlined', 'folder-upload-outlined', 'folder-user-outlined', 'form-outlined', 'funnel-filter-outline', 'goal-outlined', 'graph-outlined', 'grocery-outlined', 'hand-holding-user-outlined', 'handshake-outlined', 'happy-sun-outlined', 'health-bag-outlined', 'heart-outlined', 'home-active-outlined', 'home-outlined', 'id-card-outlined', 'image-outlined', 'import-outlined', 'instapay-outlined', 'italic', 'job-search-outlined', 'leave-approval-outlined', 'lighting-outlined', 'link-1', 'link-2', 'list-outlined', 'live-help-outlined', 'local_mall_outlined', 'location-on-outlined', 'location-outlined', 'lock-outlined', 'locked-file-outlined', 'log-out', 'mail-outlined', 'map-outlined', 'media-content-outlined', 'menu-close', 'menu-expand', 'menu-fold-outlined', 'menu-unfold-outlined', 'moneybag-outlined', 'moon-outlined', 'more-horizontal', 'more-vertical', 'morning-outlined', 'multiple-folders-outlined', 'multiple-users-outlined', 'near-me-outlined', 'node-outlined', 'number-points', 'number', 'overview-outlined', 'park-outlined', 'payment-summary-outlined', 'payslip-outlined', 'pencil-outlined', 'percentage', 'phone-outlined', 'piggy-bank-outlined', 'plane-outlined', 'play-circle-outlined', 'pound-box-outlined', 'pound-card-outlined', 'pound-coin-shine-outlined', 'pound-credit-card-outlined', 'print-outlined', 'profile-2user-outlined', 'propane-tank-outlined', 'qr-code-outlined', 'qualification-outlined', 'question-mark', 're-assign', 'redeem', 'refresh', 'remove', 'reply-outlined', 'restart', 'restaurant-outlined', 'resume-outlined', 'return-arrow', 'rocket-launch-outlined', 'rostering-outlined', 'safety-outlined', 'save-outlined', 'schedule-outlined', 'search-outlined', 'search-secured-outlined', 'send-outlined', 'share-1', 'share-2', 'share-outlined-2', 'share-outlined', 'shield-check-outlined', 'shop-outlined', 'shopping_basket_outlined', 'show-chart-outlined', 'single-down-arrow', 'single-left-arrow', 'single-right-arrow', 'single-up-arrow', 'smart-match-outlined', 'sparkle-2-outlined', 'sparkle-outlined', 'speaker-active-outlined', 'speaker-outlined', 'star-circle-outlined', 'star-outlined', 'start-break-outlined', 'stash-outlined', 'stopwatch-outlined', 'strikethrough', 'styler-outlined', 'suitcase-clock-outlined', 'suitcase-outlined', 'survey-outlined', 'switch-outlined', 'sync', 'tag-outlined', 'target-outlined', 'tennis-outlined', 'thumb-down-outlined', 'thumb-up-outlined', 'ticket-outlined', 'timesheet-outlined', 'timesheets-outlined', 'today-outlined', 'transfer', 'transportation-outlined', 'trash-bin-outlined', 'umbrela-outlined', 'unavailability-outlined', 'unavailable', 'underline', 'union-outlined', 'unlock-outlined', 'upload-outlined', 'user-add-outlined', 'user-circle-outlined', 'user-gear-outlined', 'user-out-outlined', 'user-outlined', 'user-rectangle-outlined', 'video-1-outlined', 'video-2-outlined', 'volunteer-outlined', 'wallet-outlined', 'wellness-outlined'];
|
|
8540
|
+
var IconList = ['activate', 'add-emoji', 'add-person', 'adjustment', 'alignment', 'antenna', 'archive', 'assignment-warning', 'bank', 'bell', 'billing', 'bolt', 'bookmark-added', 'bookmark-checked', 'bookmark', 'box-check', 'box', 'bpay', 'buildings', 'cake', 'calendar-clock', 'calendar', 'candy-box-menu', 'caret-down-small', 'caret-down', 'caret-left-small', 'caret-left', 'caret-right-small', 'caret-right', 'caret-up-small', 'caret-up', 'check-radio', 'circle-add', 'circle-cancel', 'circle-check', 'circle-down', 'circle-info', 'circle-left', 'circle-ok', 'circle-pencil', 'circle-question', 'circle-remove', 'circle-right', 'circle-up', 'circle-warning', 'clock-3', 'clock', 'cloud-download', 'cloud-upload', 'cog', 'coin', 'contacts', 'credit-card', 'diamond', 'direction-arrows', 'directory', 'document', 'dollar-coin-shine', 'dot', 'double-buildings', 'edit-template', 'envelope', 'exclude', 'expand-content', 'expense', 'explore_nearby', 'eye-circle', 'eye-invisible', 'eye', 'face-meh', 'face-sad', 'face-smiley', 'feed', 'feedbacks', 'file-certified', 'file-clone', 'file-copy', 'file-csv', 'file-dispose', 'file-doc', 'file-excel', 'file-export', 'file-lock', 'file-pdf', 'file-powerpoint', 'file-search', 'file-secured', 'file-sheets', 'file-slide', 'file-verified', 'file-word', 'file', 'filter', 'folder-user', 'folder', 'format-bold', 'format-heading1', 'format-heading2', 'format-italic', 'format-list-bulleted', 'format-list-numbered', 'format-underlined', 'funnel-filter', 'global-dollar', 'global-pound', 'globe', 'graduation-cap', 'graph', 'happy-sun', 'health-bag', 'heart', 'hero-points', 'home', 'image', 'import', 'incident-siren', 'instapay-daily', 'instapay-now', 'instapay', 'list', 'loading-2', 'loading', 'location-on', 'location', 'lock', 'looks-one', 'looks-two', 'media-content', 'menu', 'money-notes', 'moneybag', 'moon', 'multiple-stars', 'multiple-users', 'near-me', 'node', 'open-folder', 'paperclip-vertical', 'paperclip', 'payment-summary', 'pencil', 'phone', 'piggy-bank', 'plane-up', 'plane', 'play-arrow', 'play-circle', 'pound-coin-shine', 'pound-sign', 'print', 'raising-hands', 'reply-arrow', 'reply', 'reschedule', 'rocket-launch', 'rostering', 'salary-sacrifice', 'save', 'schedule-send', 'schedule', 'search-person', 'search', 'send', 'speaker-active', 'speaker', 'star-award', 'star-badge', 'star-circle', 'star-medal', 'star', 'steps-circle', 'stopwatch', 'suitcase', 'surfing', 'survey', 'swag-pillar-benefit', 'swag-pillar-career', 'swag-pillar-money', 'swag-pillar-work', 'swag', 'swipe-right', 'switch', 'tag', 'target', 'teams', 'thumb-down', 'thumb-up', 'timesheet', 'touch-id', 'trash-bin', 'unlock', 'user', 'video-1', 'video-2', 'wallet', 'warning', 'academic-hat-outlined', 'accommodation-outlined', 'activate-outlined', 'add-credit-card-outlined', 'add-person-outlined', 'add-section-outlined', 'add-time-outlined', 'add', 'adjustment-outlined', 'afternoon-outlined', 'ai-outlined', 'alignment-2-outlined', 'alignment-outlined', 'all-caps', 'application-outlined', 'arrow-down', 'arrow-downwards', 'arrow-left', 'arrow-leftwards', 'arrow-right', 'arrow-rightwards', 'arrow-up', 'arrow-upwards', 'article-outlined', 'at-sign', 'auto-graph-outlined', 'automotive-outlined', 'bakery-outlined', 'bar-outlined', 'beauty-outlined', 'beer-outlined', 'bell-active-outlined', 'bell-outlined', 'bell-slash-outlined', 'bill-management-outlined', 'billing-outlined', 'body-outlined', 'bold', 'bolt-outlined', 'book-outlined', 'bookmark-added-outlined', 'bookmark-checked-outlined', 'bookmark-outlined', 'box-1-outlined', 'box-check-outlined', 'box-outlined', 'bullet-points', 'cake-outlined', 'calculator-outlined', 'calendar-dates-outlined', 'calendar-edit-outlined', 'calendar-star-outlined', 'call-outlined', 'call-split-outlined', 'camera-outlined', 'cancel', 'car-forward-outlined', 'cashback-outlined', 'charging-station-outlined', 'chat-bubble-outlined', 'chat-unread-outlined', 'checkmark', 'circle-add-outlined', 'circle-cancel-outlined', 'circle-down-outlined', 'circle-info-outlined', 'circle-left-outlined', 'circle-ok-outlined', 'circle-question-outlined', 'circle-remove-outlined', 'circle-right-outlined', 'circle-up-outlined', 'circle-warning-outlined', 'clock-2-outlined', 'clock-in-outlined', 'clock-out-outlined', 'clock-outlined', 'cog-outlined', 'coin-outlined', 'coin-super-outlined', 'comment-outlined', 'contacts-outlined', 'contacts-user-outlined', 'credit-card-outlined', 'cultural-site-outlined', 'cup-outlined', 'dentistry-outlined', 'diamond-outlined', 'direction-arrows-outlined', 'directory-outlined', 'document-outlined', 'dollar-box-outlined', 'dollar-card-outlined', 'dollar-coin-shine-outlined', 'dollar-credit-card-outlined', 'dollar-sign', 'double-buildings-outlined', 'double-left-arrows', 'double-right-arrows', 'download-box-outlined', 'download-outlined', 'edit-template-outlined', 'edit-user-outlined', 'electronics-outlined', 'email-outlined', 'end-break-outlined', 'enter-arrow', 'entertainment-outlined', 'envelope-outlined', 'evening-outlined', 'expense-approval-outlined', 'expense-outlined', 'explore-outlined', 'extension-outlined', 'external-link', 'eye-invisible-outlined', 'eye-outlined', 'face-id', 'face-meh-outlined', 'face-open-smiley-outlined', 'face-sad-outlined', 'face-smiley-outlined', 'fastfood-outlined', 'feed-outlined', 'feedbacks-outlined', 'file-certified-outlined', 'file-clone-outlined', 'file-copy-outlined', 'file-dispose-outlined', 'file-dollar-certified-outlined', 'file-dollar-outlined', 'file-download-outlined', 'file-export-outlined', 'file-lock-outlined', 'file-outlined', 'file-pound-outlined', 'file-search-outlined', 'file-secured-outlined', 'file-statutory-outlined', 'file-verified-outlined', 'filter-outlined', 'fitness-outlined', 'folder-outlined', 'folder-upload-outlined', 'folder-user-outlined', 'form-outlined', 'funnel-filter-outline', 'goal-outlined', 'graph-outlined', 'grocery-outlined', 'hand-holding-user-outlined', 'handshake-outlined', 'happy-sun-outlined', 'health-bag-outlined', 'heart-outlined', 'history-outlined', 'home-active-outlined', 'home-outlined', 'id-card-outlined', 'image-outlined', 'import-outlined', 'instapay-outlined', 'italic', 'job-search-outlined', 'leave-approval-outlined', 'lighting-outlined', 'link-1', 'link-2', 'list-outlined', 'live-help-outlined', 'local_mall_outlined', 'location-on-outlined', 'location-outlined', 'lock-outlined', 'locked-file-outlined', 'log-out', 'mail-outlined', 'map-outlined', 'media-content-outlined', 'menu-close', 'menu-expand', 'menu-fold-outlined', 'menu-unfold-outlined', 'moneybag-outlined', 'moon-outlined', 'more-horizontal', 'more-vertical', 'morning-outlined', 'multiple-folders-outlined', 'multiple-users-outlined', 'near-me-outlined', 'node-outlined', 'number-points', 'number', 'overview-outlined', 'park-outlined', 'payment-summary-outlined', 'payslip-outlined', 'pencil-outlined', 'percentage', 'phone-outlined', 'piggy-bank-outlined', 'plane-outlined', 'play-circle-outlined', 'pound-box-outlined', 'pound-card-outlined', 'pound-coin-shine-outlined', 'pound-credit-card-outlined', 'print-outlined', 'profile-2user-outlined', 'propane-tank-outlined', 'qr-code-outlined', 'qualification-outlined', 'question-mark', 're-assign', 'redeem', 'refresh', 'remove', 'reply-outlined', 'restart', 'restaurant-outlined', 'resume-outlined', 'return-arrow', 'rocket-launch-outlined', 'rostering-outlined', 'safety-outlined', 'save-outlined', 'schedule-outlined', 'search-outlined', 'search-secured-outlined', 'send-outlined', 'share-1', 'share-2', 'share-outlined-2', 'share-outlined', 'shield-check-outlined', 'shop-outlined', 'shopping_basket_outlined', 'show-chart-outlined', 'single-down-arrow', 'single-left-arrow', 'single-right-arrow', 'single-up-arrow', 'smart-match-outlined', 'sparkle-2-outlined', 'sparkle-outlined', 'speaker-active-outlined', 'speaker-outlined', 'star-circle-outlined', 'star-outlined', 'start-break-outlined', 'stash-outlined', 'stopwatch-outlined', 'strikethrough', 'styler-outlined', 'suitcase-clock-outlined', 'suitcase-outlined', 'survey-outlined', 'switch-outlined', 'sync', 'tag-outlined', 'target-outlined', 'tennis-outlined', 'thumb-down-outlined', 'thumb-up-outlined', 'ticket-outlined', 'timesheet-outlined', 'timesheets-outlined', 'today-outlined', 'transfer', 'transportation-outlined', 'trash-bin-outlined', 'umbrela-outlined', 'unavailability-outlined', 'unavailable', 'underline', 'union-outlined', 'unlock-outlined', 'upload-outlined', 'user-add-outlined', 'user-circle-outlined', 'user-gear-outlined', 'user-out-outlined', 'user-outlined', 'user-rectangle-outlined', 'video-1-outlined', 'video-2-outlined', 'volunteer-outlined', 'wallet-outlined', 'wellness-outlined'];
|
|
8543
8541
|
|
|
8544
8542
|
var activate = 59000;
|
|
8545
8543
|
var adjustment = 59003;
|
|
@@ -8619,20 +8617,20 @@ var add = 59203;
|
|
|
8619
8617
|
var bold = 59233;
|
|
8620
8618
|
var cancel = 59251;
|
|
8621
8619
|
var checkmark = 59257;
|
|
8622
|
-
var italic =
|
|
8623
|
-
var local_mall_outlined =
|
|
8624
|
-
var number$2 =
|
|
8625
|
-
var percentage =
|
|
8626
|
-
var redeem =
|
|
8627
|
-
var refresh =
|
|
8628
|
-
var remove$1 =
|
|
8629
|
-
var restart =
|
|
8630
|
-
var shopping_basket_outlined =
|
|
8631
|
-
var strikethrough =
|
|
8632
|
-
var sync =
|
|
8633
|
-
var transfer =
|
|
8634
|
-
var unavailable =
|
|
8635
|
-
var underline =
|
|
8620
|
+
var italic = 59358;
|
|
8621
|
+
var local_mall_outlined = 59366;
|
|
8622
|
+
var number$2 = 59389;
|
|
8623
|
+
var percentage = 59395;
|
|
8624
|
+
var redeem = 59411;
|
|
8625
|
+
var refresh = 59412;
|
|
8626
|
+
var remove$1 = 59413;
|
|
8627
|
+
var restart = 59415;
|
|
8628
|
+
var shopping_basket_outlined = 59433;
|
|
8629
|
+
var strikethrough = 59449;
|
|
8630
|
+
var sync = 59455;
|
|
8631
|
+
var transfer = 59465;
|
|
8632
|
+
var unavailable = 59470;
|
|
8633
|
+
var underline = 59471;
|
|
8636
8634
|
var glyphMap = {
|
|
8637
8635
|
activate: activate,
|
|
8638
8636
|
"add-emoji": 59001,
|
|
@@ -8985,140 +8983,141 @@ var glyphMap = {
|
|
|
8985
8983
|
"happy-sun-outlined": 59348,
|
|
8986
8984
|
"health-bag-outlined": 59349,
|
|
8987
8985
|
"heart-outlined": 59350,
|
|
8988
|
-
"
|
|
8989
|
-
"home-outlined": 59352,
|
|
8990
|
-
"
|
|
8991
|
-
"
|
|
8992
|
-
"
|
|
8993
|
-
"
|
|
8986
|
+
"history-outlined": 59351,
|
|
8987
|
+
"home-active-outlined": 59352,
|
|
8988
|
+
"home-outlined": 59353,
|
|
8989
|
+
"id-card-outlined": 59354,
|
|
8990
|
+
"image-outlined": 59355,
|
|
8991
|
+
"import-outlined": 59356,
|
|
8992
|
+
"instapay-outlined": 59357,
|
|
8994
8993
|
italic: italic,
|
|
8995
|
-
"job-search-outlined":
|
|
8996
|
-
"leave-approval-outlined":
|
|
8997
|
-
"lighting-outlined":
|
|
8998
|
-
"link-1":
|
|
8999
|
-
"link-2":
|
|
9000
|
-
"list-outlined":
|
|
9001
|
-
"live-help-outlined":
|
|
8994
|
+
"job-search-outlined": 59359,
|
|
8995
|
+
"leave-approval-outlined": 59360,
|
|
8996
|
+
"lighting-outlined": 59361,
|
|
8997
|
+
"link-1": 59362,
|
|
8998
|
+
"link-2": 59363,
|
|
8999
|
+
"list-outlined": 59364,
|
|
9000
|
+
"live-help-outlined": 59365,
|
|
9002
9001
|
local_mall_outlined: local_mall_outlined,
|
|
9003
|
-
"location-on-outlined":
|
|
9004
|
-
"location-outlined":
|
|
9005
|
-
"lock-outlined":
|
|
9006
|
-
"locked-file-outlined":
|
|
9007
|
-
"log-out":
|
|
9008
|
-
"mail-outlined":
|
|
9009
|
-
"map-outlined":
|
|
9010
|
-
"media-content-outlined":
|
|
9011
|
-
"menu-close":
|
|
9012
|
-
"menu-expand":
|
|
9013
|
-
"menu-fold-outlined":
|
|
9014
|
-
"menu-unfold-outlined":
|
|
9015
|
-
"moneybag-outlined":
|
|
9016
|
-
"moon-outlined":
|
|
9017
|
-
"more-horizontal":
|
|
9018
|
-
"more-vertical":
|
|
9019
|
-
"morning-outlined":
|
|
9020
|
-
"multiple-folders-outlined":
|
|
9021
|
-
"multiple-users-outlined":
|
|
9022
|
-
"near-me-outlined":
|
|
9023
|
-
"node-outlined":
|
|
9024
|
-
"number-points":
|
|
9002
|
+
"location-on-outlined": 59367,
|
|
9003
|
+
"location-outlined": 59368,
|
|
9004
|
+
"lock-outlined": 59369,
|
|
9005
|
+
"locked-file-outlined": 59370,
|
|
9006
|
+
"log-out": 59371,
|
|
9007
|
+
"mail-outlined": 59372,
|
|
9008
|
+
"map-outlined": 59373,
|
|
9009
|
+
"media-content-outlined": 59374,
|
|
9010
|
+
"menu-close": 59375,
|
|
9011
|
+
"menu-expand": 59376,
|
|
9012
|
+
"menu-fold-outlined": 59377,
|
|
9013
|
+
"menu-unfold-outlined": 59378,
|
|
9014
|
+
"moneybag-outlined": 59379,
|
|
9015
|
+
"moon-outlined": 59380,
|
|
9016
|
+
"more-horizontal": 59381,
|
|
9017
|
+
"more-vertical": 59382,
|
|
9018
|
+
"morning-outlined": 59383,
|
|
9019
|
+
"multiple-folders-outlined": 59384,
|
|
9020
|
+
"multiple-users-outlined": 59385,
|
|
9021
|
+
"near-me-outlined": 59386,
|
|
9022
|
+
"node-outlined": 59387,
|
|
9023
|
+
"number-points": 59388,
|
|
9025
9024
|
number: number$2,
|
|
9026
|
-
"overview-outlined":
|
|
9027
|
-
"park-outlined":
|
|
9028
|
-
"payment-summary-outlined":
|
|
9029
|
-
"payslip-outlined":
|
|
9030
|
-
"pencil-outlined":
|
|
9025
|
+
"overview-outlined": 59390,
|
|
9026
|
+
"park-outlined": 59391,
|
|
9027
|
+
"payment-summary-outlined": 59392,
|
|
9028
|
+
"payslip-outlined": 59393,
|
|
9029
|
+
"pencil-outlined": 59394,
|
|
9031
9030
|
percentage: percentage,
|
|
9032
|
-
"phone-outlined":
|
|
9033
|
-
"piggy-bank-outlined":
|
|
9034
|
-
"plane-outlined":
|
|
9035
|
-
"play-circle-outlined":
|
|
9036
|
-
"pound-box-outlined":
|
|
9037
|
-
"pound-card-outlined":
|
|
9038
|
-
"pound-coin-shine-outlined":
|
|
9039
|
-
"pound-credit-card-outlined":
|
|
9040
|
-
"print-outlined":
|
|
9041
|
-
"profile-2user-outlined":
|
|
9042
|
-
"propane-tank-outlined":
|
|
9043
|
-
"qr-code-outlined":
|
|
9044
|
-
"qualification-outlined":
|
|
9045
|
-
"question-mark":
|
|
9046
|
-
"re-assign":
|
|
9031
|
+
"phone-outlined": 59396,
|
|
9032
|
+
"piggy-bank-outlined": 59397,
|
|
9033
|
+
"plane-outlined": 59398,
|
|
9034
|
+
"play-circle-outlined": 59399,
|
|
9035
|
+
"pound-box-outlined": 59400,
|
|
9036
|
+
"pound-card-outlined": 59401,
|
|
9037
|
+
"pound-coin-shine-outlined": 59402,
|
|
9038
|
+
"pound-credit-card-outlined": 59403,
|
|
9039
|
+
"print-outlined": 59404,
|
|
9040
|
+
"profile-2user-outlined": 59405,
|
|
9041
|
+
"propane-tank-outlined": 59406,
|
|
9042
|
+
"qr-code-outlined": 59407,
|
|
9043
|
+
"qualification-outlined": 59408,
|
|
9044
|
+
"question-mark": 59409,
|
|
9045
|
+
"re-assign": 59410,
|
|
9047
9046
|
redeem: redeem,
|
|
9048
9047
|
refresh: refresh,
|
|
9049
9048
|
remove: remove$1,
|
|
9050
|
-
"reply-outlined":
|
|
9049
|
+
"reply-outlined": 59414,
|
|
9051
9050
|
restart: restart,
|
|
9052
|
-
"restaurant-outlined":
|
|
9053
|
-
"resume-outlined":
|
|
9054
|
-
"return-arrow":
|
|
9055
|
-
"rocket-launch-outlined":
|
|
9056
|
-
"rostering-outlined":
|
|
9057
|
-
"safety-outlined":
|
|
9058
|
-
"save-outlined":
|
|
9059
|
-
"schedule-outlined":
|
|
9060
|
-
"search-outlined":
|
|
9061
|
-
"search-secured-outlined":
|
|
9062
|
-
"send-outlined":
|
|
9063
|
-
"share-1":
|
|
9064
|
-
"share-2":
|
|
9065
|
-
"share-outlined-2":
|
|
9066
|
-
"share-outlined":
|
|
9067
|
-
"shield-check-outlined":
|
|
9068
|
-
"shop-outlined":
|
|
9051
|
+
"restaurant-outlined": 59416,
|
|
9052
|
+
"resume-outlined": 59417,
|
|
9053
|
+
"return-arrow": 59418,
|
|
9054
|
+
"rocket-launch-outlined": 59419,
|
|
9055
|
+
"rostering-outlined": 59420,
|
|
9056
|
+
"safety-outlined": 59421,
|
|
9057
|
+
"save-outlined": 59422,
|
|
9058
|
+
"schedule-outlined": 59423,
|
|
9059
|
+
"search-outlined": 59424,
|
|
9060
|
+
"search-secured-outlined": 59425,
|
|
9061
|
+
"send-outlined": 59426,
|
|
9062
|
+
"share-1": 59427,
|
|
9063
|
+
"share-2": 59428,
|
|
9064
|
+
"share-outlined-2": 59429,
|
|
9065
|
+
"share-outlined": 59430,
|
|
9066
|
+
"shield-check-outlined": 59431,
|
|
9067
|
+
"shop-outlined": 59432,
|
|
9069
9068
|
shopping_basket_outlined: shopping_basket_outlined,
|
|
9070
|
-
"show-chart-outlined":
|
|
9071
|
-
"single-down-arrow":
|
|
9072
|
-
"single-left-arrow":
|
|
9073
|
-
"single-right-arrow":
|
|
9074
|
-
"single-up-arrow":
|
|
9075
|
-
"smart-match-outlined":
|
|
9076
|
-
"sparkle-2-outlined":
|
|
9077
|
-
"sparkle-outlined":
|
|
9078
|
-
"speaker-active-outlined":
|
|
9079
|
-
"speaker-outlined":
|
|
9080
|
-
"star-circle-outlined":
|
|
9081
|
-
"star-outlined":
|
|
9082
|
-
"start-break-outlined":
|
|
9083
|
-
"stash-outlined":
|
|
9084
|
-
"stopwatch-outlined":
|
|
9069
|
+
"show-chart-outlined": 59434,
|
|
9070
|
+
"single-down-arrow": 59435,
|
|
9071
|
+
"single-left-arrow": 59436,
|
|
9072
|
+
"single-right-arrow": 59437,
|
|
9073
|
+
"single-up-arrow": 59438,
|
|
9074
|
+
"smart-match-outlined": 59439,
|
|
9075
|
+
"sparkle-2-outlined": 59440,
|
|
9076
|
+
"sparkle-outlined": 59441,
|
|
9077
|
+
"speaker-active-outlined": 59442,
|
|
9078
|
+
"speaker-outlined": 59443,
|
|
9079
|
+
"star-circle-outlined": 59444,
|
|
9080
|
+
"star-outlined": 59445,
|
|
9081
|
+
"start-break-outlined": 59446,
|
|
9082
|
+
"stash-outlined": 59447,
|
|
9083
|
+
"stopwatch-outlined": 59448,
|
|
9085
9084
|
strikethrough: strikethrough,
|
|
9086
|
-
"styler-outlined":
|
|
9087
|
-
"suitcase-clock-outlined":
|
|
9088
|
-
"suitcase-outlined":
|
|
9089
|
-
"survey-outlined":
|
|
9090
|
-
"switch-outlined":
|
|
9085
|
+
"styler-outlined": 59450,
|
|
9086
|
+
"suitcase-clock-outlined": 59451,
|
|
9087
|
+
"suitcase-outlined": 59452,
|
|
9088
|
+
"survey-outlined": 59453,
|
|
9089
|
+
"switch-outlined": 59454,
|
|
9091
9090
|
sync: sync,
|
|
9092
|
-
"tag-outlined":
|
|
9093
|
-
"target-outlined":
|
|
9094
|
-
"tennis-outlined":
|
|
9095
|
-
"thumb-down-outlined":
|
|
9096
|
-
"thumb-up-outlined":
|
|
9097
|
-
"ticket-outlined":
|
|
9098
|
-
"timesheet-outlined":
|
|
9099
|
-
"timesheets-outlined":
|
|
9100
|
-
"today-outlined":
|
|
9091
|
+
"tag-outlined": 59456,
|
|
9092
|
+
"target-outlined": 59457,
|
|
9093
|
+
"tennis-outlined": 59458,
|
|
9094
|
+
"thumb-down-outlined": 59459,
|
|
9095
|
+
"thumb-up-outlined": 59460,
|
|
9096
|
+
"ticket-outlined": 59461,
|
|
9097
|
+
"timesheet-outlined": 59462,
|
|
9098
|
+
"timesheets-outlined": 59463,
|
|
9099
|
+
"today-outlined": 59464,
|
|
9101
9100
|
transfer: transfer,
|
|
9102
|
-
"transportation-outlined":
|
|
9103
|
-
"trash-bin-outlined":
|
|
9104
|
-
"umbrela-outlined":
|
|
9105
|
-
"unavailability-outlined":
|
|
9101
|
+
"transportation-outlined": 59466,
|
|
9102
|
+
"trash-bin-outlined": 59467,
|
|
9103
|
+
"umbrela-outlined": 59468,
|
|
9104
|
+
"unavailability-outlined": 59469,
|
|
9106
9105
|
unavailable: unavailable,
|
|
9107
9106
|
underline: underline,
|
|
9108
|
-
"union-outlined":
|
|
9109
|
-
"unlock-outlined":
|
|
9110
|
-
"upload-outlined":
|
|
9111
|
-
"user-add-outlined":
|
|
9112
|
-
"user-circle-outlined":
|
|
9113
|
-
"user-gear-outlined":
|
|
9114
|
-
"user-out-outlined":
|
|
9115
|
-
"user-outlined":
|
|
9116
|
-
"user-rectangle-outlined":
|
|
9117
|
-
"video-1-outlined":
|
|
9118
|
-
"video-2-outlined":
|
|
9119
|
-
"volunteer-outlined":
|
|
9120
|
-
"wallet-outlined":
|
|
9121
|
-
"wellness-outlined":
|
|
9107
|
+
"union-outlined": 59472,
|
|
9108
|
+
"unlock-outlined": 59473,
|
|
9109
|
+
"upload-outlined": 59474,
|
|
9110
|
+
"user-add-outlined": 59475,
|
|
9111
|
+
"user-circle-outlined": 59476,
|
|
9112
|
+
"user-gear-outlined": 59477,
|
|
9113
|
+
"user-out-outlined": 59478,
|
|
9114
|
+
"user-outlined": 59479,
|
|
9115
|
+
"user-rectangle-outlined": 59480,
|
|
9116
|
+
"video-1-outlined": 59481,
|
|
9117
|
+
"video-2-outlined": 59482,
|
|
9118
|
+
"volunteer-outlined": 59483,
|
|
9119
|
+
"wallet-outlined": 59484,
|
|
9120
|
+
"wellness-outlined": 59485
|
|
9122
9121
|
};
|
|
9123
9122
|
|
|
9124
9123
|
var HeroIcon = reactNativeVectorIcons.createIconSet(glyphMap, 'hero-icons-mobile', 'hero-icons-mobile.ttf');
|
|
@@ -10997,7 +10996,7 @@ var LoadingIndicator = function LoadingIndicator(_ref2) {
|
|
|
10997
10996
|
var getButtonSize = function getButtonSize(themeIsCompact, themeIsMedium) {
|
|
10998
10997
|
if (themeIsCompact) return scale(36);
|
|
10999
10998
|
if (themeIsMedium) return scale(48);
|
|
11000
|
-
return scale(
|
|
10999
|
+
return scale(48);
|
|
11001
11000
|
};
|
|
11002
11001
|
var getTextButtonPaddingVertical = function getTextButtonPaddingVertical(theme, themeInlineText, themeIsCompact) {
|
|
11003
11002
|
if (themeInlineText) {
|
|
@@ -11056,7 +11055,7 @@ var genFilledContainerStyles = function genFilledContainerStyles(theme, intent,
|
|
|
11056
11055
|
}
|
|
11057
11056
|
return {
|
|
11058
11057
|
alignSelf: 'stretch',
|
|
11059
|
-
|
|
11058
|
+
paddingHorizontal: theme.__hd__.button.space["default"].buttonPadding,
|
|
11060
11059
|
borderRadius: theme.__hd__.button.radii["default"]
|
|
11061
11060
|
};
|
|
11062
11061
|
};
|
|
@@ -11101,7 +11100,7 @@ var genOutlineContainerStyles = function genOutlineContainerStyles(theme, intent
|
|
|
11101
11100
|
}
|
|
11102
11101
|
return {
|
|
11103
11102
|
alignSelf: 'stretch',
|
|
11104
|
-
|
|
11103
|
+
paddingHorizontal: theme.__hd__.button.space["default"].buttonPadding - theme.__hd__.button.borderWidth["default"],
|
|
11105
11104
|
borderRadius: theme.__hd__.button.radii["default"]
|
|
11106
11105
|
};
|
|
11107
11106
|
};
|
|
@@ -11139,7 +11138,7 @@ var getTextContainerStyles = function getTextContainerStyles(theme, intent, load
|
|
|
11139
11138
|
};
|
|
11140
11139
|
}
|
|
11141
11140
|
return {
|
|
11142
|
-
|
|
11141
|
+
paddingHorizontal: inlineText ? 0 : theme.__hd__.button.space["default"].textButtonPadding
|
|
11143
11142
|
};
|
|
11144
11143
|
};
|
|
11145
11144
|
return _objectSpread2({
|
|
@@ -42373,8 +42372,6 @@ var FilterTrigger = function FilterTrigger(_ref) {
|
|
|
42373
42372
|
testID = _ref.testID,
|
|
42374
42373
|
style = _ref.style;
|
|
42375
42374
|
var shouldShowBadge = filterCount > 0 && active;
|
|
42376
|
-
var iconIntent = active ? 'text' : 'inactive';
|
|
42377
|
-
var typographyVariant = active ? 'small-bold' : 'small';
|
|
42378
42375
|
return /*#__PURE__*/React__namespace.default.createElement(StyledFilterWrapper, {
|
|
42379
42376
|
testID: testID,
|
|
42380
42377
|
style: style,
|
|
@@ -42382,24 +42379,26 @@ var FilterTrigger = function FilterTrigger(_ref) {
|
|
|
42382
42379
|
themeVariant: variant,
|
|
42383
42380
|
onPress: onPress,
|
|
42384
42381
|
themeHasLabel: !!label
|
|
42385
|
-
}, label ? /*#__PURE__*/React__namespace.default.createElement(React__namespace.default.Fragment, null, /*#__PURE__*/React__namespace.default.createElement(
|
|
42386
|
-
variant: typographyVariant
|
|
42387
|
-
}, label), shouldShowBadge && /*#__PURE__*/React__namespace.default.createElement(Badge$1, {
|
|
42388
|
-
content: filterCount,
|
|
42389
|
-
size: "small"
|
|
42390
|
-
}), suffix && /*#__PURE__*/React__namespace.default.createElement(Icon, {
|
|
42382
|
+
}, label ? /*#__PURE__*/React__namespace.default.createElement(React__namespace.default.Fragment, null, suffix && /*#__PURE__*/React__namespace.default.createElement(Icon, {
|
|
42391
42383
|
icon: suffix,
|
|
42392
42384
|
size: "xxxsmall",
|
|
42393
|
-
intent:
|
|
42385
|
+
intent: "text",
|
|
42394
42386
|
testID: "".concat(testID, "-suffix")
|
|
42387
|
+
}), /*#__PURE__*/React__namespace.default.createElement(StyledText, {
|
|
42388
|
+
variant: "small"
|
|
42389
|
+
}, label), shouldShowBadge && /*#__PURE__*/React__namespace.default.createElement(Badge$1, {
|
|
42390
|
+
content: filterCount,
|
|
42391
|
+
size: "small",
|
|
42392
|
+
intent: "primary"
|
|
42395
42393
|
})) : /*#__PURE__*/React__namespace.default.createElement(React__namespace.default.Fragment, null, suffix && /*#__PURE__*/React__namespace.default.createElement(Icon, {
|
|
42396
42394
|
icon: suffix,
|
|
42397
42395
|
size: "xsmall",
|
|
42398
|
-
intent:
|
|
42396
|
+
intent: "text",
|
|
42399
42397
|
testID: "".concat(testID, "-suffix")
|
|
42400
42398
|
}), shouldShowBadge && /*#__PURE__*/React__namespace.default.createElement(StyledBadge, {
|
|
42401
42399
|
content: filterCount,
|
|
42402
42400
|
size: "small",
|
|
42401
|
+
intent: "primary",
|
|
42403
42402
|
themeHasLabel: !!label
|
|
42404
42403
|
})));
|
|
42405
42404
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@hero-design/rn",
|
|
3
|
-
"version": "8.
|
|
3
|
+
"version": "8.128.0",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"main": "lib/index.js",
|
|
6
6
|
"module": "es/index.js",
|
|
@@ -79,11 +79,11 @@
|
|
|
79
79
|
"@types/jest": "^29.5.3",
|
|
80
80
|
"@types/react": "^19.0.0",
|
|
81
81
|
"@types/react-native-vector-icons": "^6.4.10",
|
|
82
|
-
"@typescript-eslint/eslint-plugin": "^
|
|
82
|
+
"@typescript-eslint/eslint-plugin": "^8.57.0",
|
|
83
83
|
"babel-plugin-inline-import": "^3.0.0",
|
|
84
84
|
"core-js": "^3.33.0",
|
|
85
|
-
"eslint": "^8.
|
|
86
|
-
"eslint-config-hd": "8.42.
|
|
85
|
+
"eslint": "^8.57.0",
|
|
86
|
+
"eslint-config-hd": "8.42.6",
|
|
87
87
|
"expo-linear-gradient": "55.0.9",
|
|
88
88
|
"jest": "^29.2.1",
|
|
89
89
|
"jest-environment-jsdom": "^29.2.1",
|
|
@@ -34,7 +34,7 @@ const getButtonSize = (themeIsCompact: boolean, themeIsMedium?: boolean) => {
|
|
|
34
34
|
|
|
35
35
|
if (themeIsMedium) return scale(48);
|
|
36
36
|
|
|
37
|
-
return scale(
|
|
37
|
+
return scale(48);
|
|
38
38
|
};
|
|
39
39
|
|
|
40
40
|
const getTextButtonPaddingVertical = (
|
|
@@ -119,7 +119,7 @@ const genFilledContainerStyles = (
|
|
|
119
119
|
|
|
120
120
|
return {
|
|
121
121
|
alignSelf: 'stretch',
|
|
122
|
-
|
|
122
|
+
paddingHorizontal: theme.__hd__.button.space.default.buttonPadding,
|
|
123
123
|
borderRadius: theme.__hd__.button.radii.default,
|
|
124
124
|
};
|
|
125
125
|
};
|
|
@@ -186,7 +186,7 @@ const genOutlineContainerStyles = (
|
|
|
186
186
|
|
|
187
187
|
return {
|
|
188
188
|
alignSelf: 'stretch',
|
|
189
|
-
|
|
189
|
+
paddingHorizontal:
|
|
190
190
|
theme.__hd__.button.space.default.buttonPadding -
|
|
191
191
|
theme.__hd__.button.borderWidth.default,
|
|
192
192
|
borderRadius: theme.__hd__.button.radii.default,
|
|
@@ -251,7 +251,7 @@ const getTextContainerStyles = (
|
|
|
251
251
|
}
|
|
252
252
|
|
|
253
253
|
return {
|
|
254
|
-
|
|
254
|
+
paddingHorizontal: inlineText
|
|
255
255
|
? 0
|
|
256
256
|
: theme.__hd__.button.space.default.textButtonPadding,
|
|
257
257
|
};
|
|
@@ -55,8 +55,6 @@ const FilterTrigger = ({
|
|
|
55
55
|
style,
|
|
56
56
|
}: FilterTriggerProps) => {
|
|
57
57
|
const shouldShowBadge = filterCount > 0 && active;
|
|
58
|
-
const iconIntent = active ? 'text' : 'inactive';
|
|
59
|
-
const typographyVariant = active ? 'small-bold' : 'small';
|
|
60
58
|
|
|
61
59
|
return (
|
|
62
60
|
<StyledFilterWrapper
|
|
@@ -69,16 +67,18 @@ const FilterTrigger = ({
|
|
|
69
67
|
>
|
|
70
68
|
{label ? (
|
|
71
69
|
<>
|
|
72
|
-
<StyledText variant={typographyVariant}>{label}</StyledText>
|
|
73
|
-
{shouldShowBadge && <Badge content={filterCount} size="small" />}
|
|
74
70
|
{suffix && (
|
|
75
71
|
<Icon
|
|
76
72
|
icon={suffix}
|
|
77
73
|
size="xxxsmall"
|
|
78
|
-
intent=
|
|
74
|
+
intent="text"
|
|
79
75
|
testID={`${testID}-suffix`}
|
|
80
76
|
/>
|
|
81
77
|
)}
|
|
78
|
+
<StyledText variant="small">{label}</StyledText>
|
|
79
|
+
{shouldShowBadge && (
|
|
80
|
+
<Badge content={filterCount} size="small" intent="primary" />
|
|
81
|
+
)}
|
|
82
82
|
</>
|
|
83
83
|
) : (
|
|
84
84
|
<>
|
|
@@ -86,7 +86,7 @@ const FilterTrigger = ({
|
|
|
86
86
|
<Icon
|
|
87
87
|
icon={suffix}
|
|
88
88
|
size="xsmall"
|
|
89
|
-
intent=
|
|
89
|
+
intent="text"
|
|
90
90
|
testID={`${testID}-suffix`}
|
|
91
91
|
/>
|
|
92
92
|
)}
|
|
@@ -94,6 +94,7 @@ const FilterTrigger = ({
|
|
|
94
94
|
<StyledBadge
|
|
95
95
|
content={filterCount}
|
|
96
96
|
size="small"
|
|
97
|
+
intent="primary"
|
|
97
98
|
themeHasLabel={!!label}
|
|
98
99
|
/>
|
|
99
100
|
)}
|