@snack-uikit/chips 0.16.3 → 0.16.4-preview-71543426.0

package/dist/esm/constants.d.ts

@@ -0,0 +1,37 @@
+export declare const SIZE: {
+    readonly Xs: "xs";
+    readonly S: "s";
+    readonly M: "m";
+    readonly L: "l";
+};
+export declare const BUTTON_SIZE: {
+    readonly Xxs: "xxs";
+    readonly Xs: "xs";
+};
+export declare const VARIANT: {
+    readonly LabelOnly: "label-only";
+    readonly IconBefore: "icon-before";
+};
+export declare const CHIP_ASSIST_TEST_IDS: {
+    icon: string;
+    spinner: string;
+    label: string;
+};
+export declare const CHIP_CHOICE_TEST_IDS: {
+    icon: string;
+    label: string;
+    spinner: string;
+    value: string;
+    clearButton: string;
+    droplist: string;
+};
+export declare const CHIP_CHOICE_ROW_IDS: {
+    clearAllButton: string;
+};
+export declare const CHIP_TOGGLE_TEST_IDS: {
+    input: string;
+    icon: string;
+    spinner: string;
+    label: string;
+};
+export declare const DEFAULT_EMPTY_VALUE = "\u2014";

package/dist/esm/helperComponents/ButtonClearValue/ButtonClearValue.d.ts

@@ -0,0 +1,11 @@
+import { KeyboardEventHandler, MouseEventHandler } from 'react';
+import { ButtonSize } from '../../types';
+type ButtonClearValueProps = {
+    size: ButtonSize;
+    onClick: MouseEventHandler<HTMLButtonElement>;
+    onKeyDown?: KeyboardEventHandler<HTMLButtonElement>;
+    tabIndex?: number;
+    'data-test-id'?: string;
+};
+export declare const ButtonClearValue: import("react").ForwardRefExoticComponent<ButtonClearValueProps & import("react").RefAttributes<HTMLButtonElement>>;
+export {};

package/dist/esm/helperComponents/ButtonClearValue/styles.module.css

@@ -0,0 +1,43 @@
+.buttonClearValue{
+  display:flex;
+  align-items:center;
+  justify-content:center;
+  margin:0;
+  padding:0;
+  color:var(--sys-neutral-text-light, #8b8e9b);
+  background-color:transparent;
+  border:none;
+}
+.buttonClearValue[data-size=xxs]{
+  width:var(--size-chip-choice-button-clear-value-xxs, 16px);
+  height:var(--size-chip-choice-button-clear-value-xxs, 16px);
+  border-radius:var(--radius-chip-choice-button-clear-value-xxs, 16px);
+}
+.buttonClearValue[data-size=xxs] svg{
+  width:var(--size-icon-container-xs, 16px) !important;
+  height:var(--size-icon-container-xs, 16px) !important;
+}
+.buttonClearValue[data-size=xs]{
+  width:var(--size-chip-choice-button-clear-value-xs, 24px);
+  height:var(--size-chip-choice-button-clear-value-xs, 24px);
+  border-radius:var(--radius-chip-choice-button-clear-value-xs, 24px);
+}
+.buttonClearValue[data-size=xs] svg{
+  width:var(--size-icon-container-s, 24px) !important;
+  height:var(--size-icon-container-s, 24px) !important;
+}
+.buttonClearValue:hover{
+  cursor:pointer;
+  color:var(--sys-neutral-text-support, #6d707f);
+}
+.buttonClearValue:focus-visible{
+  outline-width:var(--border-state-focus-s-border-width, 2px);
+  outline-style:var(--border-state-focus-s-border-style, solid);
+  outline-color:var(--border-state-focus-s-border-color, );
+  color:var(--sys-neutral-text-support, #6d707f);
+  outline-color:var(--sys-available-complementary, #1c1c24);
+  outline-offset:var(--spacing-state-focus-offset, 2px);
+}
+.buttonClearValue:active{
+  color:var(--sys-neutral-text-main, #41424e);
+}

package/dist/esm/helperComponents/index.d.ts

@@ -0,0 +1 @@
+export * from './ButtonClearValue';

package/dist/esm/helperComponents/index.js

@@ -0,0 +1 @@
+export * from './ButtonClearValue';

package/dist/esm/index.js

@@ -0,0 +1 @@
+export * from './components';

package/dist/esm/types.d.ts

@@ -0,0 +1,20 @@
+import { ReactElement } from 'react';
+import { ValueOf } from '@snack-uikit/utils';
+import { BUTTON_SIZE, SIZE, VARIANT } from './constants';
+export type Size = ValueOf<typeof SIZE>;
+export type ButtonSize = ValueOf<typeof BUTTON_SIZE>;
+export type Variant = ValueOf<typeof VARIANT>;
+export type BaseChipProps = {
+    /** Лейбл */
+    label: string;
+    /** Деактивирован ли компонент */
+    disabled?: boolean;
+    /** Состояние загрузки */
+    loading?: boolean;
+    /** Иконка */
+    icon?: ReactElement;
+    /** CSS-класс */
+    className?: string;
+    /** HTML tab index */
+    tabIndex?: number;
+};

package/package.json

@@ -4,15 +4,16 @@
     "access": "public"
   },
   "title": "Chips",
-  "version": "0.16.3",
+  "version": "0.16.4-preview-71543426.0",
   "sideEffects": [
     "*.css",
     "*.woff",
     "*.woff2"
   ],
   "description": "",
-  "main": "./dist/index.js",
-  "module": "./dist/index.js",
+  "types": "./dist/esm/index.d.ts",
+  "main": "./dist/cjs/index.js",
+  "module": "./dist/esm/index.js",
   "homepage": "https://github.com/cloud-ru-tech/snack-uikit/tree/master/packages/chips",
   "repository": {
     "type": "git",
@@ -24,7 +25,8 @@
     "Белов Алексей <anbelov@cloud.ru>"
   ],
   "files": [
-    "dist",
+    "dist/cjs",
+    "dist/esm",
     "src",
     "./CHANGELOG.md",
     "./LICENSE"
@@ -32,13 +34,13 @@
   "license": "Apache-2.0",
   "scripts": {},
   "dependencies": {
-    "@snack-uikit/button": "0.17.5",
-    "@snack-uikit/calendar": "0.8.0",
-    "@snack-uikit/dropdown": "0.2.7",
-    "@snack-uikit/icons": "0.22.1",
-    "@snack-uikit/list": "0.18.0",
-    "@snack-uikit/loaders": "0.5.3",
-    "@snack-uikit/utils": "3.4.0",
+    "@snack-uikit/button": "0.17.6-preview-71543426.0",
+    "@snack-uikit/calendar": "0.8.1-preview-71543426.0",
+    "@snack-uikit/dropdown": "0.2.8-preview-71543426.0",
+    "@snack-uikit/icons": "0.22.2-preview-71543426.0",
+    "@snack-uikit/list": "0.18.1-preview-71543426.0",
+    "@snack-uikit/loaders": "0.5.4-preview-71543426.0",
+    "@snack-uikit/utils": "3.4.1-preview-71543426.0",
     "classnames": "2.3.2",
     "fuzzy-search": "3.2.1",
     "merge-refs": "1.2.2",
@@ -50,5 +52,5 @@
   "peerDependencies": {
     "@snack-uikit/locale": "*"
   },
-  "gitHead": "a80c5b606728e51dd8470bf622cbab4f4b6fe337"
+  "gitHead": "3102614275e261c8f41db0f6c00a1f6b6276b2a9"
 }