@phillips/seldon 1.214.0-beta.0 → 1.214.0-beta.2
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/assets/formatted/Clock.d.ts +9 -0
- package/dist/assets/formatted/Clock.js +35 -0
- package/dist/assets/formatted/LiveNow.d.ts +9 -0
- package/dist/assets/formatted/LiveNow.js +63 -0
- package/dist/assets/formatted/index.d.ts +2 -0
- package/dist/assets/formatted/index.js +44 -40
- package/dist/components/Accordion/Accordion.stories.d.ts +1 -1
- package/dist/components/Accordion/AccordionItem.js +101 -105
- package/dist/components/Accordion/types.d.ts +9 -3
- package/dist/components/Accordion/types.js +1 -1
- package/dist/components/Accordion/utils.d.ts +3 -3
- package/dist/components/Accordion/utils.js +7 -7
- package/dist/components/Breadcrumb/BreadcrumbItem.js +13 -13
- package/dist/components/ComboBox/ComboBox.js +2 -0
- package/dist/components/Detail/Detail.d.ts +2 -2
- package/dist/components/Detail/Detail.js +19 -19
- package/dist/components/Detail/Detail.stories.d.ts +10 -1
- package/dist/components/Detail/index.d.ts +1 -0
- package/dist/components/Detail/types.d.ts +4 -0
- package/dist/components/Detail/types.js +4 -0
- package/dist/components/Navigation/NavigationItemTrigger/NavigationItemTrigger.js +27 -29
- package/dist/components/Pagination/Pagination.js +22 -21
- package/dist/index.js +195 -193
- package/dist/patterns/BidSnapshot/BidSnapshot.d.ts +2 -2
- package/dist/patterns/BidSnapshot/BidSnapshot.js +50 -59
- package/dist/patterns/BidSnapshot/BidSnapshot.stories.d.ts +0 -13
- package/dist/patterns/DetailList/DetailList.d.ts +7 -2
- package/dist/patterns/DetailList/DetailList.js +28 -27
- package/dist/patterns/DetailList/DetailList.stories.d.ts +1 -0
- package/dist/patterns/LanguageSelector/LanguageSelector.js +25 -27
- package/dist/patterns/ObjectTile/ObjectTile.js +37 -36
- package/dist/patterns/Subscribe/Subscribe.js +57 -55
- package/dist/scss/componentStyles.scss +2 -2
- package/dist/scss/components/Accordion/_accordion.scss +13 -30
- package/dist/scss/components/AddToCalendar/_addToCalendar.scss +0 -4
- package/dist/scss/components/Breadcrumb/_breadcrumb.scss +7 -0
- package/dist/scss/components/Button/_button.scss +1 -1
- package/dist/scss/components/Filter/_filter.scss +0 -12
- package/dist/scss/components/LinkList/_linkList.scss +0 -2
- package/dist/scss/components/Navigation/NavigationItem/_navigationItem.scss +0 -3
- package/dist/scss/components/Navigation/NavigationItemTrigger/_navigationItemTrigger.scss +1 -1
- package/dist/scss/components/Navigation/NavigationList/_navigationList.scss +3 -2
- package/dist/scss/components/Pagination/_pagination.scss +17 -1
- package/dist/scss/components/Search/_search.scss +1 -1
- package/dist/scss/components/Tabs/_tabs.scss +0 -4
- package/dist/scss/components/TextSymbol/_textSymbol.scss +0 -4
- package/dist/scss/patterns/BidSnapshot/_bidSnapshot.scss +8 -3
- package/dist/scss/patterns/DetailList/_detailList.scss +6 -4
- package/dist/scss/patterns/HeroBanner/_heroBanner.scss +0 -8
- package/dist/scss/patterns/LanguageSelector/_languageSelector.scss +4 -0
- package/dist/scss/patterns/SaleCard/_saleCard.scss +0 -7
- package/dist/scss/patterns/Subscribe/_subscribe.scss +0 -12
- package/dist/scss/site-furniture/Footer/_footer.scss +10 -8
- package/dist/scss/site-furniture/Header/_header.scss +2 -2
- package/package.json +1 -1
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
interface ClockProps extends React.HTMLAttributes<SVGSVGElement> {
|
|
2
|
+
color?: string;
|
|
3
|
+
height?: number | string;
|
|
4
|
+
width?: number | string;
|
|
5
|
+
title?: string;
|
|
6
|
+
titleId?: string;
|
|
7
|
+
}
|
|
8
|
+
declare const Clock: import('react').MemoExoticComponent<import('react').ForwardRefExoticComponent<ClockProps & import('react').RefAttributes<SVGSVGElement>>>;
|
|
9
|
+
export default Clock;
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import { jsxs as s, jsx as o } from "react/jsx-runtime";
|
|
2
|
+
import { memo as n, forwardRef as f } from "react";
|
|
3
|
+
import { kebabCase as h } from "../../node_modules/change-case/dist/index.js";
|
|
4
|
+
const g = n(
|
|
5
|
+
f((t, i) => {
|
|
6
|
+
const { color: r, height: a, width: d, title: l, titleId: m } = t, e = m || h(l || "");
|
|
7
|
+
return /* @__PURE__ */ s(
|
|
8
|
+
"svg",
|
|
9
|
+
{
|
|
10
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
11
|
+
fill: "none",
|
|
12
|
+
viewBox: "0 0 19 19",
|
|
13
|
+
height: a,
|
|
14
|
+
width: d,
|
|
15
|
+
role: "img",
|
|
16
|
+
ref: i,
|
|
17
|
+
"aria-labelledby": e,
|
|
18
|
+
...t,
|
|
19
|
+
children: [
|
|
20
|
+
l ? /* @__PURE__ */ o("title", { id: e, children: l }) : null,
|
|
21
|
+
/* @__PURE__ */ o(
|
|
22
|
+
"path",
|
|
23
|
+
{
|
|
24
|
+
fill: r,
|
|
25
|
+
d: "M9.906 1.595A7.917 7.917 0 0 1 17.415 9.5l-.01.407A7.917 7.917 0 0 1 9.5 17.417l-.408-.01a7.917 7.917 0 0 1-7.498-7.499l-.011-.407a7.92 7.92 0 0 1 7.917-7.917zM9.5 3.084A6.418 6.418 0 1 0 9.5 15.919 6.418 6.418 0 0 0 9.5 3.084m.79 6.874L6.716 13.46l-1.177-1.153 3.085-3.024v-3.74h1.665z"
|
|
26
|
+
}
|
|
27
|
+
)
|
|
28
|
+
]
|
|
29
|
+
}
|
|
30
|
+
);
|
|
31
|
+
})
|
|
32
|
+
);
|
|
33
|
+
export {
|
|
34
|
+
g as default
|
|
35
|
+
};
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
interface LiveNowProps extends React.HTMLAttributes<SVGSVGElement> {
|
|
2
|
+
color?: string;
|
|
3
|
+
height?: number | string;
|
|
4
|
+
width?: number | string;
|
|
5
|
+
title?: string;
|
|
6
|
+
titleId?: string;
|
|
7
|
+
}
|
|
8
|
+
declare const LiveNow: import('react').MemoExoticComponent<import('react').ForwardRefExoticComponent<LiveNowProps & import('react').RefAttributes<SVGSVGElement>>>;
|
|
9
|
+
export default LiveNow;
|
|
@@ -0,0 +1,63 @@
|
|
|
1
|
+
import { jsxs as f, jsx as l } from "react/jsx-runtime";
|
|
2
|
+
import { memo as h, forwardRef as s } from "react";
|
|
3
|
+
import { kebabCase as m } from "../../node_modules/change-case/dist/index.js";
|
|
4
|
+
const w = h(
|
|
5
|
+
s((e, o) => {
|
|
6
|
+
const { color: t, height: r, width: d, title: i, titleId: a } = e, C = a || m(i || "");
|
|
7
|
+
return /* @__PURE__ */ f(
|
|
8
|
+
"svg",
|
|
9
|
+
{
|
|
10
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
11
|
+
fill: "none",
|
|
12
|
+
viewBox: "0 0 16 16",
|
|
13
|
+
height: r,
|
|
14
|
+
width: d,
|
|
15
|
+
role: "img",
|
|
16
|
+
ref: o,
|
|
17
|
+
"aria-labelledby": C,
|
|
18
|
+
...e,
|
|
19
|
+
children: [
|
|
20
|
+
i ? /* @__PURE__ */ l("title", { id: C, children: i }) : null,
|
|
21
|
+
/* @__PURE__ */ l(
|
|
22
|
+
"path",
|
|
23
|
+
{
|
|
24
|
+
d: "M10 8C10 9.10457 9.10457 10 8 10C6.89543 10 6 9.10457 6 8C6 6.89543 6.89543 6 8 6C9.10457 6 10 6.89543 10 8Z",
|
|
25
|
+
fill: t
|
|
26
|
+
}
|
|
27
|
+
),
|
|
28
|
+
/* @__PURE__ */ l(
|
|
29
|
+
"path",
|
|
30
|
+
{
|
|
31
|
+
d: "M4.83925 10.4531C4.31321 9.77593 4 8.92521 4 8.00134C4 7.0765 4.31387 6.22497 4.84089 5.54746L4.12937 4.83594C3.42352 5.69803 3 6.80022 3 8.00134C3 9.20149 3.42284 10.3029 4.12768 11.1647L4.83925 10.4531Z",
|
|
32
|
+
fill: t
|
|
33
|
+
}
|
|
34
|
+
),
|
|
35
|
+
/* @__PURE__ */ l(
|
|
36
|
+
"path",
|
|
37
|
+
{
|
|
38
|
+
d: "M11.1591 5.54746L11.8706 4.83594C12.5765 5.69803 13 6.80022 13 8.00134C13 9.20149 12.5772 10.3029 11.8723 11.1647L11.1607 10.4531C11.6868 9.77593 12 8.92521 12 8.00134C12 7.0765 11.6861 6.22497 11.1591 5.54746Z",
|
|
39
|
+
fill: t
|
|
40
|
+
}
|
|
41
|
+
),
|
|
42
|
+
/* @__PURE__ */ l(
|
|
43
|
+
"path",
|
|
44
|
+
{
|
|
45
|
+
d: "M2.00146 2.70703C0.755865 4.1175 0 5.97065 0 8.00034C0 10.0291 0.755153 11.8814 1.9997 13.2916L2.70839 12.583C1.64406 11.355 1 9.7529 1 8.00034C1 6.24682 1.64476 4.6439 2.71014 3.4157L2.00146 2.70703Z",
|
|
46
|
+
fill: t
|
|
47
|
+
}
|
|
48
|
+
),
|
|
49
|
+
/* @__PURE__ */ l(
|
|
50
|
+
"path",
|
|
51
|
+
{
|
|
52
|
+
d: "M14.0003 13.2916L13.2916 12.583C14.3559 11.355 15 9.7529 15 8.00034C15 6.24682 14.3552 4.6439 13.2899 3.4157L13.9985 2.70703C15.2441 4.1175 16 5.97065 16 8.00034C16 10.0291 15.2448 11.8814 14.0003 13.2916Z",
|
|
53
|
+
fill: t
|
|
54
|
+
}
|
|
55
|
+
)
|
|
56
|
+
]
|
|
57
|
+
}
|
|
58
|
+
);
|
|
59
|
+
})
|
|
60
|
+
);
|
|
61
|
+
export {
|
|
62
|
+
w as default
|
|
63
|
+
};
|
|
@@ -78,3 +78,5 @@ export { default as VolumeMaximum } from './VolumeMaximum';
|
|
|
78
78
|
export { default as VolumeMid } from './VolumeMid';
|
|
79
79
|
export { default as VolumeMinimum } from './VolumeMinimum';
|
|
80
80
|
export { default as WeChat } from './WeChat';
|
|
81
|
+
export { default as Clock } from './Clock';
|
|
82
|
+
export { default as LiveNow } from './LiveNow';
|
|
@@ -6,22 +6,22 @@ import { default as s } from "./AdminLiveOnline.js";
|
|
|
6
6
|
import { default as x } from "./AdminPerson.js";
|
|
7
7
|
import { default as n } from "./AdminTelephone.js";
|
|
8
8
|
import { default as A } from "./AdminPlay.js";
|
|
9
|
-
import { default as
|
|
9
|
+
import { default as h } from "./AdminFullscreen.js";
|
|
10
10
|
import { default as w } from "./AdminFullscreenExit.js";
|
|
11
11
|
import { default as S } from "./AdminCheck.js";
|
|
12
12
|
import { default as F } from "./AdminChevronLeft.js";
|
|
13
13
|
import { default as P } from "./AdminChevronRight.js";
|
|
14
|
-
import { default as
|
|
15
|
-
import { default as
|
|
14
|
+
import { default as k } from "./AdminChevronUp.js";
|
|
15
|
+
import { default as M } from "./AdminClose.js";
|
|
16
16
|
import { default as D } from "./AdminHome.js";
|
|
17
17
|
import { default as U } from "./AdminPencil.js";
|
|
18
18
|
import { default as B } from "./AdminSearch.js";
|
|
19
19
|
import { default as b } from "./AppleAppStoreBadge.js";
|
|
20
20
|
import { default as X } from "./ArrowDown.js";
|
|
21
|
-
import { default as
|
|
22
|
-
import { default as
|
|
23
|
-
import { default as
|
|
24
|
-
import { default as
|
|
21
|
+
import { default as O } from "./ArrowLeft.js";
|
|
22
|
+
import { default as j } from "./ArrowRight.js";
|
|
23
|
+
import { default as z } from "./ArrowUp.js";
|
|
24
|
+
import { default as K } from "./Bag.js";
|
|
25
25
|
import { default as Y } from "./Calendar.js";
|
|
26
26
|
import { default as _ } from "./ChevronDown.js";
|
|
27
27
|
import { default as ee } from "./ChevronLeft.js";
|
|
@@ -33,22 +33,22 @@ import { default as se } from "./Delete.js";
|
|
|
33
33
|
import { default as xe } from "./Download.js";
|
|
34
34
|
import { default as ne } from "./Edit.js";
|
|
35
35
|
import { default as Ae } from "./Email.js";
|
|
36
|
-
import { default as
|
|
36
|
+
import { default as he } from "./Error.js";
|
|
37
37
|
import { default as we } from "./ExternalLink.js";
|
|
38
38
|
import { default as Se } from "./Facebook.js";
|
|
39
39
|
import { default as Fe } from "./FavoriteActive.js";
|
|
40
40
|
import { default as Pe } from "./Favorite.js";
|
|
41
|
-
import { default as
|
|
42
|
-
import { default as
|
|
41
|
+
import { default as ke } from "./Filters.js";
|
|
42
|
+
import { default as Me } from "./Fullscreen.js";
|
|
43
43
|
import { default as De } from "./FullscreenExit.js";
|
|
44
44
|
import { default as Ue } from "./GavelActive.js";
|
|
45
45
|
import { default as Be } from "./Gavel.js";
|
|
46
46
|
import { default as be } from "./Grid.js";
|
|
47
47
|
import { default as Xe } from "./Hide.js";
|
|
48
|
-
import { default as
|
|
49
|
-
import { default as
|
|
50
|
-
import { default as
|
|
51
|
-
import { default as
|
|
48
|
+
import { default as Oe } from "./HomeActive.js";
|
|
49
|
+
import { default as je } from "./Home.js";
|
|
50
|
+
import { default as ze } from "./IconGreenCircle.js";
|
|
51
|
+
import { default as Ke } from "./IconBlueCircle.js";
|
|
52
52
|
import { default as Ye } from "./IconRedCircle.js";
|
|
53
53
|
import { default as _e } from "./Icon.js";
|
|
54
54
|
import { default as eo } from "./Instagram.js";
|
|
@@ -59,25 +59,27 @@ import { default as uo } from "./MagnificentSeven.js";
|
|
|
59
59
|
import { default as po } from "./Menu.js";
|
|
60
60
|
import { default as io } from "./Mute.js";
|
|
61
61
|
import { default as co } from "./Pause.js";
|
|
62
|
-
import { default as
|
|
62
|
+
import { default as vo } from "./PhillipsAppIcon.js";
|
|
63
63
|
import { default as Co } from "./PhillipsLogo.js";
|
|
64
64
|
import { default as Lo } from "./Play.js";
|
|
65
65
|
import { default as go } from "./Red.js";
|
|
66
66
|
import { default as Io } from "./Refresh.js";
|
|
67
67
|
import { default as Ro } from "./Search.js";
|
|
68
|
-
import { default as
|
|
68
|
+
import { default as Eo } from "./SellActive.js";
|
|
69
69
|
import { default as Go } from "./Sell.js";
|
|
70
70
|
import { default as Ho } from "./Share.js";
|
|
71
71
|
import { default as Vo } from "./Subtract.js";
|
|
72
72
|
import { default as To } from "./Success.js";
|
|
73
73
|
import { default as yo } from "./Tooltip.js";
|
|
74
|
-
import { default as
|
|
75
|
-
import { default as
|
|
76
|
-
import { default as
|
|
77
|
-
import { default as
|
|
74
|
+
import { default as No } from "./TwitterX.js";
|
|
75
|
+
import { default as Wo } from "./Upload.js";
|
|
76
|
+
import { default as qo } from "./View.js";
|
|
77
|
+
import { default as Jo } from "./VolumeMaximum.js";
|
|
78
78
|
import { default as Qo } from "./VolumeMid.js";
|
|
79
79
|
import { default as Zo } from "./VolumeMinimum.js";
|
|
80
80
|
import { default as $o } from "./WeChat.js";
|
|
81
|
+
import { default as or } from "./Clock.js";
|
|
82
|
+
import { default as tr } from "./LiveNow.js";
|
|
81
83
|
export {
|
|
82
84
|
a as Account,
|
|
83
85
|
r as AccountActive,
|
|
@@ -85,9 +87,9 @@ export {
|
|
|
85
87
|
S as AdminCheck,
|
|
86
88
|
F as AdminChevronLeft,
|
|
87
89
|
P as AdminChevronRight,
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
90
|
+
k as AdminChevronUp,
|
|
91
|
+
M as AdminClose,
|
|
92
|
+
h as AdminFullscreen,
|
|
91
93
|
w as AdminFullscreenExit,
|
|
92
94
|
m as AdminGavel,
|
|
93
95
|
D as AdminHome,
|
|
@@ -99,63 +101,65 @@ export {
|
|
|
99
101
|
n as AdminTelephone,
|
|
100
102
|
b as AppleAppStoreBadge,
|
|
101
103
|
X as ArrowDown,
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
104
|
+
O as ArrowLeft,
|
|
105
|
+
j as ArrowRight,
|
|
106
|
+
z as ArrowUp,
|
|
107
|
+
K as Bag,
|
|
106
108
|
Y as Calendar,
|
|
107
109
|
_ as ChevronDown,
|
|
108
110
|
ee as ChevronLeft,
|
|
109
111
|
re as ChevronRight,
|
|
110
112
|
ae as ChevronUp,
|
|
113
|
+
or as Clock,
|
|
111
114
|
le as CloseX,
|
|
112
115
|
me as ConditionReport,
|
|
113
116
|
se as Delete,
|
|
114
117
|
xe as Download,
|
|
115
118
|
ne as Edit,
|
|
116
119
|
Ae as Email,
|
|
117
|
-
|
|
120
|
+
he as Error,
|
|
118
121
|
we as ExternalLink,
|
|
119
122
|
Se as Facebook,
|
|
120
123
|
Pe as Favorite,
|
|
121
124
|
Fe as FavoriteActive,
|
|
122
|
-
|
|
123
|
-
|
|
125
|
+
ke as Filters,
|
|
126
|
+
Me as Fullscreen,
|
|
124
127
|
De as FullscreenExit,
|
|
125
128
|
Be as Gavel,
|
|
126
129
|
Ue as GavelActive,
|
|
127
130
|
be as Grid,
|
|
128
131
|
Xe as Hide,
|
|
129
|
-
|
|
130
|
-
|
|
132
|
+
je as Home,
|
|
133
|
+
Oe as HomeActive,
|
|
131
134
|
_e as Icon,
|
|
132
|
-
|
|
133
|
-
|
|
135
|
+
Ke as IconBlueCircle,
|
|
136
|
+
ze as IconGreenCircle,
|
|
134
137
|
Ye as IconRedCircle,
|
|
135
138
|
eo as Instagram,
|
|
136
139
|
ro as LinkedIn,
|
|
137
140
|
ao as List,
|
|
141
|
+
tr as LiveNow,
|
|
138
142
|
lo as Lock,
|
|
139
143
|
uo as MagnificentSeven,
|
|
140
144
|
po as Menu,
|
|
141
145
|
io as Mute,
|
|
142
146
|
co as Pause,
|
|
143
|
-
|
|
147
|
+
vo as PhillipsAppIcon,
|
|
144
148
|
Co as PhillipsLogo,
|
|
145
149
|
Lo as Play,
|
|
146
150
|
go as Red,
|
|
147
151
|
Io as Refresh,
|
|
148
152
|
Ro as Search,
|
|
149
153
|
Go as Sell,
|
|
150
|
-
|
|
154
|
+
Eo as SellActive,
|
|
151
155
|
Ho as Share,
|
|
152
156
|
Vo as Subtract,
|
|
153
157
|
To as Success,
|
|
154
158
|
yo as Tooltip,
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
+
No as TwitterX,
|
|
160
|
+
Wo as Upload,
|
|
161
|
+
qo as View,
|
|
162
|
+
Jo as VolumeMaximum,
|
|
159
163
|
Qo as VolumeMid,
|
|
160
164
|
Zo as VolumeMinimum,
|
|
161
165
|
$o as WeChat
|
|
@@ -14,7 +14,7 @@ declare const meta: {
|
|
|
14
14
|
};
|
|
15
15
|
};
|
|
16
16
|
export default meta;
|
|
17
|
-
export declare const
|
|
17
|
+
export declare const Default: ({ transitionTimeInMs, ...props }: AccordionProps & AccordionItemProps) => import("react/jsx-runtime").JSX.Element;
|
|
18
18
|
export declare const AccordionSmall: ({ transitionTimeInMs, ...props }: AccordionProps & AccordionItemProps) => import("react/jsx-runtime").JSX.Element;
|
|
19
19
|
export declare const AccordionSubmenu: ({ transitionTimeInMs, ...props }: AccordionProps & AccordionItemProps) => import("react/jsx-runtime").JSX.Element;
|
|
20
20
|
export declare const ControlledAccordion: ({ items, ...props }: AccordionProps & {
|
|
@@ -1,142 +1,138 @@
|
|
|
1
|
-
import { jsxs as
|
|
2
|
-
import { Item as
|
|
3
|
-
import
|
|
4
|
-
import { forwardRef as
|
|
5
|
-
import
|
|
6
|
-
import { getCommonProps as
|
|
7
|
-
import { AccordionItemVariant as
|
|
8
|
-
import { getIconClasses as
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
1
|
+
import { jsxs as N, jsx as t } from "react/jsx-runtime";
|
|
2
|
+
import { Item as A, Trigger as _, Content as k } from "../../node_modules/@radix-ui/react-accordion/dist/index.js";
|
|
3
|
+
import C from "../../node_modules/classnames/index.js";
|
|
4
|
+
import { forwardRef as v, useRef as w, useCallback as T } from "react";
|
|
5
|
+
import $ from "../Icon/Icon.js";
|
|
6
|
+
import { getCommonProps as y, px as R } from "../../utils/index.js";
|
|
7
|
+
import { AccordionItemVariant as d } from "./types.js";
|
|
8
|
+
import { getIconClasses as b } from "./utils.js";
|
|
9
|
+
import { TextVariants as u } from "../Text/types.js";
|
|
10
|
+
import x from "../Text/Text.js";
|
|
11
|
+
const S = ({
|
|
12
|
+
children: e,
|
|
13
|
+
className: n,
|
|
14
|
+
baseClassName: o,
|
|
15
|
+
disable: r,
|
|
16
|
+
id: i,
|
|
17
|
+
variant: c = d.md,
|
|
18
|
+
onOpen: l,
|
|
19
|
+
onClose: m
|
|
18
20
|
}) => {
|
|
19
|
-
const
|
|
20
|
-
|
|
21
|
+
const h = w(null), s = r, p = c === d.md ? u.labelMedium : u.labelSmall, f = /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(
|
|
22
|
+
$,
|
|
21
23
|
{
|
|
22
24
|
icon: "Lock",
|
|
23
25
|
height: 24,
|
|
24
26
|
width: 24,
|
|
25
|
-
className:
|
|
26
|
-
"data-testid": `${
|
|
27
|
+
className: b(o, c, "lock"),
|
|
28
|
+
"data-testid": `${i}-lockedIcon`,
|
|
27
29
|
"aria-hidden": !0
|
|
28
30
|
}
|
|
29
|
-
) }),
|
|
30
|
-
|
|
31
|
+
) }), g = /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(
|
|
32
|
+
$,
|
|
31
33
|
{
|
|
32
34
|
icon: "Add",
|
|
33
35
|
height: 24,
|
|
34
36
|
width: 24,
|
|
35
|
-
className:
|
|
36
|
-
"data-testid": `${
|
|
37
|
+
className: b(o, c, "plus"),
|
|
38
|
+
"data-testid": `${i}-plusIcon`,
|
|
37
39
|
"aria-hidden": !0
|
|
38
40
|
}
|
|
39
|
-
) }),
|
|
40
|
-
|
|
41
|
+
) }), I = /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(
|
|
42
|
+
$,
|
|
41
43
|
{
|
|
42
44
|
icon: "Subtract",
|
|
43
45
|
height: 24,
|
|
44
46
|
width: 24,
|
|
45
|
-
className:
|
|
46
|
-
"data-testid": `${
|
|
47
|
+
className: b(o, c, "minus"),
|
|
48
|
+
"data-testid": `${i}-minusIcon`,
|
|
47
49
|
"aria-hidden": !0
|
|
48
50
|
}
|
|
49
|
-
) }),
|
|
50
|
-
|
|
51
|
-
}, [
|
|
52
|
-
return /* @__PURE__ */
|
|
53
|
-
|
|
51
|
+
) }), a = T(() => {
|
|
52
|
+
h.current?.getAttribute("data-state") === "closed" ? l?.() : m?.();
|
|
53
|
+
}, [l, m]);
|
|
54
|
+
return /* @__PURE__ */ t(
|
|
55
|
+
_,
|
|
54
56
|
{
|
|
55
|
-
"data-disabled":
|
|
57
|
+
"data-disabled": r,
|
|
56
58
|
asChild: !0,
|
|
57
|
-
className:
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
children: /* @__PURE__ */ A("div", { "data-testid": `${r}-trigger`, children: [
|
|
66
|
-
/* @__PURE__ */ o("div", { className: h(`${t}__text`, { [`${t}__text--lg`]: e }), children: n }),
|
|
67
|
-
d && u,
|
|
68
|
-
!d && p,
|
|
69
|
-
!d && f
|
|
59
|
+
className: C(o, { [`${o}--hoverable`]: !r }, n),
|
|
60
|
+
ref: h,
|
|
61
|
+
onClick: a,
|
|
62
|
+
children: /* @__PURE__ */ N("div", { "data-testid": `${i}-trigger`, children: [
|
|
63
|
+
/* @__PURE__ */ t(x, { className: `${R}-accordion-item-label__text`, variant: p, children: e }),
|
|
64
|
+
s && f,
|
|
65
|
+
!s && g,
|
|
66
|
+
!s && I
|
|
70
67
|
] })
|
|
71
68
|
}
|
|
72
69
|
);
|
|
73
|
-
},
|
|
74
|
-
children:
|
|
75
|
-
baseClassName:
|
|
76
|
-
disable:
|
|
77
|
-
hasTransition:
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
}) =>
|
|
81
|
-
|
|
70
|
+
}, V = ({
|
|
71
|
+
children: e,
|
|
72
|
+
baseClassName: n,
|
|
73
|
+
disable: o,
|
|
74
|
+
hasTransition: r,
|
|
75
|
+
className: i,
|
|
76
|
+
variant: c = d.md
|
|
77
|
+
}) => o && e ? /* @__PURE__ */ t("div", { className: `${n}__content--locked`, children: e }) : /* @__PURE__ */ t(
|
|
78
|
+
k,
|
|
82
79
|
{
|
|
83
80
|
asChild: !0,
|
|
84
|
-
className:
|
|
85
|
-
`${
|
|
86
|
-
{ [`${
|
|
87
|
-
|
|
88
|
-
r
|
|
81
|
+
className: C(
|
|
82
|
+
`${n}__content`,
|
|
83
|
+
{ [`${n}--transition`]: r },
|
|
84
|
+
i
|
|
89
85
|
),
|
|
90
|
-
children:
|
|
86
|
+
children: /* @__PURE__ */ t(x, { variant: c === d.md ? u.bodyMedium : u.bodySmall, children: e })
|
|
91
87
|
}
|
|
92
|
-
),
|
|
88
|
+
), j = v(
|
|
93
89
|
({
|
|
94
|
-
isLocked:
|
|
95
|
-
variant:
|
|
96
|
-
id:
|
|
97
|
-
label:
|
|
98
|
-
isLastItem:
|
|
99
|
-
hasTransition:
|
|
100
|
-
children:
|
|
101
|
-
className:
|
|
102
|
-
transitionTimeInMs:
|
|
103
|
-
onOpen:
|
|
104
|
-
onClose:
|
|
105
|
-
...
|
|
106
|
-
},
|
|
107
|
-
const { className:
|
|
108
|
-
return /* @__PURE__ */
|
|
109
|
-
|
|
90
|
+
isLocked: e = !1,
|
|
91
|
+
variant: n = d.md,
|
|
92
|
+
id: o,
|
|
93
|
+
label: r,
|
|
94
|
+
isLastItem: i,
|
|
95
|
+
hasTransition: c = !1,
|
|
96
|
+
children: l,
|
|
97
|
+
className: m,
|
|
98
|
+
transitionTimeInMs: h = 250,
|
|
99
|
+
onOpen: s,
|
|
100
|
+
onClose: p,
|
|
101
|
+
...f
|
|
102
|
+
}, g) => {
|
|
103
|
+
const { className: I } = y({ id: o }, "Accordion"), a = `${I}-item`;
|
|
104
|
+
return /* @__PURE__ */ N(
|
|
105
|
+
A,
|
|
110
106
|
{
|
|
111
|
-
disabled:
|
|
112
|
-
value:
|
|
113
|
-
style: { "--seldon-accordion-transition-time": `${
|
|
114
|
-
className:
|
|
115
|
-
[`${
|
|
107
|
+
disabled: e,
|
|
108
|
+
value: o,
|
|
109
|
+
style: { "--seldon-accordion-transition-time": `${h}ms` },
|
|
110
|
+
className: C(a, m, {
|
|
111
|
+
[`${a}__border-bottom`]: !i
|
|
116
112
|
}),
|
|
117
|
-
ref:
|
|
118
|
-
...
|
|
113
|
+
ref: g,
|
|
114
|
+
...f,
|
|
119
115
|
children: [
|
|
120
|
-
/* @__PURE__ */
|
|
121
|
-
|
|
116
|
+
/* @__PURE__ */ t(
|
|
117
|
+
S,
|
|
122
118
|
{
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
id:
|
|
126
|
-
baseClassName: `${
|
|
127
|
-
onOpen:
|
|
128
|
-
onClose:
|
|
129
|
-
children:
|
|
119
|
+
variant: n,
|
|
120
|
+
disable: e,
|
|
121
|
+
id: o,
|
|
122
|
+
baseClassName: `${a}-label`,
|
|
123
|
+
onOpen: s,
|
|
124
|
+
onClose: p,
|
|
125
|
+
children: r
|
|
130
126
|
}
|
|
131
127
|
),
|
|
132
|
-
/* @__PURE__ */
|
|
133
|
-
|
|
128
|
+
/* @__PURE__ */ t(
|
|
129
|
+
V,
|
|
134
130
|
{
|
|
135
|
-
disable:
|
|
136
|
-
hasTransition:
|
|
137
|
-
|
|
138
|
-
baseClassName:
|
|
139
|
-
children: /* @__PURE__ */
|
|
131
|
+
disable: e,
|
|
132
|
+
hasTransition: c,
|
|
133
|
+
variant: n,
|
|
134
|
+
baseClassName: a,
|
|
135
|
+
children: /* @__PURE__ */ t("div", { className: "radix-accordion-content", children: l })
|
|
140
136
|
}
|
|
141
137
|
)
|
|
142
138
|
]
|
|
@@ -144,7 +140,7 @@ const b = ({
|
|
|
144
140
|
);
|
|
145
141
|
}
|
|
146
142
|
);
|
|
147
|
-
|
|
143
|
+
j.displayName = "AccordionItem";
|
|
148
144
|
export {
|
|
149
|
-
|
|
145
|
+
j as default
|
|
150
146
|
};
|
|
@@ -13,7 +13,6 @@ export interface AccordionHeaderType {
|
|
|
13
13
|
*/
|
|
14
14
|
baseClassName: string;
|
|
15
15
|
disable: boolean;
|
|
16
|
-
isLargeVariation: boolean;
|
|
17
16
|
/**
|
|
18
17
|
* Unique id for icon component testing
|
|
19
18
|
*/
|
|
@@ -26,6 +25,10 @@ export interface AccordionHeaderType {
|
|
|
26
25
|
* Callback function that is called when the header is closed.
|
|
27
26
|
*/
|
|
28
27
|
onClose?: () => void;
|
|
28
|
+
/**
|
|
29
|
+
* Determines whether the variant on text style is large or small.
|
|
30
|
+
*/
|
|
31
|
+
variant?: AccordionItemVariant;
|
|
29
32
|
}
|
|
30
33
|
export interface AccordionContentType {
|
|
31
34
|
/**
|
|
@@ -45,7 +48,10 @@ export interface AccordionContentType {
|
|
|
45
48
|
* When true applied the transition keyframe animation on item expand. Default as false.
|
|
46
49
|
*/
|
|
47
50
|
hasTransition?: boolean;
|
|
48
|
-
|
|
51
|
+
/**
|
|
52
|
+
* Determines whether the variant on text style is larger or smaller.
|
|
53
|
+
*/
|
|
54
|
+
variant?: AccordionItemVariant;
|
|
49
55
|
}
|
|
50
56
|
export declare enum AccordionVariants {
|
|
51
57
|
multiple = "multiple",
|
|
@@ -65,6 +71,6 @@ export interface AccordionVariantProps {
|
|
|
65
71
|
collapsible?: boolean;
|
|
66
72
|
}
|
|
67
73
|
export declare enum AccordionItemVariant {
|
|
68
|
-
|
|
74
|
+
md = "md",
|
|
69
75
|
sm = "sm"
|
|
70
76
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
var e = /* @__PURE__ */ ((l) => (l.multiple = "multiple", l.singleCollapsible = "singleCollapsible", l.singleNonCollapsible = "singleNonCollapsible", l))(e || {}), s = /* @__PURE__ */ ((l) => (l.
|
|
1
|
+
var e = /* @__PURE__ */ ((l) => (l.multiple = "multiple", l.singleCollapsible = "singleCollapsible", l.singleNonCollapsible = "singleNonCollapsible", l))(e || {}), s = /* @__PURE__ */ ((l) => (l.md = "md", l.sm = "sm", l))(s || {});
|
|
2
2
|
export {
|
|
3
3
|
s as AccordionItemVariant,
|
|
4
4
|
e as AccordionVariants
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { AccordionVariantKey } from './types';
|
|
1
|
+
import { AccordionVariantKey, AccordionItemVariant } from './types';
|
|
2
2
|
import { AccordionMultipleProps, AccordionSingleProps } from '@radix-ui/react-accordion';
|
|
3
3
|
/**
|
|
4
4
|
* Sets the type and collapsible props based on the variant prop
|
|
@@ -8,8 +8,8 @@ export declare const getAccordionVariantProps: (variant?: AccordionVariantKey, v
|
|
|
8
8
|
/**
|
|
9
9
|
* A helper for getting the classes of the Accordion icons
|
|
10
10
|
* @param className - The className of the component
|
|
11
|
-
* @param
|
|
11
|
+
* @param variant - The size variant of the accordion item
|
|
12
12
|
* @param iconName - The name of the icon to be displayed
|
|
13
13
|
* @returns the classes that should be applied for the icon
|
|
14
14
|
*/
|
|
15
|
-
export declare const getIconClasses: (className: string,
|
|
15
|
+
export declare const getIconClasses: (className: string, variant: AccordionItemVariant | undefined, iconName: string) => string;
|