@sage/design-tokens 6.0.0 → 7.0.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 +5 -5
- package/css/frozenproduct/large/components/container.css +4 -2
- package/css/frozenproduct/large/components/status.css +1 -1
- package/css/frozenproduct/large/components/table.css +0 -2
- package/css/frozenproduct/small/components/container.css +4 -2
- package/css/frozenproduct/small/components/status.css +1 -1
- package/css/frozenproduct/small/components/table.css +0 -2
- package/css/marketing/all.css +5 -5
- package/css/marketing/large/components/container.css +4 -2
- package/css/marketing/large/components/status.css +1 -1
- package/css/marketing/large/components/table.css +0 -2
- package/css/marketing/small/components/container.css +4 -2
- package/css/marketing/small/components/status.css +1 -1
- package/css/marketing/small/components/table.css +0 -2
- package/css/product/all.css +5 -5
- package/css/product/large/components/container.css +4 -2
- package/css/product/large/components/status.css +1 -1
- package/css/product/large/components/table.css +0 -2
- package/css/product/small/components/container.css +4 -2
- package/css/product/small/components/status.css +1 -1
- package/css/product/small/components/table.css +0 -2
- package/ios/frozenproduct/large/dark/components/container.h +3 -1
- package/ios/frozenproduct/large/dark/components/status.h +1 -1
- package/ios/frozenproduct/large/dark/components/table.h +0 -2
- package/ios/frozenproduct/large/light/components/container.h +3 -1
- package/ios/frozenproduct/large/light/components/status.h +1 -1
- package/ios/frozenproduct/large/light/components/table.h +0 -2
- package/ios/frozenproduct/small/dark/components/container.h +4 -2
- package/ios/frozenproduct/small/dark/components/status.h +1 -1
- package/ios/frozenproduct/small/dark/components/table.h +0 -2
- package/ios/frozenproduct/small/light/components/container.h +4 -2
- package/ios/frozenproduct/small/light/components/status.h +1 -1
- package/ios/frozenproduct/small/light/components/table.h +0 -2
- package/ios/marketing/large/dark/components/container.h +3 -1
- package/ios/marketing/large/dark/components/status.h +1 -1
- package/ios/marketing/large/dark/components/table.h +0 -2
- package/ios/marketing/large/light/components/container.h +3 -1
- package/ios/marketing/large/light/components/status.h +1 -1
- package/ios/marketing/large/light/components/table.h +0 -2
- package/ios/marketing/small/dark/components/container.h +4 -2
- package/ios/marketing/small/dark/components/status.h +1 -1
- package/ios/marketing/small/dark/components/table.h +0 -2
- package/ios/marketing/small/light/components/container.h +4 -2
- package/ios/marketing/small/light/components/status.h +1 -1
- package/ios/marketing/small/light/components/table.h +0 -2
- package/ios/product/large/dark/components/container.h +3 -1
- package/ios/product/large/dark/components/status.h +1 -1
- package/ios/product/large/dark/components/table.h +0 -2
- package/ios/product/large/light/components/container.h +3 -1
- package/ios/product/large/light/components/status.h +1 -1
- package/ios/product/large/light/components/table.h +0 -2
- package/ios/product/small/dark/components/container.h +4 -2
- package/ios/product/small/dark/components/status.h +1 -1
- package/ios/product/small/dark/components/table.h +0 -2
- package/ios/product/small/light/components/container.h +4 -2
- package/ios/product/small/light/components/status.h +1 -1
- package/ios/product/small/light/components/table.h +0 -2
- package/js/common/frozenproduct/large/dark/components/container.d.ts +4 -0
- package/js/common/frozenproduct/large/dark/components/container.js +80 -6
- package/js/common/frozenproduct/large/dark/components/status.js +2 -2
- package/js/common/frozenproduct/large/dark/components/table.d.ts +0 -6
- package/js/common/frozenproduct/large/dark/components/table.js +0 -66
- package/js/common/frozenproduct/large/light/components/container.d.ts +4 -0
- package/js/common/frozenproduct/large/light/components/container.js +80 -6
- package/js/common/frozenproduct/large/light/components/status.js +2 -2
- package/js/common/frozenproduct/large/light/components/table.d.ts +0 -6
- package/js/common/frozenproduct/large/light/components/table.js +0 -66
- package/js/common/frozenproduct/small/dark/components/container.d.ts +4 -0
- package/js/common/frozenproduct/small/dark/components/container.js +82 -8
- package/js/common/frozenproduct/small/dark/components/status.js +2 -2
- package/js/common/frozenproduct/small/dark/components/table.d.ts +0 -6
- package/js/common/frozenproduct/small/dark/components/table.js +0 -66
- package/js/common/frozenproduct/small/light/components/container.d.ts +4 -0
- package/js/common/frozenproduct/small/light/components/container.js +82 -8
- package/js/common/frozenproduct/small/light/components/status.js +2 -2
- package/js/common/frozenproduct/small/light/components/table.d.ts +0 -6
- package/js/common/frozenproduct/small/light/components/table.js +0 -66
- package/js/common/marketing/large/dark/components/container.d.ts +4 -0
- package/js/common/marketing/large/dark/components/container.js +80 -6
- package/js/common/marketing/large/dark/components/status.js +2 -2
- package/js/common/marketing/large/dark/components/table.d.ts +0 -6
- package/js/common/marketing/large/dark/components/table.js +0 -66
- package/js/common/marketing/large/light/components/container.d.ts +4 -0
- package/js/common/marketing/large/light/components/container.js +80 -6
- package/js/common/marketing/large/light/components/status.js +2 -2
- package/js/common/marketing/large/light/components/table.d.ts +0 -6
- package/js/common/marketing/large/light/components/table.js +0 -66
- package/js/common/marketing/small/dark/components/container.d.ts +4 -0
- package/js/common/marketing/small/dark/components/container.js +82 -8
- package/js/common/marketing/small/dark/components/status.js +2 -2
- package/js/common/marketing/small/dark/components/table.d.ts +0 -6
- package/js/common/marketing/small/dark/components/table.js +0 -66
- package/js/common/marketing/small/light/components/container.d.ts +4 -0
- package/js/common/marketing/small/light/components/container.js +82 -8
- package/js/common/marketing/small/light/components/status.js +2 -2
- package/js/common/marketing/small/light/components/table.d.ts +0 -6
- package/js/common/marketing/small/light/components/table.js +0 -66
- package/js/common/product/large/dark/components/container.d.ts +4 -0
- package/js/common/product/large/dark/components/container.js +80 -6
- package/js/common/product/large/dark/components/status.js +2 -2
- package/js/common/product/large/dark/components/table.d.ts +0 -6
- package/js/common/product/large/dark/components/table.js +0 -66
- package/js/common/product/large/light/components/container.d.ts +4 -0
- package/js/common/product/large/light/components/container.js +80 -6
- package/js/common/product/large/light/components/status.js +2 -2
- package/js/common/product/large/light/components/table.d.ts +0 -6
- package/js/common/product/large/light/components/table.js +0 -66
- package/js/common/product/small/dark/components/container.d.ts +4 -0
- package/js/common/product/small/dark/components/container.js +82 -8
- package/js/common/product/small/dark/components/status.js +2 -2
- package/js/common/product/small/dark/components/table.d.ts +0 -6
- package/js/common/product/small/dark/components/table.js +0 -66
- package/js/common/product/small/light/components/container.d.ts +4 -0
- package/js/common/product/small/light/components/container.js +82 -8
- package/js/common/product/small/light/components/status.js +2 -2
- package/js/common/product/small/light/components/table.d.ts +0 -6
- package/js/common/product/small/light/components/table.js +0 -66
- package/js/es6/frozenproduct/large/dark/components/container.d.ts +4 -0
- package/js/es6/frozenproduct/large/dark/components/container.js +3 -1
- package/js/es6/frozenproduct/large/dark/components/status.js +1 -1
- package/js/es6/frozenproduct/large/dark/components/table.d.ts +0 -4
- package/js/es6/frozenproduct/large/dark/components/table.js +0 -2
- package/js/es6/frozenproduct/large/light/components/container.d.ts +4 -0
- package/js/es6/frozenproduct/large/light/components/container.js +3 -1
- package/js/es6/frozenproduct/large/light/components/status.js +1 -1
- package/js/es6/frozenproduct/large/light/components/table.d.ts +0 -4
- package/js/es6/frozenproduct/large/light/components/table.js +0 -2
- package/js/es6/frozenproduct/small/dark/components/container.d.ts +4 -0
- package/js/es6/frozenproduct/small/dark/components/container.js +4 -2
- package/js/es6/frozenproduct/small/dark/components/status.js +1 -1
- package/js/es6/frozenproduct/small/dark/components/table.d.ts +0 -4
- package/js/es6/frozenproduct/small/dark/components/table.js +0 -2
- package/js/es6/frozenproduct/small/light/components/container.d.ts +4 -0
- package/js/es6/frozenproduct/small/light/components/container.js +4 -2
- package/js/es6/frozenproduct/small/light/components/status.js +1 -1
- package/js/es6/frozenproduct/small/light/components/table.d.ts +0 -4
- package/js/es6/frozenproduct/small/light/components/table.js +0 -2
- package/js/es6/marketing/large/dark/components/container.d.ts +4 -0
- package/js/es6/marketing/large/dark/components/container.js +3 -1
- package/js/es6/marketing/large/dark/components/status.js +1 -1
- package/js/es6/marketing/large/dark/components/table.d.ts +0 -4
- package/js/es6/marketing/large/dark/components/table.js +0 -2
- package/js/es6/marketing/large/light/components/container.d.ts +4 -0
- package/js/es6/marketing/large/light/components/container.js +3 -1
- package/js/es6/marketing/large/light/components/status.js +1 -1
- package/js/es6/marketing/large/light/components/table.d.ts +0 -4
- package/js/es6/marketing/large/light/components/table.js +0 -2
- package/js/es6/marketing/small/dark/components/container.d.ts +4 -0
- package/js/es6/marketing/small/dark/components/container.js +4 -2
- package/js/es6/marketing/small/dark/components/status.js +1 -1
- package/js/es6/marketing/small/dark/components/table.d.ts +0 -4
- package/js/es6/marketing/small/dark/components/table.js +0 -2
- package/js/es6/marketing/small/light/components/container.d.ts +4 -0
- package/js/es6/marketing/small/light/components/container.js +4 -2
- package/js/es6/marketing/small/light/components/status.js +1 -1
- package/js/es6/marketing/small/light/components/table.d.ts +0 -4
- package/js/es6/marketing/small/light/components/table.js +0 -2
- package/js/es6/product/large/dark/components/container.d.ts +4 -0
- package/js/es6/product/large/dark/components/container.js +3 -1
- package/js/es6/product/large/dark/components/status.js +1 -1
- package/js/es6/product/large/dark/components/table.d.ts +0 -4
- package/js/es6/product/large/dark/components/table.js +0 -2
- package/js/es6/product/large/light/components/container.d.ts +4 -0
- package/js/es6/product/large/light/components/container.js +3 -1
- package/js/es6/product/large/light/components/status.js +1 -1
- package/js/es6/product/large/light/components/table.d.ts +0 -4
- package/js/es6/product/large/light/components/table.js +0 -2
- package/js/es6/product/small/dark/components/container.d.ts +4 -0
- package/js/es6/product/small/dark/components/container.js +4 -2
- package/js/es6/product/small/dark/components/status.js +1 -1
- package/js/es6/product/small/dark/components/table.d.ts +0 -4
- package/js/es6/product/small/dark/components/table.js +0 -2
- package/js/es6/product/small/light/components/container.d.ts +4 -0
- package/js/es6/product/small/light/components/container.js +4 -2
- package/js/es6/product/small/light/components/status.js +1 -1
- package/js/es6/product/small/light/components/table.d.ts +0 -4
- package/js/es6/product/small/light/components/table.js +0 -2
- package/js/umd/frozenproduct/large/dark/components/container.js +81 -6
- package/js/umd/frozenproduct/large/dark/components/status.js +2 -2
- package/js/umd/frozenproduct/large/dark/components/table.js +0 -66
- package/js/umd/frozenproduct/large/light/components/container.js +81 -6
- package/js/umd/frozenproduct/large/light/components/status.js +2 -2
- package/js/umd/frozenproduct/large/light/components/table.js +0 -66
- package/js/umd/frozenproduct/small/dark/components/container.js +83 -8
- package/js/umd/frozenproduct/small/dark/components/status.js +2 -2
- package/js/umd/frozenproduct/small/dark/components/table.js +0 -66
- package/js/umd/frozenproduct/small/light/components/container.js +83 -8
- package/js/umd/frozenproduct/small/light/components/status.js +2 -2
- package/js/umd/frozenproduct/small/light/components/table.js +0 -66
- package/js/umd/marketing/large/dark/components/container.js +81 -6
- package/js/umd/marketing/large/dark/components/status.js +2 -2
- package/js/umd/marketing/large/dark/components/table.js +0 -66
- package/js/umd/marketing/large/light/components/container.js +81 -6
- package/js/umd/marketing/large/light/components/status.js +2 -2
- package/js/umd/marketing/large/light/components/table.js +0 -66
- package/js/umd/marketing/small/dark/components/container.js +83 -8
- package/js/umd/marketing/small/dark/components/status.js +2 -2
- package/js/umd/marketing/small/dark/components/table.js +0 -66
- package/js/umd/marketing/small/light/components/container.js +83 -8
- package/js/umd/marketing/small/light/components/status.js +2 -2
- package/js/umd/marketing/small/light/components/table.js +0 -66
- package/js/umd/product/large/dark/components/container.js +81 -6
- package/js/umd/product/large/dark/components/status.js +2 -2
- package/js/umd/product/large/dark/components/table.js +0 -66
- package/js/umd/product/large/light/components/container.js +81 -6
- package/js/umd/product/large/light/components/status.js +2 -2
- package/js/umd/product/large/light/components/table.js +0 -66
- package/js/umd/product/small/dark/components/container.js +83 -8
- package/js/umd/product/small/dark/components/status.js +2 -2
- package/js/umd/product/small/dark/components/table.js +0 -66
- package/js/umd/product/small/light/components/container.js +83 -8
- package/js/umd/product/small/light/components/status.js +2 -2
- package/js/umd/product/small/light/components/table.js +0 -66
- package/json/flat/frozenproduct/large/dark/components/container.json +3 -1
- package/json/flat/frozenproduct/large/dark/components/status.json +1 -1
- package/json/flat/frozenproduct/large/dark/components/table.json +0 -2
- package/json/flat/frozenproduct/large/light/components/container.json +3 -1
- package/json/flat/frozenproduct/large/light/components/status.json +1 -1
- package/json/flat/frozenproduct/large/light/components/table.json +0 -2
- package/json/flat/frozenproduct/small/dark/components/container.json +4 -2
- package/json/flat/frozenproduct/small/dark/components/status.json +1 -1
- package/json/flat/frozenproduct/small/dark/components/table.json +0 -2
- package/json/flat/frozenproduct/small/light/components/container.json +4 -2
- package/json/flat/frozenproduct/small/light/components/status.json +1 -1
- package/json/flat/frozenproduct/small/light/components/table.json +0 -2
- package/json/flat/marketing/large/dark/components/container.json +3 -1
- package/json/flat/marketing/large/dark/components/status.json +1 -1
- package/json/flat/marketing/large/dark/components/table.json +0 -2
- package/json/flat/marketing/large/light/components/container.json +3 -1
- package/json/flat/marketing/large/light/components/status.json +1 -1
- package/json/flat/marketing/large/light/components/table.json +0 -2
- package/json/flat/marketing/small/dark/components/container.json +4 -2
- package/json/flat/marketing/small/dark/components/status.json +1 -1
- package/json/flat/marketing/small/dark/components/table.json +0 -2
- package/json/flat/marketing/small/light/components/container.json +4 -2
- package/json/flat/marketing/small/light/components/status.json +1 -1
- package/json/flat/marketing/small/light/components/table.json +0 -2
- package/json/flat/product/large/dark/components/container.json +3 -1
- package/json/flat/product/large/dark/components/status.json +1 -1
- package/json/flat/product/large/dark/components/table.json +0 -2
- package/json/flat/product/large/light/components/container.json +3 -1
- package/json/flat/product/large/light/components/status.json +1 -1
- package/json/flat/product/large/light/components/table.json +0 -2
- package/json/flat/product/small/dark/components/container.json +4 -2
- package/json/flat/product/small/dark/components/status.json +1 -1
- package/json/flat/product/small/dark/components/table.json +0 -2
- package/json/flat/product/small/light/components/container.json +4 -2
- package/json/flat/product/small/light/components/status.json +1 -1
- package/json/flat/product/small/light/components/table.json +0 -2
- package/json/nested/frozenproduct/large/dark/components/container.json +4 -0
- package/json/nested/frozenproduct/large/dark/components/status.json +1 -1
- package/json/nested/frozenproduct/large/dark/components/table.json +0 -6
- package/json/nested/frozenproduct/large/light/components/container.json +4 -0
- package/json/nested/frozenproduct/large/light/components/status.json +1 -1
- package/json/nested/frozenproduct/large/light/components/table.json +0 -6
- package/json/nested/frozenproduct/small/dark/components/container.json +6 -2
- package/json/nested/frozenproduct/small/dark/components/status.json +1 -1
- package/json/nested/frozenproduct/small/dark/components/table.json +0 -6
- package/json/nested/frozenproduct/small/light/components/container.json +6 -2
- package/json/nested/frozenproduct/small/light/components/status.json +1 -1
- package/json/nested/frozenproduct/small/light/components/table.json +0 -6
- package/json/nested/marketing/large/dark/components/container.json +4 -0
- package/json/nested/marketing/large/dark/components/status.json +1 -1
- package/json/nested/marketing/large/dark/components/table.json +0 -6
- package/json/nested/marketing/large/light/components/container.json +4 -0
- package/json/nested/marketing/large/light/components/status.json +1 -1
- package/json/nested/marketing/large/light/components/table.json +0 -6
- package/json/nested/marketing/small/dark/components/container.json +6 -2
- package/json/nested/marketing/small/dark/components/status.json +1 -1
- package/json/nested/marketing/small/dark/components/table.json +0 -6
- package/json/nested/marketing/small/light/components/container.json +6 -2
- package/json/nested/marketing/small/light/components/status.json +1 -1
- package/json/nested/marketing/small/light/components/table.json +0 -6
- package/json/nested/product/large/dark/components/container.json +4 -0
- package/json/nested/product/large/dark/components/status.json +1 -1
- package/json/nested/product/large/dark/components/table.json +0 -6
- package/json/nested/product/large/light/components/container.json +4 -0
- package/json/nested/product/large/light/components/status.json +1 -1
- package/json/nested/product/large/light/components/table.json +0 -6
- package/json/nested/product/small/dark/components/container.json +6 -2
- package/json/nested/product/small/dark/components/status.json +1 -1
- package/json/nested/product/small/dark/components/table.json +0 -6
- package/json/nested/product/small/light/components/container.json +6 -2
- package/json/nested/product/small/light/components/status.json +1 -1
- package/json/nested/product/small/light/components/table.json +0 -6
- package/package.json +1 -1
- package/sage-design-tokens-7.0.0.tgz +0 -0
- package/scss/frozenproduct/large/components/container.scss +4 -2
- package/scss/frozenproduct/large/components/status.scss +1 -1
- package/scss/frozenproduct/large/components/table.scss +0 -2
- package/scss/frozenproduct/small/components/container.scss +4 -2
- package/scss/frozenproduct/small/components/status.scss +1 -1
- package/scss/frozenproduct/small/components/table.scss +0 -2
- package/scss/marketing/large/components/container.scss +4 -2
- package/scss/marketing/large/components/status.scss +1 -1
- package/scss/marketing/large/components/table.scss +0 -2
- package/scss/marketing/small/components/container.scss +4 -2
- package/scss/marketing/small/components/status.scss +1 -1
- package/scss/marketing/small/components/table.scss +0 -2
- package/scss/product/large/components/button.scss +22 -22
- package/scss/product/large/components/container.scss +13 -11
- package/scss/product/large/components/form.scss +7 -7
- package/scss/product/large/components/link.scss +2 -2
- package/scss/product/large/components/nav.scss +3 -3
- package/scss/product/large/components/page.scss +1 -1
- package/scss/product/large/components/popover.scss +2 -2
- package/scss/product/large/components/progress.scss +6 -6
- package/scss/product/large/components/status.scss +4 -4
- package/scss/product/large/components/tab.scss +7 -7
- package/scss/product/large/components/table.scss +11 -13
- package/scss/product/small/components/button.scss +22 -22
- package/scss/product/small/components/container.scss +13 -11
- package/scss/product/small/components/form.scss +7 -7
- package/scss/product/small/components/link.scss +2 -2
- package/scss/product/small/components/nav.scss +3 -3
- package/scss/product/small/components/page.scss +1 -1
- package/scss/product/small/components/popover.scss +2 -2
- package/scss/product/small/components/progress.scss +6 -6
- package/scss/product/small/components/status.scss +4 -4
- package/scss/product/small/components/tab.scss +7 -7
- package/scss/product/small/components/table.scss +11 -13
- package/sage-design-tokens-6.0.0.tgz +0 -0
|
@@ -919,9 +919,11 @@
|
|
|
919
919
|
--container-space-linkpreview-yg-s: var(--global-space-micro-s); /* Content horizontal padding for small variant */
|
|
920
920
|
--container-space-linkpreview-yg-m: var(--global-space-micro-l); /* Content horizontal padding for medium variant */
|
|
921
921
|
--container-space-linkpreview-yg-l: var(--global-space-micro-xxl); /* Content horizontal padding for large variant */
|
|
922
|
-
--container-space-pagination-xg-m: var(--global-space-
|
|
922
|
+
--container-space-pagination-xg-m: var(--global-space-macro-xxxs); /* gap between elements in pagination */
|
|
923
923
|
--container-space-pagination-xg-l: var(--global-space-macro-xs); /* gap between page nav buttons in pagination */
|
|
924
|
-
--container-space-pagination-y-m: var(--global-space-
|
|
924
|
+
--container-space-pagination-y-m: var(--global-space-macro-xxs); /* top and bottom padding inside pagination */
|
|
925
|
+
--container-space-pagination-y-l: var(--global-space-macro-xs); /* external margin on top of floating pagination variant */
|
|
926
|
+
--container-space-pagination-yg-m: var(--global-space-macro-xxxs); /* gap between left and right pagination elements when stacked vertically on small screens */
|
|
925
927
|
--container-space-pagination-x-m: var(--global-space-macro-xs); /* left and right padding inside pagination */
|
|
926
928
|
--container-space-scrollbar-y-inner: var(--global-space-micro-xxs); /* top and bottom padding around scrollbar handle. */
|
|
927
929
|
--container-space-scrollbar-y-outer: var(--global-space-micro-xs); /* top and bottom padding inside scrollbar outer container */
|
|
@@ -1694,6 +1696,7 @@
|
|
|
1694
1696
|
--status-typography-heading-s: var(--global-typography-component-firm-s);
|
|
1695
1697
|
--status-typography-heading-m: var(--global-typography-component-firm-m);
|
|
1696
1698
|
--status-typography-heading-l: var(--global-typography-component-firm-l);
|
|
1699
|
+
--status-color-message-global-label-hover: light-dark(var(--modes-color-interactive-monochrome-generic-with-hover-light), var(--modes-color-interactive-monochrome-generic-with-hover-dark));
|
|
1697
1700
|
--status-color-message-global-callout-bg-hover: light-dark(var(--modes-color-status-callout-hover-alt-light), var(--modes-color-status-callout-hover-alt-dark)); /* global message bg hover */
|
|
1698
1701
|
--status-color-message-global-info-bg-hover: light-dark(var(--modes-color-status-info-hover-alt-light), var(--modes-color-status-info-hover-alt-dark));
|
|
1699
1702
|
--status-color-message-global-warning-bg-hover: light-dark(var(--modes-color-status-caution-hover-alt-light), var(--modes-color-status-caution-hover-alt-dark));
|
|
@@ -1716,7 +1719,6 @@
|
|
|
1716
1719
|
--status-color-rating-bg-hover: light-dark(var(--modes-color-status-reviews-hover-light), var(--modes-color-status-reviews-hover-dark));
|
|
1717
1720
|
--status-color-rating-border-default: light-dark(var(--modes-color-status-reviews-default-light), var(--modes-color-status-reviews-default-dark));
|
|
1718
1721
|
--status-color-message-global-label-default: light-dark(var(--modes-color-status-content-with-default-alt-light), var(--modes-color-status-content-with-default-alt-dark));
|
|
1719
|
-
--status-color-message-global-label-hover: light-dark(var(--modes-color-status-content-with-default-alt-light), var(--modes-color-status-content-with-default-alt-dark));
|
|
1720
1722
|
--status-color-message-global-callout-icon: light-dark(var(--modes-color-status-content-with-default-alt-light), var(--modes-color-status-content-with-default-alt-dark)); /* Icon on tinted bgs */
|
|
1721
1723
|
--status-color-message-contextual-callout-icon: light-dark(var(--modes-color-status-content-with-default-alt-light), var(--modes-color-status-content-with-default-alt-dark));
|
|
1722
1724
|
--status-color-pill-label-default: light-dark(var(--modes-color-status-content-with-default-light), var(--modes-color-status-content-with-default-dark));
|
|
@@ -1862,8 +1864,6 @@
|
|
|
1862
1864
|
--table-space-row-xg-m: var(--global-space-micro-l); /* internal spacing between text, checkboxes, icons etc */
|
|
1863
1865
|
--table-space-row-xg-l: var(--global-space-micro-l); /* internal spacing between text, checkboxes, icons etc */
|
|
1864
1866
|
--table-space-row-xg-xl: var(--global-space-micro-l); /* internal spacing between text, checkboxes, icons etc */
|
|
1865
|
-
--table-space-row-y-m: var(--global-space-micro-l); /* top and bottom adding inside pagination */
|
|
1866
|
-
--table-space-row-yg-m: var(--global-space-micro-l); /* gap between table and pagination */
|
|
1867
1867
|
--table-space-rowchild-x-xs: calc(var(--global-space-macro-l) + var(--global-space-micro-s)); /* Left padding inside XS child row cells */
|
|
1868
1868
|
--table-space-rowchild-x-s: calc(var(--global-space-macro-xl) + var(--global-space-micro-s)); /* Left padding inside S child row cells */
|
|
1869
1869
|
--table-space-rowchild-x-m: calc(var(--global-space-macro-xl) + var(--global-space-micro-s)); /* Left padding inside M child row cells */
|
|
@@ -215,9 +215,11 @@
|
|
|
215
215
|
--container-space-linkpreview-yg-s: var(--global-space-micro-s); /* Content horizontal padding for small variant */
|
|
216
216
|
--container-space-linkpreview-yg-m: var(--global-space-micro-l); /* Content horizontal padding for medium variant */
|
|
217
217
|
--container-space-linkpreview-yg-l: var(--global-space-micro-xxl); /* Content horizontal padding for large variant */
|
|
218
|
-
--container-space-pagination-xg-m: var(--global-space-
|
|
218
|
+
--container-space-pagination-xg-m: var(--global-space-macro-xxxs); /* gap between elements in pagination */
|
|
219
219
|
--container-space-pagination-xg-l: var(--global-space-macro-xs); /* gap between page nav buttons in pagination */
|
|
220
|
-
--container-space-pagination-y-m: var(--global-space-
|
|
220
|
+
--container-space-pagination-y-m: var(--global-space-macro-xxs); /* top and bottom padding inside pagination */
|
|
221
|
+
--container-space-pagination-y-l: var(--global-space-macro-xs); /* external margin on top of floating pagination variant */
|
|
222
|
+
--container-space-pagination-yg-m: var(--global-space-macro-xxxs); /* gap between left and right pagination elements when stacked vertically on small screens */
|
|
221
223
|
--container-space-pagination-x-m: var(--global-space-macro-xs); /* left and right padding inside pagination */
|
|
222
224
|
--container-space-scrollbar-y-inner: var(--global-space-micro-xxs); /* top and bottom padding around scrollbar handle. */
|
|
223
225
|
--container-space-scrollbar-y-outer: var(--global-space-micro-xs); /* top and bottom padding inside scrollbar outer container */
|
|
@@ -63,6 +63,7 @@
|
|
|
63
63
|
--status-typography-responsive-heading-s: var(--global-typography-responsive-component-firm-s);
|
|
64
64
|
--status-typography-responsive-heading-m: var(--global-typography-responsive-component-firm-m);
|
|
65
65
|
--status-typography-responsive-heading-l: var(--global-typography-responsive-component-firm-l);
|
|
66
|
+
--status-color-message-global-label-hover: var(--modes-color-interactive-monochrome-generic-with-hover);
|
|
66
67
|
--status-color-message-global-callout-bg-hover: var(--modes-color-status-callout-hover-alt); /* global message bg hover */
|
|
67
68
|
--status-color-message-global-info-bg-hover: var(--modes-color-status-info-hover-alt);
|
|
68
69
|
--status-color-message-global-warning-bg-hover: var(--modes-color-status-caution-hover-alt);
|
|
@@ -85,7 +86,6 @@
|
|
|
85
86
|
--status-color-rating-bg-hover: var(--modes-color-status-reviews-hover);
|
|
86
87
|
--status-color-rating-border-default: var(--modes-color-status-reviews-default);
|
|
87
88
|
--status-color-message-global-label-default: var(--modes-color-status-content-with-default-alt);
|
|
88
|
-
--status-color-message-global-label-hover: var(--modes-color-status-content-with-default-alt);
|
|
89
89
|
--status-color-message-global-callout-icon: var(--modes-color-status-content-with-default-alt); /* Icon on tinted bgs */
|
|
90
90
|
--status-color-message-contextual-callout-icon: var(--modes-color-status-content-with-default-alt);
|
|
91
91
|
--status-color-pill-label-default: var(--modes-color-status-content-with-default);
|
|
@@ -63,8 +63,6 @@
|
|
|
63
63
|
--table-space-row-xg-m: var(--global-space-micro-l); /* internal spacing between text, checkboxes, icons etc */
|
|
64
64
|
--table-space-row-xg-l: var(--global-space-micro-l); /* internal spacing between text, checkboxes, icons etc */
|
|
65
65
|
--table-space-row-xg-xl: var(--global-space-micro-l); /* internal spacing between text, checkboxes, icons etc */
|
|
66
|
-
--table-space-row-y-m: var(--global-space-micro-l); /* top and bottom adding inside pagination */
|
|
67
|
-
--table-space-row-yg-m: var(--global-space-micro-l); /* gap between table and pagination */
|
|
68
66
|
--table-space-rowchild-x-xs: calc(var(--global-space-macro-l) + var(--global-space-micro-s)); /* Left padding inside XS child row cells */
|
|
69
67
|
--table-space-rowchild-x-s: calc(var(--global-space-macro-xl) + var(--global-space-micro-s)); /* Left padding inside S child row cells */
|
|
70
68
|
--table-space-rowchild-x-m: calc(var(--global-space-macro-xl) + var(--global-space-micro-s)); /* Left padding inside M child row cells */
|
|
@@ -215,9 +215,11 @@
|
|
|
215
215
|
--container-space-linkpreview-yg-s: var(--global-space-micro-s); /* Content horizontal padding for small variant */
|
|
216
216
|
--container-space-linkpreview-yg-m: var(--global-space-micro-l); /* Content horizontal padding for medium variant */
|
|
217
217
|
--container-space-linkpreview-yg-l: var(--global-space-micro-xxl); /* Content horizontal padding for large variant */
|
|
218
|
-
--container-space-pagination-xg-m: var(--global-space-
|
|
218
|
+
--container-space-pagination-xg-m: var(--global-space-macro-xxxs); /* gap between elements in pagination */
|
|
219
219
|
--container-space-pagination-xg-l: var(--global-space-macro-xs); /* gap between page nav buttons in pagination */
|
|
220
|
-
--container-space-pagination-y-m: var(--global-space-
|
|
220
|
+
--container-space-pagination-y-m: var(--global-space-macro-xxs); /* top and bottom padding inside pagination */
|
|
221
|
+
--container-space-pagination-y-l: var(--global-space-macro-xs); /* external margin on top of floating pagination variant */
|
|
222
|
+
--container-space-pagination-yg-m: var(--global-space-macro-xxxs); /* gap between left and right pagination elements when stacked vertically on small screens */
|
|
221
223
|
--container-space-pagination-x-m: var(--global-space-macro-xs); /* left and right padding inside pagination */
|
|
222
224
|
--container-space-scrollbar-y-inner: var(--global-space-micro-xxs); /* top and bottom padding around scrollbar handle. */
|
|
223
225
|
--container-space-scrollbar-y-outer: var(--global-space-micro-xs); /* top and bottom padding inside scrollbar outer container */
|
|
@@ -63,6 +63,7 @@
|
|
|
63
63
|
--status-typography-responsive-heading-s: var(--global-typography-responsive-component-firm-s);
|
|
64
64
|
--status-typography-responsive-heading-m: var(--global-typography-responsive-component-firm-m);
|
|
65
65
|
--status-typography-responsive-heading-l: var(--global-typography-responsive-component-firm-l);
|
|
66
|
+
--status-color-message-global-label-hover: var(--modes-color-interactive-monochrome-generic-with-hover);
|
|
66
67
|
--status-color-message-global-callout-bg-hover: var(--modes-color-status-callout-hover-alt); /* global message bg hover */
|
|
67
68
|
--status-color-message-global-info-bg-hover: var(--modes-color-status-info-hover-alt);
|
|
68
69
|
--status-color-message-global-warning-bg-hover: var(--modes-color-status-caution-hover-alt);
|
|
@@ -85,7 +86,6 @@
|
|
|
85
86
|
--status-color-rating-bg-hover: var(--modes-color-status-reviews-hover);
|
|
86
87
|
--status-color-rating-border-default: var(--modes-color-status-reviews-default);
|
|
87
88
|
--status-color-message-global-label-default: var(--modes-color-status-content-with-default-alt);
|
|
88
|
-
--status-color-message-global-label-hover: var(--modes-color-status-content-with-default-alt);
|
|
89
89
|
--status-color-message-global-callout-icon: var(--modes-color-status-content-with-default-alt); /* Icon on tinted bgs */
|
|
90
90
|
--status-color-message-contextual-callout-icon: var(--modes-color-status-content-with-default-alt);
|
|
91
91
|
--status-color-pill-label-default: var(--modes-color-status-content-with-default);
|
|
@@ -63,8 +63,6 @@
|
|
|
63
63
|
--table-space-row-xg-m: var(--global-space-micro-l); /* internal spacing between text, checkboxes, icons etc */
|
|
64
64
|
--table-space-row-xg-l: var(--global-space-micro-l); /* internal spacing between text, checkboxes, icons etc */
|
|
65
65
|
--table-space-row-xg-xl: var(--global-space-micro-l); /* internal spacing between text, checkboxes, icons etc */
|
|
66
|
-
--table-space-row-y-m: var(--global-space-micro-l); /* top and bottom adding inside pagination */
|
|
67
|
-
--table-space-row-yg-m: var(--global-space-micro-l); /* gap between table and pagination */
|
|
68
66
|
--table-space-rowchild-x-xs: calc(var(--global-space-macro-l) + var(--global-space-micro-s)); /* Left padding inside XS child row cells */
|
|
69
67
|
--table-space-rowchild-x-s: calc(var(--global-space-macro-xl) + var(--global-space-micro-s)); /* Left padding inside S child row cells */
|
|
70
68
|
--table-space-rowchild-x-m: calc(var(--global-space-macro-xl) + var(--global-space-micro-s)); /* Left padding inside M child row cells */
|
package/css/marketing/all.css
CHANGED
|
@@ -919,9 +919,11 @@
|
|
|
919
919
|
--container-space-linkpreview-yg-s: var(--global-space-micro-s); /* Content horizontal padding for small variant */
|
|
920
920
|
--container-space-linkpreview-yg-m: var(--global-space-micro-l); /* Content horizontal padding for medium variant */
|
|
921
921
|
--container-space-linkpreview-yg-l: var(--global-space-micro-xxl); /* Content horizontal padding for large variant */
|
|
922
|
-
--container-space-pagination-xg-m: var(--global-space-
|
|
922
|
+
--container-space-pagination-xg-m: var(--global-space-macro-xxxs); /* gap between elements in pagination */
|
|
923
923
|
--container-space-pagination-xg-l: var(--global-space-macro-xs); /* gap between page nav buttons in pagination */
|
|
924
|
-
--container-space-pagination-y-m: var(--global-space-
|
|
924
|
+
--container-space-pagination-y-m: var(--global-space-macro-xxs); /* top and bottom padding inside pagination */
|
|
925
|
+
--container-space-pagination-y-l: var(--global-space-macro-xs); /* external margin on top of floating pagination variant */
|
|
926
|
+
--container-space-pagination-yg-m: var(--global-space-macro-xxxs); /* gap between left and right pagination elements when stacked vertically on small screens */
|
|
925
927
|
--container-space-pagination-x-m: var(--global-space-macro-xs); /* left and right padding inside pagination */
|
|
926
928
|
--container-space-scrollbar-y-inner: var(--global-space-micro-xxs); /* top and bottom padding around scrollbar handle. */
|
|
927
929
|
--container-space-scrollbar-y-outer: var(--global-space-micro-xs); /* top and bottom padding inside scrollbar outer container */
|
|
@@ -1694,6 +1696,7 @@
|
|
|
1694
1696
|
--status-typography-heading-s: var(--global-typography-component-firm-s);
|
|
1695
1697
|
--status-typography-heading-m: var(--global-typography-component-firm-m);
|
|
1696
1698
|
--status-typography-heading-l: var(--global-typography-component-firm-l);
|
|
1699
|
+
--status-color-message-global-label-hover: light-dark(var(--modes-color-interactive-monochrome-generic-with-hover-light), var(--modes-color-interactive-monochrome-generic-with-hover-dark));
|
|
1697
1700
|
--status-color-message-global-callout-bg-hover: light-dark(var(--modes-color-status-callout-hover-alt-light), var(--modes-color-status-callout-hover-alt-dark)); /* global message bg hover */
|
|
1698
1701
|
--status-color-message-global-info-bg-hover: light-dark(var(--modes-color-status-info-hover-alt-light), var(--modes-color-status-info-hover-alt-dark));
|
|
1699
1702
|
--status-color-message-global-warning-bg-hover: light-dark(var(--modes-color-status-caution-hover-alt-light), var(--modes-color-status-caution-hover-alt-dark));
|
|
@@ -1716,7 +1719,6 @@
|
|
|
1716
1719
|
--status-color-rating-bg-hover: light-dark(var(--modes-color-status-reviews-hover-light), var(--modes-color-status-reviews-hover-dark));
|
|
1717
1720
|
--status-color-rating-border-default: light-dark(var(--modes-color-status-reviews-default-light), var(--modes-color-status-reviews-default-dark));
|
|
1718
1721
|
--status-color-message-global-label-default: light-dark(var(--modes-color-status-content-with-default-alt-light), var(--modes-color-status-content-with-default-alt-dark));
|
|
1719
|
-
--status-color-message-global-label-hover: light-dark(var(--modes-color-status-content-with-default-alt-light), var(--modes-color-status-content-with-default-alt-dark));
|
|
1720
1722
|
--status-color-message-global-callout-icon: light-dark(var(--modes-color-status-content-with-default-alt-light), var(--modes-color-status-content-with-default-alt-dark)); /* Icon on tinted bgs */
|
|
1721
1723
|
--status-color-message-contextual-callout-icon: light-dark(var(--modes-color-status-content-with-default-alt-light), var(--modes-color-status-content-with-default-alt-dark));
|
|
1722
1724
|
--status-color-pill-label-default: light-dark(var(--modes-color-status-content-with-default-light), var(--modes-color-status-content-with-default-dark));
|
|
@@ -1862,8 +1864,6 @@
|
|
|
1862
1864
|
--table-space-row-xg-m: var(--global-space-micro-l); /* internal spacing between text, checkboxes, icons etc */
|
|
1863
1865
|
--table-space-row-xg-l: var(--global-space-micro-l); /* internal spacing between text, checkboxes, icons etc */
|
|
1864
1866
|
--table-space-row-xg-xl: var(--global-space-micro-l); /* internal spacing between text, checkboxes, icons etc */
|
|
1865
|
-
--table-space-row-y-m: var(--global-space-micro-l); /* top and bottom adding inside pagination */
|
|
1866
|
-
--table-space-row-yg-m: var(--global-space-micro-l); /* gap between table and pagination */
|
|
1867
1867
|
--table-space-rowchild-x-xs: calc(var(--global-space-macro-l) + var(--global-space-micro-s)); /* Left padding inside XS child row cells */
|
|
1868
1868
|
--table-space-rowchild-x-s: calc(var(--global-space-macro-xl) + var(--global-space-micro-s)); /* Left padding inside S child row cells */
|
|
1869
1869
|
--table-space-rowchild-x-m: calc(var(--global-space-macro-xl) + var(--global-space-micro-s)); /* Left padding inside M child row cells */
|
|
@@ -215,9 +215,11 @@
|
|
|
215
215
|
--container-space-linkpreview-yg-s: var(--global-space-micro-s); /* Content horizontal padding for small variant */
|
|
216
216
|
--container-space-linkpreview-yg-m: var(--global-space-micro-l); /* Content horizontal padding for medium variant */
|
|
217
217
|
--container-space-linkpreview-yg-l: var(--global-space-micro-xxl); /* Content horizontal padding for large variant */
|
|
218
|
-
--container-space-pagination-xg-m: var(--global-space-
|
|
218
|
+
--container-space-pagination-xg-m: var(--global-space-macro-xxxs); /* gap between elements in pagination */
|
|
219
219
|
--container-space-pagination-xg-l: var(--global-space-macro-xs); /* gap between page nav buttons in pagination */
|
|
220
|
-
--container-space-pagination-y-m: var(--global-space-
|
|
220
|
+
--container-space-pagination-y-m: var(--global-space-macro-xxs); /* top and bottom padding inside pagination */
|
|
221
|
+
--container-space-pagination-y-l: var(--global-space-macro-xs); /* external margin on top of floating pagination variant */
|
|
222
|
+
--container-space-pagination-yg-m: var(--global-space-macro-xxxs); /* gap between left and right pagination elements when stacked vertically on small screens */
|
|
221
223
|
--container-space-pagination-x-m: var(--global-space-macro-xs); /* left and right padding inside pagination */
|
|
222
224
|
--container-space-scrollbar-y-inner: var(--global-space-micro-xxs); /* top and bottom padding around scrollbar handle. */
|
|
223
225
|
--container-space-scrollbar-y-outer: var(--global-space-micro-xs); /* top and bottom padding inside scrollbar outer container */
|
|
@@ -63,6 +63,7 @@
|
|
|
63
63
|
--status-typography-responsive-heading-s: var(--global-typography-responsive-component-firm-s);
|
|
64
64
|
--status-typography-responsive-heading-m: var(--global-typography-responsive-component-firm-m);
|
|
65
65
|
--status-typography-responsive-heading-l: var(--global-typography-responsive-component-firm-l);
|
|
66
|
+
--status-color-message-global-label-hover: var(--modes-color-interactive-monochrome-generic-with-hover);
|
|
66
67
|
--status-color-message-global-callout-bg-hover: var(--modes-color-status-callout-hover-alt); /* global message bg hover */
|
|
67
68
|
--status-color-message-global-info-bg-hover: var(--modes-color-status-info-hover-alt);
|
|
68
69
|
--status-color-message-global-warning-bg-hover: var(--modes-color-status-caution-hover-alt);
|
|
@@ -85,7 +86,6 @@
|
|
|
85
86
|
--status-color-rating-bg-hover: var(--modes-color-status-reviews-hover);
|
|
86
87
|
--status-color-rating-border-default: var(--modes-color-status-reviews-default);
|
|
87
88
|
--status-color-message-global-label-default: var(--modes-color-status-content-with-default-alt);
|
|
88
|
-
--status-color-message-global-label-hover: var(--modes-color-status-content-with-default-alt);
|
|
89
89
|
--status-color-message-global-callout-icon: var(--modes-color-status-content-with-default-alt); /* Icon on tinted bgs */
|
|
90
90
|
--status-color-message-contextual-callout-icon: var(--modes-color-status-content-with-default-alt);
|
|
91
91
|
--status-color-pill-label-default: var(--modes-color-status-content-with-default);
|
|
@@ -63,8 +63,6 @@
|
|
|
63
63
|
--table-space-row-xg-m: var(--global-space-micro-l); /* internal spacing between text, checkboxes, icons etc */
|
|
64
64
|
--table-space-row-xg-l: var(--global-space-micro-l); /* internal spacing between text, checkboxes, icons etc */
|
|
65
65
|
--table-space-row-xg-xl: var(--global-space-micro-l); /* internal spacing between text, checkboxes, icons etc */
|
|
66
|
-
--table-space-row-y-m: var(--global-space-micro-l); /* top and bottom adding inside pagination */
|
|
67
|
-
--table-space-row-yg-m: var(--global-space-micro-l); /* gap between table and pagination */
|
|
68
66
|
--table-space-rowchild-x-xs: calc(var(--global-space-macro-l) + var(--global-space-micro-s)); /* Left padding inside XS child row cells */
|
|
69
67
|
--table-space-rowchild-x-s: calc(var(--global-space-macro-xl) + var(--global-space-micro-s)); /* Left padding inside S child row cells */
|
|
70
68
|
--table-space-rowchild-x-m: calc(var(--global-space-macro-xl) + var(--global-space-micro-s)); /* Left padding inside M child row cells */
|
|
@@ -215,9 +215,11 @@
|
|
|
215
215
|
--container-space-linkpreview-yg-s: var(--global-space-micro-s); /* Content horizontal padding for small variant */
|
|
216
216
|
--container-space-linkpreview-yg-m: var(--global-space-micro-l); /* Content horizontal padding for medium variant */
|
|
217
217
|
--container-space-linkpreview-yg-l: var(--global-space-micro-xxl); /* Content horizontal padding for large variant */
|
|
218
|
-
--container-space-pagination-xg-m: var(--global-space-
|
|
218
|
+
--container-space-pagination-xg-m: var(--global-space-macro-xxxs); /* gap between elements in pagination */
|
|
219
219
|
--container-space-pagination-xg-l: var(--global-space-macro-xs); /* gap between page nav buttons in pagination */
|
|
220
|
-
--container-space-pagination-y-m: var(--global-space-
|
|
220
|
+
--container-space-pagination-y-m: var(--global-space-macro-xxs); /* top and bottom padding inside pagination */
|
|
221
|
+
--container-space-pagination-y-l: var(--global-space-macro-xs); /* external margin on top of floating pagination variant */
|
|
222
|
+
--container-space-pagination-yg-m: var(--global-space-macro-xxxs); /* gap between left and right pagination elements when stacked vertically on small screens */
|
|
221
223
|
--container-space-pagination-x-m: var(--global-space-macro-xs); /* left and right padding inside pagination */
|
|
222
224
|
--container-space-scrollbar-y-inner: var(--global-space-micro-xxs); /* top and bottom padding around scrollbar handle. */
|
|
223
225
|
--container-space-scrollbar-y-outer: var(--global-space-micro-xs); /* top and bottom padding inside scrollbar outer container */
|
|
@@ -63,6 +63,7 @@
|
|
|
63
63
|
--status-typography-responsive-heading-s: var(--global-typography-responsive-component-firm-s);
|
|
64
64
|
--status-typography-responsive-heading-m: var(--global-typography-responsive-component-firm-m);
|
|
65
65
|
--status-typography-responsive-heading-l: var(--global-typography-responsive-component-firm-l);
|
|
66
|
+
--status-color-message-global-label-hover: var(--modes-color-interactive-monochrome-generic-with-hover);
|
|
66
67
|
--status-color-message-global-callout-bg-hover: var(--modes-color-status-callout-hover-alt); /* global message bg hover */
|
|
67
68
|
--status-color-message-global-info-bg-hover: var(--modes-color-status-info-hover-alt);
|
|
68
69
|
--status-color-message-global-warning-bg-hover: var(--modes-color-status-caution-hover-alt);
|
|
@@ -85,7 +86,6 @@
|
|
|
85
86
|
--status-color-rating-bg-hover: var(--modes-color-status-reviews-hover);
|
|
86
87
|
--status-color-rating-border-default: var(--modes-color-status-reviews-default);
|
|
87
88
|
--status-color-message-global-label-default: var(--modes-color-status-content-with-default-alt);
|
|
88
|
-
--status-color-message-global-label-hover: var(--modes-color-status-content-with-default-alt);
|
|
89
89
|
--status-color-message-global-callout-icon: var(--modes-color-status-content-with-default-alt); /* Icon on tinted bgs */
|
|
90
90
|
--status-color-message-contextual-callout-icon: var(--modes-color-status-content-with-default-alt);
|
|
91
91
|
--status-color-pill-label-default: var(--modes-color-status-content-with-default);
|
|
@@ -63,8 +63,6 @@
|
|
|
63
63
|
--table-space-row-xg-m: var(--global-space-micro-l); /* internal spacing between text, checkboxes, icons etc */
|
|
64
64
|
--table-space-row-xg-l: var(--global-space-micro-l); /* internal spacing between text, checkboxes, icons etc */
|
|
65
65
|
--table-space-row-xg-xl: var(--global-space-micro-l); /* internal spacing between text, checkboxes, icons etc */
|
|
66
|
-
--table-space-row-y-m: var(--global-space-micro-l); /* top and bottom adding inside pagination */
|
|
67
|
-
--table-space-row-yg-m: var(--global-space-micro-l); /* gap between table and pagination */
|
|
68
66
|
--table-space-rowchild-x-xs: calc(var(--global-space-macro-l) + var(--global-space-micro-s)); /* Left padding inside XS child row cells */
|
|
69
67
|
--table-space-rowchild-x-s: calc(var(--global-space-macro-xl) + var(--global-space-micro-s)); /* Left padding inside S child row cells */
|
|
70
68
|
--table-space-rowchild-x-m: calc(var(--global-space-macro-xl) + var(--global-space-micro-s)); /* Left padding inside M child row cells */
|
package/css/product/all.css
CHANGED
|
@@ -919,9 +919,11 @@
|
|
|
919
919
|
--container-space-linkpreview-yg-s: var(--global-space-micro-s); /* Content horizontal padding for small variant */
|
|
920
920
|
--container-space-linkpreview-yg-m: var(--global-space-micro-l); /* Content horizontal padding for medium variant */
|
|
921
921
|
--container-space-linkpreview-yg-l: var(--global-space-micro-xxl); /* Content horizontal padding for large variant */
|
|
922
|
-
--container-space-pagination-xg-m: var(--global-space-
|
|
922
|
+
--container-space-pagination-xg-m: var(--global-space-macro-xxxs); /* gap between elements in pagination */
|
|
923
923
|
--container-space-pagination-xg-l: var(--global-space-macro-xs); /* gap between page nav buttons in pagination */
|
|
924
|
-
--container-space-pagination-y-m: var(--global-space-
|
|
924
|
+
--container-space-pagination-y-m: var(--global-space-macro-xxs); /* top and bottom padding inside pagination */
|
|
925
|
+
--container-space-pagination-y-l: var(--global-space-macro-xs); /* external margin on top of floating pagination variant */
|
|
926
|
+
--container-space-pagination-yg-m: var(--global-space-macro-xxxs); /* gap between left and right pagination elements when stacked vertically on small screens */
|
|
925
927
|
--container-space-pagination-x-m: var(--global-space-macro-xs); /* left and right padding inside pagination */
|
|
926
928
|
--container-space-scrollbar-y-inner: var(--global-space-micro-xxs); /* top and bottom padding around scrollbar handle. */
|
|
927
929
|
--container-space-scrollbar-y-outer: var(--global-space-micro-xs); /* top and bottom padding inside scrollbar outer container */
|
|
@@ -1694,6 +1696,7 @@
|
|
|
1694
1696
|
--status-typography-heading-s: var(--global-typography-component-firm-s);
|
|
1695
1697
|
--status-typography-heading-m: var(--global-typography-component-firm-m);
|
|
1696
1698
|
--status-typography-heading-l: var(--global-typography-component-firm-l);
|
|
1699
|
+
--status-color-message-global-label-hover: light-dark(var(--modes-color-interactive-monochrome-generic-with-hover-light), var(--modes-color-interactive-monochrome-generic-with-hover-dark));
|
|
1697
1700
|
--status-color-message-global-callout-bg-hover: light-dark(var(--modes-color-status-callout-hover-alt-light), var(--modes-color-status-callout-hover-alt-dark)); /* global message bg hover */
|
|
1698
1701
|
--status-color-message-global-info-bg-hover: light-dark(var(--modes-color-status-info-hover-alt-light), var(--modes-color-status-info-hover-alt-dark));
|
|
1699
1702
|
--status-color-message-global-warning-bg-hover: light-dark(var(--modes-color-status-caution-hover-alt-light), var(--modes-color-status-caution-hover-alt-dark));
|
|
@@ -1716,7 +1719,6 @@
|
|
|
1716
1719
|
--status-color-rating-bg-hover: light-dark(var(--modes-color-status-reviews-hover-light), var(--modes-color-status-reviews-hover-dark));
|
|
1717
1720
|
--status-color-rating-border-default: light-dark(var(--modes-color-status-reviews-default-light), var(--modes-color-status-reviews-default-dark));
|
|
1718
1721
|
--status-color-message-global-label-default: light-dark(var(--modes-color-status-content-with-default-alt-light), var(--modes-color-status-content-with-default-alt-dark));
|
|
1719
|
-
--status-color-message-global-label-hover: light-dark(var(--modes-color-status-content-with-default-alt-light), var(--modes-color-status-content-with-default-alt-dark));
|
|
1720
1722
|
--status-color-message-global-callout-icon: light-dark(var(--modes-color-status-content-with-default-alt-light), var(--modes-color-status-content-with-default-alt-dark)); /* Icon on tinted bgs */
|
|
1721
1723
|
--status-color-message-contextual-callout-icon: light-dark(var(--modes-color-status-content-with-default-alt-light), var(--modes-color-status-content-with-default-alt-dark));
|
|
1722
1724
|
--status-color-pill-label-default: light-dark(var(--modes-color-status-content-with-default-light), var(--modes-color-status-content-with-default-dark));
|
|
@@ -1862,8 +1864,6 @@
|
|
|
1862
1864
|
--table-space-row-xg-m: var(--global-space-micro-l); /* internal spacing between text, checkboxes, icons etc */
|
|
1863
1865
|
--table-space-row-xg-l: var(--global-space-micro-l); /* internal spacing between text, checkboxes, icons etc */
|
|
1864
1866
|
--table-space-row-xg-xl: var(--global-space-micro-l); /* internal spacing between text, checkboxes, icons etc */
|
|
1865
|
-
--table-space-row-y-m: var(--global-space-micro-l); /* top and bottom adding inside pagination */
|
|
1866
|
-
--table-space-row-yg-m: var(--global-space-micro-l); /* gap between table and pagination */
|
|
1867
1867
|
--table-space-rowchild-x-xs: calc(var(--global-space-macro-l) + var(--global-space-micro-s)); /* Left padding inside XS child row cells */
|
|
1868
1868
|
--table-space-rowchild-x-s: calc(var(--global-space-macro-xl) + var(--global-space-micro-s)); /* Left padding inside S child row cells */
|
|
1869
1869
|
--table-space-rowchild-x-m: calc(var(--global-space-macro-xl) + var(--global-space-micro-s)); /* Left padding inside M child row cells */
|
|
@@ -215,9 +215,11 @@
|
|
|
215
215
|
--container-space-linkpreview-yg-s: var(--global-space-micro-s); /* Content horizontal padding for small variant */
|
|
216
216
|
--container-space-linkpreview-yg-m: var(--global-space-micro-l); /* Content horizontal padding for medium variant */
|
|
217
217
|
--container-space-linkpreview-yg-l: var(--global-space-micro-xxl); /* Content horizontal padding for large variant */
|
|
218
|
-
--container-space-pagination-xg-m: var(--global-space-
|
|
218
|
+
--container-space-pagination-xg-m: var(--global-space-macro-xxxs); /* gap between elements in pagination */
|
|
219
219
|
--container-space-pagination-xg-l: var(--global-space-macro-xs); /* gap between page nav buttons in pagination */
|
|
220
|
-
--container-space-pagination-y-m: var(--global-space-
|
|
220
|
+
--container-space-pagination-y-m: var(--global-space-macro-xxs); /* top and bottom padding inside pagination */
|
|
221
|
+
--container-space-pagination-y-l: var(--global-space-macro-xs); /* external margin on top of floating pagination variant */
|
|
222
|
+
--container-space-pagination-yg-m: var(--global-space-macro-xxxs); /* gap between left and right pagination elements when stacked vertically on small screens */
|
|
221
223
|
--container-space-pagination-x-m: var(--global-space-macro-xs); /* left and right padding inside pagination */
|
|
222
224
|
--container-space-scrollbar-y-inner: var(--global-space-micro-xxs); /* top and bottom padding around scrollbar handle. */
|
|
223
225
|
--container-space-scrollbar-y-outer: var(--global-space-micro-xs); /* top and bottom padding inside scrollbar outer container */
|
|
@@ -63,6 +63,7 @@
|
|
|
63
63
|
--status-typography-responsive-heading-s: var(--global-typography-responsive-component-firm-s);
|
|
64
64
|
--status-typography-responsive-heading-m: var(--global-typography-responsive-component-firm-m);
|
|
65
65
|
--status-typography-responsive-heading-l: var(--global-typography-responsive-component-firm-l);
|
|
66
|
+
--status-color-message-global-label-hover: var(--modes-color-interactive-monochrome-generic-with-hover);
|
|
66
67
|
--status-color-message-global-callout-bg-hover: var(--modes-color-status-callout-hover-alt); /* global message bg hover */
|
|
67
68
|
--status-color-message-global-info-bg-hover: var(--modes-color-status-info-hover-alt);
|
|
68
69
|
--status-color-message-global-warning-bg-hover: var(--modes-color-status-caution-hover-alt);
|
|
@@ -85,7 +86,6 @@
|
|
|
85
86
|
--status-color-rating-bg-hover: var(--modes-color-status-reviews-hover);
|
|
86
87
|
--status-color-rating-border-default: var(--modes-color-status-reviews-default);
|
|
87
88
|
--status-color-message-global-label-default: var(--modes-color-status-content-with-default-alt);
|
|
88
|
-
--status-color-message-global-label-hover: var(--modes-color-status-content-with-default-alt);
|
|
89
89
|
--status-color-message-global-callout-icon: var(--modes-color-status-content-with-default-alt); /* Icon on tinted bgs */
|
|
90
90
|
--status-color-message-contextual-callout-icon: var(--modes-color-status-content-with-default-alt);
|
|
91
91
|
--status-color-pill-label-default: var(--modes-color-status-content-with-default);
|
|
@@ -63,8 +63,6 @@
|
|
|
63
63
|
--table-space-row-xg-m: var(--global-space-micro-l); /* internal spacing between text, checkboxes, icons etc */
|
|
64
64
|
--table-space-row-xg-l: var(--global-space-micro-l); /* internal spacing between text, checkboxes, icons etc */
|
|
65
65
|
--table-space-row-xg-xl: var(--global-space-micro-l); /* internal spacing between text, checkboxes, icons etc */
|
|
66
|
-
--table-space-row-y-m: var(--global-space-micro-l); /* top and bottom adding inside pagination */
|
|
67
|
-
--table-space-row-yg-m: var(--global-space-micro-l); /* gap between table and pagination */
|
|
68
66
|
--table-space-rowchild-x-xs: calc(var(--global-space-macro-l) + var(--global-space-micro-s)); /* Left padding inside XS child row cells */
|
|
69
67
|
--table-space-rowchild-x-s: calc(var(--global-space-macro-xl) + var(--global-space-micro-s)); /* Left padding inside S child row cells */
|
|
70
68
|
--table-space-rowchild-x-m: calc(var(--global-space-macro-xl) + var(--global-space-micro-s)); /* Left padding inside M child row cells */
|
|
@@ -215,9 +215,11 @@
|
|
|
215
215
|
--container-space-linkpreview-yg-s: var(--global-space-micro-s); /* Content horizontal padding for small variant */
|
|
216
216
|
--container-space-linkpreview-yg-m: var(--global-space-micro-l); /* Content horizontal padding for medium variant */
|
|
217
217
|
--container-space-linkpreview-yg-l: var(--global-space-micro-xxl); /* Content horizontal padding for large variant */
|
|
218
|
-
--container-space-pagination-xg-m: var(--global-space-
|
|
218
|
+
--container-space-pagination-xg-m: var(--global-space-macro-xxxs); /* gap between elements in pagination */
|
|
219
219
|
--container-space-pagination-xg-l: var(--global-space-macro-xs); /* gap between page nav buttons in pagination */
|
|
220
|
-
--container-space-pagination-y-m: var(--global-space-
|
|
220
|
+
--container-space-pagination-y-m: var(--global-space-macro-xxs); /* top and bottom padding inside pagination */
|
|
221
|
+
--container-space-pagination-y-l: var(--global-space-macro-xs); /* external margin on top of floating pagination variant */
|
|
222
|
+
--container-space-pagination-yg-m: var(--global-space-macro-xxxs); /* gap between left and right pagination elements when stacked vertically on small screens */
|
|
221
223
|
--container-space-pagination-x-m: var(--global-space-macro-xs); /* left and right padding inside pagination */
|
|
222
224
|
--container-space-scrollbar-y-inner: var(--global-space-micro-xxs); /* top and bottom padding around scrollbar handle. */
|
|
223
225
|
--container-space-scrollbar-y-outer: var(--global-space-micro-xs); /* top and bottom padding inside scrollbar outer container */
|
|
@@ -63,6 +63,7 @@
|
|
|
63
63
|
--status-typography-responsive-heading-s: var(--global-typography-responsive-component-firm-s);
|
|
64
64
|
--status-typography-responsive-heading-m: var(--global-typography-responsive-component-firm-m);
|
|
65
65
|
--status-typography-responsive-heading-l: var(--global-typography-responsive-component-firm-l);
|
|
66
|
+
--status-color-message-global-label-hover: var(--modes-color-interactive-monochrome-generic-with-hover);
|
|
66
67
|
--status-color-message-global-callout-bg-hover: var(--modes-color-status-callout-hover-alt); /* global message bg hover */
|
|
67
68
|
--status-color-message-global-info-bg-hover: var(--modes-color-status-info-hover-alt);
|
|
68
69
|
--status-color-message-global-warning-bg-hover: var(--modes-color-status-caution-hover-alt);
|
|
@@ -85,7 +86,6 @@
|
|
|
85
86
|
--status-color-rating-bg-hover: var(--modes-color-status-reviews-hover);
|
|
86
87
|
--status-color-rating-border-default: var(--modes-color-status-reviews-default);
|
|
87
88
|
--status-color-message-global-label-default: var(--modes-color-status-content-with-default-alt);
|
|
88
|
-
--status-color-message-global-label-hover: var(--modes-color-status-content-with-default-alt);
|
|
89
89
|
--status-color-message-global-callout-icon: var(--modes-color-status-content-with-default-alt); /* Icon on tinted bgs */
|
|
90
90
|
--status-color-message-contextual-callout-icon: var(--modes-color-status-content-with-default-alt);
|
|
91
91
|
--status-color-pill-label-default: var(--modes-color-status-content-with-default);
|
|
@@ -63,8 +63,6 @@
|
|
|
63
63
|
--table-space-row-xg-m: var(--global-space-micro-l); /* internal spacing between text, checkboxes, icons etc */
|
|
64
64
|
--table-space-row-xg-l: var(--global-space-micro-l); /* internal spacing between text, checkboxes, icons etc */
|
|
65
65
|
--table-space-row-xg-xl: var(--global-space-micro-l); /* internal spacing between text, checkboxes, icons etc */
|
|
66
|
-
--table-space-row-y-m: var(--global-space-micro-l); /* top and bottom adding inside pagination */
|
|
67
|
-
--table-space-row-yg-m: var(--global-space-micro-l); /* gap between table and pagination */
|
|
68
66
|
--table-space-rowchild-x-xs: calc(var(--global-space-macro-l) + var(--global-space-micro-s)); /* Left padding inside XS child row cells */
|
|
69
67
|
--table-space-rowchild-x-s: calc(var(--global-space-macro-xl) + var(--global-space-micro-s)); /* Left padding inside S child row cells */
|
|
70
68
|
--table-space-rowchild-x-m: calc(var(--global-space-macro-xl) + var(--global-space-micro-s)); /* Left padding inside M child row cells */
|
|
@@ -194,7 +194,9 @@
|
|
|
194
194
|
#define containerSpaceLinkpreviewYgL 12
|
|
195
195
|
#define containerSpacePaginationXgM 8
|
|
196
196
|
#define containerSpacePaginationXgL 16
|
|
197
|
-
#define containerSpacePaginationYM
|
|
197
|
+
#define containerSpacePaginationYM 12
|
|
198
|
+
#define containerSpacePaginationYL 16
|
|
199
|
+
#define containerSpacePaginationYgM 8
|
|
198
200
|
#define containerSpacePaginationXM 16
|
|
199
201
|
#define containerSpaceScrollbarYInner 1
|
|
200
202
|
#define containerSpaceScrollbarYOuter 2
|
|
@@ -11,7 +11,7 @@
|
|
|
11
11
|
|
|
12
12
|
#define statusColorNone #fff0
|
|
13
13
|
#define statusColorMessageGlobalLabelDefault #fffffff2
|
|
14
|
-
#define statusColorMessageGlobalLabelHover #
|
|
14
|
+
#define statusColorMessageGlobalLabelHover #FFFFFF
|
|
15
15
|
#define statusColorMessageGlobalCalloutBgDefault #122211
|
|
16
16
|
#define statusColorMessageGlobalCalloutBgHover #223121
|
|
17
17
|
#define statusColorMessageGlobalCalloutIcon #fffffff2
|
|
@@ -194,7 +194,9 @@
|
|
|
194
194
|
#define containerSpaceLinkpreviewYgL 12
|
|
195
195
|
#define containerSpacePaginationXgM 8
|
|
196
196
|
#define containerSpacePaginationXgL 16
|
|
197
|
-
#define containerSpacePaginationYM
|
|
197
|
+
#define containerSpacePaginationYM 12
|
|
198
|
+
#define containerSpacePaginationYL 16
|
|
199
|
+
#define containerSpacePaginationYgM 8
|
|
198
200
|
#define containerSpacePaginationXM 16
|
|
199
201
|
#define containerSpaceScrollbarYInner 1
|
|
200
202
|
#define containerSpaceScrollbarYOuter 2
|
|
@@ -11,7 +11,7 @@
|
|
|
11
11
|
|
|
12
12
|
#define statusColorNone #fff0
|
|
13
13
|
#define statusColorMessageGlobalLabelDefault #000000f2
|
|
14
|
-
#define statusColorMessageGlobalLabelHover #
|
|
14
|
+
#define statusColorMessageGlobalLabelHover #000000
|
|
15
15
|
#define statusColorMessageGlobalCalloutBgDefault #e5fae2
|
|
16
16
|
#define statusColorMessageGlobalCalloutBgHover #d8ecd5
|
|
17
17
|
#define statusColorMessageGlobalCalloutIcon #000000f2
|
|
@@ -192,9 +192,11 @@
|
|
|
192
192
|
#define containerSpaceLinkpreviewYgS 4
|
|
193
193
|
#define containerSpaceLinkpreviewYgM 8
|
|
194
194
|
#define containerSpaceLinkpreviewYgL 12
|
|
195
|
-
#define containerSpacePaginationXgM
|
|
195
|
+
#define containerSpacePaginationXgM 6.4
|
|
196
196
|
#define containerSpacePaginationXgL 12.8
|
|
197
|
-
#define containerSpacePaginationYM
|
|
197
|
+
#define containerSpacePaginationYM 9.6
|
|
198
|
+
#define containerSpacePaginationYL 12.8
|
|
199
|
+
#define containerSpacePaginationYgM 6.4
|
|
198
200
|
#define containerSpacePaginationXM 12.8
|
|
199
201
|
#define containerSpaceScrollbarYInner 1
|
|
200
202
|
#define containerSpaceScrollbarYOuter 2
|
|
@@ -11,7 +11,7 @@
|
|
|
11
11
|
|
|
12
12
|
#define statusColorNone #fff0
|
|
13
13
|
#define statusColorMessageGlobalLabelDefault #fffffff2
|
|
14
|
-
#define statusColorMessageGlobalLabelHover #
|
|
14
|
+
#define statusColorMessageGlobalLabelHover #FFFFFF
|
|
15
15
|
#define statusColorMessageGlobalCalloutBgDefault #122211
|
|
16
16
|
#define statusColorMessageGlobalCalloutBgHover #223121
|
|
17
17
|
#define statusColorMessageGlobalCalloutIcon #fffffff2
|
|
@@ -192,9 +192,11 @@
|
|
|
192
192
|
#define containerSpaceLinkpreviewYgS 4
|
|
193
193
|
#define containerSpaceLinkpreviewYgM 8
|
|
194
194
|
#define containerSpaceLinkpreviewYgL 12
|
|
195
|
-
#define containerSpacePaginationXgM
|
|
195
|
+
#define containerSpacePaginationXgM 6.4
|
|
196
196
|
#define containerSpacePaginationXgL 12.8
|
|
197
|
-
#define containerSpacePaginationYM
|
|
197
|
+
#define containerSpacePaginationYM 9.6
|
|
198
|
+
#define containerSpacePaginationYL 12.8
|
|
199
|
+
#define containerSpacePaginationYgM 6.4
|
|
198
200
|
#define containerSpacePaginationXM 12.8
|
|
199
201
|
#define containerSpaceScrollbarYInner 1
|
|
200
202
|
#define containerSpaceScrollbarYOuter 2
|
|
@@ -11,7 +11,7 @@
|
|
|
11
11
|
|
|
12
12
|
#define statusColorNone #fff0
|
|
13
13
|
#define statusColorMessageGlobalLabelDefault #000000f2
|
|
14
|
-
#define statusColorMessageGlobalLabelHover #
|
|
14
|
+
#define statusColorMessageGlobalLabelHover #000000
|
|
15
15
|
#define statusColorMessageGlobalCalloutBgDefault #e5fae2
|
|
16
16
|
#define statusColorMessageGlobalCalloutBgHover #d8ecd5
|
|
17
17
|
#define statusColorMessageGlobalCalloutIcon #000000f2
|
|
@@ -194,7 +194,9 @@
|
|
|
194
194
|
#define containerSpaceLinkpreviewYgL 12
|
|
195
195
|
#define containerSpacePaginationXgM 8
|
|
196
196
|
#define containerSpacePaginationXgL 16
|
|
197
|
-
#define containerSpacePaginationYM
|
|
197
|
+
#define containerSpacePaginationYM 12
|
|
198
|
+
#define containerSpacePaginationYL 16
|
|
199
|
+
#define containerSpacePaginationYgM 8
|
|
198
200
|
#define containerSpacePaginationXM 16
|
|
199
201
|
#define containerSpaceScrollbarYInner 1
|
|
200
202
|
#define containerSpaceScrollbarYOuter 2
|
|
@@ -11,7 +11,7 @@
|
|
|
11
11
|
|
|
12
12
|
#define statusColorNone #fff0
|
|
13
13
|
#define statusColorMessageGlobalLabelDefault #fffffff2
|
|
14
|
-
#define statusColorMessageGlobalLabelHover #
|
|
14
|
+
#define statusColorMessageGlobalLabelHover #FFFFFF
|
|
15
15
|
#define statusColorMessageGlobalCalloutBgDefault #122211
|
|
16
16
|
#define statusColorMessageGlobalCalloutBgHover #223121
|
|
17
17
|
#define statusColorMessageGlobalCalloutIcon #fffffff2
|
|
@@ -194,7 +194,9 @@
|
|
|
194
194
|
#define containerSpaceLinkpreviewYgL 12
|
|
195
195
|
#define containerSpacePaginationXgM 8
|
|
196
196
|
#define containerSpacePaginationXgL 16
|
|
197
|
-
#define containerSpacePaginationYM
|
|
197
|
+
#define containerSpacePaginationYM 12
|
|
198
|
+
#define containerSpacePaginationYL 16
|
|
199
|
+
#define containerSpacePaginationYgM 8
|
|
198
200
|
#define containerSpacePaginationXM 16
|
|
199
201
|
#define containerSpaceScrollbarYInner 1
|
|
200
202
|
#define containerSpaceScrollbarYOuter 2
|
|
@@ -11,7 +11,7 @@
|
|
|
11
11
|
|
|
12
12
|
#define statusColorNone #fff0
|
|
13
13
|
#define statusColorMessageGlobalLabelDefault #000000f2
|
|
14
|
-
#define statusColorMessageGlobalLabelHover #
|
|
14
|
+
#define statusColorMessageGlobalLabelHover #000000
|
|
15
15
|
#define statusColorMessageGlobalCalloutBgDefault #e5fae2
|
|
16
16
|
#define statusColorMessageGlobalCalloutBgHover #d8ecd5
|
|
17
17
|
#define statusColorMessageGlobalCalloutIcon #000000f2
|
|
@@ -192,9 +192,11 @@
|
|
|
192
192
|
#define containerSpaceLinkpreviewYgS 4
|
|
193
193
|
#define containerSpaceLinkpreviewYgM 8
|
|
194
194
|
#define containerSpaceLinkpreviewYgL 12
|
|
195
|
-
#define containerSpacePaginationXgM
|
|
195
|
+
#define containerSpacePaginationXgM 6.4
|
|
196
196
|
#define containerSpacePaginationXgL 12.8
|
|
197
|
-
#define containerSpacePaginationYM
|
|
197
|
+
#define containerSpacePaginationYM 9.6
|
|
198
|
+
#define containerSpacePaginationYL 12.8
|
|
199
|
+
#define containerSpacePaginationYgM 6.4
|
|
198
200
|
#define containerSpacePaginationXM 12.8
|
|
199
201
|
#define containerSpaceScrollbarYInner 1
|
|
200
202
|
#define containerSpaceScrollbarYOuter 2
|