@pantheon-systems/pds-design-tokens 0.6.0-dev.1 → 0.6.0-dev.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 (8) hide show
  1. package/build/css/pds-design-tokens-dark-mode.css +16 -16
  2. package/build/css/pds-design-tokens-light-mode.css +12 -12
  3. package/build/figma/pds-design-tokens-figma.json +86 -86
  4. package/build/json/pds-design-tokens-dark-mode.json +45 -45
  5. package/build/json/pds-design-tokens-light-mode.json +41 -41
  6. package/build/scss/_pds-design-tokens-dark-mode.scss +16 -16
  7. package/build/scss/_pds-design-tokens-light-mode.scss +12 -12
  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;
@@ -35,10 +35,10 @@
35
35
  --pds-color-button-primary-border-default: #ffdc28;
36
36
  --pds-color-button-primary-border-focus: #ddbd16;
37
37
  --pds-color-button-primary-border-hover: #ffe668;
38
- --pds-color-button-primary-foreground-active: #ffffff;
39
- --pds-color-button-primary-foreground-default: #ffffff;
40
- --pds-color-button-primary-foreground-focus: #ffffff;
41
- --pds-color-button-primary-foreground-hover: #ffffff;
38
+ --pds-color-button-primary-foreground-active: #121219;
39
+ --pds-color-button-primary-foreground-default: #121219;
40
+ --pds-color-button-primary-foreground-focus: #121219;
41
+ --pds-color-button-primary-foreground-hover: #121219;
42
42
  --pds-color-button-secondary-background-active: #282839;
43
43
  --pds-color-button-secondary-background-default: rgba(0, 0, 0, 0);
44
44
  --pds-color-button-secondary-background-focus: rgba(0, 0, 0, 0);
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;