@star-insure/sdk 4.6.0 → 5.0.0

package/dist/sdk.esm.js

@@ -1341,7 +1341,7 @@ function Button(_ref) {
       _ref$small = _ref.small,
       small = _ref$small === void 0 ? false : _ref$small;
   var baseClasses = small ? 'font-bold text-sm inline-flex items-center gap-3 justify-center text-white text-center px-3 py-1 rounded min-w-[80px] transition-all hover:brightness-110' : 'font-black inline-flex items-center gap-3 justify-center text-white text-center px-5 py-2 rounded-md min-w-[120px] transition-all hover:brightness-110';
-  var statusClass = status === 'primary' && 'bg-teal' || status === 'danger' && 'bg-red-500' || status === 'warning' && 'bg-yellow-400' || status === 'info' && 'bg-blue-400' || 'bg-gray-600';
+  var statusClass = status === 'primary' && 'bg-primary' || status === 'danger' && 'bg-red-500' || status === 'warning' && 'bg-yellow-400' || status === 'info' && 'bg-blue-400' || 'bg-gray-600';
   var classes = (className != null ? className : '') + " " + baseClasses + " " + statusClass;
 
   if (_onClick) {
@@ -1600,7 +1600,7 @@ function ToastItem(_ref) {
       removeToast = _useToast.removeToast;
 
   var defaultClasses = 'w-full min-w-[250px] p-4 shadow flex justify-between items-center font-black rounded-md not:';
-  var statusClasses = status === 'success' && 'bg-teal text-white' || status === 'error' && 'bg-red-500 text-white' || status === 'warning' && 'bg-yellow-400 text-white' || 'bg-white text-asphalt';
+  var statusClasses = status === 'success' && 'bg-primary text-white' || status === 'error' && 'bg-red-500 text-white' || status === 'warning' && 'bg-yellow-400 text-white' || 'bg-white text-secondary';
   var classes = defaultClasses + " " + statusClasses;
 
   function handleClick() {
@@ -1689,7 +1689,7 @@ function Modal(_ref) {
   }, React__default.createElement("div", {
     className: className + " w-full align-start inline-block bg-white rounded-lg px-4 pt-5 pb-4 text-left overflow-hidden shadow-xl transform transition-all sm:my-8 sm:align-middle sm:max-w-7xl sm:p-6 " + width
   }, React__default.createElement("div", {
-    className: "flex gap-4 mb-4 text-asphalt " + (title ? 'border-b-2 border-asphalt pb-4' : '')
+    className: "flex gap-4 mb-4 text-secondary " + (title ? 'border-b-2 border-secondary pb-4' : '')
   }, title && React__default.createElement("h3", {
     className: "font-black text-lg"
   }, title), React__default.createElement("button", {
@@ -1767,7 +1767,7 @@ function TableHead(_ref) {
       props = _objectWithoutPropertiesLoose(_ref, _excluded$3);
 
   return React__default.createElement("thead", Object.assign({}, props, {
-    className: cn(className, 'px-3 py-4 text-sm text-white bg-gray-600')
+    className: cn(className, 'px-3 py-4 text-sm text-white bg-table-header-background')
   }), children);
 }
 
@@ -1834,7 +1834,7 @@ function TableRow(_ref) {
       _onClick = _ref$onClick === void 0 ? function () {} : _ref$onClick,
       props = _objectWithoutPropertiesLoose(_ref, _excluded$5);
 
-  var bgClass = className.includes('bg') ? '' : 'bg-white even:bg-gray-50';
+  var bgClass = className.includes('bg') ? '' : 'bg-white even:bg-table-row-alternative-background';
   return React__default.createElement("tr", Object.assign({}, props, {
     className: cn(className, bgClass, 'hover:bg-gray-100'),
     onClick: function onClick(e) {
@@ -1977,7 +1977,7 @@ function MoneyField(_ref) {
 
   var displayValue = formatMoney(value, 0);
   return React__default.createElement("div", {
-    className: className + " flex items-center gap-2 pl-4 rounded-md border border-gray-300 transition-all focus-within:border-teal focus-within:outline-none focus-within:ring focus-within:ring-teal focus-within:ring-opacity-50"
+    className: className + " flex items-center gap-2 pl-4 rounded-md border border-gray-300 transition-all focus-within:border-primary focus-within:outline-none focus-within:ring focus-within:ring-primary focus-within:ring-opacity-50"
   }, React__default.createElement("span", {
     className: "font-bold pr-2"
   }, "$"), React__default.createElement("input", {
@@ -2207,7 +2207,7 @@ function RegistrationSearchField(_ref) {
     type: "button",
     onClick: handleSearch,
     disabled: status === 'processing',
-    className: cn(searchBtnClassName, "bg-teal px-4 py-3 rounded-md transition-all")
+    className: cn(searchBtnClassName, "bg-primary px-4 py-3 rounded-md transition-all")
   }, React__default.createElement("span", {
     className: "sr-only"
   }, "Search"), React__default.createElement("svg", {
@@ -2481,7 +2481,7 @@ function BackButton(_ref) {
   }, [breadcrumbs]);
   return React__default.createElement(Link, {
     href: backUrl || '/',
-    className: cn(className, 'flex items-center justify-center hover:text-teal transition-all')
+    className: cn(className, 'flex items-center justify-center text-back-button-text hover:text-primary transition-all')
   }, React__default.createElement(HiArrowLeft, {
     className: "h-5 w-5 stroke-[1.25]"
   }));
@@ -2572,12 +2572,12 @@ function SearchBar(_ref) {
     onClick: function onClick() {
       return onActive(true);
     },
-    className: "flex items-center justify-center rounded-full hover:text-teal p-1 hover:bg-gray-100"
+    className: "flex items-center justify-center rounded-full hover:text-primary p-1 hover:bg-gray-100"
   }, React__default.createElement(HiMagnifyingGlass, {
     className: "h-5 w-5 stroke-[1.25]"
   })), active && React__default.createElement("form", {
     onSubmit: handleSearch,
-    className: "group flex items-center gap-2 rounded-full bg-white pr-4 pl-1 shadow transition-all focus-within:outline-none focus-within:ring-1 focus-within:ring-teal"
+    className: "group flex items-center gap-2 rounded-full bg-white pr-4 pl-1 shadow transition-all focus-within:outline-none focus-within:ring-1 focus-within:ring-primary"
   }, React__default.createElement("input", {
     type: "text",
     name: "search",
@@ -2994,8 +2994,8 @@ function FilterItem(_ref) {
       onClick: function onClick() {
         return handleClick();
       },
-      className: cn('flex rounded-2xl border hover:cursor-pointer hover:border-teal bg-gray-600 px-2 py-1 items-center justify-between shrink-0 gap-2 text-xs text-white hover:bg-teal transition-colors', {
-        '!bg-teal border-teal': hasFilters
+      className: cn('flex rounded-2xl border hover:cursor-pointer hover:border-primary bg-gray-600 px-2 py-1 items-center justify-between shrink-0 gap-2 text-xs text-white hover:bg-primary transition-colors', {
+        '!bg-primary border-primary': hasFilters
       })
     }, React__default.createElement("p", {
       className: "whitespace-nowrap"
@@ -3269,17 +3269,17 @@ function PageHeader(_ref) {
     className: cn('col-span-full flex items-center gap-2 max-w-full rounded-lg bg-white p-2 shadow', className)
   }, back && React__default.createElement(BackButton, {
     back: back,
-    className: "bg-gray-100 h-[60px] w-[60px] rounded"
+    className: "bg-back-button-background h-[60px] w-[60px] rounded"
   }), React__default.createElement("div", {
-    className: cn('w-full grid grid-cols-[auto_1fr_auto_auto] h-[60px] rounded bg-gray-100 p-3 gap-4', innerClassName)
+    className: cn('w-full grid grid-cols-[auto_1fr_auto_auto] h-[60px] rounded bg-page-header-background p-3 gap-4', innerClassName)
   }, React__default.createElement("button", {
     type: "button",
     disabled: !search,
     onClick: function onClick() {
       return setSearchActive(true);
     },
-    className: cn('mr-auto flex items-center gap-4 transition-colors pr-6 pl-1 disabled:opacity-100', {
-      'hover:text-teal': search && !isSearchActive
+    className: cn('mr-auto flex items-center gap-4 transition-colors pr-6 pl-1 disabled:opacity-100 text-page-header-text', {
+      'hover:text-primary': search && !isSearchActive
     })
   }, search && React__default.createElement(SearchBar, {
     search: search,
@@ -3288,7 +3288,7 @@ function PageHeader(_ref) {
     placeholder: "Search " + title + "...",
     focusSearchShortcut: focusSearchShortcut
   }), !isSearchActive && React__default.createElement("h1", {
-    className: "text-base font-black"
+    className: "text-base text-page-header-text font-black"
   }, title)), React__default.createElement("div", {
     className: "flex items-center ml-auto gap-2 h-full min-w-0 max-w-full"
   }, filterOptions.length > 0 && React__default.createElement(React__default.Fragment, null, React__default.createElement("button", {
@@ -3311,7 +3311,7 @@ function PageHeader(_ref) {
     onClick: clickRight,
     className: "w-5 h-5 text-gray-400 stroke-[1.25]"
   }))), filteredActions.length > 0 && React__default.createElement("div", {
-    className: "flex items-center gap-3 bg-gray-100"
+    className: "flex items-center gap-3 bg-page-header-background"
   }, filterOptions.length > 0 && React__default.createElement("div", {
     className: "w-[1px] h-full bg-gray-300"
   }), React__default.createElement("nav", {