@telia/teddy 0.0.64 → 0.0.65

package/dist/components/radio-card-group/radio-card-group-item-title.cjs

@@ -131,21 +131,21 @@ const RadioCardGroup = Object.assign(components_radioCardGroup_radioCardGroupRoo
   Body
 });
 const styles$2 = {
-  "teddy-modal__overlay": "_teddy-modal__overlay_3n21u_25",
-  "teddy-modal__content": "_teddy-modal__content_3n21u_37",
-  "teddy-modal__scroll": "_teddy-modal__scroll_3n21u_55",
-  "teddy-modal__image": "_teddy-modal__image_3n21u_59",
-  "teddy-modal__close--floating": "_teddy-modal__close--floating_3n21u_69",
-  "teddy-modal__group": "_teddy-modal__group_3n21u_74",
-  "teddy-modal__group--title": "_teddy-modal__group--title_3n21u_78",
-  "teddy-modal__group--scroll": "_teddy-modal__group--scroll_3n21u_84",
-  "teddy-modal__group--action": "_teddy-modal__group--action_3n21u_93",
-  "modal-overlay-no-op": "_modal-overlay-no-op_3n21u_1",
-  "teddy-fade-in": "_teddy-fade-in_3n21u_1",
-  "teddy-fade-out": "_teddy-fade-out_3n21u_1",
-  "modal-content-show": "_modal-content-show_3n21u_1",
-  "modal-content-hide": "_modal-content-hide_3n21u_1",
-  "teddy-overlay-no-op": "_teddy-overlay-no-op_3n21u_1"
+  "teddy-modal__overlay": "_teddy-modal__overlay_1o004_25",
+  "teddy-modal__content": "_teddy-modal__content_1o004_37",
+  "teddy-modal__scroll": "_teddy-modal__scroll_1o004_55",
+  "teddy-modal__image": "_teddy-modal__image_1o004_59",
+  "teddy-modal__close--floating": "_teddy-modal__close--floating_1o004_69",
+  "teddy-modal__group": "_teddy-modal__group_1o004_79",
+  "teddy-modal__group--title": "_teddy-modal__group--title_1o004_83",
+  "teddy-modal__group--scroll": "_teddy-modal__group--scroll_1o004_94",
+  "teddy-modal__group--action": "_teddy-modal__group--action_1o004_103",
+  "modal-overlay-no-op": "_modal-overlay-no-op_1o004_1",
+  "teddy-fade-in": "_teddy-fade-in_1o004_1",
+  "teddy-fade-out": "_teddy-fade-out_1o004_1",
+  "modal-content-show": "_modal-content-show_1o004_1",
+  "modal-content-hide": "_modal-content-hide_1o004_1",
+  "teddy-overlay-no-op": "_teddy-overlay-no-op_1o004_1"
 };
 const rootClassName$2 = "teddy-modal";
 const RootContext$1 = React.createContext({

package/dist/components/radio-card-group/radio-card-group-item-title.js

@@ -110,21 +110,21 @@ const RadioCardGroup = Object.assign(Root$3, {
   Body
 });
 const styles$2 = {
-  "teddy-modal__overlay": "_teddy-modal__overlay_3n21u_25",
-  "teddy-modal__content": "_teddy-modal__content_3n21u_37",
-  "teddy-modal__scroll": "_teddy-modal__scroll_3n21u_55",
-  "teddy-modal__image": "_teddy-modal__image_3n21u_59",
-  "teddy-modal__close--floating": "_teddy-modal__close--floating_3n21u_69",
-  "teddy-modal__group": "_teddy-modal__group_3n21u_74",
-  "teddy-modal__group--title": "_teddy-modal__group--title_3n21u_78",
-  "teddy-modal__group--scroll": "_teddy-modal__group--scroll_3n21u_84",
-  "teddy-modal__group--action": "_teddy-modal__group--action_3n21u_93",
-  "modal-overlay-no-op": "_modal-overlay-no-op_3n21u_1",
-  "teddy-fade-in": "_teddy-fade-in_3n21u_1",
-  "teddy-fade-out": "_teddy-fade-out_3n21u_1",
-  "modal-content-show": "_modal-content-show_3n21u_1",
-  "modal-content-hide": "_modal-content-hide_3n21u_1",
-  "teddy-overlay-no-op": "_teddy-overlay-no-op_3n21u_1"
+  "teddy-modal__overlay": "_teddy-modal__overlay_1o004_25",
+  "teddy-modal__content": "_teddy-modal__content_1o004_37",
+  "teddy-modal__scroll": "_teddy-modal__scroll_1o004_55",
+  "teddy-modal__image": "_teddy-modal__image_1o004_59",
+  "teddy-modal__close--floating": "_teddy-modal__close--floating_1o004_69",
+  "teddy-modal__group": "_teddy-modal__group_1o004_79",
+  "teddy-modal__group--title": "_teddy-modal__group--title_1o004_83",
+  "teddy-modal__group--scroll": "_teddy-modal__group--scroll_1o004_94",
+  "teddy-modal__group--action": "_teddy-modal__group--action_1o004_103",
+  "modal-overlay-no-op": "_modal-overlay-no-op_1o004_1",
+  "teddy-fade-in": "_teddy-fade-in_1o004_1",
+  "teddy-fade-out": "_teddy-fade-out_1o004_1",
+  "modal-content-show": "_modal-content-show_1o004_1",
+  "modal-content-hide": "_modal-content-hide_1o004_1",
+  "teddy-overlay-no-op": "_teddy-overlay-no-op_1o004_1"
 };
 const rootClassName$2 = "teddy-modal";
 const RootContext$1 = React__default.createContext({

package/dist/style.css

@@ -3540,7 +3540,7 @@
   margin-bottom: 0;
 }._teddy-container_1jmq1_1 {
   box-sizing: border-box;
-}@keyframes _teddy-fade-in_3n21u_1 {
+}@keyframes _teddy-fade-in_1o004_1 {
   from {
     opacity: 0;
   }
@@ -3548,7 +3548,7 @@
     opacity: 1;
   }
 }
-@keyframes _teddy-fade-out_3n21u_1 {
+@keyframes _teddy-fade-out_1o004_1 {
   from {
     opacity: 1;
   }
@@ -3556,7 +3556,7 @@
     opacity: 0;
   }
 }
-@keyframes _teddy-overlay-no-op_3n21u_1 {
+@keyframes _teddy-overlay-no-op_1o004_1 {
   from {
     opacity: 1;
   }
@@ -3564,19 +3564,19 @@
     opacity: 1;
   }
 }
-._teddy-modal__overlay_3n21u_25 {
+._teddy-modal__overlay_1o004_25 {
   position: fixed;
   inset: 0;
   display: grid;
   place-items: center;
 }
-._teddy-modal__overlay_3n21u_25::before {
+._teddy-modal__overlay_1o004_25::before {
   position: fixed;
   content: "";
   inset: 0;
   background-color: var(--teddy-color-overlay-default);
 }
-._teddy-modal__content_3n21u_37 {
+._teddy-modal__content_1o004_37 {
   background-color: var(--teddy-color-background-primary);
   box-shadow: var(--teddy-shadow-lg);
   position: relative;
@@ -3585,7 +3585,7 @@
   width: 100%;
 }
 @media (min-width: 600px) {
-  ._teddy-modal__content_3n21u_37 {
+  ._teddy-modal__content_1o004_37 {
     max-width: 720px;
     max-height: 80%;
     min-height: 360px;
@@ -3594,11 +3594,11 @@
     border-radius: var(--teddy-border-radius-lg);
   }
 }
-._teddy-modal__scroll_3n21u_55 {
+._teddy-modal__scroll_1o004_55 {
   overflow: auto;
   padding-inline: var(--teddy-spacing-300);
 }
-._teddy-modal__image_3n21u_59 {
+._teddy-modal__image_1o004_59 {
   max-width: calc(100% + var(--teddy-spacing-300) * 2);
   height: auto;
   vertical-align: middle;
@@ -3608,39 +3608,51 @@
   shape-margin: 0.75rem;
   margin-inline: calc(var(--teddy-spacing-300) * -1);
 }
-._teddy-modal__close--floating_3n21u_69 {
+._teddy-modal__close--floating_1o004_69 {
   position: absolute;
   top: var(--teddy-spacing-100);
   right: var(--teddy-spacing-100);
 }
-._teddy-modal__group_3n21u_74 {
+@media (max-width: 600px) {
+  ._teddy-modal__close--floating_1o004_69 {
+    top: var(--teddy-spacing-50);
+  }
+}
+._teddy-modal__group_1o004_79 {
   width: 100%;
   margin-bottom: var(--teddy-spacing-200);
 }
-._teddy-modal__group--title_3n21u_78 {
+._teddy-modal__group--title_1o004_83 {
   position: sticky;
   inset: 0 0 auto 0;
   background-color: var(--teddy-color-background-primary);
-  padding-top: var(--teddy-spacing-200);
+  padding-top: var(--teddy-spacing-300);
+}
+@media (max-width: 600px) {
+  ._teddy-modal__group--title_1o004_83 {
+    padding-top: var(--teddy-spacing-250);
+  }
 }
-._teddy-modal__group--title_3n21u_78._teddy-modal__group--scroll_3n21u_84 {
+._teddy-modal__group--title_1o004_83._teddy-modal__group--scroll_1o004_94 {
   padding-block: var(--teddy-spacing-200);
 }
-._teddy-modal__group--title_3n21u_78._teddy-modal__group--scroll_3n21u_84::before {
+._teddy-modal__group--title_1o004_83._teddy-modal__group--scroll_1o004_94::before {
   content: "";
   position: absolute;
   inset: 0 calc(var(--teddy-spacing-300) * -1) 0 calc(var(--teddy-spacing-300) * -1);
   border-bottom: var(--teddy-border-width-xs) solid var(--teddy-color-border-weak);
 }
-._teddy-modal__group--action_3n21u_93 {
+._teddy-modal__group--action_1o004_103 {
   height: 100%;
   position: sticky;
   inset: auto 0 0 0;
   margin: var(--teddy-spacing-200) 0 0;
-  padding-block: var(--teddy-spacing-200) var(--teddy-spacing-300);
+  padding: var(--teddy-spacing-200) var(--teddy-spacing-300) var(--teddy-spacing-300);
   background-color: var(--teddy-color-background-primary);
+  width: calc(100% + var(--teddy-spacing-300) * 2);
+  margin-left: calc(var(--teddy-spacing-300) * -1);
 }
-._teddy-modal__group--action_3n21u_93._teddy-modal__group--scroll_3n21u_84::before {
+._teddy-modal__group--action_1o004_103._teddy-modal__group--scroll_1o004_94::before {
   content: "";
   position: absolute;
   inset: 0 calc(var(--teddy-spacing-300) * -1) 0 calc(var(--teddy-spacing-300) * -1);
@@ -3648,7 +3660,7 @@
   box-shadow: 0 0 20px 15px var(--teddy-color-background-primary);
 }
 @media (prefers-reduced-motion: no-preference) {
-  @keyframes _modal-overlay-no-op_3n21u_1 {
+  @keyframes _modal-overlay-no-op_1o004_1 {
     from {
       opacity: 1;
     }
@@ -3656,7 +3668,7 @@
       opacity: 1;
     }
   }
-  @keyframes _modal-content-show_3n21u_1 {
+  @keyframes _modal-content-show_1o004_1 {
     from {
       opacity: 0;
       transform: translateY(5px) scale(0.97);
@@ -3666,7 +3678,7 @@
       transform: translateY(0px) scale(1);
     }
   }
-  @keyframes _modal-content-hide_3n21u_1 {
+  @keyframes _modal-content-hide_1o004_1 {
     from {
       opacity: 1;
       transform: translateY(0px) scale(1);
@@ -3676,23 +3688,23 @@
       transform: translateY(5px) scale(0.99);
     }
   }
-  ._teddy-modal__overlay_3n21u_25 {
+  ._teddy-modal__overlay_1o004_25 {
     /* Keep the overlay mounted until the children have animated */
   }
-  ._teddy-modal__overlay_3n21u_25:where([data-state=closed]) {
-    animation: _modal-overlay-no-op_3n21u_1 250ms cubic-bezier(0.16, 1, 0.3, 1);
+  ._teddy-modal__overlay_1o004_25:where([data-state=closed]) {
+    animation: _modal-overlay-no-op_1o004_1 250ms cubic-bezier(0.16, 1, 0.3, 1);
   }
-  ._teddy-modal__overlay_3n21u_25:where([data-state=open])::before {
-    animation: _teddy-fade-in_3n21u_1 400ms cubic-bezier(0.16, 1, 0.3, 1);
+  ._teddy-modal__overlay_1o004_25:where([data-state=open])::before {
+    animation: _teddy-fade-in_1o004_1 400ms cubic-bezier(0.16, 1, 0.3, 1);
   }
-  ._teddy-modal__overlay_3n21u_25:where([data-state=closed])::before {
-    animation: _teddy-fade-out_3n21u_1 250ms cubic-bezier(0.16, 1, 0.3, 1);
+  ._teddy-modal__overlay_1o004_25:where([data-state=closed])::before {
+    animation: _teddy-fade-out_1o004_1 250ms cubic-bezier(0.16, 1, 0.3, 1);
   }
-  ._teddy-modal__content_3n21u_37:where([data-state=open]) {
-    animation: _modal-content-show_3n21u_1 200ms cubic-bezier(0.16, 1, 0.3, 1);
+  ._teddy-modal__content_1o004_37:where([data-state=open]) {
+    animation: _modal-content-show_1o004_1 200ms cubic-bezier(0.16, 1, 0.3, 1);
   }
-  ._teddy-modal__content_3n21u_37:where([data-state=closed]) {
-    animation: _modal-content-hide_3n21u_1 150ms cubic-bezier(0.16, 1, 0.3, 1);
+  ._teddy-modal__content_1o004_37:where([data-state=closed]) {
+    animation: _modal-content-hide_1o004_1 150ms cubic-bezier(0.16, 1, 0.3, 1);
   }
 }._teddy-navigation-menu_11898_1 {
   --item-gap: var(--teddy-spacing-200);

package/package.json

@@ -20,7 +20,7 @@
     "pnpm": ">=8"
   },
   "private": false,
-  "version": "0.0.64",
+  "version": "0.0.65",
   "sideEffects": [
     "**/*.css"
   ],