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

package/box/index.js

@@ -1,158 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Box = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const bind_1 = __importDefault(require("classnames/bind"));
-const box_module_scss_1 = __importDefault(require("./box.module.scss"));
-const Spacing = __importStar(require("../styling/sizes"));
-const colors_1 = require("../styling/colors");
-const colors_2 = require("../colors");
-const cx = bind_1.default.bind(box_module_scss_1.default);
-/**
- * Возможные значения свойства "display".
- */
-const DISPLAY = new Set(['block', 'none', 'flex', 'inline', 'inline-block']);
-/**
- * Возможные значения свойства "flex".
- */
-const FLEX = new Set(['shrink', 'grow', 'none']);
-/**
- * Возможные значения свойства "direction".
- */
-const DIRECTION = new Set(['row', 'column']);
-/**
- * Возможные значения свойства "alignItems".
- */
-const ALIGN_ITEMS = new Set(['start', 'end', 'center', 'baseline', 'stretch']);
-/**
- * Возможные значения свойства "justifyContent".
- */
-const JUSTIFY_CONTENT = new Set(['start', 'end', 'center', 'between', 'around']);
-/**
- * Компонент блока, реализующего оформление в соответствии с дизайн-системой.
- * @param props Свойства.
- * @return Элемент.
- */
-const Box = ({ element: Container = 'div', children, display, flex, wrap, direction, alignItems, justifyContent, dangerouslySetInlineStyle, 
-// margins
-margin, marginTop, marginRight, marginBottom, marginLeft, marginX, marginY, 
-// paddings
-padding, paddingTop, paddingRight, paddingBottom, paddingLeft, paddingX, paddingY, 
-// color
-color, }) => ((0, jsx_runtime_1.jsx)(Container, { style: dangerouslySetInlineStyle === null || dangerouslySetInlineStyle === void 0 ? void 0 : dangerouslySetInlineStyle.__style, className: cx(display && DISPLAY.has(display) && `display-${display}`, flex && FLEX.has(flex) && `flex-${flex}`, direction && DIRECTION.has(direction) && `direction-${direction}`, alignItems && ALIGN_ITEMS.has(alignItems) && `align-items-${alignItems}`, justifyContent && JUSTIFY_CONTENT.has(justifyContent) && `justify-content-${justifyContent}`, color && colors_2.COLORS.has(color) && (0, colors_1.bgColor)(color), wrap && 'flex-wrap', 
-    // margins
-    getMarginClasses({
-        margin,
-        marginTop,
-        marginRight,
-        marginBottom,
-        marginLeft,
-        marginX,
-        marginY,
-    }), 
-    // paddings
-    getPaddingClasses({
-        padding,
-        paddingTop,
-        paddingRight,
-        paddingBottom,
-        paddingLeft,
-        paddingX,
-        paddingY,
-    })), children: children }));
-exports.Box = Box;
-/**
- * Возвращает строку с CSS-классами для установки внешних отступов.
- * @param props Свойства.
- * @param props.margin Значение свойства margin в шагах (4px).
- * @param props.marginTop Значение свойства margin-top в шагах (4px).
- * @param props.marginBottom Значение свойства margin-bottom в шагах (4px).
- * @param props.marginLeft Значение свойства margin-left в шагах (4px).
- * @param props.marginRight Значение свойства margin-right в шагах (4px).
- * @param props.marginX Значение свойства margin-x в шагах (4px).
- * @param props.marginY Значение свойства margin-y в шагах (4px).
- * @return Строка с классами.
- */
-const getMarginClasses = ({ margin, marginTop, marginBottom, marginLeft, marginRight, marginX, marginY, }) => {
-    const result = [];
-    const isValid = Spacing.isMargin;
-    const hasMargin = isValid(margin);
-    const hasMarginX = isValid(marginX);
-    const hasMarginY = isValid(marginY);
-    const hasMarginTop = isValid(marginTop);
-    const hasMarginBottom = isValid(marginBottom);
-    const hasMarginLeft = isValid(marginLeft);
-    const hasMarginRight = isValid(marginRight);
-    hasMargin &&
-        result.push(!hasMarginTop && !hasMarginY && Spacing.marginTop(margin), !hasMarginBottom && !hasMarginY && Spacing.marginBottom(margin), !hasMarginLeft && !hasMarginX && Spacing.marginLeft(margin), !hasMarginRight && !hasMarginX && Spacing.marginRight(margin));
-    hasMarginX &&
-        result.push(!hasMarginLeft && Spacing.marginLeft(marginX), !hasMarginRight && Spacing.marginRight(marginX));
-    hasMarginY &&
-        result.push(!hasMarginTop && Spacing.marginTop(marginY), !hasMarginBottom && Spacing.marginBottom(marginY));
-    hasMarginTop && result.push(Spacing.marginTop(marginTop));
-    hasMarginRight && result.push(Spacing.marginRight(marginRight));
-    hasMarginBottom && result.push(Spacing.marginBottom(marginBottom));
-    hasMarginLeft && result.push(Spacing.marginLeft(marginLeft));
-    return result.filter(Boolean).join(' ');
-};
-/**
- * Возвращает строку с CSS-классами для установки внутренних отступов.
- * @param props Свойства.
- * @param props.padding Значение свойства padding в шагах (4px).
- * @param props.paddingTop Значение свойства padding-top в шагах (4px).
- * @param props.paddingBottom Значение свойства padding-bottom в шагах (4px).
- * @param props.paddingLeft Значение свойства padding-left в шагах (4px).
- * @param props.paddingRight Значение свойства padding-right в шагах (4px).
- * @param props.paddingX Значение свойства padding-x в шагах (4px).
- * @param props.paddingY Значение свойства padding-y в шагах (4px).
- * @return Строка с классами.
- */
-const getPaddingClasses = ({ padding, paddingTop, paddingBottom, paddingLeft, paddingRight, paddingX, paddingY, }) => {
-    const result = [];
-    const isValid = Spacing.isPadding;
-    const hasPadding = isValid(padding);
-    const hasPaddingX = isValid(paddingX);
-    const hasPaddingY = isValid(paddingY);
-    const hasPaddingTop = isValid(paddingTop);
-    const hasPaddingBottom = isValid(paddingBottom);
-    const hasPaddingLeft = isValid(paddingLeft);
-    const hasPaddingRight = isValid(paddingRight);
-    hasPadding &&
-        result.push(!hasPaddingTop && !hasPaddingY && Spacing.paddingTop(padding), !hasPaddingBottom && !hasPaddingY && Spacing.paddingBottom(padding), !hasPaddingLeft && !hasPaddingX && Spacing.paddingLeft(padding), !hasPaddingRight && !hasPaddingX && Spacing.paddingRight(padding));
-    hasPaddingX &&
-        result.push(!hasPaddingLeft && Spacing.paddingLeft(paddingX), !hasPaddingRight && Spacing.paddingRight(paddingX));
-    hasPaddingY &&
-        result.push(!hasPaddingTop && Spacing.paddingTop(paddingY), !hasPaddingBottom && Spacing.paddingBottom(paddingY));
-    hasPaddingTop && result.push(Spacing.paddingTop(paddingTop));
-    hasPaddingRight && result.push(Spacing.paddingRight(paddingRight));
-    hasPaddingBottom && result.push(Spacing.paddingBottom(paddingBottom));
-    hasPaddingLeft && result.push(Spacing.paddingLeft(paddingLeft));
-    return result.filter(Boolean).join(' ');
-};
-//# sourceMappingURL=index.js.map

package/box/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/box/index.tsx"],"names":[],"mappings":"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"}

package/breakpoints.scss

@@ -1,62 +0,0 @@
-$map: (
-  mxs: 0,
-  ms: 480px,
-  mm: 720px,
-  ml: 840px,
-  xs: 1024px,
-  s: 1280px,
-  m: 1440px,
-  l: 1600px,
-  xl: 1920px,
-) !default;
-
-/**
- * ВАЖНО: здесь должны быть только утилиты позволяющие применить стили ">=" либо "<" начала диапазона (breakpoint range).
- * Не должно возникать ситуаций в которых нужно применить стили "<=" или ">" начала диапазона.
- */
-
-@mixin greaterThanOrEqual($breakpoint) {
-  @if map-has-key($map, $breakpoint) {
-    @media (min-width: map-get($map, $breakpoint)) {
-      @content;
-    }
-  } @else {
-    @warn 'No such breakpoint `#{$breakpoint}`. Available values: #{map-keys($map)}.';
-  }
-}
-
-@mixin lessThan($breakpoint) {
-  @if map-has-key($map, $breakpoint) {
-    @media (max-width: (map-get($map, $breakpoint) - 1px)) {
-      @content;
-    }
-  } @else {
-    @warn 'No such breakpoint `#{$breakpoint}`. Available values: #{map-keys($map)}.';
-  }
-}
-
-@mixin gte($args...) {
-  @include greaterThanOrEqual($args...) {
-    @content;
-  }
-}
-
-@mixin lt($args...) {
-  @include lessThan($args...) {
-    @content;
-  }
-}
-
-/** @deprecated */
-@mixin up($args...) {
-  @include greaterThanOrEqual($args...) {
-    @content;
-  }
-}
-
-/** @deprecated */
-@mixin down($args...) {
-  @include lessThan($args...) {
-    @content;
-  }
-}

package/button/button-util.scss

@@ -1,46 +0,0 @@
-@use '../colors';
-
-@mixin size-xs {
-  --button-min-size: 32px;
-  --button-font-size: 14px;
-  --button-line-height: 20px;
-  --button-gutter: 12px;
-}
-
-@mixin size-s {
-  --button-min-size: 40px;
-  --button-font-size: 16px;
-  --button-line-height: 24px;
-  --button-gutter: 20px;
-}
-
-@mixin size-m {
-  --button-min-size: 48px;
-  --button-font-size: 16px;
-  --button-line-height: 24px;
-  --button-gutter: 24px;
-}
-
-@mixin color-primary {
-  --button-color: #fff;
-  --button-background: #{colors.$basic-blue};
-  --button-hover-background: #{colors.$additional-unlit-blue};
-  --button-disabled-color: #{colors.$basic-gray24};
-  --button-disabled-background: #{colors.$basic-gray8};
-}
-
-@mixin color-secondary {
-  --button-color: #{colors.$basic-gray87};
-  --button-background: #{colors.$basic-gray8};
-  --button-hover-background: #{colors.$basic-gray12};
-  --button-disabled-color: #{colors.$basic-gray24};
-  --button-disabled-background: #{colors.$basic-gray8};
-}
-
-@mixin color-success {
-  --button-color: #fff;
-  --button-background: #{colors.$additional-teal};
-  --button-hover-background: #{colors.$additional-dark-teal};
-  --button-disabled-color: #{colors.$basic-gray24};
-  --button-disabled-background: #{colors.$basic-gray8};
-}

package/button/button.module.scss

@@ -1,106 +0,0 @@
-@use '../colors';
-@use './button-util';
-
-.root {
-  position: relative;
-  white-space: nowrap;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  flex-wrap: nowrap;
-  border-radius: 4px;
-  font-family: inherit;
-  font-weight: 600;
-  box-sizing: border-box;
-  padding: 0;
-  padding-left: var(--button-left-gutter, var(--button-gutter));
-  padding-right: var(--button-right-gutter, var(--button-gutter));
-  border: 0;
-  outline: 0;
-  text-decoration: none;
-  overflow: hidden;
-  font-size: var(--button-font-size);
-  background: var(--button-background);
-  color: var(--button-color);
-  min-width: var(--button-min-size);
-  height: var(--button-min-size);
-  --button-icon-gutter: 12px;
-  &::-moz-focus-inner {
-    border: 0;
-  }
-  // @todo disabled для ссылок?
-  &:disabled,
-  &.disabled {
-    pointer-events: none;
-    color: var(--button-disabled-color, var(--button-color));
-    background: var(--button-disabled-background, var(--button-background));
-  }
-  &.loading {
-    color: transparent;
-    > :not(.spinner) {
-      opacity: 0;
-      pointer-events: 0;
-    }
-  }
-  &:not(:disabled):hover {
-    cursor: pointer;
-    color: var(--button-hover-color, var(--button-color));
-    background: var(--button-hover-background, var(--button-background));
-  }
-}
-
-// sizes
-.size-xs {
-  @include button-util.size-xs;
-}
-
-.size-s {
-  @include button-util.size-s;
-}
-
-.size-m {
-  @include button-util.size-m;
-}
-
-// content
-.icon-only {
-  --button-left-gutter: 0;
-  --button-right-gutter: 0;
-  --button-icon-gutter: 0;
-}
-
-.icon-start {
-  --button-left-gutter: 0;
-}
-
-.icon-end {
-  --button-right-gutter: 0;
-}
-
-// view variants
-.view-primary {
-  @include button-util.color-primary;
-}
-
-.view-secondary {
-  @include button-util.color-secondary;
-}
-
-.view-success {
-  @include button-util.color-success;
-}
-
-// icons
-.icon {
-  margin: 0 var(--button-icon-gutter);
-  flex-shrink: 0;
-  fill: currentColor;
-}
-
-// spinner
-.spinner {
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-}

package/button/index.d.ts

@@ -1,50 +0,0 @@
-import { AnchorHTMLAttributes, ButtonHTMLAttributes, ComponentType, CSSProperties, HTMLAttributes, SVGAttributes } from 'react';
-export type ButtonSize = 'xs' | 's' | 'm';
-export type ButtonViewType = 'primary' | 'secondary' | 'success' | 'unset';
-export type ButtonAppearance = 'button' | 'link' | 'container';
-export type ButtonIconPosition = 'start' | 'end';
-export interface ButtonStyle extends CSSProperties {
-    '--button-color'?: string;
-    '--button-background'?: string;
-    '--button-hover-color'?: string;
-    '--button-hover-background'?: string;
-    '--button-disabled-color'?: string;
-    '--button-disabled-background'?: string;
-}
-interface CommonProps<T extends ButtonAppearance = ButtonAppearance> {
-    /** Определяет внешний вид кнопки. */
-    viewType?: ButtonViewType;
-    /** Определяет тип корневого элемента. */
-    appearance?: T;
-    /** Иконка. */
-    icon?: ComponentType<SVGAttributes<SVGSVGElement>>;
-    /** Позиция иконки относительно текста. */
-    iconPosition?: ButtonIconPosition;
-    /** Размер. */
-    size?: ButtonSize;
-    /** Нужно ли отображать состояние загрузки. */
-    loading?: boolean;
-    /** Отключенное состояние. */
-    disabled?: boolean;
-    /** Идентификатор для систем автоматизированного тестирования. */
-    'data-testid'?: string;
-    /** Стили. */
-    style?: ButtonStyle;
-}
-type AsButtonProps = CommonProps & Omit<ButtonHTMLAttributes<HTMLButtonElement>, keyof CommonProps> & {
-    appearance?: 'button';
-};
-type AsAnchorProps = CommonProps & Omit<AnchorHTMLAttributes<HTMLAnchorElement>, keyof CommonProps> & {
-    appearance: 'link';
-};
-type AsContainerProps = CommonProps & Omit<HTMLAttributes<HTMLDivElement>, keyof CommonProps> & {
-    appearance: 'container';
-};
-export type ButtonProps = AsButtonProps | AsAnchorProps | AsContainerProps;
-/**
- * Компонент кнопки, стилизованной по дизайн-гайдам.
- * @param props Свойства.
- * @return Элемент.
- */
-export declare const Button: import("react").ForwardRefExoticComponent<ButtonProps & import("react").RefAttributes<any>>;
-export {};

package/button/index.js

@@ -1,35 +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.Button = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const spinner_1 = require("../spinner");
-const bind_1 = __importDefault(require("classnames/bind"));
-const button_module_scss_1 = __importDefault(require("./button.module.scss"));
-const cx = bind_1.default.bind(button_module_scss_1.default);
-/**
- * Компонент кнопки, стилизованной по дизайн-гайдам.
- * @param props Свойства.
- * @return Элемент.
- */
-exports.Button = (0, react_1.forwardRef)(function Button({ viewType = 'primary', icon: Icon, iconPosition = 'start', size = 'm', loading, disabled, className, children, 'data-testid': testId = 'button', ...restProps }, ref) {
-    const hasIcon = Boolean(Icon);
-    const hasText = Boolean(children);
-    const rootClassName = cx('root', `size-${size}`, viewType !== 'unset' && `view-${viewType}`, loading && 'loading', disabled && 'disabled', hasIcon && !hasText && 'icon-only', hasText && hasIcon && iconPosition === 'start' && 'icon-start', hasText && hasIcon && iconPosition === 'end' && 'icon-end', className);
-    const content = ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [Icon && iconPosition === 'start' && (0, jsx_runtime_1.jsx)(Icon, { className: cx('icon') }), children, Icon && iconPosition === 'end' && (0, jsx_runtime_1.jsx)(Icon, { className: cx('icon') }), loading && ((0, jsx_runtime_1.jsx)(spinner_1.SpinnerSVG, { size: 's', color: disabled || viewType === 'secondary' ? 'basic-gray38' : 'basic-white', className: cx('spinner') }))] }));
-    let result = null;
-    if (restProps.appearance === 'container') {
-        result = ((0, jsx_runtime_1.jsx)("div", { ...restProps, ref: ref, className: rootClassName, role: 'button', "data-testid": testId, children: content }));
-    }
-    else if (restProps.appearance === 'link') {
-        result = ((0, jsx_runtime_1.jsx)("a", { ...restProps, ref: ref, className: rootClassName, "data-testid": testId, children: content }));
-    }
-    else {
-        result = ((0, jsx_runtime_1.jsx)("button", { ...restProps, ref: ref, className: rootClassName, disabled: disabled, "data-testid": testId, children: content }));
-    }
-    return result;
-});
-//# sourceMappingURL=index.js.map

package/button/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/button/index.tsx"],"names":[],"mappings":";;;;;;;AAAA,iCASe;AACf,wCAAwC;AACxC,2DAAyC;AACzC,8EAA0C;AA4D1C,MAAM,EAAE,GAAG,cAAU,CAAC,IAAI,CAAC,4BAAM,CAAC,CAAC;AAEnC;;;;GAIG;AACU,QAAA,MAAM,GAAG,IAAA,kBAAU,EAAmB,SAAS,MAAM,CAChE,EACE,QAAQ,GAAG,SAAS,EACpB,IAAI,EAAE,IAAI,EACV,YAAY,GAAG,OAAO,EACtB,IAAI,GAAG,GAAG,EACV,OAAO,EACP,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,aAAa,EAAE,MAAM,GAAG,QAAQ,EAChC,GAAG,SAAS,EACb,EACD,GAAG;IAEH,MAAM,OAAO,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC9B,MAAM,OAAO,GAAG,OAAO,CAAC,QAAQ,CAAC,CAAC;IAElC,MAAM,aAAa,GAAG,EAAE,CACtB,MAAM,EACN,QAAQ,IAAI,EAAE,EACd,QAAQ,KAAK,OAAO,IAAI,QAAQ,QAAQ,EAAE,EAC1C,OAAO,IAAI,SAAS,EACpB,QAAQ,IAAI,UAAU,EACtB,OAAO,IAAI,CAAC,OAAO,IAAI,WAAW,EAClC,OAAO,IAAI,OAAO,IAAI,YAAY,KAAK,OAAO,IAAI,YAAY,EAC9D,OAAO,IAAI,OAAO,IAAI,YAAY,KAAK,KAAK,IAAI,UAAU,EAC1D,SAAS,CACV,CAAC;IAEF,MAAM,OAAO,GAAG,CACd,6DAEG,IAAI,IAAI,YAAY,KAAK,OAAO,IAAI,uBAAC,IAAI,IAAC,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,GAAI,EACnE,QAAQ,EACR,IAAI,IAAI,YAAY,KAAK,KAAK,IAAI,uBAAC,IAAI,IAAC,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,GAAI,EAEjE,OAAO,IAAI,CACV,uBAAC,oBAAU,IACT,IAAI,EAAC,GAAG,EACR,KAAK,EAAE,QAAQ,IAAI,QAAQ,KAAK,WAAW,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,aAAa,EAC5E,SAAS,EAAE,EAAE,CAAC,SAAS,CAAC,GACxB,CACH,IACA,CACJ,CAAC;IAEF,IAAI,MAAM,GAAwB,IAAI,CAAC;IAEvC,IAAI,SAAS,CAAC,UAAU,KAAK,WAAW,EAAE;QACxC,MAAM,GAAG,CACP,mCAAS,SAAS,EAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,aAAa,EAAE,IAAI,EAAC,QAAQ,iBAAc,MAAM,YACtF,OAAO,GACJ,CACP,CAAC;KACH;SAAM,IAAI,SAAS,CAAC,UAAU,KAAK,MAAM,EAAE;QAC1C,MAAM,GAAG,CACP,iCAAO,SAAS,EAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,aAAa,iBAAe,MAAM,YACtE,OAAO,GACN,CACL,CAAC;KACH;SAAM;QACL,MAAM,GAAG,CACP,sCACM,SAAS,EACb,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,aAAa,EACxB,QAAQ,EAAE,QAAQ,iBACL,MAAM,YAElB,OAAO,GACD,CACV,CAAC;KACH;IAED,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC,CAAC"}

package/card/card.module.scss

@@ -1,8 +0,0 @@
-.root {
-  display: flex;
-  flex-direction: column;
-}
-
-.content {
-  flex-grow: 1;
-}

package/card/index.d.ts

@@ -1,17 +0,0 @@
-/// <reference types="react" />
-import { PlateProps } from '../plate';
-import { CardContent, CardFooter, CardHeader } from './slots';
-export type CardProps = PlateProps;
-export interface CardComponent {
-    (props: CardProps): JSX.Element;
-    Header: typeof CardHeader;
-    Content: typeof CardContent;
-    Footer: typeof CardFooter;
-}
-/**
- * Компонент карточки - это расширенный Plate с возможностью определять слоты: шапку, тело и футер.
- * @param props Свойства.
- * @return Элемент.
- */
-export declare const Card: CardComponent;
-export { CardContent };

package/card/index.js

@@ -1,46 +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.CardContent = exports.Card = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const plate_1 = require("../plate");
-const slots_1 = require("./slots");
-Object.defineProperty(exports, "CardContent", { enumerable: true, get: function () { return slots_1.CardContent; } });
-const utils_1 = require("./utils");
-const define_slots_1 = require("../helpers/define-slots");
-const top_bar_1 = require("../top-bar");
-const bottom_bar_1 = require("../bottom-bar");
-const shapes_1 = require("../styling/shapes");
-const classnames_1 = __importDefault(require("classnames"));
-const card_module_scss_1 = __importDefault(require("./card.module.scss"));
-/**
- * Компонент карточки - это расширенный Plate с возможностью определять слоты: шапку, тело и футер.
- * @param props Свойства.
- * @return Элемент.
- */
-const Card = ({ children, className, rounds, ...restProps }) => {
-    const { header, content, footer, topBar, bottomBar } = (0, define_slots_1.defineSlots)(children, {
-        topBar: top_bar_1.TopBar,
-        content: slots_1.CardContent,
-        bottomBar: bottom_bar_1.BottomBar,
-        header: slots_1.CardHeader,
-        footer: slots_1.CardFooter,
-    });
-    return ((0, jsx_runtime_1.jsx)(utils_1.CardContext.Provider, { value: { rounds }, children: (0, jsx_runtime_1.jsxs)(plate_1.Plate, { ...restProps, rounds: rounds, className: (0, classnames_1.default)(card_module_scss_1.default.root, className), children: [!topBar && header, topBar && ((0, jsx_runtime_1.jsx)(top_bar_1.TopBar, { ...topBar.props, className: (0, classnames_1.default)(topBar.props.className, rounds === 's' && shapes_1.SmallRounds.top, rounds === 'm' && shapes_1.MediumRounds.top) })), content, bottomBar && (0, jsx_runtime_1.jsx)(bottom_bar_1.BottomBar, { ...bottomBar.props }), !bottomBar && footer] }) }));
-};
-exports.Card = Card;
-/**
- * @deprecated Нужно использовать TopBar.
- */
-exports.Card.Header = slots_1.CardHeader;
-/**
- * @deprecated Нужно использовать `import { CardContent }`.
- */
-exports.Card.Content = slots_1.CardContent;
-/**
- * @deprecated Нужно использовать BottomBar.
- */
-exports.Card.Footer = slots_1.CardFooter;
-//# sourceMappingURL=index.js.map

package/card/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/card/index.tsx"],"names":[],"mappings":";;;;;;;AAAA,oCAA6C;AAC7C,mCAA8D;AAqErD,4FArEA,mBAAW,OAqEA;AApEpB,mCAAsC;AACtC,0DAAsD;AACtD,wCAAoC;AACpC,8CAA0C;AAC1C,8CAA8D;AAC9D,4DAAoC;AACpC,0EAAwC;AAWxC;;;;GAIG;AACI,MAAM,IAAI,GAAkB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,GAAG,SAAS,EAAE,EAAE,EAAE;IACnF,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,0BAAW,EAAC,QAAQ,EAAE;QAC3E,MAAM,EAAE,gBAAM;QACd,OAAO,EAAE,mBAAW;QACpB,SAAS,EAAE,sBAAS;QACpB,MAAM,EAAE,kBAAU;QAClB,MAAM,EAAE,kBAAU;KACnB,CAAC,CAAC;IAEH,OAAO,CACL,uBAAC,mBAAW,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,MAAM,EAAE,YACrC,wBAAC,aAAK,OAAK,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,IAAA,oBAAU,EAAC,0BAAM,CAAC,IAAI,EAAE,SAAS,CAAC,aAChF,CAAC,MAAM,IAAI,MAAM,EACjB,MAAM,IAAI,CACT,uBAAC,gBAAM,OACD,MAAM,CAAC,KAAK,EAChB,SAAS,EAAE,IAAA,oBAAU,EACnB,MAAM,CAAC,KAAK,CAAC,SAAS,EACtB,MAAM,KAAK,GAAG,IAAI,oBAAW,CAAC,GAAG,EACjC,MAAM,KAAK,GAAG,IAAI,qBAAY,CAAC,GAAG,CACnC,GACD,CACH,EACA,OAAO,EACP,SAAS,IAAI,uBAAC,sBAAS,OAAK,SAAS,CAAC,KAAK,GAAI,EAC/C,CAAC,SAAS,IAAI,MAAM,IACf,GACa,CACxB,CAAC;AACJ,CAAC,CAAC;AA7BW,QAAA,IAAI,QA6Bf;AAEF;;GAEG;AACH,YAAI,CAAC,MAAM,GAAG,kBAAU,CAAC;AAEzB;;GAEG;AACH,YAAI,CAAC,OAAO,GAAG,mBAAW,CAAC;AAE3B;;GAEG;AACH,YAAI,CAAC,MAAM,GAAG,kBAAU,CAAC"}

package/card/slots.d.ts

@@ -1,41 +0,0 @@
-/// <reference types="react" />
-import { PlateProps } from '../plate';
-export interface CardHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
-    divided?: boolean;
-    rounds?: PlateProps['rounds'];
-}
-/**
- * Компонент слота "шапки" карточки.
- * @param props Свойства.
- * @deprecated Нужно использовать TopBar.
- * @return Элемент.
- */
-export declare function CardHeader({ children, divided }: CardHeaderProps): JSX.Element;
-export declare namespace CardHeader {
-    var displayName: string;
-}
-export interface CardContentProps extends React.HTMLAttributes<HTMLDivElement> {
-    scrollableRef?: React.Ref<HTMLDivElement>;
-}
-/**
- * Компонент слота основного контента карточки.
- * @param props Свойства.
- * @return Элемент.
- */
-export declare function CardContent({ children, className, scrollableRef, ...restProps }: CardContentProps): JSX.Element;
-export declare namespace CardContent {
-    var displayName: string;
-}
-export interface CardFooterProps extends React.HTMLAttributes<HTMLDivElement> {
-    divided?: boolean;
-}
-/**
- * Компонент слота "подвала" карточки.
- * @param props Свойства.
- * @deprecated Нужно использовать BottomBar.
- * @return Элемент.
- */
-export declare function CardFooter({ children, divided, className, ...restProps }: CardFooterProps): JSX.Element;
-export declare namespace CardFooter {
-    var displayName: string;
-}

package/card/slots.js

@@ -1,52 +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.CardFooter = exports.CardContent = exports.CardHeader = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const borders_1 = require("../styling/borders");
-const classnames_1 = __importDefault(require("classnames"));
-const card_module_scss_1 = __importDefault(require("./card.module.scss"));
-const top_bar_1 = require("../top-bar");
-const shapes_1 = require("../styling/shapes");
-const utils_1 = require("./utils");
-/**
- * Компонент слота "шапки" карточки.
- * @param props Свойства.
- * @deprecated Нужно использовать TopBar.
- * @return Элемент.
- */
-function CardHeader({ children, divided }) {
-    const { rounds } = (0, react_1.useContext)(utils_1.CardContext);
-    return ((0, jsx_runtime_1.jsx)("div", { className: (0, classnames_1.default)(divided && borders_1.InnerBorder.bottom), children: (0, react_1.isValidElement)(children) && children.type === top_bar_1.TopBar
-            ? (0, react_1.cloneElement)(children, {
-                className: (0, classnames_1.default)(children.props.className, divided && borders_1.InnerBorder.bottom, rounds === 's' && shapes_1.SmallRounds.top, rounds === 'm' && shapes_1.MediumRounds.top),
-            })
-            : children }));
-}
-exports.CardHeader = CardHeader;
-CardHeader.displayName = 'Card.Header';
-/**
- * Компонент слота основного контента карточки.
- * @param props Свойства.
- * @return Элемент.
- */
-function CardContent({ children, className, scrollableRef, ...restProps }) {
-    return ((0, jsx_runtime_1.jsx)("div", { ...restProps, ref: scrollableRef, className: (0, classnames_1.default)(card_module_scss_1.default.content, className), children: children }));
-}
-exports.CardContent = CardContent;
-CardContent.displayName = 'Card.Content';
-/**
- * Компонент слота "подвала" карточки.
- * @param props Свойства.
- * @deprecated Нужно использовать BottomBar.
- * @return Элемент.
- */
-function CardFooter({ children, divided, className, ...restProps }) {
-    return ((0, jsx_runtime_1.jsx)("div", { ...restProps, className: (0, classnames_1.default)(className, divided && borders_1.InnerBorder.top), children: children }));
-}
-exports.CardFooter = CardFooter;
-CardFooter.displayName = 'Card.Footer';
-//# sourceMappingURL=slots.js.map

package/card/slots.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"slots.js","sourceRoot":"","sources":["../../src/card/slots.tsx"],"names":[],"mappings":";;;;;;;AAAA,iCAAiE;AACjE,gDAAiD;AACjD,4DAAoC;AACpC,0EAAwC;AACxC,wCAAiD;AAEjD,8CAA8D;AAC9D,mCAAsC;AAOtC;;;;;GAKG;AACH,SAAgB,UAAU,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAmB;IAC/D,MAAM,EAAE,MAAM,EAAE,GAAG,IAAA,kBAAU,EAAC,mBAAW,CAAC,CAAC;IAE3C,OAAO,CACL,gCAAK,SAAS,EAAE,IAAA,oBAAU,EAAC,OAAO,IAAI,qBAAW,CAAC,MAAM,CAAC,YACtD,IAAA,sBAAc,EAAc,QAAQ,CAAC,IAAI,QAAQ,CAAC,IAAI,KAAK,gBAAM;YAChE,CAAC,CAAC,IAAA,oBAAY,EAAc,QAAQ,EAAE;gBAClC,SAAS,EAAE,IAAA,oBAAU,EACnB,QAAQ,CAAC,KAAK,CAAC,SAAS,EACxB,OAAO,IAAI,qBAAW,CAAC,MAAM,EAC7B,MAAM,KAAK,GAAG,IAAI,oBAAW,CAAC,GAAG,EACjC,MAAM,KAAK,GAAG,IAAI,qBAAY,CAAC,GAAG,CACnC;aACF,CAAC;YACJ,CAAC,CAAC,QAAQ,GACR,CACP,CAAC;AACJ,CAAC;AAjBD,gCAiBC;AAED,UAAU,CAAC,WAAW,GAAG,aAAa,CAAC;AAMvC;;;;GAIG;AACH,SAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,SAAS,EACT,aAAa,EACb,GAAG,SAAS,EACK;IACjB,OAAO,CACL,mCAAS,SAAS,EAAE,GAAG,EAAE,aAAa,EAAE,SAAS,EAAE,IAAA,oBAAU,EAAC,0BAAM,CAAC,OAAO,EAAE,SAAS,CAAC,YACrF,QAAQ,GACL,CACP,CAAC;AACJ,CAAC;AAXD,kCAWC;AAED,WAAW,CAAC,WAAW,GAAG,cAAc,CAAC;AAMzC;;;;;GAKG;AACH,SAAgB,UAAU,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,SAAS,EAAmB;IACxF,OAAO,CACL,mCAAS,SAAS,EAAE,SAAS,EAAE,IAAA,oBAAU,EAAC,SAAS,EAAE,OAAO,IAAI,qBAAW,CAAC,GAAG,CAAC,YAC7E,QAAQ,GACL,CACP,CAAC;AACJ,CAAC;AAND,gCAMC;AAED,UAAU,CAAC,WAAW,GAAG,aAAa,CAAC"}

package/card/utils.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import { PlateProps } from '../plate';
-export declare const CardContext: import("react").Context<Partial<PlateProps>>;