@koide-labs/ui 0.0.0 → 0.0.1

package/src/styles/themes/light.css

@@ -1,86 +0,0 @@
-[data-theme="light"] {
-  @nested-import "prismjs/themes/prism.css";
-
-  --shadow-1: 0px 4px 8px 0px rgba(2, 2, 3, 0.1);
-  --shadow-2: 0px 8px 16px 0px rgba(2, 2, 3, 0.15);
-  --shadow-3: 0px 16px 32px 0px rgba(2, 2, 3, 0.2);
-
-  --background-root: #ebeced;
-  --background-default: #fcfcfc;
-  --background-higher: #f0f1f2;
-  --background-highest: #e4e5e6;
-  --background-overlay: #f0f1f2a0;
-  --foreground-default: #07080a;
-  --foreground-dimmer: #3d4047;
-  --foreground-dimmest: #5c5f66;
-  --outline-dimmest: #d2d4d6;
-  --outline-dimmer: #c0c3c4;
-  --outline-default: #afb1b3;
-  --outline-stronger: #98999c;
-  --outline-strongest: #74767a;
-  --red-dimmest: #ffc7c7;
-  --red-dimmer: #ff9494;
-  --red-default: #fa4b4b;
-  --red-stronger: #c20a0a;
-  --red-strongest: #8a0000;
-  --orange-dimmest: #ffcc99;
-  --orange-dimmer: #ff9933;
-  --orange-default: #d96d00;
-  --orange-stronger: #964b00;
-  --orange-strongest: #693400;
-  --yellow-dimmest: #ebd66e;
-  --yellow-dimmer: #cfb015;
-  --yellow-default: #a68a00;
-  --yellow-stronger: #736000;
-  --yellow-strongest: #4f4200;
-  --lime-dimmest: #c0e378;
-  --lime-dimmer: #93c926;
-  --lime-default: #639400;
-  --lime-stronger: #466900;
-  --lime-strongest: #3a5700;
-  --green-dimmest: #7aeb8d;
-  --green-dimmer: #3cc954;
-  --green-default: #00a11b;
-  --green-stronger: #036e15;
-  --green-strongest: #004d0d;
-  --teal-dimmest: #6fe5fc;
-  --teal-dimmer: #22c1e0;
-  --teal-default: #0093b0;
-  --teal-stronger: #00687d;
-  --teal-strongest: #004857;
-  --blue-dimmest: #b2d9ff;
-  --blue-dimmer: #6bb5ff;
-  --blue-default: #0f87ff;
-  --blue-stronger: #005cb8;
-  --blue-strongest: #004182;
-  --blurple-dimmest: #d7cfff;
-  --blurple-dimmer: #b2a3ff;
-  --blurple-default: #8e78ff;
-  --blurple-stronger: #5b40e3;
-  --blurple-strongest: #412f9c;
-  --purple-dimmest: #e6ccff;
-  --purple-dimmer: #d0a1ff;
-  --purple-default: #b266ff;
-  --purple-stronger: #7f38c7;
-  --purple-strongest: #5b278f;
-  --magenta-dimmest: #ffbfff;
-  --magenta-dimmer: #ff82ff;
-  --magenta-default: #eb3beb;
-  --magenta-stronger: #a321a3;
-  --magenta-strongest: #731c73;
-  --pink-dimmest: #ffc7ec;
-  --pink-dimmer: #ff87d7;
-  --pink-default: #f545ba;
-  --pink-stronger: #ab2980;
-  --pink-strongest: #781e5a;
-  --grey-dimmest: #d5d5d5;
-  --grey-dimmer: #b0b0b0;
-  --grey-default: #898989;
-  --grey-stronger: #616161;
-  --grey-strongest: #454545;
-  --brown-dimmest: #ffc9ab;
-  --brown-dimmer: #dea483;
-  --brown-default: #b07f63;
-  --brown-stronger: #805740;
-  --brown-strongest: #573e30;
-}

package/src/styles/transitions.module.css

@@ -1,31 +0,0 @@
-.transition_opacity {
-  transition: opacity var(--transition-duration-snappy)
-    var(--transition-timing-function-snappy);
-
-  &[data-starting-style],
-  &[data-ending-style] {
-    opacity: 0;
-  }
-}
-
-.transition_fade-out {
-  &[data-ending-style] {
-    opacity: 0;
-    transition: opacity var(--transition-duration-snappy)
-      var(--transition-timing-function-snappy);
-  }
-}
-
-.transition_scale {
-  transition:
-    opacity var(--transition-duration-snappy)
-      var(--transition-timing-function-snappy),
-    transform var(--transition-duration-snappy)
-      var(--transition-timing-function-snappy);
-
-  &[data-starting-style],
-  &[data-ending-style] {
-    transform: scale(0.96);
-    opacity: 0;
-  }
-}

package/stylelint.config.mjs

@@ -1,29 +0,0 @@
-/** @type {import("stylelint").Config} */
-export default {
-  extends: ["stylelint-config-standard"],
-  plugins: ["stylelint-selector-bem-pattern"],
-  /**
-   * I kind of want to ignore globals since we break a shit ton of rules
-   * https://stylelint.io/user-guide/configure#ignorefiles
-   */
-  ignoreFiles: ["src/styles/**/*.css", "src/integrations/tailwind.css"],
-  rules: {
-    /**
-     * We want to use BEM instead
-     * Defined here:
-     * https://github.com/postcss/postcss-bem-linter?tab=readme-ov-file
-     * https://en.bem.info/methodology/naming-convention/
-     */
-    "selector-class-pattern": null,
-    "plugin/selector-bem-pattern": {
-      preset: "bem",
-      implicitComponents: true,
-    },
-    "max-nesting-depth": [
-      1,
-      {
-        ignore: ["pseudo-classes", "blockless-at-rules"],
-      },
-    ],
-  },
-};

package/tsconfig.app.json

@@ -1,35 +0,0 @@
-{
-  "compilerOptions": {
-    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
-    "target": "ES2022",
-    "useDefineForClassFields": true,
-    "lib": ["ES2022", "DOM", "DOM.Iterable"],
-    "module": "ESNext",
-    "types": ["vite/client"],
-    "skipLibCheck": true,
-
-    /* Bundler mode */
-    "moduleResolution": "bundler",
-    "allowImportingTsExtensions": true,
-    "verbatimModuleSyntax": true,
-    "moduleDetection": "force",
-    "noEmit": true,
-    "jsx": "react-jsx",
-
-    /* Linting */
-    "strict": true,
-    "noUnusedLocals": true,
-    "noUnusedParameters": true,
-    "erasableSyntaxOnly": true,
-    "noFallthroughCasesInSwitch": true,
-    "noUncheckedSideEffectImports": true,
-
-    "plugins": [{ "name": "typescript-plugin-css-modules" }],
-
-    "baseUrl": ".",
-    "paths": {
-      "~/*": ["./src/*"]
-    }
-  },
-  "include": ["src"]
-}

package/tsconfig.json

@@ -1,7 +0,0 @@
-{
-  "files": [],
-  "references": [
-    { "path": "./tsconfig.app.json" },
-    { "path": "./tsconfig.node.json" }
-  ]
-}

package/tsconfig.node.json

@@ -1,26 +0,0 @@
-{
-  "compilerOptions": {
-    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
-    "target": "ES2023",
-    "lib": ["ES2023"],
-    "module": "ESNext",
-    "types": ["node"],
-    "skipLibCheck": true,
-
-    /* Bundler mode */
-    "moduleResolution": "bundler",
-    "allowImportingTsExtensions": true,
-    "verbatimModuleSyntax": true,
-    "moduleDetection": "force",
-    "noEmit": true,
-
-    /* Linting */
-    "strict": true,
-    "noUnusedLocals": true,
-    "noUnusedParameters": true,
-    "erasableSyntaxOnly": true,
-    "noFallthroughCasesInSwitch": true,
-    "noUncheckedSideEffectImports": true
-  },
-  "include": ["vite.config.ts"]
-}

package/vite.config.ts

@@ -1,103 +0,0 @@
-/// <reference types="vitest/config" />
-// https://vite.dev/config/
-
-import { fileURLToPath } from "node:url";
-import path from "path";
-import { storybookTest } from "@storybook/addon-vitest/vitest-plugin";
-import react from "@vitejs/plugin-react";
-import { playwright } from "@vitest/browser-playwright";
-import { glob } from "glob";
-import { defineConfig } from "vite";
-import dts from "vite-plugin-dts";
-import { libInjectCss } from "vite-plugin-lib-inject-css";
-import tsconfigPaths from "vite-tsconfig-paths";
-
-const dirname =
-  typeof __dirname !== "undefined"
-    ? __dirname
-    : path.dirname(fileURLToPath(import.meta.url));
-
-const IGNORE_STORIES = ["src/**/*.stories.tsx", "src/stories/**/*"];
-
-// More info at: https://storybook.js.org/docs/next/writing-tests/integrations/vitest-addon
-export default defineConfig({
-  plugins: [
-    tsconfigPaths(),
-    libInjectCss(),
-    react(),
-    dts({
-      include: ["src"],
-      exclude: IGNORE_STORIES,
-      tsconfigPath: "./tsconfig.app.json",
-    }),
-  ],
-  build: {
-    minify: "esbuild",
-    lib: {
-      entry: {
-        index: path.resolve(__dirname, "src/index.ts"),
-      },
-      formats: ["es"],
-    },
-    rollupOptions: {
-      external: ["react", "react/jsx-runtime", "react-dom"],
-      input: Object.fromEntries(
-        glob
-          .sync(
-            [
-              "src/**/!(*.d).{ts,tsx}",
-              "src/styles/core.css",
-              "src/styles/reset.css",
-              "src/integrations/tailwind.css",
-            ],
-            {
-              ignore: IGNORE_STORIES,
-            },
-          )
-          .map((file) => [
-            path.relative(
-              "src",
-              file.substring(0, file.length - path.extname(file).length),
-            ),
-            path.resolve(__dirname, file),
-          ]),
-      ),
-      output: {
-        globals: {
-          react: "React",
-          "react/jsx-runtime": "react/jsx-runtime",
-          "react-dom": "ReactDOM",
-        },
-      },
-    },
-    copyPublicDir: false,
-  },
-  test: {
-    projects: [
-      {
-        extends: true,
-        plugins: [
-          // The plugin will run tests for the stories defined in your Storybook config
-          // See options at: https://storybook.js.org/docs/next/writing-tests/integrations/vitest-addon#storybooktest
-          storybookTest({
-            configDir: path.join(dirname, ".storybook"),
-          }),
-        ],
-        test: {
-          name: "storybook",
-          browser: {
-            enabled: true,
-            headless: true,
-            provider: playwright({}),
-            instances: [
-              {
-                browser: "chromium",
-              },
-            ],
-          },
-          setupFiles: [".storybook/vitest.setup.ts"],
-        },
-      },
-    ],
-  },
-});

package/vitest.shims.d.ts

@@ -1 +0,0 @@
-/// <reference types="@vitest/browser-playwright" />