@activecollab/components 1.0.63 → 1.0.64
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/components/ConfirmDialog/ConfirmDialog.js +2 -1
- package/dist/cjs/components/ConfirmDialog/ConfirmDialog.js.map +1 -1
- package/dist/cjs/components/Typography/Styles.js +9 -1
- package/dist/cjs/components/Typography/Styles.js.map +1 -1
- package/dist/cjs/components/Typography/Typography.js.map +1 -1
- package/dist/esm/components/ConfirmDialog/ConfirmDialog.js +2 -1
- package/dist/esm/components/ConfirmDialog/ConfirmDialog.js.map +1 -1
- package/dist/esm/components/Typography/Styles.d.ts +1 -1
- package/dist/esm/components/Typography/Styles.d.ts.map +1 -1
- package/dist/esm/components/Typography/Styles.js +9 -1
- package/dist/esm/components/Typography/Styles.js.map +1 -1
- package/dist/esm/components/Typography/Typography.d.ts +1 -1
- package/dist/esm/components/Typography/Typography.d.ts.map +1 -1
- package/dist/esm/components/Typography/Typography.js.map +1 -1
- package/dist/index.js +11 -2
- package/dist/index.js.map +1 -1
- package/dist/index.min.js +1 -1
- package/dist/index.min.js.map +1 -1
- package/package.json +1 -1
|
@@ -46,7 +46,8 @@ var ConfirmDialog = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
|
|
|
46
46
|
className: (0, _classnames.default)("c-confirm-dialog", className)
|
|
47
47
|
}, /*#__PURE__*/_react.default.createElement(_Dialog.DialogTitle, null, dialogTitle), /*#__PURE__*/_react.default.createElement(_Dialog.DialogContentDivider, null), /*#__PURE__*/_react.default.createElement(_Dialog.DialogContent, null, /*#__PURE__*/_react.default.createElement(_Body.Body2, {
|
|
48
48
|
lineHeight: "loose",
|
|
49
|
-
color: "secondary"
|
|
49
|
+
color: "secondary",
|
|
50
|
+
whitespace: "pre-line"
|
|
50
51
|
}, dialogContent)), /*#__PURE__*/_react.default.createElement(_Dialog.DialogContentDivider, null), /*#__PURE__*/_react.default.createElement(_Dialog.DialogActions, null, /*#__PURE__*/_react.default.createElement(_Button.Button, {
|
|
51
52
|
variant: "primary",
|
|
52
53
|
style: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/ConfirmDialog/ConfirmDialog.tsx"],"names":["ConfirmDialog","ref","open","onCancel","onConfirm","className","dialogTitle","dialogContent","confirmBtnText","cancelBtnText","shouldShowCancelButton","marginRight","displayName"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AAOA;;AACA;;;;;;;;AAcO,IAAMA,aAAa,gBAAG,uBAC3B,gBAYEC,GAZF,EAaK;AAAA,uBAXDC,IAWC;AAAA,MAXDA,IAWC,0BAXM,KAWN;AAAA,MAVDC,QAUC,QAVDA,QAUC;AAAA,MATDC,SASC,QATDA,SASC;AAAA,MARDC,SAQC,QARDA,SAQC;AAAA,8BAPDC,WAOC;AAAA,MAPDA,WAOC,iCAPa,kBAOb;AAAA,gCANDC,aAMC;AAAA,MANDA,aAMC,mCANe,mCAMf;AAAA,iCALDC,cAKC;AAAA,MALDA,cAKC,oCALgB,IAKhB;AAAA,gCAJDC,aAIC;AAAA,MAJDA,aAIC,mCAJe,QAIf;AAAA,mCAHDC,sBAGC;AAAA,MAHDA,sBAGC,sCAHwB,IAGxB;AACH,sBACE,6BAAC,cAAD;AACE,IAAA,GAAG,EAAET,GADP;AAEE,IAAA,IAAI,EAAEC,IAFR;AAGE,IAAA,OAAO,EAAEC,QAHX;AAIE,IAAA,SAAS,EAAE,yBAAW,kBAAX,EAA+BE,SAA/B;AAJb,kBAME,6BAAC,mBAAD,QAAcC,WAAd,CANF,eAOE,6BAAC,4BAAD,OAPF,eAQE,6BAAC,qBAAD,qBACE,6BAAC,WAAD;AAAO,IAAA,UAAU,EAAC,OAAlB;AAA0B,IAAA,KAAK,EAAC;
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/ConfirmDialog/ConfirmDialog.tsx"],"names":["ConfirmDialog","ref","open","onCancel","onConfirm","className","dialogTitle","dialogContent","confirmBtnText","cancelBtnText","shouldShowCancelButton","marginRight","displayName"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AAOA;;AACA;;;;;;;;AAcO,IAAMA,aAAa,gBAAG,uBAC3B,gBAYEC,GAZF,EAaK;AAAA,uBAXDC,IAWC;AAAA,MAXDA,IAWC,0BAXM,KAWN;AAAA,MAVDC,QAUC,QAVDA,QAUC;AAAA,MATDC,SASC,QATDA,SASC;AAAA,MARDC,SAQC,QARDA,SAQC;AAAA,8BAPDC,WAOC;AAAA,MAPDA,WAOC,iCAPa,kBAOb;AAAA,gCANDC,aAMC;AAAA,MANDA,aAMC,mCANe,mCAMf;AAAA,iCALDC,cAKC;AAAA,MALDA,cAKC,oCALgB,IAKhB;AAAA,gCAJDC,aAIC;AAAA,MAJDA,aAIC,mCAJe,QAIf;AAAA,mCAHDC,sBAGC;AAAA,MAHDA,sBAGC,sCAHwB,IAGxB;AACH,sBACE,6BAAC,cAAD;AACE,IAAA,GAAG,EAAET,GADP;AAEE,IAAA,IAAI,EAAEC,IAFR;AAGE,IAAA,OAAO,EAAEC,QAHX;AAIE,IAAA,SAAS,EAAE,yBAAW,kBAAX,EAA+BE,SAA/B;AAJb,kBAME,6BAAC,mBAAD,QAAcC,WAAd,CANF,eAOE,6BAAC,4BAAD,OAPF,eAQE,6BAAC,qBAAD,qBACE,6BAAC,WAAD;AAAO,IAAA,UAAU,EAAC,OAAlB;AAA0B,IAAA,KAAK,EAAC,WAAhC;AAA4C,IAAA,UAAU,EAAC;AAAvD,KACGC,aADH,CADF,CARF,eAaE,6BAAC,4BAAD,OAbF,eAcE,6BAAC,qBAAD,qBACE,6BAAC,cAAD;AACE,IAAA,OAAO,EAAC,SADV;AAEE,IAAA,KAAK,EAAE;AAAEI,MAAAA,WAAW,EAAE;AAAf,KAFT;AAGE,IAAA,OAAO,EAAEP;AAHX,KAKGI,cALH,CADF,EAQGE,sBAAsB,gBACrB,6BAAC,cAAD;AACE,IAAA,OAAO,EAAC,WADV;AAEE,mBAAY,QAFd;AAGE,IAAA,OAAO,EAAEP,QAHX;AAIE,IAAA,IAAI,EAAC;AAJP,KAMGM,aANH,CADqB,GASnB,IAjBN,CAdF,CADF;AAoCD,CAnD0B,CAAtB;;AAsDPT,aAAa,CAACY,WAAd,GAA4B,eAA5B","sourcesContent":["import React, { forwardRef } from \"react\";\nimport classnames from \"classnames\";\nimport {\n Dialog,\n DialogTitle,\n DialogContent,\n DialogActions,\n DialogContentDivider,\n} from \"../Dialog\";\nimport { Button } from \"../Button/Button\";\nimport { Body2 } from \"../Typography/Variants/Body2\";\n\nexport interface IConfirmDialog {\n open?: boolean;\n onCancel?: () => void;\n onConfirm?: () => void;\n className?: string;\n dialogTitle?: string;\n dialogContent?: string;\n confirmBtnText?: string;\n cancelBtnText?: string;\n shouldShowCancelButton?: boolean;\n}\n\nexport const ConfirmDialog = forwardRef<HTMLDivElement, IConfirmDialog>(\n (\n {\n open = false,\n onCancel,\n onConfirm,\n className,\n dialogTitle = \"Discard changes?\",\n dialogContent = \"All unsaved changes will be lost.\",\n confirmBtnText = \"OK\",\n cancelBtnText = \"Cancel\",\n shouldShowCancelButton = true,\n },\n ref\n ) => {\n return (\n <Dialog\n ref={ref}\n open={open}\n onClose={onCancel}\n className={classnames(\"c-confirm-dialog\", className)}\n >\n <DialogTitle>{dialogTitle}</DialogTitle>\n <DialogContentDivider />\n <DialogContent>\n <Body2 lineHeight=\"loose\" color=\"secondary\" whitespace=\"pre-line\">\n {dialogContent}\n </Body2>\n </DialogContent>\n <DialogContentDivider />\n <DialogActions>\n <Button\n variant=\"primary\"\n style={{ marginRight: \"12px\" }}\n onClick={onConfirm}\n >\n {confirmBtnText}\n </Button>\n {shouldShowCancelButton ? (\n <Button\n variant=\"secondary\"\n data-action=\"cancel\"\n onClick={onCancel}\n type=\"button\"\n >\n {cancelBtnText}\n </Button>\n ) : null}\n </DialogActions>\n </Dialog>\n );\n }\n);\n\nConfirmDialog.displayName = \"ConfirmDialog\";\n"],"file":"ConfirmDialog.js"}
|
|
@@ -57,7 +57,7 @@ var colors = {
|
|
|
57
57
|
var StyledTypography = _styledComponents.default.div.withConfig({
|
|
58
58
|
displayName: "Styles__StyledTypography",
|
|
59
59
|
componentId: "sc-mskw5w-0"
|
|
60
|
-
})(["", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", ""], _FontStyle.FontStyle, _BoxSizingStyle.BoxSizingStyle, function (props) {
|
|
60
|
+
})(["", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", ""], _FontStyle.FontStyle, _BoxSizingStyle.BoxSizingStyle, function (props) {
|
|
61
61
|
return colors[props.$color];
|
|
62
62
|
}, function (props) {
|
|
63
63
|
return props.$variant === "Title 1" && (0, _styledComponents.css)(["font-size:2rem;"]);
|
|
@@ -119,6 +119,14 @@ var StyledTypography = _styledComponents.default.div.withConfig({
|
|
|
119
119
|
return props.$whitespace === "regular" && (0, _styledComponents.css)(["white-space:normal;"]);
|
|
120
120
|
}, function (props) {
|
|
121
121
|
return props.$whitespace === "no-wrap" && (0, _styledComponents.css)(["white-space:nowrap;"]);
|
|
122
|
+
}, function (props) {
|
|
123
|
+
return props.$whitespace === "pre" && (0, _styledComponents.css)(["white-space:pre;"]);
|
|
124
|
+
}, function (props) {
|
|
125
|
+
return props.$whitespace === "pre-wrap" && (0, _styledComponents.css)(["white-space:pre-wrap;"]);
|
|
126
|
+
}, function (props) {
|
|
127
|
+
return props.$whitespace === "pre-line" && (0, _styledComponents.css)(["white-space:pre-line;"]);
|
|
128
|
+
}, function (props) {
|
|
129
|
+
return props.$whitespace === "break-spaces" && (0, _styledComponents.css)(["white-space:break-spaces;"]);
|
|
122
130
|
}, function (props) {
|
|
123
131
|
return props.$wordBreak === "regular" && (0, _styledComponents.css)(["overflow-wrap:normal;word-break:normal;"]);
|
|
124
132
|
}, function (props) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/Typography/Styles.ts"],"names":["colors","primary","secondary","tertiary","quaternary","success","alert","StyledTypography","styled","div","FontStyle","BoxSizingStyle","props","$color","$variant","css","$italic","$tabularNums","$letterSpacing","$lineHeight","$align","$decoration","$transform","$overflow","$whitespace","$wordBreak","$weight","displayName"],"mappings":";;;;;;;;;AAAA;;AAEA;;AACA;;;;;;AAoCA,IAAMA,MAAM,GAAG;AACbC,EAAAA,OAAO,EAAI;AAAA;AAAA,GADE;AAEbC,EAAAA,SAAS,EAAI;AAAA;AAAA,GAFA;AAGbC,EAAAA,QAAQ,EAAI;AAAA;AAAA,GAHC;AAIbC,EAAAA,UAAU,EAAI;AAAA;AAAA;AAAA,GAJD;AAKb,mBAAmB;AAAA;AAAA,GALN;AAMb,qBAAqB;AAAA;AAAA,GANR;AAOb,gBAAgB;AAAA;AAAA,GAPH;AAQb,gBAAgB;AAAA;AAAA,GARH;AASb,gBAAgB;AAAA;AAAA,GATH;AAUbC,EAAAA,OAAO,EAAI;AAAA;AAAA,GAVE;AAWbC,EAAAA,KAAK,EAAI;AAAA;AAAA;AAXI,CAAf;;AAcO,IAAMC,gBAAgB,GAAGC,0BAAOC,GAAV;AAAA;AAAA;AAAA,gNACzBC,oBADyB,EAEzBC,8BAFyB,EAKzB,UAACC,KAAD;AAAA,SAAWZ,MAAM,CAACY,KAAK,CAACC,MAAP,CAAjB;AAAA,CALyB,EAQzB,UAACD,KAAD;AAAA,SACAA,KAAK,CAACE,QAAN,KAAmB,SAAnB,QACAC,qBADA,sBADA;AAAA,CARyB,EAazB,UAACH,KAAD;AAAA,SACAA,KAAK,CAACE,QAAN,KAAmB,UAAnB,QACAC,qBADA,0BADA;AAAA,CAbyB,EAkBzB,UAACH,KAAD;AAAA,SACA,CAACA,KAAK,CAACE,QAAN,KAAmB,UAAnB,IAAiCF,KAAK,CAACE,QAAN,KAAmB,QAArD,SACAC,qBADA,sBADA;AAAA,CAlByB,EAuBzB,UAACH,KAAD;AAAA,SACAA,KAAK,CAACE,QAAN,KAAmB,QAAnB,QACAC,qBADA,0BADA;AAAA,CAvByB,EA4BzB,UAACH,KAAD;AAAA,SACAA,KAAK,CAACE,QAAN,KAAmB,WAAnB,QACAC,qBADA,yBADA;AAAA,CA5ByB,EAiCzB,UAACH,KAAD;AAAA,SACAA,KAAK,CAACE,QAAN,KAAmB,WAAnB,QACAC,qBADA,0BADA;AAAA,CAjCyB,EAwCzB,UAACH,KAAD;AAAA,SACAA,KAAK,CAACI,OAAN,OACID,qBADJ,gCAIIA,qBAJJ,yBADA;AAAA,CAxCyB,EAkDzB,UAACH,KAAD;AAAA,SACAA,KAAK,CAACK,YAAN,OACIF,qBADJ,gDAIIA,qBAJJ,mCADA;AAAA,CAlDyB,EA4DzB,UAACH,KAAD;AAAA,SACAA,KAAK,CAACM,cAAN,KAAyB,SAAzB,QACAH,qBADA,6BADA;AAAA,CA5DyB,EAiEzB,UAACH,KAAD;AAAA,SACAA,KAAK,CAACM,cAAN,KAAyB,OAAzB,QACAH,qBADA,0BADA;AAAA,CAjEyB,EAsEzB,UAACH,KAAD;AAAA,SACAA,KAAK,CAACM,cAAN,KAAyB,MAAzB,QACAH,qBADA,6BADA;AAAA,CAtEyB,EA6EzB,UAACH,KAAD;AAAA,SACAA,KAAK,CAACO,WAAN,KAAsB,SAAtB,QACAJ,qBADA,yBADA;AAAA,CA7EyB,EAkFzB,UAACH,KAAD;AAAA,SACAA,KAAK,CAACO,WAAN,KAAsB,OAAtB,QACAJ,qBADA,qBADA;AAAA,CAlFyB,EAuFzB,UAACH,KAAD;AAAA,SACAA,KAAK,CAACO,WAAN,KAAsB,OAAtB,QACAJ,qBADA,yBADA;AAAA,CAvFyB,EA8FzB,UAACH,KAAD;AAAA,SACAA,KAAK,CAACQ,MAAN,KAAiB,MAAjB,QACAL,qBADA,uBADA;AAAA,CA9FyB,EAmGzB,UAACH,KAAD;AAAA,SACAA,KAAK,CAACQ,MAAN,KAAiB,OAAjB,QACAL,qBADA,wBADA;AAAA,CAnGyB,EAwGzB,UAACH,KAAD;AAAA,SACAA,KAAK,CAACQ,MAAN,KAAiB,QAAjB,QACAL,qBADA,yBADA;AAAA,CAxGyB,EA6GzB,UAACH,KAAD;AAAA,SACAA,KAAK,CAACQ,MAAN,KAAiB,SAAjB,QACAL,qBADA,0BADA;AAAA,CA7GyB,EAoHzB,UAACH,KAAD;AAAA,SACAA,KAAK,CAACS,WAAN,KAAsB,MAAtB,QACAN,qBADA,4BADA;AAAA,CApHyB,EAyHzB,UAACH,KAAD;AAAA,SACAA,KAAK,CAACS,WAAN,KAAsB,WAAtB,QACAN,qBADA,iCADA;AAAA,CAzHyB,EA8HzB,UAACH,KAAD;AAAA,SACAA,KAAK,CAACS,WAAN,KAAsB,cAAtB,QACAN,qBADA,oCADA;AAAA,CA9HyB,EAqIzB,UAACH,KAAD;AAAA,SACAA,KAAK,CAACU,UAAN,KAAqB,SAArB,QACAP,qBADA,2BADA;AAAA,CArIyB,EA0IzB,UAACH,KAAD;AAAA,SACAA,KAAK,CAACU,UAAN,KAAqB,WAArB,QACAP,qBADA,gCADA;AAAA,CA1IyB,EA+IzB,UAACH,KAAD;AAAA,SACAA,KAAK,CAACU,UAAN,KAAqB,WAArB,QACAP,qBADA,gCADA;AAAA,CA/IyB,EAoJzB,UAACH,KAAD;AAAA,SACAA,KAAK,CAACU,UAAN,KAAqB,YAArB,QACAP,qBADA,iCADA;AAAA,CApJyB,EA2JzB,UAACH,KAAD;AAAA,SACAA,KAAK,CAACW,SAAN,KAAoB,SAApB,QACAR,qBADA,wBADA;AAAA,CA3JyB,EAgKzB,UAACH,KAAD;AAAA,SACAA,KAAK,CAACW,SAAN,KAAoB,UAApB,QACAR,qBADA,8BADA;AAAA,CAhKyB,EAqKzB,UAACH,KAAD;AAAA,SACAA,KAAK,CAACW,SAAN,KAAoB,UAApB,QACAR,qBADA,iEADA;AAAA,CArKyB,EA8KzB,UAACH,KAAD;AAAA,SACAA,KAAK,CAACY,WAAN,KAAsB,SAAtB,QACAT,qBADA,0BADA;AAAA,CA9KyB,EAmLzB,UAACH,KAAD;AAAA,SACAA,KAAK,CAACY,WAAN,KAAsB,SAAtB,QACAT,qBADA,0BADA;AAAA,CAnLyB,EA0LzB,UAACH,KAAD;AAAA,SACAA,KAAK,CAACa,UAAN,KAAqB,SAArB,QACAV,qBADA,8CADA;AAAA,CA1LyB,EAgMzB,UAACH,KAAD;AAAA,SACAA,KAAK,CAACa,UAAN,KAAqB,OAArB,QACAV,qBADA,gCADA;AAAA,CAhMyB,EAqMzB,UAACH,KAAD;AAAA,SACAA,KAAK,CAACa,UAAN,KAAqB,KAArB,QACAV,qBADA,4BADA;AAAA,CArMyB,EA4MzB,UAACH,KAAD;AAAA,SACAA,KAAK,CAACc,OAAN,KAAkB,SAAlB,QACAX,qBADA,uBADA;AAAA,CA5MyB,EAiNzB,UAACH,KAAD;AAAA,SACAA,KAAK,CAACc,OAAN,KAAkB,OAAlB,QACAX,qBADA,uBADA;AAAA,CAjNyB,EAsNzB,UAACH,KAAD;AAAA,SACAA,KAAK,CAACc,OAAN,KAAkB,QAAlB,QACAX,qBADA,uBADA;AAAA,CAtNyB,EA2NzB,UAACH,KAAD;AAAA,SACAA,KAAK,CAACc,OAAN,KAAkB,MAAlB,QACAX,qBADA,uBADA;AAAA,CA3NyB,CAAtB;;;AAkOPR,gBAAgB,CAACoB,WAAjB,GAA+B,kBAA/B","sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\n\ninterface IStyledTypographyProps {\n $variant:\n | \"Title 1\"\n | \"Header 2\"\n | \"Header 3\"\n | \"Body 1\"\n | \"Body 2\"\n | \"Caption 1\"\n | \"Caption 2\";\n $italic: boolean;\n $tabularNums: boolean;\n $letterSpacing: \"tight\" | \"regular\" | \"wide\";\n $lineHeight: \"tight\" | \"regular\" | \"loose\";\n $align: \"left\" | \"center\" | \"right\" | \"justify\";\n $decoration: \"underline\" | \"line-through\" | \"none\";\n $transform: \"uppercase\" | \"lowercase\" | \"capitalize\" | \"regular\";\n $overflow: \"truncate\" | \"ellipsis\" | \"visible\";\n $whitespace: \"regular\" | \"no-wrap\";\n $wordBreak: \"regular\" | \"smart\" | \"all\";\n $color:\n | \"primary\"\n | \"secondary\"\n | \"tertiary\"\n | \"quaternary\"\n | \"theme-primary\"\n | \"theme-secondary\"\n | \"only-white\"\n | \"only-black\"\n | \"page-paper\"\n | \"success\"\n | \"alert\";\n $weight?: \"light\" | \"regular\" | \"medium\" | \"bold\";\n}\n\nconst colors = {\n primary: tw`tw-text-theme-900`,\n secondary: tw`tw-text-theme-700`,\n tertiary: tw`tw-text-theme-600`,\n quaternary: tw`tw-text-theme-600 tw-opacity-50`,\n \"theme-primary\": tw`tw-text-primary`,\n \"theme-secondary\": tw`tw-text-secondary`,\n \"page-paper\": tw`tw-text-page-paper-main`,\n \"only-white\": tw`tw-text-only-white`,\n \"only-black\": tw`tw-text-only-black`,\n success: tw`tw-text-success`,\n alert: tw`tw-text-alert`,\n};\n\nexport const StyledTypography = styled.div<IStyledTypographyProps>`\n ${FontStyle}\n ${BoxSizingStyle}\n\n //color\n ${(props) => colors[props.$color]}\n\n //variant - font size\n ${(props) =>\n props.$variant === \"Title 1\" &&\n css`\n font-size: 2rem;\n `}\n ${(props) =>\n props.$variant === \"Header 2\" &&\n css`\n font-size: 1.125rem;\n `}\n ${(props) =>\n (props.$variant === \"Header 3\" || props.$variant === \"Body 1\") &&\n css`\n font-size: 1rem;\n `}\n ${(props) =>\n props.$variant === \"Body 2\" &&\n css`\n font-size: 0.875rem;\n `}\n ${(props) =>\n props.$variant === \"Caption 1\" &&\n css`\n font-size: 0.75rem;\n `}\n ${(props) =>\n props.$variant === \"Caption 2\" &&\n css`\n font-size: 0.625rem;\n `}\n\n //italic\n ${(props) =>\n props.$italic\n ? css`\n font-style: italic;\n `\n : css`\n font-style: normal;\n `}\n\n //tabularNums\n ${(props) =>\n props.$tabularNums\n ? css`\n font-variant-numeric: tabular-nums;\n `\n : css`\n font-variant-numeric: normal;\n `}\n\n //letterSpacing\n ${(props) =>\n props.$letterSpacing === \"regular\" &&\n css`\n letter-spacing: 0.02em;\n `}\n ${(props) =>\n props.$letterSpacing === \"tight\" &&\n css`\n letter-spacing: 0em;\n `}\n ${(props) =>\n props.$letterSpacing === \"wide\" &&\n css`\n letter-spacing: 0.08em;\n `}\n\n //lineHeight\n ${(props) =>\n props.$lineHeight === \"regular\" &&\n css`\n line-height: 1.375;\n `}\n ${(props) =>\n props.$lineHeight === \"tight\" &&\n css`\n line-height: 1;\n `}\n ${(props) =>\n props.$lineHeight === \"loose\" &&\n css`\n line-height: 1.625;\n `}\n\n //align\n ${(props) =>\n props.$align === \"left\" &&\n css`\n text-align: left;\n `}\n ${(props) =>\n props.$align === \"right\" &&\n css`\n text-align: right;\n `}\n ${(props) =>\n props.$align === \"center\" &&\n css`\n text-align: center;\n `}\n ${(props) =>\n props.$align === \"justify\" &&\n css`\n text-align: justify;\n `}\n\n //decoration\n ${(props) =>\n props.$decoration === \"none\" &&\n css`\n text-decoration: none;\n `}\n ${(props) =>\n props.$decoration === \"underline\" &&\n css`\n text-decoration: underline;\n `}\n ${(props) =>\n props.$decoration === \"line-through\" &&\n css`\n text-decoration: line-through;\n `}\n\n //transform\n ${(props) =>\n props.$transform === \"regular\" &&\n css`\n text-transform: none;\n `}\n ${(props) =>\n props.$transform === \"uppercase\" &&\n css`\n text-transform: uppercase;\n `}\n ${(props) =>\n props.$transform === \"lowercase\" &&\n css`\n text-transform: lowercase;\n `}\n ${(props) =>\n props.$transform === \"capitalize\" &&\n css`\n text-transform: capitalize;\n `}\n\n //overflow\n ${(props) =>\n props.$overflow === \"visible\" &&\n css`\n overflow: visible;\n `}\n ${(props) =>\n props.$overflow === \"ellipsis\" &&\n css`\n text-overflow: ellipsis;\n `}\n ${(props) =>\n props.$overflow === \"truncate\" &&\n css`\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n `}\n\n //whitespace\n ${(props) =>\n props.$whitespace === \"regular\" &&\n css`\n white-space: normal;\n `}\n ${(props) =>\n props.$whitespace === \"no-wrap\" &&\n css`\n white-space: nowrap;\n `}\n\n //wordBreak\n ${(props) =>\n props.$wordBreak === \"regular\" &&\n css`\n overflow-wrap: normal;\n word-break: normal;\n `}\n ${(props) =>\n props.$wordBreak === \"smart\" &&\n css`\n overflow-wrap: break-word;\n `}\n ${(props) =>\n props.$wordBreak === \"all\" &&\n css`\n word-break: break-all;\n `}\n\n //weight\n ${(props) =>\n props.$weight === \"regular\" &&\n css`\n font-weight: 400;\n `}\n ${(props) =>\n props.$weight === \"light\" &&\n css`\n font-weight: 300;\n `}\n ${(props) =>\n props.$weight === \"medium\" &&\n css`\n font-weight: 500;\n `}\n ${(props) =>\n props.$weight === \"bold\" &&\n css`\n font-weight: 700;\n `}\n`;\n\nStyledTypography.displayName = \"StyledTypography\";\n"],"file":"Styles.js"}
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/Typography/Styles.ts"],"names":["colors","primary","secondary","tertiary","quaternary","success","alert","StyledTypography","styled","div","FontStyle","BoxSizingStyle","props","$color","$variant","css","$italic","$tabularNums","$letterSpacing","$lineHeight","$align","$decoration","$transform","$overflow","$whitespace","$wordBreak","$weight","displayName"],"mappings":"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","sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\n\ninterface IStyledTypographyProps {\n $variant:\n | \"Title 1\"\n | \"Header 2\"\n | \"Header 3\"\n | \"Body 1\"\n | \"Body 2\"\n | \"Caption 1\"\n | \"Caption 2\";\n $italic: boolean;\n $tabularNums: boolean;\n $letterSpacing: \"tight\" | \"regular\" | \"wide\";\n $lineHeight: \"tight\" | \"regular\" | \"loose\";\n $align: \"left\" | \"center\" | \"right\" | \"justify\";\n $decoration: \"underline\" | \"line-through\" | \"none\";\n $transform: \"uppercase\" | \"lowercase\" | \"capitalize\" | \"regular\";\n $overflow: \"truncate\" | \"ellipsis\" | \"visible\";\n $whitespace?:\n | \"regular\"\n | \"no-wrap\"\n | \"pre\"\n | \"pre-wrap\"\n | \"pre-line\"\n | \"break-spaces\";\n $wordBreak: \"regular\" | \"smart\" | \"all\";\n $color:\n | \"primary\"\n | \"secondary\"\n | \"tertiary\"\n | \"quaternary\"\n | \"theme-primary\"\n | \"theme-secondary\"\n | \"only-white\"\n | \"only-black\"\n | \"page-paper\"\n | \"success\"\n | \"alert\";\n $weight?: \"light\" | \"regular\" | \"medium\" | \"bold\";\n}\n\nconst colors = {\n primary: tw`tw-text-theme-900`,\n secondary: tw`tw-text-theme-700`,\n tertiary: tw`tw-text-theme-600`,\n quaternary: tw`tw-text-theme-600 tw-opacity-50`,\n \"theme-primary\": tw`tw-text-primary`,\n \"theme-secondary\": tw`tw-text-secondary`,\n \"page-paper\": tw`tw-text-page-paper-main`,\n \"only-white\": tw`tw-text-only-white`,\n \"only-black\": tw`tw-text-only-black`,\n success: tw`tw-text-success`,\n alert: tw`tw-text-alert`,\n};\n\nexport const StyledTypography = styled.div<IStyledTypographyProps>`\n ${FontStyle}\n ${BoxSizingStyle}\n\n //color\n ${(props) => colors[props.$color]}\n\n //variant - font size\n ${(props) =>\n props.$variant === \"Title 1\" &&\n css`\n font-size: 2rem;\n `}\n ${(props) =>\n props.$variant === \"Header 2\" &&\n css`\n font-size: 1.125rem;\n `}\n ${(props) =>\n (props.$variant === \"Header 3\" || props.$variant === \"Body 1\") &&\n css`\n font-size: 1rem;\n `}\n ${(props) =>\n props.$variant === \"Body 2\" &&\n css`\n font-size: 0.875rem;\n `}\n ${(props) =>\n props.$variant === \"Caption 1\" &&\n css`\n font-size: 0.75rem;\n `}\n ${(props) =>\n props.$variant === \"Caption 2\" &&\n css`\n font-size: 0.625rem;\n `}\n\n //italic\n ${(props) =>\n props.$italic\n ? css`\n font-style: italic;\n `\n : css`\n font-style: normal;\n `}\n\n //tabularNums\n ${(props) =>\n props.$tabularNums\n ? css`\n font-variant-numeric: tabular-nums;\n `\n : css`\n font-variant-numeric: normal;\n `}\n\n //letterSpacing\n ${(props) =>\n props.$letterSpacing === \"regular\" &&\n css`\n letter-spacing: 0.02em;\n `}\n ${(props) =>\n props.$letterSpacing === \"tight\" &&\n css`\n letter-spacing: 0em;\n `}\n ${(props) =>\n props.$letterSpacing === \"wide\" &&\n css`\n letter-spacing: 0.08em;\n `}\n\n //lineHeight\n ${(props) =>\n props.$lineHeight === \"regular\" &&\n css`\n line-height: 1.375;\n `}\n ${(props) =>\n props.$lineHeight === \"tight\" &&\n css`\n line-height: 1;\n `}\n ${(props) =>\n props.$lineHeight === \"loose\" &&\n css`\n line-height: 1.625;\n `}\n\n //align\n ${(props) =>\n props.$align === \"left\" &&\n css`\n text-align: left;\n `}\n ${(props) =>\n props.$align === \"right\" &&\n css`\n text-align: right;\n `}\n ${(props) =>\n props.$align === \"center\" &&\n css`\n text-align: center;\n `}\n ${(props) =>\n props.$align === \"justify\" &&\n css`\n text-align: justify;\n `}\n\n //decoration\n ${(props) =>\n props.$decoration === \"none\" &&\n css`\n text-decoration: none;\n `}\n ${(props) =>\n props.$decoration === \"underline\" &&\n css`\n text-decoration: underline;\n `}\n ${(props) =>\n props.$decoration === \"line-through\" &&\n css`\n text-decoration: line-through;\n `}\n\n //transform\n ${(props) =>\n props.$transform === \"regular\" &&\n css`\n text-transform: none;\n `}\n ${(props) =>\n props.$transform === \"uppercase\" &&\n css`\n text-transform: uppercase;\n `}\n ${(props) =>\n props.$transform === \"lowercase\" &&\n css`\n text-transform: lowercase;\n `}\n ${(props) =>\n props.$transform === \"capitalize\" &&\n css`\n text-transform: capitalize;\n `}\n\n //overflow\n ${(props) =>\n props.$overflow === \"visible\" &&\n css`\n overflow: visible;\n `}\n ${(props) =>\n props.$overflow === \"ellipsis\" &&\n css`\n text-overflow: ellipsis;\n `}\n ${(props) =>\n props.$overflow === \"truncate\" &&\n css`\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n `}\n\n //whitespace\n ${(props) =>\n props.$whitespace === \"regular\" &&\n css`\n white-space: normal;\n `}\n ${(props) =>\n props.$whitespace === \"no-wrap\" &&\n css`\n white-space: nowrap;\n `}\n ${(props) =>\n props.$whitespace === \"pre\" &&\n css`\n white-space: pre;\n `}\n ${(props) =>\n props.$whitespace === \"pre-wrap\" &&\n css`\n white-space: pre-wrap;\n `}\n ${(props) =>\n props.$whitespace === \"pre-line\" &&\n css`\n white-space: pre-line;\n `}\n ${(props) =>\n props.$whitespace === \"break-spaces\" &&\n css`\n white-space: break-spaces;\n `}\n\n //wordBreak\n ${(props) =>\n props.$wordBreak === \"regular\" &&\n css`\n overflow-wrap: normal;\n word-break: normal;\n `}\n ${(props) =>\n props.$wordBreak === \"smart\" &&\n css`\n overflow-wrap: break-word;\n `}\n ${(props) =>\n props.$wordBreak === \"all\" &&\n css`\n word-break: break-all;\n `}\n\n //weight\n ${(props) =>\n props.$weight === \"regular\" &&\n css`\n font-weight: 400;\n `}\n ${(props) =>\n props.$weight === \"light\" &&\n css`\n font-weight: 300;\n `}\n ${(props) =>\n props.$weight === \"medium\" &&\n css`\n font-weight: 500;\n `}\n ${(props) =>\n props.$weight === \"bold\" &&\n css`\n font-weight: 700;\n `}\n`;\n\nStyledTypography.displayName = \"StyledTypography\";\n"],"file":"Styles.js"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/Typography/Typography.tsx"],"names":["Typography","ref","variant","as","color","italic","tabularNums","letterSpacing","lineHeight","align","decoration","transform","overflow","whitespace","wordBreak","weight","className","children","props","Component","displayName"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/Typography/Typography.tsx"],"names":["Typography","ref","variant","as","color","italic","tabularNums","letterSpacing","lineHeight","align","decoration","transform","overflow","whitespace","wordBreak","weight","className","children","props","Component","displayName"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;;;;;;;;;;;;;;;AAqEO,IAAMA,UAA0D,gBACrE,uBACE,gBAoBEC,GApBF,EAqBK;AAAA,0BAnBDC,OAmBC;AAAA,MAnBDA,OAmBC,6BAnBS,SAmBT;AAAA,MAlBDC,EAkBC,QAlBDA,EAkBC;AAAA,wBAjBDC,KAiBC;AAAA,MAjBDA,KAiBC,2BAjBO,SAiBP;AAAA,yBAhBDC,MAgBC;AAAA,MAhBDA,MAgBC,4BAhBQ,KAgBR;AAAA,8BAfDC,WAeC;AAAA,MAfDA,WAeC,iCAfa,KAeb;AAAA,gCAdDC,aAcC;AAAA,MAdDA,aAcC,mCAde,SAcf;AAAA,6BAbDC,UAaC;AAAA,MAbDA,UAaC,gCAbY,SAaZ;AAAA,wBAZDC,KAYC;AAAA,MAZDA,KAYC,2BAZO,MAYP;AAAA,6BAXDC,UAWC;AAAA,MAXDA,UAWC,gCAXY,MAWZ;AAAA,4BAVDC,SAUC;AAAA,MAVDA,SAUC,+BAVW,SAUX;AAAA,2BATDC,QASC;AAAA,MATDA,QASC,8BATU,SASV;AAAA,6BARDC,UAQC;AAAA,MARDA,UAQC,gCARY,SAQZ;AAAA,4BAPDC,SAOC;AAAA,MAPDA,SAOC,+BAPW,SAOX;AAAA,yBANDC,MAMC;AAAA,MANDA,MAMC,4BANQ,SAMR;AAAA,MALDC,SAKC,QALDA,SAKC;AAAA,MAJDC,QAIC,QAJDA,QAIC;AAAA,MAHEC,KAGF;;AACH,MAAMC,SAAS,GAAGhB,EAAE,IAAI,KAAxB;AACA,sBACE,6BAAC,wBAAD;AACE,IAAA,EAAE,EAAEgB,SADN;AAEE,IAAA,SAAS,EAAE,yBAAW,YAAX,EAAyBH,SAAzB,CAFb;AAGE,IAAA,OAAO,EAAEX,MAHX;AAIE,IAAA,YAAY,EAAEC,WAJhB;AAKE,IAAA,cAAc,EAAEC,aALlB;AAME,IAAA,WAAW,EAAEC,UANf;AAOE,IAAA,MAAM,EAAEC,KAPV;AAQE,IAAA,WAAW,EAAEC,UARf;AASE,IAAA,UAAU,EAAEC,SATd;AAUE,IAAA,SAAS,EAAEC,QAVb;AAWE,IAAA,WAAW,EAAEC,UAXf;AAYE,IAAA,UAAU,EAAEC,SAZd;AAaE,IAAA,QAAQ,EAAEZ,OAbZ;AAcE,IAAA,MAAM,EAAEE,KAdV;AAeE,IAAA,OAAO,EAAEW,MAfX;AAgBE,IAAA,GAAG,EAAEd;AAhBP,KAiBMiB,KAjBN,GAmBGD,QAnBH,CADF;AAuBD,CA/CH,CADK;;AAmDPjB,UAAU,CAACoB,WAAX,GAAyB,YAAzB","sourcesContent":["import React, { HTMLAttributes, forwardRef } from \"react\";\nimport classNames from \"classnames\";\nimport { StyledTypography } from \"./Styles\";\nimport {\n PolymorphicComponentPropsWithRef,\n PolymorphicRef,\n} from \"../../utils/types\";\nexport interface ITypographyProps extends HTMLAttributes<HTMLElement> {\n /** Font color. */\n color?:\n | \"primary\"\n | \"secondary\"\n | \"tertiary\"\n | \"quaternary\"\n | \"theme-primary\"\n | \"theme-secondary\"\n | \"only-white\"\n | \"only-black\"\n | \"page-paper\"\n | \"success\"\n | \"alert\";\n /** Tabular numbers. */\n tabularNums?: boolean;\n /** Italic font style. */\n italic?: boolean;\n /** Font letter spacing. */\n letterSpacing?: \"tight\" | \"regular\" | \"wide\";\n /** Font line height. */\n lineHeight?: \"tight\" | \"regular\" | \"loose\";\n /** Font align. */\n align?: \"left\" | \"center\" | \"right\" | \"justify\";\n /** Underline font style. */\n decoration?: \"underline\" | \"line-through\" | \"none\";\n /** Font transform. */\n transform?: \"uppercase\" | \"lowercase\" | \"capitalize\" | \"regular\";\n /** Font overflow. */\n overflow?: \"truncate\" | \"ellipsis\" | \"visible\";\n /** Font whitespace. */\n whitespace?:\n | \"regular\"\n | \"no-wrap\"\n | \"pre\"\n | \"pre-wrap\"\n | \"pre-line\"\n | \"break-spaces\";\n /** Font word break. */\n wordBreak?: \"regular\" | \"smart\" | \"all\";\n /** Custom className for styling. */\n className?: string;\n /** Element variant. */\n variant?:\n | \"Title 1\"\n | \"Header 2\"\n | \"Header 3\"\n | \"Body 1\"\n | \"Body 2\"\n | \"Caption 1\"\n | \"Caption 2\";\n /** Font weight. */\n weight?: \"light\" | \"regular\" | \"medium\" | \"bold\";\n /** Font size. */\n size?: \"32\" | \"18\" | \"16\" | \"14\" | \"12\" | \"10\";\n}\n\nexport type TypographyProps<C extends React.ElementType> =\n PolymorphicComponentPropsWithRef<C, ITypographyProps>;\n\nexport type TypographyComponent = <C extends React.ElementType = \"div\">(\n props: TypographyProps<C>\n) => React.ReactElement | null;\n\nexport const Typography: TypographyComponent & { displayName?: string } =\n forwardRef(\n <C extends React.ElementType = \"div\">(\n {\n variant = \"Title 1\",\n as,\n color = \"primary\",\n italic = false,\n tabularNums = false,\n letterSpacing = \"regular\",\n lineHeight = \"regular\",\n align = \"left\",\n decoration = \"none\",\n transform = \"regular\",\n overflow = \"visible\",\n whitespace = \"regular\",\n wordBreak = \"regular\",\n weight = \"regular\",\n className,\n children,\n ...props\n }: TypographyProps<C>,\n ref?: PolymorphicRef<C>\n ) => {\n const Component = as || \"div\";\n return (\n <StyledTypography\n as={Component}\n className={classNames(\"typography\", className)}\n $italic={italic}\n $tabularNums={tabularNums}\n $letterSpacing={letterSpacing}\n $lineHeight={lineHeight}\n $align={align}\n $decoration={decoration}\n $transform={transform}\n $overflow={overflow}\n $whitespace={whitespace}\n $wordBreak={wordBreak}\n $variant={variant}\n $color={color}\n $weight={weight}\n ref={ref}\n {...props}\n >\n {children}\n </StyledTypography>\n );\n }\n );\n\nTypography.displayName = \"Typography\";\n"],"file":"Typography.js"}
|
|
@@ -26,7 +26,8 @@ export var ConfirmDialog = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
26
26
|
className: classnames("c-confirm-dialog", className)
|
|
27
27
|
}, /*#__PURE__*/React.createElement(DialogTitle, null, dialogTitle), /*#__PURE__*/React.createElement(DialogContentDivider, null), /*#__PURE__*/React.createElement(DialogContent, null, /*#__PURE__*/React.createElement(Body2, {
|
|
28
28
|
lineHeight: "loose",
|
|
29
|
-
color: "secondary"
|
|
29
|
+
color: "secondary",
|
|
30
|
+
whitespace: "pre-line"
|
|
30
31
|
}, dialogContent)), /*#__PURE__*/React.createElement(DialogContentDivider, null), /*#__PURE__*/React.createElement(DialogActions, null, /*#__PURE__*/React.createElement(Button, {
|
|
31
32
|
variant: "primary",
|
|
32
33
|
style: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/ConfirmDialog/ConfirmDialog.tsx"],"names":["React","forwardRef","classnames","Dialog","DialogTitle","DialogContent","DialogActions","DialogContentDivider","Button","Body2","ConfirmDialog","ref","open","onCancel","onConfirm","className","dialogTitle","dialogContent","confirmBtnText","cancelBtnText","shouldShowCancelButton","marginRight","displayName"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAAkC,OAAlC;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,SACEC,MADF,EAEEC,WAFF,EAGEC,aAHF,EAIEC,aAJF,EAKEC,oBALF,QAMO,WANP;AAOA,SAASC,MAAT,QAAuB,kBAAvB;AACA,SAASC,KAAT,QAAsB,8BAAtB;AAcA,OAAO,IAAMC,aAAa,gBAAGT,UAAU,CACrC,gBAYEU,GAZF,EAaK;AAAA,uBAXDC,IAWC;AAAA,MAXDA,IAWC,0BAXM,KAWN;AAAA,MAVDC,QAUC,QAVDA,QAUC;AAAA,MATDC,SASC,QATDA,SASC;AAAA,MARDC,SAQC,QARDA,SAQC;AAAA,8BAPDC,WAOC;AAAA,MAPDA,WAOC,iCAPa,kBAOb;AAAA,gCANDC,aAMC;AAAA,MANDA,aAMC,mCANe,mCAMf;AAAA,iCALDC,cAKC;AAAA,MALDA,cAKC,oCALgB,IAKhB;AAAA,gCAJDC,aAIC;AAAA,MAJDA,aAIC,mCAJe,QAIf;AAAA,mCAHDC,sBAGC;AAAA,MAHDA,sBAGC,sCAHwB,IAGxB;AACH,sBACE,oBAAC,MAAD;AACE,IAAA,GAAG,EAAET,GADP;AAEE,IAAA,IAAI,EAAEC,IAFR;AAGE,IAAA,OAAO,EAAEC,QAHX;AAIE,IAAA,SAAS,EAAEX,UAAU,CAAC,kBAAD,EAAqBa,SAArB;AAJvB,kBAME,oBAAC,WAAD,QAAcC,WAAd,CANF,eAOE,oBAAC,oBAAD,OAPF,eAQE,oBAAC,aAAD,qBACE,oBAAC,KAAD;AAAO,IAAA,UAAU,EAAC,OAAlB;AAA0B,IAAA,KAAK,EAAC;
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/ConfirmDialog/ConfirmDialog.tsx"],"names":["React","forwardRef","classnames","Dialog","DialogTitle","DialogContent","DialogActions","DialogContentDivider","Button","Body2","ConfirmDialog","ref","open","onCancel","onConfirm","className","dialogTitle","dialogContent","confirmBtnText","cancelBtnText","shouldShowCancelButton","marginRight","displayName"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAAkC,OAAlC;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,SACEC,MADF,EAEEC,WAFF,EAGEC,aAHF,EAIEC,aAJF,EAKEC,oBALF,QAMO,WANP;AAOA,SAASC,MAAT,QAAuB,kBAAvB;AACA,SAASC,KAAT,QAAsB,8BAAtB;AAcA,OAAO,IAAMC,aAAa,gBAAGT,UAAU,CACrC,gBAYEU,GAZF,EAaK;AAAA,uBAXDC,IAWC;AAAA,MAXDA,IAWC,0BAXM,KAWN;AAAA,MAVDC,QAUC,QAVDA,QAUC;AAAA,MATDC,SASC,QATDA,SASC;AAAA,MARDC,SAQC,QARDA,SAQC;AAAA,8BAPDC,WAOC;AAAA,MAPDA,WAOC,iCAPa,kBAOb;AAAA,gCANDC,aAMC;AAAA,MANDA,aAMC,mCANe,mCAMf;AAAA,iCALDC,cAKC;AAAA,MALDA,cAKC,oCALgB,IAKhB;AAAA,gCAJDC,aAIC;AAAA,MAJDA,aAIC,mCAJe,QAIf;AAAA,mCAHDC,sBAGC;AAAA,MAHDA,sBAGC,sCAHwB,IAGxB;AACH,sBACE,oBAAC,MAAD;AACE,IAAA,GAAG,EAAET,GADP;AAEE,IAAA,IAAI,EAAEC,IAFR;AAGE,IAAA,OAAO,EAAEC,QAHX;AAIE,IAAA,SAAS,EAAEX,UAAU,CAAC,kBAAD,EAAqBa,SAArB;AAJvB,kBAME,oBAAC,WAAD,QAAcC,WAAd,CANF,eAOE,oBAAC,oBAAD,OAPF,eAQE,oBAAC,aAAD,qBACE,oBAAC,KAAD;AAAO,IAAA,UAAU,EAAC,OAAlB;AAA0B,IAAA,KAAK,EAAC,WAAhC;AAA4C,IAAA,UAAU,EAAC;AAAvD,KACGC,aADH,CADF,CARF,eAaE,oBAAC,oBAAD,OAbF,eAcE,oBAAC,aAAD,qBACE,oBAAC,MAAD;AACE,IAAA,OAAO,EAAC,SADV;AAEE,IAAA,KAAK,EAAE;AAAEI,MAAAA,WAAW,EAAE;AAAf,KAFT;AAGE,IAAA,OAAO,EAAEP;AAHX,KAKGI,cALH,CADF,EAQGE,sBAAsB,gBACrB,oBAAC,MAAD;AACE,IAAA,OAAO,EAAC,WADV;AAEE,mBAAY,QAFd;AAGE,IAAA,OAAO,EAAEP,QAHX;AAIE,IAAA,IAAI,EAAC;AAJP,KAMGM,aANH,CADqB,GASnB,IAjBN,CAdF,CADF;AAoCD,CAnDoC,CAAhC;AAsDPT,aAAa,CAACY,WAAd,GAA4B,eAA5B","sourcesContent":["import React, { forwardRef } from \"react\";\nimport classnames from \"classnames\";\nimport {\n Dialog,\n DialogTitle,\n DialogContent,\n DialogActions,\n DialogContentDivider,\n} from \"../Dialog\";\nimport { Button } from \"../Button/Button\";\nimport { Body2 } from \"../Typography/Variants/Body2\";\n\nexport interface IConfirmDialog {\n open?: boolean;\n onCancel?: () => void;\n onConfirm?: () => void;\n className?: string;\n dialogTitle?: string;\n dialogContent?: string;\n confirmBtnText?: string;\n cancelBtnText?: string;\n shouldShowCancelButton?: boolean;\n}\n\nexport const ConfirmDialog = forwardRef<HTMLDivElement, IConfirmDialog>(\n (\n {\n open = false,\n onCancel,\n onConfirm,\n className,\n dialogTitle = \"Discard changes?\",\n dialogContent = \"All unsaved changes will be lost.\",\n confirmBtnText = \"OK\",\n cancelBtnText = \"Cancel\",\n shouldShowCancelButton = true,\n },\n ref\n ) => {\n return (\n <Dialog\n ref={ref}\n open={open}\n onClose={onCancel}\n className={classnames(\"c-confirm-dialog\", className)}\n >\n <DialogTitle>{dialogTitle}</DialogTitle>\n <DialogContentDivider />\n <DialogContent>\n <Body2 lineHeight=\"loose\" color=\"secondary\" whitespace=\"pre-line\">\n {dialogContent}\n </Body2>\n </DialogContent>\n <DialogContentDivider />\n <DialogActions>\n <Button\n variant=\"primary\"\n style={{ marginRight: \"12px\" }}\n onClick={onConfirm}\n >\n {confirmBtnText}\n </Button>\n {shouldShowCancelButton ? (\n <Button\n variant=\"secondary\"\n data-action=\"cancel\"\n onClick={onCancel}\n type=\"button\"\n >\n {cancelBtnText}\n </Button>\n ) : null}\n </DialogActions>\n </Dialog>\n );\n }\n);\n\nConfirmDialog.displayName = \"ConfirmDialog\";\n"],"file":"ConfirmDialog.js"}
|
|
@@ -8,7 +8,7 @@ interface IStyledTypographyProps {
|
|
|
8
8
|
$decoration: "underline" | "line-through" | "none";
|
|
9
9
|
$transform: "uppercase" | "lowercase" | "capitalize" | "regular";
|
|
10
10
|
$overflow: "truncate" | "ellipsis" | "visible";
|
|
11
|
-
$whitespace
|
|
11
|
+
$whitespace?: "regular" | "no-wrap" | "pre" | "pre-wrap" | "pre-line" | "break-spaces";
|
|
12
12
|
$wordBreak: "regular" | "smart" | "all";
|
|
13
13
|
$color: "primary" | "secondary" | "tertiary" | "quaternary" | "theme-primary" | "theme-secondary" | "only-white" | "only-black" | "page-paper" | "success" | "alert";
|
|
14
14
|
$weight?: "light" | "regular" | "medium" | "bold";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Typography/Styles.ts"],"names":[],"mappings":"AAKA,UAAU,sBAAsB;IAC9B,QAAQ,EACJ,SAAS,GACT,UAAU,GACV,UAAU,GACV,QAAQ,GACR,QAAQ,GACR,WAAW,GACX,WAAW,CAAC;IAChB,OAAO,EAAE,OAAO,CAAC;IACjB,YAAY,EAAE,OAAO,CAAC;IACtB,cAAc,EAAE,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;IAC7C,WAAW,EAAE,OAAO,GAAG,SAAS,GAAG,OAAO,CAAC;IAC3C,MAAM,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAC;IAChD,WAAW,EAAE,WAAW,GAAG,cAAc,GAAG,MAAM,CAAC;IACnD,UAAU,EAAE,WAAW,GAAG,WAAW,GAAG,YAAY,GAAG,SAAS,CAAC;IACjE,SAAS,EAAE,UAAU,GAAG,UAAU,GAAG,SAAS,CAAC;IAC/C,WAAW,
|
|
1
|
+
{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Typography/Styles.ts"],"names":[],"mappings":"AAKA,UAAU,sBAAsB;IAC9B,QAAQ,EACJ,SAAS,GACT,UAAU,GACV,UAAU,GACV,QAAQ,GACR,QAAQ,GACR,WAAW,GACX,WAAW,CAAC;IAChB,OAAO,EAAE,OAAO,CAAC;IACjB,YAAY,EAAE,OAAO,CAAC;IACtB,cAAc,EAAE,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;IAC7C,WAAW,EAAE,OAAO,GAAG,SAAS,GAAG,OAAO,CAAC;IAC3C,MAAM,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAC;IAChD,WAAW,EAAE,WAAW,GAAG,cAAc,GAAG,MAAM,CAAC;IACnD,UAAU,EAAE,WAAW,GAAG,WAAW,GAAG,YAAY,GAAG,SAAS,CAAC;IACjE,SAAS,EAAE,UAAU,GAAG,UAAU,GAAG,SAAS,CAAC;IAC/C,WAAW,CAAC,EACR,SAAS,GACT,SAAS,GACT,KAAK,GACL,UAAU,GACV,UAAU,GACV,cAAc,CAAC;IACnB,UAAU,EAAE,SAAS,GAAG,OAAO,GAAG,KAAK,CAAC;IACxC,MAAM,EACF,SAAS,GACT,WAAW,GACX,UAAU,GACV,YAAY,GACZ,eAAe,GACf,iBAAiB,GACjB,YAAY,GACZ,YAAY,GACZ,YAAY,GACZ,SAAS,GACT,OAAO,CAAC;IACZ,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,CAAC;CACnD;AAgBD,eAAO,MAAM,gBAAgB,wFAoP5B,CAAC"}
|
|
@@ -40,7 +40,7 @@ var colors = {
|
|
|
40
40
|
export var StyledTypography = styled.div.withConfig({
|
|
41
41
|
displayName: "Styles__StyledTypography",
|
|
42
42
|
componentId: "sc-mskw5w-0"
|
|
43
|
-
})(["", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", ""], FontStyle, BoxSizingStyle, function (props) {
|
|
43
|
+
})(["", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", ""], FontStyle, BoxSizingStyle, function (props) {
|
|
44
44
|
return colors[props.$color];
|
|
45
45
|
}, function (props) {
|
|
46
46
|
return props.$variant === "Title 1" && css(["font-size:2rem;"]);
|
|
@@ -102,6 +102,14 @@ export var StyledTypography = styled.div.withConfig({
|
|
|
102
102
|
return props.$whitespace === "regular" && css(["white-space:normal;"]);
|
|
103
103
|
}, function (props) {
|
|
104
104
|
return props.$whitespace === "no-wrap" && css(["white-space:nowrap;"]);
|
|
105
|
+
}, function (props) {
|
|
106
|
+
return props.$whitespace === "pre" && css(["white-space:pre;"]);
|
|
107
|
+
}, function (props) {
|
|
108
|
+
return props.$whitespace === "pre-wrap" && css(["white-space:pre-wrap;"]);
|
|
109
|
+
}, function (props) {
|
|
110
|
+
return props.$whitespace === "pre-line" && css(["white-space:pre-line;"]);
|
|
111
|
+
}, function (props) {
|
|
112
|
+
return props.$whitespace === "break-spaces" && css(["white-space:break-spaces;"]);
|
|
105
113
|
}, function (props) {
|
|
106
114
|
return props.$wordBreak === "regular" && css(["overflow-wrap:normal;word-break:normal;"]);
|
|
107
115
|
}, function (props) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/Typography/Styles.ts"],"names":["styled","css","BoxSizingStyle","FontStyle","colors","primary","secondary","tertiary","quaternary","success","alert","StyledTypography","div","props","$color","$variant","$italic","$tabularNums","$letterSpacing","$lineHeight","$align","$decoration","$transform","$overflow","$whitespace","$wordBreak","$weight","displayName"],"mappings":"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","sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\n\ninterface IStyledTypographyProps {\n $variant:\n | \"Title 1\"\n | \"Header 2\"\n | \"Header 3\"\n | \"Body 1\"\n | \"Body 2\"\n | \"Caption 1\"\n | \"Caption 2\";\n $italic: boolean;\n $tabularNums: boolean;\n $letterSpacing: \"tight\" | \"regular\" | \"wide\";\n $lineHeight: \"tight\" | \"regular\" | \"loose\";\n $align: \"left\" | \"center\" | \"right\" | \"justify\";\n $decoration: \"underline\" | \"line-through\" | \"none\";\n $transform: \"uppercase\" | \"lowercase\" | \"capitalize\" | \"regular\";\n $overflow: \"truncate\" | \"ellipsis\" | \"visible\";\n $whitespace: \"regular\" | \"no-wrap\";\n $wordBreak: \"regular\" | \"smart\" | \"all\";\n $color:\n | \"primary\"\n | \"secondary\"\n | \"tertiary\"\n | \"quaternary\"\n | \"theme-primary\"\n | \"theme-secondary\"\n | \"only-white\"\n | \"only-black\"\n | \"page-paper\"\n | \"success\"\n | \"alert\";\n $weight?: \"light\" | \"regular\" | \"medium\" | \"bold\";\n}\n\nconst colors = {\n primary: tw`tw-text-theme-900`,\n secondary: tw`tw-text-theme-700`,\n tertiary: tw`tw-text-theme-600`,\n quaternary: tw`tw-text-theme-600 tw-opacity-50`,\n \"theme-primary\": tw`tw-text-primary`,\n \"theme-secondary\": tw`tw-text-secondary`,\n \"page-paper\": tw`tw-text-page-paper-main`,\n \"only-white\": tw`tw-text-only-white`,\n \"only-black\": tw`tw-text-only-black`,\n success: tw`tw-text-success`,\n alert: tw`tw-text-alert`,\n};\n\nexport const StyledTypography = styled.div<IStyledTypographyProps>`\n ${FontStyle}\n ${BoxSizingStyle}\n\n //color\n ${(props) => colors[props.$color]}\n\n //variant - font size\n ${(props) =>\n props.$variant === \"Title 1\" &&\n css`\n font-size: 2rem;\n `}\n ${(props) =>\n props.$variant === \"Header 2\" &&\n css`\n font-size: 1.125rem;\n `}\n ${(props) =>\n (props.$variant === \"Header 3\" || props.$variant === \"Body 1\") &&\n css`\n font-size: 1rem;\n `}\n ${(props) =>\n props.$variant === \"Body 2\" &&\n css`\n font-size: 0.875rem;\n `}\n ${(props) =>\n props.$variant === \"Caption 1\" &&\n css`\n font-size: 0.75rem;\n `}\n ${(props) =>\n props.$variant === \"Caption 2\" &&\n css`\n font-size: 0.625rem;\n `}\n\n //italic\n ${(props) =>\n props.$italic\n ? css`\n font-style: italic;\n `\n : css`\n font-style: normal;\n `}\n\n //tabularNums\n ${(props) =>\n props.$tabularNums\n ? css`\n font-variant-numeric: tabular-nums;\n `\n : css`\n font-variant-numeric: normal;\n `}\n\n //letterSpacing\n ${(props) =>\n props.$letterSpacing === \"regular\" &&\n css`\n letter-spacing: 0.02em;\n `}\n ${(props) =>\n props.$letterSpacing === \"tight\" &&\n css`\n letter-spacing: 0em;\n `}\n ${(props) =>\n props.$letterSpacing === \"wide\" &&\n css`\n letter-spacing: 0.08em;\n `}\n\n //lineHeight\n ${(props) =>\n props.$lineHeight === \"regular\" &&\n css`\n line-height: 1.375;\n `}\n ${(props) =>\n props.$lineHeight === \"tight\" &&\n css`\n line-height: 1;\n `}\n ${(props) =>\n props.$lineHeight === \"loose\" &&\n css`\n line-height: 1.625;\n `}\n\n //align\n ${(props) =>\n props.$align === \"left\" &&\n css`\n text-align: left;\n `}\n ${(props) =>\n props.$align === \"right\" &&\n css`\n text-align: right;\n `}\n ${(props) =>\n props.$align === \"center\" &&\n css`\n text-align: center;\n `}\n ${(props) =>\n props.$align === \"justify\" &&\n css`\n text-align: justify;\n `}\n\n //decoration\n ${(props) =>\n props.$decoration === \"none\" &&\n css`\n text-decoration: none;\n `}\n ${(props) =>\n props.$decoration === \"underline\" &&\n css`\n text-decoration: underline;\n `}\n ${(props) =>\n props.$decoration === \"line-through\" &&\n css`\n text-decoration: line-through;\n `}\n\n //transform\n ${(props) =>\n props.$transform === \"regular\" &&\n css`\n text-transform: none;\n `}\n ${(props) =>\n props.$transform === \"uppercase\" &&\n css`\n text-transform: uppercase;\n `}\n ${(props) =>\n props.$transform === \"lowercase\" &&\n css`\n text-transform: lowercase;\n `}\n ${(props) =>\n props.$transform === \"capitalize\" &&\n css`\n text-transform: capitalize;\n `}\n\n //overflow\n ${(props) =>\n props.$overflow === \"visible\" &&\n css`\n overflow: visible;\n `}\n ${(props) =>\n props.$overflow === \"ellipsis\" &&\n css`\n text-overflow: ellipsis;\n `}\n ${(props) =>\n props.$overflow === \"truncate\" &&\n css`\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n `}\n\n //whitespace\n ${(props) =>\n props.$whitespace === \"regular\" &&\n css`\n white-space: normal;\n `}\n ${(props) =>\n props.$whitespace === \"no-wrap\" &&\n css`\n white-space: nowrap;\n `}\n\n //wordBreak\n ${(props) =>\n props.$wordBreak === \"regular\" &&\n css`\n overflow-wrap: normal;\n word-break: normal;\n `}\n ${(props) =>\n props.$wordBreak === \"smart\" &&\n css`\n overflow-wrap: break-word;\n `}\n ${(props) =>\n props.$wordBreak === \"all\" &&\n css`\n word-break: break-all;\n `}\n\n //weight\n ${(props) =>\n props.$weight === \"regular\" &&\n css`\n font-weight: 400;\n `}\n ${(props) =>\n props.$weight === \"light\" &&\n css`\n font-weight: 300;\n `}\n ${(props) =>\n props.$weight === \"medium\" &&\n css`\n font-weight: 500;\n `}\n ${(props) =>\n props.$weight === \"bold\" &&\n css`\n font-weight: 700;\n `}\n`;\n\nStyledTypography.displayName = \"StyledTypography\";\n"],"file":"Styles.js"}
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/Typography/Styles.ts"],"names":["styled","css","BoxSizingStyle","FontStyle","colors","primary","secondary","tertiary","quaternary","success","alert","StyledTypography","div","props","$color","$variant","$italic","$tabularNums","$letterSpacing","$lineHeight","$align","$decoration","$transform","$overflow","$whitespace","$wordBreak","$weight","displayName"],"mappings":"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","sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\n\ninterface IStyledTypographyProps {\n $variant:\n | \"Title 1\"\n | \"Header 2\"\n | \"Header 3\"\n | \"Body 1\"\n | \"Body 2\"\n | \"Caption 1\"\n | \"Caption 2\";\n $italic: boolean;\n $tabularNums: boolean;\n $letterSpacing: \"tight\" | \"regular\" | \"wide\";\n $lineHeight: \"tight\" | \"regular\" | \"loose\";\n $align: \"left\" | \"center\" | \"right\" | \"justify\";\n $decoration: \"underline\" | \"line-through\" | \"none\";\n $transform: \"uppercase\" | \"lowercase\" | \"capitalize\" | \"regular\";\n $overflow: \"truncate\" | \"ellipsis\" | \"visible\";\n $whitespace?:\n | \"regular\"\n | \"no-wrap\"\n | \"pre\"\n | \"pre-wrap\"\n | \"pre-line\"\n | \"break-spaces\";\n $wordBreak: \"regular\" | \"smart\" | \"all\";\n $color:\n | \"primary\"\n | \"secondary\"\n | \"tertiary\"\n | \"quaternary\"\n | \"theme-primary\"\n | \"theme-secondary\"\n | \"only-white\"\n | \"only-black\"\n | \"page-paper\"\n | \"success\"\n | \"alert\";\n $weight?: \"light\" | \"regular\" | \"medium\" | \"bold\";\n}\n\nconst colors = {\n primary: tw`tw-text-theme-900`,\n secondary: tw`tw-text-theme-700`,\n tertiary: tw`tw-text-theme-600`,\n quaternary: tw`tw-text-theme-600 tw-opacity-50`,\n \"theme-primary\": tw`tw-text-primary`,\n \"theme-secondary\": tw`tw-text-secondary`,\n \"page-paper\": tw`tw-text-page-paper-main`,\n \"only-white\": tw`tw-text-only-white`,\n \"only-black\": tw`tw-text-only-black`,\n success: tw`tw-text-success`,\n alert: tw`tw-text-alert`,\n};\n\nexport const StyledTypography = styled.div<IStyledTypographyProps>`\n ${FontStyle}\n ${BoxSizingStyle}\n\n //color\n ${(props) => colors[props.$color]}\n\n //variant - font size\n ${(props) =>\n props.$variant === \"Title 1\" &&\n css`\n font-size: 2rem;\n `}\n ${(props) =>\n props.$variant === \"Header 2\" &&\n css`\n font-size: 1.125rem;\n `}\n ${(props) =>\n (props.$variant === \"Header 3\" || props.$variant === \"Body 1\") &&\n css`\n font-size: 1rem;\n `}\n ${(props) =>\n props.$variant === \"Body 2\" &&\n css`\n font-size: 0.875rem;\n `}\n ${(props) =>\n props.$variant === \"Caption 1\" &&\n css`\n font-size: 0.75rem;\n `}\n ${(props) =>\n props.$variant === \"Caption 2\" &&\n css`\n font-size: 0.625rem;\n `}\n\n //italic\n ${(props) =>\n props.$italic\n ? css`\n font-style: italic;\n `\n : css`\n font-style: normal;\n `}\n\n //tabularNums\n ${(props) =>\n props.$tabularNums\n ? css`\n font-variant-numeric: tabular-nums;\n `\n : css`\n font-variant-numeric: normal;\n `}\n\n //letterSpacing\n ${(props) =>\n props.$letterSpacing === \"regular\" &&\n css`\n letter-spacing: 0.02em;\n `}\n ${(props) =>\n props.$letterSpacing === \"tight\" &&\n css`\n letter-spacing: 0em;\n `}\n ${(props) =>\n props.$letterSpacing === \"wide\" &&\n css`\n letter-spacing: 0.08em;\n `}\n\n //lineHeight\n ${(props) =>\n props.$lineHeight === \"regular\" &&\n css`\n line-height: 1.375;\n `}\n ${(props) =>\n props.$lineHeight === \"tight\" &&\n css`\n line-height: 1;\n `}\n ${(props) =>\n props.$lineHeight === \"loose\" &&\n css`\n line-height: 1.625;\n `}\n\n //align\n ${(props) =>\n props.$align === \"left\" &&\n css`\n text-align: left;\n `}\n ${(props) =>\n props.$align === \"right\" &&\n css`\n text-align: right;\n `}\n ${(props) =>\n props.$align === \"center\" &&\n css`\n text-align: center;\n `}\n ${(props) =>\n props.$align === \"justify\" &&\n css`\n text-align: justify;\n `}\n\n //decoration\n ${(props) =>\n props.$decoration === \"none\" &&\n css`\n text-decoration: none;\n `}\n ${(props) =>\n props.$decoration === \"underline\" &&\n css`\n text-decoration: underline;\n `}\n ${(props) =>\n props.$decoration === \"line-through\" &&\n css`\n text-decoration: line-through;\n `}\n\n //transform\n ${(props) =>\n props.$transform === \"regular\" &&\n css`\n text-transform: none;\n `}\n ${(props) =>\n props.$transform === \"uppercase\" &&\n css`\n text-transform: uppercase;\n `}\n ${(props) =>\n props.$transform === \"lowercase\" &&\n css`\n text-transform: lowercase;\n `}\n ${(props) =>\n props.$transform === \"capitalize\" &&\n css`\n text-transform: capitalize;\n `}\n\n //overflow\n ${(props) =>\n props.$overflow === \"visible\" &&\n css`\n overflow: visible;\n `}\n ${(props) =>\n props.$overflow === \"ellipsis\" &&\n css`\n text-overflow: ellipsis;\n `}\n ${(props) =>\n props.$overflow === \"truncate\" &&\n css`\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n `}\n\n //whitespace\n ${(props) =>\n props.$whitespace === \"regular\" &&\n css`\n white-space: normal;\n `}\n ${(props) =>\n props.$whitespace === \"no-wrap\" &&\n css`\n white-space: nowrap;\n `}\n ${(props) =>\n props.$whitespace === \"pre\" &&\n css`\n white-space: pre;\n `}\n ${(props) =>\n props.$whitespace === \"pre-wrap\" &&\n css`\n white-space: pre-wrap;\n `}\n ${(props) =>\n props.$whitespace === \"pre-line\" &&\n css`\n white-space: pre-line;\n `}\n ${(props) =>\n props.$whitespace === \"break-spaces\" &&\n css`\n white-space: break-spaces;\n `}\n\n //wordBreak\n ${(props) =>\n props.$wordBreak === \"regular\" &&\n css`\n overflow-wrap: normal;\n word-break: normal;\n `}\n ${(props) =>\n props.$wordBreak === \"smart\" &&\n css`\n overflow-wrap: break-word;\n `}\n ${(props) =>\n props.$wordBreak === \"all\" &&\n css`\n word-break: break-all;\n `}\n\n //weight\n ${(props) =>\n props.$weight === \"regular\" &&\n css`\n font-weight: 400;\n `}\n ${(props) =>\n props.$weight === \"light\" &&\n css`\n font-weight: 300;\n `}\n ${(props) =>\n props.$weight === \"medium\" &&\n css`\n font-weight: 500;\n `}\n ${(props) =>\n props.$weight === \"bold\" &&\n css`\n font-weight: 700;\n `}\n`;\n\nStyledTypography.displayName = \"StyledTypography\";\n"],"file":"Styles.js"}
|
|
@@ -10,7 +10,7 @@ export interface ITypographyProps extends HTMLAttributes<HTMLElement> {
|
|
|
10
10
|
decoration?: "underline" | "line-through" | "none";
|
|
11
11
|
transform?: "uppercase" | "lowercase" | "capitalize" | "regular";
|
|
12
12
|
overflow?: "truncate" | "ellipsis" | "visible";
|
|
13
|
-
whitespace?: "regular" | "no-wrap";
|
|
13
|
+
whitespace?: "regular" | "no-wrap" | "pre" | "pre-wrap" | "pre-line" | "break-spaces";
|
|
14
14
|
wordBreak?: "regular" | "smart" | "all";
|
|
15
15
|
className?: string;
|
|
16
16
|
variant?: "Title 1" | "Header 2" | "Header 3" | "Body 1" | "Body 2" | "Caption 1" | "Caption 2";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Typography.d.ts","sourceRoot":"","sources":["../../../../src/components/Typography/Typography.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAc,MAAM,OAAO,CAAC;AAG1D,OAAO,EACL,gCAAgC,EAEjC,MAAM,mBAAmB,CAAC;AAC3B,MAAM,WAAW,gBAAiB,SAAQ,cAAc,CAAC,WAAW,CAAC;IAEnE,KAAK,CAAC,EACF,SAAS,GACT,WAAW,GACX,UAAU,GACV,YAAY,GACZ,eAAe,GACf,iBAAiB,GACjB,YAAY,GACZ,YAAY,GACZ,YAAY,GACZ,SAAS,GACT,OAAO,CAAC;IAEZ,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB,aAAa,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;IAE7C,UAAU,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,OAAO,CAAC;IAE3C,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAC;IAEhD,UAAU,CAAC,EAAE,WAAW,GAAG,cAAc,GAAG,MAAM,CAAC;IAEnD,SAAS,CAAC,EAAE,WAAW,GAAG,WAAW,GAAG,YAAY,GAAG,SAAS,CAAC;IAEjE,QAAQ,CAAC,EAAE,UAAU,GAAG,UAAU,GAAG,SAAS,CAAC;IAE/C,UAAU,CAAC,
|
|
1
|
+
{"version":3,"file":"Typography.d.ts","sourceRoot":"","sources":["../../../../src/components/Typography/Typography.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAc,MAAM,OAAO,CAAC;AAG1D,OAAO,EACL,gCAAgC,EAEjC,MAAM,mBAAmB,CAAC;AAC3B,MAAM,WAAW,gBAAiB,SAAQ,cAAc,CAAC,WAAW,CAAC;IAEnE,KAAK,CAAC,EACF,SAAS,GACT,WAAW,GACX,UAAU,GACV,YAAY,GACZ,eAAe,GACf,iBAAiB,GACjB,YAAY,GACZ,YAAY,GACZ,YAAY,GACZ,SAAS,GACT,OAAO,CAAC;IAEZ,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB,aAAa,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;IAE7C,UAAU,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,OAAO,CAAC;IAE3C,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAC;IAEhD,UAAU,CAAC,EAAE,WAAW,GAAG,cAAc,GAAG,MAAM,CAAC;IAEnD,SAAS,CAAC,EAAE,WAAW,GAAG,WAAW,GAAG,YAAY,GAAG,SAAS,CAAC;IAEjE,QAAQ,CAAC,EAAE,UAAU,GAAG,UAAU,GAAG,SAAS,CAAC;IAE/C,UAAU,CAAC,EACP,SAAS,GACT,SAAS,GACT,KAAK,GACL,UAAU,GACV,UAAU,GACV,cAAc,CAAC;IAEnB,SAAS,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,KAAK,CAAC;IAExC,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,OAAO,CAAC,EACJ,SAAS,GACT,UAAU,GACV,UAAU,GACV,QAAQ,GACR,QAAQ,GACR,WAAW,GACX,WAAW,CAAC;IAEhB,MAAM,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,CAAC;IAEjD,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAChD;AAED,oBAAY,eAAe,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,IACrD,gCAAgC,CAAC,CAAC,EAAE,gBAAgB,CAAC,CAAC;AAExD,oBAAY,mBAAmB,GAAG,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,KAAK,EACpE,KAAK,EAAE,eAAe,CAAC,CAAC,CAAC,KACtB,KAAK,CAAC,YAAY,GAAG,IAAI,CAAC;AAE/B,eAAO,MAAM,UAAU,EAAE,mBAAmB,GAAG;IAAE,WAAW,CAAC,EAAE,MAAM,CAAA;CAiDlE,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/Typography/Typography.tsx"],"names":["React","forwardRef","classNames","StyledTypography","Typography","ref","variant","as","color","italic","tabularNums","letterSpacing","lineHeight","align","decoration","transform","overflow","whitespace","wordBreak","weight","className","children","props","Component","displayName"],"mappings":";;;AAAA,OAAOA,KAAP,IAAgCC,UAAhC,QAAkD,OAAlD;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,SAASC,gBAAT,QAAiC,UAAjC;
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/Typography/Typography.tsx"],"names":["React","forwardRef","classNames","StyledTypography","Typography","ref","variant","as","color","italic","tabularNums","letterSpacing","lineHeight","align","decoration","transform","overflow","whitespace","wordBreak","weight","className","children","props","Component","displayName"],"mappings":";;;AAAA,OAAOA,KAAP,IAAgCC,UAAhC,QAAkD,OAAlD;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,SAASC,gBAAT,QAAiC,UAAjC;AAqEA,OAAO,IAAMC,UAA0D,gBACrEH,UAAU,CACR,gBAoBEI,GApBF,EAqBK;AAAA,0BAnBDC,OAmBC;AAAA,MAnBDA,OAmBC,6BAnBS,SAmBT;AAAA,MAlBDC,EAkBC,QAlBDA,EAkBC;AAAA,wBAjBDC,KAiBC;AAAA,MAjBDA,KAiBC,2BAjBO,SAiBP;AAAA,yBAhBDC,MAgBC;AAAA,MAhBDA,MAgBC,4BAhBQ,KAgBR;AAAA,8BAfDC,WAeC;AAAA,MAfDA,WAeC,iCAfa,KAeb;AAAA,gCAdDC,aAcC;AAAA,MAdDA,aAcC,mCAde,SAcf;AAAA,6BAbDC,UAaC;AAAA,MAbDA,UAaC,gCAbY,SAaZ;AAAA,wBAZDC,KAYC;AAAA,MAZDA,KAYC,2BAZO,MAYP;AAAA,6BAXDC,UAWC;AAAA,MAXDA,UAWC,gCAXY,MAWZ;AAAA,4BAVDC,SAUC;AAAA,MAVDA,SAUC,+BAVW,SAUX;AAAA,2BATDC,QASC;AAAA,MATDA,QASC,8BATU,SASV;AAAA,6BARDC,UAQC;AAAA,MARDA,UAQC,gCARY,SAQZ;AAAA,4BAPDC,SAOC;AAAA,MAPDA,SAOC,+BAPW,SAOX;AAAA,yBANDC,MAMC;AAAA,MANDA,MAMC,4BANQ,SAMR;AAAA,MALDC,SAKC,QALDA,SAKC;AAAA,MAJDC,QAIC,QAJDA,QAIC;AAAA,MAHEC,KAGF;;AACH,MAAMC,SAAS,GAAGhB,EAAE,IAAI,KAAxB;AACA,sBACE,oBAAC,gBAAD;AACE,IAAA,EAAE,EAAEgB,SADN;AAEE,IAAA,SAAS,EAAErB,UAAU,CAAC,YAAD,EAAekB,SAAf,CAFvB;AAGE,IAAA,OAAO,EAAEX,MAHX;AAIE,IAAA,YAAY,EAAEC,WAJhB;AAKE,IAAA,cAAc,EAAEC,aALlB;AAME,IAAA,WAAW,EAAEC,UANf;AAOE,IAAA,MAAM,EAAEC,KAPV;AAQE,IAAA,WAAW,EAAEC,UARf;AASE,IAAA,UAAU,EAAEC,SATd;AAUE,IAAA,SAAS,EAAEC,QAVb;AAWE,IAAA,WAAW,EAAEC,UAXf;AAYE,IAAA,UAAU,EAAEC,SAZd;AAaE,IAAA,QAAQ,EAAEZ,OAbZ;AAcE,IAAA,MAAM,EAAEE,KAdV;AAeE,IAAA,OAAO,EAAEW,MAfX;AAgBE,IAAA,GAAG,EAAEd;AAhBP,KAiBMiB,KAjBN,GAmBGD,QAnBH,CADF;AAuBD,CA/CO,CADL;AAmDPjB,UAAU,CAACoB,WAAX,GAAyB,YAAzB","sourcesContent":["import React, { HTMLAttributes, forwardRef } from \"react\";\nimport classNames from \"classnames\";\nimport { StyledTypography } from \"./Styles\";\nimport {\n PolymorphicComponentPropsWithRef,\n PolymorphicRef,\n} from \"../../utils/types\";\nexport interface ITypographyProps extends HTMLAttributes<HTMLElement> {\n /** Font color. */\n color?:\n | \"primary\"\n | \"secondary\"\n | \"tertiary\"\n | \"quaternary\"\n | \"theme-primary\"\n | \"theme-secondary\"\n | \"only-white\"\n | \"only-black\"\n | \"page-paper\"\n | \"success\"\n | \"alert\";\n /** Tabular numbers. */\n tabularNums?: boolean;\n /** Italic font style. */\n italic?: boolean;\n /** Font letter spacing. */\n letterSpacing?: \"tight\" | \"regular\" | \"wide\";\n /** Font line height. */\n lineHeight?: \"tight\" | \"regular\" | \"loose\";\n /** Font align. */\n align?: \"left\" | \"center\" | \"right\" | \"justify\";\n /** Underline font style. */\n decoration?: \"underline\" | \"line-through\" | \"none\";\n /** Font transform. */\n transform?: \"uppercase\" | \"lowercase\" | \"capitalize\" | \"regular\";\n /** Font overflow. */\n overflow?: \"truncate\" | \"ellipsis\" | \"visible\";\n /** Font whitespace. */\n whitespace?:\n | \"regular\"\n | \"no-wrap\"\n | \"pre\"\n | \"pre-wrap\"\n | \"pre-line\"\n | \"break-spaces\";\n /** Font word break. */\n wordBreak?: \"regular\" | \"smart\" | \"all\";\n /** Custom className for styling. */\n className?: string;\n /** Element variant. */\n variant?:\n | \"Title 1\"\n | \"Header 2\"\n | \"Header 3\"\n | \"Body 1\"\n | \"Body 2\"\n | \"Caption 1\"\n | \"Caption 2\";\n /** Font weight. */\n weight?: \"light\" | \"regular\" | \"medium\" | \"bold\";\n /** Font size. */\n size?: \"32\" | \"18\" | \"16\" | \"14\" | \"12\" | \"10\";\n}\n\nexport type TypographyProps<C extends React.ElementType> =\n PolymorphicComponentPropsWithRef<C, ITypographyProps>;\n\nexport type TypographyComponent = <C extends React.ElementType = \"div\">(\n props: TypographyProps<C>\n) => React.ReactElement | null;\n\nexport const Typography: TypographyComponent & { displayName?: string } =\n forwardRef(\n <C extends React.ElementType = \"div\">(\n {\n variant = \"Title 1\",\n as,\n color = \"primary\",\n italic = false,\n tabularNums = false,\n letterSpacing = \"regular\",\n lineHeight = \"regular\",\n align = \"left\",\n decoration = \"none\",\n transform = \"regular\",\n overflow = \"visible\",\n whitespace = \"regular\",\n wordBreak = \"regular\",\n weight = \"regular\",\n className,\n children,\n ...props\n }: TypographyProps<C>,\n ref?: PolymorphicRef<C>\n ) => {\n const Component = as || \"div\";\n return (\n <StyledTypography\n as={Component}\n className={classNames(\"typography\", className)}\n $italic={italic}\n $tabularNums={tabularNums}\n $letterSpacing={letterSpacing}\n $lineHeight={lineHeight}\n $align={align}\n $decoration={decoration}\n $transform={transform}\n $overflow={overflow}\n $whitespace={whitespace}\n $wordBreak={wordBreak}\n $variant={variant}\n $color={color}\n $weight={weight}\n ref={ref}\n {...props}\n >\n {children}\n </StyledTypography>\n );\n }\n );\n\nTypography.displayName = \"Typography\";\n"],"file":"Typography.js"}
|
package/dist/index.js
CHANGED
|
@@ -776,7 +776,7 @@
|
|
|
776
776
|
var StyledTypography = styled__default["default"].div.withConfig({
|
|
777
777
|
displayName: "Styles__StyledTypography",
|
|
778
778
|
componentId: "sc-mskw5w-0"
|
|
779
|
-
})(["", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", ""], FontStyle, BoxSizingStyle, function (props) {
|
|
779
|
+
})(["", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", ""], FontStyle, BoxSizingStyle, function (props) {
|
|
780
780
|
return colors[props.$color];
|
|
781
781
|
}, function (props) {
|
|
782
782
|
return props.$variant === "Title 1" && styled.css(["font-size:2rem;"]);
|
|
@@ -838,6 +838,14 @@
|
|
|
838
838
|
return props.$whitespace === "regular" && styled.css(["white-space:normal;"]);
|
|
839
839
|
}, function (props) {
|
|
840
840
|
return props.$whitespace === "no-wrap" && styled.css(["white-space:nowrap;"]);
|
|
841
|
+
}, function (props) {
|
|
842
|
+
return props.$whitespace === "pre" && styled.css(["white-space:pre;"]);
|
|
843
|
+
}, function (props) {
|
|
844
|
+
return props.$whitespace === "pre-wrap" && styled.css(["white-space:pre-wrap;"]);
|
|
845
|
+
}, function (props) {
|
|
846
|
+
return props.$whitespace === "pre-line" && styled.css(["white-space:pre-line;"]);
|
|
847
|
+
}, function (props) {
|
|
848
|
+
return props.$whitespace === "break-spaces" && styled.css(["white-space:break-spaces;"]);
|
|
841
849
|
}, function (props) {
|
|
842
850
|
return props.$wordBreak === "regular" && styled.css(["overflow-wrap:normal;word-break:normal;"]);
|
|
843
851
|
}, function (props) {
|
|
@@ -8683,7 +8691,8 @@
|
|
|
8683
8691
|
className: classnames__default["default"]("c-confirm-dialog", className)
|
|
8684
8692
|
}, /*#__PURE__*/React__default["default"].createElement(DialogTitle, null, dialogTitle), /*#__PURE__*/React__default["default"].createElement(DialogContentDivider, null), /*#__PURE__*/React__default["default"].createElement(DialogContent, null, /*#__PURE__*/React__default["default"].createElement(Body2, {
|
|
8685
8693
|
lineHeight: "loose",
|
|
8686
|
-
color: "secondary"
|
|
8694
|
+
color: "secondary",
|
|
8695
|
+
whitespace: "pre-line"
|
|
8687
8696
|
}, dialogContent)), /*#__PURE__*/React__default["default"].createElement(DialogContentDivider, null), /*#__PURE__*/React__default["default"].createElement(DialogActions, null, /*#__PURE__*/React__default["default"].createElement(Button, {
|
|
8688
8697
|
variant: "primary",
|
|
8689
8698
|
style: {
|