@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.
Files changed (156) hide show
  1. package/CONTRIBUTING.md +1 -5
  2. package/{js/utils/className/resolveColorWithVariants.js → _internal/DPnPEC08.js} +1 -5
  3. package/js/constants/_internal/design-tokens.d.ts +5421 -0
  4. package/js/constants/className/index.d.ts +4 -0
  5. package/js/constants/className/index.js +6 -0
  6. package/js/constants/components/index.d.ts +24 -0
  7. package/js/constants/components/index.js +26 -0
  8. package/js/constants/enums/index.d.ts +200 -0
  9. package/js/constants/enums/index.js +155 -0
  10. package/js/constants/index.d.ts +4 -0
  11. package/js/constants/index.js +4 -218
  12. package/js/constants/keycodes/index.d.ts +36 -0
  13. package/js/constants/{keycodes.js → keycodes/index.js} +1 -13
  14. package/js/types/Direction.d.ts +1 -0
  15. package/js/types/{GenericProps.ts → GenericProps.d.ts} +0 -1
  16. package/js/types/HasAriaLabelOrLabelledBy.d.ts +17 -0
  17. package/js/types/{HasTheme.ts → HasTheme.d.ts} +0 -1
  18. package/js/types/KebabCase.d.ts +2 -0
  19. package/js/types/LumxClassName.d.ts +3 -0
  20. package/js/types/Point.d.ts +7 -0
  21. package/js/types/RectSize.d.ts +7 -0
  22. package/js/types/Spacing.d.ts +1 -0
  23. package/js/types/{TextElement.ts → TextElement.d.ts} +0 -1
  24. package/js/types/{index.ts → index.d.ts} +4 -0
  25. package/js/types/index.js +0 -1
  26. package/js/utils/_internal/color/index.d.ts +1 -0
  27. package/js/utils/_internal/color/resolveColorWithVariants.d.ts +3 -0
  28. package/js/utils/classNames/bem/block.d.ts +18 -0
  29. package/js/utils/classNames/bem/block.js +20 -0
  30. package/js/utils/classNames/bem/element.d.ts +19 -0
  31. package/js/utils/classNames/bem/element.js +21 -0
  32. package/js/utils/classNames/bem/generateBEMClass.d.ts +27 -0
  33. package/js/utils/classNames/bem/generateBEMClass.js +48 -0
  34. package/js/utils/classNames/bem/index.d.ts +2 -0
  35. package/js/utils/classNames/bem/index.js +2 -0
  36. package/js/utils/classNames/color/index.d.ts +43 -0
  37. package/js/utils/classNames/color/index.js +50 -0
  38. package/js/utils/classNames/index.d.ts +6 -0
  39. package/js/utils/classNames/index.js +7 -0
  40. package/js/utils/classNames/spacing/index.d.ts +70 -0
  41. package/js/utils/classNames/spacing/index.js +74 -0
  42. package/js/utils/classNames/typography/index.d.ts +6 -0
  43. package/js/utils/classNames/typography/index.js +9 -0
  44. package/js/utils/classNames/visually-hidden/index.d.ts +5 -0
  45. package/js/utils/classNames/visually-hidden/index.js +10 -0
  46. package/js/utils/events/index.d.ts +2 -0
  47. package/js/utils/events/index.js +2 -0
  48. package/js/utils/events/keyboard.d.ts +24 -0
  49. package/js/utils/events/keyboard.js +44 -0
  50. package/js/utils/events/swipe.d.ts +6 -0
  51. package/js/utils/events/swipe.js +79 -0
  52. package/js/utils/index.d.ts +2 -0
  53. package/js/utils/index.js +4 -223
  54. package/lumx.css +18 -17
  55. package/package.json +11 -15
  56. package/scss/components/list/_index.scss +10 -4
  57. package/scss/components/text-field/_index.scss +4 -6
  58. package/js/components/Icon/Stories.js +0 -40
  59. package/js/components/Icon/Tests.tsx +0 -120
  60. package/js/components/Icon/index.tsx +0 -134
  61. package/js/constants/design-tokens.js +0 -2329
  62. package/js/constants/design-tokens.min.js +0 -1
  63. package/js/constants/design-tokens.ts +0 -2324
  64. package/js/constants/index.min.js +0 -1
  65. package/js/constants/index.ts +0 -231
  66. package/js/constants/keycodes.min.js +0 -1
  67. package/js/constants/keycodes.ts +0 -44
  68. package/js/custom-colors.js +0 -48
  69. package/js/custom-colors.min.js +0 -1
  70. package/js/custom-colors.ts +0 -56
  71. package/js/date-picker.js +0 -71
  72. package/js/date-picker.min.js +0 -1
  73. package/js/date-picker.ts +0 -77
  74. package/js/types/Callback.js +0 -2
  75. package/js/types/Callback.min.js +0 -1
  76. package/js/types/Falsy.js +0 -2
  77. package/js/types/Falsy.min.js +0 -1
  78. package/js/types/GenericProps.js +0 -2
  79. package/js/types/GenericProps.min.js +0 -1
  80. package/js/types/HasAriaLabelOrLabelledBy.js +0 -2
  81. package/js/types/HasAriaLabelOrLabelledBy.min.js +0 -1
  82. package/js/types/HasAriaLabelOrLabelledBy.ts +0 -19
  83. package/js/types/HasClassName.js +0 -2
  84. package/js/types/HasClassName.min.js +0 -1
  85. package/js/types/HasCloseMode.js +0 -2
  86. package/js/types/HasCloseMode.min.js +0 -1
  87. package/js/types/HasTheme.js +0 -2
  88. package/js/types/HasTheme.min.js +0 -1
  89. package/js/types/HeadingElement.js +0 -2
  90. package/js/types/HeadingElement.min.js +0 -1
  91. package/js/types/Point.js +0 -2
  92. package/js/types/Point.min.js +0 -1
  93. package/js/types/Point.ts +0 -4
  94. package/js/types/Predicate.js +0 -2
  95. package/js/types/Predicate.min.js +0 -1
  96. package/js/types/RectSize.js +0 -2
  97. package/js/types/RectSize.min.js +0 -1
  98. package/js/types/RectSize.ts +0 -4
  99. package/js/types/TextElement.js +0 -2
  100. package/js/types/TextElement.min.js +0 -1
  101. package/js/types/ValueOf.js +0 -2
  102. package/js/types/ValueOf.min.js +0 -1
  103. package/js/types/index.min.js +0 -1
  104. package/js/utils/className/fontColorClass.js +0 -20
  105. package/js/utils/className/fontColorClass.min.js +0 -1
  106. package/js/utils/className/fontColorClass.test.js +0 -18
  107. package/js/utils/className/fontColorClass.test.min.js +0 -1
  108. package/js/utils/className/fontColorClass.test.ts +0 -15
  109. package/js/utils/className/fontColorClass.ts +0 -12
  110. package/js/utils/className/getBasicClass.js +0 -36
  111. package/js/utils/className/getBasicClass.min.js +0 -1
  112. package/js/utils/className/getBasicClass.test.js +0 -22
  113. package/js/utils/className/getBasicClass.test.min.js +0 -1
  114. package/js/utils/className/getBasicClass.test.ts +0 -20
  115. package/js/utils/className/getBasicClass.ts +0 -36
  116. package/js/utils/className/getRootClassName.js +0 -33
  117. package/js/utils/className/getRootClassName.min.js +0 -1
  118. package/js/utils/className/getRootClassName.test.js +0 -15
  119. package/js/utils/className/getRootClassName.test.min.js +0 -1
  120. package/js/utils/className/getRootClassName.test.ts +0 -11
  121. package/js/utils/className/getRootClassName.ts +0 -25
  122. package/js/utils/className/getTypographyClassName.js +0 -13
  123. package/js/utils/className/getTypographyClassName.min.js +0 -1
  124. package/js/utils/className/getTypographyClassName.test.js +0 -9
  125. package/js/utils/className/getTypographyClassName.test.min.js +0 -1
  126. package/js/utils/className/getTypographyClassName.test.ts +0 -7
  127. package/js/utils/className/getTypographyClassName.ts +0 -9
  128. package/js/utils/className/handleBasicClasses.js +0 -52
  129. package/js/utils/className/handleBasicClasses.min.js +0 -1
  130. package/js/utils/className/handleBasicClasses.test.js +0 -35
  131. package/js/utils/className/handleBasicClasses.test.min.js +0 -1
  132. package/js/utils/className/handleBasicClasses.test.ts +0 -28
  133. package/js/utils/className/handleBasicClasses.ts +0 -44
  134. package/js/utils/className/index.js +0 -25
  135. package/js/utils/className/index.min.js +0 -1
  136. package/js/utils/className/index.ts +0 -6
  137. package/js/utils/className/resolveColorWithVariants.min.js +0 -1
  138. package/js/utils/className/resolveColorWithVariants.test.js +0 -30
  139. package/js/utils/className/resolveColorWithVariants.test.min.js +0 -1
  140. package/js/utils/className/resolveColorWithVariants.test.ts +0 -33
  141. package/js/utils/className/resolveColorWithVariants.ts +0 -11
  142. package/js/utils/index.min.js +0 -1
  143. package/js/utils/index.ts +0 -221
  144. package/lumx.min.css +0 -1
  145. package/stories/controls/color.ts +0 -7
  146. package/stories/controls/icons.ts +0 -126
  147. package/stories/controls/selectArgType.ts +0 -8
  148. package/stories/controls/withUndefined.ts +0 -1
  149. package/testing/utils/queries.ts +0 -19
  150. /package/js/types/{Callback.ts → Callback.d.ts} +0 -0
  151. /package/js/types/{Falsy.ts → Falsy.d.ts} +0 -0
  152. /package/js/types/{HasClassName.ts → HasClassName.d.ts} +0 -0
  153. /package/js/types/{HasCloseMode.ts → HasCloseMode.d.ts} +0 -0
  154. /package/js/types/{HeadingElement.ts → HeadingElement.d.ts} +0 -0
  155. /package/js/types/{Predicate.ts → Predicate.d.ts} +0 -0
  156. /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,8 +0,0 @@
1
- export const getSelectArgType = <E>(
2
- options: Array<E> | Record<string, E>,
3
- type: 'select' | 'inline-radio' = 'inline-radio',
4
- ) => ({
5
- control: { type },
6
- options: Object.values(options),
7
- mapping: !Array.isArray(options) ? options : undefined,
8
- });
@@ -1 +0,0 @@
1
- export const withUndefined = <E>(options: Array<E> | Record<string, E>) => [undefined, ...Object.values(options)];
@@ -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