igniteui-webcomponents 4.4.0 → 4.5.0

package/components/card/card.js.map

@@ -1 +1 @@
-{"version":3,"file":"card.js","sourceRoot":"","sources":["../../../src/components/card/card.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,MAAM,EAAE,MAAM,oCAAoC,CAAC;AAC5D,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,sCAAsC,CAAC;AAC3E,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,mCAAmC,CAAC;AACrE,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,mCAAmC,CAAC;AACrE,OAAO,EAAE,MAAM,EAAE,MAAM,qCAAqC,CAAC;AAE7D,OAAO,EAAE,gBAAgB,EAAE,MAAM,2CAA2C,CAAC;AAC7E,OAAO,uBAAuB,MAAM,mBAAmB,CAAC;AACxD,OAAO,uBAAuB,MAAM,mBAAmB,CAAC;AACxD,OAAO,sBAAsB,MAAM,kBAAkB,CAAC;AACtD,OAAO,qBAAqB,MAAM,iBAAiB,CAAC;AAEpD,gBAAgB,CACd,uBAAuB,EACvB,uBAAuB,EACvB,sBAAsB,EACtB,qBAAqB,CACtB,CAAC;AAYF,IAAqB,gBAAgB,GAArC,MAAqB,gBAAiB,SAAQ,UAAU;IAAxD;;QASS,aAAQ,GAAG,KAAK,CAAC;IAK1B,CAAC;IAHoB,MAAM;QACvB,OAAO,IAAI,CAAA,iBAAiB,CAAC;IAC/B,CAAC;;AAZsB,wBAAO,GAAG,UAAU,AAAb,CAAc;AACrB,uBAAM,GAAG,MAAM,AAAT,CAAU;AAOhC;IADN,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;kDACnB;AATL,gBAAgB;IALpC,MAAM,CAAC;QACN,SAAS;QACT,MAAM;QACN,MAAM;KACP,CAAC;GACmB,gBAAgB,CAcpC;eAdoB,gBAAgB","sourcesContent":["import { html, LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { themes } from '../../theming/theming-decorator.js';\nimport { styles as bootstrap } from './themes/light/card.bootstrap.css.js';\nimport { styles as fluent } from './themes/light/card.fluent.css.js';\nimport { styles as indigo } from './themes/light/card.indigo.css.js';\nimport { styles } from './themes/light/card.material.css.js';\n\nimport { defineComponents } from '../common/definitions/defineComponents.js';\nimport IgcCardActionsComponent from './card.actions.js';\nimport IgcCardContentComponent from './card.content.js';\nimport IgcCardHeaderComponent from './card.header.js';\nimport IgcCardMediaComponent from './card.media.js';\n\ndefineComponents(\n  IgcCardActionsComponent,\n  IgcCardContentComponent,\n  IgcCardHeaderComponent,\n  IgcCardMediaComponent\n);\n\n/** A container which wraps different elements related to a single subject\n * @element igc-card\n *\n * @slot - Renders card content\n */\n@themes({\n  bootstrap,\n  fluent,\n  indigo,\n})\nexport default class IgcCardComponent extends LitElement {\n  public static readonly tagName = 'igc-card';\n  public static override styles = styles;\n\n  /**\n   * Sets card elevated style, otherwise card looks outlined.\n   * @attr\n   */\n  @property({ type: Boolean, reflect: true })\n  public elevated = false;\n\n  protected override render() {\n    return html` <slot></slot> `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-card': IgcCardComponent;\n  }\n}\n"]}
+{"version":3,"file":"card.js","sourceRoot":"","sources":["../../../src/components/card/card.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,MAAM,EAAE,MAAM,oCAAoC,CAAC;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,iCAAiC,CAAC;AACzD,OAAO,EAAE,MAAM,IAAI,QAAQ,EAAE,MAAM,qCAAqC,CAAC;AACzE,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,sCAAsC,CAAC;AAC3E,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,mCAAmC,CAAC;AACrE,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,mCAAmC,CAAC;AAErE,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,uBAAuB,MAAM,mBAAmB,CAAC;AACxD,OAAO,uBAAuB,MAAM,mBAAmB,CAAC;AACxD,OAAO,sBAAsB,MAAM,kBAAkB,CAAC;AACtD,OAAO,qBAAqB,MAAM,iBAAiB,CAAC;AAqBpD,IAAqB,gBAAgB,GAArC,MAAqB,gBAAiB,SAAQ,UAAU;IAAxD;;QAmBS,aAAQ,GAAG,KAAK,CAAC;IAK1B,CAAC;IApBQ,MAAM,CAAC,QAAQ;QACpB,iBAAiB,CACf,IAAI,EACJ,uBAAuB,EACvB,uBAAuB,EACvB,sBAAsB,EACtB,qBAAqB,CACtB,CAAC;IACJ,CAAC;IASkB,MAAM;QACvB,OAAO,IAAI,CAAA,iBAAiB,CAAC;IAC/B,CAAC;;AAtBsB,wBAAO,GAAG,UAAU,AAAb,CAAc;AACrB,uBAAM,GAAG,MAAM,AAAT,CAAU;AAiBhC;IADN,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;kDACnB;AAnBL,gBAAgB;IAdpC,MAAM,CAAC;QACN,KAAK,EAAE;YACL,QAAQ;YACR,SAAS;YACT,MAAM;YACN,MAAM;SACP;QACD,IAAI,EAAE;YACJ,QAAQ;YACR,SAAS;YACT,MAAM;YACN,MAAM;SACP;KACF,CAAC;GACmB,gBAAgB,CAwBpC;eAxBoB,gBAAgB","sourcesContent":["import { html, LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { themes } from '../../theming/theming-decorator.js';\nimport { styles } from './themes/light/card.base.css.js';\nimport { styles as material } from './themes/light/card.material.css.js';\nimport { styles as bootstrap } from './themes/light/card.bootstrap.css.js';\nimport { styles as fluent } from './themes/light/card.fluent.css.js';\nimport { styles as indigo } from './themes/light/card.indigo.css.js';\n\nimport { registerComponent } from '../common/definitions/register.js';\nimport IgcCardActionsComponent from './card.actions.js';\nimport IgcCardContentComponent from './card.content.js';\nimport IgcCardHeaderComponent from './card.header.js';\nimport IgcCardMediaComponent from './card.media.js';\n\n/** A container which wraps different elements related to a single subject\n * @element igc-card\n *\n * @slot - Renders card content\n */\n@themes({\n  light: {\n    material,\n    bootstrap,\n    fluent,\n    indigo,\n  },\n  dark: {\n    material,\n    bootstrap,\n    fluent,\n    indigo,\n  },\n})\nexport default class IgcCardComponent extends LitElement {\n  public static readonly tagName = 'igc-card';\n  public static override styles = styles;\n\n  public static register() {\n    registerComponent(\n      this,\n      IgcCardActionsComponent,\n      IgcCardContentComponent,\n      IgcCardHeaderComponent,\n      IgcCardMediaComponent\n    );\n  }\n\n  /**\n   * Sets card elevated style, otherwise card looks outlined.\n   * @attr\n   */\n  @property({ type: Boolean, reflect: true })\n  public elevated = false;\n\n  protected override render() {\n    return html` <slot></slot> `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-card': IgcCardComponent;\n  }\n}\n"]}

package/components/card/card.media.d.ts

@@ -7,6 +7,7 @@ import { LitElement } from 'lit';
 export default class IgcCardMediaComponent extends LitElement {
     static readonly tagName = "igc-card-media";
     static styles: import("lit").CSSResult;
+    static register(): void;
     protected render(): import("lit-html").TemplateResult<1>;
 }
 declare global {

package/components/card/card.media.js

@@ -1,6 +1,10 @@
 import { html, LitElement } from 'lit';
-import { styles } from './themes/light/card.media.material.css.js';
+import { registerComponent } from '../common/definitions/register.js';
+import { styles } from './themes/light/card.media.base.css.js';
 class IgcCardMediaComponent extends LitElement {
+    static register() {
+        registerComponent(this);
+    }
     render() {
         return html ` <slot></slot> `;
     }

package/components/card/card.media.js.map

@@ -1 +1 @@
-{"version":3,"file":"card.media.js","sourceRoot":"","sources":["../../../src/components/card/card.media.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,2CAA2C,CAAC;AAOnE,MAAqB,qBAAsB,SAAQ,UAAU;IAIxC,MAAM;QACvB,OAAO,IAAI,CAAA,iBAAiB,CAAC;IAC/B,CAAC;;AALsB,6BAAO,GAAG,gBAAgB,CAAC;AAC3B,4BAAM,GAAG,MAAM,CAAC;eAFpB,qBAAqB","sourcesContent":["import { html, LitElement } from 'lit';\nimport { styles } from './themes/light/card.media.material.css.js';\n\n/** A container for card's media - could be an image, gif, video\n * @element igc-card-media\n *\n * @slot - Renders the card media content\n */\nexport default class IgcCardMediaComponent extends LitElement {\n  public static readonly tagName = 'igc-card-media';\n  public static override styles = styles;\n\n  protected override render() {\n    return html` <slot></slot> `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-card-media': IgcCardMediaComponent;\n  }\n}\n"]}
+{"version":3,"file":"card.media.js","sourceRoot":"","sources":["../../../src/components/card/card.media.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,EAAE,MAAM,EAAE,MAAM,uCAAuC,CAAC;AAO/D,MAAqB,qBAAsB,SAAQ,UAAU;IAIpD,MAAM,CAAC,QAAQ;QACpB,iBAAiB,CAAC,IAAI,CAAC,CAAC;IAC1B,CAAC;IAEkB,MAAM;QACvB,OAAO,IAAI,CAAA,iBAAiB,CAAC;IAC/B,CAAC;;AATsB,6BAAO,GAAG,gBAAgB,CAAC;AAC3B,4BAAM,GAAG,MAAM,CAAC;eAFpB,qBAAqB","sourcesContent":["import { html, LitElement } from 'lit';\nimport { registerComponent } from '../common/definitions/register.js';\nimport { styles } from './themes/light/card.media.base.css.js';\n\n/** A container for card's media - could be an image, gif, video\n * @element igc-card-media\n *\n * @slot - Renders the card media content\n */\nexport default class IgcCardMediaComponent extends LitElement {\n  public static readonly tagName = 'igc-card-media';\n  public static override styles = styles;\n\n  public static register() {\n    registerComponent(this);\n  }\n\n  protected override render() {\n    return html` <slot></slot> `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-card-media': IgcCardMediaComponent;\n  }\n}\n"]}

package/components/{nav-drawer/themes/dark/nav-drawer-item.base.css.js → card/themes/dark/card.bootstrap.css.js}

@@ -1,3 +1,3 @@
 import { css } from 'lit';
 export const styles = css ``;
-//# sourceMappingURL=nav-drawer-item.base.css.js.map
+//# sourceMappingURL=card.bootstrap.css.js.map

package/components/card/themes/dark/card.bootstrap.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/card/themes/dark/card.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,EAAE,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css``;\n"]}

package/components/{tabs/themes/dark/tab.dark.base.css.js → card/themes/dark/card.fluent.css.js}

@@ -1,3 +1,3 @@
 import { css } from 'lit';
 export const styles = css ``;
-//# sourceMappingURL=tab.dark.base.css.js.map
+//# sourceMappingURL=card.fluent.css.js.map

package/components/card/themes/dark/card.fluent.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/card/themes/dark/card.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,EAAE,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css``;\n"]}

package/components/{nav-drawer/themes/dark/nav-drawer-item.indigo.css.js → card/themes/dark/card.indigo.css.js}

@@ -1,3 +1,3 @@
 import { css } from 'lit';
 export const styles = css ``;
-//# sourceMappingURL=nav-drawer-item.indigo.css.js.map
+//# sourceMappingURL=card.indigo.css.js.map

package/components/card/themes/dark/card.indigo.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/card/themes/dark/card.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,EAAE,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css``;\n"]}

package/components/card/themes/dark/card.material.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css ``;
+//# sourceMappingURL=card.material.css.js.map

package/components/card/themes/dark/card.material.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.material.css.js","sourceRoot":"","sources":["../../../../../src/components/card/themes/dark/card.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,EAAE,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css``;\n"]}

package/components/card/themes/light/card.actions.base.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

package/components/card/themes/light/{card.actions.material.css.js → card.actions.base.css.js}

@@ -94,4 +94,4 @@ export const styles = css `:host {
 ::slotted(igc-icon) {
   opacity: 0.6;
 }`;
-//# sourceMappingURL=card.actions.material.css.js.map
+//# sourceMappingURL=card.actions.base.css.js.map

package/components/card/themes/light/card.actions.base.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.actions.base.css.js","sourceRoot":"","sources":["../../../../../src/components/card/themes/light/card.actions.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA8FvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host {\n  --is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);\n  --is-medium: min(\n      clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1),\n      clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1)\n  );\n  --is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);\n  position: relative;\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n  scrollbar-width: var(--ig-scrollbar-size);\n  scrollbar-color: var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background);\n}\n:host *,\n:host *::before,\n:host *::after {\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n}\n:host ::-webkit-scrollbar {\n  width: var(--ig-scrollbar-size);\n  height: var(--ig-scrollbar-size);\n  background: var(--ig-scrollbar-track-background);\n}\n:host ::-webkit-scrollbar-thumb {\n  background: var(--ig-scrollbar-thumb-background);\n}\n\n:host([hidden]),\n[hidden] {\n  display: none !important;\n}\n:host {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-orient: vertical;\n  -webkit-box-direction: normal;\n      -ms-flex-flow: column nowrap;\n          flex-flow: column nowrap;\n  -webkit-box-align: end;\n      -ms-flex-align: end;\n          align-items: flex-end;\n  -webkit-box-pack: justify;\n      -ms-flex-pack: justify;\n          justify-content: space-between;\n  padding: 0.5rem;\n  -ms-flex-preferred-size: min-content;\n      flex-basis: min-content;\n}\n\n:host(:not([orientation=vertical])) {\n  -webkit-box-orient: horizontal;\n  -webkit-box-direction: normal;\n      -ms-flex-flow: row wrap;\n          flex-flow: row wrap;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n}\n:host(:not([orientation=vertical])) ::slotted(igc-icon-button:not(:first-of-type)),\n:host(:not([orientation=vertical])) ::slotted(igc-button:not(:first-of-type)) {\n  -webkit-margin-start: 0.5rem;\n          margin-inline-start: 0.5rem;\n}\n\n::slotted([slot=start]) {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n  -webkit-box-ordinal-group: 1;\n      -ms-flex-order: 0;\n          order: 0;\n}\n\n::slotted([slot=end]) {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n  -webkit-margin-start: auto;\n          margin-inline-start: auto;\n  -webkit-box-ordinal-group: 2;\n      -ms-flex-order: 1;\n          order: 1;\n}\n\n::slotted(igc-icon) {\n  opacity: 0.6;\n}`;\n"]}

package/components/card/themes/light/card.actions.bootstrap.css.js

@@ -1,101 +1,5 @@
 import { css } from 'lit';
 export const styles = css `:host {
-  --is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);
-  --is-medium: min(
-      clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1),
-      clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1)
-  );
-  --is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);
-  position: relative;
-  -webkit-box-sizing: border-box;
-          box-sizing: border-box;
-  scrollbar-width: var(--ig-scrollbar-size);
-  scrollbar-color: var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background);
-}
-:host *,
-:host *::before,
-:host *::after {
-  -webkit-box-sizing: border-box;
-          box-sizing: border-box;
-}
-:host ::-webkit-scrollbar {
-  width: var(--ig-scrollbar-size);
-  height: var(--ig-scrollbar-size);
-  background: var(--ig-scrollbar-track-background);
-}
-:host ::-webkit-scrollbar-thumb {
-  background: var(--ig-scrollbar-thumb-background);
-}
-
-:host([hidden]),
-[hidden] {
-  display: none !important;
-}
-:host {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-orient: vertical;
-  -webkit-box-direction: normal;
-      -ms-flex-flow: column nowrap;
-          flex-flow: column nowrap;
-  -webkit-box-align: end;
-      -ms-flex-align: end;
-          align-items: flex-end;
-  -webkit-box-pack: justify;
-      -ms-flex-pack: justify;
-          justify-content: space-between;
-  padding: 0.5rem;
-  -ms-flex-preferred-size: min-content;
-      flex-basis: min-content;
-}
-
-:host(:not([orientation=vertical])) {
-  -webkit-box-orient: horizontal;
-  -webkit-box-direction: normal;
-      -ms-flex-flow: row wrap;
-          flex-flow: row wrap;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-}
-:host(:not([orientation=vertical])) ::slotted(igc-icon-button:not(:first-of-type)),
-:host(:not([orientation=vertical])) ::slotted(igc-button:not(:first-of-type)) {
-  -webkit-margin-start: 0.5rem;
-          margin-inline-start: 0.5rem;
-}
-
-::slotted([slot=start]) {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-  -webkit-box-ordinal-group: 1;
-      -ms-flex-order: 0;
-          order: 0;
-}
-
-::slotted([slot=end]) {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-  -webkit-margin-start: auto;
-          margin-inline-start: auto;
-  -webkit-box-ordinal-group: 2;
-      -ms-flex-order: 1;
-          order: 1;
-}
-
-::slotted(igc-icon) {
-  opacity: 0.6;
-}
-
-:host {
   padding: 1rem;
 }`;
 //# sourceMappingURL=card.actions.bootstrap.css.js.map

package/components/card/themes/light/card.actions.bootstrap.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"card.actions.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/card/themes/light/card.actions.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAkGvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host {\n  --is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);\n  --is-medium: min(\n      clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1),\n      clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1)\n  );\n  --is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);\n  position: relative;\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n  scrollbar-width: var(--ig-scrollbar-size);\n  scrollbar-color: var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background);\n}\n:host *,\n:host *::before,\n:host *::after {\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n}\n:host ::-webkit-scrollbar {\n  width: var(--ig-scrollbar-size);\n  height: var(--ig-scrollbar-size);\n  background: var(--ig-scrollbar-track-background);\n}\n:host ::-webkit-scrollbar-thumb {\n  background: var(--ig-scrollbar-thumb-background);\n}\n\n:host([hidden]),\n[hidden] {\n  display: none !important;\n}\n:host {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-orient: vertical;\n  -webkit-box-direction: normal;\n      -ms-flex-flow: column nowrap;\n          flex-flow: column nowrap;\n  -webkit-box-align: end;\n      -ms-flex-align: end;\n          align-items: flex-end;\n  -webkit-box-pack: justify;\n      -ms-flex-pack: justify;\n          justify-content: space-between;\n  padding: 0.5rem;\n  -ms-flex-preferred-size: min-content;\n      flex-basis: min-content;\n}\n\n:host(:not([orientation=vertical])) {\n  -webkit-box-orient: horizontal;\n  -webkit-box-direction: normal;\n      -ms-flex-flow: row wrap;\n          flex-flow: row wrap;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n}\n:host(:not([orientation=vertical])) ::slotted(igc-icon-button:not(:first-of-type)),\n:host(:not([orientation=vertical])) ::slotted(igc-button:not(:first-of-type)) {\n  -webkit-margin-start: 0.5rem;\n          margin-inline-start: 0.5rem;\n}\n\n::slotted([slot=start]) {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n  -webkit-box-ordinal-group: 1;\n      -ms-flex-order: 0;\n          order: 0;\n}\n\n::slotted([slot=end]) {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n  -webkit-margin-start: auto;\n          margin-inline-start: auto;\n  -webkit-box-ordinal-group: 2;\n      -ms-flex-order: 1;\n          order: 1;\n}\n\n::slotted(igc-icon) {\n  opacity: 0.6;\n}\n\n:host {\n  padding: 1rem;\n}`;\n"]}
+{"version":3,"file":"card.actions.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/card/themes/light/card.actions.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;EAEvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host {\n  padding: 1rem;\n}`;\n"]}

package/components/card/themes/light/card.base.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

package/components/card/themes/light/card.base.css.js

@@ -0,0 +1,66 @@
+import { css } from 'lit';
+export const styles = css `:host {
+  --is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);
+  --is-medium: min(
+      clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1),
+      clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1)
+  );
+  --is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);
+  position: relative;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  scrollbar-width: var(--ig-scrollbar-size);
+  scrollbar-color: var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background);
+}
+:host *,
+:host *::before,
+:host *::after {
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+}
+:host ::-webkit-scrollbar {
+  width: var(--ig-scrollbar-size);
+  height: var(--ig-scrollbar-size);
+  background: var(--ig-scrollbar-track-background);
+}
+:host ::-webkit-scrollbar-thumb {
+  background: var(--ig-scrollbar-thumb-background);
+}
+
+:host([hidden]),
+[hidden] {
+  display: none !important;
+}
+:host {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  overflow: hidden;
+  font-family: var(--ig-font-family);
+}
+:host ::slotted(igc-card-actions:first-child) {
+  -webkit-margin-after: auto;
+          margin-block-end: auto;
+}
+:host ::slotted(igc-card-actions:last-child) {
+  -webkit-margin-before: auto;
+          margin-block-start: auto;
+}
+:host ::slotted(igc-card-actions[orientation=vertical]) {
+  margin-block: initial;
+}
+
+:host([elevated]) {
+  border: none;
+  -webkit-backface-visibility: hidden;
+          backface-visibility: hidden;
+  -webkit-transition: -webkit-box-shadow 0.1s ease-out;
+  transition: -webkit-box-shadow 0.1s ease-out;
+  transition: box-shadow 0.1s ease-out;
+  transition: box-shadow 0.1s ease-out, -webkit-box-shadow 0.1s ease-out;
+}`;
+//# sourceMappingURL=card.base.css.js.map

package/components/card/themes/light/card.base.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.base.css.js","sourceRoot":"","sources":["../../../../../src/components/card/themes/light/card.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA+DvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host {\n  --is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);\n  --is-medium: min(\n      clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1),\n      clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1)\n  );\n  --is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);\n  position: relative;\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n  scrollbar-width: var(--ig-scrollbar-size);\n  scrollbar-color: var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background);\n}\n:host *,\n:host *::before,\n:host *::after {\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n}\n:host ::-webkit-scrollbar {\n  width: var(--ig-scrollbar-size);\n  height: var(--ig-scrollbar-size);\n  background: var(--ig-scrollbar-track-background);\n}\n:host ::-webkit-scrollbar-thumb {\n  background: var(--ig-scrollbar-thumb-background);\n}\n\n:host([hidden]),\n[hidden] {\n  display: none !important;\n}\n:host {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-orient: vertical;\n  -webkit-box-direction: normal;\n      -ms-flex-direction: column;\n          flex-direction: column;\n  overflow: hidden;\n  font-family: var(--ig-font-family);\n}\n:host ::slotted(igc-card-actions:first-child) {\n  -webkit-margin-after: auto;\n          margin-block-end: auto;\n}\n:host ::slotted(igc-card-actions:last-child) {\n  -webkit-margin-before: auto;\n          margin-block-start: auto;\n}\n:host ::slotted(igc-card-actions[orientation=vertical]) {\n  margin-block: initial;\n}\n\n:host([elevated]) {\n  border: none;\n  -webkit-backface-visibility: hidden;\n          backface-visibility: hidden;\n  -webkit-transition: -webkit-box-shadow 0.1s ease-out;\n  transition: -webkit-box-shadow 0.1s ease-out;\n  transition: box-shadow 0.1s ease-out;\n  transition: box-shadow 0.1s ease-out, -webkit-box-shadow 0.1s ease-out;\n}`;\n"]}

package/components/card/themes/light/card.bootstrap.css.js

@@ -1,7 +1,7 @@
 import { css } from 'lit';
 export const styles = css `:host {
-  --resting-elevation: var(--ig-card-resting-elevation, var(--ig-elevation-0));
-  --hover-elevation: var(--ig-card-hover-elevation, var(--ig-elevation-0));
+  --resting-elevation: var(--ig-card-resting-elevation, var(--ig-elevation-4));
+  --hover-elevation: var(--ig-card-hover-elevation, var(--ig-elevation-6));
   --background: var(--ig-card-background, var(--ig-gray-900-contrast));
   --header-text-color: var(--ig-card-header-text-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));
   --subtitle-text-color: var(--ig-card-subtitle-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));
@@ -9,13 +9,19 @@ export const styles = css `:host {
   --actions-text-color: var(--ig-card-actions-text-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));
   --outline-color: var(--ig-card-outline-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));
   --border-radius: var(--ig-card-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1666666667) * 1.5rem), 1.5rem));
+  border: 0.0625rem solid var(--outline-color);
+  background: var(--background);
   border-radius: var(--border-radius);
 }
 
-:host([elevated]),
+:host([elevated]) {
+  -webkit-box-shadow: var(--resting-elevation);
+          box-shadow: var(--resting-elevation);
+}
+
 :host([elevated]:hover),
 :host([elevated]:focus-within) {
-  -webkit-box-shadow: var(--ig-elevation-2);
-          box-shadow: var(--ig-elevation-2);
+  -webkit-box-shadow: var(--hover-elevation);
+          box-shadow: var(--hover-elevation);
 }`;
 //# sourceMappingURL=card.bootstrap.css.js.map

package/components/card/themes/light/card.bootstrap.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"card.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/card/themes/light/card.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;EAkBvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host {\n  --resting-elevation: var(--ig-card-resting-elevation, var(--ig-elevation-0));\n  --hover-elevation: var(--ig-card-hover-elevation, var(--ig-elevation-0));\n  --background: var(--ig-card-background, var(--ig-gray-900-contrast));\n  --header-text-color: var(--ig-card-header-text-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));\n  --subtitle-text-color: var(--ig-card-subtitle-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));\n  --content-text-color: var(--ig-card-content-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));\n  --actions-text-color: var(--ig-card-actions-text-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));\n  --outline-color: var(--ig-card-outline-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));\n  --border-radius: var(--ig-card-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1666666667) * 1.5rem), 1.5rem));\n  border-radius: var(--border-radius);\n}\n\n:host([elevated]),\n:host([elevated]:hover),\n:host([elevated]:focus-within) {\n  -webkit-box-shadow: var(--ig-elevation-2);\n          box-shadow: var(--ig-elevation-2);\n}`;\n"]}
+{"version":3,"file":"card.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/card/themes/light/card.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;EAwBvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host {\n  --resting-elevation: var(--ig-card-resting-elevation, var(--ig-elevation-4));\n  --hover-elevation: var(--ig-card-hover-elevation, var(--ig-elevation-6));\n  --background: var(--ig-card-background, var(--ig-gray-900-contrast));\n  --header-text-color: var(--ig-card-header-text-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));\n  --subtitle-text-color: var(--ig-card-subtitle-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));\n  --content-text-color: var(--ig-card-content-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));\n  --actions-text-color: var(--ig-card-actions-text-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));\n  --outline-color: var(--ig-card-outline-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));\n  --border-radius: var(--ig-card-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1666666667) * 1.5rem), 1.5rem));\n  border: 0.0625rem solid var(--outline-color);\n  background: var(--background);\n  border-radius: var(--border-radius);\n}\n\n:host([elevated]) {\n  -webkit-box-shadow: var(--resting-elevation);\n          box-shadow: var(--resting-elevation);\n}\n\n:host([elevated]:hover),\n:host([elevated]:focus-within) {\n  -webkit-box-shadow: var(--hover-elevation);\n          box-shadow: var(--hover-elevation);\n}`;\n"]}

package/components/card/themes/light/card.content.base.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

package/components/card/themes/light/card.content.base.css.js

@@ -0,0 +1,53 @@
+import { css } from 'lit';
+export const styles = css `:host {
+  --is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);
+  --is-medium: min(
+      clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1),
+      clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1)
+  );
+  --is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);
+  position: relative;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  scrollbar-width: var(--ig-scrollbar-size);
+  scrollbar-color: var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background);
+}
+:host *,
+:host *::before,
+:host *::after {
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+}
+:host ::-webkit-scrollbar {
+  width: var(--ig-scrollbar-size);
+  height: var(--ig-scrollbar-size);
+  background: var(--ig-scrollbar-track-background);
+}
+:host ::-webkit-scrollbar-thumb {
+  background: var(--ig-scrollbar-thumb-background);
+}
+
+:host([hidden]),
+[hidden] {
+  display: none !important;
+}
+:host {
+  display: block;
+  width: 100%;
+  overflow: auto;
+  padding: 1rem;
+}
+
+::slotted(*) {
+  font-family: var(--ig-body-2-font-family, var(--ig-font-family));
+  font-size: var(--ig-body-2-font-size);
+  font-weight: var(--ig-body-2-font-weight);
+  font-style: var(--ig-body-2-font-style);
+  line-height: var(--ig-body-2-line-height);
+  letter-spacing: var(--ig-body-2-letter-spacing);
+  text-transform: var(--ig-body-2-text-transform);
+  margin-top: var(--ig-body-2-margin-top);
+  margin-bottom: var(--ig-body-2-margin-bottom);
+  margin: 0;
+}`;
+//# sourceMappingURL=card.content.base.css.js.map

package/components/card/themes/light/card.content.base.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.content.base.css.js","sourceRoot":"","sources":["../../../../../src/components/card/themes/light/card.content.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAkDvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host {\n  --is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);\n  --is-medium: min(\n      clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1),\n      clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1)\n  );\n  --is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);\n  position: relative;\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n  scrollbar-width: var(--ig-scrollbar-size);\n  scrollbar-color: var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background);\n}\n:host *,\n:host *::before,\n:host *::after {\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n}\n:host ::-webkit-scrollbar {\n  width: var(--ig-scrollbar-size);\n  height: var(--ig-scrollbar-size);\n  background: var(--ig-scrollbar-track-background);\n}\n:host ::-webkit-scrollbar-thumb {\n  background: var(--ig-scrollbar-thumb-background);\n}\n\n:host([hidden]),\n[hidden] {\n  display: none !important;\n}\n:host {\n  display: block;\n  width: 100%;\n  overflow: auto;\n  padding: 1rem;\n}\n\n::slotted(*) {\n  font-family: var(--ig-body-2-font-family, var(--ig-font-family));\n  font-size: var(--ig-body-2-font-size);\n  font-weight: var(--ig-body-2-font-weight);\n  font-style: var(--ig-body-2-font-style);\n  line-height: var(--ig-body-2-line-height);\n  letter-spacing: var(--ig-body-2-letter-spacing);\n  text-transform: var(--ig-body-2-text-transform);\n  margin-top: var(--ig-body-2-margin-top);\n  margin-bottom: var(--ig-body-2-margin-bottom);\n  margin: 0;\n}`;\n"]}

package/components/card/themes/light/card.content.bootstrap.css.js

@@ -1,58 +1,14 @@
 import { css } from 'lit';
 export const styles = css `:host {
-  --is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);
-  --is-medium: min(
-      clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1),
-      clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1)
-  );
-  --is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);
-  position: relative;
-  -webkit-box-sizing: border-box;
-          box-sizing: border-box;
-  scrollbar-width: var(--ig-scrollbar-size);
-  scrollbar-color: var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background);
-}
-:host *,
-:host *::before,
-:host *::after {
-  -webkit-box-sizing: border-box;
-          box-sizing: border-box;
-}
-:host ::-webkit-scrollbar {
-  width: var(--ig-scrollbar-size);
-  height: var(--ig-scrollbar-size);
-  background: var(--ig-scrollbar-track-background);
-}
-:host ::-webkit-scrollbar-thumb {
-  background: var(--ig-scrollbar-thumb-background);
-}
-
-:host([hidden]),
-[hidden] {
-  display: none !important;
-}
-:host {
-  display: block;
-  width: 100%;
-  overflow: auto;
-  padding: 1rem;
-  color: hsla(var(--ig-gray-700), var(--ig-gray-a));
-}
-
-::slotted(*) {
-  font-family: var(--ig-body-2-font-family, var(--ig-font-family));
-  font-size: var(--ig-body-2-font-size);
-  font-weight: var(--ig-body-2-font-weight);
-  font-style: var(--ig-body-2-font-style);
-  line-height: var(--ig-body-2-line-height);
-  letter-spacing: var(--ig-body-2-letter-spacing);
-  text-transform: var(--ig-body-2-text-transform);
-  margin-top: var(--ig-body-2-margin-top);
-  margin-bottom: var(--ig-body-2-margin-bottom);
-  margin: 0;
-}
-
-:host {
+  --resting-elevation: var(--ig-card-resting-elevation, var(--ig-elevation-4));
+  --hover-elevation: var(--ig-card-hover-elevation, var(--ig-elevation-6));
+  --background: var(--ig-card-background, var(--ig-gray-900-contrast));
+  --header-text-color: var(--ig-card-header-text-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));
+  --subtitle-text-color: var(--ig-card-subtitle-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));
+  --content-text-color: var(--ig-card-content-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));
+  --actions-text-color: var(--ig-card-actions-text-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));
+  --outline-color: var(--ig-card-outline-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));
+  --border-radius: var(--ig-card-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1666666667) * 1.5rem), 1.5rem));
   font-family: var(--ig-body-1-font-family, var(--ig-font-family));
   font-size: var(--ig-body-1-font-size);
   font-weight: var(--ig-body-1-font-weight);
@@ -62,7 +18,7 @@ export const styles = css `:host {
   text-transform: var(--ig-body-1-text-transform);
   margin-top: var(--ig-body-1-margin-top);
   margin-bottom: var(--ig-body-1-margin-bottom);
-  color: hsla(var(--ig-gray-800), var(--ig-gray-a));
+  color: var(--content-text-color);
 }
 
 ::slotted(*) {

package/components/card/themes/light/card.content.bootstrap.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"card.content.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/card/themes/light/card.content.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA4EvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host {\n  --is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);\n  --is-medium: min(\n      clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1),\n      clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1)\n  );\n  --is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);\n  position: relative;\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n  scrollbar-width: var(--ig-scrollbar-size);\n  scrollbar-color: var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background);\n}\n:host *,\n:host *::before,\n:host *::after {\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n}\n:host ::-webkit-scrollbar {\n  width: var(--ig-scrollbar-size);\n  height: var(--ig-scrollbar-size);\n  background: var(--ig-scrollbar-track-background);\n}\n:host ::-webkit-scrollbar-thumb {\n  background: var(--ig-scrollbar-thumb-background);\n}\n\n:host([hidden]),\n[hidden] {\n  display: none !important;\n}\n:host {\n  display: block;\n  width: 100%;\n  overflow: auto;\n  padding: 1rem;\n  color: hsla(var(--ig-gray-700), var(--ig-gray-a));\n}\n\n::slotted(*) {\n  font-family: var(--ig-body-2-font-family, var(--ig-font-family));\n  font-size: var(--ig-body-2-font-size);\n  font-weight: var(--ig-body-2-font-weight);\n  font-style: var(--ig-body-2-font-style);\n  line-height: var(--ig-body-2-line-height);\n  letter-spacing: var(--ig-body-2-letter-spacing);\n  text-transform: var(--ig-body-2-text-transform);\n  margin-top: var(--ig-body-2-margin-top);\n  margin-bottom: var(--ig-body-2-margin-bottom);\n  margin: 0;\n}\n\n:host {\n  font-family: var(--ig-body-1-font-family, var(--ig-font-family));\n  font-size: var(--ig-body-1-font-size);\n  font-weight: var(--ig-body-1-font-weight);\n  font-style: var(--ig-body-1-font-style);\n  line-height: var(--ig-body-1-line-height);\n  letter-spacing: var(--ig-body-1-letter-spacing);\n  text-transform: var(--ig-body-1-text-transform);\n  margin-top: var(--ig-body-1-margin-top);\n  margin-bottom: var(--ig-body-1-margin-bottom);\n  color: hsla(var(--ig-gray-800), var(--ig-gray-a));\n}\n\n::slotted(*) {\n  font-family: var(--ig-body-1-font-family, var(--ig-font-family));\n  font-size: var(--ig-body-1-font-size);\n  font-weight: var(--ig-body-1-font-weight);\n  font-style: var(--ig-body-1-font-style);\n  line-height: var(--ig-body-1-line-height);\n  letter-spacing: var(--ig-body-1-letter-spacing);\n  text-transform: var(--ig-body-1-text-transform);\n  margin-top: var(--ig-body-1-margin-top);\n  margin-bottom: var(--ig-body-1-margin-bottom);\n}`;\n"]}
+{"version":3,"file":"card.content.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/card/themes/light/card.content.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgCvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host {\n  --resting-elevation: var(--ig-card-resting-elevation, var(--ig-elevation-4));\n  --hover-elevation: var(--ig-card-hover-elevation, var(--ig-elevation-6));\n  --background: var(--ig-card-background, var(--ig-gray-900-contrast));\n  --header-text-color: var(--ig-card-header-text-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));\n  --subtitle-text-color: var(--ig-card-subtitle-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));\n  --content-text-color: var(--ig-card-content-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));\n  --actions-text-color: var(--ig-card-actions-text-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));\n  --outline-color: var(--ig-card-outline-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));\n  --border-radius: var(--ig-card-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1666666667) * 1.5rem), 1.5rem));\n  font-family: var(--ig-body-1-font-family, var(--ig-font-family));\n  font-size: var(--ig-body-1-font-size);\n  font-weight: var(--ig-body-1-font-weight);\n  font-style: var(--ig-body-1-font-style);\n  line-height: var(--ig-body-1-line-height);\n  letter-spacing: var(--ig-body-1-letter-spacing);\n  text-transform: var(--ig-body-1-text-transform);\n  margin-top: var(--ig-body-1-margin-top);\n  margin-bottom: var(--ig-body-1-margin-bottom);\n  color: var(--content-text-color);\n}\n\n::slotted(*) {\n  font-family: var(--ig-body-1-font-family, var(--ig-font-family));\n  font-size: var(--ig-body-1-font-size);\n  font-weight: var(--ig-body-1-font-weight);\n  font-style: var(--ig-body-1-font-style);\n  line-height: var(--ig-body-1-line-height);\n  letter-spacing: var(--ig-body-1-letter-spacing);\n  text-transform: var(--ig-body-1-text-transform);\n  margin-top: var(--ig-body-1-margin-top);\n  margin-bottom: var(--ig-body-1-margin-bottom);\n}`;\n"]}

package/components/card/themes/light/card.content.fluent.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

package/components/card/themes/light/card.content.fluent.css.js

@@ -0,0 +1,14 @@
+import { css } from 'lit';
+export const styles = css `:host {
+  --resting-elevation: var(--ig-card-resting-elevation, var(--ig-elevation-4));
+  --hover-elevation: var(--ig-card-hover-elevation, var(--ig-elevation-6));
+  --background: var(--ig-card-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));
+  --header-text-color: var(--ig-card-header-text-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));
+  --subtitle-text-color: var(--ig-card-subtitle-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));
+  --content-text-color: var(--ig-card-content-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));
+  --actions-text-color: var(--ig-card-actions-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));
+  --outline-color: var(--ig-card-outline-color, hsla(var(--ig-gray-200), var(--ig-gray-a)));
+  --border-radius: var(--ig-card-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.0833333333) * 1.5rem), 1.5rem));
+  color: var(--content-text-color);
+}`;
+//# sourceMappingURL=card.content.fluent.css.js.map

package/components/card/themes/light/card.content.fluent.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.content.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/card/themes/light/card.content.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;EAWvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host {\n  --resting-elevation: var(--ig-card-resting-elevation, var(--ig-elevation-4));\n  --hover-elevation: var(--ig-card-hover-elevation, var(--ig-elevation-6));\n  --background: var(--ig-card-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));\n  --header-text-color: var(--ig-card-header-text-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));\n  --subtitle-text-color: var(--ig-card-subtitle-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));\n  --content-text-color: var(--ig-card-content-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));\n  --actions-text-color: var(--ig-card-actions-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));\n  --outline-color: var(--ig-card-outline-color, hsla(var(--ig-gray-200), var(--ig-gray-a)));\n  --border-radius: var(--ig-card-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.0833333333) * 1.5rem), 1.5rem));\n  color: var(--content-text-color);\n}`;\n"]}

package/components/card/themes/light/card.content.indigo.css.js

@@ -1,58 +1,14 @@
 import { css } from 'lit';
 export const styles = css `:host {
-  --is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);
-  --is-medium: min(
-      clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1),
-      clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1)
-  );
-  --is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);
-  position: relative;
-  -webkit-box-sizing: border-box;
-          box-sizing: border-box;
-  scrollbar-width: var(--ig-scrollbar-size);
-  scrollbar-color: var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background);
-}
-:host *,
-:host *::before,
-:host *::after {
-  -webkit-box-sizing: border-box;
-          box-sizing: border-box;
-}
-:host ::-webkit-scrollbar {
-  width: var(--ig-scrollbar-size);
-  height: var(--ig-scrollbar-size);
-  background: var(--ig-scrollbar-track-background);
-}
-:host ::-webkit-scrollbar-thumb {
-  background: var(--ig-scrollbar-thumb-background);
-}
-
-:host([hidden]),
-[hidden] {
-  display: none !important;
-}
-:host {
-  display: block;
-  width: 100%;
-  overflow: auto;
-  padding: 1rem;
-  color: hsla(var(--ig-gray-700), var(--ig-gray-a));
-}
-
-::slotted(*) {
-  font-family: var(--ig-body-2-font-family, var(--ig-font-family));
-  font-size: var(--ig-body-2-font-size);
-  font-weight: var(--ig-body-2-font-weight);
-  font-style: var(--ig-body-2-font-style);
-  line-height: var(--ig-body-2-line-height);
-  letter-spacing: var(--ig-body-2-letter-spacing);
-  text-transform: var(--ig-body-2-text-transform);
-  margin-top: var(--ig-body-2-margin-top);
-  margin-bottom: var(--ig-body-2-margin-bottom);
-  margin: 0;
-}
-
-:host {
-  color: hsla(var(--ig-gray-700), var(--ig-gray-a));
+  --resting-elevation: var(--ig-card-resting-elevation, var(--ig-elevation-4));
+  --hover-elevation: var(--ig-card-hover-elevation, var(--ig-elevation-6));
+  --background: var(--ig-card-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));
+  --header-text-color: var(--ig-card-header-text-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));
+  --subtitle-text-color: var(--ig-card-subtitle-text-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));
+  --content-text-color: var(--ig-card-content-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));
+  --actions-text-color: var(--ig-card-actions-text-color, hsla(var(--ig-gray-600), var(--ig-gray-a)));
+  --outline-color: var(--ig-card-outline-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));
+  --border-radius: var(--ig-card-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.125) * 1.5rem), 1.5rem));
+  color: var(--content-text-color);
 }`;
 //# sourceMappingURL=card.content.indigo.css.js.map

package/components/card/themes/light/card.content.indigo.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"card.content.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/card/themes/light/card.content.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAuDvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host {\n  --is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);\n  --is-medium: min(\n      clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1),\n      clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1)\n  );\n  --is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);\n  position: relative;\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n  scrollbar-width: var(--ig-scrollbar-size);\n  scrollbar-color: var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background);\n}\n:host *,\n:host *::before,\n:host *::after {\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n}\n:host ::-webkit-scrollbar {\n  width: var(--ig-scrollbar-size);\n  height: var(--ig-scrollbar-size);\n  background: var(--ig-scrollbar-track-background);\n}\n:host ::-webkit-scrollbar-thumb {\n  background: var(--ig-scrollbar-thumb-background);\n}\n\n:host([hidden]),\n[hidden] {\n  display: none !important;\n}\n:host {\n  display: block;\n  width: 100%;\n  overflow: auto;\n  padding: 1rem;\n  color: hsla(var(--ig-gray-700), var(--ig-gray-a));\n}\n\n::slotted(*) {\n  font-family: var(--ig-body-2-font-family, var(--ig-font-family));\n  font-size: var(--ig-body-2-font-size);\n  font-weight: var(--ig-body-2-font-weight);\n  font-style: var(--ig-body-2-font-style);\n  line-height: var(--ig-body-2-line-height);\n  letter-spacing: var(--ig-body-2-letter-spacing);\n  text-transform: var(--ig-body-2-text-transform);\n  margin-top: var(--ig-body-2-margin-top);\n  margin-bottom: var(--ig-body-2-margin-bottom);\n  margin: 0;\n}\n\n:host {\n  color: hsla(var(--ig-gray-700), var(--ig-gray-a));\n}`;\n"]}
+{"version":3,"file":"card.content.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/card/themes/light/card.content.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;EAWvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host {\n  --resting-elevation: var(--ig-card-resting-elevation, var(--ig-elevation-4));\n  --hover-elevation: var(--ig-card-hover-elevation, var(--ig-elevation-6));\n  --background: var(--ig-card-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));\n  --header-text-color: var(--ig-card-header-text-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));\n  --subtitle-text-color: var(--ig-card-subtitle-text-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));\n  --content-text-color: var(--ig-card-content-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));\n  --actions-text-color: var(--ig-card-actions-text-color, hsla(var(--ig-gray-600), var(--ig-gray-a)));\n  --outline-color: var(--ig-card-outline-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));\n  --border-radius: var(--ig-card-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.125) * 1.5rem), 1.5rem));\n  color: var(--content-text-color);\n}`;\n"]}