@telia/teddy 0.6.7 → 0.6.8

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 (12) hide show
  1. package/dist/components/dashboard-card/dashboard-card-content.cjs +2 -1
  2. package/dist/components/dashboard-card/dashboard-card-content.d.ts +3 -2
  3. package/dist/components/dashboard-card/dashboard-card-content.js +2 -1
  4. package/dist/components/dashboard-card/dashboard-card-footer.cjs +7 -4
  5. package/dist/components/dashboard-card/dashboard-card-footer.d.ts +3 -2
  6. package/dist/components/dashboard-card/dashboard-card-footer.js +7 -4
  7. package/dist/components/dashboard-card/dashboard-card-heading.cjs +1 -1
  8. package/dist/components/dashboard-card/dashboard-card-heading.js +1 -1
  9. package/dist/components/dashboard-card/dashboard-card-root.cjs +15 -15
  10. package/dist/components/dashboard-card/dashboard-card-root.js +15 -15
  11. package/dist/style.css +37 -36
  12. package/package.json +1 -1
package/dist/components/dashboard-card/dashboard-card-content.cjs CHANGED
@@ -3,11 +3,12 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
3
  const jsxRuntime = require("react/jsx-runtime");
4
4
  const React = require("react");
5
5
  const clsx = require("clsx");
6
+ const components_box_box = require("../box/box.cjs");
6
7
  const components_dashboardCard_dashboardCardRoot = require("./dashboard-card-root.cjs");
7
8
  const Content = React.forwardRef(
8
9
  ({ className, ...props }, forwardRef) => {
9
10
  const classes = clsx([components_dashboardCard_dashboardCardRoot.styles[`${components_dashboardCard_dashboardCardRoot.rootClassName}__content`]], className);
10
- return /* @__PURE__ */ jsxRuntime.jsx("div", { ...props, ref: forwardRef, className: classes });
11
+ return /* @__PURE__ */ jsxRuntime.jsx(components_box_box.Box, { width: "100%", ...props, ref: forwardRef, className: classes });
11
12
  }
12
13
  );
13
14
  exports.Content = Content;
package/dist/components/dashboard-card/dashboard-card-content.d.ts CHANGED
@@ -1,4 +1,5 @@
1
1
  import { default as React } from 'react';
2
+ import { Box as PrimitiveBox } from '../box';
2
3
 
3
- export type ContentProps = React.ComponentPropsWithoutRef<'div'>;
4
- export declare const Content: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
4
+ export type ContentProps = React.ComponentPropsWithoutRef<typeof PrimitiveBox>;
5
+ export declare const Content: React.ForwardRefExoticComponent<ContentProps & React.RefAttributes<HTMLDivElement>>;
package/dist/components/dashboard-card/dashboard-card-content.js CHANGED
@@ -1,11 +1,12 @@
1
1
  import { jsx } from "react/jsx-runtime";
2
2
  import React__default from "react";
3
3
  import clsx from "clsx";
4
+ import { Box } from "../box/box.js";
4
5
  import { s as styles, rootClassName } from "./dashboard-card-root.js";
5
6
  const Content = React__default.forwardRef(
6
7
  ({ className, ...props }, forwardRef) => {
7
8
  const classes = clsx([styles[`${rootClassName}__content`]], className);
8
- return /* @__PURE__ */ jsx("div", { ...props, ref: forwardRef, className: classes });
9
+ return /* @__PURE__ */ jsx(Box, { width: "100%", ...props, ref: forwardRef, className: classes });
9
10
  }
10
11
  );
11
12
  export {
package/dist/components/dashboard-card/dashboard-card-footer.cjs CHANGED
@@ -3,9 +3,12 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
3
  const jsxRuntime = require("react/jsx-runtime");
4
4
  const React = require("react");
5
5
  const clsx = require("clsx");
6
+ const components_box_box = require("../box/box.cjs");
6
7
  const components_dashboardCard_dashboardCardRoot = require("./dashboard-card-root.cjs");
7
- const Footer = React.forwardRef(({ className, ...props }, forwardRef) => {
8
- const classes = clsx([components_dashboardCard_dashboardCardRoot.styles[`${components_dashboardCard_dashboardCardRoot.rootClassName}__footer`]], className);
9
- return /* @__PURE__ */ jsxRuntime.jsx("div", { ...props, ref: forwardRef, className: classes });
10
- });
8
+ const Footer = React.forwardRef(
9
+ ({ className, ...props }, forwardRef) => {
10
+ const classes = clsx([components_dashboardCard_dashboardCardRoot.styles[`${components_dashboardCard_dashboardCardRoot.rootClassName}__footer`]], className);
11
+ return /* @__PURE__ */ jsxRuntime.jsx(components_box_box.Box, { width: "100%", ...props, ref: forwardRef, className: classes });
12
+ }
13
+ );
11
14
  exports.Footer = Footer;
package/dist/components/dashboard-card/dashboard-card-footer.d.ts CHANGED
@@ -1,4 +1,5 @@
1
1
  import { default as React } from 'react';
2
+ import { Box as PrimitiveBox } from '../box';
2
3
 
3
- export type FooterProps = React.ComponentPropsWithoutRef<'div'>;
4
- export declare const Footer: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
4
+ export type FooterProps = React.ComponentPropsWithoutRef<typeof PrimitiveBox>;
5
+ export declare const Footer: React.ForwardRefExoticComponent<FooterProps & React.RefAttributes<HTMLDivElement>>;
package/dist/components/dashboard-card/dashboard-card-footer.js CHANGED
@@ -1,11 +1,14 @@
1
1
  import { jsx } from "react/jsx-runtime";
2
2
  import React__default from "react";
3
3
  import clsx from "clsx";
4
+ import { Box } from "../box/box.js";
4
5
  import { s as styles, rootClassName } from "./dashboard-card-root.js";
5
- const Footer = React__default.forwardRef(({ className, ...props }, forwardRef) => {
6
- const classes = clsx([styles[`${rootClassName}__footer`]], className);
7
- return /* @__PURE__ */ jsx("div", { ...props, ref: forwardRef, className: classes });
8
- });
6
+ const Footer = React__default.forwardRef(
7
+ ({ className, ...props }, forwardRef) => {
8
+ const classes = clsx([styles[`${rootClassName}__footer`]], className);
9
+ return /* @__PURE__ */ jsx(Box, { width: "100%", ...props, ref: forwardRef, className: classes });
10
+ }
11
+ );
9
12
  export {
10
13
  Footer
11
14
  };
package/dist/components/dashboard-card/dashboard-card-heading.cjs CHANGED
@@ -6,7 +6,7 @@ const clsx = require("clsx");
6
6
  const components_heading_heading = require("../heading/heading.cjs");
7
7
  const components_dashboardCard_dashboardCardRoot = require("./dashboard-card-root.cjs");
8
8
  const Heading = React.forwardRef(
9
- ({ className, as = "h2", ...props }, forwardRef) => {
9
+ ({ className, as = "h3", ...props }, forwardRef) => {
10
10
  const classes = clsx([components_dashboardCard_dashboardCardRoot.styles[`${components_dashboardCard_dashboardCardRoot.rootClassName}__heading`]], className);
11
11
  const variant = props.variant ?? "subsection-100";
12
12
  return /* @__PURE__ */ jsxRuntime.jsx(
package/dist/components/dashboard-card/dashboard-card-heading.js CHANGED
@@ -4,7 +4,7 @@ import clsx from "clsx";
4
4
  import { Heading as Heading$1 } from "../heading/heading.js";
5
5
  import { s as styles, rootClassName } from "./dashboard-card-root.js";
6
6
  const Heading = React__default.forwardRef(
7
- ({ className, as = "h2", ...props }, forwardRef) => {
7
+ ({ className, as = "h3", ...props }, forwardRef) => {
8
8
  const classes = clsx([styles[`${rootClassName}__heading`]], className);
9
9
  const variant = props.variant ?? "subsection-100";
10
10
  return /* @__PURE__ */ jsx(
package/dist/components/dashboard-card/dashboard-card-root.cjs CHANGED
@@ -7,21 +7,21 @@ const reactSlot = require("@radix-ui/react-slot");
7
7
  require("../../assets/sprite.c3af21af-teddy.svg");
8
8
  const components_icon_icon = require("../icon/icon.cjs");
9
9
  const styles = {
10
- "teddy-dashboard-card": "_teddy-dashboard-card_hpo7d_3",
11
- "teddy-dashboard-card__content": "_teddy-dashboard-card__content_hpo7d_18",
12
- "teddy-dashboard-card__footer": "_teddy-dashboard-card__footer_hpo7d_19",
13
- "teddy-dashboard-card--white": "_teddy-dashboard-card--white_hpo7d_22",
14
- "teddy-dashboard-card--disabled": "_teddy-dashboard-card--disabled_hpo7d_26",
15
- "teddy-dashboard-card--border": "_teddy-dashboard-card--border_hpo7d_35",
16
- "teddy-dashboard-card--grey": "_teddy-dashboard-card--grey_hpo7d_47",
17
- "teddy-dashboard-card--purple-light": "_teddy-dashboard-card--purple-light_hpo7d_60",
18
- "teddy-dashboard-card--beige-light": "_teddy-dashboard-card--beige-light_hpo7d_73",
19
- "teddy-dashboard-card__layout": "_teddy-dashboard-card__layout_hpo7d_86",
20
- "teddy-dashboard-card__avatar": "_teddy-dashboard-card__avatar_hpo7d_96",
21
- "teddy-dashboard-card__illustration": "_teddy-dashboard-card__illustration_hpo7d_99",
22
- "teddy-dashboard-card__heading": "_teddy-dashboard-card__heading_hpo7d_102",
23
- "teddy-dashboard-card__subtitle": "_teddy-dashboard-card__subtitle_hpo7d_106",
24
- "teddy-dashboard-card__chevron": "_teddy-dashboard-card__chevron_hpo7d_110"
10
+ "teddy-dashboard-card": "_teddy-dashboard-card_mczi8_3",
11
+ "teddy-dashboard-card__content": "_teddy-dashboard-card__content_mczi8_19",
12
+ "teddy-dashboard-card__footer": "_teddy-dashboard-card__footer_mczi8_20",
13
+ "teddy-dashboard-card--white": "_teddy-dashboard-card--white_mczi8_23",
14
+ "teddy-dashboard-card--disabled": "_teddy-dashboard-card--disabled_mczi8_27",
15
+ "teddy-dashboard-card--border": "_teddy-dashboard-card--border_mczi8_36",
16
+ "teddy-dashboard-card--grey": "_teddy-dashboard-card--grey_mczi8_48",
17
+ "teddy-dashboard-card--purple-light": "_teddy-dashboard-card--purple-light_mczi8_61",
18
+ "teddy-dashboard-card--beige-light": "_teddy-dashboard-card--beige-light_mczi8_74",
19
+ "teddy-dashboard-card__layout": "_teddy-dashboard-card__layout_mczi8_87",
20
+ "teddy-dashboard-card__avatar": "_teddy-dashboard-card__avatar_mczi8_97",
21
+ "teddy-dashboard-card__illustration": "_teddy-dashboard-card__illustration_mczi8_100",
22
+ "teddy-dashboard-card__heading": "_teddy-dashboard-card__heading_mczi8_103",
23
+ "teddy-dashboard-card__subtitle": "_teddy-dashboard-card__subtitle_mczi8_107",
24
+ "teddy-dashboard-card__chevron": "_teddy-dashboard-card__chevron_mczi8_111"
25
25
  };
26
26
  const rootClassName = "teddy-dashboard-card";
27
27
  const RootContext = React.createContext(void 0);
package/dist/components/dashboard-card/dashboard-card-root.js CHANGED
@@ -5,21 +5,21 @@ import { Slottable, Slot } from "@radix-ui/react-slot";
5
5
  import "../../assets/sprite.c3af21af-teddy.svg";
6
6
  import { Icon } from "../icon/icon.js";
7
7
  const styles = {
8
- "teddy-dashboard-card": "_teddy-dashboard-card_hpo7d_3",
9
- "teddy-dashboard-card__content": "_teddy-dashboard-card__content_hpo7d_18",
10
- "teddy-dashboard-card__footer": "_teddy-dashboard-card__footer_hpo7d_19",
11
- "teddy-dashboard-card--white": "_teddy-dashboard-card--white_hpo7d_22",
12
- "teddy-dashboard-card--disabled": "_teddy-dashboard-card--disabled_hpo7d_26",
13
- "teddy-dashboard-card--border": "_teddy-dashboard-card--border_hpo7d_35",
14
- "teddy-dashboard-card--grey": "_teddy-dashboard-card--grey_hpo7d_47",
15
- "teddy-dashboard-card--purple-light": "_teddy-dashboard-card--purple-light_hpo7d_60",
16
- "teddy-dashboard-card--beige-light": "_teddy-dashboard-card--beige-light_hpo7d_73",
17
- "teddy-dashboard-card__layout": "_teddy-dashboard-card__layout_hpo7d_86",
18
- "teddy-dashboard-card__avatar": "_teddy-dashboard-card__avatar_hpo7d_96",
19
- "teddy-dashboard-card__illustration": "_teddy-dashboard-card__illustration_hpo7d_99",
20
- "teddy-dashboard-card__heading": "_teddy-dashboard-card__heading_hpo7d_102",
21
- "teddy-dashboard-card__subtitle": "_teddy-dashboard-card__subtitle_hpo7d_106",
22
- "teddy-dashboard-card__chevron": "_teddy-dashboard-card__chevron_hpo7d_110"
8
+ "teddy-dashboard-card": "_teddy-dashboard-card_mczi8_3",
9
+ "teddy-dashboard-card__content": "_teddy-dashboard-card__content_mczi8_19",
10
+ "teddy-dashboard-card__footer": "_teddy-dashboard-card__footer_mczi8_20",
11
+ "teddy-dashboard-card--white": "_teddy-dashboard-card--white_mczi8_23",
12
+ "teddy-dashboard-card--disabled": "_teddy-dashboard-card--disabled_mczi8_27",
13
+ "teddy-dashboard-card--border": "_teddy-dashboard-card--border_mczi8_36",
14
+ "teddy-dashboard-card--grey": "_teddy-dashboard-card--grey_mczi8_48",
15
+ "teddy-dashboard-card--purple-light": "_teddy-dashboard-card--purple-light_mczi8_61",
16
+ "teddy-dashboard-card--beige-light": "_teddy-dashboard-card--beige-light_mczi8_74",
17
+ "teddy-dashboard-card__layout": "_teddy-dashboard-card__layout_mczi8_87",
18
+ "teddy-dashboard-card__avatar": "_teddy-dashboard-card__avatar_mczi8_97",
19
+ "teddy-dashboard-card__illustration": "_teddy-dashboard-card__illustration_mczi8_100",
20
+ "teddy-dashboard-card__heading": "_teddy-dashboard-card__heading_mczi8_103",
21
+ "teddy-dashboard-card__subtitle": "_teddy-dashboard-card__subtitle_mczi8_107",
22
+ "teddy-dashboard-card__chevron": "_teddy-dashboard-card__chevron_mczi8_111"
23
23
  };
24
24
  const rootClassName = "teddy-dashboard-card";
25
25
  const RootContext = React__default.createContext(void 0);
package/dist/style.css CHANGED
@@ -150,7 +150,7 @@
150
150
  background-color: var(--teddy-color-green-50);
151
151
  }@layer heading, badge, flex, grid, dashboard-card;
152
152
  @layer dashboard-card {
153
- ._teddy-dashboard-card_hpo7d_3 {
153
+ ._teddy-dashboard-card_mczi8_3 {
154
154
  outline: none;
155
155
  background: none;
156
156
  border: none;
@@ -164,76 +164,77 @@
164
164
  padding: var(--teddy-spacing-250);
165
165
  border: var(--teddy-border-width-xs) solid transparent;
166
166
  border-radius: var(--teddy-border-radius-md);
167
+ width: 100%;
167
168
  }
168
- ._teddy-dashboard-card_hpo7d_3 ._teddy-dashboard-card__content_hpo7d_18,
169
- ._teddy-dashboard-card_hpo7d_3 ._teddy-dashboard-card__footer_hpo7d_19 {
169
+ ._teddy-dashboard-card_mczi8_3 ._teddy-dashboard-card__content_mczi8_19,
170
+ ._teddy-dashboard-card_mczi8_3 ._teddy-dashboard-card__footer_mczi8_20 {
170
171
  margin-top: var(--teddy-spacing-150);
171
172
  }
172
- ._teddy-dashboard-card--white_hpo7d_22 {
173
+ ._teddy-dashboard-card--white_mczi8_23 {
173
174
  background-color: var(--teddy-color-brand-white);
174
175
  color: var(--teddy-color-text-default);
175
176
  }
176
- ._teddy-dashboard-card--white_hpo7d_22._teddy-dashboard-card--disabled_hpo7d_26 {
177
+ ._teddy-dashboard-card--white_mczi8_23._teddy-dashboard-card--disabled_mczi8_27 {
177
178
  background-color: var(--teddy-color-background-interactive-disabled);
178
179
  }
179
- ._teddy-dashboard-card--white_hpo7d_22:hover:not(:has(._teddy-dashboard-card--disabled_hpo7d_26)) {
180
+ ._teddy-dashboard-card--white_mczi8_23:hover:not(:has(._teddy-dashboard-card--disabled_mczi8_27)) {
180
181
  background-color: var(--teddy-color-purple-50);
181
182
  }
182
- ._teddy-dashboard-card--white_hpo7d_22:active:not(:has(._teddy-dashboard-card--disabled_hpo7d_26)) {
183
+ ._teddy-dashboard-card--white_mczi8_23:active:not(:has(._teddy-dashboard-card--disabled_mczi8_27)) {
183
184
  background-color: var(--teddy-color-purple-100);
184
185
  }
185
- ._teddy-dashboard-card--white_hpo7d_22._teddy-dashboard-card--border_hpo7d_35 {
186
+ ._teddy-dashboard-card--white_mczi8_23._teddy-dashboard-card--border_mczi8_36 {
186
187
  border-color: var(--teddy-color-transparent-black-300);
187
188
  }
188
- ._teddy-dashboard-card--white_hpo7d_22._teddy-dashboard-card--border_hpo7d_35._teddy-dashboard-card--disabled_hpo7d_26 {
189
+ ._teddy-dashboard-card--white_mczi8_23._teddy-dashboard-card--border_mczi8_36._teddy-dashboard-card--disabled_mczi8_27 {
189
190
  border-color: var(--teddy-color-transparent-black-300);
190
191
  }
191
- ._teddy-dashboard-card--white_hpo7d_22._teddy-dashboard-card--border_hpo7d_35:hover:not(:has(._teddy-dashboard-card--disabled_hpo7d_26)) {
192
+ ._teddy-dashboard-card--white_mczi8_23._teddy-dashboard-card--border_mczi8_36:hover:not(:has(._teddy-dashboard-card--disabled_mczi8_27)) {
192
193
  border-color: var(--teddy-color-transparent-black-300);
193
194
  }
194
- ._teddy-dashboard-card--white_hpo7d_22._teddy-dashboard-card--border_hpo7d_35:active:not(:has(._teddy-dashboard-card--disabled_hpo7d_26)) {
195
+ ._teddy-dashboard-card--white_mczi8_23._teddy-dashboard-card--border_mczi8_36:active:not(:has(._teddy-dashboard-card--disabled_mczi8_27)) {
195
196
  border-color: var(--teddy-color-transparent-black-300);
196
197
  }
197
- ._teddy-dashboard-card--grey_hpo7d_47 {
198
+ ._teddy-dashboard-card--grey_mczi8_48 {
198
199
  background-color: #f5f5fa;
199
200
  color: var(--teddy-color-text-default);
200
201
  }
201
- ._teddy-dashboard-card--grey_hpo7d_47._teddy-dashboard-card--disabled_hpo7d_26 {
202
+ ._teddy-dashboard-card--grey_mczi8_48._teddy-dashboard-card--disabled_mczi8_27 {
202
203
  background-color: var(--teddy-color-background-interactive-disabled);
203
204
  }
204
- ._teddy-dashboard-card--grey_hpo7d_47:hover:not(:has(._teddy-dashboard-card--disabled_hpo7d_26)) {
205
+ ._teddy-dashboard-card--grey_mczi8_48:hover:not(:has(._teddy-dashboard-card--disabled_mczi8_27)) {
205
206
  background-color: var(--teddy-color-gray-100);
206
207
  }
207
- ._teddy-dashboard-card--grey_hpo7d_47:active:not(:has(._teddy-dashboard-card--disabled_hpo7d_26)) {
208
+ ._teddy-dashboard-card--grey_mczi8_48:active:not(:has(._teddy-dashboard-card--disabled_mczi8_27)) {
208
209
  background-color: var(--teddy-color-gray-200);
209
210
  }
210
- ._teddy-dashboard-card--purple-light_hpo7d_60 {
211
+ ._teddy-dashboard-card--purple-light_mczi8_61 {
211
212
  background-color: var(--teddy-color-purple-50);
212
213
  color: var(--teddy-color-text-default);
213
214
  }
214
- ._teddy-dashboard-card--purple-light_hpo7d_60._teddy-dashboard-card--disabled_hpo7d_26 {
215
+ ._teddy-dashboard-card--purple-light_mczi8_61._teddy-dashboard-card--disabled_mczi8_27 {
215
216
  background-color: var(--teddy-color-background-interactive-disabled);
216
217
  }
217
- ._teddy-dashboard-card--purple-light_hpo7d_60:hover:not(:has(._teddy-dashboard-card--disabled_hpo7d_26)) {
218
+ ._teddy-dashboard-card--purple-light_mczi8_61:hover:not(:has(._teddy-dashboard-card--disabled_mczi8_27)) {
218
219
  background-color: var(--teddy-color-purple-100);
219
220
  }
220
- ._teddy-dashboard-card--purple-light_hpo7d_60:active:not(:has(._teddy-dashboard-card--disabled_hpo7d_26)) {
221
+ ._teddy-dashboard-card--purple-light_mczi8_61:active:not(:has(._teddy-dashboard-card--disabled_mczi8_27)) {
221
222
  background-color: var(--teddy-color-purple-200);
222
223
  }
223
- ._teddy-dashboard-card--beige-light_hpo7d_73 {
224
+ ._teddy-dashboard-card--beige-light_mczi8_74 {
224
225
  background-color: var(--teddy-color-beige-50);
225
226
  color: var(--teddy-color-text-default);
226
227
  }
227
- ._teddy-dashboard-card--beige-light_hpo7d_73._teddy-dashboard-card--disabled_hpo7d_26 {
228
+ ._teddy-dashboard-card--beige-light_mczi8_74._teddy-dashboard-card--disabled_mczi8_27 {
228
229
  background-color: var(--teddy-color-background-interactive-disabled);
229
230
  }
230
- ._teddy-dashboard-card--beige-light_hpo7d_73:hover:not(:has(._teddy-dashboard-card--disabled_hpo7d_26)) {
231
+ ._teddy-dashboard-card--beige-light_mczi8_74:hover:not(:has(._teddy-dashboard-card--disabled_mczi8_27)) {
231
232
  background-color: var(--teddy-color-beige-100);
232
233
  }
233
- ._teddy-dashboard-card--beige-light_hpo7d_73:active:not(:has(._teddy-dashboard-card--disabled_hpo7d_26)) {
234
+ ._teddy-dashboard-card--beige-light_mczi8_74:active:not(:has(._teddy-dashboard-card--disabled_mczi8_27)) {
234
235
  background-color: var(--teddy-color-beige-200);
235
236
  }
236
- ._teddy-dashboard-card__layout_hpo7d_86 {
237
+ ._teddy-dashboard-card__layout_mczi8_87 {
237
238
  display: grid;
238
239
  gap: 0 var(--teddy-spacing-150);
239
240
  grid-template-columns: auto 1fr auto;
@@ -243,48 +244,48 @@
243
244
  align-items: center;
244
245
  grid-template-areas: "media heading chevron" "media subtitle chevron" "content content content" "footer footer footer";
245
246
  }
246
- ._teddy-dashboard-card__layout_hpo7d_86 ._teddy-dashboard-card__avatar_hpo7d_96 {
247
+ ._teddy-dashboard-card__layout_mczi8_87 ._teddy-dashboard-card__avatar_mczi8_97 {
247
248
  grid-area: media;
248
249
  }
249
- ._teddy-dashboard-card__layout_hpo7d_86 ._teddy-dashboard-card__illustration_hpo7d_99 {
250
+ ._teddy-dashboard-card__layout_mczi8_87 ._teddy-dashboard-card__illustration_mczi8_100 {
250
251
  grid-area: media;
251
252
  }
252
- ._teddy-dashboard-card__layout_hpo7d_86 ._teddy-dashboard-card__heading_hpo7d_102 {
253
+ ._teddy-dashboard-card__layout_mczi8_87 ._teddy-dashboard-card__heading_mczi8_103 {
253
254
  grid-area: heading;
254
255
  align-self: end;
255
256
  }
256
- ._teddy-dashboard-card__layout_hpo7d_86 ._teddy-dashboard-card__subtitle_hpo7d_106 {
257
+ ._teddy-dashboard-card__layout_mczi8_87 ._teddy-dashboard-card__subtitle_mczi8_107 {
257
258
  grid-area: subtitle;
258
259
  align-self: start;
259
260
  }
260
- ._teddy-dashboard-card__layout_hpo7d_86 ._teddy-dashboard-card__chevron_hpo7d_110 {
261
+ ._teddy-dashboard-card__layout_mczi8_87 ._teddy-dashboard-card__chevron_mczi8_111 {
261
262
  grid-area: chevron;
262
263
  }
263
- ._teddy-dashboard-card__layout_hpo7d_86 ._teddy-dashboard-card__content_hpo7d_18 {
264
+ ._teddy-dashboard-card__layout_mczi8_87 ._teddy-dashboard-card__content_mczi8_19 {
264
265
  grid-area: content;
265
266
  align-self: start;
266
267
  }
267
- ._teddy-dashboard-card__layout_hpo7d_86 ._teddy-dashboard-card__footer_hpo7d_19 {
268
+ ._teddy-dashboard-card__layout_mczi8_87 ._teddy-dashboard-card__footer_mczi8_20 {
268
269
  grid-area: footer;
269
270
  align-self: end;
270
271
  }
271
- ._teddy-dashboard-card__layout_hpo7d_86:not(:has(._teddy-dashboard-card__subtitle_hpo7d_106)) {
272
+ ._teddy-dashboard-card__layout_mczi8_87:not(:has(._teddy-dashboard-card__subtitle_mczi8_107)) {
272
273
  grid-template-areas: "media heading chevron" "media heading chevron" "content content content" "footer footer footer";
273
274
  }
274
- ._teddy-dashboard-card__layout_hpo7d_86:not(:has(._teddy-dashboard-card__subtitle_hpo7d_106)) ._teddy-dashboard-card__heading_hpo7d_102 {
275
+ ._teddy-dashboard-card__layout_mczi8_87:not(:has(._teddy-dashboard-card__subtitle_mczi8_107)) ._teddy-dashboard-card__heading_mczi8_103 {
275
276
  align-self: center;
276
277
  }
277
- ._teddy-dashboard-card__illustration_hpo7d_99 {
278
+ ._teddy-dashboard-card__illustration_mczi8_100 {
278
279
  display: flex;
279
280
  align-items: center;
280
281
  justify-content: center;
281
282
  width: 40px;
282
283
  }
283
- ._teddy-dashboard-card_hpo7d_3:focus-visible {
284
+ ._teddy-dashboard-card_mczi8_3:focus-visible {
284
285
  outline: solid var(--teddy-border-width-sm) var(--teddy-color-border-interactive-focus);
285
286
  outline-offset: var(--teddy-spacing-25);
286
287
  }
287
- ._teddy-dashboard-card--disabled_hpo7d_26 {
288
+ ._teddy-dashboard-card--disabled_mczi8_27 {
288
289
  pointer-events: none;
289
290
  }
290
291
  }@layer heading {
package/package.json CHANGED
@@ -20,7 +20,7 @@
20
20
  "pnpm": ">=9"
21
21
  },
22
22
  "private": false,
23
- "version": "0.6.7",
23
+ "version": "0.6.8",
24
24
  "sideEffects": [
25
25
  "**/*.css",
26
26
  "**/*.svg"