{"version":3,"file":"styles.css","mappings":"AAmEA,gBACA,uBAGA,aAIA,kBAHA,mBAEA,mCAJA,aAGA,UAGA,CAEA,gCAKA,aAHA,aACA,OACA,sBAEA,cACA,CAEA,gBACA,eACA,+BACA,CAEA,gCAEA,eACA,CAEA,gCAEA,gBACA,CAEA,gCAEA,YACA","sources":["webpack://@square/maker/./src/components/Row/src/Row.vue"],"sourcesContent":["<template>\n\t<component\n\t\t:is=\"element\"\n\t\t:class=\"$s.Row\"\n\t\tv-bind=\"$attrs\"\n\t\tv-on=\"$listeners\"\n\t>\n\t\t<div\n\t\t\tv-if=\"$slots.prefix\"\n\t\t\t:class=\"$s.Prefix\"\n\t\t>\n\t\t\t<slot name=\"prefix\" />\n\t\t</div>\n\t\t<div\n\t\t\tv-if=\"$slots.default\"\n\t\t\t:class=\"$s.Label\"\n\t\t>\n\t\t\t<div>\n\t\t\t\t<slot />\n\t\t\t</div>\n\t\t\t<div\n\t\t\t\tv-if=\"$slots.secondary\"\n\t\t\t\t:class=\"$s.Secondary\"\n\t\t\t>\n\t\t\t\t<slot name=\"secondary\" />\n\t\t\t</div>\n\t\t</div>\n\t\t<div\n\t\t\tv-if=\"$slots.side\"\n\t\t\t:class=\"$s.Side\"\n\t\t>\n\t\t\t<div>\n\t\t\t\t<slot name=\"side\" />\n\t\t\t</div>\n\t\t\t<div\n\t\t\t\tv-if=\"$slots['side-secondary']\"\n\t\t\t\t:class=\"$s.Secondary\"\n\t\t\t>\n\t\t\t\t<slot name=\"side-secondary\" />\n\t\t\t</div>\n\t\t</div>\n\t\t<div\n\t\t\tv-if=\"$slots['suffix']\"\n\t\t\t:class=\"$s.Suffix\"\n\t\t>\n\t\t\t<slot name=\"suffix\" />\n\t\t</div>\n\t</component>\n</template>\n\n<script>\nexport default {\n\tinheritAttrs: false,\n\n\tprops: {\n\t\t/**\n\t\t * topmost wrapper element around row content\n\t\t */\n\t\telement: {\n\t\t\ttype: String,\n\t\t\tdefault: 'div',\n\t\t},\n\t},\n};\n</script>\n\n<style module=\"$s\">\n.Row {\n\t--opacity-sublabel: 0.7;\n\n\tdisplay: flex;\n\tgap: 8px;\n\talign-items: center;\n\twidth: 100%;\n\tcolor: $maker-color-body;\n\tfill: currentColor;\n}\n\n.Label,\n.Side {\n\tdisplay: flex;\n\tflex: 1;\n\tflex-direction: column;\n\tgap: 4px;\n\tfont-size: 16px;\n}\n\n.Secondary {\n\tfont-size: 14px;\n\topacity: var(--opacity-sublabel);\n}\n\n.Prefix,\n.Label {\n\ttext-align: left;\n}\n\n.Side,\n.Suffix {\n\ttext-align: right;\n}\n\n.Prefix,\n.Suffix {\n\tdisplay: flex;\n}\n</style>\n"],"names":[],"sourceRoot":""}