@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/js/default/style-dictionary.js DELETED
@@ -1,179 +0,0 @@
1
- /**
2
- * Do not edit directly
3
- * Generated on Fri, 23 Sep 2022 09:55:36 GMT
4
- */
5
-
6
- export const AssetFontGreycliffName = "Greycliff";
7
- export const AssetFontGreycliffWeight100Ttf = "assets/fonts/greycliff-thin.ttf";
8
- export const AssetFontGreycliffWeight100Eot = "assets/fonts/greycliff-thin.eot";
9
- export const AssetFontGreycliffWeight100Woff = "assets/fonts/greycliff-thin.woff";
10
- export const AssetFontGreycliffWeight100Woff2 = "assets/fonts/greycliff-thin.woff2";
11
- export const AssetFontGreycliffWeight200Ttf = "assets/fonts/greycliff-extra-light.ttf";
12
- export const AssetFontGreycliffWeight200Eot = "assets/fonts/greycliff-extra-light.eot";
13
- export const AssetFontGreycliffWeight200Woff = "assets/fonts/greycliff-extra-light.woff";
14
- export const AssetFontGreycliffWeight200Woff2 = "assets/fonts/greycliff-extra-light.woff2";
15
- export const AssetFontGreycliffWeight300Ttf = "assets/fonts/greycliff-light.ttf";
16
- export const AssetFontGreycliffWeight300Eot = "assets/fonts/greycliff-light.eot";
17
- export const AssetFontGreycliffWeight300Woff = "assets/fonts/greycliff-light.woff";
18
- export const AssetFontGreycliffWeight300Woff2 = "assets/fonts/greycliff-light.woff2";
19
- export const AssetFontGreycliffWeight400Ttf = "assets/fonts/greycliff-regular.ttf";
20
- export const AssetFontGreycliffWeight400Eot = "assets/fonts/greycliff-regular.eot";
21
- export const AssetFontGreycliffWeight400Woff = "assets/fonts/greycliff-regular.woff";
22
- export const AssetFontGreycliffWeight400Woff2 = "assets/fonts/greycliff-regular.woff2";
23
- export const AssetFontGreycliffWeight500Ttf = "assets/fonts/greycliff-medium.ttf";
24
- export const AssetFontGreycliffWeight500Eot = "assets/fonts/greycliff-medium.eot";
25
- export const AssetFontGreycliffWeight500Woff = "assets/fonts/greycliff-medium.woff";
26
- export const AssetFontGreycliffWeight500Woff2 = "assets/fonts/greycliff-medium.woff2";
27
- export const AssetFontGreycliffWeight600Ttf = "assets/fonts/greycliff-demi-bold.ttf";
28
- export const AssetFontGreycliffWeight600Eot = "assets/fonts/greycliff-demi-bold.eot";
29
- export const AssetFontGreycliffWeight600Woff = "assets/fonts/greycliff-demi-bold.woff";
30
- export const AssetFontGreycliffWeight600Woff2 = "assets/fonts/greycliff-demi-bold.woff2";
31
- export const AssetFontGreycliffWeight700Ttf = "assets/fonts/greycliff-bold.ttf";
32
- export const AssetFontGreycliffWeight700Eot = "assets/fonts/greycliff-bold.eot";
33
- export const AssetFontGreycliffWeight700Woff = "assets/fonts/greycliff-bold.woff";
34
- export const AssetFontGreycliffWeight700Woff2 = "assets/fonts/greycliff-bold.woff2";
35
- export const AssetFontGreycliffWeight800Ttf = "assets/fonts/greycliff-extra-bold.ttf";
36
- export const AssetFontGreycliffWeight800Eot = "assets/fonts/greycliff-extra-bold.eot";
37
- export const AssetFontGreycliffWeight800Woff = "assets/fonts/greycliff-extra-bold.woff";
38
- export const AssetFontGreycliffWeight800Woff2 = "assets/fonts/greycliff-extra-bold.woff2";
39
- export const AssetFontGreycliffWeight900Ttf = "assets/fonts/greycliff-heavy.ttf";
40
- export const AssetFontGreycliffWeight900Eot = "assets/fonts/greycliff-heavy.eot";
41
- export const AssetFontGreycliffWeight900Woff = "assets/fonts/greycliff-heavy.woff";
42
- export const AssetFontGreycliffWeight900Woff2 = "assets/fonts/greycliff-heavy.woff2";
43
- export const AssetFontQuicksandName = "Quicksand";
44
- export const AssetFontQuicksandWeight300Ttf = "assets/fonts/quicksand-light.ttf";
45
- export const AssetFontQuicksandWeight300Woff = "assets/fonts/quicksand-light.woff";
46
- export const AssetFontQuicksandWeight300Woff2 = "assets/fonts/quicksand-light.woff2";
47
- export const AssetFontQuicksandWeight400Ttf = "assets/fonts/quicksand-regular.ttf";
48
- export const AssetFontQuicksandWeight400Woff = "assets/fonts/quicksand-regular.woff";
49
- export const AssetFontQuicksandWeight400Woff2 = "assets/fonts/quicksand-regular.woff2";
50
- export const AssetFontQuicksandWeight500Ttf = "assets/fonts/quicksand-medium.ttf";
51
- export const AssetFontQuicksandWeight500Woff = "assets/fonts/quicksand-medium.woff";
52
- export const AssetFontQuicksandWeight500Woff2 = "assets/fonts/quicksand-medium.woff2";
53
- export const AssetFontQuicksandWeight700Ttf = "assets/fonts/quicksand-bold.ttf";
54
- export const AssetFontQuicksandWeight700Woff = "assets/fonts/quicksand-bold.woff";
55
- export const AssetFontQuicksandWeight700Woff2 = "assets/fonts/quicksand-bold.woff2";
56
- export const ColorBaseLightMain = "#f1f1f3";
57
- export const ColorBaseLightShade = "#d6d5dd";
58
- export const ColorBaseDarkMain = "#24222f";
59
- export const ColorBaseDarkShade = "#29263b";
60
- export const ColorBasePrimary100 = "#e6e0fc";
61
- export const ColorBasePrimary200 = "#cdc3f9";
62
- export const ColorBasePrimary300 = "#aea0ed";
63
- export const ColorBasePrimary400 = "#9183dc";
64
- export const ColorBasePrimary500 = "#6a5bc5";
65
- export const ColorBasePrimary600 = "#4f42a9";
66
- export const ColorBasePrimary700 = "#382d8d";
67
- export const ColorBasePrimary800 = "#251d72";
68
- export const ColorBasePrimary900 = "#17115e";
69
- export const ColorBaseSecondary100 = "#fbe9db";
70
- export const ColorBaseSecondary200 = "#f8cfb8";
71
- export const ColorBaseSecondary300 = "#ecaa90";
72
- export const ColorBaseSecondary400 = "#d98570";
73
- export const ColorBaseSecondary500 = "#c15444";
74
- export const ColorBaseSecondary600 = "#a53731";
75
- export const ColorBaseSecondary700 = "#8a2225";
76
- export const ColorBaseSecondary800 = "#6f151f";
77
- export const ColorBaseSecondary900 = "#5c0d1c";
78
- export const ColorBaseTertiary100 = "#ebf5fd";
79
- export const ColorBaseTertiary200 = "#d9eafb";
80
- export const ColorBaseTertiary300 = "#c2d8f3";
81
- export const ColorBaseTertiary400 = "#adc6e8";
82
- export const ColorBaseTertiary500 = "#90acda";
83
- export const ColorBaseTertiary600 = "#6985bb";
84
- export const ColorBaseTertiary700 = "#48619c";
85
- export const ColorBaseTertiary800 = "#2d437e";
86
- export const ColorBaseTertiary900 = "#1b2c68";
87
- export const ColorBaseSuccess100 = "#e9fcd6";
88
- export const ColorBaseSuccess200 = "#cff9ae";
89
- export const ColorBaseSuccess300 = "#aaee83";
90
- export const ColorBaseSuccess400 = "#85de61";
91
- export const ColorBaseSuccess500 = "#53c932";
92
- export const ColorBaseSuccess600 = "#38ac24";
93
- export const ColorBaseSuccess700 = "#219019";
94
- export const ColorBaseSuccess800 = "#0f740f";
95
- export const ColorBaseSuccess900 = "#09600f";
96
- export const ColorBaseInfo100 = "#cbfef2";
97
- export const ColorBaseInfo200 = "#98fdef";
98
- export const ColorBaseInfo300 = "#64fbf2";
99
- export const ColorBaseInfo400 = "#3ef5f8";
100
- export const ColorBaseInfo500 = "#00dcf4";
101
- export const ColorBaseInfo600 = "#00acd1";
102
- export const ColorBaseInfo700 = "#0081af";
103
- export const ColorBaseInfo800 = "#005d8d";
104
- export const ColorBaseInfo900 = "#004375";
105
- export const ColorBaseWarning100 = "#fefacb";
106
- export const ColorBaseWarning200 = "#fef598";
107
- export const ColorBaseWarning300 = "#feed65";
108
- export const ColorBaseWarning400 = "#fde63f";
109
- export const ColorBaseWarning500 = "#fcda00";
110
- export const ColorBaseWarning600 = "#d8b800";
111
- export const ColorBaseWarning700 = "#b59700";
112
- export const ColorBaseWarning800 = "#927800";
113
- export const ColorBaseWarning900 = "#786100";
114
- export const ColorBaseError100 = "#ffebd2";
115
- export const ColorBaseError200 = "#ffd2a6";
116
- export const ColorBaseError300 = "#ffb379";
117
- export const ColorBaseError400 = "#ff9558";
118
- export const ColorBaseError500 = "#ff6321";
119
- export const ColorBaseError600 = "#db4518";
120
- export const ColorBaseError700 = "#b72b10";
121
- export const ColorBaseError800 = "#93170a";
122
- export const ColorBaseError900 = "#7a0906";
123
- export const ColorBaseBackgroundMain = "#f1f1f3";
124
- export const ColorBaseBackgroundShade = "#d6d5dd";
125
- export const ColorFontBase = "#24222f";
126
- export const FontFamilySystem = "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif";
127
- export const FontFamilySystemMono = "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";
128
- export const FontFamilyHeading = "Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif";
129
- export const FontFamilyBody = "Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif";
130
- export const FontFamilyMono = "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";
131
- export const FontSizeTiny = "0.64rem"; // the base size of the font
132
- export const FontSizeSmall = "0.8rem"; // the base size of the font
133
- export const FontSizeNormal = "1rem"; // the base size of the font
134
- export const FontSizeMedium = "1.25rem"; // the base size of the font
135
- export const FontSizeLarge = "1.5625rem"; // the base size of the font
136
- export const FontSizeHuge = "2.44140625rem"; // the base size of the font
137
- export const FontSizeBase = "clamp(1rem, 0.34vw + 0.91rem, 1.2rem)"; // the fluid base size of the font
138
- export const FontLineHeightBody = 1.5;
139
- export const FontLineHeightHeading = 1.1;
140
- export const FontWeightBody = "600";
141
- export const FontWeightHeading = "900";
142
- export const SizeSpaceUnit = "1rem"; // The main unit that spacing is based on
143
- export const SizeBorderRadius = "0.5rem";
144
- export const SizeBorderWidth = "0.125rem";
145
- export const SizeBlockWidthNormal = "40rem";
146
- export const SizeBlockWidthWide = "70rem";
147
- export const ComponentButtonBaseColor = "#d6d5dd";
148
- export const ComponentButtonBaseBackground = "#6a5bc5";
149
- export const ComponentButtonBaseBorderColor = "transparent";
150
- export const ComponentButtonBaseBorderRadius = "0.5rem";
151
- export const ComponentButtonBaseBorderWidth = "0.125rem";
152
- export const ComponentButtonBaseBoxShadow = "none";
153
- export const ComponentButtonHoverColor = "#f1f1f3";
154
- export const ComponentButtonHoverBackground = "#4f42a9";
155
- export const ComponentButtonHoverBorderColor = "transparent";
156
- export const ComponentButtonHoverBoxShadow = "none";
157
- export const ComponentButtonActiveColor = "#f1f1f3";
158
- export const ComponentButtonActiveBackground = "#382d8d";
159
- export const ComponentButtonActiveBorderColor = "transparent";
160
- export const ComponentButtonActiveBoxShadow = "none";
161
- export const ComponentCardColor = "#6a5bc5";
162
- export const ComponentCardBackground = "#f1f1f3";
163
- export const ComponentCardBorderColor = "#d6d5dd";
164
- export const ComponentCardBorderWidth = "0.125rem";
165
- export const ComponentCardBorderRadius = "0.5rem";
166
- export const ComponentInputBaseColor = "#29263b";
167
- export const ComponentInputBaseBorderRadius = "0.5rem";
168
- export const ComponentInputBaseBackground = "#f1f1f3";
169
- export const ComponentInputBaseBorderColor = "#d6d5dd";
170
- export const ComponentInputBaseBorderWidth = "0.125rem";
171
- export const ComponentInputBaseBoxShadow = "none";
172
- export const ComponentInputHoverColor = "#24222f";
173
- export const ComponentInputHoverBackground = "#f1f1f3";
174
- export const ComponentInputHoverBorderColor = "#29263b";
175
- export const ComponentInputHoverBoxShadow = "none";
176
- export const ComponentInputActiveColor = "#24222f";
177
- export const ComponentInputActiveBackground = "#f1f1f3";
178
- export const ComponentInputActiveBorderColor = "#6a5bc5";
179
- export const ComponentInputActiveBoxShadow = "none";
package/build/js/todomap/style-dictionary.js DELETED
@@ -1,179 +0,0 @@
1
- /**
2
- * Do not edit directly
3
- * Generated on Fri, 23 Sep 2022 09:55:36 GMT
4
- */
5
-
6
- export const AssetFontGreycliffName = "Greycliff";
7
- export const AssetFontGreycliffWeight100Ttf = "assets/fonts/greycliff-thin.ttf";
8
- export const AssetFontGreycliffWeight100Eot = "assets/fonts/greycliff-thin.eot";
9
- export const AssetFontGreycliffWeight100Woff = "assets/fonts/greycliff-thin.woff";
10
- export const AssetFontGreycliffWeight100Woff2 = "assets/fonts/greycliff-thin.woff2";
11
- export const AssetFontGreycliffWeight200Ttf = "assets/fonts/greycliff-extra-light.ttf";
12
- export const AssetFontGreycliffWeight200Eot = "assets/fonts/greycliff-extra-light.eot";
13
- export const AssetFontGreycliffWeight200Woff = "assets/fonts/greycliff-extra-light.woff";
14
- export const AssetFontGreycliffWeight200Woff2 = "assets/fonts/greycliff-extra-light.woff2";
15
- export const AssetFontGreycliffWeight300Ttf = "assets/fonts/greycliff-light.ttf";
16
- export const AssetFontGreycliffWeight300Eot = "assets/fonts/greycliff-light.eot";
17
- export const AssetFontGreycliffWeight300Woff = "assets/fonts/greycliff-light.woff";
18
- export const AssetFontGreycliffWeight300Woff2 = "assets/fonts/greycliff-light.woff2";
19
- export const AssetFontGreycliffWeight400Ttf = "assets/fonts/greycliff-regular.ttf";
20
- export const AssetFontGreycliffWeight400Eot = "assets/fonts/greycliff-regular.eot";
21
- export const AssetFontGreycliffWeight400Woff = "assets/fonts/greycliff-regular.woff";
22
- export const AssetFontGreycliffWeight400Woff2 = "assets/fonts/greycliff-regular.woff2";
23
- export const AssetFontGreycliffWeight500Ttf = "assets/fonts/greycliff-medium.ttf";
24
- export const AssetFontGreycliffWeight500Eot = "assets/fonts/greycliff-medium.eot";
25
- export const AssetFontGreycliffWeight500Woff = "assets/fonts/greycliff-medium.woff";
26
- export const AssetFontGreycliffWeight500Woff2 = "assets/fonts/greycliff-medium.woff2";
27
- export const AssetFontGreycliffWeight600Ttf = "assets/fonts/greycliff-demi-bold.ttf";
28
- export const AssetFontGreycliffWeight600Eot = "assets/fonts/greycliff-demi-bold.eot";
29
- export const AssetFontGreycliffWeight600Woff = "assets/fonts/greycliff-demi-bold.woff";
30
- export const AssetFontGreycliffWeight600Woff2 = "assets/fonts/greycliff-demi-bold.woff2";
31
- export const AssetFontGreycliffWeight700Ttf = "assets/fonts/greycliff-bold.ttf";
32
- export const AssetFontGreycliffWeight700Eot = "assets/fonts/greycliff-bold.eot";
33
- export const AssetFontGreycliffWeight700Woff = "assets/fonts/greycliff-bold.woff";
34
- export const AssetFontGreycliffWeight700Woff2 = "assets/fonts/greycliff-bold.woff2";
35
- export const AssetFontGreycliffWeight800Ttf = "assets/fonts/greycliff-extra-bold.ttf";
36
- export const AssetFontGreycliffWeight800Eot = "assets/fonts/greycliff-extra-bold.eot";
37
- export const AssetFontGreycliffWeight800Woff = "assets/fonts/greycliff-extra-bold.woff";
38
- export const AssetFontGreycliffWeight800Woff2 = "assets/fonts/greycliff-extra-bold.woff2";
39
- export const AssetFontGreycliffWeight900Ttf = "assets/fonts/greycliff-heavy.ttf";
40
- export const AssetFontGreycliffWeight900Eot = "assets/fonts/greycliff-heavy.eot";
41
- export const AssetFontGreycliffWeight900Woff = "assets/fonts/greycliff-heavy.woff";
42
- export const AssetFontGreycliffWeight900Woff2 = "assets/fonts/greycliff-heavy.woff2";
43
- export const AssetFontQuicksandName = "Quicksand";
44
- export const AssetFontQuicksandWeight300Ttf = "assets/fonts/quicksand-light.ttf";
45
- export const AssetFontQuicksandWeight300Woff = "assets/fonts/quicksand-light.woff";
46
- export const AssetFontQuicksandWeight300Woff2 = "assets/fonts/quicksand-light.woff2";
47
- export const AssetFontQuicksandWeight400Ttf = "assets/fonts/quicksand-regular.ttf";
48
- export const AssetFontQuicksandWeight400Woff = "assets/fonts/quicksand-regular.woff";
49
- export const AssetFontQuicksandWeight400Woff2 = "assets/fonts/quicksand-regular.woff2";
50
- export const AssetFontQuicksandWeight500Ttf = "assets/fonts/quicksand-medium.ttf";
51
- export const AssetFontQuicksandWeight500Woff = "assets/fonts/quicksand-medium.woff";
52
- export const AssetFontQuicksandWeight500Woff2 = "assets/fonts/quicksand-medium.woff2";
53
- export const AssetFontQuicksandWeight700Ttf = "assets/fonts/quicksand-bold.ttf";
54
- export const AssetFontQuicksandWeight700Woff = "assets/fonts/quicksand-bold.woff";
55
- export const AssetFontQuicksandWeight700Woff2 = "assets/fonts/quicksand-bold.woff2";
56
- export const ColorBaseLightMain = "#fafafa";
57
- export const ColorBaseLightShade = "#fafafa";
58
- export const ColorBaseDarkMain = "#292828";
59
- export const ColorBaseDarkShade = "#292828";
60
- export const ColorBasePrimary100 = "#ea3d6d";
61
- export const ColorBasePrimary200 = "#ea3d6d";
62
- export const ColorBasePrimary300 = "#ea3d6d";
63
- export const ColorBasePrimary400 = "#ea3d6d";
64
- export const ColorBasePrimary500 = "#ea3d6d";
65
- export const ColorBasePrimary600 = "#ae133e";
66
- export const ColorBasePrimary700 = "#ae133e";
67
- export const ColorBasePrimary800 = "#ae133e";
68
- export const ColorBasePrimary900 = "#ae133e";
69
- export const ColorBaseSecondary100 = "#7c86fd";
70
- export const ColorBaseSecondary200 = "#7c86fd";
71
- export const ColorBaseSecondary300 = "#7c86fd";
72
- export const ColorBaseSecondary400 = "#7c86fd";
73
- export const ColorBaseSecondary500 = "#7c86fd";
74
- export const ColorBaseSecondary600 = "#4a58fc";
75
- export const ColorBaseSecondary700 = "#4a58fc";
76
- export const ColorBaseSecondary800 = "#4a58fc";
77
- export const ColorBaseSecondary900 = "#4a58fc";
78
- export const ColorBaseTertiary100 = "#ebf5fd";
79
- export const ColorBaseTertiary200 = "#d9eafb";
80
- export const ColorBaseTertiary300 = "#c2d8f3";
81
- export const ColorBaseTertiary400 = "#adc6e8";
82
- export const ColorBaseTertiary500 = "#90acda";
83
- export const ColorBaseTertiary600 = "#6985bb";
84
- export const ColorBaseTertiary700 = "#48619c";
85
- export const ColorBaseTertiary800 = "#2d437e";
86
- export const ColorBaseTertiary900 = "#1b2c68";
87
- export const ColorBaseSuccess100 = "#5bd13a";
88
- export const ColorBaseSuccess200 = "#5bd13a";
89
- export const ColorBaseSuccess300 = "#5bd13a";
90
- export const ColorBaseSuccess400 = "#5bd13a";
91
- export const ColorBaseSuccess500 = "#5bd13a";
92
- export const ColorBaseSuccess600 = "#5bd13a";
93
- export const ColorBaseSuccess700 = "#5bd13a";
94
- export const ColorBaseSuccess800 = "#5bd13a";
95
- export const ColorBaseSuccess900 = "#5bd13a";
96
- export const ColorBaseInfo100 = "#009af9";
97
- export const ColorBaseInfo200 = "#009af9";
98
- export const ColorBaseInfo300 = "#009af9";
99
- export const ColorBaseInfo400 = "#009af9";
100
- export const ColorBaseInfo500 = "#009af9";
101
- export const ColorBaseInfo600 = "#009af9";
102
- export const ColorBaseInfo700 = "#009af9";
103
- export const ColorBaseInfo800 = "#009af9";
104
- export const ColorBaseInfo900 = "#009af9";
105
- export const ColorBaseWarning100 = "#ffe102";
106
- export const ColorBaseWarning200 = "#ffe102";
107
- export const ColorBaseWarning300 = "#ffe102";
108
- export const ColorBaseWarning400 = "#ffe102";
109
- export const ColorBaseWarning500 = "#ffe102";
110
- export const ColorBaseWarning600 = "#ffe102";
111
- export const ColorBaseWarning700 = "#ffe102";
112
- export const ColorBaseWarning800 = "#ffe102";
113
- export const ColorBaseWarning900 = "#ffe102";
114
- export const ColorBaseError100 = "#f9364d";
115
- export const ColorBaseError200 = "#f9364d";
116
- export const ColorBaseError300 = "#f9364d";
117
- export const ColorBaseError400 = "#f9364d";
118
- export const ColorBaseError500 = "#f9364d";
119
- export const ColorBaseError600 = "#f9364d";
120
- export const ColorBaseError700 = "#f9364d";
121
- export const ColorBaseError800 = "#f9364d";
122
- export const ColorBaseError900 = "#f9364d";
123
- export const ColorBaseBackgroundMain = "#fafafa";
124
- export const ColorBaseBackgroundShade = "#fafafa";
125
- export const ColorFontBase = "#292828";
126
- export const FontFamilySystem = "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif";
127
- export const FontFamilySystemMono = "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";
128
- export const FontFamilyHeading = "Quicksand, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif";
129
- export const FontFamilyBody = "Quicksand, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif";
130
- export const FontFamilyMono = "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";
131
- export const FontSizeTiny = "0.64rem"; // the base size of the font
132
- export const FontSizeSmall = "0.8rem"; // the base size of the font
133
- export const FontSizeNormal = "1rem"; // the base size of the font
134
- export const FontSizeMedium = "1.25rem"; // the base size of the font
135
- export const FontSizeLarge = "1.5625rem"; // the base size of the font
136
- export const FontSizeHuge = "2.44140625rem"; // the base size of the font
137
- export const FontSizeBase = "clamp(1rem, 0.34vw + 0.91rem, 1.2rem)"; // the fluid base size of the font
138
- export const FontLineHeightBody = 1.5;
139
- export const FontLineHeightHeading = 1.1;
140
- export const FontWeightBody = "400";
141
- export const FontWeightHeading = "700";
142
- export const SizeSpaceUnit = "1rem"; // The main unit that spacing is based on
143
- export const SizeBorderRadius = "0.5rem";
144
- export const SizeBorderWidth = "0.125rem";
145
- export const SizeBlockWidthNormal = "40rem";
146
- export const SizeBlockWidthWide = "70rem";
147
- export const ComponentButtonBaseColor = "#fafafa";
148
- export const ComponentButtonBaseBackground = "#ea3d6d";
149
- export const ComponentButtonBaseBorderColor = "transparent";
150
- export const ComponentButtonBaseBorderRadius = "0.5rem";
151
- export const ComponentButtonBaseBorderWidth = "0.125rem";
152
- export const ComponentButtonBaseBoxShadow = "none";
153
- export const ComponentButtonHoverColor = "#fafafa";
154
- export const ComponentButtonHoverBackground = "#ae133e";
155
- export const ComponentButtonHoverBorderColor = "transparent";
156
- export const ComponentButtonHoverBoxShadow = "none";
157
- export const ComponentButtonActiveColor = "#fafafa";
158
- export const ComponentButtonActiveBackground = "#ae133e";
159
- export const ComponentButtonActiveBorderColor = "transparent";
160
- export const ComponentButtonActiveBoxShadow = "none";
161
- export const ComponentCardColor = "#ea3d6d";
162
- export const ComponentCardBackground = "#fafafa";
163
- export const ComponentCardBorderColor = "#fafafa";
164
- export const ComponentCardBorderWidth = "0.125rem";
165
- export const ComponentCardBorderRadius = "0.5rem";
166
- export const ComponentInputBaseColor = "#292828";
167
- export const ComponentInputBaseBorderRadius = "0.5rem";
168
- export const ComponentInputBaseBackground = "#fafafa";
169
- export const ComponentInputBaseBorderColor = "#fafafa";
170
- export const ComponentInputBaseBorderWidth = "0.125rem";
171
- export const ComponentInputBaseBoxShadow = "none";
172
- export const ComponentInputHoverColor = "#292828";
173
- export const ComponentInputHoverBackground = "#fafafa";
174
- export const ComponentInputHoverBorderColor = "#292828";
175
- export const ComponentInputHoverBoxShadow = "none";
176
- export const ComponentInputActiveColor = "#292828";
177
- export const ComponentInputActiveBackground = "#fafafa";
178
- export const ComponentInputActiveBorderColor = "#ea3d6d";
179
- export const ComponentInputActiveBoxShadow = "none";
package/build/scss/default/_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: 900;
16
- --font-weight-body: 600;
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: #7a0906;
29
- --color-base-error-800: #93170a;
30
- --color-base-error-700: #b72b10;
31
- --color-base-error-600: #db4518;
32
- --color-base-error-500: #ff6321;
33
- --color-base-error-400: #ff9558;
34
- --color-base-error-300: #ffb379;
35
- --color-base-error-200: #ffd2a6;
36
- --color-base-error-100: #ffebd2;
37
- --color-base-warning-900: #786100;
38
- --color-base-warning-800: #927800;
39
- --color-base-warning-700: #b59700;
40
- --color-base-warning-600: #d8b800;
41
- --color-base-warning-500: #fcda00;
42
- --color-base-warning-400: #fde63f;
43
- --color-base-warning-300: #feed65;
44
- --color-base-warning-200: #fef598;
45
- --color-base-warning-100: #fefacb;
46
- --color-base-info-900: #004375;
47
- --color-base-info-800: #005d8d;
48
- --color-base-info-700: #0081af;
49
- --color-base-info-600: #00acd1;
50
- --color-base-info-500: #00dcf4;
51
- --color-base-info-400: #3ef5f8;
52
- --color-base-info-300: #64fbf2;
53
- --color-base-info-200: #98fdef;
54
- --color-base-info-100: #cbfef2;
55
- --color-base-success-900: #09600f;
56
- --color-base-success-800: #0f740f;
57
- --color-base-success-700: #219019;
58
- --color-base-success-600: #38ac24;
59
- --color-base-success-500: #53c932;
60
- --color-base-success-400: #85de61;
61
- --color-base-success-300: #aaee83;
62
- --color-base-success-200: #cff9ae;
63
- --color-base-success-100: #e9fcd6;
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: #5c0d1c;
74
- --color-base-secondary-800: #6f151f;
75
- --color-base-secondary-700: #8a2225;
76
- --color-base-secondary-600: #a53731;
77
- --color-base-secondary-500: #c15444;
78
- --color-base-secondary-400: #d98570;
79
- --color-base-secondary-300: #ecaa90;
80
- --color-base-secondary-200: #f8cfb8;
81
- --color-base-secondary-100: #fbe9db;
82
- --color-base-primary-900: #17115e;
83
- --color-base-primary-800: #251d72;
84
- --color-base-primary-700: #382d8d;
85
- --color-base-primary-600: #4f42a9;
86
- --color-base-primary-500: #6a5bc5;
87
- --color-base-primary-400: #9183dc;
88
- --color-base-primary-300: #aea0ed;
89
- --color-base-primary-200: #cdc3f9;
90
- --color-base-primary-100: #e6e0fc;
91
- --color-base-dark-shade: #29263b;
92
- --color-base-dark-main: #24222f;
93
- --color-base-light-shade: #d6d5dd;
94
- --color-base-light-main: #f1f1f3;
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-greycliff-name), var(--font-family-system);
170
- --font-family-heading: var(--asset-font-greycliff-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
- }