@gsretail.com/gui-core/build/esm/core/Label/GuiLabel.styled.js

A skeleton to create your own React component library using Rollup, TypeScript, Sass and Storybook

import{__makeTemplateObject as n}from"tslib";import i from"@emotion/styled";var t,e=function(e){return i(e)(t||(t=n(["\n\n  &.gui-form-label {\n    display: inline-flex;\n    align-items: center;\n    vertical-align: middle;\n    padding: 0;\n\n    .gui-label {\n      width: 100%;\n    }\n\n    &.direction-column {\n      flex-direction: column;\n      & > div {\n        width: 100%;\n      }\n    }\n\n    &.direction-row {\n      flex-direction: row;\n    }\n\n    .textAligh-left {\n      text-align: left;\n    }\n\n    .textAligh-center {\n      text-align: center;\n    }\n\n    .textAligh-right {\n      text-align: right;\n    }\n  }\n"],["\n\n  &.gui-form-label {\n    display: inline-flex;\n    align-items: center;\n    vertical-align: middle;\n    padding: 0;\n\n    .gui-label {\n      width: 100%;\n    }\n\n    &.direction-column {\n      flex-direction: column;\n      & > div {\n        width: 100%;\n      }\n    }\n\n    &.direction-row {\n      flex-direction: row;\n    }\n\n    .textAligh-left {\n      text-align: left;\n    }\n\n    .textAligh-center {\n      text-align: center;\n    }\n\n    .textAligh-right {\n      text-align: right;\n    }\n  }\n"])))};export{e as default};