@lumx/core 3.20.1-alpha.2 → 3.20.1-alpha.20

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 (78) hide show
  1. package/CONTRIBUTING.md +1 -5
  2. package/js/constants/design-tokens.js +5389 -2294
  3. package/js/constants/index.js +107 -134
  4. package/js/constants/keycodes.js +9 -13
  5. package/js/custom-colors.js +17 -22
  6. package/js/types/Callback.js +0 -1
  7. package/js/types/Falsy.js +0 -1
  8. package/js/types/GenericProps.js +0 -1
  9. package/js/types/HasAriaLabelOrLabelledBy.js +0 -1
  10. package/js/types/HasClassName.js +0 -1
  11. package/js/types/HasCloseMode.js +0 -1
  12. package/js/types/HasTheme.js +0 -1
  13. package/js/types/HeadingElement.js +0 -1
  14. package/js/types/Point.js +0 -1
  15. package/js/types/Predicate.js +0 -1
  16. package/js/types/RectSize.js +0 -1
  17. package/js/types/TextElement.js +0 -1
  18. package/js/types/ValueOf.js +0 -1
  19. package/js/types/index.js +0 -1
  20. package/js/utils/className/fontColorClass.js +7 -12
  21. package/js/utils/className/fontColorClass.test.js +14 -16
  22. package/js/utils/className/getBasicClass.js +19 -24
  23. package/js/utils/className/getBasicClass.test.js +55 -19
  24. package/js/utils/className/getRootClassName.js +10 -17
  25. package/js/utils/className/getRootClassName.test.js +11 -13
  26. package/js/utils/className/getTypographyClassName.js +3 -7
  27. package/js/utils/className/getTypographyClassName.test.js +5 -7
  28. package/js/utils/className/handleBasicClasses.js +27 -31
  29. package/js/utils/className/handleBasicClasses.test.js +30 -32
  30. package/js/utils/className/index.js +12 -25
  31. package/js/utils/className/resolveColorWithVariants.js +4 -9
  32. package/js/utils/className/resolveColorWithVariants.test.js +26 -28
  33. package/js/utils/index.js +161 -174
  34. package/package.json +5 -11
  35. package/js/components/Icon/Stories.js +0 -40
  36. package/js/components/Icon/Tests.tsx +0 -120
  37. package/js/components/Icon/index.tsx +0 -134
  38. package/js/constants/design-tokens.min.js +0 -1
  39. package/js/constants/index.min.js +0 -1
  40. package/js/constants/keycodes.min.js +0 -1
  41. package/js/custom-colors.min.js +0 -1
  42. package/js/date-picker.js +0 -71
  43. package/js/date-picker.min.js +0 -1
  44. package/js/date-picker.ts +0 -77
  45. package/js/types/Callback.min.js +0 -1
  46. package/js/types/Falsy.min.js +0 -1
  47. package/js/types/GenericProps.min.js +0 -1
  48. package/js/types/HasAriaLabelOrLabelledBy.min.js +0 -1
  49. package/js/types/HasClassName.min.js +0 -1
  50. package/js/types/HasCloseMode.min.js +0 -1
  51. package/js/types/HasTheme.min.js +0 -1
  52. package/js/types/HeadingElement.min.js +0 -1
  53. package/js/types/Point.min.js +0 -1
  54. package/js/types/Predicate.min.js +0 -1
  55. package/js/types/RectSize.min.js +0 -1
  56. package/js/types/TextElement.min.js +0 -1
  57. package/js/types/ValueOf.min.js +0 -1
  58. package/js/types/index.min.js +0 -1
  59. package/js/utils/className/fontColorClass.min.js +0 -1
  60. package/js/utils/className/fontColorClass.test.min.js +0 -1
  61. package/js/utils/className/getBasicClass.min.js +0 -1
  62. package/js/utils/className/getBasicClass.test.min.js +0 -1
  63. package/js/utils/className/getRootClassName.min.js +0 -1
  64. package/js/utils/className/getRootClassName.test.min.js +0 -1
  65. package/js/utils/className/getTypographyClassName.min.js +0 -1
  66. package/js/utils/className/getTypographyClassName.test.min.js +0 -1
  67. package/js/utils/className/handleBasicClasses.min.js +0 -1
  68. package/js/utils/className/handleBasicClasses.test.min.js +0 -1
  69. package/js/utils/className/index.min.js +0 -1
  70. package/js/utils/className/resolveColorWithVariants.min.js +0 -1
  71. package/js/utils/className/resolveColorWithVariants.test.min.js +0 -1
  72. package/js/utils/index.min.js +0 -1
  73. package/lumx.min.css +0 -1
  74. package/stories/controls/color.ts +0 -7
  75. package/stories/controls/icons.ts +0 -126
  76. package/stories/controls/selectArgType.ts +0 -8
  77. package/stories/controls/withUndefined.ts +0 -1
  78. package/testing/utils/queries.ts +0 -19
@@ -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
- );