se-design 0.0.105 → 0.0.107

package/dist/assets/icons/checkbox-field.svg

@@ -0,0 +1,9 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
+      <path
+        d="M11.0198 5.66834L6.87692 10.8469L4.80549 9.29334M1.78467 2.82038V13.1775C1.78467 13.7496 2.24838 14.2132 2.82038 14.2132H13.1775C13.7496 14.2132 14.2132 13.7496 14.2132 13.1775V2.82038C14.2132 2.24837 13.7496 1.78467 13.1775 1.78467H2.82038C2.24838 1.78467 1.78467 2.24838 1.78467 2.82038Z"
+        stroke="black"
+        stroke-width="1.2"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      />
+    </svg>

package/dist/assets/icons/checkmark.svg

@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M2.5 9.88793L5.22638 12.2892C5.58634 12.6063 6.13559 12.5602 6.43847 12.1876L13.5 3.49999" stroke="#415575" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/dist/assets/icons/date-field.svg

@@ -0,0 +1,9 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
+      <path
+        d="M4.37495 1.78467V4.89181M11.6249 1.78467V4.89181M4.37495 10.3293V7.22217H7.48209V10.3293H4.37495ZM2.82038 3.33762C2.54569 3.33762 2.28226 3.44674 2.08802 3.64097C1.89379 3.83521 1.78467 4.09864 1.78467 4.37333V13.1769C1.78467 13.4516 1.89379 13.7151 2.08802 13.9093C2.28226 14.1035 2.54569 14.2126 2.82038 14.2126H13.1775C13.4522 14.2126 13.7157 14.1035 13.9099 13.9093C14.1041 13.7151 14.2132 13.4516 14.2132 13.1769V4.37333C14.2132 4.09864 14.1041 3.83521 13.9099 3.64097C13.7157 3.44674 13.4522 3.33762 13.1775 3.33762H2.82038Z"
+        stroke="black"
+        stroke-width="1.06667"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      />
+    </svg>

package/dist/assets/icons/email-field.svg

@@ -0,0 +1,9 @@
+ <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
+      <path
+        d="M1.27102 4.89035L7.41362 9.14292C7.7683 9.38846 8.23803 9.38846 8.5927 9.14292L14.7353 4.89035M1.271 12.6574V3.33601C1.271 2.764 1.7347 2.30029 2.30671 2.30029H13.6996C14.2716 2.30029 14.7353 2.76399 14.7353 3.33601V12.6574C14.7353 13.2295 14.2716 13.6931 13.6996 13.6931H2.30671C1.7347 13.6931 1.271 13.2295 1.271 12.6574Z"
+        stroke="black"
+        stroke-width="1.06667"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      />
+    </svg>

package/dist/assets/icons/home.svg

@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M1.06812 7.57028L7.70676 1.87026C7.87538 1.72548 8.12443 1.72548 8.29305 1.87025L14.9319 7.57028M3.07867 8.52473V13.9315C3.07867 14.18 3.28015 14.3815 3.52867 14.3815H12.4713C12.7199 14.3815 12.9213 14.18 12.9213 13.9315V8.52473" stroke="#415575" stroke-width="1.2" stroke-linecap="round"/>
+</svg>

package/dist/assets/icons/initials-field.svg

@@ -0,0 +1,9 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
+      <path
+        d="M13.1807 8.52009H14.7343V10.5915C14.7343 11.4495 14.0387 12.1451 13.1807 12.1451H11.1093C10.2513 12.1451 9.55574 11.4495 9.55574 10.5915V5.41295C9.55574 4.55493 10.2513 3.85938 11.1093 3.85938H13.1807C14.0387 3.85938 14.7343 4.55493 14.7343 5.41295M1.271 12.1451L3.32093 4.85641C3.48677 4.26676 4.02455 3.85938 4.63707 3.85938C5.24959 3.85938 5.78736 4.26676 5.9532 4.85641L8.00314 12.1451M2.14602 9.03733H7.13039"
+        stroke="black"
+        stroke-width="1.2"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      />
+    </svg>

package/dist/assets/icons/name-field.svg

@@ -0,0 +1,16 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
+      <path
+        d="M8.00292 7.99895C9.71895 7.99895 11.1101 6.60783 11.1101 4.89181C11.1101 3.17579 9.71895 1.78467 8.00292 1.78467C6.2869 1.78467 4.89578 3.17579 4.89578 4.89181C4.89578 6.60783 6.2869 7.99895 8.00292 7.99895Z"
+        stroke="black"
+        stroke-width="1.06667"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      />
+      <path
+        d="M8.00085 10.0696C5.20033 10.0696 2.79922 11.7796 1.78467 14.2125H14.217C13.2025 11.7796 10.8014 10.0696 8.00085 10.0696Z"
+        stroke="black"
+        stroke-width="1.06667"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      />
+    </svg>

package/dist/assets/icons/radio-field.svg

@@ -0,0 +1,17 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
+      <g clip-path="url(#clip0_7236_76584)">
+        <path
+          d="M8.00012 11.6224C10.0022 11.6224 11.6251 9.99943 11.6251 7.99739C11.6251 5.99536 10.0022 4.37239 8.00012 4.37239C5.99809 4.37239 4.37512 5.99536 4.37512 7.99739C4.37512 9.99943 5.99809 11.6224 8.00012 11.6224Z"
+          fill="black"
+        />
+        <path
+          d="M14.2349 7.99805C14.2349 4.55622 11.4453 1.76578 8.00342 1.76562C4.5615 1.76562 1.771 4.55613 1.771 7.99805C1.77115 11.4399 4.56159 14.2295 8.00342 14.2295C11.4452 14.2293 14.2347 11.4398 14.2349 7.99805ZM11.1255 7.99707C11.1253 6.27145 9.72611 4.87227 8.00049 4.87207C6.2747 4.87207 4.87566 6.27132 4.87549 7.99707C4.87549 9.72296 6.2746 11.1221 8.00049 11.1221C9.72621 11.1219 11.1255 9.72284 11.1255 7.99707ZM15.2349 7.99805C15.2347 11.9921 11.9974 15.2293 8.00342 15.2295C4.00931 15.2295 0.771147 11.9922 0.770996 7.99805C0.770996 4.00385 4.00922 0.765625 8.00342 0.765625C11.9975 0.765776 15.2349 4.00394 15.2349 7.99805ZM12.1255 7.99707C12.1255 10.2751 10.2785 12.1219 8.00049 12.1221C5.72231 12.1221 3.87549 10.2752 3.87549 7.99707C3.87566 5.71904 5.72242 3.87207 8.00049 3.87207C10.2784 3.87227 12.1253 5.71916 12.1255 7.99707Z"
+          fill="black"
+        />
+      </g>
+      <defs>
+        <clipPath id="clip0_7236_76584">
+          <rect width="16" height="16" fill="white" />
+        </clipPath>
+      </defs>
+    </svg>

package/dist/assets/icons/signature-field.svg

@@ -0,0 +1,16 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
+      <g clip-path="url(#clip0_7225_19501)">
+        <path
+          d="M2.82457 6.4442C2.30671 6.09896 1.271 5.09777 1.271 3.85491C1.271 2.30134 2.30671 1.26562 3.86028 1.26562C5.41385 1.26562 6.96742 2.8192 7.48528 6.4442C8.00314 10.0692 5.93171 14.7299 3.34242 14.7299C0.753139 14.7299 2.30671 7.99777 8.00314 5.92634C11.4181 4.68453 11.6281 7.99777 11.1103 10.0692C12.146 8.51562 13.1817 6.96205 14.7353 7.99777M9.04185 12.6589H14.7383"
+          stroke="black"
+          stroke-width="1.2"
+          stroke-linecap="round"
+          stroke-linejoin="round"
+        />
+      </g>
+      <defs>
+        <clipPath id="clip0_7225_19501">
+          <rect width="16" height="16" fill="white" />
+        </clipPath>
+      </defs>
+</svg>

package/dist/assets/icons/stamp-field.svg

@@ -0,0 +1,16 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
+      <path
+        d="M2.30574 11.1058H13.6986V12.6594C13.6986 12.9341 13.5894 13.1976 13.3952 13.3918C13.201 13.586 12.9376 13.6951 12.6629 13.6951H3.34145C3.06676 13.6951 2.80333 13.586 2.60909 13.3918C2.41486 13.1976 2.30574 12.9341 2.30574 12.6594V11.1058Z"
+        stroke="black"
+        stroke-width="1.2"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      />
+      <path
+        d="M11.6281 7.4811C11.3535 7.4811 11.09 7.37197 10.8958 7.17775C10.7015 6.98351 10.5924 6.72007 10.5924 6.44538V4.37395C10.5924 3.68723 10.3196 3.02863 9.83404 2.54305C9.34846 2.05746 8.68986 1.78467 8.00314 1.78467C7.31642 1.78467 6.65782 2.05746 6.17223 2.54305C5.68665 3.02863 5.41385 3.68723 5.41385 4.37395V6.44538C5.41385 6.72007 5.30473 6.98351 5.1105 7.17775C4.91626 7.37197 4.65283 7.4811 4.37814 7.4811H3.34242C2.79305 7.4811 2.26617 7.69933 1.87771 8.08781C1.48924 8.47627 1.271 9.00315 1.271 9.55253V10.0704C1.271 10.3451 1.38012 10.6085 1.57435 10.8027C1.76858 10.997 2.03202 11.1061 2.30671 11.1061H13.6996C13.9742 11.1061 14.2377 10.997 14.4319 10.8027C14.6261 10.6085 14.7353 10.3451 14.7353 10.0704V9.55253C14.7353 9.00315 14.5171 8.47627 14.1286 8.08781C13.7401 7.69933 13.2132 7.4811 12.6639 7.4811H11.6281Z"
+        stroke="black"
+        stroke-width="1.2"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      />
+    </svg>

package/dist/assets/icons/text-field.svg

@@ -0,0 +1,9 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
+      <path
+        d="M1.78076 3.5625H9.54862M1.78671 6.6684H14.2153M1.78671 9.77778H14.2153M1.78671 12.8837H14.2153"
+        stroke="black"
+        stroke-width="1.2"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      />
+    </svg>

package/dist/assets/icons/title-field.svg

@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
+      <path
+        d="M1.25439 8.51893H14.7454M4.88658 8.51893V10.0756M11.1132 8.51893V10.0756M4.88658 4.88674V2.81121C4.88658 2.23807 5.35121 1.77344 5.92435 1.77344H10.0754C10.6486 1.77344 11.1132 2.23807 11.1132 2.81121V4.88674M13.7076 4.88674H2.29216C1.71902 4.88674 1.25439 5.35137 1.25439 5.92451V13.1889C1.25439 13.762 1.71902 14.2266 2.29216 14.2266H13.7076C14.2808 14.2266 14.7454 13.762 14.7454 13.1889V5.92451C14.7454 5.35137 14.2808 4.88674 13.7076 4.88674Z"
+        stroke="black"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      />
+    </svg>

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

@@ -3,13 +3,14 @@ export interface AutoCompleteInputProps {
     value: string;
     disabled?: boolean;
     maxLength?: number;
-    onChange: (value: string) => void;
+    onChange: (value: string, fromSuggestion?: boolean) => void;
     tag?: string;
     error?: boolean;
     errorMessage?: string;
     label?: string;
     placeholder?: string;
     suggestions?: string[];
-    onButtonClick?: () => void;
+    customRenderSuggestions?: (suggestions: any, handleSuggestionClick: (suggestion: string) => void) => any;
+    onSuggestionClick?: (suggestion: string) => void;
 }
 export declare const AutoCompleteInput: React.FC<AutoCompleteInputProps>;

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

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+interface CircularProgressBarProps {
+    progress: number;
+    backgroundColor?: string;
+    progressColor?: string;
+    size?: number;
+    strokeWidth?: number;
+}
+export declare const CircularProgressBar: ({ progress, backgroundColor, progressColor, size, strokeWidth }: CircularProgressBarProps) => React.JSX.Element;
+export {};

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

@@ -3,5 +3,7 @@ export type IconProps = {
     name: string;
     className?: string;
     onClick?: () => void;
+    fill?: string;
+    stroke?: string;
 };
 export declare const Icon: FC<IconProps>;

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

@@ -1,3 +1,24 @@
 import { default as React } from 'react';
-import { ToggleProps } from './Toggle.types';
+export interface ToggleProps {
+    /**
+     * Callback when the toggle is toggled. The parent is responsible for updating the checked state.
+     */
+    onToggle?: (checked: boolean) => void;
+    /**
+     * The controlled state of the toggle.
+     */
+    checked: boolean;
+    /**
+     * Optional disabled state
+     */
+    disabled?: boolean;
+    /**
+     * Optional label
+     */
+    label?: string;
+    /**
+     * Position of the label
+     */
+    labelPosition?: 'left' | 'right';
+}
 export declare const Toggle: React.FC<ToggleProps>;

package/dist/components/index.d.ts

@@ -34,3 +34,4 @@ export { MessageBar } from './MessageBar';
 export { ToastBar } from './ToastBar';
 export { AutoCompleteInput } from './AutoCompleteInput';
 export { PhoneInput } from './PhoneInput';
+export { CircularProgressBar } from './CircularProgressBar';

package/dist/index.js

@@ -3,14 +3,14 @@ import { Button as t } from "./index3.js";
 import { Icon as m } from "./index4.js";
 import { SplitButton as f } from "./index5.js";
 import { Toggle as n } from "./index6.js";
-import { Badge as i } from "./index7.js";
+import { Badge as u } from "./index7.js";
 import { LabelChip as l } from "./index8.js";
-import { Modal as g } from "./index9.js";
+import { Modal as s } from "./index9.js";
 import { Tooltip as B } from "./index10.js";
-import { MenuItem as T } from "./index11.js";
+import { MenuItem as c } from "./index11.js";
 import { MenuList as I } from "./index12.js";
 import { Popover as L } from "./index13.js";
-import { Header as P } from "./index14.js";
+import { Header as h } from "./index14.js";
 import { HamburgerMenu as S } from "./index15.js";
 import { TableLayout as v } from "./index16.js";
 import { Checkbox as G } from "./index17.js";
@@ -31,34 +31,36 @@ import { InputWithTags as mo } from "./index31.js";
 import { Input as fo } from "./index32.js";
 import { ProgressBar as no } from "./index33.js";
 import { GetStartedWidget as uo } from "./index34.js";
-import { MessageBar as bo } from "./index35.js";
-import { ToastBar as so } from "./index36.js";
+import { MessageBar as go } from "./index35.js";
+import { ToastBar as bo } from "./index36.js";
 import { AutoCompleteInput as Co } from "./index37.js";
-import { PhoneInput as co } from "./index38.js";
+import { PhoneInput as To } from "./index38.js";
+import { CircularProgressBar as Mo } from "./index39.js";
 export {
   ro as Accordion,
   Co as AutoCompleteInput,
-  i as Badge,
+  u as Badge,
   N as Banner,
   t as Button,
   G as Checkbox,
+  Mo as CircularProgressBar,
   R as ColorCodedLabel,
   to as CustomAccordion,
   w as Dropdown,
   uo as GetStartedWidget,
   S as HamburgerMenu,
-  P as Header,
+  h as Header,
   m as Icon,
   fo as Input,
   mo as InputWithTags,
   K as KebabMenu,
   l as LabelChip,
-  T as MenuItem,
+  c as MenuItem,
   I as MenuList,
-  bo as MessageBar,
-  g as Modal,
+  go as MessageBar,
+  s as Modal,
   U as Pagination,
-  co as PhoneInput,
+  To as PhoneInput,
   L as Popover,
   no as ProgressBar,
   Z as Radio,
@@ -68,7 +70,7 @@ export {
   j as TableContentLoader,
   v as TableLayout,
   F as Tabs,
-  so as ToastBar,
+  bo as ToastBar,
   n as Toggle,
   B as Tooltip,
   X as Widget

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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}