@pantheon-systems/pds-design-tokens 0.6.0-dev.2 → 0.7.0-dev.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.
Files changed (8) hide show
  1. package/build/css/pds-design-tokens-dark-mode.css +14 -14
  2. package/build/css/pds-design-tokens-light-mode.css +14 -14
  3. package/build/figma/pds-design-tokens-figma.json +180 -132
  4. package/build/json/pds-design-tokens-dark-mode.json +59 -55
  5. package/build/json/pds-design-tokens-light-mode.json +75 -55
  6. package/build/scss/_pds-design-tokens-dark-mode.scss +14 -14
  7. package/build/scss/_pds-design-tokens-light-mode.scss +14 -14
  8. package/package.json +1 -1
package/build/css/pds-design-tokens-dark-mode.css CHANGED
@@ -15,18 +15,18 @@
15
15
  --pds-color-brand-accent-default: #de0093;
16
16
  --pds-color-brand-primary-default: #ffdc28;
17
17
  --pds-color-brand-secondary-default: #3017a1;
18
- --pds-color-button-destructive-background-active: rgba(0, 0, 0, 0);
19
- --pds-color-button-destructive-background-default: rgba(0, 0, 0, 0);
20
- --pds-color-button-destructive-background-focus: rgba(0, 0, 0, 0);
21
- --pds-color-button-destructive-background-hover: rgba(0, 0, 0, 0);
22
- --pds-color-button-destructive-border-active: #be4242;
23
- --pds-color-button-destructive-border-default: #be4242;
24
- --pds-color-button-destructive-border-focus: #be4242;
25
- --pds-color-button-destructive-border-hover: #ffafaf;
26
- --pds-color-button-destructive-foreground-active: #be4242;
27
- --pds-color-button-destructive-foreground-default: #e05757;
28
- --pds-color-button-destructive-foreground-focus: #e05757;
29
- --pds-color-button-destructive-foreground-hover: #ffafaf;
18
+ --pds-color-button-critical-background-active: rgba(0, 0, 0, 0);
19
+ --pds-color-button-critical-background-default: rgba(0, 0, 0, 0);
20
+ --pds-color-button-critical-background-focus: rgba(0, 0, 0, 0);
21
+ --pds-color-button-critical-background-hover: rgba(0, 0, 0, 0);
22
+ --pds-color-button-critical-border-active: #be4242;
23
+ --pds-color-button-critical-border-default: #be4242;
24
+ --pds-color-button-critical-border-focus: #be4242;
25
+ --pds-color-button-critical-border-hover: #ffafaf;
26
+ --pds-color-button-critical-foreground-active: #be4242;
27
+ --pds-color-button-critical-foreground-default: #e05757;
28
+ --pds-color-button-critical-foreground-focus: #e05757;
29
+ --pds-color-button-critical-foreground-hover: #ffafaf;
30
30
  --pds-color-button-primary-background-active: #ddbd16;
31
31
  --pds-color-button-primary-background-default: #ffdc28;
32
32
  --pds-color-button-primary-background-focus: #ddbd16;
@@ -77,6 +77,6 @@
77
77
  --pds-color-text-default: #ffffff;
78
78
  --pds-color-text-headings: var(--pds-color-text-default);
79
79
  --pds-color-text-paragraph: var(--pds-color-text-default);
80
- --pds-elevation-overlay: 0px, 8px, 12px, 0px, rgba(18, 18, 25, 0.6);
81
- --pds-elevation-raised: 0px, 1px, 1px, 0px, rgba(18, 18, 25, 0.95);
80
+ --pds-elevation-overlay: 0px 8px 12px 0px rgba(18, 18, 25, 0.6);
81
+ --pds-elevation-raised: 0px 1px 1px 0px rgba(18, 18, 25, 0.95);
82
82
  }
package/build/css/pds-design-tokens-light-mode.css CHANGED
@@ -15,18 +15,18 @@
15
15
  --pds-color-brand-accent-default: #de0093;
16
16
  --pds-color-brand-primary-default: #ffdc28;
17
17
  --pds-color-brand-secondary-default: #3017a1;
18
- --pds-color-button-destructive-background-active: #920303;
19
- --pds-color-button-destructive-background-default: #d61f1f;
20
- --pds-color-button-destructive-background-focus: #ffebeb;
21
- --pds-color-button-destructive-background-hover: #f83333;
22
- --pds-color-button-destructive-border-active: #920303;
23
- --pds-color-button-destructive-border-default: #d61f1f;
24
- --pds-color-button-destructive-border-focus: #d61f1f;
25
- --pds-color-button-destructive-border-hover: #f83333;
26
- --pds-color-button-destructive-foreground-active: #ffffff;
27
- --pds-color-button-destructive-foreground-default: #ffffff;
28
- --pds-color-button-destructive-foreground-focus: #f83333;
29
- --pds-color-button-destructive-foreground-hover: #ffffff;
18
+ --pds-color-button-critical-background-active: #920303;
19
+ --pds-color-button-critical-background-default: #d61f1f;
20
+ --pds-color-button-critical-background-focus: #ffebeb;
21
+ --pds-color-button-critical-background-hover: #f83333;
22
+ --pds-color-button-critical-border-active: #920303;
23
+ --pds-color-button-critical-border-default: #d61f1f;
24
+ --pds-color-button-critical-border-focus: #d61f1f;
25
+ --pds-color-button-critical-border-hover: #f83333;
26
+ --pds-color-button-critical-foreground-active: #ffffff;
27
+ --pds-color-button-critical-foreground-default: #ffffff;
28
+ --pds-color-button-critical-foreground-focus: #f83333;
29
+ --pds-color-button-critical-foreground-hover: #ffffff;
30
30
  --pds-color-button-primary-background-active: #ddbd16;
31
31
  --pds-color-button-primary-background-default: #ffdc28;
32
32
  --pds-color-button-primary-background-focus: #ffe668;
@@ -77,6 +77,6 @@
77
77
  --pds-color-text-default: #23232d;
78
78
  --pds-color-text-headings: var(--pds-color-text-default);
79
79
  --pds-color-text-paragraph: #23232d;
80
- --pds-elevation-overlay: 0px, 8px, 12px, 0px, rgba(113, 113, 124, 0.25);
81
- --pds-elevation-raised: 0px, 1px, 1px, 0px, #aeaeb6;
80
+ --pds-elevation-overlay: 0px 8px 12px 0px rgba(113, 113, 124, 0.25), 0px 0px 1px 0px rgba(18, 18, 25, 0.25);
81
+ --pds-elevation-raised: 0px 1px 1px 0px #aeaeb6, 0px 0px 1px 0px rgba(18, 18, 25, 0.25);
82
82
  }