@salutejs/plasma-new-hope 0.109.0-canary.1310.10007111729.0 → 0.109.1-canary.1301.10056166255.0

package/styled-components/cjs/components/Breadcrumbs/README.md

@@ -1,78 +0,0 @@
-Структура файлов:
-
--   Breadcrumbs.types.ts
--   Breadcrumbs.tokens.ts
--   Breadcrumbs.tsx
--   index.ts
--   variants:
--   -   \_size:
--   -   -   base.ts
--   -   -   tokens.json
--   ui:
--   -   BreadcrumbItem:
--   -   -   BreadcrumbItem.tsx
--   -   BreadcrumbShorter:
--   -   -   BreadcrumbShorter.tsx
--   -   BreadcrumbSeparator:
--   -   -   BreadcrumbSeparator.tsx
-
-Логика работы:
-
-1. На вход идет 1 обязательный параметр: items
-
-```jsx
-<Breadcrumbs items={[{ title: 'Главная', href: '/' }]}></Breadcreumbs>
-```
-
-2. Затем генерируется массив элементов хлебных крошек, между ними сепаратор ( если указан пропс, то используется элемент из параметра, иначе стандартный из BreadcrumbSeparator )
-
-```jsx
-<Breadcrumbs items={[{ title: 'Главная', href: '/' }]} separator=">"></Breadcreumbs>
-```
-
-2.1. При генерации BreadcrumbItem, смотрит на href. Если он есть, то добавляется тег a, с указанной ссылкой, иначе ссылка не кликабельна
-
-```jsx
-<Breadcrumbs
-    items={[
-        { title: 'Главная', href: '/' },
-        { title: 'Контакты' }, // Без ссылки
-    ]}
-    separator=">"
-></Breadcreumbs>
-```
-
-3. Можно указать в item, вместо title и href - renderItem. Эта функция, которая возвращает любое, что придумал разработчик. кастомный шортер, определенный функционал для него ( например кнопку )
-
-```jsx
-const renderItem = () => {
-    return <Button>Контакты</Button>
-}
-<Breadcrumbs
-    items={[
-        {title: 'Главная', href: '/'},
-        {renderItem: renderItem}
-        {title: 'Адрес'}
-    ]}
-    separator=">">
-</Breadcreumbs>
-```
-
-ТАКЖЕ: Можно указать кол-во видимых элементов через параметр showItems. ShowItems: если указано четное число, напрмер 2 - то распределяется навномерно по 1 с каждой стороны. Если нечетное, напрмер 3 - то две будет справа и 1 слева. Все оставльное сокращается шортером
-
-```jsx
-const renderItem = () => {
-    return <Button>Контакты</Button>
-}
-<Breadcrumbs
-    items={[
-        {title: 'Главная', href: '/'},
-        {renderItem: renderItem}
-        {title: 'Адрес'}
-    ]}
-    showItems={2}
-    separator=">">
-</Breadcreumbs>
-```
-
-4. Затем все элементы рендерятся и показываются пользователю

package/styled-components/es/components/Breadcrumbs/README.md

@@ -1,78 +0,0 @@
-Структура файлов:
-
--   Breadcrumbs.types.ts
--   Breadcrumbs.tokens.ts
--   Breadcrumbs.tsx
--   index.ts
--   variants:
--   -   \_size:
--   -   -   base.ts
--   -   -   tokens.json
--   ui:
--   -   BreadcrumbItem:
--   -   -   BreadcrumbItem.tsx
--   -   BreadcrumbShorter:
--   -   -   BreadcrumbShorter.tsx
--   -   BreadcrumbSeparator:
--   -   -   BreadcrumbSeparator.tsx
-
-Логика работы:
-
-1. На вход идет 1 обязательный параметр: items
-
-```jsx
-<Breadcrumbs items={[{ title: 'Главная', href: '/' }]}></Breadcreumbs>
-```
-
-2. Затем генерируется массив элементов хлебных крошек, между ними сепаратор ( если указан пропс, то используется элемент из параметра, иначе стандартный из BreadcrumbSeparator )
-
-```jsx
-<Breadcrumbs items={[{ title: 'Главная', href: '/' }]} separator=">"></Breadcreumbs>
-```
-
-2.1. При генерации BreadcrumbItem, смотрит на href. Если он есть, то добавляется тег a, с указанной ссылкой, иначе ссылка не кликабельна
-
-```jsx
-<Breadcrumbs
-    items={[
-        { title: 'Главная', href: '/' },
-        { title: 'Контакты' }, // Без ссылки
-    ]}
-    separator=">"
-></Breadcreumbs>
-```
-
-3. Можно указать в item, вместо title и href - renderItem. Эта функция, которая возвращает любое, что придумал разработчик. кастомный шортер, определенный функционал для него ( например кнопку )
-
-```jsx
-const renderItem = () => {
-    return <Button>Контакты</Button>
-}
-<Breadcrumbs
-    items={[
-        {title: 'Главная', href: '/'},
-        {renderItem: renderItem}
-        {title: 'Адрес'}
-    ]}
-    separator=">">
-</Breadcreumbs>
-```
-
-ТАКЖЕ: Можно указать кол-во видимых элементов через параметр showItems. ShowItems: если указано четное число, напрмер 2 - то распределяется навномерно по 1 с каждой стороны. Если нечетное, напрмер 3 - то две будет справа и 1 слева. Все оставльное сокращается шортером
-
-```jsx
-const renderItem = () => {
-    return <Button>Контакты</Button>
-}
-<Breadcrumbs
-    items={[
-        {title: 'Главная', href: '/'},
-        {renderItem: renderItem}
-        {title: 'Адрес'}
-    ]}
-    showItems={2}
-    separator=">">
-</Breadcreumbs>
-```
-
-4. Затем все элементы рендерятся и показываются пользователю

package/styled-components/es/components/Calendar/ui/CalendarDayItem/CalendarDayItem.styles.js

@@ -1,65 +0,0 @@
-import styled from 'styled-components';
-import { classes, tokens } from '../../Calendar.tokens';
-import { addFocus } from '../../../../mixins';
-import { addSelected, flexCenter } from '../../mixins';
-var inRange = function inRange() {
-  return "\n    &:before {\n        content: '';\n        z-index: -1;\n        position: absolute;\n        width: 100%;\n        height: calc(100% - 0.125rem);\n        background: var(".concat(tokens.calendarRangeBackground, ");\n    }\n");
-};
-var sideInRange = function sideInRange() {
-  return "\n    &:before {\n        content: '';\n        z-index: -1;\n        position: absolute;\n        width: 0.75rem;\n        height: calc(100% - 0.125rem);\n        background: var(".concat(tokens.calendarRangeBackground, ");\n    }\n");
-};
-export var StyledDay = /*#__PURE__*/styled.div.withConfig({
-  componentId: "plasma-new-hope__sc-2y5uj0-0"
-})(["border-radius:calc(var(", ") - 0.125rem);", ";&.", "{", ";}&.", "{", ";}&.", "{&:before{left:", ";}}&.", "{&:before{right:", ";}}"], tokens.calendarDayItemBorderRadius, /*#__PURE__*/String(flexCenter), /*#__PURE__*/String(classes.dayInRange), /*#__PURE__*/inRange(), /*#__PURE__*/String(classes.daySideInRange), /*#__PURE__*/sideInRange(), /*#__PURE__*/String(classes.daySideLeft), function (_ref) {
-  var offset = _ref.offset;
-  return "".concat(offset, "px");
-}, /*#__PURE__*/String(classes.daySideRight), function (_ref2) {
-  var offset = _ref2.offset;
-  return "".concat(offset, "px");
-});
-var disabledDay = function disabledDay() {
-  return "\n    cursor: not-allowed;\n    opacity: 0.4;\n";
-};
-var disabledCurrentDay = function disabledCurrentDay() {
-  return "\n    ".concat(disabledDay(), ";\n");
-};
-export var StyledDayRoot = /*#__PURE__*/styled.div.withConfig({
-  componentId: "plasma-new-hope__sc-2y5uj0-1"
-})(["font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");position:relative;box-sizing:border-box;min-width:var(", ");min-height:var(", ");border-radius:var(", ");", ";color:", ";visibility:", ";&.", "{", ";", ";&.", "{", ";}}&.", "{color:var(", ");}&.", "{", ";}&.", "{", ";}&.", "{& > .", ":before{width:calc(100% + 2px);height:100%;}& > .", ":before{width:100%;right:-1px;left:unset;}& > .", ":before{width:100%;left:-1px;right:unset;}}"], tokens.calendarDayFontFamily, tokens.calendarDayFontSize, tokens.calendarDayFontStyle, tokens.calendarDayFontWeight, tokens.calendarDayFontLetterSpacing, tokens.calendarDayFontLineHeight, tokens.calendarDayItemWidth, tokens.calendarDayItemHeight, tokens.calendarDayItemBorderRadius, /*#__PURE__*/String(flexCenter), function (_ref3) {
-  var isDayInCurrentMonth = _ref3.isDayInCurrentMonth;
-  return isDayInCurrentMonth ? "var(".concat(tokens.calendarContentPrimaryColor, ")") : "var(".concat(tokens.calendarContentSecondaryColor, ")");
-}, function (_ref4) {
-  var isDayInCurrentMonth = _ref4.isDayInCurrentMonth,
-    isDouble = _ref4.isDouble;
-  return !isDayInCurrentMonth && isDouble ? 'hidden' : 'visible';
-}, /*#__PURE__*/String(classes.selectableItem), /*#__PURE__*/addSelected({
-  minWidth: /*#__PURE__*/"calc(var(".concat(tokens.calendarDayItemWidth, ") - 0.25rem)"),
-  minHeight: /*#__PURE__*/"calc(var(".concat(tokens.calendarDayItemHeight, ") - 0.25rem)"),
-  selectedFontWeight: /*#__PURE__*/"var(".concat(tokens.calendarDaySelectedFontWeight, ")"),
-  selectedBackground: /*#__PURE__*/"var(".concat(tokens.calendarSelectedItemBackground, ")"),
-  selectedColor: /*#__PURE__*/"var(".concat(tokens.calendarSelectedItemColor, ")"),
-  selectableBackgroundHover: /*#__PURE__*/"var(".concat(tokens.calendarSelectableItemBackgroundHover, ")"),
-  currentBorderColor: /*#__PURE__*/"var(".concat(tokens.calendarCurrentItemBorderColor, ")"),
-  activeBackground: /*#__PURE__*/"var(".concat(tokens.calendarActiveItemBackground, ")"),
-  activeColor: /*#__PURE__*/"var(".concat(tokens.calendarActiveItemColor, ")")
-}), /*#__PURE__*/addFocus({
-  outlineSize: '0.063rem',
-  outlineOffset: '-0.125rem',
-  outlineColor: /*#__PURE__*/"var(".concat(tokens.calendarOutlineFocusColor, ")"),
-  outlineRadius: /*#__PURE__*/"calc(var(".concat(tokens.calendarDayItemBorderRadius, ") + 0.125rem)")
-}), classes.currentItem, /*#__PURE__*/addFocus({
-  outlineSize: '0.063rem',
-  outlineOffset: '-0.1875rem',
-  outlineColor: /*#__PURE__*/"var(".concat(tokens.calendarOutlineFocusColor, ")"),
-  outlineRadius: /*#__PURE__*/"calc(var(".concat(tokens.calendarDayItemBorderRadius, ") + 0.125rem)")
-}), classes.dayOfWeek, tokens.calendarDayOfWeekColor, classes.dayDisabled, /*#__PURE__*/disabledDay(), classes.dayDisabledCurrent, /*#__PURE__*/disabledCurrentDay(), classes.currentItem, classes.dayInRange, classes.daySideRight, classes.daySideLeft);
-export var StyledEvents = /*#__PURE__*/styled.div.withConfig({
-  componentId: "plasma-new-hope__sc-2y5uj0-2"
-})(["display:flex;position:absolute;bottom:0.25rem;"]);
-export var StyledEvent = /*#__PURE__*/styled.div.withConfig({
-  componentId: "plasma-new-hope__sc-2y5uj0-3"
-})(["margin:0 0.063rem;width:0.188rem;height:0.188rem;border-radius:50%;background-color:", ";"], function (_ref5) {
-  var _ref5$color = _ref5.color,
-    color = _ref5$color === void 0 ? 'var(--plasma-colors-accent)' : _ref5$color;
-  return color;
-});

package/types/components/Breadcrumbs/Breadcrumbs.types.d.ts

@@ -1,16 +0,0 @@
-import { HTMLAttributes, ReactNode } from 'react';
-declare type BreadcrumbsItem = {
-    href?: string;
-    title: string;
-} | {
-    renderItem: () => ReactNode;
-};
-declare type Breadcrumbs = {
-    size: 'xs' | 's' | 'm' | 'l';
-    separator?: ReactNode;
-    items: BreadcrumbsItem[];
-    showItems: number;
-};
-export declare type BreadcrumbsProps = HTMLAttributes<HTMLDivElement> & Breadcrumbs;
-export {};
-//# sourceMappingURL=Breadcrumbs.types.d.ts.map

package/types/components/Breadcrumbs/Breadcrumbs.types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Breadcrumbs.types.d.ts","sourceRoot":"","sources":["../../../src/components/Breadcrumbs/Breadcrumbs.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElD,aAAK,eAAe,GACd;IAEI,IAAI,CAAC,EAAE,MAAM,CAAC;IAGd,KAAK,EAAE,MAAM,CAAC;CACjB,GACD;IAEI,UAAU,EAAE,MAAM,SAAS,CAAC;CAC/B,CAAC;AAER,aAAK,WAAW,GAAG;IAEf,IAAI,EAAE,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;IAG7B,SAAS,CAAC,EAAE,SAAS,CAAC;IAGtB,KAAK,EAAE,eAAe,EAAE,CAAC;IAGzB,SAAS,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,oBAAY,gBAAgB,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG,WAAW,CAAC"}

package/types/components/Calendar/ui/CalendarDayItem/CalendarDayItem.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-import type { CalendarDayItemProps } from './CalendarDayItem.types';
-/**
- * Компонент дня в календаре.
- */
-export declare const CalendarDayItem: React.MemoExoticComponent<React.ForwardRefExoticComponent<CalendarDayItemProps & React.RefAttributes<HTMLDivElement>>>;
-//# sourceMappingURL=CalendarDayItem.d.ts.map

package/types/components/Calendar/ui/CalendarDayItem/CalendarDayItem.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"CalendarDayItem.d.ts","sourceRoot":"","sources":["../../../../../src/components/Calendar/ui/CalendarDayItem/CalendarDayItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAKhD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAGpE;;GAEG;AACH,eAAO,MAAM,eAAe,wHAwF3B,CAAC"}

package/types/components/Calendar/ui/CalendarDayItem/CalendarDayItem.styles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"CalendarDayItem.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Calendar/ui/CalendarDayItem/CalendarDayItem.styles.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAEnD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AA2BrD,eAAO,MAAM,SAAS;YAAwB,MAAM;EAwBnD,CAAC;AAWF,eAAO,MAAM,aAAa,oKAoFzB,CAAC;AAEF,eAAO,MAAM,YAAY,qKAKxB,CAAC;AAEF,eAAO,MAAM,WAAW;;EAQvB,CAAC"}

package/types/components/Calendar/ui/CalendarDayItem/CalendarDayItem.types.d.ts

@@ -1,13 +0,0 @@
-import type { HTMLAttributes } from 'react';
-import type { DayProps, EventDay } from '../../Calendar.types';
-export interface CalendarDayItemProps extends DayProps, HTMLAttributes<HTMLDivElement> {
-    day: number | string;
-    year?: number;
-    monthIndex?: number;
-    sideInRange?: 'left' | 'right';
-    eventList?: EventDay[];
-    isFocused?: boolean;
-    disabledArrowKey?: string;
-    disabledMonths?: string;
-}
-//# sourceMappingURL=CalendarDayItem.types.d.ts.map

package/types/components/Calendar/ui/CalendarDayItem/CalendarDayItem.types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"CalendarDayItem.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/Calendar/ui/CalendarDayItem/CalendarDayItem.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAE/D,MAAM,WAAW,oBAAqB,SAAQ,QAAQ,EAAE,cAAc,CAAC,cAAc,CAAC;IAClF,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC/B,SAAS,CAAC,EAAE,QAAQ,EAAE,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,cAAc,CAAC,EAAE,MAAM,CAAC;CAC3B"}