@epam/uui 5.0.0 → 5.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/assets/styles/buttonLayout.scss +67 -67
- package/assets/styles/controlLayout.scss +28 -28
- package/assets/styles/dnd.scss +9 -9
- package/assets/styles/effects.scss +10 -10
- package/assets/styles/icons.scss +19 -19
- package/assets/styles/index.scss +8 -8
- package/assets/styles/inputs.scss +70 -70
- package/assets/styles/text-size.scss +37 -37
- package/assets/styles/typography.scss +163 -163
- package/components/filters/{FilterDataPickerBody.d.ts → FilterDatePickerBody.d.ts} +2 -2
- package/components/filters/{FilterDataPickerBody.d.ts.map → FilterDatePickerBody.d.ts.map} +1 -1
- package/components/filters/FilterPanelItemToggler.d.ts.map +1 -1
- package/components/filters/FilterPickerBody.d.ts +1 -0
- package/components/filters/FilterPickerBody.d.ts.map +1 -1
- package/components/filters/FilterRangeDatePickerBody.d.ts.map +1 -1
- package/components/filters/FiltersPanel.d.ts +1 -0
- package/components/filters/FiltersPanel.d.ts.map +1 -1
- package/components/filters/FiltersPanelItem.d.ts +1 -0
- package/components/filters/FiltersPanelItem.d.ts.map +1 -1
- package/i18n.d.ts +0 -1
- package/i18n.d.ts.map +1 -1
- package/index.esm.js +461 -440
- package/index.esm.js.map +1 -1
- package/index.js +461 -440
- package/index.js.map +1 -1
- package/package.json +5 -5
- package/readme.md +4 -4
- package/stats.html +19 -1
- package/styles.css +41 -36
- package/styles.css.map +1 -1
package/styles.css
CHANGED
|
@@ -238,7 +238,6 @@
|
|
|
238
238
|
}
|
|
239
239
|
.Button-module_size-42__KHTm0 .uui-caption {
|
|
240
240
|
font-family: var(--font-primary);
|
|
241
|
-
text-transform: uppercase;
|
|
242
241
|
}
|
|
243
242
|
|
|
244
243
|
.Button-module_size-48__zeJhh {
|
|
@@ -263,7 +262,6 @@
|
|
|
263
262
|
}
|
|
264
263
|
.Button-module_size-48__zeJhh .uui-caption {
|
|
265
264
|
font-family: var(--font-primary);
|
|
266
|
-
text-transform: uppercase;
|
|
267
265
|
}
|
|
268
266
|
.IconButton-module_root__M67sa {
|
|
269
267
|
fill: var(--uui-icon-btn);
|
|
@@ -2849,6 +2847,7 @@
|
|
|
2849
2847
|
background-color: rgba(255, 255, 255, 0.5);
|
|
2850
2848
|
}
|
|
2851
2849
|
.DataPickerBody-module_body__CMMVY {
|
|
2850
|
+
--uui-dt-cell-border-width: 0;
|
|
2852
2851
|
display: flex;
|
|
2853
2852
|
flex-direction: column;
|
|
2854
2853
|
flex: 1 1 auto;
|
|
@@ -4289,6 +4288,9 @@
|
|
|
4289
4288
|
border-color: var(--uui-filters-toggler-border-hover);
|
|
4290
4289
|
background-color: var(--uui-filters-toggler-bg-hover);
|
|
4291
4290
|
}
|
|
4291
|
+
.FilterPanelItemToggler-module_root__6HJLW.uui-input-box .uui-icon-dropdown {
|
|
4292
|
+
fill: var(--uui-filters-toggler-icon);
|
|
4293
|
+
}
|
|
4292
4294
|
.FilterPanelItemToggler-module_root__6HJLW.uui-input-box .FilterPanelItemToggler-module_title-wrapper__07dD8 {
|
|
4293
4295
|
font-family: var(--uui-filters-toggler-font);
|
|
4294
4296
|
font-weight: var(--uui-filters-toggler-font-weight, normal);
|
|
@@ -4298,6 +4300,8 @@
|
|
|
4298
4300
|
background: none;
|
|
4299
4301
|
cursor: pointer;
|
|
4300
4302
|
white-space: nowrap;
|
|
4303
|
+
padding-left: 6px;
|
|
4304
|
+
padding-right: 6px;
|
|
4301
4305
|
}
|
|
4302
4306
|
.FilterPanelItemToggler-module_root__6HJLW.uui-input-box .FilterPanelItemToggler-module_title-wrapper__07dD8 .FilterPanelItemToggler-module_title__JaXtY {
|
|
4303
4307
|
text-overflow: initial;
|
|
@@ -4337,64 +4341,55 @@
|
|
|
4337
4341
|
color: var(--uui-filters-toggler-text);
|
|
4338
4342
|
}
|
|
4339
4343
|
.FilterPanelItemToggler-module_root__6HJLW.uui-input-box.size-24 {
|
|
4340
|
-
|
|
4341
|
-
|
|
4342
|
-
|
|
4343
|
-
|
|
4344
|
-
font-size: 12px;
|
|
4345
|
-
padding-top: 2px;
|
|
4346
|
-
padding-bottom: 2px;
|
|
4344
|
+
padding-left: 5px;
|
|
4345
|
+
padding-right: 5px;
|
|
4346
|
+
padding-left: 2px;
|
|
4347
|
+
padding-right: 2px;
|
|
4347
4348
|
}
|
|
4348
4349
|
.FilterPanelItemToggler-module_root__6HJLW.uui-input-box.size-24.uui-button-box, .FilterPanelItemToggler-module_root__6HJLW.uui-input-box.size-24.uui-input-box {
|
|
4349
4350
|
min-height: 24px;
|
|
4350
4351
|
border-width: 1px;
|
|
4351
4352
|
}
|
|
4352
|
-
.FilterPanelItemToggler-module_root__6HJLW.uui-input-box.size-
|
|
4353
|
-
|
|
4354
|
-
|
|
4355
|
-
|
|
4356
|
-
|
|
4353
|
+
.FilterPanelItemToggler-module_root__6HJLW.uui-input-box.size-24 .FilterPanelItemToggler-module_title-wrapper__07dD8 {
|
|
4354
|
+
padding-left: 3px;
|
|
4355
|
+
padding-right: 3px;
|
|
4356
|
+
}
|
|
4357
|
+
.FilterPanelItemToggler-module_root__6HJLW.uui-input-box.size-30 {
|
|
4358
|
+
padding-left: 5px;
|
|
4359
|
+
padding-right: 5px;
|
|
4357
4360
|
}
|
|
4358
4361
|
.FilterPanelItemToggler-module_root__6HJLW.uui-input-box.size-30.uui-button-box, .FilterPanelItemToggler-module_root__6HJLW.uui-input-box.size-30.uui-input-box {
|
|
4359
4362
|
min-height: 30px;
|
|
4360
4363
|
border-width: 1px;
|
|
4361
4364
|
}
|
|
4362
|
-
.FilterPanelItemToggler-module_root__6HJLW.uui-input-box.size-36
|
|
4363
|
-
|
|
4364
|
-
|
|
4365
|
-
padding-top: 8px;
|
|
4366
|
-
padding-bottom: 8px;
|
|
4365
|
+
.FilterPanelItemToggler-module_root__6HJLW.uui-input-box.size-36 {
|
|
4366
|
+
padding-left: 5px;
|
|
4367
|
+
padding-right: 5px;
|
|
4367
4368
|
}
|
|
4368
4369
|
.FilterPanelItemToggler-module_root__6HJLW.uui-input-box.size-36.uui-button-box, .FilterPanelItemToggler-module_root__6HJLW.uui-input-box.size-36.uui-input-box {
|
|
4369
4370
|
min-height: 36px;
|
|
4370
4371
|
border-width: 1px;
|
|
4371
4372
|
}
|
|
4372
|
-
.FilterPanelItemToggler-module_root__6HJLW.uui-input-box.size-42
|
|
4373
|
-
|
|
4374
|
-
|
|
4375
|
-
padding-
|
|
4376
|
-
padding-
|
|
4373
|
+
.FilterPanelItemToggler-module_root__6HJLW.uui-input-box.size-42 {
|
|
4374
|
+
padding-left: 5px;
|
|
4375
|
+
padding-right: 5px;
|
|
4376
|
+
padding-left: 11px;
|
|
4377
|
+
padding-right: 11px;
|
|
4377
4378
|
}
|
|
4378
4379
|
.FilterPanelItemToggler-module_root__6HJLW.uui-input-box.size-42.uui-button-box, .FilterPanelItemToggler-module_root__6HJLW.uui-input-box.size-42.uui-input-box {
|
|
4379
4380
|
min-height: 42px;
|
|
4380
4381
|
border-width: 1px;
|
|
4381
4382
|
}
|
|
4382
|
-
.FilterPanelItemToggler-module_root__6HJLW.uui-input-box.size-48
|
|
4383
|
-
|
|
4384
|
-
|
|
4385
|
-
padding-
|
|
4386
|
-
padding-
|
|
4383
|
+
.FilterPanelItemToggler-module_root__6HJLW.uui-input-box.size-48 {
|
|
4384
|
+
padding-left: 5px;
|
|
4385
|
+
padding-right: 5px;
|
|
4386
|
+
padding-left: 11px;
|
|
4387
|
+
padding-right: 11px;
|
|
4387
4388
|
}
|
|
4388
4389
|
.FilterPanelItemToggler-module_root__6HJLW.uui-input-box.size-48.uui-button-box, .FilterPanelItemToggler-module_root__6HJLW.uui-input-box.size-48.uui-input-box {
|
|
4389
4390
|
min-height: 48px;
|
|
4390
4391
|
border-width: 1px;
|
|
4391
4392
|
}
|
|
4392
|
-
.FilterPanelItemToggler-module_root__6HJLW.uui-input-box .uui-icon-dropdown {
|
|
4393
|
-
fill: var(--uui-filters-toggler-icon);
|
|
4394
|
-
margin-top: auto;
|
|
4395
|
-
margin-bottom: auto;
|
|
4396
|
-
padding-left: 3px;
|
|
4397
|
-
}
|
|
4398
4393
|
.FilterRangeDatePickerBody-module_date-input__YCsN4 {
|
|
4399
4394
|
min-width: 0;
|
|
4400
4395
|
padding: 0 5px;
|
|
@@ -4533,10 +4528,17 @@
|
|
|
4533
4528
|
display: flex;
|
|
4534
4529
|
justify-content: space-between;
|
|
4535
4530
|
align-items: center;
|
|
4536
|
-
padding: 9px 12px
|
|
4531
|
+
padding: 9px 12px;
|
|
4537
4532
|
}
|
|
4538
4533
|
.FiltersPanelItem-module_header__hqSIh button.FiltersPanelItem-module_removeButton__dWD-9 {
|
|
4539
4534
|
padding-left: 24px;
|
|
4535
|
+
margin-left: auto;
|
|
4536
|
+
}
|
|
4537
|
+
.FiltersPanelItem-module_header__hqSIh button.FiltersPanelItem-module_removeButton__dWD-9 .uui-caption {
|
|
4538
|
+
font-size: 14px;
|
|
4539
|
+
}
|
|
4540
|
+
.FiltersPanelItem-module_header__hqSIh.FiltersPanelItem-module_with-search__sPAwy {
|
|
4541
|
+
padding-bottom: 0;
|
|
4540
4542
|
}
|
|
4541
4543
|
|
|
4542
4544
|
@media screen and (max-width: 720px) {
|
|
@@ -4544,6 +4546,9 @@
|
|
|
4544
4546
|
height: var(--app-mobile-height);
|
|
4545
4547
|
}
|
|
4546
4548
|
}
|
|
4549
|
+
.FiltersPanelItem-module_panel__EfHsL .-scrolled-top {
|
|
4550
|
+
border-top: 1px solid var(--uui-divider);
|
|
4551
|
+
}
|
|
4547
4552
|
.PresetsPanel-module_divider__vk5zN {
|
|
4548
4553
|
margin-right: 3px;
|
|
4549
4554
|
border-left: 1px solid var(--uui-divider);
|