@ndla/preset-panda 0.0.54 → 0.0.56

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 (50) hide show
  1. package/es/animations.js +111 -223
  2. package/es/animations.js.map +1 -0
  3. package/es/boxShadows.js +33 -37
  4. package/es/boxShadows.js.map +1 -0
  5. package/es/colors.js +132 -346
  6. package/es/colors.js.map +1 -0
  7. package/es/conditions.js +16 -12
  8. package/es/conditions.js.map +1 -0
  9. package/es/globalCss.js +149 -226
  10. package/es/globalCss.js.map +1 -0
  11. package/es/index.js +43 -45
  12. package/es/index.js.map +1 -0
  13. package/es/plugins/forwardCssPropPlugin.js +39 -46
  14. package/es/plugins/forwardCssPropPlugin.js.map +1 -0
  15. package/es/radii.js +14 -28
  16. package/es/radii.js.map +1 -0
  17. package/es/semanticTokens.js +233 -549
  18. package/es/semanticTokens.js.map +1 -0
  19. package/es/spacing.js +50 -136
  20. package/es/spacing.js.map +1 -0
  21. package/es/typography.js +200 -274
  22. package/es/typography.js.map +1 -0
  23. package/es/zIndex.js +22 -52
  24. package/es/zIndex.js.map +1 -0
  25. package/lib/_virtual/rolldown_runtime.js +30 -0
  26. package/lib/animations.js +115 -229
  27. package/lib/animations.js.map +1 -0
  28. package/lib/boxShadows.js +32 -41
  29. package/lib/boxShadows.js.map +1 -0
  30. package/lib/colors.js +131 -350
  31. package/lib/colors.js.map +1 -0
  32. package/lib/conditions.js +16 -17
  33. package/lib/conditions.js.map +1 -0
  34. package/lib/globalCss.js +148 -230
  35. package/lib/globalCss.js.map +1 -0
  36. package/lib/index.js +47 -58
  37. package/lib/index.js.map +1 -0
  38. package/lib/plugins/forwardCssPropPlugin.js +37 -51
  39. package/lib/plugins/forwardCssPropPlugin.js.map +1 -0
  40. package/lib/radii.js +13 -32
  41. package/lib/radii.js.map +1 -0
  42. package/lib/semanticTokens.js +232 -553
  43. package/lib/semanticTokens.js.map +1 -0
  44. package/lib/spacing.js +49 -140
  45. package/lib/spacing.js.map +1 -0
  46. package/lib/typography.js +205 -280
  47. package/lib/typography.js.map +1 -0
  48. package/lib/zIndex.js +21 -56
  49. package/lib/zIndex.js.map +1 -0
  50. package/package.json +6 -5
package/es/animations.js CHANGED
@@ -1,227 +1,115 @@
1
- /**
2
- * Copyright (c) 2024-present, NDLA.
3
- *
4
- * This source code is licensed under the GPLv3 license found in the
5
- * LICENSE file in the root directory of this source tree.
6
- *
7
- */
8
-
9
1
  import { defineTokens } from "@pandacss/dev";
10
- export const animations = defineTokens.animations({
11
- spin: {
12
- value: "spin 700ms infinite linear"
13
- },
14
- "collapse-in": {
15
- value: "collapse-in 250ms {easings.emphasized-in}"
16
- },
17
- "collapse-out": {
18
- value: "collapse-out 200ms {easings.emphasized-out}"
19
- },
20
- "fade-shift-in": {
21
- value: "fade-shift-in 200ms {easings.emphasized-in}"
22
- },
23
- "fade-shift-out": {
24
- value: "fade-shift-in 200ms {easings.emphasized-in}"
25
- },
26
- "backdrop-in": {
27
- value: "fade-in 250ms {easings.emphasized-in}"
28
- },
29
- "backdrop-out": {
30
- value: "fade-out 200ms {easings.emphasized-out}"
31
- },
32
- "dialog-in": {
33
- value: "fade-in 400ms {easings.emphasized-in}"
34
- },
35
- "dialog-out": {
36
- value: "fade-out 200ms {easings.emphasized-out}"
37
- },
38
- "drawer-in-left": {
39
- value: "slide-in-left 400ms {easings.emphasized-in}"
40
- },
41
- "drawer-out-left": {
42
- value: "slide-out-left 200ms {easings.emphasized-out}"
43
- },
44
- "drawer-in-right": {
45
- value: "slide-in-right 400ms {easings.emphasized-in}"
46
- },
47
- "drawer-out-right": {
48
- value: "slide-out-right 200ms {easings.emphasized-out}"
49
- },
50
- "drawer-in-bottom": {
51
- value: "slide-in-bottom 400ms {easings.emphasized-in}"
52
- },
53
- "drawer-out-bottom": {
54
- value: "slide-out-bottom 200ms {easings.emphasized-out}"
55
- },
56
- "drawer-in-top": {
57
- value: "slide-in-top 400ms {easings.emphasized-in}"
58
- },
59
- "drawer-out-top": {
60
- value: "slide-out-top 200ms {easings.emphasized-out}"
61
- },
62
- "skeleton-pulse": {
63
- value: "skeleton-pulse 2s {easings.pulse} infinite"
64
- }
2
+
3
+ //#region src/animations.ts
4
+ const animations = defineTokens.animations({
5
+ spin: { value: "spin 700ms infinite linear" },
6
+ "collapse-in": { value: "collapse-in 250ms {easings.emphasized-in}" },
7
+ "collapse-out": { value: "collapse-out 200ms {easings.emphasized-out}" },
8
+ "fade-shift-in": { value: "fade-shift-in 200ms {easings.emphasized-in}" },
9
+ "fade-shift-out": { value: "fade-shift-in 200ms {easings.emphasized-in}" },
10
+ "backdrop-in": { value: "fade-in 250ms {easings.emphasized-in}" },
11
+ "backdrop-out": { value: "fade-out 200ms {easings.emphasized-out}" },
12
+ "dialog-in": { value: "fade-in 400ms {easings.emphasized-in}" },
13
+ "dialog-out": { value: "fade-out 200ms {easings.emphasized-out}" },
14
+ "drawer-in-left": { value: "slide-in-left 400ms {easings.emphasized-in}" },
15
+ "drawer-out-left": { value: "slide-out-left 200ms {easings.emphasized-out}" },
16
+ "drawer-in-right": { value: "slide-in-right 400ms {easings.emphasized-in}" },
17
+ "drawer-out-right": { value: "slide-out-right 200ms {easings.emphasized-out}" },
18
+ "drawer-in-bottom": { value: "slide-in-bottom 400ms {easings.emphasized-in}" },
19
+ "drawer-out-bottom": { value: "slide-out-bottom 200ms {easings.emphasized-out}" },
20
+ "drawer-in-top": { value: "slide-in-top 400ms {easings.emphasized-in}" },
21
+ "drawer-out-top": { value: "slide-out-top 200ms {easings.emphasized-out}" },
22
+ "skeleton-pulse": { value: "skeleton-pulse 2s {easings.pulse} infinite" }
65
23
  });
66
- export const easings = defineTokens.easings({
67
- default: {
68
- value: "cubic-bezier(0.17, 0.04, 0.03, 0.94)"
69
- },
70
- "emphasized-in": {
71
- value: "cubic-bezier(0.05, 0.7, 0.1, 1.0)"
72
- },
73
- "emphasized-out": {
74
- value: "cubic-bezier(0.3, 0.0, 0.8, 0.15)"
75
- },
76
- pulse: {
77
- value: "cubic-bezier(0.4, 0.0, 0.6, 1.0)"
78
- }
24
+ const easings = defineTokens.easings({
25
+ default: { value: "cubic-bezier(0.17, 0.04, 0.03, 0.94)" },
26
+ "emphasized-in": { value: "cubic-bezier(0.05, 0.7, 0.1, 1.0)" },
27
+ "emphasized-out": { value: "cubic-bezier(0.3, 0.0, 0.8, 0.15)" },
28
+ pulse: { value: "cubic-bezier(0.4, 0.0, 0.6, 1.0)" }
79
29
  });
80
- export const durations = defineTokens.durations({
81
- superFast: {
82
- value: "100ms"
83
- },
84
- fast: {
85
- value: "200ms"
86
- },
87
- normal: {
88
- value: "400ms"
89
- },
90
- slow: {
91
- value: "600ms"
92
- },
93
- infinite: {
94
- value: "infinite"
95
- }
30
+ const durations = defineTokens.durations({
31
+ superFast: { value: "100ms" },
32
+ fast: { value: "200ms" },
33
+ normal: { value: "400ms" },
34
+ slow: { value: "600ms" },
35
+ infinite: { value: "infinite" }
96
36
  });
97
- export const keyframes = {
98
- spin: {
99
- from: {
100
- transform: "rotate(0deg)"
101
- },
102
- to: {
103
- transform: "rotate(360deg)"
104
- }
105
- },
106
- "fade-shift-in": {
107
- "0%": {
108
- opacity: "0",
109
- transform: "translateY(-4px)"
110
- },
111
- "100%": {
112
- opacity: "1",
113
- transform: "translateY(0)"
114
- }
115
- },
116
- "fade-shift-out": {
117
- "0%": {
118
- opacity: "1",
119
- transform: "translateY(0)"
120
- },
121
- "100%": {
122
- opacity: "0",
123
- transform: "translateY(-4px)"
124
- }
125
- },
126
- "collapse-in": {
127
- "0%": {
128
- height: "0"
129
- },
130
- "100%": {
131
- height: "var(--height)"
132
- }
133
- },
134
- "collapse-out": {
135
- "0%": {
136
- height: "var(--height)"
137
- },
138
- "100%": {
139
- height: "0"
140
- }
141
- },
142
- "fade-in": {
143
- from: {
144
- opacity: "0"
145
- },
146
- to: {
147
- opacity: "1"
148
- }
149
- },
150
- "fade-out": {
151
- from: {
152
- opacity: "1"
153
- },
154
- to: {
155
- opacity: "0"
156
- }
157
- },
158
- "slide-in-left": {
159
- "0%": {
160
- transform: "translateX(-100%)"
161
- },
162
- "100%": {
163
- transform: "translateX(0%)"
164
- }
165
- },
166
- "slide-out-left": {
167
- "0%": {
168
- transform: "translateX(0%)"
169
- },
170
- "100%": {
171
- transform: "translateX(-100%)"
172
- }
173
- },
174
- "slide-in-right": {
175
- "0%": {
176
- transform: "translateX(100%)"
177
- },
178
- "100%": {
179
- transform: "translateX(0%)"
180
- }
181
- },
182
- "slide-out-right": {
183
- "0%": {
184
- transform: "translateX(0%)"
185
- },
186
- "100%": {
187
- transform: "translateX(100%)"
188
- }
189
- },
190
- "slide-in-top": {
191
- "0%": {
192
- transform: "translateY(-100%)"
193
- },
194
- "100%": {
195
- transform: "translateY(0%)"
196
- }
197
- },
198
- "slide-out-top": {
199
- "0%": {
200
- transform: "translateY(0%)"
201
- },
202
- "100%": {
203
- transform: "translateY(-100%)"
204
- }
205
- },
206
- "slide-in-bottom": {
207
- "0%": {
208
- transform: "translateY(100%)"
209
- },
210
- "100%": {
211
- transform: "translateY(0%)"
212
- }
213
- },
214
- "slide-out-bottom": {
215
- "0%": {
216
- transform: "translateY(0%)"
217
- },
218
- "100%": {
219
- transform: "translateY(100%)"
220
- }
221
- },
222
- "skeleton-pulse": {
223
- "50%": {
224
- opacity: "0.5"
225
- }
226
- }
227
- };
37
+ const keyframes = {
38
+ spin: {
39
+ from: { transform: "rotate(0deg)" },
40
+ to: { transform: "rotate(360deg)" }
41
+ },
42
+ "fade-shift-in": {
43
+ "0%": {
44
+ opacity: "0",
45
+ transform: "translateY(-4px)"
46
+ },
47
+ "100%": {
48
+ opacity: "1",
49
+ transform: "translateY(0)"
50
+ }
51
+ },
52
+ "fade-shift-out": {
53
+ "0%": {
54
+ opacity: "1",
55
+ transform: "translateY(0)"
56
+ },
57
+ "100%": {
58
+ opacity: "0",
59
+ transform: "translateY(-4px)"
60
+ }
61
+ },
62
+ "collapse-in": {
63
+ "0%": { height: "0" },
64
+ "100%": { height: "var(--height)" }
65
+ },
66
+ "collapse-out": {
67
+ "0%": { height: "var(--height)" },
68
+ "100%": { height: "0" }
69
+ },
70
+ "fade-in": {
71
+ from: { opacity: "0" },
72
+ to: { opacity: "1" }
73
+ },
74
+ "fade-out": {
75
+ from: { opacity: "1" },
76
+ to: { opacity: "0" }
77
+ },
78
+ "slide-in-left": {
79
+ "0%": { transform: "translateX(-100%)" },
80
+ "100%": { transform: "translateX(0%)" }
81
+ },
82
+ "slide-out-left": {
83
+ "0%": { transform: "translateX(0%)" },
84
+ "100%": { transform: "translateX(-100%)" }
85
+ },
86
+ "slide-in-right": {
87
+ "0%": { transform: "translateX(100%)" },
88
+ "100%": { transform: "translateX(0%)" }
89
+ },
90
+ "slide-out-right": {
91
+ "0%": { transform: "translateX(0%)" },
92
+ "100%": { transform: "translateX(100%)" }
93
+ },
94
+ "slide-in-top": {
95
+ "0%": { transform: "translateY(-100%)" },
96
+ "100%": { transform: "translateY(0%)" }
97
+ },
98
+ "slide-out-top": {
99
+ "0%": { transform: "translateY(0%)" },
100
+ "100%": { transform: "translateY(-100%)" }
101
+ },
102
+ "slide-in-bottom": {
103
+ "0%": { transform: "translateY(100%)" },
104
+ "100%": { transform: "translateY(0%)" }
105
+ },
106
+ "slide-out-bottom": {
107
+ "0%": { transform: "translateY(0%)" },
108
+ "100%": { transform: "translateY(100%)" }
109
+ },
110
+ "skeleton-pulse": { "50%": { opacity: "0.5" } }
111
+ };
112
+
113
+ //#endregion
114
+ export { animations, durations, easings, keyframes };
115
+ //# sourceMappingURL=animations.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"animations.js","names":[],"sources":["../src/animations.ts"],"sourcesContent":["/**\n * Copyright (c) 2024-present, NDLA.\n *\n * This source code is licensed under the GPLv3 license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport { defineTokens } from \"@pandacss/dev\";\n\nexport const animations = defineTokens.animations({\n spin: {\n value: \"spin 700ms infinite linear\",\n },\n \"collapse-in\": {\n value: \"collapse-in 250ms {easings.emphasized-in}\",\n },\n \"collapse-out\": {\n value: \"collapse-out 200ms {easings.emphasized-out}\",\n },\n \"fade-shift-in\": {\n value: \"fade-shift-in 200ms {easings.emphasized-in}\",\n },\n \"fade-shift-out\": {\n value: \"fade-shift-in 200ms {easings.emphasized-in}\",\n },\n \"backdrop-in\": {\n value: \"fade-in 250ms {easings.emphasized-in}\",\n },\n \"backdrop-out\": {\n value: \"fade-out 200ms {easings.emphasized-out}\",\n },\n \"dialog-in\": {\n value: \"fade-in 400ms {easings.emphasized-in}\",\n },\n \"dialog-out\": {\n value: \"fade-out 200ms {easings.emphasized-out}\",\n },\n \"drawer-in-left\": {\n value: \"slide-in-left 400ms {easings.emphasized-in}\",\n },\n \"drawer-out-left\": {\n value: \"slide-out-left 200ms {easings.emphasized-out}\",\n },\n \"drawer-in-right\": {\n value: \"slide-in-right 400ms {easings.emphasized-in}\",\n },\n \"drawer-out-right\": {\n value: \"slide-out-right 200ms {easings.emphasized-out}\",\n },\n \"drawer-in-bottom\": {\n value: \"slide-in-bottom 400ms {easings.emphasized-in}\",\n },\n \"drawer-out-bottom\": {\n value: \"slide-out-bottom 200ms {easings.emphasized-out}\",\n },\n \"drawer-in-top\": {\n value: \"slide-in-top 400ms {easings.emphasized-in}\",\n },\n \"drawer-out-top\": {\n value: \"slide-out-top 200ms {easings.emphasized-out}\",\n },\n \"skeleton-pulse\": {\n value: \"skeleton-pulse 2s {easings.pulse} infinite\",\n },\n});\n\nexport const easings = defineTokens.easings({\n default: { value: \"cubic-bezier(0.17, 0.04, 0.03, 0.94)\" },\n \"emphasized-in\": { value: \"cubic-bezier(0.05, 0.7, 0.1, 1.0)\" },\n \"emphasized-out\": { value: \"cubic-bezier(0.3, 0.0, 0.8, 0.15)\" },\n pulse: { value: \"cubic-bezier(0.4, 0.0, 0.6, 1.0)\" },\n});\n\nexport const durations = defineTokens.durations({\n superFast: { value: \"100ms\" },\n fast: { value: \"200ms\" },\n normal: { value: \"400ms\" },\n slow: { value: \"600ms\" },\n infinite: { value: \"infinite\" },\n});\n\nexport const keyframes = {\n spin: {\n from: { transform: \"rotate(0deg)\" },\n to: { transform: \"rotate(360deg)\" },\n },\n \"fade-shift-in\": {\n \"0%\": { opacity: \"0\", transform: \"translateY(-4px)\" },\n \"100%\": { opacity: \"1\", transform: \"translateY(0)\" },\n },\n \"fade-shift-out\": {\n \"0%\": { opacity: \"1\", transform: \"translateY(0)\" },\n \"100%\": { opacity: \"0\", transform: \"translateY(-4px)\" },\n },\n \"collapse-in\": {\n \"0%\": { height: \"0\" },\n \"100%\": { height: \"var(--height)\" },\n },\n \"collapse-out\": {\n \"0%\": { height: \"var(--height)\" },\n \"100%\": { height: \"0\" },\n },\n \"fade-in\": {\n from: { opacity: \"0\" },\n to: { opacity: \"1\" },\n },\n \"fade-out\": {\n from: { opacity: \"1\" },\n to: { opacity: \"0\" },\n },\n \"slide-in-left\": {\n \"0%\": { transform: \"translateX(-100%)\" },\n \"100%\": { transform: \"translateX(0%)\" },\n },\n \"slide-out-left\": {\n \"0%\": { transform: \"translateX(0%)\" },\n \"100%\": { transform: \"translateX(-100%)\" },\n },\n \"slide-in-right\": {\n \"0%\": { transform: \"translateX(100%)\" },\n \"100%\": { transform: \"translateX(0%)\" },\n },\n \"slide-out-right\": {\n \"0%\": { transform: \"translateX(0%)\" },\n \"100%\": { transform: \"translateX(100%)\" },\n },\n \"slide-in-top\": {\n \"0%\": { transform: \"translateY(-100%)\" },\n \"100%\": { transform: \"translateY(0%)\" },\n },\n \"slide-out-top\": {\n \"0%\": { transform: \"translateY(0%)\" },\n \"100%\": { transform: \"translateY(-100%)\" },\n },\n \"slide-in-bottom\": {\n \"0%\": { transform: \"translateY(100%)\" },\n \"100%\": { transform: \"translateY(0%)\" },\n },\n \"slide-out-bottom\": {\n \"0%\": { transform: \"translateY(0%)\" },\n \"100%\": { transform: \"translateY(100%)\" },\n },\n \"skeleton-pulse\": {\n \"50%\": { opacity: \"0.5\" },\n },\n};\n"],"mappings":"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"}
package/es/boxShadows.js CHANGED
@@ -1,38 +1,34 @@
1
- /**
2
- * Copyright (c) 2024-present, NDLA.
3
- *
4
- * This source code is licensed under the GPLv3 license found in the
5
- * LICENSE file in the root directory of this source tree.
6
- *
7
- */
8
-
9
1
  import { defineTokens } from "@pandacss/dev";
10
- export const boxShadows = defineTokens.shadows({
11
- xsmall: {
12
- value: ["0px 1px 4px 0px rgba(0, 0, 0, 0.15)", "0px 0px 1px 0px rgba(0, 0, 0, 0.18)"]
13
- },
14
- small: {
15
- value: ["0px 3px 8px 0px rgba(0, 0, 0, 0.1)", "0px 1px 3px 0px rgba(0, 0, 0, 0.1)", "0px 0px 1px 0px rgba(0, 0, 0, 0.18)"]
16
- },
17
- medium: {
18
- value: ["0px 5px 12px 0px rgba(0, 0, 0, 0.13)", "0px 1px 3px 0px rgba(0, 0, 0, 0.1)", "0px 0px 1px 0px rgba(0, 0, 0, 0.15)"]
19
- },
20
- large: {
21
- value: ["0px 10px 16px 0px rgba(0, 0, 0, 0.12)", "0px 2px 5px 0px rgba(0, 0, 0, 0.15)", "0px 0px 1px 0px rgba(0, 0, 0, 0.12)"]
22
- },
23
- xlarge: {
24
- value: ["0px 10px 24px 0px rgba(0, 0, 0, 0.18)", "0px 2px 5px 0px rgba(0, 0, 0, 0.15)", "0px 0px 1px 0px rgba(0, 0, 0, 0.08)"]
25
- },
26
- full: {
27
- value: "4px 4px 0px 0px {colors.primary}"
28
- },
29
- inner: {
30
- value: `0px -1px 0px 0px rgba(45, 27, 98, 0.25) inset` //colors.primary
31
- },
32
- innerTop: {
33
- value: "0px 1px 0px 0px rgba(45, 27, 98, 0.25) inset" //colors.primary
34
- },
35
- innerRight: {
36
- value: "-1px 0px 0px 0px rgba(45, 27, 98, 0.25) inset" //colors.primary
37
- }
38
- });
2
+
3
+ //#region src/boxShadows.ts
4
+ const boxShadows = defineTokens.shadows({
5
+ xsmall: { value: ["0px 1px 4px 0px rgba(0, 0, 0, 0.15)", "0px 0px 1px 0px rgba(0, 0, 0, 0.18)"] },
6
+ small: { value: [
7
+ "0px 3px 8px 0px rgba(0, 0, 0, 0.1)",
8
+ "0px 1px 3px 0px rgba(0, 0, 0, 0.1)",
9
+ "0px 0px 1px 0px rgba(0, 0, 0, 0.18)"
10
+ ] },
11
+ medium: { value: [
12
+ "0px 5px 12px 0px rgba(0, 0, 0, 0.13)",
13
+ "0px 1px 3px 0px rgba(0, 0, 0, 0.1)",
14
+ "0px 0px 1px 0px rgba(0, 0, 0, 0.15)"
15
+ ] },
16
+ large: { value: [
17
+ "0px 10px 16px 0px rgba(0, 0, 0, 0.12)",
18
+ "0px 2px 5px 0px rgba(0, 0, 0, 0.15)",
19
+ "0px 0px 1px 0px rgba(0, 0, 0, 0.12)"
20
+ ] },
21
+ xlarge: { value: [
22
+ "0px 10px 24px 0px rgba(0, 0, 0, 0.18)",
23
+ "0px 2px 5px 0px rgba(0, 0, 0, 0.15)",
24
+ "0px 0px 1px 0px rgba(0, 0, 0, 0.08)"
25
+ ] },
26
+ full: { value: "4px 4px 0px 0px {colors.primary}" },
27
+ inner: { value: `0px -1px 0px 0px rgba(45, 27, 98, 0.25) inset` },
28
+ innerTop: { value: "0px 1px 0px 0px rgba(45, 27, 98, 0.25) inset" },
29
+ innerRight: { value: "-1px 0px 0px 0px rgba(45, 27, 98, 0.25) inset" }
30
+ });
31
+
32
+ //#endregion
33
+ export { boxShadows };
34
+ //# sourceMappingURL=boxShadows.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"boxShadows.js","names":[],"sources":["../src/boxShadows.ts"],"sourcesContent":["/**\n * Copyright (c) 2024-present, NDLA.\n *\n * This source code is licensed under the GPLv3 license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport { defineTokens } from \"@pandacss/dev\";\n\nexport const boxShadows = defineTokens.shadows({\n xsmall: { value: [\"0px 1px 4px 0px rgba(0, 0, 0, 0.15)\", \"0px 0px 1px 0px rgba(0, 0, 0, 0.18)\"] },\n small: {\n value: [\n \"0px 3px 8px 0px rgba(0, 0, 0, 0.1)\",\n \"0px 1px 3px 0px rgba(0, 0, 0, 0.1)\",\n \"0px 0px 1px 0px rgba(0, 0, 0, 0.18)\",\n ],\n },\n medium: {\n value: [\n \"0px 5px 12px 0px rgba(0, 0, 0, 0.13)\",\n \"0px 1px 3px 0px rgba(0, 0, 0, 0.1)\",\n \"0px 0px 1px 0px rgba(0, 0, 0, 0.15)\",\n ],\n },\n large: {\n value: [\n \"0px 10px 16px 0px rgba(0, 0, 0, 0.12)\",\n \"0px 2px 5px 0px rgba(0, 0, 0, 0.15)\",\n \"0px 0px 1px 0px rgba(0, 0, 0, 0.12)\",\n ],\n },\n xlarge: {\n value: [\n \"0px 10px 24px 0px rgba(0, 0, 0, 0.18)\",\n \"0px 2px 5px 0px rgba(0, 0, 0, 0.15)\",\n \"0px 0px 1px 0px rgba(0, 0, 0, 0.08)\",\n ],\n },\n full: {\n value: \"4px 4px 0px 0px {colors.primary}\",\n },\n inner: {\n value: `0px -1px 0px 0px rgba(45, 27, 98, 0.25) inset`, //colors.primary\n },\n innerTop: {\n value: \"0px 1px 0px 0px rgba(45, 27, 98, 0.25) inset\", //colors.primary\n },\n innerRight: {\n value: \"-1px 0px 0px 0px rgba(45, 27, 98, 0.25) inset\", //colors.primary\n },\n});\n"],"mappings":";;;AAUA,MAAa,aAAa,aAAa,QAAQ;CAC7C,QAAQ,EAAE,OAAO,CAAC,uCAAuC,qCAAsC,EAAE;CACjG,OAAO,EACL,OAAO;EACL;EACA;EACA;CACD,EACF;CACD,QAAQ,EACN,OAAO;EACL;EACA;EACA;CACD,EACF;CACD,OAAO,EACL,OAAO;EACL;EACA;EACA;CACD,EACF;CACD,QAAQ,EACN,OAAO;EACL;EACA;EACA;CACD,EACF;CACD,MAAM,EACJ,OAAO,mCACR;CACD,OAAO,EACL,QAAQ,+CACT;CACD,UAAU,EACR,OAAO,+CACR;CACD,YAAY,EACV,OAAO,gDACR;AACF,EAAC"}