@pantheon-systems/pds-design-tokens 0.3.0-dev.0 → 0.4.0-dev.0

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 (12) hide show
  1. package/README.md +1 -11
  2. package/build/css/pds-design-tokens-dark-mode.css +3 -0
  3. package/build/css/pds-design-tokens-light-mode.css +3 -0
  4. package/build/css/pds-design-tokens.css +1 -4
  5. package/build/figma/pds-design-tokens-figma.json +634 -834
  6. package/build/json/pds-design-tokens-dark-mode.json +87 -0
  7. package/build/json/pds-design-tokens-light-mode.json +89 -0
  8. package/build/json/pds-design-tokens.json +324 -580
  9. package/build/scss/_pds-design-tokens-dark-mode.scss +4 -1
  10. package/build/scss/_pds-design-tokens-light-mode.scss +4 -1
  11. package/build/scss/_pds-design-tokens.scss +1 -4
  12. package/package.json +1 -1
package/build/json/pds-design-tokens-dark-mode.json CHANGED
@@ -322,6 +322,29 @@
322
322
  "default"
323
323
  ]
324
324
  },
325
+ "paragraph": {
326
+ "value": "#ffffff",
327
+ "public": true,
328
+ "filePath": "tokens/color/alias/typography.dark.json",
329
+ "isSource": true,
330
+ "original": {
331
+ "value": "{color.dark-mode.text.default}",
332
+ "public": true
333
+ },
334
+ "name": "color-dark-mode-text-paragraph",
335
+ "attributes": {
336
+ "category": "color",
337
+ "type": "dark-mode",
338
+ "item": "text",
339
+ "subitem": "paragraph"
340
+ },
341
+ "path": [
342
+ "color",
343
+ "dark-mode",
344
+ "text",
345
+ "paragraph"
346
+ ]
347
+ },
325
348
  "headings": {
326
349
  "value": "#ffffff",
327
350
  "public": true,
@@ -1198,5 +1221,69 @@
1198
1221
  }
1199
1222
  }
1200
1223
  }
1224
+ },
1225
+ "elevation": {
1226
+ "dark-mode": {
1227
+ "raised": {
1228
+ "value": "0px, 1px, 1px, 0px, rgba(18, 18, 25, 0.95)",
1229
+ "type": "boxShadow",
1230
+ "public": true,
1231
+ "filePath": "tokens/elevation/base.dark.json",
1232
+ "isSource": true,
1233
+ "original": {
1234
+ "value": {
1235
+ "x": "0",
1236
+ "y": "1",
1237
+ "blur": "1",
1238
+ "spread": "0",
1239
+ "color": "rgba(18, 18, 25, 0.95)",
1240
+ "type": "dropShadow"
1241
+ },
1242
+ "type": "boxShadow",
1243
+ "public": true
1244
+ },
1245
+ "name": "elevation-dark-mode-raised",
1246
+ "attributes": {
1247
+ "category": "elevation",
1248
+ "type": "dark-mode",
1249
+ "item": "raised"
1250
+ },
1251
+ "path": [
1252
+ "elevation",
1253
+ "dark-mode",
1254
+ "raised"
1255
+ ]
1256
+ },
1257
+ "overlay": {
1258
+ "value": "0px, 8px, 12px, 0px, rgba(18, 18, 25, 0.6)",
1259
+ "type": "boxShadow",
1260
+ "public": true,
1261
+ "filePath": "tokens/elevation/base.dark.json",
1262
+ "isSource": true,
1263
+ "original": {
1264
+ "value": {
1265
+ "x": "0",
1266
+ "y": "8",
1267
+ "blur": "12",
1268
+ "spread": "0",
1269
+ "color": "rgba(18, 18, 25, 0.6)",
1270
+ "type": "dropShadow"
1271
+ },
1272
+ "type": "boxShadow",
1273
+ "public": true
1274
+ },
1275
+ "name": "elevation-dark-mode-overlay",
1276
+ "attributes": {
1277
+ "category": "elevation",
1278
+ "type": "dark-mode",
1279
+ "item": "overlay"
1280
+ },
1281
+ "path": [
1282
+ "elevation",
1283
+ "dark-mode",
1284
+ "overlay"
1285
+ ]
1286
+ }
1287
+ }
1201
1288
  }
1202
1289
  }
package/build/json/pds-design-tokens-light-mode.json CHANGED
@@ -322,6 +322,31 @@
322
322
  "default"
323
323
  ]
324
324
  },
325
+ "paragraph": {
326
+ "value": "#23232d",
327
+ "public": true,
328
+ "isReferenceToInternal": true,
329
+ "filePath": "tokens/color/alias/typography.light.json",
330
+ "isSource": true,
331
+ "original": {
332
+ "value": "{color.light-mode.neutral.700.value}",
333
+ "public": true,
334
+ "isReferenceToInternal": true
335
+ },
336
+ "name": "color-light-mode-text-paragraph",
337
+ "attributes": {
338
+ "category": "color",
339
+ "type": "light-mode",
340
+ "item": "text",
341
+ "subitem": "paragraph"
342
+ },
343
+ "path": [
344
+ "color",
345
+ "light-mode",
346
+ "text",
347
+ "paragraph"
348
+ ]
349
+ },
325
350
  "headings": {
326
351
  "value": "#23232d",
327
352
  "public": true,
@@ -1198,5 +1223,69 @@
1198
1223
  }
1199
1224
  }
1200
1225
  }
1226
+ },
1227
+ "elevation": {
1228
+ "light-mode": {
1229
+ "raised": {
1230
+ "value": "0px, 1px, 1px, 0px, #aeaeb6",
1231
+ "type": "boxShadow",
1232
+ "public": true,
1233
+ "filePath": "tokens/elevation/base.light.json",
1234
+ "isSource": true,
1235
+ "original": {
1236
+ "value": {
1237
+ "x": "0",
1238
+ "y": "1",
1239
+ "blur": "1",
1240
+ "spread": "0",
1241
+ "color": "#aeaeb6",
1242
+ "type": "dropShadow"
1243
+ },
1244
+ "type": "boxShadow",
1245
+ "public": true
1246
+ },
1247
+ "name": "elevation-light-mode-raised",
1248
+ "attributes": {
1249
+ "category": "elevation",
1250
+ "type": "light-mode",
1251
+ "item": "raised"
1252
+ },
1253
+ "path": [
1254
+ "elevation",
1255
+ "light-mode",
1256
+ "raised"
1257
+ ]
1258
+ },
1259
+ "overlay": {
1260
+ "value": "0px, 8px, 12px, 0px, rgba(113, 113, 124, 0.25)",
1261
+ "type": "boxShadow",
1262
+ "public": true,
1263
+ "filePath": "tokens/elevation/base.light.json",
1264
+ "isSource": true,
1265
+ "original": {
1266
+ "value": {
1267
+ "x": "0",
1268
+ "y": "8",
1269
+ "blur": "12",
1270
+ "spread": "0",
1271
+ "color": "rgba(113, 113, 124, 0.25)",
1272
+ "type": "dropShadow"
1273
+ },
1274
+ "type": "boxShadow",
1275
+ "public": true
1276
+ },
1277
+ "name": "elevation-light-mode-overlay",
1278
+ "attributes": {
1279
+ "category": "elevation",
1280
+ "type": "light-mode",
1281
+ "item": "overlay"
1282
+ },
1283
+ "path": [
1284
+ "elevation",
1285
+ "light-mode",
1286
+ "overlay"
1287
+ ]
1288
+ }
1289
+ }
1201
1290
  }
1202
1291
  }