@vue-material/core
Version:
Yet another 'Material Design Components' library for Vue3.
37 lines (36 loc) • 2.09 kB
JavaScript
import $i from "../../attach-styles.js";
$i(".md-icon-button[variant=filled] .md-action-indicator{background:var(--surface-container-highest);color:var(--primary)}.md-icon-button[variant=tonal] .md-action-indicator{background:var(--surface-container-highest);color:var(--on-surface-variant)}.md-icon-button[variant=outlined] .md-action-indicator{background:transparent;box-shadow:0 0 0 1px var(--outline);color:var(--on-surface-variant)}.md-icon-button[variant=standard] .md-action-indicator{background:transparent;color:var(--on-surface-variant)}.md-icon-button[variant=filled][selected] .md-action-indicator{background:var(--primary);color:var(--on-primary)}.md-icon-button[variant=tonal][selected] .md-action-indicator{background:var(--secondary-container);color:var(--on-secondary-container)}.md-icon-button[variant=outlined][selected] .md-action-indicator{background:var(--inverse-surface);color:var(--inverse-on-surface);box-shadow:none}.md-icon-button[variant=standard][selected] .md-action-indicator{color:var(--primary)}", "dade3e86");
import { defineComponent, openBlock, createBlock, withCtx, createVNode, normalizeStyle, unref } from "vue";
import { getCSSValue } from "../../utils/css/sizes.js";
import _sfc_main$2 from "../Misc/hybrid-icon.vue.js";
import _sfc_main$1 from "../Misc/action.vue.js";
const _sfc_main = /* @__PURE__ */ defineComponent({
...{ name: "MdIconButton" },
__name: "icon-button",
props: {
size: {},
selected: { type: Boolean },
icon: {},
variant: {}
},
setup(__props) {
return (_ctx, _cache) => {
return openBlock(), createBlock(_sfc_main$1, {
class: "md-icon-button",
selected: _ctx.selected || void 0,
variant: _ctx.variant
}, {
default: withCtx(() => [
createVNode(_sfc_main$2, {
icon: _ctx.icon,
style: normalizeStyle({ fontSize: unref(getCSSValue)(_ctx.size ?? "#md", "px", "icon") })
}, null, 8, ["icon", "style"])
]),
_: 1
}, 8, ["selected", "variant"]);
};
}
});
export {
_sfc_main as default
};