@activecollab/components 1.0.332 → 1.0.333
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/Checkbox/Styles.js +1 -1
- package/dist/cjs/components/Checkbox/Styles.js.map +1 -1
- package/dist/esm/components/Checkbox/Styles.d.ts.map +1 -1
- package/dist/esm/components/Checkbox/Styles.js +1 -1
- package/dist/esm/components/Checkbox/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
|
@@ -11,7 +11,7 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
|
|
|
11
11
|
var StyledInput = _styledComponents.default.input.withConfig({
|
|
12
12
|
displayName: "Styles__StyledInput",
|
|
13
13
|
componentId: "sc-y7zymm-0"
|
|
14
|
-
})(["opacity:0;position:absolute;
|
|
14
|
+
})(["border:0px;clip:rect(0px,0px,0px,0px);cursor:pointer;height:1px;margin:-1px;opacity:0;overflow:hidden;padding:0px;position:absolute;white-space:nowrap;width:1px;"]);
|
|
15
15
|
exports.StyledInput = StyledInput;
|
|
16
16
|
StyledInput.displayName = "StyledInput";
|
|
17
17
|
var StyledLabel = _styledComponents.default.label.withConfig({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Styles.js","names":["StyledInput","styled","input","displayName","StyledLabel","label","StyledCheckbox","div","props","isIndeterminate","css","hover"],"sources":["../../../../src/components/Checkbox/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport type { CheckBoxProps } from \"./Checkbox\";\n\nexport const StyledInput = styled.input`\n opacity: 0;\n position: absolute;\n
|
|
1
|
+
{"version":3,"file":"Styles.js","names":["StyledInput","styled","input","displayName","StyledLabel","label","StyledCheckbox","div","props","isIndeterminate","css","hover"],"sources":["../../../../src/components/Checkbox/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport type { CheckBoxProps } from \"./Checkbox\";\n\nexport const StyledInput = styled.input`\n border: 0px;\n clip: rect(0px, 0px, 0px, 0px);\n cursor: pointer;\n height: 1px;\n margin: -1px;\n opacity: 0;\n overflow: hidden;\n padding: 0px;\n position: absolute;\n white-space: nowrap;\n width: 1px;\n`;\nStyledInput.displayName = \"StyledInput\";\n\nexport const StyledLabel = styled.label``;\nStyledLabel.displayName = \"StyledLabel\";\n\nexport const StyledCheckbox = styled.div<Partial<CheckBoxProps>>`\n height: 16px;\n width: 16px;\n position: relative;\n transition-duration: 0.2s;\n border-radius: 2px;\n\n path {\n transition-duration: 0.2s;\n stroke: transparent;\n stroke-dashoffset: 12;\n stroke-dasharray: 12;\n }\n svg {\n cursor: pointer;\n border-radius: 2px;\n fill: transparent;\n }\n\n rect {\n transition-duration: 0.2s;\n\n ${(props) =>\n !props.isIndeterminate &&\n css`\n stroke: var(--color-theme-500);\n `}\n\n ${(props) =>\n props.isIndeterminate &&\n css`\n stroke: transparent;\n `}\n }\n\n ${StyledInput}:disabled ~ ${StyledLabel} {\n pointer-events: none;\n opacity: 0.5;\n }\n\n ${StyledInput}:focus ~ ${StyledLabel} {\n rect {\n stroke: var(--color-secondary);\n stroke-width: 3px;\n }\n }\n\n // prettier-ignore\n &:not(.c-checkbox__controlled) ${StyledInput}:hover:not(:checked) ~ ${StyledLabel} {\n path {\n stroke: var(--color-secondary-500);\n stroke-dashoffset: 24;\n }\n rect {\n stroke: var(--color-secondary);\n\n ${(props) =>\n props.isIndeterminate &&\n css`\n stroke: transparent;\n `}\n stroke-width: 3px;\n }\n }\n\n ${(props) =>\n props.hover &&\n css`\n ${StyledInput}:not(:checked) ~ ${StyledLabel} {\n path {\n stroke: var(--color-secondary-500);\n stroke-dashoffset: 24;\n }\n rect {\n stroke: var(--color-secondary);\n stroke-width: 3px;\n }\n }\n `}\n\n ${StyledInput}:checked ~ ${StyledLabel} {\n path {\n ${(props) =>\n !props.isIndeterminate &&\n css`\n stroke: var(--page-paper-main);\n stroke-dashoffset: 24;\n `}\n }\n rect {\n stroke: var(--color-secondary);\n stroke-width: 19px;\n\n ${(props) =>\n props.isIndeterminate &&\n css`\n stroke: transparent;\n `}\n }\n }\n`;\nStyledCheckbox.displayName = \"StyledCheckbox\";\n"],"mappings":";;;;;;;AAAA;AAAgD;AAAA;AAGzC,IAAMA,WAAW,GAAGC,yBAAM,CAACC,KAAK;EAAA;EAAA;AAAA,yKAYtC;AAAC;AACFF,WAAW,CAACG,WAAW,GAAG,aAAa;AAEhC,IAAMC,WAAW,GAAGH,yBAAM,CAACI,KAAK;EAAA;EAAA;AAAA,QAAE;AAAC;AAC1CD,WAAW,CAACD,WAAW,GAAG,aAAa;AAEhC,IAAMG,cAAc,GAAGL,yBAAM,CAACM,GAAG;EAAA;EAAA;AAAA,0qBAsBlC,UAACC,KAAK;EAAA,OACN,CAACA,KAAK,CAACC,eAAe,QACtBC,qBAAG,qCAEF;AAAA,GAED,UAACF,KAAK;EAAA,OACNA,KAAK,CAACC,eAAe,QACrBC,qBAAG,0BAEF;AAAA,GAGHV,WAAW,EAAeI,WAAW,EAKrCJ,WAAW,EAAYI,WAAW,EAQHJ,WAAW,EAA0BI,WAAW,EAQ3E,UAACI,KAAK;EAAA,OACVA,KAAK,CAACC,eAAe,QACrBC,qBAAG,0BAEF;AAAA,GAKD,UAACF,KAAK;EAAA,OACNA,KAAK,CAACG,KAAK,QACXD,qBAAG,qJACCV,WAAW,EAAoBI,WAAW,CAU7C;AAAA,GAEDJ,WAAW,EAAcI,WAAW,EAEhC,UAACI,KAAK;EAAA,OACN,CAACA,KAAK,CAACC,eAAe,QACtBC,qBAAG,0DAGF;AAAA,GAMD,UAACF,KAAK;EAAA,OACNA,KAAK,CAACC,eAAe,QACrBC,qBAAG,0BAEF;AAAA,EAGR;AAAC;AACFJ,cAAc,CAACH,WAAW,GAAG,gBAAgB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Checkbox/Styles.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAEhD,eAAO,MAAM,WAAW,
|
|
1
|
+
{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Checkbox/Styles.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAEhD,eAAO,MAAM,WAAW,sEAYvB,CAAC;AAGF,eAAO,MAAM,WAAW,sEAAiB,CAAC;AAG1C,eAAO,MAAM,cAAc,wFAoG1B,CAAC"}
|
|
@@ -2,7 +2,7 @@ import styled, { css } from "styled-components";
|
|
|
2
2
|
export var StyledInput = styled.input.withConfig({
|
|
3
3
|
displayName: "Styles__StyledInput",
|
|
4
4
|
componentId: "sc-y7zymm-0"
|
|
5
|
-
})(["opacity:0;position:absolute;
|
|
5
|
+
})(["border:0px;clip:rect(0px,0px,0px,0px);cursor:pointer;height:1px;margin:-1px;opacity:0;overflow:hidden;padding:0px;position:absolute;white-space:nowrap;width:1px;"]);
|
|
6
6
|
StyledInput.displayName = "StyledInput";
|
|
7
7
|
export var StyledLabel = styled.label.withConfig({
|
|
8
8
|
displayName: "Styles__StyledLabel",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Styles.js","names":["styled","css","StyledInput","input","displayName","StyledLabel","label","StyledCheckbox","div","props","isIndeterminate","hover"],"sources":["../../../../src/components/Checkbox/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport type { CheckBoxProps } from \"./Checkbox\";\n\nexport const StyledInput = styled.input`\n opacity: 0;\n position: absolute;\n
|
|
1
|
+
{"version":3,"file":"Styles.js","names":["styled","css","StyledInput","input","displayName","StyledLabel","label","StyledCheckbox","div","props","isIndeterminate","hover"],"sources":["../../../../src/components/Checkbox/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport type { CheckBoxProps } from \"./Checkbox\";\n\nexport const StyledInput = styled.input`\n border: 0px;\n clip: rect(0px, 0px, 0px, 0px);\n cursor: pointer;\n height: 1px;\n margin: -1px;\n opacity: 0;\n overflow: hidden;\n padding: 0px;\n position: absolute;\n white-space: nowrap;\n width: 1px;\n`;\nStyledInput.displayName = \"StyledInput\";\n\nexport const StyledLabel = styled.label``;\nStyledLabel.displayName = \"StyledLabel\";\n\nexport const StyledCheckbox = styled.div<Partial<CheckBoxProps>>`\n height: 16px;\n width: 16px;\n position: relative;\n transition-duration: 0.2s;\n border-radius: 2px;\n\n path {\n transition-duration: 0.2s;\n stroke: transparent;\n stroke-dashoffset: 12;\n stroke-dasharray: 12;\n }\n svg {\n cursor: pointer;\n border-radius: 2px;\n fill: transparent;\n }\n\n rect {\n transition-duration: 0.2s;\n\n ${(props) =>\n !props.isIndeterminate &&\n css`\n stroke: var(--color-theme-500);\n `}\n\n ${(props) =>\n props.isIndeterminate &&\n css`\n stroke: transparent;\n `}\n }\n\n ${StyledInput}:disabled ~ ${StyledLabel} {\n pointer-events: none;\n opacity: 0.5;\n }\n\n ${StyledInput}:focus ~ ${StyledLabel} {\n rect {\n stroke: var(--color-secondary);\n stroke-width: 3px;\n }\n }\n\n // prettier-ignore\n &:not(.c-checkbox__controlled) ${StyledInput}:hover:not(:checked) ~ ${StyledLabel} {\n path {\n stroke: var(--color-secondary-500);\n stroke-dashoffset: 24;\n }\n rect {\n stroke: var(--color-secondary);\n\n ${(props) =>\n props.isIndeterminate &&\n css`\n stroke: transparent;\n `}\n stroke-width: 3px;\n }\n }\n\n ${(props) =>\n props.hover &&\n css`\n ${StyledInput}:not(:checked) ~ ${StyledLabel} {\n path {\n stroke: var(--color-secondary-500);\n stroke-dashoffset: 24;\n }\n rect {\n stroke: var(--color-secondary);\n stroke-width: 3px;\n }\n }\n `}\n\n ${StyledInput}:checked ~ ${StyledLabel} {\n path {\n ${(props) =>\n !props.isIndeterminate &&\n css`\n stroke: var(--page-paper-main);\n stroke-dashoffset: 24;\n `}\n }\n rect {\n stroke: var(--color-secondary);\n stroke-width: 19px;\n\n ${(props) =>\n props.isIndeterminate &&\n css`\n stroke: transparent;\n `}\n }\n }\n`;\nStyledCheckbox.displayName = \"StyledCheckbox\";\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAG/C,OAAO,IAAMC,WAAW,GAAGF,MAAM,CAACG,KAAK;EAAA;EAAA;AAAA,yKAYtC;AACDD,WAAW,CAACE,WAAW,GAAG,aAAa;AAEvC,OAAO,IAAMC,WAAW,GAAGL,MAAM,CAACM,KAAK;EAAA;EAAA;AAAA,QAAE;AACzCD,WAAW,CAACD,WAAW,GAAG,aAAa;AAEvC,OAAO,IAAMG,cAAc,GAAGP,MAAM,CAACQ,GAAG;EAAA;EAAA;AAAA,0qBAsBlC,UAACC,KAAK;EAAA,OACN,CAACA,KAAK,CAACC,eAAe,IACtBT,GAAG,oCAEF;AAAA,GAED,UAACQ,KAAK;EAAA,OACNA,KAAK,CAACC,eAAe,IACrBT,GAAG,yBAEF;AAAA,GAGHC,WAAW,EAAeG,WAAW,EAKrCH,WAAW,EAAYG,WAAW,EAQHH,WAAW,EAA0BG,WAAW,EAQ3E,UAACI,KAAK;EAAA,OACVA,KAAK,CAACC,eAAe,IACrBT,GAAG,yBAEF;AAAA,GAKD,UAACQ,KAAK;EAAA,OACNA,KAAK,CAACE,KAAK,IACXV,GAAG,oJACCC,WAAW,EAAoBG,WAAW,CAU7C;AAAA,GAEDH,WAAW,EAAcG,WAAW,EAEhC,UAACI,KAAK;EAAA,OACN,CAACA,KAAK,CAACC,eAAe,IACtBT,GAAG,yDAGF;AAAA,GAMD,UAACQ,KAAK;EAAA,OACNA,KAAK,CAACC,eAAe,IACrBT,GAAG,yBAEF;AAAA,EAGR;AACDM,cAAc,CAACH,WAAW,GAAG,gBAAgB"}
|
package/dist/index.js
CHANGED
|
@@ -10130,7 +10130,7 @@
|
|
|
10130
10130
|
var StyledInput$3 = styled__default["default"].input.withConfig({
|
|
10131
10131
|
displayName: "Styles__StyledInput",
|
|
10132
10132
|
componentId: "sc-y7zymm-0"
|
|
10133
|
-
})(["opacity:0;position:absolute;
|
|
10133
|
+
})(["border:0px;clip:rect(0px,0px,0px,0px);cursor:pointer;height:1px;margin:-1px;opacity:0;overflow:hidden;padding:0px;position:absolute;white-space:nowrap;width:1px;"]);
|
|
10134
10134
|
StyledInput$3.displayName = "StyledInput";
|
|
10135
10135
|
var StyledLabel = styled__default["default"].label.withConfig({
|
|
10136
10136
|
displayName: "Styles__StyledLabel",
|