@hotosm/ui 0.3.0-b7 → 0.3.0-b9

package/dist/chunks/chunk.WPXUR5EI.js

@@ -1,49 +0,0 @@
-import{registerIconLibrary as t}from"@shoelace-style/shoelace/dist/utilities/icon-library.js";var l={list:`
-    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-list" viewBox="0 0 16 16">
-      <path fill-rule="evenodd" d="M2.5 12a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5z"/>
-    </svg>
-  `,"info-circle":`
-    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-info-circle" viewBox="0 0 16 16">
-      <path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z"/>
-      <path d="m8.93 6.588-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275 0-.375-.193-.304-.533L8.93 6.588zM9 4.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0z"/>
-    </svg>
-  `,"arrow-counterclockwise":`
-    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-counterclockwise" viewBox="0 0 16 16">
-      <path fill-rule="evenodd" d="M8 3a5 5 0 1 1-4.546 2.914.5.5 0 0 0-.908-.417A6 6 0 1 0 8 2v1z"/>
-      <path d="M8 4.466V.534a.25.25 0 0 0-.41-.192L5.23 2.308a.25.25 0 0 0 0 .384l2.36 1.966A.25.25 0 0 0 8 4.466z"/>
-    </svg>
-  `,"arrow-clockwise":`
-    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-clockwise" viewBox="0 0 16 16">
-      <path fill-rule="evenodd" d="M8 3a5 5 0 1 0 4.546 2.914.5.5 0 0 1 .908-.417A6 6 0 1 1 8 2v1z"/>
-      <path d="M8 4.466V.534a.25.25 0 0 1 .41-.192l2.36 1.966c.12.1.12.284 0 .384L8.41 4.658A.25.25 0 0 1 8 4.466z"/>
-    </svg>
-  `,"type-bold":`
-    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-type-bold" viewBox="0 0 16 16">
-      <path d="M8.21 13c2.106 0 3.412-1.087 3.412-2.823 0-1.306-.984-2.283-2.324-2.386v-.055a2.176 2.176 0 0 0 1.852-2.14c0-1.51-1.162-2.46-3.014-2.46H3.843V13H8.21zM5.908 4.674h1.696c.963 0 1.517.451 1.517 1.244 0 .834-.629 1.32-1.73 1.32H5.908V4.673zm0 6.788V8.598h1.73c1.217 0 1.88.492 1.88 1.415 0 .943-.643 1.449-1.832 1.449H5.907z"/>
-    </svg>
-  `,"type-italic":`
-    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-type-italic" viewBox="0 0 16 16">
-      <path d="M7.991 11.674 9.53 4.455c.123-.595.246-.71 1.347-.807l.11-.52H7.211l-.11.52c1.06.096 1.128.212 1.005.807L6.57 11.674c-.123.595-.246.71-1.346.806l-.11.52h3.774l.11-.52c-1.06-.095-1.129-.211-1.006-.806z"/>
-    </svg>
-  `,"type-underline":`
-    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-type-underline" viewBox="0 0 16 16">
-      <path d="M5.313 3.136h-1.23V9.54c0 2.105 1.47 3.623 3.917 3.623s3.917-1.518 3.917-3.623V3.136h-1.23v6.323c0 1.49-.978 2.57-2.687 2.57-1.709 0-2.687-1.08-2.687-2.57V3.136zM12.5 15h-9v-1h9v1z"/>
-    </svg>
-  `,"justify-left":`
-    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-justify-left" viewBox="0 0 16 16">
-      <path fill-rule="evenodd" d="M2 12.5a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5zm0-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5zm0-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5zm0-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5z"/>
-    </svg>
-  `,justify:`
-    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-justify" viewBox="0 0 16 16">
-      <path fill-rule="evenodd" d="M2 12.5a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5zm0-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5zm0-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5zm0-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5z"/>
-    </svg>
-  `,"justify-right":`
-    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-justify-right" viewBox="0 0 16 16">
-      <path fill-rule="evenodd" d="M6 12.5a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5zm-4-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5zm0-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5zm0-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5z"/>
-    </svg>
-  `,"person-circle":`
-    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-person-circle" viewBox="0 0 16 16">
-      <path d="M11 6a3 3 0 1 1-6 0 3 3 0 0 1 6 0z"/>
-      <path fill-rule="evenodd" d="M0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8zm8-7a7 7 0 0 0-5.468 11.37C3.242 11.226 4.805 10 8 10s4.757 1.225 5.468 2.37A7 7 0 0 0 8 1z"/>
-    </svg>
-  `},e=i=>i in l?`data:image/svg+xml,${encodeURIComponent(l[i])}`:"";function s(){t("hot-icons",{resolver:e})}var r=s;export{r as a};

package/dist/components/toolbar/toolbar.component.d.ts

@@ -1,24 +0,0 @@
-import "@shoelace-style/shoelace/dist/components/button/button.js";
-import "@shoelace-style/shoelace/dist/components/button-group/button-group.js";
-import "@shoelace-style/shoelace/dist/components/icon/icon.js";
-import "@shoelace-style/shoelace/dist/components/tooltip/tooltip.js";
-import { LitElement } from "lit";
-import type { CSSResultGroup } from 'lit';
-export declare class Toolbar extends LitElement {
-    static styles: CSSResultGroup;
-    name: string;
-    /** Change the position of the tooltips relative to buttons. */
-    accessor tooltipPosition: string;
-    protected render(): import("lit").TemplateResult<1>;
-    private renderButtonGroup;
-    private renderButton;
-    private readonly undo;
-    private readonly redo;
-    private readonly bold;
-    private readonly italic;
-    private readonly underline;
-    private readonly alignLeft;
-    private readonly alignCenter;
-    private readonly alignRight;
-}
-export default Toolbar;

package/dist/components/toolbar/toolbar.component.js

@@ -1 +0,0 @@
-import{a,b}from"../../chunks/chunk.GVYEHPTU.js";import"../../chunks/chunk.PUMXQ24J.js";import"../../chunks/chunk.WPXUR5EI.js";import"../../chunks/chunk.FWYUHKRF.js";export{a as Toolbar,b as default};

package/dist/components/toolbar/toolbar.d.ts

@@ -1,8 +0,0 @@
-import Toolbar from './toolbar.component.js';
-export * from './toolbar.component.js';
-export default Toolbar;
-declare global {
-    interface HTMLElementTagNameMap {
-        'hot-toolbar': Toolbar;
-    }
-}

package/dist/components/toolbar/toolbar.js

@@ -1 +0,0 @@
-import{a,b as o}from"../../chunks/chunk.GVYEHPTU.js";import"../../chunks/chunk.PUMXQ24J.js";import"../../chunks/chunk.WPXUR5EI.js";import"../../chunks/chunk.FWYUHKRF.js";var r=o;export{a as Toolbar,r as default};

package/dist/components/toolbar/toolbar.styles.d.ts

@@ -1,2 +0,0 @@
-declare const _default: import("lit").CSSResult;
-export default _default;

package/dist/components/toolbar/toolbar.styles.js

@@ -1 +0,0 @@
-import{a}from"../../chunks/chunk.PUMXQ24J.js";import"../../chunks/chunk.FWYUHKRF.js";export{a as default};

package/dist/react/consent/index.d.ts

@@ -1,3 +0,0 @@
-import Component from '../../components/consent/consent.component.js';
-declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {}>;
-export default reactWrapper;

package/dist/react/header/index.d.ts

@@ -1,3 +0,0 @@
-import Component from '../../components/header/header.component.js';
-declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {}>;
-export default reactWrapper;

package/dist/react/index.d.ts

@@ -1,62 +0,0 @@
-export { default as Header } from './header/index.js';
-export { default as Logo } from './logo/index.js';
-export { default as Toolbar } from './toolbar/index.js';
-export { default as Tracking } from './tracking/index.js';
-export { default as Consent } from './consent/index.js';
-export { default as Alert } from '@shoelace-style/shoelace/dist/react/alert/index.js';
-export { default as AnimatedImage } from '@shoelace-style/shoelace/dist/react/animated-image/index.js';
-export { default as Animation } from '@shoelace-style/shoelace/dist/react/animation/index.js';
-export { default as Avatar } from '@shoelace-style/shoelace/dist/react/avatar/index.js';
-export { default as Badge } from '@shoelace-style/shoelace/dist/react/badge/index.js';
-export { default as Breadcrumb } from '@shoelace-style/shoelace/dist/react/breadcrumb/index.js';
-export { default as BreadcrumbItem } from '@shoelace-style/shoelace/dist/react/breadcrumb-item/index.js';
-export { default as Button } from '@shoelace-style/shoelace/dist/react/button/index.js';
-export { default as ButtonGroup } from '@shoelace-style/shoelace/dist/react/button-group/index.js';
-export { default as Card } from '@shoelace-style/shoelace/dist/react/card/index.js';
-export { default as Carousel } from '@shoelace-style/shoelace/dist/react/carousel/index.js';
-export { default as CarouselItem } from '@shoelace-style/shoelace/dist/react/carousel-item/index.js';
-export { default as Checkbox } from '@shoelace-style/shoelace/dist/react/checkbox/index.js';
-export { default as ColorPicker } from '@shoelace-style/shoelace/dist/react/color-picker/index.js';
-export { default as CopyButton } from '@shoelace-style/shoelace/dist/react/copy-button/index.js';
-export { default as Details } from '@shoelace-style/shoelace/dist/react/details/index.js';
-export { default as Dialog } from '@shoelace-style/shoelace/dist/react/dialog/index.js';
-export { default as Divider } from '@shoelace-style/shoelace/dist/react/divider/index.js';
-export { default as Drawer } from '@shoelace-style/shoelace/dist/react/drawer/index.js';
-export { default as Dropdown } from '@shoelace-style/shoelace/dist/react/dropdown/index.js';
-export { default as FormatBytes } from '@shoelace-style/shoelace/dist/react/format-bytes/index.js';
-export { default as FormatDate } from '@shoelace-style/shoelace/dist/react/format-date/index.js';
-export { default as FormatNumber } from '@shoelace-style/shoelace/dist/react/format-number/index.js';
-export { default as Icon } from '@shoelace-style/shoelace/dist/react/icon/index.js';
-export { default as IconButton } from '@shoelace-style/shoelace/dist/react/icon-button/index.js';
-export { default as ImageComparer } from '@shoelace-style/shoelace/dist/react/image-comparer/index.js';
-export { default as Include } from '@shoelace-style/shoelace/dist/react/include/index.js';
-export { default as Input } from '@shoelace-style/shoelace/dist/react/input/index.js';
-export { default as Menu } from '@shoelace-style/shoelace/dist/react/menu/index.js';
-export { default as MenuItem } from '@shoelace-style/shoelace/dist/react/menu-item/index.js';
-export { default as MenuLabel } from '@shoelace-style/shoelace/dist/react/menu-label/index.js';
-export { default as MutationObserver } from '@shoelace-style/shoelace/dist/react/mutation-observer/index.js';
-export { default as Option } from '@shoelace-style/shoelace/dist/react/option/index.js';
-export { default as Popup } from '@shoelace-style/shoelace/dist/react/popup/index.js';
-export { default as ProgressBar } from '@shoelace-style/shoelace/dist/react/progress-bar/index.js';
-export { default as ProgressRing } from '@shoelace-style/shoelace/dist/react/progress-ring/index.js';
-export { default as Radio } from '@shoelace-style/shoelace/dist/react/radio/index.js';
-export { default as RadioButton } from '@shoelace-style/shoelace/dist/react/radio-button/index.js';
-export { default as RadioGroup } from '@shoelace-style/shoelace/dist/react/radio-group/index.js';
-export { default as Range } from '@shoelace-style/shoelace/dist/react/range/index.js';
-export { default as Rating } from '@shoelace-style/shoelace/dist/react/rating/index.js';
-export { default as RelativeTime } from '@shoelace-style/shoelace/dist/react/relative-time/index.js';
-export { default as ResizeObserver } from '@shoelace-style/shoelace/dist/react/resize-observer/index.js';
-export { default as Select } from '@shoelace-style/shoelace/dist/react/select/index.js';
-export { default as Skeleton } from '@shoelace-style/shoelace/dist/react/skeleton/index.js';
-export { default as Spinner } from '@shoelace-style/shoelace/dist/react/spinner/index.js';
-export { default as SplitPanel } from '@shoelace-style/shoelace/dist/react/split-panel/index.js';
-export { default as Switch } from '@shoelace-style/shoelace/dist/react/switch/index.js';
-export { default as Tab } from '@shoelace-style/shoelace/dist/react/tab/index.js';
-export { default as TabGroup } from '@shoelace-style/shoelace/dist/react/tab-group/index.js';
-export { default as TabPanel } from '@shoelace-style/shoelace/dist/react/tab-panel/index.js';
-export { default as Tag } from '@shoelace-style/shoelace/dist/react/tag/index.js';
-export { default as Textarea } from '@shoelace-style/shoelace/dist/react/textarea/index.js';
-export { default as Tooltip } from '@shoelace-style/shoelace/dist/react/tooltip/index.js';
-export { default as Tree } from '@shoelace-style/shoelace/dist/react/tree/index.js';
-export { default as TreeItem } from '@shoelace-style/shoelace/dist/react/tree-item/index.js';
-export { default as VisuallyHidden } from '@shoelace-style/shoelace/dist/react/visually-hidden/index.js';

package/dist/react/logo/index.d.ts

@@ -1,3 +0,0 @@
-import Component from '../../components/logo/logo.component.js';
-declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {}>;
-export default reactWrapper;

package/dist/react/toolbar/index.d.ts

@@ -1,3 +0,0 @@
-import Component from '../../components/toolbar/toolbar.component.js';
-declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {}>;
-export default reactWrapper;

package/dist/react/toolbar/index.js

@@ -1 +0,0 @@
-import{a}from"../../chunks/chunk.AFGPUO4H.js";import"../../chunks/chunk.GVYEHPTU.js";import"../../chunks/chunk.PUMXQ24J.js";import"../../chunks/chunk.WPXUR5EI.js";import"../../chunks/chunk.FWYUHKRF.js";export{a as default};

package/dist/react/tracking/index.d.ts

@@ -1,3 +0,0 @@
-import Component from '../../components/tracking/tracking.component.js';
-declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {}>;
-export default reactWrapper;

package/dist/themes/hot-sl.css

@@ -1,180 +0,0 @@
-
-/* HOT theme for Shoelace */
-
-@import '@shoelace-style/shoelace/dist/themes/light.css';
-
-:root,
-:host,
-.sl-theme-light {
-
-   /*
-   * Color primitives
-   */
-
-  /* red - red */
-
-  --sl-color-red-950: #A52A28;
-  --sl-color-red-900: #B9302D;
-  --sl-color-red-800: #B83032;
-  --sl-color-red-700: #C53639;
-  --sl-color-red-600: #D73F3F;
-  --sl-color-red-500: #F34D47;
-  --sl-color-red-400: #ED5C5E;
-  --sl-color-red-300: #E27A7D;
-  --sl-color-red-200: #EC9EA1;
-  --sl-color-red-100: #FDD0D6;
-  --sl-color-red-50: #FEECEF;
-
-  /* rose - persian plum */
-
-  --sl-color-rose-950: #3E030B;
-  --sl-color-rose-900: #4B040E;
-  --sl-color-rose-800: #5C1517;
-  --sl-color-rose-700: #6B231D;
-  --sl-color-rose-600: #7C2E26;
-  --sl-color-rose-500: #7D463F;
-  --sl-color-rose-400: #9E6960;
-  --sl-color-rose-300: #B3837B;
-  --sl-color-rose-200: #CFA59E;
-  --sl-color-rose-100: #EAC7C0;
-  --sl-color-rose-50: #FFE6DE;
-
-  /* yellow - bright yellow */
-
-  --sl-color-yellow-950: #CC6508;
-  --sl-color-yellow-900: #E8750C;
-  --sl-color-yellow-800: #F77D0F;
-  --sl-color-yellow-700: #FAA71E;
-  --sl-color-yellow-600: #FCBF26;
-  --sl-color-yellow-500: #FED82E;
-  --sl-color-yellow-400: #FAE62E;
-  --sl-color-yellow-300: #FDEB51;
-  --sl-color-yellow-200: #FFF072;
-  --sl-color-yellow-100: #FFF59B;
-  --sl-color-yellow-50: #FFF9C3;
-
-  /* blue - space cadet */
-
-  --sl-color-blue-950: #111C31;
-  --sl-color-blue-900: #182642;
-  --sl-color-blue-800: #20365B;
-  --sl-color-blue-700: #263F68;
-  --sl-color-blue-600: #2E4873;
-  --sl-color-blue-500: #344F7B;
-  --sl-color-blue-400: #53688B;
-  --sl-color-blue-300: #71829E;
-  --sl-color-blue-200: #97A5BA;
-  --sl-color-blue-100: #BFC8D6;
-  --sl-color-blue-50: #E6E9EE;
-
-  /* cyan - cadet blue */
-
-  --sl-color-cyan-950: #2B514F;
-  --sl-color-cyan-900: #366361;
-  --sl-color-cyan-800: #408789;
-  --sl-color-cyan-700: #459BA0;
-  --sl-color-cyan-600: #4BB1B9;
-  --sl-color-cyan-500: #50C1CB;
-  --sl-color-cyan-400: #58CBD1;
-  --sl-color-cyan-300: #6AD4D9;
-  --sl-color-cyan-200: #8FE1E3;
-  --sl-color-cyan-100: #B9EDED;
-  --sl-color-cyan-50: #E3F8F8;
-
-  /* gray - dark slate gray */
-
-  --sl-color-gray-950: #2C3038;
-  --sl-color-gray-900: #404248;
-  --sl-color-gray-800: #515057;
-  --sl-color-gray-700: #615F66;
-  --sl-color-gray-600: #716F73;
-  --sl-color-gray-500: #828085;
-  --sl-color-gray-400: #9A969B;
-  --sl-color-gray-300: #B3B0B3;
-  --sl-color-gray-200: #C4C3C5;
-  --sl-color-gray-100: #E1E0E1;
-  --sl-color-gray-50: #F3F3F3;
-
-  /* neutral - black & white */
-
-  --sl-color-neutral-1000: #000;
-  --sl-color-neutral-0: #fff;
-
-   /*
-   * Color tokens
-   */
-
-  --sl-color-primary-950: var(--sl-color-red-950);
-  --sl-color-primary-900: var(--sl-color-red-900);
-  --sl-color-primary-800: var(--sl-color-red-800);
-  --sl-color-primary-700: var(--sl-color-red-700);
-  --sl-color-primary-600: var(--sl-color-red-600);
-  --sl-color-primary-500: var(--sl-color-red-500);
-  --sl-color-primary-400: var(--sl-color-red-400);
-  --sl-color-primary-300: var(--sl-color-red-300);
-  --sl-color-primary-200: var(--sl-color-red-200);
-  --sl-color-primary-100: var(--sl-color-red-100);
-  --sl-color-primary-50: var(--sl-color-red-50);
-
-  --sl-color-danger-950: var(--sl-color-rose-950);
-  --sl-color-danger-900: var(--sl-color-rose-900);
-  --sl-color-danger-800: var(--sl-color-rose-800);
-  --sl-color-danger-700: var(--sl-color-rose-700);
-  --sl-color-danger-600: var(--sl-color-rose-600);
-  --sl-color-danger-500: var(--sl-color-rose-500);
-  --sl-color-danger-400: var(--sl-color-rose-400);
-  --sl-color-danger-300: var(--sl-color-rose-300);
-  --sl-color-danger-200: var(--sl-color-rose-200);
-  --sl-color-danger-100: var(--sl-color-rose-100);
-  --sl-color-danger-50: var(--sl-color-rose-50);
-
-  --sl-color-neutral-950: var(--sl-color-gray-950);
-  --sl-color-neutral-900: var(--sl-color-gray-900);
-  --sl-color-neutral-800: var(--sl-color-gray-800);
-  --sl-color-neutral-700: var(--sl-color-gray-700);
-  --sl-color-neutral-600: var(--sl-color-gray-600);
-  --sl-color-neutral-500: var(--sl-color-gray-500);
-  --sl-color-neutral-400: var(--sl-color-gray-400);
-  --sl-color-neutral-300: var(--sl-color-gray-300);
-  --sl-color-neutral-200: var(--sl-color-gray-200);
-  --sl-color-neutral-100: var(--sl-color-gray-100);
-  --sl-color-neutral-50: var(--sl-color-gray-50);
-
-  --sl-color-success-950: var(--sl-color-cyan-950);
-  --sl-color-success-900: var(--sl-color-cyan-900);
-  --sl-color-success-800: var(--sl-color-cyan-800);
-  --sl-color-success-700: var(--sl-color-cyan-700);
-  --sl-color-success-600: var(--sl-color-cyan-600);
-  --sl-color-success-500: var(--sl-color-cyan-500);
-  --sl-color-success-400: var(--sl-color-cyan-400);
-  --sl-color-success-300: var(--sl-color-cyan-300);
-  --sl-color-success-200: var(--sl-color-cyan-200);
-  --sl-color-success-100: var(--sl-color-cyan-100);
-  --sl-color-success-50: var(--sl-color-cyan-50);
-
-  --sl-color-warning-950: var(--sl-color-yellow-950);
-  --sl-color-warning-900: var(--sl-color-yellow-900);
-  --sl-color-warning-800: var(--sl-color-yellow-800);
-  --sl-color-warning-700: var(--sl-color-yellow-700);
-  --sl-color-warning-600: var(--sl-color-yellow-600);
-  --sl-color-warning-500: var(--sl-color-yellow-500);
-  --sl-color-warning-400: var(--sl-color-yellow-400);
-  --sl-color-warning-300: var(--sl-color-yellow-300);
-  --sl-color-warning-200: var(--sl-color-yellow-200);
-  --sl-color-warning-100: var(--sl-color-yellow-100);
-  --sl-color-warning-50: var(--sl-color-yellow-50);
-
-  /*
-   * Typography
-   */
-
-  /* Fonts */
-  --sl-font-sans: Archivo, -apple-system, Roboto, Helvetica, Arial, sans-serif,
-  'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
-  --sl-font-sans-variant: 'Barlow Condensed';
-  --sl-font-sefif: Georgia, 'Times New Roman', serif;
-  --sl-font-mono: SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace;
-
-
-}
-