@itcase/ui 1.0.72 → 1.0.73

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/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/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.72",
+  "version": "1.0.73",
   "description": "UI components (Modal, Loader, Popup, etc)",
   "keywords": [
     "Modal",
@@ -69,11 +69,11 @@
     "@babel/preset-react": "^7.22.15",
     "@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,14 +81,14 @@
     "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",
@@ -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.4",
+    "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",