@daffodil/design 0.42.4 → 0.43.0

package/src/molecules/paginator/paginator-theme.scss

@@ -0,0 +1,72 @@
+@use 'sass:map';
+@use '../../../scss/core';
+@use '../../../scss/theming';
+
+@mixin daff-paginator-theme-variant($active-color) {
+	color: currentColor;
+
+	&:hover,
+	&.selected { /* stylelint-disable-line selector-class-pattern */
+		background: $active-color;
+		color: theming.daff-text-contrast($active-color);
+	}
+}
+
+@mixin daff-paginator-theme($theme) {
+	$primary: map.get($theme, primary);
+	$secondary: map.get($theme, secondary);
+	$tertiary: map.get($theme, tertiary);
+	$base: core.daff-map-deep-get($theme, 'core.base');
+	$base-contrast: core.daff-map-deep-get($theme, 'core.base-contrast');
+	$white: core.daff-map-deep-get($theme, 'core.white');
+	$black: core.daff-map-deep-get($theme, 'core.black');
+
+	.daff-paginator {
+		&__previous,
+		&__next {
+			color: currentColor;
+		}
+
+		&.daff-primary {
+			.daff-paginator__page-link {
+				@include daff-paginator-theme-variant(theming.daff-color($primary));
+			}
+		}
+
+		&.daff-secondary {
+			.daff-paginator__page-link {
+				@include daff-paginator-theme-variant(theming.daff-color($secondary));
+			}
+		}
+
+		&.daff-tertiary {
+			.daff-paginator__page-link {
+				@include daff-paginator-theme-variant(theming.daff-color($tertiary));
+			}
+		}
+
+		&.daff-theme {
+			.daff-paginator__page-link {
+				@include daff-paginator-theme-variant($base);
+			}
+		}
+
+		&.daff-theme-contrast {
+			.daff-paginator__page-link {
+				@include daff-paginator-theme-variant($base-contrast);
+			}
+		}
+
+		&.daff-black {
+			.daff-paginator__page-link {
+				@include daff-paginator-theme-variant($black);
+			}
+		}
+
+		&.daff-white {
+			.daff-paginator__page-link {
+				@include daff-paginator-theme-variant($white);
+			}
+		}
+	}
+}

package/src/molecules/sidebar/sidebar/sidebar-theme.scss

@@ -0,0 +1,13 @@
+@use '../../../../scss/core';
+
+@mixin daff-sidebar-theme($theme) {
+	$base: core.daff-map-deep-get($theme, 'core.base');
+	$base-contrast: core.daff-map-deep-get($theme, "core.base-contrast");
+	$black: core.daff-map-deep-get($theme, 'core.black');
+
+	.daff-sidebar {
+		background: $base;
+		box-shadow: 6px 1px 9px 0 rgba($black, 0.1);
+		color: $base-contrast;
+	}
+}

package/src/molecules/sidebar/sidebar-viewport/sidebar-viewport-theme.scss

@@ -0,0 +1,11 @@
+@use '../../../../scss/core';
+
+@mixin daff-sidebar-viewport-theme($theme) {
+	$base: core.daff-map-deep-get($theme, 'core.base');
+	$base-contrast: core.daff-map-deep-get($theme, "core.base-contrast");
+
+	.daff-sidebar-viewport {
+		background: $base;
+		color: $base-contrast;
+	}
+}

package/daff-global.scss

@@ -1,2 +0,0 @@
-.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:transparent;transition:opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}
-