@lumx/core 3.20.1-alpha.4 → 3.20.1-alpha.41

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 (130) hide show
  1. package/CONTRIBUTING.md +1 -5
  2. package/js/constants/design-tokens.d.ts +5421 -0
  3. package/js/constants/design-tokens.js +1 -5
  4. package/js/constants/index.d.ts +232 -0
  5. package/js/constants/index.js +2 -35
  6. package/js/constants/keycodes.d.ts +36 -0
  7. package/js/constants/keycodes.js +1 -13
  8. package/js/custom-colors.d.ts +25 -0
  9. package/js/custom-colors.js +1 -6
  10. package/js/types/Callback.js +0 -1
  11. package/js/types/Falsy.js +0 -1
  12. package/js/types/{GenericProps.ts → GenericProps.d.ts} +0 -1
  13. package/js/types/GenericProps.js +0 -1
  14. package/js/types/HasAriaLabelOrLabelledBy.d.ts +17 -0
  15. package/js/types/HasAriaLabelOrLabelledBy.js +0 -1
  16. package/js/types/HasClassName.js +0 -1
  17. package/js/types/HasCloseMode.js +0 -1
  18. package/js/types/{HasTheme.ts → HasTheme.d.ts} +0 -1
  19. package/js/types/HasTheme.js +0 -1
  20. package/js/types/HeadingElement.js +0 -1
  21. package/js/types/Point.d.ts +7 -0
  22. package/js/types/Point.js +0 -1
  23. package/js/types/Predicate.js +0 -1
  24. package/js/types/RectSize.d.ts +7 -0
  25. package/js/types/RectSize.js +0 -1
  26. package/js/types/{TextElement.ts → TextElement.d.ts} +0 -1
  27. package/js/types/TextElement.js +0 -1
  28. package/js/types/ValueOf.js +0 -1
  29. package/js/types/index.js +0 -1
  30. package/js/utils/className/fontColorClass.d.ts +6 -0
  31. package/js/utils/className/fontColorClass.js +4 -9
  32. package/js/utils/className/getBasicClass.d.ts +13 -0
  33. package/js/utils/className/getBasicClass.js +7 -16
  34. package/js/utils/className/{getRootClassName.ts → getRootClassName.d.ts} +1 -15
  35. package/js/utils/className/getRootClassName.js +4 -13
  36. package/js/utils/className/{getTypographyClassName.ts → getTypographyClassName.d.ts} +1 -4
  37. package/js/utils/className/getTypographyClassName.js +1 -5
  38. package/js/utils/className/handleBasicClasses.d.ts +15 -0
  39. package/js/utils/className/handleBasicClasses.js +9 -20
  40. package/js/utils/className/index.js +6 -25
  41. package/js/utils/className/resolveColorWithVariants.d.ts +3 -0
  42. package/js/utils/className/resolveColorWithVariants.js +1 -5
  43. package/js/utils/events/index.d.ts +2 -0
  44. package/js/utils/events/index.js +2 -0
  45. package/js/utils/events/keyboard.d.ts +24 -0
  46. package/js/utils/events/keyboard.js +44 -0
  47. package/js/utils/events/swipe.d.ts +6 -0
  48. package/js/utils/events/swipe.js +79 -0
  49. package/js/utils/index.d.ts +2 -0
  50. package/js/utils/index.js +8 -223
  51. package/lumx.css +7 -6
  52. package/package.json +10 -14
  53. package/scss/components/list/_index.scss +10 -4
  54. package/js/components/Icon/Stories.js +0 -40
  55. package/js/components/Icon/Tests.tsx +0 -120
  56. package/js/components/Icon/index.tsx +0 -134
  57. package/js/constants/design-tokens.min.js +0 -1
  58. package/js/constants/design-tokens.ts +0 -2324
  59. package/js/constants/index.min.js +0 -1
  60. package/js/constants/index.ts +0 -231
  61. package/js/constants/keycodes.min.js +0 -1
  62. package/js/constants/keycodes.ts +0 -44
  63. package/js/custom-colors.min.js +0 -1
  64. package/js/custom-colors.ts +0 -56
  65. package/js/date-picker.js +0 -71
  66. package/js/date-picker.min.js +0 -1
  67. package/js/date-picker.ts +0 -77
  68. package/js/types/Callback.min.js +0 -1
  69. package/js/types/Falsy.min.js +0 -1
  70. package/js/types/GenericProps.min.js +0 -1
  71. package/js/types/HasAriaLabelOrLabelledBy.min.js +0 -1
  72. package/js/types/HasAriaLabelOrLabelledBy.ts +0 -19
  73. package/js/types/HasClassName.min.js +0 -1
  74. package/js/types/HasCloseMode.min.js +0 -1
  75. package/js/types/HasTheme.min.js +0 -1
  76. package/js/types/HeadingElement.min.js +0 -1
  77. package/js/types/Point.min.js +0 -1
  78. package/js/types/Point.ts +0 -4
  79. package/js/types/Predicate.min.js +0 -1
  80. package/js/types/RectSize.min.js +0 -1
  81. package/js/types/RectSize.ts +0 -4
  82. package/js/types/TextElement.min.js +0 -1
  83. package/js/types/ValueOf.min.js +0 -1
  84. package/js/types/index.min.js +0 -1
  85. package/js/utils/className/fontColorClass.min.js +0 -1
  86. package/js/utils/className/fontColorClass.test.js +0 -18
  87. package/js/utils/className/fontColorClass.test.min.js +0 -1
  88. package/js/utils/className/fontColorClass.test.ts +0 -15
  89. package/js/utils/className/fontColorClass.ts +0 -12
  90. package/js/utils/className/getBasicClass.min.js +0 -1
  91. package/js/utils/className/getBasicClass.test.js +0 -22
  92. package/js/utils/className/getBasicClass.test.min.js +0 -1
  93. package/js/utils/className/getBasicClass.test.ts +0 -20
  94. package/js/utils/className/getBasicClass.ts +0 -36
  95. package/js/utils/className/getRootClassName.min.js +0 -1
  96. package/js/utils/className/getRootClassName.test.js +0 -15
  97. package/js/utils/className/getRootClassName.test.min.js +0 -1
  98. package/js/utils/className/getRootClassName.test.ts +0 -11
  99. package/js/utils/className/getTypographyClassName.min.js +0 -1
  100. package/js/utils/className/getTypographyClassName.test.js +0 -9
  101. package/js/utils/className/getTypographyClassName.test.min.js +0 -1
  102. package/js/utils/className/getTypographyClassName.test.ts +0 -7
  103. package/js/utils/className/handleBasicClasses.min.js +0 -1
  104. package/js/utils/className/handleBasicClasses.test.js +0 -35
  105. package/js/utils/className/handleBasicClasses.test.min.js +0 -1
  106. package/js/utils/className/handleBasicClasses.test.ts +0 -28
  107. package/js/utils/className/handleBasicClasses.ts +0 -44
  108. package/js/utils/className/index.min.js +0 -1
  109. package/js/utils/className/resolveColorWithVariants.min.js +0 -1
  110. package/js/utils/className/resolveColorWithVariants.test.js +0 -30
  111. package/js/utils/className/resolveColorWithVariants.test.min.js +0 -1
  112. package/js/utils/className/resolveColorWithVariants.test.ts +0 -33
  113. package/js/utils/className/resolveColorWithVariants.ts +0 -11
  114. package/js/utils/index.min.js +0 -1
  115. package/js/utils/index.ts +0 -221
  116. package/lumx.min.css +0 -1
  117. package/stories/controls/color.ts +0 -7
  118. package/stories/controls/icons.ts +0 -126
  119. package/stories/controls/selectArgType.ts +0 -8
  120. package/stories/controls/withUndefined.ts +0 -1
  121. package/testing/utils/queries.ts +0 -19
  122. /package/js/types/{Callback.ts → Callback.d.ts} +0 -0
  123. /package/js/types/{Falsy.ts → Falsy.d.ts} +0 -0
  124. /package/js/types/{HasClassName.ts → HasClassName.d.ts} +0 -0
  125. /package/js/types/{HasCloseMode.ts → HasCloseMode.d.ts} +0 -0
  126. /package/js/types/{HeadingElement.ts → HeadingElement.d.ts} +0 -0
  127. /package/js/types/{Predicate.ts → Predicate.d.ts} +0 -0
  128. /package/js/types/{ValueOf.ts → ValueOf.d.ts} +0 -0
  129. /package/js/types/{index.ts → index.d.ts} +0 -0
  130. /package/js/utils/className/{index.ts → index.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
File without changes
File without changes