Merge branch 'master' into feature/update-toast-design

app/lib.ts

@@ -29,12 +29,14 @@ export { Spinner } from '../src/components/graphics/Spinner/Spinner.tsx';
 
 export { PropertyList } from '../src/components/lists/PropertyList/PropertyList.tsx';
 
-export { Tabs } from '../src/components/navigations/Tabs/Tabs.tsx';
+export { Tab, Tabs } from '../src/components/navigations/Tabs/Tabs.tsx';
+export { Stepper } from '../src/components/navigations/Stepper/Stepper.tsx';
 
 export { DropdownMenu } from '../src/components/overlays/DropdownMenu/DropdownMenu.tsx';
 export { Modal } from '../src/components/overlays/Modal/Modal.tsx';
 export { type ToastContent, ToastProvider, ToastMessage } from '../src/components/overlays/Toast/Toast.tsx';
 export { Tooltip } from '../src/components/overlays/Tooltip/Tooltip.tsx';
+export { TooltipProvider } from '../src/components/overlays/Tooltip/TooltipProvider.tsx';
 
 // Layouts
 

src/assets/icons/_icons.ts

@@ -24,7 +24,11 @@ export const icons = {
   'edit': {},
   'email': {},
   'eye': {},
+  'file': {},
+  'file-error': {},
   'fortanix-ki': {},
+  'folder': {},
+  'graph': {},
   'groups': {},
   'hide': {},
   'home': {},

src/components/actions/Button/Button.module.scss

@@ -32,11 +32,6 @@
     /* letter-spacing: 0.1ch; */
     text-transform: uppercase;
 
-    @media (prefers-reduced-motion: no-preference) {
-      transition: none 150ms ease-in-out;
-      transition-property: border, background, color;
-    }
-
     /* Tertiary (default) */
     border-color: transparent;
     background-color: transparent;
@@ -72,6 +67,11 @@
       --bk-button-color-contrast: #{bk.$theme-button-primary-text-non-active};
       cursor: not-allowed;
     }
+
+    @media (prefers-reduced-motion: no-preference) {
+      transition: none 150ms ease-in-out;
+      transition-property: border, background, color;
+    }
 
     /* & > :global(.icon) { font-size: 1.2rem; } */
 

src/components/graphics/PlaceholderEmpty/PlaceholderEmpty.module.scss

@@ -0,0 +1,76 @@
+/* Copyright (c) Fortanix, Inc.
+|* This Source Code Form is subject to the terms of the Mozilla Public License, v. 2.0. If a copy of the MPL was not
+|* distributed with this file, you can obtain one at http://mozilla.org/MPL/2.0/. */
+
+@use '../../../styling/defs.scss' as bk;
+
+@layer baklava.components {
+  .bk-placeholder-empty {
+    @include bk.component-base(bk-placeholder-empty);
+    display: flex;
+    align-items: center;
+    flex-direction: column;
+
+    &.bk-placeholder-empty--large {
+      gap: bk.$spacing-6;
+
+      .bk-placeholder-empty__icon {
+        --bk-icon-size: 6rem;
+        max-height: 5rem;
+      }
+
+      .bk-placeholder-empty__content {
+        gap: bk.$spacing-4;
+      }
+
+      .bk-placeholder-empty__content__title {
+        font-size: 20px;
+        line-height: 20px;
+      }
+    }
+
+    &.bk-placeholder-empty--small {
+      gap: bk.$spacing-4;
+
+      .bk-placeholder-empty__icon {
+        --bk-icon-size: 4rem;
+        max-height: 3rem;
+      }
+
+      .bk-placeholder-empty__content {
+        gap: bk.$spacing-2;
+      }
+
+      .bk-placeholder-empty__content__title {
+        font-size: 14px;
+        line-height: 14px;
+      }
+    }
+
+    .bk-placeholder-empty__icon {
+      color: bk.$theme-empty-state-stoke-default;
+    }
+
+    .bk-placeholder-empty__content {
+      display: flex;
+      align-items: center;
+      flex-direction: column;
+    }
+
+    .bk-placeholder-empty__content__title {
+      color: bk.$theme-text-heading-default;
+      font-family: bk.$font-family-display;
+    }
+
+    .bk-placeholder-empty__content__subtitle {
+      max-width: 50%;
+      text-align: center;
+    }
+
+    .bk-placeholder-empty__content__action {
+      display: flex;
+      align-items: center;
+      gap: bk.$spacing-4;
+    }
+  }
+}