uikit-react-public 0.37.2 → 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 (116) 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/Toggle/ToggleHandle.d.ts +1 -1
  5. package/dist/components/UclLogoNew/UclLogo.d.ts +2 -1
  6. package/dist/components/UclLogoNew/__tests__/UclLogo.test.d.ts +1 -0
  7. package/dist/components/WeekPicker/__tests__/WeekPicker.test.d.ts +1 -0
  8. package/dist/index.js +1287 -1234
  9. package/dist/theme/dark/darkColour.d.ts +1 -0
  10. package/dist/theme/index.d.ts +1 -1
  11. package/dist/theme/light/lightColour.d.ts +1 -0
  12. package/dist/theme/original/defaultTheme.d.ts +7 -0
  13. package/dist/theme/original/originalColourNewStructure.d.ts +1 -0
  14. package/dist/theme/useTheme.d.ts +12 -0
  15. package/lib/components/Alert/AlertMessage.tsx +5 -4
  16. package/lib/components/Alert/AlertTitle.tsx +6 -8
  17. package/lib/components/AppHeader/AppHeader.stories.tsx +3 -3
  18. package/lib/components/AppHeader/AppHeader.tsx +2 -2
  19. package/lib/components/AppHeader/AppHeaderBottom.tsx +2 -3
  20. package/lib/components/AppHeader/AppHeaderTop.tsx +1 -1
  21. package/lib/components/AppHeader/__tests__/__snapshots__/AppHeader.test.tsx.snap +1 -1
  22. package/lib/components/AppMenu/AppMenuContent.tsx +4 -5
  23. package/lib/components/AppMenu/AppMenuDivider.tsx +5 -6
  24. package/lib/components/AppMenu/AppMenuItem.tsx +6 -6
  25. package/lib/components/AppMenu/__tests__/__snapshots__/AppMenu.test.tsx.snap +1 -1
  26. package/lib/components/Avatar/Avatar.tsx +7 -5
  27. package/lib/components/Avatar/__tests__/__snapshots__/Avatar.test.tsx.snap +18 -18
  28. package/lib/components/Badge/Badge.tsx +12 -12
  29. package/lib/components/Badge/__tests__/Badge.test.tsx +84 -1
  30. package/lib/components/Badge/__tests__/__snapshots__/Badge.test.tsx.snap +2 -2
  31. package/lib/components/Blanket/Blanket.tsx +1 -1
  32. package/lib/components/Blanket/__tests__/__snapshots__/Blanket.test.tsx.snap +1 -1
  33. package/lib/components/Button/__tests__/Button.test.tsx +46 -1
  34. package/lib/components/Button/__tests__/__snapshots__/Button.test.tsx.snap +2 -2
  35. package/lib/components/Button/style/buttonAccentStyle.ts +1 -1
  36. package/lib/components/Button/style/buttonPrimaryDestructiveStyle.ts +1 -1
  37. package/lib/components/Button/style/buttonPrimaryWarningStyle.ts +1 -1
  38. package/lib/components/Button/style/buttonSecondarySubtleStyle.ts +1 -1
  39. package/lib/components/Calendar/Calendar.tsx +1 -0
  40. package/lib/components/Calendar/__tests__/__snapshots__/Calendar.test.tsx.snap +17 -17
  41. package/lib/components/Calendar/subcomponents/AcademicWeek.tsx +0 -1
  42. package/lib/components/Calendar/subcomponents/Day.tsx +2 -2
  43. package/lib/components/Chip/Chip.tsx +7 -8
  44. package/lib/components/Chip/__tests__/__snapshots__/Chip.test.tsx.snap +5 -5
  45. package/lib/components/CookieNotice/CookieNotice.tsx +3 -3
  46. package/lib/components/Datepicker/__tests__/Datepicker.test.tsx +34 -1
  47. package/lib/components/Datepicker/__tests__/__snapshots__/Datepicker.test.tsx.snap +6 -6
  48. package/lib/components/Datepicker/subcomponents/DatepickerInput.tsx +7 -6
  49. package/lib/components/Datepicker/subcomponents/VisibleField.tsx +6 -8
  50. package/lib/components/Dialog/BaseDialog.tsx +3 -3
  51. package/lib/components/Divider/Divider.tsx +5 -3
  52. package/lib/components/FileInput/FileInput.tsx +1 -1
  53. package/lib/components/FileInput/__tests__/__snapshots__/FileInput.test.tsx.snap +2 -2
  54. package/lib/components/Footer/Footer.tsx +17 -17
  55. package/lib/components/Footer/FooterNavLink.tsx +3 -3
  56. package/lib/components/Footer/SocialLink.tsx +3 -3
  57. package/lib/components/Footer/__tests__/__snapshots__/Footer.test.tsx.snap +55 -55
  58. package/lib/components/FooterNew/BackToTop.tsx +1 -1
  59. package/lib/components/FooterNew/FooterColumn.tsx +1 -2
  60. package/lib/components/FooterNew/FooterNavLink.tsx +6 -5
  61. package/lib/components/FooterNew/LegalAndCopyright.tsx +15 -15
  62. package/lib/components/FooterNew/LogoAddressAndSocial.tsx +8 -6
  63. package/lib/components/FooterNew/SocialLink.tsx +4 -4
  64. package/lib/components/FooterNew/__tests__/__snapshots__/Footer.test.tsx.snap +44 -44
  65. package/lib/components/Header/Header.tsx +3 -3
  66. package/lib/components/Header/__tests__/__snapshots__/Header.test.tsx.snap +2 -2
  67. package/lib/components/HeaderDraft/HeaderBottomBreadcrumbs.tsx +3 -4
  68. package/lib/components/HeaderDraft/HeaderBottomHeadingAndAvatar.tsx +7 -7
  69. package/lib/components/HeaderDraft/HeaderBreadcrumb.tsx +4 -4
  70. package/lib/components/HeaderDraft/HeaderDraft.tsx +7 -7
  71. package/lib/components/HeaderDraft/__tests__/__snapshots__/Header.test.tsx.snap +5 -5
  72. package/lib/components/HeaderNew/Header.tsx +2 -2
  73. package/lib/components/HeaderNew/__tests__/__snapshots__/Header.test.tsx.snap +2 -2
  74. package/lib/components/Input/Input.tsx +6 -6
  75. package/lib/components/Input/__tests__/__snapshots__/Input.test.tsx.snap +4 -4
  76. package/lib/components/Label/Label.tsx +2 -2
  77. package/lib/components/Label/__tests__/__snapshots__/Label.test.tsx.snap +1 -1
  78. package/lib/components/Layout/Layout.stories.tsx +12 -12
  79. package/lib/components/Link/Link.tsx +4 -4
  80. package/lib/components/Menu/MenuContent.tsx +3 -3
  81. package/lib/components/Menu/MenuItem.tsx +10 -8
  82. package/lib/components/Menu/MenuSection.tsx +1 -1
  83. package/lib/components/Modal/Modal.tsx +5 -15
  84. package/lib/components/Modal/__tests__/__snapshots__/Modal.test.tsx.snap +2 -2
  85. package/lib/components/NativeDatepicker/NativeDatepicker.tsx +9 -7
  86. package/lib/components/Radio/Radio.tsx +13 -4
  87. package/lib/components/Radio/__tests__/__snapshots__/Radio.test.tsx.snap +3 -3
  88. package/lib/components/Search/Search.tsx +2 -2
  89. package/lib/components/Search/__tests__/__snapshots__/Search.test.tsx.snap +2 -2
  90. package/lib/components/Select/subcomponents/CustomSelect.tsx +4 -4
  91. package/lib/components/Spinner/Spinner.stories.tsx +3 -3
  92. package/lib/components/Spinner/Spinner.tsx +1 -1
  93. package/lib/components/Table/__tests__/__snapshots__/Table.test.tsx.snap +3 -3
  94. package/lib/components/Table/subcomponents/Head.tsx +2 -2
  95. package/lib/components/Table/subcomponents/Row.tsx +1 -1
  96. package/lib/components/Textarea/Textarea.tsx +7 -8
  97. package/lib/components/Textarea/__tests__/__snapshots__/Textarea.test.tsx.snap +4 -4
  98. package/lib/components/Timepicker/Timepicker.tsx +6 -4
  99. package/lib/components/Toggle/Toggle.tsx +3 -1
  100. package/lib/components/Toggle/ToggleHandle.tsx +4 -2
  101. package/lib/components/Tooltip/Tooltip.tsx +8 -5
  102. package/lib/components/Tooltip/__tests__/__snapshots__/tooltip.test.tsx.snap +2 -2
  103. package/lib/components/UclLogo/UclLogoNegativeSpace.tsx +7 -3
  104. package/lib/components/UclLogoNew/UclLogo.tsx +8 -9
  105. package/lib/components/UclLogoNew/__tests__/UclLogo.test.tsx +41 -0
  106. package/lib/components/WeekPicker/__tests__/WeekPicker.test.tsx +36 -0
  107. package/lib/components/WeekPicker/subcomponents/DatepickerInput.tsx +6 -6
  108. package/lib/components/WeekPicker/subcomponents/VisibleField.tsx +9 -9
  109. package/lib/theme/dark/darkColour.ts +2 -1
  110. package/lib/theme/dark/darkTheme.ts +8 -1
  111. package/lib/theme/index.ts +1 -0
  112. package/lib/theme/light/lightColour.ts +2 -1
  113. package/lib/theme/light/lightTheme.ts +7 -0
  114. package/lib/theme/original/defaultTheme.ts +10 -0
  115. package/lib/theme/original/originalColourNewStructure.ts +2 -1
  116. package/package.json +2 -2
package/lib/theme/original/defaultTheme.ts CHANGED
@@ -4,6 +4,9 @@ import originalColour from './originalColourNewStructure';
4
4
 
5
5
  // UCL Theme
6
6
 
7
+ export type LogoVariant =
8
+ 'primary' | 'secondary' | 'primary-inverse' | 'secondary-inverse';
9
+
7
10
  const baseSizes = {
8
11
  s1: '1px',
9
12
  s2: '2px',
@@ -89,10 +92,17 @@ const mq = {
89
92
  custom,
90
93
  };
91
94
 
95
+ const logo = {
96
+ ucl: {
97
+ variant: 'primary' as LogoVariant,
98
+ },
99
+ };
100
+
92
101
  const theme = {
93
102
  // new
94
103
  primitiveColour: lightPrimitiveColour,
95
104
  colour: originalColour,
105
+ logo,
96
106
  typography,
97
107
 
98
108
  // to deprecate
package/lib/theme/original/originalColourNewStructure.ts CHANGED
@@ -2,7 +2,7 @@ import { tokens } from 'design-system-foundations-public';
2
2
  import tokenToHex from '../../utils/addAlphaToHex';
3
3
  import color from './color';
4
4
 
5
- const { light: lightThemeTokens } = tokens;
5
+ const { light: lightThemeTokens, primitives: lightPrimitiveTokens } = tokens;
6
6
 
7
7
  // UCL Original Theme Colours - in new format
8
8
 
@@ -63,6 +63,7 @@ const fill = {
63
63
  cautionPressed: color.system.orange100, // tokenToHex(lightThemeTokens.colour.fill['caution-pressed'].$value),
64
64
  cautionSubtle: color.system.orange10, // tokenToHex(lightThemeTokens.colour.fill['caution-subtle'].$value),
65
65
  warningSubtle: color.system.orange10, // tokenToHex(lightThemeTokens.colour.fill['warning-subtle'].$value),
66
+ warning: tokenToHex(lightPrimitiveTokens.colour.orange['11'].$value),
66
67
  success: color.system.green70, // tokenToHex(lightThemeTokens.colour.fill.success.$value),
67
68
  successSubtle: color.system.green10, // tokenToHex(lightThemeTokens.colour.fill['success-subtle'].$value),
68
69
  };
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "uikit-react-public",
3
3
  "private": false,
4
4
  "license": "UNLICENSED",
5
- "version": "0.37.2",
5
+ "version": "0.38.0",
6
6
  "type": "module",
7
7
  "main": "dist/index.js",
8
8
  "types": "dist/index.d.ts",
@@ -43,7 +43,7 @@
43
43
  "@emotion/css": "^11.13.5",
44
44
  "@emotion/react": "^11.14.0",
45
45
  "@floating-ui/react-dom": "^2.1.2",
46
- "design-system-foundations-public": "0.1.0"
46
+ "design-system-foundations-public": "0.1.6"
47
47
  },
48
48
  "peerDependencies": {
49
49
  "react": "^19.0.0",