@signal9/era-ui 23.1.0 → 23.2.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/CHANGELOG.md +14 -0
- package/dist/ai/index.d.ts +2 -0
- package/dist/ai/index.js +2 -0
- package/dist/ai/timeline/context.svelte.d.ts +67 -0
- package/dist/ai/timeline/context.svelte.js +99 -0
- package/dist/ai/timeline/index.d.ts +3 -0
- package/dist/ai/timeline/index.js +3 -0
- package/dist/ai/timeline/timeline-step.svelte +98 -0
- package/dist/ai/timeline/timeline-step.svelte.d.ts +9 -0
- package/dist/ai/timeline/timeline.svelte +84 -0
- package/dist/ai/timeline/timeline.svelte.d.ts +13 -0
- package/dist/ai/todo/context.svelte.d.ts +43 -0
- package/dist/ai/todo/context.svelte.js +53 -0
- package/dist/ai/todo/index.d.ts +5 -0
- package/dist/ai/todo/index.js +5 -0
- package/dist/ai/todo/todo-header.svelte +56 -0
- package/dist/ai/todo/todo-header.svelte.d.ts +9 -0
- package/dist/ai/todo/todo-item.svelte +97 -0
- package/dist/ai/todo/todo-item.svelte.d.ts +10 -0
- package/dist/ai/todo/todo-list.svelte +40 -0
- package/dist/ai/todo/todo-list.svelte.d.ts +10 -0
- package/dist/ai/todo/todo.svelte +49 -0
- package/dist/ai/todo/todo.svelte.d.ts +12 -0
- package/dist/era-ui.css +1 -1
- package/dist/eslint/index.js +3 -0
- package/dist/ui/avatar/avatar-fallback.svelte +4 -4
- package/dist/ui/calendar/calendar-day.svelte +8 -1
- package/dist/ui/date-field/date-field-segment.svelte +11 -1
- package/dist/ui/date-picker/date-picker-segment.svelte +11 -1
- package/dist/ui/date-range-field/date-range-field-segment.svelte +11 -1
- package/dist/ui/date-range-picker/date-range-picker-segment.svelte +11 -1
- package/dist/ui/time-field/time-field-segment.svelte +11 -1
- package/dist/ui/time-range-field/time-range-field-segment.svelte +11 -1
- package/package.json +1 -1
|
@@ -5,10 +5,20 @@
|
|
|
5
5
|
let { ref = $bindable(null), class: className, ...restProps }: DatePicker.SegmentProps = $props();
|
|
6
6
|
</script>
|
|
7
7
|
|
|
8
|
+
<!-- era-token-ink: a segment holds one token and nothing else, so it is the
|
|
9
|
+
text-only case text-box-trim can actually reach — as a centring flex box its
|
|
10
|
+
digits were an ANONYMOUS flex item and centred by font metrics instead.
|
|
11
|
+
display:block is safe because the field row is flex, so a segment is a flex
|
|
12
|
+
ITEM and still lays out beside its siblings.
|
|
13
|
+
|
|
14
|
+
cap/alphabetic is the band BECAUSE the content is digits, which are
|
|
15
|
+
cap-height. The empty-state placeholder ("yyyy") is lowercase and will sit a
|
|
16
|
+
touch high in that band — the deliberate trade: a field spends its life
|
|
17
|
+
filled, and the muted placeholder is the state that matters least. -->
|
|
8
18
|
<DatePicker.Segment
|
|
9
19
|
bind:ref
|
|
10
20
|
class={cn(
|
|
11
|
-
'
|
|
21
|
+
'era-token-ink h-chip rounded-chip px-[calc(var(--era-sp)/2)] focus:bg-highlight focus:text-bright focus:outline-none aria-[valuetext=Empty]:text-muted data-[segment=literal]:text-muted',
|
|
12
22
|
className
|
|
13
23
|
)}
|
|
14
24
|
{...restProps}
|
|
@@ -9,10 +9,20 @@
|
|
|
9
9
|
}: DateRangeField.SegmentProps = $props();
|
|
10
10
|
</script>
|
|
11
11
|
|
|
12
|
+
<!-- era-token-ink: a segment holds one token and nothing else, so it is the
|
|
13
|
+
text-only case text-box-trim can actually reach — as a centring flex box its
|
|
14
|
+
digits were an ANONYMOUS flex item and centred by font metrics instead.
|
|
15
|
+
display:block is safe because the field row is flex, so a segment is a flex
|
|
16
|
+
ITEM and still lays out beside its siblings.
|
|
17
|
+
|
|
18
|
+
cap/alphabetic is the band BECAUSE the content is digits, which are
|
|
19
|
+
cap-height. The empty-state placeholder ("yyyy") is lowercase and will sit a
|
|
20
|
+
touch high in that band — the deliberate trade: a field spends its life
|
|
21
|
+
filled, and the muted placeholder is the state that matters least. -->
|
|
12
22
|
<DateRangeField.Segment
|
|
13
23
|
bind:ref
|
|
14
24
|
class={cn(
|
|
15
|
-
'
|
|
25
|
+
'era-token-ink h-chip rounded-chip px-[calc(var(--era-sp)/2)] focus:bg-highlight focus:text-bright focus:outline-none aria-[valuetext=Empty]:text-muted data-[segment=literal]:text-muted',
|
|
16
26
|
className
|
|
17
27
|
)}
|
|
18
28
|
{...restProps}
|
|
@@ -9,10 +9,20 @@
|
|
|
9
9
|
}: DateRangePicker.SegmentProps = $props();
|
|
10
10
|
</script>
|
|
11
11
|
|
|
12
|
+
<!-- era-token-ink: a segment holds one token and nothing else, so it is the
|
|
13
|
+
text-only case text-box-trim can actually reach — as a centring flex box its
|
|
14
|
+
digits were an ANONYMOUS flex item and centred by font metrics instead.
|
|
15
|
+
display:block is safe because the field row is flex, so a segment is a flex
|
|
16
|
+
ITEM and still lays out beside its siblings.
|
|
17
|
+
|
|
18
|
+
cap/alphabetic is the band BECAUSE the content is digits, which are
|
|
19
|
+
cap-height. The empty-state placeholder ("yyyy") is lowercase and will sit a
|
|
20
|
+
touch high in that band — the deliberate trade: a field spends its life
|
|
21
|
+
filled, and the muted placeholder is the state that matters least. -->
|
|
12
22
|
<DateRangePicker.Segment
|
|
13
23
|
bind:ref
|
|
14
24
|
class={cn(
|
|
15
|
-
'
|
|
25
|
+
'era-token-ink h-chip rounded-chip px-[calc(var(--era-sp)/2)] focus:bg-highlight focus:text-bright focus:outline-none aria-[valuetext=Empty]:text-muted data-[segment=literal]:text-muted',
|
|
16
26
|
className
|
|
17
27
|
)}
|
|
18
28
|
{...restProps}
|
|
@@ -5,10 +5,20 @@
|
|
|
5
5
|
let { ref = $bindable(null), class: className, ...restProps }: TimeField.SegmentProps = $props();
|
|
6
6
|
</script>
|
|
7
7
|
|
|
8
|
+
<!-- era-token-ink: a segment holds one token and nothing else, so it is the
|
|
9
|
+
text-only case text-box-trim can actually reach — as a centring flex box its
|
|
10
|
+
digits were an ANONYMOUS flex item and centred by font metrics instead.
|
|
11
|
+
display:block is safe because the field row is flex, so a segment is a flex
|
|
12
|
+
ITEM and still lays out beside its siblings.
|
|
13
|
+
|
|
14
|
+
cap/alphabetic is the band BECAUSE the content is digits, which are
|
|
15
|
+
cap-height. The empty-state placeholder ("yyyy") is lowercase and will sit a
|
|
16
|
+
touch high in that band — the deliberate trade: a field spends its life
|
|
17
|
+
filled, and the muted placeholder is the state that matters least. -->
|
|
8
18
|
<TimeField.Segment
|
|
9
19
|
bind:ref
|
|
10
20
|
class={cn(
|
|
11
|
-
'
|
|
21
|
+
'era-token-ink h-chip rounded-chip px-[calc(var(--era-sp)/2)] focus:bg-highlight focus:text-bright focus:outline-none aria-[valuetext=Empty]:text-muted data-[segment=literal]:text-muted',
|
|
12
22
|
className
|
|
13
23
|
)}
|
|
14
24
|
{...restProps}
|
|
@@ -9,10 +9,20 @@
|
|
|
9
9
|
}: TimeRangeField.SegmentProps = $props();
|
|
10
10
|
</script>
|
|
11
11
|
|
|
12
|
+
<!-- era-token-ink: a segment holds one token and nothing else, so it is the
|
|
13
|
+
text-only case text-box-trim can actually reach — as a centring flex box its
|
|
14
|
+
digits were an ANONYMOUS flex item and centred by font metrics instead.
|
|
15
|
+
display:block is safe because the field row is flex, so a segment is a flex
|
|
16
|
+
ITEM and still lays out beside its siblings.
|
|
17
|
+
|
|
18
|
+
cap/alphabetic is the band BECAUSE the content is digits, which are
|
|
19
|
+
cap-height. The empty-state placeholder ("yyyy") is lowercase and will sit a
|
|
20
|
+
touch high in that band — the deliberate trade: a field spends its life
|
|
21
|
+
filled, and the muted placeholder is the state that matters least. -->
|
|
12
22
|
<TimeRangeField.Segment
|
|
13
23
|
bind:ref
|
|
14
24
|
class={cn(
|
|
15
|
-
'
|
|
25
|
+
'era-token-ink h-chip rounded-chip px-[calc(var(--era-sp)/2)] focus:bg-highlight focus:text-bright focus:outline-none aria-[valuetext=Empty]:text-muted data-[segment=literal]:text-muted',
|
|
16
26
|
className
|
|
17
27
|
)}
|
|
18
28
|
{...restProps}
|