@pantheon-systems/pds-design-tokens 0.7.0-dev.0 → 0.7.0-dev.2

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 (9) hide show
  1. package/build/css/pds-design-tokens-dark-mode.css +9 -20
  2. package/build/css/pds-design-tokens-light-mode.css +0 -11
  3. package/build/figma/pds-design-tokens-figma.json +297 -647
  4. package/build/json/pds-design-tokens-dark-mode.json +27 -323
  5. package/build/json/pds-design-tokens-light-mode.json +0 -306
  6. package/build/json/pds-design-tokens.json +21 -2
  7. package/build/scss/_pds-design-tokens-dark-mode.scss +9 -20
  8. package/build/scss/_pds-design-tokens-light-mode.scss +0 -11
  9. package/package.json +1 -1
package/build/css/pds-design-tokens-dark-mode.css CHANGED
@@ -15,50 +15,39 @@
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-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;
18
+ --pds-color-button-critical-background-active: #9c2f2f;
19
+ --pds-color-button-critical-background-default: #e05757;
20
+ --pds-color-button-critical-background-hover: #be4242;
21
+ --pds-color-button-critical-border-active: #9c2f2f;
22
+ --pds-color-button-critical-border-default: #e05757;
23
+ --pds-color-button-critical-border-hover: #be4242;
24
+ --pds-color-button-critical-foreground-active: #ffffff;
25
+ --pds-color-button-critical-foreground-default: #ffffff;
26
+ --pds-color-button-critical-foreground-hover: #ffffff;
30
27
  --pds-color-button-primary-background-active: #ddbd16;
31
28
  --pds-color-button-primary-background-default: #ffdc28;
32
- --pds-color-button-primary-background-focus: #ddbd16;
33
29
  --pds-color-button-primary-background-hover: #ffe668;
34
30
  --pds-color-button-primary-border-active: #ddbd16;
35
31
  --pds-color-button-primary-border-default: #ffdc28;
36
- --pds-color-button-primary-border-focus: #ddbd16;
37
32
  --pds-color-button-primary-border-hover: #ffe668;
38
33
  --pds-color-button-primary-foreground-active: #121219;
39
34
  --pds-color-button-primary-foreground-default: #121219;
40
- --pds-color-button-primary-foreground-focus: #121219;
41
35
  --pds-color-button-primary-foreground-hover: #121219;
42
36
  --pds-color-button-secondary-background-active: #282839;
43
37
  --pds-color-button-secondary-background-default: rgba(0, 0, 0, 0);
44
- --pds-color-button-secondary-background-focus: rgba(0, 0, 0, 0);
45
38
  --pds-color-button-secondary-background-hover: #504e62;
46
39
  --pds-color-button-secondary-border-active: #504e62;
47
40
  --pds-color-button-secondary-border-default: #a6a3b4;
48
- --pds-color-button-secondary-border-focus: #a6a3b4;
49
41
  --pds-color-button-secondary-border-hover: #ffffff;
50
42
  --pds-color-button-secondary-foreground-active: #e7e7eb;
51
43
  --pds-color-button-secondary-foreground-default: #e7e7eb;
52
- --pds-color-button-secondary-foreground-focus: #e7e7eb;
53
44
  --pds-color-button-secondary-foreground-hover: #ffffff;
54
45
  --pds-color-button-subtle-background-active: #282839;
55
46
  --pds-color-button-subtle-background-default: rgba(0, 0, 0, 0);
56
- --pds-color-button-subtle-background-focus: rgba(0, 0, 0, 0);
57
47
  --pds-color-button-subtle-background-hover: #504e62;
58
48
  --pds-color-button-subtle-border-default: rgba(0, 0, 0, 0);
59
49
  --pds-color-button-subtle-foreground-active: #e7e7eb;
60
50
  --pds-color-button-subtle-foreground-default: #e7e7eb;
61
- --pds-color-button-subtle-foreground-focus: #e7e7eb;
62
51
  --pds-color-button-subtle-foreground-hover: #ffffff;
63
52
  --pds-color-foreground-default: #ffffff;
64
53
  --pds-color-gradient-after-hours: linear-gradient(228.64deg, #2B017B 41.87%, #29B2FF 100%);
package/build/css/pds-design-tokens-light-mode.css CHANGED
@@ -17,48 +17,37 @@
17
17
  --pds-color-brand-secondary-default: #3017a1;
18
18
  --pds-color-button-critical-background-active: #920303;
19
19
  --pds-color-button-critical-background-default: #d61f1f;
20
- --pds-color-button-critical-background-focus: #ffebeb;
21
20
  --pds-color-button-critical-background-hover: #f83333;
22
21
  --pds-color-button-critical-border-active: #920303;
23
22
  --pds-color-button-critical-border-default: #d61f1f;
24
- --pds-color-button-critical-border-focus: #d61f1f;
25
23
  --pds-color-button-critical-border-hover: #f83333;
26
24
  --pds-color-button-critical-foreground-active: #ffffff;
27
25
  --pds-color-button-critical-foreground-default: #ffffff;
28
- --pds-color-button-critical-foreground-focus: #f83333;
29
26
  --pds-color-button-critical-foreground-hover: #ffffff;
30
27
  --pds-color-button-primary-background-active: #ddbd16;
31
28
  --pds-color-button-primary-background-default: #ffdc28;
32
- --pds-color-button-primary-background-focus: #ffe668;
33
29
  --pds-color-button-primary-background-hover: #ffe668;
34
30
  --pds-color-button-primary-border-active: #ddbd16;
35
31
  --pds-color-button-primary-border-default: #ffdc28;
36
- --pds-color-button-primary-border-focus: #ffe668;
37
32
  --pds-color-button-primary-border-hover: #ffe668;
38
33
  --pds-color-button-primary-foreground-active: #23232d;
39
34
  --pds-color-button-primary-foreground-default: #23232d;
40
- --pds-color-button-primary-foreground-focus: #23232d;
41
35
  --pds-color-button-primary-foreground-hover: #23232d;
42
36
  --pds-color-button-secondary-background-active: #cfcfd3;
43
37
  --pds-color-button-secondary-background-default: rgba(0, 0, 0, 0);
44
- --pds-color-button-secondary-background-focus: #f0ecff;
45
38
  --pds-color-button-secondary-background-hover: #f0ecff;
46
39
  --pds-color-button-secondary-border-active: #11005d;
47
40
  --pds-color-button-secondary-border-default: #3017a1;
48
- --pds-color-button-secondary-border-focus: #785aff;
49
41
  --pds-color-button-secondary-border-hover: #785aff;
50
42
  --pds-color-button-secondary-foreground-active: #11005d;
51
43
  --pds-color-button-secondary-foreground-default: #3017a1;
52
- --pds-color-button-secondary-foreground-focus: #3017a1;
53
44
  --pds-color-button-secondary-foreground-hover: #3017a1;
54
45
  --pds-color-button-subtle-background-active: #cfcfd3;
55
46
  --pds-color-button-subtle-background-default: rgba(0, 0, 0, 0);
56
- --pds-color-button-subtle-background-focus: rgba(0, 0, 0, 0);
57
47
  --pds-color-button-subtle-background-hover: #f1f1f1;
58
48
  --pds-color-button-subtle-border-default: rgba(0, 0, 0, 0);
59
49
  --pds-color-button-subtle-foreground-active: #11005d;
60
50
  --pds-color-button-subtle-foreground-default: #3017a1;
61
- --pds-color-button-subtle-foreground-focus: #3017a1;
62
51
  --pds-color-button-subtle-foreground-hover: #3017a1;
63
52
  --pds-color-foreground-default: #23232d;
64
53
  --pds-color-gradient-after-hours: linear-gradient(228.64deg, #2B017B 41.87%, #29B2FF 100%);