tera-system-ui 0.0.67 → 0.0.70

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.
@@ -19,7 +19,7 @@ export declare const styles: import("tailwind-variants").TVReturnType<{
19
19
  dangerous: {
20
20
  true: string;
21
21
  };
22
- }, undefined, "relative overflow-clip rounded inline-flex items-center justify-center !leading-[0.1rem] [&>svg]:stroke-icon transition-all duration-element-react select-none focus-visible:ring-2 outline-none", import("tailwind-variants/dist/config").TVConfig<{
22
+ }, undefined, "relative font-medium overflow-clip rounded inline-flex items-center justify-center !leading-[0.1rem] [&>svg]:stroke-icon transition-all duration-element-react select-none focus-visible:ring-2 outline-none", import("tailwind-variants/dist/config").TVConfig<{
23
23
  variant: {
24
24
  primary: string;
25
25
  secondary: string;
@@ -99,7 +99,7 @@ export declare const styles: import("tailwind-variants").TVReturnType<{
99
99
  dangerous: {
100
100
  true: string;
101
101
  };
102
- }, undefined, "relative overflow-clip rounded inline-flex items-center justify-center !leading-[0.1rem] [&>svg]:stroke-icon transition-all duration-element-react select-none focus-visible:ring-2 outline-none", import("tailwind-variants/dist/config").TVConfig<{
102
+ }, undefined, "relative font-medium overflow-clip rounded inline-flex items-center justify-center !leading-[0.1rem] [&>svg]:stroke-icon transition-all duration-element-react select-none focus-visible:ring-2 outline-none", import("tailwind-variants/dist/config").TVConfig<{
103
103
  variant: {
104
104
  primary: string;
105
105
  secondary: string;
@@ -1,10 +1,10 @@
1
1
  import { tv } from "tailwind-variants";
2
2
  export const styles = tv({
3
- base: 'relative overflow-clip rounded inline-flex items-center justify-center !leading-[0.1rem] [&>svg]:stroke-icon transition-all duration-element-react select-none focus-visible:ring-2 outline-none',
3
+ base: 'relative font-medium overflow-clip rounded inline-flex items-center justify-center !leading-[0.1rem] [&>svg]:stroke-icon transition-all duration-element-react select-none focus-visible:ring-2 outline-none',
4
4
  variants: {
5
5
  variant: {
6
- primary: 'bg-primary-600 text-neutral-1 border border-primary-600 hover:bg-primary-700 focus:ring-primary-token-9 [&:after]:bg-black',
7
- secondary: 'bg-neutral-token-1 text-neutral-token-13 border-neutral-token-7 border hover:bg-neutral-token-3 focus:ring-neutral-token-7',
6
+ primary: 'bg-primary-700 text-neutral-1 border border-primary-700 hover:bg-primary-800 focus:ring-primary-token-9 [&:after]:bg-black',
7
+ secondary: 'bg-neutral-token-4 text-neutral-token-13 border-neutral-token-4 border hover:bg-neutral-token-5 focus:ring-neutral-token-7',
8
8
  ghost: 'text-neutral-token-13 hover:bg-neutral-token-3 focus:ring-neutral-token-7',
9
9
  },
10
10
  size: {
@@ -13,7 +13,7 @@ export const styles = tv({
13
13
  lg: 'h-10 px-3 gap-1.5 [&>svg]:size-icon-md',
14
14
  },
15
15
  disabled: {
16
- true: 'bg-neutral-token-3 text-neutral-token-7 border border-neutral-token-6 pointer-events-none',
16
+ true: 'bg-neutral-token-3 text-neutral-token-7 border border-neutral-token-3 pointer-events-none',
17
17
  },
18
18
  icon: {
19
19
  true: 'px-0 '
@@ -28,7 +28,7 @@ export const styles = tv({
28
28
  dangerous: true,
29
29
  // @ts-ignore
30
30
  disabled: [false, undefined],
31
- class: 'bg-error-600 text-neutral-1 border border-error-600 hover:bg-error-700 focus:ring-error-400'
31
+ class: 'bg-error-700 text-neutral-1 border border-error-700 hover:bg-error-800 focus:ring-error-400'
32
32
  },
33
33
  {
34
34
  variant: 'secondary',
@@ -3,11 +3,12 @@
3
3
 
4
4
  import {type SelectProps, styles} from "./Select";
5
5
 
6
- let {children, variant, disabled, size, class: className, ...props}: SelectProps = $props();
6
+ let {children, variant, disabled, size, class: className, value = $bindable(), ...props}: SelectProps = $props();
7
7
 
8
8
  </script>
9
9
 
10
10
  <select {...props}
11
+ bind:value
11
12
  class={"tera-select pr-3" + styles({ variant, disabled , size, className: className})}
12
13
  >
13
14
  {@render children?.()}
@@ -1,4 +1,4 @@
1
1
  import './select.scss';
2
2
  import { type SelectProps } from "./Select";
3
- declare const Select: import("svelte").Component<SelectProps, {}, "">;
3
+ declare const Select: import("svelte").Component<SelectProps, {}, "value">;
4
4
  export default Select;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "tera-system-ui",
3
- "version": "0.0.67",
3
+ "version": "0.0.70",
4
4
  "scripts": {
5
5
  "dev": "vite dev",
6
6
  "build": "npm run customPrepublish && npm run generate-index && vite build && npm run package && npm run postpublish",