@oddkin/components 0.0.0-stage → 1.0.0-beta.1

package/dist/css/index.js

@@ -0,0 +1,662 @@
+import { createLayoutHelpers } from '@oddkin/core/layout';
+import { css, unsafeCSS } from '@oddkin/core/styles';
+import { token } from '@oddkin/tokens/refs';
+import { nativeButtonStyles } from '../button/button.native.styles.js';
+import { controlStyles } from '../styles/control.styles.js';
+import { fieldStructuralStyles } from '../styles/field.structural.styles.js';
+/** A focused reset that keeps inherited typography, direction, and user preferences. */
+export const reset = {
+    layer: 'odd.reset',
+    styles: css `
+    *,
+    *::before,
+    *::after {
+      box-sizing: border-box;
+    }
+    body {
+      margin: 0;
+    }
+    img,
+    picture,
+    video,
+    canvas,
+    svg {
+      max-inline-size: 100%;
+      block-size: auto;
+    }
+    input,
+    button,
+    textarea,
+    select {
+      font: inherit;
+    }
+    h1,
+    h2,
+    h3,
+    h4,
+    h5,
+    h6,
+    p,
+    li,
+    dd,
+    figcaption,
+    blockquote {
+      overflow-wrap: break-word;
+    }
+    @media (prefers-reduced-motion: reduce) {
+      html {
+        scroll-behavior: auto;
+      }
+    }
+  `,
+};
+/** Page defaults from the theme: text, surface, links, code, and the keyboard focus ring. */
+export const base = {
+    layer: 'odd.base',
+    styles: css `
+    body {
+      background-color: ${token('color.canvas')};
+      color: ${token('color.text.primary')};
+      font-family: ${token('type.body.family')};
+      font-size: ${token('type.body.size')};
+      font-weight: ${token('type.body.weight')};
+      line-height: ${token('type.body.line-height')};
+      letter-spacing: ${token('type.body.letter-spacing')};
+    }
+    a {
+      color: ${token('color.link')};
+    }
+    code,
+    kbd,
+    pre,
+    samp {
+      font-family: ${token('font.family.mono')};
+    }
+    :focus-visible {
+      outline: ${token('focus.width')} solid ${token('color.focus.ring')};
+      outline-offset: ${token('focus.offset')};
+    }
+  `,
+};
+/** A class's override property, falling back to the theme's layout role. */
+const knob = (name, fallback) => `var(--odd-${name}, ${fallback})`;
+const rule = (selector, declarations) => `${selector} {\n${declarations.map(([property, value]) => `  ${property}: ${value};`).join('\n')}\n}`;
+function layoutClasses() {
+    const helpers = createLayoutHelpers();
+    const gap = (name) => knob(`${name}-gap`, token('layout.gap'));
+    const split = helpers.split({
+        side: 'side',
+        main: 'main',
+        gap: gap('split'),
+        sideWidth: knob('split-side-width', token('layout.sidebar-width')),
+        // Capped at the container: a main minimum wider than the split would overflow it.
+        mainMin: `min(${knob('split-main-min', token('layout.main-min'))}, 100%)`,
+    });
+    return unsafeCSS([
+        rule('.odd-stack', helpers.stack({ gap: gap('stack') }).declarations),
+        // Figma's variants (Oddkin/Layout/*) are presets that set the token itself, so a property
+        // an ancestor sets for its own class never overrides them.
+        rule('.odd-stack-tight', [['gap', token('space.xs')]]),
+        rule('.odd-stack-loose', [['gap', token('space.lg')]]),
+        rule('.odd-row', helpers.row({ gap: gap('row') }).declarations),
+        rule('.odd-row-between', [['justify-content', 'space-between']]),
+        rule('.odd-cluster', helpers.row({ gap: gap('cluster'), wrap: true }).declarations),
+        rule('.odd-grid', helpers.css({
+            display: 'grid',
+            'grid-template-columns': `repeat(${knob('grid-columns', '2')}, minmax(0, 1fr))`,
+            gap: gap('grid'),
+        }).declarations),
+        rule('.odd-auto-grid', helpers.autoGrid({
+            min: knob('auto-grid-min', token('layout.item-min')),
+            gap: gap('auto-grid'),
+        }).declarations),
+        // Few items stretch across the row instead of keeping empty tracks (card grids).
+        rule('.odd-auto-grid-fit', helpers
+            .autoGrid({ min: knob('auto-grid-min', token('layout.item-min')), fill: 'auto-fit' })
+            .declarations.filter(([property]) => property === 'grid-template-columns')),
+        // On either grid: each item's one child fills the row's height, so cards in a row match.
+        rule('.odd-grid-stretch > *', [
+            ['display', 'grid'],
+            ['grid-template-columns', 'minmax(0, 1fr)'],
+        ]),
+        rule('.odd-box', helpers.css({ padding: knob('box-inset', token('layout.inset')), 'min-inline-size': '0' })
+            .declarations),
+        rule('.odd-box-none', [['padding', token('space.none')]]),
+        rule('.odd-box-roomy', [['padding', token('space.xl')]]),
+        rule('.odd-center', helpers.css({ display: 'grid', 'place-items': 'center', 'min-inline-size': '0' })
+            .declarations),
+        // The ratio holds whatever the content (its one track has no minimum); children share one cell, so a
+        // caption can sit over the media, and media fill it.
+        rule('.odd-aspect-ratio', helpers.css({
+            display: 'grid',
+            'grid-template-columns': 'minmax(0, 1fr)',
+            'grid-template-rows': 'minmax(0, 1fr)',
+            'aspect-ratio': knob('aspect-ratio', '16 / 9'),
+            'min-inline-size': '0',
+        }).declarations),
+        rule('.odd-aspect-ratio > *', [['grid-area', '1 / 1']]),
+        rule('.odd-aspect-ratio > :is(img, video, iframe, canvas, svg)', [
+            ['inline-size', '100%'],
+            ['block-size', '100%'],
+            ['object-fit', 'cover'],
+        ]),
+        // Two children in DOM order: the first is the side, the last takes the remaining space.
+        rule('.odd-split', split.declarations),
+        rule('.odd-split > :first-child', split.regions?.['side'] ?? []),
+        rule('.odd-split > :last-child', split.regions?.['main'] ?? []),
+        // The side after the main content: the same regions, the other way round.
+        rule('.odd-split-end > :first-child', split.regions?.['main'] ?? []),
+        rule('.odd-split-end > :last-child', [
+            ...(split.regions?.['side'] ?? []),
+            // Not the main minimum: the initial value, as for the side of odd-split.
+            ['min-inline-size', 'initial'],
+        ]),
+    ].join('\n'));
+}
+/**
+ * Page-author layout classes generated from the same helpers as recipes, with an override
+ * property per option (`--odd-stack-gap`, `--odd-split-side-width`, …) defaulting to the
+ * theme's layout roles: `.odd-stack` (`-tight`, `-loose`), `.odd-row` (`-between`),
+ * `.odd-cluster`, `.odd-grid`, `.odd-auto-grid` (`-fit`), `.odd-grid-stretch` (on either grid),
+ * `.odd-split` (`-end`), `.odd-box`
+ * (`-none`, `-roomy`), `.odd-center`, and `.odd-aspect-ratio`.
+ */
+export const layout = { layer: 'odd.layout', styles: layoutClasses() };
+/**
+ * `<button class="odd-button">`: native buttons that look like `odd-button`, for forms that need
+ * native submit-button semantics. Indented one level, as the stylesheet writer expects of
+ * templates nested in this module.
+ */
+export const button = {
+    layer: 'odd.components',
+    styles: unsafeCSS(nativeButtonStyles.cssText.replace(/\n(?=.)/g, '\n  ')),
+};
+const TYPE_ROLES = ['display', 'title', 'section', 'body', 'ui', 'small', 'eyebrow', 'code'];
+// Roles Figma draws in the secondary text colour; headings balance their lines where supported.
+const SECONDARY_ROLES = new Set(['small', 'eyebrow', 'code']);
+const HEADING_ROLES = new Set(['display', 'title', 'section']);
+/**
+ * `.odd-type-<role>`: the eight type roles (`display`, `title`, `section`, `body`, `ui`, `small`,
+ * `eyebrow`, `code`) on any element; native `h1`–`h6` and `p` keep their semantics.
+ */
+export const typography = {
+    layer: 'odd.components',
+    styles: unsafeCSS(TYPE_ROLES.map((role) => rule(`.odd-type-${role}`, [
+        ['font-family', token(`type.${role}.family`)],
+        ['font-size', token(`type.${role}.size`)],
+        ['font-weight', token(`type.${role}.weight`)],
+        ['line-height', token(`type.${role}.line-height`)],
+        ['letter-spacing', token(`type.${role}.letter-spacing`)],
+        ...(SECONDARY_ROLES.has(role)
+            ? [['color', token('color.text.secondary')]]
+            : []),
+        ...(HEADING_ROLES.has(role) ? [['margin-block', '0']] : []),
+    ]))
+        .concat(rule([...HEADING_ROLES].map((role) => `.odd-type-${role}`).join(', '), [
+        ['text-wrap', 'balance'],
+    ]))
+        .join('\n')),
+};
+/** `a.odd-link`: link colour, an underline on hover, and the shared keyboard focus ring. */
+export const link = {
+    layer: 'odd.components',
+    styles: css `
+    .odd-link {
+      color: ${token('color.link')};
+      font-family: ${token('type.ui.family')};
+      font-size: ${token('type.ui.size')};
+      font-weight: ${token('type.ui.weight')};
+      line-height: ${token('type.ui.line-height')};
+      text-decoration-line: none;
+      text-underline-offset: 0.2em;
+      border-radius: ${token('radius.sm')};
+    }
+    .odd-link:hover,
+    .odd-link:focus-visible {
+      text-decoration-line: underline;
+    }
+    .odd-link:focus-visible {
+      outline: ${token('focus.width')} solid ${token('color.focus.ring')};
+      outline-offset: ${token('focus.offset')};
+    }
+    p .odd-link,
+    li .odd-link {
+      font: inherit;
+      text-decoration-line: underline;
+    }
+  `,
+};
+/** `hr.odd-divider`, or a labelled `.odd-divider` ("or") the author gives `role="separator"`. */
+export const divider = {
+    layer: 'odd.components',
+    styles: css `
+    hr.odd-divider {
+      block-size: 0;
+      margin-block: ${token('space.md')};
+      border: 0;
+      border-block-start: ${token('border.width.default')} solid ${token('color.border.default')};
+    }
+    .odd-divider:not(hr) {
+      display: flex;
+      align-items: center;
+      gap: ${token('space.sm')};
+      margin-block: ${token('space.md')};
+      color: ${token('color.text.secondary')};
+      font-family: ${token('type.small.family')};
+      font-size: ${token('type.small.size')};
+      font-weight: ${token('type.small.weight')};
+      line-height: ${token('type.small.line-height')};
+    }
+    .odd-divider:not(hr)::before,
+    .odd-divider:not(hr)::after {
+      content: '';
+      flex: 1;
+      border-block-start: ${token('border.width.default')} solid ${token('color.border.default')};
+    }
+  `,
+};
+/** `kbd.odd-kbd`: a key cap that does not look clickable; sequences are adjacent keys. */
+export const kbd = {
+    layer: 'odd.components',
+    styles: css `
+    .odd-kbd {
+      display: inline-block;
+      min-inline-size: 1.75em;
+      padding-inline: ${token('space.2xs')};
+      border: ${token('border.width.default')} solid ${token('color.border.default')};
+      border-radius: ${token('radius.sm')};
+      background: ${token('color.surface.default')};
+      color: ${token('color.text.secondary')};
+      font-family: ${token('type.code.family')};
+      font-size: ${token('type.code.size')};
+      font-weight: ${token('type.code.weight')};
+      line-height: ${token('type.code.line-height')};
+      text-align: center;
+      white-space: nowrap;
+    }
+    @media (forced-colors: active) {
+      .odd-kbd {
+        border-color: CanvasText;
+      }
+    }
+  `,
+};
+/**
+ * `ul.odd-list` / `ol.odd-list`: rows on a bordered surface, divided by rules; `.odd-list-meta`
+ * for secondary text; the item with `aria-current` takes the selection colours.
+ */
+export const list = {
+    layer: 'odd.components',
+    styles: css `
+    .odd-list {
+      margin: 0;
+      padding: 0;
+      list-style: none;
+      border: ${token('border.width.default')} solid ${token('color.border.default')};
+      border-radius: ${token('card.radius')};
+      background: ${token('color.surface.default')};
+      overflow: hidden;
+      color: ${token('color.text.primary')};
+      font-family: ${token('type.ui.family')};
+      font-size: ${token('type.ui.size')};
+      font-weight: ${token('type.ui.weight')};
+      line-height: ${token('type.ui.line-height')};
+    }
+    .odd-list > li {
+      display: flex;
+      align-items: center;
+      gap: ${token('space.sm')};
+      min-block-size: ${token('target.min')};
+      padding: ${token('space.sm')} ${token('space.md')};
+      overflow-wrap: anywhere;
+    }
+    .odd-list > li + li {
+      border-block-start: ${token('border.width.default')} solid ${token('color.border.default')};
+    }
+    .odd-list-meta {
+      color: ${token('color.text.secondary')};
+    }
+    .odd-list > li[aria-current]:not([aria-current='false']) {
+      background: ${token('color.selection.background')};
+      color: ${token('color.selection.foreground')};
+    }
+    .odd-list > li[aria-current]:not([aria-current='false']) .odd-list-meta {
+      color: inherit;
+    }
+    @media (forced-colors: active) {
+      .odd-list > li[aria-current]:not([aria-current='false']) {
+        outline: ${token('border.width.strong')} solid Highlight;
+        outline-offset: -2px;
+      }
+    }
+  `,
+};
+/**
+ * `table.odd-table`: a native table on a bordered surface; header cells on the sunken surface,
+ * rows divided by rules, `aria-sort` headers in the primary colour, and a row holding a checked
+ * checkbox in the selection colours.
+ */
+export const table = {
+    layer: 'odd.components',
+    styles: css `
+    .odd-table {
+      inline-size: 100%;
+      border-collapse: separate;
+      border-spacing: 0;
+      border: ${token('border.width.default')} solid ${token('color.border.default')};
+      border-radius: ${token('card.radius')};
+      background: ${token('color.surface.default')};
+      overflow: hidden;
+      color: ${token('color.text.primary')};
+      font-family: ${token('type.ui.family')};
+      font-size: ${token('type.ui.size')};
+      font-weight: ${token('type.ui.weight')};
+      line-height: ${token('type.ui.line-height')};
+    }
+    .odd-table :is(th, td) {
+      padding: ${token('space.sm')} ${token('space.md')};
+      text-align: start;
+      vertical-align: middle;
+      overflow-wrap: anywhere;
+    }
+    .odd-table thead th {
+      background: ${token('color.surface.sunken')};
+      color: ${token('color.text.secondary')};
+      font-weight: ${token('font.weight.medium')};
+    }
+    .odd-table th[aria-sort]:not([aria-sort='none']) {
+      color: ${token('color.text.primary')};
+    }
+    .odd-table tbody tr + tr > * {
+      border-block-start: ${token('border.width.default')} solid ${token('color.border.default')};
+    }
+    .odd-table tbody tr:has(input[type='checkbox']:checked) {
+      background: ${token('color.selection.background')};
+      color: ${token('color.selection.foreground')};
+    }
+    .odd-table caption {
+      padding-block: ${token('space.xs')};
+      text-align: start;
+    }
+  `,
+};
+/**
+ * `.odd-field`: the field anatomy for native and third-party controls (`.odd-field-label`,
+ * `.odd-field-description`, `.odd-field-control`, `.odd-field-error`), generated from the rules
+ * of Oddkin's form controls, with the same `--odd-field-*` variables. The author wires
+ * `<label for>`, `aria-describedby`, and `aria-invalid`.
+ */
+export const field = {
+    layer: 'odd.components',
+    styles: unsafeCSS([fieldStructuralStyles, controlStyles]
+        .map((sheet) => sheet.cssText.replace(/\.(field|label|description|error|control)\b/g, (_, name) => name === 'field' ? '.odd-field' : `.odd-field-${name}`))
+        .join('')
+        .replace(/\n(?=.)/g, '\n  ')),
+};
+/**
+ * `.odd-avatar-group`: overlapping `odd-avatar` children, each ringed in the page colour;
+ * `.odd-avatar-group-more` on the last one for an overflow count ("+3").
+ */
+export const avatarGroup = {
+    layer: 'odd.components',
+    styles: css `
+    .odd-avatar-group {
+      display: inline-flex;
+      align-items: center;
+    }
+    .odd-avatar-group > * + * {
+      margin-inline-start: calc(-1 * ${token('space.xs')});
+    }
+    .odd-avatar-group > odd-avatar::part(base) {
+      box-shadow: 0 0 0 ${token('border.width.strong')} ${token('color.canvas')};
+    }
+    .odd-avatar-group > .odd-avatar-group-more::part(base) {
+      background: ${token('color.action.default')};
+      color: ${token('color.text.on-action')};
+    }
+  `,
+};
+/**
+ * `dl.odd-description-list`: term and value pairs, each pair a `div` row (`<div><dt>…</dt>
+ * <dd>…</dd></div>`) divided by rules, with one stable term column for every row (at most
+ * `--odd-description-list-term-width`). The list is an inline-size container: below 36rem of its
+ * own width each term stacks above its value. A missing value is author text ("Not provided").
+ */
+export const descriptionList = {
+    layer: 'odd.components',
+    styles: css `
+    .odd-description-list {
+      container: odd-description-list / inline-size;
+      display: grid;
+      grid-template-columns:
+        fit-content(var(--odd-description-list-term-width, 33%))
+        minmax(0, 1fr);
+      gap: ${token('space.md')} ${token('space.xs')};
+      margin: 0;
+      color: ${token('color.text.primary')};
+      font-family: ${token('type.body.family')};
+      font-size: ${token('type.body.size')};
+      font-weight: ${token('type.body.weight')};
+      line-height: ${token('type.body.line-height')};
+      letter-spacing: ${token('type.body.letter-spacing')};
+    }
+    .odd-description-list > div {
+      display: grid;
+      grid-column: 1 / -1;
+      grid-template-columns: subgrid;
+    }
+    .odd-description-list > div + div {
+      padding-block-start: ${token('space.md')};
+      border-block-start: ${token('border.width.default')} solid ${token('color.border.default')};
+    }
+    .odd-description-list dt {
+      color: ${token('color.text.secondary')};
+      font-family: ${token('type.ui.family')};
+      font-size: ${token('type.ui.size')};
+      font-weight: ${token('type.ui.weight')};
+      line-height: ${token('type.ui.line-height')};
+      letter-spacing: ${token('type.ui.letter-spacing')};
+    }
+    .odd-description-list dd {
+      margin: 0;
+      min-inline-size: 0;
+      overflow-wrap: anywhere;
+    }
+    @container odd-description-list (max-inline-size: 36rem) {
+      .odd-description-list > div {
+        display: flex;
+        flex-direction: column;
+        gap: ${token('space.xs')};
+      }
+    }
+  `,
+};
+/**
+ * `ol.odd-timeline`: events newest first, each an `li` holding an `odd-status-marker` and its
+ * content (`<li><odd-status-marker status="complete"></odd-status-marker><div>title, time,
+ * detail</div></li>`). Markers sit on a rail joined by a connector; the title takes the UI role
+ * (the danger colour when the event failed), the time and detail the small secondary role.
+ */
+export const timeline = {
+    layer: 'odd.components',
+    styles: css `
+    .odd-timeline {
+      --_marker: ${token('icon.size.lg')};
+      display: flex;
+      flex-direction: column;
+      margin: 0;
+      padding: 0;
+      list-style: none;
+    }
+    .odd-timeline > li {
+      position: relative;
+      display: flex;
+      gap: ${token('space.sm')};
+    }
+    .odd-timeline > li:not(:last-child) {
+      padding-block-end: ${token('space.md')};
+    }
+    .odd-timeline > li:not(:last-child)::after {
+      content: '';
+      position: absolute;
+      inset-block: calc(var(--_marker) + ${token('space.2xs')}) 0;
+      inset-inline-start: calc((var(--_marker) - ${token('border.width.default')}) / 2);
+      inline-size: ${token('border.width.default')};
+      background: ${token('color.border.default')};
+    }
+    .odd-timeline odd-status-marker {
+      --odd-status-marker-size: var(--_marker);
+    }
+    .odd-timeline odd-status-marker::part(base) {
+      border-width: 0;
+      background: ${token('color.surface.sunken')};
+      color: ${token('color.text.secondary')};
+    }
+    .odd-timeline odd-status-marker:is([status='complete'], [status='pending'])::part(base) {
+      background: ${token('color.selection.surface')};
+      color: ${token('color.selection.foreground')};
+    }
+    .odd-timeline odd-status-marker[status='failed']::part(base) {
+      background: ${token('color.danger.surface')};
+      color: ${token('color.danger.foreground')};
+    }
+    .odd-timeline > li > :last-child {
+      display: flex;
+      flex-direction: column;
+      gap: ${token('space.2xs')};
+      min-inline-size: 0;
+      overflow-wrap: anywhere;
+    }
+    .odd-timeline > li > :last-child > * {
+      margin: 0;
+      color: ${token('color.text.secondary')};
+      font-family: ${token('type.small.family')};
+      font-size: ${token('type.small.size')};
+      font-weight: ${token('type.small.weight')};
+      line-height: ${token('type.small.line-height')};
+    }
+    .odd-timeline > li > :last-child > :first-child {
+      color: ${token('color.text.primary')};
+      font-family: ${token('type.ui.family')};
+      font-size: ${token('type.ui.size')};
+      font-weight: ${token('type.ui.weight')};
+      line-height: ${token('type.ui.line-height')};
+    }
+    .odd-timeline > li:has(> odd-status-marker[status='failed']) > :last-child > :first-child {
+      color: ${token('color.danger.foreground')};
+    }
+    @media (forced-colors: active) {
+      .odd-timeline > li:not(:last-child)::after {
+        background: CanvasText;
+      }
+      .odd-timeline odd-status-marker::part(base) {
+        border-width: ${token('border.width.default')};
+      }
+    }
+  `,
+};
+/**
+ * `ol.odd-stepper`: the steps of a task, each an `li` holding an `odd-status-marker` (a number,
+ * or complete or failed) and its words (`<div><a href>Name</a><span>Complete</span></div>`). The
+ * current step has `aria-current="step"` (on the `li` or its link) and the action colours; a
+ * failed step's words take the danger colour. Step links keep the text colour and their underline.
+ * Steps sit in a row and stack at 36rem of the list.
+ */
+export const stepper = {
+    layer: 'odd.components',
+    styles: css `
+    .odd-stepper {
+      container: odd-stepper / inline-size;
+      display: flex;
+      flex-wrap: wrap;
+      gap: ${token('space.sm')};
+      margin: 0;
+      padding: 0;
+      list-style: none;
+    }
+    .odd-stepper > li {
+      display: flex;
+      flex: 1 1 0;
+      align-items: center;
+      gap: ${token('space.xs')};
+      min-inline-size: 0;
+    }
+    .odd-stepper > li > :last-child {
+      display: flex;
+      flex-direction: column;
+      gap: ${token('space.2xs')};
+      min-inline-size: 0;
+      overflow-wrap: anywhere;
+      color: ${token('color.text.primary')};
+      font-family: ${token('type.ui.family')};
+      font-size: ${token('type.ui.size')};
+      font-weight: ${token('type.ui.weight')};
+      line-height: ${token('type.ui.line-height')};
+    }
+    .odd-stepper > li > :last-child > :not(:first-child) {
+      color: ${token('color.text.secondary')};
+      font-family: ${token('type.small.family')};
+      font-size: ${token('type.small.size')};
+      font-weight: ${token('type.small.weight')};
+      line-height: ${token('type.small.line-height')};
+    }
+    .odd-stepper a {
+      color: inherit;
+    }
+    .odd-stepper > li:has(> odd-status-marker[status='failed']) > :last-child > :not(:first-child) {
+      color: ${token('color.danger.foreground')};
+    }
+    .odd-stepper
+      > :is([aria-current='step'], :has([aria-current='step']))
+      > odd-status-marker::part(base) {
+      border-color: ${token('color.action.default')};
+      background: ${token('color.action.default')};
+      color: ${token('color.text.on-action')};
+    }
+    @container odd-stepper (max-inline-size: 36rem) {
+      .odd-stepper > li {
+        flex-basis: 100%;
+      }
+    }
+  `,
+};
+/** Page-level utilities with the same rules as the shadow-root primitives. */
+export const utilities = {
+    layer: 'odd.utilities',
+    styles: css `
+    .odd-visually-hidden {
+      position: absolute;
+      inline-size: 1px;
+      block-size: 1px;
+      margin: -1px;
+      padding: 0;
+      overflow: hidden;
+      clip-path: inset(50%);
+      white-space: nowrap;
+      border: 0;
+    }
+    .odd-focus-ring:focus-visible {
+      outline: ${token('focus.width')} solid ${token('color.focus.ring')};
+      outline-offset: ${token('focus.offset')};
+    }
+  `,
+};
+export const documentStylesheets = {
+    reset,
+    base,
+    layout,
+    button,
+    typography,
+    link,
+    divider,
+    kbd,
+    list,
+    table,
+    field,
+    'avatar-group': avatarGroup,
+    'description-list': descriptionList,
+    timeline,
+    stepper,
+    utilities,
+};
+//# sourceMappingURL=index.js.map

package/dist/css/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/css/index.ts"],"names":[],"mappings":"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"}