@digdir/designsystemet 1.11.0 → 1.12.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 (100) hide show
  1. package/dist/bin/config.js +24 -4
  2. package/dist/bin/designsystemet.js +912 -1223
  3. package/dist/src/colors/index.js +27 -1
  4. package/dist/src/colors/types.d.ts +24 -21
  5. package/dist/src/colors/types.d.ts.map +1 -1
  6. package/dist/src/colors/types.js +27 -0
  7. package/dist/src/config.js +24 -4
  8. package/dist/src/index.js +818 -1122
  9. package/dist/src/scripts/createJsonSchema.js +24 -4
  10. package/dist/src/scripts/update-preview-tokens.d.ts.map +1 -1
  11. package/dist/src/scripts/update-preview-tokens.js +1363 -1667
  12. package/dist/src/tokens/build.js +7 -8
  13. package/dist/src/tokens/create/generators/$designsystemet.js +7 -8
  14. package/dist/src/tokens/create/generators/$metadata.d.ts +2 -2
  15. package/dist/src/tokens/create/generators/$metadata.d.ts.map +1 -1
  16. package/dist/src/tokens/create/generators/$metadata.js +3 -7
  17. package/dist/src/tokens/create/generators/$themes.d.ts +17 -2
  18. package/dist/src/tokens/create/generators/$themes.d.ts.map +1 -1
  19. package/dist/src/tokens/create/generators/$themes.js +3 -3
  20. package/dist/src/tokens/create/generators/primitives/color-scheme.d.ts +5 -0
  21. package/dist/src/tokens/create/generators/primitives/color-scheme.d.ts.map +1 -0
  22. package/dist/src/tokens/create/generators/{color.js → primitives/color-scheme.js} +29 -6
  23. package/dist/src/tokens/create/generators/primitives/globals.d.ts +3 -0
  24. package/dist/src/tokens/create/generators/primitives/globals.d.ts.map +1 -0
  25. package/dist/src/tokens/create/generators/primitives/globals.js +148 -0
  26. package/dist/src/tokens/create/generators/primitives/size.d.ts +4 -0
  27. package/dist/src/tokens/create/generators/primitives/size.d.ts.map +1 -0
  28. package/dist/src/tokens/create/generators/primitives/size.js +157 -0
  29. package/dist/src/tokens/create/generators/primitives/typography.d.ts +4 -0
  30. package/dist/src/tokens/create/generators/primitives/typography.d.ts.map +1 -0
  31. package/dist/src/tokens/create/generators/primitives/typography.js +220 -0
  32. package/dist/src/tokens/create/generators/semantic/color-modes.d.ts +8 -0
  33. package/dist/src/tokens/create/generators/semantic/color-modes.d.ts.map +1 -0
  34. package/dist/src/tokens/create/generators/semantic/color-modes.js +61 -0
  35. package/dist/src/tokens/create/generators/semantic/color.d.ts +5 -0
  36. package/dist/src/tokens/create/generators/semantic/color.d.ts.map +1 -0
  37. package/dist/src/tokens/create/generators/{semantic.js → semantic/color.js} +50 -194
  38. package/dist/src/tokens/create/generators/semantic/style.d.ts +3 -0
  39. package/dist/src/tokens/create/generators/semantic/style.d.ts.map +1 -0
  40. package/dist/src/tokens/create/generators/semantic/style.js +384 -0
  41. package/dist/src/tokens/create/generators/{theme.d.ts → themes/theme.d.ts} +1 -1
  42. package/dist/src/tokens/create/generators/themes/theme.d.ts.map +1 -0
  43. package/dist/src/tokens/create/generators/{theme.js → themes/theme.js} +87 -129
  44. package/dist/src/tokens/create/write.d.ts.map +1 -1
  45. package/dist/src/tokens/create/write.js +16 -20
  46. package/dist/src/tokens/create.d.ts +1 -1
  47. package/dist/src/tokens/create.d.ts.map +1 -1
  48. package/dist/src/tokens/create.js +1340 -1647
  49. package/dist/src/tokens/format.d.ts.map +1 -1
  50. package/dist/src/tokens/format.js +1363 -1670
  51. package/dist/src/tokens/index.js +1363 -1670
  52. package/dist/src/tokens/process/output/declarations.js +7 -8
  53. package/dist/src/tokens/process/output/theme.js +7 -8
  54. package/dist/src/tokens/types.d.ts +7 -0
  55. package/dist/src/tokens/types.d.ts.map +1 -1
  56. package/package.json +8 -9
  57. package/dist/color.base.template-Z7YWN2TF.json +0 -22
  58. package/dist/color.template-LMPUQ72A.json +0 -66
  59. package/dist/color.template-XQNSHLTU.json +0 -66
  60. package/dist/global-Y35YADVH.json +0 -100
  61. package/dist/globals-76VAFMDF.json +0 -143
  62. package/dist/large-CIIHO7AY.json +0 -96
  63. package/dist/large-UUOZ6DYI.json +0 -16
  64. package/dist/medium-OQ7S7P4P.json +0 -16
  65. package/dist/medium-VSB2S4X3.json +0 -96
  66. package/dist/small-AEXJ6U7Z.json +0 -96
  67. package/dist/small-ZY4KOJWX.json +0 -16
  68. package/dist/src/scripts/update-template.d.ts +0 -2
  69. package/dist/src/scripts/update-template.d.ts.map +0 -1
  70. package/dist/src/scripts/update-template.js +0 -1366
  71. package/dist/src/tokens/create/defaults.d.ts +0 -7
  72. package/dist/src/tokens/create/defaults.d.ts.map +0 -1
  73. package/dist/src/tokens/create/defaults.js +0 -998
  74. package/dist/src/tokens/create/generators/color.d.ts +0 -5
  75. package/dist/src/tokens/create/generators/color.d.ts.map +0 -1
  76. package/dist/src/tokens/create/generators/semantic.d.ts +0 -32
  77. package/dist/src/tokens/create/generators/semantic.d.ts.map +0 -1
  78. package/dist/src/tokens/create/generators/theme.d.ts.map +0 -1
  79. package/dist/src/tokens/create/generators/typography.d.ts +0 -3
  80. package/dist/src/tokens/create/generators/typography.d.ts.map +0 -1
  81. package/dist/src/tokens/create/generators/typography.js +0 -33
  82. package/dist/src/tokens/template/design-tokens/primitives/globals.js +0 -5
  83. package/dist/src/tokens/template/design-tokens/primitives/modes/size/global.js +0 -5
  84. package/dist/src/tokens/template/design-tokens/primitives/modes/size/large.js +0 -5
  85. package/dist/src/tokens/template/design-tokens/primitives/modes/size/medium.js +0 -5
  86. package/dist/src/tokens/template/design-tokens/primitives/modes/size/small.js +0 -5
  87. package/dist/src/tokens/template/design-tokens/primitives/modes/typography/size/large.js +0 -5
  88. package/dist/src/tokens/template/design-tokens/primitives/modes/typography/size/medium.js +0 -5
  89. package/dist/src/tokens/template/design-tokens/primitives/modes/typography/size/small.js +0 -5
  90. package/dist/src/tokens/template/design-tokens/primitives/modes/typography/typography.template.js +0 -5
  91. package/dist/src/tokens/template/design-tokens/semantic/color.base.template.js +0 -5
  92. package/dist/src/tokens/template/design-tokens/semantic/color.template.js +0 -5
  93. package/dist/src/tokens/template/design-tokens/semantic/modes/color.template.js +0 -5
  94. package/dist/src/tokens/template/design-tokens/semantic/style.js +0 -5
  95. package/dist/src/tokens/template/design-tokens/themes/theme.base.template.js +0 -5
  96. package/dist/src/tokens/template/design-tokens/themes/theme.template.js +0 -5
  97. package/dist/style-FP5XVCUD.json +0 -378
  98. package/dist/theme.base.template-Y4RMFBQY.json +0 -55
  99. package/dist/theme.template-CTQRNOMO.json +0 -66
  100. package/dist/typography.template-4N5YLH7F.json +0 -22
@@ -1,5 +0,0 @@
1
- import type { ColorScheme } from '../../../colors/types.js';
2
- import type { ColorOverrideSchema } from '../../../config.js';
3
- import type { Colors, TokenSet } from '../../types.js';
4
- export declare const generateColorScheme: (themeName: string, colorScheme: ColorScheme, colors: Colors, overrides?: ColorOverrideSchema) => TokenSet;
5
- //# sourceMappingURL=color.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"color.d.ts","sourceRoot":"","sources":["../../../../../src/tokens/create/generators/color.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAS,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACnE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAC9D,OAAO,KAAK,EAAE,MAAM,EAAS,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAgB9D,eAAO,MAAM,mBAAmB,GAC9B,WAAW,MAAM,EACjB,aAAa,WAAW,EACxB,QAAQ,MAAM,EACd,YAAY,mBAAmB,KAC9B,QAwFF,CAAC"}
@@ -1,32 +0,0 @@
1
- import type { Colors, TokenSet } from '../../types.js';
2
- type SemanticModes = {
3
- 'main-color': Record<string, TokenSet>;
4
- 'support-color': Record<string, TokenSet>;
5
- };
6
- export declare const generateSemantic: (colors: Colors, _themeName: string) => {
7
- modes: SemanticModes;
8
- color: {
9
- color: {
10
- focus: {
11
- inner: {
12
- $type: string;
13
- $value: string;
14
- };
15
- outer: {
16
- $type: string;
17
- $value: string;
18
- };
19
- };
20
- };
21
- link: {
22
- color: {
23
- visited: {
24
- $type: string;
25
- $value: string;
26
- };
27
- };
28
- };
29
- };
30
- };
31
- export {};
32
- //# sourceMappingURL=semantic.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"semantic.d.ts","sourceRoot":"","sources":["../../../../../src/tokens/create/generators/semantic.ts"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAEvD,KAAK,aAAa,GAAG;IACnB,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;IACvC,eAAe,EAAE,MAAM,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;CAC3C,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,QAAQ,MAAM,EAAE,YAAY,MAAM;;;;;;;;;;;;;;;;;;;;;;;;CA8DlE,CAAC"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../../../src/tokens/create/generators/theme.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAEvD,eAAO,MAAM,aAAa,GAAI,QAAQ,MAAM,EAAE,WAAW,MAAM,EAAE,cAAc,MAAM,aAyDpF,CAAC"}
@@ -1,3 +0,0 @@
1
- import type { TokenSet, Typography } from '../../types.js';
2
- export declare const generateTypography: (themeName: string, { fontFamily }: Typography) => TokenSet;
3
- //# sourceMappingURL=typography.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"typography.d.ts","sourceRoot":"","sources":["../../../../../src/tokens/create/generators/typography.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAE3D,eAAO,MAAM,kBAAkB,GAAI,WAAW,MAAM,EAAE,gBAAgB,UAAU,KAAG,QAMlF,CAAC"}
@@ -1,33 +0,0 @@
1
- // src/tokens/template/design-tokens/primitives/modes/typography/typography.template.json with { type: 'json' }
2
- var typography_template_default = {
3
- "<theme>": {
4
- "font-family": {
5
- $type: "fontFamilies",
6
- $value: "<font-family>"
7
- },
8
- "font-weight": {
9
- medium: {
10
- $type: "fontWeights",
11
- $value: "Medium"
12
- },
13
- semibold: {
14
- $type: "fontWeights",
15
- $value: "Semi bold"
16
- },
17
- regular: {
18
- $type: "fontWeights",
19
- $value: "Regular"
20
- }
21
- }
22
- }
23
- };
24
-
25
- // src/tokens/create/generators/typography.ts
26
- var generateTypography = (themeName, { fontFamily }) => {
27
- return JSON.parse(
28
- JSON.stringify(typography_template_default).replaceAll(/<font-family>/g, fontFamily).replaceAll(/<theme>/g, themeName)
29
- );
30
- };
31
- export {
32
- generateTypography
33
- };
@@ -1,5 +0,0 @@
1
- // src/tokens/template/design-tokens/primitives/globals.json
2
- var globals_default = "../../../../../globals-76VAFMDF.json";
3
- export {
4
- globals_default as default
5
- };
@@ -1,5 +0,0 @@
1
- // src/tokens/template/design-tokens/primitives/modes/size/global.json
2
- var global_default = "../../../../../../../global-Y35YADVH.json";
3
- export {
4
- global_default as default
5
- };
@@ -1,5 +0,0 @@
1
- // src/tokens/template/design-tokens/primitives/modes/size/large.json
2
- var large_default = "../../../../../../../large-UUOZ6DYI.json";
3
- export {
4
- large_default as default
5
- };
@@ -1,5 +0,0 @@
1
- // src/tokens/template/design-tokens/primitives/modes/size/medium.json
2
- var medium_default = "../../../../../../../medium-OQ7S7P4P.json";
3
- export {
4
- medium_default as default
5
- };
@@ -1,5 +0,0 @@
1
- // src/tokens/template/design-tokens/primitives/modes/size/small.json
2
- var small_default = "../../../../../../../small-ZY4KOJWX.json";
3
- export {
4
- small_default as default
5
- };
@@ -1,5 +0,0 @@
1
- // src/tokens/template/design-tokens/primitives/modes/typography/size/large.json
2
- var large_default = "../../../../../../../../large-CIIHO7AY.json";
3
- export {
4
- large_default as default
5
- };
@@ -1,5 +0,0 @@
1
- // src/tokens/template/design-tokens/primitives/modes/typography/size/medium.json
2
- var medium_default = "../../../../../../../../medium-VSB2S4X3.json";
3
- export {
4
- medium_default as default
5
- };
@@ -1,5 +0,0 @@
1
- // src/tokens/template/design-tokens/primitives/modes/typography/size/small.json
2
- var small_default = "../../../../../../../../small-AEXJ6U7Z.json";
3
- export {
4
- small_default as default
5
- };
@@ -1,5 +0,0 @@
1
- // src/tokens/template/design-tokens/primitives/modes/typography/typography.template.json
2
- var typography_template_default = "../../../../../../../typography.template-4N5YLH7F.json";
3
- export {
4
- typography_template_default as default
5
- };
@@ -1,5 +0,0 @@
1
- // src/tokens/template/design-tokens/semantic/color.base.template.json
2
- var color_base_template_default = "../../../../../color.base.template-Z7YWN2TF.json";
3
- export {
4
- color_base_template_default as default
5
- };
@@ -1,5 +0,0 @@
1
- // src/tokens/template/design-tokens/semantic/color.template.json
2
- var color_template_default = "../../../../../color.template-XQNSHLTU.json";
3
- export {
4
- color_template_default as default
5
- };
@@ -1,5 +0,0 @@
1
- // src/tokens/template/design-tokens/semantic/modes/color.template.json
2
- var color_template_default = "../../../../../../color.template-LMPUQ72A.json";
3
- export {
4
- color_template_default as default
5
- };
@@ -1,5 +0,0 @@
1
- // src/tokens/template/design-tokens/semantic/style.json
2
- var style_default = "../../../../../style-FP5XVCUD.json";
3
- export {
4
- style_default as default
5
- };
@@ -1,5 +0,0 @@
1
- // src/tokens/template/design-tokens/themes/theme.base.template.json
2
- var theme_base_template_default = "../../../../../theme.base.template-Y4RMFBQY.json";
3
- export {
4
- theme_base_template_default as default
5
- };
@@ -1,5 +0,0 @@
1
- // src/tokens/template/design-tokens/themes/theme.template.json
2
- var theme_template_default = "../../../../../theme.template-CTQRNOMO.json";
3
- export {
4
- theme_template_default as default
5
- };
@@ -1,378 +0,0 @@
1
- {
2
- "typography": {
3
- "heading": {
4
- "2xl": {
5
- "$type": "typography",
6
- "$value": {
7
- "fontFamily": "{font-family}",
8
- "fontWeight": "{font-weight.medium}",
9
- "lineHeight": "{line-height.sm}",
10
- "fontSize": "{font-size.10}",
11
- "letterSpacing": "{letter-spacing.1}"
12
- }
13
- },
14
- "xl": {
15
- "$type": "typography",
16
- "$value": {
17
- "fontFamily": "{font-family}",
18
- "fontWeight": "{font-weight.medium}",
19
- "lineHeight": "{line-height.sm}",
20
- "fontSize": "{font-size.9}",
21
- "letterSpacing": "{letter-spacing.1}"
22
- }
23
- },
24
- "lg": {
25
- "$type": "typography",
26
- "$value": {
27
- "fontFamily": "{font-family}",
28
- "fontWeight": "{font-weight.medium}",
29
- "lineHeight": "{line-height.sm}",
30
- "fontSize": "{font-size.8}",
31
- "letterSpacing": "{letter-spacing.2}"
32
- }
33
- },
34
- "md": {
35
- "$type": "typography",
36
- "$value": {
37
- "fontFamily": "{font-family}",
38
- "fontWeight": "{font-weight.medium}",
39
- "lineHeight": "{line-height.sm}",
40
- "fontSize": "{font-size.7}",
41
- "letterSpacing": "{letter-spacing.3}"
42
- }
43
- },
44
- "sm": {
45
- "$type": "typography",
46
- "$value": {
47
- "fontFamily": "{font-family}",
48
- "fontWeight": "{font-weight.medium}",
49
- "lineHeight": "{line-height.sm}",
50
- "fontSize": "{font-size.6}",
51
- "letterSpacing": "{letter-spacing.5}"
52
- }
53
- },
54
- "xs": {
55
- "$type": "typography",
56
- "$value": {
57
- "fontFamily": "{font-family}",
58
- "fontWeight": "{font-weight.medium}",
59
- "lineHeight": "{line-height.sm}",
60
- "fontSize": "{font-size.5}",
61
- "letterSpacing": "{letter-spacing.6}"
62
- }
63
- },
64
- "2xs": {
65
- "$type": "typography",
66
- "$value": {
67
- "fontFamily": "{font-family}",
68
- "fontWeight": "{font-weight.medium}",
69
- "lineHeight": "{line-height.sm}",
70
- "fontSize": "{font-size.4}",
71
- "letterSpacing": "{letter-spacing.6}"
72
- }
73
- }
74
- },
75
- "body": {
76
- "xl": {
77
- "$type": "typography",
78
- "$value": {
79
- "fontFamily": "{font-family}",
80
- "fontWeight": "{font-weight.regular}",
81
- "lineHeight": "{line-height.md}",
82
- "fontSize": "{font-size.6}",
83
- "letterSpacing": "{letter-spacing.8}"
84
- }
85
- },
86
- "lg": {
87
- "$type": "typography",
88
- "$value": {
89
- "fontFamily": "{font-family}",
90
- "fontWeight": "{font-weight.regular}",
91
- "lineHeight": "{line-height.md}",
92
- "fontSize": "{font-size.5}",
93
- "letterSpacing": "{letter-spacing.8}"
94
- }
95
- },
96
- "md": {
97
- "$type": "typography",
98
- "$value": {
99
- "fontFamily": "{font-family}",
100
- "fontWeight": "{font-weight.regular}",
101
- "lineHeight": "{line-height.md}",
102
- "fontSize": "{font-size.4}",
103
- "letterSpacing": "{letter-spacing.8}"
104
- }
105
- },
106
- "sm": {
107
- "$type": "typography",
108
- "$value": {
109
- "fontFamily": "{font-family}",
110
- "fontWeight": "{font-weight.regular}",
111
- "lineHeight": "{line-height.md}",
112
- "fontSize": "{font-size.3}",
113
- "letterSpacing": "{letter-spacing.7}"
114
- }
115
- },
116
- "xs": {
117
- "$type": "typography",
118
- "$value": {
119
- "fontFamily": "{font-family}",
120
- "fontWeight": "{font-weight.regular}",
121
- "lineHeight": "{line-height.md}",
122
- "fontSize": "{font-size.2}",
123
- "letterSpacing": "{letter-spacing.6}"
124
- }
125
- },
126
- "short": {
127
- "xl": {
128
- "$type": "typography",
129
- "$value": {
130
- "fontFamily": "{font-family}",
131
- "fontWeight": "{font-weight.regular}",
132
- "lineHeight": "{line-height.sm}",
133
- "fontSize": "{font-size.6}",
134
- "letterSpacing": "{letter-spacing.8}"
135
- }
136
- },
137
- "lg": {
138
- "$type": "typography",
139
- "$value": {
140
- "fontFamily": "{font-family}",
141
- "fontWeight": "{font-weight.regular}",
142
- "lineHeight": "{line-height.sm}",
143
- "fontSize": "{font-size.5}",
144
- "letterSpacing": "{letter-spacing.8}"
145
- }
146
- },
147
- "md": {
148
- "$type": "typography",
149
- "$value": {
150
- "fontFamily": "{font-family}",
151
- "fontWeight": "{font-weight.regular}",
152
- "lineHeight": "{line-height.sm}",
153
- "fontSize": "{font-size.4}",
154
- "letterSpacing": "{letter-spacing.8}"
155
- }
156
- },
157
- "sm": {
158
- "$type": "typography",
159
- "$value": {
160
- "fontFamily": "{font-family}",
161
- "fontWeight": "{font-weight.regular}",
162
- "lineHeight": "{line-height.sm}",
163
- "fontSize": "{font-size.3}",
164
- "letterSpacing": "{letter-spacing.7}"
165
- }
166
- },
167
- "xs": {
168
- "$type": "typography",
169
- "$value": {
170
- "fontFamily": "{font-family}",
171
- "fontWeight": "{font-weight.regular}",
172
- "lineHeight": "{line-height.sm}",
173
- "fontSize": "{font-size.2}",
174
- "letterSpacing": "{letter-spacing.6}"
175
- }
176
- }
177
- },
178
- "long": {
179
- "xl": {
180
- "$type": "typography",
181
- "$value": {
182
- "fontFamily": "{font-family}",
183
- "fontWeight": "{font-weight.regular}",
184
- "lineHeight": "{line-height.lg}",
185
- "fontSize": "{font-size.6}",
186
- "letterSpacing": "{letter-spacing.8}"
187
- }
188
- },
189
- "lg": {
190
- "$type": "typography",
191
- "$value": {
192
- "fontFamily": "{font-family}",
193
- "fontWeight": "{font-weight.regular}",
194
- "lineHeight": "{line-height.lg}",
195
- "fontSize": "{font-size.5}",
196
- "letterSpacing": "{letter-spacing.8}"
197
- }
198
- },
199
- "md": {
200
- "$type": "typography",
201
- "$value": {
202
- "fontFamily": "{font-family}",
203
- "fontWeight": "{font-weight.regular}",
204
- "lineHeight": "{line-height.lg}",
205
- "fontSize": "{font-size.4}",
206
- "letterSpacing": "{letter-spacing.8}"
207
- }
208
- },
209
- "sm": {
210
- "$type": "typography",
211
- "$value": {
212
- "fontFamily": "{font-family}",
213
- "fontWeight": "{font-weight.regular}",
214
- "lineHeight": "{line-height.lg}",
215
- "fontSize": "{font-size.3}",
216
- "letterSpacing": "{letter-spacing.7}"
217
- }
218
- },
219
- "xs": {
220
- "$type": "typography",
221
- "$value": {
222
- "fontFamily": "{font-family}",
223
- "fontWeight": "{font-weight.regular}",
224
- "lineHeight": "{line-height.lg}",
225
- "fontSize": "{font-size.2}",
226
- "letterSpacing": "{letter-spacing.6}"
227
- }
228
- }
229
- }
230
- }
231
- },
232
- "opacity": {
233
- "disabled": {
234
- "$type": "opacity",
235
- "$value": "{opacity.30}"
236
- }
237
- },
238
- "border-width": {
239
- "default": {
240
- "$type": "borderWidth",
241
- "$value": "{border-width.1}"
242
- },
243
- "focus": {
244
- "$type": "borderWidth",
245
- "$value": "{border-width.3}"
246
- }
247
- },
248
- "shadow": {
249
- "xs": {
250
- "$type": "boxShadow",
251
- "$value": "{shadow.100}"
252
- },
253
- "sm": {
254
- "$type": "boxShadow",
255
- "$value": "{shadow.200}"
256
- },
257
- "md": {
258
- "$type": "boxShadow",
259
- "$value": "{shadow.300}"
260
- },
261
- "lg": {
262
- "$type": "boxShadow",
263
- "$value": "{shadow.400}"
264
- },
265
- "xl": {
266
- "$type": "boxShadow",
267
- "$value": "{shadow.500}"
268
- }
269
- },
270
- "border-radius": {
271
- "sm": {
272
- "$type": "dimension",
273
- "$value": "{border-radius.1}"
274
- },
275
- "md": {
276
- "$type": "dimension",
277
- "$value": "{border-radius.2}"
278
- },
279
- "lg": {
280
- "$type": "dimension",
281
- "$value": "{border-radius.3}"
282
- },
283
- "xl": {
284
- "$type": "dimension",
285
- "$value": "{border-radius.4}"
286
- },
287
- "default": {
288
- "$type": "dimension",
289
- "$value": "{border-radius.5}"
290
- },
291
- "full": {
292
- "$type": "dimension",
293
- "$value": "{border-radius.6}"
294
- }
295
- },
296
- "size": {
297
- "0": {
298
- "$type": "dimension",
299
- "$value": "{_size.0}"
300
- },
301
- "1": {
302
- "$type": "dimension",
303
- "$value": "{_size.1}"
304
- },
305
- "2": {
306
- "$type": "dimension",
307
- "$value": "{_size.2}"
308
- },
309
- "3": {
310
- "$type": "dimension",
311
- "$value": "{_size.3}"
312
- },
313
- "4": {
314
- "$type": "dimension",
315
- "$value": "{_size.4}"
316
- },
317
- "5": {
318
- "$type": "dimension",
319
- "$value": "{_size.5}"
320
- },
321
- "6": {
322
- "$type": "dimension",
323
- "$value": "{_size.6}"
324
- },
325
- "7": {
326
- "$type": "dimension",
327
- "$value": "{_size.7}"
328
- },
329
- "8": {
330
- "$type": "dimension",
331
- "$value": "{_size.8}"
332
- },
333
- "9": {
334
- "$type": "dimension",
335
- "$value": "{_size.9}"
336
- },
337
- "10": {
338
- "$type": "dimension",
339
- "$value": "{_size.10}"
340
- },
341
- "11": {
342
- "$type": "dimension",
343
- "$value": "{_size.11}"
344
- },
345
- "12": {
346
- "$type": "dimension",
347
- "$value": "{_size.12}"
348
- },
349
- "13": {
350
- "$type": "dimension",
351
- "$value": "{_size.13}"
352
- },
353
- "14": {
354
- "$type": "dimension",
355
- "$value": "{_size.14}"
356
- },
357
- "15": {
358
- "$type": "dimension",
359
- "$value": "{_size.15}"
360
- },
361
- "18": {
362
- "$type": "dimension",
363
- "$value": "{_size.18}"
364
- },
365
- "22": {
366
- "$type": "dimension",
367
- "$value": "{_size.22}"
368
- },
369
- "26": {
370
- "$type": "dimension",
371
- "$value": "{_size.26}"
372
- },
373
- "30": {
374
- "$type": "dimension",
375
- "$value": "{_size.30}"
376
- }
377
- }
378
- }
@@ -1,55 +0,0 @@
1
- {
2
- "color": {},
3
- "font-family": {
4
- "$type": "fontFamilies",
5
- "$value": "{<theme>.font-family}"
6
- },
7
- "font-weight": {
8
- "medium": {
9
- "$type": "fontWeights",
10
- "$value": "{<theme>.font-weight.medium}"
11
- },
12
- "semibold": {
13
- "$type": "fontWeights",
14
- "$value": "{<theme>.font-weight.semibold}"
15
- },
16
- "regular": {
17
- "$type": "fontWeights",
18
- "$value": "{<theme>.font-weight.regular}"
19
- }
20
- },
21
- "border-radius": {
22
- "1": {
23
- "$type": "dimension",
24
- "$value": "min({border-radius.base}*0.5,{border-radius.scale})"
25
- },
26
- "2": {
27
- "$type": "dimension",
28
- "$value": "min({border-radius.base},{border-radius.scale}*2)"
29
- },
30
- "3": {
31
- "$type": "dimension",
32
- "$value": "min({border-radius.base}*2,{border-radius.scale}*5)"
33
- },
34
- "4": {
35
- "$type": "dimension",
36
- "$value": "min({border-radius.base}*3,{border-radius.scale}*7)"
37
- },
38
- "5": {
39
- "$type": "dimension",
40
- "$value": "{border-radius.base}"
41
- },
42
- "6": {
43
- "$type": "dimension",
44
- "$value": "9999"
45
- },
46
- "base": {
47
- "$type": "dimension",
48
- "$value": "4"
49
- },
50
- "scale": {
51
- "$type": "dimension",
52
- "$value": "4"
53
- }
54
- }
55
- }