@marianmeres/stuic 2.26.0 → 2.28.0
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/actions/tooltip/tooltip.svelte.js +1 -1
- package/dist/components/Button/Button.svelte +3 -2
- package/dist/components/Button/Button.svelte.d.ts +1 -1
- package/dist/components/CommandMenu/CommandMenu.svelte +1 -1
- package/dist/components/Input/FieldFile.svelte +1 -1
- package/dist/components/Input/FieldOptions.svelte +6 -6
- package/dist/components/Input/FieldRadios.svelte +1 -1
- package/dist/components/Input/index.css +1 -0
- package/package.json +1 -1
|
@@ -29,7 +29,7 @@ export function isTooltipSupported() {
|
|
|
29
29
|
}
|
|
30
30
|
const _classTooltip = `
|
|
31
31
|
bg-tooltip-bg dark:bg-tooltip-bg-dark text-tooltip-text dark:text-tooltip-text-dark
|
|
32
|
-
text-
|
|
32
|
+
text-sm tracking-tight rounded my-1
|
|
33
33
|
px-2.5 py-1.5
|
|
34
34
|
max-w-64
|
|
35
35
|
z-50
|
|
@@ -43,8 +43,9 @@
|
|
|
43
43
|
border-button-border dark:border-button-border-dark
|
|
44
44
|
rounded-md
|
|
45
45
|
inline-flex items-center justify-center gap-x-2
|
|
46
|
-
px-
|
|
46
|
+
px-4 py-3
|
|
47
47
|
select-none
|
|
48
|
+
min-h-[44px] min-w-[44px]
|
|
48
49
|
|
|
49
50
|
hover:brightness-105
|
|
50
51
|
active:brightness-95
|
|
@@ -59,7 +60,7 @@
|
|
|
59
60
|
|
|
60
61
|
export const BUTTON_STUIC_PRESET_CLASSES: ButtonPresetClasses = {
|
|
61
62
|
size: {
|
|
62
|
-
sm: `text-sm rounded-sm px-
|
|
63
|
+
sm: `text-sm rounded-sm px-3 py-2 min-h-none min-w-none`,
|
|
63
64
|
lg: `text-base rounded-md`,
|
|
64
65
|
},
|
|
65
66
|
variant: {
|
|
@@ -31,7 +31,7 @@ export interface ButtonPresetClasses {
|
|
|
31
31
|
shadow: string;
|
|
32
32
|
inverse: string;
|
|
33
33
|
}
|
|
34
|
-
export declare const BUTTON_STUIC_BASE_CLASSES = "\n\t\tbg-button-bg text-button-text\n\t\tdark:bg-button-bg-dark dark:text-button-text-dark\n\t\tfont-mono text-sm text-center\n\t\tleading-none\n\t\tborder-1\n\t\tborder-button-border dark:border-button-border-dark\n\t\trounded-md\n\t\tinline-flex items-center justify-center gap-x-2\n\t\tpx-
|
|
34
|
+
export declare const BUTTON_STUIC_BASE_CLASSES = "\n\t\tbg-button-bg text-button-text\n\t\tdark:bg-button-bg-dark dark:text-button-text-dark\n\t\tfont-mono text-sm text-center\n\t\tleading-none\n\t\tborder-1\n\t\tborder-button-border dark:border-button-border-dark\n\t\trounded-md\n\t\tinline-flex items-center justify-center gap-x-2\n\t\tpx-4 py-3\n\t\tselect-none\n\t\tmin-h-[44px] min-w-[44px]\n\n\t\thover:brightness-105\n\t\tactive:brightness-95\n\t\tdisabled:hover:brightness-100 disabled:opacity-50\n\n\t\tfocus:brightness-105\n\t\tfocus:border-button-border-focus focus:dark:border-button-border-focus-dark\n\n\t\t focus:outline-4 focus:outline-black/10 focus:dark:outline-white/20\n\t\tfocus-visible:outline-4 focus-visible:outline-black/10 focus-visible:dark:outline-white/20\n\t";
|
|
35
35
|
export declare const BUTTON_STUIC_PRESET_CLASSES: ButtonPresetClasses;
|
|
36
36
|
import "./index.css";
|
|
37
37
|
import { type TooltipConfig } from "../../actions/index.js";
|
|
@@ -129,7 +129,7 @@
|
|
|
129
129
|
"form-input",
|
|
130
130
|
"block border-0 w-full text-sm!",
|
|
131
131
|
"file:rounded file:border-0 file:mr-4 file:bg-neutral-200",
|
|
132
|
-
"file:px-2 file:py-
|
|
132
|
+
"file:px-2 file:py-1 file:cursor-pointer file:text-sm",
|
|
133
133
|
"focus-visible:ring-0 focus:ring-0 focus:leading-0",
|
|
134
134
|
renderSize,
|
|
135
135
|
classInput
|
|
@@ -617,7 +617,7 @@
|
|
|
617
617
|
type="button"
|
|
618
618
|
onclick={() => _selectedColl.addMany(options.items)}
|
|
619
619
|
class={twMerge(
|
|
620
|
-
"control flex items-center p-1 m-1 text-
|
|
620
|
+
"control flex items-center p-1 m-1 text-sm opacity-75 underline rounded",
|
|
621
621
|
"hover:opacity-100 focus-visible:outline-neutral-400 focus-visible:opacity-100"
|
|
622
622
|
)}
|
|
623
623
|
tabindex={4}
|
|
@@ -633,7 +633,7 @@
|
|
|
633
633
|
input?.focus();
|
|
634
634
|
}}
|
|
635
635
|
class={twMerge(
|
|
636
|
-
"control flex items-center p-1 m-1 text-
|
|
636
|
+
"control flex items-center p-1 m-1 text-sm opacity-75 underline rounded",
|
|
637
637
|
"hover:opacity-100 focus-visible:outline-neutral-400 focus-visible:opacity-100"
|
|
638
638
|
)}
|
|
639
639
|
class:opacity-20={!selected.items.length}
|
|
@@ -643,8 +643,8 @@
|
|
|
643
643
|
{@html t(cardinality === 1 ? "clear" : "clear_all")}
|
|
644
644
|
</button>
|
|
645
645
|
|
|
646
|
-
<span class="p-1 m-1 text-
|
|
647
|
-
<span class="flex-1 block justify-end opacity-50 text-right text-
|
|
646
|
+
<span class="p-1 m-1 text-sm"> </span>
|
|
647
|
+
<span class="flex-1 block justify-end opacity-50 text-right text-sm p-1 pr-2">
|
|
648
648
|
{selected.items.length}
|
|
649
649
|
{#if cardinality > 0 && cardinality < Infinity}
|
|
650
650
|
{@html t("cardinality_of")} {cardinality}
|
|
@@ -694,7 +694,7 @@
|
|
|
694
694
|
{#if _optgroup}
|
|
695
695
|
<div
|
|
696
696
|
class={twMerge(
|
|
697
|
-
"text-
|
|
697
|
+
"text-sm capitalize opacity-50 border-b border-black/10 mb-0.5 p-1 mx-1",
|
|
698
698
|
classOptgroup
|
|
699
699
|
)}
|
|
700
700
|
>
|
|
@@ -767,7 +767,7 @@
|
|
|
767
767
|
</div>
|
|
768
768
|
<!-- {/if} -->
|
|
769
769
|
<div class="p-2 px-3 flex items-end justify-between">
|
|
770
|
-
<div class="text-
|
|
770
|
+
<div class="text-sm opacity-50">
|
|
771
771
|
<!-- Use arrows to navigate. Spacebar and Enter to select and/or submit. -->
|
|
772
772
|
{#if allowUnknown}
|
|
773
773
|
{@html t("unknown_allowed")}
|