@pantheon-systems/pds-design-tokens 1.0.0-dev.156 → 1.0.0-dev.158

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 (6) hide show
  1. package/build/css/pds-design-tokens-dark-mode.css +19 -19
  2. package/build/css/pds-design-tokens-light-mode.css +19 -10
  3. package/build/figma/pds-design-tokens-figma.json +322 -76
  4. package/build/json/pds-design-tokens-dark-mode.json +49 -47
  5. package/build/json/pds-design-tokens-light-mode.json +273 -29
  6. package/package.json +1 -1
package/build/css/pds-design-tokens-dark-mode.css CHANGED
@@ -46,12 +46,12 @@
46
46
  --pds-color-brand-accent-default: #de0093;
47
47
  --pds-color-brand-primary-default: #745dd8;
48
48
  --pds-color-brand-secondary-default: #ffdc28;
49
- --pds-color-button-brand-background-active: #ddbd16;
50
- --pds-color-button-brand-background-default: #ffdc28;
51
- --pds-color-button-brand-background-hover: #ffe668;
52
- --pds-color-button-brand-border-active: #ddbd16;
53
- --pds-color-button-brand-border-default: #ffdc28;
54
- --pds-color-button-brand-border-hover: #ffe668;
49
+ --pds-color-button-brand-background-active: #ffe668;
50
+ --pds-color-button-brand-background-default: #ddbd16;
51
+ --pds-color-button-brand-background-hover: #ffdc28;
52
+ --pds-color-button-brand-border-active: #ffe668;
53
+ --pds-color-button-brand-border-default: #ddbd16;
54
+ --pds-color-button-brand-border-hover: #ffdc28;
55
55
  --pds-color-button-brand-foreground-active: #121219;
56
56
  --pds-color-button-brand-foreground-default: #121219;
57
57
  --pds-color-button-brand-foreground-hover: #121219;
@@ -64,24 +64,24 @@
64
64
  --pds-color-button-brand-secondary-foreground-active: #b5b5bc;
65
65
  --pds-color-button-brand-secondary-foreground-default: #b5b5bc;
66
66
  --pds-color-button-brand-secondary-foreground-hover: #ffffff;
67
- --pds-color-button-critical-background-active: #4b2d28;
68
- --pds-color-button-critical-background-default: var(--pds-color-background-default);
69
- --pds-color-button-critical-background-hover: var(--pds-color-status-critical-background);
70
- --pds-color-button-critical-border-active: var(--pds-color-status-critical-foreground);
71
- --pds-color-button-critical-border-default: var(--pds-color-status-critical-foreground);
72
- --pds-color-button-critical-border-hover: var(--pds-color-status-critical-foreground);
73
- --pds-color-button-critical-foreground-active: var(--pds-color-status-critical-foreground);
74
- --pds-color-button-critical-foreground-default: var(--pds-color-status-critical-foreground);
75
- --pds-color-button-critical-foreground-hover: var(--pds-color-status-critical-foreground);
67
+ --pds-color-button-critical-background-active: #e00000;
68
+ --pds-color-button-critical-background-default: var(--pds-color-status-critical-utility);
69
+ --pds-color-button-critical-background-hover: #c70000;
70
+ --pds-color-button-critical-border-active: #e00000;
71
+ --pds-color-button-critical-border-default: var(--pds-color-status-critical-utility);
72
+ --pds-color-button-critical-border-hover: #c70000;
73
+ --pds-color-button-critical-foreground-active: #ffffff;
74
+ --pds-color-button-critical-foreground-default: #ffffff;
75
+ --pds-color-button-critical-foreground-hover: #ffffff;
76
76
  --pds-color-button-navbar-foreground-active: var(--pds-color-interactive-link-active);
77
77
  --pds-color-button-navbar-foreground-default: #ffffff;
78
78
  --pds-color-button-navbar-foreground-hover: var(--pds-color-interactive-link-hover);
79
- --pds-color-button-primary-background-active: #42318d;
79
+ --pds-color-button-primary-background-active: #8a78de;
80
80
  --pds-color-button-primary-background-default: #42318d;
81
- --pds-color-button-primary-background-hover: #2c205e;
82
- --pds-color-button-primary-border-active: #42318d;
81
+ --pds-color-button-primary-background-hover: #745dd8;
82
+ --pds-color-button-primary-border-active: #8a78de;
83
83
  --pds-color-button-primary-border-default: #42318d;
84
- --pds-color-button-primary-border-hover: #2c205e;
84
+ --pds-color-button-primary-border-hover: #745dd8;
85
85
  --pds-color-button-primary-foreground-active: #ffffff;
86
86
  --pds-color-button-primary-foreground-default: #ffffff;
87
87
  --pds-color-button-primary-foreground-hover: #ffffff;
package/build/css/pds-design-tokens-light-mode.css CHANGED
@@ -64,10 +64,10 @@
64
64
  --pds-color-brand-secondary-500: #ddbd16;
65
65
  --pds-color-brand-secondary-600: #726009;
66
66
  --pds-color-brand-secondary-default: #ffdc28;
67
- --pds-color-button-brand-background-active: #726009;
67
+ --pds-color-button-brand-background-active: #a88f10;
68
68
  --pds-color-button-brand-background-default: #ffdc28;
69
69
  --pds-color-button-brand-background-hover: #ddbd16;
70
- --pds-color-button-brand-border-active: #726009;
70
+ --pds-color-button-brand-border-active: #a88f10;
71
71
  --pds-color-button-brand-border-default: #ffdc28;
72
72
  --pds-color-button-brand-border-hover: #ddbd16;
73
73
  --pds-color-button-brand-foreground-active: #23232d;
@@ -82,15 +82,24 @@
82
82
  --pds-color-button-brand-secondary-foreground-active: #23232d;
83
83
  --pds-color-button-brand-secondary-foreground-default: #23232d;
84
84
  --pds-color-button-brand-secondary-foreground-hover: #23232d;
85
- --pds-color-button-critical-background-active: #ffdcd8;
86
- --pds-color-button-critical-background-default: var(--pds-color-background-default);
87
- --pds-color-button-critical-background-hover: var(--pds-color-status-critical-background);
88
- --pds-color-button-critical-border-active: #b52f1d;
85
+ --pds-color-button-critical-background-active: #790b03;
86
+ --pds-color-button-critical-background-default: var(--pds-color-status-critical-foreground);
87
+ --pds-color-button-critical-background-hover: #9e140b;
88
+ --pds-color-button-critical-border-active: #790b03;
89
89
  --pds-color-button-critical-border-default: var(--pds-color-status-critical-foreground);
90
- --pds-color-button-critical-border-hover: var(--pds-color-status-critical-foreground);
91
- --pds-color-button-critical-foreground-active: #b52f1d;
92
- --pds-color-button-critical-foreground-default: var(--pds-color-status-critical-foreground);
93
- --pds-color-button-critical-foreground-hover: var(--pds-color-status-critical-foreground);
90
+ --pds-color-button-critical-border-hover: #9e140b;
91
+ --pds-color-button-critical-foreground-active: #ffffff;
92
+ --pds-color-button-critical-foreground-default: #ffffff;
93
+ --pds-color-button-critical-foreground-hover: #ffffff;
94
+ --pds-color-button-critical-secondary-background-active: #ffdcd8;
95
+ --pds-color-button-critical-secondary-background-default: rgba(0, 0, 0, 0);
96
+ --pds-color-button-critical-secondary-background-hover: var(--pds-color-status-critical-background);
97
+ --pds-color-button-critical-secondary-border-active: var(--pds-color-button-critical-border-active);
98
+ --pds-color-button-critical-secondary-border-default: var(--pds-color-status-critical-foreground);
99
+ --pds-color-button-critical-secondary-border-hover: var(--pds-color-button-critical-border-hover);
100
+ --pds-color-button-critical-secondary-foreground-active: var(--pds-color-status-critical-foreground);
101
+ --pds-color-button-critical-secondary-foreground-default: var(--pds-color-status-critical-foreground);
102
+ --pds-color-button-critical-secondary-foreground-hover: var(--pds-color-status-critical-foreground);
94
103
  --pds-color-button-navbar-foreground-active: var(--pds-color-interactive-link-active);
95
104
  --pds-color-button-navbar-foreground-default: var(--pds-color-foreground-default);
96
105
  --pds-color-button-navbar-foreground-hover: var(--pds-color-interactive-link-hover);