@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.
- package/dist/styles.css +27 -32
- package/es/{animations.js → animations.mjs} +1 -1
- package/es/animations.mjs.map +1 -0
- package/es/{boxShadows.js → boxShadows.mjs} +1 -1
- package/es/boxShadows.mjs.map +1 -0
- package/es/{colors.js → colors.mjs} +1 -1
- package/es/colors.mjs.map +1 -0
- package/es/{conditions.js → conditions.mjs} +1 -1
- package/es/conditions.mjs.map +1 -0
- package/es/{globalCss.js → globalCss.mjs} +1 -1
- package/es/globalCss.mjs.map +1 -0
- package/es/{index.js → index.mjs} +12 -12
- package/es/index.mjs.map +1 -0
- package/es/plugins/{forwardCssPropPlugin.js → forwardCssPropPlugin.mjs} +11 -5
- package/es/plugins/forwardCssPropPlugin.mjs.map +1 -0
- package/es/{radii.js → radii.mjs} +1 -1
- package/es/radii.mjs.map +1 -0
- package/es/{semanticTokens.js → semanticTokens.mjs} +1 -1
- package/es/semanticTokens.mjs.map +1 -0
- package/es/{spacing.js → spacing.mjs} +1 -1
- package/es/spacing.mjs.map +1 -0
- package/es/{typography.js → typography.mjs} +1 -1
- package/es/typography.mjs.map +1 -0
- package/es/{zIndex.js → zIndex.mjs} +1 -1
- package/es/zIndex.mjs.map +1 -0
- package/lib/conditions.js.map +1 -1
- package/lib/plugins/forwardCssPropPlugin.js +10 -4
- package/lib/plugins/forwardCssPropPlugin.js.map +1 -1
- package/package.json +5 -5
- package/es/animations.js.map +0 -1
- package/es/boxShadows.js.map +0 -1
- package/es/colors.js.map +0 -1
- package/es/conditions.js.map +0 -1
- package/es/globalCss.js.map +0 -1
- package/es/index.js.map +0 -1
- package/es/plugins/forwardCssPropPlugin.js.map +0 -1
- package/es/radii.js.map +0 -1
- package/es/semanticTokens.js.map +0 -1
- package/es/spacing.js.map +0 -1
- package/es/typography.js.map +0 -1
- 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
|
-
|
|
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
|
-
|
|
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: /*-*/ /*-*/;
|
|
@@ -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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"}
|
|
@@ -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"}
|
|
@@ -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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"}
|
|
@@ -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"}
|
|
@@ -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.
|
|
2
|
-
import { boxShadows } from "./boxShadows.
|
|
3
|
-
import { colors } from "./colors.
|
|
4
|
-
import { conditions } from "./conditions.
|
|
5
|
-
import { globalCss } from "./globalCss.
|
|
6
|
-
import { radii } from "./radii.
|
|
7
|
-
import { semanticTokens } from "./semanticTokens.
|
|
8
|
-
import { spacing } from "./spacing.
|
|
9
|
-
import { fontSizes, fontWeights, fonts, lineHeights, textStyles } from "./typography.
|
|
10
|
-
import { zIndex } from "./zIndex.
|
|
11
|
-
import { forwardCssPropPlugin } from "./plugins/forwardCssPropPlugin.
|
|
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.
|
|
47
|
+
//# sourceMappingURL=index.mjs.map
|
package/es/index.mjs.map
ADDED
|
@@ -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
|
-
|
|
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
|
|
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.
|
|
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"}
|
package/es/radii.mjs.map
ADDED
|
@@ -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"}
|
|
@@ -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":"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"}
|
|
@@ -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"}
|
|
@@ -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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"}
|
|
@@ -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"}
|
package/lib/conditions.js.map
CHANGED
|
@@ -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":";;;;;;;;;
|
|
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
|
-
|
|
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
|
|
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
|
|
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.
|
|
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.
|
|
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.
|
|
39
|
-
"@pandacss/dev": "^
|
|
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": "
|
|
44
|
+
"gitHead": "daaeac2f46919879d2bc28d1006742bd47bcbee3"
|
|
45
45
|
}
|
package/es/animations.js.map
DELETED
|
@@ -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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"}
|
package/es/boxShadows.js.map
DELETED
|
@@ -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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"}
|
package/es/conditions.js.map
DELETED
|
@@ -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"}
|
package/es/globalCss.js.map
DELETED
|
@@ -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"}
|
package/es/semanticTokens.js.map
DELETED
|
@@ -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"}
|
package/es/typography.js.map
DELETED
|
@@ -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"}
|