kosui 0.0.30 → 0.0.32

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.
@@ -67,7 +67,7 @@
67
67
  {@render children()}
68
68
  </div>
69
69
 
70
- <style>
70
+ <style>@layer components {
71
71
  .base {
72
72
  padding: calc(var(--spacing) * 4);
73
73
  }
@@ -181,4 +181,4 @@
181
181
  .radius-full {
182
182
  border-radius: calc(infinity * 1px);
183
183
  }
184
- </style>
184
+ }</style>
@@ -10,6 +10,8 @@
10
10
  }: MarkdownComponentProps<Tokens.Link> & HTMLAnchorAttributes = $props();
11
11
  </script>
12
12
 
13
+ <!-- Maybe there's a better way to handle this. See https://github.com/sveltejs/eslint-plugin-svelte/issues/1314-->
14
+ <!-- eslint-disable-next-line svelte/no-navigation-without-resolve -->
13
15
  <a href={token.href} title={token.title} {...restProps}>
14
16
  {@render children()}
15
17
  </a>
@@ -90,7 +90,7 @@
90
90
  </dialog>
91
91
  {/if}
92
92
 
93
- <style>
93
+ <style>@layer components {
94
94
  .backdrop-in::backdrop {
95
95
  animation: backdrop-in 150ms forwards;
96
96
  }
@@ -120,4 +120,4 @@
120
120
  backdrop-filter: blur(0px);
121
121
  }
122
122
  }
123
- </style>
123
+ }</style>
@@ -60,7 +60,7 @@
60
60
  </text>
61
61
  </svg>
62
62
 
63
- <style>
63
+ <style>@layer components {
64
64
  .circular {
65
65
  animation: rotate 2s linear infinite;
66
66
  }
@@ -84,4 +84,4 @@
84
84
  stroke-dashoffset: -62;
85
85
  }
86
86
  }
87
- </style>
87
+ }</style>
@@ -11,11 +11,11 @@
11
11
  type SizeProp,
12
12
  } from "../base.js";
13
13
  import { mergeProps } from "../merge-props.js";
14
- import { SwitchThumb, type SwitchThumbProps } from "./index.js";
15
14
  import type { ClassName } from "../utils.js";
16
15
  import type { Snippet } from "svelte";
17
16
  import type { HTMLButtonAttributes } from "svelte/elements";
18
17
  import { twMerge } from "tailwind-merge";
18
+ import SwitchThumb, { type SwitchThumbProps } from "./switch-thumb.svelte";
19
19
 
20
20
  export const SWITCH_COLORS = COLORS;
21
21
  export type SwitchColor = Color;
@@ -1,8 +1,8 @@
1
1
  import { type Color, type ColorProp, type Radius, type RadiusProp, type Size, type SizeProp } from "../base.js";
2
- import { type SwitchThumbProps } from "./index.js";
3
2
  import type { ClassName } from "../utils.js";
4
3
  import type { Snippet } from "svelte";
5
4
  import type { HTMLButtonAttributes } from "svelte/elements";
5
+ import { type SwitchThumbProps } from "./switch-thumb.svelte";
6
6
  export declare const SWITCH_COLORS: readonly ["primary", "secondary", "tertiary", "error", "plain", "inherit"];
7
7
  export type SwitchColor = Color;
8
8
  export type SwitchColorProp = ColorProp;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "kosui",
3
- "version": "0.0.30",
3
+ "version": "0.0.32",
4
4
  "type": "module",
5
5
  "license": "MIT",
6
6
  "repository": {