@lumx/react 3.10.1-alpha.4 → 3.10.1-alpha.5
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/index.js +18 -55
- package/index.js.map +1 -1
- package/package.json +3 -3
- package/src/components/autocomplete/Autocomplete.tsx +2 -11
- package/src/components/autocomplete/AutocompleteMultiple.tsx +2 -7
- package/src/components/badge/BadgeWrapper.tsx +2 -2
- package/src/components/chip/ChipGroup.tsx +2 -5
- package/src/components/dropdown/Dropdown.tsx +2 -2
- package/src/components/grid-column/GridColumn.tsx +2 -7
- package/src/components/heading/Heading.tsx +2 -7
- package/src/components/list/ListDivider.tsx +2 -8
- package/src/components/list/ListSubheader.tsx +2 -2
- package/src/components/popover-dialog/PopoverDialog.tsx +2 -2
- package/src/components/progress-tracker/ProgressTracker.tsx +2 -6
- package/src/components/radio-button/RadioGroup.tsx +2 -11
- package/src/components/side-navigation/SideNavigation.tsx +2 -6
- package/src/components/slideshow/SlideshowItem.tsx +2 -11
- package/src/components/slideshow/SlideshowItemGroup.tsx +2 -8
- package/src/components/table/TableBody.tsx +2 -6
- package/src/components/table/TableCell.tsx +1 -4
- package/src/components/table/TableHeader.tsx +2 -6
- package/src/utils/className/getBasicClass.test.ts +20 -0
- package/src/utils/className/getFontColorClassName.test.ts +11 -0
- package/src/utils/className/getRootClassName.test.ts +11 -0
- package/src/utils/className/getTypographyClassName.test.ts +7 -0
- package/src/utils/className/handleBasicClasses.test.ts +28 -0
package/index.js
CHANGED
|
@@ -879,9 +879,7 @@ const Autocomplete = forwardRef((props, ref) => {
|
|
|
879
879
|
return /*#__PURE__*/React__default.createElement("div", _extends({
|
|
880
880
|
ref: ref
|
|
881
881
|
}, forwardedProps, {
|
|
882
|
-
className: classNames(className,
|
|
883
|
-
prefix: CLASSNAME$1j
|
|
884
|
-
}))
|
|
882
|
+
className: classNames(className, CLASSNAME$1j)
|
|
885
883
|
}), /*#__PURE__*/React__default.createElement(TextField, _extends({}, textFieldProps, {
|
|
886
884
|
chips: chips,
|
|
887
885
|
error: error,
|
|
@@ -1013,9 +1011,7 @@ const AutocompleteMultiple = forwardRef((props, ref) => {
|
|
|
1013
1011
|
ref: ref
|
|
1014
1012
|
}, forwardedProps, {
|
|
1015
1013
|
anchorToInput: anchorToInput,
|
|
1016
|
-
className: classNames(className,
|
|
1017
|
-
prefix: CLASSNAME$1i
|
|
1018
|
-
})),
|
|
1014
|
+
className: classNames(className, CLASSNAME$1i),
|
|
1019
1015
|
name: name,
|
|
1020
1016
|
value: value,
|
|
1021
1017
|
onChange: onChange,
|
|
@@ -4922,9 +4918,7 @@ const Dropdown = forwardRef((props, ref) => {
|
|
|
4922
4918
|
}, forwardedProps, {
|
|
4923
4919
|
focusAnchorOnClose: focusAnchorOnClose,
|
|
4924
4920
|
anchorRef: anchorRef,
|
|
4925
|
-
className: classNames(className,
|
|
4926
|
-
prefix: CLASSNAME$1c
|
|
4927
|
-
})),
|
|
4921
|
+
className: classNames(className, CLASSNAME$1c),
|
|
4928
4922
|
elevation: 0,
|
|
4929
4923
|
closeOnClickAway: closeOnClickAway,
|
|
4930
4924
|
closeOnEscape: closeOnEscape,
|
|
@@ -5180,9 +5174,7 @@ const BadgeWrapper = forwardRef((props, ref) => {
|
|
|
5180
5174
|
return /*#__PURE__*/React__default.createElement("div", _extends({
|
|
5181
5175
|
ref: ref
|
|
5182
5176
|
}, forwardedProps, {
|
|
5183
|
-
className: classNames(className,
|
|
5184
|
-
prefix: CLASSNAME$19
|
|
5185
|
-
}))
|
|
5177
|
+
className: classNames(className, CLASSNAME$19)
|
|
5186
5178
|
}), children, badge && /*#__PURE__*/React__default.createElement("div", {
|
|
5187
5179
|
className: `${CLASSNAME$19}__badge`
|
|
5188
5180
|
}, badge));
|
|
@@ -5838,13 +5830,10 @@ const InternalChipGroup = forwardRef((props, ref) => {
|
|
|
5838
5830
|
className
|
|
5839
5831
|
} = props,
|
|
5840
5832
|
forwardedProps = _objectWithoutProperties(props, _excluded$19);
|
|
5841
|
-
const chipGroupClassName = handleBasicClasses({
|
|
5842
|
-
prefix: CLASSNAME$13
|
|
5843
|
-
});
|
|
5844
5833
|
return /*#__PURE__*/React__default.createElement("div", _extends({
|
|
5845
5834
|
ref: ref
|
|
5846
5835
|
}, forwardedProps, {
|
|
5847
|
-
className: classNames(className,
|
|
5836
|
+
className: classNames(className, CLASSNAME$13)
|
|
5848
5837
|
}), children);
|
|
5849
5838
|
});
|
|
5850
5839
|
InternalChipGroup.displayName = COMPONENT_NAME$15;
|
|
@@ -7678,9 +7667,7 @@ const Heading = forwardRef((props, ref) => {
|
|
|
7678
7667
|
const computedHeadingElement = as || headingElement;
|
|
7679
7668
|
return /*#__PURE__*/React__default.createElement(Text, _extends({
|
|
7680
7669
|
ref: ref,
|
|
7681
|
-
className: classNames(className,
|
|
7682
|
-
prefix: CLASSNAME$U
|
|
7683
|
-
})),
|
|
7670
|
+
className: classNames(className, CLASSNAME$U),
|
|
7684
7671
|
as: computedHeadingElement,
|
|
7685
7672
|
typography: DEFAULT_TYPOGRAPHY_BY_LEVEL[computedHeadingElement]
|
|
7686
7673
|
}, forwardedProps), children);
|
|
@@ -7862,9 +7849,7 @@ const GridColumn = forwardRef((props, ref) => {
|
|
|
7862
7849
|
forwardedProps = _objectWithoutProperties(props, _excluded$W);
|
|
7863
7850
|
return /*#__PURE__*/React__default.createElement(Component, _extends({}, forwardedProps, {
|
|
7864
7851
|
ref: ref,
|
|
7865
|
-
className: classNames(className,
|
|
7866
|
-
prefix: CLASSNAME$R
|
|
7867
|
-
})),
|
|
7852
|
+
className: classNames(className, CLASSNAME$R),
|
|
7868
7853
|
style: _objectSpread2(_objectSpread2({}, style), {}, {
|
|
7869
7854
|
['--lumx-grid-column-item-min-width']: Number.isInteger(itemMinWidth) && `${itemMinWidth}px`,
|
|
7870
7855
|
['--lumx-grid-column-columns']: maxColumns,
|
|
@@ -9374,9 +9359,7 @@ const ListDivider = forwardRef((props, ref) => {
|
|
|
9374
9359
|
return /*#__PURE__*/React__default.createElement("li", _extends({
|
|
9375
9360
|
ref: ref
|
|
9376
9361
|
}, forwardedProps, {
|
|
9377
|
-
className: classNames(className,
|
|
9378
|
-
prefix: CLASSNAME$I
|
|
9379
|
-
}))
|
|
9362
|
+
className: classNames(className, CLASSNAME$I)
|
|
9380
9363
|
}));
|
|
9381
9364
|
});
|
|
9382
9365
|
ListDivider.displayName = COMPONENT_NAME$I;
|
|
@@ -9414,9 +9397,7 @@ const ListSubheader = forwardRef((props, ref) => {
|
|
|
9414
9397
|
return /*#__PURE__*/React__default.createElement("li", _extends({
|
|
9415
9398
|
ref: ref
|
|
9416
9399
|
}, forwardedProps, {
|
|
9417
|
-
className: classNames(className,
|
|
9418
|
-
prefix: CLASSNAME$H
|
|
9419
|
-
}))
|
|
9400
|
+
className: classNames(className, CLASSNAME$H)
|
|
9420
9401
|
}), children);
|
|
9421
9402
|
});
|
|
9422
9403
|
ListSubheader.displayName = COMPONENT_NAME$H;
|
|
@@ -9966,9 +9947,7 @@ const PopoverDialog = forwardRef((props, ref) => {
|
|
|
9966
9947
|
forwardedProps = _objectWithoutProperties(props, _excluded$E);
|
|
9967
9948
|
return /*#__PURE__*/React__default.createElement(Popover, _extends({}, forwardedProps, {
|
|
9968
9949
|
ref: ref,
|
|
9969
|
-
className: classNames(className,
|
|
9970
|
-
prefix: CLASSNAME$A
|
|
9971
|
-
})),
|
|
9950
|
+
className: classNames(className, CLASSNAME$A),
|
|
9972
9951
|
role: "dialog",
|
|
9973
9952
|
"aria-modal": "true"
|
|
9974
9953
|
/**
|
|
@@ -10557,9 +10536,7 @@ const ProgressTracker = forwardRef((props, ref) => {
|
|
|
10557
10536
|
return /*#__PURE__*/React__default.createElement("div", _extends({
|
|
10558
10537
|
ref: mergeRefs(ref, stepListRef)
|
|
10559
10538
|
}, forwardedProps, {
|
|
10560
|
-
className: classNames(className,
|
|
10561
|
-
prefix: CLASSNAME$v
|
|
10562
|
-
}))
|
|
10539
|
+
className: classNames(className, CLASSNAME$v)
|
|
10563
10540
|
}), /*#__PURE__*/React__default.createElement("div", {
|
|
10564
10541
|
className: `${CLASSNAME$v}__steps`,
|
|
10565
10542
|
role: "tablist",
|
|
@@ -10884,9 +10861,7 @@ const RadioGroup = forwardRef((props, ref) => {
|
|
|
10884
10861
|
return /*#__PURE__*/React__default.createElement("div", _extends({
|
|
10885
10862
|
ref: ref
|
|
10886
10863
|
}, forwardedProps, {
|
|
10887
|
-
className: classNames(className,
|
|
10888
|
-
prefix: CLASSNAME$r
|
|
10889
|
-
}))
|
|
10864
|
+
className: classNames(className, CLASSNAME$r)
|
|
10890
10865
|
}), children);
|
|
10891
10866
|
});
|
|
10892
10867
|
RadioGroup.displayName = COMPONENT_NAME$r;
|
|
@@ -11170,9 +11145,7 @@ const SideNavigation = forwardRef((props, ref) => {
|
|
|
11170
11145
|
return /*#__PURE__*/React__default.createElement("ul", _extends({
|
|
11171
11146
|
ref: ref
|
|
11172
11147
|
}, forwardedProps, {
|
|
11173
|
-
className: classNames(className, theme === Theme.dark && 'lumx-color-font-light-N',
|
|
11174
|
-
prefix: CLASSNAME$o
|
|
11175
|
-
}))
|
|
11148
|
+
className: classNames(className, theme === Theme.dark && 'lumx-color-font-light-N', CLASSNAME$o)
|
|
11176
11149
|
}), content);
|
|
11177
11150
|
});
|
|
11178
11151
|
SideNavigation.displayName = COMPONENT_NAME$o;
|
|
@@ -12136,9 +12109,7 @@ const SlideshowItemGroup = forwardRef((props, ref) => {
|
|
|
12136
12109
|
return /*#__PURE__*/React__default.createElement("div", _extends({
|
|
12137
12110
|
ref: mergeRefs(groupRef, ref),
|
|
12138
12111
|
role: role,
|
|
12139
|
-
className: classNames(className,
|
|
12140
|
-
prefix: CLASSNAME$i
|
|
12141
|
-
})),
|
|
12112
|
+
className: classNames(className, CLASSNAME$i),
|
|
12142
12113
|
"aria-roledescription": "slide",
|
|
12143
12114
|
"aria-label": label
|
|
12144
12115
|
}, forwardedProps), children);
|
|
@@ -12294,9 +12265,7 @@ const SlideshowItem = forwardRef((props, ref) => {
|
|
|
12294
12265
|
forwardedProps = _objectWithoutProperties(props, _excluded$i);
|
|
12295
12266
|
return /*#__PURE__*/React__default.createElement("div", _extends({
|
|
12296
12267
|
ref: ref,
|
|
12297
|
-
className: classNames(className,
|
|
12298
|
-
prefix: CLASSNAME$h
|
|
12299
|
-
}))
|
|
12268
|
+
className: classNames(className, CLASSNAME$h)
|
|
12300
12269
|
}, forwardedProps), children);
|
|
12301
12270
|
});
|
|
12302
12271
|
SlideshowItem.displayName = COMPONENT_NAME$h;
|
|
@@ -12793,9 +12762,7 @@ const TableBody = forwardRef((props, ref) => {
|
|
|
12793
12762
|
return /*#__PURE__*/React__default.createElement("tbody", _extends({
|
|
12794
12763
|
ref: ref
|
|
12795
12764
|
}, forwardedProps, {
|
|
12796
|
-
className: classNames(className,
|
|
12797
|
-
prefix: CLASSNAME$c
|
|
12798
|
-
}))
|
|
12765
|
+
className: classNames(className, CLASSNAME$c)
|
|
12799
12766
|
}), children);
|
|
12800
12767
|
});
|
|
12801
12768
|
TableBody.displayName = COMPONENT_NAME$c;
|
|
@@ -12898,9 +12865,7 @@ const TableCell = forwardRef((props, ref) => {
|
|
|
12898
12865
|
}), /*#__PURE__*/React__default.createElement("div", {
|
|
12899
12866
|
className: `${CLASSNAME$b}-content`
|
|
12900
12867
|
}, children))), variant === TableCellVariant.body && /*#__PURE__*/React__default.createElement("td", _extends({}, forwardedProps, {
|
|
12901
|
-
className: classNames(className,
|
|
12902
|
-
prefix: CLASSNAME$b
|
|
12903
|
-
}), `${CLASSNAME$b}--body`)
|
|
12868
|
+
className: classNames(className, CLASSNAME$b, `${CLASSNAME$b}--body`)
|
|
12904
12869
|
}), /*#__PURE__*/React__default.createElement("div", {
|
|
12905
12870
|
className: `${CLASSNAME$b}-content`
|
|
12906
12871
|
}, children)));
|
|
@@ -12946,9 +12911,7 @@ const TableHeader = forwardRef((props, ref) => {
|
|
|
12946
12911
|
return /*#__PURE__*/React__default.createElement("thead", _extends({
|
|
12947
12912
|
ref: ref
|
|
12948
12913
|
}, forwardedProps, {
|
|
12949
|
-
className: classNames(className,
|
|
12950
|
-
prefix: CLASSNAME$a
|
|
12951
|
-
}))
|
|
12914
|
+
className: classNames(className, CLASSNAME$a)
|
|
12952
12915
|
}), children);
|
|
12953
12916
|
});
|
|
12954
12917
|
TableHeader.displayName = COMPONENT_NAME$a;
|