@coopdigital/react 1.21.0 → 1.22.0

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 (167) hide show
  1. package/dist/components/AlertBanner/AlertBanner.d.ts +2 -2
  2. package/dist/components/Author/Author.d.ts +2 -2
  3. package/dist/components/Box/Box.d.ts +20 -0
  4. package/dist/components/Box/Box.js +18 -0
  5. package/dist/components/Box/index.d.ts +2 -0
  6. package/dist/components/Box/index.js +5 -0
  7. package/dist/components/Button/Button.d.ts +2 -2
  8. package/dist/components/Card/Card.d.ts +3 -3
  9. package/dist/components/Checkbox/Checkbox.d.ts +2 -2
  10. package/dist/components/DatePicker/DatePicker.d.ts +2 -2
  11. package/dist/components/DatePicker/datepicker-utils.d.ts +2 -3
  12. package/dist/components/Dialog/Dialog.d.ts +2 -2
  13. package/dist/components/Expandable/Expandable.d.ts +2 -2
  14. package/dist/components/FieldMarkers/Error.d.ts +2 -3
  15. package/dist/components/FieldMarkers/Hint.d.ts +2 -3
  16. package/dist/components/FieldMarkers/Label.d.ts +2 -3
  17. package/dist/components/FieldMarkers/Legend.d.ts +2 -3
  18. package/dist/components/Fieldset/Fieldset.d.ts +2 -2
  19. package/dist/components/Flourish/Flourish.d.ts +2 -2
  20. package/dist/components/Flourish/Flourish.js +1 -1
  21. package/dist/components/Form/Form.d.ts +2 -2
  22. package/dist/components/Form/Form.js +1 -1
  23. package/dist/components/Image/Image.d.ts +2 -2
  24. package/dist/components/LoadingSpinner/LoadingSpinner.d.ts +3 -3
  25. package/dist/components/LoadingSpinner/LoadingSpinner.js +1 -1
  26. package/dist/components/Logo/Logo.d.ts +3 -3
  27. package/dist/components/PasswordInput/PasswordInput.d.ts +2 -2
  28. package/dist/components/Picture/Picture.d.ts +3 -3
  29. package/dist/components/Pill/Pill.d.ts +2 -2
  30. package/dist/components/Prose/Prose.d.ts +3 -3
  31. package/dist/components/Prose/Prose.js +1 -1
  32. package/dist/components/Radio/Radio.d.ts +2 -2
  33. package/dist/components/Searchbox/Searchbox.d.ts +3 -3
  34. package/dist/components/Select/Select.d.ts +2 -2
  35. package/dist/components/Signpost/Signpost.d.ts +2 -2
  36. package/dist/components/SkipNav/SkipNav.d.ts +2 -2
  37. package/dist/components/Squircle/Squircle.d.ts +3 -3
  38. package/dist/components/Tag/Tag.d.ts +2 -2
  39. package/dist/components/TextInput/TextInput.d.ts +2 -2
  40. package/dist/components/Textarea/Textarea.d.ts +2 -2
  41. package/dist/components/ValidationSummary/ValidationSummary.d.ts +2 -2
  42. package/dist/components/icons/AccountCircleFilledIcon.d.ts +2 -3
  43. package/dist/components/icons/AccountCircleIcon.d.ts +2 -3
  44. package/dist/components/icons/AccountFilledIcon.d.ts +2 -3
  45. package/dist/components/icons/AccountIcon.d.ts +2 -3
  46. package/dist/components/icons/AddIcon.d.ts +2 -3
  47. package/dist/components/icons/AppsFilledIcon.d.ts +2 -3
  48. package/dist/components/icons/AppsIcon.d.ts +2 -3
  49. package/dist/components/icons/ArrowDownIcon.d.ts +2 -3
  50. package/dist/components/icons/ArrowLeftIcon.d.ts +2 -3
  51. package/dist/components/icons/ArrowRightIcon.d.ts +2 -3
  52. package/dist/components/icons/ArrowUpIcon.d.ts +2 -3
  53. package/dist/components/icons/BackspaceFilledIcon.d.ts +2 -3
  54. package/dist/components/icons/BackspaceIcon.d.ts +2 -3
  55. package/dist/components/icons/BasketFilledIcon.d.ts +2 -3
  56. package/dist/components/icons/BasketIcon.d.ts +2 -3
  57. package/dist/components/icons/BellFilledIcon.d.ts +2 -3
  58. package/dist/components/icons/BellIcon.d.ts +2 -3
  59. package/dist/components/icons/BroomIcon.d.ts +2 -3
  60. package/dist/components/icons/CalendarFilledIcon.d.ts +2 -3
  61. package/dist/components/icons/CalendarIcon.d.ts +2 -3
  62. package/dist/components/icons/CashFilledIcon.d.ts +2 -3
  63. package/dist/components/icons/CashIcon.d.ts +2 -3
  64. package/dist/components/icons/ChevronDownIcon.d.ts +2 -3
  65. package/dist/components/icons/ChevronLeftIcon.d.ts +2 -3
  66. package/dist/components/icons/ChevronRightIcon.d.ts +2 -3
  67. package/dist/components/icons/ChevronUpIcon.d.ts +2 -3
  68. package/dist/components/icons/CircleBurgerFilledIcon.d.ts +2 -3
  69. package/dist/components/icons/CircleBurgerIcon.d.ts +2 -3
  70. package/dist/components/icons/ClipboardFilledIcon.d.ts +2 -3
  71. package/dist/components/icons/ClipboardIcon.d.ts +2 -3
  72. package/dist/components/icons/ClockFilledIcon.d.ts +2 -3
  73. package/dist/components/icons/ClockIcon.d.ts +2 -3
  74. package/dist/components/icons/CloseAltFilledIcon.d.ts +2 -3
  75. package/dist/components/icons/CloseAltIcon.d.ts +2 -3
  76. package/dist/components/icons/CogIcon.d.ts +2 -3
  77. package/dist/components/icons/CommunityFilledIcon.d.ts +2 -3
  78. package/dist/components/icons/CommunityIcon.d.ts +2 -3
  79. package/dist/components/icons/ComputerIcon.d.ts +2 -3
  80. package/dist/components/icons/ContactFilledIcon.d.ts +2 -3
  81. package/dist/components/icons/ContactIcon.d.ts +2 -3
  82. package/dist/components/icons/ContactlessFilledIcon.d.ts +2 -3
  83. package/dist/components/icons/ContactlessIcon.d.ts +2 -3
  84. package/dist/components/icons/CoopLiveIcon.d.ts +2 -3
  85. package/dist/components/icons/CoopLocationFilledIcon.d.ts +2 -3
  86. package/dist/components/icons/CoopLogoIcon.d.ts +2 -3
  87. package/dist/components/icons/CoopMembershipCardFilledIcon.d.ts +2 -3
  88. package/dist/components/icons/CreditCardFilledIcon.d.ts +2 -3
  89. package/dist/components/icons/CreditCardIcon.d.ts +2 -3
  90. package/dist/components/icons/CrossIcon.d.ts +2 -3
  91. package/dist/components/icons/DocumentIcon.d.ts +2 -3
  92. package/dist/components/icons/DownloadIcon.d.ts +2 -3
  93. package/dist/components/icons/EnterStoreIcon.d.ts +2 -3
  94. package/dist/components/icons/ExitStoreIcon.d.ts +2 -3
  95. package/dist/components/icons/EyeFilledIcon.d.ts +2 -3
  96. package/dist/components/icons/EyeIcon.d.ts +2 -3
  97. package/dist/components/icons/EyeStrikeFilledIcon.d.ts +2 -3
  98. package/dist/components/icons/EyeStrikeIcon.d.ts +2 -3
  99. package/dist/components/icons/FeedbackFilledIcon.d.ts +2 -3
  100. package/dist/components/icons/FeedbackIcon.d.ts +2 -3
  101. package/dist/components/icons/FilterIcon.d.ts +2 -3
  102. package/dist/components/icons/GiftCardFilledIcon.d.ts +2 -3
  103. package/dist/components/icons/GiftCardIcon.d.ts +2 -3
  104. package/dist/components/icons/GiftFilledIcon.d.ts +2 -3
  105. package/dist/components/icons/GiftIcon.d.ts +2 -3
  106. package/dist/components/icons/HelpFilledIcon.d.ts +2 -3
  107. package/dist/components/icons/HelpIcon.d.ts +2 -3
  108. package/dist/components/icons/HomeFilledIcon.d.ts +2 -3
  109. package/dist/components/icons/HomeIcon.d.ts +2 -3
  110. package/dist/components/icons/HowDoIAssistantIcon.d.ts +2 -3
  111. package/dist/components/icons/InfoIcon.d.ts +2 -3
  112. package/dist/components/icons/KebabIcon.d.ts +2 -3
  113. package/dist/components/icons/LoadingIcon.d.ts +2 -3
  114. package/dist/components/icons/LocationFilledIcon.d.ts +2 -3
  115. package/dist/components/icons/LocationIcon.d.ts +2 -3
  116. package/dist/components/icons/LogoutIcon.d.ts +2 -3
  117. package/dist/components/icons/MailIcon.d.ts +2 -3
  118. package/dist/components/icons/MenuIcon.d.ts +2 -3
  119. package/dist/components/icons/MessageIcon.d.ts +2 -3
  120. package/dist/components/icons/MinusIcon.d.ts +2 -3
  121. package/dist/components/icons/NotesFilledIcon.d.ts +2 -3
  122. package/dist/components/icons/NotesIcon.d.ts +2 -3
  123. package/dist/components/icons/OpenNewIcon.d.ts +2 -3
  124. package/dist/components/icons/OwnBagIcon.d.ts +2 -3
  125. package/dist/components/icons/PadlockIcon.d.ts +2 -3
  126. package/dist/components/icons/PencilIcon.d.ts +2 -3
  127. package/dist/components/icons/PhoneIcon.d.ts +2 -3
  128. package/dist/components/icons/PowerIcon.d.ts +2 -3
  129. package/dist/components/icons/SaveFilledIcon.d.ts +2 -3
  130. package/dist/components/icons/SaveIcon.d.ts +2 -3
  131. package/dist/components/icons/ScooterIcon.d.ts +2 -3
  132. package/dist/components/icons/SearchFilledIcon.d.ts +2 -3
  133. package/dist/components/icons/SearchIcon.d.ts +2 -3
  134. package/dist/components/icons/SendIcon.d.ts +2 -3
  135. package/dist/components/icons/SpannerIcon.d.ts +2 -3
  136. package/dist/components/icons/StarFilledIcon.d.ts +2 -3
  137. package/dist/components/icons/StarIcon.d.ts +2 -3
  138. package/dist/components/icons/TickAltFilledIcon.d.ts +2 -3
  139. package/dist/components/icons/TickAltIcon.d.ts +2 -3
  140. package/dist/components/icons/TickIcon.d.ts +2 -3
  141. package/dist/components/icons/TruckIcon.d.ts +2 -3
  142. package/dist/components/icons/UserWipeIcon.d.ts +2 -3
  143. package/dist/components/icons/VoucherFilledIcon.d.ts +2 -3
  144. package/dist/components/icons/VoucherIcon.d.ts +2 -3
  145. package/dist/components/icons/WarningCircleFilledIcon.d.ts +2 -3
  146. package/dist/components/icons/WarningCircleIcon.d.ts +2 -3
  147. package/dist/components/icons/WarningFilledIcon.d.ts +2 -3
  148. package/dist/components/icons/WarningIcon.d.ts +2 -3
  149. package/dist/components/icons/WifiIcon.d.ts +2 -3
  150. package/dist/components/icons/WriteIcon.d.ts +2 -3
  151. package/dist/hooks/useDebounce.d.ts +2 -3
  152. package/dist/hooks/useId.d.ts +3 -4
  153. package/dist/hooks/useSlots.d.ts +2 -3
  154. package/dist/index.d.ts +3 -1
  155. package/dist/index.js +2 -1
  156. package/dist/types/colors.d.ts +8 -9
  157. package/dist/types/index.d.ts +3 -3
  158. package/dist/utils/index.d.ts +6 -7
  159. package/package.json +10 -10
  160. package/src/components/Box/Box.tsx +43 -0
  161. package/src/components/Box/index.ts +5 -0
  162. package/src/components/Flourish/Flourish.tsx +1 -1
  163. package/src/components/Form/Form.tsx +1 -1
  164. package/src/components/LoadingSpinner/LoadingSpinner.tsx +1 -1
  165. package/src/components/Prose/Prose.tsx +1 -1
  166. package/src/index.ts +1 -0
  167. package/src/types/index.ts +1 -0
@@ -3,6 +3,5 @@ import { JSX, SVGProps } from "react";
3
3
  interface IconProps extends SVGProps<SVGSVGElement> {
4
4
  alt?: string;
5
5
  }
6
- declare const GiftCardFilledIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => JSX.Element;
7
- //#endregion
8
- export { GiftCardFilledIcon };
6
+ export declare const GiftCardFilledIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => JSX.Element;
7
+ //#endregion
@@ -3,6 +3,5 @@ import { JSX, SVGProps } from "react";
3
3
  interface IconProps extends SVGProps<SVGSVGElement> {
4
4
  alt?: string;
5
5
  }
6
- declare const GiftCardIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => JSX.Element;
7
- //#endregion
8
- export { GiftCardIcon };
6
+ export declare const GiftCardIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => JSX.Element;
7
+ //#endregion
@@ -3,6 +3,5 @@ import { JSX, SVGProps } from "react";
3
3
  interface IconProps extends SVGProps<SVGSVGElement> {
4
4
  alt?: string;
5
5
  }
6
- declare const GiftFilledIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => JSX.Element;
7
- //#endregion
8
- export { GiftFilledIcon };
6
+ export declare const GiftFilledIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => JSX.Element;
7
+ //#endregion
@@ -3,6 +3,5 @@ import { JSX, SVGProps } from "react";
3
3
  interface IconProps extends SVGProps<SVGSVGElement> {
4
4
  alt?: string;
5
5
  }
6
- declare const GiftIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => JSX.Element;
7
- //#endregion
8
- export { GiftIcon };
6
+ export declare const GiftIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => JSX.Element;
7
+ //#endregion
@@ -3,6 +3,5 @@ import { JSX, SVGProps } from "react";
3
3
  interface IconProps extends SVGProps<SVGSVGElement> {
4
4
  alt?: string;
5
5
  }
6
- declare const HelpFilledIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => JSX.Element;
7
- //#endregion
8
- export { HelpFilledIcon };
6
+ export declare const HelpFilledIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => JSX.Element;
7
+ //#endregion
@@ -3,6 +3,5 @@ import { JSX, SVGProps } from "react";
3
3
  interface IconProps extends SVGProps<SVGSVGElement> {
4
4
  alt?: string;
5
5
  }
6
- declare const HelpIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => JSX.Element;
7
- //#endregion
8
- export { HelpIcon };
6
+ export declare const HelpIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => JSX.Element;
7
+ //#endregion
@@ -3,6 +3,5 @@ import { JSX, SVGProps } from "react";
3
3
  interface IconProps extends SVGProps<SVGSVGElement> {
4
4
  alt?: string;
5
5
  }
6
- declare const HomeFilledIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => JSX.Element;
7
- //#endregion
8
- export { HomeFilledIcon };
6
+ export declare const HomeFilledIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => JSX.Element;
7
+ //#endregion
@@ -3,6 +3,5 @@ import { JSX, SVGProps } from "react";
3
3
  interface IconProps extends SVGProps<SVGSVGElement> {
4
4
  alt?: string;
5
5
  }
6
- declare const HomeIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => JSX.Element;
7
- //#endregion
8
- export { HomeIcon };
6
+ export declare const HomeIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => JSX.Element;
7
+ //#endregion
@@ -3,6 +3,5 @@ import { JSX, SVGProps } from "react";
3
3
  interface IconProps extends SVGProps<SVGSVGElement> {
4
4
  alt?: string;
5
5
  }
6
- declare const HowDoIAssistantIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => JSX.Element;
7
- //#endregion
8
- export { HowDoIAssistantIcon };
6
+ export declare const HowDoIAssistantIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => JSX.Element;
7
+ //#endregion
@@ -3,6 +3,5 @@ import { JSX, SVGProps } from "react";
3
3
  interface IconProps extends SVGProps<SVGSVGElement> {
4
4
  alt?: string;
5
5
  }
6
- declare const InfoIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => JSX.Element;
7
- //#endregion
8
- export { InfoIcon };
6
+ export declare const InfoIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => JSX.Element;
7
+ //#endregion
@@ -3,6 +3,5 @@ import { JSX, SVGProps } from "react";
3
3
  interface IconProps extends SVGProps<SVGSVGElement> {
4
4
  alt?: string;
5
5
  }
6
- declare const KebabIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => JSX.Element;
7
- //#endregion
8
- export { KebabIcon };
6
+ export declare const KebabIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => JSX.Element;
7
+ //#endregion
@@ -3,6 +3,5 @@ import { JSX, SVGProps } from "react";
3
3
  interface IconProps extends SVGProps<SVGSVGElement> {
4
4
  alt?: string;
5
5
  }
6
- declare const LoadingIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => JSX.Element;
7
- //#endregion
8
- export { LoadingIcon };
6
+ export declare const LoadingIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => JSX.Element;
7
+ //#endregion
@@ -3,6 +3,5 @@ import { JSX, SVGProps } from "react";
3
3
  interface IconProps extends SVGProps<SVGSVGElement> {
4
4
  alt?: string;
5
5
  }
6
- declare const LocationFilledIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => JSX.Element;
7
- //#endregion
8
- export { LocationFilledIcon };
6
+ export declare const LocationFilledIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => JSX.Element;
7
+ //#endregion
@@ -3,6 +3,5 @@ import { JSX, SVGProps } from "react";
3
3
  interface IconProps extends SVGProps<SVGSVGElement> {
4
4
  alt?: string;
5
5
  }
6
- declare const LocationIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => JSX.Element;
7
- //#endregion
8
- export { LocationIcon };
6
+ export declare const LocationIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => JSX.Element;
7
+ //#endregion
@@ -3,6 +3,5 @@ import { JSX, SVGProps } from "react";
3
3
  interface IconProps extends SVGProps<SVGSVGElement> {
4
4
  alt?: string;
5
5
  }
6
- declare const LogoutIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => JSX.Element;
7
- //#endregion
8
- export { LogoutIcon };
6
+ export declare const LogoutIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => JSX.Element;
7
+ //#endregion
@@ -3,6 +3,5 @@ import { JSX, SVGProps } from "react";
3
3
  interface IconProps extends SVGProps<SVGSVGElement> {
4
4
  alt?: string;
5
5
  }
6
- declare const MailIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => JSX.Element;
7
- //#endregion
8
- export { MailIcon };
6
+ export declare const MailIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => JSX.Element;
7
+ //#endregion
@@ -3,6 +3,5 @@ import { JSX, SVGProps } from "react";
3
3
  interface IconProps extends SVGProps<SVGSVGElement> {
4
4
  alt?: string;
5
5
  }
6
- declare const MenuIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => JSX.Element;
7
- //#endregion
8
- export { MenuIcon };
6
+ export declare const MenuIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => JSX.Element;
7
+ //#endregion
@@ -3,6 +3,5 @@ import { JSX, SVGProps } from "react";
3
3
  interface IconProps extends SVGProps<SVGSVGElement> {
4
4
  alt?: string;
5
5
  }
6
- declare const MessageIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => JSX.Element;
7
- //#endregion
8
- export { MessageIcon };
6
+ export declare const MessageIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => JSX.Element;
7
+ //#endregion
@@ -3,6 +3,5 @@ import { JSX, SVGProps } from "react";
3
3
  interface IconProps extends SVGProps<SVGSVGElement> {
4
4
  alt?: string;
5
5
  }
6
- declare const MinusIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => JSX.Element;
7
- //#endregion
8
- export { MinusIcon };
6
+ export declare const MinusIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => JSX.Element;
7
+ //#endregion
@@ -3,6 +3,5 @@ import { JSX, SVGProps } from "react";
3
3
  interface IconProps extends SVGProps<SVGSVGElement> {
4
4
  alt?: string;
5
5
  }
6
- declare const NotesFilledIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => JSX.Element;
7
- //#endregion
8
- export { NotesFilledIcon };
6
+ export declare const NotesFilledIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => JSX.Element;
7
+ //#endregion
@@ -3,6 +3,5 @@ import { JSX, SVGProps } from "react";
3
3
  interface IconProps extends SVGProps<SVGSVGElement> {
4
4
  alt?: string;
5
5
  }
6
- declare const NotesIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => JSX.Element;
7
- //#endregion
8
- export { NotesIcon };
6
+ export declare const NotesIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => JSX.Element;
7
+ //#endregion
@@ -3,6 +3,5 @@ import { JSX, SVGProps } from "react";
3
3
  interface IconProps extends SVGProps<SVGSVGElement> {
4
4
  alt?: string;
5
5
  }
6
- declare const OpenNewIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => JSX.Element;
7
- //#endregion
8
- export { OpenNewIcon };
6
+ export declare const OpenNewIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => JSX.Element;
7
+ //#endregion
@@ -3,6 +3,5 @@ import { JSX, SVGProps } from "react";
3
3
  interface IconProps extends SVGProps<SVGSVGElement> {
4
4
  alt?: string;
5
5
  }
6
- declare const OwnBagIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => JSX.Element;
7
- //#endregion
8
- export { OwnBagIcon };
6
+ export declare const OwnBagIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => JSX.Element;
7
+ //#endregion
@@ -3,6 +3,5 @@ import { JSX, SVGProps } from "react";
3
3
  interface IconProps extends SVGProps<SVGSVGElement> {
4
4
  alt?: string;
5
5
  }
6
- declare const PadlockIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => JSX.Element;
7
- //#endregion
8
- export { PadlockIcon };
6
+ export declare const PadlockIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => JSX.Element;
7
+ //#endregion
@@ -3,6 +3,5 @@ import { JSX, SVGProps } from "react";
3
3
  interface IconProps extends SVGProps<SVGSVGElement> {
4
4
  alt?: string;
5
5
  }
6
- declare const PencilIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => JSX.Element;
7
- //#endregion
8
- export { PencilIcon };
6
+ export declare const PencilIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => JSX.Element;
7
+ //#endregion
@@ -3,6 +3,5 @@ import { JSX, SVGProps } from "react";
3
3
  interface IconProps extends SVGProps<SVGSVGElement> {
4
4
  alt?: string;
5
5
  }
6
- declare const PhoneIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => JSX.Element;
7
- //#endregion
8
- export { PhoneIcon };
6
+ export declare const PhoneIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => JSX.Element;
7
+ //#endregion
@@ -3,6 +3,5 @@ import { JSX, SVGProps } from "react";
3
3
  interface IconProps extends SVGProps<SVGSVGElement> {
4
4
  alt?: string;
5
5
  }
6
- declare const PowerIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => JSX.Element;
7
- //#endregion
8
- export { PowerIcon };
6
+ export declare const PowerIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => JSX.Element;
7
+ //#endregion
@@ -3,6 +3,5 @@ import { JSX, SVGProps } from "react";
3
3
  interface IconProps extends SVGProps<SVGSVGElement> {
4
4
  alt?: string;
5
5
  }
6
- declare const SaveFilledIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => JSX.Element;
7
- //#endregion
8
- export { SaveFilledIcon };
6
+ export declare const SaveFilledIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => JSX.Element;
7
+ //#endregion
@@ -3,6 +3,5 @@ import { JSX, SVGProps } from "react";
3
3
  interface IconProps extends SVGProps<SVGSVGElement> {
4
4
  alt?: string;
5
5
  }
6
- declare const SaveIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => JSX.Element;
7
- //#endregion
8
- export { SaveIcon };
6
+ export declare const SaveIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => JSX.Element;
7
+ //#endregion
@@ -3,6 +3,5 @@ import { JSX, SVGProps } from "react";
3
3
  interface IconProps extends SVGProps<SVGSVGElement> {
4
4
  alt?: string;
5
5
  }
6
- declare const ScooterIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => JSX.Element;
7
- //#endregion
8
- export { ScooterIcon };
6
+ export declare const ScooterIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => JSX.Element;
7
+ //#endregion
@@ -3,6 +3,5 @@ import { JSX, SVGProps } from "react";
3
3
  interface IconProps extends SVGProps<SVGSVGElement> {
4
4
  alt?: string;
5
5
  }
6
- declare const SearchFilledIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => JSX.Element;
7
- //#endregion
8
- export { SearchFilledIcon };
6
+ export declare const SearchFilledIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => JSX.Element;
7
+ //#endregion
@@ -3,6 +3,5 @@ import { JSX, SVGProps } from "react";
3
3
  interface IconProps extends SVGProps<SVGSVGElement> {
4
4
  alt?: string;
5
5
  }
6
- declare const SearchIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => JSX.Element;
7
- //#endregion
8
- export { SearchIcon };
6
+ export declare const SearchIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => JSX.Element;
7
+ //#endregion
@@ -3,6 +3,5 @@ import { JSX, SVGProps } from "react";
3
3
  interface IconProps extends SVGProps<SVGSVGElement> {
4
4
  alt?: string;
5
5
  }
6
- declare const SendIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => JSX.Element;
7
- //#endregion
8
- export { SendIcon };
6
+ export declare const SendIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => JSX.Element;
7
+ //#endregion
@@ -3,6 +3,5 @@ import { JSX, SVGProps } from "react";
3
3
  interface IconProps extends SVGProps<SVGSVGElement> {
4
4
  alt?: string;
5
5
  }
6
- declare const SpannerIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => JSX.Element;
7
- //#endregion
8
- export { SpannerIcon };
6
+ export declare const SpannerIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => JSX.Element;
7
+ //#endregion
@@ -3,6 +3,5 @@ import { JSX, SVGProps } from "react";
3
3
  interface IconProps extends SVGProps<SVGSVGElement> {
4
4
  alt?: string;
5
5
  }
6
- declare const StarFilledIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => JSX.Element;
7
- //#endregion
8
- export { StarFilledIcon };
6
+ export declare const StarFilledIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => JSX.Element;
7
+ //#endregion
@@ -3,6 +3,5 @@ import { JSX, SVGProps } from "react";
3
3
  interface IconProps extends SVGProps<SVGSVGElement> {
4
4
  alt?: string;
5
5
  }
6
- declare const StarIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => JSX.Element;
7
- //#endregion
8
- export { StarIcon };
6
+ export declare const StarIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => JSX.Element;
7
+ //#endregion
@@ -3,6 +3,5 @@ import { JSX, SVGProps } from "react";
3
3
  interface IconProps extends SVGProps<SVGSVGElement> {
4
4
  alt?: string;
5
5
  }
6
- declare const TickAltFilledIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => JSX.Element;
7
- //#endregion
8
- export { TickAltFilledIcon };
6
+ export declare const TickAltFilledIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => JSX.Element;
7
+ //#endregion
@@ -3,6 +3,5 @@ import { JSX, SVGProps } from "react";
3
3
  interface IconProps extends SVGProps<SVGSVGElement> {
4
4
  alt?: string;
5
5
  }
6
- declare const TickAltIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => JSX.Element;
7
- //#endregion
8
- export { TickAltIcon };
6
+ export declare const TickAltIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => JSX.Element;
7
+ //#endregion
@@ -3,6 +3,5 @@ import { JSX, SVGProps } from "react";
3
3
  interface IconProps extends SVGProps<SVGSVGElement> {
4
4
  alt?: string;
5
5
  }
6
- declare const TickIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => JSX.Element;
7
- //#endregion
8
- export { TickIcon };
6
+ export declare const TickIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => JSX.Element;
7
+ //#endregion
@@ -3,6 +3,5 @@ import { JSX, SVGProps } from "react";
3
3
  interface IconProps extends SVGProps<SVGSVGElement> {
4
4
  alt?: string;
5
5
  }
6
- declare const TruckIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => JSX.Element;
7
- //#endregion
8
- export { TruckIcon };
6
+ export declare const TruckIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => JSX.Element;
7
+ //#endregion
@@ -3,6 +3,5 @@ import { JSX, SVGProps } from "react";
3
3
  interface IconProps extends SVGProps<SVGSVGElement> {
4
4
  alt?: string;
5
5
  }
6
- declare const UserWipeIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => JSX.Element;
7
- //#endregion
8
- export { UserWipeIcon };
6
+ export declare const UserWipeIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => JSX.Element;
7
+ //#endregion
@@ -3,6 +3,5 @@ import { JSX, SVGProps } from "react";
3
3
  interface IconProps extends SVGProps<SVGSVGElement> {
4
4
  alt?: string;
5
5
  }
6
- declare const VoucherFilledIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => JSX.Element;
7
- //#endregion
8
- export { VoucherFilledIcon };
6
+ export declare const VoucherFilledIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => JSX.Element;
7
+ //#endregion
@@ -3,6 +3,5 @@ import { JSX, SVGProps } from "react";
3
3
  interface IconProps extends SVGProps<SVGSVGElement> {
4
4
  alt?: string;
5
5
  }
6
- declare const VoucherIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => JSX.Element;
7
- //#endregion
8
- export { VoucherIcon };
6
+ export declare const VoucherIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => JSX.Element;
7
+ //#endregion
@@ -3,6 +3,5 @@ import { JSX, SVGProps } from "react";
3
3
  interface IconProps extends SVGProps<SVGSVGElement> {
4
4
  alt?: string;
5
5
  }
6
- declare const WarningCircleFilledIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => JSX.Element;
7
- //#endregion
8
- export { WarningCircleFilledIcon };
6
+ export declare const WarningCircleFilledIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => JSX.Element;
7
+ //#endregion
@@ -3,6 +3,5 @@ import { JSX, SVGProps } from "react";
3
3
  interface IconProps extends SVGProps<SVGSVGElement> {
4
4
  alt?: string;
5
5
  }
6
- declare const WarningCircleIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => JSX.Element;
7
- //#endregion
8
- export { WarningCircleIcon };
6
+ export declare const WarningCircleIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => JSX.Element;
7
+ //#endregion
@@ -3,6 +3,5 @@ import { JSX, SVGProps } from "react";
3
3
  interface IconProps extends SVGProps<SVGSVGElement> {
4
4
  alt?: string;
5
5
  }
6
- declare const WarningFilledIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => JSX.Element;
7
- //#endregion
8
- export { WarningFilledIcon };
6
+ export declare const WarningFilledIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => JSX.Element;
7
+ //#endregion
@@ -3,6 +3,5 @@ import { JSX, SVGProps } from "react";
3
3
  interface IconProps extends SVGProps<SVGSVGElement> {
4
4
  alt?: string;
5
5
  }
6
- declare const WarningIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => JSX.Element;
7
- //#endregion
8
- export { WarningIcon };
6
+ export declare const WarningIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => JSX.Element;
7
+ //#endregion
@@ -3,6 +3,5 @@ import { JSX, SVGProps } from "react";
3
3
  interface IconProps extends SVGProps<SVGSVGElement> {
4
4
  alt?: string;
5
5
  }
6
- declare const WifiIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => JSX.Element;
7
- //#endregion
8
- export { WifiIcon };
6
+ export declare const WifiIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => JSX.Element;
7
+ //#endregion
@@ -3,6 +3,5 @@ import { JSX, SVGProps } from "react";
3
3
  interface IconProps extends SVGProps<SVGSVGElement> {
4
4
  alt?: string;
5
5
  }
6
- declare const WriteIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => JSX.Element;
7
- //#endregion
8
- export { WriteIcon };
6
+ export declare const WriteIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => JSX.Element;
7
+ //#endregion
@@ -1,4 +1,3 @@
1
1
  //#region src/hooks/useDebounce.d.ts
2
- declare function useDebounce<T>(value: T, delay: number): T;
3
- //#endregion
4
- export { useDebounce };
2
+ export declare function useDebounce<T>(value: T, delay: number): T;
3
+ //#endregion
@@ -1,5 +1,4 @@
1
1
  //#region src/hooks/useId.d.ts
2
- type UseId = (id?: string) => string;
3
- declare const useId: UseId;
4
- //#endregion
5
- export { UseId, useId };
2
+ export type UseId = (id?: string) => string;
3
+ export declare const useId: UseId;
4
+ //#endregion
@@ -1,8 +1,7 @@
1
1
  import React from "react";
2
2
  //#region src/hooks/useSlots.d.ts
3
3
  type Slots<T> = Record<keyof T, React.ReactNode>;
4
- declare function useSlots<T>(componentSlots: Slots<T>, children: React.ReactNode, options?: {
4
+ export declare function useSlots<T>(componentSlots: Slots<T>, children: React.ReactNode, options?: {
5
5
  collect?: string[];
6
6
  }): Slots<T>;
7
- //#endregion
8
- export { useSlots };
7
+ //#endregion
package/dist/index.d.ts CHANGED
@@ -1,6 +1,8 @@
1
1
  import { AlertBanner, AlertBannerHeading, AlertBannerProps } from "./components/AlertBanner/AlertBanner.js";
2
2
  import { Image, ImageProps } from "./components/Image/Image.js";
3
3
  import { Author, AuthorProps } from "./components/Author/Author.js";
4
+ import { Box, BoxProps } from "./components/Box/Box.js";
5
+ import "./components/Box/index.js";
4
6
  import { Button, ButtonProps } from "./components/Button/Button.js";
5
7
  import { Picture, PictureProps } from "./components/Picture/Picture.js";
6
8
  import "./components/Picture/index.js";
@@ -29,4 +31,4 @@ import { Squircle, SquircleProps, SquircleSvgProps } from "./components/Squircle
29
31
  import { Tag, TagProps } from "./components/Tag/Tag.js";
30
32
  import { Textarea, TextareaProps } from "./components/Textarea/Textarea.js";
31
33
  import { ValidationSummary, ValidationSummaryErrors, ValidationSummaryHeading, ValidationSummaryPrompt, ValidationSummaryProps } from "./components/ValidationSummary/ValidationSummary.js";
32
- export { AlertBanner, AlertBannerHeading, AlertBannerProps, Author, AuthorProps, Button, ButtonProps, Card, CardBadge, CardContent, CardHeading, CardIcon, CardImage, CardLink, CardPicture, CardProps, Checkbox, CheckboxProps, DatePicker, DatePickerProps, Dialog, DialogBody, DialogHeader, DialogProps, Expandable, ExpandableContent, ExpandableProps, ExpandableSummary, Field, FieldError, FieldHint, FieldLabel, Fieldset, FieldsetError, FieldsetFields, FieldsetHint, FieldsetLegend, FieldsetProps, Flourish, FlourishProps, Form, FormProps, Image, ImageProps, LoadingSpinner, LoadingSpinnerProps, Logo, LogoProps, PasswordInput, PasswordInputProps, Picture, PictureProps, Pill, PillBadge, PillProps, Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverProps, PopoverTrigger, Radio, RadioProps, RootSVG, Searchbox, SearchboxButton, SearchboxInput, SearchboxProps, Select, SelectOption, SelectOptionGroup, SelectProps, Signpost, SignpostProps, SkipNav, SkipNavProps, Squircle, SquircleProps, SquircleSvgProps, Tag, TagProps, TextInput, TextInputProps, Textarea, TextareaProps, ValidationSummary, ValidationSummaryErrors, ValidationSummaryHeading, ValidationSummaryPrompt, ValidationSummaryProps };
34
+ export { AlertBanner, AlertBannerHeading, AlertBannerProps, Author, AuthorProps, Box, BoxProps, Button, ButtonProps, Card, CardBadge, CardContent, CardHeading, CardIcon, CardImage, CardLink, CardPicture, CardProps, Checkbox, CheckboxProps, DatePicker, DatePickerProps, Dialog, DialogBody, DialogHeader, DialogProps, Expandable, ExpandableContent, ExpandableProps, ExpandableSummary, Field, FieldError, FieldHint, FieldLabel, Fieldset, FieldsetError, FieldsetFields, FieldsetHint, FieldsetLegend, FieldsetProps, Flourish, FlourishProps, Form, FormProps, Image, ImageProps, LoadingSpinner, LoadingSpinnerProps, Logo, LogoProps, PasswordInput, PasswordInputProps, Picture, PictureProps, Pill, PillBadge, PillProps, Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverProps, PopoverTrigger, Radio, RadioProps, RootSVG, Searchbox, SearchboxButton, SearchboxInput, SearchboxProps, Select, SelectOption, SelectOptionGroup, SelectProps, Signpost, SignpostProps, SkipNav, SkipNavProps, Squircle, SquircleProps, SquircleSvgProps, Tag, TagProps, TextInput, TextInputProps, Textarea, TextareaProps, ValidationSummary, ValidationSummaryErrors, ValidationSummaryHeading, ValidationSummaryPrompt, ValidationSummaryProps };
package/dist/index.js CHANGED
@@ -1,6 +1,7 @@
1
1
  import { AlertBanner, AlertBannerHeading } from "./components/AlertBanner/AlertBanner.js";
2
2
  import { Image } from "./components/Image/Image.js";
3
3
  import { Author } from "./components/Author/Author.js";
4
+ import { Box } from "./components/Box/Box.js";
4
5
  import { LoadingSpinner } from "./components/LoadingSpinner/LoadingSpinner.js";
5
6
  import { Button } from "./components/Button/Button.js";
6
7
  import { Picture } from "./components/Picture/Picture.js";
@@ -28,4 +29,4 @@ import { Squircle } from "./components/Squircle/Squircle.js";
28
29
  import { Tag } from "./components/Tag/Tag.js";
29
30
  import { Textarea } from "./components/Textarea/Textarea.js";
30
31
  import { ValidationSummary, ValidationSummaryErrors, ValidationSummaryHeading, ValidationSummaryPrompt } from "./components/ValidationSummary/ValidationSummary.js";
31
- export { AlertBanner, AlertBannerHeading, Author, Button, Card, CardBadge, CardContent, CardHeading, CardIcon, CardImage, CardLink, CardPicture, Checkbox, DatePicker, Dialog, DialogBody, DialogHeader, Expandable, ExpandableContent, ExpandableSummary, Field, FieldError, FieldHint, FieldLabel, Fieldset, FieldsetError, FieldsetFields, FieldsetHint, FieldsetLegend, Flourish, Form, Image, LoadingSpinner, Logo, PasswordInput, Picture, Pill, PillBadge, Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverTrigger, Radio, RootSVG, Searchbox, SearchboxButton, SearchboxInput, Select, SelectOption, SelectOptionGroup, Signpost, SkipNav, Squircle, Tag, TextInput, Textarea, ValidationSummary, ValidationSummaryErrors, ValidationSummaryHeading, ValidationSummaryPrompt };
32
+ export { AlertBanner, AlertBannerHeading, Author, Box, Button, Card, CardBadge, CardContent, CardHeading, CardIcon, CardImage, CardLink, CardPicture, Checkbox, DatePicker, Dialog, DialogBody, DialogHeader, Expandable, ExpandableContent, ExpandableSummary, Field, FieldError, FieldHint, FieldLabel, Fieldset, FieldsetError, FieldsetFields, FieldsetHint, FieldsetLegend, Flourish, Form, Image, LoadingSpinner, Logo, PasswordInput, Picture, Pill, PillBadge, Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverTrigger, Radio, RootSVG, Searchbox, SearchboxButton, SearchboxInput, Select, SelectOption, SelectOptionGroup, Signpost, SkipNav, Squircle, Tag, TextInput, Textarea, ValidationSummary, ValidationSummaryErrors, ValidationSummaryHeading, ValidationSummaryPrompt };
@@ -1,10 +1,9 @@
1
1
  //#region src/types/colors.d.ts
2
- type Darks = "dark-blue" | "dark-yellow" | "dark-green" | "dark-lilac" | "dark-orange" | "dark-pink" | "dark-purple" | "dark-red";
3
- type Tints = "tint-blue" | "tint-brown" | "tint-yellow" | "tint-green" | "tint-grey" | "tint-lilac" | "tint-orange" | "tint-pink" | "tint-purple" | "tint-red";
4
- type Lights = "light-blue" | "light-yellow" | "light-green" | "light-lilac" | "light-orange" | "light-pink" | "light-purple" | "light-red";
5
- type White = "white";
6
- type Black = "black";
7
- type BrandBlue = "brand-blue";
8
- type OfferRed = "offer";
9
- //#endregion
10
- export { Black, BrandBlue, Darks, Lights, OfferRed, Tints, White };
2
+ export type Darks = "dark-blue" | "dark-yellow" | "dark-green" | "dark-lilac" | "dark-orange" | "dark-pink" | "dark-purple" | "dark-red";
3
+ export type Tints = "tint-blue" | "tint-brown" | "tint-yellow" | "tint-green" | "tint-grey" | "tint-lilac" | "tint-orange" | "tint-pink" | "tint-purple" | "tint-red";
4
+ export type Lights = "light-blue" | "light-yellow" | "light-green" | "light-lilac" | "light-orange" | "light-pink" | "light-purple" | "light-red";
5
+ export type White = "white";
6
+ export type Black = "black";
7
+ export type BrandBlue = "brand-blue";
8
+ export type OfferRed = "offer";
9
+ //#endregion
@@ -1,4 +1,4 @@
1
1
  //#region src/types/index.d.ts
2
- type StandardSizes = "sm" | "md" | "lg";
3
- //#endregion
4
- export { StandardSizes };
2
+ export type StandardSizes = "sm" | "md" | "lg";
3
+ export type StandardSizesWithNone = "none" | "sm" | "md" | "lg";
4
+ //#endregion
@@ -1,8 +1,7 @@
1
1
  //#region src/utils/index.d.ts
2
- declare const bgPropToClass: (color: string, userClasses?: string) => string;
3
- declare const hasUserBg: (userClasses?: string) => boolean;
4
- declare const hasUserBorder: (userClasses?: string) => boolean;
5
- declare const bgClassToColor: (userClasses: string) => string | null;
6
- declare function getSlotProp<R = unknown>(slot: React.ReactNode, prop: string): R | undefined;
7
- //#endregion
8
- export { bgClassToColor, bgPropToClass, getSlotProp, hasUserBg, hasUserBorder };
2
+ export declare const bgPropToClass: (color: string, userClasses?: string) => string;
3
+ export declare const hasUserBg: (userClasses?: string) => boolean;
4
+ export declare const hasUserBorder: (userClasses?: string) => boolean;
5
+ export declare const bgClassToColor: (userClasses: string) => string | null;
6
+ export declare function getSlotProp<R = unknown>(slot: React.ReactNode, prop: string): R | undefined;
7
+ //#endregion