@grasp-labs/ds-react-components 0.27.0 → 0.28.0

package/dist/index.d.ts

@@ -36,6 +36,7 @@ export * from './components/tag';
 export * from './components/tagList';
 export * from './components/textBox';
 export * from './components/toast';
+export * from './components/toggleButton';
 export * from './components/typography';
 export * from './components/unstyledButton';
 export * from './components/datePicker';

package/dist/{index.esm-BWMKgcXW.js → index.esm-DSM8g92J.js}

@@ -1,4 +1,4 @@
-import { j as o } from "./index-DGPKStbk.js";
+import { j as o } from "./index-D-LlrXgj.js";
 import { useState as G, useEffect as Oe, createContext as Xt, useRef as ce, useContext as Zt, useMemo as le, useCallback as Ie } from "react";
 const Be = (e, t, n, r, a) => {
   if (!r) throw new Error(a ?? `Invalid property path: ${t}

package/dist/index.js

@@ -1,4 +1,4 @@
-import { A as o, b as e, ag as n, B as c, a as l, ah as t, d as r, e as i, ai as I, C as d, Q as u, aj as C, f as D, h as T, al as g, am as b, an as p, ao as B, ak as h, ap as F, aq as E, ar as P, as as S, i as x, at as L, au as w, ae as f, av as m, aw as y, D as H, ax as O, k, l as v, m as R, n as A, y as M, ay as W, az as N, E as V, aA as G, aB as J, o as K, aE as U, aG as Y, aF as _, aC as q, aD as z, F as Q, q as X, u as Z, p as j, t as $, r as aa, v as sa, s as oa, aH as ea, w as na, a6 as ca, a7 as la, a8 as ta, a9 as ra, aa as ia, ab as Ia, aI as da, I as ua, aJ as Ca, aK as Da, J as Ta, K as ga, ac as ba, L as pa, x as Ba, z as ha, G as Fa, aL as Ea, M as Pa, X as Sa, P as xa, aM as La, aN as wa, H as fa, N as ma, aO as ya, R as Ha, aP as Oa, aQ as ka, aR as va, aS as Ra, O as Aa, S as Ma, U as Wa, V as Na, W as Va, aT as Ga, aU as Ja, $ as Ka, a0 as Ua, Y as Ya, aV as _a, Z as qa, _ as za, aW as Qa, a1 as Xa, a2 as Za, a3 as ja, a4 as $a, a5 as as, T as ss, ad as os, aX as es, aY as ns, c as cs, g as ls, af as ts, aZ as rs } from "./index-DGPKStbk.js";
+import { A as o, b as e, ai as n, B as c, a as l, aj as t, d as r, e as i, ak as I, C as d, Q as u, al as g, f as C, h as T, an as D, ao as B, ap as b, aq as p, am as h, ar as F, as as E, at as P, au as S, i as x, av as L, aw as w, ag as f, ax as m, ay as y, D as H, az as k, k as O, l as v, m as R, n as A, y as M, aA as W, aB as N, E as V, aC as _, aD as G, o as J, aG as K, aI as U, aH as Y, aE as q, aF as z, F as Q, q as X, u as Z, p as $, t as j, r as aa, v as sa, s as oa, aJ as ea, w as na, a8 as ca, a9 as la, aa as ta, ab as ra, ac as ia, ad as Ia, aK as da, I as ua, aL as ga, aM as Ca, J as Ta, K as Da, ae as Ba, L as ba, x as pa, z as ha, G as Fa, aN as Ea, M as Pa, X as Sa, P as xa, aO as La, aP as wa, H as fa, N as ma, aQ as ya, R as Ha, aR as ka, aS as Oa, aT as va, aU as Ra, O as Aa, S as Ma, U as Wa, V as Na, W as Va, aV as _a, aW as Ga, $ as Ja, a0 as Ka, Y as Ua, aX as Ya, Z as qa, _ as za, aY as Qa, a1 as Xa, a2 as Za, a3 as $a, a4 as ja, a5 as as, a6 as ss, a7 as os, T as es, af as ns, aZ as cs, a_ as ls, c as ts, g as rs, ah as is, a$ as Is } from "./index-D-LlrXgj.js";
 export {
   o as Alert,
   e as AnimatedList,
@@ -11,13 +11,13 @@ export {
   I as CalendarIcon,
   d as Card,
   u as CenteredSpinner,
-  C as CheckIcon,
-  D as Checkbox,
+  g as CheckIcon,
+  C as Checkbox,
   T as CheckboxIcon,
-  g as ChevronDoubleLeftIcon,
-  b as ChevronDoubleRightIcon,
-  p as ChevronLeftIcon,
-  B as ChevronRightIcon,
+  D as ChevronDoubleLeftIcon,
+  B as ChevronDoubleRightIcon,
+  b as ChevronLeftIcon,
+  p as ChevronRightIcon,
   h as CircleFilledIcon,
   F as CircleIcon,
   E as ClockIcon,
@@ -30,8 +30,8 @@ export {
   m as DeleteIcon,
   y as DetailsIcon,
   H as Dialog,
-  O as DownloadIcon,
-  k as Drawer,
+  k as DownloadIcon,
+  O as Drawer,
   v as Dropdown,
   R as DropdownItem,
   A as DynamicIcon,
@@ -39,19 +39,19 @@ export {
   W as EarthIcon,
   N as EditIcon,
   V as ErrorBoundary,
-  G as ErrorFilledIcon,
-  J as ErrorOutlinedIcon,
-  K as ErrorPage,
-  U as ExpandDownIcon,
-  Y as ExpandIcon,
-  _ as ExpandRightIcon,
+  _ as ErrorFilledIcon,
+  G as ErrorOutlinedIcon,
+  J as ErrorPage,
+  K as ExpandDownIcon,
+  U as ExpandIcon,
+  Y as ExpandRightIcon,
   q as EyeIcon,
   z as EyeOffIcon,
   Q as Field,
   X as FieldContent,
   Z as FieldGroup,
-  j as FieldLabel,
-  $ as FieldLegend,
+  $ as FieldLabel,
+  j as FieldLegend,
   aa as FieldMessage,
   sa as FieldSeparator,
   oa as FieldSet,
@@ -65,13 +65,13 @@ export {
   Ia as H6,
   da as HourglassIcon,
   ua as IconButton,
-  Ca as IdeaIcon,
-  Da as InfoOutlinedIcon,
+  ga as IdeaIcon,
+  Ca as InfoOutlinedIcon,
   Ta as JsonEditor,
-  ga as KeyValueList,
-  ba as Label,
-  pa as Link,
-  Ba as List,
+  Da as KeyValueList,
+  Ba as Label,
+  ba as Link,
+  pa as List,
   ha as ListItem,
   Fa as Logo,
   Ea as MoreIcon,
@@ -84,8 +84,8 @@ export {
   ma as Portal,
   ya as ProfileIcon,
   Ha as RadioButton,
-  Oa as RecycleIcon,
-  ka as ReloadIcon,
+  ka as RecycleIcon,
+  Oa as ReloadIcon,
   va as SaveIcon,
   Ra as SearchIcon,
   Aa as Select,
@@ -93,26 +93,28 @@ export {
   Wa as Spinner,
   Na as Step,
   Va as Stepper,
-  Ga as SuccessFilledIcon,
-  Ja as SuccessOutlinedIcon,
-  Ka as Tab,
-  Ua as TabPanel,
-  Ya as Table,
-  _a as TableArrowIcon,
+  _a as SuccessFilledIcon,
+  Ga as SuccessOutlinedIcon,
+  Ja as Tab,
+  Ka as TabPanel,
+  Ua as Table,
+  Ya as TableArrowIcon,
   qa as TableCell,
   za as TableHeaderCell,
   Qa as TableIcon,
   Xa as Tag,
   Za as TagList,
-  ja as TextBox,
-  $a as Toast,
+  $a as TextBox,
+  ja as Toast,
   as as Toaster,
-  ss as Tooltip,
-  os as UnstyledButton,
-  es as WarningFilledIcon,
-  ns as WarningOutlinedIcon,
-  cs as colorVariantClasses,
-  ls as getBaseButtonClassName,
-  ts as icons,
-  rs as useDropdownPosition
+  ss as ToggleButton,
+  os as ToggleButtonTrack,
+  es as Tooltip,
+  ns as UnstyledButton,
+  cs as WarningFilledIcon,
+  ls as WarningOutlinedIcon,
+  ts as colorVariantClasses,
+  rs as getBaseButtonClassName,
+  is as icons,
+  Is as useDropdownPosition
 };

package/dist/tailwind-styles.css

@@ -50,6 +50,7 @@
 @theme inline {
   --color-primary: var(--primary);
   --color-primary-light: var(--primary-light);
+  --color-primary-light-hover: var(--primary-light-hover);
   --color-primary-super-light: var(--primary-super-light);
   --color-secondary: var(--secondary);
   --color-text: var(--text);
@@ -63,6 +64,7 @@
   --color-contrast: var(--contrast);
   --color-error: var(--error);
   --color-error-light: var(--error-light);
+  --color-error-light-hover: var(--error-light-hover);
   --color-success: var(--success);
   --color-warning: var(--warning);
   --color-shade: var(--shade);
@@ -85,6 +87,7 @@
   --font-base: 16px;
   --primary: #2a2a2a;
   --primary-light: #5c5c5c;
+  --primary-light-hover: #6e6e6e;
   --primary-super-light: #e0e0df;
   --secondary: #8b8b8b;
   --text: #2b292a;
@@ -98,6 +101,7 @@
   --contrast: #ffffff;
   --error: #ff4d4f;
   --error-light: #ff9495;
+  --error-light-hover: #ffaaab;
   --success: #52c41a;
   --warning: #ffa500;
   --shade: #d1d1d1;
@@ -108,6 +112,7 @@
 .dark {
   --primary: #e0e0df;
   --primary-light: #b8b8b8;
+  --primary-light-hover: #c8c8c8;
   --primary-super-light: #3a3a3a;
   --secondary: #8b8b8b;
   --text: #f8f7f6;
@@ -121,6 +126,7 @@
   --contrast: #2a2a2a;
   --error: #ff6b6d;
   --error-light: #ff4d4f;
+  --error-light-hover: #ff6b6d;
   --success: #6fdb3f;
   --warning: #ffb733;
   --shade: #3f3f3f;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@grasp-labs/ds-react-components",
-  "version": "0.27.0",
+  "version": "0.28.0",
   "private": false,
   "license": "Apache-2.0",
   "type": "module",