@hashicorp/design-system-tokens 0.4.4 → 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 (7) hide show
  1. package/devdot/css/helpers/focus-ring.css +6 -0
  2. package/devdot/css/tokens.css +2 -1
  3. package/docs/devdot/tokens.json +15 -0
  4. package/docs/products/tokens.json +15 -0
  5. package/package.json +1 -1
  6. package/products/css/helpers/focus-ring.css +6 -0
  7. package/products/css/tokens.css +2 -1
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/tokens.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 03 Feb 2022 11:53:46 GMT
3
+ * Generated on Thu, 03 Feb 2022 12:17:42 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -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
@@ -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": {
package/docs/products/tokens.json CHANGED
@@ -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": {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hashicorp/design-system-tokens",
3
- "version": "0.4.4",
3
+ "version": "0.4.5",
4
4
  "description": "HashiCorp Design Tokens",
5
5
  "keywords": [
6
6
  "hashicorp",
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/tokens.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 03 Feb 2022 11:53:46 GMT
3
+ * Generated on Thu, 03 Feb 2022 12:17:42 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -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;