@seeqdev/qomponents 0.0.239 → 0.0.240-beta.ff0068cf71.20260715

package/dist/src/TextField/TextField.d.ts

@@ -1,13 +1,13 @@
 import { TooltipComponentProps } from "../Tooltip/Tooltip.types.js";
 import { FormControlElement, InputGroupPlacement } from "../types.js";
 import { InputLengthStyleProps } from "./TextField.types.js";
-import * as react0 from "react";
+import * as react1 from "react";
 
 //#region src/TextField/TextField.d.ts
 /**
  * Textfield.
  */
-declare const TextField: react0.ForwardRefExoticComponent<Omit<{
+declare const TextField: react1.ForwardRefExoticComponent<Omit<{
   readonly?: boolean;
   disabled?: boolean;
   onChange?: React.ChangeEventHandler<FormControlElement>;
@@ -36,6 +36,6 @@ declare const TextField: react0.ForwardRefExoticComponent<Omit<{
   inputHeight?: number;
   min?: number;
   max?: number;
-} & TooltipComponentProps & InputLengthStyleProps, "ref"> & react0.RefAttributes<HTMLInputElement>>;
+} & TooltipComponentProps & InputLengthStyleProps, "ref"> & react1.RefAttributes<HTMLInputElement>>;
 //#endregion
 export { TextField };

package/dist/src/ToolbarButton/ToolbarButton.d.ts

@@ -1,5 +1,5 @@
 import { ToolbarButtonProps } from "./ToolbarButton.types.js";
-import * as react_jsx_runtime17 from "react/jsx-runtime";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/ToolbarButton/ToolbarButton.d.ts
 declare const ToolbarButton: ({
@@ -27,6 +27,6 @@ declare const ToolbarButton: ({
   popoverAlign,
   onClick,
   onHide
-}: ToolbarButtonProps) => react_jsx_runtime17.JSX.Element;
+}: ToolbarButtonProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 export { ToolbarButton };

package/dist/src/Tooltip/Tooltip.d.ts

@@ -1,5 +1,5 @@
 import { TooltipProps } from "./Tooltip.types.js";
-import * as react_jsx_runtime13 from "react/jsx-runtime";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/Tooltip/Tooltip.d.ts
 
@@ -17,6 +17,6 @@ declare const Tooltip: ({
   children,
   text,
   delay
-}: TooltipProps) => react_jsx_runtime13.JSX.Element;
+}: TooltipProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 export { Tooltip };

package/dist/src/TriggerWithDropdown/TriggerWithDropdown.d.ts

@@ -1,7 +1,7 @@
 import { TriggerWithDropdownProps } from "./TriggerWithDropdown.types.js";
-import * as react_jsx_runtime14 from "react/jsx-runtime";
+import * as react_jsx_runtime3 from "react/jsx-runtime";
 
 //#region src/TriggerWithDropdown/TriggerWithDropdown.d.ts
-declare const TriggerWithDropdown: (props: TriggerWithDropdownProps) => react_jsx_runtime14.JSX.Element;
+declare const TriggerWithDropdown: (props: TriggerWithDropdownProps) => react_jsx_runtime3.JSX.Element;
 //#endregion
 export { TriggerWithDropdown as default };

package/dist/src/index.build.d.ts

@@ -40,6 +40,7 @@ import { AppendedProps, InputGroupProps } from "./InputGroup/InputGroup.types.js
 import { InputGroup } from "./InputGroup/InputGroup.js";
 import LoadingIndicator from "./LoadingIndicator/LoadingIndicator.js";
 import Modal from "./Modal/Modal.js";
+import Paginator from "./Paginator/Paginator.js";
 import ProgressBar from "./ProgressBar/ProgressBar.js";
 import SeeqActionDropdown from "./SeeqActionDropdown/SeeqActionDropdown.js";
 import SegmentedControl from "./SegmentedControl/SegmentedControl.js";
@@ -56,4 +57,4 @@ import TriggerWithDropdown from "./TriggerWithDropdown/TriggerWithDropdown.js";
 import { I18N_NAMESPACE, QomponentsTheme } from "./constants.js";
 import { ButtonWithDropdownProps, DropdownItems, DropdownProps, DropdownSubItem } from "./ButtonWithDropdown/ButtonWithDropdown.types.js";
 import ButtonWithDropdown from "./ButtonWithDropdown/ButtonWithDropdown.js";
-export { Accordion, AccordionProps, Alert, AlertProps, AppendedProps, Badge, Button, ButtonGroup, ButtonGroupProps, ButtonProps, ButtonSize, ButtonType, ButtonVariant, ButtonWithDropdown, ButtonWithDropdownProps, ButtonWithPopover, ButtonWithPopoverProps, Carousel, CarouselProps, Checkbox, CheckboxProps, Collapse, CollapseProps, ColorPickerControl, ColorSwatch, DEFAULT_TOOL_TIP_DELAY, DimensionStyle, DropdownItems, DropdownProps, DropdownSubItem, EditorPanel, ExternalLink, ExternalLinkProps, ExternalLinkThemeClass, ExternalLinkVariant, FormControlElement, GroupBase, GroupedOption, I18N_NAMESPACE, Icon, IconPosition, IconProps, IconSize, IconType, InputGroup, InputGroupPlacement, InputGroupProps, InputLengthStyleProps, LoadingIndicator, Modal, ModalProps, ModalSize, Option, OptionProps, ProgressBar, ProgressBarProps, ProgressIndicatorProps, QTip, QTipDataAttributes, QomponentsTheme, SeeqActionDropdown, SeeqActionDropdownItems, SeeqActionDropdownProps, SegmentedControl, Select, SelectComponents, SelectProps, Slider, SliderProps, SvgIconProps, SvgIconType, Tabs, TabsProps, TextArea, TextAreaProps, TextField, TextFieldProps, TitleIconPosition, ToolbarButton, ToolbarButtonProps, ToolbarButtonVariant, Tooltip, TooltipComponentProps, TooltipPosition, TooltipProps, TriggerWithDropdown, TriggerWithDropdownProps, buttonSizes, buttonTypes, buttonVariants, externalLinkThemeClasses, iconPositions, iconTypes, svgIconTypes, toolbarButtonVariants, tooltipPositions };
+export { Accordion, AccordionProps, Alert, AlertProps, AppendedProps, Badge, Button, ButtonGroup, ButtonGroupProps, ButtonProps, ButtonSize, ButtonType, ButtonVariant, ButtonWithDropdown, ButtonWithDropdownProps, ButtonWithPopover, ButtonWithPopoverProps, Carousel, CarouselProps, Checkbox, CheckboxProps, Collapse, CollapseProps, ColorPickerControl, ColorSwatch, DEFAULT_TOOL_TIP_DELAY, DimensionStyle, DropdownItems, DropdownProps, DropdownSubItem, EditorPanel, ExternalLink, ExternalLinkProps, ExternalLinkThemeClass, ExternalLinkVariant, FormControlElement, GroupBase, GroupedOption, I18N_NAMESPACE, Icon, IconPosition, IconProps, IconSize, IconType, InputGroup, InputGroupPlacement, InputGroupProps, InputLengthStyleProps, LoadingIndicator, Modal, ModalProps, ModalSize, Option, OptionProps, Paginator, ProgressBar, ProgressBarProps, ProgressIndicatorProps, QTip, QTipDataAttributes, QomponentsTheme, SeeqActionDropdown, SeeqActionDropdownItems, SeeqActionDropdownProps, SegmentedControl, Select, SelectComponents, SelectProps, Slider, SliderProps, SvgIconProps, SvgIconType, Tabs, TabsProps, TextArea, TextAreaProps, TextField, TextFieldProps, TitleIconPosition, ToolbarButton, ToolbarButtonProps, ToolbarButtonVariant, Tooltip, TooltipComponentProps, TooltipPosition, TooltipProps, TriggerWithDropdown, TriggerWithDropdownProps, buttonSizes, buttonTypes, buttonVariants, externalLinkThemeClasses, iconPositions, iconTypes, svgIconTypes, toolbarButtonVariants, tooltipPositions };

package/dist/src/index.d.ts

@@ -40,6 +40,7 @@ import { AppendedProps, InputGroupProps } from "./InputGroup/InputGroup.types.js
 import { InputGroup } from "./InputGroup/InputGroup.js";
 import LoadingIndicator from "./LoadingIndicator/LoadingIndicator.js";
 import Modal from "./Modal/Modal.js";
+import Paginator from "./Paginator/Paginator.js";
 import ProgressBar from "./ProgressBar/ProgressBar.js";
 import SeeqActionDropdown from "./SeeqActionDropdown/SeeqActionDropdown.js";
 import SegmentedControl from "./SegmentedControl/SegmentedControl.js";
@@ -56,4 +57,4 @@ import TriggerWithDropdown from "./TriggerWithDropdown/TriggerWithDropdown.js";
 import { I18N_NAMESPACE, QomponentsTheme } from "./constants.js";
 import { ButtonWithDropdownProps, DropdownItems, DropdownProps, DropdownSubItem } from "./ButtonWithDropdown/ButtonWithDropdown.types.js";
 import ButtonWithDropdown from "./ButtonWithDropdown/ButtonWithDropdown.js";
-export { Accordion, AccordionProps, Alert, AlertProps, AppendedProps, Badge, Button, ButtonGroup, ButtonGroupProps, ButtonProps, ButtonSize, ButtonType, ButtonVariant, ButtonWithDropdown, ButtonWithDropdownProps, ButtonWithPopover, ButtonWithPopoverProps, Carousel, CarouselProps, Checkbox, CheckboxProps, Collapse, CollapseProps, ColorPickerControl, ColorSwatch, DEFAULT_TOOL_TIP_DELAY, DimensionStyle, DropdownItems, DropdownProps, DropdownSubItem, EditorPanel, ExternalLink, ExternalLinkProps, ExternalLinkThemeClass, ExternalLinkVariant, FormControlElement, type GroupBase, GroupedOption, I18N_NAMESPACE, Icon, IconPosition, IconProps, IconSize, IconType, InputGroup, InputGroupPlacement, InputGroupProps, InputLengthStyleProps, LoadingIndicator, Modal, ModalProps, ModalSize, Option, type OptionProps, ProgressBar, ProgressBarProps, ProgressIndicatorProps, QTip, QTipDataAttributes, type QomponentsTheme, SeeqActionDropdown, SeeqActionDropdownItems, SeeqActionDropdownProps, SegmentedControl, Select, SelectComponents, SelectProps, Slider, SliderProps, SvgIconProps, SvgIconType, Tabs, TabsProps, TextArea, TextAreaProps, TextField, TextFieldProps, TitleIconPosition, ToolbarButton, ToolbarButtonProps, ToolbarButtonVariant, Tooltip, TooltipComponentProps, TooltipPosition, TooltipProps, TriggerWithDropdown, TriggerWithDropdownProps, buttonSizes, buttonTypes, buttonVariants, externalLinkThemeClasses, iconPositions, iconTypes, svgIconTypes, toolbarButtonVariants, tooltipPositions };
+export { Accordion, AccordionProps, Alert, AlertProps, AppendedProps, Badge, Button, ButtonGroup, ButtonGroupProps, ButtonProps, ButtonSize, ButtonType, ButtonVariant, ButtonWithDropdown, ButtonWithDropdownProps, ButtonWithPopover, ButtonWithPopoverProps, Carousel, CarouselProps, Checkbox, CheckboxProps, Collapse, CollapseProps, ColorPickerControl, ColorSwatch, DEFAULT_TOOL_TIP_DELAY, DimensionStyle, DropdownItems, DropdownProps, DropdownSubItem, EditorPanel, ExternalLink, ExternalLinkProps, ExternalLinkThemeClass, ExternalLinkVariant, FormControlElement, type GroupBase, GroupedOption, I18N_NAMESPACE, Icon, IconPosition, IconProps, IconSize, IconType, InputGroup, InputGroupPlacement, InputGroupProps, InputLengthStyleProps, LoadingIndicator, Modal, ModalProps, ModalSize, Option, type OptionProps, Paginator, ProgressBar, ProgressBarProps, ProgressIndicatorProps, QTip, QTipDataAttributes, type QomponentsTheme, SeeqActionDropdown, SeeqActionDropdownItems, SeeqActionDropdownProps, SegmentedControl, Select, SelectComponents, SelectProps, Slider, SliderProps, SvgIconProps, SvgIconType, Tabs, TabsProps, TextArea, TextAreaProps, TextField, TextFieldProps, TitleIconPosition, ToolbarButton, ToolbarButtonProps, ToolbarButtonVariant, Tooltip, TooltipComponentProps, TooltipPosition, TooltipProps, TriggerWithDropdown, TriggerWithDropdownProps, buttonSizes, buttonTypes, buttonVariants, externalLinkThemeClasses, iconPositions, iconTypes, svgIconTypes, toolbarButtonVariants, tooltipPositions };

package/dist/styles.css

@@ -271,6 +271,9 @@
   .tw\:z-1 {
     z-index: 1;
   }
+  .tw\:z-10 {
+    z-index: 10;
+  }
   .tw\:z-50 {
     z-index: 50;
   }
@@ -301,6 +304,9 @@
   .tw\:z-\[9999\]\! {
     z-index: 9999 !important;
   }
+  .tw\:m-0 {
+    margin: calc(var(--tw-spacing) * 0);
+  }
   .tw\:m-0\.5 {
     margin: calc(var(--tw-spacing) * 0.5);
   }
@@ -313,6 +319,9 @@
   .tw\:mx-sq-1\.5 {
     margin-inline: 0.09375rem;
   }
+  .tw\:my-1\.5 {
+    margin-block: calc(var(--tw-spacing) * 1.5);
+  }
   .tw\:my-2 {
     margin-block: calc(var(--tw-spacing) * 2);
   }
@@ -394,6 +403,12 @@
   .tw\:ml-4 {
     margin-left: calc(var(--tw-spacing) * 4);
   }
+  .tw\:ml-\[5px\] {
+    margin-left: 5px;
+  }
+  .tw\:ml-\[10px\] {
+    margin-left: 10px;
+  }
   .tw\:ml-sq-3 {
     margin-left: 0.1875rem;
   }
@@ -469,6 +484,15 @@
   .tw\:h-sq-27 {
     height: 1.6875rem;
   }
+  .tw\:min-h-6 {
+    min-height: calc(var(--tw-spacing) * 6);
+  }
+  .tw\:min-h-8 {
+    min-height: calc(var(--tw-spacing) * 8);
+  }
+  .tw\:min-h-\[34px\] {
+    min-height: 34px;
+  }
   .tw\:min-h-sq-27 {
     min-height: 1.6875rem;
   }
@@ -514,6 +538,12 @@
   .tw\:w-150 {
     width: calc(var(--tw-spacing) * 150);
   }
+  .tw\:w-\[55px\] {
+    width: 55px;
+  }
+  .tw\:w-\[65px\] {
+    width: 65px;
+  }
   .tw\:w-full {
     width: 100%;
   }
@@ -541,6 +571,9 @@
   .tw\:max-w-96 {
     max-width: calc(var(--tw-spacing) * 96);
   }
+  .tw\:max-w-100 {
+    max-width: calc(var(--tw-spacing) * 100);
+  }
   .tw\:max-w-full {
     max-width: 100%;
   }
@@ -568,6 +601,9 @@
   .tw\:min-w-6 {
     min-width: calc(var(--tw-spacing) * 6);
   }
+  .tw\:min-w-8 {
+    min-width: calc(var(--tw-spacing) * 8);
+  }
   .tw\:min-w-9 {
     min-width: calc(var(--tw-spacing) * 9);
   }
@@ -656,6 +692,9 @@
   .tw\:touch-none {
     touch-action: none;
   }
+  .tw\:list-none {
+    list-style-type: none;
+  }
   .tw\:appearance-none {
     appearance: none;
   }
@@ -671,6 +710,9 @@
   .tw\:flex-row {
     flex-direction: row;
   }
+  .tw\:flex-nowrap {
+    flex-wrap: nowrap;
+  }
   .tw\:flex-wrap {
     flex-wrap: wrap;
   }
@@ -704,6 +746,9 @@
   .tw\:gap-1 {
     gap: calc(var(--tw-spacing) * 1);
   }
+  .tw\:gap-1\.5 {
+    gap: calc(var(--tw-spacing) * 1.5);
+  }
   .tw\:gap-2 {
     gap: calc(var(--tw-spacing) * 2);
   }
@@ -719,6 +764,12 @@
   .tw\:gap-8 {
     gap: calc(var(--tw-spacing) * 8);
   }
+  .tw\:gap-x-3 {
+    column-gap: calc(var(--tw-spacing) * 3);
+  }
+  .tw\:gap-y-2 {
+    row-gap: calc(var(--tw-spacing) * 2);
+  }
   .tw\:self-end {
     align-self: flex-end;
   }
@@ -775,6 +826,10 @@
     border-top-left-radius: 0.9375rem;
     border-bottom-left-radius: 0.9375rem;
   }
+  .tw\:rounded-l-lg {
+    border-top-left-radius: var(--tw-radius-lg);
+    border-bottom-left-radius: var(--tw-radius-lg);
+  }
   .tw\:rounded-l-md {
     border-top-left-radius: var(--tw-radius-md);
     border-bottom-left-radius: var(--tw-radius-md);
@@ -790,6 +845,10 @@
     border-top-right-radius: 0.9375rem;
     border-bottom-right-radius: 0.9375rem;
   }
+  .tw\:rounded-r-lg {
+    border-top-right-radius: var(--tw-radius-lg);
+    border-bottom-right-radius: var(--tw-radius-lg);
+  }
   .tw\:rounded-r-md {
     border-top-right-radius: var(--tw-radius-md);
     border-bottom-right-radius: var(--tw-radius-md);
@@ -877,6 +936,9 @@
   .tw\:border-sq-theme-dark {
     border-color: var(--theme-dark);
   }
+  .tw\:border-sq-theme-dark\! {
+    border-color: var(--theme-dark) !important;
+  }
   .tw\:border-sq-theme-icon {
     border-color: var(--theme-icon);
   }
@@ -976,6 +1038,9 @@
   .tw\:bg-sq-theme-dark {
     background-color: var(--theme-dark);
   }
+  .tw\:bg-sq-theme-dark\! {
+    background-color: var(--theme-dark) !important;
+  }
   .tw\:bg-sq-theme-highlight {
     background-color: var(--theme-highlight);
   }
@@ -1060,6 +1125,12 @@
   .tw\:px-\[5px\] {
     padding-inline: 5px;
   }
+  .tw\:px-\[6px\] {
+    padding-inline: 6px;
+  }
+  .tw\:px-\[15px\] {
+    padding-inline: 15px;
+  }
   .tw\:px-sq-19 {
     padding-inline: 1.1875rem;
   }
@@ -1087,6 +1158,9 @@
   .tw\:py-\[2px\] {
     padding-block: 2px;
   }
+  .tw\:py-\[6px\] {
+    padding-block: 6px;
+  }
   .tw\:py-px {
     padding-block: 1px;
   }
@@ -1266,6 +1340,9 @@
   .tw\:text-sq-white {
     color: var(--sqw-white);
   }
+  .tw\:text-sq-white\! {
+    color: var(--sqw-white) !important;
+  }
   .tw\:text-white {
     color: var(--tw-color-white);
   }
@@ -1281,6 +1358,9 @@
   .tw\:not-italic {
     font-style: normal;
   }
+  .tw\:no-underline {
+    text-decoration-line: none;
+  }
   .tw\:underline {
     text-decoration-line: underline;
   }
@@ -1653,6 +1733,13 @@
       }
     }
   }
+  .tw\:hover\:text-sq-text-color {
+    &:hover {
+      @media (hover: hover) {
+        color: #3a3a3a;
+      }
+    }
+  }
   .tw\:hover\:text-sq-theme-dark {
     &:hover {
       @media (hover: hover) {
@@ -1660,6 +1747,13 @@
       }
     }
   }
+  .tw\:hover\:text-sq-white\! {
+    &:hover {
+      @media (hover: hover) {
+        color: var(--sqw-white) !important;
+      }
+    }
+  }
   .tw\:hover\:opacity-100 {
     &:hover {
       @media (hover: hover) {
@@ -1745,11 +1839,21 @@
       background-color: #ec971f;
     }
   }
+  .tw\:focus\:text-sq-text-color {
+    &:focus {
+      color: #3a3a3a;
+    }
+  }
   .tw\:focus\:text-sq-theme-dark {
     &:focus {
       color: var(--theme-dark);
     }
   }
+  .tw\:focus\:text-sq-white\! {
+    &:focus {
+      color: var(--sqw-white) !important;
+    }
+  }
   .tw\:focus\:ring-0 {
     &:focus {
       --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
@@ -1889,11 +1993,21 @@
       background-color: var(--sqw-worksheetspanel-gray);
     }
   }
+  .tw\:active\:text-sq-text-color {
+    &:active {
+      color: #3a3a3a;
+    }
+  }
   .tw\:active\:text-sq-theme-dark {
     &:active {
       color: var(--theme-dark);
     }
   }
+  .tw\:active\:text-sq-white\! {
+    &:active {
+      color: var(--sqw-white) !important;
+    }
+  }
   .tw\:checked\:active\:border-sq-theme-darker {
     &:checked {
       &:active {
@@ -2213,6 +2327,11 @@
       color: var(--sqw-white);
     }
   }
+  .tw\:dark\:text-sq-white\! {
+    &:where(.tw-dark, .tw-dark *) {
+      color: var(--sqw-white) !important;
+    }
+  }
   .tw\:dark\:placeholder-sq-dark-text\/30\! {
     &:where(.tw-dark, .tw-dark *) {
       &::placeholder {
@@ -2362,6 +2481,15 @@
       }
     }
   }
+  .tw\:dark\:hover\:text-sq-dark-text {
+    &:where(.tw-dark, .tw-dark *) {
+      &:hover {
+        @media (hover: hover) {
+          color: #e6ecf2;
+        }
+      }
+    }
+  }
   .tw\:dark\:hover\:text-sq-theme-darker {
     &:where(.tw-dark, .tw-dark *) {
       &:hover {
@@ -2371,6 +2499,15 @@
       }
     }
   }
+  .tw\:dark\:hover\:text-sq-white\! {
+    &:where(.tw-dark, .tw-dark *) {
+      &:hover {
+        @media (hover: hover) {
+          color: var(--sqw-white) !important;
+        }
+      }
+    }
+  }
   .tw\:dark\:focus\:border-sq-danger-hover {
     &:where(.tw-dark, .tw-dark *) {
       &:focus {
@@ -2441,6 +2578,13 @@
       }
     }
   }
+  .tw\:dark\:focus\:text-sq-dark-text {
+    &:where(.tw-dark, .tw-dark *) {
+      &:focus {
+        color: #e6ecf2;
+      }
+    }
+  }
   .tw\:dark\:focus\:text-sq-theme-darker {
     &:where(.tw-dark, .tw-dark *) {
       &:focus {
@@ -2448,6 +2592,13 @@
       }
     }
   }
+  .tw\:dark\:focus\:text-sq-white\! {
+    &:where(.tw-dark, .tw-dark *) {
+      &:focus {
+        color: var(--sqw-white) !important;
+      }
+    }
+  }
   .tw\:dark\:checked\:focus\:bg-sq-dark-background {
     &:where(.tw-dark, .tw-dark *) {
       &:checked {
@@ -2548,6 +2699,13 @@
       }
     }
   }
+  .tw\:dark\:active\:text-sq-dark-text {
+    &:where(.tw-dark, .tw-dark *) {
+      &:active {
+        color: #e6ecf2;
+      }
+    }
+  }
   .tw\:dark\:active\:text-sq-theme-darker {
     &:where(.tw-dark, .tw-dark *) {
       &:active {
@@ -2555,6 +2713,13 @@
       }
     }
   }
+  .tw\:dark\:active\:text-sq-white\! {
+    &:where(.tw-dark, .tw-dark *) {
+      &:active {
+        color: var(--sqw-white) !important;
+      }
+    }
+  }
   .tw\:dark\:enabled\:hover\:bg-sq-dark-background {
     &:where(.tw-dark, .tw-dark *) {
       &:enabled {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seeqdev/qomponents",
-  "version": "0.0.239",
+  "version": "0.0.240-beta.ff0068cf71.20260715",
   "type": "module",
   "main": "dist/index.js",
   "source": "src/index.ts",