@itcase/ui 1.8.104 → 1.8.106

package/dist/{ChipsGroup_cjs_BgSbk26L.js → ChipsGroup_cjs_DKLEgUi2.js}

@@ -12,12 +12,13 @@ var tslib_es6 = require('./tslib.es6_cjs_CCZ3TN_7.js');
 var chipsAppearanceAccent = {
     accent: {
         fill: 'accentPrimary',
-        fillHover: 'accentPrimaryHover',
+        fillHover: 'accentHoverPrimary',
         labelTextColor: 'accentTextPrimary',
         borderColor: 'accentBorderSecondary',
     },
     accentMutedPrimary: {
         fill: 'accentTertiary',
+        fillHover: 'accentHoverPrimary',
         labelTextColor: 'accentTextSecondary',
         borderColor: 'accentBorderSecondary',
         iconAfterFillIcon: 'accentItemQuaternary',
@@ -25,6 +26,7 @@ var chipsAppearanceAccent = {
     },
     accentPrimary: {
         fill: 'accentPrimary',
+        fillHover: 'accentHoverPrimary',
         labelTextColor: 'accentTextPrimary',
         borderColor: 'accentBorderSecondary',
         iconAfterFillIcon: 'accentItemPrimary',

package/dist/{ChipsGroup_es_C1U2hygj.js → ChipsGroup_es_vMh6YMRm.js}

@@ -10,12 +10,13 @@ import { _ as __assign } from './tslib.es6_es_Bwu1Cn-t.js';
 var chipsAppearanceAccent = {
     accent: {
         fill: 'accentPrimary',
-        fillHover: 'accentPrimaryHover',
+        fillHover: 'accentHoverPrimary',
         labelTextColor: 'accentTextPrimary',
         borderColor: 'accentBorderSecondary',
     },
     accentMutedPrimary: {
         fill: 'accentTertiary',
+        fillHover: 'accentHoverPrimary',
         labelTextColor: 'accentTextSecondary',
         borderColor: 'accentBorderSecondary',
         iconAfterFillIcon: 'accentItemQuaternary',
@@ -23,6 +24,7 @@ var chipsAppearanceAccent = {
     },
     accentPrimary: {
         fill: 'accentPrimary',
+        fillHover: 'accentHoverPrimary',
         labelTextColor: 'accentTextPrimary',
         borderColor: 'accentBorderSecondary',
         iconAfterFillIcon: 'accentItemPrimary',

package/dist/cjs/components/Chips.js

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

package/dist/cjs/components/DatePeriod.js

@@ -7,7 +7,7 @@ var common = require('@itcase/common');
 var DatePicker = require('../../DatePicker_cjs_T63y9kcH.js');
 var useAppearanceConfig = require('../hooks/useAppearanceConfig/useAppearanceConfig.js');
 var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
-var ChipsGroup = require('../../ChipsGroup_cjs_BgSbk26L.js');
+var ChipsGroup = require('../../ChipsGroup_cjs_DKLEgUi2.js');
 var tslib_es6 = require('../../tslib.es6_cjs_CCZ3TN_7.js');
 require('date-fns/locale');
 require('react-datepicker');

package/dist/components/Chips.js

@@ -1,4 +1,4 @@
-export { C as Chips, b as ChipsGroup, a as chipsAppearance, c as chipsConfig } from '../ChipsGroup_es_C1U2hygj.js';
+export { C as Chips, b as ChipsGroup, a as chipsAppearance, c as chipsConfig } from '../ChipsGroup_es_vMh6YMRm.js';
 import 'react/jsx-runtime';
 import 'clsx';
 import '../hooks/useAppearanceConfig/useAppearanceConfig.js';

package/dist/components/DatePeriod.js

@@ -5,7 +5,7 @@ import { DATE_PERIOD_INTERVALS } from '@itcase/common';
 import { D as DatePickerInput } from '../DatePicker_es_B87jj8h6.js';
 import { useAppearanceConfig } from '../hooks/useAppearanceConfig/useAppearanceConfig.js';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
-import { b as ChipsGroup, C as Chips } from '../ChipsGroup_es_C1U2hygj.js';
+import { b as ChipsGroup, C as Chips } from '../ChipsGroup_es_vMh6YMRm.js';
 import { _ as __assign } from '../tslib.es6_es_Bwu1Cn-t.js';
 import 'date-fns/locale';
 import 'react-datepicker';

package/dist/css/components/Button/Button.css

@@ -1,9 +1,9 @@
 .button {
   text-decoration: none;
-  background: none;
+  /* background: none; */
   padding: 0;
   margin: 0;
-  border-width: solid 0 #fff;
+  /* border-width: solid 0 #fff; */
   position: relative;
   display: flex;
   justify-content: center;

package/dist/css/components/Dropdown/Dropdown.css

@@ -44,7 +44,6 @@
 .dropdown {
   &&_state_open {
     /* visibility: visible; */
-    display: block;
     opacity: 100%;
   }
 }

package/dist/css/styles/alignment/alignment.css

@@ -1,4 +1,5 @@
-.alignment {
+.alignment,
+div.alignment {
   &_top {
     &-left {
       position: absolute;
@@ -9,6 +10,7 @@
       position: absolute;
       left: 50%;
       bottom: 100%;
+      transform: translateX(-50%);
     }
     &-right {
       position: absolute;
@@ -26,6 +28,7 @@
       position: absolute;
       left: 50%;
       top: 100%;
+      transform: translateX(-50%);
     }
     &-right {
       position: absolute;

package/dist/css/styles/bundle.css

@@ -265,7 +265,8 @@
     }
   }
 }
-.alignment {
+.alignment,
+div.alignment {
   &_top {
     &-left {
       position: absolute;
@@ -276,6 +277,7 @@
       position: absolute;
       left: 50%;
       bottom: 100%;
+      transform: translateX(-50%);
     }
     &-right {
       position: absolute;
@@ -293,6 +295,7 @@
       position: absolute;
       left: 50%;
       top: 100%;
+      transform: translateX(-50%);
     }
     &-right {
       position: absolute;
@@ -763,7 +766,8 @@ button.border-color {
     }
   }
 }
-.fill {
+.fill,
+button.fill {
   &_none {
     background-color: transparent;
   }
@@ -816,7 +820,8 @@ button.border-color {
     }
   }
 }
-.fill {
+.fill,
+button.fill {
   &_active {
     &_none {
       background-color: transparent;
@@ -863,7 +868,8 @@ button.border-color {
     }
   }
 }
-.fill {
+.fill,
+button.fill {
   &_active {
     &_hover {
       &_none {
@@ -976,7 +982,8 @@ button.border-color {
     }
   }
 }
-.fill_gradient {
+.fill_gradient,
+button.fill {
   @each $type in primary, secondary, tertiary, quaternary {
     &-$(type) {
       @each $direction, $degree in (top, right, diagonal, bottom, left),
@@ -988,7 +995,8 @@ button.border-color {
     }
   }
 }
-.fill {
+.fill,
+button.fill {
   &_hover {
     &_none {
       background-color: transparent;

package/dist/css/styles/fill/fill.css

@@ -1,4 +1,5 @@
-.fill {
+.fill,
+button.fill {
   &_none {
     background-color: transparent;
   }

package/dist/css/styles/fill/fill_active.css

@@ -1,4 +1,5 @@
-.fill {
+.fill,
+button.fill {
   &_active {
     &_none {
       background-color: transparent;

package/dist/css/styles/fill/fill_active_hover.css

@@ -1,4 +1,5 @@
-.fill {
+.fill,
+button.fill {
   &_active {
     &_hover {
       &_none {

package/dist/css/styles/fill/fill_gradient.css

@@ -1,4 +1,5 @@
-.fill_gradient {
+.fill_gradient,
+button.fill {
   @each $type in primary, secondary, tertiary, quaternary {
     &-$(type) {
       @each $direction, $degree in (top, right, diagonal, bottom, left),

package/dist/css/styles/fill/fill_hover.css

@@ -1,4 +1,5 @@
-.fill {
+.fill,
+button.fill {
   &_hover {
     &_none {
       background-color: transparent;

package/dist/types/components/Chips/appearance/chipsAccent.d.ts

@@ -7,6 +7,7 @@ declare const chipsAppearanceAccent: {
     };
     accentMutedPrimary: {
         fill: string;
+        fillHover: string;
         labelTextColor: string;
         borderColor: string;
         iconAfterFillIcon: string;
@@ -14,6 +15,7 @@ declare const chipsAppearanceAccent: {
     };
     accentPrimary: {
         fill: string;
+        fillHover: string;
         labelTextColor: string;
         borderColor: string;
         iconAfterFillIcon: string;

package/package.json

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