@activecollab/components 1.0.12 → 1.0.16

package/dist/esm/components/SelectDate/DatePickerForm.js

@@ -1,5 +1,6 @@
 import React, { useCallback } from "react";
 import MomentLocaleUtils from "react-day-picker/moment";
+import { DatePicker } from "..";
 import { Button } from "../Button/Button";
 import CancelCrossIcon from "../Icons/collection/CancelCross";
 import { Tooltip } from "../Tooltip/Tooltip";
@@ -41,7 +42,7 @@ export var DatePickerForm = function DatePickerForm(_ref) {
     onKeyDown: handleOnKeyDown,
     tabIndex: -1,
     className: "date-picker-form"
-  }, /*#__PURE__*/React.createElement(StyledSelectDateDatePicker, {
+  }, /*#__PURE__*/React.createElement(StyledSelectDateDatePicker, null, /*#__PURE__*/React.createElement(DatePicker, {
     month: month,
     onMonthChange: onMonthChange,
     onChange: onChange,
@@ -53,7 +54,7 @@ export var DatePickerForm = function DatePickerForm(_ref) {
     modifiers: modifiers,
     renderDay: renderDay,
     localeUtils: MomentLocaleUtils
-  }), mode === "atomic" || !dateRequired ? /*#__PURE__*/React.createElement(StyledSelectDateFooter, {
+  })), mode === "atomic" || !dateRequired ? /*#__PURE__*/React.createElement(StyledSelectDateFooter, {
     className: "date-picker-footer",
     $mode: mode
   }, mode === "atomic" ? /*#__PURE__*/React.createElement(StyledSelectDateButtons, {

package/dist/esm/components/SelectDate/DatePickerForm.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/SelectDate/DatePickerForm.tsx"],"names":["React","useCallback","MomentLocaleUtils","Button","CancelCrossIcon","Tooltip","StyledButtonClose","StyledButtonCloseColored","StyledButtonSave","StyledSelectDateButtons","StyledSelectDateDatePicker","StyledSelectDateFooter","DatePickerForm","mode","saveButtonText","cancelButtonText","clearButtonText","onSave","onCancel","onClear","dateRequired","firstDayOfWeek","selectedDays","selectionMode","onChange","onDayClick","onMonthChange","month","disabledSaveButton","modifiers","renderDay","handleOnKeyDown","e","key","zIndex","displayName"],"mappings":"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","sourcesContent":["import React, { FC, ReactNode, MouseEvent, useCallback } from \"react\";\nimport { RangeModifier, Modifiers, DayModifiers } from \"react-day-picker\";\nimport MomentLocaleUtils from \"react-day-picker/moment\";\nimport { Button } from \"../Button/Button\";\nimport CancelCrossIcon from \"../Icons/collection/CancelCross\";\nimport { Tooltip } from \"../Tooltip/Tooltip\";\nimport {\n  StyledButtonClose,\n  StyledButtonCloseColored,\n  StyledButtonSave,\n  StyledSelectDateButtons,\n  StyledSelectDateDatePicker,\n  StyledSelectDateFooter,\n} from \"./Styles\";\n\ninterface IDatePickerForm {\n  mode: \"instant\" | \"atomic\";\n  saveButtonText?: string;\n  cancelButtonText?: string;\n  clearButtonText?: string;\n  onSave?: () => void;\n  onCancel?: (event: MouseEvent<HTMLElement>) => void;\n  onClear?: () => void;\n  onChange?: (dates?: { from: Date; to: Date }) => void;\n  /** Called when day is clicked */\n  onDayClick?: (day: Date, modifiers: DayModifiers) => void;\n  /** Set selected day or days */\n  selectedDays?: RangeModifier;\n  /** Modifiers */\n  modifiers?: Partial<Modifiers>;\n  /** Render day callback */\n  renderDay?: (date: Date, modifiers: DayModifiers) => ReactNode;\n  /** Set selection range */\n  selectionMode?: string;\n  /** Set is date required */\n  dateRequired?: boolean;\n  /** Set first day of week */\n  firstDayOfWeek?: number;\n  /** on month change callback */\n  onMonthChange?: (month: Date) => void;\n  /** Selected month */\n  month: Date;\n  disabledSaveButton?: boolean;\n}\n\nexport const DatePickerForm: FC<IDatePickerForm> = ({\n  mode,\n  saveButtonText = \"Save\",\n  cancelButtonText = \"Cancel\",\n  clearButtonText = \"Clear\",\n  onSave,\n  onCancel,\n  onClear,\n  dateRequired = false,\n  firstDayOfWeek = 0,\n  selectedDays,\n  selectionMode = \"custom\",\n  onChange,\n  onDayClick,\n  onMonthChange,\n  month,\n  disabledSaveButton = false,\n  modifiers,\n  renderDay,\n}) => {\n  const handleOnKeyDown = useCallback(\n    (e) => {\n      if (e.key === \"Enter\" && typeof onSave === \"function\") {\n        onSave();\n      } else if (\n        (e.key === \"Esc\" || e.key === \"Escape\") &&\n        typeof onCancel === \"function\"\n      ) {\n        onCancel(e);\n      }\n    },\n    [onSave, onCancel]\n  );\n\n  return (\n    <div onKeyDown={handleOnKeyDown} tabIndex={-1} className=\"date-picker-form\">\n      <StyledSelectDateDatePicker\n        month={month}\n        onMonthChange={onMonthChange}\n        onChange={onChange}\n        onDayClick={onDayClick}\n        selectedDays={selectedDays}\n        selectionMode={selectionMode}\n        dateRequired={dateRequired}\n        firstDayOfWeek={firstDayOfWeek}\n        modifiers={modifiers}\n        renderDay={renderDay}\n        localeUtils={MomentLocaleUtils}\n      />\n      {mode === \"atomic\" || !dateRequired ? (\n        <StyledSelectDateFooter className=\"date-picker-footer\" $mode={mode}>\n          {mode === \"atomic\" ? (\n            <StyledSelectDateButtons className=\"date-picker-buttons\">\n              <StyledButtonSave\n                size=\"small\"\n                variant=\"primary\"\n                onClick={onSave}\n                disabled={disabledSaveButton}\n              >\n                {saveButtonText}\n              </StyledButtonSave>\n              <Tooltip\n                title={cancelButtonText}\n                popperTooltipStyle={{ zIndex: 1301 }}\n              >\n                <Button size=\"small\" variant=\"text gray\" onClick={onCancel}>\n                  <CancelCrossIcon />\n                </Button>\n              </Tooltip>\n              {!dateRequired ? (\n                <StyledButtonClose\n                  size=\"small\"\n                  onClick={onClear}\n                  variant=\"text gray\"\n                >\n                  {clearButtonText}\n                </StyledButtonClose>\n              ) : null}\n            </StyledSelectDateButtons>\n          ) : (\n            !dateRequired && (\n              <StyledButtonCloseColored\n                size=\"small\"\n                onClick={onClear}\n                variant=\"text colored\"\n              >\n                {clearButtonText}\n              </StyledButtonCloseColored>\n            )\n          )}\n        </StyledSelectDateFooter>\n      ) : null}\n    </div>\n  );\n};\n\nDatePickerForm.displayName = \"DatePickerForm\";\n"],"file":"DatePickerForm.js"}
+{"version":3,"sources":["../../../../src/components/SelectDate/DatePickerForm.tsx"],"names":["React","useCallback","MomentLocaleUtils","DatePicker","Button","CancelCrossIcon","Tooltip","StyledButtonClose","StyledButtonCloseColored","StyledButtonSave","StyledSelectDateButtons","StyledSelectDateDatePicker","StyledSelectDateFooter","DatePickerForm","mode","saveButtonText","cancelButtonText","clearButtonText","onSave","onCancel","onClear","dateRequired","firstDayOfWeek","selectedDays","selectionMode","onChange","onDayClick","onMonthChange","month","disabledSaveButton","modifiers","renderDay","handleOnKeyDown","e","key","zIndex","displayName"],"mappings":"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","sourcesContent":["import React, { FC, ReactNode, MouseEvent, useCallback } from \"react\";\nimport { RangeModifier, Modifiers, DayModifiers } from \"react-day-picker\";\nimport MomentLocaleUtils from \"react-day-picker/moment\";\nimport { DatePicker } from \"..\";\nimport { Button } from \"../Button/Button\";\nimport CancelCrossIcon from \"../Icons/collection/CancelCross\";\nimport { Tooltip } from \"../Tooltip/Tooltip\";\nimport {\n  StyledButtonClose,\n  StyledButtonCloseColored,\n  StyledButtonSave,\n  StyledSelectDateButtons,\n  StyledSelectDateDatePicker,\n  StyledSelectDateFooter,\n} from \"./Styles\";\n\ninterface IDatePickerForm {\n  mode: \"instant\" | \"atomic\";\n  saveButtonText?: string;\n  cancelButtonText?: string;\n  clearButtonText?: string;\n  onSave?: () => void;\n  onCancel?: (event: MouseEvent<HTMLElement>) => void;\n  onClear?: () => void;\n  onChange?: (dates?: { from: Date; to: Date }) => void;\n  /** Called when day is clicked */\n  onDayClick?: (day: Date, modifiers: DayModifiers) => void;\n  /** Set selected day or days */\n  selectedDays?: RangeModifier;\n  /** Modifiers */\n  modifiers?: Partial<Modifiers>;\n  /** Render day callback */\n  renderDay?: (date: Date, modifiers: DayModifiers) => ReactNode;\n  /** Set selection range */\n  selectionMode?: string;\n  /** Set is date required */\n  dateRequired?: boolean;\n  /** Set first day of week */\n  firstDayOfWeek?: number;\n  /** on month change callback */\n  onMonthChange?: (month: Date) => void;\n  /** Selected month */\n  month: Date;\n  disabledSaveButton?: boolean;\n}\n\nexport const DatePickerForm: FC<IDatePickerForm> = ({\n  mode,\n  saveButtonText = \"Save\",\n  cancelButtonText = \"Cancel\",\n  clearButtonText = \"Clear\",\n  onSave,\n  onCancel,\n  onClear,\n  dateRequired = false,\n  firstDayOfWeek = 0,\n  selectedDays,\n  selectionMode = \"custom\",\n  onChange,\n  onDayClick,\n  onMonthChange,\n  month,\n  disabledSaveButton = false,\n  modifiers,\n  renderDay,\n}) => {\n  const handleOnKeyDown = useCallback(\n    (e) => {\n      if (e.key === \"Enter\" && typeof onSave === \"function\") {\n        onSave();\n      } else if (\n        (e.key === \"Esc\" || e.key === \"Escape\") &&\n        typeof onCancel === \"function\"\n      ) {\n        onCancel(e);\n      }\n    },\n    [onSave, onCancel]\n  );\n\n  return (\n    <div onKeyDown={handleOnKeyDown} tabIndex={-1} className=\"date-picker-form\">\n      <StyledSelectDateDatePicker>\n        <DatePicker\n          month={month}\n          onMonthChange={onMonthChange}\n          onChange={onChange}\n          onDayClick={onDayClick}\n          selectedDays={selectedDays}\n          selectionMode={selectionMode}\n          dateRequired={dateRequired}\n          firstDayOfWeek={firstDayOfWeek}\n          modifiers={modifiers}\n          renderDay={renderDay}\n          localeUtils={MomentLocaleUtils}\n        />\n      </StyledSelectDateDatePicker>\n      {mode === \"atomic\" || !dateRequired ? (\n        <StyledSelectDateFooter className=\"date-picker-footer\" $mode={mode}>\n          {mode === \"atomic\" ? (\n            <StyledSelectDateButtons className=\"date-picker-buttons\">\n              <StyledButtonSave\n                size=\"small\"\n                variant=\"primary\"\n                onClick={onSave}\n                disabled={disabledSaveButton}\n              >\n                {saveButtonText}\n              </StyledButtonSave>\n              <Tooltip\n                title={cancelButtonText}\n                popperTooltipStyle={{ zIndex: 1301 }}\n              >\n                <Button size=\"small\" variant=\"text gray\" onClick={onCancel}>\n                  <CancelCrossIcon />\n                </Button>\n              </Tooltip>\n              {!dateRequired ? (\n                <StyledButtonClose\n                  size=\"small\"\n                  onClick={onClear}\n                  variant=\"text gray\"\n                >\n                  {clearButtonText}\n                </StyledButtonClose>\n              ) : null}\n            </StyledSelectDateButtons>\n          ) : (\n            !dateRequired && (\n              <StyledButtonCloseColored\n                size=\"small\"\n                onClick={onClear}\n                variant=\"text colored\"\n              >\n                {clearButtonText}\n              </StyledButtonCloseColored>\n            )\n          )}\n        </StyledSelectDateFooter>\n      ) : null}\n    </div>\n  );\n};\n\nDatePickerForm.displayName = \"DatePickerForm\";\n"],"file":"DatePickerForm.js"}

package/dist/esm/components/SelectDate/Styles.d.ts

@@ -2,7 +2,7 @@
 export declare const StyledSelectDate: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const StyledSelectDateButton: import("styled-components").StyledComponent<"button", any, {}, never>;
 export declare const StyledConfirmDialog: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../ConfirmDialog").IConfirmDialog & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
-export declare const StyledSelectDateDatePicker: import("styled-components").StyledComponent<import("react").FC<import("../DatePicker").IDatePicker>, any, {}, never>;
+export declare const StyledSelectDateDatePicker: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const StyledSelectDateFooter: import("styled-components").StyledComponent<"div", any, {
     $mode?: "atomic" | "instant" | undefined;
 }, never>;

package/dist/esm/components/SelectDate/Styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/SelectDate/Styles.ts"],"names":[],"mappings":";AAQA,eAAO,MAAM,gBAAgB,oEAG5B,CAAC;AAIF,eAAO,MAAM,sBAAsB,uEAmBlC,CAAC;AAIF,eAAO,MAAM,mBAAmB,mMAkB/B,CAAC;AAIF,eAAO,MAAM,0BAA0B,sHAEtC,CAAC;AAIF,eAAO,MAAM,sBAAsB;;SAWlC,CAAC;AAIF,eAAO,MAAM,uBAAuB,oEAEnC,CAAC;AAIF,eAAO,MAAM,gBAAgB,oMAE5B,CAAC;AAIF,eAAO,MAAM,iBAAiB,oMAE7B,CAAC;AAIF,eAAO,MAAM,wBAAwB,oMAEpC,CAAC;AAIF,eAAO,MAAM,mBAAmB,oEAW/B,CAAC"}
+{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/SelectDate/Styles.ts"],"names":[],"mappings":";AAOA,eAAO,MAAM,gBAAgB,oEAG5B,CAAC;AAIF,eAAO,MAAM,sBAAsB,uEAmBlC,CAAC;AAIF,eAAO,MAAM,mBAAmB,mMAkB/B,CAAC;AAIF,eAAO,MAAM,0BAA0B,oEAGtC,CAAC;AAIF,eAAO,MAAM,sBAAsB;;SAWlC,CAAC;AAIF,eAAO,MAAM,uBAAuB,oEAEnC,CAAC;AAIF,eAAO,MAAM,gBAAgB,oMAE5B,CAAC;AAIF,eAAO,MAAM,iBAAiB,oMAE7B,CAAC;AAIF,eAAO,MAAM,wBAAwB,oMAEpC,CAAC;AAIF,eAAO,MAAM,mBAAmB,oEAW/B,CAAC"}

package/dist/esm/components/SelectDate/Styles.js

@@ -2,7 +2,6 @@ import styled, { css } from "styled-components";
 import { FontStyle } from "../FontStyle";
 import { BoxSizingStyle } from "../BoxSizingStyle";
 import { ConfirmDialog } from "../ConfirmDialog";
-import { DatePicker } from "../DatePicker";
 import { Button } from "../Button/Button";
 export var StyledSelectDate = styled.div.withConfig({
   displayName: "Styles__StyledSelectDate",
@@ -19,10 +18,10 @@ export var StyledConfirmDialog = styled(ConfirmDialog).withConfig({
   componentId: "sc-1jkx994-2"
 })([".modal-header{padding:16px 30px;h1{margin:0;font-size:16px;}}.modal-body{padding:10px 30px;}.modal-divider{border-top:1px solid var(--border-primary);height:1px;}.modal-footer{padding:16px 30px;}"]);
 StyledConfirmDialog.displayName = "StyledConfirmDialog";
-export var StyledSelectDateDatePicker = styled(DatePicker).withConfig({
+export var StyledSelectDateDatePicker = styled.div.withConfig({
   displayName: "Styles__StyledSelectDateDatePicker",
   componentId: "sc-1jkx994-3"
-})(["", ""], {
+})(["", " color:red;"], {
   "paddingTop": "1rem",
   "paddingBottom": "0.5rem"
 });

package/dist/esm/components/SelectDate/Styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/SelectDate/Styles.ts"],"names":["styled","css","FontStyle","BoxSizingStyle","ConfirmDialog","DatePicker","Button","StyledSelectDate","div","displayName","StyledSelectDateButton","button","StyledConfirmDialog","StyledSelectDateDatePicker","StyledSelectDateFooter","props","$mode","StyledSelectDateButtons","StyledButtonSave","StyledButtonClose","StyledButtonCloseColored","StyledIconComponent","svg"],"mappings":"AAAA,OAAOA,MAAP,IAAiBC,GAAjB,QAA4B,mBAA5B;AAEA,SAASC,SAAT,QAA0B,cAA1B;AACA,SAASC,cAAT,QAA+B,mBAA/B;AACA,SAASC,aAAT,QAA8B,kBAA9B;AACA,SAASC,UAAT,QAA2B,eAA3B;AACA,SAASC,MAAT,QAAuB,kBAAvB;AAEA,OAAO,IAAMC,gBAAgB,GAAGP,MAAM,CAACQ,GAAV;AAAA;AAAA;AAAA,kBACzBN,SADyB,EAEzBC,cAFyB,CAAtB;AAKPI,gBAAgB,CAACE,WAAjB,GAA+B,kBAA/B;AAEA,OAAO,IAAMC,sBAAsB,GAAGV,MAAM,CAACW,MAAV;AAAA;AAAA;AAAA,8MAA5B;AAqBPD,sBAAsB,CAACD,WAAvB,GAAqC,wBAArC;AAEA,OAAO,IAAMG,mBAAmB,GAAGZ,MAAM,CAACI,aAAD,CAAT;AAAA;AAAA;AAAA,2MAAzB;AAoBPQ,mBAAmB,CAACH,WAApB,GAAkC,qBAAlC;AAEA,OAAO,IAAMI,0BAA0B,GAAGb,MAAM,CAACK,UAAD,CAAT;AAAA;AAAA;AAAA,aACjC;AAAA;AAAA;AAAA,CADiC,CAAhC;AAIPQ,0BAA0B,CAACJ,WAA3B,GAAyC,4BAAzC;AAEA,OAAO,IAAMK,sBAAsB,GAAGd,MAAM,CAACQ,GAAV;AAAA;AAAA;AAAA,6DAG7B;AAAA;AAAA;AAAA;AAAA;AAAA,CAH6B,EAM/B,UAACO,KAAD;AAAA,SACAA,KAAK,CAACC,KAAN,KAAgB,SAAhB,IACAf,GADA,WAEM;AAAA;AAAA,GAFN,CADA;AAAA,CAN+B,CAA5B;AAaPa,sBAAsB,CAACL,WAAvB,GAAqC,wBAArC;AAEA,OAAO,IAAMQ,uBAAuB,GAAGjB,MAAM,CAACQ,GAAV;AAAA;AAAA;AAAA,aAC9B;AAAA;AAAA,CAD8B,CAA7B;AAIPS,uBAAuB,CAACR,WAAxB,GAAsC,yBAAtC;AAEA,OAAO,IAAMS,gBAAgB,GAAGlB,MAAM,CAACM,MAAD,CAAT;AAAA;AAAA;AAAA,aACvB;AAAA;AAAA,CADuB,CAAtB;AAIPY,gBAAgB,CAACT,WAAjB,GAA+B,kBAA/B;AAEA,OAAO,IAAMU,iBAAiB,GAAGnB,MAAM,CAACM,MAAD,CAAT;AAAA;AAAA;AAAA,aACxB;AAAA;AAAA,CADwB,CAAvB;AAIPa,iBAAiB,CAACV,WAAlB,GAAgC,mBAAhC;AAEA,OAAO,IAAMW,wBAAwB,GAAGpB,MAAM,CAACM,MAAD,CAAT;AAAA;AAAA;AAAA,aAC/B;AAAA;AAAA;AAAA,CAD+B,CAA9B;AAIPc,wBAAwB,CAACX,WAAzB,GAAuC,0BAAvC;AAEA,OAAO,IAAMY,mBAAmB,GAAGrB,MAAM,CAACsB,GAAV;AAAA;AAAA;AAAA,2GAAzB;AAaPD,mBAAmB,CAACZ,WAApB,GAAkC,qBAAlC","sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { FontStyle } from \"../FontStyle\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { ConfirmDialog } from \"../ConfirmDialog\";\nimport { DatePicker } from \"../DatePicker\";\nimport { Button } from \"../Button/Button\";\n\nexport const StyledSelectDate = styled.div`\n  ${FontStyle}\n  ${BoxSizingStyle}\n`;\n\nStyledSelectDate.displayName = \"StyledSelectDate\";\n\nexport const StyledSelectDateButton = styled.button`\n  margin: 0;\n  padding: 0;\n  border: none;\n  background: none;\n  width: auto;\n  height: auto;\n  color: var(--color-theme-700);\n\n  span,\n  svg {\n    cursor: pointer;\n  }\n  span {\n    color: var(--color-secondary);\n  }\n  svg:hover {\n    fill: var(--color-secondary);\n  }\n`;\n\nStyledSelectDateButton.displayName = \"StyledSelectDateButton\";\n\nexport const StyledConfirmDialog = styled(ConfirmDialog)`\n  .modal-header {\n    padding: 16px 30px;\n    h1 {\n      margin: 0;\n      font-size: 16px;\n    }\n  }\n  .modal-body {\n    padding: 10px 30px;\n  }\n  .modal-divider {\n    border-top: 1px solid var(--border-primary);\n    height: 1px;\n  }\n  .modal-footer {\n    padding: 16px 30px;\n  }\n`;\n\nStyledConfirmDialog.displayName = \"StyledConfirmDialog\";\n\nexport const StyledSelectDateDatePicker = styled(DatePicker)`\n  ${tw`tw-pt-4 tw-pb-2`}\n`;\n\nStyledSelectDateDatePicker.displayName = \"StyledSelectDateDatePicker\";\n\nexport const StyledSelectDateFooter = styled.div<{\n  $mode?: \"atomic\" | \"instant\";\n}>`\n  ${tw`tw-px-4 tw-py-2`}\n  border-top: 1px solid var(--border-primary);\n\n  ${(props) =>\n    props.$mode === \"instant\" &&\n    css`\n      ${tw`tw-flex`}\n    `}\n`;\n\nStyledSelectDateFooter.displayName = \"StyledSelectDateFooter\";\n\nexport const StyledSelectDateButtons = styled.div`\n  ${tw`tw-flex`}\n`;\n\nStyledSelectDateButtons.displayName = \"StyledSelectDateButtons\";\n\nexport const StyledButtonSave = styled(Button)`\n  ${tw`tw-mr-2`}\n`;\n\nStyledButtonSave.displayName = \"StyledButtonSave\";\n\nexport const StyledButtonClose = styled(Button)`\n  ${tw`tw-ml-auto`}\n`;\n\nStyledButtonClose.displayName = \"StyledButtonClose\";\n\nexport const StyledButtonCloseColored = styled(Button)`\n  ${tw`tw-ml-auto tw-mr-auto`}\n`;\n\nStyledButtonCloseColored.displayName = \"StyledButtonCloseColored\";\n\nexport const StyledIconComponent = styled.svg`\n  span,\n  svg {\n    cursor: pointer;\n  }\n  span {\n    color: var(--color-secondary);\n  }\n  svg:hover {\n    fill: var(--color-secondary);\n  }\n`;\n\nStyledIconComponent.displayName = \"StyledIconComponent\";\n"],"file":"Styles.js"}
+{"version":3,"sources":["../../../../src/components/SelectDate/Styles.ts"],"names":["styled","css","FontStyle","BoxSizingStyle","ConfirmDialog","Button","StyledSelectDate","div","displayName","StyledSelectDateButton","button","StyledConfirmDialog","StyledSelectDateDatePicker","StyledSelectDateFooter","props","$mode","StyledSelectDateButtons","StyledButtonSave","StyledButtonClose","StyledButtonCloseColored","StyledIconComponent","svg"],"mappings":"AAAA,OAAOA,MAAP,IAAiBC,GAAjB,QAA4B,mBAA5B;AAEA,SAASC,SAAT,QAA0B,cAA1B;AACA,SAASC,cAAT,QAA+B,mBAA/B;AACA,SAASC,aAAT,QAA8B,kBAA9B;AACA,SAASC,MAAT,QAAuB,kBAAvB;AAEA,OAAO,IAAMC,gBAAgB,GAAGN,MAAM,CAACO,GAAV;AAAA;AAAA;AAAA,kBACzBL,SADyB,EAEzBC,cAFyB,CAAtB;AAKPG,gBAAgB,CAACE,WAAjB,GAA+B,kBAA/B;AAEA,OAAO,IAAMC,sBAAsB,GAAGT,MAAM,CAACU,MAAV;AAAA;AAAA;AAAA,8MAA5B;AAqBPD,sBAAsB,CAACD,WAAvB,GAAqC,wBAArC;AAEA,OAAO,IAAMG,mBAAmB,GAAGX,MAAM,CAACI,aAAD,CAAT;AAAA;AAAA;AAAA,2MAAzB;AAoBPO,mBAAmB,CAACH,WAApB,GAAkC,qBAAlC;AAEA,OAAO,IAAMI,0BAA0B,GAAGZ,MAAM,CAACO,GAAV;AAAA;AAAA;AAAA,wBACjC;AAAA;AAAA;AAAA,CADiC,CAAhC;AAKPK,0BAA0B,CAACJ,WAA3B,GAAyC,4BAAzC;AAEA,OAAO,IAAMK,sBAAsB,GAAGb,MAAM,CAACO,GAAV;AAAA;AAAA;AAAA,6DAG7B;AAAA;AAAA;AAAA;AAAA;AAAA,CAH6B,EAM/B,UAACO,KAAD;AAAA,SACAA,KAAK,CAACC,KAAN,KAAgB,SAAhB,IACAd,GADA,WAEM;AAAA;AAAA,GAFN,CADA;AAAA,CAN+B,CAA5B;AAaPY,sBAAsB,CAACL,WAAvB,GAAqC,wBAArC;AAEA,OAAO,IAAMQ,uBAAuB,GAAGhB,MAAM,CAACO,GAAV;AAAA;AAAA;AAAA,aAC9B;AAAA;AAAA,CAD8B,CAA7B;AAIPS,uBAAuB,CAACR,WAAxB,GAAsC,yBAAtC;AAEA,OAAO,IAAMS,gBAAgB,GAAGjB,MAAM,CAACK,MAAD,CAAT;AAAA;AAAA;AAAA,aACvB;AAAA;AAAA,CADuB,CAAtB;AAIPY,gBAAgB,CAACT,WAAjB,GAA+B,kBAA/B;AAEA,OAAO,IAAMU,iBAAiB,GAAGlB,MAAM,CAACK,MAAD,CAAT;AAAA;AAAA;AAAA,aACxB;AAAA;AAAA,CADwB,CAAvB;AAIPa,iBAAiB,CAACV,WAAlB,GAAgC,mBAAhC;AAEA,OAAO,IAAMW,wBAAwB,GAAGnB,MAAM,CAACK,MAAD,CAAT;AAAA;AAAA;AAAA,aAC/B;AAAA;AAAA;AAAA,CAD+B,CAA9B;AAIPc,wBAAwB,CAACX,WAAzB,GAAuC,0BAAvC;AAEA,OAAO,IAAMY,mBAAmB,GAAGpB,MAAM,CAACqB,GAAV;AAAA;AAAA;AAAA,2GAAzB;AAaPD,mBAAmB,CAACZ,WAApB,GAAkC,qBAAlC","sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { FontStyle } from \"../FontStyle\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { ConfirmDialog } from \"../ConfirmDialog\";\nimport { Button } from \"../Button/Button\";\n\nexport const StyledSelectDate = styled.div`\n  ${FontStyle}\n  ${BoxSizingStyle}\n`;\n\nStyledSelectDate.displayName = \"StyledSelectDate\";\n\nexport const StyledSelectDateButton = styled.button`\n  margin: 0;\n  padding: 0;\n  border: none;\n  background: none;\n  width: auto;\n  height: auto;\n  color: var(--color-theme-700);\n\n  span,\n  svg {\n    cursor: pointer;\n  }\n  span {\n    color: var(--color-secondary);\n  }\n  svg:hover {\n    fill: var(--color-secondary);\n  }\n`;\n\nStyledSelectDateButton.displayName = \"StyledSelectDateButton\";\n\nexport const StyledConfirmDialog = styled(ConfirmDialog)`\n  .modal-header {\n    padding: 16px 30px;\n    h1 {\n      margin: 0;\n      font-size: 16px;\n    }\n  }\n  .modal-body {\n    padding: 10px 30px;\n  }\n  .modal-divider {\n    border-top: 1px solid var(--border-primary);\n    height: 1px;\n  }\n  .modal-footer {\n    padding: 16px 30px;\n  }\n`;\n\nStyledConfirmDialog.displayName = \"StyledConfirmDialog\";\n\nexport const StyledSelectDateDatePicker = styled.div`\n  ${tw`tw-pt-4 tw-pb-2`}\n  color: red;\n`;\n\nStyledSelectDateDatePicker.displayName = \"StyledSelectDateDatePicker\";\n\nexport const StyledSelectDateFooter = styled.div<{\n  $mode?: \"atomic\" | \"instant\";\n}>`\n  ${tw`tw-px-4 tw-py-2`}\n  border-top: 1px solid var(--border-primary);\n\n  ${(props) =>\n    props.$mode === \"instant\" &&\n    css`\n      ${tw`tw-flex`}\n    `}\n`;\n\nStyledSelectDateFooter.displayName = \"StyledSelectDateFooter\";\n\nexport const StyledSelectDateButtons = styled.div`\n  ${tw`tw-flex`}\n`;\n\nStyledSelectDateButtons.displayName = \"StyledSelectDateButtons\";\n\nexport const StyledButtonSave = styled(Button)`\n  ${tw`tw-mr-2`}\n`;\n\nStyledButtonSave.displayName = \"StyledButtonSave\";\n\nexport const StyledButtonClose = styled(Button)`\n  ${tw`tw-ml-auto`}\n`;\n\nStyledButtonClose.displayName = \"StyledButtonClose\";\n\nexport const StyledButtonCloseColored = styled(Button)`\n  ${tw`tw-ml-auto tw-mr-auto`}\n`;\n\nStyledButtonCloseColored.displayName = \"StyledButtonCloseColored\";\n\nexport const StyledIconComponent = styled.svg`\n  span,\n  svg {\n    cursor: pointer;\n  }\n  span {\n    color: var(--color-secondary);\n  }\n  svg:hover {\n    fill: var(--color-secondary);\n  }\n`;\n\nStyledIconComponent.displayName = \"StyledIconComponent\";\n"],"file":"Styles.js"}

package/dist/esm/components/Steppers/DateStepper/Styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Steppers/DateStepper/Styles.ts"],"names":[],"mappings":";AAOA,eAAO,MAAM,YAAY,uEAkDxB,CAAC;AAEF,eAAO,MAAM,UAAU,6GAOtB,CAAC;AAEF,eAAO,MAAM,iBAAiB,+TAQ7B,CAAC;AAEF,eAAO,MAAM,UAAU,qEAGtB,CAAC;AAEF,UAAU,SAAS;IACjB,aAAa,EAAE,OAAO,CAAC;IACvB,UAAU,EAAE,OAAO,CAAC;CACrB;AAED,eAAO,MAAM,SAAS,2EAoErB,CAAC"}
+{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Steppers/DateStepper/Styles.ts"],"names":[],"mappings":";AAOA,eAAO,MAAM,YAAY,uEAkDxB,CAAC;AAEF,eAAO,MAAM,UAAU,6GAOtB,CAAC;AAEF,eAAO,MAAM,iBAAiB,+TAQ7B,CAAC;AAEF,eAAO,MAAM,UAAU,qEAGtB,CAAC;AAEF,UAAU,SAAS;IACjB,aAAa,EAAE,OAAO,CAAC;IACvB,UAAU,EAAE,OAAO,CAAC;CACrB;AAED,eAAO,MAAM,SAAS,2EAmErB,CAAC"}

package/dist/esm/components/Steppers/DateStepper/Styles.js

@@ -6,7 +6,7 @@ import { Menu } from "../../Menu";
 export var StyledButton = styled.button.withConfig({
   displayName: "Styles__StyledButton",
   componentId: "sc-1v8h7mt-0"
-})(["", " ", " color:var(--color-theme-700);margin:0;padding:0;background:none;width:auto;height:auto;border:none;height:32px;transition:all 0.3s ease;", " svg{fill:currentColor;}&::-moz-focus-inner{border:0;}&:focus{outline:none;}&:hover{text-decoration:none;}&:disabled{cursor:default;opacity:50%;pointer-events:none;}"], FontStyle, BoxSizingStyle, {
+})(["", " ", " color:var(--color-theme-700);margin:0;padding:0;background:none;width:100%;height:auto;border:none;height:30px;transition:all 0.3s ease;", " svg{fill:currentColor;}&::-moz-focus-inner{border:0;}&:focus{outline:none;}&:hover{text-decoration:none;}&:disabled{cursor:default;opacity:50%;pointer-events:none;}"], FontStyle, BoxSizingStyle, {
   "position": "relative",
   "WebkitFontSmoothing": "antialiased",
   "MozOsxFontSmoothing": "grayscale",
@@ -43,7 +43,7 @@ export var StyledSpan = styled.span.withConfig({
 export var StyledDiv = styled.div.withConfig({
   displayName: "Styles__StyledDiv",
   componentId: "sc-1v8h7mt-4"
-})(["", " ", " ", " height:32px;transition:all 0.3s ease;padding:0 16px;background-color:transparent;border:solid 1px var(--color-theme-700);color:var(--color-theme-700);margin-right:-1px;svg{fill:currentColor;}&::-moz-focus-inner{border:0;}&:focus{outline:none;}&:disabled{cursor:default;opacity:50%;pointer-events:none;}&:hover{border-color:var(--color-primary);color:var(--color-primary);text-decoration:none;}&:active{border-color:var(--color-primary);color:var(--color-primary);background-color:var(--color-primary-200);}"], function (props) {
+})(["", " ", " ", " height:32px;transition:all 0.3s ease;background-color:transparent;border:solid 1px var(--color-theme-700);color:var(--color-theme-700);margin-right:-1px;svg{fill:currentColor;}&::-moz-focus-inner{border:0;}&:focus{outline:none;}&:disabled{cursor:default;opacity:50%;pointer-events:none;}&:hover{border-color:var(--color-primary);color:var(--color-primary);text-decoration:none;}&:active{border-color:var(--color-primary);color:var(--color-primary);background-color:var(--color-primary-200);}"], function (props) {
   return props.$isTargetable && css(["", ""], {
     "pointerEvents": "none"
   });

package/dist/esm/components/Steppers/DateStepper/Styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/Steppers/DateStepper/Styles.ts"],"names":["styled","css","ButtonGroup","FontStyle","BoxSizingStyle","Menu","StyledButton","button","StyledMenu","StyledButtonGroup","StyledSpan","span","StyledDiv","div","props","$isTargetable","$isRounded","displayName"],"mappings":"AAAA,OAAOA,MAAP,IAAiBC,GAAjB,QAA4B,mBAA5B;AACA,SAASC,WAAT,QAA4B,mBAA5B;AACA,SAASC,SAAT,QAA0B,iBAA1B;AACA,SAASC,cAAT,QAA+B,sBAA/B;AAEA,SAASC,IAAT,QAAqB,YAArB;AAEA,OAAO,IAAMC,YAAY,GAAGN,MAAM,CAACO,MAAV;AAAA;AAAA;AAAA,oUACrBJ,SADqB,EAErBC,cAFqB,EAcnB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAdmB,CAAlB;AAoDP,OAAO,IAAMI,UAAU,GAAGR,MAAM,CAACK,IAAD,CAAT;AAAA;AAAA;AAAA,aACjB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CADiB,CAAhB;AASP,OAAO,IAAMI,iBAAiB,GAAGT,MAAM,CAACE,WAAD,CAAT;AAAA;AAAA;AAAA,uDAC1BC,SAD0B,EAE1BC,cAF0B,CAAvB;AAUP,OAAO,IAAMM,UAAU,GAAGV,MAAM,CAACW,IAAV;AAAA;AAAA;AAAA,sDAAhB;AAUP,OAAO,IAAMC,SAAS,GAAGZ,MAAM,CAACa,GAAV;AAAA;AAAA;AAAA,khBAClB,UAACC,KAAD;AAAA,SACAA,KAAK,CAACC,aAAN,IACAd,GADA,WAEM;AAAA;AAAA,GAFN,CADA;AAAA,CADkB,EAOlB,UAACa,KAAD;AAAA,SACAA,KAAK,CAACE,UAAN,IACAf,GADA,yCADA;AAAA,CAPkB,EAahB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAbgB,CAAf;AAsEPQ,iBAAiB,CAACQ,WAAlB,GAAgC,mBAAhC;AACAP,UAAU,CAACO,WAAX,GAAyB,YAAzB;AACAL,SAAS,CAACK,WAAV,GAAwB,WAAxB;AACAT,UAAU,CAACS,WAAX,GAAyB,YAAzB;AACAX,YAAY,CAACW,WAAb,GAA2B,cAA3B","sourcesContent":["import styled, { css } from \"styled-components\";\nimport { ButtonGroup } from \"../../ButtonGroup\";\nimport { FontStyle } from \"../../FontStyle\";\nimport { BoxSizingStyle } from \"../../BoxSizingStyle\";\nimport tw from \"twin.macro\";\nimport { Menu } from \"../../Menu\";\n\nexport const StyledButton = styled.button`\n  ${FontStyle}\n  ${BoxSizingStyle}\n\n  color: var(--color-theme-700);\n  margin: 0;\n  padding: 0;\n  background: none;\n  width: auto;\n  height: auto;\n  border: none;\n  height: 32px;\n  transition: all 0.3s ease;\n\n  ${tw`\n     tw-relative\n     tw-antialiased\n     tw-align-middle\n     tw-font-medium\n     tw-inline-block\n     tw-leading-none\n     tw-m-0\n     tw-no-underline\n     tw-text-sm\n     tw-select-none\n     tw-cursor-pointer\n     tw-text-center\n  `}\n\n  svg {\n    fill: currentColor;\n  }\n\n  &::-moz-focus-inner {\n    border: 0;\n  }\n\n  &:focus {\n    outline: none;\n  }\n\n  &:hover {\n    text-decoration: none;\n  }\n\n  &:disabled {\n    cursor: default;\n    opacity: 50%;\n    pointer-events: none;\n  }\n`;\n\nexport const StyledMenu = styled(Menu)`\n  ${tw`\n    tw-w-auto\n    tw-h-auto\n    tw-py-4\n    tw-px-2\n  `}\n`;\n\nexport const StyledButtonGroup = styled(ButtonGroup)`\n  ${FontStyle}\n  ${BoxSizingStyle}\n\n  button {\n    position: relative;\n    z-index: 1;\n  }\n`;\n\nexport const StyledSpan = styled.span`\n  line-height: 30px;\n  color: var(--color-theme-700);\n`;\n\ninterface StyledDiv {\n  $isTargetable: boolean;\n  $isRounded: boolean;\n}\n\nexport const StyledDiv = styled.div<StyledDiv>`\n  ${(props) =>\n    props.$isTargetable &&\n    css`\n      ${tw`tw-pointer-events-none`}\n    `}\n\n  ${(props) =>\n    props.$isRounded &&\n    css`\n      border-radius: var(--ac-br-rounded);\n    `}\n\n  ${tw`\n    tw-relative\n    tw-text-center\n    tw-p-0\n    tw-antialiased\n    tw-align-middle\n    tw-font-medium\n    tw-inline-block\n    tw-leading-none\n    tw-m-0\n    tw-no-underline\n    tw-text-sm\n    tw-select-none\n    tw-cursor-pointer\n    tw-border\n    tw-border-solid\n  `}\n\n  height: 32px;\n  transition: all 0.3s ease;\n  padding: 0 16px;\n  background-color: transparent;\n  border: solid 1px var(--color-theme-700);\n  color: var(--color-theme-700);\n  margin-right: -1px;\n\n  svg {\n    fill: currentColor;\n  }\n\n  &::-moz-focus-inner {\n    border: 0;\n  }\n\n  &:focus {\n    outline: none;\n  }\n\n  &:disabled {\n    cursor: default;\n    opacity: 50%;\n    pointer-events: none;\n  }\n\n  &:hover {\n    border-color: var(--color-primary);\n    color: var(--color-primary);\n    text-decoration: none;\n  }\n\n  &:active {\n    border-color: var(--color-primary);\n    color: var(--color-primary);\n    background-color: var(--color-primary-200);\n  }\n`;\n\nStyledButtonGroup.displayName = \"StyledButtonGroup\";\nStyledSpan.displayName = \"StyledSpan\";\nStyledDiv.displayName = \"StyledDiv\";\nStyledMenu.displayName = \"StyledMenu\";\nStyledButton.displayName = \"StyledButton\";\n"],"file":"Styles.js"}
+{"version":3,"sources":["../../../../../src/components/Steppers/DateStepper/Styles.ts"],"names":["styled","css","ButtonGroup","FontStyle","BoxSizingStyle","Menu","StyledButton","button","StyledMenu","StyledButtonGroup","StyledSpan","span","StyledDiv","div","props","$isTargetable","$isRounded","displayName"],"mappings":"AAAA,OAAOA,MAAP,IAAiBC,GAAjB,QAA4B,mBAA5B;AACA,SAASC,WAAT,QAA4B,mBAA5B;AACA,SAASC,SAAT,QAA0B,iBAA1B;AACA,SAASC,cAAT,QAA+B,sBAA/B;AAEA,SAASC,IAAT,QAAqB,YAArB;AAEA,OAAO,IAAMC,YAAY,GAAGN,MAAM,CAACO,MAAV;AAAA;AAAA;AAAA,oUACrBJ,SADqB,EAErBC,cAFqB,EAcnB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAdmB,CAAlB;AAoDP,OAAO,IAAMI,UAAU,GAAGR,MAAM,CAACK,IAAD,CAAT;AAAA;AAAA;AAAA,aACjB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CADiB,CAAhB;AASP,OAAO,IAAMI,iBAAiB,GAAGT,MAAM,CAACE,WAAD,CAAT;AAAA;AAAA;AAAA,uDAC1BC,SAD0B,EAE1BC,cAF0B,CAAvB;AAUP,OAAO,IAAMM,UAAU,GAAGV,MAAM,CAACW,IAAV;AAAA;AAAA;AAAA,sDAAhB;AAUP,OAAO,IAAMC,SAAS,GAAGZ,MAAM,CAACa,GAAV;AAAA;AAAA;AAAA,mgBAClB,UAACC,KAAD;AAAA,SACAA,KAAK,CAACC,aAAN,IACAd,GADA,WAEM;AAAA;AAAA,GAFN,CADA;AAAA,CADkB,EAOlB,UAACa,KAAD;AAAA,SACAA,KAAK,CAACE,UAAN,IACAf,GADA,yCADA;AAAA,CAPkB,EAahB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAbgB,CAAf;AAqEPQ,iBAAiB,CAACQ,WAAlB,GAAgC,mBAAhC;AACAP,UAAU,CAACO,WAAX,GAAyB,YAAzB;AACAL,SAAS,CAACK,WAAV,GAAwB,WAAxB;AACAT,UAAU,CAACS,WAAX,GAAyB,YAAzB;AACAX,YAAY,CAACW,WAAb,GAA2B,cAA3B","sourcesContent":["import styled, { css } from \"styled-components\";\nimport { ButtonGroup } from \"../../ButtonGroup\";\nimport { FontStyle } from \"../../FontStyle\";\nimport { BoxSizingStyle } from \"../../BoxSizingStyle\";\nimport tw from \"twin.macro\";\nimport { Menu } from \"../../Menu\";\n\nexport const StyledButton = styled.button`\n  ${FontStyle}\n  ${BoxSizingStyle}\n\n  color: var(--color-theme-700);\n  margin: 0;\n  padding: 0;\n  background: none;\n  width: 100%;\n  height: auto;\n  border: none;\n  height: 30px;\n  transition: all 0.3s ease;\n\n  ${tw`\n     tw-relative\n     tw-antialiased\n     tw-align-middle\n     tw-font-medium\n     tw-inline-block\n     tw-leading-none\n     tw-m-0\n     tw-no-underline\n     tw-text-sm\n     tw-select-none\n     tw-cursor-pointer\n     tw-text-center\n  `}\n\n  svg {\n    fill: currentColor;\n  }\n\n  &::-moz-focus-inner {\n    border: 0;\n  }\n\n  &:focus {\n    outline: none;\n  }\n\n  &:hover {\n    text-decoration: none;\n  }\n\n  &:disabled {\n    cursor: default;\n    opacity: 50%;\n    pointer-events: none;\n  }\n`;\n\nexport const StyledMenu = styled(Menu)`\n  ${tw`\n    tw-w-auto\n    tw-h-auto\n    tw-py-4\n    tw-px-2\n  `}\n`;\n\nexport const StyledButtonGroup = styled(ButtonGroup)`\n  ${FontStyle}\n  ${BoxSizingStyle}\n\n  button {\n    position: relative;\n    z-index: 1;\n  }\n`;\n\nexport const StyledSpan = styled.span`\n  line-height: 30px;\n  color: var(--color-theme-700);\n`;\n\ninterface StyledDiv {\n  $isTargetable: boolean;\n  $isRounded: boolean;\n}\n\nexport const StyledDiv = styled.div<StyledDiv>`\n  ${(props) =>\n    props.$isTargetable &&\n    css`\n      ${tw`tw-pointer-events-none`}\n    `}\n\n  ${(props) =>\n    props.$isRounded &&\n    css`\n      border-radius: var(--ac-br-rounded);\n    `}\n\n  ${tw`\n    tw-relative\n    tw-text-center\n    tw-p-0\n    tw-antialiased\n    tw-align-middle\n    tw-font-medium\n    tw-inline-block\n    tw-leading-none\n    tw-m-0\n    tw-no-underline\n    tw-text-sm\n    tw-select-none\n    tw-cursor-pointer\n    tw-border\n    tw-border-solid\n  `}\n\n  height: 32px;\n  transition: all 0.3s ease;\n  background-color: transparent;\n  border: solid 1px var(--color-theme-700);\n  color: var(--color-theme-700);\n  margin-right: -1px;\n\n  svg {\n    fill: currentColor;\n  }\n\n  &::-moz-focus-inner {\n    border: 0;\n  }\n\n  &:focus {\n    outline: none;\n  }\n\n  &:disabled {\n    cursor: default;\n    opacity: 50%;\n    pointer-events: none;\n  }\n\n  &:hover {\n    border-color: var(--color-primary);\n    color: var(--color-primary);\n    text-decoration: none;\n  }\n\n  &:active {\n    border-color: var(--color-primary);\n    color: var(--color-primary);\n    background-color: var(--color-primary-200);\n  }\n`;\n\nStyledButtonGroup.displayName = \"StyledButtonGroup\";\nStyledSpan.displayName = \"StyledSpan\";\nStyledDiv.displayName = \"StyledDiv\";\nStyledMenu.displayName = \"StyledMenu\";\nStyledButton.displayName = \"StyledButton\";\n"],"file":"Styles.js"}

package/dist/esm/components/Transitions/Slide/Slide.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Slide.d.ts","sourceRoot":"","sources":["../../../../../src/components/Transitions/Slide/Slide.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,YAAY,EAAgB,MAAM,OAAO,CAAC;AAE9D,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAE3C,UAAU,MAAO,SAAQ,IAAI,CAAC,eAAe,EAAE,SAAS,CAAC;IACvD,QAAQ,EAAE,YAAY,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,eAAO,MAAM,KAAK,EAAE,EAAE,CAAC,MAAM,CAiE5B,CAAC"}
+{"version":3,"file":"Slide.d.ts","sourceRoot":"","sources":["../../../../../src/components/Transitions/Slide/Slide.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,YAAY,EAAgB,MAAM,OAAO,CAAC;AAE9D,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAE3C,UAAU,MAAO,SAAQ,IAAI,CAAC,eAAe,EAAE,SAAS,CAAC;IACvD,QAAQ,EAAE,YAAY,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,eAAO,MAAM,KAAK,EAAE,EAAE,CAAC,MAAM,CA0D5B,CAAC"}

package/dist/esm/components/Transitions/Slide/Slide.js

@@ -1,17 +1,19 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+var _excluded = ["in", "children", "style", "timeout", "initialDirection"];
 import React, { cloneElement } from "react";
 import { Transition } from "react-transition-group";
 export var Slide = function Slide(_ref) {
   var _ref$in = _ref.in,
       inProp = _ref$in === void 0 ? false : _ref$in,
-      onEnter = _ref.onEnter,
-      onExited = _ref.onExited,
       children = _ref.children,
       style = _ref.style,
       _ref$timeout = _ref.timeout,
       timeout = _ref$timeout === void 0 ? 300 : _ref$timeout,
       _ref$initialDirection = _ref.initialDirection,
-      initialDirection = _ref$initialDirection === void 0 ? "left" : _ref$initialDirection;
+      initialDirection = _ref$initialDirection === void 0 ? "left" : _ref$initialDirection,
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded);
+
   var directionSign;
 
   switch (initialDirection) {
@@ -51,13 +53,10 @@ export var Slide = function Slide(_ref) {
       transform: "translate(" + directionSign + ")"
     }
   };
-  return /*#__PURE__*/React.createElement(Transition, {
-    appear: true,
+  return /*#__PURE__*/React.createElement(Transition, _extends({
     in: inProp,
-    timeout: timeout,
-    onEnter: onEnter,
-    onExited: onExited
-  }, function (state) {
+    timeout: timeout
+  }, rest), function (state) {
     return /*#__PURE__*/cloneElement(children, {
       style: _extends({
         visibility: state === "exited" && !inProp ? "hidden" : undefined

package/dist/esm/components/Transitions/Slide/Slide.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/Transitions/Slide/Slide.tsx"],"names":["React","cloneElement","Transition","Slide","in","inProp","onEnter","onExited","children","style","timeout","initialDirection","directionSign","defaultStyle","transition","transitionStyles","entering","transform","entered","exiting","exited","state","visibility","undefined","props","displayName"],"mappings":";AAAA,OAAOA,KAAP,IAAkCC,YAAlC,QAAsD,OAAtD;AACA,SAASC,UAAT,QAA2B,wBAA3B;AASA,OAAO,IAAMC,KAAiB,GAAG,SAApBA,KAAoB,OAQ3B;AAAA,qBAPJC,EAOI;AAAA,MAPAC,MAOA,wBAPS,KAOT;AAAA,MANJC,OAMI,QANJA,OAMI;AAAA,MALJC,QAKI,QALJA,QAKI;AAAA,MAJJC,QAII,QAJJA,QAII;AAAA,MAHJC,KAGI,QAHJA,KAGI;AAAA,0BAFJC,OAEI;AAAA,MAFJA,OAEI,6BAFM,GAEN;AAAA,mCADJC,gBACI;AAAA,MADJA,gBACI,sCADe,MACf;AACJ,MAAIC,aAAJ;;AAEA,UAAQD,gBAAR;AACE,SAAK,OAAL;AACEC,MAAAA,aAAa,GAAG,SAAhB;AACA;;AACF,SAAK,KAAL;AACEA,MAAAA,aAAa,GAAG,UAAhB;AACA;;AACF,SAAK,QAAL;AACEA,MAAAA,aAAa,GAAG,SAAhB;AACA;;AACF;AACEA,MAAAA,aAAa,GAAG,UAAhB;AAXJ;;AAcA,MAAMC,YAAY,GAAG,SAAfA,YAAe,CAACH,OAAD;AAAA,WAAuD;AAC1EI,MAAAA,UAAU,WAASJ,OAAT;AADgE,KAAvD;AAAA,GAArB;;AAIA,MAAMK,gBAAgB,GAAG;AACvBC,IAAAA,QAAQ,EAAE;AACRC,MAAAA,SAAS;AADD,KADa;AAIvBC,IAAAA,OAAO,EAAE;AACPD,MAAAA,SAAS;AADF,KAJc;AAOvBE,IAAAA,OAAO,EAAE;AACPF,MAAAA,SAAS,iBAAeL,aAAf;AADF,KAPc;AAUvBQ,IAAAA,MAAM,EAAE;AACNH,MAAAA,SAAS,iBAAeL,aAAf;AADH;AAVe,GAAzB;AAeA,sBACE,oBAAC,UAAD;AACE,IAAA,MAAM,MADR;AAEE,IAAA,EAAE,EAAEP,MAFN;AAGE,IAAA,OAAO,EAAEK,OAHX;AAIE,IAAA,OAAO,EAAEJ,OAJX;AAKE,IAAA,QAAQ,EAAEC;AALZ,KAOG,UAACc,KAAD,EAAyB;AACxB,wBAAOpB,YAAY,CAACO,QAAD,EAAW;AAC5BC,MAAAA,KAAK;AACHa,QAAAA,UAAU,EAAED,KAAK,KAAK,QAAV,IAAsB,CAAChB,MAAvB,GAAgC,QAAhC,GAA2CkB;AADpD,SAEAV,YAAY,CAACH,OAAD,CAFZ,EAGAK,gBAAgB,CAACM,KAAD,CAHhB,EAIAZ,KAJA,EAKAD,QAAQ,CAACgB,KAAT,CAAef,KALf;AADuB,KAAX,CAAnB;AASD,GAjBH,CADF;AAqBD,CAjEM;AAmEPN,KAAK,CAACsB,WAAN,GAAoB,OAApB","sourcesContent":["import React, { FC, ReactElement, cloneElement } from \"react\";\nimport { Transition } from \"react-transition-group\";\nimport { TransitionProps } from \"../types\";\n\ninterface ISlide extends Omit<TransitionProps, \"timeout\"> {\n  children: ReactElement;\n  timeout?: number;\n  initialDirection?: string;\n}\n\nexport const Slide: FC<ISlide> = ({\n  in: inProp = false,\n  onEnter,\n  onExited,\n  children,\n  style,\n  timeout = 300,\n  initialDirection = \"left\",\n}) => {\n  let directionSign: string;\n\n  switch (initialDirection) {\n    case \"right\":\n      directionSign = \"100%, 0\";\n      break;\n    case \"top\":\n      directionSign = \"0, -100%\";\n      break;\n    case \"bottom\":\n      directionSign = \"0, 100%\";\n      break;\n    default:\n      directionSign = \"-100%, 0\";\n  }\n\n  const defaultStyle = (timeout: number): Partial<{ transition: string }> => ({\n    transition: `all ${timeout}ms ease`,\n  });\n\n  const transitionStyles = {\n    entering: {\n      transform: `translate(0,0)`,\n    },\n    entered: {\n      transform: `translate(0,0)`,\n    },\n    exiting: {\n      transform: `translate(${directionSign})`,\n    },\n    exited: {\n      transform: `translate(${directionSign})`,\n    },\n  };\n\n  return (\n    <Transition\n      appear\n      in={inProp}\n      timeout={timeout}\n      onEnter={onEnter}\n      onExited={onExited}\n    >\n      {(state): ReactElement => {\n        return cloneElement(children, {\n          style: {\n            visibility: state === \"exited\" && !inProp ? \"hidden\" : undefined,\n            ...defaultStyle(timeout),\n            ...transitionStyles[state],\n            ...style,\n            ...children.props.style,\n          },\n        });\n      }}\n    </Transition>\n  );\n};\n\nSlide.displayName = \"Slide\";\n"],"file":"Slide.js"}
+{"version":3,"sources":["../../../../../src/components/Transitions/Slide/Slide.tsx"],"names":["React","cloneElement","Transition","Slide","in","inProp","children","style","timeout","initialDirection","rest","directionSign","defaultStyle","transition","transitionStyles","entering","transform","entered","exiting","exited","state","visibility","undefined","props","displayName"],"mappings":";;;AAAA,OAAOA,KAAP,IAAkCC,YAAlC,QAAsD,OAAtD;AACA,SAASC,UAAT,QAA2B,wBAA3B;AASA,OAAO,IAAMC,KAAiB,GAAG,SAApBA,KAAoB,OAO3B;AAAA,qBANJC,EAMI;AAAA,MANAC,MAMA,wBANS,KAMT;AAAA,MALJC,QAKI,QALJA,QAKI;AAAA,MAJJC,KAII,QAJJA,KAII;AAAA,0BAHJC,OAGI;AAAA,MAHJA,OAGI,6BAHM,GAGN;AAAA,mCAFJC,gBAEI;AAAA,MAFJA,gBAEI,sCAFe,MAEf;AAAA,MADDC,IACC;;AACJ,MAAIC,aAAJ;;AAEA,UAAQF,gBAAR;AACE,SAAK,OAAL;AACEE,MAAAA,aAAa,GAAG,SAAhB;AACA;;AACF,SAAK,KAAL;AACEA,MAAAA,aAAa,GAAG,UAAhB;AACA;;AACF,SAAK,QAAL;AACEA,MAAAA,aAAa,GAAG,SAAhB;AACA;;AACF;AACEA,MAAAA,aAAa,GAAG,UAAhB;AAXJ;;AAcA,MAAMC,YAAY,GAAG,SAAfA,YAAe,CAACJ,OAAD;AAAA,WAAuD;AAC1EK,MAAAA,UAAU,WAASL,OAAT;AADgE,KAAvD;AAAA,GAArB;;AAIA,MAAMM,gBAAgB,GAAG;AACvBC,IAAAA,QAAQ,EAAE;AACRC,MAAAA,SAAS;AADD,KADa;AAIvBC,IAAAA,OAAO,EAAE;AACPD,MAAAA,SAAS;AADF,KAJc;AAOvBE,IAAAA,OAAO,EAAE;AACPF,MAAAA,SAAS,iBAAeL,aAAf;AADF,KAPc;AAUvBQ,IAAAA,MAAM,EAAE;AACNH,MAAAA,SAAS,iBAAeL,aAAf;AADH;AAVe,GAAzB;AAeA,sBACE,oBAAC,UAAD;AAAY,IAAA,EAAE,EAAEN,MAAhB;AAAwB,IAAA,OAAO,EAAEG;AAAjC,KAA8CE,IAA9C,GACG,UAACU,KAAD,EAAyB;AACxB,wBAAOnB,YAAY,CAACK,QAAD,EAAW;AAC5BC,MAAAA,KAAK;AACHc,QAAAA,UAAU,EAAED,KAAK,KAAK,QAAV,IAAsB,CAACf,MAAvB,GAAgC,QAAhC,GAA2CiB;AADpD,SAEAV,YAAY,CAACJ,OAAD,CAFZ,EAGAM,gBAAgB,CAACM,KAAD,CAHhB,EAIAb,KAJA,EAKAD,QAAQ,CAACiB,KAAT,CAAehB,KALf;AADuB,KAAX,CAAnB;AASD,GAXH,CADF;AAeD,CA1DM;AA4DPJ,KAAK,CAACqB,WAAN,GAAoB,OAApB","sourcesContent":["import React, { FC, ReactElement, cloneElement } from \"react\";\nimport { Transition } from \"react-transition-group\";\nimport { TransitionProps } from \"../types\";\n\ninterface ISlide extends Omit<TransitionProps, \"timeout\"> {\n  children: ReactElement;\n  timeout?: number;\n  initialDirection?: string;\n}\n\nexport const Slide: FC<ISlide> = ({\n  in: inProp = false,\n  children,\n  style,\n  timeout = 300,\n  initialDirection = \"left\",\n  ...rest\n}) => {\n  let directionSign: string;\n\n  switch (initialDirection) {\n    case \"right\":\n      directionSign = \"100%, 0\";\n      break;\n    case \"top\":\n      directionSign = \"0, -100%\";\n      break;\n    case \"bottom\":\n      directionSign = \"0, 100%\";\n      break;\n    default:\n      directionSign = \"-100%, 0\";\n  }\n\n  const defaultStyle = (timeout: number): Partial<{ transition: string }> => ({\n    transition: `all ${timeout}ms ease`,\n  });\n\n  const transitionStyles = {\n    entering: {\n      transform: `translate(0,0)`,\n    },\n    entered: {\n      transform: `translate(0,0)`,\n    },\n    exiting: {\n      transform: `translate(${directionSign})`,\n    },\n    exited: {\n      transform: `translate(${directionSign})`,\n    },\n  };\n\n  return (\n    <Transition in={inProp} timeout={timeout} {...rest}>\n      {(state): ReactElement => {\n        return cloneElement(children, {\n          style: {\n            visibility: state === \"exited\" && !inProp ? \"hidden\" : undefined,\n            ...defaultStyle(timeout),\n            ...transitionStyles[state],\n            ...style,\n            ...children.props.style,\n          },\n        });\n      }}\n    </Transition>\n  );\n};\n\nSlide.displayName = \"Slide\";\n"],"file":"Slide.js"}

package/dist/esm/components/Transitions/SlideLeftRightTransition/SlideLeftRightTransition.d.ts

@@ -3,6 +3,7 @@ import { TransitionProps } from "../types";
 interface ISlideLeftRightTransition extends TransitionProps {
     children: ReactElement;
     direction?: "left" | "right";
+    className?: string;
 }
 export declare const SlideLeftRightTransition: FC<ISlideLeftRightTransition>;
 export {};

package/dist/esm/components/Transitions/SlideLeftRightTransition/SlideLeftRightTransition.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SlideLeftRightTransition.d.ts","sourceRoot":"","sources":["../../../../../src/components/Transitions/SlideLeftRightTransition/SlideLeftRightTransition.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAChD,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAG3C,UAAU,yBAA0B,SAAQ,eAAe;IACzD,QAAQ,EAAE,YAAY,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CAC9B;AAED,eAAO,MAAM,wBAAwB,EAAE,EAAE,CAAC,yBAAyB,CAgBlE,CAAC"}
+{"version":3,"file":"SlideLeftRightTransition.d.ts","sourceRoot":"","sources":["../../../../../src/components/Transitions/SlideLeftRightTransition/SlideLeftRightTransition.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAChD,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAI3C,UAAU,yBAA0B,SAAQ,eAAe;IACzD,QAAQ,EAAE,YAAY,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,wBAAwB,EAAE,EAAE,CAAC,yBAAyB,CAiBlE,CAAC"}

package/dist/esm/components/Transitions/SlideLeftRightTransition/SlideLeftRightTransition.js

@@ -1,17 +1,19 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-var _excluded = ["children", "direction"];
+var _excluded = ["children", "direction", "className"];
 import React from "react";
 import { StyledSlideLeftRightTransition } from "./Styles";
+import classnames from "classnames";
 export var SlideLeftRightTransition = function SlideLeftRightTransition(_ref) {
   var children = _ref.children,
       _ref$direction = _ref.direction,
       direction = _ref$direction === void 0 ? "left" : _ref$direction,
+      className = _ref.className,
       props = _objectWithoutPropertiesLoose(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(StyledSlideLeftRightTransition, _extends({
     timeout: 200,
-    classNames: "c-slide",
+    classNames: classnames(className, "c-slide"),
     unmountOnExit: true,
     $direction: direction
   }, props), children);

package/dist/esm/components/Transitions/SlideLeftRightTransition/SlideLeftRightTransition.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/Transitions/SlideLeftRightTransition/SlideLeftRightTransition.tsx"],"names":["React","StyledSlideLeftRightTransition","SlideLeftRightTransition","children","direction","props","displayName"],"mappings":";;;AAAA,OAAOA,KAAP,MAAwC,OAAxC;AAEA,SAASC,8BAAT,QAA+C,UAA/C;AAOA,OAAO,IAAMC,wBAAuD,GAAG,SAA1DA,wBAA0D,OAIjE;AAAA,MAHJC,QAGI,QAHJA,QAGI;AAAA,4BAFJC,SAEI;AAAA,MAFJA,SAEI,+BAFQ,MAER;AAAA,MADDC,KACC;;AACJ,sBACE,oBAAC,8BAAD;AACE,IAAA,OAAO,EAAE,GADX;AAEE,IAAA,UAAU,EAAC,SAFb;AAGE,IAAA,aAAa,MAHf;AAIE,IAAA,UAAU,EAAED;AAJd,KAKMC,KALN,GAOGF,QAPH,CADF;AAWD,CAhBM;AAkBPD,wBAAwB,CAACI,WAAzB,GAAuC,0BAAvC","sourcesContent":["import React, { FC, ReactElement } from \"react\";\nimport { TransitionProps } from \"../types\";\nimport { StyledSlideLeftRightTransition } from \"./Styles\";\n\ninterface ISlideLeftRightTransition extends TransitionProps {\n  children: ReactElement;\n  direction?: \"left\" | \"right\";\n}\n\nexport const SlideLeftRightTransition: FC<ISlideLeftRightTransition> = ({\n  children,\n  direction = \"left\",\n  ...props\n}) => {\n  return (\n    <StyledSlideLeftRightTransition\n      timeout={200}\n      classNames=\"c-slide\"\n      unmountOnExit\n      $direction={direction}\n      {...props}\n    >\n      {children}\n    </StyledSlideLeftRightTransition>\n  );\n};\n\nSlideLeftRightTransition.displayName = \"SlideLeftRightTransition\";\n"],"file":"SlideLeftRightTransition.js"}
+{"version":3,"sources":["../../../../../src/components/Transitions/SlideLeftRightTransition/SlideLeftRightTransition.tsx"],"names":["React","StyledSlideLeftRightTransition","classnames","SlideLeftRightTransition","children","direction","className","props","displayName"],"mappings":";;;AAAA,OAAOA,KAAP,MAAwC,OAAxC;AAEA,SAASC,8BAAT,QAA+C,UAA/C;AACA,OAAOC,UAAP,MAAuB,YAAvB;AAQA,OAAO,IAAMC,wBAAuD,GAAG,SAA1DA,wBAA0D,OAKjE;AAAA,MAJJC,QAII,QAJJA,QAII;AAAA,4BAHJC,SAGI;AAAA,MAHJA,SAGI,+BAHQ,MAGR;AAAA,MAFJC,SAEI,QAFJA,SAEI;AAAA,MADDC,KACC;;AACJ,sBACE,oBAAC,8BAAD;AACE,IAAA,OAAO,EAAE,GADX;AAEE,IAAA,UAAU,EAAEL,UAAU,CAACI,SAAD,EAAY,SAAZ,CAFxB;AAGE,IAAA,aAAa,MAHf;AAIE,IAAA,UAAU,EAAED;AAJd,KAKME,KALN,GAOGH,QAPH,CADF;AAWD,CAjBM;AAmBPD,wBAAwB,CAACK,WAAzB,GAAuC,0BAAvC","sourcesContent":["import React, { FC, ReactElement } from \"react\";\nimport { TransitionProps } from \"../types\";\nimport { StyledSlideLeftRightTransition } from \"./Styles\";\nimport classnames from \"classnames\";\n\ninterface ISlideLeftRightTransition extends TransitionProps {\n  children: ReactElement;\n  direction?: \"left\" | \"right\";\n  className?: string;\n}\n\nexport const SlideLeftRightTransition: FC<ISlideLeftRightTransition> = ({\n  children,\n  direction = \"left\",\n  className,\n  ...props\n}) => {\n  return (\n    <StyledSlideLeftRightTransition\n      timeout={200}\n      classNames={classnames(className, \"c-slide\")}\n      unmountOnExit\n      $direction={direction}\n      {...props}\n    >\n      {children}\n    </StyledSlideLeftRightTransition>\n  );\n};\n\nSlideLeftRightTransition.displayName = \"SlideLeftRightTransition\";\n"],"file":"SlideLeftRightTransition.js"}