{"version":3,"sources":["webpack://../components/Text/src/Text.vue"],"names":[],"mappings":"AAyDA,MACA,sBAAA,CACA,gBAAA,CACA,mBAAA,CACA,wBACA,CAEA,yBACA,MACA,sBAAA,CACA,gBACA,CACA,CAGA,MACA,6BAAA,CACA,kDAAA,CACA,mCAAA,CACA,4CAAA,CACA,uEAAA,CACA,uFAAA,CACA,uBACA,CAEA,mBACA,mBACA,CAEA,qCACA,uCAAA,CACA,+CACA,CAEA,qCACA,iCAAA,CACA,0CACA,CAEA,qCACA,iCAAA,CACA,0CACA","file":"styles.css","sourcesContent":["<script>\nconst DEFAULT_SIZE = 0;\nconst MIN_SIZE = -1;\nconst MAX_SIZE = 1;\n\n/**\n * @inheritAttrs span\n * @inheritListeners span\n */\nexport default {\n\tinheritAttrs: false,\n\n\tprops: {\n\t\t/**\n\t\t * which HTML element to wrap the text with\n\t\t */\n\t\telement: {\n\t\t\ttype: String,\n\t\t\tdefault: 'p',\n\t\t\tvalidator: (element) => ['p', 'span'].includes(element),\n\t\t},\n\t\t/**\n\t\t * size of text\n\t\t */\n\t\tsize: {\n\t\t\ttype: Number,\n\t\t\tdefault: DEFAULT_SIZE,\n\t\t\tvalidator: (size) => size >= MIN_SIZE && size <= MAX_SIZE,\n\t\t},\n\t},\n\n\tcomputed: {\n\t\tstringSize() {\n\t\t\tconst minNonNegativeSize = 0;\n\t\t\tif (this.size >= minNonNegativeSize) {\n\t\t\t\treturn this.size.toString();\n\t\t\t}\n\t\t\treturn `minus-${Math.abs(this.size)}`;\n\t\t},\n\t},\n\n\trender(createElement) {\n\t\tconst { $s, stringSize, element } = this;\n\t\t/**\n\t\t * @slot text content\n\t\t */\n\t\tconst defaultSlot = this.$slots.default;\n\t\treturn createElement(element, {\n\t\t\tclass: [$s.Paragraph, $s[`size_${stringSize}`]],\n\t\t\tattrs: this.$attrs,\n\t\t\ton: this.$listeners,\n\t\t}, defaultSlot);\n\t},\n};\n</script>\n\n<style module=\"$s\">\n:root {\n\t--font-size-scale: 1.17;\n\t--font-size: 16px;\n\t--line-height: 1.5em;\n\t--line-height-scale: 0.95;\n}\n\n@media (min-width: 600px) {\n\t:root {\n\t\t--font-size-scale: 1.28;\n\t\t--font-size: 16px;\n\t}\n}\n\n/* stylelint-disable-next-line no-duplicate-selectors */\n:root {\n\t--font-step-minus-1-size: 14px;\n\t--font-step-minus-1-line-height: var(--line-height);\n\t--font-step-0-size: var(--font-size);\n\t--font-step-0-line-height: var(--line-height);\n\t--font-step-1-size: calc(var(--font-step-0-size) * var(--font-size-scale));\n\t--font-step-1-line-height: calc(var(--font-step-0-line-height) * var(--line-height-scale));\n\t--font-step-1-size: 19px; /* Override Step 1 - Calculated value was too large for body text */\n}\n\n.Paragraph {\n\tfont-family: inherit;\n}\n\n.Paragraph.size_minus-1 {\n\tfont-size: var(--font-step-minus-1-size);\n\tline-height: var(--font-ste-minus-1-line-height);\n}\n\n.Paragraph.size_0 {\n\tfont-size: var(--font-step-0-size);\n\tline-height: var(--font-step-0-line-height);\n}\n\n.Paragraph.size_1 {\n\tfont-size: var(--font-step-1-size);\n\tline-height: var(--font-step-1-line-height);\n}\n</style>\n"]}