@pantheon-systems/pds-design-tokens 1.0.0-dev.60 → 1.0.0-dev.62

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 +10 -2
  2. package/build/css/pds-design-tokens-light-mode.css +14 -4
  3. package/build/css/pds-design-tokens.css +6 -1
  4. package/build/figma/pds-design-tokens-figma.json +588 -180
  5. package/build/json/pds-design-tokens-dark-mode.json +265 -59
  6. package/build/json/pds-design-tokens-light-mode.json +474 -65
  7. package/build/json/pds-design-tokens.json +107 -2
  8. package/package.json +1 -1
package/build/css/pds-design-tokens-dark-mode.css CHANGED
@@ -11,8 +11,16 @@
11
11
 
12
12
  :root {
13
13
  --pds-color-background-default: #1d1d29;
14
- --pds-color-banner-danger-background: #f87462;
15
- --pds-color-banner-danger-foreground: #121219;
14
+ --pds-color-badge-border: #a6a3b4;
15
+ --pds-color-badge-label: #c7c5d0;
16
+ --pds-color-badge-status-critical: var(--pds-color-semantic-critical-foreground);
17
+ --pds-color-badge-status-default: #858299;
18
+ --pds-color-badge-status-discovery: var(--pds-color-semantic-discovery-foreground);
19
+ --pds-color-badge-status-info: var(--pds-color-semantic-info-foreground);
20
+ --pds-color-badge-status-success: var(--pds-color-semantic-success-foreground);
21
+ --pds-color-badge-status-warning: var(--pds-color-semantic-warning-foreground);
22
+ --pds-color-banner-critical-background: #f87462;
23
+ --pds-color-banner-critical-foreground: #121219;
16
24
  --pds-color-banner-info-background: #9fadbc;
17
25
  --pds-color-banner-info-foreground: #121219;
18
26
  --pds-color-banner-warning-background: #e2b203;
package/build/css/pds-design-tokens-light-mode.css CHANGED
@@ -11,11 +11,21 @@
11
11
 
12
12
  :root {
13
13
  --pds-color-background-default: #ffffff;
14
- --pds-color-banner-danger-background: #ca3521;
15
- --pds-color-banner-danger-foreground: #ffffff;
16
- --pds-color-banner-info-background: #44546f;
14
+ --pds-color-badge-border: var(--pds-color-border-default);
15
+ --pds-color-badge-label: var(--pds-color-text-default-secondary);
16
+ --pds-color-badge-status-critical: var(--pds-color-semantic-critical-foreground);
17
+ --pds-color-badge-status-default: #cfcfd3;
18
+ --pds-color-badge-status-discovery: var(--pds-color-semantic-discovery-foreground);
19
+ --pds-color-badge-status-info: var(--pds-color-semantic-info-foreground);
20
+ --pds-color-badge-status-success: var(--pds-color-semantic-success-foreground);
21
+ --pds-color-badge-status-warning: var(--pds-color-semantic-warning-foreground);
22
+ --pds-color-banner-critical-background: linear-gradient(135deg, #CA3521 0%, #B95898 100%);
23
+ --pds-color-banner-critical-foreground: #ffffff;
24
+ --pds-color-banner-info-background: linear-gradient(315deg, #1265DA 0%, #5F41E5 100%);
17
25
  --pds-color-banner-info-foreground: #ffffff;
18
- --pds-color-banner-warning-background: #e2b203;
26
+ --pds-color-banner-loader-background: linear-gradient(155deg, #3017A1 0%, #E34935 50%, #FCDC49 100%);
27
+ --pds-color-banner-loader-foreground: #ffffff;
28
+ --pds-color-banner-warning-background: linear-gradient(135deg, #DDBD16 0%, #DB7612 100%);
19
29
  --pds-color-banner-warning-foreground: #23232d;
20
30
  --pds-color-border-default: #cfcfd3;
21
31
  --pds-color-brand-accent-default: #de0093;
package/build/css/pds-design-tokens.css CHANGED
@@ -17,8 +17,13 @@
17
17
  --pds-border-radius-container: 0.375rem;
18
18
  --pds-border-radius-default: 0.1875rem;
19
19
  --pds-border-width-default: 1px;
20
+ --pds-container-marketing-max-width: 1200px;
20
21
  --pds-container-marketing-padding-medium-large: 5%;
21
- --pds-container-marketing-padding-small: 4%;
22
+ --pds-container-marketing-padding-small: 5%;
23
+ --pds-container-max-width: 1400px;
24
+ --pds-container-padding-large: 2%;
25
+ --pds-container-padding-medium: 3%;
26
+ --pds-container-padding-small: 5%;
22
27
  --pds-grid-marketing-column-medium-large: 5.125%;
23
28
  --pds-grid-marketing-column-small: 21.34375%;
24
29
  --pds-grid-marketing-gap-medium-large: 3.5%;