@geoffcox/sterling-svelte 0.0.30 → 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,42 +1,37 @@
+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 { FloatingPlacement, FloatingOffsetOptions } from './floating-ui.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';
+export type { PopoverPlacement } from './Popover.types';
 export type { ProgressStatus } from './Progress.types';
 export type { TabListContext } from './TabList.types';
 export type { TextAreaResize } from './TextArea.types';
-export type { TooltipShowOn } from './Tooltip.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 { FLOATING_PLACEMENTS } from './floating-ui.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';
+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 { TOOLTIP_SHOW_ONS } from './Tooltip.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';
 import ColorPicker from './ColorPicker.svelte';
 import Dialog from './Dialog.svelte';
@@ -69,4 +64,4 @@ import Tree from './Tree.svelte';
 import TreeChevron from './TreeChevron.svelte';
 import TreeItem from './TreeItem.svelte';
 import TreeItemDisplay from './TreeItemDisplay.svelte';
-export { Button, Checkbox, ColorPicker, Dialog, Dropdown, HexColorSliders, HslColorSliders, Input, Label, Link, List, ListItem, Menu, MenuBar, MenuButton, MenuItem, MenuItemDisplay, MenuSeparator, Popover, Progress, Radio, RgbColorSliders, Select, Slider, Switch, Tab, TabList, TextArea, Tooltip, Tree, TreeChevron, TreeItem, TreeItemDisplay };
+export { Button, Callout, Checkbox, ColorPicker, Dialog, Dropdown, HexColorSliders, HslColorSliders, Input, Label, Link, List, ListItem, Menu, MenuBar, MenuButton, MenuItem, MenuItemDisplay, MenuSeparator, Popover, Progress, Radio, RgbColorSliders, Select, Slider, Switch, Tab, TabList, TextArea, Tooltip, Tree, TreeChevron, TreeItem, TreeItemDisplay };

package/index.js

@@ -1,34 +1,30 @@
 // ----- 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 { FLOATING_PLACEMENTS } from './floating-ui.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';
+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 { TOOLTIP_SHOW_ONS } from './Tooltip.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';
 import Checkbox from './Checkbox.svelte';
 import ColorPicker from './ColorPicker.svelte';
 import Dialog from './Dialog.svelte';
@@ -61,4 +57,4 @@ import Tree from './Tree.svelte';
 import TreeChevron from './TreeChevron.svelte';
 import TreeItem from './TreeItem.svelte';
 import TreeItemDisplay from './TreeItemDisplay.svelte';
-export { Button, Checkbox, ColorPicker, Dialog, Dropdown, HexColorSliders, HslColorSliders, Input, Label, Link, List, ListItem, Menu, MenuBar, MenuButton, MenuItem, MenuItemDisplay, MenuSeparator, Popover, Progress, Radio, RgbColorSliders, Select, Slider, Switch, Tab, TabList, TextArea, Tooltip, Tree, TreeChevron, TreeItem, TreeItemDisplay };
+export { Button, Callout, Checkbox, ColorPicker, Dialog, Dropdown, HexColorSliders, HslColorSliders, Input, Label, Link, List, ListItem, Menu, MenuBar, MenuButton, MenuItem, MenuItemDisplay, MenuSeparator, Popover, Progress, Radio, RgbColorSliders, Select, Slider, Switch, Tab, TabList, TextArea, Tooltip, Tree, TreeChevron, TreeItem, TreeItemDisplay };

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.30",
+  "version": "1.0.0",
   "author": "Geoff Cox",
   "description": "A modern, accessible, and lightweight component library for Svelte.",
   "license": "MIT",
@@ -10,12 +10,35 @@
   "homepage": "https://github.com/GeoffCox/sterling-svelte/blob/main/README.md",
   "keywords": [
     "svelte",
+    "svelte 4",
+    "sveltekit",
     "design system",
     "component",
+    "components",
     "controls",
-    "sveltekit",
     "typescript",
-    "javascript"
+    "javascript",
+    "button",
+    "callout",
+    "checkbox",
+    "colorpicker",
+    "dialog",
+    "dropdown",
+    "input",
+    "label",
+    "link",
+    "list",
+    "menu",
+    "popover",
+    "progress",
+    "radio",
+    "select",
+    "slider",
+    "switch",
+    "tabs",
+    "textarea",
+    "tooltip",
+    "tree"
   ],
   "devDependencies": {
     "@fontsource/open-sans": "^4.5.14",
@@ -37,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",
@@ -57,6 +81,7 @@
     "./Button.constants": "./Button.constants.js",
     "./Button.svelte": "./Button.svelte",
     "./Button.types": "./Button.types.js",
+    "./Callout.svelte": "./Callout.svelte",
     "./Checkbox.svelte": "./Checkbox.svelte",
     "./ColorPicker.constants": "./ColorPicker.constants.js",
     "./ColorPicker.svelte": "./ColorPicker.svelte",
@@ -69,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",
@@ -87,7 +110,9 @@
     "./MenuItem.utils": "./MenuItem.utils.js",
     "./MenuItemDisplay.svelte": "./MenuItemDisplay.svelte",
     "./MenuSeparator.svelte": "./MenuSeparator.svelte",
+    "./Popover.constants": "./Popover.constants.js",
     "./Popover.svelte": "./Popover.svelte",
+    "./Popover.types": "./Popover.types.js",
     "./Progress.constants": "./Progress.constants.js",
     "./Progress.svelte": "./Progress.svelte",
     "./Progress.types": "./Progress.types.js",
@@ -103,34 +128,126 @@
     "./TextArea.constants": "./TextArea.constants.js",
     "./TextArea.svelte": "./TextArea.svelte",
     "./TextArea.types": "./TextArea.types.js",
-    "./Tooltip.constants": "./Tooltip.constants.js",
     "./Tooltip.svelte": "./Tooltip.svelte",
-    "./Tooltip.types": "./Tooltip.types.js",
     "./Tree.constants": "./Tree.constants.js",
     "./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",
-    "./floating-ui.constants": "./floating-ui.constants.js",
-    "./floating-ui.types": "./floating-ui.types.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/Tooltip.constants.d.ts

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

package/Tooltip.constants.js

@@ -1 +0,0 @@
-export const TOOLTIP_SHOW_ONS = ['hover', 'click'];

package/Tooltip.types.d.ts

@@ -1,4 +0,0 @@
-import type { TOOLTIP_SHOW_ONS } from './Tooltip.constants';
-type TooltipShowOnTuple = typeof TOOLTIP_SHOW_ONS;
-export type TooltipShowOn = TooltipShowOnTuple[number];
-export {};

package/Tooltip.types.js

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

package/floating-ui.constants.d.ts

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

package/floating-ui.types.d.ts

@@ -1,4 +0,0 @@
-import type { Placement } from '@floating-ui/dom';
-import type { Options as OffsetOptions } from '@floating-ui/core/src/middleware/offset';
-export type FloatingPlacement = Placement;
-export type FloatingOffsetOptions = OffsetOptions;

package/floating-ui.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>;