@ndla/primitives 1.0.128-alpha.0 → 1.0.130-alpha.0

package/lib/TagsInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"TagsInput.js","names":["tagsInputAnatomy","TagsInput","Label"],"sources":["../src/TagsInput.tsx"],"sourcesContent":["/**\n * Copyright (c) 2024-present, NDLA.\n *\n * This source code is licensed under the GPLv3 license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport { TagsInput, tagsInputAnatomy } from \"@ark-ui/react\";\nimport { sva } from \"@ndla/styled-system/css\";\nimport { createStyleContext } from \"@ndla/styled-system/jsx\";\nimport type { StyledProps } from \"@ndla/styled-system/types\";\nimport { forwardRef, type RefAttributes } from \"react\";\nimport { Label } from \"./Label\";\nimport { type TextProps } from \"./Text\";\n\nconst tagsInputRecipe = sva({\n  slots: tagsInputAnatomy.keys(),\n  base: {\n    root: {\n      display: \"flex\",\n      flexDirection: \"column\",\n      gap: \"xxsmall\",\n      width: \"full\",\n    },\n    control: {\n      display: \"inline-flex\",\n      gap: \"xxsmall\",\n      alignItems: \"center\",\n      flexWrap: \"wrap\",\n    },\n    item: {\n      paddingBlock: \"3xsmall\",\n    },\n    itemPreview: {\n      display: \"flex\",\n      gap: \"1\",\n      paddingBlock: \"4xsmall\",\n      paddingInlineEnd: \"3xsmall\",\n      paddingInlineStart: \"xsmall\",\n      cursor: \"initial\",\n      borderRadius: \"large\",\n      outline: \"1px solid\",\n      outlineColor: \"transparent\",\n      backgroundColor: \"surface.action.selected\",\n      color: \"text.onAction\",\n      transitionDuration: \"normal\",\n      transitionProperty: \"background, outline-color, color\",\n      transitionTimingFunction: \"default\",\n      textStyle: \"label.medium\",\n      _hover: {\n        backgroundColor: \"surface.actionSubtle.hover\",\n        outlineColor: \"stroke.hover\",\n        color: \"text.default\",\n        \"& svg\": {\n          color: \"stroke.hover\",\n        },\n        _motionReduce: {\n          transition: \"none\",\n          transitionDuration: \"0s\",\n        },\n      },\n      _highlighted: {\n        backgroundColor: \"surface.actionSubtle.hover\",\n        outlineWidth: \"3px\",\n        outlineOffset: \"-1px\",\n        outlineColor: \"stroke.hover\",\n        color: \"text.default\",\n        \"& svg\": {\n          color: \"stroke.hover\",\n        },\n        _motionReduce: {\n          transition: \"none\",\n          transitionDuration: \"0s\",\n        },\n      },\n    },\n    input: {\n      flex: \"1\",\n    },\n    itemDeleteTrigger: {\n      paddingBottom: \"1\",\n      cursor: \"pointer\",\n      \"& span\": {\n        display: \"inline-block\",\n      },\n      \"& svg\": {\n        marginInline: \"0\",\n        marginBlock: \"0\",\n        width: \"medium\",\n        height: \"medium\",\n      },\n    },\n    itemText: {\n      paddingBottom: \"1\",\n    },\n    itemInput: {\n      outline: \"none\",\n      background: \"transparent\",\n    },\n  },\n});\nconst { withProvider, withContext } = createStyleContext(tagsInputRecipe);\n\nexport interface TagsInputRootProps extends TagsInput.RootProps, StyledProps {\n  translations: TagsInput.RootProps[\"translations\"];\n}\n\nexport const TagsInputRoot = withProvider(TagsInput.Root, \"root\", {\n  baseComponent: true,\n});\n\nexport interface TagsInputClearTriggerProps extends TagsInput.ClearTriggerProps, StyledProps {}\n\nexport const TagsInputClearTrigger = withContext(TagsInput.ClearTrigger, \"clearTrigger\", { baseComponent: true });\n\nexport interface TagsInputControlProps extends TagsInput.ControlProps, StyledProps {}\n\nexport const TagsInputControl = withContext(TagsInput.Control, \"control\", { baseComponent: true });\n\nexport interface TagsInputInputProps extends TagsInput.InputProps, StyledProps {}\n\nexport const TagsInputInput = withContext(TagsInput.Input, \"input\", { baseComponent: true });\n\nexport interface TagsInputItemDeleteTriggerProps extends TagsInput.ItemDeleteTriggerProps, StyledProps {}\n\nexport const TagsInputItemDeleteTrigger = withContext(TagsInput.ItemDeleteTrigger, \"itemDeleteTrigger\", {\n  baseComponent: true,\n});\n\nexport interface TagsInputItemInputProps extends TagsInput.ItemInputProps, StyledProps {}\n\nexport const TagsInputItemInput = withContext(TagsInput.ItemInput, \"itemInput\", { baseComponent: true });\n\nexport interface TagsInputItemPreviewProps extends TagsInput.ItemPreviewProps, StyledProps {}\n\nexport const TagsInputItemPreview = withContext(TagsInput.ItemPreview, \"itemPreview\", { baseComponent: true });\n\nexport interface TagsInputItemProps extends TagsInput.ItemProps, StyledProps {}\n\nexport const TagsInputItem = withContext(TagsInput.Item, \"item\", { baseComponent: true });\n\nexport interface TagsInputItemTextProps extends TagsInput.ItemTextProps, StyledProps {}\n\nexport const TagsInputItemText = withContext(TagsInput.ItemText, \"itemText\", { baseComponent: true });\n\nconst InternalTagsInputLabel = withContext(TagsInput.Label, \"label\");\n\nexport interface TagsInputLabelProps\n  extends Omit<TagsInput.LabelProps, \"color\">, StyledProps, TextProps, RefAttributes<HTMLLabelElement> {}\n\nexport const TagsInputLabel = forwardRef<HTMLLabelElement, TagsInputLabelProps>(({ children, ...props }, ref) => (\n  <InternalTagsInputLabel asChild ref={ref} {...props}>\n    <Label>{children}</Label>\n  </InternalTagsInputLabel>\n));\n"],"mappings":";;;;;;;;;;;;;;AAsGA,MAAM,EAAE,cAAc,iBAAA,GAAA,wBAAA,qBAAA,GAAA,wBAAA,KAtFM;CAC1B,OAAOA,cAAAA,iBAAiB,MAAM;CAC9B,MAAM;EACJ,MAAM;GACJ,SAAS;GACT,eAAe;GACf,KAAK;GACL,OAAO;GACR;EACD,SAAS;GACP,SAAS;GACT,KAAK;GACL,YAAY;GACZ,UAAU;GACX;EACD,MAAM,EACJ,cAAc,WACf;EACD,aAAa;GACX,SAAS;GACT,KAAK;GACL,cAAc;GACd,kBAAkB;GAClB,oBAAoB;GACpB,QAAQ;GACR,cAAc;GACd,SAAS;GACT,cAAc;GACd,iBAAiB;GACjB,OAAO;GACP,oBAAoB;GACpB,oBAAoB;GACpB,0BAA0B;GAC1B,WAAW;GACX,QAAQ;IACN,iBAAiB;IACjB,cAAc;IACd,OAAO;IACP,SAAS,EACP,OAAO,gBACR;IACD,eAAe;KACb,YAAY;KACZ,oBAAoB;KACrB;IACF;GACD,cAAc;IACZ,iBAAiB;IACjB,cAAc;IACd,eAAe;IACf,cAAc;IACd,OAAO;IACP,SAAS,EACP,OAAO,gBACR;IACD,eAAe;KACb,YAAY;KACZ,oBAAoB;KACrB;IACF;GACF;EACD,OAAO,EACL,MAAM,KACP;EACD,mBAAmB;GACjB,eAAe;GACf,QAAQ;GACR,UAAU,EACR,SAAS,gBACV;GACD,SAAS;IACP,cAAc;IACd,aAAa;IACb,OAAO;IACP,QAAQ;IACT;GACF;EACD,UAAU,EACR,eAAe,KAChB;EACD,WAAW;GACT,SAAS;GACT,YAAY;GACb;EACF;CACF,CAAC,CACuE;AAMzE,MAAa,gBAAgB,aAAaC,cAAAA,UAAU,MAAM,QAAQ,EAChE,eAAe,MAChB,CAAC;AAIF,MAAa,wBAAwB,YAAYA,cAAAA,UAAU,cAAc,gBAAgB,EAAE,eAAe,MAAM,CAAC;AAIjH,MAAa,mBAAmB,YAAYA,cAAAA,UAAU,SAAS,WAAW,EAAE,eAAe,MAAM,CAAC;AAIlG,MAAa,iBAAiB,YAAYA,cAAAA,UAAU,OAAO,SAAS,EAAE,eAAe,MAAM,CAAC;AAI5F,MAAa,6BAA6B,YAAYA,cAAAA,UAAU,mBAAmB,qBAAqB,EACtG,eAAe,MAChB,CAAC;AAIF,MAAa,qBAAqB,YAAYA,cAAAA,UAAU,WAAW,aAAa,EAAE,eAAe,MAAM,CAAC;AAIxG,MAAa,uBAAuB,YAAYA,cAAAA,UAAU,aAAa,eAAe,EAAE,eAAe,MAAM,CAAC;AAI9G,MAAa,gBAAgB,YAAYA,cAAAA,UAAU,MAAM,QAAQ,EAAE,eAAe,MAAM,CAAC;AAIzF,MAAa,oBAAoB,YAAYA,cAAAA,UAAU,UAAU,YAAY,EAAE,eAAe,MAAM,CAAC;AAErG,MAAM,yBAAyB,YAAYA,cAAAA,UAAU,OAAO,QAAQ;AAKpE,MAAa,kBAAA,GAAA,MAAA,aAAoE,EAAE,UAAU,GAAG,SAAS,QACvG,iBAAA,GAAA,kBAAA,KAAC,wBAAD;CAAwB,SAAA;CAAa;CAAK,GAAI;WAC5C,iBAAA,GAAA,kBAAA,KAACC,cAAAA,OAAD,EAAQ,UAAiB,CAAA;CACF,CAAA,CACzB"}
+{"version":3,"file":"TagsInput.js","names":["tagsInputAnatomy","TagsInput","Label"],"sources":["../src/TagsInput.tsx"],"sourcesContent":["/**\n * Copyright (c) 2024-present, NDLA.\n *\n * This source code is licensed under the GPLv3 license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport { TagsInput, tagsInputAnatomy } from \"@ark-ui/react\";\nimport { sva } from \"@ndla/styled-system/css\";\nimport { createStyleContext } from \"@ndla/styled-system/jsx\";\nimport type { StyledProps } from \"@ndla/styled-system/types\";\nimport { forwardRef, type RefAttributes } from \"react\";\nimport { Label } from \"./Label\";\nimport { type TextProps } from \"./Text\";\n\nconst tagsInputRecipe = sva({\n  slots: tagsInputAnatomy.keys(),\n  base: {\n    root: {\n      display: \"flex\",\n      flexDirection: \"column\",\n      gap: \"xxsmall\",\n      width: \"full\",\n    },\n    control: {\n      display: \"inline-flex\",\n      gap: \"xxsmall\",\n      alignItems: \"center\",\n      flexWrap: \"wrap\",\n    },\n    item: {\n      paddingBlock: \"3xsmall\",\n    },\n    itemPreview: {\n      display: \"flex\",\n      gap: \"1\",\n      paddingBlock: \"4xsmall\",\n      paddingInlineEnd: \"3xsmall\",\n      paddingInlineStart: \"xsmall\",\n      cursor: \"initial\",\n      borderRadius: \"large\",\n      outline: \"1px solid\",\n      outlineColor: \"transparent\",\n      backgroundColor: \"surface.action.selected\",\n      color: \"text.onAction\",\n      transitionDuration: \"normal\",\n      transitionProperty: \"background, outline-color, color\",\n      transitionTimingFunction: \"default\",\n      textStyle: \"label.medium\",\n      _hover: {\n        backgroundColor: \"surface.actionSubtle.hover\",\n        outlineColor: \"stroke.hover\",\n        color: \"text.default\",\n        \"& svg\": {\n          color: \"stroke.hover\",\n        },\n        _motionReduce: {\n          transition: \"none\",\n          transitionDuration: \"0s\",\n        },\n      },\n      _highlighted: {\n        backgroundColor: \"surface.actionSubtle.hover\",\n        outlineWidth: \"3px\",\n        outlineOffset: \"-1px\",\n        outlineColor: \"stroke.hover\",\n        color: \"text.default\",\n        \"& svg\": {\n          color: \"stroke.hover\",\n        },\n        _motionReduce: {\n          transition: \"none\",\n          transitionDuration: \"0s\",\n        },\n      },\n    },\n    input: {\n      flex: \"1\",\n    },\n    itemDeleteTrigger: {\n      paddingBottom: \"1\",\n      cursor: \"pointer\",\n      \"& span\": {\n        display: \"inline-block\",\n      },\n      \"& svg\": {\n        marginInline: \"0\",\n        marginBlock: \"0\",\n        width: \"medium\",\n        height: \"medium\",\n      },\n    },\n    itemText: {\n      paddingBottom: \"1\",\n    },\n    itemInput: {\n      outline: \"none\",\n      background: \"transparent\",\n    },\n  },\n});\nconst { withProvider, withContext } = createStyleContext(tagsInputRecipe);\n\nexport interface TagsInputRootProps extends TagsInput.RootProps, StyledProps {\n  translations: TagsInput.RootProps[\"translations\"];\n}\n\nexport const TagsInputRoot = withProvider(TagsInput.Root, \"root\", {\n  baseComponent: true,\n});\n\nexport interface TagsInputClearTriggerProps extends TagsInput.ClearTriggerProps, StyledProps {}\n\nexport const TagsInputClearTrigger = withContext(TagsInput.ClearTrigger, \"clearTrigger\", { baseComponent: true });\n\nexport interface TagsInputControlProps extends TagsInput.ControlProps, StyledProps {}\n\nexport const TagsInputControl = withContext(TagsInput.Control, \"control\", { baseComponent: true });\n\nexport interface TagsInputInputProps extends TagsInput.InputProps, StyledProps {}\n\nexport const TagsInputInput = withContext(TagsInput.Input, \"input\", { baseComponent: true });\n\nexport interface TagsInputItemDeleteTriggerProps extends TagsInput.ItemDeleteTriggerProps, StyledProps {}\n\nexport const TagsInputItemDeleteTrigger = withContext(TagsInput.ItemDeleteTrigger, \"itemDeleteTrigger\", {\n  baseComponent: true,\n});\n\nexport interface TagsInputItemInputProps extends TagsInput.ItemInputProps, StyledProps {}\n\nexport const TagsInputItemInput = withContext(TagsInput.ItemInput, \"itemInput\", { baseComponent: true });\n\nexport interface TagsInputItemPreviewProps extends TagsInput.ItemPreviewProps, StyledProps {}\n\nexport const TagsInputItemPreview = withContext(TagsInput.ItemPreview, \"itemPreview\", { baseComponent: true });\n\nexport interface TagsInputItemProps extends TagsInput.ItemProps, StyledProps {}\n\nexport const TagsInputItem = withContext(TagsInput.Item, \"item\", { baseComponent: true });\n\nexport interface TagsInputItemTextProps extends TagsInput.ItemTextProps, StyledProps {}\n\nexport const TagsInputItemText = withContext(TagsInput.ItemText, \"itemText\", { baseComponent: true });\n\nconst InternalTagsInputLabel = withContext(TagsInput.Label, \"label\");\n\nexport interface TagsInputLabelProps\n  extends Omit<TagsInput.LabelProps, \"color\">, StyledProps, TextProps, RefAttributes<HTMLLabelElement> {}\n\nexport const TagsInputLabel = forwardRef<HTMLLabelElement, TagsInputLabelProps>(({ children, ...props }, ref) => (\n  <InternalTagsInputLabel asChild ref={ref} {...props}>\n    <Label>{children}</Label>\n  </InternalTagsInputLabel>\n));\n"],"mappings":";;;;;;;;;;;;;;AAsGA,MAAM,EAAE,cAAc,iBAAA,GAAA,wBAAA,qBAAA,GAAA,wBAAA,KAtFM;CAC1B,OAAOA,cAAAA,iBAAiB,KAAK;CAC7B,MAAM;EACJ,MAAM;GACJ,SAAS;GACT,eAAe;GACf,KAAK;GACL,OAAO;EACT;EACA,SAAS;GACP,SAAS;GACT,KAAK;GACL,YAAY;GACZ,UAAU;EACZ;EACA,MAAM,EACJ,cAAc,UAChB;EACA,aAAa;GACX,SAAS;GACT,KAAK;GACL,cAAc;GACd,kBAAkB;GAClB,oBAAoB;GACpB,QAAQ;GACR,cAAc;GACd,SAAS;GACT,cAAc;GACd,iBAAiB;GACjB,OAAO;GACP,oBAAoB;GACpB,oBAAoB;GACpB,0BAA0B;GAC1B,WAAW;GACX,QAAQ;IACN,iBAAiB;IACjB,cAAc;IACd,OAAO;IACP,SAAS,EACP,OAAO,eACT;IACA,eAAe;KACb,YAAY;KACZ,oBAAoB;IACtB;GACF;GACA,cAAc;IACZ,iBAAiB;IACjB,cAAc;IACd,eAAe;IACf,cAAc;IACd,OAAO;IACP,SAAS,EACP,OAAO,eACT;IACA,eAAe;KACb,YAAY;KACZ,oBAAoB;IACtB;GACF;EACF;EACA,OAAO,EACL,MAAM,IACR;EACA,mBAAmB;GACjB,eAAe;GACf,QAAQ;GACR,UAAU,EACR,SAAS,eACX;GACA,SAAS;IACP,cAAc;IACd,aAAa;IACb,OAAO;IACP,QAAQ;GACV;EACF;EACA,UAAU,EACR,eAAe,IACjB;EACA,WAAW;GACT,SAAS;GACT,YAAY;EACd;CACF;AACF,CACuE,CAAC;AAMxE,MAAa,gBAAgB,aAAaC,cAAAA,UAAU,MAAM,QAAQ,EAChE,eAAe,KACjB,CAAC;AAID,MAAa,wBAAwB,YAAYA,cAAAA,UAAU,cAAc,gBAAgB,EAAE,eAAe,KAAK,CAAC;AAIhH,MAAa,mBAAmB,YAAYA,cAAAA,UAAU,SAAS,WAAW,EAAE,eAAe,KAAK,CAAC;AAIjG,MAAa,iBAAiB,YAAYA,cAAAA,UAAU,OAAO,SAAS,EAAE,eAAe,KAAK,CAAC;AAI3F,MAAa,6BAA6B,YAAYA,cAAAA,UAAU,mBAAmB,qBAAqB,EACtG,eAAe,KACjB,CAAC;AAID,MAAa,qBAAqB,YAAYA,cAAAA,UAAU,WAAW,aAAa,EAAE,eAAe,KAAK,CAAC;AAIvG,MAAa,uBAAuB,YAAYA,cAAAA,UAAU,aAAa,eAAe,EAAE,eAAe,KAAK,CAAC;AAI7G,MAAa,gBAAgB,YAAYA,cAAAA,UAAU,MAAM,QAAQ,EAAE,eAAe,KAAK,CAAC;AAIxF,MAAa,oBAAoB,YAAYA,cAAAA,UAAU,UAAU,YAAY,EAAE,eAAe,KAAK,CAAC;AAEpG,MAAM,yBAAyB,YAAYA,cAAAA,UAAU,OAAO,OAAO;AAKnE,MAAa,kBAAA,GAAA,MAAA,aAAoE,EAAE,UAAU,GAAG,SAAS,QACvG,iBAAA,GAAA,kBAAA,KAAC,wBAAD;CAAwB,SAAA;CAAa;CAAK,GAAI;WAC5C,iBAAA,GAAA,kBAAA,KAACC,cAAAA,OAAD,EAAQ,SAAgB,CAAA;AACF,CAAA,CACzB"}

package/lib/Text.js.map

@@ -1 +1 @@
-{"version":3,"file":"Text.js","names":["ark","css"],"sources":["../src/Text.tsx"],"sourcesContent":["/**\n * Copyright (c) 2024-present, NDLA.\n *\n * This source code is licensed under the GPLv3 license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport { type HTMLArkProps, ark } from \"@ark-ui/react\";\nimport { css } from \"@ndla/styled-system/css\";\nimport { styled } from \"@ndla/styled-system/jsx\";\nimport type { ColorToken, FontWeightToken } from \"@ndla/styled-system/tokens\";\nimport type { StyledProps, UtilityValues } from \"@ndla/styled-system/types\";\nimport { forwardRef } from \"react\";\n\nexport interface TextProps {\n  textStyle?: UtilityValues[\"textStyle\"];\n  fontWeight?: FontWeightToken;\n  color?: ColorToken;\n  srOnly?: boolean;\n}\n\nconst StyledP = styled(ark.p, {}, { baseComponent: true });\n\nexport interface TextComponentProps extends Omit<HTMLArkProps<\"p\">, \"color\">, StyledProps, TextProps {}\n\nexport const Text = forwardRef<HTMLParagraphElement, TextComponentProps>(\n  ({ textStyle = \"body.medium\", fontWeight, color, srOnly, css: cssProp, ...rest }, ref) => (\n    <StyledP css={css.raw({ textStyle, fontWeight, color, srOnly }, cssProp)} ref={ref} {...rest} />\n  ),\n);\n\nconst StyledH1 = styled(ark.h1, {}, { baseComponent: true });\n\nexport interface HeadingComponentProps extends Omit<HTMLArkProps<\"h1\">, \"color\">, StyledProps, TextProps {}\n\nexport const Heading = forwardRef<HTMLHeadingElement, HeadingComponentProps>(\n  ({ textStyle = \"heading.medium\", fontWeight, color, srOnly, css: cssProp, ...rest }, ref) => (\n    <StyledH1 css={css.raw({ textStyle, fontWeight, color, srOnly }, cssProp)} ref={ref} {...rest} />\n  ),\n);\n"],"mappings":";;;;;;;;;;;;;AAsBA,MAAM,WAAA,GAAA,wBAAA,QAAiBA,cAAAA,IAAI,GAAG,EAAE,EAAE,EAAE,eAAe,MAAM,CAAC;AAI1D,MAAa,QAAA,GAAA,MAAA,aACV,EAAE,YAAY,eAAe,YAAY,OAAO,QAAQ,KAAK,SAAS,GAAG,QAAQ,QAChF,iBAAA,GAAA,kBAAA,KAAC,SAAD;CAAS,KAAKC,wBAAAA,IAAI,IAAI;EAAE;EAAW;EAAY;EAAO;EAAQ,EAAE,QAAQ;CAAO;CAAK,GAAI;CAAQ,CAAA,CAEnG;AAED,MAAM,YAAA,GAAA,wBAAA,QAAkBD,cAAAA,IAAI,IAAI,EAAE,EAAE,EAAE,eAAe,MAAM,CAAC;AAI5D,MAAa,WAAA,GAAA,MAAA,aACV,EAAE,YAAY,kBAAkB,YAAY,OAAO,QAAQ,KAAK,SAAS,GAAG,QAAQ,QACnF,iBAAA,GAAA,kBAAA,KAAC,UAAD;CAAU,KAAKC,wBAAAA,IAAI,IAAI;EAAE;EAAW;EAAY;EAAO;EAAQ,EAAE,QAAQ;CAAO;CAAK,GAAI;CAAQ,CAAA,CAEpG"}
+{"version":3,"file":"Text.js","names":["ark","css"],"sources":["../src/Text.tsx"],"sourcesContent":["/**\n * Copyright (c) 2024-present, NDLA.\n *\n * This source code is licensed under the GPLv3 license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport { type HTMLArkProps, ark } from \"@ark-ui/react\";\nimport { css } from \"@ndla/styled-system/css\";\nimport { styled } from \"@ndla/styled-system/jsx\";\nimport type { ColorToken, FontWeightToken } from \"@ndla/styled-system/tokens\";\nimport type { StyledProps, UtilityValues } from \"@ndla/styled-system/types\";\nimport { forwardRef } from \"react\";\n\nexport interface TextProps {\n  textStyle?: UtilityValues[\"textStyle\"];\n  fontWeight?: FontWeightToken;\n  color?: ColorToken;\n  srOnly?: boolean;\n}\n\nconst StyledP = styled(ark.p, {}, { baseComponent: true });\n\nexport interface TextComponentProps extends Omit<HTMLArkProps<\"p\">, \"color\">, StyledProps, TextProps {}\n\nexport const Text = forwardRef<HTMLParagraphElement, TextComponentProps>(\n  ({ textStyle = \"body.medium\", fontWeight, color, srOnly, css: cssProp, ...rest }, ref) => (\n    <StyledP css={css.raw({ textStyle, fontWeight, color, srOnly }, cssProp)} ref={ref} {...rest} />\n  ),\n);\n\nconst StyledH1 = styled(ark.h1, {}, { baseComponent: true });\n\nexport interface HeadingComponentProps extends Omit<HTMLArkProps<\"h1\">, \"color\">, StyledProps, TextProps {}\n\nexport const Heading = forwardRef<HTMLHeadingElement, HeadingComponentProps>(\n  ({ textStyle = \"heading.medium\", fontWeight, color, srOnly, css: cssProp, ...rest }, ref) => (\n    <StyledH1 css={css.raw({ textStyle, fontWeight, color, srOnly }, cssProp)} ref={ref} {...rest} />\n  ),\n);\n"],"mappings":";;;;;;;;;;;;;AAsBA,MAAM,WAAA,GAAA,wBAAA,QAAiBA,cAAAA,IAAI,GAAG,CAAC,GAAG,EAAE,eAAe,KAAK,CAAC;AAIzD,MAAa,QAAA,GAAA,MAAA,aACV,EAAE,YAAY,eAAe,YAAY,OAAO,QAAQ,KAAK,SAAS,GAAG,QAAQ,QAChF,iBAAA,GAAA,kBAAA,KAAC,SAAD;CAAS,KAAKC,wBAAAA,IAAI,IAAI;EAAE;EAAW;EAAY;EAAO;CAAO,GAAG,OAAO;CAAQ;CAAK,GAAI;AAAO,CAAA,CAEnG;AAEA,MAAM,YAAA,GAAA,wBAAA,QAAkBD,cAAAA,IAAI,IAAI,CAAC,GAAG,EAAE,eAAe,KAAK,CAAC;AAI3D,MAAa,WAAA,GAAA,MAAA,aACV,EAAE,YAAY,kBAAkB,YAAY,OAAO,QAAQ,KAAK,SAAS,GAAG,QAAQ,QACnF,iBAAA,GAAA,kBAAA,KAAC,UAAD;CAAU,KAAKC,wBAAAA,IAAI,IAAI;EAAE;EAAW;EAAY;EAAO;CAAO,GAAG,OAAO;CAAQ;CAAK,GAAI;AAAO,CAAA,CAEpG"}

package/lib/Toast.js.map

@@ -1 +1 @@
-{"version":3,"file":"Toast.js","names":["toastAnatomy","Toast","Text"],"sources":["../src/Toast.tsx"],"sourcesContent":["/**\n * Copyright (c) 2024-present, NDLA.\n *\n * This source code is licensed under the GPLv3 license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport { Toast, toastAnatomy } from \"@ark-ui/react\";\nimport { sva } from \"@ndla/styled-system/css\";\nimport { createStyleContext } from \"@ndla/styled-system/jsx\";\nimport type { StyledProps, RecipeVariantProps } from \"@ndla/styled-system/types\";\nimport type { RefAttributes } from \"react\";\nimport { Text, type TextProps } from \"./Text\";\n\nconst toastRecipe = sva({\n  slots: toastAnatomy.keys(),\n  base: {\n    root: {\n      position: \"relative\",\n      borderRadius: \"xsmall\",\n      boxShadow: \"medium\",\n      minWidth: \"20rem\",\n      maxWidth: \"30rem\",\n      height: \"var(--height)\",\n      opacity: \"var(--opacity)\",\n      overflowWrap: \"anywhere\",\n      padding: \"small\",\n      scale: \"var(--scale)\",\n      translate: \"var(--x) var(--y) 0\",\n      willChange: \"translate, scale, opacity, height\",\n      zIndex: \"var(--z-index)\",\n      transitionDuration: \"slow\",\n      transitionProperty: \"translate, scale, opacity, height\",\n      transitionTimingFunction: \"default\",\n      _motionReduce: {\n        transition: \"none\",\n        transitionDuration: \"0s\",\n      },\n    },\n    title: {\n      paddingInlineEnd: \"xxlarge\",\n    },\n    closeTrigger: {\n      position: \"absolute\",\n      top: \"xxsmall\",\n      right: \"xxsmall\",\n    },\n    description: {\n      paddingInlineEnd: \"xxlarge\",\n    },\n  },\n  defaultVariants: {\n    variant: \"light\",\n  },\n  variants: {\n    variant: {\n      light: {\n        root: {\n          background: \"surface.brand.1.moderate\",\n          color: \"text.default\",\n        },\n      },\n      dark: {\n        root: {\n          background: \"surface.brand.1.strong\",\n          color: \"text.onAction\",\n        },\n      },\n    },\n  },\n});\n\nconst { withProvider, withContext } = createStyleContext(toastRecipe);\n\nexport type ToastRootVariantProps = NonNullable<RecipeVariantProps<typeof toastRecipe>>;\n\nexport interface ToastRootProps extends Toast.RootProps, StyledProps, ToastRootVariantProps {}\nexport const ToastRoot = withProvider(Toast.Root, \"root\", { baseComponent: true });\n\nexport const ToastActionTrigger = withContext(Toast.ActionTrigger, \"actionTrigger\", { baseComponent: true });\n\nexport const ToastCloseTrigger = withContext(Toast.CloseTrigger, \"closeTrigger\", { baseComponent: true });\n\nconst InternalToastDescription = withContext(Toast.Description, \"description\");\n\ninterface ToastDescriptionProps\n  extends Omit<Toast.DescriptionProps, \"color\">, TextProps, StyledProps, RefAttributes<HTMLDivElement> {}\n\nexport const ToastDescription = ({ textStyle = \"label.medium\", children, ...props }: ToastDescriptionProps) => (\n  <InternalToastDescription asChild>\n    <Text asChild consumeCss textStyle={textStyle} {...props}>\n      <div>{children}</div>\n    </Text>\n  </InternalToastDescription>\n);\n\nconst InternalToastTitle = withContext(Toast.Title, \"title\");\n\ninterface ToastTitleProps\n  extends Omit<Toast.TitleProps, \"color\">, TextProps, StyledProps, RefAttributes<HTMLDivElement> {}\n\nexport const ToastTitle = ({\n  textStyle = \"label.medium\",\n  fontWeight = \"semibold\",\n  children,\n  ...props\n}: ToastTitleProps) => (\n  <InternalToastTitle asChild>\n    <Text asChild consumeCss fontWeight={fontWeight} textStyle={textStyle} {...props}>\n      <div>{children}</div>\n    </Text>\n  </InternalToastTitle>\n);\n"],"mappings":";;;;;;;;;;;;;AAyEA,MAAM,EAAE,cAAc,iBAAA,GAAA,wBAAA,qBAAA,GAAA,wBAAA,KA1DE;CACtB,OAAOA,cAAAA,aAAa,MAAM;CAC1B,MAAM;EACJ,MAAM;GACJ,UAAU;GACV,cAAc;GACd,WAAW;GACX,UAAU;GACV,UAAU;GACV,QAAQ;GACR,SAAS;GACT,cAAc;GACd,SAAS;GACT,OAAO;GACP,WAAW;GACX,YAAY;GACZ,QAAQ;GACR,oBAAoB;GACpB,oBAAoB;GACpB,0BAA0B;GAC1B,eAAe;IACb,YAAY;IACZ,oBAAoB;IACrB;GACF;EACD,OAAO,EACL,kBAAkB,WACnB;EACD,cAAc;GACZ,UAAU;GACV,KAAK;GACL,OAAO;GACR;EACD,aAAa,EACX,kBAAkB,WACnB;EACF;CACD,iBAAiB,EACf,SAAS,SACV;CACD,UAAU,EACR,SAAS;EACP,OAAO,EACL,MAAM;GACJ,YAAY;GACZ,OAAO;GACR,EACF;EACD,MAAM,EACJ,MAAM;GACJ,YAAY;GACZ,OAAO;GACR,EACF;EACF,EACF;CACF,CAAC,CAEmE;AAKrE,MAAa,YAAY,aAAaC,cAAAA,MAAM,MAAM,QAAQ,EAAE,eAAe,MAAM,CAAC;AAElF,MAAa,qBAAqB,YAAYA,cAAAA,MAAM,eAAe,iBAAiB,EAAE,eAAe,MAAM,CAAC;AAE5G,MAAa,oBAAoB,YAAYA,cAAAA,MAAM,cAAc,gBAAgB,EAAE,eAAe,MAAM,CAAC;AAEzG,MAAM,2BAA2B,YAAYA,cAAAA,MAAM,aAAa,cAAc;AAK9E,MAAa,oBAAoB,EAAE,YAAY,gBAAgB,UAAU,GAAG,YAC1E,iBAAA,GAAA,kBAAA,KAAC,0BAAD;CAA0B,SAAA;WACxB,iBAAA,GAAA,kBAAA,KAACC,aAAAA,MAAD;EAAM,SAAA;EAAQ,YAAA;EAAsB;EAAW,GAAI;YACjD,iBAAA,GAAA,kBAAA,KAAC,OAAD,EAAM,UAAe,CAAA;EAChB,CAAA;CACkB,CAAA;AAG7B,MAAM,qBAAqB,YAAYD,cAAAA,MAAM,OAAO,QAAQ;AAK5D,MAAa,cAAc,EACzB,YAAY,gBACZ,aAAa,YACb,UACA,GAAG,YAEH,iBAAA,GAAA,kBAAA,KAAC,oBAAD;CAAoB,SAAA;WAClB,iBAAA,GAAA,kBAAA,KAACC,aAAAA,MAAD;EAAM,SAAA;EAAQ,YAAA;EAAuB;EAAuB;EAAW,GAAI;YACzE,iBAAA,GAAA,kBAAA,KAAC,OAAD,EAAM,UAAe,CAAA;EAChB,CAAA;CACY,CAAA"}
+{"version":3,"file":"Toast.js","names":["toastAnatomy","Toast","Text"],"sources":["../src/Toast.tsx"],"sourcesContent":["/**\n * Copyright (c) 2024-present, NDLA.\n *\n * This source code is licensed under the GPLv3 license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport { Toast, toastAnatomy } from \"@ark-ui/react\";\nimport { sva } from \"@ndla/styled-system/css\";\nimport { createStyleContext } from \"@ndla/styled-system/jsx\";\nimport type { StyledProps, RecipeVariantProps } from \"@ndla/styled-system/types\";\nimport type { RefAttributes } from \"react\";\nimport { Text, type TextProps } from \"./Text\";\n\nconst toastRecipe = sva({\n  slots: toastAnatomy.keys(),\n  base: {\n    root: {\n      position: \"relative\",\n      borderRadius: \"xsmall\",\n      boxShadow: \"medium\",\n      minWidth: \"20rem\",\n      maxWidth: \"30rem\",\n      height: \"var(--height)\",\n      opacity: \"var(--opacity)\",\n      overflowWrap: \"anywhere\",\n      padding: \"small\",\n      scale: \"var(--scale)\",\n      translate: \"var(--x) var(--y) 0\",\n      willChange: \"translate, scale, opacity, height\",\n      zIndex: \"var(--z-index)\",\n      transitionDuration: \"slow\",\n      transitionProperty: \"translate, scale, opacity, height\",\n      transitionTimingFunction: \"default\",\n      _motionReduce: {\n        transition: \"none\",\n        transitionDuration: \"0s\",\n      },\n    },\n    title: {\n      paddingInlineEnd: \"xxlarge\",\n    },\n    closeTrigger: {\n      position: \"absolute\",\n      top: \"xxsmall\",\n      right: \"xxsmall\",\n    },\n    description: {\n      paddingInlineEnd: \"xxlarge\",\n    },\n  },\n  defaultVariants: {\n    variant: \"light\",\n  },\n  variants: {\n    variant: {\n      light: {\n        root: {\n          background: \"surface.brand.1.moderate\",\n          color: \"text.default\",\n        },\n      },\n      dark: {\n        root: {\n          background: \"surface.brand.1.strong\",\n          color: \"text.onAction\",\n        },\n      },\n    },\n  },\n});\n\nconst { withProvider, withContext } = createStyleContext(toastRecipe);\n\nexport type ToastRootVariantProps = NonNullable<RecipeVariantProps<typeof toastRecipe>>;\n\nexport interface ToastRootProps extends Toast.RootProps, StyledProps, ToastRootVariantProps {}\nexport const ToastRoot = withProvider(Toast.Root, \"root\", { baseComponent: true });\n\nexport const ToastActionTrigger = withContext(Toast.ActionTrigger, \"actionTrigger\", { baseComponent: true });\n\nexport const ToastCloseTrigger = withContext(Toast.CloseTrigger, \"closeTrigger\", { baseComponent: true });\n\nconst InternalToastDescription = withContext(Toast.Description, \"description\");\n\ninterface ToastDescriptionProps\n  extends Omit<Toast.DescriptionProps, \"color\">, TextProps, StyledProps, RefAttributes<HTMLDivElement> {}\n\nexport const ToastDescription = ({ textStyle = \"label.medium\", children, ...props }: ToastDescriptionProps) => (\n  <InternalToastDescription asChild>\n    <Text asChild consumeCss textStyle={textStyle} {...props}>\n      <div>{children}</div>\n    </Text>\n  </InternalToastDescription>\n);\n\nconst InternalToastTitle = withContext(Toast.Title, \"title\");\n\ninterface ToastTitleProps\n  extends Omit<Toast.TitleProps, \"color\">, TextProps, StyledProps, RefAttributes<HTMLDivElement> {}\n\nexport const ToastTitle = ({\n  textStyle = \"label.medium\",\n  fontWeight = \"semibold\",\n  children,\n  ...props\n}: ToastTitleProps) => (\n  <InternalToastTitle asChild>\n    <Text asChild consumeCss fontWeight={fontWeight} textStyle={textStyle} {...props}>\n      <div>{children}</div>\n    </Text>\n  </InternalToastTitle>\n);\n"],"mappings":";;;;;;;;;;;;;AAyEA,MAAM,EAAE,cAAc,iBAAA,GAAA,wBAAA,qBAAA,GAAA,wBAAA,KA1DE;CACtB,OAAOA,cAAAA,aAAa,KAAK;CACzB,MAAM;EACJ,MAAM;GACJ,UAAU;GACV,cAAc;GACd,WAAW;GACX,UAAU;GACV,UAAU;GACV,QAAQ;GACR,SAAS;GACT,cAAc;GACd,SAAS;GACT,OAAO;GACP,WAAW;GACX,YAAY;GACZ,QAAQ;GACR,oBAAoB;GACpB,oBAAoB;GACpB,0BAA0B;GAC1B,eAAe;IACb,YAAY;IACZ,oBAAoB;GACtB;EACF;EACA,OAAO,EACL,kBAAkB,UACpB;EACA,cAAc;GACZ,UAAU;GACV,KAAK;GACL,OAAO;EACT;EACA,aAAa,EACX,kBAAkB,UACpB;CACF;CACA,iBAAiB,EACf,SAAS,QACX;CACA,UAAU,EACR,SAAS;EACP,OAAO,EACL,MAAM;GACJ,YAAY;GACZ,OAAO;EACT,EACF;EACA,MAAM,EACJ,MAAM;GACJ,YAAY;GACZ,OAAO;EACT,EACF;CACF,EACF;AACF,CAEmE,CAAC;AAKpE,MAAa,YAAY,aAAaC,cAAAA,MAAM,MAAM,QAAQ,EAAE,eAAe,KAAK,CAAC;AAEjF,MAAa,qBAAqB,YAAYA,cAAAA,MAAM,eAAe,iBAAiB,EAAE,eAAe,KAAK,CAAC;AAE3G,MAAa,oBAAoB,YAAYA,cAAAA,MAAM,cAAc,gBAAgB,EAAE,eAAe,KAAK,CAAC;AAExG,MAAM,2BAA2B,YAAYA,cAAAA,MAAM,aAAa,aAAa;AAK7E,MAAa,oBAAoB,EAAE,YAAY,gBAAgB,UAAU,GAAG,YAC1E,iBAAA,GAAA,kBAAA,KAAC,0BAAD;CAA0B,SAAA;WACxB,iBAAA,GAAA,kBAAA,KAACC,aAAAA,MAAD;EAAM,SAAA;EAAQ,YAAA;EAAsB;EAAW,GAAI;YACjD,iBAAA,GAAA,kBAAA,KAAC,OAAD,EAAM,SAAc,CAAA;CAChB,CAAA;AACkB,CAAA;AAG5B,MAAM,qBAAqB,YAAYD,cAAAA,MAAM,OAAO,OAAO;AAK3D,MAAa,cAAc,EACzB,YAAY,gBACZ,aAAa,YACb,UACA,GAAG,YAEH,iBAAA,GAAA,kBAAA,KAAC,oBAAD;CAAoB,SAAA;WAClB,iBAAA,GAAA,kBAAA,KAACC,aAAAA,MAAD;EAAM,SAAA;EAAQ,YAAA;EAAuB;EAAuB;EAAW,GAAI;YACzE,iBAAA,GAAA,kBAAA,KAAC,OAAD,EAAM,SAAc,CAAA;CAChB,CAAA;AACY,CAAA"}

package/lib/ToggleGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToggleGroup.js","names":["toggleGroupAnatomy","ToggleGroup"],"sources":["../src/ToggleGroup.tsx"],"sourcesContent":["/**\n * Copyright (c) 2024-present, NDLA.\n *\n * This source code is licensed under the GPLv3 license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport { toggleGroupAnatomy, ToggleGroup } from \"@ark-ui/react\";\nimport { type RecipeVariantProps, sva } from \"@ndla/styled-system/css\";\nimport { createStyleContext } from \"@ndla/styled-system/jsx\";\nimport type { StyledProps } from \"@ndla/styled-system/types\";\n\nconst toggleGroupRecipe = sva({\n  slots: toggleGroupAnatomy.keys(),\n  base: {\n    root: {\n      display: \"flex\",\n      flexDirection: \"row\",\n      gap: \"4xsmall\",\n    },\n  },\n});\n\nconst { withProvider, withContext } = createStyleContext(toggleGroupRecipe);\n\nexport type ToggleGroupVariantProps = NonNullable<RecipeVariantProps<typeof toggleGroupRecipe>>;\nexport interface ToggleGroupRootProps extends ToggleGroup.RootProps, StyledProps, ToggleGroupVariantProps {}\n\nexport const ToggleGroupRoot = withProvider(ToggleGroup.Root, \"root\", { baseComponent: true });\n\nexport interface ToggleGroupItemProps extends ToggleGroup.ItemProps, StyledProps {}\n\nexport const ToggleGroupItem = withContext(ToggleGroup.Item, \"item\", { baseComponent: true });\n"],"mappings":";;;;;;;;;;AAwBA,MAAM,EAAE,cAAc,iBAAA,sCAAA,qBAAA,GAAA,wBAAA,KAXQ;CAC5B,OAAOA,cAAAA,mBAAmB,MAAM;CAChC,MAAM,EACJ,MAAM;EACJ,SAAS;EACT,eAAe;EACf,KAAK;EACN,EACF;CACF,CAAC,CAEyE;AAK3E,MAAa,kBAAkB,aAAaC,cAAAA,YAAY,MAAM,QAAQ,EAAE,eAAe,MAAM,CAAC;AAI9F,MAAa,kBAAkB,YAAYA,cAAAA,YAAY,MAAM,QAAQ,EAAE,eAAe,MAAM,CAAC"}
+{"version":3,"file":"ToggleGroup.js","names":["toggleGroupAnatomy","ToggleGroup"],"sources":["../src/ToggleGroup.tsx"],"sourcesContent":["/**\n * Copyright (c) 2024-present, NDLA.\n *\n * This source code is licensed under the GPLv3 license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport { toggleGroupAnatomy, ToggleGroup } from \"@ark-ui/react\";\nimport { type RecipeVariantProps, sva } from \"@ndla/styled-system/css\";\nimport { createStyleContext } from \"@ndla/styled-system/jsx\";\nimport type { StyledProps } from \"@ndla/styled-system/types\";\n\nconst toggleGroupRecipe = sva({\n  slots: toggleGroupAnatomy.keys(),\n  base: {\n    root: {\n      display: \"flex\",\n      flexDirection: \"row\",\n      gap: \"4xsmall\",\n    },\n  },\n});\n\nconst { withProvider, withContext } = createStyleContext(toggleGroupRecipe);\n\nexport type ToggleGroupVariantProps = NonNullable<RecipeVariantProps<typeof toggleGroupRecipe>>;\nexport interface ToggleGroupRootProps extends ToggleGroup.RootProps, StyledProps, ToggleGroupVariantProps {}\n\nexport const ToggleGroupRoot = withProvider(ToggleGroup.Root, \"root\", { baseComponent: true });\n\nexport interface ToggleGroupItemProps extends ToggleGroup.ItemProps, StyledProps {}\n\nexport const ToggleGroupItem = withContext(ToggleGroup.Item, \"item\", { baseComponent: true });\n"],"mappings":";;;;;;;;;;AAwBA,MAAM,EAAE,cAAc,iBAAA,oCAAA,EAAA,qBAAA,GAAA,wBAAA,KAXQ;CAC5B,OAAOA,cAAAA,mBAAmB,KAAK;CAC/B,MAAM,EACJ,MAAM;EACJ,SAAS;EACT,eAAe;EACf,KAAK;CACP,EACF;AACF,CAEyE,CAAC;AAK1E,MAAa,kBAAkB,aAAaC,cAAAA,YAAY,MAAM,QAAQ,EAAE,eAAe,KAAK,CAAC;AAI7F,MAAa,kBAAkB,YAAYA,cAAAA,YAAY,MAAM,QAAQ,EAAE,eAAe,KAAK,CAAC"}

package/lib/Tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.js","names":["tooltipAnatomy","Tooltip"],"sources":["../src/Tooltip.tsx"],"sourcesContent":["/**\n * Copyright (c) 2024-present, NDLA.\n *\n * This source code is licensed under the GPLv3 license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport { Tooltip, tooltipAnatomy } from \"@ark-ui/react\";\nimport { sva } from \"@ndla/styled-system/css\";\nimport { createStyleContext } from \"@ndla/styled-system/jsx\";\nimport type { StyledProps } from \"@ndla/styled-system/types\";\nimport { forwardRef } from \"react\";\n\nconst tooltipRecipe = sva({\n  slots: tooltipAnatomy.keys(),\n  base: {\n    content: {\n      background: \"surface.action\",\n      textStyle: \"label.small\",\n      color: \"text.onAction\",\n      paddingInline: \"xxsmall\",\n      paddingBlock: \"4xsmall\",\n      \"--arrow-size\": \"spacing.xxsmall\",\n      \"--arrow-background\": \"colors.surface.action\",\n      _open: {\n        animation: \"fade-shift-in 0.2s ease-out\",\n        _motionReduce: {\n          animation: \"none\",\n        },\n      },\n      _closed: {\n        animation: \"fade-shift-out 0.2s ease-out\",\n        _motionReduce: {\n          animation: \"none\",\n        },\n      },\n    },\n  },\n});\n\nconst { withRootProvider, withContext } = createStyleContext(tooltipRecipe);\n\nexport type TooltipRootProps = Tooltip.RootProps;\nexport const TooltipRoot = withRootProvider(Tooltip.Root);\n\nexport const TooltipArrow = withContext(Tooltip.Arrow, \"arrow\", { baseComponent: true });\n\nexport const TooltipArrowTip = withContext(Tooltip.ArrowTip, \"arrowTip\", { baseComponent: true });\n\nexport const TooltipContentStandalone = withContext(Tooltip.Content, \"content\", { baseComponent: true });\n\ninterface TooltipContentProps extends Tooltip.ContentProps, StyledProps {}\n\nexport const TooltipContent = forwardRef<HTMLDivElement, TooltipContentProps>(({ children, ...props }, ref) => (\n  <TooltipPositioner>\n    <TooltipContentStandalone {...props} ref={ref}>\n      <TooltipArrow>\n        <TooltipArrowTip />\n      </TooltipArrow>\n      {children}\n    </TooltipContentStandalone>\n  </TooltipPositioner>\n));\n\nexport const TooltipPositioner = withContext(Tooltip.Positioner, \"positioner\", { baseComponent: true });\n\nexport const TooltipTrigger = withContext(Tooltip.Trigger, \"trigger\", { baseComponent: true });\n"],"mappings":";;;;;;;;;;;;;AAyCA,MAAM,EAAE,kBAAkB,iBAAA,GAAA,wBAAA,qBAAA,GAAA,wBAAA,KA3BA;CACxB,OAAOA,cAAAA,eAAe,MAAM;CAC5B,MAAM,EACJ,SAAS;EACP,YAAY;EACZ,WAAW;EACX,OAAO;EACP,eAAe;EACf,cAAc;EACd,gBAAgB;EAChB,sBAAsB;EACtB,OAAO;GACL,WAAW;GACX,eAAe,EACb,WAAW,QACZ;GACF;EACD,SAAS;GACP,WAAW;GACX,eAAe,EACb,WAAW,QACZ;GACF;EACF,EACF;CACF,CAAC,CAEyE;AAG3E,MAAa,cAAc,iBAAiBC,cAAAA,QAAQ,KAAK;AAEzD,MAAa,eAAe,YAAYA,cAAAA,QAAQ,OAAO,SAAS,EAAE,eAAe,MAAM,CAAC;AAExF,MAAa,kBAAkB,YAAYA,cAAAA,QAAQ,UAAU,YAAY,EAAE,eAAe,MAAM,CAAC;AAEjG,MAAa,2BAA2B,YAAYA,cAAAA,QAAQ,SAAS,WAAW,EAAE,eAAe,MAAM,CAAC;AAIxG,MAAa,kBAAA,GAAA,MAAA,aAAkE,EAAE,UAAU,GAAG,SAAS,QACrG,iBAAA,GAAA,kBAAA,KAAC,mBAAD,EAAA,UACE,iBAAA,GAAA,kBAAA,MAAC,0BAAD;CAA0B,GAAI;CAAY;WAA1C,CACE,iBAAA,GAAA,kBAAA,KAAC,cAAD,EAAA,UACE,iBAAA,GAAA,kBAAA,KAAC,iBAAD,EAAmB,CAAA,EACN,CAAA,EACd,SACwB;IACT,CAAA,CACpB;AAEF,MAAa,oBAAoB,YAAYA,cAAAA,QAAQ,YAAY,cAAc,EAAE,eAAe,MAAM,CAAC;AAEvG,MAAa,iBAAiB,YAAYA,cAAAA,QAAQ,SAAS,WAAW,EAAE,eAAe,MAAM,CAAC"}
+{"version":3,"file":"Tooltip.js","names":["tooltipAnatomy","Tooltip"],"sources":["../src/Tooltip.tsx"],"sourcesContent":["/**\n * Copyright (c) 2024-present, NDLA.\n *\n * This source code is licensed under the GPLv3 license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport { Tooltip, tooltipAnatomy } from \"@ark-ui/react\";\nimport { sva } from \"@ndla/styled-system/css\";\nimport { createStyleContext } from \"@ndla/styled-system/jsx\";\nimport type { StyledProps } from \"@ndla/styled-system/types\";\nimport { forwardRef } from \"react\";\n\nconst tooltipRecipe = sva({\n  slots: tooltipAnatomy.keys(),\n  base: {\n    content: {\n      background: \"surface.action\",\n      textStyle: \"label.small\",\n      color: \"text.onAction\",\n      paddingInline: \"xxsmall\",\n      paddingBlock: \"4xsmall\",\n      \"--arrow-size\": \"spacing.xxsmall\",\n      \"--arrow-background\": \"colors.surface.action\",\n      _open: {\n        animation: \"fade-shift-in 0.2s ease-out\",\n        _motionReduce: {\n          animation: \"none\",\n        },\n      },\n      _closed: {\n        animation: \"fade-shift-out 0.2s ease-out\",\n        _motionReduce: {\n          animation: \"none\",\n        },\n      },\n    },\n  },\n});\n\nconst { withRootProvider, withContext } = createStyleContext(tooltipRecipe);\n\nexport type TooltipRootProps = Tooltip.RootProps;\nexport const TooltipRoot = withRootProvider(Tooltip.Root);\n\nexport const TooltipArrow = withContext(Tooltip.Arrow, \"arrow\", { baseComponent: true });\n\nexport const TooltipArrowTip = withContext(Tooltip.ArrowTip, \"arrowTip\", { baseComponent: true });\n\nexport const TooltipContentStandalone = withContext(Tooltip.Content, \"content\", { baseComponent: true });\n\ninterface TooltipContentProps extends Tooltip.ContentProps, StyledProps {}\n\nexport const TooltipContent = forwardRef<HTMLDivElement, TooltipContentProps>(({ children, ...props }, ref) => (\n  <TooltipPositioner>\n    <TooltipContentStandalone {...props} ref={ref}>\n      <TooltipArrow>\n        <TooltipArrowTip />\n      </TooltipArrow>\n      {children}\n    </TooltipContentStandalone>\n  </TooltipPositioner>\n));\n\nexport const TooltipPositioner = withContext(Tooltip.Positioner, \"positioner\", { baseComponent: true });\n\nexport const TooltipTrigger = withContext(Tooltip.Trigger, \"trigger\", { baseComponent: true });\n"],"mappings":";;;;;;;;;;;;;AAyCA,MAAM,EAAE,kBAAkB,iBAAA,GAAA,wBAAA,qBAAA,GAAA,wBAAA,KA3BA;CACxB,OAAOA,cAAAA,eAAe,KAAK;CAC3B,MAAM,EACJ,SAAS;EACP,YAAY;EACZ,WAAW;EACX,OAAO;EACP,eAAe;EACf,cAAc;EACd,gBAAgB;EAChB,sBAAsB;EACtB,OAAO;GACL,WAAW;GACX,eAAe,EACb,WAAW,OACb;EACF;EACA,SAAS;GACP,WAAW;GACX,eAAe,EACb,WAAW,OACb;EACF;CACF,EACF;AACF,CAEyE,CAAC;AAG1E,MAAa,cAAc,iBAAiBC,cAAAA,QAAQ,IAAI;AAExD,MAAa,eAAe,YAAYA,cAAAA,QAAQ,OAAO,SAAS,EAAE,eAAe,KAAK,CAAC;AAEvF,MAAa,kBAAkB,YAAYA,cAAAA,QAAQ,UAAU,YAAY,EAAE,eAAe,KAAK,CAAC;AAEhG,MAAa,2BAA2B,YAAYA,cAAAA,QAAQ,SAAS,WAAW,EAAE,eAAe,KAAK,CAAC;AAIvG,MAAa,kBAAA,GAAA,MAAA,aAAkE,EAAE,UAAU,GAAG,SAAS,QACrG,iBAAA,GAAA,kBAAA,KAAC,mBAAD,EAAA,UACE,iBAAA,GAAA,kBAAA,MAAC,0BAAD;CAA0B,GAAI;CAAY;WAA1C,CACE,iBAAA,GAAA,kBAAA,KAAC,cAAD,EAAA,UACE,iBAAA,GAAA,kBAAA,KAAC,iBAAD,CAAkB,CAAA,EACN,CAAA,GACb,QACuB;GACT,CAAA,CACpB;AAED,MAAa,oBAAoB,YAAYA,cAAAA,QAAQ,YAAY,cAAc,EAAE,eAAe,KAAK,CAAC;AAEtG,MAAa,iBAAiB,YAAYA,cAAAA,QAAQ,SAAS,WAAW,EAAE,eAAe,KAAK,CAAC"}

package/lib/Tree/Tree.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tree.js","names":["treeViewAnatomy","TreeView","Text","_createTreeCollection","_useTreeView"],"sources":["../../src/Tree/Tree.tsx"],"sourcesContent":["/**\n * Copyright (c) 2024-present, NDLA.\n *\n * This source code is licensed under the GPLv3 license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport {\n  TreeView,\n  treeViewAnatomy,\n  type TreeNode,\n  createTreeCollection as _createTreeCollection,\n  useTreeView as _useTreeView,\n} from \"@ark-ui/react\";\nimport { sva } from \"@ndla/styled-system/css\";\nimport { createStyleContext } from \"@ndla/styled-system/jsx\";\nimport type { StyledProps } from \"@ndla/styled-system/types\";\nimport { forwardRef, type ElementType, type RefAttributes } from \"react\";\nimport { Text, type TextProps } from \"../Text\";\n\nconst treeRecipe = sva({\n  slots: treeViewAnatomy.keys(),\n  base: {\n    root: {\n      width: \"100%\",\n    },\n    branch: {\n      display: \"flex\",\n      flexDirection: \"column\",\n      gap: \"3xsmall\",\n    },\n    branchContent: {\n      position: \"relative\",\n      display: \"flex\",\n      flexDirection: \"column\",\n      gap: \"3xsmall\",\n    },\n    branchControl: {\n      display: \"flex\",\n      alignItems: \"center\",\n      gap: \"3xsmall\",\n      borderRadius: \"xsmall\",\n      height: \"xxlarge\",\n      cursor: \"pointer\",\n      paddingInlineStart: \"calc((var(--depth) - 1) * token(spacing.medium))\",\n      paddingInlineEnd: \"xsmall\",\n      paddingBlock: \"xsmall\",\n      transitionDuration: \"normal\",\n      transitionProperty: \"background, color\",\n      transitionTimingFunction: \"default\",\n      _hover: {\n        background: \"surface.hover\",\n      },\n      _selected: {\n        background: \"surface.selected\",\n      },\n    },\n    branchIndicator: {\n      transformOrigin: \"center\",\n      transitionDuration: \"normal\",\n      transitionProperty: \"transform\",\n      transitionTimingFunction: \"default\",\n      _open: {\n        transform: \"rotate(90deg)\",\n      },\n    },\n    item: {\n      display: \"flex\",\n      cursor: \"pointer\",\n      position: \"relative\",\n      borderRadius: \"xsmall\",\n      justifyContent: \"space-between\",\n      paddingBlock: \"xsmall\",\n      paddingInlineEnd: \"xsmall\",\n      paddingInlineStart:\n        \"calc(((var(--depth) - 1) * token(spacing.medium)) + token(spacing.xxlarge) + token(spacing.3xsmall))\",\n      transitionDuration: \"normal\",\n      transitionProperty: \"background, color\",\n      transitionTimingFunction: \"default\",\n      height: \"xxlarge\",\n      alignItems: \"center\",\n\n      _hover: {\n        background: \"surface.hover\",\n      },\n      _selected: {\n        background: \"surface.selected\",\n        _hover: {\n          background: \"surface.hover\",\n        },\n      },\n    },\n    itemIndicator: {\n      color: \"icon.strong\",\n    },\n    itemText: {\n      overflow: \"hidden\",\n      textOverflow: \"ellipsis\",\n    },\n    branchText: {\n      overflow: \"hidden\",\n      textOverflow: \"ellipsis\",\n    },\n    tree: {\n      display: \"flex\",\n      flexDirection: \"column\",\n      gap: \"3xsmall\",\n    },\n  },\n});\n\nconst { withProvider, withContext } = createStyleContext(treeRecipe);\n\nexport interface TreeRootProps<T extends TreeNode = TreeNode>\n  extends TreeView.RootProps<T>, StyledProps, RefAttributes<HTMLDivElement> {}\n\nconst InternalTreeRoot = withProvider<ElementType<TreeRootProps>>(TreeView.Root, \"root\", { baseComponent: true });\n\nexport const TreeRoot = <T extends TreeNode = TreeNode>(props: TreeRootProps<T>) => <InternalTreeRoot {...props} />;\n\nexport interface TreeRootProviderProps<T extends TreeNode = TreeNode>\n  extends TreeView.RootProviderProps<T>, StyledProps {}\n\nconst InternalTreeRootProvider = withProvider<ElementType<TreeRootProviderProps>>(TreeView.RootProvider, \"root\", {\n  baseComponent: true,\n});\n\nexport const TreeRootProvider = <T extends TreeNode = TreeNode>(props: TreeRootProviderProps<T>) => (\n  <InternalTreeRootProvider {...props} />\n);\n\nexport const TreeBranchContent = withContext(TreeView.BranchContent, \"branchContent\", { baseComponent: true });\n\nexport const TreeBranchControl = withContext(TreeView.BranchControl, \"branchControl\", { baseComponent: true });\n\nexport const TreeBranchIndicator = withContext(TreeView.BranchIndicator, \"branchIndicator\", { baseComponent: true });\n\nexport const TreeBranch = withContext(TreeView.Branch, \"branch\", {\n  baseComponent: true,\n});\n\nconst InternalTreeBranchText = withContext(TreeView.BranchText, \"branchText\", { baseComponent: true });\n\ninterface TreeBranchTextProps\n  extends Omit<TreeView.BranchTextProps, \"color\">, TextProps, StyledProps, RefAttributes<HTMLDivElement> {}\n\nexport const TreeBranchText = forwardRef<HTMLDivElement, TreeBranchTextProps>(\n  ({ textStyle = \"label.medium\", fontWeight = \"bold\", children, ...props }, ref) => (\n    <InternalTreeBranchText asChild {...props} ref={ref}>\n      <Text textStyle={textStyle} fontWeight={fontWeight} asChild consumeCss>\n        <div>{children}</div>\n      </Text>\n    </InternalTreeBranchText>\n  ),\n);\n\nexport const TreeBranchTrigger = withContext(TreeView.BranchTrigger, \"branchTrigger\", { baseComponent: true });\n\nexport const TreeItemIndicator = withContext(TreeView.ItemIndicator, \"itemIndicator\", { baseComponent: true });\n\nexport const TreeItem = withContext(TreeView.Item, \"item\", { baseComponent: true });\n\nconst InternalTreeItemText = withContext(TreeView.ItemText, \"itemText\", { baseComponent: true });\n\ninterface TreeItemTextProps\n  extends Omit<TreeView.ItemTextProps, \"color\">, TextProps, StyledProps, RefAttributes<HTMLDivElement> {}\n\nexport const TreeItemText = forwardRef<HTMLDivElement, TreeItemTextProps>(\n  ({ textStyle = \"label.medium\", fontWeight = \"bold\", children, ...props }, ref) => (\n    <InternalTreeItemText asChild {...props} ref={ref}>\n      <Text textStyle={textStyle} fontWeight={fontWeight} asChild consumeCss>\n        <div>{children}</div>\n      </Text>\n    </InternalTreeItemText>\n  ),\n);\n\nconst InternalTreeLabel = withContext(TreeView.Label, \"label\", { baseComponent: true });\n\ninterface TreeLabelProps\n  extends Omit<TreeView.LabelProps, \"color\">, TextProps, StyledProps, RefAttributes<HTMLDivElement> {}\n\nexport const TreeLabel = forwardRef<HTMLDivElement, TreeLabelProps>(\n  ({ children, textStyle = \"label.medium\", fontWeight = \"bold\", ...props }, ref) => (\n    <InternalTreeLabel asChild {...props} ref={ref}>\n      <Text textStyle={textStyle} fontWeight={fontWeight} asChild consumeCss>\n        <div>{children}</div>\n      </Text>\n    </InternalTreeLabel>\n  ),\n);\n\nexport const Tree = withContext(TreeView.Tree, \"tree\", { baseComponent: true });\n\nexport const createTreeCollection = _createTreeCollection;\n\nexport const TreeNodeProvider = TreeView.NodeProvider;\nexport const TreeNodeContext = TreeView.NodeContext;\nexport const useTreeView = _useTreeView;\n"],"mappings":";;;;;;;;;;;;;;AAgHA,MAAM,EAAE,cAAc,iBAAA,GAAA,wBAAA,qBAAA,GAAA,wBAAA,KA3FC;CACrB,OAAOA,cAAAA,gBAAgB,MAAM;CAC7B,MAAM;EACJ,MAAM,EACJ,OAAO,QACR;EACD,QAAQ;GACN,SAAS;GACT,eAAe;GACf,KAAK;GACN;EACD,eAAe;GACb,UAAU;GACV,SAAS;GACT,eAAe;GACf,KAAK;GACN;EACD,eAAe;GACb,SAAS;GACT,YAAY;GACZ,KAAK;GACL,cAAc;GACd,QAAQ;GACR,QAAQ;GACR,oBAAoB;GACpB,kBAAkB;GAClB,cAAc;GACd,oBAAoB;GACpB,oBAAoB;GACpB,0BAA0B;GAC1B,QAAQ,EACN,YAAY,iBACb;GACD,WAAW,EACT,YAAY,oBACb;GACF;EACD,iBAAiB;GACf,iBAAiB;GACjB,oBAAoB;GACpB,oBAAoB;GACpB,0BAA0B;GAC1B,OAAO,EACL,WAAW,iBACZ;GACF;EACD,MAAM;GACJ,SAAS;GACT,QAAQ;GACR,UAAU;GACV,cAAc;GACd,gBAAgB;GAChB,cAAc;GACd,kBAAkB;GAClB,oBACE;GACF,oBAAoB;GACpB,oBAAoB;GACpB,0BAA0B;GAC1B,QAAQ;GACR,YAAY;GAEZ,QAAQ,EACN,YAAY,iBACb;GACD,WAAW;IACT,YAAY;IACZ,QAAQ,EACN,YAAY,iBACb;IACF;GACF;EACD,eAAe,EACb,OAAO,eACR;EACD,UAAU;GACR,UAAU;GACV,cAAc;GACf;EACD,YAAY;GACV,UAAU;GACV,cAAc;GACf;EACD,MAAM;GACJ,SAAS;GACT,eAAe;GACf,KAAK;GACN;EACF;CACF,CAAC,CAEkE;AAKpE,MAAM,mBAAmB,aAAyCC,cAAAA,SAAS,MAAM,QAAQ,EAAE,eAAe,MAAM,CAAC;AAEjH,MAAa,YAA2C,UAA4B,iBAAA,GAAA,kBAAA,KAAC,kBAAD,EAAkB,GAAI,OAAS,CAAA;AAKnH,MAAM,2BAA2B,aAAiDA,cAAAA,SAAS,cAAc,QAAQ,EAC/G,eAAe,MAChB,CAAC;AAEF,MAAa,oBAAmD,UAC9D,iBAAA,GAAA,kBAAA,KAAC,0BAAD,EAA0B,GAAI,OAAS,CAAA;AAGzC,MAAa,oBAAoB,YAAYA,cAAAA,SAAS,eAAe,iBAAiB,EAAE,eAAe,MAAM,CAAC;AAE9G,MAAa,oBAAoB,YAAYA,cAAAA,SAAS,eAAe,iBAAiB,EAAE,eAAe,MAAM,CAAC;AAE9G,MAAa,sBAAsB,YAAYA,cAAAA,SAAS,iBAAiB,mBAAmB,EAAE,eAAe,MAAM,CAAC;AAEpH,MAAa,aAAa,YAAYA,cAAAA,SAAS,QAAQ,UAAU,EAC/D,eAAe,MAChB,CAAC;AAEF,MAAM,yBAAyB,YAAYA,cAAAA,SAAS,YAAY,cAAc,EAAE,eAAe,MAAM,CAAC;AAKtG,MAAa,kBAAA,GAAA,MAAA,aACV,EAAE,YAAY,gBAAgB,aAAa,QAAQ,UAAU,GAAG,SAAS,QACxE,iBAAA,GAAA,kBAAA,KAAC,wBAAD;CAAwB,SAAA;CAAQ,GAAI;CAAY;WAC9C,iBAAA,GAAA,kBAAA,KAACC,aAAAA,MAAD;EAAiB;EAAuB;EAAY,SAAA;EAAQ,YAAA;YAC1D,iBAAA,GAAA,kBAAA,KAAC,OAAD,EAAM,UAAe,CAAA;EAChB,CAAA;CACgB,CAAA,CAE5B;AAED,MAAa,oBAAoB,YAAYD,cAAAA,SAAS,eAAe,iBAAiB,EAAE,eAAe,MAAM,CAAC;AAE9G,MAAa,oBAAoB,YAAYA,cAAAA,SAAS,eAAe,iBAAiB,EAAE,eAAe,MAAM,CAAC;AAE9G,MAAa,WAAW,YAAYA,cAAAA,SAAS,MAAM,QAAQ,EAAE,eAAe,MAAM,CAAC;AAEnF,MAAM,uBAAuB,YAAYA,cAAAA,SAAS,UAAU,YAAY,EAAE,eAAe,MAAM,CAAC;AAKhG,MAAa,gBAAA,GAAA,MAAA,aACV,EAAE,YAAY,gBAAgB,aAAa,QAAQ,UAAU,GAAG,SAAS,QACxE,iBAAA,GAAA,kBAAA,KAAC,sBAAD;CAAsB,SAAA;CAAQ,GAAI;CAAY;WAC5C,iBAAA,GAAA,kBAAA,KAACC,aAAAA,MAAD;EAAiB;EAAuB;EAAY,SAAA;EAAQ,YAAA;YAC1D,iBAAA,GAAA,kBAAA,KAAC,OAAD,EAAM,UAAe,CAAA;EAChB,CAAA;CACc,CAAA,CAE1B;AAED,MAAM,oBAAoB,YAAYD,cAAAA,SAAS,OAAO,SAAS,EAAE,eAAe,MAAM,CAAC;AAKvF,MAAa,aAAA,GAAA,MAAA,aACV,EAAE,UAAU,YAAY,gBAAgB,aAAa,QAAQ,GAAG,SAAS,QACxE,iBAAA,GAAA,kBAAA,KAAC,mBAAD;CAAmB,SAAA;CAAQ,GAAI;CAAY;WACzC,iBAAA,GAAA,kBAAA,KAACC,aAAAA,MAAD;EAAiB;EAAuB;EAAY,SAAA;EAAQ,YAAA;YAC1D,iBAAA,GAAA,kBAAA,KAAC,OAAD,EAAM,UAAe,CAAA;EAChB,CAAA;CACW,CAAA,CAEvB;AAED,MAAa,OAAO,YAAYD,cAAAA,SAAS,MAAM,QAAQ,EAAE,eAAe,MAAM,CAAC;AAE/E,MAAa,uBAAuBE,cAAAA;AAEpC,MAAa,mBAAmBF,cAAAA,SAAS;AACzC,MAAa,kBAAkBA,cAAAA,SAAS;AACxC,MAAa,cAAcG,cAAAA"}
+{"version":3,"file":"Tree.js","names":["treeViewAnatomy","TreeView","Text","_createTreeCollection","_useTreeView"],"sources":["../../src/Tree/Tree.tsx"],"sourcesContent":["/**\n * Copyright (c) 2024-present, NDLA.\n *\n * This source code is licensed under the GPLv3 license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport {\n  TreeView,\n  treeViewAnatomy,\n  type TreeNode,\n  createTreeCollection as _createTreeCollection,\n  useTreeView as _useTreeView,\n} from \"@ark-ui/react\";\nimport { sva } from \"@ndla/styled-system/css\";\nimport { createStyleContext } from \"@ndla/styled-system/jsx\";\nimport type { StyledProps } from \"@ndla/styled-system/types\";\nimport { forwardRef, type ElementType, type RefAttributes } from \"react\";\nimport { Text, type TextProps } from \"../Text\";\n\nconst treeRecipe = sva({\n  slots: treeViewAnatomy.keys(),\n  base: {\n    root: {\n      width: \"100%\",\n    },\n    branch: {\n      display: \"flex\",\n      flexDirection: \"column\",\n      gap: \"3xsmall\",\n    },\n    branchContent: {\n      position: \"relative\",\n      display: \"flex\",\n      flexDirection: \"column\",\n      gap: \"3xsmall\",\n    },\n    branchControl: {\n      display: \"flex\",\n      alignItems: \"center\",\n      gap: \"3xsmall\",\n      borderRadius: \"xsmall\",\n      height: \"xxlarge\",\n      cursor: \"pointer\",\n      paddingInlineStart: \"calc((var(--depth) - 1) * token(spacing.medium))\",\n      paddingInlineEnd: \"xsmall\",\n      paddingBlock: \"xsmall\",\n      transitionDuration: \"normal\",\n      transitionProperty: \"background, color\",\n      transitionTimingFunction: \"default\",\n      _hover: {\n        background: \"surface.hover\",\n      },\n      _selected: {\n        background: \"surface.selected\",\n      },\n    },\n    branchIndicator: {\n      transformOrigin: \"center\",\n      transitionDuration: \"normal\",\n      transitionProperty: \"transform\",\n      transitionTimingFunction: \"default\",\n      _open: {\n        transform: \"rotate(90deg)\",\n      },\n    },\n    item: {\n      display: \"flex\",\n      cursor: \"pointer\",\n      position: \"relative\",\n      borderRadius: \"xsmall\",\n      justifyContent: \"space-between\",\n      paddingBlock: \"xsmall\",\n      paddingInlineEnd: \"xsmall\",\n      paddingInlineStart:\n        \"calc(((var(--depth) - 1) * token(spacing.medium)) + token(spacing.xxlarge) + token(spacing.3xsmall))\",\n      transitionDuration: \"normal\",\n      transitionProperty: \"background, color\",\n      transitionTimingFunction: \"default\",\n      height: \"xxlarge\",\n      alignItems: \"center\",\n\n      _hover: {\n        background: \"surface.hover\",\n      },\n      _selected: {\n        background: \"surface.selected\",\n        _hover: {\n          background: \"surface.hover\",\n        },\n      },\n    },\n    itemIndicator: {\n      color: \"icon.strong\",\n    },\n    itemText: {\n      overflow: \"hidden\",\n      textOverflow: \"ellipsis\",\n    },\n    branchText: {\n      overflow: \"hidden\",\n      textOverflow: \"ellipsis\",\n    },\n    tree: {\n      display: \"flex\",\n      flexDirection: \"column\",\n      gap: \"3xsmall\",\n    },\n  },\n});\n\nconst { withProvider, withContext } = createStyleContext(treeRecipe);\n\nexport interface TreeRootProps<T extends TreeNode = TreeNode>\n  extends TreeView.RootProps<T>, StyledProps, RefAttributes<HTMLDivElement> {}\n\nconst InternalTreeRoot = withProvider<ElementType<TreeRootProps>>(TreeView.Root, \"root\", { baseComponent: true });\n\nexport const TreeRoot = <T extends TreeNode = TreeNode>(props: TreeRootProps<T>) => <InternalTreeRoot {...props} />;\n\nexport interface TreeRootProviderProps<T extends TreeNode = TreeNode>\n  extends TreeView.RootProviderProps<T>, StyledProps {}\n\nconst InternalTreeRootProvider = withProvider<ElementType<TreeRootProviderProps>>(TreeView.RootProvider, \"root\", {\n  baseComponent: true,\n});\n\nexport const TreeRootProvider = <T extends TreeNode = TreeNode>(props: TreeRootProviderProps<T>) => (\n  <InternalTreeRootProvider {...props} />\n);\n\nexport const TreeBranchContent = withContext(TreeView.BranchContent, \"branchContent\", { baseComponent: true });\n\nexport const TreeBranchControl = withContext(TreeView.BranchControl, \"branchControl\", { baseComponent: true });\n\nexport const TreeBranchIndicator = withContext(TreeView.BranchIndicator, \"branchIndicator\", { baseComponent: true });\n\nexport const TreeBranch = withContext(TreeView.Branch, \"branch\", {\n  baseComponent: true,\n});\n\nconst InternalTreeBranchText = withContext(TreeView.BranchText, \"branchText\", { baseComponent: true });\n\ninterface TreeBranchTextProps\n  extends Omit<TreeView.BranchTextProps, \"color\">, TextProps, StyledProps, RefAttributes<HTMLDivElement> {}\n\nexport const TreeBranchText = forwardRef<HTMLDivElement, TreeBranchTextProps>(\n  ({ textStyle = \"label.medium\", fontWeight = \"bold\", children, ...props }, ref) => (\n    <InternalTreeBranchText asChild {...props} ref={ref}>\n      <Text textStyle={textStyle} fontWeight={fontWeight} asChild consumeCss>\n        <div>{children}</div>\n      </Text>\n    </InternalTreeBranchText>\n  ),\n);\n\nexport const TreeBranchTrigger = withContext(TreeView.BranchTrigger, \"branchTrigger\", { baseComponent: true });\n\nexport const TreeItemIndicator = withContext(TreeView.ItemIndicator, \"itemIndicator\", { baseComponent: true });\n\nexport const TreeItem = withContext(TreeView.Item, \"item\", { baseComponent: true });\n\nconst InternalTreeItemText = withContext(TreeView.ItemText, \"itemText\", { baseComponent: true });\n\ninterface TreeItemTextProps\n  extends Omit<TreeView.ItemTextProps, \"color\">, TextProps, StyledProps, RefAttributes<HTMLDivElement> {}\n\nexport const TreeItemText = forwardRef<HTMLDivElement, TreeItemTextProps>(\n  ({ textStyle = \"label.medium\", fontWeight = \"bold\", children, ...props }, ref) => (\n    <InternalTreeItemText asChild {...props} ref={ref}>\n      <Text textStyle={textStyle} fontWeight={fontWeight} asChild consumeCss>\n        <div>{children}</div>\n      </Text>\n    </InternalTreeItemText>\n  ),\n);\n\nconst InternalTreeLabel = withContext(TreeView.Label, \"label\", { baseComponent: true });\n\ninterface TreeLabelProps\n  extends Omit<TreeView.LabelProps, \"color\">, TextProps, StyledProps, RefAttributes<HTMLDivElement> {}\n\nexport const TreeLabel = forwardRef<HTMLDivElement, TreeLabelProps>(\n  ({ children, textStyle = \"label.medium\", fontWeight = \"bold\", ...props }, ref) => (\n    <InternalTreeLabel asChild {...props} ref={ref}>\n      <Text textStyle={textStyle} fontWeight={fontWeight} asChild consumeCss>\n        <div>{children}</div>\n      </Text>\n    </InternalTreeLabel>\n  ),\n);\n\nexport const Tree = withContext(TreeView.Tree, \"tree\", { baseComponent: true });\n\nexport const createTreeCollection = _createTreeCollection;\n\nexport const TreeNodeProvider = TreeView.NodeProvider;\nexport const TreeNodeContext = TreeView.NodeContext;\nexport const useTreeView = _useTreeView;\n"],"mappings":"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"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ndla/primitives",
   "type": "module",
-  "version": "1.0.128-alpha.0",
+  "version": "1.0.130-alpha.0",
   "description": "Primitive components for NDLA.",
   "license": "GPL-3.0",
   "exports": {
@@ -47,5 +47,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "f8a73392a71c05f052f6cc69d55ca57c38e0db5b"
+  "gitHead": "609d5d044ece059de95a3142847ad9ab8737f468"
 }