@bspk/ui 1.3.4 → 1.3.6

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 (185) hide show
  1. package/dist/components/Avatar/Avatar.d.ts +3 -3
  2. package/dist/components/Avatar/Avatar.js +8 -8
  3. package/dist/components/Avatar/Avatar.js.map +1 -1
  4. package/dist/components/Avatar/AvatarExample.js +1 -1
  5. package/dist/components/Avatar/AvatarExample.js.map +1 -1
  6. package/dist/components/Avatar/avatar.css +5 -1
  7. package/dist/components/Avatar/avatar.css.js +5 -1
  8. package/dist/components/AvatarGroup/AvatarGroup.d.ts +11 -6
  9. package/dist/components/AvatarGroup/AvatarGroup.js +5 -6
  10. package/dist/components/AvatarGroup/AvatarGroup.js.map +1 -1
  11. package/dist/components/AvatarGroup/AvatarGroupExample.js +36 -9
  12. package/dist/components/AvatarGroup/AvatarGroupExample.js.map +1 -1
  13. package/dist/components/AvatarGroup/Overflow.d.ts +11 -0
  14. package/dist/components/AvatarGroup/Overflow.js +37 -0
  15. package/dist/components/AvatarGroup/Overflow.js.map +1 -0
  16. package/dist/components/AvatarGroup/avatar-group.css +27 -13
  17. package/dist/components/AvatarGroup/avatar-group.css.js +27 -13
  18. package/dist/components/Badge/BadgeExample.js +1 -1
  19. package/dist/components/Badge/BadgeExample.js.map +1 -1
  20. package/dist/components/BadgeDot/BadgeDotExample.js +1 -1
  21. package/dist/components/BadgeDot/BadgeDotExample.js.map +1 -1
  22. package/dist/components/Button/Button.d.ts +2 -2
  23. package/dist/components/Card/Card.d.ts +2 -1
  24. package/dist/components/Card/Card.js +2 -2
  25. package/dist/components/Card/Card.js.map +1 -1
  26. package/dist/components/Checkbox/Checkbox.d.ts +2 -2
  27. package/dist/components/Checkbox/Checkbox.js +2 -2
  28. package/dist/components/Checkbox/Checkbox.js.map +1 -1
  29. package/dist/components/CheckboxGroup/CheckboxGroup.d.ts +5 -5
  30. package/dist/components/CheckboxGroup/CheckboxGroup.js +7 -8
  31. package/dist/components/CheckboxGroup/CheckboxGroup.js.map +1 -1
  32. package/dist/components/CheckboxGroupField/CheckboxGroupField.d.ts +1 -1
  33. package/dist/components/CheckboxGroupField/CheckboxGroupField.js +2 -2
  34. package/dist/components/CheckboxGroupField/CheckboxGroupField.js.map +1 -1
  35. package/dist/components/CheckboxOption/CheckboxOption.d.ts +3 -2
  36. package/dist/components/CheckboxOption/CheckboxOption.js +2 -2
  37. package/dist/components/CheckboxOption/CheckboxOption.js.map +1 -1
  38. package/dist/components/DatePickerField/DatePickerField.d.ts +1 -1
  39. package/dist/components/DatePickerField/DatePickerField.js +2 -2
  40. package/dist/components/DatePickerField/DatePickerField.js.map +1 -1
  41. package/dist/components/Fab/Fab.d.ts +2 -2
  42. package/dist/components/Fab/Fab.js.map +1 -1
  43. package/dist/components/Field/utils.d.ts +1 -1
  44. package/dist/components/FormField/FormField.d.ts +3 -2
  45. package/dist/components/FormField/FormField.js +2 -2
  46. package/dist/components/FormField/FormField.js.map +1 -1
  47. package/dist/components/InputField/InputField.d.ts +1 -1
  48. package/dist/components/InputField/InputField.js +2 -2
  49. package/dist/components/InputField/InputField.js.map +1 -1
  50. package/dist/components/InputNumberField/InputNumberField.d.ts +1 -1
  51. package/dist/components/InputNumberField/InputNumberField.js +2 -2
  52. package/dist/components/InputNumberField/InputNumberField.js.map +1 -1
  53. package/dist/components/InputPhoneField/InputPhoneField.d.ts +1 -1
  54. package/dist/components/InputPhoneField/InputPhoneField.js +2 -2
  55. package/dist/components/InputPhoneField/InputPhoneField.js.map +1 -1
  56. package/dist/components/Layout/Layout.d.ts +2 -2
  57. package/dist/components/Layout/Layout.js.map +1 -1
  58. package/dist/components/ListItem/ListItem.d.ts +1 -1
  59. package/dist/components/Menu/Menu.d.ts +8 -1
  60. package/dist/components/Menu/Menu.js +1 -1
  61. package/dist/components/Menu/Menu.js.map +1 -1
  62. package/dist/components/Menu/MenuExample.js +1 -1
  63. package/dist/components/Menu/MenuExample.js.map +1 -1
  64. package/dist/components/PasswordField/PasswordField.d.ts +1 -1
  65. package/dist/components/PasswordField/PasswordField.js +2 -2
  66. package/dist/components/PasswordField/PasswordField.js.map +1 -1
  67. package/dist/components/ProgressCircle/progress-circle.css +2 -0
  68. package/dist/components/ProgressCircle/progress-circle.css.js +2 -0
  69. package/dist/components/RadioGroup/RadioGroup.d.ts +1 -1
  70. package/dist/components/RadioGroup/RadioGroup.js +4 -5
  71. package/dist/components/RadioGroup/RadioGroup.js.map +1 -1
  72. package/dist/components/RadioGroupField/RadioGroupField.d.ts +1 -1
  73. package/dist/components/RadioGroupField/RadioGroupField.js +2 -2
  74. package/dist/components/RadioGroupField/RadioGroupField.js.map +1 -1
  75. package/dist/components/SearchBar/SearchBar.d.ts +2 -2
  76. package/dist/components/SearchBar/SearchBar.js +2 -2
  77. package/dist/components/SearchBar/SearchBar.js.map +1 -1
  78. package/dist/components/Select/Select.d.ts +9 -2
  79. package/dist/components/Select/Select.js +4 -3
  80. package/dist/components/Select/Select.js.map +1 -1
  81. package/dist/components/Select/SelectExample.js +36 -1
  82. package/dist/components/Select/SelectExample.js.map +1 -1
  83. package/dist/components/SelectField/SelectField.d.ts +1 -1
  84. package/dist/components/SelectField/SelectField.js +2 -2
  85. package/dist/components/SelectField/SelectField.js.map +1 -1
  86. package/dist/components/SkeletonText/SkeletonText.js +1 -1
  87. package/dist/components/SkeletonText/SkeletonText.js.map +1 -1
  88. package/dist/components/Slider/slider.css +1 -0
  89. package/dist/components/Slider/slider.css.js +1 -0
  90. package/dist/components/Switch/Switch.d.ts +1 -7
  91. package/dist/components/Switch/Switch.js +1 -2
  92. package/dist/components/Switch/Switch.js.map +1 -1
  93. package/dist/components/Textarea/Textarea.d.ts +3 -9
  94. package/dist/components/Textarea/Textarea.js +2 -2
  95. package/dist/components/Textarea/Textarea.js.map +1 -1
  96. package/dist/components/TextareaField/TextareaField.d.ts +1 -1
  97. package/dist/components/TextareaField/TextareaField.js +2 -2
  98. package/dist/components/TextareaField/TextareaField.js.map +1 -1
  99. package/dist/components/TimePicker/TimePicker.js +10 -4
  100. package/dist/components/TimePicker/TimePicker.js.map +1 -1
  101. package/dist/components/TimePickerField/TimePickerField.d.ts +1 -1
  102. package/dist/components/TimePickerField/TimePickerField.js +2 -2
  103. package/dist/components/TimePickerField/TimePickerField.js.map +1 -1
  104. package/dist/components/ToggleOption/ToggleOption.d.ts +3 -3
  105. package/dist/components/ToggleOption/ToggleOption.js +2 -2
  106. package/dist/components/ToggleOption/ToggleOption.js.map +1 -1
  107. package/dist/components/Truncated/Truncated.d.ts +2 -2
  108. package/dist/components/Truncated/Truncated.js.map +1 -1
  109. package/dist/components/Txt/Txt.d.ts +2 -2
  110. package/dist/components/Txt/Txt.js.map +1 -1
  111. package/dist/hooks/useArrowNavigation.d.ts +0 -2
  112. package/dist/hooks/useArrowNavigation.js +0 -2
  113. package/dist/hooks/useArrowNavigation.js.map +1 -1
  114. package/dist/hooks/useCheckboxGroupState.d.ts +7 -10
  115. package/dist/hooks/useCheckboxGroupState.js +7 -10
  116. package/dist/hooks/useCheckboxGroupState.js.map +1 -1
  117. package/dist/hooks/useFloating.js +8 -7
  118. package/dist/hooks/useFloating.js.map +1 -1
  119. package/dist/styles/base.css +4 -0
  120. package/dist/styles/base.css.js +4 -0
  121. package/dist/types/common.d.ts +12 -1
  122. package/dist/types/common.js.map +1 -1
  123. package/meta.ts +4 -4
  124. package/package.json +1 -3
  125. package/src/components/Avatar/Avatar.tsx +10 -11
  126. package/src/components/Avatar/AvatarExample.tsx +1 -1
  127. package/src/components/Avatar/avatar.scss +6 -1
  128. package/src/components/AvatarGroup/AvatarGroup.tsx +20 -24
  129. package/src/components/AvatarGroup/AvatarGroupExample.tsx +35 -9
  130. package/src/components/AvatarGroup/Overflow.tsx +91 -0
  131. package/src/components/AvatarGroup/avatar-group.scss +34 -14
  132. package/src/components/Badge/BadgeExample.tsx +1 -1
  133. package/src/components/BadgeDot/BadgeDotExample.tsx +1 -1
  134. package/src/components/Button/Button.tsx +2 -2
  135. package/src/components/Card/Card.tsx +3 -2
  136. package/src/components/Checkbox/Checkbox.tsx +3 -8
  137. package/src/components/CheckboxGroup/CheckboxGroup.tsx +5 -10
  138. package/src/components/CheckboxGroupField/CheckboxGroupField.tsx +3 -2
  139. package/src/components/CheckboxOption/CheckboxOption.tsx +5 -4
  140. package/src/components/DatePickerField/DatePickerField.tsx +8 -1
  141. package/src/components/Fab/Fab.tsx +2 -2
  142. package/src/components/Field/utils.ts +1 -1
  143. package/src/components/FormField/FormField.tsx +13 -3
  144. package/src/components/InputField/InputField.tsx +15 -2
  145. package/src/components/InputNumberField/InputNumberField.tsx +8 -1
  146. package/src/components/InputPhoneField/InputPhoneField.tsx +8 -1
  147. package/src/components/Layout/Layout.tsx +2 -2
  148. package/src/components/ListItem/ListItem.tsx +1 -1
  149. package/src/components/Menu/Menu.tsx +9 -1
  150. package/src/components/Menu/MenuExample.tsx +1 -1
  151. package/src/components/PasswordField/PasswordField.tsx +15 -2
  152. package/src/components/ProgressCircle/progress-circle.scss +2 -0
  153. package/src/components/RadioGroup/RadioGroup.tsx +18 -22
  154. package/src/components/RadioGroupField/RadioGroupField.tsx +2 -1
  155. package/src/components/SearchBar/SearchBar.tsx +3 -1
  156. package/src/components/Select/Select.tsx +12 -3
  157. package/src/components/Select/SelectExample.tsx +36 -1
  158. package/src/components/SelectField/SelectField.tsx +15 -2
  159. package/src/components/SkeletonText/SkeletonText.tsx +1 -1
  160. package/src/components/Slider/slider.scss +1 -0
  161. package/src/components/Switch/Switch.tsx +1 -9
  162. package/src/components/Textarea/Textarea.tsx +34 -39
  163. package/src/components/TextareaField/TextareaField.tsx +15 -2
  164. package/src/components/TimePicker/TimePicker.tsx +13 -3
  165. package/src/components/TimePickerField/TimePickerField.tsx +8 -1
  166. package/src/components/ToggleOption/ToggleOption.tsx +20 -19
  167. package/src/components/Truncated/Truncated.tsx +2 -2
  168. package/src/components/Txt/Txt.tsx +2 -2
  169. package/src/hooks/useArrowNavigation.ts +0 -2
  170. package/src/hooks/useCheckboxGroupState.ts +7 -10
  171. package/src/hooks/useFloating.ts +8 -7
  172. package/src/styles/base.scss +4 -0
  173. package/src/types/common.ts +11 -0
  174. package/dist/components/MenuButton/MenuButton.d.ts +0 -19
  175. package/dist/components/MenuButton/MenuButton.js +0 -20
  176. package/dist/components/MenuButton/MenuButton.js.map +0 -1
  177. package/dist/components/MenuButton/index.d.ts +0 -1
  178. package/dist/components/MenuButton/index.js +0 -2
  179. package/dist/components/MenuButton/index.js.map +0 -1
  180. package/dist/components/MenuButton/menu-button.css +0 -16
  181. package/dist/components/MenuButton/menu-button.css.js +0 -21
  182. package/src/components/MenuButton/MenuButton.rtl.test.tsx +0 -15
  183. package/src/components/MenuButton/MenuButton.tsx +0 -29
  184. package/src/components/MenuButton/index.tsx +0 -1
  185. package/src/components/MenuButton/menu-button.scss +0 -16
@@ -1,16 +0,0 @@
1
- [data-bspk=menu-button] {
2
- background: none;
3
- border: none;
4
- cursor: pointer;
5
- padding: 0;
6
- height: 48px;
7
- width: auto;
8
- display: flex;
9
- flex-direction: row;
10
- align-items: center;
11
- justify-content: center;
12
- padding-top: var(--spacing-sizing-01);
13
- color: var(--foreground-neutral-on-surface-variant-01);
14
- }
15
-
16
- /** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */
@@ -1,21 +0,0 @@
1
- /** * This file is generated by the build script.
2
- * Do not edit this file directly. */
3
- const style = document.createElement('style');
4
- style.appendChild(document.createTextNode(`[data-bspk=menu-button] {
5
- background: none;
6
- border: none;
7
- cursor: pointer;
8
- padding: 0;
9
- height: 48px;
10
- width: auto;
11
- display: flex;
12
- flex-direction: row;
13
- align-items: center;
14
- justify-content: center;
15
- padding-top: var(--spacing-sizing-01);
16
- color: var(--foreground-neutral-on-surface-variant-01);
17
- }
18
-
19
- /** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */
20
- `));
21
- document.head.appendChild(style);
@@ -1,15 +0,0 @@
1
- import { MenuButton } from './MenuButton';
2
- import { hasNoBasicA11yIssues } from '-/rtl/hasNoBasicA11yIssues';
3
- import { render } from '-/rtl/util';
4
-
5
- const TestBed = () => <MenuButton aria-label="Example label" />;
6
-
7
- describe('MenuButton (RTL)', () => {
8
- it('has no basic a11y issues', hasNoBasicA11yIssues(<TestBed />));
9
-
10
- it('renders', () => {
11
- const { getByLabelText } = render(<TestBed />);
12
-
13
- expect(getByLabelText('Example label')).toBeInTheDocument();
14
- });
15
- });
@@ -1,29 +0,0 @@
1
- import './menu-button.scss';
2
- import { SvgMenu } from '@bspk/icons/Menu';
3
- import { ButtonProps } from '-/components/Button';
4
- import { ElementProps } from '-/types/common';
5
-
6
- export type MenuButtonProps = Pick<ButtonProps, 'as' | 'onClick'>;
7
-
8
- /**
9
- * Utility component used within top navigation.
10
- *
11
- * @example
12
- * import { MenuButton } from '@bspk/ui/MenuButton';
13
- *
14
- * function Example() {
15
- * return <MenuButton />;
16
- * }
17
- *
18
- * @name MenuButton
19
- * @phase Utility
20
- */
21
- export function MenuButton(props: ElementProps<MenuButtonProps, 'button'>) {
22
- return (
23
- <button data-bspk="menu-button" {...props}>
24
- <SvgMenu />
25
- </button>
26
- );
27
- }
28
-
29
- /** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */
@@ -1 +0,0 @@
1
- export * from './MenuButton';
@@ -1,16 +0,0 @@
1
- [data-bspk='menu-button'] {
2
- background: none;
3
- border: none;
4
- cursor: pointer;
5
- padding: 0;
6
- height: 48px;
7
- width: auto;
8
- display: flex;
9
- flex-direction: row;
10
- align-items: center;
11
- justify-content: center;
12
- padding-top: var(--spacing-sizing-01);
13
- color: var(--foreground-neutral-on-surface-variant-01);
14
- }
15
-
16
- /** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */