@ndla/primitives 1.0.44-alpha.0 → 1.0.46-alpha.0

package/dist/panda.buildinfo.json

@@ -646,7 +646,6 @@
       "boxShadow]___[value:inset 0 0 0 1px var(--shadow-color)]___[cond:_on",
       "--arrow-size]___[value:spacing.xxsmall",
       "--arrow-background]___[value:colors.surface.action",
-      "background]___[value:surface.actionSubtle.hover",
       "height]___[value:200px",
       "gap]___[value:xxlarge",
       "gap]___[value:medium",

package/dist/styles.css

@@ -921,10 +921,6 @@
     --arrow-background: var(--colors-surface-action);
 }
 
-  .bg_surface\.actionSubtle\.hover {
-    background: var(--colors-surface-action-subtle-hover);
-}
-
   .h_200px {
     height: 200px;
 }

package/es/Card/Card.js

@@ -57,7 +57,9 @@ const cardRecipe = sva({
       subtle: {},
       intense: {
         root: {
-          background: "surface.actionSubtle.hover"
+          _hover: {
+            background: "surface.actionSubtle.hover"
+          }
         }
       }
     }

package/es/Combobox.js

@@ -112,23 +112,31 @@ const comboboxRecipe = sva({
     }
   },
   defaultVariants: {
-    variant: "standalone"
+    context: "standalone",
+    variant: "simple"
   },
   variants: {
-    variant: {
+    context: {
       standalone: {
+        content: {
+          boxShadow: "large",
+          borderRadius: "xsmall",
+          padding: "xsmall"
+        }
+      },
+      composite: {}
+    },
+    variant: {
+      simple: {
         item: {
           padding: "xsmall",
           borderRadius: "xsmall"
         },
         content: {
-          boxShadow: "large",
-          borderRadius: "xsmall",
-          padding: "xsmall",
           gap: "4xsmall"
         }
       },
-      composite: {}
+      complex: {}
     }
   }
 });
@@ -141,9 +149,13 @@ const InternalComboboxRoot = withProvider(Combobox.Root, "root", {
 });
 export const ComboboxRoot = _ref => {
   let {
+    lazyMount = true,
+    unmountOnExit = true,
     ...props
   } = _ref;
   return /*#__PURE__*/_jsx(InternalComboboxRoot, {
+    lazyMount: lazyMount,
+    unmountOnExit: unmountOnExit,
     ...props
   });
 };

package/lib/Card/Card.d.ts

@@ -14,7 +14,9 @@ declare const cardRecipe: import("@ndla/styled-system/types").SlotRecipeRuntimeF
         subtle: {};
         intense: {
             root: {
-                background: "surface.actionSubtle.hover";
+                _hover: {
+                    background: "surface.actionSubtle.hover";
+                };
             };
         };
     };

package/lib/Card/Card.js

@@ -63,7 +63,9 @@ const cardRecipe = (0, _css.sva)({
       subtle: {},
       intense: {
         root: {
-          background: "surface.actionSubtle.hover"
+          _hover: {
+            background: "surface.actionSubtle.hover"
+          }
         }
       }
     }

package/lib/Combobox.d.ts

@@ -9,27 +9,34 @@ import { Combobox } from "@ark-ui/react";
 import { JsxStyleProps, RecipeVariantProps } from "@ndla/styled-system/types";
 import { TextProps } from "./Text";
 declare const comboboxRecipe: import("@ndla/styled-system/types").SlotRecipeRuntimeFn<"input" | "label" | "content" | "list" | "root" | "item" | "itemIndicator" | "control" | "clearTrigger" | "itemGroup" | "itemGroupLabel" | "itemText" | "positioner" | "trigger", {
-    variant: {
+    context: {
         standalone: {
+            content: {
+                boxShadow: "large";
+                borderRadius: "xsmall";
+                padding: "xsmall";
+            };
+        };
+        composite: {};
+    };
+    variant: {
+        simple: {
             item: {
                 padding: "xsmall";
                 borderRadius: "xsmall";
             };
             content: {
-                boxShadow: "large";
-                borderRadius: "xsmall";
-                padding: "xsmall";
                 gap: "4xsmall";
             };
         };
-        composite: {};
+        complex: {};
     };
 }>;
 export type ComboboxVariantProps = RecipeVariantProps<typeof comboboxRecipe>;
 export type ComboboxRootProps<T extends Combobox.CollectionItem> = Combobox.RootProps<T> & ComboboxVariantProps & JsxStyleProps & {
     translations: Combobox.RootProps<T>["translations"];
 };
-export declare const ComboboxRoot: <T extends unknown>({ ...props }: ComboboxRootProps<T>) => import("react/jsx-runtime").JSX.Element;
+export declare const ComboboxRoot: <T extends unknown>({ lazyMount, unmountOnExit, ...props }: ComboboxRootProps<T>) => import("react/jsx-runtime").JSX.Element;
 export type ComboboxClearTriggerProps = Combobox.ClearTriggerProps & JsxStyleProps;
 export declare const ComboboxClearTrigger: import("react").ForwardRefExoticComponent<Combobox.ClearTriggerProps & {
     consumeCss?: boolean | undefined;

package/lib/Combobox.js

@@ -118,23 +118,31 @@ const comboboxRecipe = (0, _css.sva)({
     }
   },
   defaultVariants: {
-    variant: "standalone"
+    context: "standalone",
+    variant: "simple"
   },
   variants: {
-    variant: {
+    context: {
       standalone: {
+        content: {
+          boxShadow: "large",
+          borderRadius: "xsmall",
+          padding: "xsmall"
+        }
+      },
+      composite: {}
+    },
+    variant: {
+      simple: {
         item: {
           padding: "xsmall",
           borderRadius: "xsmall"
         },
         content: {
-          boxShadow: "large",
-          borderRadius: "xsmall",
-          padding: "xsmall",
           gap: "4xsmall"
         }
       },
-      composite: {}
+      complex: {}
     }
   }
 });
@@ -147,9 +155,13 @@ const InternalComboboxRoot = withProvider(_react.Combobox.Root, "root", {
 });
 const ComboboxRoot = _ref => {
   let {
+    lazyMount = true,
+    unmountOnExit = true,
     ...props
   } = _ref;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(InternalComboboxRoot, {
+    lazyMount: lazyMount,
+    unmountOnExit: unmountOnExit,
     ...props
   });
 };

package/lib/index.d.ts

@@ -41,6 +41,7 @@ export type { HeroVariantProps, HeroVariant, HeroProps, HeroBackgroundProps, Her
 export { Hero, HeroBackground, HeroContent } from "./Hero";
 export type { ImageCrop, ImageFocalPoint, PictureProps, ImgProps, ImageProps } from "./Image";
 export { Picture, Img, Image, makeSrcQueryString, getSrcSet } from "./Image";
+export type { InputProps } from "./Input";
 export { Input, FieldInput, InputContainer, TextArea, FieldTextArea } from "./Input";
 export type { LabelProps, LegendProps, FieldsetLegendProps } from "./Label";
 export { Label, FieldLabel, Legend, FieldsetLegend } from "./Label";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ndla/primitives",
-  "version": "1.0.44-alpha.0",
+  "version": "1.0.46-alpha.0",
   "description": "Primitive components for NDLA.",
   "license": "GPL-3.0",
   "main": "lib/index.js",
@@ -28,12 +28,12 @@
     "lib"
   ],
   "dependencies": {
-    "@ark-ui/react": "^4.1.1",
+    "@ark-ui/react": "^4.1.2",
     "@ndla/styled-system": "^0.0.24",
     "@ndla/util": "^5.0.0-alpha.0"
   },
   "devDependencies": {
-    "@ndla/preset-panda": "^0.0.39",
+    "@ndla/preset-panda": "^0.0.40",
     "@pandacss/dev": "^0.46.0"
   },
   "peerDependencies": {
@@ -43,5 +43,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "98f727d2e22b4030ec61672a8f843b2d0d0ef278"
+  "gitHead": "2277fee3427d8c14db9b299485dc57f2779af69f"
 }