@activecollab/components 1.0.77 → 1.0.78
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/Textarea/Styles.js +11 -1
- package/dist/cjs/components/Textarea/Styles.js.map +1 -1
- package/dist/esm/components/Textarea/Styles.d.ts.map +1 -1
- package/dist/esm/components/Textarea/Styles.js +11 -1
- package/dist/esm/components/Textarea/Styles.js.map +1 -1
- package/dist/index.js +11 -1
- 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,14 +20,24 @@ 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 solid var(--border-primary);border-radius:10px;
|
|
23
|
+
})(["", " ", " ", " ", " ", " border:1px solid var(--border-primary);border-radius:10px;padding:4px 10px 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
|
+
}, {
|
|
26
|
+
"color": "var(--color-theme-900)"
|
|
27
|
+
}, {
|
|
28
|
+
"lineHeight": "1.375"
|
|
29
|
+
}, {
|
|
30
|
+
"letterSpacing": "0.02em"
|
|
31
|
+
}, {
|
|
32
|
+
"fontWeight": "400"
|
|
25
33
|
}, _FontStyle.FontStyle, _BoxSizingStyle.BoxSizingStyle, function (props) {
|
|
26
34
|
return !props.disabled && (0, _styledComponents.css)(["&:hover{outline:none !important;", "}"], {
|
|
27
35
|
"borderColor": "var(--color-primary)"
|
|
28
36
|
});
|
|
29
37
|
}, {
|
|
30
38
|
"borderColor": "var(--color-primary)"
|
|
39
|
+
}, {
|
|
40
|
+
"color": "var(--color-theme-transparent-500)"
|
|
31
41
|
}, function (props) {
|
|
32
42
|
return props.disabled && (0, _styledComponents.css)(["outline:none;", " &:hover{border-color:var(--border-primary);}"], {
|
|
33
43
|
"cursor": "not-allowed",
|
|
@@ -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,
|
|
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,EAcvBC,oBAduB,EAevBC,8BAfuB,EAiBvB,UAACC,KAAD;AAAA,SACA,CAACA,KAAK,CAACC,QAAP,QACAC,qBADA,6CAIQ;AAAA;AAAA,GAJR,CADA;AAAA,CAjBuB,EA4BnB;AAAA;AAAA,CA5BmB,EAoCnB;AAAA;AAAA,CApCmB,EAuCvB,UAACF,KAAD;AAAA,SACAA,KAAK,CAACC,QAAN,QACAC,qBADA,sEAGM;AAAA;AAAA;AAAA;AAAA,GAHN,CADA;AAAA,CAvCuB,CAApB;;;AAmDPP,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: 1px solid var(--border-primary);\n border-radius: 10px;\n padding: 4px 10px 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 tw-border-theme-400`}\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/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,0FAiD1B,CAAC"}
|
|
@@ -4,14 +4,24 @@ 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 solid var(--border-primary);border-radius:10px;
|
|
7
|
+
})(["", " ", " ", " ", " ", " border:1px solid var(--border-primary);border-radius:10px;padding:4px 10px 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
|
+
}, {
|
|
10
|
+
"color": "var(--color-theme-900)"
|
|
11
|
+
}, {
|
|
12
|
+
"lineHeight": "1.375"
|
|
13
|
+
}, {
|
|
14
|
+
"letterSpacing": "0.02em"
|
|
15
|
+
}, {
|
|
16
|
+
"fontWeight": "400"
|
|
9
17
|
}, FontStyle, BoxSizingStyle, function (props) {
|
|
10
18
|
return !props.disabled && css(["&:hover{outline:none !important;", "}"], {
|
|
11
19
|
"borderColor": "var(--color-primary)"
|
|
12
20
|
});
|
|
13
21
|
}, {
|
|
14
22
|
"borderColor": "var(--color-primary)"
|
|
23
|
+
}, {
|
|
24
|
+
"color": "var(--color-theme-transparent-500)"
|
|
15
25
|
}, function (props) {
|
|
16
26
|
return props.disabled && css(["outline:none;", " &:hover{border-color:var(--border-primary);}"], {
|
|
17
27
|
"cursor": "not-allowed",
|
|
@@ -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,
|
|
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,EAcvBF,SAduB,EAevBD,cAfuB,EAiBvB,UAACI,KAAD;AAAA,SACA,CAACA,KAAK,CAACC,QAAP,IACAN,GADA,4CAIQ;AAAA;AAAA,GAJR,CADA;AAAA,CAjBuB,EA4BnB;AAAA;AAAA,CA5BmB,EAoCnB;AAAA;AAAA,CApCmB,EAuCvB,UAACK,KAAD;AAAA,SACAA,KAAK,CAACC,QAAN,IACAN,GADA,qEAGM;AAAA;AAAA;AAAA;AAAA,GAHN,CADA;AAAA,CAvCuB,CAApB;AAmDPG,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: 1px solid var(--border-primary);\n border-radius: 10px;\n padding: 4px 10px 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 tw-border-theme-400`}\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
|
@@ -7753,14 +7753,24 @@
|
|
|
7753
7753
|
var StyledTextarea = styled__default["default"].textarea.withConfig({
|
|
7754
7754
|
displayName: "Styles__StyledTextarea",
|
|
7755
7755
|
componentId: "sc-m6jqw8-0"
|
|
7756
|
-
})(["", " border:1px solid var(--border-primary);border-radius:10px;
|
|
7756
|
+
})(["", " ", " ", " ", " ", " border:1px solid var(--border-primary);border-radius:10px;padding:4px 10px 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{", "}", ""], {
|
|
7757
7757
|
"fontSize": "0.875rem"
|
|
7758
|
+
}, {
|
|
7759
|
+
"color": "var(--color-theme-900)"
|
|
7760
|
+
}, {
|
|
7761
|
+
"lineHeight": "1.375"
|
|
7762
|
+
}, {
|
|
7763
|
+
"letterSpacing": "0.02em"
|
|
7764
|
+
}, {
|
|
7765
|
+
"fontWeight": "400"
|
|
7758
7766
|
}, FontStyle, BoxSizingStyle, function (props) {
|
|
7759
7767
|
return !props.disabled && styled.css(["&:hover{outline:none !important;", "}"], {
|
|
7760
7768
|
"borderColor": "var(--color-primary)"
|
|
7761
7769
|
});
|
|
7762
7770
|
}, {
|
|
7763
7771
|
"borderColor": "var(--color-primary)"
|
|
7772
|
+
}, {
|
|
7773
|
+
"color": "var(--color-theme-transparent-500)"
|
|
7764
7774
|
}, function (props) {
|
|
7765
7775
|
return props.disabled && styled.css(["outline:none;", " &:hover{border-color:var(--border-primary);}"], {
|
|
7766
7776
|
"cursor": "not-allowed",
|