@activecollab/components 1.0.75 → 1.0.76
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 +11 -1
- package/dist/cjs/components/Input/Styles.js.map +1 -1
- package/dist/esm/components/Input/Styles.d.ts.map +1 -1
- package/dist/esm/components/Input/Styles.js +11 -1
- package/dist/esm/components/Input/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,8 +20,16 @@ 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 solid var(--border-primary);border-radius:10px;
|
|
23
|
+
})(["", " ", " ", " ", " ", " border:1px solid var(--border-primary);border-radius:10px;padding:4px 10px 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
|
+
}, {
|
|
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.$size === "small" && (0, _styledComponents.css)(["border-radius:6px;height:24px;"]);
|
|
27
35
|
}, function (props) {
|
|
@@ -40,6 +48,8 @@ var StyledInput = _styledComponents.default.input.withConfig({
|
|
|
40
48
|
}, {
|
|
41
49
|
"borderColor": "var(--color-primary)"
|
|
42
50
|
});
|
|
51
|
+
}, {
|
|
52
|
+
"color": "var(--color-theme-transparent-500)"
|
|
43
53
|
});
|
|
44
54
|
|
|
45
55
|
exports.StyledInput = StyledInput;
|
|
@@ -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
|
|
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,EAiBpBC,oBAjBoB,EAkBpBC,8BAlBoB,EAoBpB,UAACC,KAAD;AAAA,SACAA,KAAK,CAACC,KAAN,KAAgB,OAAhB,QACAC,qBADA,qCADA;AAAA,CApBoB,EA2BpB,UAACF,KAAD;AAAA,SACAA,KAAK,CAACC,KAAN,KAAgB,KAAhB,QACAC,qBADA,yBAEM;AAAA;AAAA,GAFN,CADA;AAAA,CA3BoB,EAkCpB,UAACF,KAAD;AAAA,SACAA,KAAK,CAACG,QAAN,OACID,qBADJ,YAEU;AAAA;AAAA;AAAA;AAAA,GAFV,QAIIA,qBAJJ,gDAMY;AAAA;AAAA,GANZ,EAUY;AAAA;AAAA,GAVZ,EAcY;AAAA;AAAA,GAdZ,CADA;AAAA,CAlCoB,EAsDhB;AAAA;AAAA,CAtDgB,CAAjB;;;AA0DPP,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: 1px solid var(--border-primary);\n border-radius: 10px;\n padding: 4px 10px 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 tw-border-theme-400`}\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/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;;SAwDvB,CAAC"}
|
|
@@ -4,8 +4,16 @@ 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 solid var(--border-primary);border-radius:10px;
|
|
7
|
+
})(["", " ", " ", " ", " ", " border:1px solid var(--border-primary);border-radius:10px;padding:4px 10px 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
|
+
}, {
|
|
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.$size === "small" && css(["border-radius:6px;height:24px;"]);
|
|
11
19
|
}, function (props) {
|
|
@@ -24,6 +32,8 @@ export var StyledInput = styled.input.withConfig({
|
|
|
24
32
|
}, {
|
|
25
33
|
"borderColor": "var(--color-primary)"
|
|
26
34
|
});
|
|
35
|
+
}, {
|
|
36
|
+
"color": "var(--color-theme-transparent-500)"
|
|
27
37
|
});
|
|
28
38
|
StyledInput.displayName = "StyledInput";
|
|
29
39
|
//# sourceMappingURL=Styles.js.map
|
|
@@ -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
|
|
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,EAiBpBF,SAjBoB,EAkBpBD,cAlBoB,EAoBpB,UAACI,KAAD;AAAA,SACAA,KAAK,CAACC,KAAN,KAAgB,OAAhB,IACAN,GADA,oCADA;AAAA,CApBoB,EA2BpB,UAACK,KAAD;AAAA,SACAA,KAAK,CAACC,KAAN,KAAgB,KAAhB,IACAN,GADA,wBAEM;AAAA;AAAA,GAFN,CADA;AAAA,CA3BoB,EAkCpB,UAACK,KAAD;AAAA,SACAA,KAAK,CAACE,QAAN,GACIP,GADJ,WAEU;AAAA;AAAA;AAAA;AAAA,GAFV,IAIIA,GAJJ,+CAMY;AAAA;AAAA,GANZ,EAUY;AAAA;AAAA,GAVZ,EAcY;AAAA;AAAA,GAdZ,CADA;AAAA,CAlCoB,EAsDhB;AAAA;AAAA,CAtDgB,CAAjB;AA0DPG,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: 1px solid var(--border-primary);\n border-radius: 10px;\n padding: 4px 10px 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 tw-border-theme-400`}\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"}
|
package/dist/index.js
CHANGED
|
@@ -4630,8 +4630,16 @@
|
|
|
4630
4630
|
var StyledInput = styled__default["default"].input.withConfig({
|
|
4631
4631
|
displayName: "Styles__StyledInput",
|
|
4632
4632
|
componentId: "sc-ce8kcp-0"
|
|
4633
|
-
})(["", " border:1px solid var(--border-primary);border-radius:10px;
|
|
4633
|
+
})(["", " ", " ", " ", " ", " border:1px solid var(--border-primary);border-radius:10px;padding:4px 10px 6px 8px;height:32px;background-color:var(--input-background-color);transition:all 0.3s ease;width:360px;outline:none;", " ", " ", " ", " ", " &::placeholder{", "}"], {
|
|
4634
4634
|
"fontSize": "0.875rem"
|
|
4635
|
+
}, {
|
|
4636
|
+
"color": "var(--color-theme-900)"
|
|
4637
|
+
}, {
|
|
4638
|
+
"lineHeight": "1.375"
|
|
4639
|
+
}, {
|
|
4640
|
+
"letterSpacing": "0.02em"
|
|
4641
|
+
}, {
|
|
4642
|
+
"fontWeight": "400"
|
|
4635
4643
|
}, FontStyle, BoxSizingStyle, function (props) {
|
|
4636
4644
|
return props.$size === "small" && styled.css(["border-radius:6px;height:24px;"]);
|
|
4637
4645
|
}, function (props) {
|
|
@@ -4650,6 +4658,8 @@
|
|
|
4650
4658
|
}, {
|
|
4651
4659
|
"borderColor": "var(--color-primary)"
|
|
4652
4660
|
});
|
|
4661
|
+
}, {
|
|
4662
|
+
"color": "var(--color-theme-transparent-500)"
|
|
4653
4663
|
});
|
|
4654
4664
|
StyledInput.displayName = "StyledInput";
|
|
4655
4665
|
|