kamotive_ui 2.3.26 → 3.6.26

package/dist/types/pell.d.ts

@@ -0,0 +1,29 @@
+declare module 'pell' {
+	interface PellAction {
+	  name: string;
+	  icon: string;
+	  title: string;
+	  result: () => void;
+	}
+  
+	interface PellOptions {
+	  element: HTMLElement;
+	  onChange: (html: string) => void;
+	  defaultParagraphSeparator?: string;
+	  actions?: Array<string | PellAction>;
+	  classes?: {
+		actionbar?: string;
+		button?: string;
+		content?: string;
+		selected?: string;
+	  };
+	}
+  
+	interface PellEditor {
+	  content: HTMLElement;
+	}
+  
+	export function init(options: PellOptions): PellEditor;
+	export function exec(command: string, value?: string): void;
+  }
+  

package/dist/{colors.css → variables.scss}

@@ -1,4 +1,38 @@
 :root {
+  //Шрифты
+   --font-family-headers: 'Montserrat', sans-serif;
+  --font-family-content: 'Open Sans', sans-serif;
+
+  --font-size-48: 48px;
+  --font-size-36: 36px;
+  --font-size-24: 24px;
+  --font-size-20: 20px;
+  --font-size-18: 18px;
+  --font-size-16: 16px;
+  --font-size-14: 14px;
+  --font-size-12: 12px;
+  --font-size-10: 10px;
+
+  --lineHeight-48: 56px;
+  --lineHeight-36: 42px;
+  --lineHeight-24: 32px;
+  --lineHeight-20: 28px;
+  --lineHeight-18: 24px;
+  --lineHeight-16: 22px;
+  --lineHeight-14: 18px;
+  --lineHeight-12: 16px;
+  --lineHeight-10: 14px;
+
+  --font-weight-bold: 700;
+  --font-weight-semiBold: 600;
+  --font-weight-medium: 500;
+  --font-weight-regular: 400;
+  --font-weight-light: 300;
+
+
+  --letterSpacing: 0em;
+
+  //Цвета
   --white: #ffffff;
 
   --grey-medium: #aeaeb2;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "kamotive_ui",
-  "version": "2.3.26",
+  "version": "03.6.26",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "files": [
@@ -20,6 +20,10 @@
   "license": "ISC",
   "description": "Библиотека UI-компонентов для использования в приложении",
   "dependencies": {
+    "@tiptap/extension-history": "^3.20.4",
+    "@tiptap/extension-underline": "^3.20.4",
+    "@tiptap/react": "^3.20.4",
+    "@tiptap/starter-kit": "^3.20.4",
     "@uiw/react-color": "^2.3.4",
     "classnames": "^2.5.1",
     "clsx": "^2.1.1",
@@ -46,6 +50,7 @@
     "eslint-plugin-react": "^7.37.2",
     "globals": "^15.13.0",
     "prettier": "^3.4.2",
+    "sass-embedded": "^1.100.0",
     "storybook": "^8.4.7",
     "typescript": "^5.7.2",
     "typescript-eslint": "^8.18.0",

package/dist/components/Checkbox/Checkbox.stories.d.ts

@@ -1,66 +0,0 @@
-import { ChangeEventHandler } from 'react';
-import type { Meta } from '@storybook/react';
-export interface CheckboxProps {
-    /** Идентификатор */
-    checked?: boolean;
-    /** Обработчик изменения состояния */
-    onChange?: ChangeEventHandler<HTMLInputElement>;
-    /** Заблокированный чекбокс */
-    disabled?: boolean;
-    /** Размер чекбокса */
-    size?: 'sm' | 'md';
-    /** Текст лейбла */
-    label?: string;
-}
-declare const meta: Meta<CheckboxProps>;
-export default meta;
-export declare const CheckboxOff: {
-    (argTypes: CheckboxProps): JSX.Element;
-    storyName: string;
-};
-export declare const CheckboxLabel: {
-    (argTypes: CheckboxProps): JSX.Element;
-    storyName: string;
-    args: {
-        label: string;
-    };
-};
-export declare const CheckboxChecked: {
-    (argTypes: CheckboxProps): JSX.Element;
-    storyName: string;
-    args: {
-        checked: boolean;
-        disabled: boolean;
-    };
-};
-export declare const CheckboxDisabled: {
-    (argTypes: CheckboxProps): JSX.Element;
-    storyName: string;
-    args: {
-        checked: boolean;
-        disabled: boolean;
-    };
-};
-export declare const CheckboxCheckedDisabled: {
-    (argTypes: CheckboxProps): JSX.Element;
-    storyName: string;
-    args: {
-        checked: boolean;
-        disabled: boolean;
-    };
-};
-export declare const CheckboxCustomColor: {
-    (argTypes: CheckboxProps): JSX.Element;
-    storyName: string;
-    args: {
-        color: string;
-    };
-};
-export declare const CheckboxCustomColorFilled: {
-    (argTypes: CheckboxProps): JSX.Element;
-    storyName: string;
-    args: {
-        color: string;
-        filled: boolean;
-    };
-};

package/dist/components/Checkbox/Checkbox.stories.js

@@ -1,75 +0,0 @@
-import React, { useState } from 'react';
-import { Checkbox } from './Checkbox';
-const meta = {
-    component: Checkbox,
-    parameters: {
-        layout: 'centered',
-    },
-    tags: ['autodocs'],
-    decorators: [
-        (Story) => (React.createElement("div", { style: {
-                backgroundColor: 'var(--white)',
-                padding: '30px',
-                borderRadius: '10px',
-                width: '900px'
-            } },
-            React.createElement(Story, null))),
-    ],
-    args: {
-        size: 'sm',
-        disabled: false,
-    },
-    argTypes: {
-        size: {
-            description: 'Свойство, позволяющее регулировать размер чекбокса',
-            control: { type: 'radio' },
-            options: ['sm', 'md'],
-        },
-        disabled: { description: 'Устанавливает атрибут disabled', control: { type: 'boolean' } },
-        checked: { description: 'Задаёт включённое состояние для компонента' },
-        label: { description: 'Текст лейбла чекбокса', type: 'string' },
-    },
-};
-export default meta;
-export const CheckboxOff = (argTypes) => {
-    const [checked, setChecked] = useState(false);
-    const handleChange = () => {
-        setChecked(prev => !prev);
-    };
-    return (React.createElement(Checkbox, Object.assign({ checked: checked, onChange: handleChange }, argTypes)));
-};
-CheckboxOff.storyName = 'Checkbox по умолчанию';
-export const CheckboxLabel = (argTypes) => React.createElement(Checkbox, Object.assign({}, argTypes));
-CheckboxLabel.storyName = 'Checkbox c label';
-CheckboxLabel.args = {
-    label: 'Чекбокс',
-};
-export const CheckboxChecked = (argTypes) => React.createElement(Checkbox, Object.assign({}, argTypes));
-CheckboxChecked.storyName = 'Checkbox выбран';
-CheckboxChecked.args = {
-    checked: true,
-    disabled: false,
-};
-export const CheckboxDisabled = (argTypes) => React.createElement(Checkbox, Object.assign({}, argTypes));
-CheckboxDisabled.storyName = 'Checkbox заблокирован';
-CheckboxDisabled.args = {
-    checked: false,
-    disabled: true,
-};
-export const CheckboxCheckedDisabled = (argTypes) => React.createElement(Checkbox, Object.assign({}, argTypes));
-CheckboxCheckedDisabled.storyName = 'Checkbox выбран и заблокирован';
-CheckboxCheckedDisabled.args = {
-    checked: true,
-    disabled: true,
-};
-export const CheckboxCustomColor = (argTypes) => React.createElement(Checkbox, Object.assign({}, argTypes));
-CheckboxCustomColor.storyName = 'Checkbox с кастомным цветом';
-CheckboxCustomColor.args = {
-    color: 'red',
-};
-export const CheckboxCustomColorFilled = (argTypes) => React.createElement(Checkbox, Object.assign({}, argTypes));
-CheckboxCustomColorFilled.storyName = 'Checkbox с кастомным цветом заполненный';
-CheckboxCustomColorFilled.args = {
-    color: 'red',
-    filled: true,
-};

package/dist/fonts.css

@@ -1,37 +0,0 @@
-@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
-@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
-:root {
-  --font-family-headers: 'Montserrat', sans-serif;
-  --font-family-content: 'Open Sans', sans-serif;
-
-  --font-size-48: 48px;
-  --font-size-36: 36px;
-  --font-size-24: 24px;
-  --font-size-20: 20px;
-  --font-size-18: 18px;
-  --font-size-16: 16px;
-  --font-size-14: 14px;
-  --font-size-12: 12px;
-  --font-size-10: 10px;
-
-  --lineHeight-48: 56px;
-  --lineHeight-36: 42px;
-  --lineHeight-24: 32px;
-  --lineHeight-20: 28px;
-  --lineHeight-18: 24px;
-  --lineHeight-16: 22px;
-  --lineHeight-14: 18px;
-  --lineHeight-12: 16px;
-  --lineHeight-10: 14px;
-
-  --font-weight-black: 900;
-  --font-weight-extraBold: 800;
-  --font-weight-bold: 700;
-  --font-weight-semiBold: 600;
-  --font-weight-medium: 500;
-  --font-weight-regular: 400;
-  --font-weight-light: 300;
-  --font-weight-extraLight: 200;
-
-  --letterSpacing: 0em;
-}