@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.
Files changed (154) hide show
  1. package/dist/catalog.json +6 -0
  2. package/dist/components/avatar/avatar.css +1 -55
  3. package/dist/components/avatar/avatar.d.ts +1 -2
  4. package/dist/components/avatar/avatar.js +49 -14
  5. package/dist/components/avatar/avatar.module.js +7 -0
  6. package/dist/components/avatar/index.d.ts +2 -2
  7. package/dist/components/basic-input/basic-input.css +1 -45
  8. package/dist/components/basic-input/basic-input.d.ts +0 -1
  9. package/dist/components/basic-input/basic-input.js +24 -13
  10. package/dist/components/basic-input/basic-input.module.js +3 -0
  11. package/dist/components/basic-input/field-helper-copy.d.ts +2 -1
  12. package/dist/components/basic-input/field-helper-copy.js +43 -24
  13. package/dist/components/basic-input/field-label.css +1 -0
  14. package/dist/components/basic-input/field-label.d.ts +10 -0
  15. package/dist/components/basic-input/field-label.js +24 -0
  16. package/dist/components/basic-input/field-label.module.js +3 -0
  17. package/dist/components/basic-input/index.d.ts +7 -2
  18. package/dist/components/basic-input/input-control-group.d.ts +2 -0
  19. package/dist/components/basic-input/input-control-group.js +40 -7
  20. package/dist/components/button/button.css +1 -157
  21. package/dist/components/button/button.d.ts +2 -3
  22. package/dist/components/button/button.js +100 -55
  23. package/dist/components/button/button.module.js +7 -0
  24. package/dist/components/button/index.d.ts +2 -2
  25. package/dist/components/checkbox/checkbox.css +1 -0
  26. package/dist/components/checkbox/checkbox.d.ts +65 -0
  27. package/dist/components/checkbox/checkbox.guide.json +22 -0
  28. package/dist/components/checkbox/checkbox.js +73 -0
  29. package/dist/components/checkbox/checkbox.module.js +10 -0
  30. package/dist/components/checkbox/index.d.ts +2 -0
  31. package/dist/components/clamp-text/clamp-text.css +1 -12
  32. package/dist/components/clamp-text/clamp-text.d.ts +1 -2
  33. package/dist/components/clamp-text/clamp-text.js +27 -22
  34. package/dist/components/clamp-text/clamp-text.module.js +3 -0
  35. package/dist/components/clamp-text/index.d.ts +2 -2
  36. package/dist/components/elevator/elevator.d.ts +5 -5
  37. package/dist/components/elevator/elevator.js +27 -27
  38. package/dist/components/elevator/index.d.ts +2 -2
  39. package/dist/components/icon/icon.css +1 -7
  40. package/dist/components/icon/icon.d.ts +2 -3
  41. package/dist/components/icon/icon.js +18 -9
  42. package/dist/components/icon/icon.module.js +3 -0
  43. package/dist/components/icon/index.d.ts +2 -2
  44. package/dist/components/icon-button/icon-button.d.ts +2 -2
  45. package/dist/components/icon-button/icon-button.js +10 -3
  46. package/dist/components/icon-button/index.d.ts +2 -2
  47. package/dist/components/index.d.ts +18 -17
  48. package/dist/components/select/index.d.ts +2 -2
  49. package/dist/components/select/select-group.d.ts +1 -1
  50. package/dist/components/select/select-group.js +37 -9
  51. package/dist/components/select/select-indicator-slot.js +33 -10
  52. package/dist/components/select/select-option.d.ts +1 -1
  53. package/dist/components/select/select-option.js +40 -10
  54. package/dist/components/select/select-separator.js +14 -6
  55. package/dist/components/select/select.css +1 -193
  56. package/dist/components/select/select.d.ts +10 -11
  57. package/dist/components/select/select.js +156 -32
  58. package/dist/components/select/select.module.js +19 -0
  59. package/dist/components/skeleton/index.d.ts +2 -2
  60. package/dist/components/skeleton/skeleton.css +1 -36
  61. package/dist/components/skeleton/skeleton.d.ts +2 -3
  62. package/dist/components/skeleton/skeleton.js +26 -15
  63. package/dist/components/skeleton/skeleton.module.js +6 -0
  64. package/dist/components/slider/index.d.ts +2 -2
  65. package/dist/components/slider/slider-control.d.ts +1 -2
  66. package/dist/components/slider/slider-control.js +43 -19
  67. package/dist/components/slider/slider-utils.js +6 -3
  68. package/dist/components/slider/slider.css +1 -64
  69. package/dist/components/slider/slider.d.ts +5 -8
  70. package/dist/components/slider/slider.js +83 -17
  71. package/dist/components/slider/slider.module.js +12 -0
  72. package/dist/components/spinner/index.d.ts +2 -2
  73. package/dist/components/spinner/spinner.css +1 -45
  74. package/dist/components/spinner/spinner.d.ts +1 -2
  75. package/dist/components/spinner/spinner.js +29 -6
  76. package/dist/components/spinner/spinner.module.js +7 -0
  77. package/dist/components/stack/index.d.ts +2 -2
  78. package/dist/components/stack/stack.css +1 -57
  79. package/dist/components/stack/stack.d.ts +2 -3
  80. package/dist/components/stack/stack.js +40 -36
  81. package/dist/components/stack/stack.module.js +3 -0
  82. package/dist/components/surface/index.d.ts +2 -2
  83. package/dist/components/surface/surface.css +1 -70
  84. package/dist/components/surface/surface.d.ts +10 -6
  85. package/dist/components/surface/surface.js +43 -40
  86. package/dist/components/surface/surface.module.js +6 -0
  87. package/dist/components/switch/index.d.ts +2 -2
  88. package/dist/components/switch/switch.css +1 -73
  89. package/dist/components/switch/switch.d.ts +17 -5
  90. package/dist/components/switch/switch.js +59 -13
  91. package/dist/components/switch/switch.module.js +7 -0
  92. package/dist/components/text/index.d.ts +2 -2
  93. package/dist/components/text/text.css +1 -145
  94. package/dist/components/text/text.d.ts +8 -3
  95. package/dist/components/text/text.js +46 -41
  96. package/dist/components/text/text.module.js +3 -0
  97. package/dist/components/textarea/index.d.ts +2 -2
  98. package/dist/components/textarea/textarea.css +1 -45
  99. package/dist/components/textarea/textarea.d.ts +3 -4
  100. package/dist/components/textarea/textarea.js +51 -11
  101. package/dist/components/textarea/textarea.module.js +7 -0
  102. package/dist/components/textfield/index.d.ts +2 -2
  103. package/dist/components/textfield/textfield.css +1 -87
  104. package/dist/components/textfield/textfield.d.ts +3 -4
  105. package/dist/components/textfield/textfield.js +58 -12
  106. package/dist/components/textfield/textfield.module.js +9 -0
  107. package/dist/components/title/index.d.ts +2 -2
  108. package/dist/components/title/title.css +1 -137
  109. package/dist/components/title/title.d.ts +8 -3
  110. package/dist/components/title/title.js +44 -39
  111. package/dist/components/title/title.module.js +3 -0
  112. package/dist/consumption.json +6 -2
  113. package/dist/core/elevation/elevation-types.js +6 -3
  114. package/dist/core/elevation/get-elevation-props.d.ts +1 -1
  115. package/dist/core/elevation/get-elevation-props.js +14 -11
  116. package/dist/core/props/intrinsic-vira-props.js +12 -9
  117. package/dist/core/styles/resolve-axis-padding.d.ts +1 -1
  118. package/dist/core/styles/resolve-axis-padding.js +15 -16
  119. package/dist/core/theme/resolve-theme-value.d.ts +1 -1
  120. package/dist/core/theme/resolve-theme-value.js +7 -6
  121. package/dist/index.d.ts +2 -2
  122. package/dist/index.js +21 -1
  123. package/dist/internal-icons/icon-registry.d.ts +242 -239
  124. package/dist/internal-icons/icon-registry.js +247 -238
  125. package/dist/internal-icons/icons/duo/Magnifier.d.ts +7 -0
  126. package/dist/internal-icons/icons/duo/Magnifier.js +13 -0
  127. package/dist/internal-icons/icons/duo/Minus.d.ts +7 -0
  128. package/dist/internal-icons/icons/duo/Minus.js +13 -0
  129. package/dist/internal-icons/icons/duo/Plus.d.ts +7 -0
  130. package/dist/internal-icons/icons/duo/Plus.js +13 -0
  131. package/dist/internal-icons/icons/duo/index.d.ts +241 -238
  132. package/dist/internal-icons/icons/duo/index.js +241 -238
  133. package/dist/preflight.css +1 -1
  134. package/package.json +10 -9
  135. package/dist/components/avatar/index.js +0 -1
  136. package/dist/components/basic-input/index.js +0 -1
  137. package/dist/components/button/index.js +0 -1
  138. package/dist/components/clamp-text/index.js +0 -1
  139. package/dist/components/elevator/index.js +0 -1
  140. package/dist/components/icon/index.js +0 -1
  141. package/dist/components/icon-button/index.js +0 -1
  142. package/dist/components/index.js +0 -17
  143. package/dist/components/select/index.js +0 -1
  144. package/dist/components/skeleton/index.js +0 -1
  145. package/dist/components/slider/index.js +0 -1
  146. package/dist/components/slider/slider-control.css +0 -71
  147. package/dist/components/spinner/index.js +0 -1
  148. package/dist/components/stack/index.js +0 -1
  149. package/dist/components/surface/index.js +0 -1
  150. package/dist/components/switch/index.js +0 -1
  151. package/dist/components/text/index.js +0 -1
  152. package/dist/components/textarea/index.js +0 -1
  153. package/dist/components/textfield/index.js +0 -1
  154. 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';
@@ -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';