@itcase/ui 1.9.25 → 1.9.27

package/dist/{Divider_cjs_DrmV2ezS.js → Divider_cjs_BZn2epqW.js}

@@ -87,7 +87,7 @@ const dividerConfig = {
     },
 };
 function Divider(props) {
-    const { className, appearance, isDisabled, isActive, isSkeleton } = props;
+    const { appearance, className, print, isActive, isDisabled, isSkeleton } = props;
     const appearanceConfig = useAppearanceConfig.useAppearanceConfig(appearance, dividerConfig);
     const propsGenerator = useDevicePropsGenerator.useDevicePropsGenerator(props, appearanceConfig);
     const { directionClass, fillActiveClass, fillActiveHoverClass, fillClass, fillDisabledClass, fillHoverClass, shapeClass, shapeStrengthClass, sizeClass, widthClass, } = propsGenerator;
@@ -97,7 +97,7 @@ function Divider(props) {
             ? fillClass && `fill_${fillClass}`
             : fillActiveClass && `fill_active_${fillActiveClass}`, !isActive
             ? fillHoverClass && `fill_hover_${fillHoverClass}`
-            : fillActiveHoverClass && `fill_active_hover_${fillActiveHoverClass}`, isDisabled && fillDisabledClass && `fill_disabled_${fillDisabledClass}`, isSkeleton && `divider_skeleton`), style: hrStyles }));
+            : fillActiveHoverClass && `fill_active_hover_${fillActiveHoverClass}`, isDisabled && fillDisabledClass && `fill_disabled_${fillDisabledClass}`, isSkeleton && `divider_skeleton`, !print && 'no-print', print && 'print'), style: hrStyles }));
 }
 
 exports.Divider = Divider;

package/dist/{Divider_es_BiYozVBS.js → Divider_es_DNJg0mQR.js}

@@ -85,7 +85,7 @@ const dividerConfig = {
     },
 };
 function Divider(props) {
-    const { className, appearance, isDisabled, isActive, isSkeleton } = props;
+    const { appearance, className, print, isActive, isDisabled, isSkeleton } = props;
     const appearanceConfig = useAppearanceConfig(appearance, dividerConfig);
     const propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
     const { directionClass, fillActiveClass, fillActiveHoverClass, fillClass, fillDisabledClass, fillHoverClass, shapeClass, shapeStrengthClass, sizeClass, widthClass, } = propsGenerator;
@@ -95,7 +95,7 @@ function Divider(props) {
             ? fillClass && `fill_${fillClass}`
             : fillActiveClass && `fill_active_${fillActiveClass}`, !isActive
             ? fillHoverClass && `fill_hover_${fillHoverClass}`
-            : fillActiveHoverClass && `fill_active_hover_${fillActiveHoverClass}`, isDisabled && fillDisabledClass && `fill_disabled_${fillDisabledClass}`, isSkeleton && `divider_skeleton`), style: hrStyles }));
+            : fillActiveHoverClass && `fill_active_hover_${fillActiveHoverClass}`, isDisabled && fillDisabledClass && `fill_disabled_${fillDisabledClass}`, isSkeleton && `divider_skeleton`, !print && 'no-print', print && 'print'), style: hrStyles }));
 }
 
 export { Divider as D, dividerAppearance as a, dividerConfig as d };

package/dist/{DropdownItem_cjs_CawN_Tz7.js → DropdownItem_cjs_Capn0Iu7.js}

@@ -7,7 +7,7 @@ var useAppearanceConfig = require('./cjs/hooks/useAppearanceConfig/useAppearance
 var useDevicePropsGenerator = require('./cjs/hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 var useStyles = require('./cjs/hooks/useStyles/useStyles.js');
 var Icon = require('./Icon_cjs_BgGtdviU.js');
-var Divider = require('./Divider_cjs_DrmV2ezS.js');
+var Divider = require('./Divider_cjs_BZn2epqW.js');
 var Text = require('./Text_cjs_DG2eMKBi.js');
 
 const dropdownAppearanceAccent = {

package/dist/{DropdownItem_es_BauhVrYj.js → DropdownItem_es_CTw07zF3.js}

@@ -5,7 +5,7 @@ import { useAppearanceConfig } from './hooks/useAppearanceConfig/useAppearanceCo
 import { useDevicePropsGenerator } from './hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from './hooks/useStyles/useStyles.js';
 import { I as Icon, B as Badge } from './Icon_es_CtZHchZc.js';
-import { D as Divider } from './Divider_es_BiYozVBS.js';
+import { D as Divider } from './Divider_es_DNJg0mQR.js';
 import { T as Text } from './Text_es_CU9KR5AE.js';
 
 const dropdownAppearanceAccent = {

package/dist/{SelectContainer_cjs_CdLyIuwj.js → SelectContainer_cjs_doMatESV.js}

@@ -12,7 +12,7 @@ var Text = require('./Text_cjs_DG2eMKBi.js');
 var _default = require('@itcase/icons/default');
 var Icon = require('./Icon_cjs_BgGtdviU.js');
 var Loader = require('./Loader_cjs_DWBtnjaL.js');
-var Divider = require('./Divider_cjs_DrmV2ezS.js');
+var Divider = require('./Divider_cjs_BZn2epqW.js');
 
 // interface ClearIndicatorProps<Option, IsMulti extends boolean, Group extends GroupBase<Option>>
 //   extends DefaultClearIndicatorProps<Option, IsMulti, Group> {}

package/dist/{SelectContainer_es_DGTrm8OT.js → SelectContainer_es_2ZX3VSMS.js}

@@ -10,7 +10,7 @@ import { T as Text } from './Text_es_CU9KR5AE.js';
 import { icons12, icons16, icons14, icons24 } from '@itcase/icons/default';
 import { I as Icon, B as Badge } from './Icon_es_CtZHchZc.js';
 import { L as Loader } from './Loader_es_BvTBRuay.js';
-import { D as Divider } from './Divider_es_BiYozVBS.js';
+import { D as Divider } from './Divider_es_DNJg0mQR.js';
 
 // interface ClearIndicatorProps<Option, IsMulti extends boolean, Group extends GroupBase<Option>>
 //   extends DefaultClearIndicatorProps<Option, IsMulti, Group> {}

package/dist/cjs/components/Accordion.js

@@ -8,7 +8,7 @@ var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevic
 var useStyles = require('../hooks/useStyles/useStyles.js');
 var useAppearanceConfig = require('../hooks/useAppearanceConfig/useAppearanceConfig.js');
 var Icon = require('../../Icon_cjs_BgGtdviU.js');
-var Divider = require('../../Divider_cjs_DrmV2ezS.js');
+var Divider = require('../../Divider_cjs_BZn2epqW.js');
 var Text = require('../../Text_cjs_DG2eMKBi.js');
 var _default = require('@itcase/icons/default');
 require('lodash/camelCase');

package/dist/cjs/components/DatePeriod.js

@@ -11,7 +11,7 @@ var ChipsGroup = require('../../ChipsGroup_cjs_Sn3uiCSJ.js');
 var DatePicker = require('../../DatePicker_cjs_Bfiav-tb.js');
 require('react-select');
 require('../../Icon_cjs_BgGtdviU.js');
-var SelectContainer = require('../../SelectContainer_cjs_CdLyIuwj.js');
+var SelectContainer = require('../../SelectContainer_cjs_doMatESV.js');
 require('lodash/camelCase');
 require('lodash/maxBy');
 require('lodash/upperFirst');
@@ -39,7 +39,7 @@ require('react-inlinesvg');
 require('../hoc/urlWithAssetPrefix.js');
 require('../context/UrlAssetPrefix.js');
 require('react-select/creatable');
-require('../../Divider_cjs_DrmV2ezS.js');
+require('../../Divider_cjs_BZn2epqW.js');
 
 const datePeriodAppearanceShape = {
     circular: {

package/dist/cjs/components/Divider.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Divider = require('../../Divider_cjs_DrmV2ezS.js');
+var Divider = require('../../Divider_cjs_BZn2epqW.js');
 require('react/jsx-runtime');
 require('clsx');
 require('../hooks/useAppearanceConfig/useAppearanceConfig.js');

package/dist/cjs/components/Drawer.js

@@ -6,7 +6,7 @@ var clsx = require('clsx');
 var ReactDrawer = require('react-modern-drawer');
 var useAppearanceConfig = require('../hooks/useAppearanceConfig/useAppearanceConfig.js');
 var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
-var Divider = require('../../Divider_cjs_DrmV2ezS.js');
+var Divider = require('../../Divider_cjs_BZn2epqW.js');
 var Icon = require('../../Icon_cjs_BgGtdviU.js');
 var Text = require('../../Text_cjs_DG2eMKBi.js');
 var _default = require('@itcase/icons/default');

package/dist/cjs/components/Dropdown.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var DropdownItem = require('../../DropdownItem_cjs_CawN_Tz7.js');
+var DropdownItem = require('../../DropdownItem_cjs_Capn0Iu7.js');
 require('react/jsx-runtime');
 require('react');
 require('clsx');
@@ -26,7 +26,7 @@ require('../hoc/urlWithAssetPrefix.js');
 require('../context/UrlAssetPrefix.js');
 require('../../Link_cjs_qKXVfU8e.js');
 require('../../Text_cjs_DG2eMKBi.js');
-require('../../Divider_cjs_DrmV2ezS.js');
+require('../../Divider_cjs_BZn2epqW.js');
 
 
 

package/dist/cjs/components/Pagination.js

@@ -8,7 +8,7 @@ var ReactPaginate = require('react-paginate');
 var useAppearanceConfig = require('../hooks/useAppearanceConfig/useAppearanceConfig.js');
 var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 var useStyles = require('../hooks/useStyles/useStyles.js');
-var DropdownItem = require('../../DropdownItem_cjs_CawN_Tz7.js');
+var DropdownItem = require('../../DropdownItem_cjs_Capn0Iu7.js');
 var Icon = require('../../Icon_cjs_BgGtdviU.js');
 var Text = require('../../Text_cjs_DG2eMKBi.js');
 var _default = require('@itcase/icons/default');
@@ -25,7 +25,7 @@ require('../utils/setViewportProperty.js');
 require('../hooks.js');
 require('../hooks/useStyles/styleAttributes.js');
 require('lodash/maxBy');
-require('../../Divider_cjs_DrmV2ezS.js');
+require('../../Divider_cjs_BZn2epqW.js');
 require('react-inlinesvg');
 require('../hoc/urlWithAssetPrefix.js');
 require('../context/UrlAssetPrefix.js');

package/dist/cjs/components/Select.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var SelectContainer = require('../../SelectContainer_cjs_CdLyIuwj.js');
+var SelectContainer = require('../../SelectContainer_cjs_doMatESV.js');
 require('react/jsx-runtime');
 require('react');
 require('clsx');
@@ -31,7 +31,7 @@ require('../hoc/urlWithAssetPrefix.js');
 require('../context/UrlAssetPrefix.js');
 require('../../Link_cjs_qKXVfU8e.js');
 require('../../Loader_cjs_DWBtnjaL.js');
-require('../../Divider_cjs_DrmV2ezS.js');
+require('../../Divider_cjs_BZn2epqW.js');
 
 
 

package/dist/cjs/components/Tab.js

@@ -8,7 +8,7 @@ var useAppearanceConfig = require('../hooks/useAppearanceConfig/useAppearanceCon
 var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 var useStyles = require('../hooks/useStyles/useStyles.js');
 var Icon = require('../../Icon_cjs_BgGtdviU.js');
-var Divider = require('../../Divider_cjs_DrmV2ezS.js');
+var Divider = require('../../Divider_cjs_BZn2epqW.js');
 var Link = require('../../Link_cjs_qKXVfU8e.js');
 var Text = require('../../Text_cjs_DG2eMKBi.js');
 require('../hooks/useActiveClasses/useActiveClasses.helpers.js');

package/dist/components/Accordion.js

@@ -6,7 +6,7 @@ import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDev
 import { useStyles } from '../hooks/useStyles/useStyles.js';
 import { useAppearanceConfig } from '../hooks/useAppearanceConfig/useAppearanceConfig.js';
 import { B as Badge, I as Icon } from '../Icon_es_CtZHchZc.js';
-import { D as Divider } from '../Divider_es_BiYozVBS.js';
+import { D as Divider } from '../Divider_es_DNJg0mQR.js';
 import { T as Text } from '../Text_es_CU9KR5AE.js';
 import { icons16 } from '@itcase/icons/default';
 import 'lodash/camelCase';

package/dist/components/DatePeriod.js

@@ -9,7 +9,7 @@ import { b as ChipsGroup, C as Chips } from '../ChipsGroup_es_CbzUWqG9.js';
 import { D as DatePickerInput } from '../DatePicker_es_CtbVXMmy.js';
 import 'react-select';
 import '../Icon_es_CtZHchZc.js';
-import { a as SelectContainer } from '../SelectContainer_es_DGTrm8OT.js';
+import { a as SelectContainer } from '../SelectContainer_es_2ZX3VSMS.js';
 import 'lodash/camelCase';
 import 'lodash/maxBy';
 import 'lodash/upperFirst';
@@ -37,7 +37,7 @@ import 'react-inlinesvg';
 import '../hoc/urlWithAssetPrefix.js';
 import '../context/UrlAssetPrefix.js';
 import 'react-select/creatable';
-import '../Divider_es_BiYozVBS.js';
+import '../Divider_es_DNJg0mQR.js';
 
 const datePeriodAppearanceShape = {
     circular: {

package/dist/components/Divider.js

@@ -1,4 +1,4 @@
-export { D as Divider, a as dividerAppearance, d as dividerConfig } from '../Divider_es_BiYozVBS.js';
+export { D as Divider, a as dividerAppearance, d as dividerConfig } from '../Divider_es_DNJg0mQR.js';
 import 'react/jsx-runtime';
 import 'clsx';
 import '../hooks/useAppearanceConfig/useAppearanceConfig.js';

package/dist/components/Drawer.js

@@ -4,7 +4,7 @@ import clsx from 'clsx';
 import ReactDrawer from 'react-modern-drawer';
 import { useAppearanceConfig } from '../hooks/useAppearanceConfig/useAppearanceConfig.js';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
-import { D as Divider } from '../Divider_es_BiYozVBS.js';
+import { D as Divider } from '../Divider_es_DNJg0mQR.js';
 import { I as Icon, b as Title } from '../Icon_es_CtZHchZc.js';
 import { T as Text } from '../Text_es_CU9KR5AE.js';
 import { icons24 } from '@itcase/icons/default';

package/dist/components/Dropdown.js

@@ -1,4 +1,4 @@
-export { D as Dropdown, a as DropdownItem, d as dropdownItemAppearance, b as dropdownItemConfig } from '../DropdownItem_es_BauhVrYj.js';
+export { D as Dropdown, a as DropdownItem, d as dropdownItemAppearance, b as dropdownItemConfig } from '../DropdownItem_es_CTw07zF3.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'clsx';
@@ -24,4 +24,4 @@ import '../hoc/urlWithAssetPrefix.js';
 import '../context/UrlAssetPrefix.js';
 import '../Link_es_P2b6ya7P.js';
 import '../Text_es_CU9KR5AE.js';
-import '../Divider_es_BiYozVBS.js';
+import '../Divider_es_DNJg0mQR.js';

package/dist/components/Pagination.js

@@ -6,7 +6,7 @@ import ReactPaginate from 'react-paginate';
 import { useAppearanceConfig } from '../hooks/useAppearanceConfig/useAppearanceConfig.js';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from '../hooks/useStyles/useStyles.js';
-import { D as Dropdown, a as DropdownItem } from '../DropdownItem_es_BauhVrYj.js';
+import { D as Dropdown, a as DropdownItem } from '../DropdownItem_es_CTw07zF3.js';
 import { I as Icon } from '../Icon_es_CtZHchZc.js';
 import { T as Text } from '../Text_es_CU9KR5AE.js';
 import { icons14, icons24, icons16 } from '@itcase/icons/default';
@@ -23,7 +23,7 @@ import '../utils/setViewportProperty.js';
 import '../hooks.js';
 import '../hooks/useStyles/styleAttributes.js';
 import 'lodash/maxBy';
-import '../Divider_es_BiYozVBS.js';
+import '../Divider_es_DNJg0mQR.js';
 import 'react-inlinesvg';
 import '../hoc/urlWithAssetPrefix.js';
 import '../context/UrlAssetPrefix.js';

package/dist/components/Select.js

@@ -1,4 +1,4 @@
-export { a as Select, S as SelectClearIndicator, b as SelectControl, c as SelectDropdownIndicator, d as SelectGroupHeading, e as SelectIndicatorsContainer, f as SelectInput, g as SelectMenu, h as SelectMultiValueContainer, i as SelectMultiValueLabel, j as SelectMultiValueRemove, k as SelectOption, l as SelectPlaceholder, m as SelectSingleValue, n as SelectValueContainer, s as selectConfig } from '../SelectContainer_es_DGTrm8OT.js';
+export { a as Select, S as SelectClearIndicator, b as SelectControl, c as SelectDropdownIndicator, d as SelectGroupHeading, e as SelectIndicatorsContainer, f as SelectInput, g as SelectMenu, h as SelectMultiValueContainer, i as SelectMultiValueLabel, j as SelectMultiValueRemove, k as SelectOption, l as SelectPlaceholder, m as SelectSingleValue, n as SelectValueContainer, s as selectConfig } from '../SelectContainer_es_2ZX3VSMS.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'clsx';
@@ -29,4 +29,4 @@ import '../hoc/urlWithAssetPrefix.js';
 import '../context/UrlAssetPrefix.js';
 import '../Link_es_P2b6ya7P.js';
 import '../Loader_es_BvTBRuay.js';
-import '../Divider_es_BiYozVBS.js';
+import '../Divider_es_DNJg0mQR.js';

package/dist/components/Tab.js

@@ -6,7 +6,7 @@ import { useAppearanceConfig } from '../hooks/useAppearanceConfig/useAppearanceC
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from '../hooks/useStyles/useStyles.js';
 import { B as Badge, I as Icon } from '../Icon_es_CtZHchZc.js';
-import { D as Divider } from '../Divider_es_BiYozVBS.js';
+import { D as Divider } from '../Divider_es_DNJg0mQR.js';
 import { L as Link } from '../Link_es_P2b6ya7P.js';
 import { T as Text } from '../Text_es_CU9KR5AE.js';
 import '../hooks/useActiveClasses/useActiveClasses.helpers.js';

package/dist/css/styles/bundles.css

@@ -38274,9 +38274,9 @@ textarea.fill {
     display: none !important;
   }
   .print {
-    height: auto !important;
-    overflow: auto !important;
-    display: block !important;
+    height: auto;
+    overflow: auto;
+    display: block;
   }
 }
 .resize-horizontal {
@@ -62168,6 +62168,11 @@ h2.react-datepicker__current-month {
 .flex {
   &__item {
     display: flex;
+    &.print {
+      @media print {
+        display: flex;
+      }
+    }
   }
 }
 .flex {
@@ -62348,6 +62353,11 @@ h2.react-datepicker__current-month {
       top: 0;
     }
   }
+  &.print {
+    @media print {
+      display: grid;
+    }
+  }
 }
 .grid {
     &_align-content_auto {
@@ -64599,6 +64609,11 @@ h2.react-datepicker__current-month {
   &__row {
     display: grid;
     transition: var(--grid-row-transition);
+    &.print {
+      @media print {
+        display: grid;
+      }
+    }
   }
 }
 :root {
@@ -64760,41 +64775,81 @@ h2.react-datepicker__current-month {
       display: flex;
       flex-direction: row;
       align-items: flex-start;
+      &.print {
+        @media print {
+          display: flex;
+        }
+      }
       &-reverse {
         display: flex;
         flex-direction: row-reverse;
         align-items: flex-start;
+        &.print {
+          @media print {
+            display: flex;
+          }
+        }
       }
     }
     &_vertical {
       display: flex;
       flex-direction: column;
       align-items: flex-start;
+      &.print {
+        @media print {
+          display: flex;
+        }
+      }
       &-reverse {
         display: flex;
         flex-direction: column-reverse;
         align-items: flex-start;
+        &.print {
+          @media print {
+            display: flex;
+          }
+        }
       }
     }
       &_row {
         display: flex;
         flex-direction: row;
         align-items: flex-start;
+        &.print {
+          @media print {
+            display: flex;
+          }
+        }
       }
       &_row-reverse {
         display: flex;
         flex-direction: row-reverse;
         align-items: flex-start;
+        &.print {
+          @media print {
+            display: flex;
+          }
+        }
       }
       &_column {
         display: flex;
         flex-direction: column;
         align-items: flex-start;
+        &.print {
+          @media print {
+            display: flex;
+          }
+        }
       }
       &_column-reverse {
         display: flex;
         flex-direction: column-reverse;
         align-items: flex-start;
+        &.print {
+          @media print {
+            display: flex;
+          }
+        }
       }
   }
 }

package/dist/types/components/Divider/Divider.interface.d.ts

@@ -21,6 +21,7 @@ type DividerProps = DividerAppearanceProps & StyleAttributes & {
     isActive?: boolean;
     isDisabled?: boolean;
     isSkeleton?: boolean;
+    print?: boolean;
     style?: CSSProperties;
 };
 type DividerAppearanceKey = AppearanceKeysDefault | AppearanceShapeKey | AppearanceSizeKey | AppearanceStyleKey;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itcase/ui",
-  "version": "1.9.25",
+  "version": "1.9.27",
   "description": "UI components (Modal, Loader, Popup, etc)",
   "keywords": [
     "Modal",