@lumx/core 4.3.2-alpha.25 → 4.3.2-alpha.26

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -169,10 +169,10 @@ export declare function setup({ component, render, decorators: { withCombination
169
169
  isActive?: boolean | undefined;
170
170
  isFocused?: boolean | undefined;
171
171
  isHovered?: boolean | undefined;
172
- "aria-expanded"?: (boolean | "true" | "false") | undefined;
173
- "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined | undefined;
174
- "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
175
- "aria-label"?: string | undefined | undefined;
172
+ 'aria-expanded'?: boolean | "true" | "false" | undefined;
173
+ 'aria-haspopup'?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
174
+ 'aria-pressed'?: boolean | "false" | "mixed" | "true" | undefined;
175
+ 'aria-label'?: string | undefined;
176
176
  className?: string | undefined;
177
177
  theme?: import("@lumx/core/js/constants").Theme | undefined;
178
178
  'aria-disabled'?: import("../../types/Booleanish").Booleanish | undefined;
@@ -243,10 +243,10 @@ export declare function setup({ component, render, decorators: { withCombination
243
243
  isActive?: boolean | undefined;
244
244
  isFocused?: boolean | undefined;
245
245
  isHovered?: boolean | undefined;
246
- "aria-expanded"?: (boolean | "true" | "false") | undefined;
247
- "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined | undefined;
248
- "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
249
- "aria-label"?: string | undefined | undefined;
246
+ 'aria-expanded'?: boolean | "true" | "false" | undefined;
247
+ 'aria-haspopup'?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
248
+ 'aria-pressed'?: boolean | "false" | "mixed" | "true" | undefined;
249
+ 'aria-label'?: string | undefined;
250
250
  className?: string | undefined;
251
251
  theme?: Theme | undefined;
252
252
  'aria-disabled'?: import("../../types/Booleanish").Booleanish | undefined;
@@ -1,2 +1,29 @@
1
- import type { AriaAttributes } from 'react';
2
- export type { AriaAttributes };
1
+ /**
2
+ * ARIA attributes type for components.
3
+ * All attributes are optional.
4
+ *
5
+ * This is a custom interface containing only the ARIA attributes
6
+ * actually used in the @lumx/core components, avoiding dependency on React types.
7
+ */
8
+ export interface AriaAttributes {
9
+ /** Indicates whether the element, or another grouping element it controls, is currently expanded or collapsed. */
10
+ 'aria-expanded'?: boolean | 'true' | 'false';
11
+ /** Indicates the availability and type of interactive popup element that can be triggered by the element. */
12
+ 'aria-haspopup'?: boolean | 'false' | 'true' | 'menu' | 'listbox' | 'tree' | 'grid' | 'dialog';
13
+ /** Indicates the current "pressed" state of toggle buttons. */
14
+ 'aria-pressed'?: boolean | 'false' | 'mixed' | 'true';
15
+ /** Defines a string value that labels the current element. */
16
+ 'aria-label'?: string;
17
+ /** Identifies the element (or elements) that labels the current element. */
18
+ 'aria-labelledby'?: string;
19
+ /** Identifies the element (or elements) that describes the object. */
20
+ 'aria-describedby'?: string;
21
+ /** Indicates whether the element is exposed to an accessibility API. */
22
+ 'aria-hidden'?: boolean | 'true' | 'false';
23
+ /** Indicates that the element is perceivable but disabled, so it is not editable or otherwise operable. */
24
+ 'aria-disabled'?: boolean | 'true' | 'false';
25
+ /** Indicates the current "checked" state of checkboxes, radio buttons, and other widgets. */
26
+ 'aria-checked'?: boolean | 'false' | 'mixed' | 'true';
27
+ /** Indicates whether items in a table or grid are sorted in ascending or descending order. */
28
+ 'aria-sort'?: 'none' | 'ascending' | 'descending' | 'other';
29
+ }
package/package.json CHANGED
@@ -6,7 +6,7 @@
6
6
  "url": "https://github.com/lumapps/design-system/issues"
7
7
  },
8
8
  "dependencies": {
9
- "@lumx/icons": "^4.3.2-alpha.25",
9
+ "@lumx/icons": "^4.3.2-alpha.26",
10
10
  "classnames": "^2.3.2",
11
11
  "focus-visible": "^5.0.2",
12
12
  "lodash": "4.17.23",
@@ -66,7 +66,7 @@
66
66
  "update-version-changelog": "yarn version-changelog ../../CHANGELOG.md"
67
67
  },
68
68
  "sideEffects": false,
69
- "version": "4.3.2-alpha.25",
69
+ "version": "4.3.2-alpha.26",
70
70
  "devDependencies": {
71
71
  "@rollup/plugin-typescript": "^12.3.0",
72
72
  "@testing-library/dom": "^10.4.1",