export interface ClassNames { readonly root: 'root'; /** * ```css * margin: -.75rem * ``` */ readonly M12: '-m-12'; /** * ```css * margin: -1rem * ``` */ readonly M16: '-m-16'; /** * ```css * margin: -.125rem * ``` */ readonly M2: '-m-2'; /** * ```css * margin: -1.5rem * ``` */ readonly M24: '-m-24'; /** * ```css * margin: -2rem * ``` */ readonly M32: '-m-32'; /** * ```css * margin: -.25rem * ``` */ readonly M4: '-m-4'; /** * ```css * margin: -3rem * ``` */ readonly M48: '-m-48'; /** * ```css * margin: -4rem * ``` */ readonly M64: '-m-64'; /** * ```css * margin: -.5rem * ``` */ readonly M8: '-m-8'; /** * ```css * margin-bottom: -.75rem * ``` */ readonly Mb12: '-mb-12'; /** * ```css * margin-bottom: -1rem * ``` */ readonly Mb16: '-mb-16'; /** * ```css * margin-bottom: -.125rem * ``` */ readonly Mb2: '-mb-2'; /** * ```css * margin-bottom: -1.5rem * ``` */ readonly Mb24: '-mb-24'; /** * ```css * margin-bottom: -2rem * ``` */ readonly Mb32: '-mb-32'; /** * ```css * margin-bottom: -.25rem * ``` */ readonly Mb4: '-mb-4'; /** * ```css * margin-bottom: -3rem * ``` */ readonly Mb48: '-mb-48'; /** * ```css * margin-bottom: -4rem * ``` */ readonly Mb64: '-mb-64'; /** * ```css * margin-bottom: -.5rem * ``` */ readonly Mb8: '-mb-8'; /** * ```css * margin-inline-start: -.75rem * ``` */ readonly Ml12: '-ml-12'; /** * ```css * margin-inline-start: -1rem * ``` */ readonly Ml16: '-ml-16'; /** * ```css * margin-inline-start: -.125rem * ``` */ readonly Ml2: '-ml-2'; /** * ```css * margin-inline-start: -1.5rem * ``` */ readonly Ml24: '-ml-24'; /** * ```css * margin-inline-start: -2rem * ``` */ readonly Ml32: '-ml-32'; /** * ```css * margin-inline-start: -.25rem * ``` */ readonly Ml4: '-ml-4'; /** * ```css * margin-inline-start: -3rem * ``` */ readonly Ml48: '-ml-48'; /** * ```css * margin-inline-start: -4rem * ``` */ readonly Ml64: '-ml-64'; /** * ```css * margin-inline-start: -.5rem * ``` */ readonly Ml8: '-ml-8'; /** * ```css * margin-inline-end: -.75rem * ``` */ readonly Mr12: '-mr-12'; /** * ```css * margin-inline-end: -1rem * ``` */ readonly Mr16: '-mr-16'; /** * ```css * margin-inline-end: -.125rem * ``` */ readonly Mr2: '-mr-2'; /** * ```css * margin-inline-end: -1.5rem * ``` */ readonly Mr24: '-mr-24'; /** * ```css * margin-inline-end: -2rem * ``` */ readonly Mr32: '-mr-32'; /** * ```css * margin-inline-end: -.25rem * ``` */ readonly Mr4: '-mr-4'; /** * ```css * margin-inline-end: -3rem * ``` */ readonly Mr48: '-mr-48'; /** * ```css * margin-inline-end: -4rem * ``` */ readonly Mr64: '-mr-64'; /** * ```css * margin-inline-end: -.5rem * ``` */ readonly Mr8: '-mr-8'; /** * ```css * margin-top: -.75rem * ``` */ readonly Mt12: '-mt-12'; /** * ```css * margin-top: -1rem * ``` */ readonly Mt16: '-mt-16'; /** * ```css * margin-top: -.125rem * ``` */ readonly Mt2: '-mt-2'; /** * ```css * margin-top: -1.5rem * ``` */ readonly Mt24: '-mt-24'; /** * ```css * margin-top: -2rem * ``` */ readonly Mt32: '-mt-32'; /** * ```css * margin-top: -.25rem * ``` */ readonly Mt4: '-mt-4'; /** * ```css * margin-top: -3rem * ``` */ readonly Mt48: '-mt-48'; /** * ```css * margin-top: -4rem * ``` */ readonly Mt64: '-mt-64'; /** * ```css * margin-top: -.5rem * ``` */ readonly Mt8: '-mt-8'; /** * ```css * margin-inline-end: -.75rem * margin-inline-start: -.75rem * ``` */ readonly Mx12: '-mx-12'; /** * ```css * margin-inline-end: -1rem * margin-inline-start: -1rem * ``` */ readonly Mx16: '-mx-16'; /** * ```css * margin-inline-end: -.125rem * margin-inline-start: -.125rem * ``` */ readonly Mx2: '-mx-2'; /** * ```css * margin-inline-end: -1.5rem * margin-inline-start: -1.5rem * ``` */ readonly Mx24: '-mx-24'; /** * ```css * margin-inline-end: -2rem * margin-inline-start: -2rem * ``` */ readonly Mx32: '-mx-32'; /** * ```css * margin-inline-end: -.25rem * margin-inline-start: -.25rem * ``` */ readonly Mx4: '-mx-4'; /** * ```css * margin-inline-end: -3rem * margin-inline-start: -3rem * ``` */ readonly Mx48: '-mx-48'; /** * ```css * margin-inline-end: -4rem * margin-inline-start: -4rem * ``` */ readonly Mx64: '-mx-64'; /** * ```css * margin-inline-end: -.5rem * margin-inline-start: -.5rem * ``` */ readonly Mx8: '-mx-8'; /** * ```css * margin-top: -.75rem * margin-bottom: -.75rem * ``` */ readonly My12: '-my-12'; /** * ```css * margin-top: -1rem * margin-bottom: -1rem * ``` */ readonly My16: '-my-16'; /** * ```css * margin-top: -.125rem * margin-bottom: -.125rem * ``` */ readonly My2: '-my-2'; /** * ```css * margin-top: -1.5rem * margin-bottom: -1.5rem * ``` */ readonly My24: '-my-24'; /** * ```css * margin-top: -2rem * margin-bottom: -2rem * ``` */ readonly My32: '-my-32'; /** * ```css * margin-top: -.25rem * margin-bottom: -.25rem * ``` */ readonly My4: '-my-4'; /** * ```css * margin-top: -3rem * margin-bottom: -3rem * ``` */ readonly My48: '-my-48'; /** * ```css * margin-top: -4rem * margin-bottom: -4rem * ``` */ readonly My64: '-my-64'; /** * ```css * margin-top: -.5rem * margin-bottom: -.5rem * ``` */ readonly My8: '-my-8'; /** * ```css * rotate: -90deg * ``` */ readonly Rotate90: '-rotate-90'; /** * ```css * --translate-x: 0px * --translate-y: 0px * translate: calc(var(--translate-x) * var(--_v-setting-text-direction)) * var(--translate-y) * --translate-x: -50% * ``` */ readonly TranslateX1/2: '-translate-x-1/2'; /** * ```css * --translate-x: 0px * --translate-y: 0px * translate: calc(var(--translate-x) * var(--_v-setting-text-direction)) * var(--translate-y) * --translate-x: -100% * ``` */ readonly TranslateXFull: '-translate-x-full'; /** * ```css * --translate-x: 0px * --translate-y: 0px * translate: calc(var(--translate-x) * var(--_v-setting-text-direction)) * var(--translate-y) * --translate-y: -50% * ``` */ readonly TranslateY1/2: '-translate-y-1/2'; /** * ```css * --translate-x: 0px * --translate-y: 0px * translate: calc(var(--translate-x) * var(--_v-setting-text-direction)) * var(--translate-y) * --translate-y: -100% * ``` */ readonly TranslateYFull: '-translate-y-full'; /** * ```css * position: absolute * ``` */ readonly absolute: 'absolute'; /** * ```css * aspect-ratio: 1 * ``` */ readonly aspect1/1: 'aspect-1/1'; /** * ```css * aspect-ratio: 16 / 9 * ``` */ readonly aspect16/9: 'aspect-16/9'; /** * ```css * aspect-ratio: 2 / 3 * ``` */ readonly aspect2/3: 'aspect-2/3'; /** * ```css * aspect-ratio: 21 / 9 * ``` */ readonly aspect21/9: 'aspect-21/9'; /** * ```css * aspect-ratio: 3 / 2 * ``` */ readonly aspect3/2: 'aspect-3/2'; /** * ```css * aspect-ratio: 4 / 3 * ``` */ readonly aspect4/3: 'aspect-4/3'; /** * ```css * aspect-ratio: 4 / 5 * ``` */ readonly aspect4/5: 'aspect-4/5'; /** * ```css * aspect-ratio: 9 / 16 * ``` */ readonly aspect9/16: 'aspect-9/16'; /** * ```css * background-color: var(--v-color-ornament-scrim) * ``` */ readonly backdrop: 'backdrop'; /** * ```css * flex-basis: 0 * ``` */ readonly basis0: 'basis-0'; /** * ```css * flex-basis: 50% * ``` */ readonly basis1/2: 'basis-1/2'; /** * ```css * flex-basis: 1rem * ``` */ readonly basis16: 'basis-16'; /** * ```css * flex-basis: 1.5rem * ``` */ readonly basis24: 'basis-24'; /** * ```css * flex-basis: 2rem * ``` */ readonly basis32: 'basis-32'; /** * ```css * flex-basis: 2.5rem * ``` */ readonly basis40: 'basis-40'; /** * ```css * flex-basis: 3rem * ``` */ readonly basis48: 'basis-48'; /** * ```css * flex-basis: 4rem * ``` */ readonly basis64: 'basis-64'; /** * ```css * flex-basis: .5rem * ``` */ readonly basis8: 'basis-8'; /** * ```css * flex-basis: auto * ``` */ readonly basisAuto: 'basis-auto'; /** * ```css * flex-basis: 100% * ``` */ readonly basisFull: 'basis-full'; /** * ```css * flex-basis: var(--v-size-grid-lg) * ``` */ readonly basisLg: 'basis-lg'; /** * ```css * flex-basis: var(--v-size-grid-md) * ``` */ readonly basisMd: 'basis-md'; /** * ```css * flex-basis: var(--v-size-grid-sm) * ``` */ readonly basisSm: 'basis-sm'; /** * ```css * flex-basis: var(--v-size-grid-xl) * ``` */ readonly basisXl: 'basis-xl'; /** * ```css * flex-basis: var(--v-size-grid-xs) * ``` */ readonly basisXs: 'basis-xs'; /** * ```css * * ``` */ readonly bgAccentBlueMedium: 'bg-accent-blue-medium'; /** * ```css * --background-color: var(--v-color-always-black) * background-color: var(--background-color) * ``` */ readonly bgAlwaysBlack: 'bg-always-black'; /** * ```css * --background-color: var(--v-color-always-white) * background-color: var(--background-color) * ``` */ readonly bgAlwaysWhite: 'bg-always-white'; /** * ```css * --background-color: var(--v-color-background-feedback-gray) * background-color: var(--background-color) * ``` */ readonly bgFeedbackGray: 'bg-feedback-gray'; /** * ```css * --background-color: var(--v-color-background-feedback-green) * background-color: var(--background-color) * ``` */ readonly bgFeedbackGreen: 'bg-feedback-green'; /** * ```css * --background-color: var(--v-color-background-feedback-orange) * background-color: var(--background-color) * ``` */ readonly bgFeedbackOrange: 'bg-feedback-orange'; /** * ```css * --background-color: var(--v-color-background-feedback-red) * background-color: var(--background-color) * ``` */ readonly bgFeedbackRed: 'bg-feedback-red'; /** * ```css * background-color: inherit * ``` */ readonly bgInherit: 'bg-inherit'; /** * ```css * --background-color: var(--v-color-background-primary) * background-color: var(--background-color) * ``` */ readonly bgPrimary: 'bg-primary'; /** * ```css * * ``` */ readonly bgPrimarySubtle: 'bg-primary-subtle'; /** * ```css * --background-color: var(--v-color-background-secondary) * background-color: var(--background-color) * ``` */ readonly bgSecondary: 'bg-secondary'; /** * ```css * --background-color: var(--v-color-surface-accent-blue) * background-color: var(--background-color) * ``` */ readonly bgSurfaceAccentBlue: 'bg-surface-accent-blue'; /** * ```css * --background-color: var(--v-color-surface-feedback-green) * background-color: var(--background-color) * ``` */ readonly bgSurfaceFeedbackGreen: 'bg-surface-feedback-green'; /** * ```css * --background-color: var(--v-color-surface-feedback-orange) * background-color: var(--background-color) * ``` */ readonly bgSurfaceFeedbackOrange: 'bg-surface-feedback-orange'; /** * ```css * --background-color: var(--v-color-surface-feedback-red) * background-color: var(--background-color) * ``` */ readonly bgSurfaceFeedbackRed: 'bg-surface-feedback-red'; /** * ```css * --background-color: var(--v-color-surface-neutral) * background-color: var(--background-color) * ``` */ readonly bgSurfaceNeutral: 'bg-surface-neutral'; /** * ```css * background-color: #0000 * ``` */ readonly bgTransparent: 'bg-transparent'; /** * ```css * --_display-outer: block * display: var(--_display-outer) var(--_display-inner) * ``` */ readonly block: 'block'; /** * ```css * border-width: 1px * ``` */ readonly border: 'border'; /** * ```css * border-width: 0 * ``` */ readonly border0: 'border-0'; /** * ```css * border-width: 2px * ``` */ readonly border2: 'border-2'; /** * ```css * --_border-color: var(--v-color-foreground-accent-blue) * ``` */ readonly borderAccentBlue: 'border-accent-blue'; /** * ```css * --_border-color: var(--v-color-always-black) * ``` */ readonly borderAlwaysBlack: 'border-always-black'; /** * ```css * --_border-color: var(--v-color-always-white) * ``` */ readonly borderAlwaysWhite: 'border-always-white'; /** * ```css * border-bottom-width: 1px * ``` */ readonly borderB: 'border-b'; /** * ```css * border-bottom-width: 0 * ``` */ readonly borderB0: 'border-b-0'; /** * ```css * border-bottom-width: 2px * ``` */ readonly borderB2: 'border-b-2'; /** * ```css * --_border-color: var(--v-color-foreground-feedback-green) * ``` */ readonly borderFeedbackGreen: 'border-feedback-green'; /** * ```css * --_border-color: var(--v-color-foreground-feedback-orange) * ``` */ readonly borderFeedbackOrange: 'border-feedback-orange'; /** * ```css * --_border-color: var(--v-color-foreground-feedback-red) * ``` */ readonly borderFeedbackRed: 'border-feedback-red'; /** * ```css * --_border-color: inherit * ``` */ readonly borderInherit: 'border-inherit'; /** * ```css * border-inline-start-width: 1px * ``` */ readonly borderL: 'border-l'; /** * ```css * border-inline-start-width: 0 * ``` */ readonly borderL0: 'border-l-0'; /** * ```css * border-inline-start-width: 2px * ``` */ readonly borderL2: 'border-l-2'; /** * ```css * --_border-color: var(--v-color-ornament-primary) * ``` */ readonly borderOrnament: 'border-ornament'; /** * ```css * --_border-color: var(--v-color-foreground-primary) * ``` */ readonly borderPrimary: 'border-primary'; /** * ```css * border-inline-end-width: 1px * ``` */ readonly borderR: 'border-r'; /** * ```css * border-inline-end-width: 0 * ``` */ readonly borderR0: 'border-r-0'; /** * ```css * border-inline-end-width: 2px * ``` */ readonly borderR2: 'border-r-2'; /** * ```css * box-shadow: inset 0 0 0 1px * var(--_border-color, var(--v-color-ornament-primary)) * ``` */ readonly borderRing: 'border-ring'; /** * ```css * box-shadow: inset 0 0 0 2px * var(--_border-color, var(--v-color-ornament-primary)) * ``` */ readonly borderRing2: 'border-ring-2'; /** * ```css * --_border-color: var(--v-color-foreground-secondary) * ``` */ readonly borderSecondary: 'border-secondary'; /** * ```css * border-top-width: 1px * ``` */ readonly borderT: 'border-t'; /** * ```css * border-top-width: 0 * ``` */ readonly borderT0: 'border-t-0'; /** * ```css * border-top-width: 2px * ``` */ readonly borderT2: 'border-t-2'; /** * ```css * --_border-color: var(--v-color-foreground-tertiary) * ``` */ readonly borderTertiary: 'border-tertiary'; /** * ```css * --_border-color: transparent * ``` */ readonly borderTransparent: 'border-transparent'; /** * ```css * border-inline-width: 1px * ``` */ readonly borderX: 'border-x'; /** * ```css * border-inline-width: 0 * ``` */ readonly borderX0: 'border-x-0'; /** * ```css * border-inline-width: 2px * ``` */ readonly borderX2: 'border-x-2'; /** * ```css * border-block-width: 1px * ``` */ readonly borderY: 'border-y'; /** * ```css * border-block-width: 0 * ``` */ readonly borderY0: 'border-y-0'; /** * ```css * border-block-width: 2px * ``` */ readonly borderY2: 'border-y-2'; /** * ```css * bottom: 0 * ``` */ readonly bottom0: 'bottom-0'; /** * ```css * bottom: 50% * ``` */ readonly bottom1/2: 'bottom-1/2'; /** * ```css * bottom: .75rem * ``` */ readonly bottom12: 'bottom-12'; /** * ```css * bottom: 1rem * ``` */ readonly bottom16: 'bottom-16'; /** * ```css * bottom: .125rem * ``` */ readonly bottom2: 'bottom-2'; /** * ```css * bottom: 1.5rem * ``` */ readonly bottom24: 'bottom-24'; /** * ```css * bottom: 2rem * ``` */ readonly bottom32: 'bottom-32'; /** * ```css * bottom: .25rem * ``` */ readonly bottom4: 'bottom-4'; /** * ```css * bottom: 3rem * ``` */ readonly bottom48: 'bottom-48'; /** * ```css * bottom: 4rem * ``` */ readonly bottom64: 'bottom-64'; /** * ```css * bottom: .5rem * ``` */ readonly bottom8: 'bottom-8'; /** * ```css * bottom: auto * ``` */ readonly bottomAuto: 'bottom-auto'; /** * ```css * bottom: 100% * ``` */ readonly bottomFull: 'bottom-full'; /** * ```css * user-select: none * min-width: max-content * transition: background-color var(--v-transition-default) * justify-content: center * align-items: center * display: inline-flex * position: relative * max-width: 100% * height: 3rem * font-size: var(--v-font-16-size) * font-weight: var(--v-font-regular-weight) * white-space: nowrap * overflow-x: clip * --button-accent-color: var(--v-color-surface-neutral) * --_color: var(--v-color-foreground-inverted) * color: var(--_color) * background: color-mix(in hsl, * var(--button-accent-color), * var(--_color) var(--_overlay-rate)) * background: var(--button-accent-color) * --_overlay-rate: 0% * border-radius: var(--v-shape-emphasis) * --spinner-size: 1.5rem * padding-inline: var(--v-space-24) * ``` */ readonly buttonFilled: 'button-filled'; /** * ```css * gap: var(--v-space-16) * flex-wrap: wrap * display: flex * container: button-group / inline-size * ``` */ readonly buttonGroup: 'button-group'; /** * ```css * user-select: none * min-width: max-content * transition: background-color var(--v-transition-default) * justify-content: center * align-items: center * display: inline-flex * position: relative * max-width: 100% * height: 3rem * font-size: var(--v-font-16-size) * font-weight: var(--v-font-regular-weight) * white-space: nowrap * overflow-x: clip * background: color-mix(in oklab, * var(--_button-bg-color, transparent), * var(--button-accent-color) var(--_overlay-rate)) * box-shadow: inset 0 0 0 1px var(--button-accent-color) * --_overlay-rate: 0% * border-radius: var(--v-shape-emphasis) * --spinner-size: 1.5rem * padding-inline: var(--v-space-24) * --button-accent-color: var(--v-color-foreground-primary) * color: var(--button-accent-color) * ``` */ readonly buttonOutlined: 'button-outlined'; /** * ```css * user-select: none * min-width: max-content * transition: background-color var(--v-transition-default) * justify-content: center * align-items: center * display: inline-flex * position: relative * max-width: 100% * height: 3rem * font-size: var(--v-font-16-size) * font-weight: var(--v-font-regular-weight) * white-space: nowrap * overflow-x: clip * --button-accent-color: var(--v-color-foreground-primary) * color: var(--button-accent-color) * text-align: start * text-underline-offset: .125em * text-decoration-skip-ink: none * ``` */ readonly buttonText: 'button-text'; /** * ```css * text-transform: capitalize * ``` */ readonly capitalize: 'capitalize'; /** * ```css * * ``` */ readonly checkbox: 'checkbox'; /** * ```css * --_overlay-rate: 0% * --_color: var(--v-color-foreground-primary) * --spinner-size: 1rem * min-width: max-content * max-width: 100% * height: 2.5rem * padding-inline: var(--v-space-16) * font-size: var(--v-font-16-size) * line-height: var(--v-font-16-lineheight) * color: var(--_color) * white-space: nowrap * user-select: none * background-color: color-mix(in oklab, * var(--_chip-bg-color, transparent), * var(--_color) var(--_overlay-rate)) * border-radius: var(--v-shape-emphasis) * box-shadow: inset 0 0 0 1px var(--v-color-foreground-tertiary) * transition: background-color var(--v-transition-default) * justify-content: center * align-items: center * display: inline-flex * position: relative * padding-inline-end: var(--v-space-12) * ``` */ readonly chipDismissible: 'chip-dismissible'; /** * ```css * --_overlay-rate: 0% * --_color: var(--v-color-foreground-primary) * --spinner-size: 1rem * min-width: max-content * max-width: 100% * height: 2.5rem * padding-inline: var(--v-space-16) * font-size: var(--v-font-16-size) * line-height: var(--v-font-16-lineheight) * color: var(--_color) * white-space: nowrap * user-select: none * background-color: color-mix(in oklab, * var(--_chip-bg-color, transparent), * var(--_color) var(--_overlay-rate)) * border-radius: var(--v-shape-emphasis) * box-shadow: inset 0 0 0 1px var(--v-color-foreground-tertiary) * transition: background-color var(--v-transition-default) * justify-content: center * align-items: center * display: inline-flex * position: relative * ``` */ readonly chipSelectable: 'chip-selectable'; /** * ```css * grid-column: span 1 / span 1 * ``` */ readonly colSpan1: 'col-span-1'; /** * ```css * grid-column: span 2 / span 2 * ``` */ readonly colSpan2: 'col-span-2'; /** * ```css * grid-column: span 3 / span 3 * ``` */ readonly colSpan3: 'col-span-3'; /** * ```css * grid-column: span 4 / span 4 * ``` */ readonly colSpan4: 'col-span-4'; /** * ```css * grid-column: 1 / -1 * ``` */ readonly colSpanFull: 'col-span-full'; /** * ```css * contain: content * ``` */ readonly containContent: 'contain-content'; /** * ```css * contain: none * ``` */ readonly containNone: 'contain-none'; /** * ```css * --_columns-total-width: var(--v-size-grid-xl) * --_outer-margin: 0px * width: 100% * max-width: min(var(--_container-max-width, 81rem), * min(var(--v-size-grid-maxwidth), var(--_columns-total-width)) + * var(--_outer-margin)) * scroll-padding-inline: calc(var(--_outer-margin) / 2) * margin-inline: auto * container-type: inline-size * ``` */ readonly container: 'container'; /** * ```css * --_columns-total-width: var(--v-size-grid-lg) * --_outer-margin: 0px * width: 100% * max-width: min(var(--_container-max-width, 81rem), * min(var(--v-size-grid-maxwidth), var(--_columns-total-width)) + * var(--_outer-margin)) * scroll-padding-inline: calc(var(--_outer-margin) / 2) * margin-inline: auto * container-type: inline-size * ``` */ readonly containerLg: 'container-lg'; /** * ```css * --_outer-margin: 0px * width: 100% * max-width: min(var(--_container-max-width, 81rem), * min(var(--v-size-grid-maxwidth), var(--_columns-total-width)) + * var(--_outer-margin)) * scroll-padding-inline: calc(var(--_outer-margin) / 2) * margin-inline: auto * container-type: inline-size * max-width: min((100vw - var(--v-space-pagemargin) * 2) + var(--_outer-margin), * 160rem) * ``` */ readonly containerMax: 'container-max'; /** * ```css * --_columns-total-width: var(--v-size-grid-md) * --_outer-margin: 0px * width: 100% * max-width: min(var(--_container-max-width, 81rem), * min(var(--v-size-grid-maxwidth), var(--_columns-total-width)) + * var(--_outer-margin)) * scroll-padding-inline: calc(var(--_outer-margin) / 2) * margin-inline: auto * container-type: inline-size * ``` */ readonly containerMd: 'container-md'; /** * ```css * --_columns-total-width: var(--v-size-grid-sm) * --_outer-margin: 0px * width: 100% * max-width: min(var(--_container-max-width, 81rem), * min(var(--v-size-grid-maxwidth), var(--_columns-total-width)) + * var(--_outer-margin)) * scroll-padding-inline: calc(var(--_outer-margin) / 2) * margin-inline: auto * container-type: inline-size * ``` */ readonly containerSm: 'container-sm'; /** * ```css * --_columns-total-width: var(--v-size-grid-xl) * --_outer-margin: 0px * width: 100% * max-width: min(var(--_container-max-width, 81rem), * min(var(--v-size-grid-maxwidth), var(--_columns-total-width)) + * var(--_outer-margin)) * scroll-padding-inline: calc(var(--_outer-margin) / 2) * margin-inline: auto * container-type: inline-size * ``` */ readonly containerXl: 'container-xl'; /** * ```css * --_columns-total-width: var(--v-size-grid-xs) * --_outer-margin: 0px * width: 100% * max-width: min(var(--_container-max-width, 81rem), * min(var(--v-size-grid-maxwidth), var(--_columns-total-width)) + * var(--_outer-margin)) * scroll-padding-inline: calc(var(--_outer-margin) / 2) * margin-inline: auto * container-type: inline-size * ``` */ readonly containerXs: 'container-xs'; /** * ```css * display: contents * ``` */ readonly contents: 'contents'; /** * ```css * cursor: auto * ``` */ readonly cursorAuto: 'cursor-auto'; /** * ```css * cursor: pointer * ``` */ readonly cursorPointer: 'cursor-pointer'; /** * ```css * min-width: 0 * ``` */ readonly customSelect: 'custom-select'; /** * ```css * * ``` */ readonly dialogLarge: 'dialog-large'; /** * ```css * * ``` */ readonly dialogSmall: 'dialog-small'; /** * ```css * --range-thumb-width: 1.5rem * --_range-gradient-direction: to right * ``` */ readonly doubleRange: 'double-range'; /** * ```css * inset-inline-end: 0 * ``` */ readonly end0: 'end-0'; /** * ```css * inset-inline-end: 50% * ``` */ readonly end1/2: 'end-1/2'; /** * ```css * inset-inline-end: .75rem * ``` */ readonly end12: 'end-12'; /** * ```css * inset-inline-end: 1rem * ``` */ readonly end16: 'end-16'; /** * ```css * inset-inline-end: .125rem * ``` */ readonly end2: 'end-2'; /** * ```css * inset-inline-end: 1.5rem * ``` */ readonly end24: 'end-24'; /** * ```css * inset-inline-end: 2rem * ``` */ readonly end32: 'end-32'; /** * ```css * inset-inline-end: .25rem * ``` */ readonly end4: 'end-4'; /** * ```css * inset-inline-end: 3rem * ``` */ readonly end48: 'end-48'; /** * ```css * inset-inline-end: 4rem * ``` */ readonly end64: 'end-64'; /** * ```css * inset-inline-end: .5rem * ``` */ readonly end8: 'end-8'; /** * ```css * inset-inline-end: auto * ``` */ readonly endAuto: 'end-auto'; /** * ```css * inset-inline-end: 100% * ``` */ readonly endFull: 'end-full'; /** * ```css * animation: v-fade-in var(--v-transition-notable) * ``` */ readonly fadeIn: 'fade-in'; /** * ```css * animation: v-fade-out var(--v-transition-notable) * ``` */ readonly fadeOut: 'fade-out'; /** * ```css * position: fixed * ``` */ readonly fixed: 'fixed'; /** * ```css * --_display-inner: flex * display: var(--_display-outer) flex * ``` */ readonly flex: 'flex'; /** * ```css * flex: 1 * ``` */ readonly flex1: 'flex-1'; /** * ```css * --_display-inner: flex * display: var(--_display-outer) flex * flex-direction: column * ``` */ readonly flexCol: 'flex-col'; /** * ```css * --_display-inner: flex * display: var(--_display-outer) flex * flex-direction: column-reverse * ``` */ readonly flexColReverse: 'flex-col-reverse'; /** * ```css * flex-grow: 1 * ``` */ readonly flexGrow: 'flex-grow'; /** * ```css * flex-grow: 0 * ``` */ readonly flexGrow0: 'flex-grow-0'; /** * ```css * flex: none * ``` */ readonly flexNone: 'flex-none'; /** * ```css * flex-wrap: nowrap * ``` */ readonly flexNowrap: 'flex-nowrap'; /** * ```css * --_display-inner: flex * display: var(--_display-outer) flex * flex-direction: row * ``` */ readonly flexRow: 'flex-row'; /** * ```css * --_display-inner: flex * display: var(--_display-outer) flex * flex-direction: row-reverse * ``` */ readonly flexRowReverse: 'flex-row-reverse'; /** * ```css * flex-shrink: 1 * ``` */ readonly flexShrink: 'flex-shrink'; /** * ```css * flex-shrink: 0 * ``` */ readonly flexShrink0: 'flex-shrink-0'; /** * ```css * flex-wrap: wrap * ``` */ readonly flexWrap: 'flex-wrap'; /** * ```css * --_display-inner: flow-root * display: var(--_display-outer) var(--_display-inner) * ``` */ readonly flowRoot: 'flow-root'; /** * ```css * font-size: var(--v-font-14-size) * line-height: var(--v-font-14-lineheight) * ``` */ readonly font14: 'font-14'; /** * ```css * font-size: var(--v-font-16-size) * line-height: var(--v-font-16-lineheight) * ``` */ readonly font16: 'font-16'; /** * ```css * font-size: var(--v-font-20-size) * line-height: var(--v-font-20-lineheight) * ``` */ readonly font20: 'font-20'; /** * ```css * font-size: var(--v-font-24-size) * line-height: var(--v-font-24-lineheight) * ``` */ readonly font24: 'font-24'; /** * ```css * font-weight: var(--v-font-regular-weight) * ``` */ readonly fontLight: 'font-light'; /** * ```css * font-weight: var(--v-font-emphasis-weight) * ``` */ readonly fontMedium: 'font-medium'; /** * ```css * gap: 0 * ``` */ readonly gap0: 'gap-0'; /** * ```css * gap: .75rem * ``` */ readonly gap12: 'gap-12'; /** * ```css * gap: 1rem * ``` */ readonly gap16: 'gap-16'; /** * ```css * gap: .125rem * ``` */ readonly gap2: 'gap-2'; /** * ```css * gap: 1.5rem * ``` */ readonly gap24: 'gap-24'; /** * ```css * gap: 2rem * ``` */ readonly gap32: 'gap-32'; /** * ```css * gap: .25rem * ``` */ readonly gap4: 'gap-4'; /** * ```css * gap: 3rem * ``` */ readonly gap48: 'gap-48'; /** * ```css * gap: 4rem * ``` */ readonly gap64: 'gap-64'; /** * ```css * gap: .5rem * ``` */ readonly gap8: 'gap-8'; /** * ```css * gap: var(--v-space-gridded-element-gap) * ``` */ readonly gapGriddedElement: 'gap-gridded-element'; /** * ```css * column-gap: 0 * ``` */ readonly gapX0: 'gap-x-0'; /** * ```css * column-gap: .75rem * ``` */ readonly gapX12: 'gap-x-12'; /** * ```css * column-gap: 1rem * ``` */ readonly gapX16: 'gap-x-16'; /** * ```css * column-gap: .125rem * ``` */ readonly gapX2: 'gap-x-2'; /** * ```css * column-gap: 1.5rem * ``` */ readonly gapX24: 'gap-x-24'; /** * ```css * column-gap: 2rem * ``` */ readonly gapX32: 'gap-x-32'; /** * ```css * column-gap: .25rem * ``` */ readonly gapX4: 'gap-x-4'; /** * ```css * column-gap: 3rem * ``` */ readonly gapX48: 'gap-x-48'; /** * ```css * column-gap: 4rem * ``` */ readonly gapX64: 'gap-x-64'; /** * ```css * column-gap: .5rem * ``` */ readonly gapX8: 'gap-x-8'; /** * ```css * column-gap: var(--v-space-gridded-element-gap) * ``` */ readonly gapXGriddedElement: 'gap-x-gridded-element'; /** * ```css * column-gap: var(--v-space-gutter) * ``` */ readonly gapXGutter: 'gap-x-gutter'; /** * ```css * row-gap: 0 * ``` */ readonly gapY0: 'gap-y-0'; /** * ```css * row-gap: .75rem * ``` */ readonly gapY12: 'gap-y-12'; /** * ```css * row-gap: 1rem * ``` */ readonly gapY16: 'gap-y-16'; /** * ```css * row-gap: .125rem * ``` */ readonly gapY2: 'gap-y-2'; /** * ```css * row-gap: 1.5rem * ``` */ readonly gapY24: 'gap-y-24'; /** * ```css * row-gap: var(--v-space-2xl) * ``` */ readonly gapY2xl: 'gap-y-2xl'; /** * ```css * row-gap: 2rem * ``` */ readonly gapY32: 'gap-y-32'; /** * ```css * row-gap: .25rem * ``` */ readonly gapY4: 'gap-y-4'; /** * ```css * row-gap: 3rem * ``` */ readonly gapY48: 'gap-y-48'; /** * ```css * row-gap: 4rem * ``` */ readonly gapY64: 'gap-y-64'; /** * ```css * row-gap: .5rem * ``` */ readonly gapY8: 'gap-y-8'; /** * ```css * row-gap: var(--v-space-gridded-element-gap) * ``` */ readonly gapYGriddedElement: 'gap-y-gridded-element'; /** * ```css * row-gap: var(--v-space-l) * ``` */ readonly gapYL: 'gap-y-l'; /** * ```css * row-gap: var(--v-space-lg) * ``` */ readonly gapYLg: 'gap-y-lg'; /** * ```css * row-gap: var(--v-space-m) * ``` */ readonly gapYM: 'gap-y-m'; /** * ```css * row-gap: var(--v-space-md) * ``` */ readonly gapYMd: 'gap-y-md'; /** * ```css * row-gap: var(--v-space-s) * ``` */ readonly gapYS: 'gap-y-s'; /** * ```css * row-gap: var(--v-space-sm) * ``` */ readonly gapYSm: 'gap-y-sm'; /** * ```css * row-gap: var(--v-space-xl) * ``` */ readonly gapYXl: 'gap-y-xl'; /** * ```css * row-gap: var(--v-space-xs) * ``` */ readonly gapYXs: 'gap-y-xs'; /** * ```css * --_display-inner: grid * display: var(--_display-outer) grid * ``` */ readonly grid: 'grid'; /** * ```css * --_display-inner: grid * display: var(--_display-outer) grid * grid-template-columns: repeat(1, minmax(0, 1fr)) * ``` */ readonly gridCols1: 'grid-cols-1'; /** * ```css * --_display-inner: grid * display: var(--_display-outer) grid * grid-template-columns: repeat(2, minmax(0, 1fr)) * ``` */ readonly gridCols2: 'grid-cols-2'; /** * ```css * --_display-inner: grid * display: var(--_display-outer) grid * grid-template-columns: repeat(3, minmax(0, 1fr)) * ``` */ readonly gridCols3: 'grid-cols-3'; /** * ```css * --_display-inner: grid * display: var(--_display-outer) grid * grid-template-columns: repeat(4, minmax(0, 1fr)) * ``` */ readonly gridCols4: 'grid-cols-4'; /** * ```css * height: 0 * ``` */ readonly h0: 'h-0'; /** * ```css * height: 1rem * ``` */ readonly h16: 'h-16'; /** * ```css * height: 1lh * ``` */ readonly h1lh: 'h-1lh'; /** * ```css * height: 1.5rem * ``` */ readonly h24: 'h-24'; /** * ```css * height: 2rem * ``` */ readonly h32: 'h-32'; /** * ```css * height: 2.5rem * ``` */ readonly h40: 'h-40'; /** * ```css * height: 3rem * ``` */ readonly h48: 'h-48'; /** * ```css * height: 4rem * ``` */ readonly h64: 'h-64'; /** * ```css * height: .5rem * ``` */ readonly h8: 'h-8'; /** * ```css * height: auto * ``` */ readonly hAuto: 'h-auto'; /** * ```css * height: fit-content * ``` */ readonly hFit: 'h-fit'; /** * ```css * height: 100% * ``` */ readonly hFull: 'h-full'; /** * ```css * font-size: clamp(var(--v-font-heading-1-size-min), * var(--_size-override, var(--v-font-heading-1-size)), * var(--v-font-heading-1-size-max)) * font-weight: var(--v-font-heading-1-weight) * line-height: var(--v-font-heading-1-lineheight) * text-wrap: balance * ``` */ readonly heading1: 'heading-1'; /** * ```css * font-size: clamp(var(--v-font-heading-2-size-min), * var(--_size-override, var(--v-font-heading-2-size)), * var(--v-font-heading-2-size-max)) * font-weight: var(--v-font-heading-2-weight) * line-height: var(--v-font-heading-2-lineheight) * text-wrap: balance * ``` */ readonly heading2: 'heading-2'; /** * ```css * * ``` */ readonly heading3: 'heading-3'; /** * ```css * display: none * ``` */ readonly hidden: 'hidden'; /** * ```css * hyphens: auto * ``` */ readonly hyphens: 'hyphens'; /** * ```css * user-select: none * min-width: max-content * transition: background-color var(--v-transition-default) * justify-content: center * align-items: center * display: inline-flex * position: relative * background: color-mix(in oklab, * var(--_button-bg-color, transparent), * var(--button-accent-color) var(--_overlay-rate)) * --_overlay-rate: 0% * border-radius: var(--v-shape-emphasis) * --button-accent-color: var(--v-color-foreground-primary) * color: var(--button-accent-color) * border-radius: var(--v-radius-full) * flex-shrink: 0 * width: 2.5rem * height: 2.5rem * ``` */ readonly iconButtonClear: 'icon-button-clear'; /** * ```css * user-select: none * min-width: max-content * transition: background-color var(--v-transition-default) * justify-content: center * align-items: center * display: inline-flex * position: relative * --button-accent-color: var(--v-color-surface-neutral) * --_color: var(--v-color-foreground-inverted) * color: var(--_color) * background: color-mix(in hsl, * var(--button-accent-color), * var(--_color) var(--_overlay-rate)) * background: var(--button-accent-color) * --_overlay-rate: 0% * border-radius: var(--v-shape-emphasis) * border-radius: var(--v-radius-full) * flex-shrink: 0 * width: 2.5rem * height: 2.5rem * ``` */ readonly iconButtonFilled: 'icon-button-filled'; /** * ```css * user-select: none * min-width: max-content * transition: background-color var(--v-transition-default) * justify-content: center * align-items: center * display: inline-flex * position: relative * background: color-mix(in oklab, * var(--_button-bg-color, transparent), * var(--button-accent-color) var(--_overlay-rate)) * box-shadow: inset 0 0 0 1px var(--button-accent-color) * --_overlay-rate: 0% * border-radius: var(--v-shape-emphasis) * --button-accent-color: var(--v-color-foreground-primary) * color: var(--button-accent-color) * border-radius: var(--v-radius-full) * flex-shrink: 0 * width: 2.5rem * height: 2.5rem * ``` */ readonly iconButtonOutlined: 'icon-button-outlined'; /** * ```css * * ``` */ readonly iconMask: 'icon-mask'; /** * ```css * * ``` */ readonly iconSprite: 'icon-sprite'; /** * ```css * object-fit: cover * shape-margin: .75rem * background-repeat: no-repeat * background-size: cover * max-width: 100% * height: auto * font-style: italic * display: block * ``` */ readonly img: 'img'; /** * ```css * --_display-outer: inline * display: var(--_display-outer) var(--_display-inner) * ``` */ readonly inline: 'inline'; /** * ```css * --_display-outer: inline * --_display-inner: flex * display: var(--_display-outer) var(--_display-inner) * ``` */ readonly inlineFlex: 'inline-flex'; /** * ```css * --_display-outer: inline * --_display-inner: grid * display: var(--_display-outer) var(--_display-inner) * ``` */ readonly inlineGrid: 'inline-grid'; /** * ```css * --_background-color: var(--v-color-background-feedback-gray) * gap: var(--v-space-4) * padding: var(--v-space-16) * background-color: var(--_background-color) * contain: content * flex-flow: column wrap * display: flex * ``` */ readonly inlineMessage: 'inline-message'; /** * ```css * * ``` */ readonly input: 'input'; /** * ```css * min-width: 0 * contain: content * min-width: fit-content * ``` */ readonly inputFloatingLabel: 'input-floating-label'; /** * ```css * visibility: hidden * ``` */ readonly invisible: 'invisible'; /** * ```css * --_font-variation-ital: 1 * font-variation-settings: "DRKM" var(--_font-variation-drkm, 0), * "ital" var(--_font-variation-ital, 1) * font-synthesis-style: none * font-style: italic * ``` */ readonly italic: 'italic'; /** * ```css * align-items: baseline * ``` */ readonly itemsBaseline: 'items-baseline'; /** * ```css * align-items: center * ``` */ readonly itemsCenter: 'items-center'; /** * ```css * align-items: flex-end * ``` */ readonly itemsEnd: 'items-end'; /** * ```css * align-items: flex-start * ``` */ readonly itemsStart: 'items-start'; /** * ```css * align-items: stretch * ``` */ readonly itemsStretch: 'items-stretch'; /** * ```css * justify-content: space-around * ``` */ readonly justifyAround: 'justify-around'; /** * ```css * justify-content: space-between * ``` */ readonly justifyBetween: 'justify-between'; /** * ```css * justify-content: center * ``` */ readonly justifyCenter: 'justify-center'; /** * ```css * justify-content: flex-end * ``` */ readonly justifyEnd: 'justify-end'; /** * ```css * justify-content: space-evenly * ``` */ readonly justifyEvenly: 'justify-evenly'; /** * ```css * justify-content: flex-start * ``` */ readonly justifyStart: 'justify-start'; /** * ```css * * ``` */ readonly label: 'label'; /** * ```css * gap: var(--v-space-gutter) * max-width: calc(var(--v-size-grid-maxwidth) + var(--_outer-margin, 0)) * grid-template-columns: 1fr * margin-inline: auto * display: grid * --_outer-margin: 0px * grid-template-columns: 1fr 1fr * ``` */ readonly layout45: 'layout-4-5'; /** * ```css * gap: var(--v-space-gutter) * max-width: calc(var(--v-size-grid-maxwidth) + var(--_outer-margin, 0)) * grid-template-columns: 1fr * margin-inline: auto * display: grid * --_outer-margin: calc(var(--v-space-pagemargin) * 2) * --_outer-margin: 0px * grid-template-columns: 1fr 1fr * ``` */ readonly layout46: 'layout-4-6'; /** * ```css * gap: var(--v-space-gutter) * max-width: calc(var(--v-size-grid-maxwidth) + var(--_outer-margin, 0)) * grid-template-columns: 1fr * margin-inline: auto * display: grid * --_outer-margin: 0px * grid-template-columns: 1fr 1fr * ``` */ readonly layout54: 'layout-5-4'; /** * ```css * gap: var(--v-space-gutter) * max-width: calc(var(--v-size-grid-maxwidth) + var(--_outer-margin, 0)) * grid-template-columns: 1fr * margin-inline: auto * display: grid * --_outer-margin: calc(var(--v-space-pagemargin) * 2) * --_outer-margin: 0px * grid-template-columns: 1fr 1fr * ``` */ readonly layout64: 'layout-6-4'; /** * ```css * color: var(--v-color-foreground-primary) * text-decoration-skip-ink: auto * text-underline-offset: .125em * text-decoration-line: underline * ``` */ readonly linkInline: 'link-inline'; /** * ```css * text-underline-offset: .125em * position: relative * ``` */ readonly linkPlain: 'link-plain'; /** * ```css * text-decoration-skip-ink: auto * text-decoration-line: underline * text-underline-offset: .125em * position: relative * ``` */ readonly linkUnderlined: 'link-underlined'; /** * ```css * * ``` */ readonly list: 'list'; /** * ```css * gap: var(--v-space-16) * padding-block: var(--v-space-16) * align-items: center * display: flex * border-bottom: 1px solid var(--v-color-ornament-primary) * list-style: none * ``` */ readonly listItem: 'list-item'; /** * ```css * margin: 0 * ``` */ readonly m0: 'm-0'; /** * ```css * margin: .75rem * ``` */ readonly m12: 'm-12'; /** * ```css * margin: 1rem * ``` */ readonly m16: 'm-16'; /** * ```css * margin: .125rem * ``` */ readonly m2: 'm-2'; /** * ```css * margin: 1.5rem * ``` */ readonly m24: 'm-24'; /** * ```css * margin: 2rem * ``` */ readonly m32: 'm-32'; /** * ```css * margin: .25rem * ``` */ readonly m4: 'm-4'; /** * ```css * margin: 3rem * ``` */ readonly m48: 'm-48'; /** * ```css * margin: 4rem * ``` */ readonly m64: 'm-64'; /** * ```css * margin: .5rem * ``` */ readonly m8: 'm-8'; /** * ```css * margin: auto * ``` */ readonly mAuto: 'm-auto'; /** * ```css * max-height: 0 * ``` */ readonly maxH0: 'max-h-0'; /** * ```css * max-height: 1rem * ``` */ readonly maxH16: 'max-h-16'; /** * ```css * max-height: 1.5rem * ``` */ readonly maxH24: 'max-h-24'; /** * ```css * max-height: 2rem * ``` */ readonly maxH32: 'max-h-32'; /** * ```css * max-height: 2.5rem * ``` */ readonly maxH40: 'max-h-40'; /** * ```css * max-height: 3rem * ``` */ readonly maxH48: 'max-h-48'; /** * ```css * max-height: 4rem * ``` */ readonly maxH64: 'max-h-64'; /** * ```css * max-height: .5rem * ``` */ readonly maxH8: 'max-h-8'; /** * ```css * max-height: fit-content * ``` */ readonly maxHFit: 'max-h-fit'; /** * ```css * max-height: 100% * ``` */ readonly maxHFull: 'max-h-full'; /** * ```css * max-height: inherit * ``` */ readonly maxHInherit: 'max-h-inherit'; /** * ```css * max-width: 50% * ``` */ readonly maxW1/2: 'max-w-1/2'; /** * ```css * max-width: fit-content * ``` */ readonly maxWFit: 'max-w-fit'; /** * ```css * max-width: 100% * ``` */ readonly maxWFull: 'max-w-full'; /** * ```css * max-width: min-content * ``` */ readonly maxWMin: 'max-w-min'; /** * ```css * max-width: var(--v-size-contentmax) * ``` */ readonly maxWProse: 'max-w-prose'; /** * ```css * margin-bottom: 0 * ``` */ readonly mb0: 'mb-0'; /** * ```css * margin-bottom: .75rem * ``` */ readonly mb12: 'mb-12'; /** * ```css * margin-bottom: 1rem * ``` */ readonly mb16: 'mb-16'; /** * ```css * margin-bottom: .125rem * ``` */ readonly mb2: 'mb-2'; /** * ```css * margin-bottom: 1.5rem * ``` */ readonly mb24: 'mb-24'; /** * ```css * margin-bottom: var(--v-space-2xl) * ``` */ readonly mb2xl: 'mb-2xl'; /** * ```css * margin-bottom: 2rem * ``` */ readonly mb32: 'mb-32'; /** * ```css * margin-bottom: .25rem * ``` */ readonly mb4: 'mb-4'; /** * ```css * margin-bottom: 3rem * ``` */ readonly mb48: 'mb-48'; /** * ```css * margin-bottom: 4rem * ``` */ readonly mb64: 'mb-64'; /** * ```css * margin-bottom: .5rem * ``` */ readonly mb8: 'mb-8'; /** * ```css * margin-bottom: auto * ``` */ readonly mbAuto: 'mb-auto'; /** * ```css * margin-bottom: var(--v-space-l) * ``` */ readonly mbL: 'mb-l'; /** * ```css * margin-bottom: var(--v-space-lg) * ``` */ readonly mbLg: 'mb-lg'; /** * ```css * margin-bottom: var(--v-space-m) * ``` */ readonly mbM: 'mb-m'; /** * ```css * margin-bottom: var(--v-space-md) * ``` */ readonly mbMd: 'mb-md'; /** * ```css * margin-bottom: var(--v-space-s) * ``` */ readonly mbS: 'mb-s'; /** * ```css * margin-bottom: var(--v-space-sm) * ``` */ readonly mbSm: 'mb-sm'; /** * ```css * margin-bottom: var(--v-space-xl) * ``` */ readonly mbXl: 'mb-xl'; /** * ```css * margin-bottom: var(--v-space-xs) * ``` */ readonly mbXs: 'mb-xs'; /** * ```css * flex-direction: column * display: flex * background-color: var(--v-color-background-primary) * gap: var(--v-space-gutter) * flex-direction: row * ``` */ readonly mediaBanner: 'media-banner'; /** * ```css * flex-direction: column * display: flex * gap: var(--v-space-8) * align-items: start * ``` */ readonly mediaCard: 'media-card'; /** * ```css * --_media-hero-media-bleed: max(0px, * calc(var(--v-space-pagemargin) - (100vw - var(--v-size-pagemax)) / 2)) * row-gap: var(--v-space-24) * width: 100% * max-width: var(--v-size-pagemax) * padding: var(--v-space-xl) var(--v-space-pagemargin) 0 * grid-template-columns: 1fr * margin-inline: auto * display: grid * column-gap: var(--v-space-gutter) * grid-template-columns: 1fr 1fr * ``` */ readonly mediaHero: 'media-hero'; /** * ```css * cursor: pointer * transition: color, background-color, border-color, box-shadow, text-decoration-color, fill, stroke * transition-duration: var(--_v-transition-speed-default) * display: block * flex-direction: column * display: flex * text-align: start * text-decoration: none * padding-bottom: var(--v-space-16) * background-color: #0000 * ``` */ readonly mediaTile: 'media-tile'; /** * ```css * --v-color-foreground-primary: var(--v-color-foreground-inverted) * --_dark-toggle: var(--_light-toggle) * gap: var(--v-space-8) * height: var(--message-bar-expanded-height, fit-content) * padding: var(--v-space-16) var(--v-space-pageoffset) * color: var(--v-color-foreground-inverted) * background-color: var(--v-color-surface-neutral) * transition-timing-function: cubic-bezier(0, 0, .1, 1), cubic-bezier(.9, 0, 1, 1), cubic-bezier(.9, 0, 1, 1), cubic-bezier(.9, 0, 1, 1) * transition-duration: var(--_v-transition-speed-default) * contain: inline-size layout paint style * interpolate-size: allow-keywords * flex-direction: column * transition-property: opacity, height, padding-top, padding-bottom * display: flex * gap: var(--v-space-16) * flex-direction: row * justify-content: center * align-items: center * ``` */ readonly messageBar: 'message-bar'; /** * ```css * font-size: var(--v-font-12-size) * line-height: var(--v-font-12-lineheight) * letter-spacing: .02em * ``` */ readonly micro: 'micro'; /** * ```css * min-height: 0 * ``` */ readonly minH0: 'min-h-0'; /** * ```css * min-height: 1rem * ``` */ readonly minH16: 'min-h-16'; /** * ```css * min-height: 1.5rem * ``` */ readonly minH24: 'min-h-24'; /** * ```css * min-height: 2rem * ``` */ readonly minH32: 'min-h-32'; /** * ```css * min-height: 2.5rem * ``` */ readonly minH40: 'min-h-40'; /** * ```css * min-height: 3rem * ``` */ readonly minH48: 'min-h-48'; /** * ```css * min-height: 4rem * ``` */ readonly minH64: 'min-h-64'; /** * ```css * min-height: .5rem * ``` */ readonly minH8: 'min-h-8'; /** * ```css * min-height: fit-content * ``` */ readonly minHFit: 'min-h-fit'; /** * ```css * min-height: 100% * ``` */ readonly minHFull: 'min-h-full'; /** * ```css * min-width: 0 * ``` */ readonly minW0: 'min-w-0'; /** * ```css * min-width: fit-content * ``` */ readonly minWFit: 'min-w-fit'; /** * ```css * min-width: min-content * ``` */ readonly minWMin: 'min-w-min'; /** * ```css * margin-inline-start: 0 * ``` */ readonly ml0: 'ml-0'; /** * ```css * margin-inline-start: .75rem * ``` */ readonly ml12: 'ml-12'; /** * ```css * margin-inline-start: 1rem * ``` */ readonly ml16: 'ml-16'; /** * ```css * margin-inline-start: .125rem * ``` */ readonly ml2: 'ml-2'; /** * ```css * margin-inline-start: 1.5rem * ``` */ readonly ml24: 'ml-24'; /** * ```css * margin-inline-start: 2rem * ``` */ readonly ml32: 'ml-32'; /** * ```css * margin-inline-start: .25rem * ``` */ readonly ml4: 'ml-4'; /** * ```css * margin-inline-start: 3rem * ``` */ readonly ml48: 'ml-48'; /** * ```css * margin-inline-start: 4rem * ``` */ readonly ml64: 'ml-64'; /** * ```css * margin-inline-start: .5rem * ``` */ readonly ml8: 'ml-8'; /** * ```css * margin-inline-start: auto * ``` */ readonly mlAuto: 'ml-auto'; /** * ```css * margin-inline-start: var(--v-space-pagemargin) * ``` */ readonly mlPagemargin: 'ml-pagemargin'; /** * ```css * margin-inline-start: var(--v-space-pageoffset) * ``` */ readonly mlPageoffset: 'ml-pageoffset'; /** * ```css * margin-inline-end: 0 * ``` */ readonly mr0: 'mr-0'; /** * ```css * margin-inline-end: .75rem * ``` */ readonly mr12: 'mr-12'; /** * ```css * margin-inline-end: 1rem * ``` */ readonly mr16: 'mr-16'; /** * ```css * margin-inline-end: .125rem * ``` */ readonly mr2: 'mr-2'; /** * ```css * margin-inline-end: 1.5rem * ``` */ readonly mr24: 'mr-24'; /** * ```css * margin-inline-end: 2rem * ``` */ readonly mr32: 'mr-32'; /** * ```css * margin-inline-end: .25rem * ``` */ readonly mr4: 'mr-4'; /** * ```css * margin-inline-end: 3rem * ``` */ readonly mr48: 'mr-48'; /** * ```css * margin-inline-end: 4rem * ``` */ readonly mr64: 'mr-64'; /** * ```css * margin-inline-end: .5rem * ``` */ readonly mr8: 'mr-8'; /** * ```css * margin-inline-end: auto * ``` */ readonly mrAuto: 'mr-auto'; /** * ```css * margin-inline-end: var(--v-space-pagemargin) * ``` */ readonly mrPagemargin: 'mr-pagemargin'; /** * ```css * margin-inline-end: var(--v-space-pageoffset) * ``` */ readonly mrPageoffset: 'mr-pageoffset'; /** * ```css * margin-top: 0 * ``` */ readonly mt0: 'mt-0'; /** * ```css * margin-top: .75rem * ``` */ readonly mt12: 'mt-12'; /** * ```css * margin-top: 1rem * ``` */ readonly mt16: 'mt-16'; /** * ```css * margin-top: .125rem * ``` */ readonly mt2: 'mt-2'; /** * ```css * margin-top: 1.5rem * ``` */ readonly mt24: 'mt-24'; /** * ```css * margin-top: var(--v-space-2xl) * ``` */ readonly mt2xl: 'mt-2xl'; /** * ```css * margin-top: 2rem * ``` */ readonly mt32: 'mt-32'; /** * ```css * margin-top: .25rem * ``` */ readonly mt4: 'mt-4'; /** * ```css * margin-top: 3rem * ``` */ readonly mt48: 'mt-48'; /** * ```css * margin-top: 4rem * ``` */ readonly mt64: 'mt-64'; /** * ```css * margin-top: .5rem * ``` */ readonly mt8: 'mt-8'; /** * ```css * margin-top: auto * ``` */ readonly mtAuto: 'mt-auto'; /** * ```css * margin-top: var(--v-space-l) * ``` */ readonly mtL: 'mt-l'; /** * ```css * margin-top: var(--v-space-lg) * ``` */ readonly mtLg: 'mt-lg'; /** * ```css * margin-top: var(--v-space-m) * ``` */ readonly mtM: 'mt-m'; /** * ```css * margin-top: var(--v-space-md) * ``` */ readonly mtMd: 'mt-md'; /** * ```css * margin-top: var(--v-space-s) * ``` */ readonly mtS: 'mt-s'; /** * ```css * margin-top: var(--v-space-sm) * ``` */ readonly mtSm: 'mt-sm'; /** * ```css * margin-top: var(--v-space-xl) * ``` */ readonly mtXl: 'mt-xl'; /** * ```css * margin-top: var(--v-space-xs) * ``` */ readonly mtXs: 'mt-xs'; /** * ```css * margin-inline-end: 0 * margin-inline-start: 0 * ``` */ readonly mx0: 'mx-0'; /** * ```css * margin-inline-end: .75rem * margin-inline-start: .75rem * ``` */ readonly mx12: 'mx-12'; /** * ```css * margin-inline-end: 1rem * margin-inline-start: 1rem * ``` */ readonly mx16: 'mx-16'; /** * ```css * margin-inline-end: .125rem * margin-inline-start: .125rem * ``` */ readonly mx2: 'mx-2'; /** * ```css * margin-inline-end: 1.5rem * margin-inline-start: 1.5rem * ``` */ readonly mx24: 'mx-24'; /** * ```css * margin-inline-end: 2rem * margin-inline-start: 2rem * ``` */ readonly mx32: 'mx-32'; /** * ```css * margin-inline-end: .25rem * margin-inline-start: .25rem * ``` */ readonly mx4: 'mx-4'; /** * ```css * margin-inline-end: 3rem * margin-inline-start: 3rem * ``` */ readonly mx48: 'mx-48'; /** * ```css * margin-inline-end: 4rem * margin-inline-start: 4rem * ``` */ readonly mx64: 'mx-64'; /** * ```css * margin-inline-end: .5rem * margin-inline-start: .5rem * ``` */ readonly mx8: 'mx-8'; /** * ```css * margin-inline-end: auto * margin-inline-start: auto * ``` */ readonly mxAuto: 'mx-auto'; /** * ```css * margin-inline-end: var(--v-space-pagemargin) * margin-inline-start: var(--v-space-pagemargin) * ``` */ readonly mxPagemargin: 'mx-pagemargin'; /** * ```css * margin-inline-end: var(--v-space-pageoffset) * margin-inline-start: var(--v-space-pageoffset) * ``` */ readonly mxPageoffset: 'mx-pageoffset'; /** * ```css * margin-top: 0 * margin-bottom: 0 * ``` */ readonly my0: 'my-0'; /** * ```css * margin-top: .75rem * margin-bottom: .75rem * ``` */ readonly my12: 'my-12'; /** * ```css * margin-top: 1rem * margin-bottom: 1rem * ``` */ readonly my16: 'my-16'; /** * ```css * margin-top: .125rem * margin-bottom: .125rem * ``` */ readonly my2: 'my-2'; /** * ```css * margin-top: 1.5rem * margin-bottom: 1.5rem * ``` */ readonly my24: 'my-24'; /** * ```css * margin-top: var(--v-space-2xl) * margin-bottom: var(--v-space-2xl) * ``` */ readonly my2xl: 'my-2xl'; /** * ```css * margin-top: 2rem * margin-bottom: 2rem * ``` */ readonly my32: 'my-32'; /** * ```css * margin-top: .25rem * margin-bottom: .25rem * ``` */ readonly my4: 'my-4'; /** * ```css * margin-top: 3rem * margin-bottom: 3rem * ``` */ readonly my48: 'my-48'; /** * ```css * margin-top: 4rem * margin-bottom: 4rem * ``` */ readonly my64: 'my-64'; /** * ```css * margin-top: .5rem * margin-bottom: .5rem * ``` */ readonly my8: 'my-8'; /** * ```css * margin-top: auto * margin-bottom: auto * ``` */ readonly myAuto: 'my-auto'; /** * ```css * margin-top: var(--v-space-l) * margin-bottom: var(--v-space-l) * ``` */ readonly myL: 'my-l'; /** * ```css * margin-top: var(--v-space-lg) * margin-bottom: var(--v-space-lg) * ``` */ readonly myLg: 'my-lg'; /** * ```css * margin-top: var(--v-space-m) * margin-bottom: var(--v-space-m) * ``` */ readonly myM: 'my-m'; /** * ```css * margin-top: var(--v-space-md) * margin-bottom: var(--v-space-md) * ``` */ readonly myMd: 'my-md'; /** * ```css * margin-top: var(--v-space-s) * margin-bottom: var(--v-space-s) * ``` */ readonly myS: 'my-s'; /** * ```css * margin-top: var(--v-space-sm) * margin-bottom: var(--v-space-sm) * ``` */ readonly mySm: 'my-sm'; /** * ```css * margin-top: var(--v-space-xl) * margin-bottom: var(--v-space-xl) * ``` */ readonly myXl: 'my-xl'; /** * ```css * margin-top: var(--v-space-xs) * margin-bottom: var(--v-space-xs) * ``` */ readonly myXs: 'my-xs'; /** * ```css * position: var(--navigation-bar-position, sticky) * z-index: var(--v-index-navigation) * column-gap: var(--v-space-16) * min-height: var(--v-size-navigation-bar-height) * max-height: var(--v-size-navigation-bar-height) * padding-inline: var(--v-space-pageoffset) * background-color: var(--v-color-background-primary) * grid-template-columns: 1fr auto 1fr * align-items: center * display: grid * top: 0 * ``` */ readonly navigationBar: 'navigation-bar'; /** * ```css * gap: var(--v-space-16) * padding-block: var(--v-space-16) * align-items: center * display: flex * border-bottom: 1px solid var(--v-color-ornament-primary) * list-style: none * isolation: isolate * position: relative * ``` */ readonly navigationListItem: 'navigation-list-item'; /** * ```css * object-fit: contain * ``` */ readonly objectContain: 'object-contain'; /** * ```css * object-fit: cover * ``` */ readonly objectCover: 'object-cover'; /** * ```css * object-fit: fill * ``` */ readonly objectFill: 'object-fill'; /** * ```css * * ``` */ readonly opacity0: 'opacity-0'; /** * ```css * overflow: auto * ``` */ readonly overflowAuto: 'overflow-auto'; /** * ```css * overflow: clip * ``` */ readonly overflowClip: 'overflow-clip'; /** * ```css * overflow: hidden * ``` */ readonly overflowHidden: 'overflow-hidden'; /** * ```css * overflow: visible * ``` */ readonly overflowVisible: 'overflow-visible'; /** * ```css * overflow-x: auto * ``` */ readonly overflowXAuto: 'overflow-x-auto'; /** * ```css * overflow-x: clip * ``` */ readonly overflowXClip: 'overflow-x-clip'; /** * ```css * overflow-x: hidden * ``` */ readonly overflowXHidden: 'overflow-x-hidden'; /** * ```css * overflow-x: visible * ``` */ readonly overflowXVisible: 'overflow-x-visible'; /** * ```css * overflow-y: auto * ``` */ readonly overflowYAuto: 'overflow-y-auto'; /** * ```css * overflow-y: clip * ``` */ readonly overflowYClip: 'overflow-y-clip'; /** * ```css * overflow-y: hidden * ``` */ readonly overflowYHidden: 'overflow-y-hidden'; /** * ```css * overflow-y: visible * ``` */ readonly overflowYVisible: 'overflow-y-visible'; /** * ```css * padding: 0 * ``` */ readonly p0: 'p-0'; /** * ```css * padding: .75rem * ``` */ readonly p12: 'p-12'; /** * ```css * padding: 1rem * ``` */ readonly p16: 'p-16'; /** * ```css * padding: .125rem * ``` */ readonly p2: 'p-2'; /** * ```css * padding: 1.5rem * ``` */ readonly p24: 'p-24'; /** * ```css * padding: 2rem * ``` */ readonly p32: 'p-32'; /** * ```css * padding: .25rem * ``` */ readonly p4: 'p-4'; /** * ```css * padding: 3rem * ``` */ readonly p48: 'p-48'; /** * ```css * padding: 4rem * ``` */ readonly p64: 'p-64'; /** * ```css * padding: .5rem * ``` */ readonly p8: 'p-8'; /** * ```css * --_container-max-width: 160rem * --v-size-grid-maxwidth: min(160rem, 100vw - var(--v-space-pagemargin) * 2) * --_sidebar-start-toggle: initial * --_sidebar-end-toggle: initial * --_page-grid: [page-start] 1fr [page-end] * grid-template-columns: [bleed-start] * var(--v-space-pagemargin) * /* pick the sidebar grids if defined, fallback to the page grid *\/ * var(--_sidebar-start-grid, var(--_sidebar-end-grid, var(--_page-grid))) * /* --- *\/ * var(--v-space-pagemargin) * [bleed-end] * grid-auto-flow: dense * max-width: 160rem * margin-inline: auto * display: grid * --sidebar-width: var(--v-size-sidebar-wide) * --_sidebar-end-grid: var(--_sidebar-end-toggle) [main-start] 1fr [main-end] * var(--v-space-pagemargin) [sidebar-start] var(--sidebar-width) [sidebar-end] * --_sidebar-start-grid: var(--_sidebar-start-toggle) [sidebar-start] * var(--sidebar-width) [sidebar-end] var(--v-space-pagemargin) [main-start] * 1fr [main-end] * ``` */ readonly pagelayout: 'pagelayout'; /** * ```css * flex-direction: row * justify-content: center * align-items: center * column-gap: 1rem * display: flex * ``` */ readonly paginationDots: 'pagination-dots'; /** * ```css * padding-bottom: 0 * ``` */ readonly pb0: 'pb-0'; /** * ```css * padding-bottom: .75rem * ``` */ readonly pb12: 'pb-12'; /** * ```css * padding-bottom: 1rem * ``` */ readonly pb16: 'pb-16'; /** * ```css * padding-bottom: .125rem * ``` */ readonly pb2: 'pb-2'; /** * ```css * padding-bottom: 1.5rem * ``` */ readonly pb24: 'pb-24'; /** * ```css * padding-bottom: var(--v-space-2xl) * ``` */ readonly pb2xl: 'pb-2xl'; /** * ```css * padding-bottom: 2rem * ``` */ readonly pb32: 'pb-32'; /** * ```css * padding-bottom: .25rem * ``` */ readonly pb4: 'pb-4'; /** * ```css * padding-bottom: 3rem * ``` */ readonly pb48: 'pb-48'; /** * ```css * padding-bottom: 4rem * ``` */ readonly pb64: 'pb-64'; /** * ```css * padding-bottom: .5rem * ``` */ readonly pb8: 'pb-8'; /** * ```css * padding-bottom: var(--v-space-l) * ``` */ readonly pbL: 'pb-l'; /** * ```css * padding-bottom: var(--v-space-lg) * ``` */ readonly pbLg: 'pb-lg'; /** * ```css * padding-bottom: var(--v-space-m) * ``` */ readonly pbM: 'pb-m'; /** * ```css * padding-bottom: var(--v-space-md) * ``` */ readonly pbMd: 'pb-md'; /** * ```css * padding-bottom: var(--v-space-s) * ``` */ readonly pbS: 'pb-s'; /** * ```css * padding-bottom: var(--v-space-sm) * ``` */ readonly pbSm: 'pb-sm'; /** * ```css * padding-bottom: var(--v-space-xl) * ``` */ readonly pbXl: 'pb-xl'; /** * ```css * padding-bottom: var(--v-space-xs) * ``` */ readonly pbXs: 'pb-xs'; /** * ```css * width: fit-content * padding-block: var(--v-space-2) * padding-inline: var(--v-space-8) * font-size: var(--v-font-12-size) * line-height: var(--v-font-12-lineheight) * border-radius: var(--v-shape-default) * color: var(--v-color-foreground-inverted) * background-color: var(--v-color-surface-neutral) * ``` */ readonly pillFilled: 'pill-filled'; /** * ```css * width: fit-content * padding-block: var(--v-space-2) * padding-inline: var(--v-space-8) * font-size: var(--v-font-12-size) * line-height: var(--v-font-12-lineheight) * border-radius: var(--v-shape-default) * box-shadow: inset 0 0 0 1px * var(--_border-color, var(--v-color-ornament-primary)) * ``` */ readonly pillOutlined: 'pill-outlined'; /** * ```css * width: fit-content * padding-block: var(--v-space-2) * padding-inline: var(--v-space-8) * font-size: var(--v-font-12-size) * line-height: var(--v-font-12-lineheight) * border-radius: var(--v-shape-default) * background-color: var(--v-color-surface-gray) * ``` */ readonly pillSoft: 'pill-soft'; /** * ```css * padding-inline-start: 0 * ``` */ readonly pl0: 'pl-0'; /** * ```css * padding-inline-start: .75rem * ``` */ readonly pl12: 'pl-12'; /** * ```css * padding-inline-start: 1rem * ``` */ readonly pl16: 'pl-16'; /** * ```css * padding-inline-start: .125rem * ``` */ readonly pl2: 'pl-2'; /** * ```css * padding-inline-start: 1.5rem * ``` */ readonly pl24: 'pl-24'; /** * ```css * padding-inline-start: 2rem * ``` */ readonly pl32: 'pl-32'; /** * ```css * padding-inline-start: .25rem * ``` */ readonly pl4: 'pl-4'; /** * ```css * padding-inline-start: 3rem * ``` */ readonly pl48: 'pl-48'; /** * ```css * padding-inline-start: 4rem * ``` */ readonly pl64: 'pl-64'; /** * ```css * padding-inline-start: .5rem * ``` */ readonly pl8: 'pl-8'; /** * ```css * padding-inline-start: var(--v-space-pagemargin) * ``` */ readonly plPagemargin: 'pl-pagemargin'; /** * ```css * padding-inline-start: var(--v-space-pageoffset) * ``` */ readonly plPageoffset: 'pl-pageoffset'; /** * ```css * pointer-events: auto * ``` */ readonly pointerEventsAuto: 'pointer-events-auto'; /** * ```css * pointer-events: none * ``` */ readonly pointerEventsNone: 'pointer-events-none'; /** * ```css * padding-inline-end: 0 * ``` */ readonly pr0: 'pr-0'; /** * ```css * padding-inline-end: .75rem * ``` */ readonly pr12: 'pr-12'; /** * ```css * padding-inline-end: 1rem * ``` */ readonly pr16: 'pr-16'; /** * ```css * padding-inline-end: .125rem * ``` */ readonly pr2: 'pr-2'; /** * ```css * padding-inline-end: 1.5rem * ``` */ readonly pr24: 'pr-24'; /** * ```css * padding-inline-end: 2rem * ``` */ readonly pr32: 'pr-32'; /** * ```css * padding-inline-end: .25rem * ``` */ readonly pr4: 'pr-4'; /** * ```css * padding-inline-end: 3rem * ``` */ readonly pr48: 'pr-48'; /** * ```css * padding-inline-end: 4rem * ``` */ readonly pr64: 'pr-64'; /** * ```css * padding-inline-end: .5rem * ``` */ readonly pr8: 'pr-8'; /** * ```css * padding-inline-end: var(--v-space-pagemargin) * ``` */ readonly prPagemargin: 'pr-pagemargin'; /** * ```css * padding-inline-end: var(--v-space-pageoffset) * ``` */ readonly prPageoffset: 'pr-pageoffset'; /** * ```css * padding-top: 0 * ``` */ readonly pt0: 'pt-0'; /** * ```css * padding-top: .75rem * ``` */ readonly pt12: 'pt-12'; /** * ```css * padding-top: 1rem * ``` */ readonly pt16: 'pt-16'; /** * ```css * padding-top: .125rem * ``` */ readonly pt2: 'pt-2'; /** * ```css * padding-top: 1.5rem * ``` */ readonly pt24: 'pt-24'; /** * ```css * padding-top: var(--v-space-2xl) * ``` */ readonly pt2xl: 'pt-2xl'; /** * ```css * padding-top: 2rem * ``` */ readonly pt32: 'pt-32'; /** * ```css * padding-top: .25rem * ``` */ readonly pt4: 'pt-4'; /** * ```css * padding-top: 3rem * ``` */ readonly pt48: 'pt-48'; /** * ```css * padding-top: 4rem * ``` */ readonly pt64: 'pt-64'; /** * ```css * padding-top: .5rem * ``` */ readonly pt8: 'pt-8'; /** * ```css * padding-top: var(--v-space-l) * ``` */ readonly ptL: 'pt-l'; /** * ```css * padding-top: var(--v-space-lg) * ``` */ readonly ptLg: 'pt-lg'; /** * ```css * padding-top: var(--v-space-m) * ``` */ readonly ptM: 'pt-m'; /** * ```css * padding-top: var(--v-space-md) * ``` */ readonly ptMd: 'pt-md'; /** * ```css * padding-top: var(--v-space-s) * ``` */ readonly ptS: 'pt-s'; /** * ```css * padding-top: var(--v-space-sm) * ``` */ readonly ptSm: 'pt-sm'; /** * ```css * padding-top: var(--v-space-xl) * ``` */ readonly ptXl: 'pt-xl'; /** * ```css * padding-top: var(--v-space-xs) * ``` */ readonly ptXs: 'pt-xs'; /** * ```css * padding-inline-end: 0 * padding-inline-start: 0 * ``` */ readonly px0: 'px-0'; /** * ```css * padding-inline-end: .75rem * padding-inline-start: .75rem * ``` */ readonly px12: 'px-12'; /** * ```css * padding-inline-end: 1rem * padding-inline-start: 1rem * ``` */ readonly px16: 'px-16'; /** * ```css * padding-inline-end: .125rem * padding-inline-start: .125rem * ``` */ readonly px2: 'px-2'; /** * ```css * padding-inline-end: 1.5rem * padding-inline-start: 1.5rem * ``` */ readonly px24: 'px-24'; /** * ```css * padding-inline-end: 2rem * padding-inline-start: 2rem * ``` */ readonly px32: 'px-32'; /** * ```css * padding-inline-end: .25rem * padding-inline-start: .25rem * ``` */ readonly px4: 'px-4'; /** * ```css * padding-inline-end: 3rem * padding-inline-start: 3rem * ``` */ readonly px48: 'px-48'; /** * ```css * padding-inline-end: 4rem * padding-inline-start: 4rem * ``` */ readonly px64: 'px-64'; /** * ```css * padding-inline-end: .5rem * padding-inline-start: .5rem * ``` */ readonly px8: 'px-8'; /** * ```css * padding-inline-end: var(--v-space-pagemargin) * padding-inline-start: var(--v-space-pagemargin) * ``` */ readonly pxPagemargin: 'px-pagemargin'; /** * ```css * padding-inline-end: var(--v-space-pageoffset) * padding-inline-start: var(--v-space-pageoffset) * ``` */ readonly pxPageoffset: 'px-pageoffset'; /** * ```css * padding-top: 0 * padding-bottom: 0 * ``` */ readonly py0: 'py-0'; /** * ```css * padding-top: .75rem * padding-bottom: .75rem * ``` */ readonly py12: 'py-12'; /** * ```css * padding-top: 1rem * padding-bottom: 1rem * ``` */ readonly py16: 'py-16'; /** * ```css * padding-top: .125rem * padding-bottom: .125rem * ``` */ readonly py2: 'py-2'; /** * ```css * padding-top: 1.5rem * padding-bottom: 1.5rem * ``` */ readonly py24: 'py-24'; /** * ```css * padding-top: var(--v-space-2xl) * padding-bottom: var(--v-space-2xl) * ``` */ readonly py2xl: 'py-2xl'; /** * ```css * padding-top: 2rem * padding-bottom: 2rem * ``` */ readonly py32: 'py-32'; /** * ```css * padding-top: .25rem * padding-bottom: .25rem * ``` */ readonly py4: 'py-4'; /** * ```css * padding-top: 3rem * padding-bottom: 3rem * ``` */ readonly py48: 'py-48'; /** * ```css * padding-top: 4rem * padding-bottom: 4rem * ``` */ readonly py64: 'py-64'; /** * ```css * padding-top: .5rem * padding-bottom: .5rem * ``` */ readonly py8: 'py-8'; /** * ```css * padding-top: var(--v-space-l) * padding-bottom: var(--v-space-l) * ``` */ readonly pyL: 'py-l'; /** * ```css * padding-top: var(--v-space-lg) * padding-bottom: var(--v-space-lg) * ``` */ readonly pyLg: 'py-lg'; /** * ```css * padding-top: var(--v-space-m) * padding-bottom: var(--v-space-m) * ``` */ readonly pyM: 'py-m'; /** * ```css * padding-top: var(--v-space-md) * padding-bottom: var(--v-space-md) * ``` */ readonly pyMd: 'py-md'; /** * ```css * padding-top: var(--v-space-s) * padding-bottom: var(--v-space-s) * ``` */ readonly pyS: 'py-s'; /** * ```css * padding-top: var(--v-space-sm) * padding-bottom: var(--v-space-sm) * ``` */ readonly pySm: 'py-sm'; /** * ```css * padding-top: var(--v-space-xl) * padding-bottom: var(--v-space-xl) * ``` */ readonly pyXl: 'py-xl'; /** * ```css * padding-top: var(--v-space-xs) * padding-bottom: var(--v-space-xs) * ``` */ readonly pyXs: 'py-xs'; /** * ```css * * ``` */ readonly radio: 'radio'; /** * ```css * --range-thumb-width: 1.5rem * --_range-gradient-direction: to right * ``` */ readonly range: 'range'; /** * ```css * scroll-snap-type: x mandatory * scroll-snap-stop: always * scroll-behavior: smooth * overscroll-behavior-x: contain * touch-action: manipulation * scrollbar-width: thin * contain: layout paint style * display: flex * overflow: auto hidden * scroll-behavior: auto * ``` */ readonly reel: 'reel'; /** * ```css * position: relative * ``` */ readonly relative: 'relative'; /** * ```css * inset-inline-end: 0 * width: var(--v-space-20) * touch-action: none * cursor: col-resize * user-select: none * justify-content: center * align-items: center * height: 100% * display: flex * position: absolute * top: 0 * ``` */ readonly resizeHandle: 'resize-handle'; /** * ```css * rotate: 0deg * ``` */ readonly rotate0: 'rotate-0'; /** * ```css * rotate: 180deg * ``` */ readonly rotate180: 'rotate-180'; /** * ```css * rotate: 90deg * ``` */ readonly rotate90: 'rotate-90'; /** * ```css * border-radius: var(--v-shape-emphasis) * ``` */ readonly roundedFull: 'rounded-full'; /** * ```css * border-radius: 0 * ``` */ readonly roundedNone: 'rounded-none'; /** * ```css * scale: 1 * ``` */ readonly scale100: 'scale-100'; /** * ```css * scale: 1.1 * ``` */ readonly scale110: 'scale-110'; /** * ```css * scale: .96 * ``` */ readonly scale96: 'scale-96'; /** * ```css * scale: .96 * ``` */ readonly scalePressed: 'scale-pressed'; /** * ```css * scale: 1.1 * ``` */ readonly scaleZoomed: 'scale-zoomed'; /** * ```css * * ``` */ readonly scrollbarNone: 'scrollbar-none'; /** * ```css * user-select: none * ``` */ readonly selectNone: 'select-none'; /** * ```css * --_card-border-color: var(--v-color-foreground-tertiary) * --_card-border-width: 1px * --_card-padding: var(--v-space-16) * row-gap: var(--v-space-4) * column-gap: var(--v-space-16) * padding: var(--_card-padding) * cursor: pointer * background-color: var(--v-color-background-primary) * border-radius: var(--v-shape-default) * box-shadow: inset 0 0 0 var(--_card-border-width) var(--_card-border-color) * transition: box-shadow var(--v-transition-default), * background-color var(--_v-transition-speed-default) ease-out * grid-template-columns: 1fr auto * align-items: start * display: grid * container-type: inline-size * ``` */ readonly selectableCard: 'selectable-card'; /** * ```css * align-self: center * ``` */ readonly selfCenter: 'self-center'; /** * ```css * align-self: flex-end * ``` */ readonly selfEnd: 'self-end'; /** * ```css * align-self: flex-start * align-self: start * ``` */ readonly selfStart: 'self-start'; /** * ```css * align-self: stretch * ``` */ readonly selfStretch: 'self-stretch'; /** * ```css * border-radius: var(--v-shape-default) * ``` */ readonly shapeDefault: 'shape-default'; /** * ```css * border-radius: var(--v-shape-emphasis) * ``` */ readonly shapeEmphasis: 'shape-emphasis'; /** * ```css * * ``` */ readonly sheet: 'sheet'; /** * ```css * background-color: var(--v-color-ornament-primary) * contain: strict * border-radius: var(--v-shape-default) * min-height: 1em * ``` */ readonly skeleton: 'skeleton'; /** * ```css * --animate-from-translate-y: 100% * animation: v-slide-in var(--v-transition-micro) * ``` */ readonly slideInFromBottom: 'slide-in-from-bottom'; /** * ```css * scroll-snap-align: center * ``` */ readonly snapCenter: 'snap-center'; /** * ```css * scroll-snap-align: end * ``` */ readonly snapEnd: 'snap-end'; /** * ```css * scroll-snap-align: start * ``` */ readonly snapStart: 'snap-start'; /** * ```css * scroll-snap-type: x mandatory * ``` */ readonly snapX: 'snap-x'; /** * ```css * scroll-snap-type: y mandatory * ``` */ readonly snapY: 'snap-y'; /** * ```css * * ``` */ readonly spinner: 'spinner'; /** * ```css * clip: rect(0, 0, 0, 0) * white-space: nowrap * border-width: 0 * width: 1px * height: 1px * margin: -1px * padding: 0 * position: absolute * overflow: hidden * ``` */ readonly srOnly: 'sr-only'; /** * ```css * * ``` */ readonly stack16: 'stack-16'; /** * ```css * * ``` */ readonly stack24: 'stack-24'; /** * ```css * * ``` */ readonly stack32: 'stack-32'; /** * ```css * * ``` */ readonly stack4: 'stack-4'; /** * ```css * * ``` */ readonly stack48: 'stack-48'; /** * ```css * * ``` */ readonly stack64: 'stack-64'; /** * ```css * * ``` */ readonly stack8: 'stack-8'; /** * ```css * * ``` */ readonly stackL: 'stack-l'; /** * ```css * * ``` */ readonly stackM: 'stack-m'; /** * ```css * * ``` */ readonly stackS: 'stack-s'; /** * ```css * * ``` */ readonly stackText: 'stack-text'; /** * ```css * inset-inline-start: 0 * ``` */ readonly start0: 'start-0'; /** * ```css * inset-inline-start: 50% * ``` */ readonly start1/2: 'start-1/2'; /** * ```css * inset-inline-start: .75rem * ``` */ readonly start12: 'start-12'; /** * ```css * inset-inline-start: 1rem * ``` */ readonly start16: 'start-16'; /** * ```css * inset-inline-start: .125rem * ``` */ readonly start2: 'start-2'; /** * ```css * inset-inline-start: 1.5rem * ``` */ readonly start24: 'start-24'; /** * ```css * inset-inline-start: 2rem * ``` */ readonly start32: 'start-32'; /** * ```css * inset-inline-start: .25rem * ``` */ readonly start4: 'start-4'; /** * ```css * inset-inline-start: 3rem * ``` */ readonly start48: 'start-48'; /** * ```css * inset-inline-start: 4rem * ``` */ readonly start64: 'start-64'; /** * ```css * inset-inline-start: .5rem * ``` */ readonly start8: 'start-8'; /** * ```css * inset-inline-start: auto * ``` */ readonly startAuto: 'start-auto'; /** * ```css * inset-inline-start: 100% * ``` */ readonly startFull: 'start-full'; /** * ```css * font-size: clamp(var(--v-font-statement-1-size-min), * var(--_size-override, var(--v-font-statement-1-size)), * var(--v-font-statement-1-size-max)) * font-weight: var(--v-font-statement-1-weight) * line-height: var(--v-font-statement-1-lineheight) * text-wrap: balance * ``` */ readonly statement1: 'statement-1'; /** * ```css * font-size: clamp(var(--v-font-statement-2-size-min), * var(--_size-override, var(--v-font-statement-2-size)), * var(--v-font-statement-2-size-max)) * font-weight: var(--v-font-statement-2-weight) * line-height: var(--v-font-statement-2-lineheight) * text-wrap: balance * ``` */ readonly statement2: 'statement-2'; /** * ```css * font-size: clamp(var(--v-font-statement-3-size-min), * var(--_size-override, var(--v-font-statement-3-size)), * var(--v-font-statement-3-size-max)) * font-weight: var(--v-font-statement-3-weight) * line-height: var(--v-font-statement-3-lineheight) * text-wrap: balance * ``` */ readonly statement3: 'statement-3'; /** * ```css * font-family: var(--v-font-broad-family) * font-size: clamp(var(--v-font-statement-signature-size-min), * var(--_size-override, var(--v-font-statement-signature-size)), * var(--v-font-statement-signature-size-max)) * font-weight: var(--v-font-statement-signature-weight) * line-height: var(--v-font-statement-signature-lineheight) * text-wrap: balance * letter-spacing: .02em * ``` */ readonly statementSignature: 'statement-signature'; /** * ```css * position: static * ``` */ readonly static: 'static'; /** * ```css * position: sticky * ``` */ readonly sticky: 'sticky'; /** * ```css * * ``` */ readonly switch: 'switch'; /** * ```css * cursor: pointer * transition: color, background-color, border-color, box-shadow, text-decoration-color, fill, stroke * transition-duration: var(--_v-transition-speed-default) * display: block * background-color: color-mix(in lab, * var(--background-color, var(--v-color-background-primary)), * var(--tap-area-color, var(--color, var(--v-color-foreground-primary))) * var(--_overlay-rate, 0%)) * height: 3rem * padding-inline: var(--v-space-8) * border-bottom: 2px solid #0000 * align-items: center * display: flex * ``` */ readonly tab: 'tab'; /** * ```css * border-collapse: collapse * background-color: var(--v-color-background-primary) * ``` */ readonly table: 'table'; /** * ```css * --_selected-border-color: var(--v-color-foreground-primary) * display: flex * gap: var(--v-space-8) * margin-inline: calc(-1 * var(--v-space-8)) * ``` */ readonly tablist: 'tablist'; /** * ```css * --_selected-border-color: var(--v-color-foreground-primary) * display: flex * ``` */ readonly tablistStretched: 'tablist-stretched'; /** * ```css * font-variant-numeric: tabular-nums * ``` */ readonly tabularNums: 'tabular-nums'; /** * ```css * cursor: pointer * transition: color, background-color, border-color, box-shadow, text-decoration-color, fill, stroke * transition-duration: var(--_v-transition-speed-default) * display: block * background-color: color-mix(in lab, * var(--background-color, var(--v-color-background-primary)), * var(--tap-area-color, var(--color, var(--v-color-foreground-primary))) * var(--_overlay-rate, 0%)) * ``` */ readonly tapArea: 'tap-area'; /** * ```css * --color: var(--v-color-foreground-accent-blue) * color: var(--v-color-foreground-accent-blue) * ``` */ readonly textAccentBlue: 'text-accent-blue'; /** * ```css * --color: var(--v-color-always-black) * color: var(--v-color-always-black) * ``` */ readonly textAlwaysBlack: 'text-always-black'; /** * ```css * --color: var(--v-color-always-white) * color: var(--v-color-always-white) * ``` */ readonly textAlwaysWhite: 'text-always-white'; /** * ```css * text-wrap: balance * ``` */ readonly textBalance: 'text-balance'; /** * ```css * flex-direction: column * display: flex * gap: var(--v-space-24) * padding: var(--v-space-48) var(--v-space-24) * background-color: var(--v-color-background-secondary) * flex-direction: row * ``` */ readonly textBanner: 'text-banner'; /** * ```css * flex-direction: column * display: flex * gap: var(--v-space-8) * align-items: start * padding-block: var(--v-space-32) * padding-inline: var(--v-space-24) * background-color: var(--v-color-background-secondary) * ``` */ readonly textCard: 'text-card'; /** * ```css * text-align: center * ``` */ readonly textCenter: 'text-center'; /** * ```css * text-align: end * ``` */ readonly textEnd: 'text-end'; /** * ```css * --color: var(--v-color-foreground-feedback-green) * color: var(--v-color-foreground-feedback-green) * ``` */ readonly textFeedbackGreen: 'text-feedback-green'; /** * ```css * --color: var(--v-color-foreground-feedback-orange) * color: var(--v-color-foreground-feedback-orange) * ``` */ readonly textFeedbackOrange: 'text-feedback-orange'; /** * ```css * --color: var(--v-color-foreground-feedback-red) * color: var(--v-color-foreground-feedback-red) * ``` */ readonly textFeedbackRed: 'text-feedback-red'; /** * ```css * padding: var(--v-space-xl) var(--v-space-pagemargin) * flex-direction: column * display: flex * ``` */ readonly textHero: 'text-hero'; /** * ```css * color: inherit * ``` */ readonly textInherit: 'text-inherit'; /** * ```css * --color: var(--v-color-foreground-inverted) * color: var(--v-color-foreground-inverted) * ``` */ readonly textInverted: 'text-inverted'; /** * ```css * --color: var(--v-color-foreground-primary) * color: var(--v-color-foreground-primary) * ``` */ readonly textPrimary: 'text-primary'; /** * ```css * --color: var(--v-color-foreground-secondary) * color: var(--v-color-foreground-secondary) * ``` */ readonly textSecondary: 'text-secondary'; /** * ```css * text-align: start * ``` */ readonly textStart: 'text-start'; /** * ```css * cursor: pointer * transition: color, background-color, border-color, box-shadow, text-decoration-color, fill, stroke * transition-duration: var(--_v-transition-speed-default) * display: block * flex-direction: column * display: flex * text-align: start * text-decoration: none * --background-color: var(--v-color-background-secondary) * column-gap: var(--v-space-24) * height: 100% * padding: var(--v-space-24) * justify-content: space-between * background-color: color-mix(in lab, * var(--background-color), * var(--tap-area-color, var(--color, var(--v-color-foreground-primary))) * var(--_overlay-rate, 0%)) * ``` */ readonly textTile: 'text-tile'; /** * ```css * text-wrap: wrap * ``` */ readonly textWrap: 'text-wrap'; /** * ```css * grid-template-areas: "heading" * "description" * "action" * justify-items: start * display: grid * column-gap: var(--v-space-24) * grid-template-columns: 1fr 1fr * grid-template-areas: "heading description" * "heading action" * ``` */ readonly titlePage: 'title-page'; /** * ```css * grid-template-areas: "heading" * "description" * "action" * justify-items: start * display: grid * column-gap: var(--v-space-24) * grid-template-columns: 1fr 1fr * grid-template-areas: "heading description" * "heading action" * ``` */ readonly titleSection: 'title-section'; /** * ```css * --_border-color-dark: var(--_dark-toggle) var(--v-color-ornament-primary) * --_border-color: var(--_border-color-dark, transparent) * column-gap: var(--v-space-16) * max-width: min(var(--v-size-overlay-narrow), * calc(100vw - calc(2 * var(--v-space-pagemargin)))) * background-color: var(--v-color-always-black) * border-radius: var(--v-shape-default) * box-shadow: inset 0 0 0 1px var(--_border-color) * view-transition-class: slide-bottom * grid-template-columns: min-content auto min-content * place-items: center start * display: grid * ``` */ readonly toastMessage: 'toast-message'; /** * ```css * max-width: 24ch * padding-block: var(--v-space-4) * padding-inline: var(--v-space-8) * font-size: var(--v-font-12-size) * hyphens: auto * color: var(--v-color-foreground-inverted) * white-space: pre-line * background-color: var(--v-color-surface-neutral) * border-radius: var(--v-shape-default) * transition: opacity var(--v-transition-default) * overflow: visible * ``` */ readonly tooltip: 'tooltip'; /** * ```css * top: 0 * ``` */ readonly top0: 'top-0'; /** * ```css * top: 50% * ``` */ readonly top1/2: 'top-1/2'; /** * ```css * top: .75rem * ``` */ readonly top12: 'top-12'; /** * ```css * top: 1rem * ``` */ readonly top16: 'top-16'; /** * ```css * top: .125rem * ``` */ readonly top2: 'top-2'; /** * ```css * top: 1.5rem * ``` */ readonly top24: 'top-24'; /** * ```css * top: 2rem * ``` */ readonly top32: 'top-32'; /** * ```css * top: .25rem * ``` */ readonly top4: 'top-4'; /** * ```css * top: 3rem * ``` */ readonly top48: 'top-48'; /** * ```css * top: 4rem * ``` */ readonly top64: 'top-64'; /** * ```css * top: .5rem * ``` */ readonly top8: 'top-8'; /** * ```css * top: auto * ``` */ readonly topAuto: 'top-auto'; /** * ```css * top: 100% * ``` */ readonly topFull: 'top-full'; /** * ```css * transition: color, background-color, border-color, box-shadow, text-decoration-color, fill, stroke * transition-duration: var(--_v-transition-speed-default) * ``` */ readonly transitionColors: 'transition-colors'; /** * ```css * transition: none * ``` */ readonly transitionNone: 'transition-none'; /** * ```css * transition: opacity * transition-duration: var(--_v-transition-speed-default) * ``` */ readonly transitionOpacity: 'transition-opacity'; /** * ```css * transition: transform, scale, rotate, translate, skew * transition-duration: var(--_v-transition-speed-default) * ``` */ readonly transitionTransform: 'transition-transform'; /** * ```css * --translate-x: 0px * --translate-y: 0px * translate: calc(var(--translate-x) * var(--_v-setting-text-direction)) * var(--translate-y) * ``` */ readonly translateX0: 'translate-x-0'; /** * ```css * --translate-x: 0px * --translate-y: 0px * translate: calc(var(--translate-x) * var(--_v-setting-text-direction)) * var(--translate-y) * --translate-x: 50% * ``` */ readonly translateX1/2: 'translate-x-1/2'; /** * ```css * --translate-x: 0px * --translate-y: 0px * translate: calc(var(--translate-x) * var(--_v-setting-text-direction)) * var(--translate-y) * --translate-x: 100% * ``` */ readonly translateXFull: 'translate-x-full'; /** * ```css * --translate-x: 0px * --translate-y: 0px * translate: calc(var(--translate-x) * var(--_v-setting-text-direction)) * var(--translate-y) * ``` */ readonly translateY0: 'translate-y-0'; /** * ```css * --translate-x: 0px * --translate-y: 0px * translate: calc(var(--translate-x) * var(--_v-setting-text-direction)) * var(--translate-y) * --translate-y: 50% * ``` */ readonly translateY1/2: 'translate-y-1/2'; /** * ```css * --translate-x: 0px * --translate-y: 0px * translate: calc(var(--translate-x) * var(--_v-setting-text-direction)) * var(--translate-y) * --translate-y: 100% * ``` */ readonly translateYFull: 'translate-y-full'; /** * ```css * text-box: trim-both cap alphabetic * ``` */ readonly trimCap: 'trim-cap'; /** * ```css * text-overflow: ellipsis * white-space: nowrap * overflow: hidden * ``` */ readonly truncate: 'truncate'; /** * ```css * text-transform: uppercase * ``` */ readonly uppercase: 'uppercase'; /** * ```css * width: 0 * ``` */ readonly w0: 'w-0'; /** * ```css * width: 50% * ``` */ readonly w1/2: 'w-1/2'; /** * ```css * width: 1rem * ``` */ readonly w16: 'w-16'; /** * ```css * width: 1.5rem * ``` */ readonly w24: 'w-24'; /** * ```css * width: 2rem * ``` */ readonly w32: 'w-32'; /** * ```css * width: 2.5rem * ``` */ readonly w40: 'w-40'; /** * ```css * width: 3rem * ``` */ readonly w48: 'w-48'; /** * ```css * width: 4rem * ``` */ readonly w64: 'w-64'; /** * ```css * width: .5rem * ``` */ readonly w8: 'w-8'; /** * ```css * width: auto * ``` */ readonly wAuto: 'w-auto'; /** * ```css * width: fit-content * ``` */ readonly wFit: 'w-fit'; /** * ```css * width: 100% * ``` */ readonly wFull: 'w-full'; /** * ```css * width: var(--v-size-grid-lg) * ``` */ readonly wLg: 'w-lg'; /** * ```css * width: var(--v-size-grid-md) * ``` */ readonly wMd: 'w-md'; /** * ```css * width: min-content * ``` */ readonly wMin: 'w-min'; /** * ```css * width: var(--v-size-grid-sm) * ``` */ readonly wSm: 'w-sm'; /** * ```css * width: var(--v-size-grid-xl) * ``` */ readonly wXl: 'w-xl'; /** * ```css * width: var(--v-size-grid-xs) * ``` */ readonly wXs: 'w-xs'; /** * ```css * white-space: break-spaces * ``` */ readonly whitespaceBreakSpaces: 'whitespace-break-spaces'; /** * ```css * white-space: normal * ``` */ readonly whitespaceNormal: 'whitespace-normal'; /** * ```css * white-space: nowrap * ``` */ readonly whitespaceNowrap: 'whitespace-nowrap'; /** * ```css * white-space: pre * ``` */ readonly whitespacePre: 'whitespace-pre'; /** * ```css * white-space: pre-line * ``` */ readonly whitespacePreLine: 'whitespace-pre-line'; /** * ```css * * ``` */ readonly wordmark: 'wordmark'; /** * ```css * z-index: var(--v-index-deep) * ``` */ readonly zDeep: 'z-deep'; /** * ```css * z-index: var(--v-index-default) * ``` */ readonly zDefault: 'z-default'; /** * ```css * z-index: var(--v-index-navigation) * ``` */ readonly zNavigation: 'z-navigation'; /** * ```css * z-index: var(--v-index-overlay) * ``` */ readonly zOverlay: 'z-overlay'; /** * ```css * z-index: var(--v-index-spinner) * ``` */ readonly zSpinner: 'z-spinner'; } declare const vss: ClassNames; export default vss;