@tedi-design-system/angular 6.2.0-rc.4 → 6.2.0-rc.6

package/community/components/tags/status-badge/status-badge.component.d.ts

@@ -4,6 +4,9 @@ export type StatusBadgeColor = "neutral" | "brand" | "accent" | "success" | "dan
 export type StatusBadgeVariant = "filled" | "filled-bordered" | "bordered";
 export type StatusBadgeSize = "default" | "large";
 export type StatusBadgeStatus = "danger" | "success" | "warning" | "inactive" | "none";
+/**
+ * @deprecated Use StatusBadge from TEDI-ready instead. This component will be removed from future versions.
+ */
 export declare class StatusBadgeComponent {
     /**
      * Additional classes to apply custom styles to the StatusBadge.

package/community/components/tags/status-badge/status-badge.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"status-badge.component.d.ts","sourceRoot":"","sources":["../../../../../community/components/tags/status-badge/status-badge.component.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAiB,MAAM,kCAAkC,CAAC;;AAK5E,MAAM,MAAM,gBAAgB,GACxB,SAAS,GACT,OAAO,GACP,QAAQ,GACR,SAAS,GACT,QAAQ,GACR,SAAS,GACT,aAAa,CAAC;AAClB,MAAM,MAAM,kBAAkB,GAAG,QAAQ,GAAG,iBAAiB,GAAG,UAAU,CAAC;AAC3E,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,OAAO,CAAC;AAClD,MAAM,MAAM,iBAAiB,GACzB,QAAQ,GACR,SAAS,GACT,SAAS,GACT,UAAU,GACV,MAAM,CAAC;AAEX,qBAea,oBAAoB;IAC/B;;OAEG;IACH,SAAS,0DAAmB;IAC5B;;;OAGG;IACH,KAAK,0DAAmB;IACxB;;OAEG;IACH,EAAE,0DAAmB;IACrB;;OAEG;IACH,IAAI,0DAAmB;IACvB;;;OAGG;IACH,KAAK,wDAAsC;IAC3C;;;OAGG;IACH,OAAO,0DAAuC;IAC9C;;;OAGG;IACH,IAAI,uDAAqC;IACzC;;OAEG;IACH,MAAM,yDAAwC;IAC9C;;OAEG;IACH,IAAI,8CAAqB;IAEzB,OAAO,yCA0BJ;IAEH,QAAQ,qEASL;IAEH,wBAAwB,4CAerB;yCAhGQ,oBAAoB;2CAApB,oBAAoB;CAiGhC"}
+{"version":3,"file":"status-badge.component.d.ts","sourceRoot":"","sources":["../../../../../community/components/tags/status-badge/status-badge.component.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAiB,MAAM,kCAAkC,CAAC;;AAK5E,MAAM,MAAM,gBAAgB,GACxB,SAAS,GACT,OAAO,GACP,QAAQ,GACR,SAAS,GACT,QAAQ,GACR,SAAS,GACT,aAAa,CAAC;AAClB,MAAM,MAAM,kBAAkB,GAAG,QAAQ,GAAG,iBAAiB,GAAG,UAAU,CAAC;AAC3E,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,OAAO,CAAC;AAClD,MAAM,MAAM,iBAAiB,GACzB,QAAQ,GACR,SAAS,GACT,SAAS,GACT,UAAU,GACV,MAAM,CAAC;AAEX;;GAEG;AACH,qBAea,oBAAoB;IAC/B;;OAEG;IACH,SAAS,0DAAmB;IAC5B;;;OAGG;IACH,KAAK,0DAAmB;IACxB;;OAEG;IACH,EAAE,0DAAmB;IACrB;;OAEG;IACH,IAAI,0DAAmB;IACvB;;;OAGG;IACH,KAAK,wDAAsC;IAC3C;;;OAGG;IACH,OAAO,0DAAuC;IAC9C;;;OAGG;IACH,IAAI,uDAAqC;IACzC;;OAEG;IACH,MAAM,yDAAwC;IAC9C;;OAEG;IACH,IAAI,8CAAqB;IAEzB,OAAO,yCA0BJ;IAEH,QAAQ,qEASL;IAEH,wBAAwB,4CAerB;yCAhGQ,oBAAoB;2CAApB,oBAAoB;CAiGhC"}

package/fesm2022/tedi-design-system-angular-community.mjs

@@ -1507,6 +1507,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
                     }, template: "@if (type() === \"danger\") {\n  <span class=\"tedi-tag__icon-wrapper\">\n    <tedi-icon name=\"error\" color=\"danger\" [size]=\"16\" />\n  </span>\n}\n\n<span class=\"tedi-tag__content\">\n  <ng-content />\n</span>\n\n@if (loading()) {\n  <span class=\"tedi-tag__spinner-wrapper\">\n    <tedi-spinner [size]=\"10\" />\n  </span>\n} @else if (closable()) {\n  <!-- TODO: Not sure about the aria-label and title here. Should they come from input and be translatable? -->\n  <button\n    type=\"button\"\n    class=\"tedi-tag__closing-button\"\n    [attr.aria-label]=\"'remove' | tediTranslate\"\n    [title]=\"'remove' | tediTranslate\"\n    (click)=\"handleClose($event)\"\n  >\n    <tedi-icon name=\"close\" [size]=\"18\" />\n  </button>\n}\n", styles: [".tedi-tag{--_background-color: var(--tag-primary-background);--_border-color: var(--tag-primary-border);--_border-width: 1px;--_tag-padding-y: calc(var(--tag-default-padding-y) - var(--_border-width));--_padding-y: var(--tag-default-padding-y);--_padding-x: var(--tag-default-padding-x);--_border-radius: var(--tag-default-radius);--_gap-x: var(--tag-default-padding-x);--_line-height: var(--body-small-regular-line-height);display:inline-flex;align-items:flex-start;gap:var(--_gap-x);padding:0 var(--_padding-x);background-color:var(--_background-color);border:var(--_border-width) solid;border-color:var(--_border-color);border-radius:var(--_border-radius);font-family:var(--family-default);color:var(--general-text-primary);line-height:var(--_line-height);overflow:hidden;font-weight:var(--body-small-regular-weight);font-size:var(--body-small-regular-size);--_tag-padding-y: var(--tag-default-padding-y)}.tedi-tag__content{padding:calc(var(--_tag-padding-y) - var(--_border-width)) 0}.tedi-tag__icon-wrapper{line-height:calc(var(--_line-height) + var(--_tag-padding-y))}.tedi-tag__closing-button{--_button-height: var(--button-xs-icon-size);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;margin:0;border:none;background-color:#00000003;transition:background-color .3s ease-in-out;height:calc(var(--_button-height) - var(--_border-width) * 2);min-width:var(--button-xs-icon-size)}.tedi-tag__closing-button:hover,.tedi-tag__closing-button:focus{background-color:#0000001a}.tedi-tag__spinner-wrapper{display:flex;align-items:center;height:calc(var(--_line-height) + var(--_tag-padding-y))}.tedi-tag--closable:not(.tedi-tag--loading){padding-right:0}.tedi-tag--secondary{--_background-color: var(--tag-secondary-background);--_border-color: var(--tag-secondary-border)}.tedi-tag--danger{--_background-color: var(--tag-danger-background);--_border-color: var(--tag-danger-border)}\n"] }]
         }] });
 
+/**
+ * @deprecated Use StatusBadge from TEDI-ready instead. This component will be removed from future versions.
+ */
 class StatusBadgeComponent {
     /**
      * Additional classes to apply custom styles to the StatusBadge.