{"code":"import { html } from '@polymer/lit-element';\r\nexport default html `<style>:host{width:var(--size-main, 4rem);height:var(--size-main, 4rem);vertical-align:middle}:host{display:inline-block;vertical-align:middle}:host+span{vertical-align:middle}:host svg{display:inline-block;vertical-align:top;width:100%;height:100%}:host svg.main *{fill:var(--icon-color, var(--color-main, var(--color-purple, #693a91)))}:host svg.alt *{fill:var(--icon-color, var(--color-alt, var(--color-orange, #ff791f)))}:host svg.text *{fill:var(--icon-color, var(--color-text, var(--color-grey-900, #443750)))}:host svg.white *{fill:var(--icon-color, var(--color-white, #fff))}:host svg.grey-50 *{fill:var(--icon-color, var(--color-grey-50, #f8f8ff))}:host svg.grey-100 *{fill:var(--icon-color, var(--color-grey-100, #f5f5f5))}:host svg.grey-200 *{fill:var(--icon-color, var(--color-grey-200, #eae3f0))}:host svg.grey-300 *{fill:var(--icon-color, var(--color-grey-300, #bda9cf))}:host svg.grey-400 *{fill:var(--icon-color, var(--color-grey-400, #bbb))}:host svg.grey-500 *{fill:var(--icon-color, var(--color-grey-500, #999))}:host svg.grey-600 *{fill:var(--icon-color, var(--color-grey-600, #777))}:host svg.grey-700 *{fill:var(--icon-color, var(--color-grey-700, #666))}:host svg.grey-800 *{fill:var(--icon-color, var(--color-grey-800, #555))}:host svg.grey-900 *{fill:var(--icon-color, var(--color-grey-900, #443750))}:host svg.black *{fill:var(--icon-color, var(--color-black, #3e3e3e))}:host svg.error *{fill:var(--icon-color, var(--color-error, var(--color-red, #ff5554)))}:host svg g{width:100%;height:100%}:host([size=\"tiny\"]){width:var(--size-tiny, 1rem);height:var(--size-tiny, 1rem)}:host([size=\"small\"]){width:var(--size-small, 2rem);height:var(--size-small, 2rem)}:host([size=\"medium\"]){width:var(--size-medium, 3rem);height:var(--size-medium, 3rem)}:host([size=\"main\"]){width:var(--size-main, 4rem);height:var(--size-main, 4rem)}:host([size=\"large\"]){width:var(--size-large, 6rem);height:var(--size-large, 6rem)}:host([size=\"huge\"]){width:var(--size-huge, 8rem);height:var(--size-huge, 8rem)}:host([size=\"super\"]){width:var(--size-super, 12rem);height:var(--size-super, 12rem)}:host([size=\"hero\"]){width:var(--size-hero, 24rem);height:var(--size-hero, 24rem)}\n</style>`;\r\n","dts":{"name":"/Users/tristanmatthias/projects/origami/zen/components/Icon/icon-css.d.ts","text":"import { TemplateResult } from 'lit-html';\r\ndeclare const _default: TemplateResult;\r\nexport default _default;\r\n"}}
