@lumx/core 3.20.1-alpha.5 → 3.20.1-alpha.50
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.
- package/CONTRIBUTING.md +1 -5
- package/{js/utils/className/resolveColorWithVariants.js → _internal/DPnPEC08.js} +1 -5
- package/js/constants/_internal/design-tokens.d.ts +5421 -0
- package/js/constants/className/index.d.ts +4 -0
- package/js/constants/className/index.js +6 -0
- package/js/constants/components/index.d.ts +24 -0
- package/js/constants/components/index.js +26 -0
- package/js/constants/enums/index.d.ts +200 -0
- package/js/constants/enums/index.js +155 -0
- package/js/constants/index.d.ts +4 -0
- package/js/constants/index.js +4 -218
- package/js/constants/keycodes/index.d.ts +36 -0
- package/js/constants/{keycodes.js → keycodes/index.js} +1 -13
- package/js/types/Direction.d.ts +1 -0
- package/js/types/{GenericProps.ts → GenericProps.d.ts} +0 -1
- package/js/types/HasAriaLabelOrLabelledBy.d.ts +17 -0
- package/js/types/{HasTheme.ts → HasTheme.d.ts} +0 -1
- package/js/types/KebabCase.d.ts +2 -0
- package/js/types/LumxClassName.d.ts +3 -0
- package/js/types/Point.d.ts +7 -0
- package/js/types/RectSize.d.ts +7 -0
- package/js/types/Spacing.d.ts +1 -0
- package/js/types/{TextElement.ts → TextElement.d.ts} +0 -1
- package/js/types/{index.ts → index.d.ts} +4 -0
- package/js/types/index.js +0 -1
- package/js/utils/_internal/color/index.d.ts +1 -0
- package/js/utils/_internal/color/resolveColorWithVariants.d.ts +3 -0
- package/js/utils/classNames/bem/block.d.ts +18 -0
- package/js/utils/classNames/bem/block.js +20 -0
- package/js/utils/classNames/bem/element.d.ts +19 -0
- package/js/utils/classNames/bem/element.js +21 -0
- package/js/utils/classNames/bem/generateBEMClass.d.ts +27 -0
- package/js/utils/classNames/bem/generateBEMClass.js +48 -0
- package/js/utils/classNames/bem/index.d.ts +2 -0
- package/js/utils/classNames/bem/index.js +2 -0
- package/js/utils/classNames/color/index.d.ts +43 -0
- package/js/utils/classNames/color/index.js +50 -0
- package/js/utils/classNames/index.d.ts +6 -0
- package/js/utils/classNames/index.js +7 -0
- package/js/utils/classNames/spacing/index.d.ts +70 -0
- package/js/utils/classNames/spacing/index.js +74 -0
- package/js/utils/classNames/typography/index.d.ts +6 -0
- package/js/utils/classNames/typography/index.js +9 -0
- package/js/utils/classNames/visually-hidden/index.d.ts +5 -0
- package/js/utils/classNames/visually-hidden/index.js +10 -0
- package/js/utils/events/index.d.ts +2 -0
- package/js/utils/events/index.js +2 -0
- package/js/utils/events/keyboard.d.ts +24 -0
- package/js/utils/events/keyboard.js +44 -0
- package/js/utils/events/swipe.d.ts +6 -0
- package/js/utils/events/swipe.js +79 -0
- package/js/utils/index.d.ts +2 -0
- package/js/utils/index.js +4 -223
- package/lumx.css +18 -17
- package/package.json +11 -15
- package/scss/components/list/_index.scss +10 -4
- package/scss/components/text-field/_index.scss +4 -6
- package/js/components/Icon/Stories.js +0 -40
- package/js/components/Icon/Tests.tsx +0 -120
- package/js/components/Icon/index.tsx +0 -134
- package/js/constants/design-tokens.js +0 -2329
- package/js/constants/design-tokens.min.js +0 -1
- package/js/constants/design-tokens.ts +0 -2324
- package/js/constants/index.min.js +0 -1
- package/js/constants/index.ts +0 -231
- package/js/constants/keycodes.min.js +0 -1
- package/js/constants/keycodes.ts +0 -44
- package/js/custom-colors.js +0 -48
- package/js/custom-colors.min.js +0 -1
- package/js/custom-colors.ts +0 -56
- package/js/date-picker.js +0 -71
- package/js/date-picker.min.js +0 -1
- package/js/date-picker.ts +0 -77
- package/js/types/Callback.js +0 -2
- package/js/types/Callback.min.js +0 -1
- package/js/types/Falsy.js +0 -2
- package/js/types/Falsy.min.js +0 -1
- package/js/types/GenericProps.js +0 -2
- package/js/types/GenericProps.min.js +0 -1
- package/js/types/HasAriaLabelOrLabelledBy.js +0 -2
- package/js/types/HasAriaLabelOrLabelledBy.min.js +0 -1
- package/js/types/HasAriaLabelOrLabelledBy.ts +0 -19
- package/js/types/HasClassName.js +0 -2
- package/js/types/HasClassName.min.js +0 -1
- package/js/types/HasCloseMode.js +0 -2
- package/js/types/HasCloseMode.min.js +0 -1
- package/js/types/HasTheme.js +0 -2
- package/js/types/HasTheme.min.js +0 -1
- package/js/types/HeadingElement.js +0 -2
- package/js/types/HeadingElement.min.js +0 -1
- package/js/types/Point.js +0 -2
- package/js/types/Point.min.js +0 -1
- package/js/types/Point.ts +0 -4
- package/js/types/Predicate.js +0 -2
- package/js/types/Predicate.min.js +0 -1
- package/js/types/RectSize.js +0 -2
- package/js/types/RectSize.min.js +0 -1
- package/js/types/RectSize.ts +0 -4
- package/js/types/TextElement.js +0 -2
- package/js/types/TextElement.min.js +0 -1
- package/js/types/ValueOf.js +0 -2
- package/js/types/ValueOf.min.js +0 -1
- package/js/types/index.min.js +0 -1
- package/js/utils/className/fontColorClass.js +0 -20
- package/js/utils/className/fontColorClass.min.js +0 -1
- package/js/utils/className/fontColorClass.test.js +0 -18
- package/js/utils/className/fontColorClass.test.min.js +0 -1
- package/js/utils/className/fontColorClass.test.ts +0 -15
- package/js/utils/className/fontColorClass.ts +0 -12
- package/js/utils/className/getBasicClass.js +0 -36
- package/js/utils/className/getBasicClass.min.js +0 -1
- package/js/utils/className/getBasicClass.test.js +0 -22
- package/js/utils/className/getBasicClass.test.min.js +0 -1
- package/js/utils/className/getBasicClass.test.ts +0 -20
- package/js/utils/className/getBasicClass.ts +0 -36
- package/js/utils/className/getRootClassName.js +0 -33
- package/js/utils/className/getRootClassName.min.js +0 -1
- package/js/utils/className/getRootClassName.test.js +0 -15
- package/js/utils/className/getRootClassName.test.min.js +0 -1
- package/js/utils/className/getRootClassName.test.ts +0 -11
- package/js/utils/className/getRootClassName.ts +0 -25
- package/js/utils/className/getTypographyClassName.js +0 -13
- package/js/utils/className/getTypographyClassName.min.js +0 -1
- package/js/utils/className/getTypographyClassName.test.js +0 -9
- package/js/utils/className/getTypographyClassName.test.min.js +0 -1
- package/js/utils/className/getTypographyClassName.test.ts +0 -7
- package/js/utils/className/getTypographyClassName.ts +0 -9
- package/js/utils/className/handleBasicClasses.js +0 -52
- package/js/utils/className/handleBasicClasses.min.js +0 -1
- package/js/utils/className/handleBasicClasses.test.js +0 -35
- package/js/utils/className/handleBasicClasses.test.min.js +0 -1
- package/js/utils/className/handleBasicClasses.test.ts +0 -28
- package/js/utils/className/handleBasicClasses.ts +0 -44
- package/js/utils/className/index.js +0 -25
- package/js/utils/className/index.min.js +0 -1
- package/js/utils/className/index.ts +0 -6
- package/js/utils/className/resolveColorWithVariants.min.js +0 -1
- package/js/utils/className/resolveColorWithVariants.test.js +0 -30
- package/js/utils/className/resolveColorWithVariants.test.min.js +0 -1
- package/js/utils/className/resolveColorWithVariants.test.ts +0 -33
- package/js/utils/className/resolveColorWithVariants.ts +0 -11
- package/js/utils/index.min.js +0 -1
- package/js/utils/index.ts +0 -221
- package/lumx.min.css +0 -1
- package/stories/controls/color.ts +0 -7
- package/stories/controls/icons.ts +0 -126
- package/stories/controls/selectArgType.ts +0 -8
- package/stories/controls/withUndefined.ts +0 -1
- package/testing/utils/queries.ts +0 -19
- /package/js/types/{Callback.ts → Callback.d.ts} +0 -0
- /package/js/types/{Falsy.ts → Falsy.d.ts} +0 -0
- /package/js/types/{HasClassName.ts → HasClassName.d.ts} +0 -0
- /package/js/types/{HasCloseMode.ts → HasCloseMode.d.ts} +0 -0
- /package/js/types/{HeadingElement.ts → HeadingElement.d.ts} +0 -0
- /package/js/types/{Predicate.ts → Predicate.d.ts} +0 -0
- /package/js/types/{ValueOf.ts → ValueOf.d.ts} +0 -0
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import { ColorPalette, ColorVariant } from '@lumx/core/js/constants';
|
|
2
|
-
import { getSelectArgType } from '@lumx/react/stories/controls/selectArgType';
|
|
3
|
-
import { withUndefined } from '@lumx/react/stories/controls/withUndefined';
|
|
4
|
-
|
|
5
|
-
export const ALL_COLORS = Object.values(ColorPalette);
|
|
6
|
-
export const colorArgType = getSelectArgType(withUndefined(ALL_COLORS));
|
|
7
|
-
export const colorVariantArgType = getSelectArgType(ColorVariant);
|
|
@@ -1,126 +0,0 @@
|
|
|
1
|
-
import {
|
|
2
|
-
mdiAbTesting,
|
|
3
|
-
mdiAbjadArabic,
|
|
4
|
-
mdiAccount,
|
|
5
|
-
mdiAccountBox,
|
|
6
|
-
mdiAlert,
|
|
7
|
-
mdiAlertCircle,
|
|
8
|
-
mdiArrowDown,
|
|
9
|
-
mdiArrowUp,
|
|
10
|
-
mdiAtom,
|
|
11
|
-
mdiBee,
|
|
12
|
-
mdiBell,
|
|
13
|
-
mdiBullhornOutline,
|
|
14
|
-
mdiCheck,
|
|
15
|
-
mdiCheckCircle,
|
|
16
|
-
mdiChevronDown,
|
|
17
|
-
mdiChevronLeft,
|
|
18
|
-
mdiChevronRight,
|
|
19
|
-
mdiChevronUp,
|
|
20
|
-
mdiClose,
|
|
21
|
-
mdiCloseCircle,
|
|
22
|
-
mdiDelete,
|
|
23
|
-
mdiDotsHorizontal,
|
|
24
|
-
mdiDragVertical,
|
|
25
|
-
mdiEarth,
|
|
26
|
-
mdiEmail,
|
|
27
|
-
mdiEye,
|
|
28
|
-
mdiFileEdit,
|
|
29
|
-
mdiFlag,
|
|
30
|
-
mdiFolder,
|
|
31
|
-
mdiFolderGoogleDrive,
|
|
32
|
-
mdiFoodApple,
|
|
33
|
-
mdiGoogleCirclesExtended,
|
|
34
|
-
mdiHeart,
|
|
35
|
-
mdiHome,
|
|
36
|
-
mdiImageBroken,
|
|
37
|
-
mdiInformation,
|
|
38
|
-
mdiLink,
|
|
39
|
-
mdiMagnifyMinusOutline,
|
|
40
|
-
mdiMagnifyPlusOutline,
|
|
41
|
-
mdiMenuDown,
|
|
42
|
-
mdiMessageTextOutline,
|
|
43
|
-
mdiMinus,
|
|
44
|
-
mdiOpenInNew,
|
|
45
|
-
mdiPauseCircleOutline,
|
|
46
|
-
mdiPencil,
|
|
47
|
-
mdiPlay,
|
|
48
|
-
mdiPlayCircleOutline,
|
|
49
|
-
mdiPlus,
|
|
50
|
-
mdiRadioboxBlank,
|
|
51
|
-
mdiRadioboxMarked,
|
|
52
|
-
mdiReply,
|
|
53
|
-
mdiSend,
|
|
54
|
-
mdiStar,
|
|
55
|
-
mdiTextBox,
|
|
56
|
-
mdiTextBoxPlus,
|
|
57
|
-
mdiTram,
|
|
58
|
-
mdiTranslate,
|
|
59
|
-
mdiViewList,
|
|
60
|
-
} from '@lumx/icons';
|
|
61
|
-
|
|
62
|
-
// Small selection of mdi icons to
|
|
63
|
-
export const iconArgType = {
|
|
64
|
-
control: { type: 'select' },
|
|
65
|
-
options: {
|
|
66
|
-
undefined,
|
|
67
|
-
mdiAbTesting,
|
|
68
|
-
mdiAbjadArabic,
|
|
69
|
-
mdiAccount,
|
|
70
|
-
mdiAccountBox,
|
|
71
|
-
mdiAlert,
|
|
72
|
-
mdiAlertCircle,
|
|
73
|
-
mdiArrowDown,
|
|
74
|
-
mdiArrowUp,
|
|
75
|
-
mdiAtom,
|
|
76
|
-
mdiBee,
|
|
77
|
-
mdiBell,
|
|
78
|
-
mdiBullhornOutline,
|
|
79
|
-
mdiCheck,
|
|
80
|
-
mdiCheckCircle,
|
|
81
|
-
mdiChevronDown,
|
|
82
|
-
mdiChevronLeft,
|
|
83
|
-
mdiChevronRight,
|
|
84
|
-
mdiChevronUp,
|
|
85
|
-
mdiClose,
|
|
86
|
-
mdiCloseCircle,
|
|
87
|
-
mdiDelete,
|
|
88
|
-
mdiDotsHorizontal,
|
|
89
|
-
mdiDragVertical,
|
|
90
|
-
mdiEarth,
|
|
91
|
-
mdiEmail,
|
|
92
|
-
mdiEye,
|
|
93
|
-
mdiFileEdit,
|
|
94
|
-
mdiFlag,
|
|
95
|
-
mdiFolder,
|
|
96
|
-
mdiFolderGoogleDrive,
|
|
97
|
-
mdiFoodApple,
|
|
98
|
-
mdiGoogleCirclesExtended,
|
|
99
|
-
mdiHeart,
|
|
100
|
-
mdiHome,
|
|
101
|
-
mdiImageBroken,
|
|
102
|
-
mdiInformation,
|
|
103
|
-
mdiLink,
|
|
104
|
-
mdiMagnifyMinusOutline,
|
|
105
|
-
mdiMagnifyPlusOutline,
|
|
106
|
-
mdiMenuDown,
|
|
107
|
-
mdiMessageTextOutline,
|
|
108
|
-
mdiMinus,
|
|
109
|
-
mdiOpenInNew,
|
|
110
|
-
mdiPauseCircleOutline,
|
|
111
|
-
mdiPencil,
|
|
112
|
-
mdiPlay,
|
|
113
|
-
mdiPlayCircleOutline,
|
|
114
|
-
mdiPlus,
|
|
115
|
-
mdiRadioboxBlank,
|
|
116
|
-
mdiRadioboxMarked,
|
|
117
|
-
mdiReply,
|
|
118
|
-
mdiSend,
|
|
119
|
-
mdiStar,
|
|
120
|
-
mdiTextBox,
|
|
121
|
-
mdiTextBoxPlus,
|
|
122
|
-
mdiTram,
|
|
123
|
-
mdiTranslate,
|
|
124
|
-
mdiViewList,
|
|
125
|
-
},
|
|
126
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export const withUndefined = <E>(options: Array<E> | Record<string, E>) => [undefined, ...Object.values(options)];
|
package/testing/utils/queries.ts
DELETED
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import { buildQueries } from '@testing-library/dom';
|
|
2
|
-
|
|
3
|
-
export const queryAllByClassName = (container: HTMLElement, className: string) =>
|
|
4
|
-
Array.from(container.getElementsByClassName(className) as HTMLCollectionOf<HTMLElement>);
|
|
5
|
-
|
|
6
|
-
export const [queryByClassName, getAllByClassName, getByClassName, findAllByClassName, findByClassName] = buildQueries(
|
|
7
|
-
queryAllByClassName,
|
|
8
|
-
(_, className) => `Multiple \`.${className}\` found`,
|
|
9
|
-
(_, className) => `No \`.${className}\` found`,
|
|
10
|
-
);
|
|
11
|
-
|
|
12
|
-
export const queryAllByTagName = (container: HTMLElement, tagName: string) =>
|
|
13
|
-
Array.from(container.getElementsByTagName(tagName) as HTMLCollectionOf<HTMLElement>);
|
|
14
|
-
|
|
15
|
-
export const [queryByTagName, getAllByTagName, getByTagName, findAllByTagName, findByTagName] = buildQueries(
|
|
16
|
-
queryAllByTagName,
|
|
17
|
-
(_, tagName) => `Multiple \`${tagName}\` found`,
|
|
18
|
-
(_, tagName) => `No \`${tagName}\` found`,
|
|
19
|
-
);
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|