@pantoken/components 0.5.1 → 0.7.0

package/README.md

@@ -79,12 +79,16 @@ namespace every class.
 - **`buttonCss` / `alertCss` / `badgeCss` (options?)** — one component's stylesheet.
 - **`baseCss(): string`** — the global reset plus the focus-outline ring.
 - **`proseCss(options?): string`** — the prose/content stylesheet. `options.scope` sets the
-  content-root selector (default `".pantoken-prose"`).
+  content-root selector (default `":where(body)"`, applied automatically like `baseCss()` — no wrapper
+  class required unless you pass a different `scope`, e.g. `".vp-doc"`).
 - **`elevationCss(options?)`, `focusOutlineCss(options?)`** — the shadow scale and focus ring, exposed
   for renderers that compose their own sheets (`@pantoken/pendo` does this).
 - **`viewCss`, `spacingUtilitiesCss`, `layoutUtilitiesCss`, `responsiveUtilitiesCss` (options?)** — the
-  utility builders. `responsiveUtilitiesCss` emits viewport `.<prefix>-hidden-{max,min}-{sm,md,lg,xl}`
-  classes plus a `.<prefix>-container` marker with `@container` `.<prefix>-cq-hidden-{max,min}-*`
+  utility builders. `responsiveUtilitiesCss` emits viewport `.<prefix>-hidden-{max,min}-<bp>` classes
+  at the `--instui-component-tray-width-*` scale (`xs`/`sm`/`md`/`lg`/`xl`, each also aliased to a
+  long-form spelling — `x-small`…`x-large` — and a device name — `mobile`/`phablet`/`tablet`/`laptop`/
+  `desktop`), plus the unscaled, themed `content`/`content-full-width` tiers (the main content area's
+  max-width) — and a `.<prefix>-container` marker with `@container` `.<prefix>-cq-hidden-{max,min}-*`
   variants (component-width responsiveness). The generic token→class emitters (`colorUtilitiesCss`,
   `tokenUtilitiesCss`) come from `@pantoken/utils`.
 - **`ComponentOptions`, `ProseOptions`** — the option types.

package/dist/breadcrumb.css

@@ -1 +1 @@
-.instui-breadcrumb{align-items:center;gap:var(--instui-component-breadcrumb-gap-md);font-family:var(--instui-component-link-font-family);font-size:var(--instui-component-link-font-size-md);flex-wrap:wrap;display:flex}.instui-breadcrumb.-size-sm{gap:var(--instui-component-breadcrumb-gap-sm);font-size:var(--instui-component-link-font-size-sm)}.instui-breadcrumb.-size-lg{gap:var(--instui-component-breadcrumb-gap-lg);font-size:var(--instui-component-link-font-size-lg)}.instui-breadcrumb.-size-sm .item:not(:last-child):after{margin-inline-start:var(--instui-component-breadcrumb-gap-sm)}.instui-breadcrumb.-size-lg .item:not(:last-child):after{margin-inline-start:var(--instui-component-breadcrumb-gap-lg)}@scope(.instui-breadcrumb){:scope a{color:var(--instui-component-link-text-color);text-decoration:none}:scope a [class*=-icon-]{line-height:1}:scope a:hover{color:var(--instui-component-link-text-hover-color);text-decoration:underline}:scope>.item:not(:last-child):after{content:"/";color:var(--instui-color-text-muted);margin-inline-start:var(--instui-component-breadcrumb-gap-md)}}.instui-breadcrumb.-size-small{gap:var(--instui-component-breadcrumb-gap-sm);font-size:var(--instui-component-link-font-size-sm)}.instui-breadcrumb.-size-large{gap:var(--instui-component-breadcrumb-gap-lg);font-size:var(--instui-component-link-font-size-lg)}.instui-breadcrumb.-size-small .item:not(:last-child):after{margin-inline-start:var(--instui-component-breadcrumb-gap-sm)}.instui-breadcrumb.-size-large .item:not(:last-child):after{margin-inline-start:var(--instui-component-breadcrumb-gap-lg)}
+.instui-breadcrumb{display:block}.instui-breadcrumb:not(:has(>ol>li>a)){display:none}.instui-breadcrumb>ol{align-items:center;gap:var(--instui-component-breadcrumb-gap-md);font-family:var(--instui-component-link-font-family);font-size:var(--instui-component-link-font-size-md);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.instui-breadcrumb.-size-sm>ol{gap:var(--instui-component-breadcrumb-gap-sm);font-size:var(--instui-component-link-font-size-sm)}.instui-breadcrumb.-size-md>ol{gap:var(--instui-component-breadcrumb-gap-md);font-size:var(--instui-component-link-font-size-md)}.instui-breadcrumb.-size-lg>ol{gap:var(--instui-component-breadcrumb-gap-lg);font-size:var(--instui-component-link-font-size-lg)}.instui-breadcrumb.-size-small>ol{gap:var(--instui-component-breadcrumb-gap-sm);font-size:var(--instui-component-link-font-size-sm)}.instui-breadcrumb.-size-medium>ol{gap:var(--instui-component-breadcrumb-gap-md);font-size:var(--instui-component-link-font-size-md)}.instui-breadcrumb.-size-large>ol{gap:var(--instui-component-breadcrumb-gap-lg);font-size:var(--instui-component-link-font-size-lg)}

package/dist/breadcrumb.link.css

@@ -0,0 +1 @@
+@scope(.instui-breadcrumb){:scope.-size-sm li:not(:last-child):after{margin-inline-start:var(--instui-component-breadcrumb-gap-sm)}:scope.-size-md li:not(:last-child):after{margin-inline-start:var(--instui-component-breadcrumb-gap-md)}:scope.-size-lg li:not(:last-child):after{margin-inline-start:var(--instui-component-breadcrumb-gap-lg)}:scope>ol>li{margin:0}:scope a{color:var(--instui-component-link-text-color);text-decoration:none}:scope a[class*=-icon-]:before{margin-inline-end:var(--instui-spacing-space2xs)}:scope a:hover{color:var(--instui-component-link-text-hover-color);text-decoration:underline}:scope li:not(:last-child){color:var(--instui-color-text-muted)}:scope li:not(:last-child):after{content:"";vertical-align:-.125em;block-size:1em;inline-size:1em;-webkit-mask:var(--instui-icon-chevron-right) center / contain no-repeat;mask:var(--instui-icon-chevron-right) center / contain no-repeat;background:currentColor;margin-inline-start:var(--instui-component-breadcrumb-gap-md);display:inline-block}[dir=rtl] :scope li:not(:last-child):after{-webkit-mask:var(--instui-icon-chevron-left) center / contain no-repeat;mask:var(--instui-icon-chevron-left) center / contain no-repeat}@media (width<=47.9375em){:scope>ol:has(>li:nth-last-child(2))>li:not(:nth-last-child(2)),:scope li:not(:last-child):after{display:none}:scope li:nth-last-child(2):before{content:"";vertical-align:-.125em;block-size:1em;inline-size:1em;-webkit-mask:var(--instui-icon-chevron-left) center / contain no-repeat;mask:var(--instui-icon-chevron-left) center / contain no-repeat;background:currentColor;margin-inline-end:var(--instui-component-breadcrumb-gap-md);display:inline-block}[dir=rtl] :scope>li:nth-last-child(2)>a:before{-webkit-mask:var(--instui-icon-chevron-right) center / contain no-repeat;mask:var(--instui-icon-chevron-right) center / contain no-repeat}}}:scope.-size-small li:not(:last-child):after{margin-inline-start:var(--instui-component-breadcrumb-gap-sm)}:scope.-size-medium li:not(:last-child):after{margin-inline-start:var(--instui-component-breadcrumb-gap-md)}:scope.-size-large li:not(:last-child):after{margin-inline-start:var(--instui-component-breadcrumb-gap-lg)}

package/dist/calendar.css

@@ -1 +1 @@
-.instui-calendar{text-align:center;background:var(--instui-component-calendar-background);color:var(--instui-component-calendar-color);font-family:var(--instui-component-calendar-font-family);font-size:var(--instui-component-calendar-font-size);font-weight:var(--instui-component-calendar-font-weight);line-height:var(--instui-component-calendar-line-height);display:inline-block}@scope(.instui-calendar){:scope>.nav{justify-content:space-between;align-items:center;margin-block-end:var(--instui-component-calendar-nav-margin);display:flex}:scope>.grid{grid-template-columns:repeat(7, var(--instui-component-calendar-day-min-width));justify-content:center;gap:var(--instui-spacing-space2xs);display:grid}.weekday,.day{inline-size:var(--instui-component-calendar-day-min-width);block-size:var(--instui-component-calendar-day-height);justify-content:center;align-items:center;display:flex}.weekday{font-weight:var(--instui-font-weight-interactive)}.day{font-size:var(--instui-component-calendar-day-font-size);color:var(--instui-component-calendar-day-color);background:var(--instui-component-calendar-day-background);cursor:pointer}.day.-outside-month{color:var(--instui-component-calendar-day-outside-month-color)}.day.-today{background:var(--instui-component-calendar-day-today-background);color:var(--instui-component-calendar-day-today-color);border-radius:var(--instui-component-calendar-day-today-border-radius)}.day.-selected{background:var(--instui-component-calendar-day-selected-background);color:var(--instui-component-calendar-day-selected-color);border-radius:var(--instui-component-calendar-day-selected-border-radius)}}
+.instui-calendar{text-align:center;background:var(--instui-component-calendar-background);color:var(--instui-component-calendar-color);font-family:var(--instui-component-calendar-font-family);font-size:var(--instui-component-calendar-font-size);font-weight:var(--instui-component-calendar-font-weight);line-height:var(--instui-component-calendar-line-height);display:inline-block}@scope(.instui-calendar){:scope>.nav{justify-content:space-between;align-items:center;margin-block-end:var(--instui-component-calendar-nav-margin);display:flex}:scope>.grid{grid-template-columns:repeat(7, var(--instui-component-calendar-day-min-width));justify-content:center;gap:var(--instui-spacing-space2xs);display:grid}.weekday{inline-size:var(--instui-component-calendar-day-min-width);block-size:var(--instui-component-calendar-day-height);font-weight:var(--instui-font-weight-interactive);justify-content:center;align-items:center;display:flex}}

package/dist/calendar.day.css

@@ -0,0 +1 @@
+@scope(.instui-calendar){.day{inline-size:var(--instui-component-calendar-day-min-width);block-size:var(--instui-component-calendar-day-height);font-size:var(--instui-component-calendar-day-font-size);color:var(--instui-component-calendar-day-color);background:var(--instui-component-calendar-day-background);cursor:pointer;justify-content:center;align-items:center;display:flex}.day.-outside-month{color:var(--instui-component-calendar-day-outside-month-color)}.day.-today{background:var(--instui-component-calendar-day-today-background);color:var(--instui-component-calendar-day-today-color);border-radius:var(--instui-component-calendar-day-today-border-radius)}.day.-selected{background:var(--instui-component-calendar-day-selected-background);color:var(--instui-component-calendar-day-selected-color);border-radius:var(--instui-component-calendar-day-selected-border-radius)}}

package/dist/checkbox.css

@@ -1 +1 @@
-.instui-checkbox{align-items:center;gap:var(--instui-component-checkbox-gap);color:var(--instui-component-checkbox-label-base-color);font-family:var(--instui-component-checkbox-font-family);font-size:var(--instui-component-checkbox-font-size-md);font-weight:var(--instui-component-checkbox-font-weight);line-height:var(--instui-component-checkbox-line-height);display:inline-flex}.instui-checkbox.-label-placement-end{flex-direction:row}.instui-checkbox.-label-placement-start{flex-direction:row-reverse}.instui-checkbox.-label-placement-top{flex-direction:column-reverse;align-items:flex-start}.instui-checkbox:not(.instui-checkbox.-variant-toggle) input[type=checkbox]{-webkit-appearance:none;appearance:none;width:var(--instui-component-checkbox-control-size-md);height:var(--instui-component-checkbox-control-size-md);margin-block:var(--instui-component-checkbox-control-vertical-margin);border:var(--instui-component-checkbox-border-width) solid var(--instui-component-checkbox-border-color);border-radius:var(--instui-component-checkbox-border-radius);background:var(--instui-component-checkbox-background-color);cursor:pointer;--pantoken-cb-glyph:var(--instui-icon-check) center / contain no-repeat;flex:none;place-content:center;transition:background-color .15s,border-color .15s;display:inline-grid}.instui-checkbox:not(.instui-checkbox.-variant-toggle) input[type=checkbox]:before{content:"";background:oklch(from var(--instui-component-checkbox-background-checked-color) clamp(0, (.62 - l) * infinity, 1) 0 0);width:.75em;height:.75em;-webkit-mask:var(--pantoken-cb-glyph);mask:var(--pantoken-cb-glyph);transition:transform .1s;transform:scale(0)}.instui-checkbox:not(.instui-checkbox.-variant-toggle) input[type=checkbox]:hover{border-color:var(--instui-component-checkbox-border-hover-color);background:var(--instui-component-checkbox-background-hover-color)}.instui-checkbox:not(.instui-checkbox.-variant-toggle) input[type=checkbox]:checked,.instui-checkbox:not(.instui-checkbox.-variant-toggle) input[type=checkbox]:indeterminate{border-color:var(--instui-component-checkbox-border-checked-color);background:var(--instui-component-checkbox-background-checked-color)}.instui-checkbox:not(.instui-checkbox.-variant-toggle) input[type=checkbox]:checked:before,.instui-checkbox:not(.instui-checkbox.-variant-toggle) input[type=checkbox]:indeterminate:before{transform:scale(1)}.instui-checkbox:not(.instui-checkbox.-variant-toggle) input[type=checkbox]:indeterminate{--pantoken-cb-glyph:var(--instui-icon-minus) center / contain no-repeat}.instui-checkbox:not(.instui-checkbox.-variant-toggle) input[type=checkbox]:disabled{border-color:var(--instui-component-checkbox-border-disabled-color);background:var(--instui-component-checkbox-background-disabled-color);cursor:not-allowed}.instui-checkbox:has(input:disabled){color:var(--instui-component-checkbox-label-disabled-color)}.instui-checkbox:hover{color:var(--instui-component-checkbox-label-hover-color)}.instui-checkbox.-size-sm{font-size:var(--instui-component-checkbox-font-size-sm)}.instui-checkbox:not(.instui-checkbox.-variant-toggle).instui-checkbox.-size-sm input[type=checkbox]{width:var(--instui-component-checkbox-control-size-sm);height:var(--instui-component-checkbox-control-size-sm)}.instui-checkbox.-size-lg{font-size:var(--instui-component-checkbox-font-size-lg)}.instui-checkbox:not(.instui-checkbox.-variant-toggle).instui-checkbox.-size-lg input[type=checkbox]{width:var(--instui-component-checkbox-control-size-lg);height:var(--instui-component-checkbox-control-size-lg)}.instui-checkbox:not(.instui-checkbox.-variant-toggle).instui-checkbox.-invalid input[type=checkbox]{border-color:var(--instui-component-checkbox-error-border-color)}.instui-checkbox:not(.instui-checkbox.-variant-toggle).instui-checkbox.-invalid input[type=checkbox]:hover{border-color:var(--instui-component-checkbox-error-border-hover-color)}.instui-checkbox.-readonly{color:var(--instui-component-checkbox-label-readonly-color)}.instui-checkbox:not(.instui-checkbox.-variant-toggle).instui-checkbox.-readonly input[type=checkbox]{border-color:var(--instui-component-checkbox-border-readonly-color);background:var(--instui-component-checkbox-background-readonly-color)}@scope(.instui-checkbox){:scope.-required .asterisk{color:var(--instui-component-checkbox-asterisk-color)}}.instui-checkbox.-variant-toggle input[type=checkbox]{--pantoken-toggle-h:var(--instui-size-choice-control-height-md);--pantoken-toggle-w:var(--instui-component-radio-input-toggle-medium-height);--pantoken-toggle-bw:var(--instui-border-width-sm);--pantoken-toggle-inset:calc(var(--pantoken-toggle-bw) * 3);--pantoken-toggle-handle:calc(var(--pantoken-toggle-h) - var(--pantoken-toggle-inset) * 2);-webkit-appearance:none;appearance:none;width:var(--pantoken-toggle-w);height:var(--pantoken-toggle-h);border-radius:var(--pantoken-toggle-h);box-shadow:inset 0 0 0 var(--pantoken-toggle-bw) var(--instui-color-stroke-base);background:var(--instui-color-background-muted);cursor:pointer;border:0;transition:background-color .15s;position:relative}.instui-checkbox.-variant-toggle input[type=checkbox]:before{content:"";box-sizing:border-box;width:var(--pantoken-toggle-handle);height:var(--pantoken-toggle-handle);border:var(--pantoken-toggle-bw) solid var(--instui-color-stroke-base);background:var(--instui-component-radio-input-toggle-handle-text);top:50%;border-radius:50%;transition:inset-inline-start .15s;position:absolute;inset-inline-start:var(--pantoken-toggle-inset);transform:translateY(-50%)}.instui-checkbox.-variant-toggle input[type=checkbox]:after{content:"";width:var(--pantoken-toggle-handle);height:var(--pantoken-toggle-handle);background:var(--instui-color-text-muted);-webkit-mask:var(--instui-icon-x) center / 58% no-repeat;mask:var(--instui-icon-x) center / 58% no-repeat;top:50%;transition:inset-inline-start .15s;position:absolute;inset-inline-start:var(--pantoken-toggle-inset);transform:translateY(-50%)}.instui-checkbox.-variant-toggle input[type=checkbox]:checked{background:var(--instui-component-radio-input-toggle-background-success)}.instui-checkbox.-variant-toggle input[type=checkbox]:checked:before{border-color:var(--instui-component-radio-input-toggle-background-success);inset-inline-start:calc(100% - var(--pantoken-toggle-h) + var(--pantoken-toggle-inset))}.instui-checkbox.-variant-toggle input[type=checkbox]:checked:after{background:var(--instui-component-radio-input-toggle-background-success);-webkit-mask:var(--instui-icon-check) center / 58% no-repeat;mask:var(--instui-icon-check) center / 58% no-repeat;inset-inline-start:calc(100% - var(--pantoken-toggle-h) + var(--pantoken-toggle-inset))}.instui-checkbox.-size-small{font-size:var(--instui-component-checkbox-font-size-sm)}.instui-checkbox:not(.instui-checkbox.-variant-toggle).instui-checkbox.-size-small input[type=checkbox]{width:var(--instui-component-checkbox-control-size-sm);height:var(--instui-component-checkbox-control-size-sm)}.instui-checkbox.-size-large{font-size:var(--instui-component-checkbox-font-size-lg)}.instui-checkbox:not(.instui-checkbox.-variant-toggle).instui-checkbox.-size-large input[type=checkbox]{width:var(--instui-component-checkbox-control-size-lg);height:var(--instui-component-checkbox-control-size-lg)}
+.instui-checkbox{align-items:center;gap:var(--instui-component-checkbox-gap);color:var(--instui-component-checkbox-label-base-color);font-family:var(--instui-component-checkbox-font-family);font-size:var(--instui-component-checkbox-font-size-md);font-weight:var(--instui-component-checkbox-font-weight);line-height:var(--instui-component-checkbox-line-height);display:inline-flex}.instui-checkbox.-label-placement-end{flex-direction:row}.instui-checkbox.-label-placement-start{flex-direction:row-reverse}.instui-checkbox.-label-placement-top{flex-direction:column-reverse;align-items:flex-start}.instui-checkbox:not(.instui-checkbox.-variant-toggle) input[type=checkbox]{--pantoken-cb-glyph:var(--instui-icon-check) center / contain no-repeat;-webkit-appearance:none;appearance:none;width:var(--instui-component-checkbox-control-size-md);height:var(--instui-component-checkbox-control-size-md);margin-block:var(--instui-component-checkbox-control-vertical-margin);border:var(--instui-component-checkbox-border-width) solid var(--instui-component-checkbox-border-color);border-radius:var(--instui-component-checkbox-border-radius);background:var(--instui-component-checkbox-background-color);cursor:pointer;flex:none;place-content:center;transition:background-color .15s,border-color .15s;display:inline-grid}.instui-checkbox:not(.instui-checkbox.-variant-toggle) input[type=checkbox]:before{content:"";background:oklch(from var(--instui-component-checkbox-background-checked-color) clamp(0, (.62 - l) * infinity, 1) 0 0);width:.75em;height:.75em;-webkit-mask:var(--pantoken-cb-glyph);mask:var(--pantoken-cb-glyph);transition:transform .1s;transform:scale(0)}.instui-checkbox:not(.instui-checkbox.-variant-toggle) input[type=checkbox]:hover{border-color:var(--instui-component-checkbox-border-hover-color);background:var(--instui-component-checkbox-background-hover-color)}.instui-checkbox:not(.instui-checkbox.-variant-toggle) input[type=checkbox]:checked,.instui-checkbox:not(.instui-checkbox.-variant-toggle) input[type=checkbox]:indeterminate{border-color:var(--instui-component-checkbox-border-checked-color);background:var(--instui-component-checkbox-background-checked-color)}.instui-checkbox:not(.instui-checkbox.-variant-toggle) input[type=checkbox]:checked:before,.instui-checkbox:not(.instui-checkbox.-variant-toggle) input[type=checkbox]:indeterminate:before{transform:scale(1)}.instui-checkbox:not(.instui-checkbox.-variant-toggle) input[type=checkbox]:indeterminate{--pantoken-cb-glyph:var(--instui-icon-minus) center / contain no-repeat}.instui-checkbox:not(.instui-checkbox.-variant-toggle) input[type=checkbox]:disabled{border-color:var(--instui-component-checkbox-border-disabled-color);background:var(--instui-component-checkbox-background-disabled-color);cursor:not-allowed}.instui-checkbox:has(input:disabled){color:var(--instui-component-checkbox-label-disabled-color)}.instui-checkbox:hover{color:var(--instui-component-checkbox-label-hover-color)}.instui-checkbox.-size-sm{font-size:var(--instui-component-checkbox-font-size-sm)}.instui-checkbox:not(.instui-checkbox.-variant-toggle).instui-checkbox.-size-sm input[type=checkbox]{width:var(--instui-component-checkbox-control-size-sm);height:var(--instui-component-checkbox-control-size-sm)}.instui-checkbox.-size-lg{font-size:var(--instui-component-checkbox-font-size-lg)}.instui-checkbox:not(.instui-checkbox.-variant-toggle).instui-checkbox.-size-lg input[type=checkbox]{width:var(--instui-component-checkbox-control-size-lg);height:var(--instui-component-checkbox-control-size-lg)}.instui-checkbox:not(.instui-checkbox.-variant-toggle).instui-checkbox.-invalid input[type=checkbox]{border-color:var(--instui-component-checkbox-error-border-color)}.instui-checkbox:not(.instui-checkbox.-variant-toggle).instui-checkbox.-invalid input[type=checkbox]:hover{border-color:var(--instui-component-checkbox-error-border-hover-color)}.instui-checkbox.-readonly{color:var(--instui-component-checkbox-label-readonly-color)}.instui-checkbox:not(.instui-checkbox.-variant-toggle).instui-checkbox.-readonly input[type=checkbox]{border-color:var(--instui-component-checkbox-border-readonly-color);background:var(--instui-component-checkbox-background-readonly-color)}@scope(.instui-checkbox){:scope.-required .asterisk{color:var(--instui-component-checkbox-asterisk-color)}}.instui-checkbox.-variant-toggle input[type=checkbox]{--pantoken-toggle-h:var(--instui-size-choice-control-height-md);--pantoken-toggle-w:var(--instui-component-radio-input-toggle-medium-height);--pantoken-toggle-bw:var(--instui-border-width-sm);--pantoken-toggle-inset:calc(var(--pantoken-toggle-bw) * 3);--pantoken-toggle-handle:calc(var(--pantoken-toggle-h) - var(--pantoken-toggle-inset) * 2);-webkit-appearance:none;appearance:none;width:var(--pantoken-toggle-w);height:var(--pantoken-toggle-h);border-radius:var(--pantoken-toggle-h);box-shadow:inset 0 0 0 var(--pantoken-toggle-bw) var(--instui-color-stroke-base);background:var(--instui-color-background-muted);cursor:pointer;border:0;transition:background-color .15s;position:relative}.instui-checkbox.-variant-toggle input[type=checkbox]:before{content:"";box-sizing:border-box;width:var(--pantoken-toggle-handle);height:var(--pantoken-toggle-handle);border:var(--pantoken-toggle-bw) solid var(--instui-color-stroke-base);background:var(--instui-component-radio-input-toggle-handle-text);top:50%;border-radius:50%;transition:inset-inline-start .15s;position:absolute;inset-inline-start:var(--pantoken-toggle-inset);transform:translateY(-50%)}.instui-checkbox.-variant-toggle input[type=checkbox]:after{content:"";width:var(--pantoken-toggle-handle);height:var(--pantoken-toggle-handle);background:var(--instui-color-text-muted);-webkit-mask:var(--instui-icon-x) center / 58% no-repeat;mask:var(--instui-icon-x) center / 58% no-repeat;top:50%;transition:inset-inline-start .15s;position:absolute;inset-inline-start:var(--pantoken-toggle-inset);transform:translateY(-50%)}.instui-checkbox.-variant-toggle input[type=checkbox]:checked{background:var(--instui-component-radio-input-toggle-background-success)}.instui-checkbox.-variant-toggle input[type=checkbox]:checked:before{border-color:var(--instui-component-radio-input-toggle-background-success);inset-inline-start:calc(100% - var(--pantoken-toggle-h) + var(--pantoken-toggle-inset))}.instui-checkbox.-variant-toggle input[type=checkbox]:checked:after{background:var(--instui-component-radio-input-toggle-background-success);-webkit-mask:var(--instui-icon-check) center / 58% no-repeat;mask:var(--instui-icon-check) center / 58% no-repeat;inset-inline-start:calc(100% - var(--pantoken-toggle-h) + var(--pantoken-toggle-inset))}.instui-checkbox.-size-small{font-size:var(--instui-component-checkbox-font-size-sm)}.instui-checkbox:not(.instui-checkbox.-variant-toggle).instui-checkbox.-size-small input[type=checkbox]{width:var(--instui-component-checkbox-control-size-sm);height:var(--instui-component-checkbox-control-size-sm)}.instui-checkbox.-size-large{font-size:var(--instui-component-checkbox-font-size-lg)}.instui-checkbox:not(.instui-checkbox.-variant-toggle).instui-checkbox.-size-large input[type=checkbox]{width:var(--instui-component-checkbox-control-size-lg);height:var(--instui-component-checkbox-control-size-lg)}

package/dist/component-icons.css

@@ -1 +1 @@
-:root{--instui-icon-check:url(data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M20%206%209%2017l-5-5%22%2F%3E%3C%2Fsvg%3E);--instui-icon-chevron-down:url(data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m6%209%206%206%206-6%22%2F%3E%3C%2Fsvg%3E);--instui-icon-chevron-right:url(data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m9%2018%206-6-6-6%22%2F%3E%3C%2Fsvg%3E);--instui-icon-chevron-up:url(data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m18%2015-6-6-6%206%22%2F%3E%3C%2Fsvg%3E);--instui-icon-circle-alert:url(data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%2F%3E%3Cline%20x1%3D%2212%22%20x2%3D%2212%22%20y1%3D%228%22%20y2%3D%2212%22%2F%3E%3Cline%20x1%3D%2212%22%20x2%3D%2212.01%22%20y1%3D%2216%22%20y2%3D%2216%22%2F%3E%3C%2Fsvg%3E);--instui-icon-circle-check:url(data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%2F%3E%3Cpath%20d%3D%22m9%2012%202%202%204-4%22%2F%3E%3C%2Fsvg%3E);--instui-icon-circle-x:url(data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%2F%3E%3Cpath%20d%3D%22m15%209-6%206%22%2F%3E%3Cpath%20d%3D%22m9%209%206%206%22%2F%3E%3C%2Fsvg%3E);--instui-icon-info:url(data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%2F%3E%3Cpath%20d%3D%22M12%2016v-4%22%2F%3E%3Cpath%20d%3D%22M12%208h.01%22%2F%3E%3C%2Fsvg%3E);--instui-icon-minus:url(data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%2012h14%22%2F%3E%3C%2Fsvg%3E);--instui-icon-triangle-alert:url(data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m21.73%2018-8-14a2%202%200%200%200-3.48%200l-8%2014A2%202%200%200%200%204%2021h16a2%202%200%200%200%201.73-3%22%2F%3E%3Cpath%20d%3D%22M12%209v4%22%2F%3E%3Cpath%20d%3D%22M12%2017h.01%22%2F%3E%3C%2Fsvg%3E);--instui-icon-x:url(data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M18%206%206%2018%22%2F%3E%3Cpath%20d%3D%22m6%206%2012%2012%22%2F%3E%3C%2Fsvg%3E)}
+:root{--instui-icon-check:url(data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M20%206%209%2017l-5-5%22%2F%3E%3C%2Fsvg%3E);--instui-icon-chevron-down:url(data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m6%209%206%206%206-6%22%2F%3E%3C%2Fsvg%3E);--instui-icon-chevron-left:url(data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m15%2018-6-6%206-6%22%2F%3E%3C%2Fsvg%3E);--instui-icon-chevron-right:url(data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m9%2018%206-6-6-6%22%2F%3E%3C%2Fsvg%3E);--instui-icon-chevron-up:url(data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m18%2015-6-6-6%206%22%2F%3E%3C%2Fsvg%3E);--instui-icon-circle-alert:url(data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%2F%3E%3Cline%20x1%3D%2212%22%20x2%3D%2212%22%20y1%3D%228%22%20y2%3D%2212%22%2F%3E%3Cline%20x1%3D%2212%22%20x2%3D%2212.01%22%20y1%3D%2216%22%20y2%3D%2216%22%2F%3E%3C%2Fsvg%3E);--instui-icon-circle-check:url(data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%2F%3E%3Cpath%20d%3D%22m9%2012%202%202%204-4%22%2F%3E%3C%2Fsvg%3E);--instui-icon-circle-x:url(data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%2F%3E%3Cpath%20d%3D%22m15%209-6%206%22%2F%3E%3Cpath%20d%3D%22m9%209%206%206%22%2F%3E%3C%2Fsvg%3E);--instui-icon-info:url(data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%2F%3E%3Cpath%20d%3D%22M12%2016v-4%22%2F%3E%3Cpath%20d%3D%22M12%208h.01%22%2F%3E%3C%2Fsvg%3E);--instui-icon-minus:url(data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%2012h14%22%2F%3E%3C%2Fsvg%3E);--instui-icon-triangle-alert:url(data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m21.73%2018-8-14a2%202%200%200%200-3.48%200l-8%2014A2%202%200%200%200%204%2021h16a2%202%200%200%200%201.73-3%22%2F%3E%3Cpath%20d%3D%22M12%209v4%22%2F%3E%3Cpath%20d%3D%22M12%2017h.01%22%2F%3E%3C%2Fsvg%3E);--instui-icon-x:url(data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M18%206%206%2018%22%2F%3E%3Cpath%20d%3D%22m6%206%2012%2012%22%2F%3E%3C%2Fsvg%3E)}