@universal-material/web 3.0.0 → 3.0.1

package/table/table-header-cell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-header-cell.d.ts","sourceRoot":"","sources":["../../src/table/table-header-cell.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,kBAAkB,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAM3D,qBACa,iBAAkB,SAAQ,UAAU;IAE/C,OAAgB,MAAM,4BAAwB;cAE3B,MAAM,IAAI,kBAAkB;CAGhD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,MAAM,EAAE,iBAAiB,CAAC;KAC3B;CACF"}

package/table/table-header-cell.js

@@ -0,0 +1,21 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { html, LitElement } from 'lit';
+import { customElement } from 'lit/decorators.js';
+import { styles as baseStyles } from '../shared/base.styles';
+import { styles } from './table-header-cell.styles';
+let UmTableHeaderCell = class UmTableHeaderCell extends LitElement {
+    render() {
+        return html `<slot></slot>`;
+    }
+};
+UmTableHeaderCell.styles = [baseStyles, styles];
+UmTableHeaderCell = __decorate([
+    customElement('u-th')
+], UmTableHeaderCell);
+export { UmTableHeaderCell };
+//# sourceMappingURL=table-header-cell.js.map

package/table/table-header-cell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-header-cell.js","sourceRoot":"","sources":["../../src/table/table-header-cell.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAsB,UAAU,EAAE,MAAM,KAAK,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAElD,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAC7D,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AAG7C,IAAM,iBAAiB,GAAvB,MAAM,iBAAkB,SAAQ,UAAU;IAI5B,MAAM;QACvB,OAAO,IAAI,CAAA,eAAe,CAAC;IAC7B,CAAC;;AAJe,wBAAM,GAAG,CAAC,UAAU,EAAE,MAAM,CAAC,AAAvB,CAAwB;AAFnC,iBAAiB;IAD7B,aAAa,CAAC,MAAM,CAAC;GACT,iBAAiB,CAO7B","sourcesContent":["import { html, HTMLTemplateResult, LitElement } from 'lit';\nimport { customElement } from 'lit/decorators.js';\n\nimport { styles as baseStyles } from '../shared/base.styles';\nimport { styles } from './table-header-cell.styles';\n\n@customElement('u-th')\nexport class UmTableHeaderCell extends LitElement {\n\n  static override styles = [baseStyles, styles];\n\n  protected override render(): HTMLTemplateResult {\n    return html`<slot></slot>`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'u-th': UmTableHeaderCell;\n  }\n}\n"]}

package/table/table-header-cell.styles.d.ts

@@ -0,0 +1,2 @@
+export declare const styles: import("lit").CSSResult;
+//# sourceMappingURL=table-header-cell.styles.d.ts.map

package/table/table-header-cell.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-header-cell.styles.d.ts","sourceRoot":"","sources":["../../src/table/table-header-cell.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,yBASlB,CAAC"}

package/table/table-header-cell.styles.js

@@ -0,0 +1,12 @@
+import { css } from 'lit';
+export const styles = css `
+  :host {
+    display: table-cell;
+    padding: var(--u-th-padding, 13px 16px);
+    font-size: var(--u-th-font-size, 0.8125rem);
+    font-weight: var(--u-th-font-weigh, var(--u-font-weight-medium, 500));
+    text-align: start;
+    color: var(--u-low-emphasis-color, var(--u-color-on-surface-variant, rgb(73, 69, 79)));
+  }
+`;
+//# sourceMappingURL=table-header-cell.styles.js.map

package/table/table-header-cell.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-header-cell.styles.js","sourceRoot":"","sources":["../../src/table/table-header-cell.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAC;;;;;;;;;CASzB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css `\n  :host {\n    display: table-cell;\n    padding: var(--u-th-padding, 13px 16px);\n    font-size: var(--u-th-font-size, 0.8125rem);\n    font-weight: var(--u-th-font-weigh, var(--u-font-weight-medium, 500));\n    text-align: start;\n    color: var(--u-low-emphasis-color, var(--u-color-on-surface-variant, rgb(73, 69, 79)));\n  }\n`;\n"]}

package/table/table-row.d.ts

@@ -0,0 +1,11 @@
+import { HTMLTemplateResult, LitElement } from 'lit';
+export declare class UmTableRow extends LitElement {
+    static styles: import("lit").CSSResult[];
+    protected render(): HTMLTemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'u-tr': UmTableRow;
+    }
+}
+//# sourceMappingURL=table-row.d.ts.map

package/table/table-row.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-row.d.ts","sourceRoot":"","sources":["../../src/table/table-row.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,kBAAkB,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAM3D,qBACa,UAAW,SAAQ,UAAU;IAExC,OAAgB,MAAM,4BAAwB;cAE3B,MAAM,IAAI,kBAAkB;CAGhD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,MAAM,EAAE,UAAU,CAAC;KACpB;CACF"}

package/{card/button-set.js → table/table-row.js}

@@ -4,23 +4,18 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-import { LitElement, css, html } from 'lit';
+import { html, LitElement } from 'lit';
 import { customElement } from 'lit/decorators.js';
-let ButtonSet = class ButtonSet extends LitElement {
+import { styles as baseStyles } from '../shared/base.styles';
+import { styles } from './table-row.styles';
+let UmTableRow = class UmTableRow extends LitElement {
     render() {
         return html `<slot></slot>`;
     }
 };
-ButtonSet.styles = css `
-    :host {
-      display: flex;
-      gap: 8px;
-      align-items: center;
-      flex-wrap: wrap;
-    }
-  `;
-ButtonSet = __decorate([
-    customElement('u-button-set')
-], ButtonSet);
-export { ButtonSet };
-//# sourceMappingURL=button-set.js.map
+UmTableRow.styles = [baseStyles, styles];
+UmTableRow = __decorate([
+    customElement('u-tr')
+], UmTableRow);
+export { UmTableRow };
+//# sourceMappingURL=table-row.js.map

package/table/table-row.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-row.js","sourceRoot":"","sources":["../../src/table/table-row.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAsB,UAAU,EAAE,MAAM,KAAK,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAElD,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAC7D,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAGrC,IAAM,UAAU,GAAhB,MAAM,UAAW,SAAQ,UAAU;IAIrB,MAAM;QACvB,OAAO,IAAI,CAAA,eAAe,CAAC;IAC7B,CAAC;;AAJe,iBAAM,GAAG,CAAC,UAAU,EAAE,MAAM,CAAC,AAAvB,CAAwB;AAFnC,UAAU;IADtB,aAAa,CAAC,MAAM,CAAC;GACT,UAAU,CAOtB","sourcesContent":["import { html, HTMLTemplateResult, LitElement } from 'lit';\nimport { customElement } from 'lit/decorators.js';\n\nimport { styles as baseStyles } from '../shared/base.styles';\nimport { styles } from './table-row.styles';\n\n@customElement('u-tr')\nexport class UmTableRow extends LitElement {\n\n  static override styles = [baseStyles, styles];\n\n  protected override render(): HTMLTemplateResult {\n    return html`<slot></slot>`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'u-tr': UmTableRow;\n  }\n}\n"]}

package/table/table-row.styles.d.ts

@@ -0,0 +1,2 @@
+export declare const styles: import("lit").CSSResult;
+//# sourceMappingURL=table-row.styles.d.ts.map

package/table/table-row.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-row.styles.d.ts","sourceRoot":"","sources":["../../src/table/table-row.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,yBAIlB,CAAC"}

package/table/table-row.styles.js

@@ -0,0 +1,7 @@
+import { css } from 'lit';
+export const styles = css `
+  :host {
+    display: table-row;
+  }
+`;
+//# sourceMappingURL=table-row.styles.js.map

package/table/table-row.styles.js.map

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

package/table/table.d.ts

@@ -0,0 +1,16 @@
+import { HTMLTemplateResult, LitElement } from 'lit';
+import './table-head.js';
+import './table-body.js';
+import './table-row.js';
+import './table-cell.js';
+import './table-header-cell.js';
+export declare class UmTable extends LitElement {
+    static styles: import("lit").CSSResult[];
+    protected render(): HTMLTemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'u-table': UmTable;
+    }
+}
+//# sourceMappingURL=table.d.ts.map

package/table/table.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../src/table/table.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,kBAAkB,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAE3D,OAAO,iBAAiB,CAAC;AACzB,OAAO,iBAAiB,CAAC;AACzB,OAAO,gBAAgB,CAAC;AACxB,OAAO,iBAAiB,CAAC;AACzB,OAAO,wBAAwB,CAAC;AAIhC,qBAAa,OAAQ,SAAQ,UAAU;IACrC,OAAgB,MAAM,4BAAwB;cAE3B,MAAM,IAAI,kBAAkB;CAMhD;AAID,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,SAAS,EAAE,OAAO,CAAC;KACpB;CACF"}

package/table/table.js

@@ -0,0 +1,19 @@
+import { html, LitElement } from 'lit';
+import './table-head.js';
+import './table-body.js';
+import './table-row.js';
+import './table-cell.js';
+import './table-header-cell.js';
+import { styles as baseStyles } from '../shared/base.styles';
+import { styles } from './table.styles';
+export class UmTable extends LitElement {
+    render() {
+        return html `
+      <slot name="header"></slot>
+      <slot></slot>
+`;
+    }
+}
+UmTable.styles = [baseStyles, styles];
+customElements.define('u-table', UmTable);
+//# sourceMappingURL=table.js.map

package/table/table.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table.js","sourceRoot":"","sources":["../../src/table/table.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAsB,UAAU,EAAE,MAAM,KAAK,CAAC;AAE3D,OAAO,iBAAiB,CAAC;AACzB,OAAO,iBAAiB,CAAC;AACzB,OAAO,gBAAgB,CAAC;AACxB,OAAO,iBAAiB,CAAC;AACzB,OAAO,wBAAwB,CAAC;AAChC,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAC7D,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAExC,MAAM,OAAO,OAAQ,SAAQ,UAAU;IAGlB,MAAM;QACvB,OAAO,IAAI,CAAA;;;CAGd,CAAC;IACA,CAAC;;AAPe,cAAM,GAAG,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC;AAUhD,cAAc,CAAC,MAAM,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC","sourcesContent":["import { html, HTMLTemplateResult, LitElement } from 'lit';\n\nimport './table-head.js';\nimport './table-body.js';\nimport './table-row.js';\nimport './table-cell.js';\nimport './table-header-cell.js';\nimport { styles as baseStyles } from '../shared/base.styles';\nimport { styles } from './table.styles';\n\nexport class UmTable extends LitElement {\n  static override styles = [baseStyles, styles];\n\n  protected override render(): HTMLTemplateResult {\n    return html`\n      <slot name=\"header\"></slot>\n      <slot></slot>\n`;\n  }\n}\n\ncustomElements.define('u-table', UmTable);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'u-table': UmTable;\n  }\n}\n"]}

package/table/table.styles.d.ts

@@ -0,0 +1,2 @@
+export declare const styles: import("lit").CSSResult;
+//# sourceMappingURL=table.styles.d.ts.map

package/table/table.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table.styles.d.ts","sourceRoot":"","sources":["../../src/table/table.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,yBAalB,CAAC"}

package/table/table.styles.js

@@ -0,0 +1,16 @@
+import { css } from 'lit';
+export const styles = css `
+  :host {
+    display: table;
+    min-width: 100%;
+    border-collapse: collapse;
+  }
+
+  ::slotted(u-thead:not(:first-child)),
+  ::slotted(u-tbody:not(:first-child)),
+  ::slotted(u-tfooter:not(:first-child)),
+  ::slotted(u-tr:not(:first-child)) {
+    border-top: 1px solid get-color-var(outline-variant);
+  }
+`;
+//# sourceMappingURL=table.styles.js.map

package/table/table.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table.styles.js","sourceRoot":"","sources":["../../src/table/table.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAC;;;;;;;;;;;;;CAazB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css `\n  :host {\n    display: table;\n    min-width: 100%;\n    border-collapse: collapse;\n  }\n\n  ::slotted(u-thead:not(:first-child)),\n  ::slotted(u-tbody:not(:first-child)),\n  ::slotted(u-tfooter:not(:first-child)),\n  ::slotted(u-tr:not(:first-child)) {\n    border-top: 1px solid get-color-var(outline-variant);\n  }\n`;\n"]}

package/theme/color.d.ts

@@ -0,0 +1,7 @@
+export interface Color {
+    name: string;
+    fixedTone?: number;
+    lightTone?: number;
+    darkTone?: number;
+}
+//# sourceMappingURL=color.d.ts.map

package/theme/color.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"color.d.ts","sourceRoot":"","sources":["../../src/theme/color.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,KAAK;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB"}

package/theme/color.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=color.js.map

package/theme/color.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"color.js","sourceRoot":"","sources":["../../src/theme/color.ts"],"names":[],"mappings":"","sourcesContent":["export interface Color {\n  name: string;\n  fixedTone?: number;\n  lightTone?: number;\n  darkTone?: number;\n}\n"]}

package/theme/css-var-builder.d.ts

@@ -0,0 +1,9 @@
+export declare class CssVarBuilder {
+    private content;
+    private constructor();
+    static create(): CssVarBuilder;
+    add(name: string, value: string): CssVarBuilder;
+    addFromArgb(name: string, argb: number): CssVarBuilder;
+    build(): string;
+}
+//# sourceMappingURL=css-var-builder.d.ts.map

package/theme/css-var-builder.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"css-var-builder.d.ts","sourceRoot":"","sources":["../../src/theme/css-var-builder.ts"],"names":[],"mappings":"AAIA,qBAAa,aAAa;IAExB,OAAO,CAAC,OAAO,CAAM;IAErB,OAAO;IAGP,MAAM,CAAC,MAAM,IAAI,aAAa;IAI9B,GAAG,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,aAAa;IAU/C,WAAW,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,aAAa;IAOtD,KAAK,IAAI,MAAM;CAGhB"}

package/theme/css-var-builder.js

@@ -0,0 +1,25 @@
+import { hexFromArgb } from '@material/material-color-utilities';
+import { RgbColor } from './rgb-color.js';
+export class CssVarBuilder {
+    constructor() {
+        this.content = '';
+    }
+    static create() {
+        return new CssVarBuilder();
+    }
+    add(name, value) {
+        const cssVar = `  ${name}: ${value};
+`;
+        this.content += cssVar;
+        return this;
+    }
+    addFromArgb(name, argb) {
+        this.add(`--u-color-${name}`, hexFromArgb(argb));
+        this.add(`--u-color-${name}-rgb`, RgbColor.fromArgb(argb).toString());
+        return this;
+    }
+    build() {
+        return this.content;
+    }
+}
+//# sourceMappingURL=css-var-builder.js.map

package/theme/css-var-builder.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"css-var-builder.js","sourceRoot":"","sources":["../../src/theme/css-var-builder.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,oCAAoC,CAAC;AAEjE,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAE1C,MAAM,OAAO,aAAa;IAIxB;QAFQ,YAAO,GAAG,EAAE,CAAC;IAGrB,CAAC;IAED,MAAM,CAAC,MAAM;QACX,OAAO,IAAI,aAAa,EAAE,CAAC;IAC7B,CAAC;IAED,GAAG,CAAC,IAAY,EAAE,KAAa;QAE7B,MAAM,MAAM,GAAG,KAAK,IAAI,KAAK,KAAK;CACrC,CAAC;QAEE,IAAI,CAAC,OAAO,IAAI,MAAM,CAAA;QAEtB,OAAO,IAAI,CAAC;IACd,CAAC;IAED,WAAW,CAAC,IAAY,EAAE,IAAY;QACpC,IAAI,CAAC,GAAG,CAAC,aAAa,IAAI,EAAE,EAAE,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC;QACjD,IAAI,CAAC,GAAG,CAAC,aAAa,IAAI,MAAM,EAAE,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,QAAQ,EAAE,CAAC,CAAC;QAEtE,OAAO,IAAI,CAAC;IACd,CAAC;IAED,KAAK;QACH,OAAO,IAAI,CAAC,OAAO,CAAC;IACtB,CAAC;CACF","sourcesContent":["import { hexFromArgb } from '@material/material-color-utilities';\n\nimport { RgbColor } from './rgb-color.js';\n\nexport class CssVarBuilder {\n\n  private content = '';\n\n  private constructor() {\n  }\n\n  static create(): CssVarBuilder {\n    return new CssVarBuilder();\n  }\n\n  add(name: string, value: string): CssVarBuilder {\n\n    const cssVar = `  ${name}: ${value};\n`;\n\n    this.content += cssVar\n\n    return this;\n  }\n\n  addFromArgb(name: string, argb: number): CssVarBuilder {\n    this.add(`--u-color-${name}`, hexFromArgb(argb));\n    this.add(`--u-color-${name}-rgb`, RgbColor.fromArgb(argb).toString());\n\n    return this;\n  }\n\n  build(): string {\n    return this.content;\n  }\n}\n"]}

package/theme/index.d.ts

@@ -0,0 +1,2 @@
+export * from './theme-builder.js';
+//# sourceMappingURL=index.d.ts.map

package/theme/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/theme/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC"}

package/theme/index.js

@@ -0,0 +1,2 @@
+export * from './theme-builder.js';
+//# sourceMappingURL=index.js.map

package/theme/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/theme/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC","sourcesContent":["export * from './theme-builder.js';\n"]}

package/theme/neutral-colors.d.ts

@@ -0,0 +1,4 @@
+import { Color } from './color.js';
+export declare const neutralColors: Color[];
+export declare const neutralVariantColors: Color[];
+//# sourceMappingURL=neutral-colors.d.ts.map

package/theme/neutral-colors.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"neutral-colors.d.ts","sourceRoot":"","sources":["../../src/theme/neutral-colors.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,EAAC,MAAM,YAAY,CAAC;AAEjC,eAAO,MAAM,aAAa,EAAE,KAAK,EAYhC,CAAA;AAED,eAAO,MAAM,oBAAoB,EAAE,KAAK,EAIvC,CAAA"}

package/theme/neutral-colors.js

@@ -0,0 +1,19 @@
+export const neutralColors = [
+    { name: 'surface', lightTone: 98, darkTone: 6 },
+    { name: 'surface-bright', lightTone: 98, darkTone: 24 },
+    { name: 'surface-dim', lightTone: 87, darkTone: 6 },
+    { name: 'surface-container-lowest', lightTone: 100, darkTone: 4 },
+    { name: 'surface-container-low', lightTone: 96, darkTone: 10 },
+    { name: 'surface-container', lightTone: 94, darkTone: 12 },
+    { name: 'surface-container-high', lightTone: 92, darkTone: 17 },
+    { name: 'surface-container-highest', lightTone: 90, darkTone: 22 },
+    { name: 'on-surface', lightTone: 10, darkTone: 90 },
+    { name: 'scrim', fixedTone: 0 },
+    { name: 'shadow', fixedTone: 0 },
+];
+export const neutralVariantColors = [
+    { name: 'on-surface-variant', lightTone: 30, darkTone: 80 },
+    { name: 'outline', lightTone: 50, darkTone: 60 },
+    { name: 'outline-variant', lightTone: 80, darkTone: 30 }
+];
+//# sourceMappingURL=neutral-colors.js.map

package/theme/neutral-colors.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"neutral-colors.js","sourceRoot":"","sources":["../../src/theme/neutral-colors.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,aAAa,GAAY;IACpC,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE,EAAE,EAAE,QAAQ,EAAE,CAAC,EAAE;IAC/C,EAAE,IAAI,EAAE,gBAAgB,EAAE,SAAS,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE;IACvD,EAAE,IAAI,EAAE,aAAa,EAAE,SAAS,EAAE,EAAE,EAAE,QAAQ,EAAE,CAAC,EAAE;IACnD,EAAE,IAAI,EAAE,0BAA0B,EAAE,SAAS,EAAE,GAAG,EAAE,QAAQ,EAAE,CAAC,EAAE;IACjE,EAAE,IAAI,EAAE,uBAAuB,EAAE,SAAS,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE;IAC9D,EAAE,IAAI,EAAE,mBAAmB,EAAE,SAAS,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE;IAC1D,EAAE,IAAI,EAAE,wBAAwB,EAAE,SAAS,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE;IAC/D,EAAE,IAAI,EAAE,2BAA2B,EAAE,SAAS,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE;IAClE,EAAE,IAAI,EAAE,YAAY,EAAE,SAAS,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE;IACnD,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE;IAC/B,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC,EAAE;CACjC,CAAA;AAED,MAAM,CAAC,MAAM,oBAAoB,GAAY;IAC3C,EAAE,IAAI,EAAE,oBAAoB,EAAE,SAAS,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE;IAC3D,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE;IAChD,EAAE,IAAI,EAAE,iBAAiB,EAAE,SAAS,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE;CACzD,CAAA","sourcesContent":["import {Color} from './color.js';\n\nexport const neutralColors: Color[] = [\n  { name: 'surface', lightTone: 98, darkTone: 6 },\n  { name: 'surface-bright', lightTone: 98, darkTone: 24 },\n  { name: 'surface-dim', lightTone: 87, darkTone: 6 },\n  { name: 'surface-container-lowest', lightTone: 100, darkTone: 4 },\n  { name: 'surface-container-low', lightTone: 96, darkTone: 10 },\n  { name: 'surface-container', lightTone: 94, darkTone: 12 },\n  { name: 'surface-container-high', lightTone: 92, darkTone: 17 },\n  { name: 'surface-container-highest', lightTone: 90, darkTone: 22 },\n  { name: 'on-surface', lightTone: 10, darkTone: 90 },\n  { name: 'scrim', fixedTone: 0 },\n  { name: 'shadow', fixedTone: 0 },\n]\n\nexport const neutralVariantColors: Color[] = [\n  { name: 'on-surface-variant', lightTone: 30, darkTone: 80 },\n  { name: 'outline', lightTone: 50, darkTone: 60 },\n  { name: 'outline-variant', lightTone: 80, darkTone: 30 }\n]\n"]}

package/theme/rgb-color.d.ts

@@ -0,0 +1,9 @@
+export declare class RgbColor {
+    r: number;
+    g: number;
+    b: number;
+    constructor(r: number, g: number, b: number);
+    static fromArgb(argb: number): RgbColor;
+    toString: () => string;
+}
+//# sourceMappingURL=rgb-color.d.ts.map

package/theme/rgb-color.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"rgb-color.d.ts","sourceRoot":"","sources":["../../src/theme/rgb-color.ts"],"names":[],"mappings":"AAEA,qBAAa,QAAQ;IACnB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;gBAEE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM;IAM3C,MAAM,CAAC,QAAQ,CAAC,IAAI,EAAE,MAAM,GAAG,QAAQ;IAIvC,QAAQ,QAAO,MAAM,CAAoC;CAC1D"}

package/theme/rgb-color.js

@@ -0,0 +1,13 @@
+import { blueFromArgb, greenFromArgb, redFromArgb } from '@material/material-color-utilities';
+export class RgbColor {
+    constructor(r, g, b) {
+        this.toString = () => `${this.r},${this.g},${this.b}`;
+        this.r = r;
+        this.g = g;
+        this.b = b;
+    }
+    static fromArgb(argb) {
+        return new RgbColor(redFromArgb(argb), greenFromArgb(argb), blueFromArgb(argb));
+    }
+}
+//# sourceMappingURL=rgb-color.js.map

package/theme/rgb-color.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rgb-color.js","sourceRoot":"","sources":["../../src/theme/rgb-color.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,oCAAoC,CAAC;AAE9F,MAAM,OAAO,QAAQ;IAKnB,YAAY,CAAS,EAAE,CAAS,EAAE,CAAS;QAU3C,aAAQ,GAAG,GAAW,EAAE,CAAC,GAAG,IAAI,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,EAAE,CAAC;QATvD,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC;QACX,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC;QACX,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC;IACb,CAAC;IAED,MAAM,CAAC,QAAQ,CAAC,IAAY;QAC1B,OAAO,IAAI,QAAQ,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,aAAa,CAAC,IAAI,CAAC,EAAE,YAAY,CAAC,IAAI,CAAC,CAAC,CAAC;IAClF,CAAC;CAGF","sourcesContent":["import { blueFromArgb, greenFromArgb, redFromArgb } from '@material/material-color-utilities';\n\nexport class RgbColor {\n  r: number;\n  g: number;\n  b: number;\n\n  constructor(r: number, g: number, b: number) {\n    this.r = r;\n    this.g = g;\n    this.b = b;\n  }\n\n  static fromArgb(argb: number): RgbColor {\n    return new RgbColor(redFromArgb(argb), greenFromArgb(argb), blueFromArgb(argb));\n  }\n\n  toString = (): string => `${this.r},${this.g},${this.b}`;\n}\n"]}

package/theme/theme-builder.d.ts

@@ -0,0 +1,27 @@
+import { TonalPalette } from '@material/material-color-utilities';
+import { ThemeColor } from './theme-color.js';
+export declare class ThemeBuilder {
+    cssClass: string | null;
+    colors: ThemeColor[];
+    commonColors: ThemeColor[];
+    neutralColorPalette: TonalPalette;
+    neutralVariantColorPalette: TonalPalette;
+    private partial;
+    private constructor();
+    static create(primaryColorHex: string): ThemeBuilder;
+    static createPartial(): ThemeBuilder;
+    addColorFromHex(name: string, hex: string): ThemeBuilder;
+    addColorFromPalette(name: string, palette: TonalPalette): ThemeBuilder;
+    addCommonColor(name: string, hex: string): ThemeBuilder;
+    setCssClass(cssClass: string): ThemeBuilder;
+    private ensureCssClassStartsWithDot;
+    private ensureThemeColors;
+    private getNeutralVariables;
+    private getNeutralVariantVariables;
+    getColorVariables(color: ThemeColor, dark: boolean): string;
+    private getColorsVariables;
+    private addColors;
+    private addToneColor;
+    build(): string;
+}
+//# sourceMappingURL=theme-builder.d.ts.map

package/theme/theme-builder.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-builder.d.ts","sourceRoot":"","sources":["../../src/theme/theme-builder.ts"],"names":[],"mappings":"AAAA,OAAO,EAA4B,YAAY,EAAE,MAAM,oCAAoC,CAAC;AAK5F,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAO9C,qBAAa,YAAY;IACvB,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,MAAM,EAAE,UAAU,EAAE,CAAM;IAC1B,YAAY,EAAE,UAAU,EAAE,CAAM;IAChC,mBAAmB,EAAG,YAAY,CAAC;IACnC,0BAA0B,EAAG,YAAY,CAAC;IAE1C,OAAO,CAAC,OAAO,CAAS;IAExB,OAAO;IAIP,MAAM,CAAC,MAAM,CAAC,eAAe,EAAE,MAAM,GAAG,YAAY;IAKpD,MAAM,CAAC,aAAa,IAAI,YAAY;IAOpC,eAAe,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,YAAY;IAOxD,mBAAmB,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,YAAY,GAAG,YAAY;IAatE,cAAc,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,YAAY;IAKvD,WAAW,CAAC,QAAQ,EAAE,MAAM,GAAG,YAAY;IAK3C,OAAO,CAAC,2BAA2B;IAQnC,OAAO,CAAC,iBAAiB;IAuBzB,OAAO,CAAC,mBAAmB;IAc3B,OAAO,CAAC,0BAA0B;IAQlC,iBAAiB,CAAC,KAAK,EAAE,UAAU,EAAE,IAAI,EAAE,OAAO,GAAG,MAAM;IAS3D,OAAO,CAAC,kBAAkB;IAkB1B,OAAO,CAAC,SAAS;IAMjB,OAAO,CAAC,YAAY;IA2BpB,KAAK,IAAI,MAAM;CAoBhB"}

package/theme/theme-builder.js

@@ -0,0 +1,146 @@
+import { argbFromHex, CorePalette, TonalPalette } from '@material/material-color-utilities';
+import { CssVarBuilder } from './css-var-builder.js';
+import { neutralColors, neutralVariantColors } from './neutral-colors.js';
+function getCss(selector, content) {
+    return `${selector} {
+${content}}`;
+}
+export class ThemeBuilder {
+    constructor() {
+        this.colors = [];
+        this.commonColors = [];
+        this.partial = false;
+        this.cssClass = null;
+    }
+    static create(primaryColorHex) {
+        return new ThemeBuilder()
+            .addColorFromHex('primary', primaryColorHex);
+    }
+    static createPartial() {
+        const themeBuilder = new ThemeBuilder();
+        themeBuilder.partial = true;
+        return themeBuilder;
+    }
+    addColorFromHex(name, hex) {
+        const palette = TonalPalette.fromInt(argbFromHex(hex));
+        this.addColorFromPalette(name, palette);
+        return this;
+    }
+    addColorFromPalette(name, palette) {
+        this.colors.push({ name, lightTone: 40, darkTone: 80, tonalPalette: palette });
+        this.colors.push({ name: `on-${name}`, lightTone: 100, darkTone: 20, tonalPalette: palette });
+        this.colors.push({ name: `${name}-container`, lightTone: 90, darkTone: 30, tonalPalette: palette });
+        this.colors.push({ name: `on-${name}-container`, lightTone: 10, darkTone: 90, tonalPalette: palette });
+        this.colors.push({ name: `${name}-fixed`, fixedTone: 90, tonalPalette: palette });
+        this.colors.push({ name: `${name}-fixed-dim`, fixedTone: 800, tonalPalette: palette });
+        this.colors.push({ name: `on-${name}-fixed`, fixedTone: 10, tonalPalette: palette });
+        this.colors.push({ name: `on-${name}-fixed-variant`, fixedTone: 30, tonalPalette: palette });
+        return this;
+    }
+    addCommonColor(name, hex) {
+        this.commonColors.push({ name, tonalPalette: TonalPalette.fromInt(argbFromHex(hex)) });
+        return this;
+    }
+    setCssClass(cssClass) {
+        this.cssClass = cssClass;
+        return this;
+    }
+    ensureCssClassStartsWithDot() {
+        if (!this.cssClass || this.cssClass.startsWith('.')) {
+            return;
+        }
+        this.cssClass = `.${this.cssClass}`;
+    }
+    ensureThemeColors() {
+        const primaryColor = this.colors.find(c => c.name === 'primary');
+        const palette = CorePalette.of(primaryColor.tonalPalette.tone(40));
+        if (!this.colors.find(c => c.name === 'secondary')) {
+            this.addColorFromPalette('secondary', palette.a2);
+        }
+        if (!this.colors.find(c => c.name === 'tertiary')) {
+            this.addColorFromPalette('tertiary', palette.a3);
+        }
+        if (!this.neutralColorPalette) {
+            this.neutralColorPalette = palette.n1;
+        }
+        if (!this.neutralVariantColorPalette) {
+            this.neutralVariantColorPalette = palette.n2;
+        }
+    }
+    getNeutralVariables(dark) {
+        const builder = CssVarBuilder.create();
+        this.addColors(builder, neutralColors, this.neutralColorPalette, dark);
+        builder
+            .add('--u-color-background', "var(--u-color-surface-container-highest)")
+            .add('--u-color-inverse-background', "var(--u-color-inverse-surface-container-highest)")
+            .add('--u-color-on-background', "var(--u-color-on-surface)")
+            .add('--u-color-on-inverse-background', "var(--u-color-inverse-on-surface)");
+        return builder.build();
+    }
+    getNeutralVariantVariables(dark) {
+        const builder = CssVarBuilder.create();
+        this.addColors(builder, neutralVariantColors, this.neutralColorPalette, dark);
+        return builder.build();
+    }
+    getColorVariables(color, dark) {
+        const builder = CssVarBuilder.create();
+        this.addToneColor(builder, color, color.tonalPalette, dark);
+        return builder.build();
+    }
+    getColorsVariables(dark) {
+        let variables = '';
+        for (const color of this.colors) {
+            variables += this.getColorVariables(color, dark);
+        }
+        if (this.neutralColorPalette) {
+            variables += this.getNeutralVariables(dark);
+        }
+        if (this.neutralVariantColorPalette) {
+            variables += this.getNeutralVariantVariables(dark);
+        }
+        return variables;
+    }
+    addColors(builder, colors, palette, dark) {
+        for (const color of colors) {
+            this.addToneColor(builder, color, palette, dark);
+        }
+    }
+    addToneColor(builder, color, palette, dark) {
+        if (color.fixedTone !== undefined) {
+            builder.addFromArgb(color.name, palette.tone(color.fixedTone));
+            return;
+        }
+        const tone = dark
+            ? color.darkTone
+            : color.lightTone;
+        const inverseTone = dark
+            ? color.lightTone
+            : color.darkTone;
+        builder
+            .addFromArgb(color.name, palette.tone(tone))
+            .addFromArgb(`inverse-${color.name}`, palette.tone(inverseTone));
+        if (dark) {
+            return;
+        }
+        builder
+            .addFromArgb(`light-${color.name}`, palette.tone(color.lightTone))
+            .addFromArgb(`dark-${color.name}`, palette.tone(color.darkTone));
+    }
+    build() {
+        this.ensureCssClassStartsWithDot();
+        const lightCssClass = this.cssClass ?? ':root';
+        const darkCssClass = this.cssClass
+            ? `${this.cssClass}.u-dark-mode,
+${this.cssClass} .u-dark-mode`
+            : '.u-dark-mode';
+        if (!this.partial) {
+            this.ensureThemeColors();
+        }
+        const variables = `${getCss(lightCssClass, `${this.getColorsVariables(false)}`)}
+
+${getCss(darkCssClass, this.getColorsVariables(true))}
+`;
+        return variables;
+    }
+}
+//# sourceMappingURL=theme-builder.js.map

package/theme/theme-builder.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-builder.js","sourceRoot":"","sources":["../../src/theme/theme-builder.ts"],"names":[],"mappings":"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","sourcesContent":["import { argbFromHex, CorePalette, TonalPalette } from '@material/material-color-utilities';\n\nimport { Color } from './color.js';\nimport { CssVarBuilder } from './css-var-builder.js';\nimport { neutralColors, neutralVariantColors } from './neutral-colors.js';\nimport { ThemeColor } from './theme-color.js';\n\nfunction getCss(selector: string, content: string): string {\n  return `${selector} {\n${content}}`;\n}\n\nexport class ThemeBuilder {\n  cssClass: string | null;\n  colors: ThemeColor[] = [];\n  commonColors: ThemeColor[] = [];\n  neutralColorPalette!: TonalPalette;\n  neutralVariantColorPalette!: TonalPalette;\n\n  private partial = false;\n\n  private constructor() {\n    this.cssClass = null;\n  }\n\n  static create(primaryColorHex: string): ThemeBuilder {\n    return new ThemeBuilder()\n      .addColorFromHex('primary', primaryColorHex);\n  }\n\n  static createPartial(): ThemeBuilder {\n    const themeBuilder = new ThemeBuilder();\n    themeBuilder.partial = true;\n\n    return themeBuilder;\n  }\n\n  addColorFromHex(name: string, hex: string): ThemeBuilder {\n    const palette = TonalPalette.fromInt(argbFromHex(hex));\n\n    this.addColorFromPalette(name, palette);\n    return this;\n  }\n\n  addColorFromPalette(name: string, palette: TonalPalette): ThemeBuilder {\n    this.colors.push({name, lightTone: 40, darkTone: 80, tonalPalette: palette});\n    this.colors.push({name: `on-${name}`, lightTone: 100, darkTone: 20, tonalPalette: palette});\n    this.colors.push({name: `${name}-container`, lightTone: 90, darkTone: 30, tonalPalette: palette});\n    this.colors.push({name: `on-${name}-container`, lightTone: 10, darkTone: 90, tonalPalette: palette});\n\n    this.colors.push({name: `${name}-fixed`, fixedTone: 90, tonalPalette: palette});\n    this.colors.push({name: `${name}-fixed-dim`, fixedTone: 800, tonalPalette: palette});\n    this.colors.push({name: `on-${name}-fixed`, fixedTone: 10, tonalPalette: palette});\n    this.colors.push({name: `on-${name}-fixed-variant`, fixedTone: 30, tonalPalette: palette});\n    return this;\n  }\n\n  addCommonColor(name: string, hex: string): ThemeBuilder {\n    this.commonColors.push({name, tonalPalette: TonalPalette.fromInt(argbFromHex(hex))})\n    return this;\n  }\n\n  setCssClass(cssClass: string): ThemeBuilder {\n    this.cssClass = cssClass;\n    return this;\n  }\n\n  private ensureCssClassStartsWithDot(): void {\n    if (!this.cssClass || this.cssClass.startsWith('.')) {\n      return;\n    }\n\n    this.cssClass = `.${this.cssClass}`;\n  }\n\n  private ensureThemeColors(): void {\n\n    const primaryColor = this.colors.find(c => c.name === 'primary')!;\n\n    const palette = CorePalette.of(primaryColor.tonalPalette.tone(40));\n\n    if (!this.colors.find(c => c.name === 'secondary')) {\n      this.addColorFromPalette('secondary', palette.a2);\n    }\n\n    if (!this.colors.find(c => c.name === 'tertiary')) {\n      this.addColorFromPalette('tertiary', palette.a3);\n    }\n\n    if (!this.neutralColorPalette) {\n      this.neutralColorPalette = palette.n1;\n    }\n\n    if (!this.neutralVariantColorPalette) {\n      this.neutralVariantColorPalette = palette.n2;\n    }\n  }\n\n  private getNeutralVariables(dark: boolean): string {\n    const builder = CssVarBuilder.create();\n\n    this.addColors(builder, neutralColors, this.neutralColorPalette, dark);\n\n    builder\n      .add('--u-color-background', \"var(--u-color-surface-container-highest)\")\n      .add('--u-color-inverse-background', \"var(--u-color-inverse-surface-container-highest)\")\n      .add('--u-color-on-background', \"var(--u-color-on-surface)\")\n      .add('--u-color-on-inverse-background', \"var(--u-color-inverse-on-surface)\");\n\n    return builder.build();\n  }\n\n  private getNeutralVariantVariables(dark: boolean): string {\n    const builder = CssVarBuilder.create();\n\n    this.addColors(builder, neutralVariantColors, this.neutralColorPalette, dark);\n\n    return builder.build()\n  }\n\n  getColorVariables(color: ThemeColor, dark: boolean): string {\n\n    const builder = CssVarBuilder.create();\n\n    this.addToneColor(builder, color, color.tonalPalette, dark)\n\n    return builder.build();\n  }\n\n  private getColorsVariables(dark: boolean): string {\n    let variables = '';\n\n    for (const color of this.colors) {\n      variables += this.getColorVariables(color, dark);\n    }\n\n    if (this.neutralColorPalette) {\n      variables += this.getNeutralVariables(dark);\n    }\n\n    if (this.neutralVariantColorPalette) {\n      variables += this.getNeutralVariantVariables(dark);\n    }\n\n    return variables;\n  }\n\n  private addColors(builder: CssVarBuilder, colors: Color[], palette: TonalPalette, dark: boolean): void {\n    for (const color of colors) {\n      this.addToneColor(builder, color, palette, dark);\n    }\n  }\n\n  private addToneColor(builder: CssVarBuilder, color: Color, palette: TonalPalette, dark: boolean): void {\n    if (color.fixedTone !== undefined) {\n      builder.addFromArgb(color.name, palette.tone(color.fixedTone));\n      return;\n    }\n\n    const tone = dark\n      ? color.darkTone!\n      : color.lightTone!;\n\n    const inverseTone = dark\n      ? color.lightTone!\n      : color.darkTone!;\n\n    builder\n      .addFromArgb(color.name, palette.tone(tone))\n      .addFromArgb(`inverse-${color.name}`, palette.tone(inverseTone));\n\n    if (dark) {\n      return;\n    }\n\n    builder\n      .addFromArgb(`light-${color.name}`, palette.tone(color.lightTone!))\n      .addFromArgb(`dark-${color.name}`, palette.tone(color.darkTone!));\n  }\n\n  build(): string {\n\n    this.ensureCssClassStartsWithDot();\n\n    const lightCssClass = this.cssClass ?? ':root';\n    const darkCssClass = this.cssClass\n      ? `${this.cssClass}.u-dark-mode,\n${this.cssClass} .u-dark-mode`\n      : '.u-dark-mode';\n\n    if (!this.partial) {\n      this.ensureThemeColors();\n    }\n\n    const variables = `${getCss(lightCssClass, `${this.getColorsVariables(false)}`)}\n\n${getCss(darkCssClass, this.getColorsVariables(true))}\n`;\n    return variables;\n  }\n}\n"]}

package/theme/theme-color.d.ts

@@ -0,0 +1,6 @@
+import { TonalPalette } from '@material/material-color-utilities';
+import { Color } from './color.js';
+export interface ThemeColor extends Color {
+    tonalPalette: TonalPalette;
+}
+//# sourceMappingURL=theme-color.d.ts.map

package/theme/theme-color.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-color.d.ts","sourceRoot":"","sources":["../../src/theme/theme-color.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,oCAAoC,CAAC;AAElE,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AAEnC,MAAM,WAAW,UAAW,SAAQ,KAAK;IACvC,YAAY,EAAE,YAAY,CAAC;CAC5B"}

package/theme/theme-color.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=theme-color.js.map

package/theme/theme-color.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-color.js","sourceRoot":"","sources":["../../src/theme/theme-color.ts"],"names":[],"mappings":"","sourcesContent":["import { TonalPalette } from '@material/material-color-utilities';\n\nimport { Color } from './color.js';\n\nexport interface ThemeColor extends Color {\n  tonalPalette: TonalPalette;\n}\n"]}

package/all.d.ts

@@ -1,9 +0,0 @@
-import './button/button';
-import './button/fab';
-import './button/icon-button';
-import './button/button-set';
-import './card/card';
-import './divider/divider';
-import './elevation/elevation';
-import './ripple/ripple';
-//# sourceMappingURL=all.d.ts.map

package/all.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"all.d.ts","sourceRoot":"","sources":["../src/all.ts"],"names":[],"mappings":"AAAA,OAAO,iBAAiB,CAAC;AACzB,OAAO,cAAc,CAAC;AACtB,OAAO,sBAAsB,CAAC;AAC9B,OAAO,qBAAqB,CAAC;AAC7B,OAAO,aAAa,CAAC;AACrB,OAAO,mBAAmB,CAAC;AAC3B,OAAO,uBAAuB,CAAC;AAC/B,OAAO,iBAAiB,CAAC"}

package/all.js

@@ -1,9 +0,0 @@
-import './button/button';
-import './button/fab';
-import './button/icon-button';
-import './button/button-set';
-import './card/card';
-import './divider/divider';
-import './elevation/elevation';
-import './ripple/ripple';
-//# sourceMappingURL=all.js.map