@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.
Files changed (53) hide show
  1. package/dist/styles.css +69 -10
  2. package/es/animations.mjs +1 -2
  3. package/es/animations.mjs.map +1 -1
  4. package/es/boxShadows.mjs +1 -2
  5. package/es/boxShadows.mjs.map +1 -1
  6. package/es/colors.mjs +1 -2
  7. package/es/colors.mjs.map +1 -1
  8. package/es/conditions.mjs +1 -1
  9. package/es/globalCss.mjs +5 -3
  10. package/es/globalCss.mjs.map +1 -1
  11. package/es/index.mjs +3 -2
  12. package/es/index.mjs.map +1 -1
  13. package/es/plugins/forwardCssPropPlugin.mjs +1 -1
  14. package/es/radii.mjs +1 -2
  15. package/es/radii.mjs.map +1 -1
  16. package/es/semanticTokens.mjs +1 -2
  17. package/es/semanticTokens.mjs.map +1 -1
  18. package/es/spacing.mjs +1 -2
  19. package/es/spacing.mjs.map +1 -1
  20. package/es/typography.mjs +35 -19
  21. package/es/typography.mjs.map +1 -1
  22. package/es/utilities.mjs +12 -0
  23. package/es/utilities.mjs.map +1 -0
  24. package/es/zIndex.mjs +1 -2
  25. package/es/zIndex.mjs.map +1 -1
  26. package/lib/animations.js +1 -2
  27. package/lib/animations.js.map +1 -1
  28. package/lib/boxShadows.js +2 -4
  29. package/lib/boxShadows.js.map +1 -1
  30. package/lib/colors.js +2 -4
  31. package/lib/colors.js.map +1 -1
  32. package/lib/conditions.js +1 -2
  33. package/lib/conditions.js.map +1 -1
  34. package/lib/globalCss.js +6 -5
  35. package/lib/globalCss.js.map +1 -1
  36. package/lib/index.js +19 -16
  37. package/lib/index.js.map +1 -1
  38. package/lib/plugins/forwardCssPropPlugin.js +1 -2
  39. package/lib/plugins/forwardCssPropPlugin.js.map +1 -1
  40. package/lib/radii.js +2 -4
  41. package/lib/radii.js.map +1 -1
  42. package/lib/semanticTokens.js +2 -4
  43. package/lib/semanticTokens.js.map +1 -1
  44. package/lib/spacing.js +2 -4
  45. package/lib/spacing.js.map +1 -1
  46. package/lib/typography.js +35 -19
  47. package/lib/typography.js.map +1 -1
  48. package/lib/utilities.d.ts +9 -0
  49. package/lib/utilities.js +12 -0
  50. package/lib/utilities.js.map +1 -0
  51. package/lib/zIndex.js +2 -4
  52. package/lib/zIndex.js.map +1 -1
  53. 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
@@ -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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"}
@@ -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":";;;;;;;;;;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"}
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
@@ -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":"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"}
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 = _pandacss_dev.defineTokens.shadows({
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
@@ -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":";;;;;;;;;;AAUA,MAAa,aAAaA,2BAAa,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"}
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 = _pandacss_dev.defineTokens.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":"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"}
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
@@ -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":";;;;;;;;;AAQA,MAAa,aAAa;CACxB,SAAS;CACT,aAAa;CACb,IAAI;CACL"}
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, _pandacss_dev.defineGlobalStyles)({
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
@@ -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, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
2
- const require_animations = require('./animations.js');
3
- const require_boxShadows = require('./boxShadows.js');
4
- const require_colors = require('./colors.js');
5
- const require_conditions = require('./conditions.js');
6
- const require_globalCss = require('./globalCss.js');
7
- const require_radii = require('./radii.js');
8
- const require_semanticTokens = require('./semanticTokens.js');
9
- const require_spacing = require('./spacing.js');
10
- const require_typography = require('./typography.js');
11
- const require_zIndex = require('./zIndex.js');
12
- const require_forwardCssPropPlugin = require('./plugins/forwardCssPropPlugin.js');
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, _pandacss_dev.definePreset)({
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":";;;;;;;;;;;;;;;;;;;;;;;AAqBA,MAAM,yCAAsB;CAC1B,MAAM;CACN,WAAWA;CACX,YAAYC;CACZ,OAAO;EACL,aAAaC;EACb,YAAYC;EACZ,WAAWC;EACX,QAAQ;GACN,QAAQC;GACR,SAASC;GACT,WAAWC;GACX,OAAOC;GACP,SAASC;GACT,OAAOA;GACP,aAAaC;GACb,aAAaC;GACb,WAAWC;GACX,OAAOC;GACP,YAAYC;GACZ,SAASC;GACT,QAAQC;GACT;EACD,gBAAgBC;EAChB,gBAAgBf;EACjB;CACF,CAAC"}
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"}