@lumx/react 3.9.5 → 3.9.6-alpha.1
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.d.ts +1 -1
- package/index.js +10 -8
- package/index.js.map +1 -1
- package/package.json +3 -3
- package/src/components/button/Button.stories.tsx +257 -68
- package/src/components/button/IconButton.stories.tsx +11 -11
- package/src/components/chip/Chip.stories.tsx +74 -8
- package/src/components/date-picker/DatePicker.stories.tsx +80 -0
- package/src/components/date-picker/DatePickerControlled.test.tsx +1 -1
- package/src/components/date-picker/DatePickerControlled.tsx +17 -6
- package/src/components/navigation/Navigation.stories.tsx +209 -40
- package/src/components/navigation/NavigationSection.test.tsx +10 -11
- package/src/components/navigation/NavigationSection.tsx +2 -2
- package/src/components/side-navigation/SideNavigationItem.stories.tsx +133 -0
- package/src/stories/controls/color.ts +2 -1
- package/src/stories/controls/icons.ts +121 -2
- package/src/stories/controls/selectArgType.ts +6 -5
- package/src/stories/decorators/withCombinations.tsx +101 -70
- package/src/stories/decorators/withThemedBackground.tsx +18 -0
- package/src/stories/utils/disableArgTypes.ts +3 -0
- package/src/stories/utils/theming.tsx +164 -0
package/index.d.ts
CHANGED
|
@@ -1777,7 +1777,7 @@ interface MosaicProps extends GenericProps, HasTheme {
|
|
|
1777
1777
|
*/
|
|
1778
1778
|
declare const Mosaic: Comp<MosaicProps, HTMLDivElement>;
|
|
1779
1779
|
|
|
1780
|
-
interface NavigationSectionProps extends React.ComponentPropsWithoutRef<'
|
|
1780
|
+
interface NavigationSectionProps extends React.ComponentPropsWithoutRef<'button'>, HasClassName {
|
|
1781
1781
|
/** Items inside the section */
|
|
1782
1782
|
children: ReactNode;
|
|
1783
1783
|
/** Icon (SVG path). */
|
package/index.js
CHANGED
|
@@ -6243,7 +6243,8 @@ const DatePickerControlled = /*#__PURE__*/forwardRef((props, ref) => {
|
|
|
6243
6243
|
selectedMonth,
|
|
6244
6244
|
todayOrSelectedDateRef,
|
|
6245
6245
|
value,
|
|
6246
|
-
onMonthChange
|
|
6246
|
+
onMonthChange,
|
|
6247
|
+
style
|
|
6247
6248
|
} = props;
|
|
6248
6249
|
const {
|
|
6249
6250
|
weeks,
|
|
@@ -6306,7 +6307,8 @@ const DatePickerControlled = /*#__PURE__*/forwardRef((props, ref) => {
|
|
|
6306
6307
|
const yearLabel = getYearDisplayName(locale);
|
|
6307
6308
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
6308
6309
|
ref: ref,
|
|
6309
|
-
className: `${CLASSNAME$11}
|
|
6310
|
+
className: `${CLASSNAME$11}`,
|
|
6311
|
+
style: style
|
|
6310
6312
|
}, /*#__PURE__*/React__default.createElement(Toolbar, {
|
|
6311
6313
|
className: `${CLASSNAME$11}__toolbar`,
|
|
6312
6314
|
after: /*#__PURE__*/React__default.createElement(IconButton, _extends({}, nextButtonProps, {
|
|
@@ -6378,14 +6380,14 @@ const DatePickerControlled = /*#__PURE__*/forwardRef((props, ref) => {
|
|
|
6378
6380
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
6379
6381
|
key: key,
|
|
6380
6382
|
className: `${CLASSNAME$11}__day-wrapper`
|
|
6381
|
-
}, date && /*#__PURE__*/React__default.createElement(
|
|
6383
|
+
}, date && /*#__PURE__*/React__default.createElement(Button, {
|
|
6382
6384
|
ref: isSelected || !value && isToday ? todayOrSelectedDateRef : null,
|
|
6383
6385
|
className: classnames(`${CLASSNAME$11}__month-day`, {
|
|
6384
|
-
[`${CLASSNAME$11}__month-day--is-selected`]: isSelected,
|
|
6385
6386
|
[`${CLASSNAME$11}__month-day--is-today`]: isToday
|
|
6386
6387
|
}),
|
|
6387
6388
|
disabled: isOutOfRange,
|
|
6388
|
-
|
|
6389
|
+
isSelected: isSelected,
|
|
6390
|
+
emphasis: "low",
|
|
6389
6391
|
onClick: () => onChange(date)
|
|
6390
6392
|
}, /*#__PURE__*/React__default.createElement("span", {
|
|
6391
6393
|
"aria-hidden": true
|
|
@@ -9686,13 +9688,13 @@ const NavigationSection = Object.assign( /*#__PURE__*/forwardRef((props, ref) =>
|
|
|
9686
9688
|
} = useContext(NavigationContext) || {};
|
|
9687
9689
|
const theme = useContext(ThemeContext);
|
|
9688
9690
|
const isDropdown = orientation === Orientation.horizontal;
|
|
9689
|
-
return /*#__PURE__*/React__default.createElement("li",
|
|
9691
|
+
return /*#__PURE__*/React__default.createElement("li", {
|
|
9690
9692
|
className: classnames(className, CLASSNAME$D, CLASSNAME$E, handleBasicClasses({
|
|
9691
9693
|
prefix: CLASSNAME$E,
|
|
9692
9694
|
theme
|
|
9693
9695
|
})),
|
|
9694
9696
|
ref: ref
|
|
9695
|
-
},
|
|
9697
|
+
}, /*#__PURE__*/React__default.createElement("button", _extends({}, forwardedProps, {
|
|
9696
9698
|
"aria-controls": sectionId,
|
|
9697
9699
|
"aria-expanded": isOpen,
|
|
9698
9700
|
className: classnames(`${CLASSNAME$E}__link`),
|
|
@@ -9702,7 +9704,7 @@ const NavigationSection = Object.assign( /*#__PURE__*/forwardRef((props, ref) =>
|
|
|
9702
9704
|
event.stopPropagation();
|
|
9703
9705
|
},
|
|
9704
9706
|
type: "button"
|
|
9705
|
-
}, icon ? /*#__PURE__*/React__default.createElement(Icon, {
|
|
9707
|
+
}), icon ? /*#__PURE__*/React__default.createElement(Icon, {
|
|
9706
9708
|
className: `${CLASSNAME$E}__icon`,
|
|
9707
9709
|
icon: icon,
|
|
9708
9710
|
size: Size.xs
|