@infonomic/uikit 5.42.0 → 5.43.1

package/dist/components/accordion/accordion.js

@@ -42,10 +42,10 @@ const Content = function({ ref, children, className, ...props }) {
     });
 };
 const accordion_Accordion = {
-    Root,
-    Item,
-    Header,
-    Trigger,
-    Content
+    Root: Root,
+    Item: Item,
+    Header: Header,
+    Trigger: Trigger,
+    Content: Content
 };
 export { accordion_Accordion as Accordion };

package/dist/components/accordion/accordion.module.js

@@ -7,4 +7,4 @@ const accordion_module = {
     accordionSlideDown: "accordionSlideDown-gllXUs",
     accordionSlideUp: "accordionSlideUp-mpDLB0"
 };
-export { accordion_module as default };
+export default accordion_module;

package/dist/components/avatar/avatar.module.js

@@ -9,4 +9,4 @@ const avatar_module = {
     "avatar-text": "avatar-text-Xf0G6q",
     avatarText: "avatar-text-Xf0G6q"
 };
-export { avatar_module as default };
+export default avatar_module;

package/dist/components/badge/badge.module.js

@@ -9,4 +9,4 @@ const badge_module = {
     warning: "warning-zTXksZ",
     danger: "danger-hKF7l_"
 };
-export { badge_module as default };
+export default badge_module;

package/dist/components/button/button-group.module.js

@@ -3,4 +3,4 @@ const button_group_module = {
     "button-group": "button-group-uqvOi8",
     buttonGroup: "button-group-uqvOi8"
 };
-export { button_group_module as default };
+export default button_group_module;

package/dist/components/button/button.module.js

@@ -23,4 +23,4 @@ const button_module = {
     danger: "danger-rwIV_i",
     fullWidth: "fullWidth-wXvP0v"
 };
-export { button_module as default };
+export default button_module;

package/dist/components/button/button_module.css

@@ -7,7 +7,8 @@
     gap: var(--gap-2);
     white-space: nowrap;
     outline-offset: 2px;
-    transition: background-color var(--transition-normal), box-shadow var(--transition-normal);
+    transition: background-color var(--transition-normal),
+      box-shadow var(--transition-normal);
     border-radius: var(--border-radius-sm);
     border: none;
     outline: 2px solid #0000;
@@ -140,7 +141,9 @@
 
   :is(.gradient-ySC3O3, .infonomic-button-gradient) {
     color: var(--button-variant-gradient-foreground);
-    background: linear-gradient(45deg, var(--button-variant-gradient-start), var(--button-variant-gradient-end));
+    background: linear-gradient(45deg,
+      var(--button-variant-gradient-start),
+      var(--button-variant-gradient-end));
   }
 
   :is(.gradient-ySC3O3:disabled, .gradient-ySC3O3[disabled], .infonomic-button-gradient:disabled, .infonomic-button-gradient[disabled]) {
@@ -151,7 +154,9 @@
 
   :is(.gradient-ySC3O3:hover, .infonomic-button-gradient:hover) {
     color: var(--button-variant-gradient-foreground);
-    background: linear-gradient(45deg, var(--button-variant-gradient-start), var(--button-variant-gradient-end));
+    background: linear-gradient(45deg,
+      var(--button-variant-gradient-start),
+      var(--button-variant-gradient-end));
   }
 
   :is(.gradient-ySC3O3:focus, .gradient-ySC3O3:active, .infonomic-button-gradient:focus, .infonomic-button-gradient:active) {

package/dist/components/button/combo-button.module.js

@@ -9,4 +9,4 @@ const combo_button_module = {
     "combo-button-options": "combo-button-options-T9vVC9",
     comboButtonOptions: "combo-button-options-T9vVC9"
 };
-export { combo_button_module as default };
+export default combo_button_module;

package/dist/components/button/control-buttons.module.js

@@ -17,4 +17,4 @@ const control_buttons_module = {
     left: "left-B6s4j6",
     right: "right-nFxLqo"
 };
-export { control_buttons_module as default };
+export default control_buttons_module;

package/dist/components/button/copy-button.module.js

@@ -10,4 +10,4 @@ const copy_button_module = {
     lg: "lg-uu5ujz",
     xl: "xl-pFYyrS"
 };
-export { copy_button_module as default };
+export default copy_button_module;

package/dist/components/card/card.module.js

@@ -14,4 +14,4 @@ const card_module = {
     "card-footer": "card-footer-BxTa4b",
     cardFooter: "card-footer-BxTa4b"
 };
-export { card_module as default };
+export default card_module;

package/dist/components/chips/chip.module.js

@@ -24,4 +24,4 @@ const chip_module = {
     warning: "warning-ua4NGH",
     danger: "danger-ftQS7Y"
 };
-export { chip_module as default };
+export default chip_module;

package/dist/components/chips/chip_module.css

@@ -19,7 +19,8 @@
     font-weight: 500;
     line-height: 1.1;
     font-size: var(--chip-font-size);
-    transition: background-color var(--transition-normal), box-shadow var(--transition-normal);
+    transition: background-color var(--transition-normal),
+      box-shadow var(--transition-normal);
     outline: 2px solid #0000;
     text-decoration: none;
     display: inline-flex;

package/dist/components/container/container.module.js

@@ -2,4 +2,4 @@ import "./container_module.css";
 const container_module = {
     container: "container-tSpizY"
 };
-export { container_module as default };
+export default container_module;

package/dist/components/dropdown/dropdown.js

@@ -77,16 +77,16 @@ const SubTrigger = ({ ref, className, children, ...rest })=>/*#__PURE__*/ jsx(Dr
     });
 SubTrigger.displayName = 'SubTrigger';
 const Dropdown = {
-    Root,
-    Trigger,
-    Portal,
-    Content,
-    Group,
-    Item,
-    Label,
-    Separator,
-    Sub,
-    SubContent,
-    SubTrigger
+    Root: Root,
+    Trigger: Trigger,
+    Portal: Portal,
+    Content: Content,
+    Group: Group,
+    Item: Item,
+    Label: Label,
+    Separator: Separator,
+    Sub: Sub,
+    SubContent: SubContent,
+    SubTrigger: SubTrigger
 };
 export { Dropdown };

package/dist/components/dropdown/dropdown.module.js

@@ -13,4 +13,4 @@ const dropdown_module = {
     "dropdown-separator": "dropdown-separator-scM_7b",
     dropdownSeparator: "dropdown-separator-scM_7b"
 };
-export { dropdown_module as default };
+export default dropdown_module;

package/dist/components/forms/calendar.module.js

@@ -42,4 +42,4 @@ const calendar_module = {
     "range-middle": "range-middle-ZVXPRk",
     rangeMiddle: "range-middle-ZVXPRk"
 };
-export { calendar_module as default };
+export default calendar_module;

package/dist/components/forms/checkbox.module.css

@@ -1,11 +1,12 @@
 @layer infonomic-base,
-  infonomic-functional,
-  infonomic-utilities,
-  infonomic-theme,
-  infonomic-typography,
-  infonomic-components;
+infonomic-functional,
+infonomic-utilities,
+infonomic-theme,
+infonomic-typography,
+infonomic-components;
 
 @layer infonomic-components {
+
   .container,
   :global(.infonomic-checkbox-container) {
     width: 100%;
@@ -62,9 +63,17 @@
     width: 20px;
     height: 20px;
     color: var(--checkbox-icon-color);
+    /* Hidden by default — prevents flash on initial render before data-state is applied */
+    opacity: 0;
+    transform: scale(0.8);
+    /* Transition handles the unchecked→unchecked no-op and the checked→unchecked exit.
+       It only fires on state changes, never on initial mount, so no flash. */
+    transition:
+      opacity 0.2s ease-in,
+      transform 0.2s ease-in;
   }
 
-  /* Style for the "checked" state */
+  /* Style for the "checked" state — animation overrides the transition for bouncy entry */
   .indicator[data-state="checked"] .icon,
   :global(.infonomic-checkbox-indicator)[data-state="checked"] :global(.infonomic-checkbox-icon) {
     animation: checkBoxIn 0.3s cubic-bezier(0.25, 1.5, 0.5, 1) forwards;
@@ -72,10 +81,9 @@
     transform: scale(1);
   }
 
-  /* Style for the "unchecked" state */
+  /* Style for the "unchecked" state — no animation, let the CSS transition handle the exit */
   .indicator[data-state="unchecked"] .icon,
   :global(.infonomic-checkbox-indicator)[data-state="unchecked"] :global(.infonomic-checkbox-icon) {
-    animation: checkBoxOut 0.2s ease-in;
     opacity: 0;
     transform: scale(0.8);
   }
@@ -88,10 +96,10 @@
     color: var(--label-color);
   }
 
-  .checkbox:disabled ~ .label,
-  .checkbox[disabled] ~ .label,
-  :global(.infonomic-checkbox):disabled ~ :global(.infonomic-checkbox-label),
-  :global(.infonomic-checkbox)[disabled] ~ :global(.infonomic-checkbox-label) {
+  .checkbox:disabled~.label,
+  .checkbox[disabled]~.label,
+  :global(.infonomic-checkbox):disabled~ :global(.infonomic-checkbox-label),
+  :global(.infonomic-checkbox)[disabled]~ :global(.infonomic-checkbox-label) {
     pointer-events: none;
   }
 
@@ -115,8 +123,8 @@
     height: 16px;
   }
 
-  .sm ~ .label,
-  :global(.infonomic-checkbox-sm) ~ :global(.infonomic-checkbox-label) {
+  .sm~.label,
+  :global(.infonomic-checkbox-sm)~ :global(.infonomic-checkbox-label) {
     font-size: 0.85rem;
   }
 
@@ -132,8 +140,8 @@
     height: 18px;
   }
 
-  .md ~ .label,
-  :global(.infonomic-checkbox-md) ~ :global(.infonomic-checkbox-label) {
+  .md~.label,
+  :global(.infonomic-checkbox-md)~ :global(.infonomic-checkbox-label) {
     font-size: 0.875rem;
   }
 
@@ -149,8 +157,8 @@
     height: 22px;
   }
 
-  .lg ~ .label,
-  :global(.infonomic-checkbox-lg) ~ :global(.infonomic-checkbox-label) {
+  .lg~.label,
+  :global(.infonomic-checkbox-lg)~ :global(.infonomic-checkbox-label) {
     font-size: 1rem;
   }
 
@@ -269,16 +277,4 @@
     }
   }
 
-  /* Define keyframes for the "unchecked" state */
-  @keyframes checkBoxOut {
-    from {
-      opacity: 1;
-      transform: scale(1);
-    }
-
-    to {
-      opacity: 0;
-      transform: scale(0.8);
-    }
-  }
-}
+}

package/dist/components/forms/checkbox.module.js

@@ -7,7 +7,6 @@ const checkbox_module = {
     indicator: "indicator-uDQYoF",
     icon: "icon-gwRvT_",
     checkBoxIn: "checkBoxIn-DSnbUl",
-    checkBoxOut: "checkBoxOut-lbT33D",
     label: "label-rsCVhp",
     errorText: "errorText-nwgg63",
     sm: "sm-FMFjMf",
@@ -23,4 +22,4 @@ const checkbox_module = {
     warning: "warning-leHmkw",
     danger: "danger-LGwa4G"
 };
-export { checkbox_module as default };
+export default checkbox_module;

package/dist/components/forms/checkbox_module.css

@@ -47,6 +47,9 @@
     width: 20px;
     height: 20px;
     color: var(--checkbox-icon-color);
+    opacity: 0;
+    transition: opacity .2s ease-in, transform .2s ease-in;
+    transform: scale(.8);
   }
 
   :is(.indicator-uDQYoF[data-state="checked"] .icon-gwRvT_, .infonomic-checkbox-indicator[data-state="checked"] .infonomic-checkbox-icon) {
@@ -57,7 +60,6 @@
 
   :is(.indicator-uDQYoF[data-state="unchecked"] .icon-gwRvT_, .infonomic-checkbox-indicator[data-state="unchecked"] .infonomic-checkbox-icon) {
     opacity: 0;
-    animation: .2s ease-in checkBoxOut-lbT33D;
     transform: scale(.8);
   }
 
@@ -207,17 +209,5 @@
       transform: scale(1);
     }
   }
-
-  @keyframes checkBoxOut-lbT33D {
-    from {
-      opacity: 1;
-      transform: scale(1);
-    }
-
-    to {
-      opacity: 0;
-      transform: scale(.8);
-    }
-  }
 }
 

package/dist/components/forms/error-text.module.js

@@ -5,4 +5,4 @@ const error_text_module = {
     md: "md-b7GT8M",
     lg: "lg-q2oWv7"
 };
-export { error_text_module as default };
+export default error_text_module;

package/dist/components/forms/help-text.module.js

@@ -5,4 +5,4 @@ const help_text_module = {
     md: "md-BEtXW1",
     lg: "lg-han8YY"
 };
-export { help_text_module as default };
+export default help_text_module;

package/dist/components/forms/input-adornment.module.js

@@ -4,4 +4,4 @@ const input_adornment_module = {
     start: "start-hcDqEk",
     end: "end-j0ZhyO"
 };
-export { input_adornment_module as default };
+export default input_adornment_module;

package/dist/components/forms/input.module.js

@@ -31,4 +31,4 @@ const input_module = {
     warning: "warning-mHL8O2",
     danger: "danger-Rzx3WQ"
 };
-export { input_module as default };
+export default input_module;

package/dist/components/forms/label.module.js

@@ -3,4 +3,4 @@ const label_module = {
     label: "label-Q88hWY",
     required: "required-uod5eu"
 };
-export { label_module as default };
+export default label_module;

package/dist/components/forms/radio-group.js

@@ -29,4 +29,4 @@ const radio_group_RadioGroup = ({ ref: forwardedRef, className, direction = 'col
         ...props,
         children: children
     });
-export { radio_group_RadioGroup as RadioGroup, RadioGroupItem };
+export { RadioGroupItem, radio_group_RadioGroup as RadioGroup };

package/dist/components/forms/radio-group.module.js

@@ -17,4 +17,4 @@ const radio_group_module = {
     warning: "warning-mURb_m",
     danger: "danger-OJLXV7"
 };
-export { radio_group_module as default };
+export default radio_group_module;

package/dist/components/forms/select.js

@@ -45,7 +45,7 @@ function select_Select({ id, children, placeholder, disabledValue, intent, varia
                                     children: /*#__PURE__*/ jsx(ChevronUpIcon, {})
                                 }),
                                 /*#__PURE__*/ jsx(Select.Viewport, {
-                                    className: select_module.viewport,
+                                    className: classnames(select_module.viewport, null != size && select_module[`viewport-${size}`]),
                                     children: /*#__PURE__*/ jsx(Select.Group, {
                                         className: select_module.group,
                                         children: children
@@ -81,4 +81,4 @@ const SelectItem = ({ ref: forwardedRef, children, className, ...props })=>/*#__
         ]
     });
 SelectItem.displayName = 'SelectItem';
-export { select_Select as Select, SelectItem };
+export { SelectItem, select_Select as Select };

package/dist/components/forms/select.module.css

@@ -1,11 +1,12 @@
 @layer infonomic-base,
-  infonomic-functional,
-  infonomic-utilities,
-  infonomic-theme,
-  infonomic-typography,
-  infonomic-components;
+infonomic-functional,
+infonomic-utilities,
+infonomic-theme,
+infonomic-typography,
+infonomic-components;
 
 @layer infonomic-components {
+
   .content,
   :global(.infonomic-select-content) {
     z-index: 50;
@@ -22,6 +23,26 @@
     padding: 6px;
   }
 
+  .viewport-xs {
+    padding: 4px;
+  }
+
+  .viewport-sm {
+    padding: 4px;
+  }
+
+  .viewport-md {
+    padding: 6px;
+  }
+
+  .viewport-lg {
+    padding: 6px;
+  }
+
+  .viewport-xl {
+    padding: 8px;
+  }
+
   .group,
   :global(.infonomic-select-group) {
     z-index: 50;
@@ -48,8 +69,8 @@
     background-color: var(--surface-item);
     font-size: 1rem;
     line-height: 1;
-    padding-right: 35px;
-    padding-left: 25px;
+    padding-right: 32px;
+    padding-left: 24px;
     height: 32px;
     display: flex;
     align-items: center;
@@ -73,9 +94,60 @@
   :global(.infonomic-select-item-indicator) {
     position: absolute;
     left: 0;
-    width: 25px;
+    width: 24px;
     display: inline-flex;
     align-items: center;
     justify-content: center;
   }
-}
+
+  /* size variants — treat current values as 'md' */
+  .viewport-xs .select-item {
+    font-size: 0.75rem;
+    height: 24px;
+    padding-right: 28px;
+    padding-left: 20px;
+    border-radius: 4px;
+  }
+
+  .viewport-xs .select-item-indicator {
+    width: 20px;
+  }
+
+  .viewport-sm .select-item {
+    font-size: 0.875rem;
+    height: 28px;
+    padding-right: 30px;
+    padding-left: 22px;
+    border-radius: 5px;
+  }
+
+  .viewport-sm .select-item-indicator {
+    width: 22px;
+  }
+
+  /* .viewport-md — inherits base .select-item values */
+
+  .viewport-lg .select-item {
+    font-size: 1.125rem;
+    height: 34px;
+    padding-right: 32px;
+    padding-left: 24px;
+    border-radius: 6px;
+  }
+
+  .viewport-lg .select-item-indicator {
+    width: 24px;
+  }
+
+  .viewport-xl .select-item {
+    font-size: 1.25rem;
+    height: 40px;
+    padding-right: 36px;
+    padding-left: 28px;
+    border-radius: 8px;
+  }
+
+  .viewport-xl .select-item-indicator {
+    width: 28px;
+  }
+}

package/dist/components/forms/select.module.js

@@ -2,6 +2,16 @@ import "./select_module.css";
 const select_module = {
     content: "content-Dr272c",
     viewport: "viewport-avysx0",
+    "viewport-xs": "viewport-xs-ddEB1m",
+    viewportXs: "viewport-xs-ddEB1m",
+    "viewport-sm": "viewport-sm-fUHdZh",
+    viewportSm: "viewport-sm-fUHdZh",
+    "viewport-md": "viewport-md-GHDx8O",
+    viewportMd: "viewport-md-GHDx8O",
+    "viewport-lg": "viewport-lg-joLSnL",
+    viewportLg: "viewport-lg-joLSnL",
+    "viewport-xl": "viewport-xl-RoyZD9",
+    viewportXl: "viewport-xl-RoyZD9",
     group: "group-MyzEdB",
     "scroll-button": "scroll-button-JaxK2W",
     scrollButton: "scroll-button-JaxK2W",
@@ -10,4 +20,4 @@ const select_module = {
     "select-item-indicator": "select-item-indicator-nXFGV7",
     selectItemIndicator: "select-item-indicator-nXFGV7"
 };
-export { select_module as default };
+export default select_module;

package/dist/components/forms/select_module.css

@@ -15,6 +15,18 @@
     padding: 6px;
   }
 
+  .viewport-xs-ddEB1m, .viewport-sm-fUHdZh {
+    padding: 4px;
+  }
+
+  .viewport-md-GHDx8O, .viewport-lg-joLSnL {
+    padding: 6px;
+  }
+
+  .viewport-xl-RoyZD9 {
+    padding: 8px;
+  }
+
   :is(.group-MyzEdB, .infonomic-select-group) {
     z-index: 50;
   }
@@ -39,8 +51,8 @@
     border-radius: 6px;
     align-items: center;
     height: 32px;
-    padding-left: 25px;
-    padding-right: 35px;
+    padding-left: 24px;
+    padding-right: 32px;
     font-size: 1rem;
     line-height: 1;
     display: flex;
@@ -72,10 +84,58 @@
   :is(.select-item-indicator-nXFGV7, .infonomic-select-item-indicator) {
     justify-content: center;
     align-items: center;
-    width: 25px;
+    width: 24px;
     display: inline-flex;
     position: absolute;
     left: 0;
   }
+
+  .viewport-xs-ddEB1m .select-item-HiANA0 {
+    border-radius: 4px;
+    height: 24px;
+    padding-left: 20px;
+    padding-right: 28px;
+    font-size: .75rem;
+  }
+
+  .viewport-xs-ddEB1m .select-item-indicator-nXFGV7 {
+    width: 20px;
+  }
+
+  .viewport-sm-fUHdZh .select-item-HiANA0 {
+    border-radius: 5px;
+    height: 28px;
+    padding-left: 22px;
+    padding-right: 30px;
+    font-size: .875rem;
+  }
+
+  .viewport-sm-fUHdZh .select-item-indicator-nXFGV7 {
+    width: 22px;
+  }
+
+  .viewport-lg-joLSnL .select-item-HiANA0 {
+    border-radius: 6px;
+    height: 34px;
+    padding-left: 24px;
+    padding-right: 32px;
+    font-size: 1.125rem;
+  }
+
+  .viewport-lg-joLSnL .select-item-indicator-nXFGV7 {
+    width: 24px;
+  }
+
+  .viewport-xl-RoyZD9 .select-item-HiANA0 {
+    border-radius: 8px;
+    height: 40px;
+    padding-left: 28px;
+    padding-right: 36px;
+    font-size: 1.25rem;
+  }
+
+  .viewport-xl-RoyZD9 .select-item-indicator-nXFGV7 {
+    width: 28px;
+  }
 }
 

package/dist/components/forms/text-area.module.js

@@ -4,4 +4,4 @@ const text_area_module = {
     textArea: "text-area-P_aQjC",
     underlined: "underlined-a9hkur"
 };
-export { text_area_module as default };
+export default text_area_module;

package/dist/components/notifications/alert.module.js

@@ -17,4 +17,4 @@ const alert_module = {
     warning: "warning-UtouDH",
     danger: "danger-QFtDqI"
 };
-export { alert_module as default };
+export default alert_module;

package/dist/components/notifications/toast.js

@@ -79,4 +79,4 @@ const toast_Toast = function({ ref, intent = 'success', position = 'bottom-right
         ]
     });
 };
-export { toast_Toast as Toast, ToastProvider, ToastViewport };
+export { ToastProvider, ToastViewport, toast_Toast as Toast };

package/dist/components/notifications/toast.module.js

@@ -21,4 +21,4 @@ const toast_module = {
     slideInFromRight: "slideInFromRight-G4Hu_M",
     slideInFromLeft: "slideInFromLeft-m703fy"
 };
-export { toast_module as default };
+export default toast_module;