@activecollab/components 1.0.36 → 1.0.37
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/RadioButton/Styles.js +1 -1
- package/dist/cjs/components/RadioButton/Styles.js.map +1 -1
- package/dist/esm/components/RadioButton/Styles.js +1 -1
- package/dist/esm/components/RadioButton/Styles.js.map +1 -1
- package/dist/index.js +1 -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
|
@@ -18,7 +18,7 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
|
|
|
18
18
|
var StyledRadioInput = _styledComponents.default.input.withConfig({
|
|
19
19
|
displayName: "Styles__StyledRadioInput",
|
|
20
20
|
componentId: "sc-1xh9uc2-0"
|
|
21
|
-
})(["display
|
|
21
|
+
})(["display:none;"]);
|
|
22
22
|
|
|
23
23
|
exports.StyledRadioInput = StyledRadioInput;
|
|
24
24
|
StyledRadioInput.displayName = "StyledRadioInput";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/RadioButton/Styles.ts"],"names":["StyledRadioInput","styled","input","displayName","StyledRadioLabel","label","StyledRadioButton","div","BoxSizingStyle","props","$isControlled","css","$isHovered"],"mappings":";;;;;;;;;AAAA;;AAEA;;;;;;AAEO,IAAMA,gBAAgB,GAAGC,0BAAOC,KAAV;AAAA;AAAA;AAAA,qBAAtB;;;AAIPF,gBAAgB,CAACG,WAAjB,GAA+B,kBAA/B;;AAEO,IAAMC,gBAAgB,GAAGH,0BAAOI,KAAV;AAAA;AAAA;AAAA,aACvB;AAAA;AAAA;AAAA,CADuB,CAAtB;;;AAIPD,gBAAgB,CAACD,WAAjB,GAA+B,kBAA/B;;AAOO,IAAMG,iBAAiB,GAAGL,0BAAOM,GAAV;AAAA;AAAA;AAAA,ojBAC1BC,8BAD0B,EAExB;AAAA;AAAA;AAAA,CAFwB,EAyBZJ,gBAzBY,EA+BTA,gBA/BS,EAoC1B,UAACK,KAAD;AAAA,SACAA,KAAK,CAACC,aAAN,KAAwB,IAAxB,QACAC,qBADA,oHAEkBP,gBAFlB,CADA;AAAA,CApC0B,EAiD1B,UAACK,KAAD;AAAA,SACAA,KAAK,CAACG,UAAN,QACAD,qBADA,sGAEIP,gBAFJ,CADA;AAAA,CAjD0B,EA8DVA,gBA9DU,CAAvB;;;AAyEPE,iBAAiB,CAACH,WAAlB,GAAgC,mBAAhC","sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\n\nexport const StyledRadioInput = styled.input`\n display none;\n`;\n\nStyledRadioInput.displayName = \"StyledRadioInput\";\n\nexport const StyledRadioLabel = styled.label`\n ${tw`tw-inline-flex tw-items-center`}\n`;\n\nStyledRadioLabel.displayName = \"StyledRadioLabel\";\n\nexport interface IStyledRadioButton {\n $isHovered?: boolean;\n $isControlled?: boolean;\n}\n\nexport const StyledRadioButton = styled.div<IStyledRadioButton>`\n ${BoxSizingStyle}\n ${tw`tw-inline-flex tw-items-center`}\n\n height: 16px;\n width: 16px;\n position: relative;\n\n svg {\n cursor: pointer;\n fill: transparent;\n }\n\n circle:first-child {\n transition-duration: 0.2s;\n stroke: var(--color-theme-500);\n }\n\n circle:last-child {\n transition-duration: 0.2s;\n transform-origin: center;\n transform: scale(0);\n fill: var(--color-secondary-500);\n }\n\n input:focus ~ ${StyledRadioLabel} {\n circle:first-child {\n stroke: var(--color-secondary);\n }\n }\n\n input:disabled ~ ${StyledRadioLabel} {\n pointer-events: none;\n opacity: 0.5;\n }\n\n ${(props) =>\n props.$isControlled !== true &&\n css`\n input:hover ~ ${StyledRadioLabel} {\n circle:first-child {\n stroke: var(--color-secondary);\n }\n circle:last-child {\n transform: scale(1);\n }\n }\n `}\n\n ${(props) =>\n props.$isHovered &&\n css`\n ${StyledRadioLabel} {\n circle:first-child {\n stroke: var(--color-secondary);\n }\n circle:last-child {\n transform: scale(1);\n }\n }\n `}\n\n input:checked ~ ${StyledRadioLabel} {\n circle:first-child {\n stroke: var(--color-secondary);\n }\n circle:last-child {\n transform: scale(1);\n fill: var(--color-secondary);\n }\n }\n`;\n\nStyledRadioButton.displayName = \"StyledRadioButton\";\n"],"file":"Styles.js"}
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/RadioButton/Styles.ts"],"names":["StyledRadioInput","styled","input","displayName","StyledRadioLabel","label","StyledRadioButton","div","BoxSizingStyle","props","$isControlled","css","$isHovered"],"mappings":";;;;;;;;;AAAA;;AAEA;;;;;;AAEO,IAAMA,gBAAgB,GAAGC,0BAAOC,KAAV;AAAA;AAAA;AAAA,qBAAtB;;;AAIPF,gBAAgB,CAACG,WAAjB,GAA+B,kBAA/B;;AAEO,IAAMC,gBAAgB,GAAGH,0BAAOI,KAAV;AAAA;AAAA;AAAA,aACvB;AAAA;AAAA;AAAA,CADuB,CAAtB;;;AAIPD,gBAAgB,CAACD,WAAjB,GAA+B,kBAA/B;;AAOO,IAAMG,iBAAiB,GAAGL,0BAAOM,GAAV;AAAA;AAAA;AAAA,ojBAC1BC,8BAD0B,EAExB;AAAA;AAAA;AAAA,CAFwB,EAyBZJ,gBAzBY,EA+BTA,gBA/BS,EAoC1B,UAACK,KAAD;AAAA,SACAA,KAAK,CAACC,aAAN,KAAwB,IAAxB,QACAC,qBADA,oHAEkBP,gBAFlB,CADA;AAAA,CApC0B,EAiD1B,UAACK,KAAD;AAAA,SACAA,KAAK,CAACG,UAAN,QACAD,qBADA,sGAEIP,gBAFJ,CADA;AAAA,CAjD0B,EA8DVA,gBA9DU,CAAvB;;;AAyEPE,iBAAiB,CAACH,WAAlB,GAAgC,mBAAhC","sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\n\nexport const StyledRadioInput = styled.input`\n display: none;\n`;\n\nStyledRadioInput.displayName = \"StyledRadioInput\";\n\nexport const StyledRadioLabel = styled.label`\n ${tw`tw-inline-flex tw-items-center`}\n`;\n\nStyledRadioLabel.displayName = \"StyledRadioLabel\";\n\nexport interface IStyledRadioButton {\n $isHovered?: boolean;\n $isControlled?: boolean;\n}\n\nexport const StyledRadioButton = styled.div<IStyledRadioButton>`\n ${BoxSizingStyle}\n ${tw`tw-inline-flex tw-items-center`}\n\n height: 16px;\n width: 16px;\n position: relative;\n\n svg {\n cursor: pointer;\n fill: transparent;\n }\n\n circle:first-child {\n transition-duration: 0.2s;\n stroke: var(--color-theme-500);\n }\n\n circle:last-child {\n transition-duration: 0.2s;\n transform-origin: center;\n transform: scale(0);\n fill: var(--color-secondary-500);\n }\n\n input:focus ~ ${StyledRadioLabel} {\n circle:first-child {\n stroke: var(--color-secondary);\n }\n }\n\n input:disabled ~ ${StyledRadioLabel} {\n pointer-events: none;\n opacity: 0.5;\n }\n\n ${(props) =>\n props.$isControlled !== true &&\n css`\n input:hover ~ ${StyledRadioLabel} {\n circle:first-child {\n stroke: var(--color-secondary);\n }\n circle:last-child {\n transform: scale(1);\n }\n }\n `}\n\n ${(props) =>\n props.$isHovered &&\n css`\n ${StyledRadioLabel} {\n circle:first-child {\n stroke: var(--color-secondary);\n }\n circle:last-child {\n transform: scale(1);\n }\n }\n `}\n\n input:checked ~ ${StyledRadioLabel} {\n circle:first-child {\n stroke: var(--color-secondary);\n }\n circle:last-child {\n transform: scale(1);\n fill: var(--color-secondary);\n }\n }\n`;\n\nStyledRadioButton.displayName = \"StyledRadioButton\";\n"],"file":"Styles.js"}
|
|
@@ -3,7 +3,7 @@ import { BoxSizingStyle } from "../BoxSizingStyle";
|
|
|
3
3
|
export var StyledRadioInput = styled.input.withConfig({
|
|
4
4
|
displayName: "Styles__StyledRadioInput",
|
|
5
5
|
componentId: "sc-1xh9uc2-0"
|
|
6
|
-
})(["display
|
|
6
|
+
})(["display:none;"]);
|
|
7
7
|
StyledRadioInput.displayName = "StyledRadioInput";
|
|
8
8
|
export var StyledRadioLabel = styled.label.withConfig({
|
|
9
9
|
displayName: "Styles__StyledRadioLabel",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/RadioButton/Styles.ts"],"names":["styled","css","BoxSizingStyle","StyledRadioInput","input","displayName","StyledRadioLabel","label","StyledRadioButton","div","props","$isControlled","$isHovered"],"mappings":"AAAA,OAAOA,MAAP,IAAiBC,GAAjB,QAA4B,mBAA5B;AAEA,SAASC,cAAT,QAA+B,mBAA/B;AAEA,OAAO,IAAMC,gBAAgB,GAAGH,MAAM,CAACI,KAAV;AAAA;AAAA;AAAA,qBAAtB;AAIPD,gBAAgB,CAACE,WAAjB,GAA+B,kBAA/B;AAEA,OAAO,IAAMC,gBAAgB,GAAGN,MAAM,CAACO,KAAV;AAAA;AAAA;AAAA,aACvB;AAAA;AAAA;AAAA,CADuB,CAAtB;AAIPD,gBAAgB,CAACD,WAAjB,GAA+B,kBAA/B;AAOA,OAAO,IAAMG,iBAAiB,GAAGR,MAAM,CAACS,GAAV;AAAA;AAAA;AAAA,ojBAC1BP,cAD0B,EAExB;AAAA;AAAA;AAAA,CAFwB,EAyBZI,gBAzBY,EA+BTA,gBA/BS,EAoC1B,UAACI,KAAD;AAAA,SACAA,KAAK,CAACC,aAAN,KAAwB,IAAxB,IACAV,GADA,mHAEkBK,gBAFlB,CADA;AAAA,CApC0B,EAiD1B,UAACI,KAAD;AAAA,SACAA,KAAK,CAACE,UAAN,IACAX,GADA,qGAEIK,gBAFJ,CADA;AAAA,CAjD0B,EA8DVA,gBA9DU,CAAvB;AAyEPE,iBAAiB,CAACH,WAAlB,GAAgC,mBAAhC","sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\n\nexport const StyledRadioInput = styled.input`\n display none;\n`;\n\nStyledRadioInput.displayName = \"StyledRadioInput\";\n\nexport const StyledRadioLabel = styled.label`\n ${tw`tw-inline-flex tw-items-center`}\n`;\n\nStyledRadioLabel.displayName = \"StyledRadioLabel\";\n\nexport interface IStyledRadioButton {\n $isHovered?: boolean;\n $isControlled?: boolean;\n}\n\nexport const StyledRadioButton = styled.div<IStyledRadioButton>`\n ${BoxSizingStyle}\n ${tw`tw-inline-flex tw-items-center`}\n\n height: 16px;\n width: 16px;\n position: relative;\n\n svg {\n cursor: pointer;\n fill: transparent;\n }\n\n circle:first-child {\n transition-duration: 0.2s;\n stroke: var(--color-theme-500);\n }\n\n circle:last-child {\n transition-duration: 0.2s;\n transform-origin: center;\n transform: scale(0);\n fill: var(--color-secondary-500);\n }\n\n input:focus ~ ${StyledRadioLabel} {\n circle:first-child {\n stroke: var(--color-secondary);\n }\n }\n\n input:disabled ~ ${StyledRadioLabel} {\n pointer-events: none;\n opacity: 0.5;\n }\n\n ${(props) =>\n props.$isControlled !== true &&\n css`\n input:hover ~ ${StyledRadioLabel} {\n circle:first-child {\n stroke: var(--color-secondary);\n }\n circle:last-child {\n transform: scale(1);\n }\n }\n `}\n\n ${(props) =>\n props.$isHovered &&\n css`\n ${StyledRadioLabel} {\n circle:first-child {\n stroke: var(--color-secondary);\n }\n circle:last-child {\n transform: scale(1);\n }\n }\n `}\n\n input:checked ~ ${StyledRadioLabel} {\n circle:first-child {\n stroke: var(--color-secondary);\n }\n circle:last-child {\n transform: scale(1);\n fill: var(--color-secondary);\n }\n }\n`;\n\nStyledRadioButton.displayName = \"StyledRadioButton\";\n"],"file":"Styles.js"}
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/RadioButton/Styles.ts"],"names":["styled","css","BoxSizingStyle","StyledRadioInput","input","displayName","StyledRadioLabel","label","StyledRadioButton","div","props","$isControlled","$isHovered"],"mappings":"AAAA,OAAOA,MAAP,IAAiBC,GAAjB,QAA4B,mBAA5B;AAEA,SAASC,cAAT,QAA+B,mBAA/B;AAEA,OAAO,IAAMC,gBAAgB,GAAGH,MAAM,CAACI,KAAV;AAAA;AAAA;AAAA,qBAAtB;AAIPD,gBAAgB,CAACE,WAAjB,GAA+B,kBAA/B;AAEA,OAAO,IAAMC,gBAAgB,GAAGN,MAAM,CAACO,KAAV;AAAA;AAAA;AAAA,aACvB;AAAA;AAAA;AAAA,CADuB,CAAtB;AAIPD,gBAAgB,CAACD,WAAjB,GAA+B,kBAA/B;AAOA,OAAO,IAAMG,iBAAiB,GAAGR,MAAM,CAACS,GAAV;AAAA;AAAA;AAAA,ojBAC1BP,cAD0B,EAExB;AAAA;AAAA;AAAA,CAFwB,EAyBZI,gBAzBY,EA+BTA,gBA/BS,EAoC1B,UAACI,KAAD;AAAA,SACAA,KAAK,CAACC,aAAN,KAAwB,IAAxB,IACAV,GADA,mHAEkBK,gBAFlB,CADA;AAAA,CApC0B,EAiD1B,UAACI,KAAD;AAAA,SACAA,KAAK,CAACE,UAAN,IACAX,GADA,qGAEIK,gBAFJ,CADA;AAAA,CAjD0B,EA8DVA,gBA9DU,CAAvB;AAyEPE,iBAAiB,CAACH,WAAlB,GAAgC,mBAAhC","sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\n\nexport const StyledRadioInput = styled.input`\n display: none;\n`;\n\nStyledRadioInput.displayName = \"StyledRadioInput\";\n\nexport const StyledRadioLabel = styled.label`\n ${tw`tw-inline-flex tw-items-center`}\n`;\n\nStyledRadioLabel.displayName = \"StyledRadioLabel\";\n\nexport interface IStyledRadioButton {\n $isHovered?: boolean;\n $isControlled?: boolean;\n}\n\nexport const StyledRadioButton = styled.div<IStyledRadioButton>`\n ${BoxSizingStyle}\n ${tw`tw-inline-flex tw-items-center`}\n\n height: 16px;\n width: 16px;\n position: relative;\n\n svg {\n cursor: pointer;\n fill: transparent;\n }\n\n circle:first-child {\n transition-duration: 0.2s;\n stroke: var(--color-theme-500);\n }\n\n circle:last-child {\n transition-duration: 0.2s;\n transform-origin: center;\n transform: scale(0);\n fill: var(--color-secondary-500);\n }\n\n input:focus ~ ${StyledRadioLabel} {\n circle:first-child {\n stroke: var(--color-secondary);\n }\n }\n\n input:disabled ~ ${StyledRadioLabel} {\n pointer-events: none;\n opacity: 0.5;\n }\n\n ${(props) =>\n props.$isControlled !== true &&\n css`\n input:hover ~ ${StyledRadioLabel} {\n circle:first-child {\n stroke: var(--color-secondary);\n }\n circle:last-child {\n transform: scale(1);\n }\n }\n `}\n\n ${(props) =>\n props.$isHovered &&\n css`\n ${StyledRadioLabel} {\n circle:first-child {\n stroke: var(--color-secondary);\n }\n circle:last-child {\n transform: scale(1);\n }\n }\n `}\n\n input:checked ~ ${StyledRadioLabel} {\n circle:first-child {\n stroke: var(--color-secondary);\n }\n circle:last-child {\n transform: scale(1);\n fill: var(--color-secondary);\n }\n }\n`;\n\nStyledRadioButton.displayName = \"StyledRadioButton\";\n"],"file":"Styles.js"}
|
package/dist/index.js
CHANGED
|
@@ -3732,7 +3732,7 @@
|
|
|
3732
3732
|
var StyledRadioInput = styled__default["default"].input.withConfig({
|
|
3733
3733
|
displayName: "Styles__StyledRadioInput",
|
|
3734
3734
|
componentId: "sc-1xh9uc2-0"
|
|
3735
|
-
})(["display
|
|
3735
|
+
})(["display:none;"]);
|
|
3736
3736
|
StyledRadioInput.displayName = "StyledRadioInput";
|
|
3737
3737
|
var StyledRadioLabel = styled__default["default"].label.withConfig({
|
|
3738
3738
|
displayName: "Styles__StyledRadioLabel",
|