@lumx/core 4.3.2-alpha.12 → 4.3.2-alpha.14

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.
Files changed (123) hide show
  1. package/js/constants/enums/index.d.ts +9 -0
  2. package/js/constants/enums/index.js +10 -1
  3. package/js/constants/index.js +1 -1
  4. package/js/types/PartialBy.d.ts +12 -0
  5. package/js/types/index.d.ts +1 -0
  6. package/js/types/index.js +1 -0
  7. package/js/utils/classNames/bem/block.d.ts +3 -2
  8. package/js/utils/classNames/bem/element.d.ts +3 -2
  9. package/js/utils/classNames/bem/index.d.ts +5 -4
  10. package/js/utils/disabledState/index.js +12 -0
  11. package/js/utils/events/index.js +2 -0
  12. package/lumx.css +94 -0
  13. package/package.json +2 -23
  14. package/scss/_components.scss +1 -0
  15. package/scss/components/combobox/_index.scss +86 -0
  16. package/scss/components/combobox/_mixins.scss +63 -0
  17. package/scss/lumx.scss +1 -0
  18. package/js/components/Badge/BadgeWrapper.d.ts +0 -13
  19. package/js/components/Badge/BadgeWrapperStories.d.ts +0 -29
  20. package/js/components/Badge/BadgeWrapperTests.d.ts +0 -9
  21. package/js/components/Badge/Stories.d.ts +0 -52
  22. package/js/components/Badge/Tests.d.ts +0 -12
  23. package/js/components/Badge/index.d.ts +0 -37
  24. package/js/components/Button/Button.d.ts +0 -48
  25. package/js/components/Button/ButtonGroup.d.ts +0 -36
  26. package/js/components/Button/ButtonGroupStories.d.ts +0 -37
  27. package/js/components/Button/ButtonRoot.d.ts +0 -55
  28. package/js/components/Button/ButtonRootTests.d.ts +0 -12
  29. package/js/components/Button/IconButton.d.ts +0 -45
  30. package/js/components/Button/IconButtonStories.d.ts +0 -211
  31. package/js/components/Button/IconButtonTests.d.ts +0 -15
  32. package/js/components/Button/Stories.d.ts +0 -301
  33. package/js/components/Button/Tests.d.ts +0 -15
  34. package/js/components/Checkbox/Stories.d.ts +0 -88
  35. package/js/components/Checkbox/Tests.d.ts +0 -15
  36. package/js/components/Checkbox/index.d.ts +0 -49
  37. package/js/components/Divider/Stories.d.ts +0 -21
  38. package/js/components/Divider/Tests.d.ts +0 -12
  39. package/js/components/Divider/index.d.ts +0 -27
  40. package/js/components/Flag/Stories.d.ts +0 -120
  41. package/js/components/Flag/Tests.d.ts +0 -14
  42. package/js/components/Flag/index.d.ts +0 -34
  43. package/js/components/FlexBox/Stories.d.ts +0 -108
  44. package/js/components/FlexBox/Tests.d.ts +0 -13
  45. package/js/components/FlexBox/constants.d.ts +0 -4
  46. package/js/components/FlexBox/index.d.ts +0 -50
  47. package/js/components/FlexBox/types.d.ts +0 -7
  48. package/js/components/Heading/Stories.d.ts +0 -89
  49. package/js/components/Heading/Tests.d.ts +0 -11
  50. package/js/components/Heading/constants.d.ts +0 -21
  51. package/js/components/Heading/index.d.ts +0 -44
  52. package/js/components/Heading/utils.d.ts +0 -8
  53. package/js/components/Icon/Stories.d.ts +0 -150
  54. package/js/components/Icon/Tests.d.ts +0 -14
  55. package/js/components/Icon/constants.d.ts +0 -1
  56. package/js/components/Icon/index.d.ts +0 -41
  57. package/js/components/InputHelper/Stories.d.ts +0 -43
  58. package/js/components/InputHelper/Tests.d.ts +0 -12
  59. package/js/components/InputHelper/constants.d.ts +0 -3
  60. package/js/components/InputHelper/index.d.ts +0 -26
  61. package/js/components/InputLabel/Stories.d.ts +0 -34
  62. package/js/components/InputLabel/Tests.d.ts +0 -12
  63. package/js/components/InputLabel/index.d.ts +0 -25
  64. package/js/components/Link/Stories.d.ts +0 -93
  65. package/js/components/Link/Tests.d.ts +0 -15
  66. package/js/components/Link/index.d.ts +0 -54
  67. package/js/components/Message/Stories.d.ts +0 -119
  68. package/js/components/Message/Tests.d.ts +0 -14
  69. package/js/components/Message/index.d.ts +0 -75
  70. package/js/components/RadioButton/Stories.d.ts +0 -77
  71. package/js/components/RadioButton/Tests.d.ts +0 -15
  72. package/js/components/RadioButton/index.d.ts +0 -45
  73. package/js/components/RawClickable/Tests.d.ts +0 -14
  74. package/js/components/RawClickable/index.d.ts +0 -13
  75. package/js/components/Skeleton/SkeletonCircle.d.ts +0 -32
  76. package/js/components/Skeleton/SkeletonCircleStories.d.ts +0 -45
  77. package/js/components/Skeleton/SkeletonCircleTests.d.ts +0 -12
  78. package/js/components/Skeleton/SkeletonRectangle.d.ts +0 -47
  79. package/js/components/Skeleton/SkeletonRectangleStories.d.ts +0 -87
  80. package/js/components/Skeleton/SkeletonRectangleTests.d.ts +0 -13
  81. package/js/components/Skeleton/SkeletonTypography.d.ts +0 -37
  82. package/js/components/Skeleton/SkeletonTypographyStories.d.ts +0 -40
  83. package/js/components/Skeleton/SkeletonTypographyTests.d.ts +0 -13
  84. package/js/components/Skeleton/index.d.ts +0 -3
  85. package/js/components/Switch/Stories.d.ts +0 -94
  86. package/js/components/Switch/Tests.d.ts +0 -15
  87. package/js/components/Switch/index.d.ts +0 -47
  88. package/js/components/Table/Stories.d.ts +0 -25
  89. package/js/components/Table/TableCell.d.ts +0 -55
  90. package/js/components/Table/TableCellStories.d.ts +0 -44
  91. package/js/components/Table/TableCellTests.d.ts +0 -11
  92. package/js/components/Table/TableRowStories.d.ts +0 -23
  93. package/js/components/Table/Tests.d.ts +0 -11
  94. package/js/components/Table/constants.d.ts +0 -9
  95. package/js/components/Table/index.d.ts +0 -27
  96. package/js/components/Text/Stories.d.ts +0 -167
  97. package/js/components/Text/Tests.d.ts +0 -10
  98. package/js/components/Text/index.d.ts +0 -935
  99. package/js/components/Thumbnail/Stories.d.ts +0 -168
  100. package/js/components/Thumbnail/Tests.d.ts +0 -11
  101. package/js/components/Thumbnail/index.d.ts +0 -84
  102. package/js/components/Thumbnail/types.d.ts +0 -45
  103. package/js/components/Thumbnail/utils.d.ts +0 -79
  104. package/stories/controls/color.d.ts +0 -15
  105. package/stories/controls/element.d.ts +0 -16
  106. package/stories/controls/focusPoint.d.ts +0 -8
  107. package/stories/controls/icons.d.ts +0 -66
  108. package/stories/controls/image.d.ts +0 -96
  109. package/stories/controls/selectArgType.d.ts +0 -7
  110. package/stories/controls/theme.d.ts +0 -7
  111. package/stories/controls/typography.d.ts +0 -8
  112. package/stories/controls/withUndefined.d.ts +0 -1
  113. package/stories/types.d.ts +0 -47
  114. package/stories/utils/combinations.d.ts +0 -100
  115. package/stories/utils/concatPath.d.ts +0 -10
  116. package/stories/utils/disableArgTypes.d.ts +0 -7
  117. package/stories/utils/initDemoShadowDOMPortal.d.ts +0 -5
  118. package/stories/utils/lorem.d.ts +0 -7
  119. package/stories/utils/toFlattenProps.d.ts +0 -12
  120. package/stories/utils/withCategory.d.ts +0 -4
  121. package/testing/commonTestsSuiteTL.d.ts +0 -87
  122. package/testing/index.d.ts +0 -1
  123. package/testing/queries.d.ts +0 -4
@@ -1,27 +0,0 @@
1
- import type { JSXElement, HasTheme, HasClassName, CommonRef } from '../../types';
2
- import { CLASSNAME, COMPONENT_NAME } from './constants';
3
- /**
4
- * Defines the props of the component.
5
- */
6
- export interface TableProps extends HasTheme, HasClassName {
7
- /** Whether the table has checkbox or thumbnail on first cell or not. */
8
- hasBefore?: boolean;
9
- /** Whether the table has dividers or not. */
10
- hasDividers?: boolean;
11
- /** Children */
12
- children?: JSXElement;
13
- /** reference to the root element */
14
- ref?: CommonRef;
15
- }
16
- /**
17
- * Component default props.
18
- */
19
- export declare const DEFAULT_PROPS: Partial<TableProps>;
20
- /**
21
- * Table component.
22
- *
23
- * @param props Component props.
24
- * @return React element.
25
- */
26
- export declare const Table: (props: TableProps) => import("react").JSX.Element;
27
- export { CLASSNAME, COMPONENT_NAME };
@@ -1,167 +0,0 @@
1
- import type { SetupStoriesOptions } from '@lumx/core/stories/types';
2
- /** Shared argTypes for Text (also reused by Heading) */
3
- export declare const TEXT_ARG_TYPES: {
4
- as: {
5
- control: {
6
- type: "select" | "inline-radio";
7
- };
8
- options: import("../../types").TextElement[];
9
- mapping: Record<string, import("../../types").TextElement> | undefined;
10
- };
11
- typography: {
12
- control: {
13
- type: "select" | "inline-radio";
14
- };
15
- options: ("overline" | "caption" | "body1" | "body2" | "subtitle1" | "subtitle2" | "title" | "headline" | "display1" | "custom-title1" | "custom-title2" | "custom-title3" | "custom-title4" | "custom-title5" | "custom-title6" | "custom-intro" | "custom-body-large" | "custom-body" | "custom-quote" | "custom-publish-info" | "custom-button")[];
16
- mapping: Record<string, "overline" | "caption" | "body1" | "body2" | "subtitle1" | "subtitle2" | "title" | "headline" | "display1" | "custom-title1" | "custom-title2" | "custom-title3" | "custom-title4" | "custom-title5" | "custom-title6" | "custom-intro" | "custom-body-large" | "custom-body" | "custom-quote" | "custom-publish-info" | "custom-button"> | undefined;
17
- };
18
- color: {
19
- control: {
20
- type: "select" | "inline-radio";
21
- };
22
- options: ("light" | "dark" | "primary" | "secondary" | "blue" | "green" | "yellow" | "red" | "grey" | undefined)[];
23
- mapping: Record<string, "light" | "dark" | "primary" | "secondary" | "blue" | "green" | "yellow" | "red" | "grey" | undefined> | undefined;
24
- };
25
- colorVariant: {
26
- control: {
27
- type: "select" | "inline-radio";
28
- };
29
- options: ("D1" | "D2" | "L1" | "L2" | "L3" | "L4" | "L5" | "L6" | "N")[];
30
- mapping: Record<string, "D1" | "D2" | "L1" | "L2" | "L3" | "L4" | "L5" | "L6" | "N"> | undefined;
31
- };
32
- whiteSpace: {
33
- control: {
34
- type: "select" | "inline-radio";
35
- };
36
- options: string[];
37
- mapping: Record<string, string> | undefined;
38
- };
39
- };
40
- /**
41
- * Setup Text stories for a specific framework (React or Vue).
42
- * This function creates all the stories with the appropriate decorators.
43
- * Framework-specific render functions or args can be injected via `overrides`.
44
- */
45
- export declare function setup({ component, render, decorators: { withCombinations, withResizableBox }, overrides, }: SetupStoriesOptions<{
46
- overrides: 'TestUpdateTruncateTitleLabel' | 'WithIcon';
47
- decorators: 'withCombinations' | 'withResizableBox';
48
- }>): {
49
- meta: {
50
- component: any;
51
- render: any;
52
- args: {
53
- as: string;
54
- children: string;
55
- };
56
- argTypes: {
57
- as: {
58
- control: {
59
- type: "select" | "inline-radio";
60
- };
61
- options: import("../../types").TextElement[];
62
- mapping: Record<string, import("../../types").TextElement> | undefined;
63
- };
64
- typography: {
65
- control: {
66
- type: "select" | "inline-radio";
67
- };
68
- options: ("overline" | "caption" | "body1" | "body2" | "subtitle1" | "subtitle2" | "title" | "headline" | "display1" | "custom-title1" | "custom-title2" | "custom-title3" | "custom-title4" | "custom-title5" | "custom-title6" | "custom-intro" | "custom-body-large" | "custom-body" | "custom-quote" | "custom-publish-info" | "custom-button")[];
69
- mapping: Record<string, "overline" | "caption" | "body1" | "body2" | "subtitle1" | "subtitle2" | "title" | "headline" | "display1" | "custom-title1" | "custom-title2" | "custom-title3" | "custom-title4" | "custom-title5" | "custom-title6" | "custom-intro" | "custom-body-large" | "custom-body" | "custom-quote" | "custom-publish-info" | "custom-button"> | undefined;
70
- };
71
- color: {
72
- control: {
73
- type: "select" | "inline-radio";
74
- };
75
- options: ("light" | "dark" | "primary" | "secondary" | "blue" | "green" | "yellow" | "red" | "grey" | undefined)[];
76
- mapping: Record<string, "light" | "dark" | "primary" | "secondary" | "blue" | "green" | "yellow" | "red" | "grey" | undefined> | undefined;
77
- };
78
- colorVariant: {
79
- control: {
80
- type: "select" | "inline-radio";
81
- };
82
- options: ("D1" | "D2" | "L1" | "L2" | "L3" | "L4" | "L5" | "L6" | "N")[];
83
- mapping: Record<string, "D1" | "D2" | "L1" | "L2" | "L3" | "L4" | "L5" | "L6" | "N"> | undefined;
84
- };
85
- whiteSpace: {
86
- control: {
87
- type: "select" | "inline-radio";
88
- };
89
- options: string[];
90
- mapping: Record<string, string> | undefined;
91
- };
92
- };
93
- };
94
- /** Default text component as a paragraph */
95
- Base: {};
96
- /** Long text should wrap by default */
97
- LongText: {
98
- args: {
99
- children: string;
100
- };
101
- decorators: ((story: any, context: any) => any)[];
102
- };
103
- /** Long text without wrapping */
104
- NoWrap: {
105
- args: {
106
- children: string;
107
- noWrap: boolean;
108
- };
109
- };
110
- /** Long text with line breaks */
111
- AllWhiteSpace: {
112
- args: {
113
- children: string;
114
- };
115
- decorators: ((story: any, context: any) => any)[];
116
- };
117
- /** Long text with single line truncate ellipsis */
118
- Truncate: {
119
- args: {
120
- children: string;
121
- truncate: boolean;
122
- };
123
- };
124
- /** Long text with multi line truncate ellipsis */
125
- TruncateMultiline: {
126
- args: {
127
- children: string;
128
- truncate: {
129
- lines: number;
130
- };
131
- };
132
- };
133
- /** Text containing icons (should match font size) */
134
- WithIcon: {
135
- [x: string]: any;
136
- };
137
- /** All typographies */
138
- AllTypography: {
139
- argTypes: {
140
- typography: {
141
- control: boolean;
142
- };
143
- };
144
- decorators: ((story: any, context: any) => any)[];
145
- };
146
- /** All combinations of color and color variants */
147
- AllColors: {
148
- argTypes: {
149
- color: {
150
- control: boolean;
151
- };
152
- colorVariant: {
153
- control: boolean;
154
- };
155
- };
156
- decorators: ((story: any, context: any) => any)[];
157
- };
158
- /** Test the update of the `title` attribute when text overflows */
159
- TestUpdateTruncateTitleLabel: {
160
- parameters: {
161
- chromatic: {
162
- disable: boolean;
163
- };
164
- };
165
- tags: string[];
166
- };
167
- };
@@ -1,10 +0,0 @@
1
- import { SetupOptions } from '@lumx/core/testing';
2
- import { TextProps } from '.';
3
- type SetupProps = Partial<TextProps>;
4
- export declare const setup: (propsOverride: SetupProps | undefined, { render, ...options }: SetupOptions<TextProps>) => {
5
- props: TextProps;
6
- container: any;
7
- element: HTMLElement;
8
- };
9
- declare const _default: (renderOptions: SetupOptions<TextProps>) => void;
10
- export default _default;