@ndla/primitives 0.0.4 → 0.0.6

package/dist/panda.buildinfo.json

@@ -124,7 +124,8 @@
       "paddingBlock]___[value:3xsmall",
       "lineHeight]___[value:1",
       "minHeight]___[value:unset",
-      "height]___[value:fit-content",
+      "height]___[value:xxlarge",
+      "width]___[value:xxlarge",
       "marginInline]___[value:0]___[cond:& svg",
       "marginBlock]___[value:0]___[cond:& svg",
       "width]___[value:medium]___[cond:& svg",
@@ -390,8 +391,6 @@
       "marginInline]___[value:auto",
       "borderWidth]___[value:4px",
       "borderWidth]___[value:8px",
-      "height]___[value:xxlarge",
-      "width]___[value:xxlarge",
       "background]___[value:surface.disabled.strong",
       "padding]___[value:1",
       "borderRadius]___[value:medium",

package/dist/styles.css

@@ -263,8 +263,12 @@
     min-height: unset;
 }
 
-  .h_fit-content {
-    height: fit-content;
+  .h_xxlarge {
+    height: var(--sizes-xxlarge);
+}
+
+  .w_xxlarge {
+    width: var(--sizes-xxlarge);
 }
 
   .select_none {
@@ -700,14 +704,6 @@
     margin-inline: auto;
 }
 
-  .h_xxlarge {
-    height: var(--sizes-xxlarge);
-}
-
-  .w_xxlarge {
-    width: var(--sizes-xxlarge);
-}
-
   .bg_surface\.disabled\.strong {
     background: var(--colors-surface-disabled-strong);
 }

package/es/Button.js

@@ -165,7 +165,8 @@ export const iconButtonRecipe = cva({
   base: {
     lineHeight: "1",
     minHeight: "unset",
-    height: "fit-content",
+    height: "xxlarge",
+    width: "xxlarge",
     "& svg": {
       marginInline: "0",
       marginBlock: "0",

package/es/Checkbox.js

@@ -28,6 +28,11 @@ const checkboxRecipe = sva({
         }
       }
     },
+    group: {
+      display: "flex",
+      gap: "xxsmall",
+      flexDirection: "column"
+    },
     control: {
       display: "flex",
       alignItems: "center",
@@ -224,4 +229,5 @@ export const CheckboxLabel = _ref => {
   });
 };
 export const CheckboxControl = withContext(Checkbox.Control, "control");
+export const CheckboxGroup = withProvider(Checkbox.Group, "group");
 export const CheckboxHiddenInput = Checkbox.HiddenInput;

package/lib/Button.js

@@ -171,7 +171,8 @@ const iconButtonRecipe = exports.iconButtonRecipe = (0, _css.cva)({
   base: {
     lineHeight: "1",
     minHeight: "unset",
-    height: "fit-content",
+    height: "xxlarge",
+    width: "xxlarge",
     "& svg": {
       marginInline: "0",
       marginBlock: "0",

package/lib/Checkbox.d.ts

@@ -178,5 +178,8 @@ export declare const CheckboxLabel: ({ textStyle, children, ...props }: Checkbox
 export declare const CheckboxControl: import("react").ForwardRefExoticComponent<{
     forwardCssProp?: boolean | undefined;
 } & import("@ndla/styled-system/types").WithCss & Checkbox.ControlProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const CheckboxGroup: import("react").ForwardRefExoticComponent<{
+    forwardCssProp?: boolean | undefined;
+} & import("@ndla/styled-system/types").WithCss & Checkbox.GroupProps & import("react").RefAttributes<HTMLDivElement>>;
 export declare const CheckboxHiddenInput: import("react").ForwardRefExoticComponent<Checkbox.HiddenInputProps & import("react").RefAttributes<HTMLInputElement>>;
 export {};

package/lib/Checkbox.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.CheckboxRoot = exports.CheckboxLabel = exports.CheckboxIndicator = exports.CheckboxHiddenInput = exports.CheckboxControl = void 0;
+exports.CheckboxRoot = exports.CheckboxLabel = exports.CheckboxIndicator = exports.CheckboxHiddenInput = exports.CheckboxGroup = exports.CheckboxControl = void 0;
 var _anatomy = require("@ark-ui/anatomy");
 var _react = require("@ark-ui/react");
 var _css = require("@ndla/styled-system/css");
@@ -34,6 +34,11 @@ const checkboxRecipe = (0, _css.sva)({
         }
       }
     },
+    group: {
+      display: "flex",
+      gap: "xxsmall",
+      flexDirection: "column"
+    },
     control: {
       display: "flex",
       alignItems: "center",
@@ -231,4 +236,5 @@ const CheckboxLabel = _ref => {
 };
 exports.CheckboxLabel = CheckboxLabel;
 const CheckboxControl = exports.CheckboxControl = withContext(_react.Checkbox.Control, "control");
+const CheckboxGroup = exports.CheckboxGroup = withProvider(_react.Checkbox.Group, "group");
 const CheckboxHiddenInput = exports.CheckboxHiddenInput = _react.Checkbox.HiddenInput;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ndla/primitives",
-  "version": "0.0.4",
+  "version": "0.0.6",
   "description": "Primitive components for NDLA",
   "license": "GPL-3.0",
   "main": "lib/index.js",
@@ -44,5 +44,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "8f0469f768ed618830dea90b36b92b0d4bb20639"
+  "gitHead": "4110ea1c6d36be95a99f4c1b47f8cf3b5c4ccb8b"
 }