@pantheon-systems/pds-design-tokens 1.0.0-dev.23 → 1.0.0-dev.24

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 (5) hide show
  1. package/build/css/pds-design-tokens-light-mode.css +6 -6
  2. package/build/figma/pds-design-tokens-figma.json +8 -8
  3. package/build/json/pds-design-tokens-light-mode.json +8 -8
  4. package/build/scss/_pds-design-tokens-light-mode.scss +6 -6
  5. package/package.json +1 -1
package/build/css/pds-design-tokens-light-mode.css CHANGED
@@ -26,7 +26,7 @@
26
26
  --pds-color-button-brand-foreground-hover: #23232d;
27
27
  --pds-color-button-brand-secondary-background-active: #cfcfd3;
28
28
  --pds-color-button-brand-secondary-background-default: rgba(0, 0, 0, 0);
29
- --pds-color-button-brand-secondary-background-hover: #f1f1f1;
29
+ --pds-color-button-brand-secondary-background-hover: #f8f8f8;
30
30
  --pds-color-button-brand-secondary-border-active: #23232d;
31
31
  --pds-color-button-brand-secondary-border-default: #71717c;
32
32
  --pds-color-button-brand-secondary-border-hover: #23232d;
@@ -72,7 +72,7 @@
72
72
  --pds-color-gradient-midnight: linear-gradient(228.64deg, #3017A1 46.34%, #00E0C3 100%);
73
73
  --pds-color-gradient-sunrise: linear-gradient(227.79deg, #300068 38.28%, #E65F35 100%);
74
74
  --pds-color-gradient-sunset: linear-gradient(48.24deg, #EF13AD 0%, #300068 66.25%);
75
- --pds-color-input-action-background-hover: #f1f1f1;
75
+ --pds-color-input-action-background-hover: #f8f8f8;
76
76
  --pds-color-input-background-critical: #ffebeb;
77
77
  --pds-color-input-background-default: #ffffff;
78
78
  --pds-color-input-background-hover: #f0ecff;
@@ -94,7 +94,7 @@
94
94
  --pds-color-menu-background: #ffffff;
95
95
  --pds-color-menu-item-background-active: #cfcfd3;
96
96
  --pds-color-menu-item-background-default: #ffffff;
97
- --pds-color-menu-item-background-hover: #f1f1f1;
97
+ --pds-color-menu-item-background-hover: #f8f8f8;
98
98
  --pds-color-menu-item-description-text: #71717c;
99
99
  --pds-color-menu-item-foreground: #23232d;
100
100
  --pds-color-menu-item-heading-text: #71717c;
@@ -104,8 +104,8 @@
104
104
  --pds-color-panel-overlay-border: var(--pds-color-border-default);
105
105
  --pds-color-panel-raised-background: var(--pds-color-background-default);
106
106
  --pds-color-panel-raised-border: var(--pds-color-border-default);
107
- --pds-color-panel-sunken-background: #f1f1f1;
108
- --pds-color-panel-sunken-border: #f1f1f1;
107
+ --pds-color-panel-sunken-background: #f8f8f8;
108
+ --pds-color-panel-sunken-border: #f8f8f8;
109
109
  --pds-color-text-default: #23232d;
110
110
  --pds-color-text-default-secondary: #71717c;
111
111
  --pds-color-text-headings: var(--pds-color-text-default);
@@ -114,7 +114,7 @@
114
114
  --pds-color-text-paragraph: #23232d;
115
115
  --pds-color-text-quote: var(--pds-color-text-default-secondary);
116
116
  --pds-color-tile-background-active: #cfcfd3;
117
- --pds-color-tile-background-hover: #f1f1f1;
117
+ --pds-color-tile-background-hover: #f8f8f8;
118
118
  --pds-elevation-overlay: 0px 8px 12px 0px rgba(113, 113, 124, 0.25), 0px 0px 1px 0px rgba(18, 18, 25, 0.25);
119
119
  --pds-elevation-raised: 0px 1px 1px 0px #aeaeb6, 0px 0px 1px 0px rgba(18, 18, 25, 0.25);
120
120
  }
package/build/figma/pds-design-tokens-figma.json CHANGED
@@ -7104,7 +7104,7 @@
7104
7104
  ]
7105
7105
  },
7106
7106
  "hover": {
7107
- "value": "#f1f1f1",
7107
+ "value": "#f8f8f8",
7108
7108
  "public": true,
7109
7109
  "isReferenceToInternal": true,
7110
7110
  "filePath": "tokens/color/alias/button.light.json",
@@ -8034,7 +8034,7 @@
8034
8034
  "action": {
8035
8035
  "background": {
8036
8036
  "hover": {
8037
- "value": "#f1f1f1",
8037
+ "value": "#f8f8f8",
8038
8038
  "public": true,
8039
8039
  "isReferenceToInternal": true,
8040
8040
  "filePath": "tokens/color/alias/form.light.json",
@@ -8223,7 +8223,7 @@
8223
8223
  ]
8224
8224
  },
8225
8225
  "hover": {
8226
- "value": "#f1f1f1",
8226
+ "value": "#f8f8f8",
8227
8227
  "public": true,
8228
8228
  "isReferenceToInternal": true,
8229
8229
  "filePath": "tokens/color/alias/menu.light.json",
@@ -8417,7 +8417,7 @@
8417
8417
  },
8418
8418
  "sunken": {
8419
8419
  "background": {
8420
- "value": "#f1f1f1",
8420
+ "value": "#f8f8f8",
8421
8421
  "public": true,
8422
8422
  "isReferenceToInternal": true,
8423
8423
  "filePath": "tokens/color/alias/panel.light.json",
@@ -8444,7 +8444,7 @@
8444
8444
  ]
8445
8445
  },
8446
8446
  "border": {
8447
- "value": "#f1f1f1",
8447
+ "value": "#f8f8f8",
8448
8448
  "public": true,
8449
8449
  "isReferenceToInternal": true,
8450
8450
  "filePath": "tokens/color/alias/panel.light.json",
@@ -8579,7 +8579,7 @@
8579
8579
  "tile": {
8580
8580
  "background": {
8581
8581
  "hover": {
8582
- "value": "#f1f1f1",
8582
+ "value": "#f8f8f8",
8583
8583
  "public": true,
8584
8584
  "isReferenceToInternal": true,
8585
8585
  "filePath": "tokens/color/alias/tile.light.json",
@@ -9612,11 +9612,11 @@
9612
9612
  },
9613
9613
  "neutral": {
9614
9614
  "100": {
9615
- "value": "#f1f1f1",
9615
+ "value": "#f8f8f8",
9616
9616
  "filePath": "tokens/color/base/neutral.light.json",
9617
9617
  "isSource": true,
9618
9618
  "original": {
9619
- "value": "#F1F1F1"
9619
+ "value": "#f8f8f8"
9620
9620
  },
9621
9621
  "name": "color-light-mode-neutral-100",
9622
9622
  "attributes": {
package/build/json/pds-design-tokens-light-mode.json CHANGED
@@ -1009,7 +1009,7 @@
1009
1009
  ]
1010
1010
  },
1011
1011
  "hover": {
1012
- "value": "#f1f1f1",
1012
+ "value": "#f8f8f8",
1013
1013
  "public": true,
1014
1014
  "isReferenceToInternal": true,
1015
1015
  "filePath": "tokens/color/alias/button.light.json",
@@ -1939,7 +1939,7 @@
1939
1939
  "action": {
1940
1940
  "background": {
1941
1941
  "hover": {
1942
- "value": "#f1f1f1",
1942
+ "value": "#f8f8f8",
1943
1943
  "public": true,
1944
1944
  "isReferenceToInternal": true,
1945
1945
  "filePath": "tokens/color/alias/form.light.json",
@@ -2128,7 +2128,7 @@
2128
2128
  ]
2129
2129
  },
2130
2130
  "hover": {
2131
- "value": "#f1f1f1",
2131
+ "value": "#f8f8f8",
2132
2132
  "public": true,
2133
2133
  "isReferenceToInternal": true,
2134
2134
  "filePath": "tokens/color/alias/menu.light.json",
@@ -2322,7 +2322,7 @@
2322
2322
  },
2323
2323
  "sunken": {
2324
2324
  "background": {
2325
- "value": "#f1f1f1",
2325
+ "value": "#f8f8f8",
2326
2326
  "public": true,
2327
2327
  "isReferenceToInternal": true,
2328
2328
  "filePath": "tokens/color/alias/panel.light.json",
@@ -2349,7 +2349,7 @@
2349
2349
  ]
2350
2350
  },
2351
2351
  "border": {
2352
- "value": "#f1f1f1",
2352
+ "value": "#f8f8f8",
2353
2353
  "public": true,
2354
2354
  "isReferenceToInternal": true,
2355
2355
  "filePath": "tokens/color/alias/panel.light.json",
@@ -2484,7 +2484,7 @@
2484
2484
  "tile": {
2485
2485
  "background": {
2486
2486
  "hover": {
2487
- "value": "#f1f1f1",
2487
+ "value": "#f8f8f8",
2488
2488
  "public": true,
2489
2489
  "isReferenceToInternal": true,
2490
2490
  "filePath": "tokens/color/alias/tile.light.json",
@@ -3517,11 +3517,11 @@
3517
3517
  },
3518
3518
  "neutral": {
3519
3519
  "100": {
3520
- "value": "#f1f1f1",
3520
+ "value": "#f8f8f8",
3521
3521
  "filePath": "tokens/color/base/neutral.light.json",
3522
3522
  "isSource": true,
3523
3523
  "original": {
3524
- "value": "#F1F1F1"
3524
+ "value": "#f8f8f8"
3525
3525
  },
3526
3526
  "name": "color-light-mode-neutral-100",
3527
3527
  "attributes": {
package/build/scss/_pds-design-tokens-light-mode.scss CHANGED
@@ -24,7 +24,7 @@ $pds-color-button-brand-foreground-default: #23232d;
24
24
  $pds-color-button-brand-foreground-hover: #23232d;
25
25
  $pds-color-button-brand-secondary-background-active: #cfcfd3;
26
26
  $pds-color-button-brand-secondary-background-default: rgba(0, 0, 0, 0);
27
- $pds-color-button-brand-secondary-background-hover: #f1f1f1;
27
+ $pds-color-button-brand-secondary-background-hover: #f8f8f8;
28
28
  $pds-color-button-brand-secondary-border-active: #23232d;
29
29
  $pds-color-button-brand-secondary-border-default: #71717c;
30
30
  $pds-color-button-brand-secondary-border-hover: #23232d;
@@ -70,7 +70,7 @@ $pds-color-gradient-after-hours: linear-gradient(228.64deg, #2B017B 41.87%, #29B
70
70
  $pds-color-gradient-midnight: linear-gradient(228.64deg, #3017A1 46.34%, #00E0C3 100%);
71
71
  $pds-color-gradient-sunrise: linear-gradient(227.79deg, #300068 38.28%, #E65F35 100%);
72
72
  $pds-color-gradient-sunset: linear-gradient(48.24deg, #EF13AD 0%, #300068 66.25%);
73
- $pds-color-input-action-background-hover: #f1f1f1;
73
+ $pds-color-input-action-background-hover: #f8f8f8;
74
74
  $pds-color-input-background-critical: #ffebeb;
75
75
  $pds-color-input-background-default: #ffffff;
76
76
  $pds-color-input-background-hover: #f0ecff;
@@ -92,7 +92,7 @@ $pds-color-link-visited: #6f54e8;
92
92
  $pds-color-menu-background: #ffffff;
93
93
  $pds-color-menu-item-background-active: #cfcfd3;
94
94
  $pds-color-menu-item-background-default: #ffffff;
95
- $pds-color-menu-item-background-hover: #f1f1f1;
95
+ $pds-color-menu-item-background-hover: #f8f8f8;
96
96
  $pds-color-menu-item-description-text: #71717c;
97
97
  $pds-color-menu-item-foreground: #23232d;
98
98
  $pds-color-menu-item-heading-text: #71717c;
@@ -102,8 +102,8 @@ $pds-color-panel-overlay-background: $pds-color-background-default;
102
102
  $pds-color-panel-overlay-border: $pds-color-border-default;
103
103
  $pds-color-panel-raised-background: $pds-color-background-default;
104
104
  $pds-color-panel-raised-border: $pds-color-border-default;
105
- $pds-color-panel-sunken-background: #f1f1f1;
106
- $pds-color-panel-sunken-border: #f1f1f1;
105
+ $pds-color-panel-sunken-background: #f8f8f8;
106
+ $pds-color-panel-sunken-border: #f8f8f8;
107
107
  $pds-color-text-default: #23232d;
108
108
  $pds-color-text-default-secondary: #71717c;
109
109
  $pds-color-text-headings: $pds-color-text-default;
@@ -112,6 +112,6 @@ $pds-color-text-overline: $pds-color-text-default-secondary;
112
112
  $pds-color-text-paragraph: #23232d;
113
113
  $pds-color-text-quote: $pds-color-text-default-secondary;
114
114
  $pds-color-tile-background-active: #cfcfd3;
115
- $pds-color-tile-background-hover: #f1f1f1;
115
+ $pds-color-tile-background-hover: #f8f8f8;
116
116
  $pds-elevation-overlay: 0px 8px 12px 0px rgba(113, 113, 124, 0.25), 0px 0px 1px 0px rgba(18, 18, 25, 0.25);
117
117
  $pds-elevation-raised: 0px 1px 1px 0px #aeaeb6, 0px 0px 1px 0px rgba(18, 18, 25, 0.25);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pantheon-systems/pds-design-tokens",
3
- "version": "1.0.0-dev.23",
3
+ "version": "1.0.0-dev.24",
4
4
  "description": "Design Tokens for the Pantheon Design System",
5
5
  "homepage": "https://pantheon.io",
6
6
  "keywords": [