From 132eb9468e6c2445cbdc05969073276073f5a267 Mon Sep 17 00:00:00 2001 From: rossrobino Date: Thu, 31 Aug 2023 16:38:38 -0400 Subject: [PATCH] docs: update theme and styles --- package-lock.json | 12 ++++++------ package.json | 4 ++-- src/app.html | 2 +- src/app.postcss | 2 ++ src/lib/components/ContextMenu.svelte | 8 +++----- src/lib/components/FullscreenButton.svelte | 4 ++-- src/lib/components/Popover.svelte | 2 +- src/lib/components/Sheet.svelte | 2 +- src/routes/+layout.svelte | 10 +++++----- src/routes/docs/+layout.svelte | 2 +- src/routes/docs/ContextMenu/+page.svelte | 8 +++----- src/routes/docs/Popover/+page.svelte | 2 +- src/routes/docs/Sheet/+page.svelte | 2 +- src/site/components/NavItems.svelte | 2 +- tailwind.config.js | 1 + 15 files changed, 31 insertions(+), 32 deletions(-) diff --git a/package-lock.json b/package-lock.json index 54f1c22..65388da 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,12 +1,12 @@ { "name": "drab", - "version": "3.0.4", + "version": "3.0.5", "lockfileVersion": 3, "requires": true, "packages": { "": { "name": "drab", - "version": "3.0.4", + "version": "3.0.5", "license": "MIT", "dependencies": { "svelte": "^4.2.0" @@ -23,7 +23,7 @@ "eslint": "^8.48.0", "eslint-config-prettier": "^9.0.0", "eslint-plugin-svelte": "^2.33.0", - "layercomp": "^0.0.2", + "layercomp": "^0.0.6", "marked": "^7.0.5", "postcss": "^8.4.29", "prettier": "^3.0.3", @@ -2477,9 +2477,9 @@ "dev": true }, "node_modules/layercomp": { - "version": "0.0.2", - "resolved": "https://registry.npmjs.org/layercomp/-/layercomp-0.0.2.tgz", - "integrity": "sha512-BNZkv/Zu1uFIa2AjgaoTa/BYye14vC4gjzH+jK0WVXifJFTOfedg4/Z+AxyP9sFQOxEkk3GuKNP6sosQqnJq2w==", + "version": "0.0.6", + "resolved": "https://registry.npmjs.org/layercomp/-/layercomp-0.0.6.tgz", + "integrity": "sha512-mUJe35gKjIQ4pxzyJj4AAYo6cUTGNsX5lDcVsCU/RTGWXslsRSzq6e9O+ppSZtMxWGWekDBnd7PqlLQvpz0Awg==", "dev": true, "peerDependencies": { "tailwindcss": "^3.3.3" diff --git a/package.json b/package.json index 4963b2e..9590088 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "drab", - "version": "3.0.4", + "version": "3.0.5", "description": "An Unstyled Svelte Component Library", "keywords": [ "components", @@ -63,7 +63,7 @@ "eslint": "^8.48.0", "eslint-config-prettier": "^9.0.0", "eslint-plugin-svelte": "^2.33.0", - "layercomp": "^0.0.2", + "layercomp": "^0.0.6", "marked": "^7.0.5", "postcss": "^8.4.29", "prettier": "^3.0.3", diff --git a/src/app.html b/src/app.html index e13506c..6c4bfac 100644 --- a/src/app.html +++ b/src/app.html @@ -10,7 +10,7 @@
%sveltekit.body%
diff --git a/src/app.postcss b/src/app.postcss index be72ae0..6872233 100644 --- a/src/app.postcss +++ b/src/app.postcss @@ -11,6 +11,7 @@ :root { --background: 0 0% 98%; /* 50 */ --foreground: 0 0% 25.1%; /* 700 */ + --card: 0 0% 100%; /* white */ --primary: 0 0% 9%; /* 900 */ --primary-foreground: 0 0% 96.1%; /* 100 */ --secondary: 0 0% 89.8%; /* 200 */ @@ -25,6 +26,7 @@ .dark { --background: 0 0% 3.9%; /* 950 */ --foreground: 0 0% 83.1%; /* 300 */ + --card: 0 0% 0%; /* black */ --primary: 0 0% 96.1%; /* 100 */ --primary-foreground: 0 0% 9%; /* 900 */ --secondary: 0 0% 14.9%; /* 800 */ diff --git a/src/lib/components/ContextMenu.svelte b/src/lib/components/ContextMenu.svelte index 5e11ffb..8d21b91 100644 --- a/src/lib/components/ContextMenu.svelte +++ b/src/lib/components/ContextMenu.svelte @@ -28,12 +28,10 @@ Displays when the `target` element is right clicked, or long pressed on mobile. let target: HTMLButtonElement; -
+
Parent right click
-
+
Context Menu
@@ -46,7 +44,7 @@ Displays when the `target` element is right clicked, or long pressed on mobile. Target Right Click -
+
Target
diff --git a/src/lib/components/FullscreenButton.svelte b/src/lib/components/FullscreenButton.svelte index b68369f..8637824 100644 --- a/src/lib/components/FullscreenButton.svelte +++ b/src/lib/components/FullscreenButton.svelte @@ -8,7 +8,7 @@ Make the document or a `target` element fullscreen. @props - `class` -- `confirmMessage` - message to display in the `confirm` popup, defaults to empty string `""` -- disabled +- `confirmMessage` - message to display in the `confirm` popup, defaults to empty string `""` - disabled - `id` - `target` - element to make fullscreen (defaults to `document.documentElement` upon mount) - `title` @@ -53,7 +53,7 @@ Make the document or a `target` element fullscreen. /** element to make fullscreen (defaults to `document.documentElement` upon mount) */ export let target: HTMLElement | null = null; - /** message to display in the `confirm` popup, defaults to empty string `""` -- disabled */ + /** message to display in the `confirm` popup, defaults to empty string `""` - disabled */ export let confirmMessage = ""; /** set to `false` on the client if supported */ diff --git a/src/lib/components/Popover.svelte b/src/lib/components/Popover.svelte index 6918492..8804d53 100644 --- a/src/lib/components/Popover.svelte +++ b/src/lib/components/Popover.svelte @@ -47,7 +47,7 @@ Displays a popover in relation to the `target`. -
+
Bottom
diff --git a/src/lib/components/Sheet.svelte b/src/lib/components/Sheet.svelte index 33f0b7e..42ea3ad 100644 --- a/src/lib/components/Sheet.svelte +++ b/src/lib/components/Sheet.svelte @@ -49,7 +49,7 @@ Creates a sheet element based on the `position` provided. `maxSize` is set to wi
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte index d1e06bf..caead18 100644 --- a/src/routes/+layout.svelte +++ b/src/routes/+layout.svelte @@ -30,8 +30,8 @@
-
+

diff --git a/src/routes/docs/+layout.svelte b/src/routes/docs/+layout.svelte index ff241c9..8142197 100644 --- a/src/routes/docs/+layout.svelte +++ b/src/routes/docs/+layout.svelte @@ -18,7 +18,7 @@

diff --git a/src/routes/docs/ContextMenu/+page.svelte b/src/routes/docs/ContextMenu/+page.svelte index 204e576..8dcabb4 100644 --- a/src/routes/docs/ContextMenu/+page.svelte +++ b/src/routes/docs/ContextMenu/+page.svelte @@ -4,12 +4,10 @@ let target: HTMLButtonElement; -
+
Parent right click
-
+
Context Menu
@@ -22,7 +20,7 @@ Target Right Click -
+
Target
diff --git a/src/routes/docs/Popover/+page.svelte b/src/routes/docs/Popover/+page.svelte index 6c41ffc..559efff 100644 --- a/src/routes/docs/Popover/+page.svelte +++ b/src/routes/docs/Popover/+page.svelte @@ -19,7 +19,7 @@ -
+
Bottom
diff --git a/src/routes/docs/Sheet/+page.svelte b/src/routes/docs/Sheet/+page.svelte index f397a78..1d7e594 100644 --- a/src/routes/docs/Sheet/+page.svelte +++ b/src/routes/docs/Sheet/+page.svelte @@ -15,7 +15,7 @@
diff --git a/src/site/components/NavItems.svelte b/src/site/components/NavItems.svelte index 6d09b02..98e3e5a 100644 --- a/src/site/components/NavItems.svelte +++ b/src/site/components/NavItems.svelte @@ -20,7 +20,7 @@ {#each components as component} -
  • +
  • {component} diff --git a/tailwind.config.js b/tailwind.config.js index 910602d..40a8011 100644 --- a/tailwind.config.js +++ b/tailwind.config.js @@ -22,6 +22,7 @@ export default { colors: { background: "hsl(var(--background))", foreground: "hsl(var(--foreground))", + card: "hsl(var(--card))", muted: { DEFAULT: "hsl(var(--muted))", foreground: "hsl(var(--muted-foreground))",