@ndla/primitives 1.0.47-alpha.0 → 1.0.49-alpha.0

package/dist/panda.buildinfo.json

@@ -474,6 +474,7 @@
       "background]___[value:surface.disabled]___[cond:_disabled<___>_selected",
       "color]___[value:icon.default",
       "width]___[value:surface.small",
+      "textAlign]___[value:start",
       "animation]___[value:skeleton-pulse",
       "backgroundColor]___[value:surface.disabled",
       "backgroundClip]___[value:padding-box",

package/dist/styles.css

@@ -757,6 +757,10 @@
     width: var(--sizes-surface-small);
 }
 
+  .ta_start {
+    text-align: start;
+}
+
   .anim_skeleton-pulse {
     animation: var(--animations-skeleton-pulse);
 }

package/es/Popover.js

@@ -10,6 +10,7 @@ import { forwardRef } from "react";
 import { Popover, popoverAnatomy } from "@ark-ui/react";
 import { sva } from "@ndla/styled-system/css";
 import { createStyleContext } from "./createStyleContext";
+import { Heading } from "./Text";
 import { jsx as _jsx } from "react/jsx-runtime";
 const popoverRecipe = sva({
   slots: popoverAnatomy.keys(),
@@ -98,9 +99,25 @@ export const PopoverIndicator = withContext(Popover.Indicator, "indicator", {
 export const PopoverPositioner = withContext(Popover.Positioner, "positioner", {
   baseComponent: true
 });
-export const PopoverTitle = withContext(Popover.Title, "title", {
+const InternalPopoverTitle = withContext(Popover.Title, "title", {
   baseComponent: true
 });
+export const PopoverTitle = _ref2 => {
+  let {
+    textStyle = "title.medium",
+    children,
+    ...rest
+  } = _ref2;
+  return /*#__PURE__*/_jsx(Heading, {
+    textStyle: textStyle,
+    ...rest,
+    asChild: true,
+    consumeCss: true,
+    children: /*#__PURE__*/_jsx(InternalPopoverTitle, {
+      children: children
+    })
+  });
+};
 export const PopoverTrigger = withContext(Popover.Trigger, "trigger", {
   baseComponent: true
 });

package/es/Select.js

@@ -135,6 +135,9 @@ const selectRecipe = sva({
       display: "flex",
       flexDirection: "column",
       gap: "4xsmall"
+    },
+    valueText: {
+      textAlign: "start"
     }
   }
 });

package/lib/FieldErrorMessage.d.ts

@@ -6,10 +6,13 @@
  *
  */
 import { Field, Fieldset } from "@ark-ui/react";
+import type { JsxStyleProps } from "@ndla/styled-system/types";
 import type { TextProps } from "./Text";
+export type FieldErrorMessageProps = Field.ErrorTextProps & TextProps & JsxStyleProps;
 export declare const FieldErrorMessage: import("react").ForwardRefExoticComponent<Field.ErrorTextProps & TextProps & {
     consumeCss?: boolean | undefined;
 } & import("@ndla/styled-system/types").WithCss & import("react").RefAttributes<HTMLSpanElement>>;
+export type FieldsetErrorTextProps = Fieldset.ErrorTextProps & TextProps & JsxStyleProps;
 export declare const FieldsetErrorText: import("react").ForwardRefExoticComponent<Fieldset.ErrorTextProps & TextProps & {
     consumeCss?: boolean | undefined;
 } & import("@ndla/styled-system/types").WithCss & import("react").RefAttributes<HTMLSpanElement>>;

package/lib/FieldHelper.d.ts

@@ -6,10 +6,13 @@
  *
  */
 import { Field, Fieldset } from "@ark-ui/react";
+import type { JsxStyleProps } from "@ndla/styled-system/types";
 import type { TextProps } from "./Text";
+export type FieldHelperProps = Field.HelperTextProps & TextProps & JsxStyleProps;
 export declare const FieldHelper: import("react").ForwardRefExoticComponent<Field.HelperTextProps & TextProps & {
     consumeCss?: boolean | undefined;
 } & import("@ndla/styled-system/types").WithCss & import("react").RefAttributes<HTMLSpanElement>>;
+export type FieldsetHelperProps = Fieldset.HelperTextProps & TextProps & JsxStyleProps;
 export declare const FieldsetHelper: import("react").ForwardRefExoticComponent<Fieldset.HelperTextProps & TextProps & {
     consumeCss?: boolean | undefined;
 } & import("@ndla/styled-system/types").WithCss & import("react").RefAttributes<HTMLSpanElement>>;

package/lib/Popover.d.ts

@@ -7,6 +7,7 @@
  */
 import { Popover } from "@ark-ui/react";
 import { JsxStyleProps } from "@ndla/styled-system/types";
+import { TextProps } from "./Text";
 export type PopoverRootProps = Popover.RootProps;
 export declare const PopoverRoot: ({ lazyMount, unmountOnExit, ...props }: PopoverRootProps) => import("react/jsx-runtime").JSX.Element;
 export declare const PopoverAnchor: import("react").ForwardRefExoticComponent<Popover.AnchorProps & {
@@ -37,9 +38,7 @@ export declare const PopoverIndicator: import("react").ForwardRefExoticComponent
 export declare const PopoverPositioner: import("react").ForwardRefExoticComponent<Popover.PositionerProps & {
     consumeCss?: boolean | undefined;
 } & import("@ndla/styled-system/types").WithCss & import("react").RefAttributes<HTMLDivElement>>;
-export declare const PopoverTitle: import("react").ForwardRefExoticComponent<Popover.TitleProps & {
-    consumeCss?: boolean | undefined;
-} & import("@ndla/styled-system/types").WithCss & import("react").RefAttributes<HTMLDivElement>>;
+export declare const PopoverTitle: ({ textStyle, children, ...rest }: Popover.TitleProps & TextProps & JsxStyleProps) => import("react/jsx-runtime").JSX.Element;
 export declare const PopoverTrigger: import("react").ForwardRefExoticComponent<Popover.TriggerProps & {
     consumeCss?: boolean | undefined;
 } & import("@ndla/styled-system/types").WithCss & import("react").RefAttributes<HTMLButtonElement>>;

package/lib/Popover.js

@@ -8,6 +8,7 @@ var _react = require("react");
 var _react2 = require("@ark-ui/react");
 var _css = require("@ndla/styled-system/css");
 var _createStyleContext = require("./createStyleContext");
+var _Text = require("./Text");
 var _jsxRuntime = require("react/jsx-runtime");
 /**
  * Copyright (c) 2024-present, NDLA.
@@ -106,9 +107,26 @@ const PopoverIndicator = exports.PopoverIndicator = withContext(_react2.Popover.
 const PopoverPositioner = exports.PopoverPositioner = withContext(_react2.Popover.Positioner, "positioner", {
   baseComponent: true
 });
-const PopoverTitle = exports.PopoverTitle = withContext(_react2.Popover.Title, "title", {
+const InternalPopoverTitle = withContext(_react2.Popover.Title, "title", {
   baseComponent: true
 });
+const PopoverTitle = _ref2 => {
+  let {
+    textStyle = "title.medium",
+    children,
+    ...rest
+  } = _ref2;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.Heading, {
+    textStyle: textStyle,
+    ...rest,
+    asChild: true,
+    consumeCss: true,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(InternalPopoverTitle, {
+      children: children
+    })
+  });
+};
+exports.PopoverTitle = PopoverTitle;
 const PopoverTrigger = exports.PopoverTrigger = withContext(_react2.Popover.Trigger, "trigger", {
   baseComponent: true
 });

package/lib/Select.js

@@ -141,6 +141,9 @@ const selectRecipe = (0, _css.sva)({
       display: "flex",
       flexDirection: "column",
       gap: "4xsmall"
+    },
+    valueText: {
+      textAlign: "start"
     }
   }
 });

package/lib/index.d.ts

@@ -29,7 +29,9 @@ export type { ExpandableBoxProps, ExpandableBoxSummaryProps } from "./Expandable
 export { ExpandableBox, ExpandableBoxSummary } from "./ExpandableBox";
 export { ErrorMessageRoot, ErrorMessageContent, ErrorMessageActions, ErrorMessageDescription, ErrorMessageTitle, } from "./ErrorMessage/ErrorMessage";
 export { FieldRoot, FieldsetRoot } from "./Field";
+export type { FieldErrorMessageProps, FieldsetErrorTextProps } from "./FieldErrorMessage";
 export { FieldErrorMessage, FieldsetErrorText } from "./FieldErrorMessage";
+export type { FieldHelperProps, FieldsetHelperProps } from "./FieldHelper";
 export { FieldHelper, FieldsetHelper } from "./FieldHelper";
 export type { FigureSize, FigureVariantProps, FigureProps, FigureFloat } from "./Figure";
 export { Figure } from "./Figure";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ndla/primitives",
-  "version": "1.0.47-alpha.0",
+  "version": "1.0.49-alpha.0",
   "description": "Primitive components for NDLA.",
   "license": "GPL-3.0",
   "main": "lib/index.js",
@@ -43,5 +43,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "1566b12dac651e40b3300afe8f41080649a9eed5"
+  "gitHead": "0ec600c8cfd44b20eb2197c45e02e68832f160f9"
 }