uikit-react-public 0.36.0 → 0.36.1

package/dist/index.js

@@ -17390,7 +17390,7 @@ const {
   html,
   body,
   #root {
-    background-color: ${e.colour.bg.brand};
+    background-color: ${e.colour.bg.default};
     color: ${e.colour.text.default};
   }
 `, Ex = ({ children: e, theme: t, initialTheme: o }) => {
@@ -20442,7 +20442,7 @@ const Rv = (e, t) => {
     flex-shrink: 0;
   `, z = u`
     &:hover {
-      color: ${h.colour.icon.brandInverse}; // todo: update to hover token when available
+      color: ${h.colour.icon.brandInverseSecondaryHover};
     }
   `, N = u`
     padding: ${h.padding.p4};
@@ -20452,7 +20452,7 @@ const Rv = (e, t) => {
     cursor: pointer;
 
     &:hover {
-      color: ${h.colour.icon.brandInverse}; // todo: update to hover token when available
+      color: ${h.colour.icon.brandInverseSecondaryHover};
     }
 
     &:focus-visible {

package/lib/components/Snackbar/Snackbar.tsx

@@ -40,7 +40,6 @@ const Snackbar = ({
     error: Icon.AlertTriangle,
     success: Icon.CheckCircle,
   }[variant];
-  // Success token currently differs from Figma (#008E49).
   const backgroundColor = {
     default: theme.colour.fill.brandPrimary,
     error: theme.colour.fill.critical,
@@ -90,7 +89,7 @@ const Snackbar = ({
 
   const closeButtonStyle = css`
     &:hover {
-      color: ${theme.colour.icon.brandInverse}; // todo: update to hover token when available
+      color: ${theme.colour.icon.brandInverseSecondaryHover};
     }
   `;
 
@@ -102,7 +101,7 @@ const Snackbar = ({
     cursor: pointer;
 
     &:hover {
-      color: ${theme.colour.icon.brandInverse}; // todo: update to hover token when available
+      color: ${theme.colour.icon.brandInverseSecondaryHover};
     }
 
     &:focus-visible {

package/lib/components/Snackbar/__tests__/__snapshots__/Snackbar.test.tsx.snap

@@ -40,7 +40,7 @@ exports[`Snackbar > snapshot: custom test id 1`] = `
     class="css-1xjm0bq"
   >
     <button
-      class="css-16c49qk"
+      class="css-1omltr1"
       data-testid="custom-test-id-undo-button"
     >
       <span
@@ -95,7 +95,7 @@ exports[`Snackbar > snapshot: minimal props 1`] = `
   >
     <button
       aria-label="Dismiss notification"
-      class="ucl-uikit-icon-button css-1kh68vi"
+      class="ucl-uikit-icon-button css-1s0isp9"
       data-testid="ucl-uikit-snackbar-close-button"
     >
       <svg

package/lib/theme/__tests__/useTheme.test.tsx

@@ -100,14 +100,14 @@ describe('useTheme', () => {
     );
 
     expect(document.body).toHaveStyle({
-      backgroundColor: lightTheme.colour.bg.brand,
+      backgroundColor: lightTheme.colour.bg.default,
       color: lightTheme.colour.text.default,
     });
 
     fireEvent.click(screen.getByTestId('set-dark'));
 
     expect(document.body).toHaveStyle({
-      backgroundColor: darkTheme.colour.bg.brand,
+      backgroundColor: darkTheme.colour.bg.default,
       color: darkTheme.colour.text.default,
     });
   });

package/lib/theme/useTheme.tsx

@@ -96,7 +96,7 @@ const globalThemeStyles = (activeTheme: ThemeType) => css`
   html,
   body,
   #root {
-    background-color: ${activeTheme.colour.bg.brand};
+    background-color: ${activeTheme.colour.bg.default};
     color: ${activeTheme.colour.text.default};
   }
 `;

package/package.json

@@ -2,7 +2,7 @@
   "name": "uikit-react-public",
   "private": false,
   "license": "UNLICENSED",
-  "version": "0.36.0",
+  "version": "0.36.1",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",