@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/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
- font-size: 12px;
4341
- }
4342
- .FilterPanelItemToggler-module_root__6HJLW.uui-input-box.size-24 .uui-caption, .FilterPanelItemToggler-module_root__6HJLW.uui-input-box.size-24 .uui-input {
4343
- line-height: 18px;
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-30 .uui-caption, .FilterPanelItemToggler-module_root__6HJLW.uui-input-box.size-30 .uui-input {
4353
- line-height: 18px;
4354
- font-size: 14px;
4355
- padding-top: 5px;
4356
- padding-bottom: 5px;
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 .uui-caption, .FilterPanelItemToggler-module_root__6HJLW.uui-input-box.size-36 .uui-input {
4363
- line-height: 18px;
4364
- font-size: 14px;
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 .uui-caption, .FilterPanelItemToggler-module_root__6HJLW.uui-input-box.size-42 .uui-input {
4373
- line-height: 24px;
4374
- font-size: 16px;
4375
- padding-top: 8px;
4376
- padding-bottom: 8px;
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 .uui-caption, .FilterPanelItemToggler-module_root__6HJLW.uui-input-box.size-48 .uui-input {
4383
- line-height: 24px;
4384
- font-size: 16px;
4385
- padding-top: 11px;
4386
- padding-bottom: 11px;
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 0 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);