uikit-react-public 0.17.4 → 0.21.8

package/lib/components/Divider/__tests__/__snapshots__/Breadcrumbs.test.tsx.snap

@@ -2,15 +2,15 @@
 
 exports[`Breadcrumbs > Snapshot: No props 1`] = `
 <nav
-  class="ucl-timetable-breadcrumbs"
-  data-testid="ucl-timetable-breadcrumbs"
+  class="ucl-uikit-breadcrumbs"
+  data-testid="ucl-uikit-breadcrumbs"
 >
   <span
     class="css-cdcdpg"
   >
     <span
-      class="css-0 ucl-timetable-breadcrumb ucl-timetable-breadcrumb--active"
-      data-testid="ucl-timetable-breadcrumb"
+      class="css-0 ucl-uikit-breadcrumb ucl-uikit-breadcrumb--active"
+      data-testid="ucl-uikit-breadcrumb"
     >
       Home
     </span>
@@ -35,8 +35,8 @@ exports[`Breadcrumbs > Snapshot: No props 1`] = `
     class="css-cdcdpg"
   >
     <a
-      class="ucl-link ucl-timetable-breadcrumb ucl-timetable-breadcrumb--inactive css-1tsyuoi"
-      data-testid="ucl-timetable-breadcrumb"
+      class="ucl-link ucl-uikit-breadcrumb ucl-uikit-breadcrumb--inactive css-1tsyuoi"
+      data-testid="ucl-uikit-breadcrumb"
       href="/showcase"
     >
       Timetable
@@ -62,8 +62,8 @@ exports[`Breadcrumbs > Snapshot: No props 1`] = `
     class="css-cdcdpg"
   >
     <a
-      class="ucl-link ucl-timetable-breadcrumb ucl-timetable-breadcrumb--inactive css-1tsyuoi"
-      data-testid="ucl-timetable-breadcrumb"
+      class="ucl-link ucl-uikit-breadcrumb ucl-uikit-breadcrumb--inactive css-1tsyuoi"
+      data-testid="ucl-uikit-breadcrumb"
       href="/showcase/breadcrumbs"
     >
       Personal
@@ -74,14 +74,14 @@ exports[`Breadcrumbs > Snapshot: No props 1`] = `
 
 exports[`Breadcrumbs > snapshot: Custom Test ID 1`] = `
 <nav
-  class="ucl-timetable-breadcrumbs"
+  class="ucl-uikit-breadcrumbs"
   data-testid="custom-testid"
 >
   <span
     class="css-cdcdpg"
   >
     <span
-      class="css-0 ucl-timetable-breadcrumb ucl-timetable-breadcrumb--active"
+      class="css-0 ucl-uikit-breadcrumb ucl-uikit-breadcrumb--active"
       data-testid="custom-testid-1"
     >
       Home
@@ -107,7 +107,7 @@ exports[`Breadcrumbs > snapshot: Custom Test ID 1`] = `
     class="css-cdcdpg"
   >
     <a
-      class="ucl-link ucl-timetable-breadcrumb ucl-timetable-breadcrumb--inactive css-1tsyuoi"
+      class="ucl-link ucl-uikit-breadcrumb ucl-uikit-breadcrumb--inactive css-1tsyuoi"
       data-testid="custom-testid-2"
       href="/showcase"
     >
@@ -134,7 +134,7 @@ exports[`Breadcrumbs > snapshot: Custom Test ID 1`] = `
     class="css-cdcdpg"
   >
     <a
-      class="ucl-link ucl-timetable-breadcrumb ucl-timetable-breadcrumb--inactive css-1tsyuoi"
+      class="ucl-link ucl-uikit-breadcrumb ucl-uikit-breadcrumb--inactive css-1tsyuoi"
       data-testid="custom-testid-3"
       href="/showcase/breadcrumbs"
     >

package/lib/components/FeedbackDialog/FeedbackDialog.stories.tsx

@@ -2,7 +2,7 @@ import type { Meta, StoryObj } from '@storybook/react';
 import FeedbackDialog from './FeedbackDialog';
 
 const meta = {
-  title: 'Components/Work in progress/FeedbackDialog',
+  title: 'Components/FeedbackDialog',
   component: FeedbackDialog,
   parameters: {
     docs: {

package/lib/components/FeedbackDialog/FeedbackDialog.tsx

@@ -31,9 +31,7 @@ const FeedbackDialog = ({
   const [theme] = useTheme();
 
   const {
-    color: {
-      system: { green70, orange70, red70 },
-    },
+    colour: { icon: iconColour },
   } = theme;
 
   const iconBaseStyle = css`
@@ -48,15 +46,15 @@ const FeedbackDialog = ({
     iconBaseStyle,
     type === 'success' &&
       css`
-        color: ${green70};
+        color: ${iconColour.success};
       `,
     type === 'warning' &&
       css`
-        color: ${orange70};
+        color: ${iconColour.warning};
       `,
     type === 'error' &&
       css`
-        color: ${red70};
+        color: ${iconColour.critical};
       `
   );
 

package/lib/components/Field/CharacterCount.tsx

@@ -21,7 +21,7 @@ const CharacaterCount = ({
   const { disabled, charCount } = use(FieldContext);
 
   const baseStyle = css`
-    color: ${theme.color.text.secondary};
+    color: ${theme.colour.text.secondary};
     font-size: ${theme.font.size.f14};
     font-family: ${theme.font.family.primary};
     line-height: ${theme.font.lineHeight.h120};
@@ -29,7 +29,7 @@ const CharacaterCount = ({
   `;
 
   const disabledStyle = css`
-    color: ${theme.color.text.disabled};
+    color: ${theme.colour.text.disabled};
   `;
 
   const style = cx(NAME, baseStyle, disabled && disabledStyle, className);

package/lib/components/Field/ErrorText.tsx

@@ -26,7 +26,7 @@ const ErrorText = ({
     align-items: flex-start;
     gap: 8px;
     margin-top: 8px;
-    color: ${theme.color.system.red70};
+    color: ${theme.colour.text.critical};
     font-family: ${theme.font.family.primary};
     font-size: ${theme.font.size.f14};
     line-height: ${theme.font.lineHeight.h120};

package/lib/components/Field/Field.tsx

@@ -60,7 +60,7 @@ const Field = ({
 
   const errorStyle = css`
     padding-left: 16px;
-    border-left: 4px solid ${theme.color.system.red70};
+    border-left: 4px solid ${theme.colour.border.critical};
   `;
 
   const style = cx(

package/lib/components/Field/HelperText.tsx

@@ -20,7 +20,9 @@ const HelperText = ({
   const { disabled } = use(FieldContext);
 
   const baseStyle = css`
-    color: ${disabled ? theme.color.text.disabled : theme.color.text.secondary};
+    color: ${disabled
+      ? theme.colour.text.disabled
+      : theme.colour.text.secondary};
     font-family: ${theme.font.family.primary};
     font-size: ${theme.font.size.f16};
     line-height: ${theme.font.lineHeight.h120};

package/lib/components/FileInput/FileInput.stories.tsx

@@ -2,7 +2,7 @@ import type { Meta, StoryObj } from '@storybook/react';
 import FileInput from './FileInput';
 
 const meta = {
-  title: 'Components/Work in progress/FileInput',
+  title: 'Components/FileInput',
   component: FileInput,
   parameters: {
     layout: 'centered',

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

@@ -12,6 +12,7 @@ exports[`Input > snapshot: no props 1`] = `
       class="ucl-uikit-icon css-148hpxb"
       data-testid="ucl-uikit-icon"
       fill="none"
+      focusable="false"
       height="24"
       stroke="currentColor"
       stroke-linecap="round"
@@ -22,16 +23,7 @@ exports[`Input > snapshot: no props 1`] = `
       xmlns="http://www.w3.org/2000/svg"
     >
       <path
-        d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"
-      />
-      <polyline
-        points="17 8 12 3 7 8"
-      />
-      <line
-        x1="12"
-        x2="12"
-        y1="3"
-        y2="15"
+        d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4m14-7-5-5-5 5m5-5v12"
       />
     </svg>
     Upload File
@@ -57,6 +49,7 @@ exports[`Input > snapshot: value prop 1`] = `
       class="ucl-uikit-icon css-148hpxb"
       data-testid="ucl-uikit-icon"
       fill="none"
+      focusable="false"
       height="24"
       stroke="currentColor"
       stroke-linecap="round"
@@ -67,16 +60,7 @@ exports[`Input > snapshot: value prop 1`] = `
       xmlns="http://www.w3.org/2000/svg"
     >
       <path
-        d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"
-      />
-      <polyline
-        points="17 8 12 3 7 8"
-      />
-      <line
-        x1="12"
-        x2="12"
-        y1="3"
-        y2="15"
+        d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4m14-7-5-5-5 5m5-5v12"
       />
     </svg>
     Upload File/Image