@infonomic/uikit 2.14.0 → 3.0.0

package/dist/components/button/copy-button_module.css

@@ -5,26 +5,45 @@
     display: inline-block;
   }
 
-  .copy-button-oa4bdj {
-    width: 32px;
-    min-width: 32px;
-    height: 32px;
+  .copy-button-oa4bdj svg {
+    width: 90%;
+    height: 90%;
+    display: block;
+  }
+
+  .xs-lZmf78 {
+    width: 26px;
+    height: 26px;
+    min-height: 26px;
+    padding: .25rem;
   }
 
-  .copy-button-foreground-peibK_ {
-    fill: var(--gray-700);
+  .sm-KNN1e5 {
+    width: 32px;
+    height: 32px;
+    min-height: 32px;
+    padding: .35rem;
   }
 
-  .copy-button-foreground-reversed-oeTW7Z {
-    fill: var(--gray-200);
+  .md-OoH0l4 {
+    width: 38px;
+    height: 38px;
+    min-height: 38px;
+    padding: .45rem;
   }
 
-  .dark-M9uAd8 .copy-button-foreground-peibK_ {
-    fill: var(--gray-200);
+  .lg-uu5ujz {
+    width: 46px;
+    height: 46px;
+    min-height: 46px;
+    padding: .55rem;
   }
 
-  .dark-M9uAd8 .copy-button-foreground-reversed-oeTW7Z {
-    fill: var(--gray-700);
+  .xl-pFYyrS {
+    width: 54px;
+    height: 54px;
+    min-height: 54px;
+    padding: .65rem;
   }
 }
 

package/dist/components/calendar/calendar.js

@@ -30,17 +30,17 @@ function Calendar({ ref, className, classNames, hideNavigation, showOutsideDays
     const _disabledClassName = classnames(calendar_module.disabled, props.disabledClassName);
     const _hiddenClassName = classnames(calendar_module.hidden, props.hiddenClassName);
     const Dropdown = useCallback(({ value, onChange, options })=>{
-        const selected = null == options ? void 0 : options.find((option)=>option.value === value);
+        const selected = options?.find((option)=>option.value === value);
         const handleChange = (value)=>{
             const changeEvent = {
                 target: {
                     value
                 }
             };
-            null == onChange || onChange(changeEvent);
+            onChange?.(changeEvent);
         };
         return /*#__PURE__*/ jsxs(Select.Root, {
-            value: null == value ? void 0 : value.toString(),
+            value: value?.toString(),
             onValueChange: (value)=>{
                 handleChange(value);
             },
@@ -53,7 +53,7 @@ function Calendar({ ref, className, classNames, hideNavigation, showOutsideDays
                         className: classnames(calendar_module["select-trigger"], props.selectTriggerClassName),
                         children: [
                             /*#__PURE__*/ jsx(Select.Value, {
-                                children: null == selected ? void 0 : selected.label
+                                children: selected?.label
                             }),
                             /*#__PURE__*/ jsx(ChevronsUpDown, {
                                 height: "18px",
@@ -70,9 +70,9 @@ function Calendar({ ref, className, classNames, hideNavigation, showOutsideDays
                     align: "center",
                     children: /*#__PURE__*/ jsx(ScrollArea, {
                         className: classnames(calendar_module["scroll-area"]),
-                        children: null == options ? void 0 : options.map(({ value, label, disabled }, id)=>/*#__PURE__*/ jsx(Select.Item, {
+                        children: options?.map(({ value, label, disabled }, id)=>/*#__PURE__*/ jsx(Select.Item, {
                                 className: calendar_module["select-item"],
-                                value: null == value ? void 0 : value.toString(),
+                                value: value?.toString(),
                                 disabled: disabled,
                                 children: label
                             }, `${value}-${id}`))

package/dist/components/input/checkbox-group.js

@@ -25,7 +25,7 @@ const CheckboxGroup = ({ groupName, checkBoxes, defaultValues, controlledValue,
             if (-1 !== index) s.splice(index, 1);
         }
         setSelected(s);
-        null == onChange || onChange(s);
+        onChange?.(s);
     };
     return /*#__PURE__*/ jsx("div", {
         className: "space-y-2",

package/dist/components/input/checkbox.js

@@ -39,7 +39,7 @@ const checkbox_Checkbox = function({ ref, id, name, label, variant = 'outlined',
             error ? /*#__PURE__*/ jsx(ErrorText, {
                 id: `error-for-${id}`,
                 text: errorText ?? helpText
-            }) : (null == helpText ? void 0 : helpText.length) > 0 && /*#__PURE__*/ jsx(HelpText, {
+            }) : helpText?.length > 0 && /*#__PURE__*/ jsx(HelpText, {
                 text: helpText
             })
         ]

package/dist/components/input/checkbox_module.css

@@ -102,115 +102,66 @@
   }
 
   .primary-mNSmqc {
-    --checkbox-variant-outlined-border: var(--primary-400);
-    --checkbox-variant-outlined: var(--primary-400);
-    --checkbox-variant-outlined-hover-border: var(--primary-500);
-    --checkbox-variant-outline-ring-color: var(--primary-400);
-    --checkbox-variant-filled: var(--primary-400);
+    --checkbox-variant-outlined-border: var(--fill-primary-strong);
+    --checkbox-variant-outlined: var(--fill-primary-strong);
+    --checkbox-variant-outlined-hover-border: var(--fill-primary-strong-hover);
+    --checkbox-variant-outline-ring-color: var(--ring-primary);
+    --checkbox-variant-filled: var(--fill-primary-strong);
+    --checkbox-icon-color: var(--text-on-primary);
   }
 
   .secondary-B96Jra {
-    --checkbox-variant-outlined-border: var(--secondary-500);
-    --checkbox-variant-outlined: var(--secondary-500);
-    --checkbox-variant-outlined-hover-border: var(--secondary-500);
-    --checkbox-variant-outline-ring-color: var(--secondary-500);
-    --checkbox-variant-filled: var(--secondary-500);
+    --checkbox-variant-outlined-border: var(--fill-secondary-strong);
+    --checkbox-variant-outlined: var(--fill-secondary-strong);
+    --checkbox-variant-outlined-hover-border: var(--fill-secondary-strong-hover);
+    --checkbox-variant-outline-ring-color: var(--ring-secondary);
+    --checkbox-variant-filled: var(--fill-secondary-strong);
+    --checkbox-icon-color: var(--text-on-secondary);
   }
 
   .noeffect-J5I4Dv {
-    --checkbox-variant-outlined-border: var(--gray-400);
-    --checkbox-variant-outlined: var(--gray-400);
-    --checkbox-variant-outlined-hover-border: var(--gray-400);
-    --checkbox-variant-outline-ring-color: var(--gray-400);
-    --checkbox-variant-filled: var(--gray-400);
+    --checkbox-variant-outlined-border: var(--fill-noeffect-strong);
+    --checkbox-variant-outlined: var(--fill-noeffect-strong);
+    --checkbox-variant-outlined-hover-border: var(--fill-noeffect-strong-hover);
+    --checkbox-variant-outline-ring-color: var(--ring-noeffect);
+    --checkbox-variant-filled: var(--fill-noeffect-strong);
+    --checkbox-icon-color: var(--text-on-noeffect);
   }
 
   .success-LoZ4k7 {
-    --checkbox-variant-outlined-border: var(--green-400);
-    --checkbox-variant-outlined: var(--green-400);
-    --checkbox-variant-outlined-hover-border: var(--green-400);
-    --checkbox-variant-outline-ring-color: var(--green-400);
-    --checkbox-variant-filled: var(--green-400);
+    --checkbox-variant-outlined-border: var(--fill-success-strong);
+    --checkbox-variant-outlined: var(--fill-success-strong);
+    --checkbox-variant-outlined-hover-border: var(--fill-success-strong-hover);
+    --checkbox-variant-outline-ring-color: var(--ring-success);
+    --checkbox-variant-filled: var(--fill-success-strong);
+    --checkbox-icon-color: var(--text-on-success);
   }
 
   .info-NNf4yN {
-    --checkbox-variant-outlined-border: var(--blue-400);
-    --checkbox-variant-outlined: var(--blue-400);
-    --checkbox-variant-outlined-hover-border: var(--blue-400);
-    --checkbox-variant-outline-ring-color: var(--blue-400);
-    --checkbox-variant-filled: var(--blue-400);
+    --checkbox-variant-outlined-border: var(--fill-info-strong);
+    --checkbox-variant-outlined: var(--fill-info-strong);
+    --checkbox-variant-outlined-hover-border: var(--fill-info-strong-hover);
+    --checkbox-variant-outline-ring-color: var(--ring-info);
+    --checkbox-variant-filled: var(--fill-info-strong);
+    --checkbox-icon-color: var(--text-on-info);
   }
 
   .warning-eEgBnF {
-    --checkbox-variant-outlined-border: var(--yellow-400);
-    --checkbox-variant-outlined: var(--yellow-400);
-    --checkbox-variant-outlined-hover-border: var(--yellow-400);
-    --checkbox-variant-outline-ring-color: var(--yellow-400);
-    --checkbox-variant-filled: var(--yellow-400);
+    --checkbox-variant-outlined-border: var(--fill-warning-strong);
+    --checkbox-variant-outlined: var(--fill-warning-strong);
+    --checkbox-variant-outlined-hover-border: var(--fill-warning-strong-hover);
+    --checkbox-variant-outline-ring-color: var(--ring-warning);
+    --checkbox-variant-filled: var(--fill-warning-strong);
+    --checkbox-icon-color: var(--text-on-warning);
   }
 
   .danger-FZ5wZH {
-    --checkbox-variant-outlined-border: var(--red-400);
-    --checkbox-variant-outlined: var(--red-400);
-    --checkbox-variant-outlined-hover-border: var(--red-400);
-    --checkbox-variant-outline-ring-color: var(--red-400);
-    --checkbox-variant-filled: var(--red-400);
-  }
-
-  .dark .primary-mNSmqc:not(:where([class~="not-dark"], [class~="not-dark"] *)) {
-    --checkbox-variant-outlined-border: var(--primary-300);
-    --checkbox-variant-outlined: var(--primary-300);
-    --checkbox-variant-outlined-hover-border: var(--primary-500);
-    --checkbox-variant-outline-ring-color: var(--primary-300);
-    --checkbox-variant-filled: var(--primary-500);
-  }
-
-  .dark .secondary-B96Jra:not(:where([class~="not-dark"], [class~="not-dark"] *)) {
-    --checkbox-variant-outlined-border: var(--secondary-500);
-    --checkbox-variant-outlined: var(--secondary-500);
-    --checkbox-variant-outlined-hover-border: var(--secondary-500);
-    --checkbox-variant-outline-ring-color: var(--secondary-500);
-    --checkbox-variant-filled: var(--secondary-500);
-  }
-
-  .dark .noeffect-J5I4Dv:not(:where([class~="not-dark"], [class~="not-dark"] *)) {
-    --checkbox-variant-outlined-border: var(--gray-400);
-    --checkbox-variant-outlined: var(--gray-400);
-    --checkbox-variant-outlined-hover-border: var(--gray-400);
-    --checkbox-variant-outline-ring-color: var(--gray-400);
-    --checkbox-variant-filled: var(--gray-400);
-  }
-
-  .dark .success-LoZ4k7:not(:where([class~="not-dark"], [class~="not-dark"] *)) {
-    --checkbox-variant-outlined-border: var(--green-400);
-    --checkbox-variant-outlined: var(--green-400);
-    --checkbox-variant-outlined-hover-border: var(--green-400);
-    --checkbox-variant-outline-ring-color: var(--green-400);
-    --checkbox-variant-filled: var(--green-400);
-  }
-
-  .dark .info-NNf4yN:not(:where([class~="not-dark"], [class~="not-dark"] *)) {
-    --checkbox-variant-outlined-border: var(--blue-400);
-    --checkbox-variant-outlined: var(--blue-400);
-    --checkbox-variant-outlined-hover-border: var(--blue-400);
-    --checkbox-variant-outline-ring-color: var(--blue-400);
-    --checkbox-variant-filled: var(--blue-400);
-  }
-
-  .dark .warning-eEgBnF:not(:where([class~="not-dark"], [class~="not-dark"] *)) {
-    --checkbox-variant-outlined-border: var(--yellow-400);
-    --checkbox-variant-outlined: var(--yellow-400);
-    --checkbox-variant-outlined-hover-border: var(--yellow-400);
-    --checkbox-variant-outline-ring-color: var(--yellow-400);
-    --checkbox-variant-filled: var(--yellow-400);
-  }
-
-  .dark .danger-FZ5wZH:not(:where([class~="not-dark"], [class~="not-dark"] *)) {
-    --checkbox-variant-outlined-border: var(--red-400);
-    --checkbox-variant-outlined: var(--red-400);
-    --checkbox-variant-outlined-hover-border: var(--red-400);
-    --checkbox-variant-outline-ring-color: var(--red-400);
-    --checkbox-variant-filled: var(--red-400);
+    --checkbox-variant-outlined-border: var(--fill-danger-strong);
+    --checkbox-variant-outlined: var(--fill-danger-strong);
+    --checkbox-variant-outlined-hover-border: var(--fill-danger-strong-hover);
+    --checkbox-variant-outline-ring-color: var(--ring-danger);
+    --checkbox-variant-filled: var(--fill-danger-strong);
+    --checkbox-icon-color: var(--text-on-danger);
   }
 
   @keyframes checkBoxIn-yYID5l {

package/dist/components/input/errors.js

@@ -9,7 +9,7 @@ function Error(props) {
 function ServerError({ name, errors }) {
     if (null != errors) {
         const error = errors[name];
-        return (null == error ? void 0 : error._errors) != null ? /*#__PURE__*/ jsx(Error, {
+        return error?._errors != null ? /*#__PURE__*/ jsx(Error, {
             id: `error-for-${name}`,
             children: error._errors.join(' ')
         }) : null;
@@ -17,8 +17,7 @@ function ServerError({ name, errors }) {
     return null;
 }
 function FieldError({ name, errors }) {
-    var _errors_name;
-    const message = null == (_errors_name = errors[name]) ? void 0 : _errors_name.message;
+    const message = errors[name]?.message;
     if (null != message) return /*#__PURE__*/ jsx(Error, {
         id: `error-for-${name}`,
         children: message

package/dist/components/input/input.js

@@ -52,7 +52,7 @@ const Input = ({ ref, id, name, type = 'text', variant = 'outlined', inputSize =
             error ? /*#__PURE__*/ jsx(ErrorText, {
                 id: `error-for-${id}`,
                 text: errorText ?? helpText
-            }) : (null == helpText ? void 0 : helpText.length) > 0 && /*#__PURE__*/ jsx(HelpText, {
+            }) : helpText?.length > 0 && /*#__PURE__*/ jsx(HelpText, {
                 text: helpText
             })
         ]

package/dist/components/input/input_module.css

@@ -151,133 +151,66 @@
   }
 
   .primary-FIrC7m {
-    --input-variant-outlined-border: var(--primary-300);
-    --input-variant-outlined-hover-border: var(--primary-500);
-    --input-variant-outline-ring-color: var(--primary-300);
-    --input-variant-underlined-border: var(--primary-300);
-    --input-variant-underlined-hover-border: var(--primary-500);
-    --input-variant-filled: var(--gray-50);
+    --input-variant-outlined-border: var(--stroke-primary);
+    --input-variant-outlined-hover-border: var(--stroke-primary-hover);
+    --input-variant-outline-ring-color: var(--ring-primary);
+    --input-variant-underlined-border: var(--stroke-primary);
+    --input-variant-underlined-hover-border: var(--stroke-primary-hover);
+    --input-variant-filled: var(--fill-primary-weak);
   }
 
   .secondary-LmtH1h {
-    --input-variant-outlined-border: var(--secondary-600);
-    --input-variant-outlined-hover-border: var(--secondary-800);
-    --input-variant-outline-ring-color: var(--secondary-600);
-    --input-variant-underlined-border: var(--secondary-600);
-    --input-variant-underlined-hover-border: var(--secondary-800);
-    --input-variant-filled: var(--gray-50);
+    --input-variant-outlined-border: var(--stroke-secondary);
+    --input-variant-outlined-hover-border: var(--stroke-secondary-hover);
+    --input-variant-outline-ring-color: var(--ring-secondary);
+    --input-variant-underlined-border: var(--stroke-secondary);
+    --input-variant-underlined-hover-border: var(--stroke-secondary-hover);
+    --input-variant-filled: var(--fill-secondary-weak);
   }
 
   .noeffect-Kb93bb {
-    --input-variant-outlined-border: var(--gray-500);
-    --input-variant-outlined-hover-border: var(--gray-700);
-    --input-variant-outline-ring-color: var(--gray-700);
-    --input-variant-underlined-border: var(--gray-500);
-    --input-variant-underlined-hover-border: var(--gray-700);
-    --input-variant-filled: var(--gray-50);
+    --input-variant-outlined-border: var(--stroke-noeffect);
+    --input-variant-outlined-hover-border: var(--stroke-noeffect-hover);
+    --input-variant-outline-ring-color: var(--ring-noeffect);
+    --input-variant-underlined-border: var(--stroke-noeffect);
+    --input-variant-underlined-hover-border: var(--stroke-noeffect-hover);
+    --input-variant-filled: var(--fill-noeffect-weak);
   }
 
   .success-fNk168 {
-    --input-variant-outlined-border: var(--green-300);
-    --input-variant-outlined-hover-border: var(--green-600);
-    --input-variant-outline-ring-color: var(--green-600);
-    --input-variant-underlined-border: var(--green-300);
-    --input-variant-underlined-hover-border: var(--green-600);
-    --input-variant-filled: var(--gray-50);
+    --input-variant-outlined-border: var(--stroke-success);
+    --input-variant-outlined-hover-border: var(--stroke-success-hover);
+    --input-variant-outline-ring-color: var(--ring-success);
+    --input-variant-underlined-border: var(--stroke-success);
+    --input-variant-underlined-hover-border: var(--stroke-success-hover);
+    --input-variant-filled: var(--fill-success-weak);
   }
 
   .info-_CXlQd {
-    --input-variant-outlined-border: var(--blue-300);
-    --input-variant-outlined-hover-border: var(--blue-600);
-    --input-variant-outline-ring-color: var(--blue-300);
-    --input-variant-underlined-border: var(--blue-100);
-    --input-variant-underlined-hover-border: var(--blue-400);
-    --input-variant-filled: var(--gray-50);
+    --input-variant-outlined-border: var(--stroke-info);
+    --input-variant-outlined-hover-border: var(--stroke-info-hover);
+    --input-variant-outline-ring-color: var(--ring-info);
+    --input-variant-underlined-border: var(--stroke-info);
+    --input-variant-underlined-hover-border: var(--stroke-info-hover);
+    --input-variant-filled: var(--fill-info-weak);
   }
 
   .warning-abMXZC {
-    --input-variant-outlined-border: var(--yellow-600);
-    --input-variant-outlined-hover-border: var(--yellow-800);
-    --input-variant-outline-ring-color: var(--yellow-600);
-    --input-variant-underlined-border: var(--yellow-600);
-    --input-variant-underlined-hover-border: var(--yellow-800);
-    --input-variant-filled: var(--gray-50);
+    --input-variant-outlined-border: var(--stroke-warning);
+    --input-variant-outlined-hover-border: var(--stroke-warning-hover);
+    --input-variant-outline-ring-color: var(--ring-warning);
+    --input-variant-underlined-border: var(--stroke-warning);
+    --input-variant-underlined-hover-border: var(--stroke-warning-hover);
+    --input-variant-filled: var(--fill-warning-weak);
   }
 
   .danger-Q_LJPS {
-    --input-variant-outlined-border: var(--red-300);
-    --input-variant-outlined-hover-border: var(--red-600);
-    --input-variant-outline-ring-color: var(--red-600);
-    --input-variant-underlined-border: var(--red-300);
-    --input-variant-underlined-hover-border: var(--red-600);
-    --input-variant-filled: var(--gray-50);
-  }
-
-  .dark .input-ZoQqR8:focus:not(:where([class~="not-dark"], [class~="not-dark"] *)), .dark .input-ZoQqR8:active:not(:where([class~="not-dark"], [class~="not-dark"] *)) {
-    --ring-offset-color: var(--background);
-  }
-
-  .dark .primary-FIrC7m:not(:where([class~="not-dark"], [class~="not-dark"] *)) {
-    --input-variant-outlined-border: var(--primary-200);
-    --input-variant-outlined-hover-border: var(--primary-100);
-    --input-variant-outline-ring-color: var(--primary-200);
-    --input-variant-underlined-border: var(--primary-200);
-    --input-variant-underlined-hover-border: var(--primary-100);
-    --input-variant-filled: var(--canvas-800);
-  }
-
-  .dark .secondary-LmtH1h:not(:where([class~="not-dark"], [class~="not-dark"] *)) {
-    --input-variant-outlined-border: var(--secondary-600);
-    --input-variant-outlined-hover-border: var(--secondary-400);
-    --input-variant-outline-ring-color: var(--secondary-600);
-    --input-variant-underlined-border: var(--secondary-600);
-    --input-variant-underlined-hover-border: var(--secondary-400);
-    --input-variant-filled: var(--canvas-800);
-  }
-
-  .dark .noeffect-Kb93bb:not(:where([class~="not-dark"], [class~="not-dark"] *)) {
-    --input-variant-outlined-border: var(--gray-500);
-    --input-variant-outlined-hover-border: var(--gray-300);
-    --input-variant-outline-ring-color: var(--gray-400);
-    --input-variant-underlined-border: var(--gray-500);
-    --input-variant-underlined-hover-border: var(--gray-300);
-    --input-variant-filled: var(--canvas-800);
-  }
-
-  .dark .success-fNk168:not(:where([class~="not-dark"], [class~="not-dark"] *)) {
-    --input-variant-outlined-border: var(--green-500);
-    --input-variant-outlined-hover-border: var(--green-300);
-    --input-variant-outline-ring-color: var(--green-400);
-    --input-variant-underlined-border: var(--green-500);
-    --input-variant-underlined-hover-border: var(--green-300);
-    --input-variant-filled: var(--canvas-800);
-  }
-
-  .dark .info-_CXlQd:not(:where([class~="not-dark"], [class~="not-dark"] *)) {
-    --input-variant-outlined-border: var(--blue-500);
-    --input-variant-outlined-hover-border: var(--blue-300);
-    --input-variant-outline-ring-color: var(--blue-400);
-    --input-variant-underlined-border: var(--blue-500);
-    --input-variant-underlined-hover-border: var(--blue-300);
-    --input-variant-filled: var(--canvas-800);
-  }
-
-  .dark .warning-abMXZC:not(:where([class~="not-dark"], [class~="not-dark"] *)) {
-    --input-variant-outlined-border: var(--yellow-500);
-    --input-variant-outlined-hover-border: var(--yellow-300);
-    --input-variant-outline-ring-color: var(--yellow-400);
-    --input-variant-underlined-border: var(--yellow-500);
-    --input-variant-underlined-hover-border: var(--yellow-300);
-    --input-variant-filled: var(--canvas-800);
-  }
-
-  .dark .danger-Q_LJPS:not(:where([class~="not-dark"], [class~="not-dark"] *)) {
-    --input-variant-outlined-border: var(--red-500);
-    --input-variant-outlined-hover-border: var(--red-300);
-    --input-variant-outline-ring-color: var(--red-400);
-    --input-variant-underlined-border: var(--red-500);
-    --input-variant-underlined-hover-border: var(--red-500);
-    --input-variant-filled: var(--canvas-800);
+    --input-variant-outlined-border: var(--stroke-danger);
+    --input-variant-outlined-hover-border: var(--stroke-danger-hover);
+    --input-variant-outline-ring-color: var(--ring-danger);
+    --input-variant-underlined-border: var(--stroke-danger);
+    --input-variant-underlined-hover-border: var(--stroke-danger-hover);
+    --input-variant-filled: var(--fill-danger-weak);
   }
 }
 

package/dist/components/input/radio-group_module.css

@@ -82,73 +82,38 @@
   }
 
   .primary-W2P_QT {
-    --radio-border: var(--primary-400);
-    --radio-indicator-color: var(--primary-400);
+    --radio-border: var(--fill-primary-strong);
+    --radio-indicator-color: var(--fill-primary-strong);
   }
 
   .secondary-PWYoVU {
-    --radio-border: var(--secondary-400);
-    --radio-indicator-color: var(--secondary-400);
+    --radio-border: var(--fill-secondary-strong);
+    --radio-indicator-color: var(--fill-secondary-strong);
   }
 
   .noeffect-In5gxi {
-    --radio-border: var(--gray-400);
-    --radio-indicator-color: var(--gray-400);
+    --radio-border: var(--fill-noeffect-strong);
+    --radio-indicator-color: var(--fill-noeffect-strong);
   }
 
   .success-R2Jb22 {
-    --radio-border: var(--green-400);
-    --radio-indicator-color: var(--green-400);
+    --radio-border: var(--fill-success-strong);
+    --radio-indicator-color: var(--fill-success-strong);
   }
 
   .info-A_p4DP {
-    --radio-border: var(--blue-400);
-    --radio-indicator-color: var(--blue-400);
+    --radio-border: var(--fill-info-strong);
+    --radio-indicator-color: var(--fill-info-strong);
   }
 
   .warning-MWFrsJ {
-    --radio-border: var(--yellow-400);
-    --radio-indicator-color: var(--yellow-400);
+    --radio-border: var(--fill-warning-strong);
+    --radio-indicator-color: var(--fill-warning-strong);
   }
 
   .danger-Lk8pek {
-    --radio-border: var(--red-400);
-    --radio-indicator-color: var(--red-400);
-  }
-
-  .dark .primary-W2P_QT:not(:where([class~="not-dark"], [class~="not-dark"] *)) {
-    --radio-border: var(--primary-300);
-    --radio-indicator-color: var(--primary-300);
-  }
-
-  .dark .secondary-PWYoVU:not(:where([class~="not-dark"], [class~="not-dark"] *)) {
-    --radio-border: var(--secondary-500);
-    --radio-indicator-color: var(--secondary-500);
-  }
-
-  .dark .noeffect-In5gxi:not(:where([class~="not-dark"], [class~="not-dark"] *)) {
-    ---radio-border: var(--gray-400);
-    --radio-indicator-color: var(--gray-400);
-  }
-
-  .dark .success-R2Jb22:not(:where([class~="not-dark"], [class~="not-dark"] *)) {
-    --radio-border: var(--green-400);
-    --radio-indicator-color: var(--green-400);
-  }
-
-  .dark .info-A_p4DP:not(:where([class~="not-dark"], [class~="not-dark"] *)) {
-    --radio-border: var(--blue-400);
-    --radio-indicator-color: var(--blue-400);
-  }
-
-  .dark .warning-MWFrsJ:not(:where([class~="not-dark"], [class~="not-dark"] *)) {
-    --radio-border: var(--yellow-400);
-    --radio-indicator-color: var(--yellow-400);
-  }
-
-  .dark .danger-Lk8pek:not(:where([class~="not-dark"], [class~="not-dark"] *)) {
-    --radio-border: var(--red-400);
-    --radio-indicator-color: var(--red-400);
+    --radio-border: var(--fill-danger-strong);
+    --radio-indicator-color: var(--fill-danger-strong);
   }
 
   @keyframes radioIn-L_nBcr {

package/dist/components/input/select.js

@@ -60,7 +60,7 @@ function select_Select({ id, children, placeholder, disabledValue, intent, varia
                     })
                 ]
             }),
-            null != helpText && (null == helpText ? void 0 : helpText.length) > 0 && /*#__PURE__*/ jsx(HelpText, {
+            null != helpText && helpText?.length > 0 && /*#__PURE__*/ jsx(HelpText, {
                 text: helpText
             })
         ]

package/dist/components/input/text-area.js

@@ -36,7 +36,7 @@ const text_area_TextArea = function({ ref, id, name, label, rows = 4, required =
             error ? /*#__PURE__*/ jsx(ErrorText, {
                 id: `error-for-${id}`,
                 text: errorText ?? helpText
-            }) : (null == helpText ? void 0 : helpText.length) > 0 && /*#__PURE__*/ jsx(HelpText, {
+            }) : helpText?.length > 0 && /*#__PURE__*/ jsx(HelpText, {
                 text: helpText
             })
         ]

package/dist/components/input/utils.js

@@ -1,11 +1,10 @@
 function hasErrors(name, clientErrors, serverErrors) {
-    return Boolean((null == serverErrors ? void 0 : serverErrors[name]) ?? clientErrors[name]);
+    return Boolean(serverErrors?.[name] ?? clientErrors[name]);
 }
 function getErrorText(name, clientErrors, serverErrors) {
-    var _clientErrors_name;
-    const message = null == (_clientErrors_name = clientErrors[name]) ? void 0 : _clientErrors_name.message;
+    const message = clientErrors[name]?.message;
     if (null != message) return message;
     const error = null != serverErrors ? serverErrors[name] : void 0;
-    if ((null == error ? void 0 : error._errors) != null) return error._errors.join(' ');
+    if (error?._errors != null) return error._errors.join(' ');
 }
 export { getErrorText, hasErrors };

package/dist/components/notifications/alert_module.css

@@ -42,10 +42,6 @@
     display: flex;
   }
 
-  .close-BUVZO7 svg {
-    fill: #fff;
-  }
-
   .fade-VGuhOJ {
     opacity: 0;
     transition: opacity .4s ease-in-out;

package/dist/components/overlay/overlay.js

@@ -23,7 +23,7 @@ const BodyLock = ()=>{
             if (null != appBar) appBar.classList.remove('app-bar-overlay-shown');
             if (mediaMatch.matches) {
                 classList.remove('overlay-shown--desktop');
-                if (null != appBar) appBar.classList.remove('app-bar-overlay-shown app-bar-overlay-shown--desktop');
+                if (null != appBar) appBar.classList.remove('app-bar-overlay-shown', 'app-bar-overlay-shown--desktop');
             } else {
                 classList.remove('overlay-shown--mobile');
                 if (null != appBar) appBar.classList.remove('app-bar-overlay-shown--mobile');

package/dist/icons/close-icon.js

@@ -3,7 +3,7 @@ import classnames from "classnames";
 import { IconElement } from "./icon-element.js";
 import icons_module from "./icons.module.js";
 const CloseIcon = ({ className, svgClassName, ...rest })=>{
-    const applied = classnames(icons_module["fill-contrast"], svgClassName);
+    const applied = classnames(icons_module["fill-current"], svgClassName);
     return /*#__PURE__*/ jsx(IconElement, {
         className: classnames('close-icon', className),
         ...rest,

package/dist/icons/copy-icon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"copy-icon.d.ts","sourceRoot":"","sources":["../../src/icons/copy-icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAM9B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAA;AAIhD,eAAO,MAAM,QAAQ;2CAA0C,SAAS,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO;;CAsB3F,CAAA"}
+{"version":3,"file":"copy-icon.d.ts","sourceRoot":"","sources":["../../src/icons/copy-icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAM9B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAA;AAIhD,eAAO,MAAM,QAAQ;2CAA0C,SAAS,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO;;CAqB3F,CAAA"}