@itcase/ui 1.3.29 → 1.3.31

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/dist/cjs/components/Tile.js +2 -3
  2. package/dist/components/Tile.js +2 -3
  3. package/dist/css/components/Group/Group.css +14 -6
  4. package/dist/css/components/Swiper/Swiper.css +2 -2
  5. package/dist/css/components/Text/Text.css +20 -18
  6. package/dist/css/styles/direction/direction.css +8 -0
  7. package/dist/types/components/Tile/Tile.d.ts +0 -1
  8. package/package.json +26 -26
package/dist/cjs/components/Tile.js CHANGED
@@ -34,14 +34,13 @@ function Tile(props) {
34
34
  // @ts-expect-error
35
35
  var appearanceConfig = tileConfig.appearance && tileConfig.appearance[appearance];
36
36
  var classGenerator = useDeviceTargetClassGenerator.useDeviceTargetClassGenerator(props, appearanceConfig);
37
- var alignClass = classGenerator.alignClass, alignDirectionClass = classGenerator.alignDirectionClass, borderColorClass = classGenerator.borderColorClass, borderColorHoverClass = classGenerator.borderColorHoverClass, borderTypeClass = classGenerator.borderTypeClass, dataTestId = classGenerator.dataTestId, dataTour = classGenerator.dataTour, borderWidthClass = classGenerator.borderWidthClass, fillClass = classGenerator.fillClass, shapeClass = classGenerator.shapeClass;
37
+ var alignClass = classGenerator.alignClass, _a = classGenerator.alignDirectionClass, alignDirectionClass = _a === void 0 ? 'vertical' : _a, borderColorClass = classGenerator.borderColorClass, borderColorHoverClass = classGenerator.borderColorHoverClass, borderTypeClass = classGenerator.borderTypeClass, borderWidthClass = classGenerator.borderWidthClass, dataTestId = classGenerator.dataTestId, dataTour = classGenerator.dataTour, fillClass = classGenerator.fillClass, shapeClass = classGenerator.shapeClass;
38
38
  // @ts-expect-error
39
39
  var tileStyles = useStyles.useStyles(props).styles;
40
- return (jsxRuntime.jsx("div", { className: clsx('tile', className, fillClass && "fill_".concat(fillClass), shapeClass && "tile_shape_".concat(shapeClass), alignClass && "align_".concat(alignClass), alignDirectionClass && "align_".concat(alignDirectionClass), direction && "direction_".concat(direction), borderColorClass && "border-color_".concat(borderColorClass), borderColorHoverClass && "border-color_hover_".concat(borderColorHoverClass), borderWidthClass && "border-width_".concat(borderWidthClass), borderTypeClass && "border_type_".concat(borderTypeClass), reverse && 'tile_reverse', size && "tile_size_".concat(size), type && "tile_type_".concat(type), badge && "tile_state_badge"), style: tileStyles, onClick: onClick, "data-testid": dataTestId, "data-tour": dataTour, children: jsxRuntime.jsxs("div", { className: clsx('tile__wrapper', alignClass, alignDirectionClass), children: [before, title && (jsxRuntime.jsx(Title.Title, { className: "tile__title", size: titleTextSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.titleTextSize), textAlign: titleTextAlign, textColor: titleTextColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.titleTextColor), textWeight: titleTextWeight, textWrap: titleTextWrap, children: title })), text && (jsxRuntime.jsx(Text.Text, { className: "tile__text", size: textSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.textSize), textColor: textColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.textColor), textWrap: textWrap, children: text })), badge && (jsxRuntime.jsx(Badge.Badge, { className: "tile__badge", appearance: badgeAppearance, size: badgeSize, textColor: badgeTextColor, textSize: badgeTextSize, value: badge })), children, after] }) }));
40
+ return (jsxRuntime.jsx("div", { className: clsx('tile', className, fillClass && "fill_".concat(fillClass), shapeClass && "tile_shape_".concat(shapeClass), alignClass && "align_".concat(alignClass), alignDirectionClass && "align_".concat(alignDirectionClass), direction && "direction_".concat(direction), borderColorClass && "border-color_".concat(borderColorClass), borderColorHoverClass && "border-color_hover_".concat(borderColorHoverClass), borderWidthClass && "border-width_".concat(borderWidthClass), borderTypeClass && "border_type_".concat(borderTypeClass), reverse && 'tile_reverse', size && "tile_size_".concat(size), type && "tile_type_".concat(type), badge && "tile_state_badge"), "data-testid": dataTestId, "data-tour": dataTour, style: tileStyles, onClick: onClick, children: jsxRuntime.jsxs("div", { className: clsx('tile__wrapper', alignClass, alignDirectionClass), children: [before, title && (jsxRuntime.jsx(Title.Title, { className: "tile__title", size: titleTextSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.titleTextSize), textAlign: titleTextAlign, textColor: titleTextColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.titleTextColor), textWeight: titleTextWeight, textWrap: titleTextWrap, children: title })), text && (jsxRuntime.jsx(Text.Text, { className: "tile__text", size: textSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.textSize), textColor: textColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.textColor), textWrap: textWrap, children: text })), badge && (jsxRuntime.jsx(Badge.Badge, { className: "tile__badge", appearance: badgeAppearance, size: badgeSize, textColor: badgeTextColor, textSize: badgeTextSize, value: badge })), children, after] }) }));
41
41
  }
42
42
  Tile.defaultProps = {
43
43
  alignDirection: 'vertical',
44
- textTag: 'span',
45
44
  };
46
45
 
47
46
  exports.Tile = Tile;
package/dist/components/Tile.js CHANGED
@@ -32,14 +32,13 @@ function Tile(props) {
32
32
  // @ts-expect-error
33
33
  var appearanceConfig = tileConfig.appearance && tileConfig.appearance[appearance];
34
34
  var classGenerator = useDeviceTargetClassGenerator(props, appearanceConfig);
35
- var alignClass = classGenerator.alignClass, alignDirectionClass = classGenerator.alignDirectionClass, borderColorClass = classGenerator.borderColorClass, borderColorHoverClass = classGenerator.borderColorHoverClass, borderTypeClass = classGenerator.borderTypeClass, dataTestId = classGenerator.dataTestId, dataTour = classGenerator.dataTour, borderWidthClass = classGenerator.borderWidthClass, fillClass = classGenerator.fillClass, shapeClass = classGenerator.shapeClass;
35
+ var alignClass = classGenerator.alignClass, _a = classGenerator.alignDirectionClass, alignDirectionClass = _a === void 0 ? 'vertical' : _a, borderColorClass = classGenerator.borderColorClass, borderColorHoverClass = classGenerator.borderColorHoverClass, borderTypeClass = classGenerator.borderTypeClass, borderWidthClass = classGenerator.borderWidthClass, dataTestId = classGenerator.dataTestId, dataTour = classGenerator.dataTour, fillClass = classGenerator.fillClass, shapeClass = classGenerator.shapeClass;
36
36
  // @ts-expect-error
37
37
  var tileStyles = useStyles(props).styles;
38
- return (jsx("div", { className: clsx('tile', className, fillClass && "fill_".concat(fillClass), shapeClass && "tile_shape_".concat(shapeClass), alignClass && "align_".concat(alignClass), alignDirectionClass && "align_".concat(alignDirectionClass), direction && "direction_".concat(direction), borderColorClass && "border-color_".concat(borderColorClass), borderColorHoverClass && "border-color_hover_".concat(borderColorHoverClass), borderWidthClass && "border-width_".concat(borderWidthClass), borderTypeClass && "border_type_".concat(borderTypeClass), reverse && 'tile_reverse', size && "tile_size_".concat(size), type && "tile_type_".concat(type), badge && "tile_state_badge"), style: tileStyles, onClick: onClick, "data-testid": dataTestId, "data-tour": dataTour, children: jsxs("div", { className: clsx('tile__wrapper', alignClass, alignDirectionClass), children: [before, title && (jsx(Title, { className: "tile__title", size: titleTextSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.titleTextSize), textAlign: titleTextAlign, textColor: titleTextColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.titleTextColor), textWeight: titleTextWeight, textWrap: titleTextWrap, children: title })), text && (jsx(Text, { className: "tile__text", size: textSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.textSize), textColor: textColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.textColor), textWrap: textWrap, children: text })), badge && (jsx(Badge, { className: "tile__badge", appearance: badgeAppearance, size: badgeSize, textColor: badgeTextColor, textSize: badgeTextSize, value: badge })), children, after] }) }));
38
+ return (jsx("div", { className: clsx('tile', className, fillClass && "fill_".concat(fillClass), shapeClass && "tile_shape_".concat(shapeClass), alignClass && "align_".concat(alignClass), alignDirectionClass && "align_".concat(alignDirectionClass), direction && "direction_".concat(direction), borderColorClass && "border-color_".concat(borderColorClass), borderColorHoverClass && "border-color_hover_".concat(borderColorHoverClass), borderWidthClass && "border-width_".concat(borderWidthClass), borderTypeClass && "border_type_".concat(borderTypeClass), reverse && 'tile_reverse', size && "tile_size_".concat(size), type && "tile_type_".concat(type), badge && "tile_state_badge"), "data-testid": dataTestId, "data-tour": dataTour, style: tileStyles, onClick: onClick, children: jsxs("div", { className: clsx('tile__wrapper', alignClass, alignDirectionClass), children: [before, title && (jsx(Title, { className: "tile__title", size: titleTextSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.titleTextSize), textAlign: titleTextAlign, textColor: titleTextColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.titleTextColor), textWeight: titleTextWeight, textWrap: titleTextWrap, children: title })), text && (jsx(Text, { className: "tile__text", size: textSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.textSize), textColor: textColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.textColor), textWrap: textWrap, children: text })), badge && (jsx(Badge, { className: "tile__badge", appearance: badgeAppearance, size: badgeSize, textColor: badgeTextColor, textSize: badgeTextSize, value: badge })), children, after] }) }));
39
39
  }
40
40
  Tile.defaultProps = {
41
41
  alignDirection: 'vertical',
42
- textTag: 'span',
43
42
  };
44
43
 
45
44
  export { Tile, tileAppearance, tileConfig };
package/dist/css/components/Group/Group.css CHANGED
@@ -25,21 +25,29 @@
25
25
 
26
26
  .group {
27
27
  &_direction {
28
- @each $val in row, row-reverse, column, column-reverse {
29
- &_$(val) {
30
- display: flex;
31
- flex-direction: $(val);
32
- }
33
- }
34
28
  &_horizontal {
35
29
  display: flex;
36
30
  flex-direction: row;
37
31
  align-items: flex-start;
32
+ &-reverse {
33
+ display: flex;
34
+ flex-direction: row-reverse;
35
+ }
38
36
  }
39
37
  &_vertical {
40
38
  display: flex;
41
39
  flex-direction: column;
42
40
  align-items: flex-start;
41
+ &-reverse {
42
+ display: flex;
43
+ flex-direction: column-reverse;
44
+ }
45
+ }
46
+ @each $val in row, row-reverse, column, column-reverse {
47
+ &_$(val) {
48
+ display: flex;
49
+ flex-direction: $(val);
50
+ }
43
51
  }
44
52
  }
45
53
  }
package/dist/css/components/Swiper/Swiper.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * Swiper 11.2.4
2
+ * Swiper 11.2.5
3
3
  * Most modern mobile touch slider and framework with hardware accelerated transitions
4
4
  * https://swiperjs.com
5
5
  *
@@ -7,7 +7,7 @@
7
7
  *
8
8
  * Released under the MIT License
9
9
  *
10
- * Released on: February 14, 2025
10
+ * Released on: March 3, 2025
11
11
  */
12
12
 
13
13
  /* FONT_START */
package/dist/css/components/Text/Text.css CHANGED
@@ -24,26 +24,28 @@
24
24
  background-position: -200%;
25
25
  }
26
26
  }
27
- .text_size {
28
- @each $sizeText in xxs, xs, s, m, l, xl, xxl {
29
- &_$(sizeText) {
30
- padding: 0;
31
- margin: 0;
32
- @mixin text-$(sizeText);
27
+ .text {
28
+ &_size {
29
+ @each $sizeText in xxs, xs, s, m, l, xl, xxl {
30
+ &_$(sizeText) {
31
+ padding: 0;
32
+ margin: 0;
33
+ @mixin text-$(sizeText);
34
+ }
33
35
  }
34
- }
35
- @each $size in h1, h2, h3, h4, h5, h6 {
36
- &_$(size) {
37
- padding: 0;
38
- margin: 0;
39
- @mixin $(size);
36
+ @each $size in h1, h2, h3, h4, h5, h6 {
37
+ &_$(size) {
38
+ padding: 0;
39
+ margin: 0;
40
+ @mixin $(size);
41
+ }
40
42
  }
41
- }
42
- @each $sizeP in p {
43
- &_$(sizeP) {
44
- @mixin $(sizeP);
45
- margin: 0;
46
- padding: 0;
43
+ @each $sizeP in p {
44
+ &_$(sizeP) {
45
+ padding: 0;
46
+ margin: 0;
47
+ @mixin $(sizeP);
48
+ }
47
49
  }
48
50
  }
49
51
  }
package/dist/css/styles/direction/direction.css CHANGED
@@ -2,9 +2,17 @@
2
2
  &_vertical {
3
3
  display: flex;
4
4
  flex-direction: column;
5
+ &-reverse {
6
+ display: flex;
7
+ flex-direction: column-reverse;
8
+ }
5
9
  }
6
10
  &_horizontal {
7
11
  display: flex;
8
12
  flex-direction: row;
13
+ &-reverse {
14
+ display: flex;
15
+ flex-direction: row-reverse;
16
+ }
9
17
  }
10
18
  }
package/dist/types/components/Tile/Tile.d.ts CHANGED
@@ -4,7 +4,6 @@ declare function Tile(props: iTileProps): import("react/jsx-runtime").JSX.Elemen
4
4
  declare namespace Tile {
5
5
  var defaultProps: {
6
6
  alignDirection: string;
7
- textTag: string;
8
7
  };
9
8
  }
10
9
  export { Tile, tileConfig };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@itcase/ui",
3
- "version": "1.3.29",
3
+ "version": "1.3.31",
4
4
  "description": "UI components (Modal, Loader, Popup, etc)",
5
5
  "keywords": [
6
6
  "Modal",
@@ -91,20 +91,20 @@
91
91
  },
92
92
  "dependencies": {
93
93
  "@emotion/is-prop-valid": "^1.3.1",
94
- "@itcase/storybook-config": "^1.0.49",
95
- "@itcase/common": "^1.2.18",
96
- "@itcase/config": "^1.0.16",
97
- "@itcase/icons": "^1.0.21",
94
+ "@itcase/storybook-config": "^1.0.59",
95
+ "@itcase/common": "^1.2.19",
96
+ "@itcase/config": "^1.0.19",
97
+ "@itcase/icons": "^1.0.23",
98
98
  "clsx": "^2.1.1",
99
99
  "date-fns": "^4.1.0",
100
- "framer-motion": "^12.4.7",
100
+ "framer-motion": "^12.5.0",
101
101
  "js-cookie": "^3.0.5",
102
102
  "lodash": "^4.17.21",
103
- "motion": "^12.4.7",
103
+ "motion": "^12.5.0",
104
104
  "rc-slider": "^11.1.8",
105
105
  "react": "^18.3.1",
106
106
  "react-dadata": "^2.27.4",
107
- "react-datepicker": "^8.1.0",
107
+ "react-datepicker": "^8.2.1",
108
108
  "react-dom": "^18.3.1",
109
109
  "react-indiana-drag-scroll": "^3.0.3-alpha",
110
110
  "react-inlinesvg": "^4.2.0",
@@ -112,57 +112,57 @@
112
112
  "react-modern-drawer": "^1.4.0",
113
113
  "react-otp-input": "^3.1.1",
114
114
  "react-paginate": "^8.3.0",
115
- "react-responsive": "^10.0.0",
115
+ "react-responsive": "^10.0.1",
116
116
  "react-scroll": "^1.9.3",
117
117
  "react-scrollbars-custom": "^4.1.1",
118
- "react-select": "^5.10.0",
119
- "swiper": "^11.2.4",
118
+ "react-select": "^5.10.1",
119
+ "swiper": "^11.2.5",
120
120
  "uuid": "^11.1.0"
121
121
  },
122
122
  "devDependencies": {
123
- "@babel/core": "^7.26.9",
123
+ "@babel/core": "^7.26.10",
124
124
  "@babel/preset-env": "^7.26.9",
125
125
  "@babel/preset-react": "^7.26.3",
126
- "@commitlint/cli": "^19.7.1",
127
- "@commitlint/config-conventional": "^19.7.1",
126
+ "@commitlint/cli": "^19.8.0",
127
+ "@commitlint/config-conventional": "^19.8.0",
128
128
  "@itcase/lint": "^1.0.41",
129
129
  "@rollup/plugin-babel": "^6.0.4",
130
- "@rollup/plugin-commonjs": "^28.0.2",
130
+ "@rollup/plugin-commonjs": "^28.0.3",
131
131
  "@rollup/plugin-image": "^3.0.3",
132
132
  "@rollup/plugin-json": "^6.1.0",
133
- "@rollup/plugin-node-resolve": "^16.0.0",
133
+ "@rollup/plugin-node-resolve": "^16.0.1",
134
134
  "@rollup/plugin-terser": "^0.4.4",
135
135
  "@rollup/plugin-typescript": "^12.1.2",
136
136
  "@semantic-release/changelog": "^6.0.3",
137
137
  "@semantic-release/git": "^10.0.1",
138
138
  "@semantic-release/release-notes-generator": "14.0.3",
139
139
  "@types/js-cookie": "^3.0.6",
140
- "@types/lodash": "^4.17.15",
140
+ "@types/lodash": "^4.17.16",
141
141
  "@types/react": "^19",
142
142
  "@types/react-datepicker": "^7.0.0",
143
143
  "@types/react-dom": "^19.0.2",
144
144
  "@types/react-scroll": "^1.8.10",
145
145
  "@types/uuid": "^10.0.0",
146
- "babel-loader": "^9.2.1",
146
+ "babel-loader": "^10.0.0",
147
147
  "babel-plugin-inline-react-svg": "^2.0.2",
148
148
  "babel-plugin-react-docgen": "^4.2.1",
149
149
  "babel-plugin-transform-react-remove-prop-types": "^0.4.24",
150
150
  "conventional-changelog-conventionalcommits": "^8.0.0",
151
- "eslint": "9.21.0",
151
+ "eslint": "9.22.0",
152
152
  "husky": "^9.1.7",
153
- "lint-staged": "^15.4.3",
154
- "npm": "^11.1.0",
153
+ "lint-staged": "^15.5.0",
154
+ "npm": "^11.2.0",
155
155
  "postcss": "^8.5.3",
156
- "prettier": "^3.5.2",
157
- "rollup": "^4.34.8",
156
+ "prettier": "^3.5.3",
157
+ "rollup": "^4.35.0",
158
158
  "rollup-plugin-copy": "^3.5.0",
159
159
  "rollup-plugin-dts": "^6.1.1",
160
160
  "rollup-plugin-peer-deps-external": "^2.2.4",
161
161
  "rollup-preserve-directives": "^1.1.3",
162
162
  "semantic-release": "^24.2.3",
163
- "storybook": "^8.6.0",
164
- "stylelint": "^16.14.1",
165
- "typescript": "^5.7.3"
163
+ "storybook": "^8.6.4",
164
+ "stylelint": "^16.15.0",
165
+ "typescript": "^5.8.2"
166
166
  },
167
167
  "msw": {
168
168
  "workerDirectory": [