@luscii-healthtech/web-ui 42.12.3 → 42.13.1

package/dist/src/components/Icons/EmojiIcon.d.ts

@@ -0,0 +1,3 @@
+import { IconProps } from "./types/IconProps.type";
+declare const _default: ({ className, size, color, ...rest }: IconProps) => JSX.Element;
+export default _default;

package/dist/src/components/Icons/GifIcon.d.ts

@@ -0,0 +1,3 @@
+import { IconProps } from "./types/IconProps.type";
+declare const _default: ({ className, size, color, ...rest }: IconProps) => JSX.Element;
+export default _default;

package/dist/src/components/Icons/index.d.ts

@@ -37,6 +37,7 @@ export { default as DownloadIcon } from "./DownloadIcon";
 export { default as DragIndicatorIcon } from "./DragIndicatorIcon";
 export { default as EarthIcon } from "./EarthIcon";
 export { default as EmailIcon } from "./EmailIcon";
+export { default as EmojiIcon } from "./EmojiIcon";
 export { default as EmptyIcon } from "./EmptyIcon";
 export { default as ExclamationMarkIcon } from "./ExclamationMarkIcon";
 export { default as ExportIcon } from "./ExportIcon";
@@ -49,6 +50,7 @@ export { default as FirstAidKitIcon } from "./FirstAidKitIcon";
 export { default as FlagIcon } from "./FlagIcon";
 export { default as FolderIcon } from "./FolderIcon";
 export { default as ForwardIcon } from "./ForwardIcon";
+export { default as GifIcon } from "./GifIcon";
 export { default as GrayAlertIcon } from "./GrayAlertIcon";
 export { default as GroupIcon } from "./GroupIcon";
 export { default as GroupOfThreeIcon } from "./GroupOfThreeIcon";

package/dist/src/components/Icons/special-icons/BeterDichtbijIcon.d.ts

@@ -0,0 +1,3 @@
+import { IconProps } from "../types/IconProps.type";
+declare const _default: ({ className, size, color, ...rest }: IconProps) => JSX.Element;
+export default _default;

package/dist/src/components/Icons/special-icons/index.d.ts

@@ -1,4 +1,5 @@
 export { default as AmberAlertColoredIcon } from "./AmberAlertColoredIcon";
+export { default as BeterDichtbijIcon } from "./BeterDichtbijIcon";
 export { default as ChartLineColoredIcon } from "./ChartLineColoredIcon";
 export { default as CheckFilledColoredIcon } from "./CheckFilledColoredIcon";
 export { default as FlagDeColoredIcon } from "./FlagDeColoredIcon";

package/dist/stories/PrimitiveColors/PrimitiveColors.d.ts

@@ -0,0 +1 @@
+export declare function PrimitiveColors(): import("react/jsx-runtime").JSX.Element;

package/dist/stories/SemanticColors/SemanticColors.d.ts

@@ -0,0 +1,11 @@
+interface SemanticColorGroupProps {
+    category: "background" | "border" | "text" | "icon";
+    group: string;
+}
+export declare function SemanticColorGroup({ category, group, }: SemanticColorGroupProps): import("react/jsx-runtime").JSX.Element | null;
+interface CategorySectionProps {
+    category: "background" | "border" | "text" | "icon";
+    title: string;
+}
+export declare function CategorySection({ category, title }: CategorySectionProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/web-ui-tailwind.css

@@ -13,7 +13,6 @@
   --ui-color-orange-400: #fb923c;
   --ui-color-amber-50: #fef8e3;
   --ui-color-amber-100: #fef3c7;
-  --ui-color-amber-400: #fbbf24;
   --ui-color-amber-500: #f59e0b;
   --ui-color-amber-700: #b45309;
   --ui-color-amber-800: #92400e;
@@ -110,9 +109,33 @@
   --ui-spacing-l: 24px;
   --ui-spacing-xl: 32px;
   --ui-spacing-xxl: 32px;
-  --ui-color-secondary-pink-dark: #9d174d;
+  --ui-primitive-color-grey-100: #ffffff;
+  --ui-primitive-color-grey-300: #f5f7fa;
+  --ui-primitive-color-grey-500: #cbd5e1;
+  --ui-primitive-color-grey-700: #7387a4;
+  --ui-primitive-color-grey-800: #3a4657;
+  --ui-primitive-color-grey-900: #162130;
+  --ui-primitive-color-brand-500: #1d4ed8;
+  --ui-primitive-color-brand-700: #1e40af;
+  --ui-primitive-color-brand-900: #112d9c;
+  --ui-primitive-color-pink-700: #c30074;
+  --ui-primitive-color-green-300: #4ade80;
+  --ui-primitive-color-green-500: #388e3c;
+  --ui-primitive-color-green-700: #1b5e20;
+  --ui-primitive-color-blue-100: #f1f5fc;
+  --ui-primitive-color-blue-300: #d7e3fb;
+  --ui-primitive-color-blue-500: #b3cafc;
+  --ui-primitive-color-orange-500: #ffb300;
+  --ui-primitive-color-orange-700: #f0761e;
+  --ui-primitive-color-orange-900: #8a3d00;
+  --ui-primitive-color-red-100: #fee2e2;
+  --ui-primitive-color-red-300: #ffa5a7;
+  --ui-primitive-color-red-500: #ff6266;
+  --ui-primitive-color-red-700: #b91c1c;
+  --ui-primitive-color-red-900: #8d1515;
   --ui-color-on-surface-variant: var(--ui-color-slate-500);
   --ui-color-background: var(--ui-color-slate-50);
+  --ui-color-background-info-secondary-default: var(--ui-primitive-color-blue-100);
   --ui-flyout-menu-content-max-height: 600px;
 }
 *, ::after, ::before, ::backdrop, ::file-selector-button {
@@ -530,9 +553,6 @@ button, input:where([type='button'], [type='reset'], [type='submit']), ::file-se
 .ui\:my-4 {
   margin-block: calc(var(--ui-spacing) * 4);
 }
-.ui\:my-6 {
-  margin-block: calc(var(--ui-spacing) * 6);
-}
 .ui\:my-8 {
   margin-block: calc(var(--ui-spacing) * 8);
 }
@@ -1139,9 +1159,6 @@ button, input:where([type='button'], [type='reset'], [type='submit']), ::file-se
 .ui\:w-36 {
   width: 9rem;
 }
-.ui\:w-40 {
-  width: 10rem;
-}
 .ui\:w-46 {
   width: 11.5rem;
 }
@@ -2007,6 +2024,9 @@ button, input:where([type='button'], [type='reset'], [type='submit']), ::file-se
 .ui\:border-black {
   border-color: var(--ui-color-black);
 }
+.ui\:border-border-success-primary-default {
+  border-color: var(--ui-primitive-color-green-700);
+}
 .ui\:border-color-border {
   border-color: #ccc;
 }
@@ -2103,15 +2123,23 @@ button, input:where([type='button'], [type='reset'], [type='submit']), ::file-se
 .ui\:bg-amber-50 {
   background-color: var(--ui-color-amber-50);
 }
-.ui\:bg-amber-400 {
-  background-color: var(--ui-color-amber-400);
-}
 .ui\:bg-amber-500 {
   background-color: var(--ui-color-amber-500);
 }
 .ui\:bg-background {
   background-color: var(--ui-color-slate-50);
 }
+.ui\:bg-background-brand-primary-default {
+  background-color: var(--ui-primitive-color-brand-700);
+}
+.ui\:bg-background-brand-primary-hovered {
+  background-color: var(--ui-primitive-color-brand-500);
+}
+.ui\:bg-background-success-secondary-default {
+  background-color: var(
+    --ui-primitive-color-green-300
+  );
+}
 .ui\:bg-black {
   background-color: var(--ui-color-black);
 }
@@ -2124,9 +2152,6 @@ button, input:where([type='button'], [type='reset'], [type='submit']), ::file-se
 .ui\:bg-blue-400 {
   background-color: var(--ui-color-blue-400);
 }
-.ui\:bg-blue-800 {
-  background-color: var(--ui-color-blue-800);
-}
 .ui\:bg-color-divider {
   background-color: #eeeeee;
 }
@@ -2199,9 +2224,6 @@ button, input:where([type='button'], [type='reset'], [type='submit']), ::file-se
 .ui\:bg-red-500 {
   background-color: var(--ui-color-red-500);
 }
-.ui\:bg-red-700 {
-  background-color: var(--ui-color-red-700);
-}
 .ui\:bg-secondary {
   background-color: #F3F4F6;
 }
@@ -2226,9 +2248,6 @@ button, input:where([type='button'], [type='reset'], [type='submit']), ::file-se
 .ui\:bg-slate-400 {
   background-color: var(--ui-color-slate-400);
 }
-.ui\:bg-slate-500 {
-  background-color: var(--ui-color-slate-500);
-}
 .ui\:bg-slate-800 {
   background-color: var(--ui-color-slate-800);
 }
@@ -2877,7 +2896,16 @@ button, input:where([type='button'], [type='reset'], [type='submit']), ::file-se
   color: var(--ui-color-slate-800);
 }
 .ui\:text-text-body-active {
-  color: var(--ui-color-secondary-pink-dark);
+  color: var(--ui-primitive-color-pink-700);
+}
+.ui\:text-text-brand-primary-default {
+  color: var(--ui-primitive-color-brand-700);
+}
+.ui\:text-text-brand-secondary-default {
+  color: var(--ui-primitive-color-brand-500);
+}
+.ui\:text-text-error-primary-default {
+  color: var(--ui-primitive-color-red-900);
 }
 .ui\:text-transparent {
   color: transparent;