From 01db447676b3b8d1f9453e6c410499db8d2fcaf7 Mon Sep 17 00:00:00 2001 From: Elain T Date: Tue, 2 Apr 2024 19:26:32 -0600 Subject: [PATCH] feat(design)!: move `DaffBackdropModule` into `DaffSidebarModule` (#2673) BREAKING CHANGE: `DaffBackdropModule` code has been moved into `DaffSidebarModule`. It can no longer be used as a standalone component in `@daffodil/design` --- libs/design/sidebar/src/public_api.ts | 1 + .../animation/backdrop-animation-state.ts | 2 + .../animation/backdrop-animation.ts | 2 +- .../sidebar-viewport-backdrop.component.scss} | 23 ++- ...idebar-viewport-backdrop.component.spec.ts | 144 ++++++++++++++++++ .../sidebar-viewport-backdrop.component.ts} | 25 ++- .../sidebar-viewport.component.html | 5 +- .../sidebar-viewport.component.scss | 8 - .../sidebar-viewport.component.spec.ts | 14 +- .../sidebar-viewport/specs/defaults.spec.ts | 3 - libs/design/sidebar/src/sidebar.module.ts | 6 +- libs/design/src/molecules/backdrop/README.md | 13 -- .../animation/backdrop-animation-state.ts | 2 - .../src/molecules/backdrop/backdrop.module.ts | 17 --- .../backdrop/backdrop/backdrop.component.html | 1 - .../backdrop/backdrop.component.spec.ts | 131 ---------------- .../src/molecules/backdrop/public_api.ts | 2 - libs/design/src/public_api.ts | 1 - 18 files changed, 178 insertions(+), 222 deletions(-) create mode 100644 libs/design/sidebar/src/sidebar-viewport-backdrop/animation/backdrop-animation-state.ts rename libs/design/{src/molecules/backdrop => sidebar/src/sidebar-viewport-backdrop}/animation/backdrop-animation.ts (94%) rename libs/design/{src/molecules/backdrop/backdrop/backdrop.component.scss => sidebar/src/sidebar-viewport-backdrop/sidebar-viewport-backdrop.component.scss} (68%) create mode 100644 libs/design/sidebar/src/sidebar-viewport-backdrop/sidebar-viewport-backdrop.component.spec.ts rename libs/design/{src/molecules/backdrop/backdrop/backdrop.component.ts => sidebar/src/sidebar-viewport-backdrop/sidebar-viewport-backdrop.component.ts} (73%) delete mode 100644 libs/design/src/molecules/backdrop/README.md delete mode 100644 libs/design/src/molecules/backdrop/animation/backdrop-animation-state.ts delete mode 100644 libs/design/src/molecules/backdrop/backdrop.module.ts delete mode 100644 libs/design/src/molecules/backdrop/backdrop/backdrop.component.html delete mode 100644 libs/design/src/molecules/backdrop/backdrop/backdrop.component.spec.ts delete mode 100644 libs/design/src/molecules/backdrop/public_api.ts diff --git a/libs/design/sidebar/src/public_api.ts b/libs/design/sidebar/src/public_api.ts index 1d62e5c7cf..860cb195e5 100644 --- a/libs/design/sidebar/src/public_api.ts +++ b/libs/design/sidebar/src/public_api.ts @@ -5,6 +5,7 @@ export * from './sidebar-header/sidebar-header.component'; export * from './sidebar-footer/sidebar-footer.component'; export * from './sidebar-header/sidebar-header-title/sidebar-header-title.directive'; export * from './sidebar-header/sidebar-header-action/sidebar-header-action.directive'; +export * from './sidebar-viewport-backdrop/sidebar-viewport-backdrop.component'; export { DaffSidebarMode, DaffSidebarModeEnum, diff --git a/libs/design/sidebar/src/sidebar-viewport-backdrop/animation/backdrop-animation-state.ts b/libs/design/sidebar/src/sidebar-viewport-backdrop/animation/backdrop-animation-state.ts new file mode 100644 index 0000000000..9a1178f0d6 --- /dev/null +++ b/libs/design/sidebar/src/sidebar-viewport-backdrop/animation/backdrop-animation-state.ts @@ -0,0 +1,2 @@ +export type DaffSidebarViewportBackdropAnimationState = 'interactable' | 'non-interactable'; +export const getAnimationState = (interactable: boolean): DaffSidebarViewportBackdropAnimationState=> interactable ? 'interactable' : 'non-interactable'; diff --git a/libs/design/src/molecules/backdrop/animation/backdrop-animation.ts b/libs/design/sidebar/src/sidebar-viewport-backdrop/animation/backdrop-animation.ts similarity index 94% rename from libs/design/src/molecules/backdrop/animation/backdrop-animation.ts rename to libs/design/sidebar/src/sidebar-viewport-backdrop/animation/backdrop-animation.ts index 9635697d5d..efd55f0bed 100644 --- a/libs/design/src/molecules/backdrop/animation/backdrop-animation.ts +++ b/libs/design/sidebar/src/sidebar-viewport-backdrop/animation/backdrop-animation.ts @@ -11,7 +11,7 @@ const animationDuration = '350ms'; const backdropTransitionOut = 'cubic-bezier(0.4, 0.0, 1, 1)'; const backdropTransitionIn = 'cubic-bezier(0.0, 0.0, 0.2, 1)'; -export const daffBackdropAnimations: { +export const daffSidebarViewportBackdropAnimations: { readonly fadeBackdrop: AnimationTriggerMetadata; } = { fadeBackdrop: trigger('fadeBackdrop', [ diff --git a/libs/design/src/molecules/backdrop/backdrop/backdrop.component.scss b/libs/design/sidebar/src/sidebar-viewport-backdrop/sidebar-viewport-backdrop.component.scss similarity index 68% rename from libs/design/src/molecules/backdrop/backdrop/backdrop.component.scss rename to libs/design/sidebar/src/sidebar-viewport-backdrop/sidebar-viewport-backdrop.component.scss index 028200e904..a7e29b6594 100644 --- a/libs/design/src/molecules/backdrop/backdrop/backdrop.component.scss +++ b/libs/design/sidebar/src/sidebar-viewport-backdrop/sidebar-viewport-backdrop.component.scss @@ -1,28 +1,27 @@ -@use 'interactions'; +@use '../../../scss/interactions'; +@use '../helper/variables'; $bg-color: rgba(0, 0, 0, 0.3); $highlight-color: rgba(0, 0, 0, 0); :host { display: block; + background: $bg-color; -webkit-tap-highlight-color: $highlight-color; + position: absolute; + pointer-events: auto; + height: 100%; + width: 100%; visibility: hidden; - pointer-events: none; + z-index: variables.$daff-sidebar-backdrop-z-index; &.interactable { visibility: visible; pointer-events: all; @include interactions.clickable; } -} -.daff-backdrop { - background: $bg-color; - height: 100%; - width: 100%; - - - &--transparent { + &.transparent { background: none; } @@ -32,9 +31,7 @@ $highlight-color: rgba(0, 0, 0, 0); outline: 0; } - - - &--fullscreen { + &.fullscreen { position: absolute; } } diff --git a/libs/design/sidebar/src/sidebar-viewport-backdrop/sidebar-viewport-backdrop.component.spec.ts b/libs/design/sidebar/src/sidebar-viewport-backdrop/sidebar-viewport-backdrop.component.spec.ts new file mode 100644 index 0000000000..5b0dc50e0f --- /dev/null +++ b/libs/design/sidebar/src/sidebar-viewport-backdrop/sidebar-viewport-backdrop.component.spec.ts @@ -0,0 +1,144 @@ +import { + Component, + DebugElement, +} from '@angular/core'; +import { + waitForAsync, + ComponentFixture, + TestBed, +} from '@angular/core/testing'; +import { By } from '@angular/platform-browser'; +import { NoopAnimationsModule } from '@angular/platform-browser/animations'; + +import { DaffSidebarViewportBackdropComponent } from './sidebar-viewport-backdrop.component'; + +@Component({ template: ` + +` }) +class WrapperComponent { + fullscreen = false; + showValue = true; + transparent = true; + backdropFunction = () => {}; +} + +describe('@daffodil/design/sidebar | DaffSidebarViewportBackdropComponent | Usage', () => { + let wrapper: WrapperComponent; + let fixture: ComponentFixture; + let component: DaffSidebarViewportBackdropComponent; + let de: DebugElement; + + beforeEach(waitForAsync(() => { + TestBed.configureTestingModule({ + imports: [ + NoopAnimationsModule, + ], + declarations: [ + WrapperComponent, + DaffSidebarViewportBackdropComponent, + ], + }) + .compileComponents(); + })); + + beforeEach(() => { + fixture = TestBed.createComponent(WrapperComponent); + wrapper = fixture.componentInstance; + fixture.detectChanges(); + + de = fixture.debugElement.query(By.css('daff-sidebar-viewport-backdrop')); + component = de.componentInstance; + }); + + it('should create', () => { + expect(wrapper).toBeTruthy(); + }); + + describe('the transparent property', () => { + describe('when trasparent="false"', () => { + it('should not add the class `transparent` to the host element', () => { + wrapper.transparent = false; + fixture.detectChanges(); + + expect(de.nativeElement.classList).not.toContain('transparent'); + }); + }); + + describe('when transparent="true"', () => { + it('should add the class `transparent` to the host element', () => { + wrapper.transparent = true; + fixture.detectChanges(); + + expect(de.nativeElement.classList).toContain('transparent'); + }); + }); + }); + + describe('the fullscreen property', () => { + describe('when fullscreen="false"', () => { + it('should not add the class `fullscreen` to the host element', () => { + wrapper.fullscreen = false; + fixture.detectChanges(); + + expect(de.nativeElement.classList).not.toContain('fullscreen'); + }); + }); + + describe('when fullscreen="true"', () => { + it('should add the class `fullscreen` to the host element', () => { + wrapper.fullscreen = true; + fixture.detectChanges(); + expect(de.nativeElement.classList).toContain('fullscreen'); + }); + }); + }); + + describe('when the backdrop host element is clicked', () => { + it('should emit backdropClicked', () => { + spyOn(component.backdropClicked, 'emit'); + + de.nativeElement.click(); + + expect(component.backdropClicked.emit).toHaveBeenCalledWith(); + }); + }); +}); + + +describe('@daffodil/design/sidebar | DaffSidebarViewportBackdropComponent | Defaults', () => { + let fixture: ComponentFixture; + let component: DaffSidebarViewportBackdropComponent; + + beforeEach(waitForAsync(() => { + TestBed.configureTestingModule({ + imports: [ + NoopAnimationsModule, + ], + declarations: [ + DaffSidebarViewportBackdropComponent, + ], + }) + .compileComponents(); + })); + + beforeEach(() => { + fixture = TestBed.createComponent(DaffSidebarViewportBackdropComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); + + it('should set transparent to `false` by default', () => { + expect(component.transparent).toBe(false); + }); + + it('should set fullscreen to `false` by default', () => { + expect(component.fullscreen).toBe(false); + }); +}); diff --git a/libs/design/src/molecules/backdrop/backdrop/backdrop.component.ts b/libs/design/sidebar/src/sidebar-viewport-backdrop/sidebar-viewport-backdrop.component.ts similarity index 73% rename from libs/design/src/molecules/backdrop/backdrop/backdrop.component.ts rename to libs/design/sidebar/src/sidebar-viewport-backdrop/sidebar-viewport-backdrop.component.ts index 823f453f8a..ea72126f32 100644 --- a/libs/design/src/molecules/backdrop/backdrop/backdrop.component.ts +++ b/libs/design/sidebar/src/sidebar-viewport-backdrop/sidebar-viewport-backdrop.component.ts @@ -7,29 +7,29 @@ import { ChangeDetectionStrategy, HostListener, HostBinding, - ElementRef, OnInit, } from '@angular/core'; -import { daffBackdropAnimations } from '../animation/backdrop-animation'; -import { getAnimationState } from '../animation/backdrop-animation-state'; +import { daffSidebarViewportBackdropAnimations } from './animation/backdrop-animation'; +import { getAnimationState } from './animation/backdrop-animation-state'; @Component({ - selector: 'daff-backdrop', - templateUrl: './backdrop.component.html', - styleUrls: ['./backdrop.component.scss'], + selector: 'daff-sidebar-viewport-backdrop', + template: '', + styleUrls: ['./sidebar-viewport-backdrop.component.scss'], animations: [ - daffBackdropAnimations.fadeBackdrop, + daffSidebarViewportBackdropAnimations.fadeBackdrop, ], changeDetection: ChangeDetectionStrategy.OnPush, }) -export class DaffBackdropComponent implements OnInit { +export class DaffSidebarViewportBackdropComponent implements OnInit { + + @HostBinding('class.interactable') interactableClass = true; /** * Determines whether or not the backdrop is transparent. */ - // eslint-disable-next-line @typescript-eslint/no-inferrable-types - @Input() transparent: boolean = false; + @Input() @HostBinding('class.transparent') transparent = false; /** * Determines whether or not the backdrop is interactable. @@ -40,16 +40,13 @@ export class DaffBackdropComponent implements OnInit { * Boolean property that determines whether or not the * backdrop should fill up its containing window. */ - // eslint-disable-next-line @typescript-eslint/no-inferrable-types - @Input() fullscreen: boolean = false; + @Input() @HostBinding('class.fullscreen') fullscreen = false; /** * Output event triggered when the backdrop is clicked. */ @Output() backdropClicked: EventEmitter = new EventEmitter(); - @HostBinding('class.interactable') interactableClass = true; - ngOnInit(): void { this.interactableClass = this.interactable; } diff --git a/libs/design/sidebar/src/sidebar-viewport/sidebar-viewport.component.html b/libs/design/sidebar/src/sidebar-viewport/sidebar-viewport.component.html index a288faf3f2..7322496bd9 100644 --- a/libs/design/sidebar/src/sidebar-viewport/sidebar-viewport.component.html +++ b/libs/design/sidebar/src/sidebar-viewport/sidebar-viewport.component.html @@ -1,11 +1,10 @@ - - +
@@ -44,14 +40,13 @@ describe('@daffodil/design/sidebar | DaffSidebarViewportComponent | Usage', () = let wrapper: WrapperComponent; let fixture: ComponentFixture; let component: DaffSidebarViewportComponent; - let backdrop: DaffBackdropComponent; + let backdrop: DaffSidebarViewportBackdropComponent; let de: DebugElement; beforeEach(waitForAsync(() => { TestBed.configureTestingModule({ imports: [ NoopAnimationsModule, - DaffBackdropModule, ], declarations: [ WrapperComponent, @@ -100,10 +95,10 @@ describe('@daffodil/design/sidebar | DaffSidebarViewportComponent | Usage', () = }); }); - describe('when emits backdropClicked', () => { + describe('when emits backdropClicked', () => { beforeEach(() => { fixture.detectChanges(); - backdrop = fixture.debugElement.query(By.css('daff-backdrop')).componentInstance; + backdrop = fixture.debugElement.query(By.css('daff-sidebar-viewport-backdrop')).componentInstance; spyOn(component.backdropClicked, 'emit'); backdrop.backdropClicked.emit(); @@ -132,7 +127,6 @@ describe('@daffodil/design/sidebar | DaffSidebarViewportComponent | Usage', () = imports: [ CommonModule, NoopAnimationsModule, - DaffBackdropModule, ], declarations: [ DaffSidebarComponent, diff --git a/libs/design/sidebar/src/sidebar-viewport/specs/defaults.spec.ts b/libs/design/sidebar/src/sidebar-viewport/specs/defaults.spec.ts index e6cd49194b..c46477e496 100644 --- a/libs/design/sidebar/src/sidebar-viewport/specs/defaults.spec.ts +++ b/libs/design/sidebar/src/sidebar-viewport/specs/defaults.spec.ts @@ -6,8 +6,6 @@ import { } from '@angular/core/testing'; import { NoopAnimationsModule } from '@angular/platform-browser/animations'; -import { DaffBackdropModule } from '@daffodil/design'; - import { DaffSidebarViewportComponent } from './../sidebar-viewport.component'; import { DaffSidebarAnimationStates } from '../../animation/sidebar-animation'; import { DaffSidebarComponent } from '../../sidebar/sidebar.component'; @@ -20,7 +18,6 @@ describe('@daffodil/design/sidebar | DaffSidebarViewportComponent | Defaults', ( TestBed.configureTestingModule({ imports: [ NoopAnimationsModule, - DaffBackdropModule, A11yModule, ], declarations: [ diff --git a/libs/design/sidebar/src/sidebar.module.ts b/libs/design/sidebar/src/sidebar.module.ts index 052c20a1f0..7f291025a2 100644 --- a/libs/design/sidebar/src/sidebar.module.ts +++ b/libs/design/sidebar/src/sidebar.module.ts @@ -2,20 +2,18 @@ import { A11yModule } from '@angular/cdk/a11y'; import { CommonModule } from '@angular/common'; import { NgModule } from '@angular/core'; -import { DaffBackdropModule } from '@daffodil/design'; - import { DaffSidebarComponent } from './sidebar/sidebar.component'; import { DaffSidebarFooterComponent } from './sidebar-footer/sidebar-footer.component'; import { DaffSidebarHeaderActionDirective } from './sidebar-header/sidebar-header-action/sidebar-header-action.directive'; import { DaffSidebarHeaderTitleDirective } from './sidebar-header/sidebar-header-title/sidebar-header-title.directive'; import { DaffSidebarHeaderComponent } from './sidebar-header/sidebar-header.component'; import { DaffSidebarViewportComponent } from './sidebar-viewport/sidebar-viewport.component'; +import { DaffSidebarViewportBackdropComponent } from './sidebar-viewport-backdrop/sidebar-viewport-backdrop.component'; @NgModule({ imports: [ CommonModule, A11yModule, - DaffBackdropModule, ], declarations: [ DaffSidebarComponent, @@ -24,6 +22,7 @@ import { DaffSidebarViewportComponent } from './sidebar-viewport/sidebar-viewpor DaffSidebarFooterComponent, DaffSidebarHeaderTitleDirective, DaffSidebarHeaderActionDirective, + DaffSidebarViewportBackdropComponent, ], exports: [ DaffSidebarComponent, @@ -32,6 +31,7 @@ import { DaffSidebarViewportComponent } from './sidebar-viewport/sidebar-viewpor DaffSidebarFooterComponent, DaffSidebarHeaderTitleDirective, DaffSidebarHeaderActionDirective, + DaffSidebarViewportBackdropComponent, ], }) export class DaffSidebarModule { } diff --git a/libs/design/src/molecules/backdrop/README.md b/libs/design/src/molecules/backdrop/README.md deleted file mode 100644 index 5eb0fcdc95..0000000000 --- a/libs/design/src/molecules/backdrop/README.md +++ /dev/null @@ -1,13 +0,0 @@ -# Backdrop Component - -The `daff-backdrop` component is a simple component used to "backdrop" other components. `daff-backdrop` is often used alongside modals, dialogs, overlays, and lightboxes. - -## Animations - -`daff-backdrop` provides and manages its own animation. - -## Usage - -``` - -``` diff --git a/libs/design/src/molecules/backdrop/animation/backdrop-animation-state.ts b/libs/design/src/molecules/backdrop/animation/backdrop-animation-state.ts deleted file mode 100644 index 7b492bcc16..0000000000 --- a/libs/design/src/molecules/backdrop/animation/backdrop-animation-state.ts +++ /dev/null @@ -1,2 +0,0 @@ -export type DaffBackdropAnimationState = 'interactable' | 'non-interactable'; -export const getAnimationState = (interactable: boolean): DaffBackdropAnimationState=> interactable ? 'interactable' : 'non-interactable'; diff --git a/libs/design/src/molecules/backdrop/backdrop.module.ts b/libs/design/src/molecules/backdrop/backdrop.module.ts deleted file mode 100644 index 22006d81a5..0000000000 --- a/libs/design/src/molecules/backdrop/backdrop.module.ts +++ /dev/null @@ -1,17 +0,0 @@ -import { CommonModule } from '@angular/common'; -import { NgModule } from '@angular/core'; - -import { DaffBackdropComponent } from './backdrop/backdrop.component'; - -@NgModule({ - imports: [ - CommonModule, - ], - declarations: [ - DaffBackdropComponent, - ], - exports: [ - DaffBackdropComponent, - ], -}) -export class DaffBackdropModule { } diff --git a/libs/design/src/molecules/backdrop/backdrop/backdrop.component.html b/libs/design/src/molecules/backdrop/backdrop/backdrop.component.html deleted file mode 100644 index 9228c2cf76..0000000000 --- a/libs/design/src/molecules/backdrop/backdrop/backdrop.component.html +++ /dev/null @@ -1 +0,0 @@ -
diff --git a/libs/design/src/molecules/backdrop/backdrop/backdrop.component.spec.ts b/libs/design/src/molecules/backdrop/backdrop/backdrop.component.spec.ts deleted file mode 100644 index a7a873dc87..0000000000 --- a/libs/design/src/molecules/backdrop/backdrop/backdrop.component.spec.ts +++ /dev/null @@ -1,131 +0,0 @@ -import { - Component, - DebugElement, -} from '@angular/core'; -import { - waitForAsync, - ComponentFixture, - TestBed, -} from '@angular/core/testing'; -import { By } from '@angular/platform-browser'; -import { NoopAnimationsModule } from '@angular/platform-browser/animations'; - -import { DaffBackdropComponent } from './backdrop.component'; - -@Component({ template: ` - -` }) -class WrapperComponent { - fullscreen = true; - showValue = true; - transparentValue = true; - backdropFunction = () => {}; -} - -describe('@daffodil/design | DaffBackdropComponent | Usage', () => { - let wrapper: WrapperComponent; - let fixture: ComponentFixture; - let backdrop: DaffBackdropComponent; - let backdropHost: DebugElement; - let backdropEl: DebugElement; - - beforeEach(waitForAsync(() => { - TestBed.configureTestingModule({ - imports: [ - NoopAnimationsModule, - ], - declarations: [ - WrapperComponent, - DaffBackdropComponent, - ], - }) - .compileComponents(); - })); - - beforeEach(() => { - fixture = TestBed.createComponent(WrapperComponent); - wrapper = fixture.componentInstance; - fixture.detectChanges(); - - backdrop = fixture.debugElement.query(By.css('daff-backdrop')).componentInstance; - backdropHost = fixture.debugElement.query(By.css('daff-backdrop')); - backdropEl = fixture.debugElement.query(By.css('.daff-backdrop')); - }); - - it('should create', () => { - expect(wrapper).toBeTruthy(); - }); - - describe('when I make the backdrop NOT transparent', () => { - it('should not add the class `daff-backdrop--transparent` to the host element', () => { - wrapper.transparentValue = false; - fixture.detectChanges(); - - expect(backdropEl.nativeElement.classList).not.toContain('daff-backdrop--transparent'); - }); - }); - - describe('when I make the backdrop transparent', () => { - it('should add the class `daff-backdrop--transparent` to the host element', () => { - wrapper.transparentValue = true; - fixture.detectChanges(); - - expect(backdropEl.nativeElement.classList).toContain('daff-backdrop--transparent'); - }); - }); - - describe('when the backdrop host element is clicked', () => { - it('should emit backdropClicked', () => { - spyOn(backdrop.backdropClicked, 'emit'); - - backdropHost.nativeElement.click(); - - expect(backdrop.backdropClicked.emit).toHaveBeenCalledWith(); - }); - }); - - describe('when fullscreen is set to true on the backdrop', () => { - it('should add the class `daff-backdrop--fullscreen to the host element', () => { - expect(backdrop.fullscreen).toEqual(true); - expect(backdropEl.nativeElement.classList).toContain('daff-backdrop--fullscreen'); - wrapper.fullscreen = false; - fixture.detectChanges(); - expect(backdropEl.nativeElement.classList).not.toContain('daff-backdrop--fullscreen'); - }); - }); -}); - - -describe('@daffodil/design | DaffBackdropComponent | Defaults', () => { - let fixture: ComponentFixture; - let component: DaffBackdropComponent; - - beforeEach(waitForAsync(() => { - TestBed.configureTestingModule({ - imports: [ - NoopAnimationsModule, - ], - declarations: [ - DaffBackdropComponent, - ], - }) - .compileComponents(); - })); - - beforeEach(() => { - fixture = TestBed.createComponent(DaffBackdropComponent); - component = fixture.componentInstance; - fixture.detectChanges(); - }); - - it('should create', () => { - expect(component).toBeTruthy(); - }); - - it('should set transparent to `false` by default', () => { - expect(component.transparent).toBe(false); - }); -}); diff --git a/libs/design/src/molecules/backdrop/public_api.ts b/libs/design/src/molecules/backdrop/public_api.ts deleted file mode 100644 index 75324ce43a..0000000000 --- a/libs/design/src/molecules/backdrop/public_api.ts +++ /dev/null @@ -1,2 +0,0 @@ -export * from './backdrop/backdrop.component'; -export { DaffBackdropModule } from './backdrop.module'; diff --git a/libs/design/src/public_api.ts b/libs/design/src/public_api.ts index 40b4a58c57..750b884566 100644 --- a/libs/design/src/public_api.ts +++ b/libs/design/src/public_api.ts @@ -15,7 +15,6 @@ export * from './atoms/form/radio/public_api'; export * from './atoms/form/form-label/public_api'; // Molecules -export * from './molecules/backdrop/public_api'; export * from './molecules/button-set/public_api'; export * from './molecules/image-gallery/public_api'; export * from './molecules/image-list/public_api';