@db-ux/core-components 4.7.1 → 4.7.2-pnpm-1cacdb5
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/CHANGELOG.md +22 -16
- package/LICENSE +253 -0
- package/build/components/accordion/accordion.css +2 -0
- package/build/components/accordion-item/accordion-item.css +2 -0
- package/build/components/badge/badge.css +2 -0
- package/build/components/brand/brand.css +2 -0
- package/build/components/button/button.css +2 -0
- package/build/components/card/card.css +2 -0
- package/build/components/checkbox/checkbox.css +2 -0
- package/build/components/custom-button/custom-button.css +2 -0
- package/build/components/custom-select/custom-select.css +2 -0
- package/build/components/custom-select-dropdown/custom-select-dropdown.css +2 -0
- package/build/components/custom-select-form-field/custom-select-form-field.css +2 -0
- package/build/components/custom-select-list/custom-select-list.css +2 -0
- package/build/components/custom-select-list-item/custom-select-list-item.css +2 -0
- package/build/components/divider/divider.css +2 -0
- package/build/components/drawer/drawer.css +2 -0
- package/build/components/drawer/drawer.scss +2 -8
- package/build/components/header/header.css +2 -0
- package/build/components/icon/icon.css +2 -0
- package/build/components/infotext/infotext.css +2 -0
- package/build/components/input/input.css +2 -0
- package/build/components/link/link.css +2 -0
- package/build/components/navigation/navigation.css +2 -0
- package/build/components/navigation-item/navigation-item.css +30 -6
- package/build/components/navigation-item/navigation-item.scss +13 -11
- package/build/components/notification/notification.css +2 -0
- package/build/components/page/page.css +2 -0
- package/build/components/popover/popover.css +2 -0
- package/build/components/radio/radio.css +2 -0
- package/build/components/section/section.css +2 -0
- package/build/components/select/select.css +2 -0
- package/build/components/stack/stack-web-component.css +2 -0
- package/build/components/stack/stack.css +2 -0
- package/build/components/switch/switch.css +2 -0
- package/build/components/tab-item/tab-item.css +2 -0
- package/build/components/tab-list/tab-list.css +2 -0
- package/build/components/tab-panel/tab-panel.css +2 -0
- package/build/components/tabs/tabs.css +2 -0
- package/build/components/tag/tag.css +2 -0
- package/build/components/textarea/textarea.css +2 -0
- package/build/components/tooltip/tooltip.css +2 -0
- package/build/styles/absolute.css +2 -2
- package/build/styles/bundle.css +2 -2
- package/build/styles/index.css +1 -1
- package/build/styles/relative.css +2 -2
- package/build/styles/rollup.css +2 -2
- package/build/styles/webpack.css +2 -2
- package/package.json +38 -37
- package/build/assets/fallback-icon.svg +0 -3
- package/build/assets/fonts/OFL.txt +0 -93
- package/build/assets/fonts/OpenSans-Bold-EU.woff2 +0 -0
- package/build/assets/fonts/OpenSans-Bold.ttf +0 -0
- package/build/assets/fonts/OpenSans-ExtraBold-EU.woff2 +0 -0
- package/build/assets/fonts/OpenSans-ExtraBold.ttf +0 -0
- package/build/assets/fonts/OpenSans-Light-EU.woff2 +0 -0
- package/build/assets/fonts/OpenSans-Light.ttf +0 -0
- package/build/assets/fonts/OpenSans-Medium-EU.woff2 +0 -0
- package/build/assets/fonts/OpenSans-Medium.ttf +0 -0
- package/build/assets/fonts/OpenSans-Regular-EU.woff2 +0 -0
- package/build/assets/fonts/OpenSans-Regular.ttf +0 -0
- package/build/assets/fonts/OpenSans-SemiBold-EU.woff2 +0 -0
- package/build/assets/fonts/OpenSans-SemiBold.ttf +0 -0
- package/build/assets/fonts/README.md +0 -23
- package/build/assets/fonts/generate-eu-fonts.ts +0 -59
- package/build/assets/fonts/unicode-eu.txt +0 -15
- package/build/assets/icons/DB_LICENSE +0 -253
- package/build/assets/icons/LICENCES.json +0 -231
- package/build/assets/icons/arrow_down.svg +0 -1
- package/build/assets/icons/arrow_left.svg +0 -1
- package/build/assets/icons/arrow_right.svg +0 -1
- package/build/assets/icons/arrow_up.svg +0 -1
- package/build/assets/icons/arrow_up_right.svg +0 -1
- package/build/assets/icons/brand.svg +0 -1
- package/build/assets/icons/calendar.svg +0 -5
- package/build/assets/icons/chat.svg +0 -1
- package/build/assets/icons/check.svg +0 -1
- package/build/assets/icons/check_circle.svg +0 -1
- package/build/assets/icons/chevron_down.svg +0 -1
- package/build/assets/icons/chevron_left.svg +0 -1
- package/build/assets/icons/chevron_right.svg +0 -1
- package/build/assets/icons/chevron_up.svg +0 -1
- package/build/assets/icons/circle.svg +0 -1
- package/build/assets/icons/circle_small.svg +0 -1
- package/build/assets/icons/circular_arrows.svg +0 -1
- package/build/assets/icons/clock.svg +0 -1
- package/build/assets/icons/copy.svg +0 -1
- package/build/assets/icons/cross.svg +0 -1
- package/build/assets/icons/cross_circle.svg +0 -1
- package/build/assets/icons/double_chevron_down.svg +0 -1
- package/build/assets/icons/double_chevron_left.svg +0 -1
- package/build/assets/icons/double_chevron_right.svg +0 -1
- package/build/assets/icons/double_chevron_up.svg +0 -1
- package/build/assets/icons/exclamation_mark_circle.svg +0 -1
- package/build/assets/icons/exclamation_mark_triangle.svg +0 -1
- package/build/assets/icons/eye.svg +0 -1
- package/build/assets/icons/eye_disabled.svg +0 -1
- package/build/assets/icons/fonts/all/db-ux.woff2 +0 -0
- package/build/assets/icons/fonts/default/db-ux.woff2 +0 -0
- package/build/assets/icons/fonts/default_12/db-ux.woff2 +0 -0
- package/build/assets/icons/fonts/default_14/db-ux.woff2 +0 -0
- package/build/assets/icons/fonts/default_16/db-ux.woff2 +0 -0
- package/build/assets/icons/fonts/default_20/db-ux.woff2 +0 -0
- package/build/assets/icons/fonts/default_24/db-ux.woff2 +0 -0
- package/build/assets/icons/fonts/default_28/db-ux.woff2 +0 -0
- package/build/assets/icons/fonts/default_32/db-ux.woff2 +0 -0
- package/build/assets/icons/fonts/default_48/db-ux.woff2 +0 -0
- package/build/assets/icons/fonts/default_64/db-ux.woff2 +0 -0
- package/build/assets/icons/fonts/fallback/icon-font-fallback.woff2 +0 -0
- package/build/assets/icons/fonts/filled/db-ux.woff2 +0 -0
- package/build/assets/icons/fonts/filled_12/db-ux.woff2 +0 -0
- package/build/assets/icons/fonts/filled_14/db-ux.woff2 +0 -0
- package/build/assets/icons/fonts/filled_16/db-ux.woff2 +0 -0
- package/build/assets/icons/fonts/filled_20/db-ux.woff2 +0 -0
- package/build/assets/icons/fonts/filled_24/db-ux.woff2 +0 -0
- package/build/assets/icons/fonts/filled_28/db-ux.woff2 +0 -0
- package/build/assets/icons/fonts/filled_32/db-ux.woff2 +0 -0
- package/build/assets/icons/fonts/filled_48/db-ux.woff2 +0 -0
- package/build/assets/icons/fonts/filled_64/db-ux.woff2 +0 -0
- package/build/assets/icons/house.svg +0 -1
- package/build/assets/icons/information_circle.svg +0 -1
- package/build/assets/icons/magnifying_glass.svg +0 -1
- package/build/assets/icons/menu.svg +0 -1
- package/build/assets/icons/minus.svg +0 -1
- package/build/assets/icons/moon.svg +0 -1
- package/build/assets/icons/plus.svg +0 -1
- package/build/assets/icons/resize_handle_corner.svg +0 -1
- package/build/assets/icons/sun.svg +0 -1
- package/build/assets/icons/x_placeholder.svg +0 -1
|
@@ -34,7 +34,9 @@
|
|
|
34
34
|
}
|
|
35
35
|
|
|
36
36
|
.db-sub-navigation {
|
|
37
|
-
inset
|
|
37
|
+
inset: 0;
|
|
38
|
+
inline-size: 100%;
|
|
39
|
+
border-color: transparent;
|
|
38
40
|
}
|
|
39
41
|
}
|
|
40
42
|
}
|
|
@@ -104,6 +106,8 @@
|
|
|
104
106
|
|
|
105
107
|
@include screen-sizes.screen("md", "max") {
|
|
106
108
|
&:not([data-width="full"]) {
|
|
109
|
+
inline-size: 100%;
|
|
110
|
+
|
|
107
111
|
.db-navigation-item-expand-button {
|
|
108
112
|
&::after {
|
|
109
113
|
--db-icon-margin-start: auto;
|
|
@@ -175,19 +179,17 @@
|
|
|
175
179
|
|
|
176
180
|
@mixin sub-navigation-mobile() {
|
|
177
181
|
padding: variables.$db-spacing-fixed-md;
|
|
178
|
-
inline-size: 100
|
|
182
|
+
inline-size: calc(100% - #{variables.$db-spacing-fixed-xl});
|
|
179
183
|
position: fixed;
|
|
180
184
|
overflow: hidden auto;
|
|
185
|
+
inset-inline-start: variables.$db-spacing-fixed-xl;
|
|
186
|
+
|
|
187
|
+
.db-drawer-container[data-direction="left"] & {
|
|
188
|
+
inset-inline: auto variables.$db-spacing-fixed-xl;
|
|
189
|
+
}
|
|
181
190
|
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
#{component.$min-mobile-header-height} +
|
|
185
|
-
#{variables.$db-spacing-fixed-3xs}
|
|
186
|
-
)
|
|
187
|
-
calc(
|
|
188
|
-
#{variables.$db-sizing-md} + #{variables.$db-spacing-fixed-xs} * 2 +
|
|
189
|
-
#{variables.$db-spacing-fixed-3xs}
|
|
190
|
-
);
|
|
191
|
+
inset-block: calc(#{component.$min-mobile-header-height})
|
|
192
|
+
calc(#{variables.$db-sizing-md} + #{variables.$db-spacing-fixed-xs} * 2);
|
|
191
193
|
}
|
|
192
194
|
|
|
193
195
|
.db-sub-navigation {
|
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
/* stylelint-disable-next-line scss/dollar-variable-colon-space-after */
|
|
2
|
+
/* stylelint-disable-next-line scss/dollar-variable-colon-space-after */
|
|
1
3
|
/* Variants for adaptive components like input, select, notification, ... */
|
|
2
4
|
.db-notification[data-semantic=neutral] {
|
|
3
5
|
--db-adaptive-bg-basic-level-1-default: var(
|
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
/* stylelint-disable-next-line scss/dollar-variable-colon-space-after */
|
|
2
|
+
/* stylelint-disable-next-line scss/dollar-variable-colon-space-after */
|
|
1
3
|
/* Variants for adaptive components like input, select, notification, ... */
|
|
2
4
|
.db-visually-hidden,
|
|
3
5
|
[data-visually-hidden=true] {
|
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
/* stylelint-disable-next-line scss/dollar-variable-colon-space-after */
|
|
2
|
+
/* stylelint-disable-next-line scss/dollar-variable-colon-space-after */
|
|
1
3
|
/* Variants for adaptive components like input, select, notification, ... */
|
|
2
4
|
.db-section:not([data-width]), .db-section[data-width=full] {
|
|
3
5
|
padding-inline: var(--db-spacing-fixed-md);
|
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
/* stylelint-disable-next-line scss/dollar-variable-colon-space-after */
|
|
2
|
+
/* stylelint-disable-next-line scss/dollar-variable-colon-space-after */
|
|
1
3
|
/* Variants for adaptive components like input, select, notification, ... */
|
|
2
4
|
.db-select[data-hide-label=true] > label, .db-visually-hidden,
|
|
3
5
|
[data-visually-hidden=true] {
|
|
@@ -1,4 +1,6 @@
|
|
|
1
1
|
@charset "UTF-8";
|
|
2
|
+
/* stylelint-disable-next-line scss/dollar-variable-colon-space-after */
|
|
3
|
+
/* stylelint-disable-next-line scss/dollar-variable-colon-space-after */
|
|
2
4
|
/* Variants for adaptive components like input, select, notification, ... */
|
|
3
5
|
.db-visually-hidden,
|
|
4
6
|
[data-visually-hidden=true] {
|
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
/* stylelint-disable-next-line scss/dollar-variable-colon-space-after */
|
|
2
|
+
/* stylelint-disable-next-line scss/dollar-variable-colon-space-after */
|
|
1
3
|
/* Variants for adaptive components like input, select, notification, ... */
|
|
2
4
|
.db-visually-hidden,
|
|
3
5
|
[data-visually-hidden=true] {
|
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
/* stylelint-disable-next-line scss/dollar-variable-colon-space-after */
|
|
2
|
+
/* stylelint-disable-next-line scss/dollar-variable-colon-space-after */
|
|
1
3
|
/* Variants for adaptive components like input, select, notification, ... */
|
|
2
4
|
.db-visually-hidden,
|
|
3
5
|
[data-visually-hidden=true] {
|
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
/* stylelint-disable-next-line scss/dollar-variable-colon-space-after */
|
|
2
|
+
/* stylelint-disable-next-line scss/dollar-variable-colon-space-after */
|
|
1
3
|
/* Variants for adaptive components like input, select, notification, ... */
|
|
2
4
|
.db-tab-panel:not([hidden]) {
|
|
3
5
|
display: none;
|
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
/* stylelint-disable-next-line scss/dollar-variable-colon-space-after */
|
|
2
|
+
/* stylelint-disable-next-line scss/dollar-variable-colon-space-after */
|
|
1
3
|
/* Variants for adaptive components like input, select, notification, ... */
|
|
2
4
|
.db-visually-hidden,
|
|
3
5
|
[data-visually-hidden=true] {
|
|
@@ -19,6 +19,8 @@
|
|
|
19
19
|
transform: rotate(1turn);
|
|
20
20
|
}
|
|
21
21
|
}
|
|
22
|
+
/* stylelint-disable-next-line scss/dollar-variable-colon-space-after */
|
|
23
|
+
/* stylelint-disable-next-line scss/dollar-variable-colon-space-after */
|
|
22
24
|
/* Variants for adaptive components like input, select, notification, ... */
|
|
23
25
|
.db-tag:has(label, button:not(.db-tab-remove-button), a)[data-semantic=neutral] {
|
|
24
26
|
--db-adaptive-bg-basic-level-1-default: var(
|
|
@@ -17,6 +17,8 @@
|
|
|
17
17
|
pointer-events: none !important;
|
|
18
18
|
}
|
|
19
19
|
|
|
20
|
+
/* stylelint-disable-next-line scss/dollar-variable-colon-space-after */
|
|
21
|
+
/* stylelint-disable-next-line scss/dollar-variable-colon-space-after */
|
|
20
22
|
/* Variants for adaptive components like input, select, notification, ... */
|
|
21
23
|
.db-textarea[data-variant=floating] > label, .db-textarea textarea {
|
|
22
24
|
font: var(--db-type-body-md);
|
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
/* stylelint-disable-next-line scss/dollar-variable-colon-space-after */
|
|
2
|
+
/* stylelint-disable-next-line scss/dollar-variable-colon-space-after */
|
|
1
3
|
/* Variants for adaptive components like input, select, notification, ... */
|
|
2
4
|
.db-tooltip {
|
|
3
5
|
font: var(--db-type-body-sm);
|