@xleddyl/443-components-vue 0.16.1 → 0.16.3

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 (4) hide show
  1. package/dist/composables/useTheme.mjs +2 -2
  2. package/dist/internal/core/theme.mjs +1 -1
  3. package/dist/styles/templates/settings-modal.css +4 -4
  4. package/package.json +1 -1
package/dist/composables/useTheme.mjs CHANGED
@@ -9,9 +9,9 @@ import {
9
9
  import { THEME_KEY } from "../internal/keys.mjs";
10
10
  export { THEME_STORAGE_KEY, isThemePreference } from "../internal/core/theme.mjs";
11
11
  export const themeOptions = [
12
- { value: "system", label: "System", icon: "computer-desktop" },
13
12
  { value: "light", label: "Light", icon: "sun" },
14
- { value: "dark", label: "Dark", icon: "moon" }
13
+ { value: "dark", label: "Dark", icon: "moon" },
14
+ { value: "system", label: "System", icon: "computer-desktop" }
15
15
  ];
16
16
  export function provideTheme(store) {
17
17
  provide(THEME_KEY, store);
package/dist/internal/core/theme.mjs CHANGED
@@ -4,7 +4,7 @@ import { DARK_SCHEME_QUERY, isClient } from "./env.mjs";
4
4
  import { bindPreference, resolvePreferences } from "./preferences.mjs";
5
5
  import { createStoredRef } from "./storage.mjs";
6
6
  export const THEME_STORAGE_KEY = "k-theme";
7
- export const THEME_ORDER = ["system", "light", "dark"];
7
+ export const THEME_ORDER = ["light", "dark", "system"];
8
8
  export function isThemePreference(value) {
9
9
  return THEME_ORDER.includes(value);
10
10
  }
package/dist/styles/templates/settings-modal.css CHANGED
@@ -132,9 +132,9 @@
132
132
  display: flex;
133
133
  flex: 1;
134
134
  flex-direction: column;
135
- gap: 2rem;
135
+ gap: 2.25rem;
136
136
  min-height: 0;
137
- padding: 1.25rem 1.5rem 1.5rem;
137
+ padding: 1.375rem 1.5rem 1.5rem;
138
138
  overflow-y: auto;
139
139
  overscroll-behavior: contain;
140
140
  border-top: 1px solid transparent;
@@ -318,7 +318,7 @@
318
318
  .k-appearance {
319
319
  display: flex;
320
320
  flex-direction: column;
321
- gap: 2rem;
321
+ gap: 2.25rem;
322
322
  }
323
323
 
324
324
  .k-appearance-cards {
@@ -516,7 +516,7 @@
516
516
  }
517
517
 
518
518
  .k-settings-modal-body {
519
- padding: 1rem;
519
+ padding: 1.375rem 1rem 1rem;
520
520
  }
521
521
 
522
522
  .k-appearance-cards {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@xleddyl/443-components-vue",
3
- "version": "0.16.1",
3
+ "version": "0.16.3",
4
4
  "description": "Compact, scoped dashboard components for Vue and Nuxt",
5
5
  "license": "MIT",
6
6
  "author": "Edoardo Alberti (https://github.com/xleddyl)",