@covalent/components 11.1.0 → 11.1.1

package/icon-radio-toggle.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("./query-assigned-elements-8EurZY45.js"),d=require("./mwc-radio.css-BWiWreTh.js"),s=require("./property-DYTC_2-m.js"),h=':host{--mdc-radio-unchecked-color: var(--cv-theme-on-surface-variant);--mdc-theme-secondary: var(--cv-theme-primary);--mdc-radio-disabled-color: var(--cv-theme-on-surface-38)}:host .mdc-radio__background{position:absolute;top:8px;right:8px}:host([width=fill]){width:100%}.mdc-radio{display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;row-gap:8px;width:var(--cv-icon-radio-width, 200px);height:var(--cv-icon-radio-height, 160px);border:solid 2px var(--mdc-theme-border);border-radius:8px;color:var(--mdc-theme-text-primary-on-background)}.mdc-radio--touch .mdc-radio__native-control{width:100%;height:100%}:host([checked]) .mdc-radio{--mdc-theme-text-icon-on-background: var(--mdc-theme-primary);border:solid 2px var(--mdc-theme-primary);background-color:var(--mdc-theme-surface-primary-highlight);font-variation-settings:"FILL" 1}:host([checked]) .mdc-radio:hover{background-color:var(--mdc-theme-surface-primary-highlight-hover)}[name=icon]::slotted(*){font-size:40px;color:var(--mdc-theme-text-icon-on-background)}[name=text]::slotted(*){color:var(--mdc-theme-text-primary-on-background);font-family:var(--mdc-typography-body1-font-family);font-size:var(--mdc-typography-body1-font-size);font-weight:var(--mdc-typography-body1-font-weight);line-height:var(--mdc-typography-body1-line-height);letter-spacing:.4px}[name=text]::slotted(*:last-child){color:var(--mdc-theme-text-secondary-on-background);font-family:var(--mdc-typography-body2-font-family);font-size:var(--mdc-typography-body2-font-size);font-weight:var(--mdc-typography-body2-font-weight);line-height:var(--mdc-typography-body2-line-height)}';var m=Object.defineProperty,p=Object.getOwnPropertyDescriptor,l=(i,t,a,r)=>{for(var e=r>1?void 0:r?p(t,a):t,n=i.length-1,c;n>=0;n--)(c=i[n])&&(e=(r?c(t,a,e):c(e))||e);return r&&e&&m(t,a,e),e};exports.CovalentIconRadioToggle=class extends d.RadioBase{constructor(){super(...arguments),this.iconOnly=!1}renderRipple(){const t=o.x`<slot name="icon"></slot>`,a=this.iconOnly?"":o.x`<div><slot name="text"></slot></div>`,r=this.shouldRenderRipple?o.x`<mwc-ripple
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("./query-assigned-elements-8EurZY45.js"),d=require("./mwc-radio.css-BWiWreTh.js"),s=require("./property-DYTC_2-m.js"),h=':host{--mdc-radio-unchecked-color: var(--cv-theme-on-surface-variant);--mdc-theme-secondary: var(--cv-theme-primary);--mdc-radio-disabled-color: var(--cv-theme-on-surface-38)}:host .mdc-radio__background{position:absolute;top:8px;right:8px}:host([width=fill]){width:100%}.mdc-radio{display:flex;justify-content:var(--cv-icon-radio-horizontal-alignment, center);align-items:var(--cv-icon-radio-vertical-alignment, center);flex-direction:column;text-align:var(--cv-icon-radio-text-alignment, center);row-gap:8px;width:var(--cv-icon-radio-width, 200px);height:var(--cv-icon-radio-height, 160px);border:solid 2px var(--mdc-theme-border);border-radius:8px;color:var(--mdc-theme-text-primary-on-background)}.mdc-radio--touch .mdc-radio__native-control{width:100%;height:100%}:host([checked]) .mdc-radio{--mdc-theme-text-icon-on-background: var(--mdc-theme-primary);border:solid 2px var(--mdc-theme-primary);background-color:var(--mdc-theme-surface-primary-highlight);font-variation-settings:"FILL" 1}:host([checked]) .mdc-radio:hover{background-color:var(--mdc-theme-surface-primary-highlight-hover)}[name=icon]::slotted(*){font-size:40px;color:var(--mdc-theme-text-icon-on-background)}[name=text]::slotted(*){color:var(--mdc-theme-text-primary-on-background);font-family:var(--mdc-typography-body1-font-family);font-size:var(--mdc-typography-body1-font-size);font-weight:var(--mdc-typography-body1-font-weight);line-height:var(--mdc-typography-body1-line-height);letter-spacing:.4px}[name=text]::slotted(*:last-child){color:var(--mdc-theme-text-secondary-on-background);font-family:var(--mdc-typography-body2-font-family);font-size:var(--mdc-typography-body2-font-size);font-weight:var(--mdc-typography-body2-font-weight);line-height:var(--mdc-typography-body2-line-height)}';var m=Object.defineProperty,p=Object.getOwnPropertyDescriptor,l=(i,t,a,r)=>{for(var e=r>1?void 0:r?p(t,a):t,n=i.length-1,c;n>=0;n--)(c=i[n])&&(e=(r?c(t,a,e):c(e))||e);return r&&e&&m(t,a,e),e};exports.CovalentIconRadioToggle=class extends d.RadioBase{constructor(){super(...arguments),this.iconOnly=!1}renderRipple(){const t=o.x`<slot name="icon"></slot>`,a=this.iconOnly?"":o.x`<div><slot name="text"></slot></div>`,r=this.shouldRenderRipple?o.x`<mwc-ripple
           accent
           .internalUseStateLayerCustomProperties="${this.useStateLayerCustomProperties}"
           .disabled="${this.disabled}"

package/icon-radio-toggle.mjs

@@ -1,37 +1,37 @@
-import { r as h, i as l, x as c, e as m } from "./query-assigned-elements-D930kELM.mjs";
-import { s as p, R as y } from "./mwc-radio.css-DPbyzNg_.mjs";
-import { n as v } from "./property-DJzm_oB9.mjs";
-const g = ':host{--mdc-radio-unchecked-color: var(--cv-theme-on-surface-variant);--mdc-theme-secondary: var(--cv-theme-primary);--mdc-radio-disabled-color: var(--cv-theme-on-surface-38)}:host .mdc-radio__background{position:absolute;top:8px;right:8px}:host([width=fill]){width:100%}.mdc-radio{display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;row-gap:8px;width:var(--cv-icon-radio-width, 200px);height:var(--cv-icon-radio-height, 160px);border:solid 2px var(--mdc-theme-border);border-radius:8px;color:var(--mdc-theme-text-primary-on-background)}.mdc-radio--touch .mdc-radio__native-control{width:100%;height:100%}:host([checked]) .mdc-radio{--mdc-theme-text-icon-on-background: var(--mdc-theme-primary);border:solid 2px var(--mdc-theme-primary);background-color:var(--mdc-theme-surface-primary-highlight);font-variation-settings:"FILL" 1}:host([checked]) .mdc-radio:hover{background-color:var(--mdc-theme-surface-primary-highlight-hover)}[name=icon]::slotted(*){font-size:40px;color:var(--mdc-theme-text-icon-on-background)}[name=text]::slotted(*){color:var(--mdc-theme-text-primary-on-background);font-family:var(--mdc-typography-body1-font-family);font-size:var(--mdc-typography-body1-font-size);font-weight:var(--mdc-typography-body1-font-weight);line-height:var(--mdc-typography-body1-line-height);letter-spacing:.4px}[name=text]::slotted(*:last-child){color:var(--mdc-theme-text-secondary-on-background);font-family:var(--mdc-typography-body2-font-family);font-size:var(--mdc-typography-body2-font-size);font-weight:var(--mdc-typography-body2-font-weight);line-height:var(--mdc-typography-body2-line-height)}';
-var f = Object.defineProperty, u = Object.getOwnPropertyDescriptor, s = (a, e, o, i) => {
-  for (var t = i > 1 ? void 0 : i ? u(e, o) : e, n = a.length - 1, d; n >= 0; n--)
-    (d = a[n]) && (t = (i ? d(e, o, t) : d(t)) || t);
-  return i && t && f(e, o, t), t;
+import { r as l, i as m, x as c, e as h } from "./query-assigned-elements-D930kELM.mjs";
+import { s as p, R as v } from "./mwc-radio.css-DPbyzNg_.mjs";
+import { n as y } from "./property-DJzm_oB9.mjs";
+const g = ':host{--mdc-radio-unchecked-color: var(--cv-theme-on-surface-variant);--mdc-theme-secondary: var(--cv-theme-primary);--mdc-radio-disabled-color: var(--cv-theme-on-surface-38)}:host .mdc-radio__background{position:absolute;top:8px;right:8px}:host([width=fill]){width:100%}.mdc-radio{display:flex;justify-content:var(--cv-icon-radio-horizontal-alignment, center);align-items:var(--cv-icon-radio-vertical-alignment, center);flex-direction:column;text-align:var(--cv-icon-radio-text-alignment, center);row-gap:8px;width:var(--cv-icon-radio-width, 200px);height:var(--cv-icon-radio-height, 160px);border:solid 2px var(--mdc-theme-border);border-radius:8px;color:var(--mdc-theme-text-primary-on-background)}.mdc-radio--touch .mdc-radio__native-control{width:100%;height:100%}:host([checked]) .mdc-radio{--mdc-theme-text-icon-on-background: var(--mdc-theme-primary);border:solid 2px var(--mdc-theme-primary);background-color:var(--mdc-theme-surface-primary-highlight);font-variation-settings:"FILL" 1}:host([checked]) .mdc-radio:hover{background-color:var(--mdc-theme-surface-primary-highlight-hover)}[name=icon]::slotted(*){font-size:40px;color:var(--mdc-theme-text-icon-on-background)}[name=text]::slotted(*){color:var(--mdc-theme-text-primary-on-background);font-family:var(--mdc-typography-body1-font-family);font-size:var(--mdc-typography-body1-font-size);font-weight:var(--mdc-typography-body1-font-weight);line-height:var(--mdc-typography-body1-line-height);letter-spacing:.4px}[name=text]::slotted(*:last-child){color:var(--mdc-theme-text-secondary-on-background);font-family:var(--mdc-typography-body2-font-family);font-size:var(--mdc-typography-body2-font-size);font-weight:var(--mdc-typography-body2-font-weight);line-height:var(--mdc-typography-body2-line-height)}';
+var f = Object.defineProperty, u = Object.getOwnPropertyDescriptor, s = (a, t, e, i) => {
+  for (var o = i > 1 ? void 0 : i ? u(t, e) : t, n = a.length - 1, d; n >= 0; n--)
+    (d = a[n]) && (o = (i ? d(t, e, o) : d(o)) || o);
+  return i && o && f(t, e, o), o;
 };
-let r = class extends y {
+let r = class extends v {
   constructor() {
     super(...arguments), this.iconOnly = !1;
   }
   // Override the renderRipple method to minimally introduce the icon & text slots without overwritting the render method
   renderRipple() {
-    const a = c`<slot name="icon"></slot>`, e = this.iconOnly ? "" : c`<div><slot name="text"></slot></div>`, o = this.shouldRenderRipple ? c`<mwc-ripple
+    const a = c`<slot name="icon"></slot>`, t = this.iconOnly ? "" : c`<div><slot name="text"></slot></div>`, e = this.shouldRenderRipple ? c`<mwc-ripple
           accent
           .internalUseStateLayerCustomProperties="${this.useStateLayerCustomProperties}"
           .disabled="${this.disabled}"
         ></mwc-ripple>` : "";
-    return c`${a}${e}${o}`;
+    return c`${a}${t}${e}`;
   }
 };
 r.styles = [
   p,
-  l`
-      ${h(g)}
+  m`
+      ${l(g)}
     `
 ];
 s([
-  v({ type: Boolean })
+  y({ type: Boolean })
 ], r.prototype, "iconOnly", 2);
 r = s([
-  m("cv-radio-icon")
+  h("cv-radio-icon")
 ], r);
 const _ = r;
 export {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@covalent/components",
-  "version": "11.1.0",
+  "version": "11.1.1",
   "description": "a catalog of material components for covalent",
   "main": "./index.js",
   "module": "./index.mjs",