se-design 1.0.3 → 1.0.8-5.dev.0

package/dist/components/Tabs/index.d.ts

@@ -5,14 +5,19 @@ interface TabProps {
     disabled?: boolean;
     renderTabContent?: (tab: TabProps) => ReactNode;
     automationId?: string;
+    ariaLabel?: string;
 }
 interface TabsProps {
     defaultActiveTab?: string;
     tabs: TabProps[];
     onTabChange?: (tabId: string) => void;
     primaryTabCount?: number;
-    singleTabAsHeading?: boolean;
+    headingLevel?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'span';
     automationId?: string;
+    id?: string;
+    ariaLabel?: string;
+    ariaLabelledBy?: string;
+    panelId?: string;
 }
 export declare const Tabs: FC<TabsProps>;
 export {};

package/dist/components/TimePicker/index.d.ts

@@ -0,0 +1,14 @@
+import { default as React } from 'react';
+export interface TimePickerProps {
+    initialHour?: number;
+    initialMinute?: number;
+    onApply?: (time: {
+        hour: number;
+        minute: number;
+    }) => void;
+    ctaLabel?: string;
+    onClose?: () => void;
+    className?: string;
+    automationId?: string;
+}
+export declare const TimePicker: React.FC<TimePickerProps>;

package/dist/components/Toggle/index.d.ts

@@ -28,5 +28,29 @@ export interface ToggleProps {
      * Automation ID for testing
      */
     automationId?: string;
+    /**
+     * ID(s) of element(s) that label this toggle (for screen reader association).
+     * Typically used when toggle is part of a larger labelled context.
+     */
+    ariaLabelledBy?: string;
+    /**
+     * ID(s) of element(s) that describe this toggle (provides additional context).
+     * Often used for help text or instructions.
+     */
+    ariaDescribedBy?: string;
+    /**
+     * Explicit accessible name for the toggle.
+     * Used as fallback when ariaLabelledBy is not provided and no internal label exists.
+     */
+    ariaLabel?: string;
+    /**
+     * Custom tab index for the toggle.
+     * Use -1 to remove from tab order, 0 (default) for natural tab order.
+     */
+    tabIndex?: number;
+    /**
+     * ID of the element controlled by this toggle (e.g. an expandable region).
+     */
+    ariaControls?: string;
 }
-export declare const Toggle: React.FC<ToggleProps>;
+export declare const Toggle: React.ForwardRefExoticComponent<ToggleProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/Tooltip/index.d.ts

@@ -7,7 +7,7 @@ export interface TooltipProps {
     /**
      * Tooltip position
      */
-    position?: 'bottom-center' | 'bottom-left' | 'bottom-right' | 'top-center' | 'left' | 'right';
+    position?: 'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right' | 'left-top' | 'left-center' | 'left-bottom' | 'right-top' | 'right-center' | 'right-bottom';
     /**
      * Display tooltip on Hover, Click or Always
      */
@@ -16,6 +16,19 @@ export interface TooltipProps {
      * Tooltip trigger contents
      */
     tooltipSrc?: React.ReactNode;
+    /**
+     * Tooltip trigger contents ref
+     */
+    tooltipSrcRef?: React.RefObject<HTMLElement>;
+    /**
+     * When true, the real trigger is disabled and cannot receive focus.
+     * Tooltip will make its wrapper focusable and treat it as a "button" that reveals tooltip content.
+     */
+    isTriggerDisabled?: boolean;
+    /**
+     * Required when isTriggerDisabled is true. Provides an accessible name for the focusable wrapper trigger.
+     */
+    disabledTriggerAriaLabel?: string;
     /**
      * Max width of the tooltip content
      */
@@ -28,9 +41,13 @@ export interface TooltipProps {
      * Tooltip content classes
      */
     tooltipContentClasses?: string;
+    /**
+     * Tooltip offset
+     */
+    tooltipOffset?: number;
     /**
      * Automation ID for testing
      */
     automationId?: string;
 }
-export declare const Tooltip: ({ content, tooltipSrc, position, displayOn, maxWidth, isWithPortal, tooltipContentClasses, automationId }: TooltipProps) => React.JSX.Element;
+export declare const Tooltip: ({ content, tooltipSrc, position, displayOn, maxWidth, isWithPortal, tooltipSrcRef, isTriggerDisabled, disabledTriggerAriaLabel, tooltipContentClasses, tooltipOffset, automationId }: TooltipProps) => React.JSX.Element;

package/dist/components/index.d.ts

@@ -1,6 +1,8 @@
+export { AccessibleDiv } from './AccessibleDiv';
 export { Button } from './Button';
 export { FilePicker } from './FilePicker';
 export { Icon } from './Icon';
+export { SkipLinksBar } from './SkipLinksBar';
 export { SplitButton } from './SplitButton';
 export { Toggle } from './Toggle';
 export { Badge } from './Badge';
@@ -52,4 +54,10 @@ export { ShimmerLoader } from './ShimmerLoader';
 export { Snackbar } from './SnackBar';
 export { OTPInput } from './OTPInput';
 export { InfoBar } from './InfoBar';
+export { BottomSheet } from './BottomSheet';
+export { TimePicker } from './TimePicker';
 export { InfoTooltip } from './InfoTooltip';
+export { OnboardingTour } from './OnboardingTour';
+export { GuidedTour } from './GuidedTour';
+export { Link } from './Link';
+export { Paywall } from './Paywall';

package/dist/index.js

@@ -1,114 +1,159 @@
 /* empty css       */
-import { Button as t } from "./index3.js";
-import { FilePicker as m } from "./index4.js";
-import { Icon as x } from "./index5.js";
-import { SplitButton as n } from "./index6.js";
-import { Toggle as d } from "./index7.js";
-import { Badge as l } from "./index8.js";
-import { LabelChip as s } from "./index9.js";
-import { Modal as b } from "./index10.js";
-import { CustomModal as I } from "./index11.js";
-import { LoadingModal as T } from "./index12.js";
-import { Spinner as M } from "./index13.js";
-import { Tooltip as S } from "./index14.js";
-import { MenuItem as W } from "./index15.js";
-import { MenuList as v } from "./index16.js";
-import { Popover as A } from "./index17.js";
-import { Header as R } from "./index18.js";
-import { HamburgerMenu as G } from "./index19.js";
-import { TableLayout as O } from "./index20.js";
-import { Checkbox as K } from "./index21.js";
-import { ColorCodedLabel as j } from "./index22.js";
-import { Dropdown as z } from "./index23.js";
-import { KebabMenu as J } from "./index24.js";
-import { TableContentLoader as U } from "./index25.js";
-import { SidebarOverlay as X } from "./index26.js";
-import { Tabs as Z } from "./index27.js";
-import { Banner as $ } from "./index28.js";
-import { Pagination as ro } from "./index29.js";
-import { Widget as to } from "./index30.js";
-import { Radio as mo } from "./index31.js";
-import { RadioGroup as xo } from "./index32.js";
-import { Accordion as no } from "./index33.js";
-import { CustomAccordion as uo } from "./index34.js";
-import { InputWithTags as go } from "./index35.js";
-import { DropdownWithInputTags as co } from "./index36.js";
-import { Input as Bo } from "./index37.js";
-import { SearchBox as Co } from "./index38.js";
-import { ProgressBar as ho } from "./index39.js";
-import { GetStartedWidget as Po } from "./index40.js";
-import { MessageBar as Lo } from "./index41.js";
-import { ToastBar as ko } from "./index42.js";
-import { AutoCompleteInput as wo } from "./index43.js";
-import { PhoneInput as Do } from "./index44.js";
-import { CircularProgressBar as yo } from "./index45.js";
-import { Avatar as Ho } from "./index46.js";
-import { NavigationBar as Fo } from "./index47.js";
-import { BreadCrumbs as No } from "./index48.js";
-import { DatePicker as qo } from "./index49.js";
-import { InputWithIcon as Eo } from "./index50.js";
-import { DownloadWidget as Qo } from "./index51.js";
-import { RadioSwitch as Vo } from "./index52.js";
-import { ShimmerLoader as Yo } from "./index53.js";
-import { Snackbar as _o } from "./index54.js";
-import { OTPInput as or } from "./index55.js";
-import { InfoBar as er } from "./index56.js";
-import { InfoTooltip as pr } from "./index57.js";
+import { AccessibleDiv as p } from "./index3.js";
+import { Button as x } from "./index4.js";
+import { FilePicker as n } from "./index5.js";
+import { Icon as i } from "./index6.js";
+import { SkipLinksBar as s } from "./index7.js";
+import { SplitButton as d } from "./index8.js";
+import { Toggle as g } from "./index9.js";
+import { Badge as T } from "./index10.js";
+import { LabelChip as P } from "./index11.js";
+import { Modal as I } from "./index12.js";
+import { CustomModal as C } from "./index13.js";
+import { LoadingModal as S } from "./index14.js";
+import { Spinner as M } from "./index15.js";
+import { Tooltip as F } from "./index16.js";
+import { MenuItem as W } from "./index17.js";
+import { MenuList as y } from "./index18.js";
+import { Popover as O } from "./index19.js";
+import { Header as H } from "./index20.js";
+import { HamburgerMenu as K } from "./index21.js";
+import { TableLayout as j } from "./index22.js";
+import { Checkbox as z } from "./index23.js";
+import { ColorCodedLabel as Q } from "./index24.js";
+import { Dropdown as V } from "./index25.js";
+import { KebabMenu as Y } from "./index26.js";
+import { TableContentLoader as _ } from "./index27.js";
+import { SidebarOverlay as oo } from "./index28.js";
+import { Tabs as eo } from "./index29.js";
+import { Banner as po } from "./index30.js";
+import { Pagination as xo } from "./index31.js";
+import { Widget as no } from "./index32.js";
+import { Radio as io } from "./index33.js";
+import { RadioGroup as so } from "./index34.js";
+import { Accordion as lo } from "./index35.js";
+import { CustomAccordion as bo } from "./index36.js";
+import { InputWithTags as Bo } from "./index37.js";
+import { DropdownWithInputTags as Ao } from "./index38.js";
+import { Input as ho } from "./index39.js";
+import { SearchBox as Lo } from "./index40.js";
+import { ProgressBar as vo } from "./index41.js";
+import { GetStartedWidget as ko } from "./index42.js";
+import { MessageBar as Ro } from "./index43.js";
+import { ToastBar as wo } from "./index44.js";
+import { AutoCompleteInput as Do } from "./index45.js";
+import { PhoneInput as Go } from "./index46.js";
+import { CircularProgressBar as Eo } from "./index47.js";
+import { Avatar as No } from "./index48.js";
+import { NavigationBar as qo } from "./index49.js";
+import { BreadCrumbs as Jo } from "./index50.js";
+import { DatePicker as Uo } from "./index51.js";
+import { InputWithIcon as Xo } from "./index52.js";
+import { DownloadWidget as Zo } from "./index53.js";
+import { RadioSwitch as $o } from "./index54.js";
+import { ShimmerLoader as rr } from "./index55.js";
+import { Snackbar as tr } from "./index56.js";
+import { OTPInput as mr } from "./index57.js";
+import { InfoBar as fr } from "./index58.js";
+import { BottomSheet as ar } from "./index59.js";
+import { TimePicker as ur } from "./index60.js";
+import { InfoTooltip as cr } from "./index61.js";
+import { OnboardingTour as lr } from "./index62.js";
+import { GuidedTour as br } from "./index63.js";
+import { Link as Br } from "./index64.js";
+import { Paywall as Ar } from "./index65.js";
+import { getRegionAttributes as hr } from "./index66.js";
+import { useAccessiblePress as Lr } from "./index67.js";
+import { useCombobox as vr } from "./index68.js";
+import { useFocusManagement as kr } from "./index69.js";
+import { useRovingFocus as Rr } from "./index70.js";
+import "react";
+import { getFirstFocusableElement as wr } from "./index71.js";
+import { consumeFocusAnchor as Dr, setFocusAnchor as Or } from "./index72.js";
+import { getTabId as Hr, getTabPanelProps as Er } from "./index73.js";
+import { useFocusOnReady as Nr } from "./index74.js";
+import { announce as qr, clearAnnouncer as zr, destroyAnnouncer as Jr } from "./index75.js";
+import { LiveAnnouncerProvider as Ur } from "./index76.js";
+import { useLiveAnnouncer as Xr } from "./index77.js";
 export {
-  no as Accordion,
-  wo as AutoCompleteInput,
-  Ho as Avatar,
-  l as Badge,
-  $ as Banner,
-  No as BreadCrumbs,
-  t as Button,
-  K as Checkbox,
-  yo as CircularProgressBar,
-  j as ColorCodedLabel,
-  uo as CustomAccordion,
-  I as CustomModal,
-  qo as DatePicker,
-  Qo as DownloadWidget,
-  z as Dropdown,
-  co as DropdownWithInputTags,
-  m as FilePicker,
-  Po as GetStartedWidget,
-  G as HamburgerMenu,
-  R as Header,
-  x as Icon,
-  er as InfoBar,
-  pr as InfoTooltip,
-  Bo as Input,
-  Eo as InputWithIcon,
-  go as InputWithTags,
-  J as KebabMenu,
-  s as LabelChip,
-  T as LoadingModal,
+  p as AccessibleDiv,
+  lo as Accordion,
+  Do as AutoCompleteInput,
+  No as Avatar,
+  T as Badge,
+  po as Banner,
+  ar as BottomSheet,
+  Jo as BreadCrumbs,
+  x as Button,
+  z as Checkbox,
+  Eo as CircularProgressBar,
+  Q as ColorCodedLabel,
+  bo as CustomAccordion,
+  C as CustomModal,
+  Uo as DatePicker,
+  Zo as DownloadWidget,
+  V as Dropdown,
+  Ao as DropdownWithInputTags,
+  n as FilePicker,
+  ko as GetStartedWidget,
+  br as GuidedTour,
+  K as HamburgerMenu,
+  H as Header,
+  i as Icon,
+  fr as InfoBar,
+  cr as InfoTooltip,
+  ho as Input,
+  Xo as InputWithIcon,
+  Bo as InputWithTags,
+  Y as KebabMenu,
+  P as LabelChip,
+  Br as Link,
+  Ur as LiveAnnouncerProvider,
+  S as LoadingModal,
   W as MenuItem,
-  v as MenuList,
-  Lo as MessageBar,
-  b as Modal,
-  Fo as NavigationBar,
-  or as OTPInput,
-  ro as Pagination,
-  Do as PhoneInput,
-  A as Popover,
-  ho as ProgressBar,
-  mo as Radio,
-  xo as RadioGroup,
-  Vo as RadioSwitch,
-  Co as SearchBox,
-  Yo as ShimmerLoader,
-  X as SidebarOverlay,
-  _o as Snackbar,
+  y as MenuList,
+  Ro as MessageBar,
+  I as Modal,
+  qo as NavigationBar,
+  mr as OTPInput,
+  lr as OnboardingTour,
+  xo as Pagination,
+  Ar as Paywall,
+  Go as PhoneInput,
+  O as Popover,
+  vo as ProgressBar,
+  io as Radio,
+  so as RadioGroup,
+  $o as RadioSwitch,
+  Lo as SearchBox,
+  rr as ShimmerLoader,
+  oo as SidebarOverlay,
+  s as SkipLinksBar,
+  tr as Snackbar,
   M as Spinner,
-  n as SplitButton,
-  U as TableContentLoader,
-  O as TableLayout,
-  Z as Tabs,
-  ko as ToastBar,
-  d as Toggle,
-  S as Tooltip,
-  to as Widget
+  d as SplitButton,
+  _ as TableContentLoader,
+  j as TableLayout,
+  eo as Tabs,
+  ur as TimePicker,
+  wo as ToastBar,
+  g as Toggle,
+  F as Tooltip,
+  no as Widget,
+  qr as announce,
+  zr as clearAnnouncer,
+  Dr as consumeFocusAnchor,
+  Jr as destroyAnnouncer,
+  wr as getFirstFocusableElement,
+  hr as getRegionAttributes,
+  Hr as getTabId,
+  Er as getTabPanelProps,
+  Or as setFocusAnchor,
+  Lr as useAccessiblePress,
+  vr as useCombobox,
+  kr as useFocusManagement,
+  Nr as useFocusOnReady,
+  Xr as useLiveAnnouncer,
+  Rr as useRovingFocus
 };
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/index10.js

@@ -1,55 +1,30 @@
-import e from "react";
-import { Button as c } from "./index3.js";
-import { Icon as b } from "./index5.js";
-function s() {
-  return s = Object.assign ? Object.assign.bind() : function(o) {
-    for (var n = 1; n < arguments.length; n++) {
-      var t = arguments[n];
-      for (var a in t) ({}).hasOwnProperty.call(t, a) && (o[a] = t[a]);
-    }
-    return o;
-  }, s.apply(null, arguments);
-}
-const E = (o) => {
+import c from "react";
+const b = (a) => {
   const {
-    title: n,
-    content: t = "",
-    showCloseIcon: a = !1,
-    successButtonProps: l,
-    cancelButtonProps: i,
-    cancelAction: r,
-    successAction: m,
-    isOpen: d,
-    width: u = "500px",
-    height: p = "auto",
-    automationId: f = ""
-  } = o, g = typeof t == "string";
-  return /* @__PURE__ */ e.createElement("div", {
-    className: `se-design-modal fixed inset-0 flex items-start justify-center z-[2000] backdrop-brightness-50 ${d ? "visible" : "invisible pointer-events-none"}`
-  }, /* @__PURE__ */ e.createElement("div", {
-    className: "modal-content flex flex-col gap-3 bg-[var(--color-white)] rounded-xl shadow-lg p-7 mt-[48px] relative",
+    label: e,
+    className: o,
+    textColor: t = "var(--color-gray-700)",
+    bgColor: r = "var(--color-blue-300)",
+    textTransform: l = "none",
+    fontWeight: n = "",
+    automationId: d = "",
+    ariaLabel: i,
+    id: s
+  } = a;
+  return /* @__PURE__ */ c.createElement("span", {
+    className: `se-design-badge inline-block px-1 text-sm rounded leading-5 ${o}`,
     style: {
-      width: u,
-      height: p
+      color: t,
+      backgroundColor: r,
+      textTransform: l,
+      fontWeight: n
     },
-    "data-automation-id": f
-  }, n && /* @__PURE__ */ e.createElement("div", {
-    className: "text-lg font-semibold"
-  }, n), g ? /* @__PURE__ */ e.createElement("p", {
-    className: "leading-normal"
-  }, t) : t, /* @__PURE__ */ e.createElement("div", {
-    className: "flex items-center justify-end gap-4 pt-3"
-  }, i?.label && /* @__PURE__ */ e.createElement(c, s({}, i, {
-    onClick: r
-  })), l?.label && /* @__PURE__ */ e.createElement(c, s({}, l, {
-    onClick: m
-  }))), a && /* @__PURE__ */ e.createElement(b, {
-    name: "close",
-    onClick: r,
-    className: "absolute top-8 right-8 cursor-pointer"
-  })));
+    "data-automation-id": d,
+    "aria-label": i,
+    id: s
+  }, e);
 };
 export {
-  E as Modal
+  b as Badge
 };
 //# sourceMappingURL=index10.js.map

package/dist/index10.js.map

@@ -1 +1 @@
-{"version":3,"file":"index10.js","sources":["../src/components/Modal/index.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { Button } from 'src/components/Button';\nimport { ButtonProps } from 'src/components/Button';\nimport { Icon } from '../Icon';\n\nexport interface ModalProps {\n  title?: string;\n  content: string | React.ReactNode;\n  successButtonProps?: ButtonProps;\n  cancelButtonProps?: ButtonProps;\n  cancelAction?: () => void;\n  successAction?: () => void;\n  showCloseIcon?: boolean;\n  isOpen: boolean;\n  width?: string;\n  height?: string;\n  automationId?: string;\n}\n\nexport const Modal: FC<ModalProps> = (props) => {\n  const {\n    title,\n    content = '',\n    showCloseIcon = false,\n    successButtonProps,\n    cancelButtonProps,\n    cancelAction,\n    successAction,\n    isOpen,\n    width = '500px',\n    height = 'auto',\n    automationId = ''\n  } = props;\n\n  const isContentString = typeof content === 'string';\n\n  return (\n    <div\n      className={`se-design-modal fixed inset-0 flex items-start justify-center z-[2000] backdrop-brightness-50 ${isOpen ? 'visible' : 'invisible pointer-events-none'}`}\n    >\n      <div\n        className=\"modal-content flex flex-col gap-3 bg-[var(--color-white)] rounded-xl shadow-lg p-7 mt-[48px] relative\"\n        style={{ width, height }}\n        data-automation-id={automationId}\n      >\n        {title && <div className=\"text-lg font-semibold\">{title}</div>}\n        {isContentString ? <p className=\"leading-normal\">{content}</p> : content}\n        <div className=\"flex items-center justify-end gap-4 pt-3\">\n          {cancelButtonProps?.label && <Button {...cancelButtonProps} onClick={cancelAction} />}\n          {successButtonProps?.label && (\n            <Button\n              {...successButtonProps}\n              onClick={successAction}\n            />\n          )}\n        </div>\n        {showCloseIcon && (\n          <Icon name=\"close\" onClick={cancelAction} className=\"absolute top-8 right-8 cursor-pointer\" />\n        )}\n      </div>\n    </div>\n  );\n};\n"],"names":["Modal","props","title","content","showCloseIcon","successButtonProps","cancelButtonProps","cancelAction","successAction","isOpen","width","height","automationId","isContentString","React","createElement","className","style","label","Button","_extends","onClick","Icon","name"],"mappings":";;;;;;;;;;;;AAmBO,MAAMA,IAAyBC,CAAUA,MAAA;AACxC,QAAA;AAAA,IACJC,OAAAA;AAAAA,IACAC,SAAAA,IAAU;AAAA,IACVC,eAAAA,IAAgB;AAAA,IAChBC,oBAAAA;AAAAA,IACAC,mBAAAA;AAAAA,IACAC,cAAAA;AAAAA,IACAC,eAAAA;AAAAA,IACAC,QAAAA;AAAAA,IACAC,OAAAA,IAAQ;AAAA,IACRC,QAAAA,IAAS;AAAA,IACTC,cAAAA,IAAe;AAAA,EACbX,IAAAA,GAEEY,IAAkB,OAAOV,KAAY;AAGzCW,SAAAA,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IACEC,WAAW,iGAAiGP,IAAS,YAAY,+BAA+B;AAAA,EAAA,GAEhKM,gBAAAA,EAAAA,cAAA,OAAA;AAAA,IACEC,WAAU;AAAA,IACVC,OAAO;AAAA,MAAEP,OAAAA;AAAAA,MAAOC,QAAAA;AAAAA,IAAO;AAAA,IACvB,sBAAoBC;AAAAA,EAEnBV,GAAAA,KAASa,gBAAAA,EAAAA,cAAA,OAAA;AAAA,IAAKC,WAAU;AAAA,KAAyBd,CAAW,GAC5DW,IAAkBC,gBAAAA,EAAAC,cAAA,KAAA;AAAA,IAAGC,WAAU;AAAA,KAAkBb,CAAW,IAAIA,GACjEW,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IAAKC,WAAU;AAAA,EAAA,GACZV,GAAmBY,SAASJ,gBAAAA,EAAAC,cAACI,GAAMC,EAAA,CAAA,GAAKd,GAAiB;AAAA,IAAEe,SAASd;AAAAA,EAAAA,CAAa,CAAE,GACnFF,GAAoBa,SACnBH,gBAAAA,EAAAA,cAACI,GAAMC,MACDf,GAAkB;AAAA,IACtBgB,SAASb;AAAAA,EACV,CAAA,CAAA,CAEA,GACJJ,KACCU,gBAAAA,EAAAC,cAACO,GAAI;AAAA,IAACC,MAAK;AAAA,IAAQF,SAASd;AAAAA,IAAcS,WAAU;AAAA,EAAyC,CAAA,CAE5F,CACF;AAET;"}
+{"version":3,"file":"index10.js","sources":["../src/components/Badge/index.tsx"],"sourcesContent":["import React, { FC } from 'react';\n\ntype BadgeProps = {\n  label: string;\n  textColor?: string;\n  bgColor?: string;\n  className?: string;\n  textTransform?: 'uppercase' | 'lowercase' | 'capitalize' | 'none';\n  fontWeight?: 'bold' | 'normal';\n  automationId?: string;\n  ariaLabel?: string;\n  id?: string;\n};\n\nexport const Badge: FC<BadgeProps> = (props) => {\n  const { label, className, textColor = 'var(--color-gray-700)', bgColor = 'var(--color-blue-300)', textTransform = 'none', fontWeight = '', automationId = '', ariaLabel, id } = props;\n  return (\n    <span className={`se-design-badge inline-block px-1 text-sm rounded leading-5 ${className}`} style={{ color: textColor, backgroundColor: bgColor, textTransform, fontWeight }} data-automation-id={automationId} aria-label={ariaLabel} id={id}>\n      {label}\n    </span>\n  );\n};\n"],"names":["React__default","Badge","props","label","className","textColor","bgColor","textTransform","fontWeight","automationId","ariaLabel","id","React","createElement","style","color","backgroundColor"],"mappings":"AAcO,OAAAA,OAAA;AAAA,MAAMC,IAAyBC,CAAAA,MAAU;AAC9C,QAAM;AAAA,IAAEC,OAAAA;AAAAA,IAAOC,WAAAA;AAAAA,IAAWC,WAAAA,IAAY;AAAA,IAAyBC,SAAAA,IAAU;AAAA,IAAyBC,eAAAA,IAAgB;AAAA,IAAQC,YAAAA,IAAa;AAAA,IAAIC,cAAAA,IAAe;AAAA,IAAIC,WAAAA;AAAAA,IAAWC,IAAAA;AAAAA,EAAAA,IAAOT;AAChL,SACEU,gBAAAA,EAAAC,cAAA,QAAA;AAAA,IAAMT,WAAW,+DAA+DA,CAAS;AAAA,IAAIU,OAAO;AAAA,MAAEC,OAAOV;AAAAA,MAAWW,iBAAiBV;AAAAA,MAASC,eAAAA;AAAAA,MAAeC,YAAAA;AAAAA,IAAAA;AAAAA,IAAc,sBAAoBC;AAAAA,IAAc,cAAYC;AAAAA,IAAWC,IAAAA;AAAAA,EAAAA,GACrOR,CACG;AAEV;"}

package/dist/index100.js

@@ -1,4 +1,4 @@
-const e = "data:image/svg+xml,%3csvg%20width='26'%20height='26'%20viewBox='0%200%2026%2026'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M2.99609%20-0.00390625C1.33923%20-0.00390625%20-0.00390625%201.33923%20-0.00390625%202.99609V22.9961C-0.00390625%2024.6529%201.33923%2025.9961%202.99609%2025.9961H22.9961C24.6529%2025.9961%2025.9961%2024.6529%2025.9961%2022.9961V6.99609C25.9961%205.33923%2024.6529%203.99609%2022.9961%203.99609H11.7769L11.345%202.26849C11.0111%200.932984%209.81115%20-0.00390625%208.43453%20-0.00390625H2.99609Z'%20fill='%23FFC02C'/%3e%3c/svg%3e";
+const e = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%3e%3cpath%20d='M11.0198%205.66834L6.87692%2010.8469L4.80549%209.29334M1.78467%202.82038V13.1775C1.78467%2013.7496%202.24838%2014.2132%202.82038%2014.2132H13.1775C13.7496%2014.2132%2014.2132%2013.7496%2014.2132%2013.1775V2.82038C14.2132%202.24837%2013.7496%201.78467%2013.1775%201.78467H2.82038C2.24838%201.78467%201.78467%202.24838%201.78467%202.82038Z'%20stroke='black'%20stroke-width='1.2'%20stroke-linecap='round'%20stroke-linejoin='round'%20/%3e%3c/svg%3e";
 export {
   e as default
 };

package/dist/index100.js.map

@@ -1 +1 @@
-{"version":3,"file":"index100.js","sources":["../src/assets/icons/folder-empty.svg?url"],"sourcesContent":["export default \"data:image/svg+xml,%3csvg%20width='26'%20height='26'%20viewBox='0%200%2026%2026'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M2.99609%20-0.00390625C1.33923%20-0.00390625%20-0.00390625%201.33923%20-0.00390625%202.99609V22.9961C-0.00390625%2024.6529%201.33923%2025.9961%202.99609%2025.9961H22.9961C24.6529%2025.9961%2025.9961%2024.6529%2025.9961%2022.9961V6.99609C25.9961%205.33923%2024.6529%203.99609%2022.9961%203.99609H11.7769L11.345%202.26849C11.0111%200.932984%209.81115%20-0.00390625%208.43453%20-0.00390625H2.99609Z'%20fill='%23FFC02C'/%3e%3c/svg%3e\""],"names":["__vite_glob_0_41"],"mappings":"AAAA,MAAeA,IAAA;"}
+{"version":3,"file":"index100.js","sources":["../src/assets/icons/checkbox-field.svg?url"],"sourcesContent":["export default \"data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%3e%3cpath%20d='M11.0198%205.66834L6.87692%2010.8469L4.80549%209.29334M1.78467%202.82038V13.1775C1.78467%2013.7496%202.24838%2014.2132%202.82038%2014.2132H13.1775C13.7496%2014.2132%2014.2132%2013.7496%2014.2132%2013.1775V2.82038C14.2132%202.24837%2013.7496%201.78467%2013.1775%201.78467H2.82038C2.24838%201.78467%201.78467%202.24838%201.78467%202.82038Z'%20stroke='black'%20stroke-width='1.2'%20stroke-linecap='round'%20stroke-linejoin='round'%20/%3e%3c/svg%3e\""],"names":["__vite_glob_0_17"],"mappings":"AAAA,MAAAA,IAAe;"}

package/dist/index101.js

@@ -1,4 +1,4 @@
-const e = "data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_13459_121974)'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M2.2846%200.574219C1.33782%200.574219%200.570312%201.34173%200.570312%202.2885V13.7171C0.570312%2014.6638%201.33782%2015.4314%202.2846%2015.4314H13.7132C14.6599%2015.4314%2015.4275%2014.6638%2015.4275%2013.7171V4.57422C15.4275%203.62744%2014.6599%202.85993%2013.7132%202.85993H7.30219L7.05539%201.87273C6.8646%201.10958%206.17892%200.574219%205.39228%200.574219H2.2846Z'%20fill='%23FFC02C'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_13459_121974'%3e%3crect%20width='16'%20height='16'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e";
+const e = "data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0.6%204C0.6%202.12223%202.12223%200.6%204%200.6H12C13.8778%200.6%2015.4%202.12223%2015.4%204V12C15.4%2013.8778%2013.8778%2015.4%2012%2015.4H4C2.12223%2015.4%200.6%2013.8778%200.6%2012V4Z'%20fill='white'/%3e%3cpath%20d='M0.6%204C0.6%202.12223%202.12223%200.6%204%200.6H12C13.8778%200.6%2015.4%202.12223%2015.4%204V12C15.4%2013.8778%2013.8778%2015.4%2012%2015.4H4C2.12223%2015.4%200.6%2013.8778%200.6%2012V4Z'%20stroke='%237a90b4'%20stroke-width='1.2'%20stroke-linejoin='round'/%3e%3c/svg%3e";
 export {
   e as default
 };

package/dist/index101.js.map

@@ -1 +1 @@
-{"version":3,"file":"index101.js","sources":["../src/assets/icons/folder.svg?url"],"sourcesContent":["export default \"data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_13459_121974)'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M2.2846%200.574219C1.33782%200.574219%200.570312%201.34173%200.570312%202.2885V13.7171C0.570312%2014.6638%201.33782%2015.4314%202.2846%2015.4314H13.7132C14.6599%2015.4314%2015.4275%2014.6638%2015.4275%2013.7171V4.57422C15.4275%203.62744%2014.6599%202.85993%2013.7132%202.85993H7.30219L7.05539%201.87273C6.8646%201.10958%206.17892%200.574219%205.39228%200.574219H2.2846Z'%20fill='%23FFC02C'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_13459_121974'%3e%3crect%20width='16'%20height='16'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e\""],"names":["__vite_glob_0_42"],"mappings":"AAAA,MAAeA,IAAA;"}
+{"version":3,"file":"index101.js","sources":["../src/assets/icons/checkbox-fill.svg?url"],"sourcesContent":["export default \"data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0.6%204C0.6%202.12223%202.12223%200.6%204%200.6H12C13.8778%200.6%2015.4%202.12223%2015.4%204V12C15.4%2013.8778%2013.8778%2015.4%2012%2015.4H4C2.12223%2015.4%200.6%2013.8778%200.6%2012V4Z'%20fill='white'/%3e%3cpath%20d='M0.6%204C0.6%202.12223%202.12223%200.6%204%200.6H12C13.8778%200.6%2015.4%202.12223%2015.4%204V12C15.4%2013.8778%2013.8778%2015.4%2012%2015.4H4C2.12223%2015.4%200.6%2013.8778%200.6%2012V4Z'%20stroke='%237a90b4'%20stroke-width='1.2'%20stroke-linejoin='round'/%3e%3c/svg%3e\""],"names":["__vite_glob_0_18"],"mappings":"AAAA,MAAAA,IAAe;"}

package/dist/index102.js

@@ -1,5 +1,5 @@
-const l = "data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M3.43106%2015.7093H5.85872V9.82364L2.3866%207.24072V14.679C2.3866%2015.2435%202.85237%2015.7093%203.43106%2015.7093Z'%20fill='%234285F4'/%3e%3cpath%20d='M14.1575%2015.7093H16.5851C17.1638%2015.7093%2017.6296%2015.2435%2017.6296%2014.6649V7.24072L14.1716%209.83776V15.7093H14.1575Z'%20fill='%2334A853'/%3e%3cpath%20d='M14.1575%205.33516V9.83763L17.6155%207.24059V5.85739C17.6155%204.57298%2016.1476%203.83904%2015.1172%204.61533L14.1575%205.33516Z'%20fill='%23FBBC04'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M5.84253%209.82356V5.33521L9.99214%208.45447L14.1418%205.33521V9.83767L10.0063%2012.9428L5.84253%209.82356Z'%20fill='%23EA4335'/%3e%3cpath%20d='M2.3866%205.84322V7.22642L5.84461%209.82346V5.3351L4.87072%204.60116C3.85449%203.83898%202.3866%204.57293%202.3866%205.84322Z'%20fill='%23C5221F'/%3e%3c/svg%3e";
+const e = "data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0.6%204C0.6%202.12223%202.12223%200.6%204%200.6H12C13.8778%200.6%2015.4%202.12223%2015.4%204V12C15.4%2013.8778%2013.8778%2015.4%2012%2015.4H4C2.12223%2015.4%200.6%2013.8778%200.6%2012V4Z'%20fill='%23f2f4f8'/%3e%3cpath%20d='M0.6%204C0.6%202.12223%202.12223%200.6%204%200.6H12C13.8778%200.6%2015.4%202.12223%2015.4%204V12C15.4%2013.8778%2013.8778%2015.4%2012%2015.4H4C2.12223%2015.4%200.6%2013.8778%200.6%2012V4Z'%20stroke='%234D678A'%20stroke-width='1.2'%20stroke-linejoin='round'/%3e%3c/svg%3e";
 export {
-  l as default
+  e as default
 };
 //# sourceMappingURL=index102.js.map

package/dist/index102.js.map

@@ -1 +1 @@
-{"version":3,"file":"index102.js","sources":["../src/assets/icons/gmail.svg?url"],"sourcesContent":["export default \"data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M3.43106%2015.7093H5.85872V9.82364L2.3866%207.24072V14.679C2.3866%2015.2435%202.85237%2015.7093%203.43106%2015.7093Z'%20fill='%234285F4'/%3e%3cpath%20d='M14.1575%2015.7093H16.5851C17.1638%2015.7093%2017.6296%2015.2435%2017.6296%2014.6649V7.24072L14.1716%209.83776V15.7093H14.1575Z'%20fill='%2334A853'/%3e%3cpath%20d='M14.1575%205.33516V9.83763L17.6155%207.24059V5.85739C17.6155%204.57298%2016.1476%203.83904%2015.1172%204.61533L14.1575%205.33516Z'%20fill='%23FBBC04'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M5.84253%209.82356V5.33521L9.99214%208.45447L14.1418%205.33521V9.83767L10.0063%2012.9428L5.84253%209.82356Z'%20fill='%23EA4335'/%3e%3cpath%20d='M2.3866%205.84322V7.22642L5.84461%209.82346V5.3351L4.87072%204.60116C3.85449%203.83898%202.3866%204.57293%202.3866%205.84322Z'%20fill='%23C5221F'/%3e%3c/svg%3e\""],"names":["__vite_glob_0_43"],"mappings":"AAAA,MAAeA,IAAA;"}
+{"version":3,"file":"index102.js","sources":["../src/assets/icons/checkbox-hover-fill.svg?url"],"sourcesContent":["export default \"data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0.6%204C0.6%202.12223%202.12223%200.6%204%200.6H12C13.8778%200.6%2015.4%202.12223%2015.4%204V12C15.4%2013.8778%2013.8778%2015.4%2012%2015.4H4C2.12223%2015.4%200.6%2013.8778%200.6%2012V4Z'%20fill='%23f2f4f8'/%3e%3cpath%20d='M0.6%204C0.6%202.12223%202.12223%200.6%204%200.6H12C13.8778%200.6%2015.4%202.12223%2015.4%204V12C15.4%2013.8778%2013.8778%2015.4%2012%2015.4H4C2.12223%2015.4%200.6%2013.8778%200.6%2012V4Z'%20stroke='%234D678A'%20stroke-width='1.2'%20stroke-linejoin='round'/%3e%3c/svg%3e\""],"names":["__vite_glob_0_19"],"mappings":"AAAA,MAAAA,IAAe;"}

package/dist/index103.js

@@ -1,4 +1,4 @@
-const e = "data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M2%203H14M2%208H14M2%2013H8H14'%20stroke='%23415575'%20stroke-width='1.2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e";
+const e = "data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0%204C0%201.79086%201.79086%200%204%200H12C14.2091%200%2016%201.79086%2016%204V12C16%2014.2091%2014.2091%2016%2012%2016H4C1.79086%2016%200%2014.2091%200%2012V4Z'%20fill='%2300539E'/%3e%3cpath%20d='M12%208H4'%20stroke='white'%20stroke-width='1.2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e";
 export {
   e as default
 };

package/dist/index103.js.map

@@ -1 +1 @@
-{"version":3,"file":"index103.js","sources":["../src/assets/icons/hamburger.svg?url"],"sourcesContent":["export default \"data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M2%203H14M2%208H14M2%2013H8H14'%20stroke='%23415575'%20stroke-width='1.2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e\""],"names":["__vite_glob_0_44"],"mappings":"AAAA,MAAeA,IAAA;"}
+{"version":3,"file":"index103.js","sources":["../src/assets/icons/checkbox-hover-minus.svg?url"],"sourcesContent":["export default \"data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0%204C0%201.79086%201.79086%200%204%200H12C14.2091%200%2016%201.79086%2016%204V12C16%2014.2091%2014.2091%2016%2012%2016H4C1.79086%2016%200%2014.2091%200%2012V4Z'%20fill='%2300539E'/%3e%3cpath%20d='M12%208H4'%20stroke='white'%20stroke-width='1.2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e\""],"names":["__vite_glob_0_20"],"mappings":"AAAA,MAAAA,IAAe;"}

package/dist/index104.js

@@ -1,4 +1,4 @@
-const e = "data:image/svg+xml,%3csvg%20width='18'%20height='18'%20viewBox='0%200%2018%2018'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M2.45886%206.32422H16.1356'%20stroke='%231BBA5F'%20stroke-width='1.2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M1.86426%2011.6758H15.541'%20stroke='%231BBA5F'%20stroke-width='1.2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M13.1625%201.86426L10.7839%2016.1357'%20stroke='%231BBA5F'%20stroke-width='1.2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M7.2161%201.86426L4.83752%2016.1357'%20stroke='%231BBA5F'%20stroke-width='1.2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e";
+const e = "data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0%204C0%201.79086%201.79086%200%204%200H12C14.2091%200%2016%201.79086%2016%204V12C16%2014.2091%2014.2091%2016%2012%2016H4C1.79086%2016%200%2014.2091%200%2012V4Z'%20fill='%2300539E'/%3e%3cpath%20d='M11.8082%205.5L6.89749%2010.5L4.66534%208.22727'%20stroke='white'%20stroke-width='1.2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e";
 export {
   e as default
 };