@nasa-jpl/stellar-svelte 2.0.0-alpha.33 → 2.0.0-alpha.34

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.
@@ -3,30 +3,32 @@ let className = void 0;
3
3
  export let value = void 0;
4
4
  export { className as class };
5
5
  export let readonly = void 0;
6
+ export let el = void 0;
6
7
  </script>
7
8
 
8
9
  <input
9
- class={cn(
10
- "border-input bg-background ring-offset-background placeholder:text-muted-foreground focus-visible:ring-ring flex h-10 w-full rounded-md border px-3 py-2 text-sm file:border-0 file:bg-transparent file:text-sm file:font-medium focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
11
- className
12
- )}
13
- bind:value
14
- {readonly}
15
- on:blur
16
- on:change
17
- on:click
18
- on:focus
19
- on:focusin
20
- on:focusout
21
- on:keydown
22
- on:keypress
23
- on:keyup
24
- on:mouseover
25
- on:mouseenter
26
- on:mouseleave
27
- on:mousemove
28
- on:paste
29
- on:input
30
- on:wheel|passive
31
- {...$$restProps}
10
+ class={cn(
11
+ 'border-input bg-background ring-offset-background placeholder:text-muted-foreground focus-visible:ring-ring flex h-10 w-full rounded-md border px-3 py-2 text-sm file:border-0 file:bg-transparent file:text-sm file:font-medium focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50',
12
+ className,
13
+ )}
14
+ bind:value
15
+ bind:this={el}
16
+ {readonly}
17
+ on:blur
18
+ on:change
19
+ on:click
20
+ on:focus
21
+ on:focusin
22
+ on:focusout
23
+ on:keydown
24
+ on:keypress
25
+ on:keyup
26
+ on:mouseover
27
+ on:mouseenter
28
+ on:mouseleave
29
+ on:mousemove
30
+ on:paste
31
+ on:input
32
+ on:wheel|passive
33
+ {...$$restProps}
32
34
  />
@@ -1,8 +1,10 @@
1
1
  import { SvelteComponent } from "svelte";
2
- import type { HTMLInputAttributes } from "svelte/elements";
3
- import type { InputEvents } from "./index.js";
2
+ import type { HTMLInputAttributes } from 'svelte/elements';
3
+ import type { InputEvents } from './index.js';
4
4
  declare const __propDef: {
5
- props: HTMLInputAttributes;
5
+ props: HTMLInputAttributes & {
6
+ el?: HTMLSpanElement;
7
+ };
6
8
  slots: {};
7
9
  events: InputEvents;
8
10
  };
package/dist/index.css CHANGED
@@ -2773,6 +2773,10 @@ body {
2773
2773
  display: inline-block;
2774
2774
  }
2775
2775
 
2776
+ .sm\:max-w-\[70\%\] {
2777
+ max-width: 70%;
2778
+ }
2779
+
2776
2780
  .sm\:max-w-sm {
2777
2781
  max-width: 24rem;
2778
2782
  }
package/package.json CHANGED
@@ -80,6 +80,6 @@
80
80
  "svelte": "./dist/index.js",
81
81
  "type": "module",
82
82
  "types": "./dist/index.d.ts",
83
- "version": "2.0.0-alpha.33",
84
- "gitHead": "1bec247b4709828d586f16653b93414ca53bf4ac"
83
+ "version": "2.0.0-alpha.34",
84
+ "gitHead": "457fae6c9f4a72dac5494c4957509ba30bccc312"
85
85
  }
@@ -1,64 +1,78 @@
1
- import { fontFamily } from 'tailwindcss/defaultTheme';
2
1
  import type { Config } from 'tailwindcss';
2
+ import { fontFamily } from 'tailwindcss/defaultTheme';
3
3
 
4
4
  const config: Config = {
5
- darkMode: ['class'],
6
- content: ['./src/**/*.{html,js,svelte,ts}'],
7
- safelist: ['dark'],
8
- theme: {
9
- container: {
10
- center: true,
11
- padding: '2rem',
12
- screens: {
13
- '2xl': '1400px'
14
- }
15
- },
16
- extend: {
17
- colors: {
18
- border: 'hsl(var(--border) / <alpha-value>)',
19
- input: 'hsl(var(--input) / <alpha-value>)',
20
- ring: 'hsl(var(--ring) / <alpha-value>)',
21
- background: 'hsl(var(--background) / <alpha-value>)',
22
- foreground: 'hsl(var(--foreground) / <alpha-value>)',
23
- primary: {
24
- DEFAULT: 'hsl(var(--primary) / <alpha-value>)',
25
- foreground: 'hsl(var(--primary-foreground) / <alpha-value>)'
26
- },
27
- secondary: {
28
- DEFAULT: 'hsl(var(--secondary) / <alpha-value>)',
29
- foreground: 'hsl(var(--secondary-foreground) / <alpha-value>)'
30
- },
31
- destructive: {
32
- DEFAULT: 'hsl(var(--destructive) / <alpha-value>)',
33
- foreground: 'hsl(var(--destructive-foreground) / <alpha-value>)'
34
- },
35
- muted: {
36
- DEFAULT: 'hsl(var(--muted) / <alpha-value>)',
37
- foreground: 'hsl(var(--muted-foreground) / <alpha-value>)'
38
- },
39
- accent: {
40
- DEFAULT: 'hsl(var(--accent) / <alpha-value>)',
41
- foreground: 'hsl(var(--accent-foreground) / <alpha-value>)'
42
- },
43
- popover: {
44
- DEFAULT: 'hsl(var(--popover) / <alpha-value>)',
45
- foreground: 'hsl(var(--popover-foreground) / <alpha-value>)'
46
- },
47
- card: {
48
- DEFAULT: 'hsl(var(--card) / <alpha-value>)',
49
- foreground: 'hsl(var(--card-foreground) / <alpha-value>)'
50
- }
51
- },
52
- borderRadius: {
53
- lg: 'calc(var(--radius) + 4px)',
54
- md: 'var(--radius)',
55
- sm: 'calc(var(--radius) - 2px)'
56
- },
57
- fontFamily: {
58
- sans: ['Inter', ...fontFamily.sans]
59
- }
60
- }
61
- }
5
+ darkMode: ['class'],
6
+ content: ['./src/**/*.{html,js,svelte,ts}'],
7
+ safelist: ['dark'],
8
+ theme: {
9
+ container: {
10
+ center: true,
11
+ padding: '2rem',
12
+ screens: {
13
+ '2xl': '1400px',
14
+ },
15
+ },
16
+ // fontSize: {
17
+ // xs: '0.5rem',
18
+ // sm: '0.625rem',
19
+ // base: '0.75rem',
20
+ // xl: '0.875',
21
+ // '2xl': '1.3rem',
22
+ // '3xl': '1.5rem',
23
+ // '4xl': '2rem',
24
+ // '5xl': '3rem',
25
+ // '6xl': '3.75rem',
26
+ // '7xl': '4.5rem',
27
+ // '8xl': '6rem',
28
+ // '9xl': '8rem',
29
+ // },
30
+ extend: {
31
+ colors: {
32
+ border: 'hsl(var(--border) / <alpha-value>)',
33
+ input: 'hsl(var(--input) / <alpha-value>)',
34
+ ring: 'hsl(var(--ring) / <alpha-value>)',
35
+ background: 'hsl(var(--background) / <alpha-value>)',
36
+ foreground: 'hsl(var(--foreground) / <alpha-value>)',
37
+ primary: {
38
+ DEFAULT: 'hsl(var(--primary) / <alpha-value>)',
39
+ foreground: 'hsl(var(--primary-foreground) / <alpha-value>)',
40
+ },
41
+ secondary: {
42
+ DEFAULT: 'hsl(var(--secondary) / <alpha-value>)',
43
+ foreground: 'hsl(var(--secondary-foreground) / <alpha-value>)',
44
+ },
45
+ destructive: {
46
+ DEFAULT: 'hsl(var(--destructive) / <alpha-value>)',
47
+ foreground: 'hsl(var(--destructive-foreground) / <alpha-value>)',
48
+ },
49
+ muted: {
50
+ DEFAULT: 'hsl(var(--muted) / <alpha-value>)',
51
+ foreground: 'hsl(var(--muted-foreground) / <alpha-value>)',
52
+ },
53
+ accent: {
54
+ DEFAULT: 'hsl(var(--accent) / <alpha-value>)',
55
+ foreground: 'hsl(var(--accent-foreground) / <alpha-value>)',
56
+ },
57
+ popover: {
58
+ DEFAULT: 'hsl(var(--popover) / <alpha-value>)',
59
+ foreground: 'hsl(var(--popover-foreground) / <alpha-value>)',
60
+ },
61
+ card: {
62
+ DEFAULT: 'hsl(var(--card) / <alpha-value>)',
63
+ foreground: 'hsl(var(--card-foreground) / <alpha-value>)',
64
+ },
65
+ },
66
+ borderRadius: {
67
+ lg: 'calc(var(--radius) + 4px)',
68
+ md: 'var(--radius)',
69
+ sm: 'calc(var(--radius) - 2px)',
70
+ },
71
+ fontFamily: {
72
+ sans: ['Inter', ...fontFamily.sans],
73
+ },
74
+ },
75
+ },
62
76
  };
63
77
 
64
78
  export default config;