alicia-design-system 1.64.2 → 1.65.0
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/dist/cjs/alicia/common/Card/types.d.ts +1 -1
- package/dist/cjs/alicia/common/List/List.js +5 -11
- package/dist/cjs/alicia/common/List/List.js.map +1 -1
- package/dist/cjs/alicia/common/icons/ArrowForwardCircleIcon.js +2 -2
- package/dist/cjs/alicia/common/icons/ArrowForwardCircleIcon.js.map +1 -1
- package/dist/esm/alicia/common/Card/types.d.ts +1 -1
- package/dist/esm/alicia/common/List/List.js +7 -13
- package/dist/esm/alicia/common/List/List.js.map +1 -1
- package/dist/esm/alicia/common/icons/ArrowForwardCircleIcon.js +2 -2
- package/dist/esm/alicia/common/icons/ArrowForwardCircleIcon.js.map +1 -1
- package/package.json +1 -1
|
@@ -3,6 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
exports.List = void 0;
|
|
4
4
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
5
|
const react_1 = require("@chakra-ui/react");
|
|
6
|
+
const framer_motion_1 = require("framer-motion");
|
|
6
7
|
const polished_1 = require("polished");
|
|
7
8
|
const icons_1 = require("../icons");
|
|
8
9
|
const getRandomNumber = (min, max) => {
|
|
@@ -15,18 +16,11 @@ const List = ({ list, type, withLeftIcon, rightIconColor, withRightIcon, withLef
|
|
|
15
16
|
}
|
|
16
17
|
};
|
|
17
18
|
const ArrowIcon = (0, icons_1.ArrowForwardCircleIcon)({ fillColor: itemColor });
|
|
18
|
-
|
|
19
|
-
return ((0, jsx_runtime_1.jsxs)(react_1.Flex, Object.assign({ flexDirection: "column" }, { children: [title && ((0, jsx_runtime_1.jsx)(react_1.Flex, Object.assign({ as: "span", mb: (0, polished_1.rem)(18), fontSize: (0, polished_1.rem)(14), fontWeight: "500" }, { children: title }))), type === 'ordered' && ((0, jsx_runtime_1.jsx)(react_1.List, { children: list.map(({ value, label, description }, index) => ((0, jsx_runtime_1.jsx)(react_1.ListItem, Object.assign({ color: itemColor, _hover: {
|
|
20
|
-
color: itemColor,
|
|
21
|
-
opacity: isClickable ? '0.5' : '1',
|
|
22
|
-
}, cursor: isClickable ? 'pointer' : 'auto', onClick: () => {
|
|
19
|
+
return ((0, jsx_runtime_1.jsxs)(react_1.Flex, Object.assign({ flexDirection: "column" }, { children: [title && ((0, jsx_runtime_1.jsx)(react_1.Flex, Object.assign({ as: "span", mb: (0, polished_1.rem)(18), fontSize: (0, polished_1.rem)(14), fontWeight: "500" }, { children: title }))), type === 'ordered' && ((0, jsx_runtime_1.jsx)(react_1.List, { children: list.map(({ value, label, description }, index) => ((0, jsx_runtime_1.jsxs)(react_1.ListItem, Object.assign({ pos: "relative", color: itemColor, cursor: isClickable ? 'pointer' : 'auto', onClick: () => {
|
|
23
20
|
onClickItem({ value, label });
|
|
24
|
-
}, zIndex: 4, display: ['flex', 'inherit'], alignItems: "center", fontFamily: itemFont, borderBottom: `${index === list.length - 1 ? 0 : 'list'}`, pb: 3, borderColor: itemColor, fontSize: "2xl", marginBottom: "3", w: "100%" }, { children: (0, jsx_runtime_1.jsxs)(react_1.Flex, Object.assign({ justifyContent: "space-between", w: "100%" }, { children: [(0, jsx_runtime_1.jsxs)(react_1.Flex, Object.assign({ maxW: withRightIcon ? "90%" : "100%" }, { children: [(0, jsx_runtime_1.jsx)(react_1.Flex, Object.assign({ alignItems: "center" }, { children: withLeftIcon && ((0, jsx_runtime_1.jsxs)(react_1.Flex, Object.assign({ zIndex: 1, pos: "relative", w: (0, polished_1.rem)(32), display: "inline-block", mr: "2.5", direction: "row" }, { children: [withLeftIconBackground && ((0, jsx_runtime_1.jsx)(react_1.Box, Object.assign({ zIndex: -2, style: {
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
color: 'text',
|
|
28
|
-
opacity: isClickable ? '0.5' : '1',
|
|
29
|
-
} }, { children: [(0, jsx_runtime_1.jsx)(react_1.Text, Object.assign({ as: "span" }, { children: label })), description && ((0, jsx_runtime_1.jsx)(react_1.Text, Object.assign({ as: "span", fontSize: (0, polished_1.rem)(14) }, { children: description })))] }))] })), withRightIcon && ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: value === selectedValue ? ((0, jsx_runtime_1.jsx)(CheckCircleIcon, { float: "right", width: (0, polished_1.rem)(30), height: (0, polished_1.rem)(30) })) : ((0, jsx_runtime_1.jsx)(ArrowIcon, { fill: rightIconColor, float: "right", width: (0, polished_1.rem)(30), height: (0, polished_1.rem)(30) })) }))] })) }), value))) }))] })));
|
|
21
|
+
}, zIndex: 4, display: ['flex', 'inherit'], alignItems: "center", fontFamily: itemFont, borderBottom: `${index === list.length - 1 ? 0 : 'list'}`, pb: 3, borderColor: itemColor, fontSize: "2xl", marginBottom: "3", w: "100%" }, { children: [(0, jsx_runtime_1.jsxs)(react_1.Flex, Object.assign({ justifyContent: "space-between", w: "100%" }, { children: [(0, jsx_runtime_1.jsxs)(react_1.Flex, Object.assign({ maxW: withRightIcon ? "90%" : "100%" }, { children: [(0, jsx_runtime_1.jsx)(react_1.Flex, Object.assign({ alignItems: "center" }, { children: withLeftIcon && ((0, jsx_runtime_1.jsxs)(react_1.Flex, Object.assign({ zIndex: 1, pos: "relative", w: (0, polished_1.rem)(32), display: "inline-block", mr: "2.5", direction: "row" }, { children: [withLeftIconBackground && ((0, jsx_runtime_1.jsx)(react_1.Box, Object.assign({ zIndex: -2, style: {
|
|
22
|
+
rotate: `${getRandomNumber(349, 367)}deg`,
|
|
23
|
+
}, transform: "translate(-50%, -50%)", pos: "absolute", top: "50%", left: "50%", w: "120%" }, { children: (0, jsx_runtime_1.jsxs)("svg", Object.assign({ viewBox: "0 0 40 22", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [(0, jsx_runtime_1.jsx)("g", Object.assign({ clipPath: "url(#a)" }, { children: (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M0 0c6.131 0 12.198.216 18.313 1.008 7.2.932 14.393.935 21.61.871L40 21.977c-7.581.067-15.139.047-22.702-.93-5.779-.745-11.504-.949-17.298-.949V0Z", fill: leftIconColor !== null && leftIconColor !== void 0 ? leftIconColor : '#B5C9FF' }) })), (0, jsx_runtime_1.jsx)("defs", { children: (0, jsx_runtime_1.jsx)("clipPath", Object.assign({ id: "a" }, { children: (0, jsx_runtime_1.jsx)("path", { fill: "#fff", d: "M0 0h40v22H0z" }) })) })] })) }))), (0, jsx_runtime_1.jsx)(react_1.Box, Object.assign({ zIndex: 2, pos: "relative", display: "inline-block", borderRadius: "full", w: (0, polished_1.rem)(32), textAlign: "center", border: (0, polished_1.rem)(1), mr: "1.5", fontSize: 20 }, { children: 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" }, { children: label })), description && ((0, jsx_runtime_1.jsx)(react_1.Text, Object.assign({ as: "span", fontSize: (0, polished_1.rem)(14) }, { children: description })))] }))] })), withRightIcon && ((0, jsx_runtime_1.jsx)(ArrowIcon, { fill: rightIconColor, float: "right", width: (0, polished_1.rem)(30), height: (0, polished_1.rem)(30) }))] })), value === selectedValue && ((0, jsx_runtime_1.jsx)(framer_motion_1.motion.div, { initial: { left: '-222px', transform: "rotate('32deg')" }, animate: { left: 0, transform: 'rotate(-1deg)' }, style: { width: '100%', transform: 'rotate(-1deg)', zIndex: '-1', height: '100%', background: selectedItemColor, left: '0', top: '-2px', position: 'absolute' }, transition: { duration: 0.5 } }))] }), value))) }))] })));
|
|
30
24
|
};
|
|
31
25
|
exports.List = List;
|
|
32
26
|
//# sourceMappingURL=List.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"List.js","sourceRoot":"","sources":["../../../../../src/alicia/common/List/List.tsx"],"names":[],"mappings":";;;;AAAA,4CAM0B;AAC1B,uCAA+B;AAC/B,
|
|
1
|
+
{"version":3,"file":"List.js","sourceRoot":"","sources":["../../../../../src/alicia/common/List/List.tsx"],"names":[],"mappings":";;;;AAAA,4CAM0B;AAC1B,iDAAuC;AACvC,uCAA+B;AAC/B,oCAAkD;AAElD,MAAM,eAAe,GAAG,CAAC,GAAW,EAAE,GAAW,EAAE,EAAE;IACnD,OAAO,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,GAAG,GAAG,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC;AAC3D,CAAC,CAAC;AAEK,MAAM,IAAI,GAAG,CAAC,EACnB,IAAI,EACJ,IAAI,EACJ,YAAY,EACZ,cAAc,EACd,aAAa,EACb,sBAAsB,GAAG,IAAI,EAC7B,aAAa,GAAG,SAAS,EACzB,WAAW,EACX,WAAW,GAAG,KAAK,EACnB,KAAK,EACL,QAAQ,GAAG,qBAAqB,EAChC,SAAS,GAAG,MAAM,EAClB,aAAa,GAAG,EAAE,EAClB,iBAAiB,GAAG,SAAS,GACnB,EAAE,EAAE;IACd,MAAM,WAAW,GAAG,CAAC,IAAgB,EAAE,EAAE;QACvC,IAAI,WAAW,IAAI,WAAW,EAAE;YAC9B,WAAW,CAAC,IAAI,CAAC,CAAC;SACnB;IACH,CAAC,CAAC;IAEF,MAAM,SAAS,GAAG,IAAA,8BAAsB,EAAC,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC,CAAC;IAEnE,OAAO,CACL,wBAAC,YAAI,kBAAC,aAAa,EAAC,QAAQ,iBACzB,KAAK,IAAI,CACR,uBAAC,YAAI,kBAAC,EAAE,EAAC,MAAM,EAAC,EAAE,EAAE,IAAA,cAAG,EAAC,EAAE,CAAC,EAAE,QAAQ,EAAE,IAAA,cAAG,EAAC,EAAE,CAAC,EAAE,UAAU,EAAC,KAAK,gBAC7D,KAAK,IACD,CACR,EACA,IAAI,KAAK,SAAS,IAAI,CACrB,uBAAC,YAAU,cACR,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,EAAE,KAAK,EAAE,EAAE,CAAC,CAClD,wBAAC,gBAAQ,kBACP,GAAG,EAAC,UAAU,EACd,KAAK,EAAE,SAAS,EAChB,MAAM,EAAE,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,EACxC,OAAO,EAAE,GAAG,EAAE;wBACZ,WAAW,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,CAAC;oBAChC,CAAC,EACD,MAAM,EAAE,CAAC,EACT,OAAO,EAAE,CAAC,MAAM,EAAE,SAAS,CAAC,EAC5B,UAAU,EAAC,QAAQ,EACnB,UAAU,EAAE,QAAQ,EACpB,YAAY,EAAE,GAAG,KAAK,KAAK,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,EAAE,EACzD,EAAE,EAAE,CAAC,EACL,WAAW,EAAE,SAAS,EACtB,QAAQ,EAAC,KAAK,EACd,YAAY,EAAC,GAAG,EAEhB,CAAC,EAAC,MAAM,iBAER,wBAAC,YAAI,kBAAC,cAAc,EAAC,eAAe,EAAC,CAAC,EAAC,MAAM,iBAC3C,wBAAC,YAAI,kBAAC,IAAI,EAAE,aAAa,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,iBACxC,uBAAC,YAAI,kBAAC,UAAU,EAAC,QAAQ,gBACxB,YAAY,IAAI,CACf,wBAAC,YAAI,kBACH,MAAM,EAAE,CAAC,EACT,GAAG,EAAC,UAAU,EACd,CAAC,EAAE,IAAA,cAAG,EAAC,EAAE,CAAC,EACV,OAAO,EAAC,cAAc,EACtB,EAAE,EAAC,KAAK,EACR,SAAS,EAAC,KAAK,iBAEd,sBAAsB,IAAI,CACzB,uBAAC,WAAG,kBACF,MAAM,EAAE,CAAC,CAAC,EACV,KAAK,EAAE;4DACL,MAAM,EAAE,GAAG,eAAe,CAAC,GAAG,EAAE,GAAG,CAAC,KAAK;yDAC1C,EACD,SAAS,EAAC,uBAAuB,EACjC,GAAG,EAAC,UAAU,EACd,GAAG,EAAC,KAAK,EACT,IAAI,EAAC,KAAK,EACV,CAAC,EAAC,MAAM,gBAER,+CACE,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,iBAElC,4CAAG,QAAQ,EAAC,SAAS,gBACnB,iCACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,oJAAoJ,EACtJ,IAAI,EAAE,aAAa,aAAb,aAAa,cAAb,aAAa,GAAI,SAAS,GAChC,IACA,EACJ,2CACE,mDAAU,EAAE,EAAC,GAAG,gBACd,iCAAM,IAAI,EAAC,MAAM,EAAC,CAAC,EAAC,eAAe,GAAG,IAC7B,GACN,KACH,IACF,CACP,EACD,uBAAC,WAAG,kBACF,MAAM,EAAE,CAAC,EACT,GAAG,EAAC,UAAU,EACd,OAAO,EAAC,cAAc,EACtB,YAAY,EAAC,MAAM,EACnB,CAAC,EAAE,IAAA,cAAG,EAAC,EAAE,CAAC,EACV,SAAS,EAAC,QAAQ,EAClB,MAAM,EAAE,IAAA,cAAG,EAAC,CAAC,CAAC,EACd,EAAE,EAAC,KAAK,EACR,QAAQ,EAAE,EAAE,gBAEX,KAAK,GAAG,CAAC,IACN,KACD,CACR,IACM,EACP,wBAAC,YAAI,kBAAC,aAAa,EAAC,QAAQ,iBAC1B,uBAAC,YAAI,kBAAC,EAAE,EAAC,MAAM,gBAAE,KAAK,IAAQ,EAC7B,WAAW,IAAI,CAAC,uBAAC,YAAI,kBAAC,EAAE,EAAC,MAAM,EAAC,QAAQ,EAAE,IAAA,cAAG,EAAC,EAAE,CAAC,gBAAG,WAAW,IAAQ,CAAC,KACpE,KACF,EACN,aAAa,IAAI,CACZ,uBAAC,SAAS,IACR,IAAI,EAAE,cAAc,EACpB,KAAK,EAAC,OAAO,EACb,KAAK,EAAE,IAAA,cAAG,EAAC,EAAE,CAAC,EACd,MAAM,EAAE,IAAA,cAAG,EAAC,EAAE,CAAC,GACf,CACP,KACI,EACN,KAAK,KAAK,aAAa,IAAI,CAC1B,uBAAC,sBAAM,CAAC,GAAG,IACV,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,iBAAiB,EAAE,EACzD,OAAO,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,SAAS,EAAC,eAAe,EAAE,EAC/C,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAI,SAAS,EAAC,eAAe,EAAE,MAAM,EAAE,IAAI,EAAG,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,iBAAiB,EAAG,IAAI,EAAC,GAAG,EAAG,GAAG,EAAE,MAAM,EAAE,QAAQ,EAAE,UAAU,EAAE,EAClK,UAAU,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,GAC7B,CACF,MArFI,KAAK,CAsFD,CACZ,CAAC,GACS,CACd,KACI,CACR,CAAC;AACJ,CAAC,CAAC;AA9IW,QAAA,IAAI,QA8If"}
|
|
@@ -5,8 +5,8 @@ const jsx_runtime_1 = require("react/jsx-runtime");
|
|
|
5
5
|
const icons_1 = require("@chakra-ui/icons");
|
|
6
6
|
const ArrowForwardCircleIcon = ({ fillColor }) => (0, icons_1.createIcon)({
|
|
7
7
|
displayName: 'ArrowForwardCircleIcon',
|
|
8
|
-
viewBox: '0 0
|
|
9
|
-
path: ((0, jsx_runtime_1.jsx)("path", { d: "
|
|
8
|
+
viewBox: '0 0 16 16',
|
|
9
|
+
path: ((0, jsx_runtime_1.jsx)("path", { d: "M7.67678 0.823223L7.5 0.646446L7.32322 0.823223L6.82322 1.32322L6.64645 1.5L6.82322 1.67678L12.5464 7.4L0.5 7.4H0.25V7.65L0.25 8.35V8.6H0.5L12.5464 8.6L6.82322 14.3232L6.64645 14.5L6.82322 14.6768L7.32322 15.1768L7.5 15.3536L7.67678 15.1768L14.6768 8.17678L14.8536 8L14.6768 7.82322L7.67678 0.823223Z", fill: fillColor })),
|
|
10
10
|
});
|
|
11
11
|
exports.ArrowForwardCircleIcon = ArrowForwardCircleIcon;
|
|
12
12
|
//# sourceMappingURL=ArrowForwardCircleIcon.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ArrowForwardCircleIcon.js","sourceRoot":"","sources":["../../../../../src/alicia/common/icons/ArrowForwardCircleIcon.tsx"],"names":[],"mappings":";;;;AAAA,4CAA8C;AAEvC,MAAM,sBAAsB,GAAG,CAAC,EAAE,SAAS,EAA0B,EAAE,EAAE,CAAC,IAAA,kBAAU,EAAC;IAC1F,WAAW,EAAE,wBAAwB;IACrC,OAAO,EAAE,WAAW;IACpB,IAAI,EAAE,CACJ,iCAAM,CAAC,EAAC,
|
|
1
|
+
{"version":3,"file":"ArrowForwardCircleIcon.js","sourceRoot":"","sources":["../../../../../src/alicia/common/icons/ArrowForwardCircleIcon.tsx"],"names":[],"mappings":";;;;AAAA,4CAA8C;AAEvC,MAAM,sBAAsB,GAAG,CAAC,EAAE,SAAS,EAA0B,EAAE,EAAE,CAAC,IAAA,kBAAU,EAAC;IAC1F,WAAW,EAAE,wBAAwB;IACrC,OAAO,EAAE,WAAW;IACpB,IAAI,EAAE,CACJ,iCAAM,CAAC,EAAC,8SAA8S,EAAC,IAAI,EAAE,SAAS,GAAI,CAC3U;CACF,CAAC,CAAC;AANU,QAAA,sBAAsB,0BAMhC"}
|
|
@@ -1,7 +1,8 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { ListItem, List as ChakraList, Box, Flex, Text, } from '@chakra-ui/react';
|
|
3
|
+
import { motion } from 'framer-motion';
|
|
3
4
|
import { rem } from 'polished';
|
|
4
|
-
import { ArrowForwardCircleIcon
|
|
5
|
+
import { ArrowForwardCircleIcon } from '../icons';
|
|
5
6
|
const getRandomNumber = (min, max) => {
|
|
6
7
|
return Math.floor(Math.random() * (max - min + 1) + min);
|
|
7
8
|
};
|
|
@@ -12,17 +13,10 @@ export const List = ({ list, type, withLeftIcon, rightIconColor, withRightIcon,
|
|
|
12
13
|
}
|
|
13
14
|
};
|
|
14
15
|
const ArrowIcon = ArrowForwardCircleIcon({ fillColor: itemColor });
|
|
15
|
-
|
|
16
|
-
return (_jsxs(Flex, Object.assign({ flexDirection: "column" }, { children: [title && (_jsx(Flex, Object.assign({ as: "span", mb: rem(18), fontSize: rem(14), fontWeight: "500" }, { children: title }))), type === 'ordered' && (_jsx(ChakraList, { children: list.map(({ value, label, description }, index) => (_jsx(ListItem, Object.assign({ color: itemColor, _hover: {
|
|
17
|
-
color: itemColor,
|
|
18
|
-
opacity: isClickable ? '0.5' : '1',
|
|
19
|
-
}, cursor: isClickable ? 'pointer' : 'auto', onClick: () => {
|
|
16
|
+
return (_jsxs(Flex, Object.assign({ flexDirection: "column" }, { children: [title && (_jsx(Flex, Object.assign({ as: "span", mb: rem(18), fontSize: rem(14), fontWeight: "500" }, { children: title }))), type === 'ordered' && (_jsx(ChakraList, { children: list.map(({ value, label, description }, index) => (_jsxs(ListItem, Object.assign({ pos: "relative", color: itemColor, cursor: isClickable ? 'pointer' : 'auto', onClick: () => {
|
|
20
17
|
onClickItem({ value, label });
|
|
21
|
-
}, zIndex: 4, display: ['flex', 'inherit'], alignItems: "center", fontFamily: itemFont, borderBottom: `${index === list.length - 1 ? 0 : 'list'}`, pb: 3, borderColor: itemColor, fontSize: "2xl", marginBottom: "3", w: "100%" }, { children: _jsxs(Flex, Object.assign({ justifyContent: "space-between", w: "100%" }, { children: [_jsxs(Flex, Object.assign({ maxW: withRightIcon ? "90%" : "100%" }, { children: [_jsx(Flex, Object.assign({ alignItems: "center" }, { children: withLeftIcon && (_jsxs(Flex, Object.assign({ zIndex: 1, pos: "relative", w: rem(32), display: "inline-block", mr: "2.5", direction: "row" }, { children: [withLeftIconBackground && (_jsx(Box, Object.assign({ zIndex: -2, style: {
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
color: 'text',
|
|
25
|
-
opacity: isClickable ? '0.5' : '1',
|
|
26
|
-
} }, { children: [_jsx(Text, Object.assign({ as: "span" }, { children: label })), description && (_jsx(Text, Object.assign({ as: "span", fontSize: rem(14) }, { children: description })))] }))] })), withRightIcon && (_jsx(_Fragment, { children: value === selectedValue ? (_jsx(CheckCircleIcon, { float: "right", width: rem(30), height: rem(30) })) : (_jsx(ArrowIcon, { fill: rightIconColor, float: "right", width: rem(30), height: rem(30) })) }))] })) }), value))) }))] })));
|
|
18
|
+
}, zIndex: 4, display: ['flex', 'inherit'], alignItems: "center", fontFamily: itemFont, borderBottom: `${index === list.length - 1 ? 0 : 'list'}`, pb: 3, borderColor: itemColor, fontSize: "2xl", marginBottom: "3", w: "100%" }, { children: [_jsxs(Flex, Object.assign({ justifyContent: "space-between", w: "100%" }, { children: [_jsxs(Flex, Object.assign({ maxW: withRightIcon ? "90%" : "100%" }, { children: [_jsx(Flex, Object.assign({ alignItems: "center" }, { children: withLeftIcon && (_jsxs(Flex, Object.assign({ zIndex: 1, pos: "relative", w: rem(32), display: "inline-block", mr: "2.5", direction: "row" }, { children: [withLeftIconBackground && (_jsx(Box, Object.assign({ zIndex: -2, style: {
|
|
19
|
+
rotate: `${getRandomNumber(349, 367)}deg`,
|
|
20
|
+
}, transform: "translate(-50%, -50%)", pos: "absolute", top: "50%", left: "50%", w: "120%" }, { children: _jsxs("svg", Object.assign({ viewBox: "0 0 40 22", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsx("g", Object.assign({ clipPath: "url(#a)" }, { children: _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M0 0c6.131 0 12.198.216 18.313 1.008 7.2.932 14.393.935 21.61.871L40 21.977c-7.581.067-15.139.047-22.702-.93-5.779-.745-11.504-.949-17.298-.949V0Z", fill: leftIconColor !== null && leftIconColor !== void 0 ? leftIconColor : '#B5C9FF' }) })), _jsx("defs", { children: _jsx("clipPath", Object.assign({ id: "a" }, { children: _jsx("path", { fill: "#fff", d: "M0 0h40v22H0z" }) })) })] })) }))), _jsx(Box, Object.assign({ zIndex: 2, pos: "relative", display: "inline-block", borderRadius: "full", w: rem(32), textAlign: "center", border: rem(1), mr: "1.5", fontSize: 20 }, { children: index + 1 }))] }))) })), _jsxs(Flex, Object.assign({ flexDirection: "column" }, { children: [_jsx(Text, Object.assign({ as: "span" }, { children: label })), description && (_jsx(Text, Object.assign({ as: "span", fontSize: rem(14) }, { children: description })))] }))] })), withRightIcon && (_jsx(ArrowIcon, { fill: rightIconColor, float: "right", width: rem(30), height: rem(30) }))] })), value === selectedValue && (_jsx(motion.div, { initial: { left: '-222px', transform: "rotate('32deg')" }, animate: { left: 0, transform: 'rotate(-1deg)' }, style: { width: '100%', transform: 'rotate(-1deg)', zIndex: '-1', height: '100%', background: selectedItemColor, left: '0', top: '-2px', position: 'absolute' }, transition: { duration: 0.5 } }))] }), value))) }))] })));
|
|
27
21
|
};
|
|
28
22
|
//# sourceMappingURL=List.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"List.js","sourceRoot":"","sources":["../../../../../src/alicia/common/List/List.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,QAAQ,EACR,IAAI,IAAI,UAAU,EAClB,GAAG,EACH,IAAI,EACJ,IAAI,GACL,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,GAAG,EAAE,MAAM,UAAU,CAAC;AAC/B,OAAO,EAAE,sBAAsB,EAAE,
|
|
1
|
+
{"version":3,"file":"List.js","sourceRoot":"","sources":["../../../../../src/alicia/common/List/List.tsx"],"names":[],"mappings":"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"}
|
|
@@ -2,7 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
|
|
|
2
2
|
import { createIcon } from '@chakra-ui/icons';
|
|
3
3
|
export const ArrowForwardCircleIcon = ({ fillColor }) => createIcon({
|
|
4
4
|
displayName: 'ArrowForwardCircleIcon',
|
|
5
|
-
viewBox: '0 0
|
|
6
|
-
path: (_jsx("path", { d: "
|
|
5
|
+
viewBox: '0 0 16 16',
|
|
6
|
+
path: (_jsx("path", { d: "M7.67678 0.823223L7.5 0.646446L7.32322 0.823223L6.82322 1.32322L6.64645 1.5L6.82322 1.67678L12.5464 7.4L0.5 7.4H0.25V7.65L0.25 8.35V8.6H0.5L12.5464 8.6L6.82322 14.3232L6.64645 14.5L6.82322 14.6768L7.32322 15.1768L7.5 15.3536L7.67678 15.1768L14.6768 8.17678L14.8536 8L14.6768 7.82322L7.67678 0.823223Z", fill: fillColor })),
|
|
7
7
|
});
|
|
8
8
|
//# sourceMappingURL=ArrowForwardCircleIcon.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ArrowForwardCircleIcon.js","sourceRoot":"","sources":["../../../../../src/alicia/common/icons/ArrowForwardCircleIcon.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE9C,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,EAAE,SAAS,EAA0B,EAAE,EAAE,CAAC,UAAU,CAAC;IAC1F,WAAW,EAAE,wBAAwB;IACrC,OAAO,EAAE,WAAW;IACpB,IAAI,EAAE,CACJ,eAAM,CAAC,EAAC,
|
|
1
|
+
{"version":3,"file":"ArrowForwardCircleIcon.js","sourceRoot":"","sources":["../../../../../src/alicia/common/icons/ArrowForwardCircleIcon.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE9C,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,EAAE,SAAS,EAA0B,EAAE,EAAE,CAAC,UAAU,CAAC;IAC1F,WAAW,EAAE,wBAAwB;IACrC,OAAO,EAAE,WAAW;IACpB,IAAI,EAAE,CACJ,eAAM,CAAC,EAAC,8SAA8S,EAAC,IAAI,EAAE,SAAS,GAAI,CAC3U;CACF,CAAC,CAAC"}
|