@danske/sapphire-angular 1.28.2 → 1.30.1
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/esm2020/lib/badge/src/badge.component.mjs +4 -4
- package/esm2020/lib/button/src/button-group.component.mjs +3 -3
- package/esm2020/lib/button/src/button.component.mjs +24 -10
- package/esm2020/lib/button/src/icon-button.component.mjs +13 -12
- package/esm2020/lib/button/src/toggle-button.component.mjs +15 -7
- package/esm2020/lib/checkbox/src/checkbox-group.component.mjs +2 -2
- package/esm2020/lib/checkbox/src/checkbox.component.mjs +3 -3
- package/esm2020/lib/common/public_api.mjs +3 -1
- package/esm2020/lib/common/translate.pipe.mjs +22 -0
- package/esm2020/lib/common/translate.service.mjs +29 -0
- package/esm2020/lib/contextual-help/public_api.mjs +4 -1
- package/esm2020/lib/contextual-help/src/contextual-help.component.mjs +3 -3
- package/esm2020/lib/field/src/field.component.mjs +5 -5
- package/esm2020/lib/label/i18n/da-DK.json +3 -0
- package/esm2020/lib/label/i18n/de-DE.json +3 -0
- package/esm2020/lib/label/i18n/en-US.json +3 -0
- package/esm2020/lib/label/i18n/fi-FI.json +3 -0
- package/esm2020/lib/label/i18n/index.mjs +19 -0
- package/esm2020/lib/label/i18n/nb-NO.json +3 -0
- package/esm2020/lib/label/i18n/pl-PL.json +3 -0
- package/esm2020/lib/label/i18n/sv-SE.json +3 -0
- package/esm2020/lib/label/src/label.component.mjs +6 -3
- package/esm2020/lib/link/src/link.component.mjs +5 -5
- package/esm2020/lib/listbox/src/listbox.component.mjs +3 -3
- package/esm2020/lib/menu/src/menu.component.mjs +15 -4
- package/esm2020/lib/modal/i18n/da-DK.json +3 -0
- package/esm2020/lib/modal/i18n/de-DE.json +3 -0
- package/esm2020/lib/modal/i18n/en-US.json +3 -0
- package/esm2020/lib/modal/i18n/fi-FI.json +3 -0
- package/esm2020/lib/modal/i18n/index.mjs +19 -0
- package/esm2020/lib/modal/i18n/nb-NO.json +3 -0
- package/esm2020/lib/modal/i18n/pl-PL.json +3 -0
- package/esm2020/lib/modal/i18n/sv-SE.json +3 -0
- package/esm2020/lib/modal/src/dialog/dialog.component.mjs +7 -7
- package/esm2020/lib/modal/src/modal-close-button.directive.mjs +10 -7
- package/esm2020/lib/modal/src/panel/inline-panel.component.mjs +2 -2
- package/esm2020/lib/modal/src/panel/panel.component.mjs +4 -4
- package/esm2020/lib/notification-badge/src/notification-badge.component.mjs +3 -3
- package/esm2020/lib/pagination/i18n/da-DK.json +8 -0
- package/esm2020/lib/pagination/i18n/de-DE.json +8 -0
- package/esm2020/lib/pagination/i18n/en-US.json +8 -0
- package/esm2020/lib/pagination/i18n/fi-FI.json +8 -0
- package/esm2020/lib/pagination/i18n/index.mjs +19 -0
- package/esm2020/lib/pagination/i18n/nb-NO.json +8 -0
- package/esm2020/lib/pagination/i18n/pl-PL.json +8 -0
- package/esm2020/lib/pagination/i18n/sv-SE.json +8 -0
- package/esm2020/lib/pagination/src/pagination.component.mjs +4 -3
- package/esm2020/lib/pagination/src/pagination.module.mjs +8 -2
- package/esm2020/lib/popover/src/popover.component.mjs +2 -2
- package/esm2020/lib/radio/src/radio-group.component.mjs +3 -3
- package/esm2020/lib/radio/src/radio.component.mjs +3 -3
- package/esm2020/lib/segmented-tabs/src/segmented-tab.component.mjs +2 -2
- package/esm2020/lib/segmented-tabs/src/segmented-tabs.component.mjs +3 -3
- package/esm2020/lib/select/src/basic-select/basic-select.component.mjs +2 -2
- package/esm2020/lib/select/src/select/select.component.mjs +5 -5
- package/esm2020/lib/skeleton/src/skeleton.component.mjs +2 -2
- package/esm2020/lib/surface/src/surface.component.mjs +4 -4
- package/esm2020/lib/switch/src/switch.component.mjs +3 -3
- package/esm2020/lib/table/src/table-head-cell.component.mjs +3 -3
- package/esm2020/lib/table/src/table.component.mjs +2 -2
- package/esm2020/lib/text-field/src/text-field.component.mjs +5 -5
- package/esm2020/lib/theme/src/themes.mjs +4 -4
- package/esm2020/lib/tooltip/src/tooltip.component.mjs +5 -5
- package/esm2020/lib/typography/src/heading.component.mjs +2 -2
- package/esm2020/lib/typography/src/paragraph.component.mjs +5 -5
- package/fesm2015/danske-sapphire-angular.mjs +398 -125
- package/fesm2015/danske-sapphire-angular.mjs.map +1 -1
- package/fesm2020/danske-sapphire-angular.mjs +396 -125
- package/fesm2020/danske-sapphire-angular.mjs.map +1 -1
- package/lib/button/src/button.component.d.ts +1 -0
- package/lib/button/src/icon-button.component.d.ts +1 -0
- package/lib/common/public_api.d.ts +2 -0
- package/lib/common/translate.pipe.d.ts +11 -0
- package/lib/common/translate.service.d.ts +10 -0
- package/lib/label/i18n/index.d.ts +3 -0
- package/lib/modal/i18n/index.d.ts +3 -0
- package/lib/modal/src/modal-close-button.directive.d.ts +4 -2
- package/lib/pagination/i18n/index.d.ts +3 -0
- package/lib/pagination/src/pagination.module.d.ts +6 -5
- package/package.json +4 -3
|
@@ -16,24 +16,24 @@ export class TooltipComponent {
|
|
|
16
16
|
TooltipComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: TooltipComponent, deps: [{ token: forwardRef(() => TooltipDirective) }], target: i0.ɵɵFactoryTarget.Component });
|
|
17
17
|
TooltipComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: TooltipComponent, selector: "sp-tooltip", host: { listeners: { "mouseenter": "onMouseEnter()", "mouseleave": "onMouseLeave()" } }, ngImport: i0, template: `
|
|
18
18
|
<div [id]="tooltipDirective.id" class="sapphire-tooltip" role="tooltip">
|
|
19
|
-
<div class="sapphire-theme
|
|
19
|
+
<div class="sapphire-theme--contrast">
|
|
20
20
|
<div class="sapphire-tooltip__content">
|
|
21
21
|
{{ tooltipDirective.tooltipText }}
|
|
22
22
|
</div>
|
|
23
23
|
</div>
|
|
24
24
|
</div>
|
|
25
|
-
`, isInline: true, styles: ["@keyframes fade-in{0%{opacity:0}to{opacity:1}}.sapphire-tooltip{display:inline-block;box-shadow:var(--sapphire-
|
|
25
|
+
`, isInline: true, styles: ["@keyframes fade-in{0%{opacity:0}to{opacity:1}}.sapphire-tooltip{display:inline-block;box-shadow:var(--sapphire-semantic-shadow-popover);max-width:var(--sapphire-global-size-generic-750);border-radius:var(--sapphire-semantic-size-radius-sm);overflow-wrap:break-word;overflow:hidden;outline:none;animation:fade-in var(--sapphire-semantic-time-fade-quick) ease-in-out;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sapphire-tooltip__content{background-color:var(--sapphire-semantic-color-background-surface);color:var(--sapphire-semantic-color-content-default-primary);font-family:var(--sapphire-semantic-font-name-default);font-weight:var(--sapphire-semantic-font-weight-default-regular);font-size:var(--sapphire-global-size-font-88);line-height:var(--sapphire-semantic-size-line-height-md);padding:var(--sapphire-semantic-size-spacing-10) var(--sapphire-semantic-size-spacing-20)}\n"] });
|
|
26
26
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: TooltipComponent, decorators: [{
|
|
27
27
|
type: Component,
|
|
28
28
|
args: [{ selector: 'sp-tooltip', template: `
|
|
29
29
|
<div [id]="tooltipDirective.id" class="sapphire-tooltip" role="tooltip">
|
|
30
|
-
<div class="sapphire-theme
|
|
30
|
+
<div class="sapphire-theme--contrast">
|
|
31
31
|
<div class="sapphire-tooltip__content">
|
|
32
32
|
{{ tooltipDirective.tooltipText }}
|
|
33
33
|
</div>
|
|
34
34
|
</div>
|
|
35
35
|
</div>
|
|
36
|
-
`, styles: ["@keyframes fade-in{0%{opacity:0}to{opacity:1}}.sapphire-tooltip{display:inline-block;box-shadow:var(--sapphire-
|
|
36
|
+
`, styles: ["@keyframes fade-in{0%{opacity:0}to{opacity:1}}.sapphire-tooltip{display:inline-block;box-shadow:var(--sapphire-semantic-shadow-popover);max-width:var(--sapphire-global-size-generic-750);border-radius:var(--sapphire-semantic-size-radius-sm);overflow-wrap:break-word;overflow:hidden;outline:none;animation:fade-in var(--sapphire-semantic-time-fade-quick) ease-in-out;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sapphire-tooltip__content{background-color:var(--sapphire-semantic-color-background-surface);color:var(--sapphire-semantic-color-content-default-primary);font-family:var(--sapphire-semantic-font-name-default);font-weight:var(--sapphire-semantic-font-weight-default-regular);font-size:var(--sapphire-global-size-font-88);line-height:var(--sapphire-semantic-size-line-height-md);padding:var(--sapphire-semantic-size-spacing-10) var(--sapphire-semantic-size-spacing-20)}\n"] }]
|
|
37
37
|
}], ctorParameters: function () { return [{ type: i1.TooltipDirective, decorators: [{
|
|
38
38
|
type: Inject,
|
|
39
39
|
args: [forwardRef(() => TooltipDirective)]
|
|
@@ -44,4 +44,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
|
|
|
44
44
|
type: HostListener,
|
|
45
45
|
args: ['mouseleave']
|
|
46
46
|
}] } });
|
|
47
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9vbHRpcC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvbGliL3Rvb2x0aXAvc3JjL3Rvb2x0aXAuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsVUFBVSxFQUFFLFlBQVksRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDNUUsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0scUJBQXFCLENBQUM7OztBQWV2RCxNQUFNLE9BQU8sZ0JBQWdCO0lBRTNCLFlBQVk7UUFDVixJQUFJLENBQUMsZ0JBQWdCLENBQUMsTUFBTSxFQUFFLENBQUM7SUFDakMsQ0FBQztJQUdELFlBQVk7UUFDVixJQUFJLENBQUMsZ0JBQWdCLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDL0IsQ0FBQztJQUVELFlBRVMsZ0JBQWtDO1FBQWxDLHFCQUFnQixHQUFoQixnQkFBZ0IsQ0FBa0I7SUFDeEMsQ0FBQzs7NkdBZE8sZ0JBQWdCLGtCQVlqQixVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsZ0JBQWdCLENBQUM7aUdBWmpDLGdCQUFnQiwySUFYakI7Ozs7Ozs7O0dBUVQ7MkZBR1UsZ0JBQWdCO2tCQWI1QixTQUFTOytCQUNFLFlBQVksWUFDWjs7Ozs7Ozs7R0FRVDs7MEJBZUUsTUFBTTsyQkFBQyxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsZ0JBQWdCLENBQUM7NENBVjVDLFlBQVk7c0JBRFgsWUFBWTt1QkFBQyxZQUFZO2dCQU0xQixZQUFZO3NCQURYLFlBQVk7dUJBQUMsWUFBWSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgZm9yd2FyZFJlZiwgSG9zdExpc3RlbmVyLCBJbmplY3QgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFRvb2x0aXBEaXJlY3RpdmUgfSBmcm9tICcuL3Rvb2x0aXAuZGlyZWN0aXZlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc3AtdG9vbHRpcCcsXG4gIHRlbXBsYXRlOiBgXG4gICAgPGRpdiBbaWRdPVwidG9vbHRpcERpcmVjdGl2ZS5pZFwiIGNsYXNzPVwic2FwcGhpcmUtdG9vbHRpcFwiIHJvbGU9XCJ0b29sdGlwXCI+
|
|
47
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9vbHRpcC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvbGliL3Rvb2x0aXAvc3JjL3Rvb2x0aXAuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsVUFBVSxFQUFFLFlBQVksRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDNUUsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0scUJBQXFCLENBQUM7OztBQWV2RCxNQUFNLE9BQU8sZ0JBQWdCO0lBRTNCLFlBQVk7UUFDVixJQUFJLENBQUMsZ0JBQWdCLENBQUMsTUFBTSxFQUFFLENBQUM7SUFDakMsQ0FBQztJQUdELFlBQVk7UUFDVixJQUFJLENBQUMsZ0JBQWdCLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDL0IsQ0FBQztJQUVELFlBRVMsZ0JBQWtDO1FBQWxDLHFCQUFnQixHQUFoQixnQkFBZ0IsQ0FBa0I7SUFDeEMsQ0FBQzs7NkdBZE8sZ0JBQWdCLGtCQVlqQixVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsZ0JBQWdCLENBQUM7aUdBWmpDLGdCQUFnQiwySUFYakI7Ozs7Ozs7O0dBUVQ7MkZBR1UsZ0JBQWdCO2tCQWI1QixTQUFTOytCQUNFLFlBQVksWUFDWjs7Ozs7Ozs7R0FRVDs7MEJBZUUsTUFBTTsyQkFBQyxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsZ0JBQWdCLENBQUM7NENBVjVDLFlBQVk7c0JBRFgsWUFBWTt1QkFBQyxZQUFZO2dCQU0xQixZQUFZO3NCQURYLFlBQVk7dUJBQUMsWUFBWSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgZm9yd2FyZFJlZiwgSG9zdExpc3RlbmVyLCBJbmplY3QgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFRvb2x0aXBEaXJlY3RpdmUgfSBmcm9tICcuL3Rvb2x0aXAuZGlyZWN0aXZlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc3AtdG9vbHRpcCcsXG4gIHRlbXBsYXRlOiBgXG4gICAgPGRpdiBbaWRdPVwidG9vbHRpcERpcmVjdGl2ZS5pZFwiIGNsYXNzPVwic2FwcGhpcmUtdG9vbHRpcFwiIHJvbGU9XCJ0b29sdGlwXCI+XG4gICAgICA8ZGl2IGNsYXNzPVwic2FwcGhpcmUtdGhlbWUtLWNvbnRyYXN0XCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJzYXBwaGlyZS10b29sdGlwX19jb250ZW50XCI+XG4gICAgICAgICAge3sgdG9vbHRpcERpcmVjdGl2ZS50b29sdGlwVGV4dCB9fVxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICBgLFxuICBzdHlsZVVybHM6IFsnLi90b29sdGlwLmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIFRvb2x0aXBDb21wb25lbnQge1xuICBASG9zdExpc3RlbmVyKCdtb3VzZWVudGVyJylcbiAgb25Nb3VzZUVudGVyKCkge1xuICAgIHRoaXMudG9vbHRpcERpcmVjdGl2ZS53YXJtdXAoKTtcbiAgfVxuXG4gIEBIb3N0TGlzdGVuZXIoJ21vdXNlbGVhdmUnKVxuICBvbk1vdXNlTGVhdmUoKSB7XG4gICAgdGhpcy50b29sdGlwRGlyZWN0aXZlLmhpZGUoKTtcbiAgfVxuXG4gIGNvbnN0cnVjdG9yKFxuICAgIEBJbmplY3QoZm9yd2FyZFJlZigoKSA9PiBUb29sdGlwRGlyZWN0aXZlKSlcbiAgICBwdWJsaWMgdG9vbHRpcERpcmVjdGl2ZTogVG9vbHRpcERpcmVjdGl2ZVxuICApIHt9XG59XG4iXX0=
|
|
@@ -22,7 +22,7 @@ export class HeadingComponent {
|
|
|
22
22
|
}
|
|
23
23
|
}
|
|
24
24
|
HeadingComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: HeadingComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
25
|
-
HeadingComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: HeadingComponent, selector: "h1[sp-heading],h2[sp-heading],h3[sp-heading],h4[sp-heading],h5[sp-heading],h6[sp-heading]", inputs: { level: ["sp-heading", "level"], fontVariant: "fontVariant" }, host: { properties: { "class.sapphire-heading": "true", "class.sapphire-heading--level1": "level === \"1\"", "class.sapphire-heading--level2": "level === \"2\"", "class.sapphire-heading--level3": "level === \"3\"", "class.sapphire-heading--level4": "level === \"4\"", "class.sapphire-heading--level5": "level === \"5\"", "class.sapphire-heading--level6": "level === \"6\"", "class.sapphire-heading--alternative": "fontVariant === \"alternative\"" } }, hostDirectives: [{ directive: i1.ThemeCheckDirective }, { directive: i2.UseComponentStylesOnHost }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".sapphire-heading{margin-top:0;margin-bottom:0;line-height:var(--sapphire-
|
|
25
|
+
HeadingComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: HeadingComponent, selector: "h1[sp-heading],h2[sp-heading],h3[sp-heading],h4[sp-heading],h5[sp-heading],h6[sp-heading]", inputs: { level: ["sp-heading", "level"], fontVariant: "fontVariant" }, host: { properties: { "class.sapphire-heading": "true", "class.sapphire-heading--level1": "level === \"1\"", "class.sapphire-heading--level2": "level === \"2\"", "class.sapphire-heading--level3": "level === \"3\"", "class.sapphire-heading--level4": "level === \"4\"", "class.sapphire-heading--level5": "level === \"5\"", "class.sapphire-heading--level6": "level === \"6\"", "class.sapphire-heading--alternative": "fontVariant === \"alternative\"" } }, hostDirectives: [{ directive: i1.ThemeCheckDirective }, { directive: i2.UseComponentStylesOnHost }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".sapphire-heading{margin-top:0;margin-bottom:0;line-height:var(--sapphire-global-size-line-height-sm);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sapphire-heading--level1{font-family:var(--sapphire-semantic-font-name-default);font-weight:var(--sapphire-semantic-font-weight-default-semibold);font-size:var(--sapphire-global-size-font-220);color:var(--sapphire-semantic-color-content-default-primary)}.sapphire-heading--level2{font-family:var(--sapphire-semantic-font-name-default);font-weight:var(--sapphire-semantic-font-weight-default-semibold);font-size:var(--sapphire-global-size-font-150);color:var(--sapphire-semantic-color-content-default-primary)}.sapphire-heading--level3{font-family:var(--sapphire-semantic-font-name-default);font-weight:var(--sapphire-semantic-font-weight-default-semibold);font-size:var(--sapphire-global-size-font-130);color:var(--sapphire-semantic-color-content-default-primary)}.sapphire-heading--level4{font-family:var(--sapphire-semantic-font-name-default);font-weight:var(--sapphire-semantic-font-weight-default-semibold);font-size:var(--sapphire-global-size-font-112);color:var(--sapphire-semantic-color-content-default-primary)}.sapphire-heading--level5{font-family:var(--sapphire-semantic-font-name-default);font-weight:var(--sapphire-semantic-font-weight-default-semibold);font-size:var(--sapphire-global-size-font-106);color:var(--sapphire-semantic-color-content-default-primary)}.sapphire-heading--level6{font-family:var(--sapphire-semantic-font-name-default);font-weight:var(--sapphire-semantic-font-weight-default-semibold);font-size:var(--sapphire-global-size-font-100);color:var(--sapphire-semantic-color-content-default-primary)}.sapphire-heading--level1.sapphire-heading--alternative,.sapphire-heading--level2.sapphire-heading--alternative,.sapphire-heading--level3.sapphire-heading--alternative,.sapphire-heading--level4.sapphire-heading--alternative,.sapphire-heading--level5.sapphire-heading--alternative,.sapphire-heading--level6.sapphire-heading--alternative{font-family:var(--sapphire-semantic-font-name-display);font-weight:var(--sapphire-semantic-font-weight-default-regular)}\n"] });
|
|
26
26
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: HeadingComponent, decorators: [{
|
|
27
27
|
type: Component,
|
|
28
28
|
args: [{ selector: 'h1[sp-heading],h2[sp-heading],h3[sp-heading],h4[sp-heading],h5[sp-heading],h6[sp-heading]', template: '<ng-content></ng-content>', host: {
|
|
@@ -34,7 +34,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
|
|
|
34
34
|
'[class.sapphire-heading--level5]': 'level === "5"',
|
|
35
35
|
'[class.sapphire-heading--level6]': 'level === "6"',
|
|
36
36
|
'[class.sapphire-heading--alternative]': 'fontVariant === "alternative"',
|
|
37
|
-
}, hostDirectives: [ThemeCheckDirective, UseComponentStylesOnHost], styles: [".sapphire-heading{margin-top:0;margin-bottom:0;line-height:var(--sapphire-
|
|
37
|
+
}, hostDirectives: [ThemeCheckDirective, UseComponentStylesOnHost], styles: [".sapphire-heading{margin-top:0;margin-bottom:0;line-height:var(--sapphire-global-size-line-height-sm);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sapphire-heading--level1{font-family:var(--sapphire-semantic-font-name-default);font-weight:var(--sapphire-semantic-font-weight-default-semibold);font-size:var(--sapphire-global-size-font-220);color:var(--sapphire-semantic-color-content-default-primary)}.sapphire-heading--level2{font-family:var(--sapphire-semantic-font-name-default);font-weight:var(--sapphire-semantic-font-weight-default-semibold);font-size:var(--sapphire-global-size-font-150);color:var(--sapphire-semantic-color-content-default-primary)}.sapphire-heading--level3{font-family:var(--sapphire-semantic-font-name-default);font-weight:var(--sapphire-semantic-font-weight-default-semibold);font-size:var(--sapphire-global-size-font-130);color:var(--sapphire-semantic-color-content-default-primary)}.sapphire-heading--level4{font-family:var(--sapphire-semantic-font-name-default);font-weight:var(--sapphire-semantic-font-weight-default-semibold);font-size:var(--sapphire-global-size-font-112);color:var(--sapphire-semantic-color-content-default-primary)}.sapphire-heading--level5{font-family:var(--sapphire-semantic-font-name-default);font-weight:var(--sapphire-semantic-font-weight-default-semibold);font-size:var(--sapphire-global-size-font-106);color:var(--sapphire-semantic-color-content-default-primary)}.sapphire-heading--level6{font-family:var(--sapphire-semantic-font-name-default);font-weight:var(--sapphire-semantic-font-weight-default-semibold);font-size:var(--sapphire-global-size-font-100);color:var(--sapphire-semantic-color-content-default-primary)}.sapphire-heading--level1.sapphire-heading--alternative,.sapphire-heading--level2.sapphire-heading--alternative,.sapphire-heading--level3.sapphire-heading--alternative,.sapphire-heading--level4.sapphire-heading--alternative,.sapphire-heading--level5.sapphire-heading--alternative,.sapphire-heading--level6.sapphire-heading--alternative{font-family:var(--sapphire-semantic-font-name-display);font-weight:var(--sapphire-semantic-font-weight-default-regular)}\n"] }]
|
|
38
38
|
}], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { level: [{
|
|
39
39
|
type: Input,
|
|
40
40
|
args: ['sp-heading']
|
|
@@ -10,15 +10,15 @@ export class ParagraphComponent {
|
|
|
10
10
|
}
|
|
11
11
|
}
|
|
12
12
|
ParagraphComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ParagraphComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
13
|
-
ParagraphComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: ParagraphComponent, selector: "p[sp-paragraph], div[sp-paragraph]", inputs: { size: "size" }, host: { properties: { "class.sapphire-paragraph": "true", "class.sapphire-paragraph--
|
|
13
|
+
ParagraphComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: ParagraphComponent, selector: "p[sp-paragraph], div[sp-paragraph]", inputs: { size: "size" }, host: { properties: { "class.sapphire-paragraph": "true", "class.sapphire-paragraph--sm": "size === \"small\"", "class.sapphire-paragraph--xs": "size === \"extraSmall\"" } }, hostDirectives: [{ directive: i1.ThemeCheckDirective }, { directive: i2.UseComponentStylesOnHost }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".sapphire-paragraph{font-family:var(--sapphire-semantic-font-name-default);color:var(--sapphire-semantic-color-content-default-primary);font-size:var(--sapphire-semantic-size-font-text-lg);line-height:var(--sapphire-semantic-size-line-height-md);margin-top:0;margin-bottom:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sapphire-paragraph--sm{font-size:var(--sapphire-semantic-size-font-text-md)}.sapphire-paragraph--xs{font-size:var(--sapphire-semantic-size-font-text-sm)}\n"] });
|
|
14
14
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ParagraphComponent, decorators: [{
|
|
15
15
|
type: Component,
|
|
16
16
|
args: [{ selector: 'p[sp-paragraph], div[sp-paragraph]', template: '<ng-content></ng-content>', host: {
|
|
17
17
|
'[class.sapphire-paragraph]': 'true',
|
|
18
|
-
'[class.sapphire-paragraph--
|
|
19
|
-
'[class.sapphire-paragraph--
|
|
20
|
-
}, hostDirectives: [ThemeCheckDirective, UseComponentStylesOnHost], styles: [".sapphire-paragraph{font-family:var(--sapphire-
|
|
18
|
+
'[class.sapphire-paragraph--sm]': 'size === "small"',
|
|
19
|
+
'[class.sapphire-paragraph--xs]': 'size === "extraSmall"',
|
|
20
|
+
}, hostDirectives: [ThemeCheckDirective, UseComponentStylesOnHost], styles: [".sapphire-paragraph{font-family:var(--sapphire-semantic-font-name-default);color:var(--sapphire-semantic-color-content-default-primary);font-size:var(--sapphire-semantic-size-font-text-lg);line-height:var(--sapphire-semantic-size-line-height-md);margin-top:0;margin-bottom:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sapphire-paragraph--sm{font-size:var(--sapphire-semantic-size-font-text-md)}.sapphire-paragraph--xs{font-size:var(--sapphire-semantic-size-font-text-sm)}\n"] }]
|
|
21
21
|
}], propDecorators: { size: [{
|
|
22
22
|
type: Input
|
|
23
23
|
}] } });
|
|
24
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
24
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFyYWdyYXBoLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9saWIvdHlwb2dyYXBoeS9zcmMvcGFyYWdyYXBoLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNqRCxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSx1Q0FBdUMsQ0FBQztBQUM1RSxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSwwQ0FBMEMsQ0FBQzs7OztBQWFwRixNQUFNLE9BQU8sa0JBQWtCO0lBWC9CO1FBYUUsU0FBSSxHQUF1QyxTQUFTLENBQUM7S0FDdEQ7OytHQUhZLGtCQUFrQjttR0FBbEIsa0JBQWtCLHdYQVRuQiwyQkFBMkI7MkZBUzFCLGtCQUFrQjtrQkFYOUIsU0FBUzsrQkFDRSxvQ0FBb0MsWUFDcEMsMkJBQTJCLFFBRS9CO3dCQUNKLDRCQUE0QixFQUFFLE1BQU07d0JBQ3BDLGdDQUFnQyxFQUFFLGtCQUFrQjt3QkFDcEQsZ0NBQWdDLEVBQUUsdUJBQXVCO3FCQUMxRCxrQkFDZSxDQUFDLG1CQUFtQixFQUFFLHdCQUF3QixDQUFDOzhCQUkvRCxJQUFJO3NCQURILEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBUaGVtZUNoZWNrRGlyZWN0aXZlIH0gZnJvbSAnLi4vLi4vdGhlbWUvc3JjL3RoZW1lLWNoZWNrLmRpcmVjdGl2ZSc7XG5pbXBvcnQgeyBVc2VDb21wb25lbnRTdHlsZXNPbkhvc3QgfSBmcm9tICcuLi8uLi9jb21tb24vc2FwcGhpcmUtdmlldy1lbmNhcHN1bGF0aW9uJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAncFtzcC1wYXJhZ3JhcGhdLCBkaXZbc3AtcGFyYWdyYXBoXScsXG4gIHRlbXBsYXRlOiAnPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PicsXG4gIHN0eWxlVXJsczogWycuL3BhcmFncmFwaC5jb21wb25lbnQuc2NzcyddLFxuICBob3N0OiB7XG4gICAgJ1tjbGFzcy5zYXBwaGlyZS1wYXJhZ3JhcGhdJzogJ3RydWUnLFxuICAgICdbY2xhc3Muc2FwcGhpcmUtcGFyYWdyYXBoLS1zbV0nOiAnc2l6ZSA9PT0gXCJzbWFsbFwiJyxcbiAgICAnW2NsYXNzLnNhcHBoaXJlLXBhcmFncmFwaC0teHNdJzogJ3NpemUgPT09IFwiZXh0cmFTbWFsbFwiJyxcbiAgfSxcbiAgaG9zdERpcmVjdGl2ZXM6IFtUaGVtZUNoZWNrRGlyZWN0aXZlLCBVc2VDb21wb25lbnRTdHlsZXNPbkhvc3RdLFxufSlcbmV4cG9ydCBjbGFzcyBQYXJhZ3JhcGhDb21wb25lbnQge1xuICBASW5wdXQoKVxuICBzaXplOiAnZGVmYXVsdCcgfCAnc21hbGwnIHwgJ2V4dHJhU21hbGwnID0gJ2RlZmF1bHQnO1xufVxuIl19
|