@ptsecurity/mosaic 13.1.0 → 13.3.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/_theming.scss +466 -168
- package/_visual.scss +419 -239
- package/button/button.component.d.ts +1 -1
- package/core/option/option.d.ts +1 -0
- package/core/pop-up/pop-up.d.ts +1 -0
- package/core/validation/validation.d.ts +3 -3
- package/design-tokens/legacy-2017/tokens.d.ts +155 -56
- package/design-tokens/pt-2022/tokens.d.ts +151 -52
- package/dl/README.md +0 -0
- package/dl/dl.component.d.ts +26 -0
- package/dl/dl.module.d.ts +10 -0
- package/dl/index.d.ts +1 -0
- package/dl/package.json +10 -0
- package/dl/ptsecurity-mosaic-dl.d.ts +5 -0
- package/dl/public-api.d.ts +2 -0
- package/esm2020/autocomplete/autocomplete-origin.directive.mjs +3 -3
- package/esm2020/autocomplete/autocomplete-trigger.directive.mjs +3 -3
- package/esm2020/autocomplete/autocomplete.component.mjs +5 -5
- package/esm2020/autocomplete/autocomplete.module.mjs +4 -4
- package/esm2020/button/button.component.mjs +29 -21
- package/esm2020/button/button.module.mjs +4 -4
- package/esm2020/button-toggle/button-toggle.component.mjs +8 -8
- package/esm2020/button-toggle/button-toggle.module.mjs +4 -4
- package/esm2020/card/card.component.mjs +4 -4
- package/esm2020/card/card.module.mjs +4 -4
- package/esm2020/checkbox/checkbox-module.mjs +4 -4
- package/esm2020/checkbox/checkbox-required-validator.mjs +3 -3
- package/esm2020/checkbox/checkbox.mjs +4 -4
- package/esm2020/core/common-behaviors/common-module.mjs +4 -4
- package/esm2020/core/error/error-options.mjs +6 -6
- package/esm2020/core/formatters/date/formatter.mjs +3 -3
- package/esm2020/core/formatters/index.mjs +4 -4
- package/esm2020/core/formatters/number/formatter.mjs +4 -4
- package/esm2020/core/forms/forms-module.mjs +4 -4
- package/esm2020/core/forms/forms.directive.mjs +6 -6
- package/esm2020/core/highlight/highlight.pipe.mjs +3 -3
- package/esm2020/core/highlight/index.mjs +4 -4
- package/esm2020/core/line/line.mjs +7 -7
- package/esm2020/core/option/action.mjs +3 -3
- package/esm2020/core/option/optgroup.mjs +4 -4
- package/esm2020/core/option/option-module.mjs +4 -4
- package/esm2020/core/option/option.mjs +10 -7
- package/esm2020/core/pop-up/pop-up-trigger.mjs +7 -12
- package/esm2020/core/pop-up/pop-up.mjs +7 -4
- package/esm2020/core/selection/pseudo-checkbox/pseudo-checkbox.mjs +4 -4
- package/esm2020/core/selection/pseudo-checkbox/pseudo-checkbox.module.mjs +4 -4
- package/esm2020/core/services/measure-scrollbar.service.mjs +3 -3
- package/esm2020/core/validation/validation.mjs +10 -5
- package/esm2020/datepicker/calendar-body.component.mjs +4 -4
- package/esm2020/datepicker/calendar.component.mjs +7 -7
- package/esm2020/datepicker/datepicker-input.directive.mjs +3 -3
- package/esm2020/datepicker/datepicker-intl.mjs +3 -3
- package/esm2020/datepicker/datepicker-module.mjs +4 -4
- package/esm2020/datepicker/datepicker-toggle.component.mjs +7 -7
- package/esm2020/datepicker/datepicker.component.mjs +8 -8
- package/esm2020/datepicker/month-view.component.mjs +3 -3
- package/esm2020/datepicker/multi-year-view.component.mjs +3 -3
- package/esm2020/datepicker/year-view.component.mjs +3 -3
- package/esm2020/design-tokens/legacy-2017/tokens.mjs +156 -57
- package/esm2020/design-tokens/pt-2022/tokens.mjs +152 -53
- package/esm2020/divider/divider.component.mjs +4 -4
- package/esm2020/divider/divider.module.mjs +4 -4
- package/esm2020/dl/dl.component.mjs +78 -0
- package/esm2020/dl/dl.module.mjs +42 -0
- package/esm2020/dl/index.mjs +2 -0
- package/esm2020/dl/ptsecurity-mosaic-dl.mjs +5 -0
- package/esm2020/dl/public-api.mjs +3 -0
- package/esm2020/dropdown/dropdown-content.directive.mjs +3 -3
- package/esm2020/dropdown/dropdown-item.component.mjs +5 -5
- package/esm2020/dropdown/dropdown-trigger.directive.mjs +3 -3
- package/esm2020/dropdown/dropdown.component.mjs +6 -6
- package/esm2020/dropdown/dropdown.module.mjs +4 -4
- package/esm2020/form-field/cleaner.mjs +3 -3
- package/esm2020/form-field/form-field.mjs +48 -28
- package/esm2020/form-field/form-field.module.mjs +10 -5
- package/esm2020/form-field/hint.mjs +6 -6
- package/esm2020/form-field/password-hint.mjs +134 -0
- package/esm2020/form-field/prefix.mjs +3 -3
- package/esm2020/form-field/public-api.mjs +2 -1
- package/esm2020/form-field/stepper.mjs +3 -3
- package/esm2020/form-field/suffix.mjs +3 -3
- package/esm2020/icon/icon.component.mjs +6 -6
- package/esm2020/icon/icon.module.mjs +4 -4
- package/esm2020/input/input-number-validators.mjs +6 -6
- package/esm2020/input/input-number.mjs +3 -3
- package/esm2020/input/input-password.mjs +368 -0
- package/esm2020/input/input.mjs +12 -11
- package/esm2020/input/input.module.mjs +50 -8
- package/esm2020/input/public-api.mjs +2 -1
- package/esm2020/link/link.component.mjs +3 -3
- package/esm2020/link/link.module.mjs +4 -4
- package/esm2020/list/list-selection.component.mjs +11 -11
- package/esm2020/list/list.component.mjs +7 -7
- package/esm2020/list/list.module.mjs +4 -4
- package/esm2020/modal/css-unit.pipe.mjs +3 -3
- package/esm2020/modal/modal-control.service.mjs +3 -3
- package/esm2020/modal/modal.component.mjs +4 -4
- package/esm2020/modal/modal.directive.mjs +12 -12
- package/esm2020/modal/modal.module.mjs +4 -4
- package/esm2020/modal/modal.service.mjs +3 -3
- package/esm2020/navbar/navbar-item.component.mjs +86 -79
- package/esm2020/navbar/navbar.component.mjs +10 -10
- package/esm2020/navbar/navbar.module.mjs +4 -4
- package/esm2020/navbar/vertical-navbar.component.mjs +6 -6
- package/esm2020/popover/popover-confirm.component.mjs +8 -8
- package/esm2020/popover/popover.component.mjs +8 -8
- package/esm2020/popover/popover.module.mjs +4 -4
- package/esm2020/progress-bar/progress-bar.component.mjs +4 -4
- package/esm2020/progress-bar/progress-bar.module.mjs +4 -4
- package/esm2020/progress-spinner/progress-spinner.component.mjs +4 -4
- package/esm2020/progress-spinner/progress-spinner.module.mjs +4 -4
- package/esm2020/radio/radio.component.mjs +7 -7
- package/esm2020/radio/radio.module.mjs +4 -4
- package/esm2020/select/public-api.mjs +2 -1
- package/esm2020/select/select-option.directive.mjs +65 -0
- package/esm2020/select/select.component.mjs +16 -16
- package/esm2020/select/select.module.mjs +19 -10
- package/esm2020/sidebar/sidebar.component.mjs +9 -9
- package/esm2020/sidebar/sidebar.module.mjs +4 -4
- package/esm2020/sidepanel/sidepanel-container.component.mjs +5 -5
- package/esm2020/sidepanel/sidepanel-directives.mjs +18 -18
- package/esm2020/sidepanel/sidepanel.module.mjs +4 -4
- package/esm2020/sidepanel/sidepanel.service.mjs +3 -3
- package/esm2020/splitter/splitter.component.mjs +22 -20
- package/esm2020/splitter/splitter.module.mjs +4 -4
- package/esm2020/table/table.component.mjs +3 -3
- package/esm2020/table/table.module.mjs +4 -4
- package/esm2020/tabs/paginated-tab-header.mjs +3 -3
- package/esm2020/tabs/tab-body.component.mjs +6 -6
- package/esm2020/tabs/tab-content.directive.mjs +3 -3
- package/esm2020/tabs/tab-group.component.mjs +20 -20
- package/esm2020/tabs/tab-header.component.mjs +4 -4
- package/esm2020/tabs/tab-label-wrapper.directive.mjs +3 -3
- package/esm2020/tabs/tab-label.directive.mjs +3 -3
- package/esm2020/tabs/tab-nav-bar/tab-nav-bar.mjs +9 -9
- package/esm2020/tabs/tab.component.mjs +3 -3
- package/esm2020/tabs/tabs.module.mjs +4 -4
- package/esm2020/tags/tag-input.mjs +3 -3
- package/esm2020/tags/tag-list.component.mjs +6 -6
- package/esm2020/tags/tag.component.mjs +60 -60
- package/esm2020/tags/tag.module.mjs +4 -4
- package/esm2020/textarea/textarea.component.mjs +9 -8
- package/esm2020/textarea/textarea.module.mjs +4 -4
- package/esm2020/timepicker/timepicker.directive.mjs +3 -3
- package/esm2020/timepicker/timepicker.module.mjs +4 -4
- package/esm2020/toggle/toggle.component.mjs +6 -6
- package/esm2020/toggle/toggle.module.mjs +4 -4
- package/esm2020/tooltip/tooltip.component.mjs +18 -14
- package/esm2020/tooltip/tooltip.module.mjs +4 -4
- package/esm2020/tree/node.mjs +3 -3
- package/esm2020/tree/outlet.mjs +3 -3
- package/esm2020/tree/padding.directive.mjs +12 -9
- package/esm2020/tree/toggle.mjs +10 -10
- package/esm2020/tree/tree-base.mjs +6 -6
- package/esm2020/tree/tree-option.component.mjs +9 -9
- package/esm2020/tree/tree-selection.component.mjs +8 -6
- package/esm2020/tree/tree.mjs +3 -3
- package/esm2020/tree/tree.module.mjs +4 -4
- package/esm2020/tree-select/tree-select.component.mjs +14 -14
- package/esm2020/tree-select/tree-select.module.mjs +4 -4
- package/fesm2015/ptsecurity-mosaic-autocomplete.mjs +15 -15
- package/fesm2015/ptsecurity-mosaic-autocomplete.mjs.map +1 -1
- package/fesm2015/ptsecurity-mosaic-button-toggle.mjs +12 -12
- package/fesm2015/ptsecurity-mosaic-button-toggle.mjs.map +1 -1
- package/fesm2015/ptsecurity-mosaic-button.mjs +32 -24
- package/fesm2015/ptsecurity-mosaic-button.mjs.map +1 -1
- package/fesm2015/ptsecurity-mosaic-card.mjs +8 -8
- package/fesm2015/ptsecurity-mosaic-card.mjs.map +1 -1
- package/fesm2015/ptsecurity-mosaic-checkbox.mjs +11 -11
- package/fesm2015/ptsecurity-mosaic-checkbox.mjs.map +1 -1
- package/fesm2015/ptsecurity-mosaic-core.mjs +97 -91
- package/fesm2015/ptsecurity-mosaic-core.mjs.map +1 -1
- package/fesm2015/ptsecurity-mosaic-datepicker.mjs +44 -44
- package/fesm2015/ptsecurity-mosaic-datepicker.mjs.map +1 -1
- package/fesm2015/ptsecurity-mosaic-design-tokens.mjs +443 -146
- package/fesm2015/ptsecurity-mosaic-design-tokens.mjs.map +1 -1
- package/fesm2015/ptsecurity-mosaic-divider.mjs +8 -8
- package/fesm2015/ptsecurity-mosaic-divider.mjs.map +1 -1
- package/fesm2015/ptsecurity-mosaic-dl.mjs +124 -0
- package/fesm2015/ptsecurity-mosaic-dl.mjs.map +1 -0
- package/fesm2015/ptsecurity-mosaic-dropdown.mjs +19 -19
- package/fesm2015/ptsecurity-mosaic-dropdown.mjs.map +1 -1
- package/fesm2015/ptsecurity-mosaic-form-field.mjs +214 -50
- package/fesm2015/ptsecurity-mosaic-form-field.mjs.map +1 -1
- package/fesm2015/ptsecurity-mosaic-icon.mjs +10 -10
- package/fesm2015/ptsecurity-mosaic-icon.mjs.map +1 -1
- package/fesm2015/ptsecurity-mosaic-input.mjs +434 -31
- package/fesm2015/ptsecurity-mosaic-input.mjs.map +1 -1
- package/fesm2015/ptsecurity-mosaic-link.mjs +7 -7
- package/fesm2015/ptsecurity-mosaic-link.mjs.map +1 -1
- package/fesm2015/ptsecurity-mosaic-list.mjs +21 -21
- package/fesm2015/ptsecurity-mosaic-list.mjs.map +1 -1
- package/fesm2015/ptsecurity-mosaic-modal.mjs +29 -29
- package/fesm2015/ptsecurity-mosaic-modal.mjs.map +1 -1
- package/fesm2015/ptsecurity-mosaic-navbar.mjs +103 -96
- package/fesm2015/ptsecurity-mosaic-navbar.mjs.map +1 -1
- package/fesm2015/ptsecurity-mosaic-popover.mjs +18 -18
- package/fesm2015/ptsecurity-mosaic-popover.mjs.map +1 -1
- package/fesm2015/ptsecurity-mosaic-progress-bar.mjs +8 -8
- package/fesm2015/ptsecurity-mosaic-progress-bar.mjs.map +1 -1
- package/fesm2015/ptsecurity-mosaic-progress-spinner.mjs +8 -8
- package/fesm2015/ptsecurity-mosaic-progress-spinner.mjs.map +1 -1
- package/fesm2015/ptsecurity-mosaic-radio.mjs +11 -11
- package/fesm2015/ptsecurity-mosaic-radio.mjs.map +1 -1
- package/fesm2015/ptsecurity-mosaic-select.mjs +99 -33
- package/fesm2015/ptsecurity-mosaic-select.mjs.map +1 -1
- package/fesm2015/ptsecurity-mosaic-sidebar.mjs +13 -13
- package/fesm2015/ptsecurity-mosaic-sidebar.mjs.map +1 -1
- package/fesm2015/ptsecurity-mosaic-sidepanel.mjs +28 -28
- package/fesm2015/ptsecurity-mosaic-sidepanel.mjs.map +1 -1
- package/fesm2015/ptsecurity-mosaic-splitter.mjs +25 -23
- package/fesm2015/ptsecurity-mosaic-splitter.mjs.map +1 -1
- package/fesm2015/ptsecurity-mosaic-table.mjs +7 -7
- package/fesm2015/ptsecurity-mosaic-table.mjs.map +1 -1
- package/fesm2015/ptsecurity-mosaic-tabs.mjs +56 -56
- package/fesm2015/ptsecurity-mosaic-tabs.mjs.map +1 -1
- package/fesm2015/ptsecurity-mosaic-tags.mjs +74 -74
- package/fesm2015/ptsecurity-mosaic-tags.mjs.map +1 -1
- package/fesm2015/ptsecurity-mosaic-textarea.mjs +11 -10
- package/fesm2015/ptsecurity-mosaic-textarea.mjs.map +1 -1
- package/fesm2015/ptsecurity-mosaic-timepicker.mjs +7 -7
- package/fesm2015/ptsecurity-mosaic-timepicker.mjs.map +1 -1
- package/fesm2015/ptsecurity-mosaic-toggle.mjs +9 -9
- package/fesm2015/ptsecurity-mosaic-toggle.mjs.map +1 -1
- package/fesm2015/ptsecurity-mosaic-tooltip.mjs +21 -17
- package/fesm2015/ptsecurity-mosaic-tooltip.mjs.map +1 -1
- package/fesm2015/ptsecurity-mosaic-tree-select.mjs +17 -17
- package/fesm2015/ptsecurity-mosaic-tree-select.mjs.map +1 -1
- package/fesm2015/ptsecurity-mosaic-tree.mjs +158 -155
- package/fesm2015/ptsecurity-mosaic-tree.mjs.map +1 -1
- package/fesm2015/ptsecurity-mosaic.mjs.map +1 -1
- package/fesm2020/ptsecurity-mosaic-autocomplete.mjs +15 -15
- package/fesm2020/ptsecurity-mosaic-autocomplete.mjs.map +1 -1
- package/fesm2020/ptsecurity-mosaic-button-toggle.mjs +12 -12
- package/fesm2020/ptsecurity-mosaic-button-toggle.mjs.map +1 -1
- package/fesm2020/ptsecurity-mosaic-button.mjs +32 -24
- package/fesm2020/ptsecurity-mosaic-button.mjs.map +1 -1
- package/fesm2020/ptsecurity-mosaic-card.mjs +8 -8
- package/fesm2020/ptsecurity-mosaic-card.mjs.map +1 -1
- package/fesm2020/ptsecurity-mosaic-checkbox.mjs +11 -11
- package/fesm2020/ptsecurity-mosaic-checkbox.mjs.map +1 -1
- package/fesm2020/ptsecurity-mosaic-core.mjs +97 -91
- package/fesm2020/ptsecurity-mosaic-core.mjs.map +1 -1
- package/fesm2020/ptsecurity-mosaic-datepicker.mjs +44 -44
- package/fesm2020/ptsecurity-mosaic-datepicker.mjs.map +1 -1
- package/fesm2020/ptsecurity-mosaic-design-tokens.mjs +443 -146
- package/fesm2020/ptsecurity-mosaic-design-tokens.mjs.map +1 -1
- package/fesm2020/ptsecurity-mosaic-divider.mjs +8 -8
- package/fesm2020/ptsecurity-mosaic-divider.mjs.map +1 -1
- package/fesm2020/ptsecurity-mosaic-dl.mjs +124 -0
- package/fesm2020/ptsecurity-mosaic-dl.mjs.map +1 -0
- package/fesm2020/ptsecurity-mosaic-dropdown.mjs +19 -19
- package/fesm2020/ptsecurity-mosaic-dropdown.mjs.map +1 -1
- package/fesm2020/ptsecurity-mosaic-form-field.mjs +200 -50
- package/fesm2020/ptsecurity-mosaic-form-field.mjs.map +1 -1
- package/fesm2020/ptsecurity-mosaic-icon.mjs +10 -10
- package/fesm2020/ptsecurity-mosaic-icon.mjs.map +1 -1
- package/fesm2020/ptsecurity-mosaic-input.mjs +427 -31
- package/fesm2020/ptsecurity-mosaic-input.mjs.map +1 -1
- package/fesm2020/ptsecurity-mosaic-link.mjs +7 -7
- package/fesm2020/ptsecurity-mosaic-link.mjs.map +1 -1
- package/fesm2020/ptsecurity-mosaic-list.mjs +21 -21
- package/fesm2020/ptsecurity-mosaic-list.mjs.map +1 -1
- package/fesm2020/ptsecurity-mosaic-modal.mjs +29 -29
- package/fesm2020/ptsecurity-mosaic-modal.mjs.map +1 -1
- package/fesm2020/ptsecurity-mosaic-navbar.mjs +103 -96
- package/fesm2020/ptsecurity-mosaic-navbar.mjs.map +1 -1
- package/fesm2020/ptsecurity-mosaic-popover.mjs +18 -18
- package/fesm2020/ptsecurity-mosaic-popover.mjs.map +1 -1
- package/fesm2020/ptsecurity-mosaic-progress-bar.mjs +8 -8
- package/fesm2020/ptsecurity-mosaic-progress-bar.mjs.map +1 -1
- package/fesm2020/ptsecurity-mosaic-progress-spinner.mjs +8 -8
- package/fesm2020/ptsecurity-mosaic-progress-spinner.mjs.map +1 -1
- package/fesm2020/ptsecurity-mosaic-radio.mjs +11 -11
- package/fesm2020/ptsecurity-mosaic-radio.mjs.map +1 -1
- package/fesm2020/ptsecurity-mosaic-select.mjs +96 -32
- package/fesm2020/ptsecurity-mosaic-select.mjs.map +1 -1
- package/fesm2020/ptsecurity-mosaic-sidebar.mjs +13 -13
- package/fesm2020/ptsecurity-mosaic-sidebar.mjs.map +1 -1
- package/fesm2020/ptsecurity-mosaic-sidepanel.mjs +28 -28
- package/fesm2020/ptsecurity-mosaic-sidepanel.mjs.map +1 -1
- package/fesm2020/ptsecurity-mosaic-splitter.mjs +25 -23
- package/fesm2020/ptsecurity-mosaic-splitter.mjs.map +1 -1
- package/fesm2020/ptsecurity-mosaic-table.mjs +7 -7
- package/fesm2020/ptsecurity-mosaic-table.mjs.map +1 -1
- package/fesm2020/ptsecurity-mosaic-tabs.mjs +56 -56
- package/fesm2020/ptsecurity-mosaic-tabs.mjs.map +1 -1
- package/fesm2020/ptsecurity-mosaic-tags.mjs +72 -72
- package/fesm2020/ptsecurity-mosaic-tags.mjs.map +1 -1
- package/fesm2020/ptsecurity-mosaic-textarea.mjs +11 -10
- package/fesm2020/ptsecurity-mosaic-textarea.mjs.map +1 -1
- package/fesm2020/ptsecurity-mosaic-timepicker.mjs +7 -7
- package/fesm2020/ptsecurity-mosaic-timepicker.mjs.map +1 -1
- package/fesm2020/ptsecurity-mosaic-toggle.mjs +9 -9
- package/fesm2020/ptsecurity-mosaic-toggle.mjs.map +1 -1
- package/fesm2020/ptsecurity-mosaic-tooltip.mjs +21 -17
- package/fesm2020/ptsecurity-mosaic-tooltip.mjs.map +1 -1
- package/fesm2020/ptsecurity-mosaic-tree-select.mjs +17 -17
- package/fesm2020/ptsecurity-mosaic-tree-select.mjs.map +1 -1
- package/fesm2020/ptsecurity-mosaic-tree.mjs +155 -152
- package/fesm2020/ptsecurity-mosaic-tree.mjs.map +1 -1
- package/fesm2020/ptsecurity-mosaic.mjs.map +1 -1
- package/form-field/form-field.d.ts +9 -2
- package/form-field/form-field.module.d.ts +8 -7
- package/form-field/password-hint.d.ts +40 -0
- package/form-field/public-api.d.ts +1 -0
- package/input/input-password.d.ts +121 -0
- package/input/input.d.ts +4 -3
- package/input/input.module.d.ts +7 -6
- package/input/public-api.d.ts +1 -0
- package/list/list-selection.component.d.ts +1 -1
- package/navbar/navbar-item.component.d.ts +19 -18
- package/package.json +12 -4
- package/prebuilt-themes/dark-theme.css +1 -1
- package/prebuilt-themes/default-theme.css +1 -1
- package/prebuilt-visual/default-visual.css +1 -1
- package/select/public-api.d.ts +1 -0
- package/select/select-option.directive.d.ts +20 -0
- package/select/select.module.d.ts +9 -7
- package/tags/tag.component.d.ts +20 -20
- package/textarea/textarea.component.d.ts +4 -3
- package/toggle/README.md +0 -0
- package/tree/padding.directive.d.ts +7 -5
- package/tree/tree-option.component.d.ts +2 -2
- package/design-tokens/legacy-2017/tokens/components/alert.json5 +0 -83
- package/design-tokens/legacy-2017/tokens/components/autocomplete.json5 +0 -11
- package/design-tokens/legacy-2017/tokens/components/badge.json5 +0 -184
- package/design-tokens/legacy-2017/tokens/components/button-toggle.json5 +0 -10
- package/design-tokens/legacy-2017/tokens/components/button.json5 +0 -143
- package/design-tokens/legacy-2017/tokens/components/card.json5 +0 -51
- package/design-tokens/legacy-2017/tokens/components/checkbox.json5 +0 -39
- package/design-tokens/legacy-2017/tokens/components/datepicker.json5 +0 -64
- package/design-tokens/legacy-2017/tokens/components/divider.json5 +0 -8
- package/design-tokens/legacy-2017/tokens/components/dropdown.json5 +0 -47
- package/design-tokens/legacy-2017/tokens/components/form-field.json5 +0 -52
- package/design-tokens/legacy-2017/tokens/components/forms.json5 +0 -52
- package/design-tokens/legacy-2017/tokens/components/input.json5 +0 -13
- package/design-tokens/legacy-2017/tokens/components/link.json5 +0 -56
- package/design-tokens/legacy-2017/tokens/components/list.json5 +0 -15
- package/design-tokens/legacy-2017/tokens/components/modal.json5 +0 -79
- package/design-tokens/legacy-2017/tokens/components/navbar.json5 +0 -69
- package/design-tokens/legacy-2017/tokens/components/optgroup.json5 +0 -10
- package/design-tokens/legacy-2017/tokens/components/option.json5 +0 -12
- package/design-tokens/legacy-2017/tokens/components/popover.json5 +0 -68
- package/design-tokens/legacy-2017/tokens/components/popup.json5 +0 -18
- package/design-tokens/legacy-2017/tokens/components/progress-bar.json5 +0 -13
- package/design-tokens/legacy-2017/tokens/components/progress-spinner.json5 +0 -7
- package/design-tokens/legacy-2017/tokens/components/radio.json5 +0 -44
- package/design-tokens/legacy-2017/tokens/components/select.json5 +0 -25
- package/design-tokens/legacy-2017/tokens/components/sidepanel.json5 +0 -30
- package/design-tokens/legacy-2017/tokens/components/table.json5 +0 -15
- package/design-tokens/legacy-2017/tokens/components/tabs.json5 +0 -25
- package/design-tokens/legacy-2017/tokens/components/tags.json5 +0 -132
- package/design-tokens/legacy-2017/tokens/components/textarea.json5 +0 -12
- package/design-tokens/legacy-2017/tokens/components/timepicker.json5 +0 -7
- package/design-tokens/legacy-2017/tokens/components/toggle.json5 +0 -79
- package/design-tokens/legacy-2017/tokens/components/tooltip.json5 +0 -83
- package/design-tokens/legacy-2017/tokens/components/tree.json5 +0 -12
- package/design-tokens/legacy-2017/tokens/properties/aliases.json5 +0 -3
- package/design-tokens/legacy-2017/tokens/properties/colors.json5 +0 -110
- package/design-tokens/legacy-2017/tokens/properties/font.json5 +0 -12
- package/design-tokens/legacy-2017/tokens/properties/globals.json5 +0 -30
- package/design-tokens/legacy-2017/tokens/properties/padding.json5 +0 -3
- package/design-tokens/legacy-2017/tokens/properties/palette.json5 +0 -163
- package/design-tokens/legacy-2017/tokens/properties/typography.json5 +0 -140
- package/design-tokens/pt-2022/tokens/components/alert.json5 +0 -83
- package/design-tokens/pt-2022/tokens/components/autocomplete.json5 +0 -11
- package/design-tokens/pt-2022/tokens/components/badge.json5 +0 -184
- package/design-tokens/pt-2022/tokens/components/button-toggle.json5 +0 -10
- package/design-tokens/pt-2022/tokens/components/button.json5 +0 -143
- package/design-tokens/pt-2022/tokens/components/card.json5 +0 -51
- package/design-tokens/pt-2022/tokens/components/checkbox.json5 +0 -39
- package/design-tokens/pt-2022/tokens/components/datepicker.json5 +0 -64
- package/design-tokens/pt-2022/tokens/components/divider.json5 +0 -8
- package/design-tokens/pt-2022/tokens/components/dropdown.json5 +0 -47
- package/design-tokens/pt-2022/tokens/components/form-field.json5 +0 -52
- package/design-tokens/pt-2022/tokens/components/forms.json5 +0 -52
- package/design-tokens/pt-2022/tokens/components/input.json5 +0 -13
- package/design-tokens/pt-2022/tokens/components/link.json5 +0 -56
- package/design-tokens/pt-2022/tokens/components/list.json5 +0 -15
- package/design-tokens/pt-2022/tokens/components/modal.json5 +0 -79
- package/design-tokens/pt-2022/tokens/components/navbar.json5 +0 -69
- package/design-tokens/pt-2022/tokens/components/optgroup.json5 +0 -10
- package/design-tokens/pt-2022/tokens/components/option.json5 +0 -12
- package/design-tokens/pt-2022/tokens/components/popover.json5 +0 -68
- package/design-tokens/pt-2022/tokens/components/popup.json5 +0 -18
- package/design-tokens/pt-2022/tokens/components/progress-bar.json5 +0 -13
- package/design-tokens/pt-2022/tokens/components/progress-spinner.json5 +0 -7
- package/design-tokens/pt-2022/tokens/components/radio.json5 +0 -44
- package/design-tokens/pt-2022/tokens/components/select.json5 +0 -25
- package/design-tokens/pt-2022/tokens/components/sidepanel.json5 +0 -30
- package/design-tokens/pt-2022/tokens/components/table.json5 +0 -15
- package/design-tokens/pt-2022/tokens/components/tabs.json5 +0 -25
- package/design-tokens/pt-2022/tokens/components/tags.json5 +0 -132
- package/design-tokens/pt-2022/tokens/components/textarea.json5 +0 -12
- package/design-tokens/pt-2022/tokens/components/timepicker.json5 +0 -7
- package/design-tokens/pt-2022/tokens/components/toggle.json5 +0 -79
- package/design-tokens/pt-2022/tokens/components/tooltip.json5 +0 -83
- package/design-tokens/pt-2022/tokens/components/tree.json5 +0 -12
- package/design-tokens/pt-2022/tokens/properties/aliases.json5 +0 -3
- package/design-tokens/pt-2022/tokens/properties/colors.json5 +0 -112
- package/design-tokens/pt-2022/tokens/properties/font.json5 +0 -15
- package/design-tokens/pt-2022/tokens/properties/globals.json5 +0 -30
- package/design-tokens/pt-2022/tokens/properties/padding.json5 +0 -3
- package/design-tokens/pt-2022/tokens/properties/palette.json5 +0 -226
- package/design-tokens/pt-2022/tokens/properties/typography.json5 +0 -140
- package/design-tokens/style-dictionary/build.js +0 -62
- package/design-tokens/style-dictionary/configs/css.js +0 -13
- package/design-tokens/style-dictionary/configs/index.js +0 -48
- package/design-tokens/style-dictionary/configs/js.js +0 -9
- package/design-tokens/style-dictionary/configs/scss.js +0 -23
- package/design-tokens/style-dictionary/filters/color.js +0 -7
- package/design-tokens/style-dictionary/filters/palette.js +0 -7
- package/design-tokens/style-dictionary/filters/size.js +0 -7
- package/design-tokens/style-dictionary/filters/typography.js +0 -7
- package/design-tokens/style-dictionary/formats/palette.js +0 -25
- package/design-tokens/style-dictionary/formats/typography.js +0 -52
- package/design-tokens/style-dictionary/transformGroups/css.js +0 -13
- package/design-tokens/style-dictionary/transformGroups/scss.js +0 -12
- package/design-tokens/style-dictionary/transforms/attribute/palette.js +0 -9
- package/design-tokens/style-dictionary/transforms/attribute/prefix.js +0 -11
- package/design-tokens/style-dictionary/transforms/attribute/size.js +0 -8
- package/design-tokens/style-dictionary/transforms/attribute/typography.js +0 -9
@@ -1,226 +0,0 @@
|
|
1
|
-
{
|
2
|
-
"palette": {
|
3
|
-
"blue": {
|
4
|
-
"40": { value: '#eff6ff' },
|
5
|
-
"60": { value: '#e7f1ff' },
|
6
|
-
"100": { value: '#c8dfff' },
|
7
|
-
"200": { value: '#a2c7fe' },
|
8
|
-
"300": { value: '#5697ff' },
|
9
|
-
"400": { value: '#4187ff' },
|
10
|
-
"500": { value: '#0374eb' },
|
11
|
-
"560": { value: '#0059b8' },
|
12
|
-
"600": { value: '#014b9d' },
|
13
|
-
"700": { value: '#023c7f' },
|
14
|
-
"800": { value: '#193060' },
|
15
|
-
"900": { value: '#00224f' },
|
16
|
-
"A100": { value: 'rgba(3, 116, 235, 0.15)' },
|
17
|
-
"A200": { value: 'rgba(3, 116, 235, 0.3)' },
|
18
|
-
"contrast": {
|
19
|
-
"40": { value: '#4D4D4D' },
|
20
|
-
"60": { value: '#4D4D4D' },
|
21
|
-
"100": { value: '#4D4D4D' },
|
22
|
-
"200": { value: '#4D4D4D' },
|
23
|
-
"300": { value: '#4D4D4D' },
|
24
|
-
"400": { value: 'white' },
|
25
|
-
"500": { value: 'white' },
|
26
|
-
"560": { value: 'white' },
|
27
|
-
"600": { value: 'white' },
|
28
|
-
"700": { value: 'white' },
|
29
|
-
"800": { value: 'white' },
|
30
|
-
"A100": { value: '#4D4D4D' },
|
31
|
-
"A200": { value: 'white' }
|
32
|
-
}
|
33
|
-
},
|
34
|
-
"green": {
|
35
|
-
"40": { value: '#ecf9ef' },
|
36
|
-
"60": { value: '#d2f7db' },
|
37
|
-
"100": { value: '#b6ebc3' },
|
38
|
-
"200": { value: '#8ed5a1' },
|
39
|
-
"300": { value: '#4ba96c' },
|
40
|
-
"400": { value: '#319d5c' },
|
41
|
-
"500": { value: '#028b49' },
|
42
|
-
"560": { value: '#016b37' },
|
43
|
-
"600": { value: '#015a2d' },
|
44
|
-
"700": { value: '#004823' },
|
45
|
-
"800": { value: '#103920' },
|
46
|
-
"900": { value: '#002a12' },
|
47
|
-
"A100": { value: 'rgba(2, 139, 73, 0.15)' },
|
48
|
-
"contrast": {
|
49
|
-
"40": { value: '#4D4D4D' },
|
50
|
-
"60": { value: '#4D4D4D' },
|
51
|
-
"100": { value: '#4D4D4D' },
|
52
|
-
"200": { value: '#4D4D4D' },
|
53
|
-
"300": { value: '#4D4D4D' },
|
54
|
-
"400": { value: 'white' },
|
55
|
-
"500": { value: 'white' },
|
56
|
-
"560": { value: 'white' },
|
57
|
-
"600": { value: 'white' },
|
58
|
-
"700": { value: 'white' },
|
59
|
-
"800": { value: 'white' },
|
60
|
-
"A100": { value: '#4D4D4D' }
|
61
|
-
}
|
62
|
-
},
|
63
|
-
"red": {
|
64
|
-
"40": { value: '#fff3f3' },
|
65
|
-
"60": { value: '#ffeaea' },
|
66
|
-
"100": { value: '#fbd6d6' },
|
67
|
-
"200": { value: '#fcb2b4' },
|
68
|
-
"300": { value: '#ee6f79' },
|
69
|
-
"400": { value: '#ea5868' },
|
70
|
-
"500": { value: '#db3c55' },
|
71
|
-
"560": { value: '#b9023a' },
|
72
|
-
"600": { value: '#9e0130' },
|
73
|
-
"700": { value: '#800025' },
|
74
|
-
"800": { value: '#621420' },
|
75
|
-
"900": { value: '#500013' },
|
76
|
-
"A100": { value: 'rgba(219, 60, 85, 0.15)' },
|
77
|
-
|
78
|
-
"contrast": {
|
79
|
-
"40": { value: '#4D4D4D' },
|
80
|
-
"60": { value: '#4D4D4D' },
|
81
|
-
"100": { value: '#4D4D4D' },
|
82
|
-
"200": { value: '#4D4D4D' },
|
83
|
-
"300": { value: '#4D4D4D' },
|
84
|
-
"400": { value: 'white' },
|
85
|
-
"500": { value: 'white' },
|
86
|
-
"560": { value: 'white' },
|
87
|
-
"600": { value: 'white' },
|
88
|
-
"700": { value: 'white' },
|
89
|
-
"800": { value: 'white' },
|
90
|
-
"A100": { value: '#4D4D4D' }
|
91
|
-
}
|
92
|
-
},
|
93
|
-
"grey": {
|
94
|
-
"40": { value: '#f2f5f9' },
|
95
|
-
"60": { value: '#ebeef2' },
|
96
|
-
"100": { value: '#d7dee4' },
|
97
|
-
"200": { value: '#bdc7d1' },
|
98
|
-
"300": { value: '#8c99a5' },
|
99
|
-
"400": { value: '#7f8c98' },
|
100
|
-
"500": { value: '#6d7a86' },
|
101
|
-
"560": { value: '#515e69' },
|
102
|
-
"600": { value: '#434f5a' },
|
103
|
-
"700": { value: '#333f4a' },
|
104
|
-
"800": { value: '#27333e' },
|
105
|
-
"900": { value: '#19252f' },
|
106
|
-
"A40": { value: 'rgba(25, 37, 47, 0.04)' },
|
107
|
-
"A60": { value: 'rgba(25, 37, 47, 0.06)' },
|
108
|
-
"A100": { value: 'rgba(25, 37, 47, 0.1)' },
|
109
|
-
"A200": { value: 'rgba(25, 37, 47, 0.2)' },
|
110
|
-
"A300": { value: 'rgba(25, 37, 47, 0.3)' },
|
111
|
-
"A500": { value: 'rgba(25, 37, 47, 0.5)' },
|
112
|
-
|
113
|
-
"contrast": {
|
114
|
-
"40": { value: '#4D4D4D' },
|
115
|
-
"60": { value: '#4D4D4D' },
|
116
|
-
"100": { value: '#4D4D4D' },
|
117
|
-
"200": { value: '#4D4D4D' },
|
118
|
-
"300": { value: '#4D4D4D' },
|
119
|
-
"400": { value: 'white' },
|
120
|
-
"500": { value: 'white' },
|
121
|
-
"560": { value: 'white' },
|
122
|
-
"600": { value: 'white' },
|
123
|
-
"700": { value: 'white' },
|
124
|
-
"800": { value: 'white' }
|
125
|
-
}
|
126
|
-
},
|
127
|
-
"yellow": {
|
128
|
-
"40": { value: '#fff4dd' },
|
129
|
-
"60": { value: '#ffecce' },
|
130
|
-
"100": { value: '#fcdda6' },
|
131
|
-
"200": { value: '#f5c23c' },
|
132
|
-
"300": { value: '#e19f12' },
|
133
|
-
"400": { value: '#c78816' },
|
134
|
-
"500": { value: '#a26e0c' },
|
135
|
-
"560": { value: '#7e5406' },
|
136
|
-
"600": { value: '#6b4804' },
|
137
|
-
"700": { value: '#543803' },
|
138
|
-
"800": { value: '#3e3015' },
|
139
|
-
"900": { value: '#312001' },
|
140
|
-
"A100": { value: 'rgba(255, 159, 18, 0.15)' },
|
141
|
-
|
142
|
-
"contrast": {
|
143
|
-
"40": { value: '#4D4D4D' },
|
144
|
-
"60": { value: '#4D4D4D' },
|
145
|
-
"100": { value: '#4D4D4D' },
|
146
|
-
"200": { value: '#4D4D4D' },
|
147
|
-
"300": { value: '#4D4D4D' },
|
148
|
-
"400": { value: 'white' },
|
149
|
-
"500": { value: 'white' },
|
150
|
-
"560": { value: 'white' },
|
151
|
-
"600": { value: 'white' },
|
152
|
-
"700": { value: 'white' },
|
153
|
-
"800": { value: 'white' },
|
154
|
-
"A100": { value: '#4D4D4D' }
|
155
|
-
}
|
156
|
-
},
|
157
|
-
"teal": {
|
158
|
-
"40": { value: '#ebf8fd' },
|
159
|
-
"60": { value: '#d9f3fd' },
|
160
|
-
"100": { value: '#afe6f9' },
|
161
|
-
"200": { value: '#6ed3f2' },
|
162
|
-
"300": { value: '#18a5c5' },
|
163
|
-
"400": { value: '#2099b7' },
|
164
|
-
"500": { value: '#218ca8' },
|
165
|
-
"560": { value: '#0c6579' },
|
166
|
-
"600": { value: '#0c5567' },
|
167
|
-
"700": { value: '#084453' },
|
168
|
-
"800": { value: '#143641' },
|
169
|
-
"900": { value: '#022731' },
|
170
|
-
"contrast": {
|
171
|
-
"40": { value: '#4D4D4D' },
|
172
|
-
"60": { value: '#4D4D4D' },
|
173
|
-
"100": { value: '#4D4D4D' },
|
174
|
-
"200": { value: '#4D4D4D' },
|
175
|
-
"300": { value: '#4D4D4D' },
|
176
|
-
"400": { value: 'white' },
|
177
|
-
"500": { value: 'white' },
|
178
|
-
"560": { value: 'white' },
|
179
|
-
"600": { value: 'white' },
|
180
|
-
"700": { value: 'white' },
|
181
|
-
"800": { value: 'white' },
|
182
|
-
"A100": { value: '#4D4D4D' },
|
183
|
-
"A200": { value: 'white' }
|
184
|
-
}
|
185
|
-
},
|
186
|
-
"purple": {
|
187
|
-
"40": { value: '#fff3fb' },
|
188
|
-
"60": { value: '#ffe9f8' },
|
189
|
-
"100": { value: '#f2d4e8' },
|
190
|
-
"200": { value: '#e4bbd7' },
|
191
|
-
"300": { value: '#c692b5' },
|
192
|
-
"400": { value: '#bb78a7' },
|
193
|
-
"500": { value: '#a65d92' },
|
194
|
-
"560": { value: '#864775' },
|
195
|
-
"600": { value: '#753865' },
|
196
|
-
"700": { value: '#612853' },
|
197
|
-
"800": { value: '#48273f' },
|
198
|
-
"900": { value: '#36172e' },
|
199
|
-
"contrast": {
|
200
|
-
"40": { value: '#4D4D4D' },
|
201
|
-
"60": { value: '#4D4D4D' },
|
202
|
-
"100": { value: '#4D4D4D' },
|
203
|
-
"200": { value: '#4D4D4D' },
|
204
|
-
"300": { value: '#4D4D4D' },
|
205
|
-
"400": { value: 'white' },
|
206
|
-
"500": { value: 'white' },
|
207
|
-
"560": { value: 'white' },
|
208
|
-
"600": { value: 'white' },
|
209
|
-
"700": { value: 'white' },
|
210
|
-
"800": { value: 'white' },
|
211
|
-
"A100": { value: '#4D4D4D' },
|
212
|
-
"A200": { value: 'white' }
|
213
|
-
}
|
214
|
-
}
|
215
|
-
},
|
216
|
-
|
217
|
-
"color": {
|
218
|
-
"blue": { "palette": { value: '{palette.blue}' } },
|
219
|
-
"green": { "palette": { value: '{palette.green}' } },
|
220
|
-
"red": { "palette": { value: '{palette.red}' } },
|
221
|
-
"grey": { "palette": { value: '{palette.grey}' } },
|
222
|
-
"yellow": { "palette": { value: '{palette.yellow}' } },
|
223
|
-
"teal": { "palette": { value: '{palette.teal}' } },
|
224
|
-
"purple": { "palette": { value: '{palette.purple}' } }
|
225
|
-
}
|
226
|
-
}
|
@@ -1,140 +0,0 @@
|
|
1
|
-
{
|
2
|
-
"typography": {
|
3
|
-
"display-1": {
|
4
|
-
"font-size": { value: '56px' },
|
5
|
-
"line-height": { value: '76px' },
|
6
|
-
"letter-spacing": { value: 'normal' },
|
7
|
-
"font-weight": { value: 'normal' },
|
8
|
-
"font-family": { value: '{font.family.accent.value}' },
|
9
|
-
"text-transform": { value: 'null' }
|
10
|
-
},
|
11
|
-
"display-2": {
|
12
|
-
"font-size": { value: '45px' },
|
13
|
-
"line-height": { value: '56px' },
|
14
|
-
"letter-spacing": { value: 'normal' },
|
15
|
-
"font-weight": { value: 'normal' },
|
16
|
-
"font-family": { value: '{font.family.accent.value}' },
|
17
|
-
"text-transform": { value: 'null' }
|
18
|
-
},
|
19
|
-
"display-3": {
|
20
|
-
"font-size": { value: '34px' },
|
21
|
-
"line-height": { value: '44px' },
|
22
|
-
"letter-spacing": { value: 'normal' },
|
23
|
-
"font-weight": { value: 'normal' },
|
24
|
-
"font-family": { value: '{font.family.accent.value}' },
|
25
|
-
"text-transform": { value: 'null' }
|
26
|
-
},
|
27
|
-
"headline": {
|
28
|
-
"font-size": { value: '24px' },
|
29
|
-
"line-height": { value: '32px' },
|
30
|
-
"letter-spacing": { value: 'normal' },
|
31
|
-
"font-weight": { value: 'normal' },
|
32
|
-
"font-family": { value: '{font.family.accent.value}' },
|
33
|
-
"text-transform": { value: 'null' }
|
34
|
-
},
|
35
|
-
"title": {
|
36
|
-
"font-size": { value: '20px' },
|
37
|
-
"line-height": { value: '28px' },
|
38
|
-
"letter-spacing": { value: 'normal' },
|
39
|
-
"font-weight": { value: '600' },
|
40
|
-
"font-family": { value: '{font.family.accent.value}' },
|
41
|
-
"text-transform": { value: 'null' }
|
42
|
-
},
|
43
|
-
"subheading": {
|
44
|
-
"font-size": { value: '15px' },
|
45
|
-
"line-height": { value: '20px' },
|
46
|
-
"letter-spacing": { value: '-0.009em' },
|
47
|
-
"font-weight": { value: '600' },
|
48
|
-
"font-family": { value: '{font.family.base.value}' },
|
49
|
-
"text-transform": { value: 'null' }
|
50
|
-
},
|
51
|
-
"body": {
|
52
|
-
"font-size": { value: '15px' },
|
53
|
-
"line-height": { value: '20px' },
|
54
|
-
"letter-spacing": { value: '-0.009em' },
|
55
|
-
"font-weight": { value: 'normal' },
|
56
|
-
"font-family": { value: '{font.family.base.value}' },
|
57
|
-
"text-transform": { value: 'null' }
|
58
|
-
},
|
59
|
-
"body-strong": {
|
60
|
-
"font-size": { value: '15px' },
|
61
|
-
"line-height": { value: '20px' },
|
62
|
-
"letter-spacing": { value: '-0.009em' },
|
63
|
-
"font-weight": { value: '500' },
|
64
|
-
"font-family": { value: '{font.family.base.value}' },
|
65
|
-
"text-transform": { value: 'null' }
|
66
|
-
},
|
67
|
-
"body-caps": {
|
68
|
-
"font-size": { value: '15px' },
|
69
|
-
"line-height": { value: '20px' },
|
70
|
-
"letter-spacing": { value: '1.7px' },
|
71
|
-
"font-weight": { value: 'normal' },
|
72
|
-
"font-family": { value: '{font.family.base.value}' },
|
73
|
-
"text-transform": { value: 'uppercase' }
|
74
|
-
},
|
75
|
-
"body-mono": {
|
76
|
-
"font-size": { value: '15px' },
|
77
|
-
"line-height": { value: '20px' },
|
78
|
-
"letter-spacing": { value: 'normal' },
|
79
|
-
"font-weight": { value: 'normal' },
|
80
|
-
"font-family": { value: '{font.family.monospace.value}' },
|
81
|
-
"text-transform": { value: 'null' }
|
82
|
-
},
|
83
|
-
"caption": {
|
84
|
-
"font-size": { value: '13px' },
|
85
|
-
"line-height": { value: '16px' },
|
86
|
-
"letter-spacing": { value: '-0.0025em' },
|
87
|
-
"font-weight": { value: 'normal' },
|
88
|
-
"font-family": { value: '{font.family.base.value}' },
|
89
|
-
"text-transform": { value: 'null' }
|
90
|
-
},
|
91
|
-
"caption-caps": {
|
92
|
-
"font-size": { value: '13px' },
|
93
|
-
"line-height": { value: '16px' },
|
94
|
-
"letter-spacing": { value: '1.5px' },
|
95
|
-
"font-weight": { value: 'normal' },
|
96
|
-
"font-family": { value: '{font.family.base.value}' },
|
97
|
-
"text-transform": { value: 'uppercase' }
|
98
|
-
},
|
99
|
-
"caption-mono": {
|
100
|
-
"font-size": { value: '13px' },
|
101
|
-
"line-height": { value: '16px' },
|
102
|
-
"letter-spacing": { value: 'normal' },
|
103
|
-
"font-weight": { value: 'normal' },
|
104
|
-
"font-family": { value: '{font.family.monospace.value}' },
|
105
|
-
"text-transform": { value: 'null' }
|
106
|
-
},
|
107
|
-
"small-text": {
|
108
|
-
"font-size": { value: '13px' },
|
109
|
-
"line-height": { value: '16px' },
|
110
|
-
"letter-spacing": { value: '-0.0025em' },
|
111
|
-
"font-weight": { value: 'normal' },
|
112
|
-
"font-family": { value: '{font.family.base.value}' },
|
113
|
-
"text-transform": { value: 'null' }
|
114
|
-
},
|
115
|
-
"extra-small-text": {
|
116
|
-
"font-size": { value: '11px' },
|
117
|
-
"line-height": { value: '16px' },
|
118
|
-
"letter-spacing": { value: '0.005em' },
|
119
|
-
"font-weight": { value: 'normal' },
|
120
|
-
"font-family": { value: '{font.family.base.value}' },
|
121
|
-
"text-transform": { value: 'null' }
|
122
|
-
},
|
123
|
-
"extra-small-text-caps": {
|
124
|
-
"font-size": { value: '11px' },
|
125
|
-
"line-height": { value: '16px' },
|
126
|
-
"letter-spacing": { value: '1px' },
|
127
|
-
"font-weight": { value: 'normal' },
|
128
|
-
"font-family": { value: '{font.family.base.value}' },
|
129
|
-
"text-transform": { value: 'uppercase' }
|
130
|
-
},
|
131
|
-
"extra-small-text-mono": {
|
132
|
-
"font-size": { value: '11px' },
|
133
|
-
"line-height": { value: '16px' },
|
134
|
-
"letter-spacing": { value: '0px' },
|
135
|
-
"font-weight": { value: 'normal' },
|
136
|
-
"font-family": { value: '{font.family.monospace.value}' },
|
137
|
-
"text-transform": { value: 'null' }
|
138
|
-
}
|
139
|
-
}
|
140
|
-
}
|
@@ -1,62 +0,0 @@
|
|
1
|
-
const StyleDictionary = require('style-dictionary');
|
2
|
-
const getPlatformConfig = require('./configs');
|
3
|
-
|
4
|
-
// ==== Include custom transforms ====
|
5
|
-
require('./transforms/attribute/typography')(StyleDictionary);
|
6
|
-
require('./transforms/attribute/palette')(StyleDictionary);
|
7
|
-
require('./transforms/attribute/prefix')(StyleDictionary);
|
8
|
-
require('./transforms/attribute/size')(StyleDictionary);
|
9
|
-
|
10
|
-
// ==== Include custom filters ====
|
11
|
-
require('./filters/palette')(StyleDictionary);
|
12
|
-
require('./filters/color')(StyleDictionary);
|
13
|
-
require('./filters/size')(StyleDictionary);
|
14
|
-
require('./filters/typography')(StyleDictionary);
|
15
|
-
|
16
|
-
// ==== Include custom transform groups ====
|
17
|
-
require('./transformGroups/scss')(StyleDictionary);
|
18
|
-
require('./transformGroups/css')(StyleDictionary);
|
19
|
-
|
20
|
-
// ==== Include custom formats ====
|
21
|
-
require('./formats/typography')(StyleDictionary);
|
22
|
-
require('./formats/palette')(StyleDictionary);
|
23
|
-
|
24
|
-
// ==== Run build ====
|
25
|
-
console.log('Build started...');
|
26
|
-
console.log('==============================================');
|
27
|
-
|
28
|
-
module.exports = (themeConfig) => {
|
29
|
-
StyleDictionary.registerFileHeader({
|
30
|
-
name: 'customHeader',
|
31
|
-
fileHeader: () => {
|
32
|
-
return [`Do not edit directly`];
|
33
|
-
}
|
34
|
-
});
|
35
|
-
console.log('themeConfig: ', themeConfig);
|
36
|
-
|
37
|
-
if (!themeConfig || themeConfig.length === 0) {
|
38
|
-
console.error('Build Failed. Please set ThemeConfig, for example: ', {
|
39
|
-
name: 'default-theme',
|
40
|
-
buildPath: [
|
41
|
-
`packages/mosaic/design-tokens/tokens/properties/**/*.json5`,
|
42
|
-
`packages/mosaic/design-tokens/tokens/components/**/*.json5`
|
43
|
-
],
|
44
|
-
outputPath: 'packages/mosaic/design-tokens/'
|
45
|
-
}
|
46
|
-
)
|
47
|
-
process.exit(0);
|
48
|
-
}
|
49
|
-
|
50
|
-
themeConfig.map((platform) => {
|
51
|
-
// APPLY THE CONFIGURATION
|
52
|
-
// Very important: the registration of custom transforms
|
53
|
-
// needs to be done _before_ applying the configuration
|
54
|
-
const StyleDictionaryExtended = StyleDictionary.extend(getPlatformConfig(platform));
|
55
|
-
|
56
|
-
// FINALLY, BUILD ALL THE PLATFORMS
|
57
|
-
StyleDictionaryExtended.buildAllPlatforms();
|
58
|
-
});
|
59
|
-
|
60
|
-
console.log('\n==============================================');
|
61
|
-
console.log('\nBuild completed!');
|
62
|
-
}
|
@@ -1,48 +0,0 @@
|
|
1
|
-
const merge = require('lodash/merge');
|
2
|
-
|
3
|
-
const scssConfig = require('./scss');
|
4
|
-
const jsConfig = require('./js');
|
5
|
-
const cssConfig = require('./css');
|
6
|
-
|
7
|
-
const filterObj = {
|
8
|
-
options: {
|
9
|
-
showFileHeader: true,
|
10
|
-
fileHeader: 'customHeader'
|
11
|
-
}
|
12
|
-
};
|
13
|
-
|
14
|
-
function filterOptions(platforms) {
|
15
|
-
const platformObj = {};
|
16
|
-
|
17
|
-
platforms.map(p => Object.assign(platformObj, p));
|
18
|
-
|
19
|
-
Object.keys(platformObj).forEach((p) => {
|
20
|
-
platformObj[p].files.map(f => merge(f, filterObj));
|
21
|
-
});
|
22
|
-
|
23
|
-
return platformObj;
|
24
|
-
}
|
25
|
-
|
26
|
-
function getSources(theme) {
|
27
|
-
|
28
|
-
return theme.buildPath;
|
29
|
-
}
|
30
|
-
|
31
|
-
function getConfigs(theme) {
|
32
|
-
|
33
|
-
scssConfig.scss.buildPath = theme.outputPath;
|
34
|
-
jsConfig.js.buildPath = theme.outputPath;
|
35
|
-
cssConfig.css.buildPath = theme.outputPath;
|
36
|
-
|
37
|
-
return filterOptions([scssConfig, jsConfig, cssConfig]);
|
38
|
-
}
|
39
|
-
|
40
|
-
module.exports = (theme) => {
|
41
|
-
|
42
|
-
return {
|
43
|
-
source: [
|
44
|
-
...getSources(theme)
|
45
|
-
],
|
46
|
-
platforms: getConfigs(theme)
|
47
|
-
};
|
48
|
-
};
|
@@ -1,23 +0,0 @@
|
|
1
|
-
module.exports = {
|
2
|
-
scss: {
|
3
|
-
transformGroup: 'mc/scss',
|
4
|
-
files: [
|
5
|
-
{
|
6
|
-
destination: '_variables.scss',
|
7
|
-
format: 'scss/variables',
|
8
|
-
filter: 'color'
|
9
|
-
},
|
10
|
-
{
|
11
|
-
destination: '_palette.scss',
|
12
|
-
format: 'mc-scss/palette',
|
13
|
-
filter: 'palette'
|
14
|
-
},
|
15
|
-
{
|
16
|
-
destination: '_typography.scss',
|
17
|
-
format: 'mc-scss/typography',
|
18
|
-
mapName: 'mosaic',
|
19
|
-
filter: 'typography'
|
20
|
-
}
|
21
|
-
]
|
22
|
-
}
|
23
|
-
};
|
@@ -1,25 +0,0 @@
|
|
1
|
-
|
2
|
-
module.exports = (StyleDictionary) => {
|
3
|
-
StyleDictionary.registerFormat({
|
4
|
-
name: 'mc-scss/palette',
|
5
|
-
formatter: function (dictionary) {
|
6
|
-
return dictionary.allProperties
|
7
|
-
.map((prop) => `\$${prop.name}: ${getMapFromObj(prop.value)};\n`)
|
8
|
-
.join('\n');
|
9
|
-
}
|
10
|
-
})
|
11
|
-
};
|
12
|
-
|
13
|
-
function getMapFromObj(object) {
|
14
|
-
const result = Object.keys(object)
|
15
|
-
.map((key) => {
|
16
|
-
if (key === 'contrast') {
|
17
|
-
return `${key}: ${getMapFromObj(object[key])}`
|
18
|
-
}
|
19
|
-
|
20
|
-
return `${key}: ${object[key].value},\n`
|
21
|
-
})
|
22
|
-
.join('');
|
23
|
-
|
24
|
-
return `(\n${result}\n)`
|
25
|
-
}
|
@@ -1,52 +0,0 @@
|
|
1
|
-
module.exports = (StyleDictionary) => {
|
2
|
-
|
3
|
-
StyleDictionary.registerFormat({
|
4
|
-
name: 'mc-scss/typography',
|
5
|
-
formatter: function(dictionary) {
|
6
|
-
let string;
|
7
|
-
|
8
|
-
string = dictionary.allProperties
|
9
|
-
.map((prop) => {
|
10
|
-
let output = '';
|
11
|
-
|
12
|
-
const value = prop.attributes.category === 'asset' ? `"${ prop.value }"` : prop.value;
|
13
|
-
|
14
|
-
output += `$${ prop.name }: ${ value };`
|
15
|
-
|
16
|
-
if (prop.comment) {
|
17
|
-
output += ` // ${ prop.comment }`;
|
18
|
-
}
|
19
|
-
|
20
|
-
output += '\n';
|
21
|
-
|
22
|
-
return output;
|
23
|
-
})
|
24
|
-
.join('');
|
25
|
-
|
26
|
-
string += `\n$${this.mapName || 'tokens' }: ${processJsonNode(dictionary.properties, 0)};\n`;
|
27
|
-
|
28
|
-
return string;
|
29
|
-
}
|
30
|
-
})
|
31
|
-
};
|
32
|
-
|
33
|
-
|
34
|
-
function processJsonNode(obj, depth) {
|
35
|
-
let output = '';
|
36
|
-
|
37
|
-
if (obj.hasOwnProperty('value')) {
|
38
|
-
output += `$${obj.name}`;
|
39
|
-
} else {
|
40
|
-
output += '(\n'
|
41
|
-
output += Object.keys(obj).map((newKey) => {
|
42
|
-
const newProp = obj[newKey];
|
43
|
-
const indent = ' '.repeat(depth+1);
|
44
|
-
|
45
|
-
return `${indent}'${newKey}': ${processJsonNode(newProp, depth + 1)}`;
|
46
|
-
}).join(',\n');
|
47
|
-
|
48
|
-
output += '\n' + ' '.repeat(depth) + ')';
|
49
|
-
}
|
50
|
-
|
51
|
-
return output;
|
52
|
-
}
|