@salutejs/plasma-new-hope 0.144.0-canary.1418.10833167538.0 → 0.144.0-canary.1430.10833771822.0

package/styled-components/es/components/Editable/Editable.tokens.js

@@ -0,0 +1,13 @@
+export var classes = {
+  editableTextBox: 'editable-text-box'
+};
+export var tokens = {
+  editButtonBackground: '--plasma-editable-edit-button-background',
+  editButtonColor: '--plasma-editable-edit-button-color',
+  editButtonColorHover: '--plasma-editable-edit-button-color-hover',
+  editButtonPaddingLeft: '--plasma-editable-edit-button-padding-left',
+  placeholderColor: '--plasma-editable-placeholder-color',
+  caretColor: '--plasma-editable-caret-color',
+  textBoxMarginRight: '--plasma-editable-text-box-margin-right',
+  textBoxPaddingRight: '--plasma-editable-text-box-padding-right'
+};

package/styled-components/es/components/Editable/index.js

@@ -0,0 +1,2 @@
+export { editableConfig, editableRoot } from './Editable';
+export { tokens as editableTokens } from './Editable.tokens';

package/styled-components/es/components/Editable/utils/clearSelection.js

@@ -0,0 +1,13 @@
+import { canUseDOM } from '../../../utils';
+export var clearSelection = function clearSelection() {
+  if (!canUseDOM) {
+    return;
+  }
+  var doc = document;
+  if (window.getSelection) {
+    var _window$getSelection;
+    (_window$getSelection = window.getSelection()) === null || _window$getSelection === void 0 || _window$getSelection.removeAllRanges();
+  } else if (doc.selection) {
+    doc.selection.empty();
+  }
+};

package/styled-components/es/components/Editable/utils/index.js

@@ -0,0 +1,2 @@
+export { clearSelection } from './clearSelection';
+export { selectText } from './selectText';

package/styled-components/es/components/Editable/utils/selectText.js

@@ -0,0 +1,20 @@
+import { canUseDOM } from '../../../utils';
+export var selectText = function selectText(node) {
+  if (!canUseDOM) {
+    return;
+  }
+  setTimeout(function () {
+    var body = document.body;
+    if (window.getSelection && document.createRange) {
+      var range = document.createRange();
+      range.selectNodeContents(node);
+      var selection = window.getSelection();
+      selection === null || selection === void 0 || selection.removeAllRanges();
+      selection === null || selection === void 0 || selection.addRange(range);
+    } else if (body.createTextRange) {
+      var _range = body.createTextRange();
+      _range.moveToElementText(node);
+      _range.select();
+    }
+  });
+};

package/styled-components/es/components/Editable/variations/_size/base.js

@@ -0,0 +1,4 @@
+import { css } from 'styled-components';
+import { classes, tokens } from '../../Editable.tokens';
+import { EditButton } from '../../Editable.styles';
+export var base = /*#__PURE__*/css(["", "{padding-left:var(", ");}.", "{margin-right:var(", ");padding-right:var(", ");}"], EditButton, tokens.editButtonPaddingLeft, classes.editableTextBox, tokens.textBoxMarginRight, tokens.textBoxPaddingRight);

package/styled-components/es/components/Editable/variations/_size/tokens.json

@@ -0,0 +1 @@
+["--plasma-editable-edit-button-padding-left"]

package/styled-components/es/components/Editable/variations/_view/base.js

@@ -0,0 +1,4 @@
+import { css } from 'styled-components';
+import { tokens } from '../../Editable.tokens';
+import { EditButton } from '../../Editable.styles';
+export var base = /*#__PURE__*/css(["", "{background:var( --plasma-editable-icon-background,linear-gradient(270deg,var(", ") 70%,rgba(0,0,0,0) 120%) );color:var(", ");}&:hover > ", "{color:var(", ");}"], EditButton, tokens.editButtonBackground, tokens.editButtonColor, EditButton, tokens.editButtonColorHover);

package/styled-components/es/components/Editable/variations/_view/tokens.json

@@ -0,0 +1,5 @@
+[
+    "--plasma-editable-edit-button-background",
+    "--plasma-editable-edit-button-color",
+    "--plasma-editable-edit-button-color-hover"
+]

package/styled-components/es/examples/plasma_b2c/components/Editable/Editable.config.js

@@ -0,0 +1,16 @@
+import { css } from 'styled-components';
+import { editableTokens } from '../../../../components/Editable';
+export var config = {
+  defaults: {
+    view: 'default',
+    size: 'm'
+  },
+  variations: {
+    view: {
+      "default": /*#__PURE__*/css(["", ":var(--background-primary);", ":var(--text-tertiary);", ":var(--text-primary);", ":var(--text-secondary);", ":var(--text-accent);"], editableTokens.editButtonBackground, editableTokens.editButtonColor, editableTokens.editButtonColorHover, editableTokens.placeholderColor, editableTokens.caretColor)
+    },
+    size: {
+      m: /*#__PURE__*/css(["", ":1rem;", ":1rem;", ":-1rem;"], editableTokens.editButtonPaddingLeft, editableTokens.textBoxPaddingRight, editableTokens.textBoxMarginRight)
+    }
+  }
+};

package/styled-components/es/examples/plasma_b2c/components/Editable/Editable.js

@@ -0,0 +1,16 @@
+import { editableConfig } from '../../../../components/Editable';
+import { component, mergeConfig } from '../../../../engines';
+import { Body } from '../../../typograpy/components/Body/Body';
+import { Dspl } from '../../../typograpy/components/Dspl/Dspl';
+import { Heading } from '../../../typograpy/components/Heading/Heading';
+import { Text } from '../../../typograpy/components/Text/Text';
+import { config } from './Editable.config';
+export var typographyVariants = {
+  Body: Body,
+  Dspl: Dspl,
+  Heading: Heading,
+  Text: Text
+};
+var finalConfig = /*#__PURE__*/editableConfig(typographyVariants);
+var mergedConfig = /*#__PURE__*/mergeConfig(finalConfig, config);
+export var Editable = /*#__PURE__*/component(mergedConfig);

package/styled-components/es/examples/plasma_b2c/components/Editable/Editable.stories.tsx

@@ -0,0 +1,81 @@
+import React, { useState } from 'react';
+import type { ComponentProps } from 'react';
+import type { StoryObj, Meta } from '@storybook/react';
+import { disableProps } from '@salutejs/plasma-sb-utils';
+
+import { IconDisclosureLeft } from '../../../../components/_Icon';
+import { WithTheme } from '../../../_helpers';
+
+import { Editable, typographyVariants } from './Editable';
+
+const iconSizes = ['s', 'xs'] as const;
+
+const meta: Meta<typeof Editable> = {
+    title: 'plasma_b2c/Editable',
+    decorators: [WithTheme],
+    component: Editable,
+    argTypes: {
+        ...disableProps([
+            'ref',
+            'theme',
+            'as',
+            'forwardedAs',
+            'textComponent',
+            'icon',
+            'onChange',
+            'onBlur',
+            'onPaste',
+            'value',
+            'view',
+            'size',
+        ]),
+    },
+};
+
+export default meta;
+
+type StoryPropsDefault = ComponentProps<typeof Editable> & {
+    iconSize: typeof iconSizes[number];
+    componentName: keyof typeof typographyVariants;
+    defaultValue: string;
+};
+
+const StoryDefault = ({ defaultValue, componentName, iconSize, ...rest }: StoryPropsDefault) => {
+    const [, setValue] = useState<string>(defaultValue);
+
+    const handleChange = (e) => {
+        setValue(e.target.textContent);
+    };
+
+    return (
+        <Editable
+            {...rest}
+            icon={<IconDisclosureLeft size={iconSize} color="inherit" />}
+            textComponent={typographyVariants[componentName]}
+            value={defaultValue}
+            onChange={handleChange}
+        />
+    );
+};
+
+export const Default: StoryObj<StoryPropsDefault> = {
+    argTypes: {
+        iconSize: {
+            options: iconSizes,
+            control: { type: 'select' },
+        },
+        componentName: {
+            options: Object.keys(typographyVariants),
+            control: { type: 'select' },
+        },
+    },
+    args: {
+        view: 'default',
+        size: 'm',
+        iconSize: 'xs',
+        componentName: 'Body',
+        defaultValue: 'Document 1',
+        placeholder: 'Компонент с возможностью редактирования текста',
+    },
+    render: (args) => <StoryDefault {...args} />,
+};

package/styled-components/es/examples/plasma_web/components/Editable/Editable.config.js

@@ -0,0 +1,16 @@
+import { css } from 'styled-components';
+import { editableTokens } from '../../../../components/Editable';
+export var config = {
+  defaults: {
+    view: 'default',
+    size: 'm'
+  },
+  variations: {
+    view: {
+      "default": /*#__PURE__*/css(["", ":var(--background-primary);", ":var(--text-tertiary);", ":var(--text-primary);", ":var(--text-secondary);", ":var(--text-accent);"], editableTokens.editButtonBackground, editableTokens.editButtonColor, editableTokens.editButtonColorHover, editableTokens.placeholderColor, editableTokens.caretColor)
+    },
+    size: {
+      m: /*#__PURE__*/css(["", ":1rem;", ":1rem;", ":-1rem;"], editableTokens.editButtonPaddingLeft, editableTokens.textBoxPaddingRight, editableTokens.textBoxMarginRight)
+    }
+  }
+};

package/styled-components/es/examples/plasma_web/components/Editable/Editable.js

@@ -0,0 +1,16 @@
+import { editableConfig } from '../../../../components/Editable';
+import { component, mergeConfig } from '../../../../engines';
+import { Body } from '../../../typograpy/components/Body/Body';
+import { Dspl } from '../../../typograpy/components/Dspl/Dspl';
+import { Heading } from '../../../typograpy/components/Heading/Heading';
+import { Text } from '../../../typograpy/components/Text/Text';
+import { config } from './Editable.config';
+export var typographyVariants = {
+  Body: Body,
+  Dspl: Dspl,
+  Heading: Heading,
+  Text: Text
+};
+var finalConfig = /*#__PURE__*/editableConfig(typographyVariants);
+var mergedConfig = /*#__PURE__*/mergeConfig(finalConfig, config);
+export var Editable = /*#__PURE__*/component(mergedConfig);

package/styled-components/es/examples/plasma_web/components/Editable/Editable.stories.tsx

@@ -0,0 +1,81 @@
+import React, { useState } from 'react';
+import type { ComponentProps } from 'react';
+import type { StoryObj, Meta } from '@storybook/react';
+import { disableProps } from '@salutejs/plasma-sb-utils';
+
+import { IconDisclosureLeft } from '../../../../components/_Icon';
+import { WithTheme } from '../../../_helpers';
+
+import { Editable, typographyVariants } from './Editable';
+
+const iconSizes = ['s', 'xs'] as const;
+
+const meta: Meta<typeof Editable> = {
+    title: 'plasma_web/Editable',
+    decorators: [WithTheme],
+    component: Editable,
+    argTypes: {
+        ...disableProps([
+            'ref',
+            'theme',
+            'as',
+            'forwardedAs',
+            'textComponent',
+            'icon',
+            'onChange',
+            'onBlur',
+            'onPaste',
+            'value',
+            'view',
+            'size',
+        ]),
+    },
+};
+
+export default meta;
+
+type StoryPropsDefault = ComponentProps<typeof Editable> & {
+    iconSize: typeof iconSizes[number];
+    componentName: keyof typeof typographyVariants;
+    defaultValue: string;
+};
+
+const StoryDefault = ({ defaultValue, componentName, iconSize, ...rest }: StoryPropsDefault) => {
+    const [, setValue] = useState<string>(defaultValue);
+
+    const handleChange = (e) => {
+        setValue(e.target.textContent);
+    };
+
+    return (
+        <Editable
+            {...rest}
+            icon={<IconDisclosureLeft size={iconSize} color="inherit" />}
+            textComponent={typographyVariants[componentName]}
+            value={defaultValue}
+            onChange={handleChange}
+        />
+    );
+};
+
+export const Default: StoryObj<StoryPropsDefault> = {
+    argTypes: {
+        iconSize: {
+            options: iconSizes,
+            control: { type: 'select' },
+        },
+        componentName: {
+            options: Object.keys(typographyVariants),
+            control: { type: 'select' },
+        },
+    },
+    args: {
+        view: 'default',
+        size: 'm',
+        iconSize: 'xs',
+        componentName: 'Body',
+        defaultValue: 'Document 1',
+        placeholder: 'Компонент с возможностью редактирования текста',
+    },
+    render: (args) => <StoryDefault {...args} />,
+};

package/styled-components/es/index.js

@@ -55,4 +55,5 @@ export * from './components/DatePicker';
 export * from './components/Portal';
 export * from './components/Price';
 export * from './components/Autocomplete';
-export * from './components/EmptyState';
+export * from './components/EmptyState';
+export * from './components/Editable';

package/styled-components/es/utils/constants.js

@@ -0,0 +1,13 @@
+export var keyCodes = {
+  PageUp: 33,
+  PageDown: 34,
+  Home: 36,
+  End: 35,
+  Left: 37,
+  Right: 39,
+  Up: 38,
+  Down: 40,
+  Enter: 13,
+  Space: 32,
+  Escape: 27
+};

package/styled-components/es/utils/index.js

@@ -4,6 +4,8 @@ export { getSizeValueFromProp } from './getSizeValueFromProp';
 export { IS_REACT_18, safeUseId } from './react';
 export { isNumber } from './isNumber';
 export { isEmpty } from './isEmpty';
+import * as _constants from './constants';
+export { _constants as constants };
 export * from './getPopoverPlacement';
 export var cx = function cx() {
   for (var _len = arguments.length, classes = new Array(_len), _key = 0; _key < _len; _key++) {

package/types/components/Editable/Editable.d.ts

@@ -0,0 +1,23 @@
+import React from 'react';
+import type { RootProps } from '../../engines';
+import type { EditableProps, TypographyVariants } from './Editable.types';
+export declare const editableRoot: (typograpyVariants: TypographyVariants) => (Root: RootProps<HTMLSpanElement, Omit<EditableProps<TypographyVariants>, "textComponent">>) => React.ForwardRefExoticComponent<EditableProps<TypographyVariants> & React.RefAttributes<HTMLInputElement>>;
+export declare const editableConfig: (typographyVariants: TypographyVariants) => {
+    name: string;
+    tag: string;
+    layout: (Root: RootProps<HTMLSpanElement, Omit<EditableProps<TypographyVariants>, "textComponent">>) => React.ForwardRefExoticComponent<EditableProps<TypographyVariants> & React.RefAttributes<HTMLInputElement>>;
+    base: import("@linaria/core").LinariaClassName;
+    variations: {
+        view: {
+            css: import("@linaria/core").LinariaClassName;
+        };
+        size: {
+            css: import("@linaria/core").LinariaClassName;
+        };
+    };
+    defaults: {
+        view: string;
+        size: string;
+    };
+};
+//# sourceMappingURL=Editable.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Editable.d.ts","sourceRoot":"","sources":["../../../src/components/Editable/Editable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAYvE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAG/C,OAAO,KAAK,EAAE,aAAa,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAO1E,eAAO,MAAM,YAAY,sBAAuB,kBAAkB,+MAwI7D,CAAC;AAEN,eAAO,MAAM,cAAc,uBAAwB,kBAAkB;;;;;;;;;;;;;;;;;CAiBnE,CAAC"}

package/types/components/Editable/Editable.styles.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+export declare const EditButton: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & {
+    isHidden: boolean;
+}>;
+export declare const StyledInput: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLInputElement> & import("react").InputHTMLAttributes<HTMLInputElement> & Record<never, unknown>>;
+export declare const StyledPlacehpolder: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & Record<never, unknown>>;
+export declare const base: import("@linaria/core").LinariaClassName;
+//# sourceMappingURL=Editable.styles.d.ts.map

package/types/components/Editable/Editable.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Editable.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Editable/Editable.styles.ts"],"names":[],"mappings":";AAKA,eAAO,MAAM,UAAU;cAA2B,OAAO;EAKxD,CAAC;AAEF,eAAO,MAAM,WAAW,8KAAiB,CAAC;AAE1C,eAAO,MAAM,kBAAkB,uKAG9B,CAAC;AAEF,eAAO,MAAM,IAAI,0CAYhB,CAAC"}

package/types/components/Editable/Editable.tokens.d.ts

@@ -0,0 +1,14 @@
+export declare const classes: {
+    editableTextBox: string;
+};
+export declare const tokens: {
+    editButtonBackground: string;
+    editButtonColor: string;
+    editButtonColorHover: string;
+    editButtonPaddingLeft: string;
+    placeholderColor: string;
+    caretColor: string;
+    textBoxMarginRight: string;
+    textBoxPaddingRight: string;
+};
+//# sourceMappingURL=Editable.tokens.d.ts.map

package/types/components/Editable/Editable.tokens.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Editable.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Editable/Editable.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;CAEnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;CASlB,CAAC"}

package/types/components/Editable/Editable.types.d.ts

@@ -0,0 +1,39 @@
+import type { ComponentPropsWithRef, FC, InputHTMLAttributes, ReactNode } from 'react';
+export interface EditableProps<T> extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size'> {
+    /**
+     * Компонент, для которого будет добавлена возможность редактирования
+     */
+    textComponent: T[keyof T];
+    /**
+     * Значение текста
+     */
+    value?: string;
+    /**
+     * Проверка правописания
+     */
+    spellCheck?: 'true' | 'false';
+    /**
+     * Максимальная длина текста в символах
+     */
+    maxLength?: number;
+    /**
+     * Иконка справа от текста, для корректной работы hover на иконке нужно добавить свойство color="inherit"
+     */
+    icon?: ReactNode;
+    /**
+     * Текст для placeholder и aria-label
+     */
+    placeholder?: string;
+    /**
+     * Размер контрола.
+     */
+    size?: string;
+    /**
+     * Вид контрола.
+     */
+    view?: string;
+}
+export declare type TypographyVariants = {
+    [key: string]: FC<ComponentPropsWithRef<'div'>>;
+};
+//# sourceMappingURL=Editable.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Editable.types.d.ts","sourceRoot":"","sources":["../../../src/components/Editable/Editable.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,EAAE,EAAE,mBAAmB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvF,MAAM,WAAW,aAAa,CAAC,CAAC,CAAE,SAAQ,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IACzF;;OAEG;IACH,aAAa,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC;IAC1B;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC9B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,oBAAY,kBAAkB,GAAG;IAC7B,CAAC,GAAG,EAAE,MAAM,GAAG,EAAE,CAAC,qBAAqB,CAAC,KAAK,CAAC,CAAC,CAAC;CACnD,CAAC"}

package/types/components/Editable/index.d.ts

@@ -0,0 +1,3 @@
+export { editableConfig, editableRoot } from './Editable';
+export { tokens as editableTokens } from './Editable.tokens';
+//# sourceMappingURL=index.d.ts.map

package/types/components/Editable/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Editable/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAC1D,OAAO,EAAE,MAAM,IAAI,cAAc,EAAE,MAAM,mBAAmB,CAAC"}

package/types/components/Editable/utils/clearSelection.d.ts

@@ -0,0 +1,2 @@
+export declare const clearSelection: () => void;
+//# sourceMappingURL=clearSelection.d.ts.map

package/types/components/Editable/utils/clearSelection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"clearSelection.d.ts","sourceRoot":"","sources":["../../../../src/components/Editable/utils/clearSelection.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,cAAc,YAY1B,CAAC"}

package/types/components/Editable/utils/index.d.ts

@@ -0,0 +1,3 @@
+export { clearSelection } from './clearSelection';
+export { selectText } from './selectText';
+//# sourceMappingURL=index.d.ts.map

package/types/components/Editable/utils/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Editable/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC"}

package/types/components/Editable/utils/selectText.d.ts

@@ -0,0 +1,2 @@
+export declare const selectText: (node: Node) => void;
+//# sourceMappingURL=selectText.d.ts.map

package/types/components/Editable/utils/selectText.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"selectText.d.ts","sourceRoot":"","sources":["../../../../src/components/Editable/utils/selectText.ts"],"names":[],"mappings":"AASA,eAAO,MAAM,UAAU,SAAU,IAAI,SAoBpC,CAAC"}

package/types/components/Editable/variations/_size/base.d.ts

@@ -0,0 +1,2 @@
+export declare const base: import("@linaria/core").LinariaClassName;
+//# sourceMappingURL=base.d.ts.map

package/types/components/Editable/variations/_size/base.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../src/components/Editable/variations/_size/base.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,IAAI,0CAShB,CAAC"}

package/types/components/Editable/variations/_view/base.d.ts

@@ -0,0 +1,2 @@
+export declare const base: import("@linaria/core").LinariaClassName;
+//# sourceMappingURL=base.d.ts.map

package/types/components/Editable/variations/_view/base.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../src/components/Editable/variations/_view/base.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,IAAI,0CAYhB,CAAC"}

package/types/components/Pagination/utils/index.d.ts

@@ -14,5 +14,5 @@ export declare const defaultValues: {
     textQuickJump: string;
     textPerPage: string;
 };
-export declare const getSections: (value?: number | undefined, pages?: number | undefined, slots?: 8 | 10 | 12 | 14 | 7 | 9 | 11 | 13 | 15 | undefined) => number[][];
+export declare const getSections: (value?: number | undefined, pages?: number | undefined, slots?: 8 | 10 | 12 | 14 | 13 | 7 | 9 | 11 | 15 | undefined) => number[][];
 //# sourceMappingURL=index.d.ts.map

package/types/examples/plasma_b2c/components/Editable/Editable.config.d.ts

@@ -0,0 +1,15 @@
+export declare const config: {
+    defaults: {
+        view: string;
+        size: string;
+    };
+    variations: {
+        view: {
+            default: import("@linaria/core").LinariaClassName;
+        };
+        size: {
+            m: import("@linaria/core").LinariaClassName;
+        };
+    };
+};
+//# sourceMappingURL=Editable.config.d.ts.map

package/types/examples/plasma_b2c/components/Editable/Editable.config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Editable.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_b2c/components/Editable/Editable.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;CAuBlB,CAAC"}

package/types/examples/plasma_b2c/components/Editable/Editable.d.ts

@@ -0,0 +1,57 @@
+/// <reference types="react" />
+export declare const typographyVariants: {
+    Body: import("react").FunctionComponent<import("../../../../engines/types").PropsType<{
+        size: {
+            l: import("@linaria/core").LinariaClassName;
+            m: import("@linaria/core").LinariaClassName;
+            s: import("@linaria/core").LinariaClassName;
+            xs: import("@linaria/core").LinariaClassName;
+            xxs: import("@linaria/core").LinariaClassName;
+        };
+    }> & {
+        breakWord?: boolean | undefined;
+        color?: string | undefined;
+    } & import("../../../..").SpacingProps & import("../../../../components/Typography/Typography.types").BoldProps & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
+    Dspl: import("react").FunctionComponent<import("../../../../engines/types").PropsType<{
+        size: {
+            l: import("@linaria/core").LinariaClassName;
+            m: import("@linaria/core").LinariaClassName;
+            s: import("@linaria/core").LinariaClassName;
+        };
+    }> & {
+        breakWord?: boolean | undefined;
+        color?: string | undefined;
+    } & import("../../../..").SpacingProps & import("../../../../components/Typography/Typography.types").BoldProps & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
+    Heading: import("react").FunctionComponent<import("../../../../engines/types").PropsType<{
+        size: {
+            h1: import("@linaria/core").LinariaClassName;
+            h2: import("@linaria/core").LinariaClassName;
+            h3: import("@linaria/core").LinariaClassName;
+            h4: import("@linaria/core").LinariaClassName;
+            h5: import("@linaria/core").LinariaClassName;
+        };
+    }> & {
+        breakWord?: boolean | undefined;
+        color?: string | undefined;
+    } & import("../../../..").SpacingProps & import("../../../../components/Typography/Typography.types").BoldProps & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
+    Text: import("react").FunctionComponent<import("../../../../engines/types").PropsType<{
+        size: {
+            l: import("@linaria/core").LinariaClassName;
+            m: import("@linaria/core").LinariaClassName;
+            s: import("@linaria/core").LinariaClassName;
+            xs: import("@linaria/core").LinariaClassName;
+        };
+    }> & {
+        breakWord?: boolean | undefined;
+        color?: string | undefined;
+    } & import("../../../..").SpacingProps & import("../../../../components/Typography/Typography.types").BoldProps & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
+};
+export declare const Editable: import("react").FunctionComponent<import("../../../../engines/types").PropsType<{
+    view: {
+        default: import("@linaria/core").LinariaClassName;
+    };
+    size: {
+        m: import("@linaria/core").LinariaClassName;
+    };
+}> & import("../../../../components/Editable/Editable.types").EditableProps<import("../../../../components/Editable/Editable.types").TypographyVariants> & import("react").RefAttributes<HTMLInputElement>>;
+//# sourceMappingURL=Editable.d.ts.map

package/types/examples/plasma_b2c/components/Editable/Editable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Editable.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_b2c/components/Editable/Editable.ts"],"names":[],"mappings":";AASA,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAgC,CAAC;AAKhE,eAAO,MAAM,QAAQ;;;;;;;2MAA0B,CAAC"}

package/types/examples/plasma_web/components/Editable/Editable.config.d.ts

@@ -0,0 +1,15 @@
+export declare const config: {
+    defaults: {
+        view: string;
+        size: string;
+    };
+    variations: {
+        view: {
+            default: import("@linaria/core").LinariaClassName;
+        };
+        size: {
+            m: import("@linaria/core").LinariaClassName;
+        };
+    };
+};
+//# sourceMappingURL=Editable.config.d.ts.map

package/types/examples/plasma_web/components/Editable/Editable.config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Editable.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_web/components/Editable/Editable.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;CAuBlB,CAAC"}