@telia/teddy 0.6.2 → 0.6.3

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 (11) hide show
  1. package/dist/components/dashboard-card/dashboard-card-content.d.ts +1 -1
  2. package/dist/components/dashboard-card/dashboard-card-footer.cjs +11 -0
  3. package/dist/components/dashboard-card/dashboard-card-footer.d.ts +4 -0
  4. package/dist/components/dashboard-card/dashboard-card-footer.js +11 -0
  5. package/dist/components/dashboard-card/dashboard-card-root.cjs +15 -14
  6. package/dist/components/dashboard-card/dashboard-card-root.js +15 -14
  7. package/dist/components/dashboard-card/index.cjs +3 -0
  8. package/dist/components/dashboard-card/index.d.ts +12 -1
  9. package/dist/components/dashboard-card/index.js +3 -0
  10. package/dist/style.css +43 -37
  11. package/package.json +1 -1
package/dist/components/dashboard-card/dashboard-card-content.d.ts CHANGED
@@ -1,4 +1,4 @@
1
1
  import { default as React } from 'react';
2
2
 
3
- export type ContentProps = React.ComponentPropsWithoutRef<'div'> & {};
3
+ export type ContentProps = React.ComponentPropsWithoutRef<'div'>;
4
4
  export declare const Content: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
package/dist/components/dashboard-card/dashboard-card-footer.cjs ADDED
@@ -0,0 +1,11 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
+ const jsxRuntime = require("react/jsx-runtime");
4
+ const React = require("react");
5
+ const clsx = require("clsx");
6
+ 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
+ });
11
+ exports.Footer = Footer;
package/dist/components/dashboard-card/dashboard-card-footer.d.ts ADDED
@@ -0,0 +1,4 @@
1
+ import { default as React } from 'react';
2
+
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>>;
package/dist/components/dashboard-card/dashboard-card-footer.js ADDED
@@ -0,0 +1,11 @@
1
+ import { jsx } from "react/jsx-runtime";
2
+ import React__default from "react";
3
+ import clsx from "clsx";
4
+ 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
+ });
9
+ export {
10
+ Footer
11
+ };
package/dist/components/dashboard-card/dashboard-card-root.cjs CHANGED
@@ -7,20 +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_hkvyi_3",
11
- "teddy-dashboard-card__content": "_teddy-dashboard-card__content_hkvyi_18",
12
- "teddy-dashboard-card--white": "_teddy-dashboard-card--white_hkvyi_21",
13
- "teddy-dashboard-card--disabled": "_teddy-dashboard-card--disabled_hkvyi_25",
14
- "teddy-dashboard-card--border": "_teddy-dashboard-card--border_hkvyi_34",
15
- "teddy-dashboard-card--grey": "_teddy-dashboard-card--grey_hkvyi_46",
16
- "teddy-dashboard-card--purple-light": "_teddy-dashboard-card--purple-light_hkvyi_59",
17
- "teddy-dashboard-card--beige-light": "_teddy-dashboard-card--beige-light_hkvyi_72",
18
- "teddy-dashboard-card__layout": "_teddy-dashboard-card__layout_hkvyi_85",
19
- "teddy-dashboard-card__avatar": "_teddy-dashboard-card__avatar_hkvyi_95",
20
- "teddy-dashboard-card__illustration": "_teddy-dashboard-card__illustration_hkvyi_98",
21
- "teddy-dashboard-card__heading": "_teddy-dashboard-card__heading_hkvyi_101",
22
- "teddy-dashboard-card__subtitle": "_teddy-dashboard-card__subtitle_hkvyi_105",
23
- "teddy-dashboard-card__chevron": "_teddy-dashboard-card__chevron_hkvyi_109"
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"
24
25
  };
25
26
  const rootClassName = "teddy-dashboard-card";
26
27
  const RootContext = React.createContext(void 0);
package/dist/components/dashboard-card/dashboard-card-root.js CHANGED
@@ -5,20 +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_hkvyi_3",
9
- "teddy-dashboard-card__content": "_teddy-dashboard-card__content_hkvyi_18",
10
- "teddy-dashboard-card--white": "_teddy-dashboard-card--white_hkvyi_21",
11
- "teddy-dashboard-card--disabled": "_teddy-dashboard-card--disabled_hkvyi_25",
12
- "teddy-dashboard-card--border": "_teddy-dashboard-card--border_hkvyi_34",
13
- "teddy-dashboard-card--grey": "_teddy-dashboard-card--grey_hkvyi_46",
14
- "teddy-dashboard-card--purple-light": "_teddy-dashboard-card--purple-light_hkvyi_59",
15
- "teddy-dashboard-card--beige-light": "_teddy-dashboard-card--beige-light_hkvyi_72",
16
- "teddy-dashboard-card__layout": "_teddy-dashboard-card__layout_hkvyi_85",
17
- "teddy-dashboard-card__avatar": "_teddy-dashboard-card__avatar_hkvyi_95",
18
- "teddy-dashboard-card__illustration": "_teddy-dashboard-card__illustration_hkvyi_98",
19
- "teddy-dashboard-card__heading": "_teddy-dashboard-card__heading_hkvyi_101",
20
- "teddy-dashboard-card__subtitle": "_teddy-dashboard-card__subtitle_hkvyi_105",
21
- "teddy-dashboard-card__chevron": "_teddy-dashboard-card__chevron_hkvyi_109"
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"
22
23
  };
23
24
  const rootClassName = "teddy-dashboard-card";
24
25
  const RootContext = React__default.createContext(void 0);
package/dist/components/dashboard-card/index.cjs CHANGED
@@ -6,6 +6,7 @@ const components_dashboardCard_dashboardCardSubtitle = require("./dashboard-card
6
6
  const components_dashboardCard_dashboardCardAvatar = require("./dashboard-card-avatar.cjs");
7
7
  const components_dashboardCard_dashboardCardContent = require("./dashboard-card-content.cjs");
8
8
  const components_dashboardCard_dashboardCardIllustration = require("./dashboard-card-illustration.cjs");
9
+ const components_dashboardCard_dashboardCardFooter = require("./dashboard-card-footer.cjs");
9
10
  const DashboardCard = components_dashboardCard_dashboardCardRoot.Root;
10
11
  DashboardCard.displayName = "DashboardCard";
11
12
  DashboardCard.Avatar = components_dashboardCard_dashboardCardAvatar.Avatar;
@@ -18,4 +19,6 @@ DashboardCard.Subtitle = components_dashboardCard_dashboardCardSubtitle.Subtitle
18
19
  DashboardCard.Subtitle.displayName = "DashboardCard.Subtitle";
19
20
  DashboardCard.Content = components_dashboardCard_dashboardCardContent.Content;
20
21
  DashboardCard.Content.displayName = "DashboardCard.Content";
22
+ DashboardCard.Footer = components_dashboardCard_dashboardCardFooter.Footer;
23
+ DashboardCard.Footer.displayName = "DashboardCard.Footer";
21
24
  exports.DashboardCard = DashboardCard;
package/dist/components/dashboard-card/index.d.ts CHANGED
@@ -4,14 +4,16 @@ import { Subtitle, SubtitleProps } from './dashboard-card-subtitle';
4
4
  import { Avatar, AvatarProps } from './dashboard-card-avatar';
5
5
  import { Content, ContentProps } from './dashboard-card-content';
6
6
  import { Illustration, IllustrationProps } from './dashboard-card-illustration';
7
+ import { Footer, FooterProps } from './dashboard-card-footer';
7
8
 
8
9
  export type DashboardCardProps = {
9
10
  Root: RootProps;
10
11
  Avatar: AvatarProps;
12
+ Illustration: IllustrationProps;
11
13
  Heading: HeadingProps;
12
14
  Subtitle: SubtitleProps;
13
15
  Content: ContentProps;
14
- Illustration: IllustrationProps;
16
+ Footer: FooterProps;
15
17
  };
16
18
  /**
17
19
  * Dashboard card is used as a navigation anchor from MinSide homepage to other pages.
@@ -81,5 +83,14 @@ declare const DashboardCard: import('react').ForwardRefExoticComponent<Omit<impo
81
83
  * <DashboardCard.Content/>
82
84
  */
83
85
  Content: typeof Content;
86
+ /**
87
+ * Footer component for the DashboardCard.
88
+ *
89
+ * @component
90
+ *
91
+ * @example
92
+ * <DashboardCard.Footer/>
93
+ */
94
+ Footer: typeof Footer;
84
95
  };
85
96
  export { DashboardCard };
package/dist/components/dashboard-card/index.js CHANGED
@@ -4,6 +4,7 @@ import { Subtitle } from "./dashboard-card-subtitle.js";
4
4
  import { Avatar } from "./dashboard-card-avatar.js";
5
5
  import { Content } from "./dashboard-card-content.js";
6
6
  import { Illustration } from "./dashboard-card-illustration.js";
7
+ import { Footer } from "./dashboard-card-footer.js";
7
8
  const DashboardCard = Root;
8
9
  DashboardCard.displayName = "DashboardCard";
9
10
  DashboardCard.Avatar = Avatar;
@@ -16,6 +17,8 @@ DashboardCard.Subtitle = Subtitle;
16
17
  DashboardCard.Subtitle.displayName = "DashboardCard.Subtitle";
17
18
  DashboardCard.Content = Content;
18
19
  DashboardCard.Content.displayName = "DashboardCard.Content";
20
+ DashboardCard.Footer = Footer;
21
+ DashboardCard.Footer.displayName = "DashboardCard.Footer";
19
22
  export {
20
23
  DashboardCard
21
24
  };
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_hkvyi_3 {
153
+ ._teddy-dashboard-card_hpo7d_3 {
154
154
  outline: none;
155
155
  background: none;
156
156
  border: none;
@@ -165,120 +165,126 @@
165
165
  border: var(--teddy-border-width-xs) solid transparent;
166
166
  border-radius: var(--teddy-border-radius-md);
167
167
  }
168
- ._teddy-dashboard-card_hkvyi_3 ._teddy-dashboard-card__content_hkvyi_18 {
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
170
  margin-top: var(--teddy-spacing-150);
170
171
  }
171
- ._teddy-dashboard-card--white_hkvyi_21 {
172
+ ._teddy-dashboard-card--white_hpo7d_22 {
172
173
  background-color: var(--teddy-color-brand-white);
173
174
  color: var(--teddy-color-text-default);
174
175
  }
175
- ._teddy-dashboard-card--white_hkvyi_21._teddy-dashboard-card--disabled_hkvyi_25 {
176
+ ._teddy-dashboard-card--white_hpo7d_22._teddy-dashboard-card--disabled_hpo7d_26 {
176
177
  background-color: var(--teddy-color-background-interactive-disabled);
177
178
  }
178
- ._teddy-dashboard-card--white_hkvyi_21:hover:not(:has(._teddy-dashboard-card--disabled_hkvyi_25)) {
179
+ ._teddy-dashboard-card--white_hpo7d_22:hover:not(:has(._teddy-dashboard-card--disabled_hpo7d_26)) {
179
180
  background-color: var(--teddy-color-purple-50);
180
181
  }
181
- ._teddy-dashboard-card--white_hkvyi_21:active:not(:has(._teddy-dashboard-card--disabled_hkvyi_25)) {
182
+ ._teddy-dashboard-card--white_hpo7d_22:active:not(:has(._teddy-dashboard-card--disabled_hpo7d_26)) {
182
183
  background-color: var(--teddy-color-purple-100);
183
184
  }
184
- ._teddy-dashboard-card--white_hkvyi_21._teddy-dashboard-card--border_hkvyi_34 {
185
+ ._teddy-dashboard-card--white_hpo7d_22._teddy-dashboard-card--border_hpo7d_35 {
185
186
  border-color: var(--teddy-color-transparent-black-300);
186
187
  }
187
- ._teddy-dashboard-card--white_hkvyi_21._teddy-dashboard-card--border_hkvyi_34._teddy-dashboard-card--disabled_hkvyi_25 {
188
+ ._teddy-dashboard-card--white_hpo7d_22._teddy-dashboard-card--border_hpo7d_35._teddy-dashboard-card--disabled_hpo7d_26 {
188
189
  border-color: var(--teddy-color-transparent-black-300);
189
190
  }
190
- ._teddy-dashboard-card--white_hkvyi_21._teddy-dashboard-card--border_hkvyi_34:hover:not(:has(._teddy-dashboard-card--disabled_hkvyi_25)) {
191
+ ._teddy-dashboard-card--white_hpo7d_22._teddy-dashboard-card--border_hpo7d_35:hover:not(:has(._teddy-dashboard-card--disabled_hpo7d_26)) {
191
192
  border-color: var(--teddy-color-transparent-black-300);
192
193
  }
193
- ._teddy-dashboard-card--white_hkvyi_21._teddy-dashboard-card--border_hkvyi_34:active:not(:has(._teddy-dashboard-card--disabled_hkvyi_25)) {
194
+ ._teddy-dashboard-card--white_hpo7d_22._teddy-dashboard-card--border_hpo7d_35:active:not(:has(._teddy-dashboard-card--disabled_hpo7d_26)) {
194
195
  border-color: var(--teddy-color-transparent-black-300);
195
196
  }
196
- ._teddy-dashboard-card--grey_hkvyi_46 {
197
+ ._teddy-dashboard-card--grey_hpo7d_47 {
197
198
  background-color: #f5f5fa;
198
199
  color: var(--teddy-color-text-default);
199
200
  }
200
- ._teddy-dashboard-card--grey_hkvyi_46._teddy-dashboard-card--disabled_hkvyi_25 {
201
+ ._teddy-dashboard-card--grey_hpo7d_47._teddy-dashboard-card--disabled_hpo7d_26 {
201
202
  background-color: var(--teddy-color-background-interactive-disabled);
202
203
  }
203
- ._teddy-dashboard-card--grey_hkvyi_46:hover:not(:has(._teddy-dashboard-card--disabled_hkvyi_25)) {
204
+ ._teddy-dashboard-card--grey_hpo7d_47:hover:not(:has(._teddy-dashboard-card--disabled_hpo7d_26)) {
204
205
  background-color: var(--teddy-color-gray-100);
205
206
  }
206
- ._teddy-dashboard-card--grey_hkvyi_46:active:not(:has(._teddy-dashboard-card--disabled_hkvyi_25)) {
207
+ ._teddy-dashboard-card--grey_hpo7d_47:active:not(:has(._teddy-dashboard-card--disabled_hpo7d_26)) {
207
208
  background-color: var(--teddy-color-gray-200);
208
209
  }
209
- ._teddy-dashboard-card--purple-light_hkvyi_59 {
210
+ ._teddy-dashboard-card--purple-light_hpo7d_60 {
210
211
  background-color: var(--teddy-color-purple-50);
211
212
  color: var(--teddy-color-text-default);
212
213
  }
213
- ._teddy-dashboard-card--purple-light_hkvyi_59._teddy-dashboard-card--disabled_hkvyi_25 {
214
+ ._teddy-dashboard-card--purple-light_hpo7d_60._teddy-dashboard-card--disabled_hpo7d_26 {
214
215
  background-color: var(--teddy-color-background-interactive-disabled);
215
216
  }
216
- ._teddy-dashboard-card--purple-light_hkvyi_59:hover:not(:has(._teddy-dashboard-card--disabled_hkvyi_25)) {
217
+ ._teddy-dashboard-card--purple-light_hpo7d_60:hover:not(:has(._teddy-dashboard-card--disabled_hpo7d_26)) {
217
218
  background-color: var(--teddy-color-purple-100);
218
219
  }
219
- ._teddy-dashboard-card--purple-light_hkvyi_59:active:not(:has(._teddy-dashboard-card--disabled_hkvyi_25)) {
220
+ ._teddy-dashboard-card--purple-light_hpo7d_60:active:not(:has(._teddy-dashboard-card--disabled_hpo7d_26)) {
220
221
  background-color: var(--teddy-color-purple-200);
221
222
  }
222
- ._teddy-dashboard-card--beige-light_hkvyi_72 {
223
+ ._teddy-dashboard-card--beige-light_hpo7d_73 {
223
224
  background-color: var(--teddy-color-beige-50);
224
225
  color: var(--teddy-color-text-default);
225
226
  }
226
- ._teddy-dashboard-card--beige-light_hkvyi_72._teddy-dashboard-card--disabled_hkvyi_25 {
227
+ ._teddy-dashboard-card--beige-light_hpo7d_73._teddy-dashboard-card--disabled_hpo7d_26 {
227
228
  background-color: var(--teddy-color-background-interactive-disabled);
228
229
  }
229
- ._teddy-dashboard-card--beige-light_hkvyi_72:hover:not(:has(._teddy-dashboard-card--disabled_hkvyi_25)) {
230
+ ._teddy-dashboard-card--beige-light_hpo7d_73:hover:not(:has(._teddy-dashboard-card--disabled_hpo7d_26)) {
230
231
  background-color: var(--teddy-color-beige-100);
231
232
  }
232
- ._teddy-dashboard-card--beige-light_hkvyi_72:active:not(:has(._teddy-dashboard-card--disabled_hkvyi_25)) {
233
+ ._teddy-dashboard-card--beige-light_hpo7d_73:active:not(:has(._teddy-dashboard-card--disabled_hpo7d_26)) {
233
234
  background-color: var(--teddy-color-beige-200);
234
235
  }
235
- ._teddy-dashboard-card__layout_hkvyi_85 {
236
+ ._teddy-dashboard-card__layout_hpo7d_86 {
236
237
  display: grid;
237
238
  gap: 0 var(--teddy-spacing-150);
238
239
  grid-template-columns: auto 1fr auto;
239
- grid-template-rows: 1fr 1fr auto;
240
+ grid-template-rows: auto auto 1fr auto;
240
241
  justify-items: start;
241
242
  justify-content: stretch;
242
243
  align-items: center;
243
- grid-template-areas: "media heading chevron" "media subtitle chevron" "content content content";
244
+ grid-template-areas: "media heading chevron" "media subtitle chevron" "content content content" "footer footer footer";
244
245
  }
245
- ._teddy-dashboard-card__layout_hkvyi_85 ._teddy-dashboard-card__avatar_hkvyi_95 {
246
+ ._teddy-dashboard-card__layout_hpo7d_86 ._teddy-dashboard-card__avatar_hpo7d_96 {
246
247
  grid-area: media;
247
248
  }
248
- ._teddy-dashboard-card__layout_hkvyi_85 ._teddy-dashboard-card__illustration_hkvyi_98 {
249
+ ._teddy-dashboard-card__layout_hpo7d_86 ._teddy-dashboard-card__illustration_hpo7d_99 {
249
250
  grid-area: media;
250
251
  }
251
- ._teddy-dashboard-card__layout_hkvyi_85 ._teddy-dashboard-card__heading_hkvyi_101 {
252
+ ._teddy-dashboard-card__layout_hpo7d_86 ._teddy-dashboard-card__heading_hpo7d_102 {
252
253
  grid-area: heading;
253
254
  align-self: end;
254
255
  }
255
- ._teddy-dashboard-card__layout_hkvyi_85 ._teddy-dashboard-card__subtitle_hkvyi_105 {
256
+ ._teddy-dashboard-card__layout_hpo7d_86 ._teddy-dashboard-card__subtitle_hpo7d_106 {
256
257
  grid-area: subtitle;
257
258
  align-self: start;
258
259
  }
259
- ._teddy-dashboard-card__layout_hkvyi_85 ._teddy-dashboard-card__chevron_hkvyi_109 {
260
+ ._teddy-dashboard-card__layout_hpo7d_86 ._teddy-dashboard-card__chevron_hpo7d_110 {
260
261
  grid-area: chevron;
261
262
  }
262
- ._teddy-dashboard-card__layout_hkvyi_85 ._teddy-dashboard-card__content_hkvyi_18 {
263
+ ._teddy-dashboard-card__layout_hpo7d_86 ._teddy-dashboard-card__content_hpo7d_18 {
263
264
  grid-area: content;
265
+ align-self: start;
266
+ }
267
+ ._teddy-dashboard-card__layout_hpo7d_86 ._teddy-dashboard-card__footer_hpo7d_19 {
268
+ grid-area: footer;
269
+ align-self: end;
264
270
  }
265
- ._teddy-dashboard-card__layout_hkvyi_85:not(:has(._teddy-dashboard-card__subtitle_hkvyi_105)) {
266
- grid-template-areas: "media heading chevron" "media heading chevron" "content content content";
271
+ ._teddy-dashboard-card__layout_hpo7d_86:not(:has(._teddy-dashboard-card__subtitle_hpo7d_106)) {
272
+ grid-template-areas: "media heading chevron" "media heading chevron" "content content content" "footer footer footer";
267
273
  }
268
- ._teddy-dashboard-card__layout_hkvyi_85:not(:has(._teddy-dashboard-card__subtitle_hkvyi_105)) ._teddy-dashboard-card__heading_hkvyi_101 {
274
+ ._teddy-dashboard-card__layout_hpo7d_86:not(:has(._teddy-dashboard-card__subtitle_hpo7d_106)) ._teddy-dashboard-card__heading_hpo7d_102 {
269
275
  align-self: center;
270
276
  }
271
- ._teddy-dashboard-card__illustration_hkvyi_98 {
277
+ ._teddy-dashboard-card__illustration_hpo7d_99 {
272
278
  display: flex;
273
279
  align-items: center;
274
280
  justify-content: center;
275
281
  width: 40px;
276
282
  }
277
- ._teddy-dashboard-card_hkvyi_3:focus-visible {
283
+ ._teddy-dashboard-card_hpo7d_3:focus-visible {
278
284
  outline: solid var(--teddy-border-width-sm) var(--teddy-color-border-interactive-focus);
279
285
  outline-offset: var(--teddy-spacing-25);
280
286
  }
281
- ._teddy-dashboard-card--disabled_hkvyi_25 {
287
+ ._teddy-dashboard-card--disabled_hpo7d_26 {
282
288
  pointer-events: none;
283
289
  }
284
290
  }@layer heading {
package/package.json CHANGED
@@ -20,7 +20,7 @@
20
20
  "pnpm": ">=9"
21
21
  },
22
22
  "private": false,
23
- "version": "0.6.2",
23
+ "version": "0.6.3",
24
24
  "sideEffects": [
25
25
  "**/*.css",
26
26
  "**/*.svg"