@ndla/preset-panda 0.0.57 → 0.0.59

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 (41) hide show
  1. package/dist/styles.css +27 -32
  2. package/es/{animations.js → animations.mjs} +1 -1
  3. package/es/animations.mjs.map +1 -0
  4. package/es/{boxShadows.js → boxShadows.mjs} +1 -1
  5. package/es/boxShadows.mjs.map +1 -0
  6. package/es/{colors.js → colors.mjs} +1 -1
  7. package/es/colors.mjs.map +1 -0
  8. package/es/{conditions.js → conditions.mjs} +1 -1
  9. package/es/conditions.mjs.map +1 -0
  10. package/es/{globalCss.js → globalCss.mjs} +1 -1
  11. package/es/globalCss.mjs.map +1 -0
  12. package/es/{index.js → index.mjs} +12 -12
  13. package/es/index.mjs.map +1 -0
  14. package/es/plugins/{forwardCssPropPlugin.js → forwardCssPropPlugin.mjs} +11 -5
  15. package/es/plugins/forwardCssPropPlugin.mjs.map +1 -0
  16. package/es/{radii.js → radii.mjs} +1 -1
  17. package/es/radii.mjs.map +1 -0
  18. package/es/{semanticTokens.js → semanticTokens.mjs} +1 -1
  19. package/es/semanticTokens.mjs.map +1 -0
  20. package/es/{spacing.js → spacing.mjs} +1 -1
  21. package/es/spacing.mjs.map +1 -0
  22. package/es/{typography.js → typography.mjs} +1 -1
  23. package/es/typography.mjs.map +1 -0
  24. package/es/{zIndex.js → zIndex.mjs} +1 -1
  25. package/es/zIndex.mjs.map +1 -0
  26. package/lib/conditions.js.map +1 -1
  27. package/lib/plugins/forwardCssPropPlugin.js +10 -4
  28. package/lib/plugins/forwardCssPropPlugin.js.map +1 -1
  29. package/package.json +5 -5
  30. package/es/animations.js.map +0 -1
  31. package/es/boxShadows.js.map +0 -1
  32. package/es/colors.js.map +0 -1
  33. package/es/conditions.js.map +0 -1
  34. package/es/globalCss.js.map +0 -1
  35. package/es/index.js.map +0 -1
  36. package/es/plugins/forwardCssPropPlugin.js.map +0 -1
  37. package/es/radii.js.map +0 -1
  38. package/es/semanticTokens.js.map +0 -1
  39. package/es/spacing.js.map +0 -1
  40. package/es/typography.js.map +0 -1
  41. package/es/zIndex.js.map +0 -1
package/dist/styles.css CHANGED
@@ -8,8 +8,8 @@
8
8
  }
9
9
 
10
10
  html {
11
- min-height: 100%;
12
11
  font-feature-settings: 'ss03' on, 'liga' off, 'clig' off;
12
+ min-height: 100%;
13
13
  }
14
14
 
15
15
  html h1,html h2,html h3,html h4,html h5,html h6 {
@@ -29,8 +29,8 @@
29
29
  a:is(:focus-visible, [data-focus-visible]),summary:is(:focus-visible, [data-focus-visible]),[tabindex]:not([tabindex='-1']):is(:focus-visible, [data-focus-visible]) {
30
30
  outline: 3px;
31
31
  border-radius: var(--radii-xsmall);
32
- outline-offset: 3px;
33
32
  outline-color: var(--colors-stroke-default);
33
+ outline-offset: 3px;
34
34
  outline-style: solid;
35
35
  }
36
36
 
@@ -44,9 +44,9 @@
44
44
  }
45
45
 
46
46
  .ndla-article {
47
- letter-spacing: normal;
48
47
  font-family: var(--fonts-serif);
49
48
  font-weight: var(--font-weights-normal);
49
+ letter-spacing: normal;
50
50
  font-size: var(--font-sizes-medium);
51
51
  line-height: var(--line-heights-medium);
52
52
  }
@@ -61,9 +61,9 @@
61
61
  }
62
62
 
63
63
  .ndla-article h1 {
64
- letter-spacing: -0.01em;
65
64
  font-family: var(--fonts-sans);
66
65
  font-weight: var(--font-weights-bold);
66
+ letter-spacing: -0.01em;
67
67
  font-size: var(--font-sizes-3xlarge);
68
68
  line-height: var(--line-heights-3xlarge);
69
69
  }
@@ -74,9 +74,9 @@
74
74
  }
75
75
 
76
76
  .ndla-article h2 {
77
- letter-spacing: -0.01em;
78
77
  font-family: var(--fonts-sans);
79
78
  font-weight: var(--font-weights-bold);
79
+ letter-spacing: -0.01em;
80
80
  font-size: var(--font-sizes-xxlarge);
81
81
  line-height: var(--line-heights-xxlarge);
82
82
  }
@@ -87,9 +87,9 @@
87
87
  }
88
88
 
89
89
  .ndla-article h3 {
90
- letter-spacing: -0.01em;
91
90
  font-family: var(--fonts-sans);
92
91
  font-weight: var(--font-weights-bold);
92
+ letter-spacing: -0.01em;
93
93
  font-size: var(--font-sizes-large);
94
94
  line-height: var(--line-heights-large);
95
95
  }
@@ -100,9 +100,9 @@
100
100
  }
101
101
 
102
102
  .ndla-article h4,.ndla-article h5,.ndla-article h6 {
103
- letter-spacing: -0.01em;
104
103
  font-family: var(--fonts-sans);
105
104
  font-weight: var(--font-weights-bold);
105
+ letter-spacing: -0.01em;
106
106
  font-size: var(--font-sizes-medium);
107
107
  line-height: var(--line-heights-small);
108
108
  }
@@ -117,9 +117,9 @@
117
117
  }
118
118
 
119
119
  .ndla-article blockquote {
120
- letter-spacing: normal;
121
120
  font-family: var(--fonts-serif);
122
121
  font-weight: var(--font-weights-normal);
122
+ letter-spacing: normal;
123
123
  font-size: var(--font-sizes-small);
124
124
  line-height: var(--line-heights-small);
125
125
  }
@@ -184,8 +184,8 @@
184
184
  }
185
185
 
186
186
  a:not([class]):not([data-unstyled]),a[class=""]:not([data-unstyled]) {
187
- color: var(--colors-text-link);
188
187
  text-decoration: underline;
188
+ color: var(--colors-text-link);
189
189
  }
190
190
 
191
191
  a:not([class]):not([data-unstyled]):visited,a[class=""]:not([data-unstyled]):visited {
@@ -198,12 +198,13 @@
198
198
 
199
199
  .codeblock {
200
200
  border: 1px solid;
201
+ border-color: var(--colors-stroke-subtle);
201
202
  border-left: 4px solid;
202
203
  border-radius: var(--radii-xsmall);
203
204
  box-sizing: border-box;
204
- letter-spacing: normal;
205
205
  font-family: var(--fonts-code);
206
206
  font-weight: var(--font-weights-normal);
207
+ letter-spacing: normal;
207
208
  font-size: var(--font-sizes-small);
208
209
  line-height: var(--line-heights-small);
209
210
  }
@@ -216,20 +217,24 @@
216
217
  .codeblock {
217
218
  display: block;
218
219
  white-space: pre;
219
- border-color: var(--colors-stroke-subtle);
220
220
  border-left-color: var(--colors-stroke-default);
221
221
  overflow-x: auto;
222
222
  }
223
223
 
224
+ .codeblock .token.operator,.codeblock .token.entity,.codeblock .token.url,.codeblock .token.variable,.codeblock .language-css .token.string,.codeblock .style .token.string {
225
+ background: rgba(255, 255, 255, 0.5);
226
+ color: #a67f59;
227
+ }
228
+
224
229
  .codeblock .linenumber {
225
- display: inline-block;
226
230
  padding-block: 0;
227
231
  padding-inline: var(--spacing-small);
228
232
  border-right: 1px solid;
229
- width: var(--sizes-xxlarge);
233
+ border-color: var(--colors-stroke-subtle);
234
+ display: inline-block;
230
235
  text-align: right;
231
236
  margin-inline-end: var(--spacing-xsmall);
232
- border-color: var(--colors-stroke-subtle);
237
+ width: var(--sizes-xxlarge);
233
238
  }
234
239
 
235
240
  .codeblock :nth-child(1 of .linenumber) {
@@ -256,11 +261,6 @@
256
261
  color: #2f9c0a;
257
262
  }
258
263
 
259
- .codeblock .token.operator,.codeblock .token.entity,.codeblock .token.url,.codeblock .token.variable {
260
- color: #a67f59;
261
- background: rgba(255, 255, 255, 0.5);
262
- }
263
-
264
264
  .codeblock .token.atrule,.codeblock .token.attr-value,.codeblock .token.keyword,.codeblock .token.class-name {
265
265
  color: #1990b8;
266
266
  }
@@ -269,19 +269,6 @@
269
269
  color: #e90;
270
270
  }
271
271
 
272
- .codeblock .language-css .token.string,.codeblock .style .token.string {
273
- color: #a67f59;
274
- background: rgba(255, 255, 255, 0.5);
275
- }
276
-
277
- .codeblock .token.entity {
278
- cursor: help;
279
- }
280
-
281
- .codeblock .token.namespace {
282
- opacity: 0.7;
283
- }
284
-
285
272
  .codeblock .token.important {
286
273
  font-weight: var(--font-weights-normal);
287
274
  }
@@ -294,6 +281,14 @@
294
281
  font-style: italic;
295
282
  }
296
283
 
284
+ .codeblock .token.entity {
285
+ cursor: help;
286
+ }
287
+
288
+ .codeblock .token.namespace {
289
+ opacity: 0.7;
290
+ }
291
+
297
292
  *,::before,::after,::backdrop {
298
293
  --blur: /*-*/ /*-*/;
299
294
  --brightness: /*-*/ /*-*/;
@@ -112,4 +112,4 @@ const keyframes = {
112
112
 
113
113
  //#endregion
114
114
  export { animations, durations, easings, keyframes };
115
- //# sourceMappingURL=animations.js.map
115
+ //# sourceMappingURL=animations.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"animations.mjs","names":[],"sources":["../src/animations.ts"],"sourcesContent":["/**\n * Copyright (c) 2024-present, NDLA.\n *\n * This source code is licensed under the GPLv3 license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport { defineTokens } from \"@pandacss/dev\";\n\nexport const animations = defineTokens.animations({\n spin: {\n value: \"spin 700ms infinite linear\",\n },\n \"collapse-in\": {\n value: \"collapse-in 250ms {easings.emphasized-in}\",\n },\n \"collapse-out\": {\n value: \"collapse-out 200ms {easings.emphasized-out}\",\n },\n \"fade-shift-in\": {\n value: \"fade-shift-in 200ms {easings.emphasized-in}\",\n },\n \"fade-shift-out\": {\n value: \"fade-shift-in 200ms {easings.emphasized-in}\",\n },\n \"backdrop-in\": {\n value: \"fade-in 250ms {easings.emphasized-in}\",\n },\n \"backdrop-out\": {\n value: \"fade-out 200ms {easings.emphasized-out}\",\n },\n \"dialog-in\": {\n value: \"fade-in 400ms {easings.emphasized-in}\",\n },\n \"dialog-out\": {\n value: \"fade-out 200ms {easings.emphasized-out}\",\n },\n \"drawer-in-left\": {\n value: \"slide-in-left 400ms {easings.emphasized-in}\",\n },\n \"drawer-out-left\": {\n value: \"slide-out-left 200ms {easings.emphasized-out}\",\n },\n \"drawer-in-right\": {\n value: \"slide-in-right 400ms {easings.emphasized-in}\",\n },\n \"drawer-out-right\": {\n value: \"slide-out-right 200ms {easings.emphasized-out}\",\n },\n \"drawer-in-bottom\": {\n value: \"slide-in-bottom 400ms {easings.emphasized-in}\",\n },\n \"drawer-out-bottom\": {\n value: \"slide-out-bottom 200ms {easings.emphasized-out}\",\n },\n \"drawer-in-top\": {\n value: \"slide-in-top 400ms {easings.emphasized-in}\",\n },\n \"drawer-out-top\": {\n value: \"slide-out-top 200ms {easings.emphasized-out}\",\n },\n \"skeleton-pulse\": {\n value: \"skeleton-pulse 2s {easings.pulse} infinite\",\n },\n});\n\nexport const easings = defineTokens.easings({\n default: { value: \"cubic-bezier(0.17, 0.04, 0.03, 0.94)\" },\n \"emphasized-in\": { value: \"cubic-bezier(0.05, 0.7, 0.1, 1.0)\" },\n \"emphasized-out\": { value: \"cubic-bezier(0.3, 0.0, 0.8, 0.15)\" },\n pulse: { value: \"cubic-bezier(0.4, 0.0, 0.6, 1.0)\" },\n});\n\nexport const durations = defineTokens.durations({\n superFast: { value: \"100ms\" },\n fast: { value: \"200ms\" },\n normal: { value: \"400ms\" },\n slow: { value: \"600ms\" },\n infinite: { value: \"infinite\" },\n});\n\nexport const keyframes = {\n spin: {\n from: { transform: \"rotate(0deg)\" },\n to: { transform: \"rotate(360deg)\" },\n },\n \"fade-shift-in\": {\n \"0%\": { opacity: \"0\", transform: \"translateY(-4px)\" },\n \"100%\": { opacity: \"1\", transform: \"translateY(0)\" },\n },\n \"fade-shift-out\": {\n \"0%\": { opacity: \"1\", transform: \"translateY(0)\" },\n \"100%\": { opacity: \"0\", transform: \"translateY(-4px)\" },\n },\n \"collapse-in\": {\n \"0%\": { height: \"0\" },\n \"100%\": { height: \"var(--height)\" },\n },\n \"collapse-out\": {\n \"0%\": { height: \"var(--height)\" },\n \"100%\": { height: \"0\" },\n },\n \"fade-in\": {\n from: { opacity: \"0\" },\n to: { opacity: \"1\" },\n },\n \"fade-out\": {\n from: { opacity: \"1\" },\n to: { opacity: \"0\" },\n },\n \"slide-in-left\": {\n \"0%\": { transform: \"translateX(-100%)\" },\n \"100%\": { transform: \"translateX(0%)\" },\n },\n \"slide-out-left\": {\n \"0%\": { transform: \"translateX(0%)\" },\n \"100%\": { transform: \"translateX(-100%)\" },\n },\n \"slide-in-right\": {\n \"0%\": { transform: \"translateX(100%)\" },\n \"100%\": { transform: \"translateX(0%)\" },\n },\n \"slide-out-right\": {\n \"0%\": { transform: \"translateX(0%)\" },\n \"100%\": { transform: \"translateX(100%)\" },\n },\n \"slide-in-top\": {\n \"0%\": { transform: \"translateY(-100%)\" },\n \"100%\": { transform: \"translateY(0%)\" },\n },\n \"slide-out-top\": {\n \"0%\": { transform: \"translateY(0%)\" },\n \"100%\": { transform: \"translateY(-100%)\" },\n },\n \"slide-in-bottom\": {\n \"0%\": { transform: \"translateY(100%)\" },\n \"100%\": { transform: \"translateY(0%)\" },\n },\n \"slide-out-bottom\": {\n \"0%\": { transform: \"translateY(0%)\" },\n \"100%\": { transform: \"translateY(100%)\" },\n },\n \"skeleton-pulse\": {\n \"50%\": { opacity: \"0.5\" },\n },\n};\n"],"mappings":"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"}
@@ -31,4 +31,4 @@ const boxShadows = defineTokens.shadows({
31
31
 
32
32
  //#endregion
33
33
  export { boxShadows };
34
- //# sourceMappingURL=boxShadows.js.map
34
+ //# sourceMappingURL=boxShadows.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"boxShadows.mjs","names":[],"sources":["../src/boxShadows.ts"],"sourcesContent":["/**\n * Copyright (c) 2024-present, NDLA.\n *\n * This source code is licensed under the GPLv3 license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport { defineTokens } from \"@pandacss/dev\";\n\nexport const boxShadows = defineTokens.shadows({\n xsmall: { value: [\"0px 1px 4px 0px rgba(0, 0, 0, 0.15)\", \"0px 0px 1px 0px rgba(0, 0, 0, 0.18)\"] },\n small: {\n value: [\n \"0px 3px 8px 0px rgba(0, 0, 0, 0.1)\",\n \"0px 1px 3px 0px rgba(0, 0, 0, 0.1)\",\n \"0px 0px 1px 0px rgba(0, 0, 0, 0.18)\",\n ],\n },\n medium: {\n value: [\n \"0px 5px 12px 0px rgba(0, 0, 0, 0.13)\",\n \"0px 1px 3px 0px rgba(0, 0, 0, 0.1)\",\n \"0px 0px 1px 0px rgba(0, 0, 0, 0.15)\",\n ],\n },\n large: {\n value: [\n \"0px 10px 16px 0px rgba(0, 0, 0, 0.12)\",\n \"0px 2px 5px 0px rgba(0, 0, 0, 0.15)\",\n \"0px 0px 1px 0px rgba(0, 0, 0, 0.12)\",\n ],\n },\n xlarge: {\n value: [\n \"0px 10px 24px 0px rgba(0, 0, 0, 0.18)\",\n \"0px 2px 5px 0px rgba(0, 0, 0, 0.15)\",\n \"0px 0px 1px 0px rgba(0, 0, 0, 0.08)\",\n ],\n },\n full: {\n value: \"4px 4px 0px 0px {colors.primary}\",\n },\n inner: {\n value: `0px -1px 0px 0px rgba(45, 27, 98, 0.25) inset`, //colors.primary\n },\n innerTop: {\n value: \"0px 1px 0px 0px rgba(45, 27, 98, 0.25) inset\", //colors.primary\n },\n innerRight: {\n value: \"-1px 0px 0px 0px rgba(45, 27, 98, 0.25) inset\", //colors.primary\n },\n});\n"],"mappings":";;;AAUA,MAAa,aAAa,aAAa,QAAQ;CAC7C,QAAQ,EAAE,OAAO,CAAC,uCAAuC,qCAAsC,EAAE;CACjG,OAAO,EACL,OAAO;EACL;EACA;EACA;CACD,EACF;CACD,QAAQ,EACN,OAAO;EACL;EACA;EACA;CACD,EACF;CACD,OAAO,EACL,OAAO;EACL;EACA;EACA;CACD,EACF;CACD,QAAQ,EACN,OAAO;EACL;EACA;EACA;CACD,EACF;CACD,MAAM,EACJ,OAAO,mCACR;CACD,OAAO,EACL,QAAQ,+CACT;CACD,UAAU,EACR,OAAO,+CACR;CACD,YAAY,EACV,OAAO,gDACR;AACF,EAAC"}
@@ -130,4 +130,4 @@ const colors = defineTokens.colors({
130
130
 
131
131
  //#endregion
132
132
  export { colors };
133
- //# sourceMappingURL=colors.js.map
133
+ //# sourceMappingURL=colors.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"colors.mjs","names":[],"sources":["../src/colors.ts"],"sourcesContent":["/**\n * Copyright (c) 2024-present, NDLA.\n *\n * This source code is licensed under the GPLv3 license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport { defineTokens } from \"@pandacss/dev\";\n\nexport const colors = defineTokens.colors({\n grey: {\n 50: { value: \"#FAFAFA\" },\n 100: { value: \"#F2F2F3\" },\n 200: { value: \"#E4E4E7\" },\n 300: { value: \"#C9C9CF\" },\n 400: { value: \"#AFAFB6\" },\n 500: { value: \"#94949E\" },\n 600: { value: \"#797986\" },\n 700: { value: \"#61616B\" },\n 800: { value: \"#494950\" },\n 900: { value: \"#303036\" },\n 950: { value: \"#18181B\" },\n },\n blue: {\n 50: { value: \"#F1F9FD\" },\n 100: { value: \"#D1ECFA\" },\n 200: { value: \"#ACDFF6\" },\n 300: { value: \"#87D4F2\" },\n 400: { value: \"#6CCCEF\" },\n 500: { value: \"#40BDEB\" },\n 600: { value: \"#1E9CD2\" },\n 700: { value: \"#197AB2\" },\n 800: { value: \"#155784\" },\n 900: { value: \"#113F5F\" },\n 950: { value: \"#0B253D\" },\n },\n purple: {\n 50: { value: \"#F9F6FE\" },\n 100: { value: \"#F2EBFC\" },\n 200: { value: \"#E7DAFA\" },\n 300: { value: \"#DDC7FA\" },\n 400: { value: \"#D2B4F8\" },\n 500: { value: \"#C8A4F7\" },\n 600: { value: \"#B586F3\" },\n 700: { value: \"#8B65DC\" },\n 800: { value: \"#823CC8\" },\n 900: { value: \"#5E1F9E\" },\n 950: { value: \"#40116F\" },\n },\n lightYellow: {\n 50: { value: \"#FFFCF0\" },\n 100: { value: \"#FFF9DB\" },\n 200: { value: \"#FFF7CC\" },\n 300: { value: \"#FFF1A8\" },\n 400: { value: \"#FFED8F\" },\n 500: { value: \"#FFE767\" },\n 600: { value: \"#FFDD33\" },\n 700: { value: \"#FFCC00\" },\n 800: { value: \"#FFB700\" },\n 900: { value: \"#FAA700\" },\n 950: { value: \"#F08C00\" },\n 1000: { value: \"#CC8302\" },\n 1100: { value: \"#A25C06\" },\n 1200: { value: \"#86480D\" },\n 1300: { value: \"#7A3701\" },\n 1400: { value: \"#481A00\" },\n },\n yellow: {\n 50: { value: \"#FFF9E5\" },\n 100: { value: \"#FCEBB1\" },\n 200: { value: \"#FFE285\" },\n 300: { value: \"#FFCE2E\" },\n 400: { value: \"#FFC300\" },\n 500: { value: \"#E5AF00\" },\n 600: { value: \"#BA8E00\" },\n 700: { value: \"#AD8500\" },\n 800: { value: \"#8F6D00\" },\n 900: { value: \"#6B5200\" },\n 950: { value: \"#523E00\" },\n },\n lightGreen: {\n 50: { value: \"#EDFDF2\" },\n 100: { value: \"#DAFBE5\" },\n 200: { value: \"#C3F8D5\" },\n 300: { value: \"#A7F6C1\" },\n 400: { value: \"#81F3A7\" },\n 500: { value: \"#63F293\" },\n 600: { value: \"#42D774\" },\n 700: { value: \"#2CAF58\" },\n 800: { value: \"#238042\" },\n 900: { value: \"#174F2A\" },\n 950: { value: \"#11361E\" },\n },\n green: {\n 50: { value: \"#F3FCF5\" },\n 100: { value: \"#CCF1D6\" },\n 200: { value: \"#99DEAD\" },\n 300: { value: \"#66C786\" },\n 400: { value: \"#33AA5F\" },\n 500: { value: \"#06893A\" },\n 600: { value: \"#007C2E\" },\n 700: { value: \"#006A23\" },\n 800: { value: \"#005519\" },\n 900: { value: \"#003B0F\" },\n 950: { value: \"#002108\" },\n },\n pink: {\n 50: { value: \"#FEF2F3\" },\n 100: { value: \"#FDECEF\" },\n 200: { value: \"#FCDEE3\" },\n 300: { value: \"#F9C3CE\" },\n 400: { value: \"#F79CAE\" },\n 500: { value: \"#F67992\" },\n 600: { value: \"#EF4D6D\" },\n 700: { value: \"#D53457\" },\n 800: { value: \"#A82447\" },\n 900: { value: \"#761935\" },\n 950: { value: \"#4A1124\" },\n },\n red: {\n 50: { value: \"#FFE6E6\" },\n 100: { value: \"#FFC2C2\" },\n 200: { value: \"#F68282\" },\n 300: { value: \"#F25C5C\" },\n 400: { value: \"#DE2E2E\" },\n 500: { value: \"#C30000\" },\n 600: { value: \"#AD0000\" },\n 700: { value: \"#8C0000\" },\n 800: { value: \"#5C0000\" },\n 900: { value: \"#260000\" },\n 950: { value: \"#1A0000\" },\n },\n white: {\n value: \"#FFFFFF\",\n },\n primary: {\n value: \"#2D1B62\",\n },\n});\n"],"mappings":"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"}
@@ -15,4 +15,4 @@ const conditions = {
15
15
 
16
16
  //#endregion
17
17
  export { conditions };
18
- //# sourceMappingURL=conditions.js.map
18
+ //# sourceMappingURL=conditions.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"conditions.mjs","names":[],"sources":["../src/conditions.ts"],"sourcesContent":["/**\n * Copyright (c) 2024-present, NDLA.\n *\n * This source code is licensed under the GPLv3 license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\n// TODO: We might be able to get rid of some of these. See conditions.d.ts\n\nexport const conditions = {\n chinese: \"&:where([lang='zh'], [lang='zh-Hans'], [lang='zh-Hant']):not([data-pinyin])\",\n ariaInvalid: \"&:has([aria-invalid='true']), &[aria-invalid='true']\",\n disabled: \"&:is(:disabled, [disabled], [data-disabled], [aria-disabled='true'])\",\n on: '&:is([data-state=\"on\"])',\n};\n"],"mappings":";;;;;;;;AAUA,MAAa,aAAa;CACxB,SAAS;CACT,aAAa;CACb,UAAU;CACV,IAAI;AACL"}
@@ -147,4 +147,4 @@ const globalCss = defineGlobalStyles({
147
147
 
148
148
  //#endregion
149
149
  export { globalCss };
150
- //# sourceMappingURL=globalCss.js.map
150
+ //# sourceMappingURL=globalCss.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"globalCss.mjs","names":[],"sources":["../src/globalCss.ts"],"sourcesContent":["/**\n * Copyright (c) 2024-present, NDLA.\n *\n * This source code is licensed under the GPLv3 license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport { defineGlobalStyles } from \"@pandacss/dev\";\n\nexport const globalCss = defineGlobalStyles({\n \":root\": {\n // Applied to html in preflight (css reset)\n \"--global-font-body\": \"fonts.sans\",\n // Code, kbd, pre, samp\n \"--global-font-mono\": \"fonts.code\",\n },\n html: {\n minHeight: \"100%\",\n fontFeatureSettings: \"'ss03' on, 'liga' off, 'clig' off\",\n // this is included in the css reset we use. We don't want it.\n \"& h1, h2, h3, h4, h5, h6\": {\n textWrap: \"unset\",\n },\n },\n body: {\n background: \"background.default\",\n color: \"text.default\",\n },\n \"a, summary,[tabindex]:not([tabindex='-1'])\": {\n outline: \"none\",\n _focusVisible: {\n outline: \"3px\",\n borderRadius: \"xsmall\",\n outlineColor: \"stroke.default\",\n outlineOffset: \"3px\",\n outlineStyle: \"solid\",\n },\n },\n code: {\n background: \"background.subtle\",\n whiteSpace: \"pre-wrap\",\n },\n /* Hide default zendesk launcher so that we can provide our own. */\n \"iframe#launcher\": {\n display: \"none\",\n },\n // For future readers: Life here would be much simpler if we could use flex.\n // However, our usage of float within the article content forces us to use margins.\n \".ndla-article\": {\n h1: {\n textStyle: \"heading.medium\",\n },\n h2: {\n textStyle: \"heading.small\",\n },\n h3: {\n textStyle: \"title.medium\",\n },\n \"h4, h5, h6\": {\n textStyle: \"title.small\",\n },\n '& p[data-align=\"center\"]': {\n textAlign: \"center\",\n },\n // TODO: This is not an actual text style. Should it be?\n blockquote: {\n textStyle: \"body.medium\",\n fontFamily: \"serif\",\n },\n '& p:has(span[dir=\"rtl\"])': {\n direction: \"rtl\",\n },\n textStyle: \"body.article\",\n width: \"100%\",\n\n // Non-figure block elements that should have margin above and below.\n '& details, :not(li) > blockquote, [data-embed-type=\"expandable-box\"], [data-embed-type=\"framed-content\"], [data-embed-type=\"factbox\"], table, [data-embed-type=\"related-content-list\"], [data-embed-type=\"link-block-list\"], [data-embed-type=\"pitch\"], [data-embed-type=\"campaign-block\"], [data-embed-type=\"key-figure\"], [data-embed-type=\"grid\"], [data-embed-type=\"contact-block\"], [data-embed-type=\"file-list\"], [data-embed-type=\"uu-disclaimer\"]':\n {\n marginBlockStart: \"xxlarge\",\n marginBlockEnd: \"xxlarge\",\n tabletDown: {\n marginBlockStart: \"xlarge\",\n marginBlockEnd: \"xlarge\",\n },\n },\n\n // Article content is usually wrapped in a section. The rest of the elements in this list contains other elements, and should add margin to them no matter where they are placed in the DOM.\n '& section:not([class]), section:not([class]) > div:not([class]), [data-embed-type=\"framed-content\"], [data-embed-type=\"grid\"] > div, [data-embed-type=\"grid-parallax\"] > div, [data-embed-type=\"factbox\"] > div, [data-embed-type=\"copyright\"] > [data-copyright-content], [data-embed-type=\"uu-disclaimer\"] > [data-uu-content], [data-embed-wrapper], details, [data-embed-type=\"expandable-box\"], blockquote':\n {\n '& > :is(h2, [data-embed-type=\"copy-heading\"])': {\n marginBlockStart: \"xlarge\",\n marginBlockEnd: \"small\",\n tabletDown: {\n marginBlockStart: \"large\",\n },\n },\n \"& > h3\": {\n marginBlockStart: \"large\",\n marginBlockEnd: \"xsmall\",\n tabletDown: {\n marginBlockStart: \"medium\",\n },\n },\n \"& > :is(h4, h5, h6)\": {\n marginBlockStart: \"medium\",\n marginBlockEnd: \"xsmall\",\n tabletDown: {\n marginBlockStart: \"small\",\n },\n },\n \"& > :is(figure)\": {\n marginBlockStart: \"xxlarge\",\n marginBlockEnd: \"xxlarge\",\n tabletDown: {\n marginBlockStart: \"xlarge\",\n },\n },\n '& > :is(p, ul, ol, dl, [data-embed-type=\"speech\"])': {\n marginBlockStart: \"xsmall\",\n marginBlockEnd: \"xsmall\",\n },\n '& > :is([data-embed-type=\"ordered-list\"])': {\n marginInlineStart: \"xlarge!\",\n },\n },\n '& [data-embed-type=\"framed-content\"], [data-embed-type=\"grid\"] > div, [data-embed-type=\"grid-parallax\"] > div, [data-embed-type=\"factbox\"] > div, [data-embed-type=\"copyright\"] > [data-copyright-content], [data-embed-type=\"uu-disclaimer\"] > [data-uu-content], details, blockquote':\n {\n \"& > :first-child\": {\n marginBlockStart: \"0\",\n },\n \"& > :last-child\": {\n marginBlockEnd: \"0\",\n },\n },\n \"& section:not([class]), section:not([class]) > div:not([class])\": {\n \"& > :first-child\": {\n marginBlockStart: \"xxlarge\",\n tabletDown: {\n marginBlockStart: \"xlarge\",\n },\n },\n \"& > :last-child\": {\n marginBlockEnd: \"xxlarge\",\n tabletDown: {\n marginBlockStart: \"xlarge\",\n },\n },\n },\n },\n // Adds default link styling to links without classes\n 'a:not([class]):not([data-unstyled]), a[class=\"\"]:not([data-unstyled])': {\n color: \"text.link\",\n textDecoration: \"underline\",\n _hover: {\n textDecoration: \"none\",\n },\n _visited: {\n color: \"text.linkVisited\",\n },\n },\n \".codeblock\": {\n border: \"1px solid\",\n borderColor: \"stroke.subtle\",\n borderLeft: \"4px solid\",\n borderLeftColor: \"stroke.default\",\n borderRadius: \"xsmall\",\n boxSizing: \"border-box\",\n overflowX: \"auto\",\n textStyle: \"label.medium\",\n fontFamily: \"code\",\n display: \"block\",\n whiteSpace: \"pre\",\n \"& .linenumber\": {\n display: \"inline-block\",\n paddingBlock: \"0\",\n paddingInline: \"small\",\n borderRight: \"1px solid\",\n borderColor: \"stroke.subtle\",\n width: \"xxlarge\",\n textAlign: \"right\",\n marginInlineEnd: \"xsmall\",\n },\n \"& :nth-child(1 of .linenumber)\": {\n paddingBlockStart: \"xsmall\",\n },\n \"& :nth-last-child(1 of .linenumber)\": {\n paddingBlockEnd: \"xsmall\",\n },\n // The remaining css is copied from the coy theme in prismjs. A lot of css is omitted due to styling clashes. TODO: Consider moving this\n \"& .token.comment, .token.block-comment, .token.prolog, .token.doctype, .token.cdata\": {\n color: \"#7d8b99\",\n },\n \"& .token.punctuation\": {\n color: \"#5f6364\",\n },\n \"& .token.property, .token.tag, .token.boolean, .token.number, .token.function-name, .token.constant, .token.symbol, .token.deleted\":\n {\n color: \"#c92c2c\",\n },\n \"& .token.selector, .token.attr-name, .token.string, .token.char, .token.function, .token.builtin, .token.inserted\":\n {\n color: \"#2f9c0a\",\n },\n \"& .token.operator, .token.entity, .token.url, .token.variable\": {\n color: \"#a67f59\",\n background: \"rgba(255, 255, 255, 0.5)\",\n },\n \"& .token.atrule, .token.attr-value, .token.keyword, .token.class-name\": {\n color: \"#1990b8\",\n },\n \"& .token.regex, .token.important\": {\n color: \"#e90\",\n },\n \"& .language-css .token.string, .style .token.string\": {\n color: \"#a67f59\",\n background: \"rgba(255, 255, 255, 0.5)\",\n },\n \"& .token.important\": {\n fontWeight: \"normal\",\n },\n \"& .token.bold\": {\n fontWeight: \"bold\",\n },\n \"& .token.italic\": {\n fontStyle: \"italic\",\n },\n \"& .token.entity\": {\n cursor: \"help\",\n },\n \"& .token.namespace\": {\n opacity: \"0.7\",\n },\n },\n});\n"],"mappings":";;;AAUA,MAAa,YAAY,mBAAmB;CAC1C,SAAS;EAEP,sBAAsB;EAEtB,sBAAsB;CACvB;CACD,MAAM;EACJ,WAAW;EACX,qBAAqB;EAErB,4BAA4B,EAC1B,UAAU,QACX;CACF;CACD,MAAM;EACJ,YAAY;EACZ,OAAO;CACR;CACD,8CAA8C;EAC5C,SAAS;EACT,eAAe;GACb,SAAS;GACT,cAAc;GACd,cAAc;GACd,eAAe;GACf,cAAc;EACf;CACF;CACD,MAAM;EACJ,YAAY;EACZ,YAAY;CACb;CAED,mBAAmB,EACjB,SAAS,OACV;CAGD,iBAAiB;EACf,IAAI,EACF,WAAW,iBACZ;EACD,IAAI,EACF,WAAW,gBACZ;EACD,IAAI,EACF,WAAW,eACZ;EACD,cAAc,EACZ,WAAW,cACZ;EACD,8BAA4B,EAC1B,WAAW,SACZ;EAED,YAAY;GACV,WAAW;GACX,YAAY;EACb;EACD,8BAA4B,EAC1B,WAAW,MACZ;EACD,WAAW;EACX,OAAO;EAGP,qdACE;GACE,kBAAkB;GAClB,gBAAgB;GAChB,YAAY;IACV,kBAAkB;IAClB,gBAAgB;GACjB;EACF;EAGH,iaACE;GACE,mDAAiD;IAC/C,kBAAkB;IAClB,gBAAgB;IAChB,YAAY,EACV,kBAAkB,QACnB;GACF;GACD,UAAU;IACR,kBAAkB;IAClB,gBAAgB;IAChB,YAAY,EACV,kBAAkB,SACnB;GACF;GACD,uBAAuB;IACrB,kBAAkB;IAClB,gBAAgB;IAChB,YAAY,EACV,kBAAkB,QACnB;GACF;GACD,mBAAmB;IACjB,kBAAkB;IAClB,gBAAgB;IAChB,YAAY,EACV,kBAAkB,SACnB;GACF;GACD,wDAAsD;IACpD,kBAAkB;IAClB,gBAAgB;GACjB;GACD,+CAA6C,EAC3C,mBAAmB,UACpB;EACF;EACH,sSACE;GACE,oBAAoB,EAClB,kBAAkB,IACnB;GACD,mBAAmB,EACjB,gBAAgB,IACjB;EACF;EACH,mEAAmE;GACjE,oBAAoB;IAClB,kBAAkB;IAClB,YAAY,EACV,kBAAkB,SACnB;GACF;GACD,mBAAmB;IACjB,gBAAgB;IAChB,YAAY,EACV,kBAAkB,SACnB;GACF;EACF;CACF;CAED,2EAAyE;EACvE,OAAO;EACP,gBAAgB;EAChB,QAAQ,EACN,gBAAgB,OACjB;EACD,UAAU,EACR,OAAO,mBACR;CACF;CACD,cAAc;EACZ,QAAQ;EACR,aAAa;EACb,YAAY;EACZ,iBAAiB;EACjB,cAAc;EACd,WAAW;EACX,WAAW;EACX,WAAW;EACX,YAAY;EACZ,SAAS;EACT,YAAY;EACZ,iBAAiB;GACf,SAAS;GACT,cAAc;GACd,eAAe;GACf,aAAa;GACb,aAAa;GACb,OAAO;GACP,WAAW;GACX,iBAAiB;EAClB;EACD,kCAAkC,EAChC,mBAAmB,SACpB;EACD,uCAAuC,EACrC,iBAAiB,SAClB;EAED,uFAAuF,EACrF,OAAO,UACR;EACD,wBAAwB,EACtB,OAAO,UACR;EACD,sIACE,EACE,OAAO,UACR;EACH,qHACE,EACE,OAAO,UACR;EACH,iEAAiE;GAC/D,OAAO;GACP,YAAY;EACb;EACD,yEAAyE,EACvE,OAAO,UACR;EACD,oCAAoC,EAClC,OAAO,OACR;EACD,uDAAuD;GACrD,OAAO;GACP,YAAY;EACb;EACD,sBAAsB,EACpB,YAAY,SACb;EACD,iBAAiB,EACf,YAAY,OACb;EACD,mBAAmB,EACjB,WAAW,SACZ;EACD,mBAAmB,EACjB,QAAQ,OACT;EACD,sBAAsB,EACpB,SAAS,MACV;CACF;AACF,EAAC"}
@@ -1,14 +1,14 @@
1
- import { animations, durations, easings, keyframes } from "./animations.js";
2
- import { boxShadows } from "./boxShadows.js";
3
- import { colors } from "./colors.js";
4
- import { conditions } from "./conditions.js";
5
- import { globalCss } from "./globalCss.js";
6
- import { radii } from "./radii.js";
7
- import { semanticTokens } from "./semanticTokens.js";
8
- import { spacing } from "./spacing.js";
9
- import { fontSizes, fontWeights, fonts, lineHeights, textStyles } from "./typography.js";
10
- import { zIndex } from "./zIndex.js";
11
- import { forwardCssPropPlugin } from "./plugins/forwardCssPropPlugin.js";
1
+ import { animations, durations, easings, keyframes } from "./animations.mjs";
2
+ import { boxShadows } from "./boxShadows.mjs";
3
+ import { colors } from "./colors.mjs";
4
+ import { conditions } from "./conditions.mjs";
5
+ import { globalCss } from "./globalCss.mjs";
6
+ import { radii } from "./radii.mjs";
7
+ import { semanticTokens } from "./semanticTokens.mjs";
8
+ import { spacing } from "./spacing.mjs";
9
+ import { fontSizes, fontWeights, fonts, lineHeights, textStyles } from "./typography.mjs";
10
+ import { zIndex } from "./zIndex.mjs";
11
+ import { forwardCssPropPlugin } from "./plugins/forwardCssPropPlugin.mjs";
12
12
  import { definePreset } from "@pandacss/dev";
13
13
  import { breakpoints } from "@ndla/core";
14
14
 
@@ -44,4 +44,4 @@ var src_default = preset;
44
44
 
45
45
  //#endregion
46
46
  export { src_default as default, forwardCssPropPlugin };
47
- //# sourceMappingURL=index.js.map
47
+ //# sourceMappingURL=index.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.mjs","names":[],"sources":["../src/index.ts"],"sourcesContent":["/**\n * Copyright (c) 2024-present, NDLA.\n *\n * This source code is licensed under the GPLv3 license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport { definePreset } from \"@pandacss/dev\";\nimport { breakpoints } from \"@ndla/core\";\nimport { animations, durations, easings, keyframes } from \"./animations\";\nimport { boxShadows } from \"./boxShadows\";\nimport { colors } from \"./colors\";\nimport { conditions } from \"./conditions\";\nimport { globalCss } from \"./globalCss\";\nimport { radii } from \"./radii\";\nimport { semanticTokens } from \"./semanticTokens\";\nimport { spacing } from \"./spacing\";\nimport { fontWeights, textStyles, fonts, fontSizes, lineHeights } from \"./typography\";\nimport { zIndex } from \"./zIndex\";\n\nconst preset = definePreset({\n name: \"ndla/panda\",\n globalCss: globalCss,\n conditions: conditions,\n theme: {\n breakpoints: breakpoints,\n textStyles: textStyles,\n keyframes: keyframes,\n tokens: {\n colors: colors,\n easings: easings,\n durations: durations,\n radii: radii,\n spacing: spacing,\n sizes: spacing,\n lineHeights: lineHeights,\n fontWeights: fontWeights,\n fontSizes: fontSizes,\n fonts: fonts,\n animations: animations,\n shadows: boxShadows,\n zIndex: zIndex,\n },\n semanticTokens: semanticTokens,\n containerSizes: breakpoints,\n },\n});\n\nexport { forwardCssPropPlugin } from \"./plugins/forwardCssPropPlugin\";\n\nexport default preset;\n"],"mappings":";;;;;;;;;;;;;;;AAqBA,MAAM,SAAS,aAAa;CAC1B,MAAM;CACK;CACC;CACZ,OAAO;EACQ;EACD;EACD;EACX,QAAQ;GACE;GACC;GACE;GACJ;GACE;GACT,OAAO;GACM;GACA;GACF;GACJ;GACK;GACZ,SAAS;GACD;EACT;EACe;EAChB,gBAAgB;CACjB;AACF,EAAC;AAIF,kBAAe"}
@@ -19,12 +19,13 @@ const transformStyledFn = (args) => {
19
19
  const factoryJs = factoryArtifact?.files.find((f) => f.file.includes(".mjs") || f.file.includes(".js"));
20
20
  const jsxTypes = args.artifacts.find((art) => art.id === "types-jsx")?.files.find((f) => f.file.includes("jsx"));
21
21
  const systemTypes = args.artifacts.find((art) => art.id === "types-gen-system")?.files.find((f) => f.file.includes("system-types"));
22
- if (!factoryJs?.code || !jsxTypes?.code || !systemTypes?.code) return args.artifacts;
22
+ const jsxIndex = args.artifacts.find((art) => art.id === "jsx-patterns-index")?.files.find((file) => file.file === "index.d.ts");
23
+ if (!factoryJs?.code || !jsxTypes?.code || !systemTypes?.code || !jsxIndex?.code) return args.artifacts;
23
24
  const baseCode = "const __base__ = Dynamic.__base__ || Dynamic";
24
25
  factoryJs.code = factoryJs.code.replace(baseCode, `${baseCode}
25
26
  const contextConsume = options.baseComponent || Dynamic.__base__ || typeof Dynamic === "string"`);
26
- const propsCode = "const { as: Element = __base__, children, ...restProps } = props";
27
- factoryJs.code = factoryJs.code.replace(propsCode, `const { as: Element = __base__, consumeCss, children, ...restProps } = props
27
+ const propsCode = "const { as: Element = __base__, unstyled, children, ...restProps } = props";
28
+ factoryJs.code = factoryJs.code.replace(propsCode, `const { as: Element = __base__, unstyled, consumeCss, children, ...restProps } = props
28
29
 
29
30
  const consume = props.asChild
30
31
  ? consumeCss && (options.baseComponent || Dynamic.__baseComponent__)
@@ -38,7 +39,7 @@ const transformStyledFn = (args) => {
38
39
  const styledComponentForwardPropDeclaration = `StyledComponent.__shouldForwardProps__ = shouldForwardProp`;
39
40
  factoryJs.code = factoryJs.code.replace(styledComponentForwardPropDeclaration, `${styledComponentForwardPropDeclaration}
40
41
  StyledComponent.__baseComponent__ = options.baseComponent || Dynamic.__baseComponent__`);
41
- const shouldForwardPropCode = "shouldForwardProp?(prop: string, variantKeys: string[]): boolean";
42
+ const shouldForwardPropCode = "shouldForwardProp?: (prop: string, variantKeys: string[]) => boolean";
42
43
  jsxTypes.code = jsxTypes.code.replace(shouldForwardPropCode, `${shouldForwardPropCode}
43
44
  /**
44
45
  * Used when creating styled components from React components that do not support the css prop. If true, the css prop will be consumed and converted to \`className\`
@@ -48,6 +49,11 @@ const transformStyledFn = (args) => {
48
49
  * const Button = styled(ark.button, { baseComponent: true })
49
50
  */
50
51
  baseComponent?: boolean`);
52
+ const htmlStyledPropsCode = "export type HTMLStyledProps<T extends ElementType> = JsxHTMLProps<ComponentProps<T> & UnstyledProps & AsProps, JsxStyleProps>";
53
+ jsxTypes.code = jsxTypes.code.replace(htmlStyledPropsCode, `${htmlStyledPropsCode}
54
+ export interface StyledProps extends UnstyledProps, AsProps, JsxStyleProps {}`);
55
+ const jsxExportCode = "export type { HTMLStyledProps, StyledComponent } from '../types/jsx';";
56
+ jsxIndex.code = jsxIndex.code.replace(jsxExportCode, `export type { HTMLStyledProps, StyledComponent, StyledProps } from '../types/jsx';`);
51
57
  const jsxStylePropsCode = "export type JsxStyleProps =";
52
58
  systemTypes.code = systemTypes.code.replace(jsxStylePropsCode, `${jsxStylePropsCode} {
53
59
  /**
@@ -70,4 +76,4 @@ const transformStyledFn = (args) => {
70
76
 
71
77
  //#endregion
72
78
  export { forwardCssPropPlugin };
73
- //# sourceMappingURL=forwardCssPropPlugin.js.map
79
+ //# sourceMappingURL=forwardCssPropPlugin.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"forwardCssPropPlugin.mjs","names":["args: CodegenPrepareHookArgs"],"sources":["../../src/plugins/forwardCssPropPlugin.ts"],"sourcesContent":["/**\n * Copyright (c) 2024-present, NDLA.\n *\n * This source code is licensed under the GPLv3 license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport type { CodegenPrepareHookArgs, PandaPlugin } from \"@pandacss/types\";\n\nconst supportedJsxFrameworks = [\"react\"];\n\nexport const forwardCssPropPlugin = (): PandaPlugin => {\n return {\n name: \"forward-css-prop\",\n hooks: {\n \"config:resolved\": (args) => {\n const jsxFramework = args.config.jsxFramework;\n if (!supportedJsxFrameworks.includes(jsxFramework as string)) {\n throw new Error(\n `[plugin:restrict-styled-props]: Unsupported jsxFramework: ${jsxFramework}. This Panda plugin only supports: ${supportedJsxFrameworks.join(\", \")}`,\n );\n }\n },\n \"codegen:prepare\": (args) => {\n return transformStyledFn(args);\n },\n },\n };\n};\n\nexport const transformStyledFn = (args: CodegenPrepareHookArgs) => {\n const factoryArtifact = args.artifacts.find((art) => art.id === \"jsx-factory\");\n const factoryJs = factoryArtifact?.files.find((f) => f.file.includes(\".mjs\") || f.file.includes(\".js\"));\n const jsxTypes = args.artifacts.find((art) => art.id === \"types-jsx\")?.files.find((f) => f.file.includes(\"jsx\"));\n const systemTypes = args.artifacts\n .find((art) => art.id === \"types-gen-system\")\n ?.files.find((f) => f.file.includes(\"system-types\"));\n\n const jsxIndex = args.artifacts\n .find((art) => art.id === \"jsx-patterns-index\")\n ?.files.find((file) => file.file === \"index.d.ts\");\n\n if (!factoryJs?.code || !jsxTypes?.code || !systemTypes?.code || !jsxIndex?.code) {\n return args.artifacts;\n }\n\n const baseCode = \"const __base__ = Dynamic.__base__ || Dynamic\";\n\n factoryJs.code = factoryJs.code.replace(\n baseCode,\n `${baseCode}\n const contextConsume = options.baseComponent || Dynamic.__base__ || typeof Dynamic === \"string\"`,\n );\n\n const propsCode = \"const { as: Element = __base__, unstyled, children, ...restProps } = props\";\n\n factoryJs.code = factoryJs.code.replace(\n propsCode,\n `const { as: Element = __base__, unstyled, consumeCss, children, ...restProps } = props\n\n const consume = props.asChild\n ? consumeCss && (options.baseComponent || Dynamic.__baseComponent__)\n : consumeCss || contextConsume`,\n );\n\n const cvaCode = \"const cvaStyles = __cvaFn__.raw(variantProps)\";\n\n factoryJs.code = factoryJs.code.replace(\n cvaCode,\n `${cvaCode}\n if(!consume) {\n return css.raw(cvaStyles, propStyles, cssStyles)\n }`,\n );\n\n factoryJs.code = factoryJs.code.replace(\n \"className: classes()\",\n `...(consume ? { className: classes() } : { css: classes(), consumeCss } )`,\n );\n\n const styledComponentForwardPropDeclaration = `StyledComponent.__shouldForwardProps__ = shouldForwardProp`;\n\n factoryJs.code = factoryJs.code.replace(\n styledComponentForwardPropDeclaration,\n `${styledComponentForwardPropDeclaration}\n StyledComponent.__baseComponent__ = options.baseComponent || Dynamic.__baseComponent__`,\n );\n\n const shouldForwardPropCode = \"shouldForwardProp?: (prop: string, variantKeys: string[]) => boolean\";\n\n jsxTypes.code = jsxTypes.code.replace(\n shouldForwardPropCode,\n `${shouldForwardPropCode}\n /**\n * Used when creating styled components from React components that do not support the css prop. If true, the css prop will be consumed and converted to \\`className\\` \n * @example\n * import { ark } from \"@ark-ui/react\"\n * import { styled } from \"@ndla/styled-system/jsx\"\n * const Button = styled(ark.button, { baseComponent: true })\n */\n baseComponent?: boolean`,\n );\n\n const htmlStyledPropsCode =\n \"export type HTMLStyledProps<T extends ElementType> = JsxHTMLProps<ComponentProps<T> & UnstyledProps & AsProps, JsxStyleProps>\";\n\n jsxTypes.code = jsxTypes.code.replace(\n htmlStyledPropsCode,\n `${htmlStyledPropsCode}\nexport interface StyledProps extends UnstyledProps, AsProps, JsxStyleProps {}`,\n );\n\n const jsxExportCode = \"export type { HTMLStyledProps, StyledComponent } from '../types/jsx';\";\n\n jsxIndex.code = jsxIndex.code.replace(\n jsxExportCode,\n `export type { HTMLStyledProps, StyledComponent, StyledProps } from '../types/jsx';`,\n );\n\n const jsxStylePropsCode = \"export type JsxStyleProps =\";\n\n systemTypes.code = systemTypes.code.replace(\n jsxStylePropsCode,\n `${jsxStylePropsCode} { \n /**\n * Tells a component to consume the \\`css\\` prop and turn it into a \\`className\\` prop. This is only used in conjunction with the \\`baseComponent\\` prop in the \\`styled\\` function to ensure that components that are \\`asChild\\`-ed onto non-panda components can consume their css before being merged with their child.\n * @example\n * import { ark } from \"@ark-ui/react\"\n * import { styled } from \"@ndla/styled-system/jsx\"\n * const Button = styled('button', { baseComponent: true })\n *\n * return (\n * <Button asChild consumeCss>\n * <div>Click me</div>\n * </Button>\n * )\n */\n consumeCss?: boolean \n } & `,\n );\n\n return args.artifacts;\n};\n"],"mappings":";AAUA,MAAM,yBAAyB,CAAC,OAAQ;AAExC,MAAa,uBAAuB,MAAmB;AACrD,QAAO;EACL,MAAM;EACN,OAAO;GACL,mBAAmB,CAAC,SAAS;IAC3B,MAAM,eAAe,KAAK,OAAO;AACjC,SAAK,uBAAuB,SAAS,aAAuB,CAC1D,OAAM,IAAI,OACP,4DAA4D,aAAa,qCAAqC,uBAAuB,KAAK,KAAK,CAAC;GAGtJ;GACD,mBAAmB,CAAC,SAAS;AAC3B,WAAO,kBAAkB,KAAK;GAC/B;EACF;CACF;AACF;AAED,MAAa,oBAAoB,CAACA,SAAiC;CACjE,MAAM,kBAAkB,KAAK,UAAU,KAAK,CAAC,QAAQ,IAAI,OAAO,cAAc;CAC9E,MAAM,YAAY,iBAAiB,MAAM,KAAK,CAAC,MAAM,EAAE,KAAK,SAAS,OAAO,IAAI,EAAE,KAAK,SAAS,MAAM,CAAC;CACvG,MAAM,WAAW,KAAK,UAAU,KAAK,CAAC,QAAQ,IAAI,OAAO,YAAY,EAAE,MAAM,KAAK,CAAC,MAAM,EAAE,KAAK,SAAS,MAAM,CAAC;CAChH,MAAM,cAAc,KAAK,UACtB,KAAK,CAAC,QAAQ,IAAI,OAAO,mBAAmB,EAC3C,MAAM,KAAK,CAAC,MAAM,EAAE,KAAK,SAAS,eAAe,CAAC;CAEtD,MAAM,WAAW,KAAK,UACnB,KAAK,CAAC,QAAQ,IAAI,OAAO,qBAAqB,EAC7C,MAAM,KAAK,CAAC,SAAS,KAAK,SAAS,aAAa;AAEpD,MAAK,WAAW,SAAS,UAAU,SAAS,aAAa,SAAS,UAAU,KAC1E,QAAO,KAAK;CAGd,MAAM,WAAW;AAEjB,WAAU,OAAO,UAAU,KAAK,QAC9B,WACC,EAAE,SAAS;mGAEb;CAED,MAAM,YAAY;AAElB,WAAU,OAAO,UAAU,KAAK,QAC9B,YACC;;;;sCAKF;CAED,MAAM,UAAU;AAEhB,WAAU,OAAO,UAAU,KAAK,QAC9B,UACC,EAAE,QAAQ;;;SAIZ;AAED,WAAU,OAAO,UAAU,KAAK,QAC9B,yBACC,2EACF;CAED,MAAM,yCAAyC;AAE/C,WAAU,OAAO,UAAU,KAAK,QAC9B,wCACC,EAAE,sCAAsC;0FAE1C;CAED,MAAM,wBAAwB;AAE9B,UAAS,OAAO,SAAS,KAAK,QAC5B,wBACC,EAAE,sBAAsB;;;;;;;;2BAS1B;CAED,MAAM,sBACJ;AAEF,UAAS,OAAO,SAAS,KAAK,QAC5B,sBACC,EAAE,oBAAoB;+EAExB;CAED,MAAM,gBAAgB;AAEtB,UAAS,OAAO,SAAS,KAAK,QAC5B,gBACC,oFACF;CAED,MAAM,oBAAoB;AAE1B,aAAY,OAAO,YAAY,KAAK,QAClC,oBACC,EAAE,kBAAkB;;;;;;;;;;;;;;;QAgBtB;AAED,QAAO,KAAK;AACb"}
@@ -12,4 +12,4 @@ const radii = defineTokens.radii({
12
12
 
13
13
  //#endregion
14
14
  export { radii };
15
- //# sourceMappingURL=radii.js.map
15
+ //# sourceMappingURL=radii.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"radii.mjs","names":[],"sources":["../src/radii.ts"],"sourcesContent":["/**\n * Copyright (c) 2024-present, NDLA.\n *\n * This source code is licensed under the GPLv3 license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport { defineTokens } from \"@pandacss/dev\";\n\nexport const radii = defineTokens.radii({\n sharp: { value: \"0px\" },\n xsmall: { value: \"{spacing.4xsmall}\" },\n small: { value: \"{spacing.xxsmall}\" },\n medium: { value: \"{spacing.xsmall}\" },\n large: { value: \"{spacing.medium}\" },\n full: { value: \"100%\" },\n});\n"],"mappings":";;;AAUA,MAAa,QAAQ,aAAa,MAAM;CACtC,OAAO,EAAE,OAAO,MAAO;CACvB,QAAQ,EAAE,OAAO,oBAAqB;CACtC,OAAO,EAAE,OAAO,oBAAqB;CACrC,QAAQ,EAAE,OAAO,mBAAoB;CACrC,OAAO,EAAE,OAAO,mBAAoB;CACpC,MAAM,EAAE,OAAO,OAAQ;AACxB,EAAC"}
@@ -231,4 +231,4 @@ const semanticTokens = defineSemanticTokens({
231
231
 
232
232
  //#endregion
233
233
  export { semanticTokens };
234
- //# sourceMappingURL=semanticTokens.js.map
234
+ //# sourceMappingURL=semanticTokens.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"semanticTokens.mjs","names":[],"sources":["../src/semanticTokens.ts"],"sourcesContent":["/**\n * Copyright (c) 2024-present, NDLA.\n *\n * This source code is licensed under the GPLv3 license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport { defineSemanticTokens } from \"@pandacss/dev\";\n\nexport const semanticTokens = defineSemanticTokens({\n spacing: {\n \"5xsmall\": { value: \"{spacing.1}\" },\n \"4xsmall\": { value: \"{spacing.2}\" },\n \"3xsmall\": { value: \"{spacing.3}\" },\n xxsmall: { value: \"{spacing.4}\" },\n xsmall: { value: \"{spacing.6}\" },\n small: { value: \"{spacing.8}\" },\n medium: { value: \"{spacing.12}\" },\n large: { value: \"{spacing.16}\" },\n xlarge: { value: \"{spacing.18}\" },\n xxlarge: { value: \"{spacing.24}\" },\n \"3xlarge\": { value: \"{spacing.36}\" },\n \"4xlarge\": { value: \"{spacing.48}\" },\n \"5xlarge\": { value: \"{spacing.60}\" },\n surface: {\n \"4xsmall\": { value: \"{spacing.50}\" },\n \"3xsmall\": { value: \"{spacing.75}\" },\n xxsmall: { value: \"{spacing.100}\" },\n xsmall: { value: \"{spacing.150}\" },\n small: { value: \"{spacing.200}\" },\n medium: { value: \"{spacing.250}\" },\n large: { value: \"{spacing.300}\" },\n xlarge: { value: \"{spacing.350}\" },\n xxlarge: { value: \"{spacing.400}\" },\n \"3xlarge\": { value: \"{spacing.500}\" },\n \"4xlarge\": { value: \"{spacing.550}\" },\n },\n },\n sizes: {\n \"5xsmall\": { value: \"{spacing.1}\" },\n \"4xsmall\": { value: \"{spacing.2}\" },\n \"3xsmall\": { value: \"{spacing.3}\" },\n xxsmall: { value: \"{spacing.4}\" },\n xsmall: { value: \"{spacing.6}\" },\n small: { value: \"{spacing.8}\" },\n medium: { value: \"{spacing.12}\" },\n large: { value: \"{spacing.16}\" },\n xlarge: { value: \"{spacing.18}\" },\n xxlarge: { value: \"{spacing.24}\" },\n \"3xlarge\": { value: \"{spacing.36}\" },\n \"4xlarge\": { value: \"{spacing.48}\" },\n \"5xlarge\": { value: \"{spacing.60}\" },\n surface: {\n \"4xsmall\": { value: \"{spacing.50}\" },\n \"3xsmall\": { value: \"{spacing.75}\" },\n xxsmall: { value: \"{spacing.100}\" },\n xsmall: { value: \"{spacing.150}\" },\n small: { value: \"{spacing.200}\" },\n medium: { value: \"{spacing.250}\" },\n large: { value: \"{spacing.300}\" },\n xlarge: { value: \"{spacing.350}\" },\n xxlarge: { value: \"{spacing.400}\" },\n \"3xlarge\": { value: \"{spacing.500}\" },\n \"4xlarge\": { value: \"{spacing.550}\" },\n pageMax: { value: \"1128px\" },\n contentMax: { value: \"744px\" },\n articleMax: { value: \"928px\" },\n wideMax: { value: \"1440px\" },\n },\n },\n colors: {\n background: {\n default: { value: \"{colors.white}\" },\n subtle: { value: \"{colors.grey.100}\" },\n strong: { value: \"{colors.purple.50}\" },\n },\n text: {\n default: { value: \"{colors.grey.950}\" },\n subtle: { value: \"{colors.grey.700}\" },\n strong: { value: \"{colors.primary}\" },\n action: { value: \"{colors.purple.800}\" },\n onAction: { value: \"{colors.white}\" },\n link: { value: \"{colors.blue.800}\" },\n linkVisited: { value: \"{colors.purple.900}\" },\n error: { value: \"{colors.red.600}\" },\n disabled: { value: \"{colors.grey.400}\" },\n },\n icon: {\n default: { value: \"{colors.grey.950}\" },\n strong: { value: \"{colors.primary}\" },\n onAction: { value: \"{colors.white}\" },\n subtle: { value: \"{colors.grey.700}\" },\n warning: { value: \"{colors.yellow.600}\" },\n danger: { value: \"{colors.red.500}\" },\n },\n surface: {\n brand: {\n 1: {\n DEFAULT: { value: \"{colors.purple.500}\" },\n subtle: { value: \"{colors.purple.100}\" },\n moderate: { value: \"{colors.purple.300}\" },\n strong: { value: \"{colors.purple.950}\" },\n },\n 2: {\n DEFAULT: { value: \"{colors.blue.500}\" },\n subtle: { value: \"{colors.blue.50}\" },\n moderate: { value: \"{colors.blue.100}\" },\n bold: { value: \"{colors.blue.800}\" },\n strong: { value: \"{colors.blue.900}\" },\n },\n 3: {\n DEFAULT: { value: \"{colors.lightGreen.500}\" },\n subtle: { value: \"{colors.lightGreen.100}\" },\n moderate: { value: \"{colors.lightGreen.300}\" },\n strong: { value: \"{colors.lightGreen.900}\" },\n },\n 4: {\n DEFAULT: { value: \"{colors.lightYellow.500}\" },\n subtle: { value: \"{colors.lightYellow.100}\" },\n moderate: { value: \"{colors.lightYellow.300}\" },\n strong: { value: \"{colors.lightYellow.1100}\" },\n },\n 5: {\n DEFAULT: { value: \"{colors.pink.500}\" },\n subtle: { value: \"{colors.pink.100}\" },\n moderate: { value: \"{colors.pink.300}\" },\n strong: { value: \"{colors.pink.900}\" },\n },\n },\n default: { value: \"{colors.white}\" },\n hover: { value: \"{colors.grey.100}\" },\n active: { value: \"{colors.grey.200}\" },\n selected: { value: \"{colors.purple.200}\" },\n disabled: {\n DEFAULT: { value: \"{colors.grey.200}\" },\n subtle: { value: \"{colors.grey.50}\" },\n strong: { value: \"{colors.grey.700}\" },\n },\n infoSubtle: {\n DEFAULT: { value: \"{colors.grey.100}\" },\n hover: { value: \"{colors.grey.200}\" },\n active: { value: \"{colors.grey.300}\" },\n },\n action: {\n DEFAULT: { value: \"{colors.primary}\" },\n hover: { value: \"{colors.purple.900}\" },\n active: { value: \"{colors.purple.950}\" },\n selected: { value: \"{colors.purple.800}\" },\n myNdla: {\n DEFAULT: { value: \"{colors.lightYellow.300}\" },\n hover: { value: \"{colors.lightYellow.500}\" },\n current: { value: \"{colors.lightYellow.700}\" },\n },\n brand: {\n 1: {\n DEFAULT: { value: \"{colors.purple.50}\" },\n hover: { value: \"{colors.purple.100}\" },\n active: { value: \"{colors.purple.300}\" },\n selected: { value: \"{colors.purple.400}\" },\n },\n 2: {\n DEFAULT: { value: \"{colors.blue.50}\" },\n hover: { value: \"{colors.blue.100}\" },\n selected: { value: \"{colors.blue.200}\" },\n },\n },\n },\n actionSubtle: {\n DEFAULT: { value: \"{colors.purple.50}\" },\n hover: {\n DEFAULT: { value: \"{colors.purple.100}\" },\n strong: { value: \"{colors.purple.400}\" },\n },\n active: { value: \"{colors.purple.300}\" },\n selected: { value: \"{colors.purple.900}\" },\n },\n success: {\n DEFAULT: { value: \"{colors.green.500}\" },\n hover: { value: \"{colors.green.700}\" },\n selected: { value: \"{colors.green.900}\" },\n active: { value: \"{colors.green.700}\" },\n },\n successSubtle: {\n DEFAULT: { value: \"{colors.green.50}\" },\n hover: { value: \"{colors.green.100}\" },\n active: { value: \"{colors.green.300}\" },\n },\n warning: {\n DEFAULT: { value: \"{colors.yellow.400}\" },\n hover: { value: \"{colors.yellow.500}\" },\n active: { value: \"{colors.yellow.700}\" },\n },\n warningSubtle: {\n DEFAULT: { value: \"{colors.yellow.50}\" },\n hover: { value: \"{colors.yellow.100}\" },\n active: { value: \"{colors.yellow.200}\" },\n },\n danger: {\n DEFAULT: { value: \"{colors.red.500}\" },\n hover: { value: \"{colors.red.700}\" },\n selected: { value: \"{colors.red.800}\" },\n active: { value: \"{colors.red.900}\" },\n },\n dangerSubtle: {\n DEFAULT: { value: \"{colors.red.50}\" },\n hover: { value: \"{colors.red.100}\" },\n active: { value: \"{colors.red.200}\" },\n },\n error: {\n DEFAULT: { value: \"{colors.pink.500}\" },\n hover: { value: \"{colors.pink.700}\" },\n active: { value: \"{colors.pink.900}\" },\n },\n errorSubtle: {\n DEFAULT: { value: \"{colors.red.50}\" },\n hover: { value: \"{colors.pink.100}\" },\n active: { value: \"{colors.pink.200}\" },\n },\n subtle: {\n DEFAULT: { value: \"{colors.grey.50}\" },\n selected: { value: \"{colors.grey.100}\" },\n },\n },\n stroke: {\n default: { value: \"{colors.primary}\" },\n hover: { value: \"{colors.purple.800}\" },\n subtle: { value: \"{colors.grey.500}\" },\n success: { value: \"{colors.lightGreen.900}\" },\n info: { value: \"{colors.grey.500}\" },\n warning: { value: \"{colors.yellow.600}\" },\n error: { value: \"{colors.red.600}\" },\n disabled: { value: \"{colors.grey.300}\" },\n discrete: { value: \"{colors.grey.300}\" },\n },\n },\n});\n"],"mappings":";;;AAUA,MAAa,iBAAiB,qBAAqB;CACjD,SAAS;EACP,WAAW,EAAE,OAAO,cAAe;EACnC,WAAW,EAAE,OAAO,cAAe;EACnC,WAAW,EAAE,OAAO,cAAe;EACnC,SAAS,EAAE,OAAO,cAAe;EACjC,QAAQ,EAAE,OAAO,cAAe;EAChC,OAAO,EAAE,OAAO,cAAe;EAC/B,QAAQ,EAAE,OAAO,eAAgB;EACjC,OAAO,EAAE,OAAO,eAAgB;EAChC,QAAQ,EAAE,OAAO,eAAgB;EACjC,SAAS,EAAE,OAAO,eAAgB;EAClC,WAAW,EAAE,OAAO,eAAgB;EACpC,WAAW,EAAE,OAAO,eAAgB;EACpC,WAAW,EAAE,OAAO,eAAgB;EACpC,SAAS;GACP,WAAW,EAAE,OAAO,eAAgB;GACpC,WAAW,EAAE,OAAO,eAAgB;GACpC,SAAS,EAAE,OAAO,gBAAiB;GACnC,QAAQ,EAAE,OAAO,gBAAiB;GAClC,OAAO,EAAE,OAAO,gBAAiB;GACjC,QAAQ,EAAE,OAAO,gBAAiB;GAClC,OAAO,EAAE,OAAO,gBAAiB;GACjC,QAAQ,EAAE,OAAO,gBAAiB;GAClC,SAAS,EAAE,OAAO,gBAAiB;GACnC,WAAW,EAAE,OAAO,gBAAiB;GACrC,WAAW,EAAE,OAAO,gBAAiB;EACtC;CACF;CACD,OAAO;EACL,WAAW,EAAE,OAAO,cAAe;EACnC,WAAW,EAAE,OAAO,cAAe;EACnC,WAAW,EAAE,OAAO,cAAe;EACnC,SAAS,EAAE,OAAO,cAAe;EACjC,QAAQ,EAAE,OAAO,cAAe;EAChC,OAAO,EAAE,OAAO,cAAe;EAC/B,QAAQ,EAAE,OAAO,eAAgB;EACjC,OAAO,EAAE,OAAO,eAAgB;EAChC,QAAQ,EAAE,OAAO,eAAgB;EACjC,SAAS,EAAE,OAAO,eAAgB;EAClC,WAAW,EAAE,OAAO,eAAgB;EACpC,WAAW,EAAE,OAAO,eAAgB;EACpC,WAAW,EAAE,OAAO,eAAgB;EACpC,SAAS;GACP,WAAW,EAAE,OAAO,eAAgB;GACpC,WAAW,EAAE,OAAO,eAAgB;GACpC,SAAS,EAAE,OAAO,gBAAiB;GACnC,QAAQ,EAAE,OAAO,gBAAiB;GAClC,OAAO,EAAE,OAAO,gBAAiB;GACjC,QAAQ,EAAE,OAAO,gBAAiB;GAClC,OAAO,EAAE,OAAO,gBAAiB;GACjC,QAAQ,EAAE,OAAO,gBAAiB;GAClC,SAAS,EAAE,OAAO,gBAAiB;GACnC,WAAW,EAAE,OAAO,gBAAiB;GACrC,WAAW,EAAE,OAAO,gBAAiB;GACrC,SAAS,EAAE,OAAO,SAAU;GAC5B,YAAY,EAAE,OAAO,QAAS;GAC9B,YAAY,EAAE,OAAO,QAAS;GAC9B,SAAS,EAAE,OAAO,SAAU;EAC7B;CACF;CACD,QAAQ;EACN,YAAY;GACV,SAAS,EAAE,OAAO,iBAAkB;GACpC,QAAQ,EAAE,OAAO,oBAAqB;GACtC,QAAQ,EAAE,OAAO,qBAAsB;EACxC;EACD,MAAM;GACJ,SAAS,EAAE,OAAO,oBAAqB;GACvC,QAAQ,EAAE,OAAO,oBAAqB;GACtC,QAAQ,EAAE,OAAO,mBAAoB;GACrC,QAAQ,EAAE,OAAO,sBAAuB;GACxC,UAAU,EAAE,OAAO,iBAAkB;GACrC,MAAM,EAAE,OAAO,oBAAqB;GACpC,aAAa,EAAE,OAAO,sBAAuB;GAC7C,OAAO,EAAE,OAAO,mBAAoB;GACpC,UAAU,EAAE,OAAO,oBAAqB;EACzC;EACD,MAAM;GACJ,SAAS,EAAE,OAAO,oBAAqB;GACvC,QAAQ,EAAE,OAAO,mBAAoB;GACrC,UAAU,EAAE,OAAO,iBAAkB;GACrC,QAAQ,EAAE,OAAO,oBAAqB;GACtC,SAAS,EAAE,OAAO,sBAAuB;GACzC,QAAQ,EAAE,OAAO,mBAAoB;EACtC;EACD,SAAS;GACP,OAAO;IACL,GAAG;KACD,SAAS,EAAE,OAAO,sBAAuB;KACzC,QAAQ,EAAE,OAAO,sBAAuB;KACxC,UAAU,EAAE,OAAO,sBAAuB;KAC1C,QAAQ,EAAE,OAAO,sBAAuB;IACzC;IACD,GAAG;KACD,SAAS,EAAE,OAAO,oBAAqB;KACvC,QAAQ,EAAE,OAAO,mBAAoB;KACrC,UAAU,EAAE,OAAO,oBAAqB;KACxC,MAAM,EAAE,OAAO,oBAAqB;KACpC,QAAQ,EAAE,OAAO,oBAAqB;IACvC;IACD,GAAG;KACD,SAAS,EAAE,OAAO,0BAA2B;KAC7C,QAAQ,EAAE,OAAO,0BAA2B;KAC5C,UAAU,EAAE,OAAO,0BAA2B;KAC9C,QAAQ,EAAE,OAAO,0BAA2B;IAC7C;IACD,GAAG;KACD,SAAS,EAAE,OAAO,2BAA4B;KAC9C,QAAQ,EAAE,OAAO,2BAA4B;KAC7C,UAAU,EAAE,OAAO,2BAA4B;KAC/C,QAAQ,EAAE,OAAO,4BAA6B;IAC/C;IACD,GAAG;KACD,SAAS,EAAE,OAAO,oBAAqB;KACvC,QAAQ,EAAE,OAAO,oBAAqB;KACtC,UAAU,EAAE,OAAO,oBAAqB;KACxC,QAAQ,EAAE,OAAO,oBAAqB;IACvC;GACF;GACD,SAAS,EAAE,OAAO,iBAAkB;GACpC,OAAO,EAAE,OAAO,oBAAqB;GACrC,QAAQ,EAAE,OAAO,oBAAqB;GACtC,UAAU,EAAE,OAAO,sBAAuB;GAC1C,UAAU;IACR,SAAS,EAAE,OAAO,oBAAqB;IACvC,QAAQ,EAAE,OAAO,mBAAoB;IACrC,QAAQ,EAAE,OAAO,oBAAqB;GACvC;GACD,YAAY;IACV,SAAS,EAAE,OAAO,oBAAqB;IACvC,OAAO,EAAE,OAAO,oBAAqB;IACrC,QAAQ,EAAE,OAAO,oBAAqB;GACvC;GACD,QAAQ;IACN,SAAS,EAAE,OAAO,mBAAoB;IACtC,OAAO,EAAE,OAAO,sBAAuB;IACvC,QAAQ,EAAE,OAAO,sBAAuB;IACxC,UAAU,EAAE,OAAO,sBAAuB;IAC1C,QAAQ;KACN,SAAS,EAAE,OAAO,2BAA4B;KAC9C,OAAO,EAAE,OAAO,2BAA4B;KAC5C,SAAS,EAAE,OAAO,2BAA4B;IAC/C;IACD,OAAO;KACL,GAAG;MACD,SAAS,EAAE,OAAO,qBAAsB;MACxC,OAAO,EAAE,OAAO,sBAAuB;MACvC,QAAQ,EAAE,OAAO,sBAAuB;MACxC,UAAU,EAAE,OAAO,sBAAuB;KAC3C;KACD,GAAG;MACD,SAAS,EAAE,OAAO,mBAAoB;MACtC,OAAO,EAAE,OAAO,oBAAqB;MACrC,UAAU,EAAE,OAAO,oBAAqB;KACzC;IACF;GACF;GACD,cAAc;IACZ,SAAS,EAAE,OAAO,qBAAsB;IACxC,OAAO;KACL,SAAS,EAAE,OAAO,sBAAuB;KACzC,QAAQ,EAAE,OAAO,sBAAuB;IACzC;IACD,QAAQ,EAAE,OAAO,sBAAuB;IACxC,UAAU,EAAE,OAAO,sBAAuB;GAC3C;GACD,SAAS;IACP,SAAS,EAAE,OAAO,qBAAsB;IACxC,OAAO,EAAE,OAAO,qBAAsB;IACtC,UAAU,EAAE,OAAO,qBAAsB;IACzC,QAAQ,EAAE,OAAO,qBAAsB;GACxC;GACD,eAAe;IACb,SAAS,EAAE,OAAO,oBAAqB;IACvC,OAAO,EAAE,OAAO,qBAAsB;IACtC,QAAQ,EAAE,OAAO,qBAAsB;GACxC;GACD,SAAS;IACP,SAAS,EAAE,OAAO,sBAAuB;IACzC,OAAO,EAAE,OAAO,sBAAuB;IACvC,QAAQ,EAAE,OAAO,sBAAuB;GACzC;GACD,eAAe;IACb,SAAS,EAAE,OAAO,qBAAsB;IACxC,OAAO,EAAE,OAAO,sBAAuB;IACvC,QAAQ,EAAE,OAAO,sBAAuB;GACzC;GACD,QAAQ;IACN,SAAS,EAAE,OAAO,mBAAoB;IACtC,OAAO,EAAE,OAAO,mBAAoB;IACpC,UAAU,EAAE,OAAO,mBAAoB;IACvC,QAAQ,EAAE,OAAO,mBAAoB;GACtC;GACD,cAAc;IACZ,SAAS,EAAE,OAAO,kBAAmB;IACrC,OAAO,EAAE,OAAO,mBAAoB;IACpC,QAAQ,EAAE,OAAO,mBAAoB;GACtC;GACD,OAAO;IACL,SAAS,EAAE,OAAO,oBAAqB;IACvC,OAAO,EAAE,OAAO,oBAAqB;IACrC,QAAQ,EAAE,OAAO,oBAAqB;GACvC;GACD,aAAa;IACX,SAAS,EAAE,OAAO,kBAAmB;IACrC,OAAO,EAAE,OAAO,oBAAqB;IACrC,QAAQ,EAAE,OAAO,oBAAqB;GACvC;GACD,QAAQ;IACN,SAAS,EAAE,OAAO,mBAAoB;IACtC,UAAU,EAAE,OAAO,oBAAqB;GACzC;EACF;EACD,QAAQ;GACN,SAAS,EAAE,OAAO,mBAAoB;GACtC,OAAO,EAAE,OAAO,sBAAuB;GACvC,QAAQ,EAAE,OAAO,oBAAqB;GACtC,SAAS,EAAE,OAAO,0BAA2B;GAC7C,MAAM,EAAE,OAAO,oBAAqB;GACpC,SAAS,EAAE,OAAO,sBAAuB;GACzC,OAAO,EAAE,OAAO,mBAAoB;GACpC,UAAU,EAAE,OAAO,oBAAqB;GACxC,UAAU,EAAE,OAAO,oBAAqB;EACzC;CACF;AACF,EAAC"}
@@ -48,4 +48,4 @@ const spacing = defineTokens.spacing({
48
48
 
49
49
  //#endregion
50
50
  export { spacing };
51
- //# sourceMappingURL=spacing.js.map
51
+ //# sourceMappingURL=spacing.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"spacing.mjs","names":[],"sources":["../src/spacing.ts"],"sourcesContent":["/**\n * Copyright (c) 2024-present, NDLA.\n *\n * This source code is licensed under the GPLv3 license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport { defineTokens } from \"@pandacss/dev\";\n\nexport const spacing = defineTokens.spacing({\n 1: { value: \"2px\" },\n 2: { value: \"4px\" },\n 3: { value: \"6px\" },\n 4: { value: \"8px\" },\n 5: { value: \"10px\" },\n 6: { value: \"12px\" },\n 7: { value: \"14px\" },\n 8: { value: \"16px\" },\n 9: { value: \"18px\" },\n 10: { value: \"20px\" },\n 11: { value: \"22px\" },\n 12: { value: \"24px\" },\n 13: { value: \"26px\" },\n 14: { value: \"28px\" },\n 15: { value: \"30px\" },\n 16: { value: \"32px\" },\n 17: { value: \"34px\" },\n 18: { value: \"36px\" },\n 19: { value: \"38px\" },\n 20: { value: \"40px\" },\n 22: { value: \"44px\" },\n 24: { value: \"48px\" },\n 26: { value: \"52px\" },\n 28: { value: \"56px\" },\n 32: { value: \"64px\" },\n 36: { value: \"72px\" },\n 40: { value: \"80px\" },\n 44: { value: \"88px\" },\n 48: { value: \"96px\" },\n 50: { value: \"100px\" },\n 60: { value: \"120px\" },\n 72: { value: \"144px\" },\n 75: { value: \"150px\" },\n 100: { value: \"200px\" },\n 150: { value: \"300px\" },\n 200: { value: \"400px\" },\n 250: { value: \"500px\" },\n 300: { value: \"600px\" },\n 350: { value: \"700px\" },\n 400: { value: \"800px\" },\n 500: { value: \"1000px\" },\n 550: { value: \"1100px\" },\n});\n"],"mappings":";;;AAUA,MAAa,UAAU,aAAa,QAAQ;CAC1C,GAAG,EAAE,OAAO,MAAO;CACnB,GAAG,EAAE,OAAO,MAAO;CACnB,GAAG,EAAE,OAAO,MAAO;CACnB,GAAG,EAAE,OAAO,MAAO;CACnB,GAAG,EAAE,OAAO,OAAQ;CACpB,GAAG,EAAE,OAAO,OAAQ;CACpB,GAAG,EAAE,OAAO,OAAQ;CACpB,GAAG,EAAE,OAAO,OAAQ;CACpB,GAAG,EAAE,OAAO,OAAQ;CACpB,IAAI,EAAE,OAAO,OAAQ;CACrB,IAAI,EAAE,OAAO,OAAQ;CACrB,IAAI,EAAE,OAAO,OAAQ;CACrB,IAAI,EAAE,OAAO,OAAQ;CACrB,IAAI,EAAE,OAAO,OAAQ;CACrB,IAAI,EAAE,OAAO,OAAQ;CACrB,IAAI,EAAE,OAAO,OAAQ;CACrB,IAAI,EAAE,OAAO,OAAQ;CACrB,IAAI,EAAE,OAAO,OAAQ;CACrB,IAAI,EAAE,OAAO,OAAQ;CACrB,IAAI,EAAE,OAAO,OAAQ;CACrB,IAAI,EAAE,OAAO,OAAQ;CACrB,IAAI,EAAE,OAAO,OAAQ;CACrB,IAAI,EAAE,OAAO,OAAQ;CACrB,IAAI,EAAE,OAAO,OAAQ;CACrB,IAAI,EAAE,OAAO,OAAQ;CACrB,IAAI,EAAE,OAAO,OAAQ;CACrB,IAAI,EAAE,OAAO,OAAQ;CACrB,IAAI,EAAE,OAAO,OAAQ;CACrB,IAAI,EAAE,OAAO,OAAQ;CACrB,IAAI,EAAE,OAAO,QAAS;CACtB,IAAI,EAAE,OAAO,QAAS;CACtB,IAAI,EAAE,OAAO,QAAS;CACtB,IAAI,EAAE,OAAO,QAAS;CACtB,KAAK,EAAE,OAAO,QAAS;CACvB,KAAK,EAAE,OAAO,QAAS;CACvB,KAAK,EAAE,OAAO,QAAS;CACvB,KAAK,EAAE,OAAO,QAAS;CACvB,KAAK,EAAE,OAAO,QAAS;CACvB,KAAK,EAAE,OAAO,QAAS;CACvB,KAAK,EAAE,OAAO,QAAS;CACvB,KAAK,EAAE,OAAO,SAAU;CACxB,KAAK,EAAE,OAAO,SAAU;AACzB,EAAC"}
@@ -204,4 +204,4 @@ const textStyles = defineTextStyles({
204
204
 
205
205
  //#endregion
206
206
  export { fontSizes, fontWeights, fonts, lineHeights, textStyles };
207
- //# sourceMappingURL=typography.js.map
207
+ //# sourceMappingURL=typography.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"typography.mjs","names":["size: FontSizeToken","lineHeight: LineHeightToken"],"sources":["../src/typography.ts"],"sourcesContent":["/**\n * Copyright (c) 2024-present, NDLA.\n *\n * This source code is licensed under the GPLv3 license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport { defineTextStyles, defineTokens } from \"@pandacss/dev\";\nimport type { FontSizeToken, LineHeightToken } from \"@ndla/styled-system/tokens\";\n\nexport const fontWeights = defineTokens.fontWeights({\n light: { value: 300 },\n normal: { value: 400 },\n semibold: { value: 600 },\n bold: { value: 670 },\n});\n\nexport const fonts = defineTokens.fonts({\n sans: {\n value: [\n \"Satoshi\",\n \"Helvetica\",\n \"Arial\",\n \"STKaiti\",\n \"'华文楷体'\",\n \"KaiTi\",\n \"SimKai\",\n \"'楷体'\",\n \"KaiU\",\n \"DFKai-SB\",\n \"'標楷體'\",\n \"SongTi\",\n \"'宋体'\",\n \"sans-serif\",\n ],\n },\n serif: {\n value: [\n \"'Source Serif Pro'\",\n \"Times\",\n \"STKaiti\",\n \"'华文楷体'\",\n \"KaiTi\",\n \"SimKai\",\n \"'楷体'\",\n \"KaiU\",\n \"DFKai-SB\",\n \"'標楷體'\",\n \"SongTi\",\n \"'宋体'\",\n \"serif\",\n ],\n },\n code: {\n value: [\"'Source Code ProVariable'\", \"Monaco\"],\n },\n});\n\nexport const fontSizes = defineTokens.fontSizes({\n // 12px\n xxsmall: { value: \"0.75rem\" },\n // 14px\n xsmall: { value: \"0.875rem\" },\n // 16px\n small: { value: \"1rem\" },\n // 18px\n medium: { value: \"1.125rem\" },\n // 22px\n large: { value: \"1.375rem\" },\n // 26px\n xlarge: { value: \"1.625rem\" },\n // 30px\n xxlarge: { value: \"1.875rem\" },\n // 38px\n \"3xlarge\": { value: \"2.375rem\" },\n // 48px\n \"4xlarge\": { value: \"3rem\" },\n});\n\nexport const lineHeights = defineTokens.lineHeights({\n xxsmall: { value: \"0.75rem\" },\n xsmall: { value: \"1.375rem\" },\n small: { value: \"1.5rem\" },\n medium: { value: \"1.75rem\" },\n large: { value: \"1.875rem\" },\n xlarge: { value: \"2.25rem\" },\n xxlarge: { value: \"2.375rem\" },\n \"3xlarge\": { value: \"3rem\" },\n \"4xlarge\": { value: \"3.75rem\" },\n});\n\nconst sizes = (size: FontSizeToken, lineHeight: LineHeightToken) => {\n return {\n fontSize: size,\n lineHeight,\n _chinese: {\n fontSize: `calc(token(fontSizes.${size}) * 1.11)`,\n lineHeight: `calc(token(lineHeights.${lineHeight}) * 1.11)`,\n },\n };\n};\n\nexport const textStyles = defineTextStyles({\n heading: {\n large: {\n value: {\n fontFamily: \"sans\",\n fontWeight: \"bold\",\n letterSpacing: \"-0.01em\",\n ...sizes(\"4xlarge\", \"4xlarge\"),\n mobileWideDown: {\n ...sizes(\"3xlarge\", \"3xlarge\"),\n },\n },\n },\n medium: {\n value: {\n fontFamily: \"sans\",\n fontWeight: \"bold\",\n letterSpacing: \"-0.01em\",\n ...sizes(\"3xlarge\", \"3xlarge\"),\n mobileWideDown: {\n letterSpacing: \"-0.01em\",\n ...sizes(\"xxlarge\", \"xxlarge\"),\n },\n },\n },\n small: {\n value: {\n fontFamily: \"sans\",\n fontWeight: \"bold\",\n letterSpacing: \"-0.01em\",\n ...sizes(\"xxlarge\", \"xxlarge\"),\n mobileWideDown: {\n ...sizes(\"xlarge\", \"xlarge\"),\n },\n },\n },\n },\n title: {\n large: {\n value: {\n fontFamily: \"sans\",\n fontWeight: \"bold\",\n letterSpacing: \"-0.01em\",\n ...sizes(\"xlarge\", \"xlarge\"),\n mobileWideDown: {\n ...sizes(\"large\", \"large\"),\n },\n },\n },\n medium: {\n value: {\n fontFamily: \"sans\",\n fontWeight: \"bold\",\n letterSpacing: \"-0.01em\",\n ...sizes(\"large\", \"large\"),\n mobileWideDown: {\n ...sizes(\"medium\", \"small\"),\n },\n },\n },\n small: {\n value: {\n fontFamily: \"sans\",\n fontWeight: \"bold\",\n letterSpacing: \"-0.01em\",\n ...sizes(\"medium\", \"small\"),\n },\n },\n },\n body: {\n article: {\n value: {\n fontFamily: \"serif\",\n fontWeight: \"normal\",\n letterSpacing: \"normal\",\n ...sizes(\"medium\", \"medium\"),\n },\n },\n articleLink: {\n value: {\n fontFamily: \"serif\",\n fontWeight: \"normal\",\n letterSpacing: \"normal\",\n ...sizes(\"medium\", \"medium\"),\n },\n },\n link: {\n value: {\n fontFamily: \"sans\",\n fontWeight: \"normal\",\n letterSpacing: \"normal\",\n ...sizes(\"medium\", \"medium\"),\n },\n },\n xlarge: {\n value: {\n fontFamily: \"sans\",\n fontWeight: \"normal\",\n letterSpacing: \"normal\",\n ...sizes(\"large\", \"large\"),\n },\n },\n large: {\n value: {\n fontFamily: \"sans\",\n fontWeight: \"normal\",\n letterSpacing: \"normal\",\n ...sizes(\"medium\", \"medium\"),\n },\n },\n medium: {\n value: {\n fontFamily: \"sans\",\n fontWeight: \"normal\",\n letterSpacing: \"normal\",\n ...sizes(\"small\", \"small\"),\n },\n },\n small: {\n value: {\n fontFamily: \"sans\",\n fontWeight: \"normal\",\n letterSpacing: \"normal\",\n ...sizes(\"xsmall\", \"xsmall\"),\n },\n },\n },\n label: {\n large: {\n value: {\n fontFamily: \"sans\",\n fontWeight: \"normal\",\n letterSpacing: \"normal\",\n ...sizes(\"medium\", \"medium\"),\n },\n strong: {\n value: {\n fontFamily: \"sans\",\n fontWeight: \"bold\",\n letterSpacing: \"normal\",\n ...sizes(\"medium\", \"medium\"),\n },\n },\n },\n medium: {\n value: {\n fontFamily: \"sans\",\n fontWeight: \"normal\",\n letterSpacing: \"normal\",\n ...sizes(\"small\", \"small\"),\n },\n },\n small: {\n value: {\n fontFamily: \"sans\",\n fontWeight: \"normal\",\n letterSpacing: \"normal\",\n ...sizes(\"xsmall\", \"xsmall\"),\n },\n },\n xsmall: {\n value: {\n fontFamily: \"sans\",\n fontWeight: \"normal\",\n letterSpacing: \"normal\",\n ...sizes(\"xxsmall\", \"xxsmall\"),\n },\n },\n },\n});\n"],"mappings":"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"}
@@ -20,4 +20,4 @@ const zIndex = defineTokens.zIndex({
20
20
 
21
21
  //#endregion
22
22
  export { zIndex };
23
- //# sourceMappingURL=zIndex.js.map
23
+ //# sourceMappingURL=zIndex.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"zIndex.mjs","names":[],"sources":["../src/zIndex.ts"],"sourcesContent":["/**\n * Copyright (c) 2024-present, NDLA.\n *\n * This source code is licensed under the GPLv3 license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport { defineTokens } from \"@pandacss/dev\";\n\nexport const zIndex = defineTokens.zIndex({\n hide: {\n value: -1,\n },\n base: {\n value: 0,\n },\n docked: {\n value: 10,\n },\n dropdown: {\n value: 1000,\n },\n sticky: {\n value: 1100,\n },\n banner: {\n value: 1200,\n },\n overlay: {\n value: 1300,\n },\n modal: {\n value: 1400,\n },\n alertModalOverlay: {\n value: 1500,\n },\n alertModal: {\n value: 1600,\n },\n popover: {\n value: 1700,\n },\n skipLink: {\n value: 1800,\n },\n toast: {\n value: 1900,\n },\n tooltip: {\n value: 2000,\n },\n});\n"],"mappings":";;;AAUA,MAAa,SAAS,aAAa,OAAO;CACxC,MAAM,EACJ,OAAO,GACR;CACD,MAAM,EACJ,OAAO,EACR;CACD,QAAQ,EACN,OAAO,GACR;CACD,UAAU,EACR,OAAO,IACR;CACD,QAAQ,EACN,OAAO,KACR;CACD,QAAQ,EACN,OAAO,KACR;CACD,SAAS,EACP,OAAO,KACR;CACD,OAAO,EACL,OAAO,KACR;CACD,mBAAmB,EACjB,OAAO,KACR;CACD,YAAY,EACV,OAAO,KACR;CACD,SAAS,EACP,OAAO,KACR;CACD,UAAU,EACR,OAAO,KACR;CACD,OAAO,EACL,OAAO,KACR;CACD,SAAS,EACP,OAAO,IACR;AACF,EAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"conditions.js","names":[],"sources":["../src/conditions.ts"],"sourcesContent":["/**\n * Copyright (c) 2024-present, NDLA.\n *\n * This source code is licensed under the GPLv3 license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nexport const conditions = {\n chinese: \"&:where([lang='zh'], [lang='zh-Hans'], [lang='zh-Hant']):not([data-pinyin])\",\n ariaInvalid: \"&:has([aria-invalid='true']), &[aria-invalid='true']\",\n disabled: \"&:is(:disabled, [disabled], [data-disabled], [aria-disabled='true'])\",\n on: '&:is([data-state=\"on\"])',\n};\n"],"mappings":";;;;;;;;;AAQA,MAAa,aAAa;CACxB,SAAS;CACT,aAAa;CACb,UAAU;CACV,IAAI;AACL"}
1
+ {"version":3,"file":"conditions.js","names":[],"sources":["../src/conditions.ts"],"sourcesContent":["/**\n * Copyright (c) 2024-present, NDLA.\n *\n * This source code is licensed under the GPLv3 license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\n// TODO: We might be able to get rid of some of these. See conditions.d.ts\n\nexport const conditions = {\n chinese: \"&:where([lang='zh'], [lang='zh-Hans'], [lang='zh-Hant']):not([data-pinyin])\",\n ariaInvalid: \"&:has([aria-invalid='true']), &[aria-invalid='true']\",\n disabled: \"&:is(:disabled, [disabled], [data-disabled], [aria-disabled='true'])\",\n on: '&:is([data-state=\"on\"])',\n};\n"],"mappings":";;;;;;;;;AAUA,MAAa,aAAa;CACxB,SAAS;CACT,aAAa;CACb,UAAU;CACV,IAAI;AACL"}
@@ -20,12 +20,13 @@ const transformStyledFn = (args) => {
20
20
  const factoryJs = factoryArtifact?.files.find((f) => f.file.includes(".mjs") || f.file.includes(".js"));
21
21
  const jsxTypes = args.artifacts.find((art) => art.id === "types-jsx")?.files.find((f) => f.file.includes("jsx"));
22
22
  const systemTypes = args.artifacts.find((art) => art.id === "types-gen-system")?.files.find((f) => f.file.includes("system-types"));
23
- if (!factoryJs?.code || !jsxTypes?.code || !systemTypes?.code) return args.artifacts;
23
+ const jsxIndex = args.artifacts.find((art) => art.id === "jsx-patterns-index")?.files.find((file) => file.file === "index.d.ts");
24
+ if (!factoryJs?.code || !jsxTypes?.code || !systemTypes?.code || !jsxIndex?.code) return args.artifacts;
24
25
  const baseCode = "const __base__ = Dynamic.__base__ || Dynamic";
25
26
  factoryJs.code = factoryJs.code.replace(baseCode, `${baseCode}
26
27
  const contextConsume = options.baseComponent || Dynamic.__base__ || typeof Dynamic === "string"`);
27
- const propsCode = "const { as: Element = __base__, children, ...restProps } = props";
28
- factoryJs.code = factoryJs.code.replace(propsCode, `const { as: Element = __base__, consumeCss, children, ...restProps } = props
28
+ const propsCode = "const { as: Element = __base__, unstyled, children, ...restProps } = props";
29
+ factoryJs.code = factoryJs.code.replace(propsCode, `const { as: Element = __base__, unstyled, consumeCss, children, ...restProps } = props
29
30
 
30
31
  const consume = props.asChild
31
32
  ? consumeCss && (options.baseComponent || Dynamic.__baseComponent__)
@@ -39,7 +40,7 @@ const transformStyledFn = (args) => {
39
40
  const styledComponentForwardPropDeclaration = `StyledComponent.__shouldForwardProps__ = shouldForwardProp`;
40
41
  factoryJs.code = factoryJs.code.replace(styledComponentForwardPropDeclaration, `${styledComponentForwardPropDeclaration}
41
42
  StyledComponent.__baseComponent__ = options.baseComponent || Dynamic.__baseComponent__`);
42
- const shouldForwardPropCode = "shouldForwardProp?(prop: string, variantKeys: string[]): boolean";
43
+ const shouldForwardPropCode = "shouldForwardProp?: (prop: string, variantKeys: string[]) => boolean";
43
44
  jsxTypes.code = jsxTypes.code.replace(shouldForwardPropCode, `${shouldForwardPropCode}
44
45
  /**
45
46
  * Used when creating styled components from React components that do not support the css prop. If true, the css prop will be consumed and converted to \`className\`
@@ -49,6 +50,11 @@ const transformStyledFn = (args) => {
49
50
  * const Button = styled(ark.button, { baseComponent: true })
50
51
  */
51
52
  baseComponent?: boolean`);
53
+ const htmlStyledPropsCode = "export type HTMLStyledProps<T extends ElementType> = JsxHTMLProps<ComponentProps<T> & UnstyledProps & AsProps, JsxStyleProps>";
54
+ jsxTypes.code = jsxTypes.code.replace(htmlStyledPropsCode, `${htmlStyledPropsCode}
55
+ export interface StyledProps extends UnstyledProps, AsProps, JsxStyleProps {}`);
56
+ const jsxExportCode = "export type { HTMLStyledProps, StyledComponent } from '../types/jsx';";
57
+ jsxIndex.code = jsxIndex.code.replace(jsxExportCode, `export type { HTMLStyledProps, StyledComponent, StyledProps } from '../types/jsx';`);
52
58
  const jsxStylePropsCode = "export type JsxStyleProps =";
53
59
  systemTypes.code = systemTypes.code.replace(jsxStylePropsCode, `${jsxStylePropsCode} {
54
60
  /**
@@ -1 +1 @@
1
- {"version":3,"file":"forwardCssPropPlugin.js","names":["args: CodegenPrepareHookArgs"],"sources":["../../src/plugins/forwardCssPropPlugin.ts"],"sourcesContent":["/**\n * Copyright (c) 2024-present, NDLA.\n *\n * This source code is licensed under the GPLv3 license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport type { CodegenPrepareHookArgs, PandaPlugin } from \"@pandacss/types\";\n\nconst supportedJsxFrameworks = [\"react\"];\n\nexport const forwardCssPropPlugin = (): PandaPlugin => {\n return {\n name: \"forward-css-prop\",\n hooks: {\n \"config:resolved\": (args) => {\n const jsxFramework = args.config.jsxFramework;\n if (!supportedJsxFrameworks.includes(jsxFramework as string)) {\n throw new Error(\n `[plugin:restrict-styled-props]: Unsupported jsxFramework: ${jsxFramework}. This Panda plugin only supports: ${supportedJsxFrameworks.join(\", \")}`,\n );\n }\n },\n \"codegen:prepare\": (args) => {\n return transformStyledFn(args);\n },\n },\n };\n};\n\nexport const transformStyledFn = (args: CodegenPrepareHookArgs) => {\n const factoryArtifact = args.artifacts.find((art) => art.id === \"jsx-factory\");\n const factoryJs = factoryArtifact?.files.find((f) => f.file.includes(\".mjs\") || f.file.includes(\".js\"));\n const jsxTypes = args.artifacts.find((art) => art.id === \"types-jsx\")?.files.find((f) => f.file.includes(\"jsx\"));\n const systemTypes = args.artifacts\n .find((art) => art.id === \"types-gen-system\")\n ?.files.find((f) => f.file.includes(\"system-types\"));\n\n if (!factoryJs?.code || !jsxTypes?.code || !systemTypes?.code) {\n return args.artifacts;\n }\n\n const baseCode = \"const __base__ = Dynamic.__base__ || Dynamic\";\n\n factoryJs.code = factoryJs.code.replace(\n baseCode,\n `${baseCode}\n const contextConsume = options.baseComponent || Dynamic.__base__ || typeof Dynamic === \"string\"`,\n );\n\n const propsCode = \"const { as: Element = __base__, children, ...restProps } = props\";\n\n factoryJs.code = factoryJs.code.replace(\n propsCode,\n `const { as: Element = __base__, consumeCss, children, ...restProps } = props\n\n const consume = props.asChild\n ? consumeCss && (options.baseComponent || Dynamic.__baseComponent__)\n : consumeCss || contextConsume`,\n );\n\n const cvaCode = \"const cvaStyles = __cvaFn__.raw(variantProps)\";\n\n factoryJs.code = factoryJs.code.replace(\n cvaCode,\n `${cvaCode}\n if(!consume) {\n return css.raw(cvaStyles, propStyles, cssStyles)\n }`,\n );\n\n factoryJs.code = factoryJs.code.replace(\n \"className: classes()\",\n `...(consume ? { className: classes() } : { css: classes(), consumeCss } )`,\n );\n\n const styledComponentForwardPropDeclaration = `StyledComponent.__shouldForwardProps__ = shouldForwardProp`;\n\n factoryJs.code = factoryJs.code.replace(\n styledComponentForwardPropDeclaration,\n `${styledComponentForwardPropDeclaration}\n StyledComponent.__baseComponent__ = options.baseComponent || Dynamic.__baseComponent__`,\n );\n\n const shouldForwardPropCode = \"shouldForwardProp?(prop: string, variantKeys: string[]): boolean\";\n\n jsxTypes.code = jsxTypes.code.replace(\n shouldForwardPropCode,\n `${shouldForwardPropCode}\n /**\n * Used when creating styled components from React components that do not support the css prop. If true, the css prop will be consumed and converted to \\`className\\` \n * @example\n * import { ark } from \"@ark-ui/react\"\n * import { styled } from \"@ndla/styled-system/jsx\"\n * const Button = styled(ark.button, { baseComponent: true })\n */\n baseComponent?: boolean`,\n );\n\n const jsxStylePropsCode = \"export type JsxStyleProps =\";\n\n systemTypes.code = systemTypes.code.replace(\n jsxStylePropsCode,\n `${jsxStylePropsCode} { \n /**\n * Tells a component to consume the \\`css\\` prop and turn it into a \\`className\\` prop. This is only used in conjunction with the \\`baseComponent\\` prop in the \\`styled\\` function to ensure that components that are \\`asChild\\`-ed onto non-panda components can consume their css before being merged with their child.\n * @example\n * import { ark } from \"@ark-ui/react\"\n * import { styled } from \"@ndla/styled-system/jsx\"\n * const Button = styled('button', { baseComponent: true })\n *\n * return (\n * <Button asChild consumeCss>\n * <div>Click me</div>\n * </Button>\n * )\n */\n consumeCss?: boolean \n } & `,\n );\n\n return args.artifacts;\n};\n"],"mappings":";;AAUA,MAAM,yBAAyB,CAAC,OAAQ;AAExC,MAAa,uBAAuB,MAAmB;AACrD,QAAO;EACL,MAAM;EACN,OAAO;GACL,mBAAmB,CAAC,SAAS;IAC3B,MAAM,eAAe,KAAK,OAAO;AACjC,SAAK,uBAAuB,SAAS,aAAuB,CAC1D,OAAM,IAAI,OACP,4DAA4D,aAAa,qCAAqC,uBAAuB,KAAK,KAAK,CAAC;GAGtJ;GACD,mBAAmB,CAAC,SAAS;AAC3B,WAAO,kBAAkB,KAAK;GAC/B;EACF;CACF;AACF;AAED,MAAa,oBAAoB,CAACA,SAAiC;CACjE,MAAM,kBAAkB,KAAK,UAAU,KAAK,CAAC,QAAQ,IAAI,OAAO,cAAc;CAC9E,MAAM,YAAY,iBAAiB,MAAM,KAAK,CAAC,MAAM,EAAE,KAAK,SAAS,OAAO,IAAI,EAAE,KAAK,SAAS,MAAM,CAAC;CACvG,MAAM,WAAW,KAAK,UAAU,KAAK,CAAC,QAAQ,IAAI,OAAO,YAAY,EAAE,MAAM,KAAK,CAAC,MAAM,EAAE,KAAK,SAAS,MAAM,CAAC;CAChH,MAAM,cAAc,KAAK,UACtB,KAAK,CAAC,QAAQ,IAAI,OAAO,mBAAmB,EAC3C,MAAM,KAAK,CAAC,MAAM,EAAE,KAAK,SAAS,eAAe,CAAC;AAEtD,MAAK,WAAW,SAAS,UAAU,SAAS,aAAa,KACvD,QAAO,KAAK;CAGd,MAAM,WAAW;AAEjB,WAAU,OAAO,UAAU,KAAK,QAC9B,WACC,EAAE,SAAS;mGAEb;CAED,MAAM,YAAY;AAElB,WAAU,OAAO,UAAU,KAAK,QAC9B,YACC;;;;sCAKF;CAED,MAAM,UAAU;AAEhB,WAAU,OAAO,UAAU,KAAK,QAC9B,UACC,EAAE,QAAQ;;;SAIZ;AAED,WAAU,OAAO,UAAU,KAAK,QAC9B,yBACC,2EACF;CAED,MAAM,yCAAyC;AAE/C,WAAU,OAAO,UAAU,KAAK,QAC9B,wCACC,EAAE,sCAAsC;0FAE1C;CAED,MAAM,wBAAwB;AAE9B,UAAS,OAAO,SAAS,KAAK,QAC5B,wBACC,EAAE,sBAAsB;;;;;;;;2BAS1B;CAED,MAAM,oBAAoB;AAE1B,aAAY,OAAO,YAAY,KAAK,QAClC,oBACC,EAAE,kBAAkB;;;;;;;;;;;;;;;QAgBtB;AAED,QAAO,KAAK;AACb"}
1
+ {"version":3,"file":"forwardCssPropPlugin.js","names":["args: CodegenPrepareHookArgs"],"sources":["../../src/plugins/forwardCssPropPlugin.ts"],"sourcesContent":["/**\n * Copyright (c) 2024-present, NDLA.\n *\n * This source code is licensed under the GPLv3 license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport type { CodegenPrepareHookArgs, PandaPlugin } from \"@pandacss/types\";\n\nconst supportedJsxFrameworks = [\"react\"];\n\nexport const forwardCssPropPlugin = (): PandaPlugin => {\n return {\n name: \"forward-css-prop\",\n hooks: {\n \"config:resolved\": (args) => {\n const jsxFramework = args.config.jsxFramework;\n if (!supportedJsxFrameworks.includes(jsxFramework as string)) {\n throw new Error(\n `[plugin:restrict-styled-props]: Unsupported jsxFramework: ${jsxFramework}. This Panda plugin only supports: ${supportedJsxFrameworks.join(\", \")}`,\n );\n }\n },\n \"codegen:prepare\": (args) => {\n return transformStyledFn(args);\n },\n },\n };\n};\n\nexport const transformStyledFn = (args: CodegenPrepareHookArgs) => {\n const factoryArtifact = args.artifacts.find((art) => art.id === \"jsx-factory\");\n const factoryJs = factoryArtifact?.files.find((f) => f.file.includes(\".mjs\") || f.file.includes(\".js\"));\n const jsxTypes = args.artifacts.find((art) => art.id === \"types-jsx\")?.files.find((f) => f.file.includes(\"jsx\"));\n const systemTypes = args.artifacts\n .find((art) => art.id === \"types-gen-system\")\n ?.files.find((f) => f.file.includes(\"system-types\"));\n\n const jsxIndex = args.artifacts\n .find((art) => art.id === \"jsx-patterns-index\")\n ?.files.find((file) => file.file === \"index.d.ts\");\n\n if (!factoryJs?.code || !jsxTypes?.code || !systemTypes?.code || !jsxIndex?.code) {\n return args.artifacts;\n }\n\n const baseCode = \"const __base__ = Dynamic.__base__ || Dynamic\";\n\n factoryJs.code = factoryJs.code.replace(\n baseCode,\n `${baseCode}\n const contextConsume = options.baseComponent || Dynamic.__base__ || typeof Dynamic === \"string\"`,\n );\n\n const propsCode = \"const { as: Element = __base__, unstyled, children, ...restProps } = props\";\n\n factoryJs.code = factoryJs.code.replace(\n propsCode,\n `const { as: Element = __base__, unstyled, consumeCss, children, ...restProps } = props\n\n const consume = props.asChild\n ? consumeCss && (options.baseComponent || Dynamic.__baseComponent__)\n : consumeCss || contextConsume`,\n );\n\n const cvaCode = \"const cvaStyles = __cvaFn__.raw(variantProps)\";\n\n factoryJs.code = factoryJs.code.replace(\n cvaCode,\n `${cvaCode}\n if(!consume) {\n return css.raw(cvaStyles, propStyles, cssStyles)\n }`,\n );\n\n factoryJs.code = factoryJs.code.replace(\n \"className: classes()\",\n `...(consume ? { className: classes() } : { css: classes(), consumeCss } )`,\n );\n\n const styledComponentForwardPropDeclaration = `StyledComponent.__shouldForwardProps__ = shouldForwardProp`;\n\n factoryJs.code = factoryJs.code.replace(\n styledComponentForwardPropDeclaration,\n `${styledComponentForwardPropDeclaration}\n StyledComponent.__baseComponent__ = options.baseComponent || Dynamic.__baseComponent__`,\n );\n\n const shouldForwardPropCode = \"shouldForwardProp?: (prop: string, variantKeys: string[]) => boolean\";\n\n jsxTypes.code = jsxTypes.code.replace(\n shouldForwardPropCode,\n `${shouldForwardPropCode}\n /**\n * Used when creating styled components from React components that do not support the css prop. If true, the css prop will be consumed and converted to \\`className\\` \n * @example\n * import { ark } from \"@ark-ui/react\"\n * import { styled } from \"@ndla/styled-system/jsx\"\n * const Button = styled(ark.button, { baseComponent: true })\n */\n baseComponent?: boolean`,\n );\n\n const htmlStyledPropsCode =\n \"export type HTMLStyledProps<T extends ElementType> = JsxHTMLProps<ComponentProps<T> & UnstyledProps & AsProps, JsxStyleProps>\";\n\n jsxTypes.code = jsxTypes.code.replace(\n htmlStyledPropsCode,\n `${htmlStyledPropsCode}\nexport interface StyledProps extends UnstyledProps, AsProps, JsxStyleProps {}`,\n );\n\n const jsxExportCode = \"export type { HTMLStyledProps, StyledComponent } from '../types/jsx';\";\n\n jsxIndex.code = jsxIndex.code.replace(\n jsxExportCode,\n `export type { HTMLStyledProps, StyledComponent, StyledProps } from '../types/jsx';`,\n );\n\n const jsxStylePropsCode = \"export type JsxStyleProps =\";\n\n systemTypes.code = systemTypes.code.replace(\n jsxStylePropsCode,\n `${jsxStylePropsCode} { \n /**\n * Tells a component to consume the \\`css\\` prop and turn it into a \\`className\\` prop. This is only used in conjunction with the \\`baseComponent\\` prop in the \\`styled\\` function to ensure that components that are \\`asChild\\`-ed onto non-panda components can consume their css before being merged with their child.\n * @example\n * import { ark } from \"@ark-ui/react\"\n * import { styled } from \"@ndla/styled-system/jsx\"\n * const Button = styled('button', { baseComponent: true })\n *\n * return (\n * <Button asChild consumeCss>\n * <div>Click me</div>\n * </Button>\n * )\n */\n consumeCss?: boolean \n } & `,\n );\n\n return args.artifacts;\n};\n"],"mappings":";;AAUA,MAAM,yBAAyB,CAAC,OAAQ;AAExC,MAAa,uBAAuB,MAAmB;AACrD,QAAO;EACL,MAAM;EACN,OAAO;GACL,mBAAmB,CAAC,SAAS;IAC3B,MAAM,eAAe,KAAK,OAAO;AACjC,SAAK,uBAAuB,SAAS,aAAuB,CAC1D,OAAM,IAAI,OACP,4DAA4D,aAAa,qCAAqC,uBAAuB,KAAK,KAAK,CAAC;GAGtJ;GACD,mBAAmB,CAAC,SAAS;AAC3B,WAAO,kBAAkB,KAAK;GAC/B;EACF;CACF;AACF;AAED,MAAa,oBAAoB,CAACA,SAAiC;CACjE,MAAM,kBAAkB,KAAK,UAAU,KAAK,CAAC,QAAQ,IAAI,OAAO,cAAc;CAC9E,MAAM,YAAY,iBAAiB,MAAM,KAAK,CAAC,MAAM,EAAE,KAAK,SAAS,OAAO,IAAI,EAAE,KAAK,SAAS,MAAM,CAAC;CACvG,MAAM,WAAW,KAAK,UAAU,KAAK,CAAC,QAAQ,IAAI,OAAO,YAAY,EAAE,MAAM,KAAK,CAAC,MAAM,EAAE,KAAK,SAAS,MAAM,CAAC;CAChH,MAAM,cAAc,KAAK,UACtB,KAAK,CAAC,QAAQ,IAAI,OAAO,mBAAmB,EAC3C,MAAM,KAAK,CAAC,MAAM,EAAE,KAAK,SAAS,eAAe,CAAC;CAEtD,MAAM,WAAW,KAAK,UACnB,KAAK,CAAC,QAAQ,IAAI,OAAO,qBAAqB,EAC7C,MAAM,KAAK,CAAC,SAAS,KAAK,SAAS,aAAa;AAEpD,MAAK,WAAW,SAAS,UAAU,SAAS,aAAa,SAAS,UAAU,KAC1E,QAAO,KAAK;CAGd,MAAM,WAAW;AAEjB,WAAU,OAAO,UAAU,KAAK,QAC9B,WACC,EAAE,SAAS;mGAEb;CAED,MAAM,YAAY;AAElB,WAAU,OAAO,UAAU,KAAK,QAC9B,YACC;;;;sCAKF;CAED,MAAM,UAAU;AAEhB,WAAU,OAAO,UAAU,KAAK,QAC9B,UACC,EAAE,QAAQ;;;SAIZ;AAED,WAAU,OAAO,UAAU,KAAK,QAC9B,yBACC,2EACF;CAED,MAAM,yCAAyC;AAE/C,WAAU,OAAO,UAAU,KAAK,QAC9B,wCACC,EAAE,sCAAsC;0FAE1C;CAED,MAAM,wBAAwB;AAE9B,UAAS,OAAO,SAAS,KAAK,QAC5B,wBACC,EAAE,sBAAsB;;;;;;;;2BAS1B;CAED,MAAM,sBACJ;AAEF,UAAS,OAAO,SAAS,KAAK,QAC5B,sBACC,EAAE,oBAAoB;+EAExB;CAED,MAAM,gBAAgB;AAEtB,UAAS,OAAO,SAAS,KAAK,QAC5B,gBACC,oFACF;CAED,MAAM,oBAAoB;AAE1B,aAAY,OAAO,YAAY,KAAK,QAClC,oBACC,EAAE,kBAAkB;;;;;;;;;;;;;;;QAgBtB;AAED,QAAO,KAAK;AACb"}
package/package.json CHANGED
@@ -1,12 +1,12 @@
1
1
  {
2
2
  "name": "@ndla/preset-panda",
3
3
  "type": "module",
4
- "version": "0.0.57",
4
+ "version": "0.0.59",
5
5
  "description": "Panda preset for NDLA.",
6
6
  "license": "GPL-3.0",
7
7
  "exports": {
8
8
  "types": "./lib/index.d.ts",
9
- "import": "./es/index.js",
9
+ "import": "./es/index.mjs",
10
10
  "require": "./lib/index.js"
11
11
  },
12
12
  "sideEffects": false,
@@ -35,11 +35,11 @@
35
35
  "lib"
36
36
  ],
37
37
  "dependencies": {
38
- "@ndla/core": "^6.0.2-alpha.0",
39
- "@pandacss/dev": "^0.53.6"
38
+ "@ndla/core": "^6.0.3-alpha.0",
39
+ "@pandacss/dev": "^1.3.0"
40
40
  },
41
41
  "publishConfig": {
42
42
  "access": "public"
43
43
  },
44
- "gitHead": "7dad2e9e5f36baa968538306625fd9bfbec96c66"
44
+ "gitHead": "daaeac2f46919879d2bc28d1006742bd47bcbee3"
45
45
  }
@@ -1 +0,0 @@
1
- {"version":3,"file":"animations.js","names":[],"sources":["../src/animations.ts"],"sourcesContent":["/**\n * Copyright (c) 2024-present, NDLA.\n *\n * This source code is licensed under the GPLv3 license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport { defineTokens } from \"@pandacss/dev\";\n\nexport const animations = defineTokens.animations({\n spin: {\n value: \"spin 700ms infinite linear\",\n },\n \"collapse-in\": {\n value: \"collapse-in 250ms {easings.emphasized-in}\",\n },\n \"collapse-out\": {\n value: \"collapse-out 200ms {easings.emphasized-out}\",\n },\n \"fade-shift-in\": {\n value: \"fade-shift-in 200ms {easings.emphasized-in}\",\n },\n \"fade-shift-out\": {\n value: \"fade-shift-in 200ms {easings.emphasized-in}\",\n },\n \"backdrop-in\": {\n value: \"fade-in 250ms {easings.emphasized-in}\",\n },\n \"backdrop-out\": {\n value: \"fade-out 200ms {easings.emphasized-out}\",\n },\n \"dialog-in\": {\n value: \"fade-in 400ms {easings.emphasized-in}\",\n },\n \"dialog-out\": {\n value: \"fade-out 200ms {easings.emphasized-out}\",\n },\n \"drawer-in-left\": {\n value: \"slide-in-left 400ms {easings.emphasized-in}\",\n },\n \"drawer-out-left\": {\n value: \"slide-out-left 200ms {easings.emphasized-out}\",\n },\n \"drawer-in-right\": {\n value: \"slide-in-right 400ms {easings.emphasized-in}\",\n },\n \"drawer-out-right\": {\n value: \"slide-out-right 200ms {easings.emphasized-out}\",\n },\n \"drawer-in-bottom\": {\n value: \"slide-in-bottom 400ms {easings.emphasized-in}\",\n },\n \"drawer-out-bottom\": {\n value: \"slide-out-bottom 200ms {easings.emphasized-out}\",\n },\n \"drawer-in-top\": {\n value: \"slide-in-top 400ms {easings.emphasized-in}\",\n },\n \"drawer-out-top\": {\n value: \"slide-out-top 200ms {easings.emphasized-out}\",\n },\n \"skeleton-pulse\": {\n value: \"skeleton-pulse 2s {easings.pulse} infinite\",\n },\n});\n\nexport const easings = defineTokens.easings({\n default: { value: \"cubic-bezier(0.17, 0.04, 0.03, 0.94)\" },\n \"emphasized-in\": { value: \"cubic-bezier(0.05, 0.7, 0.1, 1.0)\" },\n \"emphasized-out\": { value: \"cubic-bezier(0.3, 0.0, 0.8, 0.15)\" },\n pulse: { value: \"cubic-bezier(0.4, 0.0, 0.6, 1.0)\" },\n});\n\nexport const durations = defineTokens.durations({\n superFast: { value: \"100ms\" },\n fast: { value: \"200ms\" },\n normal: { value: \"400ms\" },\n slow: { value: \"600ms\" },\n infinite: { value: \"infinite\" },\n});\n\nexport const keyframes = {\n spin: {\n from: { transform: \"rotate(0deg)\" },\n to: { transform: \"rotate(360deg)\" },\n },\n \"fade-shift-in\": {\n \"0%\": { opacity: \"0\", transform: \"translateY(-4px)\" },\n \"100%\": { opacity: \"1\", transform: \"translateY(0)\" },\n },\n \"fade-shift-out\": {\n \"0%\": { opacity: \"1\", transform: \"translateY(0)\" },\n \"100%\": { opacity: \"0\", transform: \"translateY(-4px)\" },\n },\n \"collapse-in\": {\n \"0%\": { height: \"0\" },\n \"100%\": { height: \"var(--height)\" },\n },\n \"collapse-out\": {\n \"0%\": { height: \"var(--height)\" },\n \"100%\": { height: \"0\" },\n },\n \"fade-in\": {\n from: { opacity: \"0\" },\n to: { opacity: \"1\" },\n },\n \"fade-out\": {\n from: { opacity: \"1\" },\n to: { opacity: \"0\" },\n },\n \"slide-in-left\": {\n \"0%\": { transform: \"translateX(-100%)\" },\n \"100%\": { transform: \"translateX(0%)\" },\n },\n \"slide-out-left\": {\n \"0%\": { transform: \"translateX(0%)\" },\n \"100%\": { transform: \"translateX(-100%)\" },\n },\n \"slide-in-right\": {\n \"0%\": { transform: \"translateX(100%)\" },\n \"100%\": { transform: \"translateX(0%)\" },\n },\n \"slide-out-right\": {\n \"0%\": { transform: \"translateX(0%)\" },\n \"100%\": { transform: \"translateX(100%)\" },\n },\n \"slide-in-top\": {\n \"0%\": { transform: \"translateY(-100%)\" },\n \"100%\": { transform: \"translateY(0%)\" },\n },\n \"slide-out-top\": {\n \"0%\": { transform: \"translateY(0%)\" },\n \"100%\": { transform: \"translateY(-100%)\" },\n },\n \"slide-in-bottom\": {\n \"0%\": { transform: \"translateY(100%)\" },\n \"100%\": { transform: \"translateY(0%)\" },\n },\n \"slide-out-bottom\": {\n \"0%\": { transform: \"translateY(0%)\" },\n \"100%\": { transform: \"translateY(100%)\" },\n },\n \"skeleton-pulse\": {\n \"50%\": { opacity: \"0.5\" },\n },\n};\n"],"mappings":"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"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"boxShadows.js","names":[],"sources":["../src/boxShadows.ts"],"sourcesContent":["/**\n * Copyright (c) 2024-present, NDLA.\n *\n * This source code is licensed under the GPLv3 license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport { defineTokens } from \"@pandacss/dev\";\n\nexport const boxShadows = defineTokens.shadows({\n xsmall: { value: [\"0px 1px 4px 0px rgba(0, 0, 0, 0.15)\", \"0px 0px 1px 0px rgba(0, 0, 0, 0.18)\"] },\n small: {\n value: [\n \"0px 3px 8px 0px rgba(0, 0, 0, 0.1)\",\n \"0px 1px 3px 0px rgba(0, 0, 0, 0.1)\",\n \"0px 0px 1px 0px rgba(0, 0, 0, 0.18)\",\n ],\n },\n medium: {\n value: [\n \"0px 5px 12px 0px rgba(0, 0, 0, 0.13)\",\n \"0px 1px 3px 0px rgba(0, 0, 0, 0.1)\",\n \"0px 0px 1px 0px rgba(0, 0, 0, 0.15)\",\n ],\n },\n large: {\n value: [\n \"0px 10px 16px 0px rgba(0, 0, 0, 0.12)\",\n \"0px 2px 5px 0px rgba(0, 0, 0, 0.15)\",\n \"0px 0px 1px 0px rgba(0, 0, 0, 0.12)\",\n ],\n },\n xlarge: {\n value: [\n \"0px 10px 24px 0px rgba(0, 0, 0, 0.18)\",\n \"0px 2px 5px 0px rgba(0, 0, 0, 0.15)\",\n \"0px 0px 1px 0px rgba(0, 0, 0, 0.08)\",\n ],\n },\n full: {\n value: \"4px 4px 0px 0px {colors.primary}\",\n },\n inner: {\n value: `0px -1px 0px 0px rgba(45, 27, 98, 0.25) inset`, //colors.primary\n },\n innerTop: {\n value: \"0px 1px 0px 0px rgba(45, 27, 98, 0.25) inset\", //colors.primary\n },\n innerRight: {\n value: \"-1px 0px 0px 0px rgba(45, 27, 98, 0.25) inset\", //colors.primary\n },\n});\n"],"mappings":";;;AAUA,MAAa,aAAa,aAAa,QAAQ;CAC7C,QAAQ,EAAE,OAAO,CAAC,uCAAuC,qCAAsC,EAAE;CACjG,OAAO,EACL,OAAO;EACL;EACA;EACA;CACD,EACF;CACD,QAAQ,EACN,OAAO;EACL;EACA;EACA;CACD,EACF;CACD,OAAO,EACL,OAAO;EACL;EACA;EACA;CACD,EACF;CACD,QAAQ,EACN,OAAO;EACL;EACA;EACA;CACD,EACF;CACD,MAAM,EACJ,OAAO,mCACR;CACD,OAAO,EACL,QAAQ,+CACT;CACD,UAAU,EACR,OAAO,+CACR;CACD,YAAY,EACV,OAAO,gDACR;AACF,EAAC"}
package/es/colors.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"colors.js","names":[],"sources":["../src/colors.ts"],"sourcesContent":["/**\n * Copyright (c) 2024-present, NDLA.\n *\n * This source code is licensed under the GPLv3 license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport { defineTokens } from \"@pandacss/dev\";\n\nexport const colors = defineTokens.colors({\n grey: {\n 50: { value: \"#FAFAFA\" },\n 100: { value: \"#F2F2F3\" },\n 200: { value: \"#E4E4E7\" },\n 300: { value: \"#C9C9CF\" },\n 400: { value: \"#AFAFB6\" },\n 500: { value: \"#94949E\" },\n 600: { value: \"#797986\" },\n 700: { value: \"#61616B\" },\n 800: { value: \"#494950\" },\n 900: { value: \"#303036\" },\n 950: { value: \"#18181B\" },\n },\n blue: {\n 50: { value: \"#F1F9FD\" },\n 100: { value: \"#D1ECFA\" },\n 200: { value: \"#ACDFF6\" },\n 300: { value: \"#87D4F2\" },\n 400: { value: \"#6CCCEF\" },\n 500: { value: \"#40BDEB\" },\n 600: { value: \"#1E9CD2\" },\n 700: { value: \"#197AB2\" },\n 800: { value: \"#155784\" },\n 900: { value: \"#113F5F\" },\n 950: { value: \"#0B253D\" },\n },\n purple: {\n 50: { value: \"#F9F6FE\" },\n 100: { value: \"#F2EBFC\" },\n 200: { value: \"#E7DAFA\" },\n 300: { value: \"#DDC7FA\" },\n 400: { value: \"#D2B4F8\" },\n 500: { value: \"#C8A4F7\" },\n 600: { value: \"#B586F3\" },\n 700: { value: \"#8B65DC\" },\n 800: { value: \"#823CC8\" },\n 900: { value: \"#5E1F9E\" },\n 950: { value: \"#40116F\" },\n },\n lightYellow: {\n 50: { value: \"#FFFCF0\" },\n 100: { value: \"#FFF9DB\" },\n 200: { value: \"#FFF7CC\" },\n 300: { value: \"#FFF1A8\" },\n 400: { value: \"#FFED8F\" },\n 500: { value: \"#FFE767\" },\n 600: { value: \"#FFDD33\" },\n 700: { value: \"#FFCC00\" },\n 800: { value: \"#FFB700\" },\n 900: { value: \"#FAA700\" },\n 950: { value: \"#F08C00\" },\n 1000: { value: \"#CC8302\" },\n 1100: { value: \"#A25C06\" },\n 1200: { value: \"#86480D\" },\n 1300: { value: \"#7A3701\" },\n 1400: { value: \"#481A00\" },\n },\n yellow: {\n 50: { value: \"#FFF9E5\" },\n 100: { value: \"#FCEBB1\" },\n 200: { value: \"#FFE285\" },\n 300: { value: \"#FFCE2E\" },\n 400: { value: \"#FFC300\" },\n 500: { value: \"#E5AF00\" },\n 600: { value: \"#BA8E00\" },\n 700: { value: \"#AD8500\" },\n 800: { value: \"#8F6D00\" },\n 900: { value: \"#6B5200\" },\n 950: { value: \"#523E00\" },\n },\n lightGreen: {\n 50: { value: \"#EDFDF2\" },\n 100: { value: \"#DAFBE5\" },\n 200: { value: \"#C3F8D5\" },\n 300: { value: \"#A7F6C1\" },\n 400: { value: \"#81F3A7\" },\n 500: { value: \"#63F293\" },\n 600: { value: \"#42D774\" },\n 700: { value: \"#2CAF58\" },\n 800: { value: \"#238042\" },\n 900: { value: \"#174F2A\" },\n 950: { value: \"#11361E\" },\n },\n green: {\n 50: { value: \"#F3FCF5\" },\n 100: { value: \"#CCF1D6\" },\n 200: { value: \"#99DEAD\" },\n 300: { value: \"#66C786\" },\n 400: { value: \"#33AA5F\" },\n 500: { value: \"#06893A\" },\n 600: { value: \"#007C2E\" },\n 700: { value: \"#006A23\" },\n 800: { value: \"#005519\" },\n 900: { value: \"#003B0F\" },\n 950: { value: \"#002108\" },\n },\n pink: {\n 50: { value: \"#FEF2F3\" },\n 100: { value: \"#FDECEF\" },\n 200: { value: \"#FCDEE3\" },\n 300: { value: \"#F9C3CE\" },\n 400: { value: \"#F79CAE\" },\n 500: { value: \"#F67992\" },\n 600: { value: \"#EF4D6D\" },\n 700: { value: \"#D53457\" },\n 800: { value: \"#A82447\" },\n 900: { value: \"#761935\" },\n 950: { value: \"#4A1124\" },\n },\n red: {\n 50: { value: \"#FFE6E6\" },\n 100: { value: \"#FFC2C2\" },\n 200: { value: \"#F68282\" },\n 300: { value: \"#F25C5C\" },\n 400: { value: \"#DE2E2E\" },\n 500: { value: \"#C30000\" },\n 600: { value: \"#AD0000\" },\n 700: { value: \"#8C0000\" },\n 800: { value: \"#5C0000\" },\n 900: { value: \"#260000\" },\n 950: { value: \"#1A0000\" },\n },\n white: {\n value: \"#FFFFFF\",\n },\n primary: {\n value: \"#2D1B62\",\n },\n});\n"],"mappings":"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"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"conditions.js","names":[],"sources":["../src/conditions.ts"],"sourcesContent":["/**\n * Copyright (c) 2024-present, NDLA.\n *\n * This source code is licensed under the GPLv3 license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nexport const conditions = {\n chinese: \"&:where([lang='zh'], [lang='zh-Hans'], [lang='zh-Hant']):not([data-pinyin])\",\n ariaInvalid: \"&:has([aria-invalid='true']), &[aria-invalid='true']\",\n disabled: \"&:is(:disabled, [disabled], [data-disabled], [aria-disabled='true'])\",\n on: '&:is([data-state=\"on\"])',\n};\n"],"mappings":";;;;;;;;AAQA,MAAa,aAAa;CACxB,SAAS;CACT,aAAa;CACb,UAAU;CACV,IAAI;AACL"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"globalCss.js","names":[],"sources":["../src/globalCss.ts"],"sourcesContent":["/**\n * Copyright (c) 2024-present, NDLA.\n *\n * This source code is licensed under the GPLv3 license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport { defineGlobalStyles } from \"@pandacss/dev\";\n\nexport const globalCss = defineGlobalStyles({\n \":root\": {\n // Applied to html in preflight (css reset)\n \"--global-font-body\": \"fonts.sans\",\n // Code, kbd, pre, samp\n \"--global-font-mono\": \"fonts.code\",\n },\n html: {\n minHeight: \"100%\",\n fontFeatureSettings: \"'ss03' on, 'liga' off, 'clig' off\",\n // this is included in the css reset we use. We don't want it.\n \"& h1, h2, h3, h4, h5, h6\": {\n textWrap: \"unset\",\n },\n },\n body: {\n background: \"background.default\",\n color: \"text.default\",\n },\n \"a, summary,[tabindex]:not([tabindex='-1'])\": {\n outline: \"none\",\n _focusVisible: {\n outline: \"3px\",\n borderRadius: \"xsmall\",\n outlineColor: \"stroke.default\",\n outlineOffset: \"3px\",\n outlineStyle: \"solid\",\n },\n },\n code: {\n background: \"background.subtle\",\n whiteSpace: \"pre-wrap\",\n },\n /* Hide default zendesk launcher so that we can provide our own. */\n \"iframe#launcher\": {\n display: \"none\",\n },\n // For future readers: Life here would be much simpler if we could use flex.\n // However, our usage of float within the article content forces us to use margins.\n \".ndla-article\": {\n h1: {\n textStyle: \"heading.medium\",\n },\n h2: {\n textStyle: \"heading.small\",\n },\n h3: {\n textStyle: \"title.medium\",\n },\n \"h4, h5, h6\": {\n textStyle: \"title.small\",\n },\n '& p[data-align=\"center\"]': {\n textAlign: \"center\",\n },\n // TODO: This is not an actual text style. Should it be?\n blockquote: {\n textStyle: \"body.medium\",\n fontFamily: \"serif\",\n },\n '& p:has(span[dir=\"rtl\"])': {\n direction: \"rtl\",\n },\n textStyle: \"body.article\",\n width: \"100%\",\n\n // Non-figure block elements that should have margin above and below.\n '& details, :not(li) > blockquote, [data-embed-type=\"expandable-box\"], [data-embed-type=\"framed-content\"], [data-embed-type=\"factbox\"], table, [data-embed-type=\"related-content-list\"], [data-embed-type=\"link-block-list\"], [data-embed-type=\"pitch\"], [data-embed-type=\"campaign-block\"], [data-embed-type=\"key-figure\"], [data-embed-type=\"grid\"], [data-embed-type=\"contact-block\"], [data-embed-type=\"file-list\"], [data-embed-type=\"uu-disclaimer\"]':\n {\n marginBlockStart: \"xxlarge\",\n marginBlockEnd: \"xxlarge\",\n tabletDown: {\n marginBlockStart: \"xlarge\",\n marginBlockEnd: \"xlarge\",\n },\n },\n\n // Article content is usually wrapped in a section. The rest of the elements in this list contains other elements, and should add margin to them no matter where they are placed in the DOM.\n '& section:not([class]), section:not([class]) > div:not([class]), [data-embed-type=\"framed-content\"], [data-embed-type=\"grid\"] > div, [data-embed-type=\"grid-parallax\"] > div, [data-embed-type=\"factbox\"] > div, [data-embed-type=\"copyright\"] > [data-copyright-content], [data-embed-type=\"uu-disclaimer\"] > [data-uu-content], [data-embed-wrapper], details, [data-embed-type=\"expandable-box\"], blockquote':\n {\n '& > :is(h2, [data-embed-type=\"copy-heading\"])': {\n marginBlockStart: \"xlarge\",\n marginBlockEnd: \"small\",\n tabletDown: {\n marginBlockStart: \"large\",\n },\n },\n \"& > h3\": {\n marginBlockStart: \"large\",\n marginBlockEnd: \"xsmall\",\n tabletDown: {\n marginBlockStart: \"medium\",\n },\n },\n \"& > :is(h4, h5, h6)\": {\n marginBlockStart: \"medium\",\n marginBlockEnd: \"xsmall\",\n tabletDown: {\n marginBlockStart: \"small\",\n },\n },\n \"& > :is(figure)\": {\n marginBlockStart: \"xxlarge\",\n marginBlockEnd: \"xxlarge\",\n tabletDown: {\n marginBlockStart: \"xlarge\",\n },\n },\n '& > :is(p, ul, ol, dl, [data-embed-type=\"speech\"])': {\n marginBlockStart: \"xsmall\",\n marginBlockEnd: \"xsmall\",\n },\n '& > :is([data-embed-type=\"ordered-list\"])': {\n marginInlineStart: \"xlarge!\",\n },\n },\n '& [data-embed-type=\"framed-content\"], [data-embed-type=\"grid\"] > div, [data-embed-type=\"grid-parallax\"] > div, [data-embed-type=\"factbox\"] > div, [data-embed-type=\"copyright\"] > [data-copyright-content], [data-embed-type=\"uu-disclaimer\"] > [data-uu-content], details, blockquote':\n {\n \"& > :first-child\": {\n marginBlockStart: \"0\",\n },\n \"& > :last-child\": {\n marginBlockEnd: \"0\",\n },\n },\n \"& section:not([class]), section:not([class]) > div:not([class])\": {\n \"& > :first-child\": {\n marginBlockStart: \"xxlarge\",\n tabletDown: {\n marginBlockStart: \"xlarge\",\n },\n },\n \"& > :last-child\": {\n marginBlockEnd: \"xxlarge\",\n tabletDown: {\n marginBlockStart: \"xlarge\",\n },\n },\n },\n },\n // Adds default link styling to links without classes\n 'a:not([class]):not([data-unstyled]), a[class=\"\"]:not([data-unstyled])': {\n color: \"text.link\",\n textDecoration: \"underline\",\n _hover: {\n textDecoration: \"none\",\n },\n _visited: {\n color: \"text.linkVisited\",\n },\n },\n \".codeblock\": {\n border: \"1px solid\",\n borderColor: \"stroke.subtle\",\n borderLeft: \"4px solid\",\n borderLeftColor: \"stroke.default\",\n borderRadius: \"xsmall\",\n boxSizing: \"border-box\",\n overflowX: \"auto\",\n textStyle: \"label.medium\",\n fontFamily: \"code\",\n display: \"block\",\n whiteSpace: \"pre\",\n \"& .linenumber\": {\n display: \"inline-block\",\n paddingBlock: \"0\",\n paddingInline: \"small\",\n borderRight: \"1px solid\",\n borderColor: \"stroke.subtle\",\n width: \"xxlarge\",\n textAlign: \"right\",\n marginInlineEnd: \"xsmall\",\n },\n \"& :nth-child(1 of .linenumber)\": {\n paddingBlockStart: \"xsmall\",\n },\n \"& :nth-last-child(1 of .linenumber)\": {\n paddingBlockEnd: \"xsmall\",\n },\n // The remaining css is copied from the coy theme in prismjs. A lot of css is omitted due to styling clashes. TODO: Consider moving this\n \"& .token.comment, .token.block-comment, .token.prolog, .token.doctype, .token.cdata\": {\n color: \"#7d8b99\",\n },\n \"& .token.punctuation\": {\n color: \"#5f6364\",\n },\n \"& .token.property, .token.tag, .token.boolean, .token.number, .token.function-name, .token.constant, .token.symbol, .token.deleted\":\n {\n color: \"#c92c2c\",\n },\n \"& .token.selector, .token.attr-name, .token.string, .token.char, .token.function, .token.builtin, .token.inserted\":\n {\n color: \"#2f9c0a\",\n },\n \"& .token.operator, .token.entity, .token.url, .token.variable\": {\n color: \"#a67f59\",\n background: \"rgba(255, 255, 255, 0.5)\",\n },\n \"& .token.atrule, .token.attr-value, .token.keyword, .token.class-name\": {\n color: \"#1990b8\",\n },\n \"& .token.regex, .token.important\": {\n color: \"#e90\",\n },\n \"& .language-css .token.string, .style .token.string\": {\n color: \"#a67f59\",\n background: \"rgba(255, 255, 255, 0.5)\",\n },\n \"& .token.important\": {\n fontWeight: \"normal\",\n },\n \"& .token.bold\": {\n fontWeight: \"bold\",\n },\n \"& .token.italic\": {\n fontStyle: \"italic\",\n },\n \"& .token.entity\": {\n cursor: \"help\",\n },\n \"& .token.namespace\": {\n opacity: \"0.7\",\n },\n },\n});\n"],"mappings":";;;AAUA,MAAa,YAAY,mBAAmB;CAC1C,SAAS;EAEP,sBAAsB;EAEtB,sBAAsB;CACvB;CACD,MAAM;EACJ,WAAW;EACX,qBAAqB;EAErB,4BAA4B,EAC1B,UAAU,QACX;CACF;CACD,MAAM;EACJ,YAAY;EACZ,OAAO;CACR;CACD,8CAA8C;EAC5C,SAAS;EACT,eAAe;GACb,SAAS;GACT,cAAc;GACd,cAAc;GACd,eAAe;GACf,cAAc;EACf;CACF;CACD,MAAM;EACJ,YAAY;EACZ,YAAY;CACb;CAED,mBAAmB,EACjB,SAAS,OACV;CAGD,iBAAiB;EACf,IAAI,EACF,WAAW,iBACZ;EACD,IAAI,EACF,WAAW,gBACZ;EACD,IAAI,EACF,WAAW,eACZ;EACD,cAAc,EACZ,WAAW,cACZ;EACD,8BAA4B,EAC1B,WAAW,SACZ;EAED,YAAY;GACV,WAAW;GACX,YAAY;EACb;EACD,8BAA4B,EAC1B,WAAW,MACZ;EACD,WAAW;EACX,OAAO;EAGP,qdACE;GACE,kBAAkB;GAClB,gBAAgB;GAChB,YAAY;IACV,kBAAkB;IAClB,gBAAgB;GACjB;EACF;EAGH,iaACE;GACE,mDAAiD;IAC/C,kBAAkB;IAClB,gBAAgB;IAChB,YAAY,EACV,kBAAkB,QACnB;GACF;GACD,UAAU;IACR,kBAAkB;IAClB,gBAAgB;IAChB,YAAY,EACV,kBAAkB,SACnB;GACF;GACD,uBAAuB;IACrB,kBAAkB;IAClB,gBAAgB;IAChB,YAAY,EACV,kBAAkB,QACnB;GACF;GACD,mBAAmB;IACjB,kBAAkB;IAClB,gBAAgB;IAChB,YAAY,EACV,kBAAkB,SACnB;GACF;GACD,wDAAsD;IACpD,kBAAkB;IAClB,gBAAgB;GACjB;GACD,+CAA6C,EAC3C,mBAAmB,UACpB;EACF;EACH,sSACE;GACE,oBAAoB,EAClB,kBAAkB,IACnB;GACD,mBAAmB,EACjB,gBAAgB,IACjB;EACF;EACH,mEAAmE;GACjE,oBAAoB;IAClB,kBAAkB;IAClB,YAAY,EACV,kBAAkB,SACnB;GACF;GACD,mBAAmB;IACjB,gBAAgB;IAChB,YAAY,EACV,kBAAkB,SACnB;GACF;EACF;CACF;CAED,2EAAyE;EACvE,OAAO;EACP,gBAAgB;EAChB,QAAQ,EACN,gBAAgB,OACjB;EACD,UAAU,EACR,OAAO,mBACR;CACF;CACD,cAAc;EACZ,QAAQ;EACR,aAAa;EACb,YAAY;EACZ,iBAAiB;EACjB,cAAc;EACd,WAAW;EACX,WAAW;EACX,WAAW;EACX,YAAY;EACZ,SAAS;EACT,YAAY;EACZ,iBAAiB;GACf,SAAS;GACT,cAAc;GACd,eAAe;GACf,aAAa;GACb,aAAa;GACb,OAAO;GACP,WAAW;GACX,iBAAiB;EAClB;EACD,kCAAkC,EAChC,mBAAmB,SACpB;EACD,uCAAuC,EACrC,iBAAiB,SAClB;EAED,uFAAuF,EACrF,OAAO,UACR;EACD,wBAAwB,EACtB,OAAO,UACR;EACD,sIACE,EACE,OAAO,UACR;EACH,qHACE,EACE,OAAO,UACR;EACH,iEAAiE;GAC/D,OAAO;GACP,YAAY;EACb;EACD,yEAAyE,EACvE,OAAO,UACR;EACD,oCAAoC,EAClC,OAAO,OACR;EACD,uDAAuD;GACrD,OAAO;GACP,YAAY;EACb;EACD,sBAAsB,EACpB,YAAY,SACb;EACD,iBAAiB,EACf,YAAY,OACb;EACD,mBAAmB,EACjB,WAAW,SACZ;EACD,mBAAmB,EACjB,QAAQ,OACT;EACD,sBAAsB,EACpB,SAAS,MACV;CACF;AACF,EAAC"}
package/es/index.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","names":[],"sources":["../src/index.ts"],"sourcesContent":["/**\n * Copyright (c) 2024-present, NDLA.\n *\n * This source code is licensed under the GPLv3 license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport { definePreset } from \"@pandacss/dev\";\nimport { breakpoints } from \"@ndla/core\";\nimport { animations, durations, easings, keyframes } from \"./animations\";\nimport { boxShadows } from \"./boxShadows\";\nimport { colors } from \"./colors\";\nimport { conditions } from \"./conditions\";\nimport { globalCss } from \"./globalCss\";\nimport { radii } from \"./radii\";\nimport { semanticTokens } from \"./semanticTokens\";\nimport { spacing } from \"./spacing\";\nimport { fontWeights, textStyles, fonts, fontSizes, lineHeights } from \"./typography\";\nimport { zIndex } from \"./zIndex\";\n\nconst preset = definePreset({\n name: \"ndla/panda\",\n globalCss: globalCss,\n conditions: conditions,\n theme: {\n breakpoints: breakpoints,\n textStyles: textStyles,\n keyframes: keyframes,\n tokens: {\n colors: colors,\n easings: easings,\n durations: durations,\n radii: radii,\n spacing: spacing,\n sizes: spacing,\n lineHeights: lineHeights,\n fontWeights: fontWeights,\n fontSizes: fontSizes,\n fonts: fonts,\n animations: animations,\n shadows: boxShadows,\n zIndex: zIndex,\n },\n semanticTokens: semanticTokens,\n containerSizes: breakpoints,\n },\n});\n\nexport { forwardCssPropPlugin } from \"./plugins/forwardCssPropPlugin\";\n\nexport default preset;\n"],"mappings":";;;;;;;;;;;;;;;AAqBA,MAAM,SAAS,aAAa;CAC1B,MAAM;CACK;CACC;CACZ,OAAO;EACQ;EACD;EACD;EACX,QAAQ;GACE;GACC;GACE;GACJ;GACE;GACT,OAAO;GACM;GACA;GACF;GACJ;GACK;GACZ,SAAS;GACD;EACT;EACe;EAChB,gBAAgB;CACjB;AACF,EAAC;AAIF,kBAAe"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"forwardCssPropPlugin.js","names":["args: CodegenPrepareHookArgs"],"sources":["../../src/plugins/forwardCssPropPlugin.ts"],"sourcesContent":["/**\n * Copyright (c) 2024-present, NDLA.\n *\n * This source code is licensed under the GPLv3 license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport type { CodegenPrepareHookArgs, PandaPlugin } from \"@pandacss/types\";\n\nconst supportedJsxFrameworks = [\"react\"];\n\nexport const forwardCssPropPlugin = (): PandaPlugin => {\n return {\n name: \"forward-css-prop\",\n hooks: {\n \"config:resolved\": (args) => {\n const jsxFramework = args.config.jsxFramework;\n if (!supportedJsxFrameworks.includes(jsxFramework as string)) {\n throw new Error(\n `[plugin:restrict-styled-props]: Unsupported jsxFramework: ${jsxFramework}. This Panda plugin only supports: ${supportedJsxFrameworks.join(\", \")}`,\n );\n }\n },\n \"codegen:prepare\": (args) => {\n return transformStyledFn(args);\n },\n },\n };\n};\n\nexport const transformStyledFn = (args: CodegenPrepareHookArgs) => {\n const factoryArtifact = args.artifacts.find((art) => art.id === \"jsx-factory\");\n const factoryJs = factoryArtifact?.files.find((f) => f.file.includes(\".mjs\") || f.file.includes(\".js\"));\n const jsxTypes = args.artifacts.find((art) => art.id === \"types-jsx\")?.files.find((f) => f.file.includes(\"jsx\"));\n const systemTypes = args.artifacts\n .find((art) => art.id === \"types-gen-system\")\n ?.files.find((f) => f.file.includes(\"system-types\"));\n\n if (!factoryJs?.code || !jsxTypes?.code || !systemTypes?.code) {\n return args.artifacts;\n }\n\n const baseCode = \"const __base__ = Dynamic.__base__ || Dynamic\";\n\n factoryJs.code = factoryJs.code.replace(\n baseCode,\n `${baseCode}\n const contextConsume = options.baseComponent || Dynamic.__base__ || typeof Dynamic === \"string\"`,\n );\n\n const propsCode = \"const { as: Element = __base__, children, ...restProps } = props\";\n\n factoryJs.code = factoryJs.code.replace(\n propsCode,\n `const { as: Element = __base__, consumeCss, children, ...restProps } = props\n\n const consume = props.asChild\n ? consumeCss && (options.baseComponent || Dynamic.__baseComponent__)\n : consumeCss || contextConsume`,\n );\n\n const cvaCode = \"const cvaStyles = __cvaFn__.raw(variantProps)\";\n\n factoryJs.code = factoryJs.code.replace(\n cvaCode,\n `${cvaCode}\n if(!consume) {\n return css.raw(cvaStyles, propStyles, cssStyles)\n }`,\n );\n\n factoryJs.code = factoryJs.code.replace(\n \"className: classes()\",\n `...(consume ? { className: classes() } : { css: classes(), consumeCss } )`,\n );\n\n const styledComponentForwardPropDeclaration = `StyledComponent.__shouldForwardProps__ = shouldForwardProp`;\n\n factoryJs.code = factoryJs.code.replace(\n styledComponentForwardPropDeclaration,\n `${styledComponentForwardPropDeclaration}\n StyledComponent.__baseComponent__ = options.baseComponent || Dynamic.__baseComponent__`,\n );\n\n const shouldForwardPropCode = \"shouldForwardProp?(prop: string, variantKeys: string[]): boolean\";\n\n jsxTypes.code = jsxTypes.code.replace(\n shouldForwardPropCode,\n `${shouldForwardPropCode}\n /**\n * Used when creating styled components from React components that do not support the css prop. If true, the css prop will be consumed and converted to \\`className\\` \n * @example\n * import { ark } from \"@ark-ui/react\"\n * import { styled } from \"@ndla/styled-system/jsx\"\n * const Button = styled(ark.button, { baseComponent: true })\n */\n baseComponent?: boolean`,\n );\n\n const jsxStylePropsCode = \"export type JsxStyleProps =\";\n\n systemTypes.code = systemTypes.code.replace(\n jsxStylePropsCode,\n `${jsxStylePropsCode} { \n /**\n * Tells a component to consume the \\`css\\` prop and turn it into a \\`className\\` prop. This is only used in conjunction with the \\`baseComponent\\` prop in the \\`styled\\` function to ensure that components that are \\`asChild\\`-ed onto non-panda components can consume their css before being merged with their child.\n * @example\n * import { ark } from \"@ark-ui/react\"\n * import { styled } from \"@ndla/styled-system/jsx\"\n * const Button = styled('button', { baseComponent: true })\n *\n * return (\n * <Button asChild consumeCss>\n * <div>Click me</div>\n * </Button>\n * )\n */\n consumeCss?: boolean \n } & `,\n );\n\n return args.artifacts;\n};\n"],"mappings":";AAUA,MAAM,yBAAyB,CAAC,OAAQ;AAExC,MAAa,uBAAuB,MAAmB;AACrD,QAAO;EACL,MAAM;EACN,OAAO;GACL,mBAAmB,CAAC,SAAS;IAC3B,MAAM,eAAe,KAAK,OAAO;AACjC,SAAK,uBAAuB,SAAS,aAAuB,CAC1D,OAAM,IAAI,OACP,4DAA4D,aAAa,qCAAqC,uBAAuB,KAAK,KAAK,CAAC;GAGtJ;GACD,mBAAmB,CAAC,SAAS;AAC3B,WAAO,kBAAkB,KAAK;GAC/B;EACF;CACF;AACF;AAED,MAAa,oBAAoB,CAACA,SAAiC;CACjE,MAAM,kBAAkB,KAAK,UAAU,KAAK,CAAC,QAAQ,IAAI,OAAO,cAAc;CAC9E,MAAM,YAAY,iBAAiB,MAAM,KAAK,CAAC,MAAM,EAAE,KAAK,SAAS,OAAO,IAAI,EAAE,KAAK,SAAS,MAAM,CAAC;CACvG,MAAM,WAAW,KAAK,UAAU,KAAK,CAAC,QAAQ,IAAI,OAAO,YAAY,EAAE,MAAM,KAAK,CAAC,MAAM,EAAE,KAAK,SAAS,MAAM,CAAC;CAChH,MAAM,cAAc,KAAK,UACtB,KAAK,CAAC,QAAQ,IAAI,OAAO,mBAAmB,EAC3C,MAAM,KAAK,CAAC,MAAM,EAAE,KAAK,SAAS,eAAe,CAAC;AAEtD,MAAK,WAAW,SAAS,UAAU,SAAS,aAAa,KACvD,QAAO,KAAK;CAGd,MAAM,WAAW;AAEjB,WAAU,OAAO,UAAU,KAAK,QAC9B,WACC,EAAE,SAAS;mGAEb;CAED,MAAM,YAAY;AAElB,WAAU,OAAO,UAAU,KAAK,QAC9B,YACC;;;;sCAKF;CAED,MAAM,UAAU;AAEhB,WAAU,OAAO,UAAU,KAAK,QAC9B,UACC,EAAE,QAAQ;;;SAIZ;AAED,WAAU,OAAO,UAAU,KAAK,QAC9B,yBACC,2EACF;CAED,MAAM,yCAAyC;AAE/C,WAAU,OAAO,UAAU,KAAK,QAC9B,wCACC,EAAE,sCAAsC;0FAE1C;CAED,MAAM,wBAAwB;AAE9B,UAAS,OAAO,SAAS,KAAK,QAC5B,wBACC,EAAE,sBAAsB;;;;;;;;2BAS1B;CAED,MAAM,oBAAoB;AAE1B,aAAY,OAAO,YAAY,KAAK,QAClC,oBACC,EAAE,kBAAkB;;;;;;;;;;;;;;;QAgBtB;AAED,QAAO,KAAK;AACb"}
package/es/radii.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"radii.js","names":[],"sources":["../src/radii.ts"],"sourcesContent":["/**\n * Copyright (c) 2024-present, NDLA.\n *\n * This source code is licensed under the GPLv3 license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport { defineTokens } from \"@pandacss/dev\";\n\nexport const radii = defineTokens.radii({\n sharp: { value: \"0px\" },\n xsmall: { value: \"{spacing.4xsmall}\" },\n small: { value: \"{spacing.xxsmall}\" },\n medium: { value: \"{spacing.xsmall}\" },\n large: { value: \"{spacing.medium}\" },\n full: { value: \"100%\" },\n});\n"],"mappings":";;;AAUA,MAAa,QAAQ,aAAa,MAAM;CACtC,OAAO,EAAE,OAAO,MAAO;CACvB,QAAQ,EAAE,OAAO,oBAAqB;CACtC,OAAO,EAAE,OAAO,oBAAqB;CACrC,QAAQ,EAAE,OAAO,mBAAoB;CACrC,OAAO,EAAE,OAAO,mBAAoB;CACpC,MAAM,EAAE,OAAO,OAAQ;AACxB,EAAC"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"semanticTokens.js","names":[],"sources":["../src/semanticTokens.ts"],"sourcesContent":["/**\n * Copyright (c) 2024-present, NDLA.\n *\n * This source code is licensed under the GPLv3 license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport { defineSemanticTokens } from \"@pandacss/dev\";\n\nexport const semanticTokens = defineSemanticTokens({\n spacing: {\n \"5xsmall\": { value: \"{spacing.1}\" },\n \"4xsmall\": { value: \"{spacing.2}\" },\n \"3xsmall\": { value: \"{spacing.3}\" },\n xxsmall: { value: \"{spacing.4}\" },\n xsmall: { value: \"{spacing.6}\" },\n small: { value: \"{spacing.8}\" },\n medium: { value: \"{spacing.12}\" },\n large: { value: \"{spacing.16}\" },\n xlarge: { value: \"{spacing.18}\" },\n xxlarge: { value: \"{spacing.24}\" },\n \"3xlarge\": { value: \"{spacing.36}\" },\n \"4xlarge\": { value: \"{spacing.48}\" },\n \"5xlarge\": { value: \"{spacing.60}\" },\n surface: {\n \"4xsmall\": { value: \"{spacing.50}\" },\n \"3xsmall\": { value: \"{spacing.75}\" },\n xxsmall: { value: \"{spacing.100}\" },\n xsmall: { value: \"{spacing.150}\" },\n small: { value: \"{spacing.200}\" },\n medium: { value: \"{spacing.250}\" },\n large: { value: \"{spacing.300}\" },\n xlarge: { value: \"{spacing.350}\" },\n xxlarge: { value: \"{spacing.400}\" },\n \"3xlarge\": { value: \"{spacing.500}\" },\n \"4xlarge\": { value: \"{spacing.550}\" },\n },\n },\n sizes: {\n \"5xsmall\": { value: \"{spacing.1}\" },\n \"4xsmall\": { value: \"{spacing.2}\" },\n \"3xsmall\": { value: \"{spacing.3}\" },\n xxsmall: { value: \"{spacing.4}\" },\n xsmall: { value: \"{spacing.6}\" },\n small: { value: \"{spacing.8}\" },\n medium: { value: \"{spacing.12}\" },\n large: { value: \"{spacing.16}\" },\n xlarge: { value: \"{spacing.18}\" },\n xxlarge: { value: \"{spacing.24}\" },\n \"3xlarge\": { value: \"{spacing.36}\" },\n \"4xlarge\": { value: \"{spacing.48}\" },\n \"5xlarge\": { value: \"{spacing.60}\" },\n surface: {\n \"4xsmall\": { value: \"{spacing.50}\" },\n \"3xsmall\": { value: \"{spacing.75}\" },\n xxsmall: { value: \"{spacing.100}\" },\n xsmall: { value: \"{spacing.150}\" },\n small: { value: \"{spacing.200}\" },\n medium: { value: \"{spacing.250}\" },\n large: { value: \"{spacing.300}\" },\n xlarge: { value: \"{spacing.350}\" },\n xxlarge: { value: \"{spacing.400}\" },\n \"3xlarge\": { value: \"{spacing.500}\" },\n \"4xlarge\": { value: \"{spacing.550}\" },\n pageMax: { value: \"1128px\" },\n contentMax: { value: \"744px\" },\n articleMax: { value: \"928px\" },\n wideMax: { value: \"1440px\" },\n },\n },\n colors: {\n background: {\n default: { value: \"{colors.white}\" },\n subtle: { value: \"{colors.grey.100}\" },\n strong: { value: \"{colors.purple.50}\" },\n },\n text: {\n default: { value: \"{colors.grey.950}\" },\n subtle: { value: \"{colors.grey.700}\" },\n strong: { value: \"{colors.primary}\" },\n action: { value: \"{colors.purple.800}\" },\n onAction: { value: \"{colors.white}\" },\n link: { value: \"{colors.blue.800}\" },\n linkVisited: { value: \"{colors.purple.900}\" },\n error: { value: \"{colors.red.600}\" },\n disabled: { value: \"{colors.grey.400}\" },\n },\n icon: {\n default: { value: \"{colors.grey.950}\" },\n strong: { value: \"{colors.primary}\" },\n onAction: { value: \"{colors.white}\" },\n subtle: { value: \"{colors.grey.700}\" },\n warning: { value: \"{colors.yellow.600}\" },\n danger: { value: \"{colors.red.500}\" },\n },\n surface: {\n brand: {\n 1: {\n DEFAULT: { value: \"{colors.purple.500}\" },\n subtle: { value: \"{colors.purple.100}\" },\n moderate: { value: \"{colors.purple.300}\" },\n strong: { value: \"{colors.purple.950}\" },\n },\n 2: {\n DEFAULT: { value: \"{colors.blue.500}\" },\n subtle: { value: \"{colors.blue.50}\" },\n moderate: { value: \"{colors.blue.100}\" },\n bold: { value: \"{colors.blue.800}\" },\n strong: { value: \"{colors.blue.900}\" },\n },\n 3: {\n DEFAULT: { value: \"{colors.lightGreen.500}\" },\n subtle: { value: \"{colors.lightGreen.100}\" },\n moderate: { value: \"{colors.lightGreen.300}\" },\n strong: { value: \"{colors.lightGreen.900}\" },\n },\n 4: {\n DEFAULT: { value: \"{colors.lightYellow.500}\" },\n subtle: { value: \"{colors.lightYellow.100}\" },\n moderate: { value: \"{colors.lightYellow.300}\" },\n strong: { value: \"{colors.lightYellow.1100}\" },\n },\n 5: {\n DEFAULT: { value: \"{colors.pink.500}\" },\n subtle: { value: \"{colors.pink.100}\" },\n moderate: { value: \"{colors.pink.300}\" },\n strong: { value: \"{colors.pink.900}\" },\n },\n },\n default: { value: \"{colors.white}\" },\n hover: { value: \"{colors.grey.100}\" },\n active: { value: \"{colors.grey.200}\" },\n selected: { value: \"{colors.purple.200}\" },\n disabled: {\n DEFAULT: { value: \"{colors.grey.200}\" },\n subtle: { value: \"{colors.grey.50}\" },\n strong: { value: \"{colors.grey.700}\" },\n },\n infoSubtle: {\n DEFAULT: { value: \"{colors.grey.100}\" },\n hover: { value: \"{colors.grey.200}\" },\n active: { value: \"{colors.grey.300}\" },\n },\n action: {\n DEFAULT: { value: \"{colors.primary}\" },\n hover: { value: \"{colors.purple.900}\" },\n active: { value: \"{colors.purple.950}\" },\n selected: { value: \"{colors.purple.800}\" },\n myNdla: {\n DEFAULT: { value: \"{colors.lightYellow.300}\" },\n hover: { value: \"{colors.lightYellow.500}\" },\n current: { value: \"{colors.lightYellow.700}\" },\n },\n brand: {\n 1: {\n DEFAULT: { value: \"{colors.purple.50}\" },\n hover: { value: \"{colors.purple.100}\" },\n active: { value: \"{colors.purple.300}\" },\n selected: { value: \"{colors.purple.400}\" },\n },\n 2: {\n DEFAULT: { value: \"{colors.blue.50}\" },\n hover: { value: \"{colors.blue.100}\" },\n selected: { value: \"{colors.blue.200}\" },\n },\n },\n },\n actionSubtle: {\n DEFAULT: { value: \"{colors.purple.50}\" },\n hover: {\n DEFAULT: { value: \"{colors.purple.100}\" },\n strong: { value: \"{colors.purple.400}\" },\n },\n active: { value: \"{colors.purple.300}\" },\n selected: { value: \"{colors.purple.900}\" },\n },\n success: {\n DEFAULT: { value: \"{colors.green.500}\" },\n hover: { value: \"{colors.green.700}\" },\n selected: { value: \"{colors.green.900}\" },\n active: { value: \"{colors.green.700}\" },\n },\n successSubtle: {\n DEFAULT: { value: \"{colors.green.50}\" },\n hover: { value: \"{colors.green.100}\" },\n active: { value: \"{colors.green.300}\" },\n },\n warning: {\n DEFAULT: { value: \"{colors.yellow.400}\" },\n hover: { value: \"{colors.yellow.500}\" },\n active: { value: \"{colors.yellow.700}\" },\n },\n warningSubtle: {\n DEFAULT: { value: \"{colors.yellow.50}\" },\n hover: { value: \"{colors.yellow.100}\" },\n active: { value: \"{colors.yellow.200}\" },\n },\n danger: {\n DEFAULT: { value: \"{colors.red.500}\" },\n hover: { value: \"{colors.red.700}\" },\n selected: { value: \"{colors.red.800}\" },\n active: { value: \"{colors.red.900}\" },\n },\n dangerSubtle: {\n DEFAULT: { value: \"{colors.red.50}\" },\n hover: { value: \"{colors.red.100}\" },\n active: { value: \"{colors.red.200}\" },\n },\n error: {\n DEFAULT: { value: \"{colors.pink.500}\" },\n hover: { value: \"{colors.pink.700}\" },\n active: { value: \"{colors.pink.900}\" },\n },\n errorSubtle: {\n DEFAULT: { value: \"{colors.red.50}\" },\n hover: { value: \"{colors.pink.100}\" },\n active: { value: \"{colors.pink.200}\" },\n },\n subtle: {\n DEFAULT: { value: \"{colors.grey.50}\" },\n selected: { value: \"{colors.grey.100}\" },\n },\n },\n stroke: {\n default: { value: \"{colors.primary}\" },\n hover: { value: \"{colors.purple.800}\" },\n subtle: { value: \"{colors.grey.500}\" },\n success: { value: \"{colors.lightGreen.900}\" },\n info: { value: \"{colors.grey.500}\" },\n warning: { value: \"{colors.yellow.600}\" },\n error: { value: \"{colors.red.600}\" },\n disabled: { value: \"{colors.grey.300}\" },\n discrete: { value: \"{colors.grey.300}\" },\n },\n },\n});\n"],"mappings":"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"}
package/es/spacing.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"spacing.js","names":[],"sources":["../src/spacing.ts"],"sourcesContent":["/**\n * Copyright (c) 2024-present, NDLA.\n *\n * This source code is licensed under the GPLv3 license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport { defineTokens } from \"@pandacss/dev\";\n\nexport const spacing = defineTokens.spacing({\n 1: { value: \"2px\" },\n 2: { value: \"4px\" },\n 3: { value: \"6px\" },\n 4: { value: \"8px\" },\n 5: { value: \"10px\" },\n 6: { value: \"12px\" },\n 7: { value: \"14px\" },\n 8: { value: \"16px\" },\n 9: { value: \"18px\" },\n 10: { value: \"20px\" },\n 11: { value: \"22px\" },\n 12: { value: \"24px\" },\n 13: { value: \"26px\" },\n 14: { value: \"28px\" },\n 15: { value: \"30px\" },\n 16: { value: \"32px\" },\n 17: { value: \"34px\" },\n 18: { value: \"36px\" },\n 19: { value: \"38px\" },\n 20: { value: \"40px\" },\n 22: { value: \"44px\" },\n 24: { value: \"48px\" },\n 26: { value: \"52px\" },\n 28: { value: \"56px\" },\n 32: { value: \"64px\" },\n 36: { value: \"72px\" },\n 40: { value: \"80px\" },\n 44: { value: \"88px\" },\n 48: { value: \"96px\" },\n 50: { value: \"100px\" },\n 60: { value: \"120px\" },\n 72: { value: \"144px\" },\n 75: { value: \"150px\" },\n 100: { value: \"200px\" },\n 150: { value: \"300px\" },\n 200: { value: \"400px\" },\n 250: { value: \"500px\" },\n 300: { value: \"600px\" },\n 350: { value: \"700px\" },\n 400: { value: \"800px\" },\n 500: { value: \"1000px\" },\n 550: { value: \"1100px\" },\n});\n"],"mappings":";;;AAUA,MAAa,UAAU,aAAa,QAAQ;CAC1C,GAAG,EAAE,OAAO,MAAO;CACnB,GAAG,EAAE,OAAO,MAAO;CACnB,GAAG,EAAE,OAAO,MAAO;CACnB,GAAG,EAAE,OAAO,MAAO;CACnB,GAAG,EAAE,OAAO,OAAQ;CACpB,GAAG,EAAE,OAAO,OAAQ;CACpB,GAAG,EAAE,OAAO,OAAQ;CACpB,GAAG,EAAE,OAAO,OAAQ;CACpB,GAAG,EAAE,OAAO,OAAQ;CACpB,IAAI,EAAE,OAAO,OAAQ;CACrB,IAAI,EAAE,OAAO,OAAQ;CACrB,IAAI,EAAE,OAAO,OAAQ;CACrB,IAAI,EAAE,OAAO,OAAQ;CACrB,IAAI,EAAE,OAAO,OAAQ;CACrB,IAAI,EAAE,OAAO,OAAQ;CACrB,IAAI,EAAE,OAAO,OAAQ;CACrB,IAAI,EAAE,OAAO,OAAQ;CACrB,IAAI,EAAE,OAAO,OAAQ;CACrB,IAAI,EAAE,OAAO,OAAQ;CACrB,IAAI,EAAE,OAAO,OAAQ;CACrB,IAAI,EAAE,OAAO,OAAQ;CACrB,IAAI,EAAE,OAAO,OAAQ;CACrB,IAAI,EAAE,OAAO,OAAQ;CACrB,IAAI,EAAE,OAAO,OAAQ;CACrB,IAAI,EAAE,OAAO,OAAQ;CACrB,IAAI,EAAE,OAAO,OAAQ;CACrB,IAAI,EAAE,OAAO,OAAQ;CACrB,IAAI,EAAE,OAAO,OAAQ;CACrB,IAAI,EAAE,OAAO,OAAQ;CACrB,IAAI,EAAE,OAAO,QAAS;CACtB,IAAI,EAAE,OAAO,QAAS;CACtB,IAAI,EAAE,OAAO,QAAS;CACtB,IAAI,EAAE,OAAO,QAAS;CACtB,KAAK,EAAE,OAAO,QAAS;CACvB,KAAK,EAAE,OAAO,QAAS;CACvB,KAAK,EAAE,OAAO,QAAS;CACvB,KAAK,EAAE,OAAO,QAAS;CACvB,KAAK,EAAE,OAAO,QAAS;CACvB,KAAK,EAAE,OAAO,QAAS;CACvB,KAAK,EAAE,OAAO,QAAS;CACvB,KAAK,EAAE,OAAO,SAAU;CACxB,KAAK,EAAE,OAAO,SAAU;AACzB,EAAC"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"typography.js","names":["size: FontSizeToken","lineHeight: LineHeightToken"],"sources":["../src/typography.ts"],"sourcesContent":["/**\n * Copyright (c) 2024-present, NDLA.\n *\n * This source code is licensed under the GPLv3 license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport { defineTextStyles, defineTokens } from \"@pandacss/dev\";\nimport type { FontSizeToken, LineHeightToken } from \"@ndla/styled-system/tokens\";\n\nexport const fontWeights = defineTokens.fontWeights({\n light: { value: 300 },\n normal: { value: 400 },\n semibold: { value: 600 },\n bold: { value: 670 },\n});\n\nexport const fonts = defineTokens.fonts({\n sans: {\n value: [\n \"Satoshi\",\n \"Helvetica\",\n \"Arial\",\n \"STKaiti\",\n \"'华文楷体'\",\n \"KaiTi\",\n \"SimKai\",\n \"'楷体'\",\n \"KaiU\",\n \"DFKai-SB\",\n \"'標楷體'\",\n \"SongTi\",\n \"'宋体'\",\n \"sans-serif\",\n ],\n },\n serif: {\n value: [\n \"'Source Serif Pro'\",\n \"Times\",\n \"STKaiti\",\n \"'华文楷体'\",\n \"KaiTi\",\n \"SimKai\",\n \"'楷体'\",\n \"KaiU\",\n \"DFKai-SB\",\n \"'標楷體'\",\n \"SongTi\",\n \"'宋体'\",\n \"serif\",\n ],\n },\n code: {\n value: [\"'Source Code ProVariable'\", \"Monaco\"],\n },\n});\n\nexport const fontSizes = defineTokens.fontSizes({\n // 12px\n xxsmall: { value: \"0.75rem\" },\n // 14px\n xsmall: { value: \"0.875rem\" },\n // 16px\n small: { value: \"1rem\" },\n // 18px\n medium: { value: \"1.125rem\" },\n // 22px\n large: { value: \"1.375rem\" },\n // 26px\n xlarge: { value: \"1.625rem\" },\n // 30px\n xxlarge: { value: \"1.875rem\" },\n // 38px\n \"3xlarge\": { value: \"2.375rem\" },\n // 48px\n \"4xlarge\": { value: \"3rem\" },\n});\n\nexport const lineHeights = defineTokens.lineHeights({\n xxsmall: { value: \"0.75rem\" },\n xsmall: { value: \"1.375rem\" },\n small: { value: \"1.5rem\" },\n medium: { value: \"1.75rem\" },\n large: { value: \"1.875rem\" },\n xlarge: { value: \"2.25rem\" },\n xxlarge: { value: \"2.375rem\" },\n \"3xlarge\": { value: \"3rem\" },\n \"4xlarge\": { value: \"3.75rem\" },\n});\n\nconst sizes = (size: FontSizeToken, lineHeight: LineHeightToken) => {\n return {\n fontSize: size,\n lineHeight,\n _chinese: {\n fontSize: `calc(token(fontSizes.${size}) * 1.11)`,\n lineHeight: `calc(token(lineHeights.${lineHeight}) * 1.11)`,\n },\n };\n};\n\nexport const textStyles = defineTextStyles({\n heading: {\n large: {\n value: {\n fontFamily: \"sans\",\n fontWeight: \"bold\",\n letterSpacing: \"-0.01em\",\n ...sizes(\"4xlarge\", \"4xlarge\"),\n mobileWideDown: {\n ...sizes(\"3xlarge\", \"3xlarge\"),\n },\n },\n },\n medium: {\n value: {\n fontFamily: \"sans\",\n fontWeight: \"bold\",\n letterSpacing: \"-0.01em\",\n ...sizes(\"3xlarge\", \"3xlarge\"),\n mobileWideDown: {\n letterSpacing: \"-0.01em\",\n ...sizes(\"xxlarge\", \"xxlarge\"),\n },\n },\n },\n small: {\n value: {\n fontFamily: \"sans\",\n fontWeight: \"bold\",\n letterSpacing: \"-0.01em\",\n ...sizes(\"xxlarge\", \"xxlarge\"),\n mobileWideDown: {\n ...sizes(\"xlarge\", \"xlarge\"),\n },\n },\n },\n },\n title: {\n large: {\n value: {\n fontFamily: \"sans\",\n fontWeight: \"bold\",\n letterSpacing: \"-0.01em\",\n ...sizes(\"xlarge\", \"xlarge\"),\n mobileWideDown: {\n ...sizes(\"large\", \"large\"),\n },\n },\n },\n medium: {\n value: {\n fontFamily: \"sans\",\n fontWeight: \"bold\",\n letterSpacing: \"-0.01em\",\n ...sizes(\"large\", \"large\"),\n mobileWideDown: {\n ...sizes(\"medium\", \"small\"),\n },\n },\n },\n small: {\n value: {\n fontFamily: \"sans\",\n fontWeight: \"bold\",\n letterSpacing: \"-0.01em\",\n ...sizes(\"medium\", \"small\"),\n },\n },\n },\n body: {\n article: {\n value: {\n fontFamily: \"serif\",\n fontWeight: \"normal\",\n letterSpacing: \"normal\",\n ...sizes(\"medium\", \"medium\"),\n },\n },\n articleLink: {\n value: {\n fontFamily: \"serif\",\n fontWeight: \"normal\",\n letterSpacing: \"normal\",\n ...sizes(\"medium\", \"medium\"),\n },\n },\n link: {\n value: {\n fontFamily: \"sans\",\n fontWeight: \"normal\",\n letterSpacing: \"normal\",\n ...sizes(\"medium\", \"medium\"),\n },\n },\n xlarge: {\n value: {\n fontFamily: \"sans\",\n fontWeight: \"normal\",\n letterSpacing: \"normal\",\n ...sizes(\"large\", \"large\"),\n },\n },\n large: {\n value: {\n fontFamily: \"sans\",\n fontWeight: \"normal\",\n letterSpacing: \"normal\",\n ...sizes(\"medium\", \"medium\"),\n },\n },\n medium: {\n value: {\n fontFamily: \"sans\",\n fontWeight: \"normal\",\n letterSpacing: \"normal\",\n ...sizes(\"small\", \"small\"),\n },\n },\n small: {\n value: {\n fontFamily: \"sans\",\n fontWeight: \"normal\",\n letterSpacing: \"normal\",\n ...sizes(\"xsmall\", \"xsmall\"),\n },\n },\n },\n label: {\n large: {\n value: {\n fontFamily: \"sans\",\n fontWeight: \"normal\",\n letterSpacing: \"normal\",\n ...sizes(\"medium\", \"medium\"),\n },\n strong: {\n value: {\n fontFamily: \"sans\",\n fontWeight: \"bold\",\n letterSpacing: \"normal\",\n ...sizes(\"medium\", \"medium\"),\n },\n },\n },\n medium: {\n value: {\n fontFamily: \"sans\",\n fontWeight: \"normal\",\n letterSpacing: \"normal\",\n ...sizes(\"small\", \"small\"),\n },\n },\n small: {\n value: {\n fontFamily: \"sans\",\n fontWeight: \"normal\",\n letterSpacing: \"normal\",\n ...sizes(\"xsmall\", \"xsmall\"),\n },\n },\n xsmall: {\n value: {\n fontFamily: \"sans\",\n fontWeight: \"normal\",\n letterSpacing: \"normal\",\n ...sizes(\"xxsmall\", \"xxsmall\"),\n },\n },\n },\n});\n"],"mappings":"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"}
package/es/zIndex.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"zIndex.js","names":[],"sources":["../src/zIndex.ts"],"sourcesContent":["/**\n * Copyright (c) 2024-present, NDLA.\n *\n * This source code is licensed under the GPLv3 license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport { defineTokens } from \"@pandacss/dev\";\n\nexport const zIndex = defineTokens.zIndex({\n hide: {\n value: -1,\n },\n base: {\n value: 0,\n },\n docked: {\n value: 10,\n },\n dropdown: {\n value: 1000,\n },\n sticky: {\n value: 1100,\n },\n banner: {\n value: 1200,\n },\n overlay: {\n value: 1300,\n },\n modal: {\n value: 1400,\n },\n alertModalOverlay: {\n value: 1500,\n },\n alertModal: {\n value: 1600,\n },\n popover: {\n value: 1700,\n },\n skipLink: {\n value: 1800,\n },\n toast: {\n value: 1900,\n },\n tooltip: {\n value: 2000,\n },\n});\n"],"mappings":";;;AAUA,MAAa,SAAS,aAAa,OAAO;CACxC,MAAM,EACJ,OAAO,GACR;CACD,MAAM,EACJ,OAAO,EACR;CACD,QAAQ,EACN,OAAO,GACR;CACD,UAAU,EACR,OAAO,IACR;CACD,QAAQ,EACN,OAAO,KACR;CACD,QAAQ,EACN,OAAO,KACR;CACD,SAAS,EACP,OAAO,KACR;CACD,OAAO,EACL,OAAO,KACR;CACD,mBAAmB,EACjB,OAAO,KACR;CACD,YAAY,EACV,OAAO,KACR;CACD,SAAS,EACP,OAAO,KACR;CACD,UAAU,EACR,OAAO,KACR;CACD,OAAO,EACL,OAAO,KACR;CACD,SAAS,EACP,OAAO,IACR;AACF,EAAC"}