wix-style-react/dist/src/FieldSet/components/Label/Label.st.css

wix-style-react

@st-import [
  --wds-field-set-label-font-line-height-tiny,
  --wds-field-set-label-font-line-height-small,

  --wds-field-set-label-font-size-tiny,
  --wds-field-set-label-font-size-small,
] from "@wix/design-system-tokens/all.st.css";

@st-import Text from "../../../Text/Text.st.css";


.root {
  -st-states: hasInlineElements, labelSize(enum(tiny, small));
  -st-extends: Text;
}

.root:hasInlineElements {
  width: max-content;
}

.root:weight(normal):labelSize(tiny) {
  font-size: var(--wds-field-set-label-font-size-tiny, 12px);
  line-height: var(--wds-field-set-label-font-line-height-tiny, 15px);
}

.root:weight(thin):labelSize(small) {
  font-size: var(--wds-field-set-label-font-size-small, 14px);
  line-height: var(--wds-field-set-label-font-line-height-small, 18px);
}

/* st-namespace-reference="../../../../../src/FieldSet/components/Label/Label.st.css" */