@sage/design-tokens 14.5.0 → 14.6.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/css/frozenproduct/all.css +42 -20
- package/css/frozenproduct/large/components/button.css +32 -13
- package/css/frozenproduct/large/components/form.css +6 -3
- package/css/frozenproduct/large/global.css +2 -2
- package/css/frozenproduct/small/components/button.css +32 -13
- package/css/frozenproduct/small/components/form.css +6 -3
- package/css/frozenproduct/small/global.css +2 -2
- package/css/marketing/all.css +42 -20
- package/css/marketing/large/components/button.css +32 -13
- package/css/marketing/large/components/form.css +6 -3
- package/css/marketing/large/global.css +2 -2
- package/css/marketing/small/components/button.css +32 -13
- package/css/marketing/small/components/form.css +6 -3
- package/css/marketing/small/global.css +2 -2
- package/css/product/all.css +42 -20
- package/css/product/large/components/button.css +32 -13
- package/css/product/large/components/form.css +6 -3
- package/css/product/large/global.css +2 -2
- package/css/product/small/components/button.css +32 -13
- package/css/product/small/components/form.css +6 -3
- package/css/product/small/global.css +2 -2
- package/ios/frozenproduct/large/dark/components/button.h +32 -13
- package/ios/frozenproduct/large/dark/components/form.h +6 -3
- package/ios/frozenproduct/large/global.h +2 -2
- package/ios/frozenproduct/large/light/components/button.h +32 -13
- package/ios/frozenproduct/large/light/components/form.h +6 -3
- package/ios/frozenproduct/small/dark/components/button.h +32 -13
- package/ios/frozenproduct/small/dark/components/form.h +6 -3
- package/ios/frozenproduct/small/global.h +2 -2
- package/ios/frozenproduct/small/light/components/button.h +32 -13
- package/ios/frozenproduct/small/light/components/form.h +6 -3
- package/ios/marketing/large/dark/components/button.h +32 -13
- package/ios/marketing/large/dark/components/form.h +6 -3
- package/ios/marketing/large/global.h +2 -2
- package/ios/marketing/large/light/components/button.h +32 -13
- package/ios/marketing/large/light/components/form.h +6 -3
- package/ios/marketing/small/dark/components/button.h +32 -13
- package/ios/marketing/small/dark/components/form.h +6 -3
- package/ios/marketing/small/global.h +2 -2
- package/ios/marketing/small/light/components/button.h +32 -13
- package/ios/marketing/small/light/components/form.h +6 -3
- package/ios/product/large/dark/components/button.h +32 -13
- package/ios/product/large/dark/components/form.h +6 -3
- package/ios/product/large/global.h +2 -2
- package/ios/product/large/light/components/button.h +32 -13
- package/ios/product/large/light/components/form.h +6 -3
- package/ios/product/small/dark/components/button.h +32 -13
- package/ios/product/small/dark/components/form.h +6 -3
- package/ios/product/small/global.h +2 -2
- package/ios/product/small/light/components/button.h +32 -13
- package/ios/product/small/light/components/form.h +6 -3
- package/js/common/frozenproduct/large/dark/components/button.d.ts +28 -1
- package/js/common/frozenproduct/large/dark/components/button.js +366 -39
- package/js/common/frozenproduct/large/dark/components/form.d.ts +7 -0
- package/js/common/frozenproduct/large/dark/components/form.js +61 -6
- package/js/common/frozenproduct/large/global.d.ts +2 -2
- package/js/common/frozenproduct/large/global.js +18 -14
- package/js/common/frozenproduct/large/light/components/button.d.ts +28 -1
- package/js/common/frozenproduct/large/light/components/button.js +366 -39
- package/js/common/frozenproduct/large/light/components/form.d.ts +7 -0
- package/js/common/frozenproduct/large/light/components/form.js +61 -6
- package/js/common/frozenproduct/small/dark/components/button.d.ts +28 -1
- package/js/common/frozenproduct/small/dark/components/button.js +366 -39
- package/js/common/frozenproduct/small/dark/components/form.d.ts +7 -0
- package/js/common/frozenproduct/small/dark/components/form.js +61 -6
- package/js/common/frozenproduct/small/global.d.ts +2 -2
- package/js/common/frozenproduct/small/global.js +18 -14
- package/js/common/frozenproduct/small/light/components/button.d.ts +28 -1
- package/js/common/frozenproduct/small/light/components/button.js +366 -39
- package/js/common/frozenproduct/small/light/components/form.d.ts +7 -0
- package/js/common/frozenproduct/small/light/components/form.js +61 -6
- package/js/common/marketing/large/dark/components/button.d.ts +28 -1
- package/js/common/marketing/large/dark/components/button.js +366 -39
- package/js/common/marketing/large/dark/components/form.d.ts +7 -0
- package/js/common/marketing/large/dark/components/form.js +61 -6
- package/js/common/marketing/large/global.d.ts +2 -2
- package/js/common/marketing/large/global.js +18 -14
- package/js/common/marketing/large/light/components/button.d.ts +28 -1
- package/js/common/marketing/large/light/components/button.js +366 -39
- package/js/common/marketing/large/light/components/form.d.ts +7 -0
- package/js/common/marketing/large/light/components/form.js +61 -6
- package/js/common/marketing/small/dark/components/button.d.ts +28 -1
- package/js/common/marketing/small/dark/components/button.js +366 -39
- package/js/common/marketing/small/dark/components/form.d.ts +7 -0
- package/js/common/marketing/small/dark/components/form.js +61 -6
- package/js/common/marketing/small/global.d.ts +2 -2
- package/js/common/marketing/small/global.js +18 -14
- package/js/common/marketing/small/light/components/button.d.ts +28 -1
- package/js/common/marketing/small/light/components/button.js +366 -39
- package/js/common/marketing/small/light/components/form.d.ts +7 -0
- package/js/common/marketing/small/light/components/form.js +61 -6
- package/js/common/product/large/dark/components/button.d.ts +28 -1
- package/js/common/product/large/dark/components/button.js +366 -39
- package/js/common/product/large/dark/components/form.d.ts +7 -0
- package/js/common/product/large/dark/components/form.js +61 -6
- package/js/common/product/large/global.d.ts +2 -2
- package/js/common/product/large/global.js +18 -14
- package/js/common/product/large/light/components/button.d.ts +28 -1
- package/js/common/product/large/light/components/button.js +366 -39
- package/js/common/product/large/light/components/form.d.ts +7 -0
- package/js/common/product/large/light/components/form.js +61 -6
- package/js/common/product/small/dark/components/button.d.ts +28 -1
- package/js/common/product/small/dark/components/button.js +366 -39
- package/js/common/product/small/dark/components/form.d.ts +7 -0
- package/js/common/product/small/dark/components/form.js +61 -6
- package/js/common/product/small/global.d.ts +2 -2
- package/js/common/product/small/global.js +18 -14
- package/js/common/product/small/light/components/button.d.ts +28 -1
- package/js/common/product/small/light/components/button.js +366 -39
- package/js/common/product/small/light/components/form.d.ts +7 -0
- package/js/common/product/small/light/components/form.js +61 -6
- package/js/es6/frozenproduct/large/dark/components/button.d.ts +20 -1
- package/js/es6/frozenproduct/large/dark/components/button.js +32 -13
- package/js/es6/frozenproduct/large/dark/components/form.d.ts +6 -3
- package/js/es6/frozenproduct/large/dark/components/form.js +6 -3
- package/js/es6/frozenproduct/large/global.d.ts +2 -2
- package/js/es6/frozenproduct/large/global.js +2 -2
- package/js/es6/frozenproduct/large/light/components/button.d.ts +20 -1
- package/js/es6/frozenproduct/large/light/components/button.js +32 -13
- package/js/es6/frozenproduct/large/light/components/form.d.ts +6 -3
- package/js/es6/frozenproduct/large/light/components/form.js +6 -3
- package/js/es6/frozenproduct/small/dark/components/button.d.ts +20 -1
- package/js/es6/frozenproduct/small/dark/components/button.js +32 -13
- package/js/es6/frozenproduct/small/dark/components/form.d.ts +6 -3
- package/js/es6/frozenproduct/small/dark/components/form.js +6 -3
- package/js/es6/frozenproduct/small/global.d.ts +2 -2
- package/js/es6/frozenproduct/small/global.js +2 -2
- package/js/es6/frozenproduct/small/light/components/button.d.ts +20 -1
- package/js/es6/frozenproduct/small/light/components/button.js +32 -13
- package/js/es6/frozenproduct/small/light/components/form.d.ts +6 -3
- package/js/es6/frozenproduct/small/light/components/form.js +6 -3
- package/js/es6/marketing/large/dark/components/button.d.ts +20 -1
- package/js/es6/marketing/large/dark/components/button.js +32 -13
- package/js/es6/marketing/large/dark/components/form.d.ts +6 -3
- package/js/es6/marketing/large/dark/components/form.js +6 -3
- package/js/es6/marketing/large/global.d.ts +2 -2
- package/js/es6/marketing/large/global.js +2 -2
- package/js/es6/marketing/large/light/components/button.d.ts +20 -1
- package/js/es6/marketing/large/light/components/button.js +32 -13
- package/js/es6/marketing/large/light/components/form.d.ts +6 -3
- package/js/es6/marketing/large/light/components/form.js +6 -3
- package/js/es6/marketing/small/dark/components/button.d.ts +20 -1
- package/js/es6/marketing/small/dark/components/button.js +32 -13
- package/js/es6/marketing/small/dark/components/form.d.ts +6 -3
- package/js/es6/marketing/small/dark/components/form.js +6 -3
- package/js/es6/marketing/small/global.d.ts +2 -2
- package/js/es6/marketing/small/global.js +2 -2
- package/js/es6/marketing/small/light/components/button.d.ts +20 -1
- package/js/es6/marketing/small/light/components/button.js +32 -13
- package/js/es6/marketing/small/light/components/form.d.ts +6 -3
- package/js/es6/marketing/small/light/components/form.js +6 -3
- package/js/es6/product/large/dark/components/button.d.ts +20 -1
- package/js/es6/product/large/dark/components/button.js +32 -13
- package/js/es6/product/large/dark/components/form.d.ts +6 -3
- package/js/es6/product/large/dark/components/form.js +6 -3
- package/js/es6/product/large/global.d.ts +2 -2
- package/js/es6/product/large/global.js +2 -2
- package/js/es6/product/large/light/components/button.d.ts +20 -1
- package/js/es6/product/large/light/components/button.js +32 -13
- package/js/es6/product/large/light/components/form.d.ts +6 -3
- package/js/es6/product/large/light/components/form.js +6 -3
- package/js/es6/product/small/dark/components/button.d.ts +20 -1
- package/js/es6/product/small/dark/components/button.js +32 -13
- package/js/es6/product/small/dark/components/form.d.ts +6 -3
- package/js/es6/product/small/dark/components/form.js +6 -3
- package/js/es6/product/small/global.d.ts +2 -2
- package/js/es6/product/small/global.js +2 -2
- package/js/es6/product/small/light/components/button.d.ts +20 -1
- package/js/es6/product/small/light/components/button.js +32 -13
- package/js/es6/product/small/light/components/form.d.ts +6 -3
- package/js/es6/product/small/light/components/form.js +6 -3
- package/js/umd/frozenproduct/large/dark/components/button.js +366 -39
- package/js/umd/frozenproduct/large/dark/components/form.js +61 -6
- package/js/umd/frozenproduct/large/global.js +18 -14
- package/js/umd/frozenproduct/large/light/components/button.js +366 -39
- package/js/umd/frozenproduct/large/light/components/form.js +61 -6
- package/js/umd/frozenproduct/small/dark/components/button.js +366 -39
- package/js/umd/frozenproduct/small/dark/components/form.js +61 -6
- package/js/umd/frozenproduct/small/global.js +18 -14
- package/js/umd/frozenproduct/small/light/components/button.js +366 -39
- package/js/umd/frozenproduct/small/light/components/form.js +61 -6
- package/js/umd/marketing/large/dark/components/button.js +366 -39
- package/js/umd/marketing/large/dark/components/form.js +61 -6
- package/js/umd/marketing/large/global.js +18 -14
- package/js/umd/marketing/large/light/components/button.js +366 -39
- package/js/umd/marketing/large/light/components/form.js +61 -6
- package/js/umd/marketing/small/dark/components/button.js +366 -39
- package/js/umd/marketing/small/dark/components/form.js +61 -6
- package/js/umd/marketing/small/global.js +18 -14
- package/js/umd/marketing/small/light/components/button.js +366 -39
- package/js/umd/marketing/small/light/components/form.js +61 -6
- package/js/umd/product/large/dark/components/button.js +366 -39
- package/js/umd/product/large/dark/components/form.js +61 -6
- package/js/umd/product/large/global.js +18 -14
- package/js/umd/product/large/light/components/button.js +366 -39
- package/js/umd/product/large/light/components/form.js +61 -6
- package/js/umd/product/small/dark/components/button.js +366 -39
- package/js/umd/product/small/dark/components/form.js +61 -6
- package/js/umd/product/small/global.js +18 -14
- package/js/umd/product/small/light/components/button.js +366 -39
- package/js/umd/product/small/light/components/form.js +61 -6
- package/json/flat/frozenproduct/large/dark/components/button.json +32 -13
- package/json/flat/frozenproduct/large/dark/components/form.json +6 -3
- package/json/flat/frozenproduct/large/global.json +2 -2
- package/json/flat/frozenproduct/large/light/components/button.json +32 -13
- package/json/flat/frozenproduct/large/light/components/form.json +6 -3
- package/json/flat/frozenproduct/small/dark/components/button.json +32 -13
- package/json/flat/frozenproduct/small/dark/components/form.json +6 -3
- package/json/flat/frozenproduct/small/global.json +2 -2
- package/json/flat/frozenproduct/small/light/components/button.json +32 -13
- package/json/flat/frozenproduct/small/light/components/form.json +6 -3
- package/json/flat/marketing/large/dark/components/button.json +32 -13
- package/json/flat/marketing/large/dark/components/form.json +6 -3
- package/json/flat/marketing/large/global.json +2 -2
- package/json/flat/marketing/large/light/components/button.json +32 -13
- package/json/flat/marketing/large/light/components/form.json +6 -3
- package/json/flat/marketing/small/dark/components/button.json +32 -13
- package/json/flat/marketing/small/dark/components/form.json +6 -3
- package/json/flat/marketing/small/global.json +2 -2
- package/json/flat/marketing/small/light/components/button.json +32 -13
- package/json/flat/marketing/small/light/components/form.json +6 -3
- package/json/flat/product/large/dark/components/button.json +32 -13
- package/json/flat/product/large/dark/components/form.json +6 -3
- package/json/flat/product/large/global.json +2 -2
- package/json/flat/product/large/light/components/button.json +32 -13
- package/json/flat/product/large/light/components/form.json +6 -3
- package/json/flat/product/small/dark/components/button.json +32 -13
- package/json/flat/product/small/dark/components/form.json +6 -3
- package/json/flat/product/small/global.json +2 -2
- package/json/flat/product/small/light/components/button.json +32 -13
- package/json/flat/product/small/light/components/form.json +6 -3
- package/json/nested/frozenproduct/large/dark/components/button.json +41 -14
- package/json/nested/frozenproduct/large/dark/components/form.json +10 -3
- package/json/nested/frozenproduct/large/global.json +2 -2
- package/json/nested/frozenproduct/large/light/components/button.json +41 -14
- package/json/nested/frozenproduct/large/light/components/form.json +10 -3
- package/json/nested/frozenproduct/small/dark/components/button.json +41 -14
- package/json/nested/frozenproduct/small/dark/components/form.json +10 -3
- package/json/nested/frozenproduct/small/global.json +2 -2
- package/json/nested/frozenproduct/small/light/components/button.json +41 -14
- package/json/nested/frozenproduct/small/light/components/form.json +10 -3
- package/json/nested/marketing/large/dark/components/button.json +41 -14
- package/json/nested/marketing/large/dark/components/form.json +10 -3
- package/json/nested/marketing/large/global.json +2 -2
- package/json/nested/marketing/large/light/components/button.json +41 -14
- package/json/nested/marketing/large/light/components/form.json +10 -3
- package/json/nested/marketing/small/dark/components/button.json +41 -14
- package/json/nested/marketing/small/dark/components/form.json +10 -3
- package/json/nested/marketing/small/global.json +2 -2
- package/json/nested/marketing/small/light/components/button.json +41 -14
- package/json/nested/marketing/small/light/components/form.json +10 -3
- package/json/nested/product/large/dark/components/button.json +41 -14
- package/json/nested/product/large/dark/components/form.json +10 -3
- package/json/nested/product/large/global.json +2 -2
- package/json/nested/product/large/light/components/button.json +41 -14
- package/json/nested/product/large/light/components/form.json +10 -3
- package/json/nested/product/small/dark/components/button.json +41 -14
- package/json/nested/product/small/dark/components/form.json +10 -3
- package/json/nested/product/small/global.json +2 -2
- package/json/nested/product/small/light/components/button.json +41 -14
- package/json/nested/product/small/light/components/form.json +10 -3
- package/package.json +1 -1
- package/sage-design-tokens-14.6.0.tgz +0 -0
- package/scss/frozenproduct/large/components/button.scss +45 -26
- package/scss/frozenproduct/large/components/container.scss +10 -10
- package/scss/frozenproduct/large/components/form.scss +13 -10
- package/scss/frozenproduct/large/components/link.scss +2 -2
- package/scss/frozenproduct/large/components/nav.scss +5 -5
- package/scss/frozenproduct/large/components/page.scss +1 -1
- package/scss/frozenproduct/large/components/popover.scss +2 -2
- package/scss/frozenproduct/large/components/progress.scss +6 -6
- package/scss/frozenproduct/large/components/status.scss +3 -3
- package/scss/frozenproduct/large/components/tab.scss +7 -7
- package/scss/frozenproduct/large/components/table.scss +10 -10
- package/scss/frozenproduct/large/global.scss +2 -2
- package/scss/frozenproduct/small/components/button.scss +45 -26
- package/scss/frozenproduct/small/components/container.scss +10 -10
- package/scss/frozenproduct/small/components/form.scss +13 -10
- package/scss/frozenproduct/small/components/link.scss +2 -2
- package/scss/frozenproduct/small/components/nav.scss +5 -5
- package/scss/frozenproduct/small/components/page.scss +1 -1
- package/scss/frozenproduct/small/components/popover.scss +2 -2
- package/scss/frozenproduct/small/components/progress.scss +6 -6
- package/scss/frozenproduct/small/components/status.scss +3 -3
- package/scss/frozenproduct/small/components/tab.scss +7 -7
- package/scss/frozenproduct/small/components/table.scss +10 -10
- package/scss/frozenproduct/small/global.scss +2 -2
- package/scss/marketing/large/components/button.scss +45 -26
- package/scss/marketing/large/components/container.scss +10 -10
- package/scss/marketing/large/components/form.scss +13 -10
- package/scss/marketing/large/components/link.scss +2 -2
- package/scss/marketing/large/components/nav.scss +5 -5
- package/scss/marketing/large/components/page.scss +1 -1
- package/scss/marketing/large/components/progress.scss +6 -6
- package/scss/marketing/large/components/status.scss +3 -3
- package/scss/marketing/large/components/tab.scss +7 -7
- package/scss/marketing/large/components/table.scss +10 -10
- package/scss/marketing/large/global.scss +2 -2
- package/scss/marketing/small/components/button.scss +45 -26
- package/scss/marketing/small/components/container.scss +10 -10
- package/scss/marketing/small/components/form.scss +13 -10
- package/scss/marketing/small/components/link.scss +2 -2
- package/scss/marketing/small/components/nav.scss +5 -5
- package/scss/marketing/small/components/page.scss +1 -1
- package/scss/marketing/small/components/popover.scss +2 -2
- package/scss/marketing/small/components/progress.scss +6 -6
- package/scss/marketing/small/components/status.scss +3 -3
- package/scss/marketing/small/components/tab.scss +7 -7
- package/scss/marketing/small/components/table.scss +10 -10
- package/scss/marketing/small/global.scss +2 -2
- package/scss/product/large/components/button.scss +45 -26
- package/scss/product/large/components/form.scss +6 -3
- package/scss/product/large/global.scss +2 -2
- package/scss/product/small/components/button.scss +32 -13
- package/scss/product/small/components/form.scss +6 -3
- package/scss/product/small/global.scss +2 -2
- package/sage-design-tokens-14.5.0.tgz +0 -0
@@ -98,6 +98,7 @@
|
|
98
98
|
--button-size-toggle-s: var(--global-size-macro-s); /* min-height on S single toggle, and on button within M toggle group */
|
99
99
|
--button-size-toggle-m: var(--global-size-macro-m); /* min-height on M single toggle, and on button within L toggle group */
|
100
100
|
--button-size-toggle-l: var(--global-size-macro-l); /* min-height on L single toggle */
|
101
|
+
--button-size-icon-s: var(--global-size-icon-s);
|
101
102
|
--button-size-icon-m: var(--global-size-icon-m);
|
102
103
|
--button-size-video-s: var(--global-size-macro-m);
|
103
104
|
--button-size-video-m: var(--global-size-macro-xxl);
|
@@ -132,9 +133,12 @@
|
|
132
133
|
--button-space-primary-y-s: var(--global-space-micro-s); /* Bottom and top padding on small buttons. */
|
133
134
|
--button-space-primary-y-m: var(--global-space-micro-l); /* Top and bottom padding on medium buttons */
|
134
135
|
--button-space-primary-y-l: calc(var(--global-space-micro-xl) - 0.5); /* Top and bottom padding on Large buttons */
|
135
|
-
--button-space-primary-icononly-x-s: var(--global-space-micro-
|
136
|
-
--button-space-primary-icononly-x-m: var(--global-space-micro-
|
137
|
-
--button-space-primary-icononly-x-l: var(--global-space-micro-
|
136
|
+
--button-space-primary-icononly-x-s: var(--global-space-micro-m); /* Left and right padding on icon-only S size primary buttons */
|
137
|
+
--button-space-primary-icononly-x-m: var(--global-space-micro-xl); /* Left and right padding on icon-only M size primary buttons */
|
138
|
+
--button-space-primary-icononly-x-l: calc(var(--global-space-micro-xxl) + var(--global-space-micro-xs)); /* Left and right padding on icon-only L size primary buttons */
|
139
|
+
--button-space-primary-icononly-y-s: var(--global-space-micro-m); /* Top and bottom padding on icon-only S size primary buttons */
|
140
|
+
--button-space-primary-icononly-y-m: var(--global-space-micro-xl); /* Top and bottom padding on icon-only M size primary buttons */
|
141
|
+
--button-space-primary-icononly-y-l: calc(var(--global-space-micro-xxl) + var(--global-space-micro-xs)); /* Top and bottom padding on icon-only L size primary buttons */
|
138
142
|
--button-space-secondary-x-xs: var(--global-space-macro-xxxs); /* Left and right padding on XS table buttons */
|
139
143
|
--button-space-secondary-x-s: var(--global-space-micro-xxl); /* Left and right padding on small buttons */
|
140
144
|
--button-space-secondary-x-m: var(--global-space-macro-xs); /* Left and right padding on medium buttons */
|
@@ -143,13 +147,18 @@
|
|
143
147
|
--button-space-secondary-y-s: var(--global-space-micro-s); /* Bottom and top padding on small buttons. */
|
144
148
|
--button-space-secondary-y-m: var(--global-space-micro-l); /* Top and bottom padding on medium buttons */
|
145
149
|
--button-space-secondary-y-l: calc(var(--global-space-micro-xl) - 0.5); /* Top and bottom padding on Large buttons */
|
150
|
+
--button-space-secondary-xg-xs: var(--global-space-micro-s); /* Item spacing inside XS buttons */
|
146
151
|
--button-space-secondary-xg-s: var(--global-space-macro-xxxs); /* Item spacing inside buttons */
|
147
152
|
--button-space-secondary-xg-m: var(--global-space-macro-xxxs); /* Item spacing inside buttons */
|
148
153
|
--button-space-secondary-xg-l: var(--global-space-macro-xxxs); /* Item spacing inside buttons */
|
149
|
-
--button-space-secondary-
|
150
|
-
--button-space-secondary-icononly-x-s: var(--global-space-micro-
|
151
|
-
--button-space-secondary-icononly-x-m: var(--global-space-micro-
|
152
|
-
--button-space-secondary-icononly-x-l: var(--global-space-micro-
|
154
|
+
--button-space-secondary-icononly-x-xs: var(--global-space-micro-s); /* Left and right padding on icon-only XS size secondary buttons */
|
155
|
+
--button-space-secondary-icononly-x-s: var(--global-space-micro-m); /* Left and right padding on icon-only S size secondary buttons */
|
156
|
+
--button-space-secondary-icononly-x-m: var(--global-space-micro-xl); /* Left and right padding on icon-only M size secondary buttons */
|
157
|
+
--button-space-secondary-icononly-x-l: calc(var(--global-space-micro-xxl) + var(--global-space-micro-xs)); /* Left and right padding on icon-only L size secondary buttons */
|
158
|
+
--button-space-secondary-icononly-y-xs: var(--global-space-micro-s); /* Top and bottom padding on icon-only XS size secondary buttons */
|
159
|
+
--button-space-secondary-icononly-y-s: var(--global-space-micro-m); /* Top and bottom padding on icon-only S size secondary buttons */
|
160
|
+
--button-space-secondary-icononly-y-m: var(--global-space-micro-xl); /* Top and bottom padding on icon-only M size secondary buttons */
|
161
|
+
--button-space-secondary-icononly-y-l: calc(var(--global-space-micro-xxl) + var(--global-space-micro-xs)); /* Top and bottom padding on icon-only L size secondary buttons */
|
153
162
|
--button-space-tertiary-y-xs: calc((var(--global-space-macro-xxxs) / 4) - 0.5); /* top and bottom padding on XS table buttons */
|
154
163
|
--button-space-tertiary-y-s: var(--global-space-micro-s); /* Bottom and top padding on small buttons. */
|
155
164
|
--button-space-tertiary-y-m: var(--global-space-micro-l); /* Top and bottom padding on medium buttons */
|
@@ -162,9 +171,14 @@
|
|
162
171
|
--button-space-tertiary-xg-s: var(--global-space-macro-xxxs); /* Item spacing inside buttons */
|
163
172
|
--button-space-tertiary-xg-m: var(--global-space-macro-xxxs); /* Item spacing inside buttons */
|
164
173
|
--button-space-tertiary-xg-l: var(--global-space-macro-xxxs); /* Item spacing inside buttons */
|
165
|
-
--button-space-tertiary-icononly-x-
|
166
|
-
--button-space-tertiary-icononly-x-
|
167
|
-
--button-space-tertiary-icononly-x-
|
174
|
+
--button-space-tertiary-icononly-x-xs: var(--global-space-micro-s); /* Left and right padding on icon-only XS size tertiary buttons */
|
175
|
+
--button-space-tertiary-icononly-x-s: var(--global-space-micro-m); /* Left and right padding on icon-only S size tertiary buttons */
|
176
|
+
--button-space-tertiary-icononly-x-m: var(--global-space-micro-xl); /* Left and right padding on icon-only M size tertiary buttons */
|
177
|
+
--button-space-tertiary-icononly-x-l: calc(var(--global-space-micro-xxl) + var(--global-space-micro-xs)); /* Left and right padding on icon-only L size tertiary buttons */
|
178
|
+
--button-space-tertiary-icononly-y-xs: var(--global-space-micro-s); /* Top and bottom padding on icon-only XS size tertiary buttons */
|
179
|
+
--button-space-tertiary-icononly-y-s: var(--global-space-micro-m); /* Top and bottom padding on icon-only S size tertiary buttons */
|
180
|
+
--button-space-tertiary-icononly-y-m: var(--global-space-micro-xl); /* Top and bottom padding on icon-only M size tertiary buttons */
|
181
|
+
--button-space-tertiary-icononly-y-l: calc(var(--global-space-micro-xxl) + var(--global-space-micro-xs)); /* Top and bottom padding on icon-only L size tertiary buttons */
|
168
182
|
--button-space-subtle-y-xs: calc((var(--global-space-macro-xxxs) / 4) - 0.5); /* top and bottom padding on XS table buttons */
|
169
183
|
--button-space-subtle-y-s: var(--global-space-micro-s); /* Bottom and top padding on small buttons. */
|
170
184
|
--button-space-subtle-y-m: var(--global-space-micro-l); /* Top and bottom padding on medium buttons */
|
@@ -177,9 +191,14 @@
|
|
177
191
|
--button-space-subtle-xg-s: var(--global-space-micro-s); /* Item spacing inside buttons */
|
178
192
|
--button-space-subtle-xg-m: var(--global-space-micro-s); /* Item spacing inside buttons */
|
179
193
|
--button-space-subtle-xg-l: var(--global-space-micro-s); /* Item spacing inside buttons */
|
180
|
-
--button-space-subtle-icononly-x-
|
181
|
-
--button-space-subtle-icononly-x-
|
182
|
-
--button-space-subtle-icononly-x-
|
194
|
+
--button-space-subtle-icononly-x-xs: var(--global-space-micro-s); /* Left and right padding on icon-only XS size subtle buttons */
|
195
|
+
--button-space-subtle-icononly-x-s: var(--global-space-micro-m); /* Left and right padding on icon-only S size subtle buttons */
|
196
|
+
--button-space-subtle-icononly-x-m: var(--global-space-micro-xl); /* Left and right padding on icon-only M size subtle buttons */
|
197
|
+
--button-space-subtle-icononly-x-l: calc(var(--global-space-micro-xxl) + var(--global-space-micro-xs)); /* Left and right padding on icon-only L size subtle buttons */
|
198
|
+
--button-space-subtle-icononly-y-xs: var(--global-space-micro-s); /* Top and bottom padding on icon-only XS size subtle buttons */
|
199
|
+
--button-space-subtle-icononly-y-s: var(--global-space-micro-m); /* Top and bottom padding on icon-only S size subtle buttons */
|
200
|
+
--button-space-subtle-icononly-y-m: var(--global-space-micro-xl); /* Top and bottom padding on icon-only M size subtle buttons */
|
201
|
+
--button-space-subtle-icononly-y-l: calc(var(--global-space-micro-xxl) + var(--global-space-micro-xs)); /* Top and bottom padding on icon-only L size subtle buttons */
|
183
202
|
--button-space-toggle-button-x-xs: var(--global-space-macro-xxxs); /* Left and right padding on XS asset used within S toggle group */
|
184
203
|
--button-space-toggle-button-x-s: var(--global-space-macro-xxs); /* Left and right padding on S toggle buttons */
|
185
204
|
--button-space-toggle-button-x-m: var(--global-space-macro-xs); /* Left and right padding on medium toggle buttons */
|
@@ -3,6 +3,9 @@
|
|
3
3
|
*/
|
4
4
|
|
5
5
|
:root {
|
6
|
+
--form-space-datepicker-pr-s: 0; /* right padding on small date picker input */
|
7
|
+
--form-space-datepicker-pr-m: 0; /* right padding on medium date picker input */
|
8
|
+
--form-space-datepicker-pr-l: 0; /* right padding on large date picker input */
|
6
9
|
--form-color-switch-border-active: transparent;
|
7
10
|
--form-color-switch-border-activedisabled: transparent;
|
8
11
|
--form-radius-none: var(--global-radius-none); /* Text editor (internal corners) */
|
@@ -55,9 +58,6 @@
|
|
55
58
|
--form-space-checkradio-y-s: calc(var(--global-space-micro-m) / 2); /* Space above single checkbox/radio OR label to vertically centre checkbox and label. */
|
56
59
|
--form-space-checkradio-y-m: var(--global-space-micro-xs); /* Space above single checkbox/radio OR label to vertically centre checkbox and label. */
|
57
60
|
--form-space-checkradio-y-l: calc(var(--global-space-micro-xs) * 2); /* Space above single checkbox/radio OR label to vertically centre checkbox and label. */
|
58
|
-
--form-space-datepicker-pr-s: var(--global-space-micro-xs); /* right padding on small date picker input */
|
59
|
-
--form-space-datepicker-pr-m: var(--global-space-micro-m); /* right padding on medium date picker input */
|
60
|
-
--form-space-datepicker-pr-l: var(--global-space-micro-xl); /* right padding on large date picker input */
|
61
61
|
--form-space-dropdown-button-x-s: var(--global-space-macro-s); /* DD only, left right padding on footer button. */
|
62
62
|
--form-space-dropdown-button-x-m: var(--global-space-macro-s); /* DD only, left right padding on footer button. */
|
63
63
|
--form-space-dropdown-button-x-l: var(--global-space-macro-s); /* DD only, left right padding on footer button. */
|
@@ -88,6 +88,9 @@
|
|
88
88
|
--form-space-dropdown-pill-xg-s: var(--global-space-micro-s); /* space between pills inside pill wrapper */
|
89
89
|
--form-space-dropdown-pill-xg-m: var(--global-space-micro-s); /* space between pills inside pill wrapper */
|
90
90
|
--form-space-dropdown-pill-xg-l: var(--global-space-micro-s); /* space between pills inside pill wrapper */
|
91
|
+
--form-space-dropdown-trigger-subtle-s: var(--global-space-micro-s); /* Left and right padding on subtle dropdown triggers. */
|
92
|
+
--form-space-dropdown-trigger-subtle-m: var(--global-space-micro-s); /* Left and right padding on subtle dropdown triggers. */
|
93
|
+
--form-space-dropdown-trigger-subtle-l: var(--global-space-micro-s); /* Left and right padding on subtle dropdown triggers. */
|
91
94
|
--form-space-fileinput-status-xl-m: var(--global-space-macro-ml); /* Left padding in File input (no-thumbnail variant), status text. */
|
92
95
|
--form-space-fileinput-status-y-m: var(--global-space-micro-s); /* Vertical padding in status text. */
|
93
96
|
--form-space-fileinput-thumbnail-m: var(--global-space-micro-s); /* All padding in File input (thumbnail container). */
|
@@ -169,8 +169,8 @@
|
|
169
169
|
--global-typography-adaptive-component-placeholdertext-xl: 500 30px/1.5 Sage UI;
|
170
170
|
--global-typography-adaptive-component-placeholdertext-xxl: 500 36px/1.5 Sage UI;
|
171
171
|
--global-typography-adaptive-component-notification-m: 500 13px/1 Sage UI; /* used for badge text - notifications on buttons and in global nav */
|
172
|
-
--global-font-size-adaptive-step-
|
173
|
-
--global-font-size-adaptive-step-
|
172
|
+
--global-font-size-adaptive-step-minus2: 12px;
|
173
|
+
--global-font-size-adaptive-step-minus1: 13px;
|
174
174
|
--global-font-size-adaptive-step0: 14px;
|
175
175
|
--global-font-size-adaptive-step1: 16px;
|
176
176
|
--global-font-size-adaptive-step2: 17px;
|
@@ -18,6 +18,7 @@
|
|
18
18
|
#define buttonSizeToggleS 32
|
19
19
|
#define buttonSizeToggleM 40
|
20
20
|
#define buttonSizeToggleL 48
|
21
|
+
#define buttonSizeIconS 16
|
21
22
|
#define buttonSizeIconM 20
|
22
23
|
#define buttonSizeVideoS 40
|
23
24
|
#define buttonSizeVideoM 64
|
@@ -55,9 +56,12 @@
|
|
55
56
|
#define buttonSpacePrimaryYS 4
|
56
57
|
#define buttonSpacePrimaryYM 8
|
57
58
|
#define buttonSpacePrimaryYL 9.5
|
58
|
-
#define buttonSpacePrimaryIcononlyXS
|
59
|
-
#define buttonSpacePrimaryIcononlyXM
|
60
|
-
#define buttonSpacePrimaryIcononlyXL
|
59
|
+
#define buttonSpacePrimaryIcononlyXS 6
|
60
|
+
#define buttonSpacePrimaryIcononlyXM 10
|
61
|
+
#define buttonSpacePrimaryIcononlyXL 14
|
62
|
+
#define buttonSpacePrimaryIcononlyYS 6
|
63
|
+
#define buttonSpacePrimaryIcononlyYM 10
|
64
|
+
#define buttonSpacePrimaryIcononlyYL 14
|
61
65
|
#define buttonSpaceSecondaryXXs 8
|
62
66
|
#define buttonSpaceSecondaryXS 12
|
63
67
|
#define buttonSpaceSecondaryXM 16
|
@@ -66,13 +70,18 @@
|
|
66
70
|
#define buttonSpaceSecondaryYS 4
|
67
71
|
#define buttonSpaceSecondaryYM 8
|
68
72
|
#define buttonSpaceSecondaryYL 9.5
|
73
|
+
#define buttonSpaceSecondaryXgXs 4
|
69
74
|
#define buttonSpaceSecondaryXgS 8
|
70
75
|
#define buttonSpaceSecondaryXgM 8
|
71
76
|
#define buttonSpaceSecondaryXgL 8
|
72
|
-
#define
|
73
|
-
#define buttonSpaceSecondaryIcononlyXS
|
74
|
-
#define buttonSpaceSecondaryIcononlyXM
|
75
|
-
#define buttonSpaceSecondaryIcononlyXL
|
77
|
+
#define buttonSpaceSecondaryIcononlyXXs 4
|
78
|
+
#define buttonSpaceSecondaryIcononlyXS 6
|
79
|
+
#define buttonSpaceSecondaryIcononlyXM 10
|
80
|
+
#define buttonSpaceSecondaryIcononlyXL 14
|
81
|
+
#define buttonSpaceSecondaryIcononlyYXs 4
|
82
|
+
#define buttonSpaceSecondaryIcononlyYS 6
|
83
|
+
#define buttonSpaceSecondaryIcononlyYM 10
|
84
|
+
#define buttonSpaceSecondaryIcononlyYL 14
|
76
85
|
#define buttonSpaceTertiaryYXs 1.5
|
77
86
|
#define buttonSpaceTertiaryYS 4
|
78
87
|
#define buttonSpaceTertiaryYM 8
|
@@ -85,9 +94,14 @@
|
|
85
94
|
#define buttonSpaceTertiaryXgS 8
|
86
95
|
#define buttonSpaceTertiaryXgM 8
|
87
96
|
#define buttonSpaceTertiaryXgL 8
|
88
|
-
#define
|
89
|
-
#define
|
90
|
-
#define
|
97
|
+
#define buttonSpaceTertiaryIcononlyXXs 4
|
98
|
+
#define buttonSpaceTertiaryIcononlyXS 6
|
99
|
+
#define buttonSpaceTertiaryIcononlyXM 10
|
100
|
+
#define buttonSpaceTertiaryIcononlyXL 14
|
101
|
+
#define buttonSpaceTertiaryIcononlyYXs 4
|
102
|
+
#define buttonSpaceTertiaryIcononlyYS 6
|
103
|
+
#define buttonSpaceTertiaryIcononlyYM 10
|
104
|
+
#define buttonSpaceTertiaryIcononlyYL 14
|
91
105
|
#define buttonSpaceSubtleYXs 1.5
|
92
106
|
#define buttonSpaceSubtleYS 4
|
93
107
|
#define buttonSpaceSubtleYM 8
|
@@ -100,9 +114,14 @@
|
|
100
114
|
#define buttonSpaceSubtleXgS 4
|
101
115
|
#define buttonSpaceSubtleXgM 4
|
102
116
|
#define buttonSpaceSubtleXgL 4
|
103
|
-
#define
|
104
|
-
#define
|
105
|
-
#define
|
117
|
+
#define buttonSpaceSubtleIcononlyXXs 4
|
118
|
+
#define buttonSpaceSubtleIcononlyXS 6
|
119
|
+
#define buttonSpaceSubtleIcononlyXM 10
|
120
|
+
#define buttonSpaceSubtleIcononlyXL 14
|
121
|
+
#define buttonSpaceSubtleIcononlyYXs 4
|
122
|
+
#define buttonSpaceSubtleIcononlyYS 6
|
123
|
+
#define buttonSpaceSubtleIcononlyYM 10
|
124
|
+
#define buttonSpaceSubtleIcononlyYL 14
|
106
125
|
#define buttonSpaceToggleButtonXXs 8
|
107
126
|
#define buttonSpaceToggleButtonXS 12
|
108
127
|
#define buttonSpaceToggleButtonXM 16
|
@@ -20,9 +20,9 @@
|
|
20
20
|
#define formSpaceCheckradioYS 3
|
21
21
|
#define formSpaceCheckradioYM 2
|
22
22
|
#define formSpaceCheckradioYL 4
|
23
|
-
#define formSpaceDatepickerPrS
|
24
|
-
#define formSpaceDatepickerPrM
|
25
|
-
#define formSpaceDatepickerPrL
|
23
|
+
#define formSpaceDatepickerPrS 0
|
24
|
+
#define formSpaceDatepickerPrM 0
|
25
|
+
#define formSpaceDatepickerPrL 0
|
26
26
|
#define formSpaceDropdownButtonXS 20
|
27
27
|
#define formSpaceDropdownButtonXM 20
|
28
28
|
#define formSpaceDropdownButtonXL 20
|
@@ -62,6 +62,9 @@
|
|
62
62
|
#define formSpaceDropdownPillXgS 4
|
63
63
|
#define formSpaceDropdownPillXgM 4
|
64
64
|
#define formSpaceDropdownPillXgL 4
|
65
|
+
#define formSpaceDropdownTriggerSubtleS 4
|
66
|
+
#define formSpaceDropdownTriggerSubtleM 4
|
67
|
+
#define formSpaceDropdownTriggerSubtleL 4
|
65
68
|
#define formSpaceFileinputStatusXlM 28
|
66
69
|
#define formSpaceFileinputStatusYM 4
|
67
70
|
#define formSpaceFileinputThumbnailM 4
|
@@ -175,8 +175,8 @@
|
|
175
175
|
#define globalTypographyAdaptiveComponentPlaceholdertextXl [object Object]
|
176
176
|
#define globalTypographyAdaptiveComponentPlaceholdertextXxl [object Object]
|
177
177
|
#define globalTypographyAdaptiveComponentNotificationM [object Object]
|
178
|
-
#define
|
179
|
-
#define
|
178
|
+
#define globalFontSizeAdaptiveStepMinus2 11px
|
179
|
+
#define globalFontSizeAdaptiveStepMinus1 12px
|
180
180
|
#define globalFontSizeAdaptiveStep0 14px
|
181
181
|
#define globalFontSizeAdaptiveStep1 16px
|
182
182
|
#define globalFontSizeAdaptiveStep2 18px
|
@@ -18,6 +18,7 @@
|
|
18
18
|
#define buttonSizeToggleS 32
|
19
19
|
#define buttonSizeToggleM 40
|
20
20
|
#define buttonSizeToggleL 48
|
21
|
+
#define buttonSizeIconS 16
|
21
22
|
#define buttonSizeIconM 20
|
22
23
|
#define buttonSizeVideoS 40
|
23
24
|
#define buttonSizeVideoM 64
|
@@ -55,9 +56,12 @@
|
|
55
56
|
#define buttonSpacePrimaryYS 4
|
56
57
|
#define buttonSpacePrimaryYM 8
|
57
58
|
#define buttonSpacePrimaryYL 9.5
|
58
|
-
#define buttonSpacePrimaryIcononlyXS
|
59
|
-
#define buttonSpacePrimaryIcononlyXM
|
60
|
-
#define buttonSpacePrimaryIcononlyXL
|
59
|
+
#define buttonSpacePrimaryIcononlyXS 6
|
60
|
+
#define buttonSpacePrimaryIcononlyXM 10
|
61
|
+
#define buttonSpacePrimaryIcononlyXL 14
|
62
|
+
#define buttonSpacePrimaryIcononlyYS 6
|
63
|
+
#define buttonSpacePrimaryIcononlyYM 10
|
64
|
+
#define buttonSpacePrimaryIcononlyYL 14
|
61
65
|
#define buttonSpaceSecondaryXXs 8
|
62
66
|
#define buttonSpaceSecondaryXS 12
|
63
67
|
#define buttonSpaceSecondaryXM 16
|
@@ -66,13 +70,18 @@
|
|
66
70
|
#define buttonSpaceSecondaryYS 4
|
67
71
|
#define buttonSpaceSecondaryYM 8
|
68
72
|
#define buttonSpaceSecondaryYL 9.5
|
73
|
+
#define buttonSpaceSecondaryXgXs 4
|
69
74
|
#define buttonSpaceSecondaryXgS 8
|
70
75
|
#define buttonSpaceSecondaryXgM 8
|
71
76
|
#define buttonSpaceSecondaryXgL 8
|
72
|
-
#define
|
73
|
-
#define buttonSpaceSecondaryIcononlyXS
|
74
|
-
#define buttonSpaceSecondaryIcononlyXM
|
75
|
-
#define buttonSpaceSecondaryIcononlyXL
|
77
|
+
#define buttonSpaceSecondaryIcononlyXXs 4
|
78
|
+
#define buttonSpaceSecondaryIcononlyXS 6
|
79
|
+
#define buttonSpaceSecondaryIcononlyXM 10
|
80
|
+
#define buttonSpaceSecondaryIcononlyXL 14
|
81
|
+
#define buttonSpaceSecondaryIcononlyYXs 4
|
82
|
+
#define buttonSpaceSecondaryIcononlyYS 6
|
83
|
+
#define buttonSpaceSecondaryIcononlyYM 10
|
84
|
+
#define buttonSpaceSecondaryIcononlyYL 14
|
76
85
|
#define buttonSpaceTertiaryYXs 1.5
|
77
86
|
#define buttonSpaceTertiaryYS 4
|
78
87
|
#define buttonSpaceTertiaryYM 8
|
@@ -85,9 +94,14 @@
|
|
85
94
|
#define buttonSpaceTertiaryXgS 8
|
86
95
|
#define buttonSpaceTertiaryXgM 8
|
87
96
|
#define buttonSpaceTertiaryXgL 8
|
88
|
-
#define
|
89
|
-
#define
|
90
|
-
#define
|
97
|
+
#define buttonSpaceTertiaryIcononlyXXs 4
|
98
|
+
#define buttonSpaceTertiaryIcononlyXS 6
|
99
|
+
#define buttonSpaceTertiaryIcononlyXM 10
|
100
|
+
#define buttonSpaceTertiaryIcononlyXL 14
|
101
|
+
#define buttonSpaceTertiaryIcononlyYXs 4
|
102
|
+
#define buttonSpaceTertiaryIcononlyYS 6
|
103
|
+
#define buttonSpaceTertiaryIcononlyYM 10
|
104
|
+
#define buttonSpaceTertiaryIcononlyYL 14
|
91
105
|
#define buttonSpaceSubtleYXs 1.5
|
92
106
|
#define buttonSpaceSubtleYS 4
|
93
107
|
#define buttonSpaceSubtleYM 8
|
@@ -100,9 +114,14 @@
|
|
100
114
|
#define buttonSpaceSubtleXgS 4
|
101
115
|
#define buttonSpaceSubtleXgM 4
|
102
116
|
#define buttonSpaceSubtleXgL 4
|
103
|
-
#define
|
104
|
-
#define
|
105
|
-
#define
|
117
|
+
#define buttonSpaceSubtleIcononlyXXs 4
|
118
|
+
#define buttonSpaceSubtleIcononlyXS 6
|
119
|
+
#define buttonSpaceSubtleIcononlyXM 10
|
120
|
+
#define buttonSpaceSubtleIcononlyXL 14
|
121
|
+
#define buttonSpaceSubtleIcononlyYXs 4
|
122
|
+
#define buttonSpaceSubtleIcononlyYS 6
|
123
|
+
#define buttonSpaceSubtleIcononlyYM 10
|
124
|
+
#define buttonSpaceSubtleIcononlyYL 14
|
106
125
|
#define buttonSpaceToggleButtonXXs 8
|
107
126
|
#define buttonSpaceToggleButtonXS 12
|
108
127
|
#define buttonSpaceToggleButtonXM 16
|
@@ -20,9 +20,9 @@
|
|
20
20
|
#define formSpaceCheckradioYS 3
|
21
21
|
#define formSpaceCheckradioYM 2
|
22
22
|
#define formSpaceCheckradioYL 4
|
23
|
-
#define formSpaceDatepickerPrS
|
24
|
-
#define formSpaceDatepickerPrM
|
25
|
-
#define formSpaceDatepickerPrL
|
23
|
+
#define formSpaceDatepickerPrS 0
|
24
|
+
#define formSpaceDatepickerPrM 0
|
25
|
+
#define formSpaceDatepickerPrL 0
|
26
26
|
#define formSpaceDropdownButtonXS 20
|
27
27
|
#define formSpaceDropdownButtonXM 20
|
28
28
|
#define formSpaceDropdownButtonXL 20
|
@@ -62,6 +62,9 @@
|
|
62
62
|
#define formSpaceDropdownPillXgS 4
|
63
63
|
#define formSpaceDropdownPillXgM 4
|
64
64
|
#define formSpaceDropdownPillXgL 4
|
65
|
+
#define formSpaceDropdownTriggerSubtleS 4
|
66
|
+
#define formSpaceDropdownTriggerSubtleM 4
|
67
|
+
#define formSpaceDropdownTriggerSubtleL 4
|
65
68
|
#define formSpaceFileinputStatusXlM 28
|
66
69
|
#define formSpaceFileinputStatusYM 4
|
67
70
|
#define formSpaceFileinputThumbnailM 4
|
@@ -18,6 +18,7 @@
|
|
18
18
|
#define buttonSizeToggleS 32
|
19
19
|
#define buttonSizeToggleM 40
|
20
20
|
#define buttonSizeToggleL 48
|
21
|
+
#define buttonSizeIconS 16
|
21
22
|
#define buttonSizeIconM 20
|
22
23
|
#define buttonSizeVideoS 40
|
23
24
|
#define buttonSizeVideoM 64
|
@@ -55,9 +56,12 @@
|
|
55
56
|
#define buttonSpacePrimaryYS 4
|
56
57
|
#define buttonSpacePrimaryYM 8
|
57
58
|
#define buttonSpacePrimaryYL 9.5
|
58
|
-
#define buttonSpacePrimaryIcononlyXS
|
59
|
-
#define buttonSpacePrimaryIcononlyXM
|
60
|
-
#define buttonSpacePrimaryIcononlyXL
|
59
|
+
#define buttonSpacePrimaryIcononlyXS 6
|
60
|
+
#define buttonSpacePrimaryIcononlyXM 10
|
61
|
+
#define buttonSpacePrimaryIcononlyXL 14
|
62
|
+
#define buttonSpacePrimaryIcononlyYS 6
|
63
|
+
#define buttonSpacePrimaryIcononlyYM 10
|
64
|
+
#define buttonSpacePrimaryIcononlyYL 14
|
61
65
|
#define buttonSpaceSecondaryXXs 6.4
|
62
66
|
#define buttonSpaceSecondaryXS 12
|
63
67
|
#define buttonSpaceSecondaryXM 12.8
|
@@ -66,13 +70,18 @@
|
|
66
70
|
#define buttonSpaceSecondaryYS 4
|
67
71
|
#define buttonSpaceSecondaryYM 8
|
68
72
|
#define buttonSpaceSecondaryYL 9.5
|
73
|
+
#define buttonSpaceSecondaryXgXs 4
|
69
74
|
#define buttonSpaceSecondaryXgS 6.4
|
70
75
|
#define buttonSpaceSecondaryXgM 6.4
|
71
76
|
#define buttonSpaceSecondaryXgL 6.4
|
72
|
-
#define
|
73
|
-
#define buttonSpaceSecondaryIcononlyXS
|
74
|
-
#define buttonSpaceSecondaryIcononlyXM
|
75
|
-
#define buttonSpaceSecondaryIcononlyXL
|
77
|
+
#define buttonSpaceSecondaryIcononlyXXs 4
|
78
|
+
#define buttonSpaceSecondaryIcononlyXS 6
|
79
|
+
#define buttonSpaceSecondaryIcononlyXM 10
|
80
|
+
#define buttonSpaceSecondaryIcononlyXL 14
|
81
|
+
#define buttonSpaceSecondaryIcononlyYXs 4
|
82
|
+
#define buttonSpaceSecondaryIcononlyYS 6
|
83
|
+
#define buttonSpaceSecondaryIcononlyYM 10
|
84
|
+
#define buttonSpaceSecondaryIcononlyYL 14
|
76
85
|
#define buttonSpaceTertiaryYXs 1.1
|
77
86
|
#define buttonSpaceTertiaryYS 4
|
78
87
|
#define buttonSpaceTertiaryYM 8
|
@@ -85,9 +94,14 @@
|
|
85
94
|
#define buttonSpaceTertiaryXgS 6.4
|
86
95
|
#define buttonSpaceTertiaryXgM 6.4
|
87
96
|
#define buttonSpaceTertiaryXgL 6.4
|
88
|
-
#define
|
89
|
-
#define
|
90
|
-
#define
|
97
|
+
#define buttonSpaceTertiaryIcononlyXXs 4
|
98
|
+
#define buttonSpaceTertiaryIcononlyXS 6
|
99
|
+
#define buttonSpaceTertiaryIcononlyXM 10
|
100
|
+
#define buttonSpaceTertiaryIcononlyXL 14
|
101
|
+
#define buttonSpaceTertiaryIcononlyYXs 4
|
102
|
+
#define buttonSpaceTertiaryIcononlyYS 6
|
103
|
+
#define buttonSpaceTertiaryIcononlyYM 10
|
104
|
+
#define buttonSpaceTertiaryIcononlyYL 14
|
91
105
|
#define buttonSpaceSubtleYXs 1.1
|
92
106
|
#define buttonSpaceSubtleYS 4
|
93
107
|
#define buttonSpaceSubtleYM 8
|
@@ -100,9 +114,14 @@
|
|
100
114
|
#define buttonSpaceSubtleXgS 4
|
101
115
|
#define buttonSpaceSubtleXgM 4
|
102
116
|
#define buttonSpaceSubtleXgL 4
|
103
|
-
#define
|
104
|
-
#define
|
105
|
-
#define
|
117
|
+
#define buttonSpaceSubtleIcononlyXXs 4
|
118
|
+
#define buttonSpaceSubtleIcononlyXS 6
|
119
|
+
#define buttonSpaceSubtleIcononlyXM 10
|
120
|
+
#define buttonSpaceSubtleIcononlyXL 14
|
121
|
+
#define buttonSpaceSubtleIcononlyYXs 4
|
122
|
+
#define buttonSpaceSubtleIcononlyYS 6
|
123
|
+
#define buttonSpaceSubtleIcononlyYM 10
|
124
|
+
#define buttonSpaceSubtleIcononlyYL 14
|
106
125
|
#define buttonSpaceToggleButtonXXs 6.4
|
107
126
|
#define buttonSpaceToggleButtonXS 9.6
|
108
127
|
#define buttonSpaceToggleButtonXM 12.8
|
@@ -20,9 +20,9 @@
|
|
20
20
|
#define formSpaceCheckradioYS 3
|
21
21
|
#define formSpaceCheckradioYM 2
|
22
22
|
#define formSpaceCheckradioYL 4
|
23
|
-
#define formSpaceDatepickerPrS
|
24
|
-
#define formSpaceDatepickerPrM
|
25
|
-
#define formSpaceDatepickerPrL
|
23
|
+
#define formSpaceDatepickerPrS 0
|
24
|
+
#define formSpaceDatepickerPrM 0
|
25
|
+
#define formSpaceDatepickerPrL 0
|
26
26
|
#define formSpaceDropdownButtonXS 16
|
27
27
|
#define formSpaceDropdownButtonXM 16
|
28
28
|
#define formSpaceDropdownButtonXL 16
|
@@ -62,6 +62,9 @@
|
|
62
62
|
#define formSpaceDropdownPillXgS 4
|
63
63
|
#define formSpaceDropdownPillXgM 4
|
64
64
|
#define formSpaceDropdownPillXgL 4
|
65
|
+
#define formSpaceDropdownTriggerSubtleS 4
|
66
|
+
#define formSpaceDropdownTriggerSubtleM 4
|
67
|
+
#define formSpaceDropdownTriggerSubtleL 4
|
65
68
|
#define formSpaceFileinputStatusXlM 22.4
|
66
69
|
#define formSpaceFileinputStatusYM 4
|
67
70
|
#define formSpaceFileinputThumbnailM 4
|
@@ -175,8 +175,8 @@
|
|
175
175
|
#define globalTypographyAdaptiveComponentPlaceholdertextXl [object Object]
|
176
176
|
#define globalTypographyAdaptiveComponentPlaceholdertextXxl [object Object]
|
177
177
|
#define globalTypographyAdaptiveComponentNotificationM [object Object]
|
178
|
-
#define
|
179
|
-
#define
|
178
|
+
#define globalFontSizeAdaptiveStepMinus2 12px
|
179
|
+
#define globalFontSizeAdaptiveStepMinus1 13px
|
180
180
|
#define globalFontSizeAdaptiveStep0 14px
|
181
181
|
#define globalFontSizeAdaptiveStep1 16px
|
182
182
|
#define globalFontSizeAdaptiveStep2 17px
|
@@ -18,6 +18,7 @@
|
|
18
18
|
#define buttonSizeToggleS 32
|
19
19
|
#define buttonSizeToggleM 40
|
20
20
|
#define buttonSizeToggleL 48
|
21
|
+
#define buttonSizeIconS 16
|
21
22
|
#define buttonSizeIconM 20
|
22
23
|
#define buttonSizeVideoS 40
|
23
24
|
#define buttonSizeVideoM 64
|
@@ -55,9 +56,12 @@
|
|
55
56
|
#define buttonSpacePrimaryYS 4
|
56
57
|
#define buttonSpacePrimaryYM 8
|
57
58
|
#define buttonSpacePrimaryYL 9.5
|
58
|
-
#define buttonSpacePrimaryIcononlyXS
|
59
|
-
#define buttonSpacePrimaryIcononlyXM
|
60
|
-
#define buttonSpacePrimaryIcononlyXL
|
59
|
+
#define buttonSpacePrimaryIcononlyXS 6
|
60
|
+
#define buttonSpacePrimaryIcononlyXM 10
|
61
|
+
#define buttonSpacePrimaryIcononlyXL 14
|
62
|
+
#define buttonSpacePrimaryIcononlyYS 6
|
63
|
+
#define buttonSpacePrimaryIcononlyYM 10
|
64
|
+
#define buttonSpacePrimaryIcononlyYL 14
|
61
65
|
#define buttonSpaceSecondaryXXs 6.4
|
62
66
|
#define buttonSpaceSecondaryXS 12
|
63
67
|
#define buttonSpaceSecondaryXM 12.8
|
@@ -66,13 +70,18 @@
|
|
66
70
|
#define buttonSpaceSecondaryYS 4
|
67
71
|
#define buttonSpaceSecondaryYM 8
|
68
72
|
#define buttonSpaceSecondaryYL 9.5
|
73
|
+
#define buttonSpaceSecondaryXgXs 4
|
69
74
|
#define buttonSpaceSecondaryXgS 6.4
|
70
75
|
#define buttonSpaceSecondaryXgM 6.4
|
71
76
|
#define buttonSpaceSecondaryXgL 6.4
|
72
|
-
#define
|
73
|
-
#define buttonSpaceSecondaryIcononlyXS
|
74
|
-
#define buttonSpaceSecondaryIcononlyXM
|
75
|
-
#define buttonSpaceSecondaryIcononlyXL
|
77
|
+
#define buttonSpaceSecondaryIcononlyXXs 4
|
78
|
+
#define buttonSpaceSecondaryIcononlyXS 6
|
79
|
+
#define buttonSpaceSecondaryIcononlyXM 10
|
80
|
+
#define buttonSpaceSecondaryIcononlyXL 14
|
81
|
+
#define buttonSpaceSecondaryIcononlyYXs 4
|
82
|
+
#define buttonSpaceSecondaryIcononlyYS 6
|
83
|
+
#define buttonSpaceSecondaryIcononlyYM 10
|
84
|
+
#define buttonSpaceSecondaryIcononlyYL 14
|
76
85
|
#define buttonSpaceTertiaryYXs 1.1
|
77
86
|
#define buttonSpaceTertiaryYS 4
|
78
87
|
#define buttonSpaceTertiaryYM 8
|
@@ -85,9 +94,14 @@
|
|
85
94
|
#define buttonSpaceTertiaryXgS 6.4
|
86
95
|
#define buttonSpaceTertiaryXgM 6.4
|
87
96
|
#define buttonSpaceTertiaryXgL 6.4
|
88
|
-
#define
|
89
|
-
#define
|
90
|
-
#define
|
97
|
+
#define buttonSpaceTertiaryIcononlyXXs 4
|
98
|
+
#define buttonSpaceTertiaryIcononlyXS 6
|
99
|
+
#define buttonSpaceTertiaryIcononlyXM 10
|
100
|
+
#define buttonSpaceTertiaryIcononlyXL 14
|
101
|
+
#define buttonSpaceTertiaryIcononlyYXs 4
|
102
|
+
#define buttonSpaceTertiaryIcononlyYS 6
|
103
|
+
#define buttonSpaceTertiaryIcononlyYM 10
|
104
|
+
#define buttonSpaceTertiaryIcononlyYL 14
|
91
105
|
#define buttonSpaceSubtleYXs 1.1
|
92
106
|
#define buttonSpaceSubtleYS 4
|
93
107
|
#define buttonSpaceSubtleYM 8
|
@@ -100,9 +114,14 @@
|
|
100
114
|
#define buttonSpaceSubtleXgS 4
|
101
115
|
#define buttonSpaceSubtleXgM 4
|
102
116
|
#define buttonSpaceSubtleXgL 4
|
103
|
-
#define
|
104
|
-
#define
|
105
|
-
#define
|
117
|
+
#define buttonSpaceSubtleIcononlyXXs 4
|
118
|
+
#define buttonSpaceSubtleIcononlyXS 6
|
119
|
+
#define buttonSpaceSubtleIcononlyXM 10
|
120
|
+
#define buttonSpaceSubtleIcononlyXL 14
|
121
|
+
#define buttonSpaceSubtleIcononlyYXs 4
|
122
|
+
#define buttonSpaceSubtleIcononlyYS 6
|
123
|
+
#define buttonSpaceSubtleIcononlyYM 10
|
124
|
+
#define buttonSpaceSubtleIcononlyYL 14
|
106
125
|
#define buttonSpaceToggleButtonXXs 6.4
|
107
126
|
#define buttonSpaceToggleButtonXS 9.6
|
108
127
|
#define buttonSpaceToggleButtonXM 12.8
|
@@ -20,9 +20,9 @@
|
|
20
20
|
#define formSpaceCheckradioYS 3
|
21
21
|
#define formSpaceCheckradioYM 2
|
22
22
|
#define formSpaceCheckradioYL 4
|
23
|
-
#define formSpaceDatepickerPrS
|
24
|
-
#define formSpaceDatepickerPrM
|
25
|
-
#define formSpaceDatepickerPrL
|
23
|
+
#define formSpaceDatepickerPrS 0
|
24
|
+
#define formSpaceDatepickerPrM 0
|
25
|
+
#define formSpaceDatepickerPrL 0
|
26
26
|
#define formSpaceDropdownButtonXS 16
|
27
27
|
#define formSpaceDropdownButtonXM 16
|
28
28
|
#define formSpaceDropdownButtonXL 16
|
@@ -62,6 +62,9 @@
|
|
62
62
|
#define formSpaceDropdownPillXgS 4
|
63
63
|
#define formSpaceDropdownPillXgM 4
|
64
64
|
#define formSpaceDropdownPillXgL 4
|
65
|
+
#define formSpaceDropdownTriggerSubtleS 4
|
66
|
+
#define formSpaceDropdownTriggerSubtleM 4
|
67
|
+
#define formSpaceDropdownTriggerSubtleL 4
|
65
68
|
#define formSpaceFileinputStatusXlM 22.4
|
66
69
|
#define formSpaceFileinputStatusYM 4
|
67
70
|
#define formSpaceFileinputThumbnailM 4
|
@@ -18,6 +18,7 @@
|
|
18
18
|
#define buttonSizeToggleS 32
|
19
19
|
#define buttonSizeToggleM 40
|
20
20
|
#define buttonSizeToggleL 48
|
21
|
+
#define buttonSizeIconS 16
|
21
22
|
#define buttonSizeIconM 20
|
22
23
|
#define buttonSizeVideoS 40
|
23
24
|
#define buttonSizeVideoM 64
|
@@ -55,9 +56,12 @@
|
|
55
56
|
#define buttonSpacePrimaryYS 4
|
56
57
|
#define buttonSpacePrimaryYM 8
|
57
58
|
#define buttonSpacePrimaryYL 9.5
|
58
|
-
#define buttonSpacePrimaryIcononlyXS
|
59
|
-
#define buttonSpacePrimaryIcononlyXM
|
60
|
-
#define buttonSpacePrimaryIcononlyXL
|
59
|
+
#define buttonSpacePrimaryIcononlyXS 6
|
60
|
+
#define buttonSpacePrimaryIcononlyXM 10
|
61
|
+
#define buttonSpacePrimaryIcononlyXL 14
|
62
|
+
#define buttonSpacePrimaryIcononlyYS 6
|
63
|
+
#define buttonSpacePrimaryIcononlyYM 10
|
64
|
+
#define buttonSpacePrimaryIcononlyYL 14
|
61
65
|
#define buttonSpaceSecondaryXXs 8
|
62
66
|
#define buttonSpaceSecondaryXS 12
|
63
67
|
#define buttonSpaceSecondaryXM 16
|
@@ -66,13 +70,18 @@
|
|
66
70
|
#define buttonSpaceSecondaryYS 4
|
67
71
|
#define buttonSpaceSecondaryYM 8
|
68
72
|
#define buttonSpaceSecondaryYL 9.5
|
73
|
+
#define buttonSpaceSecondaryXgXs 4
|
69
74
|
#define buttonSpaceSecondaryXgS 8
|
70
75
|
#define buttonSpaceSecondaryXgM 8
|
71
76
|
#define buttonSpaceSecondaryXgL 8
|
72
|
-
#define
|
73
|
-
#define buttonSpaceSecondaryIcononlyXS
|
74
|
-
#define buttonSpaceSecondaryIcononlyXM
|
75
|
-
#define buttonSpaceSecondaryIcononlyXL
|
77
|
+
#define buttonSpaceSecondaryIcononlyXXs 4
|
78
|
+
#define buttonSpaceSecondaryIcononlyXS 6
|
79
|
+
#define buttonSpaceSecondaryIcononlyXM 10
|
80
|
+
#define buttonSpaceSecondaryIcononlyXL 14
|
81
|
+
#define buttonSpaceSecondaryIcononlyYXs 4
|
82
|
+
#define buttonSpaceSecondaryIcononlyYS 6
|
83
|
+
#define buttonSpaceSecondaryIcononlyYM 10
|
84
|
+
#define buttonSpaceSecondaryIcononlyYL 14
|
76
85
|
#define buttonSpaceTertiaryYXs 1.5
|
77
86
|
#define buttonSpaceTertiaryYS 4
|
78
87
|
#define buttonSpaceTertiaryYM 8
|
@@ -85,9 +94,14 @@
|
|
85
94
|
#define buttonSpaceTertiaryXgS 8
|
86
95
|
#define buttonSpaceTertiaryXgM 8
|
87
96
|
#define buttonSpaceTertiaryXgL 8
|
88
|
-
#define
|
89
|
-
#define
|
90
|
-
#define
|
97
|
+
#define buttonSpaceTertiaryIcononlyXXs 4
|
98
|
+
#define buttonSpaceTertiaryIcononlyXS 6
|
99
|
+
#define buttonSpaceTertiaryIcononlyXM 10
|
100
|
+
#define buttonSpaceTertiaryIcononlyXL 14
|
101
|
+
#define buttonSpaceTertiaryIcononlyYXs 4
|
102
|
+
#define buttonSpaceTertiaryIcononlyYS 6
|
103
|
+
#define buttonSpaceTertiaryIcononlyYM 10
|
104
|
+
#define buttonSpaceTertiaryIcononlyYL 14
|
91
105
|
#define buttonSpaceSubtleYXs 1.5
|
92
106
|
#define buttonSpaceSubtleYS 4
|
93
107
|
#define buttonSpaceSubtleYM 8
|
@@ -100,9 +114,14 @@
|
|
100
114
|
#define buttonSpaceSubtleXgS 4
|
101
115
|
#define buttonSpaceSubtleXgM 4
|
102
116
|
#define buttonSpaceSubtleXgL 4
|
103
|
-
#define
|
104
|
-
#define
|
105
|
-
#define
|
117
|
+
#define buttonSpaceSubtleIcononlyXXs 4
|
118
|
+
#define buttonSpaceSubtleIcononlyXS 6
|
119
|
+
#define buttonSpaceSubtleIcononlyXM 10
|
120
|
+
#define buttonSpaceSubtleIcononlyXL 14
|
121
|
+
#define buttonSpaceSubtleIcononlyYXs 4
|
122
|
+
#define buttonSpaceSubtleIcononlyYS 6
|
123
|
+
#define buttonSpaceSubtleIcononlyYM 10
|
124
|
+
#define buttonSpaceSubtleIcononlyYL 14
|
106
125
|
#define buttonSpaceToggleButtonXXs 8
|
107
126
|
#define buttonSpaceToggleButtonXS 12
|
108
127
|
#define buttonSpaceToggleButtonXM 16
|