@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.
@@ -5266,7 +5266,7 @@ class LinkComponent {
5266
5266
  }
5267
5267
  }
5268
5268
  LinkComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: LinkComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
5269
- 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-block;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;outline:0;border-radius:var(--sapphire-semantic-size-radius-xs)}.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);outline:var(--sapphire-semantic-size-focus-ring) solid var(--sapphire-semantic-color-focus-ring)}.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);outline:var(--sapphire-semantic-size-focus-ring) solid var(--sapphire-semantic-color-focus-ring)}.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"] });
5269
+ 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"] });
5270
5270
  __decorate([
5271
5271
  CoerceBoolean
5272
5272
  ], LinkComponent.prototype, "disabled", void 0);
@@ -5281,7 +5281,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
5281
5281
  '[attr.tabindex]': 'disabled ? -1 : (tabindex || tabIndex)',
5282
5282
  '[attr.aria-disabled]': 'disabled || null',
5283
5283
  '[class.is-disabled]': 'disabled',
5284
- }, hostDirectives: [UseComponentStylesOnHost], styles: [".sapphire-link{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;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;outline:0;border-radius:var(--sapphire-semantic-size-radius-xs)}.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);outline:var(--sapphire-semantic-size-focus-ring) solid var(--sapphire-semantic-color-focus-ring)}.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);outline:var(--sapphire-semantic-size-focus-ring) solid var(--sapphire-semantic-color-focus-ring)}.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"] }]
5284
+ }, 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"] }]
5285
5285
  }], propDecorators: { variant: [{
5286
5286
  type: Input
5287
5287
  }], size: [{