@sage/design-tokens 14.5.0 → 14.7.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 +52 -23
- package/css/frozenproduct/large/components/button.css +32 -13
- package/css/frozenproduct/large/components/container.css +10 -3
- 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/container.css +10 -3
- package/css/frozenproduct/small/components/form.css +6 -3
- package/css/frozenproduct/small/global.css +2 -2
- package/css/marketing/all.css +52 -23
- package/css/marketing/large/components/button.css +32 -13
- package/css/marketing/large/components/container.css +10 -3
- 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/container.css +10 -3
- package/css/marketing/small/components/form.css +6 -3
- package/css/marketing/small/global.css +2 -2
- package/css/product/all.css +62 -33
- package/css/product/large/components/button.css +32 -13
- package/css/product/large/components/container.css +10 -3
- 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/container.css +10 -3
- package/css/product/small/components/form.css +6 -3
- package/css/product/small/components/table.css +10 -10
- package/css/product/small/global.css +2 -2
- package/ios/frozenproduct/large/dark/components/button.h +32 -13
- package/ios/frozenproduct/large/dark/components/container.h +11 -4
- 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/container.h +11 -4
- 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/container.h +11 -4
- 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/container.h +11 -4
- 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/container.h +11 -4
- 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/container.h +11 -4
- 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/container.h +11 -4
- 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/container.h +11 -4
- 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/container.h +11 -4
- 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/container.h +11 -4
- 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/container.h +11 -4
- 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/container.h +11 -4
- 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/container.d.ts +22 -11
- package/js/common/frozenproduct/large/dark/components/container.js +176 -81
- 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/container.d.ts +22 -11
- package/js/common/frozenproduct/large/light/components/container.js +176 -81
- 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/container.d.ts +22 -11
- package/js/common/frozenproduct/small/dark/components/container.js +176 -81
- 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/container.d.ts +22 -11
- package/js/common/frozenproduct/small/light/components/container.js +176 -81
- 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/container.d.ts +22 -11
- package/js/common/marketing/large/dark/components/container.js +176 -81
- 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/container.d.ts +22 -11
- package/js/common/marketing/large/light/components/container.js +176 -81
- 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/container.d.ts +22 -11
- package/js/common/marketing/small/dark/components/container.js +176 -81
- 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/container.d.ts +22 -11
- package/js/common/marketing/small/light/components/container.js +176 -81
- 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/container.d.ts +22 -11
- package/js/common/product/large/dark/components/container.js +176 -81
- 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/container.d.ts +22 -11
- package/js/common/product/large/light/components/container.js +176 -81
- 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/container.d.ts +22 -11
- package/js/common/product/small/dark/components/container.js +176 -81
- 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/container.d.ts +22 -11
- package/js/common/product/small/light/components/container.js +176 -81
- 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/container.d.ts +11 -4
- package/js/es6/frozenproduct/large/dark/components/container.js +11 -4
- 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/container.d.ts +11 -4
- package/js/es6/frozenproduct/large/light/components/container.js +11 -4
- 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/container.d.ts +11 -4
- package/js/es6/frozenproduct/small/dark/components/container.js +11 -4
- 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/container.d.ts +11 -4
- package/js/es6/frozenproduct/small/light/components/container.js +11 -4
- 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/container.d.ts +11 -4
- package/js/es6/marketing/large/dark/components/container.js +11 -4
- 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/container.d.ts +11 -4
- package/js/es6/marketing/large/light/components/container.js +11 -4
- 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/container.d.ts +11 -4
- package/js/es6/marketing/small/dark/components/container.js +11 -4
- 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/container.d.ts +11 -4
- package/js/es6/marketing/small/light/components/container.js +11 -4
- 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/container.d.ts +11 -4
- package/js/es6/product/large/dark/components/container.js +11 -4
- 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/container.d.ts +11 -4
- package/js/es6/product/large/light/components/container.js +11 -4
- 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/container.d.ts +11 -4
- package/js/es6/product/small/dark/components/container.js +11 -4
- 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/container.d.ts +11 -4
- package/js/es6/product/small/light/components/container.js +11 -4
- 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/container.js +176 -81
- 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/container.js +176 -81
- 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/container.js +176 -81
- 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/container.js +176 -81
- 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/container.js +176 -81
- 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/container.js +176 -81
- 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/container.js +176 -81
- 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/container.js +176 -81
- 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/container.js +176 -81
- 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/container.js +176 -81
- 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/container.js +176 -81
- 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/container.js +176 -81
- 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/container.json +11 -4
- 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/container.json +11 -4
- 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/container.json +11 -4
- 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/container.json +11 -4
- 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/container.json +11 -4
- 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/container.json +11 -4
- 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/container.json +11 -4
- 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/container.json +11 -4
- 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/container.json +11 -4
- 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/container.json +11 -4
- 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/container.json +11 -4
- 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/container.json +11 -4
- 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/container.json +22 -11
- 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/container.json +22 -11
- 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/container.json +22 -11
- 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/container.json +22 -11
- 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/container.json +22 -11
- 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/container.json +22 -11
- 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/container.json +22 -11
- 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/container.json +22 -11
- 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/container.json +22 -11
- 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/container.json +22 -11
- 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/container.json +22 -11
- 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/container.json +22 -11
- package/json/nested/product/small/light/components/form.json +10 -3
- package/package.json +1 -1
- package/sage-design-tokens-14.7.0.tgz +0 -0
- package/scss/frozenproduct/large/components/button.scss +32 -13
- package/scss/frozenproduct/large/components/container.scss +10 -3
- package/scss/frozenproduct/large/components/form.scss +6 -3
- package/scss/frozenproduct/large/global.scss +2 -2
- package/scss/frozenproduct/small/components/button.scss +32 -13
- package/scss/frozenproduct/small/components/container.scss +10 -3
- package/scss/frozenproduct/small/components/form.scss +6 -3
- package/scss/frozenproduct/small/global.scss +2 -2
- package/scss/marketing/large/components/button.scss +45 -26
- package/scss/marketing/large/components/container.scss +20 -13
- 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 +20 -13
- 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/container.scss +20 -13
- package/scss/product/large/components/form.scss +13 -10
- package/scss/product/large/components/link.scss +2 -2
- package/scss/product/large/components/nav.scss +5 -5
- 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 +3 -3
- package/scss/product/large/components/tab.scss +7 -7
- package/scss/product/large/components/table.scss +10 -10
- package/scss/product/large/global.scss +2 -2
- package/scss/product/small/components/button.scss +32 -13
- package/scss/product/small/components/container.scss +10 -3
- 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
@@ -32,9 +32,9 @@
|
|
32
32
|
},
|
33
33
|
"datepicker": {
|
34
34
|
"pr": {
|
35
|
-
"S":
|
36
|
-
"M":
|
37
|
-
"L":
|
35
|
+
"S": "0",
|
36
|
+
"M": "0",
|
37
|
+
"L": "0"
|
38
38
|
}
|
39
39
|
},
|
40
40
|
"dropdown": {
|
@@ -116,6 +116,13 @@
|
|
116
116
|
"M": 4,
|
117
117
|
"L": 4
|
118
118
|
}
|
119
|
+
},
|
120
|
+
"trigger": {
|
121
|
+
"subtle": {
|
122
|
+
"S": 4,
|
123
|
+
"M": 4,
|
124
|
+
"L": 4
|
125
|
+
}
|
119
126
|
}
|
120
127
|
},
|
121
128
|
"fileinput": {
|
@@ -13,6 +13,7 @@
|
|
13
13
|
"L": 48
|
14
14
|
},
|
15
15
|
"icon": {
|
16
|
+
"S": 16,
|
16
17
|
"M": 20
|
17
18
|
},
|
18
19
|
"video": {
|
@@ -98,9 +99,14 @@
|
|
98
99
|
},
|
99
100
|
"icononly": {
|
100
101
|
"x": {
|
101
|
-
"S":
|
102
|
-
"M":
|
103
|
-
"L":
|
102
|
+
"S": 6,
|
103
|
+
"M": 10,
|
104
|
+
"L": 14
|
105
|
+
},
|
106
|
+
"y": {
|
107
|
+
"S": 6,
|
108
|
+
"M": 10,
|
109
|
+
"L": 14
|
104
110
|
}
|
105
111
|
}
|
106
112
|
},
|
@@ -118,16 +124,23 @@
|
|
118
124
|
"L": 9.5
|
119
125
|
},
|
120
126
|
"xg": {
|
127
|
+
"XS": 4,
|
121
128
|
"S": 6.4,
|
122
129
|
"M": 6.4,
|
123
|
-
"L": 6.4
|
124
|
-
"XS": 4
|
130
|
+
"L": 6.4
|
125
131
|
},
|
126
132
|
"icononly": {
|
127
133
|
"x": {
|
128
|
-
"
|
129
|
-
"
|
130
|
-
"
|
134
|
+
"XS": 4,
|
135
|
+
"S": 6,
|
136
|
+
"M": 10,
|
137
|
+
"L": 14
|
138
|
+
},
|
139
|
+
"y": {
|
140
|
+
"XS": 4,
|
141
|
+
"S": 6,
|
142
|
+
"M": 10,
|
143
|
+
"L": 14
|
131
144
|
}
|
132
145
|
}
|
133
146
|
},
|
@@ -152,9 +165,16 @@
|
|
152
165
|
},
|
153
166
|
"icononly": {
|
154
167
|
"x": {
|
155
|
-
"
|
156
|
-
"
|
157
|
-
"
|
168
|
+
"XS": 4,
|
169
|
+
"S": 6,
|
170
|
+
"M": 10,
|
171
|
+
"L": 14
|
172
|
+
},
|
173
|
+
"y": {
|
174
|
+
"XS": 4,
|
175
|
+
"S": 6,
|
176
|
+
"M": 10,
|
177
|
+
"L": 14
|
158
178
|
}
|
159
179
|
}
|
160
180
|
},
|
@@ -179,9 +199,16 @@
|
|
179
199
|
},
|
180
200
|
"icononly": {
|
181
201
|
"x": {
|
182
|
-
"
|
183
|
-
"
|
184
|
-
"
|
202
|
+
"XS": 4,
|
203
|
+
"S": 6,
|
204
|
+
"M": 10,
|
205
|
+
"L": 14
|
206
|
+
},
|
207
|
+
"y": {
|
208
|
+
"XS": 4,
|
209
|
+
"S": 6,
|
210
|
+
"M": 10,
|
211
|
+
"L": 14
|
185
212
|
}
|
186
213
|
}
|
187
214
|
},
|
@@ -100,9 +100,31 @@
|
|
100
100
|
"maxheight": 960
|
101
101
|
}
|
102
102
|
},
|
103
|
+
"dialog": {
|
104
|
+
"maxWidth": {
|
105
|
+
"XXS": "300",
|
106
|
+
"XS": "380",
|
107
|
+
"S": "540",
|
108
|
+
"M": "750",
|
109
|
+
"L": "850",
|
110
|
+
"XL": "960",
|
111
|
+
"XXL": "1080"
|
112
|
+
}
|
113
|
+
},
|
103
114
|
"drag": {
|
104
115
|
"droptarget": 2
|
105
116
|
},
|
117
|
+
"drawer": {
|
118
|
+
"minwidth": 288,
|
119
|
+
"maxwidth": 760,
|
120
|
+
"closed": {
|
121
|
+
"M": 40
|
122
|
+
}
|
123
|
+
},
|
124
|
+
"footer": {
|
125
|
+
"M": 56,
|
126
|
+
"L": 72
|
127
|
+
},
|
106
128
|
"generic": {
|
107
129
|
"emptystate": {
|
108
130
|
"illustration": {
|
@@ -115,17 +137,6 @@
|
|
115
137
|
}
|
116
138
|
}
|
117
139
|
},
|
118
|
-
"drawer": {
|
119
|
-
"minwidth": 288,
|
120
|
-
"maxwidth": 760,
|
121
|
-
"closed": {
|
122
|
-
"M": 40
|
123
|
-
}
|
124
|
-
},
|
125
|
-
"footer": {
|
126
|
-
"M": 56,
|
127
|
-
"L": 72
|
128
|
-
},
|
129
140
|
"icon": {
|
130
141
|
"S": 20,
|
131
142
|
"M": 20,
|
@@ -32,9 +32,9 @@
|
|
32
32
|
},
|
33
33
|
"datepicker": {
|
34
34
|
"pr": {
|
35
|
-
"S":
|
36
|
-
"M":
|
37
|
-
"L":
|
35
|
+
"S": "0",
|
36
|
+
"M": "0",
|
37
|
+
"L": "0"
|
38
38
|
}
|
39
39
|
},
|
40
40
|
"dropdown": {
|
@@ -116,6 +116,13 @@
|
|
116
116
|
"M": 4,
|
117
117
|
"L": 4
|
118
118
|
}
|
119
|
+
},
|
120
|
+
"trigger": {
|
121
|
+
"subtle": {
|
122
|
+
"S": 4,
|
123
|
+
"M": 4,
|
124
|
+
"L": 4
|
125
|
+
}
|
119
126
|
}
|
120
127
|
},
|
121
128
|
"fileinput": {
|
package/package.json
CHANGED
@@ -6,7 +6,7 @@
|
|
6
6
|
},
|
7
7
|
"description": "Design tokens for the Sage Design System.",
|
8
8
|
"author": "The Sage Group plc",
|
9
|
-
"version": "14.
|
9
|
+
"version": "14.7.0",
|
10
10
|
"license": "SEE LICENSE IN https://github.com/Sage/design-tokens/blob/master/license",
|
11
11
|
"tags": [
|
12
12
|
"design tokens",
|
Binary file
|
@@ -109,6 +109,7 @@ $button-size-toggle-xs: $global-size-macro-xs; // min-height on button within S
|
|
109
109
|
$button-size-toggle-s: $global-size-macro-s; // min-height on S single toggle, and on button within M toggle group
|
110
110
|
$button-size-toggle-m: $global-size-macro-m; // min-height on M single toggle, and on button within L toggle group
|
111
111
|
$button-size-toggle-l: $global-size-macro-l; // min-height on L single toggle
|
112
|
+
$button-size-icon-s: $global-size-icon-s;
|
112
113
|
$button-size-icon-m: $global-size-icon-m;
|
113
114
|
$button-size-video-s: $global-size-macro-m;
|
114
115
|
$button-size-video-m: $global-size-macro-xxl;
|
@@ -143,9 +144,12 @@ $button-space-primary-xg-l: $global-space-macro-xs / 2; // Item spacing inside b
|
|
143
144
|
$button-space-primary-y-s: $global-space-micro-s; // Bottom and top padding on small buttons.
|
144
145
|
$button-space-primary-y-m: $global-space-micro-l; // Top and bottom padding on medium buttons
|
145
146
|
$button-space-primary-y-l: $global-space-micro-xl - 0.5; // Top and bottom padding on Large buttons
|
146
|
-
$button-space-primary-icononly-x-s: $global-space-micro-
|
147
|
-
$button-space-primary-icononly-x-m: $global-space-micro-
|
148
|
-
$button-space-primary-icononly-x-l: $global-space-micro-
|
147
|
+
$button-space-primary-icononly-x-s: $global-space-micro-m; // Left and right padding on icon-only S size primary buttons
|
148
|
+
$button-space-primary-icononly-x-m: $global-space-micro-xl; // Left and right padding on icon-only M size primary buttons
|
149
|
+
$button-space-primary-icononly-x-l: $global-space-micro-xxl + $global-space-micro-xs; // Left and right padding on icon-only L size primary buttons
|
150
|
+
$button-space-primary-icononly-y-s: $global-space-micro-m; // Top and bottom padding on icon-only S size primary buttons
|
151
|
+
$button-space-primary-icononly-y-m: $global-space-micro-xl; // Top and bottom padding on icon-only M size primary buttons
|
152
|
+
$button-space-primary-icononly-y-l: $global-space-micro-xxl + $global-space-micro-xs; // Top and bottom padding on icon-only L size primary buttons
|
149
153
|
$button-space-secondary-x-xs: $global-space-macro-xxxs; // Left and right padding on XS table buttons
|
150
154
|
$button-space-secondary-x-s: $global-space-micro-xxl; // Left and right padding on small buttons
|
151
155
|
$button-space-secondary-x-m: $global-space-macro-xs; // Left and right padding on medium buttons
|
@@ -154,13 +158,18 @@ $button-space-secondary-y-xs: ($global-space-macro-xxxs / 4) - 0.5; // top and b
|
|
154
158
|
$button-space-secondary-y-s: $global-space-micro-s; // Bottom and top padding on small buttons.
|
155
159
|
$button-space-secondary-y-m: $global-space-micro-l; // Top and bottom padding on medium buttons
|
156
160
|
$button-space-secondary-y-l: $global-space-micro-xl - 0.5; // Top and bottom padding on Large buttons
|
161
|
+
$button-space-secondary-xg-xs: $global-space-micro-s; // Item spacing inside XS buttons
|
157
162
|
$button-space-secondary-xg-s: $global-space-macro-xxxs; // Item spacing inside buttons
|
158
163
|
$button-space-secondary-xg-m: $global-space-macro-xxxs; // Item spacing inside buttons
|
159
164
|
$button-space-secondary-xg-l: $global-space-macro-xxxs; // Item spacing inside buttons
|
160
|
-
$button-space-secondary-
|
161
|
-
$button-space-secondary-icononly-x-s: $global-space-micro-
|
162
|
-
$button-space-secondary-icononly-x-m: $global-space-micro-
|
163
|
-
$button-space-secondary-icononly-x-l: $global-space-micro-
|
165
|
+
$button-space-secondary-icononly-x-xs: $global-space-micro-s; // Left and right padding on icon-only XS size secondary buttons
|
166
|
+
$button-space-secondary-icononly-x-s: $global-space-micro-m; // Left and right padding on icon-only S size secondary buttons
|
167
|
+
$button-space-secondary-icononly-x-m: $global-space-micro-xl; // Left and right padding on icon-only M size secondary buttons
|
168
|
+
$button-space-secondary-icononly-x-l: $global-space-micro-xxl + $global-space-micro-xs; // Left and right padding on icon-only L size secondary buttons
|
169
|
+
$button-space-secondary-icononly-y-xs: $global-space-micro-s; // Top and bottom padding on icon-only XS size secondary buttons
|
170
|
+
$button-space-secondary-icononly-y-s: $global-space-micro-m; // Top and bottom padding on icon-only S size secondary buttons
|
171
|
+
$button-space-secondary-icononly-y-m: $global-space-micro-xl; // Top and bottom padding on icon-only M size secondary buttons
|
172
|
+
$button-space-secondary-icononly-y-l: $global-space-micro-xxl + $global-space-micro-xs; // Top and bottom padding on icon-only L size secondary buttons
|
164
173
|
$button-space-tertiary-y-xs: ($global-space-macro-xxxs / 4) - 0.5; // top and bottom padding on XS table buttons
|
165
174
|
$button-space-tertiary-y-s: $global-space-micro-s; // Bottom and top padding on small buttons.
|
166
175
|
$button-space-tertiary-y-m: $global-space-micro-l; // Top and bottom padding on medium buttons
|
@@ -173,9 +182,14 @@ $button-space-tertiary-xg-xs: $global-space-micro-s; // Item spacing inside XS b
|
|
173
182
|
$button-space-tertiary-xg-s: $global-space-macro-xxxs; // Item spacing inside buttons
|
174
183
|
$button-space-tertiary-xg-m: $global-space-macro-xxxs; // Item spacing inside buttons
|
175
184
|
$button-space-tertiary-xg-l: $global-space-macro-xxxs; // Item spacing inside buttons
|
176
|
-
$button-space-tertiary-icononly-x-
|
177
|
-
$button-space-tertiary-icononly-x-
|
178
|
-
$button-space-tertiary-icononly-x-
|
185
|
+
$button-space-tertiary-icononly-x-xs: $global-space-micro-s; // Left and right padding on icon-only XS size tertiary buttons
|
186
|
+
$button-space-tertiary-icononly-x-s: $global-space-micro-m; // Left and right padding on icon-only S size tertiary buttons
|
187
|
+
$button-space-tertiary-icononly-x-m: $global-space-micro-xl; // Left and right padding on icon-only M size tertiary buttons
|
188
|
+
$button-space-tertiary-icononly-x-l: $global-space-micro-xxl + $global-space-micro-xs; // Left and right padding on icon-only L size tertiary buttons
|
189
|
+
$button-space-tertiary-icononly-y-xs: $global-space-micro-s; // Top and bottom padding on icon-only XS size tertiary buttons
|
190
|
+
$button-space-tertiary-icononly-y-s: $global-space-micro-m; // Top and bottom padding on icon-only S size tertiary buttons
|
191
|
+
$button-space-tertiary-icononly-y-m: $global-space-micro-xl; // Top and bottom padding on icon-only M size tertiary buttons
|
192
|
+
$button-space-tertiary-icononly-y-l: $global-space-micro-xxl + $global-space-micro-xs; // Top and bottom padding on icon-only L size tertiary buttons
|
179
193
|
$button-space-subtle-y-xs: ($global-space-macro-xxxs / 4) - 0.5; // top and bottom padding on XS table buttons
|
180
194
|
$button-space-subtle-y-s: $global-space-micro-s; // Bottom and top padding on small buttons.
|
181
195
|
$button-space-subtle-y-m: $global-space-micro-l; // Top and bottom padding on medium buttons
|
@@ -188,9 +202,14 @@ $button-space-subtle-xg-xs: $global-space-micro-s; // Item spacing inside XS but
|
|
188
202
|
$button-space-subtle-xg-s: $global-space-micro-s; // Item spacing inside buttons
|
189
203
|
$button-space-subtle-xg-m: $global-space-micro-s; // Item spacing inside buttons
|
190
204
|
$button-space-subtle-xg-l: $global-space-micro-s; // Item spacing inside buttons
|
191
|
-
$button-space-subtle-icononly-x-
|
192
|
-
$button-space-subtle-icononly-x-
|
193
|
-
$button-space-subtle-icononly-x-
|
205
|
+
$button-space-subtle-icononly-x-xs: $global-space-micro-s; // Left and right padding on icon-only XS size subtle buttons
|
206
|
+
$button-space-subtle-icononly-x-s: $global-space-micro-m; // Left and right padding on icon-only S size subtle buttons
|
207
|
+
$button-space-subtle-icononly-x-m: $global-space-micro-xl; // Left and right padding on icon-only M size subtle buttons
|
208
|
+
$button-space-subtle-icononly-x-l: $global-space-micro-xxl + $global-space-micro-xs; // Left and right padding on icon-only L size subtle buttons
|
209
|
+
$button-space-subtle-icononly-y-xs: $global-space-micro-s; // Top and bottom padding on icon-only XS size subtle buttons
|
210
|
+
$button-space-subtle-icononly-y-s: $global-space-micro-m; // Top and bottom padding on icon-only S size subtle buttons
|
211
|
+
$button-space-subtle-icononly-y-m: $global-space-micro-xl; // Top and bottom padding on icon-only M size subtle buttons
|
212
|
+
$button-space-subtle-icononly-y-l: $global-space-micro-xxl + $global-space-micro-xs; // Top and bottom padding on icon-only L size subtle buttons
|
194
213
|
$button-space-toggle-button-x-xs: $global-space-macro-xxxs; // Left and right padding on XS asset used within S toggle group
|
195
214
|
$button-space-toggle-button-x-s: $global-space-macro-xxs; // Left and right padding on S toggle buttons
|
196
215
|
$button-space-toggle-button-x-m: $global-space-macro-xs; // Left and right padding on medium toggle buttons
|
@@ -6,6 +6,13 @@
|
|
6
6
|
// Do not edit directly, this file was auto-generated.
|
7
7
|
|
8
8
|
$container-size-carousel-mediaslide-minheight: 300; // max height for media visual
|
9
|
+
$container-size-dialog-max-width-xxs: 300;
|
10
|
+
$container-size-dialog-max-width-xs: 380;
|
11
|
+
$container-size-dialog-max-width-s: 540;
|
12
|
+
$container-size-dialog-max-width-m: 750;
|
13
|
+
$container-size-dialog-max-width-l: 850;
|
14
|
+
$container-size-dialog-max-width-xl: 960;
|
15
|
+
$container-size-dialog-max-width-xxl: 1080;
|
9
16
|
$container-opacity-carousel-hidden: 0.3; // opacity applied to next and previous carousel slides
|
10
17
|
$container-opacity-dialog-dimmer: 0.4; // dimmer opacity value
|
11
18
|
$container-opacity-drag-ghost: 0.5; // drag ghost state opacity value
|
@@ -98,13 +105,13 @@ $container-size-copilot-emptystate-illustration: $global-size-macro-m * 5; // Il
|
|
98
105
|
$container-size-copilot-emptystate-content-maxwidth: $global-size-macro-xxxxl * 5; // max-width of the insight empty state content area
|
99
106
|
$container-size-copilot-overlay-maxheight: $global-size-macro-xxxxl * 8; // max-height of the copilot container overlay
|
100
107
|
$container-size-drag-droptarget: $global-size-micro-xxs; // drop target width or height
|
108
|
+
$container-size-drawer-closed-m: $global-size-macro-m; // width for the closed drawer state
|
109
|
+
$container-size-footer-m: $global-size-macro-xl; // card and tile footers
|
110
|
+
$container-size-footer-l: $global-size-macro-xs * 3; // Dialog, sidebar and drawer footer max-height
|
101
111
|
$container-size-generic-emptystate-illustration-primary-s: $global-size-macro-m * 5; // Illustration size for small error and empty states
|
102
112
|
$container-size-generic-emptystate-illustration-primary-m: $global-size-macro-m * 6; // Illustration size for medium error and empty states
|
103
113
|
$container-size-generic-emptystate-illustration-primary-l: $global-size-macro-m * 8; // Illustration size for large error and empty states
|
104
114
|
$container-size-generic-emptystate-illustration-secondary: $global-size-macro-m + $button-size-icon-m; // Illustration size for secondary empty states
|
105
|
-
$container-size-drawer-closed-m: $global-size-macro-m; // width for the closed drawer state
|
106
|
-
$container-size-footer-m: $global-size-macro-xl; // card and tile footers
|
107
|
-
$container-size-footer-l: $global-size-macro-xs * 3; // Dialog, sidebar and drawer footer max-height
|
108
115
|
$container-size-icon-s: $global-size-icon-m;
|
109
116
|
$container-size-icon-m: $global-size-icon-m;
|
110
117
|
$container-size-icon-l: $global-size-icon-m; // Deliberately referencing global M (20px). Accordion chevron.
|
@@ -5,6 +5,9 @@
|
|
5
5
|
|
6
6
|
// Do not edit directly, this file was auto-generated.
|
7
7
|
|
8
|
+
$form-space-datepicker-pr-s: 0; // right padding on small date picker input
|
9
|
+
$form-space-datepicker-pr-m: 0; // right padding on medium date picker input
|
10
|
+
$form-space-datepicker-pr-l: 0; // right padding on large date picker input
|
8
11
|
$form-color-switch-border-active: transparent;
|
9
12
|
$form-color-switch-border-activedisabled: transparent;
|
10
13
|
$form-radius-none: $global-radius-none; // Text editor (internal corners)
|
@@ -61,9 +64,6 @@ $form-space-chip-yg-l: $global-space-micro-xxl; // gap between large chip button
|
|
61
64
|
$form-space-checkradio-y-s: $global-space-micro-m / 2; // Space above single checkbox/radio OR label to vertically centre checkbox and label.
|
62
65
|
$form-space-checkradio-y-m: $global-space-micro-xs; // Space above single checkbox/radio OR label to vertically centre checkbox and label.
|
63
66
|
$form-space-checkradio-y-l: $global-space-micro-xs * 2; // Space above single checkbox/radio OR label to vertically centre checkbox and label.
|
64
|
-
$form-space-datepicker-pr-s: $global-space-micro-xs; // right padding on small date picker input
|
65
|
-
$form-space-datepicker-pr-m: $global-space-micro-m; // right padding on medium date picker input
|
66
|
-
$form-space-datepicker-pr-l: $global-space-micro-xl; // right padding on large date picker input
|
67
67
|
$form-space-dropdown-button-x-s: $global-space-macro-s; // DD only, left right padding on footer button.
|
68
68
|
$form-space-dropdown-button-x-m: $global-space-macro-s; // DD only, left right padding on footer button.
|
69
69
|
$form-space-dropdown-button-x-l: $global-space-macro-s; // DD only, left right padding on footer button.
|
@@ -94,6 +94,9 @@ $form-space-dropdown-option-subtext-y-l: $global-space-micro-s; // top padding f
|
|
94
94
|
$form-space-dropdown-pill-xg-s: $global-space-micro-s; // space between pills inside pill wrapper
|
95
95
|
$form-space-dropdown-pill-xg-m: $global-space-micro-s; // space between pills inside pill wrapper
|
96
96
|
$form-space-dropdown-pill-xg-l: $global-space-micro-s; // space between pills inside pill wrapper
|
97
|
+
$form-space-dropdown-trigger-subtle-s: $global-space-micro-s; // Left and right padding on subtle dropdown triggers.
|
98
|
+
$form-space-dropdown-trigger-subtle-m: $global-space-micro-s; // Left and right padding on subtle dropdown triggers.
|
99
|
+
$form-space-dropdown-trigger-subtle-l: $global-space-micro-s; // Left and right padding on subtle dropdown triggers.
|
97
100
|
$form-space-fileinput-status-xl-m: $global-space-macro-ml; // Left padding in File input (no-thumbnail variant), status text.
|
98
101
|
$form-space-fileinput-status-y-m: $global-space-micro-s; // Vertical padding in status text.
|
99
102
|
$form-space-fileinput-thumbnail-m: $global-space-micro-s; // All padding in File input (thumbnail container).
|
@@ -171,8 +171,8 @@ $global-typography-adaptive-component-placeholdertext-l: [object Object];
|
|
171
171
|
$global-typography-adaptive-component-placeholdertext-xl: [object Object];
|
172
172
|
$global-typography-adaptive-component-placeholdertext-xxl: [object Object];
|
173
173
|
$global-typography-adaptive-component-notification-m: [object Object]; // used for badge text - notifications on buttons and in global nav
|
174
|
-
$global-font-size-adaptive-step-
|
175
|
-
$global-font-size-adaptive-step-
|
174
|
+
$global-font-size-adaptive-step-minus2: 11px;
|
175
|
+
$global-font-size-adaptive-step-minus1: 12px;
|
176
176
|
$global-font-size-adaptive-step0: 14px;
|
177
177
|
$global-font-size-adaptive-step1: 16px;
|
178
178
|
$global-font-size-adaptive-step2: 18px;
|
@@ -100,6 +100,7 @@ $button-size-toggle-xs: $global-size-macro-xs; // min-height on button within S
|
|
100
100
|
$button-size-toggle-s: $global-size-macro-s; // min-height on S single toggle, and on button within M toggle group
|
101
101
|
$button-size-toggle-m: $global-size-macro-m; // min-height on M single toggle, and on button within L toggle group
|
102
102
|
$button-size-toggle-l: $global-size-macro-l; // min-height on L single toggle
|
103
|
+
$button-size-icon-s: $global-size-icon-s;
|
103
104
|
$button-size-icon-m: $global-size-icon-m;
|
104
105
|
$button-size-video-s: $global-size-macro-m;
|
105
106
|
$button-size-video-m: $global-size-macro-xxl;
|
@@ -134,9 +135,12 @@ $button-space-primary-xg-l: $global-space-macro-xs / 2; // Item spacing inside b
|
|
134
135
|
$button-space-primary-y-s: $global-space-micro-s; // Bottom and top padding on small buttons.
|
135
136
|
$button-space-primary-y-m: $global-space-micro-l; // Top and bottom padding on medium buttons
|
136
137
|
$button-space-primary-y-l: $global-space-micro-xl - 0.5; // Top and bottom padding on Large buttons
|
137
|
-
$button-space-primary-icononly-x-s: $global-space-micro-
|
138
|
-
$button-space-primary-icononly-x-m: $global-space-micro-
|
139
|
-
$button-space-primary-icononly-x-l: $global-space-micro-
|
138
|
+
$button-space-primary-icononly-x-s: $global-space-micro-m; // Left and right padding on icon-only S size primary buttons
|
139
|
+
$button-space-primary-icononly-x-m: $global-space-micro-xl; // Left and right padding on icon-only M size primary buttons
|
140
|
+
$button-space-primary-icononly-x-l: $global-space-micro-xxl + $global-space-micro-xs; // Left and right padding on icon-only L size primary buttons
|
141
|
+
$button-space-primary-icononly-y-s: $global-space-micro-m; // Top and bottom padding on icon-only S size primary buttons
|
142
|
+
$button-space-primary-icononly-y-m: $global-space-micro-xl; // Top and bottom padding on icon-only M size primary buttons
|
143
|
+
$button-space-primary-icononly-y-l: $global-space-micro-xxl + $global-space-micro-xs; // Top and bottom padding on icon-only L size primary buttons
|
140
144
|
$button-space-secondary-x-xs: $global-space-macro-xxxs; // Left and right padding on XS table buttons
|
141
145
|
$button-space-secondary-x-s: $global-space-micro-xxl; // Left and right padding on small buttons
|
142
146
|
$button-space-secondary-x-m: $global-space-macro-xs; // Left and right padding on medium buttons
|
@@ -145,13 +149,18 @@ $button-space-secondary-y-xs: ($global-space-macro-xxxs / 4) - 0.5; // top and b
|
|
145
149
|
$button-space-secondary-y-s: $global-space-micro-s; // Bottom and top padding on small buttons.
|
146
150
|
$button-space-secondary-y-m: $global-space-micro-l; // Top and bottom padding on medium buttons
|
147
151
|
$button-space-secondary-y-l: $global-space-micro-xl - 0.5; // Top and bottom padding on Large buttons
|
152
|
+
$button-space-secondary-xg-xs: $global-space-micro-s; // Item spacing inside XS buttons
|
148
153
|
$button-space-secondary-xg-s: $global-space-macro-xxxs; // Item spacing inside buttons
|
149
154
|
$button-space-secondary-xg-m: $global-space-macro-xxxs; // Item spacing inside buttons
|
150
155
|
$button-space-secondary-xg-l: $global-space-macro-xxxs; // Item spacing inside buttons
|
151
|
-
$button-space-secondary-
|
152
|
-
$button-space-secondary-icononly-x-s: $global-space-micro-
|
153
|
-
$button-space-secondary-icononly-x-m: $global-space-micro-
|
154
|
-
$button-space-secondary-icononly-x-l: $global-space-micro-
|
156
|
+
$button-space-secondary-icononly-x-xs: $global-space-micro-s; // Left and right padding on icon-only XS size secondary buttons
|
157
|
+
$button-space-secondary-icononly-x-s: $global-space-micro-m; // Left and right padding on icon-only S size secondary buttons
|
158
|
+
$button-space-secondary-icononly-x-m: $global-space-micro-xl; // Left and right padding on icon-only M size secondary buttons
|
159
|
+
$button-space-secondary-icononly-x-l: $global-space-micro-xxl + $global-space-micro-xs; // Left and right padding on icon-only L size secondary buttons
|
160
|
+
$button-space-secondary-icononly-y-xs: $global-space-micro-s; // Top and bottom padding on icon-only XS size secondary buttons
|
161
|
+
$button-space-secondary-icononly-y-s: $global-space-micro-m; // Top and bottom padding on icon-only S size secondary buttons
|
162
|
+
$button-space-secondary-icononly-y-m: $global-space-micro-xl; // Top and bottom padding on icon-only M size secondary buttons
|
163
|
+
$button-space-secondary-icononly-y-l: $global-space-micro-xxl + $global-space-micro-xs; // Top and bottom padding on icon-only L size secondary buttons
|
155
164
|
$button-space-tertiary-y-xs: ($global-space-macro-xxxs / 4) - 0.5; // top and bottom padding on XS table buttons
|
156
165
|
$button-space-tertiary-y-s: $global-space-micro-s; // Bottom and top padding on small buttons.
|
157
166
|
$button-space-tertiary-y-m: $global-space-micro-l; // Top and bottom padding on medium buttons
|
@@ -164,9 +173,14 @@ $button-space-tertiary-xg-xs: $global-space-micro-s; // Item spacing inside XS b
|
|
164
173
|
$button-space-tertiary-xg-s: $global-space-macro-xxxs; // Item spacing inside buttons
|
165
174
|
$button-space-tertiary-xg-m: $global-space-macro-xxxs; // Item spacing inside buttons
|
166
175
|
$button-space-tertiary-xg-l: $global-space-macro-xxxs; // Item spacing inside buttons
|
167
|
-
$button-space-tertiary-icononly-x-
|
168
|
-
$button-space-tertiary-icononly-x-
|
169
|
-
$button-space-tertiary-icononly-x-
|
176
|
+
$button-space-tertiary-icononly-x-xs: $global-space-micro-s; // Left and right padding on icon-only XS size tertiary buttons
|
177
|
+
$button-space-tertiary-icononly-x-s: $global-space-micro-m; // Left and right padding on icon-only S size tertiary buttons
|
178
|
+
$button-space-tertiary-icononly-x-m: $global-space-micro-xl; // Left and right padding on icon-only M size tertiary buttons
|
179
|
+
$button-space-tertiary-icononly-x-l: $global-space-micro-xxl + $global-space-micro-xs; // Left and right padding on icon-only L size tertiary buttons
|
180
|
+
$button-space-tertiary-icononly-y-xs: $global-space-micro-s; // Top and bottom padding on icon-only XS size tertiary buttons
|
181
|
+
$button-space-tertiary-icononly-y-s: $global-space-micro-m; // Top and bottom padding on icon-only S size tertiary buttons
|
182
|
+
$button-space-tertiary-icononly-y-m: $global-space-micro-xl; // Top and bottom padding on icon-only M size tertiary buttons
|
183
|
+
$button-space-tertiary-icononly-y-l: $global-space-micro-xxl + $global-space-micro-xs; // Top and bottom padding on icon-only L size tertiary buttons
|
170
184
|
$button-space-subtle-y-xs: ($global-space-macro-xxxs / 4) - 0.5; // top and bottom padding on XS table buttons
|
171
185
|
$button-space-subtle-y-s: $global-space-micro-s; // Bottom and top padding on small buttons.
|
172
186
|
$button-space-subtle-y-m: $global-space-micro-l; // Top and bottom padding on medium buttons
|
@@ -179,9 +193,14 @@ $button-space-subtle-xg-xs: $global-space-micro-s; // Item spacing inside XS but
|
|
179
193
|
$button-space-subtle-xg-s: $global-space-micro-s; // Item spacing inside buttons
|
180
194
|
$button-space-subtle-xg-m: $global-space-micro-s; // Item spacing inside buttons
|
181
195
|
$button-space-subtle-xg-l: $global-space-micro-s; // Item spacing inside buttons
|
182
|
-
$button-space-subtle-icononly-x-
|
183
|
-
$button-space-subtle-icononly-x-
|
184
|
-
$button-space-subtle-icononly-x-
|
196
|
+
$button-space-subtle-icononly-x-xs: $global-space-micro-s; // Left and right padding on icon-only XS size subtle buttons
|
197
|
+
$button-space-subtle-icononly-x-s: $global-space-micro-m; // Left and right padding on icon-only S size subtle buttons
|
198
|
+
$button-space-subtle-icononly-x-m: $global-space-micro-xl; // Left and right padding on icon-only M size subtle buttons
|
199
|
+
$button-space-subtle-icononly-x-l: $global-space-micro-xxl + $global-space-micro-xs; // Left and right padding on icon-only L size subtle buttons
|
200
|
+
$button-space-subtle-icononly-y-xs: $global-space-micro-s; // Top and bottom padding on icon-only XS size subtle buttons
|
201
|
+
$button-space-subtle-icononly-y-s: $global-space-micro-m; // Top and bottom padding on icon-only S size subtle buttons
|
202
|
+
$button-space-subtle-icononly-y-m: $global-space-micro-xl; // Top and bottom padding on icon-only M size subtle buttons
|
203
|
+
$button-space-subtle-icononly-y-l: $global-space-micro-xxl + $global-space-micro-xs; // Top and bottom padding on icon-only L size subtle buttons
|
185
204
|
$button-space-toggle-button-x-xs: $global-space-macro-xxxs; // Left and right padding on XS asset used within S toggle group
|
186
205
|
$button-space-toggle-button-x-s: $global-space-macro-xxs; // Left and right padding on S toggle buttons
|
187
206
|
$button-space-toggle-button-x-m: $global-space-macro-xs; // Left and right padding on medium toggle buttons
|
@@ -6,6 +6,13 @@
|
|
6
6
|
// Do not edit directly, this file was auto-generated.
|
7
7
|
|
8
8
|
$container-size-carousel-mediaslide-minheight: 300; // max height for media visual
|
9
|
+
$container-size-dialog-max-width-xxs: 300;
|
10
|
+
$container-size-dialog-max-width-xs: 380;
|
11
|
+
$container-size-dialog-max-width-s: 540;
|
12
|
+
$container-size-dialog-max-width-m: 750;
|
13
|
+
$container-size-dialog-max-width-l: 850;
|
14
|
+
$container-size-dialog-max-width-xl: 960;
|
15
|
+
$container-size-dialog-max-width-xxl: 1080;
|
9
16
|
$container-opacity-carousel-hidden: 0.3; // opacity applied to next and previous carousel slides
|
10
17
|
$container-opacity-dialog-dimmer: 0.4; // dimmer opacity value
|
11
18
|
$container-opacity-drag-ghost: 0.5; // drag ghost state opacity value
|
@@ -98,13 +105,13 @@ $container-size-copilot-emptystate-illustration: $global-size-macro-m * 5; // Il
|
|
98
105
|
$container-size-copilot-emptystate-content-maxwidth: $global-size-macro-xxxxl * 5; // max-width of the insight empty state content area
|
99
106
|
$container-size-copilot-overlay-maxheight: $global-size-macro-xxxxl * 8; // max-height of the copilot container overlay
|
100
107
|
$container-size-drag-droptarget: $global-size-micro-xxs; // drop target width or height
|
108
|
+
$container-size-drawer-closed-m: $global-size-macro-m; // width for the closed drawer state
|
109
|
+
$container-size-footer-m: $global-size-macro-xl; // card and tile footers
|
110
|
+
$container-size-footer-l: $global-size-macro-xs * 3; // Dialog, sidebar and drawer footer max-height
|
101
111
|
$container-size-generic-emptystate-illustration-primary-s: $global-size-macro-m * 5; // Illustration size for small error and empty states
|
102
112
|
$container-size-generic-emptystate-illustration-primary-m: $global-size-macro-m * 6; // Illustration size for medium error and empty states
|
103
113
|
$container-size-generic-emptystate-illustration-primary-l: $global-size-macro-m * 8; // Illustration size for large error and empty states
|
104
114
|
$container-size-generic-emptystate-illustration-secondary: $global-size-macro-m + $button-size-icon-m; // Illustration size for secondary empty states
|
105
|
-
$container-size-drawer-closed-m: $global-size-macro-m; // width for the closed drawer state
|
106
|
-
$container-size-footer-m: $global-size-macro-xl; // card and tile footers
|
107
|
-
$container-size-footer-l: $global-size-macro-xs * 3; // Dialog, sidebar and drawer footer max-height
|
108
115
|
$container-size-icon-s: $global-size-icon-m;
|
109
116
|
$container-size-icon-m: $global-size-icon-m;
|
110
117
|
$container-size-icon-l: $global-size-icon-m; // Deliberately referencing global M (20px). Accordion chevron.
|
@@ -5,6 +5,9 @@
|
|
5
5
|
|
6
6
|
// Do not edit directly, this file was auto-generated.
|
7
7
|
|
8
|
+
$form-space-datepicker-pr-s: 0; // right padding on small date picker input
|
9
|
+
$form-space-datepicker-pr-m: 0; // right padding on medium date picker input
|
10
|
+
$form-space-datepicker-pr-l: 0; // right padding on large date picker input
|
8
11
|
$form-color-switch-border-active: transparent;
|
9
12
|
$form-color-switch-border-activedisabled: transparent;
|
10
13
|
$form-radius-none: $global-radius-none; // Text editor (internal corners)
|
@@ -57,9 +60,6 @@ $form-space-chip-yg-l: $global-space-micro-xxl; // gap between large chip button
|
|
57
60
|
$form-space-checkradio-y-s: $global-space-micro-m / 2; // Space above single checkbox/radio OR label to vertically centre checkbox and label.
|
58
61
|
$form-space-checkradio-y-m: $global-space-micro-xs; // Space above single checkbox/radio OR label to vertically centre checkbox and label.
|
59
62
|
$form-space-checkradio-y-l: $global-space-micro-xs * 2; // Space above single checkbox/radio OR label to vertically centre checkbox and label.
|
60
|
-
$form-space-datepicker-pr-s: $global-space-micro-xs; // right padding on small date picker input
|
61
|
-
$form-space-datepicker-pr-m: $global-space-micro-m; // right padding on medium date picker input
|
62
|
-
$form-space-datepicker-pr-l: $global-space-micro-xl; // right padding on large date picker input
|
63
63
|
$form-space-dropdown-button-x-s: $global-space-macro-s; // DD only, left right padding on footer button.
|
64
64
|
$form-space-dropdown-button-x-m: $global-space-macro-s; // DD only, left right padding on footer button.
|
65
65
|
$form-space-dropdown-button-x-l: $global-space-macro-s; // DD only, left right padding on footer button.
|
@@ -90,6 +90,9 @@ $form-space-dropdown-option-subtext-y-l: $global-space-micro-s; // top padding f
|
|
90
90
|
$form-space-dropdown-pill-xg-s: $global-space-micro-s; // space between pills inside pill wrapper
|
91
91
|
$form-space-dropdown-pill-xg-m: $global-space-micro-s; // space between pills inside pill wrapper
|
92
92
|
$form-space-dropdown-pill-xg-l: $global-space-micro-s; // space between pills inside pill wrapper
|
93
|
+
$form-space-dropdown-trigger-subtle-s: $global-space-micro-s; // Left and right padding on subtle dropdown triggers.
|
94
|
+
$form-space-dropdown-trigger-subtle-m: $global-space-micro-s; // Left and right padding on subtle dropdown triggers.
|
95
|
+
$form-space-dropdown-trigger-subtle-l: $global-space-micro-s; // Left and right padding on subtle dropdown triggers.
|
93
96
|
$form-space-fileinput-status-xl-m: $global-space-macro-ml; // Left padding in File input (no-thumbnail variant), status text.
|
94
97
|
$form-space-fileinput-status-y-m: $global-space-micro-s; // Vertical padding in status text.
|
95
98
|
$form-space-fileinput-thumbnail-m: $global-space-micro-s; // All padding in File input (thumbnail container).
|
@@ -171,8 +171,8 @@ $global-typography-adaptive-component-placeholdertext-l: [object Object];
|
|
171
171
|
$global-typography-adaptive-component-placeholdertext-xl: [object Object];
|
172
172
|
$global-typography-adaptive-component-placeholdertext-xxl: [object Object];
|
173
173
|
$global-typography-adaptive-component-notification-m: [object Object]; // used for badge text - notifications on buttons and in global nav
|
174
|
-
$global-font-size-adaptive-step-
|
175
|
-
$global-font-size-adaptive-step-
|
174
|
+
$global-font-size-adaptive-step-minus2: 12px;
|
175
|
+
$global-font-size-adaptive-step-minus1: 13px;
|
176
176
|
$global-font-size-adaptive-step0: 14px;
|
177
177
|
$global-font-size-adaptive-step1: 16px;
|
178
178
|
$global-font-size-adaptive-step2: 17px;
|