@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
@@ -948,6 +948,101 @@
|
|
948
948
|
},
|
949
949
|
},
|
950
950
|
},
|
951
|
+
dialog: {
|
952
|
+
maxWidth: {
|
953
|
+
XXS: {
|
954
|
+
$type: "sizing",
|
955
|
+
$value: "300",
|
956
|
+
filePath: "data/tokens/components/container.json",
|
957
|
+
isSource: true,
|
958
|
+
original: {
|
959
|
+
$type: "sizing",
|
960
|
+
$value: "300",
|
961
|
+
},
|
962
|
+
name: "containerSizeDialogMaxWidthXxs",
|
963
|
+
attributes: {},
|
964
|
+
path: ["container", "size", "dialog", "maxWidth", "XXS"],
|
965
|
+
},
|
966
|
+
XS: {
|
967
|
+
$type: "sizing",
|
968
|
+
$value: "380",
|
969
|
+
filePath: "data/tokens/components/container.json",
|
970
|
+
isSource: true,
|
971
|
+
original: {
|
972
|
+
$type: "sizing",
|
973
|
+
$value: "380",
|
974
|
+
},
|
975
|
+
name: "containerSizeDialogMaxWidthXs",
|
976
|
+
attributes: {},
|
977
|
+
path: ["container", "size", "dialog", "maxWidth", "XS"],
|
978
|
+
},
|
979
|
+
S: {
|
980
|
+
$type: "sizing",
|
981
|
+
$value: "540",
|
982
|
+
filePath: "data/tokens/components/container.json",
|
983
|
+
isSource: true,
|
984
|
+
original: {
|
985
|
+
$type: "sizing",
|
986
|
+
$value: "540",
|
987
|
+
},
|
988
|
+
name: "containerSizeDialogMaxWidthS",
|
989
|
+
attributes: {},
|
990
|
+
path: ["container", "size", "dialog", "maxWidth", "S"],
|
991
|
+
},
|
992
|
+
M: {
|
993
|
+
$type: "sizing",
|
994
|
+
$value: "750",
|
995
|
+
filePath: "data/tokens/components/container.json",
|
996
|
+
isSource: true,
|
997
|
+
original: {
|
998
|
+
$type: "sizing",
|
999
|
+
$value: "750",
|
1000
|
+
},
|
1001
|
+
name: "containerSizeDialogMaxWidthM",
|
1002
|
+
attributes: {},
|
1003
|
+
path: ["container", "size", "dialog", "maxWidth", "M"],
|
1004
|
+
},
|
1005
|
+
L: {
|
1006
|
+
$type: "sizing",
|
1007
|
+
$value: "850",
|
1008
|
+
filePath: "data/tokens/components/container.json",
|
1009
|
+
isSource: true,
|
1010
|
+
original: {
|
1011
|
+
$type: "sizing",
|
1012
|
+
$value: "850",
|
1013
|
+
},
|
1014
|
+
name: "containerSizeDialogMaxWidthL",
|
1015
|
+
attributes: {},
|
1016
|
+
path: ["container", "size", "dialog", "maxWidth", "L"],
|
1017
|
+
},
|
1018
|
+
XL: {
|
1019
|
+
$type: "sizing",
|
1020
|
+
$value: "960",
|
1021
|
+
filePath: "data/tokens/components/container.json",
|
1022
|
+
isSource: true,
|
1023
|
+
original: {
|
1024
|
+
$type: "sizing",
|
1025
|
+
$value: "960",
|
1026
|
+
},
|
1027
|
+
name: "containerSizeDialogMaxWidthXl",
|
1028
|
+
attributes: {},
|
1029
|
+
path: ["container", "size", "dialog", "maxWidth", "XL"],
|
1030
|
+
},
|
1031
|
+
XXL: {
|
1032
|
+
$type: "sizing",
|
1033
|
+
$value: "1080",
|
1034
|
+
filePath: "data/tokens/components/container.json",
|
1035
|
+
isSource: true,
|
1036
|
+
original: {
|
1037
|
+
$type: "sizing",
|
1038
|
+
$value: "1080",
|
1039
|
+
},
|
1040
|
+
name: "containerSizeDialogMaxWidthXxl",
|
1041
|
+
attributes: {},
|
1042
|
+
path: ["container", "size", "dialog", "maxWidth", "XXL"],
|
1043
|
+
},
|
1044
|
+
},
|
1045
|
+
},
|
951
1046
|
drag: {
|
952
1047
|
droptarget: {
|
953
1048
|
$type: "sizing",
|
@@ -965,6 +1060,87 @@
|
|
965
1060
|
path: ["container", "size", "drag", "droptarget"],
|
966
1061
|
},
|
967
1062
|
},
|
1063
|
+
drawer: {
|
1064
|
+
minwidth: {
|
1065
|
+
$type: "sizing",
|
1066
|
+
$value: 288,
|
1067
|
+
$description: "min-width for drawer component",
|
1068
|
+
filePath: "data/tokens/components/container.json",
|
1069
|
+
isSource: true,
|
1070
|
+
original: {
|
1071
|
+
$type: "sizing",
|
1072
|
+
$value: "{container.size.responsive.XL}",
|
1073
|
+
$description: "min-width for drawer component",
|
1074
|
+
},
|
1075
|
+
name: "containerSizeDrawerMinwidth",
|
1076
|
+
attributes: {},
|
1077
|
+
path: ["container", "size", "drawer", "minwidth"],
|
1078
|
+
},
|
1079
|
+
maxwidth: {
|
1080
|
+
$type: "sizing",
|
1081
|
+
$value: 760,
|
1082
|
+
$description: "max-width for drawer component",
|
1083
|
+
filePath: "data/tokens/components/container.json",
|
1084
|
+
isSource: true,
|
1085
|
+
original: {
|
1086
|
+
$type: "sizing",
|
1087
|
+
$value: "{container.size.responsive.XXXXL}",
|
1088
|
+
$description: "max-width for drawer component",
|
1089
|
+
},
|
1090
|
+
name: "containerSizeDrawerMaxwidth",
|
1091
|
+
attributes: {},
|
1092
|
+
path: ["container", "size", "drawer", "maxwidth"],
|
1093
|
+
},
|
1094
|
+
closed: {
|
1095
|
+
M: {
|
1096
|
+
$type: "sizing",
|
1097
|
+
$value: 40,
|
1098
|
+
$description: "width for the closed drawer state",
|
1099
|
+
filePath: "data/tokens/components/container.json",
|
1100
|
+
isSource: true,
|
1101
|
+
original: {
|
1102
|
+
$type: "sizing",
|
1103
|
+
$value: "{global.size.macro.M}",
|
1104
|
+
$description: "width for the closed drawer state",
|
1105
|
+
},
|
1106
|
+
name: "containerSizeDrawerClosedM",
|
1107
|
+
attributes: {},
|
1108
|
+
path: ["container", "size", "drawer", "closed", "M"],
|
1109
|
+
},
|
1110
|
+
},
|
1111
|
+
},
|
1112
|
+
footer: {
|
1113
|
+
M: {
|
1114
|
+
$type: "sizing",
|
1115
|
+
$value: 56,
|
1116
|
+
$description: "card and tile footers",
|
1117
|
+
filePath: "data/tokens/components/container.json",
|
1118
|
+
isSource: true,
|
1119
|
+
original: {
|
1120
|
+
$type: "sizing",
|
1121
|
+
$value: "{global.size.macro.XL}",
|
1122
|
+
$description: "card and tile footers",
|
1123
|
+
},
|
1124
|
+
name: "containerSizeFooterM",
|
1125
|
+
attributes: {},
|
1126
|
+
path: ["container", "size", "footer", "M"],
|
1127
|
+
},
|
1128
|
+
L: {
|
1129
|
+
$type: "sizing",
|
1130
|
+
$value: 72,
|
1131
|
+
$description: "Dialog, sidebar and drawer footer max-height",
|
1132
|
+
filePath: "data/tokens/components/container.json",
|
1133
|
+
isSource: true,
|
1134
|
+
original: {
|
1135
|
+
$type: "sizing",
|
1136
|
+
$value: "{global.size.macro.XS} * 3",
|
1137
|
+
$description: "Dialog, sidebar and drawer footer max-height",
|
1138
|
+
},
|
1139
|
+
name: "containerSizeFooterL",
|
1140
|
+
attributes: {},
|
1141
|
+
path: ["container", "size", "footer", "L"],
|
1142
|
+
},
|
1143
|
+
},
|
968
1144
|
generic: {
|
969
1145
|
emptystate: {
|
970
1146
|
illustration: {
|
@@ -1070,87 +1246,6 @@
|
|
1070
1246
|
},
|
1071
1247
|
},
|
1072
1248
|
},
|
1073
|
-
drawer: {
|
1074
|
-
minwidth: {
|
1075
|
-
$type: "sizing",
|
1076
|
-
$value: 288,
|
1077
|
-
$description: "min-width for drawer component",
|
1078
|
-
filePath: "data/tokens/components/container.json",
|
1079
|
-
isSource: true,
|
1080
|
-
original: {
|
1081
|
-
$type: "sizing",
|
1082
|
-
$value: "{container.size.responsive.XL}",
|
1083
|
-
$description: "min-width for drawer component",
|
1084
|
-
},
|
1085
|
-
name: "containerSizeDrawerMinwidth",
|
1086
|
-
attributes: {},
|
1087
|
-
path: ["container", "size", "drawer", "minwidth"],
|
1088
|
-
},
|
1089
|
-
maxwidth: {
|
1090
|
-
$type: "sizing",
|
1091
|
-
$value: 760,
|
1092
|
-
$description: "max-width for drawer component",
|
1093
|
-
filePath: "data/tokens/components/container.json",
|
1094
|
-
isSource: true,
|
1095
|
-
original: {
|
1096
|
-
$type: "sizing",
|
1097
|
-
$value: "{container.size.responsive.XXXXL}",
|
1098
|
-
$description: "max-width for drawer component",
|
1099
|
-
},
|
1100
|
-
name: "containerSizeDrawerMaxwidth",
|
1101
|
-
attributes: {},
|
1102
|
-
path: ["container", "size", "drawer", "maxwidth"],
|
1103
|
-
},
|
1104
|
-
closed: {
|
1105
|
-
M: {
|
1106
|
-
$type: "sizing",
|
1107
|
-
$value: 40,
|
1108
|
-
$description: "width for the closed drawer state",
|
1109
|
-
filePath: "data/tokens/components/container.json",
|
1110
|
-
isSource: true,
|
1111
|
-
original: {
|
1112
|
-
$type: "sizing",
|
1113
|
-
$value: "{global.size.macro.M}",
|
1114
|
-
$description: "width for the closed drawer state",
|
1115
|
-
},
|
1116
|
-
name: "containerSizeDrawerClosedM",
|
1117
|
-
attributes: {},
|
1118
|
-
path: ["container", "size", "drawer", "closed", "M"],
|
1119
|
-
},
|
1120
|
-
},
|
1121
|
-
},
|
1122
|
-
footer: {
|
1123
|
-
M: {
|
1124
|
-
$type: "sizing",
|
1125
|
-
$value: 56,
|
1126
|
-
$description: "card and tile footers",
|
1127
|
-
filePath: "data/tokens/components/container.json",
|
1128
|
-
isSource: true,
|
1129
|
-
original: {
|
1130
|
-
$type: "sizing",
|
1131
|
-
$value: "{global.size.macro.XL}",
|
1132
|
-
$description: "card and tile footers",
|
1133
|
-
},
|
1134
|
-
name: "containerSizeFooterM",
|
1135
|
-
attributes: {},
|
1136
|
-
path: ["container", "size", "footer", "M"],
|
1137
|
-
},
|
1138
|
-
L: {
|
1139
|
-
$type: "sizing",
|
1140
|
-
$value: 72,
|
1141
|
-
$description: "Dialog, sidebar and drawer footer max-height",
|
1142
|
-
filePath: "data/tokens/components/container.json",
|
1143
|
-
isSource: true,
|
1144
|
-
original: {
|
1145
|
-
$type: "sizing",
|
1146
|
-
$value: "{global.size.macro.XS} * 3",
|
1147
|
-
$description: "Dialog, sidebar and drawer footer max-height",
|
1148
|
-
},
|
1149
|
-
name: "containerSizeFooterL",
|
1150
|
-
attributes: {},
|
1151
|
-
path: ["container", "size", "footer", "L"],
|
1152
|
-
},
|
1153
|
-
},
|
1154
1249
|
icon: {
|
1155
1250
|
S: {
|
1156
1251
|
$type: "sizing",
|
@@ -207,13 +207,13 @@
|
|
207
207
|
pr: {
|
208
208
|
S: {
|
209
209
|
$type: "spacing",
|
210
|
-
$value:
|
210
|
+
$value: "0",
|
211
211
|
$description: "right padding on small date picker input",
|
212
212
|
filePath: "data/tokens/components/form.json",
|
213
213
|
isSource: true,
|
214
214
|
original: {
|
215
215
|
$type: "spacing",
|
216
|
-
$value: "
|
216
|
+
$value: "0",
|
217
217
|
$description: "right padding on small date picker input",
|
218
218
|
},
|
219
219
|
name: "formSpaceDatepickerPrS",
|
@@ -222,13 +222,13 @@
|
|
222
222
|
},
|
223
223
|
M: {
|
224
224
|
$type: "spacing",
|
225
|
-
$value:
|
225
|
+
$value: "0",
|
226
226
|
$description: "right padding on medium date picker input",
|
227
227
|
filePath: "data/tokens/components/form.json",
|
228
228
|
isSource: true,
|
229
229
|
original: {
|
230
230
|
$type: "spacing",
|
231
|
-
$value: "
|
231
|
+
$value: "0",
|
232
232
|
$description: "right padding on medium date picker input",
|
233
233
|
},
|
234
234
|
name: "formSpaceDatepickerPrM",
|
@@ -237,13 +237,13 @@
|
|
237
237
|
},
|
238
238
|
L: {
|
239
239
|
$type: "spacing",
|
240
|
-
$value:
|
240
|
+
$value: "0",
|
241
241
|
$description: "right padding on large date picker input",
|
242
242
|
filePath: "data/tokens/components/form.json",
|
243
243
|
isSource: true,
|
244
244
|
original: {
|
245
245
|
$type: "spacing",
|
246
|
-
$value: "
|
246
|
+
$value: "0",
|
247
247
|
$description: "right padding on large date picker input",
|
248
248
|
},
|
249
249
|
name: "formSpaceDatepickerPrL",
|
@@ -980,6 +980,61 @@
|
|
980
980
|
},
|
981
981
|
},
|
982
982
|
},
|
983
|
+
trigger: {
|
984
|
+
subtle: {
|
985
|
+
S: {
|
986
|
+
$type: "spacing",
|
987
|
+
$value: 4,
|
988
|
+
$description:
|
989
|
+
"Left and right padding on subtle dropdown triggers.",
|
990
|
+
filePath: "data/tokens/components/form.json",
|
991
|
+
isSource: true,
|
992
|
+
original: {
|
993
|
+
$type: "spacing",
|
994
|
+
$value: "{global.space.micro.S}",
|
995
|
+
$description:
|
996
|
+
"Left and right padding on subtle dropdown triggers.",
|
997
|
+
},
|
998
|
+
name: "formSpaceDropdownTriggerSubtleS",
|
999
|
+
attributes: {},
|
1000
|
+
path: ["form", "space", "dropdown", "trigger", "subtle", "S"],
|
1001
|
+
},
|
1002
|
+
M: {
|
1003
|
+
$type: "spacing",
|
1004
|
+
$value: 4,
|
1005
|
+
$description:
|
1006
|
+
"Left and right padding on subtle dropdown triggers.",
|
1007
|
+
filePath: "data/tokens/components/form.json",
|
1008
|
+
isSource: true,
|
1009
|
+
original: {
|
1010
|
+
$type: "spacing",
|
1011
|
+
$value: "{global.space.micro.S}",
|
1012
|
+
$description:
|
1013
|
+
"Left and right padding on subtle dropdown triggers.",
|
1014
|
+
},
|
1015
|
+
name: "formSpaceDropdownTriggerSubtleM",
|
1016
|
+
attributes: {},
|
1017
|
+
path: ["form", "space", "dropdown", "trigger", "subtle", "M"],
|
1018
|
+
},
|
1019
|
+
L: {
|
1020
|
+
$type: "spacing",
|
1021
|
+
$value: 4,
|
1022
|
+
$description:
|
1023
|
+
"Left and right padding on subtle dropdown triggers.",
|
1024
|
+
filePath: "data/tokens/components/form.json",
|
1025
|
+
isSource: true,
|
1026
|
+
original: {
|
1027
|
+
$type: "spacing",
|
1028
|
+
$value: "{global.space.micro.S}",
|
1029
|
+
$description:
|
1030
|
+
"Left and right padding on subtle dropdown triggers.",
|
1031
|
+
},
|
1032
|
+
name: "formSpaceDropdownTriggerSubtleL",
|
1033
|
+
attributes: {},
|
1034
|
+
path: ["form", "space", "dropdown", "trigger", "subtle", "L"],
|
1035
|
+
},
|
1036
|
+
},
|
1037
|
+
},
|
983
1038
|
},
|
984
1039
|
fileinput: {
|
985
1040
|
status: {
|
@@ -8,6 +8,7 @@
|
|
8
8
|
"buttonSizeToggleS": 32,
|
9
9
|
"buttonSizeToggleM": 40,
|
10
10
|
"buttonSizeToggleL": 48,
|
11
|
+
"buttonSizeIconS": 16,
|
11
12
|
"buttonSizeIconM": 20,
|
12
13
|
"buttonSizeVideoS": 40,
|
13
14
|
"buttonSizeVideoM": 64,
|
@@ -45,9 +46,12 @@
|
|
45
46
|
"buttonSpacePrimaryYS": 4,
|
46
47
|
"buttonSpacePrimaryYM": 8,
|
47
48
|
"buttonSpacePrimaryYL": 9.5,
|
48
|
-
"buttonSpacePrimaryIcononlyXS":
|
49
|
-
"buttonSpacePrimaryIcononlyXM":
|
50
|
-
"buttonSpacePrimaryIcononlyXL":
|
49
|
+
"buttonSpacePrimaryIcononlyXS": 6,
|
50
|
+
"buttonSpacePrimaryIcononlyXM": 10,
|
51
|
+
"buttonSpacePrimaryIcononlyXL": 14,
|
52
|
+
"buttonSpacePrimaryIcononlyYS": 6,
|
53
|
+
"buttonSpacePrimaryIcononlyYM": 10,
|
54
|
+
"buttonSpacePrimaryIcononlyYL": 14,
|
51
55
|
"buttonSpaceSecondaryXXs": 8,
|
52
56
|
"buttonSpaceSecondaryXS": 12,
|
53
57
|
"buttonSpaceSecondaryXM": 16,
|
@@ -56,13 +60,18 @@
|
|
56
60
|
"buttonSpaceSecondaryYS": 4,
|
57
61
|
"buttonSpaceSecondaryYM": 8,
|
58
62
|
"buttonSpaceSecondaryYL": 9.5,
|
63
|
+
"buttonSpaceSecondaryXgXs": 4,
|
59
64
|
"buttonSpaceSecondaryXgS": 8,
|
60
65
|
"buttonSpaceSecondaryXgM": 8,
|
61
66
|
"buttonSpaceSecondaryXgL": 8,
|
62
|
-
"
|
63
|
-
"buttonSpaceSecondaryIcononlyXS":
|
64
|
-
"buttonSpaceSecondaryIcononlyXM":
|
65
|
-
"buttonSpaceSecondaryIcononlyXL":
|
67
|
+
"buttonSpaceSecondaryIcononlyXXs": 4,
|
68
|
+
"buttonSpaceSecondaryIcononlyXS": 6,
|
69
|
+
"buttonSpaceSecondaryIcononlyXM": 10,
|
70
|
+
"buttonSpaceSecondaryIcononlyXL": 14,
|
71
|
+
"buttonSpaceSecondaryIcononlyYXs": 4,
|
72
|
+
"buttonSpaceSecondaryIcononlyYS": 6,
|
73
|
+
"buttonSpaceSecondaryIcononlyYM": 10,
|
74
|
+
"buttonSpaceSecondaryIcononlyYL": 14,
|
66
75
|
"buttonSpaceTertiaryYXs": 1.5,
|
67
76
|
"buttonSpaceTertiaryYS": 4,
|
68
77
|
"buttonSpaceTertiaryYM": 8,
|
@@ -75,9 +84,14 @@
|
|
75
84
|
"buttonSpaceTertiaryXgS": 8,
|
76
85
|
"buttonSpaceTertiaryXgM": 8,
|
77
86
|
"buttonSpaceTertiaryXgL": 8,
|
78
|
-
"
|
79
|
-
"
|
80
|
-
"
|
87
|
+
"buttonSpaceTertiaryIcononlyXXs": 4,
|
88
|
+
"buttonSpaceTertiaryIcononlyXS": 6,
|
89
|
+
"buttonSpaceTertiaryIcononlyXM": 10,
|
90
|
+
"buttonSpaceTertiaryIcononlyXL": 14,
|
91
|
+
"buttonSpaceTertiaryIcononlyYXs": 4,
|
92
|
+
"buttonSpaceTertiaryIcononlyYS": 6,
|
93
|
+
"buttonSpaceTertiaryIcononlyYM": 10,
|
94
|
+
"buttonSpaceTertiaryIcononlyYL": 14,
|
81
95
|
"buttonSpaceSubtleYXs": 1.5,
|
82
96
|
"buttonSpaceSubtleYS": 4,
|
83
97
|
"buttonSpaceSubtleYM": 8,
|
@@ -90,9 +104,14 @@
|
|
90
104
|
"buttonSpaceSubtleXgS": 4,
|
91
105
|
"buttonSpaceSubtleXgM": 4,
|
92
106
|
"buttonSpaceSubtleXgL": 4,
|
93
|
-
"
|
94
|
-
"
|
95
|
-
"
|
107
|
+
"buttonSpaceSubtleIcononlyXXs": 4,
|
108
|
+
"buttonSpaceSubtleIcononlyXS": 6,
|
109
|
+
"buttonSpaceSubtleIcononlyXM": 10,
|
110
|
+
"buttonSpaceSubtleIcononlyXL": 14,
|
111
|
+
"buttonSpaceSubtleIcononlyYXs": 4,
|
112
|
+
"buttonSpaceSubtleIcononlyYS": 6,
|
113
|
+
"buttonSpaceSubtleIcononlyYM": 10,
|
114
|
+
"buttonSpaceSubtleIcononlyYL": 14,
|
96
115
|
"buttonSpaceToggleButtonXXs": 8,
|
97
116
|
"buttonSpaceToggleButtonXS": 12,
|
98
117
|
"buttonSpaceToggleButtonXM": 16,
|
@@ -56,16 +56,23 @@
|
|
56
56
|
"containerSizeCopilotEmptystateIllustration": 200,
|
57
57
|
"containerSizeCopilotEmptystateContentMaxwidth": 600,
|
58
58
|
"containerSizeCopilotOverlayMaxheight": 960,
|
59
|
+
"containerSizeDialogMaxWidthXxs": "300",
|
60
|
+
"containerSizeDialogMaxWidthXs": "380",
|
61
|
+
"containerSizeDialogMaxWidthS": "540",
|
62
|
+
"containerSizeDialogMaxWidthM": "750",
|
63
|
+
"containerSizeDialogMaxWidthL": "850",
|
64
|
+
"containerSizeDialogMaxWidthXl": "960",
|
65
|
+
"containerSizeDialogMaxWidthXxl": "1080",
|
59
66
|
"containerSizeDragDroptarget": 2,
|
60
|
-
"containerSizeGenericEmptystateIllustrationPrimaryS": 200,
|
61
|
-
"containerSizeGenericEmptystateIllustrationPrimaryM": 240,
|
62
|
-
"containerSizeGenericEmptystateIllustrationPrimaryL": 320,
|
63
|
-
"containerSizeGenericEmptystateIllustrationSecondary": 60,
|
64
67
|
"containerSizeDrawerMinwidth": 288,
|
65
68
|
"containerSizeDrawerMaxwidth": 760,
|
66
69
|
"containerSizeDrawerClosedM": 40,
|
67
70
|
"containerSizeFooterM": 56,
|
68
71
|
"containerSizeFooterL": 72,
|
72
|
+
"containerSizeGenericEmptystateIllustrationPrimaryS": 200,
|
73
|
+
"containerSizeGenericEmptystateIllustrationPrimaryM": 240,
|
74
|
+
"containerSizeGenericEmptystateIllustrationPrimaryL": 320,
|
75
|
+
"containerSizeGenericEmptystateIllustrationSecondary": 60,
|
69
76
|
"containerSizeIconS": 20,
|
70
77
|
"containerSizeIconM": 20,
|
71
78
|
"containerSizeIconL": 20,
|
@@ -10,9 +10,9 @@
|
|
10
10
|
"formSpaceCheckradioYS": 3,
|
11
11
|
"formSpaceCheckradioYM": 2,
|
12
12
|
"formSpaceCheckradioYL": 4,
|
13
|
-
"formSpaceDatepickerPrS":
|
14
|
-
"formSpaceDatepickerPrM":
|
15
|
-
"formSpaceDatepickerPrL":
|
13
|
+
"formSpaceDatepickerPrS": "0",
|
14
|
+
"formSpaceDatepickerPrM": "0",
|
15
|
+
"formSpaceDatepickerPrL": "0",
|
16
16
|
"formSpaceDropdownButtonXS": 20,
|
17
17
|
"formSpaceDropdownButtonXM": 20,
|
18
18
|
"formSpaceDropdownButtonXL": 20,
|
@@ -52,6 +52,9 @@
|
|
52
52
|
"formSpaceDropdownPillXgS": 4,
|
53
53
|
"formSpaceDropdownPillXgM": 4,
|
54
54
|
"formSpaceDropdownPillXgL": 4,
|
55
|
+
"formSpaceDropdownTriggerSubtleS": 4,
|
56
|
+
"formSpaceDropdownTriggerSubtleM": 4,
|
57
|
+
"formSpaceDropdownTriggerSubtleL": 4,
|
55
58
|
"formSpaceFileinputStatusXlM": 28,
|
56
59
|
"formSpaceFileinputStatusYM": 4,
|
57
60
|
"formSpaceFileinputThumbnailM": 4,
|
@@ -165,8 +165,8 @@
|
|
165
165
|
"globalTypographyAdaptiveComponentPlaceholdertextXl": {"fontFamily":"Sage UI","fontWeight":"500","lineHeight":1.5,"fontSize":"40px","paragraphSpacing":"0"},
|
166
166
|
"globalTypographyAdaptiveComponentPlaceholdertextXxl": {"fontFamily":"Sage UI","fontWeight":"500","lineHeight":1.5,"fontSize":"52px","paragraphSpacing":"0"},
|
167
167
|
"globalTypographyAdaptiveComponentNotificationM": {"fontFamily":"Sage UI","fontWeight":"500","lineHeight":1,"fontSize":"12px","paragraphSpacing":"0"},
|
168
|
-
"
|
169
|
-
"
|
168
|
+
"globalFontSizeAdaptiveStepMinus2": "11px",
|
169
|
+
"globalFontSizeAdaptiveStepMinus1": "12px",
|
170
170
|
"globalFontSizeAdaptiveStep0": "14px",
|
171
171
|
"globalFontSizeAdaptiveStep1": "16px",
|
172
172
|
"globalFontSizeAdaptiveStep2": "18px",
|
@@ -8,6 +8,7 @@
|
|
8
8
|
"buttonSizeToggleS": 32,
|
9
9
|
"buttonSizeToggleM": 40,
|
10
10
|
"buttonSizeToggleL": 48,
|
11
|
+
"buttonSizeIconS": 16,
|
11
12
|
"buttonSizeIconM": 20,
|
12
13
|
"buttonSizeVideoS": 40,
|
13
14
|
"buttonSizeVideoM": 64,
|
@@ -45,9 +46,12 @@
|
|
45
46
|
"buttonSpacePrimaryYS": 4,
|
46
47
|
"buttonSpacePrimaryYM": 8,
|
47
48
|
"buttonSpacePrimaryYL": 9.5,
|
48
|
-
"buttonSpacePrimaryIcononlyXS":
|
49
|
-
"buttonSpacePrimaryIcononlyXM":
|
50
|
-
"buttonSpacePrimaryIcononlyXL":
|
49
|
+
"buttonSpacePrimaryIcononlyXS": 6,
|
50
|
+
"buttonSpacePrimaryIcononlyXM": 10,
|
51
|
+
"buttonSpacePrimaryIcononlyXL": 14,
|
52
|
+
"buttonSpacePrimaryIcononlyYS": 6,
|
53
|
+
"buttonSpacePrimaryIcononlyYM": 10,
|
54
|
+
"buttonSpacePrimaryIcononlyYL": 14,
|
51
55
|
"buttonSpaceSecondaryXXs": 8,
|
52
56
|
"buttonSpaceSecondaryXS": 12,
|
53
57
|
"buttonSpaceSecondaryXM": 16,
|
@@ -56,13 +60,18 @@
|
|
56
60
|
"buttonSpaceSecondaryYS": 4,
|
57
61
|
"buttonSpaceSecondaryYM": 8,
|
58
62
|
"buttonSpaceSecondaryYL": 9.5,
|
63
|
+
"buttonSpaceSecondaryXgXs": 4,
|
59
64
|
"buttonSpaceSecondaryXgS": 8,
|
60
65
|
"buttonSpaceSecondaryXgM": 8,
|
61
66
|
"buttonSpaceSecondaryXgL": 8,
|
62
|
-
"
|
63
|
-
"buttonSpaceSecondaryIcononlyXS":
|
64
|
-
"buttonSpaceSecondaryIcononlyXM":
|
65
|
-
"buttonSpaceSecondaryIcononlyXL":
|
67
|
+
"buttonSpaceSecondaryIcononlyXXs": 4,
|
68
|
+
"buttonSpaceSecondaryIcononlyXS": 6,
|
69
|
+
"buttonSpaceSecondaryIcononlyXM": 10,
|
70
|
+
"buttonSpaceSecondaryIcononlyXL": 14,
|
71
|
+
"buttonSpaceSecondaryIcononlyYXs": 4,
|
72
|
+
"buttonSpaceSecondaryIcononlyYS": 6,
|
73
|
+
"buttonSpaceSecondaryIcononlyYM": 10,
|
74
|
+
"buttonSpaceSecondaryIcononlyYL": 14,
|
66
75
|
"buttonSpaceTertiaryYXs": 1.5,
|
67
76
|
"buttonSpaceTertiaryYS": 4,
|
68
77
|
"buttonSpaceTertiaryYM": 8,
|
@@ -75,9 +84,14 @@
|
|
75
84
|
"buttonSpaceTertiaryXgS": 8,
|
76
85
|
"buttonSpaceTertiaryXgM": 8,
|
77
86
|
"buttonSpaceTertiaryXgL": 8,
|
78
|
-
"
|
79
|
-
"
|
80
|
-
"
|
87
|
+
"buttonSpaceTertiaryIcononlyXXs": 4,
|
88
|
+
"buttonSpaceTertiaryIcononlyXS": 6,
|
89
|
+
"buttonSpaceTertiaryIcononlyXM": 10,
|
90
|
+
"buttonSpaceTertiaryIcononlyXL": 14,
|
91
|
+
"buttonSpaceTertiaryIcononlyYXs": 4,
|
92
|
+
"buttonSpaceTertiaryIcononlyYS": 6,
|
93
|
+
"buttonSpaceTertiaryIcononlyYM": 10,
|
94
|
+
"buttonSpaceTertiaryIcononlyYL": 14,
|
81
95
|
"buttonSpaceSubtleYXs": 1.5,
|
82
96
|
"buttonSpaceSubtleYS": 4,
|
83
97
|
"buttonSpaceSubtleYM": 8,
|
@@ -90,9 +104,14 @@
|
|
90
104
|
"buttonSpaceSubtleXgS": 4,
|
91
105
|
"buttonSpaceSubtleXgM": 4,
|
92
106
|
"buttonSpaceSubtleXgL": 4,
|
93
|
-
"
|
94
|
-
"
|
95
|
-
"
|
107
|
+
"buttonSpaceSubtleIcononlyXXs": 4,
|
108
|
+
"buttonSpaceSubtleIcononlyXS": 6,
|
109
|
+
"buttonSpaceSubtleIcononlyXM": 10,
|
110
|
+
"buttonSpaceSubtleIcononlyXL": 14,
|
111
|
+
"buttonSpaceSubtleIcononlyYXs": 4,
|
112
|
+
"buttonSpaceSubtleIcononlyYS": 6,
|
113
|
+
"buttonSpaceSubtleIcononlyYM": 10,
|
114
|
+
"buttonSpaceSubtleIcononlyYL": 14,
|
96
115
|
"buttonSpaceToggleButtonXXs": 8,
|
97
116
|
"buttonSpaceToggleButtonXS": 12,
|
98
117
|
"buttonSpaceToggleButtonXM": 16,
|
@@ -56,16 +56,23 @@
|
|
56
56
|
"containerSizeCopilotEmptystateIllustration": 200,
|
57
57
|
"containerSizeCopilotEmptystateContentMaxwidth": 600,
|
58
58
|
"containerSizeCopilotOverlayMaxheight": 960,
|
59
|
+
"containerSizeDialogMaxWidthXxs": "300",
|
60
|
+
"containerSizeDialogMaxWidthXs": "380",
|
61
|
+
"containerSizeDialogMaxWidthS": "540",
|
62
|
+
"containerSizeDialogMaxWidthM": "750",
|
63
|
+
"containerSizeDialogMaxWidthL": "850",
|
64
|
+
"containerSizeDialogMaxWidthXl": "960",
|
65
|
+
"containerSizeDialogMaxWidthXxl": "1080",
|
59
66
|
"containerSizeDragDroptarget": 2,
|
60
|
-
"containerSizeGenericEmptystateIllustrationPrimaryS": 200,
|
61
|
-
"containerSizeGenericEmptystateIllustrationPrimaryM": 240,
|
62
|
-
"containerSizeGenericEmptystateIllustrationPrimaryL": 320,
|
63
|
-
"containerSizeGenericEmptystateIllustrationSecondary": 60,
|
64
67
|
"containerSizeDrawerMinwidth": 288,
|
65
68
|
"containerSizeDrawerMaxwidth": 760,
|
66
69
|
"containerSizeDrawerClosedM": 40,
|
67
70
|
"containerSizeFooterM": 56,
|
68
71
|
"containerSizeFooterL": 72,
|
72
|
+
"containerSizeGenericEmptystateIllustrationPrimaryS": 200,
|
73
|
+
"containerSizeGenericEmptystateIllustrationPrimaryM": 240,
|
74
|
+
"containerSizeGenericEmptystateIllustrationPrimaryL": 320,
|
75
|
+
"containerSizeGenericEmptystateIllustrationSecondary": 60,
|
69
76
|
"containerSizeIconS": 20,
|
70
77
|
"containerSizeIconM": 20,
|
71
78
|
"containerSizeIconL": 20,
|
@@ -10,9 +10,9 @@
|
|
10
10
|
"formSpaceCheckradioYS": 3,
|
11
11
|
"formSpaceCheckradioYM": 2,
|
12
12
|
"formSpaceCheckradioYL": 4,
|
13
|
-
"formSpaceDatepickerPrS":
|
14
|
-
"formSpaceDatepickerPrM":
|
15
|
-
"formSpaceDatepickerPrL":
|
13
|
+
"formSpaceDatepickerPrS": "0",
|
14
|
+
"formSpaceDatepickerPrM": "0",
|
15
|
+
"formSpaceDatepickerPrL": "0",
|
16
16
|
"formSpaceDropdownButtonXS": 20,
|
17
17
|
"formSpaceDropdownButtonXM": 20,
|
18
18
|
"formSpaceDropdownButtonXL": 20,
|
@@ -52,6 +52,9 @@
|
|
52
52
|
"formSpaceDropdownPillXgS": 4,
|
53
53
|
"formSpaceDropdownPillXgM": 4,
|
54
54
|
"formSpaceDropdownPillXgL": 4,
|
55
|
+
"formSpaceDropdownTriggerSubtleS": 4,
|
56
|
+
"formSpaceDropdownTriggerSubtleM": 4,
|
57
|
+
"formSpaceDropdownTriggerSubtleL": 4,
|
55
58
|
"formSpaceFileinputStatusXlM": 28,
|
56
59
|
"formSpaceFileinputStatusYM": 4,
|
57
60
|
"formSpaceFileinputThumbnailM": 4,
|