@cds/core 5.2.1 → 5.4.1

package/icon/icon.element.d.ts

@@ -1,5 +1,5 @@
 import { Directions, Orientations, StatusTypes } from '@cds/core/internal';
-import { LitElement } from 'lit-element';
+import { LitElement } from 'lit';
 /**
  * Icon component that renders svg shapes that can be customized.
  * To load an icon, import the icon with the icon service.
@@ -20,7 +20,7 @@ import { LitElement } from 'lit-element';
  * @cssprop --badge-color
  */
 export declare class CdsIcon extends LitElement {
-    static get styles(): import("lit-element").CSSResult[];
+    static get styles(): import("lit").CSSResultGroup[];
     private _shape;
     private _size;
     get shape(): string;
@@ -91,5 +91,5 @@ export declare class CdsIcon extends LitElement {
     updated(props: Map<string, any>): void;
     connectedCallback(): void;
     disconnectedCallback(): void;
-    protected render(): import("lit-element").TemplateResult;
+    protected render(): import("lit-html").TemplateResult<1> | import("lit-html").TemplateResult<2>;
 }

package/icon/icon.element.js

@@ -1,135 +1,2 @@
-/*
- * Copyright (c) 2016-2021 VMware, Inc. All Rights Reserved.
- * This software is released under MIT license.
- * The full license information can be found in LICENSE in the root directory of this project.
- */
-import { __decorate } from "tslib";
-import { baseStyles, hasStringPropertyChanged, hasStringPropertyChangedAndNotNil, property, internalProperty, isString, pxToRem, } from '@cds/core/internal';
-import { html, LitElement, query, svg } from 'lit-element';
-import { styles } from './icon.element.css.js';
-import { ClarityIcons } from './icon.service.js';
-import { updateIconSizeStyle } from './utils/icon.classnames.js';
-import { getIconBadgeSVG, getIconSVG } from './utils/icon.svg-helpers.js';
-/**
- * Icon component that renders svg shapes that can be customized.
- * To load an icon, import the icon with the icon service.
- *
- * ```typescript
- * import '@cds/core/icon/register.js';
- * import { ClarityIcons, userIcon } from '@cds/core/icon';
- *
- * ClarityIcons.addIcons(userIcon);
- * ```
- *
- * ```html
- * <cds-icon shape="user"></cds-icon>
- * ```
- *
- * @element cds-icon
- * @cssprop --color
- * @cssprop --badge-color
- */
-export class CdsIcon extends LitElement {
-    constructor() {
-        super(...arguments);
-        this._shape = 'unknown';
-        /**
-         * Displays most icons in their "filled" version if set to `true`.
-         */
-        this.solid = false;
-        /**
-         * Inverts color of icon fills and outlines if `true`.
-         * Useful for displaying icons on a dark background.
-         */
-        this.inverse = false;
-    }
-    static get styles() {
-        return [baseStyles, styles];
-    }
-    get shape() {
-        return this._shape;
-    }
-    /**
-     * Changes the svg glyph displayed in the icon component. Defaults to the 'unknown' icon if
-     * the specified icon cannot be found in the icon registry.
-     */
-    set shape(val) {
-        if (hasStringPropertyChangedAndNotNil(val, this._shape)) {
-            const oldVal = this._shape;
-            this._shape = val;
-            this.requestUpdate('shape', oldVal);
-        }
-    }
-    get size() {
-        return this._size;
-    }
-    /**
-     * @type {string | xs | sm | md | lg | xl | xxl}
-     * Apply numerical width-height or a t-shirt-sized CSS classname
-     */
-    set size(val) {
-        if (hasStringPropertyChanged(val, this._size)) {
-            const oldVal = this._size;
-            this._size = val;
-            updateIconSizeStyle(this, val);
-            this.requestUpdate('size', oldVal);
-        }
-    }
-    updated(props) {
-        if (props.has('innerOffset') && this.innerOffset > 0) {
-            const val = pxToRem(this.innerOffset);
-            const dimension = `calc(100% + ${Number(val.replace('rem', '')) * 2}rem)`;
-            this.svg.style.width = dimension;
-            this.svg.style.height = dimension;
-            this.svg.style.margin = `-${val} 0 0 -${val}`;
-        }
-    }
-    connectedCallback() {
-        super.connectedCallback();
-        this.subscription = ClarityIcons.iconUpdates.subscribe(shape => {
-            if (shape === this.shape) {
-                this.requestUpdate();
-            }
-        });
-    }
-    disconnectedCallback() {
-        super.disconnectedCallback();
-        this.subscription.unsubscribe();
-    }
-    render() {
-        return isString(ClarityIcons.registry[this.shape])
-            ? html `<span .innerHTML="${ClarityIcons.registry[this.shape]}"></span>`
-            : svg `<svg .innerHTML="${getIconSVG(this) + getIconBadgeSVG(this)}" viewBox="0 0 36 36" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"></svg>`;
-    }
-}
-__decorate([
-    property({ type: String })
-], CdsIcon.prototype, "shape", null);
-__decorate([
-    property({ type: String })
-], CdsIcon.prototype, "size", null);
-__decorate([
-    property({ type: String })
-], CdsIcon.prototype, "direction", void 0);
-__decorate([
-    property({ type: String })
-], CdsIcon.prototype, "flip", void 0);
-__decorate([
-    property({ type: Boolean })
-], CdsIcon.prototype, "solid", void 0);
-__decorate([
-    property({ type: String })
-], CdsIcon.prototype, "status", void 0);
-__decorate([
-    property({ type: Boolean })
-], CdsIcon.prototype, "inverse", void 0);
-__decorate([
-    property({ type: String })
-], CdsIcon.prototype, "badge", void 0);
-__decorate([
-    internalProperty({ type: Number })
-], CdsIcon.prototype, "innerOffset", void 0);
-__decorate([
-    query('svg')
-], CdsIcon.prototype, "svg", void 0);
-//# sourceMappingURL=icon.element.js.map
+import{__decorate as t}from"tslib";import{baseStyles as s,hasStringPropertyChangedAndNotNil as e,hasStringPropertyChanged as i,pxToRem as r,isString as o,property as n,state as p}from"@cds/core/internal";import{LitElement as h,html as a,svg as c}from"lit";import{query as l}from"lit/decorators/query.js";import d from"./icon.element.scss.js";import{ClarityIcons as u}from"./icon.service.js";import{updateIconSizeStyle as y}from"./utils/icon.classnames.js";import{getIconSVG as g,getIconBadgeSVG as f}from"./utils/icon.svg-helpers.js";class m extends h{constructor(){super(...arguments),this._shape="unknown",this.solid=!1,this.inverse=!1}static get styles(){return[s,d]}get shape(){return this._shape}set shape(t){if(e(t,this._shape)){const s=this._shape;this._shape=t,this.requestUpdate("shape",s)}}get size(){return this._size}set size(t){if(i(t,this._size)){const s=this._size;this._size=t,y(this,t),this.requestUpdate("size",s)}}updated(t){if(t.has("innerOffset")&&this.innerOffset>0){const t=r(-1*this.innerOffset),s=`calc(100% + ${r(2*this.innerOffset)})`;this.svg.style.width=s,this.svg.style.height=s,this.svg.style.margin=`${t} 0 0 ${t}`}}connectedCallback(){super.connectedCallback(),this.subscription=u.iconUpdates.subscribe((t=>{t===this.shape&&this.requestUpdate()}))}disconnectedCallback(){super.disconnectedCallback(),this.subscription.unsubscribe()}render(){return o(u.registry[this.shape])?a`<span .innerHTML="${u.registry[this.shape]}"></span>`:c`<svg .innerHTML="${g(this)+f(this)}" viewBox="0 0 36 36" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"></svg>`}}t([n({type:String})],m.prototype,"shape",null),t([n({type:String})],m.prototype,"size",null),t([n({type:String})],m.prototype,"direction",void 0),t([n({type:String})],m.prototype,"flip",void 0),t([n({type:Boolean})],m.prototype,"solid",void 0),t([n({type:String})],m.prototype,"status",void 0),t([n({type:Boolean})],m.prototype,"inverse",void 0),t([n({type:String})],m.prototype,"badge",void 0),t([p({type:Number})],m.prototype,"innerOffset",void 0),t([l("svg")],m.prototype,"svg",void 0);export{m as CdsIcon};
+//# sourceMappingURL=icon.element.js.map

package/icon/icon.element.js.map

@@ -1 +1 @@
-{"version":3,"file":"icon.element.js","sourceRoot":"","sources":["../../../src/icon/icon.element.ts"],"names":[],"mappings":"AAAA;;;;GAIG;;AAEH,OAAO,EACL,UAAU,EAEV,wBAAwB,EACxB,iCAAiC,EAEjC,QAAQ,EACR,gBAAgB,EAEhB,QAAQ,EACR,OAAO,GAER,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,aAAa,CAAC;AAC3D,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AACjE,OAAO,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AAE1E;;;;;;;;;;;;;;;;;;GAkBG;AACH,MAAM,OAAO,OAAQ,SAAQ,UAAU;IAAvC;;QAKU,WAAM,GAAG,SAAS,CAAC;QAqD3B;;WAEG;QAEH,UAAK,GAAG,KAAK,CAAC;QASd;;;WAGG;QAEH,YAAO,GAAG,KAAK,CAAC;IAmElB,CAAC;IA9IC,MAAM,KAAK,MAAM;QACf,OAAO,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC;IAC9B,CAAC;IAMD,IAAI,KAAK;QACP,OAAO,IAAI,CAAC,MAAM,CAAC;IACrB,CAAC;IAED;;;OAGG;IACH,IAAI,KAAK,CAAC,GAAW;QACnB,IAAI,iCAAiC,CAAC,GAAG,EAAE,IAAI,CAAC,MAAM,CAAC,EAAE;YACvD,MAAM,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC;YAC3B,IAAI,CAAC,MAAM,GAAG,GAAG,CAAC;YAClB,IAAI,CAAC,aAAa,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;SACrC;IACH,CAAC;IAED,IAAI,IAAI;QACN,OAAO,IAAI,CAAC,KAAK,CAAC;IACpB,CAAC;IAED;;;OAGG;IAEH,IAAI,IAAI,CAAC,GAAW;QAClB,IAAI,wBAAwB,CAAC,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,EAAE;YAC7C,MAAM,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC;YAC1B,IAAI,CAAC,KAAK,GAAG,GAAG,CAAC;YACjB,mBAAmB,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;YAC/B,IAAI,CAAC,aAAa,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;SACpC;IACH,CAAC;IAuED,OAAO,CAAC,KAAuB;QAC7B,IAAI,KAAK,CAAC,GAAG,CAAC,aAAa,CAAC,IAAI,IAAI,CAAC,WAAW,GAAG,CAAC,EAAE;YACpD,MAAM,GAAG,GAAG,OAAO,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;YACtC,MAAM,SAAS,GAAG,eAAe,MAAM,CAAC,GAAG,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC;YAC1E,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,KAAK,GAAG,SAAS,CAAC;YACjC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,MAAM,GAAG,SAAS,CAAC;YAClC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,MAAM,GAAG,IAAI,GAAG,SAAS,GAAG,EAAE,CAAC;SAC/C;IACH,CAAC;IAED,iBAAiB;QACf,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,YAAY,GAAG,YAAY,CAAC,WAAW,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE;YAC7D,IAAI,KAAK,KAAK,IAAI,CAAC,KAAK,EAAE;gBACxB,IAAI,CAAC,aAAa,EAAE,CAAC;aACtB;QACH,CAAC,CAAC,CAAC;IACL,CAAC;IAED,oBAAoB;QAClB,KAAK,CAAC,oBAAoB,EAAE,CAAC;QAC7B,IAAI,CAAC,YAAY,CAAC,WAAW,EAAE,CAAC;IAClC,CAAC;IAES,MAAM;QACd,OAAO,QAAQ,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;YAChD,CAAC,CAAC,IAAI,CAAA,qBAAqB,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAW,WAAW;YACjF,CAAC,CAAC,GAAG,CAAA,oBACD,UAAU,CAAC,IAAI,CAAC,GAAG,eAAe,CAAC,IAAI,CACzC,oFAAoF,CAAC;IAC3F,CAAC;CACF;AAtIC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;oCAG1B;AAuBD;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;mCAQ1B;AAQD;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;0CACL;AAOtB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;qCACR;AAMnB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;sCACd;AAOd;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;uCACP;AAOpB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;wCACZ;AAuBhB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;sCAC6D;AAOxF;IADC,gBAAgB,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;4CACf;AAEN;IAAb,KAAK,CAAC,KAAK,CAAC;oCAAyB","sourcesContent":["/*\n * Copyright (c) 2016-2021 VMware, Inc. All Rights Reserved.\n * This software is released under MIT license.\n * The full license information can be found in LICENSE in the root directory of this project.\n */\n\nimport {\n  baseStyles,\n  Directions,\n  hasStringPropertyChanged,\n  hasStringPropertyChangedAndNotNil,\n  Orientations,\n  property,\n  internalProperty,\n  StatusTypes,\n  isString,\n  pxToRem,\n  EventSubscription,\n} from '@cds/core/internal';\nimport { html, LitElement, query, svg } from 'lit-element';\nimport { styles } from './icon.element.css.js';\nimport { ClarityIcons } from './icon.service.js';\nimport { updateIconSizeStyle } from './utils/icon.classnames.js';\nimport { getIconBadgeSVG, getIconSVG } from './utils/icon.svg-helpers.js';\n\n/**\n * Icon component that renders svg shapes that can be customized.\n * To load an icon, import the icon with the icon service.\n *\n * ```typescript\n * import '@cds/core/icon/register.js';\n * import { ClarityIcons, userIcon } from '@cds/core/icon';\n *\n * ClarityIcons.addIcons(userIcon);\n * ```\n *\n * ```html\n * <cds-icon shape=\"user\"></cds-icon>\n * ```\n *\n * @element cds-icon\n * @cssprop --color\n * @cssprop --badge-color\n */\nexport class CdsIcon extends LitElement {\n  static get styles() {\n    return [baseStyles, styles];\n  }\n\n  private _shape = 'unknown';\n  private _size: string;\n\n  @property({ type: String })\n  get shape() {\n    return this._shape;\n  }\n\n  /**\n   * Changes the svg glyph displayed in the icon component. Defaults to the 'unknown' icon if\n   * the specified icon cannot be found in the icon registry.\n   */\n  set shape(val: string) {\n    if (hasStringPropertyChangedAndNotNil(val, this._shape)) {\n      const oldVal = this._shape;\n      this._shape = val;\n      this.requestUpdate('shape', oldVal);\n    }\n  }\n\n  get size() {\n    return this._size;\n  }\n\n  /**\n   * @type {string | xs | sm | md | lg | xl | xxl}\n   * Apply numerical width-height or a t-shirt-sized CSS classname\n   */\n  @property({ type: String })\n  set size(val: string) {\n    if (hasStringPropertyChanged(val, this._size)) {\n      const oldVal = this._size;\n      this._size = val;\n      updateIconSizeStyle(this, val);\n      this.requestUpdate('size', oldVal);\n    }\n  }\n\n  /**\n   * @type {up | down | left | right}\n   * Takes a directional value that rotates the icon 90° with the\n   * top of the icon pointing in the specified direction.\n   */\n  @property({ type: String })\n  direction: Directions;\n\n  /**\n   * @type {horizontal | vertical}\n   * Takes an orientation value that reverses the orientation of the icon vertically or horizontally'\n   */\n  @property({ type: String })\n  flip: Orientations;\n\n  /**\n   * Displays most icons in their \"filled\" version if set to `true`.\n   */\n  @property({ type: Boolean })\n  solid = false;\n\n  /**\n   * @type {info | success | warning | danger}\n   * Changes color of icon fills and outlines\n   */\n  @property({ type: String })\n  status: StatusTypes;\n\n  /**\n   * Inverts color of icon fills and outlines if `true`.\n   * Useful for displaying icons on a dark background.\n   */\n  @property({ type: Boolean })\n  inverse = false;\n\n  /**\n   * @type {info | success | warning | danger | inherit | warning-triangle | inherit-triangle}\n   * Sets the color of the icon decoration that appears in the top-right corner\n   * of the glyph. The icon decoration is derived from the following predefined types.\n   *\n   * The color of the badge can change according to the following\n   * list of statuses:\n   * 'info'  -> blue dot\n   * 'success' -> green dot\n   * 'warning' -> yellow dot\n   * 'danger' -> red dot\n   * 'inherit' -> dot inherits color of full icon glyph\n   * 'warning-triangle' -> yellow triangle\n   * 'inherit-triangle' -> triangle inherits color of full icon glyph\n   * unrecognized value, empty string, or true -> red dot\n   *\n   * By default, the badge displays a 'danger' dot (a red-colored dot).\n   *\n   * Setting the badge to 'false' or removing the attribute will remove the default icon badge.\n   */\n  @property({ type: String })\n  badge: StatusTypes | 'inherit' | 'warning-triangle' | 'inherit-triangle' | true | false;\n\n  /**\n   * @private\n   * given a pixel value offset any surrounding whitespace within the svg\n   */\n  @internalProperty({ type: Number })\n  innerOffset: number; // Performance optimization: default to undefined so attr is not initially rendered\n\n  @query('svg') private svg: SVGElement;\n\n  private subscription: EventSubscription;\n\n  updated(props: Map<string, any>) {\n    if (props.has('innerOffset') && this.innerOffset > 0) {\n      const val = pxToRem(this.innerOffset);\n      const dimension = `calc(100% + ${Number(val.replace('rem', '')) * 2}rem)`;\n      this.svg.style.width = dimension;\n      this.svg.style.height = dimension;\n      this.svg.style.margin = `-${val} 0 0 -${val}`;\n    }\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.subscription = ClarityIcons.iconUpdates.subscribe(shape => {\n      if (shape === this.shape) {\n        this.requestUpdate();\n      }\n    });\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this.subscription.unsubscribe();\n  }\n\n  protected render() {\n    return isString(ClarityIcons.registry[this.shape])\n      ? html`<span .innerHTML=\"${ClarityIcons.registry[this.shape] as string}\"></span>`\n      : svg`<svg .innerHTML=\"${\n          getIconSVG(this) + getIconBadgeSVG(this)\n        }\" viewBox=\"0 0 36 36\" xmlns=\"http://www.w3.org/2000/svg\" aria-hidden=\"true\"></svg>`;\n  }\n}\n"]}
+{"version":3,"file":"icon.element.js","sources":["../../../src/icon/icon.element.ts"],"sourcesContent":null,"names":["CdsIcon","LitElement","[object Object]","super","arguments","this","_shape","solid","inverse","styles","baseStyles","shape","val","hasStringPropertyChangedAndNotNil","oldVal","requestUpdate","size","_size","hasStringPropertyChanged","updateIconSizeStyle","props","has","innerOffset","pxToRem","dimension","svg","style","width","height","margin","connectedCallback","subscription","ClarityIcons","iconUpdates","subscribe","disconnectedCallback","unsubscribe","isString","registry","html","getIconSVG","getIconBadgeSVG","__decorate","property","type","String","prototype","Boolean","state","Number","query"],"mappings":"shBAgCO,MAAMA,UAAgBC,EACzBC,cACIC,SAASC,WACTC,KAAKC,OAAS,UAIdD,KAAKE,OAAQ,EAKbF,KAAKG,SAAU,EAEnBC,oBACI,MAAO,CAACC,EAAYD,GAExBE,YACI,OAAON,KAAKC,OAMhBK,UAAUC,GACN,GAAIC,EAAkCD,EAAKP,KAAKC,QAAS,CACrD,MAAMQ,EAAST,KAAKC,OACpBD,KAAKC,OAASM,EACdP,KAAKU,cAAc,QAASD,IAGpCE,WACI,OAAOX,KAAKY,MAMhBD,SAASJ,GACL,GAAIM,EAAyBN,EAAKP,KAAKY,OAAQ,CAC3C,MAAMH,EAAST,KAAKY,MACpBZ,KAAKY,MAAQL,EACbO,EAAoBd,KAAMO,GAC1BP,KAAKU,cAAc,OAAQD,IAGnCZ,QAAQkB,GACJ,GAAIA,EAAMC,IAAI,gBAAkBhB,KAAKiB,YAAc,EAAG,CAClD,MAAMV,EAAMW,GAAS,EAAIlB,KAAKiB,aACxBE,EAAY,eAAeD,EAA2B,EAAnBlB,KAAKiB,gBAC9CjB,KAAKoB,IAAIC,MAAMC,MAAQH,EACvBnB,KAAKoB,IAAIC,MAAME,OAASJ,EACxBnB,KAAKoB,IAAIC,MAAMG,OAAS,GAAGjB,SAAWA,KAG9CV,oBACIC,MAAM2B,oBACNzB,KAAK0B,aAAeC,EAAaC,YAAYC,WAAUvB,IAC/CA,IAAUN,KAAKM,OACfN,KAAKU,mBAIjBb,uBACIC,MAAMgC,uBACN9B,KAAK0B,aAAaK,cAEtBlC,SACI,OAAOmC,EAASL,EAAaM,SAASjC,KAAKM,QACrC4B,CAAK,qBAAqBP,EAAaM,SAASjC,KAAKM,kBACrDc,CAAI,oBAAoBe,EAAWnC,MAAQoC,EAAgBpC,2FAGzEqC,EAAW,CACPC,EAAS,CAAEC,KAAMC,UAClB7C,EAAQ8C,UAAW,QAAS,MAC/BJ,EAAW,CACPC,EAAS,CAAEC,KAAMC,UAClB7C,EAAQ8C,UAAW,OAAQ,MAC9BJ,EAAW,CACPC,EAAS,CAAEC,KAAMC,UAClB7C,EAAQ8C,UAAW,iBAAa,GACnCJ,EAAW,CACPC,EAAS,CAAEC,KAAMC,UAClB7C,EAAQ8C,UAAW,YAAQ,GAC9BJ,EAAW,CACPC,EAAS,CAAEC,KAAMG,WAClB/C,EAAQ8C,UAAW,aAAS,GAC/BJ,EAAW,CACPC,EAAS,CAAEC,KAAMC,UAClB7C,EAAQ8C,UAAW,cAAU,GAChCJ,EAAW,CACPC,EAAS,CAAEC,KAAMG,WAClB/C,EAAQ8C,UAAW,eAAW,GACjCJ,EAAW,CACPC,EAAS,CAAEC,KAAMC,UAClB7C,EAAQ8C,UAAW,aAAS,GAC/BJ,EAAW,CACPM,EAAM,CAAEJ,KAAMK,UACfjD,EAAQ8C,UAAW,mBAAe,GACrCJ,EAAW,CACPQ,EAAM,QACPlD,EAAQ8C,UAAW,WAAO"}

package/icon/icon.element.scss.js

@@ -0,0 +1,2 @@
+import{css as a}from"lit";var s=a`@keyframes fadeInAndOut{0%,to{opacity:0}75%{opacity:1}}:host{--color:currentColor;display:inline-block;height:var(--cds-global-space-7,calc((16 / var(--cds-global-base,20)) * 1rem));width:var(--cds-global-space-7,calc((16 / var(--cds-global-base,20)) * 1rem));margin:0;vertical-align:middle;fill:var(--color);color:var(--color);contain:strict;cursor:inherit}svg{display:block}:host([size=xs]){height:var(--cds-global-space-5,calc((8 / var(--cds-global-base,20)) * 1rem));width:var(--cds-global-space-5,calc((8 / var(--cds-global-base,20)) * 1rem))}:host([size=sm]){height:var(--cds-global-space-7,calc((16 / var(--cds-global-base,20)) * 1rem));width:var(--cds-global-space-7,calc((16 / var(--cds-global-base,20)) * 1rem))}:host([size=md]){height:var(--cds-global-space-9,calc((24 / var(--cds-global-base,20)) * 1rem));width:var(--cds-global-space-9,calc((24 / var(--cds-global-base,20)) * 1rem))}:host([size=lg]){height:var(--cds-global-space-11,calc((36 / var(--cds-global-base,20)) * 1rem));width:var(--cds-global-space-11,calc((36 / var(--cds-global-base,20)) * 1rem))}:host([size=xl]){height:var(--cds-global-space-12,calc((48 / var(--cds-global-base,20)) * 1rem));width:var(--cds-global-space-12,calc((48 / var(--cds-global-base,20)) * 1rem))}:host([size=xxl]){height:calc(var(--cds-global-space-13,calc((72 / var(--cds-global-base,20)) * 1rem)) - var(--cds-global-space-5,calc((8 / var(--cds-global-base,20)) * 1rem)));width:calc(var(--cds-global-space-13,calc((72 / var(--cds-global-base,20)) * 1rem)) - var(--cds-global-space-5,calc((8 / var(--cds-global-base,20)) * 1rem)))}:host([status=success]){--color:var(--cds-alias-status-success, var(--cds-global-color-green-700, #42810e))}:host([status=danger]){--color:var(--cds-alias-status-danger, var(--cds-global-color-red-700, #e02200))}:host([status=warning]){--color:var(--cds-alias-status-warning-shade, var(--cds-global-color-ochre-600, #ffa600))}:host([status=info]){--color:var(--cds-alias-status-info-shade, var(--cds-global-color-blue-800, #00608a))}:host([inverse]){--color:var(--cds-global-color-construction-200, #cbd4d8)}:host([direction=up]){transform:rotate(0)}:host([direction=down]){transform:rotate(180deg)}:host([direction=right]){transform:rotate(90deg)}:host([direction=left]){transform:rotate(270deg)}:host([flip=horizontal]){transform:scale(-1) rotateX(180deg)}:host([flip=vertical]){transform:scale(-1) rotateY(180deg)}.alert,.badge{fill:var(--badge-color,var(--cds-alias-status-danger,var(--cds-global-color-red-700,#e02200)))}:host([badge=success]){--badge-color:var(--cds-alias-status-success, var(--cds-global-color-green-700, #42810e))}:host([badge=danger]){--badge-color:var(--cds-alias-status-danger, var(--cds-global-color-red-700, #e02200))}:host([badge*=warning]){--badge-color:var(--cds-alias-status-warning-shade, var(--cds-global-color-ochre-600, #ffa600))}:host([badge=inherit]){--badge-color:currentColor}:host([badge=info]){--badge-color:var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad))}:host([badge=inherit-triangle]){--badge-color:currentColor}:host([badge][inverse]){--badge-color:var(--cds-alias-status-danger, var(--cds-global-color-red-700, #e02200))}:host([badge=success][inverse]){--badge-color:var(--cds-alias-status-success, var(--cds-global-color-green-700, #42810e))}:host([badge*=warning][inverse]){--badge-color:var(--cds-alias-status-warning-shade, var(--cds-global-color-ochre-600, #ffa600))}:host([badge*=inherit][inverse]){--badge-color:currentColor}:host([badge=info][inverse]){--badge-color:var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad))}.cds-internal-dot-1{animation:fadeInAndOut 1.8s ease-in 0s infinite}.cds-internal-dot-2{animation:fadeInAndOut 1.8s ease-out .422s infinite}.cds-internal-dot-3{animation:fadeInAndOut 1.8s ease-out .675s infinite}@media (prefers-reduced-motion){.cds-internal-dot-1,.cds-internal-dot-2,.cds-internal-dot-3{animation:none}}`;export default s;
+//# sourceMappingURL=icon.element.scss.js.map

package/icon/icon.element.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon.element.scss.js","sources":[],"sourcesContent":null,"names":[],"mappings":""}

package/icon/icon.renderer.js

@@ -1,9 +1,2 @@
-/*
- * Copyright (c) 2016-2020 VMware, Inc. All Rights Reserved.
- * This software is released under MIT license.
- * The full license information can be found in LICENSE in the root directory of this project.
- */
-export function renderIcon(shapeOrStringIcon) {
-    return shapeOrStringIcon;
-}
-//# sourceMappingURL=icon.renderer.js.map
+function n(n){return n}export{n as renderIcon};
+//# sourceMappingURL=icon.renderer.js.map

package/icon/icon.renderer.js.map

@@ -1 +1 @@
-{"version":3,"file":"icon.renderer.js","sourceRoot":"","sources":["../../../src/icon/icon.renderer.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAIH,MAAM,UAAU,UAAU,CAAC,iBAA+C;IACxE,OAAO,iBAAiB,CAAC;AAC3B,CAAC","sourcesContent":["/*\n * Copyright (c) 2016-2020 VMware, Inc. All Rights Reserved.\n * This software is released under MIT license.\n * The full license information can be found in LICENSE in the root directory of this project.\n */\n\nimport { IconShapeCollection } from './interfaces/icon.interfaces.js';\n\nexport function renderIcon(shapeOrStringIcon: IconShapeCollection | string) {\n  return shapeOrStringIcon;\n}\n"]}
+{"version":3,"file":"icon.renderer.js","sources":["../../../src/icon/icon.renderer.ts"],"sourcesContent":null,"names":["renderIcon","shapeOrStringIcon"],"mappings":"AAKO,SAASA,EAAWC,GACvB,OAAOA"}

package/icon/icon.service.js

@@ -1,59 +1,2 @@
-/*
- * Copyright (c) 2016-2020 VMware, Inc. All Rights Reserved.
- * This software is released under MIT license.
- * The full license information can be found in LICENSE in the root directory of this project.
- */
-import { EventSubject } from '@cds/core/internal';
-import { unknownIcon } from './shapes/unknown.js';
-import { addIcons, setIconAliases } from './utils/icon.service-helpers.js';
-const iconUpdates = new EventSubject();
-const registry = { unknown: unknownIcon[1] };
-const iconRegistry = new Proxy(registry, {
-    set: (target, key, value) => {
-        iconUpdates.emit(key);
-        target[key] = value;
-        return true;
-    },
-});
-/**
- * ClarityIcons is a static class that gives users the ability to interact with
- * the icon registry. This includes capabilities to add, retrieve, or alias icons
- * in the registry.
- *
- * @privateRemarks
- *
- * The icon registry is private to the module. There is no way to access it directly
- * outside of the module.
- *
- */
-// @dynamic
-export class ClarityIcons {
-    /**
-     * Returns a readonly reference of the icon registry.
-     */
-    static get registry() {
-        return iconRegistry;
-    }
-    static addIcons(...shapes) {
-        addIcons(shapes, iconRegistry);
-    }
-    /**
-     * @description
-     * Use `addIcons` instead of `addAliases`
-     *
-     * This method is a backwords compatibility function to the old API
-     *
-     * The team will revisit this method for possible deprecation.
-     */
-    static addAliases(...aliases) {
-        aliases.forEach(alias => setIconAliases(alias, iconRegistry));
-    }
-    static getIconNameFromShape(iconShape) {
-        return iconShape[0];
-    }
-}
-/**
- * Subscribe to receive updates when icons are added or updated
- */
-ClarityIcons.iconUpdates = iconUpdates.toEventObservable();
-//# sourceMappingURL=icon.service.js.map
+import{EventSubject as t}from"@cds/core/internal";import{unknownIcon as e}from"./shapes/unknown.js";import{addIcons as s,setIconAliases as r}from"./utils/icon.service-helpers.js";const o=new t,n={unknown:e[1]},a=new Proxy(n,{set:(t,e,s)=>(o.emit(e),t[e]=s,!0)});class i{static get registry(){return a}static addIcons(...t){s(t,a)}static addAliases(...t){t.forEach((t=>r(t,a)))}static getIconNameFromShape(t){return t[0]}}i.iconUpdates=o.toEventObservable();export{i as ClarityIcons};
+//# sourceMappingURL=icon.service.js.map

package/icon/icon.service.js.map

@@ -1 +1 @@
-{"version":3,"file":"icon.service.js","sourceRoot":"","sources":["../../../src/icon/icon.service.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAElD,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAElD,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AAE3E,MAAM,WAAW,GAAG,IAAI,YAAY,EAAU,CAAC;AAC/C,MAAM,QAAQ,GAAiB,EAAE,OAAO,EAAE,WAAW,CAAC,CAAC,CAAW,EAAE,CAAC;AACrE,MAAM,YAAY,GAAG,IAAI,KAAK,CAAC,QAAQ,EAAE;IACvC,GAAG,EAAE,CAAC,MAAM,EAAE,GAAW,EAAE,KAAK,EAAE,EAAE;QAClC,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QACtB,MAAM,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;QACpB,OAAO,IAAI,CAAC;IACd,CAAC;CACF,CAAC,CAAC;AAEH;;;;;;;;;;GAUG;AACH,WAAW;AACX,MAAM,OAAO,YAAY;IAMvB;;OAEG;IACH,MAAM,KAAK,QAAQ;QACjB,OAAO,YAAY,CAAC;IACtB,CAAC;IAED,MAAM,CAAC,QAAQ,CAAC,GAAG,MAAwB;QACzC,QAAQ,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC;IACjC,CAAC;IAED;;;;;;;OAOG;IACH,MAAM,CAAC,UAAU,CAAC,GAAG,OAAoB;QACvC,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC,cAAc,CAAC,KAAK,EAAE,YAAY,CAAC,CAAC,CAAC;IAChE,CAAC;IAED,MAAM,CAAC,oBAAoB,CAAC,SAAyB;QACnD,OAAO,SAAS,CAAC,CAAC,CAAC,CAAC;IACtB,CAAC;;AA9BD;;GAEG;AACI,wBAAW,GAAG,WAAW,CAAC,iBAAiB,EAAE,CAAC","sourcesContent":["/*\n * Copyright (c) 2016-2020 VMware, Inc. All Rights Reserved.\n * This software is released under MIT license.\n * The full license information can be found in LICENSE in the root directory of this project.\n */\n\nimport { EventSubject } from '@cds/core/internal';\nimport { IconAlias, IconRegistry, IconShapeTuple } from './interfaces/icon.interfaces.js';\nimport { unknownIcon } from './shapes/unknown.js';\n\nimport { addIcons, setIconAliases } from './utils/icon.service-helpers.js';\n\nconst iconUpdates = new EventSubject<string>();\nconst registry: IconRegistry = { unknown: unknownIcon[1] as string };\nconst iconRegistry = new Proxy(registry, {\n  set: (target, key: string, value) => {\n    iconUpdates.emit(key);\n    target[key] = value;\n    return true;\n  },\n});\n\n/**\n * ClarityIcons is a static class that gives users the ability to interact with\n * the icon registry. This includes capabilities to add, retrieve, or alias icons\n * in the registry.\n *\n * @privateRemarks\n *\n * The icon registry is private to the module. There is no way to access it directly\n * outside of the module.\n *\n */\n// @dynamic\nexport class ClarityIcons {\n  /**\n   * Subscribe to receive updates when icons are added or updated\n   */\n  static iconUpdates = iconUpdates.toEventObservable();\n\n  /**\n   * Returns a readonly reference of the icon registry.\n   */\n  static get registry(): Readonly<IconRegistry> {\n    return iconRegistry;\n  }\n\n  static addIcons(...shapes: IconShapeTuple[]) {\n    addIcons(shapes, iconRegistry);\n  }\n\n  /**\n   * @description\n   * Use `addIcons` instead of `addAliases`\n   *\n   * This method is a backwords compatibility function to the old API\n   *\n   * The team will revisit this method for possible deprecation.\n   */\n  static addAliases(...aliases: IconAlias[]) {\n    aliases.forEach(alias => setIconAliases(alias, iconRegistry));\n  }\n\n  static getIconNameFromShape(iconShape: IconShapeTuple) {\n    return iconShape[0];\n  }\n}\n"]}
+{"version":3,"file":"icon.service.js","sources":["../../../src/icon/icon.service.ts"],"sourcesContent":null,"names":["iconUpdates","EventSubject","registry","unknown","unknownIcon","iconRegistry","Proxy","set","target","key","value","emit","ClarityIcons","[object Object]","shapes","addIcons","aliases","forEach","alias","setIconAliases","iconShape","toEventObservable"],"mappings":"mLAQA,MAAMA,EAAc,IAAIC,EAClBC,EAAW,CAAEC,QAASC,EAAY,IAClCC,EAAe,IAAIC,MAAMJ,EAAU,CACrCK,IAAK,CAACC,EAAQC,EAAKC,KACfV,EAAYW,KAAKF,GACjBD,EAAOC,GAAOC,GACP,KAeR,MAAME,EAITV,sBACI,OAAOG,EAEXQ,mBAAmBC,GACfC,EAASD,EAAQT,GAUrBQ,qBAAqBG,GACjBA,EAAQC,SAAQC,GAASC,EAAeD,EAAOb,KAEnDQ,4BAA4BO,GACxB,OAAOA,EAAU,IAMzBR,EAAaZ,YAAcA,EAAYqB"}

package/icon/index.d.ts

@@ -41,6 +41,7 @@ export { vmBugInverseIcon, vmBugInverseIconName } from './shapes/vm-bug-inverse.
 export { warningStandardIcon, warningStandardIconName } from './shapes/warning-standard.js';
 export { accessibility1Icon, accessibility1IconName } from './shapes/accessibility-1.js';
 export { accessibility2Icon, accessibility2IconName } from './shapes/accessibility-2.js';
+export { announcementIcon, announcementIconName } from './shapes/announcement.js';
 export { addTextIcon, addTextIconName } from './shapes/add-text.js';
 export { alarmClockIcon, alarmClockIconName } from './shapes/alarm-clock.js';
 export { alarmOffIcon, alarmOffIconName } from './shapes/alarm-off.js';