@activecollab/components 2.0.432 → 2.0.434
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/Choose/Styles.js +4 -7
- package/dist/cjs/components/Choose/Styles.js.map +1 -1
- package/dist/cjs/components/ChooseV2/Styles.js +1 -1
- package/dist/cjs/components/ChooseV2/Styles.js.map +1 -1
- package/dist/esm/components/Choose/Styles.js +3 -6
- package/dist/esm/components/Choose/Styles.js.map +1 -1
- package/dist/esm/components/ChooseV2/Styles.d.ts.map +1 -1
- package/dist/esm/components/ChooseV2/Styles.js +1 -1
- package/dist/esm/components/ChooseV2/Styles.js.map +1 -1
- package/dist/index.js +5 -8
- 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
|
@@ -11,7 +11,7 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
|
|
|
11
11
|
var StyledChoose = exports.StyledChoose = _styledComponents.default.button.withConfig({
|
|
12
12
|
displayName: "Styles__StyledChoose",
|
|
13
13
|
componentId: "sc-1j2qv02-0"
|
|
14
|
-
})(["", " ", " ", " ", " height:32px;padding:0 16px;transition:all 0.3s ease;border:1px solid var(--border-primary);font-size:13px;transition-duration:0.3s;&:hover{
|
|
14
|
+
})(["", " ", " ", " ", " height:32px;padding:0 16px;transition:all 0.3s ease;border:1px solid var(--border-primary);font-size:13px;transition-duration:0.3s;&:hover{background-color:var(--color-primary-300);}", ""], {
|
|
15
15
|
"margin": "0px",
|
|
16
16
|
"display": "inline-block",
|
|
17
17
|
"verticalAlign": "middle",
|
|
@@ -26,12 +26,9 @@ var StyledChoose = exports.StyledChoose = _styledComponents.default.button.withC
|
|
|
26
26
|
"borderRadius": "0.5rem",
|
|
27
27
|
"textAlign": "center",
|
|
28
28
|
"color": "var(--color-theme-700)"
|
|
29
|
-
}, _FontStyle.FontStyle, _BoxSizingStyle.BoxSizingStyle, {
|
|
30
|
-
"
|
|
31
|
-
|
|
32
|
-
return props.active && (0, _styledComponents.css)(["", " background-color:var(--color-primary-300);"], {
|
|
33
|
-
"zIndex": "0",
|
|
34
|
-
"borderColor": "var(--color-primary)"
|
|
29
|
+
}, _FontStyle.FontStyle, _BoxSizingStyle.BoxSizingStyle, function (props) {
|
|
30
|
+
return props.active && (0, _styledComponents.css)(["", " color:var(--color-primary);background-color:var(--color-primary-300);"], {
|
|
31
|
+
"zIndex": "0"
|
|
35
32
|
});
|
|
36
33
|
});
|
|
37
34
|
StyledChoose.displayName = "StyledChoose";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Styles.js","names":["_styledComponents","_interopRequireWildcard","require","_BoxSizingStyle","_FontStyle","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","StyledChoose","exports","styled","button","withConfig","displayName","componentId","FontStyle","BoxSizingStyle","props","active","css"],"sources":["../../../../src/components/Choose/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\n\nimport { IChooseProps } from \"./Choose\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\n\nexport const StyledChoose = styled.button<IChooseProps>`\n ${tw`tw-antialiased tw-align-middle tw-font-medium tw-inline-block tw-leading-none tw-m-0 tw-no-underline`}\n ${tw`tw-select-none tw-cursor-pointer tw-text-center tw-rounded-lg tw-text-theme-700`}\n ${FontStyle}\n ${BoxSizingStyle}\n height: 32px;\n padding: 0 16px;\n transition: all 0.3s ease;\n border: 1px solid var(--border-primary);\n font-size: 13px;\n transition-duration: 0.3s;\n &:hover {\n
|
|
1
|
+
{"version":3,"file":"Styles.js","names":["_styledComponents","_interopRequireWildcard","require","_BoxSizingStyle","_FontStyle","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","StyledChoose","exports","styled","button","withConfig","displayName","componentId","FontStyle","BoxSizingStyle","props","active","css"],"sources":["../../../../src/components/Choose/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\n\nimport { IChooseProps } from \"./Choose\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\n\nexport const StyledChoose = styled.button<IChooseProps>`\n ${tw`tw-antialiased tw-align-middle tw-font-medium tw-inline-block tw-leading-none tw-m-0 tw-no-underline`}\n ${tw`tw-select-none tw-cursor-pointer tw-text-center tw-rounded-lg tw-text-theme-700`}\n ${FontStyle}\n ${BoxSizingStyle}\n height: 32px;\n padding: 0 16px;\n transition: all 0.3s ease;\n border: 1px solid var(--border-primary);\n font-size: 13px;\n transition-duration: 0.3s;\n &:hover {\n background-color: var(--color-primary-300);\n }\n ${(props) =>\n props.active &&\n css`\n ${tw`tw-z-0`}\n color: var(--color-primary);\n background-color: var(--color-primary-300);\n `}\n`;\n\nStyledChoose.displayName = \"StyledChoose\";\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,uBAAA,CAAAC,OAAA;AAIA,IAAAC,eAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAF,OAAA;AAAyC,SAAAD,wBAAAI,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAN,uBAAA,YAAAA,wBAAAI,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,cAAAM,EAAA,IAAAd,CAAA,gBAAAc,EAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,EAAA,OAAAP,CAAA,IAAAD,CAAA,GAAAW,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAnB,CAAA,EAAAc,EAAA,OAAAP,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAM,EAAA,EAAAP,CAAA,IAAAC,CAAA,CAAAM,EAAA,IAAAd,CAAA,CAAAc,EAAA,WAAAN,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAElC,IAAMmB,YAAY,GAAAC,OAAA,CAAAD,YAAA,GAAGE,yBAAM,CAACC,MAAM,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,uNACnC;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAqG,CAAC,EACtG;EAAA;EAAA;EAAA;EAAA;EAAA;AAAgF,CAAC,EACnFC,oBAAS,EACTC,8BAAc,EAUd,UAACC,KAAK;EAAA,OACNA,KAAK,CAACC,MAAM,QACZC,qBAAG,kFACG;IAAA;EAAO,CAAC,CAGb;AAAA,EACJ;AAEDX,YAAY,CAACK,WAAW,GAAG,cAAc","ignoreList":[]}
|
|
@@ -12,7 +12,7 @@ var StyledChoose = exports.StyledChoose = (0, _styledComponents.default)(_Choose
|
|
|
12
12
|
displayName: "Styles__StyledChoose",
|
|
13
13
|
componentId: "sc-uv67fb-0"
|
|
14
14
|
})(["flex-shrink:0;white-space:nowrap;", ""], function (props) {
|
|
15
|
-
return !props.active && (0, _styledComponents.css)(["background-color:transparent !important;"]);
|
|
15
|
+
return !props.active && (0, _styledComponents.css)(["&:not(:hover){background-color:transparent !important;}"]);
|
|
16
16
|
});
|
|
17
17
|
StyledChoose.displayName = "StyledChoose";
|
|
18
18
|
var StyledVerticalContainer = exports.StyledVerticalContainer = _styledComponents.default.div.withConfig({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Styles.js","names":["_styledComponents","_interopRequireWildcard","require","_Choose","_Label","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","StyledChoose","exports","styled","Choose","withConfig","displayName","componentId","props","active","css","StyledVerticalContainer","div","StyledLabel","Label","$disabled","StyledRadioOption","StyledFlexContainer"],"sources":["../../../../src/components/ChooseV2/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\nimport { Choose } from \"../Choose/Choose\";\nimport { Label } from \"../Label\";\n\nexport const StyledChoose = styled(Choose)`\n flex-shrink: 0;\n white-space: nowrap;\n\n ${(props) =>\n !props.active &&\n css`\n background-color: transparent !important;\n `}\n`;\n\nStyledChoose.displayName = \"StyledChoose\";\n\nexport const StyledVerticalContainer = styled.div`\n display: flex;\n flex-direction: column;\n width: 100%;\n gap: 8px;\n`;\n\nStyledVerticalContainer.displayName = \"StyledVerticalContainer\";\n\nexport const StyledLabel = styled(Label)<{ $disabled?: boolean }>`\n ${(props) =>\n !props.$disabled\n ? css`\n cursor: pointer;\n `\n : css`\n cursor: not-allowed;\n `}\n`;\n\nStyledLabel.displayName = \"StyledLabel\";\n\nexport const StyledRadioOption = styled.div<{ $disabled?: boolean }>`\n display: flex;\n align-items: center;\n gap: 6px;\n\n ${(props) =>\n !props.$disabled\n ? css`\n cursor: pointer;\n `\n : css`\n cursor: not-allowed;\n `}\n\n &:hover {\n opacity: 0.8;\n }\n\n &[data-disabled=\"true\"] {\n opacity: 0.5;\n cursor: not-allowed;\n }\n`;\n\nStyledRadioOption.displayName = \"StyledRadioOption\";\n\nexport const StyledFlexContainer = styled.div`\n display: flex;\n width: 100%;\n`;\n\nStyledFlexContainer.displayName = \"StyledFlexContainer\";\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AAAiC,SAAAD,wBAAAI,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAN,uBAAA,YAAAA,wBAAAI,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,cAAAM,EAAA,IAAAd,CAAA,gBAAAc,EAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,EAAA,OAAAP,CAAA,IAAAD,CAAA,GAAAW,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAnB,CAAA,EAAAc,EAAA,OAAAP,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAM,EAAA,EAAAP,CAAA,IAAAC,CAAA,CAAAM,EAAA,IAAAd,CAAA,CAAAc,EAAA,WAAAN,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAE1B,IAAMmB,YAAY,GAAAC,OAAA,CAAAD,YAAA,GAAG,IAAAE,yBAAM,EAACC,cAAM,CAAC,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,8CAItC,UAACC,KAAK;EAAA,OACN,CAACA,KAAK,CAACC,MAAM,QACbC,qBAAG
|
|
1
|
+
{"version":3,"file":"Styles.js","names":["_styledComponents","_interopRequireWildcard","require","_Choose","_Label","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","StyledChoose","exports","styled","Choose","withConfig","displayName","componentId","props","active","css","StyledVerticalContainer","div","StyledLabel","Label","$disabled","StyledRadioOption","StyledFlexContainer"],"sources":["../../../../src/components/ChooseV2/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\nimport { Choose } from \"../Choose/Choose\";\nimport { Label } from \"../Label\";\n\nexport const StyledChoose = styled(Choose)`\n flex-shrink: 0;\n white-space: nowrap;\n\n ${(props) =>\n !props.active &&\n css`\n &:not(:hover) {\n background-color: transparent !important;\n }\n `}\n`;\n\nStyledChoose.displayName = \"StyledChoose\";\n\nexport const StyledVerticalContainer = styled.div`\n display: flex;\n flex-direction: column;\n width: 100%;\n gap: 8px;\n`;\n\nStyledVerticalContainer.displayName = \"StyledVerticalContainer\";\n\nexport const StyledLabel = styled(Label)<{ $disabled?: boolean }>`\n ${(props) =>\n !props.$disabled\n ? css`\n cursor: pointer;\n `\n : css`\n cursor: not-allowed;\n `}\n`;\n\nStyledLabel.displayName = \"StyledLabel\";\n\nexport const StyledRadioOption = styled.div<{ $disabled?: boolean }>`\n display: flex;\n align-items: center;\n gap: 6px;\n\n ${(props) =>\n !props.$disabled\n ? css`\n cursor: pointer;\n `\n : css`\n cursor: not-allowed;\n `}\n\n &:hover {\n opacity: 0.8;\n }\n\n &[data-disabled=\"true\"] {\n opacity: 0.5;\n cursor: not-allowed;\n }\n`;\n\nStyledRadioOption.displayName = \"StyledRadioOption\";\n\nexport const StyledFlexContainer = styled.div`\n display: flex;\n width: 100%;\n`;\n\nStyledFlexContainer.displayName = \"StyledFlexContainer\";\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AAAiC,SAAAD,wBAAAI,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAN,uBAAA,YAAAA,wBAAAI,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,cAAAM,EAAA,IAAAd,CAAA,gBAAAc,EAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,EAAA,OAAAP,CAAA,IAAAD,CAAA,GAAAW,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAnB,CAAA,EAAAc,EAAA,OAAAP,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAM,EAAA,EAAAP,CAAA,IAAAC,CAAA,CAAAM,EAAA,IAAAd,CAAA,CAAAc,EAAA,WAAAN,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAE1B,IAAMmB,YAAY,GAAAC,OAAA,CAAAD,YAAA,GAAG,IAAAE,yBAAM,EAACC,cAAM,CAAC,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,8CAItC,UAACC,KAAK;EAAA,OACN,CAACA,KAAK,CAACC,MAAM,QACbC,qBAAG,8DAIF;AAAA,EACJ;AAEDT,YAAY,CAACK,WAAW,GAAG,cAAc;AAElC,IAAMK,uBAAuB,GAAAT,OAAA,CAAAS,uBAAA,GAAGR,yBAAM,CAACS,GAAG,CAAAP,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,8DAKhD;AAEDI,uBAAuB,CAACL,WAAW,GAAG,yBAAyB;AAExD,IAAMO,WAAW,GAAAX,OAAA,CAAAW,WAAA,GAAG,IAAAV,yBAAM,EAACW,YAAK,CAAC,CAAAT,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,aACpC,UAACC,KAAK;EAAA,OACN,CAACA,KAAK,CAACO,SAAS,OACZL,qBAAG,6BAGHA,qBAAG,0BAEF;AAAA,EACR;AAEDG,WAAW,CAACP,WAAW,GAAG,aAAa;AAEhC,IAAMU,iBAAiB,GAAAd,OAAA,CAAAc,iBAAA,GAAGb,yBAAM,CAACS,GAAG,CAAAP,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,qIAKvC,UAACC,KAAK;EAAA,OACN,CAACA,KAAK,CAACO,SAAS,OACZL,qBAAG,6BAGHA,qBAAG,0BAEF;AAAA,EAUR;AAEDM,iBAAiB,CAACV,WAAW,GAAG,mBAAmB;AAE5C,IAAMW,mBAAmB,GAAAf,OAAA,CAAAe,mBAAA,GAAGd,yBAAM,CAACS,GAAG,CAAAP,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,gCAG5C;AAEDU,mBAAmB,CAACX,WAAW,GAAG,qBAAqB","ignoreList":[]}
|
|
@@ -4,7 +4,7 @@ import { FontStyle } from "../FontStyle";
|
|
|
4
4
|
export const StyledChoose = styled.button.withConfig({
|
|
5
5
|
displayName: "Styles__StyledChoose",
|
|
6
6
|
componentId: "sc-1j2qv02-0"
|
|
7
|
-
})(["", " ", " ", " ", " height:32px;padding:0 16px;transition:all 0.3s ease;border:1px solid var(--border-primary);font-size:13px;transition-duration:0.3s;&:hover{
|
|
7
|
+
})(["", " ", " ", " ", " height:32px;padding:0 16px;transition:all 0.3s ease;border:1px solid var(--border-primary);font-size:13px;transition-duration:0.3s;&:hover{background-color:var(--color-primary-300);}", ""], {
|
|
8
8
|
"margin": "0px",
|
|
9
9
|
"display": "inline-block",
|
|
10
10
|
"verticalAlign": "middle",
|
|
@@ -19,11 +19,8 @@ export const StyledChoose = styled.button.withConfig({
|
|
|
19
19
|
"borderRadius": "0.5rem",
|
|
20
20
|
"textAlign": "center",
|
|
21
21
|
"color": "var(--color-theme-700)"
|
|
22
|
-
}, FontStyle, BoxSizingStyle, {
|
|
23
|
-
"
|
|
24
|
-
}, props => props.active && css(["", " background-color:var(--color-primary-300);"], {
|
|
25
|
-
"zIndex": "0",
|
|
26
|
-
"borderColor": "var(--color-primary)"
|
|
22
|
+
}, FontStyle, BoxSizingStyle, props => props.active && css(["", " color:var(--color-primary);background-color:var(--color-primary-300);"], {
|
|
23
|
+
"zIndex": "0"
|
|
27
24
|
}));
|
|
28
25
|
StyledChoose.displayName = "StyledChoose";
|
|
29
26
|
//# sourceMappingURL=Styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Styles.js","names":["styled","css","BoxSizingStyle","FontStyle","StyledChoose","button","withConfig","displayName","componentId","props","active"],"sources":["../../../../src/components/Choose/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\n\nimport { IChooseProps } from \"./Choose\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\n\nexport const StyledChoose = styled.button<IChooseProps>`\n ${tw`tw-antialiased tw-align-middle tw-font-medium tw-inline-block tw-leading-none tw-m-0 tw-no-underline`}\n ${tw`tw-select-none tw-cursor-pointer tw-text-center tw-rounded-lg tw-text-theme-700`}\n ${FontStyle}\n ${BoxSizingStyle}\n height: 32px;\n padding: 0 16px;\n transition: all 0.3s ease;\n border: 1px solid var(--border-primary);\n font-size: 13px;\n transition-duration: 0.3s;\n &:hover {\n
|
|
1
|
+
{"version":3,"file":"Styles.js","names":["styled","css","BoxSizingStyle","FontStyle","StyledChoose","button","withConfig","displayName","componentId","props","active"],"sources":["../../../../src/components/Choose/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\n\nimport { IChooseProps } from \"./Choose\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\n\nexport const StyledChoose = styled.button<IChooseProps>`\n ${tw`tw-antialiased tw-align-middle tw-font-medium tw-inline-block tw-leading-none tw-m-0 tw-no-underline`}\n ${tw`tw-select-none tw-cursor-pointer tw-text-center tw-rounded-lg tw-text-theme-700`}\n ${FontStyle}\n ${BoxSizingStyle}\n height: 32px;\n padding: 0 16px;\n transition: all 0.3s ease;\n border: 1px solid var(--border-primary);\n font-size: 13px;\n transition-duration: 0.3s;\n &:hover {\n background-color: var(--color-primary-300);\n }\n ${(props) =>\n props.active &&\n css`\n ${tw`tw-z-0`}\n color: var(--color-primary);\n background-color: var(--color-primary-300);\n `}\n`;\n\nStyledChoose.displayName = \"StyledChoose\";\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAI/C,SAASC,cAAc,QAAQ,mBAAmB;AAClD,SAASC,SAAS,QAAQ,cAAc;AAExC,OAAO,MAAMC,YAAY,GAAGJ,MAAM,CAACK,MAAM,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,uNACnC;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAqG,CAAC,EACtG;EAAA;EAAA;EAAA;EAAA;EAAA;AAAgF,CAAC,EACnFL,SAAS,EACTD,cAAc,EAUbO,KAAK,IACNA,KAAK,CAACC,MAAM,IACZT,GAAG,iFACG;EAAA;AAAO,CAAC,CAGb,CACJ;AAEDG,YAAY,CAACG,WAAW,GAAG,cAAc","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/ChooseV2/Styles.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,YAAY,
|
|
1
|
+
{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/ChooseV2/Styles.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,YAAY,4GAWxB,CAAC;AAIF,eAAO,MAAM,uBAAuB,oEAKnC,CAAC;AAIF,eAAO,MAAM,WAAW;gBAA+B,OAAO;SAS7D,CAAC;AAIF,eAAO,MAAM,iBAAiB;gBAA4B,OAAO;SAsBhE,CAAC;AAIF,eAAO,MAAM,mBAAmB,oEAG/B,CAAC"}
|
|
@@ -4,7 +4,7 @@ import { Label } from "../Label";
|
|
|
4
4
|
export const StyledChoose = styled(Choose).withConfig({
|
|
5
5
|
displayName: "Styles__StyledChoose",
|
|
6
6
|
componentId: "sc-uv67fb-0"
|
|
7
|
-
})(["flex-shrink:0;white-space:nowrap;", ""], props => !props.active && css(["background-color:transparent !important;"]));
|
|
7
|
+
})(["flex-shrink:0;white-space:nowrap;", ""], props => !props.active && css(["&:not(:hover){background-color:transparent !important;}"]));
|
|
8
8
|
StyledChoose.displayName = "StyledChoose";
|
|
9
9
|
export const StyledVerticalContainer = styled.div.withConfig({
|
|
10
10
|
displayName: "Styles__StyledVerticalContainer",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Styles.js","names":["styled","css","Choose","Label","StyledChoose","withConfig","displayName","componentId","props","active","StyledVerticalContainer","div","StyledLabel","$disabled","StyledRadioOption","StyledFlexContainer"],"sources":["../../../../src/components/ChooseV2/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\nimport { Choose } from \"../Choose/Choose\";\nimport { Label } from \"../Label\";\n\nexport const StyledChoose = styled(Choose)`\n flex-shrink: 0;\n white-space: nowrap;\n\n ${(props) =>\n !props.active &&\n css`\n background-color: transparent !important;\n `}\n`;\n\nStyledChoose.displayName = \"StyledChoose\";\n\nexport const StyledVerticalContainer = styled.div`\n display: flex;\n flex-direction: column;\n width: 100%;\n gap: 8px;\n`;\n\nStyledVerticalContainer.displayName = \"StyledVerticalContainer\";\n\nexport const StyledLabel = styled(Label)<{ $disabled?: boolean }>`\n ${(props) =>\n !props.$disabled\n ? css`\n cursor: pointer;\n `\n : css`\n cursor: not-allowed;\n `}\n`;\n\nStyledLabel.displayName = \"StyledLabel\";\n\nexport const StyledRadioOption = styled.div<{ $disabled?: boolean }>`\n display: flex;\n align-items: center;\n gap: 6px;\n\n ${(props) =>\n !props.$disabled\n ? css`\n cursor: pointer;\n `\n : css`\n cursor: not-allowed;\n `}\n\n &:hover {\n opacity: 0.8;\n }\n\n &[data-disabled=\"true\"] {\n opacity: 0.5;\n cursor: not-allowed;\n }\n`;\n\nStyledRadioOption.displayName = \"StyledRadioOption\";\n\nexport const StyledFlexContainer = styled.div`\n display: flex;\n width: 100%;\n`;\n\nStyledFlexContainer.displayName = \"StyledFlexContainer\";\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAE/C,SAASC,MAAM,QAAQ,kBAAkB;AACzC,SAASC,KAAK,QAAQ,UAAU;AAEhC,OAAO,MAAMC,YAAY,GAAGJ,MAAM,CAACE,MAAM,CAAC,CAAAG,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,8CAIrCC,KAAK,IACN,CAACA,KAAK,CAACC,MAAM,IACbR,GAAG,
|
|
1
|
+
{"version":3,"file":"Styles.js","names":["styled","css","Choose","Label","StyledChoose","withConfig","displayName","componentId","props","active","StyledVerticalContainer","div","StyledLabel","$disabled","StyledRadioOption","StyledFlexContainer"],"sources":["../../../../src/components/ChooseV2/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\nimport { Choose } from \"../Choose/Choose\";\nimport { Label } from \"../Label\";\n\nexport const StyledChoose = styled(Choose)`\n flex-shrink: 0;\n white-space: nowrap;\n\n ${(props) =>\n !props.active &&\n css`\n &:not(:hover) {\n background-color: transparent !important;\n }\n `}\n`;\n\nStyledChoose.displayName = \"StyledChoose\";\n\nexport const StyledVerticalContainer = styled.div`\n display: flex;\n flex-direction: column;\n width: 100%;\n gap: 8px;\n`;\n\nStyledVerticalContainer.displayName = \"StyledVerticalContainer\";\n\nexport const StyledLabel = styled(Label)<{ $disabled?: boolean }>`\n ${(props) =>\n !props.$disabled\n ? css`\n cursor: pointer;\n `\n : css`\n cursor: not-allowed;\n `}\n`;\n\nStyledLabel.displayName = \"StyledLabel\";\n\nexport const StyledRadioOption = styled.div<{ $disabled?: boolean }>`\n display: flex;\n align-items: center;\n gap: 6px;\n\n ${(props) =>\n !props.$disabled\n ? css`\n cursor: pointer;\n `\n : css`\n cursor: not-allowed;\n `}\n\n &:hover {\n opacity: 0.8;\n }\n\n &[data-disabled=\"true\"] {\n opacity: 0.5;\n cursor: not-allowed;\n }\n`;\n\nStyledRadioOption.displayName = \"StyledRadioOption\";\n\nexport const StyledFlexContainer = styled.div`\n display: flex;\n width: 100%;\n`;\n\nStyledFlexContainer.displayName = \"StyledFlexContainer\";\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAE/C,SAASC,MAAM,QAAQ,kBAAkB;AACzC,SAASC,KAAK,QAAQ,UAAU;AAEhC,OAAO,MAAMC,YAAY,GAAGJ,MAAM,CAACE,MAAM,CAAC,CAAAG,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,8CAIrCC,KAAK,IACN,CAACA,KAAK,CAACC,MAAM,IACbR,GAAG,6DAIF,CACJ;AAEDG,YAAY,CAACE,WAAW,GAAG,cAAc;AAEzC,OAAO,MAAMI,uBAAuB,GAAGV,MAAM,CAACW,GAAG,CAAAN,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,8DAKhD;AAEDG,uBAAuB,CAACJ,WAAW,GAAG,yBAAyB;AAE/D,OAAO,MAAMM,WAAW,GAAGZ,MAAM,CAACG,KAAK,CAAC,CAAAE,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,aACnCC,KAAK,IACN,CAACA,KAAK,CAACK,SAAS,GACZZ,GAAG,wBAGHA,GAAG,yBAEF,CACR;AAEDW,WAAW,CAACN,WAAW,GAAG,aAAa;AAEvC,OAAO,MAAMQ,iBAAiB,GAAGd,MAAM,CAACW,GAAG,CAAAN,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,qIAKtCC,KAAK,IACN,CAACA,KAAK,CAACK,SAAS,GACZZ,GAAG,wBAGHA,GAAG,yBAEF,CAUR;AAEDa,iBAAiB,CAACR,WAAW,GAAG,mBAAmB;AAEnD,OAAO,MAAMS,mBAAmB,GAAGf,MAAM,CAACW,GAAG,CAAAN,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,gCAG5C;AAEDQ,mBAAmB,CAACT,WAAW,GAAG,qBAAqB","ignoreList":[]}
|
package/dist/index.js
CHANGED
|
@@ -25038,7 +25038,7 @@
|
|
|
25038
25038
|
var StyledChoose$1 = styled__default["default"].button.withConfig({
|
|
25039
25039
|
displayName: "Styles__StyledChoose",
|
|
25040
25040
|
componentId: "sc-1j2qv02-0"
|
|
25041
|
-
})(["", " ", " ", " ", " height:32px;padding:0 16px;transition:all 0.3s ease;border:1px solid var(--border-primary);font-size:13px;transition-duration:0.3s;&:hover{
|
|
25041
|
+
})(["", " ", " ", " ", " height:32px;padding:0 16px;transition:all 0.3s ease;border:1px solid var(--border-primary);font-size:13px;transition-duration:0.3s;&:hover{background-color:var(--color-primary-300);}", ""], {
|
|
25042
25042
|
"margin": "0px",
|
|
25043
25043
|
"display": "inline-block",
|
|
25044
25044
|
"verticalAlign": "middle",
|
|
@@ -25053,12 +25053,9 @@
|
|
|
25053
25053
|
"borderRadius": "0.5rem",
|
|
25054
25054
|
"textAlign": "center",
|
|
25055
25055
|
"color": "var(--color-theme-700)"
|
|
25056
|
-
}, FontStyle, BoxSizingStyle, {
|
|
25057
|
-
"
|
|
25058
|
-
|
|
25059
|
-
return props.active && styled.css(["", " background-color:var(--color-primary-300);"], {
|
|
25060
|
-
"zIndex": "0",
|
|
25061
|
-
"borderColor": "var(--color-primary)"
|
|
25056
|
+
}, FontStyle, BoxSizingStyle, function (props) {
|
|
25057
|
+
return props.active && styled.css(["", " color:var(--color-primary);background-color:var(--color-primary-300);"], {
|
|
25058
|
+
"zIndex": "0"
|
|
25062
25059
|
});
|
|
25063
25060
|
});
|
|
25064
25061
|
StyledChoose$1.displayName = "StyledChoose";
|
|
@@ -25118,7 +25115,7 @@
|
|
|
25118
25115
|
displayName: "Styles__StyledChoose",
|
|
25119
25116
|
componentId: "sc-uv67fb-0"
|
|
25120
25117
|
})(["flex-shrink:0;white-space:nowrap;", ""], function (props) {
|
|
25121
|
-
return !props.active && styled.css(["background-color:transparent !important;"]);
|
|
25118
|
+
return !props.active && styled.css(["&:not(:hover){background-color:transparent !important;}"]);
|
|
25122
25119
|
});
|
|
25123
25120
|
StyledChoose.displayName = "StyledChoose";
|
|
25124
25121
|
var StyledVerticalContainer = styled__default["default"].div.withConfig({
|