@fusion.dev/helix 0.0.0-dev → 0.0.3
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/custom-elements.json +5565 -5519
- package/dist/accordion/item/accordion-item.css.js +1 -19
- package/dist/accordion/root/accordion-root.css.js +1 -1
- package/dist/accordion/root/accordion-root.d.ts +1 -1
- package/dist/accordion/root/accordion-root.js +1 -1
- package/dist/announcement/root/announcement-root.css.js +1 -7
- package/dist/app-header/root/app-header-root.css.js +1 -7
- package/dist/app-header/root/app-header-root.d.ts +20 -23
- package/dist/app-header/root/app-header-root.js +4 -4
- package/dist/aura/root/aura-axis.d.ts +5 -7
- package/dist/aura/root/aura-axis.js +5 -7
- package/dist/aura/root/aura-root.css.js +1 -1
- package/dist/aura/root/aura-root.d.ts +75 -87
- package/dist/aura/root/aura-root.js +100 -109
- package/dist/aura/root/aura-shader.d.ts +10 -13
- package/dist/aura/root/aura-shader.js +165 -238
- package/dist/avatar/group/avatar-group.css.js +1 -1
- package/dist/avatar/root/avatar-root.css.js +1 -1
- package/dist/badge/root/badge-root.css.js +1 -13
- package/dist/badge/root/badge-root.d.ts +4 -5
- package/dist/bar-chart/root/bar-chart-root.css.js +1 -13
- package/dist/bar-chart/root/bar-chart-root.d.ts +51 -60
- package/dist/bar-chart/root/bar-chart-root.js +10 -17
- package/dist/blockquote/root/blockquote-root.css.js +1 -1
- package/dist/breadcrumbs/breadcrumb/breadcrumb.css.js +1 -7
- package/dist/breadcrumbs/root/breadcrumbs-root.css.js +1 -1
- package/dist/button/root/button-root.css.js +1 -7
- package/dist/button/root/button-root.d.ts +16 -25
- package/dist/button/root/button-root.js +3 -3
- package/dist/button-group/root/button-group-root.css.js +1 -1
- package/dist/button-group/root/button-group-root.d.ts +5 -7
- package/dist/callout/root/callout-root.css.js +1 -1
- package/dist/callout/root/callout-root.d.ts +4 -4
- package/dist/callout/root/callout-root.js +4 -4
- package/dist/card/root/card-root.css.js +2 -2
- package/dist/card/root/card-root.d.ts +38 -48
- package/dist/card/root/card-root.js +8 -11
- package/dist/carousel/root/carousel-root.css.js +1 -11
- package/dist/carousel/root/carousel-root.d.ts +39 -43
- package/dist/carousel/root/carousel-root.js +7 -7
- package/dist/chat/composer/chat-composer.css.js +1 -1
- package/dist/chat/message/chat-message.css.js +1 -7
- package/dist/chat/message/chat-message.d.ts +8 -13
- package/dist/chat/root/chat-root.css.js +1 -1
- package/dist/checkbox/root/checkbox-root.css.js +1 -14
- package/dist/checkbox-group/root/checkbox-group-root.css.js +1 -1
- package/dist/code/root/code-root.css.js +9 -7
- package/dist/code/root/code-root.d.ts +4 -0
- package/dist/code/root/code-root.js +4 -0
- package/dist/code-block/root/code-block-root.css.js +1 -1
- package/dist/color-input/root/color-input-root.css.js +2 -2
- package/dist/color-input/root/color-input-root.js +3 -3
- package/dist/color-picker/root/color-picker-root.css.js +1 -9
- package/dist/color-picker/root/color-picker-root.js +3 -3
- package/dist/combobox/root/combobox-root.css.js +1 -8
- package/dist/combobox/root/combobox-root.js +1 -1
- package/dist/command/root/command-root.css.js +1 -1
- package/dist/copy-button/root/copy-button-root.css.js +1 -1
- package/dist/data-table/root/data-table-root.css.js +9 -3
- package/dist/data-table/root/data-table-root.d.ts +4 -1
- package/dist/data-table/root/data-table-root.js +4 -1
- package/dist/date-input/root/date-input-root.css.js +1 -1
- package/dist/date-picker/root/date-picker-root.css.js +1 -7
- package/dist/date-picker/root/date-picker-root.d.ts +1 -1
- package/dist/date-picker/root/date-picker-root.js +1 -1
- package/dist/dialog/root/dialog-root.css.js +1 -1
- package/dist/dialog/root/dialog-root.d.ts +15 -20
- package/dist/dialog/root/dialog-root.js +2 -2
- package/dist/divider/root/divider-root.css.js +1 -1
- package/dist/donut-chart/root/donut-chart-root.css.js +2 -20
- package/dist/donut-chart/root/donut-chart-root.d.ts +14 -19
- package/dist/donut-chart/root/donut-chart-root.js +6 -7
- package/dist/drawer/root/drawer-root.css.js +1 -11
- package/dist/drawer/root/drawer-root.d.ts +3 -7
- package/dist/drilldown/item/drilldown-item.css.js +1 -1
- package/dist/drilldown/root/drilldown-root.css.js +1 -1
- package/dist/element-events.generated.js +1 -1
- package/dist/empty/root/empty-root.css.js +1 -1
- package/dist/file-input/root/file-input-root.css.js +1 -1
- package/dist/file-input/root/file-input-root.js +1 -2
- package/dist/flex/root/flex-root.css.js +1 -1
- package/dist/flex/root/flex-root.d.ts +6 -6
- package/dist/flex/root/flex-root.js +9 -9
- package/dist/format-date/root/format-date-root.css.js +1 -1
- package/dist/grid/root/grid-root.css.js +1 -1
- package/dist/grid/root/grid-root.d.ts +8 -8
- package/dist/grid/root/grid-root.js +8 -9
- package/dist/heatmap/root/heatmap-root.css.js +2 -2
- package/dist/heatmap/root/heatmap-root.d.ts +11 -12
- package/dist/heatmap/root/heatmap-root.js +11 -12
- package/dist/icon/glyph.css.js +1 -1
- package/dist/icon/root/icon-root.css.js +1 -1
- package/dist/icon-button/root/icon-button-root.css.js +1 -7
- package/dist/icon-button/root/icon-button-root.d.ts +10 -10
- package/dist/icon-button/root/icon-button-root.js +4 -4
- package/dist/image/root/image-root.css.js +1 -7
- package/dist/input/root/input-root.css.js +1 -9
- package/dist/kbd/root/kbd-root.css.js +1 -1
- package/dist/legend/root/legend-root.css.js +1 -1
- package/dist/legend/root/legend-root.d.ts +34 -37
- package/dist/legend/root/legend-root.js +10 -10
- package/dist/line-chart/root/line-chart-root.css.js +1 -8
- package/dist/line-chart/root/line-chart-root.d.ts +6 -9
- package/dist/list/item/list-item.css.js +1 -1
- package/dist/list/root/list-root.css.js +1 -1
- package/dist/list/root/list-root.d.ts +4 -7
- package/dist/listbox/root/listbox-root.css.js +3 -3
- package/dist/listbox/root/listbox-root.d.ts +2 -0
- package/dist/listbox/root/listbox-root.js +2 -0
- package/dist/loader/root/loader-root.css.js +1 -1
- package/dist/loader/root/loader-root.d.ts +5 -9
- package/dist/loader/root/loader-root.js +2 -2
- package/dist/megamenu/root/megamenu-root.css.js +3 -2
- package/dist/menu/item/menu-item.css.js +1 -7
- package/dist/menu/root/menu-root.css.js +1 -1
- package/dist/meter/root/meter-root.css.js +1 -14
- package/dist/meter/root/meter-root.d.ts +18 -18
- package/dist/meter/root/meter-root.js +6 -8
- package/dist/mixins/mixin-control-surface/mixin-control-surface.d.ts +1 -1
- package/dist/navigation/root/navigation-root.css.js +1 -7
- package/dist/notifications/notification/notification.css.js +1 -7
- package/dist/notifications/root/notifications-root.css.js +1 -1
- package/dist/number-input/root/number-input-root.css.js +1 -9
- package/dist/option/group/option-group.css.js +1 -1
- package/dist/option/root/option-root.css.js +1 -1
- package/dist/outline/root/outline-root.css.js +1 -14
- package/dist/outline/root/outline-root.d.ts +1 -1
- package/dist/outline/root/outline-root.js +1 -1
- package/dist/pagination/root/pagination-root.css.js +1 -12
- package/dist/pagination/size/pagination-size.css.js +1 -1
- package/dist/pagination/summary/pagination-summary.css.js +1 -1
- package/dist/pin-input/root/pin-input-root.css.js +1 -7
- package/dist/popover/root/popover-root.css.js +4 -2
- package/dist/progress/root/progress-root.css.js +1 -7
- package/dist/progress/root/progress-root.d.ts +10 -9
- package/dist/qr-code/root/qr-code-root.css.js +1 -1
- package/dist/qr-code/root/qr-code-root.d.ts +1 -1
- package/dist/qr-code/root/qr-code-root.js +1 -1
- package/dist/quote/root/quote-root.css.js +1 -1
- package/dist/radio/group/radio-group.css.js +1 -1
- package/dist/radio/root/radio-root.css.js +1 -14
- package/dist/radio/root/radio-root.d.ts +20 -18
- package/dist/radio/root/radio-root.js +5 -6
- package/dist/rating/root/rating-root.css.js +1 -1
- package/dist/rating/root/rating-root.d.ts +4 -5
- package/dist/sandbox/preview/sandbox-preview.css.js +1 -1
- package/dist/sandbox/preview/sandbox-preview.d.ts +48 -44
- package/dist/sandbox/preview/sandbox-preview.js +63 -50
- package/dist/sandbox/root/sandbox-root.css.js +1 -2
- package/dist/sandbox/root/sandbox-root.d.ts +50 -59
- package/dist/sandbox/root/sandbox-root.js +75 -91
- package/dist/sandbox/source/sandbox-source.css.js +1 -1
- package/dist/sandbox/source/sandbox-source.d.ts +21 -29
- package/dist/sandbox/source/sandbox-source.js +26 -34
- package/dist/sandbox/status-bar/sandbox-status-bar.css.js +1 -1
- package/dist/sandbox/terminal/sandbox-terminal.css.js +1 -1
- package/dist/sandbox/toolbar/sandbox-toolbar.css.js +1 -1
- package/dist/scroll-area/root/scroll-area-root.css.js +5 -5
- package/dist/select/root/select-root.css.js +2 -15
- package/dist/select/root/select-root.d.ts +4 -4
- package/dist/select/root/select-root.js +5 -7
- package/dist/shared/chart/series.css.js +1 -1
- package/dist/shared/chart/terminus.css.js +1 -1
- package/dist/shared/field/field-inline.css.js +1 -1
- package/dist/shared/field/field-stacked.css.js +1 -1
- package/dist/shared/field/field.css.js +1 -1
- package/dist/skeleton/root/skeleton-root.css.js +1 -1
- package/dist/slider/root/slider-root.css.js +1 -3
- package/dist/sparkline/root/sparkline-root.css.js +1 -1
- package/dist/sparkline/root/sparkline-root.d.ts +22 -24
- package/dist/sparkline/root/sparkline-root.js +6 -6
- package/dist/speed-dial/item/speed-dial-item.css.js +1 -7
- package/dist/speed-dial/root/speed-dial-root.css.js +1 -1
- package/dist/splitter/root/splitter-root.css.js +1 -14
- package/dist/stat/group/stat-group.css.js +1 -1
- package/dist/stat/root/stat-root.css.js +1 -1
- package/dist/steps/root/steps-root.css.js +1 -1
- package/dist/steps/step/step.css.js +1 -8
- package/dist/steps/step/step.js +1 -1
- package/dist/switch/root/switch-root.css.js +1 -8
- package/dist/table/cell/table-cell.css.js +1 -1
- package/dist/table/column/table-column.css.js +1 -1
- package/dist/table/root/table-root.css.js +1 -1
- package/dist/table/row/table-row.css.js +1 -1
- package/dist/tabs/panel/tab-panel.css.js +1 -1
- package/dist/tabs/root/tabs-root.css.js +1 -7
- package/dist/tabs/tab/tab.css.js +2 -8
- package/dist/tag/root/tag-root.css.js +1 -1
- package/dist/tag/root/tag-root.d.ts +10 -19
- package/dist/tag/root/tag-root.js +3 -3
- package/dist/text/root/text-root.css.js +1 -1
- package/dist/text/root/text-root.d.ts +13 -14
- package/dist/text/root/text-root.js +6 -6
- package/dist/textarea/root/textarea-root.css.js +1 -7
- package/dist/time-input/root/time-input-root.css.js +1 -1
- package/dist/time-input/root/time-input-root.js +1 -1
- package/dist/time-picker/root/time-picker-root.css.js +1 -7
- package/dist/time-picker/root/time-picker-root.js +1 -1
- package/dist/timeline/item/timeline-item.css.js +1 -1
- package/dist/timeline/root/timeline-root.css.js +1 -1
- package/dist/toast/item/toast-item.css.js +1 -1
- package/dist/toast/root/toast-root.css.js +1 -1
- package/dist/toggle/group/toggle-group.css.js +1 -7
- package/dist/toggle/group/toggle-group.d.ts +6 -9
- package/dist/toggle/root/toggle-root.css.js +1 -1
- package/dist/toolbar/root/toolbar-root.css.js +1 -1
- package/dist/tooltip/root/tooltip-root.css.js +1 -1
- package/dist/tooltip/root/tooltip-root.d.ts +6 -7
- package/dist/tour/root/tour-root.css.js +1 -7
- package/dist/tour/stop/tour-stop.css.js +2 -2
- package/dist/tree/item/tree-item.css.js +1 -17
- package/dist/tree/root/tree-root.css.js +1 -1
- package/dist/tree/root/tree-root.d.ts +0 -2
- package/dist/trend/root/trend-root.css.js +1 -1
- package/dist/trend/root/trend-root.d.ts +4 -7
- package/dist/trend/root/trend-root.js +4 -7
- package/dist/video/root/video-root.css.js +1 -12
- package/dist/video/root/video-root.d.ts +3 -8
- package/dist/video-playlist/item/video-playlist-item.css.js +1 -7
- package/dist/video-playlist/menu/video-playlist-menu.css.js +1 -1
- package/dist/video-playlist/root/video-playlist-root.css.js +1 -1
- package/dist/virtual-list/root/virtual-list-root.css.js +1 -1
- package/elements.css +4 -5
- package/helix.css +31 -0
- package/jsx.d.ts +11625 -14561
- package/package.json +10 -8
- package/vue.d.ts +3594 -4231
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
// Generated from src/shared/field/field.css by `
|
|
1
|
+
// Generated from src/shared/field/field.css by `turbo run styles`. Do not edit.
|
|
2
2
|
import { createSheet } from '@fusion.dev/helix-core';
|
|
3
3
|
export const styles = createSheet(`::placeholder {
|
|
4
4
|
color: var(--helix-color-foreground-subtle);
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
// Generated from src/skeleton/root/skeleton-root.css by `
|
|
1
|
+
// Generated from src/skeleton/root/skeleton-root.css by `turbo run styles`. Do not edit.
|
|
2
2
|
import { createSheet } from '@fusion.dev/helix-core';
|
|
3
3
|
export const styles = createSheet(`:host {
|
|
4
4
|
display: block;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
// Generated from src/slider/root/slider-root.css by `
|
|
1
|
+
// Generated from src/slider/root/slider-root.css by `turbo run styles`. Do not edit.
|
|
2
2
|
import { createSheet } from '@fusion.dev/helix-core';
|
|
3
3
|
export const styles = createSheet(`:host {
|
|
4
4
|
display: flex;
|
|
@@ -106,8 +106,6 @@ circle at calc(var(--slider-fraction, 0) * 100%) 50%,
|
|
|
106
106
|
transparent var(--_slider-hole),
|
|
107
107
|
currentColor var(--_slider-hole)
|
|
108
108
|
);
|
|
109
|
-
pointer-events: none;
|
|
110
|
-
z-index: var(--helix-layer-raised);
|
|
111
109
|
}
|
|
112
110
|
|
|
113
111
|
[part="field"][data-range] [part="markers"] {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
// Generated from src/sparkline/root/sparkline-root.css by `
|
|
1
|
+
// Generated from src/sparkline/root/sparkline-root.css by `turbo run styles`. Do not edit.
|
|
2
2
|
import { createSheet } from '@fusion.dev/helix-core';
|
|
3
3
|
export const styles = createSheet(`:host {
|
|
4
4
|
block-size: var(--sparkline-block-size, 2.5em);
|
|
@@ -18,10 +18,10 @@ import type { CSSResultGroup } from 'lit';
|
|
|
18
18
|
* disagreeing.
|
|
19
19
|
*
|
|
20
20
|
* The line's weight is set in `em` rather than pixels, so it grows with the
|
|
21
|
-
* drawing the way the drawing grows with its type. A fixed
|
|
22
|
-
*
|
|
23
|
-
*
|
|
24
|
-
*
|
|
21
|
+
* drawing the way the drawing grows with its type. A fixed pixel width leaves a
|
|
22
|
+
* 200 pixel sparkline wearing a hairline: `vector-effect` keeps a stroke out of
|
|
23
|
+
* the view box's stretch, and it also keeps it out of every other reason it
|
|
24
|
+
* might want to be bigger.
|
|
25
25
|
*
|
|
26
26
|
* @since 0.1.0
|
|
27
27
|
* @status experimental
|
|
@@ -58,30 +58,15 @@ export declare class HelixSparkline extends HelixHeadlessSparkline {
|
|
|
58
58
|
* `BarChart`, an `area` or `line` plot like `LineChart`. `solid` on bars is the
|
|
59
59
|
* resting column and selects nothing.
|
|
60
60
|
*
|
|
61
|
-
*
|
|
62
|
-
*
|
|
63
|
-
* of the other two plots, which is what the argument missed: a bar has an area
|
|
64
|
-
* and an area plot is one.
|
|
61
|
+
* `outlined` needs a fill to remove, so it applies to `bar` and `area` and
|
|
62
|
+
* says nothing about a bare line.
|
|
65
63
|
*
|
|
66
|
-
* `ghost` is
|
|
67
|
-
*
|
|
68
|
-
*
|
|
64
|
+
* `ghost` is an empty cell and there is no `material`. Glass exists so what is
|
|
65
|
+
* behind a mark reads through it, and at the size a sparkline draws there is
|
|
66
|
+
* nothing behind it a reader could resolve.
|
|
69
67
|
*/
|
|
70
68
|
emphasis?: 'outlined' | 'solid' | 'subtle';
|
|
71
69
|
static styles: CSSResultGroup;
|
|
72
|
-
/**
|
|
73
|
-
* How heavy the line is drawn.
|
|
74
|
-
*
|
|
75
|
-
* Absent is the weight a sparkline is usually drawn at. `thin` suits one set
|
|
76
|
-
* in a table row among many; `thick` suits one standing on its own, where a
|
|
77
|
-
* hairline reads as an accident.
|
|
78
|
-
*
|
|
79
|
-
* Three steps rather than a number, because `--sparkline-width` is already
|
|
80
|
-
* the number and an attribute earns its place by being the thing a consumer
|
|
81
|
-
* reaches for without reading the stylesheet. The hook stays for anything the
|
|
82
|
-
* three do not cover.
|
|
83
|
-
*/
|
|
84
|
-
weight?: 'thick' | 'thin';
|
|
85
70
|
/**
|
|
86
71
|
* The shape of the mark on the last reading.
|
|
87
72
|
*
|
|
@@ -106,6 +91,19 @@ export declare class HelixSparkline extends HelixHeadlessSparkline {
|
|
|
106
91
|
* chart is drawn over rather than a guess at it.
|
|
107
92
|
*/
|
|
108
93
|
terminus?: 'none' | 'ring' | 'square' | 'triangle';
|
|
94
|
+
/**
|
|
95
|
+
* How heavy the line is drawn.
|
|
96
|
+
*
|
|
97
|
+
* Absent is the weight a sparkline is usually drawn at. `thin` suits one set
|
|
98
|
+
* in a table row among many; `thick` suits one standing on its own, where a
|
|
99
|
+
* hairline reads as an accident.
|
|
100
|
+
*
|
|
101
|
+
* Three steps rather than a number, because `--sparkline-width` is already
|
|
102
|
+
* the number and an attribute earns its place by being the thing a consumer
|
|
103
|
+
* reaches for without reading the stylesheet. The hook stays for anything the
|
|
104
|
+
* three do not cover.
|
|
105
|
+
*/
|
|
106
|
+
weight?: 'thick' | 'thin';
|
|
109
107
|
}
|
|
110
108
|
declare global {
|
|
111
109
|
interface HTMLElementTagNameMap {
|
|
@@ -27,10 +27,10 @@ import { styles } from './sparkline-root.css.js';
|
|
|
27
27
|
* disagreeing.
|
|
28
28
|
*
|
|
29
29
|
* The line's weight is set in `em` rather than pixels, so it grows with the
|
|
30
|
-
* drawing the way the drawing grows with its type. A fixed
|
|
31
|
-
*
|
|
32
|
-
*
|
|
33
|
-
*
|
|
30
|
+
* drawing the way the drawing grows with its type. A fixed pixel width leaves a
|
|
31
|
+
* 200 pixel sparkline wearing a hairline: `vector-effect` keeps a stroke out of
|
|
32
|
+
* the view box's stretch, and it also keeps it out of every other reason it
|
|
33
|
+
* might want to be bigger.
|
|
34
34
|
*
|
|
35
35
|
* @since 0.1.0
|
|
36
36
|
* @status experimental
|
|
@@ -57,10 +57,10 @@ __decorate([
|
|
|
57
57
|
], HelixSparkline.prototype, "emphasis", void 0);
|
|
58
58
|
__decorate([
|
|
59
59
|
property({ reflect: true })
|
|
60
|
-
], HelixSparkline.prototype, "
|
|
60
|
+
], HelixSparkline.prototype, "terminus", void 0);
|
|
61
61
|
__decorate([
|
|
62
62
|
property({ reflect: true })
|
|
63
|
-
], HelixSparkline.prototype, "
|
|
63
|
+
], HelixSparkline.prototype, "weight", void 0);
|
|
64
64
|
HelixSparkline = __decorate([
|
|
65
65
|
customElement('helix-sparkline')
|
|
66
66
|
], HelixSparkline);
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
// Generated from src/speed-dial/item/speed-dial-item.css by `
|
|
1
|
+
// Generated from src/speed-dial/item/speed-dial-item.css by `turbo run styles`. Do not edit.
|
|
2
2
|
import { createSheet } from '@fusion.dev/helix-core';
|
|
3
3
|
export const styles = createSheet(`:host {
|
|
4
4
|
display: block;
|
|
@@ -71,10 +71,4 @@ font-size: var(--helix-text-sm);
|
|
|
71
71
|
font-weight: var(--helix-weight-medium);
|
|
72
72
|
padding: var(--helix-space-2xs) var(--helix-space-xs);
|
|
73
73
|
white-space: nowrap;
|
|
74
|
-
}
|
|
75
|
-
|
|
76
|
-
@media (prefers-reduced-motion: reduce) {
|
|
77
|
-
[part="icon"] {
|
|
78
|
-
transition: none;
|
|
79
|
-
}
|
|
80
74
|
}`);
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
// Generated from src/speed-dial/root/speed-dial-root.css by `
|
|
1
|
+
// Generated from src/speed-dial/root/speed-dial-root.css by `turbo run styles`. Do not edit.
|
|
2
2
|
import { createSheet } from '@fusion.dev/helix-core';
|
|
3
3
|
export const styles = createSheet(`:host {
|
|
4
4
|
display: inline-flex;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
// Generated from src/splitter/root/splitter-root.css by `
|
|
1
|
+
// Generated from src/splitter/root/splitter-root.css by `turbo run styles`. Do not edit.
|
|
2
2
|
import { createSheet } from '@fusion.dev/helix-core';
|
|
3
3
|
export const styles = createSheet(`:host {
|
|
4
4
|
display: flex;
|
|
@@ -114,13 +114,6 @@ outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);
|
|
|
114
114
|
outline-offset: var(--helix-size-focus-offset);
|
|
115
115
|
}
|
|
116
116
|
|
|
117
|
-
@media (prefers-reduced-motion: reduce) {
|
|
118
|
-
[part="separator"]::before,
|
|
119
|
-
:host(:is([orientation="vertical"], [data-axis="vertical"])) [part="separator"]::before {
|
|
120
|
-
transition: none;
|
|
121
|
-
}
|
|
122
|
-
}
|
|
123
|
-
|
|
124
117
|
[part="corner"] {
|
|
125
118
|
block-size: var(--splitter-corner, var(--helix-space-md));
|
|
126
119
|
|
|
@@ -183,12 +176,6 @@ opacity: 1;
|
|
|
183
176
|
background-color: var(--splitter-drag-color, var(--helix-color-primary));
|
|
184
177
|
}
|
|
185
178
|
|
|
186
|
-
@media (prefers-reduced-motion: reduce) {
|
|
187
|
-
:host([variant="grip"]) [part="separator"]::after {
|
|
188
|
-
transition: none;
|
|
189
|
-
}
|
|
190
|
-
}
|
|
191
|
-
|
|
192
179
|
[part="start"][data-dragging],
|
|
193
180
|
[part="end"][data-dragging] {
|
|
194
181
|
pointer-events: none;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
// Generated from src/stat/group/stat-group.css by `
|
|
1
|
+
// Generated from src/stat/group/stat-group.css by `turbo run styles`. Do not edit.
|
|
2
2
|
import { createSheet } from '@fusion.dev/helix-core';
|
|
3
3
|
export const styles = createSheet(`:host {
|
|
4
4
|
display: flex;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
// Generated from src/steps/root/steps-root.css by `
|
|
1
|
+
// Generated from src/steps/root/steps-root.css by `turbo run styles`. Do not edit.
|
|
2
2
|
import { createSheet } from '@fusion.dev/helix-core';
|
|
3
3
|
export const styles = createSheet(`:host {
|
|
4
4
|
counter-reset: helix-step;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
// Generated from src/steps/step/step.css by `
|
|
1
|
+
// Generated from src/steps/step/step.css by `turbo run styles`. Do not edit.
|
|
2
2
|
import { createSheet } from '@fusion.dev/helix-core';
|
|
3
3
|
export const styles = createSheet(`:host {
|
|
4
4
|
align-items: start;
|
|
@@ -148,11 +148,4 @@ grid-template-rows: 1fr;
|
|
|
148
148
|
display: block;
|
|
149
149
|
min-block-size: 0;
|
|
150
150
|
overflow: hidden;
|
|
151
|
-
}
|
|
152
|
-
|
|
153
|
-
@media (prefers-reduced-motion: reduce) {
|
|
154
|
-
[part="marker"],
|
|
155
|
-
[part="content"] {
|
|
156
|
-
transition: none;
|
|
157
|
-
}
|
|
158
151
|
}`);
|
package/dist/steps/step/step.js
CHANGED
|
@@ -9,7 +9,7 @@ import { HelixHeadlessStep } from '@fusion.dev/helix-headless/steps';
|
|
|
9
9
|
/* Side-effect import, because the tier below renders `<helix-button>` and a custom
|
|
10
10
|
element registers on import. Inherited from the base along with the template,
|
|
11
11
|
which is why it is restated here: this file has no `<helix-button>` in it to
|
|
12
|
-
remind anyone.
|
|
12
|
+
remind anyone. */
|
|
13
13
|
import '../../button/index.js';
|
|
14
14
|
import { styles } from './step.css.js';
|
|
15
15
|
/**
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
// Generated from src/switch/root/switch-root.css by `
|
|
1
|
+
// Generated from src/switch/root/switch-root.css by `turbo run styles`. Do not edit.
|
|
2
2
|
import { createSheet } from '@fusion.dev/helix-core';
|
|
3
3
|
export const styles = createSheet(`:host {
|
|
4
4
|
display: inline-flex;
|
|
@@ -94,13 +94,6 @@ outline-offset: var(--helix-size-focus-offset);
|
|
|
94
94
|
border-color: var(--helix-color-danger);
|
|
95
95
|
}
|
|
96
96
|
|
|
97
|
-
@media (prefers-reduced-motion: reduce) {
|
|
98
|
-
[part="thumb"],
|
|
99
|
-
[part="track"] {
|
|
100
|
-
transition: none;
|
|
101
|
-
}
|
|
102
|
-
}
|
|
103
|
-
|
|
104
97
|
[part="label"][data-empty] {
|
|
105
98
|
display: none;
|
|
106
99
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
// Generated from src/table/column/table-column.css by `
|
|
1
|
+
// Generated from src/table/column/table-column.css by `turbo run styles`. Do not edit.
|
|
2
2
|
import { createSheet } from '@fusion.dev/helix-core';
|
|
3
3
|
export const styles = createSheet(`:host {
|
|
4
4
|
display: contents;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
// Generated from src/table/root/table-root.css by `
|
|
1
|
+
// Generated from src/table/root/table-root.css by `turbo run styles`. Do not edit.
|
|
2
2
|
import { createSheet } from '@fusion.dev/helix-core';
|
|
3
3
|
export const styles = createSheet(`:host {
|
|
4
4
|
display: block;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
// Generated from src/table/row/table-row.css by `
|
|
1
|
+
// Generated from src/table/row/table-row.css by `turbo run styles`. Do not edit.
|
|
2
2
|
import { createSheet } from '@fusion.dev/helix-core';
|
|
3
3
|
export const styles = createSheet(`:host {
|
|
4
4
|
display: contents;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
// Generated from src/tabs/root/tabs-root.css by `
|
|
1
|
+
// Generated from src/tabs/root/tabs-root.css by `turbo run styles`. Do not edit.
|
|
2
2
|
import { createSheet } from '@fusion.dev/helix-core';
|
|
3
3
|
export const styles = createSheet(`:host {
|
|
4
4
|
|
|
@@ -87,12 +87,6 @@ position: relative;
|
|
|
87
87
|
z-index: var(--helix-layer-raised);
|
|
88
88
|
}
|
|
89
89
|
|
|
90
|
-
@media (prefers-reduced-motion: reduce) {
|
|
91
|
-
[part="indicator"] {
|
|
92
|
-
transition: opacity var(--helix-duration-fast) var(--helix-easing-standard);
|
|
93
|
-
}
|
|
94
|
-
}
|
|
95
|
-
|
|
96
90
|
:host([variant="underlined"]) [part="indicator"] {
|
|
97
91
|
--_indicator-block: var(--helix-border-thick);
|
|
98
92
|
--_indicator-color: var(--helix-color-primary);
|
package/dist/tabs/tab/tab.css.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
// Generated from src/tabs/tab/tab.css by `
|
|
1
|
+
// Generated from src/tabs/tab/tab.css by `turbo run styles`. Do not edit.
|
|
2
2
|
import { createSheet } from '@fusion.dev/helix-core';
|
|
3
3
|
export const styles = createSheet(`:host {
|
|
4
4
|
display: inline-flex;
|
|
@@ -6,7 +6,7 @@ display: inline-flex;
|
|
|
6
6
|
|
|
7
7
|
[part="tab"] {
|
|
8
8
|
align-items: center;
|
|
9
|
-
background-color:
|
|
9
|
+
background-color: transparent;
|
|
10
10
|
|
|
11
11
|
block-size: var(--_tab-height, var(--helix-size-control));
|
|
12
12
|
border: none;
|
|
@@ -48,10 +48,4 @@ opacity: 0.5;
|
|
|
48
48
|
[part="tab"]:focus-visible {
|
|
49
49
|
outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);
|
|
50
50
|
outline-offset: calc(var(--helix-size-focus-offset) * -1);
|
|
51
|
-
}
|
|
52
|
-
|
|
53
|
-
@media (prefers-reduced-motion: reduce) {
|
|
54
|
-
[part="tab"] {
|
|
55
|
-
transition: none;
|
|
56
|
-
}
|
|
57
51
|
}`);
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
// Generated from src/tag/root/tag-root.css by `
|
|
1
|
+
// Generated from src/tag/root/tag-root.css by `turbo run styles`. Do not edit.
|
|
2
2
|
import { createSheet } from '@fusion.dev/helix-core';
|
|
3
3
|
export const styles = createSheet(`:host {
|
|
4
4
|
align-items: center;
|
|
@@ -4,7 +4,7 @@ import type { CSSResultGroup } from 'lit';
|
|
|
4
4
|
* @summary Labels content with a short piece of metadata.
|
|
5
5
|
*
|
|
6
6
|
* @description
|
|
7
|
-
*
|
|
7
|
+
* Seven tones. The fill is a tint of the status color, mixed with
|
|
8
8
|
* `color-mix` rather than held as a token per status, so a theme that changes
|
|
9
9
|
* the status colors gets the tints with them.
|
|
10
10
|
*
|
|
@@ -26,20 +26,6 @@ import type { CSSResultGroup } from 'lit';
|
|
|
26
26
|
* @cssproperty --tag-radius - Corner radius of the tag.
|
|
27
27
|
*/
|
|
28
28
|
export declare class HelixTag extends HelixHeadlessTag {
|
|
29
|
-
/**
|
|
30
|
-
* Which status the tag reports.
|
|
31
|
-
*
|
|
32
|
-
* This was called `appearance`, and it never was one. `tone` is semantic
|
|
33
|
-
* color, which is what these are and what `helix-text` already calls them.
|
|
34
|
-
* One axis was wearing the other's name, and the axis it should have held did
|
|
35
|
-
* not exist.
|
|
36
|
-
*
|
|
37
|
-
* **Written before there was a registry, and it turned out to be the first
|
|
38
|
-
* instance of a general fault rather than a local one.** `appearance` was not
|
|
39
|
-
* a treatment either: it held four different questions across 21 components,
|
|
40
|
-
* and this file found one of them the hard way. The rest is `check:axes`.
|
|
41
|
-
*/
|
|
42
|
-
tone?: 'accent' | 'danger' | 'info' | 'neutral' | 'primary' | 'success' | 'warning';
|
|
43
29
|
/**
|
|
44
30
|
* How much of the tone the tag wears.
|
|
45
31
|
*
|
|
@@ -51,12 +37,17 @@ export declare class HelixTag extends HelixHeadlessTag {
|
|
|
51
37
|
* each of them turns a list into a mosaic.
|
|
52
38
|
*
|
|
53
39
|
* Independent of `tone` on purpose: an outlined danger tag and a solid danger
|
|
54
|
-
* tag are both sensible, and
|
|
55
|
-
*
|
|
56
|
-
* test the whole axis registry answers to, arrived at here first and one
|
|
57
|
-
* component at a time.
|
|
40
|
+
* tag are both sensible, and one property welding color to fill can ask for
|
|
41
|
+
* neither. That is the test the whole axis registry answers to.
|
|
58
42
|
*/
|
|
59
43
|
emphasis?: 'outlined' | 'solid' | 'subtle';
|
|
44
|
+
/**
|
|
45
|
+
* Which status the tag reports.
|
|
46
|
+
*
|
|
47
|
+
* `tone` is semantic color, which is what these are and what `helix-text`
|
|
48
|
+
* already calls them. `helix component`'s `axes` holds the vocabulary.
|
|
49
|
+
*/
|
|
50
|
+
tone?: 'accent' | 'danger' | 'info' | 'neutral' | 'primary' | 'success' | 'warning';
|
|
60
51
|
static styles: CSSResultGroup;
|
|
61
52
|
}
|
|
62
53
|
declare global {
|
|
@@ -12,7 +12,7 @@ import { styles } from './tag-root.css.js';
|
|
|
12
12
|
* @summary Labels content with a short piece of metadata.
|
|
13
13
|
*
|
|
14
14
|
* @description
|
|
15
|
-
*
|
|
15
|
+
* Seven tones. The fill is a tint of the status color, mixed with
|
|
16
16
|
* `color-mix` rather than held as a token per status, so a theme that changes
|
|
17
17
|
* the status colors gets the tints with them.
|
|
18
18
|
*
|
|
@@ -38,10 +38,10 @@ let HelixTag = class HelixTag extends HelixHeadlessTag {
|
|
|
38
38
|
};
|
|
39
39
|
__decorate([
|
|
40
40
|
property({ reflect: true })
|
|
41
|
-
], HelixTag.prototype, "
|
|
41
|
+
], HelixTag.prototype, "emphasis", void 0);
|
|
42
42
|
__decorate([
|
|
43
43
|
property({ reflect: true })
|
|
44
|
-
], HelixTag.prototype, "
|
|
44
|
+
], HelixTag.prototype, "tone", void 0);
|
|
45
45
|
HelixTag = __decorate([
|
|
46
46
|
customElement('helix-tag')
|
|
47
47
|
], HelixTag);
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
// Generated from src/text/root/text-root.css by `
|
|
1
|
+
// Generated from src/text/root/text-root.css by `turbo run styles`. Do not edit.
|
|
2
2
|
import { createSheet } from '@fusion.dev/helix-core';
|
|
3
3
|
export const styles = createSheet(`:host {
|
|
4
4
|
display: inline;
|
|
@@ -16,10 +16,10 @@ import type { CSSResultGroup } from 'lit';
|
|
|
16
16
|
*
|
|
17
17
|
* The pairing is resolved in CSS rather than by computing an attribute, so the
|
|
18
18
|
* element writes nothing to its own host: `as="h2"` picks up the heading ramp
|
|
19
|
-
* through a selector, and setting `variant` takes the pairing rule out of
|
|
20
|
-
*
|
|
21
|
-
* that the server's markup
|
|
22
|
-
* React consumer.
|
|
19
|
+
* through a selector, and setting `variant` takes the pairing rule out of play.
|
|
20
|
+
* Deriving it in `willUpdate` works and must not be done: it puts an attribute
|
|
21
|
+
* on the host that the server's markup does not have, which is a hydration
|
|
22
|
+
* mismatch in every React consumer.
|
|
23
23
|
*
|
|
24
24
|
* **Size, weight, and leading are not properties.** Exposing them separately
|
|
25
25
|
* offers a few hundred combinations of which a handful are right, and every
|
|
@@ -48,21 +48,14 @@ export declare class HelixText extends HelixElement {
|
|
|
48
48
|
* Decides the outline and the semantics.
|
|
49
49
|
*/
|
|
50
50
|
as?: 'span' | 'p' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'strong' | 'em' | 'code' | 'label';
|
|
51
|
-
/**
|
|
52
|
-
* Type treatment.
|
|
53
|
-
*
|
|
54
|
-
* Defaults to the one that matches `as`.
|
|
55
|
-
*/
|
|
56
|
-
variant?: 'display' | 'heading' | 'subheading' | 'title' | 'body' | 'body-strong' | 'caption' | 'label' | 'code';
|
|
57
51
|
/**
|
|
58
52
|
* Color role. A separate axis from the type ramp, because color carries
|
|
59
53
|
* state: folding it in would mean `caption-danger` and the rest of the cross
|
|
60
54
|
* product.
|
|
61
55
|
*
|
|
62
|
-
*
|
|
63
|
-
*
|
|
64
|
-
* nothing
|
|
65
|
-
* The resting case is the absent attribute.
|
|
56
|
+
* **There is no `default` value**, and one must not be added: it would match
|
|
57
|
+
* no rule and fall through to the inherited ink, reading as working while
|
|
58
|
+
* saying nothing. The resting case is the absent attribute.
|
|
66
59
|
*
|
|
67
60
|
* **`muted` and `subtle` are weight rather than meaning and belong on
|
|
68
61
|
* `emphasis`, which is why this is still off the registry.** Splitting them
|
|
@@ -73,6 +66,12 @@ export declare class HelixText extends HelixElement {
|
|
|
73
66
|
* halves apart would leave three of the four combinations unsayable.
|
|
74
67
|
*/
|
|
75
68
|
tone?: 'muted' | 'subtle' | 'primary' | 'danger';
|
|
69
|
+
/**
|
|
70
|
+
* Type treatment.
|
|
71
|
+
*
|
|
72
|
+
* Defaults to the one that matches `as`.
|
|
73
|
+
*/
|
|
74
|
+
variant?: 'display' | 'heading' | 'subheading' | 'title' | 'body' | 'body-strong' | 'caption' | 'label' | 'code';
|
|
76
75
|
protected render(): unknown;
|
|
77
76
|
static styles: CSSResultGroup;
|
|
78
77
|
}
|
|
@@ -39,10 +39,10 @@ const TAGS = {
|
|
|
39
39
|
*
|
|
40
40
|
* The pairing is resolved in CSS rather than by computing an attribute, so the
|
|
41
41
|
* element writes nothing to its own host: `as="h2"` picks up the heading ramp
|
|
42
|
-
* through a selector, and setting `variant` takes the pairing rule out of
|
|
43
|
-
*
|
|
44
|
-
* that the server's markup
|
|
45
|
-
* React consumer.
|
|
42
|
+
* through a selector, and setting `variant` takes the pairing rule out of play.
|
|
43
|
+
* Deriving it in `willUpdate` works and must not be done: it puts an attribute
|
|
44
|
+
* on the host that the server's markup does not have, which is a hydration
|
|
45
|
+
* mismatch in every React consumer.
|
|
46
46
|
*
|
|
47
47
|
* **Size, weight, and leading are not properties.** Exposing them separately
|
|
48
48
|
* offers a few hundred combinations of which a handful are right, and every
|
|
@@ -82,10 +82,10 @@ __decorate([
|
|
|
82
82
|
], HelixText.prototype, "as", void 0);
|
|
83
83
|
__decorate([
|
|
84
84
|
property({ reflect: true })
|
|
85
|
-
], HelixText.prototype, "
|
|
85
|
+
], HelixText.prototype, "tone", void 0);
|
|
86
86
|
__decorate([
|
|
87
87
|
property({ reflect: true })
|
|
88
|
-
], HelixText.prototype, "
|
|
88
|
+
], HelixText.prototype, "variant", void 0);
|
|
89
89
|
HelixText = __decorate([
|
|
90
90
|
customElement('helix-text')
|
|
91
91
|
], HelixText);
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
// Generated from src/textarea/root/textarea-root.css by `
|
|
1
|
+
// Generated from src/textarea/root/textarea-root.css by `turbo run styles`. Do not edit.
|
|
2
2
|
import { createSheet } from '@fusion.dev/helix-core';
|
|
3
3
|
export const styles = createSheet(`:host {
|
|
4
4
|
display: flex;
|
|
@@ -65,12 +65,6 @@ opacity: 0.5;
|
|
|
65
65
|
background-color: transparent;
|
|
66
66
|
}
|
|
67
67
|
|
|
68
|
-
@media (prefers-reduced-motion: reduce) {
|
|
69
|
-
[part="field"] {
|
|
70
|
-
transition: none;
|
|
71
|
-
}
|
|
72
|
-
}
|
|
73
|
-
|
|
74
68
|
@media print {
|
|
75
69
|
:host {
|
|
76
70
|
box-shadow: none;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
// Generated from src/time-input/root/time-input-root.css by `
|
|
1
|
+
// Generated from src/time-input/root/time-input-root.css by `turbo run styles`. Do not edit.
|
|
2
2
|
import { createSheet } from '@fusion.dev/helix-core';
|
|
3
3
|
export const styles = createSheet(`:host {
|
|
4
4
|
display: block;
|
|
@@ -8,7 +8,7 @@ import { customElement } from '@fusion.dev/helix-core';
|
|
|
8
8
|
import { HelixHeadlessTimeInput } from '@fusion.dev/helix-headless/time-input';
|
|
9
9
|
/* Side-effect imports, because the tier below renders both of these and a custom
|
|
10
10
|
element registers on import. Inherited from the base along with the template,
|
|
11
|
-
which is why they are restated here.
|
|
11
|
+
which is why they are restated here. */
|
|
12
12
|
import '../../icon/index.js';
|
|
13
13
|
import '../../tag/index.js';
|
|
14
14
|
import '../../time-picker/index.js';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
// Generated from src/time-picker/root/time-picker-root.css by `
|
|
1
|
+
// Generated from src/time-picker/root/time-picker-root.css by `turbo run styles`. Do not edit.
|
|
2
2
|
import { createSheet } from '@fusion.dev/helix-core';
|
|
3
3
|
export const styles = createSheet(`:host {
|
|
4
4
|
display: block;
|
|
@@ -116,12 +116,6 @@ background-color: var(--time-picker-selected-color, var(--helix-color-foreground
|
|
|
116
116
|
color: var(--helix-color-foreground-on-accent);
|
|
117
117
|
}
|
|
118
118
|
|
|
119
|
-
@media (prefers-reduced-motion: reduce) {
|
|
120
|
-
[part="column"] [part="option"]::part(label) {
|
|
121
|
-
transition: none;
|
|
122
|
-
}
|
|
123
|
-
}
|
|
124
|
-
|
|
125
119
|
[part="column"] [part="option"]::part(item)::after {
|
|
126
120
|
content: none;
|
|
127
121
|
}
|
|
@@ -9,7 +9,7 @@ import { HelixHeadlessTimePicker } from '@fusion.dev/helix-headless/time-picker'
|
|
|
9
9
|
/* Side-effect imports, because the tier below renders both of these and a custom
|
|
10
10
|
element registers on import. Inherited from the base along with the template,
|
|
11
11
|
which is why they are restated here: this file has neither tag in it to remind
|
|
12
|
-
anyone.
|
|
12
|
+
anyone. */
|
|
13
13
|
import '../../listbox/index.js';
|
|
14
14
|
import '../../option/index.js';
|
|
15
15
|
import { styles } from './time-picker-root.css.js';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
// Generated from src/timeline/item/timeline-item.css by `
|
|
1
|
+
// Generated from src/timeline/item/timeline-item.css by `turbo run styles`. Do not edit.
|
|
2
2
|
import { createSheet } from '@fusion.dev/helix-core';
|
|
3
3
|
export const styles = createSheet(`:host {
|
|
4
4
|
column-gap: var(--helix-space-md);
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
// Generated from src/timeline/root/timeline-root.css by `
|
|
1
|
+
// Generated from src/timeline/root/timeline-root.css by `turbo run styles`. Do not edit.
|
|
2
2
|
import { createSheet } from '@fusion.dev/helix-core';
|
|
3
3
|
export const styles = createSheet(`:host {
|
|
4
4
|
display: flex;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
// Generated from src/toast/root/toast-root.css by `
|
|
1
|
+
// Generated from src/toast/root/toast-root.css by `turbo run styles`. Do not edit.
|
|
2
2
|
import { createSheet } from '@fusion.dev/helix-core';
|
|
3
3
|
export const styles = createSheet(`:host {
|
|
4
4
|
--_toast-inset: var(--toast-inset, var(--helix-space-lg));
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
// Generated from src/toggle/group/toggle-group.css by `
|
|
1
|
+
// Generated from src/toggle/group/toggle-group.css by `turbo run styles`. Do not edit.
|
|
2
2
|
import { createSheet } from '@fusion.dev/helix-core';
|
|
3
3
|
export const styles = createSheet(`:host {
|
|
4
4
|
display: inline-flex;
|
|
@@ -96,12 +96,6 @@ z-index: var(--helix-layer-base);
|
|
|
96
96
|
opacity: 1;
|
|
97
97
|
}
|
|
98
98
|
|
|
99
|
-
@media (prefers-reduced-motion: reduce) {
|
|
100
|
-
[part="indicator"] {
|
|
101
|
-
transition: opacity var(--helix-duration-fast) var(--helix-easing-standard);
|
|
102
|
-
}
|
|
103
|
-
}
|
|
104
|
-
|
|
105
99
|
:host(:state(invalid)) [part="track"] {
|
|
106
100
|
outline: var(--helix-size-focus-ring) solid var(--helix-color-danger);
|
|
107
101
|
outline-offset: calc(var(--helix-size-focus-offset) * -1);
|