@itcase/ui 1.0.71 → 1.0.73

package/dist/components/Tooltip.js

@@ -14,6 +14,7 @@ require('../constants/componentProps/textColor.js');
 require('../constants/componentProps/textColorActive.js');
 require('../constants/componentProps/textColorHover.js');
 require('../constants/componentProps/textStyle.js');
+require('../constants/componentProps/textGradient.js');
 require('../constants/componentProps/textWeight.js');
 require('lodash/camelCase');
 require('lodash/maxBy');
@@ -24,7 +25,6 @@ require('../hooks/useMediaQueries.js');
 require('react-responsive');
 require('lodash/castArray');
 require('../constants/componentProps/textAlign.js');
-require('../constants/componentProps/textGradient.js');
 require('../constants/componentProps/titleSize.js');
 require('../constants/componentProps/type.js');
 require('../constants/componentProps/wrap.js');

package/dist/constants/componentProps/fillHover.js

@@ -0,0 +1,5 @@
+'use strict';
+
+const fillHoverProps = [null, 'accentPrimaryHover', 'accentSecondary', 'accentTertiary', 'primaryPrimaryHover', 'secondaryPrimaryHover', 'surfacePrimaryHover', 'surfaceSecondaryHover', 'surfaceTertiaryHover'];
+
+exports.default = fillHoverProps;

package/dist/constants/componentProps/sizeInterface.js

@@ -1,5 +1,5 @@
 'use strict';
 
-const sizeInterfaceProps = [null, 'compact', 'regular', 'any'];
+const sizeInterfaceProps = [null, 'compact', 'normal', 'regular', 'any'];
 
 exports.default = sizeInterfaceProps;

package/dist/constants/componentProps/sizePX.js

@@ -1,5 +1,5 @@
 'use strict';
 
-const sizePXProps = [null, '16', '24', '32', '40', '48', '56', '64', '72', '80', '96', '112', '144'];
+const sizePXProps = [null, '14', '16', '24', '32', '40', '48', '56', '60', '64', '72', '80', '96', '112', '144'];
 
 exports.default = sizePXProps;

package/dist/constants/componentProps/state.js

@@ -1,5 +1,5 @@
 'use strict';
 
-const stateProps = [null, 'normal', 'focus', 'hover', 'active', 'disabled'];
+const stateProps = [null, 'active', 'checked', 'disabled', 'focus', 'hover', 'normal'];
 
 exports.default = stateProps;

package/dist/constants/componentProps/textSize.js

@@ -1,5 +1,5 @@
 'use strict';
 
-const textSizeProps = [null, 'xs', 's', 'm', 'l', 'xl'];
+const textSizeProps = [null, 'xxs', 'xs', 's', 'm', 'l', 'xl', 'xxl'];
 
 exports.default = textSizeProps;

package/dist/constants/componentProps/titleSize.js

@@ -1,5 +1,5 @@
 'use strict';
 
-const titleSizeProps = ['h1', 'h2', 'h3', 'h4', 'h5', 'h6'];
+const titleSizeProps = [null, 'h1', 'h2', 'h3', 'h4', 'h5', 'h6'];
 
 exports.default = titleSizeProps;

package/dist/constants.js

@@ -9,6 +9,7 @@ var borderWidth = require('./constants/componentProps/borderWidth.js');
 var captionPosition = require('./constants/componentProps/captionPosition.js');
 var direction = require('./constants/componentProps/direction.js');
 var emojiSize = require('./constants/componentProps/emojiSize.js');
+var fillHover = require('./constants/componentProps/fillHover.js');
 var fillGradient = require('./constants/componentProps/fillGradient.js');
 var fill = require('./constants/componentProps/fill.js');
 var fillType = require('./constants/componentProps/fillType.js');
@@ -62,6 +63,7 @@ exports.borderWidthProps = borderWidth.default;
 exports.captionPositionProps = captionPosition.default;
 exports.directionProps = direction.default;
 exports.emojiSizeProps = emojiSize.default;
+exports.fillHoverProps = fillHover.default;
 exports.fillGradientProps = fillGradient.default;
 exports.fillProps = fill.default;
 exports.fillTypeProps = fillType.default;

package/dist/css/components/Cell/Cell.css

@@ -37,15 +37,15 @@
   }
 }
 .cell {
- &&_state {
-  &_active {
+  &&_state {
+    &_active {
+    }
   }
- }
 }
 .cell {
- &&_state {
-  &_disabled {
-    border: solid 1px red;
+  &&_state {
+    &_disabled {
+      border: solid 1px red;
+    }
   }
- }
 }

package/dist/css/components/Chips/Chips.css

@@ -12,6 +12,10 @@
 
 .chips {
   &&_size {
+    &_xxs {
+      padding: 2px 6px;
+      @mixin text-s;
+    }
     &_xs {
       padding: 2px 6px;
       @mixin text-s;
@@ -34,7 +38,7 @@
     }
     &_xxl {
       padding: 6px 12px;
-      @mixin text-xxl
+      @mixin text-xxl;
     }
   }
 }
@@ -43,7 +47,7 @@
   &_shape {
     &_rounded {
       border-radius: var(--chips-shape-rounded-default);
-      @each $size in xs, s, m, l, xl, xxl {
+      @each $size in xxs, xs, s, m, l, xl, xxl {
         &.chips_size_$(size) {
           border-radius: var(--chips-size-$(size)-shape-rounded);
         }
@@ -57,6 +61,8 @@
 
 :root {
   --chips-shape-rounded-default: 6px;
+  --chips-size-xxs-shape-rounded: 6px;
+  --chips-size-xs-shape-rounded: 6px;
   --chips-size-s-shape-rounded: 6px;
   --chips-size-m-shape-rounded: 6px;
   --chips-size-l-shape-rounded: 6px;

package/dist/css/components/DatePicker/DatePicker.css

@@ -308,7 +308,7 @@
 .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
   list-style: none;
   margin: 0;
-  height: calc(195px + (1.7rem / 2));
+  height: calc(195px + 1.7rem / 2);
   overflow-y: scroll;
   padding-right: 0;
   padding-left: 0;
@@ -568,6 +568,7 @@
 .react-datepicker__input-container .react-datepicker__calendar-icon {
   position: absolute;
   padding: 0.5rem;
+  box-sizing: content-box;
 }
 .react-datepicker__view-calendar-icon input {
   padding: 6px 10px 5px 25px;

package/dist/css/components/Icon/Icon.css

@@ -8,16 +8,16 @@
 }
 .icon {
   &_size {
-    @each $size in 14, 16, 24, 32, 40, 56, 60, 72 {
+    @each $size in 14, 16, 24, 32, 40, 48, 56, 60, 64, 72, 80, 96, 112, 144  {
       &_$(size) {
-        height: $(size)px;
         width: $(size)px;
-        min-height: $(size)px;
+        height: $(size)px;
         min-width: $(size)px;
+        min-height: $(size)px;
+        font-size: $(size)px;
         display: flex;
         justify-content: center;
         align-items: center;
-        font-size: $(size)px;
       }
     }
   }

package/dist/css/components/Input/Input.css

@@ -53,3 +53,17 @@
     }
   }
 }
+.input {
+  &_type {
+    &_number {
+      appearance: none;
+      &[type='number'] {
+        appearance: textfield;
+      }
+      &::-webkit-outer-spin-button,
+      &::-webkit-inner-spin-button {
+        appearance: none;
+      }
+    }
+  }
+}

package/dist/css/components/Notification/Notification.css

@@ -27,6 +27,7 @@
   &_set {
     &_float {
       width: 100%;
+      border-radius: 8px;
       ^^&-wrapper {
         padding: 12px 16px;
         border-radius: 8px;

package/dist/css/components/Notification/css/__item/notification__item_set_float.css

@@ -2,6 +2,7 @@
   &_set {
     &_float {
       width: 100%;
+      border-radius: 8px;
       ^^&-wrapper {
         padding: 12px 16px;
         border-radius: 8px;

package/dist/css/components/Select/Select.css

@@ -53,6 +53,25 @@
   }
 }
 
+.select {
+  &&_state {
+    &_hide-value-container {
+      width: auto;
+      min-width: 0;
+      & .select__control {
+        padding: 0;
+        border: none;
+      }
+      & .select__value-container {
+        display: none;
+      }
+      & .select__menu {
+        min-width: 240px;
+      }
+    }
+  }
+}
+
 .select {
   &__control {
     position: relative;

package/dist/css/components/Swiper/Swiper.css

@@ -1,5 +1,5 @@
 /**
- * Swiper 10.3.0
+ * Swiper 10.3.1
  * Most modern mobile touch slider and framework with hardware accelerated transitions
  * https://swiperjs.com
  *
@@ -7,7 +7,7 @@
  *
  * Released under the MIT License
  *
- * Released on: September 21, 2023
+ * Released on: September 28, 2023
  */
 
 /* FONT_START */

package/dist/css/styles/border-color-hover/border-color-hover.css

@@ -1,11 +1,11 @@
 .border-color_hover {
-  @each $type in accent, primary, secondary, tertiary, surface, success, error, info, warning{
+  @each $type in accent, primary, secondary, tertiary, surface, success, error, info, warning {
     &_$(type) {
       &-border {
-        @each $color in primary, secondary, tertiary, quaternary, quinary, senary, accent, disabled, hover  {
+        @each $color in primary, secondary, tertiary, quaternary, quinary, senary, accent, disabled,
+          hover {
           &-$(color) {
             &:hover {
-              border: solid 2px red;
               border-color: var(--color-$(type)-border-$(color));
             }
             &-hover {

package/dist/css/styles/text-color-hover/text-color-hover.css

@@ -1,8 +1,9 @@
-.text-color-hover {
-  @each $type in accent, primary, secondary, tertiary, surface, success, error, info, warning{
+.text-color_hover {
+  @each $type in accent, primary, secondary, tertiary, surface, success, error, info, warning {
     &_$(type) {
       &-text {
-        @each $color in primary, secondary, tertiary, quaternary, quinary, senary, accent, disabled, hover  {
+        @each $color in primary, secondary, tertiary, quaternary, quinary, senary, accent, disabled,
+          hover {
           &-$(color) {
             &:hover {
               color: var(--color-$(type)-text-$(color));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itcase/ui",
-  "version": "1.0.71",
+  "version": "1.0.73",
   "description": "UI components (Modal, Loader, Popup, etc)",
   "keywords": [
     "Modal",
@@ -40,7 +40,7 @@
     "registry": "https://registry.npmjs.org/"
   },
   "dependencies": {
-    "@itcase/common": "^1.1.6",
+    "@itcase/common": "^1.1.7",
     "clsx": "^2.0.0",
     "html5-boilerplate": "^8.0.0",
     "js-cookie": "^3.0.5",
@@ -52,14 +52,14 @@
     "react-dadata": "^2.23.1",
     "react-date-range": "^1.4.0",
     "react-dom": "^18.2.0",
-    "react-inlinesvg": "^4.0.4",
+    "react-inlinesvg": "^4.0.5",
     "react-modern-drawer": "^1.2.2",
-    "react-otp-input": "^3.0.4",
+    "react-otp-input": "^3.1.0",
     "react-paginate": "^8.2.0",
     "react-responsive": "^9.0.2",
     "react-scrollbars-custom": "^4.1.1",
-    "react-select": "^5.7.5",
-    "swiper": "^10.3.0",
+    "react-select": "^5.7.7",
+    "swiper": "^10.3.1",
     "uuid": "^9.0.1"
   },
   "devDependencies": {
@@ -67,13 +67,13 @@
     "@babel/eslint-parser": "^7.22.15",
     "@babel/preset-env": "^7.22.20",
     "@babel/preset-react": "^7.22.15",
-    "@commitlint/cli": "^17.7.1",
+    "@commitlint/cli": "^17.7.2",
     "@commitlint/config-conventional": "^17.7.0",
-    "@rollup/plugin-babel": "^6.0.3",
-    "@rollup/plugin-commonjs": "^25.0.4",
-    "@rollup/plugin-json": "^6.0.0",
-    "@rollup/plugin-node-resolve": "^15.2.1",
-    "@rollup/plugin-terser": "^0.4.3",
+    "@rollup/plugin-babel": "^6.0.4",
+    "@rollup/plugin-commonjs": "^25.0.5",
+    "@rollup/plugin-json": "^6.0.1",
+    "@rollup/plugin-node-resolve": "^15.2.3",
+    "@rollup/plugin-terser": "^0.4.4",
     "@semantic-release/changelog": "^6.0.3",
     "@semantic-release/git": "^10.0.1",
     "@semantic-release/release-notes-generator": "^12.0.0",
@@ -81,22 +81,22 @@
     "babel-plugin-inline-react-svg": "^2.0.2",
     "babel-plugin-react-docgen": "^4.2.1",
     "babel-plugin-transform-react-remove-prop-types": "^0.4.24",
-    "eslint": "8.50.0",
+    "eslint": "8.51.0",
     "eslint-config-prettier": "^9.0.0",
     "eslint-config-standard": "^17.1.0",
     "eslint-plugin-babel": "^5.3.1",
     "eslint-plugin-import": "^2.28.1",
     "eslint-plugin-n": "^16.1.0",
     "eslint-plugin-node": "^11.1.0",
-    "eslint-plugin-prettier": "^5.0.0",
+    "eslint-plugin-prettier": "^5.0.1",
     "eslint-plugin-promise": "^6.1.1",
     "eslint-plugin-react": "^7.33.2",
     "eslint-plugin-react-hooks": "^4.6.0",
     "eslint-plugin-standard": "^5.0.0",
     "husky": "^8.0.3",
     "lint-staged": "^14.0.1",
-    "npm": "^10.1.0",
-    "postcss": "^8.4.30",
+    "npm": "^10.2.0",
+    "postcss": "^8.4.31",
     "postcss-aspect-ratio-polyfill": "^2.0.0",
     "postcss-cli": "^10.1.0",
     "postcss-combine-duplicated-selectors": "^10.0.3",
@@ -114,13 +114,13 @@
     "postcss-nested-ancestors": "^3.0.0",
     "postcss-normalize": "^10.0.1",
     "postcss-prepend-imports": "^1.0.1",
-    "postcss-preset-env": "^9.1.4",
+    "postcss-preset-env": "^9.2.0",
     "postcss-pxtorem": "^6.0.0",
     "postcss-responsive-type": "github:ITCase/postcss-responsive-type",
     "postcss-sort-media-queries": "^5.2.0",
     "prettier": "^3.0.3",
-    "react-datepicker": "^4.18.0",
-    "rollup": "^3.29.3",
+    "react-datepicker": "^4.20.0",
+    "rollup": "^4.0.2",
     "rollup-plugin-peer-deps-external": "^2.2.4",
     "semantic-release": "^22.0.5",
     "stylelint": "^15.10.3",