@telia/teddy 0.0.88 → 0.1.0
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.
- package/dist/components/radio-card-group/index.cjs +1 -0
- package/dist/components/radio-card-group/index.d.ts +1 -3
- package/dist/components/radio-card-group/index.js +1 -0
- package/dist/components/radio-card-group/radio-card-group-item-body.cjs +13 -51
- package/dist/components/radio-card-group/radio-card-group-item-body.d.ts +3 -6
- package/dist/components/radio-card-group/radio-card-group-item-body.js +13 -51
- package/dist/components/radio-card-group/radio-card-group-item-title.cjs +3 -11
- package/dist/components/radio-card-group/radio-card-group-item-title.js +1 -9
- package/package.json +1 -1
|
@@ -3,4 +3,5 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
|
3
3
|
require("./radio-card-group-root.cjs");
|
|
4
4
|
require("./radio-card-group-label.cjs");
|
|
5
5
|
const components_radioCardGroup_radioCardGroupItemTitle = require("./radio-card-group-item-title.cjs");
|
|
6
|
+
require("./radio-card-group-item-body.cjs");
|
|
6
7
|
exports.RadioCardGroup = components_radioCardGroup_radioCardGroupItemTitle.RadioCardGroup;
|
|
@@ -54,9 +54,7 @@ export declare const RadioCardGroup: import('react').ForwardRefExoticComponent<O
|
|
|
54
54
|
Title: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref"> & {
|
|
55
55
|
asChild?: boolean | undefined;
|
|
56
56
|
} & import('react').RefAttributes<HTMLHeadingElement>>;
|
|
57
|
-
Body: import('react').ForwardRefExoticComponent<
|
|
58
|
-
asChild?: boolean | undefined;
|
|
59
|
-
} & import('react').RefAttributes<HTMLDivElement>>;
|
|
57
|
+
Body: import('react').ForwardRefExoticComponent<BodyProps & import('react').RefAttributes<HTMLSpanElement>>;
|
|
60
58
|
};
|
|
61
59
|
export type RadioCardGroupProps = {
|
|
62
60
|
Root: RootProps;
|
|
@@ -1,53 +1,15 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
-
require("react/jsx-runtime");
|
|
4
|
-
require("clsx");
|
|
5
|
-
require("react");
|
|
6
|
-
require("./radio-card-group-root.cjs");
|
|
7
|
-
require("
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
require("../color-dot/color-dot-root.cjs");
|
|
17
|
-
require("../progress-bar/progress-bar.cjs");
|
|
18
|
-
require("../notabene/index.cjs");
|
|
19
|
-
require("../tooltip/index.cjs");
|
|
20
|
-
require("../list/index.cjs");
|
|
21
|
-
require("../scroll-area/index.cjs");
|
|
22
|
-
require("../tabs/index.cjs");
|
|
23
|
-
require("../drawer/index.cjs");
|
|
24
|
-
require("../image/image.cjs");
|
|
25
|
-
require("../chip/index.cjs");
|
|
26
|
-
require("../../assets/sprite.269ba410-teddy.svg");
|
|
27
|
-
require("../notification/notification.cjs");
|
|
28
|
-
require("../radio-group/index.cjs");
|
|
29
|
-
require("../box/box.cjs");
|
|
30
|
-
require("../flex/flex.cjs");
|
|
31
|
-
require("../card/index.cjs");
|
|
32
|
-
require("../grid/grid.cjs");
|
|
33
|
-
require("../toggle/toggle.cjs");
|
|
34
|
-
require("../accordion/index.cjs");
|
|
35
|
-
require("../link/link.cjs");
|
|
36
|
-
require("../badge/badge.cjs");
|
|
37
|
-
require("../badge/alert-badge.cjs");
|
|
38
|
-
require("../badge/counter-badge.cjs");
|
|
39
|
-
require("../button/button.cjs");
|
|
40
|
-
require("../field-error-text/field-error-text.cjs");
|
|
41
|
-
require("../helper-text/helper-text.cjs");
|
|
42
|
-
require("../input/index.cjs");
|
|
43
|
-
require("../label/label.cjs");
|
|
44
|
-
require("../spinner/spinner.cjs");
|
|
45
|
-
require("../text/text.cjs");
|
|
46
|
-
require("../text-field/index.cjs");
|
|
47
|
-
require("../heading/heading.cjs");
|
|
48
|
-
require("../visually-hidden/visually-hidden.cjs");
|
|
49
|
-
require("../text-spacing/text-spacing.cjs");
|
|
50
|
-
require("../container/container.cjs");
|
|
51
|
-
require("../carousel/carousel-root.cjs");
|
|
52
|
-
require("../slider/slider.cjs");
|
|
53
|
-
exports.Body = components_radioCardGroup_radioCardGroupItemTitle.Body;
|
|
3
|
+
const jsxRuntime = require("react/jsx-runtime");
|
|
4
|
+
const clsx = require("clsx");
|
|
5
|
+
const React = require("react");
|
|
6
|
+
const components_radioCardGroup_radioCardGroupRoot = require("./radio-card-group-root.cjs");
|
|
7
|
+
const components_text_text = require("../text/text.cjs");
|
|
8
|
+
const Body = React.forwardRef(
|
|
9
|
+
({ className, children, ...props }, forwardRef) => {
|
|
10
|
+
const classes = clsx([components_radioCardGroup_radioCardGroupRoot.styles[`${components_radioCardGroup_radioCardGroupRoot.rootClassName}__body`]], className);
|
|
11
|
+
return /* @__PURE__ */ jsxRuntime.jsx(components_text_text.Text, { ref: forwardRef, className: classes, ...props, children });
|
|
12
|
+
}
|
|
13
|
+
);
|
|
14
|
+
Body.displayName = "Body";
|
|
15
|
+
exports.Body = Body;
|
|
@@ -1,8 +1,5 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
|
+
import { Text } from '../text';
|
|
2
3
|
|
|
3
|
-
export type BodyProps = React.ComponentPropsWithoutRef<
|
|
4
|
-
|
|
5
|
-
};
|
|
6
|
-
export declare const Body: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
7
|
-
asChild?: boolean | undefined;
|
|
8
|
-
} & React.RefAttributes<HTMLDivElement>>;
|
|
4
|
+
export type BodyProps = React.ComponentPropsWithoutRef<typeof Text>;
|
|
5
|
+
export declare const Body: React.ForwardRefExoticComponent<BodyProps & React.RefAttributes<HTMLSpanElement>>;
|
|
@@ -1,53 +1,15 @@
|
|
|
1
|
-
import "react/jsx-runtime";
|
|
2
|
-
import "clsx";
|
|
3
|
-
import "react";
|
|
4
|
-
import "./radio-card-group-root.js";
|
|
5
|
-
import "
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
import "../expandable-card/index.js";
|
|
14
|
-
import "../color-dot/color-dot-root.js";
|
|
15
|
-
import "../progress-bar/progress-bar.js";
|
|
16
|
-
import "../notabene/index.js";
|
|
17
|
-
import "../tooltip/index.js";
|
|
18
|
-
import "../list/index.js";
|
|
19
|
-
import "../scroll-area/index.js";
|
|
20
|
-
import "../tabs/index.js";
|
|
21
|
-
import "../drawer/index.js";
|
|
22
|
-
import "../image/image.js";
|
|
23
|
-
import "../chip/index.js";
|
|
24
|
-
import "../../assets/sprite.269ba410-teddy.svg";
|
|
25
|
-
import "../notification/notification.js";
|
|
26
|
-
import "../radio-group/index.js";
|
|
27
|
-
import "../box/box.js";
|
|
28
|
-
import "../flex/flex.js";
|
|
29
|
-
import "../card/index.js";
|
|
30
|
-
import "../grid/grid.js";
|
|
31
|
-
import "../toggle/toggle.js";
|
|
32
|
-
import "../accordion/index.js";
|
|
33
|
-
import "../link/link.js";
|
|
34
|
-
import "../badge/badge.js";
|
|
35
|
-
import "../badge/alert-badge.js";
|
|
36
|
-
import "../badge/counter-badge.js";
|
|
37
|
-
import "../button/button.js";
|
|
38
|
-
import "../field-error-text/field-error-text.js";
|
|
39
|
-
import "../helper-text/helper-text.js";
|
|
40
|
-
import "../input/index.js";
|
|
41
|
-
import "../label/label.js";
|
|
42
|
-
import "../spinner/spinner.js";
|
|
43
|
-
import "../text/text.js";
|
|
44
|
-
import "../text-field/index.js";
|
|
45
|
-
import "../heading/heading.js";
|
|
46
|
-
import "../visually-hidden/visually-hidden.js";
|
|
47
|
-
import "../text-spacing/text-spacing.js";
|
|
48
|
-
import "../container/container.js";
|
|
49
|
-
import "../carousel/carousel-root.js";
|
|
50
|
-
import "../slider/slider.js";
|
|
1
|
+
import { jsx } from "react/jsx-runtime";
|
|
2
|
+
import clsx from "clsx";
|
|
3
|
+
import React__default from "react";
|
|
4
|
+
import { s as styles, rootClassName } from "./radio-card-group-root.js";
|
|
5
|
+
import { Text } from "../text/text.js";
|
|
6
|
+
const Body = React__default.forwardRef(
|
|
7
|
+
({ className, children, ...props }, forwardRef) => {
|
|
8
|
+
const classes = clsx([styles[`${rootClassName}__body`]], className);
|
|
9
|
+
return /* @__PURE__ */ jsx(Text, { ref: forwardRef, className: classes, ...props, children });
|
|
10
|
+
}
|
|
11
|
+
);
|
|
12
|
+
Body.displayName = "Body";
|
|
51
13
|
export {
|
|
52
|
-
|
|
14
|
+
Body
|
|
53
15
|
};
|
|
@@ -60,6 +60,7 @@ require("../container/container.cjs");
|
|
|
60
60
|
require("../carousel/carousel-root.cjs");
|
|
61
61
|
require("../slider/slider.cjs");
|
|
62
62
|
const components_radioCardGroup_radioCardGroupIndicator = require("./radio-card-group-indicator.cjs");
|
|
63
|
+
const components_radioCardGroup_radioCardGroupItemBody = require("./radio-card-group-item-body.cjs");
|
|
63
64
|
const RadioGroupPrimitive = require("@radix-ui/react-radio-group");
|
|
64
65
|
const utils_useSize = require("../../utils/useSize.cjs");
|
|
65
66
|
const utils_useCallbackRef = require("../../utils/useCallbackRef.cjs");
|
|
@@ -92,14 +93,6 @@ const Title$1 = React.forwardRef(
|
|
|
92
93
|
}
|
|
93
94
|
);
|
|
94
95
|
Title$1.displayName = "Title";
|
|
95
|
-
const Body = React.forwardRef(
|
|
96
|
-
({ className, children, asChild, ...props }, forwardRef) => {
|
|
97
|
-
const classes = clsx([components_radioCardGroup_radioCardGroupRoot.styles[`${components_radioCardGroup_radioCardGroupRoot.rootClassName}__body`]], className);
|
|
98
|
-
const Comp = asChild ? reactSlot.Slot : components_text_text.Text;
|
|
99
|
-
return /* @__PURE__ */ jsxRuntime.jsx(Comp, { ref: forwardRef, className: classes, ...props, children });
|
|
100
|
-
}
|
|
101
|
-
);
|
|
102
|
-
Body.displayName = "Body";
|
|
103
96
|
const Content$2 = React.forwardRef(
|
|
104
97
|
({ className, children, ...props }, forwardRef) => {
|
|
105
98
|
const classes = clsx([components_radioCardGroup_radioCardGroupRoot.styles[`${components_radioCardGroup_radioCardGroupRoot.rootClassName}__content-wrapper`]], className);
|
|
@@ -125,12 +118,12 @@ components_radioCardGroup_radioCardGroupRoot.Root.displayName = "RadioCardGroup"
|
|
|
125
118
|
components_radioCardGroup_radioCardGroupLabel.GroupLabel.displayName = "RadioCardGroup.GroupLabel";
|
|
126
119
|
Item$1.displayName = "RadioCardGroup.Item";
|
|
127
120
|
Title$1.displayName = "RadioCardGroup.Title";
|
|
128
|
-
Body.displayName = "RadioCardGroup.Body";
|
|
121
|
+
components_radioCardGroup_radioCardGroupItemBody.Body.displayName = "RadioCardGroup.Body";
|
|
129
122
|
const RadioCardGroup = Object.assign(components_radioCardGroup_radioCardGroupRoot.Root, {
|
|
130
123
|
GroupLabel: components_radioCardGroup_radioCardGroupLabel.GroupLabel,
|
|
131
124
|
Item: Item$1,
|
|
132
125
|
Title: Title$1,
|
|
133
|
-
Body
|
|
126
|
+
Body: components_radioCardGroup_radioCardGroupItemBody.Body
|
|
134
127
|
});
|
|
135
128
|
const styles$2 = {
|
|
136
129
|
"teddy-modal__overlay": "_teddy-modal__overlay_lkqhu_25",
|
|
@@ -1352,7 +1345,6 @@ function getInitialMenuItem(currentPath) {
|
|
|
1352
1345
|
}
|
|
1353
1346
|
Root.displayName = "GlobalNavigation";
|
|
1354
1347
|
const GlobalNavigation = Root;
|
|
1355
|
-
exports.Body = Body;
|
|
1356
1348
|
exports.Content = Content$2;
|
|
1357
1349
|
exports.Desktop = Desktop;
|
|
1358
1350
|
exports.DesktopSimplified = DesktopSimplified;
|
|
@@ -58,6 +58,7 @@ import "../container/container.js";
|
|
|
58
58
|
import "../carousel/carousel-root.js";
|
|
59
59
|
import "../slider/slider.js";
|
|
60
60
|
import { Indicator as Indicator$1 } from "./radio-card-group-indicator.js";
|
|
61
|
+
import { Body } from "./radio-card-group-item-body.js";
|
|
61
62
|
import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
|
|
62
63
|
import { useSize } from "../../utils/useSize.js";
|
|
63
64
|
import { useCallbackRef } from "../../utils/useCallbackRef.js";
|
|
@@ -71,14 +72,6 @@ const Title$1 = React__default.forwardRef(
|
|
|
71
72
|
}
|
|
72
73
|
);
|
|
73
74
|
Title$1.displayName = "Title";
|
|
74
|
-
const Body = React__default.forwardRef(
|
|
75
|
-
({ className, children, asChild, ...props }, forwardRef) => {
|
|
76
|
-
const classes = clsx([styles$3[`${rootClassName$3}__body`]], className);
|
|
77
|
-
const Comp = asChild ? Slot : Text;
|
|
78
|
-
return /* @__PURE__ */ jsx(Comp, { ref: forwardRef, className: classes, ...props, children });
|
|
79
|
-
}
|
|
80
|
-
);
|
|
81
|
-
Body.displayName = "Body";
|
|
82
75
|
const Content$2 = React__default.forwardRef(
|
|
83
76
|
({ className, children, ...props }, forwardRef) => {
|
|
84
77
|
const classes = clsx([styles$3[`${rootClassName$3}__content-wrapper`]], className);
|
|
@@ -1332,7 +1325,6 @@ function getInitialMenuItem(currentPath) {
|
|
|
1332
1325
|
Root.displayName = "GlobalNavigation";
|
|
1333
1326
|
const GlobalNavigation = Root;
|
|
1334
1327
|
export {
|
|
1335
|
-
Body as B,
|
|
1336
1328
|
Content$2 as C,
|
|
1337
1329
|
Desktop as D,
|
|
1338
1330
|
GlobalNavigation as G,
|