@withlayers/mixins 0.3.2 → 0.4.1

package/dist/index.css

@@ -1 +1 @@
-@define-mixin is-visually-hidden{border: 0; clip: rect(1px,1px,1px,1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; word-wrap: normal !important;}@define-mixin is-link-on-default{color: var(--l--theme--link--on-default--color--content--default); &:hover {color: var(--l--theme--link--on-default--color--content--hover);} &:focus-visible {color: var(--l--theme--link--on-default--color--content--focus);} &:active {color: var(--l--theme--link--on-default--color--content--active);} &:visited {color: var(--l--theme--link--on-default--color--content--visited);}}@define-mixin is-link-on-knockout{color: var(--l--theme--link--on-knockout--color--content--default); &:hover {color: var(--l--theme--link--on-knockout--color--content--hover);} &:focus-visible {color: var(--l--theme--link--on-knockout--color--content--focus);} &:active {color: var(--l--theme--link--on-knockout--color--content--active);} &:visited {color: var(--l--theme--link--on-knockout--color--content--visited);}}@define-mixin is-link-on-subtle{color: var(--l--theme--link--on-subtle--color--content--default); &:hover {color: var(--l--theme--link--on-subtle--color--content--hover);} &:focus-visible {color: var(--l--theme--link--on-subtle--color--content--focus);} &:active {color: var(--l--theme--link--on-subtle--color--content--active);} &:visited {color: var(--l--theme--link--on-subtle--color--content--visited);}}@define-mixin is-link-on-default-muted{color: var(--l--theme--link--on-default-muted--color--content--default); &:hover {color: var(--l--theme--link--on-default-muted--color--content--hover);} &:focus-visible {color: var(--l--theme--link--on-default-muted--color--content--focus);} &:active {color: var(--l--theme--link--on-default-muted--color--content--active);} &:visited {color: var(--l--theme--link--on-default-muted--color--content--visited);}}@define-mixin is-link-on-knockout-muted{color: var(--l--theme--link--on-knockout-muted--color--content--default); &:hover {color: var(--l--theme--link--on-knockout-muted--color--content--hover);} &:focus-visible {color: var(--l--theme--link--on-knockout-muted--color--content--focus);} &:active {color: var(--l--theme--link--on-knockout-muted--color--content--active);} &:visited {color: var(--l--theme--link--on-knockout-muted--color--content--visited);}}@define-mixin is-link-on-subtle-muted{color: var(--l--theme--link--on-subtle-muted--color--content--default); &:hover {color: var(--l--theme--link--on-subtle-muted--color--content--hover);} &:focus-visible {color: var(--l--theme--link--on-subtle-muted--color--content--focus);} &:active {color: var(--l--theme--link--on-subtle-muted--color--content--active);} &:visited {color: var(--l--theme--link--on-subtle-muted--color--content--visited);}}@define-mixin has-no-initial-underline{text-decoration-line: none; &:hover,&:active {text-decoration-line: underline; text-decoration-style: solid;}}@define-mixin is-style-body-md{font-family: var(--l--theme--typography--body--md--font-family); font-size: var(--l--theme--typography--body--md--font-size); font-style: var(--l--theme--typography--body--md--font-style); font-variant-caps: var(--l--theme--typography--body--md--font-variant-caps); font-weight: var(--l--theme--typography--body--md--font-weight); letter-spacing: var(--l--theme--typography--body--md--letter-spacing); line-height: var(--l--theme--typography--body--md--line-height); text-transform: var(--l--theme--typography--body--md--text-transform);}@define-mixin is-style-body-sm{font-family: var(--l--theme--typography--body--sm--font-family); font-size: var(--l--theme--typography--body--sm--font-size); font-style: var(--l--theme--typography--body--sm--font-style); font-variant-caps: var(--l--theme--typography--body--sm--font-variant-caps); font-weight: var(--l--theme--typography--body--sm--font-weight); letter-spacing: var(--l--theme--typography--body--sm--letter-spacing); line-height: var(--l--theme--typography--body--sm--line-height); text-transform: var(--l--theme--typography--body--sm--text-transform);}@define-mixin is-style-caption{font-family: var(--l--theme--typography--caption--font-family); font-size: var(--l--theme--typography--caption--font-size); font-style: var(--l--theme--typography--caption--font-style); font-variant-caps: var(--l--theme--typography--caption--font-variant-caps); font-weight: var(--l--theme--typography--caption--font-weight); letter-spacing: var(--l--theme--typography--caption--letter-spacing); line-height: var(--l--theme--typography--caption--line-height); text-transform: var(--l--theme--typography--caption--text-transform);}@define-mixin is-style-caption-attribution{font-family: var(--l--theme--typography--caption-attribution--font-family); font-size: var(--l--theme--typography--caption-attribution--font-size); font-style: var(--l--theme--typography--caption-attribution--font-style); font-variant-caps: var(--l--theme--typography--caption-attribution--font-variant-caps); font-weight: var(--l--theme--typography--caption-attribution--font-weight); letter-spacing: var(--l--theme--typography--caption-attribution--letter-spacing); line-height: var(--l--theme--typography--caption-attribution--line-height); text-transform: var(--l--theme--typography--caption-attribution--text-transform);}@define-mixin is-style-code{font-family: var(--l--theme--typography--code--font-family); font-size: var(--l--theme--typography--code--font-size); font-style: var(--l--theme--typography--code--font-style); font-variant-caps: var(--l--theme--typography--code--font-variant-caps); font-weight: var(--l--theme--typography--code--font-weight); letter-spacing: var(--l--theme--typography--code--letter-spacing); line-height: var(--l--theme--typography--code--line-height); text-transform: var(--l--theme--typography--code--text-transform);}@define-mixin is-style-h1{font-family: var(--l--theme--typography--h1--font-family); font-size: var(--l--theme--typography--h1--font-size); font-style: var(--l--theme--typography--h1--font-style); font-variant-caps: var(--l--theme--typography--h1--font-variant-caps); font-weight: var(--l--theme--typography--h1--font-weight); letter-spacing: var(--l--theme--typography--h1--letter-spacing); line-height: var(--l--theme--typography--h1--line-height); text-transform: var(--l--theme--typography--h1--text-transform);}@define-mixin is-style-h2{font-family: var(--l--theme--typography--h2--font-family); font-size: var(--l--theme--typography--h2--font-size); font-style: var(--l--theme--typography--h2--font-style); font-variant-caps: var(--l--theme--typography--h2--font-variant-caps); font-weight: var(--l--theme--typography--h2--font-weight); letter-spacing: var(--l--theme--typography--h2--letter-spacing); line-height: var(--l--theme--typography--h2--line-height); text-transform: var(--l--theme--typography--h2--text-transform);}@define-mixin is-style-h3{font-family: var(--l--theme--typography--h3--font-family); font-size: var(--l--theme--typography--h3--font-size); font-style: var(--l--theme--typography--h3--font-style); font-variant-caps: var(--l--theme--typography--h3--font-variant-caps); font-weight: var(--l--theme--typography--h3--font-weight); letter-spacing: var(--l--theme--typography--h3--letter-spacing); line-height: var(--l--theme--typography--h3--line-height); text-transform: var(--l--theme--typography--h3--text-transform);}@define-mixin is-style-h4{font-family: var(--l--theme--typography--h4--font-family); font-size: var(--l--theme--typography--h4--font-size); font-style: var(--l--theme--typography--h4--font-style); font-variant-caps: var(--l--theme--typography--h4--font-variant-caps); font-weight: var(--l--theme--typography--h4--font-weight); letter-spacing: var(--l--theme--typography--h4--letter-spacing); line-height: var(--l--theme--typography--h4--line-height); text-transform: var(--l--theme--typography--h4--text-transform);}@define-mixin is-style-h5{font-family: var(--l--theme--typography--h5--font-family); font-size: var(--l--theme--typography--h5--font-size); font-style: var(--l--theme--typography--h5--font-style); font-variant-caps: var(--l--theme--typography--h5--font-variant-caps); font-weight: var(--l--theme--typography--h5--font-weight); letter-spacing: var(--l--theme--typography--h5--letter-spacing); line-height: var(--l--theme--typography--h5--line-height); text-transform: var(--l--theme--typography--h5--text-transform);}@define-mixin is-style-h6{font-family: var(--l--theme--typography--h6--font-family); font-size: var(--l--theme--typography--h6--font-size); font-style: var(--l--theme--typography--h6--font-style); font-variant-caps: var(--l--theme--typography--h6--font-variant-caps); font-weight: var(--l--theme--typography--h6--font-weight); letter-spacing: var(--l--theme--typography--h6--letter-spacing); line-height: var(--l--theme--typography--h6--line-height); text-transform: var(--l--theme--typography--h6--text-transform);}@define-mixin is-style-overline{font-family: var(--l--theme--typography--overline--font-family); font-size: var(--l--theme--typography--overline--font-size); font-style: var(--l--theme--typography--overline--font-style); font-variant-caps: var(--l--theme--typography--overline--font-variant-caps); font-weight: var(--l--theme--typography--overline--font-weight); letter-spacing: var(--l--theme--typography--overline--letter-spacing); line-height: var(--l--theme--typography--overline--line-height); text-transform: var(--l--theme--typography--overline--text-transform);}@define-mixin is-style-subhead{font-family: var(--l--theme--typography--subhead--font-family); font-size: var(--l--theme--typography--subhead--font-size); font-style: var(--l--theme--typography--subhead--font-style); font-variant-caps: var(--l--theme--typography--subhead--font-variant-caps); font-weight: var(--l--theme--typography--subhead--font-weight); letter-spacing: var(--l--theme--typography--subhead--letter-spacing); line-height: var(--l--theme--typography--subhead--line-height); text-transform: var(--l--theme--typography--subhead--text-transform);}
+@define-mixin is-visually-hidden{border: 0; clip: rect(1px,1px,1px,1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; word-wrap: normal !important;}@define-mixin button-core{appearance: none; border-style: var(--l--theme--button--border--style);}@define-mixin button-shape-xs{border-radius: var(--l--theme--button--border--radius--xs); border-width: var(--l--theme--button--border--width--xs); padding-block: var(--l--theme--button--space--inner--block--xs); padding-inline: var(--l--theme--button--space--inner--inline--xs);}@define-mixin button-shape-sm{border-radius: var(--l--theme--button--border--radius--sm); border-width: var(--l--theme--button--border--width--sm); padding-block: var(--l--theme--button--space--inner--block--sm); padding-inline: var(--l--theme--button--space--inner--inline--sm);}@define-mixin button-shape-md{border-radius: var(--l--theme--button--border--radius--md); border-width: var(--l--theme--button--border--width--md); padding-block: var(--l--theme--button--space--inner--block--md); padding-inline: var(--l--theme--button--space--inner--inline--md);}@define-mixin button-shape-lg{border-radius: var(--l--theme--button--border--radius--lg); border-width: var(--l--theme--button--border--width--lg); padding-block: var(--l--theme--button--space--inner--block--lg); padding-inline: var(--l--theme--button--space--inner--inline--lg);}@define-mixin button-typography-xs{font-family: var(--l--theme--button--typography--font-family--xs); font-size: var(--l--theme--button--typography--font-size--xs); font-style: var(--l--theme--button--typography--font-style--xs); font-variant-caps: var(--l--theme--button--typography--font-variant-caps--xs); font-weight: var(--l--theme--button--typography--font-weight--xs); letter-spacing: var(--l--theme--button--typography--letter-spacing--xs); line-height: var(--l--theme--button--typography--line-height--xs); text-transform: var(--l--theme--button--typography--text-transform--xs);}@define-mixin button-typography-sm{font-family: var(--l--theme--button--typography--font-family--sm); font-size: var(--l--theme--button--typography--font-size--sm); font-style: var(--l--theme--button--typography--font-style--sm); font-variant-caps: var(--l--theme--button--typography--font-variant-caps--sm); font-weight: var(--l--theme--button--typography--font-weight--sm); letter-spacing: var(--l--theme--button--typography--letter-spacing--sm); line-height: var(--l--theme--button--typography--line-height--sm); text-transform: var(--l--theme--button--typography--text-transform--sm);}@define-mixin button-typography-md{font-family: var(--l--theme--button--typography--font-family--md); font-size: var(--l--theme--button--typography--font-size--md); font-style: var(--l--theme--button--typography--font-style--md); font-variant-caps: var(--l--theme--button--typography--font-variant-caps--md); font-weight: var(--l--theme--button--typography--font-weight--md); letter-spacing: var(--l--theme--button--typography--letter-spacing--md); line-height: var(--l--theme--button--typography--line-height--md); text-transform: var(--l--theme--button--typography--text-transform--md);}@define-mixin button-typography-lg{font-family: var(--l--theme--button--typography--font-family--lg); font-size: var(--l--theme--button--typography--font-size--lg); font-style: var(--l--theme--button--typography--font-style--lg); font-variant-caps: var(--l--theme--button--typography--font-variant-caps--lg); font-weight: var(--l--theme--button--typography--font-weight--lg); letter-spacing: var(--l--theme--button--typography--letter-spacing--lg); line-height: var(--l--theme--button--typography--line-height--lg); text-transform: var(--l--theme--button--typography--text-transform--lg);}@define-mixin button-color-primary{background-color: var(--l--theme--button--color--background--primary--on-default--rest); border-color: var(--l--theme--button--color--border--primary--on-default--rest); color: var(--l--theme--button--color--content--primary--on-default--rest); &:active {background-color: var(--l--theme--button--color--background--primary--on-default--active); border-color: var(--l--theme--button--color--border--primary--on-default--active); color: var(--l--theme--button--color--content--primary--on-default--active);} &:focus-visible {background-color: var(--l--theme--button--color--background--primary--on-default--focus); border-color: var(--l--theme--button--color--border--primary--on-default--focus); color: var(--l--theme--button--color--content--primary--on-default--focus);} &:hover {background-color: var(--l--theme--button--color--background--primary--on-default--hover); border-color: var(--l--theme--button--color--border--primary--on-default--hover); color: var(--l--theme--button--color--content--primary--on-default--hover);} &:disabled {background-color: var(--l--theme--button--color--background--primary--on-default--disabled); border-color: var(--l--theme--button--color--border--primary--on-default--disabled); color: var(--l--theme--button--color--content--primary--on-default--disabled);}}@define-mixin button-color-secondary{background-color: var(--l--theme--button--color--background--secondary--on-default--rest); border-color: var(--l--theme--button--color--border--secondary--on-default--rest); color: var(--l--theme--button--color--content--secondary--on-default--rest); &:active {background-color: var(--l--theme--button--color--background--secondary--on-default--active); border-color: var(--l--theme--button--color--border--secondary--on-default--active); color: var(--l--theme--button--color--content--secondary--on-default--active);} &:focus-visible {background-color: var(--l--theme--button--color--background--secondary--on-default--focus); border-color: var(--l--theme--button--color--border--secondary--on-default--focus); color: var(--l--theme--button--color--content--secondary--on-default--focus);} &:hover {background-color: var(--l--theme--button--color--background--secondary--on-default--hover); border-color: var(--l--theme--button--color--border--secondary--on-default--hover); color: var(--l--theme--button--color--content--secondary--on-default--hover);} &:disabled {background-color: var(--l--theme--button--color--background--secondary--on-default--disabled); border-color: var(--l--theme--button--color--border--secondary--on-default--disabled); color: var(--l--theme--button--color--content--secondary--on-default--disabled);}}@define-mixin button-color-tertiary{background-color: var(--l--theme--button--color--background--tertiary--on-default--rest); border-color: var(--l--theme--button--color--border--tertiary--on-default--rest); color: var(--l--theme--button--color--content--tertiary--on-default--rest); &:active {background-color: var(--l--theme--button--color--background--tertiary--on-default--active); border-color: var(--l--theme--button--color--border--tertiary--on-default--active); color: var(--l--theme--button--color--content--tertiary--on-default--active);} &:focus-visible {background-color: var(--l--theme--button--color--background--tertiary--on-default--focus); border-color: var(--l--theme--button--color--border--tertiary--on-default--focus); color: var(--l--theme--button--color--content--tertiary--on-default--focus);} &:hover {background-color: var(--l--theme--button--color--background--tertiary--on-default--hover); border-color: var(--l--theme--button--color--border--tertiary--on-default--hover); color: var(--l--theme--button--color--content--tertiary--on-default--hover);} &:disabled {background-color: var(--l--theme--button--color--background--tertiary--on-default--disabled); border-color: var(--l--theme--button--color--border--tertiary--on-default--disabled); color: var(--l--theme--button--color--content--tertiary--on-default--disabled);}}@define-mixin button-color-destructive{background-color: var(--l--theme--button--color--background--destructive--on-default--rest); border-color: var(--l--theme--button--color--border--destructive--on-default--rest); color: var(--l--theme--button--color--content--destructive--on-default--rest); &:active {background-color: var(--l--theme--button--color--background--destructive--on-default--active); border-color: var(--l--theme--button--color--border--destructive--on-default--active); color: var(--l--theme--button--color--content--destructive--on-default--active);} &:focus-visible {background-color: var(--l--theme--button--color--background--destructive--on-default--focus); border-color: var(--l--theme--button--color--border--destructive--on-default--focus); color: var(--l--theme--button--color--content--destructive--on-default--focus);} &:hover {background-color: var(--l--theme--button--color--background--destructive--on-default--hover); border-color: var(--l--theme--button--color--border--destructive--on-default--hover); color: var(--l--theme--button--color--content--destructive--on-default--hover);} &:disabled {background-color: var(--l--theme--button--color--background--destructive--on-default--disabled); border-color: var(--l--theme--button--color--border--destructive--on-default--disabled); color: var(--l--theme--button--color--content--destructive--on-default--disabled);}}@define-mixin is-link-color-content-primary{color: var(--l--theme--link--color--content--primary--on-default--rest); &:hover {color: var(--l--theme--link--color--content--primary--on-default--hover);} &:focus-visible {color: var(--l--theme--link--color--content--primary--on-default--focus);} &:active {color: var(--l--theme--link--color--content--primary--on-default--active);} &:visited {color: var(--l--theme--link--color--content--primary--on-default--visited);}}@define-mixin is-color-code{background-color: var(--l--theme--color--code--background--on-default); color: var(--l--theme--color--code--content--on-default);}@define-mixin has-no-initial-underline{text-decoration-line: none; &:hover,&:active {text-decoration-line: underline; text-decoration-style: solid;}}@define-mixin is-typography-body-sm{font-family: var(--l--theme--typography--body--font-family--sm); font-size: var(--l--theme--typography--body--font-size--sm); font-style: var(--l--theme--typography--body--font-style--sm); font-variant-caps: var(--l--theme--typography--body--font-variant-caps--sm); font-weight: var(--l--theme--typography--body--font-weight--sm); letter-spacing: var(--l--theme--typography--body--letter-spacing--sm); line-height: var(--l--theme--typography--body--line-height--sm); text-transform: var(--l--theme--typography--body--text-transform--sm);}@define-mixin is-typography-body-md{font-family: var(--l--theme--typography--body--font-family--md); font-size: var(--l--theme--typography--body--font-size--md); font-style: var(--l--theme--typography--body--font-style--md); font-variant-caps: var(--l--theme--typography--body--font-variant-caps--md); font-weight: var(--l--theme--typography--body--font-weight--md); letter-spacing: var(--l--theme--typography--body--letter-spacing--md); line-height: var(--l--theme--typography--body--line-height--md); text-transform: var(--l--theme--typography--body--text-transform--md);}@define-mixin is-typography-body-lg{font-family: var(--l--theme--typography--body--font-family--lg); font-size: var(--l--theme--typography--body--font-size--lg); font-style: var(--l--theme--typography--body--font-style--lg); font-variant-caps: var(--l--theme--typography--body--font-variant-caps--lg); font-weight: var(--l--theme--typography--body--font-weight--lg); letter-spacing: var(--l--theme--typography--body--letter-spacing--lg); line-height: var(--l--theme--typography--body--line-height--lg); text-transform: var(--l--theme--typography--body--text-transform--lg);}@define-mixin is-typography-blockquote{font-family: var(--l--theme--blockquote--typography--font-family); font-size: var(--l--theme--blockquote--typography--font-size); font-style: var(--l--theme--blockquote--typography--font-style); font-variant-caps: var(--l--theme--blockquote--typography--font-variant-caps); font-weight: var(--l--theme--blockquote--typography--font-weight); letter-spacing: var(--l--theme--blockquote--typography--letter-spacing); line-height: var(--l--theme--blockquote--typography--line-height); text-transform: var(--l--theme--blockquote--typography--text-transform);}@define-mixin is-typography-caption{font-family: var(--l--theme--typography--caption--font-family); font-size: var(--l--theme--typography--caption--font-size); font-style: var(--l--theme--typography--caption--font-style); font-variant-caps: var(--l--theme--typography--caption--font-variant-caps); font-weight: var(--l--theme--typography--caption--font-weight); letter-spacing: var(--l--theme--typography--caption--letter-spacing); line-height: var(--l--theme--typography--caption--line-height); text-transform: var(--l--theme--typography--caption--text-transform);}@define-mixin is-typography-caption-attribution{font-family: var(--l--theme--typography--caption-attribution--font-family); font-size: var(--l--theme--typography--caption-attribution--font-size); font-style: var(--l--theme--typography--caption-attribution--font-style); font-variant-caps: var(--l--theme--typography--caption-attribution--font-variant-caps); font-weight: var(--l--theme--typography--caption-attribution--font-weight); letter-spacing: var(--l--theme--typography--caption-attribution--letter-spacing); line-height: var(--l--theme--typography--caption-attribution--line-height); text-transform: var(--l--theme--typography--caption-attribution--text-transform);}@define-mixin is-typography-code{font-family: var(--l--theme--typography--code--font-family); font-size: var(--l--theme--typography--code--font-size); font-style: var(--l--theme--typography--code--font-style); font-variant-caps: var(--l--theme--typography--code--font-variant-caps); font-weight: var(--l--theme--typography--code--font-weight); letter-spacing: var(--l--theme--typography--code--letter-spacing); line-height: var(--l--theme--typography--code--line-height); text-transform: var(--l--theme--typography--code--text-transform);}@define-mixin is-typography-heading-l1{font-family: var(--l--theme--typography--heading--font-family--l1); font-size: var(--l--theme--typography--heading--font-size--l1); font-style: var(--l--theme--typography--heading--font-style--l1); font-variant-caps: var(--l--theme--typography--heading--font-variant-caps--l1); font-weight: var(--l--theme--typography--heading--font-weight--l1); letter-spacing: var(--l--theme--typography--heading--letter-spacing--l1); line-height: var(--l--theme--typography--heading--line-height--l1); text-transform: var(--l--theme--typography--heading--text-transform--l1);}@define-mixin is-typography-heading-l2{font-family: var(--l--theme--typography--heading--font-family--l2); font-size: var(--l--theme--typography--heading--font-size--l2); font-style: var(--l--theme--typography--heading--font-style--l2); font-variant-caps: var(--l--theme--typography--heading--font-variant-caps--l2); font-weight: var(--l--theme--typography--heading--font-weight--l2); letter-spacing: var(--l--theme--typography--heading--letter-spacing--l2); line-height: var(--l--theme--typography--heading--line-height--l2); text-transform: var(--l--theme--typography--heading--text-transform--l2);}@define-mixin is-typography-heading-l3{font-family: var(--l--theme--typography--heading--font-family--l3); font-size: var(--l--theme--typography--heading--font-size--l3); font-style: var(--l--theme--typography--heading--font-style--l3); font-variant-caps: var(--l--theme--typography--heading--font-variant-caps--l3); font-weight: var(--l--theme--typography--heading--font-weight--l3); letter-spacing: var(--l--theme--typography--heading--letter-spacing--l3); line-height: var(--l--theme--typography--heading--line-height--l3); text-transform: var(--l--theme--typography--heading--text-transform--l3);}@define-mixin is-typography-heading-l4{font-family: var(--l--theme--typography--heading--font-family--l4); font-size: var(--l--theme--typography--heading--font-size--l4); font-style: var(--l--theme--typography--heading--font-style--l4); font-variant-caps: var(--l--theme--typography--heading--font-variant-caps--l4); font-weight: var(--l--theme--typography--heading--font-weight--l4); letter-spacing: var(--l--theme--typography--heading--letter-spacing--l4); line-height: var(--l--theme--typography--heading--line-height--l4); text-transform: var(--l--theme--typography--heading--text-transform--l4);}@define-mixin is-typography-heading-l5{font-family: var(--l--theme--typography--heading--font-family--l5); font-size: var(--l--theme--typography--heading--font-size--l5); font-style: var(--l--theme--typography--heading--font-style--l5); font-variant-caps: var(--l--theme--typography--heading--font-variant-caps--l5); font-weight: var(--l--theme--typography--heading--font-weight--l5); letter-spacing: var(--l--theme--typography--heading--letter-spacing--l5); line-height: var(--l--theme--typography--heading--line-height--l5); text-transform: var(--l--theme--typography--heading--text-transform--l5);}@define-mixin is-typography-heading-l6{font-family: var(--l--theme--typography--heading--font-family--l6); font-size: var(--l--theme--typography--heading--font-size--l6); font-style: var(--l--theme--typography--heading--font-style--l6); font-variant-caps: var(--l--theme--typography--heading--font-variant-caps--l6); font-weight: var(--l--theme--typography--heading--font-weight--l6); letter-spacing: var(--l--theme--typography--heading--letter-spacing--l6); line-height: var(--l--theme--typography--heading--line-height--l6); text-transform: var(--l--theme--typography--heading--text-transform--l6);}@define-mixin is-typography-overline{font-family: var(--l--theme--typography--overline--font-family); font-size: var(--l--theme--typography--overline--font-size); font-style: var(--l--theme--typography--overline--font-style); font-variant-caps: var(--l--theme--typography--overline--font-variant-caps); font-weight: var(--l--theme--typography--overline--font-weight); letter-spacing: var(--l--theme--typography--overline--letter-spacing); line-height: var(--l--theme--typography--overline--line-height); text-transform: var(--l--theme--typography--overline--text-transform);}@define-mixin is-typography-subhead{font-family: var(--l--theme--typography--subhead--font-family); font-size: var(--l--theme--typography--subhead--font-size); font-style: var(--l--theme--typography--subhead--font-style); font-variant-caps: var(--l--theme--typography--subhead--font-variant-caps); font-weight: var(--l--theme--typography--subhead--font-weight); letter-spacing: var(--l--theme--typography--subhead--letter-spacing); line-height: var(--l--theme--typography--subhead--line-height); text-transform: var(--l--theme--typography--subhead--text-transform);}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@withlayers/mixins",
-  "version": "0.3.2",
+  "version": "0.4.1",
   "description": "Mixins layer",
   "license": "MIT",
   "author": "Dmitry Mayorov",
@@ -19,6 +19,6 @@
     "lint:css:fix": "stylelint \"src/**/*.css\" --fix"
   },
   "dependencies": {
-    "@withlayers/tokens": "0.7.0"
+    "@withlayers/tokens": "0.8.1"
   }
 }