diff --git a/index.html b/index.html index 4c341fe7..42c6ba0e 100644 --- a/index.html +++ b/index.html @@ -1,6 +1,4 @@ - - - + Preview components @@ -22,20 +20,14 @@ - - - - - -erty:opacity;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;color:var(--tui-text-01);opacity:.5}[tuiWrapper]:not([data-state=readonly]):hover .t-textfield-icon [tuiWrapper][data-appearance=icon][data-appearance=icon]:not([data-state=disabled]){opacity:.65}@media (hover: hover){[tuiWrapper][data-appearance=icon][data-appearance=icon]:hover:not(._no-hover){opacity:.65}}[tuiWrapper][data-appearance=icon][data-appearance=icon]:active:not(._no-active){opacity:1}[tuiWrapper][data-appearance=icon][data-appearance=icon]:disabled:disabled{opacity:calc(.5 * var(--tui-disabled-opacity))}[tuiWrapper][data-appearance=outline]{background:transparent;color:var(--tui-text-01)}[tuiWrapper][data-appearance=outline]:after{color:var(--tui-base-04)}@media (hover: hover){[tuiWrapper][data-appearance=outline]:hover:not(._no-hover):after{color:var(--tui-base-05)}}[tuiWrapper][data-appearance=outline]:active:not(._no-active):after{color:var(--tui-base-06)}[tuiWrapper][data-appearance=primary]{background:var(--tui-primary);color:var(--tui-primary-text)}@media (hover: hover){[tuiWrapper][data-appearance=primary]:hover:not(._no-hover){background:var(--tui-primary-hover)}}[tuiWrapper][data-appearance=primary]:active:not(._no-active){background:var(--tui-primary-active)}[tuiWrapper][data-appearance=primary]:invalid:invalid{color:var(--tui-negative-night);background:var(--tui-error-bg)}@media (hover: hover){[tuiWrapper][data-appearance=primary]:invalid:invalid:hover:not(._no-hover){background:var(--tui-error-bg-hover)}}[tuiWrapper][data-appearance=primary]:invalid:invalid:active:not(._no-active){background:var(--tui-error-bg-hover)}:focus-visible:not([data-focused=false])>[tuiWrapper][data-appearance=primary]:invalid:invalid{--tui-focus: var(--tui-error-fill)}[tuiWrapper][data-appearance=primary]:invalid:invalid:focus-visible:focus-visible{--tui-focus: var(--tui-error-fill)}[tuiWrapper][data-appearance=secondary],[tuiWrapper][data-appearance=flat]{background:var(--tui-secondary);color:var(--tui-link)}@media (hover: hover){[tuiWrapper][data-appearance=secondary]:hover:not(._no-hover),[tuiWrapper][data-appearance=flat]:hover:not(._no-hover){background:var(--tui-secondary-hover)}}[tuiWrapper][data-appearance=secondary]:active:not(._no-active),[tuiWrapper][data-appearance=flat]:active:not(._no-active){background:var(--tui-secondary-active)}[tuiWrapper][data-appearance=secondary]:invalid:invalid,[tuiWrapper][data-appearance=flat]:invalid:invalid{color:var(--tui-negative);background:var(--tui-error-bg)}@media (hover: hover){[tuiWrapper][data-appearance=secondary]:invalid:invalid:hover:not(._no-hover),[tuiWrapper][data-appearance=flat]:invalid:invalid:hover:not(._no-hover){background:var(--tui-error-bg-hover)}}:focus-visible:not([data-focused=false])>[tuiWrapper][data-appearance=secondary]:invalid:invalid,:focus-visible:not([data-focused=false])>[tuiWrapper][data-appearance=flat]:invalid:invalid{--tui-focus: var(--tui-negative)}[tuiWrapper][data-appearance=secondary]:invalid:invalid:focus-visible:focus-visible,[tuiWrapper][data-appearance=flat]:invalid:invalid:focus-visible:focus-visible{--tui-focus: var(--tui-negative)}[tuiWrapper][data-appearance=flat]{background:transparent}[tuiWrapper][data-appearance=textfield]{transition-property:box-shadow,background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;background:var(--tui-base-01);color:var(--tui-text-01);box-shadow:0 .125rem .1875rem #0000001a}[tuiWrapper][data-appearance=textfield][data-appearance=textfield]:after{transition-property:color;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;color:var(--tui-base-03)}@media (hover: hover){[tuiWrapper][data-appearance=textfield]:hover:not(._no-hover){box-shadow:0 .125rem .3125rem #00000029}}:focus-visible:not([data-focused=false])>[tuiWrapper][data-appearance=textfield]{box-shadow:none}:focus-visible:not([data-focused=false])>[tuiWrapper][data-appearance=textfield]:after{--tui-focus: var(--tui-primary)}[tuiWrapper][data-appearance=textfield]:focus-visible:focus-visible{box-shadow:none}[tuiWrapper][data-appearance=textfield]:focus-visible:focus-visible:after{--tui-focus: var(--tui-primary)}[tuiWrapper][data-appearance=textfield]:disabled:disabled{box-shadow:none}[tuiWrapper][data-appearance=textfield]:invalid:invalid:after{color:var(--tui-error-fill);--tui-focus: var(--tui-error-fill)}[tuiWrapper]{transition-property:color,background,opacity;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:relative;display:block;height:100%;width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:inherit}[tuiWrapper]:after{transition-property:box-shadow,color;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:absolute;top:0;left:0;bottom:0;right:0;content:"";border-radius:inherit;border:1px solid currentColor;pointer-events:none;color:transparent}:focus-visible:not([data-focused=false])>[tuiWrapper]:after{border-width:2px;color:var(--tui-focus)}[tuiWrapper]:focus-visible:focus-visible:after{border-width:2px;color:var(--tui-focus)}[tuiWrapper]:disabled:disabled{pointer-events:none;opacity:var(--tui-disabled-opacity)}@supports (-webkit-hyphens: none){:focus-visible [tuiWrapper],[tuiWrapper]:focus-visible{--tui-focus: transparent !important}}tui-primitive-calendar [data-type=weekday]{color:var(--tui-text-01)}tui-primitive-calendar [data-type=weekend]{color:var(--tui-negative)} + -

Dozens of
components

Angular
Open source
December
Mon
Tue
Wed
Thu
Fri
Sat
Sun
27
28
29
30
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
1
2
3
4
5
6
7
+

Dozens of
components

Angular
Open source
December
Mon
Tue
Wed
Thu
Fri
Sat
Sun
27
28
29
30
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
1
2
3
4
5
6
7
\ No newline at end of file