@ndla/primitives 0.0.7 → 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",

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,8 +6,7 @@
  *
  */
 
-import { tabsAnatomy } from "@ark-ui/anatomy";
-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";

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

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.TabsTrigger = exports.TabsRoot = exports.TabsList = exports.TabsIndicator = exports.TabsContent = 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 tabsRecipe = (0, _css.sva)({
-  slots: _anatomy.tabsAnatomy.keys(),
+  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.7",
+  "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.4",
-    "@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": "4d43efa927c3f403d61a252efd8f06647073c076"
+  "gitHead": "c054ec2244c546389fa9fbdd36a0184e3dc61870"
 }