@ndla/primitives 0.0.8 → 0.0.9

package/dist/panda.buildinfo.json

@@ -1,5 +1,5 @@
 {
-  "schemaVersion": "0.40.1",
+  "schemaVersion": "0.41.0",
   "styles": {
     "atomic": [
       "display]___[value:flex",
@@ -439,31 +439,11 @@
       "textAlign]___[value:center]___[cond:& td, & th<___>&[data-align='center']",
       "textAlign]___[value:left]___[cond:& td, & th<___>&[data-align='left']",
       "textAlign]___[value:right]___[cond:& td, & th<___>&[data-align='right']",
-      "paddingBlockStart]___[value:xsmall]___[cond:_horizontal",
-      "paddingInlineStart]___[value:xsmall]___[cond:_vertical",
-      "boxShadow]___[value:0 0 0 3px var(--shadow-color)]___[cond:_focusVisible",
-      "borderWidth]___[value:1px",
-      "padding]___[value:xsmall",
-      "outlineOffset]___[value:-3px]___[cond:_focusVisible",
-      "outlineColor]___[value:stroke.default]___[cond:_focusVisible",
+      "flexDirection]___[value:column]___[cond:_horizontal",
+      "flexDirection]___[value:row]___[cond:_vertical",
       "overflow]___[value:auto",
       "marginBlockEnd]___[value:-1px]___[cond:_horizontal",
       "marginInlineEnd]___[value:-1px]___[cond:_vertical",
-      "flexDirection]___[value:column]___[cond:_horizontal",
-      "flexDirection]___[value:row]___[cond:_vertical",
-      "outline]___[value:4px solid",
-      "outlineColor]___[value:stroke.default",
-      "outlineOffset]___[value:-4px",
-      "height]___[value:var(--height)]___[cond:_peerFocusVisible",
-      "width]___[value:var(--width)]___[cond:_peerFocusVisible",
-      "borderTopRadius]___[value:xsmall]___[cond:_peerFocusVisible<___>_horizontal",
-      "borderRightRadius]___[value:xsmall]___[cond:_peerFocusVisible<___>_vertical",
-      "bottom]___[value:0]___[cond:_horizontal",
-      "height]___[value:2]___[cond:_horizontal",
-      "width]___[value:var(--width)]___[cond:_horizontal",
-      "height]___[value:var(--height)]___[cond:_vertical",
-      "left]___[value:0]___[cond:_vertical",
-      "width]___[value:2]___[cond:_vertical",
       "transitionProperty]___[value:color, background, border-color",
       "whiteSpace]___[value:nowrap",
       "color]___[value:text.strong]___[cond:_selected",
@@ -476,6 +456,7 @@
       "justifyContent]___[value:flex-start]___[cond:_vertical",
       "borderRadius]___[value:unset]___[cond:_focusVisible",
       "borderColor]___[value:transparent",
+      "borderWidth]___[value:1px",
       "borderTopRadius]___[value:xsmall]___[cond:_horizontal",
       "borderTopLeftRadius]___[value:xsmall]___[cond:_vertical",
       "borderBottomLeftRadius]___[value:xsmall]___[cond:_vertical",
@@ -483,6 +464,12 @@
       "borderColor]___[value:stroke.subtle]___[cond:_selected",
       "borderBottomColor]___[value:transparent]___[cond:_selected<___>_horizontal",
       "borderRightColor]___[value:transparent]___[cond:_selected<___>_vertical",
+      "outlineOffset]___[value:-3px]___[cond:_focusVisible",
+      "outlineColor]___[value:stroke.default]___[cond:_focusVisible",
+      "paddingBlockStart]___[value:xsmall]___[cond:_horizontal",
+      "paddingInlineStart]___[value:xsmall]___[cond:_vertical",
+      "boxShadow]___[value:0 0 0 3px var(--shadow-color)]___[cond:_focusVisible",
+      "padding]___[value:xsmall",
       "textStyle]___[value:body.medium",
       "textStyle]___[value:heading.medium",
       "boxShadow]___[value:medium",

package/dist/styles.css

@@ -736,26 +736,18 @@
     table-layout: fixed;
 }
 
-  .p_xsmall {
-    padding: var(--spacing-xsmall);
-}
-
   .overflow_auto {
     overflow: auto;
 }
 
-  .ring_4px_solid {
-    outline: 4px solid;
-}
-
-  .ring-offset_-4px {
-    outline-offset: -4px;
-}
-
   .white-space_nowrap {
     white-space: nowrap;
 }
 
+  .p_xsmall {
+    padding: var(--spacing-xsmall);
+}
+
   .shadow_medium {
     box-shadow: var(--shadows-medium);
 }
@@ -1049,14 +1041,6 @@
     overflow-x: auto;
 }
 
-  .border-w_1px {
-    border-width: 1px;
-}
-
-  .ring-color_stroke\.default {
-    outline-color: var(--colors-stroke-default);
-}
-
   .transition-prop_color\,_background\,_border-color {
     --transition-prop: color, background, border-color;
     transition-property: color, background, border-color;
@@ -1066,6 +1050,10 @@
     border-color: transparent;
 }
 
+  .border-w_1px {
+    border-width: 1px;
+}
+
   .duration_slow {
     --transition-duration: var(--durations-slow);
     transition-duration: var(--durations-slow);
@@ -1381,14 +1369,6 @@
     padding-block: var(--spacing-3xsmall);
 }
 
-  .horizontal\:pt_xsmall[data-orientation=horizontal] {
-    padding-block-start: var(--spacing-xsmall);
-}
-
-  .vertical\:ps_xsmall[data-orientation=vertical] {
-    padding-inline-start: var(--spacing-xsmall);
-}
-
   .horizontal\:mb_-1px[data-orientation=horizontal] {
     margin-block-end: -1px;
 }
@@ -1397,22 +1377,6 @@
     margin-inline-end: -1px;
 }
 
-  .horizontal\:h_2[data-orientation=horizontal] {
-    height: var(--sizes-2);
-}
-
-  .horizontal\:w_var\(--width\)[data-orientation=horizontal] {
-    width: var(--width);
-}
-
-  .vertical\:h_var\(--height\)[data-orientation=vertical] {
-    height: var(--height);
-}
-
-  .vertical\:w_2[data-orientation=vertical] {
-    width: var(--sizes-2);
-}
-
   .selected\:text_text\.strong:is([aria-selected=true], [data-selected]) {
     color: var(--colors-text-strong);
 }
@@ -1434,6 +1398,14 @@
     background: var(--colors-surface-default);
 }
 
+  .horizontal\:pt_xsmall[data-orientation=horizontal] {
+    padding-block-start: var(--spacing-xsmall);
+}
+
+  .vertical\:ps_xsmall[data-orientation=vertical] {
+    padding-inline-start: var(--spacing-xsmall);
+}
+
   .closed\:transition-prop_background\,_border-color\,_border\,_border-radius:is([closed], [data-closed], [data-state="closed"]) {
     --transition-prop: background, border-color, border, border-radius;
     transition-property: background, border-color, border, border-radius;
@@ -1527,14 +1499,6 @@
     flex-direction: row;
 }
 
-  .horizontal\:bottom_0[data-orientation=horizontal] {
-    bottom: 0;
-}
-
-  .vertical\:left_0[data-orientation=vertical] {
-    left: 0;
-}
-
   .disabled\:border_stroke\.default:is(:disabled, [disabled], [data-disabled]) {
     border-color: var(--colors-stroke-default);
 }
@@ -1641,24 +1605,16 @@
     outline-offset: 0px;
 }
 
-  .focusVisible\:shadow_0_0_0_3px_var\(--shadow-color\):is(:focus-visible, [data-focus-visible]) {
-    box-shadow: 0 0 0 3px var(--shadow-color);
+  .focusVisible\:rounded_unset:is(:focus-visible, [data-focus-visible]) {
+    border-radius: unset;
 }
 
   .focusVisible\:ring-offset_-3px:is(:focus-visible, [data-focus-visible]) {
     outline-offset: -3px;
 }
 
-  .peer:is(:focus-visible, [data-focus-visible]) ~ .peerFocusVisible\:h_var\(--height\) {
-    height: var(--height);
-}
-
-  .peer:is(:focus-visible, [data-focus-visible]) ~ .peerFocusVisible\:w_var\(--width\) {
-    width: var(--width);
-}
-
-  .focusVisible\:rounded_unset:is(:focus-visible, [data-focus-visible]) {
-    border-radius: unset;
+  .focusVisible\:shadow_0_0_0_3px_var\(--shadow-color\):is(:focus-visible, [data-focus-visible]) {
+    box-shadow: 0 0 0 3px var(--shadow-color);
 }
 
   .focus\:ring-color_stroke\.default:is(:focus, [data-focus]) {
@@ -1913,16 +1869,6 @@
     text-align: right;
 }
 
-  .peer:is(:focus-visible, [data-focus-visible]) ~ .peerFocusVisible\:horizontal\:rounded-t_xsmall[data-orientation=horizontal] {
-    border-top-left-radius: var(--radii-xsmall);
-    border-top-right-radius: var(--radii-xsmall);
-}
-
-  .peer:is(:focus-visible, [data-focus-visible]) ~ .peerFocusVisible\:vertical\:rounded-r_xsmall[data-orientation=vertical] {
-    border-top-right-radius: var(--radii-xsmall);
-    border-bottom-right-radius: var(--radii-xsmall);
-}
-
   .disabled\:hover\:text_text\.subtle:is(:disabled, [disabled], [data-disabled]):is(:hover, [data-hover]) {
     color: var(--colors-text-subtle);
 }

package/es/Accordion.js

@@ -6,8 +6,7 @@
  *
  */
 
-import { accordionAnatomy } from "@ark-ui/anatomy";
-import { Accordion } from "@ark-ui/react";
+import { Accordion, accordionAnatomy } from "@ark-ui/react";
 import { sva } from "@ndla/styled-system/css";
 import { createStyleContext } from "./createStyleContext";
 const accordionRecipe = sva({

package/es/Checkbox.js

@@ -6,8 +6,7 @@
  *
  */
 
-import { checkboxAnatomy } from "@ark-ui/anatomy";
-import { Checkbox } from "@ark-ui/react";
+import { Checkbox, checkboxAnatomy } from "@ark-ui/react";
 import { sva } from "@ndla/styled-system/css";
 import { createStyleContext } from "./createStyleContext";
 import { Text } from "./Text";

package/es/Dialog.js

@@ -7,8 +7,7 @@
  */
 
 import { forwardRef } from "react";
-import { dialogAnatomy } from "@ark-ui/anatomy";
-import { Dialog } from "@ark-ui/react";
+import { Dialog, dialogAnatomy } from "@ark-ui/react";
 import { sva } from "@ndla/styled-system/css";
 import { styled } from "@ndla/styled-system/jsx";
 import { createStyleContext } from "./createStyleContext";

package/es/Menu.js

@@ -7,8 +7,7 @@
  */
 
 import { forwardRef } from "react";
-import { menuAnatomy } from "@ark-ui/anatomy";
-import { Menu } from "@ark-ui/react";
+import { Menu, menuAnatomy } from "@ark-ui/react";
 import { css, cva, sva } from "@ndla/styled-system/css";
 import { createStyleContext } from "./createStyleContext";
 import { Text } from "./Text";

package/es/Pagination.js

@@ -6,8 +6,7 @@
  *
  */
 
-import { paginationAnatomy } from "@ark-ui/anatomy";
-import { Pagination } from "@ark-ui/react";
+import { Pagination, paginationAnatomy } from "@ark-ui/react";
 import { sva } from "@ndla/styled-system/css";
 import { createStyleContext } from "./createStyleContext";
 const paginationRecipe = sva({

package/es/Popover.js

@@ -6,8 +6,7 @@
  *
  */
 
-import { popoverAnatomy } from "@ark-ui/anatomy";
-import { Popover } from "@ark-ui/react";
+import { Popover, popoverAnatomy } from "@ark-ui/react";
 import { sva } from "@ndla/styled-system/css";
 import { createStyleContext } from "./createStyleContext";
 import { jsx as _jsx } from "react/jsx-runtime";

package/es/RadioGroup.js

@@ -7,8 +7,7 @@
  */
 
 import { forwardRef } from "react";
-import { radioGroupAnatomy } from "@ark-ui/anatomy";
-import { RadioGroup } from "@ark-ui/react";
+import { RadioGroup, radioGroupAnatomy } from "@ark-ui/react";
 import { sva } from "@ndla/styled-system/css";
 import { createStyleContext } from "./createStyleContext";
 import { Label } from "./Label";

package/es/Slider.js

@@ -6,8 +6,7 @@
  *
  */
 
-import { sliderAnatomy } from "@ark-ui/anatomy";
-import { Slider } from "@ark-ui/react";
+import { Slider, sliderAnatomy } from "@ark-ui/react";
 import { sva } from "@ndla/styled-system/css";
 import { createStyleContext } from "./createStyleContext";
 import { Label } from "./Label";

package/es/Switch.js

@@ -6,8 +6,7 @@
  *
  */
 
-import { switchAnatomy } from "@ark-ui/anatomy";
-import { Switch } from "@ark-ui/react";
+import { Switch, switchAnatomy } from "@ark-ui/react";
 import { sva } from "@ndla/styled-system/css";
 import { createStyleContext } from "./createStyleContext";
 import { Text } from "./Text";

package/es/Tabs.js

@@ -6,13 +6,12 @@
  *
  */
 
-import { Tabs } from "@ark-ui/react";
+import { Tabs, tabsAnatomy } from "@ark-ui/react";
 import { cx, sva } from "@ndla/styled-system/css";
 import { createStyleContext } from "./createStyleContext";
 import { jsx as _jsx } from "react/jsx-runtime";
 const tabsRecipe = sva({
-  // TODO: anatomy keys do not work here.
-  slots: ["content", "list", "root", "indicator", "trigger"],
+  slots: tabsAnatomy.keys(),
   base: {
     root: {
       position: "relative",

package/es/Toast.js

@@ -6,8 +6,7 @@
  *
  */
 
-import { toastAnatomy } from "@ark-ui/anatomy";
-import { Toast } from "@ark-ui/react";
+import { Toast, toastAnatomy } from "@ark-ui/react";
 import { sva } from "@ndla/styled-system/css";
 import { createStyleContext } from "./createStyleContext";
 import { Text } from "./Text";

package/es/Tooltip.js

@@ -7,8 +7,7 @@
  */
 
 import { forwardRef } from "react";
-import { tooltipAnatomy } from "@ark-ui/anatomy";
-import { Tooltip } from "@ark-ui/react";
+import { Tooltip, tooltipAnatomy } from "@ark-ui/react";
 import { sva } from "@ndla/styled-system/css";
 import { createStyleContext } from "./createStyleContext";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";

package/lib/Accordion.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.AccordionRoot = exports.AccordionItemTrigger = exports.AccordionItemIndicator = exports.AccordionItemContent = exports.AccordionItem = void 0;
-var _anatomy = require("@ark-ui/anatomy");
 var _react = require("@ark-ui/react");
 var _css = require("@ndla/styled-system/css");
 var _createStyleContext = require("./createStyleContext");
@@ -17,7 +16,7 @@ var _createStyleContext = require("./createStyleContext");
  */
 
 const accordionRecipe = (0, _css.sva)({
-  slots: _anatomy.accordionAnatomy.keys(),
+  slots: _react.accordionAnatomy.keys(),
   base: {
     root: {
       display: "flex",

package/lib/Checkbox.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 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");
 var _createStyleContext = require("./createStyleContext");
@@ -19,7 +18,7 @@ var _jsxRuntime = require("react/jsx-runtime");
  */
 
 const checkboxRecipe = (0, _css.sva)({
-  slots: _anatomy.checkboxAnatomy.keys(),
+  slots: _react.checkboxAnatomy.keys(),
   base: {
     root: {
       userSelect: "none",

package/lib/Dialog.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.InternalDialogRoot = exports.DialogTrigger = exports.DialogTitle = exports.DialogStandaloneContent = exports.DialogRoot = exports.DialogPositioner = exports.DialogHeader = exports.DialogDescription = exports.DialogContent = exports.DialogCloseTrigger = exports.DialogBody = exports.DialogBackdrop = void 0;
 var _react = require("react");
-var _anatomy = require("@ark-ui/anatomy");
 var _react2 = require("@ark-ui/react");
 var _css = require("@ndla/styled-system/css");
 var _jsx2 = require("@ndla/styled-system/jsx");
@@ -21,7 +20,7 @@ var _jsxRuntime = require("react/jsx-runtime");
  */
 
 const dialogRecipe = (0, _css.sva)({
-  slots: _anatomy.dialogAnatomy.keys(),
+  slots: _react2.dialogAnatomy.keys(),
   base: {
     backdrop: {
       position: "fixed",

package/lib/Menu.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.MenuTriggerItem = exports.MenuTrigger = exports.MenuSeparator = exports.MenuRoot = exports.MenuPositioner = exports.MenuItemGroupLabel = exports.MenuItemGroup = exports.MenuItem = exports.MenuContent = void 0;
 var _react = require("react");
-var _anatomy = require("@ark-ui/anatomy");
 var _react2 = require("@ark-ui/react");
 var _css = require("@ndla/styled-system/css");
 var _createStyleContext = require("./createStyleContext");
@@ -98,7 +97,7 @@ const itemCva = (0, _css.cva)({
   }
 });
 const menuRecipe = (0, _css.sva)({
-  slots: _anatomy.menuAnatomy.keys(),
+  slots: _react2.menuAnatomy.keys(),
   base: {
     item: itemStyle,
     triggerItem: itemStyle,

package/lib/Pagination.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.PaginationRoot = exports.PaginationPrevTrigger = exports.PaginationNextTrigger = exports.PaginationItem = exports.PaginationEllipsis = void 0;
-var _anatomy = require("@ark-ui/anatomy");
 var _react = require("@ark-ui/react");
 var _css = require("@ndla/styled-system/css");
 var _createStyleContext = require("./createStyleContext");
@@ -17,7 +16,7 @@ var _createStyleContext = require("./createStyleContext");
  */
 
 const paginationRecipe = (0, _css.sva)({
-  slots: _anatomy.paginationAnatomy.keys(),
+  slots: _react.paginationAnatomy.keys(),
   base: {
     root: {
       display: "flex",

package/lib/Popover.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.PopoverTrigger = exports.PopoverTitle = exports.PopoverRoot = exports.PopoverPositioner = exports.PopoverIndicator = exports.PopoverDescription = exports.PopoverContentStandalone = exports.PopoverContent = exports.PopoverCloseTrigger = exports.PopoverArrowTip = exports.PopoverArrowStandalone = exports.PopoverArrow = exports.PopoverAnchor = void 0;
-var _anatomy = require("@ark-ui/anatomy");
 var _react = require("@ark-ui/react");
 var _css = require("@ndla/styled-system/css");
 var _createStyleContext = require("./createStyleContext");
@@ -18,7 +17,7 @@ var _jsxRuntime = require("react/jsx-runtime");
  */
 
 const popoverRecipe = (0, _css.sva)({
-  slots: _anatomy.popoverAnatomy.keys(),
+  slots: _react.popoverAnatomy.keys(),
   base: {
     positioner: {
       position: "relative"

package/lib/RadioGroup.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.RadioGroupRoot = exports.RadioGroupLabel = exports.RadioGroupItemText = exports.RadioGroupItemHiddenInput = exports.RadioGroupItemControl = exports.RadioGroupItem = exports.RadioGroupIndicator = exports.InternalRadioGroupLabel = void 0;
 var _react = require("react");
-var _anatomy = require("@ark-ui/anatomy");
 var _react2 = require("@ark-ui/react");
 var _css = require("@ndla/styled-system/css");
 var _createStyleContext = require("./createStyleContext");
@@ -21,7 +20,7 @@ var _jsxRuntime = require("react/jsx-runtime");
  */
 
 const radioGroupRecipe = (0, _css.sva)({
-  slots: _anatomy.radioGroupAnatomy.keys(),
+  slots: _react2.radioGroupAnatomy.keys(),
   base: {
     root: {
       display: "flex",

package/lib/Slider.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SliderTrack = exports.SliderThumb = exports.SliderRoot = exports.SliderRange = exports.SliderLabel = exports.SliderHiddenInput = exports.SliderControl = void 0;
-var _anatomy = require("@ark-ui/anatomy");
 var _react = require("@ark-ui/react");
 var _css = require("@ndla/styled-system/css");
 var _createStyleContext = require("./createStyleContext");
@@ -19,7 +18,7 @@ var _jsxRuntime = require("react/jsx-runtime");
  */
 
 const sliderRecipe = (0, _css.sva)({
-  slots: _anatomy.sliderAnatomy.keys(),
+  slots: _react.sliderAnatomy.keys(),
   base: {
     root: {
       display: "flex",

package/lib/Switch.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SwitchThumb = exports.SwitchRoot = exports.SwitchLabel = exports.SwitchHiddenInput = exports.SwitchControl = void 0;
-var _anatomy = require("@ark-ui/anatomy");
 var _react = require("@ark-ui/react");
 var _css = require("@ndla/styled-system/css");
 var _createStyleContext = require("./createStyleContext");
@@ -19,7 +18,7 @@ var _jsxRuntime = require("react/jsx-runtime");
  */
 
 const switchRecipe = (0, _css.sva)({
-  slots: _anatomy.switchAnatomy.keys(),
+  slots: _react.switchAnatomy.keys(),
   base: {
     root: {
       display: "inline-flex",

package/lib/Tabs.js

@@ -17,8 +17,7 @@ var _jsxRuntime = require("react/jsx-runtime");
  */
 
 const tabsRecipe = (0, _css.sva)({
-  // TODO: anatomy keys do not work here.
-  slots: ["content", "list", "root", "indicator", "trigger"],
+  slots: _react.tabsAnatomy.keys(),
   base: {
     root: {
       position: "relative",

package/lib/Toast.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ToastTitle = exports.ToastRoot = exports.ToastDescription = exports.ToastCloseTrigger = exports.ToastActionTrigger = void 0;
-var _anatomy = require("@ark-ui/anatomy");
 var _react = require("@ark-ui/react");
 var _css = require("@ndla/styled-system/css");
 var _createStyleContext = require("./createStyleContext");
@@ -19,7 +18,7 @@ var _jsxRuntime = require("react/jsx-runtime");
  */
 
 const toastRecipe = (0, _css.sva)({
-  slots: _anatomy.toastAnatomy.keys(),
+  slots: _react.toastAnatomy.keys(),
   base: {
     root: {
       position: "relative",

package/lib/Tooltip.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.TooltipTrigger = exports.TooltipRoot = exports.TooltipPositioner = exports.TooltipContentStandalone = exports.TooltipContent = exports.TooltipArrowTip = exports.TooltipArrow = void 0;
 var _react = require("react");
-var _anatomy = require("@ark-ui/anatomy");
 var _react2 = require("@ark-ui/react");
 var _css = require("@ndla/styled-system/css");
 var _createStyleContext = require("./createStyleContext");
@@ -19,7 +18,7 @@ var _jsxRuntime = require("react/jsx-runtime");
  */
 
 const tooltipRecipe = (0, _css.sva)({
-  slots: _anatomy.tooltipAnatomy.keys(),
+  slots: _react2.tooltipAnatomy.keys(),
   base: {
     content: {
       background: "surface.action",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ndla/primitives",
-  "version": "0.0.8",
+  "version": "0.0.9",
   "description": "Primitive components for NDLA",
   "license": "GPL-3.0",
   "main": "lib/index.js",
@@ -28,14 +28,13 @@
     "lib"
   ],
   "dependencies": {
-    "@ark-ui/anatomy": "^3.4.0",
-    "@ark-ui/react": "^3.4.0",
-    "@ndla/styled-system": "workspace:^",
+    "@ark-ui/react": "^3.5.0",
+    "@ndla/styled-system": "^0.0.2",
     "@ndla/util": "^4.0.4"
   },
   "devDependencies": {
-    "@ndla/preset-panda": "^0.0.5",
-    "@pandacss/dev": "^0.40.1"
+    "@ndla/preset-panda": "^0.0.6",
+    "@pandacss/dev": "^0.41.0"
   },
   "peerDependencies": {
     "react": ">= 18",
@@ -44,5 +43,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "dd4b2b6ce225256191f8245096e5514a80588a57"
+  "gitHead": "c054ec2244c546389fa9fbdd36a0184e3dc61870"
 }