@hashicorp/design-system-tokens 0.4.1 → 0.4.5

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 (11) hide show
  1. package/devdot/css/helpers/elevation.css +1 -1
  2. package/devdot/css/helpers/focus-ring.css +6 -0
  3. package/devdot/css/helpers/typography.css +21 -0
  4. package/devdot/css/tokens.css +6 -5
  5. package/docs/devdot/tokens.json +38 -23
  6. package/docs/products/tokens.json +38 -23
  7. package/package.json +1 -1
  8. package/products/css/helpers/elevation.css +1 -1
  9. package/products/css/helpers/focus-ring.css +6 -0
  10. package/products/css/helpers/typography.css +21 -0
  11. package/products/css/tokens.css +6 -5
package/devdot/css/helpers/elevation.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 14 Jan 2022 12:35:23 GMT
3
+ * Generated on Thu, 03 Feb 2022 11:53:46 GMT
4
4
  */
5
5
 
6
6
  .hds-elevation-inset { box-shadow: inset var(--token-elevation-inset-shadow-01-x) var(--token-elevation-inset-shadow-01-y) var(--token-elevation-inset-shadow-01-blur) var(--token-elevation-inset-shadow-01-spread) var(--token-elevation-inset-shadow-01-color); }
package/devdot/css/helpers/focus-ring.css ADDED
@@ -0,0 +1,6 @@
1
+ /**
2
+ * Do not edit directly
3
+ * Generated on Thu, 03 Feb 2022 12:33:02 GMT
4
+ */
5
+
6
+ .hds-focus-ring-box-shadow { box-shadow: var(--token-focus-ring-box-shadow); }
package/devdot/css/helpers/typography.css ADDED
@@ -0,0 +1,21 @@
1
+ /**
2
+ * Do not edit directly
3
+ * Generated on Thu, 03 Feb 2022 11:53:46 GMT
4
+ */
5
+
6
+ .hds-font-family-sans-display { font-family: var(--token-typography-font-stack-display); }
7
+ .hds-font-family-sans-text { font-family: var(--token-typography-font-stack-text); }
8
+ .hds-font-family-mono-code { font-family: var(--token-typography-font-stack-code); }
9
+ .hds-font-weight-regular { font-weight: 400; }
10
+ .hds-font-weight-medium { font-weight: 500; }
11
+ .hds-font-weight-semibold { font-weight: 600; }
12
+ .hds-font-weight-bold { font-weight: 700; }
13
+ .hds-typography-display-500 { font-family: var(--token-typography-display-500-font-family); font-size: var(--token-typography-display-500-font-size); line-height: var(--token-typography-display-500-line-height); margin: 0; padding: 0; }
14
+ .hds-typography-display-400 { font-family: var(--token-typography-display-400-font-family); font-size: var(--token-typography-display-400-font-size); line-height: var(--token-typography-display-400-line-height); margin: 0; padding: 0; }
15
+ .hds-typography-display-300 { font-family: var(--token-typography-display-300-font-family); font-size: var(--token-typography-display-300-font-size); line-height: var(--token-typography-display-300-line-height); margin: 0; padding: 0; }
16
+ .hds-typography-display-200 { font-family: var(--token-typography-display-200-font-family); font-size: var(--token-typography-display-200-font-size); line-height: var(--token-typography-display-200-line-height); margin: 0; padding: 0; }
17
+ .hds-typography-display-100 { font-family: var(--token-typography-display-100-font-family); font-size: var(--token-typography-display-100-font-size); line-height: var(--token-typography-display-100-line-height); margin: 0; padding: 0; }
18
+ .hds-typography-body-300 { font-family: var(--token-typography-body-300-font-family); font-size: var(--token-typography-body-300-font-size); line-height: var(--token-typography-body-300-line-height); margin: 0; padding: 0; }
19
+ .hds-typography-body-200 { font-family: var(--token-typography-body-200-font-family); font-size: var(--token-typography-body-200-font-size); line-height: var(--token-typography-body-200-line-height); margin: 0; padding: 0; }
20
+ .hds-typography-body-100 { font-family: var(--token-typography-body-100-font-family); font-size: var(--token-typography-body-100-font-size); line-height: var(--token-typography-body-100-line-height); margin: 0; padding: 0; }
21
+ .hds-typography-code-100 { font-family: var(--token-typography-code-100-font-family); font-size: var(--token-typography-code-100-font-size); line-height: var(--token-typography-code-100-line-height); margin: 0; padding: 0; }
package/devdot/css/tokens.css CHANGED
@@ -1,13 +1,13 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 14 Jan 2022 12:35:23 GMT
3
+ * Generated on Thu, 03 Feb 2022 12:17:42 GMT
4
4
  */
5
5
 
6
6
  :root {
7
7
  --token-color-palette-blue-500: #1c345f;
8
8
  --token-color-palette-blue-400: #0046d1;
9
9
  --token-color-palette-blue-300: #0c56e9;
10
- --token-color-palette-blue-200: #1f69ff;
10
+ --token-color-palette-blue-200: #1060ff;
11
11
  --token-color-palette-blue-100: #cce3fe;
12
12
  --token-color-palette-blue-50: #f2f8ff;
13
13
  --token-color-palette-purple-500: #42215b;
@@ -46,14 +46,14 @@
46
46
  --token-color-palette-alpha-300: #3b3d4566;
47
47
  --token-color-palette-alpha-200: #656a7633;
48
48
  --token-color-palette-alpha-100: #656a761a;
49
- --token-color-action-foreground-primary: #1f69ff;
49
+ --token-color-action-foreground-primary: #1060ff;
50
50
  --token-color-action-foreground-on-faint: #0c56e9;
51
51
  --token-color-action-foreground-high-contrast: #1c345f;
52
- --token-color-action-background-primary: #1f69ff;
52
+ --token-color-action-background-primary: #1060ff;
53
53
  --token-color-action-background-hover: #0c56e9;
54
54
  --token-color-action-background-active: #0046d1;
55
55
  --token-color-action-background-faint: #f2f8ff;
56
- --token-color-action-border-primary: #1f69ff;
56
+ --token-color-action-border-primary: #1060ff;
57
57
  --token-color-action-border-on-primary: #0c56e9;
58
58
  --token-color-action-border-on-hover: #0046d1;
59
59
  --token-color-action-border-on-faint: #cce3fe;
@@ -246,6 +246,7 @@
246
246
  --token-elevation-overlay-shadow-02-color: #3b3d4599;
247
247
  --token-elevation-overlay-border-width: 1px;
248
248
  --token-elevation-overlay-border-color: #3b3d4566;
249
+ --token-focus-ring-box-shadow: inset 0 0 0 1px #0c56e9, 0 0 0 1px #5990ff;
249
250
  --token-typography-font-stack-display: -apple-system, BlinkMacSystemFont, SF Pro Display, Segoe UI Display, Ubuntu, sans-serif;
250
251
  --token-typography-font-stack-text: -apple-system, BlinkMacSystemFont, SF Pro Text, Segoe UI Text, Ubuntu, sans-serif;
251
252
  --token-typography-font-stack-code: SF Mono, Consolas, Ubuntu Mono, monospace;
package/docs/devdot/tokens.json CHANGED
@@ -63,11 +63,11 @@
63
63
  ]
64
64
  },
65
65
  {
66
- "value": "#1f69ff",
66
+ "value": "#1060ff",
67
67
  "type": "color",
68
68
  "group": "palette",
69
69
  "original": {
70
- "value": "#1f69ff",
70
+ "value": "#1060ff",
71
71
  "type": "color",
72
72
  "group": "palette"
73
73
  },
@@ -888,7 +888,7 @@
888
888
  ]
889
889
  },
890
890
  {
891
- "value": "#1f69ff",
891
+ "value": "#1060ff",
892
892
  "type": "color",
893
893
  "group": "action",
894
894
  "original": {
@@ -957,7 +957,7 @@
957
957
  ]
958
958
  },
959
959
  {
960
- "value": "#1f69ff",
960
+ "value": "#1060ff",
961
961
  "type": "color",
962
962
  "group": "action",
963
963
  "original": {
@@ -1049,7 +1049,7 @@
1049
1049
  ]
1050
1050
  },
1051
1051
  {
1052
- "value": "#1f69ff",
1052
+ "value": "#1060ff",
1053
1053
  "type": "color",
1054
1054
  "group": "action",
1055
1055
  "original": {
@@ -5397,6 +5397,21 @@
5397
5397
  "color"
5398
5398
  ]
5399
5399
  },
5400
+ {
5401
+ "value": "inset 0 0 0 1px #0c56e9, 0 0 0 1px #5990ff",
5402
+ "original": {
5403
+ "value": "{focus-ring.internal.box-shadow.value}, {focus-ring.external.box-shadow.value}"
5404
+ },
5405
+ "name": "token-focus-ring-box-shadow",
5406
+ "attributes": {
5407
+ "category": "focus-ring",
5408
+ "type": "box-shadow"
5409
+ },
5410
+ "path": [
5411
+ "focus-ring",
5412
+ "box-shadow"
5413
+ ]
5414
+ },
5400
5415
  {
5401
5416
  "value": "-apple-system, BlinkMacSystemFont, SF Pro Display, Segoe UI Display, Ubuntu, sans-serif",
5402
5417
  "original": {
@@ -5535,11 +5550,11 @@
5535
5550
  },
5536
5551
  {
5537
5552
  "value": "1.875rem",
5538
- "type": "size",
5553
+ "type": "font-size",
5539
5554
  "comment": "30px/1.875rem",
5540
5555
  "original": {
5541
5556
  "value": "30",
5542
- "type": "size",
5557
+ "type": "font-size",
5543
5558
  "comment": "30px/1.875rem"
5544
5559
  },
5545
5560
  "name": "token-typography-display-500-font-size",
@@ -5592,11 +5607,11 @@
5592
5607
  },
5593
5608
  {
5594
5609
  "value": "1.5rem",
5595
- "type": "size",
5610
+ "type": "font-size",
5596
5611
  "comment": "24px/1.5rem",
5597
5612
  "original": {
5598
5613
  "value": "24",
5599
- "type": "size",
5614
+ "type": "font-size",
5600
5615
  "comment": "24px/1.5rem"
5601
5616
  },
5602
5617
  "name": "token-typography-display-400-font-size",
@@ -5649,11 +5664,11 @@
5649
5664
  },
5650
5665
  {
5651
5666
  "value": "1.125rem",
5652
- "type": "size",
5667
+ "type": "font-size",
5653
5668
  "comment": "18px/1.125rem",
5654
5669
  "original": {
5655
5670
  "value": "18",
5656
- "type": "size",
5671
+ "type": "font-size",
5657
5672
  "comment": "18px/1.125rem"
5658
5673
  },
5659
5674
  "name": "token-typography-display-300-font-size",
@@ -5725,11 +5740,11 @@
5725
5740
  },
5726
5741
  {
5727
5742
  "value": "1rem",
5728
- "type": "size",
5743
+ "type": "font-size",
5729
5744
  "comment": "16px/1rem",
5730
5745
  "original": {
5731
5746
  "value": "16",
5732
- "type": "size",
5747
+ "type": "font-size",
5733
5748
  "comment": "16px/1rem"
5734
5749
  },
5735
5750
  "name": "token-typography-display-200-font-size",
@@ -5801,11 +5816,11 @@
5801
5816
  },
5802
5817
  {
5803
5818
  "value": "0.8125rem",
5804
- "type": "size",
5819
+ "type": "font-size",
5805
5820
  "comment": "13px/0.8125rem",
5806
5821
  "original": {
5807
5822
  "value": "13",
5808
- "type": "size",
5823
+ "type": "font-size",
5809
5824
  "comment": "13px/0.8125rem"
5810
5825
  },
5811
5826
  "name": "token-typography-display-100-font-size",
@@ -5858,11 +5873,11 @@
5858
5873
  },
5859
5874
  {
5860
5875
  "value": "1rem",
5861
- "type": "size",
5876
+ "type": "font-size",
5862
5877
  "comment": "16px/1rem",
5863
5878
  "original": {
5864
5879
  "value": "16",
5865
- "type": "size",
5880
+ "type": "font-size",
5866
5881
  "comment": "16px/1rem"
5867
5882
  },
5868
5883
  "name": "token-typography-body-300-font-size",
@@ -5915,11 +5930,11 @@
5915
5930
  },
5916
5931
  {
5917
5932
  "value": "0.875rem",
5918
- "type": "size",
5933
+ "type": "font-size",
5919
5934
  "comment": "14px/0.875rem",
5920
5935
  "original": {
5921
5936
  "value": "14",
5922
- "type": "size",
5937
+ "type": "font-size",
5923
5938
  "comment": "14px/0.875rem"
5924
5939
  },
5925
5940
  "name": "token-typography-body-200-font-size",
@@ -5972,11 +5987,11 @@
5972
5987
  },
5973
5988
  {
5974
5989
  "value": "0.8125rem",
5975
- "type": "size",
5990
+ "type": "font-size",
5976
5991
  "comment": "13px/0.8125rem",
5977
5992
  "original": {
5978
5993
  "value": "13",
5979
- "type": "size",
5994
+ "type": "font-size",
5980
5995
  "comment": "13px/0.8125rem"
5981
5996
  },
5982
5997
  "name": "token-typography-body-100-font-size",
@@ -6029,11 +6044,11 @@
6029
6044
  },
6030
6045
  {
6031
6046
  "value": "0.8125rem",
6032
- "type": "size",
6047
+ "type": "font-size",
6033
6048
  "comment": "13px/0.8125rem",
6034
6049
  "original": {
6035
6050
  "value": "13",
6036
- "type": "size",
6051
+ "type": "font-size",
6037
6052
  "comment": "13px/0.8125rem"
6038
6053
  },
6039
6054
  "name": "token-typography-code-100-font-size",
package/docs/products/tokens.json CHANGED
@@ -63,11 +63,11 @@
63
63
  ]
64
64
  },
65
65
  {
66
- "value": "#1f69ff",
66
+ "value": "#1060ff",
67
67
  "type": "color",
68
68
  "group": "palette",
69
69
  "original": {
70
- "value": "#1f69ff",
70
+ "value": "#1060ff",
71
71
  "type": "color",
72
72
  "group": "palette"
73
73
  },
@@ -888,7 +888,7 @@
888
888
  ]
889
889
  },
890
890
  {
891
- "value": "#1f69ff",
891
+ "value": "#1060ff",
892
892
  "type": "color",
893
893
  "group": "action",
894
894
  "original": {
@@ -957,7 +957,7 @@
957
957
  ]
958
958
  },
959
959
  {
960
- "value": "#1f69ff",
960
+ "value": "#1060ff",
961
961
  "type": "color",
962
962
  "group": "action",
963
963
  "original": {
@@ -1049,7 +1049,7 @@
1049
1049
  ]
1050
1050
  },
1051
1051
  {
1052
- "value": "#1f69ff",
1052
+ "value": "#1060ff",
1053
1053
  "type": "color",
1054
1054
  "group": "action",
1055
1055
  "original": {
@@ -5397,6 +5397,21 @@
5397
5397
  "color"
5398
5398
  ]
5399
5399
  },
5400
+ {
5401
+ "value": "inset 0 0 0 1px #0c56e9, 0 0 0 1px #5990ff",
5402
+ "original": {
5403
+ "value": "{focus-ring.internal.box-shadow.value}, {focus-ring.external.box-shadow.value}"
5404
+ },
5405
+ "name": "token-focus-ring-box-shadow",
5406
+ "attributes": {
5407
+ "category": "focus-ring",
5408
+ "type": "box-shadow"
5409
+ },
5410
+ "path": [
5411
+ "focus-ring",
5412
+ "box-shadow"
5413
+ ]
5414
+ },
5400
5415
  {
5401
5416
  "value": "-apple-system, BlinkMacSystemFont, SF Pro Display, Segoe UI Display, Ubuntu, sans-serif",
5402
5417
  "original": {
@@ -5535,11 +5550,11 @@
5535
5550
  },
5536
5551
  {
5537
5552
  "value": "1.875rem",
5538
- "type": "size",
5553
+ "type": "font-size",
5539
5554
  "comment": "30px/1.875rem",
5540
5555
  "original": {
5541
5556
  "value": "30",
5542
- "type": "size",
5557
+ "type": "font-size",
5543
5558
  "comment": "30px/1.875rem"
5544
5559
  },
5545
5560
  "name": "token-typography-display-500-font-size",
@@ -5592,11 +5607,11 @@
5592
5607
  },
5593
5608
  {
5594
5609
  "value": "1.5rem",
5595
- "type": "size",
5610
+ "type": "font-size",
5596
5611
  "comment": "24px/1.5rem",
5597
5612
  "original": {
5598
5613
  "value": "24",
5599
- "type": "size",
5614
+ "type": "font-size",
5600
5615
  "comment": "24px/1.5rem"
5601
5616
  },
5602
5617
  "name": "token-typography-display-400-font-size",
@@ -5649,11 +5664,11 @@
5649
5664
  },
5650
5665
  {
5651
5666
  "value": "1.125rem",
5652
- "type": "size",
5667
+ "type": "font-size",
5653
5668
  "comment": "18px/1.125rem",
5654
5669
  "original": {
5655
5670
  "value": "18",
5656
- "type": "size",
5671
+ "type": "font-size",
5657
5672
  "comment": "18px/1.125rem"
5658
5673
  },
5659
5674
  "name": "token-typography-display-300-font-size",
@@ -5725,11 +5740,11 @@
5725
5740
  },
5726
5741
  {
5727
5742
  "value": "1rem",
5728
- "type": "size",
5743
+ "type": "font-size",
5729
5744
  "comment": "16px/1rem",
5730
5745
  "original": {
5731
5746
  "value": "16",
5732
- "type": "size",
5747
+ "type": "font-size",
5733
5748
  "comment": "16px/1rem"
5734
5749
  },
5735
5750
  "name": "token-typography-display-200-font-size",
@@ -5801,11 +5816,11 @@
5801
5816
  },
5802
5817
  {
5803
5818
  "value": "0.8125rem",
5804
- "type": "size",
5819
+ "type": "font-size",
5805
5820
  "comment": "13px/0.8125rem",
5806
5821
  "original": {
5807
5822
  "value": "13",
5808
- "type": "size",
5823
+ "type": "font-size",
5809
5824
  "comment": "13px/0.8125rem"
5810
5825
  },
5811
5826
  "name": "token-typography-display-100-font-size",
@@ -5858,11 +5873,11 @@
5858
5873
  },
5859
5874
  {
5860
5875
  "value": "1rem",
5861
- "type": "size",
5876
+ "type": "font-size",
5862
5877
  "comment": "16px/1rem",
5863
5878
  "original": {
5864
5879
  "value": "16",
5865
- "type": "size",
5880
+ "type": "font-size",
5866
5881
  "comment": "16px/1rem"
5867
5882
  },
5868
5883
  "name": "token-typography-body-300-font-size",
@@ -5915,11 +5930,11 @@
5915
5930
  },
5916
5931
  {
5917
5932
  "value": "0.875rem",
5918
- "type": "size",
5933
+ "type": "font-size",
5919
5934
  "comment": "14px/0.875rem",
5920
5935
  "original": {
5921
5936
  "value": "14",
5922
- "type": "size",
5937
+ "type": "font-size",
5923
5938
  "comment": "14px/0.875rem"
5924
5939
  },
5925
5940
  "name": "token-typography-body-200-font-size",
@@ -5972,11 +5987,11 @@
5972
5987
  },
5973
5988
  {
5974
5989
  "value": "0.8125rem",
5975
- "type": "size",
5990
+ "type": "font-size",
5976
5991
  "comment": "13px/0.8125rem",
5977
5992
  "original": {
5978
5993
  "value": "13",
5979
- "type": "size",
5994
+ "type": "font-size",
5980
5995
  "comment": "13px/0.8125rem"
5981
5996
  },
5982
5997
  "name": "token-typography-body-100-font-size",
@@ -6029,11 +6044,11 @@
6029
6044
  },
6030
6045
  {
6031
6046
  "value": "0.8125rem",
6032
- "type": "size",
6047
+ "type": "font-size",
6033
6048
  "comment": "13px/0.8125rem",
6034
6049
  "original": {
6035
6050
  "value": "13",
6036
- "type": "size",
6051
+ "type": "font-size",
6037
6052
  "comment": "13px/0.8125rem"
6038
6053
  },
6039
6054
  "name": "token-typography-code-100-font-size",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hashicorp/design-system-tokens",
3
- "version": "0.4.1",
3
+ "version": "0.4.5",
4
4
  "description": "HashiCorp Design Tokens",
5
5
  "keywords": [
6
6
  "hashicorp",
package/products/css/helpers/elevation.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 14 Jan 2022 12:05:09 GMT
3
+ * Generated on Thu, 03 Feb 2022 11:53:46 GMT
4
4
  */
5
5
 
6
6
  .hds-elevation-inset { box-shadow: inset var(--token-elevation-inset-shadow-01-x) var(--token-elevation-inset-shadow-01-y) var(--token-elevation-inset-shadow-01-blur) var(--token-elevation-inset-shadow-01-spread) var(--token-elevation-inset-shadow-01-color); }
package/products/css/helpers/focus-ring.css ADDED
@@ -0,0 +1,6 @@
1
+ /**
2
+ * Do not edit directly
3
+ * Generated on Thu, 03 Feb 2022 12:33:02 GMT
4
+ */
5
+
6
+ .hds-focus-ring-box-shadow { box-shadow: var(--token-focus-ring-box-shadow); }
package/products/css/helpers/typography.css ADDED
@@ -0,0 +1,21 @@
1
+ /**
2
+ * Do not edit directly
3
+ * Generated on Thu, 03 Feb 2022 11:53:46 GMT
4
+ */
5
+
6
+ .hds-font-family-sans-display { font-family: var(--token-typography-font-stack-display); }
7
+ .hds-font-family-sans-text { font-family: var(--token-typography-font-stack-text); }
8
+ .hds-font-family-mono-code { font-family: var(--token-typography-font-stack-code); }
9
+ .hds-font-weight-regular { font-weight: 400; }
10
+ .hds-font-weight-medium { font-weight: 500; }
11
+ .hds-font-weight-semibold { font-weight: 600; }
12
+ .hds-font-weight-bold { font-weight: 700; }
13
+ .hds-typography-display-500 { font-family: var(--token-typography-display-500-font-family); font-size: var(--token-typography-display-500-font-size); line-height: var(--token-typography-display-500-line-height); margin: 0; padding: 0; }
14
+ .hds-typography-display-400 { font-family: var(--token-typography-display-400-font-family); font-size: var(--token-typography-display-400-font-size); line-height: var(--token-typography-display-400-line-height); margin: 0; padding: 0; }
15
+ .hds-typography-display-300 { font-family: var(--token-typography-display-300-font-family); font-size: var(--token-typography-display-300-font-size); line-height: var(--token-typography-display-300-line-height); margin: 0; padding: 0; }
16
+ .hds-typography-display-200 { font-family: var(--token-typography-display-200-font-family); font-size: var(--token-typography-display-200-font-size); line-height: var(--token-typography-display-200-line-height); margin: 0; padding: 0; }
17
+ .hds-typography-display-100 { font-family: var(--token-typography-display-100-font-family); font-size: var(--token-typography-display-100-font-size); line-height: var(--token-typography-display-100-line-height); margin: 0; padding: 0; }
18
+ .hds-typography-body-300 { font-family: var(--token-typography-body-300-font-family); font-size: var(--token-typography-body-300-font-size); line-height: var(--token-typography-body-300-line-height); margin: 0; padding: 0; }
19
+ .hds-typography-body-200 { font-family: var(--token-typography-body-200-font-family); font-size: var(--token-typography-body-200-font-size); line-height: var(--token-typography-body-200-line-height); margin: 0; padding: 0; }
20
+ .hds-typography-body-100 { font-family: var(--token-typography-body-100-font-family); font-size: var(--token-typography-body-100-font-size); line-height: var(--token-typography-body-100-line-height); margin: 0; padding: 0; }
21
+ .hds-typography-code-100 { font-family: var(--token-typography-code-100-font-family); font-size: var(--token-typography-code-100-font-size); line-height: var(--token-typography-code-100-line-height); margin: 0; padding: 0; }
package/products/css/tokens.css CHANGED
@@ -1,13 +1,13 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 13 Jan 2022 22:47:46 GMT
3
+ * Generated on Thu, 03 Feb 2022 12:17:42 GMT
4
4
  */
5
5
 
6
6
  :root {
7
7
  --token-color-palette-blue-500: #1c345f;
8
8
  --token-color-palette-blue-400: #0046d1;
9
9
  --token-color-palette-blue-300: #0c56e9;
10
- --token-color-palette-blue-200: #1f69ff;
10
+ --token-color-palette-blue-200: #1060ff;
11
11
  --token-color-palette-blue-100: #cce3fe;
12
12
  --token-color-palette-blue-50: #f2f8ff;
13
13
  --token-color-palette-purple-500: #42215b;
@@ -46,14 +46,14 @@
46
46
  --token-color-palette-alpha-300: #3b3d4566;
47
47
  --token-color-palette-alpha-200: #656a7633;
48
48
  --token-color-palette-alpha-100: #656a761a;
49
- --token-color-action-foreground-primary: #1f69ff;
49
+ --token-color-action-foreground-primary: #1060ff;
50
50
  --token-color-action-foreground-on-faint: #0c56e9;
51
51
  --token-color-action-foreground-high-contrast: #1c345f;
52
- --token-color-action-background-primary: #1f69ff;
52
+ --token-color-action-background-primary: #1060ff;
53
53
  --token-color-action-background-hover: #0c56e9;
54
54
  --token-color-action-background-active: #0046d1;
55
55
  --token-color-action-background-faint: #f2f8ff;
56
- --token-color-action-border-primary: #1f69ff;
56
+ --token-color-action-border-primary: #1060ff;
57
57
  --token-color-action-border-on-primary: #0c56e9;
58
58
  --token-color-action-border-on-hover: #0046d1;
59
59
  --token-color-action-border-on-faint: #cce3fe;
@@ -246,6 +246,7 @@
246
246
  --token-elevation-overlay-shadow-02-color: #3b3d4599;
247
247
  --token-elevation-overlay-border-width: 1px;
248
248
  --token-elevation-overlay-border-color: #3b3d4566;
249
+ --token-focus-ring-box-shadow: inset 0 0 0 1px #0c56e9, 0 0 0 1px #5990ff;
249
250
  --token-typography-font-stack-display: -apple-system, BlinkMacSystemFont, SF Pro Display, Segoe UI Display, Ubuntu, sans-serif;
250
251
  --token-typography-font-stack-text: -apple-system, BlinkMacSystemFont, SF Pro Text, Segoe UI Text, Ubuntu, sans-serif;
251
252
  --token-typography-font-stack-code: SF Mono, Consolas, Ubuntu Mono, monospace;