@danske/sapphire-angular 2.6.0 → 2.7.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.
|
@@ -20,7 +20,7 @@ export class LinkComponent {
|
|
|
20
20
|
}
|
|
21
21
|
}
|
|
22
22
|
LinkComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: LinkComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
23
|
-
LinkComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: LinkComponent, isStandalone: true, selector: "a[sp-link]", inputs: { variant: "variant", size: "size", disabled: "disabled", tabindex: "tabindex", tabIndex: "tabIndex" }, host: { listeners: { "click": "handleDisableInteraction($event)", "pointerdown": "handleDisableInteraction($event)", "mousedown": "handleDisableInteraction($event)", "keydown": "handleDisableInteraction($event)" }, properties: { "class.sapphire-link--primary": "variant === \"primary\"", "class.sapphire-link--secondary": "variant === \"secondary\"", "class.sapphire-link--md": "size === \"md\"", "class.sapphire-link--sm": "size === \"sm\"", "attr.tabindex": "disabled ? -1 : (tabindex || tabIndex)", "attr.aria-disabled": "disabled || null", "class.is-disabled": "disabled" }, classAttribute: "sapphire-link" }, hostDirectives: [{ directive: i1.UseComponentStylesOnHost }], ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, styles: [".sapphire-link{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline
|
|
23
|
+
LinkComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: LinkComponent, isStandalone: true, selector: "a[sp-link]", inputs: { variant: "variant", size: "size", disabled: "disabled", tabindex: "tabindex", tabIndex: "tabIndex" }, host: { listeners: { "click": "handleDisableInteraction($event)", "pointerdown": "handleDisableInteraction($event)", "mousedown": "handleDisableInteraction($event)", "keydown": "handleDisableInteraction($event)" }, properties: { "class.sapphire-link--primary": "variant === \"primary\"", "class.sapphire-link--secondary": "variant === \"secondary\"", "class.sapphire-link--md": "size === \"md\"", "class.sapphire-link--sm": "size === \"sm\"", "attr.tabindex": "disabled ? -1 : (tabindex || tabIndex)", "attr.aria-disabled": "disabled || null", "class.is-disabled": "disabled" }, classAttribute: "sapphire-link" }, hostDirectives: [{ directive: i1.UseComponentStylesOnHost }], ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, styles: [".sapphire-link{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline;font-family:var(--sapphire-semantic-font-name-default);font-size:var(--sapphire-semantic-size-font-text-lg);line-height:var(--sapphire-semantic-size-line-height-md);cursor:pointer;border-radius:var(--sapphire-semantic-size-radius-xs);-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;outline:none}.sapphire-link.is-disabled{opacity:var(--sapphire-semantic-opacity-disabled);cursor:not-allowed}.sapphire-link--primary{color:var(--sapphire-semantic-color-content-link-primary-default)}.sapphire-link--primary:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-link--primary:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{color:var(--sapphire-semantic-color-content-link-primary-hover)}.sapphire-link--primary.is-focus,.sapphire-link--primary:not(.js-focus):focus-visible{color:var(--sapphire-semantic-color-content-link-primary-default);text-decoration-style:double}.sapphire-link--primary:not(:disabled):not(.is-disabled).is-active,.sapphire-link--primary:not(:disabled):not(.is-disabled):active,.sapphire-link--primary:not(:disabled):not(.is-disabled):focus-visible:active{color:var(--sapphire-semantic-color-content-link-primary-active)}.sapphire-link--secondary{color:var(--sapphire-semantic-color-content-link-secondary-default)}.sapphire-link--secondary:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-link--secondary:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{color:var(--sapphire-semantic-color-content-link-secondary-hover)}.sapphire-link--secondary.is-focus,.sapphire-link--secondary:not(.js-focus):focus-visible{color:var(--sapphire-semantic-color-content-link-secondary-default);text-decoration-style:double}.sapphire-link--secondary:not(:disabled):not(.is-disabled).is-active,.sapphire-link--secondary:not(:disabled):not(.is-disabled):active,.sapphire-link--secondary:not(:disabled):not(.is-disabled):focus-visible:active{color:var(--sapphire-semantic-color-content-link-secondary-active)}.sapphire-link--md{font-size:var(--sapphire-semantic-size-font-text-md)}.sapphire-link--sm{font-size:var(--sapphire-semantic-size-font-text-sm)}\n"] });
|
|
24
24
|
__decorate([
|
|
25
25
|
CoerceBoolean
|
|
26
26
|
], LinkComponent.prototype, "disabled", void 0);
|
|
@@ -35,7 +35,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
|
|
|
35
35
|
'[attr.tabindex]': 'disabled ? -1 : (tabindex || tabIndex)',
|
|
36
36
|
'[attr.aria-disabled]': 'disabled || null',
|
|
37
37
|
'[class.is-disabled]': 'disabled',
|
|
38
|
-
}, hostDirectives: [UseComponentStylesOnHost], styles: [".sapphire-link{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline
|
|
38
|
+
}, hostDirectives: [UseComponentStylesOnHost], styles: [".sapphire-link{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline;font-family:var(--sapphire-semantic-font-name-default);font-size:var(--sapphire-semantic-size-font-text-lg);line-height:var(--sapphire-semantic-size-line-height-md);cursor:pointer;border-radius:var(--sapphire-semantic-size-radius-xs);-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;outline:none}.sapphire-link.is-disabled{opacity:var(--sapphire-semantic-opacity-disabled);cursor:not-allowed}.sapphire-link--primary{color:var(--sapphire-semantic-color-content-link-primary-default)}.sapphire-link--primary:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-link--primary:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{color:var(--sapphire-semantic-color-content-link-primary-hover)}.sapphire-link--primary.is-focus,.sapphire-link--primary:not(.js-focus):focus-visible{color:var(--sapphire-semantic-color-content-link-primary-default);text-decoration-style:double}.sapphire-link--primary:not(:disabled):not(.is-disabled).is-active,.sapphire-link--primary:not(:disabled):not(.is-disabled):active,.sapphire-link--primary:not(:disabled):not(.is-disabled):focus-visible:active{color:var(--sapphire-semantic-color-content-link-primary-active)}.sapphire-link--secondary{color:var(--sapphire-semantic-color-content-link-secondary-default)}.sapphire-link--secondary:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-link--secondary:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{color:var(--sapphire-semantic-color-content-link-secondary-hover)}.sapphire-link--secondary.is-focus,.sapphire-link--secondary:not(.js-focus):focus-visible{color:var(--sapphire-semantic-color-content-link-secondary-default);text-decoration-style:double}.sapphire-link--secondary:not(:disabled):not(.is-disabled).is-active,.sapphire-link--secondary:not(:disabled):not(.is-disabled):active,.sapphire-link--secondary:not(:disabled):not(.is-disabled):focus-visible:active{color:var(--sapphire-semantic-color-content-link-secondary-active)}.sapphire-link--md{font-size:var(--sapphire-semantic-size-font-text-md)}.sapphire-link--sm{font-size:var(--sapphire-semantic-size-font-text-sm)}\n"] }]
|
|
39
39
|
}], propDecorators: { variant: [{
|
|
40
40
|
type: Input
|
|
41
41
|
}], size: [{
|
|
@@ -5356,7 +5356,7 @@ class LinkComponent {
|
|
|
5356
5356
|
}
|
|
5357
5357
|
}
|
|
5358
5358
|
LinkComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: LinkComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
5359
|
-
LinkComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: LinkComponent, isStandalone: true, selector: "a[sp-link]", inputs: { variant: "variant", size: "size", disabled: "disabled", tabindex: "tabindex", tabIndex: "tabIndex" }, host: { listeners: { "click": "handleDisableInteraction($event)", "pointerdown": "handleDisableInteraction($event)", "mousedown": "handleDisableInteraction($event)", "keydown": "handleDisableInteraction($event)" }, properties: { "class.sapphire-link--primary": "variant === \"primary\"", "class.sapphire-link--secondary": "variant === \"secondary\"", "class.sapphire-link--md": "size === \"md\"", "class.sapphire-link--sm": "size === \"sm\"", "attr.tabindex": "disabled ? -1 : (tabindex || tabIndex)", "attr.aria-disabled": "disabled || null", "class.is-disabled": "disabled" }, classAttribute: "sapphire-link" }, hostDirectives: [{ directive: UseComponentStylesOnHost }], ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, styles: [".sapphire-link{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline
|
|
5359
|
+
LinkComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: LinkComponent, isStandalone: true, selector: "a[sp-link]", inputs: { variant: "variant", size: "size", disabled: "disabled", tabindex: "tabindex", tabIndex: "tabIndex" }, host: { listeners: { "click": "handleDisableInteraction($event)", "pointerdown": "handleDisableInteraction($event)", "mousedown": "handleDisableInteraction($event)", "keydown": "handleDisableInteraction($event)" }, properties: { "class.sapphire-link--primary": "variant === \"primary\"", "class.sapphire-link--secondary": "variant === \"secondary\"", "class.sapphire-link--md": "size === \"md\"", "class.sapphire-link--sm": "size === \"sm\"", "attr.tabindex": "disabled ? -1 : (tabindex || tabIndex)", "attr.aria-disabled": "disabled || null", "class.is-disabled": "disabled" }, classAttribute: "sapphire-link" }, hostDirectives: [{ directive: UseComponentStylesOnHost }], ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, styles: [".sapphire-link{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline;font-family:var(--sapphire-semantic-font-name-default);font-size:var(--sapphire-semantic-size-font-text-lg);line-height:var(--sapphire-semantic-size-line-height-md);cursor:pointer;border-radius:var(--sapphire-semantic-size-radius-xs);-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;outline:none}.sapphire-link.is-disabled{opacity:var(--sapphire-semantic-opacity-disabled);cursor:not-allowed}.sapphire-link--primary{color:var(--sapphire-semantic-color-content-link-primary-default)}.sapphire-link--primary:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-link--primary:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{color:var(--sapphire-semantic-color-content-link-primary-hover)}.sapphire-link--primary.is-focus,.sapphire-link--primary:not(.js-focus):focus-visible{color:var(--sapphire-semantic-color-content-link-primary-default);text-decoration-style:double}.sapphire-link--primary:not(:disabled):not(.is-disabled).is-active,.sapphire-link--primary:not(:disabled):not(.is-disabled):active,.sapphire-link--primary:not(:disabled):not(.is-disabled):focus-visible:active{color:var(--sapphire-semantic-color-content-link-primary-active)}.sapphire-link--secondary{color:var(--sapphire-semantic-color-content-link-secondary-default)}.sapphire-link--secondary:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-link--secondary:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{color:var(--sapphire-semantic-color-content-link-secondary-hover)}.sapphire-link--secondary.is-focus,.sapphire-link--secondary:not(.js-focus):focus-visible{color:var(--sapphire-semantic-color-content-link-secondary-default);text-decoration-style:double}.sapphire-link--secondary:not(:disabled):not(.is-disabled).is-active,.sapphire-link--secondary:not(:disabled):not(.is-disabled):active,.sapphire-link--secondary:not(:disabled):not(.is-disabled):focus-visible:active{color:var(--sapphire-semantic-color-content-link-secondary-active)}.sapphire-link--md{font-size:var(--sapphire-semantic-size-font-text-md)}.sapphire-link--sm{font-size:var(--sapphire-semantic-size-font-text-sm)}\n"] });
|
|
5360
5360
|
__decorate([
|
|
5361
5361
|
CoerceBoolean
|
|
5362
5362
|
], LinkComponent.prototype, "disabled", void 0);
|
|
@@ -5371,7 +5371,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
|
|
|
5371
5371
|
'[attr.tabindex]': 'disabled ? -1 : (tabindex || tabIndex)',
|
|
5372
5372
|
'[attr.aria-disabled]': 'disabled || null',
|
|
5373
5373
|
'[class.is-disabled]': 'disabled',
|
|
5374
|
-
}, hostDirectives: [UseComponentStylesOnHost], styles: [".sapphire-link{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline
|
|
5374
|
+
}, hostDirectives: [UseComponentStylesOnHost], styles: [".sapphire-link{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline;font-family:var(--sapphire-semantic-font-name-default);font-size:var(--sapphire-semantic-size-font-text-lg);line-height:var(--sapphire-semantic-size-line-height-md);cursor:pointer;border-radius:var(--sapphire-semantic-size-radius-xs);-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;outline:none}.sapphire-link.is-disabled{opacity:var(--sapphire-semantic-opacity-disabled);cursor:not-allowed}.sapphire-link--primary{color:var(--sapphire-semantic-color-content-link-primary-default)}.sapphire-link--primary:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-link--primary:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{color:var(--sapphire-semantic-color-content-link-primary-hover)}.sapphire-link--primary.is-focus,.sapphire-link--primary:not(.js-focus):focus-visible{color:var(--sapphire-semantic-color-content-link-primary-default);text-decoration-style:double}.sapphire-link--primary:not(:disabled):not(.is-disabled).is-active,.sapphire-link--primary:not(:disabled):not(.is-disabled):active,.sapphire-link--primary:not(:disabled):not(.is-disabled):focus-visible:active{color:var(--sapphire-semantic-color-content-link-primary-active)}.sapphire-link--secondary{color:var(--sapphire-semantic-color-content-link-secondary-default)}.sapphire-link--secondary:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-link--secondary:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{color:var(--sapphire-semantic-color-content-link-secondary-hover)}.sapphire-link--secondary.is-focus,.sapphire-link--secondary:not(.js-focus):focus-visible{color:var(--sapphire-semantic-color-content-link-secondary-default);text-decoration-style:double}.sapphire-link--secondary:not(:disabled):not(.is-disabled).is-active,.sapphire-link--secondary:not(:disabled):not(.is-disabled):active,.sapphire-link--secondary:not(:disabled):not(.is-disabled):focus-visible:active{color:var(--sapphire-semantic-color-content-link-secondary-active)}.sapphire-link--md{font-size:var(--sapphire-semantic-size-font-text-md)}.sapphire-link--sm{font-size:var(--sapphire-semantic-size-font-text-sm)}\n"] }]
|
|
5375
5375
|
}], propDecorators: { variant: [{
|
|
5376
5376
|
type: Input
|
|
5377
5377
|
}], size: [{
|