@orfium/ictinus 5.43.9 → 5.44.1

package/dist/components/Controls/Switch/Switch.js

@@ -1,57 +1,60 @@
-import { jsxs as s, jsx as e } from "@emotion/react/jsx-runtime";
-import { css as S } from "@emotion/react";
-import * as b from "react";
-import { Switch as u } from "react-aria-components";
-import { rem as d } from "polished";
-import { switchWrapperStyles as $, switchStyles as v } from "./Switch.style.js";
-import o from "../../Box/Box.js";
-import y from "../ControlLabel/ControlLabelText.js";
+import { jsxs as o, jsx as e } from "@emotion/react/jsx-runtime";
+import { css as b } from "@emotion/react";
+import * as g from "react";
+import { Switch as y } from "react-aria-components";
+import { rem as c } from "polished";
+import { switchWrapperStyles as S, switchStyles as T } from "./Switch.style.js";
+import a from "../../Box/Box.js";
+import $ from "../ControlLabel/ControlLabelText.js";
 import C from "../ControlLabel/ControlHelpText.js";
-const T = b.forwardRef((n, m) => {
+const _ = g.forwardRef((m, p) => {
   const {
     id: f,
-    value: t,
-    isSelected: p,
-    isDisabled: a,
-    onChange: h,
+    value: i,
+    isSelected: h,
+    isDisabled: d,
+    isVisualOnly: r,
+    onChange: x,
     labelConfig: w = {},
     dataTestPrefixId: l = "ictinus",
-    children: c
-  } = n, {
-    placement: i = "right",
-    size: x = "normal",
-    helpText: r,
-    sx: g
+    children: n
+  } = m, {
+    placement: t = "right",
+    size: u = "normal",
+    helpText: s,
+    sx: v
   } = w;
-  return /* @__PURE__ */ s("div", { css: $({
-    sx: g
+  return /* @__PURE__ */ o("div", { css: S({
+    sx: v
   }), children: [
-    /* @__PURE__ */ e(u, { id: f, value: t, isSelected: p, isDisabled: a, onChange: h, css: v({
-      placement: i
-    }), "data-testid": `${l}${t ? `_${t}` : ""}_switch`, ref: m, children: /* @__PURE__ */ s(o, { display: "flex", gap: "5", flexDirection: i === "left" ? "row-reverse" : "row", justifyContent: i === "left" ? "space-between" : "unset", children: [
-      /* @__PURE__ */ s(o, { children: [
+    /* @__PURE__ */ e(y, { id: f, value: i, isSelected: h, isDisabled: d, onChange: x, css: T({
+      placement: t
+    }), "data-testid": `${l}${i ? `_${i}` : ""}_switch`, ref: p, excludeFromTabOrder: r, "aria-hidden": r || void 0, style: r ? {
+      pointerEvents: "none"
+    } : void 0, children: /* @__PURE__ */ o(a, { display: "flex", gap: "5", flexDirection: t === "left" ? "row-reverse" : "row", justifyContent: t === "left" ? "space-between" : "unset", children: [
+      /* @__PURE__ */ o(a, { children: [
         /* @__PURE__ */ e("div", { className: "bar" }),
         /* @__PURE__ */ e("div", { className: "indicator" })
       ] }),
-      c && /* @__PURE__ */ e(y, { size: x, dataTestPrefixId: `${l}_switch_${t?.split(" ").join("_")}`, children: c })
+      n && /* @__PURE__ */ e($, { size: u, dataTestPrefixId: `${l}_switch_${i?.split(" ").join("_")}`, children: n })
     ] }) }),
-    r && /* @__PURE__ */ e(
-      o,
+    s && /* @__PURE__ */ e(
+      a,
       {
-        css: /* @__PURE__ */ S({
-          ...i === "left" ? {
-            paddingRight: d(48)
+        css: /* @__PURE__ */ b({
+          ...t === "left" ? {
+            paddingRight: c(48)
           } : {
-            paddingLeft: d(48)
+            paddingLeft: c(48)
           }
         }, "", ""),
-        "data-disabled": a,
-        children: /* @__PURE__ */ e(C, { helpText: r, children: r })
+        "data-disabled": d,
+        children: /* @__PURE__ */ e(C, { helpText: s, children: s })
       }
     )
   ] });
 });
-T.displayName = "Switch";
+_.displayName = "Switch";
 export {
-  T as default
+  _ as default
 };

package/dist/components/Controls/Switch/Switch.style.js

@@ -7,12 +7,12 @@ const i = {
   width: {
     track: r.sizing[9]
   }
-}, s = ({
+}, d = ({
   sx: t
-}) => (o) => /* @__PURE__ */ e("[data-disabled]{opacity:", o.tokens.disabledState.get("default"), ";cursor:not-allowed;}", t, ";", ""), c = ({
+}) => (o) => /* @__PURE__ */ e("position:relative;isolation:isolate;[data-disabled]{opacity:", o.tokens.disabledState.get("default"), ";cursor:not-allowed;}", t, ";", ""), n = ({
   placement: t = "right"
 }) => (o) => /* @__PURE__ */ e("&>div>div:first-of-type{display:flex;flex-direction:", t === "right" ? "row" : "row-reverse", ";align-items:center;gap:", r.spacing[5], ";position:relative;}cursor:pointer;.bar{width:", i.width.track, ";height:", i.height.track, ";background:", r.color.palette["primary-alt"].contrast, ";position:absolute;border-radius:", r["border-radius"][7], ";}.indicator{width:", i.width.track, ";height:", r.sizing[5], ";box-sizing:border-box;position:relative;&:before{content:'';box-sizing:border-box;display:block;width:", r.sizing[5], ";height:", r.sizing[5], ";background:", r.color.background.default, ";border:", r["border-width"][2], " solid ", r.color["border-color"].interactive.default, ";border-radius:100%;transition:all 200ms;}}&[data-hovered],&[data-focus-visible='true']{.indicator{&:before{transition:all 0.2s;box-shadow:0px 0px 0px 8px ", o.tokens.state.get("backgroundColor.hover"), ";border-radius:100%;}}}&[data-selected]{.indicator{&:before{transform:translateX(80%);background:", r.color.palette.primary.base, ";border-color:", r.color["border-color"].interactive.active, ";}}}", "");
 export {
-  c as switchStyles,
-  s as switchWrapperStyles
+  n as switchStyles,
+  d as switchWrapperStyles
 };

package/dist/package.json.d.ts

@@ -1,6 +1,6 @@
 declare const _default: {
   "name": "@orfium/ictinus",
-  "version": "5.43.9",
+  "version": "5.44.1",
   "type": "module",
   "types": "./dist/index.d.ts",
   "exports": {

package/dist/package.json.js

@@ -1,4 +1,4 @@
-const o = "5.43.9";
+const o = "5.44.1";
 export {
   o as version
 };

package/dist/src/actions/ActionsContent.d.ts

@@ -34,6 +34,7 @@ export declare const ActionsContent: import('react').ForwardRefExoticComponent<{
     wordWrap?: "normal" | "break-word";
     textAlign?: "center" | "start" | "end" | "justify";
     animation?: "ping" | "pulse";
+    opacity?: "0" | "1" | "0.5";
     transitionProperty?: "all" | "none" | "default" | "opacity" | "transform" | "colors" | "shadow";
     transitionTimingFunction?: "in" | "ease" | "linear" | "out" | "inOut";
     transitionDuration?: "150ms" | "200ms";

package/dist/src/actions/ActionsRoot.d.ts

@@ -31,6 +31,7 @@ export declare const ActionsRoot: import('react').ForwardRefExoticComponent<Omit
     wordWrap?: "normal" | "break-word";
     textAlign?: "center" | "start" | "end" | "justify";
     animation?: "ping" | "pulse";
+    opacity?: "0" | "1" | "0.5";
     transitionProperty?: "all" | "none" | "default" | "opacity" | "transform" | "colors" | "shadow";
     transitionTimingFunction?: "in" | "ease" | "linear" | "out" | "inOut";
     transitionDuration?: "150ms" | "200ms";

package/dist/src/button/Button.css.d.ts

@@ -0,0 +1,36 @@
+import { RecipeVariants } from '@vanilla-extract/recipes';
+export declare const button: import('@vanilla-extract/recipes').RuntimeFn<{
+    variant: {
+        primary: string;
+        secondary: string;
+        tertiary: string;
+        danger: string;
+    };
+    size: {
+        normal: string;
+        compact: string;
+    };
+    iconOnly: {
+        true: string;
+    };
+    circle: {
+        true: string;
+    };
+    isPending: {
+        true: string;
+    };
+    isDisabled: {
+        true: string;
+    };
+}>;
+export declare const text: import('@vanilla-extract/recipes').RuntimeFn<{
+    size: {
+        normal: string;
+        compact: string;
+    };
+    isPending: {
+        true: string;
+    };
+}>;
+export declare const progress: string;
+export type ButtonVariants = RecipeVariants<typeof button>;