@activecollab/components 1.0.82 → 1.0.85
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/Dialog/Styles.js +3 -1
- package/dist/cjs/components/Dialog/Styles.js.map +1 -1
- package/dist/cjs/components/Input/Styles.js +4 -3
- package/dist/cjs/components/Input/Styles.js.map +1 -1
- package/dist/cjs/components/Label/Label.js +4 -2
- package/dist/cjs/components/Label/Label.js.map +1 -1
- package/dist/cjs/components/Textarea/Styles.js +4 -3
- package/dist/cjs/components/Textarea/Styles.js.map +1 -1
- package/dist/esm/components/Dialog/Styles.d.ts.map +1 -1
- package/dist/esm/components/Dialog/Styles.js +3 -1
- package/dist/esm/components/Dialog/Styles.js.map +1 -1
- package/dist/esm/components/Input/Styles.d.ts.map +1 -1
- package/dist/esm/components/Input/Styles.js +4 -3
- package/dist/esm/components/Input/Styles.js.map +1 -1
- package/dist/esm/components/Label/Label.d.ts +1 -1
- package/dist/esm/components/Label/Label.d.ts.map +1 -1
- package/dist/esm/components/Label/Label.js +4 -2
- package/dist/esm/components/Label/Label.js.map +1 -1
- package/dist/esm/components/Textarea/Styles.d.ts.map +1 -1
- package/dist/esm/components/Textarea/Styles.js +4 -3
- package/dist/esm/components/Textarea/Styles.js.map +1 -1
- package/dist/index.js +15 -9
- 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
|
@@ -16,7 +16,9 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
|
|
|
16
16
|
var StyledDialog = _styledComponents.default.div.withConfig({
|
|
17
17
|
displayName: "Styles__StyledDialog",
|
|
18
18
|
componentId: "sc-jwpvgm-0"
|
|
19
|
-
})(["max-height:calc(100vh - 156px);background-color:var(--page-paper-main);color:var(--color-theme-900);box-shadow:var(--shadow-primary);
|
|
19
|
+
})(["max-height:calc(100vh - 156px);background-color:var(--page-paper-main);color:var(--color-theme-900);box-shadow:var(--shadow-primary);", " width:540px;display:flex;flex-direction:column;flex:1 1 auto;margin:126px auto 30px auto;position:relative;", " ", " @media only screen and (max-width:480px){width:310px;margin:60px auto 30px auto;}"], {
|
|
20
|
+
"borderRadius": "0.5rem"
|
|
21
|
+
}, _FontStyle.FontStyle, _BoxSizingStyle.BoxSizingStyle);
|
|
20
22
|
|
|
21
23
|
exports.StyledDialog = StyledDialog;
|
|
22
24
|
StyledDialog.displayName = "StyledDialog";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/Dialog/Styles.ts"],"names":["StyledDialog","styled","div","FontStyle","BoxSizingStyle","displayName","StyledDialogTitle","StyledDialogContent","StyledDialogContentDivider","StyledDialogActions"],"mappings":";;;;;;;AAAA;;
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/Dialog/Styles.ts"],"names":["StyledDialog","styled","div","FontStyle","BoxSizingStyle","displayName","StyledDialogTitle","StyledDialogContent","StyledDialogContentDivider","StyledDialogActions"],"mappings":";;;;;;;AAAA;;AAEA;;AACA;;;;AAEO,IAAMA,YAAY,GAAGC,0BAAOC,GAAV;AAAA;AAAA;AAAA,yVAKnB;AAAA;AAAA,CALmB,EAarBC,oBAbqB,EAcrBC,8BAdqB,CAAlB;;;AAqBPJ,YAAY,CAACK,WAAb,GAA2B,cAA3B;;AAEO,IAAMC,iBAAiB,GAAGL,0BAAOC,GAAV;AAAA;AAAA;AAAA,oCAG1BC,oBAH0B,EAI1BC,8BAJ0B,CAAvB;;;AAMPE,iBAAiB,CAACD,WAAlB,GAAgC,mBAAhC;;AAEO,IAAME,mBAAmB,GAAGN,0BAAOC,GAAV;AAAA;AAAA;AAAA,mFAM5BC,oBAN4B,EAO5BC,8BAP4B,CAAzB;;;AASPG,mBAAmB,CAACF,WAApB,GAAkC,qBAAlC;;AAEO,IAAMG,0BAA0B,GAAGP,0BAAOC,GAAV;AAAA;AAAA;AAAA,8DAAhC;;;AAIPM,0BAA0B,CAACH,WAA3B,GAAyC,4BAAzC;;AAEO,IAAMI,mBAAmB,GAAGR,0BAAOC,GAAV;AAAA;AAAA;AAAA,oCAG5BC,oBAH4B,EAI5BC,8BAJ4B,CAAzB;;;AAMPK,mBAAmB,CAACJ,WAApB,GAAkC,qBAAlC","sourcesContent":["import styled from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\n\nexport const StyledDialog = styled.div`\n max-height: calc(100vh - 156px);\n background-color: var(--page-paper-main);\n color: var(--color-theme-900);\n box-shadow: var(--shadow-primary);\n ${tw`tw-rounded-lg`}\n width: 540px;\n display: flex;\n flex-direction: column;\n flex: 1 1 auto;\n margin: 126px auto 30px auto;\n position: relative;\n\n ${FontStyle}\n ${BoxSizingStyle}\n\n @media only screen and (max-width: 480px) {\n width: 310px;\n margin: 60px auto 30px auto;\n }\n`;\nStyledDialog.displayName = \"StyledDialog\";\n\nexport const StyledDialogTitle = styled.div`\n padding: 20px 30px;\n\n ${FontStyle}\n ${BoxSizingStyle}\n`;\nStyledDialogTitle.displayName = \"StyledDialogTitle\";\n\nexport const StyledDialogContent = styled.div`\n padding: 20px 30px;\n max-height: 580px;\n overflow-y: auto;\n flex: 1 1 auto;\n\n ${FontStyle}\n ${BoxSizingStyle}\n`;\nStyledDialogContent.displayName = \"StyledDialogContent\";\n\nexport const StyledDialogContentDivider = styled.div`\n border-top: 1px solid var(--border-primary);\n height: 1px;\n`;\nStyledDialogContentDivider.displayName = \"StyledDialogContentDivider\";\n\nexport const StyledDialogActions = styled.div`\n padding: 20px 30px;\n\n ${FontStyle}\n ${BoxSizingStyle}\n`;\nStyledDialogActions.displayName = \"StyledDialogActions\";\n"],"file":"Styles.js"}
|
|
@@ -20,7 +20,7 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
|
|
|
20
20
|
var StyledInput = _styledComponents.default.input.withConfig({
|
|
21
21
|
displayName: "Styles__StyledInput",
|
|
22
22
|
componentId: "sc-ce8kcp-0"
|
|
23
|
-
})(["", " ", " ", " ", " ", " border:1px
|
|
23
|
+
})(["", " ", " ", " ", " ", " border-width:1px;border-style:solid;", " border-radius:8px;padding:4px 8px 6px 8px;height:32px;background-color:var(--input-background-color);transition:all 0.3s ease;width:360px;outline:none;", " ", " ", " ", " ", " &::placeholder{", "}"], {
|
|
24
24
|
"fontSize": "0.875rem"
|
|
25
25
|
}, {
|
|
26
26
|
"color": "var(--color-theme-900)"
|
|
@@ -30,6 +30,8 @@ var StyledInput = _styledComponents.default.input.withConfig({
|
|
|
30
30
|
"letterSpacing": "0.02em"
|
|
31
31
|
}, {
|
|
32
32
|
"fontWeight": "400"
|
|
33
|
+
}, {
|
|
34
|
+
"borderColor": "var(--color-theme-500)"
|
|
33
35
|
}, _FontStyle.FontStyle, _BoxSizingStyle.BoxSizingStyle, function (props) {
|
|
34
36
|
return props.$size === "small" && (0, _styledComponents.css)(["border-radius:6px;height:24px;"]);
|
|
35
37
|
}, function (props) {
|
|
@@ -39,8 +41,7 @@ var StyledInput = _styledComponents.default.input.withConfig({
|
|
|
39
41
|
}, function (props) {
|
|
40
42
|
return props.disabled ? (0, _styledComponents.css)(["", ""], {
|
|
41
43
|
"cursor": "not-allowed",
|
|
42
|
-
"opacity": "0.5"
|
|
43
|
-
"borderColor": "var(--color-theme-400)"
|
|
44
|
+
"opacity": "0.5"
|
|
44
45
|
}) : (0, _styledComponents.css)(["&:hover{", "}&:active{", "}&:focus{", "}"], {
|
|
45
46
|
"borderColor": "var(--color-primary)"
|
|
46
47
|
}, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/Input/Styles.ts"],"names":["StyledInput","styled","input","FontStyle","BoxSizingStyle","props","$size","css","disabled","displayName"],"mappings":";;;;;;;;;AAAA;;AAGA;;AACA;;;;;;AAEO,IAAMA,WAAW,GAAGC,0BAAOC,KAAV;AAAA;AAAA;AAAA,+QAGlB;AAAA;AAAA,CAHkB,EAIlB;AAAA;AAAA,CAJkB,EAKlB;AAAA;AAAA,CALkB,EAMlB;AAAA;AAAA,CANkB,EAOlB;AAAA;AAAA,CAPkB,
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/Input/Styles.ts"],"names":["StyledInput","styled","input","FontStyle","BoxSizingStyle","props","$size","css","disabled","displayName"],"mappings":";;;;;;;;;AAAA;;AAGA;;AACA;;;;;;AAEO,IAAMA,WAAW,GAAGC,0BAAOC,KAAV;AAAA;AAAA;AAAA,+QAGlB;AAAA;AAAA,CAHkB,EAIlB;AAAA;AAAA,CAJkB,EAKlB;AAAA;AAAA,CALkB,EAMlB;AAAA;AAAA,CANkB,EAOlB;AAAA;AAAA,CAPkB,EAUlB;AAAA;AAAA,CAVkB,EAmBpBC,oBAnBoB,EAoBpBC,8BApBoB,EAsBpB,UAACC,KAAD;AAAA,SACAA,KAAK,CAACC,KAAN,KAAgB,OAAhB,QACAC,qBADA,qCADA;AAAA,CAtBoB,EA6BpB,UAACF,KAAD;AAAA,SACAA,KAAK,CAACC,KAAN,KAAgB,KAAhB,QACAC,qBADA,yBAEM;AAAA;AAAA,GAFN,CADA;AAAA,CA7BoB,EAoCpB,UAACF,KAAD;AAAA,SACAA,KAAK,CAACG,QAAN,OACID,qBADJ,YAEU;AAAA;AAAA;AAAA,GAFV,QAIIA,qBAJJ,gDAMY;AAAA;AAAA,GANZ,EAUY;AAAA;AAAA,GAVZ,EAcY;AAAA;AAAA,GAdZ,CADA;AAAA,CApCoB,EAwDhB;AAAA;AAAA,CAxDgB,CAAjB;;;AA4DPP,WAAW,CAACS,WAAZ,GAA0B,aAA1B","sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { InputSize } from \"./Input\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\n\nexport const StyledInput = styled.input<{\n $size?: InputSize;\n}>`\n ${tw`tw-text-body-2`}\n ${tw`tw-text-theme-900`}\n ${tw`tw-leading-regular`}\n ${tw`tw-tracking-regular`}\n ${tw`tw-font-regular`}\n border-width: 1px;\n border-style: solid;\n ${tw`tw-border-theme-500`}\n border-radius: 8px;\n padding: 4px 8px 6px 8px;\n height: 32px;\n background-color: var(--input-background-color);\n transition: all 0.3s ease;\n width: 360px;\n outline: none;\n\n ${FontStyle}\n ${BoxSizingStyle}\n\n ${(props) =>\n props.$size === \"small\" &&\n css`\n border-radius: 6px;\n height: 24px;\n `}\n\n ${(props) =>\n props.$size === \"big\" &&\n css`\n ${tw`tw-text-body-1`}\n height: 40px;\n `}\n\n ${(props) =>\n props.disabled\n ? css`\n ${tw`tw-cursor-not-allowed tw-opacity-50`}\n `\n : css`\n &:hover {\n ${tw`tw-border-primary`}\n }\n\n &:active {\n ${tw`tw-border-primary`}\n }\n\n &:focus {\n ${tw`tw-border-primary`}\n }\n `}\n\n &::placeholder {\n ${tw`tw-text-theme-transparent-500`}\n }\n`;\n\nStyledInput.displayName = \"StyledInput\";\n"],"file":"Styles.js"}
|
|
@@ -13,7 +13,7 @@ var _react = _interopRequireWildcard(require("react"));
|
|
|
13
13
|
|
|
14
14
|
var _Typography = require("../Typography/Typography");
|
|
15
15
|
|
|
16
|
-
var _excluded = ["invalid", "required", "size", "children", "className"];
|
|
16
|
+
var _excluded = ["invalid", "required", "size", "children", "className", "weight"];
|
|
17
17
|
|
|
18
18
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
19
19
|
|
|
@@ -36,6 +36,8 @@ var Label = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
|
|
|
36
36
|
size = _ref$size === void 0 ? "regular" : _ref$size,
|
|
37
37
|
children = _ref.children,
|
|
38
38
|
className = _ref.className,
|
|
39
|
+
_ref$weight = _ref.weight,
|
|
40
|
+
weight = _ref$weight === void 0 ? "bold" : _ref$weight,
|
|
39
41
|
props = _objectWithoutProperties(_ref, _excluded);
|
|
40
42
|
|
|
41
43
|
var color = invalid ? "alert" : "primary";
|
|
@@ -45,7 +47,7 @@ var Label = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
|
|
|
45
47
|
className: (0, _classnames.default)("c-label", className),
|
|
46
48
|
variant: variant,
|
|
47
49
|
color: color,
|
|
48
|
-
weight:
|
|
50
|
+
weight: weight,
|
|
49
51
|
ref: ref
|
|
50
52
|
}, props), children, required ? "*" : null);
|
|
51
53
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/Label/Label.tsx"],"names":["Label","ref","invalid","required","size","children","className","props","color","variant","displayName"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;;;;;;;;;;;;;;;AAQO,IAAMA,KAAK,gBAAG,
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/Label/Label.tsx"],"names":["Label","ref","invalid","required","size","children","className","weight","props","color","variant","displayName"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;;;;;;;;;;;;;;;AAQO,IAAMA,KAAK,gBAAG,uBAInB,gBAUEC,GAVF,EAWK;AAAA,0BATDC,OASC;AAAA,MATDA,OASC,6BATS,KAST;AAAA,2BARDC,QAQC;AAAA,MARDA,QAQC,8BARU,KAQV;AAAA,uBAPDC,IAOC;AAAA,MAPDA,IAOC,0BAPM,SAON;AAAA,MANDC,QAMC,QANDA,QAMC;AAAA,MALDC,SAKC,QALDA,SAKC;AAAA,yBAJDC,MAIC;AAAA,MAJDA,MAIC,4BAJQ,MAIR;AAAA,MAHEC,KAGF;;AACH,MAAMC,KAAK,GAAGP,OAAO,GAAG,OAAH,GAAa,SAAlC;AACA,MAAMQ,OAAO,GAAGN,IAAI,KAAK,SAAT,GAAqB,QAArB,GAAgC,WAAhD;AAEA,sBACE,6BAAC,sBAAD;AACE,IAAA,EAAE,EAAC,OADL;AAEE,IAAA,SAAS,EAAE,yBAAW,SAAX,EAAsBE,SAAtB,CAFb;AAGE,IAAA,OAAO,EAAEI,OAHX;AAIE,IAAA,KAAK,EAAED,KAJT;AAKE,IAAA,MAAM,EAAEF,MALV;AAME,IAAA,GAAG,EAAEN;AANP,KAOMO,KAPN,GASGH,QATH,EAUGF,QAAQ,GAAG,GAAH,GAAS,IAVpB,CADF;AAcD,CAjCkB,CAAd;;AAoCPH,KAAK,CAACW,WAAN,GAAoB,OAApB","sourcesContent":["import classNames from \"classnames\";\nimport React, { forwardRef } from \"react\";\nimport { ITypographyProps, Typography } from \"../Typography/Typography\";\n\nexport interface ILabelProps {\n invalid?: boolean;\n required?: boolean;\n size?: \"regular\" | \"small\";\n}\n\nexport const Label = forwardRef<\n HTMLLabelElement,\n ILabelProps & Omit<ITypographyProps, keyof ILabelProps | \"variant\" | \"color\">\n>(\n (\n {\n invalid = false,\n required = false,\n size = \"regular\",\n children,\n className,\n weight = \"bold\",\n ...props\n },\n ref\n ) => {\n const color = invalid ? \"alert\" : \"primary\";\n const variant = size === \"regular\" ? \"Body 2\" : \"Caption 1\";\n\n return (\n <Typography\n as=\"label\"\n className={classNames(\"c-label\", className)}\n variant={variant}\n color={color}\n weight={weight}\n ref={ref}\n {...props}\n >\n {children}\n {required ? \"*\" : null}\n </Typography>\n );\n }\n);\n\nLabel.displayName = \"Label\";\n"],"file":"Label.js"}
|
|
@@ -20,7 +20,7 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
|
|
|
20
20
|
var StyledTextarea = _styledComponents.default.textarea.withConfig({
|
|
21
21
|
displayName: "Styles__StyledTextarea",
|
|
22
22
|
componentId: "sc-m6jqw8-0"
|
|
23
|
-
})(["", " ", " ", " ", " ", " border:1px
|
|
23
|
+
})(["", " ", " ", " ", " ", " border-width:1px;border-style:solid;", " border-radius:8px;padding:4px 8px 6px 8px;height:auto;background-color:var(--input-background-color);transition:all 0.3s ease;width:360px;min-height:90px;", " ", " ", " &:active,&:focus{outline:none !important;", "}&:focus{box-shadow:none;}&::placeholder{", "}", ""], {
|
|
24
24
|
"fontSize": "0.875rem"
|
|
25
25
|
}, {
|
|
26
26
|
"color": "var(--color-theme-900)"
|
|
@@ -30,6 +30,8 @@ var StyledTextarea = _styledComponents.default.textarea.withConfig({
|
|
|
30
30
|
"letterSpacing": "0.02em"
|
|
31
31
|
}, {
|
|
32
32
|
"fontWeight": "400"
|
|
33
|
+
}, {
|
|
34
|
+
"borderColor": "var(--color-theme-500)"
|
|
33
35
|
}, _FontStyle.FontStyle, _BoxSizingStyle.BoxSizingStyle, function (props) {
|
|
34
36
|
return !props.disabled && (0, _styledComponents.css)(["&:hover{outline:none !important;", "}"], {
|
|
35
37
|
"borderColor": "var(--color-primary)"
|
|
@@ -41,8 +43,7 @@ var StyledTextarea = _styledComponents.default.textarea.withConfig({
|
|
|
41
43
|
}, function (props) {
|
|
42
44
|
return props.disabled && (0, _styledComponents.css)(["outline:none;", " &:hover{border-color:var(--border-primary);}"], {
|
|
43
45
|
"cursor": "not-allowed",
|
|
44
|
-
"opacity": "0.5"
|
|
45
|
-
"borderColor": "var(--color-theme-400)"
|
|
46
|
+
"opacity": "0.5"
|
|
46
47
|
});
|
|
47
48
|
});
|
|
48
49
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/Textarea/Styles.ts"],"names":["StyledTextarea","styled","textarea","FontStyle","BoxSizingStyle","props","disabled","css","displayName"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;;;;;AAOO,IAAMA,cAAc,GAAGC,0BAAOC,QAAV;AAAA;AAAA;AAAA,mVACrB;AAAA;AAAA,CADqB,EAErB;AAAA;AAAA,CAFqB,EAGrB;AAAA;AAAA,CAHqB,EAIrB;AAAA;AAAA,CAJqB,EAKrB;AAAA;AAAA,CALqB,
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/Textarea/Styles.ts"],"names":["StyledTextarea","styled","textarea","FontStyle","BoxSizingStyle","props","disabled","css","displayName"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;;;;;AAOO,IAAMA,cAAc,GAAGC,0BAAOC,QAAV;AAAA;AAAA;AAAA,mVACrB;AAAA;AAAA,CADqB,EAErB;AAAA;AAAA,CAFqB,EAGrB;AAAA;AAAA,CAHqB,EAIrB;AAAA;AAAA,CAJqB,EAKrB;AAAA;AAAA,CALqB,EAQrB;AAAA;AAAA,CARqB,EAgBvBC,oBAhBuB,EAiBvBC,8BAjBuB,EAmBvB,UAACC,KAAD;AAAA,SACA,CAACA,KAAK,CAACC,QAAP,QACAC,qBADA,6CAIQ;AAAA;AAAA,GAJR,CADA;AAAA,CAnBuB,EA8BnB;AAAA;AAAA,CA9BmB,EAsCnB;AAAA;AAAA,CAtCmB,EAyCvB,UAACF,KAAD;AAAA,SACAA,KAAK,CAACC,QAAN,QACAC,qBADA,sEAGM;AAAA;AAAA;AAAA,GAHN,CADA;AAAA,CAzCuB,CAApB;;;AAqDPP,cAAc,CAACQ,WAAf,GAA6B,gBAA7B","sourcesContent":["import styled, { css } from \"styled-components\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\nimport tw from \"twin.macro\";\n\ninterface StyledTextareaProps {\n disabled: boolean;\n}\n\nexport const StyledTextarea = styled.textarea<StyledTextareaProps>`\n ${tw`tw-text-body-2`}\n ${tw`tw-text-theme-900`}\n ${tw`tw-leading-regular`}\n ${tw`tw-tracking-regular`}\n ${tw`tw-font-regular`}\n border-width: 1px;\n border-style: solid;\n ${tw`tw-border-theme-500`}\n border-radius: 8px;\n padding: 4px 8px 6px 8px;\n height: auto;\n background-color: var(--input-background-color);\n transition: all 0.3s ease;\n width: 360px;\n min-height: 90px;\n ${FontStyle}\n ${BoxSizingStyle}\n\n ${(props) =>\n !props.disabled &&\n css`\n &:hover {\n outline: none !important;\n ${tw`tw-border-primary`}\n }\n `}\n\n &:active, &:focus {\n outline: none !important;\n ${tw`tw-border-primary`}\n }\n\n &:focus {\n box-shadow: none;\n }\n\n &::placeholder {\n ${tw`tw-text-theme-transparent-500`}\n }\n\n ${(props) =>\n props.disabled &&\n css`\n outline: none;\n ${tw`tw-cursor-not-allowed tw-opacity-50`}\n\n &:hover {\n border-color: var(--border-primary);\n }\n `}\n`;\n\nStyledTextarea.displayName = \"StyledTextarea\";\n"],"file":"Styles.js"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Dialog/Styles.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Dialog/Styles.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,YAAY,oEAoBxB,CAAC;AAGF,eAAO,MAAM,iBAAiB,oEAK7B,CAAC;AAGF,eAAO,MAAM,mBAAmB,oEAQ/B,CAAC;AAGF,eAAO,MAAM,0BAA0B,oEAGtC,CAAC;AAGF,eAAO,MAAM,mBAAmB,oEAK/B,CAAC"}
|
|
@@ -4,7 +4,9 @@ import { FontStyle } from "../FontStyle";
|
|
|
4
4
|
export var StyledDialog = styled.div.withConfig({
|
|
5
5
|
displayName: "Styles__StyledDialog",
|
|
6
6
|
componentId: "sc-jwpvgm-0"
|
|
7
|
-
})(["max-height:calc(100vh - 156px);background-color:var(--page-paper-main);color:var(--color-theme-900);box-shadow:var(--shadow-primary);
|
|
7
|
+
})(["max-height:calc(100vh - 156px);background-color:var(--page-paper-main);color:var(--color-theme-900);box-shadow:var(--shadow-primary);", " width:540px;display:flex;flex-direction:column;flex:1 1 auto;margin:126px auto 30px auto;position:relative;", " ", " @media only screen and (max-width:480px){width:310px;margin:60px auto 30px auto;}"], {
|
|
8
|
+
"borderRadius": "0.5rem"
|
|
9
|
+
}, FontStyle, BoxSizingStyle);
|
|
8
10
|
StyledDialog.displayName = "StyledDialog";
|
|
9
11
|
export var StyledDialogTitle = styled.div.withConfig({
|
|
10
12
|
displayName: "Styles__StyledDialogTitle",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/Dialog/Styles.ts"],"names":["styled","BoxSizingStyle","FontStyle","StyledDialog","div","displayName","StyledDialogTitle","StyledDialogContent","StyledDialogContentDivider","StyledDialogActions"],"mappings":"AAAA,OAAOA,MAAP,MAAmB,mBAAnB;
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/Dialog/Styles.ts"],"names":["styled","BoxSizingStyle","FontStyle","StyledDialog","div","displayName","StyledDialogTitle","StyledDialogContent","StyledDialogContentDivider","StyledDialogActions"],"mappings":"AAAA,OAAOA,MAAP,MAAmB,mBAAnB;AAEA,SAASC,cAAT,QAA+B,mBAA/B;AACA,SAASC,SAAT,QAA0B,cAA1B;AAEA,OAAO,IAAMC,YAAY,GAAGH,MAAM,CAACI,GAAV;AAAA;AAAA;AAAA,yVAKnB;AAAA;AAAA,CALmB,EAarBF,SAbqB,EAcrBD,cAdqB,CAAlB;AAqBPE,YAAY,CAACE,WAAb,GAA2B,cAA3B;AAEA,OAAO,IAAMC,iBAAiB,GAAGN,MAAM,CAACI,GAAV;AAAA;AAAA;AAAA,oCAG1BF,SAH0B,EAI1BD,cAJ0B,CAAvB;AAMPK,iBAAiB,CAACD,WAAlB,GAAgC,mBAAhC;AAEA,OAAO,IAAME,mBAAmB,GAAGP,MAAM,CAACI,GAAV;AAAA;AAAA;AAAA,mFAM5BF,SAN4B,EAO5BD,cAP4B,CAAzB;AASPM,mBAAmB,CAACF,WAApB,GAAkC,qBAAlC;AAEA,OAAO,IAAMG,0BAA0B,GAAGR,MAAM,CAACI,GAAV;AAAA;AAAA;AAAA,8DAAhC;AAIPI,0BAA0B,CAACH,WAA3B,GAAyC,4BAAzC;AAEA,OAAO,IAAMI,mBAAmB,GAAGT,MAAM,CAACI,GAAV;AAAA;AAAA;AAAA,oCAG5BF,SAH4B,EAI5BD,cAJ4B,CAAzB;AAMPQ,mBAAmB,CAACJ,WAApB,GAAkC,qBAAlC","sourcesContent":["import styled from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\n\nexport const StyledDialog = styled.div`\n max-height: calc(100vh - 156px);\n background-color: var(--page-paper-main);\n color: var(--color-theme-900);\n box-shadow: var(--shadow-primary);\n ${tw`tw-rounded-lg`}\n width: 540px;\n display: flex;\n flex-direction: column;\n flex: 1 1 auto;\n margin: 126px auto 30px auto;\n position: relative;\n\n ${FontStyle}\n ${BoxSizingStyle}\n\n @media only screen and (max-width: 480px) {\n width: 310px;\n margin: 60px auto 30px auto;\n }\n`;\nStyledDialog.displayName = \"StyledDialog\";\n\nexport const StyledDialogTitle = styled.div`\n padding: 20px 30px;\n\n ${FontStyle}\n ${BoxSizingStyle}\n`;\nStyledDialogTitle.displayName = \"StyledDialogTitle\";\n\nexport const StyledDialogContent = styled.div`\n padding: 20px 30px;\n max-height: 580px;\n overflow-y: auto;\n flex: 1 1 auto;\n\n ${FontStyle}\n ${BoxSizingStyle}\n`;\nStyledDialogContent.displayName = \"StyledDialogContent\";\n\nexport const StyledDialogContentDivider = styled.div`\n border-top: 1px solid var(--border-primary);\n height: 1px;\n`;\nStyledDialogContentDivider.displayName = \"StyledDialogContentDivider\";\n\nexport const StyledDialogActions = styled.div`\n padding: 20px 30px;\n\n ${FontStyle}\n ${BoxSizingStyle}\n`;\nStyledDialogActions.displayName = \"StyledDialogActions\";\n"],"file":"Styles.js"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/Styles.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAIpC,eAAO,MAAM,WAAW;;
|
|
1
|
+
{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/Styles.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAIpC,eAAO,MAAM,WAAW;;SA0DvB,CAAC"}
|
|
@@ -4,7 +4,7 @@ import { FontStyle } from "../FontStyle";
|
|
|
4
4
|
export var StyledInput = styled.input.withConfig({
|
|
5
5
|
displayName: "Styles__StyledInput",
|
|
6
6
|
componentId: "sc-ce8kcp-0"
|
|
7
|
-
})(["", " ", " ", " ", " ", " border:1px
|
|
7
|
+
})(["", " ", " ", " ", " ", " border-width:1px;border-style:solid;", " border-radius:8px;padding:4px 8px 6px 8px;height:32px;background-color:var(--input-background-color);transition:all 0.3s ease;width:360px;outline:none;", " ", " ", " ", " ", " &::placeholder{", "}"], {
|
|
8
8
|
"fontSize": "0.875rem"
|
|
9
9
|
}, {
|
|
10
10
|
"color": "var(--color-theme-900)"
|
|
@@ -14,6 +14,8 @@ export var StyledInput = styled.input.withConfig({
|
|
|
14
14
|
"letterSpacing": "0.02em"
|
|
15
15
|
}, {
|
|
16
16
|
"fontWeight": "400"
|
|
17
|
+
}, {
|
|
18
|
+
"borderColor": "var(--color-theme-500)"
|
|
17
19
|
}, FontStyle, BoxSizingStyle, function (props) {
|
|
18
20
|
return props.$size === "small" && css(["border-radius:6px;height:24px;"]);
|
|
19
21
|
}, function (props) {
|
|
@@ -23,8 +25,7 @@ export var StyledInput = styled.input.withConfig({
|
|
|
23
25
|
}, function (props) {
|
|
24
26
|
return props.disabled ? css(["", ""], {
|
|
25
27
|
"cursor": "not-allowed",
|
|
26
|
-
"opacity": "0.5"
|
|
27
|
-
"borderColor": "var(--color-theme-400)"
|
|
28
|
+
"opacity": "0.5"
|
|
28
29
|
}) : css(["&:hover{", "}&:active{", "}&:focus{", "}"], {
|
|
29
30
|
"borderColor": "var(--color-primary)"
|
|
30
31
|
}, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/Input/Styles.ts"],"names":["styled","css","BoxSizingStyle","FontStyle","StyledInput","input","props","$size","disabled","displayName"],"mappings":"AAAA,OAAOA,MAAP,IAAiBC,GAAjB,QAA4B,mBAA5B;AAGA,SAASC,cAAT,QAA+B,mBAA/B;AACA,SAASC,SAAT,QAA0B,cAA1B;AAEA,OAAO,IAAMC,WAAW,GAAGJ,MAAM,CAACK,KAAV;AAAA;AAAA;AAAA,+QAGlB;AAAA;AAAA,CAHkB,EAIlB;AAAA;AAAA,CAJkB,EAKlB;AAAA;AAAA,CALkB,EAMlB;AAAA;AAAA,CANkB,EAOlB;AAAA;AAAA,CAPkB,
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/Input/Styles.ts"],"names":["styled","css","BoxSizingStyle","FontStyle","StyledInput","input","props","$size","disabled","displayName"],"mappings":"AAAA,OAAOA,MAAP,IAAiBC,GAAjB,QAA4B,mBAA5B;AAGA,SAASC,cAAT,QAA+B,mBAA/B;AACA,SAASC,SAAT,QAA0B,cAA1B;AAEA,OAAO,IAAMC,WAAW,GAAGJ,MAAM,CAACK,KAAV;AAAA;AAAA;AAAA,+QAGlB;AAAA;AAAA,CAHkB,EAIlB;AAAA;AAAA,CAJkB,EAKlB;AAAA;AAAA,CALkB,EAMlB;AAAA;AAAA,CANkB,EAOlB;AAAA;AAAA,CAPkB,EAUlB;AAAA;AAAA,CAVkB,EAmBpBF,SAnBoB,EAoBpBD,cApBoB,EAsBpB,UAACI,KAAD;AAAA,SACAA,KAAK,CAACC,KAAN,KAAgB,OAAhB,IACAN,GADA,oCADA;AAAA,CAtBoB,EA6BpB,UAACK,KAAD;AAAA,SACAA,KAAK,CAACC,KAAN,KAAgB,KAAhB,IACAN,GADA,wBAEM;AAAA;AAAA,GAFN,CADA;AAAA,CA7BoB,EAoCpB,UAACK,KAAD;AAAA,SACAA,KAAK,CAACE,QAAN,GACIP,GADJ,WAEU;AAAA;AAAA;AAAA,GAFV,IAIIA,GAJJ,+CAMY;AAAA;AAAA,GANZ,EAUY;AAAA;AAAA,GAVZ,EAcY;AAAA;AAAA,GAdZ,CADA;AAAA,CApCoB,EAwDhB;AAAA;AAAA,CAxDgB,CAAjB;AA4DPG,WAAW,CAACK,WAAZ,GAA0B,aAA1B","sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { InputSize } from \"./Input\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\n\nexport const StyledInput = styled.input<{\n $size?: InputSize;\n}>`\n ${tw`tw-text-body-2`}\n ${tw`tw-text-theme-900`}\n ${tw`tw-leading-regular`}\n ${tw`tw-tracking-regular`}\n ${tw`tw-font-regular`}\n border-width: 1px;\n border-style: solid;\n ${tw`tw-border-theme-500`}\n border-radius: 8px;\n padding: 4px 8px 6px 8px;\n height: 32px;\n background-color: var(--input-background-color);\n transition: all 0.3s ease;\n width: 360px;\n outline: none;\n\n ${FontStyle}\n ${BoxSizingStyle}\n\n ${(props) =>\n props.$size === \"small\" &&\n css`\n border-radius: 6px;\n height: 24px;\n `}\n\n ${(props) =>\n props.$size === \"big\" &&\n css`\n ${tw`tw-text-body-1`}\n height: 40px;\n `}\n\n ${(props) =>\n props.disabled\n ? css`\n ${tw`tw-cursor-not-allowed tw-opacity-50`}\n `\n : css`\n &:hover {\n ${tw`tw-border-primary`}\n }\n\n &:active {\n ${tw`tw-border-primary`}\n }\n\n &:focus {\n ${tw`tw-border-primary`}\n }\n `}\n\n &::placeholder {\n ${tw`tw-text-theme-transparent-500`}\n }\n`;\n\nStyledInput.displayName = \"StyledInput\";\n"],"file":"Styles.js"}
|
|
@@ -5,5 +5,5 @@ export interface ILabelProps {
|
|
|
5
5
|
required?: boolean;
|
|
6
6
|
size?: "regular" | "small";
|
|
7
7
|
}
|
|
8
|
-
export declare const Label: React.ForwardRefExoticComponent<ILabelProps & Omit<ITypographyProps, "color" | "variant" |
|
|
8
|
+
export declare const Label: React.ForwardRefExoticComponent<ILabelProps & Omit<ITypographyProps, "color" | "variant" | keyof ILabelProps> & React.RefAttributes<HTMLLabelElement>>;
|
|
9
9
|
//# sourceMappingURL=Label.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Label.d.ts","sourceRoot":"","sources":["../../../../src/components/Label/Label.tsx"],"names":[],"mappings":"AACA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,gBAAgB,EAAc,MAAM,0BAA0B,CAAC;AAExE,MAAM,WAAW,WAAW;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;CAC5B;AAED,eAAO,MAAM,KAAK,
|
|
1
|
+
{"version":3,"file":"Label.d.ts","sourceRoot":"","sources":["../../../../src/components/Label/Label.tsx"],"names":[],"mappings":"AACA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,gBAAgB,EAAc,MAAM,0BAA0B,CAAC;AAExE,MAAM,WAAW,WAAW;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;CAC5B;AAED,eAAO,MAAM,KAAK,wJAkCjB,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import _extends from "@babel/runtime/helpers/esm/extends";
|
|
2
2
|
import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
|
|
3
|
-
var _excluded = ["invalid", "required", "size", "children", "className"];
|
|
3
|
+
var _excluded = ["invalid", "required", "size", "children", "className", "weight"];
|
|
4
4
|
import classNames from "classnames";
|
|
5
5
|
import React, { forwardRef } from "react";
|
|
6
6
|
import { Typography } from "../Typography/Typography";
|
|
@@ -13,6 +13,8 @@ export var Label = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
13
13
|
size = _ref$size === void 0 ? "regular" : _ref$size,
|
|
14
14
|
children = _ref.children,
|
|
15
15
|
className = _ref.className,
|
|
16
|
+
_ref$weight = _ref.weight,
|
|
17
|
+
weight = _ref$weight === void 0 ? "bold" : _ref$weight,
|
|
16
18
|
props = _objectWithoutPropertiesLoose(_ref, _excluded);
|
|
17
19
|
|
|
18
20
|
var color = invalid ? "alert" : "primary";
|
|
@@ -22,7 +24,7 @@ export var Label = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
22
24
|
className: classNames("c-label", className),
|
|
23
25
|
variant: variant,
|
|
24
26
|
color: color,
|
|
25
|
-
weight:
|
|
27
|
+
weight: weight,
|
|
26
28
|
ref: ref
|
|
27
29
|
}, props), children, required ? "*" : null);
|
|
28
30
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/Label/Label.tsx"],"names":["classNames","React","forwardRef","Typography","Label","ref","invalid","required","size","children","className","props","color","variant","displayName"],"mappings":";;;AAAA,OAAOA,UAAP,MAAuB,YAAvB;AACA,OAAOC,KAAP,IAAgBC,UAAhB,QAAkC,OAAlC;AACA,SAA2BC,UAA3B,QAA6C,0BAA7C;AAQA,OAAO,IAAMC,KAAK,gBAAGF,UAAU,
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/Label/Label.tsx"],"names":["classNames","React","forwardRef","Typography","Label","ref","invalid","required","size","children","className","weight","props","color","variant","displayName"],"mappings":";;;AAAA,OAAOA,UAAP,MAAuB,YAAvB;AACA,OAAOC,KAAP,IAAgBC,UAAhB,QAAkC,OAAlC;AACA,SAA2BC,UAA3B,QAA6C,0BAA7C;AAQA,OAAO,IAAMC,KAAK,gBAAGF,UAAU,CAI7B,gBAUEG,GAVF,EAWK;AAAA,0BATDC,OASC;AAAA,MATDA,OASC,6BATS,KAST;AAAA,2BARDC,QAQC;AAAA,MARDA,QAQC,8BARU,KAQV;AAAA,uBAPDC,IAOC;AAAA,MAPDA,IAOC,0BAPM,SAON;AAAA,MANDC,QAMC,QANDA,QAMC;AAAA,MALDC,SAKC,QALDA,SAKC;AAAA,yBAJDC,MAIC;AAAA,MAJDA,MAIC,4BAJQ,MAIR;AAAA,MAHEC,KAGF;;AACH,MAAMC,KAAK,GAAGP,OAAO,GAAG,OAAH,GAAa,SAAlC;AACA,MAAMQ,OAAO,GAAGN,IAAI,KAAK,SAAT,GAAqB,QAArB,GAAgC,WAAhD;AAEA,sBACE,oBAAC,UAAD;AACE,IAAA,EAAE,EAAC,OADL;AAEE,IAAA,SAAS,EAAER,UAAU,CAAC,SAAD,EAAYU,SAAZ,CAFvB;AAGE,IAAA,OAAO,EAAEI,OAHX;AAIE,IAAA,KAAK,EAAED,KAJT;AAKE,IAAA,MAAM,EAAEF,MALV;AAME,IAAA,GAAG,EAAEN;AANP,KAOMO,KAPN,GASGH,QATH,EAUGF,QAAQ,GAAG,GAAH,GAAS,IAVpB,CADF;AAcD,CAjC4B,CAAxB;AAoCPH,KAAK,CAACW,WAAN,GAAoB,OAApB","sourcesContent":["import classNames from \"classnames\";\nimport React, { forwardRef } from \"react\";\nimport { ITypographyProps, Typography } from \"../Typography/Typography\";\n\nexport interface ILabelProps {\n invalid?: boolean;\n required?: boolean;\n size?: \"regular\" | \"small\";\n}\n\nexport const Label = forwardRef<\n HTMLLabelElement,\n ILabelProps & Omit<ITypographyProps, keyof ILabelProps | \"variant\" | \"color\">\n>(\n (\n {\n invalid = false,\n required = false,\n size = \"regular\",\n children,\n className,\n weight = \"bold\",\n ...props\n },\n ref\n ) => {\n const color = invalid ? \"alert\" : \"primary\";\n const variant = size === \"regular\" ? \"Body 2\" : \"Caption 1\";\n\n return (\n <Typography\n as=\"label\"\n className={classNames(\"c-label\", className)}\n variant={variant}\n color={color}\n weight={weight}\n ref={ref}\n {...props}\n >\n {children}\n {required ? \"*\" : null}\n </Typography>\n );\n }\n);\n\nLabel.displayName = \"Label\";\n"],"file":"Label.js"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Textarea/Styles.ts"],"names":[],"mappings":"AAKA,UAAU,mBAAmB;IAC3B,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,cAAc,
|
|
1
|
+
{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Textarea/Styles.ts"],"names":[],"mappings":"AAKA,UAAU,mBAAmB;IAC3B,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,cAAc,0FAmD1B,CAAC"}
|
|
@@ -4,7 +4,7 @@ import { FontStyle } from "../FontStyle";
|
|
|
4
4
|
export var StyledTextarea = styled.textarea.withConfig({
|
|
5
5
|
displayName: "Styles__StyledTextarea",
|
|
6
6
|
componentId: "sc-m6jqw8-0"
|
|
7
|
-
})(["", " ", " ", " ", " ", " border:1px
|
|
7
|
+
})(["", " ", " ", " ", " ", " border-width:1px;border-style:solid;", " border-radius:8px;padding:4px 8px 6px 8px;height:auto;background-color:var(--input-background-color);transition:all 0.3s ease;width:360px;min-height:90px;", " ", " ", " &:active,&:focus{outline:none !important;", "}&:focus{box-shadow:none;}&::placeholder{", "}", ""], {
|
|
8
8
|
"fontSize": "0.875rem"
|
|
9
9
|
}, {
|
|
10
10
|
"color": "var(--color-theme-900)"
|
|
@@ -14,6 +14,8 @@ export var StyledTextarea = styled.textarea.withConfig({
|
|
|
14
14
|
"letterSpacing": "0.02em"
|
|
15
15
|
}, {
|
|
16
16
|
"fontWeight": "400"
|
|
17
|
+
}, {
|
|
18
|
+
"borderColor": "var(--color-theme-500)"
|
|
17
19
|
}, FontStyle, BoxSizingStyle, function (props) {
|
|
18
20
|
return !props.disabled && css(["&:hover{outline:none !important;", "}"], {
|
|
19
21
|
"borderColor": "var(--color-primary)"
|
|
@@ -25,8 +27,7 @@ export var StyledTextarea = styled.textarea.withConfig({
|
|
|
25
27
|
}, function (props) {
|
|
26
28
|
return props.disabled && css(["outline:none;", " &:hover{border-color:var(--border-primary);}"], {
|
|
27
29
|
"cursor": "not-allowed",
|
|
28
|
-
"opacity": "0.5"
|
|
29
|
-
"borderColor": "var(--color-theme-400)"
|
|
30
|
+
"opacity": "0.5"
|
|
30
31
|
});
|
|
31
32
|
});
|
|
32
33
|
StyledTextarea.displayName = "StyledTextarea";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/Textarea/Styles.ts"],"names":["styled","css","BoxSizingStyle","FontStyle","StyledTextarea","textarea","props","disabled","displayName"],"mappings":"AAAA,OAAOA,MAAP,IAAiBC,GAAjB,QAA4B,mBAA5B;AACA,SAASC,cAAT,QAA+B,mBAA/B;AACA,SAASC,SAAT,QAA0B,cAA1B;AAOA,OAAO,IAAMC,cAAc,GAAGJ,MAAM,CAACK,QAAV;AAAA;AAAA;AAAA,mVACrB;AAAA;AAAA,CADqB,EAErB;AAAA;AAAA,CAFqB,EAGrB;AAAA;AAAA,CAHqB,EAIrB;AAAA;AAAA,CAJqB,EAKrB;AAAA;AAAA,CALqB,
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/Textarea/Styles.ts"],"names":["styled","css","BoxSizingStyle","FontStyle","StyledTextarea","textarea","props","disabled","displayName"],"mappings":"AAAA,OAAOA,MAAP,IAAiBC,GAAjB,QAA4B,mBAA5B;AACA,SAASC,cAAT,QAA+B,mBAA/B;AACA,SAASC,SAAT,QAA0B,cAA1B;AAOA,OAAO,IAAMC,cAAc,GAAGJ,MAAM,CAACK,QAAV;AAAA;AAAA;AAAA,mVACrB;AAAA;AAAA,CADqB,EAErB;AAAA;AAAA,CAFqB,EAGrB;AAAA;AAAA,CAHqB,EAIrB;AAAA;AAAA,CAJqB,EAKrB;AAAA;AAAA,CALqB,EAQrB;AAAA;AAAA,CARqB,EAgBvBF,SAhBuB,EAiBvBD,cAjBuB,EAmBvB,UAACI,KAAD;AAAA,SACA,CAACA,KAAK,CAACC,QAAP,IACAN,GADA,4CAIQ;AAAA;AAAA,GAJR,CADA;AAAA,CAnBuB,EA8BnB;AAAA;AAAA,CA9BmB,EAsCnB;AAAA;AAAA,CAtCmB,EAyCvB,UAACK,KAAD;AAAA,SACAA,KAAK,CAACC,QAAN,IACAN,GADA,qEAGM;AAAA;AAAA;AAAA,GAHN,CADA;AAAA,CAzCuB,CAApB;AAqDPG,cAAc,CAACI,WAAf,GAA6B,gBAA7B","sourcesContent":["import styled, { css } from \"styled-components\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\nimport tw from \"twin.macro\";\n\ninterface StyledTextareaProps {\n disabled: boolean;\n}\n\nexport const StyledTextarea = styled.textarea<StyledTextareaProps>`\n ${tw`tw-text-body-2`}\n ${tw`tw-text-theme-900`}\n ${tw`tw-leading-regular`}\n ${tw`tw-tracking-regular`}\n ${tw`tw-font-regular`}\n border-width: 1px;\n border-style: solid;\n ${tw`tw-border-theme-500`}\n border-radius: 8px;\n padding: 4px 8px 6px 8px;\n height: auto;\n background-color: var(--input-background-color);\n transition: all 0.3s ease;\n width: 360px;\n min-height: 90px;\n ${FontStyle}\n ${BoxSizingStyle}\n\n ${(props) =>\n !props.disabled &&\n css`\n &:hover {\n outline: none !important;\n ${tw`tw-border-primary`}\n }\n `}\n\n &:active, &:focus {\n outline: none !important;\n ${tw`tw-border-primary`}\n }\n\n &:focus {\n box-shadow: none;\n }\n\n &::placeholder {\n ${tw`tw-text-theme-transparent-500`}\n }\n\n ${(props) =>\n props.disabled &&\n css`\n outline: none;\n ${tw`tw-cursor-not-allowed tw-opacity-50`}\n\n &:hover {\n border-color: var(--border-primary);\n }\n `}\n`;\n\nStyledTextarea.displayName = \"StyledTextarea\";\n"],"file":"Styles.js"}
|
package/dist/index.js
CHANGED
|
@@ -4633,7 +4633,7 @@
|
|
|
4633
4633
|
var StyledInput = styled__default["default"].input.withConfig({
|
|
4634
4634
|
displayName: "Styles__StyledInput",
|
|
4635
4635
|
componentId: "sc-ce8kcp-0"
|
|
4636
|
-
})(["", " ", " ", " ", " ", " border:1px
|
|
4636
|
+
})(["", " ", " ", " ", " ", " border-width:1px;border-style:solid;", " border-radius:8px;padding:4px 8px 6px 8px;height:32px;background-color:var(--input-background-color);transition:all 0.3s ease;width:360px;outline:none;", " ", " ", " ", " ", " &::placeholder{", "}"], {
|
|
4637
4637
|
"fontSize": "0.875rem"
|
|
4638
4638
|
}, {
|
|
4639
4639
|
"color": "var(--color-theme-900)"
|
|
@@ -4643,6 +4643,8 @@
|
|
|
4643
4643
|
"letterSpacing": "0.02em"
|
|
4644
4644
|
}, {
|
|
4645
4645
|
"fontWeight": "400"
|
|
4646
|
+
}, {
|
|
4647
|
+
"borderColor": "var(--color-theme-500)"
|
|
4646
4648
|
}, FontStyle, BoxSizingStyle, function (props) {
|
|
4647
4649
|
return props.$size === "small" && styled.css(["border-radius:6px;height:24px;"]);
|
|
4648
4650
|
}, function (props) {
|
|
@@ -4652,8 +4654,7 @@
|
|
|
4652
4654
|
}, function (props) {
|
|
4653
4655
|
return props.disabled ? styled.css(["", ""], {
|
|
4654
4656
|
"cursor": "not-allowed",
|
|
4655
|
-
"opacity": "0.5"
|
|
4656
|
-
"borderColor": "var(--color-theme-400)"
|
|
4657
|
+
"opacity": "0.5"
|
|
4657
4658
|
}) : styled.css(["&:hover{", "}&:active{", "}&:focus{", "}"], {
|
|
4658
4659
|
"borderColor": "var(--color-primary)"
|
|
4659
4660
|
}, {
|
|
@@ -7820,7 +7821,7 @@
|
|
|
7820
7821
|
var StyledTextarea = styled__default["default"].textarea.withConfig({
|
|
7821
7822
|
displayName: "Styles__StyledTextarea",
|
|
7822
7823
|
componentId: "sc-m6jqw8-0"
|
|
7823
|
-
})(["", " ", " ", " ", " ", " border:1px
|
|
7824
|
+
})(["", " ", " ", " ", " ", " border-width:1px;border-style:solid;", " border-radius:8px;padding:4px 8px 6px 8px;height:auto;background-color:var(--input-background-color);transition:all 0.3s ease;width:360px;min-height:90px;", " ", " ", " &:active,&:focus{outline:none !important;", "}&:focus{box-shadow:none;}&::placeholder{", "}", ""], {
|
|
7824
7825
|
"fontSize": "0.875rem"
|
|
7825
7826
|
}, {
|
|
7826
7827
|
"color": "var(--color-theme-900)"
|
|
@@ -7830,6 +7831,8 @@
|
|
|
7830
7831
|
"letterSpacing": "0.02em"
|
|
7831
7832
|
}, {
|
|
7832
7833
|
"fontWeight": "400"
|
|
7834
|
+
}, {
|
|
7835
|
+
"borderColor": "var(--color-theme-500)"
|
|
7833
7836
|
}, FontStyle, BoxSizingStyle, function (props) {
|
|
7834
7837
|
return !props.disabled && styled.css(["&:hover{outline:none !important;", "}"], {
|
|
7835
7838
|
"borderColor": "var(--color-primary)"
|
|
@@ -7841,8 +7844,7 @@
|
|
|
7841
7844
|
}, function (props) {
|
|
7842
7845
|
return props.disabled && styled.css(["outline:none;", " &:hover{border-color:var(--border-primary);}"], {
|
|
7843
7846
|
"cursor": "not-allowed",
|
|
7844
|
-
"opacity": "0.5"
|
|
7845
|
-
"borderColor": "var(--color-theme-400)"
|
|
7847
|
+
"opacity": "0.5"
|
|
7846
7848
|
});
|
|
7847
7849
|
});
|
|
7848
7850
|
StyledTextarea.displayName = "StyledTextarea";
|
|
@@ -8722,7 +8724,9 @@
|
|
|
8722
8724
|
var StyledDialog = styled__default["default"].div.withConfig({
|
|
8723
8725
|
displayName: "Styles__StyledDialog",
|
|
8724
8726
|
componentId: "sc-jwpvgm-0"
|
|
8725
|
-
})(["max-height:calc(100vh - 156px);background-color:var(--page-paper-main);color:var(--color-theme-900);box-shadow:var(--shadow-primary);
|
|
8727
|
+
})(["max-height:calc(100vh - 156px);background-color:var(--page-paper-main);color:var(--color-theme-900);box-shadow:var(--shadow-primary);", " width:540px;display:flex;flex-direction:column;flex:1 1 auto;margin:126px auto 30px auto;position:relative;", " ", " @media only screen and (max-width:480px){width:310px;margin:60px auto 30px auto;}"], {
|
|
8728
|
+
"borderRadius": "0.5rem"
|
|
8729
|
+
}, FontStyle, BoxSizingStyle);
|
|
8726
8730
|
StyledDialog.displayName = "StyledDialog";
|
|
8727
8731
|
var StyledDialogTitle = styled__default["default"].div.withConfig({
|
|
8728
8732
|
displayName: "Styles__StyledDialogTitle",
|
|
@@ -10397,7 +10401,7 @@
|
|
|
10397
10401
|
ThumbsDownIcon.displayName = "ThumbsDownIcon";
|
|
10398
10402
|
var ThumbsDownIcon$1 = ThumbsDownIcon;
|
|
10399
10403
|
|
|
10400
|
-
var _excluded = ["invalid", "required", "size", "children", "className"];
|
|
10404
|
+
var _excluded = ["invalid", "required", "size", "children", "className", "weight"];
|
|
10401
10405
|
var Label = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
10402
10406
|
var _ref$invalid = _ref.invalid,
|
|
10403
10407
|
invalid = _ref$invalid === void 0 ? false : _ref$invalid,
|
|
@@ -10407,6 +10411,8 @@
|
|
|
10407
10411
|
size = _ref$size === void 0 ? "regular" : _ref$size,
|
|
10408
10412
|
children = _ref.children,
|
|
10409
10413
|
className = _ref.className,
|
|
10414
|
+
_ref$weight = _ref.weight,
|
|
10415
|
+
weight = _ref$weight === void 0 ? "bold" : _ref$weight,
|
|
10410
10416
|
props = _objectWithoutProperties(_ref, _excluded);
|
|
10411
10417
|
|
|
10412
10418
|
var color = invalid ? "alert" : "primary";
|
|
@@ -10416,7 +10422,7 @@
|
|
|
10416
10422
|
className: classnames__default["default"]("c-label", className),
|
|
10417
10423
|
variant: variant,
|
|
10418
10424
|
color: color,
|
|
10419
|
-
weight:
|
|
10425
|
+
weight: weight,
|
|
10420
10426
|
ref: ref
|
|
10421
10427
|
}, props), children, required ? "*" : null);
|
|
10422
10428
|
});
|