@gobolt/genesis 0.1.3 → 0.1.6

package/dist/components/index.js

@@ -1,58 +1,62 @@
 import { default as r } from "./Avatar/Avatar.js";
-import { default as t } from "./Badge/Badge.js";
+import { default as e } from "./Badge/Badge.js";
 import { default as s } from "./Breadcrumb/Breadcrumb.js";
-import { default as d } from "./Button/Button.js";
-import { default as u } from "./Card/Card.js";
-import { default as x } from "./Checkbox/Checkbox.js";
-import { default as c } from "./DatePicker/DatePicker.js";
-import { default as T } from "./DateRangePicker/DateRangePicker.js";
-import { default as b } from "./ErrorBoundary/ErrorBoundary.js";
-import { default as B } from "./ErrorBoundaryFallback/ErrorBoundaryFallback.js";
-import { F as k, T as P, a as S } from "../Typography-B2J8CPnt.js";
-import { default as F } from "./Input/Input.js";
-import { default as v } from "./Layout/Layout.js";
-import { default as D } from "./Message/Message.js";
-import { default as A } from "./Notification/Notification.js";
-import { default as I } from "./Popover/Popover.js";
-import { default as M } from "./Progress/Progress.js";
-import { default as j } from "./Radio/RadioGroup.js";
-import { default as z } from "./Row/Row.js";
-import { default as J } from "./SegmentedControls/SegmentedControls.js";
-import { default as O } from "./Select/Select.js";
-import { default as U } from "./Shapes/Shapes.js";
-import { default as W } from "./Switch/Switch.js";
-import { default as Y } from "./Table/Table.js";
-import { default as _ } from "./Tabs/Tabs.js";
-import { default as aa } from "./Tile/Tile.js";
-import { default as ra } from "./Tooltip/Tooltip.js";
+import { default as l } from "./Button/Button.js";
+import { default as d } from "./Button/UtilityButton.js";
+import { default as x } from "./Button/IconButton.js";
+import { default as n } from "./Card/Card.js";
+import { default as B } from "./Checkbox/Checkbox.js";
+import { default as g } from "./DatePicker/DatePicker.js";
+import { default as b } from "./DateRangePicker/DateRangePicker.js";
+import { default as k } from "./ErrorBoundary/ErrorBoundary.js";
+import { default as S } from "./ErrorBoundaryFallback/ErrorBoundaryFallback.js";
+import { F, T as R, a as v } from "../Typography-8BO7aTuQ.js";
+import { default as D } from "./Input/Input.js";
+import { default as I } from "./Layout/Layout.js";
+import { default as G } from "./Message/Message.js";
+import { default as M } from "./Notification/Notification.js";
+import { default as U } from "./Popover/Popover.js";
+import { default as q } from "./Progress/Progress.js";
+import { default as H } from "./Radio/RadioGroup.js";
+import { default as K } from "./Row/Row.js";
+import { default as Q } from "./SegmentedControls/SegmentedControls.js";
+import { default as W } from "./Select/Select.js";
+import { default as Y } from "./Shapes/Shapes.js";
+import { default as _ } from "./Switch/Switch.js";
+import { default as oo } from "./Table/Table.js";
+import { default as ro } from "./Tabs/Tabs.js";
+import { default as eo } from "./Tile/Tile.js";
+import { default as so } from "./Tooltip/Tooltip.js";
 export {
   r as Avatar,
-  t as Badge,
+  e as Badge,
   s as Breadcrumb,
-  d as Button,
-  u as Card,
-  x as Checkbox,
-  c as DatePicker,
-  T as DateRangePicker,
-  b as ErrorBoundary,
-  B as ErrorBoundaryFallback,
-  k as Form,
-  F as Input,
-  v as Layout,
-  D as Message,
-  A as Notification,
-  I as Popover,
-  M as Progress,
-  j as RadioGroup,
-  z as Row,
-  J as SegmentedControls,
-  O as Select,
-  U as Shapes,
-  W as Switch,
-  Y as Table,
-  _ as Tabs,
-  aa as Tile,
-  P as Toast,
-  ra as Tooltip,
-  S as Typography
+  l as Button,
+  n as Card,
+  B as Checkbox,
+  g as DatePicker,
+  b as DateRangePicker,
+  k as ErrorBoundary,
+  S as ErrorBoundaryFallback,
+  F as Form,
+  x as IconButton,
+  D as Input,
+  I as Layout,
+  G as Message,
+  M as Notification,
+  U as Popover,
+  q as Progress,
+  H as RadioGroup,
+  K as Row,
+  Q as SegmentedControls,
+  W as Select,
+  Y as Shapes,
+  _ as Switch,
+  oo as Table,
+  ro as Tabs,
+  eo as Tile,
+  R as Toast,
+  so as Tooltip,
+  v as Typography,
+  d as UtilityButton
 };

package/dist/constants/index.d.ts

@@ -3,6 +3,7 @@ export declare const TYPE: {
     secondary: string;
     tertiary: string;
     utility: string;
+    icon: string;
 };
 export declare const BREAKPOINTS: {
     wide: string;
@@ -82,6 +83,7 @@ declare const _default: {
         secondary: string;
         tertiary: string;
         utility: string;
+        icon: string;
     };
     BREAKPOINTS: {
         wide: string;

package/dist/constants/index.js

@@ -2,7 +2,8 @@ const e = {
   primary: "primary",
   secondary: "secondary",
   tertiary: "tertiary",
-  utility: "utility"
+  utility: "utility",
+  icon: "icon"
 }, i = {
   wide: "wide",
   medium: "medium",
@@ -22,7 +23,7 @@ const e = {
   generic: "generic",
   removed: "removed",
   hollow: "hollow"
-}, r = {
+}, n = {
   display1: "display1",
   display2: "display2",
   display3: "display3",
@@ -50,16 +51,16 @@ const e = {
   digits1: "digits1",
   digits2: "digits2",
   digits3: "digits3"
-}, a = {
+}, r = {
   primary: "primary",
   secondary: "secondary",
   tertiary: "tertiary"
-}, d = {
+}, a = {
   small: "small",
   medium: "medium",
   large: "large",
   standard: "standard"
-}, n = {
+}, d = {
   appointment: "appointment",
   asn: "asn",
   inventory: "inventory",
@@ -73,18 +74,18 @@ const e = {
   TYPE: e,
   BREAKPOINTS: i,
   STATE: s,
-  TYPOGRAPHY_VARIANT: r,
-  BUTTON_VARIANT: a,
-  SIZE: d,
-  BADGE: n
+  TYPOGRAPHY_VARIANT: n,
+  BUTTON_VARIANT: r,
+  SIZE: a,
+  BADGE: d
 };
 export {
-  n as BADGE,
+  d as BADGE,
   i as BREAKPOINTS,
-  a as BUTTON_VARIANT,
-  d as SIZE,
+  r as BUTTON_VARIANT,
+  a as SIZE,
   s as STATE,
   e as TYPE,
-  r as TYPOGRAPHY_VARIANT,
+  n as TYPOGRAPHY_VARIANT,
   o as default
 };

package/dist/genesis/GenesisThemeBreakdown.js

@@ -2,11 +2,12 @@ import { jsxs as r, jsx as o } from "react/jsx-runtime";
 import "../components/Avatar/styles.js";
 import "../components/Badge/styles.js";
 import "../providers/BreakpointThemeProvider.js";
-import { a as n } from "../Typography-B2J8CPnt.js";
+import { a as n } from "../Typography-8BO7aTuQ.js";
 import { n as l } from "../styled-components.browser.esm-C47QHsU4.js";
 import { TYPOGRAPHY_VARIANT as m } from "../constants/index.js";
 import "../components/Breadcrumb/styles.js";
 import "../components/Button/styles.js";
+import "../components/Button/icon-button-styles.js";
 import "../components/Card/styles.js";
 import "../components/Checkbox/styles.js";
 import "../components/DateRangePicker/DateRangePicker.js";
@@ -57,7 +58,7 @@ const e = ({ name: i, color: t }) => /* @__PURE__ */ r(
       )
     ]
   }
-), N = () => {
+), O = () => {
   const i = l(), t = i.mode.charAt(0).toUpperCase() + i.mode.slice(1);
   return console.log("THEME  ", i), /* @__PURE__ */ r("div", { children: [
     /* @__PURE__ */ o(
@@ -141,5 +142,5 @@ const e = ({ name: i, color: t }) => /* @__PURE__ */ r(
   ] });
 };
 export {
-  N as default
+  O as default
 };

package/dist/index.js

@@ -1,65 +1,69 @@
 import { default as r } from "./components/Avatar/Avatar.js";
 import { default as t } from "./components/Badge/Badge.js";
 import { default as s } from "./components/Breadcrumb/Breadcrumb.js";
-import { default as p } from "./components/Button/Button.js";
-import { default as d } from "./components/Card/Card.js";
-import { default as x } from "./components/Checkbox/Checkbox.js";
-import { default as n } from "./components/DatePicker/DatePicker.js";
-import { default as S } from "./components/DateRangePicker/DateRangePicker.js";
-import { default as b } from "./components/ErrorBoundary/ErrorBoundary.js";
-import { default as y } from "./components/ErrorBoundaryFallback/ErrorBoundaryFallback.js";
-import { F as G, T as P, a as h, u as k } from "./Typography-B2J8CPnt.js";
-import { default as v } from "./components/Input/Input.js";
-import { default as F } from "./components/Layout/Layout.js";
-import { default as w } from "./components/Message/Message.js";
-import { default as I } from "./components/Notification/Notification.js";
-import { default as A } from "./components/Popover/Popover.js";
-import { default as M } from "./components/Progress/Progress.js";
-import { default as q } from "./components/Radio/RadioGroup.js";
-import { default as H } from "./components/Row/Row.js";
-import { default as K } from "./components/SegmentedControls/SegmentedControls.js";
-import { default as Q } from "./components/Select/Select.js";
-import { default as V } from "./components/Shapes/Shapes.js";
-import { default as X } from "./components/Switch/Switch.js";
-import { default as Z } from "./components/Table/Table.js";
-import { default as $ } from "./components/Tabs/Tabs.js";
-import { default as oe } from "./components/Tile/Tile.js";
-import { default as ae } from "./components/Tooltip/Tooltip.js";
-import { GenesisProvider as fe } from "./providers/GenesisProvider.js";
-import { default as le } from "./constants/index.js";
-import { GlobalStyles as ue } from "./styles/global-styles.js";
+import { default as u } from "./components/Button/Button.js";
+import { default as d } from "./components/Button/UtilityButton.js";
+import { default as x } from "./components/Button/IconButton.js";
+import { default as n } from "./components/Card/Card.js";
+import { default as y } from "./components/Checkbox/Checkbox.js";
+import { default as S } from "./components/DatePicker/DatePicker.js";
+import { default as b } from "./components/DateRangePicker/DateRangePicker.js";
+import { default as G } from "./components/ErrorBoundary/ErrorBoundary.js";
+import { default as h } from "./components/ErrorBoundaryFallback/ErrorBoundaryFallback.js";
+import { F as E, T as v, a as C, u as F } from "./Typography-8BO7aTuQ.js";
+import { default as R } from "./components/Input/Input.js";
+import { default as D } from "./components/Layout/Layout.js";
+import { default as A } from "./components/Message/Message.js";
+import { default as M } from "./components/Notification/Notification.js";
+import { default as j } from "./components/Popover/Popover.js";
+import { default as z } from "./components/Progress/Progress.js";
+import { default as J } from "./components/Radio/RadioGroup.js";
+import { default as O } from "./components/Row/Row.js";
+import { default as V } from "./components/SegmentedControls/SegmentedControls.js";
+import { default as X } from "./components/Select/Select.js";
+import { default as Z } from "./components/Shapes/Shapes.js";
+import { default as $ } from "./components/Switch/Switch.js";
+import { default as eo } from "./components/Table/Table.js";
+import { default as ao } from "./components/Tabs/Tabs.js";
+import { default as fo } from "./components/Tile/Tile.js";
+import { default as lo } from "./components/Tooltip/Tooltip.js";
+import { GenesisProvider as po } from "./providers/GenesisProvider.js";
+import { default as xo } from "./constants/index.js";
+import { GlobalStyles as no } from "./styles/global-styles.js";
 export {
   r as Avatar,
   t as Badge,
   s as Breadcrumb,
-  p as Button,
-  d as Card,
-  x as Checkbox,
-  n as DatePicker,
-  S as DateRangePicker,
-  b as ErrorBoundary,
-  y as ErrorBoundaryFallback,
-  G as Form,
-  le as GENESIS,
-  fe as GenesisProvider,
-  ue as GlobalStyles,
-  v as Input,
-  F as Layout,
-  w as Message,
-  I as Notification,
-  A as Popover,
-  M as Progress,
-  q as RadioGroup,
-  H as Row,
-  K as SegmentedControls,
-  Q as Select,
-  V as Shapes,
-  X as Switch,
-  Z as Table,
-  $ as Tabs,
-  oe as Tile,
-  P as Toast,
-  ae as Tooltip,
-  h as Typography,
-  k as useGenesis
+  u as Button,
+  n as Card,
+  y as Checkbox,
+  S as DatePicker,
+  b as DateRangePicker,
+  G as ErrorBoundary,
+  h as ErrorBoundaryFallback,
+  E as Form,
+  xo as GENESIS,
+  po as GenesisProvider,
+  no as GlobalStyles,
+  x as IconButton,
+  R as Input,
+  D as Layout,
+  A as Message,
+  M as Notification,
+  j as Popover,
+  z as Progress,
+  J as RadioGroup,
+  O as Row,
+  V as SegmentedControls,
+  X as Select,
+  Z as Shapes,
+  $ as Switch,
+  eo as Table,
+  ao as Tabs,
+  fo as Tile,
+  v as Toast,
+  lo as Tooltip,
+  C as Typography,
+  d as UtilityButton,
+  F as useGenesis
 };

package/dist/providers/GenesisProvider.js

@@ -1,6 +1,6 @@
 import { jsx as r } from "react/jsx-runtime";
 import { BreakpointThemeProvider as i } from "./BreakpointThemeProvider.js";
-import { c as t } from "../Typography-B2J8CPnt.js";
+import { c as t } from "../Typography-8BO7aTuQ.js";
 const d = ({
   children: e,
   isDarkMode: o = !1

package/dist/providers/ToastProvider.js

@@ -1,12 +1,13 @@
 import "react/jsx-runtime";
 import "react";
-import { e as F, c as G, f as H } from "../Typography-B2J8CPnt.js";
+import { e as G, c as H, f as I } from "../Typography-8BO7aTuQ.js";
 import "../components/Avatar/styles.js";
 import "../components/Badge/styles.js";
 import "./BreakpointThemeProvider.js";
 import "../styled-components.browser.esm-C47QHsU4.js";
 import "../components/Breadcrumb/styles.js";
 import "../components/Button/styles.js";
+import "../components/Button/icon-button-styles.js";
 import "../components/Card/styles.js";
 import "../components/Checkbox/styles.js";
 import "../components/DateRangePicker/DateRangePicker.js";
@@ -31,7 +32,7 @@ import "../components/Tile/styles.js";
 import "../components/Tooltip/styles.js";
 import "../components/Typography/styles.js";
 export {
-  F as ToastContext,
-  G as ToastProvider,
-  H as useToast
+  G as ToastContext,
+  H as ToastProvider,
+  I as useToast
 };

package/dist/providers/index.js

@@ -1,5 +1,5 @@
 import { GenesisProvider as s } from "./GenesisProvider.js";
-import { u as i } from "../Typography-B2J8CPnt.js";
+import { u as i } from "../Typography-8BO7aTuQ.js";
 export {
   s as GenesisProvider,
   i as useGenesis

package/dist/providers/useGenesis.js

@@ -1,6 +1,6 @@
 import "./BreakpointThemeProvider.js";
 import "../styled-components.browser.esm-C47QHsU4.js";
-import { u as i } from "../Typography-B2J8CPnt.js";
+import { u as i } from "../Typography-8BO7aTuQ.js";
 export {
   i as useGenesis
 };

package/dist/{setup-aZdxWCJq.js → setup-rcqlwLGQ.js}

@@ -5,7 +5,7 @@ import { a8 as Cl, a7 as Da } from "./CSSMotionList-DB0khM6h.js";
 import { g as dp, a as wv, c as lo } from "./_commonjsHelpers-B4e78b8K.js";
 import { GenesisProvider as Pv } from "./providers/GenesisProvider.js";
 import "./providers/BreakpointThemeProvider.js";
-import "./Typography-B2J8CPnt.js";
+import "./Typography-8BO7aTuQ.js";
 import { e as _v } from "./setup.types-CgFq66QX.js";
 import { g as Sv } from "./vi.B5EKKJdE-BsDIxc7v.js";
 function Tv(e, r) {

package/dist/styles/design-tokens/border-tokens/BorderTokenList.js

@@ -3,9 +3,10 @@ import { n as s } from "../../../styled-components.browser.esm-C47QHsU4.js";
 import "../../../components/Avatar/styles.js";
 import "../../../components/Badge/styles.js";
 import "../../../providers/BreakpointThemeProvider.js";
-import { a as d } from "../../../Typography-B2J8CPnt.js";
+import { a as d } from "../../../Typography-8BO7aTuQ.js";
 import "../../../components/Breadcrumb/styles.js";
 import "../../../components/Button/styles.js";
+import "../../../components/Button/icon-button-styles.js";
 import "../../../components/Card/styles.js";
 import "../../../components/Checkbox/styles.js";
 import "../../../components/DateRangePicker/DateRangePicker.js";
@@ -48,7 +49,7 @@ const a = ({ size: r }) => /* @__PURE__ */ n("div", { style: { display: "flex",
       }
     }
   )
-] }), P = () => {
+] }), Q = () => {
   const r = s(), { borderRadius: m } = r, e = Object.entries(m).map(([i, o]) => ({
     size: i,
     value: Number(o)
@@ -56,5 +57,5 @@ const a = ({ size: r }) => /* @__PURE__ */ n("div", { style: { display: "flex",
   return /* @__PURE__ */ t(p, { children: e.map(({ size: i, value: o }) => /* @__PURE__ */ t(a, { size: o }, i)) });
 };
 export {
-  P as BorderTokenList
+  Q as BorderTokenList
 };

package/dist/styles/design-tokens/sizing-tokens/SizingTokenList.js

@@ -2,10 +2,11 @@ import { jsx as o, Fragment as n, jsxs as s } from "react/jsx-runtime";
 import "../../../components/Avatar/styles.js";
 import "../../../components/Badge/styles.js";
 import "../../../providers/BreakpointThemeProvider.js";
-import { a } from "../../../Typography-B2J8CPnt.js";
+import { a } from "../../../Typography-8BO7aTuQ.js";
 import { n as c } from "../../../styled-components.browser.esm-C47QHsU4.js";
 import "../../../components/Breadcrumb/styles.js";
 import "../../../components/Button/styles.js";
+import "../../../components/Button/icon-button-styles.js";
 import "../../../components/Card/styles.js";
 import "../../../components/Checkbox/styles.js";
 import "../../../components/DateRangePicker/DateRangePicker.js";
@@ -47,18 +48,18 @@ const l = ({ size: r }) => /* @__PURE__ */ s("div", { style: { display: "flex",
       }
     }
   )
-] }), P = () => {
-  const r = c(), { sizing: m } = r, e = Object.entries(m).map(([t, i]) => ({
+] }), Q = () => {
+  const r = c(), { sizing: m } = r, p = Object.entries(m).map(([t, i]) => ({
     size: t,
     value: Number(i)
-  })).sort((t, i) => t.value - i.value), p = Array.from(new Set(e.map(({ value: t }) => t))).map(
+  })).sort((t, i) => t.value - i.value), e = Array.from(new Set(p.map(({ value: t }) => t))).map(
     (t) => ({
       size: `${t}`,
       value: t
     })
   );
-  return /* @__PURE__ */ o(n, { children: p.map(({ size: t, value: i }) => /* @__PURE__ */ o(l, { size: i }, t)) });
+  return /* @__PURE__ */ o(n, { children: e.map(({ size: t, value: i }) => /* @__PURE__ */ o(l, { size: i }, t)) });
 };
 export {
-  P as SizingTokenList
+  Q as SizingTokenList
 };

package/dist/styles/design-tokens/variables.d.ts

@@ -86,7 +86,9 @@ export declare const BorderRadiusXxxl = 24;
 export declare const BorderRadiusRounded = 999;
 export declare const TypographyPrimaryFontFamily = "'Inter', sans-serif !important";
 export declare const Size1 = 4;
+export declare const Size1_5 = 6;
 export declare const Size2 = 8;
+export declare const Size2_5 = 10;
 export declare const Size3 = 12;
 export declare const Size4 = 16;
 export declare const Size5 = 20;