@seeqdev/qomponents 0.0.240 → 0.0.241-beta.19b7b66368.20260725

package/dist/src/index.d.ts

@@ -1,8 +1,9 @@
-import { AccordionProps } from "./Accordion/Accordion.types.js";
+import { AccordionItem, AccordionProps } from "./Accordion/Accordion.types.js";
 import Accordion from "./Accordion/Accordion.js";
 import { DEFAULT_TOOL_TIP_DELAY, TooltipComponentProps, TooltipPosition, TooltipProps, tooltipPositions } from "./Tooltip/Tooltip.types.js";
 import { AlertProps } from "./Alert/Alert.types.js";
 import { Alert } from "./Alert/Alert.js";
+import { BadgeProps, BadgeVariant, badgeVariants } from "./Badge/Badge.types.js";
 import { Badge } from "./Badge/Badge.js";
 import { IconProps, IconSize, IconType, iconTypes } from "./Icon/Icon.types.js";
 import { ButtonProps, ButtonSize, ButtonType, ButtonVariant, IconPosition, buttonSizes, buttonTypes, buttonVariants, iconPositions } from "./Button/Button.types.js";
@@ -57,4 +58,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, 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 };
+export { Accordion, AccordionItem, AccordionProps, Alert, AlertProps, AppendedProps, Badge, BadgeProps, BadgeVariant, 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, badgeVariants, buttonSizes, buttonTypes, buttonVariants, externalLinkThemeClasses, iconPositions, iconTypes, svgIconTypes, toolbarButtonVariants, tooltipPositions };

package/dist/src/types.d.ts

@@ -1,6 +1,7 @@
-import { AccordionProps } from "./Accordion/Accordion.types.js";
+import { AccordionItem, AccordionProps } from "./Accordion/Accordion.types.js";
 import { DEFAULT_TOOL_TIP_DELAY, TooltipComponentProps, TooltipPosition, TooltipProps, tooltipPositions } from "./Tooltip/Tooltip.types.js";
 import { AlertProps } from "./Alert/Alert.types.js";
+import { BadgeProps, BadgeVariant, badgeVariants } from "./Badge/Badge.types.js";
 import { IconProps, IconSize, IconType, iconTypes } from "./Icon/Icon.types.js";
 import { ButtonProps, ButtonSize, ButtonType, ButtonVariant, IconPosition, buttonSizes, buttonTypes, buttonVariants, iconPositions } from "./Button/Button.types.js";
 import { ButtonGroupProps } from "./ButtonGroup/ButtonGroup.types.js";
@@ -28,4 +29,4 @@ import { ButtonWithDropdownProps, DropdownItems, DropdownProps, DropdownSubItem
 type InputGroupPlacement = 'left' | 'right' | undefined;
 type FormControlElement = HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement;
 //#endregion
-export { AccordionProps, AlertProps, AppendedProps, ButtonGroupProps, ButtonProps, ButtonSize, ButtonType, ButtonVariant, ButtonWithDropdownProps, ButtonWithPopoverProps, CarouselProps, CheckboxProps, CollapseProps, DEFAULT_TOOL_TIP_DELAY, DimensionStyle, DropdownItems, DropdownProps, DropdownSubItem, ExternalLinkProps, ExternalLinkThemeClass, ExternalLinkVariant, FormControlElement, GroupedOption, IconPosition, IconProps, IconSize, IconType, InputGroupPlacement, InputGroupProps, InputLengthStyleProps, ModalProps, ModalSize, Option, ProgressBarProps, ProgressIndicatorProps, QTipDataAttributes, SeeqActionDropdownItems, SeeqActionDropdownProps, SelectProps, SliderProps, SvgIconProps, SvgIconType, TabsProps, TextAreaProps, TextFieldProps, TitleIconPosition, type ToolbarButtonProps, type ToolbarButtonVariant, TooltipComponentProps, TooltipPosition, TooltipProps, TriggerWithDropdownProps, buttonSizes, buttonTypes, buttonVariants, externalLinkThemeClasses, iconPositions, iconTypes, svgIconTypes, toolbarButtonVariants, tooltipPositions };
+export { AccordionItem, AccordionProps, AlertProps, AppendedProps, BadgeProps, BadgeVariant, ButtonGroupProps, ButtonProps, ButtonSize, ButtonType, ButtonVariant, ButtonWithDropdownProps, ButtonWithPopoverProps, CarouselProps, CheckboxProps, CollapseProps, DEFAULT_TOOL_TIP_DELAY, DimensionStyle, DropdownItems, DropdownProps, DropdownSubItem, ExternalLinkProps, ExternalLinkThemeClass, ExternalLinkVariant, FormControlElement, GroupedOption, IconPosition, IconProps, IconSize, IconType, InputGroupPlacement, InputGroupProps, InputLengthStyleProps, ModalProps, ModalSize, Option, ProgressBarProps, ProgressIndicatorProps, QTipDataAttributes, SeeqActionDropdownItems, SeeqActionDropdownProps, SelectProps, SliderProps, SvgIconProps, SvgIconType, TabsProps, TextAreaProps, TextFieldProps, TitleIconPosition, type ToolbarButtonProps, type ToolbarButtonVariant, TooltipComponentProps, TooltipPosition, TooltipProps, TriggerWithDropdownProps, badgeVariants, buttonSizes, buttonTypes, buttonVariants, externalLinkThemeClasses, iconPositions, iconTypes, svgIconTypes, toolbarButtonVariants, tooltipPositions };

package/dist/styles.css

@@ -352,6 +352,9 @@
   .tw\:mt-3 {
     margin-top: calc(var(--tw-spacing) * 3);
   }
+  .tw\:mt-4 {
+    margin-top: calc(var(--tw-spacing) * 4);
+  }
   .tw\:mr-1 {
     margin-right: calc(var(--tw-spacing) * 1);
   }
@@ -773,6 +776,9 @@
   .tw\:self-end {
     align-self: flex-end;
   }
+  .tw\:self-stretch {
+    align-self: stretch;
+  }
   .tw\:overflow-hidden {
     overflow: hidden;
   }
@@ -948,6 +954,9 @@
   .tw\:border-sq-warning {
     border-color: var(--sq-status-warning-color);
   }
+  .tw\:border-transparent {
+    border-color: transparent;
+  }
   .tw\:border-t-sq-overlay {
     border-top-color: #eeedee;
   }
@@ -981,6 +990,12 @@
   .tw\:bg-red-500\! {
     background-color: var(--tw-color-red-500) !important;
   }
+  .tw\:bg-sq-badge-error-bg {
+    background-color: var(--bg-error-1);
+  }
+  .tw\:bg-sq-badge-neutral-bg {
+    background-color: var(--bg-badge-neutral);
+  }
   .tw\:bg-sq-badge-preview-bg {
     background-color: var(--bg-included-2);
   }
@@ -1176,6 +1191,9 @@
   .tw\:pr-1\.5 {
     padding-right: calc(var(--tw-spacing) * 1.5);
   }
+  .tw\:pr-2 {
+    padding-right: calc(var(--tw-spacing) * 2);
+  }
   .tw\:pl-0\.5 {
     padding-left: calc(var(--tw-spacing) * 0.5);
   }
@@ -1307,6 +1325,9 @@
   .tw\:text-sq-fairly-dark-gray {
     color: var(--sqw-fairly-dark-gray);
   }
+  .tw\:text-sq-gray-text {
+    color: var(--sq-gray-text);
+  }
   .tw\:text-sq-muted {
     color: var(--sq-gray-text);
   }
@@ -2187,6 +2208,19 @@
       background-color: var(--tw-color-gray-700);
     }
   }
+  .tw\:dark\:bg-sq-badge-error-bg-dark {
+    &:where(.tw-dark, .tw-dark *) {
+      background-color: var(--bg-error-1-dark);
+    }
+  }
+  .tw\:dark\:bg-sq-badge-neutral-bg-dark\/40 {
+    &:where(.tw-dark, .tw-dark *) {
+      background-color: var(--bg-badge-neutral-dark);
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab, var(--bg-badge-neutral-dark) 40%, transparent);
+      }
+    }
+  }
   .tw\:dark\:bg-sq-bg-default-preview-dark {
     &:where(.tw-dark, .tw-dark *) {
       background-color: var(--bg-default-preview-dark);
@@ -3929,6 +3963,8 @@
   --bg-debug-2-dark: rgb(19, 71, 69);
   --bg-info-2: #f8f8f8;
   --bg-info-2-dark: rgb(39, 41, 40);
+  --bg-badge-neutral: #f8f6f2;
+  --bg-badge-neutral-dark: #111827;
   --bg-warn-1: #ffffe8;
   --bg-warn-1-dark: rgb(63, 62, 17);
   --bg-warn-2: #ffffdb;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seeqdev/qomponents",
-  "version": "0.0.240",
+  "version": "0.0.241-beta.19b7b66368.20260725",
   "type": "module",
   "main": "dist/index.js",
   "source": "src/index.ts",
@@ -48,13 +48,12 @@
     "autoprefixer": "10.4.17",
     "color": "4.2.3",
     "cross-env": "10.0.0",
+    "dependency-cruiser": "17.3.2",
     "eslint": "9.39.4",
     "glob": "13.0.3",
     "identity-obj-proxy": "3.0.0",
     "postcss-import": "16.0.0",
     "prettier": "3.8.1",
-    "react": "19.2.0",
-    "react-dom": "19.2.0",
     "rimraf": "6.0.1",
     "rolldown": "1.0.0-beta.35",
     "rolldown-plugin-dts": "0.16.1",
@@ -84,6 +83,8 @@
     "i18next": "23.14.0",
     "motion": "12.23.26",
     "postcss": "8.5.6",
+    "react": "19.2.0",
+    "react-dom": "19.2.0",
     "react-i18next": "15.0.1",
     "react-select": "5.10.1",
     "rooks": "8.0.1",
@@ -92,6 +93,8 @@
   "scripts": {
     "clean": "rimraf dist",
     "build": "pnpm clean && rolldown -c rolldown.config.js",
+    "dependency:check": "depcruise --ignore-known --validate .dependency-cruiser.js src/",
+    "dependency:update-known-violations": "depcruise --config .dependency-cruiser.js --output-type=baseline --output-to=.dependency-cruiser-known-violations.json src/",
     "test": "cross-env TZ=UTC LANG=en-US vitest run && pnpm test:build",
     "test:unit": "cross-env TZ=UTC LANG=en-US vitest run --project=unit",
     "test:component": "cross-env TZ=UTC LANG=en-US vitest run --project=component",
@@ -101,8 +104,8 @@
     "test:watch": "cross-env TZ=UTC LANG=en-US vitest watch",
     "test:coverage": "cross-env TZ=UTC LANG=en-US vitest run --coverage",
     "dev": "ladle serve",
-    "lint": "eslint . --ext .ts,.tsx,.js,.jsx",
-    "lint:fix": "eslint . --ext .ts,.tsx,.js,.jsx --fix",
+    "lint": "eslint",
+    "lint:fix": "eslint --fix",
     "format:check": "prettier --check \"**/*.{ts,tsx,js,json,css}\"",
     "format:write": "prettier --write \"**/*.{ts,tsx,js,json,css}\"",
     "type:check": "tsgo --noEmit"