@hashicorp/design-system-tokens 1.2.0 → 1.3.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 (14) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/dist/devdot/css/helpers/color.css +1 -1
  3. package/dist/devdot/css/helpers/elevation.css +1 -1
  4. package/dist/devdot/css/helpers/focus-ring.css +1 -1
  5. package/dist/devdot/css/helpers/typography.css +1 -1
  6. package/dist/devdot/css/tokens.css +3 -1
  7. package/dist/docs/devdot/tokens.json +42 -0
  8. package/dist/docs/products/tokens.json +42 -0
  9. package/dist/products/css/helpers/color.css +1 -1
  10. package/dist/products/css/helpers/elevation.css +1 -1
  11. package/dist/products/css/helpers/focus-ring.css +1 -1
  12. package/dist/products/css/helpers/typography.css +1 -1
  13. package/dist/products/css/tokens.css +3 -1
  14. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -1,5 +1,11 @@
1
1
  # @hashicorp/design-system-tokens
2
2
 
3
+ ## 1.3.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [#740](https://github.com/hashicorp/design-system/pull/740) [`92c83961f`](https://github.com/hashicorp/design-system/commit/92c83961f0e8b01e52e3c596c85871ec5cf8c94d) Thanks [@alex-ju](https://github.com/alex-ju)! - Add design tokens for indeterminate `Checkbox`
8
+
3
9
  ## 1.2.0
4
10
 
5
11
  ### Minor Changes
package/dist/devdot/css/helpers/color.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 19 Oct 2022 16:34:46 GMT
3
+ * Generated on Wed, 30 Nov 2022 15:22:24 GMT
4
4
  */
5
5
 
6
6
  .hds-border-primary { border: 1px solid var(--token-color-border-primary); }
package/dist/devdot/css/helpers/elevation.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 19 Oct 2022 16:34:46 GMT
3
+ * Generated on Wed, 30 Nov 2022 15:22:24 GMT
4
4
  */
5
5
 
6
6
  .hds-elevation-inset { box-shadow: var(--token-elevation-inset-box-shadow); }
package/dist/devdot/css/helpers/focus-ring.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 19 Oct 2022 16:34:46 GMT
3
+ * Generated on Wed, 30 Nov 2022 15:22:24 GMT
4
4
  */
5
5
 
6
6
  .hds-focus-ring-action-box-shadow { box-shadow: var(--token-focus-ring-action-box-shadow); }
package/dist/devdot/css/helpers/typography.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 19 Oct 2022 16:34:46 GMT
3
+ * Generated on Wed, 30 Nov 2022 15:22:24 GMT
4
4
  */
5
5
 
6
6
  .hds-font-family-sans-display { font-family: var(--token-typography-font-stack-display); }
package/dist/devdot/css/tokens.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 21 Oct 2022 18:44:39 GMT
3
+ * Generated on Wed, 30 Nov 2022 15:22:24 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -187,7 +187,9 @@
187
187
  --token-form-checkbox-border-width: 1px;
188
188
  --token-form-checkbox-background-image-size: 12px;
189
189
  --token-form-checkbox-background-image-data-url: url("data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.78033 3.21967C10.0732 3.51256 10.0732 3.98744 9.78033 4.28033L5.28033 8.78033C4.98744 9.07322 4.51256 9.07322 4.21967 8.78033L2.21967 6.78033C1.92678 6.48744 1.92678 6.01256 2.21967 5.71967C2.51256 5.42678 2.98744 5.42678 3.28033 5.71967L4.75 7.18934L8.71967 3.21967C9.01256 2.92678 9.48744 2.92678 9.78033 3.21967Z' fill='%23FFF'/%3e%3c/svg%3e"); /* notice: the 'tick' color is hardcoded here! */
190
+ --token-form-checkbox-background-image-data-url-indeterminate: url("data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m2.03125,6a0.66146,0.75 0 0 1 0.66146,-0.75l6.61458,0a0.66146,0.75 0 0 1 0,1.5l-6.61458,0a0.66146,0.75 0 0 1 -0.66146,-0.75z' fill='%23FFF'/%3e%3c/svg%3e"); /* notice: the 'dash' color is hardcoded here! */
190
191
  --token-form-checkbox-background-image-data-url-disabled: url("data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.78033 3.21967C10.0732 3.51256 10.0732 3.98744 9.78033 4.28033L5.28033 8.78033C4.98744 9.07322 4.51256 9.07322 4.21967 8.78033L2.21967 6.78033C1.92678 6.48744 1.92678 6.01256 2.21967 5.71967C2.51256 5.42678 2.98744 5.42678 3.28033 5.71967L4.75 7.18934L8.71967 3.21967C9.01256 2.92678 9.48744 2.92678 9.78033 3.21967Z' fill='%238C909C'/%3e%3c/svg%3e"); /* notice: the 'tick' color is hardcoded here! */
192
+ --token-form-checkbox-background-image-data-url-indeterminate-disabled: url("data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m2.03125,6a0.66146,0.75 0 0 1 0.66146,-0.75l6.61458,0a0.66146,0.75 0 0 1 0,1.5l-6.61458,0a0.66146,0.75 0 0 1 -0.66146,-0.75z' fill='%238C909C'/%3e%3c/svg%3e"); /* notice: the 'dash' color is hardcoded here! */
191
193
  --token-form-control-base-foreground-value-color: #0c0c0e;
192
194
  --token-form-control-base-foreground-placeholder-color: #656a76;
193
195
  --token-form-control-base-surface-color-default: #ffffff;
package/dist/docs/devdot/tokens.json CHANGED
@@ -3948,6 +3948,27 @@
3948
3948
  "data-url"
3949
3949
  ]
3950
3950
  },
3951
+ {
3952
+ "value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m2.03125,6a0.66146,0.75 0 0 1 0.66146,-0.75l6.61458,0a0.66146,0.75 0 0 1 0,1.5l-6.61458,0a0.66146,0.75 0 0 1 -0.66146,-0.75z' fill='%23FFF'/%3e%3c/svg%3e\")",
3953
+ "comment": "notice: the 'dash' color is hardcoded here!",
3954
+ "original": {
3955
+ "value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m2.03125,6a0.66146,0.75 0 0 1 0.66146,-0.75l6.61458,0a0.66146,0.75 0 0 1 0,1.5l-6.61458,0a0.66146,0.75 0 0 1 -0.66146,-0.75z' fill='%23FFF'/%3e%3c/svg%3e\")",
3956
+ "comment": "notice: the 'dash' color is hardcoded here!"
3957
+ },
3958
+ "name": "token-form-checkbox-background-image-data-url-indeterminate",
3959
+ "attributes": {
3960
+ "category": "form",
3961
+ "type": "checkbox",
3962
+ "item": "background-image",
3963
+ "subitem": "data-url-indeterminate"
3964
+ },
3965
+ "path": [
3966
+ "form",
3967
+ "checkbox",
3968
+ "background-image",
3969
+ "data-url-indeterminate"
3970
+ ]
3971
+ },
3951
3972
  {
3952
3973
  "value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.78033 3.21967C10.0732 3.51256 10.0732 3.98744 9.78033 4.28033L5.28033 8.78033C4.98744 9.07322 4.51256 9.07322 4.21967 8.78033L2.21967 6.78033C1.92678 6.48744 1.92678 6.01256 2.21967 5.71967C2.51256 5.42678 2.98744 5.42678 3.28033 5.71967L4.75 7.18934L8.71967 3.21967C9.01256 2.92678 9.48744 2.92678 9.78033 3.21967Z' fill='%238C909C'/%3e%3c/svg%3e\")",
3953
3974
  "comment": "notice: the 'tick' color is hardcoded here!",
@@ -3969,6 +3990,27 @@
3969
3990
  "data-url-disabled"
3970
3991
  ]
3971
3992
  },
3993
+ {
3994
+ "value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m2.03125,6a0.66146,0.75 0 0 1 0.66146,-0.75l6.61458,0a0.66146,0.75 0 0 1 0,1.5l-6.61458,0a0.66146,0.75 0 0 1 -0.66146,-0.75z' fill='%238C909C'/%3e%3c/svg%3e\")",
3995
+ "comment": "notice: the 'dash' color is hardcoded here!",
3996
+ "original": {
3997
+ "value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m2.03125,6a0.66146,0.75 0 0 1 0.66146,-0.75l6.61458,0a0.66146,0.75 0 0 1 0,1.5l-6.61458,0a0.66146,0.75 0 0 1 -0.66146,-0.75z' fill='%238C909C'/%3e%3c/svg%3e\")",
3998
+ "comment": "notice: the 'dash' color is hardcoded here!"
3999
+ },
4000
+ "name": "token-form-checkbox-background-image-data-url-indeterminate-disabled",
4001
+ "attributes": {
4002
+ "category": "form",
4003
+ "type": "checkbox",
4004
+ "item": "background-image",
4005
+ "subitem": "data-url-indeterminate-disabled"
4006
+ },
4007
+ "path": [
4008
+ "form",
4009
+ "checkbox",
4010
+ "background-image",
4011
+ "data-url-indeterminate-disabled"
4012
+ ]
4013
+ },
3972
4014
  {
3973
4015
  "value": "#0c0c0e",
3974
4016
  "type": "color",
package/dist/docs/products/tokens.json CHANGED
@@ -3902,6 +3902,27 @@
3902
3902
  "data-url"
3903
3903
  ]
3904
3904
  },
3905
+ {
3906
+ "value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m2.03125,6a0.66146,0.75 0 0 1 0.66146,-0.75l6.61458,0a0.66146,0.75 0 0 1 0,1.5l-6.61458,0a0.66146,0.75 0 0 1 -0.66146,-0.75z' fill='%23FFF'/%3e%3c/svg%3e\")",
3907
+ "comment": "notice: the 'dash' color is hardcoded here!",
3908
+ "original": {
3909
+ "value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m2.03125,6a0.66146,0.75 0 0 1 0.66146,-0.75l6.61458,0a0.66146,0.75 0 0 1 0,1.5l-6.61458,0a0.66146,0.75 0 0 1 -0.66146,-0.75z' fill='%23FFF'/%3e%3c/svg%3e\")",
3910
+ "comment": "notice: the 'dash' color is hardcoded here!"
3911
+ },
3912
+ "name": "token-form-checkbox-background-image-data-url-indeterminate",
3913
+ "attributes": {
3914
+ "category": "form",
3915
+ "type": "checkbox",
3916
+ "item": "background-image",
3917
+ "subitem": "data-url-indeterminate"
3918
+ },
3919
+ "path": [
3920
+ "form",
3921
+ "checkbox",
3922
+ "background-image",
3923
+ "data-url-indeterminate"
3924
+ ]
3925
+ },
3905
3926
  {
3906
3927
  "value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.78033 3.21967C10.0732 3.51256 10.0732 3.98744 9.78033 4.28033L5.28033 8.78033C4.98744 9.07322 4.51256 9.07322 4.21967 8.78033L2.21967 6.78033C1.92678 6.48744 1.92678 6.01256 2.21967 5.71967C2.51256 5.42678 2.98744 5.42678 3.28033 5.71967L4.75 7.18934L8.71967 3.21967C9.01256 2.92678 9.48744 2.92678 9.78033 3.21967Z' fill='%238C909C'/%3e%3c/svg%3e\")",
3907
3928
  "comment": "notice: the 'tick' color is hardcoded here!",
@@ -3923,6 +3944,27 @@
3923
3944
  "data-url-disabled"
3924
3945
  ]
3925
3946
  },
3947
+ {
3948
+ "value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m2.03125,6a0.66146,0.75 0 0 1 0.66146,-0.75l6.61458,0a0.66146,0.75 0 0 1 0,1.5l-6.61458,0a0.66146,0.75 0 0 1 -0.66146,-0.75z' fill='%238C909C'/%3e%3c/svg%3e\")",
3949
+ "comment": "notice: the 'dash' color is hardcoded here!",
3950
+ "original": {
3951
+ "value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m2.03125,6a0.66146,0.75 0 0 1 0.66146,-0.75l6.61458,0a0.66146,0.75 0 0 1 0,1.5l-6.61458,0a0.66146,0.75 0 0 1 -0.66146,-0.75z' fill='%238C909C'/%3e%3c/svg%3e\")",
3952
+ "comment": "notice: the 'dash' color is hardcoded here!"
3953
+ },
3954
+ "name": "token-form-checkbox-background-image-data-url-indeterminate-disabled",
3955
+ "attributes": {
3956
+ "category": "form",
3957
+ "type": "checkbox",
3958
+ "item": "background-image",
3959
+ "subitem": "data-url-indeterminate-disabled"
3960
+ },
3961
+ "path": [
3962
+ "form",
3963
+ "checkbox",
3964
+ "background-image",
3965
+ "data-url-indeterminate-disabled"
3966
+ ]
3967
+ },
3926
3968
  {
3927
3969
  "value": "#0c0c0e",
3928
3970
  "type": "color",
package/dist/products/css/helpers/color.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 19 Oct 2022 16:34:45 GMT
3
+ * Generated on Wed, 30 Nov 2022 15:22:24 GMT
4
4
  */
5
5
 
6
6
  .hds-border-primary { border: 1px solid var(--token-color-border-primary); }
package/dist/products/css/helpers/elevation.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 19 Oct 2022 16:34:45 GMT
3
+ * Generated on Wed, 30 Nov 2022 15:22:24 GMT
4
4
  */
5
5
 
6
6
  .hds-elevation-inset { box-shadow: var(--token-elevation-inset-box-shadow); }
package/dist/products/css/helpers/focus-ring.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 19 Oct 2022 16:34:45 GMT
3
+ * Generated on Wed, 30 Nov 2022 15:22:24 GMT
4
4
  */
5
5
 
6
6
  .hds-focus-ring-action-box-shadow { box-shadow: var(--token-focus-ring-action-box-shadow); }
package/dist/products/css/helpers/typography.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 19 Oct 2022 16:34:45 GMT
3
+ * Generated on Wed, 30 Nov 2022 15:22:24 GMT
4
4
  */
5
5
 
6
6
  .hds-font-family-sans-display { font-family: var(--token-typography-font-stack-display); }
package/dist/products/css/tokens.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 12 Oct 2022 17:34:05 GMT
3
+ * Generated on Wed, 30 Nov 2022 15:22:24 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -185,7 +185,9 @@
185
185
  --token-form-checkbox-border-width: 1px;
186
186
  --token-form-checkbox-background-image-size: 12px;
187
187
  --token-form-checkbox-background-image-data-url: url("data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.78033 3.21967C10.0732 3.51256 10.0732 3.98744 9.78033 4.28033L5.28033 8.78033C4.98744 9.07322 4.51256 9.07322 4.21967 8.78033L2.21967 6.78033C1.92678 6.48744 1.92678 6.01256 2.21967 5.71967C2.51256 5.42678 2.98744 5.42678 3.28033 5.71967L4.75 7.18934L8.71967 3.21967C9.01256 2.92678 9.48744 2.92678 9.78033 3.21967Z' fill='%23FFF'/%3e%3c/svg%3e"); /* notice: the 'tick' color is hardcoded here! */
188
+ --token-form-checkbox-background-image-data-url-indeterminate: url("data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m2.03125,6a0.66146,0.75 0 0 1 0.66146,-0.75l6.61458,0a0.66146,0.75 0 0 1 0,1.5l-6.61458,0a0.66146,0.75 0 0 1 -0.66146,-0.75z' fill='%23FFF'/%3e%3c/svg%3e"); /* notice: the 'dash' color is hardcoded here! */
188
189
  --token-form-checkbox-background-image-data-url-disabled: url("data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.78033 3.21967C10.0732 3.51256 10.0732 3.98744 9.78033 4.28033L5.28033 8.78033C4.98744 9.07322 4.51256 9.07322 4.21967 8.78033L2.21967 6.78033C1.92678 6.48744 1.92678 6.01256 2.21967 5.71967C2.51256 5.42678 2.98744 5.42678 3.28033 5.71967L4.75 7.18934L8.71967 3.21967C9.01256 2.92678 9.48744 2.92678 9.78033 3.21967Z' fill='%238C909C'/%3e%3c/svg%3e"); /* notice: the 'tick' color is hardcoded here! */
190
+ --token-form-checkbox-background-image-data-url-indeterminate-disabled: url("data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m2.03125,6a0.66146,0.75 0 0 1 0.66146,-0.75l6.61458,0a0.66146,0.75 0 0 1 0,1.5l-6.61458,0a0.66146,0.75 0 0 1 -0.66146,-0.75z' fill='%238C909C'/%3e%3c/svg%3e"); /* notice: the 'dash' color is hardcoded here! */
189
191
  --token-form-control-base-foreground-value-color: #0c0c0e;
190
192
  --token-form-control-base-foreground-placeholder-color: #656a76;
191
193
  --token-form-control-base-surface-color-default: #ffffff;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hashicorp/design-system-tokens",
3
- "version": "1.2.0",
3
+ "version": "1.3.0",
4
4
  "description": "HashiCorp Design Tokens",
5
5
  "keywords": [
6
6
  "hashicorp",