@geoffcox/sterling-svelte 0.0.17 → 0.0.18

package/theme/darkTheme.js

@@ -70,15 +70,22 @@ export const darkTheme = {
     '--stsv-Input__border-color--selected': neutrals.neutral98,
     '--stsv-Input__color--selected': neutrals.neutral100,
     // ----- Display ----- //
-    '--stsv-Display__background-color': neutrals.neutral30,
+    '--stsv-Display__background-color': neutrals.neutral20,
     '--stsv-Display__border-color': neutrals.neutral92,
-    '--stsv-Display__color': neutrals.neutral100,
+    '--stsv-Display__color': neutrals.neutral80,
     '--stsv-Display__color--subtle': neutrals.neutral96,
     '--stsv-Display__color--faint': neutrals.neutral45,
     '--stsv-Display__color--disabled': neutrals.neutral45,
-    '--stsv-Display__color--info': '#025E73',
-    '--stsv-Display__color--progress': '#0099DD',
-    '--stsv-Display__color--success': '#03A64A',
-    '--stsv-Display__color--warning': '#F2A71B',
-    '--stsv-Display__color--error': '#A62B1F'
+    '--stsv-Info__background-color': 'hsl(198, 100%, 10%)',
+    '--stsv-Info__border-color': 'hsl(198, 100%, 40%)',
+    '--stsv-Info__color': 'hsl(198, 80%, 50%)',
+    '--stsv-Success__background-color': 'hsl(146, 100%, 10%)',
+    '--stsv-Success__border-color': 'hsl(146, 100%, 30%)',
+    '--stsv-Success__color': 'hsl(146, 100%, 40%)',
+    '--stsv-Warning__background-color': 'hsl(39, 100%, 10%)',
+    '--stsv-Warning__border-color': 'hsl(39, 100%, 45%)',
+    '--stsv-Warning__color': 'hsl(39, 100%, 50%)',
+    '--stsv-Error__background-color': 'hsl(5, 100%, 10%)',
+    '--stsv-Error__border-color': 'hsl(5, 100%, 40%)',
+    '--stsv-Error__color': 'hsl(5, 100%, 50%)'
 };

package/theme/lightTheme.js

@@ -1,6 +1,6 @@
 import { neutrals } from './colors';
 export const lightTheme = {
-    // ----- Common ---- //
+    // ----- Common (18) ---- //
     '--stsv-Common__background-color': neutrals.neutral100,
     '--stsv-Common__border-color': neutrals.neutral60,
     '--stsv-Common__border-radius': '0',
@@ -31,7 +31,7 @@ export const lightTheme = {
     '--stsv-Layer__color--2': neutrals.neutral15,
     '--stsv-Layer__background-color--3': neutrals.neutral92,
     '--stsv-Layer__color--3': neutrals.neutral15,
-    // ----- Button ----- //
+    // ----- Button (15) ----- //
     '--stsv-Button__background-color': neutrals.neutral96,
     '--stsv-Button__border-color': neutrals.neutral60,
     '--stsv-Button__border-radius': '8px',
@@ -50,7 +50,7 @@ export const lightTheme = {
     '--stsv-Button__background-color--focus': neutrals.neutral96,
     '--stsv-Button__border-color--focus': neutrals.neutral0,
     '--stsv-Button__color--focus': neutrals.neutral15,
-    // ----- Input ----- //
+    // ----- Input (15) ----- //
     '--stsv-Input__background-color': neutrals.neutral98,
     '--stsv-Input__border-color': neutrals.neutral60,
     '--stsv-Input__border-radius': '3px',
@@ -71,14 +71,21 @@ export const lightTheme = {
     '--stsv-Input__color--selected': neutrals.neutral15,
     // ----- Display ----- //
     '--stsv-Display__background-color': neutrals.neutral92,
-    '--stsv-Display__border-color': neutrals.neutral60,
+    '--stsv-Display__border-color': neutrals.neutral30,
     '--stsv-Display__color': neutrals.neutral15,
-    '--stsv-Display__color--subtle': neutrals.neutral30,
+    '--stsv-Display__color--subtle': neutrals.neutral45,
     '--stsv-Display__color--faint': neutrals.neutral85,
     '--stsv-Display__color--disabled': neutrals.neutral85,
-    '--stsv-Display__color--info': '#025E73',
-    '--stsv-Display__color--progress': '#0099DD',
-    '--stsv-Display__color--success': '#03A64A',
-    '--stsv-Display__color--warning': '#F2A71B',
-    '--stsv-Display__color--error': '#A62B1F'
+    '--stsv-Info__background-color': 'hsl(198, 100%, 90%)',
+    '--stsv-Info__border-color': 'hsl(198, 100%, 40%)',
+    '--stsv-Info__color': 'hsl(198, 80%, 33%)',
+    '--stsv-Success__background-color': 'hsl(146, 100%, 90%)',
+    '--stsv-Success__border-color': 'hsl(146, 100%, 30%)',
+    '--stsv-Success__color': 'hsl(146, 80%, 25%)',
+    '--stsv-Warning__background-color': 'hsl(39, 100%, 80%)',
+    '--stsv-Warning__border-color': 'hsl(39, 100%, 45%)',
+    '--stsv-Warning__color': 'hsl(39, 100%, 25%)',
+    '--stsv-Error__background-color': 'hsl(5, 100%, 90%)',
+    '--stsv-Error__border-color': 'hsl(5, 100%, 40%)',
+    '--stsv-Error__color': 'hsl(5, 80%, 40%)'
 };

package/Portal.svelte

@@ -1,14 +0,0 @@
-<script>import { portal } from "./actions/portal";
-export let target = document.body;
-</script>
-
-<div class="portal" use:portal={{ target }}>
-  <slot {...$$restProps} />
-</div>
-
-<style>
-  .portal {
-    position: relative;
-    overflow: visible;
-  }
-</style>

package/Portal.svelte.d.ts

@@ -1,21 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: {
-        [x: string]: any;
-        target?: HTMLElement | undefined;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {
-            [x: string]: any;
-        };
-    };
-};
-export type PortalProps = typeof __propDef.props;
-export type PortalEvents = typeof __propDef.events;
-export type PortalSlots = typeof __propDef.slots;
-export default class Portal extends SvelteComponentTyped<PortalProps, PortalEvents, PortalSlots> {
-}
-export {};