@gravity-ui/aikit 0.1.1 → 0.2.0

package/dist/components/templates/EmptyContainer/EmptyContainer.scss

@@ -0,0 +1,86 @@
+@use '../../../styles/variables';
+
+.#{variables.$ns}empty-container {
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+    width: 100%;
+    background: var(--g-aikit-empty-container-background);
+
+    &__content {
+        flex: 1;
+        display: flex;
+        flex-direction: column;
+        align-self: stretch;
+        gap: var(--g-aikit-empty-container-content-gap);
+        padding: var(--g-aikit-empty-container-padding);
+    }
+
+    &__welcome-section {
+        display: flex;
+        flex-direction: column;
+        gap: var(--g-spacing-6);
+    }
+
+    &__text-container {
+        display: flex;
+        flex-direction: column;
+        gap: var(--g-spacing-3);
+    }
+
+    &__image-container {
+        display: flex;
+        flex: 1;
+
+        &_align {
+            &_left {
+                justify-content: flex-start;
+            }
+
+            &_center {
+                justify-content: center;
+            }
+
+            &_right {
+                justify-content: flex-end;
+            }
+        }
+    }
+
+    &__title,
+    &__description {
+        &_align {
+            &_left {
+                text-align: left;
+            }
+
+            &_center {
+                text-align: center;
+            }
+
+            &_right {
+                text-align: right;
+            }
+        }
+    }
+
+    &__suggestions-section {
+        display: flex;
+        flex-direction: column;
+        gap: var(--g-spacing-3);
+    }
+
+    &__suggestions-title {
+        display: flex;
+        padding: 0 var(--g-spacing-2);
+        align-items: flex-start;
+        gap: var(--g-spacing-2);
+        align-self: stretch;
+    }
+
+    &__show-more {
+        display: flex;
+        justify-content: flex-start;
+        padding-top: var(--g-spacing-2);
+    }
+}

package/dist/components/templates/EmptyContainer/i18n/en.json

@@ -0,0 +1,3 @@
+{
+  "show-more-button": "Show more examples"
+}

package/dist/components/templates/EmptyContainer/i18n/ru.json

@@ -0,0 +1,3 @@
+{
+  "show-more-button": "Показать больше примеров"
+}

package/dist/components/templates/History/History.scss

@@ -0,0 +1,90 @@
+@use '../../../styles/variables';
+@use '../../../styles/functions' as *;
+
+$block: '.#{variables.$ns}history';
+
+#{$block} {
+    &__container {
+        display: flex;
+        flex-direction: column;
+        width: var(--g-aikit-history-width);
+        max-height: var(--g-aikit-history-max-height);
+        background: var(--g-color-base-background);
+    }
+
+    &__list-wrapper {
+        flex: 1;
+        overflow-y: auto;
+    }
+
+    &__list {
+        padding: 0 spacing(2) spacing(2) spacing(2);
+    }
+
+    &__list-item {
+        border-radius: 6px;
+    }
+
+    &__filter {
+        display: flex;
+        padding: spacing(2);
+        align-items: center;
+        gap: spacing(2);
+        align-self: stretch;
+        border-bottom: 1px solid var(--line-generic-color-line-generic);
+    }
+
+    &__date-header {
+        display: flex;
+        padding: var(--g-spacing-3) var(--g-spacing-2) var(--g-spacing-1) var(--g-spacing-2);
+        flex-direction: column;
+        align-items: flex-start;
+        gap: spacing(3);
+        align-self: stretch;
+    }
+
+    &__chat-item {
+        display: flex;
+        padding: spacing(2) spacing(4);
+        align-items: center;
+        gap: spacing(4);
+        align-self: stretch;
+        flex: 1;
+        min-width: 0;
+    }
+
+    &__chat-content {
+        height: var(--g-aikit-history-item-height);
+        flex: 1;
+        min-width: 0;
+        display: flex;
+        flex-direction: column;
+        justify-content: center;
+
+        > * {
+            overflow: hidden;
+            text-overflow: ellipsis;
+            white-space: nowrap;
+            min-width: 0;
+        }
+    }
+
+    &__icon-button {
+        color: var(--g-color-text-secondary);
+    }
+
+    &__delete-button {
+        margin-left: spacing(2);
+    }
+
+    &__empty {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        padding: spacing(8) spacing(4);
+        color: var(--g-color-text-secondary);
+        font-size: var(--g-text-body-2-font-size);
+        text-align: center;
+        flex: 1;
+    }
+}

package/dist/components/templates/History/i18n/en.json

@@ -0,0 +1,7 @@
+{
+  "action-load-more": "Load earlier conversations",
+  "search-placeholder": "Search your chats",
+  "empty-state": "No chats found",
+  "tooltip-history": "Chat history",
+  "tooltip-delete": "Delete"
+}

package/dist/components/templates/History/i18n/ru.json

@@ -0,0 +1,7 @@
+{
+  "action-load-more": "Загрузить еще",
+  "search-placeholder": "Поиск по чатам",
+  "empty-state": "Чаты не найдены",
+  "tooltip-history": "История чатов",
+  "tooltip-delete": "Удалить"
+}

package/dist/styles/_functions.scss

@@ -0,0 +1,5 @@
+// spacing @gravity-ui/uikit layout
+
+@function spacing($multiplier: 1) {
+    @return calc(var(--g-spacing-base) * $multiplier);
+}

package/dist/styles/styles.scss

@@ -0,0 +1 @@
+@import '@gravity-ui/uikit/styles/styles.css';

package/dist/styles/variables.scss

@@ -0,0 +1 @@
+$ns: 'g-aikit-';

package/dist/themes/dark.css

@@ -0,0 +1,19 @@
+/**
+ * Dark theme
+ */
+
+[data-theme='dark'] {
+    --g-aikit-bg-secondary: #2a2a2a;
+    --g-aikit-bg-message-user: #0066cc;
+    --g-aikit-bg-message-assistant: #2a2a2a;
+
+    --g-aikit-text-primary: #ffffff;
+    --g-aikit-text-secondary: #999999;
+    --g-aikit-text-message-user: #ffffff;
+    --g-aikit-text-message-assistant: #ffffff;
+
+    --g-aikit-border-color: #404040;
+    --g-aikit-accent-color: #0077ff;
+
+    --g-aikit-line-brand: var(--g-aikit-accent-color);
+}

package/dist/themes/light.css

@@ -0,0 +1,19 @@
+/**
+ * Light theme
+ */
+
+[data-theme='light'] {
+    --g-aikit-bg-secondary: #f5f5f5;
+    --g-aikit-bg-message-user: #0077ff;
+    --g-aikit-bg-message-assistant: #f0f0f0;
+
+    --g-aikit-text-primary: #000000;
+    --g-aikit-text-secondary: #666666;
+    --g-aikit-text-message-user: #ffffff;
+    --g-aikit-text-message-assistant: #000000;
+
+    --g-aikit-border-color: #e0e0e0;
+    --g-aikit-accent-color: #0077ff;
+
+    --g-aikit-line-brand: var(--g-aikit-accent-color);
+}

package/dist/themes/variables.css

@@ -0,0 +1,69 @@
+/**
+ * CSS variables for library theming
+ */
+
+.g-root {
+    /* === Colors === */
+    --g-aikit-color-bg-primary: var(--g-aikit-bg-primary, var(--g-color-base-float));
+    --g-aikit-color-bg-secondary: #f5f5f5;
+
+    /* === Layout === */
+    --g-aikit-layout-base-padding-m: 12px;
+
+    /* === Messages === */
+    --g-aikit-color-bg-message-user: #0077ff;
+    --g-aikit-color-bg-message-assistant: #f0f0f0;
+
+    /* === Disclaimer === */
+    --g-aikit-disclaimer-gap: 10px;
+
+    /* === Suggestions === */
+    --g-aikit-suggestions-box-shadow: 0 3px 10px rgba(198, 172, 255, 0.52);
+
+    /* === Header === */
+    --g-aikit-header-background: none;
+
+    /* === Context Indicator === */
+    --g-aikit-ci-color-progress-1: var(
+        --g-aikit-ci-progress-1,
+        var(--g-color-private-green-550-solid)
+    );
+    --g-aikit-ci-color-progress-2: var(
+        --g-aikit-ci-progress-2,
+        var(--g-color-private-orange-500-solid)
+    );
+    --g-aikit-ci-color-progress-3: var(
+        --g-aikit-ci-progress-3,
+        var(--g-color-private-red-500-solid)
+    );
+
+    /* === Shimmer === */
+    --g-aikit-shimmer-color-from: var(--g-aikit-shimmer-from, rgba(0, 0, 0, 0.35));
+    --g-aikit-shimmer-color-to: var(--g-aikit-shimmer-to, rgba(0, 0, 0, 0.85));
+    --g-aikit-shimmer-duration: var(--g-aikit-shimmer-time, 2.5s);
+    --g-aikit-shimmer-gradient-size: 200%;
+
+    /* === Chat History === */
+    --g-aikit-history-width: 360px;
+    --g-aikit-history-max-height: 560px;
+    --g-aikit-history-item-height: 24px;
+
+    /* === Prompt Input === */
+    --g-aikit-prompt-input-panel-max-height: 500px;
+
+    /* === Empty Container === */
+    --g-aikit-empty-container-background: var(--g-color-base-background);
+    --g-aikit-empty-container-content-gap: 48px;
+    --g-aikit-empty-container-padding: 48px 32px;
+
+    /* === Chat Content === */
+    --g-aikit-chat-content-background: var(--g-color-base-background);
+    --g-aikit-chat-content-padding: 0 var(--g-aikit-layout-base-padding-m) var(--g-spacing-4)
+        var(--g-aikit-layout-base-padding-m);
+
+    /* === Chat Container === */
+    --g-aikit-chat-container-header-background: var(--g-color-base-background);
+    --g-aikit-chat-container-content-background: var(--g-color-base-background);
+    --g-aikit-chat-container-footer-background: var(--g-color-base-background);
+    --g-aikit-chat-container-background: var(--g-color-base-background);
+}

package/package.json

@@ -1,10 +1,21 @@
 {
   "name": "@gravity-ui/aikit",
-  "version": "0.1.1",
+  "version": "0.2.0",
   "description": "Gravity UI base kit for building ai assistant chats",
   "license": "MIT",
-  "main": "dist/index.js",
-  "types": "dist/index.d.ts",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    },
+    "./styles": "./dist/styles/styles.scss",
+    "./themes/dark": "./dist/themes/dark.css",
+    "./themes/light": "./dist/themes/light.css",
+    "./themes/variables": "./dist/themes/variables.css",
+    "./package.json": "./package.json"
+  },
   "files": [
     "dist"
   ],
@@ -38,7 +49,13 @@
     "lint:prettier": "prettier --check '**/*.{js,jsx,ts,tsx,css,scss,json,yaml,yml,md,mdx}'",
     "lint:prettier:fix": "prettier --write '**/*.{js,jsx,ts,tsx,css,scss,json,yaml,yml,md,mdx}'",
     "test": "npm run test:unit",
-    "build": "tsc",
+    "build": "npm run build:clean && npm run build:ts && npm run build:copy",
+    "build:clean": "rm -rf dist",
+    "build:ts": "tsc",
+    "build:copy": "npm run build:copy:styles && npm run build:copy:themes && npm run build:copy:i18n",
+    "build:copy:styles": "copyfiles -u 1 'src/**/*.scss' dist --exclude 'src/demo/**'",
+    "build:copy:themes": "copyfiles -u 1 'src/themes/**/*.css' dist",
+    "build:copy:i18n": "copyfiles -u 1 'src/**/i18n/*.json' dist",
     "start": "TS_NODE_PROJECT=.storybook/tsconfig.json storybook dev",
     "prepublishOnly": "npm run build",
     "test:unit": "jest --passWithNoTests",
@@ -74,6 +91,7 @@
     "@types/react": "^18.2.64",
     "@types/react-dom": "^18.2.21",
     "@types/uuid": "^11.0.0",
+    "copyfiles": "^2.4.1",
     "eslint": "^8.57.0",
     "eslint-plugin-storybook": "^9.0.5",
     "husky": "^9.0.11",

package/dist/.storybook/theme.d.ts

@@ -1,6 +0,0 @@
-export declare const ThemeLight: import("storybook/theming").ThemeVars;
-export declare const ThemeDark: import("storybook/theming").ThemeVars;
-export declare const themes: {
-    light: import("storybook/theming").ThemeVars;
-    dark: import("storybook/theming").ThemeVars;
-};

package/dist/.storybook/theme.js

@@ -1,28 +0,0 @@
-import { create } from 'storybook/theming';
-import pkg from '../package.json';
-function renderBrandTitle(theme) {
-    const titleColor = theme === 'light' ? 'rgba(0, 0, 0, 0.85)' : 'rgba(255, 255, 255, 0.85)';
-    const descriptionColor = theme === 'light' ? 'rgba(0, 0, 0, 0.5)' : 'rgba(255, 255, 255, 0.5)';
-    const logo = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 125 125" width="32" height="32" fill="none"><path fill="url(#a)" fill-rule="evenodd" d="M103.064 103.055c23.649-23.649 23.649-61.991 0-85.64L86.058 34.421c13.898 14.429 13.84 37.285-.254 51.379s-36.95 14.152-51.38.254l-17 17.001c23.649 23.649 61.991 23.649 85.64 0" clip-rule="evenodd"/><mask id="b" width="125" height="126" x="0" y="-1" maskUnits="userSpaceOnUse" style="mask-type:alpha"><path fill="#F37" fill-rule="evenodd" d="M17.74 17.736C-2.88 38.356-5.521 70.147 9.817 93.63c1.09 1.733 1.635 2.599 1.95 3.41.727 1.874.832 3.422.363 5.377-.203.846-.721 1.984-1.757 4.26-3.458 7.596-4.205 13.244-1.578 15.87 7.412 7.413 31.148-4.306 70.301-43.459s50.872-62.89 43.46-70.302c-2.627-2.626-8.274-1.879-15.869 1.578-2.286 1.04-3.429 1.56-4.278 1.763-1.946.465-3.484.362-5.35-.357-.805-.31-1.665-.848-3.366-1.916C70.206-5.529 38.378-2.902 17.74 17.736m50.165 50.161c14.261-14.26 23.878-27.765 17.263-34.38-14.396-14.396-37.626-14.505-51.887-.244-14.261 14.26-14.152 37.491.244 51.887 6.615 6.615 20.12-3.002 34.38-17.263" clip-rule="evenodd"/></mask><g mask="url(#b)"><path fill="#F37" fill-rule="evenodd" d="M17.74 17.736C-2.88 38.356-5.521 70.147 9.817 93.63c1.09 1.733 1.635 2.599 1.95 3.41.727 1.874.832 3.422.363 5.377-.203.846-.721 1.984-1.757 4.26-3.458 7.596-4.205 13.244-1.578 15.87 7.412 7.413 31.148-4.306 70.301-43.459s50.872-62.89 43.46-70.302c-2.627-2.626-8.274-1.879-15.869 1.578-2.286 1.04-3.429 1.56-4.278 1.763-1.946.465-3.484.362-5.35-.357-.805-.31-1.665-.848-3.366-1.916C70.206-5.529 38.378-2.902 17.74 17.736m50.165 50.161c14.261-14.26 23.878-27.765 17.263-34.38-14.396-14.396-37.626-14.505-51.887-.244-14.261 14.26-14.152 37.491.244 51.887 6.615 6.615 20.12-3.002 34.38-17.263" clip-rule="evenodd"/><g filter="url(#c)"><path fill="#FF0" d="M19.03 88C6.426 68.68 8.597 42.522 25.543 25.556 42.507 8.572 68.673 6.412 87.978 19.08c1.388.873 2.093 1.313 2.753 1.567 1.533.592 2.797.677 4.396.295.698-.167 1.638-.595 3.516-1.451 6.242-2.845 14.999-8.953 18.072-5.877 4.72 4.726-9.484 29.292-41.662 61.507s-56.716 47.351-61.436 42.626c-3.074-3.077 3.028-12.76 5.87-19.01.852-1.873 1.277-2.81 1.444-3.505.386-1.609.3-2.882-.298-4.425-.259-.667-.707-1.38-1.604-2.805z"/></g></g><defs><radialGradient id="a" cx="0" cy="0" r="1" gradientTransform="rotate(45 -43.592 103.062)scale(59.7564)" gradientUnits="userSpaceOnUse"><stop offset=".646" stop-color="#FF0"/><stop offset="1" stop-color="#F37"/></radialGradient><filter id="c" width="144.672" height="145.669" x="-8.053" y="-8.056" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_1776_29897" stdDeviation="9.509"/></filter></defs></svg>';
-    return `
-<div style="display: flex; align-items: flex-start">
-    <div style="flex-shrink: 0; line-height: 0">${logo}</div>
-    <div style="margin-inline-start: 8px">
-        <div style="font-size: 26px; line-height: 32px; color: ${titleColor}; font-weight: 600;">Gravity&nbsp;UI</div>
-        <div style="font-size: 14px; color: ${descriptionColor}; font-weight: 400;">AIKit&nbsp;v${pkg.version}</div>
-    </div>
-</div>
-    `.trim();
-}
-const common = {
-    // Typography
-    fontBase: '"Helvetica Neue", Arial, Helvetica, sans-serif',
-    fontCode: '"SF Mono", "Menlo", "Monaco", "Consolas", "Ubuntu Mono", "Liberation Mono", "DejaVu Sans Mono", "Courier New", "Courier", monospace',
-    brandUrl: 'https://gravity-ui.com/',
-};
-export const ThemeLight = create(Object.assign(Object.assign({ base: 'light' }, common), { brandTitle: renderBrandTitle('light') }));
-export const ThemeDark = create(Object.assign(Object.assign({ base: 'dark' }, common), { brandTitle: renderBrandTitle('dark') }));
-export const themes = {
-    light: ThemeLight,
-    dark: ThemeDark,
-};

package/dist/package.json

@@ -1,123 +0,0 @@
-{
-    "name": "@gravity-ui/aikit",
-    "version": "0.1.1",
-    "description": "Gravity UI base kit for building ai assistant chats",
-    "license": "MIT",
-    "main": "dist/index.js",
-    "types": "dist/index.d.ts",
-    "files": [
-        "dist"
-    ],
-    "engines": {
-        "node": ">= 20",
-        "npm": ">= 9",
-        "yarn": "Please use npm instead of yarn to install dependencies",
-        "pnpm": "Please use npm instead of pnpm to install dependencies"
-    },
-    "sideEffects": [
-        "*.css",
-        "*.scss"
-    ],
-    "repository": {
-        "type": "git",
-        "url": "git+https://github.com/gravity-ui/aikit.git"
-    },
-    "bugs": {
-        "url": "https://github.com/gravity-ui/aikit/issues"
-    },
-    "homepage": "https://github.com/gravity-ui/aikit#readme",
-    "scripts": {
-        "prepare": "husky",
-        "lint:js": "eslint --ext .js,.jsx,.ts,.tsx .",
-        "lint:styles": "stylelint 'src/**/*.scss'",
-        "lint": "run-p lint:js lint:styles lint:prettier typecheck",
-        "typecheck": "tsc --noEmit",
-        "lint:fix": "run-s lint:js:fix lint:styles:fix lint:prettier:fix typecheck",
-        "lint:js:fix": "eslint '**/*.{js,jsx,ts,tsx}' --max-warnings=0 --quiet --fix",
-        "lint:styles:fix": "stylelint **/*.scss --fix",
-        "lint:prettier": "prettier --check '**/*.{js,jsx,ts,tsx,css,scss,json,yaml,yml,md,mdx}'",
-        "lint:prettier:fix": "prettier --write '**/*.{js,jsx,ts,tsx,css,scss,json,yaml,yml,md,mdx}'",
-        "test": "npm run test:unit",
-        "build": "tsc",
-        "start": "TS_NODE_PROJECT=.storybook/tsconfig.json storybook dev",
-        "prepublishOnly": "npm run build",
-        "test:unit": "jest --passWithNoTests",
-        "playwright:install": "playwright install chromium webkit --with-deps",
-        "playwright": "playwright test --config=playwright-ct.config.ts",
-        "playwright:update": "npm run playwright -- -u all",
-        "playwright:clear-cache": "rm -rf ./playwright/.cache",
-        "playwright:docker": "./playwright/run-docker-command.sh npm run playwright --",
-        "playwright:docker:update": "./playwright/run-docker-command.sh npm run playwright:update --",
-        "playwright:docker:clear-cache": "./playwright/run-docker-command.sh clear-cache"
-    },
-    "devDependencies": {
-        "@babel/preset-env": "^7.28.5",
-        "@babel/preset-react": "^7.28.5",
-        "@babel/preset-typescript": "^7.28.5",
-        "@commitlint/cli": "^19.0.3",
-        "@commitlint/config-conventional": "^19.0.3",
-        "@gravity-ui/eslint-config": "^3.1.1",
-        "@gravity-ui/prettier-config": "^1.1.0",
-        "@gravity-ui/stylelint-config": "^4.0.1",
-        "@gravity-ui/tsconfig": "^1.0.0",
-        "@playwright/experimental-ct-react": "^1.56.1",
-        "@playwright/test": "^1.56.1",
-        "@storybook/addon-docs": "^9.0.5",
-        "@storybook/addon-styling-webpack": "^2.0.0",
-        "@storybook/addon-webpack5-compiler-babel": "^3.0.6",
-        "@storybook/preset-scss": "^1.0.3",
-        "@storybook/react-webpack5": "^9.0.5",
-        "@testing-library/dom": "^10.4.1",
-        "@testing-library/jest-dom": "^6.9.1",
-        "@testing-library/react": "^16.3.0",
-        "@types/jest": "^29.5.12",
-        "@types/react": "^18.2.64",
-        "@types/react-dom": "^18.2.21",
-        "@types/uuid": "^11.0.0",
-        "eslint": "^8.57.0",
-        "eslint-plugin-storybook": "^9.0.5",
-        "husky": "^9.0.11",
-        "jest": "^29.7.0",
-        "jest-environment-jsdom": "^30.2.0",
-        "nano-staged": "^0.8.0",
-        "npm-run-all": "^4.1.5",
-        "prettier": "^3.2.5",
-        "process": "^0.11.10",
-        "react": "^18.2.0",
-        "react-dom": "^18.2.0",
-        "sass": "^1.71.1",
-        "sass-loader": "^14.1.1",
-        "storybook": "^9.0.5",
-        "storybook-addon-mock-date": "^1.0.2",
-        "style-loader": "^3.3.4",
-        "stylelint": "^15.11.0",
-        "ts-jest": "^29.1.2",
-        "typescript": "^5.4.2"
-    },
-    "peerDependencies": {
-        "react": "^18.2.0",
-        "react-dom": "^18.2.0"
-    },
-    "nano-staged": {
-        "*.{scss}": [
-            "stylelint --fix --quiet"
-        ],
-        "*.{js,jsx,ts,tsx}": [
-            "eslint --fix --quiet"
-        ],
-        "*.{md,mdx}": [
-            "prettier --write"
-        ]
-    },
-    "dependencies": {
-        "@bem-react/classname": "^1.7.0",
-        "@diplodoc/transform": "^4.63.3",
-        "@gravity-ui/i18n": "^1.8.0",
-        "@gravity-ui/icons": "^2.16.0",
-        "@gravity-ui/uikit": "^7.25.0",
-        "dayjs": "^1.11.19",
-        "highlight.js": "^11.11.1",
-        "react-window": "^2.2.1",
-        "uuid": "^13.0.0"
-    }
-}

package/dist/src/components/atoms/ActionButton/__stories__/ActionButton.stories.d.ts

@@ -1,8 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react-webpack5';
-import { ActionButton } from '..';
-declare const _default: Meta;
-export default _default;
-type Story = StoryObj<typeof ActionButton>;
-export declare const Playground: Story;
-export declare const Default: Story;
-export declare const WithoutTooltip: Story;

package/dist/src/components/atoms/ActionButton/__stories__/ActionButton.stories.js

@@ -1,48 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Copy, Pencil } from '@gravity-ui/icons';
-import { Icon } from '@gravity-ui/uikit';
-import { ActionButton } from '..';
-import { ContentWrapper } from '../../../../demo/ContentWrapper';
-import MDXDocs from './Docs.mdx';
-export default {
-    title: 'atoms/ActionButton',
-    component: ActionButton,
-    parameters: {
-        docs: {
-            page: MDXDocs,
-        },
-    },
-};
-const defaultDecorators = [
-    (Story) => (_jsx(ContentWrapper, { children: _jsx(Story, {}) })),
-];
-const mockOnClick = () => {
-    // eslint-disable-next-line no-console
-    console.log('Button clicked');
-};
-export const Playground = {
-    args: {
-        tooltipTitle: 'Copy',
-        view: 'flat',
-        size: 'm',
-        children: _jsx(Icon, { data: Copy, size: 16 }),
-        onClick: mockOnClick,
-    },
-    decorators: defaultDecorators,
-};
-export const Default = {
-    args: {
-        tooltipTitle: 'Edit',
-        children: _jsx(Icon, { data: Pencil, size: 16 }),
-        onClick: mockOnClick,
-    },
-    decorators: defaultDecorators,
-};
-export const WithoutTooltip = {
-    args: {
-        children: _jsx(Icon, { data: Copy, size: 16 }),
-        view: 'outlined',
-        onClick: mockOnClick,
-    },
-    decorators: defaultDecorators,
-};

package/dist/src/components/atoms/Alert/__stories__/Alert.stories.d.ts

@@ -1,9 +0,0 @@
-import { Meta, StoryFn, StoryObj } from '@storybook/react-webpack5';
-import { AlertProps } from '..';
-declare const _default: Meta;
-export default _default;
-export declare const Playground: StoryFn<AlertProps>;
-export declare const Variant: StoryObj<AlertProps>;
-export declare const Action: StoryFn<AlertProps>;
-export declare const LongText: StoryFn<AlertProps>;
-export declare const CustomIcon: StoryFn<AlertProps>;

package/dist/src/components/atoms/Alert/__stories__/Alert.stories.js

@@ -1,56 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { Arrows3RotateLeft } from '@gravity-ui/icons';
-import { Icon } from '@gravity-ui/uikit';
-import { Alert } from '..';
-import { ContentWrapper } from '../../../../demo/ContentWrapper';
-import { Showcase } from '../../../../demo/Showcase';
-import { ShowcaseItem } from '../../../../demo/ShowcaseItem';
-import MDXDocs from './Docs.mdx';
-export default {
-    title: 'atoms/Alert',
-    component: Alert,
-    parameters: {
-        docs: {
-            page: MDXDocs,
-        },
-    },
-    argTypes: {
-        className: {
-            control: 'text',
-            description: 'Additional CSS class',
-        },
-        qa: {
-            control: 'text',
-            description: 'QA/test identifier',
-        },
-    },
-};
-const defaultDecorators = [
-    (Story) => (_jsx(ContentWrapper, { children: _jsx(Showcase, { children: _jsx(Story, {}) }) })),
-];
-export const Playground = (args) => (_jsx(ContentWrapper, { children: _jsx(Alert, Object.assign({}, args)) }));
-Playground.args = {
-    text: 'Alert message',
-    variant: 'default',
-};
-export const Variant = {
-    render: (args) => (_jsxs(_Fragment, { children: [_jsx(ShowcaseItem, { title: "Default", children: _jsx(Alert, Object.assign({}, args, { variant: "default" })) }), _jsx(ShowcaseItem, { title: "Info", children: _jsx(Alert, Object.assign({}, args, { variant: "info" })) }), _jsx(ShowcaseItem, { title: "Warning", children: _jsx(Alert, Object.assign({}, args, { variant: "warning" })) }), _jsx(ShowcaseItem, { title: "Error", children: _jsx(Alert, Object.assign({}, args, { variant: "error" })) })] })),
-    decorators: defaultDecorators,
-    args: { text: 'Alert message' },
-};
-export const Action = (args) => (_jsx(ContentWrapper, { children: _jsx(Alert, Object.assign({}, args, { button: { content: 'Retry', onClick: () => ({}) } })) }));
-Action.args = {
-    text: 'Alert message',
-    variant: 'default',
-};
-export const LongText = (args) => (_jsx(ContentWrapper, { children: _jsx(Alert, Object.assign({}, args, { button: { content: 'Retry', onClick: () => ({}) } })) }));
-LongText.args = {
-    text: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum',
-    variant: 'warning',
-};
-export const CustomIcon = (args) => (_jsx(ContentWrapper, { children: _jsx(Alert, Object.assign({}, args, { icon: _jsx(Icon, { data: Arrows3RotateLeft, size: 20 }) })) }));
-CustomIcon.args = {
-    text: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum',
-    variant: 'default',
-    button: { content: 'Retry', onClick: () => ({}) },
-};