@ng-matero/extensions 19.4.1 → 20.0.1
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/_index.scss +1 -1
- package/alert/_alert-theme.scss +26 -31
- package/alert/_m2-alert.scss +59 -0
- package/alert/_m3-alert.scss +41 -0
- package/alert/alert.scss +27 -31
- package/alert/index.d.ts +30 -5
- package/button/index.d.ts +31 -5
- package/checkbox-group/index.d.ts +117 -5
- package/colorpicker/_colorpicker-theme.scss +31 -36
- package/{core/tokens/m2/mtx/_colorpicker.scss → colorpicker/_m2-colorpicker.scss} +6 -10
- package/colorpicker/_m3-colorpicker.scss +23 -0
- package/colorpicker/colorpicker-toggle.scss +4 -9
- package/colorpicker/index.d.ts +285 -3
- package/column-resize/index.d.ts +456 -3
- package/core/index.d.ts +147 -5
- package/core/theming/_color-api-backwards-compatibility.scss +8 -15
- package/core/theming/_definition.scss +81 -75
- package/core/theming/_palettes.scss +1036 -0
- package/core/tokens/{m2/_index.scss → _m2-tokens.scss} +22 -22
- package/core/tokens/_m2-utils.scss +108 -0
- package/core/tokens/_m3-system.scss +128 -106
- package/core/tokens/_m3-tokens.scss +36 -282
- package/core/tokens/_m3-utils.scss +48 -0
- package/core/tokens/_token-utils.scss +67 -239
- package/core/tokens/m3/_index.scss +7 -0
- package/core/tokens/m3/_md-sys-color.scss +156 -0
- package/core/tokens/m3/_md-sys-elevation.scss +15 -0
- package/core/tokens/m3/_md-sys-motion.scss +35 -0
- package/core/tokens/m3/_md-sys-shape.scss +21 -0
- package/core/tokens/m3/_md-sys-state.scss +13 -0
- package/core/tokens/m3/_md-sys-typescale.scss +128 -0
- package/core/tokens/m3/_theme.scss +47 -0
- package/datetimepicker/_datetimepicker-theme.scss +29 -39
- package/datetimepicker/_m2-datetimepicker.scss +149 -0
- package/datetimepicker/_m3-datetimepicker.scss +81 -0
- package/datetimepicker/calendar-body.scss +31 -56
- package/datetimepicker/calendar.scss +43 -79
- package/datetimepicker/clock.scss +28 -47
- package/datetimepicker/datetimepicker-content.scss +9 -15
- package/datetimepicker/datetimepicker-toggle.scss +4 -9
- package/datetimepicker/index.d.ts +1208 -3
- package/datetimepicker/time-view.scss +26 -32
- package/dialog/index.d.ts +54 -5
- package/drawer/_drawer-theme.scss +25 -30
- package/{core/tokens/m2/mtx/_drawer.scss → drawer/_m2-drawer.scss} +9 -12
- package/drawer/_m3-drawer.scss +24 -0
- package/drawer/drawer-container.scss +13 -24
- package/drawer/index.d.ts +221 -3
- package/fesm2022/mtxAlert.mjs +7 -7
- package/fesm2022/mtxAlert.mjs.map +1 -1
- package/fesm2022/mtxButton.mjs +11 -11
- package/fesm2022/mtxButton.mjs.map +1 -1
- package/fesm2022/mtxCheckboxGroup.mjs +7 -7
- package/fesm2022/mtxColorpicker.mjs +21 -21
- package/fesm2022/mtxColorpicker.mjs.map +1 -1
- package/fesm2022/mtxColumnResize.mjs +232 -103
- package/fesm2022/mtxColumnResize.mjs.map +1 -1
- package/fesm2022/mtxCore.mjs +21 -21
- package/fesm2022/mtxDatetimepicker.mjs +63 -67
- package/fesm2022/mtxDatetimepicker.mjs.map +1 -1
- package/fesm2022/mtxDialog.mjs +10 -10
- package/fesm2022/mtxDialog.mjs.map +1 -1
- package/fesm2022/mtxDrawer.mjs +10 -10
- package/fesm2022/mtxGrid.mjs +78 -77
- package/fesm2022/mtxGrid.mjs.map +1 -1
- package/fesm2022/mtxLoader.mjs +7 -7
- package/fesm2022/mtxPhotoviewer.mjs +7 -7
- package/fesm2022/mtxPopover.mjs +24 -25
- package/fesm2022/mtxPopover.mjs.map +1 -1
- package/fesm2022/mtxProgress.mjs +7 -7
- package/fesm2022/mtxSelect.mjs +54 -54
- package/fesm2022/mtxSelect.mjs.map +1 -1
- package/fesm2022/mtxSplit.mjs +10 -10
- package/fesm2022/mtxTooltip.mjs +13 -13
- package/fesm2022/mtxTooltip.mjs.map +1 -1
- package/grid/_grid-theme.scss +24 -34
- package/grid/_m2-grid.scss +66 -0
- package/grid/_m3-grid.scss +35 -0
- package/grid/column-menu.scss +6 -23
- package/grid/column-resize/_column-resize.scss +35 -30
- package/grid/grid.scss +41 -74
- package/grid/index.d.ts +799 -3
- package/index.d.ts +2 -5
- package/loader/_loader-theme.scss +26 -31
- package/{core/tokens/m2/mtx/_loader.scss → loader/_m2-loader.scss} +5 -10
- package/loader/_m3-loader.scss +20 -0
- package/loader/index.d.ts +43 -5
- package/loader/loader.scss +4 -5
- package/package.json +28 -28
- package/photoviewer/index.d.ts +26 -5
- package/{core/tokens/m2/mtx/_popover.scss → popover/_m2-popover.scss} +9 -12
- package/popover/_m3-popover.scss +26 -0
- package/popover/_popover-theme.scss +26 -31
- package/popover/index.d.ts +399 -3
- package/popover/popover.scss +23 -29
- package/prebuilt-themes/azure-blue.css +1 -1
- package/prebuilt-themes/cyan-orange.css +1 -1
- package/prebuilt-themes/deeppurple-amber.css +1 -1
- package/prebuilt-themes/indigo-pink.css +1 -1
- package/prebuilt-themes/magenta-violet.css +1 -1
- package/prebuilt-themes/pink-bluegrey.css +1 -1
- package/prebuilt-themes/purple-green.css +1 -1
- package/prebuilt-themes/rose-red.css +1 -1
- package/progress/_m2-progress.scss +53 -0
- package/progress/_m3-progress.scss +33 -0
- package/progress/_progress-theme.scss +22 -34
- package/progress/index.d.ts +35 -5
- package/progress/progress.scss +28 -43
- package/select/_m2-select.scss +79 -0
- package/select/_m3-select.scss +46 -0
- package/select/_select-theme.scss +27 -37
- package/select/index.d.ts +381 -3
- package/select/select.scss +189 -205
- package/{core/tokens/m2/mtx/_split.scss → split/_m2-split.scss} +6 -9
- package/split/_m3-split.scss +23 -0
- package/split/_split-theme.scss +31 -34
- package/split/index.d.ts +255 -3
- package/split/split.scss +8 -11
- package/tooltip/_m2-tooltip.scss +50 -0
- package/tooltip/_m3-tooltip.scss +28 -0
- package/tooltip/_tooltip-theme.scss +23 -47
- package/tooltip/index.d.ts +345 -3
- package/tooltip/tooltip.scss +11 -15
- package/alert/alert-module.d.ts +0 -8
- package/alert/alert.d.ts +0 -19
- package/alert/public-api.d.ts +0 -2
- package/button/button-loading.d.ts +0 -19
- package/button/button-module.d.ts +0 -10
- package/button/public-api.d.ts +0 -2
- package/checkbox-group/checkbox-group-module.d.ts +0 -11
- package/checkbox-group/checkbox-group.d.ts +0 -86
- package/checkbox-group/interfaces.d.ts +0 -17
- package/checkbox-group/public-api.d.ts +0 -3
- package/colorpicker/colorpicker-animations.d.ts +0 -9
- package/colorpicker/colorpicker-input.d.ts +0 -88
- package/colorpicker/colorpicker-module.d.ts +0 -15
- package/colorpicker/colorpicker-toggle.d.ts +0 -39
- package/colorpicker/colorpicker.d.ts +0 -140
- package/colorpicker/public-api.d.ts +0 -5
- package/column-resize/column-resize-directives/column-resize-flex.d.ts +0 -29
- package/column-resize/column-resize-directives/column-resize.d.ts +0 -29
- package/column-resize/column-resize-directives/constants.d.ts +0 -10
- package/column-resize/column-resize-module.d.ts +0 -12
- package/column-resize/column-resize-notifier.d.ts +0 -48
- package/column-resize/column-resize.d.ts +0 -39
- package/column-resize/column-size-store.d.ts +0 -12
- package/column-resize/event-dispatcher.d.ts +0 -35
- package/column-resize/overlay-handle.d.ts +0 -43
- package/column-resize/polyfill.d.ts +0 -9
- package/column-resize/public-api.d.ts +0 -12
- package/column-resize/resizable.d.ts +0 -63
- package/column-resize/resize-ref.d.ts +0 -17
- package/column-resize/resize-strategy.d.ts +0 -84
- package/column-resize/selectors.d.ts +0 -10
- package/core/datetime/datetime-adapter.d.ts +0 -45
- package/core/datetime/datetime-formats.d.ts +0 -22
- package/core/datetime/datetime.module.d.ts +0 -15
- package/core/datetime/index.d.ts +0 -5
- package/core/datetime/native-datetime-adapter.d.ts +0 -40
- package/core/datetime/native-datetime-formats.d.ts +0 -2
- package/core/pipes/index.d.ts +0 -3
- package/core/pipes/is-template-ref.pipe.d.ts +0 -7
- package/core/pipes/pipes.module.d.ts +0 -9
- package/core/pipes/to-observable.pipe.d.ts +0 -8
- package/core/public-api.d.ts +0 -2
- package/core/theming/_inspection.scss +0 -38
- package/core/theming/_validation.scss +0 -5
- package/core/tokens/_density.scss +0 -49
- package/core/tokens/_format-tokens.scss +0 -5
- package/core/tokens/_token-definition.scss +0 -271
- package/core/tokens/m2/mdc/_plain-tooltip.scss +0 -63
- package/core/tokens/m2/mtx/_alert.scss +0 -62
- package/core/tokens/m2/mtx/_datetimepicker.scss +0 -152
- package/core/tokens/m2/mtx/_grid.scss +0 -69
- package/core/tokens/m2/mtx/_progress.scss +0 -56
- package/core/tokens/m2/mtx/_select.scss +0 -82
- package/core/tokens/m3/definitions/_index.scss +0 -9
- package/core/tokens/m3/definitions/_md-comp-plain-tooltip.scss +0 -51
- package/core/tokens/m3/definitions/_md-ref-palette.scss +0 -100
- package/core/tokens/m3/definitions/_md-ref-typeface.scss +0 -14
- package/core/tokens/m3/definitions/_md-sys-color.scss +0 -126
- package/core/tokens/m3/definitions/_md-sys-elevation.scss +0 -15
- package/core/tokens/m3/definitions/_md-sys-motion.scss +0 -46
- package/core/tokens/m3/definitions/_md-sys-shape.scss +0 -24
- package/core/tokens/m3/definitions/_md-sys-state.scss +0 -13
- package/core/tokens/m3/definitions/_md-sys-typescale.scss +0 -308
- package/core/tokens/m3/index.scss +0 -47
- package/core/tokens/m3/mdc/_plain-tooltip.scss +0 -15
- package/core/tokens/m3/mtx/_alert.scss +0 -41
- package/core/tokens/m3/mtx/_colorpicker.scss +0 -19
- package/core/tokens/m3/mtx/_datetimepicker.scss +0 -140
- package/core/tokens/m3/mtx/_drawer.scss +0 -22
- package/core/tokens/m3/mtx/_grid.scss +0 -32
- package/core/tokens/m3/mtx/_loader.scss +0 -22
- package/core/tokens/m3/mtx/_popover.scss +0 -25
- package/core/tokens/m3/mtx/_progress.scss +0 -32
- package/core/tokens/m3/mtx/_select.scss +0 -76
- package/core/tokens/m3/mtx/_split.scss +0 -30
- package/datetimepicker/calendar-body.d.ts +0 -66
- package/datetimepicker/calendar.d.ts +0 -157
- package/datetimepicker/clock.d.ts +0 -101
- package/datetimepicker/datetimepicker-actions.d.ts +0 -36
- package/datetimepicker/datetimepicker-animations.d.ts +0 -11
- package/datetimepicker/datetimepicker-errors.d.ts +0 -2
- package/datetimepicker/datetimepicker-filtertype.d.ts +0 -5
- package/datetimepicker/datetimepicker-input.d.ts +0 -105
- package/datetimepicker/datetimepicker-intl.d.ts +0 -53
- package/datetimepicker/datetimepicker-module.d.ts +0 -22
- package/datetimepicker/datetimepicker-toggle.d.ts +0 -42
- package/datetimepicker/datetimepicker-types.d.ts +0 -6
- package/datetimepicker/datetimepicker.d.ts +0 -274
- package/datetimepicker/month-view.d.ts +0 -80
- package/datetimepicker/multi-year-view.d.ts +0 -86
- package/datetimepicker/public-api.d.ts +0 -16
- package/datetimepicker/time-view.d.ts +0 -147
- package/datetimepicker/year-view.d.ts +0 -68
- package/dialog/dialog-config.d.ts +0 -17
- package/dialog/dialog-container.d.ts +0 -11
- package/dialog/dialog-module.d.ts +0 -12
- package/dialog/dialog.d.ts +0 -15
- package/dialog/public-api.d.ts +0 -4
- package/drawer/drawer-animations.d.ts +0 -8
- package/drawer/drawer-config.d.ts +0 -63
- package/drawer/drawer-container.d.ts +0 -35
- package/drawer/drawer-module.d.ts +0 -10
- package/drawer/drawer-ref.d.ts +0 -53
- package/drawer/drawer.d.ts +0 -59
- package/drawer/public-api.d.ts +0 -6
- package/grid/cell.d.ts +0 -32
- package/grid/column-menu.d.ts +0 -39
- package/grid/column-resize/column-resize-directives/column-resize-flex.d.ts +0 -24
- package/grid/column-resize/column-resize-directives/column-resize.d.ts +0 -24
- package/grid/column-resize/column-resize-directives/common.d.ts +0 -13
- package/grid/column-resize/column-resize-module.d.ts +0 -17
- package/grid/column-resize/index.d.ts +0 -7
- package/grid/column-resize/overlay-handle.d.ts +0 -32
- package/grid/column-resize/resizable-directives/common.d.ts +0 -19
- package/grid/column-resize/resizable-directives/resizable.d.ts +0 -32
- package/grid/column-resize/resize-strategy.d.ts +0 -20
- package/grid/expansion-toggle.d.ts +0 -17
- package/grid/grid-module.d.ts +0 -31
- package/grid/grid-pipes.d.ts +0 -39
- package/grid/grid-utils.d.ts +0 -33
- package/grid/grid.d.ts +0 -268
- package/grid/interfaces.d.ts +0 -180
- package/grid/public-api.d.ts +0 -17
- package/grid/selectable-cell.d.ts +0 -16
- package/loader/loader-module.d.ts +0 -10
- package/loader/loader.d.ts +0 -30
- package/loader/public-api.d.ts +0 -2
- package/photoviewer/photoviewer-module.d.ts +0 -7
- package/photoviewer/photoviewer.d.ts +0 -17
- package/photoviewer/public-api.d.ts +0 -2
- package/popover/popover-animations.d.ts +0 -11
- package/popover/popover-content.d.ts +0 -43
- package/popover/popover-errors.d.ts +0 -14
- package/popover/popover-interfaces.d.ts +0 -50
- package/popover/popover-module.d.ts +0 -13
- package/popover/popover-target.d.ts +0 -7
- package/popover/popover-trigger.d.ts +0 -132
- package/popover/popover-types.d.ts +0 -10
- package/popover/popover.d.ts +0 -147
- package/popover/public-api.d.ts +0 -8
- package/progress/progress-module.d.ts +0 -8
- package/progress/progress.d.ts +0 -24
- package/progress/public-api.d.ts +0 -2
- package/public-api.d.ts +0 -2
- package/select/option.d.ts +0 -21
- package/select/public-api.d.ts +0 -5
- package/select/select-intl.d.ts +0 -18
- package/select/select-module.d.ts +0 -12
- package/select/select.d.ts +0 -270
- package/select/templates.d.ts +0 -67
- package/split/interfaces.d.ts +0 -52
- package/split/public-api.d.ts +0 -5
- package/split/split-module.d.ts +0 -9
- package/split/split-pane.d.ts +0 -53
- package/split/split.d.ts +0 -133
- package/split/utils.d.ts +0 -13
- package/tooltip/public-api.d.ts +0 -3
- package/tooltip/tooltip-animations.d.ts +0 -9
- package/tooltip/tooltip-module.d.ts +0 -13
- package/tooltip/tooltip.d.ts +0 -321
|
@@ -1,126 +0,0 @@
|
|
|
1
|
-
//
|
|
2
|
-
// Design system display name: Material 3
|
|
3
|
-
// Design system version: v0.161
|
|
4
|
-
//
|
|
5
|
-
|
|
6
|
-
@use 'sass:map';
|
|
7
|
-
|
|
8
|
-
@use './md-ref-palette';
|
|
9
|
-
|
|
10
|
-
$_default-dark: (
|
|
11
|
-
'md-ref-palette': md-ref-palette.values(),
|
|
12
|
-
);
|
|
13
|
-
|
|
14
|
-
@function values-dark($deps: $_default-dark) {
|
|
15
|
-
@return (
|
|
16
|
-
'background': map.get($deps, 'md-ref-palette', 'neutral10'),
|
|
17
|
-
'error': map.get($deps, 'md-ref-palette', 'error80'),
|
|
18
|
-
'error-container': map.get($deps, 'md-ref-palette', 'error30'),
|
|
19
|
-
'inverse-on-surface': map.get($deps, 'md-ref-palette', 'neutral20'),
|
|
20
|
-
'inverse-primary': map.get($deps, 'md-ref-palette', 'primary40'),
|
|
21
|
-
'inverse-surface': map.get($deps, 'md-ref-palette', 'neutral90'),
|
|
22
|
-
'on-background': map.get($deps, 'md-ref-palette', 'neutral90'),
|
|
23
|
-
'on-error': map.get($deps, 'md-ref-palette', 'error20'),
|
|
24
|
-
'on-error-container': map.get($deps, 'md-ref-palette', 'error90'),
|
|
25
|
-
'on-primary': map.get($deps, 'md-ref-palette', 'primary20'),
|
|
26
|
-
'on-primary-container': map.get($deps, 'md-ref-palette', 'primary90'),
|
|
27
|
-
'on-primary-fixed': map.get($deps, 'md-ref-palette', 'primary10'),
|
|
28
|
-
'on-primary-fixed-variant': map.get($deps, 'md-ref-palette', 'primary30'),
|
|
29
|
-
'on-secondary': map.get($deps, 'md-ref-palette', 'secondary20'),
|
|
30
|
-
'on-secondary-container': map.get($deps, 'md-ref-palette', 'secondary90'),
|
|
31
|
-
'on-secondary-fixed': map.get($deps, 'md-ref-palette', 'secondary10'),
|
|
32
|
-
'on-secondary-fixed-variant':
|
|
33
|
-
map.get($deps, 'md-ref-palette', 'secondary30'),
|
|
34
|
-
'on-surface': map.get($deps, 'md-ref-palette', 'neutral90'),
|
|
35
|
-
'on-surface-variant': map.get($deps, 'md-ref-palette', 'neutral-variant80'),
|
|
36
|
-
'on-tertiary': map.get($deps, 'md-ref-palette', 'tertiary20'),
|
|
37
|
-
'on-tertiary-container': map.get($deps, 'md-ref-palette', 'tertiary90'),
|
|
38
|
-
'on-tertiary-fixed': map.get($deps, 'md-ref-palette', 'tertiary10'),
|
|
39
|
-
'on-tertiary-fixed-variant': map.get($deps, 'md-ref-palette', 'tertiary30'),
|
|
40
|
-
'outline': map.get($deps, 'md-ref-palette', 'neutral-variant60'),
|
|
41
|
-
'outline-variant': map.get($deps, 'md-ref-palette', 'neutral-variant30'),
|
|
42
|
-
'primary': map.get($deps, 'md-ref-palette', 'primary80'),
|
|
43
|
-
'primary-container': map.get($deps, 'md-ref-palette', 'primary30'),
|
|
44
|
-
'primary-fixed': map.get($deps, 'md-ref-palette', 'primary90'),
|
|
45
|
-
'primary-fixed-dim': map.get($deps, 'md-ref-palette', 'primary80'),
|
|
46
|
-
'scrim': map.get($deps, 'md-ref-palette', 'neutral0'),
|
|
47
|
-
'secondary': map.get($deps, 'md-ref-palette', 'secondary80'),
|
|
48
|
-
'secondary-container': map.get($deps, 'md-ref-palette', 'secondary30'),
|
|
49
|
-
'secondary-fixed': map.get($deps, 'md-ref-palette', 'secondary90'),
|
|
50
|
-
'secondary-fixed-dim': map.get($deps, 'md-ref-palette', 'secondary80'),
|
|
51
|
-
'shadow': map.get($deps, 'md-ref-palette', 'neutral0'),
|
|
52
|
-
'surface': map.get($deps, 'md-ref-palette', 'neutral10'),
|
|
53
|
-
'surface-bright': map.get($deps, 'md-ref-palette', 'neutral24'),
|
|
54
|
-
'surface-container': map.get($deps, 'md-ref-palette', 'neutral12'),
|
|
55
|
-
'surface-container-high': map.get($deps, 'md-ref-palette', 'neutral17'),
|
|
56
|
-
'surface-container-highest': map.get($deps, 'md-ref-palette', 'neutral22'),
|
|
57
|
-
'surface-container-low': map.get($deps, 'md-ref-palette', 'neutral10'),
|
|
58
|
-
'surface-container-lowest': map.get($deps, 'md-ref-palette', 'neutral4'),
|
|
59
|
-
'surface-dim': map.get($deps, 'md-ref-palette', 'neutral6'),
|
|
60
|
-
'surface-tint': map.get($deps, 'md-ref-palette', 'primary80'),
|
|
61
|
-
'surface-variant': map.get($deps, 'md-ref-palette', 'neutral-variant30'),
|
|
62
|
-
'tertiary': map.get($deps, 'md-ref-palette', 'tertiary80'),
|
|
63
|
-
'tertiary-container': map.get($deps, 'md-ref-palette', 'tertiary30'),
|
|
64
|
-
'tertiary-fixed': map.get($deps, 'md-ref-palette', 'tertiary90'),
|
|
65
|
-
'tertiary-fixed-dim': map.get($deps, 'md-ref-palette', 'tertiary80')
|
|
66
|
-
);
|
|
67
|
-
}
|
|
68
|
-
|
|
69
|
-
$_default-light: (
|
|
70
|
-
'md-ref-palette': md-ref-palette.values(),
|
|
71
|
-
);
|
|
72
|
-
|
|
73
|
-
@function values-light($deps: $_default-light) {
|
|
74
|
-
@return (
|
|
75
|
-
'background': map.get($deps, 'md-ref-palette', 'neutral99'),
|
|
76
|
-
'error': map.get($deps, 'md-ref-palette', 'error40'),
|
|
77
|
-
'error-container': map.get($deps, 'md-ref-palette', 'error90'),
|
|
78
|
-
'inverse-on-surface': map.get($deps, 'md-ref-palette', 'neutral95'),
|
|
79
|
-
'inverse-primary': map.get($deps, 'md-ref-palette', 'primary80'),
|
|
80
|
-
'inverse-surface': map.get($deps, 'md-ref-palette', 'neutral20'),
|
|
81
|
-
'on-background': map.get($deps, 'md-ref-palette', 'neutral10'),
|
|
82
|
-
'on-error': map.get($deps, 'md-ref-palette', 'error100'),
|
|
83
|
-
'on-error-container': map.get($deps, 'md-ref-palette', 'error10'),
|
|
84
|
-
'on-primary': map.get($deps, 'md-ref-palette', 'primary100'),
|
|
85
|
-
'on-primary-container': map.get($deps, 'md-ref-palette', 'primary10'),
|
|
86
|
-
'on-primary-fixed': map.get($deps, 'md-ref-palette', 'primary10'),
|
|
87
|
-
'on-primary-fixed-variant': map.get($deps, 'md-ref-palette', 'primary30'),
|
|
88
|
-
'on-secondary': map.get($deps, 'md-ref-palette', 'secondary100'),
|
|
89
|
-
'on-secondary-container': map.get($deps, 'md-ref-palette', 'secondary10'),
|
|
90
|
-
'on-secondary-fixed': map.get($deps, 'md-ref-palette', 'secondary10'),
|
|
91
|
-
'on-secondary-fixed-variant':
|
|
92
|
-
map.get($deps, 'md-ref-palette', 'secondary30'),
|
|
93
|
-
'on-surface': map.get($deps, 'md-ref-palette', 'neutral10'),
|
|
94
|
-
'on-surface-variant': map.get($deps, 'md-ref-palette', 'neutral-variant30'),
|
|
95
|
-
'on-tertiary': map.get($deps, 'md-ref-palette', 'tertiary100'),
|
|
96
|
-
'on-tertiary-container': map.get($deps, 'md-ref-palette', 'tertiary10'),
|
|
97
|
-
'on-tertiary-fixed': map.get($deps, 'md-ref-palette', 'tertiary10'),
|
|
98
|
-
'on-tertiary-fixed-variant': map.get($deps, 'md-ref-palette', 'tertiary30'),
|
|
99
|
-
'outline': map.get($deps, 'md-ref-palette', 'neutral-variant50'),
|
|
100
|
-
'outline-variant': map.get($deps, 'md-ref-palette', 'neutral-variant80'),
|
|
101
|
-
'primary': map.get($deps, 'md-ref-palette', 'primary40'),
|
|
102
|
-
'primary-container': map.get($deps, 'md-ref-palette', 'primary90'),
|
|
103
|
-
'primary-fixed': map.get($deps, 'md-ref-palette', 'primary90'),
|
|
104
|
-
'primary-fixed-dim': map.get($deps, 'md-ref-palette', 'primary80'),
|
|
105
|
-
'scrim': map.get($deps, 'md-ref-palette', 'neutral0'),
|
|
106
|
-
'secondary': map.get($deps, 'md-ref-palette', 'secondary40'),
|
|
107
|
-
'secondary-container': map.get($deps, 'md-ref-palette', 'secondary90'),
|
|
108
|
-
'secondary-fixed': map.get($deps, 'md-ref-palette', 'secondary90'),
|
|
109
|
-
'secondary-fixed-dim': map.get($deps, 'md-ref-palette', 'secondary80'),
|
|
110
|
-
'shadow': map.get($deps, 'md-ref-palette', 'neutral0'),
|
|
111
|
-
'surface': map.get($deps, 'md-ref-palette', 'neutral99'),
|
|
112
|
-
'surface-bright': map.get($deps, 'md-ref-palette', 'neutral98'),
|
|
113
|
-
'surface-container': map.get($deps, 'md-ref-palette', 'neutral94'),
|
|
114
|
-
'surface-container-high': map.get($deps, 'md-ref-palette', 'neutral92'),
|
|
115
|
-
'surface-container-highest': map.get($deps, 'md-ref-palette', 'neutral90'),
|
|
116
|
-
'surface-container-low': map.get($deps, 'md-ref-palette', 'neutral96'),
|
|
117
|
-
'surface-container-lowest': map.get($deps, 'md-ref-palette', 'neutral100'),
|
|
118
|
-
'surface-dim': map.get($deps, 'md-ref-palette', 'neutral87'),
|
|
119
|
-
'surface-tint': map.get($deps, 'md-ref-palette', 'primary40'),
|
|
120
|
-
'surface-variant': map.get($deps, 'md-ref-palette', 'neutral-variant90'),
|
|
121
|
-
'tertiary': map.get($deps, 'md-ref-palette', 'tertiary40'),
|
|
122
|
-
'tertiary-container': map.get($deps, 'md-ref-palette', 'tertiary90'),
|
|
123
|
-
'tertiary-fixed': map.get($deps, 'md-ref-palette', 'tertiary90'),
|
|
124
|
-
'tertiary-fixed-dim': map.get($deps, 'md-ref-palette', 'tertiary80')
|
|
125
|
-
);
|
|
126
|
-
}
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
//
|
|
2
|
-
// Design system display name: Material 3
|
|
3
|
-
// Design system version: v0.161
|
|
4
|
-
//
|
|
5
|
-
|
|
6
|
-
@function values($exclude-hardcoded-values: false) {
|
|
7
|
-
@return (
|
|
8
|
-
'level0': if($exclude-hardcoded-values, null, 0),
|
|
9
|
-
'level1': if($exclude-hardcoded-values, null, 1),
|
|
10
|
-
'level2': if($exclude-hardcoded-values, null, 3),
|
|
11
|
-
'level3': if($exclude-hardcoded-values, null, 6),
|
|
12
|
-
'level4': if($exclude-hardcoded-values, null, 8),
|
|
13
|
-
'level5': if($exclude-hardcoded-values, null, 12)
|
|
14
|
-
);
|
|
15
|
-
}
|
|
@@ -1,46 +0,0 @@
|
|
|
1
|
-
//
|
|
2
|
-
// Design system display name: Material 3
|
|
3
|
-
// Design system version: v0.161
|
|
4
|
-
//
|
|
5
|
-
|
|
6
|
-
@function values($exclude-hardcoded-values: false) {
|
|
7
|
-
@return (
|
|
8
|
-
'duration-extra-long1': if($exclude-hardcoded-values, null, 700ms),
|
|
9
|
-
'duration-extra-long2': if($exclude-hardcoded-values, null, 800ms),
|
|
10
|
-
'duration-extra-long3': if($exclude-hardcoded-values, null, 900ms),
|
|
11
|
-
'duration-extra-long4': if($exclude-hardcoded-values, null, 1000ms),
|
|
12
|
-
'duration-long1': if($exclude-hardcoded-values, null, 450ms),
|
|
13
|
-
'duration-long2': if($exclude-hardcoded-values, null, 500ms),
|
|
14
|
-
'duration-long3': if($exclude-hardcoded-values, null, 550ms),
|
|
15
|
-
'duration-long4': if($exclude-hardcoded-values, null, 600ms),
|
|
16
|
-
'duration-medium1': if($exclude-hardcoded-values, null, 250ms),
|
|
17
|
-
'duration-medium2': if($exclude-hardcoded-values, null, 300ms),
|
|
18
|
-
'duration-medium3': if($exclude-hardcoded-values, null, 350ms),
|
|
19
|
-
'duration-medium4': if($exclude-hardcoded-values, null, 400ms),
|
|
20
|
-
'duration-short1': if($exclude-hardcoded-values, null, 50ms),
|
|
21
|
-
'duration-short2': if($exclude-hardcoded-values, null, 100ms),
|
|
22
|
-
'duration-short3': if($exclude-hardcoded-values, null, 150ms),
|
|
23
|
-
'duration-short4': if($exclude-hardcoded-values, null, 200ms),
|
|
24
|
-
'easing-emphasized':
|
|
25
|
-
if($exclude-hardcoded-values, null, cubic-bezier(0.2, 0, 0, 1)),
|
|
26
|
-
'easing-emphasized-accelerate':
|
|
27
|
-
if($exclude-hardcoded-values, null, cubic-bezier(0.3, 0, 0.8, 0.15)),
|
|
28
|
-
'easing-emphasized-decelerate':
|
|
29
|
-
if($exclude-hardcoded-values, null, cubic-bezier(0.05, 0.7, 0.1, 1)),
|
|
30
|
-
'easing-legacy':
|
|
31
|
-
if($exclude-hardcoded-values, null, cubic-bezier(0.4, 0, 0.2, 1)),
|
|
32
|
-
'easing-legacy-accelerate':
|
|
33
|
-
if($exclude-hardcoded-values, null, cubic-bezier(0.4, 0, 1, 1)),
|
|
34
|
-
'easing-legacy-decelerate':
|
|
35
|
-
if($exclude-hardcoded-values, null, cubic-bezier(0, 0, 0.2, 1)),
|
|
36
|
-
'easing-linear':
|
|
37
|
-
if($exclude-hardcoded-values, null, cubic-bezier(0, 0, 1, 1)),
|
|
38
|
-
'easing-standard':
|
|
39
|
-
if($exclude-hardcoded-values, null, cubic-bezier(0.2, 0, 0, 1)),
|
|
40
|
-
'easing-standard-accelerate':
|
|
41
|
-
if($exclude-hardcoded-values, null, cubic-bezier(0.3, 0, 1, 1)),
|
|
42
|
-
'easing-standard-decelerate':
|
|
43
|
-
if($exclude-hardcoded-values, null, cubic-bezier(0, 0, 0, 1)),
|
|
44
|
-
'path': /** TODO: type "motion_path" is not supported. */ null
|
|
45
|
-
);
|
|
46
|
-
}
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
//
|
|
2
|
-
// Design system display name: Material 3
|
|
3
|
-
// Design system version: v0.161
|
|
4
|
-
//
|
|
5
|
-
|
|
6
|
-
@function values($exclude-hardcoded-values: false) {
|
|
7
|
-
@return (
|
|
8
|
-
'corner-extra-large': if($exclude-hardcoded-values, null, 28px),
|
|
9
|
-
'corner-extra-large-top':
|
|
10
|
-
if($exclude-hardcoded-values, null, (28px 28px 0 0)),
|
|
11
|
-
'corner-extra-small': if($exclude-hardcoded-values, null, 4px),
|
|
12
|
-
'corner-extra-small-top':
|
|
13
|
-
if($exclude-hardcoded-values, null, (4px 4px 0 0)),
|
|
14
|
-
'corner-full': if($exclude-hardcoded-values, null, 9999px),
|
|
15
|
-
'corner-large': if($exclude-hardcoded-values, null, 16px),
|
|
16
|
-
'corner-large-end': if($exclude-hardcoded-values, null, (0 16px 16px 0)),
|
|
17
|
-
'corner-large-start':
|
|
18
|
-
if($exclude-hardcoded-values, null, (16px 0 0 16px)),
|
|
19
|
-
'corner-large-top': if($exclude-hardcoded-values, null, (16px 16px 0 0)),
|
|
20
|
-
'corner-medium': if($exclude-hardcoded-values, null, 12px),
|
|
21
|
-
'corner-none': if($exclude-hardcoded-values, null, 0),
|
|
22
|
-
'corner-small': if($exclude-hardcoded-values, null, 8px)
|
|
23
|
-
);
|
|
24
|
-
}
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
//
|
|
2
|
-
// Design system display name: Material 3
|
|
3
|
-
// Design system version: v0.161
|
|
4
|
-
//
|
|
5
|
-
|
|
6
|
-
@function values($exclude-hardcoded-values: false) {
|
|
7
|
-
@return (
|
|
8
|
-
'dragged-state-layer-opacity': if($exclude-hardcoded-values, null, 0.16),
|
|
9
|
-
'focus-state-layer-opacity': if($exclude-hardcoded-values, null, 0.12),
|
|
10
|
-
'hover-state-layer-opacity': if($exclude-hardcoded-values, null, 0.08),
|
|
11
|
-
'pressed-state-layer-opacity': if($exclude-hardcoded-values, null, 0.12)
|
|
12
|
-
);
|
|
13
|
-
}
|
|
@@ -1,308 +0,0 @@
|
|
|
1
|
-
//
|
|
2
|
-
// Design system display name: Material 3
|
|
3
|
-
// Design system version: v0.161
|
|
4
|
-
//
|
|
5
|
-
|
|
6
|
-
@use 'sass:map';
|
|
7
|
-
|
|
8
|
-
@use './md-ref-typeface';
|
|
9
|
-
|
|
10
|
-
$_default: (
|
|
11
|
-
'md-ref-typeface': md-ref-typeface.values(),
|
|
12
|
-
);
|
|
13
|
-
|
|
14
|
-
@function values($deps: $_default, $exclude-hardcoded-values: false) {
|
|
15
|
-
@return (
|
|
16
|
-
// Warning: risk of reduced fidelity from using this composite typography token.
|
|
17
|
-
// Tokens md.sys.typescale.body-large.tracking cannot be represented in the "font"
|
|
18
|
-
// property shorthand. Consider using the discrete properties instead.
|
|
19
|
-
'body-large':
|
|
20
|
-
if(
|
|
21
|
-
$exclude-hardcoded-values,
|
|
22
|
-
null,
|
|
23
|
-
map.get($deps, 'md-ref-typeface', 'weight-regular')
|
|
24
|
-
if($exclude-hardcoded-values, null, 1rem) #{'/'} if(
|
|
25
|
-
$exclude-hardcoded-values,
|
|
26
|
-
null,
|
|
27
|
-
1.5rem
|
|
28
|
-
) map.get($deps, 'md-ref-typeface', 'plain')
|
|
29
|
-
),
|
|
30
|
-
'body-large-font': map.get($deps, 'md-ref-typeface', 'plain'),
|
|
31
|
-
'body-large-line-height': if($exclude-hardcoded-values, null, 1.5rem),
|
|
32
|
-
'body-large-size': if($exclude-hardcoded-values, null, 1rem),
|
|
33
|
-
'body-large-tracking': if($exclude-hardcoded-values, null, 0.031rem),
|
|
34
|
-
'body-large-weight': map.get($deps, 'md-ref-typeface', 'weight-regular'),
|
|
35
|
-
|
|
36
|
-
// Warning: risk of reduced fidelity from using this composite typography token.
|
|
37
|
-
// Tokens md.sys.typescale.body-medium.tracking cannot be represented in the "font"
|
|
38
|
-
// property shorthand. Consider using the discrete properties instead.
|
|
39
|
-
'body-medium':
|
|
40
|
-
if(
|
|
41
|
-
$exclude-hardcoded-values,
|
|
42
|
-
null,
|
|
43
|
-
map.get($deps, 'md-ref-typeface', 'weight-regular')
|
|
44
|
-
if($exclude-hardcoded-values, null, 0.875rem) #{'/'} if(
|
|
45
|
-
$exclude-hardcoded-values,
|
|
46
|
-
null,
|
|
47
|
-
1.25rem
|
|
48
|
-
) map.get($deps, 'md-ref-typeface', 'plain')
|
|
49
|
-
),
|
|
50
|
-
'body-medium-font': map.get($deps, 'md-ref-typeface', 'plain'),
|
|
51
|
-
'body-medium-line-height': if($exclude-hardcoded-values, null, 1.25rem),
|
|
52
|
-
'body-medium-size': if($exclude-hardcoded-values, null, 0.875rem),
|
|
53
|
-
'body-medium-tracking': if($exclude-hardcoded-values, null, 0.016rem),
|
|
54
|
-
'body-medium-weight': map.get($deps, 'md-ref-typeface', 'weight-regular'),
|
|
55
|
-
// Warning: risk of reduced fidelity from using this composite typography token.
|
|
56
|
-
// Tokens md.sys.typescale.body-small.tracking cannot be represented in the "font"
|
|
57
|
-
// property shorthand. Consider using the discrete properties instead.
|
|
58
|
-
'body-small':
|
|
59
|
-
if(
|
|
60
|
-
$exclude-hardcoded-values,
|
|
61
|
-
null,
|
|
62
|
-
map.get($deps, 'md-ref-typeface', 'weight-regular')
|
|
63
|
-
if($exclude-hardcoded-values, null, 0.75rem) #{'/'} if(
|
|
64
|
-
$exclude-hardcoded-values,
|
|
65
|
-
null,
|
|
66
|
-
1rem
|
|
67
|
-
) map.get($deps, 'md-ref-typeface', 'plain')
|
|
68
|
-
),
|
|
69
|
-
'body-small-font': map.get($deps, 'md-ref-typeface', 'plain'),
|
|
70
|
-
'body-small-line-height': if($exclude-hardcoded-values, null, 1rem),
|
|
71
|
-
'body-small-size': if($exclude-hardcoded-values, null, 0.75rem),
|
|
72
|
-
'body-small-tracking': if($exclude-hardcoded-values, null, 0.025rem),
|
|
73
|
-
'body-small-weight': map.get($deps, 'md-ref-typeface', 'weight-regular'),
|
|
74
|
-
// Warning: risk of reduced fidelity from using this composite typography token.
|
|
75
|
-
// Tokens md.sys.typescale.display-large.tracking cannot be represented in the "font"
|
|
76
|
-
// property shorthand. Consider using the discrete properties instead.
|
|
77
|
-
'display-large':
|
|
78
|
-
if(
|
|
79
|
-
$exclude-hardcoded-values,
|
|
80
|
-
null,
|
|
81
|
-
map.get($deps, 'md-ref-typeface', 'weight-regular')
|
|
82
|
-
if($exclude-hardcoded-values, null, 3.562rem) #{'/'} if(
|
|
83
|
-
$exclude-hardcoded-values,
|
|
84
|
-
null,
|
|
85
|
-
4rem
|
|
86
|
-
) map.get($deps, 'md-ref-typeface', 'brand')
|
|
87
|
-
),
|
|
88
|
-
'display-large-font': map.get($deps, 'md-ref-typeface', 'brand'),
|
|
89
|
-
'display-large-line-height': if($exclude-hardcoded-values, null, 4rem),
|
|
90
|
-
'display-large-size': if($exclude-hardcoded-values, null, 3.562rem),
|
|
91
|
-
'display-large-tracking': if($exclude-hardcoded-values, null, -0.016rem),
|
|
92
|
-
'display-large-weight': map.get($deps, 'md-ref-typeface', 'weight-regular'),
|
|
93
|
-
// Warning: risk of reduced fidelity from using this composite typography token.
|
|
94
|
-
// Tokens md.sys.typescale.display-medium.tracking cannot be represented in the "font"
|
|
95
|
-
// property shorthand. Consider using the discrete properties instead.
|
|
96
|
-
'display-medium':
|
|
97
|
-
if(
|
|
98
|
-
$exclude-hardcoded-values,
|
|
99
|
-
null,
|
|
100
|
-
map.get($deps, 'md-ref-typeface', 'weight-regular')
|
|
101
|
-
if($exclude-hardcoded-values, null, 2.812rem) #{'/'} if(
|
|
102
|
-
$exclude-hardcoded-values,
|
|
103
|
-
null,
|
|
104
|
-
3.25rem
|
|
105
|
-
) map.get($deps, 'md-ref-typeface', 'brand')
|
|
106
|
-
),
|
|
107
|
-
'display-medium-font': map.get($deps, 'md-ref-typeface', 'brand'),
|
|
108
|
-
'display-medium-line-height': if($exclude-hardcoded-values, null, 3.25rem),
|
|
109
|
-
'display-medium-size': if($exclude-hardcoded-values, null, 2.812rem),
|
|
110
|
-
'display-medium-tracking': if($exclude-hardcoded-values, null, 0),
|
|
111
|
-
'display-medium-weight': map.get($deps, 'md-ref-typeface', 'weight-regular'),
|
|
112
|
-
// Warning: risk of reduced fidelity from using this composite typography token.
|
|
113
|
-
// Tokens md.sys.typescale.display-small.tracking cannot be represented in the "font"
|
|
114
|
-
// property shorthand. Consider using the discrete properties instead.
|
|
115
|
-
'display-small':
|
|
116
|
-
if(
|
|
117
|
-
$exclude-hardcoded-values,
|
|
118
|
-
null,
|
|
119
|
-
map.get($deps, 'md-ref-typeface', 'weight-regular')
|
|
120
|
-
if($exclude-hardcoded-values, null, 2.25rem) #{'/'} if(
|
|
121
|
-
$exclude-hardcoded-values,
|
|
122
|
-
null,
|
|
123
|
-
2.75rem
|
|
124
|
-
) map.get($deps, 'md-ref-typeface', 'brand')
|
|
125
|
-
),
|
|
126
|
-
'display-small-font': map.get($deps, 'md-ref-typeface', 'brand'),
|
|
127
|
-
'display-small-line-height': if($exclude-hardcoded-values, null, 2.75rem),
|
|
128
|
-
'display-small-size': if($exclude-hardcoded-values, null, 2.25rem),
|
|
129
|
-
'display-small-tracking': if($exclude-hardcoded-values, null, 0),
|
|
130
|
-
'display-small-weight': map.get($deps, 'md-ref-typeface', 'weight-regular'),
|
|
131
|
-
// Warning: risk of reduced fidelity from using this composite typography token.
|
|
132
|
-
// Tokens md.sys.typescale.headline-large.tracking cannot be represented in the "font"
|
|
133
|
-
// property shorthand. Consider using the discrete properties instead.
|
|
134
|
-
'headline-large':
|
|
135
|
-
if(
|
|
136
|
-
$exclude-hardcoded-values,
|
|
137
|
-
null,
|
|
138
|
-
map.get($deps, 'md-ref-typeface', 'weight-regular')
|
|
139
|
-
if($exclude-hardcoded-values, null, 2rem) #{'/'} if(
|
|
140
|
-
$exclude-hardcoded-values,
|
|
141
|
-
null,
|
|
142
|
-
2.5rem
|
|
143
|
-
) map.get($deps, 'md-ref-typeface', 'brand')
|
|
144
|
-
),
|
|
145
|
-
'headline-large-font': map.get($deps, 'md-ref-typeface', 'brand'),
|
|
146
|
-
'headline-large-line-height': if($exclude-hardcoded-values, null, 2.5rem),
|
|
147
|
-
'headline-large-size': if($exclude-hardcoded-values, null, 2rem),
|
|
148
|
-
'headline-large-tracking': if($exclude-hardcoded-values, null, 0),
|
|
149
|
-
'headline-large-weight': map.get($deps, 'md-ref-typeface', 'weight-regular'),
|
|
150
|
-
// Warning: risk of reduced fidelity from using this composite typography token.
|
|
151
|
-
// Tokens md.sys.typescale.headline-medium.tracking cannot be represented in the "font"
|
|
152
|
-
// property shorthand. Consider using the discrete properties instead.
|
|
153
|
-
'headline-medium':
|
|
154
|
-
if(
|
|
155
|
-
$exclude-hardcoded-values,
|
|
156
|
-
null,
|
|
157
|
-
map.get($deps, 'md-ref-typeface', 'weight-regular')
|
|
158
|
-
if($exclude-hardcoded-values, null, 1.75rem) #{'/'} if(
|
|
159
|
-
$exclude-hardcoded-values,
|
|
160
|
-
null,
|
|
161
|
-
2.25rem
|
|
162
|
-
) map.get($deps, 'md-ref-typeface', 'brand')
|
|
163
|
-
),
|
|
164
|
-
'headline-medium-font': map.get($deps, 'md-ref-typeface', 'brand'),
|
|
165
|
-
'headline-medium-line-height': if($exclude-hardcoded-values, null, 2.25rem),
|
|
166
|
-
'headline-medium-size': if($exclude-hardcoded-values, null, 1.75rem),
|
|
167
|
-
'headline-medium-tracking': if($exclude-hardcoded-values, null, 0),
|
|
168
|
-
'headline-medium-weight':
|
|
169
|
-
map.get($deps, 'md-ref-typeface', 'weight-regular'),
|
|
170
|
-
// Warning: risk of reduced fidelity from using this composite typography token.
|
|
171
|
-
// Tokens md.sys.typescale.headline-small.tracking cannot be represented in the "font"
|
|
172
|
-
// property shorthand. Consider using the discrete properties instead.
|
|
173
|
-
'headline-small':
|
|
174
|
-
if(
|
|
175
|
-
$exclude-hardcoded-values,
|
|
176
|
-
null,
|
|
177
|
-
map.get($deps, 'md-ref-typeface', 'weight-regular')
|
|
178
|
-
if($exclude-hardcoded-values, null, 1.5rem) #{'/'} if(
|
|
179
|
-
$exclude-hardcoded-values,
|
|
180
|
-
null,
|
|
181
|
-
2rem
|
|
182
|
-
) map.get($deps, 'md-ref-typeface', 'brand')
|
|
183
|
-
),
|
|
184
|
-
'headline-small-font': map.get($deps, 'md-ref-typeface', 'brand'),
|
|
185
|
-
'headline-small-line-height': if($exclude-hardcoded-values, null, 2rem),
|
|
186
|
-
'headline-small-size': if($exclude-hardcoded-values, null, 1.5rem),
|
|
187
|
-
'headline-small-tracking': if($exclude-hardcoded-values, null, 0),
|
|
188
|
-
'headline-small-weight': map.get($deps, 'md-ref-typeface', 'weight-regular'),
|
|
189
|
-
// Warning: risk of reduced fidelity from using this composite typography token.
|
|
190
|
-
// Tokens md.sys.typescale.label-large.tracking cannot be represented in the "font"
|
|
191
|
-
// property shorthand. Consider using the discrete properties instead.
|
|
192
|
-
'label-large':
|
|
193
|
-
if(
|
|
194
|
-
$exclude-hardcoded-values,
|
|
195
|
-
null,
|
|
196
|
-
map.get($deps, 'md-ref-typeface', 'weight-medium')
|
|
197
|
-
if($exclude-hardcoded-values, null, 0.875rem) #{'/'} if(
|
|
198
|
-
$exclude-hardcoded-values,
|
|
199
|
-
null,
|
|
200
|
-
1.25rem
|
|
201
|
-
) map.get($deps, 'md-ref-typeface', 'plain')
|
|
202
|
-
),
|
|
203
|
-
'label-large-font': map.get($deps, 'md-ref-typeface', 'plain'),
|
|
204
|
-
'label-large-line-height': if($exclude-hardcoded-values, null, 1.25rem),
|
|
205
|
-
'label-large-size': if($exclude-hardcoded-values, null, 0.875rem),
|
|
206
|
-
'label-large-tracking': if($exclude-hardcoded-values, null, 0.006rem),
|
|
207
|
-
'label-large-weight': map.get($deps, 'md-ref-typeface', 'weight-medium'),
|
|
208
|
-
'label-large-weight-prominent':
|
|
209
|
-
map.get($deps, 'md-ref-typeface', 'weight-bold'),
|
|
210
|
-
// Warning: risk of reduced fidelity from using this composite typography token.
|
|
211
|
-
// Tokens md.sys.typescale.label-medium.tracking cannot be represented in the "font"
|
|
212
|
-
// property shorthand. Consider using the discrete properties instead.
|
|
213
|
-
'label-medium':
|
|
214
|
-
if(
|
|
215
|
-
$exclude-hardcoded-values,
|
|
216
|
-
null,
|
|
217
|
-
map.get($deps, 'md-ref-typeface', 'weight-medium')
|
|
218
|
-
if($exclude-hardcoded-values, null, 0.75rem) #{'/'} if(
|
|
219
|
-
$exclude-hardcoded-values,
|
|
220
|
-
null,
|
|
221
|
-
1rem
|
|
222
|
-
) map.get($deps, 'md-ref-typeface', 'plain')
|
|
223
|
-
),
|
|
224
|
-
'label-medium-font': map.get($deps, 'md-ref-typeface', 'plain'),
|
|
225
|
-
'label-medium-line-height': if($exclude-hardcoded-values, null, 1rem),
|
|
226
|
-
'label-medium-size': if($exclude-hardcoded-values, null, 0.75rem),
|
|
227
|
-
'label-medium-tracking': if($exclude-hardcoded-values, null, 0.031rem),
|
|
228
|
-
'label-medium-weight': map.get($deps, 'md-ref-typeface', 'weight-medium'),
|
|
229
|
-
'label-medium-weight-prominent':
|
|
230
|
-
map.get($deps, 'md-ref-typeface', 'weight-bold'),
|
|
231
|
-
// Warning: risk of reduced fidelity from using this composite typography token.
|
|
232
|
-
// Tokens md.sys.typescale.label-small.tracking cannot be represented in the "font"
|
|
233
|
-
// property shorthand. Consider using the discrete properties instead.
|
|
234
|
-
'label-small':
|
|
235
|
-
if(
|
|
236
|
-
$exclude-hardcoded-values,
|
|
237
|
-
null,
|
|
238
|
-
map.get($deps, 'md-ref-typeface', 'weight-medium')
|
|
239
|
-
if($exclude-hardcoded-values, null, 0.688rem) #{'/'} if(
|
|
240
|
-
$exclude-hardcoded-values,
|
|
241
|
-
null,
|
|
242
|
-
1rem
|
|
243
|
-
) map.get($deps, 'md-ref-typeface', 'plain')
|
|
244
|
-
),
|
|
245
|
-
'label-small-font': map.get($deps, 'md-ref-typeface', 'plain'),
|
|
246
|
-
'label-small-line-height': if($exclude-hardcoded-values, null, 1rem),
|
|
247
|
-
'label-small-size': if($exclude-hardcoded-values, null, 0.688rem),
|
|
248
|
-
'label-small-tracking': if($exclude-hardcoded-values, null, 0.031rem),
|
|
249
|
-
'label-small-weight': map.get($deps, 'md-ref-typeface', 'weight-medium'),
|
|
250
|
-
// Warning: risk of reduced fidelity from using this composite typography token.
|
|
251
|
-
// Tokens md.sys.typescale.title-large.tracking cannot be represented in the "font"
|
|
252
|
-
// property shorthand. Consider using the discrete properties instead.
|
|
253
|
-
'title-large':
|
|
254
|
-
if(
|
|
255
|
-
$exclude-hardcoded-values,
|
|
256
|
-
null,
|
|
257
|
-
map.get($deps, 'md-ref-typeface', 'weight-regular')
|
|
258
|
-
if($exclude-hardcoded-values, null, 1.375rem) #{'/'} if(
|
|
259
|
-
$exclude-hardcoded-values,
|
|
260
|
-
null,
|
|
261
|
-
1.75rem
|
|
262
|
-
) map.get($deps, 'md-ref-typeface', 'brand')
|
|
263
|
-
),
|
|
264
|
-
'title-large-font': map.get($deps, 'md-ref-typeface', 'brand'),
|
|
265
|
-
'title-large-line-height': if($exclude-hardcoded-values, null, 1.75rem),
|
|
266
|
-
'title-large-size': if($exclude-hardcoded-values, null, 1.375rem),
|
|
267
|
-
'title-large-tracking': if($exclude-hardcoded-values, null, 0),
|
|
268
|
-
'title-large-weight': map.get($deps, 'md-ref-typeface', 'weight-regular'),
|
|
269
|
-
// Warning: risk of reduced fidelity from using this composite typography token.
|
|
270
|
-
// Tokens md.sys.typescale.title-medium.tracking cannot be represented in the "font"
|
|
271
|
-
// property shorthand. Consider using the discrete properties instead.
|
|
272
|
-
'title-medium':
|
|
273
|
-
if(
|
|
274
|
-
$exclude-hardcoded-values,
|
|
275
|
-
null,
|
|
276
|
-
map.get($deps, 'md-ref-typeface', 'weight-medium')
|
|
277
|
-
if($exclude-hardcoded-values, null, 1rem) #{'/'} if(
|
|
278
|
-
$exclude-hardcoded-values,
|
|
279
|
-
null,
|
|
280
|
-
1.5rem
|
|
281
|
-
) map.get($deps, 'md-ref-typeface', 'plain')
|
|
282
|
-
),
|
|
283
|
-
'title-medium-font': map.get($deps, 'md-ref-typeface', 'plain'),
|
|
284
|
-
'title-medium-line-height': if($exclude-hardcoded-values, null, 1.5rem),
|
|
285
|
-
'title-medium-size': if($exclude-hardcoded-values, null, 1rem),
|
|
286
|
-
'title-medium-tracking': if($exclude-hardcoded-values, null, 0.009rem),
|
|
287
|
-
'title-medium-weight': map.get($deps, 'md-ref-typeface', 'weight-medium'),
|
|
288
|
-
// Warning: risk of reduced fidelity from using this composite typography token.
|
|
289
|
-
// Tokens md.sys.typescale.title-small.tracking cannot be represented in the "font"
|
|
290
|
-
// property shorthand. Consider using the discrete properties instead.
|
|
291
|
-
'title-small':
|
|
292
|
-
if(
|
|
293
|
-
$exclude-hardcoded-values,
|
|
294
|
-
null,
|
|
295
|
-
map.get($deps, 'md-ref-typeface', 'weight-medium')
|
|
296
|
-
if($exclude-hardcoded-values, null, 0.875rem) #{'/'} if(
|
|
297
|
-
$exclude-hardcoded-values,
|
|
298
|
-
null,
|
|
299
|
-
1.25rem
|
|
300
|
-
) map.get($deps, 'md-ref-typeface', 'plain')
|
|
301
|
-
),
|
|
302
|
-
'title-small-font': map.get($deps, 'md-ref-typeface', 'plain'),
|
|
303
|
-
'title-small-line-height': if($exclude-hardcoded-values, null, 1.25rem),
|
|
304
|
-
'title-small-size': if($exclude-hardcoded-values, null, 0.875rem),
|
|
305
|
-
'title-small-tracking': if($exclude-hardcoded-values, null, 0.006rem),
|
|
306
|
-
'title-small-weight': map.get($deps, 'md-ref-typeface', 'weight-medium')
|
|
307
|
-
);
|
|
308
|
-
}
|
|
@@ -1,47 +0,0 @@
|
|
|
1
|
-
@use 'sass:meta';
|
|
2
|
-
@use 'sass:map';
|
|
3
|
-
@use './mtx/alert' as tokens-mtx-alert;
|
|
4
|
-
@use './mtx/colorpicker' as tokens-mtx-colorpicker;
|
|
5
|
-
@use './mtx/datetimepicker' as tokens-mtx-datetimepicker;
|
|
6
|
-
@use './mtx/drawer' as tokens-mtx-drawer;
|
|
7
|
-
@use './mtx/grid' as tokens-mtx-grid;
|
|
8
|
-
@use './mtx/loader' as tokens-mtx-loader;
|
|
9
|
-
@use './mtx/popover' as tokens-mtx-popover;
|
|
10
|
-
@use './mtx/progress' as tokens-mtx-progress;
|
|
11
|
-
@use './mtx/select' as tokens-mtx-select;
|
|
12
|
-
@use './mtx/split' as tokens-mtx-split;
|
|
13
|
-
@use './mdc/plain-tooltip' as tokens-mdc-plain-tooltip;
|
|
14
|
-
|
|
15
|
-
$_module-names: (
|
|
16
|
-
// Custom tokens
|
|
17
|
-
tokens-mtx-alert,
|
|
18
|
-
tokens-mtx-colorpicker,
|
|
19
|
-
tokens-mtx-datetimepicker,
|
|
20
|
-
tokens-mtx-drawer,
|
|
21
|
-
tokens-mtx-grid,
|
|
22
|
-
tokens-mtx-loader,
|
|
23
|
-
tokens-mtx-popover,
|
|
24
|
-
tokens-mtx-progress,
|
|
25
|
-
tokens-mtx-select,
|
|
26
|
-
tokens-mtx-split,
|
|
27
|
-
tokens-mdc-plain-tooltip,
|
|
28
|
-
);
|
|
29
|
-
|
|
30
|
-
/// Gets the full set of M3 tokens for the given theme object.
|
|
31
|
-
/// @param {Map} $systems The MDC system tokens
|
|
32
|
-
/// @param {Boolean} $exclude-hardcoded Whether to exclude hardcoded token values
|
|
33
|
-
/// @param {Map} $token-slots Possible token slots
|
|
34
|
-
/// @return {Map} Full set of M3 tokens
|
|
35
|
-
@function get-m3-tokens($systems, $exclude-hardcoded, $token-slots) {
|
|
36
|
-
$tokens: ();
|
|
37
|
-
|
|
38
|
-
@each $module-name in $_module-names {
|
|
39
|
-
$fn: meta.get-function(
|
|
40
|
-
$name: 'get-tokens',
|
|
41
|
-
$module: $module-name,
|
|
42
|
-
);
|
|
43
|
-
$tokens: map.merge($tokens, meta.call($fn, $systems, $exclude-hardcoded, $token-slots));
|
|
44
|
-
}
|
|
45
|
-
|
|
46
|
-
@return $tokens;
|
|
47
|
-
}
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
@use '../../token-definition';
|
|
2
|
-
|
|
3
|
-
// The prefix used to generate the fully qualified name for tokens in this file.
|
|
4
|
-
$prefix: (mdc, plain-tooltip);
|
|
5
|
-
|
|
6
|
-
/// Generates the tokens for MDC plain-tooltip
|
|
7
|
-
/// @param {Map} $systems The MDC system tokens
|
|
8
|
-
/// @param {Boolean} $exclude-hardcoded Whether to exclude hardcoded token values
|
|
9
|
-
/// @param {Map} $token-slots Possible token slots
|
|
10
|
-
/// @return {Map} A set of tokens for the MDC plain-tooltip
|
|
11
|
-
@function get-tokens($systems, $exclude-hardcoded, $token-slots) {
|
|
12
|
-
$mdc-tokens: token-definition.get-mdc-tokens('plain-tooltip', $systems, $exclude-hardcoded);
|
|
13
|
-
|
|
14
|
-
@return token-definition.namespace-tokens($prefix, $mdc-tokens, $token-slots);
|
|
15
|
-
}
|
|
@@ -1,41 +0,0 @@
|
|
|
1
|
-
@use 'sass:map';
|
|
2
|
-
@use '@angular/material' as mat;
|
|
3
|
-
@use '../../token-definition';
|
|
4
|
-
|
|
5
|
-
// The prefix used to generate the fully qualified name for tokens in this file.
|
|
6
|
-
$prefix: (mtx, alert);
|
|
7
|
-
|
|
8
|
-
/// Generates custom tokens for the mtx-alert.
|
|
9
|
-
/// @param {Map} $systems The MDC system tokens
|
|
10
|
-
/// @param {Boolean} $exclude-hardcoded Whether to exclude hardcoded token values
|
|
11
|
-
/// @param {Map} $token-slots Possible token slots
|
|
12
|
-
/// @return {Map} A set of custom tokens for the mtx-alert
|
|
13
|
-
@function get-tokens($systems, $exclude-hardcoded, $token-slots) {
|
|
14
|
-
$is-dark: map.get($systems, md-sys-type) == dark;
|
|
15
|
-
|
|
16
|
-
$tokens: (
|
|
17
|
-
container-shape: map.get($systems, md-sys-shape, corner-small),
|
|
18
|
-
|
|
19
|
-
outline-color: map.get($systems, md-sys-color, outline-variant),
|
|
20
|
-
background-color: map.get($systems, md-sys-color, surface-container),
|
|
21
|
-
text-color: map.get($systems, md-sys-color, on-surface),
|
|
22
|
-
|
|
23
|
-
info-outline-color: light-dark(map.get(mat.$azure-palette, 80), map.get(mat.$azure-palette, 40)),
|
|
24
|
-
info-background-color: light-dark(map.get(mat.$azure-palette, 90), map.get(mat.$azure-palette, 20)),
|
|
25
|
-
info-text-color: light-dark(map.get(mat.$azure-palette, 20), map.get(mat.$azure-palette, 90)),
|
|
26
|
-
|
|
27
|
-
success-outline-color: light-dark(map.get(mat.$green-palette, 80), map.get(mat.$green-palette, 40)),
|
|
28
|
-
success-background-color: light-dark(map.get(mat.$green-palette, 95), map.get(mat.$green-palette, 20)),
|
|
29
|
-
success-text-color: light-dark(map.get(mat.$green-palette, 20), map.get(mat.$green-palette, 95)),
|
|
30
|
-
|
|
31
|
-
warning-outline-color: light-dark(map.get(mat.$yellow-palette, 80), map.get(mat.$yellow-palette, 40)),
|
|
32
|
-
warning-background-color: light-dark(map.get(mat.$yellow-palette, 98), map.get(mat.$yellow-palette, 20)),
|
|
33
|
-
warning-text-color: light-dark(map.get(mat.$yellow-palette, 20), map.get(mat.$yellow-palette, 98)),
|
|
34
|
-
|
|
35
|
-
danger-outline-color: light-dark(map.get(mat.$red-palette, 80), map.get(mat.$red-palette, 40)),
|
|
36
|
-
danger-background-color: light-dark(map.get(mat.$red-palette, 90), map.get(mat.$red-palette, 20)),
|
|
37
|
-
danger-text-color: light-dark(map.get(mat.$red-palette, 20), map.get(mat.$red-palette, 90)),
|
|
38
|
-
);
|
|
39
|
-
|
|
40
|
-
@return token-definition.namespace-tokens($prefix, $tokens, $token-slots);
|
|
41
|
-
}
|