sk-clib 1.18.0 → 1.18.2
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.
- package/dist/ui/button/components/button.svelte +1 -1
- package/dist/ui/button/components/button.svelte.d.ts +1 -1
- package/dist/ui/flex/components/flex.svelte +1 -1
- package/dist/ui/flex/components/flex.svelte.d.ts +1 -1
- package/dist/ui/frame/components/frame.svelte +1 -1
- package/dist/ui/frame/components/frame.svelte.d.ts +1 -1
- package/dist/ui/header/components/header.svelte +1 -1
- package/dist/ui/header/components/header.svelte.d.ts +1 -1
- package/dist/ui/input/components/input.svelte +3 -2
- package/dist/ui/input/components/input.svelte.d.ts +1 -1
- package/package.json +1 -1
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
import { cn } from '../../../utils';
|
|
4
4
|
import type { Props } from '..';
|
|
5
5
|
|
|
6
|
-
let { children, class: className, buttonClass = $bindable('px-4 py-2 rounded-md bg-[var(--color-primary)] color-[var(--color-white)] w-fit'), href, ...rest }: Props = $props();
|
|
6
|
+
let { children, class: className = $bindable(undefined), buttonClass = $bindable('px-4 py-2 rounded-md bg-[var(--color-primary)] color-[var(--color-white)] w-fit'), href, ...rest }: Props = $props();
|
|
7
7
|
|
|
8
8
|
// Setup Button's Default Class
|
|
9
9
|
let buttonCls = $state(cn(buttonClass, className));
|
|
@@ -6,6 +6,6 @@ import type { Props } from '..';
|
|
|
6
6
|
* Simple button component for easy customization and easy onclick functionality
|
|
7
7
|
* Button is easily configured, colored, and will also abide to WCAG standards.
|
|
8
8
|
*/
|
|
9
|
-
declare const Button: import("svelte").Component<Props, {}, "buttonClass">;
|
|
9
|
+
declare const Button: import("svelte").Component<Props, {}, "class" | "buttonClass">;
|
|
10
10
|
type Button = ReturnType<typeof Button>;
|
|
11
11
|
export default Button;
|
|
@@ -5,6 +5,6 @@ import type { Props } from "..";
|
|
|
5
5
|
* # Flex Component
|
|
6
6
|
* Wrapper component for Frame with the flex attribute passed
|
|
7
7
|
*/
|
|
8
|
-
declare const Flex: import("svelte").Component<Props, {}, "">;
|
|
8
|
+
declare const Flex: import("svelte").Component<Props, {}, "class">;
|
|
9
9
|
type Flex = ReturnType<typeof Flex>;
|
|
10
10
|
export default Flex;
|
|
@@ -17,6 +17,6 @@ import type { Props } from '..';
|
|
|
17
17
|
* This will create a flex container that is a row, centered, and fills the available space.
|
|
18
18
|
* The `class` prop can be used to add additional classes to the frame, and the `children` prop can be used to pass in child components.
|
|
19
19
|
*/
|
|
20
|
-
declare const Frame: import("svelte").Component<Props, {}, "flex" | "row" | "col" | "centerx" | "centery" | "center" | "fill" | "fillw" | "fillh" | "noshrink" | "aspectSquare" | "cursorAuto" | "cursorDefault" | "cursorPointer" | "background" | "primary" | "primaryContainer" | "secondary" | "secondaryContainer" | "tertiary" | "tertiaryContainer" | "error" | "surface" | "surfaceVariant" | "outline" | "outlineVariant" | "shadow" | "scrim" | "inverseSurface" | "inversePrimary">;
|
|
20
|
+
declare const Frame: import("svelte").Component<Props, {}, "class" | "flex" | "row" | "col" | "centerx" | "centery" | "center" | "fill" | "fillw" | "fillh" | "noshrink" | "aspectSquare" | "cursorAuto" | "cursorDefault" | "cursorPointer" | "background" | "primary" | "primaryContainer" | "secondary" | "secondaryContainer" | "tertiary" | "tertiaryContainer" | "error" | "surface" | "surfaceVariant" | "outline" | "outlineVariant" | "shadow" | "scrim" | "inverseSurface" | "inversePrimary">;
|
|
21
21
|
type Frame = ReturnType<typeof Frame>;
|
|
22
22
|
export default Frame;
|
|
@@ -37,6 +37,6 @@ import { type Props } from '..';
|
|
|
37
37
|
*
|
|
38
38
|
* Defaults to a `h4` tag (`md` size) with `regular` weight if not specified.
|
|
39
39
|
*/
|
|
40
|
-
declare const Header: import("svelte").Component<Props, {}, "">;
|
|
40
|
+
declare const Header: import("svelte").Component<Props, {}, "class">;
|
|
41
41
|
type Header = ReturnType<typeof Header>;
|
|
42
42
|
export default Header;
|
|
@@ -2,13 +2,14 @@
|
|
|
2
2
|
// --- Logic ---
|
|
3
3
|
import { cn, uuidv4 } from '../../../utils';
|
|
4
4
|
import type { Props } from '..';
|
|
5
|
+
import { Frame } from '../..';
|
|
5
6
|
|
|
6
7
|
let {
|
|
7
8
|
children,
|
|
8
9
|
|
|
9
10
|
// Classes
|
|
10
|
-
classFrame,
|
|
11
|
-
class: className,
|
|
11
|
+
classFrame = $bindable(undefined),
|
|
12
|
+
class: className = $bindable(undefined),
|
|
12
13
|
classLabel,
|
|
13
14
|
|
|
14
15
|
// Properties
|
|
@@ -5,6 +5,6 @@ import type { Props } from '..';
|
|
|
5
5
|
* # Input Component
|
|
6
6
|
* Wrapper for input element that renders children within a label tag
|
|
7
7
|
*/
|
|
8
|
-
declare const Input: import("svelte").Component<Props, {}, "name" | "type" | "id" | "flex" | "row" | "col" | "centerx" | "centery" | "center" | "fill" | "fillw" | "fillh" | "noshrink" | "aspectSquare" | "cursorAuto" | "cursorDefault" | "cursorPointer">;
|
|
8
|
+
declare const Input: import("svelte").Component<Props, {}, "name" | "class" | "type" | "id" | "flex" | "row" | "col" | "centerx" | "centery" | "center" | "fill" | "fillw" | "fillh" | "noshrink" | "aspectSquare" | "cursorAuto" | "cursorDefault" | "cursorPointer" | "classFrame">;
|
|
9
9
|
type Input = ReturnType<typeof Input>;
|
|
10
10
|
export default Input;
|