@ndla/preset-panda 0.0.63 → 0.0.65
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/styles.css +12 -2
- package/es/animations.mjs +7 -0
- package/es/animations.mjs.map +1 -1
- package/es/boxShadows.mjs +7 -0
- package/es/boxShadows.mjs.map +1 -1
- package/es/colors.mjs +20 -1
- package/es/colors.mjs.map +1 -1
- package/es/globalCss.mjs +7 -0
- package/es/globalCss.mjs.map +1 -1
- package/es/index.mjs +7 -0
- package/es/index.mjs.map +1 -1
- package/es/radii.mjs +7 -0
- package/es/radii.mjs.map +1 -1
- package/es/semanticTokens.mjs +9 -2
- package/es/semanticTokens.mjs.map +1 -1
- package/es/spacing.mjs +7 -0
- package/es/spacing.mjs.map +1 -1
- package/es/typography.mjs +7 -0
- package/es/typography.mjs.map +1 -1
- package/es/zIndex.mjs +7 -0
- package/es/zIndex.mjs.map +1 -1
- package/lib/animations.js +7 -2
- package/lib/animations.js.map +1 -1
- package/lib/boxShadows.js +7 -2
- package/lib/boxShadows.js.map +1 -1
- package/lib/colors.d.ts +32 -0
- package/lib/colors.js +20 -3
- package/lib/colors.js.map +1 -1
- package/lib/globalCss.js +7 -2
- package/lib/globalCss.js.map +1 -1
- package/lib/index.js +7 -3
- package/lib/index.js.map +1 -1
- package/lib/radii.js +7 -2
- package/lib/radii.js.map +1 -1
- package/lib/semanticTokens.js +9 -4
- package/lib/semanticTokens.js.map +1 -1
- package/lib/spacing.js +7 -2
- package/lib/spacing.js.map +1 -1
- package/lib/typography.js +7 -2
- package/lib/typography.js.map +1 -1
- package/lib/zIndex.js +7 -2
- package/lib/zIndex.js.map +1 -1
- package/package.json +3 -3
- package/lib/_virtual/rolldown_runtime.js +0 -25
package/dist/styles.css
CHANGED
|
@@ -425,6 +425,16 @@
|
|
|
425
425
|
--colors-purple-800: #823CC8;
|
|
426
426
|
--colors-purple-900: #5E1F9E;
|
|
427
427
|
--colors-purple-950: #40116F;
|
|
428
|
+
--colors-purple-alpha-5: rgba(45, 27, 98, 0.05);
|
|
429
|
+
--colors-purple-alpha-10: rgba(45, 27, 98, 0.1);
|
|
430
|
+
--colors-purple-alpha-20: rgba(45, 27, 98, 0.2);
|
|
431
|
+
--colors-purple-alpha-30: rgba(45, 27, 98, 0.3);
|
|
432
|
+
--colors-purple-alpha-40: rgba(45, 27, 98, 0.4);
|
|
433
|
+
--colors-purple-alpha-50: rgba(45, 27, 98, 0.5);
|
|
434
|
+
--colors-purple-alpha-60: rgba(45, 27, 98, 0.6);
|
|
435
|
+
--colors-purple-alpha-70: rgba(45, 27, 98, 0.7);
|
|
436
|
+
--colors-purple-alpha-80: rgba(45, 27, 98, 0.8);
|
|
437
|
+
--colors-purple-alpha-90: rgba(45, 27, 98, 0.9);
|
|
428
438
|
--colors-light-yellow-50: #FFFCF0;
|
|
429
439
|
--colors-light-yellow-100: #FFF9DB;
|
|
430
440
|
--colors-light-yellow-200: #FFF7CC;
|
|
@@ -769,8 +779,8 @@
|
|
|
769
779
|
--colors-surface-brand-5-moderate: var(--colors-pink-300);
|
|
770
780
|
--colors-surface-brand-5-strong: var(--colors-pink-900);
|
|
771
781
|
--colors-surface-default: var(--colors-white);
|
|
772
|
-
--colors-surface-hover: var(--colors-
|
|
773
|
-
--colors-surface-active: var(--colors-
|
|
782
|
+
--colors-surface-hover: var(--colors-purple-alpha-5);
|
|
783
|
+
--colors-surface-active: var(--colors-purple-alpha-10);
|
|
774
784
|
--colors-surface-selected: var(--colors-purple-200);
|
|
775
785
|
--colors-surface-disabled: var(--colors-grey-200);
|
|
776
786
|
--colors-surface-disabled-subtle: var(--colors-grey-50);
|
package/es/animations.mjs
CHANGED
|
@@ -1,6 +1,13 @@
|
|
|
1
1
|
import { defineTokens } from "@pandacss/dev";
|
|
2
2
|
|
|
3
3
|
//#region src/animations.ts
|
|
4
|
+
/**
|
|
5
|
+
* Copyright (c) 2024-present, NDLA.
|
|
6
|
+
*
|
|
7
|
+
* This source code is licensed under the GPLv3 license found in the
|
|
8
|
+
* LICENSE file in the root directory of this source tree.
|
|
9
|
+
*
|
|
10
|
+
*/
|
|
4
11
|
const animations = defineTokens.animations({
|
|
5
12
|
spin: { value: "spin 700ms infinite linear" },
|
|
6
13
|
"collapse-in": { value: "collapse-in 250ms {easings.emphasized-in}" },
|
package/es/animations.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"animations.mjs","names":[],"sources":["../src/animations.ts"],"sourcesContent":["/**\n * Copyright (c) 2024-present, NDLA.\n *\n * This source code is licensed under the GPLv3 license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport { defineTokens } from \"@pandacss/dev\";\n\nexport const animations = defineTokens.animations({\n spin: {\n value: \"spin 700ms infinite linear\",\n },\n \"collapse-in\": {\n value: \"collapse-in 250ms {easings.emphasized-in}\",\n },\n \"collapse-out\": {\n value: \"collapse-out 200ms {easings.emphasized-out}\",\n },\n \"fade-shift-in\": {\n value: \"fade-shift-in 200ms {easings.emphasized-in}\",\n },\n \"fade-shift-out\": {\n value: \"fade-shift-in 200ms {easings.emphasized-in}\",\n },\n \"backdrop-in\": {\n value: \"fade-in 250ms {easings.emphasized-in}\",\n },\n \"backdrop-out\": {\n value: \"fade-out 200ms {easings.emphasized-out}\",\n },\n \"dialog-in\": {\n value: \"fade-in 400ms {easings.emphasized-in}\",\n },\n \"dialog-out\": {\n value: \"fade-out 200ms {easings.emphasized-out}\",\n },\n \"drawer-in-left\": {\n value: \"slide-in-left 400ms {easings.emphasized-in}\",\n },\n \"drawer-out-left\": {\n value: \"slide-out-left 200ms {easings.emphasized-out}\",\n },\n \"drawer-in-right\": {\n value: \"slide-in-right 400ms {easings.emphasized-in}\",\n },\n \"drawer-out-right\": {\n value: \"slide-out-right 200ms {easings.emphasized-out}\",\n },\n \"drawer-in-bottom\": {\n value: \"slide-in-bottom 400ms {easings.emphasized-in}\",\n },\n \"drawer-out-bottom\": {\n value: \"slide-out-bottom 200ms {easings.emphasized-out}\",\n },\n \"drawer-in-top\": {\n value: \"slide-in-top 400ms {easings.emphasized-in}\",\n },\n \"drawer-out-top\": {\n value: \"slide-out-top 200ms {easings.emphasized-out}\",\n },\n \"skeleton-pulse\": {\n value: \"skeleton-pulse 2s {easings.pulse} infinite\",\n },\n});\n\nexport const easings = defineTokens.easings({\n default: { value: \"cubic-bezier(0.17, 0.04, 0.03, 0.94)\" },\n \"emphasized-in\": { value: \"cubic-bezier(0.05, 0.7, 0.1, 1.0)\" },\n \"emphasized-out\": { value: \"cubic-bezier(0.3, 0.0, 0.8, 0.15)\" },\n pulse: { value: \"cubic-bezier(0.4, 0.0, 0.6, 1.0)\" },\n});\n\nexport const durations = defineTokens.durations({\n superFast: { value: \"100ms\" },\n fast: { value: \"200ms\" },\n normal: { value: \"400ms\" },\n slow: { value: \"600ms\" },\n infinite: { value: \"infinite\" },\n});\n\nexport const keyframes = {\n spin: {\n from: { transform: \"rotate(0deg)\" },\n to: { transform: \"rotate(360deg)\" },\n },\n \"fade-shift-in\": {\n \"0%\": { opacity: \"0\", transform: \"translateY(-4px)\" },\n \"100%\": { opacity: \"1\", transform: \"translateY(0)\" },\n },\n \"fade-shift-out\": {\n \"0%\": { opacity: \"1\", transform: \"translateY(0)\" },\n \"100%\": { opacity: \"0\", transform: \"translateY(-4px)\" },\n },\n \"collapse-in\": {\n \"0%\": { height: \"0\" },\n \"100%\": { height: \"var(--height)\" },\n },\n \"collapse-out\": {\n \"0%\": { height: \"var(--height)\" },\n \"100%\": { height: \"0\" },\n },\n \"fade-in\": {\n from: { opacity: \"0\" },\n to: { opacity: \"1\" },\n },\n \"fade-out\": {\n from: { opacity: \"1\" },\n to: { opacity: \"0\" },\n },\n \"slide-in-left\": {\n \"0%\": { transform: \"translateX(-100%)\" },\n \"100%\": { transform: \"translateX(0%)\" },\n },\n \"slide-out-left\": {\n \"0%\": { transform: \"translateX(0%)\" },\n \"100%\": { transform: \"translateX(-100%)\" },\n },\n \"slide-in-right\": {\n \"0%\": { transform: \"translateX(100%)\" },\n \"100%\": { transform: \"translateX(0%)\" },\n },\n \"slide-out-right\": {\n \"0%\": { transform: \"translateX(0%)\" },\n \"100%\": { transform: \"translateX(100%)\" },\n },\n \"slide-in-top\": {\n \"0%\": { transform: \"translateY(-100%)\" },\n \"100%\": { transform: \"translateY(0%)\" },\n },\n \"slide-out-top\": {\n \"0%\": { transform: \"translateY(0%)\" },\n \"100%\": { transform: \"translateY(-100%)\" },\n },\n \"slide-in-bottom\": {\n \"0%\": { transform: \"translateY(100%)\" },\n \"100%\": { transform: \"translateY(0%)\" },\n },\n \"slide-out-bottom\": {\n \"0%\": { transform: \"translateY(0%)\" },\n \"100%\": { transform: \"translateY(100%)\" },\n },\n \"skeleton-pulse\": {\n \"50%\": { opacity: \"0.5\" },\n },\n};\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"animations.mjs","names":[],"sources":["../src/animations.ts"],"sourcesContent":["/**\n * Copyright (c) 2024-present, NDLA.\n *\n * This source code is licensed under the GPLv3 license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport { defineTokens } from \"@pandacss/dev\";\n\nexport const animations = defineTokens.animations({\n spin: {\n value: \"spin 700ms infinite linear\",\n },\n \"collapse-in\": {\n value: \"collapse-in 250ms {easings.emphasized-in}\",\n },\n \"collapse-out\": {\n value: \"collapse-out 200ms {easings.emphasized-out}\",\n },\n \"fade-shift-in\": {\n value: \"fade-shift-in 200ms {easings.emphasized-in}\",\n },\n \"fade-shift-out\": {\n value: \"fade-shift-in 200ms {easings.emphasized-in}\",\n },\n \"backdrop-in\": {\n value: \"fade-in 250ms {easings.emphasized-in}\",\n },\n \"backdrop-out\": {\n value: \"fade-out 200ms {easings.emphasized-out}\",\n },\n \"dialog-in\": {\n value: \"fade-in 400ms {easings.emphasized-in}\",\n },\n \"dialog-out\": {\n value: \"fade-out 200ms {easings.emphasized-out}\",\n },\n \"drawer-in-left\": {\n value: \"slide-in-left 400ms {easings.emphasized-in}\",\n },\n \"drawer-out-left\": {\n value: \"slide-out-left 200ms {easings.emphasized-out}\",\n },\n \"drawer-in-right\": {\n value: \"slide-in-right 400ms {easings.emphasized-in}\",\n },\n \"drawer-out-right\": {\n value: \"slide-out-right 200ms {easings.emphasized-out}\",\n },\n \"drawer-in-bottom\": {\n value: \"slide-in-bottom 400ms {easings.emphasized-in}\",\n },\n \"drawer-out-bottom\": {\n value: \"slide-out-bottom 200ms {easings.emphasized-out}\",\n },\n \"drawer-in-top\": {\n value: \"slide-in-top 400ms {easings.emphasized-in}\",\n },\n \"drawer-out-top\": {\n value: \"slide-out-top 200ms {easings.emphasized-out}\",\n },\n \"skeleton-pulse\": {\n value: \"skeleton-pulse 2s {easings.pulse} infinite\",\n },\n});\n\nexport const easings = defineTokens.easings({\n default: { value: \"cubic-bezier(0.17, 0.04, 0.03, 0.94)\" },\n \"emphasized-in\": { value: \"cubic-bezier(0.05, 0.7, 0.1, 1.0)\" },\n \"emphasized-out\": { value: \"cubic-bezier(0.3, 0.0, 0.8, 0.15)\" },\n pulse: { value: \"cubic-bezier(0.4, 0.0, 0.6, 1.0)\" },\n});\n\nexport const durations = defineTokens.durations({\n superFast: { value: \"100ms\" },\n fast: { value: \"200ms\" },\n normal: { value: \"400ms\" },\n slow: { value: \"600ms\" },\n infinite: { value: \"infinite\" },\n});\n\nexport const keyframes = {\n spin: {\n from: { transform: \"rotate(0deg)\" },\n to: { transform: \"rotate(360deg)\" },\n },\n \"fade-shift-in\": {\n \"0%\": { opacity: \"0\", transform: \"translateY(-4px)\" },\n \"100%\": { opacity: \"1\", transform: \"translateY(0)\" },\n },\n \"fade-shift-out\": {\n \"0%\": { opacity: \"1\", transform: \"translateY(0)\" },\n \"100%\": { opacity: \"0\", transform: \"translateY(-4px)\" },\n },\n \"collapse-in\": {\n \"0%\": { height: \"0\" },\n \"100%\": { height: \"var(--height)\" },\n },\n \"collapse-out\": {\n \"0%\": { height: \"var(--height)\" },\n \"100%\": { height: \"0\" },\n },\n \"fade-in\": {\n from: { opacity: \"0\" },\n to: { opacity: \"1\" },\n },\n \"fade-out\": {\n from: { opacity: \"1\" },\n to: { opacity: \"0\" },\n },\n \"slide-in-left\": {\n \"0%\": { transform: \"translateX(-100%)\" },\n \"100%\": { transform: \"translateX(0%)\" },\n },\n \"slide-out-left\": {\n \"0%\": { transform: \"translateX(0%)\" },\n \"100%\": { transform: \"translateX(-100%)\" },\n },\n \"slide-in-right\": {\n \"0%\": { transform: \"translateX(100%)\" },\n \"100%\": { transform: \"translateX(0%)\" },\n },\n \"slide-out-right\": {\n \"0%\": { transform: \"translateX(0%)\" },\n \"100%\": { transform: \"translateX(100%)\" },\n },\n \"slide-in-top\": {\n \"0%\": { transform: \"translateY(-100%)\" },\n \"100%\": { transform: \"translateY(0%)\" },\n },\n \"slide-out-top\": {\n \"0%\": { transform: \"translateY(0%)\" },\n \"100%\": { transform: \"translateY(-100%)\" },\n },\n \"slide-in-bottom\": {\n \"0%\": { transform: \"translateY(100%)\" },\n \"100%\": { transform: \"translateY(0%)\" },\n },\n \"slide-out-bottom\": {\n \"0%\": { transform: \"translateY(0%)\" },\n \"100%\": { transform: \"translateY(100%)\" },\n },\n \"skeleton-pulse\": {\n \"50%\": { opacity: \"0.5\" },\n },\n};\n"],"mappings":"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"}
|
package/es/boxShadows.mjs
CHANGED
|
@@ -1,6 +1,13 @@
|
|
|
1
1
|
import { defineTokens } from "@pandacss/dev";
|
|
2
2
|
|
|
3
3
|
//#region src/boxShadows.ts
|
|
4
|
+
/**
|
|
5
|
+
* Copyright (c) 2024-present, NDLA.
|
|
6
|
+
*
|
|
7
|
+
* This source code is licensed under the GPLv3 license found in the
|
|
8
|
+
* LICENSE file in the root directory of this source tree.
|
|
9
|
+
*
|
|
10
|
+
*/
|
|
4
11
|
const boxShadows = defineTokens.shadows({
|
|
5
12
|
xsmall: { value: ["0px 1px 4px 0px rgba(0, 0, 0, 0.15)", "0px 0px 1px 0px rgba(0, 0, 0, 0.18)"] },
|
|
6
13
|
small: { value: [
|
package/es/boxShadows.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"boxShadows.mjs","names":[],"sources":["../src/boxShadows.ts"],"sourcesContent":["/**\n * Copyright (c) 2024-present, NDLA.\n *\n * This source code is licensed under the GPLv3 license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport { defineTokens } from \"@pandacss/dev\";\n\nexport const boxShadows = defineTokens.shadows({\n xsmall: { value: [\"0px 1px 4px 0px rgba(0, 0, 0, 0.15)\", \"0px 0px 1px 0px rgba(0, 0, 0, 0.18)\"] },\n small: {\n value: [\n \"0px 3px 8px 0px rgba(0, 0, 0, 0.1)\",\n \"0px 1px 3px 0px rgba(0, 0, 0, 0.1)\",\n \"0px 0px 1px 0px rgba(0, 0, 0, 0.18)\",\n ],\n },\n medium: {\n value: [\n \"0px 5px 12px 0px rgba(0, 0, 0, 0.13)\",\n \"0px 1px 3px 0px rgba(0, 0, 0, 0.1)\",\n \"0px 0px 1px 0px rgba(0, 0, 0, 0.15)\",\n ],\n },\n large: {\n value: [\n \"0px 10px 16px 0px rgba(0, 0, 0, 0.12)\",\n \"0px 2px 5px 0px rgba(0, 0, 0, 0.15)\",\n \"0px 0px 1px 0px rgba(0, 0, 0, 0.12)\",\n ],\n },\n xlarge: {\n value: [\n \"0px 10px 24px 0px rgba(0, 0, 0, 0.18)\",\n \"0px 2px 5px 0px rgba(0, 0, 0, 0.15)\",\n \"0px 0px 1px 0px rgba(0, 0, 0, 0.08)\",\n ],\n },\n full: {\n value: \"4px 4px 0px 0px {colors.primary}\",\n },\n inner: {\n value: `0px -1px 0px 0px rgba(45, 27, 98, 0.25) inset`, //colors.primary\n },\n innerTop: {\n value: \"0px 1px 0px 0px rgba(45, 27, 98, 0.25) inset\", //colors.primary\n },\n innerRight: {\n value: \"-1px 0px 0px 0px rgba(45, 27, 98, 0.25) inset\", //colors.primary\n },\n});\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"boxShadows.mjs","names":[],"sources":["../src/boxShadows.ts"],"sourcesContent":["/**\n * Copyright (c) 2024-present, NDLA.\n *\n * This source code is licensed under the GPLv3 license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport { defineTokens } from \"@pandacss/dev\";\n\nexport const boxShadows = defineTokens.shadows({\n xsmall: { value: [\"0px 1px 4px 0px rgba(0, 0, 0, 0.15)\", \"0px 0px 1px 0px rgba(0, 0, 0, 0.18)\"] },\n small: {\n value: [\n \"0px 3px 8px 0px rgba(0, 0, 0, 0.1)\",\n \"0px 1px 3px 0px rgba(0, 0, 0, 0.1)\",\n \"0px 0px 1px 0px rgba(0, 0, 0, 0.18)\",\n ],\n },\n medium: {\n value: [\n \"0px 5px 12px 0px rgba(0, 0, 0, 0.13)\",\n \"0px 1px 3px 0px rgba(0, 0, 0, 0.1)\",\n \"0px 0px 1px 0px rgba(0, 0, 0, 0.15)\",\n ],\n },\n large: {\n value: [\n \"0px 10px 16px 0px rgba(0, 0, 0, 0.12)\",\n \"0px 2px 5px 0px rgba(0, 0, 0, 0.15)\",\n \"0px 0px 1px 0px rgba(0, 0, 0, 0.12)\",\n ],\n },\n xlarge: {\n value: [\n \"0px 10px 24px 0px rgba(0, 0, 0, 0.18)\",\n \"0px 2px 5px 0px rgba(0, 0, 0, 0.15)\",\n \"0px 0px 1px 0px rgba(0, 0, 0, 0.08)\",\n ],\n },\n full: {\n value: \"4px 4px 0px 0px {colors.primary}\",\n },\n inner: {\n value: `0px -1px 0px 0px rgba(45, 27, 98, 0.25) inset`, //colors.primary\n },\n innerTop: {\n value: \"0px 1px 0px 0px rgba(45, 27, 98, 0.25) inset\", //colors.primary\n },\n innerRight: {\n value: \"-1px 0px 0px 0px rgba(45, 27, 98, 0.25) inset\", //colors.primary\n },\n});\n"],"mappings":";;;;;;;;;;AAUA,MAAa,aAAa,aAAa,QAAQ;CAC7C,QAAQ,EAAE,OAAO,CAAC,uCAAuC,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/es/colors.mjs
CHANGED
|
@@ -1,6 +1,13 @@
|
|
|
1
1
|
import { defineTokens } from "@pandacss/dev";
|
|
2
2
|
|
|
3
3
|
//#region src/colors.ts
|
|
4
|
+
/**
|
|
5
|
+
* Copyright (c) 2024-present, NDLA.
|
|
6
|
+
*
|
|
7
|
+
* This source code is licensed under the GPLv3 license found in the
|
|
8
|
+
* LICENSE file in the root directory of this source tree.
|
|
9
|
+
*
|
|
10
|
+
*/
|
|
4
11
|
const colors = defineTokens.colors({
|
|
5
12
|
grey: {
|
|
6
13
|
50: { value: "#FAFAFA" },
|
|
@@ -39,7 +46,19 @@ const colors = defineTokens.colors({
|
|
|
39
46
|
700: { value: "#8B65DC" },
|
|
40
47
|
800: { value: "#823CC8" },
|
|
41
48
|
900: { value: "#5E1F9E" },
|
|
42
|
-
950: { value: "#40116F" }
|
|
49
|
+
950: { value: "#40116F" },
|
|
50
|
+
alpha: {
|
|
51
|
+
5: { value: "rgba(45, 27, 98, 0.05)" },
|
|
52
|
+
10: { value: "rgba(45, 27, 98, 0.1)" },
|
|
53
|
+
20: { value: "rgba(45, 27, 98, 0.2)" },
|
|
54
|
+
30: { value: "rgba(45, 27, 98, 0.3)" },
|
|
55
|
+
40: { value: "rgba(45, 27, 98, 0.4)" },
|
|
56
|
+
50: { value: "rgba(45, 27, 98, 0.5)" },
|
|
57
|
+
60: { value: "rgba(45, 27, 98, 0.6)" },
|
|
58
|
+
70: { value: "rgba(45, 27, 98, 0.7)" },
|
|
59
|
+
80: { value: "rgba(45, 27, 98, 0.8)" },
|
|
60
|
+
90: { value: "rgba(45, 27, 98, 0.9)" }
|
|
61
|
+
}
|
|
43
62
|
},
|
|
44
63
|
lightYellow: {
|
|
45
64
|
50: { value: "#FFFCF0" },
|
package/es/colors.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"colors.mjs","names":[],"sources":["../src/colors.ts"],"sourcesContent":["/**\n * Copyright (c) 2024-present, NDLA.\n *\n * This source code is licensed under the GPLv3 license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport { defineTokens } from \"@pandacss/dev\";\n\nexport const colors = defineTokens.colors({\n grey: {\n 50: { value: \"#FAFAFA\" },\n 100: { value: \"#F2F2F3\" },\n 200: { value: \"#E4E4E7\" },\n 300: { value: \"#C9C9CF\" },\n 400: { value: \"#AFAFB6\" },\n 500: { value: \"#94949E\" },\n 600: { value: \"#797986\" },\n 700: { value: \"#61616B\" },\n 800: { value: \"#494950\" },\n 900: { value: \"#303036\" },\n 950: { value: \"#18181B\" },\n },\n blue: {\n 50: { value: \"#F1F9FD\" },\n 100: { value: \"#D1ECFA\" },\n 200: { value: \"#ACDFF6\" },\n 300: { value: \"#87D4F2\" },\n 400: { value: \"#6CCCEF\" },\n 500: { value: \"#40BDEB\" },\n 600: { value: \"#1E9CD2\" },\n 700: { value: \"#197AB2\" },\n 800: { value: \"#155784\" },\n 900: { value: \"#113F5F\" },\n 950: { value: \"#0B253D\" },\n },\n purple: {\n 50: { value: \"#F9F6FE\" },\n 100: { value: \"#F2EBFC\" },\n 200: { value: \"#E7DAFA\" },\n 300: { value: \"#DDC7FA\" },\n 400: { value: \"#D2B4F8\" },\n 500: { value: \"#C8A4F7\" },\n 600: { value: \"#B586F3\" },\n 700: { value: \"#8B65DC\" },\n 800: { value: \"#823CC8\" },\n 900: { value: \"#5E1F9E\" },\n 950: { value: \"#40116F\" },\n },\n lightYellow: {\n 50: { value: \"#FFFCF0\" },\n 100: { value: \"#FFF9DB\" },\n 200: { value: \"#FFF7CC\" },\n 300: { value: \"#FFF1A8\" },\n 400: { value: \"#FFED8F\" },\n 500: { value: \"#FFE767\" },\n 600: { value: \"#FFDD33\" },\n 700: { value: \"#FFCC00\" },\n 800: { value: \"#FFB700\" },\n 900: { value: \"#FAA700\" },\n 950: { value: \"#F08C00\" },\n 1000: { value: \"#CC8302\" },\n 1100: { value: \"#A25C06\" },\n 1200: { value: \"#86480D\" },\n 1300: { value: \"#7A3701\" },\n 1400: { value: \"#481A00\" },\n },\n yellow: {\n 50: { value: \"#FFF9E5\" },\n 100: { value: \"#FCEBB1\" },\n 200: { value: \"#FFE285\" },\n 300: { value: \"#FFCE2E\" },\n 400: { value: \"#FFC300\" },\n 500: { value: \"#E5AF00\" },\n 600: { value: \"#BA8E00\" },\n 700: { value: \"#AD8500\" },\n 800: { value: \"#8F6D00\" },\n 900: { value: \"#6B5200\" },\n 950: { value: \"#523E00\" },\n },\n lightGreen: {\n 50: { value: \"#EDFDF2\" },\n 100: { value: \"#DAFBE5\" },\n 200: { value: \"#C3F8D5\" },\n 300: { value: \"#A7F6C1\" },\n 400: { value: \"#81F3A7\" },\n 500: { value: \"#63F293\" },\n 600: { value: \"#42D774\" },\n 700: { value: \"#2CAF58\" },\n 800: { value: \"#238042\" },\n 900: { value: \"#174F2A\" },\n 950: { value: \"#11361E\" },\n },\n green: {\n 50: { value: \"#F3FCF5\" },\n 100: { value: \"#CCF1D6\" },\n 200: { value: \"#99DEAD\" },\n 300: { value: \"#66C786\" },\n 400: { value: \"#33AA5F\" },\n 500: { value: \"#06893A\" },\n 600: { value: \"#007C2E\" },\n 700: { value: \"#006A23\" },\n 800: { value: \"#005519\" },\n 900: { value: \"#003B0F\" },\n 950: { value: \"#002108\" },\n },\n pink: {\n 50: { value: \"#FEF2F3\" },\n 100: { value: \"#FDECEF\" },\n 200: { value: \"#FCDEE3\" },\n 300: { value: \"#F9C3CE\" },\n 400: { value: \"#F79CAE\" },\n 500: { value: \"#F67992\" },\n 600: { value: \"#EF4D6D\" },\n 700: { value: \"#D53457\" },\n 800: { value: \"#A82447\" },\n 900: { value: \"#761935\" },\n 950: { value: \"#4A1124\" },\n },\n red: {\n 50: { value: \"#FFE6E6\" },\n 100: { value: \"#FFC2C2\" },\n 200: { value: \"#F68282\" },\n 300: { value: \"#F25C5C\" },\n 400: { value: \"#DE2E2E\" },\n 500: { value: \"#C30000\" },\n 600: { value: \"#AD0000\" },\n 700: { value: \"#8C0000\" },\n 800: { value: \"#5C0000\" },\n 900: { value: \"#260000\" },\n 950: { value: \"#1A0000\" },\n },\n white: {\n value: \"#FFFFFF\",\n },\n primary: {\n value: \"#2D1B62\",\n },\n});\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"colors.mjs","names":[],"sources":["../src/colors.ts"],"sourcesContent":["/**\n * Copyright (c) 2024-present, NDLA.\n *\n * This source code is licensed under the GPLv3 license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport { defineTokens } from \"@pandacss/dev\";\n\nexport const colors = defineTokens.colors({\n grey: {\n 50: { value: \"#FAFAFA\" },\n 100: { value: \"#F2F2F3\" },\n 200: { value: \"#E4E4E7\" },\n 300: { value: \"#C9C9CF\" },\n 400: { value: \"#AFAFB6\" },\n 500: { value: \"#94949E\" },\n 600: { value: \"#797986\" },\n 700: { value: \"#61616B\" },\n 800: { value: \"#494950\" },\n 900: { value: \"#303036\" },\n 950: { value: \"#18181B\" },\n },\n blue: {\n 50: { value: \"#F1F9FD\" },\n 100: { value: \"#D1ECFA\" },\n 200: { value: \"#ACDFF6\" },\n 300: { value: \"#87D4F2\" },\n 400: { value: \"#6CCCEF\" },\n 500: { value: \"#40BDEB\" },\n 600: { value: \"#1E9CD2\" },\n 700: { value: \"#197AB2\" },\n 800: { value: \"#155784\" },\n 900: { value: \"#113F5F\" },\n 950: { value: \"#0B253D\" },\n },\n purple: {\n 50: { value: \"#F9F6FE\" },\n 100: { value: \"#F2EBFC\" },\n 200: { value: \"#E7DAFA\" },\n 300: { value: \"#DDC7FA\" },\n 400: { value: \"#D2B4F8\" },\n 500: { value: \"#C8A4F7\" },\n 600: { value: \"#B586F3\" },\n 700: { value: \"#8B65DC\" },\n 800: { value: \"#823CC8\" },\n 900: { value: \"#5E1F9E\" },\n 950: { value: \"#40116F\" },\n 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/es/globalCss.mjs
CHANGED
|
@@ -1,6 +1,13 @@
|
|
|
1
1
|
import { defineGlobalStyles } from "@pandacss/dev";
|
|
2
2
|
|
|
3
3
|
//#region src/globalCss.ts
|
|
4
|
+
/**
|
|
5
|
+
* Copyright (c) 2024-present, NDLA.
|
|
6
|
+
*
|
|
7
|
+
* This source code is licensed under the GPLv3 license found in the
|
|
8
|
+
* LICENSE file in the root directory of this source tree.
|
|
9
|
+
*
|
|
10
|
+
*/
|
|
4
11
|
const globalCss = defineGlobalStyles({
|
|
5
12
|
":root": {
|
|
6
13
|
"--global-font-body": "fonts.sans",
|
package/es/globalCss.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"globalCss.mjs","names":[],"sources":["../src/globalCss.ts"],"sourcesContent":["/**\n * Copyright (c) 2024-present, NDLA.\n *\n * This source code is licensed under the GPLv3 license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport { defineGlobalStyles } from \"@pandacss/dev\";\n\nexport const globalCss = defineGlobalStyles({\n \":root\": {\n // Applied to html in preflight (css reset)\n \"--global-font-body\": \"fonts.sans\",\n // Code, kbd, pre, samp\n \"--global-font-mono\": \"fonts.code\",\n },\n html: {\n minHeight: \"100%\",\n fontFeatureSettings: \"'ss03' on, 'liga' off, 'clig' off\",\n // this is included in the css reset we use. We don't want it.\n \"& h1, h2, h3, h4, h5, h6\": {\n textWrap: \"unset\",\n },\n },\n body: {\n background: \"background.default\",\n color: \"text.default\",\n },\n \"a, summary,[tabindex]:not([tabindex='-1'])\": {\n outline: \"none\",\n _focusVisible: {\n outline: \"3px\",\n borderRadius: \"xsmall\",\n outlineColor: \"stroke.default\",\n outlineOffset: \"3px\",\n outlineStyle: \"solid\",\n },\n },\n code: {\n background: \"background.subtle\",\n whiteSpace: \"pre-wrap\",\n },\n /* Hide default zendesk launcher so that we can provide our own. */\n \"iframe#launcher\": {\n display: \"none\",\n },\n // For future readers: Life here would be much simpler if we could use flex.\n // However, our usage of float within the article content forces us to use margins.\n \".ndla-article\": {\n h1: {\n textStyle: \"heading.medium\",\n },\n h2: {\n textStyle: \"heading.small\",\n },\n h3: {\n textStyle: \"title.medium\",\n },\n \"h4, h5, h6\": {\n textStyle: \"title.small\",\n },\n '& p[data-align=\"center\"]': {\n textAlign: \"center\",\n },\n // TODO: This is not an actual text style. Should it be?\n blockquote: {\n textStyle: \"body.medium\",\n fontFamily: \"serif\",\n },\n '& p:has(span[dir=\"rtl\"])': {\n direction: \"rtl\",\n },\n textStyle: \"body.article\",\n width: \"100%\",\n\n // Non-figure block elements that should have margin above and below.\n '& details, :not(li) > blockquote, [data-embed-type=\"expandable-box\"], [data-embed-type=\"framed-content\"], [data-embed-type=\"factbox\"], table, [data-embed-type=\"related-content-list\"], [data-embed-type=\"link-block-list\"], [data-embed-type=\"pitch\"], [data-embed-type=\"campaign-block\"], [data-embed-type=\"key-figure\"], [data-embed-type=\"grid\"], [data-embed-type=\"contact-block\"], [data-embed-type=\"file-list\"], [data-embed-type=\"uu-disclaimer\"]':\n {\n marginBlockStart: \"xxlarge\",\n marginBlockEnd: \"xxlarge\",\n tabletDown: {\n marginBlockStart: \"xlarge\",\n marginBlockEnd: \"xlarge\",\n },\n },\n\n // Article content is usually wrapped in a section. The rest of the elements in this list contains other elements, and should add margin to them no matter where they are placed in the DOM.\n '& section:not([class]), section:not([class]) > div:not([class]), [data-embed-type=\"framed-content\"], [data-embed-type=\"grid\"] > div, [data-embed-type=\"grid-parallax\"] > div, [data-embed-type=\"factbox\"] > div, [data-embed-type=\"copyright\"] > [data-copyright-content], [data-embed-type=\"uu-disclaimer\"] > [data-uu-content], [data-embed-wrapper], details, [data-embed-type=\"expandable-box\"], blockquote':\n {\n '& > :is(h2, [data-embed-type=\"copy-heading\"])': {\n marginBlockStart: \"xlarge\",\n marginBlockEnd: \"small\",\n tabletDown: {\n marginBlockStart: \"large\",\n },\n },\n \"& > h3\": {\n marginBlockStart: \"large\",\n marginBlockEnd: \"xsmall\",\n tabletDown: {\n marginBlockStart: \"medium\",\n },\n },\n \"& > :is(h4, h5, h6)\": {\n marginBlockStart: \"medium\",\n marginBlockEnd: \"xsmall\",\n tabletDown: {\n marginBlockStart: \"small\",\n },\n },\n \"& > :is(figure)\": {\n marginBlockStart: \"xxlarge\",\n marginBlockEnd: \"xxlarge\",\n tabletDown: {\n marginBlockStart: \"xlarge\",\n },\n },\n '& > :is(p, ul, ol, dl, [data-embed-type=\"speech\"])': {\n marginBlockStart: \"xsmall\",\n marginBlockEnd: \"xsmall\",\n },\n '& > :is([data-embed-type=\"ordered-list\"])': {\n marginInlineStart: \"xlarge!\",\n },\n },\n '& [data-embed-type=\"framed-content\"], [data-embed-type=\"grid\"] > div, [data-embed-type=\"grid-parallax\"] > div, [data-embed-type=\"factbox\"] > div, [data-embed-type=\"copyright\"] > [data-copyright-content], [data-embed-type=\"uu-disclaimer\"] > [data-uu-content], details, blockquote':\n {\n \"& > :first-child\": {\n marginBlockStart: \"0\",\n },\n \"& > :last-child\": {\n marginBlockEnd: \"0\",\n },\n },\n \"& section:not([class]), section:not([class]) > div:not([class])\": {\n \"& > :first-child\": {\n marginBlockStart: \"xxlarge\",\n tabletDown: {\n marginBlockStart: \"xlarge\",\n },\n },\n \"& > :last-child\": {\n marginBlockEnd: \"xxlarge\",\n tabletDown: {\n marginBlockStart: \"xlarge\",\n },\n },\n },\n },\n // Adds default link styling to links without classes\n 'a:not([class]):not([data-unstyled]), a[class=\"\"]:not([data-unstyled])': {\n color: \"text.link\",\n textDecoration: \"underline\",\n _hover: {\n textDecoration: \"none\",\n },\n _visited: {\n color: \"text.linkVisited\",\n },\n },\n \".codeblock\": {\n border: \"1px solid\",\n borderColor: \"stroke.subtle\",\n borderLeft: \"4px solid\",\n borderLeftColor: \"stroke.default\",\n borderRadius: \"xsmall\",\n boxSizing: \"border-box\",\n overflowX: \"auto\",\n textStyle: \"label.medium\",\n fontFamily: \"code\",\n display: \"block\",\n whiteSpace: \"pre\",\n \"& .linenumber\": {\n display: \"inline-block\",\n paddingBlock: \"0\",\n paddingInline: \"small\",\n borderRight: \"1px solid\",\n borderColor: \"stroke.subtle\",\n width: \"xxlarge\",\n textAlign: \"right\",\n marginInlineEnd: \"xsmall\",\n },\n \"& :nth-child(1 of .linenumber)\": {\n paddingBlockStart: \"xsmall\",\n },\n \"& :nth-last-child(1 of .linenumber)\": {\n paddingBlockEnd: \"xsmall\",\n },\n // The remaining css is copied from the coy theme in prismjs. A lot of css is omitted due to styling clashes. TODO: Consider moving this\n \"& .token.comment, .token.block-comment, .token.prolog, .token.doctype, .token.cdata\": {\n color: \"#7d8b99\",\n },\n \"& .token.punctuation\": {\n color: \"#5f6364\",\n },\n \"& .token.property, .token.tag, .token.boolean, .token.number, .token.function-name, .token.constant, .token.symbol, .token.deleted\":\n {\n color: \"#c92c2c\",\n },\n \"& .token.selector, .token.attr-name, .token.string, .token.char, .token.function, .token.builtin, .token.inserted\":\n {\n color: \"#2f9c0a\",\n },\n \"& .token.operator, .token.entity, .token.url, .token.variable\": {\n color: \"#a67f59\",\n background: \"rgba(255, 255, 255, 0.5)\",\n },\n \"& .token.atrule, .token.attr-value, .token.keyword, .token.class-name\": {\n color: \"#1990b8\",\n },\n \"& .token.regex, .token.important\": {\n color: \"#e90\",\n },\n \"& .language-css .token.string, .style .token.string\": {\n color: \"#a67f59\",\n background: \"rgba(255, 255, 255, 0.5)\",\n },\n \"& .token.important\": {\n fontWeight: \"normal\",\n },\n \"& .token.bold\": {\n fontWeight: \"bold\",\n },\n \"& .token.italic\": {\n fontStyle: \"italic\",\n },\n \"& .token.entity\": {\n cursor: \"help\",\n },\n \"& .token.namespace\": {\n opacity: \"0.7\",\n },\n },\n});\n"],"mappings":";;;AAUA,MAAa,YAAY,mBAAmB;CAC1C,SAAS;EAEP,sBAAsB;EAEtB,sBAAsB;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;EACb;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,iaACE;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,WACpB;GACF;EACH,sSACE;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.mjs","names":[],"sources":["../src/globalCss.ts"],"sourcesContent":["/**\n * Copyright (c) 2024-present, NDLA.\n *\n * This source code is licensed under the GPLv3 license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport { defineGlobalStyles } from \"@pandacss/dev\";\n\nexport const globalCss = defineGlobalStyles({\n \":root\": {\n // Applied to html in preflight (css reset)\n \"--global-font-body\": \"fonts.sans\",\n // Code, kbd, pre, samp\n \"--global-font-mono\": \"fonts.code\",\n },\n html: {\n minHeight: \"100%\",\n fontFeatureSettings: \"'ss03' on, 'liga' off, 'clig' off\",\n // this is included in the css reset we use. We don't want it.\n \"& h1, h2, h3, h4, h5, h6\": {\n textWrap: \"unset\",\n },\n },\n body: {\n background: \"background.default\",\n color: \"text.default\",\n },\n \"a, summary,[tabindex]:not([tabindex='-1'])\": {\n outline: \"none\",\n _focusVisible: {\n outline: \"3px\",\n borderRadius: \"xsmall\",\n outlineColor: \"stroke.default\",\n outlineOffset: \"3px\",\n outlineStyle: \"solid\",\n },\n },\n code: {\n background: \"background.subtle\",\n whiteSpace: \"pre-wrap\",\n },\n /* Hide default zendesk launcher so that we can provide our own. */\n \"iframe#launcher\": {\n display: \"none\",\n },\n // For future readers: Life here would be much simpler if we could use flex.\n // However, our usage of float within the article content forces us to use margins.\n \".ndla-article\": {\n h1: {\n textStyle: \"heading.medium\",\n },\n h2: {\n textStyle: \"heading.small\",\n },\n h3: {\n textStyle: \"title.medium\",\n },\n \"h4, h5, h6\": {\n textStyle: \"title.small\",\n },\n '& p[data-align=\"center\"]': {\n textAlign: \"center\",\n },\n // TODO: This is not an actual text style. Should it be?\n blockquote: {\n textStyle: \"body.medium\",\n fontFamily: \"serif\",\n },\n '& p:has(span[dir=\"rtl\"])': {\n direction: \"rtl\",\n },\n textStyle: \"body.article\",\n width: \"100%\",\n\n // Non-figure block elements that should have margin above and below.\n '& details, :not(li) > blockquote, [data-embed-type=\"expandable-box\"], [data-embed-type=\"framed-content\"], [data-embed-type=\"factbox\"], table, [data-embed-type=\"related-content-list\"], [data-embed-type=\"link-block-list\"], [data-embed-type=\"pitch\"], [data-embed-type=\"campaign-block\"], [data-embed-type=\"key-figure\"], [data-embed-type=\"grid\"], [data-embed-type=\"contact-block\"], [data-embed-type=\"file-list\"], [data-embed-type=\"uu-disclaimer\"]':\n {\n marginBlockStart: \"xxlarge\",\n marginBlockEnd: \"xxlarge\",\n tabletDown: {\n marginBlockStart: \"xlarge\",\n marginBlockEnd: \"xlarge\",\n },\n },\n\n // Article content is usually wrapped in a section. The rest of the elements in this list contains other elements, and should add margin to them no matter where they are placed in the DOM.\n '& section:not([class]), section:not([class]) > div:not([class]), [data-embed-type=\"framed-content\"], [data-embed-type=\"grid\"] > div, [data-embed-type=\"grid-parallax\"] > div, [data-embed-type=\"factbox\"] > div, [data-embed-type=\"copyright\"] > [data-copyright-content], [data-embed-type=\"uu-disclaimer\"] > [data-uu-content], [data-embed-wrapper], details, [data-embed-type=\"expandable-box\"], blockquote':\n {\n '& > :is(h2, [data-embed-type=\"copy-heading\"])': {\n marginBlockStart: \"xlarge\",\n marginBlockEnd: \"small\",\n tabletDown: {\n marginBlockStart: \"large\",\n },\n },\n \"& > h3\": {\n marginBlockStart: \"large\",\n marginBlockEnd: \"xsmall\",\n tabletDown: {\n marginBlockStart: \"medium\",\n },\n },\n \"& > :is(h4, h5, h6)\": {\n marginBlockStart: \"medium\",\n marginBlockEnd: \"xsmall\",\n tabletDown: {\n marginBlockStart: \"small\",\n },\n },\n \"& > :is(figure)\": {\n marginBlockStart: \"xxlarge\",\n marginBlockEnd: \"xxlarge\",\n tabletDown: {\n marginBlockStart: \"xlarge\",\n },\n },\n '& > :is(p, ul, ol, dl, [data-embed-type=\"speech\"])': {\n marginBlockStart: \"xsmall\",\n marginBlockEnd: \"xsmall\",\n },\n '& > :is([data-embed-type=\"ordered-list\"])': {\n marginInlineStart: \"xlarge!\",\n },\n },\n '& [data-embed-type=\"framed-content\"], [data-embed-type=\"grid\"] > div, [data-embed-type=\"grid-parallax\"] > div, [data-embed-type=\"factbox\"] > div, [data-embed-type=\"copyright\"] > [data-copyright-content], [data-embed-type=\"uu-disclaimer\"] > [data-uu-content], details, blockquote':\n {\n \"& > :first-child\": {\n marginBlockStart: \"0\",\n },\n \"& > :last-child\": {\n marginBlockEnd: \"0\",\n },\n },\n \"& section:not([class]), section:not([class]) > div:not([class])\": {\n \"& > :first-child\": {\n marginBlockStart: \"xxlarge\",\n tabletDown: {\n marginBlockStart: \"xlarge\",\n },\n },\n \"& > :last-child\": {\n marginBlockEnd: \"xxlarge\",\n tabletDown: {\n marginBlockStart: \"xlarge\",\n },\n },\n },\n },\n // Adds default link styling to links without classes\n 'a:not([class]):not([data-unstyled]), a[class=\"\"]:not([data-unstyled])': {\n color: \"text.link\",\n textDecoration: \"underline\",\n _hover: {\n textDecoration: \"none\",\n },\n _visited: {\n color: \"text.linkVisited\",\n },\n },\n \".codeblock\": {\n border: \"1px solid\",\n borderColor: \"stroke.subtle\",\n borderLeft: \"4px solid\",\n borderLeftColor: \"stroke.default\",\n borderRadius: \"xsmall\",\n boxSizing: \"border-box\",\n overflowX: \"auto\",\n textStyle: \"label.medium\",\n fontFamily: \"code\",\n display: \"block\",\n whiteSpace: \"pre\",\n \"& .linenumber\": {\n display: \"inline-block\",\n paddingBlock: \"0\",\n paddingInline: \"small\",\n borderRight: \"1px solid\",\n borderColor: \"stroke.subtle\",\n width: \"xxlarge\",\n textAlign: \"right\",\n marginInlineEnd: \"xsmall\",\n },\n \"& :nth-child(1 of .linenumber)\": {\n paddingBlockStart: \"xsmall\",\n },\n \"& :nth-last-child(1 of .linenumber)\": {\n paddingBlockEnd: \"xsmall\",\n },\n // The remaining css is copied from the coy theme in prismjs. A lot of css is omitted due to styling clashes. TODO: Consider moving this\n \"& .token.comment, .token.block-comment, .token.prolog, .token.doctype, .token.cdata\": {\n color: \"#7d8b99\",\n },\n \"& .token.punctuation\": {\n color: \"#5f6364\",\n },\n \"& .token.property, .token.tag, .token.boolean, .token.number, .token.function-name, .token.constant, .token.symbol, .token.deleted\":\n {\n color: \"#c92c2c\",\n },\n \"& .token.selector, .token.attr-name, .token.string, .token.char, .token.function, .token.builtin, .token.inserted\":\n {\n color: \"#2f9c0a\",\n },\n \"& .token.operator, .token.entity, .token.url, .token.variable\": {\n color: \"#a67f59\",\n background: \"rgba(255, 255, 255, 0.5)\",\n },\n \"& .token.atrule, .token.attr-value, .token.keyword, .token.class-name\": {\n color: \"#1990b8\",\n },\n \"& .token.regex, .token.important\": {\n color: \"#e90\",\n },\n \"& .language-css .token.string, .style .token.string\": {\n color: \"#a67f59\",\n background: \"rgba(255, 255, 255, 0.5)\",\n },\n \"& .token.important\": {\n fontWeight: \"normal\",\n },\n \"& .token.bold\": {\n fontWeight: \"bold\",\n },\n \"& .token.italic\": {\n fontStyle: \"italic\",\n },\n \"& .token.entity\": {\n cursor: \"help\",\n },\n \"& .token.namespace\": {\n opacity: \"0.7\",\n },\n },\n});\n"],"mappings":";;;;;;;;;;AAUA,MAAa,YAAY,mBAAmB;CAC1C,SAAS;EAEP,sBAAsB;EAEtB,sBAAsB;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;EACb;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,iaACE;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,WACpB;GACF;EACH,sSACE;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"}
|
package/es/index.mjs
CHANGED
|
@@ -13,6 +13,13 @@ import { definePreset } from "@pandacss/dev";
|
|
|
13
13
|
import { breakpoints } from "@ndla/core";
|
|
14
14
|
|
|
15
15
|
//#region src/index.ts
|
|
16
|
+
/**
|
|
17
|
+
* Copyright (c) 2024-present, NDLA.
|
|
18
|
+
*
|
|
19
|
+
* This source code is licensed under the GPLv3 license found in the
|
|
20
|
+
* LICENSE file in the root directory of this source tree.
|
|
21
|
+
*
|
|
22
|
+
*/
|
|
16
23
|
const preset = definePreset({
|
|
17
24
|
name: "ndla/panda",
|
|
18
25
|
globalCss,
|
package/es/index.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.mjs","names":[],"sources":["../src/index.ts"],"sourcesContent":["/**\n * Copyright (c) 2024-present, NDLA.\n *\n * This source code is licensed under the GPLv3 license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport { definePreset } from \"@pandacss/dev\";\nimport { breakpoints } from \"@ndla/core\";\nimport { animations, durations, easings, keyframes } from \"./animations\";\nimport { boxShadows } from \"./boxShadows\";\nimport { colors } from \"./colors\";\nimport { conditions } from \"./conditions\";\nimport { globalCss } from \"./globalCss\";\nimport { radii } from \"./radii\";\nimport { semanticTokens } from \"./semanticTokens\";\nimport { spacing } from \"./spacing\";\nimport { fontWeights, textStyles, fonts, fontSizes, lineHeights } from \"./typography\";\nimport { zIndex } from \"./zIndex\";\n\nconst preset = definePreset({\n name: \"ndla/panda\",\n globalCss: globalCss,\n conditions: conditions,\n theme: {\n breakpoints: breakpoints,\n textStyles: textStyles,\n keyframes: keyframes,\n tokens: {\n colors: colors,\n easings: easings,\n durations: durations,\n radii: radii,\n spacing: spacing,\n sizes: spacing,\n lineHeights: lineHeights,\n fontWeights: fontWeights,\n fontSizes: fontSizes,\n fonts: fonts,\n animations: animations,\n shadows: boxShadows,\n zIndex: zIndex,\n },\n semanticTokens: semanticTokens,\n containerSizes: breakpoints,\n },\n});\n\nexport { forwardCssPropPlugin } from \"./plugins/forwardCssPropPlugin\";\n\nexport default preset;\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.mjs","names":[],"sources":["../src/index.ts"],"sourcesContent":["/**\n * Copyright (c) 2024-present, NDLA.\n *\n * This source code is licensed under the GPLv3 license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport { definePreset } from \"@pandacss/dev\";\nimport { breakpoints } from \"@ndla/core\";\nimport { animations, durations, easings, keyframes } from \"./animations\";\nimport { boxShadows } from \"./boxShadows\";\nimport { colors } from \"./colors\";\nimport { conditions } from \"./conditions\";\nimport { globalCss } from \"./globalCss\";\nimport { radii } from \"./radii\";\nimport { semanticTokens } from \"./semanticTokens\";\nimport { spacing } from \"./spacing\";\nimport { fontWeights, textStyles, fonts, fontSizes, lineHeights } from \"./typography\";\nimport { zIndex } from \"./zIndex\";\n\nconst preset = definePreset({\n name: \"ndla/panda\",\n globalCss: globalCss,\n conditions: conditions,\n theme: {\n breakpoints: breakpoints,\n textStyles: textStyles,\n keyframes: keyframes,\n tokens: {\n colors: colors,\n easings: easings,\n durations: durations,\n radii: radii,\n spacing: spacing,\n sizes: spacing,\n lineHeights: lineHeights,\n fontWeights: fontWeights,\n fontSizes: fontSizes,\n fonts: fonts,\n animations: animations,\n shadows: boxShadows,\n zIndex: zIndex,\n },\n semanticTokens: semanticTokens,\n containerSizes: breakpoints,\n },\n});\n\nexport { forwardCssPropPlugin } from \"./plugins/forwardCssPropPlugin\";\n\nexport default preset;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAqBA,MAAM,SAAS,aAAa;CAC1B,MAAM;CACK;CACC;CACZ,OAAO;EACQ;EACD;EACD;EACX,QAAQ;GACE;GACC;GACE;GACJ;GACE;GACT,OAAO;GACM;GACA;GACF;GACJ;GACK;GACZ,SAAS;GACD;GACT;EACe;EAChB,gBAAgB;EACjB;CACF,CAAC;AAIF,kBAAe"}
|
package/es/radii.mjs
CHANGED
|
@@ -1,6 +1,13 @@
|
|
|
1
1
|
import { defineTokens } from "@pandacss/dev";
|
|
2
2
|
|
|
3
3
|
//#region src/radii.ts
|
|
4
|
+
/**
|
|
5
|
+
* Copyright (c) 2024-present, NDLA.
|
|
6
|
+
*
|
|
7
|
+
* This source code is licensed under the GPLv3 license found in the
|
|
8
|
+
* LICENSE file in the root directory of this source tree.
|
|
9
|
+
*
|
|
10
|
+
*/
|
|
4
11
|
const radii = defineTokens.radii({
|
|
5
12
|
sharp: { value: "0px" },
|
|
6
13
|
xsmall: { value: "{spacing.4xsmall}" },
|
package/es/radii.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"radii.mjs","names":[],"sources":["../src/radii.ts"],"sourcesContent":["/**\n * Copyright (c) 2024-present, NDLA.\n *\n * This source code is licensed under the GPLv3 license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport { defineTokens } from \"@pandacss/dev\";\n\nexport const radii = defineTokens.radii({\n sharp: { value: \"0px\" },\n xsmall: { value: \"{spacing.4xsmall}\" },\n small: { value: \"{spacing.xxsmall}\" },\n medium: { value: \"{spacing.xsmall}\" },\n large: { value: \"{spacing.medium}\" },\n full: { value: \"100%\" },\n});\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"radii.mjs","names":[],"sources":["../src/radii.ts"],"sourcesContent":["/**\n * Copyright (c) 2024-present, NDLA.\n *\n * This source code is licensed under the GPLv3 license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport { defineTokens } from \"@pandacss/dev\";\n\nexport const radii = defineTokens.radii({\n sharp: { value: \"0px\" },\n xsmall: { value: \"{spacing.4xsmall}\" },\n small: { value: \"{spacing.xxsmall}\" },\n medium: { value: \"{spacing.xsmall}\" },\n large: { value: \"{spacing.medium}\" },\n full: { value: \"100%\" },\n});\n"],"mappings":";;;;;;;;;;AAUA,MAAa,QAAQ,aAAa,MAAM;CACtC,OAAO,EAAE,OAAO,OAAO;CACvB,QAAQ,EAAE,OAAO,qBAAqB;CACtC,OAAO,EAAE,OAAO,qBAAqB;CACrC,QAAQ,EAAE,OAAO,oBAAoB;CACrC,OAAO,EAAE,OAAO,oBAAoB;CACpC,MAAM,EAAE,OAAO,QAAQ;CACxB,CAAC"}
|
package/es/semanticTokens.mjs
CHANGED
|
@@ -1,6 +1,13 @@
|
|
|
1
1
|
import { defineSemanticTokens } from "@pandacss/dev";
|
|
2
2
|
|
|
3
3
|
//#region src/semanticTokens.ts
|
|
4
|
+
/**
|
|
5
|
+
* Copyright (c) 2024-present, NDLA.
|
|
6
|
+
*
|
|
7
|
+
* This source code is licensed under the GPLv3 license found in the
|
|
8
|
+
* LICENSE file in the root directory of this source tree.
|
|
9
|
+
*
|
|
10
|
+
*/
|
|
4
11
|
const semanticTokens = defineSemanticTokens({
|
|
5
12
|
spacing: {
|
|
6
13
|
"5xsmall": { value: "{spacing.1}" },
|
|
@@ -122,8 +129,8 @@ const semanticTokens = defineSemanticTokens({
|
|
|
122
129
|
}
|
|
123
130
|
},
|
|
124
131
|
default: { value: "{colors.white}" },
|
|
125
|
-
hover: { value: "{colors.
|
|
126
|
-
active: { value: "{colors.
|
|
132
|
+
hover: { value: "{colors.purple.alpha.5}" },
|
|
133
|
+
active: { value: "{colors.purple.alpha.10}" },
|
|
127
134
|
selected: { value: "{colors.purple.200}" },
|
|
128
135
|
disabled: {
|
|
129
136
|
DEFAULT: { value: "{colors.grey.200}" },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"semanticTokens.mjs","names":[],"sources":["../src/semanticTokens.ts"],"sourcesContent":["/**\n * Copyright (c) 2024-present, NDLA.\n *\n * This source code is licensed under the GPLv3 license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport { defineSemanticTokens } from \"@pandacss/dev\";\n\nexport const semanticTokens = defineSemanticTokens({\n spacing: {\n \"5xsmall\": { value: \"{spacing.1}\" },\n \"4xsmall\": { value: \"{spacing.2}\" },\n \"3xsmall\": { value: \"{spacing.3}\" },\n xxsmall: { value: \"{spacing.4}\" },\n xsmall: { value: \"{spacing.6}\" },\n small: { value: \"{spacing.8}\" },\n medium: { value: \"{spacing.12}\" },\n large: { value: \"{spacing.16}\" },\n xlarge: { value: \"{spacing.18}\" },\n xxlarge: { value: \"{spacing.24}\" },\n \"3xlarge\": { value: \"{spacing.36}\" },\n \"4xlarge\": { value: \"{spacing.48}\" },\n \"5xlarge\": { value: \"{spacing.60}\" },\n surface: {\n \"4xsmall\": { value: \"{spacing.50}\" },\n \"3xsmall\": { value: \"{spacing.75}\" },\n xxsmall: { value: \"{spacing.100}\" },\n xsmall: { value: \"{spacing.150}\" },\n small: { value: \"{spacing.200}\" },\n medium: { value: \"{spacing.250}\" },\n large: { value: \"{spacing.300}\" },\n xlarge: { value: \"{spacing.350}\" },\n xxlarge: { value: \"{spacing.400}\" },\n \"3xlarge\": { value: \"{spacing.500}\" },\n \"4xlarge\": { value: \"{spacing.550}\" },\n },\n },\n sizes: {\n \"5xsmall\": { value: \"{spacing.1}\" },\n \"4xsmall\": { value: \"{spacing.2}\" },\n \"3xsmall\": { value: \"{spacing.3}\" },\n xxsmall: { value: \"{spacing.4}\" },\n xsmall: { value: \"{spacing.6}\" },\n small: { value: \"{spacing.8}\" },\n medium: { value: \"{spacing.12}\" },\n large: { value: \"{spacing.16}\" },\n xlarge: { value: \"{spacing.18}\" },\n xxlarge: { value: \"{spacing.24}\" },\n \"3xlarge\": { value: \"{spacing.36}\" },\n \"4xlarge\": { value: \"{spacing.48}\" },\n \"5xlarge\": { value: \"{spacing.60}\" },\n surface: {\n \"4xsmall\": { value: \"{spacing.50}\" },\n \"3xsmall\": { value: \"{spacing.75}\" },\n xxsmall: { value: \"{spacing.100}\" },\n xsmall: { value: \"{spacing.150}\" },\n small: { value: \"{spacing.200}\" },\n medium: { value: \"{spacing.250}\" },\n large: { value: \"{spacing.300}\" },\n xlarge: { value: \"{spacing.350}\" },\n xxlarge: { value: \"{spacing.400}\" },\n \"3xlarge\": { value: \"{spacing.500}\" },\n \"4xlarge\": { value: \"{spacing.550}\" },\n pageMax: { value: \"1128px\" },\n contentMax: { value: \"744px\" },\n articleMax: { value: \"928px\" },\n wideMax: { value: \"1440px\" },\n },\n },\n colors: {\n background: {\n default: { value: \"{colors.white}\" },\n subtle: { value: \"{colors.grey.100}\" },\n strong: { value: \"{colors.purple.50}\" },\n },\n text: {\n default: { value: \"{colors.grey.950}\" },\n subtle: { value: \"{colors.grey.700}\" },\n strong: { value: \"{colors.primary}\" },\n action: { value: \"{colors.purple.800}\" },\n onAction: { value: \"{colors.white}\" },\n link: { value: \"{colors.blue.800}\" },\n linkVisited: { value: \"{colors.purple.900}\" },\n error: { value: \"{colors.red.600}\" },\n disabled: { value: \"{colors.grey.400}\" },\n },\n icon: {\n default: { value: \"{colors.grey.950}\" },\n strong: { value: \"{colors.primary}\" },\n onAction: { value: \"{colors.white}\" },\n subtle: { value: \"{colors.grey.700}\" },\n warning: { value: \"{colors.yellow.600}\" },\n danger: { value: \"{colors.red.500}\" },\n },\n surface: {\n brand: {\n 1: {\n DEFAULT: { value: \"{colors.purple.500}\" },\n subtle: { value: \"{colors.purple.100}\" },\n moderate: { value: \"{colors.purple.300}\" },\n strong: { value: \"{colors.purple.950}\" },\n },\n 2: {\n DEFAULT: { value: \"{colors.blue.500}\" },\n subtle: { value: \"{colors.blue.50}\" },\n moderate: { value: \"{colors.blue.100}\" },\n bold: { value: \"{colors.blue.800}\" },\n strong: { value: \"{colors.blue.900}\" },\n },\n 3: {\n DEFAULT: { value: \"{colors.lightGreen.500}\" },\n subtle: { value: \"{colors.lightGreen.100}\" },\n moderate: { value: \"{colors.lightGreen.300}\" },\n strong: { value: \"{colors.lightGreen.900}\" },\n },\n 4: {\n DEFAULT: { value: \"{colors.lightYellow.500}\" },\n subtle: { value: \"{colors.lightYellow.100}\" },\n moderate: { value: \"{colors.lightYellow.300}\" },\n strong: { value: \"{colors.lightYellow.1100}\" },\n },\n 5: {\n DEFAULT: { value: \"{colors.pink.500}\" },\n subtle: { value: \"{colors.pink.100}\" },\n moderate: { value: \"{colors.pink.300}\" },\n strong: { value: \"{colors.pink.900}\" },\n },\n },\n default: { value: \"{colors.white}\" },\n hover: { value: \"{colors.grey.100}\" },\n active: { value: \"{colors.grey.200}\" },\n selected: { value: \"{colors.purple.200}\" },\n disabled: {\n DEFAULT: { value: \"{colors.grey.200}\" },\n subtle: { value: \"{colors.grey.50}\" },\n strong: { value: \"{colors.grey.700}\" },\n },\n infoSubtle: {\n DEFAULT: { value: \"{colors.grey.100}\" },\n hover: { value: \"{colors.grey.200}\" },\n active: { value: \"{colors.grey.300}\" },\n },\n action: {\n DEFAULT: { value: \"{colors.primary}\" },\n hover: { value: \"{colors.purple.900}\" },\n active: { value: \"{colors.purple.950}\" },\n selected: { value: \"{colors.purple.800}\" },\n myNdla: {\n DEFAULT: { value: \"{colors.lightYellow.300}\" },\n hover: { value: \"{colors.lightYellow.500}\" },\n current: { value: \"{colors.lightYellow.700}\" },\n },\n brand: {\n 1: {\n DEFAULT: { value: \"{colors.purple.50}\" },\n hover: { value: \"{colors.purple.100}\" },\n active: { value: \"{colors.purple.300}\" },\n selected: { value: \"{colors.purple.400}\" },\n },\n 2: {\n DEFAULT: { value: \"{colors.blue.50}\" },\n hover: { value: \"{colors.blue.100}\" },\n selected: { value: \"{colors.blue.200}\" },\n },\n },\n },\n actionSubtle: {\n DEFAULT: { value: \"{colors.purple.50}\" },\n hover: {\n DEFAULT: { value: \"{colors.purple.100}\" },\n strong: { value: \"{colors.purple.400}\" },\n },\n active: { value: \"{colors.purple.300}\" },\n selected: { value: \"{colors.purple.900}\" },\n },\n success: {\n DEFAULT: { value: \"{colors.green.500}\" },\n hover: { value: \"{colors.green.700}\" },\n selected: { value: \"{colors.green.900}\" },\n active: { value: \"{colors.green.700}\" },\n },\n successSubtle: {\n DEFAULT: { value: \"{colors.green.50}\" },\n hover: { value: \"{colors.green.100}\" },\n active: { value: \"{colors.green.300}\" },\n },\n warning: {\n DEFAULT: { value: \"{colors.yellow.400}\" },\n hover: { value: \"{colors.yellow.500}\" },\n active: { value: \"{colors.yellow.700}\" },\n },\n warningSubtle: {\n DEFAULT: { value: \"{colors.yellow.50}\" },\n hover: { value: \"{colors.yellow.100}\" },\n active: { value: \"{colors.yellow.200}\" },\n },\n danger: {\n DEFAULT: { value: \"{colors.red.500}\" },\n hover: { value: \"{colors.red.700}\" },\n selected: { value: \"{colors.red.800}\" },\n active: { value: \"{colors.red.900}\" },\n },\n dangerSubtle: {\n DEFAULT: { value: \"{colors.red.50}\" },\n hover: { value: \"{colors.red.100}\" },\n active: { value: \"{colors.red.200}\" },\n },\n error: {\n DEFAULT: { value: \"{colors.pink.500}\" },\n hover: { value: \"{colors.pink.700}\" },\n active: { value: \"{colors.pink.900}\" },\n },\n errorSubtle: {\n DEFAULT: { value: \"{colors.red.50}\" },\n hover: { value: \"{colors.pink.100}\" },\n active: { value: \"{colors.pink.200}\" },\n },\n subtle: {\n DEFAULT: { value: \"{colors.grey.50}\" },\n selected: { value: \"{colors.grey.100}\" },\n },\n },\n stroke: {\n default: { value: \"{colors.primary}\" },\n hover: { value: \"{colors.purple.800}\" },\n subtle: { value: \"{colors.grey.500}\" },\n success: { value: \"{colors.lightGreen.900}\" },\n info: { value: \"{colors.grey.500}\" },\n warning: { value: \"{colors.yellow.600}\" },\n error: { value: \"{colors.red.600}\" },\n disabled: { value: \"{colors.grey.300}\" },\n discrete: { value: \"{colors.grey.300}\" },\n },\n },\n});\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"semanticTokens.mjs","names":[],"sources":["../src/semanticTokens.ts"],"sourcesContent":["/**\n * Copyright (c) 2024-present, NDLA.\n *\n * This source code is licensed under the GPLv3 license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport { defineSemanticTokens } from \"@pandacss/dev\";\n\nexport const semanticTokens = defineSemanticTokens({\n spacing: {\n \"5xsmall\": { value: \"{spacing.1}\" },\n \"4xsmall\": { value: \"{spacing.2}\" },\n \"3xsmall\": { value: \"{spacing.3}\" },\n xxsmall: { value: \"{spacing.4}\" },\n xsmall: { value: \"{spacing.6}\" },\n small: { value: \"{spacing.8}\" },\n medium: { value: \"{spacing.12}\" },\n large: { value: \"{spacing.16}\" },\n xlarge: { value: \"{spacing.18}\" },\n xxlarge: { value: \"{spacing.24}\" },\n \"3xlarge\": { value: \"{spacing.36}\" },\n \"4xlarge\": { value: \"{spacing.48}\" },\n \"5xlarge\": { value: \"{spacing.60}\" },\n surface: {\n \"4xsmall\": { value: \"{spacing.50}\" },\n \"3xsmall\": { value: \"{spacing.75}\" },\n xxsmall: { value: \"{spacing.100}\" },\n xsmall: { value: \"{spacing.150}\" },\n small: { value: \"{spacing.200}\" },\n medium: { value: \"{spacing.250}\" },\n large: { value: \"{spacing.300}\" },\n xlarge: { value: \"{spacing.350}\" },\n xxlarge: { value: \"{spacing.400}\" },\n \"3xlarge\": { value: \"{spacing.500}\" },\n \"4xlarge\": { value: \"{spacing.550}\" },\n },\n },\n sizes: {\n \"5xsmall\": { value: \"{spacing.1}\" },\n \"4xsmall\": { value: \"{spacing.2}\" },\n \"3xsmall\": { value: \"{spacing.3}\" },\n xxsmall: { value: \"{spacing.4}\" },\n xsmall: { value: \"{spacing.6}\" },\n small: { value: \"{spacing.8}\" },\n medium: { value: \"{spacing.12}\" },\n large: { value: \"{spacing.16}\" },\n xlarge: { value: \"{spacing.18}\" },\n xxlarge: { value: \"{spacing.24}\" },\n \"3xlarge\": { value: \"{spacing.36}\" },\n \"4xlarge\": { value: \"{spacing.48}\" },\n \"5xlarge\": { value: \"{spacing.60}\" },\n surface: {\n \"4xsmall\": { value: \"{spacing.50}\" },\n \"3xsmall\": { value: \"{spacing.75}\" },\n xxsmall: { value: \"{spacing.100}\" },\n xsmall: { value: \"{spacing.150}\" },\n small: { value: \"{spacing.200}\" },\n medium: { value: \"{spacing.250}\" },\n large: { value: \"{spacing.300}\" },\n xlarge: { value: \"{spacing.350}\" },\n xxlarge: { value: \"{spacing.400}\" },\n \"3xlarge\": { value: \"{spacing.500}\" },\n \"4xlarge\": { value: \"{spacing.550}\" },\n pageMax: { value: \"1128px\" },\n contentMax: { value: \"744px\" },\n articleMax: { value: \"928px\" },\n wideMax: { value: \"1440px\" },\n },\n },\n colors: {\n background: {\n default: { value: \"{colors.white}\" },\n subtle: { value: \"{colors.grey.100}\" },\n strong: { value: \"{colors.purple.50}\" },\n },\n text: {\n default: { value: \"{colors.grey.950}\" },\n subtle: { value: \"{colors.grey.700}\" },\n strong: { value: \"{colors.primary}\" },\n action: { value: \"{colors.purple.800}\" },\n onAction: { value: \"{colors.white}\" },\n link: { value: \"{colors.blue.800}\" },\n linkVisited: { value: \"{colors.purple.900}\" },\n error: { value: \"{colors.red.600}\" },\n disabled: { value: \"{colors.grey.400}\" },\n },\n icon: {\n default: { value: \"{colors.grey.950}\" },\n strong: { value: \"{colors.primary}\" },\n onAction: { value: \"{colors.white}\" },\n subtle: { value: \"{colors.grey.700}\" },\n warning: { value: \"{colors.yellow.600}\" },\n danger: { value: \"{colors.red.500}\" },\n },\n surface: {\n brand: {\n 1: {\n DEFAULT: { value: \"{colors.purple.500}\" },\n subtle: { value: \"{colors.purple.100}\" },\n moderate: { value: \"{colors.purple.300}\" },\n strong: { value: \"{colors.purple.950}\" },\n },\n 2: {\n DEFAULT: { value: \"{colors.blue.500}\" },\n subtle: { value: \"{colors.blue.50}\" },\n moderate: { value: \"{colors.blue.100}\" },\n bold: { value: \"{colors.blue.800}\" },\n strong: { value: \"{colors.blue.900}\" },\n },\n 3: {\n DEFAULT: { value: \"{colors.lightGreen.500}\" },\n subtle: { value: \"{colors.lightGreen.100}\" },\n moderate: { value: \"{colors.lightGreen.300}\" },\n strong: { value: \"{colors.lightGreen.900}\" },\n },\n 4: {\n DEFAULT: { value: \"{colors.lightYellow.500}\" },\n subtle: { value: \"{colors.lightYellow.100}\" },\n moderate: { value: \"{colors.lightYellow.300}\" },\n strong: { value: \"{colors.lightYellow.1100}\" },\n },\n 5: {\n DEFAULT: { value: \"{colors.pink.500}\" },\n subtle: { value: \"{colors.pink.100}\" },\n moderate: { value: \"{colors.pink.300}\" },\n strong: { value: \"{colors.pink.900}\" },\n },\n },\n default: { value: \"{colors.white}\" },\n hover: { value: \"{colors.purple.alpha.5}\" },\n active: { value: \"{colors.purple.alpha.10}\" },\n selected: { value: \"{colors.purple.200}\" },\n disabled: {\n DEFAULT: { value: \"{colors.grey.200}\" },\n subtle: { value: \"{colors.grey.50}\" },\n strong: { value: \"{colors.grey.700}\" },\n },\n infoSubtle: {\n DEFAULT: { value: \"{colors.grey.100}\" },\n hover: { value: \"{colors.grey.200}\" },\n active: { value: \"{colors.grey.300}\" },\n },\n action: {\n DEFAULT: { value: \"{colors.primary}\" },\n hover: { value: \"{colors.purple.900}\" },\n active: { value: \"{colors.purple.950}\" },\n selected: { value: \"{colors.purple.800}\" },\n myNdla: {\n DEFAULT: { value: \"{colors.lightYellow.300}\" },\n hover: { value: \"{colors.lightYellow.500}\" },\n current: { value: \"{colors.lightYellow.700}\" },\n },\n brand: {\n 1: {\n DEFAULT: { value: \"{colors.purple.50}\" },\n hover: { value: \"{colors.purple.100}\" },\n active: { value: \"{colors.purple.300}\" },\n selected: { value: \"{colors.purple.400}\" },\n },\n 2: {\n DEFAULT: { value: \"{colors.blue.50}\" },\n hover: { value: \"{colors.blue.100}\" },\n selected: { value: \"{colors.blue.200}\" },\n },\n },\n },\n actionSubtle: {\n DEFAULT: { value: \"{colors.purple.50}\" },\n hover: {\n DEFAULT: { value: \"{colors.purple.100}\" },\n strong: { value: \"{colors.purple.400}\" },\n },\n active: { value: \"{colors.purple.300}\" },\n selected: { value: \"{colors.purple.900}\" },\n },\n success: {\n DEFAULT: { value: \"{colors.green.500}\" },\n hover: { value: \"{colors.green.700}\" },\n selected: { value: \"{colors.green.900}\" },\n active: { value: \"{colors.green.700}\" },\n },\n successSubtle: {\n DEFAULT: { value: \"{colors.green.50}\" },\n hover: { value: \"{colors.green.100}\" },\n active: { value: \"{colors.green.300}\" },\n },\n warning: {\n DEFAULT: { value: \"{colors.yellow.400}\" },\n hover: { value: \"{colors.yellow.500}\" },\n active: { value: \"{colors.yellow.700}\" },\n },\n warningSubtle: {\n DEFAULT: { value: \"{colors.yellow.50}\" },\n hover: { value: \"{colors.yellow.100}\" },\n active: { value: \"{colors.yellow.200}\" },\n },\n danger: {\n DEFAULT: { value: \"{colors.red.500}\" },\n hover: { value: \"{colors.red.700}\" },\n selected: { value: \"{colors.red.800}\" },\n active: { value: \"{colors.red.900}\" },\n },\n dangerSubtle: {\n DEFAULT: { value: \"{colors.red.50}\" },\n hover: { value: \"{colors.red.100}\" },\n active: { value: \"{colors.red.200}\" },\n },\n error: {\n DEFAULT: { value: \"{colors.pink.500}\" },\n hover: { value: \"{colors.pink.700}\" },\n active: { value: \"{colors.pink.900}\" },\n },\n errorSubtle: {\n DEFAULT: { value: \"{colors.red.50}\" },\n hover: { value: \"{colors.pink.100}\" },\n active: { value: \"{colors.pink.200}\" },\n },\n subtle: {\n DEFAULT: { value: \"{colors.grey.50}\" },\n selected: { value: \"{colors.grey.100}\" },\n },\n },\n stroke: {\n default: { value: \"{colors.primary}\" },\n hover: { value: \"{colors.purple.800}\" },\n subtle: { value: \"{colors.grey.500}\" },\n success: { value: \"{colors.lightGreen.900}\" },\n info: { value: \"{colors.grey.500}\" },\n warning: { value: \"{colors.yellow.600}\" },\n error: { value: \"{colors.red.600}\" },\n disabled: { value: \"{colors.grey.300}\" },\n discrete: { value: \"{colors.grey.300}\" },\n },\n },\n});\n"],"mappings":"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"}
|
package/es/spacing.mjs
CHANGED
|
@@ -1,6 +1,13 @@
|
|
|
1
1
|
import { defineTokens } from "@pandacss/dev";
|
|
2
2
|
|
|
3
3
|
//#region src/spacing.ts
|
|
4
|
+
/**
|
|
5
|
+
* Copyright (c) 2024-present, NDLA.
|
|
6
|
+
*
|
|
7
|
+
* This source code is licensed under the GPLv3 license found in the
|
|
8
|
+
* LICENSE file in the root directory of this source tree.
|
|
9
|
+
*
|
|
10
|
+
*/
|
|
4
11
|
const spacing = defineTokens.spacing({
|
|
5
12
|
1: { value: "2px" },
|
|
6
13
|
2: { value: "4px" },
|
package/es/spacing.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"spacing.mjs","names":[],"sources":["../src/spacing.ts"],"sourcesContent":["/**\n * Copyright (c) 2024-present, NDLA.\n *\n * This source code is licensed under the GPLv3 license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport { defineTokens } from \"@pandacss/dev\";\n\nexport const spacing = defineTokens.spacing({\n 1: { value: \"2px\" },\n 2: { value: \"4px\" },\n 3: { value: \"6px\" },\n 4: { value: \"8px\" },\n 5: { value: \"10px\" },\n 6: { value: \"12px\" },\n 7: { value: \"14px\" },\n 8: { value: \"16px\" },\n 9: { value: \"18px\" },\n 10: { value: \"20px\" },\n 11: { value: \"22px\" },\n 12: { value: \"24px\" },\n 13: { value: \"26px\" },\n 14: { value: \"28px\" },\n 15: { value: \"30px\" },\n 16: { value: \"32px\" },\n 17: { value: \"34px\" },\n 18: { value: \"36px\" },\n 19: { value: \"38px\" },\n 20: { value: \"40px\" },\n 22: { value: \"44px\" },\n 24: { value: \"48px\" },\n 26: { value: \"52px\" },\n 28: { value: \"56px\" },\n 32: { value: \"64px\" },\n 36: { value: \"72px\" },\n 40: { value: \"80px\" },\n 44: { value: \"88px\" },\n 48: { value: \"96px\" },\n 50: { value: \"100px\" },\n 60: { value: \"120px\" },\n 72: { value: \"144px\" },\n 75: { value: \"150px\" },\n 100: { value: \"200px\" },\n 150: { value: \"300px\" },\n 200: { value: \"400px\" },\n 250: { value: \"500px\" },\n 300: { value: \"600px\" },\n 350: { value: \"700px\" },\n 400: { value: \"800px\" },\n 500: { value: \"1000px\" },\n 550: { value: \"1100px\" },\n});\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"spacing.mjs","names":[],"sources":["../src/spacing.ts"],"sourcesContent":["/**\n * Copyright (c) 2024-present, NDLA.\n *\n * This source code is licensed under the GPLv3 license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport { defineTokens } from \"@pandacss/dev\";\n\nexport const spacing = defineTokens.spacing({\n 1: { value: \"2px\" },\n 2: { value: \"4px\" },\n 3: { value: \"6px\" },\n 4: { value: \"8px\" },\n 5: { value: \"10px\" },\n 6: { value: \"12px\" },\n 7: { value: \"14px\" },\n 8: { value: \"16px\" },\n 9: { value: \"18px\" },\n 10: { value: \"20px\" },\n 11: { value: \"22px\" },\n 12: { value: \"24px\" },\n 13: { value: \"26px\" },\n 14: { value: \"28px\" },\n 15: { value: \"30px\" },\n 16: { value: \"32px\" },\n 17: { value: \"34px\" },\n 18: { value: \"36px\" },\n 19: { value: \"38px\" },\n 20: { value: \"40px\" },\n 22: { value: \"44px\" },\n 24: { value: \"48px\" },\n 26: { value: \"52px\" },\n 28: { value: \"56px\" },\n 32: { value: \"64px\" },\n 36: { value: \"72px\" },\n 40: { value: \"80px\" },\n 44: { value: \"88px\" },\n 48: { value: \"96px\" },\n 50: { value: \"100px\" },\n 60: { value: \"120px\" },\n 72: { value: \"144px\" },\n 75: { value: \"150px\" },\n 100: { value: \"200px\" },\n 150: { value: \"300px\" },\n 200: { value: \"400px\" },\n 250: { value: \"500px\" },\n 300: { value: \"600px\" },\n 350: { value: \"700px\" },\n 400: { value: \"800px\" },\n 500: { value: \"1000px\" },\n 550: { value: \"1100px\" },\n});\n"],"mappings":";;;;;;;;;;AAUA,MAAa,UAAU,aAAa,QAAQ;CAC1C,GAAG,EAAE,OAAO,OAAO;CACnB,GAAG,EAAE,OAAO,OAAO;CACnB,GAAG,EAAE,OAAO,OAAO;CACnB,GAAG,EAAE,OAAO,OAAO;CACnB,GAAG,EAAE,OAAO,QAAQ;CACpB,GAAG,EAAE,OAAO,QAAQ;CACpB,GAAG,EAAE,OAAO,QAAQ;CACpB,GAAG,EAAE,OAAO,QAAQ;CACpB,GAAG,EAAE,OAAO,QAAQ;CACpB,IAAI,EAAE,OAAO,QAAQ;CACrB,IAAI,EAAE,OAAO,QAAQ;CACrB,IAAI,EAAE,OAAO,QAAQ;CACrB,IAAI,EAAE,OAAO,QAAQ;CACrB,IAAI,EAAE,OAAO,QAAQ;CACrB,IAAI,EAAE,OAAO,QAAQ;CACrB,IAAI,EAAE,OAAO,QAAQ;CACrB,IAAI,EAAE,OAAO,QAAQ;CACrB,IAAI,EAAE,OAAO,QAAQ;CACrB,IAAI,EAAE,OAAO,QAAQ;CACrB,IAAI,EAAE,OAAO,QAAQ;CACrB,IAAI,EAAE,OAAO,QAAQ;CACrB,IAAI,EAAE,OAAO,QAAQ;CACrB,IAAI,EAAE,OAAO,QAAQ;CACrB,IAAI,EAAE,OAAO,QAAQ;CACrB,IAAI,EAAE,OAAO,QAAQ;CACrB,IAAI,EAAE,OAAO,QAAQ;CACrB,IAAI,EAAE,OAAO,QAAQ;CACrB,IAAI,EAAE,OAAO,QAAQ;CACrB,IAAI,EAAE,OAAO,QAAQ;CACrB,IAAI,EAAE,OAAO,SAAS;CACtB,IAAI,EAAE,OAAO,SAAS;CACtB,IAAI,EAAE,OAAO,SAAS;CACtB,IAAI,EAAE,OAAO,SAAS;CACtB,KAAK,EAAE,OAAO,SAAS;CACvB,KAAK,EAAE,OAAO,SAAS;CACvB,KAAK,EAAE,OAAO,SAAS;CACvB,KAAK,EAAE,OAAO,SAAS;CACvB,KAAK,EAAE,OAAO,SAAS;CACvB,KAAK,EAAE,OAAO,SAAS;CACvB,KAAK,EAAE,OAAO,SAAS;CACvB,KAAK,EAAE,OAAO,UAAU;CACxB,KAAK,EAAE,OAAO,UAAU;CACzB,CAAC"}
|
package/es/typography.mjs
CHANGED
|
@@ -1,6 +1,13 @@
|
|
|
1
1
|
import { defineTextStyles, defineTokens } from "@pandacss/dev";
|
|
2
2
|
|
|
3
3
|
//#region src/typography.ts
|
|
4
|
+
/**
|
|
5
|
+
* Copyright (c) 2024-present, NDLA.
|
|
6
|
+
*
|
|
7
|
+
* This source code is licensed under the GPLv3 license found in the
|
|
8
|
+
* LICENSE file in the root directory of this source tree.
|
|
9
|
+
*
|
|
10
|
+
*/
|
|
4
11
|
const fontWeights = defineTokens.fontWeights({
|
|
5
12
|
light: { value: 300 },
|
|
6
13
|
normal: { value: 400 },
|
package/es/typography.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"typography.mjs","names":[],"sources":["../src/typography.ts"],"sourcesContent":["/**\n * Copyright (c) 2024-present, NDLA.\n *\n * This source code is licensed under the GPLv3 license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport { defineTextStyles, defineTokens } from \"@pandacss/dev\";\nimport type { FontSizeToken, LineHeightToken } from \"@ndla/styled-system/tokens\";\n\nexport const fontWeights = defineTokens.fontWeights({\n light: { value: 300 },\n normal: { value: 400 },\n semibold: { value: 600 },\n bold: { value: 670 },\n});\n\nexport const fonts = defineTokens.fonts({\n sans: {\n value: [\n \"Satoshi\",\n \"Helvetica\",\n \"Arial\",\n \"STKaiti\",\n \"'华文楷体'\",\n \"KaiTi\",\n \"SimKai\",\n \"'楷体'\",\n \"KaiU\",\n \"DFKai-SB\",\n \"'標楷體'\",\n \"SongTi\",\n \"'宋体'\",\n \"sans-serif\",\n ],\n },\n serif: {\n value: [\n \"'Source Serif 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":"
|
|
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 { defineTextStyles, defineTokens } from \"@pandacss/dev\";\nimport type { FontSizeToken, LineHeightToken } from \"@ndla/styled-system/tokens\";\n\nexport const fontWeights = defineTokens.fontWeights({\n light: { value: 300 },\n normal: { value: 400 },\n semibold: { value: 600 },\n bold: { value: 670 },\n});\n\nexport const fonts = defineTokens.fonts({\n sans: {\n value: [\n \"Satoshi\",\n \"Helvetica\",\n \"Arial\",\n \"STKaiti\",\n \"'华文楷体'\",\n \"KaiTi\",\n \"SimKai\",\n \"'楷体'\",\n \"KaiU\",\n \"DFKai-SB\",\n \"'標楷體'\",\n \"SongTi\",\n \"'宋体'\",\n \"sans-serif\",\n ],\n },\n serif: {\n value: [\n \"'Source Serif 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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"}
|
package/es/zIndex.mjs
CHANGED
|
@@ -1,6 +1,13 @@
|
|
|
1
1
|
import { defineTokens } from "@pandacss/dev";
|
|
2
2
|
|
|
3
3
|
//#region src/zIndex.ts
|
|
4
|
+
/**
|
|
5
|
+
* Copyright (c) 2024-present, NDLA.
|
|
6
|
+
*
|
|
7
|
+
* This source code is licensed under the GPLv3 license found in the
|
|
8
|
+
* LICENSE file in the root directory of this source tree.
|
|
9
|
+
*
|
|
10
|
+
*/
|
|
4
11
|
const zIndex = defineTokens.zIndex({
|
|
5
12
|
hide: { value: -1 },
|
|
6
13
|
base: { value: 0 },
|
package/es/zIndex.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"zIndex.mjs","names":[],"sources":["../src/zIndex.ts"],"sourcesContent":["/**\n * Copyright (c) 2024-present, NDLA.\n *\n * This source code is licensed under the GPLv3 license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport { defineTokens } from \"@pandacss/dev\";\n\nexport const zIndex = defineTokens.zIndex({\n hide: {\n value: -1,\n },\n base: {\n value: 0,\n },\n docked: {\n value: 10,\n },\n dropdown: {\n value: 1000,\n },\n sticky: {\n value: 1100,\n },\n banner: {\n value: 1200,\n },\n overlay: {\n value: 1300,\n },\n modal: {\n value: 1400,\n },\n alertModalOverlay: {\n value: 1500,\n },\n alertModal: {\n value: 1600,\n },\n popover: {\n value: 1700,\n },\n skipLink: {\n value: 1800,\n },\n toast: {\n value: 1900,\n },\n tooltip: {\n value: 2000,\n },\n});\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"zIndex.mjs","names":[],"sources":["../src/zIndex.ts"],"sourcesContent":["/**\n * Copyright (c) 2024-present, NDLA.\n *\n * This source code is licensed under the GPLv3 license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport { defineTokens } from \"@pandacss/dev\";\n\nexport const zIndex = defineTokens.zIndex({\n hide: {\n value: -1,\n },\n base: {\n value: 0,\n },\n docked: {\n value: 10,\n },\n dropdown: {\n value: 1000,\n },\n sticky: {\n value: 1100,\n },\n banner: {\n value: 1200,\n },\n overlay: {\n value: 1300,\n },\n modal: {\n value: 1400,\n },\n alertModalOverlay: {\n value: 1500,\n },\n alertModal: {\n value: 1600,\n },\n popover: {\n value: 1700,\n },\n skipLink: {\n value: 1800,\n },\n toast: {\n value: 1900,\n },\n tooltip: {\n value: 2000,\n },\n});\n"],"mappings":";;;;;;;;;;AAUA,MAAa,SAAS,aAAa,OAAO;CACxC,MAAM,EACJ,OAAO,IACR;CACD,MAAM,EACJ,OAAO,GACR;CACD,QAAQ,EACN,OAAO,IACR;CACD,UAAU,EACR,OAAO,KACR;CACD,QAAQ,EACN,OAAO,MACR;CACD,QAAQ,EACN,OAAO,MACR;CACD,SAAS,EACP,OAAO,MACR;CACD,OAAO,EACL,OAAO,MACR;CACD,mBAAmB,EACjB,OAAO,MACR;CACD,YAAY,EACV,OAAO,MACR;CACD,SAAS,EACP,OAAO,MACR;CACD,UAAU,EACR,OAAO,MACR;CACD,OAAO,EACL,OAAO,MACR;CACD,SAAS,EACP,OAAO,KACR;CACF,CAAC"}
|
package/lib/animations.js
CHANGED
|
@@ -1,8 +1,13 @@
|
|
|
1
|
-
const require_rolldown_runtime = require('./_virtual/rolldown_runtime.js');
|
|
2
1
|
let __pandacss_dev = require("@pandacss/dev");
|
|
3
|
-
__pandacss_dev = require_rolldown_runtime.__toESM(__pandacss_dev);
|
|
4
2
|
|
|
5
3
|
//#region src/animations.ts
|
|
4
|
+
/**
|
|
5
|
+
* Copyright (c) 2024-present, NDLA.
|
|
6
|
+
*
|
|
7
|
+
* This source code is licensed under the GPLv3 license found in the
|
|
8
|
+
* LICENSE file in the root directory of this source tree.
|
|
9
|
+
*
|
|
10
|
+
*/
|
|
6
11
|
const animations = __pandacss_dev.defineTokens.animations({
|
|
7
12
|
spin: { value: "spin 700ms infinite linear" },
|
|
8
13
|
"collapse-in": { value: "collapse-in 250ms {easings.emphasized-in}" },
|
package/lib/animations.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"animations.js","names":["defineTokens"],"sources":["../src/animations.ts"],"sourcesContent":["/**\n * Copyright (c) 2024-present, NDLA.\n *\n * This source code is licensed under the GPLv3 license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport { defineTokens } from \"@pandacss/dev\";\n\nexport const animations = defineTokens.animations({\n spin: {\n value: \"spin 700ms infinite linear\",\n },\n \"collapse-in\": {\n value: \"collapse-in 250ms {easings.emphasized-in}\",\n },\n \"collapse-out\": {\n value: \"collapse-out 200ms {easings.emphasized-out}\",\n },\n \"fade-shift-in\": {\n value: \"fade-shift-in 200ms {easings.emphasized-in}\",\n },\n \"fade-shift-out\": {\n value: \"fade-shift-in 200ms {easings.emphasized-in}\",\n },\n \"backdrop-in\": {\n value: \"fade-in 250ms {easings.emphasized-in}\",\n },\n \"backdrop-out\": {\n value: \"fade-out 200ms {easings.emphasized-out}\",\n },\n \"dialog-in\": {\n value: \"fade-in 400ms {easings.emphasized-in}\",\n },\n \"dialog-out\": {\n value: \"fade-out 200ms {easings.emphasized-out}\",\n },\n \"drawer-in-left\": {\n value: \"slide-in-left 400ms {easings.emphasized-in}\",\n },\n \"drawer-out-left\": {\n value: \"slide-out-left 200ms {easings.emphasized-out}\",\n },\n \"drawer-in-right\": {\n value: \"slide-in-right 400ms {easings.emphasized-in}\",\n },\n \"drawer-out-right\": {\n value: \"slide-out-right 200ms {easings.emphasized-out}\",\n },\n \"drawer-in-bottom\": {\n value: \"slide-in-bottom 400ms {easings.emphasized-in}\",\n },\n \"drawer-out-bottom\": {\n value: \"slide-out-bottom 200ms {easings.emphasized-out}\",\n },\n \"drawer-in-top\": {\n value: \"slide-in-top 400ms {easings.emphasized-in}\",\n },\n \"drawer-out-top\": {\n value: \"slide-out-top 200ms {easings.emphasized-out}\",\n },\n \"skeleton-pulse\": {\n value: \"skeleton-pulse 2s {easings.pulse} infinite\",\n },\n});\n\nexport const easings = defineTokens.easings({\n default: { value: \"cubic-bezier(0.17, 0.04, 0.03, 0.94)\" },\n \"emphasized-in\": { value: \"cubic-bezier(0.05, 0.7, 0.1, 1.0)\" },\n \"emphasized-out\": { value: \"cubic-bezier(0.3, 0.0, 0.8, 0.15)\" },\n pulse: { value: \"cubic-bezier(0.4, 0.0, 0.6, 1.0)\" },\n});\n\nexport const durations = defineTokens.durations({\n superFast: { value: \"100ms\" },\n fast: { value: \"200ms\" },\n normal: { value: \"400ms\" },\n slow: { value: \"600ms\" },\n infinite: { value: \"infinite\" },\n});\n\nexport const keyframes = {\n spin: {\n from: { transform: \"rotate(0deg)\" },\n to: { transform: \"rotate(360deg)\" },\n },\n \"fade-shift-in\": {\n \"0%\": { opacity: \"0\", transform: \"translateY(-4px)\" },\n \"100%\": { opacity: \"1\", transform: \"translateY(0)\" },\n },\n \"fade-shift-out\": {\n \"0%\": { opacity: \"1\", transform: \"translateY(0)\" },\n \"100%\": { opacity: \"0\", transform: \"translateY(-4px)\" },\n },\n \"collapse-in\": {\n \"0%\": { height: \"0\" },\n \"100%\": { height: \"var(--height)\" },\n },\n \"collapse-out\": {\n \"0%\": { height: \"var(--height)\" },\n \"100%\": { height: \"0\" },\n },\n \"fade-in\": {\n from: { opacity: \"0\" },\n to: { opacity: \"1\" },\n },\n \"fade-out\": {\n from: { opacity: \"1\" },\n to: { opacity: \"0\" },\n },\n \"slide-in-left\": {\n \"0%\": { transform: \"translateX(-100%)\" },\n \"100%\": { transform: \"translateX(0%)\" },\n },\n \"slide-out-left\": {\n \"0%\": { transform: \"translateX(0%)\" },\n \"100%\": { transform: \"translateX(-100%)\" },\n },\n \"slide-in-right\": {\n \"0%\": { transform: \"translateX(100%)\" },\n \"100%\": { transform: \"translateX(0%)\" },\n },\n \"slide-out-right\": {\n \"0%\": { transform: \"translateX(0%)\" },\n \"100%\": { transform: \"translateX(100%)\" },\n },\n \"slide-in-top\": {\n \"0%\": { transform: \"translateY(-100%)\" },\n \"100%\": { transform: \"translateY(0%)\" },\n },\n \"slide-out-top\": {\n \"0%\": { transform: \"translateY(0%)\" },\n \"100%\": { transform: \"translateY(-100%)\" },\n },\n \"slide-in-bottom\": {\n \"0%\": { transform: \"translateY(100%)\" },\n \"100%\": { transform: \"translateY(0%)\" },\n },\n \"slide-out-bottom\": {\n \"0%\": { transform: \"translateY(0%)\" },\n \"100%\": { transform: \"translateY(100%)\" },\n },\n \"skeleton-pulse\": {\n \"50%\": { opacity: \"0.5\" },\n },\n};\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"animations.js","names":["defineTokens"],"sources":["../src/animations.ts"],"sourcesContent":["/**\n * Copyright (c) 2024-present, NDLA.\n *\n * This source code is licensed under the GPLv3 license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport { defineTokens } from \"@pandacss/dev\";\n\nexport const animations = defineTokens.animations({\n spin: {\n value: \"spin 700ms infinite linear\",\n },\n \"collapse-in\": {\n value: \"collapse-in 250ms {easings.emphasized-in}\",\n },\n \"collapse-out\": {\n value: \"collapse-out 200ms {easings.emphasized-out}\",\n },\n \"fade-shift-in\": {\n value: \"fade-shift-in 200ms {easings.emphasized-in}\",\n },\n \"fade-shift-out\": {\n value: \"fade-shift-in 200ms {easings.emphasized-in}\",\n },\n \"backdrop-in\": {\n value: \"fade-in 250ms {easings.emphasized-in}\",\n },\n \"backdrop-out\": {\n value: \"fade-out 200ms {easings.emphasized-out}\",\n },\n \"dialog-in\": {\n value: \"fade-in 400ms {easings.emphasized-in}\",\n },\n \"dialog-out\": {\n value: \"fade-out 200ms {easings.emphasized-out}\",\n },\n \"drawer-in-left\": {\n value: \"slide-in-left 400ms {easings.emphasized-in}\",\n },\n \"drawer-out-left\": {\n value: \"slide-out-left 200ms {easings.emphasized-out}\",\n },\n \"drawer-in-right\": {\n value: \"slide-in-right 400ms {easings.emphasized-in}\",\n },\n \"drawer-out-right\": {\n value: \"slide-out-right 200ms {easings.emphasized-out}\",\n },\n \"drawer-in-bottom\": {\n value: \"slide-in-bottom 400ms {easings.emphasized-in}\",\n },\n \"drawer-out-bottom\": {\n value: \"slide-out-bottom 200ms {easings.emphasized-out}\",\n },\n \"drawer-in-top\": {\n value: \"slide-in-top 400ms {easings.emphasized-in}\",\n },\n \"drawer-out-top\": {\n value: \"slide-out-top 200ms {easings.emphasized-out}\",\n },\n \"skeleton-pulse\": {\n value: \"skeleton-pulse 2s {easings.pulse} infinite\",\n },\n});\n\nexport const easings = defineTokens.easings({\n default: { value: \"cubic-bezier(0.17, 0.04, 0.03, 0.94)\" },\n \"emphasized-in\": { value: \"cubic-bezier(0.05, 0.7, 0.1, 1.0)\" },\n \"emphasized-out\": { value: \"cubic-bezier(0.3, 0.0, 0.8, 0.15)\" },\n pulse: { value: \"cubic-bezier(0.4, 0.0, 0.6, 1.0)\" },\n});\n\nexport const durations = defineTokens.durations({\n superFast: { value: \"100ms\" },\n fast: { value: \"200ms\" },\n normal: { value: \"400ms\" },\n slow: { value: \"600ms\" },\n infinite: { value: \"infinite\" },\n});\n\nexport const keyframes = {\n spin: {\n from: { transform: \"rotate(0deg)\" },\n to: { transform: \"rotate(360deg)\" },\n },\n \"fade-shift-in\": {\n \"0%\": { opacity: \"0\", transform: \"translateY(-4px)\" },\n \"100%\": { opacity: \"1\", transform: \"translateY(0)\" },\n },\n \"fade-shift-out\": {\n \"0%\": { opacity: \"1\", transform: \"translateY(0)\" },\n \"100%\": { opacity: \"0\", transform: \"translateY(-4px)\" },\n },\n \"collapse-in\": {\n \"0%\": { height: \"0\" },\n \"100%\": { height: \"var(--height)\" },\n },\n \"collapse-out\": {\n \"0%\": { height: \"var(--height)\" },\n \"100%\": { height: \"0\" },\n },\n \"fade-in\": {\n from: { opacity: \"0\" },\n to: { opacity: \"1\" },\n },\n \"fade-out\": {\n from: { opacity: \"1\" },\n to: { opacity: \"0\" },\n },\n \"slide-in-left\": {\n \"0%\": { transform: \"translateX(-100%)\" },\n \"100%\": { transform: \"translateX(0%)\" },\n },\n \"slide-out-left\": {\n \"0%\": { transform: \"translateX(0%)\" },\n \"100%\": { transform: \"translateX(-100%)\" },\n },\n \"slide-in-right\": {\n \"0%\": { transform: \"translateX(100%)\" },\n \"100%\": { transform: \"translateX(0%)\" },\n },\n \"slide-out-right\": {\n \"0%\": { transform: \"translateX(0%)\" },\n \"100%\": { transform: \"translateX(100%)\" },\n },\n \"slide-in-top\": {\n \"0%\": { transform: \"translateY(-100%)\" },\n \"100%\": { transform: \"translateY(0%)\" },\n },\n \"slide-out-top\": {\n \"0%\": { transform: \"translateY(0%)\" },\n \"100%\": { transform: \"translateY(-100%)\" },\n },\n \"slide-in-bottom\": {\n \"0%\": { transform: \"translateY(100%)\" },\n \"100%\": { transform: \"translateY(0%)\" },\n },\n \"slide-out-bottom\": {\n \"0%\": { transform: \"translateY(0%)\" },\n \"100%\": { transform: \"translateY(100%)\" },\n },\n \"skeleton-pulse\": {\n \"50%\": { opacity: \"0.5\" },\n },\n};\n"],"mappings":"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"}
|