@infonomic/uikit 5.43.0 → 5.44.0

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.js

@@ -22,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/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

@@ -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.js

@@ -20,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/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/hamburger/hamburger.astro

@@ -1,30 +1,38 @@
 ---
-// SEE: uikit/src/styles/components/hamburger.css
+// NOTE: In Astro, open/closed state is managed externally
+// (e.g. via nanostores). Toggle the 'infonomic-hamburger-open'
+// class on the button and update aria-expanded from client JS.
 
-// NOTE: we don't use open or color props in Astro.
-// Instead we set open / closed state via nanostores.
-// and then apply global classes according.
-// Class overrides for inner span colors are set in
-// Astro app.css
-
-interface HamburgerProps {
+interface Props {
   class?: string
+  colorScheme?: 'auto' | 'onDark' | 'onLight'
   ariaLabel?: string
   ariaControls?: string
 }
 
-const { class: className, ariaLabel, ariaControls } = Astro.props as HamburgerProps
+import styles from './hamburger.module.css'
+
+const {
+  class: className,
+  colorScheme = 'auto',
+  ariaLabel = 'Toggle menu',
+  ariaControls,
+  ...rest
+} = Astro.props as Props
+
+const colorSchemeClass =
+  colorScheme === 'onDark' ? styles.onDark : colorScheme === 'onLight' ? styles.onLight : undefined
 ---
 
 <button
-  id="component--hamburger"
-  class:list={['component--hamburger', className]}
-  tabindex="0"
+  type="button"
+  class:list={['infonomic-hamburger', styles.hamburger, colorSchemeClass, className]}
   aria-label={ariaLabel}
   aria-controls={ariaControls}
-  aria-haspopup="true"
+  aria-expanded="false"
+  {...rest}
 >
-  <span class="box" aria-hidden="true">
-    <span class="inner"></span>
+  <span class:list={['infonomic-hamburger-box', styles.box]} aria-hidden="true">
+    <span class:list={['infonomic-hamburger-inner', styles.inner]}></span>
   </span>
 </button>

package/dist/components/hamburger/hamburger.d.ts

@@ -1,11 +1,13 @@
 import type React from 'react';
-interface HamburgerProps {
+type ColorScheme = 'auto' | 'onDark' | 'onLight';
+export interface HamburgerProps {
     className?: string;
-    color?: string;
-    activeBorderColor?: string;
-    open: boolean;
-    onChange: (event: React.MouseEvent<HTMLButtonElement> | null) => void;
+    colorScheme?: ColorScheme;
+    open?: boolean;
+    onChange?: (open: boolean) => void;
+    ariaLabel?: string;
+    ariaControls?: string;
 }
-export declare function Hamburger({ className, color, activeBorderColor, open, onChange, ...other }: HamburgerProps): React.JSX.Element;
+export declare function Hamburger({ className, colorScheme, open, onChange, ariaLabel, ariaControls, ...other }: HamburgerProps): React.JSX.Element;
 export {};
 //# sourceMappingURL=hamburger.d.ts.map

package/dist/components/hamburger/hamburger.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"hamburger.d.ts","sourceRoot":"","sources":["../../../src/components/hamburger/hamburger.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,UAAU,cAAc;IACtB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,IAAI,EAAE,OAAO,CAAA;IACb,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,GAAG,IAAI,KAAK,IAAI,CAAA;CACtE;AAED,wBAAgB,SAAS,CAAC,EACxB,SAAS,EACT,KAAiD,EACjD,iBAAiB,EACjB,IAAI,EACJ,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,cAAc,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CA2CpC"}
+{"version":3,"file":"hamburger.d.ts","sourceRoot":"","sources":["../../../src/components/hamburger/hamburger.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAO9B,KAAK,WAAW,GAAG,MAAM,GAAG,QAAQ,GAAG,SAAS,CAAA;AAEhD,MAAM,WAAW,cAAc;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,WAAW,CAAC,EAAE,WAAW,CAAA;IACzB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IAClC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB;AAED,wBAAgB,SAAS,CAAC,EACxB,SAAS,EACT,WAAoB,EACpB,IAAY,EACZ,QAAQ,EACR,SAAyB,EACzB,YAAY,EACZ,GAAG,KAAK,EACT,EAAE,cAAc,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CA6CpC"}

package/dist/components/hamburger/hamburger.js

@@ -1,47 +1,43 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
-import { useCallback, useEffect, useState } from "react";
+import { useCallback, useEffect } from "react";
 import classnames from "classnames";
-function Hamburger({ className, color = 'bg-white before:bg-white after:bg-white', activeBorderColor, open, onChange, ...other }) {
-    const [isOpen, setIsOpen] = useState(false);
-    const handleClick = (event)=>{
-        setIsOpen(!isOpen);
-        onChange(event);
+import hamburger_module from "./hamburger.module.js";
+function Hamburger({ className, colorScheme = 'auto', open = false, onChange, ariaLabel = 'Toggle menu', ariaControls, ...other }) {
+    const handleClick = ()=>{
+        onChange?.(!open);
     };
     const handleEscapeKey = useCallback((event)=>{
-        if ('Escape' === event.key) {
-            if (isOpen) {
-                setIsOpen(false);
-                onChange(null);
-            }
-        }
+        if ('Escape' === event.key && open) onChange?.(false);
     }, [
-        isOpen,
+        open,
         onChange
     ]);
     useEffect(()=>{
-        setIsOpen(open);
         document.addEventListener('keydown', handleEscapeKey, false);
         return ()=>{
             document.removeEventListener('keydown', handleEscapeKey, false);
         };
     }, [
-        open,
         handleEscapeKey
     ]);
     return /*#__PURE__*/ jsx("button", {
+        type: "button",
         onClick: handleClick,
-        className: classnames(`component--hamburger ${isOpen ? 'is_active' : ''}`, className),
-        tabIndex: 0,
-        "aria-label": "Open main menu",
-        "aria-controls": "main-menu",
-        "aria-haspopup": "true",
+        className: classnames('infonomic-hamburger', hamburger_module.hamburger, {
+            [hamburger_module.open]: open,
+            [hamburger_module.onDark]: 'onDark' === colorScheme,
+            [hamburger_module.onLight]: 'onLight' === colorScheme
+        }, className),
+        "aria-label": ariaLabel,
+        "aria-controls": ariaControls,
+        "aria-expanded": open,
         ...other,
         children: /*#__PURE__*/ jsx("span", {
-            className: "box",
+            className: classnames('infonomic-hamburger-box', hamburger_module.box),
             "aria-hidden": "true",
             children: /*#__PURE__*/ jsx("span", {
-                className: classnames('inner', color)
+                className: classnames('infonomic-hamburger-inner', hamburger_module.inner)
             })
         })
     });

package/dist/components/hamburger/hamburger.module.css

@@ -0,0 +1,142 @@
+@layer infonomic-base,
+infonomic-functional,
+infonomic-utilities,
+infonomic-theme,
+infonomic-typography,
+infonomic-components;
+
+@layer infonomic-components {
+
+  .hamburger,
+  :global(.infonomic-hamburger) {
+    --hamburger-color: currentColor;
+    --hamburger-focus-ring-color: currentColor;
+
+    display: flex;
+    position: relative;
+    align-items: center;
+    justify-content: center;
+    z-index: 200;
+    width: 42px;
+    height: 34px;
+    overflow: hidden;
+    cursor: pointer;
+    transition-property: opacity, filter;
+    transition-duration: 0.15s;
+    transition-timing-function: ease;
+    font: inherit;
+    color: inherit;
+    text-transform: none;
+    background-color: transparent;
+    border: 0;
+    margin: 0;
+    padding: 0;
+    border-radius: var(--border-radius-sm);
+  }
+
+  .hamburger:focus-visible,
+  :global(.infonomic-hamburger):focus-visible {
+    outline: 2px solid var(--hamburger-focus-ring-color);
+    outline-offset: 2px;
+  }
+
+  /* Box container for the bars */
+  .box,
+  :global(.infonomic-hamburger-box) {
+    width: 24px;
+    height: 24px;
+    display: block;
+    position: relative;
+    pointer-events: none;
+  }
+
+  /* Inner bar + ::before/::after pseudo-elements form the 3 lines */
+  .inner,
+  :global(.infonomic-hamburger-inner) {
+    display: block;
+    top: 50%;
+    margin-top: -1px;
+    transition-duration: 0.075s;
+    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+  }
+
+  .inner,
+  .inner::before,
+  .inner::after,
+  :global(.infonomic-hamburger-inner),
+  :global(.infonomic-hamburger-inner)::before,
+  :global(.infonomic-hamburger-inner)::after {
+    position: absolute;
+    width: 24px;
+    height: 2px;
+    border-radius: 0;
+    background-color: var(--hamburger-color);
+    transition-property: transform;
+    transition-duration: 0.15s;
+    transition-timing-function: ease;
+  }
+
+  .inner::before,
+  .inner::after,
+  :global(.infonomic-hamburger-inner)::before,
+  :global(.infonomic-hamburger-inner)::after {
+    content: "";
+    display: block;
+  }
+
+  .inner::before,
+  :global(.infonomic-hamburger-inner)::before {
+    top: -8px;
+    transition:
+      top 0.075s 0.12s ease,
+      opacity 0.075s ease;
+  }
+
+  .inner::after,
+  :global(.infonomic-hamburger-inner)::after {
+    bottom: -8px;
+    transition:
+      bottom 0.075s 0.12s ease,
+      transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
+  }
+
+  /* Open state */
+  .open .inner,
+  :global(.infonomic-hamburger-open) :global(.infonomic-hamburger-inner) {
+    transform: rotate(45deg);
+    transition-delay: 0.12s;
+    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+  }
+
+  .open .inner::before,
+  :global(.infonomic-hamburger-open) :global(.infonomic-hamburger-inner)::before {
+    top: 0;
+    opacity: 0;
+    transition:
+      top 0.075s ease,
+      opacity 0.075s 0.12s ease;
+  }
+
+  .open .inner::after,
+  :global(.infonomic-hamburger-open) :global(.infonomic-hamburger-inner)::after {
+    bottom: 0;
+    transform: rotate(-90deg);
+    transition:
+      bottom 0.075s ease,
+      transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
+  }
+
+  /* Color scheme: onDark (white bars for dark backgrounds) */
+  .onDark,
+  :global(.infonomic-hamburger-on-dark) {
+    --hamburger-color: white;
+    --hamburger-focus-ring-color: rgba(255, 255, 255, 0.7);
+  }
+
+  /* Color scheme: onLight (dark bars for light backgrounds) */
+  .onLight,
+  :global(.infonomic-hamburger-on-light) {
+    --hamburger-color: var(--foreground, #1a1a1a);
+    --hamburger-focus-ring-color: var(--foreground, #1a1a1a);
+  }
+}

package/dist/components/hamburger/hamburger.module.js

@@ -0,0 +1,10 @@
+import "./hamburger_module.css";
+const hamburger_module = {
+    hamburger: "hamburger-CFjgP7",
+    box: "box-E9EZxm",
+    inner: "inner-G4BGMv",
+    open: "open-OQO244",
+    onDark: "onDark-ZAa2Qt",
+    onLight: "onLight-s1LZFP"
+};
+export default hamburger_module;