@lumx/core 4.2.1-alpha.9 → 4.3.1-alpha.0

package/js/types/AriaAttributes.d.ts

@@ -1,17 +1,2 @@
-import { Booleanish } from './Booleanish';
-export interface AriaAttributes {
-    /** Indicates whether the element, or another grouping element it controls, is currently expanded or collapsed. */
-    'aria-expanded'?: Booleanish | undefined;
-    /** Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by an element. */
-    'aria-haspopup'?: boolean | 'false' | 'true' | 'menu' | 'listbox' | 'tree' | 'grid' | 'dialog' | undefined;
-    /**
-     * Defines a string value that labels the current element.
-     * @see aria-labelledby.
-     */
-    'aria-label'?: string | undefined;
-    /**
-     * Indicates the current "pressed" state of toggle buttons.
-     * @see aria-checked @see aria-selected.
-     */
-    'aria-pressed'?: boolean | 'false' | 'mixed' | 'true' | undefined;
-}
+import type { AriaAttributes } from 'react';
+export type { AriaAttributes };

package/js/utils/disabledState/index.d.ts

@@ -4,7 +4,7 @@ export type DisabledStateContextValue = {
 } | {
     state: undefined | null;
 };
-export type GenericProps = {
+export type DisabledProps = {
     disabled?: boolean;
     isDisabled?: boolean;
     'aria-disabled'?: boolean | 'true' | 'false';
@@ -19,4 +19,4 @@ export type DisabledState = {
 /**
  * Calculate the disabled state based on context and props.
  */
-export declare function getDisabledState(context: DisabledStateContextValue | undefined, props: GenericProps): DisabledState;
+export declare function getDisabledState(context: DisabledStateContextValue | undefined, props: DisabledProps): DisabledState;

package/lumx.css

@@ -5606,6 +5606,26 @@ table {
   gap: 6px;
 }
 
+/* Selection Chip group
+   ========================================================================== */
+.lumx-selection-chip-group {
+  max-width: 100%;
+}
+.lumx-selection-chip-group:empty {
+  display: none;
+}
+.lumx-selection-chip-group__item {
+  display: flex;
+  overflow: hidden;
+}
+.lumx-selection-chip-group__chip {
+  overflow: hidden;
+}
+.lumx-selection-chip-group__chip .lumx-chip__label {
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
 /* ==========================================================================
    Comment block
    ========================================================================== */

package/package.json

@@ -6,7 +6,7 @@
         "url": "https://github.com/lumapps/design-system/issues"
     },
     "dependencies": {
-        "@lumx/icons": "^4.2.1-alpha.9",
+        "@lumx/icons": "^4.3.1-alpha.0",
         "classnames": "^2.3.2",
         "focus-visible": "^5.0.2",
         "lodash": "4.17.23",
@@ -37,7 +37,7 @@
         "update-version-changelog": "yarn version-changelog ../../CHANGELOG.md"
     },
     "sideEffects": false,
-    "version": "4.2.1-alpha.9",
+    "version": "4.3.1-alpha.0",
     "devDependencies": {
         "@rollup/plugin-typescript": "^12.3.0",
         "@testing-library/dom": "^10.4.1",
@@ -61,5 +61,5 @@
         "vite-tsconfig-paths": "^5.1.4",
         "vitest": "^4.0.18"
     },
-    "stableVersion": "4.2.0"
+    "stableVersion": "4.3.0"
 }

package/scss/components/chip/_index.scss

@@ -186,3 +186,28 @@
     flex-wrap: wrap;
     gap: $lumx-chip-group-spacing * 2;
 }
+
+/* Selection Chip group
+   ========================================================================== */
+
+.#{$lumx-base-prefix}-selection-chip-group {
+  max-width: 100%;
+
+  &:empty {
+    display: none;
+  }
+
+  &__item {
+    display: flex;
+    overflow: hidden;
+  }
+
+  &__chip {
+    overflow: hidden;
+
+    .#{$lumx-base-prefix}-chip__label {
+      overflow: hidden;
+      text-overflow: ellipsis;
+    }
+  }
+}