@viraui/react 0.0.16 → 0.0.17
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/catalog.json +6 -0
- package/dist/components/avatar/avatar.css +1 -55
- package/dist/components/avatar/avatar.d.ts +1 -2
- package/dist/components/avatar/avatar.js +49 -14
- package/dist/components/avatar/avatar.module.js +7 -0
- package/dist/components/avatar/index.d.ts +2 -2
- package/dist/components/basic-input/basic-input.css +1 -45
- package/dist/components/basic-input/basic-input.d.ts +0 -1
- package/dist/components/basic-input/basic-input.js +24 -13
- package/dist/components/basic-input/basic-input.module.js +3 -0
- package/dist/components/basic-input/field-helper-copy.d.ts +2 -1
- package/dist/components/basic-input/field-helper-copy.js +43 -24
- package/dist/components/basic-input/field-label.css +1 -0
- package/dist/components/basic-input/field-label.d.ts +10 -0
- package/dist/components/basic-input/field-label.js +24 -0
- package/dist/components/basic-input/field-label.module.js +3 -0
- package/dist/components/basic-input/index.d.ts +7 -2
- package/dist/components/basic-input/input-control-group.d.ts +2 -0
- package/dist/components/basic-input/input-control-group.js +40 -7
- package/dist/components/button/button.css +1 -157
- package/dist/components/button/button.d.ts +2 -3
- package/dist/components/button/button.js +100 -55
- package/dist/components/button/button.module.js +7 -0
- package/dist/components/button/index.d.ts +2 -2
- package/dist/components/checkbox/checkbox.css +1 -0
- package/dist/components/checkbox/checkbox.d.ts +65 -0
- package/dist/components/checkbox/checkbox.guide.json +22 -0
- package/dist/components/checkbox/checkbox.js +73 -0
- package/dist/components/checkbox/checkbox.module.js +10 -0
- package/dist/components/checkbox/index.d.ts +2 -0
- package/dist/components/clamp-text/clamp-text.css +1 -12
- package/dist/components/clamp-text/clamp-text.d.ts +1 -2
- package/dist/components/clamp-text/clamp-text.js +27 -22
- package/dist/components/clamp-text/clamp-text.module.js +3 -0
- package/dist/components/clamp-text/index.d.ts +2 -2
- package/dist/components/elevator/elevator.d.ts +5 -5
- package/dist/components/elevator/elevator.js +27 -27
- package/dist/components/elevator/index.d.ts +2 -2
- package/dist/components/icon/icon.css +1 -7
- package/dist/components/icon/icon.d.ts +2 -3
- package/dist/components/icon/icon.js +18 -9
- package/dist/components/icon/icon.module.js +3 -0
- package/dist/components/icon/index.d.ts +2 -2
- package/dist/components/icon-button/icon-button.d.ts +2 -2
- package/dist/components/icon-button/icon-button.js +10 -3
- package/dist/components/icon-button/index.d.ts +2 -2
- package/dist/components/index.d.ts +18 -17
- package/dist/components/select/index.d.ts +2 -2
- package/dist/components/select/select-group.d.ts +1 -1
- package/dist/components/select/select-group.js +37 -9
- package/dist/components/select/select-indicator-slot.js +33 -10
- package/dist/components/select/select-option.d.ts +1 -1
- package/dist/components/select/select-option.js +40 -10
- package/dist/components/select/select-separator.js +14 -6
- package/dist/components/select/select.css +1 -193
- package/dist/components/select/select.d.ts +10 -11
- package/dist/components/select/select.js +156 -32
- package/dist/components/select/select.module.js +19 -0
- package/dist/components/skeleton/index.d.ts +2 -2
- package/dist/components/skeleton/skeleton.css +1 -36
- package/dist/components/skeleton/skeleton.d.ts +2 -3
- package/dist/components/skeleton/skeleton.js +26 -15
- package/dist/components/skeleton/skeleton.module.js +6 -0
- package/dist/components/slider/index.d.ts +2 -2
- package/dist/components/slider/slider-control.d.ts +1 -2
- package/dist/components/slider/slider-control.js +43 -19
- package/dist/components/slider/slider-utils.js +6 -3
- package/dist/components/slider/slider.css +1 -64
- package/dist/components/slider/slider.d.ts +5 -8
- package/dist/components/slider/slider.js +83 -17
- package/dist/components/slider/slider.module.js +12 -0
- package/dist/components/spinner/index.d.ts +2 -2
- package/dist/components/spinner/spinner.css +1 -45
- package/dist/components/spinner/spinner.d.ts +1 -2
- package/dist/components/spinner/spinner.js +29 -6
- package/dist/components/spinner/spinner.module.js +7 -0
- package/dist/components/stack/index.d.ts +2 -2
- package/dist/components/stack/stack.css +1 -57
- package/dist/components/stack/stack.d.ts +2 -3
- package/dist/components/stack/stack.js +40 -36
- package/dist/components/stack/stack.module.js +3 -0
- package/dist/components/surface/index.d.ts +2 -2
- package/dist/components/surface/surface.css +1 -70
- package/dist/components/surface/surface.d.ts +10 -6
- package/dist/components/surface/surface.js +43 -40
- package/dist/components/surface/surface.module.js +6 -0
- package/dist/components/switch/index.d.ts +2 -2
- package/dist/components/switch/switch.css +1 -73
- package/dist/components/switch/switch.d.ts +17 -5
- package/dist/components/switch/switch.js +59 -13
- package/dist/components/switch/switch.module.js +7 -0
- package/dist/components/text/index.d.ts +2 -2
- package/dist/components/text/text.css +1 -145
- package/dist/components/text/text.d.ts +8 -3
- package/dist/components/text/text.js +46 -41
- package/dist/components/text/text.module.js +3 -0
- package/dist/components/textarea/index.d.ts +2 -2
- package/dist/components/textarea/textarea.css +1 -45
- package/dist/components/textarea/textarea.d.ts +3 -4
- package/dist/components/textarea/textarea.js +51 -11
- package/dist/components/textarea/textarea.module.js +7 -0
- package/dist/components/textfield/index.d.ts +2 -2
- package/dist/components/textfield/textfield.css +1 -87
- package/dist/components/textfield/textfield.d.ts +3 -4
- package/dist/components/textfield/textfield.js +58 -12
- package/dist/components/textfield/textfield.module.js +9 -0
- package/dist/components/title/index.d.ts +2 -2
- package/dist/components/title/title.css +1 -137
- package/dist/components/title/title.d.ts +8 -3
- package/dist/components/title/title.js +44 -39
- package/dist/components/title/title.module.js +3 -0
- package/dist/consumption.json +6 -2
- package/dist/core/elevation/elevation-types.js +6 -3
- package/dist/core/elevation/get-elevation-props.d.ts +1 -1
- package/dist/core/elevation/get-elevation-props.js +14 -11
- package/dist/core/props/intrinsic-vira-props.js +12 -9
- package/dist/core/styles/resolve-axis-padding.d.ts +1 -1
- package/dist/core/styles/resolve-axis-padding.js +15 -16
- package/dist/core/theme/resolve-theme-value.d.ts +1 -1
- package/dist/core/theme/resolve-theme-value.js +7 -6
- package/dist/index.d.ts +2 -2
- package/dist/index.js +21 -1
- package/dist/internal-icons/icon-registry.d.ts +242 -239
- package/dist/internal-icons/icon-registry.js +247 -238
- package/dist/internal-icons/icons/duo/Magnifier.d.ts +7 -0
- package/dist/internal-icons/icons/duo/Magnifier.js +13 -0
- package/dist/internal-icons/icons/duo/Minus.d.ts +7 -0
- package/dist/internal-icons/icons/duo/Minus.js +13 -0
- package/dist/internal-icons/icons/duo/Plus.d.ts +7 -0
- package/dist/internal-icons/icons/duo/Plus.js +13 -0
- package/dist/internal-icons/icons/duo/index.d.ts +241 -238
- package/dist/internal-icons/icons/duo/index.js +241 -238
- package/dist/preflight.css +1 -1
- package/package.json +10 -9
- package/dist/components/avatar/index.js +0 -1
- package/dist/components/basic-input/index.js +0 -1
- package/dist/components/button/index.js +0 -1
- package/dist/components/clamp-text/index.js +0 -1
- package/dist/components/elevator/index.js +0 -1
- package/dist/components/icon/index.js +0 -1
- package/dist/components/icon-button/index.js +0 -1
- package/dist/components/index.js +0 -17
- package/dist/components/select/index.js +0 -1
- package/dist/components/skeleton/index.js +0 -1
- package/dist/components/slider/index.js +0 -1
- package/dist/components/slider/slider-control.css +0 -71
- package/dist/components/spinner/index.js +0 -1
- package/dist/components/stack/index.js +0 -1
- package/dist/components/surface/index.js +0 -1
- package/dist/components/switch/index.js +0 -1
- package/dist/components/text/index.js +0 -1
- package/dist/components/textarea/index.js +0 -1
- package/dist/components/textfield/index.js +0 -1
- package/dist/components/title/index.js +0 -1
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { ClampText } from './clamp-text.js';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { ELEVATION_DEFAULTS, Elevator, getElevationProps } from './elevator.js';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { Icon } from './icon.js';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { IconButton } from './icon-button.js';
|
package/dist/components/index.js
DELETED
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
export * from './avatar/index.js';
|
|
2
|
-
export * from './clamp-text/index.js';
|
|
3
|
-
export * from './elevator/index.js';
|
|
4
|
-
export * from './button/index.js';
|
|
5
|
-
export * from './icon-button/index.js';
|
|
6
|
-
export * from './textfield/index.js';
|
|
7
|
-
export * from './textarea/index.js';
|
|
8
|
-
export * from './slider/index.js';
|
|
9
|
-
export * from './switch/index.js';
|
|
10
|
-
export * from './select/index.js';
|
|
11
|
-
export * from './icon/index.js';
|
|
12
|
-
export * from './skeleton/index.js';
|
|
13
|
-
export * from './stack/index.js';
|
|
14
|
-
export * from './surface/index.js';
|
|
15
|
-
export * from './spinner/index.js';
|
|
16
|
-
export * from './text/index.js';
|
|
17
|
-
export * from './title/index.js';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { Select } from './select.js';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { Skeleton } from './skeleton.js';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { Slider } from './slider.js';
|
|
@@ -1,71 +0,0 @@
|
|
|
1
|
-
@scope (.SliderControl) {
|
|
2
|
-
:scope {
|
|
3
|
-
position: relative;
|
|
4
|
-
flex: 1 1 auto;
|
|
5
|
-
min-inline-size: 0;
|
|
6
|
-
min-block-size: 0;
|
|
7
|
-
inline-size: 100%;
|
|
8
|
-
block-size: var(--slider-track-size);
|
|
9
|
-
touch-action: none;
|
|
10
|
-
user-select: none;
|
|
11
|
-
|
|
12
|
-
&[data-orientation='vertical'] {
|
|
13
|
-
inline-size: var(--slider-track-size);
|
|
14
|
-
block-size: 100%;
|
|
15
|
-
|
|
16
|
-
> .Track {
|
|
17
|
-
inline-size: var(--slider-track-size);
|
|
18
|
-
block-size: 100%;
|
|
19
|
-
}
|
|
20
|
-
}
|
|
21
|
-
|
|
22
|
-
> .Track {
|
|
23
|
-
position: relative;
|
|
24
|
-
overflow: visible;
|
|
25
|
-
inline-size: 100%;
|
|
26
|
-
block-size: var(--slider-track-size);
|
|
27
|
-
border-radius: var(--radius-infinite);
|
|
28
|
-
background: var(--slider-track-background);
|
|
29
|
-
|
|
30
|
-
> .Indicator {
|
|
31
|
-
border-radius: inherit;
|
|
32
|
-
background: var(--slider-progress-background);
|
|
33
|
-
}
|
|
34
|
-
|
|
35
|
-
> .Thumb {
|
|
36
|
-
box-sizing: border-box;
|
|
37
|
-
inline-size: var(--slider-thumb-size);
|
|
38
|
-
block-size: calc(var(--slider-thumb-size) / 1.5);
|
|
39
|
-
border-radius: var(--radius-x-small);
|
|
40
|
-
background: var(--slider-thumb-background);
|
|
41
|
-
border: 2px solid var(--slider-progress-background);
|
|
42
|
-
appearance: none;
|
|
43
|
-
transition: scale var(--easing-elastic) var(--duration-slow);
|
|
44
|
-
|
|
45
|
-
&:not(:disabled, [data-disabled]) {
|
|
46
|
-
cursor: grab;
|
|
47
|
-
}
|
|
48
|
-
|
|
49
|
-
/* Active drag: scale thumb and grabbing cursor when enabled and pressed or dragging */
|
|
50
|
-
&:not(:disabled, [data-disabled]):active,
|
|
51
|
-
&:not(:disabled, [data-disabled]):has(> input:active),
|
|
52
|
-
&:not(:disabled, [data-disabled])[data-dragging]:has(> input:focus) {
|
|
53
|
-
scale: 1.2;
|
|
54
|
-
cursor: grabbing;
|
|
55
|
-
}
|
|
56
|
-
|
|
57
|
-
/* Focus: draw outline on Thumb wrapper; native input outline removed below */
|
|
58
|
-
&:has(> input:focus-visible) {
|
|
59
|
-
outline: 2px solid var(--global-foreground);
|
|
60
|
-
outline-offset: 2px;
|
|
61
|
-
z-index: 1;
|
|
62
|
-
}
|
|
63
|
-
|
|
64
|
-
/* Suppress duplicate focus ring on the range input inside Thumb */
|
|
65
|
-
& > input:focus-visible {
|
|
66
|
-
outline: none;
|
|
67
|
-
}
|
|
68
|
-
}
|
|
69
|
-
}
|
|
70
|
-
}
|
|
71
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { Spinner } from './spinner.js';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { Stack } from './stack.js';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { Surface } from './surface.js';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { Switch } from './switch.js';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { Text } from './text.js';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { Textarea } from './textarea.js';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { Textfield } from './textfield.js';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { Title } from './title.js';
|