@activecollab/components 1.0.83 → 1.0.84
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/Input/Styles.js +4 -3
- package/dist/cjs/components/Input/Styles.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/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/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 +8 -6
- 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
|
@@ -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"}
|
|
@@ -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/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"}
|
|
@@ -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";
|