@pantheon-systems/pds-design-tokens 1.0.0-dev.111 → 1.0.0-dev.113

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 +25 -13
  2. package/build/css/pds-design-tokens-light-mode.css +23 -11
  3. package/build/figma/pds-design-tokens-figma.json +1237 -549
  4. package/build/json/pds-design-tokens-dark-mode.json +567 -226
  5. package/build/json/pds-design-tokens-light-mode.json +562 -215
  6. package/package.json +1 -1
package/build/css/pds-design-tokens-dark-mode.css CHANGED
@@ -14,25 +14,37 @@
14
14
  --pds-color-background-default: #1d1d29;
15
15
  --pds-color-background-default-secondary: #282839;
16
16
  --pds-color-background-reverse: #e7e7eb;
17
- --pds-color-badge-border: #a6a3b4;
18
17
  --pds-color-badge-indicator-diamond-background: #f0fdff;
19
18
  --pds-color-badge-indicator-diamond-foreground: #388bff;
20
- --pds-color-badge-indicator-early-access-background: #2abb7f;
21
- --pds-color-badge-indicator-early-access-foreground: #133527;
22
19
  --pds-color-badge-indicator-gold-background: #fff1a9;
23
20
  --pds-color-badge-indicator-gold-foreground: #705e00;
21
+ --pds-color-badge-indicator-info-background: #388bff;
22
+ --pds-color-badge-indicator-info-foreground: #ffffff;
23
+ --pds-color-badge-indicator-neutral-background: #504e62;
24
+ --pds-color-badge-indicator-neutral-foreground: #ffffff;
24
25
  --pds-color-badge-indicator-platinum-background: #d0c6ff;
25
26
  --pds-color-badge-indicator-platinum-foreground: #4e39a8;
26
- --pds-color-badge-indicator-silver-background: #e7e7eb;
27
- --pds-color-badge-indicator-silver-foreground: #504e62;
28
- --pds-color-badge-label: #e7e7eb;
29
- --pds-color-badge-status-critical: var(--pds-color-semantic-critical-foreground);
30
- --pds-color-badge-status-default: #858299;
31
- --pds-color-badge-status-discovery: var(--pds-color-semantic-discovery-foreground);
32
- --pds-color-badge-status-frozen: #d0c6ff;
33
- --pds-color-badge-status-info: var(--pds-color-semantic-info-foreground);
34
- --pds-color-badge-status-success: var(--pds-color-semantic-success-foreground);
35
- --pds-color-badge-status-warning: var(--pds-color-semantic-warning-foreground);
27
+ --pds-color-badge-indicator-silver-background: #a6a3b4;
28
+ --pds-color-badge-indicator-silver-foreground: var(--pds-color-text-default-secondary);
29
+ --pds-color-badge-indicator-success-background: #2abb7f;
30
+ --pds-color-badge-indicator-success-foreground: #ffffff;
31
+ --pds-color-badge-status-dot-critical: var(--pds-color-semantic-critical-foreground);
32
+ --pds-color-badge-status-dot-default: #858299;
33
+ --pds-color-badge-status-dot-disabled: #858299;
34
+ --pds-color-badge-status-dot-discovery: var(--pds-color-semantic-discovery-foreground);
35
+ --pds-color-badge-status-dot-frozen: #d0c6ff;
36
+ --pds-color-badge-status-dot-info: var(--pds-color-semantic-info-foreground);
37
+ --pds-color-badge-status-dot-success: var(--pds-color-semantic-success-foreground);
38
+ --pds-color-badge-status-dot-warning: var(--pds-color-semantic-warning-foreground);
39
+ --pds-color-badge-status-neutral-background: var(--pds-color-background-default);
40
+ --pds-color-badge-status-neutral-border: var(--pds-color-border-default);
41
+ --pds-color-badge-status-neutral-label: var(--pds-color-text-default-secondary);
42
+ --pds-color-badge-status-reverse-background: var(--pds-color-background-reverse);
43
+ --pds-color-badge-status-reverse-border: var(--pds-color-background-reverse);
44
+ --pds-color-badge-status-reverse-label: var(--pds-color-text-reverse);
45
+ --pds-color-badge-status-transparent-background: rgba(0, 0, 0, 0);
46
+ --pds-color-badge-status-transparent-border: var(--pds-color-border-default);
47
+ --pds-color-badge-status-transparent-label: var(--pds-color-text-default-secondary);
36
48
  --pds-color-banner-critical-background: linear-gradient(135deg, #CA3521 0%, #B95898 100%);
37
49
  --pds-color-banner-critical-foreground: #ffffff;
38
50
  --pds-color-banner-info-background: linear-gradient(315deg, #1265DA 0%, #5F41E5 100%);
package/build/css/pds-design-tokens-light-mode.css CHANGED
@@ -14,25 +14,37 @@
14
14
  --pds-color-background-default: #ffffff;
15
15
  --pds-color-background-default-secondary: #f8f8f8;
16
16
  --pds-color-background-reverse: #23232d;
17
- --pds-color-badge-border: var(--pds-color-border-default);
18
17
  --pds-color-badge-indicator-diamond-background: #f0fdff;
19
18
  --pds-color-badge-indicator-diamond-foreground: #1d7afc;
20
- --pds-color-badge-indicator-early-access-background: #e3fcef;
21
- --pds-color-badge-indicator-early-access-foreground: #218c5f;
22
19
  --pds-color-badge-indicator-gold-background: #fff1a9;
23
20
  --pds-color-badge-indicator-gold-foreground: #705e00;
21
+ --pds-color-badge-indicator-info-background: #1d7afc;
22
+ --pds-color-badge-indicator-info-foreground: #ffffff;
23
+ --pds-color-badge-indicator-neutral-background: #6d6d78;
24
+ --pds-color-badge-indicator-neutral-foreground: #ffffff;
24
25
  --pds-color-badge-indicator-platinum-background: #f0ecff;
25
26
  --pds-color-badge-indicator-platinum-foreground: #3017a1;
26
27
  --pds-color-badge-indicator-silver-background: #f1f1f1;
27
28
  --pds-color-badge-indicator-silver-foreground: var(--pds-color-text-default-secondary);
28
- --pds-color-badge-label: var(--pds-color-text-default-secondary);
29
- --pds-color-badge-status-critical: var(--pds-color-semantic-critical-foreground);
30
- --pds-color-badge-status-default: #cfcfd3;
31
- --pds-color-badge-status-discovery: var(--pds-color-semantic-discovery-foreground);
32
- --pds-color-badge-status-frozen: #e5dbff;
33
- --pds-color-badge-status-info: var(--pds-color-semantic-info-foreground);
34
- --pds-color-badge-status-success: var(--pds-color-semantic-success-foreground);
35
- --pds-color-badge-status-warning: var(--pds-color-semantic-warning-foreground);
29
+ --pds-color-badge-indicator-success-background: #218c5f;
30
+ --pds-color-badge-indicator-success-foreground: #ffffff;
31
+ --pds-color-badge-status-dot-critical: var(--pds-color-semantic-critical-foreground);
32
+ --pds-color-badge-status-dot-default: #cfcfd3;
33
+ --pds-color-badge-status-dot-disabled: #cfcfd3;
34
+ --pds-color-badge-status-dot-discovery: var(--pds-color-semantic-discovery-foreground);
35
+ --pds-color-badge-status-dot-frozen: #e5dbff;
36
+ --pds-color-badge-status-dot-info: var(--pds-color-semantic-info-foreground);
37
+ --pds-color-badge-status-dot-success: var(--pds-color-semantic-success-foreground);
38
+ --pds-color-badge-status-dot-warning: var(--pds-color-semantic-warning-foreground);
39
+ --pds-color-badge-status-neutral-background: var(--pds-color-background-default);
40
+ --pds-color-badge-status-neutral-border: var(--pds-color-border-default);
41
+ --pds-color-badge-status-neutral-label: var(--pds-color-text-default-secondary);
42
+ --pds-color-badge-status-reverse-background: var(--pds-color-background-reverse);
43
+ --pds-color-badge-status-reverse-border: var(--pds-color-background-reverse);
44
+ --pds-color-badge-status-reverse-label: var(--pds-color-text-reverse);
45
+ --pds-color-badge-status-transparent-background: rgba(0, 0, 0, 0);
46
+ --pds-color-badge-status-transparent-border: var(--pds-color-border-default);
47
+ --pds-color-badge-status-transparent-label: var(--pds-color-text-default-secondary);
36
48
  --pds-color-banner-critical-background: linear-gradient(135deg, #CA3521 0%, #B95898 100%);
37
49
  --pds-color-banner-critical-foreground: #ffffff;
38
50
  --pds-color-banner-info-background: linear-gradient(315deg, #1265DA 0%, #5F41E5 100%);