@ndla/primitives 1.0.25-alpha.0 → 1.0.27-alpha.0

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 (10) hide show
  1. package/dist/panda.buildinfo.json +5 -4
  2. package/dist/styles.css +14 -10
  3. package/es/ArticleLists.js +10 -10
  4. package/es/Button.js +0 -3
  5. package/es/Layout/PageContent.js +1 -2
  6. package/lib/ArticleLists.d.ts +10 -10
  7. package/lib/ArticleLists.js +10 -10
  8. package/lib/Button.js +0 -2
  9. package/lib/Layout/PageContent.js +1 -2
  10. package/package.json +5 -5
package/dist/panda.buildinfo.json CHANGED
@@ -69,10 +69,10 @@
69
69
  "counterReset]___[value:level3 var(--start, 0)]___[cond:& > li<___>& > ol:not([data-variant='letters'])<___>& > li<___>& > ol:not([data-variant='letters'])<___>&[data-count='true']",
70
70
  "counterIncrement]___[value:level3]___[cond:& > li<___>& > ol:not([data-variant='letters'])<___>& > li<___>& > ol:not([data-variant='letters'])<___>& > li",
71
71
  "content]___[value:counter(level1, decimal) '.' counter(level2, decimal) '.' counter(level3, decimal) '. ']___[cond:& > li<___>& > ol:not([data-variant='letters'])<___>& > li<___>& > ol:not([data-variant='letters'])<___>& > li<___>_marker",
72
- "counterReset]___[value:level4]___[cond:& > li<___>& > ol:not([data-variant='letters'])<___>& > li<___>& > ol:not([data-variant='letters'])<___>& > ol:not([data-variant='letters'])",
73
- "counterReset]___[value:level4 var(--start, 0)]___[cond:& > li<___>& > ol:not([data-variant='letters'])<___>& > li<___>& > ol:not([data-variant='letters'])<___>& > ol:not([data-variant='letters'])<___>&[data-count='true']",
74
- "counterIncrement]___[value:level4]___[cond:& > li<___>& > ol:not([data-variant='letters'])<___>& > li<___>& > ol:not([data-variant='letters'])<___>& > ol:not([data-variant='letters'])<___>& > li",
75
- "content]___[value:counter(level1, decimal) '.' counter(level2, decimal) '.' counter(level3, decimal) '.' counter(level4, decimal) '. ']___[cond:& > li<___>& > ol:not([data-variant='letters'])<___>& > li<___>& > ol:not([data-variant='letters'])<___>& > ol:not([data-variant='letters'])<___>& > li<___>_marker",
72
+ "counterReset]___[value:level4]___[cond:& > li<___>& > ol:not([data-variant='letters'])<___>& > li<___>& > ol:not([data-variant='letters'])<___>& > li<___>& > ol:not([data-variant='letters'])",
73
+ "counterReset]___[value:level4 var(--start, 0)]___[cond:& > li<___>& > ol:not([data-variant='letters'])<___>& > li<___>& > ol:not([data-variant='letters'])<___>& > li<___>& > ol:not([data-variant='letters'])<___>&[data-count='true']",
74
+ "counterIncrement]___[value:level4]___[cond:& > li<___>& > ol:not([data-variant='letters'])<___>& > li<___>& > ol:not([data-variant='letters'])<___>& > li<___>& > ol:not([data-variant='letters'])<___>& > li",
75
+ "content]___[value:counter(level1, decimal) '.' counter(level2, decimal) '.' counter(level3, decimal) '.' counter(level4, decimal) '. ']___[cond:& > li<___>& > ol:not([data-variant='letters'])<___>& > li<___>& > ol:not([data-variant='letters'])<___>& > li<___>& > ol:not([data-variant='letters'])<___>& > li<___>_marker",
76
76
  "paddingInlineStart]___[value:medium",
77
77
  "content]___[value:counter(level1, upper-alpha) '. ']___[cond:& > li<___>_marker",
78
78
  "paddingInlineStart]___[value:small]___[cond:& > li<___>& > ol[data-variant='letters']",
@@ -636,6 +636,7 @@
636
636
  "gap]___[value:xxlarge",
637
637
  "gap]___[value:medium",
638
638
  "transitionDuration]___[value:default",
639
+ "alignContent]___[value:start",
639
640
  "gridColumnGap]___[value:var(--gutter, 0)",
640
641
  "gridTemplateColumns]___[value:1fr min(var(--size), calc(100% - (var(--gutter, 0) * 2))) 1fr",
641
642
  "gridColumnStart]___[value:2]___[cond:& > *",
package/dist/styles.css CHANGED
@@ -1389,6 +1389,10 @@
1389
1389
  transition-duration: default;
1390
1390
  }
1391
1391
 
1392
+ .ac_start {
1393
+ align-content: start;
1394
+ }
1395
+
1392
1396
  .grid-cg_var\(--gutter\,_0\) {
1393
1397
  grid-column-gap: var(--gutter, 0);
1394
1398
  }
@@ -2746,27 +2750,27 @@
2746
2750
  counter-increment: level3;
2747
2751
  }
2748
2752
 
2749
- .\[\&_\>_li\]\:\[\&_\>_ol\:not\(\[data-variant\=\'letters\'\]\)\]\:\[\&_\>_li\]\:\[\&_\>_ol\:not\(\[data-variant\=\'letters\'\]\)\]\:\[\&_\>_ol\:not\(\[data-variant\=\'letters\'\]\)\]\:counter-reset_level4 > li > ol:not([data-variant='letters']) > li > ol:not([data-variant='letters']) > ol:not([data-variant='letters']) {
2753
+ .\[\&_\>_li\]\:\[\&_\>_ol\[data-variant\=\'letters\'\]\]\:\[\&_\>_li\]\:\[\&_\>_ol\[data-variant\=\'letters\'\]_\>_li\]\:marker\:content_counter\(level1\,_lower-roman\)_\'\._\' > li > ol[data-variant='letters'] > li > ol[data-variant='letters'] > li::marker {
2754
+ content: counter(level1, lower-roman) '. ';
2755
+ }
2756
+
2757
+ .\[\&_\>_li\]\:\[\&_\>_ol\:not\(\[data-variant\=\'letters\'\]\)\]\:\[\&_\>_li\]\:\[\&_\>_ol\:not\(\[data-variant\=\'letters\'\]\)\]\:\[\&_\>_li\]\:\[\&_\>_ol\:not\(\[data-variant\=\'letters\'\]\)\]\:counter-reset_level4 > li > ol:not([data-variant='letters']) > li > ol:not([data-variant='letters']) > li > ol:not([data-variant='letters']) {
2750
2758
  counter-reset: level4;
2751
2759
  }
2752
2760
 
2753
- .\[\&_\>_li\]\:\[\&_\>_ol\[data-variant\=\'letters\'\]\]\:\[\&_\>_li\]\:\[\&_\>_ol\[data-variant\=\'letters\'\]_\>_li\]\:marker\:content_counter\(level1\,_lower-roman\)_\'\._\' > li > ol[data-variant='letters'] > li > ol[data-variant='letters'] > li::marker {
2754
- content: counter(level1, lower-roman) '. ';
2761
+ .\[\&_\>_li\]\:\[\&_\>_ol\:not\(\[data-variant\=\'letters\'\]\)\]\:\[\&_\>_li\]\:\[\&_\>_ol\:not\(\[data-variant\=\'letters\'\]\)\]\:\[\&_\>_li\]\:marker\:content_counter\(level1\,_decimal\)_\'\.\'_counter\(level2\,_decimal\)_\'\.\'_counter\(level3\,_decimal\)_\'\._\' > li > ol:not([data-variant='letters']) > li > ol:not([data-variant='letters']) > li::marker {
2762
+ content: counter(level1, decimal) '.' counter(level2, decimal) '.' counter(level3, decimal) '. ';
2755
2763
  }
2756
2764
 
2757
- .\[\&_\>_li\]\:\[\&_\>_ol\:not\(\[data-variant\=\'letters\'\]\)\]\:\[\&_\>_li\]\:\[\&_\>_ol\:not\(\[data-variant\=\'letters\'\]\)\]\:\[\&_\>_ol\:not\(\[data-variant\=\'letters\'\]\)\]\:\[\&\[data-count\=\'true\'\]\]\:counter-reset_level4_var\(--start\,_0\) > li > ol:not([data-variant='letters']) > li > ol:not([data-variant='letters']) > ol:not([data-variant='letters'])[data-count='true'] {
2765
+ .\[\&_\>_li\]\:\[\&_\>_ol\:not\(\[data-variant\=\'letters\'\]\)\]\:\[\&_\>_li\]\:\[\&_\>_ol\:not\(\[data-variant\=\'letters\'\]\)\]\:\[\&_\>_li\]\:\[\&_\>_ol\:not\(\[data-variant\=\'letters\'\]\)\]\:\[\&\[data-count\=\'true\'\]\]\:counter-reset_level4_var\(--start\,_0\) > li > ol:not([data-variant='letters']) > li > ol:not([data-variant='letters']) > li > ol:not([data-variant='letters'])[data-count='true'] {
2758
2766
  counter-reset: level4 var(--start, 0);
2759
2767
  }
2760
2768
 
2761
- .\[\&_\>_li\]\:\[\&_\>_ol\:not\(\[data-variant\=\'letters\'\]\)\]\:\[\&_\>_li\]\:\[\&_\>_ol\:not\(\[data-variant\=\'letters\'\]\)\]\:\[\&_\>_ol\:not\(\[data-variant\=\'letters\'\]\)\]\:\[\&_\>_li\]\:counter-increment_level4 > li > ol:not([data-variant='letters']) > li > ol:not([data-variant='letters']) > ol:not([data-variant='letters']) > li {
2769
+ .\[\&_\>_li\]\:\[\&_\>_ol\:not\(\[data-variant\=\'letters\'\]\)\]\:\[\&_\>_li\]\:\[\&_\>_ol\:not\(\[data-variant\=\'letters\'\]\)\]\:\[\&_\>_li\]\:\[\&_\>_ol\:not\(\[data-variant\=\'letters\'\]\)\]\:\[\&_\>_li\]\:counter-increment_level4 > li > ol:not([data-variant='letters']) > li > ol:not([data-variant='letters']) > li > ol:not([data-variant='letters']) > li {
2762
2770
  counter-increment: level4;
2763
2771
  }
2764
2772
 
2765
- .\[\&_\>_li\]\:\[\&_\>_ol\:not\(\[data-variant\=\'letters\'\]\)\]\:\[\&_\>_li\]\:\[\&_\>_ol\:not\(\[data-variant\=\'letters\'\]\)\]\:\[\&_\>_li\]\:marker\:content_counter\(level1\,_decimal\)_\'\.\'_counter\(level2\,_decimal\)_\'\.\'_counter\(level3\,_decimal\)_\'\._\' > li > ol:not([data-variant='letters']) > li > ol:not([data-variant='letters']) > li::marker {
2766
- content: counter(level1, decimal) '.' counter(level2, decimal) '.' counter(level3, decimal) '. ';
2767
- }
2768
-
2769
- .\[\&_\>_li\]\:\[\&_\>_ol\:not\(\[data-variant\=\'letters\'\]\)\]\:\[\&_\>_li\]\:\[\&_\>_ol\:not\(\[data-variant\=\'letters\'\]\)\]\:\[\&_\>_ol\:not\(\[data-variant\=\'letters\'\]\)\]\:\[\&_\>_li\]\:marker\:content_counter\(level1\,_decimal\)_\'\.\'_counter\(level2\,_decimal\)_\'\.\'_counter\(level3\,_decimal\)_\'\.\'_counter\(level4\,_decimal\)_\'\._\' > li > ol:not([data-variant='letters']) > li > ol:not([data-variant='letters']) > ol:not([data-variant='letters']) > li::marker {
2773
+ .\[\&_\>_li\]\:\[\&_\>_ol\:not\(\[data-variant\=\'letters\'\]\)\]\:\[\&_\>_li\]\:\[\&_\>_ol\:not\(\[data-variant\=\'letters\'\]\)\]\:\[\&_\>_li\]\:\[\&_\>_ol\:not\(\[data-variant\=\'letters\'\]\)\]\:\[\&_\>_li\]\:marker\:content_counter\(level1\,_decimal\)_\'\.\'_counter\(level2\,_decimal\)_\'\.\'_counter\(level3\,_decimal\)_\'\.\'_counter\(level4\,_decimal\)_\'\._\' > li > ol:not([data-variant='letters']) > li > ol:not([data-variant='letters']) > li > ol:not([data-variant='letters']) > li::marker {
2770
2774
  content: counter(level1, decimal) '.' counter(level2, decimal) '.' counter(level3, decimal) '.' counter(level4, decimal) '. ';
2771
2775
  }
2772
2776
 
package/es/ArticleLists.js CHANGED
@@ -54,17 +54,17 @@ const orderedListRecipe = cva({
54
54
  counterIncrement: "level3",
55
55
  _marker: {
56
56
  content: "counter(level1, decimal) '.' counter(level2, decimal) '.' counter(level3, decimal) '. '"
57
- }
58
- },
59
- "& > ol:not([data-variant='letters'])": {
60
- counterReset: "level4",
61
- "&[data-count='true']": {
62
- counterReset: "level4 var(--start, 0)"
63
57
  },
64
- "& > li": {
65
- counterIncrement: "level4",
66
- _marker: {
67
- content: "counter(level1, decimal) '.' counter(level2, decimal) '.' counter(level3, decimal) '.' counter(level4, decimal) '. '"
58
+ "& > ol:not([data-variant='letters'])": {
59
+ counterReset: "level4",
60
+ "&[data-count='true']": {
61
+ counterReset: "level4 var(--start, 0)"
62
+ },
63
+ "& > li": {
64
+ counterIncrement: "level4",
65
+ _marker: {
66
+ content: "counter(level1, decimal) '.' counter(level2, decimal) '.' counter(level3, decimal) '.' counter(level4, decimal) '. '"
67
+ }
68
68
  }
69
69
  }
70
70
  }
package/es/Button.js CHANGED
@@ -11,9 +11,6 @@ import { ark } from "@ark-ui/react";
11
11
  import { css, cva } from "@ndla/styled-system/css";
12
12
  import { styled } from "@ndla/styled-system/jsx";
13
13
  import { Spinner } from "./Spinner";
14
-
15
- // TODO: Consider if any of the backgrounds should actually be transparent
16
- // TODO: Figure out sizing for link variant.
17
14
  import { Fragment as _Fragment, jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
18
15
  export const buttonBaseRecipe = cva({
19
16
  base: {
package/es/Layout/PageContent.js CHANGED
@@ -11,14 +11,13 @@ import { ark } from "@ark-ui/react";
11
11
  import { css, cva } from "@ndla/styled-system/css";
12
12
  import { styled } from "@ndla/styled-system/jsx";
13
13
  import { jsx as _jsx } from "react/jsx-runtime";
14
- // TODO: Rename this component
15
-
16
14
  const pageRecipe = cva({
17
15
  base: {
18
16
  display: "grid",
19
17
  transitionProperty: "all",
20
18
  transitionDuration: "default",
21
19
  transitionTimingFunction: "default",
20
+ alignContent: "start",
22
21
  /**
23
22
  * var(--size) is the max width of the content
24
23
  * calc(100% - (var(--gutter, 0) * 2)) is the max width of the page, minus the gutters (inline padding without being actual padding).
package/lib/ArticleLists.d.ts CHANGED
@@ -42,16 +42,16 @@ declare const orderedListRecipe: import("@ndla/styled-system/types").RecipeRunti
42
42
  _marker: {
43
43
  content: "counter(level1, decimal) '.' counter(level2, decimal) '.' counter(level3, decimal) '. '";
44
44
  };
45
- };
46
- "& > ol:not([data-variant='letters'])": {
47
- counterReset: "level4";
48
- "&[data-count='true']": {
49
- counterReset: "level4 var(--start, 0)";
50
- };
51
- "& > li": {
52
- counterIncrement: "level4";
53
- _marker: {
54
- content: "counter(level1, decimal) '.' counter(level2, decimal) '.' counter(level3, decimal) '.' counter(level4, decimal) '. '";
45
+ "& > ol:not([data-variant='letters'])": {
46
+ counterReset: "level4";
47
+ "&[data-count='true']": {
48
+ counterReset: "level4 var(--start, 0)";
49
+ };
50
+ "& > li": {
51
+ counterIncrement: "level4";
52
+ _marker: {
53
+ content: "counter(level1, decimal) '.' counter(level2, decimal) '.' counter(level3, decimal) '.' counter(level4, decimal) '. '";
54
+ };
55
55
  };
56
56
  };
57
57
  };
package/lib/ArticleLists.js CHANGED
@@ -60,17 +60,17 @@ const orderedListRecipe = (0, _css.cva)({
60
60
  counterIncrement: "level3",
61
61
  _marker: {
62
62
  content: "counter(level1, decimal) '.' counter(level2, decimal) '.' counter(level3, decimal) '. '"
63
- }
64
- },
65
- "& > ol:not([data-variant='letters'])": {
66
- counterReset: "level4",
67
- "&[data-count='true']": {
68
- counterReset: "level4 var(--start, 0)"
69
63
  },
70
- "& > li": {
71
- counterIncrement: "level4",
72
- _marker: {
73
- content: "counter(level1, decimal) '.' counter(level2, decimal) '.' counter(level3, decimal) '.' counter(level4, decimal) '. '"
64
+ "& > ol:not([data-variant='letters'])": {
65
+ counterReset: "level4",
66
+ "&[data-count='true']": {
67
+ counterReset: "level4 var(--start, 0)"
68
+ },
69
+ "& > li": {
70
+ counterIncrement: "level4",
71
+ _marker: {
72
+ content: "counter(level1, decimal) '.' counter(level2, decimal) '.' counter(level3, decimal) '.' counter(level4, decimal) '. '"
73
+ }
74
74
  }
75
75
  }
76
76
  }
package/lib/Button.js CHANGED
@@ -18,8 +18,6 @@ var _jsxRuntime = require("react/jsx-runtime");
18
18
  *
19
19
  */
20
20
 
21
- // TODO: Consider if any of the backgrounds should actually be transparent
22
- // TODO: Figure out sizing for link variant.
23
21
  const buttonBaseRecipe = exports.buttonBaseRecipe = (0, _css.cva)({
24
22
  base: {
25
23
  display: "inline-flex",
package/lib/Layout/PageContent.js CHANGED
@@ -17,14 +17,13 @@ var _jsxRuntime = require("react/jsx-runtime");
17
17
  *
18
18
  */
19
19
 
20
- // TODO: Rename this component
21
-
22
20
  const pageRecipe = (0, _css.cva)({
23
21
  base: {
24
22
  display: "grid",
25
23
  transitionProperty: "all",
26
24
  transitionDuration: "default",
27
25
  transitionTimingFunction: "default",
26
+ alignContent: "start",
28
27
  /**
29
28
  * var(--size) is the max width of the content
30
29
  * calc(100% - (var(--gutter, 0) * 2)) is the max width of the page, minus the gutters (inline padding without being actual padding).
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ndla/primitives",
3
- "version": "1.0.25-alpha.0",
3
+ "version": "1.0.27-alpha.0",
4
4
  "description": "Primitive components for NDLA.",
5
5
  "license": "GPL-3.0",
6
6
  "main": "lib/index.js",
@@ -29,11 +29,11 @@
29
29
  ],
30
30
  "dependencies": {
31
31
  "@ark-ui/react": "^3.11.1",
32
- "@ndla/styled-system": "^0.0.21",
33
- "@ndla/util": "^4.1.0"
32
+ "@ndla/styled-system": "^0.0.22",
33
+ "@ndla/util": "^5.0.0-alpha.0"
34
34
  },
35
35
  "devDependencies": {
36
- "@ndla/preset-panda": "^0.0.29",
36
+ "@ndla/preset-panda": "^0.0.30",
37
37
  "@pandacss/dev": "^0.46.0"
38
38
  },
39
39
  "peerDependencies": {
@@ -43,5 +43,5 @@
43
43
  "publishConfig": {
44
44
  "access": "public"
45
45
  },
46
- "gitHead": "d97a2f9c0e8bc60c499000bb27c8fe4441740381"
46
+ "gitHead": "fe2fb3061416c88e5fd5f1d52c216e17e52c4387"
47
47
  }