@vueless/storybook 1.2.10 → 1.2.12-beta.0

package/.storybook-js/themes/themeLightPreview.js

@@ -1,40 +0,0 @@
-import { create } from "storybook/theming/create";
-
-export const themeLightPreview = create({
-  base: "light",
-  // Typography
-  fontBase: '"Roboto", sans-serif',
-  fontCode: "monospace",
-
-  // Main colors
-  colorPrimary: "#111827", // gray-900
-  colorSecondary: "#6b7280", // gray-500
-
-  // UI
-  appBg: "#f3f4f6", // gray-100
-  appPreviewBg: "#f9fafb", // gray-50
-  appBorderColor: "#e5e7eb", // gray-200
-  appContentBg: "#f9fafb", // gray-50
-  appBorderRadius: 8,
-
-  // Text colors
-  textColor: "#111827", // gray-900
-  textInverseColor: "#f9fafb", // gray-50
-
-  // Toolbar default and active colors
-  barTextColor: "#6b7280", // gray-500
-  barHoverColor: "#4b5563", // gray-600
-  barSelectedColor: "#374151", // gray-700
-  barBg: "#ffffff", // white
-
-  // Form colors
-  inputBg: "#ffffff", // white
-  inputBorder: "#d1d5db", // gray-300
-  inputTextColor: "#111827", // gray-900
-  inputBorderRadius: 4,
-
-  buttonBg: "#f3f4f6", // gray-100
-  buttonBorder: "#e5e7eb", // gray-200
-  booleanBg: "#f9fafb", // gray-50
-  booleanSelectedBg: "#e5e7eb", // gray-200
-});

package/.storybook-ts/themes/manager.css

@@ -1,123 +0,0 @@
-/* -------------------- Storybook config tooltip -------------------- */
-
-div[data-testid="tooltip"] {
-    border-radius: 8px;
-    overflow: hidden;
-}
-
-div[data-testid="tooltip"] a[id]:hover,
-div[data-testid="tooltip"] button[id]:hover {
-    background-color: rgb(17 24 39 / 5%) !important;
-}
-
-.dark div[data-testid="tooltip"] a[id]:hover,
-.dark div[data-testid="tooltip"] button[id]:hover {
-    background-color: rgb(255 255 255 / 5%) !important;
-}
-
-/* -------------------- Storybook sidebar -------------------- */
-
-.dark .sidebar-container {
-    background: #020713;
-}
-
-.sidebar-header img {
-    width: 150px;
-}
-
-.sidebar-header a:focus {
-    border: 1px solid transparent;
-}
-
-.sidebar-item {
-    border-radius: 6px !important;
-}
-
-.dark .sidebar-item:hover {
-    background: #101828 !important;
-}
-
-.dark .sidebar-item[data-selected="true"],
-.dark .sidebar-item[data-selected="true"]:hover {
-    background: #1f2937 !important;
-}
-
-.search-field,
-.search-result-item {
-    border-radius: 8px !important;
-}
-
-.sidebar-item,
-.search-result-item {
-    text-transform: capitalize;
-}
-
-.light .sidebar-item svg[type="component"],
-.light .search-result-item svg[type="component"],
-.dark .search-result-item mark {
-    color: #10b981;
-    font-weight: 600;
-}
-
-.dark .sidebar-item svg[type="component"],
-.dark .search-result-item svg[type="component"],
-.light .search-result-item mark {
-    color: #059669;
-    font-weight: 600;
-}
-
-.light .sidebar-item svg[type="document"],
-.light .sidebar-item svg[type="story"],
-.light .search-result-item svg[type="document"],
-.light .search-result-item svg[type="story"] {
-    color: #9ca3af;
-}
-
-.dark .sidebar-item svg[type="document"],
-.dark .sidebar-item svg[type="story"],
-.dark .search-result-item svg[type="document"],
-.dark .search-result-item svg[type="story"] {
-    color: #4b5563;
-}
-
-.light .search-result-item--label {
-    color: #6b7280; /* text-gray-600 */
-}
-
-.dark .search-result-item--label {
-    color: #a8abb0; /* text-gray-400 */
-}
-
-#sidebar-bottom-wrapper {
-    display: none;
-}
-
-/* -------------------- Storybook args -------------------- */
-
-.dark,
-.dark #panel-tab-content div,
-.dark .docblock-argstable-body > tr > td {
-    background: #030712 !important;
-}
-
-.light,
-.light #panel-tab-content div,
-.light .docblock-argstable-body > tr > td {
-    background: #f9fafb !important;
-}
-
-.dark .docblock-argstable-head > tr {
-    background: #1e293b !important;
-}
-
-.dark .docblock-argstable-body tr > td textarea,
-.dark .docblock-argstable-body tr > td select,
-.dark .docblock-argstable-body tr > td:last-child button:not([tabindex="-1"]) {
-    background: #111827;
-    border: solid 1px #1f2937;
-    box-shadow: none;
-}
-
-.light .docblock-argstable-body tr > td:last-child button:not([tabindex="-1"]) {
-    background: white;
-}

package/.storybook-ts/themes/themeDark.ts

@@ -1,45 +0,0 @@
-import { create } from "storybook/theming/create";
-import type { ThemeVars } from "storybook/theming";
-
-export const themeDark: ThemeVars = create({
-  base: "dark",
-  // Typography
-  fontBase: '"Roboto", sans-serif',
-  fontCode: "monospace",
-
-  brandTitle: "Vueless UI",
-  brandUrl: "https://vueless.com",
-  brandImage: "./images/logo-dark.svg",
-  brandTarget: "_blank",
-
-  // Main colors
-  colorPrimary: "#e5e7eb", // gray-200
-  colorSecondary: "#374151", // gray-700
-
-  // UI
-  appBg: "#111827", // gray-900
-  appPreviewBg: "#111827", // gray-900
-  appBorderColor: "#111827", // gray-900
-  appBorderRadius: 0,
-
-  // Text colors
-  textColor: "#d1d5db", // gray-300
-  textInverseColor: "#1f2937", // gray-800
-
-  // Toolbar default and active colors
-  barTextColor: "#6b7280", // gray-500
-  barHoverColor: "#9ca3af", // gray-400
-  barSelectedColor: "#d1d5db", // gray-300
-  barBg: "#030712", // gray-950
-
-  // Form colors
-  inputBg: "#030712", // gray-950
-  inputBorder: "#4b5563", // gray-600
-  inputTextColor: "#f3f4f6", // gray-100
-  inputBorderRadius: 4,
-
-  buttonBg: "#1f2937", // gray-800
-  buttonBorder: "#1f2937", // gray-800
-  booleanBg: "#111827", // gray-900
-  booleanSelectedBg: "#1f2937", // gray-800
-});

package/.storybook-ts/themes/themeLight.ts

@@ -1,45 +0,0 @@
-import { create } from "storybook/theming/create";
-import type { ThemeVars } from "storybook/theming";
-
-export const themeLight: ThemeVars = create({
-  base: "light",
-  // Typography
-  fontBase: '"Roboto", sans-serif',
-  fontCode: "monospace",
-
-  brandTitle: "Vueless UI",
-  brandUrl: "https://vueless.com",
-  brandImage: "./images/logo-light.svg",
-  brandTarget: "_blank",
-
-  // Main colors
-  colorPrimary: "#111827", // gray-900
-  colorSecondary: "#6b7280", // gray-500
-
-  // UI
-  appBg: "#ffffff", // white
-  appPreviewBg: "#f9fafb", // gray-50
-  appBorderColor: "#d1d5db", // gray-300
-  appBorderRadius: 0,
-
-  // Text colors
-  textColor: "#111827", // gray-900
-  textInverseColor: "#111827", // gray-900
-
-  // Toolbar default and active colors
-  barTextColor: "#6b7280", // gray-500
-  barHoverColor: "#4b5563", // gray-600
-  barSelectedColor: "#374151", // gray-700
-  barBg: "#f9fafb", // gray-50
-
-  // Form colors
-  inputBg: "#ffffff", // white
-  inputBorder: "#d1d5db", // gray-300
-  inputTextColor: "#111827", // gray-900
-  inputBorderRadius: 4,
-
-  buttonBg: "#f3f4f6", // gray-100
-  buttonBorder: "#e5e7eb", // gray-200
-  booleanBg: "#f9fafb", // gray-50
-  booleanSelectedBg: "#e5e7eb", // gray-200
-});

package/.storybook-ts/themes/themeLightPreview.ts

@@ -1,41 +0,0 @@
-import { create } from "storybook/theming/create";
-import type { ThemeVars } from "storybook/theming";
-
-export const themeLightPreview: ThemeVars = create({
-  base: "light",
-  // Typography
-  fontBase: '"Roboto", sans-serif',
-  fontCode: "monospace",
-
-  // Main colors
-  colorPrimary: "#111827", // gray-900
-  colorSecondary: "#6b7280", // gray-500
-
-  // UI
-  appBg: "#f3f4f6", // gray-100
-  appPreviewBg: "#f9fafb", // gray-50
-  appBorderColor: "#e5e7eb", // gray-200
-  appContentBg: "#f9fafb", // gray-50
-  appBorderRadius: 8,
-
-  // Text colors
-  textColor: "#111827", // gray-900
-  textInverseColor: "#f9fafb", // gray-50
-
-  // Toolbar default and active colors
-  barTextColor: "#6b7280", // gray-500
-  barHoverColor: "#4b5563", // gray-600
-  barSelectedColor: "#374151", // gray-700
-  barBg: "#ffffff", // white
-
-  // Form colors
-  inputBg: "#ffffff", // white
-  inputBorder: "#d1d5db", // gray-300
-  inputTextColor: "#111827", // gray-900
-  inputBorderRadius: 4,
-
-  buttonBg: "#f3f4f6", // gray-100
-  buttonBorder: "#e5e7eb", // gray-200
-  booleanBg: "#f9fafb", // gray-50
-  booleanSelectedBg: "#e5e7eb", // gray-200
-});