@noxlovette/material 0.1.20 → 0.1.21
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/components/containers/menu-item/MenuItem.svelte +0 -1
- package/dist/components/containers/panes/SupportingPane.svelte +1 -0
- package/dist/components/containers/side-sheet/SideSheet.svelte +1 -1
- package/dist/components/date/DateField.svelte +2 -2
- package/dist/components/date/DateRangeField.svelte +2 -2
- package/dist/components/forms/textfield/Textfield.svelte +5 -1
- package/dist/components/time/TimepickerInput.svelte +1 -1
- package/package.json +1 -1
|
@@ -19,7 +19,6 @@ and `ContextMenu`, which owns its own item list and is right-click triggered.
|
|
|
19
19
|
import Icon from '../../../utils/icon/Icon.svelte';
|
|
20
20
|
import Layer from '../../../utils/Layer.svelte';
|
|
21
21
|
import { DropdownMenu } from 'bits-ui';
|
|
22
|
-
import clsx from 'clsx';
|
|
23
22
|
import { tv } from 'tailwind-variants';
|
|
24
23
|
|
|
25
24
|
let {
|
|
@@ -49,6 +49,7 @@ SupportingPane provides a layout with a main content area and a supporting side
|
|
|
49
49
|
<div class="top-3 right-3 z-10 hidden h-12 w-12 md:absolute md:block">
|
|
50
50
|
<ButtonIcon
|
|
51
51
|
triggerClass=""
|
|
52
|
+
type="button"
|
|
52
53
|
variant="text"
|
|
53
54
|
tooltipContent={supportingVisible ? 'Скрыть панель' : 'Показать панель'}
|
|
54
55
|
size="sm"
|
|
@@ -15,7 +15,7 @@ Side sheets are supplementary surfaces which are anchored to the edge of the scr
|
|
|
15
15
|
<div class="flex items-center justify-between p-6">
|
|
16
16
|
<span class="md-sys-typescale-title-large text-md-sys-color-on-surface-variant">{headline}</span
|
|
17
17
|
>
|
|
18
|
-
<ButtonIcon variant="text" iconProps={{ name: 'close' }} onclick={close} />
|
|
18
|
+
<ButtonIcon type="button" variant="text" iconProps={{ name: 'close' }} onclick={close} />
|
|
19
19
|
</div>
|
|
20
20
|
{@render children()}
|
|
21
21
|
</div>
|
|
@@ -104,11 +104,11 @@ DateField is a text field that allows users to enter a date or pick it from a ca
|
|
|
104
104
|
class="text-md-sys-color-on-surface-variant z-10 flex w-full items-center justify-between pb-7.5"
|
|
105
105
|
>
|
|
106
106
|
<DatePicker.PrevButton>
|
|
107
|
-
<ButtonIcon iconProps={{ name: 'chevron_left' }} />
|
|
107
|
+
<ButtonIcon type="button" iconProps={{ name: 'chevron_left' }} />
|
|
108
108
|
</DatePicker.PrevButton>
|
|
109
109
|
<DatePicker.Heading class="md-sys-typescale-label-large" />
|
|
110
110
|
<DatePicker.NextButton>
|
|
111
|
-
<ButtonIcon iconProps={{ name: 'chevron_right' }} />
|
|
111
|
+
<ButtonIcon type="button" iconProps={{ name: 'chevron_right' }} />
|
|
112
112
|
</DatePicker.NextButton>
|
|
113
113
|
</DatePicker.Header>
|
|
114
114
|
|
|
@@ -153,11 +153,11 @@ segment inputs and a shared calendar popover.
|
|
|
153
153
|
class="text-md-sys-color-on-surface-variant z-10 flex w-full items-center justify-between pb-7.5"
|
|
154
154
|
>
|
|
155
155
|
<DateRangePicker.PrevButton>
|
|
156
|
-
<ButtonIcon iconProps={{ name: 'chevron_left' }} />
|
|
156
|
+
<ButtonIcon type="button" iconProps={{ name: 'chevron_left' }} />
|
|
157
157
|
</DateRangePicker.PrevButton>
|
|
158
158
|
<DateRangePicker.Heading class="md-sys-typescale-label-large" />
|
|
159
159
|
<DateRangePicker.NextButton>
|
|
160
|
-
<ButtonIcon iconProps={{ name: 'chevron_right' }} />
|
|
160
|
+
<ButtonIcon type="button" iconProps={{ name: 'chevron_right' }} />
|
|
161
161
|
</DateRangePicker.NextButton>
|
|
162
162
|
</DateRangePicker.Header>
|
|
163
163
|
|
|
@@ -68,7 +68,11 @@ Text fields allow users to enter and edit text.
|
|
|
68
68
|
{#if trailingIcon}
|
|
69
69
|
{@render trailingIcon()}
|
|
70
70
|
{:else if trailingIconProps}
|
|
71
|
-
<ButtonIcon
|
|
71
|
+
<ButtonIcon
|
|
72
|
+
type="button"
|
|
73
|
+
onclick={trailingOnClick}
|
|
74
|
+
class={cls.trailingIcon()}
|
|
75
|
+
iconProps={trailingIconProps}
|
|
72
76
|
></ButtonIcon>
|
|
73
77
|
{/if}
|
|
74
78
|
</div>
|
|
@@ -58,7 +58,7 @@ It follows the Material 3 design for time input pickers.
|
|
|
58
58
|
</TimeField.Root>
|
|
59
59
|
|
|
60
60
|
<div class={cls.buttonDiv()}>
|
|
61
|
-
<ButtonIcon iconProps={{ name: 'schedule' }} />
|
|
61
|
+
<ButtonIcon type="button" iconProps={{ name: 'schedule' }} />
|
|
62
62
|
<div>
|
|
63
63
|
<Button variant="text" type="button" onclick={() => close()}>Отмена</Button>
|
|
64
64
|
<Button
|