@sage/design-tokens 17.5.0 → 17.5.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/assets/fonts/sageui.css +1 -1
- package/css/components/badge.css +1 -1
- package/css/components/button.css +1 -1
- package/css/components/container.css +1 -1
- package/css/components/dataviz.css +1 -1
- package/css/components/focus.css +1 -1
- package/css/components/input.css +1 -1
- package/css/components/link.css +2 -2
- package/css/components/logo.css +1 -1
- package/css/components/message.css +1 -1
- package/css/components/nav.css +1 -1
- package/css/components/page.css +1 -1
- package/css/components/pill.css +1 -1
- package/css/components/popover.css +1 -1
- package/css/components/profile.css +1 -1
- package/css/components/progress.css +1 -1
- package/css/components/tab.css +1 -1
- package/css/components/table.css +1 -1
- package/css/dark.css +1 -1
- package/css/global.css +8 -8
- package/css/light.css +1 -1
- package/js/ES6/index.js +1 -1
- package/js/common/components/badge.d.ts +1 -1
- package/js/common/components/badge.js +1 -1
- package/js/common/components/button.d.ts +1 -1
- package/js/common/components/button.js +1 -1
- package/js/common/components/container.d.ts +1 -1
- package/js/common/components/container.js +1 -1
- package/js/common/components/dataviz.d.ts +1 -1
- package/js/common/components/dataviz.js +1 -1
- package/js/common/components/focus.d.ts +1 -1
- package/js/common/components/focus.js +1 -1
- package/js/common/components/input.d.ts +1 -1
- package/js/common/components/input.js +1 -1
- package/js/common/components/link.d.ts +1 -1
- package/js/common/components/link.js +1 -1
- package/js/common/components/logo.d.ts +1 -1
- package/js/common/components/logo.js +1 -1
- package/js/common/components/message.d.ts +1 -1
- package/js/common/components/message.js +1 -1
- package/js/common/components/nav.d.ts +1 -1
- package/js/common/components/nav.js +1 -1
- package/js/common/components/page.d.ts +1 -1
- package/js/common/components/page.js +1 -1
- package/js/common/components/pill.d.ts +1 -1
- package/js/common/components/pill.js +1 -1
- package/js/common/components/popover.d.ts +1 -1
- package/js/common/components/popover.js +1 -1
- package/js/common/components/profile.d.ts +1 -1
- package/js/common/components/profile.js +1 -1
- package/js/common/components/progress.d.ts +1 -1
- package/js/common/components/progress.js +1 -1
- package/js/common/components/tab.d.ts +1 -1
- package/js/common/components/tab.js +1 -1
- package/js/common/components/table.d.ts +1 -1
- package/js/common/components/table.js +1 -1
- package/js/common/dark.d.ts +1 -1
- package/js/common/dark.js +1 -1
- package/js/common/global.d.ts +1 -1
- package/js/common/global.js +1 -1
- package/js/common/index.js +1 -1
- package/js/common/light.d.ts +1 -1
- package/js/common/light.js +1 -1
- package/js/es6/components/badge.d.ts +1 -1
- package/js/es6/components/badge.js +1 -1
- package/js/es6/components/button.d.ts +1 -1
- package/js/es6/components/button.js +1 -1
- package/js/es6/components/container.d.ts +1 -1
- package/js/es6/components/container.js +1 -1
- package/js/es6/components/dataviz.d.ts +1 -1
- package/js/es6/components/dataviz.js +1 -1
- package/js/es6/components/focus.d.ts +1 -1
- package/js/es6/components/focus.js +1 -1
- package/js/es6/components/input.d.ts +1 -1
- package/js/es6/components/input.js +1 -1
- package/js/es6/components/link.d.ts +1 -1
- package/js/es6/components/link.js +1 -1
- package/js/es6/components/logo.d.ts +1 -1
- package/js/es6/components/logo.js +1 -1
- package/js/es6/components/message.d.ts +1 -1
- package/js/es6/components/message.js +1 -1
- package/js/es6/components/nav.d.ts +1 -1
- package/js/es6/components/nav.js +1 -1
- package/js/es6/components/page.d.ts +1 -1
- package/js/es6/components/page.js +1 -1
- package/js/es6/components/pill.d.ts +1 -1
- package/js/es6/components/pill.js +1 -1
- package/js/es6/components/popover.d.ts +1 -1
- package/js/es6/components/popover.js +1 -1
- package/js/es6/components/profile.d.ts +1 -1
- package/js/es6/components/profile.js +1 -1
- package/js/es6/components/progress.d.ts +1 -1
- package/js/es6/components/progress.js +1 -1
- package/js/es6/components/tab.d.ts +1 -1
- package/js/es6/components/tab.js +1 -1
- package/js/es6/components/table.d.ts +1 -1
- package/js/es6/components/table.js +1 -1
- package/js/es6/dark.d.ts +1 -1
- package/js/es6/dark.js +1 -1
- package/js/es6/global.d.ts +1 -1
- package/js/es6/global.js +1 -1
- package/js/es6/light.d.ts +1 -1
- package/js/es6/light.js +1 -1
- package/package.json +1 -1
- package/scss/components/badge.scss +1 -1
- package/scss/components/button.scss +4 -4
- package/scss/components/container.scss +1 -1
- package/scss/components/dataviz.scss +1 -1
- package/scss/components/focus.scss +1 -1
- package/scss/components/input.scss +1 -1
- package/scss/components/link.scss +2 -2
- package/scss/components/logo.scss +1 -1
- package/scss/components/message.scss +3 -3
- package/scss/components/nav.scss +1 -1
- package/scss/components/page.scss +1 -1
- package/scss/components/pill.scss +3 -3
- package/scss/components/popover.scss +1 -1
- package/scss/components/profile.scss +1 -1
- package/scss/components/progress.scss +1 -1
- package/scss/components/tab.scss +1 -1
- package/scss/components/table.scss +1 -1
- package/scss/dark.scss +1 -1
- package/scss/global.scss +8 -8
- package/scss/light.scss +1 -1
package/js/es6/components/nav.js
CHANGED
package/js/es6/components/tab.js
CHANGED
package/js/es6/dark.d.ts
CHANGED
package/js/es6/dark.js
CHANGED
package/js/es6/global.d.ts
CHANGED
package/js/es6/global.js
CHANGED
package/js/es6/light.d.ts
CHANGED
package/js/es6/light.js
CHANGED
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": "17.5.
|
|
9
|
+
"version": "17.5.1",
|
|
10
10
|
"license": "SEE LICENSE IN https://github.com/Sage/design-tokens/blob/master/license",
|
|
11
11
|
"tags": [
|
|
12
12
|
"design tokens",
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
// Copyright ©
|
|
1
|
+
// Copyright © 2026 The Sage Group plc or its licensors. All Rights reserved
|
|
2
2
|
|
|
3
3
|
|
|
4
4
|
// Do not edit directly, this file was auto-generated.
|
|
@@ -46,7 +46,6 @@ $button-typical-secondary-inverse-border-active: $mode-color-action-main-inverse
|
|
|
46
46
|
$button-typical-secondary-inverse-border-disabled: $mode-color-action-inactive-inverse-default;
|
|
47
47
|
$button-typical-secondary-inverse-border-hover: $mode-color-action-main-inverse-hover;
|
|
48
48
|
$button-typical-secondary-inverse-label-active: $mode-color-action-grayscale-inverse-with-active-alt;
|
|
49
|
-
$button-typical-secondary-inverse-label-default: $mode-color-action-grayscale-inverse-default;
|
|
50
49
|
$button-typical-secondary-inverse-label-hover: $mode-color-action-grayscale-inverse-with-hover;
|
|
51
50
|
$button-typical-tertiary-border-active: $mode-color-action-main-active;
|
|
52
51
|
$button-typical-tertiary-border-disabled: $mode-color-action-inactive-default;
|
|
@@ -57,12 +56,10 @@ $button-typical-tertiary-inverse-border-active: $mode-color-action-main-inverse-
|
|
|
57
56
|
$button-typical-tertiary-inverse-border-disabled: $mode-color-action-inactive-inverse-default;
|
|
58
57
|
$button-typical-tertiary-inverse-border-hover: $mode-color-action-main-inverse-hover;
|
|
59
58
|
$button-typical-tertiary-inverse-label-active: $mode-color-action-grayscale-inverse-with-active-alt;
|
|
60
|
-
$button-typical-tertiary-inverse-label-default: $mode-color-action-grayscale-inverse-default;
|
|
61
59
|
$button-typical-tertiary-inverse-label-hover: $mode-color-action-grayscale-inverse-with-hover;
|
|
62
60
|
$button-typical-subtle-label-active: $mode-color-action-grayscale-with-active-alt;
|
|
63
61
|
$button-typical-subtle-label-hover: $mode-color-action-grayscale-with-hover;
|
|
64
62
|
$button-typical-subtle-inverse-label-active: $mode-color-action-grayscale-inverse-with-active-alt;
|
|
65
|
-
$button-typical-subtle-inverse-label-default: $mode-color-action-grayscale-inverse-default;
|
|
66
63
|
$button-typical-subtle-inverse-label-hover: $mode-color-action-grayscale-inverse-with-hover;
|
|
67
64
|
$button-typical-toggle-bg-active-disabled: $mode-color-action-inactive-default;
|
|
68
65
|
$button-typical-toggle-bg-active: $mode-color-action-grayscale-active;
|
|
@@ -88,6 +85,7 @@ $button-typical-secondary-inverse-bg-active: $mode-color-action-main-inverse-act
|
|
|
88
85
|
$button-typical-secondary-inverse-bg-default: $mode-color-action-main-inverse-default-alt3;
|
|
89
86
|
$button-typical-secondary-inverse-bg-hover: $mode-color-action-main-inverse-hover-alt;
|
|
90
87
|
$button-typical-secondary-inverse-border-default: $mode-color-action-main-inverse-default-alt;
|
|
88
|
+
$button-typical-secondary-inverse-label-default: $mode-color-action-grayscale-inverse-default;
|
|
91
89
|
$button-typical-tertiary-bg-active: $mode-color-action-main-active-alt;
|
|
92
90
|
$button-typical-tertiary-bg-default: $button-none;
|
|
93
91
|
$button-typical-tertiary-bg-hover: $mode-color-action-main-hover-alt;
|
|
@@ -97,11 +95,13 @@ $button-typical-tertiary-inverse-bg-active: $mode-color-action-main-inverse-acti
|
|
|
97
95
|
$button-typical-tertiary-inverse-bg-default: $button-none;
|
|
98
96
|
$button-typical-tertiary-inverse-bg-hover: $mode-color-action-main-inverse-hover-alt;
|
|
99
97
|
$button-typical-tertiary-inverse-border-default: $mode-color-action-main-inverse-default-alt;
|
|
98
|
+
$button-typical-tertiary-inverse-label-default: $mode-color-action-grayscale-inverse-default;
|
|
100
99
|
$button-typical-subtle-bg-active: $mode-color-action-grayscale-active-alt;
|
|
101
100
|
$button-typical-subtle-bg-hover: $mode-color-action-grayscale-hover-alt;
|
|
102
101
|
$button-typical-subtle-label-default: $mode-color-action-grayscale-default;
|
|
103
102
|
$button-typical-subtle-inverse-bg-active: $mode-color-action-grayscale-inverse-active-alt;
|
|
104
103
|
$button-typical-subtle-inverse-bg-hover: $mode-color-action-grayscale-inverse-hover-alt;
|
|
104
|
+
$button-typical-subtle-inverse-label-default: $mode-color-action-grayscale-inverse-default;
|
|
105
105
|
$button-typical-toggle-label-active-disabled: $mode-color-action-inactive-txt-alt;
|
|
106
106
|
$button-typical-toggle-bg-hover: $mode-color-action-grayscale-hover-alt;
|
|
107
107
|
$button-typical-toggle-border-default: $mode-color-action-grayscale-default;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
// Copyright ©
|
|
1
|
+
// Copyright © 2026 The Sage Group plc or its licensors. All Rights reserved
|
|
2
2
|
|
|
3
3
|
|
|
4
4
|
// Do not edit directly, this file was auto-generated.
|
|
@@ -12,6 +12,6 @@ $link-typical-label-hover: $mode-color-action-main-hover-alt2;
|
|
|
12
12
|
$link-typical-inverse-label-default: $mode-color-action-main-inverse-default-alt2;
|
|
13
13
|
$link-typical-inverse-label-hover: $mode-color-action-main-inverse-hover-alt2;
|
|
14
14
|
$link-subtle-label-hover: $mode-color-action-grayscale-active;
|
|
15
|
-
$link-subtle-inverse-label-default: $mode-color-action-grayscale-inverse-default;
|
|
16
15
|
$link-subtle-inverse-label-hover: $mode-color-action-grayscale-inverse-active;
|
|
17
16
|
$link-subtle-label-default: $mode-color-action-grayscale-default;
|
|
17
|
+
$link-subtle-inverse-label-default: $mode-color-action-grayscale-inverse-default;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
// Copyright ©
|
|
1
|
+
// Copyright © 2026 The Sage Group plc or its licensors. All Rights reserved
|
|
2
2
|
|
|
3
3
|
|
|
4
4
|
// Do not edit directly, this file was auto-generated.
|
|
@@ -7,7 +7,9 @@ $message-none: $mode-color-none;
|
|
|
7
7
|
$message-contextual-bg: $mode-color-generic-bg-nought;
|
|
8
8
|
$message-contextual-icon: $mode-color-generic-bg-nought;
|
|
9
9
|
$message-contextual-icon-alt: $mode-color-status-neutral-default;
|
|
10
|
+
$message-contextual-ai-bg-default: $mode-color-status-ai-default-alt;
|
|
10
11
|
$message-contextual-ai-bg-alt: $mode-color-status-neutral-default-alt;
|
|
12
|
+
$message-contextual-ai-border-default: $mode-color-status-ai-default-alt;
|
|
11
13
|
$message-contextual-callout-bg-alt: $mode-color-status-callout-default-alt;
|
|
12
14
|
$message-contextual-error-bg-default: $mode-color-status-negative-default;
|
|
13
15
|
$message-contextual-error-bg-alt: $mode-color-status-negative-default-alt;
|
|
@@ -35,8 +37,6 @@ $message-global-warning-bg-default: $mode-color-status-warning-default-alt;
|
|
|
35
37
|
$message-global-warning-bg-hover: $mode-color-status-warning-hover-alt;
|
|
36
38
|
$message-global-warning-icon: $mode-color-status-warning-default;
|
|
37
39
|
$message-contextual-txt: $mode-color-status-txt-with-hover-alt;
|
|
38
|
-
$message-contextual-ai-bg-default: $mode-color-status-ai-default-alt;
|
|
39
|
-
$message-contextual-ai-border-default: $mode-color-status-ai-default-alt;
|
|
40
40
|
$message-contextual-callout-icon: $mode-color-status-txt-with-default-alt;
|
|
41
41
|
$message-global-label-default: $mode-color-status-txt-with-default-alt;
|
|
42
42
|
$message-global-callout-icon: $mode-color-status-txt-with-default-alt;
|
package/scss/components/nav.scss
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
// Copyright ©
|
|
1
|
+
// Copyright © 2026 The Sage Group plc or its licensors. All Rights reserved
|
|
2
2
|
|
|
3
3
|
|
|
4
4
|
// Do not edit directly, this file was auto-generated.
|
|
@@ -198,10 +198,10 @@ $pill-generic-label-default: $mode-color-status-txt-with-default;
|
|
|
198
198
|
$pill-generic-label-hover: $mode-color-status-txt-with-hover;
|
|
199
199
|
$pill-generic-inverse-label-default: $mode-color-status-txt-inverse-with-default;
|
|
200
200
|
$pill-generic-inverse-label-hover: $mode-color-status-txt-inverse-with-hover;
|
|
201
|
+
$pill-generic-inverse-label-alt-default: $mode-color-status-txt-inverse-with-default-alt;
|
|
202
|
+
$pill-generic-inverse-label-alt-hover: $mode-color-status-txt-inverse-with-default-alt;
|
|
201
203
|
$pill-readonly-bg-default: $mode-color-status-inactive-default;
|
|
202
204
|
$pill-readonly-border-default: $mode-color-status-inactive-default;
|
|
203
205
|
$pill-readonly-label: $mode-color-generic-txt-soft;
|
|
204
206
|
$pill-generic-label-alt-default: $mode-color-status-txt-with-default-alt;
|
|
205
207
|
$pill-generic-label-alt-hover: $mode-color-status-txt-with-default-alt;
|
|
206
|
-
$pill-generic-inverse-label-alt-default: $mode-color-status-txt-inverse-with-default-alt;
|
|
207
|
-
$pill-generic-inverse-label-alt-hover: $mode-color-status-txt-inverse-with-default-alt;
|
package/scss/components/tab.scss
CHANGED
package/scss/dark.scss
CHANGED
package/scss/global.scss
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
// Copyright ©
|
|
1
|
+
// Copyright © 2026 The Sage Group plc or its licensors. All Rights reserved
|
|
2
2
|
|
|
3
3
|
|
|
4
4
|
// Do not edit directly, this file was auto-generated.
|
|
@@ -110,13 +110,13 @@ $global-radius-action-l: 16px;
|
|
|
110
110
|
$global-radius-action-xl: 20px;
|
|
111
111
|
$global-radius-action-2-xl: 24px;
|
|
112
112
|
$global-radius-action-circle: 999px;
|
|
113
|
-
$global-depth-none:
|
|
114
|
-
$global-depth-lvl1:
|
|
115
|
-
$global-depth-lvl2:
|
|
116
|
-
$global-depth-lvl3:
|
|
117
|
-
$global-depth-sticky-b:
|
|
118
|
-
$global-depth-sticky-l:
|
|
119
|
-
$global-depth-sticky-r:
|
|
113
|
+
$global-depth-none: 0 0 0 0 rgba(0,0,0,0);
|
|
114
|
+
$global-depth-lvl1: 0 1px 2px 0 #0000001A, 2px 2px 10px 0 #00000033;
|
|
115
|
+
$global-depth-lvl2: 0 2px 3px 0 #0000001A, 6px 6px 30px 0 #00000026;
|
|
116
|
+
$global-depth-lvl3: 0 3px 4px 0 #0000001A, 10px 10px 60px 0 #0000001A;
|
|
117
|
+
$global-depth-sticky-b: 0 -1px 2px 0 #0000001A, 2px -2px 10px 0 #00000033;
|
|
118
|
+
$global-depth-sticky-l: -2px 0 2px 0 #0000001A, -5px 0 5px 0 #0000001A;
|
|
119
|
+
$global-depth-sticky-r: 2px 0 2px 0 #0000001A, 5px 0 5px 0 #0000001A;
|
|
120
120
|
$global-size-none: 0px;
|
|
121
121
|
$global-size-6-xs: 2px;
|
|
122
122
|
$global-size-5-xs: 4px;
|
package/scss/light.scss
CHANGED