@pantheon-systems/pds-design-tokens 1.0.0-dev.7 → 1.0.0-dev.9

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 +18 -7
  2. package/build/css/pds-design-tokens-light-mode.css +16 -5
  3. package/build/figma/pds-design-tokens-figma.json +790 -56
  4. package/build/json/pds-design-tokens-dark-mode.json +326 -25
  5. package/build/json/pds-design-tokens-light-mode.json +326 -25
  6. package/build/scss/_pds-design-tokens-dark-mode.scss +18 -7
  7. package/build/scss/_pds-design-tokens-light-mode.scss +16 -5
  8. package/package.json +1 -1
package/build/css/pds-design-tokens-dark-mode.css CHANGED
@@ -63,19 +63,30 @@
63
63
  --pds-color-gradient-midnight: linear-gradient(228.64deg, #3017A1 46.34%, #00E0C3 100%);
64
64
  --pds-color-gradient-sunrise: linear-gradient(227.79deg, #300068 38.28%, #E65F35 100%);
65
65
  --pds-color-gradient-sunset: linear-gradient(48.24deg, #EF13AD 0%, #300068 66.25%);
66
+ --pds-color-input-background-active: #1d1d29;
67
+ --pds-color-input-background-critical: #1d1d29;
66
68
  --pds-color-input-background-default: #1d1d29;
67
- --pds-color-input-background-disabled: #504e62;
68
- --pds-color-input-border-default: var(--pds-color-border-default);
69
- --pds-color-input-border-disabled: #858299;
69
+ --pds-color-input-background-hover: #282839;
70
+ --pds-color-input-background-success: #1d1d29;
71
+ --pds-color-input-border-active: #858299;
72
+ --pds-color-input-border-critical: #e05757;
73
+ --pds-color-input-border-default: #a6a3b4;
74
+ --pds-color-input-border-hover: #858299;
75
+ --pds-color-input-border-success: #22a06b;
76
+ --pds-color-input-foreground-active: #ffffff;
77
+ --pds-color-input-foreground-critical: #e05757;
78
+ --pds-color-input-foreground-default: #ffffff;
79
+ --pds-color-input-foreground-hover: #ffffff;
80
+ --pds-color-input-foreground-success: #22a06b;
70
81
  --pds-color-interactive-focus: #36a3ff;
71
82
  --pds-color-link-active: #2776b9;
72
83
  --pds-color-link-default: #36a3ff;
73
84
  --pds-color-link-hover: #2776b9;
74
85
  --pds-color-link-visited: #967fff;
75
- --pds-color-menu-background: #121219;
76
- --pds-color-menu-item-background-active: #504e62;
77
- --pds-color-menu-item-background-default: #121219;
78
- --pds-color-menu-item-background-hover: #282839;
86
+ --pds-color-menu-background: #282839;
87
+ --pds-color-menu-item-background-active: #858299;
88
+ --pds-color-menu-item-background-default: #282839;
89
+ --pds-color-menu-item-background-hover: #504e62;
79
90
  --pds-color-menu-item-description-text: #a6a3b4;
80
91
  --pds-color-menu-item-foreground: #ffffff;
81
92
  --pds-color-menu-item-heading-text: #a6a3b4;
package/build/css/pds-design-tokens-light-mode.css CHANGED
@@ -42,7 +42,7 @@
42
42
  --pds-color-button-primary-foreground-active: #ffffff;
43
43
  --pds-color-button-primary-foreground-default: #ffffff;
44
44
  --pds-color-button-primary-foreground-hover: #ffffff;
45
- --pds-color-button-secondary-background-active: #cfcfd3;
45
+ --pds-color-button-secondary-background-active: #e5dbff;
46
46
  --pds-color-button-secondary-background-default: rgba(0, 0, 0, 0);
47
47
  --pds-color-button-secondary-background-hover: #f0ecff;
48
48
  --pds-color-button-secondary-border-active: #11005d;
@@ -51,7 +51,7 @@
51
51
  --pds-color-button-secondary-foreground-active: #11005d;
52
52
  --pds-color-button-secondary-foreground-default: #3017a1;
53
53
  --pds-color-button-secondary-foreground-hover: #3017a1;
54
- --pds-color-button-subtle-background-active: #cfcfd3;
54
+ --pds-color-button-subtle-background-active: #e5dbff;
55
55
  --pds-color-button-subtle-background-default: rgba(0, 0, 0, 0);
56
56
  --pds-color-button-subtle-background-hover: #f0ecff;
57
57
  --pds-color-button-subtle-border-default: rgba(0, 0, 0, 0);
@@ -63,10 +63,21 @@
63
63
  --pds-color-gradient-midnight: linear-gradient(228.64deg, #3017A1 46.34%, #00E0C3 100%);
64
64
  --pds-color-gradient-sunrise: linear-gradient(227.79deg, #300068 38.28%, #E65F35 100%);
65
65
  --pds-color-gradient-sunset: linear-gradient(48.24deg, #EF13AD 0%, #300068 66.25%);
66
+ --pds-color-input-background-active: #ffffff;
67
+ --pds-color-input-background-critical: #ffebeb;
66
68
  --pds-color-input-background-default: #ffffff;
67
- --pds-color-input-background-disabled: #cfcfd3;
68
- --pds-color-input-border-default: var(--pds-color-border-default);
69
- --pds-color-input-border-disabled: #aeaeb6;
69
+ --pds-color-input-background-hover: #f0ecff;
70
+ --pds-color-input-background-success: #ffffff;
71
+ --pds-color-input-border-active: #785aff;
72
+ --pds-color-input-border-critical: #d61f1f;
73
+ --pds-color-input-border-default: #8f8f99;
74
+ --pds-color-input-border-hover: #785aff;
75
+ --pds-color-input-border-success: #1f845a;
76
+ --pds-color-input-foreground-active: #23232d;
77
+ --pds-color-input-foreground-critical: #d61f1f;
78
+ --pds-color-input-foreground-default: #23232d;
79
+ --pds-color-input-foreground-hover: #23232d;
80
+ --pds-color-input-foreground-success: #1f845a;
70
81
  --pds-color-interactive-focus: #0f62fe;
71
82
  --pds-color-link-active: #003cac;
72
83
  --pds-color-link-default: #0f62fe;