@ozen-ui/kit 0.58.0 → 0.58.2

package/__inner__/cjs/components/AutocompleteNext/Autocomplete.css

@@ -105,14 +105,14 @@
         color: var(--textfield-color);
       }
 
-  .AutocompleteNext-Input_multiple input::placeholder {
-          opacity: 0;
-        }
-
   .AutocompleteNext-Input_multiple * + input::placeholder, .AutocompleteNext-Input_multiple input:focus::placeholder {
           opacity: 1;
         }
 
+  .AutocompleteNext-Input_multiple.AutocompleteNext-InputhasLabel input::placeholder {
+        opacity: 0;
+      }
+
   .AutocompleteNext-Input_responsive {
       flex-wrap: nowrap;
       gap: unset;

package/__inner__/cjs/components/AutocompleteNext/components/AutocompleteInput/components/AutocompleteInputMultiple.js

@@ -11,7 +11,7 @@ var TagNext_1 = require("../../../../TagNext");
 var index_1 = require("../../../index");
 var helpers_1 = require("./helpers");
 var AutocompleteInputMultipleRender = function (inProps, ref) {
-    var _a = inProps.size, size = _a === void 0 ? 'm' : _a, value = inProps.value, placeholder = inProps.placeholder, selectedOptions = inProps.selectedOptions, onRemoveTag = inProps.onRemoveTag, renderTagProp = inProps.renderTag, renderMoreTagProp = inProps.renderMoreTag, getOptionKey = inProps.getOptionKey, getOptionLabel = inProps.getOptionLabel, getOptionDisabled = inProps.getOptionDisabled, limitTags = inProps.limitTags, other = tslib_1.__rest(inProps, ["size", "value", "placeholder", "selectedOptions", "onRemoveTag", "renderTag", "renderMoreTag", "getOptionKey", "getOptionLabel", "getOptionDisabled", "limitTags"]);
+    var _a = inProps.size, size = _a === void 0 ? 'm' : _a, label = inProps.label, value = inProps.value, placeholder = inProps.placeholder, selectedOptions = inProps.selectedOptions, onRemoveTag = inProps.onRemoveTag, renderTagProp = inProps.renderTag, renderMoreTagProp = inProps.renderMoreTag, getOptionKey = inProps.getOptionKey, getOptionLabel = inProps.getOptionLabel, getOptionDisabled = inProps.getOptionDisabled, limitTags = inProps.limitTags, other = tslib_1.__rest(inProps, ["size", "label", "value", "placeholder", "selectedOptions", "onRemoveTag", "renderTag", "renderMoreTag", "getOptionKey", "getOptionLabel", "getOptionDisabled", "limitTags"]);
     var selectedOptionsLength = (selectedOptions === null || selectedOptions === void 0 ? void 0 : selectedOptions.length) || 0;
     var responsive = limitTags === 'responsive';
     var hasLimitTags = (0, isNumber_1.isNumber)(limitTags) && limitTags > 0;
@@ -70,7 +70,11 @@ var AutocompleteInputMultipleRender = function (inProps, ref) {
         selectedOptionsLength,
     ]);
     return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement("div", { ref: parentRef, className: (0, index_1.cnAutocomplete)('Input', { responsive: responsive, multiple: true }) }, selectedOptions === null || selectedOptions === void 0 ? void 0 :
+        react_1.default.createElement("div", { ref: parentRef, className: (0, index_1.cnAutocomplete)('Input', {
+                responsive: responsive,
+                multiple: true,
+                hasLabel: !!label,
+            }) }, selectedOptions === null || selectedOptions === void 0 ? void 0 :
             selectedOptions.map(function (option, index) {
                 var label = (getOptionLabel === null || getOptionLabel === void 0 ? void 0 : getOptionLabel(option)) || '';
                 var key = getOptionKey === null || getOptionKey === void 0 ? void 0 : getOptionKey(option);

package/__inner__/cjs/components/AutocompleteNext/components/AutocompleteInput/components/types.d.ts

@@ -3,7 +3,7 @@ import type { InputProps } from '../../../../Input';
 import type { AutocompleteDefaultOption, AutocompletePropGetOptionDisabled, AutocompletePropGetOptionKey, AutocompletePropGetOptionLabel, AutocompletePropRenderMoreTag, AutocompletePropRenderTag, AutocompletePropValue } from '../../../index';
 import type { AutocompleteDropdownOnChange } from '../../index';
 export type AutocompleteInputMultipleRef = HTMLInputElement;
-export type AutocompleteInputMultipleProps<OPTION = AutocompleteDefaultOption> = Pick<InputProps, 'size' | 'value' | 'placeholder'> & {
+export type AutocompleteInputMultipleProps<OPTION = AutocompleteDefaultOption> = Pick<InputProps, 'size' | 'value' | 'placeholder' | 'label'> & {
     getOptionLabel?: AutocompletePropGetOptionLabel<OPTION>;
     getOptionKey?: AutocompletePropGetOptionKey<OPTION>;
     getOptionDisabled?: AutocompletePropGetOptionDisabled<OPTION>;

package/__inner__/cjs/components/AutocompleteNext/components/AutocompleteInput/types.d.ts

@@ -4,7 +4,7 @@ import type { AutocompleteDefaultOption, AutocompletePropGetOptionKey, Autocompl
 import type { AutocompleteDropdownOnChange } from '../AutocompleteDropdown';
 import type { AutocompleteRenderRightProps } from '../AutocompleteRenderRight';
 export type AutocompleteInputRef = InputRef;
-export type AutocompleteInputProps<OPTION = AutocompleteDefaultOption, MULTIPLE extends boolean = false> = Pick<InputProps, 'size' | 'value' | 'disabled' | 'required' | 'onChange' | 'fullWidth' | 'onKeyDown' | 'className' | 'bodyProps' | 'inputProps' | 'renderRight' | 'placeholder'> & Pick<AutocompleteRenderRightProps, 'onOpen' | 'onClear'> & {
+export type AutocompleteInputProps<OPTION = AutocompleteDefaultOption, MULTIPLE extends boolean = false> = Pick<InputProps, 'size' | 'value' | 'disabled' | 'required' | 'onChange' | 'fullWidth' | 'onKeyDown' | 'className' | 'bodyProps' | 'inputProps' | 'renderRight' | 'placeholder' | 'label'> & Pick<AutocompleteRenderRightProps, 'onOpen' | 'onClear'> & {
     open?: boolean;
     openText?: string;
     closeText?: string;

package/__inner__/cjs/components/Grid/Grid.css

@@ -4,7 +4,6 @@
 /* l >= 1280px */
 .Grid {
   display: grid;
-  min-block-size: 0;
   min-inline-size: 0;
 }
 .Grid_cols_1 {
@@ -804,7 +803,6 @@
   --grid-row-start: auto;
   --grid-row-end: auto;
   min-inline-size: 0;
-  overflow: hidden;
   grid-column: var(--grid-col-start) / var(--grid-col-end);
   grid-row: var(--grid-row-start) / var(--grid-row-end);
 }

package/__inner__/cjs/components/Link/Link.d.ts

@@ -2,6 +2,7 @@ import './Link.css';
 import type { ElementType } from 'react';
 import { type PolymorphicComponentPropsWithoutRef } from '../../utils/polymorphicComponentWithRef';
 import { type TypographyBaseProps } from '../Typography';
+export declare const cnLink: import("@bem-react/classname").ClassNameFormatter;
 export type LinkBaseProps = Pick<TypographyBaseProps, 'variant' | 'display' | 'defaultMargin' | 'children' | 'noWrap' | 'align'>;
 export type LinkProps<As extends ElementType = 'a'> = PolymorphicComponentPropsWithoutRef<LinkBaseProps, As>;
 export declare const Link: import("../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<LinkBaseProps, "a">;

package/__inner__/cjs/components/Link/Link.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Link = void 0;
+exports.Link = exports.cnLink = void 0;
 var tslib_1 = require("tslib");
 require("./Link.css");
 var react_1 = tslib_1.__importDefault(require("react"));
@@ -9,14 +9,14 @@ var useThemeProps_1 = require("../../hooks/useThemeProps");
 var classname_1 = require("../../utils/classname");
 var polymorphicComponentWithRef_1 = require("../../utils/polymorphicComponentWithRef");
 var Typography_1 = require("../Typography");
-var cnLink = (0, classname_1.cn)('Link');
+exports.cnLink = (0, classname_1.cn)('Link');
 exports.Link = (0, polymorphicComponentWithRef_1.polymorphicComponentWithRef)(function (inProps, ref) {
     var props = (0, useThemeProps_1.useThemeProps)({
         props: inProps,
         name: 'Link',
     });
     var _a = props.variant, variant = _a === void 0 ? 'text-m' : _a, _b = props.as, Tag = _b === void 0 ? 'a' : _b, display = props.display, noWrap = props.noWrap, align = props.align, defaultMargin = props.defaultMargin, children = props.children, className = props.className, other = tslib_1.__rest(props, ["variant", "as", "display", "noWrap", "align", "defaultMargin", "children", "className"]);
-    return (react_1.default.createElement(Tag, tslib_1.__assign({ className: (0, classnames_1.classnames)(cnLink(), (0, Typography_1.cnTypography)({
+    return (react_1.default.createElement(Tag, tslib_1.__assign({ className: (0, classnames_1.classnames)((0, exports.cnLink)(), (0, Typography_1.cnTypography)({
             variant: variant,
             display: display,
             defaultMargin: defaultMargin,

package/__inner__/esm/components/AutocompleteNext/Autocomplete.css

@@ -105,14 +105,14 @@
         color: var(--textfield-color);
       }
 
-  .AutocompleteNext-Input_multiple input::placeholder {
-          opacity: 0;
-        }
-
   .AutocompleteNext-Input_multiple * + input::placeholder, .AutocompleteNext-Input_multiple input:focus::placeholder {
           opacity: 1;
         }
 
+  .AutocompleteNext-Input_multiple.AutocompleteNext-InputhasLabel input::placeholder {
+        opacity: 0;
+      }
+
   .AutocompleteNext-Input_responsive {
       flex-wrap: nowrap;
       gap: unset;

package/__inner__/esm/components/AutocompleteNext/components/AutocompleteInput/components/AutocompleteInputMultiple.js

@@ -8,7 +8,7 @@ import { Tag } from '../../../../TagNext';
 import { cnAutocomplete, } from '../../../index';
 import { calcElementSize, calcElementsSize, createMap, getAutocompleteSizeToTag, } from './helpers';
 var AutocompleteInputMultipleRender = function (inProps, ref) {
-    var _a = inProps.size, size = _a === void 0 ? 'm' : _a, value = inProps.value, placeholder = inProps.placeholder, selectedOptions = inProps.selectedOptions, onRemoveTag = inProps.onRemoveTag, renderTagProp = inProps.renderTag, renderMoreTagProp = inProps.renderMoreTag, getOptionKey = inProps.getOptionKey, getOptionLabel = inProps.getOptionLabel, getOptionDisabled = inProps.getOptionDisabled, limitTags = inProps.limitTags, other = __rest(inProps, ["size", "value", "placeholder", "selectedOptions", "onRemoveTag", "renderTag", "renderMoreTag", "getOptionKey", "getOptionLabel", "getOptionDisabled", "limitTags"]);
+    var _a = inProps.size, size = _a === void 0 ? 'm' : _a, label = inProps.label, value = inProps.value, placeholder = inProps.placeholder, selectedOptions = inProps.selectedOptions, onRemoveTag = inProps.onRemoveTag, renderTagProp = inProps.renderTag, renderMoreTagProp = inProps.renderMoreTag, getOptionKey = inProps.getOptionKey, getOptionLabel = inProps.getOptionLabel, getOptionDisabled = inProps.getOptionDisabled, limitTags = inProps.limitTags, other = __rest(inProps, ["size", "label", "value", "placeholder", "selectedOptions", "onRemoveTag", "renderTag", "renderMoreTag", "getOptionKey", "getOptionLabel", "getOptionDisabled", "limitTags"]);
     var selectedOptionsLength = (selectedOptions === null || selectedOptions === void 0 ? void 0 : selectedOptions.length) || 0;
     var responsive = limitTags === 'responsive';
     var hasLimitTags = isNumber(limitTags) && limitTags > 0;
@@ -67,7 +67,11 @@ var AutocompleteInputMultipleRender = function (inProps, ref) {
         selectedOptionsLength,
     ]);
     return (React.createElement(React.Fragment, null,
-        React.createElement("div", { ref: parentRef, className: cnAutocomplete('Input', { responsive: responsive, multiple: true }) }, selectedOptions === null || selectedOptions === void 0 ? void 0 :
+        React.createElement("div", { ref: parentRef, className: cnAutocomplete('Input', {
+                responsive: responsive,
+                multiple: true,
+                hasLabel: !!label,
+            }) }, selectedOptions === null || selectedOptions === void 0 ? void 0 :
             selectedOptions.map(function (option, index) {
                 var label = (getOptionLabel === null || getOptionLabel === void 0 ? void 0 : getOptionLabel(option)) || '';
                 var key = getOptionKey === null || getOptionKey === void 0 ? void 0 : getOptionKey(option);

package/__inner__/esm/components/AutocompleteNext/components/AutocompleteInput/components/types.d.ts

@@ -3,7 +3,7 @@ import type { InputProps } from '../../../../Input';
 import type { AutocompleteDefaultOption, AutocompletePropGetOptionDisabled, AutocompletePropGetOptionKey, AutocompletePropGetOptionLabel, AutocompletePropRenderMoreTag, AutocompletePropRenderTag, AutocompletePropValue } from '../../../index';
 import type { AutocompleteDropdownOnChange } from '../../index';
 export type AutocompleteInputMultipleRef = HTMLInputElement;
-export type AutocompleteInputMultipleProps<OPTION = AutocompleteDefaultOption> = Pick<InputProps, 'size' | 'value' | 'placeholder'> & {
+export type AutocompleteInputMultipleProps<OPTION = AutocompleteDefaultOption> = Pick<InputProps, 'size' | 'value' | 'placeholder' | 'label'> & {
     getOptionLabel?: AutocompletePropGetOptionLabel<OPTION>;
     getOptionKey?: AutocompletePropGetOptionKey<OPTION>;
     getOptionDisabled?: AutocompletePropGetOptionDisabled<OPTION>;

package/__inner__/esm/components/AutocompleteNext/components/AutocompleteInput/types.d.ts

@@ -4,7 +4,7 @@ import type { AutocompleteDefaultOption, AutocompletePropGetOptionKey, Autocompl
 import type { AutocompleteDropdownOnChange } from '../AutocompleteDropdown';
 import type { AutocompleteRenderRightProps } from '../AutocompleteRenderRight';
 export type AutocompleteInputRef = InputRef;
-export type AutocompleteInputProps<OPTION = AutocompleteDefaultOption, MULTIPLE extends boolean = false> = Pick<InputProps, 'size' | 'value' | 'disabled' | 'required' | 'onChange' | 'fullWidth' | 'onKeyDown' | 'className' | 'bodyProps' | 'inputProps' | 'renderRight' | 'placeholder'> & Pick<AutocompleteRenderRightProps, 'onOpen' | 'onClear'> & {
+export type AutocompleteInputProps<OPTION = AutocompleteDefaultOption, MULTIPLE extends boolean = false> = Pick<InputProps, 'size' | 'value' | 'disabled' | 'required' | 'onChange' | 'fullWidth' | 'onKeyDown' | 'className' | 'bodyProps' | 'inputProps' | 'renderRight' | 'placeholder' | 'label'> & Pick<AutocompleteRenderRightProps, 'onOpen' | 'onClear'> & {
     open?: boolean;
     openText?: string;
     closeText?: string;

package/__inner__/esm/components/Grid/Grid.css

@@ -4,7 +4,6 @@
 /* l >= 1280px */
 .Grid {
   display: grid;
-  min-block-size: 0;
   min-inline-size: 0;
 }
 .Grid_cols_1 {
@@ -804,7 +803,6 @@
   --grid-row-start: auto;
   --grid-row-end: auto;
   min-inline-size: 0;
-  overflow: hidden;
   grid-column: var(--grid-col-start) / var(--grid-col-end);
   grid-row: var(--grid-row-start) / var(--grid-row-end);
 }

package/__inner__/esm/components/Link/Link.d.ts

@@ -2,6 +2,7 @@ import './Link.css';
 import type { ElementType } from 'react';
 import { type PolymorphicComponentPropsWithoutRef } from '../../utils/polymorphicComponentWithRef';
 import { type TypographyBaseProps } from '../Typography';
+export declare const cnLink: import("@bem-react/classname").ClassNameFormatter;
 export type LinkBaseProps = Pick<TypographyBaseProps, 'variant' | 'display' | 'defaultMargin' | 'children' | 'noWrap' | 'align'>;
 export type LinkProps<As extends ElementType = 'a'> = PolymorphicComponentPropsWithoutRef<LinkBaseProps, As>;
 export declare const Link: import("../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<LinkBaseProps, "a">;

package/__inner__/esm/components/Link/Link.js

@@ -6,7 +6,7 @@ import { useThemeProps } from '../../hooks/useThemeProps';
 import { cn } from '../../utils/classname';
 import { polymorphicComponentWithRef, } from '../../utils/polymorphicComponentWithRef';
 import { cnTypography } from '../Typography';
-var cnLink = cn('Link');
+export var cnLink = cn('Link');
 export var Link = polymorphicComponentWithRef(function (inProps, ref) {
     var props = useThemeProps({
         props: inProps,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ozen-ui/kit",
-  "version": "0.58.0",
+  "version": "0.58.2",
   "description": "React component library",
   "files": [
     "*"
@@ -27,9 +27,9 @@
     "react-popper": "^2.3.0",
     "react-transition-group": "^4.4.5",
     "tslib": "^2.6.3",
-    "@ozen-ui/fonts": "0.58.0",
-    "@ozen-ui/icons": "0.58.0",
-    "@ozen-ui/logger": "0.58.0"
+    "@ozen-ui/fonts": "0.58.2",
+    "@ozen-ui/icons": "0.58.2",
+    "@ozen-ui/logger": "0.58.2"
   },
   "peerDependencies": {
     "react": ">=17.0.2 <19.0.0",