@ndla/preset-panda 0.0.20 → 0.0.22

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/dist/styles.css +7 -0
  2. package/es/semanticTokens.js +21 -0
  3. package/lib/semanticTokens.d.ts +21 -0
  4. package/lib/semanticTokens.js +21 -0
  5. package/package.json +3 -3
package/dist/styles.css CHANGED
@@ -433,6 +433,7 @@
433
433
  --breakpoints-desktop: 61.3125em;
434
434
  --breakpoints-wide: 81.3125em;
435
435
  --breakpoints-ultra-wide: 100.0625em;
436
+ --spacing-5xsmall: var(--spacing-1);
436
437
  --spacing-4xsmall: var(--spacing-2);
437
438
  --spacing-3xsmall: var(--spacing-3);
438
439
  --spacing-xxsmall: var(--spacing-4);
@@ -444,6 +445,7 @@
444
445
  --spacing-xxlarge: var(--spacing-24);
445
446
  --spacing-3xlarge: var(--spacing-36);
446
447
  --spacing-4xlarge: var(--spacing-48);
448
+ --spacing-5xlarge: var(--spacing-60);
447
449
  --spacing-surface-4xsmall: var(--spacing-50);
448
450
  --spacing-surface-3xsmall: var(--spacing-75);
449
451
  --spacing-surface-xxsmall: var(--spacing-100);
@@ -455,6 +457,7 @@
455
457
  --spacing-surface-xxlarge: var(--spacing-400);
456
458
  --spacing-surface-3xlarge: var(--spacing-500);
457
459
  --spacing-surface-4xlarge: var(--spacing-550);
460
+ --sizes-5xsmall: var(--spacing-1);
458
461
  --sizes-4xsmall: var(--spacing-2);
459
462
  --sizes-3xsmall: var(--spacing-3);
460
463
  --sizes-xxsmall: var(--spacing-4);
@@ -466,6 +469,7 @@
466
469
  --sizes-xxlarge: var(--spacing-24);
467
470
  --sizes-3xlarge: var(--spacing-36);
468
471
  --sizes-4xlarge: var(--spacing-48);
472
+ --sizes-5xlarge: var(--spacing-60);
469
473
  --sizes-surface-4xsmall: var(--spacing-50);
470
474
  --sizes-surface-3xsmall: var(--spacing-75);
471
475
  --sizes-surface-xxsmall: var(--spacing-100);
@@ -477,6 +481,9 @@
477
481
  --sizes-surface-xxlarge: var(--spacing-400);
478
482
  --sizes-surface-3xlarge: var(--spacing-500);
479
483
  --sizes-surface-4xlarge: var(--spacing-550);
484
+ --sizes-surface-page-max: 1128px;
485
+ --sizes-surface-content-max: 744px;
486
+ --sizes-surface-article-max: 928px;
480
487
  --colors-background-default: var(--colors-white);
481
488
  --colors-background-subtle: var(--colors-grey-100);
482
489
  --colors-background-strong: var(--colors-purple-50);
package/es/semanticTokens.js CHANGED
@@ -9,6 +9,9 @@
9
9
  import { defineSemanticTokens } from "@pandacss/dev";
10
10
  export const semanticTokens = defineSemanticTokens({
11
11
  spacing: {
12
+ "5xsmall": {
13
+ value: "{spacing.1}"
14
+ },
12
15
  "4xsmall": {
13
16
  value: "{spacing.2}"
14
17
  },
@@ -42,6 +45,9 @@ export const semanticTokens = defineSemanticTokens({
42
45
  "4xlarge": {
43
46
  value: "{spacing.48}"
44
47
  },
48
+ "5xlarge": {
49
+ value: "{spacing.60}"
50
+ },
45
51
  surface: {
46
52
  "4xsmall": {
47
53
  value: "{spacing.50}"
@@ -79,6 +85,9 @@ export const semanticTokens = defineSemanticTokens({
79
85
  }
80
86
  },
81
87
  sizes: {
88
+ "5xsmall": {
89
+ value: "{spacing.1}"
90
+ },
82
91
  "4xsmall": {
83
92
  value: "{spacing.2}"
84
93
  },
@@ -112,6 +121,9 @@ export const semanticTokens = defineSemanticTokens({
112
121
  "4xlarge": {
113
122
  value: "{spacing.48}"
114
123
  },
124
+ "5xlarge": {
125
+ value: "{spacing.60}"
126
+ },
115
127
  surface: {
116
128
  "4xsmall": {
117
129
  value: "{spacing.50}"
@@ -145,6 +157,15 @@ export const semanticTokens = defineSemanticTokens({
145
157
  },
146
158
  "4xlarge": {
147
159
  value: "{spacing.550}"
160
+ },
161
+ pageMax: {
162
+ value: "1128px"
163
+ },
164
+ contentMax: {
165
+ value: "744px"
166
+ },
167
+ articleMax: {
168
+ value: "928px"
148
169
  }
149
170
  }
150
171
  },
package/lib/semanticTokens.d.ts CHANGED
@@ -7,6 +7,9 @@
7
7
  */
8
8
  export declare const semanticTokens: {
9
9
  spacing: {
10
+ "5xsmall": {
11
+ value: string;
12
+ };
10
13
  "4xsmall": {
11
14
  value: string;
12
15
  };
@@ -40,6 +43,9 @@ export declare const semanticTokens: {
40
43
  "4xlarge": {
41
44
  value: string;
42
45
  };
46
+ "5xlarge": {
47
+ value: string;
48
+ };
43
49
  surface: {
44
50
  "4xsmall": {
45
51
  value: string;
@@ -77,6 +83,9 @@ export declare const semanticTokens: {
77
83
  };
78
84
  };
79
85
  sizes: {
86
+ "5xsmall": {
87
+ value: string;
88
+ };
80
89
  "4xsmall": {
81
90
  value: string;
82
91
  };
@@ -110,6 +119,9 @@ export declare const semanticTokens: {
110
119
  "4xlarge": {
111
120
  value: string;
112
121
  };
122
+ "5xlarge": {
123
+ value: string;
124
+ };
113
125
  surface: {
114
126
  "4xsmall": {
115
127
  value: string;
@@ -144,6 +156,15 @@ export declare const semanticTokens: {
144
156
  "4xlarge": {
145
157
  value: string;
146
158
  };
159
+ pageMax: {
160
+ value: string;
161
+ };
162
+ contentMax: {
163
+ value: string;
164
+ };
165
+ articleMax: {
166
+ value: string;
167
+ };
147
168
  };
148
169
  };
149
170
  colors: {
package/lib/semanticTokens.js CHANGED
@@ -15,6 +15,9 @@ var _dev = require("@pandacss/dev");
15
15
 
16
16
  const semanticTokens = exports.semanticTokens = (0, _dev.defineSemanticTokens)({
17
17
  spacing: {
18
+ "5xsmall": {
19
+ value: "{spacing.1}"
20
+ },
18
21
  "4xsmall": {
19
22
  value: "{spacing.2}"
20
23
  },
@@ -48,6 +51,9 @@ const semanticTokens = exports.semanticTokens = (0, _dev.defineSemanticTokens)({
48
51
  "4xlarge": {
49
52
  value: "{spacing.48}"
50
53
  },
54
+ "5xlarge": {
55
+ value: "{spacing.60}"
56
+ },
51
57
  surface: {
52
58
  "4xsmall": {
53
59
  value: "{spacing.50}"
@@ -85,6 +91,9 @@ const semanticTokens = exports.semanticTokens = (0, _dev.defineSemanticTokens)({
85
91
  }
86
92
  },
87
93
  sizes: {
94
+ "5xsmall": {
95
+ value: "{spacing.1}"
96
+ },
88
97
  "4xsmall": {
89
98
  value: "{spacing.2}"
90
99
  },
@@ -118,6 +127,9 @@ const semanticTokens = exports.semanticTokens = (0, _dev.defineSemanticTokens)({
118
127
  "4xlarge": {
119
128
  value: "{spacing.48}"
120
129
  },
130
+ "5xlarge": {
131
+ value: "{spacing.60}"
132
+ },
121
133
  surface: {
122
134
  "4xsmall": {
123
135
  value: "{spacing.50}"
@@ -151,6 +163,15 @@ const semanticTokens = exports.semanticTokens = (0, _dev.defineSemanticTokens)({
151
163
  },
152
164
  "4xlarge": {
153
165
  value: "{spacing.550}"
166
+ },
167
+ pageMax: {
168
+ value: "1128px"
169
+ },
170
+ contentMax: {
171
+ value: "744px"
172
+ },
173
+ articleMax: {
174
+ value: "928px"
154
175
  }
155
176
  }
156
177
  },
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ndla/preset-panda",
3
- "version": "0.0.20",
3
+ "version": "0.0.22",
4
4
  "description": "Panda preset for NDLA.",
5
5
  "license": "GPL-3.0",
6
6
  "main": "lib/index.js",
@@ -32,10 +32,10 @@
32
32
  ],
33
33
  "devDependencies": {
34
34
  "@ndla/core": "^5.0.2",
35
- "@pandacss/dev": "^0.44.0"
35
+ "@pandacss/dev": "^0.45.2"
36
36
  },
37
37
  "publishConfig": {
38
38
  "access": "public"
39
39
  },
40
- "gitHead": "4708656585c922a4b2c2e30b095f88097c29436b"
40
+ "gitHead": "a8a6f11eab7a7a254fff6fb062289dc413035d81"
41
41
  }