@telia/teddy 0.7.50 → 0.7.51

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/dist/components/card/card.cjs +5 -5
  2. package/dist/components/card/card.d.ts +1 -1
  3. package/dist/components/card/card.js +5 -5
  4. package/dist/components/notification/index.d.ts +6 -6
  5. package/dist/components/notification/notification-root.d.ts +3 -3
  6. package/package.json +2 -2
package/dist/components/card/card.cjs CHANGED
@@ -86,17 +86,17 @@ const Root = React.forwardRef(
86
86
  "navigation-horizontal-small-centered",
87
87
  "navigation-horizontal-large"
88
88
  ].includes(layout ?? "");
89
- const customStyle = backgroundImageSrc ? imageGradient === "light" ? {
89
+ const customStyle = backgroundImageSrc ? imageGradient === "none" ? { backgroundImage: `url(${backgroundImageSrc})`, ...props.style } : imageGradient === "light" ? {
90
90
  backgroundImage: `
91
- linear-gradient(${tokens_color_variables.teddyColorTransparentWhite850} 0%,
92
- ${tokens_color_variables.teddyColorTransparentWhite800} 50%,
93
- ${tokens_color_variables.teddyColorTransparentWhite100} 100%),
91
+ linear-gradient(${tokens_color_variables.teddyColorTransparentWhite850} 0%,
92
+ ${tokens_color_variables.teddyColorTransparentWhite800} 50%,
93
+ ${tokens_color_variables.teddyColorTransparentWhite100} 100%),
94
94
  url(${backgroundImageSrc})`,
95
95
  ...props.style
96
96
  } : {
97
97
  backgroundImage: `
98
98
  linear-gradient(${tokens_color_variables.teddyColorTransparentBlack600} 0%,
99
- ${tokens_color_variables.teddyColorTransparentBlack200} 100%),
99
+ ${tokens_color_variables.teddyColorTransparentBlack200} 100%),
100
100
  url(${backgroundImageSrc})`,
101
101
  ...props.style
102
102
  } : props.style;
package/dist/components/card/card.d.ts CHANGED
@@ -5,7 +5,7 @@ import { Variant } from './utils';
5
5
  export declare const rootClassName = "teddy-card";
6
6
  export declare const actionElementIdentifier = "teddy-card__action";
7
7
  export type Layout = 'navigation-vertical' | 'navigation-horizontal-small' | 'navigation-horizontal-small-centered' | 'navigation-horizontal-large' | 'rich-card' | 'rich-card-large' | 'default' | 'product';
8
- type Gradient = 'light' | 'dark' | 'default';
8
+ type Gradient = 'light' | 'dark' | 'default' | 'none';
9
9
  export type CardType = 'regular' | 'product';
10
10
  export declare const RootContext: React.Context<{
11
11
  buttonRef: React.RefObject<HTMLButtonElement>;
package/dist/components/card/card.js CHANGED
@@ -84,17 +84,17 @@ const Root = React__default.forwardRef(
84
84
  "navigation-horizontal-small-centered",
85
85
  "navigation-horizontal-large"
86
86
  ].includes(layout ?? "");
87
- const customStyle = backgroundImageSrc ? imageGradient === "light" ? {
87
+ const customStyle = backgroundImageSrc ? imageGradient === "none" ? { backgroundImage: `url(${backgroundImageSrc})`, ...props.style } : imageGradient === "light" ? {
88
88
  backgroundImage: `
89
- linear-gradient(${teddyColorTransparentWhite850} 0%,
90
- ${teddyColorTransparentWhite800} 50%,
91
- ${teddyColorTransparentWhite100} 100%),
89
+ linear-gradient(${teddyColorTransparentWhite850} 0%,
90
+ ${teddyColorTransparentWhite800} 50%,
91
+ ${teddyColorTransparentWhite100} 100%),
92
92
  url(${backgroundImageSrc})`,
93
93
  ...props.style
94
94
  } : {
95
95
  backgroundImage: `
96
96
  linear-gradient(${teddyColorTransparentBlack600} 0%,
97
- ${teddyColorTransparentBlack200} 100%),
97
+ ${teddyColorTransparentBlack200} 100%),
98
98
  url(${backgroundImageSrc})`,
99
99
  ...props.style
100
100
  } : props.style;
package/dist/components/notification/index.d.ts CHANGED
@@ -35,7 +35,6 @@ declare const Notification: import('react').ForwardRefExoticComponent<Omit<Omit<
35
35
  asChild: true;
36
36
  as?: undefined;
37
37
  } & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>, "ref"> & {
38
- asChild?: boolean | undefined;
39
38
  /**
40
39
  * Footer component displays the footer of the notification.
41
40
  *
@@ -44,11 +43,12 @@ declare const Notification: import('react').ForwardRefExoticComponent<Omit<Omit<
44
43
  * @example
45
44
  * <Notification.Footer">Notification Footer</Notification.Footer>
46
45
  */
46
+ asChild?: boolean | undefined;
47
47
  variant?: "beige" | "white" | "gray" | "purple-light" | "beige-light" | "purple-dark" | undefined;
48
48
  bordered?: boolean | undefined;
49
49
  shadow?: boolean | undefined;
50
50
  backgroundImageSrc?: string | undefined;
51
- imageGradient?: ("dark" | "light" | "default") | undefined;
51
+ imageGradient?: ("none" | "dark" | "light" | "default") | undefined;
52
52
  layout?: import('../card/card').Layout | undefined;
53
53
  } & import('react').RefAttributes<HTMLDivElement>, "ref"> | Omit<Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import('../../utils/generate-styling/flex').FlexChildren & import('../../utils/generate-styling/grid').GridChildren & import('../../utils/generate-styling/position').PositionProps & import('../../utils/generate-styling/inset').InsetProps & import('../../utils/generate-styling/radius').RadiusProps & import('../../utils/generate-styling/margin').MarginProps & import('../../utils/generate-styling/padding').PaddingProps & import('../../utils/generate-styling/width').WidthProps & import('../../utils/generate-styling/height').HeightProps & import('../../utils/generate-styling/color').ColorProps & {
54
54
  display?: import('../../utils/generate-styling').DisplayChildren | undefined;
@@ -59,7 +59,6 @@ declare const Notification: import('react').ForwardRefExoticComponent<Omit<Omit<
59
59
  as?: "span" | undefined;
60
60
  asChild?: false | undefined;
61
61
  } & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>, "ref"> & {
62
- asChild?: boolean | undefined;
63
62
  /**
64
63
  * Footer component displays the footer of the notification.
65
64
  *
@@ -68,11 +67,12 @@ declare const Notification: import('react').ForwardRefExoticComponent<Omit<Omit<
68
67
  * @example
69
68
  * <Notification.Footer">Notification Footer</Notification.Footer>
70
69
  */
70
+ asChild?: boolean | undefined;
71
71
  variant?: "beige" | "white" | "gray" | "purple-light" | "beige-light" | "purple-dark" | undefined;
72
72
  bordered?: boolean | undefined;
73
73
  shadow?: boolean | undefined;
74
74
  backgroundImageSrc?: string | undefined;
75
- imageGradient?: ("dark" | "light" | "default") | undefined;
75
+ imageGradient?: ("none" | "dark" | "light" | "default") | undefined;
76
76
  layout?: import('../card/card').Layout | undefined;
77
77
  } & import('react').RefAttributes<HTMLDivElement>, "ref"> | Omit<Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import('../../utils/generate-styling/flex').FlexChildren & import('../../utils/generate-styling/grid').GridChildren & import('../../utils/generate-styling/position').PositionProps & import('../../utils/generate-styling/inset').InsetProps & import('../../utils/generate-styling/radius').RadiusProps & import('../../utils/generate-styling/margin').MarginProps & import('../../utils/generate-styling/padding').PaddingProps & import('../../utils/generate-styling/width').WidthProps & import('../../utils/generate-styling/height').HeightProps & import('../../utils/generate-styling/color').ColorProps & {
78
78
  display?: import('../../utils/generate-styling').DisplayChildren | undefined;
@@ -83,7 +83,6 @@ declare const Notification: import('react').ForwardRefExoticComponent<Omit<Omit<
83
83
  as: "div";
84
84
  asChild?: false | undefined;
85
85
  } & import('react').RefAttributes<HTMLDivElement>, "ref"> & {
86
- asChild?: boolean | undefined;
87
86
  /**
88
87
  * Footer component displays the footer of the notification.
89
88
  *
@@ -92,11 +91,12 @@ declare const Notification: import('react').ForwardRefExoticComponent<Omit<Omit<
92
91
  * @example
93
92
  * <Notification.Footer">Notification Footer</Notification.Footer>
94
93
  */
94
+ asChild?: boolean | undefined;
95
95
  variant?: "beige" | "white" | "gray" | "purple-light" | "beige-light" | "purple-dark" | undefined;
96
96
  bordered?: boolean | undefined;
97
97
  shadow?: boolean | undefined;
98
98
  backgroundImageSrc?: string | undefined;
99
- imageGradient?: ("dark" | "light" | "default") | undefined;
99
+ imageGradient?: ("none" | "dark" | "light" | "default") | undefined;
100
100
  layout?: import('../card/card').Layout | undefined;
101
101
  } & import('react').RefAttributes<HTMLDivElement>, "ref">, "variant" | "layout" | "as"> & {
102
102
  variant?: "error" | "warning" | "beige" | "gray" | "teal" | "information" | "success" | undefined;
package/dist/components/notification/notification-root.d.ts CHANGED
@@ -34,7 +34,7 @@ export declare const Root: React.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<R
34
34
  bordered?: boolean | undefined;
35
35
  shadow?: boolean | undefined;
36
36
  backgroundImageSrc?: string | undefined;
37
- imageGradient?: ("dark" | "light" | "default") | undefined;
37
+ imageGradient?: ("none" | "dark" | "light" | "default") | undefined;
38
38
  layout?: import('../card/card').Layout | undefined;
39
39
  } & React.RefAttributes<HTMLDivElement>, "ref"> | Omit<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import('../../utils/generate-styling/flex').FlexChildren & import('../../utils/generate-styling/grid').GridChildren & import('../../utils/generate-styling/position').PositionProps & import('../../utils/generate-styling/inset').InsetProps & import('../../utils/generate-styling/radius').RadiusProps & import('../../utils/generate-styling/margin').MarginProps & import('../../utils/generate-styling/padding').PaddingProps & import('../../utils/generate-styling/width').WidthProps & import('../../utils/generate-styling/height').HeightProps & import('../../utils/generate-styling/color').ColorProps & {
40
40
  display?: import('../../utils/generate-styling').DisplayChildren | undefined;
@@ -50,7 +50,7 @@ export declare const Root: React.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<R
50
50
  bordered?: boolean | undefined;
51
51
  shadow?: boolean | undefined;
52
52
  backgroundImageSrc?: string | undefined;
53
- imageGradient?: ("dark" | "light" | "default") | undefined;
53
+ imageGradient?: ("none" | "dark" | "light" | "default") | undefined;
54
54
  layout?: import('../card/card').Layout | undefined;
55
55
  } & React.RefAttributes<HTMLDivElement>, "ref"> | Omit<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import('../../utils/generate-styling/flex').FlexChildren & import('../../utils/generate-styling/grid').GridChildren & import('../../utils/generate-styling/position').PositionProps & import('../../utils/generate-styling/inset').InsetProps & import('../../utils/generate-styling/radius').RadiusProps & import('../../utils/generate-styling/margin').MarginProps & import('../../utils/generate-styling/padding').PaddingProps & import('../../utils/generate-styling/width').WidthProps & import('../../utils/generate-styling/height').HeightProps & import('../../utils/generate-styling/color').ColorProps & {
56
56
  display?: import('../../utils/generate-styling').DisplayChildren | undefined;
@@ -66,7 +66,7 @@ export declare const Root: React.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<R
66
66
  bordered?: boolean | undefined;
67
67
  shadow?: boolean | undefined;
68
68
  backgroundImageSrc?: string | undefined;
69
- imageGradient?: ("dark" | "light" | "default") | undefined;
69
+ imageGradient?: ("none" | "dark" | "light" | "default") | undefined;
70
70
  layout?: import('../card/card').Layout | undefined;
71
71
  } & React.RefAttributes<HTMLDivElement>, "ref">, "variant" | "layout" | "as"> & {
72
72
  /**
package/package.json CHANGED
@@ -20,7 +20,7 @@
20
20
  "pnpm": ">=10"
21
21
  },
22
22
  "private": false,
23
- "version": "0.7.50",
23
+ "version": "0.7.51",
24
24
  "sideEffects": [
25
25
  "**/*.css",
26
26
  "**/*.svg"
@@ -44,7 +44,7 @@
44
44
  "@typescript-eslint/eslint-plugin": "6.20.0",
45
45
  "@typescript-eslint/parser": "6.20.0",
46
46
  "@vitejs/plugin-react-swc": "3.7.0",
47
- "axios": "1.13.5",
47
+ "axios": "1.15.0",
48
48
  "eslint": "8.57.0",
49
49
  "eslint-config-prettier": "9.1.0",
50
50
  "eslint-import-resolver-alias": "1.1.2",