@db-ux/core-components 4.5.4-tailwind-inline-5d37a00 → 4.6.0

package/build/components/custom-select-dropdown/custom-select-dropdown.css

@@ -19,191 +19,154 @@
 }
 
 .db-custom-select-dropdown {
-  /* stylelint-disable-next-line at-rule-prelude-no-invalid,layer-name-pattern */
+  --db-adaptive-bg-basic-level-1-default: var(
+  	--db-neutral-bg-basic-level-1-default
+  );
+  --db-adaptive-bg-basic-level-1-hovered: var(
+  	--db-neutral-bg-basic-level-1-hovered
+  );
+  --db-adaptive-bg-basic-level-1-pressed: var(
+  	--db-neutral-bg-basic-level-1-pressed
+  );
+  --db-adaptive-bg-basic-level-2-default: var(
+  	--db-neutral-bg-basic-level-2-default
+  );
+  --db-adaptive-bg-basic-level-2-hovered: var(
+  	--db-neutral-bg-basic-level-2-hovered
+  );
+  --db-adaptive-bg-basic-level-2-pressed: var(
+  	--db-neutral-bg-basic-level-2-pressed
+  );
+  --db-adaptive-bg-basic-level-3-default: var(
+  	--db-neutral-bg-basic-level-3-default
+  );
+  --db-adaptive-bg-basic-level-3-hovered: var(
+  	--db-neutral-bg-basic-level-3-hovered
+  );
+  --db-adaptive-bg-basic-level-3-pressed: var(
+  	--db-neutral-bg-basic-level-3-pressed
+  );
+  --db-adaptive-bg-basic-transparent-full-default: var(
+  	--db-neutral-bg-basic-transparent-full-default
+  );
+  --db-adaptive-bg-basic-transparent-semi-default: var(
+  	--db-neutral-bg-basic-transparent-semi-default
+  );
+  --db-adaptive-bg-basic-transparent-full-hovered: var(
+  	--db-neutral-bg-basic-transparent-full-hovered
+  );
+  --db-adaptive-bg-basic-transparent-full-pressed: var(
+  	--db-neutral-bg-basic-transparent-full-pressed
+  );
+  --db-adaptive-bg-basic-transparent-semi-hovered: var(
+  	--db-neutral-bg-basic-transparent-semi-hovered
+  );
+  --db-adaptive-bg-basic-transparent-semi-pressed: var(
+  	--db-neutral-bg-basic-transparent-semi-pressed
+  );
+  --db-adaptive-on-bg-basic-emphasis-100-default: var(
+  	--db-neutral-on-bg-basic-emphasis-100-default
+  );
+  --db-adaptive-on-bg-basic-emphasis-100-hovered: var(
+  	--db-neutral-on-bg-basic-emphasis-100-hovered
+  );
+  --db-adaptive-on-bg-basic-emphasis-100-pressed: var(
+  	--db-neutral-on-bg-basic-emphasis-100-pressed
+  );
+  --db-adaptive-on-bg-basic-emphasis-90-default: var(
+  	--db-neutral-on-bg-basic-emphasis-90-default
+  );
+  --db-adaptive-on-bg-basic-emphasis-90-hovered: var(
+  	--db-neutral-on-bg-basic-emphasis-90-hovered
+  );
+  --db-adaptive-on-bg-basic-emphasis-90-pressed: var(
+  	--db-neutral-on-bg-basic-emphasis-90-pressed
+  );
+  --db-adaptive-on-bg-basic-emphasis-80-default: var(
+  	--db-neutral-on-bg-basic-emphasis-80-default
+  );
+  --db-adaptive-on-bg-basic-emphasis-80-hovered: var(
+  	--db-neutral-on-bg-basic-emphasis-80-hovered
+  );
+  --db-adaptive-on-bg-basic-emphasis-80-pressed: var(
+  	--db-neutral-on-bg-basic-emphasis-80-pressed
+  );
+  --db-adaptive-on-bg-basic-emphasis-70-default: var(
+  	--db-neutral-on-bg-basic-emphasis-70-default
+  );
+  --db-adaptive-on-bg-basic-emphasis-70-hovered: var(
+  	--db-neutral-on-bg-basic-emphasis-70-hovered
+  );
+  --db-adaptive-on-bg-basic-emphasis-70-pressed: var(
+  	--db-neutral-on-bg-basic-emphasis-70-pressed
+  );
+  --db-adaptive-on-bg-basic-emphasis-60-default: var(
+  	--db-neutral-on-bg-basic-emphasis-60-default
+  );
+  --db-adaptive-on-bg-basic-emphasis-50-default: var(
+  	--db-neutral-on-bg-basic-emphasis-50-default
+  );
+  --db-adaptive-bg-inverted-contrast-max-default: var(
+  	--db-neutral-bg-inverted-contrast-max-default
+  );
+  --db-adaptive-bg-inverted-contrast-max-hovered: var(
+  	--db-neutral-bg-inverted-contrast-max-hovered
+  );
+  --db-adaptive-bg-inverted-contrast-max-pressed: var(
+  	--db-neutral-bg-inverted-contrast-max-pressed
+  );
+  --db-adaptive-bg-inverted-contrast-high-default: var(
+  	--db-neutral-bg-inverted-contrast-high-default
+  );
+  --db-adaptive-bg-inverted-contrast-high-hovered: var(
+  	--db-neutral-bg-inverted-contrast-high-hovered
+  );
+  --db-adaptive-bg-inverted-contrast-high-pressed: var(
+  	--db-neutral-bg-inverted-contrast-high-pressed
+  );
+  --db-adaptive-bg-inverted-contrast-low-default: var(
+  	--db-neutral-bg-inverted-contrast-low-default
+  );
+  --db-adaptive-bg-inverted-contrast-low-hovered: var(
+  	--db-neutral-bg-inverted-contrast-low-hovered
+  );
+  --db-adaptive-bg-inverted-contrast-low-pressed: var(
+  	--db-neutral-bg-inverted-contrast-low-pressed
+  );
+  --db-adaptive-on-bg-inverted-default: var(
+  	--db-neutral-on-bg-inverted-default
+  );
+  --db-adaptive-on-bg-inverted-hovered: var(
+  	--db-neutral-on-bg-inverted-hovered
+  );
+  --db-adaptive-on-bg-inverted-pressed: var(
+  	--db-neutral-on-bg-inverted-pressed
+  );
+  --db-adaptive-origin-default: var(--db-neutral-origin-default);
+  --db-adaptive-origin-hovered: var(--db-neutral-origin-hovered);
+  --db-adaptive-origin-pressed: var(--db-neutral-origin-pressed);
+  --db-adaptive-on-origin-default: var(
+  	--db-neutral-on-origin-default
+  );
+  --db-adaptive-bg-vibrant-default: var(
+  	--db-neutral-bg-vibrant-default
+  );
+  --db-adaptive-bg-vibrant-hovered: var(
+  	--db-neutral-bg-vibrant-hovered
+  );
+  --db-adaptive-bg-vibrant-pressed: var(
+  	--db-neutral-bg-vibrant-pressed
+  );
+  --db-adaptive-on-bg-vibrant-default: var(
+  	--db-neutral-on-bg-vibrant-default
+  );
+  --db-adaptive-on-bg-vibrant-hovered: var(
+  	--db-neutral-on-bg-vibrant-hovered
+  );
+  --db-adaptive-on-bg-vibrant-pressed: var(
+  	--db-neutral-on-bg-vibrant-pressed
+  );
 }
-@layer variables {
-  .db-custom-select-dropdown {
-    --db-adaptive-bg-basic-level-1-default: var(
-    	--db-neutral-bg-basic-level-1-default
-    );
-    --db-adaptive-bg-basic-level-1-hovered: var(
-    	--db-neutral-bg-basic-level-1-hovered
-    );
-    --db-adaptive-bg-basic-level-1-pressed: var(
-    	--db-neutral-bg-basic-level-1-pressed
-    );
-    --db-adaptive-bg-basic-level-2-default: var(
-    	--db-neutral-bg-basic-level-2-default
-    );
-    --db-adaptive-bg-basic-level-2-hovered: var(
-    	--db-neutral-bg-basic-level-2-hovered
-    );
-    --db-adaptive-bg-basic-level-2-pressed: var(
-    	--db-neutral-bg-basic-level-2-pressed
-    );
-    --db-adaptive-bg-basic-level-3-default: var(
-    	--db-neutral-bg-basic-level-3-default
-    );
-    --db-adaptive-bg-basic-level-3-hovered: var(
-    	--db-neutral-bg-basic-level-3-hovered
-    );
-    --db-adaptive-bg-basic-level-3-pressed: var(
-    	--db-neutral-bg-basic-level-3-pressed
-    );
-    --db-adaptive-bg-basic-transparent-full-default: var(
-    	--db-neutral-bg-basic-transparent-full-default
-    );
-    --db-adaptive-bg-basic-transparent-semi-default: var(
-    	--db-neutral-bg-basic-transparent-semi-default
-    );
-    --db-adaptive-bg-basic-transparent-full-hovered: var(
-    	--db-neutral-bg-basic-transparent-full-hovered
-    );
-    --db-adaptive-bg-basic-transparent-full-pressed: var(
-    	--db-neutral-bg-basic-transparent-full-pressed
-    );
-    --db-adaptive-bg-basic-transparent-semi-hovered: var(
-    	--db-neutral-bg-basic-transparent-semi-hovered
-    );
-    --db-adaptive-bg-basic-transparent-semi-pressed: var(
-    	--db-neutral-bg-basic-transparent-semi-pressed
-    );
-    --db-adaptive-on-bg-basic-emphasis-100-default: var(
-    	--db-neutral-on-bg-basic-emphasis-100-default
-    );
-    --db-adaptive-on-bg-basic-emphasis-100-hovered: var(
-    	--db-neutral-on-bg-basic-emphasis-100-hovered
-    );
-    --db-adaptive-on-bg-basic-emphasis-100-pressed: var(
-    	--db-neutral-on-bg-basic-emphasis-100-pressed
-    );
-    --db-adaptive-on-bg-basic-emphasis-90-default: var(
-    	--db-neutral-on-bg-basic-emphasis-90-default
-    );
-    --db-adaptive-on-bg-basic-emphasis-90-hovered: var(
-    	--db-neutral-on-bg-basic-emphasis-90-hovered
-    );
-    --db-adaptive-on-bg-basic-emphasis-90-pressed: var(
-    	--db-neutral-on-bg-basic-emphasis-90-pressed
-    );
-    --db-adaptive-on-bg-basic-emphasis-80-default: var(
-    	--db-neutral-on-bg-basic-emphasis-80-default
-    );
-    --db-adaptive-on-bg-basic-emphasis-80-hovered: var(
-    	--db-neutral-on-bg-basic-emphasis-80-hovered
-    );
-    --db-adaptive-on-bg-basic-emphasis-80-pressed: var(
-    	--db-neutral-on-bg-basic-emphasis-80-pressed
-    );
-    --db-adaptive-on-bg-basic-emphasis-70-default: var(
-    	--db-neutral-on-bg-basic-emphasis-70-default
-    );
-    --db-adaptive-on-bg-basic-emphasis-70-hovered: var(
-    	--db-neutral-on-bg-basic-emphasis-70-hovered
-    );
-    --db-adaptive-on-bg-basic-emphasis-70-pressed: var(
-    	--db-neutral-on-bg-basic-emphasis-70-pressed
-    );
-    --db-adaptive-on-bg-basic-emphasis-60-default: var(
-    	--db-neutral-on-bg-basic-emphasis-60-default
-    );
-    --db-adaptive-on-bg-basic-emphasis-50-default: var(
-    	--db-neutral-on-bg-basic-emphasis-50-default
-    );
-    --db-adaptive-bg-inverted-contrast-max-default: var(
-    	--db-neutral-bg-inverted-contrast-max-default
-    );
-    --db-adaptive-bg-inverted-contrast-max-hovered: var(
-    	--db-neutral-bg-inverted-contrast-max-hovered
-    );
-    --db-adaptive-bg-inverted-contrast-max-pressed: var(
-    	--db-neutral-bg-inverted-contrast-max-pressed
-    );
-    --db-adaptive-bg-inverted-contrast-high-default: var(
-    	--db-neutral-bg-inverted-contrast-high-default
-    );
-    --db-adaptive-bg-inverted-contrast-high-hovered: var(
-    	--db-neutral-bg-inverted-contrast-high-hovered
-    );
-    --db-adaptive-bg-inverted-contrast-high-pressed: var(
-    	--db-neutral-bg-inverted-contrast-high-pressed
-    );
-    --db-adaptive-bg-inverted-contrast-low-default: var(
-    	--db-neutral-bg-inverted-contrast-low-default
-    );
-    --db-adaptive-bg-inverted-contrast-low-hovered: var(
-    	--db-neutral-bg-inverted-contrast-low-hovered
-    );
-    --db-adaptive-bg-inverted-contrast-low-pressed: var(
-    	--db-neutral-bg-inverted-contrast-low-pressed
-    );
-    --db-adaptive-on-bg-inverted-default: var(
-    	--db-neutral-on-bg-inverted-default
-    );
-    --db-adaptive-on-bg-inverted-hovered: var(
-    	--db-neutral-on-bg-inverted-hovered
-    );
-    --db-adaptive-on-bg-inverted-pressed: var(
-    	--db-neutral-on-bg-inverted-pressed
-    );
-    --db-adaptive-origin-default: var(--db-neutral-origin-default);
-    --db-adaptive-origin-hovered: var(--db-neutral-origin-hovered);
-    --db-adaptive-origin-pressed: var(--db-neutral-origin-pressed);
-    --db-adaptive-on-origin-default: var(
-    	--db-neutral-on-origin-default
-    );
-    --db-adaptive-bg-vibrant-default: var(
-    	--db-neutral-bg-vibrant-default
-    );
-    --db-adaptive-bg-vibrant-hovered: var(
-    	--db-neutral-bg-vibrant-hovered
-    );
-    --db-adaptive-bg-vibrant-pressed: var(
-    	--db-neutral-bg-vibrant-pressed
-    );
-    --db-adaptive-on-bg-vibrant-default: var(
-    	--db-neutral-on-bg-vibrant-default
-    );
-    --db-adaptive-on-bg-vibrant-hovered: var(
-    	--db-neutral-on-bg-vibrant-hovered
-    );
-    --db-adaptive-on-bg-vibrant-pressed: var(
-    	--db-neutral-on-bg-vibrant-pressed
-    );
-  }
-}
-
-@layer variables {}
-
-@layer variables {}
-
-@layer variables {}
-
-@layer variables {}
-
-@layer variables {}
-
-@layer variables {}
-
-@layer variables {}
-
-@layer variables {}
-
-@layer variables {}
-
-@layer variables {}
-
-@layer variables {}
-
-@layer variables {}
-
-@layer variables {}
-
-@layer variables {}
-
-@layer variables {}
-
-@layer variables {}
 
 @keyframes popover-animation {
   0% {
@@ -222,60 +185,6 @@
     transform: rotate(1turn);
   }
 }
-@layer variables {}
-
-@layer variables {}
-
-@layer variables {}
-
-@layer variables {}
-
-@layer variables {}
-
-@layer variables {}
-
-@layer variables {}
-
-@layer variables {}
-
-@layer variables {}
-
-@layer variables {}
-
-@layer variables {}
-
-@layer variables {}
-
-@layer variables {}
-
-@layer variables {}
-
-@layer variables {}
-
-@layer variables {}
-
-@layer variables {}
-
-@layer variables {}
-
-@layer variables {}
-
-@layer variables {}
-
-@layer variables {}
-
-@layer variables {}
-
-@layer variables {}
-
-@layer variables {}
-
-@layer variables {}
-
-@layer variables {}
-
-@layer variables {}
-
 .db-custom-select-dropdown {
   position: absolute;
   z-index: 32;

package/build/components/custom-select-form-field/custom-select-form-field.css

@@ -18,94 +18,6 @@
 }
 
 /* Variants for adaptive components like input, select, notification, ... */
-@layer variables {}
-
-@layer variables {}
-
-@layer variables {}
-
-@layer variables {}
-
-@layer variables {}
-
-@layer variables {}
-
-@layer variables {}
-
-@layer variables {}
-
-@layer variables {}
-
-@layer variables {}
-
-@layer variables {}
-
-@layer variables {}
-
-@layer variables {}
-
-@layer variables {}
-
-@layer variables {}
-
-@layer variables {}
-
-@layer variables {}
-
-@layer variables {}
-
-@layer variables {}
-
-@layer variables {}
-
-@layer variables {}
-
-@layer variables {}
-
-@layer variables {}
-
-@layer variables {}
-
-@layer variables {}
-
-@layer variables {}
-
-@layer variables {}
-
-@layer variables {}
-
-@layer variables {}
-
-@layer variables {}
-
-@layer variables {}
-
-@layer variables {}
-
-@layer variables {}
-
-@layer variables {}
-
-@layer variables {}
-
-@layer variables {}
-
-@layer variables {}
-
-@layer variables {}
-
-@layer variables {}
-
-@layer variables {}
-
-@layer variables {}
-
-@layer variables {}
-
-@layer variables {}
-
-@layer variables {}
-
 .db-custom-select-form-field:is(summary) {
   list-style: none;
   align-items: center;

package/build/components/custom-select-list/custom-select-list.css

@@ -18,94 +18,6 @@
 }
 
 /* Variants for adaptive components like input, select, notification, ... */
-@layer variables {}
-
-@layer variables {}
-
-@layer variables {}
-
-@layer variables {}
-
-@layer variables {}
-
-@layer variables {}
-
-@layer variables {}
-
-@layer variables {}
-
-@layer variables {}
-
-@layer variables {}
-
-@layer variables {}
-
-@layer variables {}
-
-@layer variables {}
-
-@layer variables {}
-
-@layer variables {}
-
-@layer variables {}
-
-@layer variables {}
-
-@layer variables {}
-
-@layer variables {}
-
-@layer variables {}
-
-@layer variables {}
-
-@layer variables {}
-
-@layer variables {}
-
-@layer variables {}
-
-@layer variables {}
-
-@layer variables {}
-
-@layer variables {}
-
-@layer variables {}
-
-@layer variables {}
-
-@layer variables {}
-
-@layer variables {}
-
-@layer variables {}
-
-@layer variables {}
-
-@layer variables {}
-
-@layer variables {}
-
-@layer variables {}
-
-@layer variables {}
-
-@layer variables {}
-
-@layer variables {}
-
-@layer variables {}
-
-@layer variables {}
-
-@layer variables {}
-
-@layer variables {}
-
-@layer variables {}
-
 .db-custom-select-list {
   all: unset;
   padding: var(--db-spacing-fixed-sm);

package/build/components/custom-select-list-item/custom-select-list-item.css

@@ -18,40 +18,6 @@
   pointer-events: none !important;
 }
 
-@layer variables {}
-
-@layer variables {}
-
-@layer variables {}
-
-@layer variables {}
-
-@layer variables {}
-
-@layer variables {}
-
-@layer variables {}
-
-@layer variables {}
-
-@layer variables {}
-
-@layer variables {}
-
-@layer variables {}
-
-@layer variables {}
-
-@layer variables {}
-
-@layer variables {}
-
-@layer variables {}
-
-@layer variables {}
-
-@layer variables {}
-
 .db-custom-select-list-item:not([data-disable-focus=true]):has(> label > input:focus-visible) {
   outline: var(--db-border-width-2xs) solid var(--db-focus-outline-color, var(--db-informational-on-bg-basic-emphasis-70-default));
   outline-offset: var(--db-border-width-xs);
@@ -66,70 +32,13 @@
   border-radius: var(--db-border-radius-xs);
 }
 
-@layer variables {}
-
-@layer variables {}
-
-@layer variables {}
-
-@layer variables {}
-
-@layer variables {}
-
-@layer variables {}
-
-@layer variables {}
-
-@layer variables {}
-
-@layer variables {}
-
-@layer variables {}
-
-@layer variables {}
-
-@layer variables {}
-
-@layer variables {}
-
 .db-custom-select-list-item span {
   font: var(--db-type-body-md);
-  /* stylelint-disable-next-line at-rule-prelude-no-invalid,layer-name-pattern */
-}
-@layer variables {
-  .db-custom-select-list-item span {
-    /* Those variables are only for components to calculate heights and change icons */
-    --db-icon-font-weight: var(--db-base-body-icon-weight-md);
-    --db-icon-font-size: var(--db-base-body-icon-font-size-md);
-  }
+  /* Those variables are only for components to calculate heights and change icons */
+  --db-icon-font-weight: var(--db-base-body-icon-weight-md);
+  --db-icon-font-size: var(--db-base-body-icon-font-size-md);
 }
 
-@layer variables {}
-
-@layer variables {}
-
-@layer variables {}
-
-@layer variables {}
-
-@layer variables {}
-
-@layer variables {}
-
-@layer variables {}
-
-@layer variables {}
-
-@layer variables {}
-
-@layer variables {}
-
-@layer variables {}
-
-@layer variables {}
-
-@layer variables {}
-
 db-custom-select-list-item:not(:last-of-type) .db-custom-select-list-item[data-divider=true] {
   --db-divider-bg-color: var(--db-adaptive-on-bg-basic-emphasis-60-default);
   position: var(--db-tooltip-parent-position, relative);