@sage/design-tokens 18.7.2 → 18.7.3

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.
Files changed (5) hide show
  1. package/package.json +1 -1
  2. package/scss/components/button.scss +3 -3
  3. package/scss/components/link.scss +1 -1
  4. package/scss/components/message.scss +3 -3
  5. package/scss/components/pill.scss +2 -2
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": "18.7.2",
9
+ "version": "18.7.3",
10
10
  "license": "SEE LICENSE IN https://github.com/Sage/design-tokens/blob/master/license",
11
11
  "tags": [
12
12
  "design tokens",
package/scss/components/button.scss CHANGED
@@ -46,6 +46,7 @@ $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;
49
50
  $button-typical-secondary-inverse-label-hover: $mode-color-action-grayscale-inverse-with-hover;
50
51
  $button-typical-tertiary-border-active: $mode-color-action-main-active;
51
52
  $button-typical-tertiary-border-disabled: $mode-color-action-inactive-default;
@@ -56,11 +57,13 @@ $button-typical-tertiary-inverse-border-active: $mode-color-action-main-inverse-
56
57
  $button-typical-tertiary-inverse-border-disabled: $mode-color-action-inactive-inverse-default;
57
58
  $button-typical-tertiary-inverse-border-hover: $mode-color-action-main-inverse-hover;
58
59
  $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;
59
61
  $button-typical-tertiary-inverse-label-hover: $mode-color-action-grayscale-inverse-with-hover;
60
62
  $button-typical-subtle-bg-hover: $mode-color-generic-bg-delicate;
61
63
  $button-typical-subtle-label-active: $mode-color-action-grayscale-with-active-alt;
62
64
  $button-typical-subtle-label-hover: $mode-color-action-grayscale-with-hover;
63
65
  $button-typical-subtle-inverse-label-active: $mode-color-action-grayscale-inverse-with-active-alt;
66
+ $button-typical-subtle-inverse-label-default: $mode-color-action-grayscale-inverse-default;
64
67
  $button-typical-subtle-inverse-label-hover: $mode-color-action-grayscale-inverse-with-hover;
65
68
  $button-typical-toggle-bg-active-disabled: $mode-color-action-inactive-default;
66
69
  $button-typical-toggle-bg-active: $mode-color-action-grayscale-active;
@@ -88,7 +91,6 @@ $button-typical-secondary-inverse-bg-active: $mode-color-action-main-inverse-act
88
91
  $button-typical-secondary-inverse-bg-default: $mode-color-action-main-inverse-default-alt3;
89
92
  $button-typical-secondary-inverse-bg-hover: $mode-color-action-main-inverse-hover-alt;
90
93
  $button-typical-secondary-inverse-border-default: $mode-color-action-main-inverse-default-alt;
91
- $button-typical-secondary-inverse-label-default: $mode-color-action-grayscale-inverse-default;
92
94
  $button-typical-tertiary-bg-active: $mode-color-action-main-active-alt;
93
95
  $button-typical-tertiary-bg-default: $button-none;
94
96
  $button-typical-tertiary-bg-hover: $mode-color-action-main-hover-alt;
@@ -98,12 +100,10 @@ $button-typical-tertiary-inverse-bg-active: $mode-color-action-main-inverse-acti
98
100
  $button-typical-tertiary-inverse-bg-default: $button-none;
99
101
  $button-typical-tertiary-inverse-bg-hover: $mode-color-action-main-inverse-hover-alt;
100
102
  $button-typical-tertiary-inverse-border-default: $mode-color-action-main-inverse-default-alt;
101
- $button-typical-tertiary-inverse-label-default: $mode-color-action-grayscale-inverse-default;
102
103
  $button-typical-subtle-bg-active: $mode-color-action-grayscale-active-alt;
103
104
  $button-typical-subtle-label-default: $mode-color-action-grayscale-default;
104
105
  $button-typical-subtle-inverse-bg-active: $mode-color-action-grayscale-inverse-active-alt;
105
106
  $button-typical-subtle-inverse-bg-hover: $mode-color-action-grayscale-inverse-hover-alt;
106
- $button-typical-subtle-inverse-label-default: $mode-color-action-grayscale-inverse-default;
107
107
  $button-typical-toggle-label-active-disabled: $mode-color-action-inactive-txt-alt;
108
108
  $button-typical-toggle-border-default: $mode-color-action-grayscale-default;
109
109
  $button-typical-toggle-label-default: $mode-color-action-grayscale-default-alt;
package/scss/components/link.scss CHANGED
@@ -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;
15
16
  $link-subtle-inverse-label-hover: $mode-color-action-grayscale-inverse-active;
16
17
  $link-subtle-label-default: $mode-color-action-grayscale-default;
17
- $link-subtle-inverse-label-default: $mode-color-action-grayscale-inverse-default;
package/scss/components/message.scss CHANGED
@@ -7,10 +7,7 @@ $message-contextual-icon: #ffffff;
7
7
  $message-none: $mode-color-none;
8
8
  $message-contextual-bg: $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;
11
10
  $message-contextual-ai-bg-alt: $mode-color-status-neutral-default-alt;
12
- $message-contextual-ai-border-default: $mode-color-status-ai-default-alt;
13
- $message-contextual-ai-border-alt: $mode-color-status-ai-with-default-alt;
14
11
  $message-contextual-callout-bg-alt: $mode-color-status-callout-default-alt;
15
12
  $message-contextual-error-bg-default: $mode-color-status-negative-default;
16
13
  $message-contextual-error-bg-alt: $mode-color-status-negative-default-alt;
@@ -41,6 +38,9 @@ $message-global-warning-bg-default: $mode-color-status-warning-default-alt;
41
38
  $message-global-warning-bg-hover: $mode-color-status-warning-hover-alt;
42
39
  $message-global-warning-icon: $mode-color-status-warning-default;
43
40
  $message-contextual-txt: $mode-color-status-txt-with-hover-alt;
41
+ $message-contextual-ai-bg-default: $mode-color-status-ai-default-alt;
42
+ $message-contextual-ai-border-default: $mode-color-status-ai-default-alt;
43
+ $message-contextual-ai-border-alt: $mode-color-status-ai-with-default-alt;
44
44
  $message-contextual-callout-icon: $mode-color-status-txt-with-default-alt;
45
45
  $message-global-label-default: $mode-color-status-txt-with-default-alt;
46
46
  $message-global-callout-icon: $mode-color-status-txt-with-default-alt;
package/scss/components/pill.scss CHANGED
@@ -88,7 +88,7 @@ $pill-generic-label-default: $mode-color-status-txt-with-default;
88
88
  $pill-generic-label-hover: $mode-color-status-txt-with-hover;
89
89
  $pill-generic-inverse-label-default: $mode-color-status-txt-inverse-with-default;
90
90
  $pill-generic-inverse-label-hover: $mode-color-status-txt-inverse-with-hover;
91
- $pill-generic-inverse-label-alt-default: $mode-color-status-txt-inverse-with-default-alt;
92
- $pill-generic-inverse-label-alt-hover: $mode-color-status-txt-inverse-with-default-alt;
93
91
  $pill-generic-label-alt-default: $mode-color-status-txt-with-default-alt;
94
92
  $pill-generic-label-alt-hover: $mode-color-status-txt-with-default-alt;
93
+ $pill-generic-inverse-label-alt-default: $mode-color-status-txt-inverse-with-default-alt;
94
+ $pill-generic-inverse-label-alt-hover: $mode-color-status-txt-inverse-with-default-alt;