@grantcodes/style-dictionary 1.0.0 → 1.2.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 (66) hide show
  1. package/.turbo/turbo-build.log +44 -0
  2. package/.turbo/turbo-lint.log +5 -0
  3. package/CHANGELOG.md +7 -0
  4. package/README.md +37 -0
  5. package/biome.json +9 -0
  6. package/build.js +10 -0
  7. package/config.js +485 -0
  8. package/demo.html +171 -0
  9. package/lib/color-generator.js +13 -0
  10. package/lib/get-style-dictionary-config.js +223 -0
  11. package/lib/get-themes.js +10 -0
  12. package/lib/index.js +3 -0
  13. package/package.json +57 -28
  14. package/tests/tokens.test.js +87 -0
  15. package/tokens/core/tier-1-definitions/colors.json +175 -0
  16. package/tokens/core/tier-1-definitions/z-index.json +29 -0
  17. package/tokens/grantcodes/tier-1-definitions/animation.json +27 -0
  18. package/tokens/grantcodes/tier-1-definitions/borders.json +36 -0
  19. package/tokens/grantcodes/tier-1-definitions/colors.json +35 -0
  20. package/tokens/grantcodes/tier-1-definitions/shadows.json +39 -0
  21. package/tokens/grantcodes/tier-1-definitions/typography.json +133 -0
  22. package/tokens/grantcodes/tier-2-usage/00-colors-background.json +72 -0
  23. package/tokens/grantcodes/tier-2-usage/00-colors-border.json +42 -0
  24. package/tokens/grantcodes/tier-2-usage/00-colors-content.json +45 -0
  25. package/tokens/grantcodes/tier-2-usage/animation.json +23 -0
  26. package/tokens/grantcodes/tier-2-usage/borders.json +26 -0
  27. package/tokens/grantcodes/tier-2-usage/shadows.json +39 -0
  28. package/tokens/grantcodes/tier-2-usage/typography-usage.json +277 -0
  29. package/tokens/grantcodes/tier-3-components/button.json +94 -0
  30. package/tokens/grantcodes/tier-3-components/focus-ring.json +26 -0
  31. package/tokens/grantcodes/tier-3-components/form.json +69 -0
  32. package/tokens/grantcodes/tier-3-components/link.json +39 -0
  33. package/tokens/todomap/tier-1-definitions/colors.json +92 -0
  34. package/tokens/todomap/tier-1-definitions/typography.json +10 -0
  35. package/tokens/todomap/tier-2-usage/00-colors-background.json +36 -0
  36. package/tokens/todomap/tier-2-usage/00-colors-content.json +33 -0
  37. package/tokens/todomap/tier-2-usage/typography-usage.json +20 -0
  38. package/tokens/todomap/tier-3-components/button.json +141 -0
  39. package/tokens/todomap/tier-3-components/focus-ring.json +26 -0
  40. package/tokens/todomap/tier-3-components/form.json +69 -0
  41. package/tokens/todomap/tier-3-components/link.json +39 -0
  42. package/tokens/wireframe/tier-1-definitions/animation.json +18 -0
  43. package/tokens/wireframe/tier-1-definitions/borders.json +42 -0
  44. package/tokens/wireframe/tier-1-definitions/colors.json +36 -0
  45. package/tokens/wireframe/tier-1-definitions/shadows.json +39 -0
  46. package/tokens/wireframe/tier-1-definitions/typography.json +130 -0
  47. package/tokens/wireframe/tier-2-usage/00-colors-background.json +86 -0
  48. package/tokens/wireframe/tier-2-usage/00-colors-border.json +42 -0
  49. package/tokens/wireframe/tier-2-usage/00-colors-content.json +45 -0
  50. package/tokens/wireframe/tier-2-usage/animation.json +24 -0
  51. package/tokens/wireframe/tier-2-usage/borders.json +33 -0
  52. package/tokens/wireframe/tier-2-usage/shadows.json +39 -0
  53. package/tokens/wireframe/tier-2-usage/typography-usage.json +445 -0
  54. package/tokens/wireframe/tier-3-components/button.json +94 -0
  55. package/tokens/wireframe/tier-3-components/focus-ring.json +26 -0
  56. package/tokens/wireframe/tier-3-components/form.json +69 -0
  57. package/tokens/wireframe/tier-3-components/link.json +39 -0
  58. package/.github/workflows/create-release.yml +0 -45
  59. package/.simple-git-hooks.cjs +0 -1
  60. package/build/css/default/style-dictionary.css +0 -181
  61. package/build/css/todomap/style-dictionary.css +0 -181
  62. package/build/js/default/style-dictionary.js +0 -179
  63. package/build/js/todomap/style-dictionary.js +0 -179
  64. package/build/scss/default/_style-dictionary.scss +0 -181
  65. package/build/scss/todomap/_style-dictionary.scss +0 -181
  66. package/commitlint.config.cjs +0 -1
package/build/scss/todomap/_style-dictionary.scss DELETED
@@ -1,181 +0,0 @@
1
- /**
2
- * Do not edit directly
3
- * Generated on Fri, 23 Sep 2022 09:55:36 GMT
4
- */
5
-
6
- @mixin css-variables {
7
- --component-input-base-box-shadow: none;
8
- --component-button-base-box-shadow: none;
9
- --component-button-base-border-color: transparent;
10
- --size-block-width-wide: 70rem;
11
- --size-block-width-normal: 40rem;
12
- --size-border-width: 0.125rem;
13
- --size-border-radius: 0.5rem;
14
- --size-space-unit: 1rem; /* The main unit that spacing is based on */
15
- --font-weight-heading: 700;
16
- --font-weight-body: 400;
17
- --font-line-height-heading: 1.1;
18
- --font-line-height-body: 1.5;
19
- --font-size-base: clamp(1rem, 0.34vw + 0.91rem, 1.2rem); /* the fluid base size of the font */
20
- --font-size-huge: 2.44140625rem; /* the base size of the font */
21
- --font-size-large: 1.5625rem; /* the base size of the font */
22
- --font-size-medium: 1.25rem; /* the base size of the font */
23
- --font-size-normal: 1rem; /* the base size of the font */
24
- --font-size-small: 0.8rem; /* the base size of the font */
25
- --font-size-tiny: 0.64rem; /* the base size of the font */
26
- --font-family-system-mono: ui-monospace, Menlo, Monaco, "Cascadia Mono", "Segoe UI Mono", "Roboto Mono", "Oxygen Mono", "Ubuntu Monospace", "Source Code Pro", "Fira Mono", "Droid Sans Mono", "Courier New", monospace;
27
- --font-family-system: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
28
- --color-base-error-900: #f9364d;
29
- --color-base-error-800: #f9364d;
30
- --color-base-error-700: #f9364d;
31
- --color-base-error-600: #f9364d;
32
- --color-base-error-500: #f9364d;
33
- --color-base-error-400: #f9364d;
34
- --color-base-error-300: #f9364d;
35
- --color-base-error-200: #f9364d;
36
- --color-base-error-100: #f9364d;
37
- --color-base-warning-900: #ffe102;
38
- --color-base-warning-800: #ffe102;
39
- --color-base-warning-700: #ffe102;
40
- --color-base-warning-600: #ffe102;
41
- --color-base-warning-500: #ffe102;
42
- --color-base-warning-400: #ffe102;
43
- --color-base-warning-300: #ffe102;
44
- --color-base-warning-200: #ffe102;
45
- --color-base-warning-100: #ffe102;
46
- --color-base-info-900: #009af9;
47
- --color-base-info-800: #009af9;
48
- --color-base-info-700: #009af9;
49
- --color-base-info-600: #009af9;
50
- --color-base-info-500: #009af9;
51
- --color-base-info-400: #009af9;
52
- --color-base-info-300: #009af9;
53
- --color-base-info-200: #009af9;
54
- --color-base-info-100: #009af9;
55
- --color-base-success-900: #5bd13a;
56
- --color-base-success-800: #5bd13a;
57
- --color-base-success-700: #5bd13a;
58
- --color-base-success-600: #5bd13a;
59
- --color-base-success-500: #5bd13a;
60
- --color-base-success-400: #5bd13a;
61
- --color-base-success-300: #5bd13a;
62
- --color-base-success-200: #5bd13a;
63
- --color-base-success-100: #5bd13a;
64
- --color-base-tertiary-900: #1b2c68;
65
- --color-base-tertiary-800: #2d437e;
66
- --color-base-tertiary-700: #48619c;
67
- --color-base-tertiary-600: #6985bb;
68
- --color-base-tertiary-500: #90acda;
69
- --color-base-tertiary-400: #adc6e8;
70
- --color-base-tertiary-300: #c2d8f3;
71
- --color-base-tertiary-200: #d9eafb;
72
- --color-base-tertiary-100: #ebf5fd;
73
- --color-base-secondary-900: #4a58fc;
74
- --color-base-secondary-800: #4a58fc;
75
- --color-base-secondary-700: #4a58fc;
76
- --color-base-secondary-600: #4a58fc;
77
- --color-base-secondary-500: #7c86fd;
78
- --color-base-secondary-400: #7c86fd;
79
- --color-base-secondary-300: #7c86fd;
80
- --color-base-secondary-200: #7c86fd;
81
- --color-base-secondary-100: #7c86fd;
82
- --color-base-primary-900: #ae133e;
83
- --color-base-primary-800: #ae133e;
84
- --color-base-primary-700: #ae133e;
85
- --color-base-primary-600: #ae133e;
86
- --color-base-primary-500: #ea3d6d;
87
- --color-base-primary-400: #ea3d6d;
88
- --color-base-primary-300: #ea3d6d;
89
- --color-base-primary-200: #ea3d6d;
90
- --color-base-primary-100: #ea3d6d;
91
- --color-base-dark-shade: #292828;
92
- --color-base-dark-main: #292828;
93
- --color-base-light-shade: #fafafa;
94
- --color-base-light-main: #fafafa;
95
- --asset-font-quicksand-weight-700-woff2: "assets/fonts/quicksand-bold.woff2";
96
- --asset-font-quicksand-weight-700-woff: "assets/fonts/quicksand-bold.woff";
97
- --asset-font-quicksand-weight-700-ttf: "assets/fonts/quicksand-bold.ttf";
98
- --asset-font-quicksand-weight-500-woff2: "assets/fonts/quicksand-medium.woff2";
99
- --asset-font-quicksand-weight-500-woff: "assets/fonts/quicksand-medium.woff";
100
- --asset-font-quicksand-weight-500-ttf: "assets/fonts/quicksand-medium.ttf";
101
- --asset-font-quicksand-weight-400-woff2: "assets/fonts/quicksand-regular.woff2";
102
- --asset-font-quicksand-weight-400-woff: "assets/fonts/quicksand-regular.woff";
103
- --asset-font-quicksand-weight-400-ttf: "assets/fonts/quicksand-regular.ttf";
104
- --asset-font-quicksand-weight-300-woff2: "assets/fonts/quicksand-light.woff2";
105
- --asset-font-quicksand-weight-300-woff: "assets/fonts/quicksand-light.woff";
106
- --asset-font-quicksand-weight-300-ttf: "assets/fonts/quicksand-light.ttf";
107
- --asset-font-quicksand-name: "Quicksand";
108
- --asset-font-greycliff-weight-900-woff2: "assets/fonts/greycliff-heavy.woff2";
109
- --asset-font-greycliff-weight-900-woff: "assets/fonts/greycliff-heavy.woff";
110
- --asset-font-greycliff-weight-900-eot: "assets/fonts/greycliff-heavy.eot";
111
- --asset-font-greycliff-weight-900-ttf: "assets/fonts/greycliff-heavy.ttf";
112
- --asset-font-greycliff-weight-800-woff2: "assets/fonts/greycliff-extra-bold.woff2";
113
- --asset-font-greycliff-weight-800-woff: "assets/fonts/greycliff-extra-bold.woff";
114
- --asset-font-greycliff-weight-800-eot: "assets/fonts/greycliff-extra-bold.eot";
115
- --asset-font-greycliff-weight-800-ttf: "assets/fonts/greycliff-extra-bold.ttf";
116
- --asset-font-greycliff-weight-700-woff2: "assets/fonts/greycliff-bold.woff2";
117
- --asset-font-greycliff-weight-700-woff: "assets/fonts/greycliff-bold.woff";
118
- --asset-font-greycliff-weight-700-eot: "assets/fonts/greycliff-bold.eot";
119
- --asset-font-greycliff-weight-700-ttf: "assets/fonts/greycliff-bold.ttf";
120
- --asset-font-greycliff-weight-600-woff2: "assets/fonts/greycliff-demi-bold.woff2";
121
- --asset-font-greycliff-weight-600-woff: "assets/fonts/greycliff-demi-bold.woff";
122
- --asset-font-greycliff-weight-600-eot: "assets/fonts/greycliff-demi-bold.eot";
123
- --asset-font-greycliff-weight-600-ttf: "assets/fonts/greycliff-demi-bold.ttf";
124
- --asset-font-greycliff-weight-500-woff2: "assets/fonts/greycliff-medium.woff2";
125
- --asset-font-greycliff-weight-500-woff: "assets/fonts/greycliff-medium.woff";
126
- --asset-font-greycliff-weight-500-eot: "assets/fonts/greycliff-medium.eot";
127
- --asset-font-greycliff-weight-500-ttf: "assets/fonts/greycliff-medium.ttf";
128
- --asset-font-greycliff-weight-400-woff2: "assets/fonts/greycliff-regular.woff2";
129
- --asset-font-greycliff-weight-400-woff: "assets/fonts/greycliff-regular.woff";
130
- --asset-font-greycliff-weight-400-eot: "assets/fonts/greycliff-regular.eot";
131
- --asset-font-greycliff-weight-400-ttf: "assets/fonts/greycliff-regular.ttf";
132
- --asset-font-greycliff-weight-300-woff2: "assets/fonts/greycliff-light.woff2";
133
- --asset-font-greycliff-weight-300-woff: "assets/fonts/greycliff-light.woff";
134
- --asset-font-greycliff-weight-300-eot: "assets/fonts/greycliff-light.eot";
135
- --asset-font-greycliff-weight-300-ttf: "assets/fonts/greycliff-light.ttf";
136
- --asset-font-greycliff-weight-200-woff2: "assets/fonts/greycliff-extra-light.woff2";
137
- --asset-font-greycliff-weight-200-woff: "assets/fonts/greycliff-extra-light.woff";
138
- --asset-font-greycliff-weight-200-eot: "assets/fonts/greycliff-extra-light.eot";
139
- --asset-font-greycliff-weight-200-ttf: "assets/fonts/greycliff-extra-light.ttf";
140
- --asset-font-greycliff-weight-100-woff2: "assets/fonts/greycliff-thin.woff2";
141
- --asset-font-greycliff-weight-100-woff: "assets/fonts/greycliff-thin.woff";
142
- --asset-font-greycliff-weight-100-eot: "assets/fonts/greycliff-thin.eot";
143
- --asset-font-greycliff-weight-100-ttf: "assets/fonts/greycliff-thin.ttf";
144
- --asset-font-greycliff-name: "Greycliff";
145
- --component-input-active-box-shadow: var(--component-input-base-box-shadow);
146
- --component-input-active-border-color: var(--color-base-primary-500);
147
- --component-input-active-color: var(--color-base-dark-main);
148
- --component-input-hover-box-shadow: var(--component-input-base-box-shadow);
149
- --component-input-hover-border-color: var(--color-base-dark-shade);
150
- --component-input-hover-color: var(--color-base-dark-main);
151
- --component-input-base-border-width: var(--size-border-width);
152
- --component-input-base-border-radius: var(--size-border-radius);
153
- --component-input-base-color: var(--color-base-dark-shade);
154
- --component-card-border-radius: var(--size-border-radius);
155
- --component-card-border-width: var(--size-border-width);
156
- --component-card-border-color: var(--color-base-light-shade);
157
- --component-card-background: var(--color-base-light-main);
158
- --component-card-color: var(--color-base-primary-500);
159
- --component-button-active-background: var(--color-base-primary-700);
160
- --component-button-hover-box-shadow: var(--component-button-base-box-shadow);
161
- --component-button-hover-border-color: var(--component-button-base-border-color);
162
- --component-button-hover-background: var(--color-base-primary-600);
163
- --component-button-hover-color: var(--color-base-light-main);
164
- --component-button-base-border-width: var(--size-border-width);
165
- --component-button-base-border-radius: var(--size-border-radius);
166
- --component-button-base-background: var(--color-base-primary-500);
167
- --component-button-base-color: var(--color-base-light-shade);
168
- --font-family-mono: var(--font-family-system-mono);
169
- --font-family-body: var(--asset-font-quicksand-name), var(--font-family-system);
170
- --font-family-heading: var(--asset-font-quicksand-name), var(--font-family-system);
171
- --color-font-base: var(--color-base-dark-main);
172
- --color-base-background-shade: var(--color-base-light-shade);
173
- --color-base-background-main: var(--color-base-light-main);
174
- --component-input-base-border-color: var(--color-base-background-shade);
175
- --component-input-base-background: var(--color-base-background-main);
176
- --component-button-active-box-shadow: var(--component-button-hover-box-shadow);
177
- --component-button-active-border-color: var(--component-button-hover-border-color);
178
- --component-button-active-color: var(--component-button-hover-color);
179
- --component-input-active-background: var(--component-input-base-background);
180
- --component-input-hover-background: var(--component-input-base-background);
181
- }
package/commitlint.config.cjs DELETED
@@ -1 +0,0 @@
1
- module.exports = { extends: ['@grantcodes/commit/commitlint.config.cjs'] };