@ndla/primitives 1.0.22-alpha.0 → 1.0.23-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.
@@ -641,6 +641,7 @@
641
641
  "--size]___[value:sizes.surface.contentMax",
642
642
  "--size]___[value:sizes.surface.articleMax",
643
643
  "--size]___[value:sizes.surface.pageMax",
644
+ "--size]___[value:sizes.surface.wideMax",
644
645
  "--gutter]___[value:0px",
645
646
  "--gutter]___[value:spacing.medium]___[cond:mobileWide",
646
647
  "--gutter]___[value:spacing.medium]___[cond:tablet",
package/dist/styles.css CHANGED
@@ -937,6 +937,10 @@
937
937
  --size: var(--sizes-surface-page-max);
938
938
  }
939
939
 
940
+ .\--size_sizes\.surface\.wideMax {
941
+ --size: var(--sizes-surface-wide-max);
942
+ }
943
+
940
944
  .\--gutter_0px {
941
945
  --gutter: 0px;
942
946
  }
@@ -45,6 +45,9 @@ const pageRecipe = cva({
45
45
  },
46
46
  page: {
47
47
  "--size": "sizes.surface.pageMax"
48
+ },
49
+ wide: {
50
+ "--size": "sizes.surface.wideMax"
48
51
  }
49
52
  },
50
53
  gutters: {
@@ -17,6 +17,9 @@ declare const pageRecipe: import("@ndla/styled-system/types").RecipeRuntimeFn<{
17
17
  page: {
18
18
  "--size": "sizes.surface.pageMax";
19
19
  };
20
+ wide: {
21
+ "--size": "sizes.surface.wideMax";
22
+ };
20
23
  };
21
24
  gutters: {
22
25
  never: {
@@ -44,7 +47,7 @@ declare const pageRecipe: import("@ndla/styled-system/types").RecipeRuntimeFn<{
44
47
  }>;
45
48
  export type PageContentVariantProps = RecipeVariantProps<typeof pageRecipe>;
46
49
  export declare const PageContent: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("@ark-ui/react").PolymorphicProps & {
47
- variant?: "article" | "page" | "content" | undefined;
50
+ variant?: "article" | "page" | "wide" | "content" | undefined;
48
51
  gutters?: "always" | "never" | "mobileUp" | "tabletUp" | undefined;
49
52
  } & {
50
53
  consumeCss?: boolean | undefined;
@@ -51,6 +51,9 @@ const pageRecipe = (0, _css.cva)({
51
51
  },
52
52
  page: {
53
53
  "--size": "sizes.surface.pageMax"
54
+ },
55
+ wide: {
56
+ "--size": "sizes.surface.wideMax"
54
57
  }
55
58
  },
56
59
  gutters: {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ndla/primitives",
3
- "version": "1.0.22-alpha.0",
3
+ "version": "1.0.23-alpha.0",
4
4
  "description": "Primitive components for NDLA.",
5
5
  "license": "GPL-3.0",
6
6
  "main": "lib/index.js",
@@ -28,12 +28,12 @@
28
28
  "lib"
29
29
  ],
30
30
  "dependencies": {
31
- "@ark-ui/react": "^3.9.0",
32
- "@ndla/styled-system": "^0.0.18",
31
+ "@ark-ui/react": "^3.11.0",
32
+ "@ndla/styled-system": "^0.0.19",
33
33
  "@ndla/util": "^4.1.0"
34
34
  },
35
35
  "devDependencies": {
36
- "@ndla/preset-panda": "^0.0.26",
36
+ "@ndla/preset-panda": "^0.0.27",
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": "7713c89290c9b308be47bce300ad7db4a52a42dd"
46
+ "gitHead": "8b76ecf3764730339a324ead4dcbe26c26d6d60f"
47
47
  }