@itcase/ui 1.1.7 → 1.1.9

package/dist/css/components/Pagination/Pagination.css

@@ -21,6 +21,8 @@
     border-radius: 8px;
     position: relative;
     display: flex;
+    justify-content: center;
+    align-items: center;
     gap: 4px;
   }
 }

package/dist/css/components/Panel/Panel.css

@@ -0,0 +1,107 @@
+.panel {
+  display: flex;
+  flex-direction: column;
+  &__wrapper {
+    align-items: stretch;
+  }
+}
+.panel {
+  &_direction {
+    &_horizontal {
+      display: flex;
+      flex-direction: row;
+    }
+    &_vertical {
+      display: flex;
+      flex-direction: column;
+    }
+    &_horizontal-reverse {
+      display: flex;
+      flex-direction: row-reverse;
+    }
+    &_vertical-reverse {
+      display: flex;
+      flex-direction: column-reverse;
+    }
+    @each $val in row, row-reverse, column, column-reverse {
+      &_$(val) {
+        display: flex;
+        flex-direction: $(val);
+      }
+    }
+  }
+}
+.panel {
+  @each $val in flex-start, flex-end, center, space-between, space-around, stretch {
+    &_align-content_$(val) {
+      align-content: $(val);
+    }
+  }
+}
+.panel {
+  @each $val in stretch, flex-start, flex-end, center, baseline, auto {
+    &_align-self_$(val) {
+      align-self: $(val);
+    }
+    &_align-items_$(val) {
+      align-items: $(val);
+    }
+  }
+}
+.panel {
+  @each $val in flex-start, flex-end, center, space-between, space-around, space-evenly, flexStart,
+    flexEnd, center, spaceBetween, spaceAround, spaceEvenly {
+    &_justify-content_$(val) {
+      justify-content: $(val);
+    }
+  }
+}
+.panel {
+  &_shape {
+    &_rounded {
+      border-radius: var(--panel-shape-rounded, 12px);
+    }
+    &_circular {
+      border-radius: 50%;
+    }
+  }
+}
+.panel {
+  &_wrap {
+    &_wrap {
+      flex-wrap: wrap;
+    }
+    &_nowrap {
+      flex-wrap: nowrap;
+    }
+    &_wrap-reverse {
+      flex-wrap: wrap-reverse;
+    }
+  }
+}
+.panel {
+  &_type {
+    &_scroll {
+      &_vertical {
+        /* ^^^&& {
+          max-height: 80%;
+        } */
+        ^^^&__wrapper {
+          max-height: 100%;
+          overflow: auto;
+          scrollbar-width: thin;
+        }
+      }
+      &_horizontal {
+        /* ^^^&& {
+          max-width: 80%;
+        } */
+        ^^^&__wrapper {
+          max-width: 100%;
+          overflow: auto;
+          scrollbar-width: thin;
+        }
+      }
+    }
+  }
+}

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

@@ -1,3 +1,4 @@
+import { overflowPropsType } from '../types';
 export interface TypeStyleAttributes {
     /**
      * Layout
@@ -13,8 +14,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 +25,6 @@ export interface TypeStyleAttributes {
     flexShrink?: string;
     flexWrap?: string;
     gap?: string;
-    rowGap?: string;
-    columnGap?: string;
-    columnWidth?: string;
     height?: string;
     left?: string;
     margin?: string;
@@ -41,7 +40,8 @@ export interface TypeStyleAttributes {
     maxWidth?: string;
     minHeight?: string;
     minWidth?: string;
-    overflow?: string;
+    order?: string;
+    overflow?: overflowPropsType;
     padding?: string;
     paddingBottom?: string;
     paddingEnd?: string;
@@ -53,11 +53,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 +79,6 @@ export interface TypeStyleAttributes {
     borderBottomLeftRadius?: string;
     borderBottomRightRadius?: string;
     borderBottomStartRadius?: string;
-    borderColor?: string;
     borderCurve?: string;
     borderEndColor?: string;
     borderLeftColor?: string;
@@ -92,8 +91,8 @@ export interface TypeStyleAttributes {
     borderTopLeftRadius?: string;
     borderTopRightRadius?: string;
     borderTopStartRadius?: string;
-    opacity?: string;
     cursor?: string;
+    opacity?: string;
     /**
      * Text
      */
@@ -119,25 +118,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/dist/types/componentProps/overflow.d.ts

@@ -0,0 +1 @@
+export type overflowPropsType = null | 'visible' | 'hidden' | 'scroll';

package/dist/{cjs/constants-ts → types}/index.d.ts

@@ -28,6 +28,7 @@ export type { iconFillSizePropsType } from './componentProps/iconFillSize';
 export type { iconSizePropsType } from './componentProps/iconSize';
 export type { itemColorPropsType } from './componentProps/itemColor';
 export type { justifyContentPropsType } from './componentProps/justifyContent';
+export type { overflowPropsType } from './componentProps/overflow.ts';
 export type { positionPropsType } from './componentProps/position';
 export type { resizeModePropsType } from './componentProps/resizeMode';
 export type { shapePropsType } from './componentProps/shape';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itcase/ui",
-  "version": "1.1.7",
+  "version": "1.1.9",
   "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",
@@ -84,7 +90,7 @@
     "registry": "https://registry.npmjs.org/"
   },
   "dependencies": {
-    "@itcase/common": "^1.1.16",
+    "@itcase/common": "^1.2.0",
     "clsx": "^2.1.0",
     "html5-boilerplate": "^9.0.0",
     "js-cookie": "^3.0.5",
@@ -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",