alicia-design-system 1.76.5 → 1.76.6
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.
|
@@ -35,7 +35,7 @@ const CustomListItem = ({ list, withLeftIcon, rightIconColor, itemFontSize, with
|
|
|
35
35
|
? itemColor
|
|
36
36
|
: selectedItemBackgroundColor}`, mr: "1.5", fontSize: 20, bg: enableVisualEffects
|
|
37
37
|
? 'transparent'
|
|
38
|
-
: selectedItemBackgroundColor, color: enableVisualEffects ? undefined : 'white' }, { children: Number(data === null || data === void 0 ? void 0 : data.index) + 1 }))] })))] })), (0, jsx_runtime_1.jsxs)(react_1.Flex, Object.assign({ flexDirection: "column" }, { children: [(0, jsx_runtime_1.jsx)(react_1.Text, Object.assign({ as: "span", fontSize: itemFontSize, wordBreak: "break-word" }, { children: data === null || data === void 0 ? void 0 : data.label })), (data === null || data === void 0 ? void 0 : data.description) && ((0, jsx_runtime_1.jsx)(react_1.Text, Object.assign({ as: "span", fontSize: (0, polished_1.rem)(
|
|
38
|
+
: selectedItemBackgroundColor, color: enableVisualEffects ? undefined : 'white' }, { children: Number(data === null || data === void 0 ? void 0 : data.index) + 1 }))] })))] })), (0, jsx_runtime_1.jsxs)(react_1.Flex, Object.assign({ flexDirection: "column" }, { children: [(0, jsx_runtime_1.jsx)(react_1.Text, Object.assign({ as: "span", fontSize: itemFontSize, wordBreak: "break-word" }, { children: data === null || data === void 0 ? void 0 : data.label })), (data === null || data === void 0 ? void 0 : data.description) && ((0, jsx_runtime_1.jsx)(react_1.Text, Object.assign({ as: "span", fontSize: (0, polished_1.rem)(16) }, { children: data === null || data === void 0 ? void 0 : data.description })))] }))] })), withRightIcon && ((0, jsx_runtime_1.jsx)(ArrowIcon, { fill: rightIconColor, pr: (0, polished_1.rem)(10), float: "right", width: (0, polished_1.rem)(30), height: (0, polished_1.rem)(30) }))] })), isClickable && (hoveredItem === data.value) && ((0, jsx_runtime_1.jsx)(framer_motion_1.motion.div, { initial: { width: '0', transform: "rotate(0deg)" }, animate: {
|
|
39
39
|
width: '100%',
|
|
40
40
|
transform: enableVisualEffects
|
|
41
41
|
? 'rotate(-0.4deg)'
|
|
@@ -32,7 +32,7 @@ export const CustomListItem = ({ list, withLeftIcon, rightIconColor, itemFontSiz
|
|
|
32
32
|
? itemColor
|
|
33
33
|
: selectedItemBackgroundColor}`, mr: "1.5", fontSize: 20, bg: enableVisualEffects
|
|
34
34
|
? 'transparent'
|
|
35
|
-
: selectedItemBackgroundColor, color: enableVisualEffects ? undefined : 'white' }, { children: Number(data === null || data === void 0 ? void 0 : data.index) + 1 }))] })))] })), _jsxs(Flex, Object.assign({ flexDirection: "column" }, { children: [_jsx(Text, Object.assign({ as: "span", fontSize: itemFontSize, wordBreak: "break-word" }, { children: data === null || data === void 0 ? void 0 : data.label })), (data === null || data === void 0 ? void 0 : data.description) && (_jsx(Text, Object.assign({ as: "span", fontSize: rem(
|
|
35
|
+
: selectedItemBackgroundColor, color: enableVisualEffects ? undefined : 'white' }, { children: Number(data === null || data === void 0 ? void 0 : data.index) + 1 }))] })))] })), _jsxs(Flex, Object.assign({ flexDirection: "column" }, { children: [_jsx(Text, Object.assign({ as: "span", fontSize: itemFontSize, wordBreak: "break-word" }, { children: data === null || data === void 0 ? void 0 : data.label })), (data === null || data === void 0 ? void 0 : data.description) && (_jsx(Text, Object.assign({ as: "span", fontSize: rem(16) }, { children: data === null || data === void 0 ? void 0 : data.description })))] }))] })), withRightIcon && (_jsx(ArrowIcon, { fill: rightIconColor, pr: rem(10), float: "right", width: rem(30), height: rem(30) }))] })), isClickable && (hoveredItem === data.value) && (_jsx(motion.div, { initial: { width: '0', transform: "rotate(0deg)" }, animate: {
|
|
36
36
|
width: '100%',
|
|
37
37
|
transform: enableVisualEffects
|
|
38
38
|
? 'rotate(-0.4deg)'
|