@geoffcox/sterling-svelte 0.0.8 → 0.0.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (19) hide show
  1. package/buttons/Button.svelte +152 -145
  2. package/display/Label.svelte +27 -0
  3. package/display/Label.svelte.d.ts +20 -0
  4. package/display/Progress.svelte +141 -133
  5. package/index.d.ts +3 -1
  6. package/index.js +3 -1
  7. package/inputs/Checkbox.svelte +129 -117
  8. package/inputs/Input.svelte +108 -142
  9. package/inputs/Radio.svelte +129 -113
  10. package/inputs/Select.svelte +191 -199
  11. package/inputs/Slider.svelte +182 -209
  12. package/lists/List.svelte +143 -214
  13. package/package.json +5 -1
  14. package/surfaces/CloseX.svelte +5 -0
  15. package/surfaces/CloseX.svelte.d.ts +23 -0
  16. package/surfaces/Dialog.svelte +241 -0
  17. package/surfaces/Dialog.svelte.d.ts +34 -0
  18. package/theme/colors.js +2 -0
  19. package/theme/darkTheme.js +3 -3
package/surfaces/Dialog.svelte.d.ts ADDED
@@ -0,0 +1,34 @@
1
+ import { SvelteComponentTyped } from "svelte";
2
+ declare const __propDef: {
3
+ props: {
4
+ [x: string]: any;
5
+ open?: boolean | undefined;
6
+ returnValue?: string | undefined;
7
+ backdropCloses?: boolean | undefined;
8
+ };
9
+ events: {
10
+ close: Event;
11
+ cancel: Event;
12
+ } & {
13
+ [evt: string]: CustomEvent<any>;
14
+ };
15
+ slots: {
16
+ content: {};
17
+ header: {};
18
+ title: {};
19
+ body: {};
20
+ footer: {};
21
+ };
22
+ };
23
+ export type DialogProps = typeof __propDef.props;
24
+ export type DialogEvents = typeof __propDef.events;
25
+ export type DialogSlots = typeof __propDef.slots;
26
+ /**
27
+ * A styled &lt;dialog&gt; element
28
+ *
29
+ * - Slots for typical dialog content.
30
+ * - Props and events to make using &lt;dialog&gt; easier
31
+ */
32
+ export default class Dialog extends SvelteComponentTyped<DialogProps, DialogEvents, DialogSlots> {
33
+ }
34
+ export {};
package/theme/colors.js CHANGED
@@ -1,6 +1,8 @@
1
1
  export const neutrals = {
2
2
  neutral0: 'hsl(0, 0%, 0%)',
3
+ neutral10: 'hsl(0, 0%, 12%)',
3
4
  neutral15: 'hsl(0, 0%, 15%)',
5
+ neutral20: 'hsl(0, 0%, 20%)',
4
6
  neutral30: 'hsl(0, 0%, 30%)',
5
7
  neutral45: 'hsl(0, 0%, 45%)',
6
8
  neutral60: 'hsl(0, 0%, 60%)',
package/theme/darkTheme.js CHANGED
@@ -25,11 +25,11 @@ export const darkTheme = {
25
25
  '--Common__border-color--disabled': neutrals.neutral92,
26
26
  '--Common__color--disabled': neutrals.neutral92,
27
27
  // ----- Layer ---- //
28
- '--Layer__background-color--1': neutrals.neutral30,
28
+ '--Layer__background-color--1': neutrals.neutral20,
29
29
  '--Layer__color--1': neutrals.neutral100,
30
- '--Layer__background-color--2': neutrals.neutral45,
30
+ '--Layer__background-color--2': neutrals.neutral10,
31
31
  '--Layer__color--2': neutrals.neutral100,
32
- '--Layer__background-color--3': neutrals.neutral60,
32
+ '--Layer__background-color--3': neutrals.neutral45,
33
33
  '--Layer__color--3': neutrals.neutral100,
34
34
  // ----- Button ----- //
35
35
  '--Button__background-color': neutrals.neutral45,