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

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

@@ -1,4 +1,4 @@
-import { j as o } from "./index-D-LlrXgj.js";
+import { j as o } from "./index-3FfnDfv1.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,120 +1,134 @@
-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";
+import { aj as o, A as e, c as n, ak as c, al as t, am as r, an as I, B as l, a as i, ao as d, af as b, e as C, ap as g, f as u, aq as B, C as T, ar as D, V as p, as as L, h, i as w, at as P, au as S, av as f, aw as F, ax as y, ay as x, k as E, az as m, aA as k, aB as A, aC as H, aD as v, aE as R, ai as M, aF as N, aG as U, D as O, aH as G, aI as W, l as _, m as J, n as K, o as V, G as Y, aJ as q, aK as z, E as Q, aL as X, p as Z, aM as $, aO as j, F as aa, r as sa, w as oa, q as ea, u as na, s as ca, x as ta, t as ra, aN as Ia, aP as la, y as ia, aQ as da, aa as ba, ab as Ca, ac as ga, ad as ua, ae as Ba, aR as Ta, I as Da, aS as pa, aT as La, J as ha, K as wa, ag as Pa, aU as Sa, aV as fa, L as Fa, z as ya, aW as xa, H as Ea, M as ma, aX as ka, N as Aa, aY as Ha, aZ as va, Z as Ra, P as Ma, a_ as Na, a$ as Ua, O as Oa, Q as Ga, b0 as Wa, R as _a, b1 as Ja, b2 as Ka, b3 as Va, b4 as Ya, b5 as qa, U as za, b6 as Qa, S as Xa, W as Za, X as $a, Y as ja, b7 as as, a1 as ss, a2 as os, _ as es, $ as ns, a0 as cs, b8 as ts, a3 as rs, a4 as Is, a5 as ls, a6 as is, a7 as ds, a8 as bs, a9 as Cs, T as gs, ah as us, b9 as Bs, ba as Ts, bb as Ds, b as ps, d as Ls, g as hs, bc as ws, bd as Ps, v as Ss } from "./index-3FfnDfv1.js";
 export {
-  o as Alert,
-  e as AnimatedList,
-  n as ArrowDownIcon,
-  c as BaseButton,
-  l as BaseTextBox,
-  t as BellIcon,
-  r as Breadcrumb,
-  i as Button,
-  I as CalendarIcon,
-  d as Card,
-  u as CenteredSpinner,
-  g as CheckIcon,
-  C as Checkbox,
-  T as CheckboxIcon,
-  D as ChevronDoubleLeftIcon,
-  B as ChevronDoubleRightIcon,
-  b as ChevronLeftIcon,
-  p as ChevronRightIcon,
-  h as CircleFilledIcon,
-  F as CircleIcon,
-  E as ClockIcon,
-  P as CloseIcon,
-  S as CogWheelIcon,
-  x as ConfirmationDialog,
-  L as DashIcon,
-  w as DatabaseIcon,
-  f as DatePicker,
-  m as DeleteIcon,
-  y as DetailsIcon,
-  H as Dialog,
-  k as DownloadIcon,
-  O as Drawer,
-  v as Dropdown,
-  R as DropdownItem,
-  A as DynamicIcon,
-  M as EMPTY_OPTION_ID,
-  W as EarthIcon,
-  N as EditIcon,
-  V as ErrorBoundary,
-  _ 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,
-  $ as FieldLabel,
-  j as FieldLegend,
-  aa as FieldMessage,
-  sa as FieldSeparator,
-  oa as FieldSet,
-  ea as FilterIcon,
-  na as FlowTile,
-  ca as H1,
-  la as H2,
-  ta as H3,
-  ra as H4,
-  ia as H5,
-  Ia as H6,
-  da as HourglassIcon,
-  ua as IconButton,
-  ga as IdeaIcon,
-  Ca as InfoOutlinedIcon,
-  Ta as JsonEditor,
-  Da as KeyValueList,
-  Ba as Label,
-  ba as Link,
-  pa as List,
-  ha as ListItem,
-  Fa as Logo,
-  Ea as MoreIcon,
-  Pa as MultiSelect,
-  Sa as Pagination,
-  xa as PasswordTextBox,
-  La as PlayIcon,
-  wa as PlusIcon,
-  fa as Popover,
-  ma as Portal,
-  ya as ProfileIcon,
-  Ha as RadioButton,
-  ka as RecycleIcon,
-  Oa as ReloadIcon,
-  va as SaveIcon,
-  Ra as SearchIcon,
-  Aa as Select,
-  Ma as Sidebar,
-  Wa as Spinner,
-  Na as Step,
-  Va as Stepper,
-  _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,
-  $a as TextBox,
-  ja as Toast,
-  as as Toaster,
-  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
+  o as AddressIcon,
+  e as Alert,
+  n as AnimatedList,
+  c as ArrowDownIcon,
+  t as ArrowLeftIcon,
+  r as ArrowRightIcon,
+  I as ArrowUpIcon,
+  l as BaseButton,
+  i as BaseTextBox,
+  d as BellIcon,
+  b as Body,
+  C as Breadcrumb,
+  g as BriefcaseIcon,
+  u as Button,
+  B as CalendarIcon,
+  T as Card,
+  D as CautionIcon,
+  p as CenteredSpinner,
+  L as CheckIcon,
+  h as Checkbox,
+  w as CheckboxIcon,
+  P as ChevronDoubleLeftIcon,
+  S as ChevronDoubleRightIcon,
+  f as CircleIcon,
+  F as ClockIcon,
+  y as CloseIcon,
+  x as CogWheelIcon,
+  E as ConfirmationDialog,
+  m as ConnectionIcon,
+  k as CopyIcon,
+  A as CorrectIcon,
+  H as DashIcon,
+  v as DashboardIcon,
+  R as DatabaseIcon,
+  M as DatePicker,
+  N as DeleteIcon,
+  U as DetailsIcon,
+  O as Dialog,
+  G as DownIcon,
+  W as DownloadIcon,
+  _ as Drawer,
+  J as Dropdown,
+  K as DropdownItem,
+  V as DynamicIcon,
+  Y as EMPTY_OPTION_ID,
+  q as EarthIcon,
+  z as EditIcon,
+  Q as ErrorBoundary,
+  X as ErrorIcon,
+  Z as ErrorPage,
+  $ as EyeIcon,
+  j as EyeOffIcon,
+  aa as Field,
+  sa as FieldContent,
+  oa as FieldGroup,
+  ea as FieldLabel,
+  na as FieldLegend,
+  ca as FieldMessage,
+  ta as FieldSeparator,
+  ra as FieldSet,
+  Ia as FileIcon,
+  la as FilterIcon,
+  ia as FlowTile,
+  da as GlobeIcon,
+  ba as H1,
+  Ca as H2,
+  ga as H3,
+  ua as H4,
+  Ba as H5,
+  Ta as HourglassIcon,
+  Da as IconButton,
+  pa as IdeaIcon,
+  La as InfoIcon,
+  ha as JsonEditor,
+  wa as KeyValueList,
+  Pa as Label,
+  Sa as LeftBarIcon,
+  fa as LeftIcon,
+  Fa as Link,
+  ya as List,
+  xa as ListIcon,
+  Ea as ListItem,
+  ma as Logo,
+  ka as MoreIcon,
+  Aa as MultiSelect,
+  Ha as NotepadIcon,
+  va as NotesIcon,
+  Ra as Pagination,
+  Ma as PasswordTextBox,
+  Na as PlayIcon,
+  Ua as PlusIcon,
+  Oa as Popover,
+  Ga as Portal,
+  Wa as ProfileIcon,
+  _a as RadioButton,
+  Ja as RecycleIcon,
+  Ka as ReloadIcon,
+  Va as RightIcon,
+  Ya as SaveIcon,
+  qa as SearchIcon,
+  za as Select,
+  Qa as ServerIcon,
+  Xa as Sidebar,
+  Za as Spinner,
+  $a as Step,
+  ja as Stepper,
+  as as SuccessIcon,
+  ss as Tab,
+  os as TabPanel,
+  es as Table,
+  ns as TableCell,
+  cs as TableHeaderCell,
+  ts as TableIcon,
+  rs as Tag,
+  Is as TagList,
+  ls as TextBox,
+  is as Toast,
+  ds as Toaster,
+  bs as ToggleButton,
+  Cs as ToggleButtonTrack,
+  gs as Tooltip,
+  us as UnstyledButton,
+  Bs as UpIcon,
+  Ts as UserIcon,
+  Ds as WarningIcon,
+  ps as baseClasses,
+  Ls as disabledClasses,
+  hs as getBaseButtonClassName,
+  ws as icons,
+  Ps as useDropdownPosition,
+  Ss as variantClasses
 };

package/dist/tailwind-styles.css

@@ -1,42 +1,117 @@
 @import "tailwindcss";
 
 @theme {
-  --text-3xs: 0.625rem; /* 10px */
-  --text-xxs: 0.75rem; /* 12px */
-  --text-xs: 0.875rem; /* 14px */
-  --text-sm: 1rem; /* 16px */
-  --text-md: 1.125rem; /* 18px */
-  --text-lg: 1.5625rem; /* 25px */
-  --text-xl: 1.875rem; /* 30px */
-  --text-2xl: 3.75rem; /* 60px */
-  --text-3xl: 4.6875rem; /* 75px */
-  --text-4xl: 5rem; /* 80px */
-
-  --spacing-0: 0;
+  --text-3xs: 0.5rem; /* 8px */
+  --text-3xs--line-height: 1.4;
+  --text-xxs: 0.625rem; /* 10px */
+  --text-xxs--line-height: 1.4;
+  --text-xs: 0.75rem; /* 12px */
+  --text-xs--line-height: 1.4;
+  --text-sm: 0.875rem; /* 14px */
+  --text-sm--line-height: 1.4;
+  --text-md: 1rem; /* 16px */
+  --text-md--line-height: 1.4;
+  --text-lg: 1.25rem; /* 20px */
+  --text-lg--line-height: 1.2;
+  --text-xl: 1.5rem; /* 24px */
+  --text-xl--line-height: 1.2;
+  --text-2xl: 2rem; /* 32px */
+  --text-2xl--line-height: 1.2;
+  --text-3xl: 3rem; /* 48px */
+  --text-3xl--line-height: 1.2;
+  --text-4xl: 4.5rem; /* 72px */
+  --text-4xl--line-height: 1.2;
+
+  --spacing-0: 0; /* 0px */
   --spacing-0_5: 0.125rem; /* 2px */
   --spacing-1: 0.25rem; /* 4px */
+  --spacing-1_5: 0.375rem; /* 6px */
   --spacing-2: 0.5rem; /* 8px */
+  --spacing-2_5: 0.625rem; /* 10px */
   --spacing-3: 0.75rem; /* 12px */
+  --spacing-3_5: 0.875rem; /* 14px */
   --spacing-4: 1rem; /* 16px */
+  --spacing-4_5: 1.125rem; /* 18px */
   --spacing-5: 1.25rem; /* 20px */
+  --spacing-5_5: 1.375rem; /* 22px */
   --spacing-6: 1.5rem; /* 24px */
+  --spacing-6_5: 1.625rem; /* 26px */
   --spacing-7: 1.75rem; /* 28px */
+  --spacing-7_5: 1.875rem; /* 30px */
   --spacing-8: 2rem; /* 32px */
+  --spacing-8_5: 2.125rem; /* 34px */
   --spacing-9: 2.25rem; /* 36px */
+  --spacing-9_5: 2.375rem; /* 38px */
   --spacing-10: 2.5rem; /* 40px */
+  --spacing-10_5: 2.625rem; /* 42px */
   --spacing-11: 2.75rem; /* 44px */
+  --spacing-11_5: 2.875rem; /* 46px */
   --spacing-12: 3rem; /* 48px */
+  --spacing-12_5: 3.125rem; /* 50px */
   --spacing-13: 3.25rem; /* 52px */
+  --spacing-13_5: 3.375rem; /* 54px */
   --spacing-14: 3.5rem; /* 56px */
+  --spacing-14_5: 3.625rem; /* 58px */
   --spacing-15: 3.75rem; /* 60px */
+  --spacing-15_5: 3.875rem; /* 62px */
   --spacing-16: 4rem; /* 64px */
+  --spacing-16_5: 4.125rem; /* 66px */
   --spacing-17: 4.25rem; /* 68px */
+  --spacing-17_5: 4.375rem; /* 70px */
   --spacing-18: 4.5rem; /* 72px */
+  --spacing-18_5: 4.625rem; /* 74px */
   --spacing-19: 4.75rem; /* 76px */
+  --spacing-19_5: 4.875rem; /* 78px */
   --spacing-20: 5rem; /* 80px */
+  --spacing-20_5: 5.125rem; /* 82px */
+  --spacing-21: 5.25rem; /* 84px */
+  --spacing-21_5: 5.375rem; /* 86px */
+  --spacing-22: 5.5rem; /* 88px */
+  --spacing-22_5: 5.625rem; /* 90px */
+  --spacing-23: 5.75rem; /* 92px */
+  --spacing-23_5: 5.875rem; /* 94px */
+  --spacing-24: 6rem; /* 96px */
+  --spacing-24_5: 6.125rem; /* 98px */
+  --spacing-25: 6.25rem; /* 100px */
+  --spacing-25_5: 6.375rem; /* 102px */
+  --spacing-26: 6.5rem; /* 104px */
+  --spacing-26_5: 6.625rem; /* 106px */
+  --spacing-27: 6.75rem; /* 108px */
+  --spacing-27_5: 6.875rem; /* 110px */
+  --spacing-28: 7rem; /* 112px */
+  --spacing-28_5: 7.125rem; /* 114px */
+  --spacing-29: 7.25rem; /* 116px */
+  --spacing-29_5: 7.375rem; /* 118px */
+  --spacing-30: 7.5rem; /* 120px */
+  --spacing-30_5: 7.625rem; /* 122px */
+  --spacing-31: 7.75rem; /* 124px */
+  --spacing-31_5: 7.875rem; /* 126px */
+  --spacing-32: 8rem; /* 128px */
+  --spacing-32_5: 8.125rem; /* 130px */
+  --spacing-33: 8.25rem; /* 132px */
+  --spacing-33_5: 8.375rem; /* 134px */
+  --spacing-34: 8.5rem; /* 136px */
+  --spacing-34_5: 8.625rem; /* 138px */
+  --spacing-35: 8.75rem; /* 140px */
+  --spacing-35_5: 8.875rem; /* 142px */
+  --spacing-36: 9rem; /* 144px */
+  --spacing-36_5: 9.125rem; /* 146px */
+  --spacing-37: 9.25rem; /* 148px */
+  --spacing-37_5: 9.375rem; /* 150px */
+  --spacing-38: 9.5rem; /* 152px */
+  --spacing-38_5: 9.625rem; /* 154px */
+  --spacing-39: 9.75rem; /* 156px */
+  --spacing-39_5: 9.875rem; /* 158px */
+  --spacing-40: 10rem; /* 160px */
+
   --spacing-full: 100%;
 
-  --shadow-md: 0 0 12px 2px rgba(100, 103, 198, 0.25);
+  --shadow-md: 0 1px 4px 0 #0c0c0d1a;
+  --shadow-lg: 0 4px 4px -1px #0c0c0d1a;
+  --shadow-xl: 0 16px 32px -4px #0c0c0d1a;
+
+  --ease-default: ease-out;
+  --default-transition-timing-function: var(--ease-default);
 
   --animate-fadeIn: fadeIn;
 
@@ -48,27 +123,51 @@
 }
 
 @theme inline {
+  /* Primary */
   --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-primary-dark: var(--primary-dark);
+  --color-primary-contrast: var(--primary-contrast);
+
+  /* Secondary */
   --color-secondary: var(--secondary);
+  --color-secondary-light: var(--secondary-light);
+  --color-secondary-dark: var(--secondary-dark);
+  --color-secondary-contrast: var(--secondary-contrast);
+
+  /* Border */
+  --color-border: var(--border);
+
+  /* Text */
   --color-text: var(--text);
-  --color-text-contrast: var(--text-contrast);
   --color-text-disabled: var(--text-disabled);
+
+  /* Background */
   --color-background: var(--background);
   --color-background-disabled: var(--background-disabled);
-  --color-background-success: var(--background-success);
-  --color-background-error: var(--background-error);
-  --color-background-warning: var(--background-warning);
-  --color-contrast: var(--contrast);
+
+  /* Info */
+  --color-info: var(--info);
+  --color-info-contrast: var(--info-contrast);
+  --color-info-dark: var(--info-dark);
+
+  /* Error */
   --color-error: var(--error);
   --color-error-light: var(--error-light);
-  --color-error-light-hover: var(--error-light-hover);
+  --color-error-dark: var(--error-dark);
+  --color-error-contrast: var(--error-contrast);
+
+  /* Success */
   --color-success: var(--success);
+  --color-success-contrast: var(--success-contrast);
+  --color-success-dark: var(--success-dark);
+
+  /* Warning */
   --color-warning: var(--warning);
-  --color-shade: var(--shade);
-  --color-shade-light: var(--shade-light);
+  --color-warning-contrast: var(--warning-contrast);
+  --color-warning-dark: var(--warning-dark);
+
+  /* Utils */
   --color-mask: var(--mask);
 
   --font-inter: var(--inter);
@@ -85,53 +184,102 @@
 :root {
   --inter: Inter, sans-serif;
   --font-base: 16px;
-  --primary: #2a2a2a;
-  --primary-light: #5c5c5c;
-  --primary-light-hover: #6e6e6e;
-  --primary-super-light: #e0e0df;
-  --secondary: #8b8b8b;
-  --text: #2b292a;
-  --text-contrast: #f8f7f6;
-  --text-disabled: #acaaa9;
-  --background: #f5f4f3;
-  --background-disabled: #eaeaea;
-  --background-error: #ff4d4f1a;
-  --background-success: #52c41a1a;
-  --background-warning: #ffa5001a;
-  --contrast: #ffffff;
-  --error: #ff4d4f;
-  --error-light: #ff9495;
-  --error-light-hover: #ffaaab;
-  --success: #52c41a;
+
+  /* Primary */
+  --primary: rgb(40, 40, 40);
+  --primary-light: rgb(80, 80, 80);
+  --primary-dark: rgb(10, 10, 10);
+  --primary-contrast: #f8f7f6;
+
+  /* Secondary */
+  --secondary: rgb(220, 220, 220);
+  --secondary-light: rgb(170, 170, 170);
+  --secondary-dark: rgb(120, 120, 120);
+  --secondary-contrast: #f8f7f6;
+
+  /* Border */
+  --border: #f2f4f7;
+
+  /* Text */
+  --text: #1e1e1e;
+  --text-disabled: #757575;
+
+  /* Background */
+  --background: #ffffff;
+  --background-disabled: #f5f5f5;
+
+  /* Info */
+  --info: #00a4d2;
+  --info-dark: #0f5b73;
+  --info-contrast: #f4f8fa;
+
+  /* Error */
+  --error: #ec221f;
+  --error-light: #c00f0c;
+  --error-dark: #900b09;
+  --error-contrast: #fee9e7;
+
+  /* Success */
+  --success: #009951;
+  --success-dark: #02542d;
+  --success-contrast: #ebffee;
+
+  /* Warning */
   --warning: #ffa500;
-  --shade: #d1d1d1;
-  --shade-light: #f3f2f4;
+  --warning-dark: #682d03;
+  --warning-contrast: #fffbeb;
+
+  /* Utils */
   --mask: #2a2a2a73;
 }
 
 .dark {
+  /* Primary */
   --primary: #e0e0df;
   --primary-light: #b8b8b8;
-  --primary-light-hover: #c8c8c8;
-  --primary-super-light: #3a3a3a;
-  --secondary: #8b8b8b;
+  --primary-dark: #c8c8c8;
+  --primary-contrast: #2b292a;
+
+  /* Secondary */
+  --secondary: #4f4f4f;
+  --secondary-light: #a5a5a5;
+  --secondary-dark: #727272;
+  --secondary-contrast: #2b292a;
+
+  /* Border */
+  --border: #f2f4f7;
+
+  /* Text */
   --text: #f8f7f6;
-  --text-contrast: #2b292a;
   --text-disabled: #6b6b6b;
+
+  /* Background */
   --background: #1a1a1a;
   --background-disabled: #2a2a2a;
-  --background-error: #ff4d4f1a;
-  --background-success: #52c41a1a;
-  --background-warning: #ffa5001a;
-  --contrast: #2a2a2a;
-  --error: #ff6b6d;
-  --error-light: #ff4d4f;
-  --error-light-hover: #ff6b6d;
-  --success: #6fdb3f;
-  --warning: #ffb733;
-  --shade: #3f3f3f;
-  --shade-light: #2f2f2f;
-  --mask: #ffffff73;
+
+  /* Info */
+  --info: #00a4d2;
+  --info-dark: #0f5b73;
+  --info-contrast: #f4f8fa;
+
+  /* Error */
+  --error: #ec221f;
+  --error-light: #c00f0c;
+  --error-dark: #900b09;
+  --error-contrast: #fee9e7;
+
+  /* Success */
+  --success: #009951;
+  --success-dark: #02542d;
+  --success-contrast: #ebffee;
+
+  /* Warning */
+  --warning: #ffa500;
+  --warning-dark: #682d03;
+  --warning-contrast: #fffbeb;
+
+  /* Utils */
+  --mask: #000000b2;
 }
 
 body {
@@ -147,39 +295,45 @@ body {
   h3,
   h4,
   h5,
-  h6 {
+  p {
     margin: 0;
     padding: 0;
   }
 
   h1 {
     font-size: var(--text-4xl);
-    line-height: var(--text-4xl);
+    line-height: var(--text-4xl--line-height);
+    font-weight: 700;
   }
 
   h2 {
     font-size: var(--text-3xl);
-    line-height: var(--text-3xl);
+    line-height: var(--text-3xl--line-height);
+    font-weight: 700;
   }
 
   h3 {
-    font-size: var(--text-xxl);
-    line-height: var(--text-xxl);
+    font-size: var(--text-2xl);
+    line-height: var(--text-2xl--line-height);
+    font-weight: 400;
   }
 
   h4 {
     font-size: var(--text-xl);
-    line-height: var(--text-xl);
+    line-height: var(--text-xl--line-height);
+    font-weight: 600;
   }
 
   h5 {
     font-size: var(--text-lg);
-    line-height: var(--text-lg);
+    line-height: var(--text-lg--line-height);
+    font-weight: 400;
   }
 
-  h6 {
+  p {
     font-size: var(--text-md);
-    line-height: var(--text-md);
+    line-height: var(--text-md--line-height);
+    font-weight: 400;
   }
 }
 

package/package.json

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

package/dist/circle-filled-DDHXyiE7.js

@@ -1,5 +0,0 @@
-import * as e from "react";
-const r = (t) => /* @__PURE__ */ e.createElement("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ e.createElement("path", { d: "M12 16.5C14.4853 16.5 16.5 14.4853 16.5 12C16.5 9.5147 14.4853 7.5 12 7.5C9.5147 7.5 7.5 9.5147 7.5 12C7.5 14.4853 9.5147 16.5 12 16.5Z", fill: "currentColor", stroke: "currentColor", strokeWidth: 2 }));
-export {
-  r as default
-};