@daffodil/design 0.81.1 → 0.83.0

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 (258) hide show
  1. package/accordion/README.md +44 -29
  2. package/accordion/accordion/accordion/accordion.component.d.ts +3 -0
  3. package/accordion/accordion/accordion-item/accordion-item.component.d.ts +23 -12
  4. package/accordion/accordion/accordion-item-title/accordion-item-title.directive.d.ts +3 -0
  5. package/accordion/accordion.d.ts +5 -0
  6. package/accordion/examples/disabled-accordion/disabled-accordion.component.d.ts +5 -0
  7. package/accordion/examples/initially-expanded-accordion/initially-expanded-accordion.component.d.ts +5 -0
  8. package/accordion/examples/public_api.d.ts +2 -0
  9. package/accordion/src/accordion-theme.scss +28 -6
  10. package/article/README.md +4 -3
  11. package/article/article.d.ts +3 -0
  12. package/article/src/article-theme.scss +128 -51
  13. package/breadcrumb/README.md +38 -28
  14. package/breadcrumb/breadcrumb/breadcrumb.component.d.ts +15 -2
  15. package/breadcrumb/breadcrumb-item/breadcrumb-item.directive.d.ts +18 -4
  16. package/breadcrumb/breadcrumb.d.ts +3 -0
  17. package/breadcrumb/examples/iterated-breadcrumb/iterated-breadcrumb.component.d.ts +6 -0
  18. package/breadcrumb/public_api.d.ts +2 -2
  19. package/button/README.md +43 -23
  20. package/button/button/basic/button.component.d.ts +5 -1
  21. package/button/button/button-base.directive.d.ts +11 -3
  22. package/button/button/button-sizable.directive.d.ts +1 -1
  23. package/button/button/raised/raised.component.d.ts +2 -0
  24. package/button/button/stroked/stroked.component.d.ts +5 -1
  25. package/button/button.d.ts +4 -2
  26. package/button/button.module.d.ts +1 -2
  27. package/button/examples/elevated-button/elevated-button.component.d.ts +6 -0
  28. package/button/examples/examples.d.ts +2 -1
  29. package/button/examples/public_api.d.ts +1 -0
  30. package/button/public_api.d.ts +0 -1
  31. package/button/src/button/basic/button-theme.scss +185 -80
  32. package/button/src/button/button-base.scss +41 -16
  33. package/button/src/button/flat/flat-theme.scss +144 -85
  34. package/button/src/button/icon/icon-theme.scss +183 -79
  35. package/button/src/button/raised/raised-theme.scss +2 -7
  36. package/button/src/button/stroked/stroked-theme.scss +128 -94
  37. package/button/src/button/underline/underline-theme.scss +112 -44
  38. package/callout/README.md +4 -3
  39. package/callout/callout.d.ts +3 -0
  40. package/card/README.md +6 -3
  41. package/card/card/basic/basic.component.d.ts +7 -0
  42. package/card/card/raised/raised.component.d.ts +7 -0
  43. package/card/card/stroked/stroked.component.d.ts +7 -0
  44. package/card/card-base.directive.d.ts +25 -0
  45. package/card/card.d.ts +18 -1
  46. package/card/card.module.d.ts +10 -8
  47. package/card/examples/card-theming/card-theming.component.d.ts +2 -1
  48. package/card/examples/public_api.d.ts +1 -1
  49. package/card/public_api.d.ts +6 -1
  50. package/card/src/card/raised/raised-theme.scss +30 -0
  51. package/card/src/card/stroked/stroked-theme.scss +135 -0
  52. package/card/src/card-base-theme.scss +197 -0
  53. package/card/src/card-base.scss +134 -0
  54. package/container/README.md +5 -3
  55. package/container/container.d.ts +3 -0
  56. package/core/colorable/colorable.d.ts +20 -14
  57. package/core/colorable/colorable.directive.d.ts +9 -6
  58. package/fesm2022/daffodil-design-accordion-examples.mjs +28 -4
  59. package/fesm2022/daffodil-design-accordion-examples.mjs.map +1 -1
  60. package/fesm2022/daffodil-design-accordion.mjs +56 -29
  61. package/fesm2022/daffodil-design-accordion.mjs.map +1 -1
  62. package/fesm2022/daffodil-design-article-examples.mjs +30 -30
  63. package/fesm2022/daffodil-design-article.mjs +14 -11
  64. package/fesm2022/daffodil-design-article.mjs.map +1 -1
  65. package/fesm2022/daffodil-design-breadcrumb-examples.mjs +24 -4
  66. package/fesm2022/daffodil-design-breadcrumb-examples.mjs.map +1 -1
  67. package/fesm2022/daffodil-design-breadcrumb.mjs +78 -40
  68. package/fesm2022/daffodil-design-breadcrumb.mjs.map +1 -1
  69. package/fesm2022/daffodil-design-button-examples.mjs +55 -33
  70. package/fesm2022/daffodil-design-button-examples.mjs.map +1 -1
  71. package/fesm2022/daffodil-design-button.mjs +79 -69
  72. package/fesm2022/daffodil-design-button.mjs.map +1 -1
  73. package/fesm2022/daffodil-design-callout-examples.mjs +12 -12
  74. package/fesm2022/daffodil-design-callout-examples.mjs.map +1 -1
  75. package/fesm2022/daffodil-design-callout.mjs +25 -22
  76. package/fesm2022/daffodil-design-callout.mjs.map +1 -1
  77. package/fesm2022/daffodil-design-card-examples.mjs +35 -31
  78. package/fesm2022/daffodil-design-card-examples.mjs.map +1 -1
  79. package/fesm2022/daffodil-design-card.mjs +140 -86
  80. package/fesm2022/daffodil-design-card.mjs.map +1 -1
  81. package/fesm2022/daffodil-design-checkbox-examples.mjs +6 -6
  82. package/fesm2022/daffodil-design-checkbox-examples.mjs.map +1 -1
  83. package/fesm2022/daffodil-design-container-examples.mjs +3 -3
  84. package/fesm2022/daffodil-design-container.mjs +10 -7
  85. package/fesm2022/daffodil-design-container.mjs.map +1 -1
  86. package/fesm2022/daffodil-design-hero-examples.mjs +12 -12
  87. package/fesm2022/daffodil-design-hero-examples.mjs.map +1 -1
  88. package/fesm2022/daffodil-design-hero.mjs +25 -22
  89. package/fesm2022/daffodil-design-hero.mjs.map +1 -1
  90. package/fesm2022/daffodil-design-image-examples.mjs +9 -9
  91. package/fesm2022/daffodil-design-image.mjs +36 -19
  92. package/fesm2022/daffodil-design-image.mjs.map +1 -1
  93. package/fesm2022/daffodil-design-input-examples.mjs +12 -12
  94. package/fesm2022/daffodil-design-link-set.mjs +19 -16
  95. package/fesm2022/daffodil-design-link-set.mjs.map +1 -1
  96. package/fesm2022/daffodil-design-list-examples.mjs +12 -12
  97. package/fesm2022/daffodil-design-list.mjs +13 -10
  98. package/fesm2022/daffodil-design-list.mjs.map +1 -1
  99. package/fesm2022/daffodil-design-loading-icon-examples.mjs +4 -4
  100. package/fesm2022/daffodil-design-loading-icon-examples.mjs.map +1 -1
  101. package/fesm2022/daffodil-design-loading-icon.mjs +11 -8
  102. package/fesm2022/daffodil-design-loading-icon.mjs.map +1 -1
  103. package/fesm2022/daffodil-design-media-gallery-examples.mjs +62 -13
  104. package/fesm2022/daffodil-design-media-gallery-examples.mjs.map +1 -1
  105. package/fesm2022/daffodil-design-media-gallery.mjs +204 -250
  106. package/fesm2022/daffodil-design-media-gallery.mjs.map +1 -1
  107. package/fesm2022/daffodil-design-menu-examples.mjs +6 -6
  108. package/fesm2022/daffodil-design-menu-examples.mjs.map +1 -1
  109. package/fesm2022/daffodil-design-menu.mjs +16 -16
  110. package/fesm2022/daffodil-design-modal-examples.mjs +7 -7
  111. package/fesm2022/daffodil-design-modal-examples.mjs.map +1 -1
  112. package/fesm2022/daffodil-design-modal.mjs +28 -25
  113. package/fesm2022/daffodil-design-modal.mjs.map +1 -1
  114. package/fesm2022/daffodil-design-navbar-examples.mjs +12 -12
  115. package/fesm2022/daffodil-design-navbar-examples.mjs.map +1 -1
  116. package/fesm2022/daffodil-design-navbar.mjs +10 -7
  117. package/fesm2022/daffodil-design-navbar.mjs.map +1 -1
  118. package/fesm2022/daffodil-design-notification-examples.mjs +17 -16
  119. package/fesm2022/daffodil-design-notification-examples.mjs.map +1 -1
  120. package/fesm2022/daffodil-design-notification.mjs +23 -20
  121. package/fesm2022/daffodil-design-notification.mjs.map +1 -1
  122. package/fesm2022/daffodil-design-paginator-examples.mjs +6 -6
  123. package/fesm2022/daffodil-design-paginator.mjs +13 -7
  124. package/fesm2022/daffodil-design-paginator.mjs.map +1 -1
  125. package/fesm2022/daffodil-design-progress-bar-examples.mjs +10 -10
  126. package/fesm2022/daffodil-design-progress-bar-examples.mjs.map +1 -1
  127. package/fesm2022/daffodil-design-progress-bar.mjs +13 -13
  128. package/fesm2022/daffodil-design-progress-bar.mjs.map +1 -1
  129. package/fesm2022/daffodil-design-quantity-field-examples.mjs +12 -12
  130. package/fesm2022/daffodil-design-radio-examples.mjs +3 -3
  131. package/fesm2022/daffodil-design-sidebar-examples.mjs +14 -14
  132. package/fesm2022/daffodil-design-sidebar-examples.mjs.map +1 -1
  133. package/fesm2022/daffodil-design-sidebar.mjs +150 -61
  134. package/fesm2022/daffodil-design-sidebar.mjs.map +1 -1
  135. package/fesm2022/daffodil-design-switch-examples.mjs +15 -15
  136. package/fesm2022/daffodil-design-switch-examples.mjs.map +1 -1
  137. package/fesm2022/daffodil-design-switch.mjs +38 -10
  138. package/fesm2022/daffodil-design-switch.mjs.map +1 -1
  139. package/fesm2022/daffodil-design-tabs-examples.mjs +23 -17
  140. package/fesm2022/daffodil-design-tabs-examples.mjs.map +1 -1
  141. package/fesm2022/daffodil-design-tabs.mjs +67 -35
  142. package/fesm2022/daffodil-design-tabs.mjs.map +1 -1
  143. package/fesm2022/daffodil-design-text-snippet-examples.mjs +3 -3
  144. package/fesm2022/daffodil-design-text-snippet.mjs +4 -5
  145. package/fesm2022/daffodil-design-text-snippet.mjs.map +1 -1
  146. package/fesm2022/daffodil-design-toast-examples.mjs +40 -15
  147. package/fesm2022/daffodil-design-toast-examples.mjs.map +1 -1
  148. package/fesm2022/daffodil-design-toast.mjs +296 -239
  149. package/fesm2022/daffodil-design-toast.mjs.map +1 -1
  150. package/fesm2022/daffodil-design-tree-examples.mjs +6 -6
  151. package/fesm2022/daffodil-design-tree.mjs +15 -12
  152. package/fesm2022/daffodil-design-tree.mjs.map +1 -1
  153. package/fesm2022/daffodil-design-youtube-player.mjs +104 -0
  154. package/fesm2022/daffodil-design-youtube-player.mjs.map +1 -0
  155. package/fesm2022/daffodil-design.mjs +167 -155
  156. package/fesm2022/daffodil-design.mjs.map +1 -1
  157. package/hero/README.md +4 -3
  158. package/hero/hero.d.ts +3 -0
  159. package/image/README.md +4 -3
  160. package/image/image/image.component.d.ts +22 -1
  161. package/image/image.d.ts +3 -0
  162. package/link-set/README.md +4 -3
  163. package/link-set/link-set.d.ts +3 -0
  164. package/list/README.md +4 -3
  165. package/list/list.d.ts +3 -0
  166. package/loading-icon/README.md +10 -7
  167. package/loading-icon/loading-icon.d.ts +3 -0
  168. package/loading-icon/src/loading-icon-theme.scss +66 -38
  169. package/media-gallery/README.md +19 -10
  170. package/media-gallery/examples/iterated-media-gallery/iterated-media-gallery.component.d.ts +13 -0
  171. package/media-gallery/examples/media-gallery-with-video/media-gallery-with-video.component.d.ts +5 -0
  172. package/media-gallery/examples/public_api.d.ts +2 -0
  173. package/media-gallery/helpers/media-gallery-registration.interface.d.ts +1 -1
  174. package/media-gallery/media-gallery/media-gallery.component.d.ts +89 -11
  175. package/media-gallery/media-gallery.d.ts +4 -2
  176. package/media-gallery/media-gallery.module.d.ts +1 -2
  177. package/media-gallery/public_api.d.ts +3 -4
  178. package/media-gallery/src/media-gallery-theme.scss +30 -4
  179. package/media-gallery/thumbnail/thumbnail.directive.d.ts +45 -22
  180. package/menu/README.md +1 -2
  181. package/modal/README.md +3 -2
  182. package/modal/modal.d.ts +3 -0
  183. package/navbar/README.md +3 -2
  184. package/navbar/navbar.d.ts +3 -0
  185. package/notification/README.md +5 -4
  186. package/notification/notification.d.ts +3 -0
  187. package/notification/src/notification-theme.scss +62 -23
  188. package/package.json +1 -1
  189. package/paginator/README.md +3 -2
  190. package/paginator/paginator/paginator.component.d.ts +3 -0
  191. package/paginator/paginator.d.ts +3 -0
  192. package/progress-bar/README.md +5 -6
  193. package/progress-bar/progress-bar.component.d.ts +0 -3
  194. package/progress-bar/progress-bar.d.ts +3 -0
  195. package/progress-bar/src/progress-bar-theme.scss +17 -8
  196. package/scss/theme.scss +36 -17
  197. package/scss/theming/_configure-theme.scss +2 -0
  198. package/scss/theming/_index.scss +1 -0
  199. package/scss/theming/_light-dark.scss +45 -0
  200. package/sidebar/README.md +20 -21
  201. package/sidebar/helper/sidebar-mode.d.ts +9 -15
  202. package/sidebar/public_api.d.ts +10 -11
  203. package/sidebar/sidebar/sidebar.component.d.ts +22 -7
  204. package/sidebar/sidebar-footer/sidebar-footer.component.d.ts +11 -0
  205. package/sidebar/sidebar-header/sidebar-header-title/sidebar-header-title.directive.d.ts +8 -0
  206. package/sidebar/sidebar-header/sidebar-header.component.d.ts +19 -1
  207. package/sidebar/sidebar-viewport/sidebar-viewport.component.d.ts +36 -15
  208. package/sidebar/sidebar-viewport-backdrop/sidebar-viewport-backdrop.component.d.ts +17 -0
  209. package/sidebar/sidebar.d.ts +4 -2
  210. package/sidebar/sidebar.module.d.ts +1 -2
  211. package/switch/README.md +3 -2
  212. package/switch/src/switch-theme.scss +29 -10
  213. package/switch/switch/switch.component.d.ts +31 -6
  214. package/switch/switch.d.ts +3 -0
  215. package/tabs/README.md +33 -3
  216. package/tabs/src/tabs-theme.scss +31 -13
  217. package/tabs/tabs/tab/tab.component.d.ts +1 -1
  218. package/tabs/tabs/tab-label/tab-label.component.d.ts +6 -0
  219. package/tabs/tabs/tab-panel/tab-panel.component.d.ts +8 -0
  220. package/tabs/tabs/tabs.component.d.ts +21 -4
  221. package/tabs/tabs.d.ts +8 -2
  222. package/text-snippet/README.md +19 -1
  223. package/toast/README.md +21 -151
  224. package/toast/examples/dismissible-toast/dismissible-toast.component.d.ts +11 -0
  225. package/toast/examples/public_api.d.ts +2 -1
  226. package/toast/interfaces/toast-action.d.ts +22 -11
  227. package/toast/interfaces/toast-action.type.d.ts +10 -0
  228. package/toast/interfaces/toast.d.ts +11 -5
  229. package/toast/options/daff-toast-options.d.ts +2 -1
  230. package/toast/public_api.d.ts +2 -6
  231. package/toast/service/position.service.d.ts +9 -1
  232. package/toast/service/toast.service.d.ts +63 -0
  233. package/toast/src/toast-theme.scss +80 -33
  234. package/toast/toast/toast-config.d.ts +24 -1
  235. package/toast/toast/toast-provider.d.ts +16 -0
  236. package/toast/toast/toast.component.d.ts +20 -1
  237. package/toast/toast-actions/toast-actions.directive.d.ts +3 -0
  238. package/toast/toast-message/toast-message.directive.d.ts +3 -0
  239. package/toast/toast-title/toast-title.directive.d.ts +3 -0
  240. package/tree/README.md +6 -10
  241. package/tree/src/tree-theme.scss +39 -13
  242. package/tree/tree.d.ts +3 -0
  243. package/youtube-player/index.d.ts +1 -0
  244. package/youtube-player/public_api.d.ts +3 -0
  245. package/youtube-player/safe-url.pipe.d.ts +10 -0
  246. package/youtube-player/youtube-player.component.d.ts +23 -0
  247. package/youtube-player/youtube-player.d.ts +6 -0
  248. package/card/card/card.component.d.ts +0 -48
  249. package/card/src/card-theme-variants/basic-card.scss +0 -6
  250. package/card/src/card-theme-variants/linkable-card.scss +0 -16
  251. package/card/src/card-theme-variants/stroked-card.scss +0 -3
  252. package/card/src/card-theme.scss +0 -170
  253. package/media-gallery/media-renderer/media-renderer.component.d.ts +0 -29
  254. package/media-gallery/registry/media-gallery.registry.d.ts +0 -34
  255. package/media-gallery/thumbnail/thumbnail-compat.token.d.ts +0 -1
  256. package/media-gallery/thumbnail/thumbnail-registration.interface.d.ts +0 -9
  257. package/scss/theming/prebuilt/internal-theme.scss +0 -13
  258. package/toast/toast.module.d.ts +0 -19
@@ -0,0 +1,23 @@
1
+ import { OnInit } from '@angular/core';
2
+ import { DomSanitizer, SafeStyle, SafeUrl } from '@angular/platform-browser';
3
+ import * as i0 from "@angular/core";
4
+ export declare class DaffYoutubePlayerComponent implements OnInit {
5
+ private sanitizer;
6
+ src: SafeUrl;
7
+ title: string;
8
+ private _width;
9
+ get width(): number;
10
+ set width(value: number);
11
+ private _height;
12
+ get height(): number;
13
+ set height(value: number);
14
+ constructor(sanitizer: DomSanitizer);
15
+ /**
16
+ * @docs-private
17
+ */
18
+ ngOnInit(): void;
19
+ get _aspectRatio(): SafeStyle;
20
+ get maxWidth(): string;
21
+ static ɵfac: i0.ɵɵFactoryDeclaration<DaffYoutubePlayerComponent, never>;
22
+ static ɵcmp: i0.ɵɵComponentDeclaration<DaffYoutubePlayerComponent, "daff-youtube-player", never, { "src": { "alias": "src"; "required": false; }; "title": { "alias": "title"; "required": false; }; "width": { "alias": "width"; "required": false; }; "height": { "alias": "height"; "required": false; }; }, {}, never, never, true, never>;
23
+ }
@@ -0,0 +1,6 @@
1
+ import { DaffYoutubeSafePipe } from './safe-url.pipe';
2
+ import { DaffYoutubePlayerComponent } from './youtube-player.component';
3
+ /**
4
+ * @docs-private
5
+ */
6
+ export declare const DAFF_YOUTUBE_PLAYER_COMPONENTS: readonly [typeof DaffYoutubePlayerComponent, typeof DaffYoutubeSafePipe];
@@ -1,48 +0,0 @@
1
- import { ElementRef, Renderer2, OnInit } from '@angular/core';
2
- import * as i0 from "@angular/core";
3
- import * as i1 from "@daffodil/design";
4
- export type DaffCardType = null | 'daff-raised-card' | 'daff-stroked-card';
5
- /**
6
- * This attribute determines what orientation the the card contents are stacked.
7
- */
8
- export type DaffCardOrientation = 'vertical' | 'horizontal';
9
- export declare enum DaffCardOrientationEnum {
10
- Vertical = "vertical",
11
- Horizontal = "horizontal"
12
- }
13
- /**
14
- * @inheritdoc
15
- */
16
- export declare class DaffCardComponent implements OnInit {
17
- private elementRef;
18
- private renderer;
19
- private _orientation;
20
- get orientation(): DaffCardOrientation;
21
- set orientation(value: DaffCardOrientation);
22
- /**
23
- * @docs-private
24
- */
25
- private cardType;
26
- private initCardType;
27
- constructor(elementRef: ElementRef, renderer: Renderer2);
28
- /**
29
- * @docs-private
30
- */
31
- ngOnInit(): void;
32
- class: boolean;
33
- /**
34
- * @docs-private
35
- */
36
- get verticalClass(): boolean;
37
- /**
38
- * @docs-private
39
- */
40
- get horizontalClass(): boolean;
41
- private _getHostElement;
42
- /**
43
- * Gets whether the button has one of the given attributes.
44
- * */
45
- private _hasHostAttributes;
46
- static ɵfac: i0.ɵɵFactoryDeclaration<DaffCardComponent, never>;
47
- static ɵcmp: i0.ɵɵComponentDeclaration<DaffCardComponent, "daff-card,daff-raised-card,daff-stroked-card,a[daff-card],a[daff-raised-card],a[daff-stroked-card]", never, { "orientation": { "alias": "orientation"; "required": false; }; }, {}, never, ["[daffCardImage]", "[daffCardIcon]", "[daffCardTagline]", "[daffCardTitle]", "[daffCardContent]", "[daffCardActions]"], true, [{ directive: typeof i1.DaffArticleEncapsulatedDirective; inputs: {}; outputs: {}; }, { directive: typeof i1.DaffColorableDirective; inputs: { "color": "color"; }; outputs: {}; }]>;
48
- }
@@ -1,6 +0,0 @@
1
- @use '../../../scss/theming';
2
-
3
- @mixin daff-basic-card-theme-variant($color) {
4
- background: $color;
5
- color: theming.daff-text-contrast($color);
6
- }
@@ -1,16 +0,0 @@
1
- @use '../../../scss/theming';
2
-
3
- @mixin daff-linkable-card-theme-variant(
4
- $hover-color,
5
- ) {
6
- .daff-card__wrapper {
7
- &::after {
8
- background: $hover-color;
9
- }
10
- }
11
-
12
- &:hover,
13
- &:focus {
14
- color: theming.daff-text-contrast($hover-color);
15
- }
16
- }
@@ -1,3 +0,0 @@
1
- @mixin daff-stroked-card-theme-variant($color) {
2
- border: 1px solid $color;
3
- }
@@ -1,170 +0,0 @@
1
- @use 'sass:map';
2
- @use '../../scss/core';
3
- @use '../../scss/theming';
4
- @use './card-theme-variants/basic-card' as basic;
5
- @use './card-theme-variants/stroked-card' as stroked;
6
- @use './card-theme-variants/linkable-card' as linkable;
7
-
8
- @mixin daff-card-theme($theme) {
9
- $primary: core.daff-map-get($theme, primary);
10
- $secondary: core.daff-map-get($theme, secondary);
11
- $tertiary: core.daff-map-get($theme, tertiary);
12
- $base: core.daff-map-get($theme, 'core', 'base');
13
- $base-contrast: core.daff-map-get($theme, 'core', 'base-contrast');
14
- $white: core.daff-map-get($theme, 'core', 'white');
15
- $black: core.daff-map-get($theme, 'core', 'black');
16
- $neutral: core.daff-map-get($theme, 'core', 'neutral');
17
-
18
- .daff-card {
19
- $root: &;
20
- @include basic.daff-basic-card-theme-variant(
21
- theming.daff-illuminate($base, $neutral, 1)
22
- );
23
-
24
- &.daff-primary {
25
- @include basic.daff-basic-card-theme-variant(
26
- theming.daff-color($primary)
27
- );
28
- }
29
-
30
- &.daff-secondary {
31
- @include basic.daff-basic-card-theme-variant(
32
- theming.daff-color($secondary)
33
- );
34
- }
35
-
36
- &.daff-tertiary {
37
- @include basic.daff-basic-card-theme-variant(
38
- theming.daff-color($tertiary)
39
- );
40
- }
41
-
42
- &.daff-theme {
43
- @include basic.daff-basic-card-theme-variant($base);
44
- }
45
-
46
- &.daff-theme-contrast {
47
- @include basic.daff-basic-card-theme-variant($base-contrast);
48
- }
49
-
50
- &.daff-black {
51
- @include basic.daff-basic-card-theme-variant($black);
52
- }
53
-
54
- &.daff-white {
55
- @include basic.daff-basic-card-theme-variant($white);
56
- }
57
- }
58
-
59
- .daff-raised-card {
60
- box-shadow: 0 6px 12px -4px rgba($black, 0.12),
61
- 0 4px 8px -2px rgba($black, 0.06);
62
- }
63
-
64
- .daff-stroked-card {
65
- @include stroked.daff-stroked-card-theme-variant(
66
- theming.daff-illuminate($base, $neutral, 2)
67
- );
68
-
69
- &.daff-primary {
70
- @include stroked.daff-stroked-card-theme-variant(
71
- theming.daff-illuminate($base-contrast, $primary, 3)
72
- );
73
- }
74
-
75
- &.daff-secondary {
76
- @include stroked.daff-stroked-card-theme-variant(
77
- theming.daff-illuminate($base-contrast, $secondary, 3)
78
- );
79
- }
80
-
81
- &.daff-tertiary {
82
- @include stroked.daff-stroked-card-theme-variant(
83
- theming.daff-illuminate($base-contrast, $tertiary, 3)
84
- );
85
- }
86
-
87
- &.daff-theme {
88
- @include stroked.daff-stroked-card-theme-variant(
89
- theming.daff-illuminate($base, $neutral, 2)
90
- );
91
- }
92
-
93
- &.daff-theme-contrast {
94
- @include stroked.daff-stroked-card-theme-variant(
95
- theming.daff-illuminate($base-contrast, $neutral, 2)
96
- );
97
- }
98
-
99
- &.daff-black {
100
- @include stroked.daff-stroked-card-theme-variant(
101
- theming.daff-color($neutral, 90)
102
- );
103
- }
104
-
105
- &.daff-white {
106
- @include stroked.daff-stroked-card-theme-variant(
107
- theming.daff-color($neutral, 20)
108
- );
109
- }
110
- }
111
-
112
- a {
113
- &.daff-card {
114
- @include linkable.daff-linkable-card-theme-variant(
115
- theming.daff-illuminate($base, $neutral, 2)
116
- );
117
-
118
- &.daff-primary {
119
- @include linkable.daff-linkable-card-theme-variant(
120
- theming.daff-color($primary, 70)
121
- );
122
- }
123
-
124
- &.daff-secondary {
125
- @include linkable.daff-linkable-card-theme-variant(
126
- theming.daff-color($secondary, 70)
127
- );
128
- }
129
-
130
- &.daff-tertiary {
131
- @include linkable.daff-linkable-card-theme-variant(
132
- theming.daff-color($tertiary, 70)
133
- );
134
- }
135
-
136
- &.daff-theme {
137
- @include linkable.daff-linkable-card-theme-variant(
138
- theming.daff-illuminate($base, $neutral, 1)
139
- );
140
- }
141
-
142
- &.daff-theme-contrast {
143
- @include linkable.daff-linkable-card-theme-variant(
144
- theming.daff-illuminate($base-contrast, $neutral, 1)
145
- );
146
- }
147
-
148
- &.daff-black {
149
- @include linkable.daff-linkable-card-theme-variant(
150
- theming.daff-color($neutral, 100)
151
- );
152
- }
153
-
154
- &.daff-white {
155
- @include linkable.daff-linkable-card-theme-variant(
156
- theming.daff-color($neutral, 10)
157
- );
158
- }
159
- }
160
-
161
- &.daff-raised-card {
162
- .daff-card__wrapper {
163
- &::after {
164
- box-shadow: 0 16px 32px -4px rgba($black, 0.12),
165
- 0 8px 12px -2px rgba($black, 0.06);
166
- }
167
- }
168
- }
169
- }
170
- }
@@ -1,29 +0,0 @@
1
- import { OnInit, ComponentFactoryResolver, ViewContainerRef, OnDestroy } from '@angular/core';
2
- import { DaffMediaGalleryRegistration } from '../helpers/media-gallery-registration.interface';
3
- import { DaffMediaGalleryRegistry } from '../registry/media-gallery.registry';
4
- import * as i0 from "@angular/core";
5
- /**
6
- * Dynamically renders the selected `DaffThumbnailDirective` in a `daff-media-gallery` any time the selected thumbnail
7
- * changes.
8
- */
9
- export declare class DaffMediaRendererComponent implements OnInit, OnDestroy {
10
- private componentFactoryResolver;
11
- private registry;
12
- private gallery;
13
- /**
14
- * Private tracker for indicating when the component is destroyed.
15
- */
16
- private _destroy$;
17
- constructor(componentFactoryResolver: ComponentFactoryResolver, registry: DaffMediaGalleryRegistry, gallery: DaffMediaGalleryRegistration);
18
- /**
19
- * The slot that the "component" is rendered into.
20
- */
21
- slot: ViewContainerRef;
22
- ngOnInit(): void;
23
- /**
24
- * Used to unsubscribe from the dynamic component.
25
- */
26
- ngOnDestroy(): void;
27
- static ɵfac: i0.ɵɵFactoryDeclaration<DaffMediaRendererComponent, never>;
28
- static ɵcmp: i0.ɵɵComponentDeclaration<DaffMediaRendererComponent, "daff-media-renderer", never, {}, {}, never, never, true, never>;
29
- }
@@ -1,34 +0,0 @@
1
- import { BehaviorSubject } from 'rxjs';
2
- import { DaffMediaGalleryRegistration } from '../helpers/media-gallery-registration.interface';
3
- import { DaffThumbnailRegistration } from '../thumbnail/thumbnail-registration.interface';
4
- import * as i0 from "@angular/core";
5
- export interface DaffMediaGalleryDict {
6
- [galleryName: string]: BehaviorSubject<DaffMediaGallery>;
7
- }
8
- export interface DaffMediaGallery {
9
- gallery: DaffMediaGalleryRegistration;
10
- thumbnails: DaffThumbnailRegistration[];
11
- }
12
- export declare const isGallery: (element: DaffThumbnailRegistration | DaffMediaGalleryRegistration) => element is DaffMediaGalleryRegistration;
13
- export declare class DaffMediaGalleryRegistry {
14
- galleries: DaffMediaGalleryDict;
15
- /**
16
- * @description
17
- * Adds a media element to the internal registry.
18
- */
19
- add(gallery: DaffMediaGalleryRegistration, thumbnail?: DaffThumbnailRegistration): void;
20
- /**
21
- * @description
22
- * Removes a thumbnail or gallery from the internal registry.
23
- */
24
- remove(element: DaffThumbnailRegistration | DaffMediaGalleryRegistration): void;
25
- private removeThumbnail;
26
- private removeGallery;
27
- /**
28
- * @description
29
- * Selects a media element for a given gallery.
30
- */
31
- select(thumbnail: DaffThumbnailRegistration): void;
32
- static ɵfac: i0.ɵɵFactoryDeclaration<DaffMediaGalleryRegistry, never>;
33
- static ɵprov: i0.ɵɵInjectableDeclaration<DaffMediaGalleryRegistry>;
34
- }
@@ -1 +0,0 @@
1
- export declare const daffThumbnailCompatToken: import("@angular/core").InjectionToken<unknown>, provideDaffThumbnailCompatToken: <R extends unknown = unknown>(value: R) => import("@angular/core").ValueProvider;
@@ -1,9 +0,0 @@
1
- import { Type } from '@angular/core';
2
- import { DaffMediaGalleryRegistration } from '../helpers/media-gallery-registration.interface';
3
- export interface DaffThumbnailRegistration {
4
- gallery: DaffMediaGalleryRegistration;
5
- selected: boolean;
6
- component: Type<unknown>;
7
- select: () => DaffThumbnailRegistration;
8
- deselect: () => DaffThumbnailRegistration;
9
- }
@@ -1,13 +0,0 @@
1
- @import '../variables';
2
- @import '../color';
3
- @import '../configure-palette';
4
- @import '../configure-theme';
5
- @import '../theme';
6
-
7
- $primary: daff-configure-palette($daff-blue, 60);
8
- $secondary: daff-configure-palette($daff-purple, 60);
9
- $tertiary: daff-configure-palette($daff-turquoise, 60);
10
-
11
- $theme: daff-configure-theme($primary, $secondary, $tertiary);
12
-
13
- @include daff-theme($theme);
@@ -1,19 +0,0 @@
1
- import * as i0 from "@angular/core";
2
- import * as i1 from "@angular/common";
3
- import * as i2 from "@daffodil/design";
4
- import * as i3 from "@daffodil/design/button";
5
- import * as i4 from "@fortawesome/angular-fontawesome";
6
- import * as i5 from "@angular/cdk/portal";
7
- import * as i6 from "@angular/cdk/overlay";
8
- import * as i7 from "./toast/toast.component";
9
- import * as i8 from "./toast-actions/toast-actions.directive";
10
- import * as i9 from "./toast-title/toast-title.directive";
11
- import * as i10 from "./toast-message/toast-message.directive";
12
- /**
13
- * @deprecated in favor of {@link provideDaffToast}. Deprecated in version 0.78.0. Will be removed in version 1.0.0.
14
- */
15
- export declare class DaffToastModule {
16
- static ɵfac: i0.ɵɵFactoryDeclaration<DaffToastModule, never>;
17
- static ɵmod: i0.ɵɵNgModuleDeclaration<DaffToastModule, never, [typeof i1.CommonModule, typeof i2.DaffPrefixSuffixModule, typeof i3.DaffButtonModule, typeof i4.FontAwesomeModule, typeof i5.PortalModule, typeof i6.OverlayModule, typeof i7.DaffToastComponent, typeof i8.DaffToastActionsDirective, typeof i9.DaffToastTitleDirective, typeof i10.DaffToastMessageDirective], [typeof i7.DaffToastComponent, typeof i8.DaffToastActionsDirective, typeof i9.DaffToastTitleDirective, typeof i10.DaffToastMessageDirective, typeof i2.DaffPrefixSuffixModule]>;
18
- static ɵinj: i0.ɵɵInjectorDeclaration<DaffToastModule>;
19
- }