@db-ux/core-components 3.1.2 → 3.1.3-tooltip-local-testing-34210c8

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.
Files changed (23) hide show
  1. package/build/components/accordion/accordion.css +1 -1
  2. package/build/components/badge/badge.css +1 -0
  3. package/build/components/button/button.css +1 -0
  4. package/build/components/custom-select/custom-select.css +2 -2
  5. package/build/components/custom-select-dropdown/custom-select-dropdown.css +3 -3
  6. package/build/components/custom-select-list-item/custom-select-list-item.css +2 -2
  7. package/build/components/divider/divider.css +2 -2
  8. package/build/components/drawer/drawer.css +6 -6
  9. package/build/components/drawer/drawer.scss +1 -1
  10. package/build/components/header/header.css +4 -4
  11. package/build/components/input/input.css +2 -1
  12. package/build/components/navigation-item/navigation-item.css +1 -1
  13. package/build/components/select/select.css +1 -1
  14. package/build/components/tag/tag.css +1 -0
  15. package/build/components/textarea/textarea.css +1 -1
  16. package/build/styles/absolute.css +1 -1
  17. package/build/styles/index.css +1 -1
  18. package/build/styles/internal/_button-components.scss +1 -0
  19. package/build/styles/internal/_form-components.scss +1 -1
  20. package/build/styles/relative.css +1 -1
  21. package/build/styles/rollup.css +1 -1
  22. package/build/styles/webpack.css +1 -1
  23. package/package.json +2 -2
package/build/components/accordion/accordion.css CHANGED
@@ -87,7 +87,7 @@ The spacings are not part of the styling of the accordion items themselves.
87
87
  .db-accordion[data-variant=divider] db-accordion-item + db-accordion-item .db-accordion-item,
88
88
  .db-accordion[data-variant=divider] .db-accordion-item + .db-accordion-item, .db-accordion:not([data-variant]) db-accordion-item + db-accordion-item .db-accordion-item,
89
89
  .db-accordion:not([data-variant]) .db-accordion-item + .db-accordion-item {
90
- /* stylelint-disable-next-line db-ux/use-border-color */
90
+ /* stylelint-disable-next-line no-invalid-position-declaration, db-ux/use-border-color */
91
91
  border: var(--db-border-width-3xs) solid var(--db-divider-bg-color);
92
92
  }
93
93
  }
package/build/components/badge/badge.css CHANGED
@@ -134,6 +134,7 @@ paddings/gaps in an application e.g. the <main> should have a responsive padding
134
134
  text-align: center;
135
135
  display: inline-flex;
136
136
  align-items: center;
137
+ vertical-align: top;
137
138
  }
138
139
 
139
140
  /**
package/build/components/button/button.css CHANGED
@@ -146,6 +146,7 @@ paddings/gaps in an application e.g. the <main> should have a responsive padding
146
146
  text-align: center;
147
147
  display: inline-flex;
148
148
  align-items: center;
149
+ vertical-align: top;
149
150
  }
150
151
 
151
152
  .db-button {
package/build/components/custom-select/custom-select.css CHANGED
@@ -809,7 +809,7 @@ dialog:not([data-backdrop=none])[data-backdrop=weak]::backdrop, dialog:not([data
809
809
  --db-form-component-min-inline-size: var(--db-sizing-xl);
810
810
  position: relative;
811
811
  min-inline-size: var(--db-form-component-min-inline-size, var(--db-sizing-lg));
812
- /* stylelint-disable-next-line scss/selector-no-redundant-nesting-selector */
812
+ /* stylelint-disable-next-line block-no-redundant-nested-style-rules */
813
813
  /* custom elements workaround */
814
814
  }
815
815
  .db-custom-select[data-icon]:not([data-show-icon=false]) {
@@ -1114,7 +1114,7 @@ summary[aria-disabled=true]) {
1114
1114
  @media (forced-colors: active) {
1115
1115
  .db-custom-select > db-button > .db-button[data-icon=cross][data-variant=ghost],
1116
1116
  .db-custom-select > .db-button[data-icon=cross][data-variant=ghost] {
1117
- /* stylelint-disable-next-line db-ux/use-border-color */
1117
+ /* stylelint-disable-next-line no-invalid-position-declaration, db-ux/use-border-color */
1118
1118
  border: var(--db-border-width-3xs) solid var(--db-divider-bg-color);
1119
1119
  }
1120
1120
  }
package/build/components/custom-select-dropdown/custom-select-dropdown.css CHANGED
@@ -419,7 +419,7 @@ paddings/gaps in an application e.g. the <main> should have a responsive padding
419
419
  @media (forced-colors: active) {
420
420
  .db-custom-select-dropdown > db-custom-select-list > div:not([class~=db-custom-select-list]):has(.db-checkbox),
421
421
  .db-custom-select-dropdown > div:not([class~=db-custom-select-list]):has(.db-checkbox) {
422
- /* stylelint-disable-next-line db-ux/use-border-color */
422
+ /* stylelint-disable-next-line no-invalid-position-declaration, db-ux/use-border-color */
423
423
  border: var(--db-border-width-3xs) solid var(--db-divider-bg-color);
424
424
  }
425
425
  }
@@ -450,7 +450,7 @@ paddings/gaps in an application e.g. the <main> should have a responsive padding
450
450
  @media (forced-colors: active) {
451
451
  .db-custom-select-dropdown > db-custom-select-list > div:not([class~=db-custom-select-list]):has(.db-input),
452
452
  .db-custom-select-dropdown > div:not([class~=db-custom-select-list]):has(.db-input) {
453
- /* stylelint-disable-next-line db-ux/use-border-color */
453
+ /* stylelint-disable-next-line no-invalid-position-declaration, db-ux/use-border-color */
454
454
  border: var(--db-border-width-3xs) solid var(--db-divider-bg-color);
455
455
  }
456
456
  }
@@ -478,7 +478,7 @@ paddings/gaps in an application e.g. the <main> should have a responsive padding
478
478
  @media (forced-colors: active) {
479
479
  .db-custom-select-dropdown > db-custom-select-list > div:not([class~=db-custom-select-list]):has(.db-button),
480
480
  .db-custom-select-dropdown > div:not([class~=db-custom-select-list]):has(.db-button) {
481
- /* stylelint-disable-next-line db-ux/use-border-color */
481
+ /* stylelint-disable-next-line no-invalid-position-declaration, db-ux/use-border-color */
482
482
  border: var(--db-border-width-3xs) solid var(--db-divider-bg-color);
483
483
  }
484
484
  }
package/build/components/custom-select-list-item/custom-select-list-item.css CHANGED
@@ -168,7 +168,7 @@ db-custom-select-list-item:not(:last-of-type) .db-custom-select-list-item[data-d
168
168
  }
169
169
  @media (forced-colors: active) {
170
170
  db-custom-select-list-item:not(:last-of-type) .db-custom-select-list-item[data-divider=true] {
171
- /* stylelint-disable-next-line db-ux/use-border-color */
171
+ /* stylelint-disable-next-line no-invalid-position-declaration, db-ux/use-border-color */
172
172
  border: var(--db-border-width-3xs) solid var(--db-divider-bg-color);
173
173
  }
174
174
  }
@@ -226,7 +226,7 @@ db-custom-select-list-item:not(:last-of-type) .db-custom-select-list-item[data-d
226
226
  }
227
227
  @media (forced-colors: active) {
228
228
  .db-custom-select-list-item[data-divider=true]:not(:last-of-type) {
229
- /* stylelint-disable-next-line db-ux/use-border-color */
229
+ /* stylelint-disable-next-line no-invalid-position-declaration, db-ux/use-border-color */
230
230
  border: var(--db-border-width-3xs) solid var(--db-divider-bg-color);
231
231
  }
232
232
  }
package/build/components/divider/divider.css CHANGED
@@ -71,7 +71,7 @@ paddings/gaps in an application e.g. the <main> should have a responsive padding
71
71
  }
72
72
  @media (forced-colors: active) {
73
73
  .db-divider:not([data-variant=vertical]) {
74
- /* stylelint-disable-next-line db-ux/use-border-color */
74
+ /* stylelint-disable-next-line no-invalid-position-declaration, db-ux/use-border-color */
75
75
  border: var(--db-border-width-3xs) solid var(--db-divider-bg-color);
76
76
  }
77
77
  }
@@ -97,7 +97,7 @@ paddings/gaps in an application e.g. the <main> should have a responsive padding
97
97
  }
98
98
  @media (forced-colors: active) {
99
99
  .db-divider[data-variant=vertical] {
100
- /* stylelint-disable-next-line db-ux/use-border-color */
100
+ /* stylelint-disable-next-line no-invalid-position-declaration, db-ux/use-border-color */
101
101
  border: var(--db-border-width-3xs) solid var(--db-divider-bg-color);
102
102
  }
103
103
  }
package/build/components/drawer/drawer.css CHANGED
@@ -192,10 +192,10 @@ dialog:not([data-backdrop=none])[data-backdrop=weak]::backdrop, dialog:not([data
192
192
  }
193
193
 
194
194
  .db-drawer .db-drawer-container {
195
- /* stylelint-disable-next-line scss/selector-no-redundant-nesting-selector */
195
+ /* stylelint-disable-next-line block-no-redundant-nested-style-rules */
196
196
  }
197
197
  .db-drawer [data-spacing=small].db-drawer-container {
198
- /* stylelint-disable-next-line scss/selector-no-redundant-nesting-selector */
198
+ /* stylelint-disable-next-line block-no-redundant-nested-style-rules */
199
199
  }
200
200
  .db-drawer [data-spacing=small].db-drawer-container {
201
201
  padding-block: var(--db-spacing-fixed-xs);
@@ -226,7 +226,7 @@ dialog:not([data-backdrop=none])[data-backdrop=weak]::backdrop, dialog:not([data
226
226
  overflow-block: auto;
227
227
  }
228
228
  .db-drawer [data-spacing=medium].db-drawer-container {
229
- /* stylelint-disable-next-line scss/selector-no-redundant-nesting-selector */
229
+ /* stylelint-disable-next-line block-no-redundant-nested-style-rules */
230
230
  }
231
231
  .db-drawer [data-spacing=medium].db-drawer-container {
232
232
  padding-block: var(--db-spacing-fixed-sm);
@@ -243,7 +243,7 @@ dialog:not([data-backdrop=none])[data-backdrop=weak]::backdrop, dialog:not([data
243
243
  overflow-block: auto;
244
244
  }
245
245
  .db-drawer [data-spacing=large].db-drawer-container {
246
- /* stylelint-disable-next-line scss/selector-no-redundant-nesting-selector */
246
+ /* stylelint-disable-next-line block-no-redundant-nested-style-rules */
247
247
  }
248
248
  .db-drawer [data-spacing=large].db-drawer-container {
249
249
  padding-block: var(--db-spacing-fixed-md);
@@ -260,7 +260,7 @@ dialog:not([data-backdrop=none])[data-backdrop=weak]::backdrop, dialog:not([data
260
260
  overflow-block: auto;
261
261
  }
262
262
  .db-drawer [data-spacing=none].db-drawer-container {
263
- /* stylelint-disable-next-line scss/selector-no-redundant-nesting-selector */
263
+ /* stylelint-disable-next-line block-no-redundant-nested-style-rules */
264
264
  }
265
265
  .db-drawer [data-spacing=none].db-drawer-container {
266
266
  padding-block: 0;
@@ -324,7 +324,7 @@ dialog:not([data-backdrop=none])[data-backdrop=weak]::backdrop, dialog:not([data
324
324
  }
325
325
  @media (forced-colors: active) {
326
326
  .db-drawer .db-drawer-container .db-drawer-header {
327
- /* stylelint-disable-next-line db-ux/use-border-color */
327
+ /* stylelint-disable-next-line no-invalid-position-declaration, db-ux/use-border-color */
328
328
  border: var(--db-border-width-3xs) solid var(--db-divider-bg-color);
329
329
  }
330
330
  }
package/build/components/drawer/drawer.scss CHANGED
@@ -80,7 +80,7 @@ $spacings: (
80
80
  );
81
81
 
82
82
  @mixin get-spacing($spacing) {
83
- /* stylelint-disable-next-line scss/selector-no-redundant-nesting-selector */
83
+ /* stylelint-disable-next-line block-no-redundant-nested-style-rules */
84
84
  & {
85
85
  padding-block: map.get($spacing, "block");
86
86
  }
package/build/components/header/header.css CHANGED
@@ -506,7 +506,7 @@ paddings/gaps in an application e.g. the <main> should have a responsive padding
506
506
  }
507
507
  @media (forced-colors: active) {
508
508
  .db-header-meta-navigation {
509
- /* stylelint-disable-next-line db-ux/use-border-color */
509
+ /* stylelint-disable-next-line no-invalid-position-declaration, db-ux/use-border-color */
510
510
  border: var(--db-border-width-3xs) solid var(--db-divider-bg-color);
511
511
  }
512
512
  }
@@ -557,7 +557,7 @@ paddings/gaps in an application e.g. the <main> should have a responsive padding
557
557
  }
558
558
  @media screen and (min-width: 64em) and (forced-colors: active) {
559
559
  .db-header-navigation-container:not([data-force-mobile]), .db-header-navigation-container[data-force-mobile=false] {
560
- /* stylelint-disable-next-line db-ux/use-border-color */
560
+ /* stylelint-disable-next-line no-invalid-position-declaration, db-ux/use-border-color */
561
561
  border: var(--db-border-width-3xs) solid var(--db-divider-bg-color);
562
562
  }
563
563
  }
@@ -611,7 +611,7 @@ paddings/gaps in an application e.g. the <main> should have a responsive padding
611
611
  }
612
612
  @media (forced-colors: active) {
613
613
  .db-header-action-container {
614
- /* stylelint-disable-next-line db-ux/use-border-color */
614
+ /* stylelint-disable-next-line no-invalid-position-declaration, db-ux/use-border-color */
615
615
  border: var(--db-border-width-3xs) solid var(--db-divider-bg-color);
616
616
  }
617
617
  }
@@ -661,7 +661,7 @@ paddings/gaps in an application e.g. the <main> should have a responsive padding
661
661
  }
662
662
  @media (forced-colors: active) {
663
663
  .db-header-secondary-action {
664
- /* stylelint-disable-next-line db-ux/use-border-color */
664
+ /* stylelint-disable-next-line no-invalid-position-declaration, db-ux/use-border-color */
665
665
  border: var(--db-border-width-3xs) solid var(--db-divider-bg-color);
666
666
  }
667
667
  }
package/build/components/input/input.css CHANGED
@@ -571,11 +571,12 @@ input[type=radio]:checked) > label {
571
571
  text-align: center;
572
572
  display: inline-flex;
573
573
  align-items: center;
574
+ vertical-align: top;
574
575
  }
575
576
 
576
577
  .db-input {
577
578
  min-inline-size: var(--db-form-component-min-inline-size, var(--db-sizing-lg));
578
- /* stylelint-disable-next-line scss/selector-no-redundant-nesting-selector */
579
+ /* stylelint-disable-next-line block-no-redundant-nested-style-rules */
579
580
  }
580
581
  .db-input {
581
582
  --db-form-has-before: 0;
package/build/components/navigation-item/navigation-item.css CHANGED
@@ -575,7 +575,7 @@ paddings/gaps in an application e.g. the <main> should have a responsive padding
575
575
  }
576
576
  @media (forced-colors: active) {
577
577
  .db-mobile-navigation-back {
578
- /* stylelint-disable-next-line db-ux/use-border-color */
578
+ /* stylelint-disable-next-line no-invalid-position-declaration, db-ux/use-border-color */
579
579
  border: var(--db-border-width-3xs) solid var(--db-divider-bg-color);
580
580
  }
581
581
  }
package/build/components/select/select.css CHANGED
@@ -621,7 +621,7 @@ input[type=radio]:checked) > label {
621
621
  --db-form-component-padding-inline-end: calc(var(--db-icon-font-size) + var(--db-spacing-fixed-sm) + var(--db-spacing-fixed-xs));
622
622
  --db-form-component-min-inline-size: var(--db-sizing-xl);
623
623
  min-inline-size: var(--db-form-component-min-inline-size, var(--db-sizing-lg));
624
- /* stylelint-disable-next-line scss/selector-no-redundant-nesting-selector */
624
+ /* stylelint-disable-next-line block-no-redundant-nested-style-rules */
625
625
  }
626
626
  .db-select {
627
627
  --db-form-has-before: 0;
package/build/components/tag/tag.css CHANGED
@@ -1010,6 +1010,7 @@ paddings/gaps in an application e.g. the <main> should have a responsive padding
1010
1010
  text-align: center;
1011
1011
  display: inline-flex;
1012
1012
  align-items: center;
1013
+ vertical-align: top;
1013
1014
  }
1014
1015
 
1015
1016
  /**
package/build/components/textarea/textarea.css CHANGED
@@ -372,7 +372,7 @@ input[type=radio]:checked) > label {
372
372
 
373
373
  .db-textarea {
374
374
  min-inline-size: var(--db-form-component-min-inline-size, var(--db-sizing-lg));
375
- /* stylelint-disable-next-line scss/selector-no-redundant-nesting-selector */
375
+ /* stylelint-disable-next-line block-no-redundant-nested-style-rules */
376
376
  }
377
377
  .db-textarea {
378
378
  --db-form-has-before: 0;