@redsift/design-system 9.0.0-alpha.12 → 9.0.0-alpha.14
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 +24 -7
- package/index.js +175 -46
- package/index.js.map +1 -1
- package/package.json +2 -2
package/index.js
CHANGED
|
@@ -1450,7 +1450,7 @@ Spinner.className = CLASSNAME$M;
|
|
|
1450
1450
|
Spinner.defaultProps = DEFAULT_PROPS$M;
|
|
1451
1451
|
Spinner.displayName = COMPONENT_NAME$M;
|
|
1452
1452
|
|
|
1453
|
-
const _excluded$L = ["children", "className", "color", "disabled", "fullWidth", "isActive", "isDisabled", "isHovered", "isLoading", "leftIcon", "rightIcon", "variant"];
|
|
1453
|
+
const _excluded$L = ["children", "className", "color", "disabled", "fullWidth", "isActive", "isDisabled", "isHovered", "isLoading", "leftIcon", "leftIconProps", "rightIcon", "rightIconProps", "variant"];
|
|
1454
1454
|
const COMPONENT_NAME$L = 'Button';
|
|
1455
1455
|
const CLASSNAME$L = 'redsift-button';
|
|
1456
1456
|
const DEFAULT_PROPS$L = {
|
|
@@ -1480,7 +1480,9 @@ const Button = /*#__PURE__*/forwardRef((props, ref) => {
|
|
|
1480
1480
|
isHovered,
|
|
1481
1481
|
isLoading,
|
|
1482
1482
|
leftIcon,
|
|
1483
|
+
leftIconProps,
|
|
1483
1484
|
rightIcon,
|
|
1485
|
+
rightIconProps,
|
|
1484
1486
|
variant
|
|
1485
1487
|
} = props,
|
|
1486
1488
|
forwardedProps = _objectWithoutProperties(props, _excluded$L);
|
|
@@ -1497,18 +1499,18 @@ const Button = /*#__PURE__*/forwardRef((props, ref) => {
|
|
|
1497
1499
|
className: classNames(Button.className, className),
|
|
1498
1500
|
disabled: isDisabled,
|
|
1499
1501
|
ref: buttonRef
|
|
1500
|
-
}), leftIcon ? /*#__PURE__*/React__default.createElement(Icon, {
|
|
1502
|
+
}), leftIcon ? /*#__PURE__*/React__default.createElement(Icon, _extends$1({
|
|
1501
1503
|
icon: leftIcon,
|
|
1502
1504
|
"aria-hidden": "true",
|
|
1503
1505
|
className: "left"
|
|
1504
|
-
}) : null, isLoading ? /*#__PURE__*/React__default.createElement(Spinner, {
|
|
1506
|
+
}, leftIconProps)) : null, isLoading ? /*#__PURE__*/React__default.createElement(Spinner, {
|
|
1505
1507
|
size: "small",
|
|
1506
1508
|
isColored: false
|
|
1507
|
-
}) : null, /*#__PURE__*/React__default.createElement("span", null, children), rightIcon ? /*#__PURE__*/React__default.createElement(Icon, {
|
|
1509
|
+
}) : null, /*#__PURE__*/React__default.createElement("span", null, children), rightIcon ? /*#__PURE__*/React__default.createElement(Icon, _extends$1({
|
|
1508
1510
|
icon: rightIcon,
|
|
1509
1511
|
"aria-hidden": "true",
|
|
1510
1512
|
className: "right"
|
|
1511
|
-
}) : null);
|
|
1513
|
+
}, rightIconProps)) : null);
|
|
1512
1514
|
});
|
|
1513
1515
|
Button.className = CLASSNAME$L;
|
|
1514
1516
|
Button.defaultProps = DEFAULT_PROPS$L;
|
|
@@ -3751,7 +3753,7 @@ SideNavigationMenuBar.defaultProps = DEFAULT_PROPS$A;
|
|
|
3751
3753
|
SideNavigationMenuBar.displayName = COMPONENT_NAME$A;
|
|
3752
3754
|
|
|
3753
3755
|
const _excluded$z = ["title", "href", "ref"],
|
|
3754
|
-
_excluded2 = ["title", "children", "ref"],
|
|
3756
|
+
_excluded2$1 = ["title", "children", "ref"],
|
|
3755
3757
|
_excluded3 = ["title", "href", "ref"];
|
|
3756
3758
|
const isMenu = item => {
|
|
3757
3759
|
return item.children !== undefined;
|
|
@@ -3783,7 +3785,7 @@ const useSideNavigationMenuBar = _ref => {
|
|
|
3783
3785
|
children,
|
|
3784
3786
|
ref
|
|
3785
3787
|
} = item,
|
|
3786
|
-
rest = _objectWithoutProperties(item, _excluded2);
|
|
3788
|
+
rest = _objectWithoutProperties(item, _excluded2$1);
|
|
3787
3789
|
menuBarChildren.push( /*#__PURE__*/React__default.createElement(SideNavigationMenu, _extends$1({
|
|
3788
3790
|
key: title,
|
|
3789
3791
|
"aria-label": title,
|
|
@@ -4568,10 +4570,10 @@ const StyledCardBody = styled.div`
|
|
|
4568
4570
|
${baseContainer}
|
|
4569
4571
|
|
|
4570
4572
|
color: var(--redsift-color-neutral-darkgrey);
|
|
4571
|
-
font-family: var(--redsift-typography-
|
|
4572
|
-
font-size: var(--redsift-typography-
|
|
4573
|
-
font-weight: var(--redsift-typography-
|
|
4574
|
-
line-height: var(--redsift-typography-
|
|
4573
|
+
font-family: var(--redsift-typography-body-font-family);
|
|
4574
|
+
font-size: var(--redsift-typography-body-font-size);
|
|
4575
|
+
font-weight: var(--redsift-typography-body-font-weight);
|
|
4576
|
+
line-height: var(--redsift-typography-body-line-height);
|
|
4575
4577
|
padding: 16px 0px;
|
|
4576
4578
|
`;
|
|
4577
4579
|
|
|
@@ -5622,6 +5624,18 @@ DetailedCardHeader.className = CLASSNAME$i;
|
|
|
5622
5624
|
DetailedCardHeader.defaultProps = DEFAULT_PROPS$i;
|
|
5623
5625
|
DetailedCardHeader.displayName = COMPONENT_NAME$i;
|
|
5624
5626
|
|
|
5627
|
+
/**
|
|
5628
|
+
* Component size.
|
|
5629
|
+
*/
|
|
5630
|
+
const PillSize = {
|
|
5631
|
+
small: 'small',
|
|
5632
|
+
large: 'large'
|
|
5633
|
+
};
|
|
5634
|
+
|
|
5635
|
+
/**
|
|
5636
|
+
* Component props.
|
|
5637
|
+
*/
|
|
5638
|
+
|
|
5625
5639
|
/**
|
|
5626
5640
|
* Component style.
|
|
5627
5641
|
*/
|
|
@@ -5631,7 +5645,8 @@ const StyledPill = styled.div`
|
|
|
5631
5645
|
gap: 4px;
|
|
5632
5646
|
width: fit-content;
|
|
5633
5647
|
${baseStyling}
|
|
5634
|
-
|
|
5648
|
+
|
|
5649
|
+
border-radius: 2px;
|
|
5635
5650
|
padding: 2px 8px;
|
|
5636
5651
|
text-align: center;
|
|
5637
5652
|
|
|
@@ -5658,9 +5673,7 @@ const StyledPill = styled.div`
|
|
|
5658
5673
|
|
|
5659
5674
|
&,
|
|
5660
5675
|
.redsift-icon {
|
|
5661
|
-
color: var(
|
|
5662
|
-
--redsift-color-neutral-${['black', 'warning-dark', 'success-dark'].includes($color) ? 'white' : 'black'}
|
|
5663
|
-
);
|
|
5676
|
+
color: var(--redsift-color-neutral-${['black', 'no-data', 'error-dark'].includes($color) ? 'white' : 'black'});
|
|
5664
5677
|
}
|
|
5665
5678
|
`;
|
|
5666
5679
|
}}}
|
|
@@ -5668,9 +5681,19 @@ const StyledPill = styled.div`
|
|
|
5668
5681
|
&,
|
|
5669
5682
|
.redsift-icon {
|
|
5670
5683
|
font-family: var(--redsift-typography-pill-font-family);
|
|
5671
|
-
font-size:
|
|
5684
|
+
font-size: ${_ref3 => {
|
|
5685
|
+
let {
|
|
5686
|
+
$size
|
|
5687
|
+
} = _ref3;
|
|
5688
|
+
return $size === PillSize.large ? css`var(--redsift-typography-chip-font-size)` : css`var(--redsift-typography-pill-font-size)`;
|
|
5689
|
+
}}};
|
|
5672
5690
|
font-weight: var(--redsift-typography-pill-font-weight);
|
|
5673
|
-
line-height:
|
|
5691
|
+
line-height: ${_ref4 => {
|
|
5692
|
+
let {
|
|
5693
|
+
$size
|
|
5694
|
+
} = _ref4;
|
|
5695
|
+
return $size === PillSize.large ? css`var(--redsift-typography-chip-line-height)` : css`var(--redsift-typography-pill-line-height)`;
|
|
5696
|
+
}}};
|
|
5674
5697
|
}
|
|
5675
5698
|
|
|
5676
5699
|
.redsift-icon {
|
|
@@ -5684,12 +5707,13 @@ const StyledPill = styled.div`
|
|
|
5684
5707
|
}
|
|
5685
5708
|
`;
|
|
5686
5709
|
|
|
5687
|
-
const _excluded$g = ["autoBreak", "children", "className", "color"];
|
|
5710
|
+
const _excluded$g = ["autoBreak", "children", "className", "color", "size"];
|
|
5688
5711
|
const COMPONENT_NAME$h = 'Pill';
|
|
5689
5712
|
const CLASSNAME$h = 'redsift-pill';
|
|
5690
5713
|
const DEFAULT_PROPS$h = {
|
|
5691
5714
|
color: PresentationColorPalette.pink,
|
|
5692
|
-
height: 'fit-content'
|
|
5715
|
+
height: 'fit-content',
|
|
5716
|
+
size: PillSize.large
|
|
5693
5717
|
};
|
|
5694
5718
|
|
|
5695
5719
|
/**
|
|
@@ -5700,12 +5724,14 @@ const Pill = /*#__PURE__*/forwardRef((props, ref) => {
|
|
|
5700
5724
|
autoBreak,
|
|
5701
5725
|
children,
|
|
5702
5726
|
className,
|
|
5703
|
-
color
|
|
5727
|
+
color,
|
|
5728
|
+
size
|
|
5704
5729
|
} = props,
|
|
5705
5730
|
forwardedProps = _objectWithoutProperties(props, _excluded$g);
|
|
5706
5731
|
return /*#__PURE__*/React__default.createElement(StyledPill, _extends$1({}, forwardedProps, {
|
|
5707
5732
|
$autoBreak: autoBreak,
|
|
5708
5733
|
$color: color,
|
|
5734
|
+
$size: size,
|
|
5709
5735
|
className: classNames(Pill.className, className),
|
|
5710
5736
|
ref: ref
|
|
5711
5737
|
}), children);
|
|
@@ -9657,6 +9683,7 @@ let EventKey = /*#__PURE__*/function (EventKey) {
|
|
|
9657
9683
|
EventKey["ArrowDown"] = "ArrowDown";
|
|
9658
9684
|
EventKey["Home"] = "Home";
|
|
9659
9685
|
EventKey["End"] = "End";
|
|
9686
|
+
EventKey["Enter"] = "Enter";
|
|
9660
9687
|
return EventKey;
|
|
9661
9688
|
}({});
|
|
9662
9689
|
let Navigation = /*#__PURE__*/function (Navigation) {
|
|
@@ -9698,7 +9725,8 @@ const FOCUS_WITHING_GROUP_INITIAL_STATE = {
|
|
|
9698
9725
|
focusOnInit: true,
|
|
9699
9726
|
loopAround: false,
|
|
9700
9727
|
rowStartMap: null,
|
|
9701
|
-
focusType: 'roving-tabindex'
|
|
9728
|
+
focusType: 'roving-tabindex',
|
|
9729
|
+
listRole: 'listbox'
|
|
9702
9730
|
};
|
|
9703
9731
|
const FocusWithinGroupContext = /*#__PURE__*/React__default.createContext({
|
|
9704
9732
|
state: FOCUS_WITHING_GROUP_INITIAL_STATE,
|
|
@@ -10159,6 +10187,7 @@ const FocusWithinGroup = props => {
|
|
|
10159
10187
|
focusOnClick,
|
|
10160
10188
|
loopAround,
|
|
10161
10189
|
focusType,
|
|
10190
|
+
listRole,
|
|
10162
10191
|
focusOnInit,
|
|
10163
10192
|
activedescendant,
|
|
10164
10193
|
maxOptionsLength
|
|
@@ -10168,6 +10197,7 @@ const FocusWithinGroup = props => {
|
|
|
10168
10197
|
focusOnClick,
|
|
10169
10198
|
loopAround,
|
|
10170
10199
|
focusType,
|
|
10200
|
+
listRole,
|
|
10171
10201
|
focusOnInit,
|
|
10172
10202
|
activedescendant,
|
|
10173
10203
|
maxOptionsLength
|
|
@@ -10182,12 +10212,13 @@ const FocusWithinGroup = props => {
|
|
|
10182
10212
|
focusOnClick: focusOnClick !== null && focusOnClick !== void 0 ? focusOnClick : FOCUS_WITHING_GROUP_INITIAL_STATE.focusOnClick,
|
|
10183
10213
|
loopAround: loopAround !== null && loopAround !== void 0 ? loopAround : FOCUS_WITHING_GROUP_INITIAL_STATE.loopAround,
|
|
10184
10214
|
focusType: focusType !== null && focusType !== void 0 ? focusType : FOCUS_WITHING_GROUP_INITIAL_STATE.focusType,
|
|
10215
|
+
listRole: listRole !== null && listRole !== void 0 ? listRole : FOCUS_WITHING_GROUP_INITIAL_STATE.listRole,
|
|
10185
10216
|
focusOnInit: focusOnInit !== null && focusOnInit !== void 0 ? focusOnInit : FOCUS_WITHING_GROUP_INITIAL_STATE.focusOnInit,
|
|
10186
10217
|
activedescendant: activedescendant !== null && activedescendant !== void 0 ? activedescendant : FOCUS_WITHING_GROUP_INITIAL_STATE.activedescendant,
|
|
10187
10218
|
maxOptionsLength: maxOptionsLength !== null && maxOptionsLength !== void 0 ? maxOptionsLength : FOCUS_WITHING_GROUP_INITIAL_STATE.maxOptionsLength
|
|
10188
10219
|
}
|
|
10189
10220
|
});
|
|
10190
|
-
}, [direction, focusOnClick, focusOnInit, loopAround, focusType, activedescendant, maxOptionsLength]);
|
|
10221
|
+
}, [direction, focusOnClick, focusOnInit, loopAround, focusType, listRole, activedescendant, maxOptionsLength]);
|
|
10191
10222
|
const context = useMemo(() => ({
|
|
10192
10223
|
state,
|
|
10193
10224
|
dispatch
|
|
@@ -10497,7 +10528,7 @@ const StyledItem = styled.div`
|
|
|
10497
10528
|
width: 100%;
|
|
10498
10529
|
padding: 8px 16px;
|
|
10499
10530
|
|
|
10500
|
-
${
|
|
10531
|
+
${baseContainer}
|
|
10501
10532
|
|
|
10502
10533
|
align-items: center;
|
|
10503
10534
|
background: none;
|
|
@@ -10662,11 +10693,57 @@ function useListboxItem(props) {
|
|
|
10662
10693
|
};
|
|
10663
10694
|
}
|
|
10664
10695
|
|
|
10665
|
-
|
|
10696
|
+
function useMenuItem(props) {
|
|
10697
|
+
const {
|
|
10698
|
+
domElementRef,
|
|
10699
|
+
value,
|
|
10700
|
+
id,
|
|
10701
|
+
isDisabled,
|
|
10702
|
+
onClick
|
|
10703
|
+
} = props;
|
|
10704
|
+
const {
|
|
10705
|
+
tabIndex,
|
|
10706
|
+
isFocused,
|
|
10707
|
+
handleKeyDown: handleFocusKeyDown,
|
|
10708
|
+
handleClick: handleFocusClick
|
|
10709
|
+
} = useFocusOnListItem({
|
|
10710
|
+
domElementRef,
|
|
10711
|
+
isDisabled: isDisabled,
|
|
10712
|
+
id,
|
|
10713
|
+
value
|
|
10714
|
+
});
|
|
10715
|
+
const handleKeyDown = useCallback(event => {
|
|
10716
|
+
const code = event.code;
|
|
10717
|
+
if (code === 'Enter' || code === 'Space') {
|
|
10718
|
+
onClick === null || onClick === void 0 ? void 0 : onClick();
|
|
10719
|
+
}
|
|
10720
|
+
handleFocusKeyDown(event);
|
|
10721
|
+
}, []);
|
|
10722
|
+
const handleClick = useCallback(() => {
|
|
10723
|
+
handleFocusClick();
|
|
10724
|
+
onClick === null || onClick === void 0 ? void 0 : onClick();
|
|
10725
|
+
}, []);
|
|
10726
|
+
useEffect(() => {
|
|
10727
|
+
if (isFocused && domElementRef.current) {
|
|
10728
|
+
var _current;
|
|
10729
|
+
(_current = domElementRef.current) === null || _current === void 0 ? void 0 : _current.focus();
|
|
10730
|
+
}
|
|
10731
|
+
}, [isFocused]);
|
|
10732
|
+
return {
|
|
10733
|
+
tabIndex,
|
|
10734
|
+
isFocused,
|
|
10735
|
+
isDisabled,
|
|
10736
|
+
handleKeyDown,
|
|
10737
|
+
handleClick
|
|
10738
|
+
};
|
|
10739
|
+
}
|
|
10740
|
+
|
|
10741
|
+
const _excluded$b = ["children", "className", "defaultSelected", "id", "isActive", "isDisabled", "isHovered", "isSelected", "value"],
|
|
10742
|
+
_excluded2 = ["children", "className", "id", "isActive", "isDisabled", "isHovered", "onClick", "value"];
|
|
10666
10743
|
const COMPONENT_NAME$9 = 'Item';
|
|
10667
10744
|
const CLASSNAME$9 = 'redsift-item';
|
|
10668
10745
|
const DEFAULT_PROPS$9 = {};
|
|
10669
|
-
const
|
|
10746
|
+
const RenderedListboxItem = /*#__PURE__*/forwardRef((props, ref) => {
|
|
10670
10747
|
const {
|
|
10671
10748
|
children,
|
|
10672
10749
|
className,
|
|
@@ -10713,6 +10790,50 @@ const RenderedItem = /*#__PURE__*/forwardRef((props, ref) => {
|
|
|
10713
10790
|
tabIndex: tabIndex
|
|
10714
10791
|
}), children !== null && children !== void 0 ? children : value);
|
|
10715
10792
|
});
|
|
10793
|
+
const RenderedMenuItem = /*#__PURE__*/forwardRef((props, ref) => {
|
|
10794
|
+
const {
|
|
10795
|
+
children,
|
|
10796
|
+
className,
|
|
10797
|
+
id: propsId,
|
|
10798
|
+
isActive,
|
|
10799
|
+
isDisabled: propsIsDisabled,
|
|
10800
|
+
isHovered,
|
|
10801
|
+
onClick,
|
|
10802
|
+
value
|
|
10803
|
+
} = props,
|
|
10804
|
+
forwardedProps = _objectWithoutProperties(props, _excluded2);
|
|
10805
|
+
const id = propsId !== null && propsId !== void 0 ? propsId : value;
|
|
10806
|
+
const _ref = useRef();
|
|
10807
|
+
const divRef = ref !== null && ref !== void 0 ? ref : _ref;
|
|
10808
|
+
const {
|
|
10809
|
+
tabIndex,
|
|
10810
|
+
isFocused,
|
|
10811
|
+
isDisabled,
|
|
10812
|
+
handleKeyDown,
|
|
10813
|
+
handleClick
|
|
10814
|
+
} = useMenuItem({
|
|
10815
|
+
domElementRef: divRef,
|
|
10816
|
+
value,
|
|
10817
|
+
id,
|
|
10818
|
+
isDisabled: propsIsDisabled,
|
|
10819
|
+
onClick: onClick
|
|
10820
|
+
});
|
|
10821
|
+
return /*#__PURE__*/React__default.createElement(StyledItem, _extends$1({
|
|
10822
|
+
role: "option"
|
|
10823
|
+
}, forwardedProps, {
|
|
10824
|
+
id: id,
|
|
10825
|
+
$isActive: isActive,
|
|
10826
|
+
$isDisabled: isDisabled,
|
|
10827
|
+
$isFocused: isFocused,
|
|
10828
|
+
$isHovered: isHovered,
|
|
10829
|
+
$isSelected: false,
|
|
10830
|
+
className: classNames(Item.className, className),
|
|
10831
|
+
onClick: handleClick,
|
|
10832
|
+
ref: divRef,
|
|
10833
|
+
onKeyDown: handleKeyDown,
|
|
10834
|
+
tabIndex: tabIndex
|
|
10835
|
+
}), children !== null && children !== void 0 ? children : value);
|
|
10836
|
+
});
|
|
10716
10837
|
|
|
10717
10838
|
/**
|
|
10718
10839
|
* The Item component.
|
|
@@ -10722,8 +10843,11 @@ const Item = /*#__PURE__*/forwardRef((props, ref) => {
|
|
|
10722
10843
|
value
|
|
10723
10844
|
} = props;
|
|
10724
10845
|
const focusContext = useContext(FocusWithinGroupContext);
|
|
10846
|
+
const isListbox = focusContext.state.listRole === 'listbox';
|
|
10725
10847
|
if (!focusContext.state.filter) {
|
|
10726
|
-
return /*#__PURE__*/React__default.createElement(
|
|
10848
|
+
return isListbox ? /*#__PURE__*/React__default.createElement(RenderedListboxItem, _extends$1({}, props, {
|
|
10849
|
+
ref: ref
|
|
10850
|
+
})) : /*#__PURE__*/React__default.createElement(RenderedMenuItem, _extends$1({}, props, {
|
|
10727
10851
|
ref: ref
|
|
10728
10852
|
}));
|
|
10729
10853
|
}
|
|
@@ -10733,15 +10857,21 @@ const Item = /*#__PURE__*/forwardRef((props, ref) => {
|
|
|
10733
10857
|
caseSensitive
|
|
10734
10858
|
} = focusContext.state.filter;
|
|
10735
10859
|
if (!filterValue) {
|
|
10736
|
-
return /*#__PURE__*/React__default.createElement(
|
|
10860
|
+
return isListbox ? /*#__PURE__*/React__default.createElement(RenderedListboxItem, _extends$1({}, props, {
|
|
10861
|
+
ref: ref
|
|
10862
|
+
})) : /*#__PURE__*/React__default.createElement(RenderedMenuItem, _extends$1({}, props, {
|
|
10737
10863
|
ref: ref
|
|
10738
10864
|
}));
|
|
10739
10865
|
} else if (caseSensitive && (type === 'startsWith' && value.startsWith(filterValue) || type === 'contains' && value.includes(filterValue) || type === 'endsWith' && value.endsWith(filterValue))) {
|
|
10740
|
-
return /*#__PURE__*/React__default.createElement(
|
|
10866
|
+
return isListbox ? /*#__PURE__*/React__default.createElement(RenderedListboxItem, _extends$1({}, props, {
|
|
10867
|
+
ref: ref
|
|
10868
|
+
})) : /*#__PURE__*/React__default.createElement(RenderedMenuItem, _extends$1({}, props, {
|
|
10741
10869
|
ref: ref
|
|
10742
10870
|
}));
|
|
10743
10871
|
} else if (!caseSensitive && (type === 'startsWith' && value.toLowerCase().startsWith(filterValue.toLowerCase()) || type === 'contains' && value.toLowerCase().includes(filterValue.toLowerCase()) || type === 'endsWith' && value.toLowerCase().endsWith(filterValue.toLowerCase()))) {
|
|
10744
|
-
return /*#__PURE__*/React__default.createElement(
|
|
10872
|
+
return isListbox ? /*#__PURE__*/React__default.createElement(RenderedListboxItem, _extends$1({}, props, {
|
|
10873
|
+
ref: ref
|
|
10874
|
+
})) : /*#__PURE__*/React__default.createElement(RenderedMenuItem, _extends$1({}, props, {
|
|
10745
10875
|
ref: ref
|
|
10746
10876
|
}));
|
|
10747
10877
|
}
|
|
@@ -12134,6 +12264,10 @@ const StyledTextField = styled.div`
|
|
|
12134
12264
|
$variant
|
|
12135
12265
|
} = _ref;
|
|
12136
12266
|
return css`
|
|
12267
|
+
${$isDisabled ? css`
|
|
12268
|
+
pointer-events: none;
|
|
12269
|
+
` : ''}
|
|
12270
|
+
|
|
12137
12271
|
.redsift-text-field__label {
|
|
12138
12272
|
font-family: var(--redsift-typography-input-text-font-family);
|
|
12139
12273
|
font-size: var(--redsift-typography-input-text-font-size);
|
|
@@ -12155,11 +12289,8 @@ const StyledTextField = styled.div`
|
|
|
12155
12289
|
max-width: calc(100% - 24px);
|
|
12156
12290
|
transform: translate(${$variant === TextFieldVariant.underline ? '0px' : '14px'}, 16px) scale(1);
|
|
12157
12291
|
` : css`
|
|
12158
|
-
font-family: var(--redsift-typography-body2-font-family);
|
|
12159
|
-
font-size: var(--redsift-typography-body2-font-size);
|
|
12160
|
-
font-weight: var(--redsift-typography-body2-font-weight);
|
|
12161
12292
|
max-width: calc(133% - 32px);
|
|
12162
|
-
transform: translate(${$variant === TextFieldVariant.underline ? '0px' : '14px'},
|
|
12293
|
+
transform: translate(${$variant === TextFieldVariant.underline ? '0px' : '14px'}, 1px) scale(0.733);
|
|
12163
12294
|
`}
|
|
12164
12295
|
|
|
12165
12296
|
${$isDisabled ? css`
|
|
@@ -12218,7 +12349,7 @@ const StyledTextField = styled.div`
|
|
|
12218
12349
|
.redsift-text-field-input-wrapper__fieldset {
|
|
12219
12350
|
border-style: solid;
|
|
12220
12351
|
bottom: 0;
|
|
12221
|
-
left:
|
|
12352
|
+
left: 1px;
|
|
12222
12353
|
margin: 0;
|
|
12223
12354
|
min-width: 0%;
|
|
12224
12355
|
overflow: hidden;
|
|
@@ -12250,7 +12381,7 @@ const StyledTextField = styled.div`
|
|
|
12250
12381
|
.redsift-text-field-input-wrapper-fieldset__legend {
|
|
12251
12382
|
display: block;
|
|
12252
12383
|
float: unset;
|
|
12253
|
-
font-size:
|
|
12384
|
+
font-size: 11px;
|
|
12254
12385
|
height: 11px;
|
|
12255
12386
|
overflow: hidden;
|
|
12256
12387
|
padding: 0;
|
|
@@ -12353,10 +12484,8 @@ const TextField = /*#__PURE__*/forwardRef((props, ref) => {
|
|
|
12353
12484
|
} = useFocusWithin({
|
|
12354
12485
|
onFocusWithinChange: isFocusWithin => setFocusWithin(isFocusWithin)
|
|
12355
12486
|
});
|
|
12356
|
-
const [value, setValue] = useState(
|
|
12357
|
-
|
|
12358
|
-
setValue(propsValue !== null && propsValue !== void 0 ? propsValue : defaultValue);
|
|
12359
|
-
}, [propsValue, defaultValue]);
|
|
12487
|
+
const [value, setValue] = useState(defaultValue);
|
|
12488
|
+
const isControlled = propsValue !== null && propsValue !== undefined;
|
|
12360
12489
|
warnIfNoAccessibleLabelFound(props, [label]);
|
|
12361
12490
|
const handleChange = useCallback(event => {
|
|
12362
12491
|
if (isDisabled || isReadOnly) {
|
|
@@ -12384,12 +12513,12 @@ const TextField = /*#__PURE__*/forwardRef((props, ref) => {
|
|
|
12384
12513
|
setValue('');
|
|
12385
12514
|
}, [onChange]);
|
|
12386
12515
|
return /*#__PURE__*/React__default.createElement(StyledTextField, _extends$1({}, focusWithinProps, forwardedProps, {
|
|
12387
|
-
$hasContent: isFocusWithin || Boolean(value) || Boolean(placeholder),
|
|
12516
|
+
$hasContent: isFocusWithin || Boolean(isControlled ? propsValue : value) || Boolean(placeholder),
|
|
12388
12517
|
$hasLeftIcon: Boolean(leftIcon),
|
|
12389
12518
|
$isColored: isColored,
|
|
12390
12519
|
$isDisabled: isDisabled,
|
|
12391
12520
|
$isFocusVisible: isFocusVisible,
|
|
12392
|
-
$isInvalid: isInvalid || isRequired && !value,
|
|
12521
|
+
$isInvalid: isInvalid || isRequired && !(isControlled ? propsValue : value),
|
|
12393
12522
|
$isRequired: isRequired,
|
|
12394
12523
|
$isFocused: isFocused,
|
|
12395
12524
|
$variant: variant,
|
|
@@ -12412,7 +12541,7 @@ const TextField = /*#__PURE__*/forwardRef((props, ref) => {
|
|
|
12412
12541
|
onFocusProps === null || onFocusProps === void 0 ? void 0 : onFocusProps(event);
|
|
12413
12542
|
},
|
|
12414
12543
|
"aria-disabled": isDisabled,
|
|
12415
|
-
"aria-invalid": isInvalid || isRequired && !value,
|
|
12544
|
+
"aria-invalid": isInvalid || isRequired && !(isControlled ? propsValue : value),
|
|
12416
12545
|
"aria-label": ariaLabel,
|
|
12417
12546
|
"aria-labelledby": ariaLabelledby,
|
|
12418
12547
|
"aria-readonly": isReadOnly,
|
|
@@ -12425,7 +12554,7 @@ const TextField = /*#__PURE__*/forwardRef((props, ref) => {
|
|
|
12425
12554
|
placeholder: placeholder,
|
|
12426
12555
|
ref: inputRef,
|
|
12427
12556
|
type: type,
|
|
12428
|
-
value: value
|
|
12557
|
+
value: isControlled ? propsValue : value
|
|
12429
12558
|
})), hasClearButton || internal || after ? /*#__PURE__*/React__default.createElement(Flexbox, {
|
|
12430
12559
|
className: `${TextField.className}-input-wrapper__toolbar`,
|
|
12431
12560
|
gap: "8px"
|
|
@@ -12436,11 +12565,11 @@ const TextField = /*#__PURE__*/forwardRef((props, ref) => {
|
|
|
12436
12565
|
}, hasClearButton !== true && hasClearButton, {
|
|
12437
12566
|
onClick: handleClear,
|
|
12438
12567
|
className: "right clear"
|
|
12439
|
-
})) : null, typeof internal === 'function' ? internal(value, isDisabled, isInvalid || isRequired && !value, isRequired) : internal, (hasClearButton || internal) && after ? /*#__PURE__*/React__default.createElement("span", {
|
|
12568
|
+
})) : null, typeof internal === 'function' ? internal(isControlled ? propsValue : value, isDisabled, isInvalid || isRequired && !(isControlled ? propsValue : value), isRequired) : internal, (hasClearButton || internal) && after ? /*#__PURE__*/React__default.createElement("span", {
|
|
12440
12569
|
style: {
|
|
12441
12570
|
borderLeft: '1px solid var(--redsift-color-neutral-midgrey)'
|
|
12442
12571
|
}
|
|
12443
|
-
}) : null, typeof after === 'function' ? after(value, isDisabled, isInvalid || isRequired && !value, isRequired) : after) : null, /*#__PURE__*/React__default.createElement("fieldset", {
|
|
12572
|
+
}) : null, typeof after === 'function' ? after(isControlled ? propsValue : value, isDisabled, isInvalid || isRequired && !(isControlled ? propsValue : value), isRequired) : after) : null, /*#__PURE__*/React__default.createElement("fieldset", {
|
|
12444
12573
|
"aria-hidden": "true",
|
|
12445
12574
|
className: `${TextField.className}-input-wrapper__fieldset`
|
|
12446
12575
|
}, /*#__PURE__*/React__default.createElement("legend", {
|
|
@@ -12451,5 +12580,5 @@ TextField.className = CLASSNAME;
|
|
|
12451
12580
|
TextField.defaultProps = DEFAULT_PROPS;
|
|
12452
12581
|
TextField.displayName = COMPONENT_NAME;
|
|
12453
12582
|
|
|
12454
|
-
export { ActiveDescendantListbox, Alert, AlertVariant, AlignContent, AlignItems, AlignSelf, AppBar, AppContainer, AppContainerContext, AppContent, AppSidePanel, AppSidePanelVariant, Badge, BadgeVariant, BaseBreadcrumbs, BaseGrid, BaseSkeleton, BreadcrumbItem, Breadcrumbs, Button, ButtonLink, ButtonVariant, Card, CardActions, CardBody, CardHeader, Checkbox, CheckboxGroup, CheckboxGroupOrientation, ConditionalWrapper, CtasColorPalette, DetailedCard, DetailedCardCollapsibleSectionItems, DetailedCardHeader, DetailedCardSection, DetailedCardSectionItem, EventKey, FOCUS_WITHING_GROUP_INITIAL_STATE, FlexDirection, FlexWrap, Flexbox, FocusWithinGroup, FocusWithinGroupActionType, FocusWithinGroupContext, FocusWithinGroupReducer, FontFamily, Grid, GridItem, Heading, HeadingComponent, HeadingVariant, Icon, IconButton, IconButtonVariant, IconSize, Item, JustifyContent, JustifyItems, JustifySelf, LISTBOX_INITIAL_STATE, Link, LinkButton, Listbox, ListboxActionType, ListboxContext, ListboxReducer, ListboxVariant, Navigation, NeutralColorPalette, NotificationsColorPalette, Number$1 as Number, Pill, PresentationColorPalette, Product, ProductColorPalette, ProductLogo, ProductName, Radio, RadioGroup, RadioGroupOrientation, RedsiftAppBarColorBackground, RedsiftAppBarColorExpandIconBackgroundHover, RedsiftAppBarColorExpandIconHover, RedsiftAppBarColorExpandIconResting, RedsiftAppBarColorText, RedsiftColorCtasPrimaryActive, RedsiftColorCtasPrimaryActiveHover, RedsiftColorCtasPrimaryButtonActive, RedsiftColorCtasPrimaryButtonActiveHover, RedsiftColorCtasPrimaryButtonHover, RedsiftColorCtasPrimaryHover, RedsiftColorCtasPrimaryPrimary, RedsiftColorCtasSecondaryActive, RedsiftColorCtasSecondaryActiveHover, RedsiftColorCtasSecondaryButtonActive, RedsiftColorCtasSecondaryButtonActiveHover, RedsiftColorCtasSecondaryButtonHover, RedsiftColorCtasSecondaryHover, RedsiftColorCtasSecondaryPrimary, RedsiftColorNeutralBlack, RedsiftColorNeutralDarkgrey, RedsiftColorNeutralLightgrey, RedsiftColorNeutralMidgrey, RedsiftColorNeutralWhite, RedsiftColorNeutralXlightgrey, RedsiftColorNotificationsErrorActive, RedsiftColorNotificationsErrorActiveHover, RedsiftColorNotificationsErrorButtonActive, RedsiftColorNotificationsErrorButtonActiveHover, RedsiftColorNotificationsErrorButtonHover, RedsiftColorNotificationsErrorHover, RedsiftColorNotificationsErrorPrimary, RedsiftColorNotificationsInfoActive, RedsiftColorNotificationsInfoActiveHover, RedsiftColorNotificationsInfoButtonActive, RedsiftColorNotificationsInfoButtonActiveHover, RedsiftColorNotificationsInfoButtonHover, RedsiftColorNotificationsInfoHover, RedsiftColorNotificationsInfoPrimary, RedsiftColorNotificationsNoDataActive, RedsiftColorNotificationsNoDataActiveHover, RedsiftColorNotificationsNoDataButtonActive, RedsiftColorNotificationsNoDataButtonActiveHover, RedsiftColorNotificationsNoDataButtonHover, RedsiftColorNotificationsNoDataHover, RedsiftColorNotificationsNoDataPrimary, RedsiftColorNotificationsQuestionActive, RedsiftColorNotificationsQuestionActiveHover, RedsiftColorNotificationsQuestionButtonActive, RedsiftColorNotificationsQuestionButtonActiveHover, RedsiftColorNotificationsQuestionButtonHover, RedsiftColorNotificationsQuestionHover, RedsiftColorNotificationsQuestionPrimary, RedsiftColorNotificationsSuccessActive, RedsiftColorNotificationsSuccessActiveHover, RedsiftColorNotificationsSuccessButtonActive, RedsiftColorNotificationsSuccessButtonActiveHover, RedsiftColorNotificationsSuccessButtonHover, RedsiftColorNotificationsSuccessHover, RedsiftColorNotificationsSuccessPrimary, RedsiftColorNotificationsWarningActive, RedsiftColorNotificationsWarningActiveHover, RedsiftColorNotificationsWarningButtonActive, RedsiftColorNotificationsWarningButtonActiveHover, RedsiftColorNotificationsWarningButtonHover, RedsiftColorNotificationsWarningHover, RedsiftColorNotificationsWarningPrimary, RedsiftColorPresentationAquaDark, RedsiftColorPresentationAquaDarker, RedsiftColorPresentationAquaDarkerer, RedsiftColorPresentationAquaDefault, RedsiftColorPresentationAquaLight, RedsiftColorPresentationAquaLighter, RedsiftColorPresentationAquaLighterer, RedsiftColorPresentationBlueDark, RedsiftColorPresentationBlueDarker, RedsiftColorPresentationBlueDarkerer, RedsiftColorPresentationBlueDefault, RedsiftColorPresentationBlueLight, RedsiftColorPresentationBlueLighter, RedsiftColorPresentationBlueLighterer, RedsiftColorPresentationBrownDark, RedsiftColorPresentationBrownDarker, RedsiftColorPresentationBrownDarkerer, RedsiftColorPresentationBrownDefault, RedsiftColorPresentationBrownLight, RedsiftColorPresentationBrownLighter, RedsiftColorPresentationBrownLighterer, RedsiftColorPresentationGreenDark, RedsiftColorPresentationGreenDarker, RedsiftColorPresentationGreenDarkerer, RedsiftColorPresentationGreenDefault, RedsiftColorPresentationGreenLight, RedsiftColorPresentationGreenLighter, RedsiftColorPresentationGreenLighterer, RedsiftColorPresentationGreyDark, RedsiftColorPresentationGreyDarker, RedsiftColorPresentationGreyDarkerer, RedsiftColorPresentationGreyDefault, RedsiftColorPresentationGreyLight, RedsiftColorPresentationGreyLighter, RedsiftColorPresentationGreyLighterer, RedsiftColorPresentationOrangeDark, RedsiftColorPresentationOrangeDarker, RedsiftColorPresentationOrangeDarkerer, RedsiftColorPresentationOrangeDefault, RedsiftColorPresentationOrangeLight, RedsiftColorPresentationOrangeLighter, RedsiftColorPresentationOrangeLighterer, RedsiftColorPresentationPinkDark, RedsiftColorPresentationPinkDarker, RedsiftColorPresentationPinkDarkerer, RedsiftColorPresentationPinkDefault, RedsiftColorPresentationPinkLight, RedsiftColorPresentationPinkLighter, RedsiftColorPresentationPinkLighterer, RedsiftColorPresentationPurpleDark, RedsiftColorPresentationPurpleDarker, RedsiftColorPresentationPurpleDarkerer, RedsiftColorPresentationPurpleDefault, RedsiftColorPresentationPurpleLight, RedsiftColorPresentationPurpleLighter, RedsiftColorPresentationPurpleLighterer, RedsiftColorPresentationRedDark, RedsiftColorPresentationRedDarker, RedsiftColorPresentationRedDarkerer, RedsiftColorPresentationRedDefault, RedsiftColorPresentationRedLight, RedsiftColorPresentationRedLighter, RedsiftColorPresentationRedLighterer, RedsiftColorPresentationYellowDark, RedsiftColorPresentationYellowDarker, RedsiftColorPresentationYellowDarkerer, RedsiftColorPresentationYellowDefault, RedsiftColorPresentationYellowLight, RedsiftColorPresentationYellowLighter, RedsiftColorPresentationYellowLighterer, RedsiftColorProductAsm, RedsiftColorProductBrandTrust, RedsiftColorProductCertificates, RedsiftColorProductOndmarc, RedsiftColorProductRadar, RedsiftColorProductRojoDs, RedsiftColorProductVendorSecure, RedsiftColorProductWebsite, RedsiftColorRedsift, RedsiftLayoutZIndexDialog, RedsiftLayoutZIndexDropdown, RedsiftLayoutZIndexFooter, RedsiftLayoutZIndexHeader, RedsiftLayoutZIndexOverlay, RedsiftLayoutZIndexPopover, RedsiftLayoutZIndexSidePanel, RedsiftLayoutZIndexTooltip, RedsiftSideNavigationColorBackground, RedsiftSideNavigationColorMenuItemActive, RedsiftSideNavigationColorMenuItemBackgroundActive, RedsiftSideNavigationColorMenuItemBackgroundHover, RedsiftSideNavigationColorMenuItemBackgroundSecondary, RedsiftSideNavigationColorMenuItemTextDisabled, RedsiftSideNavigationColorMenuItemTextHover, RedsiftSideNavigationColorMenuItemTextResting, RedsiftSideNavigationColorScrollbarHover, RedsiftSideNavigationColorScrollbarResting, RedsiftTypographyBadgeFontFamily, RedsiftTypographyBadgeFontSize, RedsiftTypographyBadgeFontWeight, RedsiftTypographyBadgeLineHeight, RedsiftTypographyBodyFontFamily, RedsiftTypographyBodyFontSize, RedsiftTypographyBodyFontWeight, RedsiftTypographyBodyLineHeight, RedsiftTypographyBodyTextTransform, RedsiftTypographyButtonFontFamily, RedsiftTypographyButtonFontSize, RedsiftTypographyButtonFontWeight, RedsiftTypographyButtonLineHeight, RedsiftTypographyButtonTextTransform, RedsiftTypographyCaptionFontFamily, RedsiftTypographyCaptionFontSize, RedsiftTypographyCaptionFontWeight, RedsiftTypographyCaptionLineHeight, RedsiftTypographyCaptionTextTransform, RedsiftTypographyChipFontFamily, RedsiftTypographyChipFontSize, RedsiftTypographyChipFontWeight, RedsiftTypographyChipLineHeight, RedsiftTypographyDatagridCellFontFamily, RedsiftTypographyDatagridCellFontSize, RedsiftTypographyDatagridCellFontWeight, RedsiftTypographyDatagridCellLineHeight, RedsiftTypographyDatagridHeaderFontFamily, RedsiftTypographyDatagridHeaderFontSize, RedsiftTypographyDatagridHeaderFontWeight, RedsiftTypographyDatagridHeaderLineHeight, RedsiftTypographyFontFamilyPoppins, RedsiftTypographyFontFamilySourceCodePro, RedsiftTypographyFontWeightBlack, RedsiftTypographyFontWeightBold, RedsiftTypographyFontWeightExtraBold, RedsiftTypographyFontWeightExtraLight, RedsiftTypographyFontWeightLight, RedsiftTypographyFontWeightMedium, RedsiftTypographyFontWeightRegular, RedsiftTypographyFontWeightSemiBold, RedsiftTypographyFontWeightThin, RedsiftTypographyH1FontFamily, RedsiftTypographyH1FontSize, RedsiftTypographyH1FontWeight, RedsiftTypographyH1LineHeight, RedsiftTypographyH1TextTransform, RedsiftTypographyH2FontFamily, RedsiftTypographyH2FontSize, RedsiftTypographyH2FontWeight, RedsiftTypographyH2LineHeight, RedsiftTypographyH2TextTransform, RedsiftTypographyH3FontFamily, RedsiftTypographyH3FontSize, RedsiftTypographyH3FontWeight, RedsiftTypographyH3LineHeight, RedsiftTypographyH3TextTransform, RedsiftTypographyH4FontFamily, RedsiftTypographyH4FontSize, RedsiftTypographyH4FontWeight, RedsiftTypographyH4LineHeight, RedsiftTypographyH4TextTransform, RedsiftTypographyH5FontFamily, RedsiftTypographyH5FontSize, RedsiftTypographyH5FontWeight, RedsiftTypographyH5LineHeight, RedsiftTypographyH5TextTransform, RedsiftTypographyHelperFontFamily, RedsiftTypographyHelperFontSize, RedsiftTypographyHelperFontWeight, RedsiftTypographyHelperLineHeight, RedsiftTypographyHelperTextTransform, RedsiftTypographyInputTextFontFamily, RedsiftTypographyInputTextFontSize, RedsiftTypographyInputTextFontWeight, RedsiftTypographyInputTextLineHeight, RedsiftTypographyLinkFontFamily, RedsiftTypographyLinkFontSize, RedsiftTypographyLinkFontWeight, RedsiftTypographyLinkLineHeight, RedsiftTypographyPillFontFamily, RedsiftTypographyPillFontSize, RedsiftTypographyPillFontWeight, RedsiftTypographyPillLineHeight, RedsiftTypographyTooltipFontFamily, RedsiftTypographyTooltipFontSize, RedsiftTypographyTooltipFontWeight, RedsiftTypographyTooltipLineHeight, RovingTabindexListbox, Shield, ShieldVariant, SideNavigationMenu, SideNavigationMenuBar, SideNavigationMenuBarVariant, SideNavigationMenuItem, SideNavigationMenuReducerActionType, Skeleton, SkeletonCircle, SkeletonText, SkeletonTextVariant, Spinner, SpinnerSize, StyledButton, StyledLink, Switch, SwitchGroup, SwitchGroupOrientation, Text, TextComponent, TextField, TextFieldVariant, TextVariant, baseContainer, baseFlexbox, baseGrid, baseInternalSpacing, baseLayout, basePositioning, baseSizing, baseSpacing, baseStyling, filterComponents, focusRing, isComponent, nextId, partitionComponents, resetId, setPrefix, sizeToDimension$1 as sizeToDimension, uniqueId, useAppSidePanel, useBoundingClientRect, useFocusOnList, useFocusOnListItem, useId$1 as useId, useSideNavigationMenuBar, useWindowSize, warnIfNoAccessibleLabelFound };
|
|
12583
|
+
export { ActiveDescendantListbox, Alert, AlertVariant, AlignContent, AlignItems, AlignSelf, AppBar, AppContainer, AppContainerContext, AppContent, AppSidePanel, AppSidePanelVariant, Badge, BadgeVariant, BaseBreadcrumbs, BaseGrid, BaseSkeleton, BreadcrumbItem, Breadcrumbs, Button, ButtonLink, ButtonVariant, Card, CardActions, CardBody, CardHeader, Checkbox, CheckboxGroup, CheckboxGroupOrientation, ConditionalWrapper, CtasColorPalette, DetailedCard, DetailedCardCollapsibleSectionItems, DetailedCardHeader, DetailedCardSection, DetailedCardSectionItem, EventKey, FOCUS_WITHING_GROUP_INITIAL_STATE, FlexDirection, FlexWrap, Flexbox, FocusWithinGroup, FocusWithinGroupActionType, FocusWithinGroupContext, FocusWithinGroupReducer, FontFamily, Grid, GridItem, Heading, HeadingComponent, HeadingVariant, Icon, IconButton, IconButtonVariant, IconSize, Item, JustifyContent, JustifyItems, JustifySelf, LISTBOX_INITIAL_STATE, Link, LinkButton, Listbox, ListboxActionType, ListboxContext, ListboxReducer, ListboxVariant, Navigation, NeutralColorPalette, NotificationsColorPalette, Number$1 as Number, Pill, PillSize, PresentationColorPalette, Product, ProductColorPalette, ProductLogo, ProductName, Radio, RadioGroup, RadioGroupOrientation, RedsiftAppBarColorBackground, RedsiftAppBarColorExpandIconBackgroundHover, RedsiftAppBarColorExpandIconHover, RedsiftAppBarColorExpandIconResting, RedsiftAppBarColorText, RedsiftColorCtasPrimaryActive, RedsiftColorCtasPrimaryActiveHover, RedsiftColorCtasPrimaryButtonActive, RedsiftColorCtasPrimaryButtonActiveHover, RedsiftColorCtasPrimaryButtonHover, RedsiftColorCtasPrimaryHover, RedsiftColorCtasPrimaryPrimary, RedsiftColorCtasSecondaryActive, RedsiftColorCtasSecondaryActiveHover, RedsiftColorCtasSecondaryButtonActive, RedsiftColorCtasSecondaryButtonActiveHover, RedsiftColorCtasSecondaryButtonHover, RedsiftColorCtasSecondaryHover, RedsiftColorCtasSecondaryPrimary, RedsiftColorNeutralBlack, RedsiftColorNeutralDarkgrey, RedsiftColorNeutralLightgrey, RedsiftColorNeutralMidgrey, RedsiftColorNeutralWhite, RedsiftColorNeutralXlightgrey, RedsiftColorNotificationsErrorActive, RedsiftColorNotificationsErrorActiveHover, RedsiftColorNotificationsErrorButtonActive, RedsiftColorNotificationsErrorButtonActiveHover, RedsiftColorNotificationsErrorButtonHover, RedsiftColorNotificationsErrorHover, RedsiftColorNotificationsErrorPrimary, RedsiftColorNotificationsInfoActive, RedsiftColorNotificationsInfoActiveHover, RedsiftColorNotificationsInfoButtonActive, RedsiftColorNotificationsInfoButtonActiveHover, RedsiftColorNotificationsInfoButtonHover, RedsiftColorNotificationsInfoHover, RedsiftColorNotificationsInfoPrimary, RedsiftColorNotificationsNoDataActive, RedsiftColorNotificationsNoDataActiveHover, RedsiftColorNotificationsNoDataButtonActive, RedsiftColorNotificationsNoDataButtonActiveHover, RedsiftColorNotificationsNoDataButtonHover, RedsiftColorNotificationsNoDataHover, RedsiftColorNotificationsNoDataPrimary, RedsiftColorNotificationsQuestionActive, RedsiftColorNotificationsQuestionActiveHover, RedsiftColorNotificationsQuestionButtonActive, RedsiftColorNotificationsQuestionButtonActiveHover, RedsiftColorNotificationsQuestionButtonHover, RedsiftColorNotificationsQuestionHover, RedsiftColorNotificationsQuestionPrimary, RedsiftColorNotificationsSuccessActive, RedsiftColorNotificationsSuccessActiveHover, RedsiftColorNotificationsSuccessButtonActive, RedsiftColorNotificationsSuccessButtonActiveHover, RedsiftColorNotificationsSuccessButtonHover, RedsiftColorNotificationsSuccessHover, RedsiftColorNotificationsSuccessPrimary, RedsiftColorNotificationsWarningActive, RedsiftColorNotificationsWarningActiveHover, RedsiftColorNotificationsWarningButtonActive, RedsiftColorNotificationsWarningButtonActiveHover, RedsiftColorNotificationsWarningButtonHover, RedsiftColorNotificationsWarningHover, RedsiftColorNotificationsWarningPrimary, RedsiftColorPresentationAquaDark, RedsiftColorPresentationAquaDarker, RedsiftColorPresentationAquaDarkerer, RedsiftColorPresentationAquaDefault, RedsiftColorPresentationAquaLight, RedsiftColorPresentationAquaLighter, RedsiftColorPresentationAquaLighterer, RedsiftColorPresentationBlueDark, RedsiftColorPresentationBlueDarker, RedsiftColorPresentationBlueDarkerer, RedsiftColorPresentationBlueDefault, RedsiftColorPresentationBlueLight, RedsiftColorPresentationBlueLighter, RedsiftColorPresentationBlueLighterer, RedsiftColorPresentationBrownDark, RedsiftColorPresentationBrownDarker, RedsiftColorPresentationBrownDarkerer, RedsiftColorPresentationBrownDefault, RedsiftColorPresentationBrownLight, RedsiftColorPresentationBrownLighter, RedsiftColorPresentationBrownLighterer, RedsiftColorPresentationGreenDark, RedsiftColorPresentationGreenDarker, RedsiftColorPresentationGreenDarkerer, RedsiftColorPresentationGreenDefault, RedsiftColorPresentationGreenLight, RedsiftColorPresentationGreenLighter, RedsiftColorPresentationGreenLighterer, RedsiftColorPresentationGreyDark, RedsiftColorPresentationGreyDarker, RedsiftColorPresentationGreyDarkerer, RedsiftColorPresentationGreyDefault, RedsiftColorPresentationGreyLight, RedsiftColorPresentationGreyLighter, RedsiftColorPresentationGreyLighterer, RedsiftColorPresentationOrangeDark, RedsiftColorPresentationOrangeDarker, RedsiftColorPresentationOrangeDarkerer, RedsiftColorPresentationOrangeDefault, RedsiftColorPresentationOrangeLight, RedsiftColorPresentationOrangeLighter, RedsiftColorPresentationOrangeLighterer, RedsiftColorPresentationPinkDark, RedsiftColorPresentationPinkDarker, RedsiftColorPresentationPinkDarkerer, RedsiftColorPresentationPinkDefault, RedsiftColorPresentationPinkLight, RedsiftColorPresentationPinkLighter, RedsiftColorPresentationPinkLighterer, RedsiftColorPresentationPurpleDark, RedsiftColorPresentationPurpleDarker, RedsiftColorPresentationPurpleDarkerer, RedsiftColorPresentationPurpleDefault, RedsiftColorPresentationPurpleLight, RedsiftColorPresentationPurpleLighter, RedsiftColorPresentationPurpleLighterer, RedsiftColorPresentationRedDark, RedsiftColorPresentationRedDarker, RedsiftColorPresentationRedDarkerer, RedsiftColorPresentationRedDefault, RedsiftColorPresentationRedLight, RedsiftColorPresentationRedLighter, RedsiftColorPresentationRedLighterer, RedsiftColorPresentationYellowDark, RedsiftColorPresentationYellowDarker, RedsiftColorPresentationYellowDarkerer, RedsiftColorPresentationYellowDefault, RedsiftColorPresentationYellowLight, RedsiftColorPresentationYellowLighter, RedsiftColorPresentationYellowLighterer, RedsiftColorProductAsm, RedsiftColorProductBrandTrust, RedsiftColorProductCertificates, RedsiftColorProductOndmarc, RedsiftColorProductRadar, RedsiftColorProductRojoDs, RedsiftColorProductVendorSecure, RedsiftColorProductWebsite, RedsiftColorRedsift, RedsiftLayoutZIndexDialog, RedsiftLayoutZIndexDropdown, RedsiftLayoutZIndexFooter, RedsiftLayoutZIndexHeader, RedsiftLayoutZIndexOverlay, RedsiftLayoutZIndexPopover, RedsiftLayoutZIndexSidePanel, RedsiftLayoutZIndexTooltip, RedsiftSideNavigationColorBackground, RedsiftSideNavigationColorMenuItemActive, RedsiftSideNavigationColorMenuItemBackgroundActive, RedsiftSideNavigationColorMenuItemBackgroundHover, RedsiftSideNavigationColorMenuItemBackgroundSecondary, RedsiftSideNavigationColorMenuItemTextDisabled, RedsiftSideNavigationColorMenuItemTextHover, RedsiftSideNavigationColorMenuItemTextResting, RedsiftSideNavigationColorScrollbarHover, RedsiftSideNavigationColorScrollbarResting, RedsiftTypographyBadgeFontFamily, RedsiftTypographyBadgeFontSize, RedsiftTypographyBadgeFontWeight, RedsiftTypographyBadgeLineHeight, RedsiftTypographyBodyFontFamily, RedsiftTypographyBodyFontSize, RedsiftTypographyBodyFontWeight, RedsiftTypographyBodyLineHeight, RedsiftTypographyBodyTextTransform, RedsiftTypographyButtonFontFamily, RedsiftTypographyButtonFontSize, RedsiftTypographyButtonFontWeight, RedsiftTypographyButtonLineHeight, RedsiftTypographyButtonTextTransform, RedsiftTypographyCaptionFontFamily, RedsiftTypographyCaptionFontSize, RedsiftTypographyCaptionFontWeight, RedsiftTypographyCaptionLineHeight, RedsiftTypographyCaptionTextTransform, RedsiftTypographyChipFontFamily, RedsiftTypographyChipFontSize, RedsiftTypographyChipFontWeight, RedsiftTypographyChipLineHeight, RedsiftTypographyDatagridCellFontFamily, RedsiftTypographyDatagridCellFontSize, RedsiftTypographyDatagridCellFontWeight, RedsiftTypographyDatagridCellLineHeight, RedsiftTypographyDatagridHeaderFontFamily, RedsiftTypographyDatagridHeaderFontSize, RedsiftTypographyDatagridHeaderFontWeight, RedsiftTypographyDatagridHeaderLineHeight, RedsiftTypographyFontFamilyPoppins, RedsiftTypographyFontFamilySourceCodePro, RedsiftTypographyFontWeightBlack, RedsiftTypographyFontWeightBold, RedsiftTypographyFontWeightExtraBold, RedsiftTypographyFontWeightExtraLight, RedsiftTypographyFontWeightLight, RedsiftTypographyFontWeightMedium, RedsiftTypographyFontWeightRegular, RedsiftTypographyFontWeightSemiBold, RedsiftTypographyFontWeightThin, RedsiftTypographyH1FontFamily, RedsiftTypographyH1FontSize, RedsiftTypographyH1FontWeight, RedsiftTypographyH1LineHeight, RedsiftTypographyH1TextTransform, RedsiftTypographyH2FontFamily, RedsiftTypographyH2FontSize, RedsiftTypographyH2FontWeight, RedsiftTypographyH2LineHeight, RedsiftTypographyH2TextTransform, RedsiftTypographyH3FontFamily, RedsiftTypographyH3FontSize, RedsiftTypographyH3FontWeight, RedsiftTypographyH3LineHeight, RedsiftTypographyH3TextTransform, RedsiftTypographyH4FontFamily, RedsiftTypographyH4FontSize, RedsiftTypographyH4FontWeight, RedsiftTypographyH4LineHeight, RedsiftTypographyH4TextTransform, RedsiftTypographyH5FontFamily, RedsiftTypographyH5FontSize, RedsiftTypographyH5FontWeight, RedsiftTypographyH5LineHeight, RedsiftTypographyH5TextTransform, RedsiftTypographyHelperFontFamily, RedsiftTypographyHelperFontSize, RedsiftTypographyHelperFontWeight, RedsiftTypographyHelperLineHeight, RedsiftTypographyHelperTextTransform, RedsiftTypographyInputTextFontFamily, RedsiftTypographyInputTextFontSize, RedsiftTypographyInputTextFontWeight, RedsiftTypographyInputTextLineHeight, RedsiftTypographyLinkFontFamily, RedsiftTypographyLinkFontSize, RedsiftTypographyLinkFontWeight, RedsiftTypographyLinkLineHeight, RedsiftTypographyPillFontFamily, RedsiftTypographyPillFontSize, RedsiftTypographyPillFontWeight, RedsiftTypographyPillLineHeight, RedsiftTypographyTooltipFontFamily, RedsiftTypographyTooltipFontSize, RedsiftTypographyTooltipFontWeight, RedsiftTypographyTooltipLineHeight, RovingTabindexListbox, Shield, ShieldVariant, SideNavigationMenu, SideNavigationMenuBar, SideNavigationMenuBarVariant, SideNavigationMenuItem, SideNavigationMenuReducerActionType, Skeleton, SkeletonCircle, SkeletonText, SkeletonTextVariant, Spinner, SpinnerSize, StyledButton, StyledLink, Switch, SwitchGroup, SwitchGroupOrientation, Text, TextComponent, TextField, TextFieldVariant, TextVariant, baseContainer, baseFlexbox, baseGrid, baseInternalSpacing, baseLayout, basePositioning, baseSizing, baseSpacing, baseStyling, filterComponents, focusRing, isComponent, nextId, partitionComponents, resetId, setPrefix, sizeToDimension$1 as sizeToDimension, uniqueId, useAppSidePanel, useBoundingClientRect, useFocusOnList, useFocusOnListItem, useId$1 as useId, useSideNavigationMenuBar, useWindowSize, warnIfNoAccessibleLabelFound };
|
|
12455
12584
|
//# sourceMappingURL=index.js.map
|