@activecollab/components 1.0.12 → 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/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/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/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/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 +13 -10
- 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
|
@@ -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"}
|
package/dist/index.js
CHANGED
|
@@ -1106,7 +1106,7 @@
|
|
|
1106
1106
|
var StyledMonth = styled__default["default"].div.withConfig({
|
|
1107
1107
|
displayName: "Styles__StyledMonth",
|
|
1108
1108
|
componentId: "sc-1owijsg-3"
|
|
1109
|
-
})(["width:26%;transition-duration:0.3s;", " ", " ", " ", ""], {
|
|
1109
|
+
})(["width:26%;transition-duration:0.3s;", " ", " ", " ", " ", ""], {
|
|
1110
1110
|
"margin": "auto",
|
|
1111
1111
|
"cursor": "pointer",
|
|
1112
1112
|
"borderRadius": "1rem",
|
|
@@ -1118,9 +1118,11 @@
|
|
|
1118
1118
|
"color": "var(--color-theme-100)"
|
|
1119
1119
|
});
|
|
1120
1120
|
}, function (props) {
|
|
1121
|
-
return props.$isCurrent && styled.css(["", ""], {
|
|
1121
|
+
return props.$isCurrent && !props.$isSelected && styled.css(["", ""], {
|
|
1122
1122
|
"color": "var(--color-primary)"
|
|
1123
1123
|
});
|
|
1124
|
+
}, function (props) {
|
|
1125
|
+
return props.$isCurrent && props.$isSelected && styled.css(["color:var(--color-theme-100);"]);
|
|
1124
1126
|
}, function (props) {
|
|
1125
1127
|
return props.$isCurrentQuarter && styled.css(["background-color:var(--color-primary-300);"]);
|
|
1126
1128
|
});
|
|
@@ -1138,7 +1140,7 @@
|
|
|
1138
1140
|
var StyledYearMonthPickerNavBarItem = styled__default["default"].span.withConfig({
|
|
1139
1141
|
displayName: "Styles__StyledYearMonthPickerNavBarItem",
|
|
1140
1142
|
componentId: "sc-1owijsg-6"
|
|
1141
|
-
})(["", " transition-duration:0.3s;&:hover{background-color:var(--color-primary-300);border-radius:15px;}"], {
|
|
1143
|
+
})(["", " transition-duration:0.3s;margin-top:1px;display:inline-block;height:24px;&:hover{background-color:var(--color-primary-300);border-radius:15px;}"], {
|
|
1142
1144
|
"paddingLeft": "1rem",
|
|
1143
1145
|
"paddingRight": "1rem",
|
|
1144
1146
|
"cursor": "pointer"
|
|
@@ -1872,6 +1874,7 @@
|
|
|
1872
1874
|
_ref$position = _ref.position,
|
|
1873
1875
|
position = _ref$position === void 0 ? "bottom-start" : _ref$position,
|
|
1874
1876
|
target = _ref.target,
|
|
1877
|
+
className = _ref.className,
|
|
1875
1878
|
menuClassName = _ref.menuClassName,
|
|
1876
1879
|
popperClassName = _ref.popperClassName,
|
|
1877
1880
|
backgroundElementClass = _ref.backgroundElementClass,
|
|
@@ -1933,7 +1936,7 @@
|
|
|
1933
1936
|
className: popperClassName,
|
|
1934
1937
|
tabIndex: -1
|
|
1935
1938
|
}, /*#__PURE__*/React__default["default"].createElement(StyledMenu$1, {
|
|
1936
|
-
className: classnames__default["default"]("c-simple-menu__paper", "c-simple-menu__".concat(mode), menuClassName),
|
|
1939
|
+
className: classnames__default["default"]("c-simple-menu__paper", "c-simple-menu__".concat(mode), menuClassName, className),
|
|
1937
1940
|
$mode: mode,
|
|
1938
1941
|
onMouseDown: onMenuClick
|
|
1939
1942
|
}, /*#__PURE__*/React__default["default"].createElement(MenuContextProvider, {
|
|
@@ -1990,7 +1993,7 @@
|
|
|
1990
1993
|
var StyledButton = styled__default["default"].button.withConfig({
|
|
1991
1994
|
displayName: "Styles__StyledButton",
|
|
1992
1995
|
componentId: "sc-1v8h7mt-0"
|
|
1993
|
-
})(["", " ", " color:var(--color-theme-700);margin:0;padding:0;background:none;width:
|
|
1996
|
+
})(["", " ", " 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, {
|
|
1994
1997
|
"position": "relative",
|
|
1995
1998
|
"WebkitFontSmoothing": "antialiased",
|
|
1996
1999
|
"MozOsxFontSmoothing": "grayscale",
|
|
@@ -2027,7 +2030,7 @@
|
|
|
2027
2030
|
var StyledDiv = styled__default["default"].div.withConfig({
|
|
2028
2031
|
displayName: "Styles__StyledDiv",
|
|
2029
2032
|
componentId: "sc-1v8h7mt-4"
|
|
2030
|
-
})(["", " ", " ", " height:32px;transition:all 0.3s ease;
|
|
2033
|
+
})(["", " ", " ", " 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) {
|
|
2031
2034
|
return props.$isTargetable && styled.css(["", ""], {
|
|
2032
2035
|
"pointerEvents": "none"
|
|
2033
2036
|
});
|
|
@@ -8363,10 +8366,10 @@
|
|
|
8363
8366
|
componentId: "sc-1jkx994-2"
|
|
8364
8367
|
})([".modal-header{padding:16px 30px;h1{margin:0;font-size:16px;}}.modal-body{padding:10px 30px;}.modal-divider{border-top:1px solid var(--border-primary);height:1px;}.modal-footer{padding:16px 30px;}"]);
|
|
8365
8368
|
StyledConfirmDialog.displayName = "StyledConfirmDialog";
|
|
8366
|
-
var StyledSelectDateDatePicker = styled__default["default"]
|
|
8369
|
+
var StyledSelectDateDatePicker = styled__default["default"].div.withConfig({
|
|
8367
8370
|
displayName: "Styles__StyledSelectDateDatePicker",
|
|
8368
8371
|
componentId: "sc-1jkx994-3"
|
|
8369
|
-
})(["", ""], {
|
|
8372
|
+
})(["", " color:red;"], {
|
|
8370
8373
|
"paddingTop": "1rem",
|
|
8371
8374
|
"paddingBottom": "0.5rem"
|
|
8372
8375
|
});
|
|
@@ -8457,7 +8460,7 @@
|
|
|
8457
8460
|
onKeyDown: handleOnKeyDown,
|
|
8458
8461
|
tabIndex: -1,
|
|
8459
8462
|
className: "date-picker-form"
|
|
8460
|
-
}, /*#__PURE__*/React__default["default"].createElement(StyledSelectDateDatePicker, {
|
|
8463
|
+
}, /*#__PURE__*/React__default["default"].createElement(StyledSelectDateDatePicker, null, /*#__PURE__*/React__default["default"].createElement(DatePicker, {
|
|
8461
8464
|
month: month,
|
|
8462
8465
|
onMonthChange: onMonthChange,
|
|
8463
8466
|
onChange: onChange,
|
|
@@ -8469,7 +8472,7 @@
|
|
|
8469
8472
|
modifiers: modifiers,
|
|
8470
8473
|
renderDay: renderDay,
|
|
8471
8474
|
localeUtils: MomentLocaleUtils__default["default"]
|
|
8472
|
-
}), mode === "atomic" || !dateRequired ? /*#__PURE__*/React__default["default"].createElement(StyledSelectDateFooter, {
|
|
8475
|
+
})), mode === "atomic" || !dateRequired ? /*#__PURE__*/React__default["default"].createElement(StyledSelectDateFooter, {
|
|
8473
8476
|
className: "date-picker-footer",
|
|
8474
8477
|
$mode: mode
|
|
8475
8478
|
}, mode === "atomic" ? /*#__PURE__*/React__default["default"].createElement(StyledSelectDateButtons, {
|