@telia/teddy 0.7.44 → 0.7.45

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

@@ -5,13 +5,14 @@ const React = require("react");
 const clsx = require("clsx");
 const components_flex_flex = require("../flex/flex.cjs");
 const styles = {
-  "teddy-ribbon": "_teddy-ribbon_4vjnf_2",
-  "teddy-ribbon--rounded": "_teddy-ribbon--rounded_4vjnf_6",
-  "teddy-ribbon--backgroundColor-orange-50": "_teddy-ribbon--backgroundColor-orange-50_4vjnf_9",
-  "teddy-ribbon--backgroundColor-orange-100": "_teddy-ribbon--backgroundColor-orange-100_4vjnf_12",
-  "teddy-ribbon--backgroundColor-green-50": "_teddy-ribbon--backgroundColor-green-50_4vjnf_15",
-  "teddy-ribbon--iconPlacement-top": "_teddy-ribbon--iconPlacement-top_4vjnf_22",
-  "teddy-ribbon--iconPlacement-center": "_teddy-ribbon--iconPlacement-center_4vjnf_25"
+  "teddy-ribbon": "_teddy-ribbon_8vv9b_2",
+  "teddy-ribbon--rounded": "_teddy-ribbon--rounded_8vv9b_6",
+  "teddy-ribbon--backgroundColor-orange-50": "_teddy-ribbon--backgroundColor-orange-50_8vv9b_9",
+  "teddy-ribbon--backgroundColor-orange-100": "_teddy-ribbon--backgroundColor-orange-100_8vv9b_12",
+  "teddy-ribbon--backgroundColor-green-50": "_teddy-ribbon--backgroundColor-green-50_8vv9b_15",
+  "teddy-ribbon--backgroundColor-purple-50": "_teddy-ribbon--backgroundColor-purple-50_8vv9b_18",
+  "teddy-ribbon--iconPlacement-top": "_teddy-ribbon--iconPlacement-top_8vv9b_26",
+  "teddy-ribbon--iconPlacement-center": "_teddy-ribbon--iconPlacement-center_8vv9b_29"
 };
 const rootClassName = "teddy-ribbon";
 const Root = React.forwardRef(

package/dist/components/ribbon/ribbon-root.d.ts

@@ -1,13 +1,13 @@
 import { default as React } from 'react';
 
 export declare const rootClassName = "teddy-ribbon";
-export type RootProps = React.ComponentPropsWithoutRef<"div"> & {
-    variant?: 'orange-100' | 'green-50' | 'orange-50';
-    iconPlacement?: "top" | "center";
+export type RootProps = React.ComponentPropsWithoutRef<'div'> & {
+    variant?: 'orange-100' | 'green-50' | 'orange-50' | 'purple-50';
+    iconPlacement?: 'top' | 'center';
     rounded: boolean;
 };
 export declare const Root: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    variant?: "orange-100" | "green-50" | "orange-50" | undefined;
+    variant?: "orange-100" | "green-50" | "orange-50" | "purple-50" | undefined;
     iconPlacement?: "center" | "top" | undefined;
     rounded: boolean;
 } & React.RefAttributes<HTMLDivElement>>;

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

@@ -3,13 +3,14 @@ import React__default from "react";
 import clsx from "clsx";
 import { Flex } from "../flex/flex.js";
 const styles = {
-  "teddy-ribbon": "_teddy-ribbon_4vjnf_2",
-  "teddy-ribbon--rounded": "_teddy-ribbon--rounded_4vjnf_6",
-  "teddy-ribbon--backgroundColor-orange-50": "_teddy-ribbon--backgroundColor-orange-50_4vjnf_9",
-  "teddy-ribbon--backgroundColor-orange-100": "_teddy-ribbon--backgroundColor-orange-100_4vjnf_12",
-  "teddy-ribbon--backgroundColor-green-50": "_teddy-ribbon--backgroundColor-green-50_4vjnf_15",
-  "teddy-ribbon--iconPlacement-top": "_teddy-ribbon--iconPlacement-top_4vjnf_22",
-  "teddy-ribbon--iconPlacement-center": "_teddy-ribbon--iconPlacement-center_4vjnf_25"
+  "teddy-ribbon": "_teddy-ribbon_8vv9b_2",
+  "teddy-ribbon--rounded": "_teddy-ribbon--rounded_8vv9b_6",
+  "teddy-ribbon--backgroundColor-orange-50": "_teddy-ribbon--backgroundColor-orange-50_8vv9b_9",
+  "teddy-ribbon--backgroundColor-orange-100": "_teddy-ribbon--backgroundColor-orange-100_8vv9b_12",
+  "teddy-ribbon--backgroundColor-green-50": "_teddy-ribbon--backgroundColor-green-50_8vv9b_15",
+  "teddy-ribbon--backgroundColor-purple-50": "_teddy-ribbon--backgroundColor-purple-50_8vv9b_18",
+  "teddy-ribbon--iconPlacement-top": "_teddy-ribbon--iconPlacement-top_8vv9b_26",
+  "teddy-ribbon--iconPlacement-center": "_teddy-ribbon--iconPlacement-center_8vv9b_29"
 };
 const rootClassName = "teddy-ribbon";
 const Root = React__default.forwardRef(

package/dist/style.css

@@ -5222,30 +5222,34 @@
 ._teddy-radio-card-group__card-group-label--required_upgkn_177::before {
   content: "* ";
 }@layer ribbon {
-  ._teddy-ribbon_4vjnf_2 {
+  ._teddy-ribbon_8vv9b_2 {
     padding: var(--teddy-spacing-150);
     width: 100%;
   }
-  ._teddy-ribbon--rounded_4vjnf_6 {
+  ._teddy-ribbon--rounded_8vv9b_6 {
     border-radius: var(--teddy-border-radius-md);
   }
-  ._teddy-ribbon--backgroundColor-orange-50_4vjnf_9 {
+  ._teddy-ribbon--backgroundColor-orange-50_8vv9b_9 {
     background-color: var(--teddy-color-orange-50);
   }
-  ._teddy-ribbon--backgroundColor-orange-100_4vjnf_12 {
+  ._teddy-ribbon--backgroundColor-orange-100_8vv9b_12 {
     background-color: var(--teddy-color-orange-100);
   }
-  ._teddy-ribbon--backgroundColor-green-50_4vjnf_15 {
+  ._teddy-ribbon--backgroundColor-green-50_8vv9b_15 {
     background-color: var(--teddy-color-green-50);
   }
-  ._teddy-ribbon_4vjnf_2 svg {
+  ._teddy-ribbon--backgroundColor-purple-50_8vv9b_18 {
+    background-color: var(--teddy-color-purple-50);
+    color: var(--teddy-color-purple-800);
+  }
+  ._teddy-ribbon_8vv9b_2 svg {
     flex-shrink: 0;
     margin-right: var(--teddy-spacing-100);
   }
-  ._teddy-ribbon--iconPlacement-top_4vjnf_22 svg {
+  ._teddy-ribbon--iconPlacement-top_8vv9b_26 svg {
     align-self: flex-start;
   }
-  ._teddy-ribbon--iconPlacement-center_4vjnf_25 svg {
+  ._teddy-ribbon--iconPlacement-center_8vv9b_29 svg {
     align-self: center;
   }
 }._teddy-expandable-card_1qwo3_1 {

package/package.json

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