@squiz/resource-browser 3.3.11 → 3.3.13

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/lib/index.css CHANGED
@@ -1,103 +1,4 @@
1
- /* ../../node_modules/@squiz/sds/lib/package.css */
2
- .squiz-rb-scope code[class*=language-]:not(.squiz-rb-plugin *),
3
- .squiz-rb-scope pre[class*=language-]:not(.squiz-rb-plugin *) {
4
- color: #ccc;
5
- background: none;
6
- font-family:
7
- Consolas,
8
- Monaco,
9
- "Andale Mono",
10
- "Ubuntu Mono",
11
- monospace;
12
- font-size: 1em;
13
- text-align: left;
14
- white-space: pre;
15
- word-spacing: normal;
16
- word-break: normal;
17
- word-wrap: normal;
18
- line-height: 1.5;
19
- -moz-tab-size: 4;
20
- -o-tab-size: 4;
21
- tab-size: 4;
22
- -webkit-hyphens: none;
23
- hyphens: none;
24
- }
25
- .squiz-rb-scope pre[class*=language-]:not(.squiz-rb-plugin *) {
26
- padding: 1em;
27
- margin: .5em 0;
28
- overflow: auto;
29
- }
30
- .squiz-rb-scope :not(pre) > code[class*=language-]:not(.squiz-rb-plugin *),
31
- .squiz-rb-scope pre[class*=language-]:not(.squiz-rb-plugin *) {
32
- background: #2d2d2d;
33
- }
34
- .squiz-rb-scope :not(pre) > code[class*=language-]:not(.squiz-rb-plugin *) {
35
- padding: .1em;
36
- border-radius: .3em;
37
- white-space: normal;
38
- }
39
- .squiz-rb-scope .token.comment:not(.squiz-rb-plugin *),
40
- .squiz-rb-scope .token.block-comment:not(.squiz-rb-plugin *),
41
- .squiz-rb-scope .token.prolog:not(.squiz-rb-plugin *),
42
- .squiz-rb-scope .token.doctype:not(.squiz-rb-plugin *),
43
- .squiz-rb-scope .token.cdata:not(.squiz-rb-plugin *) {
44
- color: #999;
45
- }
46
- .squiz-rb-scope .token.punctuation:not(.squiz-rb-plugin *) {
47
- color: #ccc;
48
- }
49
- .squiz-rb-scope .token.tag:not(.squiz-rb-plugin *),
50
- .squiz-rb-scope .token.attr-name:not(.squiz-rb-plugin *),
51
- .squiz-rb-scope .token.namespace:not(.squiz-rb-plugin *),
52
- .squiz-rb-scope .token.deleted:not(.squiz-rb-plugin *) {
53
- color: #e2777a;
54
- }
55
- .squiz-rb-scope .token.function-name:not(.squiz-rb-plugin *) {
56
- color: #6196cc;
57
- }
58
- .squiz-rb-scope .token.boolean:not(.squiz-rb-plugin *),
59
- .squiz-rb-scope .token.number:not(.squiz-rb-plugin *),
60
- .squiz-rb-scope .token.function:not(.squiz-rb-plugin *) {
61
- color: #f08d49;
62
- }
63
- .squiz-rb-scope .token.property:not(.squiz-rb-plugin *),
64
- .squiz-rb-scope .token.class-name:not(.squiz-rb-plugin *),
65
- .squiz-rb-scope .token.constant:not(.squiz-rb-plugin *),
66
- .squiz-rb-scope .token.symbol:not(.squiz-rb-plugin *) {
67
- color: #f8c555;
68
- }
69
- .squiz-rb-scope .token.selector:not(.squiz-rb-plugin *),
70
- .squiz-rb-scope .token.important:not(.squiz-rb-plugin *),
71
- .squiz-rb-scope .token.atrule:not(.squiz-rb-plugin *),
72
- .squiz-rb-scope .token.keyword:not(.squiz-rb-plugin *),
73
- .squiz-rb-scope .token.builtin:not(.squiz-rb-plugin *) {
74
- color: #cc99cd;
75
- }
76
- .squiz-rb-scope .token.string:not(.squiz-rb-plugin *),
77
- .squiz-rb-scope .token.char:not(.squiz-rb-plugin *),
78
- .squiz-rb-scope .token.attr-value:not(.squiz-rb-plugin *),
79
- .squiz-rb-scope .token.regex:not(.squiz-rb-plugin *),
80
- .squiz-rb-scope .token.variable:not(.squiz-rb-plugin *) {
81
- color: #7ec699;
82
- }
83
- .squiz-rb-scope .token.operator:not(.squiz-rb-plugin *),
84
- .squiz-rb-scope .token.entity:not(.squiz-rb-plugin *),
85
- .squiz-rb-scope .token.url:not(.squiz-rb-plugin *) {
86
- color: #67cdcc;
87
- }
88
- .squiz-rb-scope .token.important:not(.squiz-rb-plugin *),
89
- .squiz-rb-scope .token.bold:not(.squiz-rb-plugin *) {
90
- font-weight: bold;
91
- }
92
- .squiz-rb-scope .token.italic:not(.squiz-rb-plugin *) {
93
- font-style: italic;
94
- }
95
- .squiz-rb-scope .token.entity:not(.squiz-rb-plugin *) {
96
- cursor: help;
97
- }
98
- .squiz-rb-scope .token.inserted:not(.squiz-rb-plugin *) {
99
- color: green;
100
- }
1
+ /* ../../node_modules/@squiz/sds/dist/package.css */
101
2
  @keyframes skeleton-pulse {
102
3
  0% {
103
4
  opacity: 1;
@@ -109,6 +10,14 @@
109
10
  opacity: 1;
110
11
  }
111
12
  }
13
+ @keyframes skeleton-shimmer {
14
+ 0%, 100% {
15
+ opacity: 1;
16
+ }
17
+ 50% {
18
+ opacity: 0.4;
19
+ }
20
+ }
112
21
  .squiz-rb-scope .sds-button:not(.squiz-rb-plugin *),
113
22
  .squiz-rb-scope .sds-card-link:not(.squiz-rb-plugin *),
114
23
  .squiz-rb-scope .sds-dropdown-button:not(.squiz-rb-plugin *),
@@ -133,48 +42,50 @@
133
42
  }
134
43
  .squiz-rb-scope .sds-accordion-container:not(.squiz-rb-plugin *) {
135
44
  background: #fff;
136
- border-radius: 0.25rem;
137
- box-shadow: 0 0 2px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.08);
45
+ border-radius: 0.5rem;
138
46
  margin-top: 1rem;
139
47
  position: relative;
140
48
  text-align: left;
141
49
  text-transform: none;
142
50
  width: 100%;
143
51
  }
144
- .squiz-rb-scope .sds-accordion-container--basic:not(.squiz-rb-plugin *) {
145
- box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
146
- }
147
52
  .squiz-rb-scope .sds-accordion-container--basic .sds-accordion-header:not(.squiz-rb-plugin *)::after {
148
53
  content: none;
149
54
  }
150
- .squiz-rb-scope .sds-accordion-container.active .sds-accordion-header:not(.squiz-rb-plugin *) {
151
- border-bottom: 1px solid #e0e0e0;
152
- border-radius: 0.25rem 0.25rem 0 0;
55
+ .squiz-rb-scope .sds-accordion-container--border:not(.squiz-rb-plugin *) {
56
+ border: 1px solid #e0e0e0;
153
57
  }
154
58
  .squiz-rb-scope .sds-accordion-container.active .sds-accordion-icon:not(.squiz-rb-plugin *) {
155
59
  transform: translateY(-50%) rotate(90deg);
156
60
  }
157
61
  .squiz-rb-scope .sds-accordion-container.active .sds-accordion-content:not(.squiz-rb-plugin *) {
158
- border-radius: 0 0 0.25rem 0.25rem;
159
62
  height: auto;
160
- padding: 1rem;
63
+ padding: 1.25rem;
64
+ }
65
+ .squiz-rb-scope .sds-accordion-container.active .sds-accordion-separator:not(.squiz-rb-plugin *) {
66
+ display: block;
161
67
  }
162
68
  .squiz-rb-scope .sds-accordion-content:not(.squiz-rb-plugin *) {
163
- background: #f7f7f7;
69
+ border-radius: 0 0 0.5rem 0.5rem;
164
70
  height: 0;
165
71
  overflow: hidden;
166
- padding: 0 1rem;
72
+ padding: 0 1.25rem;
167
73
  transition: all 0.3s ease;
168
74
  }
75
+ .squiz-rb-scope .sds-accordion-separator:not(.squiz-rb-plugin *) {
76
+ border: 0;
77
+ border-bottom: 1px solid #e0e0e0;
78
+ border-radius: 0.25rem 0.25rem 0 0;
79
+ display: none;
80
+ margin: 0 1.25rem;
81
+ }
169
82
  .squiz-rb-scope .sds-accordion-footer:not(.squiz-rb-plugin *) {
170
83
  border-top: 1px solid #ededed;
171
84
  }
172
85
  .squiz-rb-scope .sds-accordion-header:not(.squiz-rb-plugin *) {
173
- background-color: #fff;
174
86
  border: none;
175
- border-radius: 0.25rem;
176
87
  color: #707070;
177
- padding: 1.25rem 1rem;
88
+ padding: 1.25rem;
178
89
  position: static;
179
90
  }
180
91
  .squiz-rb-scope button.sds-accordion-header:not(.squiz-rb-plugin *) {
@@ -185,8 +96,6 @@
185
96
  position: relative;
186
97
  }
187
98
  .squiz-rb-scope .sds-accordion-toggle:not(.squiz-rb-plugin *) {
188
- background-color: #fff;
189
- border-radius: 0 0 0.25rem 0.25rem;
190
99
  margin: 0;
191
100
  padding: 0.75rem;
192
101
  width: 100%;
@@ -201,15 +110,8 @@
201
110
  transition: all 0.3s ease;
202
111
  }
203
112
  @media screen and (min-width: 1024px) {
204
- .squiz-rb-scope .sds-accordion-container:not(.squiz-rb-plugin *) {
205
- box-shadow: none;
206
- }
207
- .squiz-rb-scope .sds-accordion-container--basic:not(.squiz-rb-plugin *) {
208
- box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
209
- }
210
113
  .squiz-rb-scope .sds-accordion-header:not(.squiz-rb-plugin *)::after {
211
- border-radius: 0.25rem;
212
- box-shadow: 0 0 2px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.08);
114
+ border-radius: 0.5rem;
213
115
  content: "";
214
116
  height: 100%;
215
117
  left: 0;
@@ -219,9 +121,6 @@
219
121
  transition: all 0.3s ease;
220
122
  width: 100%;
221
123
  }
222
- .squiz-rb-scope .sds-accordion-header:hover:not(.squiz-rb-plugin *)::after {
223
- box-shadow: 0 0 4px rgba(0, 0, 0, 0.04), 0 1px 12px rgba(0, 0, 0, 0.12);
224
- }
225
124
  }
226
125
  .squiz-rb-scope .sds-activity-log__timestamp:not(.squiz-rb-plugin *) {
227
126
  font-size: 0.8125rem;
@@ -270,17 +169,20 @@
270
169
  }
271
170
  .squiz-rb-scope .sds-alert__title:not(.squiz-rb-plugin *) {
272
171
  font-size: 1.25rem;
172
+ font-weight: 600;
273
173
  letter-spacing: -0.5px;
274
174
  line-height: 1.5rem;
175
+ }
176
+ .squiz-rb-scope .sds-alert__title .svg-wrapper svg:not(.squiz-rb-plugin *) {
177
+ fill: #3d3d3d;
178
+ }
179
+ .squiz-rb-scope .sds-alert__title:not(.squiz-rb-plugin *) {
275
180
  flex-shrink: 0;
276
181
  font-weight: 700;
277
182
  margin: 0;
278
183
  margin-right: 0.5rem;
279
184
  max-width: 100%;
280
185
  }
281
- .squiz-rb-scope .sds-alert__title .svg-wrapper svg:not(.squiz-rb-plugin *) {
282
- fill: #3d3d3d;
283
- }
284
186
  .squiz-rb-scope .sds-alert__buttons:not(.squiz-rb-plugin *) {
285
187
  display: flex;
286
188
  margin-bottom: 0.375rem;
@@ -291,9 +193,15 @@
291
193
  .squiz-rb-scope .sds-alert--dark:not(.squiz-rb-plugin *) {
292
194
  background-color: #f5f5f5;
293
195
  }
196
+ .squiz-rb-scope .sds-alert--has-outline:not(.squiz-rb-plugin *) {
197
+ border: 1px solid #e0e0e0;
198
+ }
294
199
  .squiz-rb-scope .sds-alert-type--help.sds-alert--has-bg-color:not(.squiz-rb-plugin *) {
295
200
  background-color: #f0ecf7;
296
201
  }
202
+ .squiz-rb-scope .sds-alert-type--help.sds-alert--has-outline:not(.squiz-rb-plugin *) {
203
+ border-color: #bcacdd;
204
+ }
297
205
  .squiz-rb-scope .sds-alert-type--help svg:not(.squiz-rb-plugin *) {
298
206
  fill: #6b47b4;
299
207
  }
@@ -301,6 +209,10 @@
301
209
  .squiz-rb-scope .sds-alert-type--custom.sds-alert--has-bg-color:not(.squiz-rb-plugin *) {
302
210
  background-color: #e6f4f6;
303
211
  }
212
+ .squiz-rb-scope .sds-alert-type--info.sds-alert--has-outline:not(.squiz-rb-plugin *),
213
+ .squiz-rb-scope .sds-alert-type--custom.sds-alert--has-outline:not(.squiz-rb-plugin *) {
214
+ border-color: #8fd0d9;
215
+ }
304
216
  .squiz-rb-scope .sds-alert-type--info svg:not(.squiz-rb-plugin *),
305
217
  .squiz-rb-scope .sds-alert-type--custom svg:not(.squiz-rb-plugin *) {
306
218
  fill: #057e91;
@@ -309,21 +221,39 @@
309
221
  background-color: #fcf0e5;
310
222
  margin: 2px;
311
223
  }
224
+ .squiz-rb-scope .sds-alert-type--warning.sds-alert--has-outline:not(.squiz-rb-plugin *) {
225
+ border-color: #f5bb8c;
226
+ }
312
227
  .squiz-rb-scope .sds-alert-type--warning svg:not(.squiz-rb-plugin *) {
313
228
  fill: #e96900;
314
229
  }
315
230
  .squiz-rb-scope .sds-alert-type--report.sds-alert--has-bg-color:not(.squiz-rb-plugin *) {
316
231
  background-color: #fae9e8;
317
232
  }
233
+ .squiz-rb-scope .sds-alert-type--report.sds-alert--has-outline:not(.squiz-rb-plugin *) {
234
+ border-color: #ec9c9b;
235
+ }
318
236
  .squiz-rb-scope .sds-alert-type--report svg:not(.squiz-rb-plugin *) {
319
237
  fill: #d72321;
320
238
  }
321
239
  .squiz-rb-scope .sds-alert-type--assistant.sds-alert--has-bg-color:not(.squiz-rb-plugin *) {
322
240
  background-color: #fdf7e9;
323
241
  }
242
+ .squiz-rb-scope .sds-alert-type--assistant.sds-alert--has-outline:not(.squiz-rb-plugin *) {
243
+ border-color: #f7dd9c;
244
+ }
324
245
  .squiz-rb-scope .sds-alert-type--assistant svg:not(.squiz-rb-plugin *) {
325
246
  fill: #efb324;
326
247
  }
248
+ .squiz-rb-scope .sds-alert-type--success.sds-alert--has-bg-color:not(.squiz-rb-plugin *) {
249
+ background-color: #e7f4ec;
250
+ }
251
+ .squiz-rb-scope .sds-alert-type--success.sds-alert--has-outline:not(.squiz-rb-plugin *) {
252
+ border-color: #95d0a9;
253
+ }
254
+ .squiz-rb-scope .sds-alert-type--success svg:not(.squiz-rb-plugin *) {
255
+ fill: #098934;
256
+ }
327
257
  @media screen and (min-width: 576px) {
328
258
  .squiz-rb-scope .sds-alert__wrapper:not(.squiz-rb-plugin *) {
329
259
  flex-wrap: nowrap;
@@ -337,16 +267,76 @@
337
267
  .squiz-rb-scope .sds-table--api tbody:not(.squiz-rb-plugin *) {
338
268
  position: relative;
339
269
  }
270
+ .squiz-rb-scope .sds-table--api.table--loading tbody:not(.squiz-rb-plugin *) {
271
+ pointer-events: none;
272
+ }
340
273
  .squiz-rb-scope .sds-table--api .sds-table__empty-row:not(.squiz-rb-plugin *) {
341
274
  height: 5rem;
342
275
  }
343
276
  .squiz-rb-scope .sds-table--api .sds-table__row--selected:not(.squiz-rb-plugin *) {
344
277
  background-color: #f5f5f5;
345
278
  }
279
+ .squiz-rb-scope .sds-table--api .sds-table__row--expandable:not(.squiz-rb-plugin *) {
280
+ cursor: pointer;
281
+ }
282
+ .squiz-rb-scope .sds-table--api .sds-table__row--expanded td:not(.squiz-rb-plugin *) {
283
+ border-bottom: none;
284
+ }
285
+ .squiz-rb-scope .sds-table--api .sds-table__row-range.hidden:not(.squiz-rb-plugin *) {
286
+ display: none;
287
+ }
288
+ .squiz-rb-scope .sds-table--api .sds-table__expandable-content td:not(.squiz-rb-plugin *) {
289
+ padding: 1rem !important;
290
+ padding-top: 0.5rem !important;
291
+ }
292
+ .squiz-rb-scope .sds-table--api .sds-table__expandable-content-inner:not(.squiz-rb-plugin *) {
293
+ background-color: #f7f7f7;
294
+ border-radius: 0.5rem;
295
+ padding: 1rem;
296
+ width: 100%;
297
+ }
346
298
  .squiz-rb-scope .sds-table--api .sds-table__row--selectable:not(.squiz-rb-plugin *),
347
299
  .squiz-rb-scope .sds-table--api .sds-table__th--selectable:not(.squiz-rb-plugin *) {
348
300
  cursor: pointer;
349
301
  }
302
+ .squiz-rb-scope .sds-table--api.table--checkbox-selection-only .sds-table__row--selectable:not(.squiz-rb-plugin *),
303
+ .squiz-rb-scope .sds-table--api.table--checkbox-selection-only .sds-table__th--selectable:not(.squiz-rb-plugin *) {
304
+ cursor: default;
305
+ }
306
+ .squiz-rb-scope .sds-table--api.table--checkbox-selection-only .sds-checkbox-option__button:not(.squiz-rb-plugin *) {
307
+ cursor: pointer;
308
+ }
309
+ .squiz-rb-scope .sds-table--api .sds-table__th--sortable:not(.squiz-rb-plugin *) {
310
+ cursor: pointer;
311
+ -webkit-user-select: none;
312
+ -moz-user-select: none;
313
+ user-select: none;
314
+ }
315
+ .squiz-rb-scope .sds-table--api .sds-table__th--sortable:hover:not(.squiz-rb-plugin *) {
316
+ background-color: rgb(82.9411764706%, 82.9411764706%, 82.9411764706%);
317
+ }
318
+ .squiz-rb-scope .sds-table--api .sds-table__th--sortable .sds-table__th-content:not(.squiz-rb-plugin *) {
319
+ align-items: center;
320
+ display: inline-flex;
321
+ gap: 0.5rem;
322
+ }
323
+ .squiz-rb-scope .sds-table--api thead tr:not(.squiz-rb-plugin *) {
324
+ border-bottom: 1px solid #e0e0e0;
325
+ }
326
+ .squiz-rb-scope .sds-table--api .sds-table__th--expandable:not(.squiz-rb-plugin *) {
327
+ align-items: center;
328
+ border-bottom: none;
329
+ display: flex;
330
+ }
331
+ .squiz-rb-scope .sds-table--api .sds-table__th--expandable .sds-tooltip__wrapper:not(.squiz-rb-plugin *) {
332
+ margin-left: auto;
333
+ }
334
+ .squiz-rb-scope .sds-table--api .sds-table__th--expandable .sds-table__expand-all:not(.squiz-rb-plugin *) {
335
+ margin-left: auto;
336
+ }
337
+ .squiz-rb-scope .sds-table--api .sds-table__th--expandable .sds-table__expand-all--button svg:not(.squiz-rb-plugin *) {
338
+ fill: #707070;
339
+ }
350
340
  .squiz-rb-scope .sds-table--api .sds-table__th--selectable .sds-table__th-content:not(.squiz-rb-plugin *) {
351
341
  align-items: center;
352
342
  display: flex;
@@ -373,16 +363,56 @@
373
363
  .squiz-rb-scope .sds-table--api .sds-table__loader-row:not(.squiz-rb-plugin *) {
374
364
  position: unset;
375
365
  }
366
+ .squiz-rb-scope .sds-table--api .sds-table__error-row .sds-table__error-cell:not(.squiz-rb-plugin *) {
367
+ padding-bottom: 4rem;
368
+ padding-top: 4rem;
369
+ }
370
+ .squiz-rb-scope .sds-table--api .sds-table__error-content:not(.squiz-rb-plugin *) {
371
+ align-items: center;
372
+ display: flex;
373
+ flex-direction: column;
374
+ gap: 1rem;
375
+ justify-content: center;
376
+ }
377
+ .squiz-rb-scope .sds-table--api .sds-table__error-content-icon svg:not(.squiz-rb-plugin *) {
378
+ fill: #949494 !important;
379
+ height: 4rem !important;
380
+ width: 4rem !important;
381
+ }
382
+ .squiz-rb-scope .sds-table--api .sds-table__error-content-text:not(.squiz-rb-plugin *) {
383
+ font-size: 1rem;
384
+ font-weight: 400;
385
+ letter-spacing: -0.4px;
386
+ line-height: 1.5rem;
387
+ color: #707070;
388
+ max-width: 18rem;
389
+ text-align: center;
390
+ }
391
+ .squiz-rb-scope .sds-table--api .sds-table__error-content-button path:not(.squiz-rb-plugin *) {
392
+ fill: #4f4f4f !important;
393
+ }
376
394
  .squiz-rb-scope .sds-table--api .sds-table__pagination:not(.squiz-rb-plugin *) {
377
395
  padding: 1.25rem 1rem;
378
396
  }
379
397
  .squiz-rb-scope .sds-table--api .sds-table__navigator button:nth-child(2):not(.squiz-rb-plugin *) {
380
398
  margin-left: 1.5rem;
381
399
  }
400
+ .squiz-rb-scope .sds-table--api .sds-table__navigator:has(.sds-table__row-range) button:nth-child(3):not(.squiz-rb-plugin *) {
401
+ margin-left: 1.5rem;
402
+ }
403
+ .squiz-rb-scope .sds-table--api .sds-table__navigator:has(.sds-table__row-range) button:nth-child(2):not(.squiz-rb-plugin *) {
404
+ margin-left: 0.5rem;
405
+ }
406
+ .squiz-rb-scope .sds-table--api.table--modern-header .sds-table__th--sortable:hover:not(.squiz-rb-plugin *) {
407
+ background-color: #f5f5f5;
408
+ }
382
409
  .squiz-rb-scope .sds-table--loading:not(.squiz-rb-plugin *) {
383
410
  display: grid;
384
411
  place-items: center;
385
412
  }
413
+ .squiz-rb-scope .sds-table--loading .sds-spinner:not(.squiz-rb-plugin *) {
414
+ color: #707070;
415
+ }
386
416
  .squiz-rb-scope .sds-avatar:not(.squiz-rb-plugin *) {
387
417
  align-items: center;
388
418
  display: flex;
@@ -565,8 +595,14 @@
565
595
  color: #707070;
566
596
  white-space: nowrap;
567
597
  }
568
- .squiz-rb-scope .sds-breadcrumbs__wrapper .sds-button.sds-breadcrumbs__button:not(.squiz-rb-plugin *) {
569
- padding: 0.375rem 0;
598
+ .squiz-rb-scope .sds-breadcrumbs__wrapper .sds-breadcrumbs__link:not(.squiz-rb-plugin *) {
599
+ display: block;
600
+ padding: 0.125rem 0;
601
+ }
602
+ .squiz-rb-scope .sds-breadcrumbs__wrapper .sds-breadcrumbs__link .sds-link:not(.squiz-rb-plugin *) {
603
+ align-items: center;
604
+ display: flex;
605
+ height: 1.5rem;
570
606
  }
571
607
  .squiz-rb-scope .sds-breadcrumbs__wrapper .sds-breadcrumbs__list:not(.squiz-rb-plugin *) {
572
608
  align-items: center;
@@ -590,22 +626,25 @@
590
626
  padding-left: 0.75rem;
591
627
  padding-right: 0.75rem;
592
628
  }
593
- .squiz-rb-scope .sds-breadcrumbs__wrapper .sds-breadcrumbs__list button.sds-breadcrumbs__overflow:not(.squiz-rb-plugin *) {
594
- padding: 0.125rem;
595
- }
596
- .squiz-rb-scope .sds-breadcrumbs__wrapper .sds-breadcrumbs__list button.sds-breadcrumbs__overflow svg:not(.squiz-rb-plugin *) {
597
- fill: #707070;
629
+ .squiz-rb-scope .sds-breadcrumbs__wrapper .sds-breadcrumbs__list li.readonly:not(.squiz-rb-plugin *) {
630
+ pointer-events: none;
598
631
  }
599
- .squiz-rb-scope .sds-breadcrumbs__wrapper .sds-breadcrumbs__list button.sds-button.sds-breadcrumbs__button:not(.squiz-rb-plugin *) {
632
+ .squiz-rb-scope .sds-breadcrumbs__wrapper .sds-breadcrumbs__list .sds-breadcrumbs__link:not(.squiz-rb-plugin *) {
600
633
  text-decoration: underline;
601
634
  text-decoration-color: transparent;
602
635
  text-underline-offset: 0.5rem;
603
636
  transition: text-decoration-color 500ms;
604
637
  }
605
- .squiz-rb-scope .sds-breadcrumbs__wrapper .sds-breadcrumbs__list button.sds-button.sds-breadcrumbs__button:hover:not(.squiz-rb-plugin *) {
638
+ .squiz-rb-scope .sds-breadcrumbs__wrapper .sds-breadcrumbs__list .sds-breadcrumbs__link:hover:not(.squiz-rb-plugin *) {
606
639
  background-color: unset;
607
640
  text-decoration-color: unset;
608
641
  }
642
+ .squiz-rb-scope .sds-breadcrumbs__wrapper .sds-breadcrumbs__list button.sds-breadcrumbs__overflow:not(.squiz-rb-plugin *) {
643
+ padding: 0.125rem;
644
+ }
645
+ .squiz-rb-scope .sds-breadcrumbs__wrapper .sds-breadcrumbs__list button.sds-breadcrumbs__overflow svg:not(.squiz-rb-plugin *) {
646
+ fill: #707070;
647
+ }
609
648
  .squiz-rb-scope .sds-breadcrumbs__wrapper .sds-breadcrumbs__list .sds-breadcrumbs__current:not(.squiz-rb-plugin *) {
610
649
  overflow-x: hidden;
611
650
  }
@@ -620,9 +659,6 @@
620
659
  line-height: 1rem;
621
660
  }
622
661
  @media screen and (max-width: 575px) {
623
- .squiz-rb-scope .sds-breadcrumbs__wrapper .sds-breadcrumbs__button .sds-button-icon > svg:not(.squiz-rb-plugin *) {
624
- fill: #707070;
625
- }
626
662
  .squiz-rb-scope .sds-breadcrumbs__wrapper span:not(.squiz-rb-plugin *) {
627
663
  font-size: 0.875rem;
628
664
  font-weight: 600;
@@ -640,9 +676,8 @@
640
676
  display: flex;
641
677
  }
642
678
  .squiz-rb-scope .sds-button:disabled:not(.squiz-rb-plugin *) {
643
- cursor: default;
679
+ cursor: not-allowed;
644
680
  opacity: 0.5;
645
- pointer-events: none;
646
681
  }
647
682
  .squiz-rb-scope .sds-button.button--icon:not(.squiz-rb-plugin *) {
648
683
  padding: 0.375rem 0.5rem;
@@ -785,7 +820,8 @@
785
820
  .squiz-rb-scope .sds-button.button--round:not(.squiz-rb-plugin *) {
786
821
  border-radius: 1rem;
787
822
  }
788
- .squiz-rb-scope .sds-button.button--icon-round:not(.squiz-rb-plugin *) {
823
+ .squiz-rb-scope .sds-button.button--icon-round:not(.squiz-rb-plugin *),
824
+ .squiz-rb-scope .sds-button.button--icon-round:focus:not(.main, .main-menu):not(.squiz-rb-plugin *) {
789
825
  border-radius: 50%;
790
826
  padding: 0.375rem;
791
827
  }
@@ -820,8 +856,8 @@
820
856
  background: #e0e0e0;
821
857
  color: #4f4f4f;
822
858
  }
823
- .squiz-rb-scope .sds-button.button--default.button--soft:hover:not(.squiz-rb-plugin *) {
824
- background-color: #c7c7c7;
859
+ .squiz-rb-scope .sds-button.button--default.button--soft:hover:not(:disabled):not(.squiz-rb-plugin *) {
860
+ background-color: rgb(77.8431372549%, 77.8431372549%, 77.8431372549%);
825
861
  }
826
862
  .squiz-rb-scope .sds-button.button--default.button--soft .sds-button-icon svg:not(.squiz-rb-plugin *) {
827
863
  fill: #4f4f4f;
@@ -833,9 +869,8 @@
833
869
  line-height: 1.25rem;
834
870
  color: #707070;
835
871
  }
836
- .squiz-rb-scope .sds-button.button--default.button--transparent.active:not(.squiz-rb-plugin *),
837
- .squiz-rb-scope .sds-button.button--default.button--transparent:hover:not(.squiz-rb-plugin *) {
838
- background-color: rgba(0, 0, 0, 0.04);
872
+ .squiz-rb-scope .sds-button.button--default.button--transparent:hover:not(:disabled):not(.squiz-rb-plugin *) {
873
+ background-color: hsla(0, 0%, -10%, 0.04);
839
874
  }
840
875
  .squiz-rb-scope .sds-button.button--default.button--transparent .sds-button-icon svg:not(.squiz-rb-plugin *) {
841
876
  fill: #707070;
@@ -848,8 +883,8 @@
848
883
  background: #0774d2;
849
884
  color: #fff;
850
885
  }
851
- .squiz-rb-scope .sds-button.button--primary.button--strong:hover:not(.squiz-rb-plugin *) {
852
- background-color: #0559a1;
886
+ .squiz-rb-scope .sds-button.button--primary.button--strong:hover:not(:disabled):not(.squiz-rb-plugin *) {
887
+ background-color: rgb(2.0999367489%, 34.7989518388%, 62.9981024668%);
853
888
  }
854
889
  .squiz-rb-scope .sds-button.button--primary.button--strong .sds-button-icon svg:not(.squiz-rb-plugin *) {
855
890
  fill: #fff;
@@ -862,8 +897,8 @@
862
897
  background: #e0e0e0;
863
898
  color: #0774d2;
864
899
  }
865
- .squiz-rb-scope .sds-button.button--primary.button--soft:hover:not(.squiz-rb-plugin *) {
866
- background-color: #c7c7c7;
900
+ .squiz-rb-scope .sds-button.button--primary.button--soft:hover:not(:disabled):not(.squiz-rb-plugin *) {
901
+ background-color: rgb(77.8431372549%, 77.8431372549%, 77.8431372549%);
867
902
  }
868
903
  .squiz-rb-scope .sds-button.button--primary.button--soft .sds-button-icon svg:not(.squiz-rb-plugin *) {
869
904
  fill: #0774d2;
@@ -875,9 +910,8 @@
875
910
  line-height: 1.25rem;
876
911
  color: #0774d2;
877
912
  }
878
- .squiz-rb-scope .sds-button.button--primary.button--transparent.active:not(.squiz-rb-plugin *),
879
- .squiz-rb-scope .sds-button.button--primary.button--transparent:hover:not(.squiz-rb-plugin *) {
880
- background-color: rgba(0, 0, 0, 0.04);
913
+ .squiz-rb-scope .sds-button.button--primary.button--transparent:hover:not(:disabled):not(.squiz-rb-plugin *) {
914
+ background-color: hsla(0, 0%, -10%, 0.04);
881
915
  }
882
916
  .squiz-rb-scope .sds-button.button--primary.button--transparent .sds-button-icon svg:not(.squiz-rb-plugin *) {
883
917
  fill: #0774d2;
@@ -890,8 +924,8 @@
890
924
  background: #098934;
891
925
  color: #fff;
892
926
  }
893
- .squiz-rb-scope .sds-button.button--success.button--strong:hover:not(.squiz-rb-plugin *) {
894
- background-color: #065922;
927
+ .squiz-rb-scope .sds-button.button--success.button--strong:hover:not(:disabled):not(.squiz-rb-plugin *) {
928
+ background-color: rgb(2.2965350524%, 34.9583669084%, 13.2688691915%);
895
929
  }
896
930
  .squiz-rb-scope .sds-button.button--success.button--strong .sds-button-icon svg:not(.squiz-rb-plugin *) {
897
931
  fill: #fff;
@@ -904,8 +938,8 @@
904
938
  background: #e0e0e0;
905
939
  color: #098934;
906
940
  }
907
- .squiz-rb-scope .sds-button.button--success.button--soft:hover:not(.squiz-rb-plugin *) {
908
- background-color: #c7c7c7;
941
+ .squiz-rb-scope .sds-button.button--success.button--soft:hover:not(:disabled):not(.squiz-rb-plugin *) {
942
+ background-color: rgb(77.8431372549%, 77.8431372549%, 77.8431372549%);
909
943
  }
910
944
  .squiz-rb-scope .sds-button.button--success.button--soft .sds-button-icon svg:not(.squiz-rb-plugin *) {
911
945
  fill: #098934;
@@ -917,9 +951,8 @@
917
951
  line-height: 1.25rem;
918
952
  color: #098934;
919
953
  }
920
- .squiz-rb-scope .sds-button.button--success.button--transparent.active:not(.squiz-rb-plugin *),
921
- .squiz-rb-scope .sds-button.button--success.button--transparent:hover:not(.squiz-rb-plugin *) {
922
- background-color: rgba(0, 0, 0, 0.04);
954
+ .squiz-rb-scope .sds-button.button--success.button--transparent:hover:not(:disabled):not(.squiz-rb-plugin *) {
955
+ background-color: hsla(0, 0%, -10%, 0.04);
923
956
  }
924
957
  .squiz-rb-scope .sds-button.button--success.button--transparent .sds-button-icon svg:not(.squiz-rb-plugin *) {
925
958
  fill: #098934;
@@ -932,8 +965,8 @@
932
965
  background: #d72321;
933
966
  color: #fff;
934
967
  }
935
- .squiz-rb-scope .sds-button.button--danger.button--strong:hover:not(.squiz-rb-plugin *) {
936
- background-color: #ab1c1a;
968
+ .squiz-rb-scope .sds-button.button--danger.button--strong:hover:not(:disabled):not(.squiz-rb-plugin *) {
969
+ background-color: rgb(66.9750158128%, 10.9029095509%, 10.279886148%);
937
970
  }
938
971
  .squiz-rb-scope .sds-button.button--danger.button--strong .sds-button-icon svg:not(.squiz-rb-plugin *) {
939
972
  fill: #fff;
@@ -946,8 +979,8 @@
946
979
  background: #e0e0e0;
947
980
  color: #d72321;
948
981
  }
949
- .squiz-rb-scope .sds-button.button--danger.button--soft:hover:not(.squiz-rb-plugin *) {
950
- background-color: #c7c7c7;
982
+ .squiz-rb-scope .sds-button.button--danger.button--soft:hover:not(:disabled):not(.squiz-rb-plugin *) {
983
+ background-color: rgb(77.8431372549%, 77.8431372549%, 77.8431372549%);
951
984
  }
952
985
  .squiz-rb-scope .sds-button.button--danger.button--soft .sds-button-icon svg:not(.squiz-rb-plugin *) {
953
986
  fill: #d72321;
@@ -959,9 +992,8 @@
959
992
  line-height: 1.25rem;
960
993
  color: #d72321;
961
994
  }
962
- .squiz-rb-scope .sds-button.button--danger.button--transparent.active:not(.squiz-rb-plugin *),
963
- .squiz-rb-scope .sds-button.button--danger.button--transparent:hover:not(.squiz-rb-plugin *) {
964
- background-color: rgba(0, 0, 0, 0.04);
995
+ .squiz-rb-scope .sds-button.button--danger.button--transparent:hover:not(:disabled):not(.squiz-rb-plugin *) {
996
+ background-color: hsla(0, 0%, -10%, 0.04);
965
997
  }
966
998
  .squiz-rb-scope .sds-button.button--danger.button--transparent .sds-button-icon svg:not(.squiz-rb-plugin *) {
967
999
  fill: #d72321;
@@ -1132,6 +1164,35 @@
1132
1164
  .squiz-rb-scope .sds-card-list > li:not(.squiz-rb-plugin *) {
1133
1165
  margin-bottom: 2rem;
1134
1166
  }
1167
+ .squiz-rb-scope .sds-card-container.sds-card-type--feature:not(.squiz-rb-plugin *) {
1168
+ border: 1px solid #ededed;
1169
+ border-radius: 0.5rem;
1170
+ height: 100%;
1171
+ padding: 0.5rem 1rem 0.75rem 0.75rem;
1172
+ width: 22rem;
1173
+ }
1174
+ .squiz-rb-scope .sds-card-type--feature .sds-card:not(.squiz-rb-plugin *) {
1175
+ padding: 0;
1176
+ }
1177
+ .squiz-rb-scope .sds-card-type--feature .sds-card .sds-card-title--wrapper:not(.squiz-rb-plugin *) {
1178
+ align-items: center;
1179
+ display: flex;
1180
+ gap: 0.25rem;
1181
+ }
1182
+ .squiz-rb-scope .sds-card-type--feature .sds-card .sds-card-title:not(.squiz-rb-plugin *) {
1183
+ color: #4f4f4f;
1184
+ font-size: 0.875rem;
1185
+ font-weight: 600;
1186
+ letter-spacing: -0.2px;
1187
+ line-height: 1.25rem;
1188
+ }
1189
+ .squiz-rb-scope .sds-card-type--feature .sds-card .sds-card-content:not(.squiz-rb-plugin *) {
1190
+ color: #707070;
1191
+ font-size: 0.8125rem;
1192
+ font-weight: 400;
1193
+ line-height: 1rem;
1194
+ margin-top: 0.5rem;
1195
+ }
1135
1196
  @media screen and (min-width: 768px) {
1136
1197
  .squiz-rb-scope .sds-card-list:not(.squiz-rb-plugin *) {
1137
1198
  display: flex;
@@ -1147,6 +1208,14 @@
1147
1208
  .squiz-rb-scope .sds-chart:not(.squiz-rb-plugin *) {
1148
1209
  padding: 0.25rem;
1149
1210
  }
1211
+ .squiz-rb-scope .sds-chart--bar:not(.squiz-rb-plugin *) {
1212
+ overflow: visible;
1213
+ }
1214
+ .squiz-rb-scope .sds-chart--bar .highcharts-container:not(.squiz-rb-plugin *),
1215
+ .squiz-rb-scope .sds-chart--bar .highcharts-container svg:not(.squiz-rb-plugin *),
1216
+ .squiz-rb-scope .sds-chart--bar .highcharts-root:not(.squiz-rb-plugin *) {
1217
+ overflow: visible;
1218
+ }
1150
1219
  .squiz-rb-scope .sds-chip:not(.squiz-rb-plugin *) {
1151
1220
  align-items: center;
1152
1221
  display: flex;
@@ -1485,12 +1554,12 @@
1485
1554
  text-overflow: ellipsis;
1486
1555
  white-space: nowrap;
1487
1556
  }
1488
- .squiz-rb-scope .sds-chip-remover:not(.squiz-rb-plugin *) {
1489
- margin-right: 0.125rem;
1490
- }
1491
1557
  .squiz-rb-scope .sds-chip-remover:focus:not(.squiz-rb-plugin *) {
1492
1558
  border-radius: 100%;
1493
1559
  }
1560
+ .squiz-rb-scope .sds-chip-remover:not(.squiz-rb-plugin *) {
1561
+ margin-right: 0.125rem;
1562
+ }
1494
1563
  .squiz-rb-scope .sds-chip-list:not(.squiz-rb-plugin *) {
1495
1564
  list-style-type: none;
1496
1565
  margin: 0;
@@ -1523,6 +1592,9 @@
1523
1592
  height: 1.25rem;
1524
1593
  width: 1.25rem;
1525
1594
  }
1595
+ .squiz-rb-scope .chip-filter--open .chip-filter__btn.sds-button.chip-filter__btn:hover:not(.squiz-rb-plugin *) {
1596
+ background: #707070;
1597
+ }
1526
1598
  .squiz-rb-scope .chip-filter--no-icon .chip-filter__btn-content:not(.squiz-rb-plugin *) {
1527
1599
  padding-left: 0.25rem;
1528
1600
  }
@@ -1559,16 +1631,44 @@
1559
1631
  background-color: #fff;
1560
1632
  display: none;
1561
1633
  height: 100%;
1562
- left: 0;
1563
1634
  position: fixed;
1564
1635
  top: 0;
1565
1636
  width: 100%;
1566
1637
  z-index: 100;
1567
1638
  }
1639
+ .squiz-rb-scope .chip-filter__dropdown--middle:not(.squiz-rb-plugin *) {
1640
+ left: 50%;
1641
+ transform: translateX(-50%);
1642
+ }
1643
+ .squiz-rb-scope .chip-filter__dropdown--right:not(.squiz-rb-plugin *) {
1644
+ right: 0;
1645
+ }
1646
+ .squiz-rb-scope .chip-filter__dropdown--left:not(.squiz-rb-plugin *) {
1647
+ left: 0;
1648
+ }
1568
1649
  .squiz-rb-scope .chip-filter__dropdown-header:not(.squiz-rb-plugin *),
1569
1650
  .squiz-rb-scope .chip-filter__dropdown-body:not(.squiz-rb-plugin *) {
1570
1651
  padding: 0.5rem 0.75rem;
1571
1652
  }
1653
+ .squiz-rb-scope .chip-filter__dropdown-header .sds-form-field:not(.squiz-rb-plugin *),
1654
+ .squiz-rb-scope .chip-filter__dropdown-body .sds-form-field:not(.squiz-rb-plugin *) {
1655
+ gap: 0;
1656
+ padding: 0;
1657
+ }
1658
+ .squiz-rb-scope .chip-filter__dropdown-header .sds-form-label:not(.squiz-rb-plugin *),
1659
+ .squiz-rb-scope .chip-filter__dropdown-body .sds-form-label:not(.squiz-rb-plugin *) {
1660
+ color: #3d3d3d;
1661
+ font-size: 0.875rem;
1662
+ margin-bottom: 0;
1663
+ }
1664
+ .squiz-rb-scope .chip-filter__dropdown-groups:not(.squiz-rb-plugin *) {
1665
+ display: flex;
1666
+ flex-direction: column;
1667
+ gap: 1rem;
1668
+ }
1669
+ .squiz-rb-scope .chip-filter__dropdown-groups .sds-form-field:not(.squiz-rb-plugin *) {
1670
+ gap: 0.5rem;
1671
+ }
1572
1672
  .squiz-rb-scope .chip-filter__dropdown-header:not(.squiz-rb-plugin *) {
1573
1673
  align-items: center;
1574
1674
  border-bottom: 1px solid #e0e0e0;
@@ -1586,10 +1686,11 @@
1586
1686
  color: #000;
1587
1687
  }
1588
1688
  .squiz-rb-scope .chip-filter__dropdown-header .chip-filter__dropdown-title:not(.squiz-rb-plugin *) {
1589
- padding-left: 1.25rem;
1689
+ margin: 0;
1690
+ padding: 0;
1590
1691
  }
1591
1692
  .squiz-rb-scope .chip-filter__dropdown-body:not(.squiz-rb-plugin *) {
1592
- max-height: 17rem;
1693
+ flex: 1;
1593
1694
  overflow-y: auto;
1594
1695
  }
1595
1696
  .squiz-rb-scope .chip-filter__dropdown-body h4:not(.squiz-rb-plugin *) {
@@ -1643,7 +1744,6 @@
1643
1744
  border-radius: 0.25rem;
1644
1745
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.04), 0 1px 12px rgba(0, 0, 0, 0.12);
1645
1746
  height: unset;
1646
- left: 0;
1647
1747
  position: absolute;
1648
1748
  top: unset;
1649
1749
  width: 220px;
@@ -1665,9 +1765,165 @@
1665
1765
  }
1666
1766
  }
1667
1767
  @media screen and (max-width: 575px) {
1768
+ .squiz-rb-scope .chip-filter__dropdown-btn-container:not(.squiz-rb-plugin *) {
1769
+ padding: 1rem 1rem 1.5rem;
1770
+ }
1668
1771
  .squiz-rb-scope .chip-filter__dropdown-btn-container button:not(.squiz-rb-plugin *) {
1669
1772
  width: 100%;
1670
1773
  }
1774
+ .squiz-rb-scope .chip-filter__dropdown-header:not(.squiz-rb-plugin *),
1775
+ .squiz-rb-scope .chip-filter__dropdown-body:not(.squiz-rb-plugin *) {
1776
+ padding: 1.5rem 1rem;
1777
+ }
1778
+ .squiz-rb-scope .chip-filter__dropdown-header .sds-form-field:not(.squiz-rb-plugin *),
1779
+ .squiz-rb-scope .chip-filter__dropdown-body .sds-form-field:not(.squiz-rb-plugin *) {
1780
+ display: grid;
1781
+ padding: 0;
1782
+ }
1783
+ .squiz-rb-scope .chip-filter__dropdown-header .sds-form-label:not(.squiz-rb-plugin *),
1784
+ .squiz-rb-scope .chip-filter__dropdown-body .sds-form-label:not(.squiz-rb-plugin *) {
1785
+ color: #3d3d3d;
1786
+ font-size: 1rem;
1787
+ margin-bottom: 0;
1788
+ }
1789
+ .squiz-rb-scope .chip-filter__dropdown-groups:not(.squiz-rb-plugin *) {
1790
+ display: flex;
1791
+ gap: 1.5rem;
1792
+ }
1793
+ .squiz-rb-scope .chip-filter__dropdown-groups .sds-form-field:not(.squiz-rb-plugin *) {
1794
+ gap: 0.75rem;
1795
+ }
1796
+ }
1797
+ .squiz-rb-scope code[class*=language-]:not(.squiz-rb-plugin *),
1798
+ .squiz-rb-scope pre[class*=language-]:not(.squiz-rb-plugin *) {
1799
+ color: #ccc;
1800
+ background: none;
1801
+ font-family:
1802
+ Consolas,
1803
+ Monaco,
1804
+ "Andale Mono",
1805
+ "Ubuntu Mono",
1806
+ monospace;
1807
+ font-size: 1em;
1808
+ text-align: left;
1809
+ white-space: pre;
1810
+ word-spacing: normal;
1811
+ word-break: normal;
1812
+ word-wrap: normal;
1813
+ line-height: 1.5;
1814
+ -moz-tab-size: 4;
1815
+ -o-tab-size: 4;
1816
+ tab-size: 4;
1817
+ hyphens: none;
1818
+ }
1819
+ .squiz-rb-scope pre[class*=language-]:not(.squiz-rb-plugin *) {
1820
+ padding: 1em;
1821
+ margin: 0.5em 0;
1822
+ overflow: auto;
1823
+ }
1824
+ .squiz-rb-scope :not(pre) > code[class*=language-]:not(.squiz-rb-plugin *),
1825
+ .squiz-rb-scope pre[class*=language-]:not(.squiz-rb-plugin *) {
1826
+ background: #2d2d2d;
1827
+ }
1828
+ .squiz-rb-scope :not(pre) > code[class*=language-]:not(.squiz-rb-plugin *) {
1829
+ padding: 0.1em;
1830
+ border-radius: 0.3em;
1831
+ white-space: normal;
1832
+ }
1833
+ .squiz-rb-scope .token.comment:not(.squiz-rb-plugin *),
1834
+ .squiz-rb-scope .token.block-comment:not(.squiz-rb-plugin *),
1835
+ .squiz-rb-scope .token.prolog:not(.squiz-rb-plugin *),
1836
+ .squiz-rb-scope .token.doctype:not(.squiz-rb-plugin *),
1837
+ .squiz-rb-scope .token.cdata:not(.squiz-rb-plugin *) {
1838
+ color: #999;
1839
+ }
1840
+ .squiz-rb-scope .token.punctuation:not(.squiz-rb-plugin *) {
1841
+ color: #ccc;
1842
+ }
1843
+ .squiz-rb-scope .token.tag:not(.squiz-rb-plugin *),
1844
+ .squiz-rb-scope .token.attr-name:not(.squiz-rb-plugin *),
1845
+ .squiz-rb-scope .token.namespace:not(.squiz-rb-plugin *),
1846
+ .squiz-rb-scope .token.deleted:not(.squiz-rb-plugin *) {
1847
+ color: #e2777a;
1848
+ }
1849
+ .squiz-rb-scope .token.function-name:not(.squiz-rb-plugin *) {
1850
+ color: #6196cc;
1851
+ }
1852
+ .squiz-rb-scope .token.boolean:not(.squiz-rb-plugin *),
1853
+ .squiz-rb-scope .token.number:not(.squiz-rb-plugin *),
1854
+ .squiz-rb-scope .token.function:not(.squiz-rb-plugin *) {
1855
+ color: #f08d49;
1856
+ }
1857
+ .squiz-rb-scope .token.property:not(.squiz-rb-plugin *),
1858
+ .squiz-rb-scope .token.class-name:not(.squiz-rb-plugin *),
1859
+ .squiz-rb-scope .token.constant:not(.squiz-rb-plugin *),
1860
+ .squiz-rb-scope .token.symbol:not(.squiz-rb-plugin *) {
1861
+ color: #f8c555;
1862
+ }
1863
+ .squiz-rb-scope .token.selector:not(.squiz-rb-plugin *),
1864
+ .squiz-rb-scope .token.important:not(.squiz-rb-plugin *),
1865
+ .squiz-rb-scope .token.atrule:not(.squiz-rb-plugin *),
1866
+ .squiz-rb-scope .token.keyword:not(.squiz-rb-plugin *),
1867
+ .squiz-rb-scope .token.builtin:not(.squiz-rb-plugin *) {
1868
+ color: #cc99cd;
1869
+ }
1870
+ .squiz-rb-scope .token.string:not(.squiz-rb-plugin *),
1871
+ .squiz-rb-scope .token.char:not(.squiz-rb-plugin *),
1872
+ .squiz-rb-scope .token.attr-value:not(.squiz-rb-plugin *),
1873
+ .squiz-rb-scope .token.regex:not(.squiz-rb-plugin *),
1874
+ .squiz-rb-scope .token.variable:not(.squiz-rb-plugin *) {
1875
+ color: #7ec699;
1876
+ }
1877
+ .squiz-rb-scope .token.operator:not(.squiz-rb-plugin *),
1878
+ .squiz-rb-scope .token.entity:not(.squiz-rb-plugin *),
1879
+ .squiz-rb-scope .token.url:not(.squiz-rb-plugin *) {
1880
+ color: #67cdcc;
1881
+ }
1882
+ .squiz-rb-scope .token.important:not(.squiz-rb-plugin *),
1883
+ .squiz-rb-scope .token.bold:not(.squiz-rb-plugin *) {
1884
+ font-weight: bold;
1885
+ }
1886
+ .squiz-rb-scope .token.italic:not(.squiz-rb-plugin *) {
1887
+ font-style: italic;
1888
+ }
1889
+ .squiz-rb-scope .token.entity:not(.squiz-rb-plugin *) {
1890
+ cursor: help;
1891
+ }
1892
+ .squiz-rb-scope .token.inserted:not(.squiz-rb-plugin *) {
1893
+ color: green;
1894
+ }
1895
+ .squiz-rb-scope pre[class*=language-].line-numbers:not(.squiz-rb-plugin *) {
1896
+ position: relative;
1897
+ padding-left: 3.8em;
1898
+ counter-reset: linenumber;
1899
+ }
1900
+ .squiz-rb-scope pre[class*=language-].line-numbers > code:not(.squiz-rb-plugin *) {
1901
+ position: relative;
1902
+ white-space: inherit;
1903
+ }
1904
+ .squiz-rb-scope .line-numbers .line-numbers-rows:not(.squiz-rb-plugin *) {
1905
+ position: absolute;
1906
+ pointer-events: none;
1907
+ top: 0;
1908
+ font-size: 100%;
1909
+ left: -3.8em;
1910
+ width: 3em;
1911
+ letter-spacing: -1px;
1912
+ border-right: 1px solid #999;
1913
+ -webkit-user-select: none;
1914
+ -moz-user-select: none;
1915
+ user-select: none;
1916
+ }
1917
+ .squiz-rb-scope .line-numbers-rows > span:not(.squiz-rb-plugin *) {
1918
+ display: block;
1919
+ counter-increment: linenumber;
1920
+ }
1921
+ .squiz-rb-scope .line-numbers-rows > span:before:not(.squiz-rb-plugin *) {
1922
+ content: counter(linenumber);
1923
+ color: #999;
1924
+ display: block;
1925
+ padding-right: 0.8em;
1926
+ text-align: right;
1671
1927
  }
1672
1928
  .squiz-rb-scope .sds-code-snippet:not(.squiz-rb-plugin *) {
1673
1929
  display: flex;
@@ -1710,24 +1966,44 @@
1710
1966
  border-bottom-right-radius: 0.5rem;
1711
1967
  margin: 0;
1712
1968
  padding: 0.5rem;
1969
+ }
1970
+ .squiz-rb-scope .sds-code-snippet pre.sds-code-snippet__pre--collapsible:not(.squiz-rb-plugin *) {
1971
+ position: relative;
1972
+ }
1973
+ .squiz-rb-scope .sds-code-snippet pre.sds-code-snippet__pre--collapsible .sds-code-snippet__toggle-wrap:not(.squiz-rb-plugin *) {
1974
+ bottom: 0.5rem;
1975
+ font-family:
1976
+ Open Sans,
1977
+ Arial,
1978
+ sans-serif;
1979
+ left: 0.5rem;
1980
+ position: absolute;
1981
+ }
1982
+ .squiz-rb-scope .sds-code-snippet pre.sds-code-snippet__pre--collapsible.line-numbers .sds-code-snippet__toggle-wrap:not(.squiz-rb-plugin *) {
1983
+ left: 3.8em;
1984
+ }
1985
+ .squiz-rb-scope .sds-code-snippet pre.sds-code-snippet__pre--collapsible .sds-code-snippet__toggle-btn:not(.squiz-rb-plugin *) {
1986
+ font-family: inherit;
1987
+ }
1988
+ .squiz-rb-scope .sds-code-snippet--custom-scrollbar pre:not(.squiz-rb-plugin *) {
1713
1989
  scrollbar-color: #d9d9d9 #2b2b2b;
1714
1990
  scrollbar-width: 2.5rem;
1715
1991
  }
1716
- .squiz-rb-scope .sds-code-snippet pre:not(.squiz-rb-plugin *)::-webkit-scrollbar {
1992
+ .squiz-rb-scope .sds-code-snippet--custom-scrollbar pre:not(.squiz-rb-plugin *)::-webkit-scrollbar {
1717
1993
  background: #2b2b2b;
1718
1994
  }
1719
- .squiz-rb-scope .sds-code-snippet pre:not(.squiz-rb-plugin *)::-webkit-scrollbar-thumb {
1995
+ .squiz-rb-scope .sds-code-snippet--custom-scrollbar pre:not(.squiz-rb-plugin *)::-webkit-scrollbar-thumb {
1720
1996
  background: #d9d9d9;
1721
1997
  border-radius: 0.5rem;
1722
1998
  min-height: 2.5rem;
1723
1999
  }
1724
- .squiz-rb-scope .sds-code-snippet pre:not(.squiz-rb-plugin *)::-webkit-scrollbar-thumb:hover {
1725
- background: silver;
2000
+ .squiz-rb-scope .sds-code-snippet--custom-scrollbar pre:not(.squiz-rb-plugin *)::-webkit-scrollbar-thumb:hover {
2001
+ background: rgb(75.0980392157%, 75.0980392157%, 75.0980392157%);
1726
2002
  }
1727
- .squiz-rb-scope .sds-code-snippet pre:not(.squiz-rb-plugin *)::-webkit-scrollbar-thumb:active {
2003
+ .squiz-rb-scope .sds-code-snippet--custom-scrollbar pre:not(.squiz-rb-plugin *)::-webkit-scrollbar-thumb:active {
1728
2004
  background: #a6a6a6;
1729
2005
  }
1730
- .squiz-rb-scope .sds-code-snippet pre:not(.squiz-rb-plugin *)::-webkit-scrollbar-corner {
2006
+ .squiz-rb-scope .sds-code-snippet--custom-scrollbar pre:not(.squiz-rb-plugin *)::-webkit-scrollbar-corner {
1731
2007
  background: #2b2b2b;
1732
2008
  }
1733
2009
  .squiz-rb-scope .sds-code-snippet code:not(.squiz-rb-plugin *) {
@@ -2022,11 +2298,13 @@
2022
2298
  font-weight: 700;
2023
2299
  letter-spacing: -0.2px;
2024
2300
  line-height: 1.25rem;
2025
- color: #3d3d3d;
2026
2301
  }
2027
2302
  .squiz-rb-scope .sds-data-list__title .svg-wrapper svg:not(.squiz-rb-plugin *) {
2028
2303
  fill: #3d3d3d;
2029
2304
  }
2305
+ .squiz-rb-scope .sds-data-list__title:not(.squiz-rb-plugin *) {
2306
+ color: #3d3d3d;
2307
+ }
2030
2308
  @media screen and (min-width: 768px) {
2031
2309
  .squiz-rb-scope .sds-data-list__icon + div:not(.squiz-rb-plugin *) {
2032
2310
  align-items: center;
@@ -2051,8 +2329,9 @@
2051
2329
  }
2052
2330
  .squiz-rb-scope .sds-datetime-picker .sds-text-field input:not(.squiz-rb-plugin *) {
2053
2331
  padding-left: 3rem;
2332
+ padding-right: 2rem;
2054
2333
  }
2055
- .squiz-rb-scope .sds-datetime-picker .sds-datetime-picker__icon:not(.squiz-rb-plugin *) {
2334
+ .squiz-rb-scope .sds-datetime-picker__icon:not(.squiz-rb-plugin *) {
2056
2335
  align-items: center;
2057
2336
  display: flex;
2058
2337
  background: #f7f7f7;
@@ -2063,6 +2342,27 @@
2063
2342
  position: absolute;
2064
2343
  top: 0;
2065
2344
  }
2345
+ .squiz-rb-scope .sds-datetime-picker__error:not(.squiz-rb-plugin *) {
2346
+ font-size: 0.8125rem;
2347
+ font-weight: 400;
2348
+ letter-spacing: 0;
2349
+ line-height: 1rem;
2350
+ color: #d72321;
2351
+ margin-top: 0.25rem;
2352
+ }
2353
+ .squiz-rb-scope .sds-datetime-picker__note:not(.squiz-rb-plugin *) {
2354
+ font-size: 0.8125rem;
2355
+ font-weight: 400;
2356
+ letter-spacing: 0;
2357
+ line-height: 1rem;
2358
+ color: #707070;
2359
+ margin-top: 0.25rem;
2360
+ }
2361
+ .squiz-rb-scope .sds-datetime-picker--top .easepick-wrapper .container:not(.squiz-rb-plugin *) {
2362
+ bottom: 0 !important;
2363
+ top: unset !important;
2364
+ transform: translateY(-35px);
2365
+ }
2066
2366
  @media screen and (min-width: 576px) {
2067
2367
  .squiz-rb-scope .sds-datetime-picker:not(.squiz-rb-plugin *) {
2068
2368
  max-width: 23.8125rem;
@@ -2114,6 +2414,10 @@
2114
2414
  max-width: 100%;
2115
2415
  }
2116
2416
  .squiz-rb-scope .sds-dialog__header:not(.squiz-rb-plugin *) {
2417
+ align-items: center;
2418
+ display: flex;
2419
+ gap: 0.75rem;
2420
+ justify-content: flex-start;
2117
2421
  padding: 1.5rem 1.5rem 1rem 1.5rem;
2118
2422
  position: relative;
2119
2423
  }
@@ -2135,15 +2439,21 @@
2135
2439
  }
2136
2440
  .squiz-rb-scope .sds-dialog__heading:not(.squiz-rb-plugin *) {
2137
2441
  display: flex;
2138
- margin: 0 1.5rem 0.5rem 0;
2442
+ flex-direction: column;
2443
+ gap: 0.5rem;
2444
+ margin: 0 1.5rem 0 0;
2445
+ }
2446
+ .squiz-rb-scope .sds-dialog__heading-title:not(.squiz-rb-plugin *) {
2447
+ align-items: center;
2448
+ display: flex;
2139
2449
  }
2140
- .squiz-rb-scope .sds-dialog__heading span:not(.squiz-rb-plugin *) {
2450
+ .squiz-rb-scope .sds-dialog__heading-title span:not(.squiz-rb-plugin *) {
2141
2451
  font-size: 1.25rem;
2142
2452
  font-weight: 600;
2143
2453
  letter-spacing: -0.5px;
2144
2454
  line-height: 1.5rem;
2145
2455
  }
2146
- .squiz-rb-scope .sds-dialog__heading span .svg-wrapper svg:not(.squiz-rb-plugin *) {
2456
+ .squiz-rb-scope .sds-dialog__heading-title span .svg-wrapper svg:not(.squiz-rb-plugin *) {
2147
2457
  fill: #3d3d3d;
2148
2458
  }
2149
2459
  .squiz-rb-scope .sds-dialog__icon:not(.squiz-rb-plugin *) {
@@ -2168,6 +2478,9 @@
2168
2478
  .squiz-rb-scope .sds-dialog__body.dividers .sds-dialog__content:not(.squiz-rb-plugin *) {
2169
2479
  padding: 1.5rem 0;
2170
2480
  }
2481
+ .squiz-rb-scope .sds-dialog__body.divider-with-no-footer:not(.squiz-rb-plugin *) {
2482
+ border-bottom: 0;
2483
+ }
2171
2484
  .squiz-rb-scope .sds-dialog__loading:not(.squiz-rb-plugin *) {
2172
2485
  align-items: center;
2173
2486
  display: flex;
@@ -2196,6 +2509,10 @@
2196
2509
  justify-content: flex-end;
2197
2510
  padding: 1.5rem 0;
2198
2511
  }
2512
+ .squiz-rb-scope .sds-dialog__actions--with-content:not(.squiz-rb-plugin *) {
2513
+ align-items: center;
2514
+ justify-content: space-between;
2515
+ }
2199
2516
  @media screen and (max-width: 575px) {
2200
2517
  .squiz-rb-scope .sds-dialog__container--full:not(.squiz-rb-plugin *) {
2201
2518
  padding: 0;
@@ -2219,24 +2536,14 @@
2219
2536
  .squiz-rb-scope .sds-divider:not(.squiz-rb-plugin *) {
2220
2537
  align-items: center;
2221
2538
  display: flex;
2222
- width: 100%;
2223
2539
  }
2224
2540
  .squiz-rb-scope .sds-divider:not(.squiz-rb-plugin *)::before,
2225
2541
  .squiz-rb-scope .sds-divider:not(.squiz-rb-plugin *)::after {
2226
2542
  background-color: #e0e0e0;
2227
2543
  content: "";
2228
2544
  flex-grow: 1;
2229
- height: 1px;
2230
- position: relative;
2231
- width: 1px;
2232
2545
  z-index: 0;
2233
2546
  }
2234
- .squiz-rb-scope .sds-divider:not(.squiz-rb-plugin *)::before {
2235
- margin-right: 1rem;
2236
- }
2237
- .squiz-rb-scope .sds-divider:not(.squiz-rb-plugin *)::after {
2238
- margin-left: 1rem;
2239
- }
2240
2547
  .squiz-rb-scope .sds-divider span:not(.squiz-rb-plugin *) {
2241
2548
  z-index: 1;
2242
2549
  }
@@ -2246,12 +2553,52 @@
2246
2553
  .squiz-rb-scope .sds-divider--right:not(.squiz-rb-plugin *)::after {
2247
2554
  content: none;
2248
2555
  }
2556
+ .squiz-rb-scope .sds-divider--top:not(.squiz-rb-plugin *)::before {
2557
+ content: none;
2558
+ justify-content: flex-start;
2559
+ }
2560
+ .squiz-rb-scope .sds-divider--bottom:not(.squiz-rb-plugin *)::after {
2561
+ content: none;
2562
+ justify-content: flex-end;
2563
+ }
2564
+ .squiz-rb-scope .sds-divider--horizontal:not(.squiz-rb-plugin *) {
2565
+ flex-direction: row;
2566
+ height: 1px;
2567
+ width: 100%;
2568
+ }
2569
+ .squiz-rb-scope .sds-divider--horizontal:not(.squiz-rb-plugin *)::before,
2570
+ .squiz-rb-scope .sds-divider--horizontal:not(.squiz-rb-plugin *)::after {
2571
+ height: 1px;
2572
+ }
2573
+ .squiz-rb-scope .sds-divider--horizontal:not(.squiz-rb-plugin *)::before {
2574
+ margin-right: 1rem;
2575
+ }
2576
+ .squiz-rb-scope .sds-divider--horizontal:not(.squiz-rb-plugin *)::after {
2577
+ margin-left: 1rem;
2578
+ }
2579
+ .squiz-rb-scope .sds-divider--vertical:not(.squiz-rb-plugin *) {
2580
+ flex-direction: column;
2581
+ height: 100%;
2582
+ }
2583
+ .squiz-rb-scope .sds-divider--vertical:not(.squiz-rb-plugin *)::before,
2584
+ .squiz-rb-scope .sds-divider--vertical:not(.squiz-rb-plugin *)::after {
2585
+ width: 1px;
2586
+ }
2587
+ .squiz-rb-scope .sds-divider--vertical:not(.squiz-rb-plugin *)::before {
2588
+ margin-bottom: 1rem;
2589
+ }
2590
+ .squiz-rb-scope .sds-divider--vertical:not(.squiz-rb-plugin *)::after {
2591
+ margin-top: 1rem;
2592
+ }
2249
2593
  .squiz-rb-scope .sds-divider--empty:not(.squiz-rb-plugin *)::before {
2250
2594
  margin: 0;
2251
2595
  }
2252
2596
  .squiz-rb-scope .sds-divider--empty:not(.squiz-rb-plugin *)::after {
2253
2597
  content: none;
2254
2598
  }
2599
+ .squiz-rb-scope .sds-divider .sds-divider-text-secondary:not(.squiz-rb-plugin *) {
2600
+ color: #707070;
2601
+ }
2255
2602
  .squiz-rb-scope .sds-dropdown-wrapper:not(.squiz-rb-plugin *) {
2256
2603
  display: inline-block;
2257
2604
  position: relative;
@@ -2270,12 +2617,20 @@
2270
2617
  width: max-content;
2271
2618
  z-index: 2;
2272
2619
  }
2620
+ .squiz-rb-scope .sds-dropdown--fixed:not(.squiz-rb-plugin *) {
2621
+ margin-top: 0.25rem;
2622
+ position: fixed;
2623
+ }
2273
2624
  .squiz-rb-scope .sds-dropdown.sds-dropdown--left:not(.squiz-rb-plugin *) {
2274
2625
  left: 0;
2275
2626
  }
2276
2627
  .squiz-rb-scope .sds-dropdown.sds-dropdown--right:not(.squiz-rb-plugin *) {
2277
2628
  right: 0;
2278
2629
  }
2630
+ .squiz-rb-scope .sds-dropdown.sds-dropdown--middle:not(.sds-dropdown--fixed):not(.squiz-rb-plugin *) {
2631
+ left: 50%;
2632
+ transform: translateX(-50%);
2633
+ }
2279
2634
  .squiz-rb-scope .sds-dropdown.active:not(.squiz-rb-plugin *) {
2280
2635
  display: inline-flex;
2281
2636
  }
@@ -2339,8 +2694,19 @@
2339
2694
  }
2340
2695
  .squiz-rb-scope .sds-dropdown-label:not(.squiz-rb-plugin *) {
2341
2696
  display: block;
2697
+ overflow-wrap: anywhere;
2342
2698
  padding: 0.5rem;
2343
- word-break: break-word;
2699
+ word-break: normal;
2700
+ }
2701
+ .squiz-rb-scope .sds-dropdown-item__disabled-content:not(.squiz-rb-plugin *),
2702
+ .squiz-rb-scope .sds-dropdown-section__disabled-content:not(.squiz-rb-plugin *) {
2703
+ font-size: 0.8125rem;
2704
+ font-weight: 400;
2705
+ letter-spacing: 0;
2706
+ line-height: 1rem;
2707
+ color: #707070;
2708
+ font-style: italic;
2709
+ margin-bottom: 0.25rem;
2344
2710
  }
2345
2711
  .squiz-rb-scope .sds-empty-state-card:not(.squiz-rb-plugin *) {
2346
2712
  align-items: center;
@@ -2351,7 +2717,6 @@
2351
2717
  letter-spacing: -0.4px;
2352
2718
  line-height: 1.5rem;
2353
2719
  background-color: #fff;
2354
- border: 1px solid #e0e0e0;
2355
2720
  border-radius: 0.5rem;
2356
2721
  color: #707070;
2357
2722
  gap: 1.25rem;
@@ -2362,6 +2727,10 @@
2362
2727
  border: none;
2363
2728
  }
2364
2729
  .squiz-rb-scope .sds-empty-state-card__text:not(.squiz-rb-plugin *) {
2730
+ font-size: 0.875rem;
2731
+ font-weight: 400;
2732
+ letter-spacing: -0.2px;
2733
+ line-height: 1.25rem;
2365
2734
  display: block;
2366
2735
  max-width: 18rem;
2367
2736
  text-align: center;
@@ -2372,14 +2741,17 @@
2372
2741
  letter-spacing: -0.2px;
2373
2742
  line-height: 2rem;
2374
2743
  margin-bottom: 1.75rem;
2375
- color: #3d3d3d;
2376
- margin-bottom: 0;
2377
- margin-top: 1rem;
2378
- text-align: center;
2744
+ margin-top: 1.75rem;
2379
2745
  }
2380
2746
  .squiz-rb-scope .sds-empty-state-card__title .svg-wrapper svg:not(.squiz-rb-plugin *) {
2381
2747
  fill: #3d3d3d;
2382
2748
  }
2749
+ .squiz-rb-scope .sds-empty-state-card__title:not(.squiz-rb-plugin *) {
2750
+ color: #3d3d3d;
2751
+ margin-bottom: 0;
2752
+ margin-top: 1rem;
2753
+ text-align: center;
2754
+ }
2383
2755
  .squiz-rb-scope .sds-empty-state-card__icon > svg:not(.squiz-rb-plugin *) {
2384
2756
  height: 11rem;
2385
2757
  width: auto;
@@ -2497,6 +2869,24 @@
2497
2869
  height: 12px;
2498
2870
  transform: translate(0.3px, -6px) rotate(45deg);
2499
2871
  }
2872
+ .squiz-rb-scope .sds-checkbox-option__button.indeterminate:not(.squiz-rb-plugin *) {
2873
+ background: #0774d2;
2874
+ border-color: #0774d2;
2875
+ }
2876
+ .squiz-rb-scope .sds-checkbox-option__button.indeterminate:not(.squiz-rb-plugin *)::before {
2877
+ content: none;
2878
+ }
2879
+ .squiz-rb-scope .sds-checkbox-option__button.indeterminate:not(.squiz-rb-plugin *)::after {
2880
+ background: #fff;
2881
+ border-radius: 0.125rem;
2882
+ content: "";
2883
+ height: 0.125rem;
2884
+ left: 50%;
2885
+ position: absolute;
2886
+ top: 50%;
2887
+ transform: translate(-50%, -50%);
2888
+ width: 0.625rem;
2889
+ }
2500
2890
  .squiz-rb-scope .sds-radio-option__button:not(.squiz-rb-plugin *) {
2501
2891
  background: #fff;
2502
2892
  border: 2px solid #e0e0e0;
@@ -2528,6 +2918,183 @@
2528
2918
  background-color: #ededed;
2529
2919
  cursor: not-allowed;
2530
2920
  }
2921
+ .squiz-rb-scope .sds-combobox-field:not(.squiz-rb-plugin *) {
2922
+ position: relative;
2923
+ width: 100%;
2924
+ }
2925
+ .squiz-rb-scope .sds-combobox-field.active input:not(.squiz-rb-plugin *) {
2926
+ box-shadow: 0 0 0 2px #0774d2;
2927
+ }
2928
+ .squiz-rb-scope .sds-combobox-field__input-wrapper:not(.squiz-rb-plugin *) {
2929
+ position: relative;
2930
+ }
2931
+ .squiz-rb-scope .sds-combobox-field__input-wrapper input:not(.squiz-rb-plugin *) {
2932
+ font-size: 0.875rem;
2933
+ font-weight: 400;
2934
+ letter-spacing: -0.2px;
2935
+ line-height: 1.25rem;
2936
+ background: #fff;
2937
+ border: none;
2938
+ border-radius: 0.25rem;
2939
+ color: #4f4f4f;
2940
+ margin: 0;
2941
+ padding: 0.375rem 0.5rem;
2942
+ width: 100%;
2943
+ }
2944
+ .squiz-rb-scope .sds-combobox-field__results:not(.squiz-rb-plugin *) {
2945
+ list-style-type: none;
2946
+ margin: 0;
2947
+ padding: 0;
2948
+ background-color: #fff;
2949
+ border-radius: 0.25rem;
2950
+ box-shadow: 0 0 2px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.08);
2951
+ margin-top: 0.25rem;
2952
+ max-height: 15rem;
2953
+ overflow-y: auto;
2954
+ position: absolute;
2955
+ top: 100%;
2956
+ width: 100%;
2957
+ z-index: 2;
2958
+ }
2959
+ .squiz-rb-scope .sds-combobox-field__results--fixed:not(.squiz-rb-plugin *) {
2960
+ margin-top: 6px;
2961
+ position: fixed;
2962
+ }
2963
+ .squiz-rb-scope .sds-combobox-field__result:not(.squiz-rb-plugin *) {
2964
+ cursor: pointer;
2965
+ padding: 0.5rem 0.75rem;
2966
+ }
2967
+ .squiz-rb-scope .sds-combobox-field__result:hover:not(.squiz-rb-plugin *),
2968
+ .squiz-rb-scope .sds-combobox-field__result--active:not(.squiz-rb-plugin *) {
2969
+ background: #f5f5f5;
2970
+ }
2971
+ .squiz-rb-scope .sds-combobox-field__result:focus:not(.squiz-rb-plugin *) {
2972
+ box-shadow: inset 0 0 0 2px #0774d2;
2973
+ outline: none;
2974
+ }
2975
+ .squiz-rb-scope .sds-combobox-field__empty:not(.squiz-rb-plugin *) {
2976
+ color: #707070;
2977
+ padding: 0.75rem;
2978
+ text-align: center;
2979
+ }
2980
+ .squiz-rb-scope .sds-file-input__wrapper:not(.squiz-rb-plugin *) {
2981
+ max-width: 100%;
2982
+ width: 528px;
2983
+ }
2984
+ .squiz-rb-scope .sds-file-input__field-label:not(.squiz-rb-plugin *) {
2985
+ font-size: 0.875rem;
2986
+ font-weight: 600;
2987
+ letter-spacing: -0.2px;
2988
+ line-height: 1.25rem;
2989
+ color: #707070;
2990
+ margin: 0;
2991
+ margin-bottom: 0.25rem;
2992
+ }
2993
+ .squiz-rb-scope .sds-file-input:not(.squiz-rb-plugin *) {
2994
+ align-items: center;
2995
+ border: 2px solid #e0e0e0;
2996
+ border-radius: 0.25rem;
2997
+ border-right: 0;
2998
+ display: flex;
2999
+ height: 2.25rem;
3000
+ width: 100%;
3001
+ }
3002
+ .squiz-rb-scope .sds-file-input.error:not(.squiz-rb-plugin *) {
3003
+ border: 2px solid #d72321;
3004
+ }
3005
+ .squiz-rb-scope .sds-file-input.error .sds-file-input__custom-input:not(.squiz-rb-plugin *) {
3006
+ border: none;
3007
+ }
3008
+ .squiz-rb-scope .sds-file-input.error .sds-file-input__button:not(.squiz-rb-plugin *) {
3009
+ border-radius: 0;
3010
+ height: 100%;
3011
+ padding: 0.25rem 0.75rem;
3012
+ }
3013
+ .squiz-rb-scope .sds-file-input.disabled .sds-file-input__button:not(.squiz-rb-plugin *) {
3014
+ opacity: 1;
3015
+ position: relative;
3016
+ }
3017
+ .squiz-rb-scope .sds-file-input.disabled .sds-file-input__button:not(.squiz-rb-plugin *)::before {
3018
+ background-color: #e0e0e0;
3019
+ content: "";
3020
+ height: 100%;
3021
+ left: 0;
3022
+ opacity: 0.5;
3023
+ position: absolute;
3024
+ top: 0;
3025
+ width: 100%;
3026
+ z-index: 1;
3027
+ }
3028
+ .squiz-rb-scope .sds-file-input__button:not(.squiz-rb-plugin *) {
3029
+ border-bottom-left-radius: 0;
3030
+ border-top-left-radius: 0;
3031
+ }
3032
+ .squiz-rb-scope .sds-file-input__file-input:not(.squiz-rb-plugin *) {
3033
+ display: none;
3034
+ }
3035
+ .squiz-rb-scope .sds-file-input__custom-input:not(.squiz-rb-plugin *) {
3036
+ align-items: center;
3037
+ background-color: #fff;
3038
+ border-radius: 0.25rem;
3039
+ cursor: default;
3040
+ display: flex;
3041
+ height: 100%;
3042
+ overflow: hidden;
3043
+ padding: 0 10px;
3044
+ width: 100%;
3045
+ }
3046
+ .squiz-rb-scope .sds-file-input__value:not(.squiz-rb-plugin *) {
3047
+ font-size: 0.875rem;
3048
+ font-weight: 400;
3049
+ letter-spacing: -0.2px;
3050
+ line-height: 1.25rem;
3051
+ overflow: hidden;
3052
+ text-overflow: ellipsis;
3053
+ white-space: nowrap;
3054
+ }
3055
+ .squiz-rb-scope .sds-file-input__value.input-placeholder:not(.squiz-rb-plugin *) {
3056
+ color: #949494;
3057
+ }
3058
+ .squiz-rb-scope .sds-file-input__file-size:not(.squiz-rb-plugin *) {
3059
+ color: #707070;
3060
+ }
3061
+ .squiz-rb-scope .sds-file-input__note--success:not(.squiz-rb-plugin *) {
3062
+ font-size: 0.8125rem;
3063
+ font-weight: 400;
3064
+ letter-spacing: 0;
3065
+ line-height: 1rem;
3066
+ align-items: center;
3067
+ color: #707070;
3068
+ display: flex;
3069
+ gap: 0.25rem;
3070
+ margin-top: 0.25rem;
3071
+ }
3072
+ .squiz-rb-scope .sds-file-input__note--success p:not(.squiz-rb-plugin *) {
3073
+ margin: 0;
3074
+ }
3075
+ .squiz-rb-scope .sds-file-input__note--success svg:not(.squiz-rb-plugin *) {
3076
+ fill: #098934;
3077
+ height: 1rem;
3078
+ stroke: #098934;
3079
+ width: 1rem;
3080
+ }
3081
+ .squiz-rb-scope .sds-file-input__note-remove-btn:not(.squiz-rb-plugin *) {
3082
+ font-size: 0.8125rem;
3083
+ font-weight: 600;
3084
+ letter-spacing: 0;
3085
+ line-height: 1rem;
3086
+ }
3087
+ .squiz-rb-scope .sds-file-input__error-msg:not(.squiz-rb-plugin *) {
3088
+ font-size: 0.8125rem;
3089
+ font-weight: 400;
3090
+ letter-spacing: 0;
3091
+ line-height: 1rem;
3092
+ color: #d72321;
3093
+ }
3094
+ .squiz-rb-scope .sds-file-input__error-msg p:not(.squiz-rb-plugin *) {
3095
+ margin: 0;
3096
+ margin-top: 0.125rem;
3097
+ }
2531
3098
  .squiz-rb-scope .sds-multi-chip-list:not(.squiz-rb-plugin *) {
2532
3099
  min-height: 2.75rem;
2533
3100
  padding: 0.25rem;
@@ -2580,15 +3147,13 @@
2580
3147
  .squiz-rb-scope .sds-select-field:not(.squiz-rb-plugin *) {
2581
3148
  border-radius: 0.25rem;
2582
3149
  display: grid;
3150
+ min-height: 2rem;
2583
3151
  position: relative;
2584
3152
  }
2585
- .squiz-rb-scope .sds-select-field--custom:not(.squiz-rb-plugin *) {
2586
- position: static;
2587
- }
2588
3153
  .squiz-rb-scope .sds-select-field.active:not(.squiz-rb-plugin *) {
2589
3154
  box-shadow: 0 0 0 2px #0774d2;
2590
3155
  }
2591
- .squiz-rb-scope .sds-select-field.active svg:not(.squiz-rb-plugin *) {
3156
+ .squiz-rb-scope .sds-select-field.active .sds-select-field__icon svg:not(.squiz-rb-plugin *) {
2592
3157
  transform: rotate(90deg);
2593
3158
  }
2594
3159
  .squiz-rb-scope .sds-select-field button:not(.squiz-rb-plugin *) {
@@ -2621,7 +3186,12 @@
2621
3186
  opacity: 0.3;
2622
3187
  }
2623
3188
  .squiz-rb-scope .sds-select-field .sds-select-field__button.readonly:not(.squiz-rb-plugin *) {
2624
- background: rgba(0, 0, 0, 0.04);
3189
+ background: transparent;
3190
+ border-radius: 0.25rem;
3191
+ color: #3d3d3d;
3192
+ }
3193
+ .squiz-rb-scope .sds-select-field .sds-select-field__button.readonly + .sds-select-field__icon svg:not(.squiz-rb-plugin *) {
3194
+ opacity: 0.5;
2625
3195
  }
2626
3196
  .squiz-rb-scope .sds-select-field .sds-select-field__button:not(.placeholder, .readonly):not(.squiz-rb-plugin *) {
2627
3197
  font-weight: 600;
@@ -2650,9 +3220,20 @@
2650
3220
  .squiz-rb-scope .sds-select-field ul button:hover:not(.squiz-rb-plugin *) {
2651
3221
  background: #f5f5f5;
2652
3222
  }
2653
- .squiz-rb-scope .sds-select-field ul button:focus:not(.squiz-rb-plugin *) {
3223
+ .squiz-rb-scope .sds-select-field ul button:focus:not(.squiz-rb-plugin *),
3224
+ .squiz-rb-scope .sds-select-field ul button:focus-within:not(.squiz-rb-plugin *) {
3225
+ box-shadow: inset 0 0 0 2px #0774d2;
2654
3226
  z-index: 1;
2655
3227
  }
3228
+ .squiz-rb-scope .sds-select-field__span--prefixed:not(.squiz-rb-plugin *) {
3229
+ align-items: center;
3230
+ display: flex;
3231
+ }
3232
+ .squiz-rb-scope .sds-select-field__span--prefixed svg:first-child:not(.squiz-rb-plugin *) {
3233
+ height: 1.25rem;
3234
+ margin-right: 0.25rem;
3235
+ width: 1.25rem;
3236
+ }
2656
3237
  .squiz-rb-scope .sds-select-field__icon:not(.squiz-rb-plugin *) {
2657
3238
  pointer-events: none;
2658
3239
  position: absolute;
@@ -2674,9 +3255,15 @@
2674
3255
  width: 100%;
2675
3256
  z-index: 1;
2676
3257
  }
3258
+ .squiz-rb-scope .sds-select-field__options--fixed:not(.squiz-rb-plugin *) {
3259
+ position: fixed;
3260
+ }
2677
3261
  .squiz-rb-scope .sds-text-field.sds-field-icon input:not(.squiz-rb-plugin *) {
2678
3262
  padding-left: 3rem;
2679
3263
  }
3264
+ .squiz-rb-scope .sds-text-field.sds-field-icon textarea:not(.squiz-rb-plugin *) {
3265
+ padding-left: 3rem;
3266
+ }
2680
3267
  .squiz-rb-scope .sds-text-field.sds-field-error input:not(.squiz-rb-plugin *) {
2681
3268
  padding-right: 2rem;
2682
3269
  }
@@ -2727,8 +3314,10 @@
2727
3314
  }
2728
3315
  .squiz-rb-scope .sds-text-field.readonly input:not(.squiz-rb-plugin *),
2729
3316
  .squiz-rb-scope .sds-text-field.readonly textarea:not(.squiz-rb-plugin *) {
2730
- background: rgba(0, 0, 0, 0.04);
2731
- color: #4f4f4f;
3317
+ background: transparent;
3318
+ border-radius: 0.25rem;
3319
+ color: #3d3d3d;
3320
+ cursor: default;
2732
3321
  }
2733
3322
  .squiz-rb-scope .sds-text-field__icon:not(.squiz-rb-plugin *) {
2734
3323
  align-items: center;
@@ -2741,6 +3330,19 @@
2741
3330
  position: absolute;
2742
3331
  top: 0;
2743
3332
  }
3333
+ .squiz-rb-scope .sds-text-field__icon-textarea:not(.squiz-rb-plugin *) {
3334
+ align-items: center;
3335
+ display: flex;
3336
+ align-items: flex-start;
3337
+ background: #f7f7f7;
3338
+ border-radius: 0.25rem 0 0 0.25rem;
3339
+ height: 100%;
3340
+ left: 0;
3341
+ overflow: hidden;
3342
+ padding: 0.25rem 0.5rem;
3343
+ position: absolute;
3344
+ top: 0;
3345
+ }
2744
3346
  .squiz-rb-scope span.sds-toggle-button:not(.squiz-rb-plugin *) {
2745
3347
  display: block;
2746
3348
  opacity: 0.5;
@@ -2829,7 +3431,7 @@
2829
3431
  display: flex;
2830
3432
  }
2831
3433
  .squiz-rb-scope .sds-form-control-option.disabled .sds-form-control-label:not(.squiz-rb-plugin *) {
2832
- opacity: 0.75;
3434
+ opacity: 0.5;
2833
3435
  }
2834
3436
  .squiz-rb-scope .sds-form-control-option.disabled .sds-checkbox-option__button:not(.squiz-rb-plugin *),
2835
3437
  .squiz-rb-scope .sds-form-control-option.disabled .sds-radio-option__button:not(.squiz-rb-plugin *),
@@ -2850,8 +3452,9 @@
2850
3452
  .squiz-rb-scope .sds-form-control-label:not(.squiz-rb-plugin *) {
2851
3453
  color: #3d3d3d;
2852
3454
  flex-grow: 1;
3455
+ overflow-wrap: anywhere;
2853
3456
  text-align: left;
2854
- word-break: break-word;
3457
+ word-break: normal;
2855
3458
  }
2856
3459
  .squiz-rb-scope .sds-form-control--prominent .sds-form-control-item:not(.squiz-rb-plugin *) {
2857
3460
  margin-bottom: 1.25rem;
@@ -2859,6 +3462,10 @@
2859
3462
  .squiz-rb-scope .sds-form-control--prominent .sds-form-control-item:last-child:not(.squiz-rb-plugin *) {
2860
3463
  margin-bottom: 0;
2861
3464
  }
3465
+ .squiz-rb-scope .sds-form-control-icon:not(.squiz-rb-plugin *) {
3466
+ line-height: 0.75rem;
3467
+ margin-right: 0.75rem;
3468
+ }
2862
3469
  .squiz-rb-scope :not(.squiz-rb-plugin *)::-moz-placeholder {
2863
3470
  color: #949494;
2864
3471
  }
@@ -2913,11 +3520,9 @@
2913
3520
  border-radius: 0.25rem;
2914
3521
  position: relative;
2915
3522
  }
2916
- .squiz-rb-scope .sds-form-input--custom:not(.squiz-rb-plugin *) {
2917
- position: static;
2918
- }
2919
3523
  .squiz-rb-scope .sds-form-input.readonly:not(.squiz-rb-plugin *) {
2920
- border: transparent;
3524
+ background: rgba(0, 0, 0, 0.04);
3525
+ border: 2px solid transparent;
2921
3526
  }
2922
3527
  .squiz-rb-scope .sds-form-toggle:not(.squiz-rb-plugin *) {
2923
3528
  display: flex;
@@ -2939,45 +3544,148 @@
2939
3544
  display: grid;
2940
3545
  gap: 1.25rem;
2941
3546
  }
2942
- .squiz-rb-scope .sds-link-wrapper:not(.squiz-rb-plugin *) {
2943
- display: inline;
2944
- position: relative;
2945
- }
2946
- .squiz-rb-scope .sds-link-icon:not(.squiz-rb-plugin *) {
3547
+ .squiz-rb-scope .sds-grid-card:not(.squiz-rb-plugin *) {
3548
+ background-color: #fff;
3549
+ border-radius: 0.5rem;
3550
+ display: inline-block;
2947
3551
  height: 100%;
2948
- left: 0;
2949
- position: absolute;
2950
- top: 0;
3552
+ width: 100%;
2951
3553
  }
2952
- .squiz-rb-scope .sds-link-icon svg:not(.squiz-rb-plugin *) {
2953
- height: 100%;
3554
+ .squiz-rb-scope .sds-grid-card button:not(.squiz-rb-plugin *) {
3555
+ padding: 1.25rem;
3556
+ text-align: unset;
3557
+ width: 100%;
2954
3558
  }
2955
- .squiz-rb-scope .sds-link-icon ~ span:not(.squiz-rb-plugin *) {
2956
- padding-left: 1.75rem;
3559
+ .squiz-rb-scope .sds-grid-card:hover:not(.squiz-rb-plugin *) {
3560
+ box-shadow: 0 0 2px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.08);
2957
3561
  }
2958
- .squiz-rb-scope .sds-link.link--standalone:not(.squiz-rb-plugin *) {
2959
- color: #707070;
2960
- text-decoration: none;
3562
+ .squiz-rb-scope .sds-grid-card__heading:not(.squiz-rb-plugin *) {
3563
+ height: 2rem;
3564
+ align-items: center;
3565
+ display: flex;
2961
3566
  }
2962
- .squiz-rb-scope .sds-link.link--standalone:hover:not(.squiz-rb-plugin *) {
2963
- text-decoration: underline;
3567
+ .squiz-rb-scope .sds-grid-card__heading__top:not(.squiz-rb-plugin *) {
3568
+ margin-top: 0.75rem;
2964
3569
  }
2965
- .squiz-rb-scope .sds-link.link--paragraph:not(.squiz-rb-plugin *) {
2966
- color: currentcolor;
3570
+ .squiz-rb-scope .sds-grid-card__icon:not(.squiz-rb-plugin *) {
3571
+ background-color: #e6f4f6;
3572
+ border-radius: 0.5rem;
3573
+ height: 2rem;
3574
+ width: 2rem;
3575
+ align-items: center;
3576
+ display: flex;
3577
+ justify-content: center;
2967
3578
  }
2968
- .squiz-rb-scope .sds-link.link--paragraph:hover:not(.squiz-rb-plugin *) {
2969
- text-decoration: none;
3579
+ .squiz-rb-scope .sds-grid-card__icon path:not(.squiz-rb-plugin *) {
3580
+ fill: #057e91;
2970
3581
  }
2971
- .squiz-rb-scope .sds-link-list__heading:not(.squiz-rb-plugin *) {
2972
- font-size: 1rem;
2973
- font-weight: 700;
2974
- letter-spacing: -0.2px;
2975
- line-height: 1.25rem;
2976
- display: block;
2977
- margin-bottom: 0.75rem;
3582
+ .squiz-rb-scope .sds-grid-card__title:not(.squiz-rb-plugin *) {
3583
+ color: #3d3d3d;
3584
+ margin-left: 0.5rem;
2978
3585
  }
2979
- .squiz-rb-scope .sds-link-list__heading .svg-wrapper svg:not(.squiz-rb-plugin *) {
2980
- fill: #3d3d3d;
3586
+ .squiz-rb-scope .sds-grid-card__title__no__margin:not(.squiz-rb-plugin *) {
3587
+ color: #3d3d3d;
3588
+ }
3589
+ .squiz-rb-scope .sds-grid-card__description:not(.squiz-rb-plugin *) {
3590
+ color: #3d3d3d;
3591
+ margin-top: 0.75rem;
3592
+ font-size: 0.8125rem;
3593
+ font-weight: 400;
3594
+ letter-spacing: 0;
3595
+ line-height: 1rem;
3596
+ }
3597
+ .squiz-rb-scope .sds-grid-card--selected:not(.squiz-rb-plugin *) {
3598
+ border: 2px solid #0774d2;
3599
+ }
3600
+ .squiz-rb-scope .sds-grid-card--selected:hover:not(.squiz-rb-plugin *) {
3601
+ box-shadow: 0 0 2px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.08);
3602
+ }
3603
+ .squiz-rb-scope .sds-grid-card-list:not(.squiz-rb-plugin *) {
3604
+ list-style-type: none;
3605
+ margin: 0;
3606
+ padding: 0;
3607
+ display: grid;
3608
+ gap: 1rem;
3609
+ grid-template-columns: 1fr;
3610
+ margin-top: 1.25rem;
3611
+ }
3612
+ @media screen and (min-width: 576px) {
3613
+ .squiz-rb-scope .sds-grid-card-list:not(.squiz-rb-plugin *) {
3614
+ grid-template-columns: 1fr 1fr;
3615
+ }
3616
+ }
3617
+ @media screen and (min-width: 1024px) {
3618
+ .squiz-rb-scope .sds-grid-card-list:not(.squiz-rb-plugin *) {
3619
+ grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
3620
+ }
3621
+ }
3622
+ .squiz-rb-scope .sds-infinite-scroll-container__sentinel:not(.squiz-rb-plugin *) {
3623
+ bottom: 0;
3624
+ pointer-events: none;
3625
+ position: absolute;
3626
+ width: 100%;
3627
+ z-index: -9999;
3628
+ }
3629
+ .squiz-rb-scope .sds-infinite-scroll-container__load-more:not(.squiz-rb-plugin *) {
3630
+ margin-top: 1rem;
3631
+ text-align: center;
3632
+ }
3633
+ .squiz-rb-scope .sds-link-wrapper:not(.squiz-rb-plugin *) {
3634
+ display: inline;
3635
+ position: relative;
3636
+ }
3637
+ .squiz-rb-scope .sds-link-icon:not(.squiz-rb-plugin *) {
3638
+ height: 100%;
3639
+ position: absolute;
3640
+ top: 0;
3641
+ }
3642
+ .squiz-rb-scope .sds-link-icon svg:not(.squiz-rb-plugin *) {
3643
+ height: 100%;
3644
+ }
3645
+ .squiz-rb-scope .sds-link-icon--left:not(.squiz-rb-plugin *) {
3646
+ left: 0;
3647
+ }
3648
+ .squiz-rb-scope .sds-link-icon--left + .sds-link-text:not(.squiz-rb-plugin *) {
3649
+ padding-left: 1.75rem;
3650
+ }
3651
+ .squiz-rb-scope .sds-link-icon--right:not(.squiz-rb-plugin *) {
3652
+ right: 0;
3653
+ }
3654
+ .squiz-rb-scope .sds-link-icon--right + .sds-link-text:not(.squiz-rb-plugin *) {
3655
+ padding-left: 0;
3656
+ padding-right: 1.75rem;
3657
+ }
3658
+ .squiz-rb-scope .sds-link-text:not(.squiz-rb-plugin *) {
3659
+ display: inline-block;
3660
+ }
3661
+ .squiz-rb-scope .sds-link.link--standalone:not(.squiz-rb-plugin *) {
3662
+ color: #707070;
3663
+ text-decoration: none;
3664
+ }
3665
+ .squiz-rb-scope .sds-link.link--standalone:hover:not(.squiz-rb-plugin *) {
3666
+ text-decoration: underline;
3667
+ }
3668
+ .squiz-rb-scope .sds-link.link--paragraph:not(.squiz-rb-plugin *) {
3669
+ color: currentcolor;
3670
+ }
3671
+ .squiz-rb-scope .sds-link.link--paragraph > .sds-link-text:not(.squiz-rb-plugin *) {
3672
+ text-decoration: underline !important;
3673
+ }
3674
+ .squiz-rb-scope .sds-link.link--paragraph:hover > .sds-link-text:not(.squiz-rb-plugin *) {
3675
+ text-decoration: none !important;
3676
+ }
3677
+ .squiz-rb-scope .sds-link-list__heading:not(.squiz-rb-plugin *) {
3678
+ font-size: 1rem;
3679
+ font-weight: 700;
3680
+ letter-spacing: -0.2px;
3681
+ line-height: 1.25rem;
3682
+ }
3683
+ .squiz-rb-scope .sds-link-list__heading .svg-wrapper svg:not(.squiz-rb-plugin *) {
3684
+ fill: #3d3d3d;
3685
+ }
3686
+ .squiz-rb-scope .sds-link-list__heading:not(.squiz-rb-plugin *) {
3687
+ display: block;
3688
+ margin-bottom: 0.75rem;
2981
3689
  }
2982
3690
  .squiz-rb-scope .sds-link-list:not(.squiz-rb-plugin *) {
2983
3691
  list-style-type: none;
@@ -3074,21 +3782,94 @@
3074
3782
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
3075
3783
  padding: 1rem;
3076
3784
  }
3785
+ .squiz-rb-scope .sds-row.no-border:not(.squiz-rb-plugin *) {
3786
+ box-shadow: none;
3787
+ }
3788
+ .squiz-rb-scope .sds-row.no-children .sds-row__header-text:not(.squiz-rb-plugin *) {
3789
+ margin-bottom: 0;
3790
+ }
3077
3791
  .squiz-rb-scope .sds-row__title:not(.squiz-rb-plugin *) {
3078
3792
  font-size: 1.25rem;
3079
3793
  font-weight: 600;
3080
3794
  letter-spacing: -0.5px;
3081
3795
  line-height: 1.5rem;
3082
- color: #3d3d3d;
3083
- display: block;
3084
- margin-bottom: 0.75rem;
3085
3796
  }
3086
3797
  .squiz-rb-scope .sds-row__title .svg-wrapper svg:not(.squiz-rb-plugin *) {
3087
3798
  fill: #3d3d3d;
3088
3799
  }
3089
- .squiz-rb-scope .sds-row__title:only-child:not(.squiz-rb-plugin *),
3090
- .squiz-rb-scope .sds-row__title:last-child:not(.squiz-rb-plugin *) {
3091
- margin-bottom: 0;
3800
+ .squiz-rb-scope .sds-row__title:not(.squiz-rb-plugin *) {
3801
+ align-items: center;
3802
+ color: #3d3d3d;
3803
+ display: flex;
3804
+ gap: 0.5rem;
3805
+ }
3806
+ .squiz-rb-scope .sds-row__subtitle:not(.squiz-rb-plugin *) {
3807
+ color: #4f4f4f;
3808
+ }
3809
+ .squiz-rb-scope .sds-row__header-text:not(.squiz-rb-plugin *) {
3810
+ display: flex;
3811
+ flex-direction: column;
3812
+ gap: 0.75rem;
3813
+ margin-bottom: 0.75rem;
3814
+ }
3815
+ @media screen and (max-width: 768px) {
3816
+ .squiz-rb-scope .sds-row__header-text:not(.squiz-rb-plugin *) {
3817
+ width: 100%;
3818
+ }
3819
+ .squiz-rb-scope .sds-row__header-actions:not(.squiz-rb-plugin *) {
3820
+ margin-top: 0.5rem;
3821
+ width: 100%;
3822
+ }
3823
+ .squiz-rb-scope .sds-row__header-actions .sds-button:not(.squiz-rb-plugin *) {
3824
+ display: grid;
3825
+ place-items: center;
3826
+ width: 100%;
3827
+ }
3828
+ }
3829
+ .squiz-rb-scope .sds-row__header:not(.squiz-rb-plugin *) {
3830
+ align-items: center;
3831
+ display: flex;
3832
+ flex-direction: column;
3833
+ justify-content: space-between;
3834
+ }
3835
+ @media screen and (min-width: 768px) {
3836
+ .squiz-rb-scope .sds-row__header:not(.squiz-rb-plugin *) {
3837
+ flex-direction: row;
3838
+ }
3839
+ }
3840
+ .squiz-rb-scope .sds-scroll-container:not(.squiz-rb-plugin *) {
3841
+ display: flex;
3842
+ margin: 0.5rem 0;
3843
+ min-height: -moz-fit-content;
3844
+ min-height: fit-content;
3845
+ }
3846
+ .squiz-rb-scope .sds-scroll-container--horizontal:not(.squiz-rb-plugin *) {
3847
+ overflow-x: auto;
3848
+ padding: 0.5rem 0;
3849
+ }
3850
+ .squiz-rb-scope .sds-scroll-container.sds-scroll-container__hidden-content--left:not(.squiz-rb-plugin *) {
3851
+ border-left: 1px solid #bababa;
3852
+ }
3853
+ .squiz-rb-scope .sds-scroll-container.sds-scroll-container__hidden-content--right:not(.squiz-rb-plugin *) {
3854
+ border-right: 1px solid #bababa;
3855
+ }
3856
+ .squiz-rb-scope .sds-scroll-container:not(.squiz-rb-plugin *)::-webkit-scrollbar-track {
3857
+ background-color: #ededed;
3858
+ height: 0.25rem;
3859
+ }
3860
+ .squiz-rb-scope .sds-scroll-container:not(.squiz-rb-plugin *)::-webkit-scrollbar {
3861
+ background-color: #ededed;
3862
+ height: 0.25rem;
3863
+ }
3864
+ .squiz-rb-scope .sds-scroll-container:not(.squiz-rb-plugin *)::-webkit-scrollbar-thumb {
3865
+ background-color: #bababa;
3866
+ border-radius: 1px;
3867
+ }
3868
+ @-moz-document url-prefix() {
3869
+ .squiz-rb-scope .sds-scroll-container:not(.squiz-rb-plugin *) {
3870
+ scrollbar-color: #e0e0e0 transparent;
3871
+ scrollbar-width: thin;
3872
+ }
3092
3873
  }
3093
3874
  .squiz-rb-scope .sds-heading--level-1:not(.squiz-rb-plugin *) {
3094
3875
  font-size: 1.625rem;
@@ -3296,6 +4077,7 @@
3296
4077
  margin: 0.125rem;
3297
4078
  padding: 1rem 0 1rem 1rem;
3298
4079
  text-align: left;
4080
+ text-decoration: none;
3299
4081
  width: calc(100% - 0.25rem);
3300
4082
  }
3301
4083
  .squiz-rb-scope .sds-sidenav-link:hover:not(.squiz-rb-plugin *),
@@ -3345,6 +4127,9 @@
3345
4127
  .squiz-rb-scope .sds-sidenav-submenu .sds-sidenav-link:not(.squiz-rb-plugin *) {
3346
4128
  padding-left: 3rem;
3347
4129
  }
4130
+ .squiz-rb-scope .sds-sidenav-submenu .sds-sidenav-icon:not(.squiz-rb-plugin *) {
4131
+ align-self: center;
4132
+ }
3348
4133
  .squiz-rb-scope .sds-sidenav-submenu .sds-sidenav-submenu .sds-sidenav-link:not(.squiz-rb-plugin *) {
3349
4134
  padding-left: 4.5rem;
3350
4135
  }
@@ -3683,6 +4468,15 @@
3683
4468
  width: 1rem;
3684
4469
  border-right-color: transparent;
3685
4470
  }
4471
+ .squiz-rb-scope .subtitle-metadata:not(.squiz-rb-plugin *) {
4472
+ font-size: 0.8125rem;
4473
+ font-weight: 400;
4474
+ letter-spacing: 0;
4475
+ line-height: 1rem;
4476
+ color: #4f4f4f;
4477
+ display: flex;
4478
+ gap: 0.5rem;
4479
+ }
3686
4480
  .squiz-rb-scope .sds-table__wrapper:not(.squiz-rb-plugin *) {
3687
4481
  background: #fff;
3688
4482
  border: 1px solid #e0e0e0;
@@ -3691,10 +4485,45 @@
3691
4485
  position: relative;
3692
4486
  }
3693
4487
  .squiz-rb-scope .sds-table__wrapper.table--sortable .sds-table th:hover:not(.squiz-rb-plugin *) {
3694
- background-color: #d4d4d4;
4488
+ background-color: rgb(82.9411764706%, 82.9411764706%, 82.9411764706%);
3695
4489
  border-radius: 0;
3696
4490
  cursor: pointer;
3697
4491
  }
4492
+ .squiz-rb-scope .sds-table__wrapper.table--modern-header .sds-table thead:not(.squiz-rb-plugin *) {
4493
+ background: #fff;
4494
+ }
4495
+ .squiz-rb-scope .sds-table__wrapper.table--modern-header .sds-table th:not(.squiz-rb-plugin *) {
4496
+ background: #fff;
4497
+ padding: 0.5rem 1rem;
4498
+ }
4499
+ .squiz-rb-scope .sds-table__wrapper.table--modern-header .sds-table .sds-table__th-content:not(.squiz-rb-plugin *) {
4500
+ align-items: center;
4501
+ gap: 0.5rem;
4502
+ }
4503
+ .squiz-rb-scope .sds-table__wrapper.table--modern-header .sds-table .sds-table__sort-indicator:not(.squiz-rb-plugin *) {
4504
+ display: inline-flex;
4505
+ flex-shrink: 0;
4506
+ line-height: 0;
4507
+ }
4508
+ .squiz-rb-scope .sds-table__wrapper.table--modern-header .sds-table .sds-table__sort-indicator-up:not(.squiz-rb-plugin *),
4509
+ .squiz-rb-scope .sds-table__wrapper.table--modern-header .sds-table .sds-table__sort-indicator-down:not(.squiz-rb-plugin *) {
4510
+ fill: #949494;
4511
+ }
4512
+ .squiz-rb-scope .sds-table__wrapper.table--modern-header .sds-table .sds-table__sort-indicator--asc .sds-table__sort-indicator-up:not(.squiz-rb-plugin *) {
4513
+ fill: #707070;
4514
+ }
4515
+ .squiz-rb-scope .sds-table__wrapper.table--modern-header .sds-table .sds-table__sort-indicator--asc .sds-table__sort-indicator-down:not(.squiz-rb-plugin *) {
4516
+ fill: #bababa;
4517
+ }
4518
+ .squiz-rb-scope .sds-table__wrapper.table--modern-header .sds-table .sds-table__sort-indicator--desc .sds-table__sort-indicator-up:not(.squiz-rb-plugin *) {
4519
+ fill: #bababa;
4520
+ }
4521
+ .squiz-rb-scope .sds-table__wrapper.table--modern-header .sds-table .sds-table__sort-indicator--desc .sds-table__sort-indicator-down:not(.squiz-rb-plugin *) {
4522
+ fill: #707070;
4523
+ }
4524
+ .squiz-rb-scope .sds-table__wrapper.table--modern-header.table--sortable .sds-table th:hover:not(.squiz-rb-plugin *) {
4525
+ background-color: #f5f5f5;
4526
+ }
3698
4527
  .squiz-rb-scope .sds-table__wrapper.table--slim .sds-table__th:not(.squiz-rb-plugin *),
3699
4528
  .squiz-rb-scope .sds-table__wrapper.table--slim .sds-table__th-content:not(.squiz-rb-plugin *) {
3700
4529
  font-size: 0.8125rem;
@@ -3802,7 +4631,7 @@
3802
4631
  height: 1.25rem;
3803
4632
  }
3804
4633
  .squiz-rb-scope .sds-table__navigator button:hover:not(.squiz-rb-plugin *) {
3805
- background: #e6e6e6;
4634
+ background: rgb(90%, 90%, 90%);
3806
4635
  }
3807
4636
  .squiz-rb-scope .sds-table__row-range:not(.squiz-rb-plugin *) {
3808
4637
  display: block;
@@ -3832,6 +4661,10 @@
3832
4661
  right: 0;
3833
4662
  top: -3.4375rem;
3834
4663
  }
4664
+ .squiz-rb-scope .sds-tabs-toolbar:not(.squiz-rb-plugin *) {
4665
+ display: flex;
4666
+ flex-direction: column;
4667
+ }
3835
4668
  .squiz-rb-scope .sds-tabs-list:not(.squiz-rb-plugin *) {
3836
4669
  list-style-type: none;
3837
4670
  margin: 0;
@@ -4083,54 +4916,120 @@
4083
4916
  padding-left: 0.75rem;
4084
4917
  }
4085
4918
  }
4086
- .squiz-rb-scope .sds-tooltip__wrapper:not(.squiz-rb-plugin *) {
4087
- display: inline-block;
4919
+ .squiz-rb-scope .sds-tooltip__label:not(.squiz-rb-plugin *) {
4920
+ background-color: #2b2b2b;
4921
+ border-radius: 0.25rem;
4922
+ color: #fff;
4923
+ padding: 0.125rem 0.5rem;
4924
+ }
4925
+ .squiz-rb-scope .sds-tooltip__wrapper:not(.sds-tooltip__wrapper--fixed):not(.squiz-rb-plugin *) {
4926
+ display: inline-flex;
4088
4927
  position: relative;
4089
4928
  }
4090
- .squiz-rb-scope .sds-tooltip__wrapper:hover .sds-tooltip:not(.squiz-rb-plugin *) {
4091
- display: block;
4929
+ .squiz-rb-scope .sds-tooltip__wrapper:not(.sds-tooltip__wrapper--fixed):hover .sds-tooltip:not(.sds-tooltip__hidden):not(.squiz-rb-plugin *) {
4930
+ opacity: 1;
4931
+ transition-delay: 0.3s;
4932
+ visibility: visible;
4933
+ z-index: 1;
4092
4934
  }
4093
- .squiz-rb-scope .sds-tooltip:not(.squiz-rb-plugin *) {
4935
+ .squiz-rb-scope .sds-tooltip__wrapper:not(.sds-tooltip__wrapper--fixed) .sds-tooltip:not(.squiz-rb-plugin *) {
4094
4936
  font-size: 0.875rem;
4095
4937
  font-weight: 400;
4096
4938
  letter-spacing: -0.2px;
4097
4939
  line-height: 1.25rem;
4098
- display: none;
4940
+ display: flex;
4941
+ opacity: 0;
4099
4942
  position: absolute;
4943
+ transition: opacity 0.3s, visibility 0.3s;
4944
+ visibility: hidden;
4100
4945
  width: -moz-max-content;
4101
4946
  width: max-content;
4102
4947
  }
4103
- .squiz-rb-scope .sds-tooltip.position--bottom:not(.squiz-rb-plugin *),
4104
- .squiz-rb-scope .sds-tooltip.position--top:not(.squiz-rb-plugin *) {
4948
+ .squiz-rb-scope .sds-tooltip__wrapper:not(.sds-tooltip__wrapper--fixed) .sds-tooltip.position--bottom:not(.squiz-rb-plugin *),
4949
+ .squiz-rb-scope .sds-tooltip__wrapper:not(.sds-tooltip__wrapper--fixed) .sds-tooltip.position--top:not(.squiz-rb-plugin *) {
4105
4950
  left: 50%;
4106
4951
  transform: translateX(-50%);
4107
4952
  }
4108
- .squiz-rb-scope .sds-tooltip.position--left:not(.squiz-rb-plugin *),
4109
- .squiz-rb-scope .sds-tooltip.position--right:not(.squiz-rb-plugin *) {
4953
+ .squiz-rb-scope .sds-tooltip__wrapper:not(.sds-tooltip__wrapper--fixed) .sds-tooltip.position--bottom-left:not(.squiz-rb-plugin *),
4954
+ .squiz-rb-scope .sds-tooltip__wrapper:not(.sds-tooltip__wrapper--fixed) .sds-tooltip.position--top-left:not(.squiz-rb-plugin *) {
4955
+ left: 0;
4956
+ transform: translateX(0);
4957
+ }
4958
+ .squiz-rb-scope .sds-tooltip__wrapper:not(.sds-tooltip__wrapper--fixed) .sds-tooltip.position--bottom-right:not(.squiz-rb-plugin *),
4959
+ .squiz-rb-scope .sds-tooltip__wrapper:not(.sds-tooltip__wrapper--fixed) .sds-tooltip.position--top-right:not(.squiz-rb-plugin *) {
4960
+ right: 0;
4961
+ transform: translateX(0);
4962
+ }
4963
+ .squiz-rb-scope .sds-tooltip__wrapper:not(.sds-tooltip__wrapper--fixed) .sds-tooltip.position--left:not(.squiz-rb-plugin *),
4964
+ .squiz-rb-scope .sds-tooltip__wrapper:not(.sds-tooltip__wrapper--fixed) .sds-tooltip.position--right:not(.squiz-rb-plugin *) {
4110
4965
  top: 50%;
4111
4966
  transform: translateY(-50%);
4112
4967
  }
4113
- .squiz-rb-scope .sds-tooltip.position--bottom:not(.squiz-rb-plugin *) {
4968
+ .squiz-rb-scope .sds-tooltip__wrapper:not(.sds-tooltip__wrapper--fixed) .sds-tooltip.position--bottom:not(.squiz-rb-plugin *),
4969
+ .squiz-rb-scope .sds-tooltip__wrapper:not(.sds-tooltip__wrapper--fixed) .sds-tooltip.position--bottom-left:not(.squiz-rb-plugin *),
4970
+ .squiz-rb-scope .sds-tooltip__wrapper:not(.sds-tooltip__wrapper--fixed) .sds-tooltip.position--bottom-right:not(.squiz-rb-plugin *) {
4114
4971
  padding-top: 0.25rem;
4115
4972
  top: 100%;
4116
4973
  }
4117
- .squiz-rb-scope .sds-tooltip.position--left:not(.squiz-rb-plugin *) {
4974
+ .squiz-rb-scope .sds-tooltip__wrapper:not(.sds-tooltip__wrapper--fixed) .sds-tooltip.position--left:not(.squiz-rb-plugin *) {
4118
4975
  padding-right: 0.25rem;
4119
4976
  right: 100%;
4120
4977
  }
4121
- .squiz-rb-scope .sds-tooltip.position--right:not(.squiz-rb-plugin *) {
4978
+ .squiz-rb-scope .sds-tooltip__wrapper:not(.sds-tooltip__wrapper--fixed) .sds-tooltip.position--right:not(.squiz-rb-plugin *) {
4122
4979
  left: 100%;
4123
4980
  padding-left: 0.25rem;
4124
4981
  }
4125
- .squiz-rb-scope .sds-tooltip.position--top:not(.squiz-rb-plugin *) {
4982
+ .squiz-rb-scope .sds-tooltip__wrapper:not(.sds-tooltip__wrapper--fixed) .sds-tooltip.position--top:not(.squiz-rb-plugin *),
4983
+ .squiz-rb-scope .sds-tooltip__wrapper:not(.sds-tooltip__wrapper--fixed) .sds-tooltip.position--top-left:not(.squiz-rb-plugin *),
4984
+ .squiz-rb-scope .sds-tooltip__wrapper:not(.sds-tooltip__wrapper--fixed) .sds-tooltip.position--top-right:not(.squiz-rb-plugin *) {
4126
4985
  bottom: 100%;
4127
4986
  padding-bottom: 0.25rem;
4128
4987
  }
4129
- .squiz-rb-scope .sds-tooltip__label:not(.squiz-rb-plugin *) {
4130
- background-color: #2b2b2b;
4131
- border-radius: 0.25rem;
4132
- color: #fff;
4133
- padding: 0.125rem 0.5rem;
4988
+ .squiz-rb-scope .sds-tooltip__wrapper--fixed:not(.squiz-rb-plugin *) {
4989
+ display: inline-flex;
4990
+ }
4991
+ .squiz-rb-scope .sds-tooltip__wrapper--fixed .sds-tooltip:not(.squiz-rb-plugin *) {
4992
+ font-size: 0.875rem;
4993
+ font-weight: 400;
4994
+ letter-spacing: -0.2px;
4995
+ line-height: 1.25rem;
4996
+ display: flex;
4997
+ opacity: 0;
4998
+ position: fixed;
4999
+ transition: opacity 0.3s, visibility 0.3s;
5000
+ visibility: hidden;
5001
+ width: -moz-max-content;
5002
+ width: max-content;
5003
+ }
5004
+ .squiz-rb-scope .sds-tooltip__wrapper--fixed .sds-tooltip.active:not(.squiz-rb-plugin *) {
5005
+ opacity: 1;
5006
+ transition-delay: 0.3s;
5007
+ visibility: visible;
5008
+ z-index: 1;
5009
+ }
5010
+ .squiz-rb-scope .sds-tooltip__wrapper--fixed .sds-tooltip.position--left:not(.squiz-rb-plugin *) {
5011
+ padding-right: 0.25rem;
5012
+ }
5013
+ .squiz-rb-scope .sds-tooltip__wrapper--fixed .sds-tooltip.position--right:not(.squiz-rb-plugin *) {
5014
+ padding-left: 0.25rem;
5015
+ }
5016
+ .squiz-rb-scope .sds-tooltip__wrapper--fixed .sds-tooltip.position--top:not(.squiz-rb-plugin *) {
5017
+ padding-bottom: 0.25rem;
5018
+ }
5019
+ .squiz-rb-scope .sds-tooltip__wrapper--fixed .sds-tooltip.position--top-left:not(.squiz-rb-plugin *) {
5020
+ padding-bottom: 0.25rem;
5021
+ }
5022
+ .squiz-rb-scope .sds-tooltip__wrapper--fixed .sds-tooltip.position--top-right:not(.squiz-rb-plugin *) {
5023
+ padding-bottom: 0.25rem;
5024
+ }
5025
+ .squiz-rb-scope .sds-tooltip__wrapper--fixed .sds-tooltip.position--bottom:not(.squiz-rb-plugin *) {
5026
+ padding-top: 0.25rem;
5027
+ }
5028
+ .squiz-rb-scope .sds-tooltip__wrapper--fixed .sds-tooltip.position--bottom-left:not(.squiz-rb-plugin *) {
5029
+ padding-top: 0.25rem;
5030
+ }
5031
+ .squiz-rb-scope .sds-tooltip__wrapper--fixed .sds-tooltip.position--bottom-right:not(.squiz-rb-plugin *) {
5032
+ padding-top: 0.25rem;
4134
5033
  }
4135
5034
  .squiz-rb-scope .sds-user:not(.squiz-rb-plugin *) {
4136
5035
  align-items: center;
@@ -4250,17 +5149,14 @@
4250
5149
  width: 22px;
4251
5150
  }
4252
5151
  .squiz-rb-scope .sds-popover:not(.squiz-rb-plugin *) {
5152
+ cursor: auto;
4253
5153
  display: inline-block;
4254
5154
  position: relative;
4255
5155
  }
4256
- .squiz-rb-scope .sds-popover:hover .sds-popover__content-wrapper:not(.squiz-rb-plugin *) {
4257
- display: block;
4258
- }
4259
5156
  .squiz-rb-scope .sds-popover__content-wrapper:not(.squiz-rb-plugin *) {
4260
5157
  border-radius: 0.25rem;
4261
5158
  bottom: calc(100% + 1rem);
4262
5159
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.08);
4263
- display: none;
4264
5160
  height: -moz-fit-content;
4265
5161
  height: fit-content;
4266
5162
  position: absolute;
@@ -4287,7 +5183,9 @@
4287
5183
  line-height: 1.25rem;
4288
5184
  background-color: #fff;
4289
5185
  border-radius: 0.25rem;
5186
+ color: #3d3d3d;
4290
5187
  padding: 1rem;
5188
+ text-align: left;
4291
5189
  }
4292
5190
  .squiz-rb-scope .sds-popover__text:not(.squiz-rb-plugin *) {
4293
5191
  display: block;
@@ -4298,12 +5196,14 @@
4298
5196
  font-weight: 600;
4299
5197
  letter-spacing: -0.5px;
4300
5198
  line-height: 1.5rem;
4301
- margin-bottom: 1rem;
4302
- margin-top: 0;
4303
5199
  }
4304
5200
  .squiz-rb-scope .sds-popover__title .svg-wrapper svg:not(.squiz-rb-plugin *) {
4305
5201
  fill: #3d3d3d;
4306
5202
  }
5203
+ .squiz-rb-scope .sds-popover__title:not(.squiz-rb-plugin *) {
5204
+ margin-bottom: 1rem;
5205
+ margin-top: 0;
5206
+ }
4307
5207
  .squiz-rb-scope .sds-popover--left .sds-popover__content-wrapper:not(.squiz-rb-plugin *) {
4308
5208
  bottom: 50%;
4309
5209
  right: calc(100% + 1rem);
@@ -4327,6 +5227,7 @@
4327
5227
  transform: translate(-50%, -50%) rotate(45deg);
4328
5228
  }
4329
5229
  .squiz-rb-scope .sds-popover--bottom .sds-popover__content-wrapper:not(.squiz-rb-plugin *) {
5230
+ bottom: unset;
4330
5231
  top: calc(100% + 1rem);
4331
5232
  transform: translateX(50%);
4332
5233
  }
@@ -4337,6 +5238,56 @@
4337
5238
  top: 0;
4338
5239
  transform: translate(-50%, -50%) rotate(45deg);
4339
5240
  }
5241
+ .squiz-rb-scope .sds-popover--top-left .sds-popover__content-wrapper:not(.squiz-rb-plugin *) {
5242
+ bottom: calc(100% + 1rem);
5243
+ left: unset;
5244
+ right: 0;
5245
+ transform: none;
5246
+ }
5247
+ .squiz-rb-scope .sds-popover--top-left .sds-popover__content-wrapper:not(.squiz-rb-plugin *)::before {
5248
+ left: unset;
5249
+ right: 1rem;
5250
+ transform: translate(-50%, 50%) rotate(45deg);
5251
+ }
5252
+ .squiz-rb-scope .sds-popover--top-right .sds-popover__content-wrapper:not(.squiz-rb-plugin *) {
5253
+ bottom: calc(100% + 1rem);
5254
+ left: 0;
5255
+ right: unset;
5256
+ transform: none;
5257
+ }
5258
+ .squiz-rb-scope .sds-popover--top-right .sds-popover__content-wrapper:not(.squiz-rb-plugin *)::before {
5259
+ left: 1rem;
5260
+ right: unset;
5261
+ transform: translate(50%, 50%) rotate(45deg);
5262
+ }
5263
+ .squiz-rb-scope .sds-popover--bottom-left .sds-popover__content-wrapper:not(.squiz-rb-plugin *) {
5264
+ bottom: unset;
5265
+ left: unset;
5266
+ right: 0;
5267
+ top: calc(100% + 1rem);
5268
+ transform: none;
5269
+ }
5270
+ .squiz-rb-scope .sds-popover--bottom-left .sds-popover__content-wrapper:not(.squiz-rb-plugin *)::before {
5271
+ bottom: unset;
5272
+ left: unset;
5273
+ right: 1rem;
5274
+ top: 0;
5275
+ transform: translate(-50%, -50%) rotate(45deg);
5276
+ }
5277
+ .squiz-rb-scope .sds-popover--bottom-right .sds-popover__content-wrapper:not(.squiz-rb-plugin *) {
5278
+ bottom: unset;
5279
+ left: 0;
5280
+ right: unset;
5281
+ top: calc(100% + 1rem);
5282
+ transform: none;
5283
+ }
5284
+ .squiz-rb-scope .sds-popover--bottom-right .sds-popover__content-wrapper:not(.squiz-rb-plugin *)::before {
5285
+ bottom: unset;
5286
+ left: 1rem;
5287
+ right: unset;
5288
+ top: 0;
5289
+ transform: translate(50%, -50%) rotate(45deg);
5290
+ }
4340
5291
  .squiz-rb-scope .sds-popover--small .sds-popover__content-wrapper:not(.squiz-rb-plugin *) {
4341
5292
  width: 260px;
4342
5293
  }
@@ -4408,50 +5359,330 @@
4408
5359
  position: absolute;
4409
5360
  width: 0.25rem;
4410
5361
  }
4411
- .squiz-rb-scope .sds-sequence-list__item-index-mark:not(.squiz-rb-plugin *) {
5362
+ .squiz-rb-scope .sds-sequence-list__item-index-mark:not(.squiz-rb-plugin *) {
5363
+ font-size: 0.875rem;
5364
+ font-weight: 400;
5365
+ letter-spacing: -0.2px;
5366
+ line-height: 1.25rem;
5367
+ background-color: #f5bb8c;
5368
+ border-radius: 100%;
5369
+ display: grid;
5370
+ height: 2rem;
5371
+ left: -0.75rem;
5372
+ place-items: center;
5373
+ position: absolute;
5374
+ top: 50%;
5375
+ transform: translate(-100%, -50%);
5376
+ width: 2rem;
5377
+ }
5378
+ .squiz-rb-scope .sds-sequence-list__item-drag-btn:not(.squiz-rb-plugin *) {
5379
+ align-self: baseline;
5380
+ }
5381
+ .squiz-rb-scope .sds-sequence-list__item-drag-btn svg:not(.squiz-rb-plugin *) {
5382
+ height: 1.5rem;
5383
+ width: 1.5rem;
5384
+ }
5385
+ .squiz-rb-scope .sds-sequence-list__item-drag-btn--disabled:not(.squiz-rb-plugin *) {
5386
+ opacity: 0.5;
5387
+ pointer-events: none;
5388
+ }
5389
+ .squiz-rb-scope .sds-sequence-list__add-item-btn:not(.squiz-rb-plugin *) {
5390
+ font-size: 0.875rem;
5391
+ font-weight: 600;
5392
+ letter-spacing: -0.2px;
5393
+ line-height: 1.25rem;
5394
+ align-items: center;
5395
+ display: flex;
5396
+ gap: 0.75rem;
5397
+ margin-left: 3rem;
5398
+ }
5399
+ .squiz-rb-scope .sds-sequence-list .simple-list:not(.squiz-rb-plugin *) {
5400
+ padding-inline-start: 0;
5401
+ }
5402
+ .squiz-rb-scope .sds-donut-chart--flex:not(.squiz-rb-plugin *) {
5403
+ align-items: center;
5404
+ display: flex;
5405
+ flex-direction: row;
5406
+ justify-content: center;
5407
+ }
5408
+ .squiz-rb-scope .sds-donut-chart--flex-reverse:not(.squiz-rb-plugin *) {
5409
+ align-items: center;
5410
+ display: flex;
5411
+ flex-direction: row-reverse;
5412
+ justify-content: center;
5413
+ }
5414
+ .squiz-rb-scope .sds-donut-chart--flex-column:not(.squiz-rb-plugin *) {
5415
+ align-items: center;
5416
+ display: flex;
5417
+ flex-direction: column;
5418
+ justify-content: center;
5419
+ }
5420
+ .squiz-rb-scope .sds-donut-chart--flex-column > *:not(.squiz-rb-plugin *) {
5421
+ flex-shrink: 0;
5422
+ width: 100%;
5423
+ }
5424
+ .squiz-rb-scope .sds-donut-chart__inner-text-wrapper:not(.squiz-rb-plugin *) {
5425
+ font-family:
5426
+ Open Sans,
5427
+ Arial,
5428
+ sans-serif;
5429
+ font-style: normal;
5430
+ max-width: 200px;
5431
+ text-align: center;
5432
+ white-space: normal;
5433
+ }
5434
+ .squiz-rb-scope .sds-donut-chart__inner-text-result:not(.squiz-rb-plugin *) {
5435
+ color: #3d3d3d;
5436
+ font-size: 40px;
5437
+ font-weight: 600;
5438
+ line-height: normal;
5439
+ }
5440
+ @media screen and (max-width: 576px) {
5441
+ .squiz-rb-scope .sds-donut-chart__inner-text-result:not(.squiz-rb-plugin *) {
5442
+ font-size: 24px;
5443
+ }
5444
+ }
5445
+ .squiz-rb-scope .sds-donut-chart__inner-text-description:not(.squiz-rb-plugin *) {
5446
+ color: #4f4f4f;
5447
+ font-size: 12px;
5448
+ font-weight: 400;
5449
+ letter-spacing: -0.4px;
5450
+ line-height: normal;
5451
+ text-wrap: wrap;
5452
+ }
5453
+ .squiz-rb-scope .sds-donut-chart-tooltip__wrapper:not(.squiz-rb-plugin *) {
5454
+ display: flex;
5455
+ flex-direction: column;
5456
+ font-family:
5457
+ Open Sans,
5458
+ Arial,
5459
+ sans-serif;
5460
+ font-size: 0.8125rem;
5461
+ font-style: normal;
5462
+ gap: 6px;
5463
+ }
5464
+ .squiz-rb-scope .sds-donut-chart-tooltip__title:not(.squiz-rb-plugin *) {
5465
+ color: #4f4f4f;
5466
+ font-weight: 600;
5467
+ line-height: 1rem;
5468
+ }
5469
+ .squiz-rb-scope .sds-donut-chart-tooltip__description:not(.squiz-rb-plugin *) {
5470
+ color: #4f4f4f;
5471
+ font-weight: 400;
5472
+ line-height: 1rem;
5473
+ }
5474
+ .squiz-rb-scope .sds-donut-chart-tooltip__description-bold:not(.squiz-rb-plugin *) {
5475
+ font-size: 0.875rem;
5476
+ font-weight: 700;
5477
+ letter-spacing: -0.2px;
5478
+ line-height: 1.25rem;
5479
+ color: #3d3d3d;
5480
+ }
5481
+ .squiz-rb-scope .sds-donut-chart-default-legend__label:not(.squiz-rb-plugin *) {
5482
+ font-size: 0.875rem;
5483
+ font-weight: 400;
5484
+ letter-spacing: -0.2px;
5485
+ line-height: 1.25rem;
5486
+ color: #3d3d3d;
5487
+ font-family:
5488
+ Open Sans,
5489
+ Arial,
5490
+ sans-serif;
5491
+ }
5492
+ .squiz-rb-scope .sds-donut-chart-default-legend .highcharts-legend-item:not(.squiz-rb-plugin *) {
5493
+ margin-bottom: 8px;
5494
+ padding-bottom: 12px;
5495
+ }
5496
+ .squiz-rb-scope .sds-donut-chart-default-legend .highcharts-legend-item .highcharts-point:not(.squiz-rb-plugin *) {
5497
+ transform: translateY(4px);
5498
+ }
5499
+ .squiz-rb-scope .sds-stacked-column-chart__y-label:not(.squiz-rb-plugin *) {
5500
+ font-size: 0.875rem;
5501
+ font-weight: 600;
5502
+ letter-spacing: -0.2px;
5503
+ line-height: 1.25rem;
5504
+ color: #3d3d3d;
5505
+ }
5506
+ .squiz-rb-scope .sds-stacked-column-chart__x-label-bottom:not(.squiz-rb-plugin *) {
5507
+ font-size: 0.8125rem;
5508
+ font-weight: 400;
5509
+ letter-spacing: 0;
5510
+ line-height: 1rem;
5511
+ color: #949494;
5512
+ margin-top: 0.5rem;
5513
+ }
5514
+ .squiz-rb-scope .sds-stacked-column-chart__x-label-top:not(.squiz-rb-plugin *) {
5515
+ font-size: 0.8125rem;
5516
+ font-weight: 400;
5517
+ letter-spacing: 0;
5518
+ line-height: 1rem;
5519
+ color: #707070;
5520
+ }
5521
+ .squiz-rb-scope .sds-stacked-column-chart__data-label:not(.squiz-rb-plugin *) {
5522
+ color: #4f4f4f;
5523
+ font-family: "Open Sans", sans-serif;
5524
+ font-size: 11px;
5525
+ font-weight: 400;
5526
+ letter-spacing: -0.2px;
5527
+ line-height: 13px;
5528
+ }
5529
+ .squiz-rb-scope .sds-stacked-column-chart__data-label--highlighted:not(.squiz-rb-plugin *) {
5530
+ color: #3d3d3d;
5531
+ font-family: "Open Sans", sans-serif;
5532
+ font-size: 11px;
5533
+ font-weight: 700;
5534
+ letter-spacing: -0.2px;
5535
+ line-height: 13px;
5536
+ }
5537
+ .squiz-rb-scope .sds-stacked-column-chart-tooltip__wrapper:not(.squiz-rb-plugin *) {
5538
+ display: flex;
5539
+ flex-direction: column;
5540
+ font-family:
5541
+ Open Sans,
5542
+ Arial,
5543
+ sans-serif;
5544
+ font-size: 0.8125rem;
5545
+ font-style: normal;
5546
+ gap: 0.25rem;
5547
+ }
5548
+ .squiz-rb-scope .sds-stacked-column-chart-tooltip__title:not(.squiz-rb-plugin *) {
5549
+ font-size: 0.8125rem;
5550
+ font-weight: 600;
5551
+ letter-spacing: 0;
5552
+ line-height: 1rem;
5553
+ color: #2b2b2b;
5554
+ }
5555
+ .squiz-rb-scope .sds-stacked-column-chart-tooltip__description:not(.squiz-rb-plugin *) {
4412
5556
  font-size: 0.875rem;
4413
5557
  font-weight: 400;
4414
5558
  letter-spacing: -0.2px;
4415
5559
  line-height: 1.25rem;
4416
- background-color: #f5bb8c;
4417
- border-radius: 100%;
4418
- display: grid;
4419
- height: 2rem;
4420
- left: -0.75rem;
4421
- place-items: center;
4422
- position: absolute;
4423
- top: 50%;
4424
- transform: translate(-100%, -50%);
4425
- width: 2rem;
4426
- }
4427
- .squiz-rb-scope .sds-sequence-list__item-drag-btn:not(.squiz-rb-plugin *) {
4428
- align-self: baseline;
4429
- }
4430
- .squiz-rb-scope .sds-sequence-list__item-drag-btn svg:not(.squiz-rb-plugin *) {
4431
- height: 1.5rem;
4432
- width: 1.5rem;
4433
- }
4434
- .squiz-rb-scope .sds-sequence-list__item-drag-btn--disabled:not(.squiz-rb-plugin *) {
4435
- opacity: 0.5;
4436
- pointer-events: none;
5560
+ color: #4f4f4f;
4437
5561
  }
4438
- .squiz-rb-scope .sds-sequence-list__add-item-btn:not(.squiz-rb-plugin *) {
5562
+ .squiz-rb-scope .sds-stacked-column-chart-tooltip__description-bold:not(.squiz-rb-plugin *) {
4439
5563
  font-size: 0.875rem;
4440
- font-weight: 600;
5564
+ font-weight: 700;
4441
5565
  letter-spacing: -0.2px;
4442
5566
  line-height: 1.25rem;
4443
- align-items: center;
4444
- display: flex;
4445
- gap: 0.75rem;
4446
- margin-left: 3rem;
5567
+ color: #3d3d3d;
4447
5568
  }
4448
- .squiz-rb-scope .sds-sequence-list .simple-list:not(.squiz-rb-plugin *) {
4449
- padding-inline-start: 0;
5569
+ .squiz-rb-scope .sds-highlight-text:not(.squiz-rb-plugin *) {
5570
+ background: transparent;
5571
+ color: inherit;
5572
+ font-weight: 600;
4450
5573
  }
4451
5574
 
4452
5575
  /* src/index.scss */
4453
5576
  .squiz-rb-scope *:not(.squiz-rb-plugin *),
4454
5577
  .squiz-rb-scope :not(.squiz-rb-plugin *)::before,
5578
+ .squiz-rb-scope :not(.squiz-rb-plugin *)::after {
5579
+ --tw-border-spacing-x: 0;
5580
+ --tw-border-spacing-y: 0;
5581
+ --tw-translate-x: 0;
5582
+ --tw-translate-y: 0;
5583
+ --tw-rotate: 0;
5584
+ --tw-skew-x: 0;
5585
+ --tw-skew-y: 0;
5586
+ --tw-scale-x: 1;
5587
+ --tw-scale-y: 1;
5588
+ --tw-pan-x: ;
5589
+ --tw-pan-y: ;
5590
+ --tw-pinch-zoom: ;
5591
+ --tw-scroll-snap-strictness: proximity;
5592
+ --tw-gradient-from-position: ;
5593
+ --tw-gradient-via-position: ;
5594
+ --tw-gradient-to-position: ;
5595
+ --tw-ordinal: ;
5596
+ --tw-slashed-zero: ;
5597
+ --tw-numeric-figure: ;
5598
+ --tw-numeric-spacing: ;
5599
+ --tw-numeric-fraction: ;
5600
+ --tw-ring-inset: ;
5601
+ --tw-ring-offset-width: 0px;
5602
+ --tw-ring-offset-color: #fff;
5603
+ --tw-ring-color: rgb(59 130 246 / 0.5);
5604
+ --tw-ring-offset-shadow: 0 0 #0000;
5605
+ --tw-ring-shadow: 0 0 #0000;
5606
+ --tw-shadow: 0 0 #0000;
5607
+ --tw-shadow-colored: 0 0 #0000;
5608
+ --tw-blur: ;
5609
+ --tw-brightness: ;
5610
+ --tw-contrast: ;
5611
+ --tw-grayscale: ;
5612
+ --tw-hue-rotate: ;
5613
+ --tw-invert: ;
5614
+ --tw-saturate: ;
5615
+ --tw-sepia: ;
5616
+ --tw-drop-shadow: ;
5617
+ --tw-backdrop-blur: ;
5618
+ --tw-backdrop-brightness: ;
5619
+ --tw-backdrop-contrast: ;
5620
+ --tw-backdrop-grayscale: ;
5621
+ --tw-backdrop-hue-rotate: ;
5622
+ --tw-backdrop-invert: ;
5623
+ --tw-backdrop-opacity: ;
5624
+ --tw-backdrop-saturate: ;
5625
+ --tw-backdrop-sepia: ;
5626
+ --tw-contain-size: ;
5627
+ --tw-contain-layout: ;
5628
+ --tw-contain-paint: ;
5629
+ --tw-contain-style: ;
5630
+ }
5631
+ .squiz-rb-scope :not(.squiz-rb-plugin *)::backdrop {
5632
+ --tw-border-spacing-x: 0;
5633
+ --tw-border-spacing-y: 0;
5634
+ --tw-translate-x: 0;
5635
+ --tw-translate-y: 0;
5636
+ --tw-rotate: 0;
5637
+ --tw-skew-x: 0;
5638
+ --tw-skew-y: 0;
5639
+ --tw-scale-x: 1;
5640
+ --tw-scale-y: 1;
5641
+ --tw-pan-x: ;
5642
+ --tw-pan-y: ;
5643
+ --tw-pinch-zoom: ;
5644
+ --tw-scroll-snap-strictness: proximity;
5645
+ --tw-gradient-from-position: ;
5646
+ --tw-gradient-via-position: ;
5647
+ --tw-gradient-to-position: ;
5648
+ --tw-ordinal: ;
5649
+ --tw-slashed-zero: ;
5650
+ --tw-numeric-figure: ;
5651
+ --tw-numeric-spacing: ;
5652
+ --tw-numeric-fraction: ;
5653
+ --tw-ring-inset: ;
5654
+ --tw-ring-offset-width: 0px;
5655
+ --tw-ring-offset-color: #fff;
5656
+ --tw-ring-color: rgb(59 130 246 / 0.5);
5657
+ --tw-ring-offset-shadow: 0 0 #0000;
5658
+ --tw-ring-shadow: 0 0 #0000;
5659
+ --tw-shadow: 0 0 #0000;
5660
+ --tw-shadow-colored: 0 0 #0000;
5661
+ --tw-blur: ;
5662
+ --tw-brightness: ;
5663
+ --tw-contrast: ;
5664
+ --tw-grayscale: ;
5665
+ --tw-hue-rotate: ;
5666
+ --tw-invert: ;
5667
+ --tw-saturate: ;
5668
+ --tw-sepia: ;
5669
+ --tw-drop-shadow: ;
5670
+ --tw-backdrop-blur: ;
5671
+ --tw-backdrop-brightness: ;
5672
+ --tw-backdrop-contrast: ;
5673
+ --tw-backdrop-grayscale: ;
5674
+ --tw-backdrop-hue-rotate: ;
5675
+ --tw-backdrop-invert: ;
5676
+ --tw-backdrop-opacity: ;
5677
+ --tw-backdrop-saturate: ;
5678
+ --tw-backdrop-sepia: ;
5679
+ --tw-contain-size: ;
5680
+ --tw-contain-layout: ;
5681
+ --tw-contain-paint: ;
5682
+ --tw-contain-style: ;
5683
+ }
5684
+ .squiz-rb-scope *:not(.squiz-rb-plugin *),
5685
+ .squiz-rb-scope :not(.squiz-rb-plugin *)::before,
4455
5686
  .squiz-rb-scope :not(.squiz-rb-plugin *)::after {
4456
5687
  box-sizing: border-box;
4457
5688
  border-width: 0;
@@ -4462,7 +5693,8 @@
4462
5693
  .squiz-rb-scope :not(.squiz-rb-plugin *)::after {
4463
5694
  --tw-content: "";
4464
5695
  }
4465
- .squiz-rb-scope html:not(.squiz-rb-plugin *) {
5696
+ .squiz-rb-scope html:not(.squiz-rb-plugin *),
5697
+ .squiz-rb-scope :host:not(.squiz-rb-plugin *) {
4466
5698
  line-height: 1.5;
4467
5699
  -webkit-text-size-adjust: 100%;
4468
5700
  -moz-tab-size: 4;
@@ -4471,13 +5703,6 @@
4471
5703
  font-family:
4472
5704
  ui-sans-serif,
4473
5705
  system-ui,
4474
- -apple-system,
4475
- BlinkMacSystemFont,
4476
- "Segoe UI",
4477
- Roboto,
4478
- "Helvetica Neue",
4479
- Arial,
4480
- "Noto Sans",
4481
5706
  sans-serif,
4482
5707
  "Apple Color Emoji",
4483
5708
  "Segoe UI Emoji",
@@ -4485,6 +5710,7 @@
4485
5710
  "Noto Color Emoji";
4486
5711
  font-feature-settings: normal;
4487
5712
  font-variation-settings: normal;
5713
+ -webkit-tap-highlight-color: transparent;
4488
5714
  }
4489
5715
  .squiz-rb-scope body:not(.squiz-rb-plugin *) {
4490
5716
  margin: 0;
@@ -4529,6 +5755,8 @@
4529
5755
  "Liberation Mono",
4530
5756
  "Courier New",
4531
5757
  monospace;
5758
+ font-feature-settings: normal;
5759
+ font-variation-settings: normal;
4532
5760
  font-size: 1em;
4533
5761
  }
4534
5762
  .squiz-rb-scope small:not(.squiz-rb-plugin *) {
@@ -4558,9 +5786,12 @@
4558
5786
  .squiz-rb-scope select:not(.squiz-rb-plugin *),
4559
5787
  .squiz-rb-scope textarea:not(.squiz-rb-plugin *) {
4560
5788
  font-family: inherit;
5789
+ font-feature-settings: inherit;
5790
+ font-variation-settings: inherit;
4561
5791
  font-size: 100%;
4562
5792
  font-weight: inherit;
4563
5793
  line-height: inherit;
5794
+ letter-spacing: inherit;
4564
5795
  color: inherit;
4565
5796
  margin: 0;
4566
5797
  padding: 0;
@@ -4570,9 +5801,9 @@
4570
5801
  text-transform: none;
4571
5802
  }
4572
5803
  .squiz-rb-scope button:not(.squiz-rb-plugin *),
4573
- .squiz-rb-scope [type=button]:not(.squiz-rb-plugin *),
4574
- .squiz-rb-scope [type=reset]:not(.squiz-rb-plugin *),
4575
- .squiz-rb-scope [type=submit]:not(.squiz-rb-plugin *) {
5804
+ .squiz-rb-scope input:where([type=button]):not(.squiz-rb-plugin *),
5805
+ .squiz-rb-scope input:where([type=reset]):not(.squiz-rb-plugin *),
5806
+ .squiz-rb-scope input:where([type=submit]):not(.squiz-rb-plugin *) {
4576
5807
  -webkit-appearance: button;
4577
5808
  background-color: transparent;
4578
5809
  background-image: none;
@@ -4633,6 +5864,9 @@
4633
5864
  margin: 0;
4634
5865
  padding: 0;
4635
5866
  }
5867
+ .squiz-rb-scope dialog:not(.squiz-rb-plugin *) {
5868
+ padding: 0;
5869
+ }
4636
5870
  .squiz-rb-scope textarea:not(.squiz-rb-plugin *) {
4637
5871
  resize: vertical;
4638
5872
  }
@@ -4669,103 +5903,9 @@
4669
5903
  max-width: 100%;
4670
5904
  height: auto;
4671
5905
  }
4672
- .squiz-rb-scope [hidden]:not(.squiz-rb-plugin *) {
5906
+ .squiz-rb-scope [hidden]:where(:not([hidden=until-found])):not(.squiz-rb-plugin *) {
4673
5907
  display: none;
4674
5908
  }
4675
- .squiz-rb-scope *:not(.squiz-rb-plugin *),
4676
- .squiz-rb-scope :not(.squiz-rb-plugin *)::before,
4677
- .squiz-rb-scope :not(.squiz-rb-plugin *)::after {
4678
- --tw-border-spacing-x: 0;
4679
- --tw-border-spacing-y: 0;
4680
- --tw-translate-x: 0;
4681
- --tw-translate-y: 0;
4682
- --tw-rotate: 0;
4683
- --tw-skew-x: 0;
4684
- --tw-skew-y: 0;
4685
- --tw-scale-x: 1;
4686
- --tw-scale-y: 1;
4687
- --tw-pan-x: ;
4688
- --tw-pan-y: ;
4689
- --tw-pinch-zoom: ;
4690
- --tw-scroll-snap-strictness: proximity;
4691
- --tw-ordinal: ;
4692
- --tw-slashed-zero: ;
4693
- --tw-numeric-figure: ;
4694
- --tw-numeric-spacing: ;
4695
- --tw-numeric-fraction: ;
4696
- --tw-ring-inset: ;
4697
- --tw-ring-offset-width: 0px;
4698
- --tw-ring-offset-color: #fff;
4699
- --tw-ring-color: rgb(59 130 246 / 0.5);
4700
- --tw-ring-offset-shadow: 0 0 #0000;
4701
- --tw-ring-shadow: 0 0 #0000;
4702
- --tw-shadow: 0 0 #0000;
4703
- --tw-shadow-colored: 0 0 #0000;
4704
- --tw-blur: ;
4705
- --tw-brightness: ;
4706
- --tw-contrast: ;
4707
- --tw-grayscale: ;
4708
- --tw-hue-rotate: ;
4709
- --tw-invert: ;
4710
- --tw-saturate: ;
4711
- --tw-sepia: ;
4712
- --tw-drop-shadow: ;
4713
- --tw-backdrop-blur: ;
4714
- --tw-backdrop-brightness: ;
4715
- --tw-backdrop-contrast: ;
4716
- --tw-backdrop-grayscale: ;
4717
- --tw-backdrop-hue-rotate: ;
4718
- --tw-backdrop-invert: ;
4719
- --tw-backdrop-opacity: ;
4720
- --tw-backdrop-saturate: ;
4721
- --tw-backdrop-sepia: ;
4722
- }
4723
- .squiz-rb-scope :not(.squiz-rb-plugin *)::backdrop {
4724
- --tw-border-spacing-x: 0;
4725
- --tw-border-spacing-y: 0;
4726
- --tw-translate-x: 0;
4727
- --tw-translate-y: 0;
4728
- --tw-rotate: 0;
4729
- --tw-skew-x: 0;
4730
- --tw-skew-y: 0;
4731
- --tw-scale-x: 1;
4732
- --tw-scale-y: 1;
4733
- --tw-pan-x: ;
4734
- --tw-pan-y: ;
4735
- --tw-pinch-zoom: ;
4736
- --tw-scroll-snap-strictness: proximity;
4737
- --tw-ordinal: ;
4738
- --tw-slashed-zero: ;
4739
- --tw-numeric-figure: ;
4740
- --tw-numeric-spacing: ;
4741
- --tw-numeric-fraction: ;
4742
- --tw-ring-inset: ;
4743
- --tw-ring-offset-width: 0px;
4744
- --tw-ring-offset-color: #fff;
4745
- --tw-ring-color: rgb(59 130 246 / 0.5);
4746
- --tw-ring-offset-shadow: 0 0 #0000;
4747
- --tw-ring-shadow: 0 0 #0000;
4748
- --tw-shadow: 0 0 #0000;
4749
- --tw-shadow-colored: 0 0 #0000;
4750
- --tw-blur: ;
4751
- --tw-brightness: ;
4752
- --tw-contrast: ;
4753
- --tw-grayscale: ;
4754
- --tw-hue-rotate: ;
4755
- --tw-invert: ;
4756
- --tw-saturate: ;
4757
- --tw-sepia: ;
4758
- --tw-drop-shadow: ;
4759
- --tw-backdrop-blur: ;
4760
- --tw-backdrop-brightness: ;
4761
- --tw-backdrop-contrast: ;
4762
- --tw-backdrop-grayscale: ;
4763
- --tw-backdrop-hue-rotate: ;
4764
- --tw-backdrop-invert: ;
4765
- --tw-backdrop-opacity: ;
4766
- --tw-backdrop-saturate: ;
4767
- --tw-backdrop-sepia: ;
4768
- }
4769
5909
  .squiz-rb-scope .container:not(.squiz-rb-plugin *) {
4770
5910
  width: 100%;
4771
5911
  }
@@ -5236,56 +6376,56 @@
5236
6376
  }
5237
6377
  .squiz-rb-scope .border-blue-200:not(.squiz-rb-plugin *) {
5238
6378
  --tw-border-opacity: 1;
5239
- border-color: rgb(143 192 235 / var(--tw-border-opacity));
6379
+ border-color: rgb(143 192 235 / var(--tw-border-opacity, 1));
5240
6380
  }
5241
6381
  .squiz-rb-scope .border-current:not(.squiz-rb-plugin *) {
5242
6382
  border-color: currentColor;
5243
6383
  }
5244
6384
  .squiz-rb-scope .border-gray-200:not(.squiz-rb-plugin *) {
5245
6385
  --tw-border-opacity: 1;
5246
- border-color: rgb(237 237 237 / var(--tw-border-opacity));
6386
+ border-color: rgb(237 237 237 / var(--tw-border-opacity, 1));
5247
6387
  }
5248
6388
  .squiz-rb-scope .border-gray-300:not(.squiz-rb-plugin *) {
5249
6389
  --tw-border-opacity: 1;
5250
- border-color: rgb(224 224 224 / var(--tw-border-opacity));
6390
+ border-color: rgb(224 224 224 / var(--tw-border-opacity, 1));
5251
6391
  }
5252
6392
  .squiz-rb-scope .border-gray-400:not(.squiz-rb-plugin *) {
5253
6393
  --tw-border-opacity: 1;
5254
- border-color: rgb(186 186 186 / var(--tw-border-opacity));
6394
+ border-color: rgb(186 186 186 / var(--tw-border-opacity, 1));
5255
6395
  }
5256
6396
  .squiz-rb-scope .border-white:not(.squiz-rb-plugin *) {
5257
6397
  --tw-border-opacity: 1;
5258
- border-color: rgb(255 255 255 / var(--tw-border-opacity));
6398
+ border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
5259
6399
  }
5260
6400
  .squiz-rb-scope .bg-black:not(.squiz-rb-plugin *) {
5261
6401
  --tw-bg-opacity: 1;
5262
- background-color: rgb(0 0 0 / var(--tw-bg-opacity));
6402
+ background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
5263
6403
  }
5264
6404
  .squiz-rb-scope .bg-blue-100:not(.squiz-rb-plugin *) {
5265
6405
  --tw-bg-opacity: 1;
5266
- background-color: rgb(230 241 250 / var(--tw-bg-opacity));
6406
+ background-color: rgb(230 241 250 / var(--tw-bg-opacity, 1));
5267
6407
  }
5268
6408
  .squiz-rb-scope .bg-blue-300:not(.squiz-rb-plugin *) {
5269
6409
  --tw-bg-opacity: 1;
5270
- background-color: rgb(7 116 210 / var(--tw-bg-opacity));
6410
+ background-color: rgb(7 116 210 / var(--tw-bg-opacity, 1));
5271
6411
  }
5272
6412
  .squiz-rb-scope .bg-blue-300\/\[\.6\]:not(.squiz-rb-plugin *) {
5273
6413
  background-color: rgb(7 116 210 / .6);
5274
6414
  }
5275
6415
  .squiz-rb-scope .bg-gray-100:not(.squiz-rb-plugin *) {
5276
6416
  --tw-bg-opacity: 1;
5277
- background-color: rgb(245 245 245 / var(--tw-bg-opacity));
6417
+ background-color: rgb(245 245 245 / var(--tw-bg-opacity, 1));
5278
6418
  }
5279
6419
  .squiz-rb-scope .bg-gray-200:not(.squiz-rb-plugin *) {
5280
6420
  --tw-bg-opacity: 1;
5281
- background-color: rgb(237 237 237 / var(--tw-bg-opacity));
6421
+ background-color: rgb(237 237 237 / var(--tw-bg-opacity, 1));
5282
6422
  }
5283
6423
  .squiz-rb-scope .bg-transparent:not(.squiz-rb-plugin *) {
5284
6424
  background-color: transparent;
5285
6425
  }
5286
6426
  .squiz-rb-scope .bg-white:not(.squiz-rb-plugin *) {
5287
6427
  --tw-bg-opacity: 1;
5288
- background-color: rgb(255 255 255 / var(--tw-bg-opacity));
6428
+ background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
5289
6429
  }
5290
6430
  .squiz-rb-scope .bg-opacity-10:not(.squiz-rb-plugin *) {
5291
6431
  --tw-bg-opacity: 0.1;
@@ -5327,10 +6467,6 @@
5327
6467
  padding-left: 0.375rem;
5328
6468
  padding-right: 0.375rem;
5329
6469
  }
5330
- .squiz-rb-scope .px-2:not(.squiz-rb-plugin *) {
5331
- padding-left: 0.5rem;
5332
- padding-right: 0.5rem;
5333
- }
5334
6470
  .squiz-rb-scope .px-2\.5:not(.squiz-rb-plugin *) {
5335
6471
  padding-left: 0.625rem;
5336
6472
  padding-right: 0.625rem;
@@ -5347,10 +6483,6 @@
5347
6483
  padding-left: 1.75rem;
5348
6484
  padding-right: 1.75rem;
5349
6485
  }
5350
- .squiz-rb-scope .py-0:not(.squiz-rb-plugin *) {
5351
- padding-top: 0px;
5352
- padding-bottom: 0px;
5353
- }
5354
6486
  .squiz-rb-scope .py-0\.5:not(.squiz-rb-plugin *) {
5355
6487
  padding-top: 0.125rem;
5356
6488
  padding-bottom: 0.125rem;
@@ -5385,9 +6517,6 @@
5385
6517
  .squiz-rb-scope .pl-1:not(.squiz-rb-plugin *) {
5386
6518
  padding-left: 0.25rem;
5387
6519
  }
5388
- .squiz-rb-scope .pl-4:not(.squiz-rb-plugin *) {
5389
- padding-left: 1rem;
5390
- }
5391
6520
  .squiz-rb-scope .pl-4\.5:not(.squiz-rb-plugin *) {
5392
6521
  padding-left: 1.125rem;
5393
6522
  }
@@ -5400,9 +6529,6 @@
5400
6529
  .squiz-rb-scope .pr-10:not(.squiz-rb-plugin *) {
5401
6530
  padding-right: 2.5rem;
5402
6531
  }
5403
- .squiz-rb-scope .pr-4:not(.squiz-rb-plugin *) {
5404
- padding-right: 1rem;
5405
- }
5406
6532
  .squiz-rb-scope .pr-4\.5:not(.squiz-rb-plugin *) {
5407
6533
  padding-right: 1.125rem;
5408
6534
  }
@@ -5460,35 +6586,35 @@
5460
6586
  }
5461
6587
  .squiz-rb-scope .text-blue-300:not(.squiz-rb-plugin *) {
5462
6588
  --tw-text-opacity: 1;
5463
- color: rgb(7 116 210 / var(--tw-text-opacity));
6589
+ color: rgb(7 116 210 / var(--tw-text-opacity, 1));
5464
6590
  }
5465
6591
  .squiz-rb-scope .text-blue-400:not(.squiz-rb-plugin *) {
5466
6592
  --tw-text-opacity: 1;
5467
- color: rgb(4 73 133 / var(--tw-text-opacity));
6593
+ color: rgb(4 73 133 / var(--tw-text-opacity, 1));
5468
6594
  }
5469
6595
  .squiz-rb-scope .text-gray-500:not(.squiz-rb-plugin *) {
5470
6596
  --tw-text-opacity: 1;
5471
- color: rgb(148 148 148 / var(--tw-text-opacity));
6597
+ color: rgb(148 148 148 / var(--tw-text-opacity, 1));
5472
6598
  }
5473
6599
  .squiz-rb-scope .text-gray-600:not(.squiz-rb-plugin *) {
5474
6600
  --tw-text-opacity: 1;
5475
- color: rgb(112 112 112 / var(--tw-text-opacity));
6601
+ color: rgb(112 112 112 / var(--tw-text-opacity, 1));
5476
6602
  }
5477
6603
  .squiz-rb-scope .text-gray-700:not(.squiz-rb-plugin *) {
5478
6604
  --tw-text-opacity: 1;
5479
- color: rgb(79 79 79 / var(--tw-text-opacity));
6605
+ color: rgb(79 79 79 / var(--tw-text-opacity, 1));
5480
6606
  }
5481
6607
  .squiz-rb-scope .text-gray-800:not(.squiz-rb-plugin *) {
5482
6608
  --tw-text-opacity: 1;
5483
- color: rgb(61 61 61 / var(--tw-text-opacity));
6609
+ color: rgb(61 61 61 / var(--tw-text-opacity, 1));
5484
6610
  }
5485
6611
  .squiz-rb-scope .text-red-300:not(.squiz-rb-plugin *) {
5486
6612
  --tw-text-opacity: 1;
5487
- color: rgb(215 35 33 / var(--tw-text-opacity));
6613
+ color: rgb(215 35 33 / var(--tw-text-opacity, 1));
5488
6614
  }
5489
6615
  .squiz-rb-scope .text-white:not(.squiz-rb-plugin *) {
5490
6616
  --tw-text-opacity: 1;
5491
- color: rgb(255 255 255 / var(--tw-text-opacity));
6617
+ color: rgb(255 255 255 / var(--tw-text-opacity, 1));
5492
6618
  }
5493
6619
  .squiz-rb-scope .antialiased:not(.squiz-rb-plugin *) {
5494
6620
  -webkit-font-smoothing: antialiased;
@@ -5526,6 +6652,14 @@
5526
6652
  opacity: 1;
5527
6653
  }
5528
6654
  }
6655
+ @keyframes skeleton-shimmer {
6656
+ 0%, 100% {
6657
+ opacity: 1;
6658
+ }
6659
+ 50% {
6660
+ opacity: 0.4;
6661
+ }
6662
+ }
5529
6663
  @keyframes skeleton-pulse {
5530
6664
  0% {
5531
6665
  opacity: 1;
@@ -5537,6 +6671,14 @@
5537
6671
  opacity: 1;
5538
6672
  }
5539
6673
  }
6674
+ @keyframes skeleton-shimmer {
6675
+ 0%, 100% {
6676
+ opacity: 1;
6677
+ }
6678
+ 50% {
6679
+ opacity: 0.4;
6680
+ }
6681
+ }
5540
6682
  .squiz-rb-scope .checkbox-filter:not(.squiz-rb-plugin *) {
5541
6683
  border: 1px solid #e0e0e0;
5542
6684
  border-radius: 0.5rem;
@@ -6167,7 +7309,7 @@
6167
7309
  }
6168
7310
  .squiz-rb-scope .checkered-bg:not(.squiz-rb-plugin *) {
6169
7311
  --tw-bg-opacity: 1;
6170
- background-color: rgb(255 255 255 / var(--tw-bg-opacity));
7312
+ background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
6171
7313
  background-size: 24px 24px;
6172
7314
  background-position: 0 0, 12px 12px;
6173
7315
  background-image:
@@ -6358,25 +7500,25 @@
6358
7500
  grid-template-columns: 24px 1fr;
6359
7501
  gap: 0.5rem;
6360
7502
  --tw-bg-opacity: 1;
6361
- background-color: rgb(255 255 255 / var(--tw-bg-opacity));
7503
+ background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
6362
7504
  border-width: 2px;
6363
7505
  --tw-border-opacity: 1;
6364
- border-color: rgb(224 224 224 / var(--tw-border-opacity));
7506
+ border-color: rgb(224 224 224 / var(--tw-border-opacity, 1));
6365
7507
  border-radius: 4px;
6366
7508
  padding: 0.5rem;
6367
7509
  --tw-text-opacity: 1;
6368
- color: rgb(148 148 148 / var(--tw-text-opacity));
7510
+ color: rgb(148 148 148 / var(--tw-text-opacity, 1));
6369
7511
  }
6370
7512
  .squiz-rb-scope .resource-picker-info:not(.squiz-rb-plugin *) {
6371
7513
  width: 100%;
6372
7514
  border-radius: 6px;
6373
7515
  --tw-bg-opacity: 1;
6374
- background-color: rgb(245 245 245 / var(--tw-bg-opacity));
7516
+ background-color: rgb(245 245 245 / var(--tw-bg-opacity, 1));
6375
7517
  padding: 0.5rem;
6376
7518
  font-size: 0.875rem;
6377
7519
  font-weight: 600;
6378
7520
  --tw-text-opacity: 1;
6379
- color: rgb(43 43 43 / var(--tw-text-opacity));
7521
+ color: rgb(43 43 43 / var(--tw-text-opacity, 1));
6380
7522
  }
6381
7523
  .squiz-rb-scope .resource-picker-info__layout:not(.squiz-rb-plugin *) {
6382
7524
  display: grid;
@@ -6388,7 +7530,7 @@
6388
7530
  cursor: not-allowed;
6389
7531
  border-width: 0px;
6390
7532
  --tw-bg-opacity: 1;
6391
- background-color: rgb(247 247 247 / var(--tw-bg-opacity));
7533
+ background-color: rgb(247 247 247 / var(--tw-bg-opacity, 1));
6392
7534
  }
6393
7535
  .squiz-rb-scope .inline-launch-button:not(.squiz-rb-plugin *) {
6394
7536
  display: inline-block;
@@ -6491,7 +7633,7 @@
6491
7633
  }
6492
7634
  .squiz-rb-scope svg:not(.squiz-rb-plugin *) {
6493
7635
  --tw-text-opacity: 1;
6494
- color: rgb(112 112 112 / var(--tw-text-opacity));
7636
+ color: rgb(112 112 112 / var(--tw-text-opacity, 1));
6495
7637
  }
6496
7638
  .squiz-rb-scope .break-word:not(.squiz-rb-plugin *) {
6497
7639
  word-break: break-word;
@@ -6513,10 +7655,6 @@
6513
7655
  content: var(--tw-content);
6514
7656
  left: -0.25rem;
6515
7657
  }
6516
- .squiz-rb-scope .before\:top-1:not(.squiz-rb-plugin *)::before {
6517
- content: var(--tw-content);
6518
- top: 0.25rem;
6519
- }
6520
7658
  .squiz-rb-scope .before\:top-1\.5:not(.squiz-rb-plugin *)::before {
6521
7659
  content: var(--tw-content);
6522
7660
  top: 0.375rem;
@@ -6536,12 +7674,12 @@
6536
7674
  .squiz-rb-scope .before\:bg-black:not(.squiz-rb-plugin *)::before {
6537
7675
  content: var(--tw-content);
6538
7676
  --tw-bg-opacity: 1;
6539
- background-color: rgb(0 0 0 / var(--tw-bg-opacity));
7677
+ background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
6540
7678
  }
6541
7679
  .squiz-rb-scope .before\:bg-gray-200:not(.squiz-rb-plugin *)::before {
6542
7680
  content: var(--tw-content);
6543
7681
  --tw-bg-opacity: 1;
6544
- background-color: rgb(237 237 237 / var(--tw-bg-opacity));
7682
+ background-color: rgb(237 237 237 / var(--tw-bg-opacity, 1));
6545
7683
  }
6546
7684
  .squiz-rb-scope .before\:bg-opacity-25:not(.squiz-rb-plugin *)::before {
6547
7685
  content: var(--tw-content);
@@ -6563,42 +7701,42 @@
6563
7701
  }
6564
7702
  .squiz-rb-scope .hover\:border-gray-300:hover:not(.squiz-rb-plugin *) {
6565
7703
  --tw-border-opacity: 1;
6566
- border-color: rgb(224 224 224 / var(--tw-border-opacity));
7704
+ border-color: rgb(224 224 224 / var(--tw-border-opacity, 1));
6567
7705
  }
6568
7706
  .squiz-rb-scope .hover\:bg-blue-100:hover:not(.squiz-rb-plugin *) {
6569
7707
  --tw-bg-opacity: 1;
6570
- background-color: rgb(230 241 250 / var(--tw-bg-opacity));
7708
+ background-color: rgb(230 241 250 / var(--tw-bg-opacity, 1));
6571
7709
  }
6572
7710
  .squiz-rb-scope .hover\:bg-gray-100:hover:not(.squiz-rb-plugin *) {
6573
7711
  --tw-bg-opacity: 1;
6574
- background-color: rgb(245 245 245 / var(--tw-bg-opacity));
7712
+ background-color: rgb(245 245 245 / var(--tw-bg-opacity, 1));
6575
7713
  }
6576
7714
  .squiz-rb-scope .hover\:bg-gray-50:hover:not(.squiz-rb-plugin *) {
6577
7715
  --tw-bg-opacity: 1;
6578
- background-color: rgb(247 247 247 / var(--tw-bg-opacity));
7716
+ background-color: rgb(247 247 247 / var(--tw-bg-opacity, 1));
6579
7717
  }
6580
7718
  .squiz-rb-scope .hover\:bg-transparent:hover:not(.squiz-rb-plugin *) {
6581
7719
  background-color: transparent;
6582
7720
  }
6583
7721
  .squiz-rb-scope .hover\:text-gray-800:hover:not(.squiz-rb-plugin *) {
6584
7722
  --tw-text-opacity: 1;
6585
- color: rgb(61 61 61 / var(--tw-text-opacity));
7723
+ color: rgb(61 61 61 / var(--tw-text-opacity, 1));
6586
7724
  }
6587
7725
  .squiz-rb-scope .focus\:bg-blue-100:focus:not(.squiz-rb-plugin *) {
6588
7726
  --tw-bg-opacity: 1;
6589
- background-color: rgb(230 241 250 / var(--tw-bg-opacity));
7727
+ background-color: rgb(230 241 250 / var(--tw-bg-opacity, 1));
6590
7728
  }
6591
7729
  .squiz-rb-scope .focus\:bg-gray-100:focus:not(.squiz-rb-plugin *) {
6592
7730
  --tw-bg-opacity: 1;
6593
- background-color: rgb(245 245 245 / var(--tw-bg-opacity));
7731
+ background-color: rgb(245 245 245 / var(--tw-bg-opacity, 1));
6594
7732
  }
6595
7733
  .squiz-rb-scope .focus\:bg-gray-50:focus:not(.squiz-rb-plugin *) {
6596
7734
  --tw-bg-opacity: 1;
6597
- background-color: rgb(247 247 247 / var(--tw-bg-opacity));
7735
+ background-color: rgb(247 247 247 / var(--tw-bg-opacity, 1));
6598
7736
  }
6599
7737
  .squiz-rb-scope .focus\:text-gray-800:focus:not(.squiz-rb-plugin *) {
6600
7738
  --tw-text-opacity: 1;
6601
- color: rgb(61 61 61 / var(--tw-text-opacity));
7739
+ color: rgb(61 61 61 / var(--tw-text-opacity, 1));
6602
7740
  }
6603
7741
  .squiz-rb-scope .focus\:outline-none:focus:not(.squiz-rb-plugin *) {
6604
7742
  outline: 2px solid transparent;
@@ -6612,7 +7750,7 @@
6612
7750
  }
6613
7751
  .squiz-rb-scope .disabled\:text-gray-500:disabled:not(.squiz-rb-plugin *) {
6614
7752
  --tw-text-opacity: 1;
6615
- color: rgb(148 148 148 / var(--tw-text-opacity));
7753
+ color: rgb(148 148 148 / var(--tw-text-opacity, 1));
6616
7754
  }
6617
7755
  @media (prefers-reduced-motion: reduce) {
6618
7756
  @keyframes spin {
@@ -6640,7 +7778,7 @@
6640
7778
  */
6641
7779
  /*! Bundled license information:
6642
7780
 
6643
- @squiz/sds/lib/package.css:
7781
+ @squiz/sds/dist/package.css:
6644
7782
  (*!
6645
7783
  * @license
6646
7784
  * Copyright Squiz Australia Pty Ltd. All Rights Reserved.