@ultraviolet/ui 3.0.0-beta.8 → 3.0.0

package/dist/components/RadioGroup/index.js

@@ -1,15 +1,14 @@
 "use client";
-import { jsx, jsxs } from "@emotion/react/jsx-runtime";
-import _styled from "@emotion/styled/base";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { useMemo, createContext, useContext } from "react";
 import { Label } from "../Label/index.js";
 import { Radio } from "../Radio/index.js";
 import { Stack } from "../Stack/index.js";
 import { Text } from "../Text/index.js";
-function _EMOTION_STRINGIFIED_CSS_ERROR__() {
-  return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
-}
-const RadioGroupContext = createContext(void 0);
+import { fieldset } from "./styles.css.js";
+const RadioGroupContext = createContext(
+  void 0
+);
 const RadioGroupRadio = ({
   onFocus,
   onBlur,
@@ -22,33 +21,36 @@ const RadioGroupRadio = ({
   autoFocus,
   onKeyDown,
   tooltip,
-  "data-testid": dataTestId
+  "data-testid": dataTestId,
+  style
 }) => {
   const context = useContext(RadioGroupContext);
   if (!context) {
     throw new Error("RadioGroup.Radio can only be used inside a RadioGroup");
   }
-  const {
-    groupName,
-    onChange,
-    groupValue,
-    error: errorContext
-  } = context;
-  return /* @__PURE__ */ jsx(Radio, { autoFocus, checked: groupValue === value, className, "data-testid": dataTestId, disabled, error: error || errorContext, helper, label, name: groupName, onBlur, onChange, onFocus, onKeyDown, tooltip, value });
+  const { groupName, onChange, groupValue, error: errorContext } = context;
+  return /* @__PURE__ */ jsx(
+    Radio,
+    {
+      autoFocus,
+      checked: groupValue === value,
+      className,
+      "data-testid": dataTestId,
+      disabled,
+      error: error || errorContext,
+      helper,
+      label,
+      name: groupName,
+      onBlur,
+      onChange,
+      onFocus,
+      onKeyDown,
+      style,
+      tooltip,
+      value
+    }
+  );
 };
-const FieldSet = /* @__PURE__ */ _styled("fieldset", process.env.NODE_ENV === "production" ? {
-  target: "e15shfap0"
-} : {
-  target: "e15shfap0",
-  label: "FieldSet"
-})(process.env.NODE_ENV === "production" ? {
-  name: "7o2an9",
-  styles: "border:none;padding:0;margin:0"
-} : {
-  name: "7o2an9",
-  styles: "border:none;padding:0;margin:0/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1JhZGlvR3JvdXAvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9FZ0MiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvdWkvc3JjL2NvbXBvbmVudHMvUmFkaW9Hcm91cC9pbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIGNsaWVudCdcblxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgdHlwZSB7IENvbXBvbmVudFByb3BzLCBJbnB1dEhUTUxBdHRyaWJ1dGVzLCBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IGNyZWF0ZUNvbnRleHQsIHVzZUNvbnRleHQsIHVzZU1lbW8gfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IExhYmVsIH0gZnJvbSAnLi4vTGFiZWwnXG5pbXBvcnQgeyBSYWRpbyB9IGZyb20gJy4uL1JhZGlvJ1xuaW1wb3J0IHsgU3RhY2sgfSBmcm9tICcuLi9TdGFjaydcbmltcG9ydCB7IFRleHQgfSBmcm9tICcuLi9UZXh0J1xuXG50eXBlIFJhZGlvR3JvdXBDb250ZXh0VHlwZSA9IHtcbiAgZ3JvdXBOYW1lPzogc3RyaW5nXG4gIGdyb3VwVmFsdWU6IHN0cmluZyB8IG51bWJlclxuICBlcnJvcjogYm9vbGVhblxufSAmIFJlcXVpcmVkPFBpY2s8SW5wdXRIVE1MQXR0cmlidXRlczxIVE1MSW5wdXRFbGVtZW50PiwgJ29uQ2hhbmdlJz4+ICZcbiAgUGljazxJbnB1dEhUTUxBdHRyaWJ1dGVzPEhUTUxJbnB1dEVsZW1lbnQ+LCAncmVxdWlyZWQnPlxuXG5jb25zdCBSYWRpb0dyb3VwQ29udGV4dCA9IGNyZWF0ZUNvbnRleHQ8UmFkaW9Hcm91cENvbnRleHRUeXBlIHwgdW5kZWZpbmVkPihcbiAgdW5kZWZpbmVkLFxuKVxuXG50eXBlIFJhZGlvR3JvdXBSYWRpb1Byb3BzID0gT21pdDxcbiAgQ29tcG9uZW50UHJvcHM8dHlwZW9mIFJhZGlvPixcbiAgJ29uQ2hhbmdlJyB8ICdjaGVja2VkJyB8ICdyZXF1aXJlZCcgfCAnbmFtZSdcbj5cbmNvbnN0IFJhZGlvR3JvdXBSYWRpbyA9ICh7XG4gIG9uRm9jdXMsXG4gIG9uQmx1cixcbiAgZGlzYWJsZWQsXG4gIGVycm9yLFxuICB2YWx1ZSxcbiAgbGFiZWwsXG4gIGhlbHBlcixcbiAgY2xhc3NOYW1lLFxuICBhdXRvRm9jdXMsXG4gIG9uS2V5RG93bixcbiAgdG9vbHRpcCxcbiAgJ2RhdGEtdGVzdGlkJzogZGF0YVRlc3RJZCxcbn06IFJhZGlvR3JvdXBSYWRpb1Byb3BzKSA9PiB7XG4gIGNvbnN0IGNvbnRleHQgPSB1c2VDb250ZXh0KFJhZGlvR3JvdXBDb250ZXh0KVxuXG4gIGlmICghY29udGV4dCkge1xuICAgIHRocm93IG5ldyBFcnJvcignUmFkaW9Hcm91cC5SYWRpbyBjYW4gb25seSBiZSB1c2VkIGluc2lkZSBhIFJhZGlvR3JvdXAnKVxuICB9XG5cbiAgY29uc3QgeyBncm91cE5hbWUsIG9uQ2hhbmdlLCBncm91cFZhbHVlLCBlcnJvcjogZXJyb3JDb250ZXh0IH0gPSBjb250ZXh0XG5cbiAgcmV0dXJuIChcbiAgICA8UmFkaW9cbiAgICAgIGF1dG9Gb2N1cz17YXV0b0ZvY3VzfVxuICAgICAgY2hlY2tlZD17Z3JvdXBWYWx1ZSA9PT0gdmFsdWV9XG4gICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgIGRhdGEtdGVzdGlkPXtkYXRhVGVzdElkfVxuICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgZXJyb3I9e2Vycm9yIHx8IGVycm9yQ29udGV4dH1cbiAgICAgIGhlbHBlcj17aGVscGVyfVxuICAgICAgbGFiZWw9e2xhYmVsfVxuICAgICAgbmFtZT17Z3JvdXBOYW1lfVxuICAgICAgb25CbHVyPXtvbkJsdXJ9XG4gICAgICBvbkNoYW5nZT17b25DaGFuZ2V9XG4gICAgICBvbkZvY3VzPXtvbkZvY3VzfVxuICAgICAgb25LZXlEb3duPXtvbktleURvd259XG4gICAgICB0b29sdGlwPXt0b29sdGlwfVxuICAgICAgdmFsdWU9e3ZhbHVlfVxuICAgIC8+XG4gIClcbn1cblxuY29uc3QgRmllbGRTZXQgPSBzdHlsZWQuZmllbGRzZXRgXG4gIGJvcmRlcjogbm9uZTtcbiAgcGFkZGluZzogMDtcbiAgbWFyZ2luOiAwO1xuYFxuXG50eXBlIFJhZGlvR3JvdXBQcm9wcyA9IHtcbiAgbGVnZW5kPzogc3RyaW5nXG4gIGxlZ2VuZERlc2NyaXB0aW9uPzogUmVhY3ROb2RlXG4gIHZhbHVlOiBzdHJpbmcgfCBudW1iZXJcbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gIGhlbHBlcj86IFJlYWN0Tm9kZVxuICBlcnJvcj86IFJlYWN0Tm9kZVxuICBkaXJlY3Rpb24/OiAncm93JyB8ICdjb2x1bW4nXG4gIGNoaWxkcmVuOiBSZWFjdE5vZGVcbiAgZGVzY3JpcHRpb24/OiBSZWFjdE5vZGVcbn0gJiBSZXF1aXJlZDxQaWNrPElucHV0SFRNTEF0dHJpYnV0ZXM8SFRNTElucHV0RWxlbWVudD4sICdvbkNoYW5nZSc+PiAmXG4gIFBpY2s8SW5wdXRIVE1MQXR0cmlidXRlczxIVE1MSW5wdXRFbGVtZW50PiwgJ3JlcXVpcmVkJyB8ICduYW1lJz5cblxuLyoqXG4gKiBSYWRpb0dyb3VwIGlzIGEgY29tcG9uZW50IHRoYXQgYWxsb3dzIHVzZXJzIHRvIHNlbGVjdCBvbmUgb3B0aW9uIGZyb20gYSBsaXN0IG9mIG9wdGlvbnMgdXNpbmcgcmFkaW8uXG4gKi9cbmV4cG9ydCBjb25zdCBSYWRpb0dyb3VwID0gKHtcbiAgbGVnZW5kLFxuICBsZWdlbmREZXNjcmlwdGlvbixcbiAgdmFsdWUsXG4gIGNsYXNzTmFtZSxcbiAgaGVscGVyLFxuICBlcnJvcixcbiAgZGlyZWN0aW9uID0gJ2NvbHVtbicsXG4gIGNoaWxkcmVuLFxuICBvbkNoYW5nZSxcbiAgbmFtZSxcbiAgZGVzY3JpcHRpb24sXG4gIHJlcXVpcmVkID0gZmFsc2UsXG59OiBSYWRpb0dyb3VwUHJvcHMpID0+IHtcbiAgY29uc3QgY29udGV4dFZhbHVlID0gdXNlTWVtbyhcbiAgICAoKSA9PiAoe1xuICAgICAgZXJyb3I6ICEhZXJyb3IsXG4gICAgICBncm91cE5hbWU6IG5hbWUsXG4gICAgICBncm91cFZhbHVlOiB2YWx1ZSxcbiAgICAgIG9uQ2hhbmdlLFxuICAgICAgcmVxdWlyZWQsXG4gICAgfSksXG4gICAgW25hbWUsIHZhbHVlLCBvbkNoYW5nZSwgcmVxdWlyZWQsIGVycm9yXSxcbiAgKVxuXG4gIHJldHVybiAoXG4gICAgPFJhZGlvR3JvdXBDb250ZXh0LlByb3ZpZGVyIHZhbHVlPXtjb250ZXh0VmFsdWV9PlxuICAgICAgPFN0YWNrIGdhcD17MX0+XG4gICAgICAgIDxGaWVsZFNldCBjbGFzc05hbWU9e2NsYXNzTmFtZX0+XG4gICAgICAgICAgPFN0YWNrIGdhcD17MS41fT5cbiAgICAgICAgICAgIHtsZWdlbmQgfHwgZGVzY3JpcHRpb24gPyAoXG4gICAgICAgICAgICAgIDxTdGFjayBnYXA9ezAuNX0+XG4gICAgICAgICAgICAgICAge2xlZ2VuZCA/IChcbiAgICAgICAgICAgICAgICAgIDxMYWJlbFxuICAgICAgICAgICAgICAgICAgICBhcz1cImxlZ2VuZFwiXG4gICAgICAgICAgICAgICAgICAgIGxhYmVsRGVzY3JpcHRpb249e2xlZ2VuZERlc2NyaXB0aW9ufVxuICAgICAgICAgICAgICAgICAgICByZXF1aXJlZD17cmVxdWlyZWR9XG4gICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgIHtsZWdlbmR9XG4gICAgICAgICAgICAgICAgICA8L0xhYmVsPlxuICAgICAgICAgICAgICAgICkgOiBudWxsfVxuICAgICAgICAgICAgICAgIHtkZXNjcmlwdGlvbiA/IChcbiAgICAgICAgICAgICAgICAgIDxUZXh0XG4gICAgICAgICAgICAgICAgICAgIGFzPXt0eXBlb2YgZGVzY3JpcHRpb24gPT09ICdzdHJpbmcnID8gJ3AnIDogJ2Rpdid9XG4gICAgICAgICAgICAgICAgICAgIHByb21pbmVuY2U9XCJ3ZWFrXCJcbiAgICAgICAgICAgICAgICAgICAgc2VudGltZW50PVwibmV1dHJhbFwiXG4gICAgICAgICAgICAgICAgICAgIHZhcmlhbnQ9XCJib2R5U21hbGxcIlxuICAgICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICB7ZGVzY3JpcHRpb259XG4gICAgICAgICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICAgICAgKSA6IG51bGx9XG4gICAgICAgICAgICAgIDwvU3RhY2s+XG4gICAgICAgICAgICApIDogbnVsbH1cbiAgICAgICAgICAgIDxTdGFja1xuICAgICAgICAgICAgICBhbGlnbkl0ZW1zPVwic3RhcnRcIlxuICAgICAgICAgICAgICBkaXJlY3Rpb249e2RpcmVjdGlvbn1cbiAgICAgICAgICAgICAgZ2FwPXtkaXJlY3Rpb24gPT09ICdjb2x1bW4nID8gMSA6IDJ9XG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgICAgIDwvU3RhY2s+XG4gICAgICAgICAgPC9TdGFjaz5cbiAgICAgICAgPC9GaWVsZFNldD5cbiAgICAgICAge2hlbHBlciA/IChcbiAgICAgICAgICA8VGV4dFxuICAgICAgICAgICAgYXM9XCJzcGFuXCJcbiAgICAgICAgICAgIHByb21pbmVuY2U9XCJ3ZWFrXCJcbiAgICAgICAgICAgIHNlbnRpbWVudD1cIm5ldXRyYWxcIlxuICAgICAgICAgICAgdmFyaWFudD1cImNhcHRpb25cIlxuICAgICAgICAgID5cbiAgICAgICAgICAgIHtoZWxwZXJ9XG4gICAgICAgICAgPC9UZXh0PlxuICAgICAgICApIDogbnVsbH1cbiAgICAgICAge2Vycm9yID8gKFxuICAgICAgICAgIDxUZXh0IGFzPVwic3BhblwiIHNlbnRpbWVudD1cImRhbmdlclwiIHZhcmlhbnQ9XCJjYXB0aW9uXCI+XG4gICAgICAgICAgICB7ZXJyb3J9XG4gICAgICAgICAgPC9UZXh0PlxuICAgICAgICApIDogbnVsbH1cbiAgICAgIDwvU3RhY2s+XG4gICAgPC9SYWRpb0dyb3VwQ29udGV4dC5Qcm92aWRlcj5cbiAgKVxufVxuXG5SYWRpb0dyb3VwLlJhZGlvID0gUmFkaW9Hcm91cFJhZGlvXG4iXX0= */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
 const RadioGroup = ({
   legend,
   legendDescription,
@@ -63,22 +65,59 @@ const RadioGroup = ({
   description,
   required = false
 }) => {
-  const contextValue = useMemo(() => ({
-    error: !!error,
-    groupName: name,
-    groupValue: value,
-    onChange,
-    required
-  }), [name, value, onChange, required, error]);
+  const contextValue = useMemo(
+    () => ({
+      error: !!error,
+      groupName: name,
+      groupValue: value,
+      onChange,
+      required
+    }),
+    [name, value, onChange, required, error]
+  );
   return /* @__PURE__ */ jsx(RadioGroupContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxs(Stack, { gap: 1, children: [
-    /* @__PURE__ */ jsx(FieldSet, { className, children: /* @__PURE__ */ jsxs(Stack, { gap: 1.5, children: [
+    /* @__PURE__ */ jsx("fieldset", { className: `${className ? `${className} ` : ""}${fieldset}`, children: /* @__PURE__ */ jsxs(Stack, { gap: 1.5, children: [
       legend || description ? /* @__PURE__ */ jsxs(Stack, { gap: 0.5, children: [
-        legend ? /* @__PURE__ */ jsx(Label, { as: "legend", labelDescription: legendDescription, required, children: legend }) : null,
-        description ? /* @__PURE__ */ jsx(Text, { as: typeof description === "string" ? "p" : "div", prominence: "weak", sentiment: "neutral", variant: "bodySmall", children: description }) : null
+        legend ? /* @__PURE__ */ jsx(
+          Label,
+          {
+            as: "legend",
+            labelDescription: legendDescription,
+            required,
+            children: legend
+          }
+        ) : null,
+        description ? /* @__PURE__ */ jsx(
+          Text,
+          {
+            as: typeof description === "string" ? "p" : "div",
+            prominence: "weak",
+            sentiment: "neutral",
+            variant: "bodySmall",
+            children: description
+          }
+        ) : null
       ] }) : null,
-      /* @__PURE__ */ jsx(Stack, { alignItems: "start", direction, gap: direction === "column" ? 1 : 2, children })
+      /* @__PURE__ */ jsx(
+        Stack,
+        {
+          alignItems: "start",
+          direction,
+          gap: direction === "column" ? 1 : 2,
+          children
+        }
+      )
     ] }) }),
-    helper ? /* @__PURE__ */ jsx(Text, { as: "span", prominence: "weak", sentiment: "neutral", variant: "caption", children: helper }) : null,
+    helper ? /* @__PURE__ */ jsx(
+      Text,
+      {
+        as: "span",
+        prominence: "weak",
+        sentiment: "neutral",
+        variant: "caption",
+        children: helper
+      }
+    ) : null,
     error ? /* @__PURE__ */ jsx(Text, { as: "span", sentiment: "danger", variant: "caption", children: error }) : null
   ] }) });
 };

package/dist/components/RadioGroup/styles.css.d.ts

@@ -0,0 +1 @@
+export declare const fieldset: string;

package/dist/components/RadioGroup/styles.css.js

@@ -0,0 +1,5 @@
+/* empty css                          */
+var fieldset = "uv_1ec5h6m0";
+export {
+  fieldset
+};

package/dist/components/Row/index.d.ts

@@ -12,9 +12,10 @@ type RowProps = {
     alignItems?: ResponsiveProp<AlignItemsType>;
     justifyContent?: ResponsiveProp<JustifyContentType>;
     padding?: ResponsiveProp<CSSProperties['padding']>;
+    style?: CSSProperties;
 };
 /**
  * Row component is a wrapper for grid layout.
  */
-export declare const Row: ({ className, "data-testid": dataTestId, children, templateColumns, alignItems, justifyContent, gap, padding, }: RowProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const Row: ({ className, "data-testid": dataTestId, children, templateColumns, alignItems, justifyContent, gap, padding, style, }: RowProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/Row/index.js

@@ -1,13 +1,16 @@
 "use client";
-import { jsx } from "@emotion/react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 import { consoleLightTheme } from "@ultraviolet/themes";
 import { assignInlineVars } from "@vanilla-extract/dynamic";
 import { row, sprinkles } from "./styles.css.js";
 import { paddings, templateColumn } from "./variables.css.js";
-const mapRepsonsiveGap = (object) => object ? Object.keys(object).reduce((acc, key) => ({
-  ...acc,
-  [key]: consoleLightTheme.space[object[key]]
-}), {}) : {};
+const mapRepsonsiveGap = (object) => object ? Object.keys(object).reduce(
+  (acc, key) => ({
+    ...acc,
+    [key]: consoleLightTheme.space[object[key]]
+  }),
+  {}
+) : {};
 const Row = ({
   className,
   "data-testid": dataTestId,
@@ -16,27 +19,39 @@ const Row = ({
   alignItems,
   justifyContent,
   gap,
-  padding
-}) => /* @__PURE__ */ jsx("div", { className: `${className ? `${className} ` : ""}${row} ${sprinkles({
-  alignItems: typeof alignItems === "object" ? alignItems : {
-    xxsmall: alignItems
-  },
-  gap: typeof gap === "object" ? mapRepsonsiveGap(gap) : {
-    xxsmall: gap ? consoleLightTheme.space[gap] : void 0
-  },
-  justifyContent: typeof justifyContent === "object" ? justifyContent : {
-    xxsmall: justifyContent
+  padding,
+  style
+}) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    className: `${className ? `${className} ` : ""}${row} ${sprinkles({
+      alignItems: typeof alignItems === "object" ? alignItems : { xxsmall: alignItems },
+      gap: typeof gap === "object" ? mapRepsonsiveGap(gap) : { xxsmall: gap ? consoleLightTheme.space[gap] : void 0 },
+      justifyContent: typeof justifyContent === "object" ? justifyContent : { xxsmall: justifyContent }
+    })}`,
+    "data-testid": dataTestId,
+    style: {
+      ...assignInlineVars({
+        ...Object.keys(templateColumn).reduce(
+          (acc, column) => ({
+            ...acc,
+            [templateColumn[column]]: typeof templateColumns === "object" ? templateColumns[column] || "" : templateColumns
+          }),
+          {}
+        ),
+        ...Object.keys(paddings).reduce(
+          (acc, localPadding) => ({
+            ...acc,
+            [paddings[localPadding]]: typeof padding === "object" ? padding[localPadding] || "" : padding
+          }),
+          {}
+        )
+      }),
+      ...style
+    },
+    children
   }
-})}`, "data-testid": dataTestId, style: assignInlineVars({
-  ...Object.keys(templateColumn).reduce((acc, column) => ({
-    ...acc,
-    [templateColumn[column]]: typeof templateColumns === "object" ? templateColumns[column] || "" : templateColumns
-  }), {}),
-  ...Object.keys(paddings).reduce((acc, localPadding) => ({
-    ...acc,
-    [paddings[localPadding]]: typeof padding === "object" ? padding[localPadding] || "" : padding
-  }), {})
-}), children });
+);
 export {
   Row
 };