@sima-land/ui-nucleons 45.0.0-alpha.7 → 45.0.0-alpha.71

package/checkbox/checkbox.module.scss

@@ -1,43 +0,0 @@
-@use '../colors';
-
-.root {
-  position: relative;
-  display: inline-block;
-  vertical-align: -0.125em; // не понятно почему, но это значение ставит блок ровно по середине строки
-  width: 16px;
-  height: 16px;
-  svg {
-    display: block;
-  }
-}
-
-.input {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  opacity: 0;
-  margin: 0;
-  padding: 0;
-  cursor: pointer;
-  &:not(:checked) + svg .mark {
-    display: none;
-  }
-  &:not(:checked) + svg .square {
-    fill: #fff;
-    stroke: colors.$basic-gray24;
-  }
-  &:checked + svg .square {
-    fill: colors.$basic-blue;
-    stroke: colors.$basic-blue;
-  }
-  &:disabled:not(:checked) + svg .square {
-    fill: colors.$basic-gray4;
-    stroke: colors.$basic-gray24;
-  }
-  &:disabled:checked + svg .square {
-    fill: colors.$basic-gray12;
-    stroke: colors.$basic-gray12;
-  }
-}

package/checkbox/index.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-import { CheckboxInputProps } from '../types';
-export type CheckboxProps = CheckboxInputProps;
-/**
- * Компонент стилизованного переключателя (input[type=checkbox]).
- */
-export declare const Checkbox: import("react").ForwardRefExoticComponent<CheckboxInputProps & import("react").RefAttributes<HTMLInputElement>>;

package/checkbox/index.js

@@ -1,19 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Checkbox = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const bind_1 = __importDefault(require("classnames/bind"));
-const checkbox_module_scss_1 = __importDefault(require("./checkbox.module.scss"));
-const cx = bind_1.default.bind(checkbox_module_scss_1.default);
-/**
- * Компонент стилизованного переключателя (input[type=checkbox]).
- */
-exports.Checkbox = (0, react_1.forwardRef)(({ className, style, 'data-testid': testId = 'checkbox', 
-// input props
-...restProps }, ref) => ((0, jsx_runtime_1.jsxs)("span", { className: cx('root', className), style: style, children: [(0, jsx_runtime_1.jsx)("input", { ...restProps, "data-testid": testId, ref: ref, type: 'checkbox', className: cx('input') }), (0, jsx_runtime_1.jsxs)("svg", { width: '16', height: '16', viewBox: '0 0 16 16', fill: 'none', children: [(0, jsx_runtime_1.jsx)("rect", { x: '0.5', y: '0.5', width: '15', height: '15', rx: '1.5', className: cx('square') }), (0, jsx_runtime_1.jsx)("path", { fillRule: 'evenodd', clipRule: 'evenodd', d: 'M10.8 5.21967L6.4 9.18934L5.36569 8.21967C5.05327 7.92678 4.54673 7.92678 4.23431 8.21967C3.9219 8.51256 3.9219 8.98744 4.23431 9.28033L5.83431 10.7803C6.14673 11.0732 6.65327 11.0732 6.96569 10.7803L11.7657 6.28033C12.0781 5.98744 12.0781 5.51256 11.7657 5.21967C11.4533 4.92678 11.1124 4.92678 10.8 5.21967Z', fill: 'white', className: cx('mark') })] })] })));
-exports.Checkbox.displayName = 'Checkbox';
-//# sourceMappingURL=index.js.map

package/checkbox/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/checkbox/index.tsx"],"names":[],"mappings":";;;;;;;AAAA,iCAAmC;AAEnC,2DAAyC;AACzC,kFAA4C;AAI5C,MAAM,EAAE,GAAG,cAAU,CAAC,IAAI,CAAC,8BAAM,CAAC,CAAC;AAEnC;;GAEG;AACU,QAAA,QAAQ,GAAG,IAAA,kBAAU,EAChC,CACE,EACE,SAAS,EACT,KAAK,EACL,aAAa,EAAE,MAAM,GAAG,UAAU;AAElC,cAAc;AACd,GAAG,SAAS,EACb,EACD,GAAG,EACH,EAAE,CAAC,CACH,kCAAM,SAAS,EAAE,EAAE,CAAC,MAAM,EAAE,SAAS,CAAC,EAAE,KAAK,EAAE,KAAK,aAClD,qCACM,SAAS,iBACA,MAAM,EACnB,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,UAAU,EACf,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,GACtB,EAEF,iCAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,aAEzD,iCAAM,CAAC,EAAC,KAAK,EAAC,CAAC,EAAC,KAAK,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,EAAE,EAAC,KAAK,EAAC,SAAS,EAAE,EAAE,CAAC,QAAQ,CAAC,GAAI,EAGjF,iCACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,uTAAuT,EACzT,IAAI,EAAC,OAAO,EACZ,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,GACrB,IACE,IACD,CACR,CACF,CAAC;AAEF,gBAAQ,CAAC,WAAW,GAAG,UAAU,CAAC"}

package/checkbox-field/checkbox-field.module.scss

@@ -1,56 +0,0 @@
-@use '../colors';
-
-.root {
-  position: relative;
-  display: inline-flex;
-  .field-row {
-    display: flex;
-    align-items: flex-start;
-  }
-  .label {
-    display: block;
-    cursor: pointer;
-    color: colors.$basic-gray87;
-    font-size: 16px;
-    line-height: 24px;
-  }
-  .info {
-    display: block;
-    cursor: pointer;
-    color: colors.$basic-gray38;
-    font-size: 14px;
-    line-height: 20px;
-  }
-  &.field-checkbox {
-    .field-row {
-      padding-top: 4px;
-      margin-right: 8px;
-    }
-  }
-  &.field-toggle {
-    .field-row {
-      margin-right: 12px;
-    }
-    .label {
-      font-weight: 600;
-    }
-  }
-  &.field-checkbox.small-text {
-    .label {
-      padding-top: 2px;
-      font-size: 14px;
-      line-height: 20px;
-    }
-  }
-  &.failed:not(.disabled) {
-    .label {
-      color: colors.$additional-deep-red;
-    }
-  }
-  &.disabled {
-    .label,
-    .info {
-      color: colors.$basic-gray24;
-    }
-  }
-}

package/checkbox-field/index.d.ts

@@ -1,20 +0,0 @@
-/// <reference types="react" />
-/** @deprecated */
-export interface CheckboxFieldProps extends React.InputHTMLAttributes<HTMLInputElement> {
-    /** Содержимое ярлыка. */
-    label: string;
-    /** Содержимое описания. */
-    info?: string;
-    /** Нужно ли показывать наличие ошибки. */
-    failed?: boolean;
-    /** Нужно ли выводить текст для "checkbox" мелким. */
-    smallText?: boolean;
-    /** Отображаемое поле. */
-    fieldView?: 'checkbox' | 'toggle';
-    /** Идентификатор для систем автоматизированного тестирования. */
-    'data-testid'?: string;
-}
-/**
- * @deprecated Теперь можно использовать SwitcherRow.
- */
-export declare const CheckboxField: import("react").ForwardRefExoticComponent<CheckboxFieldProps & import("react").RefAttributes<HTMLInputElement | null>>;

package/checkbox-field/index.js

@@ -1,23 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CheckboxField = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const checkbox_1 = require("../checkbox");
-const toggle_1 = require("../toggle");
-const bind_1 = __importDefault(require("classnames/bind"));
-const checkbox_field_module_scss_1 = __importDefault(require("./checkbox-field.module.scss"));
-const cx = bind_1.default.bind(checkbox_field_module_scss_1.default);
-/**
- * @deprecated Теперь можно использовать SwitcherRow.
- */
-exports.CheckboxField = (0, react_1.forwardRef)(function CheckboxField({ smallText, fieldView = 'checkbox', label, info, failed, 'data-testid': testId = 'checkbox-field', style, className, 
-// input props
-id, disabled, ...restProps }, ref) {
-    const inputProps = { id, disabled, ...restProps };
-    return ((0, jsx_runtime_1.jsxs)("div", { className: cx('root', `field-${fieldView}`, { failed, disabled, 'small-text': smallText }, className), style: style, "data-testid": testId, children: [(0, jsx_runtime_1.jsxs)("div", { className: cx('field-row'), children: [fieldView === 'checkbox' && (0, jsx_runtime_1.jsx)(checkbox_1.Checkbox, { ...inputProps, ref: ref }), fieldView === 'toggle' && (0, jsx_runtime_1.jsx)(toggle_1.Toggle, { ...inputProps, ref: ref })] }), (0, jsx_runtime_1.jsxs)("label", { htmlFor: id, children: [(0, jsx_runtime_1.jsx)("span", { className: cx('label'), "data-testid": 'checkbox-field:label', children: label }), info && (0, jsx_runtime_1.jsx)("span", { className: cx('info'), children: info })] })] }));
-});
-//# sourceMappingURL=index.js.map

package/checkbox-field/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/checkbox-field/index.tsx"],"names":[],"mappings":";;;;;;;AAAA,iCAAmC;AACnC,0CAAuC;AACvC,sCAAmC;AACnC,2DAAyC;AACzC,8FAAmD;AAuBnD,MAAM,EAAE,GAAG,cAAU,CAAC,IAAI,CAAC,oCAAO,CAAC,CAAC;AAEpC;;GAEG;AACU,QAAA,aAAa,GAAG,IAAA,kBAAU,EACrC,SAAS,aAAa,CACpB,EACE,SAAS,EACT,SAAS,GAAG,UAAU,EACtB,KAAK,EACL,IAAI,EACJ,MAAM,EACN,aAAa,EAAE,MAAM,GAAG,gBAAgB,EACxC,KAAK,EACL,SAAS;AAET,cAAc;AACd,EAAE,EACF,QAAQ,EACR,GAAG,SAAS,EACb,EACD,GAAG;IAEH,MAAM,UAAU,GAAG,EAAE,EAAE,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE,CAAC;IAElD,OAAO,CACL,iCACE,SAAS,EAAE,EAAE,CACX,MAAM,EACN,SAAS,SAAS,EAAE,EACpB,EAAE,MAAM,EAAE,QAAQ,EAAE,YAAY,EAAE,SAAS,EAAE,EAC7C,SAAS,CACV,EACD,KAAK,EAAE,KAAK,iBACC,MAAM,aAEnB,iCAAK,SAAS,EAAE,EAAE,CAAC,WAAW,CAAC,aAC5B,SAAS,KAAK,UAAU,IAAI,uBAAC,mBAAQ,OAAK,UAAU,EAAE,GAAG,EAAE,GAAG,GAAI,EAClE,SAAS,KAAK,QAAQ,IAAI,uBAAC,eAAM,OAAK,UAAU,EAAE,GAAG,EAAE,GAAG,GAAI,IAC3D,EAEN,mCAAO,OAAO,EAAE,EAAE,aAChB,iCAAM,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,iBAAc,sBAAsB,YAC7D,KAAK,GACD,EACN,IAAI,IAAI,iCAAM,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,YAAG,IAAI,GAAQ,IAC7C,IACJ,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}

package/chips/chips.module.scss

@@ -1,75 +0,0 @@
-@use '../colors';
-
-.list {
-  display: flex;
-  flex-wrap: wrap;
-  --chips-gutter: 8px;
-  margin-right: calc(-1 * var(--chips-gutter));
-  margin-bottom: calc(-1 * var(--chips-gutter));
-}
-
-.item {
-  flex-grow: 0;
-  flex-shrink: 0;
-  max-width: 100%;
-  display: flex;
-  align-items: center;
-  height: 32px;
-
-  // по умолчанию 0 чтобы вне Chips отступов не было
-  margin-right: var(--chips-gutter, 0);
-  margin-bottom: var(--chips-gutter, 0);
-  overflow: hidden;
-  outline: 0;
-  border: 0;
-  padding: 0 12px;
-  background: colors.$basic-gray8;
-  color: colors.$basic-gray87;
-  border-radius: 4px;
-  box-sizing: border-box;
-  font: inherit;
-  font-size: 12px;
-  font-weight: 600;
-  line-height: 16px;
-  text-decoration: none;
-
-  // переопределяем стили монолита
-  &,
-  &:link,
-  &:visited {
-    background: colors.$basic-gray8;
-    color: colors.$basic-gray87;
-  }
-
-  // эффект при наведении определяем **после** переопределения стилей монолита
-  &:hover {
-    cursor: pointer;
-  }
-  &:hover,
-  &:active {
-    background: colors.$basic-gray12;
-    color: colors.$basic-gray87;
-  }
-  &.checked {
-    background: colors.$basic-gray76;
-    color: colors.$basic-white;
-    &:hover,
-    &:active {
-      background: colors.$basic-gray66;
-      color: colors.$basic-white;
-    }
-  }
-}
-
-.text {
-  text-overflow: ellipsis;
-  overflow: hidden;
-  white-space: nowrap;
-}
-
-.cross-svg {
-  display: block;
-  fill: currentColor;
-  margin-left: 8px;
-  flex-shrink: 0;
-}

package/chips/index.d.ts

@@ -1,16 +0,0 @@
-/// <reference types="react" />
-export interface ChipsProps extends React.HTMLAttributes<HTMLDivElement> {
-    /** Элементы списка. */
-    children: React.ReactNode;
-    /** Идентификатор для систем автоматизированного тестирования. */
-    'data-testid'?: string;
-}
-/**
- * Список "чипсов".
- * @param props Свойства.
- * @return Элемент.
- */
-export declare const Chips: {
-    ({ children, className, "data-testid": testId, ...restProps }: ChipsProps): JSX.Element;
-    Item: ({ href, children, withCross, target, onClick, checked, }: import("./item").ChipsItemProps) => JSX.Element;
-};

package/chips/index.js

@@ -1,21 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Chips = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const item_1 = require("./item");
-const bind_1 = __importDefault(require("classnames/bind"));
-const chips_module_scss_1 = __importDefault(require("./chips.module.scss"));
-const cx = bind_1.default.bind(chips_module_scss_1.default);
-/**
- * Список "чипсов".
- * @param props Свойства.
- * @return Элемент.
- */
-const Chips = ({ children, className, 'data-testid': testId = 'chips', ...restProps }) => ((0, jsx_runtime_1.jsx)("div", { ...restProps, className: cx('list', className), "data-testid": testId, children: react_1.Children.toArray(children).filter(c => (0, react_1.isValidElement)(c) && c.type === item_1.ChipsItem) }));
-exports.Chips = Chips;
-exports.Chips.Item = item_1.ChipsItem;
-//# sourceMappingURL=index.js.map

package/chips/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/chips/index.tsx"],"names":[],"mappings":";;;;;;;AAAA,iCAAiD;AACjD,iCAAmC;AACnC,2DAAyC;AACzC,4EAAyC;AAUzC,MAAM,EAAE,GAAG,cAAU,CAAC,IAAI,CAAC,2BAAM,CAAC,CAAC;AAEnC;;;;GAIG;AACI,MAAM,KAAK,GAAG,CAAC,EACpB,QAAQ,EACR,SAAS,EACT,aAAa,EAAE,MAAM,GAAG,OAAO,EAC/B,GAAG,SAAS,EACD,EAAE,EAAE,CAAC,CAChB,mCAAS,SAAS,EAAE,SAAS,EAAE,EAAE,CAAC,MAAM,EAAE,SAAS,CAAC,iBAAe,MAAM,YACtE,gBAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,IAAA,sBAAc,EAAC,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,KAAK,gBAAS,CAAC,GAC9E,CACP,CAAC;AATW,QAAA,KAAK,SAShB;AAEF,aAAK,CAAC,IAAI,GAAG,gBAAS,CAAC"}

package/chips/item.d.ts

@@ -1,15 +0,0 @@
-/// <reference types="react" />
-export interface ChipsItemProps {
-    href?: string;
-    children?: React.ReactNode;
-    withCross?: boolean;
-    target?: string;
-    onClick?: React.MouseEventHandler<HTMLAnchorElement>;
-    checked?: boolean;
-}
-/**
- * Элемент списка "чипсов".
- * @param props Свойства.
- * @return Элемент.
- */
-export declare const ChipsItem: ({ href, children, withCross, target, onClick, checked, }: ChipsItemProps) => JSX.Element;

package/chips/item.js

@@ -1,19 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ChipsItem = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const bind_1 = __importDefault(require("classnames/bind"));
-const Cross_1 = __importDefault(require("@sima-land/ui-quarks/icons/16x16/Stroked/Cross"));
-const chips_module_scss_1 = __importDefault(require("./chips.module.scss"));
-const cx = bind_1.default.bind(chips_module_scss_1.default);
-/**
- * Элемент списка "чипсов".
- * @param props Свойства.
- * @return Элемент.
- */
-const ChipsItem = ({ href, children, withCross, target, onClick, checked, }) => ((0, jsx_runtime_1.jsxs)("a", { href: href, role: href ? undefined : 'button', className: cx('item', { checked }), target: target, onClick: onClick, "data-testid": 'chips:item', children: [(0, jsx_runtime_1.jsx)("span", { className: chips_module_scss_1.default.text, children: children }), withCross && (0, jsx_runtime_1.jsx)(Cross_1.default, { className: cx('cross-svg') })] }));
-exports.ChipsItem = ChipsItem;
-//# sourceMappingURL=item.js.map

package/chips/item.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"item.js","sourceRoot":"","sources":["../../src/chips/item.tsx"],"names":[],"mappings":";;;;;;;AAAA,2DAAyC;AACzC,2FAAsE;AACtE,4EAAyC;AAWzC,MAAM,EAAE,GAAG,cAAU,CAAC,IAAI,CAAC,2BAAM,CAAC,CAAC;AAEnC;;;;GAIG;AACI,MAAM,SAAS,GAAG,CAAC,EACxB,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,MAAM,EACN,OAAO,EACP,OAAO,GACQ,EAAE,EAAE,CAAC,CACpB,+BACE,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,EACjC,SAAS,EAAE,EAAE,CAAC,MAAM,EAAE,EAAE,OAAO,EAAE,CAAC,EAClC,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,iBACJ,YAAY,aAExB,iCAAM,SAAS,EAAE,2BAAM,CAAC,IAAI,YAAG,QAAQ,GAAQ,EAC9C,SAAS,IAAI,uBAAC,eAAQ,IAAC,SAAS,EAAE,EAAE,CAAC,WAAW,CAAC,GAAI,IACpD,CACL,CAAC;AAnBW,QAAA,SAAS,aAmBpB"}

package/clean-buttons/clean-buttons.module.scss

@@ -1,44 +0,0 @@
-@use '../colors';
-@use './clean-buttons-util';
-
-.group {
-  display: flex;
-  flex-wrap: nowrap;
-  overflow: hidden;
-  width: 100%;
-  .button {
-    flex-grow: 1;
-    flex-shrink: 1;
-    flex-basis: 0;
-    + .button {
-      border-left: 1px solid colors.$basic-gray12;
-    }
-  }
-}
-
-.button {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  font-family: inherit;
-
-  // перебиваем стили Link (font-weight: inherit) чтобы не менять их так как компонент много где используется
-  font-weight: 600 !important;
-
-  font-size: 16px;
-  line-height: 24px;
-  overflow: hidden;
-  height: var(--clean-group-height);
-}
-
-.size-s {
-  @include clean-buttons-util.size-s;
-}
-
-.size-m {
-  @include clean-buttons-util.size-m;
-}
-
-.size-l {
-  @include clean-buttons-util.size-l;
-}

package/clean-buttons/index.d.ts

@@ -1,34 +0,0 @@
-import { ReactNode } from 'react';
-import { LinkProps } from '../link';
-import { CleanButtonSize } from './types';
-export type { CleanButtonSize };
-export interface CleanButtonProps extends LinkProps {
-    asLink?: boolean;
-    /** Размер (высота). */
-    size?: CleanButtonSize | 'unset';
-}
-export interface CleanGroupProps {
-    /** Размер (высота). */
-    size?: CleanButtonSize | 'unset';
-    /** Содержимое. */
-    children?: ReactNode;
-}
-/**
- * Компонент группы прозрачных кнопок.
- * @param props Свойства.
- * @return Элемент.
- */
-export declare function CleanGroup({ size: sizeFromProps, children }: CleanGroupProps): JSX.Element;
-/**
- * Компонент прозрачной кнопки.
- * @param props Свойства.
- * @return Элемент.
- */
-export declare function CleanButton({ size, href, asLink, 'data-testid': testId, children, className, ...rest }: CleanButtonProps): JSX.Element;
-/**
- * @deprecated Нужно использовать `import { CleanGroup, CleanButton }`.
- */
-export declare const Clean: {
-    Group: typeof CleanGroup;
-    Button: typeof CleanButton;
-};

package/clean-buttons/index.js

@@ -1,41 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Clean = exports.CleanButton = exports.CleanGroup = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const link_1 = require("../link");
-const utils_1 = require("./utils");
-const bind_1 = __importDefault(require("classnames/bind"));
-const clean_buttons_module_scss_1 = __importDefault(require("./clean-buttons.module.scss"));
-const cx = bind_1.default.bind(clean_buttons_module_scss_1.default);
-/**
- * Компонент группы прозрачных кнопок.
- * @param props Свойства.
- * @return Элемент.
- */
-function CleanGroup({ size: sizeFromProps, children }) {
-    const sizeFromContext = (0, react_1.useContext)(utils_1.CleanGroupSizeContext);
-    // значение из пропсов имеет приоритет
-    const size = sizeFromProps || sizeFromContext;
-    return ((0, jsx_runtime_1.jsx)("div", { className: cx('group'), children: react_1.Children.toArray(children).map(item => (0, react_1.isValidElement)(item) && item.type === CleanButton
-            ? (0, react_1.cloneElement)(item, { size })
-            : null) }));
-}
-exports.CleanGroup = CleanGroup;
-/**
- * Компонент прозрачной кнопки.
- * @param props Свойства.
- * @return Элемент.
- */
-function CleanButton({ size = 's', href, asLink = Boolean(href), 'data-testid': testId = 'clean-button', children, className, ...rest }) {
-    return ((0, jsx_runtime_1.jsx)(link_1.Link, { ...rest, className: cx('button', `size-${size}`, className), pseudo: !asLink, href: href, "data-testid": testId, children: children }));
-}
-exports.CleanButton = CleanButton;
-/**
- * @deprecated Нужно использовать `import { CleanGroup, CleanButton }`.
- */
-exports.Clean = { Group: CleanGroup, Button: CleanButton };
-//# sourceMappingURL=index.js.map

package/clean-buttons/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/clean-buttons/index.tsx"],"names":[],"mappings":";;;;;;;AAAA,iCAAsF;AACtF,kCAA0C;AAE1C,mCAAgD;AAChD,2DAAyC;AACzC,4FAAiD;AAmBjD,MAAM,EAAE,GAAG,cAAU,CAAC,IAAI,CAAC,mCAAM,CAAC,CAAC;AAEnC;;;;GAIG;AACH,SAAgB,UAAU,CAAC,EAAE,IAAI,EAAE,aAAa,EAAE,QAAQ,EAAmB;IAC3E,MAAM,eAAe,GAAG,IAAA,kBAAU,EAAC,6BAAqB,CAAC,CAAC;IAE1D,sCAAsC;IACtC,MAAM,IAAI,GAAG,aAAa,IAAI,eAAe,CAAC;IAE9C,OAAO,CACL,gCAAK,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,YACxB,gBAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CACrC,IAAA,sBAAc,EAAmB,IAAI,CAAC,IAAI,IAAI,CAAC,IAAI,KAAK,WAAW;YACjE,CAAC,CAAC,IAAA,oBAAY,EAAC,IAAI,EAAE,EAAE,IAAI,EAAE,CAAC;YAC9B,CAAC,CAAC,IAAI,CACT,GACG,CACP,CAAC;AACJ,CAAC;AAfD,gCAeC;AAED;;;;GAIG;AACH,SAAgB,WAAW,CAAC,EAC1B,IAAI,GAAG,GAAG,EACV,IAAI,EACJ,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,EACtB,aAAa,EAAE,MAAM,GAAG,cAAc,EACtC,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACU;IACjB,OAAO,CACL,uBAAC,WAAI,OACC,IAAI,EACR,SAAS,EAAE,EAAE,CAAC,QAAQ,EAAE,QAAQ,IAAI,EAAE,EAAE,SAAS,CAAC,EAClD,MAAM,EAAE,CAAC,MAAM,EACf,IAAI,EAAE,IAAI,iBACG,MAAM,YAElB,QAAQ,GACJ,CACR,CAAC;AACJ,CAAC;AApBD,kCAoBC;AAED;;GAEG;AACU,QAAA,KAAK,GAAG,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,EAAE,WAAW,EAAE,CAAC"}

package/clean-buttons/types.d.ts

@@ -1,4 +0,0 @@
-/**
- * Размер прозрачных кнопок (высота) по дизайн-гайдам.
- */
-export type CleanButtonSize = 's' | 'm' | 'l';

package/clean-buttons/utils.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-import { CleanButtonSize } from './types';
-/**
- * Контекст установки размера группы прозрачных кнопок CleanGroup.
- * Размер заданный непосредственно компоненту CleanGroup имеет приоритет над контекстом.
- */
-export declare const CleanGroupSizeContext: import("react").Context<"unset" | CleanButtonSize | undefined>;

package/clean-buttons/utils.js

@@ -1,10 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CleanGroupSizeContext = void 0;
-const react_1 = require("react");
-/**
- * Контекст установки размера группы прозрачных кнопок CleanGroup.
- * Размер заданный непосредственно компоненту CleanGroup имеет приоритет над контекстом.
- */
-exports.CleanGroupSizeContext = (0, react_1.createContext)(undefined);
-//# sourceMappingURL=utils.js.map

package/clean-buttons/utils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/clean-buttons/utils.ts"],"names":[],"mappings":";;;AAAA,iCAAsC;AAGtC;;;GAGG;AACU,QAAA,qBAAqB,GAAG,IAAA,qBAAa,EAChD,SAAS,CACV,CAAC"}

package/colors/index.d.ts

@@ -1,43 +0,0 @@
-/** Цвета дизайн-системы. */
-export declare const COLOR: {
-    readonly 'basic-blue': "#1f84db";
-    readonly 'basic-gray87': "#212121";
-    readonly 'basic-gray76': "#3a3a3b";
-    readonly 'basic-gray66': "#545455";
-    readonly 'basic-gray54': "#757575";
-    readonly 'basic-gray38': "#9e9e9e";
-    readonly 'basic-gray24': "#c2c2c2";
-    readonly 'basic-gray12': "#e0e0e0";
-    readonly 'basic-gray8': "#ebebeb";
-    readonly 'basic-gray4': "#f5f5f5";
-    readonly 'basic-gray2': "#fafafa";
-    readonly 'basic-white': "#fff";
-    readonly 'additional-deep-red': "#d50000";
-    readonly 'additional-red': "#fb3a2f";
-    readonly 'additional-light-red': "#feebea";
-    readonly 'additional-dark-teal': "#089176";
-    readonly 'additional-teal': "#09ab8b";
-    readonly 'additional-green': "#00c853";
-    readonly 'additional-light-green': "#64dd17";
-    readonly 'additional-lime': "#aeea00";
-    readonly 'additional-faded-green': "#eff9ea";
-    readonly 'additional-pink': "#e82e5c";
-    readonly 'additional-purple': "#b52ea8";
-    readonly 'additional-violet': "#902bd0";
-    readonly 'additional-deep-purple': "#634bdf";
-    readonly 'additional-electric-blue': "#2962ff";
-    readonly 'additional-light-blue': "#0091ea";
-    readonly 'additional-cyan': "#00b8d4";
-    readonly 'additional-sky': "#e4f1f9";
-    readonly 'additional-deep-orange': "#ff7200";
-    readonly 'additional-amber': "#ffab00";
-    readonly 'additional-yellow': "#ffd600";
-    readonly 'additional-gold': "#d5a43b";
-    readonly 'additional-brown': "#795548";
-    readonly 'additional-blue-gray': "#607d8b";
-    readonly 'additional-deep-blue': "#00599d";
-    readonly 'additional-dark-blue': "#002b41";
-    readonly 'additional-unlit-blue': "#1b75c2";
-};
-export type Token = keyof typeof COLOR;
-export declare const COLORS: Map<"basic-blue" | "basic-gray87" | "basic-gray76" | "basic-gray66" | "basic-gray54" | "basic-gray38" | "basic-gray24" | "basic-gray12" | "basic-gray8" | "basic-gray4" | "basic-gray2" | "basic-white" | "additional-deep-red" | "additional-red" | "additional-light-red" | "additional-dark-teal" | "additional-teal" | "additional-green" | "additional-light-green" | "additional-lime" | "additional-faded-green" | "additional-pink" | "additional-purple" | "additional-violet" | "additional-deep-purple" | "additional-electric-blue" | "additional-light-blue" | "additional-cyan" | "additional-sky" | "additional-deep-orange" | "additional-amber" | "additional-yellow" | "additional-gold" | "additional-brown" | "additional-blue-gray" | "additional-deep-blue" | "additional-dark-blue" | "additional-unlit-blue", string>;

package/colors/index.js

@@ -1,49 +0,0 @@
-"use strict";
-// GENERATED FILE - DO NOT CHANGE IT MANUALLY
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.COLORS = exports.COLOR = void 0;
-/** Цвета дизайн-системы. */
-exports.COLOR = {
-    // basic
-    'basic-blue': '#1f84db',
-    'basic-gray87': '#212121',
-    'basic-gray76': '#3a3a3b',
-    'basic-gray66': '#545455',
-    'basic-gray54': '#757575',
-    'basic-gray38': '#9e9e9e',
-    'basic-gray24': '#c2c2c2',
-    'basic-gray12': '#e0e0e0',
-    'basic-gray8': '#ebebeb',
-    'basic-gray4': '#f5f5f5',
-    'basic-gray2': '#fafafa',
-    'basic-white': '#fff',
-    // additional
-    'additional-deep-red': '#d50000',
-    'additional-red': '#fb3a2f',
-    'additional-light-red': '#feebea',
-    'additional-dark-teal': '#089176',
-    'additional-teal': '#09ab8b',
-    'additional-green': '#00c853',
-    'additional-light-green': '#64dd17',
-    'additional-lime': '#aeea00',
-    'additional-faded-green': '#eff9ea',
-    'additional-pink': '#e82e5c',
-    'additional-purple': '#b52ea8',
-    'additional-violet': '#902bd0',
-    'additional-deep-purple': '#634bdf',
-    'additional-electric-blue': '#2962ff',
-    'additional-light-blue': '#0091ea',
-    'additional-cyan': '#00b8d4',
-    'additional-sky': '#e4f1f9',
-    'additional-deep-orange': '#ff7200',
-    'additional-amber': '#ffab00',
-    'additional-yellow': '#ffd600',
-    'additional-gold': '#d5a43b',
-    'additional-brown': '#795548',
-    'additional-blue-gray': '#607d8b',
-    'additional-deep-blue': '#00599d',
-    'additional-dark-blue': '#002b41',
-    'additional-unlit-blue': '#1b75c2',
-};
-exports.COLORS = new Map(Object.entries(exports.COLOR));
-//# sourceMappingURL=index.js.map

package/colors/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/colors/index.ts"],"names":[],"mappings":";AAAA,6CAA6C;;;AAE7C,4BAA4B;AACf,QAAA,KAAK,GAAG;IACnB,QAAQ;IACR,YAAY,EAAE,SAAS;IACvB,cAAc,EAAE,SAAS;IACzB,cAAc,EAAE,SAAS;IACzB,cAAc,EAAE,SAAS;IACzB,cAAc,EAAE,SAAS;IACzB,cAAc,EAAE,SAAS;IACzB,cAAc,EAAE,SAAS;IACzB,cAAc,EAAE,SAAS;IACzB,aAAa,EAAE,SAAS;IACxB,aAAa,EAAE,SAAS;IACxB,aAAa,EAAE,SAAS;IACxB,aAAa,EAAE,MAAM;IAErB,aAAa;IACb,qBAAqB,EAAE,SAAS;IAChC,gBAAgB,EAAE,SAAS;IAC3B,sBAAsB,EAAE,SAAS;IACjC,sBAAsB,EAAE,SAAS;IACjC,iBAAiB,EAAE,SAAS;IAC5B,kBAAkB,EAAE,SAAS;IAC7B,wBAAwB,EAAE,SAAS;IACnC,iBAAiB,EAAE,SAAS;IAC5B,wBAAwB,EAAE,SAAS;IACnC,iBAAiB,EAAE,SAAS;IAC5B,mBAAmB,EAAE,SAAS;IAC9B,mBAAmB,EAAE,SAAS;IAC9B,wBAAwB,EAAE,SAAS;IACnC,0BAA0B,EAAE,SAAS;IACrC,uBAAuB,EAAE,SAAS;IAClC,iBAAiB,EAAE,SAAS;IAC5B,gBAAgB,EAAE,SAAS;IAC3B,wBAAwB,EAAE,SAAS;IACnC,kBAAkB,EAAE,SAAS;IAC7B,mBAAmB,EAAE,SAAS;IAC9B,iBAAiB,EAAE,SAAS;IAC5B,kBAAkB,EAAE,SAAS;IAC7B,sBAAsB,EAAE,SAAS;IACjC,sBAAsB,EAAE,SAAS;IACjC,sBAAsB,EAAE,SAAS;IACjC,uBAAuB,EAAE,SAAS;CAC1B,CAAC;AAGE,QAAA,MAAM,GAAG,IAAI,GAAG,CAAC,MAAM,CAAC,OAAO,CAAC,aAAK,CAAC,CAAuB,CAAC"}

package/colors.scss

@@ -1,43 +0,0 @@
-// GENERATED FILE - DO NOT CHANGE IT MANUALLY
-
-// basic
-$basic-blue: #1f84db;
-$basic-gray87: #212121;
-$basic-gray76: #3a3a3b;
-$basic-gray66: #545455;
-$basic-gray54: #757575;
-$basic-gray38: #9e9e9e;
-$basic-gray24: #c2c2c2;
-$basic-gray12: #e0e0e0;
-$basic-gray8: #ebebeb;
-$basic-gray4: #f5f5f5;
-$basic-gray2: #fafafa;
-$basic-white: #fff;
-
-// additional
-$additional-deep-red: #d50000;
-$additional-red: #fb3a2f;
-$additional-light-red: #feebea;
-$additional-dark-teal: #089176;
-$additional-teal: #09ab8b;
-$additional-green: #00c853;
-$additional-light-green: #64dd17;
-$additional-lime: #aeea00;
-$additional-faded-green: #eff9ea;
-$additional-pink: #e82e5c;
-$additional-purple: #b52ea8;
-$additional-violet: #902bd0;
-$additional-deep-purple: #634bdf;
-$additional-electric-blue: #2962ff;
-$additional-light-blue: #0091ea;
-$additional-cyan: #00b8d4;
-$additional-sky: #e4f1f9;
-$additional-deep-orange: #ff7200;
-$additional-amber: #ffab00;
-$additional-yellow: #ffd600;
-$additional-gold: #d5a43b;
-$additional-brown: #795548;
-$additional-blue-gray: #607d8b;
-$additional-deep-blue: #00599d;
-$additional-dark-blue: #002b41;
-$additional-unlit-blue: #1b75c2;