@sage/design-tokens 18.12.0 → 18.12.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.
Files changed (7) hide show
  1. package/css/components/button.css +1 -1
  2. package/css/light-all.css +1 -1
  3. package/js/common/components/button.js +1 -1
  4. package/js/es6/components/button.js +1 -1
  5. package/json/components/button.json +1 -1
  6. package/package.json +1 -1
  7. package/scss/components/button.scss +1 -1
package/css/components/button.css CHANGED
@@ -40,7 +40,7 @@
40
40
  --button-typical-primary-inverse-bg-hover: var(--mode-color-action-main-inverse-hover);
41
41
  --button-typical-primary-inverse-label-active: var(--mode-color-action-main-inverse-with-active);
42
42
  --button-typical-primary-inverse-label-default: var(--mode-color-action-main-inverse-with-default);
43
- --button-typical-primary-inverse-label-hover: var(--mode-color-action-main-inverse-with-default);
43
+ --button-typical-primary-inverse-label-hover: var(--mode-color-action-main-inverse-with-hover);
44
44
  --button-typical-secondary-border-active: var(--mode-color-action-main-active);
45
45
  --button-typical-secondary-border-disabled: var(--mode-color-action-inactive-default);
46
46
  --button-typical-secondary-border-hover: var(--mode-color-action-main-hover);
package/css/light-all.css CHANGED
@@ -1214,7 +1214,7 @@
1214
1214
  --button-typical-primary-inverse-bg-hover: var(--mode-color-action-main-inverse-hover);
1215
1215
  --button-typical-primary-inverse-label-active: var(--mode-color-action-main-inverse-with-active);
1216
1216
  --button-typical-primary-inverse-label-default: var(--mode-color-action-main-inverse-with-default);
1217
- --button-typical-primary-inverse-label-hover: var(--mode-color-action-main-inverse-with-default);
1217
+ --button-typical-primary-inverse-label-hover: var(--mode-color-action-main-inverse-with-hover);
1218
1218
  --button-typical-secondary-border-active: var(--mode-color-action-main-active);
1219
1219
  --button-typical-secondary-border-disabled: var(--mode-color-action-inactive-default);
1220
1220
  --button-typical-secondary-border-hover: var(--mode-color-action-main-hover);
package/js/common/components/button.js CHANGED
@@ -43,7 +43,7 @@ module.exports.buttonTypicalPrimaryInverseBgHover = "var(--mode-color-action-mai
43
43
  module.exports.buttonTypicalPrimaryInverseLabelActive = "var(--mode-color-action-main-inverse-with-active)";
44
44
  module.exports.buttonTypicalPrimaryInverseLabelDisabled = "var(--mode-color-action-inactive-inverse-txt-alt)";
45
45
  module.exports.buttonTypicalPrimaryInverseLabelDefault = "var(--mode-color-action-main-inverse-with-default)";
46
- module.exports.buttonTypicalPrimaryInverseLabelHover = "var(--mode-color-action-main-inverse-with-default)";
46
+ module.exports.buttonTypicalPrimaryInverseLabelHover = "var(--mode-color-action-main-inverse-with-hover)";
47
47
  module.exports.buttonTypicalSecondaryBgActive = "var(--mode-color-action-main-active-alt)";
48
48
  module.exports.buttonTypicalSecondaryBgDefault = "var(--mode-color-action-main-default-alt3)";
49
49
  module.exports.buttonTypicalSecondaryBgHover = "var(--mode-color-action-main-hover-alt)";
package/js/es6/components/button.js CHANGED
@@ -43,7 +43,7 @@ export const buttonTypicalPrimaryInverseBgHover = "var(--mode-color-action-main-
43
43
  export const buttonTypicalPrimaryInverseLabelActive = "var(--mode-color-action-main-inverse-with-active)";
44
44
  export const buttonTypicalPrimaryInverseLabelDisabled = "var(--mode-color-action-inactive-inverse-txt-alt)";
45
45
  export const buttonTypicalPrimaryInverseLabelDefault = "var(--mode-color-action-main-inverse-with-default)";
46
- export const buttonTypicalPrimaryInverseLabelHover = "var(--mode-color-action-main-inverse-with-default)";
46
+ export const buttonTypicalPrimaryInverseLabelHover = "var(--mode-color-action-main-inverse-with-hover)";
47
47
  export const buttonTypicalSecondaryBgActive = "var(--mode-color-action-main-active-alt)";
48
48
  export const buttonTypicalSecondaryBgDefault = "var(--mode-color-action-main-default-alt3)";
49
49
  export const buttonTypicalSecondaryBgHover = "var(--mode-color-action-main-hover-alt)";
package/json/components/button.json CHANGED
@@ -40,7 +40,7 @@
40
40
  "buttonTypicalPrimaryInverseLabelActive": "var(--mode-color-action-main-inverse-with-active)",
41
41
  "buttonTypicalPrimaryInverseLabelDisabled": "var(--mode-color-action-inactive-inverse-txt-alt)",
42
42
  "buttonTypicalPrimaryInverseLabelDefault": "var(--mode-color-action-main-inverse-with-default)",
43
- "buttonTypicalPrimaryInverseLabelHover": "var(--mode-color-action-main-inverse-with-default)",
43
+ "buttonTypicalPrimaryInverseLabelHover": "var(--mode-color-action-main-inverse-with-hover)",
44
44
  "buttonTypicalSecondaryBgActive": "var(--mode-color-action-main-active-alt)",
45
45
  "buttonTypicalSecondaryBgDefault": "var(--mode-color-action-main-default-alt3)",
46
46
  "buttonTypicalSecondaryBgHover": "var(--mode-color-action-main-hover-alt)",
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.12.0",
9
+ "version": "18.12.1",
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
@@ -36,7 +36,7 @@ $button-typical-primary-inverse-bg-default: $mode-color-action-main-inverse-defa
36
36
  $button-typical-primary-inverse-bg-hover: $mode-color-action-main-inverse-hover;
37
37
  $button-typical-primary-inverse-label-active: $mode-color-action-main-inverse-with-active;
38
38
  $button-typical-primary-inverse-label-default: $mode-color-action-main-inverse-with-default;
39
- $button-typical-primary-inverse-label-hover: $mode-color-action-main-inverse-with-default;
39
+ $button-typical-primary-inverse-label-hover: $mode-color-action-main-inverse-with-hover;
40
40
  $button-typical-secondary-border-active: $mode-color-action-main-active;
41
41
  $button-typical-secondary-border-disabled: $mode-color-action-inactive-default;
42
42
  $button-typical-secondary-border-hover: $mode-color-action-main-hover;