npm - @activecollab/components - Versions diffs - 2.0.377 → 2.0.379 - Mend

@activecollab/components 2.0.377 → 2.0.379

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 (95) hide show

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/Icons/collection/TextAlignCenter.js ADDED Viewed

@@ -0,0 +1,62 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _GradientDefs = require("../../GradientDefs");
+var _excluded = ["gradient"];
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+/**
+ * @component TextAlignCenterIcon
+ * @description
+ *
+ * The React Icon component is a visual element that displays an icon to represent a concept, object, or action.
+ * The Icon component is
+ * customizable, allowing for variations in size, color, and style to fit the needs of the application.
+ *
+ * @prop {string} [gradient] - Optional CSS linear-gradient string to apply a custom fill.
+ * Format: "linear-gradient(<angle>deg, <color1>, <color2>, ...)"
+ *
+ * @example
+ * return (
+ * <TextAlignCenterIcon gradient="linear-gradient(135deg, #4da2ed, #f72222)" />
+ * )
+ *
+ * @example
+ * return (
+ *   <TextAlignCenterIcon className="mr-2" />
+ * )
+ *
+ * @see
+ * https://system.activecollab.com/?path=/story/foundation-icons-icons--icons
+ * @see
+ * https://design.activecollab.com/docs/foundations/icons
+ */
+var TextAlignCenterIcon = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
+  var gradient = _ref.gradient,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/_react.default.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24,
+    viewBox: "0 0 24 24",
+    "data-testid": "TextAlignCenterIcon",
+    fill: gradient ? "url(#icon-gradient)" : props !== null && props !== void 0 && props.fill ? props.fill : "var(--color-theme-600)",
+    focusable: false,
+    ref: ref
+  }, props), /*#__PURE__*/_react.default.createElement(_GradientDefs.GradientDefs, {
+    gradient: gradient
+  }), /*#__PURE__*/_react.default.createElement("path", {
+    fillRule: "evenodd",
+    d: "M4 4h16a1 1 0 0 1 1 1a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1a1 1 0 0 1 1-1zM7.5 9h9a1 1 0 0 1 1 1a1 1 0 0 1-1 1h-9a1 1 0 0 1-1-1a1 1 0 0 1 1-1zM4 14h16a1 1 0 0 1 1 1a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1a1 1 0 0 1 1-1zM7.5 19h9a1 1 0 0 1 1 1a1 1 0 0 1-1 1h-9a1 1 0 0 1-1-1a1 1 0 0 1 1-1z",
+    clipRule: "evenodd"
+  }));
+});
+TextAlignCenterIcon.displayName = "TextAlignCenterIcon";
+var _default = exports.default = TextAlignCenterIcon;
+//# sourceMappingURL=TextAlignCenter.js.map

package/dist/cjs/components/Icons/collection/TextAlignCenter.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"TextAlignCenter.js","names":["_react","_interopRequireDefault","require","_GradientDefs","_excluded","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","_objectWithoutProperties","o","i","_objectWithoutPropertiesLoose","getOwnPropertySymbols","indexOf","propertyIsEnumerable","TextAlignCenterIcon","React","forwardRef","_ref","ref","gradient","props","createElement","xmlns","width","height","viewBox","fill","focusable","GradientDefs","fillRule","d","clipRule","displayName","_default","exports"],"sources":["../../../../../src/components/Icons/collection/TextAlignCenter.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { GradientDefs } from \"../../GradientDefs\";\n\n/**\n * @component TextAlignCenterIcon\n * @description\n *\n * The React Icon component is a visual element that displays an icon to represent a concept, object, or action.\n * The Icon component is\n * customizable, allowing for variations in size, color, and style to fit the needs of the application.\n *\n * @prop {string} [gradient] - Optional CSS linear-gradient string to apply a custom fill.\n * Format: \"linear-gradient(<angle>deg, <color1>, <color2>, ...)\"\n *\n * @example\n * return (\n * <TextAlignCenterIcon gradient=\"linear-gradient(135deg, #4da2ed, #f72222)\" />\n * )\n *\n * @example\n * return (\n * <TextAlignCenterIcon className=\"mr-2\" />\n * )\n *\n * @see\n * https://system.activecollab.com/?path=/story/foundation-icons-icons--icons\n * @see\n * https://design.activecollab.com/docs/foundations/icons\n */\nconst TextAlignCenterIcon = React.forwardRef(\n (\n {\n gradient,\n ...props\n }: React.SVGProps<SVGSVGElement> & {\n gradient?: string;\n },\n ref?: React.Ref<SVGSVGElement>\n ) => (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width={24}\n height={24}\n viewBox=\"0 0 24 24\"\n data-testid=\"TextAlignCenterIcon\"\n fill={\n gradient\n ? \"url(#icon-gradient)\"\n : props?.fill\n ? props.fill\n : \"var(--color-theme-600)\"\n }\n focusable={false}\n ref={ref}\n {...props}\n >\n <GradientDefs gradient={gradient} />\n <path\n fillRule=\"evenodd\"\n d=\"M4 4h16a1 1 0 0 1 1 1a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1a1 1 0 0 1 1-1zM7.5 9h9a1 1 0 0 1 1 1a1 1 0 0 1-1 1h-9a1 1 0 0 1-1-1a1 1 0 0 1 1-1zM4 14h16a1 1 0 0 1 1 1a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1a1 1 0 0 1 1-1zM7.5 19h9a1 1 0 0 1 1 1a1 1 0 0 1-1 1h-9a1 1 0 0 1-1-1a1 1 0 0 1 1-1z\"\n clipRule=\"evenodd\"\n />\n </svg>\n )\n);\nTextAlignCenterIcon.displayName = \"TextAlignCenterIcon\";\nexport default TextAlignCenterIcon;\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/Icons/collection/TextAlignJustify.js ADDED Viewed

@@ -0,0 +1,62 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _GradientDefs = require("../../GradientDefs");
+var _excluded = ["gradient"];
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+/**
+ * @component TextAlignJustifyIcon
+ * @description
+ *
+ * The React Icon component is a visual element that displays an icon to represent a concept, object, or action.
+ * The Icon component is
+ * customizable, allowing for variations in size, color, and style to fit the needs of the application.
+ *
+ * @prop {string} [gradient] - Optional CSS linear-gradient string to apply a custom fill.
+ * Format: "linear-gradient(<angle>deg, <color1>, <color2>, ...)"
+ *
+ * @example
+ * return (
+ * <TextAlignJustifyIcon gradient="linear-gradient(135deg, #4da2ed, #f72222)" />
+ * )
+ *
+ * @example
+ * return (
+ *   <TextAlignJustifyIcon className="mr-2" />
+ * )
+ *
+ * @see
+ * https://system.activecollab.com/?path=/story/foundation-icons-icons--icons
+ * @see
+ * https://design.activecollab.com/docs/foundations/icons
+ */
+var TextAlignJustifyIcon = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
+  var gradient = _ref.gradient,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/_react.default.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24,
+    viewBox: "0 0 24 24",
+    "data-testid": "TextAlignJustifyIcon",
+    fill: gradient ? "url(#icon-gradient)" : props !== null && props !== void 0 && props.fill ? props.fill : "var(--color-theme-600)",
+    focusable: false,
+    ref: ref
+  }, props), /*#__PURE__*/_react.default.createElement(_GradientDefs.GradientDefs, {
+    gradient: gradient
+  }), /*#__PURE__*/_react.default.createElement("path", {
+    fillRule: "evenodd",
+    d: "M4 4h16a1 1 0 0 1 1 1a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1a1 1 0 0 1 1-1zM4 9h16a1 1 0 0 1 1 1a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1a1 1 0 0 1 1-1zM4 14h16a1 1 0 0 1 1 1a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1a1 1 0 0 1 1-1zM4 19h9a1 1 0 0 1 1 1a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1a1 1 0 0 1 1-1z",
+    clipRule: "evenodd"
+  }));
+});
+TextAlignJustifyIcon.displayName = "TextAlignJustifyIcon";
+var _default = exports.default = TextAlignJustifyIcon;
+//# sourceMappingURL=TextAlignJustify.js.map

package/dist/cjs/components/Icons/collection/TextAlignJustify.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"TextAlignJustify.js","names":["_react","_interopRequireDefault","require","_GradientDefs","_excluded","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","_objectWithoutProperties","o","i","_objectWithoutPropertiesLoose","getOwnPropertySymbols","indexOf","propertyIsEnumerable","TextAlignJustifyIcon","React","forwardRef","_ref","ref","gradient","props","createElement","xmlns","width","height","viewBox","fill","focusable","GradientDefs","fillRule","d","clipRule","displayName","_default","exports"],"sources":["../../../../../src/components/Icons/collection/TextAlignJustify.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { GradientDefs } from \"../../GradientDefs\";\n\n/**\n * @component TextAlignJustifyIcon\n * @description\n *\n * The React Icon component is a visual element that displays an icon to represent a concept, object, or action.\n * The Icon component is\n * customizable, allowing for variations in size, color, and style to fit the needs of the application.\n *\n * @prop {string} [gradient] - Optional CSS linear-gradient string to apply a custom fill.\n * Format: \"linear-gradient(<angle>deg, <color1>, <color2>, ...)\"\n *\n * @example\n * return (\n * <TextAlignJustifyIcon gradient=\"linear-gradient(135deg, #4da2ed, #f72222)\" />\n * )\n *\n * @example\n * return (\n * <TextAlignJustifyIcon className=\"mr-2\" />\n * )\n *\n * @see\n * https://system.activecollab.com/?path=/story/foundation-icons-icons--icons\n * @see\n * https://design.activecollab.com/docs/foundations/icons\n */\nconst TextAlignJustifyIcon = React.forwardRef(\n (\n {\n gradient,\n ...props\n }: React.SVGProps<SVGSVGElement> & {\n gradient?: string;\n },\n ref?: React.Ref<SVGSVGElement>\n ) => (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width={24}\n height={24}\n viewBox=\"0 0 24 24\"\n data-testid=\"TextAlignJustifyIcon\"\n fill={\n gradient\n ? \"url(#icon-gradient)\"\n : props?.fill\n ? props.fill\n : \"var(--color-theme-600)\"\n }\n focusable={false}\n ref={ref}\n {...props}\n >\n <GradientDefs gradient={gradient} />\n <path\n fillRule=\"evenodd\"\n d=\"M4 4h16a1 1 0 0 1 1 1a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1a1 1 0 0 1 1-1zM4 9h16a1 1 0 0 1 1 1a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1a1 1 0 0 1 1-1zM4 14h16a1 1 0 0 1 1 1a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1a1 1 0 0 1 1-1zM4 19h9a1 1 0 0 1 1 1a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1a1 1 0 0 1 1-1z\"\n clipRule=\"evenodd\"\n />\n </svg>\n )\n);\nTextAlignJustifyIcon.displayName = \"TextAlignJustifyIcon\";\nexport default TextAlignJustifyIcon;\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/Icons/collection/TextAlignLeft.js ADDED Viewed

@@ -0,0 +1,62 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _GradientDefs = require("../../GradientDefs");
+var _excluded = ["gradient"];
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+/**
+ * @component TextAlignLeftIcon
+ * @description
+ *
+ * The React Icon component is a visual element that displays an icon to represent a concept, object, or action.
+ * The Icon component is
+ * customizable, allowing for variations in size, color, and style to fit the needs of the application.
+ *
+ * @prop {string} [gradient] - Optional CSS linear-gradient string to apply a custom fill.
+ * Format: "linear-gradient(<angle>deg, <color1>, <color2>, ...)"
+ *
+ * @example
+ * return (
+ * <TextAlignLeftIcon gradient="linear-gradient(135deg, #4da2ed, #f72222)" />
+ * )
+ *
+ * @example
+ * return (
+ *   <TextAlignLeftIcon className="mr-2" />
+ * )
+ *
+ * @see
+ * https://system.activecollab.com/?path=/story/foundation-icons-icons--icons
+ * @see
+ * https://design.activecollab.com/docs/foundations/icons
+ */
+var TextAlignLeftIcon = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
+  var gradient = _ref.gradient,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/_react.default.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24,
+    viewBox: "0 0 24 24",
+    "data-testid": "TextAlignLeftIcon",
+    fill: gradient ? "url(#icon-gradient)" : props !== null && props !== void 0 && props.fill ? props.fill : "var(--color-theme-600)",
+    focusable: false,
+    ref: ref
+  }, props), /*#__PURE__*/_react.default.createElement(_GradientDefs.GradientDefs, {
+    gradient: gradient
+  }), /*#__PURE__*/_react.default.createElement("path", {
+    fillRule: "evenodd",
+    d: "M4 4h16a1 1 0 0 1 1 1a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1a1 1 0 0 1 1-1zM4 9h9a1 1 0 0 1 1 1a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1a1 1 0 0 1 1-1zM4 14h16a1 1 0 0 1 1 1a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1a1 1 0 0 1 1-1zM4 19h9a1 1 0 0 1 1 1a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1a1 1 0 0 1 1-1z",
+    clipRule: "evenodd"
+  }));
+});
+TextAlignLeftIcon.displayName = "TextAlignLeftIcon";
+var _default = exports.default = TextAlignLeftIcon;
+//# sourceMappingURL=TextAlignLeft.js.map

package/dist/cjs/components/Icons/collection/TextAlignLeft.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"TextAlignLeft.js","names":["_react","_interopRequireDefault","require","_GradientDefs","_excluded","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","_objectWithoutProperties","o","i","_objectWithoutPropertiesLoose","getOwnPropertySymbols","indexOf","propertyIsEnumerable","TextAlignLeftIcon","React","forwardRef","_ref","ref","gradient","props","createElement","xmlns","width","height","viewBox","fill","focusable","GradientDefs","fillRule","d","clipRule","displayName","_default","exports"],"sources":["../../../../../src/components/Icons/collection/TextAlignLeft.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { GradientDefs } from \"../../GradientDefs\";\n\n/**\n * @component TextAlignLeftIcon\n * @description\n *\n * The React Icon component is a visual element that displays an icon to represent a concept, object, or action.\n * The Icon component is\n * customizable, allowing for variations in size, color, and style to fit the needs of the application.\n *\n * @prop {string} [gradient] - Optional CSS linear-gradient string to apply a custom fill.\n * Format: \"linear-gradient(<angle>deg, <color1>, <color2>, ...)\"\n *\n * @example\n * return (\n * <TextAlignLeftIcon gradient=\"linear-gradient(135deg, #4da2ed, #f72222)\" />\n * )\n *\n * @example\n * return (\n * <TextAlignLeftIcon className=\"mr-2\" />\n * )\n *\n * @see\n * https://system.activecollab.com/?path=/story/foundation-icons-icons--icons\n * @see\n * https://design.activecollab.com/docs/foundations/icons\n */\nconst TextAlignLeftIcon = React.forwardRef(\n (\n {\n gradient,\n ...props\n }: React.SVGProps<SVGSVGElement> & {\n gradient?: string;\n },\n ref?: React.Ref<SVGSVGElement>\n ) => (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width={24}\n height={24}\n viewBox=\"0 0 24 24\"\n data-testid=\"TextAlignLeftIcon\"\n fill={\n gradient\n ? \"url(#icon-gradient)\"\n : props?.fill\n ? props.fill\n : \"var(--color-theme-600)\"\n }\n focusable={false}\n ref={ref}\n {...props}\n >\n <GradientDefs gradient={gradient} />\n <path\n fillRule=\"evenodd\"\n d=\"M4 4h16a1 1 0 0 1 1 1a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1a1 1 0 0 1 1-1zM4 9h9a1 1 0 0 1 1 1a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1a1 1 0 0 1 1-1zM4 14h16a1 1 0 0 1 1 1a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1a1 1 0 0 1 1-1zM4 19h9a1 1 0 0 1 1 1a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1a1 1 0 0 1 1-1z\"\n clipRule=\"evenodd\"\n />\n </svg>\n )\n);\nTextAlignLeftIcon.displayName = \"TextAlignLeftIcon\";\nexport default TextAlignLeftIcon;\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/Icons/collection/TextAlignRight.js ADDED Viewed

@@ -0,0 +1,62 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _GradientDefs = require("../../GradientDefs");
+var _excluded = ["gradient"];
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+/**
+ * @component TextAlignRightIcon
+ * @description
+ *
+ * The React Icon component is a visual element that displays an icon to represent a concept, object, or action.
+ * The Icon component is
+ * customizable, allowing for variations in size, color, and style to fit the needs of the application.
+ *
+ * @prop {string} [gradient] - Optional CSS linear-gradient string to apply a custom fill.
+ * Format: "linear-gradient(<angle>deg, <color1>, <color2>, ...)"
+ *
+ * @example
+ * return (
+ * <TextAlignRightIcon gradient="linear-gradient(135deg, #4da2ed, #f72222)" />
+ * )
+ *
+ * @example
+ * return (
+ *   <TextAlignRightIcon className="mr-2" />
+ * )
+ *
+ * @see
+ * https://system.activecollab.com/?path=/story/foundation-icons-icons--icons
+ * @see
+ * https://design.activecollab.com/docs/foundations/icons
+ */
+var TextAlignRightIcon = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
+  var gradient = _ref.gradient,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/_react.default.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24,
+    viewBox: "0 0 24 24",
+    "data-testid": "TextAlignRightIcon",
+    fill: gradient ? "url(#icon-gradient)" : props !== null && props !== void 0 && props.fill ? props.fill : "var(--color-theme-600)",
+    focusable: false,
+    ref: ref
+  }, props), /*#__PURE__*/_react.default.createElement(_GradientDefs.GradientDefs, {
+    gradient: gradient
+  }), /*#__PURE__*/_react.default.createElement("path", {
+    fillRule: "evenodd",
+    d: "M4 4h16a1 1 0 0 1 1 1a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1a1 1 0 0 1 1-1zM11 9h9a1 1 0 0 1 1 1a1 1 0 0 1-1 1h-9a1 1 0 0 1-1-1a1 1 0 0 1 1-1zM4 14h16a1 1 0 0 1 1 1a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1a1 1 0 0 1 1-1zM11 19h9a1 1 0 0 1 1 1a1 1 0 0 1-1 1h-9a1 1 0 0 1-1-1a1 1 0 0 1 1-1z",
+    clipRule: "evenodd"
+  }));
+});
+TextAlignRightIcon.displayName = "TextAlignRightIcon";
+var _default = exports.default = TextAlignRightIcon;
+//# sourceMappingURL=TextAlignRight.js.map

package/dist/cjs/components/Icons/collection/TextAlignRight.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"TextAlignRight.js","names":["_react","_interopRequireDefault","require","_GradientDefs","_excluded","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","_objectWithoutProperties","o","i","_objectWithoutPropertiesLoose","getOwnPropertySymbols","indexOf","propertyIsEnumerable","TextAlignRightIcon","React","forwardRef","_ref","ref","gradient","props","createElement","xmlns","width","height","viewBox","fill","focusable","GradientDefs","fillRule","d","clipRule","displayName","_default","exports"],"sources":["../../../../../src/components/Icons/collection/TextAlignRight.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { GradientDefs } from \"../../GradientDefs\";\n\n/**\n * @component TextAlignRightIcon\n * @description\n *\n * The React Icon component is a visual element that displays an icon to represent a concept, object, or action.\n * The Icon component is\n * customizable, allowing for variations in size, color, and style to fit the needs of the application.\n *\n * @prop {string} [gradient] - Optional CSS linear-gradient string to apply a custom fill.\n * Format: \"linear-gradient(<angle>deg, <color1>, <color2>, ...)\"\n *\n * @example\n * return (\n * <TextAlignRightIcon gradient=\"linear-gradient(135deg, #4da2ed, #f72222)\" />\n * )\n *\n * @example\n * return (\n * <TextAlignRightIcon className=\"mr-2\" />\n * )\n *\n * @see\n * https://system.activecollab.com/?path=/story/foundation-icons-icons--icons\n * @see\n * https://design.activecollab.com/docs/foundations/icons\n */\nconst TextAlignRightIcon = React.forwardRef(\n (\n {\n gradient,\n ...props\n }: React.SVGProps<SVGSVGElement> & {\n gradient?: string;\n },\n ref?: React.Ref<SVGSVGElement>\n ) => (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width={24}\n height={24}\n viewBox=\"0 0 24 24\"\n data-testid=\"TextAlignRightIcon\"\n fill={\n gradient\n ? \"url(#icon-gradient)\"\n : props?.fill\n ? props.fill\n : \"var(--color-theme-600)\"\n }\n focusable={false}\n ref={ref}\n {...props}\n >\n <GradientDefs gradient={gradient} />\n <path\n fillRule=\"evenodd\"\n d=\"M4 4h16a1 1 0 0 1 1 1a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1a1 1 0 0 1 1-1zM11 9h9a1 1 0 0 1 1 1a1 1 0 0 1-1 1h-9a1 1 0 0 1-1-1a1 1 0 0 1 1-1zM4 14h16a1 1 0 0 1 1 1a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1a1 1 0 0 1 1-1zM11 19h9a1 1 0 0 1 1 1a1 1 0 0 1-1 1h-9a1 1 0 0 1-1-1a1 1 0 0 1 1-1z\"\n clipRule=\"evenodd\"\n />\n </svg>\n )\n);\nTextAlignRightIcon.displayName = \"TextAlignRightIcon\";\nexport default TextAlignRightIcon;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,aAAA,GAAAD,OAAA;AAAkD,IAAAE,SAAA;AAAA,SAAAH,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,SAAAG,SAAA,WAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,CAAA,aAAAP,CAAA,MAAAA,CAAA,GAAAQ,SAAA,CAAAC,MAAA,EAAAT,CAAA,UAAAU,CAAA,GAAAF,SAAA,CAAAR,CAAA,YAAAW,CAAA,IAAAD,CAAA,OAAAE,cAAA,CAAAC,IAAA,CAAAH,CAAA,EAAAC,CAAA,MAAAJ,CAAA,CAAAI,CAAA,IAAAD,CAAA,CAAAC,CAAA,aAAAJ,CAAA,KAAAJ,QAAA,CAAAW,KAAA,OAAAN,SAAA;AAAA,SAAAO,yBAAAf,CAAA,EAAAU,CAAA,gBAAAV,CAAA,iBAAAgB,CAAA,EAAAL,CAAA,EAAAM,CAAA,GAAAC,6BAAA,CAAAlB,CAAA,EAAAU,CAAA,OAAAN,MAAA,CAAAe,qBAAA,QAAAZ,CAAA,GAAAH,MAAA,CAAAe,qBAAA,CAAAnB,CAAA,QAAAW,CAAA,MAAAA,CAAA,GAAAJ,CAAA,CAAAE,MAAA,EAAAE,CAAA,IAAAK,CAAA,GAAAT,CAAA,CAAAI,CAAA,UAAAD,CAAA,CAAAU,OAAA,CAAAJ,CAAA,QAAAK,oBAAA,CAAAR,IAAA,CAAAb,CAAA,EAAAgB,CAAA,MAAAC,CAAA,CAAAD,CAAA,IAAAhB,CAAA,CAAAgB,CAAA,aAAAC,CAAA;AAAA,SAAAC,8BAAAP,CAAA,EAAAX,CAAA,gBAAAW,CAAA,iBAAAD,CAAA,gBAAAH,CAAA,IAAAI,CAAA,SAAAC,cAAA,CAAAC,IAAA,CAAAF,CAAA,EAAAJ,CAAA,gBAAAP,CAAA,CAAAoB,OAAA,CAAAb,CAAA,aAAAG,CAAA,CAAAH,CAAA,IAAAI,CAAA,CAAAJ,CAAA,YAAAG,CAAA;AAElD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAMY,kBAAkB,gBAAGC,cAAK,CAACC,UAAU,CACzC,UAAAC,IAAA,EAOEC,GAA8B;EAAA,IAL5BC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IACLC,KAAK,GAAAb,wBAAA,CAAAU,IAAA,EAAA1B,SAAA;EAAA,oBAMVJ,MAAA,CAAAO,OAAA,CAAA2B,aAAA,QAAA1B,QAAA;IACE2B,KAAK,EAAC,4BAA4B;IAClCC,KAAK,EAAE,EAAG;IACVC,MAAM,EAAE,EAAG;IACXC,OAAO,EAAC,WAAW;IACnB,eAAY,oBAAoB;IAChCC,IAAI,EACFP,QAAQ,GACJ,qBAAqB,GACrBC,KAAK,aAALA,KAAK,eAALA,KAAK,CAAEM,IAAI,GACXN,KAAK,CAACM,IAAI,GACV,wBACL;IACDC,SAAS,EAAE,KAAM;IACjBT,GAAG,EAAEA;EAAI,GACLE,KAAK,gBAETjC,MAAA,CAAAO,OAAA,CAAA2B,aAAA,CAAC/B,aAAA,CAAAsC,YAAY;IAACT,QAAQ,EAAEA;EAAS,CAAE,CAAC,eACpChC,MAAA,CAAAO,OAAA,CAAA2B,aAAA;IACEQ,QAAQ,EAAC,SAAS;IAClBC,CAAC,EAAC,8QAA8Q;IAChRC,QAAQ,EAAC;EAAS,CACnB,CACE,CAAC;AAAA,CAEV,CAAC;AACDjB,kBAAkB,CAACkB,WAAW,GAAG,oBAAoB;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAxC,OAAA,GACvCoB,kBAAkB","ignoreList":[]}