@geoffcox/sterling-svelte 2.0.1 → 2.0.2

package/dist/index.d.ts

@@ -1,59 +0,0 @@
-export type { ClickOutsideEvent, ClickOutsideEventDetail } from './@types/clickOutside';
-export { applyLightDarkMode } from './actions/applyLightDarkMode';
-export { clickOutside } from './actions/clickOutside';
-export { extraClass } from './actions/extraClass';
-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 { 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 { ProgressOrientation } from './Progress.types';
-export type { TabListContext } from './TabList.types';
-export type { TextAreaResize } from './TextArea.types';
-export type { TreeContext } from './Tree.types';
-export type { TreeItemContext } from './TreeItem.types';
-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_ORIENTATIONS } from './Progress.constants';
-export { TAB_LIST_CONTEXT_KEY } from './TabList.constants';
-export { TEXT_AREA_RESIZES } from './TextArea.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 Dialog from './Dialog.svelte';
-import Dropdown from './Dropdown.svelte';
-import Label from './Label.svelte';
-import Input from './Input.svelte';
-import Link from './Link.svelte';
-import List from './List.svelte';
-import ListItem from './ListItem.svelte';
-import Menu from './Menu.svelte';
-import MenuBar from './MenuBar.svelte';
-import MenuButton from './MenuButton.svelte';
-import MenuItem from './MenuItem.svelte';
-import MenuSeparator from './MenuSeparator.svelte';
-import Popover from './Popover.svelte';
-import Progress from './Progress.svelte';
-import Radio from './Radio.svelte';
-import Select from './Select.svelte';
-import Slider from './Slider.svelte';
-import Switch from './Switch.svelte';
-import Tab from './Tab.svelte';
-import TabList from './TabList.svelte';
-import TextArea from './TextArea.svelte';
-import Tooltip from './Tooltip.svelte';
-import Tree from './Tree.svelte';
-import TreeChevron from './TreeChevron.svelte';
-import TreeItem from './TreeItem.svelte';
-export { Button, Callout, Checkbox, Dialog, Dropdown, Input, Label, Link, List, ListItem, Menu, MenuBar, MenuButton, MenuItem, MenuSeparator, Popover, Progress, Radio, Select, Slider, Switch, Tab, TabList, TextArea, Tooltip, Tree, TreeChevron, TreeItem };

package/dist/index.js

@@ -1,54 +0,0 @@
-// ----- actions ----- //
-export { applyLightDarkMode } from './actions/applyLightDarkMode';
-export { clickOutside } from './actions/clickOutside';
-export { extraClass } from './actions/extraClass';
-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';
-// ----- Component 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_ORIENTATIONS } from './Progress.constants';
-export { TAB_LIST_CONTEXT_KEY } from './TabList.constants';
-export { TEXT_AREA_RESIZES } from './TextArea.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 Dialog from './Dialog.svelte';
-import Dropdown from './Dropdown.svelte';
-import Label from './Label.svelte';
-import Input from './Input.svelte';
-import Link from './Link.svelte';
-import List from './List.svelte';
-import ListItem from './ListItem.svelte';
-import Menu from './Menu.svelte';
-import MenuBar from './MenuBar.svelte';
-import MenuButton from './MenuButton.svelte';
-import MenuItem from './MenuItem.svelte';
-import MenuSeparator from './MenuSeparator.svelte';
-import Popover from './Popover.svelte';
-import Progress from './Progress.svelte';
-import Radio from './Radio.svelte';
-import Select from './Select.svelte';
-import Slider from './Slider.svelte';
-import Switch from './Switch.svelte';
-import Tab from './Tab.svelte';
-import TabList from './TabList.svelte';
-import TextArea from './TextArea.svelte';
-import Tooltip from './Tooltip.svelte';
-import Tree from './Tree.svelte';
-import TreeChevron from './TreeChevron.svelte';
-import TreeItem from './TreeItem.svelte';
-export { Button, Callout, Checkbox, Dialog, Dropdown, Input, Label, Link, List, ListItem, Menu, MenuBar, MenuButton, MenuItem, MenuSeparator, Popover, Progress, Radio, Select, Slider, Switch, Tab, TabList, TextArea, Tooltip, Tree, TreeChevron, TreeItem };

package/dist/mediaQueries/prefersColorSchemeDark.d.ts

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

package/dist/mediaQueries/prefersColorSchemeDark.js

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

package/dist/mediaQueries/prefersReducedMotion.d.ts

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

package/dist/mediaQueries/prefersReducedMotion.js

@@ -1,14 +0,0 @@
-import { onMount } from 'svelte';
-import { writable } from 'svelte/store';
-export const prefersReducedMotion = writable(false, (set) => {
-    let matchMedia = undefined;
-    const mediaChangeHandler = (e) => set(e.matches);
-    onMount(() => {
-        matchMedia = window.matchMedia('(prefers-reduced-motion: reduce)');
-        set(matchMedia.matches);
-        matchMedia.addEventListener('change', mediaChangeHandler);
-    });
-    return () => {
-        matchMedia?.removeEventListener('change', mediaChangeHandler);
-    };
-});

package/dist/mediaQueries/usingKeyboard.d.ts

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

package/dist/mediaQueries/usingKeyboard.js

@@ -1,17 +0,0 @@
-import { onMount } from 'svelte';
-import { writable } from 'svelte/store';
-import { createKeyborg } from 'keyborg';
-export const usingKeyboard = writable(false, (set) => {
-    let keyborg = undefined;
-    const keyborgHandler = (value) => {
-        set(value);
-    };
-    onMount(() => {
-        keyborg = createKeyborg(window);
-        set(keyborg.isNavigatingWithKeyboard());
-        keyborg.subscribe(keyborgHandler);
-    });
-    return () => {
-        keyborg?.unsubscribe(keyborgHandler);
-    };
-});