@geoffcox/sterling-svelte 0.0.31 → 1.0.0

package/css/sterling.css

@@ -0,0 +1,37 @@
+@import url('./light-mode.css');
+@import url('./dark-mode.css');
+
+@import url('./Button.css');
+@import url('./Callout.css');
+@import url('./Checkbox.css');
+@import url('./ColorPicker.css');
+@import url('./Dialog.css');
+@import url('./Dropdown.css');
+@import url('./HexColorSliders.css');
+@import url('./HslColorSliders.css');
+@import url('./Input.css');
+@import url('./Label.css');
+@import url('./Link.css');
+@import url('./List.css');
+@import url('./ListItem.css');
+@import url('./Menu.css');
+@import url('./MenuBar.css');
+@import url('./MenuButton.css');
+@import url('./MenuItem.css');
+@import url('./MenuItemDisplay.css');
+@import url('./MenuSeparator.css');
+@import url('./Popover.css');
+@import url('./Progress.css');
+@import url('./Radio.css');
+@import url('./RgbColorSliders.css');
+@import url('./Select.css');
+@import url('./Slider.css');
+@import url('./Switch.css');
+@import url('./Tab.css');
+@import url('./TabList.css');
+@import url('./TextArea.css');
+@import url('./Tooltip.css');
+@import url('./Tree.css');
+@import url('./TreeChevron.css');
+@import url('./TreeItem.css');
+@import url('./TreeItemDisplay.css');

package/index.d.ts

@@ -1,19 +1,15 @@
+export type { ClickOutsideEvent, ClickOutsideEventDetail } from './@types/clickOutside';
+export { applyLightDarkMode } from './actions/applyLightDarkMode';
 export { clickOutside } from './actions/clickOutside';
 export { forwardEvents } from './actions/forwardEvents';
 export { portal } from './actions/portal';
 export { trapKeyboardFocus } from './actions/trapKeyboardFocus';
+export { prefersColorSchemeDark } from './mediaQueries/prefersColorSchemeDark';
+export { prefersReducedMotion } from './mediaQueries/prefersReducedMotion';
+export { usingKeyboard } from './mediaQueries/usingKeyboard';
 export { idGenerator } from './idGenerator';
-export { type Theme, type ThemeActionParams } from './theme/types';
-export { applyDarkTheme } from './theme/applyDarkTheme';
-export { applyLightTheme } from './theme/applyLightTheme';
-export { applyTheme } from './theme/applyTheme';
-export { darkTheme } from './theme/darkTheme';
-export { lightTheme } from './theme/lightTheme';
-export { neutralColors, lightStatusColors, darkStatusColors, blueColors as blueAccentColors } from './theme/colors';
-export { toggleDarkTheme } from './theme/toggleDarkTheme';
 export type { ButtonVariant, ButtonShape } from './Button.types';
-export type { LabelStatus } from './Label.types';
-export type { LinkVariant } from './Link.types';
+export type { LabelStatus, LabelVariant } from './Label.types';
 export type { ListContext } from './List.types';
 export type { MenuBarContext } from './MenuBar.types';
 export type { MenuItemContext, MenuItemRegistration, MenuItemRole } from './MenuItem.types';
@@ -24,8 +20,7 @@ export type { TextAreaResize } from './TextArea.types';
 export type { TreeContext } from './Tree.types';
 export type { TreeItemContext } from './TreeItem.types';
 export { BUTTON_SHAPES, BUTTON_VARIANTS } from './Button.constants';
-export { LABEL_STATUSES } from './Label.constants';
-export { LINK_VARIANTS } from './Link.constants';
+export { LABEL_STATUSES, LABEL_VARIANTS } from './Label.constants';
 export { LIST_CONTEXT_KEY } from './List.constants';
 export { MENU_BAR_CONTEXT_KEY } from './MenuBar.constants';
 export { MENU_ITEM_CONTEXT_KEY, MENU_ITEM_ROLES } from './MenuItem.constants';
@@ -33,7 +28,8 @@ export { POPOVER_PLACEMENTS } from './Popover.constants';
 export { PROGRESS_STATUSES } from './Progress.constants';
 export { TAB_LIST_CONTEXT_KEY } from './TabList.constants';
 export { TEXT_AREA_RESIZES } from './TextArea.constants';
-export { TREE_CONTEXT_KEY, TREE_ITEM_CONTEXT_KEY } from './Tree.constants';
+export { TREE_CONTEXT_KEY } from './Tree.constants';
+export { TREE_ITEM_CONTEXT_KEY } from './TreeItem.constants';
 import Button from './Button.svelte';
 import Callout from './Callout.svelte';
 import Checkbox from './Checkbox.svelte';

package/index.js

@@ -1,23 +1,18 @@
 // ----- actions ----- //
+export { applyLightDarkMode } from './actions/applyLightDarkMode';
 export { clickOutside } from './actions/clickOutside';
 export { forwardEvents } from './actions/forwardEvents';
 export { portal } from './actions/portal';
 export { trapKeyboardFocus } from './actions/trapKeyboardFocus';
+// ----- media queries ----- //
+export { prefersColorSchemeDark } from './mediaQueries/prefersColorSchemeDark';
+export { prefersReducedMotion } from './mediaQueries/prefersReducedMotion';
+export { usingKeyboard } from './mediaQueries/usingKeyboard';
 // ----- functions ----- //
 export { idGenerator } from './idGenerator';
-// ----- theme ----- //
-export {} from './theme/types';
-export { applyDarkTheme } from './theme/applyDarkTheme';
-export { applyLightTheme } from './theme/applyLightTheme';
-export { applyTheme } from './theme/applyTheme';
-export { darkTheme } from './theme/darkTheme';
-export { lightTheme } from './theme/lightTheme';
-export { neutralColors, lightStatusColors, darkStatusColors, blueColors as blueAccentColors } from './theme/colors';
-export { toggleDarkTheme } from './theme/toggleDarkTheme';
 // ----- Component constants ----- //
 export { BUTTON_SHAPES, BUTTON_VARIANTS } from './Button.constants';
-export { LABEL_STATUSES } from './Label.constants';
-export { LINK_VARIANTS } from './Link.constants';
+export { LABEL_STATUSES, LABEL_VARIANTS } from './Label.constants';
 export { LIST_CONTEXT_KEY } from './List.constants';
 export { MENU_BAR_CONTEXT_KEY } from './MenuBar.constants';
 export { MENU_ITEM_CONTEXT_KEY, MENU_ITEM_ROLES } from './MenuItem.constants';
@@ -25,7 +20,8 @@ export { POPOVER_PLACEMENTS } from './Popover.constants';
 export { PROGRESS_STATUSES } from './Progress.constants';
 export { TAB_LIST_CONTEXT_KEY } from './TabList.constants';
 export { TEXT_AREA_RESIZES } from './TextArea.constants';
-export { TREE_CONTEXT_KEY, TREE_ITEM_CONTEXT_KEY } from './Tree.constants';
+export { TREE_CONTEXT_KEY } from './Tree.constants';
+export { TREE_ITEM_CONTEXT_KEY } from './TreeItem.constants';
 // ----- Components ----- //
 import Button from './Button.svelte';
 import Callout from './Callout.svelte';

package/mediaQueries/prefersColorSchemeDark.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="svelte" />
+export declare const prefersColorSchemeDark: import("svelte/store").Writable<boolean>;

package/mediaQueries/prefersColorSchemeDark.js

@@ -0,0 +1,10 @@
+import { writable } from 'svelte/store';
+export const prefersColorSchemeDark = writable(false, (set) => {
+    const matchMedia = window.matchMedia('(prefers-color-scheme: dark)');
+    set(matchMedia.matches);
+    const mediaChangeHandler = (e) => set(e.matches);
+    matchMedia.addEventListener('change', mediaChangeHandler);
+    return () => {
+        matchMedia.removeEventListener('change', mediaChangeHandler);
+    };
+});

package/{stores → mediaQueries}/prefersReducedMotion.d.ts

@@ -1 +1,2 @@
+/// <reference types="svelte" />
 export declare const prefersReducedMotion: import("svelte/store").Writable<boolean>;

package/{stores → mediaQueries}/usingKeyboard.d.ts

@@ -1 +1,2 @@
+/// <reference types="svelte" />
 export declare const usingKeyboard: import("svelte/store").Writable<boolean>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@geoffcox/sterling-svelte",
-  "version": "0.0.31",
+  "version": "1.0.0",
   "author": "Geoff Cox",
   "description": "A modern, accessible, and lightweight component library for Svelte.",
   "license": "MIT",
@@ -19,12 +19,25 @@
     "typescript",
     "javascript",
     "button",
+    "callout",
     "checkbox",
+    "colorpicker",
+    "dialog",
+    "dropdown",
+    "input",
+    "label",
+    "link",
     "list",
     "menu",
+    "popover",
+    "progress",
     "radio",
     "select",
+    "slider",
+    "switch",
+    "tabs",
     "textarea",
+    "tooltip",
     "tree"
   ],
   "devDependencies": {
@@ -47,6 +60,7 @@
     "prettier-plugin-svelte": "^2.10.1",
     "svelte": "^4.0.0",
     "svelte-check": "^3.4.3",
+    "svelte-preprocess": "^5.0.4",
     "tslib": "^2.4.1",
     "typescript": "^5.0.0",
     "vite": "^4.2.0",
@@ -80,9 +94,7 @@
     "./Label.constants": "./Label.constants.js",
     "./Label.svelte": "./Label.svelte",
     "./Label.types": "./Label.types.js",
-    "./Link.constants": "./Link.constants.js",
     "./Link.svelte": "./Link.svelte",
-    "./Link.types": "./Link.types.js",
     "./List.constants": "./List.constants.js",
     "./List.svelte": "./List.svelte",
     "./List.types": "./List.types.js",
@@ -121,25 +133,121 @@
     "./Tree.svelte": "./Tree.svelte",
     "./Tree.types": "./Tree.types.js",
     "./TreeChevron.svelte": "./TreeChevron.svelte",
+    "./TreeItem.constants": "./TreeItem.constants.js",
     "./TreeItem.svelte": "./TreeItem.svelte",
     "./TreeItem.types": "./TreeItem.types.js",
     "./TreeItemDisplay.svelte": "./TreeItemDisplay.svelte",
+    "./actions/applyLightDarkMode": "./actions/applyLightDarkMode.js",
     "./actions/clickOutside": "./actions/clickOutside.js",
     "./actions/forwardEvents": "./actions/forwardEvents.js",
     "./actions/portal": "./actions/portal.js",
     "./actions/trapKeyboardFocus": "./actions/trapKeyboardFocus.js",
+    "./css/Button.base.css": "./css/Button.base.css",
+    "./css/Button.colorful.css": "./css/Button.colorful.css",
+    "./css/Button.css": "./css/Button.css",
+    "./css/Button.secondary.colorful.css": "./css/Button.secondary.colorful.css",
+    "./css/Button.secondary.css": "./css/Button.secondary.css",
+    "./css/Button.shapes.css": "./css/Button.shapes.css",
+    "./css/Button.tool.colorful.css": "./css/Button.tool.colorful.css",
+    "./css/Button.tool.css": "./css/Button.tool.css",
+    "./css/Callout.base.css": "./css/Callout.base.css",
+    "./css/Callout.colorful.css": "./css/Callout.colorful.css",
+    "./css/Callout.css": "./css/Callout.css",
+    "./css/Checkbox.base.css": "./css/Checkbox.base.css",
+    "./css/Checkbox.colorful.css": "./css/Checkbox.colorful.css",
+    "./css/Checkbox.css": "./css/Checkbox.css",
+    "./css/ColorPicker.base.css": "./css/ColorPicker.base.css",
+    "./css/ColorPicker.css": "./css/ColorPicker.css",
+    "./css/Dialog.base.css": "./css/Dialog.base.css",
+    "./css/Dialog.css": "./css/Dialog.css",
+    "./css/Dropdown.base.css": "./css/Dropdown.base.css",
+    "./css/Dropdown.colorful.css": "./css/Dropdown.colorful.css",
+    "./css/Dropdown.css": "./css/Dropdown.css",
+    "./css/HexColorSliders.base.css": "./css/HexColorSliders.base.css",
+    "./css/HexColorSliders.css": "./css/HexColorSliders.css",
+    "./css/HslColorSliders.base.css": "./css/HslColorSliders.base.css",
+    "./css/HslColorSliders.css": "./css/HslColorSliders.css",
+    "./css/Input.base.css": "./css/Input.base.css",
+    "./css/Input.colorful.css": "./css/Input.colorful.css",
+    "./css/Input.composed.css": "./css/Input.composed.css",
+    "./css/Input.css": "./css/Input.css",
+    "./css/Label.base.css": "./css/Label.base.css",
+    "./css/Label.boxed.colorful.css": "./css/Label.boxed.colorful.css",
+    "./css/Label.boxed.css": "./css/Label.boxed.css",
+    "./css/Label.colorful.css": "./css/Label.colorful.css",
+    "./css/Label.css": "./css/Label.css",
+    "./css/Link.base.css": "./css/Link.base.css",
+    "./css/Link.colorful.css": "./css/Link.colorful.css",
+    "./css/Link.css": "./css/Link.css",
+    "./css/Link.ghost.colorful.css": "./css/Link.ghost.colorful.css",
+    "./css/Link.ghost.css": "./css/Link.ghost.css",
+    "./css/Link.undecorated.colorful.css": "./css/Link.undecorated.colorful.css",
+    "./css/Link.undecorated.css": "./css/Link.undecorated.css",
+    "./css/List.base.css": "./css/List.base.css",
+    "./css/List.css": "./css/List.css",
+    "./css/ListItem.base.css": "./css/ListItem.base.css",
+    "./css/ListItem.css": "./css/ListItem.css",
+    "./css/Menu.base.css": "./css/Menu.base.css",
+    "./css/Menu.css": "./css/Menu.css",
+    "./css/MenuBar.base.css": "./css/MenuBar.base.css",
+    "./css/MenuBar.css": "./css/MenuBar.css",
+    "./css/MenuButton.base.css": "./css/MenuButton.base.css",
+    "./css/MenuButton.css": "./css/MenuButton.css",
+    "./css/MenuItem.base.css": "./css/MenuItem.base.css",
+    "./css/MenuItem.css": "./css/MenuItem.css",
+    "./css/MenuItemDisplay.base.css": "./css/MenuItemDisplay.base.css",
+    "./css/MenuItemDisplay.css": "./css/MenuItemDisplay.css",
+    "./css/MenuSeparator.base.css": "./css/MenuSeparator.base.css",
+    "./css/MenuSeparator.css": "./css/MenuSeparator.css",
+    "./css/Popover copy.css": "./css/Popover copy.css",
+    "./css/Popover.css": "./css/Popover.css",
+    "./css/Progress.base.css": "./css/Progress.base.css",
+    "./css/Progress.css": "./css/Progress.css",
+    "./css/Radio.base.css": "./css/Radio.base.css",
+    "./css/Radio.colorful.css": "./css/Radio.colorful.css",
+    "./css/Radio.css": "./css/Radio.css",
+    "./css/RgbColorSliders.base.css": "./css/RgbColorSliders.base.css",
+    "./css/RgbColorSliders.css": "./css/RgbColorSliders.css",
+    "./css/Select.base.css": "./css/Select.base.css",
+    "./css/Select.colorful.css": "./css/Select.colorful.css",
+    "./css/Select.composed.css": "./css/Select.composed.css",
+    "./css/Select.css": "./css/Select.css",
+    "./css/Slider.base.css": "./css/Slider.base.css",
+    "./css/Slider.colorful.css": "./css/Slider.colorful.css",
+    "./css/Slider.composed.css": "./css/Slider.composed.css",
+    "./css/Slider.css": "./css/Slider.css",
+    "./css/Switch.base.css": "./css/Switch.base.css",
+    "./css/Switch.colorful.css": "./css/Switch.colorful.css",
+    "./css/Switch.css": "./css/Switch.css",
+    "./css/Tab.base.css": "./css/Tab.base.css",
+    "./css/Tab.colorful.css": "./css/Tab.colorful.css",
+    "./css/Tab.css": "./css/Tab.css",
+    "./css/TabList.base.css": "./css/TabList.base.css",
+    "./css/TabList.css": "./css/TabList.css",
+    "./css/TextArea.base.css": "./css/TextArea.base.css",
+    "./css/TextArea.colorful.css": "./css/TextArea.colorful.css",
+    "./css/TextArea.composed.css": "./css/TextArea.composed.css",
+    "./css/TextArea.css": "./css/TextArea.css",
+    "./css/Tooltip.base.css": "./css/Tooltip.base.css",
+    "./css/Tooltip.css": "./css/Tooltip.css",
+    "./css/Tree.base.css": "./css/Tree.base.css",
+    "./css/Tree.composed.css": "./css/Tree.composed.css",
+    "./css/Tree.css": "./css/Tree.css",
+    "./css/TreeChevron.base.css": "./css/TreeChevron.base.css",
+    "./css/TreeChevron.css": "./css/TreeChevron.css",
+    "./css/TreeItem.base.css": "./css/TreeItem.base.css",
+    "./css/TreeItem.css": "./css/TreeItem.css",
+    "./css/TreeItemDisplay.base.css": "./css/TreeItemDisplay.base.css",
+    "./css/TreeItemDisplay.colorful.css": "./css/TreeItemDisplay.colorful.css",
+    "./css/TreeItemDisplay.css": "./css/TreeItemDisplay.css",
+    "./css/dark-mode.css": "./css/dark-mode.css",
+    "./css/light-mode.css": "./css/light-mode.css",
+    "./css/sterling.css": "./css/sterling.css",
     "./idGenerator": "./idGenerator.js",
     ".": "./index.js",
-    "./stores/prefersReducedMotion": "./stores/prefersReducedMotion.js",
-    "./stores/usingKeyboard": "./stores/usingKeyboard.js",
-    "./theme/applyDarkTheme": "./theme/applyDarkTheme.js",
-    "./theme/applyLightTheme": "./theme/applyLightTheme.js",
-    "./theme/applyTheme": "./theme/applyTheme.js",
-    "./theme/colors": "./theme/colors.js",
-    "./theme/darkTheme": "./theme/darkTheme.js",
-    "./theme/lightTheme": "./theme/lightTheme.js",
-    "./theme/toggleDarkTheme": "./theme/toggleDarkTheme.js",
-    "./theme/types": "./theme/types.js"
+    "./mediaQueries/prefersColorSchemeDark": "./mediaQueries/prefersColorSchemeDark.js",
+    "./mediaQueries/prefersReducedMotion": "./mediaQueries/prefersReducedMotion.js",
+    "./mediaQueries/usingKeyboard": "./mediaQueries/usingKeyboard.js"
   },
   "svelte": "./index.js"
 }

package/Link.constants.d.ts

@@ -1 +0,0 @@
-export declare const LINK_VARIANTS: string[];

package/Link.constants.js

@@ -1 +0,0 @@
-export const LINK_VARIANTS = ['regular', 'ghost', 'undecorated'];

package/Link.types.d.ts

@@ -1,4 +0,0 @@
-import type { LINK_VARIANTS } from './Link.constants';
-type LinkVariantTuple = typeof LINK_VARIANTS;
-export type LinkVariant = LinkVariantTuple[number];
-export {};

package/Link.types.js

@@ -1 +0,0 @@
-export {};

package/theme/applyDarkTheme.d.ts

@@ -1,7 +0,0 @@
-import type { ThemeActionParams } from './types';
-/**
- * Applies the default dark theme.
- */
-export declare const applyDarkTheme: (node: HTMLElement, params?: Omit<ThemeActionParams, 'theme' | 'context'>) => {
-    update: (params?: ThemeActionParams | undefined) => void;
-};

package/theme/applyDarkTheme.js

@@ -1,11 +0,0 @@
-import { applyTheme } from './applyTheme';
-import { darkTheme } from './darkTheme';
-/**
- * Applies the default dark theme.
- */
-export const applyDarkTheme = (node, params) => {
-    return applyTheme(node, {
-        ...params,
-        theme: darkTheme
-    });
-};

package/theme/applyLightTheme.d.ts

@@ -1,7 +0,0 @@
-import type { ThemeActionParams } from './types';
-/**
- * Applies the default light theme.
- */
-export declare const applyLightTheme: (node: HTMLElement, params?: Omit<ThemeActionParams, 'theme' | 'context'>) => {
-    update: (params?: ThemeActionParams | undefined) => void;
-};

package/theme/applyLightTheme.js

@@ -1,11 +0,0 @@
-import { applyTheme } from './applyTheme';
-import { lightTheme } from './lightTheme';
-/**
- * Applies the default light theme.
- */
-export const applyLightTheme = (node, params) => {
-    return applyTheme(node, {
-        ...params,
-        theme: lightTheme
-    });
-};

package/theme/applyTheme.d.ts

@@ -1,7 +0,0 @@
-import type { ThemeActionParams } from './types';
-/**
- * Applies a theme.
- */
-export declare const applyTheme: (node: HTMLElement, params: ThemeActionParams) => {
-    update: (params?: ThemeActionParams) => void;
-};

package/theme/applyTheme.js

@@ -1,20 +0,0 @@
-const _applyTheme = (node, theme) => {
-    Object.keys(theme).map((key) => {
-        node.style.setProperty(`--${key}`, theme[key] ? `${theme[key]}` : null);
-    });
-};
-/**
- * Applies a theme.
- */
-export const applyTheme = (node, params) => {
-    const element = params.atDocumentRoot ? document.documentElement : node;
-    _applyTheme(element, params.theme);
-    return {
-        update: (params) => {
-            if (params) {
-                const element = params.atDocumentRoot ? document.documentElement : node;
-                _applyTheme(element, params?.theme);
-            }
-        }
-    };
-};

package/theme/colors.d.ts

@@ -1,54 +0,0 @@
-export declare const neutralColors: Record<string, string>;
-/**
- * Status colors for a light theme.
- * These are carefully chosen colors to meet the minimum 4.5:1 accessibility contrast ratio.
- */
-export declare const lightStatusColors: {
-    info: {
-        backgroundColor: string;
-        borderColor: string;
-        color: string;
-    };
-    success: {
-        backgroundColor: string;
-        borderColor: string;
-        color: string;
-    };
-    warning: {
-        backgroundColor: string;
-        borderColor: string;
-        color: string;
-    };
-    error: {
-        backgroundColor: string;
-        borderColor: string;
-        color: string;
-    };
-};
-/**
- * Status colors for a dark theme.
- * These are carefully chosen colors to meet the minimum 4.5:1 accessibility contrast ratio.
- */
-export declare const darkStatusColors: {
-    info: {
-        backgroundColor: string;
-        borderColor: string;
-        color: string;
-    };
-    success: {
-        backgroundColor: string;
-        borderColor: string;
-        color: string;
-    };
-    warning: {
-        backgroundColor: string;
-        borderColor: string;
-        color: string;
-    };
-    error: {
-        backgroundColor: string;
-        borderColor: string;
-        color: string;
-    };
-};
-export declare const blueColors: Record<string, string>;

package/theme/colors.js

@@ -1,82 +0,0 @@
-export const neutralColors = {
-    color0: 'hsl(0, 0%, 0%)',
-    color1: 'hsl(0, 0%, 12%)',
-    color2: 'hsl(0, 0%, 15%)',
-    color3: 'hsl(0, 0%, 20%)',
-    color4: 'hsl(0, 0%, 30%)',
-    color5: 'hsl(0, 0%, 45%)',
-    color6: 'hsl(0, 0%, 60%)',
-    color7: 'hsl(0, 0%, 75%)',
-    color8: 'hsl(0, 0%, 85%)',
-    color9: 'hsl(0, 0%, 92%)',
-    color10: 'hsl(0, 0%, 96%)',
-    color11: 'hsl(0, 0%, 98%)',
-    color12: 'hsl(0, 0%, 100%)'
-};
-/**
- * Status colors for a light theme.
- * These are carefully chosen colors to meet the minimum 4.5:1 accessibility contrast ratio.
- */
-export const lightStatusColors = {
-    info: {
-        backgroundColor: 'hsl(198, 100%, 90%)',
-        borderColor: 'hsl(198, 100%, 40%)',
-        color: 'hsl(198, 100%, 40%)'
-    },
-    success: {
-        backgroundColor: 'hsl(146, 100%, 90%)',
-        borderColor: 'hsl(146, 100%, 30%)',
-        color: 'hsl(146, 80%, 25%)'
-    },
-    warning: {
-        backgroundColor: 'hsl(39, 100%, 80%)',
-        borderColor: 'hsl(39, 100%, 45%)',
-        color: 'hsl(39, 100%, 25%)'
-    },
-    error: {
-        backgroundColor: 'hsl(5, 100%, 90%)',
-        borderColor: 'hsl(5, 100%, 40%)',
-        color: 'hsl(5, 80%, 40%)'
-    }
-};
-/**
- * Status colors for a dark theme.
- * These are carefully chosen colors to meet the minimum 4.5:1 accessibility contrast ratio.
- */
-export const darkStatusColors = {
-    info: {
-        backgroundColor: 'hsl(198, 100%, 10%)',
-        borderColor: 'hsl(198, 100%, 40%)',
-        color: 'hsl(198, 80%, 50%)'
-    },
-    success: {
-        backgroundColor: 'hsl(146, 100%, 10%)',
-        borderColor: 'hsl(146, 100%, 30%)',
-        color: 'hsl(146, 100%, 40%)'
-    },
-    warning: {
-        backgroundColor: 'hsl(39, 100%, 10%)',
-        borderColor: 'hsl(39, 100%, 45%)',
-        color: 'hsl(39, 100%, 50%)'
-    },
-    error: {
-        backgroundColor: 'hsl(5, 100%, 10%)',
-        borderColor: 'hsl(5, 100%, 40%)',
-        color: 'hsl(5, 100%, 50%)'
-    }
-};
-export const blueColors = {
-    color0: 'hsl(204, 100%, 0%)',
-    color1: 'hsl(204, 100%, 18%)',
-    color2: 'hsl(204, 100%, 25%)',
-    color3: 'hsl(204, 100%, 30%)',
-    color4: 'hsl(204, 100%, 35%)',
-    color5: 'hsl(204, 100%, 42%)',
-    color6: 'hsl(204, 100%, 50%)',
-    color7: 'hsl(204, 100%, 60%)',
-    color8: 'hsl(204, 100%, 70%)',
-    color9: 'hsl(204, 100%, 80%)',
-    color10: 'hsl(204, 100%, 90%)',
-    color11: 'hsl(204, 100%, 98%)',
-    color12: 'hsl(204, 100%, 100%)'
-};

package/theme/darkTheme.d.ts

@@ -1,2 +0,0 @@
-import type { Theme } from './types';
-export declare const darkTheme: Theme;