@telia/teddy 0.7.58 → 0.7.59

package/dist/components/notification/notification-root.cjs

@@ -24,21 +24,21 @@ function _interopNamespaceDefault(e) {
 }
 const CollapsiblePrimitive__namespace = /* @__PURE__ */ _interopNamespaceDefault(CollapsiblePrimitive);
 const styles = {
-  "teddy-notification": "_teddy-notification_yr9vf_3",
-  "teddy-notification--success": "_teddy-notification--success_yr9vf_11",
-  "teddy-notification--warning": "_teddy-notification--warning_yr9vf_16",
-  "teddy-notification--error": "_teddy-notification--error_yr9vf_21",
-  "teddy-notification--information": "_teddy-notification--information_yr9vf_26",
-  "teddy-notification--beige": "_teddy-notification--beige_yr9vf_31",
-  "teddy-notification--teal": "_teddy-notification--teal_yr9vf_36",
-  "teddy-notification--gray": "_teddy-notification--gray_yr9vf_41",
-  "teddy-notification--light-purple": "_teddy-notification--light-purple_yr9vf_46",
-  "teddy-notification--tile": "_teddy-notification--tile_yr9vf_51",
-  "teddy-notification__text": "_teddy-notification__text_yr9vf_54",
-  "teddy-notification__dismiss": "_teddy-notification__dismiss_yr9vf_57",
-  "teddy-notification__heading": "_teddy-notification__heading_yr9vf_61",
-  "teddy-notification__footer": "_teddy-notification__footer_yr9vf_70",
-  "teddy-notification__icon": "_teddy-notification__icon_yr9vf_73"
+  "teddy-notification": "_teddy-notification_1x0q6_3",
+  "teddy-notification--success": "_teddy-notification--success_1x0q6_11",
+  "teddy-notification--warning": "_teddy-notification--warning_1x0q6_16",
+  "teddy-notification--error": "_teddy-notification--error_1x0q6_21",
+  "teddy-notification--information": "_teddy-notification--information_1x0q6_26",
+  "teddy-notification--beige": "_teddy-notification--beige_1x0q6_31",
+  "teddy-notification--teal": "_teddy-notification--teal_1x0q6_36",
+  "teddy-notification--gray": "_teddy-notification--gray_1x0q6_41",
+  "teddy-notification--light-purple": "_teddy-notification--light-purple_1x0q6_46",
+  "teddy-notification--tile": "_teddy-notification--tile_1x0q6_51",
+  "teddy-notification__text": "_teddy-notification__text_1x0q6_54",
+  "teddy-notification__icon": "_teddy-notification__icon_1x0q6_57",
+  "teddy-notification__footer": "_teddy-notification__footer_1x0q6_72",
+  "teddy-notification__dismiss": "_teddy-notification__dismiss_1x0q6_76",
+  "teddy-notification__heading": "_teddy-notification__heading_1x0q6_80"
 };
 const rootClassName = "teddy-notification";
 const NotificationContext = React.createContext(void 0);

package/dist/components/notification/notification-root.js

@@ -5,21 +5,21 @@ import * as CollapsiblePrimitive from "@radix-ui/react-collapsible";
 import { useControllableState } from "@radix-ui/react-use-controllable-state";
 import { Card } from "../card/index.js";
 const styles = {
-  "teddy-notification": "_teddy-notification_yr9vf_3",
-  "teddy-notification--success": "_teddy-notification--success_yr9vf_11",
-  "teddy-notification--warning": "_teddy-notification--warning_yr9vf_16",
-  "teddy-notification--error": "_teddy-notification--error_yr9vf_21",
-  "teddy-notification--information": "_teddy-notification--information_yr9vf_26",
-  "teddy-notification--beige": "_teddy-notification--beige_yr9vf_31",
-  "teddy-notification--teal": "_teddy-notification--teal_yr9vf_36",
-  "teddy-notification--gray": "_teddy-notification--gray_yr9vf_41",
-  "teddy-notification--light-purple": "_teddy-notification--light-purple_yr9vf_46",
-  "teddy-notification--tile": "_teddy-notification--tile_yr9vf_51",
-  "teddy-notification__text": "_teddy-notification__text_yr9vf_54",
-  "teddy-notification__dismiss": "_teddy-notification__dismiss_yr9vf_57",
-  "teddy-notification__heading": "_teddy-notification__heading_yr9vf_61",
-  "teddy-notification__footer": "_teddy-notification__footer_yr9vf_70",
-  "teddy-notification__icon": "_teddy-notification__icon_yr9vf_73"
+  "teddy-notification": "_teddy-notification_1x0q6_3",
+  "teddy-notification--success": "_teddy-notification--success_1x0q6_11",
+  "teddy-notification--warning": "_teddy-notification--warning_1x0q6_16",
+  "teddy-notification--error": "_teddy-notification--error_1x0q6_21",
+  "teddy-notification--information": "_teddy-notification--information_1x0q6_26",
+  "teddy-notification--beige": "_teddy-notification--beige_1x0q6_31",
+  "teddy-notification--teal": "_teddy-notification--teal_1x0q6_36",
+  "teddy-notification--gray": "_teddy-notification--gray_1x0q6_41",
+  "teddy-notification--light-purple": "_teddy-notification--light-purple_1x0q6_46",
+  "teddy-notification--tile": "_teddy-notification--tile_1x0q6_51",
+  "teddy-notification__text": "_teddy-notification__text_1x0q6_54",
+  "teddy-notification__icon": "_teddy-notification__icon_1x0q6_57",
+  "teddy-notification__footer": "_teddy-notification__footer_1x0q6_72",
+  "teddy-notification__dismiss": "_teddy-notification__dismiss_1x0q6_76",
+  "teddy-notification__heading": "_teddy-notification__heading_1x0q6_80"
 };
 const rootClassName = "teddy-notification";
 const NotificationContext = React__default.createContext(void 0);

package/dist/style.css

@@ -6248,7 +6248,7 @@
   }
 }@layer heading, button, card, notification;
 @layer notification {
-  ._teddy-notification_yr9vf_3 {
+  ._teddy-notification_1x0q6_3 {
     --status-background: var(--teddy-color-background-status-success);
     --status-color: var(--teddy-color-text-status-success-strong);
     --status-icon-color: var(--teddy-color-text-status-success-strong);
@@ -6256,69 +6256,88 @@
     background-color: var(--status-background);
     gap: var(--teddy-spacing-50);
   }
-  ._teddy-notification--success_yr9vf_11 {
+  ._teddy-notification--success_1x0q6_11 {
     --status-background: var(--teddy-color-background-status-success);
     --status-color: var(--teddy-color-text-status-success-strong);
     --status-icon-color: var(--teddy-color-text-status-success-strong);
   }
-  ._teddy-notification--warning_yr9vf_16 {
+  ._teddy-notification--warning_1x0q6_16 {
     --status-background: var(--teddy-color-background-status-warning);
     --status-color: var(--teddy-color-text-status-warning-strong);
     --status-icon-color: var(--teddy-color-text-status-warning-strong);
   }
-  ._teddy-notification--error_yr9vf_21 {
+  ._teddy-notification--error_1x0q6_21 {
     --status-background: var(--teddy-color-background-status-error);
     --status-color: var(--teddy-color-text-status-error-strong);
     --status-icon-color: var(--teddy-color-text-status-error-strong);
   }
-  ._teddy-notification--information_yr9vf_26 {
+  ._teddy-notification--information_1x0q6_26 {
     --status-background: var(--teddy-color-background-status-info);
     --status-color: var(--teddy-color-text-status-info-strong);
     --status-icon-color: var(--teddy-color-text-status-info-strong);
   }
-  ._teddy-notification--beige_yr9vf_31 {
+  ._teddy-notification--beige_1x0q6_31 {
     --status-background: var(--teddy-color-beige-50);
     --status-color: var(--teddy-color-beige-700);
     --status-icon-color: var(--teddy-color-beige-700e);
   }
-  ._teddy-notification--teal_yr9vf_36 {
+  ._teddy-notification--teal_1x0q6_36 {
     --status-background: var(--teddy-color-teal-50);
     --status-color: var(--teddy-color-teal-700);
     --status-icon-color: var(--teddy-color-teal-700);
   }
-  ._teddy-notification--gray_yr9vf_41 {
+  ._teddy-notification--gray_1x0q6_41 {
     --status-background: var(--teddy-color-gray-50);
     --status-color: var(--teddy-color-gray-700);
     --status-icon-color: var(--teddy-color-gray-700);
   }
-  ._teddy-notification--light-purple_yr9vf_46 {
+  ._teddy-notification--light-purple_1x0q6_46 {
     --status-background: var(--teddy-color-purple-50);
     --status-color: var(--teddy-color-purple-800);
     --status-icon-color: var(--teddy-color-purple-800);
   }
-  ._teddy-notification--tile_yr9vf_51 {
+  ._teddy-notification--tile_1x0q6_51 {
     display: flex !important;
   }
-  ._teddy-notification--tile_yr9vf_51 ._teddy-notification__text_yr9vf_54 {
+  ._teddy-notification--tile_1x0q6_51 ._teddy-notification__text_1x0q6_54 {
     margin: 0 var(--teddy-spacing-400) 0 var(--teddy-spacing-100) !important;
   }
-  ._teddy-notification__dismiss_yr9vf_57 {
+  ._teddy-notification_1x0q6_3:not(._teddy-notification--tile_1x0q6_51):has(> ._teddy-notification__icon_1x0q6_57) {
+    display: grid !important;
+    grid-template-columns: auto 1fr;
+    column-gap: var(--teddy-spacing-100);
+    align-items: start;
+  }
+  ._teddy-notification_1x0q6_3:not(._teddy-notification--tile_1x0q6_51):has(> ._teddy-notification__icon_1x0q6_57) ._teddy-notification__icon_1x0q6_57 {
+    margin-right: 0;
+    align-self: start;
+  }
+  ._teddy-notification_1x0q6_3:not(._teddy-notification--tile_1x0q6_51):has(> ._teddy-notification__icon_1x0q6_57) ._teddy-notification__text_1x0q6_54 {
+    margin-left: 0 !important;
+    margin-right: var(--teddy-spacing-400) !important;
+    align-self: start;
+  }
+  ._teddy-notification_1x0q6_3:not(._teddy-notification--tile_1x0q6_51):has(> ._teddy-notification__icon_1x0q6_57) ._teddy-notification__footer_1x0q6_72 {
+    grid-column: 2;
+    margin-left: 0;
+  }
+  ._teddy-notification__dismiss_1x0q6_76 {
     position: absolute;
     inset: var(--teddy-spacing-50) var(--teddy-spacing-50) auto auto;
   }
-  ._teddy-notification__heading_yr9vf_61 {
+  ._teddy-notification__heading_1x0q6_80 {
     color: var(--status-color);
     display: flex;
     align-items: center;
   }
-  ._teddy-notification__text_yr9vf_54 {
+  ._teddy-notification__text_1x0q6_54 {
     color: var(--status-color) !important;
     margin: 0 var(--teddy-spacing-400) 0 calc(var(--teddy-spacing-400) + var(--teddy-spacing-100)) !important;
   }
-  ._teddy-notification__footer_yr9vf_70 {
+  ._teddy-notification__footer_1x0q6_72 {
     margin-left: calc(var(--teddy-spacing-400) + var(--teddy-spacing-100));
   }
-  ._teddy-notification__icon_yr9vf_73 {
+  ._teddy-notification__icon_1x0q6_57 {
     color: var(--status-icon-color);
     margin-right: var(--teddy-spacing-100);
   }

package/package.json

@@ -20,7 +20,7 @@
     "pnpm": ">=10"
   },
   "private": false,
-  "version": "0.7.58",
+  "version": "0.7.59",
   "sideEffects": [
     "**/*.css",
     "**/*.svg"