npm - @activecollab/components - Versions diffs - 2.0.376 → 2.0.378 - Mend

@activecollab/components 2.0.376 → 2.0.378

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.

Files changed (41) hide show

package/dist/cjs/components/DatePicker/Styles.js +2 -1
package/dist/cjs/components/DatePicker/Styles.js.map +1 -1
package/dist/cjs/components/GlobalStyle.js +2 -1
package/dist/cjs/components/GlobalStyle.js.map +1 -1
package/dist/cjs/components/Loaders/Skeleton/Styles.js +2 -1
package/dist/cjs/components/Loaders/Skeleton/Styles.js.map +1 -1
package/dist/cjs/components/Tables/Styles.js +3 -2
package/dist/cjs/components/Tables/Styles.js.map +1 -1
package/dist/cjs/presentation/shared/PresentationShell.js +1 -1
package/dist/cjs/presentation/shared/PresentationShell.js.map +1 -1
package/dist/cjs/utils/index.js +12 -0
package/dist/cjs/utils/index.js.map +1 -1
package/dist/cjs/utils/themes.js +59 -0
package/dist/cjs/utils/themes.js.map +1 -0
package/dist/esm/components/DatePicker/Styles.d.ts.map +1 -1
package/dist/esm/components/DatePicker/Styles.js +2 -1
package/dist/esm/components/DatePicker/Styles.js.map +1 -1
package/dist/esm/components/GlobalStyle.d.ts.map +1 -1
package/dist/esm/components/GlobalStyle.js +2 -1
package/dist/esm/components/GlobalStyle.js.map +1 -1
package/dist/esm/components/Loaders/Skeleton/Styles.d.ts.map +1 -1
package/dist/esm/components/Loaders/Skeleton/Styles.js +2 -1
package/dist/esm/components/Loaders/Skeleton/Styles.js.map +1 -1
package/dist/esm/components/Tables/Styles.d.ts.map +1 -1
package/dist/esm/components/Tables/Styles.js +3 -2
package/dist/esm/components/Tables/Styles.js.map +1 -1
package/dist/esm/presentation/shared/PresentationShell.js +2 -2
package/dist/esm/presentation/shared/PresentationShell.js.map +1 -1
package/dist/esm/utils/index.d.ts +1 -0
package/dist/esm/utils/index.d.ts.map +1 -1
package/dist/esm/utils/index.js +1 -0
package/dist/esm/utils/index.js.map +1 -1
package/dist/esm/utils/themes.d.ts +12 -0
package/dist/esm/utils/themes.d.ts.map +1 -0
package/dist/esm/utils/themes.js +43 -0
package/dist/esm/utils/themes.js.map +1 -0
package/dist/index.js +64 -5
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

package/dist/cjs/components/DatePicker/Styles.js CHANGED Viewed

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.StyledYearSelect = exports.StyledYearOption = exports.StyledMonthSelector = exports.StyledMonthSelect = exports.StyledMonthOption = exports.StyledDaysOfWeek = exports.StyledDayName = exports.StyledDatePickerWrapper = exports.StyledDatePickerContainerInner = exports.StyledControlsLeft = exports.StyledControls = exports.StyledConfirmDialog = exports.StyledClearInstantButton = exports.StyledCaption = exports.StyledCalendarSelector = exports.StyledCalendarHeader = exports.StyledCalendarDates = exports.StyledCalendarDate = void 0;
 var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _themes = require("../../utils/themes");
 var _Button = require("../Button");
 var _ConfirmDialog = require("../ConfirmDialog");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
@@ -16,7 +17,7 @@ StyledConfirmDialog.displayName = "StyledConfirmDialog";
 var StyledDatePickerContainerInner = exports.StyledDatePickerContainerInner = _styledComponents.default.div.withConfig({
   displayName: "Styles__StyledDatePickerContainerInner",
   componentId: "sc-18towna-1"
-})(["& > *{font-family:-apple-system,BlinkMacSystemFont,\"Inter\",\"Roboto\",\"Helvetica Neue\",Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}&{@keyframes slide-up{from{transform:translateY(0);opacity:1;}to{transform:translateY(-20px);opacity:0;}}@keyframes slide-down{from{transform:translateY(0);opacity:1;}to{transform:translateY(20px);opacity:0;}}.slide-up{animation:slide-up 0.3s ease-in-out;}.slide-down{animation:slide-down 0.3s ease-in-out;}.today-day{position:relative;&::after{position:absolute;content:\"\";bottom:2px;height:3px;width:3px;border-radius:3px;margin:0 auto;left:0;right:0;background:var(--color-primary);}}.today-day,.today-month,.today-year{color:var(--color-primary);background-color:none;}.selected{background-color:var(--color-primary) !important;color:var(--color-theme-100) !important;}.disabled{pointer-events:none;color:var(--color-theme-500);}.hovered{background-color:var(--color-primary-300);}}.userAvailability,.nonWorkingDaysOfWeek{color:var(--red-alert);&.hovered:hover:not(.selected){background-color:rgba(237,97,97,0.1);color:var(--red-alert);}&.today-day{color:var(--red-alert);&:after{background-color:var(--red-alert);}&.hovered:hover:not(.selected):after{background-color:var(--red-alert);}}}.selected{background-color:var(--color-primary);color:var(--color-theme-100);&.today-day{color:var(--color-theme-100);&:after{background-color:var(--color-theme-100);}}&.userAvailability,&.nonWorkingDaysOfWeek{background-color:var(--red-alert) !important;color:var(--color-theme-100) !important;}}.nonWorkingDay{color:var(--color-theme-500);&.hovered:hover:not(.selected){color:var(--color-theme-500);}&.today-day{color:var(--color-primary-500);&:after{background-color:var(--color-primary-500);}&.hovered:hover:not(.selected){color:var(--color-theme-500);&:after{background-color:var(--color-theme-500);}}}&.userAvailability,&.nonWorkingDaysOfWeek{&.hovered:hover:not(.selected){color:var(--color-theme-500);background-color:var(--color-primary-300);&.today-day:after{background-color:var(--color-theme-500);}}}&.selected{color:rgba(255,255,255,0.6);background-color:var(--color-primary);.neon &{color:rgba(0,0,0,0.4);}&.today-day{color:rgba(255,255,255,0.6);.neon &{color:rgba(0,0,0,0.4);}&:after{background-color:rgba(255,255,255,0.6);.neon &{background-color:rgba(0,0,0,0.4);}}}}}.disabled{cursor:default;color:var(--color-theme-500);&.hovered:hover{color:var(--color-theme-500);}}.outside{cursor:default;opacity:0.25;color:var(--color-theme-900);&.userAvailability.hovered:hover:not(.selected),&.nonWorkingDaysOfWeek.hovered:hover:not(.selected){background:var(--color-primary-300);}&.userAvailability:not(.selected),&.nonWorkingDaysOfWeek:not(.selected),&.userAvailability.hovered:hover:not(.selected),&.nonWorkingDaysOfWeek.hovered:hover:not(.selected),&.nonWorkingDay.hovered:hover:not(.selected),&.nonWorkingDay:not(.selected),&.today-day.hovered:hover:not(.selected),&.today-day:not(.selected){color:var(--color-theme-900);}&.userAvailability.today-day:not(.selected):after,&.nonWorkingDaysOfWeek.today-day:not(.selected):after,&.userAvailability.today-day.hovered:hover:not(.selected):after,&.nonWorkingDaysOfWeek.today-day.hovered:hover:not(.selected):after,&.nonWorkingDay.today-day:not(.selected):after,&.nonWorkingDay.today-day.hovered:hover:not(.selected):after,&.today-day.hovered:hover:not(.selected):after,&.today-day:not(.selected):after{background-color:var(--color-theme-900);}&.hovered:hover:not(.selected){background:var(--color-primary-400);}&.selected{color:var(--page-paper-main);background:var(--color-primary);.neon &{color:var(--page-paper-main);}&.today-day{&:after{background:var(--page-paper-main);.neon &{background:var(--page-paper-main);}}&.nonWorkingDay{color:var(--page-paper-main);.neon &{color:var(--page-paper-main);}}}}}"]);
+})(["& > *{font-family:-apple-system,BlinkMacSystemFont,\"Inter\",\"Roboto\",\"Helvetica Neue\",Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}&{@keyframes slide-up{from{transform:translateY(0);opacity:1;}to{transform:translateY(-20px);opacity:0;}}@keyframes slide-down{from{transform:translateY(0);opacity:1;}to{transform:translateY(20px);opacity:0;}}.slide-up{animation:slide-up 0.3s ease-in-out;}.slide-down{animation:slide-down 0.3s ease-in-out;}.today-day{position:relative;&::after{position:absolute;content:\"\";bottom:2px;height:3px;width:3px;border-radius:3px;margin:0 auto;left:0;right:0;background:var(--color-primary);}}.today-day,.today-month,.today-year{color:var(--color-primary);background-color:none;}.selected{background-color:var(--color-primary) !important;color:var(--color-theme-100) !important;}.disabled{pointer-events:none;color:var(--color-theme-500);}.hovered{background-color:var(--color-primary-300);}}.userAvailability,.nonWorkingDaysOfWeek{color:var(--red-alert);&.hovered:hover:not(.selected){background-color:rgba(237,97,97,0.1);color:var(--red-alert);}&.today-day{color:var(--red-alert);&:after{background-color:var(--red-alert);}&.hovered:hover:not(.selected):after{background-color:var(--red-alert);}}}.selected{background-color:var(--color-primary);color:var(--color-theme-100);&.today-day{color:var(--color-theme-100);&:after{background-color:var(--color-theme-100);}}&.userAvailability,&.nonWorkingDaysOfWeek{background-color:var(--red-alert) !important;color:var(--color-theme-100) !important;}}.nonWorkingDay{color:var(--color-theme-500);&.hovered:hover:not(.selected){color:var(--color-theme-500);}&.today-day{color:var(--color-primary-500);&:after{background-color:var(--color-primary-500);}&.hovered:hover:not(.selected){color:var(--color-theme-500);&:after{background-color:var(--color-theme-500);}}}&.userAvailability,&.nonWorkingDaysOfWeek{&.hovered:hover:not(.selected){color:var(--color-theme-500);background-color:var(--color-primary-300);&.today-day:after{background-color:var(--color-theme-500);}}}&.selected{color:rgba(255,255,255,0.6);background-color:var(--color-primary);", " &{color:rgba(0,0,0,0.4);}&.today-day{color:rgba(255,255,255,0.6);", " &{color:rgba(0,0,0,0.4);}&:after{background-color:rgba(255,255,255,0.6);", " &{background-color:rgba(0,0,0,0.4);}}}}}.disabled{cursor:default;color:var(--color-theme-500);&.hovered:hover{color:var(--color-theme-500);}}.outside{cursor:default;opacity:0.25;color:var(--color-theme-900);&.userAvailability.hovered:hover:not(.selected),&.nonWorkingDaysOfWeek.hovered:hover:not(.selected){background:var(--color-primary-300);}&.userAvailability:not(.selected),&.nonWorkingDaysOfWeek:not(.selected),&.userAvailability.hovered:hover:not(.selected),&.nonWorkingDaysOfWeek.hovered:hover:not(.selected),&.nonWorkingDay.hovered:hover:not(.selected),&.nonWorkingDay:not(.selected),&.today-day.hovered:hover:not(.selected),&.today-day:not(.selected){color:var(--color-theme-900);}&.userAvailability.today-day:not(.selected):after,&.nonWorkingDaysOfWeek.today-day:not(.selected):after,&.userAvailability.today-day.hovered:hover:not(.selected):after,&.nonWorkingDaysOfWeek.today-day.hovered:hover:not(.selected):after,&.nonWorkingDay.today-day:not(.selected):after,&.nonWorkingDay.today-day.hovered:hover:not(.selected):after,&.today-day.hovered:hover:not(.selected):after,&.today-day:not(.selected):after{background-color:var(--color-theme-900);}&.hovered:hover:not(.selected){background:var(--color-primary-400);}&.selected{color:var(--page-paper-main);background:var(--color-primary);", " &{color:var(--page-paper-main);}&.today-day{&:after{background:var(--page-paper-main);", " &{background:var(--page-paper-main);}}&.nonWorkingDay{color:var(--page-paper-main);", " &{color:var(--page-paper-main);}}}}}"], _themes.DARK_THEME_SELECTOR, _themes.DARK_THEME_SELECTOR, _themes.DARK_THEME_SELECTOR, _themes.DARK_THEME_SELECTOR, _themes.DARK_THEME_SELECTOR, _themes.DARK_THEME_SELECTOR);
 var StyledDatePickerWrapper = exports.StyledDatePickerWrapper = _styledComponents.default.div.withConfig({
   displayName: "Styles__StyledDatePickerWrapper",
   componentId: "sc-18towna-2"

package/dist/cjs/components/DatePicker/Styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Styles.js","names":["_styledComponents","_interopRequireDefault","require","_Button","_ConfirmDialog","e","__esModule","default","StyledConfirmDialog","exports","styled","ConfirmDialog","withConfig","displayName","componentId","StyledDatePickerContainerInner","div","StyledDatePickerWrapper","StyledDaysOfWeek","StyledDayName","StyledCalendarDates","StyledCalendarDate","StyledCaption","span","StyledCalendarSelector","StyledYearSelect","StyledYearOption","StyledMonthOption","StyledMonthSelect","StyledMonthSelector","StyledControls","StyledControlsLeft","StyledClearInstantButton","Button","StyledCalendarHeader"],"sources":["../../../../src/components/DatePicker/Styles.ts"],"sourcesContent":["import styled from \"styled-components\";\n\nimport { Button } from \"../Button\";\nimport { ConfirmDialog } from \"../ConfirmDialog\";\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 StyledDatePickerContainerInner = styled.div`\n & > * {\n font-family: -apple-system, BlinkMacSystemFont, \"Inter\", \"Roboto\",\n \"Helvetica Neue\", Arial, sans-serif;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n\n & {\n @keyframes slide-up {\n from {\n transform: translateY(0);\n opacity: 1;\n }\n to {\n transform: translateY(-20px);\n opacity: 0;\n }\n }\n\n @keyframes slide-down {\n from {\n transform: translateY(0);\n opacity: 1;\n }\n to {\n transform: translateY(20px);\n opacity: 0;\n }\n }\n .slide-up {\n animation: slide-up 0.3s ease-in-out;\n }\n\n .slide-down {\n animation: slide-down 0.3s ease-in-out;\n }\n\n .today-day {\n position: relative;\n\n &::after {\n position: absolute;\n content: \"\";\n bottom: 2px;\n height: 3px;\n width: 3px;\n border-radius: 3px;\n margin: 0 auto;\n left: 0;\n right: 0;\n background: var(--color-primary);\n }\n }\n\n .today-day,\n .today-month,\n .today-year {\n color: var(--color-primary);\n background-color: none;\n }\n\n .selected {\n background-color: var(--color-primary) !important;\n color: var(--color-theme-100) !important;\n }\n\n .disabled {\n pointer-events: none;\n color: var(--color-theme-500);\n }\n\n .hovered {\n background-color: var(--color-primary-300);\n }\n }\n\n /* User Availability and Non-Working Days /\n .userAvailability,\n .nonWorkingDaysOfWeek {\n color: var(--red-alert);\n &.hovered:hover:not(.selected) {\n background-color: rgba(237, 97, 97, 0.1);\n color: var(--red-alert);\n }\n &.today-day {\n color: var(--red-alert);\n &:after {\n background-color: var(--red-alert);\n }\n &.hovered:hover:not(.selected):after {\n background-color: var(--red-alert);\n }\n }\n }\n\n / Selected Day /\n .selected {\n background-color: var(--color-primary);\n color: var(--color-theme-100);\n &.today-day {\n color: var(--color-theme-100);\n &:after {\n background-color: var(--color-theme-100);\n }\n }\n &.userAvailability,\n &.nonWorkingDaysOfWeek {\n background-color: var(--red-alert) !important;\n color: var(--color-theme-100) !important;\n }\n }\n\n / Non-Working Day /\n .nonWorkingDay {\n color: var(--color-theme-500);\n &.hovered:hover:not(.selected) {\n color: var(--color-theme-500);\n }\n &.today-day {\n color: var(--color-primary-500);\n &:after {\n background-color: var(--color-primary-500);\n }\n &.hovered:hover:not(.selected) {\n color: var(--color-theme-500);\n &:after {\n background-color: var(--color-theme-500);\n }\n }\n }\n &.userAvailability,\n &.nonWorkingDaysOfWeek {\n &.hovered:hover:not(.selected) {\n color: var(--color-theme-500);\n background-color: var(--color-primary-300);\n &.today-day:after {\n background-color: var(--color-theme-500);\n }\n }\n }\n &.selected {\n color: rgba(255, 255, 255, 0.6);\n background-color: var(--color-primary);\n .neon & {\n color: rgba(0, 0, 0, 0.4);\n }\n &.today-day {\n color: rgba(255, 255, 255, 0.6);\n .neon & {\n color: rgba(0, 0, 0, 0.4);\n }\n &:after {\n background-color: rgba(255, 255, 255, 0.6);\n .neon & {\n background-color: rgba(0, 0, 0, 0.4);\n }\n }\n }\n }\n }\n\n / Disabled Day /\n .disabled {\n cursor: default;\n color: var(--color-theme-500);\n &.hovered:hover {\n color: var(--color-theme-500);\n }\n }\n\n / Outside Days /\n .outside {\n cursor: default;\n opacity: 0.25;\n color: var(--color-theme-900);\n\n &.userAvailability.hovered:hover:not(.selected),\n &.nonWorkingDaysOfWeek.hovered:hover:not(.selected) {\n background: var(--color-primary-300);\n }\n &.userAvailability:not(.selected),\n &.nonWorkingDaysOfWeek:not(.selected),\n &.userAvailability.hovered:hover:not(.selected),\n &.nonWorkingDaysOfWeek.hovered:hover:not(.selected),\n &.nonWorkingDay.hovered:hover:not(.selected),\n &.nonWorkingDay:not(.selected),\n &.today-day.hovered:hover:not(.selected),\n &.today-day:not(.selected) {\n color: var(--color-theme-900);\n }\n\n &.userAvailability.today-day:not(.selected):after,\n &.nonWorkingDaysOfWeek.today-day:not(.selected):after,\n &.userAvailability.today-day.hovered:hover:not(.selected):after,\n &.nonWorkingDaysOfWeek.today-day.hovered:hover:not(.selected):after,\n &.nonWorkingDay.today-day:not(.selected):after,\n &.nonWorkingDay.today-day.hovered:hover:not(.selected):after,\n &.today-day.hovered:hover:not(.selected):after,\n &.today-day:not(.selected):after {\n background-color: var(--color-theme-900);\n }\n\n &.hovered:hover:not(.selected) {\n background: var(--color-primary-400);\n }\n\n &.selected {\n color: var(--page-paper-main);\n background: var(--color-primary);\n .neon & {\n color: var(--page-paper-main);\n }\n &.today-day {\n &:after {\n background: var(--page-paper-main);\n .neon & {\n background: var(--page-paper-main);\n }\n }\n &.nonWorkingDay {\n color: var(--page-paper-main);\n .neon & {\n color: var(--page-paper-main);\n }\n }\n }\n }\n }\n`;\n\nexport const StyledDatePickerWrapper = styled.div`\n position: relative;\n display: inline-block;\n width: 100%;\n`;\n\nStyledDatePickerWrapper.displayName = \"StyledDatePickerWrapper\";\n\nexport const StyledDaysOfWeek = styled.div`\n display: grid;\n grid-template-columns: repeat(7, 1fr);\n text-align: center;\n font-weight: bold;\n margin-bottom: 0;\n width: 100%;\n`;\n\nStyledDaysOfWeek.displayName = \"StyledDaysOfWeek\";\n\nexport const StyledDayName = styled.div`\n width: 27px;\n height: 27px;\n display: grid;\n place-items: center;\n font-size: 11px;\n font-weight: 400;\n color: var(--color-theme-600);\n user-select: none; / Standard property /\n -webkit-user-select: none; / Safari /\n -moz-user-select: none; / Firefox /\n -ms-user-select: none; / IE10+ /\n`;\n\nStyledDayName.displayName = \"StyledDayName\";\n\nexport const StyledCalendarDates = styled.div`\n display: grid;\n grid-template-columns: repeat(7, 1fr);\n text-align: center;\n row-gap: 4px;\n width: 100%;\n`;\n\nStyledCalendarDates.displayName = \"StyledCalendarDates\";\n\nexport const StyledCalendarDate = styled.div`\n cursor: pointer;\n border-radius: 50%;\n transition: background 0.3s;\n width: 27px;\n height: 27px;\n display: grid;\n place-items: center;\n font-size: 13px;\n font-weight: 700;\n color: var(--color-theme-900);\n user-select: none; / Standard property /\n -webkit-user-select: none; / Safari /\n -moz-user-select: none; / Firefox /\n -ms-user-select: none; / IE10+ /\n\n &:hover {\n background-color: var(--color-primary-300);\n }\n`;\n\nStyledCalendarDate.displayName = \"StyledCalendarDate\";\n\nexport const StyledCaption = styled.span`\n font-size: 18.5px;\n font-weight: 500;\n padding: 0 16px;\n border-radius: 15px;\n color: var(--color-theme-900);\n user-select: none; / Standard property /\n -webkit-user-select: none; / Safari /\n -moz-user-select: none; / Firefox /\n -ms-user-select: none; / IE10+ /\n\n &.year-caption {\n margin: auto !important;\n }\n\n &:hover {\n background-color: var(--color-primary-300);\n }\n`;\n\nStyledCaption.displayName = \"StyledCaption\";\n\nexport const StyledCalendarSelector = styled.div`\n height: 230px;\n display: grid;\n place-items: center;\n width: 100%;\n max-width: 212px;\n margin: auto;\n`;\n\nStyledCalendarSelector.displayName = \"StyledCalendarSelector\";\n\nexport const StyledYearSelect = styled.div`\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 4px;\n padding: 8px 20px;\n max-height: 210px;\n overflow-y: auto;\n width: 100%;\n`;\n\nStyledYearSelect.displayName = \"StyledYearSelect\";\n\nexport const StyledYearOption = styled.div`\n cursor: pointer;\n text-align: center;\n border-radius: 16px;\n transition: background 0.2s;\n font-size: 14px;\n margin: auto;\n font-weight: 700;\n font-size: 14px;\n line-height: 18px;\n width: 50px;\n margin-bottom: 16px;\n height: 20px;\n color: var(--color-theme-900);\n user-select: none; / Standard property /\n -webkit-user-select: none; / Safari /\n -moz-user-select: none; / Firefox /\n -ms-user-select: none; / IE10+ /\n\n &:hover {\n background-color: var(--color-primary-300);\n }\n`;\n\nStyledYearOption.displayName = \"StyledYearOption\";\n\nexport const StyledMonthOption = styled.div`\n text-align: center;\n cursor: pointer;\n border-radius: 16px;\n transition: background 0.2s;\n margin: 13.5px auto;\n font-weight: 700;\n font-size: 14px;\n line-height: 18px;\n width: 50px;\n margin-bottom: 16px;\n height: 20px;\n color: var(--color-theme-900);\n user-select: none; / Standard property /\n -webkit-user-select: none; / Safari /\n -moz-user-select: none; / Firefox /\n -ms-user-select: none; / IE10+ */\n\n &:hover {\n background-color: var(--color-primary-300);\n }\n`;\n\nStyledMonthOption.displayName = \"StyledMonthOption\";\n\nexport const StyledMonthSelect = styled.div`\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 4px;\n width: 100%;\n height: 220px;\n margin: auto;\n`;\n\nStyledMonthSelect.displayName = \"StyledMonthSelect\";\n\nexport const StyledMonthSelector = styled.div`\n width: 100%;\n padding: 8px 20px;\n`;\n\nStyledMonthSelector.displayName = \"StyledMonthSelector\";\n\nexport const StyledControls = styled.div`\n display: flex;\n justify-content: space-between;\n border-top: 1px solid var(--border-primary);\n margin: 8px 0 0;\n padding: 8px 24px 0px;\n`;\n\nStyledControls.displayName = \"StyledControls\";\n\nexport const StyledControlsLeft = styled.div`\n display: flex;\n gap: 8px;\n`;\n\nStyledControlsLeft.displayName = \"StyledControlsLeft\";\n\nexport const StyledClearInstantButton = styled(Button)`\n margin: auto !important;\n`;\n\nStyledClearInstantButton.displayName = \"StyledClearInstantButton\";\n\nexport const StyledCalendarHeader = styled.div`\n display: flex;\n justify-content: space-between;\n align-items: center;\n font-weight: bold;\n margin: auto;\n margin-bottom: 4px;\n cursor: pointer;\n width: 230px;\n`;\n\nStyledCalendarHeader.displayName = \"StyledCalendarHeader\";\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"file":"Styles.js","names":["_styledComponents","_interopRequireDefault","require","_themes","_Button","_ConfirmDialog","e","__esModule","default","StyledConfirmDialog","exports","styled","ConfirmDialog","withConfig","displayName","componentId","StyledDatePickerContainerInner","div","DARK_THEME_SELECTOR","StyledDatePickerWrapper","StyledDaysOfWeek","StyledDayName","StyledCalendarDates","StyledCalendarDate","StyledCaption","span","StyledCalendarSelector","StyledYearSelect","StyledYearOption","StyledMonthOption","StyledMonthSelect","StyledMonthSelector","StyledControls","StyledControlsLeft","StyledClearInstantButton","Button","StyledCalendarHeader"],"sources":["../../../../src/components/DatePicker/Styles.ts"],"sourcesContent":["import styled from \"styled-components\";\n\nimport { DARK_THEME_SELECTOR } from \"../../utils/themes\";\nimport { Button } from \"../Button\";\nimport { ConfirmDialog } from \"../ConfirmDialog\";\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 StyledDatePickerContainerInner = styled.div`\n & > * {\n font-family: -apple-system, BlinkMacSystemFont, \"Inter\", \"Roboto\",\n \"Helvetica Neue\", Arial, sans-serif;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n\n & {\n @keyframes slide-up {\n from {\n transform: translateY(0);\n opacity: 1;\n }\n to {\n transform: translateY(-20px);\n opacity: 0;\n }\n }\n\n @keyframes slide-down {\n from {\n transform: translateY(0);\n opacity: 1;\n }\n to {\n transform: translateY(20px);\n opacity: 0;\n }\n }\n .slide-up {\n animation: slide-up 0.3s ease-in-out;\n }\n\n .slide-down {\n animation: slide-down 0.3s ease-in-out;\n }\n\n .today-day {\n position: relative;\n\n &::after {\n position: absolute;\n content: \"\";\n bottom: 2px;\n height: 3px;\n width: 3px;\n border-radius: 3px;\n margin: 0 auto;\n left: 0;\n right: 0;\n background: var(--color-primary);\n }\n }\n\n .today-day,\n .today-month,\n .today-year {\n color: var(--color-primary);\n background-color: none;\n }\n\n .selected {\n background-color: var(--color-primary) !important;\n color: var(--color-theme-100) !important;\n }\n\n .disabled {\n pointer-events: none;\n color: var(--color-theme-500);\n }\n\n .hovered {\n background-color: var(--color-primary-300);\n }\n }\n\n /* User Availability and Non-Working Days /\n .userAvailability,\n .nonWorkingDaysOfWeek {\n color: var(--red-alert);\n &.hovered:hover:not(.selected) {\n background-color: rgba(237, 97, 97, 0.1);\n color: var(--red-alert);\n }\n &.today-day {\n color: var(--red-alert);\n &:after {\n background-color: var(--red-alert);\n }\n &.hovered:hover:not(.selected):after {\n background-color: var(--red-alert);\n }\n }\n }\n\n / Selected Day /\n .selected {\n background-color: var(--color-primary);\n color: var(--color-theme-100);\n &.today-day {\n color: var(--color-theme-100);\n &:after {\n background-color: var(--color-theme-100);\n }\n }\n &.userAvailability,\n &.nonWorkingDaysOfWeek {\n background-color: var(--red-alert) !important;\n color: var(--color-theme-100) !important;\n }\n }\n\n / Non-Working Day /\n .nonWorkingDay {\n color: var(--color-theme-500);\n &.hovered:hover:not(.selected) {\n color: var(--color-theme-500);\n }\n &.today-day {\n color: var(--color-primary-500);\n &:after {\n background-color: var(--color-primary-500);\n }\n &.hovered:hover:not(.selected) {\n color: var(--color-theme-500);\n &:after {\n background-color: var(--color-theme-500);\n }\n }\n }\n &.userAvailability,\n &.nonWorkingDaysOfWeek {\n &.hovered:hover:not(.selected) {\n color: var(--color-theme-500);\n background-color: var(--color-primary-300);\n &.today-day:after {\n background-color: var(--color-theme-500);\n }\n }\n }\n &.selected {\n color: rgba(255, 255, 255, 0.6);\n background-color: var(--color-primary);\n ${DARK_THEME_SELECTOR} & {\n color: rgba(0, 0, 0, 0.4);\n }\n &.today-day {\n color: rgba(255, 255, 255, 0.6);\n ${DARK_THEME_SELECTOR} & {\n color: rgba(0, 0, 0, 0.4);\n }\n &:after {\n background-color: rgba(255, 255, 255, 0.6);\n ${DARK_THEME_SELECTOR} & {\n background-color: rgba(0, 0, 0, 0.4);\n }\n }\n }\n }\n }\n\n / Disabled Day /\n .disabled {\n cursor: default;\n color: var(--color-theme-500);\n &.hovered:hover {\n color: var(--color-theme-500);\n }\n }\n\n / Outside Days /\n .outside {\n cursor: default;\n opacity: 0.25;\n color: var(--color-theme-900);\n\n &.userAvailability.hovered:hover:not(.selected),\n &.nonWorkingDaysOfWeek.hovered:hover:not(.selected) {\n background: var(--color-primary-300);\n }\n &.userAvailability:not(.selected),\n &.nonWorkingDaysOfWeek:not(.selected),\n &.userAvailability.hovered:hover:not(.selected),\n &.nonWorkingDaysOfWeek.hovered:hover:not(.selected),\n &.nonWorkingDay.hovered:hover:not(.selected),\n &.nonWorkingDay:not(.selected),\n &.today-day.hovered:hover:not(.selected),\n &.today-day:not(.selected) {\n color: var(--color-theme-900);\n }\n\n &.userAvailability.today-day:not(.selected):after,\n &.nonWorkingDaysOfWeek.today-day:not(.selected):after,\n &.userAvailability.today-day.hovered:hover:not(.selected):after,\n &.nonWorkingDaysOfWeek.today-day.hovered:hover:not(.selected):after,\n &.nonWorkingDay.today-day:not(.selected):after,\n &.nonWorkingDay.today-day.hovered:hover:not(.selected):after,\n &.today-day.hovered:hover:not(.selected):after,\n &.today-day:not(.selected):after {\n background-color: var(--color-theme-900);\n }\n\n &.hovered:hover:not(.selected) {\n background: var(--color-primary-400);\n }\n\n &.selected {\n color: var(--page-paper-main);\n background: var(--color-primary);\n ${DARK_THEME_SELECTOR} & {\n color: var(--page-paper-main);\n }\n &.today-day {\n &:after {\n background: var(--page-paper-main);\n ${DARK_THEME_SELECTOR} & {\n background: var(--page-paper-main);\n }\n }\n &.nonWorkingDay {\n color: var(--page-paper-main);\n ${DARK_THEME_SELECTOR} & {\n color: var(--page-paper-main);\n }\n }\n }\n }\n }\n`;\n\nexport const StyledDatePickerWrapper = styled.div`\n position: relative;\n display: inline-block;\n width: 100%;\n`;\n\nStyledDatePickerWrapper.displayName = \"StyledDatePickerWrapper\";\n\nexport const StyledDaysOfWeek = styled.div`\n display: grid;\n grid-template-columns: repeat(7, 1fr);\n text-align: center;\n font-weight: bold;\n margin-bottom: 0;\n width: 100%;\n`;\n\nStyledDaysOfWeek.displayName = \"StyledDaysOfWeek\";\n\nexport const StyledDayName = styled.div`\n width: 27px;\n height: 27px;\n display: grid;\n place-items: center;\n font-size: 11px;\n font-weight: 400;\n color: var(--color-theme-600);\n user-select: none; / Standard property /\n -webkit-user-select: none; / Safari /\n -moz-user-select: none; / Firefox /\n -ms-user-select: none; / IE10+ /\n`;\n\nStyledDayName.displayName = \"StyledDayName\";\n\nexport const StyledCalendarDates = styled.div`\n display: grid;\n grid-template-columns: repeat(7, 1fr);\n text-align: center;\n row-gap: 4px;\n width: 100%;\n`;\n\nStyledCalendarDates.displayName = \"StyledCalendarDates\";\n\nexport const StyledCalendarDate = styled.div`\n cursor: pointer;\n border-radius: 50%;\n transition: background 0.3s;\n width: 27px;\n height: 27px;\n display: grid;\n place-items: center;\n font-size: 13px;\n font-weight: 700;\n color: var(--color-theme-900);\n user-select: none; / Standard property /\n -webkit-user-select: none; / Safari /\n -moz-user-select: none; / Firefox /\n -ms-user-select: none; / IE10+ /\n\n &:hover {\n background-color: var(--color-primary-300);\n }\n`;\n\nStyledCalendarDate.displayName = \"StyledCalendarDate\";\n\nexport const StyledCaption = styled.span`\n font-size: 18.5px;\n font-weight: 500;\n padding: 0 16px;\n border-radius: 15px;\n color: var(--color-theme-900);\n user-select: none; / Standard property /\n -webkit-user-select: none; / Safari /\n -moz-user-select: none; / Firefox /\n -ms-user-select: none; / IE10+ /\n\n &.year-caption {\n margin: auto !important;\n }\n\n &:hover {\n background-color: var(--color-primary-300);\n }\n`;\n\nStyledCaption.displayName = \"StyledCaption\";\n\nexport const StyledCalendarSelector = styled.div`\n height: 230px;\n display: grid;\n place-items: center;\n width: 100%;\n max-width: 212px;\n margin: auto;\n`;\n\nStyledCalendarSelector.displayName = \"StyledCalendarSelector\";\n\nexport const StyledYearSelect = styled.div`\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 4px;\n padding: 8px 20px;\n max-height: 210px;\n overflow-y: auto;\n width: 100%;\n`;\n\nStyledYearSelect.displayName = \"StyledYearSelect\";\n\nexport const StyledYearOption = styled.div`\n cursor: pointer;\n text-align: center;\n border-radius: 16px;\n transition: background 0.2s;\n font-size: 14px;\n margin: auto;\n font-weight: 700;\n font-size: 14px;\n line-height: 18px;\n width: 50px;\n margin-bottom: 16px;\n height: 20px;\n color: var(--color-theme-900);\n user-select: none; / Standard property /\n -webkit-user-select: none; / Safari /\n -moz-user-select: none; / Firefox /\n -ms-user-select: none; / IE10+ /\n\n &:hover {\n background-color: var(--color-primary-300);\n }\n`;\n\nStyledYearOption.displayName = \"StyledYearOption\";\n\nexport const StyledMonthOption = styled.div`\n text-align: center;\n cursor: pointer;\n border-radius: 16px;\n transition: background 0.2s;\n margin: 13.5px auto;\n font-weight: 700;\n font-size: 14px;\n line-height: 18px;\n width: 50px;\n margin-bottom: 16px;\n height: 20px;\n color: var(--color-theme-900);\n user-select: none; / Standard property /\n -webkit-user-select: none; / Safari /\n -moz-user-select: none; / Firefox /\n -ms-user-select: none; / IE10+ */\n\n &:hover {\n background-color: var(--color-primary-300);\n }\n`;\n\nStyledMonthOption.displayName = \"StyledMonthOption\";\n\nexport const StyledMonthSelect = styled.div`\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 4px;\n width: 100%;\n height: 220px;\n margin: auto;\n`;\n\nStyledMonthSelect.displayName = \"StyledMonthSelect\";\n\nexport const StyledMonthSelector = styled.div`\n width: 100%;\n padding: 8px 20px;\n`;\n\nStyledMonthSelector.displayName = \"StyledMonthSelector\";\n\nexport const StyledControls = styled.div`\n display: flex;\n justify-content: space-between;\n border-top: 1px solid var(--border-primary);\n margin: 8px 0 0;\n padding: 8px 24px 0px;\n`;\n\nStyledControls.displayName = \"StyledControls\";\n\nexport const StyledControlsLeft = styled.div`\n display: flex;\n gap: 8px;\n`;\n\nStyledControlsLeft.displayName = \"StyledControlsLeft\";\n\nexport const StyledClearInstantButton = styled(Button)`\n margin: auto !important;\n`;\n\nStyledClearInstantButton.displayName = \"StyledClearInstantButton\";\n\nexport const StyledCalendarHeader = styled.div`\n display: flex;\n justify-content: space-between;\n align-items: center;\n font-weight: bold;\n margin: auto;\n margin-bottom: 4px;\n cursor: pointer;\n width: 230px;\n`;\n\nStyledCalendarHeader.displayName = \"StyledCalendarHeader\";\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/GlobalStyle.js CHANGED Viewed

@@ -5,5 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.GlobalStyle = void 0;
 var _styledComponents = require("styled-components");
-var GlobalStyle = exports.GlobalStyle = (0, _styledComponents.createGlobalStyle)([":root{--color-primary:#5d2bff;--color-secondary:#5d2bff;--color-theme-100:#ffffff;--color-theme-200:#f6f6f9;--color-theme-300:#ebebee;--color-theme-400:#d7d7da;--color-theme-500:#b9b9bd;--color-theme-600:#89898e;--color-theme-700:#6d6d73;--color-theme-800:#5b5b61;--color-theme-900:#303037;--color-primary-200:rgba(93,43,255,0.05);--color-primary-300:rgba(93,43,255,0.1);--color-primary-400:rgba(93,43,255,0.25);--color-primary-500:rgba(93,43,255,0.5);--color-primary-600:rgba(93,43,255,0.75);--color-primary-700:#5d2bff;--color-primary-800:#4a21cd;--color-primary-900:#32178b;--color-secondary-200:rgba(93,43,255,0.05);--color-secondary-300:rgba(93,43,255,0.1);--color-secondary-400:rgba(93,43,255,0.25);--color-secondary-500:rgba(93,43,255,0.5);--color-secondary-600:rgba(93,43,255,0.75);--color-secondary-700:#5d2bff;--color-secondary-800:#4a21cd;--color-secondary-900:#32178b;--color-theme-transparent-200:rgba(36,36,76,0.04);--color-theme-transparent-300:rgba(48,48,55,0.1);--color-theme-transparent-400:rgba(48,48,55,0.2);--color-theme-transparent-500:rgba(48,48,55,0.34);--color-theme-transparent-600:rgba(48,48,55,0.57);--color-theme-transparent-700:rgba(48,48,55,0.7);--color-theme-transparent-800:rgba(48,48,55,0.8);--color-primary-opaque-300:#efeaff;--color-primary-opaque-400:#d6caff;--color-secondary-opaque-300:#efeaff;--color-secondary-opaque-400:#d6caff;--color-sucess-green:#64cd93;--color-pale-green:#c3e799;--color-progress-blue:#4182f2;--color-yellow:#FDF196;--color-yellow-darker:#948D5D;--color-yellow-lighter:#EBD429;--color-orange:#FBBB75;--color-orange-darker:#916C43;--color-orange-lighter:#E99841;--color-beige:#EAC2AD;--color-beige-darker:#877064;--color-beige-lighter:#B98A72;--color-pink:#FBD6E7;--color-pink-darker:#917C86;--color-pink-lighter:#E4A1C0;--color-coral:#FF9C9C;--color-coral-darker:#945A5A;--color-coral-lighter:#DB4545;--color-purple-dirty:#C49CB6;--color-purple-dirty-darker:#715A69;--color-purple-dirty-lighter:#B16E9A;--color-purple:#BEACF9;--color-purple-darker:#6E6390;--color-purple-lighter:#9B86DF;--color-blue-aqua:#BDF7FD;--color-blue-aqua-darker:#6D8F92;--color-blue-aqua-lighter:#7BDDE7;--color-blue-pale:#BEEAFF;--color-blue-pale-darker:#6E8794;--color-blue-pale-lighter:#92BFD4;--color-blue-sky:#A0CBFD;--color-blue-sky-darker:#5C7592;--color-blue-sky-lighter:#568CCB;--color-turquoise:#B9E4E0;--color-turquoise-darker:#6B8482;--color-turquoise-lighter:#70BFB8;--color-green-pale:#C3E799;--color-green-pale-darker:#718658;--color-green-pale-lighter:#80C333;--color-green-olive-drab:#98B57C;--color-green-olive-drab-darker:#647157;--color-green-olive-drab-lighter:#819F65;--color-gray-silver:#DDDDDD;--color-gray-silver-darker:#808080;--color-gray-silver-lighter:#ACACAC;--color-gray:#CACACA;--color-gray-darker:#757575;--color-gray-lighter:#7D7D7D;--body-bg-main:rgb(244,245,247);--body-bg-main-transparent:rgba(244,245,247,0);--page-paper-main:#ffffff;--border-primary:#d7d7da;--note-bg:#fff9f1;--shadow-primary-hover:0 64px 64px 0 rgba(0,0,0,0.1),0 32px 32px 0 rgba(0,0,0,0.06),0 16px 16px 0 rgba(0,0,0,0.04),0 4px 4px 0 rgba(0,0,0,0.04),0 2px 2px 0 rgba(0,0,0,0.04);--shadow-primary:0 64px 64px 0 rgba(0,0,0,0.06),0 32px 32px 0 rgba(0,0,0,0.03),0 16px 16px 0 rgba(0,0,0,0.02),0 4px 4px 0 rgba(0,0,0,0.02),0 2px 2px 0 rgba(0,0,0,0.02);--shadow-secondary:0 4px 14px 0 rgba(0,0,0,0.17);--shadow-tertiary:0 4px 6px -2px rgba(0,0,0,0.05),0 10px 15px -3px rgba(0,0,0,0.1);--shadow-tertiary-hover:0 4px 10px -2px rgba(0,0,0,0.1),0 12px 20px -3px rgba(0,0,0,0.2);--page-paper-main-shadow:rgba( 255,255,255,0 );--modal-background:rgba(244,245,247,0.6);--highlight-dark:rgba(0,0,0,0.03);--input-background-color:#ffffff;--ai-gradient:linear-gradient(135deg,#4da2ed,#9f69e5,#ec43d8,#f72222);--ai-gradient-lighter:linear-gradient( 135deg,rgba(77,162,237,0.1),rgba(159,105,229,0.1),rgba(236,67,216,0.1),rgba(230,10,10,0.1) );--red-alert:rgb(237,97,97);--warning:#ffcc6b;--only-white:#ffffff;--only-black:#000000;--ac-br-4:4px;--ac-br-6:6px;--ac-br-8:8px;--ac-br-rounded:999px;}.cupcake{--color-primary:#29bcdd;--color-secondary:#fe6fa7;--color-primary-200:rgba(41,188,221,0.07);--color-primary-300:rgba(41,188,221,0.12);--color-primary-400:rgba(41,188,221,0.26);--color-primary-500:rgba(41,188,221,0.52);--color-primary-600:rgba(41,188,221,0.75);--color-primary-700:#29bcdd;--color-primary-800:#219fbb;--color-primary-900:#1a768b;--color-secondary-200:rgba(254,111,167,0.07);--color-secondary-300:rgba(254,111,167,0.13);--color-secondary-400:rgba(254,111,167,0.27);--color-secondary-500:rgba(254,111,167,0.52);--color-secondary-600:rgba(254,111,167,0.75);--color-secondary-700:#fe6fa7;--color-secondary-800:#dd6091;--color-secondary-900:#ab496f;--color-primary-opaque-300:#e5f7fb;--color-primary-opaque-400:#c8eef6;--color-secondary-opaque-300:#ffecf4;--color-secondary-opaque-400:#ffd8e7;}.classic{--color-primary:#4182f2;--color-secondary:#4182f2;--color-primary-200:rgba(65,130,242,0.07);--color-primary-300:rgba(65,130,242,0.13);--color-primary-400:rgba(65,130,242,0.26);--color-primary-500:rgba(65,130,242,0.52);--color-primary-600:rgba(65,130,242,0.75);--color-primary-700:#4182f2;--color-primary-800:#356bc8;--color-primary-900:#244a8a;--color-secondary-200:rgba(65,130,242,0.07);--color-secondary-300:rgba(65,130,242,0.13);--color-secondary-400:rgba(65,130,242,0.26);--color-secondary-500:rgba(65,130,242,0.52);--color-secondary-600:rgba(65,130,242,0.75);--color-secondary-700:#4182f2;--color-secondary-800:#356bc8;--color-secondary-900:#244a8a;--color-primary-opaque-300:#e6effd;--color-primary-opaque-400:#cedffc;--color-secondary-opaque-300:#e6effd;--color-secondary-opaque-400:#cedffc;}.neon{--color-primary:#67ffc8;--color-secondary:#67ffc8;--color-theme-100:#000000;--color-theme-200:#31333e;--color-theme-300:#2b2d37;--color-theme-400:#1f2024;--color-theme-500:#6D6D73;--color-theme-600:#89898e;--color-theme-700:#b0b0b5;--color-theme-800:#dfdfe5;--color-theme-900:#ffffff;--color-primary-200:rgba(103,255,200,0.05);--color-primary-300:rgba(103,255,200,0.1);--color-primary-400:rgba(103,255,200,0.25);--color-primary-500:rgba(103,255,200,0.5);--color-primary-600:rgba(103,255,200,0.75);--color-primary-700:#67ffc8;--color-primary-800:#a5ffdf;--color-primary-900:#d0fdec;--color-secondary-200:rgba(103,255,200,0.05);--color-secondary-300:rgba(103,255,200,0.1);--color-secondary-400:rgba(103,255,200,0.25);--color-secondary-500:rgba(103,255,200,0.5);--color-secondary-600:rgba(103,255,200,0.75);--color-secondary-700:#67ffc8;--color-secondary-800:#a5ffdf;--color-secondary-900:#d0fdec;--color-theme-transparent-200:rgba(6,7,8,0.12);--color-theme-transparent-300:rgba(6,7,8,0.22);--color-theme-transparent-400:rgba(6,7,8,0.5);--color-theme-transparent-500:rgba(255,255,255,0.27);--color-theme-transparent-600:rgba(255,255,255,0.4);--color-theme-transparent-700:rgba(255,255,255,0.6);--color-theme-transparent-800:rgba(255,255,255,0.85);--color-primary-opaque-300:#3b4e51;--color-primary-opaque-400:#436b64;--color-secondary-opaque-300:#3b4e51;--color-secondary-opaque-400:#436b64;--body-bg-main:rgb(44,46,56);--body-bg-main-transparent:rgba(44,46,56,0);--page-paper-main:#373a44;--border-primary:#1f2024;--note-bg:#464545;--shadow-primary-hover:0 64px 64px 0 rgba(0,0,0,0.2),0 32px 32px 0 rgba(0,0,0,0.2),0 16px 16px 0 rgba(0,0,0,0.2),0 4px 4px 0 rgba(0,0,0,0.2),0 2px 2px 0 rgba(0,0,0,0.2);--shadow-primary:0 64px 64px 0 rgba(0,0,0,0.1),0 32px 32px 0 rgba(0,0,0,0.1),0 16px 16px 0 rgba(0,0,0,0.1),0 4px 4px 0 rgba(0,0,0,0.1),0 2px 2px 0 rgba(0,0,0,0.1);--shadow-secondary:0 4px 14px 0 rgba(0,0,0,0.3);--shadow-tertiary:0 4px 6px -2px rgba(0,0,0,0.1),0 10px 15px -3px rgba(0,0,0,0.15);--shadow-tertiary-hover:0 4px 12px -2px rgba(0,0,0,0.4),0 10px 30px -3px rgba(0,0,0,0.5);--page-paper-main-shadow:rgba( 55,58,68,0 );--modal-background:rgba(44,46,56,0.7);--highlight-dark:rgba(0,0,0,0.06);--input-background-color:#2c2e38;--only-white:#ffffff;--only-black:#000000;}html{color-scheme:light;}html{&.neon{color-scheme:dark;}}.ac-shadow,.ac-shadow--raised{&--lg{box-shadow:var(--shadow-primary);}&--sm{box-shadow:var(--shadow-tertiary);}}.ac-shadow--raised{&--lg{transition:box-shadow 0.3s;&:hover{box-shadow:var(--shadow-primary-hover);}}&--sm{transition:box-shadow 0.3s;&:hover{box-shadow:var(--shadow-tertiary-hover);}}}.ac-shadow-optimized--sm{position:relative;box-shadow:var(--shadow-tertiary);&::before{position:absolute;top:0;left:0;width:100%;height:100%;content:\"\";box-shadow:var(--shadow-tertiary);opacity:0;border-radius:var(--ac-br-6);transition:opacity 0.3s ease;z-index:-1;}@media (hover:hover){&:hover::before{opacity:1;}}}.ac-shadow-optimized--lg{position:relative;box-shadow:var(--shadow-primary);&::before{position:absolute;top:0;left:0;width:100%;height:100%;content:\"\";box-shadow:var(--shadow-primary);opacity:0;border-radius:var(--ac-br-8);transition:opacity 0.3s ease;z-index:-1;}@media (hover:hover){&:hover::before{opacity:1;}}}.ac-border-radius{&-4{border-radius:var(--ac-br-4);}&-6{border-radius:var(--ac-br-6);}&-8{border-radius:var(--ac-br-8);}&-rounded{border-radius:var(--ac-br-rounded);}}.c-cooltip{position:relative;--cooltip-spacing:0.5rem;--cooltip-padding:0.25rem 0.625rem;--cooltip-max-width:12.5rem;--cooltip-transition-duration:0.15s,0.1s,0.15s;--cooltip-transition-delay:0.6s;--cooltip-timing:ease,ease,cubic-bezier(0.39,0.575,0.565,1);}.c-cooltip::after{pointer-events:none;content:attr(data-tooltip);position:absolute;color:#fff;opacity:0;background-color:rgba(0,0,0,0.9);border-radius:0.5rem;font-size:0.75rem;font-weight:500;line-height:1.3;max-width:var(--cooltip-max-width);padding:var(--cooltip-padding);text-align:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}.c-cooltip--top::after{bottom:calc(100% + var(--cooltip-spacing));left:50%;transform:scale(0.85) translateX(-50%);transform-origin:0;}.c-cooltip--right::after{left:calc(100% + var(--cooltip-spacing));transform:scale(0.85);}.c-cooltip--bottom::after{top:calc(100% + var(--cooltip-spacing));left:50%;transform:scale(0.85) translateX(-50%);transform-origin:0;}.c-cooltip--left::after{right:calc(100% + var(--cooltip-spacing));transform:scale(0.85);}.c-cooltip:disabled::after,[aria-pressed=\"true\"]::after{display:none;}@media (hover:hover){.c-cooltip--top:not(:focus):hover::after,.c-cooltip--bottom:not(:focus):hover::after{transition-property:opacity,transform;transition-duration:var(--cooltip-transition-duration);transition-delay:var(--cooltip-transition-delay);transition-timing-function:var(--cooltip-timing);transform:scale(1) translateX(-50%);opacity:1;}.c-cooltip--right:not(:focus):hover::after,.c-cooltip--left:not(:focus):hover::after{transition-property:opacity,transform;transition-duration:var(--cooltip-transition-duration);transition-delay:var(--cooltip-transition-delay);transition-timing-function:var(--cooltip-timing);transform:scale(1);opacity:1;}}.c-date-picker--calendar{width:260px;padding:16px 0px 8px 0px;margin:auto;background-color:var(--page-paper-main);}"]);
+var _themes = require("../utils/themes");
+var GlobalStyle = exports.GlobalStyle = (0, _styledComponents.createGlobalStyle)([":root{--color-primary:#5d2bff;--color-secondary:#5d2bff;--color-theme-100:#ffffff;--color-theme-200:#f6f6f9;--color-theme-300:#ebebee;--color-theme-400:#d7d7da;--color-theme-500:#b9b9bd;--color-theme-600:#89898e;--color-theme-700:#6d6d73;--color-theme-800:#5b5b61;--color-theme-900:#303037;--color-primary-200:rgba(93,43,255,0.05);--color-primary-300:rgba(93,43,255,0.1);--color-primary-400:rgba(93,43,255,0.25);--color-primary-500:rgba(93,43,255,0.5);--color-primary-600:rgba(93,43,255,0.75);--color-primary-700:#5d2bff;--color-primary-800:#4a21cd;--color-primary-900:#32178b;--color-secondary-200:rgba(93,43,255,0.05);--color-secondary-300:rgba(93,43,255,0.1);--color-secondary-400:rgba(93,43,255,0.25);--color-secondary-500:rgba(93,43,255,0.5);--color-secondary-600:rgba(93,43,255,0.75);--color-secondary-700:#5d2bff;--color-secondary-800:#4a21cd;--color-secondary-900:#32178b;--color-theme-transparent-200:rgba(36,36,76,0.04);--color-theme-transparent-300:rgba(48,48,55,0.1);--color-theme-transparent-400:rgba(48,48,55,0.2);--color-theme-transparent-500:rgba(48,48,55,0.34);--color-theme-transparent-600:rgba(48,48,55,0.57);--color-theme-transparent-700:rgba(48,48,55,0.7);--color-theme-transparent-800:rgba(48,48,55,0.8);--color-primary-opaque-300:#efeaff;--color-primary-opaque-400:#d6caff;--color-secondary-opaque-300:#efeaff;--color-secondary-opaque-400:#d6caff;--color-sucess-green:#64cd93;--color-pale-green:#c3e799;--color-progress-blue:#4182f2;--color-yellow:#FDF196;--color-yellow-darker:#948D5D;--color-yellow-lighter:#EBD429;--color-orange:#FBBB75;--color-orange-darker:#916C43;--color-orange-lighter:#E99841;--color-beige:#EAC2AD;--color-beige-darker:#877064;--color-beige-lighter:#B98A72;--color-pink:#FBD6E7;--color-pink-darker:#917C86;--color-pink-lighter:#E4A1C0;--color-coral:#FF9C9C;--color-coral-darker:#945A5A;--color-coral-lighter:#DB4545;--color-purple-dirty:#C49CB6;--color-purple-dirty-darker:#715A69;--color-purple-dirty-lighter:#B16E9A;--color-purple:#BEACF9;--color-purple-darker:#6E6390;--color-purple-lighter:#9B86DF;--color-blue-aqua:#BDF7FD;--color-blue-aqua-darker:#6D8F92;--color-blue-aqua-lighter:#7BDDE7;--color-blue-pale:#BEEAFF;--color-blue-pale-darker:#6E8794;--color-blue-pale-lighter:#92BFD4;--color-blue-sky:#A0CBFD;--color-blue-sky-darker:#5C7592;--color-blue-sky-lighter:#568CCB;--color-turquoise:#B9E4E0;--color-turquoise-darker:#6B8482;--color-turquoise-lighter:#70BFB8;--color-green-pale:#C3E799;--color-green-pale-darker:#718658;--color-green-pale-lighter:#80C333;--color-green-olive-drab:#98B57C;--color-green-olive-drab-darker:#647157;--color-green-olive-drab-lighter:#819F65;--color-gray-silver:#DDDDDD;--color-gray-silver-darker:#808080;--color-gray-silver-lighter:#ACACAC;--color-gray:#CACACA;--color-gray-darker:#757575;--color-gray-lighter:#7D7D7D;--body-bg-main:rgb(244,245,247);--body-bg-main-transparent:rgba(244,245,247,0);--page-paper-main:#ffffff;--border-primary:#d7d7da;--note-bg:#fff9f1;--shadow-primary-hover:0 64px 64px 0 rgba(0,0,0,0.1),0 32px 32px 0 rgba(0,0,0,0.06),0 16px 16px 0 rgba(0,0,0,0.04),0 4px 4px 0 rgba(0,0,0,0.04),0 2px 2px 0 rgba(0,0,0,0.04);--shadow-primary:0 64px 64px 0 rgba(0,0,0,0.06),0 32px 32px 0 rgba(0,0,0,0.03),0 16px 16px 0 rgba(0,0,0,0.02),0 4px 4px 0 rgba(0,0,0,0.02),0 2px 2px 0 rgba(0,0,0,0.02);--shadow-secondary:0 4px 14px 0 rgba(0,0,0,0.17);--shadow-tertiary:0 4px 6px -2px rgba(0,0,0,0.05),0 10px 15px -3px rgba(0,0,0,0.1);--shadow-tertiary-hover:0 4px 10px -2px rgba(0,0,0,0.1),0 12px 20px -3px rgba(0,0,0,0.2);--page-paper-main-shadow:rgba( 255,255,255,0 );--modal-background:rgba(244,245,247,0.6);--highlight-dark:rgba(0,0,0,0.03);--input-background-color:#ffffff;--color-primary-100:rgba(93,43,255,0.03);--color-primary-opaque-200:#f7f4ff;--muted-text:#6d6d73;--alert-surface:rgba(243,24,72,0.12);--muted-surface:#d7d7da;--muted-surface-text:#303037;--stripe-pattern:#e6e6e9;--drop-overlay-bg:rgba(255,255,255,0.93);--ai-gradient:linear-gradient(135deg,#4da2ed,#9f69e5,#ec43d8,#f72222);--ai-gradient-lighter:linear-gradient( 135deg,rgba(77,162,237,0.1),rgba(159,105,229,0.1),rgba(236,67,216,0.1),rgba(230,10,10,0.1) );--red-alert:rgb(237,97,97);--warning:#ffcc6b;--only-white:#ffffff;--only-black:#000000;--ac-br-4:4px;--ac-br-6:6px;--ac-br-8:8px;--ac-br-rounded:999px;}.cupcake{--color-primary:#29bcdd;--color-secondary:#fe6fa7;--color-primary-200:rgba(41,188,221,0.07);--color-primary-300:rgba(41,188,221,0.12);--color-primary-400:rgba(41,188,221,0.26);--color-primary-500:rgba(41,188,221,0.52);--color-primary-600:rgba(41,188,221,0.75);--color-primary-700:#29bcdd;--color-primary-800:#219fbb;--color-primary-900:#1a768b;--color-secondary-200:rgba(254,111,167,0.07);--color-secondary-300:rgba(254,111,167,0.13);--color-secondary-400:rgba(254,111,167,0.27);--color-secondary-500:rgba(254,111,167,0.52);--color-secondary-600:rgba(254,111,167,0.75);--color-secondary-700:#fe6fa7;--color-secondary-800:#dd6091;--color-secondary-900:#ab496f;--color-primary-opaque-300:#e5f7fb;--color-primary-opaque-400:#c8eef6;--color-secondary-opaque-300:#ffecf4;--color-secondary-opaque-400:#ffd8e7;--color-primary-100:rgba(41,188,221,0.04);--color-primary-opaque-200:#f0fafc;}.classic{--color-primary:#4182f2;--color-secondary:#4182f2;--color-primary-200:rgba(65,130,242,0.07);--color-primary-300:rgba(65,130,242,0.13);--color-primary-400:rgba(65,130,242,0.26);--color-primary-500:rgba(65,130,242,0.52);--color-primary-600:rgba(65,130,242,0.75);--color-primary-700:#4182f2;--color-primary-800:#356bc8;--color-primary-900:#244a8a;--color-secondary-200:rgba(65,130,242,0.07);--color-secondary-300:rgba(65,130,242,0.13);--color-secondary-400:rgba(65,130,242,0.26);--color-secondary-500:rgba(65,130,242,0.52);--color-secondary-600:rgba(65,130,242,0.75);--color-secondary-700:#4182f2;--color-secondary-800:#356bc8;--color-secondary-900:#244a8a;--color-primary-opaque-300:#e6effd;--color-primary-opaque-400:#cedffc;--color-secondary-opaque-300:#e6effd;--color-secondary-opaque-400:#cedffc;--color-primary-100:rgba(65,130,242,0.04);--color-primary-opaque-200:#f2f6fe;}.neon{--color-primary:#67ffc8;--color-secondary:#67ffc8;--color-theme-100:#000000;--color-theme-200:#31333e;--color-theme-300:#2b2d37;--color-theme-400:#1f2024;--color-theme-500:#6D6D73;--color-theme-600:#89898e;--color-theme-700:#b0b0b5;--color-theme-800:#dfdfe5;--color-theme-900:#ffffff;--color-primary-200:rgba(103,255,200,0.05);--color-primary-300:rgba(103,255,200,0.1);--color-primary-400:rgba(103,255,200,0.25);--color-primary-500:rgba(103,255,200,0.5);--color-primary-600:rgba(103,255,200,0.75);--color-primary-700:#67ffc8;--color-primary-800:#a5ffdf;--color-primary-900:#d0fdec;--color-secondary-200:rgba(103,255,200,0.05);--color-secondary-300:rgba(103,255,200,0.1);--color-secondary-400:rgba(103,255,200,0.25);--color-secondary-500:rgba(103,255,200,0.5);--color-secondary-600:rgba(103,255,200,0.75);--color-secondary-700:#67ffc8;--color-secondary-800:#a5ffdf;--color-secondary-900:#d0fdec;--color-theme-transparent-200:rgba(6,7,8,0.12);--color-theme-transparent-300:rgba(6,7,8,0.22);--color-theme-transparent-400:rgba(6,7,8,0.5);--color-theme-transparent-500:rgba(255,255,255,0.27);--color-theme-transparent-600:rgba(255,255,255,0.4);--color-theme-transparent-700:rgba(255,255,255,0.6);--color-theme-transparent-800:rgba(255,255,255,0.85);--color-primary-opaque-300:#3b4e51;--color-primary-opaque-400:#436b64;--color-secondary-opaque-300:#3b4e51;--color-secondary-opaque-400:#436b64;--body-bg-main:rgb(44,46,56);--body-bg-main-transparent:rgba(44,46,56,0);--page-paper-main:#373a44;--border-primary:#1f2024;--note-bg:#464545;--shadow-primary-hover:0 64px 64px 0 rgba(0,0,0,0.2),0 32px 32px 0 rgba(0,0,0,0.2),0 16px 16px 0 rgba(0,0,0,0.2),0 4px 4px 0 rgba(0,0,0,0.2),0 2px 2px 0 rgba(0,0,0,0.2);--shadow-primary:0 64px 64px 0 rgba(0,0,0,0.1),0 32px 32px 0 rgba(0,0,0,0.1),0 16px 16px 0 rgba(0,0,0,0.1),0 4px 4px 0 rgba(0,0,0,0.1),0 2px 2px 0 rgba(0,0,0,0.1);--shadow-secondary:0 4px 14px 0 rgba(0,0,0,0.3);--shadow-tertiary:0 4px 6px -2px rgba(0,0,0,0.1),0 10px 15px -3px rgba(0,0,0,0.15);--shadow-tertiary-hover:0 4px 12px -2px rgba(0,0,0,0.4),0 10px 30px -3px rgba(0,0,0,0.5);--page-paper-main-shadow:rgba( 55,58,68,0 );--modal-background:rgba(44,46,56,0.7);--highlight-dark:rgba(0,0,0,0.06);--input-background-color:#2c2e38;--only-white:#ffffff;--only-black:#000000;--color-primary-100:rgba(103,255,200,0.08);--color-primary-opaque-200:#394a44;--muted-text:#cfcfd0;--alert-surface:rgba(243,24,72,0.25);--muted-surface:#b4b4b8;--muted-surface-text:#4a4a4a;--stripe-pattern:#5c494d;--drop-overlay-bg:rgba(55,58,68,0.93);}.dracula{--color-primary:#bd93f9;--color-secondary:#ff79c6;--color-theme-100:#000000;--color-theme-200:#303243;--color-theme-300:#272935;--color-theme-400:#191a21;--color-theme-500:#6272a4;--color-theme-600:#7d8ab8;--color-theme-700:#a4aecd;--color-theme-800:#dededa;--color-theme-900:#f8f8f2;--color-primary-200:rgba(189,147,249,0.05);--color-primary-300:rgba(189,147,249,0.1);--color-primary-400:rgba(189,147,249,0.25);--color-primary-500:rgba(189,147,249,0.5);--color-primary-600:rgba(189,147,249,0.75);--color-primary-700:#bd93f9;--color-primary-800:#d2b6fb;--color-primary-900:#e4d3fd;--color-secondary-200:rgba(255,121,198,0.05);--color-secondary-300:rgba(255,121,198,0.1);--color-secondary-400:rgba(255,121,198,0.25);--color-secondary-500:rgba(255,121,198,0.5);--color-secondary-600:rgba(255,121,198,0.75);--color-secondary-700:#ff79c6;--color-secondary-800:#ffa3d7;--color-secondary-900:#ffc9e7;--color-theme-transparent-200:rgba(6,7,8,0.12);--color-theme-transparent-300:rgba(6,7,8,0.22);--color-theme-transparent-400:rgba(6,7,8,0.5);--color-theme-transparent-500:rgba(255,255,255,0.27);--color-theme-transparent-600:rgba(255,255,255,0.4);--color-theme-transparent-700:rgba(255,255,255,0.6);--color-theme-transparent-800:rgba(255,255,255,0.85);--color-primary-opaque-300:#4a3f66;--color-primary-opaque-400:#5b4b7d;--color-secondary-opaque-300:#5f3b52;--color-secondary-opaque-400:#7a4a69;--body-bg-main:rgb(40,42,54);--body-bg-main-transparent:rgba(40,42,54,0);--page-paper-main:#343746;--border-primary:#191a21;--note-bg:#3c3a2e;--shadow-primary-hover:0 64px 64px 0 rgba(0,0,0,0.2),0 32px 32px 0 rgba(0,0,0,0.2),0 16px 16px 0 rgba(0,0,0,0.2),0 4px 4px 0 rgba(0,0,0,0.2),0 2px 2px 0 rgba(0,0,0,0.2);--shadow-primary:0 64px 64px 0 rgba(0,0,0,0.1),0 32px 32px 0 rgba(0,0,0,0.1),0 16px 16px 0 rgba(0,0,0,0.1),0 4px 4px 0 rgba(0,0,0,0.1),0 2px 2px 0 rgba(0,0,0,0.1);--shadow-secondary:0 4px 14px 0 rgba(0,0,0,0.3);--shadow-tertiary:0 4px 6px -2px rgba(0,0,0,0.1),0 10px 15px -3px rgba(0,0,0,0.15);--shadow-tertiary-hover:0 4px 12px -2px rgba(0,0,0,0.4),0 10px 30px -3px rgba(0,0,0,0.5);--page-paper-main-shadow:rgba(52,55,70,0);--modal-background:rgba(40,42,54,0.7);--highlight-dark:rgba(0,0,0,0.06);--input-background-color:#21222c;--color-primary-100:rgba(189,147,249,0.08);--color-primary-opaque-200:#383349;--muted-text:#d0d0cb;--alert-surface:rgba(255,85,85,0.25);--muted-surface:#a9aec4;--muted-surface-text:#282a36;--stripe-pattern:#5a4550;--drop-overlay-bg:rgba(52,55,70,0.93);}.one-dark{--color-primary:#61afef;--color-secondary:#c678dd;--color-theme-100:#000000;--color-theme-200:#2f343f;--color-theme-300:#262a31;--color-theme-400:#21252b;--color-theme-500:#5c6370;--color-theme-600:#767d8a;--color-theme-700:#9aa2b1;--color-theme-800:#cdd3de;--color-theme-900:#dcdfe4;--color-primary-200:rgba(97,175,239,0.05);--color-primary-300:rgba(97,175,239,0.1);--color-primary-400:rgba(97,175,239,0.25);--color-primary-500:rgba(97,175,239,0.5);--color-primary-600:rgba(97,175,239,0.75);--color-primary-700:#61afef;--color-primary-800:#8ec6f4;--color-primary-900:#bcdcf9;--color-secondary-200:rgba(198,120,221,0.05);--color-secondary-300:rgba(198,120,221,0.1);--color-secondary-400:rgba(198,120,221,0.25);--color-secondary-500:rgba(198,120,221,0.5);--color-secondary-600:rgba(198,120,221,0.75);--color-secondary-700:#c678dd;--color-secondary-800:#d79ce8;--color-secondary-900:#e8c2f2;--color-theme-transparent-200:rgba(6,7,8,0.12);--color-theme-transparent-300:rgba(6,7,8,0.22);--color-theme-transparent-400:rgba(6,7,8,0.5);--color-theme-transparent-500:rgba(255,255,255,0.27);--color-theme-transparent-600:rgba(255,255,255,0.4);--color-theme-transparent-700:rgba(255,255,255,0.6);--color-theme-transparent-800:rgba(255,255,255,0.85);--color-primary-opaque-300:#33475c;--color-primary-opaque-400:#3c5771;--color-secondary-opaque-300:#4a3552;--color-secondary-opaque-400:#5e4268;--body-bg-main:rgb(40,44,52);--body-bg-main-transparent:rgba(40,44,52,0);--page-paper-main:#31363f;--border-primary:#21252b;--note-bg:#3a3730;--shadow-primary-hover:0 64px 64px 0 rgba(0,0,0,0.2),0 32px 32px 0 rgba(0,0,0,0.2),0 16px 16px 0 rgba(0,0,0,0.2),0 4px 4px 0 rgba(0,0,0,0.2),0 2px 2px 0 rgba(0,0,0,0.2);--shadow-primary:0 64px 64px 0 rgba(0,0,0,0.1),0 32px 32px 0 rgba(0,0,0,0.1),0 16px 16px 0 rgba(0,0,0,0.1),0 4px 4px 0 rgba(0,0,0,0.1),0 2px 2px 0 rgba(0,0,0,0.1);--shadow-secondary:0 4px 14px 0 rgba(0,0,0,0.3);--shadow-tertiary:0 4px 6px -2px rgba(0,0,0,0.1),0 10px 15px -3px rgba(0,0,0,0.15);--shadow-tertiary-hover:0 4px 12px -2px rgba(0,0,0,0.4),0 10px 30px -3px rgba(0,0,0,0.5);--page-paper-main-shadow:rgba(49,54,63,0);--modal-background:rgba(40,44,52,0.7);--highlight-dark:rgba(0,0,0,0.06);--input-background-color:#21252b;--color-primary-100:rgba(97,175,239,0.08);--color-primary-opaque-200:#2c3a49;--muted-text:#c5cbd6;--alert-surface:rgba(224,108,117,0.25);--muted-surface:#a3aab8;--muted-surface-text:#282c34;--stripe-pattern:#55464a;--drop-overlay-bg:rgba(49,54,63,0.93);}html{color-scheme:light;&", "{color-scheme:dark;}}.ac-shadow,.ac-shadow--raised{&--lg{box-shadow:var(--shadow-primary);}&--sm{box-shadow:var(--shadow-tertiary);}}.ac-shadow--raised{&--lg{transition:box-shadow 0.3s;&:hover{box-shadow:var(--shadow-primary-hover);}}&--sm{transition:box-shadow 0.3s;&:hover{box-shadow:var(--shadow-tertiary-hover);}}}.ac-shadow-optimized--sm{position:relative;box-shadow:var(--shadow-tertiary);&::before{position:absolute;top:0;left:0;width:100%;height:100%;content:\"\";box-shadow:var(--shadow-tertiary);opacity:0;border-radius:var(--ac-br-6);transition:opacity 0.3s ease;z-index:-1;}@media (hover:hover){&:hover::before{opacity:1;}}}.ac-shadow-optimized--lg{position:relative;box-shadow:var(--shadow-primary);&::before{position:absolute;top:0;left:0;width:100%;height:100%;content:\"\";box-shadow:var(--shadow-primary);opacity:0;border-radius:var(--ac-br-8);transition:opacity 0.3s ease;z-index:-1;}@media (hover:hover){&:hover::before{opacity:1;}}}.ac-border-radius{&-4{border-radius:var(--ac-br-4);}&-6{border-radius:var(--ac-br-6);}&-8{border-radius:var(--ac-br-8);}&-rounded{border-radius:var(--ac-br-rounded);}}.c-cooltip{position:relative;--cooltip-spacing:0.5rem;--cooltip-padding:0.25rem 0.625rem;--cooltip-max-width:12.5rem;--cooltip-transition-duration:0.15s,0.1s,0.15s;--cooltip-transition-delay:0.6s;--cooltip-timing:ease,ease,cubic-bezier(0.39,0.575,0.565,1);}.c-cooltip::after{pointer-events:none;content:attr(data-tooltip);position:absolute;color:#fff;opacity:0;background-color:rgba(0,0,0,0.9);border-radius:0.5rem;font-size:0.75rem;font-weight:500;line-height:1.3;max-width:var(--cooltip-max-width);padding:var(--cooltip-padding);text-align:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}.c-cooltip--top::after{bottom:calc(100% + var(--cooltip-spacing));left:50%;transform:scale(0.85) translateX(-50%);transform-origin:0;}.c-cooltip--right::after{left:calc(100% + var(--cooltip-spacing));transform:scale(0.85);}.c-cooltip--bottom::after{top:calc(100% + var(--cooltip-spacing));left:50%;transform:scale(0.85) translateX(-50%);transform-origin:0;}.c-cooltip--left::after{right:calc(100% + var(--cooltip-spacing));transform:scale(0.85);}.c-cooltip:disabled::after,[aria-pressed=\"true\"]::after{display:none;}@media (hover:hover){.c-cooltip--top:not(:focus):hover::after,.c-cooltip--bottom:not(:focus):hover::after{transition-property:opacity,transform;transition-duration:var(--cooltip-transition-duration);transition-delay:var(--cooltip-transition-delay);transition-timing-function:var(--cooltip-timing);transform:scale(1) translateX(-50%);opacity:1;}.c-cooltip--right:not(:focus):hover::after,.c-cooltip--left:not(:focus):hover::after{transition-property:opacity,transform;transition-duration:var(--cooltip-transition-duration);transition-delay:var(--cooltip-transition-delay);transition-timing-function:var(--cooltip-timing);transform:scale(1);opacity:1;}}.c-date-picker--calendar{width:260px;padding:16px 0px 8px 0px;margin:auto;background-color:var(--page-paper-main);}"], _themes.DARK_THEME_MATCH);
 //# sourceMappingURL=GlobalStyle.js.map

package/dist/cjs/components/GlobalStyle.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"GlobalStyle.js","names":["_styledComponents","require","GlobalStyle","exports","createGlobalStyle"],"sources":["../../../src/components/GlobalStyle.ts"],"sourcesContent":["import { createGlobalStyle } from \"styled-components\";\n\nexport const GlobalStyle = createGlobalStyle`\n :root {\n --color-primary: #5d2bff;\n --color-secondary: #5d2bff;\n\n --color-theme-100: #ffffff;\n --color-theme-200: #f6f6f9;\n --color-theme-300: #ebebee;\n --color-theme-400: #d7d7da;\n --color-theme-500: #b9b9bd;\n --color-theme-600: #89898e;\n --color-theme-700: #6d6d73;\n --color-theme-800: #5b5b61;\n --color-theme-900: #303037;\n\n --color-primary-200: rgba(93, 43, 255, 0.05);\n --color-primary-300: rgba(93, 43, 255, 0.1);\n --color-primary-400: rgba(93, 43, 255, 0.25);\n --color-primary-500: rgba(93, 43, 255, 0.5);\n --color-primary-600: rgba(93, 43, 255, 0.75);\n --color-primary-700: #5d2bff;\n --color-primary-800: #4a21cd;\n --color-primary-900: #32178b;\n\n --color-secondary-200: rgba(93, 43, 255, 0.05);\n --color-secondary-300: rgba(93, 43, 255, 0.1);\n --color-secondary-400: rgba(93, 43, 255, 0.25);\n --color-secondary-500: rgba(93, 43, 255, 0.5);\n --color-secondary-600: rgba(93, 43, 255, 0.75);\n --color-secondary-700: #5d2bff;\n --color-secondary-800: #4a21cd;\n --color-secondary-900: #32178b;\n\n --color-theme-transparent-200: rgba(36,36,76,0.04);\n --color-theme-transparent-300: rgba(48,48,55,0.1);\n --color-theme-transparent-400: rgba(48,48,55,0.2);\n --color-theme-transparent-500: rgba(48,48,55,0.34);\n --color-theme-transparent-600: rgba(48,48,55,0.57);\n --color-theme-transparent-700: rgba(48,48,55,0.7);\n --color-theme-transparent-800: rgba(48,48,55,0.8);\n\n --color-primary-opaque-300: #efeaff;\n --color-primary-opaque-400: #d6caff;\n\n --color-secondary-opaque-300: #efeaff;\n --color-secondary-opaque-400: #d6caff;\n\n --color-sucess-green: #64cd93;\n --color-pale-green: #c3e799;\n --color-progress-blue: #4182f2;\n\n --color-yellow: #FDF196;\n --color-yellow-darker: #948D5D;\n --color-yellow-lighter: #EBD429;\n --color-orange: #FBBB75;\n --color-orange-darker: #916C43;\n --color-orange-lighter: #E99841;\n --color-beige: #EAC2AD;\n --color-beige-darker: #877064;\n --color-beige-lighter: #B98A72;\n --color-pink: #FBD6E7;\n --color-pink-darker: #917C86;\n --color-pink-lighter: #E4A1C0;\n --color-coral: #FF9C9C;\n --color-coral-darker: #945A5A;\n --color-coral-lighter: #DB4545;\n --color-purple-dirty: #C49CB6;\n --color-purple-dirty-darker: #715A69;\n --color-purple-dirty-lighter: #B16E9A;\n --color-purple: #BEACF9;\n --color-purple-darker: #6E6390;\n --color-purple-lighter: #9B86DF;\n --color-blue-aqua: #BDF7FD;\n --color-blue-aqua-darker: #6D8F92;\n --color-blue-aqua-lighter: #7BDDE7;\n --color-blue-pale: #BEEAFF;\n --color-blue-pale-darker: #6E8794;\n --color-blue-pale-lighter: #92BFD4;\n --color-blue-sky: #A0CBFD;\n --color-blue-sky-darker: #5C7592;\n --color-blue-sky-lighter: #568CCB;\n --color-turquoise: #B9E4E0;\n --color-turquoise-darker: #6B8482;\n --color-turquoise-lighter: #70BFB8;\n --color-green-pale: #C3E799;\n --color-green-pale-darker: #718658;\n --color-green-pale-lighter: #80C333;\n --color-green-olive-drab: #98B57C;\n --color-green-olive-drab-darker: #647157;\n --color-green-olive-drab-lighter: #819F65;\n --color-gray-silver: #DDDDDD;\n --color-gray-silver-darker: #808080;\n --color-gray-silver-lighter: #ACACAC;\n --color-gray: #CACACA;\n --color-gray-darker: #757575;\n --color-gray-lighter: #7D7D7D;\n\n --body-bg-main: rgb(244, 245, 247);\n --body-bg-main-transparent: rgba(244, 245, 247, 0);\n --page-paper-main: #ffffff;\n --border-primary: #d7d7da;\n\n --note-bg: #fff9f1;\n\n --shadow-primary-hover: 0 64px 64px 0 rgba(0, 0, 0, 0.1),\n 0 32px 32px 0 rgba(0, 0, 0, 0.06), 0 16px 16px 0 rgba(0, 0, 0, 0.04),\n 0 4px 4px 0 rgba(0, 0, 0, 0.04), 0 2px 2px 0 rgba(0, 0, 0, 0.04);\n --shadow-primary: 0 64px 64px 0 rgba(0, 0, 0, 0.06),\n 0 32px 32px 0 rgba(0, 0, 0, 0.03), 0 16px 16px 0 rgba(0, 0, 0, 0.02),\n 0 4px 4px 0 rgba(0, 0, 0, 0.02), 0 2px 2px 0 rgba(0, 0, 0, 0.02);\n\n --shadow-secondary: 0 4px 14px 0 rgba(0, 0, 0, 0.17);\n\n --shadow-tertiary: 0 4px 6px -2px rgba(0, 0, 0, 0.05),\n 0 10px 15px -3px rgba(0, 0, 0, 0.1);\n --shadow-tertiary-hover: 0 4px 10px -2px rgba(0, 0, 0, 0.1),\n 0 12px 20px -3px rgba(0, 0, 0, 0.2);\n\n --page-paper-main-shadow: rgba(\n 255,\n 255,\n 255,\n 0\n ); /* Shadow list shadow for page paper main /\n\n --modal-background: rgba(244, 245, 247, 0.6);\n\n --highlight-dark: rgba(0, 0, 0, 0.03);\n\n --input-background-color: #ffffff;\n\n --ai-gradient: linear-gradient(135deg, #4da2ed, #9f69e5, #ec43d8, #f72222);\n \n --ai-gradient-lighter: linear-gradient(\n 135deg,\n rgba(77, 162, 237, 0.1),\n rgba(159, 105, 229, 0.1),\n rgba(236, 67, 216, 0.1),\n rgba(230, 10, 10, 0.1)\n );\n\n --red-alert: rgb(237, 97, 97);\n\n --warning: #ffcc6b;\n\n --only-white: #ffffff;\n\n --only-black: #000000;\n\n --ac-br-4: 4px;\n\n --ac-br-6: 6px;\n\n --ac-br-8: 8px;\n\n --ac-br-rounded: 999px;\n }\n\n .cupcake {\n --color-primary: #29bcdd;\n --color-secondary: #fe6fa7;\n\n --color-primary-200: rgba(41, 188, 221, 0.07);\n --color-primary-300: rgba(41, 188, 221, 0.12);\n --color-primary-400: rgba(41, 188, 221, 0.26);\n --color-primary-500: rgba(41, 188, 221, 0.52);\n --color-primary-600: rgba(41, 188, 221, 0.75);\n --color-primary-700: #29bcdd;\n --color-primary-800: #219fbb;\n --color-primary-900: #1a768b;\n\n --color-secondary-200: rgba(254, 111, 167, 0.07);\n --color-secondary-300: rgba(254, 111, 167, 0.13);\n --color-secondary-400: rgba(254, 111, 167, 0.27);\n --color-secondary-500: rgba(254, 111, 167, 0.52);\n --color-secondary-600: rgba(254, 111, 167, 0.75);\n --color-secondary-700: #fe6fa7;\n --color-secondary-800: #dd6091;\n --color-secondary-900: #ab496f;\n\n --color-primary-opaque-300: #e5f7fb;\n --color-primary-opaque-400: #c8eef6;\n\n --color-secondary-opaque-300: #ffecf4;\n --color-secondary-opaque-400: #ffd8e7;\n }\n\n .classic {\n --color-primary: #4182f2;\n --color-secondary: #4182f2;\n\n --color-primary-200: rgba(65, 130, 242, 0.07);\n --color-primary-300: rgba(65, 130, 242, 0.13);\n --color-primary-400: rgba(65, 130, 242, 0.26);\n --color-primary-500: rgba(65, 130, 242, 0.52);\n --color-primary-600: rgba(65, 130, 242, 0.75);\n --color-primary-700: #4182f2;\n --color-primary-800: #356bc8;\n --color-primary-900: #244a8a;\n\n --color-secondary-200: rgba(65, 130, 242, 0.07);\n --color-secondary-300: rgba(65, 130, 242, 0.13);\n --color-secondary-400: rgba(65, 130, 242, 0.26);\n --color-secondary-500: rgba(65, 130, 242, 0.52);\n --color-secondary-600: rgba(65, 130, 242, 0.75);\n --color-secondary-700: #4182f2;\n --color-secondary-800: #356bc8;\n --color-secondary-900: #244a8a;\n\n --color-primary-opaque-300: #e6effd;\n --color-primary-opaque-400: #cedffc;\n\n --color-secondary-opaque-300: #e6effd;\n --color-secondary-opaque-400: #cedffc;\n }\n\n .neon {\n --color-primary: #67ffc8;\n --color-secondary: #67ffc8;\n\n --color-theme-100: #000000;\n --color-theme-200: #31333e;\n --color-theme-300: #2b2d37;\n --color-theme-400: #1f2024;\n --color-theme-500: #6D6D73;\n --color-theme-600: #89898e;\n --color-theme-700: #b0b0b5;\n --color-theme-800: #dfdfe5;\n --color-theme-900: #ffffff;\n\n --color-primary-200: rgba(103, 255, 200, 0.05);\n --color-primary-300: rgba(103, 255, 200, 0.1);\n --color-primary-400: rgba(103, 255, 200, 0.25);\n --color-primary-500: rgba(103, 255, 200, 0.5);\n --color-primary-600: rgba(103, 255, 200, 0.75);\n --color-primary-700: #67ffc8;\n --color-primary-800: #a5ffdf;\n --color-primary-900: #d0fdec;\n\n --color-secondary-200: rgba(103, 255, 200, 0.05);\n --color-secondary-300: rgba(103, 255, 200, 0.1);\n --color-secondary-400: rgba(103, 255, 200, 0.25);\n --color-secondary-500: rgba(103, 255, 200, 0.5);\n --color-secondary-600: rgba(103, 255, 200, 0.75);\n --color-secondary-700: #67ffc8;\n --color-secondary-800: #a5ffdf;\n --color-secondary-900: #d0fdec;\n\n --color-theme-transparent-200: rgba(6,7,8,0.12);\n --color-theme-transparent-300: rgba(6,7,8,0.22);\n --color-theme-transparent-400: rgba(6,7,8,0.5);\n --color-theme-transparent-500: rgba(255,255,255,0.27);\n --color-theme-transparent-600: rgba(255,255,255,0.4);\n --color-theme-transparent-700: rgba(255,255,255,0.6);\n --color-theme-transparent-800: rgba(255,255,255,0.85);\n\n --color-primary-opaque-300: #3b4e51;\n --color-primary-opaque-400: #436b64;\n\n --color-secondary-opaque-300: #3b4e51;\n --color-secondary-opaque-400: #436b64;\n\n --body-bg-main: rgb(44, 46, 56);\n --body-bg-main-transparent: rgba(44, 46, 56, 0);\n --page-paper-main: #373a44;\n --border-primary: #1f2024;\n\n --note-bg: #464545;\n\n --shadow-primary-hover: 0 64px 64px 0 rgba(0, 0, 0, 0.2),\n 0 32px 32px 0 rgba(0, 0, 0, 0.2), 0 16px 16px 0 rgba(0, 0, 0, 0.2),\n 0 4px 4px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.2);\n --shadow-primary: 0 64px 64px 0 rgba(0, 0, 0, 0.1),\n 0 32px 32px 0 rgba(0, 0, 0, 0.1), 0 16px 16px 0 rgba(0, 0, 0, 0.1),\n 0 4px 4px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.1);\n\n --shadow-secondary: 0 4px 14px 0 rgba(0, 0, 0, 0.3);\n\n --shadow-tertiary: 0 4px 6px -2px rgba(0, 0, 0, 0.1),\n 0 10px 15px -3px rgba(0, 0, 0, 0.15);\n --shadow-tertiary-hover: 0 4px 12px -2px rgba(0, 0, 0, 0.4),\n 0 10px 30px -3px rgba(0, 0, 0, 0.5);\n\n --page-paper-main-shadow: rgba(\n 55,\n 58,\n 68,\n 0\n ); / Shadow list shadow for page paper main /\n\n --modal-background: rgba(44, 46, 56, 0.7);\n\n --highlight-dark: rgba(0, 0, 0, 0.06);\n\n --input-background-color: #2c2e38;\n\n --only-white: #ffffff;\n\n --only-black: #000000;\n }\n\n html {\n color-scheme: light;\n }\n\n html {\n &.neon {\n color-scheme: dark;\n }\n }\n\n .ac-shadow,\n .ac-shadow--raised {\n &--lg {\n box-shadow: var(--shadow-primary);\n }\n &--sm {\n box-shadow: var(--shadow-tertiary);\n }\n }\n\n .ac-shadow--raised {\n &--lg {\n transition: box-shadow 0.3s;\n &:hover {\n box-shadow: var(--shadow-primary-hover);\n }\n }\n &--sm {\n transition: box-shadow 0.3s;\n &:hover {\n box-shadow: var(--shadow-tertiary-hover);\n }\n }\n }\n\n .ac-shadow-optimized--sm {\n position: relative;\n box-shadow: var(--shadow-tertiary);\n\n &::before {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n content: \"\";\n box-shadow: var(--shadow-tertiary);\n opacity: 0;\n border-radius: var(--ac-br-6);\n transition: opacity 0.3s ease;\n z-index: -1;\n }\n\n @media (hover: hover) {\n &:hover::before {\n opacity: 1;\n }\n }\n }\n\n .ac-shadow-optimized--lg {\n position: relative;\n box-shadow: var(--shadow-primary);\n\n &::before {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n content: \"\";\n box-shadow: var(--shadow-primary);\n opacity: 0;\n border-radius: var(--ac-br-8);\n transition: opacity 0.3s ease;\n z-index: -1;\n }\n\n @media (hover: hover) {\n &:hover::before {\n opacity: 1;\n }\n }\n }\n\n .ac-border-radius {\n &-4 {\n border-radius: var(--ac-br-4);\n }\n\n &-6 {\n border-radius: var(--ac-br-6);\n }\n\n &-8 {\n border-radius: var(--ac-br-8);\n }\n\n &-rounded {\n border-radius: var(--ac-br-rounded);\n }\n }\n\n\n // CSS Tooltip ::after content: data-tooltip\n\n .c-cooltip {\n position: relative;\n\n /\n * Prefer scoped variables in this case.\n * This lines of CSS should be scoped too.\n /\n\n --cooltip-spacing: 0.5rem;\n --cooltip-padding: 0.25rem 0.625rem;\n --cooltip-max-width: 12.5rem;\n\n --cooltip-transition-duration: 0.15s, 0.1s, 0.15s;\n --cooltip-transition-delay: 0.6s;\n --cooltip-timing: ease, ease, cubic-bezier(0.39, 0.575, 0.565, 1);\n }\n\n .c-cooltip::after {\n /\n * will-change is intended to be used as a last resort,\n * in order to try to deal with existing performance problems.\n * It should not be used to anticipate performance problems.\n * https://developer.mozilla.org/en-US/docs/Web/CSS/will-change\n \n will-change: transform, opacity\n /\n pointer-events: none;\n content: attr(data-tooltip);\n position: absolute;\n color: #fff;\n opacity: 0;\n background-color: rgba(0, 0, 0, 0.9);\n border-radius: 0.5rem;\n font-size: 0.75rem;\n font-weight: 500;\n line-height: 1.3;\n max-width: var(--cooltip-max-width);\n padding: var(--cooltip-padding);\n text-align: center;\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n }\n\n .c-cooltip--top::after {\n bottom: calc(100% + var(--cooltip-spacing));\n left: 50%;\n transform: scale(0.85) translateX(-50%);\n transform-origin: 0;\n }\n\n .c-cooltip--right::after {\n left: calc(100% + var(--cooltip-spacing));\n transform: scale(0.85);\n }\n\n .c-cooltip--bottom::after {\n top: calc(100% + var(--cooltip-spacing));\n left: 50%;\n transform: scale(0.85) translateX(-50%);\n transform-origin: 0;\n }\n\n .c-cooltip--left::after {\n right: calc(100% + var(--cooltip-spacing));\n transform: scale(0.85);\n }\n\n /\n * Make sure that disabled and aria pressed\n * items do not have tooltips available.\n /\n .c-cooltip:disabled::after,\n [aria-pressed=\"true\"]::after {\n display: none;\n }\n\n /\n \n Only use hover when is available .\n * https://developer.mozilla.org/en-US/docs/Web/CSS/@media/hover\n /\n @media (hover: hover) {\n /\n * Here we maybe have a complex selector but actually it's not.\n * We simply asks here to show tooltip only on hover.\n * Focused elements (in this case, clicked elements) should hide the tooltip.\n /\n .c-cooltip--top:not(:focus):hover::after,\n .c-cooltip--bottom:not(:focus):hover::after {\n transition-property: opacity, transform;\n transition-duration: var(--cooltip-transition-duration);\n transition-delay: var(--cooltip-transition-delay);\n transition-timing-function: var(--cooltip-timing);\n transform: scale(1) translateX(-50%);\n opacity: 1;\n }\n\n /\n \n This is not code duplication!\n * Transform properties are tricky to animate and values\n * are not the same depending on the tooltip position.\n \n Animating only one transform, eg. scale(1) will\n * override all previously set transforms, eg. translateY.\n * So we need to always chain them.\n * eg. transform: scale(1) translateY(-50%) etc...\n */\n\n .c-cooltip--right:not(:focus):hover::after,\n .c-cooltip--left:not(:focus):hover::after {\n transition-property: opacity, transform;\n transition-duration: var(--cooltip-transition-duration);\n transition-delay: var(--cooltip-transition-delay);\n transition-timing-function: var(--cooltip-timing);\n transform: scale(1);\n opacity: 1;\n }\n }\n\n .c-date-picker--calendar {\n width: 260px;\n padding: 16px 0px 8px 0px;\n margin: auto;\n background-color: var(--page-paper-main);\n }\n`;\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,OAAA;AAEO,IAAMC,WAAW,GAAAC,OAAA,CAAAD,WAAA,OAAGE,mCAAiB,ouVAshB3C","ignoreList":[]}
1	+ {"version":3,"file":"GlobalStyle.js","names":["_styledComponents","require","_themes","GlobalStyle","exports","createGlobalStyle","DARK_THEME_MATCH"],"sources":["../../../src/components/GlobalStyle.ts"],"sourcesContent":["import { createGlobalStyle } from \"styled-components\";\n\nimport { DARK_THEME_MATCH } from \"../utils/themes\";\n\nexport const GlobalStyle = createGlobalStyle`\n :root {\n --color-primary: #5d2bff;\n --color-secondary: #5d2bff;\n\n --color-theme-100: #ffffff;\n --color-theme-200: #f6f6f9;\n --color-theme-300: #ebebee;\n --color-theme-400: #d7d7da;\n --color-theme-500: #b9b9bd;\n --color-theme-600: #89898e;\n --color-theme-700: #6d6d73;\n --color-theme-800: #5b5b61;\n --color-theme-900: #303037;\n\n --color-primary-200: rgba(93, 43, 255, 0.05);\n --color-primary-300: rgba(93, 43, 255, 0.1);\n --color-primary-400: rgba(93, 43, 255, 0.25);\n --color-primary-500: rgba(93, 43, 255, 0.5);\n --color-primary-600: rgba(93, 43, 255, 0.75);\n --color-primary-700: #5d2bff;\n --color-primary-800: #4a21cd;\n --color-primary-900: #32178b;\n\n --color-secondary-200: rgba(93, 43, 255, 0.05);\n --color-secondary-300: rgba(93, 43, 255, 0.1);\n --color-secondary-400: rgba(93, 43, 255, 0.25);\n --color-secondary-500: rgba(93, 43, 255, 0.5);\n --color-secondary-600: rgba(93, 43, 255, 0.75);\n --color-secondary-700: #5d2bff;\n --color-secondary-800: #4a21cd;\n --color-secondary-900: #32178b;\n\n --color-theme-transparent-200: rgba(36,36,76,0.04);\n --color-theme-transparent-300: rgba(48,48,55,0.1);\n --color-theme-transparent-400: rgba(48,48,55,0.2);\n --color-theme-transparent-500: rgba(48,48,55,0.34);\n --color-theme-transparent-600: rgba(48,48,55,0.57);\n --color-theme-transparent-700: rgba(48,48,55,0.7);\n --color-theme-transparent-800: rgba(48,48,55,0.8);\n\n --color-primary-opaque-300: #efeaff;\n --color-primary-opaque-400: #d6caff;\n\n --color-secondary-opaque-300: #efeaff;\n --color-secondary-opaque-400: #d6caff;\n\n --color-sucess-green: #64cd93;\n --color-pale-green: #c3e799;\n --color-progress-blue: #4182f2;\n\n --color-yellow: #FDF196;\n --color-yellow-darker: #948D5D;\n --color-yellow-lighter: #EBD429;\n --color-orange: #FBBB75;\n --color-orange-darker: #916C43;\n --color-orange-lighter: #E99841;\n --color-beige: #EAC2AD;\n --color-beige-darker: #877064;\n --color-beige-lighter: #B98A72;\n --color-pink: #FBD6E7;\n --color-pink-darker: #917C86;\n --color-pink-lighter: #E4A1C0;\n --color-coral: #FF9C9C;\n --color-coral-darker: #945A5A;\n --color-coral-lighter: #DB4545;\n --color-purple-dirty: #C49CB6;\n --color-purple-dirty-darker: #715A69;\n --color-purple-dirty-lighter: #B16E9A;\n --color-purple: #BEACF9;\n --color-purple-darker: #6E6390;\n --color-purple-lighter: #9B86DF;\n --color-blue-aqua: #BDF7FD;\n --color-blue-aqua-darker: #6D8F92;\n --color-blue-aqua-lighter: #7BDDE7;\n --color-blue-pale: #BEEAFF;\n --color-blue-pale-darker: #6E8794;\n --color-blue-pale-lighter: #92BFD4;\n --color-blue-sky: #A0CBFD;\n --color-blue-sky-darker: #5C7592;\n --color-blue-sky-lighter: #568CCB;\n --color-turquoise: #B9E4E0;\n --color-turquoise-darker: #6B8482;\n --color-turquoise-lighter: #70BFB8;\n --color-green-pale: #C3E799;\n --color-green-pale-darker: #718658;\n --color-green-pale-lighter: #80C333;\n --color-green-olive-drab: #98B57C;\n --color-green-olive-drab-darker: #647157;\n --color-green-olive-drab-lighter: #819F65;\n --color-gray-silver: #DDDDDD;\n --color-gray-silver-darker: #808080;\n --color-gray-silver-lighter: #ACACAC;\n --color-gray: #CACACA;\n --color-gray-darker: #757575;\n --color-gray-lighter: #7D7D7D;\n\n --body-bg-main: rgb(244, 245, 247);\n --body-bg-main-transparent: rgba(244, 245, 247, 0);\n --page-paper-main: #ffffff;\n --border-primary: #d7d7da;\n\n --note-bg: #fff9f1;\n\n --shadow-primary-hover: 0 64px 64px 0 rgba(0, 0, 0, 0.1),\n 0 32px 32px 0 rgba(0, 0, 0, 0.06), 0 16px 16px 0 rgba(0, 0, 0, 0.04),\n 0 4px 4px 0 rgba(0, 0, 0, 0.04), 0 2px 2px 0 rgba(0, 0, 0, 0.04);\n --shadow-primary: 0 64px 64px 0 rgba(0, 0, 0, 0.06),\n 0 32px 32px 0 rgba(0, 0, 0, 0.03), 0 16px 16px 0 rgba(0, 0, 0, 0.02),\n 0 4px 4px 0 rgba(0, 0, 0, 0.02), 0 2px 2px 0 rgba(0, 0, 0, 0.02);\n\n --shadow-secondary: 0 4px 14px 0 rgba(0, 0, 0, 0.17);\n\n --shadow-tertiary: 0 4px 6px -2px rgba(0, 0, 0, 0.05),\n 0 10px 15px -3px rgba(0, 0, 0, 0.1);\n --shadow-tertiary-hover: 0 4px 10px -2px rgba(0, 0, 0, 0.1),\n 0 12px 20px -3px rgba(0, 0, 0, 0.2);\n\n --page-paper-main-shadow: rgba(\n 255,\n 255,\n 255,\n 0\n ); /* Shadow list shadow for page paper main /\n\n --modal-background: rgba(244, 245, 247, 0.6);\n\n --highlight-dark: rgba(0, 0, 0, 0.03);\n\n --input-background-color: #ffffff;\n\n / Consumed by app LESS under the dark-theme selector; every theme must define them so a dark\n theme never inherits another theme's chrome. /\n --color-primary-100: rgba(93, 43, 255, 0.03);\n --color-primary-opaque-200: #f7f4ff;\n --muted-text: #6d6d73;\n --alert-surface: rgba(243, 24, 72, 0.12);\n --muted-surface: #d7d7da;\n --muted-surface-text: #303037;\n --stripe-pattern: #e6e6e9;\n --drop-overlay-bg: rgba(255, 255, 255, 0.93);\n\n --ai-gradient: linear-gradient(135deg, #4da2ed, #9f69e5, #ec43d8, #f72222);\n \n --ai-gradient-lighter: linear-gradient(\n 135deg,\n rgba(77, 162, 237, 0.1),\n rgba(159, 105, 229, 0.1),\n rgba(236, 67, 216, 0.1),\n rgba(230, 10, 10, 0.1)\n );\n\n --red-alert: rgb(237, 97, 97);\n\n --warning: #ffcc6b;\n\n --only-white: #ffffff;\n\n --only-black: #000000;\n\n --ac-br-4: 4px;\n\n --ac-br-6: 6px;\n\n --ac-br-8: 8px;\n\n --ac-br-rounded: 999px;\n }\n\n .cupcake {\n --color-primary: #29bcdd;\n --color-secondary: #fe6fa7;\n\n --color-primary-200: rgba(41, 188, 221, 0.07);\n --color-primary-300: rgba(41, 188, 221, 0.12);\n --color-primary-400: rgba(41, 188, 221, 0.26);\n --color-primary-500: rgba(41, 188, 221, 0.52);\n --color-primary-600: rgba(41, 188, 221, 0.75);\n --color-primary-700: #29bcdd;\n --color-primary-800: #219fbb;\n --color-primary-900: #1a768b;\n\n --color-secondary-200: rgba(254, 111, 167, 0.07);\n --color-secondary-300: rgba(254, 111, 167, 0.13);\n --color-secondary-400: rgba(254, 111, 167, 0.27);\n --color-secondary-500: rgba(254, 111, 167, 0.52);\n --color-secondary-600: rgba(254, 111, 167, 0.75);\n --color-secondary-700: #fe6fa7;\n --color-secondary-800: #dd6091;\n --color-secondary-900: #ab496f;\n\n --color-primary-opaque-300: #e5f7fb;\n --color-primary-opaque-400: #c8eef6;\n\n --color-secondary-opaque-300: #ffecf4;\n --color-secondary-opaque-400: #ffd8e7;\n\n --color-primary-100: rgba(41, 188, 221, 0.04);\n --color-primary-opaque-200: #f0fafc;\n }\n\n .classic {\n --color-primary: #4182f2;\n --color-secondary: #4182f2;\n\n --color-primary-200: rgba(65, 130, 242, 0.07);\n --color-primary-300: rgba(65, 130, 242, 0.13);\n --color-primary-400: rgba(65, 130, 242, 0.26);\n --color-primary-500: rgba(65, 130, 242, 0.52);\n --color-primary-600: rgba(65, 130, 242, 0.75);\n --color-primary-700: #4182f2;\n --color-primary-800: #356bc8;\n --color-primary-900: #244a8a;\n\n --color-secondary-200: rgba(65, 130, 242, 0.07);\n --color-secondary-300: rgba(65, 130, 242, 0.13);\n --color-secondary-400: rgba(65, 130, 242, 0.26);\n --color-secondary-500: rgba(65, 130, 242, 0.52);\n --color-secondary-600: rgba(65, 130, 242, 0.75);\n --color-secondary-700: #4182f2;\n --color-secondary-800: #356bc8;\n --color-secondary-900: #244a8a;\n\n --color-primary-opaque-300: #e6effd;\n --color-primary-opaque-400: #cedffc;\n\n --color-secondary-opaque-300: #e6effd;\n --color-secondary-opaque-400: #cedffc;\n\n --color-primary-100: rgba(65, 130, 242, 0.04);\n --color-primary-opaque-200: #f2f6fe;\n }\n\n .neon {\n --color-primary: #67ffc8;\n --color-secondary: #67ffc8;\n\n --color-theme-100: #000000;\n --color-theme-200: #31333e;\n --color-theme-300: #2b2d37;\n --color-theme-400: #1f2024;\n --color-theme-500: #6D6D73;\n --color-theme-600: #89898e;\n --color-theme-700: #b0b0b5;\n --color-theme-800: #dfdfe5;\n --color-theme-900: #ffffff;\n\n --color-primary-200: rgba(103, 255, 200, 0.05);\n --color-primary-300: rgba(103, 255, 200, 0.1);\n --color-primary-400: rgba(103, 255, 200, 0.25);\n --color-primary-500: rgba(103, 255, 200, 0.5);\n --color-primary-600: rgba(103, 255, 200, 0.75);\n --color-primary-700: #67ffc8;\n --color-primary-800: #a5ffdf;\n --color-primary-900: #d0fdec;\n\n --color-secondary-200: rgba(103, 255, 200, 0.05);\n --color-secondary-300: rgba(103, 255, 200, 0.1);\n --color-secondary-400: rgba(103, 255, 200, 0.25);\n --color-secondary-500: rgba(103, 255, 200, 0.5);\n --color-secondary-600: rgba(103, 255, 200, 0.75);\n --color-secondary-700: #67ffc8;\n --color-secondary-800: #a5ffdf;\n --color-secondary-900: #d0fdec;\n\n --color-theme-transparent-200: rgba(6,7,8,0.12);\n --color-theme-transparent-300: rgba(6,7,8,0.22);\n --color-theme-transparent-400: rgba(6,7,8,0.5);\n --color-theme-transparent-500: rgba(255,255,255,0.27);\n --color-theme-transparent-600: rgba(255,255,255,0.4);\n --color-theme-transparent-700: rgba(255,255,255,0.6);\n --color-theme-transparent-800: rgba(255,255,255,0.85);\n\n --color-primary-opaque-300: #3b4e51;\n --color-primary-opaque-400: #436b64;\n\n --color-secondary-opaque-300: #3b4e51;\n --color-secondary-opaque-400: #436b64;\n\n --body-bg-main: rgb(44, 46, 56);\n --body-bg-main-transparent: rgba(44, 46, 56, 0);\n --page-paper-main: #373a44;\n --border-primary: #1f2024;\n\n --note-bg: #464545;\n\n --shadow-primary-hover: 0 64px 64px 0 rgba(0, 0, 0, 0.2),\n 0 32px 32px 0 rgba(0, 0, 0, 0.2), 0 16px 16px 0 rgba(0, 0, 0, 0.2),\n 0 4px 4px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.2);\n --shadow-primary: 0 64px 64px 0 rgba(0, 0, 0, 0.1),\n 0 32px 32px 0 rgba(0, 0, 0, 0.1), 0 16px 16px 0 rgba(0, 0, 0, 0.1),\n 0 4px 4px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.1);\n\n --shadow-secondary: 0 4px 14px 0 rgba(0, 0, 0, 0.3);\n\n --shadow-tertiary: 0 4px 6px -2px rgba(0, 0, 0, 0.1),\n 0 10px 15px -3px rgba(0, 0, 0, 0.15);\n --shadow-tertiary-hover: 0 4px 12px -2px rgba(0, 0, 0, 0.4),\n 0 10px 30px -3px rgba(0, 0, 0, 0.5);\n\n --page-paper-main-shadow: rgba(\n 55,\n 58,\n 68,\n 0\n ); / Shadow list shadow for page paper main /\n\n --modal-background: rgba(44, 46, 56, 0.7);\n\n --highlight-dark: rgba(0, 0, 0, 0.06);\n\n --input-background-color: #2c2e38;\n\n --only-white: #ffffff;\n\n --only-black: #000000;\n\n --color-primary-100: rgba(103, 255, 200, 0.08);\n --color-primary-opaque-200: #394a44;\n --muted-text: #cfcfd0;\n --alert-surface: rgba(243, 24, 72, 0.25);\n --muted-surface: #b4b4b8;\n --muted-surface-text: #4a4a4a;\n --stripe-pattern: #5c494d;\n --drop-overlay-bg: rgba(55, 58, 68, 0.93);\n }\n\n .dracula {\n --color-primary: #bd93f9;\n --color-secondary: #ff79c6;\n\n --color-theme-100: #000000;\n --color-theme-200: #303243;\n --color-theme-300: #272935;\n --color-theme-400: #191a21;\n --color-theme-500: #6272a4;\n --color-theme-600: #7d8ab8;\n --color-theme-700: #a4aecd;\n --color-theme-800: #dededa;\n --color-theme-900: #f8f8f2;\n\n --color-primary-200: rgba(189, 147, 249, 0.05);\n --color-primary-300: rgba(189, 147, 249, 0.1);\n --color-primary-400: rgba(189, 147, 249, 0.25);\n --color-primary-500: rgba(189, 147, 249, 0.5);\n --color-primary-600: rgba(189, 147, 249, 0.75);\n --color-primary-700: #bd93f9;\n --color-primary-800: #d2b6fb;\n --color-primary-900: #e4d3fd;\n\n --color-secondary-200: rgba(255, 121, 198, 0.05);\n --color-secondary-300: rgba(255, 121, 198, 0.1);\n --color-secondary-400: rgba(255, 121, 198, 0.25);\n --color-secondary-500: rgba(255, 121, 198, 0.5);\n --color-secondary-600: rgba(255, 121, 198, 0.75);\n --color-secondary-700: #ff79c6;\n --color-secondary-800: #ffa3d7;\n --color-secondary-900: #ffc9e7;\n\n --color-theme-transparent-200: rgba(6, 7, 8, 0.12);\n --color-theme-transparent-300: rgba(6, 7, 8, 0.22);\n --color-theme-transparent-400: rgba(6, 7, 8, 0.5);\n --color-theme-transparent-500: rgba(255, 255, 255, 0.27);\n --color-theme-transparent-600: rgba(255, 255, 255, 0.4);\n --color-theme-transparent-700: rgba(255, 255, 255, 0.6);\n --color-theme-transparent-800: rgba(255, 255, 255, 0.85);\n\n --color-primary-opaque-300: #4a3f66;\n --color-primary-opaque-400: #5b4b7d;\n\n --color-secondary-opaque-300: #5f3b52;\n --color-secondary-opaque-400: #7a4a69;\n\n --body-bg-main: rgb(40, 42, 54);\n --body-bg-main-transparent: rgba(40, 42, 54, 0);\n --page-paper-main: #343746;\n --border-primary: #191a21;\n\n --note-bg: #3c3a2e;\n\n --shadow-primary-hover: 0 64px 64px 0 rgba(0, 0, 0, 0.2),\n 0 32px 32px 0 rgba(0, 0, 0, 0.2), 0 16px 16px 0 rgba(0, 0, 0, 0.2),\n 0 4px 4px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.2);\n --shadow-primary: 0 64px 64px 0 rgba(0, 0, 0, 0.1),\n 0 32px 32px 0 rgba(0, 0, 0, 0.1), 0 16px 16px 0 rgba(0, 0, 0, 0.1),\n 0 4px 4px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.1);\n\n --shadow-secondary: 0 4px 14px 0 rgba(0, 0, 0, 0.3);\n\n --shadow-tertiary: 0 4px 6px -2px rgba(0, 0, 0, 0.1),\n 0 10px 15px -3px rgba(0, 0, 0, 0.15);\n --shadow-tertiary-hover: 0 4px 12px -2px rgba(0, 0, 0, 0.4),\n 0 10px 30px -3px rgba(0, 0, 0, 0.5);\n\n --page-paper-main-shadow: rgba(52, 55, 70, 0);\n\n --modal-background: rgba(40, 42, 54, 0.7);\n\n --highlight-dark: rgba(0, 0, 0, 0.06);\n\n --input-background-color: #21222c;\n\n --color-primary-100: rgba(189, 147, 249, 0.08);\n --color-primary-opaque-200: #383349;\n --muted-text: #d0d0cb;\n --alert-surface: rgba(255, 85, 85, 0.25);\n --muted-surface: #a9aec4;\n --muted-surface-text: #282a36;\n --stripe-pattern: #5a4550;\n --drop-overlay-bg: rgba(52, 55, 70, 0.93);\n }\n\n .one-dark {\n --color-primary: #61afef;\n --color-secondary: #c678dd;\n\n --color-theme-100: #000000;\n --color-theme-200: #2f343f;\n --color-theme-300: #262a31;\n --color-theme-400: #21252b;\n --color-theme-500: #5c6370;\n --color-theme-600: #767d8a;\n --color-theme-700: #9aa2b1;\n --color-theme-800: #cdd3de;\n --color-theme-900: #dcdfe4;\n\n --color-primary-200: rgba(97, 175, 239, 0.05);\n --color-primary-300: rgba(97, 175, 239, 0.1);\n --color-primary-400: rgba(97, 175, 239, 0.25);\n --color-primary-500: rgba(97, 175, 239, 0.5);\n --color-primary-600: rgba(97, 175, 239, 0.75);\n --color-primary-700: #61afef;\n --color-primary-800: #8ec6f4;\n --color-primary-900: #bcdcf9;\n\n --color-secondary-200: rgba(198, 120, 221, 0.05);\n --color-secondary-300: rgba(198, 120, 221, 0.1);\n --color-secondary-400: rgba(198, 120, 221, 0.25);\n --color-secondary-500: rgba(198, 120, 221, 0.5);\n --color-secondary-600: rgba(198, 120, 221, 0.75);\n --color-secondary-700: #c678dd;\n --color-secondary-800: #d79ce8;\n --color-secondary-900: #e8c2f2;\n\n --color-theme-transparent-200: rgba(6, 7, 8, 0.12);\n --color-theme-transparent-300: rgba(6, 7, 8, 0.22);\n --color-theme-transparent-400: rgba(6, 7, 8, 0.5);\n --color-theme-transparent-500: rgba(255, 255, 255, 0.27);\n --color-theme-transparent-600: rgba(255, 255, 255, 0.4);\n --color-theme-transparent-700: rgba(255, 255, 255, 0.6);\n --color-theme-transparent-800: rgba(255, 255, 255, 0.85);\n\n --color-primary-opaque-300: #33475c;\n --color-primary-opaque-400: #3c5771;\n\n --color-secondary-opaque-300: #4a3552;\n --color-secondary-opaque-400: #5e4268;\n\n --body-bg-main: rgb(40, 44, 52);\n --body-bg-main-transparent: rgba(40, 44, 52, 0);\n --page-paper-main: #31363f;\n --border-primary: #21252b;\n\n --note-bg: #3a3730;\n\n --shadow-primary-hover: 0 64px 64px 0 rgba(0, 0, 0, 0.2),\n 0 32px 32px 0 rgba(0, 0, 0, 0.2), 0 16px 16px 0 rgba(0, 0, 0, 0.2),\n 0 4px 4px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.2);\n --shadow-primary: 0 64px 64px 0 rgba(0, 0, 0, 0.1),\n 0 32px 32px 0 rgba(0, 0, 0, 0.1), 0 16px 16px 0 rgba(0, 0, 0, 0.1),\n 0 4px 4px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.1);\n\n --shadow-secondary: 0 4px 14px 0 rgba(0, 0, 0, 0.3);\n\n --shadow-tertiary: 0 4px 6px -2px rgba(0, 0, 0, 0.1),\n 0 10px 15px -3px rgba(0, 0, 0, 0.15);\n --shadow-tertiary-hover: 0 4px 12px -2px rgba(0, 0, 0, 0.4),\n 0 10px 30px -3px rgba(0, 0, 0, 0.5);\n\n --page-paper-main-shadow: rgba(49, 54, 63, 0);\n\n --modal-background: rgba(40, 44, 52, 0.7);\n\n --highlight-dark: rgba(0, 0, 0, 0.06);\n\n --input-background-color: #21252b;\n\n --color-primary-100: rgba(97, 175, 239, 0.08);\n --color-primary-opaque-200: #2c3a49;\n --muted-text: #c5cbd6;\n --alert-surface: rgba(224, 108, 117, 0.25);\n --muted-surface: #a3aab8;\n --muted-surface-text: #282c34;\n --stripe-pattern: #55464a;\n --drop-overlay-bg: rgba(49, 54, 63, 0.93);\n }\n\n html {\n color-scheme: light;\n\n &${DARK_THEME_MATCH} {\n color-scheme: dark;\n }\n }\n\n .ac-shadow,\n .ac-shadow--raised {\n &--lg {\n box-shadow: var(--shadow-primary);\n }\n &--sm {\n box-shadow: var(--shadow-tertiary);\n }\n }\n\n .ac-shadow--raised {\n &--lg {\n transition: box-shadow 0.3s;\n &:hover {\n box-shadow: var(--shadow-primary-hover);\n }\n }\n &--sm {\n transition: box-shadow 0.3s;\n &:hover {\n box-shadow: var(--shadow-tertiary-hover);\n }\n }\n }\n\n .ac-shadow-optimized--sm {\n position: relative;\n box-shadow: var(--shadow-tertiary);\n\n &::before {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n content: \"\";\n box-shadow: var(--shadow-tertiary);\n opacity: 0;\n border-radius: var(--ac-br-6);\n transition: opacity 0.3s ease;\n z-index: -1;\n }\n\n @media (hover: hover) {\n &:hover::before {\n opacity: 1;\n }\n }\n }\n\n .ac-shadow-optimized--lg {\n position: relative;\n box-shadow: var(--shadow-primary);\n\n &::before {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n content: \"\";\n box-shadow: var(--shadow-primary);\n opacity: 0;\n border-radius: var(--ac-br-8);\n transition: opacity 0.3s ease;\n z-index: -1;\n }\n\n @media (hover: hover) {\n &:hover::before {\n opacity: 1;\n }\n }\n }\n\n .ac-border-radius {\n &-4 {\n border-radius: var(--ac-br-4);\n }\n\n &-6 {\n border-radius: var(--ac-br-6);\n }\n\n &-8 {\n border-radius: var(--ac-br-8);\n }\n\n &-rounded {\n border-radius: var(--ac-br-rounded);\n }\n }\n\n\n // CSS Tooltip ::after content: data-tooltip\n\n .c-cooltip {\n position: relative;\n\n /\n * Prefer scoped variables in this case.\n * This lines of CSS should be scoped too.\n /\n\n --cooltip-spacing: 0.5rem;\n --cooltip-padding: 0.25rem 0.625rem;\n --cooltip-max-width: 12.5rem;\n\n --cooltip-transition-duration: 0.15s, 0.1s, 0.15s;\n --cooltip-transition-delay: 0.6s;\n --cooltip-timing: ease, ease, cubic-bezier(0.39, 0.575, 0.565, 1);\n }\n\n .c-cooltip::after {\n /\n * will-change is intended to be used as a last resort,\n * in order to try to deal with existing performance problems.\n * It should not be used to anticipate performance problems.\n * https://developer.mozilla.org/en-US/docs/Web/CSS/will-change\n \n will-change: transform, opacity\n /\n pointer-events: none;\n content: attr(data-tooltip);\n position: absolute;\n color: #fff;\n opacity: 0;\n background-color: rgba(0, 0, 0, 0.9);\n border-radius: 0.5rem;\n font-size: 0.75rem;\n font-weight: 500;\n line-height: 1.3;\n max-width: var(--cooltip-max-width);\n padding: var(--cooltip-padding);\n text-align: center;\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n }\n\n .c-cooltip--top::after {\n bottom: calc(100% + var(--cooltip-spacing));\n left: 50%;\n transform: scale(0.85) translateX(-50%);\n transform-origin: 0;\n }\n\n .c-cooltip--right::after {\n left: calc(100% + var(--cooltip-spacing));\n transform: scale(0.85);\n }\n\n .c-cooltip--bottom::after {\n top: calc(100% + var(--cooltip-spacing));\n left: 50%;\n transform: scale(0.85) translateX(-50%);\n transform-origin: 0;\n }\n\n .c-cooltip--left::after {\n right: calc(100% + var(--cooltip-spacing));\n transform: scale(0.85);\n }\n\n /\n * Make sure that disabled and aria pressed\n * items do not have tooltips available.\n /\n .c-cooltip:disabled::after,\n [aria-pressed=\"true\"]::after {\n display: none;\n }\n\n /\n \n Only use hover when is available .\n * https://developer.mozilla.org/en-US/docs/Web/CSS/@media/hover\n /\n @media (hover: hover) {\n /\n * Here we maybe have a complex selector but actually it's not.\n * We simply asks here to show tooltip only on hover.\n * Focused elements (in this case, clicked elements) should hide the tooltip.\n /\n .c-cooltip--top:not(:focus):hover::after,\n .c-cooltip--bottom:not(:focus):hover::after {\n transition-property: opacity, transform;\n transition-duration: var(--cooltip-transition-duration);\n transition-delay: var(--cooltip-transition-delay);\n transition-timing-function: var(--cooltip-timing);\n transform: scale(1) translateX(-50%);\n opacity: 1;\n }\n\n /\n \n This is not code duplication!\n * Transform properties are tricky to animate and values\n * are not the same depending on the tooltip position.\n \n Animating only one transform, eg. scale(1) will\n * override all previously set transforms, eg. translateY.\n * So we need to always chain them.\n * eg. transform: scale(1) translateY(-50%) etc...\n */\n\n .c-cooltip--right:not(:focus):hover::after,\n .c-cooltip--left:not(:focus):hover::after {\n transition-property: opacity, transform;\n transition-duration: var(--cooltip-transition-duration);\n transition-delay: var(--cooltip-transition-delay);\n transition-timing-function: var(--cooltip-timing);\n transform: scale(1);\n opacity: 1;\n }\n }\n\n .c-date-picker--calendar {\n width: 260px;\n padding: 16px 0px 8px 0px;\n margin: auto;\n background-color: var(--page-paper-main);\n }\n`;\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,OAAA;AAEA,IAAAC,OAAA,GAAAD,OAAA;AAEO,IAAME,WAAW,GAAAC,OAAA,CAAAD,WAAA,OAAGE,mCAAiB,ougBAofrCC,wBAAgB,CAoOtB","ignoreList":[]}

package/dist/cjs/components/Loaders/Skeleton/Styles.js CHANGED Viewed

@@ -5,10 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.StyledSkeletonLoader = void 0;
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
+var _themes = require("../../../utils/themes");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var linearAnimation = (0, _styledComponents.keyframes)(["0%{background-position:left;}100%{background-position:right;}"]);
 var StyledSkeletonLoader = exports.StyledSkeletonLoader = _styledComponents.default.div.withConfig({
   displayName: "Styles__StyledSkeletonLoader",
   componentId: "sc-1n0a2yl-0"
-})(["width:70%;background:linear-gradient( 90deg,rgba(255,255,255,0) 20%,rgba(0,0,0,0.05) 50%,rgba(255,255,255,0) 60% );background-size:400%;height:16px;border-radius:8px;.neon &{background:linear-gradient( 90deg,rgba(255,255,255,0) 20%,rgba(0,0,0,0.2) 50%,rgba(255,255,255,0) 60% );background-size:500%;}animation-duration:1s;animation-iteration-count:infinite;animation-name:", ";animation-timing-function:linear;animation-direction:reverse;"], linearAnimation);
+})(["width:70%;background:linear-gradient( 90deg,rgba(255,255,255,0) 20%,rgba(0,0,0,0.05) 50%,rgba(255,255,255,0) 60% );background-size:400%;height:16px;border-radius:8px;", " &{background:linear-gradient( 90deg,rgba(255,255,255,0) 20%,rgba(0,0,0,0.2) 50%,rgba(255,255,255,0) 60% );background-size:500%;}animation-duration:1s;animation-iteration-count:infinite;animation-name:", ";animation-timing-function:linear;animation-direction:reverse;"], _themes.DARK_THEME_SELECTOR, linearAnimation);
 //# sourceMappingURL=Styles.js.map

package/dist/cjs/components/Loaders/Skeleton/Styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Styles.js","names":["_styledComponents","_interopRequireWildcard","require","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","linearAnimation","keyframes","StyledSkeletonLoader","exports","styled","div","withConfig","displayName","componentId"],"sources":["../../../../../src/components/Loaders/Skeleton/Styles.ts"],"sourcesContent":["import styled, { keyframes } from \"styled-components\";\n\nconst linearAnimation = keyframes`\n 0% {\n background-position: left;\n }\n 100% {\n background-position: right;\n }\n`;\n\nexport const StyledSkeletonLoader = styled.div`\n width: 70%;\n background: linear-gradient(\n 90deg,\n rgba(255, 255, 255, 0) 20%,\n rgba(0, 0, 0, 0.05) 50%,\n rgba(255, 255, 255, 0) 60%\n );\n background-size: 400%;\n height: 16px;\n border-radius: 8px;\n ~~.neon~~ & {\n background: linear-gradient(\n 90deg,\n rgba(255, 255, 255, 0) 20%,\n rgba(0, 0, 0, 0.2) 50%,\n rgba(255, 255, 255, 0) 60%\n );\n background-size: 500%;\n }\n animation-duration: 1s;\n animation-iteration-count: infinite;\n animation-name: ${linearAnimation};\n animation-timing-function: linear;\n animation-direction: reverse;\n`;\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,uBAAA,CAAAC,OAAA;~~AAAsD~~,SAAAD,~~wBAAAE~~,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,~~YAAAJ~~,uBAAA,YAAAA,~~wBAAAE~~,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;~~AAEtD~~,IAAMmB,eAAe,OAAGC,2BAAS,oEAOhC;AAEM,IAAMC,oBAAoB,GAAAC,OAAA,CAAAD,oBAAA,GAAGE,yBAAM,CAACC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA~~,+bAsB1BR~~,eAAe,CAGlC","ignoreList":[]}
1	+ {"version":3,"file":"Styles.js","names":["_styledComponents","_interopRequireWildcard","require","_themes","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","linearAnimation","keyframes","StyledSkeletonLoader","exports","styled","div","withConfig","displayName","componentId","DARK_THEME_SELECTOR"],"sources":["../../../../../src/components/Loaders/Skeleton/Styles.ts"],"sourcesContent":["import styled, { keyframes } from \"styled-components\";\n\nimport { DARK_THEME_SELECTOR } from \"../../../utils/themes\";\n\nconst linearAnimation = keyframes`\n 0% {\n background-position: left;\n }\n 100% {\n background-position: right;\n }\n`;\n\nexport const StyledSkeletonLoader = styled.div`\n width: 70%;\n background: linear-gradient(\n 90deg,\n rgba(255, 255, 255, 0) 20%,\n rgba(0, 0, 0, 0.05) 50%,\n rgba(255, 255, 255, 0) 60%\n );\n background-size: 400%;\n height: 16px;\n border-radius: 8px;\n ${DARK_THEME_SELECTOR} & {\n background: linear-gradient(\n 90deg,\n rgba(255, 255, 255, 0) 20%,\n rgba(0, 0, 0, 0.2) 50%,\n rgba(255, 255, 255, 0) 60%\n );\n background-size: 500%;\n }\n animation-duration: 1s;\n animation-iteration-count: infinite;\n animation-name: ${linearAnimation};\n animation-timing-function: linear;\n animation-direction: reverse;\n`;\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,OAAA,GAAAD,OAAA;AAA4D,SAAAD,wBAAAG,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAL,uBAAA,YAAAA,wBAAAG,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;AAE5D,IAAMmB,eAAe,OAAGC,2BAAS,oEAOhC;AAEM,IAAMC,oBAAoB,GAAAC,OAAA,CAAAD,oBAAA,GAAGE,yBAAM,CAACC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,8bAW1CC,2BAAmB,EAWHT,eAAe,CAGlC","ignoreList":[]}

package/dist/cjs/components/Tables/Styles.js CHANGED Viewed

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.StyledTableWrapper = exports.StyledTableHead = exports.StyledTableBody = exports.StyledTable = exports.StyledDataTable = void 0;
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
+var _themes = require("../../utils/themes");
 var _BoxSizingStyle = require("../BoxSizingStyle");
 var _FontStyle = require("../FontStyle");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
@@ -100,7 +101,7 @@ StyledTable.displayName = "StyledTable";
 var StyledDataTable = exports.StyledDataTable = _styledComponents.default.div.withConfig({
   displayName: "Styles__StyledDataTable",
   componentId: "sc-e16t6w-4"
-})(["", " ", " &.c-table__collapsible{.c-table__head{tr{th{position:sticky;top:0;z-index:1;}}}}&.c-table__grouped{.c-table__head th{", " &:last-child{", "}}}&.c-data-table{position:relative;.c-table__head th{&:last-child{", "}}}.c-table__cell{", " &:hover{.c-table__icon{", "}}}.c-table__overlay{", " top:0px;border-top-left-radius:8px;border-top-right-radius:8px;background:rgba(0,0,0,0.02);.neon &{background:rgba(0,0,0,0.1);}z-index:5;}.c-table__icon-wrapper{", "}.c-table__label{", "}.c-table__icon{transform:translateY(1px);", " fill:var(--color-theme-900);&:hover{", "}}.c-table__icon--inactive{", "}.c-table__icon--active{", "}.c-table__icon--desc{transform:rotate(-180deg) scale(-1,1);}.c-table__grouped__head{", " > :first-child{", "}a:first-child{", "}}.c-table__head--hidden{", "}.c-table__collapse_icon--expanded{transition-duration:0.3s;", "}.c-table__collapse_icon--collapsed{transform:rotate(180deg);transition-duration:0.3s;", "}.c-table__head__icon-wrapper__icon{", " transform:translate(-24px,-5px);}&.c-table__collapsible{.c-table__group{.c-table__row:last-child .c-table__cell{border-bottom:1px solid var(--border-primary);}&:last-child{.c-table__row:last-child .c-table__cell{border-bottom:0;}}}.c-table__grouped__head{tr td{border-bottom:1px solid var(--border-primary);}.c-table__body__collapse td{border-bottom:0;}&.last{tr td{border-bottom:0 !important;}}}.c-table__grouped__head--expanded{tr:last-child td{border-bottom:0;}}}.c-table__collapse_body{tr{background-color:transparent !important;}td:last-child{", "}", "}.c-table__row{td:first-child{position:sticky;left:0;z-index:1;}&:nth-child(odd){td{", "}}&:nth-child(even){td{", "}}}.c-table__row{th:first-child{position:sticky;left:0;z-index:2 !important;}}&.c-table__collapsible .c-table__body{tr{td:first-child,th:first-child{", "}}}.c-table__body__icon{", " padding-left:0 !important;transform:translateY(8px);}&.padding-b-0{", "}.cursor-pointer{", "}.text-center{", "}.opacity-75{", "}.hidden{", "}"], _FontStyle.FontStyle, _BoxSizingStyle.BoxSizingStyle, {
+})(["", " ", " &.c-table__collapsible{.c-table__head{tr{th{position:sticky;top:0;z-index:1;}}}}&.c-table__grouped{.c-table__head th{", " &:last-child{", "}}}&.c-data-table{position:relative;.c-table__head th{&:last-child{", "}}}.c-table__cell{", " &:hover{.c-table__icon{", "}}}.c-table__overlay{", " top:0px;border-top-left-radius:8px;border-top-right-radius:8px;background:rgba(0,0,0,0.02);", " &{background:rgba(0,0,0,0.1);}z-index:5;}.c-table__icon-wrapper{", "}.c-table__label{", "}.c-table__icon{transform:translateY(1px);", " fill:var(--color-theme-900);&:hover{", "}}.c-table__icon--inactive{", "}.c-table__icon--active{", "}.c-table__icon--desc{transform:rotate(-180deg) scale(-1,1);}.c-table__grouped__head{", " > :first-child{", "}a:first-child{", "}}.c-table__head--hidden{", "}.c-table__collapse_icon--expanded{transition-duration:0.3s;", "}.c-table__collapse_icon--collapsed{transform:rotate(180deg);transition-duration:0.3s;", "}.c-table__head__icon-wrapper__icon{", " transform:translate(-24px,-5px);}&.c-table__collapsible{.c-table__group{.c-table__row:last-child .c-table__cell{border-bottom:1px solid var(--border-primary);}&:last-child{.c-table__row:last-child .c-table__cell{border-bottom:0;}}}.c-table__grouped__head{tr td{border-bottom:1px solid var(--border-primary);}.c-table__body__collapse td{border-bottom:0;}&.last{tr td{border-bottom:0 !important;}}}.c-table__grouped__head--expanded{tr:last-child td{border-bottom:0;}}}.c-table__collapse_body{tr{background-color:transparent !important;}td:last-child{", "}", "}.c-table__row{td:first-child{position:sticky;left:0;z-index:1;}&:nth-child(odd){td{", "}}&:nth-child(even){td{", "}}}.c-table__row{th:first-child{position:sticky;left:0;z-index:2 !important;}}&.c-table__collapsible .c-table__body{tr{td:first-child,th:first-child{", "}}}.c-table__body__icon{", " padding-left:0 !important;transform:translateY(8px);}&.padding-b-0{", "}.cursor-pointer{", "}.text-center{", "}.opacity-75{", "}.hidden{", "}"], _FontStyle.FontStyle, _BoxSizingStyle.BoxSizingStyle, {
   "paddingBottom": "1rem"
 }, {
   "paddingRight": "0px"
@@ -115,7 +116,7 @@ var StyledDataTable = exports.StyledDataTable = _styledComponents.default.div.wi
   "position": "absolute",
   "left": "0px",
   "width": "100%"
-}, {
+}, _themes.DARK_THEME_SELECTOR, {
   "display": "inline-block",
   "userSelect": "none"
 }, {

package/dist/cjs/components/Tables/Styles.js.map CHANGED Viewed

	@@ -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","StyledTableHead","exports","styled","thead","withConfig","displayName","componentId","FontStyle","BoxSizingStyle","props","$headerVariant","css","StyledTableBody","tbody","StyledTableWrapper","div","StyledTable","table","$striped","StyledDataTable"],"sources":["../../../../src/components/Tables/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\n\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\n\nexport const StyledTableHead = styled.thead<{\n $headerVariant: \"primary\" \| \"secondary\";\n}>`\n ${FontStyle}\n ${BoxSizingStyle}\n\n ${tw`tw-text-left tw-uppercase`}\n ${tw`tw-text-theme-700 tw-font-semibold tw-text-xxs`}\n\n ${(props) =>\n props.$headerVariant &&\n props.$headerVariant === \"primary\" &&\n css`\n th {\n ${tw`tw-whitespace-nowrap tw-pl-4 tw-pr-4 tw-pb-8 tw-pt-2`}\n }\n\n tr {\n td:first-child,\n th:first-child {\n ${tw`tw-pl-6`}\n }\n }\n `}\n\n ${(props) =>\n props.$headerVariant &&\n props.$headerVariant === \"secondary\" &&\n css`\n th {\n ${tw`tw-whitespace-nowrap`}\n }\n\n tr {\n th {\n padding-bottom: 8px;\n padding-left: 16px;\n }\n }\n\n tr {\n th:last-child {\n padding-right: 16px;\n }\n }\n `}\n`;\nStyledTableHead.displayName = \"StyledTableHead\";\n\nexport const StyledTableBody = styled.tbody`\n ${FontStyle}\n ${BoxSizingStyle}\n\n ${tw`tw-truncate`}\n\n td {\n ${tw`tw-truncate`}\n }\n\n &:not(.c-table__grouped__head) {\n td {\n ${tw`tw-text-theme-700`}\n }\n }\n\n a {\n ${tw`tw-no-underline tw-text-primary`}\n &:hover {\n ${tw`tw-underline`}\n }\n }\n`;\nStyledTableBody.displayName = \"StyledTableBody\";\n\nexport const StyledTableWrapper = styled.div`\n ${FontStyle}\n ${BoxSizingStyle}\n\n ${tw`tw-mt-8 tw-mx-4 tw-overflow-x-auto tw-overflow-y-hidden`}\n\n &:before {\n ${tw`tw-absolute tw-left-0 tw-right-0 tw-bottom-0 tw-bg-page-paper-main tw-rounded-lg tw-shadow-lg`}\n content: \"\";\n top: 39px;\n z-index: -1;\n }\n`;\nStyledTableWrapper.displayName = \"StyledTableWrapper\";\n\nexport const StyledTable = styled.table<{\n $striped: boolean;\n}>`\n ${tw`tw-w-full tw-p-0 tw-text-xs tw-pb-4`}\n border-spacing: 0;\n\n ${StyledTableHead} tr th,\n ${StyledTableBody} tr td {\n &:last-child {\n ${tw`tw-text-right`}\n }\n }\n\n td {\n ${tw`tw-py-3 tw-px-4`}\n }\n\n ${(props) =>\n props.$striped &&\n css`\n ${StyledTableBody}:not(.c-table__grouped__head) {\n tr:nth-child(odd) {\n ${tw`tw-bg-theme-200`}\n }\n }\n `}\n`;\nStyledTable.displayName = \"StyledTable\";\n\nexport const StyledDataTable = styled.div`\n ${FontStyle}\n ${BoxSizingStyle}\n\n &.c-table__collapsible {\n .c-table__head {\n tr {\n th {\n position: sticky;\n top: 0;\n z-index: 1;\n }\n }\n }\n }\n &.c-table__grouped {\n .c-table__head th {\n ${tw`tw-pb-4`}\n &:last-child {\n ${tw`tw-pr-0`}\n }\n }\n }\n &.c-data-table {\n position: relative;\n .c-table__head th {\n &:last-child {\n ${tw`tw-pr-0`}\n }\n }\n }\n .c-table__cell {\n ${tw`tw-relative`}\n &:hover {\n .c-table__icon {\n ${tw`tw-opacity-50`}\n }\n }\n }\n .c-table__overlay {\n ${tw`tw-absolute tw-w-full tw-left-0 tw-pointer-events-none`}\n top: 0px;\n border-top-left-radius: 8px;\n border-top-right-radius: 8px;\n background: rgba(0, 0, 0, 0.02);\n .neon & {\n background: rgba(0, 0, 0, 0.1);\n }\n z-index: 5;\n }\n .c-table__icon-wrapper {\n ${tw`tw-inline-block tw-select-none`}\n }\n .c-table__label {\n ${tw`tw-border-0 tw-border-0 tw-border-transparent tw-border-solid`}\n }\n .c-table__icon {\n transform: translateY(1px);\n ${tw`tw-ml-1`}\n fill: var(--color-theme-900);\n\n &:hover {\n ${tw`tw-opacity-100`}\n }\n }\n .c-table__icon--inactive {\n ${tw`tw-opacity-0`}\n }\n .c-table__icon--active {\n ${tw`tw-opacity-100`}\n }\n .c-table__icon--desc {\n transform: rotate(-180deg) scale(-1, 1);\n }\n .c-table__grouped__head {\n ${tw`tw-font-bold`}\n > :first-child {\n ${tw`tw-text-theme-900`}\n }\n a:first-child {\n ${tw`tw-text-primary`}\n }\n }\n .c-table__head--hidden {\n ${tw`tw-pointer-events-none tw-opacity-0`}\n }\n .c-table__collapse_icon--expanded {\n transition-duration: 0.3s;\n ${tw`tw-cursor-pointer`}\n }\n .c-table__collapse_icon--collapsed {\n transform: rotate(180deg);\n transition-duration: 0.3s;\n ${tw`tw-cursor-pointer`}\n }\n .c-table__head__icon-wrapper__icon {\n ${tw`tw-absolute tw-cursor-pointer`}\n transform: translate(-24px, -5px);\n }\n &.c-table__collapsible {\n .c-table__group {\n .c-table__row:last-child .c-table__cell {\n border-bottom: 1px solid var(--border-primary);\n }\n &:last-child {\n .c-table__row:last-child .c-table__cell {\n border-bottom: 0;\n }\n }\n }\n .c-table__grouped__head {\n tr td {\n border-bottom: 1px solid var(--border-primary);\n }\n .c-table__body__collapse td {\n border-bottom: 0;\n }\n &.last {\n tr td {\n border-bottom: 0 !important;\n }\n }\n }\n .c-table__grouped__head--expanded {\n tr:last-child td {\n border-bottom: 0;\n }\n }\n }\n .c-table__collapse_body {\n tr {\n background-color: transparent !important;\n }\n td:last-child {\n ${tw`tw-border-0`}\n }\n ${tw`tw-absolute`}\n }\n .c-table__row {\n td:first-child {\n position: sticky;\n left: 0;\n z-index: 1;\n }\n &:nth-child(odd) {\n td {\n ${tw`tw-bg-theme-200`}\n }\n }\n &:nth-child(even) {\n td {\n ${tw`tw-bg-page-paper-main`}\n }\n }\n }\n .c-table__row {\n th:first-child {\n position: sticky;\n left: 0;\n z-index: 2 !important;\n }\n }\n &.c-table__collapsible .c-table__body {\n tr {\n td:first-child,\n th:first-child {\n ${tw`tw-pl-6`}\n }\n }\n }\n .c-table__body__icon {\n ${tw`tw-p-0`}\n padding-left: 0 !important;\n transform: translateY(8px);\n }\n &.padding-b-0 {\n ${tw`tw-pb-0`}\n }\n .cursor-pointer {\n ${tw`tw-cursor-pointer`}\n }\n .text-center {\n ${tw`tw-text-center`}\n }\n .opacity-75 {\n ${tw`tw-opacity-75`}\n }\n .hidden {\n ${tw`tw-hidden`}\n }\n`;\nStyledDataTable.displayName = \"StyledDataTable\";\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"file":"Styles.js","names":["_styledComponents","_interopRequireWildcard","require","_themes","_BoxSizingStyle","_FontStyle","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","StyledTableHead","exports","styled","thead","withConfig","displayName","componentId","FontStyle","BoxSizingStyle","props","$headerVariant","css","StyledTableBody","tbody","StyledTableWrapper","div","StyledTable","table","$striped","StyledDataTable","DARK_THEME_SELECTOR"],"sources":["../../../../src/components/Tables/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\n\nimport { DARK_THEME_SELECTOR } from \"../../utils/themes\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\n\nexport const StyledTableHead = styled.thead<{\n $headerVariant: \"primary\" \| \"secondary\";\n}>`\n ${FontStyle}\n ${BoxSizingStyle}\n\n ${tw`tw-text-left tw-uppercase`}\n ${tw`tw-text-theme-700 tw-font-semibold tw-text-xxs`}\n\n ${(props) =>\n props.$headerVariant &&\n props.$headerVariant === \"primary\" &&\n css`\n th {\n ${tw`tw-whitespace-nowrap tw-pl-4 tw-pr-4 tw-pb-8 tw-pt-2`}\n }\n\n tr {\n td:first-child,\n th:first-child {\n ${tw`tw-pl-6`}\n }\n }\n `}\n\n ${(props) =>\n props.$headerVariant &&\n props.$headerVariant === \"secondary\" &&\n css`\n th {\n ${tw`tw-whitespace-nowrap`}\n }\n\n tr {\n th {\n padding-bottom: 8px;\n padding-left: 16px;\n }\n }\n\n tr {\n th:last-child {\n padding-right: 16px;\n }\n }\n `}\n`;\nStyledTableHead.displayName = \"StyledTableHead\";\n\nexport const StyledTableBody = styled.tbody`\n ${FontStyle}\n ${BoxSizingStyle}\n\n ${tw`tw-truncate`}\n\n td {\n ${tw`tw-truncate`}\n }\n\n &:not(.c-table__grouped__head) {\n td {\n ${tw`tw-text-theme-700`}\n }\n }\n\n a {\n ${tw`tw-no-underline tw-text-primary`}\n &:hover {\n ${tw`tw-underline`}\n }\n }\n`;\nStyledTableBody.displayName = \"StyledTableBody\";\n\nexport const StyledTableWrapper = styled.div`\n ${FontStyle}\n ${BoxSizingStyle}\n\n ${tw`tw-mt-8 tw-mx-4 tw-overflow-x-auto tw-overflow-y-hidden`}\n\n &:before {\n ${tw`tw-absolute tw-left-0 tw-right-0 tw-bottom-0 tw-bg-page-paper-main tw-rounded-lg tw-shadow-lg`}\n content: \"\";\n top: 39px;\n z-index: -1;\n }\n`;\nStyledTableWrapper.displayName = \"StyledTableWrapper\";\n\nexport const StyledTable = styled.table<{\n $striped: boolean;\n}>`\n ${tw`tw-w-full tw-p-0 tw-text-xs tw-pb-4`}\n border-spacing: 0;\n\n ${StyledTableHead} tr th,\n ${StyledTableBody} tr td {\n &:last-child {\n ${tw`tw-text-right`}\n }\n }\n\n td {\n ${tw`tw-py-3 tw-px-4`}\n }\n\n ${(props) =>\n props.$striped &&\n css`\n ${StyledTableBody}:not(.c-table__grouped__head) {\n tr:nth-child(odd) {\n ${tw`tw-bg-theme-200`}\n }\n }\n `}\n`;\nStyledTable.displayName = \"StyledTable\";\n\nexport const StyledDataTable = styled.div`\n ${FontStyle}\n ${BoxSizingStyle}\n\n &.c-table__collapsible {\n .c-table__head {\n tr {\n th {\n position: sticky;\n top: 0;\n z-index: 1;\n }\n }\n }\n }\n &.c-table__grouped {\n .c-table__head th {\n ${tw`tw-pb-4`}\n &:last-child {\n ${tw`tw-pr-0`}\n }\n }\n }\n &.c-data-table {\n position: relative;\n .c-table__head th {\n &:last-child {\n ${tw`tw-pr-0`}\n }\n }\n }\n .c-table__cell {\n ${tw`tw-relative`}\n &:hover {\n .c-table__icon {\n ${tw`tw-opacity-50`}\n }\n }\n }\n .c-table__overlay {\n ${tw`tw-absolute tw-w-full tw-left-0 tw-pointer-events-none`}\n top: 0px;\n border-top-left-radius: 8px;\n border-top-right-radius: 8px;\n background: rgba(0, 0, 0, 0.02);\n ${DARK_THEME_SELECTOR} & {\n background: rgba(0, 0, 0, 0.1);\n }\n z-index: 5;\n }\n .c-table__icon-wrapper {\n ${tw`tw-inline-block tw-select-none`}\n }\n .c-table__label {\n ${tw`tw-border-0 tw-border-0 tw-border-transparent tw-border-solid`}\n }\n .c-table__icon {\n transform: translateY(1px);\n ${tw`tw-ml-1`}\n fill: var(--color-theme-900);\n\n &:hover {\n ${tw`tw-opacity-100`}\n }\n }\n .c-table__icon--inactive {\n ${tw`tw-opacity-0`}\n }\n .c-table__icon--active {\n ${tw`tw-opacity-100`}\n }\n .c-table__icon--desc {\n transform: rotate(-180deg) scale(-1, 1);\n }\n .c-table__grouped__head {\n ${tw`tw-font-bold`}\n > :first-child {\n ${tw`tw-text-theme-900`}\n }\n a:first-child {\n ${tw`tw-text-primary`}\n }\n }\n .c-table__head--hidden {\n ${tw`tw-pointer-events-none tw-opacity-0`}\n }\n .c-table__collapse_icon--expanded {\n transition-duration: 0.3s;\n ${tw`tw-cursor-pointer`}\n }\n .c-table__collapse_icon--collapsed {\n transform: rotate(180deg);\n transition-duration: 0.3s;\n ${tw`tw-cursor-pointer`}\n }\n .c-table__head__icon-wrapper__icon {\n ${tw`tw-absolute tw-cursor-pointer`}\n transform: translate(-24px, -5px);\n }\n &.c-table__collapsible {\n .c-table__group {\n .c-table__row:last-child .c-table__cell {\n border-bottom: 1px solid var(--border-primary);\n }\n &:last-child {\n .c-table__row:last-child .c-table__cell {\n border-bottom: 0;\n }\n }\n }\n .c-table__grouped__head {\n tr td {\n border-bottom: 1px solid var(--border-primary);\n }\n .c-table__body__collapse td {\n border-bottom: 0;\n }\n &.last {\n tr td {\n border-bottom: 0 !important;\n }\n }\n }\n .c-table__grouped__head--expanded {\n tr:last-child td {\n border-bottom: 0;\n }\n }\n }\n .c-table__collapse_body {\n tr {\n background-color: transparent !important;\n }\n td:last-child {\n ${tw`tw-border-0`}\n }\n ${tw`tw-absolute`}\n }\n .c-table__row {\n td:first-child {\n position: sticky;\n left: 0;\n z-index: 1;\n }\n &:nth-child(odd) {\n td {\n ${tw`tw-bg-theme-200`}\n }\n }\n &:nth-child(even) {\n td {\n ${tw`tw-bg-page-paper-main`}\n }\n }\n }\n .c-table__row {\n th:first-child {\n position: sticky;\n left: 0;\n z-index: 2 !important;\n }\n }\n &.c-table__collapsible .c-table__body {\n tr {\n td:first-child,\n th:first-child {\n ${tw`tw-pl-6`}\n }\n }\n }\n .c-table__body__icon {\n ${tw`tw-p-0`}\n padding-left: 0 !important;\n transform: translateY(8px);\n }\n &.padding-b-0 {\n ${tw`tw-pb-0`}\n }\n .cursor-pointer {\n ${tw`tw-cursor-pointer`}\n }\n .text-center {\n ${tw`tw-text-center`}\n }\n .opacity-75 {\n ${tw`tw-opacity-75`}\n }\n .hidden {\n ${tw`tw-hidden`}\n }\n`;\nStyledDataTable.displayName = \"StyledDataTable\";\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/presentation/shared/PresentationShell.js CHANGED Viewed

@@ -121,7 +121,7 @@ var StyledTopRightControls = _styledComponents.default.div.withConfig({
 var StyledHeaderAvatar = _styledComponents.default.div.withConfig({
   displayName: "PresentationShell__StyledHeaderAvatar",
   componentId: "sc-12j90o1-12"
-})(["width:28px;height:28px;border-radius:50%;background-color:var(--color-secondary);color:var(--only-white);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;margin:0 8px;flex-shrink:0;cursor:pointer;.neon &{color:var(--page-paper-main);}"]);
+})(["width:28px;height:28px;border-radius:50%;background-color:var(--color-secondary);color:var(--only-white);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;margin:0 8px;flex-shrink:0;cursor:pointer;", " &{color:var(--page-paper-main);}"], _utils.DARK_THEME_SELECTOR);
 /* ------------------------------------------------------------------ */
 /* Page region (mirrors Page.jsx / PageBody.jsx)                       */

package/dist/cjs/presentation/shared/PresentationShell.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PresentationShell.js","names":["_react","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_MainLogo","_tokens","_IconButton","_Icons","_Modal","_Paper","_Tooltip","_Typography","_utils","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_slicedToArray","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","a","_arrayLikeToArray","toString","slice","constructor","name","Array","from","test","length","l","Symbol","iterator","u","next","done","push","value","return","isArray","MENU_ITEMS","icon","RocketIcon","text","ProjectsIcon","active","MyWorkIcon","ActivityIcon","CalendarIcon","PeopleIcon","ReportTimeIcon","ReportsIcon","InvoicesIcon","EstimatesIcon","StyledLayout","styled","div","withConfig","displayName","componentId","StyledContentRow","StyledRightWindow","SM","StyledMainMenu","TRANSITION","StyledMenuHeader","XL","StyledMenuScroll","StyledMenuSection","StyledMenuItem","StyledMobileMenuClose","IconButton","StyledMobileMenuHeader","StyledIconRow","StyledTopRightControls","StyledHeaderAvatar","StyledPage","StyledPageBody","StyledPagePaper","exports","Paper","MenuItemsMock","_ref","_ref$mobile","mobile","createElement","className","Caption1","weight","color","map","_ref2","Icon","Tooltip","key","title","placement","disable","undefined","Body2","whitespace","MainMenuMock","_ref3","collapsed","onToggleCollapsed","footer","MainLogo","variant","size","onClick","CollapsIcon","MainMenuMobileMock","_ref4","open","close","Modal","onClose","CloseIcon","MobileMenuHeaderMock","_ref5","onOpenMobileMenu","MobileMenuIcon","SearchIcon","NotificationBellIcon","TopRightControlsMock","ClockStopwatchIndicatorIcon","PresentationShell","_ref6","header","children","floating","menuFooter","_useState","useState","_useState2","mobileMenuOpen","setMobileMenuOpen","_useState3","_useState4","setCollapsed","_useState5","_useState6","isMobileView","setIsMobileView","ref","useRef","dimensions","useResizeObserver","width","useEffect","BREAKPOINT","handleOpenMobileMenu","useCallback","handleCloseMobileMenu","handleToggleCollapsed","prev","id"],"sources":["../../../../src/presentation/shared/PresentationShell.tsx"],"sourcesContent":["import React, {\n ReactElement,\n ReactNode,\n useCallback,\n useEffect,\n useRef,\n useState,\n} from \"react\";\n\nimport styled from \"styled-components\";\n\nimport { MainLogo } from \"./MainLogo\";\nimport { BREAKPOINT, SM, TRANSITION, XL } from \"./tokens\";\nimport { IconButton } from \"../../components/IconButton\";\nimport {\n ActivityIcon,\n CalendarIcon,\n ClockStopwatchIndicatorIcon,\n CloseIcon,\n CollapsIcon,\n EstimatesIcon,\n InvoicesIcon,\n MobileMenuIcon,\n MyWorkIcon,\n NotificationBellIcon,\n PeopleIcon,\n ProjectsIcon,\n ReportTimeIcon,\n ReportsIcon,\n RocketIcon,\n SearchIcon,\n} from \"../../components/Icons\";\nimport { Modal } from \"../../components/Modal\";\nimport { Paper } from \"../../components/Paper\";\nimport { Tooltip } from \"../../components/Tooltip\";\nimport { Body2, Caption1 } from \"../../components/Typography\";\nimport { useResizeObserver } from \"../../utils\";\n\nconst MENU_ITEMS: {\n icon: React.FC<React.SVGProps<SVGSVGElement>>;\n text: string;\n active?: boolean;\n}[] = [\n { icon: RocketIcon, text: \"Getting Started\" },\n { icon: ProjectsIcon, text: \"Projects\", active: true },\n { icon: MyWorkIcon, text: \"My Work\" },\n { icon: ActivityIcon, text: \"Activity\" },\n { icon: CalendarIcon, text: \"Calendar\" },\n { icon: PeopleIcon, text: \"People\" },\n { icon: ReportTimeIcon, text: \"Time\" },\n { icon: ReportsIcon, text: \"Reports\" },\n { icon: InvoicesIcon, text: \"Invoices\" },\n { icon: EstimatesIcon, text: \"Estimates\" },\n];\n\n/* ------------------------------------------------------------------ /\n/ Layout shell (mirrors Layout.js) /\n/ ------------------------------------------------------------------ /\n\nconst StyledLayout = styled.div`\n height: 100vh;\n display: flex;\n flex-direction: column;\n background-color: var(--body-bg-main);\n`;\n\nconst StyledContentRow = styled.div`\n position: relative;\n display: flex;\n flex-direction: row-reverse;\n flex: 1 1 0%;\n flex-grow: 1;\n overflow-y: auto;\n`;\n\nconst StyledRightWindow = styled.div`\n position: relative;\n display: flex;\n flex-direction: column;\n flex: 1 1 0%;\n flex-grow: 1;\n width: 100%;\n height: 100%;\n overflow-y: auto;\n padding: 0 16px;\n\n @media (min-width: ${SM}) {\n padding-right: 32px;\n }\n`;\n\n/ ------------------------------------------------------------------ /\n/ Main menu (mirrors MainMenu.js + MainMenu.less) /\n/ ------------------------------------------------------------------ /\n\nconst StyledMainMenu = styled.div`\n position: relative;\n z-index: 1;\n display: none;\n flex-direction: column;\n height: 100%;\n margin-right: 4px;\n flex-shrink: 0;\n width: 240px;\n transition: width ${TRANSITION};\n\n @media (min-width: ${SM}) {\n display: flex;\n }\n\n &.collapsed {\n width: 72px;\n }\n\n .menu-item-text,\n .menu-section,\n #logotype {\n transition: all ${TRANSITION};\n }\n\n &.collapsed .menu-item-text {\n opacity: 0;\n visibility: hidden;\n width: 0;\n margin-left: 0;\n }\n\n &.collapsed .menu-section {\n transform: scaleY(0);\n opacity: 0;\n max-height: 0;\n margin-bottom: 0;\n }\n\n &.collapsed #logotype {\n transform: translateX(-5%);\n opacity: 0;\n }\n\n &.collapsed .collapse-expand-menu svg {\n transform: rotate(180deg);\n }\n\n &:not(.mobile) {\n @media (max-width: 1279.98px) {\n width: 72px;\n\n .menu-item-text {\n opacity: 0;\n visibility: hidden;\n width: 0;\n margin-left: 0;\n }\n\n .menu-section {\n transform: scaleY(0);\n opacity: 0;\n max-height: 0;\n margin-bottom: 0;\n }\n\n #logotype {\n transform: translateX(-5%);\n opacity: 0;\n }\n }\n }\n\n &.mobile {\n display: flex;\n position: absolute;\n left: 0;\n top: 0;\n width: 240px;\n background-color: var(--page-paper-main);\n }\n`;\n\nconst StyledMenuHeader = styled.div`\n position: relative;\n height: 68px;\n display: flex;\n align-items: center;\n flex-shrink: 0;\n overflow: hidden;\n\n .main-logo {\n position: absolute;\n left: 20px;\n color: var(--color-secondary);\n\n path {\n fill: var(--color-secondary);\n }\n }\n\n .collapse-expand-menu {\n position: absolute;\n right: 4px;\n display: none;\n\n @media (min-width: ${XL}) {\n display: flex;\n }\n }\n`;\n\nconst StyledMenuScroll = styled.div`\n display: flex;\n flex-direction: column;\n flex-grow: 1;\n min-height: 0;\n margin: 12px 0;\n overflow-y: auto;\n overflow-x: hidden;\n`;\n\nconst StyledMenuSection = styled.div`\n display: flex;\n align-items: center;\n margin: 0 12px 8px;\n padding: 0 4px 0 12px;\n`;\n\nconst StyledMenuItem = styled.a`\n display: flex;\n align-items: center;\n height: 40px;\n padding: 0 4px 0 12px;\n margin: 0 12px 2px;\n border-radius: 8px;\n cursor: pointer;\n text-decoration: none;\n\n svg {\n flex-shrink: 0;\n fill: var(--color-theme-700);\n opacity: 0.7;\n }\n\n .menu-item-text {\n margin-left: 12px;\n min-width: 0;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n\n &:hover {\n transition: all ${TRANSITION};\n background-color: var(--color-theme-300);\n\n svg {\n fill: var(--color-theme-900);\n opacity: 1;\n }\n\n .menu-item-text {\n color: var(--color-theme-900);\n }\n }\n\n &.active {\n background-color: var(--color-secondary-200);\n\n svg {\n fill: var(--color-secondary);\n opacity: 1;\n }\n\n .menu-item-text {\n color: var(--color-secondary);\n }\n }\n`;\n\nconst StyledMobileMenuClose = styled(IconButton)`\n position: absolute;\n right: 16px;\n`;\n\n/ ------------------------------------------------------------------ /\n/ Top bars /\n/ ------------------------------------------------------------------ /\n\nconst StyledMobileMenuHeader = styled.div`\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 8px 16px;\n background-color: var(--color-primary);\n z-index: 50;\n\n @media (min-width: ${SM}) {\n display: none;\n }\n\n .mobile-menu-icon {\n fill: var(--color-theme-300);\n }\n`;\n\nconst StyledIconRow = styled.div`\n display: flex;\n align-items: center;\n`;\n\nconst StyledTopRightControls = styled.div`\n position: absolute;\n top: 0;\n right: 0;\n display: none;\n align-items: center;\n justify-content: flex-end;\n padding: 12px 32px 12px 0;\n\n @media (min-width: ${SM}) {\n display: flex;\n }\n`;\n\nconst StyledHeaderAvatar = styled.div`\n width: 28px;\n height: 28px;\n border-radius: 50%;\n background-color: var(--color-secondary);\n color: var(--only-white);\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 11px;\n font-weight: 600;\n margin: 0 8px;\n flex-shrink: 0;\n cursor: pointer;\n\n / neon theme: use paper colour for the initials /\n .neon & {\n color: var(--page-paper-main);\n }\n`;\n\n/ ------------------------------------------------------------------ /\n/ Page region (mirrors Page.jsx / PageBody.jsx) /\n/ ------------------------------------------------------------------ /\n\nconst StyledPage = styled.div`\n display: flex;\n flex-direction: column;\n flex-grow: 1;\n`;\n\nconst StyledPageBody = styled.div`\n display: flex;\n flex-direction: column;\n flex-grow: 1;\n margin-bottom: 32px;\n min-height: 0;\n`;\n\n/* The paper card that holds page content (used by list view & empty pages). /\nexport const StyledPagePaper = styled(Paper)`\n flex-grow: 1;\n width: 100%;\n`;\n\n/ ------------------------------------------------------------------ /\n/ Mocked layout building blocks /\n/ ------------------------------------------------------------------ /\n\ninterface MenuItemsProps {\n mobile?: boolean;\n}\n\nconst MenuItemsMock = ({ mobile = false }: MenuItemsProps): ReactElement => (\n <StyledMenuScroll>\n <StyledMenuSection className=\"menu-section\">\n <Caption1 weight=\"bold\" color=\"tertiary\">\n MENU\n </Caption1>\n </StyledMenuSection>\n {MENU_ITEMS.map(({ icon: Icon, text, active }) => (\n <Tooltip key={text} title={text} placement=\"right\" disable={mobile}>\n <StyledMenuItem className={active ? \"active\" : undefined}>\n <Icon />\n <Body2\n weight=\"medium\"\n color=\"secondary\"\n whitespace=\"no-wrap\"\n className=\"menu-item-text\"\n >\n {text}\n </Body2>\n </StyledMenuItem>\n </Tooltip>\n ))}\n </StyledMenuScroll>\n);\n\ninterface MainMenuMockProps {\n collapsed: boolean;\n onToggleCollapsed: () => void;\n footer?: ReactNode;\n}\n\nconst MainMenuMock = ({\n collapsed,\n onToggleCollapsed,\n footer,\n}: MainMenuMockProps): ReactElement => (\n <StyledMainMenu\n className={collapsed ? \"collapsed\" : undefined}\n data-testid=\"main-menu\"\n >\n <StyledMenuHeader>\n <a className=\"main-logo\">\n <MainLogo />\n </a>\n <div className=\"collapse-expand-menu\">\n <IconButton\n variant=\"text gray\"\n size=\"small\"\n onClick={onToggleCollapsed}\n >\n <CollapsIcon />\n </IconButton>\n </div>\n </StyledMenuHeader>\n <MenuItemsMock />\n {footer}\n </StyledMainMenu>\n);\n\ninterface MainMenuMobileMockProps {\n open: boolean;\n close: () => void;\n footer?: ReactNode;\n}\n\nconst MainMenuMobileMock = ({\n open,\n close,\n footer,\n}: MainMenuMobileMockProps): ReactElement \| null =>\n open ? (\n <Modal open={open} onClose={close}>\n <StyledMainMenu className=\"mobile\" data-testid=\"main-menu-mobile\">\n <StyledMenuHeader>\n <a className=\"main-logo\">\n <MainLogo />\n </a>\n <StyledMobileMenuClose onClick={close} variant=\"text gray\">\n <CloseIcon />\n </StyledMobileMenuClose>\n </StyledMenuHeader>\n <MenuItemsMock mobile />\n {footer}\n </StyledMainMenu>\n </Modal>\n ) : null;\n\ninterface MobileMenuHeaderMockProps {\n onOpenMobileMenu: () => void;\n}\n\nconst MobileMenuHeaderMock = ({\n onOpenMobileMenu,\n}: MobileMenuHeaderMockProps): ReactElement => (\n <StyledMobileMenuHeader>\n <IconButton size=\"big\" variant=\"circle raised\" onClick={onOpenMobileMenu}>\n <MobileMenuIcon className=\"mobile-menu-icon\" />\n </IconButton>\n <StyledIconRow>\n <IconButton variant=\"text gray\">\n <SearchIcon />\n </IconButton>\n <StyledHeaderAvatar>JS</StyledHeaderAvatar>\n <IconButton variant=\"text gray\">\n <NotificationBellIcon />\n </IconButton>\n </StyledIconRow>\n </StyledMobileMenuHeader>\n);\n\nconst TopRightControlsMock = (): ReactElement => (\n <StyledTopRightControls>\n <IconButton variant=\"text gray\">\n <ClockStopwatchIndicatorIcon />\n </IconButton>\n <IconButton variant=\"text gray\">\n <SearchIcon />\n </IconButton>\n <StyledHeaderAvatar>JS</StyledHeaderAvatar>\n <IconButton variant=\"text gray\">\n <NotificationBellIcon />\n </IconButton>\n </StyledTopRightControls>\n);\n\n/ ------------------------------------------------------------------ /\n/ PresentationShell /\n/ ------------------------------------------------------------------ /\n\nexport interface PresentationShellProps {\n /* Page header row (e.g. <ProjectPageHeader /> or <PageHeader title=\"…\" />). /\n header: ReactNode;\n /* Page body content rendered inside the scrollable page area. /\n children: ReactNode;\n /* Optional fixed controls (e.g. <FloatingControls />). /\n floating?: ReactNode;\n /* Optional content pinned to the bottom of the main menu (e.g. <HelpAndSupportMenu />). /\n menuFooter?: ReactNode;\n}\n\n/\n The full application shell shared by every presentation mock-up: the main\n * menu on the left (auto-collapsing below 1280px, modal below 640px), the\n * top-right controls and the scrollable page area. Pass the page header via\n * `header` and the body via `children`.\n */\nexport const PresentationShell = ({\n header,\n children,\n floating,\n menuFooter,\n}: PresentationShellProps): ReactElement => {\n const [mobileMenuOpen, setMobileMenuOpen] = useState(false);\n const [collapsed, setCollapsed] = useState(false);\n const [isMobileView, setIsMobileView] = useState<boolean>();\n\n const ref = useRef<HTMLDivElement>(null);\n const dimensions = useResizeObserver(ref);\n const width = dimensions?.width;\n\n useEffect(() => {\n if (width) {\n if (width < BREAKPOINT) {\n setIsMobileView(true);\n } else {\n setIsMobileView(false);\n setMobileMenuOpen(false);\n }\n }\n }, [width]);\n\n const handleOpenMobileMenu = useCallback(() => setMobileMenuOpen(true), []);\n const handleCloseMobileMenu = useCallback(() => setMobileMenuOpen(false), []);\n const handleToggleCollapsed = useCallback(\n () => setCollapsed((prev) => !prev),\n []\n );\n\n return (\n <StyledLayout ref={ref}>\n {isMobileView ? (\n <MobileMenuHeaderMock onOpenMobileMenu={handleOpenMobileMenu} />\n ) : null}\n <StyledContentRow>\n <StyledRightWindow id=\"right-window\">\n <StyledPage>\n {header}\n <StyledPageBody>{children}</StyledPageBody>\n </StyledPage>\n {isMobileView === false ? <TopRightControlsMock /> : null}\n </StyledRightWindow>\n {isMobileView ? (\n <MainMenuMobileMock\n open={mobileMenuOpen}\n close={handleCloseMobileMenu}\n footer={menuFooter}\n />\n ) : (\n <MainMenuMock\n collapsed={collapsed}\n onToggleCollapsed={handleToggleCollapsed}\n footer={menuFooter}\n />\n )}\n </StyledContentRow>\n {floating}\n </StyledLayout>\n );\n};\n\nPresentationShell.displayName = \"PresentationShell\";\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"file":"PresentationShell.js","names":["_react","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_MainLogo","_tokens","_IconButton","_Icons","_Modal","_Paper","_Tooltip","_Typography","_utils","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_slicedToArray","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","a","_arrayLikeToArray","toString","slice","constructor","name","Array","from","test","length","l","Symbol","iterator","u","next","done","push","value","return","isArray","MENU_ITEMS","icon","RocketIcon","text","ProjectsIcon","active","MyWorkIcon","ActivityIcon","CalendarIcon","PeopleIcon","ReportTimeIcon","ReportsIcon","InvoicesIcon","EstimatesIcon","StyledLayout","styled","div","withConfig","displayName","componentId","StyledContentRow","StyledRightWindow","SM","StyledMainMenu","TRANSITION","StyledMenuHeader","XL","StyledMenuScroll","StyledMenuSection","StyledMenuItem","StyledMobileMenuClose","IconButton","StyledMobileMenuHeader","StyledIconRow","StyledTopRightControls","StyledHeaderAvatar","DARK_THEME_SELECTOR","StyledPage","StyledPageBody","StyledPagePaper","exports","Paper","MenuItemsMock","_ref","_ref$mobile","mobile","createElement","className","Caption1","weight","color","map","_ref2","Icon","Tooltip","key","title","placement","disable","undefined","Body2","whitespace","MainMenuMock","_ref3","collapsed","onToggleCollapsed","footer","MainLogo","variant","size","onClick","CollapsIcon","MainMenuMobileMock","_ref4","open","close","Modal","onClose","CloseIcon","MobileMenuHeaderMock","_ref5","onOpenMobileMenu","MobileMenuIcon","SearchIcon","NotificationBellIcon","TopRightControlsMock","ClockStopwatchIndicatorIcon","PresentationShell","_ref6","header","children","floating","menuFooter","_useState","useState","_useState2","mobileMenuOpen","setMobileMenuOpen","_useState3","_useState4","setCollapsed","_useState5","_useState6","isMobileView","setIsMobileView","ref","useRef","dimensions","useResizeObserver","width","useEffect","BREAKPOINT","handleOpenMobileMenu","useCallback","handleCloseMobileMenu","handleToggleCollapsed","prev","id"],"sources":["../../../../src/presentation/shared/PresentationShell.tsx"],"sourcesContent":["import React, {\n ReactElement,\n ReactNode,\n useCallback,\n useEffect,\n useRef,\n useState,\n} from \"react\";\n\nimport styled from \"styled-components\";\n\nimport { MainLogo } from \"./MainLogo\";\nimport { BREAKPOINT, SM, TRANSITION, XL } from \"./tokens\";\nimport { IconButton } from \"../../components/IconButton\";\nimport {\n ActivityIcon,\n CalendarIcon,\n ClockStopwatchIndicatorIcon,\n CloseIcon,\n CollapsIcon,\n EstimatesIcon,\n InvoicesIcon,\n MobileMenuIcon,\n MyWorkIcon,\n NotificationBellIcon,\n PeopleIcon,\n ProjectsIcon,\n ReportTimeIcon,\n ReportsIcon,\n RocketIcon,\n SearchIcon,\n} from \"../../components/Icons\";\nimport { Modal } from \"../../components/Modal\";\nimport { Paper } from \"../../components/Paper\";\nimport { Tooltip } from \"../../components/Tooltip\";\nimport { Body2, Caption1 } from \"../../components/Typography\";\nimport { DARK_THEME_SELECTOR, useResizeObserver } from \"../../utils\";\n\nconst MENU_ITEMS: {\n icon: React.FC<React.SVGProps<SVGSVGElement>>;\n text: string;\n active?: boolean;\n}[] = [\n { icon: RocketIcon, text: \"Getting Started\" },\n { icon: ProjectsIcon, text: \"Projects\", active: true },\n { icon: MyWorkIcon, text: \"My Work\" },\n { icon: ActivityIcon, text: \"Activity\" },\n { icon: CalendarIcon, text: \"Calendar\" },\n { icon: PeopleIcon, text: \"People\" },\n { icon: ReportTimeIcon, text: \"Time\" },\n { icon: ReportsIcon, text: \"Reports\" },\n { icon: InvoicesIcon, text: \"Invoices\" },\n { icon: EstimatesIcon, text: \"Estimates\" },\n];\n\n/* ------------------------------------------------------------------ /\n/ Layout shell (mirrors Layout.js) /\n/ ------------------------------------------------------------------ /\n\nconst StyledLayout = styled.div`\n height: 100vh;\n display: flex;\n flex-direction: column;\n background-color: var(--body-bg-main);\n`;\n\nconst StyledContentRow = styled.div`\n position: relative;\n display: flex;\n flex-direction: row-reverse;\n flex: 1 1 0%;\n flex-grow: 1;\n overflow-y: auto;\n`;\n\nconst StyledRightWindow = styled.div`\n position: relative;\n display: flex;\n flex-direction: column;\n flex: 1 1 0%;\n flex-grow: 1;\n width: 100%;\n height: 100%;\n overflow-y: auto;\n padding: 0 16px;\n\n @media (min-width: ${SM}) {\n padding-right: 32px;\n }\n`;\n\n/ ------------------------------------------------------------------ /\n/ Main menu (mirrors MainMenu.js + MainMenu.less) /\n/ ------------------------------------------------------------------ /\n\nconst StyledMainMenu = styled.div`\n position: relative;\n z-index: 1;\n display: none;\n flex-direction: column;\n height: 100%;\n margin-right: 4px;\n flex-shrink: 0;\n width: 240px;\n transition: width ${TRANSITION};\n\n @media (min-width: ${SM}) {\n display: flex;\n }\n\n &.collapsed {\n width: 72px;\n }\n\n .menu-item-text,\n .menu-section,\n #logotype {\n transition: all ${TRANSITION};\n }\n\n &.collapsed .menu-item-text {\n opacity: 0;\n visibility: hidden;\n width: 0;\n margin-left: 0;\n }\n\n &.collapsed .menu-section {\n transform: scaleY(0);\n opacity: 0;\n max-height: 0;\n margin-bottom: 0;\n }\n\n &.collapsed #logotype {\n transform: translateX(-5%);\n opacity: 0;\n }\n\n &.collapsed .collapse-expand-menu svg {\n transform: rotate(180deg);\n }\n\n &:not(.mobile) {\n @media (max-width: 1279.98px) {\n width: 72px;\n\n .menu-item-text {\n opacity: 0;\n visibility: hidden;\n width: 0;\n margin-left: 0;\n }\n\n .menu-section {\n transform: scaleY(0);\n opacity: 0;\n max-height: 0;\n margin-bottom: 0;\n }\n\n #logotype {\n transform: translateX(-5%);\n opacity: 0;\n }\n }\n }\n\n &.mobile {\n display: flex;\n position: absolute;\n left: 0;\n top: 0;\n width: 240px;\n background-color: var(--page-paper-main);\n }\n`;\n\nconst StyledMenuHeader = styled.div`\n position: relative;\n height: 68px;\n display: flex;\n align-items: center;\n flex-shrink: 0;\n overflow: hidden;\n\n .main-logo {\n position: absolute;\n left: 20px;\n color: var(--color-secondary);\n\n path {\n fill: var(--color-secondary);\n }\n }\n\n .collapse-expand-menu {\n position: absolute;\n right: 4px;\n display: none;\n\n @media (min-width: ${XL}) {\n display: flex;\n }\n }\n`;\n\nconst StyledMenuScroll = styled.div`\n display: flex;\n flex-direction: column;\n flex-grow: 1;\n min-height: 0;\n margin: 12px 0;\n overflow-y: auto;\n overflow-x: hidden;\n`;\n\nconst StyledMenuSection = styled.div`\n display: flex;\n align-items: center;\n margin: 0 12px 8px;\n padding: 0 4px 0 12px;\n`;\n\nconst StyledMenuItem = styled.a`\n display: flex;\n align-items: center;\n height: 40px;\n padding: 0 4px 0 12px;\n margin: 0 12px 2px;\n border-radius: 8px;\n cursor: pointer;\n text-decoration: none;\n\n svg {\n flex-shrink: 0;\n fill: var(--color-theme-700);\n opacity: 0.7;\n }\n\n .menu-item-text {\n margin-left: 12px;\n min-width: 0;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n\n &:hover {\n transition: all ${TRANSITION};\n background-color: var(--color-theme-300);\n\n svg {\n fill: var(--color-theme-900);\n opacity: 1;\n }\n\n .menu-item-text {\n color: var(--color-theme-900);\n }\n }\n\n &.active {\n background-color: var(--color-secondary-200);\n\n svg {\n fill: var(--color-secondary);\n opacity: 1;\n }\n\n .menu-item-text {\n color: var(--color-secondary);\n }\n }\n`;\n\nconst StyledMobileMenuClose = styled(IconButton)`\n position: absolute;\n right: 16px;\n`;\n\n/ ------------------------------------------------------------------ /\n/ Top bars /\n/ ------------------------------------------------------------------ /\n\nconst StyledMobileMenuHeader = styled.div`\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 8px 16px;\n background-color: var(--color-primary);\n z-index: 50;\n\n @media (min-width: ${SM}) {\n display: none;\n }\n\n .mobile-menu-icon {\n fill: var(--color-theme-300);\n }\n`;\n\nconst StyledIconRow = styled.div`\n display: flex;\n align-items: center;\n`;\n\nconst StyledTopRightControls = styled.div`\n position: absolute;\n top: 0;\n right: 0;\n display: none;\n align-items: center;\n justify-content: flex-end;\n padding: 12px 32px 12px 0;\n\n @media (min-width: ${SM}) {\n display: flex;\n }\n`;\n\nconst StyledHeaderAvatar = styled.div`\n width: 28px;\n height: 28px;\n border-radius: 50%;\n background-color: var(--color-secondary);\n color: var(--only-white);\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 11px;\n font-weight: 600;\n margin: 0 8px;\n flex-shrink: 0;\n cursor: pointer;\n\n / dark themes: use paper colour for the initials /\n ${DARK_THEME_SELECTOR} & {\n color: var(--page-paper-main);\n }\n`;\n\n/ ------------------------------------------------------------------ /\n/ Page region (mirrors Page.jsx / PageBody.jsx) /\n/ ------------------------------------------------------------------ /\n\nconst StyledPage = styled.div`\n display: flex;\n flex-direction: column;\n flex-grow: 1;\n`;\n\nconst StyledPageBody = styled.div`\n display: flex;\n flex-direction: column;\n flex-grow: 1;\n margin-bottom: 32px;\n min-height: 0;\n`;\n\n/* The paper card that holds page content (used by list view & empty pages). /\nexport const StyledPagePaper = styled(Paper)`\n flex-grow: 1;\n width: 100%;\n`;\n\n/ ------------------------------------------------------------------ /\n/ Mocked layout building blocks /\n/ ------------------------------------------------------------------ /\n\ninterface MenuItemsProps {\n mobile?: boolean;\n}\n\nconst MenuItemsMock = ({ mobile = false }: MenuItemsProps): ReactElement => (\n <StyledMenuScroll>\n <StyledMenuSection className=\"menu-section\">\n <Caption1 weight=\"bold\" color=\"tertiary\">\n MENU\n </Caption1>\n </StyledMenuSection>\n {MENU_ITEMS.map(({ icon: Icon, text, active }) => (\n <Tooltip key={text} title={text} placement=\"right\" disable={mobile}>\n <StyledMenuItem className={active ? \"active\" : undefined}>\n <Icon />\n <Body2\n weight=\"medium\"\n color=\"secondary\"\n whitespace=\"no-wrap\"\n className=\"menu-item-text\"\n >\n {text}\n </Body2>\n </StyledMenuItem>\n </Tooltip>\n ))}\n </StyledMenuScroll>\n);\n\ninterface MainMenuMockProps {\n collapsed: boolean;\n onToggleCollapsed: () => void;\n footer?: ReactNode;\n}\n\nconst MainMenuMock = ({\n collapsed,\n onToggleCollapsed,\n footer,\n}: MainMenuMockProps): ReactElement => (\n <StyledMainMenu\n className={collapsed ? \"collapsed\" : undefined}\n data-testid=\"main-menu\"\n >\n <StyledMenuHeader>\n <a className=\"main-logo\">\n <MainLogo />\n </a>\n <div className=\"collapse-expand-menu\">\n <IconButton\n variant=\"text gray\"\n size=\"small\"\n onClick={onToggleCollapsed}\n >\n <CollapsIcon />\n </IconButton>\n </div>\n </StyledMenuHeader>\n <MenuItemsMock />\n {footer}\n </StyledMainMenu>\n);\n\ninterface MainMenuMobileMockProps {\n open: boolean;\n close: () => void;\n footer?: ReactNode;\n}\n\nconst MainMenuMobileMock = ({\n open,\n close,\n footer,\n}: MainMenuMobileMockProps): ReactElement \| null =>\n open ? (\n <Modal open={open} onClose={close}>\n <StyledMainMenu className=\"mobile\" data-testid=\"main-menu-mobile\">\n <StyledMenuHeader>\n <a className=\"main-logo\">\n <MainLogo />\n </a>\n <StyledMobileMenuClose onClick={close} variant=\"text gray\">\n <CloseIcon />\n </StyledMobileMenuClose>\n </StyledMenuHeader>\n <MenuItemsMock mobile />\n {footer}\n </StyledMainMenu>\n </Modal>\n ) : null;\n\ninterface MobileMenuHeaderMockProps {\n onOpenMobileMenu: () => void;\n}\n\nconst MobileMenuHeaderMock = ({\n onOpenMobileMenu,\n}: MobileMenuHeaderMockProps): ReactElement => (\n <StyledMobileMenuHeader>\n <IconButton size=\"big\" variant=\"circle raised\" onClick={onOpenMobileMenu}>\n <MobileMenuIcon className=\"mobile-menu-icon\" />\n </IconButton>\n <StyledIconRow>\n <IconButton variant=\"text gray\">\n <SearchIcon />\n </IconButton>\n <StyledHeaderAvatar>JS</StyledHeaderAvatar>\n <IconButton variant=\"text gray\">\n <NotificationBellIcon />\n </IconButton>\n </StyledIconRow>\n </StyledMobileMenuHeader>\n);\n\nconst TopRightControlsMock = (): ReactElement => (\n <StyledTopRightControls>\n <IconButton variant=\"text gray\">\n <ClockStopwatchIndicatorIcon />\n </IconButton>\n <IconButton variant=\"text gray\">\n <SearchIcon />\n </IconButton>\n <StyledHeaderAvatar>JS</StyledHeaderAvatar>\n <IconButton variant=\"text gray\">\n <NotificationBellIcon />\n </IconButton>\n </StyledTopRightControls>\n);\n\n/ ------------------------------------------------------------------ /\n/ PresentationShell /\n/ ------------------------------------------------------------------ /\n\nexport interface PresentationShellProps {\n /* Page header row (e.g. <ProjectPageHeader /> or <PageHeader title=\"…\" />). /\n header: ReactNode;\n /* Page body content rendered inside the scrollable page area. /\n children: ReactNode;\n /* Optional fixed controls (e.g. <FloatingControls />). /\n floating?: ReactNode;\n /* Optional content pinned to the bottom of the main menu (e.g. <HelpAndSupportMenu />). /\n menuFooter?: ReactNode;\n}\n\n/\n The full application shell shared by every presentation mock-up: the main\n * menu on the left (auto-collapsing below 1280px, modal below 640px), the\n * top-right controls and the scrollable page area. Pass the page header via\n * `header` and the body via `children`.\n */\nexport const PresentationShell = ({\n header,\n children,\n floating,\n menuFooter,\n}: PresentationShellProps): ReactElement => {\n const [mobileMenuOpen, setMobileMenuOpen] = useState(false);\n const [collapsed, setCollapsed] = useState(false);\n const [isMobileView, setIsMobileView] = useState<boolean>();\n\n const ref = useRef<HTMLDivElement>(null);\n const dimensions = useResizeObserver(ref);\n const width = dimensions?.width;\n\n useEffect(() => {\n if (width) {\n if (width < BREAKPOINT) {\n setIsMobileView(true);\n } else {\n setIsMobileView(false);\n setMobileMenuOpen(false);\n }\n }\n }, [width]);\n\n const handleOpenMobileMenu = useCallback(() => setMobileMenuOpen(true), []);\n const handleCloseMobileMenu = useCallback(() => setMobileMenuOpen(false), []);\n const handleToggleCollapsed = useCallback(\n () => setCollapsed((prev) => !prev),\n []\n );\n\n return (\n <StyledLayout ref={ref}>\n {isMobileView ? (\n <MobileMenuHeaderMock onOpenMobileMenu={handleOpenMobileMenu} />\n ) : null}\n <StyledContentRow>\n <StyledRightWindow id=\"right-window\">\n <StyledPage>\n {header}\n <StyledPageBody>{children}</StyledPageBody>\n </StyledPage>\n {isMobileView === false ? <TopRightControlsMock /> : null}\n </StyledRightWindow>\n {isMobileView ? (\n <MainMenuMobileMock\n open={mobileMenuOpen}\n close={handleCloseMobileMenu}\n footer={menuFooter}\n />\n ) : (\n <MainMenuMock\n collapsed={collapsed}\n onToggleCollapsed={handleToggleCollapsed}\n footer={menuFooter}\n />\n )}\n </StyledContentRow>\n {floating}\n </StyledLayout>\n );\n};\n\nPresentationShell.displayName = \"PresentationShell\";\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/utils/index.js CHANGED Viewed

@@ -78,6 +78,18 @@ Object.keys(_colors).forEach(function (key) {
     }
   });
 });
+var _themes = require("./themes");
+Object.keys(_themes).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _themes[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _themes[key];
+    }
+  });
+});
 var _validation = require("./validation");
 Object.keys(_validation).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;