@telia/teddy 0.4.12 → 0.4.14

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

@@ -7,10 +7,10 @@ const Slider = require("react-slick");
 require("../../assets/sprite.1321fab0-teddy.svg");
 const components_icon_icon = require("../icon/icon.cjs");
 const styles = {
-  "teddy-carousel": "_teddy-carousel_1pdex_2",
-  "teddy-carousel__arrow": "_teddy-carousel__arrow_1pdex_9",
-  "teddy-carousel__item": "_teddy-carousel__item_1pdex_21",
-  "teddy-carousel--sm": "_teddy-carousel--sm_1pdex_99"
+  "teddy-carousel": "_teddy-carousel_8pf7z_2",
+  "teddy-carousel__arrow": "_teddy-carousel__arrow_8pf7z_9",
+  "teddy-carousel__item": "_teddy-carousel__item_8pf7z_21",
+  "teddy-carousel--sm": "_teddy-carousel--sm_8pf7z_99"
 };
 const rootClassName = "teddy-carousel";
 const CustomArrow = ({

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

@@ -5,10 +5,10 @@ import Slider from "react-slick";
 import "../../assets/sprite.1321fab0-teddy.svg";
 import { Icon } from "../icon/icon.js";
 const styles = {
-  "teddy-carousel": "_teddy-carousel_1pdex_2",
-  "teddy-carousel__arrow": "_teddy-carousel__arrow_1pdex_9",
-  "teddy-carousel__item": "_teddy-carousel__item_1pdex_21",
-  "teddy-carousel--sm": "_teddy-carousel--sm_1pdex_99"
+  "teddy-carousel": "_teddy-carousel_8pf7z_2",
+  "teddy-carousel__arrow": "_teddy-carousel__arrow_8pf7z_9",
+  "teddy-carousel__item": "_teddy-carousel__item_8pf7z_21",
+  "teddy-carousel--sm": "_teddy-carousel--sm_8pf7z_99"
 };
 const rootClassName = "teddy-carousel";
 const CustomArrow = ({

package/dist/components/navigation-menu/global-navigation/global-navigation-root.d.ts

@@ -21,6 +21,8 @@ export type RootProps = React.ComponentPropsWithoutRef<'div'> & {
     currentPath: string | undefined;
     onSearchInputChange?: (e: React.ChangeEvent<HTMLInputElement>, value?: string) => void;
     onSearchKeyDown?: (e: React.KeyboardEvent<HTMLInputElement>) => void;
+    searchValue?: string;
+    onClear?: () => void;
 };
 type RootContext = {
     selectedMenuItem: string | undefined;
@@ -31,9 +33,9 @@ type RootContext = {
     setPathname: (v: string) => void;
     specifiedLink?: string;
     setSpecifiedLink: (v: string) => void;
-} & Pick<RootProps, 'onSearchSubmit' | 'additionalSearchContent' | 'shoppingCart' | 'shoppingCartNumberOfItems' | 'loggedInUser' | 'appKey' | 'onLogoutClick' | 'linkComponent' | 'isCartOpen' | 'onCartOpenChange' | 'drawerSize' | "onSearchInputChange" | 'onSearchKeyDown'>;
+} & Pick<RootProps, 'onSearchSubmit' | 'additionalSearchContent' | 'shoppingCart' | 'shoppingCartNumberOfItems' | 'loggedInUser' | 'appKey' | 'onLogoutClick' | 'linkComponent' | 'isCartOpen' | 'onCartOpenChange' | 'drawerSize' | "onSearchInputChange" | 'onSearchKeyDown' | 'searchValue' | 'onClear'>;
 export declare const RootContext: React.Context<RootContext | null>;
-export declare function Root({ className, appKey, loggedInUser, linkComponent, onLogoutClick, shoppingCart, shoppingCartNumberOfItems, onSearchSubmit, additionalSearchContent, isCartOpen, onCartOpenChange, drawerSize, isSimplified, currentPath, onSearchInputChange, onSearchKeyDown, ...props }: RootProps): import("react/jsx-runtime").JSX.Element;
+export declare function Root({ className, appKey, loggedInUser, linkComponent, onLogoutClick, shoppingCart, shoppingCartNumberOfItems, onSearchSubmit, additionalSearchContent, isCartOpen, onCartOpenChange, drawerSize, isSimplified, currentPath, onSearchInputChange, onSearchKeyDown, searchValue, onClear, ...props }: RootProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace Root {
     var displayName: string;
 }

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

@@ -690,6 +690,7 @@ const SearchField = React.forwardRef(
               components_textField_index.TextField.Input,
               {
                 ref: composedRef,
+                value: context == null ? void 0 : context.searchValue,
                 onChange: (e) => {
                   var _a, _b;
                   if (((_a = ref.current) == null ? void 0 : _a.value) && (context == null ? void 0 : context.onSearchInputChange)) {
@@ -704,7 +705,11 @@ const SearchField = React.forwardRef(
                 placeholder: "Søk her"
               }
             ),
-            /* @__PURE__ */ jsxRuntime.jsx(components_textField_index.TextField.ClearButton, {})
+            /* @__PURE__ */ jsxRuntime.jsx(components_textField_index.TextField.ClearButton, { onClick: () => {
+              if (context == null ? void 0 : context.onClear) {
+                context.onClear();
+              }
+            } })
           ] }),
           /* @__PURE__ */ jsxRuntime.jsx(components_textField_index.TextField.Button, { variant: "separated", children: "Søk" })
         ] })
@@ -1215,6 +1220,8 @@ function Root({
   currentPath,
   onSearchInputChange,
   onSearchKeyDown,
+  searchValue,
+  onClear,
   ...props
 }) {
   const [selectedMenuItem, setSelectedMenuItem] = React.useState(getInitialMenuItem(currentPath));
@@ -1261,7 +1268,9 @@ function Root({
         specifiedLink,
         setSpecifiedLink,
         onSearchInputChange,
-        onSearchKeyDown
+        onSearchKeyDown,
+        searchValue,
+        onClear
       },
       children: /* @__PURE__ */ jsxRuntime.jsx(components_box_box.Box, { ...props, className: classes, children: /* @__PURE__ */ jsxRuntime.jsxs(
         NavigationMenu,

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

@@ -669,6 +669,7 @@ const SearchField = React__default.forwardRef(
               TextField.Input,
               {
                 ref: composedRef,
+                value: context == null ? void 0 : context.searchValue,
                 onChange: (e) => {
                   var _a, _b;
                   if (((_a = ref.current) == null ? void 0 : _a.value) && (context == null ? void 0 : context.onSearchInputChange)) {
@@ -683,7 +684,11 @@ const SearchField = React__default.forwardRef(
                 placeholder: "Søk her"
               }
             ),
-            /* @__PURE__ */ jsx(TextField.ClearButton, {})
+            /* @__PURE__ */ jsx(TextField.ClearButton, { onClick: () => {
+              if (context == null ? void 0 : context.onClear) {
+                context.onClear();
+              }
+            } })
           ] }),
           /* @__PURE__ */ jsx(TextField.Button, { variant: "separated", children: "Søk" })
         ] })
@@ -1194,6 +1199,8 @@ function Root({
   currentPath,
   onSearchInputChange,
   onSearchKeyDown,
+  searchValue,
+  onClear,
   ...props
 }) {
   const [selectedMenuItem, setSelectedMenuItem] = React__default.useState(getInitialMenuItem(currentPath));
@@ -1240,7 +1247,9 @@ function Root({
         specifiedLink,
         setSpecifiedLink,
         onSearchInputChange,
-        onSearchKeyDown
+        onSearchKeyDown,
+        searchValue,
+        onClear
       },
       children: /* @__PURE__ */ jsx(Box, { ...props, className: classes, children: /* @__PURE__ */ jsxs(
         NavigationMenu,

package/dist/style.css

@@ -1806,41 +1806,41 @@
   --teddy-color-brand-core-purple: var(--teddy-color-purple-550);
   --teddy-color-brand-deep-purple: var(--teddy-color-purple-900);
 }
-._teddy-carousel_1pdex_2 {
+._teddy-carousel_8pf7z_2 {
   width: 100%;
   min-width: 10rem;
   max-width: 15rem;
   height: 288px;
   margin: 0 auto 2rem;
 }
-._teddy-carousel__arrow_1pdex_9 {
+._teddy-carousel__arrow_8pf7z_9 {
   display: flex;
   justify-content: center;
   align-items: center;
   z-index: 2;
-  width: 3rem;
-  height: 3rem;
+  width: 3rem !important;
+  height: 3rem !important;
   border-radius: 2rem;
   transition-duration: var(--teddy-motion-duration-100);
   transition-timing-function: var(--teddy-motion-easing-ease-in-out);
   transition-property: background-color, color;
 }
-._teddy-carousel__item_1pdex_21 {
+._teddy-carousel__item_8pf7z_21 {
   display: flex !important;
   justify-content: center;
 }
-._teddy-carousel_1pdex_2 .slick-prev:before,
-._teddy-carousel_1pdex_2 .slick-next:before {
+._teddy-carousel_8pf7z_2 .slick-prev:before,
+._teddy-carousel_8pf7z_2 .slick-next:before {
   content: "";
 }
-._teddy-carousel_1pdex_2 .slick-disabled {
+._teddy-carousel_8pf7z_2 .slick-disabled {
   cursor: initial;
   opacity: 0.3;
 }
-._teddy-carousel_1pdex_2 .slick-track {
+._teddy-carousel_8pf7z_2 .slick-track {
   display: flex;
 }
-._teddy-carousel_1pdex_2 .slick-slide > div {
+._teddy-carousel_8pf7z_2 .slick-slide > div {
   display: grid;
   place-items: center;
   width: 80%;
@@ -1848,82 +1848,82 @@
   height: 260px;
   padding: 0px;
 }
-._teddy-carousel_1pdex_2 .slick-slide img {
+._teddy-carousel_8pf7z_2 .slick-slide img {
   max-width: 10rem;
   max-height: 12.5rem;
   object-fit: contain;
   width: 100%;
   height: 100%;
 }
-._teddy-carousel_1pdex_2 .slick-next {
+._teddy-carousel_8pf7z_2 .slick-next {
   right: 0;
   color: var(--teddy-color-purple-700);
 }
-._teddy-carousel_1pdex_2 .slick-prev {
+._teddy-carousel_8pf7z_2 .slick-prev {
   left: 0;
   color: var(--teddy-color-purple-700);
 }
-._teddy-carousel_1pdex_2 .slick-prev:focus-visible,
-._teddy-carousel_1pdex_2 .slick-prev:active,
-._teddy-carousel_1pdex_2 .slick-next:active,
-._teddy-carousel_1pdex_2 .slick-next:focus-visible {
+._teddy-carousel_8pf7z_2 .slick-prev:focus-visible,
+._teddy-carousel_8pf7z_2 .slick-prev:active,
+._teddy-carousel_8pf7z_2 .slick-next:active,
+._teddy-carousel_8pf7z_2 .slick-next:focus-visible {
   color: var(--teddy-color-text-interactive-primary-active);
   background-color: var(--teddy-color-border-interactive-primary-negative-hover);
 }
-._teddy-carousel_1pdex_2 .slick-prev:hover,
-._teddy-carousel_1pdex_2 .slick-next:hover {
+._teddy-carousel_8pf7z_2 .slick-prev:hover,
+._teddy-carousel_8pf7z_2 .slick-next:hover {
   color: var(--teddy-color-text-interactive-primary-hover);
   background-color: var(--teddy-color-background-interactive-transparent-hover);
 }
-._teddy-carousel_1pdex_2 .slick-dots {
+._teddy-carousel_8pf7z_2 .slick-dots {
   bottom: -2rem;
   margin: 0;
   padding: 0;
 }
-._teddy-carousel_1pdex_2 .slick-dots button {
+._teddy-carousel_8pf7z_2 .slick-dots button {
   width: 24px;
   height: 24px;
 }
-._teddy-carousel_1pdex_2 .slick-dots button:before {
+._teddy-carousel_8pf7z_2 .slick-dots button:before {
   width: 24px;
   height: 24px;
 }
-._teddy-carousel_1pdex_2 .slick-dots button:hover:before {
+._teddy-carousel_8pf7z_2 .slick-dots button:hover:before {
   color: var(--teddy-color-purple-700);
 }
-._teddy-carousel_1pdex_2 .slick-dots .slick-active button:before {
+._teddy-carousel_8pf7z_2 .slick-dots .slick-active button:before {
   color: var(--teddy-color-purple-700);
 }
-._teddy-carousel_1pdex_2 .slick-dots li {
+._teddy-carousel_8pf7z_2 .slick-dots li {
   width: 24px;
   height: 24px;
   margin: 0;
   padding: 0;
 }
-._teddy-carousel_1pdex_2 .slick-dots li button:before {
+._teddy-carousel_8pf7z_2 .slick-dots li button:before {
   font-size: 1rem;
 }
-._teddy-carousel--sm_1pdex_99 {
+._teddy-carousel--sm_8pf7z_99 {
   height: 180px;
 }
-._teddy-carousel--sm_1pdex_99 .slick-slide > div {
+._teddy-carousel--sm_8pf7z_99 .slick-slide > div {
   height: 170px;
 }
-._teddy-carousel--sm_1pdex_99 .slick-slide img {
+._teddy-carousel--sm_8pf7z_99 .slick-slide img {
   max-width: 8rem;
   max-height: 10rem;
 }
-._teddy-carousel--sm_1pdex_99 .slick-next {
+._teddy-carousel--sm_8pf7z_99 .slick-next {
   right: -0.5rem;
 }
-._teddy-carousel--sm_1pdex_99 .slick-prev {
+._teddy-carousel--sm_8pf7z_99 .slick-prev {
   left: -0.5rem;
 }
 @media (min-width: 600px) {
-  ._teddy-carousel--sm_1pdex_99 .slick-next {
+  ._teddy-carousel--sm_8pf7z_99 .slick-next {
     right: 0rem;
   }
-  ._teddy-carousel--sm_1pdex_99 .slick-prev {
+  ._teddy-carousel--sm_8pf7z_99 .slick-prev {
     left: 0rem;
   }
 }._teddy-scroll-area_1r6mf_1 {

package/package.json

@@ -20,7 +20,7 @@
     "pnpm": ">=9"
   },
   "private": false,
-  "version": "0.4.12",
+  "version": "0.4.14",
   "sideEffects": [
     "**/*.css",
     "**/*.svg"