From 346e5c1fcf5df31f18902771a562a870af0e2507 Mon Sep 17 00:00:00 2001 From: Zachary Stence Date: Wed, 2 Oct 2024 12:01:43 -0500 Subject: [PATCH 001/420] chore: typechecking in tailwind package, placeholder default themes --- packages/ui/tailwind/config.js | 6 +- packages/ui/tailwind/package.json | 2 + packages/ui/tailwind/themes/defaultThemes.js | 46 +++++++- packages/ui/tailwind/themes/loadThemes.js | 10 +- packages/ui/tailwind/themes/schemas.js | 46 ++++++-- packages/ui/tailwind/tsconfig.json | 110 +++++++++++++++++++ 6 files changed, 198 insertions(+), 22 deletions(-) create mode 100644 packages/ui/tailwind/tsconfig.json diff --git a/packages/ui/tailwind/config.js b/packages/ui/tailwind/config.js index 4e3d2e547d..088b9bb880 100644 --- a/packages/ui/tailwind/config.js +++ b/packages/ui/tailwind/config.js @@ -1,9 +1,9 @@ import { createThemes } from 'tw-colors'; -import { loadThemes } from './themes/loadThemes'; +import { loadThemes } from './themes/loadThemes.js'; -const defaultTheme = require('tailwindcss/defaultTheme'); +const defaultTheme = require('tailwindcss/defaultTheme.js'); -/** @type {import('tailwindcss').Config} */ +/** @type {Partial} */ export const config = { theme: { extend: { diff --git a/packages/ui/tailwind/package.json b/packages/ui/tailwind/package.json index d09f5b02f0..d306f821d7 100644 --- a/packages/ui/tailwind/package.json +++ b/packages/ui/tailwind/package.json @@ -22,7 +22,9 @@ }, "main": "index.js", "source": "index.js", + "type": "module", "devDependencies": { + "@types/lodash": "^4.17.9", "typescript": "^5.5.4" } } \ No newline at end of file diff --git a/packages/ui/tailwind/themes/defaultThemes.js b/packages/ui/tailwind/themes/defaultThemes.js index 2936f9b03a..eca2e35d31 100644 --- a/packages/ui/tailwind/themes/defaultThemes.js +++ b/packages/ui/tailwind/themes/defaultThemes.js @@ -1,11 +1,49 @@ -/** @typedef {import('./schemas').Themes} Themes */ +/** @typedef {import('./schemas.js').Theme} Theme */ -/** @type {Themes}*/ +/** @type {Record<'light' | 'dark', Theme>} */ export const defaultThemes = { light: { - mySemanticColor: 'red' + primary: '#3b82f6', + 'primary-content': '#ffffff', + secondary: '#f59e0b', + 'secondary-content': '#ffffff', + accent: '#f472b6', + 'accent-content': '#ffffff', + neutral: '#333', + 'neutral-content': '#ffffff', + 'base-100': '#ffffff', + 'base-200': '#f9fafb', + 'base-300': '#f4f5f7', + 'base-content': '#1f2937', + info: '#2094f3', + 'info-content': '#ffffff', + positive: '#00b74a', + 'positive-content': '#ffffff', + negative: '#ff3d71', + 'negative-content': '#ffffff', + warning: '#ffaa2c', + 'warning-content': '#ffffff' }, dark: { - mySemanticColor: 'pink' + primary: '#3b82f6', + 'primary-content': '#ffffff', + secondary: '#f59e0b', + 'secondary-content': '#ffffff', + accent: '#f472b6', + 'accent-content': '#ffffff', + neutral: '#d1d5db', + 'neutral-content': '#ffffff', + 'base-100': '#1f2937', + 'base-200': '#233048', + 'base-300': '#374151', + 'base-content': '#ffffff', + info: '#2094f3', + 'info-content': '#ffffff', + positive: '#00b74a', + 'positive-content': '#ffffff', + negative: '#ff3d71', + 'negative-content': '#ffffff', + warning: '#ffaa2c', + 'warning-content': '#ffffff' } }; diff --git a/packages/ui/tailwind/themes/loadThemes.js b/packages/ui/tailwind/themes/loadThemes.js index 3ce639b5db..df60e93951 100644 --- a/packages/ui/tailwind/themes/loadThemes.js +++ b/packages/ui/tailwind/themes/loadThemes.js @@ -1,12 +1,12 @@ -import defaultsDeep from 'lodash/defaultsDeep'; +import defaultsDeep from 'lodash/defaultsDeep.js'; import { getEvidenceConfig } from '@evidence-dev/sdk/config'; -import { ThemesConfigSchema } from './schemas'; -import { defaultThemes } from './defaultThemes'; +import { ThemesConfigFileSchema } from './schemas.js'; +import { defaultThemes } from './defaultThemes.js'; -/** @returns {import('./schemas').Themes} */ +/** @returns {import('./schemas.js').Themes} */ export const loadThemes = () => { - const { themes: themesFromConfig } = getEvidenceConfig(ThemesConfigSchema); + const { themes: themesFromConfig } = getEvidenceConfig(ThemesConfigFileSchema); const themes = defaultsDeep(themesFromConfig, defaultThemes); return themes; }; diff --git a/packages/ui/tailwind/themes/schemas.js b/packages/ui/tailwind/themes/schemas.js index 8e482b3ff5..8b693ddb0a 100644 --- a/packages/ui/tailwind/themes/schemas.js +++ b/packages/ui/tailwind/themes/schemas.js @@ -1,17 +1,43 @@ import z from 'zod'; const ThemeSchema = z.object({ - mySemanticColor: z.string().optional() + primary: z.string(), + 'primary-content': z.string(), + secondary: z.string(), + 'secondary-content': z.string(), + accent: z.string(), + 'accent-content': z.string(), + neutral: z.string(), + 'neutral-content': z.string(), + 'base-100': z.string(), + 'base-200': z.string(), + 'base-300': z.string(), + 'base-content': z.string(), + info: z.string(), + 'info-content': z.string(), + positive: z.string(), + 'positive-content': z.string(), + negative: z.string(), + 'negative-content': z.string(), + warning: z.string(), + 'warning-content': z.string() }); +/** @typedef {z.infer} Theme */ -export const ThemesConfigSchema = z.object({ - themes: z - .object({ - light: ThemeSchema.nullish().transform((value) => value ?? /** @type {typeof value} */ ({})), - dark: ThemeSchema.nullish().transform((value) => value ?? /** @type {typeof value} */ ({})) - }) - .nullish() - .transform((value) => value ?? /** @type {typeof value} */ ({})) +/** @typedef {Record<'light' | 'dark', Theme>} Themes */ + +const ThemeConfigSchema = ThemeSchema.partial(); +/** @typedef {z.infer} ThemeConfig */ + +const ThemesConfigSchema = z.object({ + light: ThemeConfigSchema.nullish().transform((value) => value ?? /** @type {ThemeConfig} */ ({})), + dark: ThemeConfigSchema.nullish().transform((value) => value ?? /** @type {ThemeConfig} */ ({})) }); +/** @typedef {z.infer} ThemesConfig */ -/** @typedef {z.infer['themes']} Themes */ +export const ThemesConfigFileSchema = z.object({ + themes: ThemesConfigSchema.nullish().transform( + (value) => value ?? /** @type {ThemesConfig} */ ({}) + ) +}); +/** @typedef {z.infer} ThemesConfigFile */ diff --git a/packages/ui/tailwind/tsconfig.json b/packages/ui/tailwind/tsconfig.json new file mode 100644 index 0000000000..4343fc4422 --- /dev/null +++ b/packages/ui/tailwind/tsconfig.json @@ -0,0 +1,110 @@ +{ + "compilerOptions": { + /* Visit https://aka.ms/tsconfig to read more about this file */ + + /* Projects */ + // "incremental": true, /* Save .tsbuildinfo files to allow for incremental compilation of projects. */ + // "composite": true, /* Enable constraints that allow a TypeScript project to be used with project references. */ + // "tsBuildInfoFile": "./.tsbuildinfo", /* Specify the path to .tsbuildinfo incremental compilation file. */ + // "disableSourceOfProjectReferenceRedirect": true, /* Disable preferring source files instead of declaration files when referencing composite projects. */ + // "disableSolutionSearching": true, /* Opt a project out of multi-project reference checking when editing. */ + // "disableReferencedProjectLoad": true, /* Reduce the number of projects loaded automatically by TypeScript. */ + + /* Language and Environment */ + "target": "ESNext", /* Set the JavaScript language version for emitted JavaScript and include compatible library declarations. */ + // "lib": [], /* Specify a set of bundled library declaration files that describe the target runtime environment. */ + // "jsx": "preserve", /* Specify what JSX code is generated. */ + // "experimentalDecorators": true, /* Enable experimental support for legacy experimental decorators. */ + // "emitDecoratorMetadata": true, /* Emit design-type metadata for decorated declarations in source files. */ + // "jsxFactory": "", /* Specify the JSX factory function used when targeting React JSX emit, e.g. 'React.createElement' or 'h'. */ + // "jsxFragmentFactory": "", /* Specify the JSX Fragment reference used for fragments when targeting React JSX emit e.g. 'React.Fragment' or 'Fragment'. */ + // "jsxImportSource": "", /* Specify module specifier used to import the JSX factory functions when using 'jsx: react-jsx*'. */ + // "reactNamespace": "", /* Specify the object invoked for 'createElement'. This only applies when targeting 'react' JSX emit. */ + // "noLib": true, /* Disable including any library files, including the default lib.d.ts. */ + // "useDefineForClassFields": true, /* Emit ECMAScript-standard-compliant class fields. */ + // "moduleDetection": "auto", /* Control what method is used to detect module-format JS files. */ + + /* Modules */ + "module": "NodeNext", /* Specify what module code is generated. */ + // "rootDir": "./", /* Specify the root folder within your source files. */ + "moduleResolution": "NodeNext", /* Specify how TypeScript looks up a file from a given module specifier. */ + // "baseUrl": "./", /* Specify the base directory to resolve non-relative module names. */ + // "paths": {}, /* Specify a set of entries that re-map imports to additional lookup locations. */ + // "rootDirs": [], /* Allow multiple folders to be treated as one when resolving modules. */ + // "typeRoots": [], /* Specify multiple folders that act like './node_modules/@types'. */ + // "types": [], /* Specify type package names to be included without being referenced in a source file. */ + // "allowUmdGlobalAccess": true, /* Allow accessing UMD globals from modules. */ + // "moduleSuffixes": [], /* List of file name suffixes to search when resolving a module. */ + // "allowImportingTsExtensions": true, /* Allow imports to include TypeScript file extensions. Requires '--moduleResolution bundler' and either '--noEmit' or '--emitDeclarationOnly' to be set. */ + // "resolvePackageJsonExports": true, /* Use the package.json 'exports' field when resolving package imports. */ + // "resolvePackageJsonImports": true, /* Use the package.json 'imports' field when resolving imports. */ + // "customConditions": [], /* Conditions to set in addition to the resolver-specific defaults when resolving imports. */ + // "noUncheckedSideEffectImports": true, /* Check side effect imports. */ + // "resolveJsonModule": true, /* Enable importing .json files. */ + // "allowArbitraryExtensions": true, /* Enable importing files with any extension, provided a declaration file is present. */ + // "noResolve": true, /* Disallow 'import's, 'require's or ''s from expanding the number of files TypeScript should add to a project. */ + + /* JavaScript Support */ + "allowJs": true, /* Allow JavaScript files to be a part of your program. Use the 'checkJS' option to get errors from these files. */ + "checkJs": true, /* Enable error reporting in type-checked JavaScript files. */ + // "maxNodeModuleJsDepth": 1, /* Specify the maximum folder depth used for checking JavaScript files from 'node_modules'. Only applicable with 'allowJs'. */ + + /* Emit */ + // "declaration": true, /* Generate .d.ts files from TypeScript and JavaScript files in your project. */ + // "declarationMap": true, /* Create sourcemaps for d.ts files. */ + // "emitDeclarationOnly": true, /* Only output d.ts files and not JavaScript files. */ + // "sourceMap": true, /* Create source map files for emitted JavaScript files. */ + // "inlineSourceMap": true, /* Include sourcemap files inside the emitted JavaScript. */ + "noEmit": true, /* Disable emitting files from a compilation. */ + // "outFile": "./", /* Specify a file that bundles all outputs into one JavaScript file. If 'declaration' is true, also designates a file that bundles all .d.ts output. */ + // "outDir": "./", /* Specify an output folder for all emitted files. */ + // "removeComments": true, /* Disable emitting comments. */ + // "importHelpers": true, /* Allow importing helper functions from tslib once per project, instead of including them per-file. */ + // "downlevelIteration": true, /* Emit more compliant, but verbose and less performant JavaScript for iteration. */ + // "sourceRoot": "", /* Specify the root path for debuggers to find the reference source code. */ + // "mapRoot": "", /* Specify the location where debugger should locate map files instead of generated locations. */ + // "inlineSources": true, /* Include source code in the sourcemaps inside the emitted JavaScript. */ + // "emitBOM": true, /* Emit a UTF-8 Byte Order Mark (BOM) in the beginning of output files. */ + // "newLine": "crlf", /* Set the newline character for emitting files. */ + // "stripInternal": true, /* Disable emitting declarations that have '@internal' in their JSDoc comments. */ + // "noEmitHelpers": true, /* Disable generating custom helper functions like '__extends' in compiled output. */ + // "noEmitOnError": true, /* Disable emitting files if any type checking errors are reported. */ + // "preserveConstEnums": true, /* Disable erasing 'const enum' declarations in generated code. */ + // "declarationDir": "./", /* Specify the output directory for generated declaration files. */ + + /* Interop Constraints */ + // "isolatedModules": true, /* Ensure that each file can be safely transpiled without relying on other imports. */ + // "verbatimModuleSyntax": true, /* Do not transform or elide any imports or exports not marked as type-only, ensuring they are written in the output file's format based on the 'module' setting. */ + // "isolatedDeclarations": true, /* Require sufficient annotation on exports so other tools can trivially generate declaration files. */ + // "allowSyntheticDefaultImports": true, /* Allow 'import x from y' when a module doesn't have a default export. */ + "esModuleInterop": true, /* Emit additional JavaScript to ease support for importing CommonJS modules. This enables 'allowSyntheticDefaultImports' for type compatibility. */ + // "preserveSymlinks": true, /* Disable resolving symlinks to their realpath. This correlates to the same flag in node. */ + "forceConsistentCasingInFileNames": true, /* Ensure that casing is correct in imports. */ + + /* Type Checking */ + "strict": true, /* Enable all strict type-checking options. */ + // "noImplicitAny": true, /* Enable error reporting for expressions and declarations with an implied 'any' type. */ + // "strictNullChecks": true, /* When type checking, take into account 'null' and 'undefined'. */ + // "strictFunctionTypes": true, /* When assigning functions, check to ensure parameters and the return values are subtype-compatible. */ + // "strictBindCallApply": true, /* Check that the arguments for 'bind', 'call', and 'apply' methods match the original function. */ + // "strictPropertyInitialization": true, /* Check for class properties that are declared but not set in the constructor. */ + // "strictBuiltinIteratorReturn": true, /* Built-in iterators are instantiated with a 'TReturn' type of 'undefined' instead of 'any'. */ + // "noImplicitThis": true, /* Enable error reporting when 'this' is given the type 'any'. */ + // "useUnknownInCatchVariables": true, /* Default catch clause variables as 'unknown' instead of 'any'. */ + // "alwaysStrict": true, /* Ensure 'use strict' is always emitted. */ + // "noUnusedLocals": true, /* Enable error reporting when local variables aren't read. */ + // "noUnusedParameters": true, /* Raise an error when a function parameter isn't read. */ + // "exactOptionalPropertyTypes": true, /* Interpret optional property types as written, rather than adding 'undefined'. */ + // "noImplicitReturns": true, /* Enable error reporting for codepaths that do not explicitly return in a function. */ + // "noFallthroughCasesInSwitch": true, /* Enable error reporting for fallthrough cases in switch statements. */ + // "noUncheckedIndexedAccess": true, /* Add 'undefined' to a type when accessed using an index. */ + // "noImplicitOverride": true, /* Ensure overriding members in derived classes are marked with an override modifier. */ + // "noPropertyAccessFromIndexSignature": true, /* Enforces using indexed accessors for keys declared using an indexed type. */ + // "allowUnusedLabels": true, /* Disable error reporting for unused labels. */ + // "allowUnreachableCode": true, /* Disable error reporting for unreachable code. */ + + /* Completeness */ + // "skipDefaultLibCheck": true, /* Skip type checking .d.ts files that are included with TypeScript. */ + "skipLibCheck": true /* Skip type checking all .d.ts files. */ + } +} From 820a8296c014ceb724947e4a49e9e3c76c6a86e1 Mon Sep 17 00:00:00 2001 From: Zachary Stence Date: Wed, 2 Oct 2024 12:44:39 -0500 Subject: [PATCH 002/420] fix: return empty legacy config if not found --- packages/lib/sdk/src/configuration/getEvidenceConfig.legacy.js | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/packages/lib/sdk/src/configuration/getEvidenceConfig.legacy.js b/packages/lib/sdk/src/configuration/getEvidenceConfig.legacy.js index cf4503c8d2..8d9d11b338 100644 --- a/packages/lib/sdk/src/configuration/getEvidenceConfig.legacy.js +++ b/packages/lib/sdk/src/configuration/getEvidenceConfig.legacy.js @@ -11,7 +11,8 @@ export const getEvidenceConfigLegacy = () => { const filepath = path.join(projectRoot, 'evidence.plugins.yaml'); fileContents = fs.readFileSync(filepath, 'utf-8'); } catch (e) { - throw new EvidenceError('Could not find an evidence.plugins.yaml file.'); + console.error('Could not find an evidence.plugins.yaml file.'); + return { plugins: {} }; } const result = yaml.parse(fileContents.replaceAll(/($|\s)(@.+):/g, '$1"$2":')); From 42c0232ef56aaa1299741c37042f43891be58014 Mon Sep 17 00:00:00 2001 From: Zachary Stence Date: Wed, 2 Oct 2024 15:20:53 -0500 Subject: [PATCH 003/420] test: add storybook themes addon --- .../ui/core-components/.storybook/main.js | 1 + .../ui/core-components/.storybook/preview.js | 14 +- packages/ui/core-components/package.json | 23 +- pnpm-lock.yaml | 385 ++++++++---------- 4 files changed, 207 insertions(+), 216 deletions(-) diff --git a/packages/ui/core-components/.storybook/main.js b/packages/ui/core-components/.storybook/main.js index b4b0d33663..80a1f219bd 100644 --- a/packages/ui/core-components/.storybook/main.js +++ b/packages/ui/core-components/.storybook/main.js @@ -5,6 +5,7 @@ const config = { stories: ['../src/**/*.mdx', '../src/**/*.stories.@(js|jsx|ts|tsx|svelte)'], addons: [ '@storybook/addon-essentials', + '@storybook/addon-themes', '@storybook/addon-interactions', '@storybook/addon-svelte-csf', '@chromatic-com/storybook' diff --git a/packages/ui/core-components/.storybook/preview.js b/packages/ui/core-components/.storybook/preview.js index 5170de3549..50c32f27a7 100644 --- a/packages/ui/core-components/.storybook/preview.js +++ b/packages/ui/core-components/.storybook/preview.js @@ -1,3 +1,5 @@ +import { withThemeByDataAttribute } from '@storybook/addon-themes'; + import '../src/app.postcss'; import WithEvidence from '../src/lib/storybook-helpers/WithEvidence.svelte'; import { initialize } from '../src/lib/storybook-helpers/initializeUSQL.js'; @@ -20,7 +22,17 @@ const preview = { evidenceInclude: { table: { disable: true } }, series: { table: { disable: true } } }, - decorators: [() => WithEvidence], + decorators: [ + withThemeByDataAttribute({ + themes: { + light: 'light', + dark: 'dark' + }, + attributeName: 'data-theme', + defaultTheme: 'light' + }), + () => WithEvidence + ], loaders: [ async () => ({ usqlLoaded: await initialize() diff --git a/packages/ui/core-components/package.json b/packages/ui/core-components/package.json index 2233c6b649..e9c04bc457 100644 --- a/packages/ui/core-components/package.json +++ b/packages/ui/core-components/package.json @@ -47,7 +47,7 @@ "@steeze-ui/simple-icons": "^1.7.1", "@steeze-ui/svelte-icon": "1.5.0", "@steeze-ui/tabler-icons": "2.1.1", - "@storybook/test": "^8.2.8", + "@storybook/test": "^8.3.4", "@types/leaflet": "^1.9.12", "bits-ui": "^0.21.9", "chroma-js": "^2.4.2", @@ -79,18 +79,19 @@ "@evidence-dev/sdk": "workspace:*", "@evidence-dev/universal-sql": "workspace:*", "@fakerjs/faker": "^3.0.0", - "@storybook/addon-essentials": "^8.1.3", - "@storybook/addon-interactions": "^8.1.3", - "@storybook/addon-links": "^8.1.3", + "@storybook/addon-essentials": "^8.3.4", + "@storybook/addon-interactions": "^8.3.4", + "@storybook/addon-links": "^8.3.4", "@storybook/addon-svelte-csf": "^4.1.3", - "@storybook/blocks": "^8.1.3", - "@storybook/builder-vite": "^8.1.10", + "@storybook/addon-themes": "^8.3.4", + "@storybook/blocks": "^8.3.4", + "@storybook/builder-vite": "^8.3.4", "@storybook/jest": "^0.2.3", "@storybook/manager-api": "^8.1.6", - "@storybook/svelte": "^8.1.3", - "@storybook/sveltekit": "^8.1.3", + "@storybook/svelte": "^8.3.4", + "@storybook/sveltekit": "^8.3.4", "@storybook/testing-library": "^0.2.2", - "@storybook/theming": "^8.1.3", + "@storybook/theming": "^8.3.4", "@sveltejs/adapter-auto": "3.1.1", "@sveltejs/kit": "2.5.4", "@sveltejs/package": "^2.3.1", @@ -112,7 +113,7 @@ "publint": "^0.1.16", "react": "^17.0.2", "react-dom": "^17.0.2", - "storybook": "^8.2.8", + "storybook": "^8.3.4", "svelte": "4.2.19", "svelte-check": "3.6.7", "svelte-preprocess": "5.1.3", @@ -141,4 +142,4 @@ }, "readme": "ERROR: No README data found!", "_id": "@evidence-dev/core-components@0.0.1" -} +} \ No newline at end of file diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index c04c77919d..38767440e4 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -1297,8 +1297,8 @@ importers: specifier: 2.1.1 version: 2.1.1 '@storybook/test': - specifier: ^8.2.8 - version: 8.3.3(storybook@8.3.3) + specifier: ^8.3.4 + version: 8.3.4(storybook@8.3.4) '@types/leaflet': specifier: ^1.9.12 version: 1.9.12 @@ -1388,41 +1388,44 @@ importers: specifier: ^3.0.0 version: 3.0.0 '@storybook/addon-essentials': - specifier: ^8.1.3 - version: 8.3.3(storybook@8.3.3) + specifier: ^8.3.4 + version: 8.3.4(storybook@8.3.4) '@storybook/addon-interactions': - specifier: ^8.1.3 - version: 8.3.3(storybook@8.3.3) + specifier: ^8.3.4 + version: 8.3.4(storybook@8.3.4) '@storybook/addon-links': - specifier: ^8.1.3 - version: 8.3.3(react@17.0.2)(storybook@8.3.3) + specifier: ^8.3.4 + version: 8.3.4(react@17.0.2)(storybook@8.3.4) '@storybook/addon-svelte-csf': specifier: ^4.1.3 - version: 4.1.7(@storybook/svelte@8.3.3)(@sveltejs/vite-plugin-svelte@3.0.2)(storybook@8.3.3)(svelte@4.2.19)(vite@5.4.6) + version: 4.1.7(@storybook/svelte@8.3.4)(@sveltejs/vite-plugin-svelte@3.0.2)(storybook@8.3.4)(svelte@4.2.19)(vite@5.4.6) + '@storybook/addon-themes': + specifier: ^8.3.4 + version: 8.3.4(storybook@8.3.4) '@storybook/blocks': - specifier: ^8.1.3 - version: 8.3.3(react-dom@17.0.2)(react@17.0.2)(storybook@8.3.3) + specifier: ^8.3.4 + version: 8.3.4(react-dom@17.0.2)(react@17.0.2)(storybook@8.3.4) '@storybook/builder-vite': - specifier: ^8.1.10 - version: 8.3.3(storybook@8.3.3)(typescript@5.4.2)(vite@5.4.6) + specifier: ^8.3.4 + version: 8.3.4(storybook@8.3.4)(typescript@5.4.2)(vite@5.4.6) '@storybook/jest': specifier: ^0.2.3 version: 0.2.3 '@storybook/manager-api': specifier: ^8.1.6 - version: 8.3.3(storybook@8.3.3) + version: 8.3.3(storybook@8.3.4) '@storybook/svelte': - specifier: ^8.1.3 - version: 8.3.3(storybook@8.3.3)(svelte@4.2.19) + specifier: ^8.3.4 + version: 8.3.4(storybook@8.3.4)(svelte@4.2.19) '@storybook/sveltekit': - specifier: ^8.1.3 - version: 8.3.3(@sveltejs/vite-plugin-svelte@3.0.2)(postcss-load-config@4.0.2)(postcss@8.4.47)(storybook@8.3.3)(svelte@4.2.19)(typescript@5.4.2)(vite@5.4.6) + specifier: ^8.3.4 + version: 8.3.4(@sveltejs/vite-plugin-svelte@3.0.2)(postcss-load-config@4.0.2)(postcss@8.4.47)(storybook@8.3.4)(svelte@4.2.19)(typescript@5.4.2)(vite@5.4.6) '@storybook/testing-library': specifier: ^0.2.2 version: 0.2.2 '@storybook/theming': - specifier: ^8.1.3 - version: 8.3.3(storybook@8.3.3) + specifier: ^8.3.4 + version: 8.3.4(storybook@8.3.4) '@sveltejs/adapter-auto': specifier: 3.1.1 version: 3.1.1(@sveltejs/kit@2.5.4) @@ -1487,8 +1490,8 @@ importers: specifier: ^17.0.2 version: 17.0.2(react@17.0.2) storybook: - specifier: ^8.2.8 - version: 8.3.3 + specifier: ^8.3.4 + version: 8.3.4 svelte: specifier: 4.2.19 version: 4.2.19 @@ -1514,52 +1517,6 @@ importers: specifier: ^2.0.5 version: 2.1.1 - packages/ui/core-components/static/data: {} - - packages/ui/core-components/static/data/series_demo_source: {} - - packages/ui/core-components/static/data/series_demo_source/blog_posts: {} - - packages/ui/core-components/static/data/series_demo_source/comments: {} - - packages/ui/core-components/static/data/series_demo_source/flights: {} - - packages/ui/core-components/static/data/series_demo_source/follows: {} - - packages/ui/core-components/static/data/series_demo_source/hashtags: {} - - packages/ui/core-components/static/data/series_demo_source/la_locations: {} - - packages/ui/core-components/static/data/series_demo_source/la_zip_sales: {} - - packages/ui/core-components/static/data/series_demo_source/likes: {} - - packages/ui/core-components/static/data/series_demo_source/locations: {} - - packages/ui/core-components/static/data/series_demo_source/numeric_series: {} - - packages/ui/core-components/static/data/series_demo_source/numeric_series_seriesgaps: {} - - packages/ui/core-components/static/data/series_demo_source/numeric_series_xgaps: {} - - packages/ui/core-components/static/data/series_demo_source/numeric_series_xgaps_seriesgaps: {} - - packages/ui/core-components/static/data/series_demo_source/numeric_series_xgaps_ynulls: {} - - packages/ui/core-components/static/data/series_demo_source/numeric_series_xgaps_ynulls_seriesgaps: {} - - packages/ui/core-components/static/data/series_demo_source/numeric_series_ynulls: {} - - packages/ui/core-components/static/data/series_demo_source/numeric_series_ynulls_seriesgaps: {} - - packages/ui/core-components/static/data/series_demo_source/post_tags: {} - - packages/ui/core-components/static/data/series_demo_source/posts: {} - - packages/ui/core-components/static/data/series_demo_source/state_sales: {} - - packages/ui/core-components/static/data/series_demo_source/users: {} - packages/ui/icons: dependencies: '@steeze-ui/icons': @@ -1584,6 +1541,9 @@ importers: specifier: ^3.23.8 version: 3.23.8 devDependencies: + '@types/lodash': + specifier: ^4.17.9 + version: 4.17.9 typescript: specifier: ^5.5.4 version: 5.6.2 @@ -6985,111 +6945,111 @@ packages: resolution: {integrity: sha512-cWnORbuPwXhsrH3hebxZ0gSF/zMZEuLz014XoGcxXhU+GPYixqXjyBbTfJiGjbexRjkj7A2/1ocx6AcWEwN1Pw==} dev: false - /@storybook/addon-actions@8.3.3(storybook@8.3.3): - resolution: {integrity: sha512-cbpksmld7iADwDGXgojZ4r8LGI3YA3NP68duAHg2n1dtnx1oUaFK5wd6dbNuz7GdjyhIOIy3OKU1dAuylYNGOQ==} + /@storybook/addon-actions@8.3.4(storybook@8.3.4): + resolution: {integrity: sha512-1y0yD3upKcyzNwwA6loAGW2cRDqExwl4oAT7GJQA4tmabI+fNwmANSgU/ezLvvSUf4Qo0eJHg2Zcn8y+Apq2eA==} peerDependencies: - storybook: ^8.3.3 + storybook: ^8.3.4 dependencies: '@storybook/global': 5.0.0 '@types/uuid': 9.0.8 dequal: 2.0.3 polished: 4.3.1 - storybook: 8.3.3 + storybook: 8.3.4 uuid: 9.0.1 dev: true - /@storybook/addon-backgrounds@8.3.3(storybook@8.3.3): - resolution: {integrity: sha512-aX0OIrtjIB7UgSaiv20SFkfC1iWwJIGMPsPSJ5ZPhXIIOWIEBtSujh8YXwjDEXSC4DOHalmeT4bitRRe5KrVKA==} + /@storybook/addon-backgrounds@8.3.4(storybook@8.3.4): + resolution: {integrity: sha512-o3nl7cN3x8erJNxLEv8YptanEQAnbqnaseOAsvSC6/nnSAcRYBSs3BvekKvo4CcpS2mxn7F5NJTBFYnCXzy8EA==} peerDependencies: - storybook: ^8.3.3 + storybook: ^8.3.4 dependencies: '@storybook/global': 5.0.0 memoizerific: 1.11.3 - storybook: 8.3.3 + storybook: 8.3.4 ts-dedent: 2.2.0 dev: true - /@storybook/addon-controls@8.3.3(storybook@8.3.3): - resolution: {integrity: sha512-78xRtVpY7eX/Lti00JLgwYCBRB6ZcvzY3SWk0uQjEqcTnQGoQkVg2L7oWFDlDoA1LBY18P5ei2vu8MYT9GXU4g==} + /@storybook/addon-controls@8.3.4(storybook@8.3.4): + resolution: {integrity: sha512-qQcaK6dczsb6wXkzGZKOjUYNA7FfKBewRv6NvoVKYY6LfhllGOkmUAtYpdtQG8adsZWTSoZaAOJS2vP2uM67lw==} peerDependencies: - storybook: ^8.3.3 + storybook: ^8.3.4 dependencies: '@storybook/global': 5.0.0 dequal: 2.0.3 lodash: 4.17.21 - storybook: 8.3.3 + storybook: 8.3.4 ts-dedent: 2.2.0 dev: true - /@storybook/addon-docs@8.3.3(storybook@8.3.3): - resolution: {integrity: sha512-REUandqq1RnMNOhsocRwx5q2fdlBAYPTDFlKASYfEn4Ln5NgbQRGxOAWl7yXAAFzbDmUDU7K20hkauecF0tyMw==} + /@storybook/addon-docs@8.3.4(storybook@8.3.4): + resolution: {integrity: sha512-TWauhqF/gJgfwPuWeM6KM3LwC+ErCOM+K2z16w3vgao9s67sij8lnrdAoQ0hjA+kw2/KAdCakFS6FyciG81qog==} peerDependencies: - storybook: ^8.3.3 + storybook: ^8.3.4 dependencies: '@mdx-js/react': 3.0.1(@types/react@18.3.9)(react@17.0.2) - '@storybook/blocks': 8.3.3(react-dom@17.0.2)(react@17.0.2)(storybook@8.3.3) - '@storybook/csf-plugin': 8.3.3(storybook@8.3.3) + '@storybook/blocks': 8.3.4(react-dom@17.0.2)(react@17.0.2)(storybook@8.3.4) + '@storybook/csf-plugin': 8.3.4(storybook@8.3.4) '@storybook/global': 5.0.0 - '@storybook/react-dom-shim': 8.3.3(react-dom@17.0.2)(react@17.0.2)(storybook@8.3.3) + '@storybook/react-dom-shim': 8.3.4(react-dom@17.0.2)(react@17.0.2)(storybook@8.3.4) '@types/react': 18.3.9 fs-extra: 11.2.0 react: 17.0.2 react-dom: 17.0.2(react@17.0.2) rehype-external-links: 3.0.0 rehype-slug: 6.0.0 - storybook: 8.3.3 + storybook: 8.3.4 ts-dedent: 2.2.0 transitivePeerDependencies: - webpack-sources dev: true - /@storybook/addon-essentials@8.3.3(storybook@8.3.3): - resolution: {integrity: sha512-E/uXoUYcg8ulG3lVbsEKb4v5hnMeGkq9YJqiZYKgVK7iRFa6p4HeVB1wU1adnm7RgjWvh+p0vQRo4KL2CTNXqw==} + /@storybook/addon-essentials@8.3.4(storybook@8.3.4): + resolution: {integrity: sha512-C3+3hpmSn/8zdx5sXEP0eE6zMzxgRosHVZYfe9nBcMiEDp6UKVUyHVetWxEULOEgN46ysjcpllZ0bUkRYxi2IQ==} peerDependencies: - storybook: ^8.3.3 - dependencies: - '@storybook/addon-actions': 8.3.3(storybook@8.3.3) - '@storybook/addon-backgrounds': 8.3.3(storybook@8.3.3) - '@storybook/addon-controls': 8.3.3(storybook@8.3.3) - '@storybook/addon-docs': 8.3.3(storybook@8.3.3) - '@storybook/addon-highlight': 8.3.3(storybook@8.3.3) - '@storybook/addon-measure': 8.3.3(storybook@8.3.3) - '@storybook/addon-outline': 8.3.3(storybook@8.3.3) - '@storybook/addon-toolbars': 8.3.3(storybook@8.3.3) - '@storybook/addon-viewport': 8.3.3(storybook@8.3.3) - storybook: 8.3.3 + storybook: ^8.3.4 + dependencies: + '@storybook/addon-actions': 8.3.4(storybook@8.3.4) + '@storybook/addon-backgrounds': 8.3.4(storybook@8.3.4) + '@storybook/addon-controls': 8.3.4(storybook@8.3.4) + '@storybook/addon-docs': 8.3.4(storybook@8.3.4) + '@storybook/addon-highlight': 8.3.4(storybook@8.3.4) + '@storybook/addon-measure': 8.3.4(storybook@8.3.4) + '@storybook/addon-outline': 8.3.4(storybook@8.3.4) + '@storybook/addon-toolbars': 8.3.4(storybook@8.3.4) + '@storybook/addon-viewport': 8.3.4(storybook@8.3.4) + storybook: 8.3.4 ts-dedent: 2.2.0 transitivePeerDependencies: - webpack-sources dev: true - /@storybook/addon-highlight@8.3.3(storybook@8.3.3): - resolution: {integrity: sha512-MB084xJM66rLU+iFFk34kjLUiAWzDiy6Kz4uZRa1CnNqEK0sdI8HaoQGgOxTIa2xgJor05/8/mlYlMkP/0INsQ==} + /@storybook/addon-highlight@8.3.4(storybook@8.3.4): + resolution: {integrity: sha512-rxZTeuZyZ7RnU+xmRhS01COFLbGnVEmlUNxBw8ArsrTEZKW5PbKpIxNLTj9F0zdH8H0MfryJGP+Aadcm0oHWlw==} peerDependencies: - storybook: ^8.3.3 + storybook: ^8.3.4 dependencies: '@storybook/global': 5.0.0 - storybook: 8.3.3 + storybook: 8.3.4 dev: true - /@storybook/addon-interactions@8.3.3(storybook@8.3.3): - resolution: {integrity: sha512-3w5tpCGYdF33wF44xEhTS3Zmcwd6nITtwy5q+PJvHCJAm3fpjzL3xrjtlHKDvXNwYacJPRCbWKn2QwtxZIdN0g==} + /@storybook/addon-interactions@8.3.4(storybook@8.3.4): + resolution: {integrity: sha512-ORxqe35wUmF7EDHo45mdDHiju3Ryk2pZ1vO9PyvW6ZItNlHt/IxAr7T/TysGejZ/eTBg6tMZR3ExGky3lTg/CQ==} peerDependencies: - storybook: ^8.3.3 + storybook: ^8.3.4 dependencies: '@storybook/global': 5.0.0 - '@storybook/instrumenter': 8.3.3(storybook@8.3.3) - '@storybook/test': 8.3.3(storybook@8.3.3) + '@storybook/instrumenter': 8.3.4(storybook@8.3.4) + '@storybook/test': 8.3.4(storybook@8.3.4) polished: 4.3.1 - storybook: 8.3.3 + storybook: 8.3.4 ts-dedent: 2.2.0 dev: true - /@storybook/addon-links@8.3.3(react@17.0.2)(storybook@8.3.3): - resolution: {integrity: sha512-rz4KEbzr1ca4zZEZwbOnhKiaEsokCl1KkngxT/C1YIkpW908j/kg2nnIb5MrtlAW1nirXguAR74t6CGntvdU9w==} + /@storybook/addon-links@8.3.4(react@17.0.2)(storybook@8.3.4): + resolution: {integrity: sha512-R1DjARmxRIKJDGIG6uxmQ1yFNyoQbb+QIPUFjgWCak8+AdLJbC7W+Esvo9F5hQfh6czyy0piiM3qj5hpQJVh3A==} peerDependencies: react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta - storybook: ^8.3.3 + storybook: ^8.3.4 peerDependenciesMeta: react: optional: true @@ -7097,31 +7057,31 @@ packages: '@storybook/csf': 0.1.11 '@storybook/global': 5.0.0 react: 17.0.2 - storybook: 8.3.3 + storybook: 8.3.4 ts-dedent: 2.2.0 dev: true - /@storybook/addon-measure@8.3.3(storybook@8.3.3): - resolution: {integrity: sha512-R20Z83gnxDRrocES344dw1Of/zDhe3XHSM6TLq80UQTJ9PhnMI+wYHQlK9DsdP3KiRkI+pQA6GCOp0s2ZRy5dg==} + /@storybook/addon-measure@8.3.4(storybook@8.3.4): + resolution: {integrity: sha512-IJ6WKEbqmG+r7sukFjo+bVmPB2Zry04sylGx/OGyOh7zIhhqAqpwOwMHP0uQrc3tLNnUM6qB/o83UyYX79ql+A==} peerDependencies: - storybook: ^8.3.3 + storybook: ^8.3.4 dependencies: '@storybook/global': 5.0.0 - storybook: 8.3.3 + storybook: 8.3.4 tiny-invariant: 1.3.3 dev: true - /@storybook/addon-outline@8.3.3(storybook@8.3.3): - resolution: {integrity: sha512-OwqYfieNuqSqWNtUZLu3UmsfQNnwA2UaSMBZyeC2Dte9Jd59PPYggcWmH+b0S6OTbYXWNAUK5U6WdK+X9Ypzdw==} + /@storybook/addon-outline@8.3.4(storybook@8.3.4): + resolution: {integrity: sha512-kRRJTTLKM8gMfeh/e83djN5XLlc0hFtr9zKWxuZxaXt9Hmr+9tH/PRFtVK/S4SgqnBDoXk49Wgv6raiwj5/e3A==} peerDependencies: - storybook: ^8.3.3 + storybook: ^8.3.4 dependencies: '@storybook/global': 5.0.0 - storybook: 8.3.3 + storybook: 8.3.4 ts-dedent: 2.2.0 dev: true - /@storybook/addon-svelte-csf@4.1.7(@storybook/svelte@8.3.3)(@sveltejs/vite-plugin-svelte@3.0.2)(storybook@8.3.3)(svelte@4.2.19)(vite@5.4.6): + /@storybook/addon-svelte-csf@4.1.7(@storybook/svelte@8.3.4)(@sveltejs/vite-plugin-svelte@3.0.2)(storybook@8.3.4)(svelte@4.2.19)(vite@5.4.6): resolution: {integrity: sha512-gMyk6Fz2PPff8zb52giSAJGSZkd/+mmA25m/ORlxMKrwp6WhB+4dcVB8RtexndCvZrSts0rzVH8Nd9c9lBCGpQ==} peerDependencies: '@storybook/svelte': ^7.0.0 || ^8.0.0 || ^8.0.0-beta.0 || ^8.2.0-beta.0 @@ -7138,8 +7098,8 @@ packages: optional: true dependencies: '@babel/runtime': 7.25.6 - '@storybook/svelte': 8.3.3(storybook@8.3.3)(svelte@4.2.19) - '@storybook/types': 8.3.3(storybook@8.3.3) + '@storybook/svelte': 8.3.4(storybook@8.3.4)(svelte@4.2.19) + '@storybook/types': 8.3.3(storybook@8.3.4) '@sveltejs/vite-plugin-svelte': 3.0.2(svelte@4.2.19)(vite@5.4.6) dedent: 1.5.3 magic-string: 0.30.11 @@ -7150,29 +7110,38 @@ packages: - storybook dev: true - /@storybook/addon-toolbars@8.3.3(storybook@8.3.3): - resolution: {integrity: sha512-4WyiVqDm4hlJdENIVQg9pLNLdfhnNKa+haerYYSzTVjzYrUx0X6Bxafshq+sud6aRtSYU14abwP56lfW8hgTlA==} + /@storybook/addon-themes@8.3.4(storybook@8.3.4): + resolution: {integrity: sha512-6gQeSFhC5VzFg2A0LM1jXhHwOn7+2nYCx+GWXOZgIWzXmtuhkPz5dt4LZ3fP4lJ9EBWnGs3mfYwUk7BZCyD5fQ==} peerDependencies: - storybook: ^8.3.3 + storybook: ^8.3.4 dependencies: - storybook: 8.3.3 + storybook: 8.3.4 + ts-dedent: 2.2.0 dev: true - /@storybook/addon-viewport@8.3.3(storybook@8.3.3): - resolution: {integrity: sha512-2S+UpbKAL+z1ppzUCkixjaem2UDMkfmm/kyJ1wm3A/ofGLYi4fjMSKNRckk+7NdolXGQJjBo0RcaotUTxFIFwQ==} + /@storybook/addon-toolbars@8.3.4(storybook@8.3.4): + resolution: {integrity: sha512-Km1YciVIxqluDbd1xmHjANNFyMonEOtnA6e4MrnBnC9XkPXSigeFlj0JvxyI/zjBsLBoFRmQiwq55W6l3hQ9sA==} peerDependencies: - storybook: ^8.3.3 + storybook: ^8.3.4 + dependencies: + storybook: 8.3.4 + dev: true + + /@storybook/addon-viewport@8.3.4(storybook@8.3.4): + resolution: {integrity: sha512-fU4LdXSSqIOLbCEh2leq/tZUYlFliXZBWr/+igQHdUoU7HY8RIImXqVUaR9wlCaTb48WezAWT60vJtwNijyIiQ==} + peerDependencies: + storybook: ^8.3.4 dependencies: memoizerific: 1.11.3 - storybook: 8.3.3 + storybook: 8.3.4 dev: true - /@storybook/blocks@8.3.3(react-dom@17.0.2)(react@17.0.2)(storybook@8.3.3): - resolution: {integrity: sha512-8Vsvxqstop3xfbsx3Dn1nEjyxvQUcOYd8vpxyp2YumxYO8FlXIRuYL6HAkYbcX8JexsKvCZYxor52D2vUGIKZg==} + /@storybook/blocks@8.3.4(react-dom@17.0.2)(react@17.0.2)(storybook@8.3.4): + resolution: {integrity: sha512-1g4aCrd5CcN+pVhF2ATu9ZRVvAIgBMb2yF9KkCuTpdvqKDuDNK3sGb0CxjS7jp3LOvyjJr9laTOQsz8v8MQc5A==} peerDependencies: react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta - storybook: ^8.3.3 + storybook: ^8.3.4 peerDependenciesMeta: react: optional: true @@ -7192,17 +7161,17 @@ packages: react: 17.0.2 react-colorful: 5.6.1(react-dom@17.0.2)(react@17.0.2) react-dom: 17.0.2(react@17.0.2) - storybook: 8.3.3 + storybook: 8.3.4 telejson: 7.2.0 ts-dedent: 2.2.0 util-deprecate: 1.0.2 dev: true - /@storybook/builder-vite@8.3.3(storybook@8.3.3)(typescript@5.4.2)(vite@5.4.6): - resolution: {integrity: sha512-3yTXCLaB6bzhoPH3PqtacKkcaC1uV4L+IHTf1Zypx1NO1pLZHyhYf0T7dIOxTh2JZfqu1Pm9hTvOmWfR12m+9w==} + /@storybook/builder-vite@8.3.4(storybook@8.3.4)(typescript@5.4.2)(vite@5.4.6): + resolution: {integrity: sha512-Sa6SZ7LeHpkrnuvua8P8MR8e8a+MPKbyMmr9TqCCy8Ud/t4AM4kHY3JpJGtrgeK9l43fBnBwfdZYoRl5J6oWeA==} peerDependencies: '@preact/preset-vite': '*' - storybook: ^8.3.3 + storybook: ^8.3.4 typescript: '>= 4.3.x' vite: ^4.0.0 || ^5.0.0 vite-plugin-glimmerx: '*' @@ -7214,7 +7183,7 @@ packages: vite-plugin-glimmerx: optional: true dependencies: - '@storybook/csf-plugin': 8.3.3(storybook@8.3.3) + '@storybook/csf-plugin': 8.3.4(storybook@8.3.4) '@types/find-cache-dir': 3.2.1 browser-assert: 1.2.1 es-module-lexer: 1.5.4 @@ -7222,7 +7191,7 @@ packages: find-cache-dir: 3.3.2 fs-extra: 11.2.0 magic-string: 0.30.11 - storybook: 8.3.3 + storybook: 8.3.4 ts-dedent: 2.2.0 typescript: 5.4.2 vite: 5.4.6(@types/node@20.16.6) @@ -7231,16 +7200,16 @@ packages: - webpack-sources dev: true - /@storybook/components@8.3.3(storybook@8.3.3): - resolution: {integrity: sha512-i2JYtesFGkdu+Hwuj+o9fLuO3yo+LPT1/8o5xBVYtEqsgDtEAyuRUWjSz8d8NPtzloGPOv5kvR6MokWDfbeMfw==} + /@storybook/components@8.3.4(storybook@8.3.4): + resolution: {integrity: sha512-iQzLJd87uGbFBbYNqlrN/ABrnx3dUrL0tjPCarzglzshZoPCNOsllJeJx5TJwB9kCxSZ8zB9TTOgr7NXl+oyVA==} peerDependencies: - storybook: ^8.3.3 + storybook: ^8.3.4 dependencies: - storybook: 8.3.3 + storybook: 8.3.4 dev: true - /@storybook/core@8.3.3: - resolution: {integrity: sha512-pmf2bP3fzh45e56gqOuBT8sDX05hGdUKIZ/hcI84d5xmd6MeHiPW8th2v946wCHcxHzxib2/UU9vQUh+mB4VNw==} + /@storybook/core@8.3.4: + resolution: {integrity: sha512-4PZB91JJpuKfcjeOR2LXj3ABaPLLSd2P/SfYOKNCygrDstsQa/yay3/yN5Z9yi1cIG84KRr6/sUW+0x8HsGLPg==} dependencies: '@storybook/csf': 0.1.11 '@types/express': 4.17.21 @@ -7260,12 +7229,12 @@ packages: - supports-color - utf-8-validate - /@storybook/csf-plugin@8.3.3(storybook@8.3.3): - resolution: {integrity: sha512-7AD7ojpXr3THqpTcEI4K7oKUfSwt1hummgL/cASuQvEPOwAZCVZl2gpGtKxcXhtJXTkn3GMCAvlYMoe7O/1YWw==} + /@storybook/csf-plugin@8.3.4(storybook@8.3.4): + resolution: {integrity: sha512-ZMFWYxeTN4GxCn8dyIH4roECyLDy29yv/QKM+pHM3AC5Ny2HWI35SohWao4fGBAFxPQFbR5hPN8xa6ofHPSSTg==} peerDependencies: - storybook: ^8.3.3 + storybook: ^8.3.4 dependencies: - storybook: 8.3.3 + storybook: 8.3.4 unplugin: 1.14.1 transitivePeerDependencies: - webpack-sources @@ -7303,14 +7272,14 @@ packages: react-dom: 17.0.2(react@17.0.2) dev: true - /@storybook/instrumenter@8.3.3(storybook@8.3.3): - resolution: {integrity: sha512-ZiODB9EwCQkl4PBxGJjBHXRTLxcNs68ZZvR+xeMr0eMFzzlJG+trXoX5kK95oA4BFhGN+3uM0Zl3MoRjBtJTNA==} + /@storybook/instrumenter@8.3.4(storybook@8.3.4): + resolution: {integrity: sha512-jVhfNOPekOyJmta0BTkQl9Z6rgRbFHlc0eV4z1oSrzaawSlc9TFzAeDCtCP57vg3FuBX8ydDYAvyZ7s4xPpLyg==} peerDependencies: - storybook: ^8.3.3 + storybook: ^8.3.4 dependencies: '@storybook/global': 5.0.0 '@vitest/utils': 2.1.1 - storybook: 8.3.3 + storybook: 8.3.4 util: 0.12.5 /@storybook/jest@0.2.3: @@ -7323,48 +7292,56 @@ packages: jest-mock: 27.5.1 dev: true - /@storybook/manager-api@8.3.3(storybook@8.3.3): + /@storybook/manager-api@8.3.3(storybook@8.3.4): resolution: {integrity: sha512-Na4U+McOeVUJAR6qzJfQ6y2Qt0kUgEDUriNoAn+curpoKPTmIaZ79RAXBzIqBl31VyQKknKpZbozoRGf861YaQ==} peerDependencies: storybook: ^8.3.3 dependencies: - storybook: 8.3.3 + storybook: 8.3.4 dev: true - /@storybook/preview-api@8.3.3(storybook@8.3.3): - resolution: {integrity: sha512-GP2QlaF3BBQGAyo248N7549YkTQjCentsc1hUvqPnFWU4xfjkejbnFk8yLaIw0VbYbL7jfd7npBtjZ+6AnphMQ==} + /@storybook/manager-api@8.3.4(storybook@8.3.4): + resolution: {integrity: sha512-tBx7MBfPUrKSlD666zmVjtIvoNArwCciZiW/UJ8IWmomrTJRfFBnVvPVM2gp1lkDIzRHYmz5x9BHbYaEDNcZWQ==} peerDependencies: - storybook: ^8.3.3 + storybook: ^8.3.4 dependencies: - storybook: 8.3.3 + storybook: 8.3.4 dev: true - /@storybook/react-dom-shim@8.3.3(react-dom@17.0.2)(react@17.0.2)(storybook@8.3.3): - resolution: {integrity: sha512-0dPC9K7+K5+X/bt3GwYmh+pCpisUyKVjWsI+PkzqGnWqaXFakzFakjswowIAIO1rf7wYZR591x3ehUAyL2bJiQ==} + /@storybook/preview-api@8.3.4(storybook@8.3.4): + resolution: {integrity: sha512-/YKQ3QDVSHmtFXXCShf5w0XMlg8wkfTpdYxdGv1CKFV8DU24f3N7KWulAgeWWCWQwBzZClDa9kzxmroKlQqx3A==} + peerDependencies: + storybook: ^8.3.4 + dependencies: + storybook: 8.3.4 + dev: true + + /@storybook/react-dom-shim@8.3.4(react-dom@17.0.2)(react@17.0.2)(storybook@8.3.4): + resolution: {integrity: sha512-L4llDvjaAzqPx6h4ddZMh36wPr75PrI2S8bXy+flLqAeVRYnRt4WNKGuxqH0t0U6MwId9+vlCZ13JBfFuY7eQQ==} peerDependencies: react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta - storybook: ^8.3.3 + storybook: ^8.3.4 dependencies: react: 17.0.2 react-dom: 17.0.2(react@17.0.2) - storybook: 8.3.3 + storybook: 8.3.4 dev: true - /@storybook/svelte-vite@8.3.3(@sveltejs/vite-plugin-svelte@3.0.2)(postcss-load-config@4.0.2)(postcss@8.4.47)(storybook@8.3.3)(svelte@4.2.19)(typescript@5.4.2)(vite@5.4.6): - resolution: {integrity: sha512-kCPzIyKFkbFnhLkkY+6f3+Kf9wKRyG+ap1WPupqYENSYvmQp92FzNo1EfgIRYdoO17PdfSy6j0y4ZuD4iqJidQ==} + /@storybook/svelte-vite@8.3.4(@sveltejs/vite-plugin-svelte@3.0.2)(postcss-load-config@4.0.2)(postcss@8.4.47)(storybook@8.3.4)(svelte@4.2.19)(typescript@5.4.2)(vite@5.4.6): + resolution: {integrity: sha512-7kpANRypNhpkIOmVlec+EYrPxz0vg4y0RnE1Bn0pjY9O16HFnRDnRo9tmAeW/MmDybkhO24dVVeHxieiiSOOKQ==} engines: {node: '>=18.0.0'} peerDependencies: '@sveltejs/vite-plugin-svelte': ^2.0.0 || ^3.0.0 - storybook: ^8.3.3 + storybook: ^8.3.4 svelte: ^4.0.0 || ^5.0.0-next.65 vite: ^4.0.0 || ^5.0.0 dependencies: - '@storybook/builder-vite': 8.3.3(storybook@8.3.3)(typescript@5.4.2)(vite@5.4.6) - '@storybook/svelte': 8.3.3(storybook@8.3.3)(svelte@4.2.19) + '@storybook/builder-vite': 8.3.4(storybook@8.3.4)(typescript@5.4.2)(vite@5.4.6) + '@storybook/svelte': 8.3.4(storybook@8.3.4)(svelte@4.2.19) '@sveltejs/vite-plugin-svelte': 3.0.2(svelte@4.2.19)(vite@5.4.6) magic-string: 0.30.11 - storybook: 8.3.3 + storybook: 8.3.4 svelte: 4.2.19 svelte-preprocess: 5.1.3(postcss-load-config@4.0.2)(postcss@8.4.47)(svelte@4.2.19)(typescript@5.4.2) sveltedoc-parser: 4.2.1 @@ -7387,19 +7364,19 @@ packages: - webpack-sources dev: true - /@storybook/svelte@8.3.3(storybook@8.3.3)(svelte@4.2.19): - resolution: {integrity: sha512-B09dLNvO1nWjsbjGb8vBLVH/3KyO4J/S6cHv5ZKGHWEAdX5MKUHbWjzw+6mzEwXL4hQqsQJfO5R42I55XUVTAA==} + /@storybook/svelte@8.3.4(storybook@8.3.4)(svelte@4.2.19): + resolution: {integrity: sha512-PmJS+/HNCHpTZmq1F9T9cbQZlpIrp5CNl+vaBVFE1FAYf7HXRsRX+VhWpPfR6afd33lf6R2av+fNA13m2D3IFQ==} engines: {node: '>=18.0.0'} peerDependencies: - storybook: ^8.3.3 + storybook: ^8.3.4 svelte: ^4.0.0 || ^5.0.0-next.65 dependencies: - '@storybook/components': 8.3.3(storybook@8.3.3) + '@storybook/components': 8.3.4(storybook@8.3.4) '@storybook/global': 5.0.0 - '@storybook/manager-api': 8.3.3(storybook@8.3.3) - '@storybook/preview-api': 8.3.3(storybook@8.3.3) - '@storybook/theming': 8.3.3(storybook@8.3.3) - storybook: 8.3.3 + '@storybook/manager-api': 8.3.4(storybook@8.3.4) + '@storybook/preview-api': 8.3.4(storybook@8.3.4) + '@storybook/theming': 8.3.4(storybook@8.3.4) + storybook: 8.3.4 svelte: 4.2.19 sveltedoc-parser: 4.2.1 ts-dedent: 2.2.0 @@ -7408,19 +7385,19 @@ packages: - supports-color dev: true - /@storybook/sveltekit@8.3.3(@sveltejs/vite-plugin-svelte@3.0.2)(postcss-load-config@4.0.2)(postcss@8.4.47)(storybook@8.3.3)(svelte@4.2.19)(typescript@5.4.2)(vite@5.4.6): - resolution: {integrity: sha512-6AfxNton39mNuSRuNfcvsQsFLg9OCD1ORzxSShJRc+hLsgbQpKKyQ/PvuEWLtW8AK94ljuPuieFMDjH6QGb1aQ==} + /@storybook/sveltekit@8.3.4(@sveltejs/vite-plugin-svelte@3.0.2)(postcss-load-config@4.0.2)(postcss@8.4.47)(storybook@8.3.4)(svelte@4.2.19)(typescript@5.4.2)(vite@5.4.6): + resolution: {integrity: sha512-BTHj+GhJATWqS5csYgVzBwMr6JXwWqcPK6T7H3WHotJHXDI4Qd5C3c9aBKHT7mIbXjdzgMjOmbPO3xe+gWL1rQ==} engines: {node: '>=18.0.0'} peerDependencies: - storybook: ^8.3.3 + storybook: ^8.3.4 svelte: ^4.0.0 || ^5.0.0-next.65 vite: ^4.0.0 || ^5.0.0 dependencies: - '@storybook/addon-actions': 8.3.3(storybook@8.3.3) - '@storybook/builder-vite': 8.3.3(storybook@8.3.3)(typescript@5.4.2)(vite@5.4.6) - '@storybook/svelte': 8.3.3(storybook@8.3.3)(svelte@4.2.19) - '@storybook/svelte-vite': 8.3.3(@sveltejs/vite-plugin-svelte@3.0.2)(postcss-load-config@4.0.2)(postcss@8.4.47)(storybook@8.3.3)(svelte@4.2.19)(typescript@5.4.2)(vite@5.4.6) - storybook: 8.3.3 + '@storybook/addon-actions': 8.3.4(storybook@8.3.4) + '@storybook/builder-vite': 8.3.4(storybook@8.3.4)(typescript@5.4.2)(vite@5.4.6) + '@storybook/svelte': 8.3.4(storybook@8.3.4)(svelte@4.2.19) + '@storybook/svelte-vite': 8.3.4(@sveltejs/vite-plugin-svelte@3.0.2)(postcss-load-config@4.0.2)(postcss@8.4.47)(storybook@8.3.4)(svelte@4.2.19)(typescript@5.4.2)(vite@5.4.6) + storybook: 8.3.4 svelte: 4.2.19 vite: 5.4.6(@types/node@20.16.6) transitivePeerDependencies: @@ -7441,20 +7418,20 @@ packages: - webpack-sources dev: true - /@storybook/test@8.3.3(storybook@8.3.3): - resolution: {integrity: sha512-uZ8nMIovfI2ry989K2+cYAeEVD/3dpjj2+Rbmy7DiZWWVhFALfmqaTRkzZfShLmlH0TFv+rfcBPihGccBtw0FQ==} + /@storybook/test@8.3.4(storybook@8.3.4): + resolution: {integrity: sha512-HRiUenitln8QPHu6DEWUg9s9cEoiGN79lMykzXzw9shaUvdEIhWCsh82YKtmB3GJPj6qcc6dZL/Aio8srxyGAg==} peerDependencies: - storybook: ^8.3.3 + storybook: ^8.3.4 dependencies: '@storybook/csf': 0.1.11 '@storybook/global': 5.0.0 - '@storybook/instrumenter': 8.3.3(storybook@8.3.3) + '@storybook/instrumenter': 8.3.4(storybook@8.3.4) '@testing-library/dom': 10.4.0 '@testing-library/jest-dom': 6.5.0 '@testing-library/user-event': 14.5.2(@testing-library/dom@10.4.0) '@vitest/expect': 2.0.5 '@vitest/spy': 2.0.5 - storybook: 8.3.3 + storybook: 8.3.4 util: 0.12.5 /@storybook/testing-library@0.2.2: @@ -7466,20 +7443,20 @@ packages: ts-dedent: 2.2.0 dev: true - /@storybook/theming@8.3.3(storybook@8.3.3): - resolution: {integrity: sha512-gWJKetI6XJQgkrvvry4ez10+jLaGNCQKi5ygRPM9N+qrjA3BB8F2LCuFUTBuisa4l64TILDNjfwP/YTWV5+u5A==} + /@storybook/theming@8.3.4(storybook@8.3.4): + resolution: {integrity: sha512-D4XVsQgTtpHEHLhwkx59aGy1GBwOedVr/mNns7hFrH8FjEpxrrWCuZQASq1ZpCl8LXlh7uvmT5sM2rOdQbGuGg==} peerDependencies: - storybook: ^8.3.3 + storybook: ^8.3.4 dependencies: - storybook: 8.3.3 + storybook: 8.3.4 dev: true - /@storybook/types@8.3.3(storybook@8.3.3): + /@storybook/types@8.3.3(storybook@8.3.4): resolution: {integrity: sha512-wV1kupG1tfTMOXaBrtVHXuqp19vURVDqWTQX6nqkoUFD7Xb1lz/YNVeGP1uT/zJdJy42/HIyoib9JPx9h0Vx9w==} peerDependencies: storybook: ^8.3.3 dependencies: - storybook: 8.3.3 + storybook: 8.3.4 dev: true /@sveltejs/adapter-auto@3.1.1(@sveltejs/kit@2.5.4): @@ -11690,7 +11667,7 @@ packages: eslint-scope: 7.2.2 eslint-utils: 3.0.0(eslint@8.4.1) eslint-visitor-keys: 3.4.3 - espree: 9.2.0 + espree: 9.6.1 esquery: 1.6.0 esutils: 2.0.3 fast-deep-equal: 3.1.3 @@ -17861,11 +17838,11 @@ packages: engines: {node: '>=4', npm: '>=6'} dev: false - /storybook@8.3.3: - resolution: {integrity: sha512-FG2KAVQN54T9R6voudiEftehtkXtLO+YVGP2gBPfacEdDQjY++ld7kTbHzpTT/bpCDx7Yq3dqOegLm9arVJfYw==} + /storybook@8.3.4: + resolution: {integrity: sha512-nzvuK5TsEgJwcWGLGgafabBOxKn37lfJVv7ZoUVPgJIjk2mNRyJDFwYRJzUZaD37eiR/c/lQ6MoaeqlGwiXoxw==} hasBin: true dependencies: - '@storybook/core': 8.3.3 + '@storybook/core': 8.3.4 transitivePeerDependencies: - bufferutil - supports-color From 10bd4258bef437d8613b5eb0f5aaf79dc45fcf2b Mon Sep 17 00:00:00 2001 From: Zachary Stence Date: Wed, 2 Oct 2024 16:34:13 -0500 Subject: [PATCH 004/420] feat: theme base colors --- packages/ui/tailwind/themes/defaultThemes.js | 65 ++++++++------------ 1 file changed, 27 insertions(+), 38 deletions(-) diff --git a/packages/ui/tailwind/themes/defaultThemes.js b/packages/ui/tailwind/themes/defaultThemes.js index eca2e35d31..f473e466cc 100644 --- a/packages/ui/tailwind/themes/defaultThemes.js +++ b/packages/ui/tailwind/themes/defaultThemes.js @@ -1,49 +1,38 @@ /** @typedef {import('./schemas.js').Theme} Theme */ +const todo = { + primary: '#ffffff', + 'primary-content': '#ffffff', + secondary: '#ffffff', + 'secondary-content': '#ffffff', + accent: '#ffffff', + 'accent-content': '#ffffff', + neutral: '#ffffff', + 'neutral-content': '#ffffff', + info: '#ffffff', + 'info-content': '#ffffff', + positive: '#ffffff', + 'positive-content': '#ffffff', + negative: '#ffffff', + 'negative-content': '#ffffff', + warning: '#ffffff', + 'warning-content': '#ffffff' +}; + /** @type {Record<'light' | 'dark', Theme>} */ export const defaultThemes = { light: { - primary: '#3b82f6', - 'primary-content': '#ffffff', - secondary: '#f59e0b', - 'secondary-content': '#ffffff', - accent: '#f472b6', - 'accent-content': '#ffffff', - neutral: '#333', - 'neutral-content': '#ffffff', 'base-100': '#ffffff', - 'base-200': '#f9fafb', - 'base-300': '#f4f5f7', - 'base-content': '#1f2937', - info: '#2094f3', - 'info-content': '#ffffff', - positive: '#00b74a', - 'positive-content': '#ffffff', - negative: '#ff3d71', - 'negative-content': '#ffffff', - warning: '#ffaa2c', - 'warning-content': '#ffffff' + 'base-200': '#f3f4f6', + 'base-300': '#e5e7eb', + 'base-content': '#030712', + ...todo }, dark: { - primary: '#3b82f6', - 'primary-content': '#ffffff', - secondary: '#f59e0b', - 'secondary-content': '#ffffff', - accent: '#f472b6', - 'accent-content': '#ffffff', - neutral: '#d1d5db', - 'neutral-content': '#ffffff', - 'base-100': '#1f2937', - 'base-200': '#233048', + 'base-100': '#111827', + 'base-200': '#1f2937', 'base-300': '#374151', - 'base-content': '#ffffff', - info: '#2094f3', - 'info-content': '#ffffff', - positive: '#00b74a', - 'positive-content': '#ffffff', - negative: '#ff3d71', - 'negative-content': '#ffffff', - warning: '#ffaa2c', - 'warning-content': '#ffffff' + 'base-content': '#f9fafb', + ...todo } }; From 3f32ee00ba6b1e76f22041415fc01de036fe6d5e Mon Sep 17 00:00:00 2001 From: Zachary Stence Date: Wed, 2 Oct 2024 16:34:40 -0500 Subject: [PATCH 005/420] feat: page background and default text color uses base- colors --- .../lib/organisms/layout/EvidenceDefaultLayout.svelte | 9 +++++++++ sites/docs/package.json | 4 ++-- 2 files changed, 11 insertions(+), 2 deletions(-) diff --git a/packages/ui/core-components/src/lib/organisms/layout/EvidenceDefaultLayout.svelte b/packages/ui/core-components/src/lib/organisms/layout/EvidenceDefaultLayout.svelte index cfd039de0b..4f06b023fd 100644 --- a/packages/ui/core-components/src/lib/organisms/layout/EvidenceDefaultLayout.svelte +++ b/packages/ui/core-components/src/lib/organisms/layout/EvidenceDefaultLayout.svelte @@ -182,3 +182,12 @@ {/if} + + diff --git a/sites/docs/package.json b/sites/docs/package.json index e2ce90eed7..19f0615bd2 100644 --- a/sites/docs/package.json +++ b/sites/docs/package.json @@ -4,7 +4,7 @@ "scripts": { "build": "evidence build", "build:strict": "evidence build:strict", - "dev": "EVIDENCE_DISABLE_INCLUDE=true evidence dev --open /", + "dev": "EVIDENCE_DISABLE_INCLUDE=true VITE_EVIDENCE_THEMES=true evidence dev --open /", "sources": "evidence sources", "preview": "evidence preview", "test:unit": "vitest" @@ -32,4 +32,4 @@ "devDependencies": { "vitest": "^2.0.5" } -} +} \ No newline at end of file From 694ae475354124bd9b1857f7d5cd5cb6a2aa05eb Mon Sep 17 00:00:00 2001 From: Zachary Stence Date: Wed, 2 Oct 2024 17:20:14 -0500 Subject: [PATCH 006/420] feat: header and all subcomponents use semantic colors --- .../src/lib/atoms/shadcn/button/button.svelte | 2 +- .../dropdown-menu-content.svelte | 2 +- .../dropdown-menu/dropdown-menu-item.svelte | 2 +- .../dropdown-menu-separator.svelte | 2 +- .../lib/organisms/layout/header/Header.svelte | 30 +++++++------------ .../organisms/layout/header/SearchButton.css | 10 +++++-- 6 files changed, 23 insertions(+), 25 deletions(-) diff --git a/packages/ui/core-components/src/lib/atoms/shadcn/button/button.svelte b/packages/ui/core-components/src/lib/atoms/shadcn/button/button.svelte index f3bdf0dcfc..2238a1a3aa 100644 --- a/packages/ui/core-components/src/lib/atoms/shadcn/button/button.svelte +++ b/packages/ui/core-components/src/lib/atoms/shadcn/button/button.svelte @@ -20,7 +20,7 @@ diff --git a/packages/ui/core-components/src/lib/organisms/layout/header/Header.svelte b/packages/ui/core-components/src/lib/organisms/layout/header/Header.svelte index b8240e181b..c1da2774bb 100644 --- a/packages/ui/core-components/src/lib/organisms/layout/header/Header.svelte +++ b/packages/ui/core-components/src/lib/organisms/layout/header/Header.svelte @@ -2,7 +2,7 @@ import { dev } from '$app/environment'; import { Icon } from '@steeze-ui/svelte-icon'; import { X, Menu2 } from '@steeze-ui/tabler-icons'; - import { Github as GithubLogo, Slack as SlackLogo } from '@steeze-ui/simple-icons'; + import { Github as GithubLogo, Slack as SlackLogo, X as XLogo } from '@steeze-ui/simple-icons'; import Logo from '../Logo.svelte'; import AlgoliaDocSearch from './AlgoliaDocSearch.svelte'; import KebabMenu from './KebabMenu.svelte'; @@ -25,7 +25,7 @@
{#if hideSidebar || sidebarFrontMatter === 'never'} - + {:else}
-
@@ -68,39 +68,31 @@ {#if githubRepo} - + {/if} {#if xProfile} - - + {/if} {#if slackCommunity} - + {/if}
diff --git a/packages/ui/core-components/src/lib/organisms/layout/header/SearchButton.css b/packages/ui/core-components/src/lib/organisms/layout/header/SearchButton.css index 85479adc44..81d5e3adfd 100644 --- a/packages/ui/core-components/src/lib/organisms/layout/header/SearchButton.css +++ b/packages/ui/core-components/src/lib/organisms/layout/header/SearchButton.css @@ -1,9 +1,15 @@ .DocSearch-Button { - @apply bg-white hover:bg-gray-50 transition-colors duration-200 hover:text-gray-800 rounded-md flex gap-16 cursor-pointer py-1 pl-2 sm:pr-1 pr-20 shadow-sm sm:text-xs text-gray-600 border font-sans font-medium items-center; + @apply bg-base-100 border-base-300/50 hover:bg-base-200/40 transition-colors duration-200 rounded-md flex gap-16 cursor-pointer py-1 pl-2 sm:pr-1 pr-20 sm:text-xs border font-sans font-medium items-center; +} +.DocSearch-Button-Placeholder { + @apply text-base-content/80; } .DocSearch-Search-Icon { display: none; } .DocSearch-Button-Keys { - @apply sm:flex gap-0.5 bg-gray-50 border rounded px-1 py-0.5 text-xs hidden; + @apply sm:flex gap-0.5 bg-base-200/40 border-base-300/50 border rounded px-1 py-0.5 text-xs hidden; } +.DocSearch-Button-Key, .DocSearch-Control-Key-Icon { + @apply text-base-content/80 *:text-base-content/80; +} \ No newline at end of file From 47324d46bd3bd034e1e652067add4b8c9ce65fbb Mon Sep 17 00:00:00 2001 From: Zachary Stence Date: Wed, 2 Oct 2024 17:35:44 -0500 Subject: [PATCH 007/420] feat: sidebar uses semantic base colors --- .../organisms/layout/sidebar/Sidebar.svelte | 49 ++++++++----------- 1 file changed, 20 insertions(+), 29 deletions(-) diff --git a/packages/ui/core-components/src/lib/organisms/layout/sidebar/Sidebar.svelte b/packages/ui/core-components/src/lib/organisms/layout/sidebar/Sidebar.svelte index de3f752f19..3d5312e5d7 100644 --- a/packages/ui/core-components/src/lib/organisms/layout/sidebar/Sidebar.svelte +++ b/packages/ui/core-components/src/lib/organisms/layout/sidebar/Sidebar.svelte @@ -6,6 +6,8 @@ import { afterUpdate } from 'svelte'; import Badge from './Badge.svelte'; import Logo from '../Logo.svelte'; + import { Icon } from '@steeze-ui/svelte-icon'; + import { X } from '@steeze-ui/tabler-icons'; export let fileTree = undefined; export let title = undefined; @@ -51,6 +53,7 @@ let firstLevelFiles = fileTree?.children; export let mobileSidebarOpen = false; + $: console.log({ mobileSidebarOpen }); // prevent scrolling of the underlying when the mobile sidebar is open afterUpdate(() => { @@ -68,7 +71,7 @@ {#if mobileSidebarOpen}
(mobileSidebarOpen = false)} on:keypress={() => (mobileSidebarOpen = false)} @@ -76,13 +79,13 @@ tabindex="-1" />
-
+
- +
Home @@ -131,8 +124,6 @@ class="group inline-block py-1 capitalize transition-colors duration-100" href={file.href} class:text-blue-600={active} - class:hover:text-gray-950={active} - class:hover:text-blue-600={active} > {file.frontMatter?.title ?? file.label} {#if file.frontMatter?.sidebar_badge} @@ -149,7 +140,7 @@
{#if file.href && (file.frontMatter?.sidebar_link !== false || file.frontMatter?.sidebar_link === undefined)} {file.frontMatter?.title ?? file.label} @@ -161,7 +152,7 @@ {:else} {file.frontMatter?.title ?? file.label} @@ -180,7 +171,7 @@ class="group inline-block py-1 capitalize transition-colors duration-100" href={file.href} class:text-blue-600={active} - class:hover:text-gray-950={!active} + class:hover={!active} class:hover:text-blue-600={active} > {file.frontMatter?.title ?? file.label} @@ -209,7 +200,7 @@ >
Home @@ -221,7 +212,7 @@ class="group inline-block py-1 capitalize transition-all duration-100" href={file.href} class:text-blue-600={active} - class:hover:text-gray-950={!active} + class:hover={!active} class:hover:text-blue-600={active} > {file.frontMatter?.title ?? file.label} @@ -239,7 +230,7 @@
{#if file.href && (file.frontMatter?.sidebar_link !== false || file.frontMatter?.sidebar_link === undefined)} {file.frontMatter?.title ?? file.label} @@ -251,7 +242,7 @@ {:else} {file.frontMatter?.title ?? file.label} @@ -269,7 +260,7 @@ href={file.href} class:text-blue-600={active} class:hover:text-blue-600={active} - class:hover:text-gray-950={!active} + class:hover={!active} class="group inline-block py-1 capitalize transition-all duration-100" > {file.frontMatter?.title ?? file.label} @@ -290,7 +281,7 @@
Built with Evidence From cef1fb4530700dee4cb6d9db1aa531aa510d8f2b Mon Sep 17 00:00:00 2001 From: Zachary Stence Date: Wed, 2 Oct 2024 17:40:54 -0500 Subject: [PATCH 008/420] feat: table of contents uses semantic base colors --- .../layout/tableofcontents/ContentsList.svelte | 18 +++++++++--------- 1 file changed, 9 insertions(+), 9 deletions(-) diff --git a/packages/ui/core-components/src/lib/organisms/layout/tableofcontents/ContentsList.svelte b/packages/ui/core-components/src/lib/organisms/layout/tableofcontents/ContentsList.svelte index 2bb5bb92b1..e858232b22 100644 --- a/packages/ui/core-components/src/lib/organisms/layout/tableofcontents/ContentsList.svelte +++ b/packages/ui/core-components/src/lib/organisms/layout/tableofcontents/ContentsList.svelte @@ -31,7 +31,7 @@ {#if headers && headers.length > 1} - + On this page {#each headers as header} @@ -41,24 +41,24 @@ {/each} {/if} - From 8dcb3ac35eba2016fc792f2a7d3a177969e8fc83 Mon Sep 17 00:00:00 2001 From: Zachary Stence Date: Thu, 3 Oct 2024 10:17:55 -0500 Subject: [PATCH 009/420] feat: markdown text color uses default --- sites/example-project/src/app.css | 29 +++++++++++------------------ 1 file changed, 11 insertions(+), 18 deletions(-) diff --git a/sites/example-project/src/app.css b/sites/example-project/src/app.css index d39ae20a9c..7dd98245b1 100644 --- a/sites/example-project/src/app.css +++ b/sites/example-project/src/app.css @@ -55,7 +55,7 @@ @layer components { .markdown { - @apply leading-normal font-sans text-base antialiased text-gray-700; + @apply leading-normal font-sans text-base antialiased; } img.markdown { @@ -119,13 +119,6 @@ } } } - ol.markdown > li.markdown::marker { - @apply text-gray-800; - } - - ul.markdown > li.markdown::marker { - @apply text-gray-800; - } h1.markdown, h2.markdown, @@ -143,31 +136,31 @@ } h1.title { - @apply mt-5 mb-1 text-2xl tracking-wide font-bold text-gray-800 break-inside-avoid; + @apply mt-5 mb-1 text-2xl tracking-wide font-bold break-inside-avoid; } h1.markdown { - @apply mt-5 mb-1 text-2xl tracking-wide font-bold text-gray-800 break-inside-avoid; + @apply mt-5 mb-1 text-2xl tracking-wide font-bold break-inside-avoid; } h2.markdown { - @apply mt-3 mb-1 text-xl font-semibold text-gray-800; + @apply mt-3 mb-1 text-xl font-semibold; } h3.markdown { - @apply mt-2 mb-1 font-semibold text-base text-gray-800; + @apply mt-2 mb-1 font-semibold text-base; } h4.markdown { - @apply mt-1 text-sm font-semibold text-gray-800; + @apply mt-1 text-sm font-semibold; } h5.markdown { - @apply mt-1 text-xs font-semibold text-gray-800; + @apply mt-1 text-xs font-semibold; } h6.markdown { - @apply mt-1 text-xs text-gray-950; + @apply mt-1 text-xs; } hr.markdown { @@ -175,7 +168,7 @@ } code.markdown { - @apply font-mono text-gray-800 text-[0.875em] bg-gray-50 border rounded px-1 select-all py-0.5; + @apply font-mono text-[0.875em] bg-gray-50 border rounded px-1 select-all py-0.5; } form code { @@ -211,11 +204,11 @@ } th.markdown { - @apply text-sm text-gray-800 font-medium border-b border-gray-800 py-0 px-2 text-ellipsis overflow-hidden; + @apply text-sm font-medium border-b border-gray-800 py-0 px-2 text-ellipsis overflow-hidden; } td.markdown { - @apply text-sm text-gray-800 py-1 px-2 overflow-hidden text-ellipsis; + @apply text-sm py-1 px-2 overflow-hidden text-ellipsis; } } From d57ca5170972c2581e52e227e29c09c100b54079 Mon Sep 17 00:00:00 2001 From: Zachary Stence Date: Thu, 3 Oct 2024 10:18:19 -0500 Subject: [PATCH 010/420] docs: add blockquote example to docs --- sites/docs/pages/reference/markdown.md | 7 +++++++ 1 file changed, 7 insertions(+) diff --git a/sites/docs/pages/reference/markdown.md b/sites/docs/pages/reference/markdown.md index 2561c5bed3..236c07bad4 100644 --- a/sites/docs/pages/reference/markdown.md +++ b/sites/docs/pages/reference/markdown.md @@ -135,6 +135,13 @@ To display data in a table, use a [Data Table](/components/data-table) instead. > > And can be nested ``` +> This is a blockquote +> +> It can span multiple lines +> +> > And can be nested + + ## Frontmatter From 6079a4d92a3b3da7a10c9b8d9c00d1212e614fc1 Mon Sep 17 00:00:00 2001 From: Zachary Stence Date: Thu, 3 Oct 2024 10:18:34 -0500 Subject: [PATCH 011/420] feat: markdown blockquote theming --- sites/example-project/src/app.css | 16 ++++++++++++++-- 1 file changed, 14 insertions(+), 2 deletions(-) diff --git a/sites/example-project/src/app.css b/sites/example-project/src/app.css index 7dd98245b1..f3f8372844 100644 --- a/sites/example-project/src/app.css +++ b/sites/example-project/src/app.css @@ -176,11 +176,23 @@ } blockquote.markdown { - @apply border-l-4 border-gray-300 pl-3 my-8; + @apply bg-base-200 border-l-4 border-base-content/70 pl-3 my-8 py-2; + } + + blockquote.markdown > blockquote.markdown { + @apply m-0; + } + + blockquote.markdown > :first-child { + @apply mt-0; + } + + blockquote.markdown > :last-child { + @apply mb-0; } blockquote.markdown * { - @apply text-gray-500; + @apply text-base-content/70; } /* Ensure size and color are maintained for bold, italic, strikethrough */ strong.markdown { From 4ead091777ce8b455af24d42709ba50f62ffad89 Mon Sep 17 00:00:00 2001 From: Zachary Stence Date: Thu, 3 Oct 2024 10:23:26 -0500 Subject: [PATCH 012/420] docs: add horizontal rule example --- sites/docs/pages/reference/markdown.md | 12 ++++++++++++ 1 file changed, 12 insertions(+) diff --git a/sites/docs/pages/reference/markdown.md b/sites/docs/pages/reference/markdown.md index 236c07bad4..2a5537ea9c 100644 --- a/sites/docs/pages/reference/markdown.md +++ b/sites/docs/pages/reference/markdown.md @@ -142,6 +142,18 @@ To display data in a table, use a [Data Table](/components/data-table) instead. > > And can be nested +## Horizontal Rule + +```markdown +Below is a horizontal rule + +--- +``` + +Below is a horizontal rule + +--- + ## Frontmatter From d8f49b63d82cba47000017992f4299e67e1ef156 Mon Sep 17 00:00:00 2001 From: Zachary Stence Date: Thu, 3 Oct 2024 10:23:36 -0500 Subject: [PATCH 013/420] feat: horizontal rule theming --- sites/example-project/src/app.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/sites/example-project/src/app.css b/sites/example-project/src/app.css index f3f8372844..d42b277dc6 100644 --- a/sites/example-project/src/app.css +++ b/sites/example-project/src/app.css @@ -164,7 +164,7 @@ } hr.markdown { - @apply h-px my-8 max-w-xl mx-auto bg-gray-200 border-0; + @apply h-px my-8 max-w-xl mx-auto bg-base-300 border-0; } code.markdown { From c9f0c1b14ebaae2de50d13406db67ab0d4b11abf Mon Sep 17 00:00:00 2001 From: Zachary Stence Date: Thu, 3 Oct 2024 10:27:14 -0500 Subject: [PATCH 014/420] feat: markdown inline code theming --- sites/example-project/src/app.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/sites/example-project/src/app.css b/sites/example-project/src/app.css index d42b277dc6..cec2246e89 100644 --- a/sites/example-project/src/app.css +++ b/sites/example-project/src/app.css @@ -168,7 +168,7 @@ } code.markdown { - @apply font-mono text-[0.875em] bg-gray-50 border rounded px-1 select-all py-0.5; + @apply font-mono text-[0.875em] bg-base-200 border border-base-300 rounded px-1 select-all py-0.5; } form code { From f24c83ad6f5656980657ed31c4377715ffb904a7 Mon Sep 17 00:00:00 2001 From: Zachary Stence Date: Thu, 3 Oct 2024 10:33:10 -0500 Subject: [PATCH 015/420] feat: code block theming --- .../ui/core-components/src/lib/unsorted/ui/CodeBlock.svelte | 4 ++-- .../src/lib/unsorted/ui/QueryViewerSupport/prismtheme.css | 4 ++-- 2 files changed, 4 insertions(+), 4 deletions(-) diff --git a/packages/ui/core-components/src/lib/unsorted/ui/CodeBlock.svelte b/packages/ui/core-components/src/lib/unsorted/ui/CodeBlock.svelte index a5dcad4ebc..ffa36f0400 100644 --- a/packages/ui/core-components/src/lib/unsorted/ui/CodeBlock.svelte +++ b/packages/ui/core-components/src/lib/unsorted/ui/CodeBlock.svelte @@ -61,10 +61,10 @@ } -
+
{#if copyToClipboard} + + {/each} +
+ {/each} + {/each} + {/each} +
+
+ From 2db89bbc58f36ce5e4793d99aec04dce76355417 Mon Sep 17 00:00:00 2001 From: Zachary Stence Date: Thu, 3 Oct 2024 12:11:36 -0500 Subject: [PATCH 020/420] feat: use zinc instead of gray for base colors --- packages/ui/tailwind/themes/defaultThemes.js | 14 +++++++------- 1 file changed, 7 insertions(+), 7 deletions(-) diff --git a/packages/ui/tailwind/themes/defaultThemes.js b/packages/ui/tailwind/themes/defaultThemes.js index f3fd68e7d7..ca7abd9745 100644 --- a/packages/ui/tailwind/themes/defaultThemes.js +++ b/packages/ui/tailwind/themes/defaultThemes.js @@ -15,9 +15,9 @@ const todo = { export const defaultThemes = { light: { 'base-100': colors.white, - 'base-200': colors.gray[100], - 'base-300': colors.gray[200], - 'base-content': colors.gray[950], + 'base-200': colors.zinc[100], + 'base-300': colors.zinc[200], + 'base-content': colors.zinc[900], neutral: colors.neutral[100], 'neutral-content': colors.neutral[800], info: colors.sky[100], @@ -32,10 +32,10 @@ export const defaultThemes = { ...todo }, dark: { - 'base-100': colors.gray[900], - 'base-200': colors.gray[800], - 'base-300': colors.gray[700], - 'base-content': colors.gray[50], + 'base-100': colors.zinc[900], + 'base-200': colors.zinc[800], + 'base-300': colors.zinc[700], + 'base-content': colors.zinc[100], neutral: colors.neutral[800], 'neutral-content': colors.neutral[100], info: colors.sky[800], From 484b79bcf7777e02578334213f9d57c712a05a0f Mon Sep 17 00:00:00 2001 From: Zachary Stence Date: Thu, 3 Oct 2024 13:32:33 -0500 Subject: [PATCH 021/420] fix: tailwind dark mode uses data-theme attribute --- packages/ui/tailwind/config.js | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/packages/ui/tailwind/config.js b/packages/ui/tailwind/config.js index 088b9bb880..28a2c7395d 100644 --- a/packages/ui/tailwind/config.js +++ b/packages/ui/tailwind/config.js @@ -37,7 +37,8 @@ export const config = { } } }, - plugins: [createThemes(loadThemes())] + plugins: [createThemes(loadThemes())], + darkMode: ['selector', '[data-theme="dark"]'] }; export default config; From 8e6c69d5cbca6a374358821cb70402ff9a6927b7 Mon Sep 17 00:00:00 2001 From: Zachary Stence Date: Thu, 3 Oct 2024 13:32:54 -0500 Subject: [PATCH 022/420] feat: Button theming, adjust Alert theming --- .../src/lib/atoms/alert/Alert.svelte | 10 +-- .../src/lib/atoms/button/Button.svelte | 84 ++++++++++--------- packages/ui/tailwind/themes/defaultThemes.js | 40 ++++----- 3 files changed, 69 insertions(+), 65 deletions(-) diff --git a/packages/ui/core-components/src/lib/atoms/alert/Alert.svelte b/packages/ui/core-components/src/lib/atoms/alert/Alert.svelte index 030a80a11c..45dcf61e65 100644 --- a/packages/ui/core-components/src/lib/atoms/alert/Alert.svelte +++ b/packages/ui/core-components/src/lib/atoms/alert/Alert.svelte @@ -19,19 +19,19 @@ diff --git a/packages/ui/tailwind/themes/defaultThemes.js b/packages/ui/tailwind/themes/defaultThemes.js index ca7abd9745..91c49b6c7c 100644 --- a/packages/ui/tailwind/themes/defaultThemes.js +++ b/packages/ui/tailwind/themes/defaultThemes.js @@ -18,16 +18,16 @@ export const defaultThemes = { 'base-200': colors.zinc[100], 'base-300': colors.zinc[200], 'base-content': colors.zinc[900], - neutral: colors.neutral[100], - 'neutral-content': colors.neutral[800], - info: colors.sky[100], - 'info-content': colors.sky[800], - positive: colors.green[100], - 'positive-content': colors.green[800], - warning: colors.amber[100], - 'warning-content': colors.amber[800], - negative: colors.red[100], - 'negative-content': colors.red[800], + neutral: colors.neutral[400], + 'neutral-content': colors.neutral[950], + info: colors.sky[400], + 'info-content': colors.sky[950], + positive: colors.green[400], + 'positive-content': colors.green[950], + warning: colors.amber[400], + 'warning-content': colors.amber[950], + negative: colors.red[400], + 'negative-content': colors.red[950], ...todo }, @@ -36,16 +36,16 @@ export const defaultThemes = { 'base-200': colors.zinc[800], 'base-300': colors.zinc[700], 'base-content': colors.zinc[100], - neutral: colors.neutral[800], - 'neutral-content': colors.neutral[100], - info: colors.sky[800], - 'info-content': colors.sky[100], - positive: colors.green[800], - 'positive-content': colors.green[100], - warning: colors.amber[800], - 'warning-content': colors.amber[100], - negative: colors.red[800], - 'negative-content': colors.red[100], + neutral: colors.neutral[600], + 'neutral-content': colors.neutral[50], + info: colors.sky[500], + 'info-content': colors.sky[50], + positive: colors.green[500], + 'positive-content': colors.green[50], + warning: colors.amber[500], + 'warning-content': colors.amber[50], + negative: colors.red[500], + 'negative-content': colors.red[50], ...todo } From 3e0a9d01cf5837b2c9bfda338aba2cda09ac6399 Mon Sep 17 00:00:00 2001 From: Zachary Stence Date: Thu, 3 Oct 2024 13:38:06 -0500 Subject: [PATCH 023/420] feat: Accordion theming --- .../src/lib/atoms/shadcn/accordion/accordion-item.svelte | 2 +- .../src/lib/atoms/shadcn/accordion/accordion-trigger.svelte | 4 ++-- 2 files changed, 3 insertions(+), 3 deletions(-) diff --git a/packages/ui/core-components/src/lib/atoms/shadcn/accordion/accordion-item.svelte b/packages/ui/core-components/src/lib/atoms/shadcn/accordion/accordion-item.svelte index 8e1efdb9bc..a15b5f467e 100644 --- a/packages/ui/core-components/src/lib/atoms/shadcn/accordion/accordion-item.svelte +++ b/packages/ui/core-components/src/lib/atoms/shadcn/accordion/accordion-item.svelte @@ -10,6 +10,6 @@ export { className as class }; - + diff --git a/packages/ui/core-components/src/lib/atoms/shadcn/accordion/accordion-trigger.svelte b/packages/ui/core-components/src/lib/atoms/shadcn/accordion/accordion-trigger.svelte index 3f4faa2c94..6103fe45c3 100644 --- a/packages/ui/core-components/src/lib/atoms/shadcn/accordion/accordion-trigger.svelte +++ b/packages/ui/core-components/src/lib/atoms/shadcn/accordion/accordion-trigger.svelte @@ -15,7 +15,7 @@ svg]:rotate-180 focus:outline-none focus:ring ring-gray-100 rounded', + 'flex flex-1 items-center justify-between py-4 text-sm font-medium transition-all hover:underline [&[data-state=open]>svg]:rotate-180 focus:outline-none focus:ring ring-base-200 rounded', className )} {...$$restProps} @@ -24,7 +24,7 @@ From fb08f0eb89ae486c2eca16a188a9ef5ef0cd35d5 Mon Sep 17 00:00:00 2001 From: Zachary Stence Date: Thu, 3 Oct 2024 13:42:24 -0500 Subject: [PATCH 024/420] feat: Skeleton theming --- .../ui/core-components/src/lib/atoms/skeletons/Skeleton.svelte | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/ui/core-components/src/lib/atoms/skeletons/Skeleton.svelte b/packages/ui/core-components/src/lib/atoms/skeletons/Skeleton.svelte index 08febf2e37..2f763ec639 100644 --- a/packages/ui/core-components/src/lib/atoms/skeletons/Skeleton.svelte +++ b/packages/ui/core-components/src/lib/atoms/skeletons/Skeleton.svelte @@ -8,5 +8,5 @@
Loading... -
+
From 0d7562034afc2d89ad6500b9452f2fced1c8a858 Mon Sep 17 00:00:00 2001 From: Zachary Stence Date: Thu, 3 Oct 2024 14:28:46 -0500 Subject: [PATCH 025/420] feat: BigLink theming --- .../core-components/src/lib/unsorted/ui/BigLink.svelte | 10 ++-------- 1 file changed, 2 insertions(+), 8 deletions(-) diff --git a/packages/ui/core-components/src/lib/unsorted/ui/BigLink.svelte b/packages/ui/core-components/src/lib/unsorted/ui/BigLink.svelte index 0dbbdaa34a..186df42d9b 100644 --- a/packages/ui/core-components/src/lib/unsorted/ui/BigLink.svelte +++ b/packages/ui/core-components/src/lib/unsorted/ui/BigLink.svelte @@ -14,9 +14,9 @@
- From ebb7614651118f7397e3323f6743a04912672079 Mon Sep 17 00:00:00 2001 From: Zachary Stence Date: Thu, 3 Oct 2024 15:02:20 -0500 Subject: [PATCH 026/420] refactor: move default text color to body, not * selector --- .../src/lib/organisms/layout/EvidenceDefaultLayout.svelte | 7 ++----- .../src/lib/organisms/layout/sidebar/Sidebar.svelte | 2 +- 2 files changed, 3 insertions(+), 6 deletions(-) diff --git a/packages/ui/core-components/src/lib/organisms/layout/EvidenceDefaultLayout.svelte b/packages/ui/core-components/src/lib/organisms/layout/EvidenceDefaultLayout.svelte index 4f06b023fd..a04d9c75ef 100644 --- a/packages/ui/core-components/src/lib/organisms/layout/EvidenceDefaultLayout.svelte +++ b/packages/ui/core-components/src/lib/organisms/layout/EvidenceDefaultLayout.svelte @@ -108,7 +108,7 @@ -
+
{#if !hideHeader}
diff --git a/packages/ui/core-components/src/lib/organisms/layout/sidebar/Sidebar.svelte b/packages/ui/core-components/src/lib/organisms/layout/sidebar/Sidebar.svelte index 3d5312e5d7..a29bb96128 100644 --- a/packages/ui/core-components/src/lib/organisms/layout/sidebar/Sidebar.svelte +++ b/packages/ui/core-components/src/lib/organisms/layout/sidebar/Sidebar.svelte @@ -195,7 +195,7 @@