@orange-halo/components 2.1.0 → 3.0.0

package/dist/oh-breadcrumb.js

@@ -1,24 +1,20 @@
 /**
  * oh-breadcrumb
  *
- * Accessible breadcrumb navigation with responsive collapse.
- *
  * DESIGN DECISIONS:
  * ─────────────────
  * 1. SEMANTIC STRUCTURE
- *    - <nav> with aria-label="Breadcrumb"
- *    - <ol> for ordered list semantics
- *    - aria-current="page" on last item
+ *    - <nav aria-label="Breadcrumb"> around an <ol>
+ *    - aria-current="page" on the last item, which is not a link
+ *    - Separators are aria-hidden
  *
- * 2. REUSES EXISTING STYLES
- *    - Link styles match oh-link (dashed underline, shrink animation)
- *    - Typography and spacing from tokens
+ * 2. LINKS MIRROR oh-link INLINE
+ *    - Same underline tokens and hover/focus behaviour, written locally
+ *      so the trail is one component
  *
  * 3. RESPONSIVE
- *    - Desktop: Full breadcrumb trail
- *    - Mobile (<640px): Collapses to "← Back to [parent]"
- *
- * @element oh-breadcrumb
+ *    - Wide viewports: the full trail
+ *    - Below `size.breakpoint.sm`: a single "Back to [parent]" link
  */
 var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
@@ -29,6 +25,37 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { html, css, nothing } from "lit";
 import { customElement, property } from "lit/decorators.js";
 import { OhElement, baseStyles } from "./base.js";
+/**
+ * A breadcrumb trail showing where the current page sits in the site's hierarchy.
+ *
+ * **Use it for** pages two or more levels deep in a hierarchy. **Don't use it
+ * for** a site's main navigation (use `oh-navbar`) or for steps in a process.
+ *
+ * **Parts:** pass `items`, an array of `{ label, href }`, from the top level
+ * down. The last item is the current page and is shown as text, not a link.
+ *
+ * **Behaviour:** below the `size.breakpoint.sm` width the trail collapses to a
+ * single "Back to [parent]" link to the second-to-last item; with one item,
+ * nothing shows there. Link underlines retract on hover; keyboard focus
+ * (`:focus-visible`) shows a solid underline and a background tint.
+ * Transitions are cut short under `prefers-reduced-motion`. Renders nothing
+ * when `items` is empty.
+ *
+ * **Accessibility:** renders `<nav aria-label="Breadcrumb">` with an ordered
+ * list, `aria-current="page"` on the last item and `aria-hidden` separators.
+ * Use one breadcrumb per page.
+ *
+ * **Look:** set by tokens — `color.text.link` the links,
+ * `decoration.underlineThickness`, `decoration.underlineDash` and
+ * `decoration.underlinePeriod` their underline; `color.brand.primary` the
+ * focus underline and `color.surface.hover` the focus tint;
+ * `color.text.primary` and `typography.label.base.fontWeight` the current
+ * page; `color.text.secondary` the separators; `typography.body.*` the text;
+ * `spacing.*` the gaps; `motion.relaxed` and `motion.easeGentle` the
+ * transitions.
+ *
+ * @element oh-breadcrumb
+ */
 let OhBreadcrumb = class OhBreadcrumb extends OhElement {
     constructor() {
         super(...arguments);
@@ -37,11 +64,6 @@ let OhBreadcrumb = class OhBreadcrumb extends OhElement {
     static { this.styles = [
         baseStyles,
         css `
-      /* ═══════════════════════════════════════════════════════════════
-         ORANGE HALO BREADCRUMB
-         Semantic • Responsive • Accessible
-         ═══════════════════════════════════════════════════════════════ */
-
       :host {
         display: block;
         font-family: var(--oh-typography-body-font-family);
@@ -91,7 +113,7 @@ let OhBreadcrumb = class OhBreadcrumb extends OhElement {
       }
 
       .breadcrumb-link::after {
-        content: '';
+        content: "";
         position: absolute;
         left: 0;
         bottom: 0;
@@ -107,7 +129,8 @@ let OhBreadcrumb = class OhBreadcrumb extends OhElement {
         background-size: 100% 100%;
         background-repeat: no-repeat;
         transform-origin: right;
-        transition: transform var(--oh-motion-relaxed) var(--oh-motion-ease-gentle);
+        transition: transform var(--oh-motion-relaxed)
+          var(--oh-motion-ease-gentle);
       }
 
       .breadcrumb-link:hover::after {
@@ -157,7 +180,7 @@ let OhBreadcrumb = class OhBreadcrumb extends OhElement {
       }
 
       .back-link::after {
-        content: '';
+        content: "";
         position: absolute;
         left: 0;
         bottom: 0;
@@ -173,7 +196,8 @@ let OhBreadcrumb = class OhBreadcrumb extends OhElement {
         background-size: 100% 100%;
         background-repeat: no-repeat;
         transform-origin: right;
-        transition: transform var(--oh-motion-relaxed) var(--oh-motion-ease-gentle);
+        transition: transform var(--oh-motion-relaxed)
+          var(--oh-motion-ease-gentle);
       }
 
       .back-link:hover::after {
@@ -240,10 +264,16 @@ let OhBreadcrumb = class OhBreadcrumb extends OhElement {
             return html `
               <li class="breadcrumb-item">
                 ${isLast
-                ? html `<span class="breadcrumb-current" aria-current="page">${item.label}</span>`
-                : html `<a class="breadcrumb-link" href=${item.href || "#"}>${item.label}</a>`}
+                ? html `<span class="breadcrumb-current" aria-current="page"
+                      >${item.label}</span
+                    >`
+                : html `<a class="breadcrumb-link" href=${item.href || "#"}
+                      >${item.label}</a
+                    >`}
                 ${showSeparator
-                ? html `<span class="breadcrumb-separator" aria-hidden="true">/</span>`
+                ? html `<span class="breadcrumb-separator" aria-hidden="true"
+                      >/</span
+                    >`
                 : nothing}
               </li>
             `;
@@ -255,7 +285,18 @@ let OhBreadcrumb = class OhBreadcrumb extends OhElement {
             ? html `
               <div class="breadcrumb-back">
                 <a class="back-link" href=${parentItem.href || "#"}>
-                  <svg class="back-arrow" width="16" height="16" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
+                  <svg
+                    class="back-arrow"
+                    width="16"
+                    height="16"
+                    viewBox="0 0 16 16"
+                    fill="none"
+                    stroke="currentColor"
+                    stroke-width="2"
+                    stroke-linecap="round"
+                    stroke-linejoin="round"
+                    aria-hidden="true"
+                  >
                     <path d="M10 12L6 8L10 4" />
                   </svg>
                   <span>Back to ${parentItem.label}</span>

package/dist/oh-breadcrumb.js.map

@@ -1 +1 @@
-{"version":3,"file":"oh-breadcrumb.js","sourceRoot":"","sources":["../src/oh-breadcrumb.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;GAqBG;;;;;;;AAEH,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AACzC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAQ3C,IAAM,YAAY,GAAlB,MAAM,YAAa,SAAQ,SAAS;IAApC;;QAkML,UAAK,GAAqB,EAAE,CAAC;IA8C/B,CAAC;aA/OiB,WAAM,GAAG;QACvB,UAAU;QACV,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA2LF;KACF,AA9LqB,CA8LpB;IAKF,MAAM;QACJ,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YAC5B,OAAO,OAAO,CAAC;QACjB,CAAC;QAED,MAAM,UAAU,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;QAEpF,OAAO,IAAI,CAAA;;;;YAIH,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;YAC/B,MAAM,MAAM,GAAG,KAAK,KAAK,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC;YAC/C,MAAM,aAAa,GAAG,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC;YAEpD,OAAO,IAAI,CAAA;;kBAEL,MAAM;gBACN,CAAC,CAAC,IAAI,CAAA,wDAAwD,IAAI,CAAC,KAAK,SAAS;gBACjF,CAAC,CAAC,IAAI,CAAA,mCAAmC,IAAI,CAAC,IAAI,IAAI,GAAG,IAAI,IAAI,CAAC,KAAK,MAAM;kBAC7E,aAAa;gBACb,CAAC,CAAC,IAAI,CAAA,gEAAgE;gBACtE,CAAC,CAAC,OAAO;;aAEd,CAAC;QACJ,CAAC,CAAC;;;;UAIF,UAAU;YACV,CAAC,CAAC,IAAI,CAAA;;4CAE4B,UAAU,CAAC,IAAI,IAAI,GAAG;;;;kCAIhC,UAAU,CAAC,KAAK;;;aAGrC;YACH,CAAC,CAAC,OAAO;;KAEd,CAAC;IACJ,CAAC;;AA7CD;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;2CACG;AAlMlB,YAAY;IADxB,aAAa,CAAC,eAAe,CAAC;GAClB,YAAY,CAgPxB"}
+{"version":3,"file":"oh-breadcrumb.js","sourceRoot":"","sources":["../src/oh-breadcrumb.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;;;;;;;AAEH,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AACzC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAOlD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AAEI,IAAM,YAAY,GAAlB,MAAM,YAAa,SAAQ,SAAS;IAApC;;QA+LL,UAAK,GAAqB,EAAE,CAAC;IAgE/B,CAAC;aA9PiB,WAAM,GAAG;QACvB,UAAU;QACV,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAwLF;KACF,AA3LqB,CA2LpB;IAKF,MAAM;QACJ,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YAC5B,OAAO,OAAO,CAAC;QACjB,CAAC;QAED,MAAM,UAAU,GACd,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;QAEnE,OAAO,IAAI,CAAA;;;;YAIH,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;YAC/B,MAAM,MAAM,GAAG,KAAK,KAAK,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC;YAC/C,MAAM,aAAa,GAAG,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC;YAEpD,OAAO,IAAI,CAAA;;kBAEL,MAAM;gBACN,CAAC,CAAC,IAAI,CAAA;yBACC,IAAI,CAAC,KAAK;sBACb;gBACJ,CAAC,CAAC,IAAI,CAAA,mCAAmC,IAAI,CAAC,IAAI,IAAI,GAAG;yBAClD,IAAI,CAAC,KAAK;sBACb;kBACJ,aAAa;gBACb,CAAC,CAAC,IAAI,CAAA;;sBAEF;gBACJ,CAAC,CAAC,OAAO;;aAEd,CAAC;QACJ,CAAC,CAAC;;;;UAIF,UAAU;YACV,CAAC,CAAC,IAAI,CAAA;;4CAE4B,UAAU,CAAC,IAAI,IAAI,GAAG;;;;;;;;;;;;;;;kCAehC,UAAU,CAAC,KAAK;;;aAGrC;YACH,CAAC,CAAC,OAAO;;KAEd,CAAC;IACJ,CAAC;;AA/DD;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;2CACG;AA/LlB,YAAY;IADxB,aAAa,CAAC,eAAe,CAAC;GAClB,YAAY,CA+PxB"}

package/dist/oh-button.d.ts

@@ -1,37 +1,63 @@
 /**
  * oh-button
  *
- * A chunky, confident button with playful personality.
- * Inspired by hand-crafted, illustrative UI — not corporate SaaS.
- *
  * DESIGN DECISIONS:
  * ─────────────────
- * 1. CHUNKY & CONFIDENT
- *    - Thick border (stroke.control) that feels illustrative
- *    - Solid fills, no subtle gradients
- *    - Generous padding, substantial presence
+ * 1. Renders a native <button>, or an <a> when `href` is set, inside the
+ *    shadow root, so keyboard and screen reader behaviour come from the
+ *    platform. `accessible-label` is forwarded to it (an aria-label on the
+ *    host isn't).
+ * 2. Look comes from button.* component tokens: button.base.borderWidth
+ *    (stroke.control), button.base.borderRadius (shape.control),
+ *    button.variant.<variant>.* for fills, text, border and shadow colour,
+ *    button.size.<size>.* for type, padding and height.
+ * 3. Hover and active move the button by lift.hoverMd / lift.pressMd and set
+ *    the shadow offset to elevation.offset.2xl / elevation.offset.xs (rest is
+ *    elevation.offset.lg).
+ * 4. Focus is a solid underline on the label (an underline the button draws
+ *    itself for icon-only and loading buttons, whose text is hidden).
+ * 5. Loading uses aria-disabled + aria-busy, not disabled, so focus stays on
+ *    the button.
+ */
+import { OhElement } from "./base.js";
+export type ButtonVariant = "primary" | "secondary" | "accent";
+export type ButtonSize = "sm" | "md" | "lg";
+export type ButtonState = "default" | "hover" | "active" | "focus";
+/**
+ * A button that starts an action, or a link styled as a button when `href` is set.
  *
- * 2. OFFSET SHADOW (STICKER EFFECT)
- *    - Shadow offset to bottom-right
- *    - Feels like a physical sticker or stamp
- *    - Not a generic centered drop shadow
+ * **Use it for** actions: submitting, saving, opening a dialog, confirming.
+ * **Don't use it for** links inside running text (use `oh-link`).
  *
- * 3. PLAYFUL INTERACTIONS
- *    - Hover: slight upward lift + shadow grows
- *    - Active: pressed down, shadow shrinks (stamp effect)
- *    - Focus: warm glow + accessible underline
+ * **Variants:** `primary` for the main action, `secondary` for the others,
+ * `accent` for an action that takes the accent colour role. **Sizes:** `sm`, `md` (default), `lg`.
+ * **States:** rest, hover, active, focus and `loading`.
  *
- * 4. HAND-CRAFTED FEEL
- *    - Bold, defined edges
- *    - Confident color choices
- *    - Personality over polish
+ * **Behaviour:** fires `oh-click` when the inner `<button>` is clicked, except
+ * while `loading`. `loading` shows a spinner, keeps the label for screen
+ * readers, sets `aria-busy` and `aria-disabled` and ignores clicks, while the
+ * button stays focusable. With `href` it renders an `<a>` (and
+ * `target="_blank"` adds `rel="noopener noreferrer"`); link buttons don't fire
+ * `oh-click`. It has no `disabled` property and doesn't submit a form by
+ * itself: handle `oh-click`. Under `prefers-reduced-motion` it doesn't move.
+ *
+ * **Accessibility:** focus shows a solid underline on the label. An
+ * `icon-only` button has no visible text, so always set `accessible-label`
+ * (not `aria-label`, which isn't forwarded into the shadow root).
+ *
+ * **Look:** set by tokens — `stroke.control` (border width), `shape.control`
+ * (corners), `typography.control.*` (type), `button.variant.<variant>.*`
+ * (background, text, border and shadow colour per state), `button.size.<size>.*`
+ * (font size, padding, minimum height), `elevation.offset.*` (shadow offset)
+ * and `lift.hoverMd` / `lift.pressMd` (movement on hover and press).
  *
  * @element oh-button
+ * @fires oh-click - The button was clicked (not while loading). `detail.originalEvent` is the click.
+ * @slot - The label.
+ * @slot icon-left - An icon before the label.
+ * @slot icon-right - An icon after the label.
+ * @csspart button - The inner `<button>` or `<a>`.
  */
-import { OhElement } from "./base.js";
-export type ButtonVariant = "primary" | "secondary" | "accent";
-export type ButtonSize = "sm" | "md" | "lg";
-export type ButtonState = "default" | "hover" | "active" | "focus";
 export declare class OhButton extends OhElement {
     static styles: import("lit").CSSResult[];
     variant: ButtonVariant;

package/dist/oh-button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"oh-button.d.ts","sourceRoot":"","sources":["../src/oh-button.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AAIH,OAAO,EAAE,SAAS,EAAc,MAAM,WAAW,CAAC;AAElD,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,WAAW,GAAG,QAAQ,CAAC;AAC/D,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAC5C,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEnE,qBACa,QAAS,SAAQ,SAAS;IACrC,OAAgB,MAAM,4BA8WpB;IAGF,OAAO,EAAE,aAAa,CAAa;IAGnC,IAAI,EAAE,UAAU,CAAQ;IAGxB,OAAO,UAAS;IAGhB,QAAQ,UAAS;IAEjB;;;;OAIG;IAEH,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB;;;OAGG;IAEH,UAAU,EAAE,WAAW,CAAa;IAEpC,kEAAkE;IAElE,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,uDAAuD;IAEvD,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,OAAO,CAAC,YAAY;IASpB,+CAA+C;IACtC,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY;IAKrC,8CAA8C;IACrC,IAAI;IAKb,MAAM;CAuDP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,QAAQ,CAAC;KACvB;CACF"}
+{"version":3,"file":"oh-button.d.ts","sourceRoot":"","sources":["../src/oh-button.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;GAoBG;AAIH,OAAO,EAAE,SAAS,EAAc,MAAM,WAAW,CAAC;AAElD,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,WAAW,GAAG,QAAQ,CAAC;AAC/D,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAC5C,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEnE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AACH,qBACa,QAAS,SAAQ,SAAS;IACrC,OAAgB,MAAM,4BAuYpB;IAGF,OAAO,EAAE,aAAa,CAAa;IAGnC,IAAI,EAAE,UAAU,CAAQ;IAGxB,OAAO,UAAS;IAGhB,QAAQ,UAAS;IAEjB;;;;OAIG;IAEH,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB;;;OAGG;IAEH,UAAU,EAAE,WAAW,CAAa;IAEpC,kEAAkE;IAElE,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,uDAAuD;IAEvD,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,OAAO,CAAC,YAAY;IASpB,+CAA+C;IACtC,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY;IAKrC,8CAA8C;IACrC,IAAI;IAKb,MAAM;CAuDP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,QAAQ,CAAC;KACvB;CACF"}

package/dist/oh-button.figma.js

@@ -12,9 +12,7 @@ figma.connect("https://www.figma.com/design/q9ZYrOj2w9DrTVmgQFU7bu/OHDS?node-id=
         label: figma.string("Label"),
     },
     example: (props) => html `
-      <oh-button variant="${props.variant}">
-        ${props.label}
-      </oh-button>
+      <oh-button variant="${props.variant}"> ${props.label} </oh-button>
     `,
 });
 //# sourceMappingURL=oh-button.figma.js.map

package/dist/oh-button.figma.js.map

@@ -1 +1 @@
-{"version":3,"file":"oh-button.figma.js","sourceRoot":"","sources":["../src/oh-button.figma.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,0BAA0B,CAAC;AAEvD;;GAEG;AAEH,KAAK,CAAC,OAAO,CACX,uEAAuE,EACvE;IACE,KAAK,EAAE;QACL,OAAO,EAAE,KAAK,CAAC,IAAI,CAAC,SAAS,EAAE;YAC7B,OAAO,EAAE,SAAS;YAClB,SAAS,EAAE,WAAW;YACtB,MAAM,EAAE,QAAQ;SACjB,CAAC;QACF,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC;KAC7B;IACD,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,IAAI,CAAA;4BACA,KAAK,CAAC,OAAO;UAC/B,KAAK,CAAC,KAAK;;KAEhB;CACF,CACF,CAAC"}
+{"version":3,"file":"oh-button.figma.js","sourceRoot":"","sources":["../src/oh-button.figma.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,0BAA0B,CAAC;AAEvD;;GAEG;AAEH,KAAK,CAAC,OAAO,CACX,uEAAuE,EACvE;IACE,KAAK,EAAE;QACL,OAAO,EAAE,KAAK,CAAC,IAAI,CAAC,SAAS,EAAE;YAC7B,OAAO,EAAE,SAAS;YAClB,SAAS,EAAE,WAAW;YACtB,MAAM,EAAE,QAAQ;SACjB,CAAC;QACF,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC;KAC7B;IACD,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,IAAI,CAAA;4BACA,KAAK,CAAC,OAAO,MAAM,KAAK,CAAC,KAAK;KACrD;CACF,CACF,CAAC"}