{"version":3,"names":["zdsDividerCss","ZdsDividerStyle0","ZdsDivider","render","h","key","class"],"sources":["../src/components/zds-divider/zds-divider.scss?tag=zds-divider&encapsulation=shadow","../src/components/zds-divider/zds-divider.tsx"],"sourcesContent":["@import '../../../../design-tokens/dist/private/colors';\n\n:host {\n\tdisplay: block;\n\tmargin: var(--zds-space-2) 0;\n}\n\n:host([light]) {\n\t--zds-divider-color: var(--zds-divider-color-light);\n}\n\n.zds-divider {\n\tbackground-color: var(--zds-divider-color);\n\tborder-width: 0;\n\theight: 1px;\n\tmargin: 0;\n\topacity: var(--zds-divider-opacity);\n\twidth: 100%;\n}\n\n:host([vertical]) {\n\theight: 100%;\n\tmargin: 0 var(--zds-space-2);\n\twidth: 1px;\n\n\t.zds-divider {\n\t\theight: 100%;\n\t\twidth: 1px;\n\t}\n}\n","import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n\tshadow: true,\n\tstyleUrl: 'zds-divider.scss',\n\ttag: 'zds-divider',\n})\nexport class ZdsDivider {\n\t@Prop({ reflect: true }) light: boolean = false;\n\t@Prop() vertical: boolean = false;\n\n\trender() {\n\t\treturn