uikit-react-public 0.37.0 → 0.38.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 (128) hide show
  1. package/dist/components/Alert/Alert.d.ts +1 -1
  2. package/dist/components/Alert/Alert.stories.d.ts +1 -1
  3. package/dist/components/Alert/AlertTitle.d.ts +1 -1
  4. package/dist/components/Pagination/Pagination.stories.d.ts +1 -0
  5. package/dist/components/Pagination/PaginationControls.d.ts +2 -1
  6. package/dist/components/Pagination/__tests__/PaginationControls.test.d.ts +1 -0
  7. package/dist/components/Pagination/subcomponents/PaginationCompactControls.d.ts +7 -0
  8. package/dist/components/Pagination/subcomponents/PaginationStandardControls.d.ts +8 -0
  9. package/dist/components/Pagination/subcomponents/index.d.ts +2 -0
  10. package/dist/components/Toggle/ToggleHandle.d.ts +1 -1
  11. package/dist/components/UclLogoNew/UclLogo.d.ts +2 -1
  12. package/dist/components/UclLogoNew/__tests__/UclLogo.test.d.ts +1 -0
  13. package/dist/components/WeekPicker/__tests__/WeekPicker.test.d.ts +1 -0
  14. package/dist/index.js +5383 -5149
  15. package/dist/theme/dark/darkColour.d.ts +1 -0
  16. package/dist/theme/index.d.ts +1 -1
  17. package/dist/theme/light/lightColour.d.ts +1 -0
  18. package/dist/theme/original/defaultTheme.d.ts +7 -0
  19. package/dist/theme/original/originalColourNewStructure.d.ts +1 -0
  20. package/dist/theme/useTheme.d.ts +12 -0
  21. package/lib/components/Alert/AlertMessage.tsx +5 -4
  22. package/lib/components/Alert/AlertTitle.tsx +6 -8
  23. package/lib/components/AppHeader/AppHeader.stories.tsx +3 -3
  24. package/lib/components/AppHeader/AppHeader.tsx +2 -2
  25. package/lib/components/AppHeader/AppHeaderBottom.tsx +2 -3
  26. package/lib/components/AppHeader/AppHeaderTop.tsx +1 -1
  27. package/lib/components/AppHeader/__tests__/__snapshots__/AppHeader.test.tsx.snap +1 -1
  28. package/lib/components/AppMenu/AppMenuContent.tsx +4 -5
  29. package/lib/components/AppMenu/AppMenuDivider.tsx +5 -6
  30. package/lib/components/AppMenu/AppMenuItem.tsx +6 -6
  31. package/lib/components/AppMenu/__tests__/__snapshots__/AppMenu.test.tsx.snap +1 -1
  32. package/lib/components/Avatar/Avatar.tsx +7 -5
  33. package/lib/components/Avatar/__tests__/__snapshots__/Avatar.test.tsx.snap +18 -18
  34. package/lib/components/Badge/Badge.tsx +12 -12
  35. package/lib/components/Badge/__tests__/Badge.test.tsx +84 -1
  36. package/lib/components/Badge/__tests__/__snapshots__/Badge.test.tsx.snap +2 -2
  37. package/lib/components/Blanket/Blanket.tsx +1 -1
  38. package/lib/components/Blanket/__tests__/__snapshots__/Blanket.test.tsx.snap +1 -1
  39. package/lib/components/Button/__tests__/Button.test.tsx +46 -1
  40. package/lib/components/Button/__tests__/__snapshots__/Button.test.tsx.snap +2 -2
  41. package/lib/components/Button/style/buttonAccentStyle.ts +1 -1
  42. package/lib/components/Button/style/buttonPrimaryDestructiveStyle.ts +1 -1
  43. package/lib/components/Button/style/buttonPrimaryWarningStyle.ts +1 -1
  44. package/lib/components/Button/style/buttonSecondarySubtleStyle.ts +1 -1
  45. package/lib/components/Calendar/Calendar.tsx +1 -0
  46. package/lib/components/Calendar/__tests__/__snapshots__/Calendar.test.tsx.snap +17 -17
  47. package/lib/components/Calendar/subcomponents/AcademicWeek.tsx +0 -1
  48. package/lib/components/Calendar/subcomponents/Day.tsx +2 -2
  49. package/lib/components/Chip/Chip.tsx +7 -8
  50. package/lib/components/Chip/__tests__/__snapshots__/Chip.test.tsx.snap +5 -5
  51. package/lib/components/CookieNotice/CookieNotice.tsx +3 -3
  52. package/lib/components/Datepicker/__tests__/Datepicker.test.tsx +34 -1
  53. package/lib/components/Datepicker/__tests__/__snapshots__/Datepicker.test.tsx.snap +6 -6
  54. package/lib/components/Datepicker/subcomponents/DatepickerInput.tsx +7 -6
  55. package/lib/components/Datepicker/subcomponents/VisibleField.tsx +6 -8
  56. package/lib/components/Dialog/BaseDialog.tsx +3 -3
  57. package/lib/components/Divider/Divider.tsx +5 -3
  58. package/lib/components/FileInput/FileInput.tsx +1 -1
  59. package/lib/components/FileInput/__tests__/__snapshots__/FileInput.test.tsx.snap +2 -2
  60. package/lib/components/Footer/Footer.tsx +17 -17
  61. package/lib/components/Footer/FooterNavLink.tsx +3 -3
  62. package/lib/components/Footer/SocialLink.tsx +3 -3
  63. package/lib/components/Footer/__tests__/__snapshots__/Footer.test.tsx.snap +55 -55
  64. package/lib/components/FooterNew/BackToTop.tsx +1 -1
  65. package/lib/components/FooterNew/FooterColumn.tsx +1 -2
  66. package/lib/components/FooterNew/FooterNavLink.tsx +6 -5
  67. package/lib/components/FooterNew/LegalAndCopyright.tsx +15 -15
  68. package/lib/components/FooterNew/LogoAddressAndSocial.tsx +8 -6
  69. package/lib/components/FooterNew/SocialLink.tsx +4 -4
  70. package/lib/components/FooterNew/__tests__/__snapshots__/Footer.test.tsx.snap +44 -44
  71. package/lib/components/Header/Header.tsx +3 -3
  72. package/lib/components/Header/__tests__/__snapshots__/Header.test.tsx.snap +2 -2
  73. package/lib/components/HeaderDraft/HeaderBottomBreadcrumbs.tsx +3 -4
  74. package/lib/components/HeaderDraft/HeaderBottomHeadingAndAvatar.tsx +7 -7
  75. package/lib/components/HeaderDraft/HeaderBreadcrumb.tsx +4 -4
  76. package/lib/components/HeaderDraft/HeaderDraft.tsx +7 -7
  77. package/lib/components/HeaderDraft/__tests__/__snapshots__/Header.test.tsx.snap +5 -5
  78. package/lib/components/HeaderNew/Header.tsx +2 -2
  79. package/lib/components/HeaderNew/__tests__/__snapshots__/Header.test.tsx.snap +2 -2
  80. package/lib/components/Input/Input.tsx +6 -6
  81. package/lib/components/Input/__tests__/__snapshots__/Input.test.tsx.snap +4 -4
  82. package/lib/components/Label/Label.tsx +2 -2
  83. package/lib/components/Label/__tests__/__snapshots__/Label.test.tsx.snap +1 -1
  84. package/lib/components/Layout/Layout.stories.tsx +12 -12
  85. package/lib/components/Link/Link.tsx +4 -4
  86. package/lib/components/Menu/MenuContent.tsx +3 -3
  87. package/lib/components/Menu/MenuItem.tsx +10 -8
  88. package/lib/components/Menu/MenuSection.tsx +1 -1
  89. package/lib/components/Modal/Modal.tsx +5 -15
  90. package/lib/components/Modal/__tests__/__snapshots__/Modal.test.tsx.snap +2 -2
  91. package/lib/components/NativeDatepicker/NativeDatepicker.tsx +9 -7
  92. package/lib/components/Pagination/Pagination.stories.tsx +9 -0
  93. package/lib/components/Pagination/PaginationControls.tsx +17 -245
  94. package/lib/components/Pagination/__tests__/PaginationControls.test.tsx +213 -0
  95. package/lib/components/Pagination/subcomponents/PaginationCompactControls.tsx +266 -0
  96. package/lib/components/Pagination/subcomponents/PaginationStandardControls.tsx +246 -0
  97. package/lib/components/Pagination/subcomponents/index.ts +2 -0
  98. package/lib/components/Radio/Radio.tsx +13 -4
  99. package/lib/components/Radio/__tests__/__snapshots__/Radio.test.tsx.snap +3 -3
  100. package/lib/components/Search/Search.tsx +2 -2
  101. package/lib/components/Search/__tests__/__snapshots__/Search.test.tsx.snap +2 -2
  102. package/lib/components/Select/subcomponents/CustomSelect.tsx +4 -4
  103. package/lib/components/Spinner/Spinner.stories.tsx +3 -3
  104. package/lib/components/Spinner/Spinner.tsx +1 -1
  105. package/lib/components/Table/__tests__/__snapshots__/Table.test.tsx.snap +3 -3
  106. package/lib/components/Table/subcomponents/Head.tsx +2 -2
  107. package/lib/components/Table/subcomponents/Row.tsx +1 -1
  108. package/lib/components/Textarea/Textarea.tsx +7 -8
  109. package/lib/components/Textarea/__tests__/__snapshots__/Textarea.test.tsx.snap +4 -4
  110. package/lib/components/Timepicker/Timepicker.tsx +6 -4
  111. package/lib/components/Toggle/Toggle.tsx +3 -1
  112. package/lib/components/Toggle/ToggleHandle.tsx +4 -2
  113. package/lib/components/Tooltip/Tooltip.tsx +8 -5
  114. package/lib/components/Tooltip/__tests__/__snapshots__/tooltip.test.tsx.snap +2 -2
  115. package/lib/components/UclLogo/UclLogoNegativeSpace.tsx +7 -3
  116. package/lib/components/UclLogoNew/UclLogo.tsx +8 -9
  117. package/lib/components/UclLogoNew/__tests__/UclLogo.test.tsx +41 -0
  118. package/lib/components/WeekPicker/__tests__/WeekPicker.test.tsx +36 -0
  119. package/lib/components/WeekPicker/subcomponents/DatepickerInput.tsx +6 -6
  120. package/lib/components/WeekPicker/subcomponents/VisibleField.tsx +9 -9
  121. package/lib/theme/dark/darkColour.ts +2 -1
  122. package/lib/theme/dark/darkTheme.ts +8 -1
  123. package/lib/theme/index.ts +1 -0
  124. package/lib/theme/light/lightColour.ts +2 -1
  125. package/lib/theme/light/lightTheme.ts +7 -0
  126. package/lib/theme/original/defaultTheme.ts +10 -0
  127. package/lib/theme/original/originalColourNewStructure.ts +2 -1
  128. package/package.json +6 -6
@@ -16,7 +16,7 @@ export interface AlertBaseProps extends HTMLAttributes<HTMLDivElement> {
16
16
  export type AlertProps = AlertBaseProps & MarginProps;
17
17
  declare const Alert: {
18
18
  ({ type, children, testId, className, ...props }: AlertProps): import("react").JSX.Element;
19
- Title: ({ children, testId, }: import('./AlertTitle').AlertTitleProps) => import("react").JSX.Element;
19
+ Title: ({ children, testId }: import('./AlertTitle').AlertTitleProps) => import("react").JSX.Element;
20
20
  Message: ({ testId, className, children, }: import('./AlertMessage').AlertMessageProps) => import("react").JSX.Element;
21
21
  };
22
22
  export interface IAlertSubComponents {
@@ -3,7 +3,7 @@ declare const meta: {
3
3
  title: string;
4
4
  component: {
5
5
  ({ type, children, testId, className, ...props }: import('./Alert').AlertProps): import("react").JSX.Element;
6
- Title: ({ children, testId, }: import('./AlertTitle').AlertTitleProps) => import("react").JSX.Element;
6
+ Title: ({ children, testId }: import('./AlertTitle').AlertTitleProps) => import("react").JSX.Element;
7
7
  Message: ({ testId, className, children, }: import('./AlertMessage').AlertMessageProps) => import("react").JSX.Element;
8
8
  } & import('./Alert').IAlertSubComponents;
9
9
  parameters: {
@@ -3,5 +3,5 @@ export declare const NAME = "ucl-uikit-alert__title";
3
3
  export interface AlertTitleProps extends HTMLAttributes<HTMLHeadingElement> {
4
4
  testId?: string;
5
5
  }
6
- declare const AlertTitle: ({ children, testId, }: AlertTitleProps) => import("react").JSX.Element;
6
+ declare const AlertTitle: ({ children, testId }: AlertTitleProps) => import("react").JSX.Element;
7
7
  export default AlertTitle;
@@ -12,4 +12,5 @@ export default meta;
12
12
  type Story = StoryObj<typeof meta>;
13
13
  export declare const Default: Story;
14
14
  export declare const FewPages: Story;
15
+ export declare const Compact: Story;
15
16
  export declare const ItemsInfo: Story;
@@ -2,8 +2,9 @@ import { HTMLAttributes } from 'react';
2
2
  export declare const NAME = "ucl-ukit-pagination__controls";
3
3
  export declare const DEFAULT_MAX_BUTTONS = 9;
4
4
  export interface PaginationControlsProps extends HTMLAttributes<HTMLDivElement> {
5
+ variant?: 'default' | 'compact';
5
6
  maxNumberButtons?: number;
6
7
  testId?: string;
7
8
  }
8
- declare const _default: import('react').MemoExoticComponent<({ maxNumberButtons, testId, className, }: PaginationControlsProps) => import("react").JSX.Element | null>;
9
+ declare const _default: import('react').MemoExoticComponent<({ variant, maxNumberButtons, testId, className, ...props }: PaginationControlsProps) => import("react").JSX.Element>;
9
10
  export default _default;
@@ -0,0 +1,7 @@
1
+ import { HTMLAttributes } from 'react';
2
+ export interface PaginationCompactControlsProps extends HTMLAttributes<HTMLDivElement> {
3
+ name: string;
4
+ testId: string;
5
+ }
6
+ declare const _default: import('react').MemoExoticComponent<({ name, testId, className, ...props }: PaginationCompactControlsProps) => import("react").JSX.Element | null>;
7
+ export default _default;
@@ -0,0 +1,8 @@
1
+ import { HTMLAttributes } from 'react';
2
+ export interface PaginationStandardControlsProps extends HTMLAttributes<HTMLDivElement> {
3
+ maxNumberButtons: number;
4
+ name: string;
5
+ testId: string;
6
+ }
7
+ declare const _default: import('react').MemoExoticComponent<({ maxNumberButtons, name, testId, className, ...props }: PaginationStandardControlsProps) => import("react").JSX.Element | null>;
8
+ export default _default;
@@ -0,0 +1,2 @@
1
+ export { default as PaginationCompactControls } from './PaginationCompactControls';
2
+ export { default as PaginationStandardControls } from './PaginationStandardControls';
@@ -4,5 +4,5 @@ export interface ToggleHandleProps extends React.HTMLAttributes<HTMLDivElement>
4
4
  checked: boolean;
5
5
  disabled: boolean;
6
6
  }
7
- declare const _default: React.MemoExoticComponent<({ checked, className }: ToggleHandleProps) => React.JSX.Element>;
7
+ declare const _default: React.MemoExoticComponent<({ checked, disabled, className }: ToggleHandleProps) => React.JSX.Element>;
8
8
  export default _default;
@@ -1,7 +1,8 @@
1
1
  import { SVGAttributes } from 'react';
2
+ import { LogoVariant } from '../../theme';
2
3
  export declare const NAME = "ucl-uikit-logo";
3
4
  export interface UclLogoProps extends SVGAttributes<SVGElement> {
4
- variant?: 'primary' | 'secondary' | 'primary-inverse' | 'secondary-inverse';
5
+ variant?: LogoVariant;
5
6
  testId?: string;
6
7
  }
7
8
  declare const _default: import('react').MemoExoticComponent<({ variant, testId, ...props }: UclLogoProps) => import("react").JSX.Element>;