@capillarytech/blaze-ui 2.7.0 → 2.7.1-beta.1
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/CapAppNotEnabled/CapAppNotEnabled.d.ts +5 -0
- package/dist/CapAppNotEnabled/CapAppNotEnabled.d.ts.map +1 -0
- package/dist/CapAppNotEnabled/CapAppNotEnabled.interfaces.d.ts +9 -0
- package/dist/CapAppNotEnabled/CapAppNotEnabled.interfaces.d.ts.map +1 -0
- package/dist/CapAppNotEnabled/README.md +84 -0
- package/dist/CapAppNotEnabled/index.d.ts +3 -0
- package/dist/CapAppNotEnabled/index.d.ts.map +1 -0
- package/dist/CapAppNotEnabled/index.js +1116 -0
- package/dist/CapAppNotEnabled/index.js.map +1 -0
- package/dist/CapAppNotEnabled/tests/CapAppNotEnabled.mockData.d.ts +4 -0
- package/dist/CapAppNotEnabled/tests/CapAppNotEnabled.mockData.d.ts.map +1 -0
- package/dist/CapAppNotEnabled/tests/CapAppNotEnabled.test.d.ts +2 -0
- package/dist/CapAppNotEnabled/tests/CapAppNotEnabled.test.d.ts.map +1 -0
- package/dist/CapButton/index.js.map +1 -1
- package/dist/CapIcon/CapIcon.d.ts.map +1 -1
- package/dist/CapIcon/index.js.map +1 -1
- package/dist/CapSelectFilter/CapSelectFilter.d.ts +12 -0
- package/dist/CapSelectFilter/CapSelectFilter.d.ts.map +1 -0
- package/dist/CapSelectFilter/CapSelectFilter.interfaces.d.ts +22 -0
- package/dist/CapSelectFilter/CapSelectFilter.interfaces.d.ts.map +1 -0
- package/dist/CapSelectFilter/README.md +121 -0
- package/dist/CapSelectFilter/index.d.ts +3 -0
- package/dist/CapSelectFilter/index.d.ts.map +1 -0
- package/dist/CapSelectFilter/index.js +1677 -0
- package/dist/CapSelectFilter/index.js.map +1 -0
- package/dist/CapSelectFilter/tests/CapSelectFilter.mockData.d.ts +7 -0
- package/dist/CapSelectFilter/tests/CapSelectFilter.mockData.d.ts.map +1 -0
- package/dist/CapSelectFilter/tests/CapSelectFilter.test.d.ts +2 -0
- package/dist/CapSelectFilter/tests/CapSelectFilter.test.d.ts.map +1 -0
- package/dist/CapSlideBox/index.js.map +1 -1
- package/dist/CapSomethingWentWrong/CapSomethingWentWrong.d.ts +7 -0
- package/dist/CapSomethingWentWrong/CapSomethingWentWrong.d.ts.map +1 -0
- package/dist/CapSomethingWentWrong/CapSomethingWentWrong.interfaces.d.ts +13 -0
- package/dist/CapSomethingWentWrong/CapSomethingWentWrong.interfaces.d.ts.map +1 -0
- package/dist/CapSomethingWentWrong/README.md +97 -0
- package/dist/CapSomethingWentWrong/index.d.ts +3 -0
- package/dist/CapSomethingWentWrong/index.d.ts.map +1 -0
- package/dist/CapSomethingWentWrong/index.js +1583 -0
- package/dist/CapSomethingWentWrong/index.js.map +1 -0
- package/dist/CapSomethingWentWrong/messages.d.ts +16 -0
- package/dist/CapSomethingWentWrong/messages.d.ts.map +1 -0
- package/dist/CapSomethingWentWrong/tests/CapSomethingWentWrong.mockData.d.ts +28 -0
- package/dist/CapSomethingWentWrong/tests/CapSomethingWentWrong.mockData.d.ts.map +1 -0
- package/dist/CapSomethingWentWrong/tests/CapSomethingWentWrong.test.d.ts +2 -0
- package/dist/CapSomethingWentWrong/tests/CapSomethingWentWrong.test.d.ts.map +1 -0
- package/dist/CapTooltipWithInfo/index.js.map +1 -1
- package/dist/CapUnifiedSelect/index.js.map +1 -1
- package/dist/assets/feature-ui-disabled-illustration.svg +16 -0
- package/dist/assets/images/repair-illustration.png +0 -0
- package/dist/assets/repair-illustration.png +0 -0
- package/dist/index.d.ts +6 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +584 -1
- package/dist/index.js.map +1 -1
- package/dist/utils/getCapThemeConfig.d.ts.map +1 -1
- package/dist/utils/index.js.map +1 -1
- package/package.json +16 -1
- package/dist/CapSlideBox/tests/__snapshots__/CapSlideBox.test.tsx.snap +0 -637
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@capillarytech/blaze-ui",
|
|
3
|
-
"version": "2.7.
|
|
3
|
+
"version": "2.7.1-beta.1",
|
|
4
4
|
"description": "Capillary UI component library with Ant Design v6",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"types": "dist/index.d.ts",
|
|
@@ -140,6 +140,11 @@
|
|
|
140
140
|
"require": "./dist/CapAlert/index.js",
|
|
141
141
|
"types": "./dist/CapAlert/index.d.ts"
|
|
142
142
|
},
|
|
143
|
+
"./CapAppNotEnabled": {
|
|
144
|
+
"import": "./dist/CapAppNotEnabled/index.js",
|
|
145
|
+
"require": "./dist/CapAppNotEnabled/index.js",
|
|
146
|
+
"types": "./dist/CapAppNotEnabled/index.d.ts"
|
|
147
|
+
},
|
|
143
148
|
"./CapButton": {
|
|
144
149
|
"import": "./dist/CapButton/index.js",
|
|
145
150
|
"require": "./dist/CapButton/index.js",
|
|
@@ -230,6 +235,11 @@
|
|
|
230
235
|
"require": "./dist/CapRow/index.js",
|
|
231
236
|
"types": "./dist/CapRow/index.d.ts"
|
|
232
237
|
},
|
|
238
|
+
"./CapSelectFilter": {
|
|
239
|
+
"import": "./dist/CapSelectFilter/index.js",
|
|
240
|
+
"require": "./dist/CapSelectFilter/index.js",
|
|
241
|
+
"types": "./dist/CapSelectFilter/index.d.ts"
|
|
242
|
+
},
|
|
233
243
|
"./CapSkeleton": {
|
|
234
244
|
"import": "./dist/CapSkeleton/index.js",
|
|
235
245
|
"require": "./dist/CapSkeleton/index.js",
|
|
@@ -240,6 +250,11 @@
|
|
|
240
250
|
"require": "./dist/CapSlideBox/index.js",
|
|
241
251
|
"types": "./dist/CapSlideBox/index.d.ts"
|
|
242
252
|
},
|
|
253
|
+
"./CapSomethingWentWrong": {
|
|
254
|
+
"import": "./dist/CapSomethingWentWrong/index.js",
|
|
255
|
+
"require": "./dist/CapSomethingWentWrong/index.js",
|
|
256
|
+
"types": "./dist/CapSomethingWentWrong/index.d.ts"
|
|
257
|
+
},
|
|
243
258
|
"./CapSpin": {
|
|
244
259
|
"import": "./dist/CapSpin/index.js",
|
|
245
260
|
"require": "./dist/CapSpin/index.js",
|
|
@@ -1,637 +0,0 @@
|
|
|
1
|
-
// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
|
|
2
|
-
|
|
3
|
-
exports[`CapSlideBox Snapshots should match snapshot when hidden 1`] = `<div />`;
|
|
4
|
-
|
|
5
|
-
exports[`CapSlideBox Snapshots should match snapshot with all size variants: size-size-l 1`] = `
|
|
6
|
-
<div>
|
|
7
|
-
<div
|
|
8
|
-
class="cap-slide-box-v2 show-slidebox"
|
|
9
|
-
>
|
|
10
|
-
<div
|
|
11
|
-
class="cap-slide-box-v2-container size-l right"
|
|
12
|
-
>
|
|
13
|
-
<div
|
|
14
|
-
class="slidebox-header-icon-right"
|
|
15
|
-
>
|
|
16
|
-
<div
|
|
17
|
-
class="cap-heading h1"
|
|
18
|
-
>
|
|
19
|
-
Test Header
|
|
20
|
-
</div>
|
|
21
|
-
<span
|
|
22
|
-
class="cap-icon-wrapper cap-icon m cap-slide-box-v2-close-icon"
|
|
23
|
-
>
|
|
24
|
-
<span
|
|
25
|
-
aria-label="close"
|
|
26
|
-
class="anticon anticon-close"
|
|
27
|
-
role="img"
|
|
28
|
-
>
|
|
29
|
-
<svg
|
|
30
|
-
aria-hidden="true"
|
|
31
|
-
data-icon="close"
|
|
32
|
-
fill="currentColor"
|
|
33
|
-
fill-rule="evenodd"
|
|
34
|
-
focusable="false"
|
|
35
|
-
height="1em"
|
|
36
|
-
viewBox="64 64 896 896"
|
|
37
|
-
width="1em"
|
|
38
|
-
>
|
|
39
|
-
<path
|
|
40
|
-
d="M799.86 166.31c.02 0 .04.02.08.06l57.69 57.7c.04.03.05.05.06.08a.12.12 0 010 .06c0 .03-.02.05-.06.09L569.93 512l287.7 287.7c.04.04.05.06.06.09a.12.12 0 010 .07c0 .02-.02.04-.06.08l-57.7 57.69c-.03.04-.05.05-.07.06a.12.12 0 01-.07 0c-.03 0-.05-.02-.09-.06L512 569.93l-287.7 287.7c-.04.04-.06.05-.09.06a.12.12 0 01-.07 0c-.02 0-.04-.02-.08-.06l-57.69-57.7c-.04-.03-.05-.05-.06-.07a.12.12 0 010-.07c0-.03.02-.05.06-.09L454.07 512l-287.7-287.7c-.04-.04-.05-.06-.06-.09a.12.12 0 010-.07c0-.02.02-.04.06-.08l57.7-57.69c.03-.04.05-.05.07-.06a.12.12 0 01.07 0c.03 0 .05.02.09.06L512 454.07l287.7-287.7c.04-.04.06-.05.09-.06a.12.12 0 01.07 0z"
|
|
41
|
-
/>
|
|
42
|
-
</svg>
|
|
43
|
-
</span>
|
|
44
|
-
</span>
|
|
45
|
-
</div>
|
|
46
|
-
<div
|
|
47
|
-
class="slidebox-content-container"
|
|
48
|
-
>
|
|
49
|
-
<div
|
|
50
|
-
style="height: 100%;"
|
|
51
|
-
>
|
|
52
|
-
<div
|
|
53
|
-
data-testid="short-content"
|
|
54
|
-
>
|
|
55
|
-
<p>
|
|
56
|
-
This is short content that does not require scrolling.
|
|
57
|
-
</p>
|
|
58
|
-
</div>
|
|
59
|
-
</div>
|
|
60
|
-
</div>
|
|
61
|
-
</div>
|
|
62
|
-
</div>
|
|
63
|
-
</div>
|
|
64
|
-
`;
|
|
65
|
-
|
|
66
|
-
exports[`CapSlideBox Snapshots should match snapshot with all size variants: size-size-r 1`] = `
|
|
67
|
-
<div>
|
|
68
|
-
<div
|
|
69
|
-
class="cap-slide-box-v2 show-slidebox"
|
|
70
|
-
>
|
|
71
|
-
<div
|
|
72
|
-
class="cap-slide-box-v2-container size-r right"
|
|
73
|
-
>
|
|
74
|
-
<div
|
|
75
|
-
class="slidebox-header-icon-right"
|
|
76
|
-
>
|
|
77
|
-
<div
|
|
78
|
-
class="cap-heading h1"
|
|
79
|
-
>
|
|
80
|
-
Test Header
|
|
81
|
-
</div>
|
|
82
|
-
<span
|
|
83
|
-
class="cap-icon-wrapper cap-icon m cap-slide-box-v2-close-icon"
|
|
84
|
-
>
|
|
85
|
-
<span
|
|
86
|
-
aria-label="close"
|
|
87
|
-
class="anticon anticon-close"
|
|
88
|
-
role="img"
|
|
89
|
-
>
|
|
90
|
-
<svg
|
|
91
|
-
aria-hidden="true"
|
|
92
|
-
data-icon="close"
|
|
93
|
-
fill="currentColor"
|
|
94
|
-
fill-rule="evenodd"
|
|
95
|
-
focusable="false"
|
|
96
|
-
height="1em"
|
|
97
|
-
viewBox="64 64 896 896"
|
|
98
|
-
width="1em"
|
|
99
|
-
>
|
|
100
|
-
<path
|
|
101
|
-
d="M799.86 166.31c.02 0 .04.02.08.06l57.69 57.7c.04.03.05.05.06.08a.12.12 0 010 .06c0 .03-.02.05-.06.09L569.93 512l287.7 287.7c.04.04.05.06.06.09a.12.12 0 010 .07c0 .02-.02.04-.06.08l-57.7 57.69c-.03.04-.05.05-.07.06a.12.12 0 01-.07 0c-.03 0-.05-.02-.09-.06L512 569.93l-287.7 287.7c-.04.04-.06.05-.09.06a.12.12 0 01-.07 0c-.02 0-.04-.02-.08-.06l-57.69-57.7c-.04-.03-.05-.05-.06-.07a.12.12 0 010-.07c0-.03.02-.05.06-.09L454.07 512l-287.7-287.7c-.04-.04-.05-.06-.06-.09a.12.12 0 010-.07c0-.02.02-.04.06-.08l57.7-57.69c.03-.04.05-.05.07-.06a.12.12 0 01.07 0c.03 0 .05.02.09.06L512 454.07l287.7-287.7c.04-.04.06-.05.09-.06a.12.12 0 01.07 0z"
|
|
102
|
-
/>
|
|
103
|
-
</svg>
|
|
104
|
-
</span>
|
|
105
|
-
</span>
|
|
106
|
-
</div>
|
|
107
|
-
<div
|
|
108
|
-
class="slidebox-content-container"
|
|
109
|
-
>
|
|
110
|
-
<div
|
|
111
|
-
style="height: 100%;"
|
|
112
|
-
>
|
|
113
|
-
<div
|
|
114
|
-
data-testid="short-content"
|
|
115
|
-
>
|
|
116
|
-
<p>
|
|
117
|
-
This is short content that does not require scrolling.
|
|
118
|
-
</p>
|
|
119
|
-
</div>
|
|
120
|
-
</div>
|
|
121
|
-
</div>
|
|
122
|
-
</div>
|
|
123
|
-
</div>
|
|
124
|
-
</div>
|
|
125
|
-
`;
|
|
126
|
-
|
|
127
|
-
exports[`CapSlideBox Snapshots should match snapshot with all size variants: size-size-s 1`] = `
|
|
128
|
-
<div>
|
|
129
|
-
<div
|
|
130
|
-
class="cap-slide-box-v2 show-slidebox"
|
|
131
|
-
>
|
|
132
|
-
<div
|
|
133
|
-
class="cap-slide-box-v2-container size-s right"
|
|
134
|
-
>
|
|
135
|
-
<div
|
|
136
|
-
class="slidebox-header-icon-right"
|
|
137
|
-
>
|
|
138
|
-
<div
|
|
139
|
-
class="cap-heading h1"
|
|
140
|
-
>
|
|
141
|
-
Test Header
|
|
142
|
-
</div>
|
|
143
|
-
<span
|
|
144
|
-
class="cap-icon-wrapper cap-icon m cap-slide-box-v2-close-icon"
|
|
145
|
-
>
|
|
146
|
-
<span
|
|
147
|
-
aria-label="close"
|
|
148
|
-
class="anticon anticon-close"
|
|
149
|
-
role="img"
|
|
150
|
-
>
|
|
151
|
-
<svg
|
|
152
|
-
aria-hidden="true"
|
|
153
|
-
data-icon="close"
|
|
154
|
-
fill="currentColor"
|
|
155
|
-
fill-rule="evenodd"
|
|
156
|
-
focusable="false"
|
|
157
|
-
height="1em"
|
|
158
|
-
viewBox="64 64 896 896"
|
|
159
|
-
width="1em"
|
|
160
|
-
>
|
|
161
|
-
<path
|
|
162
|
-
d="M799.86 166.31c.02 0 .04.02.08.06l57.69 57.7c.04.03.05.05.06.08a.12.12 0 010 .06c0 .03-.02.05-.06.09L569.93 512l287.7 287.7c.04.04.05.06.06.09a.12.12 0 010 .07c0 .02-.02.04-.06.08l-57.7 57.69c-.03.04-.05.05-.07.06a.12.12 0 01-.07 0c-.03 0-.05-.02-.09-.06L512 569.93l-287.7 287.7c-.04.04-.06.05-.09.06a.12.12 0 01-.07 0c-.02 0-.04-.02-.08-.06l-57.69-57.7c-.04-.03-.05-.05-.06-.07a.12.12 0 010-.07c0-.03.02-.05.06-.09L454.07 512l-287.7-287.7c-.04-.04-.05-.06-.06-.09a.12.12 0 010-.07c0-.02.02-.04.06-.08l57.7-57.69c.03-.04.05-.05.07-.06a.12.12 0 01.07 0c.03 0 .05.02.09.06L512 454.07l287.7-287.7c.04-.04.06-.05.09-.06a.12.12 0 01.07 0z"
|
|
163
|
-
/>
|
|
164
|
-
</svg>
|
|
165
|
-
</span>
|
|
166
|
-
</span>
|
|
167
|
-
</div>
|
|
168
|
-
<div
|
|
169
|
-
class="slidebox-content-container"
|
|
170
|
-
>
|
|
171
|
-
<div
|
|
172
|
-
style="height: 100%;"
|
|
173
|
-
>
|
|
174
|
-
<div
|
|
175
|
-
data-testid="short-content"
|
|
176
|
-
>
|
|
177
|
-
<p>
|
|
178
|
-
This is short content that does not require scrolling.
|
|
179
|
-
</p>
|
|
180
|
-
</div>
|
|
181
|
-
</div>
|
|
182
|
-
</div>
|
|
183
|
-
</div>
|
|
184
|
-
</div>
|
|
185
|
-
</div>
|
|
186
|
-
`;
|
|
187
|
-
|
|
188
|
-
exports[`CapSlideBox Snapshots should match snapshot with all size variants: size-size-xl 1`] = `
|
|
189
|
-
<div>
|
|
190
|
-
<div
|
|
191
|
-
class="cap-slide-box-v2 show-slidebox"
|
|
192
|
-
>
|
|
193
|
-
<div
|
|
194
|
-
class="cap-slide-box-v2-container size-xl right"
|
|
195
|
-
>
|
|
196
|
-
<div
|
|
197
|
-
class="slidebox-header-icon-right"
|
|
198
|
-
>
|
|
199
|
-
<div
|
|
200
|
-
class="cap-heading h1"
|
|
201
|
-
>
|
|
202
|
-
Test Header
|
|
203
|
-
</div>
|
|
204
|
-
<span
|
|
205
|
-
class="cap-icon-wrapper cap-icon m cap-slide-box-v2-close-icon"
|
|
206
|
-
>
|
|
207
|
-
<span
|
|
208
|
-
aria-label="close"
|
|
209
|
-
class="anticon anticon-close"
|
|
210
|
-
role="img"
|
|
211
|
-
>
|
|
212
|
-
<svg
|
|
213
|
-
aria-hidden="true"
|
|
214
|
-
data-icon="close"
|
|
215
|
-
fill="currentColor"
|
|
216
|
-
fill-rule="evenodd"
|
|
217
|
-
focusable="false"
|
|
218
|
-
height="1em"
|
|
219
|
-
viewBox="64 64 896 896"
|
|
220
|
-
width="1em"
|
|
221
|
-
>
|
|
222
|
-
<path
|
|
223
|
-
d="M799.86 166.31c.02 0 .04.02.08.06l57.69 57.7c.04.03.05.05.06.08a.12.12 0 010 .06c0 .03-.02.05-.06.09L569.93 512l287.7 287.7c.04.04.05.06.06.09a.12.12 0 010 .07c0 .02-.02.04-.06.08l-57.7 57.69c-.03.04-.05.05-.07.06a.12.12 0 01-.07 0c-.03 0-.05-.02-.09-.06L512 569.93l-287.7 287.7c-.04.04-.06.05-.09.06a.12.12 0 01-.07 0c-.02 0-.04-.02-.08-.06l-57.69-57.7c-.04-.03-.05-.05-.06-.07a.12.12 0 010-.07c0-.03.02-.05.06-.09L454.07 512l-287.7-287.7c-.04-.04-.05-.06-.06-.09a.12.12 0 010-.07c0-.02.02-.04.06-.08l57.7-57.69c.03-.04.05-.05.07-.06a.12.12 0 01.07 0c.03 0 .05.02.09.06L512 454.07l287.7-287.7c.04-.04.06-.05.09-.06a.12.12 0 01.07 0z"
|
|
224
|
-
/>
|
|
225
|
-
</svg>
|
|
226
|
-
</span>
|
|
227
|
-
</span>
|
|
228
|
-
</div>
|
|
229
|
-
<div
|
|
230
|
-
class="slidebox-content-container"
|
|
231
|
-
>
|
|
232
|
-
<div
|
|
233
|
-
style="height: 100%;"
|
|
234
|
-
>
|
|
235
|
-
<div
|
|
236
|
-
data-testid="short-content"
|
|
237
|
-
>
|
|
238
|
-
<p>
|
|
239
|
-
This is short content that does not require scrolling.
|
|
240
|
-
</p>
|
|
241
|
-
</div>
|
|
242
|
-
</div>
|
|
243
|
-
</div>
|
|
244
|
-
</div>
|
|
245
|
-
</div>
|
|
246
|
-
</div>
|
|
247
|
-
`;
|
|
248
|
-
|
|
249
|
-
exports[`CapSlideBox Snapshots should match snapshot with close icon on left 1`] = `
|
|
250
|
-
<div>
|
|
251
|
-
<div
|
|
252
|
-
class="cap-slide-box-v2 show-slidebox"
|
|
253
|
-
>
|
|
254
|
-
<div
|
|
255
|
-
class="cap-slide-box-v2-container size-r right"
|
|
256
|
-
>
|
|
257
|
-
<div
|
|
258
|
-
class="slidebox-header-icon-left"
|
|
259
|
-
>
|
|
260
|
-
<span
|
|
261
|
-
class="cap-icon-wrapper cap-icon m cap-slide-box-v2-close-icon"
|
|
262
|
-
>
|
|
263
|
-
<span
|
|
264
|
-
aria-label="arrow-left"
|
|
265
|
-
class="anticon anticon-arrow-left"
|
|
266
|
-
role="img"
|
|
267
|
-
>
|
|
268
|
-
<svg
|
|
269
|
-
aria-hidden="true"
|
|
270
|
-
data-icon="arrow-left"
|
|
271
|
-
fill="currentColor"
|
|
272
|
-
focusable="false"
|
|
273
|
-
height="1em"
|
|
274
|
-
viewBox="64 64 896 896"
|
|
275
|
-
width="1em"
|
|
276
|
-
>
|
|
277
|
-
<path
|
|
278
|
-
d="M872 474H286.9l350.2-304c5.6-4.9 2.2-14-5.2-14h-88.5c-3.9 0-7.6 1.4-10.5 3.9L155 487.8a31.96 31.96 0 000 48.3L535.1 866c1.5 1.3 3.3 2 5.2 2h91.5c7.4 0 10.8-9.2 5.2-14L286.9 550H872c4.4 0 8-3.6 8-8v-60c0-4.4-3.6-8-8-8z"
|
|
279
|
-
/>
|
|
280
|
-
</svg>
|
|
281
|
-
</span>
|
|
282
|
-
</span>
|
|
283
|
-
<div
|
|
284
|
-
class="cap-heading h1 header-position-right"
|
|
285
|
-
>
|
|
286
|
-
Test Header
|
|
287
|
-
</div>
|
|
288
|
-
</div>
|
|
289
|
-
<div
|
|
290
|
-
class="slidebox-content-container"
|
|
291
|
-
>
|
|
292
|
-
<div
|
|
293
|
-
style="height: 100%;"
|
|
294
|
-
>
|
|
295
|
-
<div
|
|
296
|
-
data-testid="short-content"
|
|
297
|
-
>
|
|
298
|
-
<p>
|
|
299
|
-
This is short content that does not require scrolling.
|
|
300
|
-
</p>
|
|
301
|
-
</div>
|
|
302
|
-
</div>
|
|
303
|
-
</div>
|
|
304
|
-
</div>
|
|
305
|
-
</div>
|
|
306
|
-
</div>
|
|
307
|
-
`;
|
|
308
|
-
|
|
309
|
-
exports[`CapSlideBox Snapshots should match snapshot with custom className 1`] = `
|
|
310
|
-
<div>
|
|
311
|
-
<div
|
|
312
|
-
class="cap-slide-box-v2 custom-snapshot-class show-slidebox"
|
|
313
|
-
>
|
|
314
|
-
<div
|
|
315
|
-
class="cap-slide-box-v2-container size-r right"
|
|
316
|
-
>
|
|
317
|
-
<div
|
|
318
|
-
class="slidebox-header-icon-right"
|
|
319
|
-
>
|
|
320
|
-
<div
|
|
321
|
-
class="cap-heading h1"
|
|
322
|
-
>
|
|
323
|
-
Test Header
|
|
324
|
-
</div>
|
|
325
|
-
<span
|
|
326
|
-
class="cap-icon-wrapper cap-icon m cap-slide-box-v2-close-icon"
|
|
327
|
-
>
|
|
328
|
-
<span
|
|
329
|
-
aria-label="close"
|
|
330
|
-
class="anticon anticon-close"
|
|
331
|
-
role="img"
|
|
332
|
-
>
|
|
333
|
-
<svg
|
|
334
|
-
aria-hidden="true"
|
|
335
|
-
data-icon="close"
|
|
336
|
-
fill="currentColor"
|
|
337
|
-
fill-rule="evenodd"
|
|
338
|
-
focusable="false"
|
|
339
|
-
height="1em"
|
|
340
|
-
viewBox="64 64 896 896"
|
|
341
|
-
width="1em"
|
|
342
|
-
>
|
|
343
|
-
<path
|
|
344
|
-
d="M799.86 166.31c.02 0 .04.02.08.06l57.69 57.7c.04.03.05.05.06.08a.12.12 0 010 .06c0 .03-.02.05-.06.09L569.93 512l287.7 287.7c.04.04.05.06.06.09a.12.12 0 010 .07c0 .02-.02.04-.06.08l-57.7 57.69c-.03.04-.05.05-.07.06a.12.12 0 01-.07 0c-.03 0-.05-.02-.09-.06L512 569.93l-287.7 287.7c-.04.04-.06.05-.09.06a.12.12 0 01-.07 0c-.02 0-.04-.02-.08-.06l-57.69-57.7c-.04-.03-.05-.05-.06-.07a.12.12 0 010-.07c0-.03.02-.05.06-.09L454.07 512l-287.7-287.7c-.04-.04-.05-.06-.06-.09a.12.12 0 010-.07c0-.02.02-.04.06-.08l57.7-57.69c.03-.04.05-.05.07-.06a.12.12 0 01.07 0c.03 0 .05.02.09.06L512 454.07l287.7-287.7c.04-.04.06-.05.09-.06a.12.12 0 01.07 0z"
|
|
345
|
-
/>
|
|
346
|
-
</svg>
|
|
347
|
-
</span>
|
|
348
|
-
</span>
|
|
349
|
-
</div>
|
|
350
|
-
<div
|
|
351
|
-
class="slidebox-content-container"
|
|
352
|
-
>
|
|
353
|
-
<div
|
|
354
|
-
style="height: 100%;"
|
|
355
|
-
>
|
|
356
|
-
<div
|
|
357
|
-
data-testid="short-content"
|
|
358
|
-
>
|
|
359
|
-
<p>
|
|
360
|
-
This is short content that does not require scrolling.
|
|
361
|
-
</p>
|
|
362
|
-
</div>
|
|
363
|
-
</div>
|
|
364
|
-
</div>
|
|
365
|
-
</div>
|
|
366
|
-
</div>
|
|
367
|
-
</div>
|
|
368
|
-
`;
|
|
369
|
-
|
|
370
|
-
exports[`CapSlideBox Snapshots should match snapshot with custom header 1`] = `
|
|
371
|
-
<div>
|
|
372
|
-
<div
|
|
373
|
-
class="cap-slide-box-v2 show-slidebox"
|
|
374
|
-
>
|
|
375
|
-
<div
|
|
376
|
-
class="cap-slide-box-v2-container size-r right"
|
|
377
|
-
>
|
|
378
|
-
<div
|
|
379
|
-
class="slidebox-header-icon-right"
|
|
380
|
-
>
|
|
381
|
-
<div
|
|
382
|
-
class="cap-heading h1"
|
|
383
|
-
>
|
|
384
|
-
<div
|
|
385
|
-
data-testid="custom-header"
|
|
386
|
-
style="display: flex; align-items: center; gap: 8px;"
|
|
387
|
-
>
|
|
388
|
-
<span>
|
|
389
|
-
Custom Icon
|
|
390
|
-
</span>
|
|
391
|
-
<span>
|
|
392
|
-
Custom Header Component
|
|
393
|
-
</span>
|
|
394
|
-
</div>
|
|
395
|
-
</div>
|
|
396
|
-
<span
|
|
397
|
-
class="cap-icon-wrapper cap-icon m cap-slide-box-v2-close-icon"
|
|
398
|
-
>
|
|
399
|
-
<span
|
|
400
|
-
aria-label="close"
|
|
401
|
-
class="anticon anticon-close"
|
|
402
|
-
role="img"
|
|
403
|
-
>
|
|
404
|
-
<svg
|
|
405
|
-
aria-hidden="true"
|
|
406
|
-
data-icon="close"
|
|
407
|
-
fill="currentColor"
|
|
408
|
-
fill-rule="evenodd"
|
|
409
|
-
focusable="false"
|
|
410
|
-
height="1em"
|
|
411
|
-
viewBox="64 64 896 896"
|
|
412
|
-
width="1em"
|
|
413
|
-
>
|
|
414
|
-
<path
|
|
415
|
-
d="M799.86 166.31c.02 0 .04.02.08.06l57.69 57.7c.04.03.05.05.06.08a.12.12 0 010 .06c0 .03-.02.05-.06.09L569.93 512l287.7 287.7c.04.04.05.06.06.09a.12.12 0 010 .07c0 .02-.02.04-.06.08l-57.7 57.69c-.03.04-.05.05-.07.06a.12.12 0 01-.07 0c-.03 0-.05-.02-.09-.06L512 569.93l-287.7 287.7c-.04.04-.06.05-.09.06a.12.12 0 01-.07 0c-.02 0-.04-.02-.08-.06l-57.69-57.7c-.04-.03-.05-.05-.06-.07a.12.12 0 010-.07c0-.03.02-.05.06-.09L454.07 512l-287.7-287.7c-.04-.04-.05-.06-.06-.09a.12.12 0 010-.07c0-.02.02-.04.06-.08l57.7-57.69c.03-.04.05-.05.07-.06a.12.12 0 01.07 0c.03 0 .05.02.09.06L512 454.07l287.7-287.7c.04-.04.06-.05.09-.06a.12.12 0 01.07 0z"
|
|
416
|
-
/>
|
|
417
|
-
</svg>
|
|
418
|
-
</span>
|
|
419
|
-
</span>
|
|
420
|
-
</div>
|
|
421
|
-
<div
|
|
422
|
-
class="slidebox-content-container"
|
|
423
|
-
>
|
|
424
|
-
<div
|
|
425
|
-
style="height: 100%;"
|
|
426
|
-
>
|
|
427
|
-
<div
|
|
428
|
-
data-testid="short-content"
|
|
429
|
-
>
|
|
430
|
-
<p>
|
|
431
|
-
This is short content that does not require scrolling.
|
|
432
|
-
</p>
|
|
433
|
-
</div>
|
|
434
|
-
</div>
|
|
435
|
-
</div>
|
|
436
|
-
</div>
|
|
437
|
-
</div>
|
|
438
|
-
</div>
|
|
439
|
-
`;
|
|
440
|
-
|
|
441
|
-
exports[`CapSlideBox Snapshots should match snapshot with default props 1`] = `
|
|
442
|
-
<div>
|
|
443
|
-
<div
|
|
444
|
-
class="cap-slide-box-v2 show-slidebox"
|
|
445
|
-
>
|
|
446
|
-
<div
|
|
447
|
-
class="cap-slide-box-v2-container size-r right"
|
|
448
|
-
>
|
|
449
|
-
<div
|
|
450
|
-
class="slidebox-header-icon-right"
|
|
451
|
-
>
|
|
452
|
-
<div
|
|
453
|
-
class="cap-heading h1"
|
|
454
|
-
>
|
|
455
|
-
Test Header
|
|
456
|
-
</div>
|
|
457
|
-
<span
|
|
458
|
-
class="cap-icon-wrapper cap-icon m cap-slide-box-v2-close-icon"
|
|
459
|
-
>
|
|
460
|
-
<span
|
|
461
|
-
aria-label="close"
|
|
462
|
-
class="anticon anticon-close"
|
|
463
|
-
role="img"
|
|
464
|
-
>
|
|
465
|
-
<svg
|
|
466
|
-
aria-hidden="true"
|
|
467
|
-
data-icon="close"
|
|
468
|
-
fill="currentColor"
|
|
469
|
-
fill-rule="evenodd"
|
|
470
|
-
focusable="false"
|
|
471
|
-
height="1em"
|
|
472
|
-
viewBox="64 64 896 896"
|
|
473
|
-
width="1em"
|
|
474
|
-
>
|
|
475
|
-
<path
|
|
476
|
-
d="M799.86 166.31c.02 0 .04.02.08.06l57.69 57.7c.04.03.05.05.06.08a.12.12 0 010 .06c0 .03-.02.05-.06.09L569.93 512l287.7 287.7c.04.04.05.06.06.09a.12.12 0 010 .07c0 .02-.02.04-.06.08l-57.7 57.69c-.03.04-.05.05-.07.06a.12.12 0 01-.07 0c-.03 0-.05-.02-.09-.06L512 569.93l-287.7 287.7c-.04.04-.06.05-.09.06a.12.12 0 01-.07 0c-.02 0-.04-.02-.08-.06l-57.69-57.7c-.04-.03-.05-.05-.06-.07a.12.12 0 010-.07c0-.03.02-.05.06-.09L454.07 512l-287.7-287.7c-.04-.04-.05-.06-.06-.09a.12.12 0 010-.07c0-.02.02-.04.06-.08l57.7-57.69c.03-.04.05-.05.07-.06a.12.12 0 01.07 0c.03 0 .05.02.09.06L512 454.07l287.7-287.7c.04-.04.06-.05.09-.06a.12.12 0 01.07 0z"
|
|
477
|
-
/>
|
|
478
|
-
</svg>
|
|
479
|
-
</span>
|
|
480
|
-
</span>
|
|
481
|
-
</div>
|
|
482
|
-
<div
|
|
483
|
-
class="slidebox-content-container"
|
|
484
|
-
>
|
|
485
|
-
<div
|
|
486
|
-
style="height: 100%;"
|
|
487
|
-
>
|
|
488
|
-
<div
|
|
489
|
-
data-testid="short-content"
|
|
490
|
-
>
|
|
491
|
-
<p>
|
|
492
|
-
This is short content that does not require scrolling.
|
|
493
|
-
</p>
|
|
494
|
-
</div>
|
|
495
|
-
</div>
|
|
496
|
-
</div>
|
|
497
|
-
</div>
|
|
498
|
-
</div>
|
|
499
|
-
</div>
|
|
500
|
-
`;
|
|
501
|
-
|
|
502
|
-
exports[`CapSlideBox Snapshots should match snapshot with footer 1`] = `
|
|
503
|
-
<div>
|
|
504
|
-
<div
|
|
505
|
-
class="cap-slide-box-v2 show-slidebox"
|
|
506
|
-
>
|
|
507
|
-
<div
|
|
508
|
-
class="cap-slide-box-v2-container size-r right"
|
|
509
|
-
>
|
|
510
|
-
<div
|
|
511
|
-
class="slidebox-header-icon-right"
|
|
512
|
-
>
|
|
513
|
-
<div
|
|
514
|
-
class="cap-heading h1"
|
|
515
|
-
>
|
|
516
|
-
Test Header
|
|
517
|
-
</div>
|
|
518
|
-
<span
|
|
519
|
-
class="cap-icon-wrapper cap-icon m cap-slide-box-v2-close-icon"
|
|
520
|
-
>
|
|
521
|
-
<span
|
|
522
|
-
aria-label="close"
|
|
523
|
-
class="anticon anticon-close"
|
|
524
|
-
role="img"
|
|
525
|
-
>
|
|
526
|
-
<svg
|
|
527
|
-
aria-hidden="true"
|
|
528
|
-
data-icon="close"
|
|
529
|
-
fill="currentColor"
|
|
530
|
-
fill-rule="evenodd"
|
|
531
|
-
focusable="false"
|
|
532
|
-
height="1em"
|
|
533
|
-
viewBox="64 64 896 896"
|
|
534
|
-
width="1em"
|
|
535
|
-
>
|
|
536
|
-
<path
|
|
537
|
-
d="M799.86 166.31c.02 0 .04.02.08.06l57.69 57.7c.04.03.05.05.06.08a.12.12 0 010 .06c0 .03-.02.05-.06.09L569.93 512l287.7 287.7c.04.04.05.06.06.09a.12.12 0 010 .07c0 .02-.02.04-.06.08l-57.7 57.69c-.03.04-.05.05-.07.06a.12.12 0 01-.07 0c-.03 0-.05-.02-.09-.06L512 569.93l-287.7 287.7c-.04.04-.06.05-.09.06a.12.12 0 01-.07 0c-.02 0-.04-.02-.08-.06l-57.69-57.7c-.04-.03-.05-.05-.06-.07a.12.12 0 010-.07c0-.03.02-.05.06-.09L454.07 512l-287.7-287.7c-.04-.04-.05-.06-.06-.09a.12.12 0 010-.07c0-.02.02-.04.06-.08l57.7-57.69c.03-.04.05-.05.07-.06a.12.12 0 01.07 0c.03 0 .05.02.09.06L512 454.07l287.7-287.7c.04-.04.06-.05.09-.06a.12.12 0 01.07 0z"
|
|
538
|
-
/>
|
|
539
|
-
</svg>
|
|
540
|
-
</span>
|
|
541
|
-
</span>
|
|
542
|
-
</div>
|
|
543
|
-
<div
|
|
544
|
-
class="slidebox-content-container has-footer"
|
|
545
|
-
>
|
|
546
|
-
<div
|
|
547
|
-
style="height: 100%;"
|
|
548
|
-
>
|
|
549
|
-
<div
|
|
550
|
-
data-testid="short-content"
|
|
551
|
-
>
|
|
552
|
-
<p>
|
|
553
|
-
This is short content that does not require scrolling.
|
|
554
|
-
</p>
|
|
555
|
-
</div>
|
|
556
|
-
</div>
|
|
557
|
-
</div>
|
|
558
|
-
<div
|
|
559
|
-
class="slidebox-footer"
|
|
560
|
-
>
|
|
561
|
-
<div
|
|
562
|
-
data-testid="footer-content"
|
|
563
|
-
style="display: flex; gap: 12px; justify-content: flex-end;"
|
|
564
|
-
>
|
|
565
|
-
<button>
|
|
566
|
-
Cancel
|
|
567
|
-
</button>
|
|
568
|
-
<button>
|
|
569
|
-
Save
|
|
570
|
-
</button>
|
|
571
|
-
</div>
|
|
572
|
-
</div>
|
|
573
|
-
</div>
|
|
574
|
-
</div>
|
|
575
|
-
</div>
|
|
576
|
-
`;
|
|
577
|
-
|
|
578
|
-
exports[`CapSlideBox Snapshots should match snapshot with left position 1`] = `
|
|
579
|
-
<div>
|
|
580
|
-
<div
|
|
581
|
-
class="cap-slide-box-v2 show-slidebox"
|
|
582
|
-
>
|
|
583
|
-
<div
|
|
584
|
-
class="cap-slide-box-v2-container size-r left"
|
|
585
|
-
>
|
|
586
|
-
<div
|
|
587
|
-
class="slidebox-header-icon-right"
|
|
588
|
-
>
|
|
589
|
-
<div
|
|
590
|
-
class="cap-heading h1"
|
|
591
|
-
>
|
|
592
|
-
Test Header
|
|
593
|
-
</div>
|
|
594
|
-
<span
|
|
595
|
-
class="cap-icon-wrapper cap-icon m cap-slide-box-v2-close-icon"
|
|
596
|
-
>
|
|
597
|
-
<span
|
|
598
|
-
aria-label="close"
|
|
599
|
-
class="anticon anticon-close"
|
|
600
|
-
role="img"
|
|
601
|
-
>
|
|
602
|
-
<svg
|
|
603
|
-
aria-hidden="true"
|
|
604
|
-
data-icon="close"
|
|
605
|
-
fill="currentColor"
|
|
606
|
-
fill-rule="evenodd"
|
|
607
|
-
focusable="false"
|
|
608
|
-
height="1em"
|
|
609
|
-
viewBox="64 64 896 896"
|
|
610
|
-
width="1em"
|
|
611
|
-
>
|
|
612
|
-
<path
|
|
613
|
-
d="M799.86 166.31c.02 0 .04.02.08.06l57.69 57.7c.04.03.05.05.06.08a.12.12 0 010 .06c0 .03-.02.05-.06.09L569.93 512l287.7 287.7c.04.04.05.06.06.09a.12.12 0 010 .07c0 .02-.02.04-.06.08l-57.7 57.69c-.03.04-.05.05-.07.06a.12.12 0 01-.07 0c-.03 0-.05-.02-.09-.06L512 569.93l-287.7 287.7c-.04.04-.06.05-.09.06a.12.12 0 01-.07 0c-.02 0-.04-.02-.08-.06l-57.69-57.7c-.04-.03-.05-.05-.06-.07a.12.12 0 010-.07c0-.03.02-.05.06-.09L454.07 512l-287.7-287.7c-.04-.04-.05-.06-.06-.09a.12.12 0 010-.07c0-.02.02-.04.06-.08l57.7-57.69c.03-.04.05-.05.07-.06a.12.12 0 01.07 0c.03 0 .05.02.09.06L512 454.07l287.7-287.7c.04-.04.06-.05.09-.06a.12.12 0 01.07 0z"
|
|
614
|
-
/>
|
|
615
|
-
</svg>
|
|
616
|
-
</span>
|
|
617
|
-
</span>
|
|
618
|
-
</div>
|
|
619
|
-
<div
|
|
620
|
-
class="slidebox-content-container"
|
|
621
|
-
>
|
|
622
|
-
<div
|
|
623
|
-
style="height: 100%;"
|
|
624
|
-
>
|
|
625
|
-
<div
|
|
626
|
-
data-testid="short-content"
|
|
627
|
-
>
|
|
628
|
-
<p>
|
|
629
|
-
This is short content that does not require scrolling.
|
|
630
|
-
</p>
|
|
631
|
-
</div>
|
|
632
|
-
</div>
|
|
633
|
-
</div>
|
|
634
|
-
</div>
|
|
635
|
-
</div>
|
|
636
|
-
</div>
|
|
637
|
-
`;
|