@pantheon-systems/pds-design-tokens 1.0.0-dev.12 → 1.0.0-dev.13

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 +4 -3
  2. package/build/css/pds-design-tokens-light-mode.css +4 -3
  3. package/build/figma/pds-design-tokens-figma.json +62 -24
  4. package/build/json/pds-design-tokens-dark-mode.json +31 -12
  5. package/build/json/pds-design-tokens-light-mode.json +31 -12
  6. package/build/scss/_pds-design-tokens-dark-mode.scss +4 -3
  7. package/build/scss/_pds-design-tokens-light-mode.scss +4 -3
  8. package/package.json +1 -1
package/build/css/pds-design-tokens-dark-mode.css CHANGED
@@ -96,11 +96,12 @@
96
96
  --pds-color-panel-sunken-background: #121219;
97
97
  --pds-color-panel-sunken-border: #121219;
98
98
  --pds-color-text-default: #ffffff;
99
+ --pds-color-text-default-secondary: #a6a3b4;
99
100
  --pds-color-text-headings: var(--pds-color-text-default);
100
- --pds-color-text-lead: #a6a3b4;
101
- --pds-color-text-overline: #a6a3b4;
101
+ --pds-color-text-lead: var(--pds-color-text-default-secondary);
102
+ --pds-color-text-overline: var(--pds-color-text-default-secondary);
102
103
  --pds-color-text-paragraph: var(--pds-color-text-default);
103
- --pds-color-text-quote: #a6a3b4;
104
+ --pds-color-text-quote: var(--pds-color-text-default-secondary);
104
105
  --pds-elevation-overlay: 0px 8px 12px 0px rgba(18, 18, 25, 0.6);
105
106
  --pds-elevation-raised: 0px 1px 1px 0px rgba(18, 18, 25, 0.95);
106
107
  }
package/build/css/pds-design-tokens-light-mode.css CHANGED
@@ -96,11 +96,12 @@
96
96
  --pds-color-panel-sunken-background: #f1f1f1;
97
97
  --pds-color-panel-sunken-border: #f1f1f1;
98
98
  --pds-color-text-default: #23232d;
99
+ --pds-color-text-default-secondary: #71717c;
99
100
  --pds-color-text-headings: var(--pds-color-text-default);
100
- --pds-color-text-lead: #71717c;
101
- --pds-color-text-overline: #71717c;
101
+ --pds-color-text-lead: var(--pds-color-text-default-secondary);
102
+ --pds-color-text-overline: var(--pds-color-text-default-secondary);
102
103
  --pds-color-text-paragraph: #23232d;
103
- --pds-color-text-quote: #71717c;
104
+ --pds-color-text-quote: var(--pds-color-text-default-secondary);
104
105
  --pds-elevation-overlay: 0px 8px 12px 0px rgba(113, 113, 124, 0.25), 0px 0px 1px 0px rgba(18, 18, 25, 0.25);
105
106
  --pds-elevation-raised: 0px 1px 1px 0px #aeaeb6, 0px 0px 1px 0px rgba(18, 18, 25, 0.25);
106
107
  }
package/build/figma/pds-design-tokens-figma.json CHANGED
@@ -3993,6 +3993,31 @@
3993
3993
  "default"
3994
3994
  ]
3995
3995
  },
3996
+ "default-secondary": {
3997
+ "value": "#a6a3b4",
3998
+ "public": true,
3999
+ "isReferenceToInternal": true,
4000
+ "filePath": "tokens/color/alias/typography.dark.json",
4001
+ "isSource": true,
4002
+ "original": {
4003
+ "value": "{color.dark-mode.neutral.200.value}",
4004
+ "public": true,
4005
+ "isReferenceToInternal": true
4006
+ },
4007
+ "name": "color-dark-mode-text-default-secondary",
4008
+ "attributes": {
4009
+ "category": "color",
4010
+ "type": "dark-mode",
4011
+ "item": "text",
4012
+ "subitem": "default-secondary"
4013
+ },
4014
+ "path": [
4015
+ "color",
4016
+ "dark-mode",
4017
+ "text",
4018
+ "default-secondary"
4019
+ ]
4020
+ },
3996
4021
  "paragraph": {
3997
4022
  "value": "#ffffff",
3998
4023
  "public": true,
@@ -4042,13 +4067,11 @@
4042
4067
  "lead": {
4043
4068
  "value": "#a6a3b4",
4044
4069
  "public": true,
4045
- "isReferenceToInternal": true,
4046
4070
  "filePath": "tokens/color/alias/typography.dark.json",
4047
4071
  "isSource": true,
4048
4072
  "original": {
4049
- "value": "{color.dark-mode.neutral.200.value}",
4050
- "public": true,
4051
- "isReferenceToInternal": true
4073
+ "value": "{color.dark-mode.text.default-secondary}",
4074
+ "public": true
4052
4075
  },
4053
4076
  "name": "color-dark-mode-text-lead",
4054
4077
  "attributes": {
@@ -4067,13 +4090,11 @@
4067
4090
  "overline": {
4068
4091
  "value": "#a6a3b4",
4069
4092
  "public": true,
4070
- "isReferenceToInternal": true,
4071
4093
  "filePath": "tokens/color/alias/typography.dark.json",
4072
4094
  "isSource": true,
4073
4095
  "original": {
4074
- "value": "{color.dark-mode.neutral.200.value}",
4075
- "public": true,
4076
- "isReferenceToInternal": true
4096
+ "value": "{color.dark-mode.text.default-secondary}",
4097
+ "public": true
4077
4098
  },
4078
4099
  "name": "color-dark-mode-text-overline",
4079
4100
  "attributes": {
@@ -4092,13 +4113,11 @@
4092
4113
  "quote": {
4093
4114
  "value": "#a6a3b4",
4094
4115
  "public": true,
4095
- "isReferenceToInternal": true,
4096
4116
  "filePath": "tokens/color/alias/typography.dark.json",
4097
4117
  "isSource": true,
4098
4118
  "original": {
4099
- "value": "{color.dark-mode.neutral.200.value}",
4100
- "public": true,
4101
- "isReferenceToInternal": true
4119
+ "value": "{color.dark-mode.text.default-secondary}",
4120
+ "public": true
4102
4121
  },
4103
4122
  "name": "color-dark-mode-text-quote",
4104
4123
  "attributes": {
@@ -7941,6 +7960,31 @@
7941
7960
  "default"
7942
7961
  ]
7943
7962
  },
7963
+ "default-secondary": {
7964
+ "value": "#71717c",
7965
+ "public": true,
7966
+ "isReferenceToInternal": true,
7967
+ "filePath": "tokens/color/alias/typography.light.json",
7968
+ "isSource": true,
7969
+ "original": {
7970
+ "value": "{color.light-mode.neutral.400.value}",
7971
+ "public": true,
7972
+ "isReferenceToInternal": true
7973
+ },
7974
+ "name": "color-light-mode-text-default-secondary",
7975
+ "attributes": {
7976
+ "category": "color",
7977
+ "type": "light-mode",
7978
+ "item": "text",
7979
+ "subitem": "default-secondary"
7980
+ },
7981
+ "path": [
7982
+ "color",
7983
+ "light-mode",
7984
+ "text",
7985
+ "default-secondary"
7986
+ ]
7987
+ },
7944
7988
  "paragraph": {
7945
7989
  "value": "#23232d",
7946
7990
  "public": true,
@@ -7992,13 +8036,11 @@
7992
8036
  "lead": {
7993
8037
  "value": "#71717c",
7994
8038
  "public": true,
7995
- "isReferenceToInternal": true,
7996
8039
  "filePath": "tokens/color/alias/typography.light.json",
7997
8040
  "isSource": true,
7998
8041
  "original": {
7999
- "value": "{color.light-mode.neutral.400.value}",
8000
- "public": true,
8001
- "isReferenceToInternal": true
8042
+ "value": "{color.light-mode.text.default-secondary}",
8043
+ "public": true
8002
8044
  },
8003
8045
  "name": "color-light-mode-text-lead",
8004
8046
  "attributes": {
@@ -8017,13 +8059,11 @@
8017
8059
  "overline": {
8018
8060
  "value": "#71717c",
8019
8061
  "public": true,
8020
- "isReferenceToInternal": true,
8021
8062
  "filePath": "tokens/color/alias/typography.light.json",
8022
8063
  "isSource": true,
8023
8064
  "original": {
8024
- "value": "{color.light-mode.neutral.400.value}",
8025
- "public": true,
8026
- "isReferenceToInternal": true
8065
+ "value": "{color.light-mode.text.default-secondary}",
8066
+ "public": true
8027
8067
  },
8028
8068
  "name": "color-light-mode-text-overline",
8029
8069
  "attributes": {
@@ -8042,13 +8082,11 @@
8042
8082
  "quote": {
8043
8083
  "value": "#71717c",
8044
8084
  "public": true,
8045
- "isReferenceToInternal": true,
8046
8085
  "filePath": "tokens/color/alias/typography.light.json",
8047
8086
  "isSource": true,
8048
8087
  "original": {
8049
- "value": "{color.light-mode.neutral.400.value}",
8050
- "public": true,
8051
- "isReferenceToInternal": true
8088
+ "value": "{color.light-mode.text.default-secondary}",
8089
+ "public": true
8052
8090
  },
8053
8091
  "name": "color-light-mode-text-quote",
8054
8092
  "attributes": {
package/build/json/pds-design-tokens-dark-mode.json CHANGED
@@ -2194,6 +2194,31 @@
2194
2194
  "default"
2195
2195
  ]
2196
2196
  },
2197
+ "default-secondary": {
2198
+ "value": "#a6a3b4",
2199
+ "public": true,
2200
+ "isReferenceToInternal": true,
2201
+ "filePath": "tokens/color/alias/typography.dark.json",
2202
+ "isSource": true,
2203
+ "original": {
2204
+ "value": "{color.dark-mode.neutral.200.value}",
2205
+ "public": true,
2206
+ "isReferenceToInternal": true
2207
+ },
2208
+ "name": "color-dark-mode-text-default-secondary",
2209
+ "attributes": {
2210
+ "category": "color",
2211
+ "type": "dark-mode",
2212
+ "item": "text",
2213
+ "subitem": "default-secondary"
2214
+ },
2215
+ "path": [
2216
+ "color",
2217
+ "dark-mode",
2218
+ "text",
2219
+ "default-secondary"
2220
+ ]
2221
+ },
2197
2222
  "paragraph": {
2198
2223
  "value": "#ffffff",
2199
2224
  "public": true,
@@ -2243,13 +2268,11 @@
2243
2268
  "lead": {
2244
2269
  "value": "#a6a3b4",
2245
2270
  "public": true,
2246
- "isReferenceToInternal": true,
2247
2271
  "filePath": "tokens/color/alias/typography.dark.json",
2248
2272
  "isSource": true,
2249
2273
  "original": {
2250
- "value": "{color.dark-mode.neutral.200.value}",
2251
- "public": true,
2252
- "isReferenceToInternal": true
2274
+ "value": "{color.dark-mode.text.default-secondary}",
2275
+ "public": true
2253
2276
  },
2254
2277
  "name": "color-dark-mode-text-lead",
2255
2278
  "attributes": {
@@ -2268,13 +2291,11 @@
2268
2291
  "overline": {
2269
2292
  "value": "#a6a3b4",
2270
2293
  "public": true,
2271
- "isReferenceToInternal": true,
2272
2294
  "filePath": "tokens/color/alias/typography.dark.json",
2273
2295
  "isSource": true,
2274
2296
  "original": {
2275
- "value": "{color.dark-mode.neutral.200.value}",
2276
- "public": true,
2277
- "isReferenceToInternal": true
2297
+ "value": "{color.dark-mode.text.default-secondary}",
2298
+ "public": true
2278
2299
  },
2279
2300
  "name": "color-dark-mode-text-overline",
2280
2301
  "attributes": {
@@ -2293,13 +2314,11 @@
2293
2314
  "quote": {
2294
2315
  "value": "#a6a3b4",
2295
2316
  "public": true,
2296
- "isReferenceToInternal": true,
2297
2317
  "filePath": "tokens/color/alias/typography.dark.json",
2298
2318
  "isSource": true,
2299
2319
  "original": {
2300
- "value": "{color.dark-mode.neutral.200.value}",
2301
- "public": true,
2302
- "isReferenceToInternal": true
2320
+ "value": "{color.dark-mode.text.default-secondary}",
2321
+ "public": true
2303
2322
  },
2304
2323
  "name": "color-dark-mode-text-quote",
2305
2324
  "attributes": {
package/build/json/pds-design-tokens-light-mode.json CHANGED
@@ -2188,6 +2188,31 @@
2188
2188
  "default"
2189
2189
  ]
2190
2190
  },
2191
+ "default-secondary": {
2192
+ "value": "#71717c",
2193
+ "public": true,
2194
+ "isReferenceToInternal": true,
2195
+ "filePath": "tokens/color/alias/typography.light.json",
2196
+ "isSource": true,
2197
+ "original": {
2198
+ "value": "{color.light-mode.neutral.400.value}",
2199
+ "public": true,
2200
+ "isReferenceToInternal": true
2201
+ },
2202
+ "name": "color-light-mode-text-default-secondary",
2203
+ "attributes": {
2204
+ "category": "color",
2205
+ "type": "light-mode",
2206
+ "item": "text",
2207
+ "subitem": "default-secondary"
2208
+ },
2209
+ "path": [
2210
+ "color",
2211
+ "light-mode",
2212
+ "text",
2213
+ "default-secondary"
2214
+ ]
2215
+ },
2191
2216
  "paragraph": {
2192
2217
  "value": "#23232d",
2193
2218
  "public": true,
@@ -2239,13 +2264,11 @@
2239
2264
  "lead": {
2240
2265
  "value": "#71717c",
2241
2266
  "public": true,
2242
- "isReferenceToInternal": true,
2243
2267
  "filePath": "tokens/color/alias/typography.light.json",
2244
2268
  "isSource": true,
2245
2269
  "original": {
2246
- "value": "{color.light-mode.neutral.400.value}",
2247
- "public": true,
2248
- "isReferenceToInternal": true
2270
+ "value": "{color.light-mode.text.default-secondary}",
2271
+ "public": true
2249
2272
  },
2250
2273
  "name": "color-light-mode-text-lead",
2251
2274
  "attributes": {
@@ -2264,13 +2287,11 @@
2264
2287
  "overline": {
2265
2288
  "value": "#71717c",
2266
2289
  "public": true,
2267
- "isReferenceToInternal": true,
2268
2290
  "filePath": "tokens/color/alias/typography.light.json",
2269
2291
  "isSource": true,
2270
2292
  "original": {
2271
- "value": "{color.light-mode.neutral.400.value}",
2272
- "public": true,
2273
- "isReferenceToInternal": true
2293
+ "value": "{color.light-mode.text.default-secondary}",
2294
+ "public": true
2274
2295
  },
2275
2296
  "name": "color-light-mode-text-overline",
2276
2297
  "attributes": {
@@ -2289,13 +2310,11 @@
2289
2310
  "quote": {
2290
2311
  "value": "#71717c",
2291
2312
  "public": true,
2292
- "isReferenceToInternal": true,
2293
2313
  "filePath": "tokens/color/alias/typography.light.json",
2294
2314
  "isSource": true,
2295
2315
  "original": {
2296
- "value": "{color.light-mode.neutral.400.value}",
2297
- "public": true,
2298
- "isReferenceToInternal": true
2316
+ "value": "{color.light-mode.text.default-secondary}",
2317
+ "public": true
2299
2318
  },
2300
2319
  "name": "color-light-mode-text-quote",
2301
2320
  "attributes": {
package/build/scss/_pds-design-tokens-dark-mode.scss CHANGED
@@ -94,10 +94,11 @@ $pds-color-panel-raised-border: $pds-color-border-default;
94
94
  $pds-color-panel-sunken-background: #121219;
95
95
  $pds-color-panel-sunken-border: #121219;
96
96
  $pds-color-text-default: #ffffff;
97
+ $pds-color-text-default-secondary: #a6a3b4;
97
98
  $pds-color-text-headings: $pds-color-text-default;
98
- $pds-color-text-lead: #a6a3b4;
99
- $pds-color-text-overline: #a6a3b4;
99
+ $pds-color-text-lead: $pds-color-text-default-secondary;
100
+ $pds-color-text-overline: $pds-color-text-default-secondary;
100
101
  $pds-color-text-paragraph: $pds-color-text-default;
101
- $pds-color-text-quote: #a6a3b4;
102
+ $pds-color-text-quote: $pds-color-text-default-secondary;
102
103
  $pds-elevation-overlay: 0px 8px 12px 0px rgba(18, 18, 25, 0.6);
103
104
  $pds-elevation-raised: 0px 1px 1px 0px rgba(18, 18, 25, 0.95);
package/build/scss/_pds-design-tokens-light-mode.scss CHANGED
@@ -94,10 +94,11 @@ $pds-color-panel-raised-border: $pds-color-border-default;
94
94
  $pds-color-panel-sunken-background: #f1f1f1;
95
95
  $pds-color-panel-sunken-border: #f1f1f1;
96
96
  $pds-color-text-default: #23232d;
97
+ $pds-color-text-default-secondary: #71717c;
97
98
  $pds-color-text-headings: $pds-color-text-default;
98
- $pds-color-text-lead: #71717c;
99
- $pds-color-text-overline: #71717c;
99
+ $pds-color-text-lead: $pds-color-text-default-secondary;
100
+ $pds-color-text-overline: $pds-color-text-default-secondary;
100
101
  $pds-color-text-paragraph: #23232d;
101
- $pds-color-text-quote: #71717c;
102
+ $pds-color-text-quote: $pds-color-text-default-secondary;
102
103
  $pds-elevation-overlay: 0px 8px 12px 0px rgba(113, 113, 124, 0.25), 0px 0px 1px 0px rgba(18, 18, 25, 0.25);
103
104
  $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.12",
3
+ "version": "1.0.0-dev.13",
4
4
  "description": "Design Tokens for the Pantheon Design System",
5
5
  "homepage": "https://pantheon.io",
6
6
  "keywords": [