@activecollab/components 1.0.9 → 1.0.13
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/Autocomplete/Autocomplete.js +3 -8
- package/dist/cjs/components/Autocomplete/Autocomplete.js.map +1 -1
- package/dist/cjs/components/Autocomplete/Styles.js +17 -4
- package/dist/cjs/components/Autocomplete/Styles.js.map +1 -1
- package/dist/cjs/components/Menu/Menu.js +2 -1
- package/dist/cjs/components/Menu/Menu.js.map +1 -1
- package/dist/cjs/components/Pickers/Styles.js +5 -3
- package/dist/cjs/components/Pickers/Styles.js.map +1 -1
- package/dist/cjs/components/ScrollShadow/ScrollShadow.js.map +1 -1
- package/dist/cjs/components/SelectDate/DatePickerForm.js +4 -2
- package/dist/cjs/components/SelectDate/DatePickerForm.js.map +1 -1
- package/dist/cjs/components/SelectDate/Styles.js +4 -4
- package/dist/cjs/components/SelectDate/Styles.js.map +1 -1
- package/dist/cjs/components/Steppers/DateStepper/Styles.js +2 -2
- package/dist/cjs/components/Steppers/DateStepper/Styles.js.map +1 -1
- package/dist/esm/components/Autocomplete/Autocomplete.d.ts.map +1 -1
- package/dist/esm/components/Autocomplete/Autocomplete.js +4 -7
- package/dist/esm/components/Autocomplete/Autocomplete.js.map +1 -1
- package/dist/esm/components/Autocomplete/Styles.d.ts +4 -0
- package/dist/esm/components/Autocomplete/Styles.d.ts.map +1 -1
- package/dist/esm/components/Autocomplete/Styles.js +13 -3
- package/dist/esm/components/Autocomplete/Styles.js.map +1 -1
- package/dist/esm/components/Menu/Menu.d.ts +1 -0
- package/dist/esm/components/Menu/Menu.d.ts.map +1 -1
- package/dist/esm/components/Menu/Menu.js +3 -3
- package/dist/esm/components/Menu/Menu.js.map +1 -1
- package/dist/esm/components/Pickers/Styles.d.ts.map +1 -1
- package/dist/esm/components/Pickers/Styles.js +5 -3
- package/dist/esm/components/Pickers/Styles.js.map +1 -1
- package/dist/esm/components/ScrollShadow/ScrollShadow.d.ts +1 -2
- package/dist/esm/components/ScrollShadow/ScrollShadow.d.ts.map +1 -1
- package/dist/esm/components/ScrollShadow/ScrollShadow.js.map +1 -1
- package/dist/esm/components/SelectDate/DatePickerForm.d.ts.map +1 -1
- package/dist/esm/components/SelectDate/DatePickerForm.js +3 -2
- package/dist/esm/components/SelectDate/DatePickerForm.js.map +1 -1
- package/dist/esm/components/SelectDate/Styles.d.ts +1 -1
- package/dist/esm/components/SelectDate/Styles.d.ts.map +1 -1
- package/dist/esm/components/SelectDate/Styles.js +2 -3
- package/dist/esm/components/SelectDate/Styles.js.map +1 -1
- package/dist/esm/components/Steppers/DateStepper/Styles.d.ts.map +1 -1
- package/dist/esm/components/Steppers/DateStepper/Styles.js +2 -2
- package/dist/esm/components/Steppers/DateStepper/Styles.js.map +1 -1
- package/dist/index.js +227 -216
- 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 +2 -3
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/SelectDate/Styles.ts"],"names":["styled","css","FontStyle","BoxSizingStyle","ConfirmDialog","
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/SelectDate/Styles.ts"],"names":["styled","css","FontStyle","BoxSizingStyle","ConfirmDialog","Button","StyledSelectDate","div","displayName","StyledSelectDateButton","button","StyledConfirmDialog","StyledSelectDateDatePicker","StyledSelectDateFooter","props","$mode","StyledSelectDateButtons","StyledButtonSave","StyledButtonClose","StyledButtonCloseColored","StyledIconComponent","svg"],"mappings":"AAAA,OAAOA,MAAP,IAAiBC,GAAjB,QAA4B,mBAA5B;AAEA,SAASC,SAAT,QAA0B,cAA1B;AACA,SAASC,cAAT,QAA+B,mBAA/B;AACA,SAASC,aAAT,QAA8B,kBAA9B;AACA,SAASC,MAAT,QAAuB,kBAAvB;AAEA,OAAO,IAAMC,gBAAgB,GAAGN,MAAM,CAACO,GAAV;AAAA;AAAA;AAAA,kBACzBL,SADyB,EAEzBC,cAFyB,CAAtB;AAKPG,gBAAgB,CAACE,WAAjB,GAA+B,kBAA/B;AAEA,OAAO,IAAMC,sBAAsB,GAAGT,MAAM,CAACU,MAAV;AAAA;AAAA;AAAA,8MAA5B;AAqBPD,sBAAsB,CAACD,WAAvB,GAAqC,wBAArC;AAEA,OAAO,IAAMG,mBAAmB,GAAGX,MAAM,CAACI,aAAD,CAAT;AAAA;AAAA;AAAA,2MAAzB;AAoBPO,mBAAmB,CAACH,WAApB,GAAkC,qBAAlC;AAEA,OAAO,IAAMI,0BAA0B,GAAGZ,MAAM,CAACO,GAAV;AAAA;AAAA;AAAA,wBACjC;AAAA;AAAA;AAAA,CADiC,CAAhC;AAKPK,0BAA0B,CAACJ,WAA3B,GAAyC,4BAAzC;AAEA,OAAO,IAAMK,sBAAsB,GAAGb,MAAM,CAACO,GAAV;AAAA;AAAA;AAAA,6DAG7B;AAAA;AAAA;AAAA;AAAA;AAAA,CAH6B,EAM/B,UAACO,KAAD;AAAA,SACAA,KAAK,CAACC,KAAN,KAAgB,SAAhB,IACAd,GADA,WAEM;AAAA;AAAA,GAFN,CADA;AAAA,CAN+B,CAA5B;AAaPY,sBAAsB,CAACL,WAAvB,GAAqC,wBAArC;AAEA,OAAO,IAAMQ,uBAAuB,GAAGhB,MAAM,CAACO,GAAV;AAAA;AAAA;AAAA,aAC9B;AAAA;AAAA,CAD8B,CAA7B;AAIPS,uBAAuB,CAACR,WAAxB,GAAsC,yBAAtC;AAEA,OAAO,IAAMS,gBAAgB,GAAGjB,MAAM,CAACK,MAAD,CAAT;AAAA;AAAA;AAAA,aACvB;AAAA;AAAA,CADuB,CAAtB;AAIPY,gBAAgB,CAACT,WAAjB,GAA+B,kBAA/B;AAEA,OAAO,IAAMU,iBAAiB,GAAGlB,MAAM,CAACK,MAAD,CAAT;AAAA;AAAA;AAAA,aACxB;AAAA;AAAA,CADwB,CAAvB;AAIPa,iBAAiB,CAACV,WAAlB,GAAgC,mBAAhC;AAEA,OAAO,IAAMW,wBAAwB,GAAGnB,MAAM,CAACK,MAAD,CAAT;AAAA;AAAA;AAAA,aAC/B;AAAA;AAAA;AAAA,CAD+B,CAA9B;AAIPc,wBAAwB,CAACX,WAAzB,GAAuC,0BAAvC;AAEA,OAAO,IAAMY,mBAAmB,GAAGpB,MAAM,CAACqB,GAAV;AAAA;AAAA;AAAA,2GAAzB;AAaPD,mBAAmB,CAACZ,WAApB,GAAkC,qBAAlC","sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { FontStyle } from \"../FontStyle\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { ConfirmDialog } from \"../ConfirmDialog\";\nimport { Button } from \"../Button/Button\";\n\nexport const StyledSelectDate = styled.div`\n ${FontStyle}\n ${BoxSizingStyle}\n`;\n\nStyledSelectDate.displayName = \"StyledSelectDate\";\n\nexport const StyledSelectDateButton = styled.button`\n margin: 0;\n padding: 0;\n border: none;\n background: none;\n width: auto;\n height: auto;\n color: var(--color-theme-700);\n\n span,\n svg {\n cursor: pointer;\n }\n span {\n color: var(--color-secondary);\n }\n svg:hover {\n fill: var(--color-secondary);\n }\n`;\n\nStyledSelectDateButton.displayName = \"StyledSelectDateButton\";\n\nexport const StyledConfirmDialog = styled(ConfirmDialog)`\n .modal-header {\n padding: 16px 30px;\n h1 {\n margin: 0;\n font-size: 16px;\n }\n }\n .modal-body {\n padding: 10px 30px;\n }\n .modal-divider {\n border-top: 1px solid var(--border-primary);\n height: 1px;\n }\n .modal-footer {\n padding: 16px 30px;\n }\n`;\n\nStyledConfirmDialog.displayName = \"StyledConfirmDialog\";\n\nexport const StyledSelectDateDatePicker = styled.div`\n ${tw`tw-pt-4 tw-pb-2`}\n color: red;\n`;\n\nStyledSelectDateDatePicker.displayName = \"StyledSelectDateDatePicker\";\n\nexport const StyledSelectDateFooter = styled.div<{\n $mode?: \"atomic\" | \"instant\";\n}>`\n ${tw`tw-px-4 tw-py-2`}\n border-top: 1px solid var(--border-primary);\n\n ${(props) =>\n props.$mode === \"instant\" &&\n css`\n ${tw`tw-flex`}\n `}\n`;\n\nStyledSelectDateFooter.displayName = \"StyledSelectDateFooter\";\n\nexport const StyledSelectDateButtons = styled.div`\n ${tw`tw-flex`}\n`;\n\nStyledSelectDateButtons.displayName = \"StyledSelectDateButtons\";\n\nexport const StyledButtonSave = styled(Button)`\n ${tw`tw-mr-2`}\n`;\n\nStyledButtonSave.displayName = \"StyledButtonSave\";\n\nexport const StyledButtonClose = styled(Button)`\n ${tw`tw-ml-auto`}\n`;\n\nStyledButtonClose.displayName = \"StyledButtonClose\";\n\nexport const StyledButtonCloseColored = styled(Button)`\n ${tw`tw-ml-auto tw-mr-auto`}\n`;\n\nStyledButtonCloseColored.displayName = \"StyledButtonCloseColored\";\n\nexport const StyledIconComponent = styled.svg`\n span,\n svg {\n cursor: pointer;\n }\n span {\n color: var(--color-secondary);\n }\n svg:hover {\n fill: var(--color-secondary);\n }\n`;\n\nStyledIconComponent.displayName = \"StyledIconComponent\";\n"],"file":"Styles.js"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Steppers/DateStepper/Styles.ts"],"names":[],"mappings":";AAOA,eAAO,MAAM,YAAY,uEAkDxB,CAAC;AAEF,eAAO,MAAM,UAAU,6GAOtB,CAAC;AAEF,eAAO,MAAM,iBAAiB,+TAQ7B,CAAC;AAEF,eAAO,MAAM,UAAU,qEAGtB,CAAC;AAEF,UAAU,SAAS;IACjB,aAAa,EAAE,OAAO,CAAC;IACvB,UAAU,EAAE,OAAO,CAAC;CACrB;AAED,eAAO,MAAM,SAAS,
|
|
1
|
+
{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Steppers/DateStepper/Styles.ts"],"names":[],"mappings":";AAOA,eAAO,MAAM,YAAY,uEAkDxB,CAAC;AAEF,eAAO,MAAM,UAAU,6GAOtB,CAAC;AAEF,eAAO,MAAM,iBAAiB,+TAQ7B,CAAC;AAEF,eAAO,MAAM,UAAU,qEAGtB,CAAC;AAEF,UAAU,SAAS;IACjB,aAAa,EAAE,OAAO,CAAC;IACvB,UAAU,EAAE,OAAO,CAAC;CACrB;AAED,eAAO,MAAM,SAAS,2EAmErB,CAAC"}
|
|
@@ -6,7 +6,7 @@ import { Menu } from "../../Menu";
|
|
|
6
6
|
export var StyledButton = styled.button.withConfig({
|
|
7
7
|
displayName: "Styles__StyledButton",
|
|
8
8
|
componentId: "sc-1v8h7mt-0"
|
|
9
|
-
})(["", " ", " color:var(--color-theme-700);margin:0;padding:0;background:none;width:
|
|
9
|
+
})(["", " ", " color:var(--color-theme-700);margin:0;padding:0;background:none;width:100%;height:auto;border:none;height:30px;transition:all 0.3s ease;", " svg{fill:currentColor;}&::-moz-focus-inner{border:0;}&:focus{outline:none;}&:hover{text-decoration:none;}&:disabled{cursor:default;opacity:50%;pointer-events:none;}"], FontStyle, BoxSizingStyle, {
|
|
10
10
|
"position": "relative",
|
|
11
11
|
"WebkitFontSmoothing": "antialiased",
|
|
12
12
|
"MozOsxFontSmoothing": "grayscale",
|
|
@@ -43,7 +43,7 @@ export var StyledSpan = styled.span.withConfig({
|
|
|
43
43
|
export var StyledDiv = styled.div.withConfig({
|
|
44
44
|
displayName: "Styles__StyledDiv",
|
|
45
45
|
componentId: "sc-1v8h7mt-4"
|
|
46
|
-
})(["", " ", " ", " height:32px;transition:all 0.3s ease;
|
|
46
|
+
})(["", " ", " ", " height:32px;transition:all 0.3s ease;background-color:transparent;border:solid 1px var(--color-theme-700);color:var(--color-theme-700);margin-right:-1px;svg{fill:currentColor;}&::-moz-focus-inner{border:0;}&:focus{outline:none;}&:disabled{cursor:default;opacity:50%;pointer-events:none;}&:hover{border-color:var(--color-primary);color:var(--color-primary);text-decoration:none;}&:active{border-color:var(--color-primary);color:var(--color-primary);background-color:var(--color-primary-200);}"], function (props) {
|
|
47
47
|
return props.$isTargetable && css(["", ""], {
|
|
48
48
|
"pointerEvents": "none"
|
|
49
49
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../src/components/Steppers/DateStepper/Styles.ts"],"names":["styled","css","ButtonGroup","FontStyle","BoxSizingStyle","Menu","StyledButton","button","StyledMenu","StyledButtonGroup","StyledSpan","span","StyledDiv","div","props","$isTargetable","$isRounded","displayName"],"mappings":"AAAA,OAAOA,MAAP,IAAiBC,GAAjB,QAA4B,mBAA5B;AACA,SAASC,WAAT,QAA4B,mBAA5B;AACA,SAASC,SAAT,QAA0B,iBAA1B;AACA,SAASC,cAAT,QAA+B,sBAA/B;AAEA,SAASC,IAAT,QAAqB,YAArB;AAEA,OAAO,IAAMC,YAAY,GAAGN,MAAM,CAACO,MAAV;AAAA;AAAA;AAAA,oUACrBJ,SADqB,EAErBC,cAFqB,EAcnB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAdmB,CAAlB;AAoDP,OAAO,IAAMI,UAAU,GAAGR,MAAM,CAACK,IAAD,CAAT;AAAA;AAAA;AAAA,aACjB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CADiB,CAAhB;AASP,OAAO,IAAMI,iBAAiB,GAAGT,MAAM,CAACE,WAAD,CAAT;AAAA;AAAA;AAAA,uDAC1BC,SAD0B,EAE1BC,cAF0B,CAAvB;AAUP,OAAO,IAAMM,UAAU,GAAGV,MAAM,CAACW,IAAV;AAAA;AAAA;AAAA,sDAAhB;AAUP,OAAO,IAAMC,SAAS,GAAGZ,MAAM,CAACa,GAAV;AAAA;AAAA;AAAA,
|
|
1
|
+
{"version":3,"sources":["../../../../../src/components/Steppers/DateStepper/Styles.ts"],"names":["styled","css","ButtonGroup","FontStyle","BoxSizingStyle","Menu","StyledButton","button","StyledMenu","StyledButtonGroup","StyledSpan","span","StyledDiv","div","props","$isTargetable","$isRounded","displayName"],"mappings":"AAAA,OAAOA,MAAP,IAAiBC,GAAjB,QAA4B,mBAA5B;AACA,SAASC,WAAT,QAA4B,mBAA5B;AACA,SAASC,SAAT,QAA0B,iBAA1B;AACA,SAASC,cAAT,QAA+B,sBAA/B;AAEA,SAASC,IAAT,QAAqB,YAArB;AAEA,OAAO,IAAMC,YAAY,GAAGN,MAAM,CAACO,MAAV;AAAA;AAAA;AAAA,oUACrBJ,SADqB,EAErBC,cAFqB,EAcnB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAdmB,CAAlB;AAoDP,OAAO,IAAMI,UAAU,GAAGR,MAAM,CAACK,IAAD,CAAT;AAAA;AAAA;AAAA,aACjB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CADiB,CAAhB;AASP,OAAO,IAAMI,iBAAiB,GAAGT,MAAM,CAACE,WAAD,CAAT;AAAA;AAAA;AAAA,uDAC1BC,SAD0B,EAE1BC,cAF0B,CAAvB;AAUP,OAAO,IAAMM,UAAU,GAAGV,MAAM,CAACW,IAAV;AAAA;AAAA;AAAA,sDAAhB;AAUP,OAAO,IAAMC,SAAS,GAAGZ,MAAM,CAACa,GAAV;AAAA;AAAA;AAAA,mgBAClB,UAACC,KAAD;AAAA,SACAA,KAAK,CAACC,aAAN,IACAd,GADA,WAEM;AAAA;AAAA,GAFN,CADA;AAAA,CADkB,EAOlB,UAACa,KAAD;AAAA,SACAA,KAAK,CAACE,UAAN,IACAf,GADA,yCADA;AAAA,CAPkB,EAahB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAbgB,CAAf;AAqEPQ,iBAAiB,CAACQ,WAAlB,GAAgC,mBAAhC;AACAP,UAAU,CAACO,WAAX,GAAyB,YAAzB;AACAL,SAAS,CAACK,WAAV,GAAwB,WAAxB;AACAT,UAAU,CAACS,WAAX,GAAyB,YAAzB;AACAX,YAAY,CAACW,WAAb,GAA2B,cAA3B","sourcesContent":["import styled, { css } from \"styled-components\";\nimport { ButtonGroup } from \"../../ButtonGroup\";\nimport { FontStyle } from \"../../FontStyle\";\nimport { BoxSizingStyle } from \"../../BoxSizingStyle\";\nimport tw from \"twin.macro\";\nimport { Menu } from \"../../Menu\";\n\nexport const StyledButton = styled.button`\n ${FontStyle}\n ${BoxSizingStyle}\n\n color: var(--color-theme-700);\n margin: 0;\n padding: 0;\n background: none;\n width: 100%;\n height: auto;\n border: none;\n height: 30px;\n transition: all 0.3s ease;\n\n ${tw`\n tw-relative\n tw-antialiased\n tw-align-middle\n tw-font-medium\n tw-inline-block\n tw-leading-none\n tw-m-0\n tw-no-underline\n tw-text-sm\n tw-select-none\n tw-cursor-pointer\n tw-text-center\n `}\n\n svg {\n fill: currentColor;\n }\n\n &::-moz-focus-inner {\n border: 0;\n }\n\n &:focus {\n outline: none;\n }\n\n &:hover {\n text-decoration: none;\n }\n\n &:disabled {\n cursor: default;\n opacity: 50%;\n pointer-events: none;\n }\n`;\n\nexport const StyledMenu = styled(Menu)`\n ${tw`\n tw-w-auto\n tw-h-auto\n tw-py-4\n tw-px-2\n `}\n`;\n\nexport const StyledButtonGroup = styled(ButtonGroup)`\n ${FontStyle}\n ${BoxSizingStyle}\n\n button {\n position: relative;\n z-index: 1;\n }\n`;\n\nexport const StyledSpan = styled.span`\n line-height: 30px;\n color: var(--color-theme-700);\n`;\n\ninterface StyledDiv {\n $isTargetable: boolean;\n $isRounded: boolean;\n}\n\nexport const StyledDiv = styled.div<StyledDiv>`\n ${(props) =>\n props.$isTargetable &&\n css`\n ${tw`tw-pointer-events-none`}\n `}\n\n ${(props) =>\n props.$isRounded &&\n css`\n border-radius: var(--ac-br-rounded);\n `}\n\n ${tw`\n tw-relative\n tw-text-center\n tw-p-0\n tw-antialiased\n tw-align-middle\n tw-font-medium\n tw-inline-block\n tw-leading-none\n tw-m-0\n tw-no-underline\n tw-text-sm\n tw-select-none\n tw-cursor-pointer\n tw-border\n tw-border-solid\n `}\n\n height: 32px;\n transition: all 0.3s ease;\n background-color: transparent;\n border: solid 1px var(--color-theme-700);\n color: var(--color-theme-700);\n margin-right: -1px;\n\n svg {\n fill: currentColor;\n }\n\n &::-moz-focus-inner {\n border: 0;\n }\n\n &:focus {\n outline: none;\n }\n\n &:disabled {\n cursor: default;\n opacity: 50%;\n pointer-events: none;\n }\n\n &:hover {\n border-color: var(--color-primary);\n color: var(--color-primary);\n text-decoration: none;\n }\n\n &:active {\n border-color: var(--color-primary);\n color: var(--color-primary);\n background-color: var(--color-primary-200);\n }\n`;\n\nStyledButtonGroup.displayName = \"StyledButtonGroup\";\nStyledSpan.displayName = \"StyledSpan\";\nStyledDiv.displayName = \"StyledDiv\";\nStyledMenu.displayName = \"StyledMenu\";\nStyledButton.displayName = \"StyledButton\";\n"],"file":"Styles.js"}
|