@pantheon-systems/pds-design-tokens 1.0.0-dev.33 → 1.0.0-dev.34

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 +7 -7
  2. package/build/figma/pds-design-tokens-figma.json +9 -9
  3. package/build/json/pds-design-tokens-light-mode.json +9 -9
  4. package/build/scss/_pds-design-tokens-light-mode.scss +7 -7
  5. package/package.json +1 -1
package/build/css/pds-design-tokens-light-mode.css CHANGED
@@ -28,7 +28,7 @@
28
28
  --pds-color-button-brand-secondary-background-default: rgba(0, 0, 0, 0);
29
29
  --pds-color-button-brand-secondary-background-hover: #f8f8f8;
30
30
  --pds-color-button-brand-secondary-border-active: #23232d;
31
- --pds-color-button-brand-secondary-border-default: #71717c;
31
+ --pds-color-button-brand-secondary-border-default: #6d6d78;
32
32
  --pds-color-button-brand-secondary-border-hover: #23232d;
33
33
  --pds-color-button-brand-secondary-foreground-active: #23232d;
34
34
  --pds-color-button-brand-secondary-foreground-default: #23232d;
@@ -85,9 +85,9 @@
85
85
  --pds-color-input-foreground-critical: #d61f1f;
86
86
  --pds-color-input-foreground-default: #23232d;
87
87
  --pds-color-input-foreground-success: #1f845a;
88
- --pds-color-input-placeholder-text: #71717c;
88
+ --pds-color-input-placeholder-text: #6d6d78;
89
89
  --pds-color-input-toggle-switch-icon: #ffffff;
90
- --pds-color-input-toggle-switch-off: #71717c;
90
+ --pds-color-input-toggle-switch-off: #6d6d78;
91
91
  --pds-color-input-toggle-switch-on: var(--pds-color-interactive-focus);
92
92
  --pds-color-interactive-focus: #0f62fe;
93
93
  --pds-color-link-active: #6f54e8;
@@ -98,9 +98,9 @@
98
98
  --pds-color-menu-item-background-active: #f1f1f1;
99
99
  --pds-color-menu-item-background-default: #ffffff;
100
100
  --pds-color-menu-item-background-hover: #f8f8f8;
101
- --pds-color-menu-item-description-text: #71717c;
101
+ --pds-color-menu-item-description-text: #6d6d78;
102
102
  --pds-color-menu-item-foreground: #23232d;
103
- --pds-color-menu-item-heading-text: #71717c;
103
+ --pds-color-menu-item-heading-text: #6d6d78;
104
104
  --pds-color-panel-default-background: var(--pds-color-background-default);
105
105
  --pds-color-panel-default-border: var(--pds-color-border-default);
106
106
  --pds-color-panel-overlay-background: var(--pds-color-background-default);
@@ -110,11 +110,11 @@
110
110
  --pds-color-panel-sunken-background: #f8f8f8;
111
111
  --pds-color-panel-sunken-border: #f8f8f8;
112
112
  --pds-color-text-default: #23232d;
113
- --pds-color-text-default-secondary: #71717c;
113
+ --pds-color-text-default-secondary: #6d6d78;
114
114
  --pds-color-tile-background-active: #f1f1f1;
115
115
  --pds-color-tile-background-hover: #f8f8f8;
116
116
  --pds-color-toggle-button-background-off: #f1f1f1;
117
- --pds-color-toggle-button-foreground-off: #71717c;
117
+ --pds-color-toggle-button-foreground-off: #6d6d78;
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
@@ -7213,7 +7213,7 @@
7213
7213
  },
7214
7214
  "border": {
7215
7215
  "default": {
7216
- "value": "#71717c",
7216
+ "value": "#6d6d78",
7217
7217
  "public": true,
7218
7218
  "isReferenceToInternal": true,
7219
7219
  "filePath": "tokens/color/alias/button.light.json",
@@ -7677,7 +7677,7 @@
7677
7677
  },
7678
7678
  "foreground": {
7679
7679
  "off": {
7680
- "value": "#71717c",
7680
+ "value": "#6d6d78",
7681
7681
  "public": true,
7682
7682
  "isReferenceToInternal": true,
7683
7683
  "filePath": "tokens/color/alias/button.light.json",
@@ -8064,7 +8064,7 @@
8064
8064
  }
8065
8065
  },
8066
8066
  "placeholder-text": {
8067
- "value": "#71717c",
8067
+ "value": "#6d6d78",
8068
8068
  "public": true,
8069
8069
  "isReferenceToInternal": true,
8070
8070
  "filePath": "tokens/color/alias/input.light.json",
@@ -8144,7 +8144,7 @@
8144
8144
  },
8145
8145
  "toggle-switch": {
8146
8146
  "off": {
8147
- "value": "#71717c",
8147
+ "value": "#6d6d78",
8148
8148
  "public": true,
8149
8149
  "isReferenceToInternal": true,
8150
8150
  "filePath": "tokens/color/alias/input.light.json",
@@ -8499,7 +8499,7 @@
8499
8499
  ]
8500
8500
  },
8501
8501
  "heading-text": {
8502
- "value": "#71717c",
8502
+ "value": "#6d6d78",
8503
8503
  "public": true,
8504
8504
  "isReferenceToInternal": true,
8505
8505
  "filePath": "tokens/color/alias/menu.light.json",
@@ -8526,7 +8526,7 @@
8526
8526
  ]
8527
8527
  },
8528
8528
  "description-text": {
8529
- "value": "#71717c",
8529
+ "value": "#6d6d78",
8530
8530
  "public": true,
8531
8531
  "isReferenceToInternal": true,
8532
8532
  "filePath": "tokens/color/alias/menu.light.json",
@@ -8853,7 +8853,7 @@
8853
8853
  ]
8854
8854
  },
8855
8855
  "default-secondary": {
8856
- "value": "#71717c",
8856
+ "value": "#6d6d78",
8857
8857
  "public": true,
8858
8858
  "isReferenceToInternal": true,
8859
8859
  "filePath": "tokens/color/alias/typography.light.json",
@@ -9750,11 +9750,11 @@
9750
9750
  ]
9751
9751
  },
9752
9752
  "400": {
9753
- "value": "#71717c",
9753
+ "value": "#6d6d78",
9754
9754
  "filePath": "tokens/color/base/neutral.light.json",
9755
9755
  "isSource": true,
9756
9756
  "original": {
9757
- "value": "#71717C"
9757
+ "value": "#6D6D78"
9758
9758
  },
9759
9759
  "name": "color-light-mode-neutral-400",
9760
9760
  "attributes": {
package/build/json/pds-design-tokens-light-mode.json CHANGED
@@ -1067,7 +1067,7 @@
1067
1067
  },
1068
1068
  "border": {
1069
1069
  "default": {
1070
- "value": "#71717c",
1070
+ "value": "#6d6d78",
1071
1071
  "public": true,
1072
1072
  "isReferenceToInternal": true,
1073
1073
  "filePath": "tokens/color/alias/button.light.json",
@@ -1531,7 +1531,7 @@
1531
1531
  },
1532
1532
  "foreground": {
1533
1533
  "off": {
1534
- "value": "#71717c",
1534
+ "value": "#6d6d78",
1535
1535
  "public": true,
1536
1536
  "isReferenceToInternal": true,
1537
1537
  "filePath": "tokens/color/alias/button.light.json",
@@ -1918,7 +1918,7 @@
1918
1918
  }
1919
1919
  },
1920
1920
  "placeholder-text": {
1921
- "value": "#71717c",
1921
+ "value": "#6d6d78",
1922
1922
  "public": true,
1923
1923
  "isReferenceToInternal": true,
1924
1924
  "filePath": "tokens/color/alias/input.light.json",
@@ -1998,7 +1998,7 @@
1998
1998
  },
1999
1999
  "toggle-switch": {
2000
2000
  "off": {
2001
- "value": "#71717c",
2001
+ "value": "#6d6d78",
2002
2002
  "public": true,
2003
2003
  "isReferenceToInternal": true,
2004
2004
  "filePath": "tokens/color/alias/input.light.json",
@@ -2353,7 +2353,7 @@
2353
2353
  ]
2354
2354
  },
2355
2355
  "heading-text": {
2356
- "value": "#71717c",
2356
+ "value": "#6d6d78",
2357
2357
  "public": true,
2358
2358
  "isReferenceToInternal": true,
2359
2359
  "filePath": "tokens/color/alias/menu.light.json",
@@ -2380,7 +2380,7 @@
2380
2380
  ]
2381
2381
  },
2382
2382
  "description-text": {
2383
- "value": "#71717c",
2383
+ "value": "#6d6d78",
2384
2384
  "public": true,
2385
2385
  "isReferenceToInternal": true,
2386
2386
  "filePath": "tokens/color/alias/menu.light.json",
@@ -2707,7 +2707,7 @@
2707
2707
  ]
2708
2708
  },
2709
2709
  "default-secondary": {
2710
- "value": "#71717c",
2710
+ "value": "#6d6d78",
2711
2711
  "public": true,
2712
2712
  "isReferenceToInternal": true,
2713
2713
  "filePath": "tokens/color/alias/typography.light.json",
@@ -3604,11 +3604,11 @@
3604
3604
  ]
3605
3605
  },
3606
3606
  "400": {
3607
- "value": "#71717c",
3607
+ "value": "#6d6d78",
3608
3608
  "filePath": "tokens/color/base/neutral.light.json",
3609
3609
  "isSource": true,
3610
3610
  "original": {
3611
- "value": "#71717C"
3611
+ "value": "#6D6D78"
3612
3612
  },
3613
3613
  "name": "color-light-mode-neutral-400",
3614
3614
  "attributes": {
package/build/scss/_pds-design-tokens-light-mode.scss CHANGED
@@ -26,7 +26,7 @@ $pds-color-button-brand-secondary-background-active: #f1f1f1;
26
26
  $pds-color-button-brand-secondary-background-default: rgba(0, 0, 0, 0);
27
27
  $pds-color-button-brand-secondary-background-hover: #f8f8f8;
28
28
  $pds-color-button-brand-secondary-border-active: #23232d;
29
- $pds-color-button-brand-secondary-border-default: #71717c;
29
+ $pds-color-button-brand-secondary-border-default: #6d6d78;
30
30
  $pds-color-button-brand-secondary-border-hover: #23232d;
31
31
  $pds-color-button-brand-secondary-foreground-active: #23232d;
32
32
  $pds-color-button-brand-secondary-foreground-default: #23232d;
@@ -83,9 +83,9 @@ $pds-color-input-checked-foreground: #ffffff;
83
83
  $pds-color-input-foreground-critical: #d61f1f;
84
84
  $pds-color-input-foreground-default: #23232d;
85
85
  $pds-color-input-foreground-success: #1f845a;
86
- $pds-color-input-placeholder-text: #71717c;
86
+ $pds-color-input-placeholder-text: #6d6d78;
87
87
  $pds-color-input-toggle-switch-icon: #ffffff;
88
- $pds-color-input-toggle-switch-off: #71717c;
88
+ $pds-color-input-toggle-switch-off: #6d6d78;
89
89
  $pds-color-input-toggle-switch-on: $pds-color-interactive-focus;
90
90
  $pds-color-interactive-focus: #0f62fe;
91
91
  $pds-color-link-active: #6f54e8;
@@ -96,9 +96,9 @@ $pds-color-menu-background: #ffffff;
96
96
  $pds-color-menu-item-background-active: #f1f1f1;
97
97
  $pds-color-menu-item-background-default: #ffffff;
98
98
  $pds-color-menu-item-background-hover: #f8f8f8;
99
- $pds-color-menu-item-description-text: #71717c;
99
+ $pds-color-menu-item-description-text: #6d6d78;
100
100
  $pds-color-menu-item-foreground: #23232d;
101
- $pds-color-menu-item-heading-text: #71717c;
101
+ $pds-color-menu-item-heading-text: #6d6d78;
102
102
  $pds-color-panel-default-background: $pds-color-background-default;
103
103
  $pds-color-panel-default-border: $pds-color-border-default;
104
104
  $pds-color-panel-overlay-background: $pds-color-background-default;
@@ -108,10 +108,10 @@ $pds-color-panel-raised-border: $pds-color-border-default;
108
108
  $pds-color-panel-sunken-background: #f8f8f8;
109
109
  $pds-color-panel-sunken-border: #f8f8f8;
110
110
  $pds-color-text-default: #23232d;
111
- $pds-color-text-default-secondary: #71717c;
111
+ $pds-color-text-default-secondary: #6d6d78;
112
112
  $pds-color-tile-background-active: #f1f1f1;
113
113
  $pds-color-tile-background-hover: #f8f8f8;
114
114
  $pds-color-toggle-button-background-off: #f1f1f1;
115
- $pds-color-toggle-button-foreground-off: #71717c;
115
+ $pds-color-toggle-button-foreground-off: #6d6d78;
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.33",
3
+ "version": "1.0.0-dev.34",
4
4
  "description": "Design Tokens for the Pantheon Design System",
5
5
  "homepage": "https://pantheon.io",
6
6
  "keywords": [