@k8slens/lds-tokens 0.11.4 → 0.12.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 (39) hide show
  1. package/lib/docs/token-map.dark.d.ts +1 -1
  2. package/lib/docs/token-map.dark.js +216 -20
  3. package/lib/docs/token-map.light.d.ts +1 -1
  4. package/lib/docs/token-map.light.js +217 -21
  5. package/lib/electron/font-face.css +1 -1
  6. package/lib/electron/icons/action.js +1 -1
  7. package/lib/electron/icons/base.js +1 -1
  8. package/lib/electron/icons/idp.js +1 -1
  9. package/lib/electron/icons/misc.js +1 -1
  10. package/lib/electron/icons/navigation.js +1 -1
  11. package/lib/electron/images/index.js +1 -1
  12. package/lib/electron/tokens.dark.css +22 -7
  13. package/lib/electron/tokens.dark.js +22 -7
  14. package/lib/electron/tokens.dark.scoped.css +1 -1
  15. package/lib/electron/tokens.dark.ts +22 -7
  16. package/lib/electron/tokens.light.css +22 -7
  17. package/lib/electron/tokens.light.js +22 -7
  18. package/lib/electron/tokens.light.scoped.css +1 -1
  19. package/lib/electron/tokens.light.ts +22 -7
  20. package/lib/web/colors/dark.js +1 -1
  21. package/lib/web/colors/light.js +1 -1
  22. package/lib/web/font-imports.css +1 -1
  23. package/lib/web/icons/action.js +1 -1
  24. package/lib/web/icons/base.js +1 -1
  25. package/lib/web/icons/idp.js +1 -1
  26. package/lib/web/icons/misc.js +1 -1
  27. package/lib/web/icons/navigation.js +1 -1
  28. package/lib/web/images/index.js +1 -1
  29. package/lib/web/tailwind.config.cjs +1 -1
  30. package/lib/web/tailwind.config.js +1 -1
  31. package/lib/web/tokens.dark.css +22 -7
  32. package/lib/web/tokens.dark.js +22 -7
  33. package/lib/web/tokens.dark.scoped.css +1 -1
  34. package/lib/web/tokens.dark.ts +22 -7
  35. package/lib/web/tokens.light.css +22 -7
  36. package/lib/web/tokens.light.js +22 -7
  37. package/lib/web/tokens.light.scoped.css +1 -1
  38. package/lib/web/tokens.light.ts +22 -7
  39. package/package.json +2 -2
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Mon, 30 Jan 2023 08:19:35 GMT
3
+ * Generated on Mon, 06 Feb 2023 14:11:14 GMT
4
4
  */
5
5
 
6
6
  export type PackageDetails = {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Mon, 30 Jan 2023 08:19:35 GMT
3
+ * Generated on Mon, 06 Feb 2023 14:11:14 GMT
4
4
  */
5
5
 
6
6
  const tokenMap = {
@@ -1219,6 +1219,7 @@ const tokenMap = {
1219
1219
  "hues.blue-gray.hue"
1220
1220
  ],
1221
1221
  "inheritedBy": [
1222
+ "color.font.tip.white",
1222
1223
  "alias.color.border.strong"
1223
1224
  ]
1224
1225
  },
@@ -1501,7 +1502,12 @@ const tokenMap = {
1501
1502
  "inherits": [],
1502
1503
  "inheritedBy": [
1503
1504
  "color.background.switch.thumb",
1505
+ "color.background.tip.white",
1506
+ "color.background.tip-button.important",
1504
1507
  "color.font.side-nav-item.active.danger",
1508
+ "color.font.tip.important",
1509
+ "color.font.tip-button.default",
1510
+ "color.font.tip-button.white",
1505
1511
  "alias.color.text.accent",
1506
1512
  "alias.color.border.vivid"
1507
1513
  ]
@@ -1526,12 +1532,11 @@ const tokenMap = {
1526
1532
  "attributes": {},
1527
1533
  "inherits": [],
1528
1534
  "inheritedBy": [
1535
+ "shadow.base.sm",
1536
+ "shadow.base.default",
1529
1537
  "shadow.base.default",
1530
1538
  "shadow.base.md",
1531
- "shadow.base.md",
1532
- "shadow.base.lg",
1533
1539
  "shadow.base.lg",
1534
- "shadow.base.xl",
1535
1540
  "shadow.base.xl"
1536
1541
  ]
1537
1542
  },
@@ -1544,6 +1549,10 @@ const tokenMap = {
1544
1549
  "attributes": {},
1545
1550
  "inherits": [],
1546
1551
  "inheritedBy": [
1552
+ "shadow.base.md",
1553
+ "shadow.base.lg",
1554
+ "shadow.base.xl",
1555
+ "shadow.base.2xl",
1547
1556
  "shadow.base.2xl"
1548
1557
  ]
1549
1558
  },
@@ -1824,6 +1833,76 @@ const tokenMap = {
1824
1833
  ]
1825
1834
  }
1826
1835
  }
1836
+ },
1837
+ "tip": {
1838
+ "default": {
1839
+ "path": "color.background.tip.default",
1840
+ "name": "ColorBackgroundTipDefault",
1841
+ "code": "$color-background-tip-default",
1842
+ "variable": "color-background-tip-default",
1843
+ "value": "hsl(206deg, 7%, 13%)",
1844
+ "attributes": {},
1845
+ "inherits": [
1846
+ "alias.color.background.base"
1847
+ ]
1848
+ },
1849
+ "important": {
1850
+ "path": "color.background.tip.important",
1851
+ "name": "ColorBackgroundTipImportant",
1852
+ "code": "$color-background-tip-important",
1853
+ "variable": "color-background-tip-important",
1854
+ "value": "hsl(206deg, 60%, 52%)",
1855
+ "attributes": {},
1856
+ "inherits": [
1857
+ "alias.color.brand.primary"
1858
+ ]
1859
+ },
1860
+ "white": {
1861
+ "path": "color.background.tip.white",
1862
+ "name": "ColorBackgroundTipWhite",
1863
+ "code": "$color-background-tip-white",
1864
+ "variable": "color-background-tip-white",
1865
+ "value": "#ffffff",
1866
+ "attributes": {},
1867
+ "inherits": [
1868
+ "color.base.white"
1869
+ ]
1870
+ }
1871
+ },
1872
+ "tip-button": {
1873
+ "default": {
1874
+ "path": "color.background.tip-button.default",
1875
+ "name": "ColorBackgroundTip-buttonDefault",
1876
+ "code": "$color-background-tip-button-default",
1877
+ "variable": "color-background-tip-button-default",
1878
+ "value": "hsl(206deg, 60%, 52%)",
1879
+ "attributes": {},
1880
+ "inherits": [
1881
+ "alias.color.brand.primary"
1882
+ ]
1883
+ },
1884
+ "important": {
1885
+ "path": "color.background.tip-button.important",
1886
+ "name": "ColorBackgroundTip-buttonImportant",
1887
+ "code": "$color-background-tip-button-important",
1888
+ "variable": "color-background-tip-button-important",
1889
+ "value": "#ffffff",
1890
+ "attributes": {},
1891
+ "inherits": [
1892
+ "color.base.white"
1893
+ ]
1894
+ },
1895
+ "white": {
1896
+ "path": "color.background.tip-button.white",
1897
+ "name": "ColorBackgroundTip-buttonWhite",
1898
+ "code": "$color-background-tip-button-white",
1899
+ "variable": "color-background-tip-button-white",
1900
+ "value": "hsl(206deg, 60%, 52%)",
1901
+ "attributes": {},
1902
+ "inherits": [
1903
+ "alias.color.brand.primary"
1904
+ ]
1905
+ }
1827
1906
  }
1828
1907
  },
1829
1908
  "border": {
@@ -2185,6 +2264,76 @@ const tokenMap = {
2185
2264
  ]
2186
2265
  }
2187
2266
  }
2267
+ },
2268
+ "tip": {
2269
+ "default": {
2270
+ "path": "color.font.tip.default",
2271
+ "name": "ColorFontTipDefault",
2272
+ "code": "$color-font-tip-default",
2273
+ "variable": "color-font-tip-default",
2274
+ "value": "hsl(206deg, 6%, 60%)",
2275
+ "attributes": {},
2276
+ "inherits": [
2277
+ "alias.color.text.primary"
2278
+ ]
2279
+ },
2280
+ "important": {
2281
+ "path": "color.font.tip.important",
2282
+ "name": "ColorFontTipImportant",
2283
+ "code": "$color-font-tip-important",
2284
+ "variable": "color-font-tip-important",
2285
+ "value": "#ffffff",
2286
+ "attributes": {},
2287
+ "inherits": [
2288
+ "color.base.white"
2289
+ ]
2290
+ },
2291
+ "white": {
2292
+ "path": "color.font.tip.white",
2293
+ "name": "ColorFontTipWhite",
2294
+ "code": "$color-font-tip-white",
2295
+ "variable": "color-font-tip-white",
2296
+ "value": "hsl(206deg, 6%, 55%)",
2297
+ "attributes": {},
2298
+ "inherits": [
2299
+ "color.base.blue-gray.550"
2300
+ ]
2301
+ }
2302
+ },
2303
+ "tip-button": {
2304
+ "default": {
2305
+ "path": "color.font.tip-button.default",
2306
+ "name": "ColorFontTip-buttonDefault",
2307
+ "code": "$color-font-tip-button-default",
2308
+ "variable": "color-font-tip-button-default",
2309
+ "value": "#ffffff",
2310
+ "attributes": {},
2311
+ "inherits": [
2312
+ "color.base.white"
2313
+ ]
2314
+ },
2315
+ "important": {
2316
+ "path": "color.font.tip-button.important",
2317
+ "name": "ColorFontTip-buttonImportant",
2318
+ "code": "$color-font-tip-button-important",
2319
+ "variable": "color-font-tip-button-important",
2320
+ "value": "hsl(206deg, 60%, 52%)",
2321
+ "attributes": {},
2322
+ "inherits": [
2323
+ "alias.color.brand.primary"
2324
+ ]
2325
+ },
2326
+ "white": {
2327
+ "path": "color.font.tip-button.white",
2328
+ "name": "ColorFontTip-buttonWhite",
2329
+ "code": "$color-font-tip-button-white",
2330
+ "variable": "color-font-tip-button-white",
2331
+ "value": "#ffffff",
2332
+ "attributes": {},
2333
+ "inherits": [
2334
+ "color.base.white"
2335
+ ]
2336
+ }
2188
2337
  }
2189
2338
  }
2190
2339
  },
@@ -2310,7 +2459,8 @@ const tokenMap = {
2310
2459
  "inherits": [],
2311
2460
  "inheritedBy": [
2312
2461
  "color.base.orange.400",
2313
- "color.base.orange.600"
2462
+ "color.base.orange.600",
2463
+ "hues.tip-pointer.h"
2314
2464
  ]
2315
2465
  },
2316
2466
  "saturation": {
@@ -2323,7 +2473,8 @@ const tokenMap = {
2323
2473
  "inherits": [],
2324
2474
  "inheritedBy": [
2325
2475
  "color.base.orange.400",
2326
- "color.base.orange.600"
2476
+ "color.base.orange.600",
2477
+ "hues.tip-pointer.s"
2327
2478
  ]
2328
2479
  },
2329
2480
  "lightness": {
@@ -2335,7 +2486,8 @@ const tokenMap = {
2335
2486
  "attributes": {},
2336
2487
  "inherits": [],
2337
2488
  "inheritedBy": [
2338
- "color.base.orange.600"
2489
+ "color.base.orange.600",
2490
+ "hues.tip-pointer.l"
2339
2491
  ]
2340
2492
  }
2341
2493
  },
@@ -2414,6 +2566,41 @@ const tokenMap = {
2414
2566
  "color.base.bright-green.600"
2415
2567
  ]
2416
2568
  }
2569
+ },
2570
+ "tip-pointer": {
2571
+ "h": {
2572
+ "path": "hues.tip-pointer.h",
2573
+ "name": "HuesTip-pointerH",
2574
+ "code": "$hues-tip-pointer-h",
2575
+ "variable": "hues-tip-pointer-h",
2576
+ "value": "38",
2577
+ "attributes": {},
2578
+ "inherits": [
2579
+ "hues.orange.hue"
2580
+ ]
2581
+ },
2582
+ "s": {
2583
+ "path": "hues.tip-pointer.s",
2584
+ "name": "HuesTip-pointerS",
2585
+ "code": "$hues-tip-pointer-s",
2586
+ "variable": "hues-tip-pointer-s",
2587
+ "value": "100%",
2588
+ "attributes": {},
2589
+ "inherits": [
2590
+ "hues.orange.saturation"
2591
+ ]
2592
+ },
2593
+ "l": {
2594
+ "path": "hues.tip-pointer.l",
2595
+ "name": "HuesTip-pointerL",
2596
+ "code": "$hues-tip-pointer-l",
2597
+ "variable": "hues-tip-pointer-l",
2598
+ "value": "60%",
2599
+ "attributes": {},
2600
+ "inherits": [
2601
+ "hues.orange.lightness"
2602
+ ]
2603
+ }
2417
2604
  }
2418
2605
  },
2419
2606
  "screen": {
@@ -4384,9 +4571,13 @@ const tokenMap = {
4384
4571
  ],
4385
4572
  "inheritedBy": [
4386
4573
  "color.background.button.primary.base",
4574
+ "color.background.tip.important",
4575
+ "color.background.tip-button.default",
4576
+ "color.background.tip-button.white",
4387
4577
  "color.border.button.primary.discreet",
4388
4578
  "color.font.link",
4389
- "color.font.button.primary.discreet"
4579
+ "color.font.button.primary.discreet",
4580
+ "color.font.tip-button.important"
4390
4581
  ]
4391
4582
  }
4392
4583
  },
@@ -4407,7 +4598,8 @@ const tokenMap = {
4407
4598
  ],
4408
4599
  "inheritedBy": [
4409
4600
  "color.font.form.field.label",
4410
- "color.font.side-nav-item.base.default"
4601
+ "color.font.side-nav-item.base.default",
4602
+ "color.font.tip.default"
4411
4603
  ]
4412
4604
  },
4413
4605
  "secondary": {
@@ -4680,7 +4872,8 @@ const tokenMap = {
4680
4872
  "color.base.blue-gray.130"
4681
4873
  ],
4682
4874
  "inheritedBy": [
4683
- "color.background.input.default"
4875
+ "color.background.input.default",
4876
+ "color.background.tip.default"
4684
4877
  ]
4685
4878
  },
4686
4879
  "secondary": {
@@ -4844,14 +5037,15 @@ const tokenMap = {
4844
5037
  "name": "ShadowBaseSm",
4845
5038
  "code": "$shadow-base-sm",
4846
5039
  "variable": "shadow-base-sm",
4847
- "value": "0 0 0 2px rgba(0, 0, 0, .05)",
5040
+ "value": "0 0 0 2px rgba(0, 0, 0, .05), 0 0 1px 0 rgba(0, 0, 0, .1)",
4848
5041
  "attributes": {
4849
5042
  "tailwind": [
4850
5043
  "boxShadow.xs"
4851
5044
  ]
4852
5045
  },
4853
5046
  "inherits": [
4854
- "color.base.translucent.dark.05"
5047
+ "color.base.translucent.dark.05",
5048
+ "color.base.translucent.dark.10"
4855
5049
  ]
4856
5050
  },
4857
5051
  "default": {
@@ -4859,13 +5053,14 @@ const tokenMap = {
4859
5053
  "name": "ShadowBaseDefault",
4860
5054
  "code": "$shadow-base-default",
4861
5055
  "variable": "shadow-base-default",
4862
- "value": "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgba(0, 0, 0, .1)",
5056
+ "value": "0 1px 3px 0 rgba(0, 0, 0, .1), 0 0 1px 0 rgba(0, 0, 0, .1)",
4863
5057
  "attributes": {
4864
5058
  "tailwind": [
4865
5059
  "boxShadow.default"
4866
5060
  ]
4867
5061
  },
4868
5062
  "inherits": [
5063
+ "color.base.translucent.dark.10",
4869
5064
  "color.base.translucent.dark.10"
4870
5065
  ]
4871
5066
  },
@@ -4874,7 +5069,7 @@ const tokenMap = {
4874
5069
  "name": "ShadowBaseMd",
4875
5070
  "code": "$shadow-base-md",
4876
5071
  "variable": "shadow-base-md",
4877
- "value": "0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1)",
5072
+ "value": "0 4px 6px -1px rgba(0, 0, 0, .1), 0 0 1px 0 rgba(0, 0, 0, .25)",
4878
5073
  "attributes": {
4879
5074
  "tailwind": [
4880
5075
  "boxShadow.md"
@@ -4882,7 +5077,7 @@ const tokenMap = {
4882
5077
  },
4883
5078
  "inherits": [
4884
5079
  "color.base.translucent.dark.10",
4885
- "color.base.translucent.dark.10"
5080
+ "color.base.translucent.dark.25"
4886
5081
  ]
4887
5082
  },
4888
5083
  "lg": {
@@ -4890,7 +5085,7 @@ const tokenMap = {
4890
5085
  "name": "ShadowBaseLg",
4891
5086
  "code": "$shadow-base-lg",
4892
5087
  "variable": "shadow-base-lg",
4893
- "value": "0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1)",
5088
+ "value": "0 10px 15px -3px rgba(0, 0, 0, .1), 0 0 1px 0 rgba(0, 0, 0, .25)",
4894
5089
  "attributes": {
4895
5090
  "tailwind": [
4896
5091
  "boxShadow.lg"
@@ -4898,7 +5093,7 @@ const tokenMap = {
4898
5093
  },
4899
5094
  "inherits": [
4900
5095
  "color.base.translucent.dark.10",
4901
- "color.base.translucent.dark.10"
5096
+ "color.base.translucent.dark.25"
4902
5097
  ]
4903
5098
  },
4904
5099
  "xl": {
@@ -4906,7 +5101,7 @@ const tokenMap = {
4906
5101
  "name": "ShadowBaseXl",
4907
5102
  "code": "$shadow-base-xl",
4908
5103
  "variable": "shadow-base-xl",
4909
- "value": "0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1)",
5104
+ "value": "0 20px 25px -5px rgba(0, 0, 0, .1), 0 0 1px 0 rgba(0, 0, 0, .25)",
4910
5105
  "attributes": {
4911
5106
  "tailwind": [
4912
5107
  "boxShadow.xl"
@@ -4914,7 +5109,7 @@ const tokenMap = {
4914
5109
  },
4915
5110
  "inherits": [
4916
5111
  "color.base.translucent.dark.10",
4917
- "color.base.translucent.dark.10"
5112
+ "color.base.translucent.dark.25"
4918
5113
  ]
4919
5114
  },
4920
5115
  "2xl": {
@@ -4922,13 +5117,14 @@ const tokenMap = {
4922
5117
  "name": "ShadowBase2xl",
4923
5118
  "code": "$shadow-base-2xl",
4924
5119
  "variable": "shadow-base-2xl",
4925
- "value": "0 25px 50px -12px rgba(0, 0, 0, .25)",
5120
+ "value": "0 25px 50px -12px rgba(0, 0, 0, .25), 0 0 1px 0 rgba(0, 0, 0, .25)",
4926
5121
  "attributes": {
4927
5122
  "tailwind": [
4928
5123
  "boxShadow.2xl"
4929
5124
  ]
4930
5125
  },
4931
5126
  "inherits": [
5127
+ "color.base.translucent.dark.25",
4932
5128
  "color.base.translucent.dark.25"
4933
5129
  ]
4934
5130
  },
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Mon, 30 Jan 2023 08:19:35 GMT
3
+ * Generated on Mon, 06 Feb 2023 14:11:14 GMT
4
4
  */
5
5
 
6
6
  export type PackageDetails = {