@simpli-route/apollo-ds 0.1.60 → 0.1.64

package/dist/index.es96.js

@@ -1,23 +1,20 @@
-import t from "react";
-const e = t, n = ({
-  title: r,
-  titleId: a,
-  ...l
-}, o) => /* @__PURE__ */ e.createElement("svg", Object.assign({
-  fill: "currentColor",
-  "aria-hidden": "true",
-  viewBox: "0 0 24 24",
-  xmlns: "http://www.w3.org/2000/svg",
-  ref: o,
-  "aria-labelledby": a
-}, l), r ? /* @__PURE__ */ e.createElement("title", {
-  id: a
-}, r) : null, /* @__PURE__ */ e.createElement("path", {
-  fillRule: "evenodd",
-  d: "M21.336 3.153a.85.85 0 0 1 .211 1.183l-11.5 16.5a.85.85 0 0 1-1.357.05l-6.5-8a.85.85 0 1 1 1.32-1.072l5.788 7.124L20.153 3.364a.85.85 0 0 1 1.183-.211",
-  clipRule: "evenodd"
-})), c = e.forwardRef(n);
-var i = c;
+import t from "./index.es128.js";
+import s from "@simpli-route/tailwind-preset";
+import o from "./index.es129.js";
+import e from "./index.es130.js";
+const { fontFamily: i } = t, l = {
+  presets: [s],
+  mode: "jit",
+  content: ["./index.html", "./node_modules/@simpli-route/**/*.{js,ts,jsx,tsx}", "./src/**/*.{js,ts,jsx,tsx}"],
+  theme: {
+    extend: {
+      fontFamily: {
+        sans: ["var(--font-open-sans)", ...i.sans]
+      }
+    }
+  },
+  plugins: [o, e]
+};
 export {
-  i as C
+  l as default
 };

package/dist/index.es97.js

@@ -1,27 +1,151 @@
-import c from "react";
-const e = c, t = ({
-  title: l,
-  titleId: r,
-  ...o
-}, a) => /* @__PURE__ */ e.createElement("svg", Object.assign({
-  fill: "currentColor",
-  "aria-hidden": "true",
-  viewBox: "0 0 24 24",
-  xmlns: "http://www.w3.org/2000/svg",
-  ref: a,
-  "aria-labelledby": r
-}, o), l ? /* @__PURE__ */ e.createElement("title", {
-  id: r
-}, l) : null, /* @__PURE__ */ e.createElement("path", {
-  fillRule: "evenodd",
-  d: "M12 3.25c-4.81 0-8.75 3.94-8.75 8.75s3.94 8.75 8.75 8.75 8.75-3.94 8.75-8.75A8.733 8.733 0 0 0 12 3.25M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10 10-4.5 10-10S17.571 2 12 2",
-  clipRule: "evenodd"
-}), /* @__PURE__ */ e.createElement("path", {
-  fillRule: "evenodd",
-  d: "M11.167 5.453c.394 0 .714.32.714.714v5.952h5.12a.715.715 0 0 1 0 1.43h-5.834a.715.715 0 0 1-.715-.715V6.167c0-.394.32-.714.715-.714",
-  clipRule: "evenodd"
-})), n = e.forwardRef(t);
-var i = n;
+import { cva as s } from "class-variance-authority";
+const e = [
+  {
+    state: "pending",
+    isHovered: !0,
+    isDisabled: !1,
+    isPressed: !1,
+    class: "bg-neutral-600"
+  },
+  {
+    state: "inProgress",
+    isHovered: !0,
+    isDisabled: !1,
+    isPressed: !1,
+    class: "bg-blue-600"
+  },
+  {
+    state: "completed",
+    isHovered: !0,
+    isDisabled: !1,
+    isPressed: !1,
+    class: "bg-success-600"
+  },
+  {
+    state: "error",
+    isHovered: !0,
+    isDisabled: !1,
+    isPressed: !1,
+    class: "bg-error-600"
+  }
+], t = [
+  {
+    isDisabled: !0,
+    isPressed: !1,
+    class: "bg-neutral-600"
+  },
+  {
+    isDisabled: !1,
+    isPressed: !1,
+    state: "pending",
+    class: "bg-neutral-500"
+  },
+  {
+    isDisabled: !1,
+    isPressed: !1,
+    state: "inProgress",
+    class: "bg-blue-500"
+  },
+  {
+    isDisabled: !1,
+    isPressed: !1,
+    state: "completed",
+    class: "bg-success-500"
+  },
+  {
+    isDisabled: !1,
+    isPressed: !1,
+    state: "error",
+    class: "bg-error-500"
+  }
+], r = [
+  {
+    isPressed: !0,
+    isDisabled: !1,
+    state: "pending",
+    class: "bg-neutral-900"
+  },
+  {
+    isPressed: !0,
+    isDisabled: !1,
+    state: "inProgress",
+    class: "bg-blue-800"
+  },
+  {
+    isPressed: !0,
+    isDisabled: !1,
+    state: "completed",
+    class: "bg-success-800"
+  },
+  {
+    isPressed: !0,
+    isDisabled: !1,
+    state: "error",
+    class: "bg-error-800"
+  }
+], i = s(
+  "flex shrink-0 items-center justify-center rounded-full focus-visible:outline-0 focus:outline-0",
+  {
+    variants: {
+      size: {
+        xs: "size-8",
+        md: "size-[50px]"
+      },
+      state: {
+        pending: "",
+        inProgress: "",
+        completed: "",
+        error: ""
+      },
+      isDisabled: {
+        true: "",
+        false: ""
+      },
+      isHovered: {
+        true: "",
+        false: ""
+      },
+      isPressed: {
+        true: "",
+        false: ""
+      }
+    },
+    compoundVariants: [...e, ...t, ...r]
+  }
+), l = s("leading-5 tracking-wide font-normal text-black", {
+  variants: {
+    size: {
+      xs: "text-sm",
+      md: "text-md"
+    }
+  }
+}), d = s("flex items-center justify-center", {
+  variants: {
+    size: {
+      xs: "text-base size-4",
+      md: "text-lg size-[18px]"
+    },
+    state: {
+      pending: "text-neutral-50",
+      inProgress: "text-neutral-50",
+      completed: "text-neutral-50",
+      error: "text-neutral-50"
+    },
+    isHovered: {
+      true: "",
+      false: ""
+    }
+  },
+  compoundVariants: [
+    {
+      state: "error",
+      isHovered: !0,
+      class: "text-error-600"
+    }
+  ]
+});
 export {
-  i as C
+  d as iconVariants,
+  l as labelVariants,
+  i as stepVariants
 };

package/dist/index.es98.js

@@ -1,25 +1,4 @@
-import o from "react";
-const e = o, c = ({
-  title: r,
-  titleId: a,
-  ...l
-}, t) => /* @__PURE__ */ e.createElement("svg", Object.assign({
-  fill: "currentColor",
-  "aria-hidden": "true",
-  viewBox: "0 0 24 24",
-  xmlns: "http://www.w3.org/2000/svg",
-  ref: t,
-  "aria-labelledby": a
-}, l), r ? /* @__PURE__ */ e.createElement("title", {
-  id: a
-}, r) : null, /* @__PURE__ */ e.createElement("path", {
-  fillRule: "evenodd",
-  d: "M12 20.5a8.5 8.5 0 1 0 0-17 8.5 8.5 0 0 0 0 17m0 1.5c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10",
-  clipRule: "evenodd"
-}), /* @__PURE__ */ e.createElement("path", {
-  d: "M8.47 14.47a.75.75 0 1 0 1.06 1.06L12 13.06l2.48 2.48a.75.75 0 1 0 1.06-1.06L13.06 12l2.48-2.48a.75.75 0 0 0-1.06-1.06L12 10.94 9.53 8.47a.75.75 0 0 0-1.06 1.06L10.94 12z"
-})), n = e.forwardRef(c);
-var i = n;
+var e = { exports: {} };
 export {
-  i as C
+  e as __module
 };

package/dist/index.es99.js

@@ -1,23 +1,32 @@
-import t from "react";
-const e = t, n = ({
-  title: r,
-  titleId: a,
-  ...l
-}, o) => /* @__PURE__ */ e.createElement("svg", Object.assign({
-  fill: "currentColor",
-  "aria-hidden": "true",
-  viewBox: "0 0 24 24",
-  xmlns: "http://www.w3.org/2000/svg",
-  ref: o,
-  "aria-labelledby": a
-}, l), r ? /* @__PURE__ */ e.createElement("title", {
-  id: a
-}, r) : null, /* @__PURE__ */ e.createElement("path", {
-  fillRule: "evenodd",
-  d: "M2.253 2.253a.863.863 0 0 1 1.22 0L12 10.78l8.527-8.527a.863.863 0 1 1 1.22 1.22L13.22 12l8.527 8.527a.863.863 0 1 1-1.22 1.22L12 13.22l-8.527 8.527a.863.863 0 1 1-1.22-1.22L10.78 12 2.253 3.473a.863.863 0 0 1 0-1.22",
-  clipRule: "evenodd"
-})), s = e.forwardRef(n);
-var d = s;
+import { __exports as t } from "./index.es123.js";
+import R from "react";
+/**
+ * @license React
+ * react-jsx-runtime.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var p;
+function v() {
+  if (p)
+    return t;
+  p = 1;
+  var s = R, m = Symbol.for("react.element"), l = Symbol.for("react.fragment"), c = Object.prototype.hasOwnProperty, d = s.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, y = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function i(o, r, u) {
+    var e, n = {}, _ = null, f = null;
+    u !== void 0 && (_ = "" + u), r.key !== void 0 && (_ = "" + r.key), r.ref !== void 0 && (f = r.ref);
+    for (e in r)
+      c.call(r, e) && !y.hasOwnProperty(e) && (n[e] = r[e]);
+    if (o && o.defaultProps)
+      for (e in r = o.defaultProps, r)
+        n[e] === void 0 && (n[e] = r[e]);
+    return { $$typeof: m, type: o, key: _, ref: f, props: n, _owner: d.current };
+  }
+  return t.Fragment = l, t.jsx = i, t.jsxs = i, t;
+}
 export {
-  d as C
+  v as __require
 };

package/dist/stories/Accordion.stories.d.ts

@@ -2,7 +2,7 @@ import { StoryObj } from '@storybook/react';
 
 declare const meta: {
     title: string;
-    component: ({ items, accordionClassName, itemClassName, sectionClassName, hasIcon, allowMultipleOpen, defaultValue, }: import('../components').AccordionProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ items, accordionClassName, itemClassName, sectionClassName, hasIcon, allowMultipleOpen, defaultValue, onChangeItem, }: import('../components').AccordionProps) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
 };
 export default meta;
@@ -12,3 +12,4 @@ export declare const AllowMultipleOpen: Story;
 export declare const WithDisabledItems: Story;
 export declare const WithDefaultOpen: Story;
 export declare const WithMultipleDefaultOpen: Story;
+export declare const WithOnChangeItem: Story;

package/dist/stories/TextField.stories.d.ts

@@ -0,0 +1,56 @@
+import { TextField } from '../components';
+import { StoryObj } from '@storybook/react';
+
+declare const meta: {
+    title: string;
+    component: typeof TextField;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    args: {
+        label: string;
+        placeholder: string;
+        size: "sm";
+    };
+    argTypes: {
+        size: {
+            control: "select";
+            options: string[];
+        };
+        validationState: {
+            control: "select";
+            options: (string | undefined)[];
+        };
+        isDisabled: {
+            control: "boolean";
+        };
+        isReadOnly: {
+            control: "boolean";
+        };
+        isRequired: {
+            control: "boolean";
+        };
+        multiline: {
+            control: "boolean";
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithDescription: Story;
+export declare const Required: Story;
+export declare const Disabled: Story;
+export declare const ReadOnly: Story;
+export declare const WithIcon: Story;
+export declare const Valid: Story;
+export declare const Invalid: Story;
+export declare const WithTooltip: Story;
+export declare const Controlled: Story;
+export declare const Sizes: Story;
+export declare const Multiline: Story;
+export declare const MultilineWithValidation: Story;
+export declare const EmailType: Story;
+export declare const PasswordType: Story;
+export declare const AllStates: Story;

package/dist/stories/TimeField.stories.d.ts

@@ -0,0 +1,79 @@
+import { TimeField } from '../components';
+import { StoryObj } from '@storybook/react';
+import { Time } from '@internationalized/date';
+
+declare const meta: {
+    title: string;
+    component: typeof TimeField;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    args: {
+        label: string;
+        size: "sm";
+        defaultValue: Time;
+        granularity: "minute";
+    };
+    argTypes: {
+        size: {
+            control: "select";
+            options: string[];
+        };
+        validationState: {
+            control: "select";
+            options: (string | undefined)[];
+        };
+        isDisabled: {
+            control: "boolean";
+        };
+        isReadOnly: {
+            control: "boolean";
+        };
+        isRequired: {
+            control: "boolean";
+        };
+        granularity: {
+            control: "select";
+            options: string[];
+        };
+        hourCycle: {
+            control: "select";
+            options: number[];
+        };
+        hideTimeZone: {
+            control: "boolean";
+        };
+        shouldForceLeadingZeros: {
+            control: "boolean";
+        };
+        confirmButtonLabel: {
+            control: "text";
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithValue: Story;
+export declare const WithDescription: Story;
+export declare const Error: Story;
+export declare const Valid: Story;
+export declare const Disabled: Story;
+export declare const ReadOnly: Story;
+export declare const Required: Story;
+export declare const WithTooltip: Story;
+export declare const SizeXS: Story;
+export declare const SizeSM: Story;
+export declare const SizeMD: Story;
+export declare const SizeLG: Story;
+export declare const WithMinMax: Story;
+export declare const HourGranularity: Story;
+export declare const SecondGranularity: Story;
+export declare const TwelveHourCycle: Story;
+export declare const TwentyFourHourCycle: Story;
+export declare const WithLeadingZeros: Story;
+export declare const WithPlaceholder: Story;
+export declare const AllSizes: Story;
+export declare const AllValidationStates: Story;
+export declare const ControlledExamples: Story;

package/dist/style.css

@@ -1120,6 +1120,9 @@ select {
 .w-6 {
   width: 1.5rem;
 }
+.w-64 {
+  width: 16rem;
+}
 .w-7 {
   width: 1.75rem;
 }
@@ -1304,6 +1307,9 @@ select {
 .gap-2 {
   gap: 0.5rem;
 }
+.gap-3 {
+  gap: 0.75rem;
+}
 .gap-4 {
   gap: 1rem;
 }
@@ -2259,6 +2265,10 @@ select {
   --tw-text-opacity: 1;
   color: rgb(233 254 245 / var(--tw-text-opacity));
 }
+.text-success-500 {
+  --tw-text-opacity: 1;
+  color: rgb(31 181 118 / var(--tw-text-opacity));
+}
 .text-success-800 {
   --tw-text-opacity: 1;
   color: rgb(2 96 56 / var(--tw-text-opacity));
@@ -2357,6 +2367,10 @@ select {
   --tw-ring-opacity: 1;
   --tw-ring-color: rgb(27 51 173 / var(--tw-ring-opacity));
 }
+.ring-error-500 {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(204 64 51 / var(--tw-ring-opacity));
+}
 .ring-primary-500 {
   --tw-ring-opacity: 1;
   --tw-ring-color: rgb(76 59 239 / var(--tw-ring-opacity));
@@ -2365,6 +2379,10 @@ select {
   --tw-ring-opacity: 1;
   --tw-ring-color: rgb(38 157 217 / var(--tw-ring-opacity));
 }
+.ring-success-500 {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(31 181 118 / var(--tw-ring-opacity));
+}
 .ring-offset-1 {
   --tw-ring-offset-width: 1px;
 }
@@ -2722,6 +2740,10 @@ select {
   --tw-text-opacity: 1;
   color: rgb(38 68 217 / var(--tw-text-opacity));
 }
+.hover\:text-neutral-900:hover {
+  --tw-text-opacity: 1;
+  color: rgb(34 36 42 / var(--tw-text-opacity));
+}
 .hover\:text-primary-500:hover {
   --tw-text-opacity: 1;
   color: rgb(76 59 239 / var(--tw-text-opacity));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@simpli-route/apollo-ds",
-  "version": "0.1.60",
+  "version": "0.1.64",
   "type": "module",
   "files": [
     "dist"