@caseparts-org/caseblocks 0.0.8 → 0.0.9

package/dist/assets/ChipSelector.css

@@ -1 +1 @@
-._chipSelector_1k7dl_1{column-gap:var(--spacing-1);row-gap:var(--spacing-0-75);flex-wrap:wrap}
+._chipSelector_butnu_1{column-gap:var(--spacing-0-5);row-gap:var(--spacing-0-5);flex-wrap:wrap}

package/dist/assets/ToggleView.css

@@ -1 +1 @@
-._toggleView_1qbhe_1{flex-wrap:wrap}._toggleOption_1qbhe_5{border:none;padding:var(--spacing-0-25) var(--spacing-1);gap:var(--spacing-0-125);cursor:pointer;border:1px solid var(--border-border-primary)}._toggleOption_1qbhe_5._selected_1qbhe_13{color:var(--text-text-invert);border:1px solid var(--color-brand-primary-primary-teal-blue);background-color:var(--color-brand-primary-primary-teal-blue)}._toggleOption_1qbhe_5._selected_1qbhe_13 path{fill:var(--icons-icon-invert)}
+._toggleView_1voum_1{flex-wrap:wrap}._toggleOption_1voum_5{border:none;padding:var(--spacing-0-125) var(--spacing-0-5);gap:var(--spacing-0-125);cursor:pointer;border-top:1px solid var(--border-border-primary);border-bottom:1px solid var(--border-border-primary)}._toggleOption_1voum_5._selected_1voum_15{color:var(--text-text-invert);border-color:var(--color-brand-primary-primary-teal-blue);background-color:var(--color-brand-primary-primary-teal-blue)}._toggleOption_1voum_5._selected_1voum_15 path{fill:var(--icons-icon-invert)}._toggleOption_1voum_5:first-child{border-left:1px solid var(--border-border-primary);border-radius:2px 0 0 2px}._toggleOption_1voum_5:last-child{border-right:1px solid var(--border-border-primary);border-radius:0 2px 2px 0}._toggleOption_1voum_5:not(:last-child){border-right:1px solid var(--border-border-primary)}._toggleOption_1voum_5._selected_1voum_15+._toggleOption_1voum_5{border-left:none}

package/dist/molecules/ToggleView/ToggleView.js

@@ -2,18 +2,18 @@ import { jsx as e, jsxs as d } from "react/jsx-runtime";
 import g from "react";
 import { Flex as f } from "../../atoms/Flex/Flex.js";
 import { Icon as l } from "../../atoms/Icon/Icon.js";
-import { Text as b } from "../../atoms/Text/Text.js";
-import { getHideAtStyles as x } from "../../atoms/HideAt.js";
+import { Text as x } from "../../atoms/Text/Text.js";
+import { getHideAtStyles as O } from "../../atoms/HideAt.js";
 import { c as p } from "../../clsx-OuTLNxxd.js";
-import '../../assets/ToggleView.css';const O = "_toggleView_1qbhe_1", y = "_toggleOption_1qbhe_5", I = "_selected_1qbhe_13", m = {
-  toggleView: O,
-  toggleOption: y,
-  selected: I
-}, _ = {
+import '../../assets/ToggleView.css';const y = "_toggleView_1voum_1", I = "_toggleOption_1voum_5", _ = "_selected_1voum_15", m = {
+  toggleView: y,
+  toggleOption: I,
+  selected: _
+}, T = {
   grid: "GRID",
   list: "LIST",
   table: "TABLE"
-}, T = {
+}, b = {
   grid: /* @__PURE__ */ e(l, { iconKey: "fa-regular fa-grid-2", size: "sm" }),
   list: /* @__PURE__ */ e(l, { iconKey: "fa-regular fa-list-ul", size: "sm" }),
   table: /* @__PURE__ */ e(l, { iconKey: "fa-regular fa-table-cells", size: "sm" })
@@ -31,7 +31,7 @@ function s({
     {
       flexDirection: "row",
       alignItems: "center",
-      className: p(m.toggleView, x(a), n),
+      className: p(m.toggleView, O(a), n),
       ...r,
       children: g.Children.map(o, (i) => g.isValidElement(i) ? g.cloneElement(i, {
         isSelected: i.props.id === c,
@@ -53,8 +53,8 @@ function w({
     u,
     {
       id: c,
-      label: _[t],
-      icon: T[t],
+      label: T[t],
+      icon: b[t],
       isSelected: n,
       onClick: o,
       ...r
@@ -87,7 +87,7 @@ function u({
       ...i,
       children: [
         n,
-        /* @__PURE__ */ e(b, { size: "xxs", children: t })
+        /* @__PURE__ */ e(x, { size: "xxs", children: t })
       ]
     }
   );

package/dist/molecules/ToggleView/ToggleView.stories.js

@@ -9,7 +9,7 @@ const l = {
   tags: ["autodocs"]
 }, r = {
   args: {
-    selectedId: "table",
+    selectedId: "grid",
     onToggle: (o) => console.log(`Option ${o} selected`),
     children: [
       /* @__PURE__ */ e(t.Option, { id: "grid", variant: "grid" }, "grid"),

package/dist/organisms/ChipSelector/ChipSelector.js

@@ -1,27 +1,27 @@
-import { jsx as l } from "react/jsx-runtime";
+import { jsx as o } from "react/jsx-runtime";
 import { c as m } from "../../clsx-OuTLNxxd.js";
 import { getHideAtStyles as n } from "../../atoms/HideAt.js";
 import { Flex as s } from "../../atoms/Flex/Flex.js";
 import { Chip as f } from "../../molecules/Chip/Chip.js";
-import '../../assets/ChipSelector.css';const x = "_chipSelector_1k7dl_1", i = {
+import '../../assets/ChipSelector.css';const x = "_chipSelector_butnu_1", u = {
   chipSelector: x
 };
 function g({
-  chips: o,
+  chips: l,
   onChipSelect: e,
   onChipDismiss: r,
   className: a,
-  hideAt: d,
-  ...c
+  hideAt: c,
+  ...d
 }) {
-  return /* @__PURE__ */ l(
+  return /* @__PURE__ */ o(
     s,
     {
       flexDirection: "row",
       alignItems: "center",
-      className: m(i.chipSelector, n(d), a),
-      ...c,
-      children: o.map((t) => /* @__PURE__ */ l(
+      className: m(u.chipSelector, n(c), a),
+      ...d,
+      children: l.map((t) => /* @__PURE__ */ o(
         f,
         {
           text: t.text,

package/dist/organisms/ChipSelector/ChipSelector.stories.js

@@ -1,6 +1,6 @@
 import { jsx as i } from "react/jsx-runtime";
 import { ChipSelector as t } from "./ChipSelector.js";
-const a = {
+const s = {
   title: "Case Parts/Organisms/ChipSelector",
   component: t,
   parameters: {
@@ -9,17 +9,34 @@ const a = {
   },
   // This component will have an automatically generated Autodocs entry: https://storybook.js.org/docs/writing-docs/autodocs
   tags: ["autodocs"]
-}, o = {
+}, c = {
   args: {
     chips: [
       { id: 1, text: "Chip 1", variant: "selectable", selected: !0 },
       { id: 2, text: "Chip 2", variant: "selectable", selected: !0 },
-      { id: 3, text: "Chip 3", variant: "selectable", selected: !0 }
+      { id: 3, text: "Chip 3", variant: "selectable", selected: !0 },
+      { id: 4, text: "Chip 4", variant: "selectable", selected: !0 },
+      { id: 5, text: "Chip 5", variant: "selectable", selected: !0 },
+      { id: 6, text: "Chip 6", variant: "selectable", selected: !0 },
+      { id: 7, text: "Chip 7", variant: "selectable", selected: !0 },
+      { id: 8, text: "Chip 8", variant: "selectable", selected: !0 },
+      { id: 9, text: "Chip 9", variant: "selectable", selected: !0 },
+      { id: 10, text: "Chip 10", variant: "selectable", selected: !0 },
+      { id: 11, text: "Chip 11", variant: "selectable", selected: !0 },
+      { id: 12, text: "Chip 12", variant: "selectable", selected: !0 },
+      { id: 13, text: "Chip 13", variant: "selectable", selected: !1 },
+      { id: 14, text: "Chip 14", variant: "selectable", selected: !1 },
+      { id: 15, text: "Chip 15", variant: "selectable", selected: !1 },
+      { id: 16, text: "Chip 16", variant: "selectable", selected: !1 },
+      { id: 17, text: "Chip 17", variant: "selectable", selected: !0 },
+      { id: 18, text: "Chip 18", variant: "selectable", selected: !0 },
+      { id: 19, text: "Chip 19", variant: "selectable", selected: !1 },
+      { id: 20, text: "Chip 20", variant: "selectable", selected: !1 }
     ],
     onChipSelect: (e) => console.log(`Chip ${e} selected`),
     onChipDismiss: (e) => console.log(`Chip ${e} dismissed`)
   }
-}, c = {
+}, d = {
   render: () => /* @__PURE__ */ i(
     t,
     {
@@ -45,7 +62,7 @@ const a = {
   )
 };
 export {
-  o as AllProps,
-  c as Variants,
-  a as default
+  c as AllProps,
+  d as Variants,
+  s as default
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@caseparts-org/caseblocks",
   "private": false,
-  "version": "0.0.8",
+  "version": "0.0.9",
   "type": "module",
   "module": "dist/main.js",
   "types": "dist/main.d.ts",