drab 3.0.4 → 3.0.5

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 (9) hide show
  1. package/dist/components/ContextMenu.svelte +3 -5
  2. package/dist/components/ContextMenu.svelte.d.ts +3 -5
  3. package/dist/components/FullscreenButton.svelte +1 -1
  4. package/dist/components/FullscreenButton.svelte.d.ts +2 -2
  5. package/dist/components/Popover.svelte +1 -1
  6. package/dist/components/Popover.svelte.d.ts +1 -1
  7. package/dist/components/Sheet.svelte +1 -1
  8. package/dist/components/Sheet.svelte.d.ts +1 -1
  9. package/package.json +2 -2
package/dist/components/ContextMenu.svelte CHANGED
@@ -28,12 +28,10 @@ Displays when the `target` element is right clicked, or long pressed on mobile.
28
28
  let target: HTMLButtonElement;
29
29
  </script>
30
30
 
31
- <div class="mb-8 flex justify-center rounded border p-12">
31
+ <div class="mb-8 flex justify-center rounded border bg-muted p-12">
32
32
  <div>Parent right click</div>
33
33
  <ContextMenu class="z-10">
34
- <div
35
- class="flex w-48 flex-col gap-2 rounded border bg-background p-2 shadow"
36
- >
34
+ <div class="flex w-48 flex-col gap-2 rounded border bg-card p-2 shadow">
37
35
  <div class="font-bold">Context Menu</div>
38
36
  <button role="menuitem" class="button button-secondary">Button</button>
39
37
  <button role="menuitem" class="button button-secondary">Button</button>
@@ -46,7 +44,7 @@ Displays when the `target` element is right clicked, or long pressed on mobile.
46
44
  Target Right Click
47
45
  </button>
48
46
  <ContextMenu {target} class="z-10">
49
- <div class="flex w-48 flex-col gap-2 rounded border bg-background p-2 shadow">
47
+ <div class="flex w-48 flex-col gap-2 rounded border bg-card p-2 shadow">
50
48
  <div class="font-bold">Target</div>
51
49
  <button role="menuitem" class="button button-secondary">Button</button>
52
50
  <button role="menuitem" class="button button-secondary">Button</button>
package/dist/components/ContextMenu.svelte.d.ts CHANGED
@@ -46,12 +46,10 @@ export type ContextMenuSlots = typeof __propDef.slots;
46
46
  * let target: HTMLButtonElement;
47
47
  * </script>
48
48
  *
49
- * <div class="mb-8 flex justify-center rounded border p-12">
49
+ * <div class="mb-8 flex justify-center rounded border bg-muted p-12">
50
50
  * <div>Parent right click</div>
51
51
  * <ContextMenu class="z-10">
52
- * <div
53
- * class="flex w-48 flex-col gap-2 rounded border bg-background p-2 shadow"
54
- * >
52
+ * <div class="flex w-48 flex-col gap-2 rounded border bg-card p-2 shadow">
55
53
  * <div class="font-bold">Context Menu</div>
56
54
  * <button role="menuitem" class="button button-secondary">Button</button>
57
55
  * <button role="menuitem" class="button button-secondary">Button</button>
@@ -64,7 +62,7 @@ export type ContextMenuSlots = typeof __propDef.slots;
64
62
  * Target Right Click
65
63
  * </button>
66
64
  * <ContextMenu {target} class="z-10">
67
- * <div class="flex w-48 flex-col gap-2 rounded border bg-background p-2 shadow">
65
+ * <div class="flex w-48 flex-col gap-2 rounded border bg-card p-2 shadow">
68
66
  * <div class="font-bold">Target</div>
69
67
  * <button role="menuitem" class="button button-secondary">Button</button>
70
68
  * <button role="menuitem" class="button button-secondary">Button</button>
package/dist/components/FullscreenButton.svelte CHANGED
@@ -8,7 +8,7 @@ Make the document or a `target` element fullscreen.
8
8
  @props
9
9
 
10
10
  - `class`
11
- - `confirmMessage` - message to display in the `confirm` popup, defaults to empty string `""` -- disabled
11
+ - `confirmMessage` - message to display in the `confirm` popup, defaults to empty string `""` - disabled
12
12
  - `id`
13
13
  - `target` - element to make fullscreen (defaults to `document.documentElement` upon mount)
14
14
  - `title`
package/dist/components/FullscreenButton.svelte.d.ts CHANGED
@@ -5,7 +5,7 @@ declare const __propDef: {
5
5
  id?: string | undefined;
6
6
  title?: string | undefined;
7
7
  /** element to make fullscreen (defaults to `document.documentElement` upon mount) */ target?: HTMLElement | null | undefined;
8
- /** message to display in the `confirm` popup, defaults to empty string `""` -- disabled */ confirmMessage?: string | undefined;
8
+ /** message to display in the `confirm` popup, defaults to empty string `""` - disabled */ confirmMessage?: string | undefined;
9
9
  };
10
10
  events: {
11
11
  [evt: string]: CustomEvent<any>;
@@ -26,7 +26,7 @@ export type FullscreenButtonSlots = typeof __propDef.slots;
26
26
  * @props
27
27
  *
28
28
  * - `class`
29
- * - `confirmMessage` - message to display in the `confirm` popup, defaults to empty string `""` -- disabled
29
+ * - `confirmMessage` - message to display in the `confirm` popup, defaults to empty string `""` - disabled
30
30
  * - `id`
31
31
  * - `target` - element to make fullscreen (defaults to `document.documentElement` upon mount)
32
32
  * - `title`
package/dist/components/Popover.svelte CHANGED
@@ -47,7 +47,7 @@ Displays a popover in relation to the `target`.
47
47
  </button>
48
48
 
49
49
  <Popover {target} bind:display class="p-2">
50
- <div class="flex w-48 flex-col gap-2 rounded border bg-background p-2 shadow">
50
+ <div class="flex w-48 flex-col gap-2 rounded border bg-card p-2 shadow">
51
51
  <div class="font-bold">Bottom</div>
52
52
  <button class="button button-secondary" on:click={close}>Close</button>
53
53
  <button class="button button-secondary" on:click={close}>Close</button>
package/dist/components/Popover.svelte.d.ts CHANGED
@@ -66,7 +66,7 @@ export type PopoverSlots = typeof __propDef.slots;
66
66
  * </button>
67
67
  *
68
68
  * <Popover {target} bind:display class="p-2">
69
- * <div class="flex w-48 flex-col gap-2 rounded border bg-background p-2 shadow">
69
+ * <div class="flex w-48 flex-col gap-2 rounded border bg-card p-2 shadow">
70
70
  * <div class="font-bold">Bottom</div>
71
71
  * <button class="button button-secondary" on:click={close}>Close</button>
72
72
  * <button class="button button-secondary" on:click={close}>Close</button>
package/dist/components/Sheet.svelte CHANGED
@@ -49,7 +49,7 @@ Creates a sheet element based on the `position` provided. `maxSize` is set to wi
49
49
  <Sheet
50
50
  bind:display
51
51
  class="z-40 backdrop-blur"
52
- classSheet="p-4 shadow bg-background"
52
+ classSheet="p-6 shadow bg-card"
53
53
  position="r"
54
54
  >
55
55
  <div class="mb-4 flex items-center justify-between">
package/dist/components/Sheet.svelte.d.ts CHANGED
@@ -73,7 +73,7 @@ export type SheetSlots = typeof __propDef.slots;
73
73
  * <Sheet
74
74
  * bind:display
75
75
  * class="z-40 backdrop-blur"
76
- * classSheet="p-4 shadow bg-background"
76
+ * classSheet="p-6 shadow bg-card"
77
77
  * position="r"
78
78
  * >
79
79
  * <div class="mb-4 flex items-center justify-between">
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "drab",
3
- "version": "3.0.4",
3
+ "version": "3.0.5",
4
4
  "description": "An Unstyled Svelte Component Library",
5
5
  "keywords": [
6
6
  "components",
@@ -63,7 +63,7 @@
63
63
  "eslint": "^8.48.0",
64
64
  "eslint-config-prettier": "^9.0.0",
65
65
  "eslint-plugin-svelte": "^2.33.0",
66
- "layercomp": "^0.0.2",
66
+ "layercomp": "^0.0.6",
67
67
  "marked": "^7.0.5",
68
68
  "postcss": "^8.4.29",
69
69
  "prettier": "^3.0.3",