@itcase/ui 1.1.7 → 1.1.8

package/dist/components.js

@@ -1,8 +1,8 @@
-export { A as Accordion, a as AccordionItem } from './Accordion-JS45IVx7.js';
-export { Avatar } from './components/Avatar.js';
+export { A as Accordion, a as AccordionItem } from './Accordion-CqPVnTKh.js';
+export { A as Avatar } from './Avatar-diLCwtnd.js';
 export { Badge, badgeConfig } from './components/Badge.js';
-export { B as Breadcrumbs, a as BreadcrumbsItem } from './Breadcrumbs-KOoMbWmP.js';
-export { Button, buttonConfig } from './components/Button.js';
+export { B as Breadcrumbs, a as BreadcrumbsItem } from './Breadcrumbs-B79kOtMG.js';
+export { B as Button, b as buttonConfig } from './Button-B7vbiqrJ.js';
 export { Caption } from './components/Caption.js';
 export { Card } from './components/Card.js';
 export { Cell } from './components/Cell.js';
@@ -10,46 +10,46 @@ export { Checkbox, checkboxConfig } from './components/Checkbox.js';
 export { Chips, chipsConfig } from './components/Chips.js';
 export { Choice, choiceConfig } from './components/Choice.js';
 export { Code } from './components/Code.js';
-export { C as ContextMenu, a as ContextMenuItem } from './ContextMenuItem-CF5L8xev.js';
+export { C as ContextMenu, a as ContextMenuItem } from './ContextMenuItem-BPqsjmSA.js';
 export { CookiesWarning } from './components/CookiesWarning.js';
 export { DadataHintField } from './components/DadataHintField.js';
 export { DatePickerInput } from './components/DatePicker.js';
-export { Divider } from './components/Divider.js';
-export { Dot } from './components/Dot.js';
+export { D as Divider } from './Divider-BlBwMHgl.js';
+export { D as Dot } from './Dot-C3R1y59u.js';
 export { Drawer } from './components/Drawer.js';
-export { D as Dropdown, a as DropdownItem } from './DropdownItem-C0gYXEq6.js';
-export { F as Flex, a as FlexItem } from './FlexItem-DHynUt6v.js';
-export { C as ChoiceField, F as FormField, P as PasswordField, a as SelectField, S as SwitchField } from './SelectField-uEsQcoxF.js';
-export { G as Grid, b as GridItem, a as GridRow } from './GridRow-Buc4dsHd.js';
-export { G as Group, g as groupConfig } from './Group-DhYXDvAJ.js';
-export { Icon, iconConfig } from './components/Icon.js';
+export { D as Dropdown, a as DropdownItem } from './DropdownItem-Dgf0LRhx.js';
+export { F as Flex, a as FlexItem } from './FlexItem-DzNgFIa0.js';
+export { C as ChoiceField, F as FormField, P as PasswordField, a as SelectField, S as SwitchField } from './SelectField-CpQMWXaC.js';
+export { G as Grid, b as GridItem, a as GridRow } from './GridRow-Cc-rz56R.js';
+export { G as Group, g as groupConfig } from './Group-fbVPmr8W.js';
+export { I as Icon, i as iconConfig } from './Icon-Dn2eEZvb.js';
 export { Image } from './components/Image.js';
 export { Input, inputConfig } from './components/Input.js';
 export { inputPasswordConfig } from './components/InputPassword.js';
 export { Label, labelConfig } from './components/Label.js';
 export { LanguageSelector } from './components/LanguageSelector.js';
-export { Link, LinkWrapper, linkConfig } from './components/Link.js';
-export { L as List, a as ListItem } from './ListItem-DYbK4_8c.js';
+export { L as Link, a as LinkWrapper, l as linkConfig } from './Link-ByBzBRDH.js';
+export { L as List, a as ListItem } from './ListItem-Cf8r3w8t.js';
 export { Loader, loaderConfig } from './components/Loader.js';
 export { Logo } from './components/Logo.js';
 export { Menu } from './components/Menu.js';
 export { MenuItem, menuItemConfig } from './components/MenuItem.js';
 export { M as Modal, a as ModalLoader } from './ModalLoader-DJVKhIZR.js';
-export { N as NotificationItem, a as NotificationList, n as notificationItemConfig } from './NotificationList-KbxjrO3o.js';
+export { N as NotificationItem, a as NotificationList, n as notificationItemConfig } from './NotificationList-CJyEnxWw.js';
 export { Page } from './components/Page.js';
 export { Pagination } from './components/Pagination.js';
 export { Radio, radioConfig } from './components/Radio.js';
 export { RangeSlider } from './components/RangeSlider.js';
 export { Response, responseConfig } from './components/Response.js';
 export { Scrollbar } from './components/Scrollbar.js';
-export { S as SearchInput, a as SearchResult } from './SearchResult-DNPmzvp8.js';
+export { S as SearchInput, a as SearchResult } from './SearchResult-erxB06IL.js';
 export { Segmented, segmentedConfig } from './components/Segmented.js';
 export { Select, SelectClearIndicator, SelectControl, SelectDropdownIndicator, SelectGroupHeading, SelectIndicatorsContainer, SelectInput, SelectMenu, SelectMultiValueContainer, SelectMultiValueLabel, SelectMultiValueRemove, SelectOption, SelectPlaceholder, SelectSingleValue, SelectValueContainer, selectConfig } from './components/Select.js';
-export { S as SiteMenu, a as SiteMenuButton } from './SiteMenuButton-DE_hCJUV.js';
+export { S as SiteMenu, a as SiteMenuButton } from './SiteMenuButton-BFmti8pF.js';
 export { Swiper } from './components/Swiper.js';
 export { Switch } from './components/Switch.js';
-export { T as Tab, a as TabGroup, t as tabConfig } from './TabGroup-CCR5jORT.js';
-export { T as Text, t as textConfig } from './Text-DffpwlYq.js';
+export { T as Tab, a as TabGroup, t as tabConfig } from './TabGroup-CjmtgOMw.js';
+export { T as Text, t as textConfig } from './Text-BcGbRc14.js';
 export { Textarea, textareaConfig } from './components/Textarea.js';
 export { Tile } from './components/Tile.js';
 export { Title, titleConfig } from './components/Title.js';
@@ -71,46 +71,39 @@ import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import './hooks/styleAttributes.js';
 import './constants/componentProps/shape.js';
-import './constants/componentProps/sizePX.js';
 import './constants/componentProps/direction.js';
 import './constants/componentProps/fill.js';
 import './constants/componentProps/position.js';
 import './constants/componentProps/width.js';
-import './constants/componentProps/borderType.js';
-import './constants/componentProps/size.js';
-import './constants/componentProps/type.js';
 import './constants/componentProps/fillGradient.js';
 import './constants/componentProps/captionPosition.js';
+import './constants/componentProps/size.js';
 import './constants/componentProps/horizontalResizeMode.js';
 import './constants/componentProps/textSize.js';
 import './constants/componentProps/textColor.js';
 import './constants/componentProps/textAlign.js';
+import './constants/componentProps/borderType.js';
 import 'js-cookie';
 import 'crypto';
 import 'react-dom';
 import './floating-ui.dom-BQ7wiYTi.js';
+import './constants/componentProps/type.js';
 import './constants/componentProps/underline.js';
-import './constants/componentProps/gridJustifyItems.js';
-import './constants/componentProps/gridAlign.js';
-import './constants/componentProps/verticalResizeMode.js';
-import './constants/componentProps/gridAlignSelf.js';
-import './constants/componentProps/gridJustifySelf.js';
 import 'react-inlinesvg';
 import './constants/componentProps/borderColor.js';
-import './constants/componentProps/iconSize.js';
-import './constants/componentProps/strokeColor.js';
 import './constants/componentProps/resizeMode.js';
-import './constants/componentProps/textGradient.js';
 import './constants/componentProps/textStyle.js';
 import './constants/componentProps/textWeight.js';
 import './constants/componentProps/align.js';
 import './constants/componentProps/alignDirection.js';
 import './constants/componentProps/textColorActive.js';
 import './constants/componentProps/textColorHover.js';
+import './constants/componentProps/textGradient.js';
 import './constants/componentProps/textWrap.js';
 import './components/Overlay.js';
 import './context/Notifications.js';
 import 'uuid';
+import './constants/componentProps/verticalResizeMode.js';
 import 'lodash/ceil';
 import 'react-paginate';
 import 'rc-slider';

package/dist/context/Notifications.js

@@ -1,3 +1,4 @@
+'use client';
 import React__default, { useState, useCallback, useMemo, useContext, createContext } from 'react';
 import PropTypes from 'prop-types';
 import { v4 } from 'uuid';

package/dist/context/UIContext.js

@@ -1,3 +1,4 @@
+'use client';
 import React__default, { useContext, memo, useState, useMemo, createContext } from 'react';
 import PropTypes from 'prop-types';
 import { useMediaQueries } from '../hooks/useMediaQueries.js';

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

@@ -50,12 +50,13 @@
     @each $size in xxs, xs, s, m, l, xl, xxl {
       &_$(size) {
         ^^&__wrapper {
-          padding: var(--button-size-$(size)-padding);
+          padding: var(--button-size-$(size)-label-padding);
         }
         &^^&_type_with-icon {
           &_$(size) {
             ^^^^&__wrapper {
               gap: var(--button-size-$(size)-gap);
+              padding: var(--button-size-$(size)-label-icon-padding);
             }
           }
         }
@@ -69,6 +70,16 @@
       ^^&__loader {
         display: flex;
         position: absolute;
+        padding: var(--button-size-$(size)-label-icon-padding);
+      }
+      &.button_size {
+        @each $size in xxs, xs, s, m, l, xl, xxl {
+          &_$(size) {
+            & ^^^^&__wrapper {
+              padding: var(--button-size-$(size)-loader-padding);
+            }
+          }
+        }
       }
     }
   }

package/dist/css/components/Dot/Dot.css

@@ -1,10 +1,16 @@
 .dot {
 }
 .dot {
-  min-width: var(--dot-width, 16px);
-  min-height: var(--dot-height, 16px);
-  max-width: var(--dot-width, 16px);
-  max-height: var(--dot-height, 16px);
+  &_size {
+    @each $size in s, m, l {
+      &_$(size) {
+        min-width: var(--dot-size-$(size)-width, 16px);
+        min-height: var(--dot-size-$(size)-height, 16px);
+        max-width: var(--dot-size-$(size)-width, 16px);
+        max-height: var(--dot-size-$(size)-height, 16px);
+      }
+    }
+  }
 }
 .dot_shape {
   &_rounded {

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

@@ -1,9 +1,11 @@
 .fill {
   &_active {
     &_hover {
-      @each $type in accent, primary, secondary, tertiary, quaternary, quinary, senary, surface, error, success, warning, info, danger, gradient {
+      @each $type in accent, primary, secondary, tertiary, quaternary, quinary, senary, surface,
+        error, success, warning, info, danger, gradient {
         &_$(type) {
-          @each $color in primary, secondary, tertiary, quaternary, quinary, senary, accent, disabled, hover  {
+          @each $color in primary, secondary, tertiary, quaternary, quinary, senary, accent,
+            disabled, hover, active {
             &-$(color) {
               &:hover {
                 background: var(--color-$(type)-$(color));
@@ -12,7 +14,8 @@
           }
         }
       }
-      @each $type in accent, primary, secondary, tertiary, quaternary, quinary, senary, surface, error, success, warning, info, danger, gradient {
+      @each $type in accent, primary, secondary, tertiary, quaternary, quinary, senary, surface,
+        error, success, warning, info, danger, gradient {
         &_$(type) {
           &-primary {
             background: var(--color-$(type)-primary);

package/dist/hooks/styleAttributes.interface.d.ts

@@ -13,8 +13,9 @@ export interface TypeStyleAttributes {
     borderRightWidth?: string;
     borderStartWidth?: string;
     borderTopWidth?: string;
-    borderWidth?: string;
     bottom?: string;
+    columnGap?: string;
+    columnWidth?: string;
     display?: string;
     end?: string;
     flex?: string;
@@ -23,9 +24,6 @@ export interface TypeStyleAttributes {
     flexShrink?: string;
     flexWrap?: string;
     gap?: string;
-    rowGap?: string;
-    columnGap?: string;
-    columnWidth?: string;
     height?: string;
     left?: string;
     margin?: string;
@@ -41,6 +39,7 @@ export interface TypeStyleAttributes {
     maxWidth?: string;
     minHeight?: string;
     minWidth?: string;
+    order?: string;
     overflow?: string;
     padding?: string;
     paddingBottom?: string;
@@ -53,11 +52,11 @@ export interface TypeStyleAttributes {
     paddingVertical?: string;
     position?: string;
     right?: string;
+    rowGap?: string;
     start?: string;
     top?: string;
     width?: string;
     zIndex?: string;
-    order?: string;
     /**
      * Shadow
      */
@@ -79,7 +78,6 @@ export interface TypeStyleAttributes {
     borderBottomLeftRadius?: string;
     borderBottomRightRadius?: string;
     borderBottomStartRadius?: string;
-    borderColor?: string;
     borderCurve?: string;
     borderEndColor?: string;
     borderLeftColor?: string;
@@ -92,8 +90,8 @@ export interface TypeStyleAttributes {
     borderTopLeftRadius?: string;
     borderTopRightRadius?: string;
     borderTopStartRadius?: string;
-    opacity?: string;
     cursor?: string;
+    opacity?: string;
     /**
      * Text
      */
@@ -119,25 +117,25 @@ export interface TypeStyleAttributes {
     /**
      * Image
      */
+    objectFit?: string;
     overlayColor?: string;
     resizeMode?: string;
     tintColor?: string;
-    objectFit?: string;
     /**
      * Grid
      */
-    gridTemplateColumns?: string;
     gridArea?: string;
     gridAutoColumns?: string;
     gridAutoFlow?: string;
     gridAutoRows?: string;
-    gridTemplate?: string;
-    gridTemplateAreas?: string;
-    gridTemplateRows?: string;
     gridColumn?: string;
     gridColumnGap?: string;
     gridRow?: string;
     gridRowGap?: string;
+    gridTemplate?: string;
+    gridTemplateAreas?: string;
+    gridTemplateColumns?: string;
+    gridTemplateRows?: string;
     /**
      * Filter
      */

package/dist/types/componentProps/appearanceKeys.d.ts

@@ -0,0 +1 @@
+export type appearanceKeysDefaultType = 'dev' | 'accent' | 'primary' | 'secondary' | 'surfacePrimary' | 'surfaceSecondary' | 'surfaceTertiary' | 'surfaceQuaternary';

package/dist/types/componentProps/fill.d.ts

@@ -0,0 +1 @@
+export type fillPropsType = 'accentPrimary' | 'accentSecondary' | 'accentTertiary' | 'errorPrimary' | 'errorSecondary' | 'gradientPrimary' | 'primaryPrimary' | 'primarySecondary' | 'primaryTertiary' | 'secondaryPrimary' | 'secondarySecondary' | 'secondaryTertiary' | 'successPrimary' | 'successSecondary' | 'surfaceItemPrimary' | 'surfaceItemPrimary' | 'surfacePrimary' | 'surfaceQuaternary' | 'surfaceQuinary' | 'surfaceSecondary' | 'surfaceTertiary' | 'tertiaryPrimary' | 'tertiarySecondary' | 'tertiaryTertiary';

package/dist/types/componentProps/fillHover.d.ts

@@ -0,0 +1 @@
+export type fillHoverPropsType = 'accentPrimaryHover' | 'accentSecondary' | 'accentTertiary' | 'primaryPrimaryHover' | 'secondaryPrimaryHover' | 'surfaceTertiary' | 'surfaceItemTertiary' | 'surfacePrimaryHover' | 'surfaceSecondaryHover' | 'surfaceTertiaryHover';

package/dist/types/componentProps/flexGrow.d.ts

@@ -0,0 +1 @@
+export type flexGrowPropsType = '0' | '1';

package/dist/{constants-ts → types}/componentProps/iconFillSize.d.ts

@@ -1 +1 @@
-export type iconFillSizePropsType = '14' | '16' | '24' | '32' | '40' | '60' | '64' | '144';
+export type iconFillSizePropsType = '14' | '16' | '24' | '32' | '36' | '40' | '60' | '64' | '144';

package/dist/types/componentProps/iconSize.d.ts

@@ -0,0 +1 @@
+export type iconSizePropsType = '14' | '16' | '20' | '24' | '32' | '40' | '60' | '64' | '144';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itcase/ui",
-  "version": "1.1.7",
+  "version": "1.1.8",
   "description": "UI components (Modal, Loader, Popup, etc)",
   "keywords": [
     "Modal",
@@ -19,6 +19,9 @@
       "constants": [
         "dist/index.d.ts"
       ],
+      "types": [
+        "dist/types/index.d.ts"
+      ],
       "constants/*": [
         "dist/index.d.ts"
       ],
@@ -44,6 +47,9 @@
       "require": "./dist/cjs/constants.js",
       "import": "./dist/constants.js"
     },
+    "./types": {
+      "types": "./dist/types/index.d.ts"
+    },
     "./constants/*": {
       "types": "./dist/constants/index.d.ts",
       "require": "./dist/cjs/constants/*.js",
@@ -111,6 +117,7 @@
   "devDependencies": {
     "@babel/core": "^7.24.4",
     "@babel/eslint-parser": "^7.24.1",
+    "@babel/eslint-plugin": "^7.23.5",
     "@babel/preset-env": "^7.24.4",
     "@babel/preset-react": "^7.24.1",
     "@commitlint/cli": "^19.2.1",
@@ -134,7 +141,6 @@
     "eslint": "8.57.0",
     "eslint-config-prettier": "9.1.0",
     "eslint-config-standard": "17.1.0",
-    "eslint-plugin-babel": "5.3.1",
     "eslint-plugin-import": "2.29.1",
     "eslint-plugin-n": "16.6.2",
     "eslint-plugin-node": "11.1.0",
@@ -142,7 +148,6 @@
     "eslint-plugin-promise": "6.1.1",
     "eslint-plugin-react": "7.34.1",
     "eslint-plugin-react-hooks": "4.6.0",
-    "eslint-plugin-standard": "5.0.0",
     "husky": "^9.0.11",
     "lint-staged": "^15.2.2",
     "npm": "^10.5.2",
@@ -174,6 +179,7 @@
     "rollup-plugin-dts": "^6.1.0",
     "rollup-plugin-peer-deps-external": "^2.2.4",
     "rollup-plugin-typescript2": "^0.36.0",
+    "rollup-preserve-directives": "^1.1.1",
     "semantic-release": "^23.0.8",
     "stylelint": "^16.3.1",
     "stylelint-config-standard": "^36.0.0",