@ndla/preset-panda 0.0.74 → 0.0.76
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 +69 -10
- package/es/animations.mjs +1 -2
- package/es/animations.mjs.map +1 -1
- package/es/boxShadows.mjs +1 -2
- package/es/boxShadows.mjs.map +1 -1
- package/es/colors.mjs +1 -2
- package/es/colors.mjs.map +1 -1
- package/es/conditions.mjs +1 -1
- package/es/globalCss.mjs +5 -3
- package/es/globalCss.mjs.map +1 -1
- package/es/index.mjs +3 -2
- package/es/index.mjs.map +1 -1
- package/es/plugins/forwardCssPropPlugin.mjs +1 -1
- package/es/radii.mjs +1 -2
- package/es/radii.mjs.map +1 -1
- package/es/semanticTokens.mjs +1 -2
- package/es/semanticTokens.mjs.map +1 -1
- package/es/spacing.mjs +1 -2
- package/es/spacing.mjs.map +1 -1
- package/es/typography.mjs +35 -19
- package/es/typography.mjs.map +1 -1
- package/es/utilities.mjs +12 -0
- package/es/utilities.mjs.map +1 -0
- package/es/zIndex.mjs +1 -2
- package/es/zIndex.mjs.map +1 -1
- package/lib/animations.js +1 -2
- package/lib/animations.js.map +1 -1
- package/lib/boxShadows.js +2 -4
- package/lib/boxShadows.js.map +1 -1
- package/lib/colors.js +2 -4
- package/lib/colors.js.map +1 -1
- package/lib/conditions.js +1 -2
- package/lib/conditions.js.map +1 -1
- package/lib/globalCss.js +6 -5
- package/lib/globalCss.js.map +1 -1
- package/lib/index.js +19 -16
- package/lib/index.js.map +1 -1
- package/lib/plugins/forwardCssPropPlugin.js +1 -2
- package/lib/plugins/forwardCssPropPlugin.js.map +1 -1
- package/lib/radii.js +2 -4
- package/lib/radii.js.map +1 -1
- package/lib/semanticTokens.js +2 -4
- package/lib/semanticTokens.js.map +1 -1
- package/lib/spacing.js +2 -4
- package/lib/spacing.js.map +1 -1
- package/lib/typography.js +35 -19
- package/lib/typography.js.map +1 -1
- package/lib/utilities.d.ts +9 -0
- package/lib/utilities.js +12 -0
- package/lib/utilities.js.map +1 -0
- package/lib/zIndex.js +2 -4
- package/lib/zIndex.js.map +1 -1
- package/package.json +3 -3
package/es/typography.mjs
CHANGED
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import { defineTextStyles, defineTokens } from "@pandacss/dev";
|
|
2
|
-
|
|
3
2
|
//#region src/typography.ts
|
|
4
3
|
const fontWeights = defineTokens.fontWeights({
|
|
5
4
|
light: { value: 300 },
|
|
@@ -80,7 +79,8 @@ const textStyles = defineTextStyles({
|
|
|
80
79
|
fontWeight: "bold",
|
|
81
80
|
letterSpacing: "-0.01em",
|
|
82
81
|
...sizes("4xlarge", "4xlarge"),
|
|
83
|
-
mobileWideDown: { ...sizes("3xlarge", "3xlarge") }
|
|
82
|
+
mobileWideDown: { ...sizes("3xlarge", "3xlarge") },
|
|
83
|
+
_print: { ...sizes("3xlarge", "3xlarge") }
|
|
84
84
|
} },
|
|
85
85
|
medium: { value: {
|
|
86
86
|
fontFamily: "sans",
|
|
@@ -90,14 +90,16 @@ const textStyles = defineTextStyles({
|
|
|
90
90
|
mobileWideDown: {
|
|
91
91
|
letterSpacing: "-0.01em",
|
|
92
92
|
...sizes("xxlarge", "xxlarge")
|
|
93
|
-
}
|
|
93
|
+
},
|
|
94
|
+
_print: { ...sizes("xxlarge", "xxlarge") }
|
|
94
95
|
} },
|
|
95
96
|
small: { value: {
|
|
96
97
|
fontFamily: "sans",
|
|
97
98
|
fontWeight: "bold",
|
|
98
99
|
letterSpacing: "-0.01em",
|
|
99
100
|
...sizes("xxlarge", "xxlarge"),
|
|
100
|
-
mobileWideDown: { ...sizes("xlarge", "xlarge") }
|
|
101
|
+
mobileWideDown: { ...sizes("xlarge", "xlarge") },
|
|
102
|
+
_print: { ...sizes("xlarge", "xlarge") }
|
|
101
103
|
} }
|
|
102
104
|
},
|
|
103
105
|
title: {
|
|
@@ -106,20 +108,23 @@ const textStyles = defineTextStyles({
|
|
|
106
108
|
fontWeight: "bold",
|
|
107
109
|
letterSpacing: "-0.01em",
|
|
108
110
|
...sizes("xlarge", "xlarge"),
|
|
109
|
-
mobileWideDown: { ...sizes("large", "large") }
|
|
111
|
+
mobileWideDown: { ...sizes("large", "large") },
|
|
112
|
+
_print: { ...sizes("large", "large") }
|
|
110
113
|
} },
|
|
111
114
|
medium: { value: {
|
|
112
115
|
fontFamily: "sans",
|
|
113
116
|
fontWeight: "bold",
|
|
114
117
|
letterSpacing: "-0.01em",
|
|
115
118
|
...sizes("large", "large"),
|
|
116
|
-
mobileWideDown: { ...sizes("medium", "small") }
|
|
119
|
+
mobileWideDown: { ...sizes("medium", "small") },
|
|
120
|
+
_print: { ...sizes("medium", "medium") }
|
|
117
121
|
} },
|
|
118
122
|
small: { value: {
|
|
119
123
|
fontFamily: "sans",
|
|
120
124
|
fontWeight: "bold",
|
|
121
125
|
letterSpacing: "-0.01em",
|
|
122
|
-
...sizes("medium", "small")
|
|
126
|
+
...sizes("medium", "small"),
|
|
127
|
+
_print: { ...sizes("small", "small") }
|
|
123
128
|
} }
|
|
124
129
|
},
|
|
125
130
|
body: {
|
|
@@ -127,25 +132,29 @@ const textStyles = defineTextStyles({
|
|
|
127
132
|
fontFamily: "serif",
|
|
128
133
|
fontWeight: "normal",
|
|
129
134
|
letterSpacing: "normal",
|
|
130
|
-
...sizes("medium", "medium")
|
|
135
|
+
...sizes("medium", "medium"),
|
|
136
|
+
_print: { ...sizes("small", "small") }
|
|
131
137
|
} },
|
|
132
138
|
articleLink: { value: {
|
|
133
139
|
fontFamily: "serif",
|
|
134
140
|
fontWeight: "normal",
|
|
135
141
|
letterSpacing: "normal",
|
|
136
|
-
...sizes("medium", "medium")
|
|
142
|
+
...sizes("medium", "medium"),
|
|
143
|
+
_print: { ...sizes("small", "small") }
|
|
137
144
|
} },
|
|
138
145
|
link: { value: {
|
|
139
146
|
fontFamily: "sans",
|
|
140
147
|
fontWeight: "normal",
|
|
141
148
|
letterSpacing: "normal",
|
|
142
|
-
...sizes("medium", "medium")
|
|
149
|
+
...sizes("medium", "medium"),
|
|
150
|
+
_print: { ...sizes("small", "small") }
|
|
143
151
|
} },
|
|
144
152
|
xlarge: { value: {
|
|
145
153
|
fontFamily: "sans",
|
|
146
154
|
fontWeight: "normal",
|
|
147
155
|
letterSpacing: "normal",
|
|
148
|
-
...sizes("large", "large")
|
|
156
|
+
...sizes("large", "large"),
|
|
157
|
+
_print: { ...sizes("medium", "xsmall") }
|
|
149
158
|
} },
|
|
150
159
|
large: { value: {
|
|
151
160
|
fontFamily: "sans",
|
|
@@ -157,13 +166,15 @@ const textStyles = defineTextStyles({
|
|
|
157
166
|
fontFamily: "sans",
|
|
158
167
|
fontWeight: "normal",
|
|
159
168
|
letterSpacing: "normal",
|
|
160
|
-
...sizes("small", "small")
|
|
169
|
+
...sizes("small", "small"),
|
|
170
|
+
_print: { ...sizes("xsmall", "xsmall") }
|
|
161
171
|
} },
|
|
162
172
|
small: { value: {
|
|
163
173
|
fontFamily: "sans",
|
|
164
174
|
fontWeight: "normal",
|
|
165
175
|
letterSpacing: "normal",
|
|
166
|
-
...sizes("xsmall", "xsmall")
|
|
176
|
+
...sizes("xsmall", "xsmall"),
|
|
177
|
+
_print: { ...sizes("xxsmall", "xsmall") }
|
|
167
178
|
} }
|
|
168
179
|
},
|
|
169
180
|
label: {
|
|
@@ -172,36 +183,41 @@ const textStyles = defineTextStyles({
|
|
|
172
183
|
fontFamily: "sans",
|
|
173
184
|
fontWeight: "normal",
|
|
174
185
|
letterSpacing: "normal",
|
|
175
|
-
...sizes("medium", "medium")
|
|
186
|
+
...sizes("medium", "medium"),
|
|
187
|
+
_print: { ...sizes("small", "small") }
|
|
176
188
|
},
|
|
177
189
|
strong: { value: {
|
|
178
190
|
fontFamily: "sans",
|
|
179
191
|
fontWeight: "bold",
|
|
180
192
|
letterSpacing: "normal",
|
|
181
|
-
...sizes("medium", "medium")
|
|
193
|
+
...sizes("medium", "medium"),
|
|
194
|
+
_print: { ...sizes("small", "small") }
|
|
182
195
|
} }
|
|
183
196
|
},
|
|
184
197
|
medium: { value: {
|
|
185
198
|
fontFamily: "sans",
|
|
186
199
|
fontWeight: "normal",
|
|
187
200
|
letterSpacing: "normal",
|
|
188
|
-
...sizes("small", "small")
|
|
201
|
+
...sizes("small", "small"),
|
|
202
|
+
_print: { ...sizes("xsmall", "xsmall") }
|
|
189
203
|
} },
|
|
190
204
|
small: { value: {
|
|
191
205
|
fontFamily: "sans",
|
|
192
206
|
fontWeight: "normal",
|
|
193
207
|
letterSpacing: "normal",
|
|
194
|
-
...sizes("xsmall", "xsmall")
|
|
208
|
+
...sizes("xsmall", "xsmall"),
|
|
209
|
+
_print: { ...sizes("xxsmall", "xsmall") }
|
|
195
210
|
} },
|
|
196
211
|
xsmall: { value: {
|
|
197
212
|
fontFamily: "sans",
|
|
198
213
|
fontWeight: "normal",
|
|
199
214
|
letterSpacing: "normal",
|
|
200
|
-
...sizes("xxsmall", "xxsmall")
|
|
215
|
+
...sizes("xxsmall", "xxsmall"),
|
|
216
|
+
_print: { ...sizes("xxsmall", "xxsmall") }
|
|
201
217
|
} }
|
|
202
218
|
}
|
|
203
219
|
});
|
|
204
|
-
|
|
205
220
|
//#endregion
|
|
206
221
|
export { fontSizes, fontWeights, fonts, lineHeights, textStyles };
|
|
222
|
+
|
|
207
223
|
//# sourceMappingURL=typography.mjs.map
|
package/es/typography.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"typography.mjs","names":[],"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 type { FontSizeToken, LineHeightToken } from \"@ndla/styled-system/tokens\";\nimport { defineTextStyles, defineTokens } from \"@pandacss/dev\";\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 4 Variable'\",\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 Pro Variable'\", \"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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"}
|
|
1
|
+
{"version":3,"file":"typography.mjs","names":[],"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 type { FontSizeToken, LineHeightToken } from \"@ndla/styled-system/tokens\";\nimport { defineTextStyles, defineTokens } from \"@pandacss/dev\";\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 4 Variable'\",\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 Pro Variable'\", \"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 _print: {\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 _print: {\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 _print: {\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 _print: {\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 _print: {\n ...sizes(\"medium\", \"medium\"),\n },\n },\n },\n small: {\n value: {\n fontFamily: \"sans\",\n fontWeight: \"bold\",\n letterSpacing: \"-0.01em\",\n ...sizes(\"medium\", \"small\"),\n _print: {\n ...sizes(\"small\", \"small\"),\n },\n },\n },\n },\n body: {\n article: {\n value: {\n fontFamily: \"serif\",\n fontWeight: \"normal\",\n letterSpacing: \"normal\",\n ...sizes(\"medium\", \"medium\"),\n _print: {\n ...sizes(\"small\", \"small\"),\n },\n },\n },\n articleLink: {\n value: {\n fontFamily: \"serif\",\n fontWeight: \"normal\",\n letterSpacing: \"normal\",\n ...sizes(\"medium\", \"medium\"),\n _print: {\n ...sizes(\"small\", \"small\"),\n },\n },\n },\n link: {\n value: {\n fontFamily: \"sans\",\n fontWeight: \"normal\",\n letterSpacing: \"normal\",\n ...sizes(\"medium\", \"medium\"),\n _print: {\n ...sizes(\"small\", \"small\"),\n },\n },\n },\n xlarge: {\n value: {\n fontFamily: \"sans\",\n fontWeight: \"normal\",\n letterSpacing: \"normal\",\n ...sizes(\"large\", \"large\"),\n _print: {\n ...sizes(\"medium\", \"xsmall\"),\n },\n },\n },\n large: {\n value: {\n fontFamily: \"sans\",\n fontWeight: \"normal\",\n letterSpacing: \"normal\",\n ...sizes(\"medium\", \"medium\"),\n // print size is same as regular size\n },\n },\n medium: {\n value: {\n fontFamily: \"sans\",\n fontWeight: \"normal\",\n letterSpacing: \"normal\",\n ...sizes(\"small\", \"small\"),\n _print: {\n ...sizes(\"xsmall\", \"xsmall\"),\n },\n },\n },\n small: {\n value: {\n fontFamily: \"sans\",\n fontWeight: \"normal\",\n letterSpacing: \"normal\",\n ...sizes(\"xsmall\", \"xsmall\"),\n _print: {\n ...sizes(\"xxsmall\", \"xsmall\"),\n },\n },\n },\n },\n label: {\n large: {\n value: {\n fontFamily: \"sans\",\n fontWeight: \"normal\",\n letterSpacing: \"normal\",\n ...sizes(\"medium\", \"medium\"),\n _print: {\n ...sizes(\"small\", \"small\"),\n },\n },\n strong: {\n value: {\n fontFamily: \"sans\",\n fontWeight: \"bold\",\n letterSpacing: \"normal\",\n ...sizes(\"medium\", \"medium\"),\n _print: {\n ...sizes(\"small\", \"small\"),\n },\n },\n },\n },\n medium: {\n value: {\n fontFamily: \"sans\",\n fontWeight: \"normal\",\n letterSpacing: \"normal\",\n ...sizes(\"small\", \"small\"),\n _print: {\n ...sizes(\"xsmall\", \"xsmall\"),\n },\n },\n },\n small: {\n value: {\n fontFamily: \"sans\",\n fontWeight: \"normal\",\n letterSpacing: \"normal\",\n ...sizes(\"xsmall\", \"xsmall\"),\n _print: {\n ...sizes(\"xxsmall\", \"xsmall\"),\n },\n },\n },\n xsmall: {\n value: {\n fontFamily: \"sans\",\n fontWeight: \"normal\",\n letterSpacing: \"normal\",\n ...sizes(\"xxsmall\", \"xxsmall\"),\n _print: {\n ...sizes(\"xxsmall\", \"xxsmall\"),\n },\n },\n },\n },\n});\n"],"mappings":"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"}
|
package/es/utilities.mjs
ADDED
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
//#region src/utilities.ts
|
|
2
|
+
const utilities = { textDecoration: { transform(value) {
|
|
3
|
+
if (value === "underline") return {
|
|
4
|
+
textDecoration: value,
|
|
5
|
+
textDecorationThickness: "max(0.0625em, 1px)"
|
|
6
|
+
};
|
|
7
|
+
return { textDecoration: value };
|
|
8
|
+
} } };
|
|
9
|
+
//#endregion
|
|
10
|
+
export { utilities };
|
|
11
|
+
|
|
12
|
+
//# sourceMappingURL=utilities.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"utilities.mjs","names":[],"sources":["../src/utilities.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 { UtilityConfig } from \"@pandacss/types\";\n\nexport const utilities: UtilityConfig = {\n textDecoration: {\n transform(value: string) {\n if (value === \"underline\") {\n return {\n textDecoration: value,\n // thickness is overridden if you only specify `textDecoration: \"underline\"`.\n textDecorationThickness: \"max(0.0625em, 1px)\",\n };\n }\n return { textDecoration: value };\n },\n },\n};\n"],"mappings":";AAUA,MAAa,YAA2B,EACtC,gBAAgB,EACd,UAAU,OAAe;AACvB,KAAI,UAAU,YACZ,QAAO;EACL,gBAAgB;EAEhB,yBAAyB;EAC1B;AAEH,QAAO,EAAE,gBAAgB,OAAO;GAEnC,EACF"}
|
package/es/zIndex.mjs
CHANGED
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import { defineTokens } from "@pandacss/dev";
|
|
2
|
-
|
|
3
2
|
//#region src/zIndex.ts
|
|
4
3
|
/**
|
|
5
4
|
* Copyright (c) 2024-present, NDLA.
|
|
@@ -24,7 +23,7 @@ const zIndex = defineTokens.zIndex({
|
|
|
24
23
|
toast: { value: 1900 },
|
|
25
24
|
tooltip: { value: 2e3 }
|
|
26
25
|
});
|
|
27
|
-
|
|
28
26
|
//#endregion
|
|
29
27
|
export { zIndex };
|
|
28
|
+
|
|
30
29
|
//# sourceMappingURL=zIndex.mjs.map
|
package/es/zIndex.mjs.map
CHANGED
|
@@ -1 +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":"
|
|
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,IACR;CACD,MAAM,EACJ,OAAO,GACR;CACD,QAAQ,EACN,OAAO,IACR;CACD,UAAU,EACR,OAAO,KACR;CACD,QAAQ,EACN,OAAO,MACR;CACD,QAAQ,EACN,OAAO,MACR;CACD,SAAS,EACP,OAAO,MACR;CACD,OAAO,EACL,OAAO,MACR;CACD,mBAAmB,EACjB,OAAO,MACR;CACD,YAAY,EACV,OAAO,MACR;CACD,SAAS,EACP,OAAO,MACR;CACD,UAAU,EACR,OAAO,MACR;CACD,OAAO,EACL,OAAO,MACR;CACD,SAAS,EACP,OAAO,KACR;CACF,CAAC"}
|
package/lib/animations.js
CHANGED
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
let _pandacss_dev = require("@pandacss/dev");
|
|
2
|
-
|
|
3
2
|
//#region src/animations.ts
|
|
4
3
|
/**
|
|
5
4
|
* Copyright (c) 2024-present, NDLA.
|
|
@@ -116,10 +115,10 @@ const keyframes = {
|
|
|
116
115
|
},
|
|
117
116
|
"skeleton-pulse": { "50%": { opacity: "0.5" } }
|
|
118
117
|
};
|
|
119
|
-
|
|
120
118
|
//#endregion
|
|
121
119
|
exports.animations = animations;
|
|
122
120
|
exports.durations = durations;
|
|
123
121
|
exports.easings = easings;
|
|
124
122
|
exports.keyframes = keyframes;
|
|
123
|
+
|
|
125
124
|
//# sourceMappingURL=animations.js.map
|
package/lib/animations.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"animations.js","names":["defineTokens"],"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":"
|
|
1
|
+
{"version":3,"file":"animations.js","names":["defineTokens"],"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/lib/boxShadows.js
CHANGED
|
@@ -1,5 +1,3 @@
|
|
|
1
|
-
let _pandacss_dev = require("@pandacss/dev");
|
|
2
|
-
|
|
3
1
|
//#region src/boxShadows.ts
|
|
4
2
|
/**
|
|
5
3
|
* Copyright (c) 2024-present, NDLA.
|
|
@@ -8,7 +6,7 @@ let _pandacss_dev = require("@pandacss/dev");
|
|
|
8
6
|
* LICENSE file in the root directory of this source tree.
|
|
9
7
|
*
|
|
10
8
|
*/
|
|
11
|
-
const boxShadows =
|
|
9
|
+
const boxShadows = require("@pandacss/dev").defineTokens.shadows({
|
|
12
10
|
xsmall: { value: ["0px 1px 4px 0px rgba(0, 0, 0, 0.15)", "0px 0px 1px 0px rgba(0, 0, 0, 0.18)"] },
|
|
13
11
|
small: { value: [
|
|
14
12
|
"0px 3px 8px 0px rgba(0, 0, 0, 0.1)",
|
|
@@ -35,7 +33,7 @@ const boxShadows = _pandacss_dev.defineTokens.shadows({
|
|
|
35
33
|
innerTop: { value: "0px 1px 0px 0px rgba(45, 27, 98, 0.25) inset" },
|
|
36
34
|
innerRight: { value: "-1px 0px 0px 0px rgba(45, 27, 98, 0.25) inset" }
|
|
37
35
|
});
|
|
38
|
-
|
|
39
36
|
//#endregion
|
|
40
37
|
exports.boxShadows = boxShadows;
|
|
38
|
+
|
|
41
39
|
//# sourceMappingURL=boxShadows.js.map
|
package/lib/boxShadows.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"boxShadows.js","names":["defineTokens"],"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":"
|
|
1
|
+
{"version":3,"file":"boxShadows.js","names":["defineTokens"],"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,sCAAaA,aAAa,QAAQ;CAC7C,QAAQ,EAAE,OAAO,CAAC,uCAAuC,sCAAsC,EAAE;CACjG,OAAO,EACL,OAAO;EACL;EACA;EACA;EACD,EACF;CACD,QAAQ,EACN,OAAO;EACL;EACA;EACA;EACD,EACF;CACD,OAAO,EACL,OAAO;EACL;EACA;EACA;EACD,EACF;CACD,QAAQ,EACN,OAAO;EACL;EACA;EACA;EACD,EACF;CACD,MAAM,EACJ,OAAO,oCACR;CACD,OAAO,EACL,OAAO,iDACR;CACD,UAAU,EACR,OAAO,gDACR;CACD,YAAY,EACV,OAAO,iDACR;CACF,CAAC"}
|
package/lib/colors.js
CHANGED
|
@@ -1,5 +1,3 @@
|
|
|
1
|
-
let _pandacss_dev = require("@pandacss/dev");
|
|
2
|
-
|
|
3
1
|
//#region src/colors.ts
|
|
4
2
|
/**
|
|
5
3
|
* Copyright (c) 2024-present, NDLA.
|
|
@@ -8,7 +6,7 @@ let _pandacss_dev = require("@pandacss/dev");
|
|
|
8
6
|
* LICENSE file in the root directory of this source tree.
|
|
9
7
|
*
|
|
10
8
|
*/
|
|
11
|
-
const colors =
|
|
9
|
+
const colors = require("@pandacss/dev").defineTokens.colors({
|
|
12
10
|
grey: {
|
|
13
11
|
50: { value: "#FAFAFA" },
|
|
14
12
|
100: { value: "#F2F2F3" },
|
|
@@ -146,7 +144,7 @@ const colors = _pandacss_dev.defineTokens.colors({
|
|
|
146
144
|
white: { value: "#FFFFFF" },
|
|
147
145
|
primary: { value: "#2D1B62" }
|
|
148
146
|
});
|
|
149
|
-
|
|
150
147
|
//#endregion
|
|
151
148
|
exports.colors = colors;
|
|
149
|
+
|
|
152
150
|
//# sourceMappingURL=colors.js.map
|
package/lib/colors.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"colors.js","names":["defineTokens"],"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 alpha: {\n 5: { value: \"rgba(45, 27, 98, 0.05)\" },\n 10: { value: \"rgba(45, 27, 98, 0.1)\" },\n 20: { value: \"rgba(45, 27, 98, 0.2)\" },\n 30: { value: \"rgba(45, 27, 98, 0.3)\" },\n 40: { value: \"rgba(45, 27, 98, 0.4)\" },\n 50: { value: \"rgba(45, 27, 98, 0.5)\" },\n 60: { value: \"rgba(45, 27, 98, 0.6)\" },\n 70: { value: \"rgba(45, 27, 98, 0.7)\" },\n 80: { value: \"rgba(45, 27, 98, 0.8)\" },\n 90: { value: \"rgba(45, 27, 98, 0.9)\" },\n },\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":"
|
|
1
|
+
{"version":3,"file":"colors.js","names":["defineTokens"],"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 alpha: {\n 5: { value: \"rgba(45, 27, 98, 0.05)\" },\n 10: { value: \"rgba(45, 27, 98, 0.1)\" },\n 20: { value: \"rgba(45, 27, 98, 0.2)\" },\n 30: { value: \"rgba(45, 27, 98, 0.3)\" },\n 40: { value: \"rgba(45, 27, 98, 0.4)\" },\n 50: { value: \"rgba(45, 27, 98, 0.5)\" },\n 60: { value: \"rgba(45, 27, 98, 0.6)\" },\n 70: { value: \"rgba(45, 27, 98, 0.7)\" },\n 80: { value: \"rgba(45, 27, 98, 0.8)\" },\n 90: { value: \"rgba(45, 27, 98, 0.9)\" },\n },\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/lib/conditions.js
CHANGED
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
|
|
2
1
|
//#region src/conditions.ts
|
|
3
2
|
/**
|
|
4
3
|
* Copyright (c) 2024-present, NDLA.
|
|
@@ -12,7 +11,7 @@ const conditions = {
|
|
|
12
11
|
ariaInvalid: "&:has([aria-invalid='true']), &[aria-invalid='true']",
|
|
13
12
|
on: "&:is([data-state=\"on\"])"
|
|
14
13
|
};
|
|
15
|
-
|
|
16
14
|
//#endregion
|
|
17
15
|
exports.conditions = conditions;
|
|
16
|
+
|
|
18
17
|
//# sourceMappingURL=conditions.js.map
|
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 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\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 on: '&:is([data-state=\"on\"])',\n};\n"],"mappings":";;;;;;;;AAQA,MAAa,aAAa;CACxB,SAAS;CACT,aAAa;CACb,IAAI;CACL"}
|
package/lib/globalCss.js
CHANGED
|
@@ -1,5 +1,3 @@
|
|
|
1
|
-
let _pandacss_dev = require("@pandacss/dev");
|
|
2
|
-
|
|
3
1
|
//#region src/globalCss.ts
|
|
4
2
|
/**
|
|
5
3
|
* Copyright (c) 2024-present, NDLA.
|
|
@@ -8,7 +6,7 @@ let _pandacss_dev = require("@pandacss/dev");
|
|
|
8
6
|
* LICENSE file in the root directory of this source tree.
|
|
9
7
|
*
|
|
10
8
|
*/
|
|
11
|
-
const globalCss = (0,
|
|
9
|
+
const globalCss = (0, require("@pandacss/dev").defineGlobalStyles)({
|
|
12
10
|
":root": {
|
|
13
11
|
"--global-font-body": "fonts.sans",
|
|
14
12
|
"--global-font-mono": "fonts.code"
|
|
@@ -20,7 +18,8 @@ const globalCss = (0, _pandacss_dev.defineGlobalStyles)({
|
|
|
20
18
|
},
|
|
21
19
|
body: {
|
|
22
20
|
background: "background.default",
|
|
23
|
-
color: "text.default"
|
|
21
|
+
color: "text.default",
|
|
22
|
+
textUnderlineOffset: "0.27em"
|
|
24
23
|
},
|
|
25
24
|
"a, summary,[tabindex]:not([tabindex='-1'])": {
|
|
26
25
|
outline: "none",
|
|
@@ -104,6 +103,8 @@ const globalCss = (0, _pandacss_dev.defineGlobalStyles)({
|
|
|
104
103
|
"a:not([class]):not([data-unstyled]), a[class=\"\"]:not([data-unstyled])": {
|
|
105
104
|
color: "text.link",
|
|
106
105
|
textDecoration: "underline",
|
|
106
|
+
textDecorationThickness: "max(0.0625em, 1px)",
|
|
107
|
+
textUnderlineOffset: "0.27em",
|
|
107
108
|
_hover: { textDecoration: "none" },
|
|
108
109
|
_visited: { color: "text.linkVisited" }
|
|
109
110
|
},
|
|
@@ -152,7 +153,7 @@ const globalCss = (0, _pandacss_dev.defineGlobalStyles)({
|
|
|
152
153
|
"& .token.namespace": { opacity: "0.7" }
|
|
153
154
|
}
|
|
154
155
|
});
|
|
155
|
-
|
|
156
156
|
//#endregion
|
|
157
157
|
exports.globalCss = globalCss;
|
|
158
|
+
|
|
158
159
|
//# sourceMappingURL=globalCss.js.map
|
package/lib/globalCss.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
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 overflowWrap: \"anywhere\",\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=\"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: \"small\",\n },\n },\n '& [data-embed-type=\"framed-content\"], [data-embed-type=\"grid\"] > 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,kDAA+B;CAC1C,SAAS;EAEP,sBAAsB;EAEtB,sBAAsB;EACvB;CACD,MAAM;EACJ,WAAW;EACX,qBAAqB;EAErB,4BAA4B,EAC1B,UAAU,SACX;EACF;CACD,MAAM;EACJ,YAAY;EACZ,OAAO;EACR;CACD,8CAA8C;EAC5C,SAAS;EACT,eAAe;GACb,SAAS;GACT,cAAc;GACd,cAAc;GACd,eAAe;GACf,cAAc;GACf;EACF;CACD,MAAM;EACJ,YAAY;EACZ,YAAY;EACZ,cAAc;EACf;CAED,mBAAmB,EACjB,SAAS,QACV;CAGD,iBAAiB;EACf,IAAI,EACF,WAAW,kBACZ;EACD,IAAI,EACF,WAAW,iBACZ;EACD,IAAI,EACF,WAAW,gBACZ;EACD,cAAc,EACZ,WAAW,eACZ;EACD,8BAA4B,EAC1B,WAAW,UACZ;EAED,YAAY;GACV,WAAW;GACX,YAAY;GACb;EACD,8BAA4B,EAC1B,WAAW,OACZ;EACD,WAAW;EACX,OAAO;EAGP,qdACE;GACE,kBAAkB;GAClB,gBAAgB;GAChB,YAAY;IACV,kBAAkB;IAClB,gBAAgB;IACjB;GACF;EAGH,sXACE;GACE,mDAAiD;IAC/C,kBAAkB;IAClB,gBAAgB;IAChB,YAAY,EACV,kBAAkB,SACnB;IACF;GACD,UAAU;IACR,kBAAkB;IAClB,gBAAgB;IAChB,YAAY,EACV,kBAAkB,UACnB;IACF;GACD,uBAAuB;IACrB,kBAAkB;IAClB,gBAAgB;IAChB,YAAY,EACV,kBAAkB,SACnB;IACF;GACD,mBAAmB;IACjB,kBAAkB;IAClB,gBAAgB;IAChB,YAAY,EACV,kBAAkB,UACnB;IACF;GACD,wDAAsD;IACpD,kBAAkB;IAClB,gBAAgB;IACjB;GACD,+CAA6C,EAC3C,mBAAmB,SACpB;GACF;EACH,2PACE;GACE,oBAAoB,EAClB,kBAAkB,KACnB;GACD,mBAAmB,EACjB,gBAAgB,KACjB;GACF;EACH,mEAAmE;GACjE,oBAAoB;IAClB,kBAAkB;IAClB,YAAY,EACV,kBAAkB,UACnB;IACF;GACD,mBAAmB;IACjB,gBAAgB;IAChB,YAAY,EACV,kBAAkB,UACnB;IACF;GACF;EACF;CAED,2EAAyE;EACvE,OAAO;EACP,gBAAgB;EAChB,QAAQ,EACN,gBAAgB,QACjB;EACD,UAAU,EACR,OAAO,oBACR;EACF;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;GAClB;EACD,kCAAkC,EAChC,mBAAmB,UACpB;EACD,uCAAuC,EACrC,iBAAiB,UAClB;EAED,uFAAuF,EACrF,OAAO,WACR;EACD,wBAAwB,EACtB,OAAO,WACR;EACD,sIACE,EACE,OAAO,WACR;EACH,qHACE,EACE,OAAO,WACR;EACH,iEAAiE;GAC/D,OAAO;GACP,YAAY;GACb;EACD,yEAAyE,EACvE,OAAO,WACR;EACD,oCAAoC,EAClC,OAAO,QACR;EACD,uDAAuD;GACrD,OAAO;GACP,YAAY;GACb;EACD,sBAAsB,EACpB,YAAY,UACb;EACD,iBAAiB,EACf,YAAY,QACb;EACD,mBAAmB,EACjB,WAAW,UACZ;EACD,mBAAmB,EACjB,QAAQ,QACT;EACD,sBAAsB,EACpB,SAAS,OACV;EACF;CACF,CAAC"}
|
|
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 textUnderlineOffset: \"0.27em\",\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 overflowWrap: \"anywhere\",\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=\"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: \"small\",\n },\n },\n '& [data-embed-type=\"framed-content\"], [data-embed-type=\"grid\"] > 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 textDecorationThickness: \"max(0.0625em, 1px)\",\n textUnderlineOffset: \"0.27em\",\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,aAAA,4BAAA,oBAA+B;CAC1C,SAAS;EAEP,sBAAsB;EAEtB,sBAAsB;EACvB;CACD,MAAM;EACJ,WAAW;EACX,qBAAqB;EAErB,4BAA4B,EAC1B,UAAU,SACX;EACF;CACD,MAAM;EACJ,YAAY;EACZ,OAAO;EACP,qBAAqB;EACtB;CACD,8CAA8C;EAC5C,SAAS;EACT,eAAe;GACb,SAAS;GACT,cAAc;GACd,cAAc;GACd,eAAe;GACf,cAAc;GACf;EACF;CACD,MAAM;EACJ,YAAY;EACZ,YAAY;EACZ,cAAc;EACf;CAED,mBAAmB,EACjB,SAAS,QACV;CAGD,iBAAiB;EACf,IAAI,EACF,WAAW,kBACZ;EACD,IAAI,EACF,WAAW,iBACZ;EACD,IAAI,EACF,WAAW,gBACZ;EACD,cAAc,EACZ,WAAW,eACZ;EACD,8BAA4B,EAC1B,WAAW,UACZ;EAED,YAAY;GACV,WAAW;GACX,YAAY;GACb;EACD,8BAA4B,EAC1B,WAAW,OACZ;EACD,WAAW;EACX,OAAO;EAGP,qdACE;GACE,kBAAkB;GAClB,gBAAgB;GAChB,YAAY;IACV,kBAAkB;IAClB,gBAAgB;IACjB;GACF;EAGH,sXACE;GACE,mDAAiD;IAC/C,kBAAkB;IAClB,gBAAgB;IAChB,YAAY,EACV,kBAAkB,SACnB;IACF;GACD,UAAU;IACR,kBAAkB;IAClB,gBAAgB;IAChB,YAAY,EACV,kBAAkB,UACnB;IACF;GACD,uBAAuB;IACrB,kBAAkB;IAClB,gBAAgB;IAChB,YAAY,EACV,kBAAkB,SACnB;IACF;GACD,mBAAmB;IACjB,kBAAkB;IAClB,gBAAgB;IAChB,YAAY,EACV,kBAAkB,UACnB;IACF;GACD,wDAAsD;IACpD,kBAAkB;IAClB,gBAAgB;IACjB;GACD,+CAA6C,EAC3C,mBAAmB,SACpB;GACF;EACH,2PACE;GACE,oBAAoB,EAClB,kBAAkB,KACnB;GACD,mBAAmB,EACjB,gBAAgB,KACjB;GACF;EACH,mEAAmE;GACjE,oBAAoB;IAClB,kBAAkB;IAClB,YAAY,EACV,kBAAkB,UACnB;IACF;GACD,mBAAmB;IACjB,gBAAgB;IAChB,YAAY,EACV,kBAAkB,UACnB;IACF;GACF;EACF;CAED,2EAAyE;EACvE,OAAO;EACP,gBAAgB;EAChB,yBAAyB;EACzB,qBAAqB;EACrB,QAAQ,EACN,gBAAgB,QACjB;EACD,UAAU,EACR,OAAO,oBACR;EACF;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;GAClB;EACD,kCAAkC,EAChC,mBAAmB,UACpB;EACD,uCAAuC,EACrC,iBAAiB,UAClB;EAED,uFAAuF,EACrF,OAAO,WACR;EACD,wBAAwB,EACtB,OAAO,WACR;EACD,sIACE,EACE,OAAO,WACR;EACH,qHACE,EACE,OAAO,WACR;EACH,iEAAiE;GAC/D,OAAO;GACP,YAAY;GACb;EACD,yEAAyE,EACvE,OAAO,WACR;EACD,oCAAoC,EAClC,OAAO,QACR;EACD,uDAAuD;GACrD,OAAO;GACP,YAAY;GACb;EACD,sBAAsB,EACpB,YAAY,UACb;EACD,iBAAiB,EACf,YAAY,QACb;EACD,mBAAmB,EACjB,WAAW,UACZ;EACD,mBAAmB,EACjB,QAAQ,QACT;EACD,sBAAsB,EACpB,SAAS,OACV;EACF;CACF,CAAC"}
|
package/lib/index.js
CHANGED
|
@@ -1,18 +1,20 @@
|
|
|
1
|
-
Object.defineProperties(exports, {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
const
|
|
6
|
-
const
|
|
7
|
-
const
|
|
8
|
-
const
|
|
9
|
-
const
|
|
10
|
-
const
|
|
11
|
-
const
|
|
12
|
-
const
|
|
1
|
+
Object.defineProperties(exports, {
|
|
2
|
+
__esModule: { value: true },
|
|
3
|
+
[Symbol.toStringTag]: { value: "Module" }
|
|
4
|
+
});
|
|
5
|
+
const require_animations = require("./animations.js");
|
|
6
|
+
const require_boxShadows = require("./boxShadows.js");
|
|
7
|
+
const require_colors = require("./colors.js");
|
|
8
|
+
const require_conditions = require("./conditions.js");
|
|
9
|
+
const require_globalCss = require("./globalCss.js");
|
|
10
|
+
const require_radii = require("./radii.js");
|
|
11
|
+
const require_semanticTokens = require("./semanticTokens.js");
|
|
12
|
+
const require_spacing = require("./spacing.js");
|
|
13
|
+
const require_typography = require("./typography.js");
|
|
14
|
+
const require_utilities = require("./utilities.js");
|
|
15
|
+
const require_zIndex = require("./zIndex.js");
|
|
16
|
+
const require_forwardCssPropPlugin = require("./plugins/forwardCssPropPlugin.js");
|
|
13
17
|
let _ndla_core = require("@ndla/core");
|
|
14
|
-
let _pandacss_dev = require("@pandacss/dev");
|
|
15
|
-
|
|
16
18
|
//#region src/index.ts
|
|
17
19
|
/**
|
|
18
20
|
* Copyright (c) 2024-present, NDLA.
|
|
@@ -21,10 +23,11 @@ let _pandacss_dev = require("@pandacss/dev");
|
|
|
21
23
|
* LICENSE file in the root directory of this source tree.
|
|
22
24
|
*
|
|
23
25
|
*/
|
|
24
|
-
const preset = (0,
|
|
26
|
+
const preset = (0, require("@pandacss/dev").definePreset)({
|
|
25
27
|
name: "ndla/panda",
|
|
26
28
|
globalCss: require_globalCss.globalCss,
|
|
27
29
|
conditions: require_conditions.conditions,
|
|
30
|
+
utilities: require_utilities.utilities,
|
|
28
31
|
theme: {
|
|
29
32
|
breakpoints: _ndla_core.breakpoints,
|
|
30
33
|
textStyles: require_typography.textStyles,
|
|
@@ -48,8 +51,8 @@ const preset = (0, _pandacss_dev.definePreset)({
|
|
|
48
51
|
containerSizes: _ndla_core.breakpoints
|
|
49
52
|
}
|
|
50
53
|
});
|
|
51
|
-
|
|
52
54
|
//#endregion
|
|
53
55
|
exports.default = preset;
|
|
54
56
|
exports.forwardCssPropPlugin = require_forwardCssPropPlugin.forwardCssPropPlugin;
|
|
57
|
+
|
|
55
58
|
//# sourceMappingURL=index.js.map
|
package/lib/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["globalCss","conditions","breakpoints","textStyles","keyframes","colors","easings","durations","radii","spacing","lineHeights","fontWeights","fontSizes","fonts","animations","boxShadows","zIndex","semanticTokens"],"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 { breakpoints } from \"@ndla/core\";\nimport { definePreset } from \"@pandacss/dev\";\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":"
|
|
1
|
+
{"version":3,"file":"index.js","names":["globalCss","conditions","utilities","breakpoints","textStyles","keyframes","colors","easings","durations","radii","spacing","lineHeights","fontWeights","fontSizes","fonts","animations","boxShadows","zIndex","semanticTokens"],"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 { breakpoints } from \"@ndla/core\";\nimport { definePreset } from \"@pandacss/dev\";\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 { utilities } from \"./utilities\";\nimport { zIndex } from \"./zIndex\";\n\nconst preset = definePreset({\n name: \"ndla/panda\",\n globalCss: globalCss,\n conditions: conditions,\n utilities: utilities,\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":";;;;;;;;;;;;;;;;;;;;;;;;;AAsBA,MAAM,UAAA,4BAAA,cAAsB;CAC1B,MAAM;CACN,WAAWA,kBAAAA;CACX,YAAYC,mBAAAA;CACZ,WAAWC,kBAAAA;CACX,OAAO;EACL,aAAaC,WAAAA;EACb,YAAYC,mBAAAA;EACZ,WAAWC,mBAAAA;EACX,QAAQ;GACN,QAAQC,eAAAA;GACR,SAASC,mBAAAA;GACT,WAAWC,mBAAAA;GACX,OAAOC,cAAAA;GACP,SAASC,gBAAAA;GACT,OAAOA,gBAAAA;GACP,aAAaC,mBAAAA;GACb,aAAaC,mBAAAA;GACb,WAAWC,mBAAAA;GACX,OAAOC,mBAAAA;GACP,YAAYC,mBAAAA;GACZ,SAASC,mBAAAA;GACT,QAAQC,eAAAA;GACT;EACD,gBAAgBC,uBAAAA;EAChB,gBAAgBf,WAAAA;EACjB;CACF,CAAC"}
|