@pantoken/components 0.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (74) hide show
  1. package/README.md +114 -0
  2. package/assets/fonts/AtkinsonHyperlegibleNext/AtkinsonHyperlegibleNext-Bold.woff2 +0 -0
  3. package/assets/fonts/AtkinsonHyperlegibleNext/AtkinsonHyperlegibleNext-BoldItalic.woff2 +0 -0
  4. package/assets/fonts/AtkinsonHyperlegibleNext/AtkinsonHyperlegibleNext-ExtraBold.woff2 +0 -0
  5. package/assets/fonts/AtkinsonHyperlegibleNext/AtkinsonHyperlegibleNext-ExtraBoldItalic.woff2 +0 -0
  6. package/assets/fonts/AtkinsonHyperlegibleNext/AtkinsonHyperlegibleNext-ExtraLight.woff2 +0 -0
  7. package/assets/fonts/AtkinsonHyperlegibleNext/AtkinsonHyperlegibleNext-ExtraLightItalic.woff2 +0 -0
  8. package/assets/fonts/AtkinsonHyperlegibleNext/AtkinsonHyperlegibleNext-Light.woff2 +0 -0
  9. package/assets/fonts/AtkinsonHyperlegibleNext/AtkinsonHyperlegibleNext-LightItalic.woff2 +0 -0
  10. package/assets/fonts/AtkinsonHyperlegibleNext/AtkinsonHyperlegibleNext-Medium.woff2 +0 -0
  11. package/assets/fonts/AtkinsonHyperlegibleNext/AtkinsonHyperlegibleNext-MediumItalic.woff2 +0 -0
  12. package/assets/fonts/AtkinsonHyperlegibleNext/AtkinsonHyperlegibleNext-Regular.woff2 +0 -0
  13. package/assets/fonts/AtkinsonHyperlegibleNext/AtkinsonHyperlegibleNext-RegularItalic.woff2 +0 -0
  14. package/assets/fonts/AtkinsonHyperlegibleNext/AtkinsonHyperlegibleNext-SemiBold.woff2 +0 -0
  15. package/assets/fonts/AtkinsonHyperlegibleNext/AtkinsonHyperlegibleNext-SemiBoldItalic.woff2 +0 -0
  16. package/dist/alert.css +1 -0
  17. package/dist/avatar.css +1 -0
  18. package/dist/badge.css +1 -0
  19. package/dist/base.css +1 -0
  20. package/dist/billboard.css +1 -0
  21. package/dist/breadcrumb.css +1 -0
  22. package/dist/button.css +1 -0
  23. package/dist/byline.css +1 -0
  24. package/dist/calendar.css +1 -0
  25. package/dist/checkbox.css +1 -0
  26. package/dist/close-button.css +1 -0
  27. package/dist/components.css +1 -0
  28. package/dist/context-view.css +1 -0
  29. package/dist/file-drop.css +1 -0
  30. package/dist/fonts.css +1 -0
  31. package/dist/form-field-group.css +1 -0
  32. package/dist/form-field-messages.css +1 -0
  33. package/dist/form-field.css +1 -0
  34. package/dist/heading.css +1 -0
  35. package/dist/icons.css +1 -0
  36. package/dist/img.css +1 -0
  37. package/dist/in-place-edit.css +1 -0
  38. package/dist/index.d.mts +363 -0
  39. package/dist/index.mjs +2098 -0
  40. package/dist/input-group.css +1 -0
  41. package/dist/link.css +1 -0
  42. package/dist/list.css +1 -0
  43. package/dist/menu.css +1 -0
  44. package/dist/metric.css +1 -0
  45. package/dist/modal.css +1 -0
  46. package/dist/number-input.css +1 -0
  47. package/dist/pagination.css +1 -0
  48. package/dist/pill.css +1 -0
  49. package/dist/popover.css +1 -0
  50. package/dist/progress-circle.css +1 -0
  51. package/dist/progress.css +1 -0
  52. package/dist/prose.css +1 -0
  53. package/dist/radio-input-group.css +1 -0
  54. package/dist/radio.css +1 -0
  55. package/dist/range-input.css +1 -0
  56. package/dist/rating.css +1 -0
  57. package/dist/select.css +1 -0
  58. package/dist/side-nav-bar.css +1 -0
  59. package/dist/simple-select.css +1 -0
  60. package/dist/spinner.css +1 -0
  61. package/dist/table.css +1 -0
  62. package/dist/tabs.css +1 -0
  63. package/dist/tag.css +1 -0
  64. package/dist/text-area.css +1 -0
  65. package/dist/text-input.css +1 -0
  66. package/dist/text.css +1 -0
  67. package/dist/toggle-details.css +1 -0
  68. package/dist/toggle-group.css +1 -0
  69. package/dist/tooltip.css +1 -0
  70. package/dist/tray.css +1 -0
  71. package/dist/tree-browser.css +1 -0
  72. package/dist/truncate.css +1 -0
  73. package/dist/utilities.css +1 -0
  74. package/package.json +51 -0
@@ -0,0 +1 @@
1
+ .instui-input-group{box-sizing:border-box;inline-size:100%;block-size:var(--instui-component-text-input-height-md);padding-inline:var(--instui-component-text-input-padding-horizontal-md);align-items:center;gap:var(--instui-component-text-input-gap-content);background-color:var(--instui-component-text-input-background-color);border:var(--instui-component-text-input-border-width) solid var(--instui-component-text-input-border-color);border-radius:var(--instui-component-text-input-border-radius);color:var(--instui-component-text-input-text-color);font-family:var(--instui-component-text-input-font-family);font-size:var(--instui-component-text-input-font-size-md);display:flex}.instui-input-group:hover{background-color:var(--instui-component-text-input-background-hover-color);border-color:var(--instui-component-text-input-border-hover-color)}.instui-input-group>input,.instui-input-group .instui-text-input{block-size:auto;min-inline-size:0;font:inherit;color:inherit;background:0 0;border:0;outline:none;flex:1;padding:0}.instui-input-group>input::placeholder{color:var(--instui-component-text-input-placeholder-color)}.instui-input-group .before,.instui-input-group .after{color:var(--instui-component-text-input-text-color);flex:none;align-items:center;display:inline-flex}.instui-input-group.-disabled,.instui-input-group:has(>input:disabled){background-color:var(--instui-component-text-input-background-disabled-color);border-color:var(--instui-component-text-input-border-disabled-color);color:var(--instui-component-text-input-text-disabled-color);cursor:not-allowed}.instui-input-group.-readonly{background-color:var(--instui-component-text-input-background-readonly-color);border-color:var(--instui-component-text-input-border-readonly-color);color:var(--instui-component-text-input-text-readonly-color)}.instui-input-group.-invalid{border-color:var(--instui-component-text-input-error-border-color)}.instui-input-group.-success{border-color:var(--instui-component-text-input-success-border-color)}.instui-input-group:has(:focus-visible){outline:var(--instui-focus-outline-width) var(--instui-focus-outline-style) var(--instui-focus-outline-color);outline-offset:var(--instui-focus-outline-offset);border-radius:var(--instui-focus-outline-radius)}.instui-input-group:is(.-invalid,:has(>input:user-invalid)):has(:focus-visible){outline-color:var(--instui-focus-outline-color-danger)}.instui-input-group.-success:has(:focus-visible){outline-color:var(--instui-focus-outline-color-success)}.instui-input-group.-size-sm{block-size:var(--instui-component-text-input-height-sm);padding-inline:var(--instui-component-text-input-padding-horizontal-sm);font-size:var(--instui-component-text-input-font-size-sm)}.instui-input-group.-size-lg{block-size:var(--instui-component-text-input-height-lg);padding-inline:var(--instui-component-text-input-padding-horizontal-lg);font-size:var(--instui-component-text-input-font-size-lg)}.instui-input-group.-should-not-wrap{flex-wrap:nowrap}.instui-input-group.-size-small{block-size:var(--instui-component-text-input-height-sm);padding-inline:var(--instui-component-text-input-padding-horizontal-sm);font-size:var(--instui-component-text-input-font-size-sm)}.instui-input-group.-size-large{block-size:var(--instui-component-text-input-height-lg);padding-inline:var(--instui-component-text-input-padding-horizontal-lg);font-size:var(--instui-component-text-input-font-size-lg)}
package/dist/link.css ADDED
@@ -0,0 +1 @@
1
+ .instui-link{align-items:center;gap:var(--instui-component-link-gap-md);color:var(--instui-component-link-text-color);font-family:var(--instui-component-link-font-family);font-size:var(--instui-component-link-font-size-md);font-weight:var(--instui-component-link-font-weight);line-height:var(--instui-component-link-line-height-md);text-decoration:var(--instui-component-link-text-decoration-outside-text);cursor:pointer;display:inline-flex}.instui-link:hover{color:var(--instui-component-link-text-hover-color)}.instui-link[aria-disabled=true]{color:var(--instui-component-link-text-disabled-color);cursor:not-allowed}.instui-link.-size-sm{gap:var(--instui-component-link-gap-sm);font-size:var(--instui-component-link-font-size-sm);line-height:var(--instui-component-link-line-height-sm)}.instui-link.-size-lg{gap:var(--instui-component-link-gap-lg);font-size:var(--instui-component-link-font-size-lg);line-height:var(--instui-component-link-line-height-lg)}.instui-link.-color-inverse{color:var(--instui-component-link-on-color-text-color)}.instui-link.-color-inverse:hover{color:var(--instui-component-link-on-color-text-hover-color)}.instui-link.-color-inverse[aria-disabled=true]{color:var(--instui-component-link-on-color-text-disabled-color)}.instui-link.-inline{font-family:var(--instui-component-link-inline-link-medium-font-family);font-size:var(--instui-component-link-inline-link-medium-font-size);font-weight:var(--instui-component-link-inline-link-medium-font-weight);line-height:var(--instui-component-link-inline-link-medium-line-height);text-decoration:var(--instui-component-link-text-decoration-within-text);display:inline}.instui-link.-inline.-sm{font-size:var(--instui-component-link-inline-link-small-font-size);font-weight:var(--instui-component-link-inline-link-small-font-weight);line-height:var(--instui-component-link-inline-link-small-line-height)}.instui-link.-inline.-lg{font-size:var(--instui-component-link-inline-link-large-font-size);font-weight:var(--instui-component-link-inline-link-large-font-weight);line-height:var(--instui-component-link-inline-link-large-line-height)}.instui-link.-unstyled{color:var(--instui-component-link-unstyled-text-color);text-decoration:none}.instui-link.-size-small{gap:var(--instui-component-link-gap-sm);font-size:var(--instui-component-link-font-size-sm);line-height:var(--instui-component-link-line-height-sm)}.instui-link.-size-large{gap:var(--instui-component-link-gap-lg);font-size:var(--instui-component-link-font-size-lg);line-height:var(--instui-component-link-line-height-lg)}
package/dist/list.css ADDED
@@ -0,0 +1 @@
1
+ .instui-list{color:var(--instui-component-list-item-color);font-family:var(--instui-component-list-item-font-family);font-size:var(--instui-component-list-item-font-size-medium);font-weight:var(--instui-component-list-item-font-weight);line-height:var(--instui-component-list-item-line-height);padding-inline-start:var(--instui-component-list-list-padding)}.instui-list>li{margin:var(--instui-component-list-item-spacing-medium) 0}.instui-list.-size-sm{font-size:var(--instui-component-list-item-font-size-small)}.instui-list.-size-sm>li{margin:var(--instui-component-list-item-spacing-small) 0}.instui-list.-size-lg{font-size:var(--instui-component-list-item-font-size-large)}.instui-list.-size-lg>li{margin:var(--instui-component-list-item-spacing-large) 0}.instui-list.-ordered>li::marker{font-weight:var(--instui-component-list-ordered-number-font-weight)}.instui-list.-ordered>li{padding-inline-start:var(--instui-component-list-ordered-number-margin)}.instui-list.-delimiter-solid>li+li{border-top:var(--instui-component-list-item-delimiter-solid-border-width) var(--instui-component-list-item-delimiter-solid-border-style) var(--instui-component-list-item-delimiter-solid-border-color);padding-top:var(--instui-component-list-item-spacing-medium)}.instui-list.-delimiter-dashed>li+li{border-top:var(--instui-component-list-item-delimiter-dashed-border-width) var(--instui-component-list-item-delimiter-dashed-border-style) var(--instui-component-list-item-delimiter-dashed-border-color);padding-top:var(--instui-component-list-item-spacing-medium)}.instui-list.-unstyled{padding-inline-start:0;list-style:none}.instui-list.-inline{align-items:center;gap:var(--instui-component-list-item-spacing-medium);flex-wrap:wrap;padding-inline-start:0;list-style:none;display:flex}.instui-list.-inline>li{margin:0}.instui-list.-size-small{font-size:var(--instui-component-list-item-font-size-small)}.instui-list.-size-small>li{margin:var(--instui-component-list-item-spacing-small) 0}.instui-list.-size-large{font-size:var(--instui-component-list-item-font-size-large)}.instui-list.-size-large>li{margin:var(--instui-component-list-item-spacing-large) 0}
package/dist/menu.css ADDED
@@ -0,0 +1 @@
1
+ .instui-menu{min-width:var(--instui-component-menu-min-width);max-width:var(--instui-component-menu-max-width);background:var(--instui-component-menu-item-background);border:var(--instui-border-width-sm) solid var(--instui-color-stroke-base);border-radius:var(--instui-border-radius-md);padding:var(--instui-spacing-space-xs) 0}@scope(.instui-menu){:scope>.item{padding:var(--instui-component-menu-item-padding-vertical) var(--instui-component-menu-item-padding-horizontal);color:var(--instui-component-menu-item-label-color);font-family:var(--instui-component-menu-item-font-family);font-size:var(--instui-component-menu-item-font-size);font-weight:var(--instui-component-menu-item-font-weight);line-height:var(--instui-component-menu-item-line-height);cursor:pointer;display:block}:scope>.item.-disabled{opacity:var(--instui-opacity-disabled);pointer-events:none;cursor:not-allowed}:scope>.item:hover,:scope>.item.-highlighted{background:var(--instui-component-menu-item-highlighted-background);color:var(--instui-component-menu-item-highlighted-label-color)}:scope>.item.-active,:scope>.item[aria-checked=true]{background:var(--instui-component-menu-item-active-background);color:var(--instui-component-menu-item-active-label-color)}:scope>.item.-active:hover,:scope>.item[aria-checked=true]:hover{background:var(--instui-component-menu-item-selected-highlighted-background)}.item-info{color:var(--instui-component-menu-item-label-info-color)}:scope>.item:hover .item-info,:scope>.item.-highlighted .item-info{color:var(--instui-component-menu-item-highlighted-label-info-color)}:scope>.group{padding:var(--instui-component-menu-group-padding-vertical) var(--instui-component-menu-group-padding-horizontal);background:var(--instui-component-menu-group-background);color:var(--instui-component-menu-group-color);font-family:var(--instui-component-menu-group-font-family);font-size:var(--instui-component-menu-group-font-size);font-weight:var(--instui-component-menu-group-font-weight)}:scope>.separator{height:var(--instui-component-menu-separator-height);background:var(--instui-component-menu-separator-background);margin:var(--instui-component-menu-separator-margin-vertical) var(--instui-component-menu-separator-margin-horizontal)}}
@@ -0,0 +1 @@
1
+ .instui-metric{gap:var(--instui-component-metric-gap-texts);padding:0 var(--instui-component-metric-padding-horizontal);flex-direction:column;display:inline-flex}@scope(.instui-metric){:scope>.value{color:var(--instui-component-metric-value-color);font-family:var(--instui-component-metric-value-font-family);font-size:var(--instui-component-metric-value-font-size);font-weight:var(--instui-component-metric-value-font-weight);line-height:var(--instui-component-metric-value-line-height)}:scope>.label{color:var(--instui-component-metric-label-color);font-family:var(--instui-component-metric-label-font-family);font-size:var(--instui-component-metric-label-font-size);font-weight:var(--instui-component-metric-label-font-weight);line-height:var(--instui-component-metric-label-line-height)}}.instui-metric.-text-align-start{text-align:start;align-items:flex-start}.instui-metric.-text-align-center{text-align:center;align-items:center}.instui-metric.-text-align-end{text-align:end;align-items:flex-end}
package/dist/modal.css ADDED
@@ -0,0 +1 @@
1
+ .instui-modal{max-width:var(--instui-component-modal-medium-max-width);background:var(--instui-component-modal-background-color);color:var(--instui-component-modal-text-color);border:var(--instui-component-modal-border-width) solid var(--instui-component-modal-border-color);border-radius:var(--instui-component-modal-border-radius);font-family:var(--instui-component-modal-font-family);box-shadow:var(--instui-elevation-topmost);overflow:hidden}dialog.instui-modal{margin:auto;padding:0}dialog.instui-modal::backdrop{background:var(--instui-component-mask-background-color)}dialog.instui-modal.-blur::backdrop{backdrop-filter:blur(.5rem)}.instui-modal.-size-sm{max-width:var(--instui-component-modal-small-max-width)}.instui-modal.-size-lg{max-width:var(--instui-component-modal-large-max-width)}.instui-modal.-size-auto{max-width:none;min-width:var(--instui-component-modal-auto-min-width)}.instui-modal.-size-fullscreen{border-radius:0;width:auto;max-width:none;height:auto;max-height:none;margin:0;position:fixed;inset:0}.instui-modal.-overflow-fit{max-block-size:calc(100dvh - var(--instui-spacing-space-xl) * 2);flex-direction:column;display:flex}.instui-modal.-color-inverse{background:var(--instui-component-modal-inverse-background-color);color:var(--instui-component-modal-inverse-text-color);border-color:var(--instui-component-modal-inverse-border-color)}@scope(.instui-modal){:scope.-overflow-fit>.body{overflow-y:auto}:scope>.header{padding:var(--instui-component-modal-header-padding);background:var(--instui-component-modal-header-background-color);border-bottom:var(--instui-component-modal-header-border-width) solid var(--instui-component-modal-header-border-color)}:scope>.body{padding:var(--instui-component-modal-body-padding)}:scope>.body:has(>img){padding:0}:scope>.body:has(>img) img{width:100%;display:block}:scope>.footer{padding:var(--instui-component-modal-footer-padding);background:var(--instui-component-modal-footer-background-color);border-top:var(--instui-component-modal-footer-border-width) solid var(--instui-component-modal-footer-border-color);border-radius:0 0 var(--instui-component-modal-footer-border-radius) var(--instui-component-modal-footer-border-radius)}:scope.-density-compact>.header{padding:var(--instui-component-modal-header-padding-compact)}:scope.-density-compact>.body{padding:var(--instui-component-modal-body-padding-compact)}:scope.-density-compact>.footer{padding:var(--instui-component-modal-footer-padding-compact)}:scope.-color-inverse>.header{background:var(--instui-component-modal-header-inverse-background-color);border-bottom-color:var(--instui-component-modal-header-inverse-border-color)}:scope.-color-inverse>.body{background:var(--instui-component-modal-body-inverse-background-color)}:scope.-color-inverse>.footer{background:var(--instui-component-modal-footer-inverse-background-color);border-top-color:var(--instui-component-modal-footer-inverse-border-color)}}.instui-modal.-size-small{max-width:var(--instui-component-modal-small-max-width)}.instui-modal.-size-large{max-width:var(--instui-component-modal-large-max-width)}
@@ -0,0 +1 @@
1
+ .instui-number-input{box-sizing:border-box;inline-size:100%;block-size:var(--instui-component-text-input-height-md);padding-inline:var(--instui-component-text-input-padding-horizontal-md);align-items:center;gap:var(--instui-component-text-input-gap-content);background-color:var(--instui-component-text-input-background-color);border:var(--instui-component-text-input-border-width) solid var(--instui-component-text-input-border-color);border-radius:var(--instui-component-text-input-border-radius);color:var(--instui-component-text-input-text-color);font-family:var(--instui-component-text-input-font-family);font-size:var(--instui-component-text-input-font-size-md);display:flex}.instui-number-input:hover{background-color:var(--instui-component-text-input-background-hover-color);border-color:var(--instui-component-text-input-border-hover-color)}.instui-number-input>input,.instui-number-input .instui-text-input{block-size:auto;min-inline-size:0;font:inherit;color:inherit;background:0 0;border:0;outline:none;flex:1;padding:0}.instui-number-input>input::placeholder{color:var(--instui-component-text-input-placeholder-color)}.instui-number-input .before,.instui-number-input .after{color:var(--instui-component-text-input-text-color);flex:none;align-items:center;display:inline-flex}.instui-number-input.-disabled,.instui-number-input:has(>input:disabled){background-color:var(--instui-component-text-input-background-disabled-color);border-color:var(--instui-component-text-input-border-disabled-color);color:var(--instui-component-text-input-text-disabled-color);cursor:not-allowed}.instui-number-input.-readonly{background-color:var(--instui-component-text-input-background-readonly-color);border-color:var(--instui-component-text-input-border-readonly-color);color:var(--instui-component-text-input-text-readonly-color)}.instui-number-input.-invalid{border-color:var(--instui-component-text-input-error-border-color)}.instui-number-input.-success{border-color:var(--instui-component-text-input-success-border-color)}.instui-number-input:has(:focus-visible){outline:var(--instui-focus-outline-width) var(--instui-focus-outline-style) var(--instui-focus-outline-color);outline-offset:var(--instui-focus-outline-offset);border-radius:var(--instui-focus-outline-radius)}.instui-number-input:is(.-invalid,:has(>input:user-invalid)):has(:focus-visible){outline-color:var(--instui-focus-outline-color-danger)}.instui-number-input.-success:has(:focus-visible){outline-color:var(--instui-focus-outline-color-success)}.instui-number-input.-size-sm{block-size:var(--instui-component-text-input-height-sm);padding-inline:var(--instui-component-text-input-padding-horizontal-sm);font-size:var(--instui-component-text-input-font-size-sm)}.instui-number-input.-size-lg{block-size:var(--instui-component-text-input-height-lg);padding-inline:var(--instui-component-text-input-padding-horizontal-lg);font-size:var(--instui-component-text-input-font-size-lg)}.instui-number-input{padding-inline-end:0;overflow:hidden}.instui-number-input>input::-webkit-outer-spin-button,.instui-number-input>input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.instui-number-input>input[type=number]{-moz-appearance:textfield;appearance:textfield}.instui-number-input .arrows{border-inline-start:var(--instui-component-text-input-border-width) solid var(--instui-component-text-input-border-color);flex-direction:column;flex:none;align-self:stretch;inline-size:1.5rem;display:flex}.instui-number-input .arrows button{background:var(--instui-component-text-input-arrows-background-color);color:var(--instui-color-icon-interactive-action-secondary-base);cursor:pointer;border:0;flex:1;justify-content:center;align-items:center;padding:0;display:flex}.instui-number-input .arrows button+button{border-block-start:var(--instui-component-text-input-border-width) solid var(--instui-component-text-input-border-color)}.instui-number-input .arrows button:hover{background:var(--instui-component-text-input-arrows-background-hover-color)}.instui-number-input .arrows button:active{background:var(--instui-component-text-input-arrows-background-active-color)}.instui-number-input .arrows button:disabled{background:var(--instui-component-text-input-arrows-background-disabled-color);cursor:not-allowed}.instui-number-input .arrows button:before{content:"";block-size:.875em;inline-size:.875em;-webkit-mask:var(--instui-icon-chevron-up) center / contain no-repeat;mask:var(--instui-icon-chevron-up) center / contain no-repeat;background:currentColor}.instui-number-input .arrows button.down:before{-webkit-mask:var(--instui-icon-chevron-down) center / contain no-repeat;mask:var(--instui-icon-chevron-down) center / contain no-repeat}.instui-number-input.-size-small{block-size:var(--instui-component-text-input-height-sm);padding-inline:var(--instui-component-text-input-padding-horizontal-sm);font-size:var(--instui-component-text-input-font-size-sm)}.instui-number-input.-size-large{block-size:var(--instui-component-text-input-height-lg);padding-inline:var(--instui-component-text-input-padding-horizontal-lg);font-size:var(--instui-component-text-input-font-size-lg)}
@@ -0,0 +1 @@
1
+ .instui-pagination{align-items:center;gap:var(--instui-component-pagination-page-indicator-gap);font-family:var(--instui-font-family-base);flex-wrap:wrap;display:inline-flex}@scope(.instui-pagination){:scope>.page,:scope>.arrow{min-block-size:2rem;min-inline-size:2rem;padding:var(--instui-spacing-space2xs) var(--instui-spacing-space-xs);color:var(--instui-color-text-interactive-navigation-primary-base);border:var(--instui-border-width-md) solid transparent;border-radius:var(--instui-component-base-button-border-radius);font:inherit;font-weight:var(--instui-font-weight-interactive);cursor:pointer;background:0 0;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}:scope>.arrow [class*=-icon-]{line-height:1}:scope>.page:hover,:scope>.arrow:hover{background:var(--instui-color-background-muted);color:var(--instui-color-text-interactive-navigation-primary-hover)}:scope>.page[aria-current],:scope>.page.-current{background:var(--instui-color-background-interactive-action-primary-base);color:var(--instui-color-text-interactive-action-primary-base);border-color:var(--instui-color-background-interactive-action-primary-base)}:scope>.page[aria-current]:hover,:scope>.page.-current:hover{background:var(--instui-color-background-interactive-action-primary-hover);border-color:var(--instui-color-background-interactive-action-primary-hover);color:var(--instui-color-text-interactive-action-primary-base)}:scope>.arrow:disabled,:scope>.arrow[aria-disabled=true]{color:var(--instui-color-text-muted);opacity:var(--instui-opacity-disabled);cursor:not-allowed;background:0 0}:scope>.ellipsis{min-inline-size:2rem;color:var(--instui-color-text-muted);justify-content:center;align-items:center;display:inline-flex}:scope>.page-input-label{color:var(--instui-component-pagination-page-input-label-color)}}.instui-pagination.-variant-input{gap:var(--instui-component-pagination-page-input-input-spacing)}.instui-pagination.-variant-input .instui-text-input,.instui-pagination.-variant-input .instui-number-input{inline-size:var(--instui-component-pagination-page-input-input-width)}
package/dist/pill.css ADDED
@@ -0,0 +1 @@
1
+ .instui-pill{height:var(--instui-component-pill-height);max-width:var(--instui-component-pill-max-width);padding:0 var(--instui-component-pill-padding-horizontal);background:var(--instui-component-pill-background-color);color:var(--instui-component-pill-base-text-color);border:var(--instui-component-pill-border-width) var(--instui-component-pill-border-style) var(--instui-component-pill-base-border-color);border-radius:var(--instui-component-pill-border-radius);font-family:var(--instui-component-pill-font-family);font-size:var(--instui-component-pill-text-font-size);font-weight:var(--instui-component-pill-text-font-weight);line-height:var(--instui-component-pill-line-height);align-items:center;display:inline-flex}.instui-pill[class*=-icon-]:before{inline-size:var(--instui-font-size-text-xs);block-size:var(--instui-font-size-text-xs);margin-inline-end:.375rem}.instui-pill.-color-info{color:var(--instui-component-pill-info-text-color);border-color:var(--instui-component-pill-info-border-color)}.instui-pill.-color-success{color:var(--instui-component-pill-success-text-color);border-color:var(--instui-component-pill-success-border-color)}.instui-pill.-color-warning{color:var(--instui-component-pill-warning-text-color);border-color:var(--instui-component-pill-warning-border-color)}.instui-pill.-color-danger{color:var(--instui-component-pill-error-text-color);border-color:var(--instui-component-pill-error-border-color)}.instui-pill.-color-info,.instui-pill.-color-success,.instui-pill.-color-warning,.instui-pill.-color-danger{font-weight:var(--instui-component-pill-status-label-font-weight)}
@@ -0,0 +1 @@
1
+ .instui-popover{background:var(--instui-color-background-elevated-surface-base);color:var(--instui-color-text-base);border:var(--instui-border-width-sm) solid var(--instui-component-popover-border-color);border-radius:var(--instui-component-popover-border-radius);padding:var(--instui-spacing-space-sm);box-shadow:var(--instui-elevation-above)}[popover].instui-popover{margin:0}@supports (position-area:block-end){[popover].instui-popover{position-anchor:--pantoken-anchor;position-try-fallbacks:flip-block, flip-inline}[popover].instui-popover.-placement-top{position-area:block-start}[popover].instui-popover.-placement-bottom{position-area:block-end}[popover].instui-popover.-placement-start{position-area:inline-start center}[popover].instui-popover.-placement-end{position-area:inline-end center}}@supports (transition-behavior:allow-discrete){[popover].instui-popover{transition:opacity .15s ease, transform .15s ease, overlay .15s allow-discrete, display .15s allow-discrete;opacity:1;transform:translateY(0)}[popover].instui-popover:not(:popover-open){opacity:0;transform:translateY(-.25rem)}@starting-style{[popover].instui-popover:popover-open{opacity:0;transform:translateY(-.25rem)}}}
@@ -0,0 +1 @@
1
+ @property --value{syntax:"<number>";inherits:true;initial-value:0}.instui-progress-circle{--value:0;--pantoken-pc-fill:var(--instui-component-progress-circle-meter-color-brand);--pantoken-pc-track:var(--instui-component-progress-circle-track-color);--pantoken-pc-stroke:var(--instui-component-progress-circle-medium-stroke-width);width:var(--instui-component-progress-circle-medium-size);height:var(--instui-component-progress-circle-medium-size);color:var(--instui-component-progress-circle-color);font-family:var(--instui-component-progress-circle-font-family);font-weight:var(--instui-component-progress-circle-font-weight);line-height:var(--instui-component-progress-circle-line-height);justify-content:center;align-items:center;display:inline-flex;position:relative}.instui-progress-circle:before{content:"";background:conic-gradient(var(--pantoken-pc-fill) calc(var(--value) * 1%), var(--pantoken-pc-track) 0);-webkit-mask:radial-gradient(farthest-side, #0000 calc(100% - var(--pantoken-pc-stroke)), #000 0);mask:radial-gradient(farthest-side, #0000 calc(100% - var(--pantoken-pc-stroke)), #000 0);border-radius:50%;position:absolute;inset:0}.instui-progress-circle .value{z-index:1;justify-content:center;align-items:center;display:flex;position:relative}.instui-progress-circle.-size-xs{width:var(--instui-component-progress-circle-x-small-size);height:var(--instui-component-progress-circle-x-small-size);--pantoken-pc-stroke:var(--instui-component-progress-circle-x-small-stroke-width)}.instui-progress-circle.-size-sm{width:var(--instui-component-progress-circle-small-size);height:var(--instui-component-progress-circle-small-size);--pantoken-pc-stroke:var(--instui-component-progress-circle-small-stroke-width)}.instui-progress-circle.-size-lg{width:var(--instui-component-progress-circle-large-size);height:var(--instui-component-progress-circle-large-size);--pantoken-pc-stroke:var(--instui-component-progress-circle-large-stroke-width)}.instui-progress-circle.-color-brand{--pantoken-pc-fill:var(--instui-component-progress-circle-meter-color-brand)}.instui-progress-circle.-color-primary-inverse.-color-brand{--pantoken-pc-fill:var(--instui-component-progress-circle-meter-color-brand-inverse)}.instui-progress-circle.-color-info{--pantoken-pc-fill:var(--instui-component-progress-circle-meter-color-info)}.instui-progress-circle.-color-primary-inverse.-color-info{--pantoken-pc-fill:var(--instui-component-progress-circle-meter-color-info-inverse)}.instui-progress-circle.-color-success{--pantoken-pc-fill:var(--instui-component-progress-circle-meter-color-success)}.instui-progress-circle.-color-primary-inverse.-color-success{--pantoken-pc-fill:var(--instui-component-progress-circle-meter-color-success-inverse)}.instui-progress-circle.-color-warning{--pantoken-pc-fill:var(--instui-component-progress-circle-meter-color-warning)}.instui-progress-circle.-color-primary-inverse.-color-warning{--pantoken-pc-fill:var(--instui-component-progress-circle-meter-color-warning-inverse)}.instui-progress-circle.-color-danger{--pantoken-pc-fill:var(--instui-component-progress-circle-meter-color-danger)}.instui-progress-circle.-color-primary-inverse.-color-danger{--pantoken-pc-fill:var(--instui-component-progress-circle-meter-color-danger-inverse)}.instui-progress-circle.-color-primary-inverse{--pantoken-pc-fill:var(--instui-component-progress-circle-meter-color-brand-inverse);--pantoken-pc-track:var(--instui-component-progress-circle-track-color-inverse);color:var(--instui-component-progress-circle-color-inverse)}.instui-progress-circle.-size-x-small{width:var(--instui-component-progress-circle-x-small-size);height:var(--instui-component-progress-circle-x-small-size);--pantoken-pc-stroke:var(--instui-component-progress-circle-x-small-stroke-width)}.instui-progress-circle.-size-small{width:var(--instui-component-progress-circle-small-size);height:var(--instui-component-progress-circle-small-size);--pantoken-pc-stroke:var(--instui-component-progress-circle-small-stroke-width)}.instui-progress-circle.-size-large{width:var(--instui-component-progress-circle-large-size);height:var(--instui-component-progress-circle-large-size);--pantoken-pc-stroke:var(--instui-component-progress-circle-large-stroke-width)}.instui-progress-circle.-meter-color-brand{--pantoken-pc-fill:var(--instui-component-progress-circle-meter-color-brand)}.instui-progress-circle.-meter-color-info{--pantoken-pc-fill:var(--instui-component-progress-circle-meter-color-info)}.instui-progress-circle.-meter-color-success{--pantoken-pc-fill:var(--instui-component-progress-circle-meter-color-success)}.instui-progress-circle.-meter-color-warning,.instui-progress-circle.-meter-color-alert{--pantoken-pc-fill:var(--instui-component-progress-circle-meter-color-warning)}.instui-progress-circle.-meter-color-danger{--pantoken-pc-fill:var(--instui-component-progress-circle-meter-color-danger)}
@@ -0,0 +1 @@
1
+ .instui-progress{width:100%;height:var(--instui-component-progress-bar-medium-height);background:var(--instui-component-progress-bar-track-color);border:var(--instui-component-progress-bar-track-bottom-border-width) solid var(--instui-component-progress-bar-border-color);border-radius:var(--instui-component-progress-bar-border-radius);display:block;position:relative;overflow:hidden}.instui-progress:after{content:"";height:var(--instui-component-progress-bar-track-bottom-border-width);background:var(--instui-component-progress-bar-track-bottom-border-color);pointer-events:none;inset-inline:0;position:absolute;bottom:0}.instui-progress.-size-xs{height:var(--instui-component-progress-bar-x-small-height)}.instui-progress.-size-sm{height:var(--instui-component-progress-bar-small-height)}.instui-progress.-size-lg{height:var(--instui-component-progress-bar-large-height)}@scope(.instui-progress){:scope>.bar{background:var(--instui-color-background-brand);border-radius:var(--instui-component-progress-bar-border-radius);height:100%}:scope.-should-animate>.bar{transition:width .5s}}.instui-progress.-color-brand .bar{background:var(--instui-color-background-brand)}.instui-progress.-color-info .bar{background:var(--instui-color-background-info)}.instui-progress.-color-success .bar{background:var(--instui-color-background-success)}.instui-progress.-color-warning .bar{background:var(--instui-color-background-warning)}.instui-progress.-color-danger .bar{background:var(--instui-color-background-error)}.instui-progress.-color-primary-inverse{background:var(--instui-component-progress-bar-track-color-inverse);border-color:var(--instui-component-progress-bar-border-color-inverse);color:var(--instui-component-progress-bar-text-color-inverse)}.instui-progress.-color-primary-inverse:after{background:var(--instui-component-progress-bar-track-bottom-border-color-inverse)}.instui-progress.-color-primary-inverse .bar{background:var(--instui-component-progress-bar-meter-color-brand-inverse)}.instui-progress-value{padding:0 var(--instui-component-progress-bar-value-padding);color:var(--instui-component-progress-bar-text-color);font-family:var(--instui-component-progress-bar-font-family);font-size:var(--instui-component-progress-bar-medium-value-font-size);font-weight:var(--instui-component-progress-bar-font-weight);line-height:var(--instui-component-progress-bar-line-height)}.instui-progress.-color-inverse~.instui-progress-value,.instui-progress-value.-color-inverse{color:var(--instui-component-progress-bar-text-color-inverse)}.instui-progress.-size-x-small{height:var(--instui-component-progress-bar-x-small-height)}.instui-progress.-size-small{height:var(--instui-component-progress-bar-small-height)}.instui-progress.-size-large{height:var(--instui-component-progress-bar-large-height)}.instui-progress.-meter-color-brand .bar{background:var(--instui-color-background-brand)}.instui-progress.-meter-color-info .bar{background:var(--instui-color-background-info)}.instui-progress.-meter-color-success .bar{background:var(--instui-color-background-success)}.instui-progress.-meter-color-warning .bar,.instui-progress.-meter-color-alert .bar{background:var(--instui-color-background-warning)}.instui-progress.-meter-color-danger .bar{background:var(--instui-color-background-error)}
package/dist/prose.css ADDED
@@ -0,0 +1 @@
1
+ .pantoken-prose{color:var(--instui-component-text-base-color);font-family:var(--instui-component-text-content-font-family);font-size:var(--instui-component-text-content-font-size);font-weight:var(--instui-component-text-content-font-weight);line-height:var(--instui-component-text-content-line-height)}.pantoken-prose h1,.pantoken-prose h2,.pantoken-prose h3,.pantoken-prose h4,.pantoken-prose h5,.pantoken-prose h6{color:var(--instui-component-heading-base-color);font-family:var(--instui-component-heading-h1-font-family);line-height:var(--instui-component-heading-line-height);margin:var(--instui-spacing-space-lg) 0 var(--instui-spacing-space-sm)}.pantoken-prose h1{font-size:var(--instui-component-heading-h1-font-size);font-weight:var(--instui-component-heading-h1-font-weight)}.pantoken-prose h2{font-size:var(--instui-component-heading-h2-font-size);font-weight:var(--instui-component-heading-h2-font-weight)}.pantoken-prose h3{font-size:var(--instui-component-heading-h3-font-size);font-weight:var(--instui-component-heading-h3-font-weight)}.pantoken-prose h4{font-size:var(--instui-component-heading-h4-font-size);font-weight:var(--instui-component-heading-h4-font-weight)}.pantoken-prose h5{font-size:var(--instui-component-heading-h5-font-size);font-weight:var(--instui-component-heading-h5-font-weight)}.pantoken-prose h6{font-size:var(--instui-component-heading-h6-font-size);font-weight:var(--instui-component-heading-h6-font-weight)}.pantoken-prose p{margin:var(--instui-spacing-space-md) 0}.pantoken-prose a{color:var(--instui-color-text-interactive-navigation-primary-base);text-decoration:underline}.pantoken-prose a:hover{color:var(--instui-color-text-interactive-navigation-primary-hover)}.pantoken-prose strong,.pantoken-prose b{font-weight:var(--instui-component-text-content-important-font-weight)}.pantoken-prose em,.pantoken-prose i{font-style:italic}.pantoken-prose small{font-size:var(--instui-component-text-content-small-font-size)}.pantoken-prose del,.pantoken-prose s{color:var(--instui-color-text-muted);text-decoration:line-through}.pantoken-prose ul,.pantoken-prose ol{margin:var(--instui-spacing-space-md) 0;padding-inline-start:var(--instui-spacing-space-lg)}.pantoken-prose li{margin:var(--instui-spacing-space2xs) 0}.pantoken-prose li.task-list-item{list-style:none}.pantoken-prose input[type=checkbox]{accent-color:var(--instui-color-text-interactive-navigation-primary-base);margin-inline-end:var(--instui-spacing-space-xs)}.pantoken-prose blockquote{margin:var(--instui-spacing-space-md) 0;border-inline-start:var(--instui-border-width-lg) solid var(--instui-color-stroke-base);color:var(--instui-component-text-base-color);font-size:var(--instui-component-text-content-quote-font-size);line-height:var(--instui-component-text-content-quote-line-height);padding-inline-start:var(--instui-spacing-space-md)}.pantoken-prose code{font-family:var(--instui-font-family-code);background:var(--instui-color-background-muted);padding:var(--instui-spacing-space2xs) var(--instui-spacing-space-xs);border-radius:var(--instui-border-radius-sm);font-size:.9em}.pantoken-prose pre{font-family:var(--instui-font-family-code);background:var(--instui-color-background-container);color:var(--instui-color-text-base);padding:var(--instui-spacing-space-md);border:var(--instui-border-width-sm) solid var(--instui-color-stroke-base);border-radius:var(--instui-border-radius-md);overflow-x:auto}.pantoken-prose pre code{font-size:inherit;background:0 0;border-radius:0;padding:0}.pantoken-prose hr{border:none;border-top:var(--instui-border-width-sm) solid var(--instui-color-stroke-base);margin:var(--instui-spacing-space-lg) 0}.pantoken-prose img{border-radius:var(--instui-border-radius-md);max-width:100%}.pantoken-prose table:not([class]){border-collapse:collapse;width:100%;margin:var(--instui-spacing-space-md) 0;background:var(--instui-component-table-background);color:var(--instui-component-table-color);font-family:var(--instui-component-table-font-family);font-size:var(--instui-component-table-font-size)}.pantoken-prose table:not([class]) th{text-align:start;background:var(--instui-component-table-col-header-background);color:var(--instui-component-table-col-header-color);font-weight:var(--instui-component-table-head-font-weight);padding:var(--instui-component-table-col-header-padding-vertical) var(--instui-component-table-col-header-padding-horizontal);border-bottom:var(--instui-border-width-md) solid var(--instui-component-table-row-border-color)}.pantoken-prose table:not([class]) td{color:var(--instui-component-table-cell-color);line-height:var(--instui-component-table-cell-line-height);padding:var(--instui-component-table-cell-padding-vertical) var(--instui-component-table-cell-padding-horizontal);border-bottom:var(--instui-border-width-sm) solid var(--instui-component-table-row-border-color)}
@@ -0,0 +1 @@
1
+ .instui-radio-input-group{gap:var(--instui-component-form-field-layout-gap-inputs);border:0;flex-direction:column;min-inline-size:0;margin:0;padding:0;display:flex}.instui-radio-input-group>legend{color:var(--instui-component-form-field-layout-text-color);font-family:var(--instui-component-form-field-layout-font-family);font-weight:var(--instui-component-form-field-layout-font-weight);font-size:var(--instui-component-form-field-layout-font-size);line-height:var(--instui-component-form-field-layout-line-height);margin-block-end:var(--instui-component-form-field-layout-gap-primitives);padding:0}.instui-radio-input-group.-required>legend:after{content:"*";color:var(--instui-component-form-field-layout-asterisk-color);margin-inline-start:.25rem}.instui-radio-input-group.-layout-columns,.instui-radio-input-group.-layout-inline{align-items:center;column-gap:var(--instui-spacing-space-md);flex-flow:wrap}.instui-radio-input-group.-layout-columns>legend,.instui-radio-input-group.-layout-inline>legend{flex-basis:100%}.instui-radio-input-group.-variant-toggle{flex-flow:wrap;align-items:center;gap:0}.instui-radio-input-group.-variant-toggle>legend{flex-basis:100%}.instui-radio-input-group.-variant-toggle>.instui-radio:has(input:focus-visible){z-index:1}
package/dist/radio.css ADDED
@@ -0,0 +1 @@
1
+ .instui-radio{align-items:center;gap:var(--instui-component-radio-input-gap);color:var(--instui-component-radio-input-label-base-color);font-family:var(--instui-component-radio-input-font-family);font-size:var(--instui-component-radio-input-font-size-md);font-weight:var(--instui-component-radio-input-font-weight);line-height:var(--instui-component-radio-input-line-height-md);display:inline-flex}.instui-radio:not(.-variant-toggle):not(.-toggle) input[type=radio]{-webkit-appearance:none;appearance:none;width:var(--instui-component-radio-input-control-size-md);height:var(--instui-component-radio-input-control-size-md);margin-block:var(--instui-component-radio-input-control-vertical-margin);border:var(--instui-component-radio-input-border-width) solid var(--instui-component-radio-input-border-color);background:var(--instui-component-radio-input-background-color);cursor:pointer;border-radius:50%;flex:none;place-content:center;transition:border-color .15s,background-color .15s;display:inline-grid}.instui-radio:not(.-variant-toggle):not(.-toggle) input[type=radio]:before{content:"";width:calc(var(--instui-component-radio-input-control-size-md) - 2 * var(--instui-component-radio-input-checked-inset-md));height:calc(var(--instui-component-radio-input-control-size-md) - 2 * var(--instui-component-radio-input-checked-inset-md));background:var(--instui-component-radio-input-border-selected-color);border-radius:50%;transition:transform .1s;transform:scale(0)}.instui-radio:not(.-variant-toggle):not(.-toggle) input[type=radio]:hover{border-color:var(--instui-component-radio-input-border-hover-color);background:var(--instui-component-radio-input-background-hover-color)}.instui-radio:not(.-variant-toggle):not(.-toggle) input[type=radio]:checked{border-color:var(--instui-component-radio-input-border-selected-color)}.instui-radio:not(.-variant-toggle):not(.-toggle) input[type=radio]:checked:before{transform:scale(1)}.instui-radio:not(.-variant-toggle):not(.-toggle) input[type=radio]:disabled{border-color:var(--instui-component-radio-input-border-disabled-color);background:var(--instui-component-radio-input-background-disabled-color);cursor:not-allowed}.instui-radio:not(.-variant-toggle):not(.-toggle):has(input:disabled){color:var(--instui-component-radio-input-label-disabled-color)}.instui-radio:not(.-variant-toggle):not(.-toggle):hover{color:var(--instui-component-radio-input-label-hover-color)}.instui-radio:not(.-variant-toggle):not(.-toggle).-size-sm{font-size:var(--instui-component-radio-input-font-size-sm);line-height:var(--instui-component-radio-input-line-height-sm)}.instui-radio:not(.-variant-toggle):not(.-toggle).-size-sm input[type=radio]{width:var(--instui-component-radio-input-control-size-sm);height:var(--instui-component-radio-input-control-size-sm)}.instui-radio:not(.-variant-toggle):not(.-toggle).-size-sm input[type=radio]:before{width:calc(var(--instui-component-radio-input-control-size-sm) - 2 * var(--instui-component-radio-input-checked-inset-sm));height:calc(var(--instui-component-radio-input-control-size-sm) - 2 * var(--instui-component-radio-input-checked-inset-sm))}.instui-radio:not(.-variant-toggle):not(.-toggle).-size-lg{font-size:var(--instui-component-radio-input-font-size-lg);line-height:var(--instui-component-radio-input-line-height-lg)}.instui-radio:not(.-variant-toggle):not(.-toggle).-size-lg input[type=radio]{width:var(--instui-component-radio-input-control-size-lg);height:var(--instui-component-radio-input-control-size-lg)}.instui-radio:not(.-variant-toggle):not(.-toggle).-size-lg input[type=radio]:before{width:calc(var(--instui-component-radio-input-control-size-lg) - 2 * var(--instui-component-radio-input-checked-inset-lg));height:calc(var(--instui-component-radio-input-control-size-lg) - 2 * var(--instui-component-radio-input-checked-inset-lg))}.instui-radio:not(.-variant-toggle):not(.-toggle).-readonly{color:var(--instui-component-radio-input-label-readonly-color)}.instui-radio:not(.-variant-toggle):not(.-toggle).-readonly input[type=radio]{border-color:var(--instui-component-radio-input-border-readonly-color);background:var(--instui-component-radio-input-background-readonly-color)}.instui-radio.-variant-toggle{--pantoken-rt-fill:var(--instui-component-radio-input-toggle-background-success);height:var(--instui-component-radio-input-toggle-medium-height);border-radius:var(--instui-component-radio-input-toggle-border-radius);color:var(--instui-component-radio-input-label-base-color);font-size:var(--instui-component-radio-input-toggle-medium-font-size);text-transform:uppercase;white-space:nowrap;cursor:pointer;background:0 0;justify-content:center;gap:0;padding-inline:.875rem;line-height:1;transition:background-color .15s,color .15s;position:relative}.instui-radio.-variant-toggle input[type=radio]{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.instui-radio.-variant-toggle.-context-off{--pantoken-rt-fill:var(--instui-component-radio-input-toggle-background-off)}.instui-radio.-variant-toggle.-context-success{--pantoken-rt-fill:var(--instui-component-radio-input-toggle-background-success)}.instui-radio.-variant-toggle.-context-danger{--pantoken-rt-fill:var(--instui-component-radio-input-toggle-background-danger)}.instui-radio.-variant-toggle.-context-warning{--pantoken-rt-fill:var(--instui-component-radio-input-toggle-background-warning)}.instui-radio.-variant-toggle:has(input:checked){background:var(--pantoken-rt-fill);color:var(--instui-component-radio-input-toggle-handle-text);box-shadow:var(--instui-elevation-depth1)}.instui-radio.-variant-toggle:has(input:focus-visible){text-decoration:underline}.instui-radio.-variant-toggle:has(input:focus-visible):before{content:"";border:var(--instui-focus-outline-width) var(--instui-focus-outline-style) var(--instui-focus-outline-color);border-radius:calc(var(--instui-component-radio-input-toggle-border-radius) + .0625rem);pointer-events:none;position:absolute;inset:-.25rem}.instui-radio.-variant-toggle:has(input:disabled){opacity:.5;cursor:not-allowed}.instui-radio.-variant-toggle.-size-sm{height:var(--instui-component-radio-input-toggle-small-height);font-size:var(--instui-component-radio-input-toggle-small-font-size);padding-inline:.5rem}.instui-radio.-variant-toggle.-size-lg{height:var(--instui-component-radio-input-toggle-large-height);font-size:var(--instui-component-radio-input-toggle-large-font-size);padding-inline:1rem}.instui-radio:not(.-variant-toggle):not(.-toggle).-size-small{font-size:var(--instui-component-radio-input-font-size-sm);line-height:var(--instui-component-radio-input-line-height-sm)}.instui-radio:not(.-variant-toggle):not(.-toggle).-size-small input[type=radio]{width:var(--instui-component-radio-input-control-size-sm);height:var(--instui-component-radio-input-control-size-sm)}.instui-radio:not(.-variant-toggle):not(.-toggle).-size-small input[type=radio]:before{width:calc(var(--instui-component-radio-input-control-size-sm) - 2 * var(--instui-component-radio-input-checked-inset-sm));height:calc(var(--instui-component-radio-input-control-size-sm) - 2 * var(--instui-component-radio-input-checked-inset-sm))}.instui-radio:not(.-variant-toggle):not(.-toggle).-size-large{font-size:var(--instui-component-radio-input-font-size-lg);line-height:var(--instui-component-radio-input-line-height-lg)}.instui-radio:not(.-variant-toggle):not(.-toggle).-size-large input[type=radio]{width:var(--instui-component-radio-input-control-size-lg);height:var(--instui-component-radio-input-control-size-lg)}.instui-radio:not(.-variant-toggle):not(.-toggle).-size-large input[type=radio]:before{width:calc(var(--instui-component-radio-input-control-size-lg) - 2 * var(--instui-component-radio-input-checked-inset-lg));height:calc(var(--instui-component-radio-input-control-size-lg) - 2 * var(--instui-component-radio-input-checked-inset-lg))}.instui-radio.-variant-toggle.-size-small{height:var(--instui-component-radio-input-toggle-small-height);font-size:var(--instui-component-radio-input-toggle-small-font-size);padding-inline:.5rem}.instui-radio.-variant-toggle.-size-large{height:var(--instui-component-radio-input-toggle-large-height);font-size:var(--instui-component-radio-input-toggle-large-font-size);padding-inline:1rem}.instui-radio.-toggle{--pantoken-rt-fill:var(--instui-component-radio-input-toggle-background-success);height:var(--instui-component-radio-input-toggle-medium-height);border-radius:var(--instui-component-radio-input-toggle-border-radius);color:var(--instui-component-radio-input-label-base-color);font-size:var(--instui-component-radio-input-toggle-medium-font-size);text-transform:uppercase;white-space:nowrap;cursor:pointer;background:0 0;justify-content:center;gap:0;padding-inline:.875rem;line-height:1;transition:background-color .15s,color .15s;position:relative}.instui-radio.-toggle input[type=radio]{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.instui-radio.-toggle.-context-off{--pantoken-rt-fill:var(--instui-component-radio-input-toggle-background-off)}.instui-radio.-toggle.-context-success{--pantoken-rt-fill:var(--instui-component-radio-input-toggle-background-success)}.instui-radio.-toggle.-context-danger{--pantoken-rt-fill:var(--instui-component-radio-input-toggle-background-danger)}.instui-radio.-toggle.-context-warning{--pantoken-rt-fill:var(--instui-component-radio-input-toggle-background-warning)}.instui-radio.-toggle:has(input:checked){background:var(--pantoken-rt-fill);color:var(--instui-component-radio-input-toggle-handle-text);box-shadow:var(--instui-elevation-depth1)}.instui-radio.-toggle:has(input:focus-visible){text-decoration:underline}.instui-radio.-toggle:has(input:focus-visible):before{content:"";border:var(--instui-focus-outline-width) var(--instui-focus-outline-style) var(--instui-focus-outline-color);border-radius:calc(var(--instui-component-radio-input-toggle-border-radius) + .0625rem);pointer-events:none;position:absolute;inset:-.25rem}.instui-radio.-toggle:has(input:disabled){opacity:.5;cursor:not-allowed}.instui-radio.-toggle.-size-sm{height:var(--instui-component-radio-input-toggle-small-height);font-size:var(--instui-component-radio-input-toggle-small-font-size);padding-inline:.5rem}.instui-radio.-toggle.-size-lg{height:var(--instui-component-radio-input-toggle-large-height);font-size:var(--instui-component-radio-input-toggle-large-font-size);padding-inline:1rem}.instui-radio.-toggle.-size-small{height:var(--instui-component-radio-input-toggle-small-height);font-size:var(--instui-component-radio-input-toggle-small-font-size);padding-inline:.5rem}.instui-radio.-toggle.-size-large{height:var(--instui-component-radio-input-toggle-large-height);font-size:var(--instui-component-radio-input-toggle-large-font-size);padding-inline:1rem}
@@ -0,0 +1 @@
1
+ .instui-range-input{-webkit-appearance:none;appearance:none;inline-size:100%;min-inline-size:var(--instui-component-range-input-min-width);block-size:var(--instui-component-range-input-handle-size);background:0 0}.instui-range-input::-webkit-slider-runnable-track{background:var(--instui-component-range-input-track-background);border:var(--instui-border-width-sm) solid var(--instui-component-range-input-track-border-color);border-radius:999px;block-size:.25rem}.instui-range-input::-moz-range-track{background:var(--instui-component-range-input-track-background);border:var(--instui-border-width-sm) solid var(--instui-component-range-input-track-border-color);border-radius:999px;block-size:.25rem}.instui-range-input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;inline-size:var(--instui-component-range-input-handle-size);block-size:var(--instui-component-range-input-handle-size);background:var(--instui-component-range-input-handle-background);border:var(--instui-component-range-input-handle-border-size) solid var(--instui-component-range-input-handle-border-color);box-shadow:0 0 0 0 var(--instui-component-range-input-handle-shadow-color);cursor:pointer;border-radius:50%;margin-block-start:calc((.25rem - var(--instui-component-range-input-handle-size)) / 2)}.instui-range-input::-moz-range-thumb{inline-size:var(--instui-component-range-input-handle-size);block-size:var(--instui-component-range-input-handle-size);background:var(--instui-component-range-input-handle-background);border:var(--instui-component-range-input-handle-border-size) solid var(--instui-component-range-input-handle-border-color);box-shadow:0 0 0 0 var(--instui-component-range-input-handle-shadow-color);cursor:pointer;border-radius:50%}.instui-range-input:hover::-webkit-slider-thumb{background:var(--instui-component-range-input-handle-hover-background)}.instui-range-input:hover::-moz-range-thumb{background:var(--instui-component-range-input-handle-hover-background)}.instui-range-input:focus-visible{outline:none}.instui-range-input:focus-visible::-webkit-slider-thumb{background:var(--instui-component-range-input-handle-focus-background);box-shadow:0 0 0 var(--instui-component-range-input-handle-focus-outline-width) var(--instui-component-range-input-handle-focus-outline-color)}.instui-range-input:focus-visible::-moz-range-thumb{background:var(--instui-component-range-input-handle-focus-background);box-shadow:0 0 0 var(--instui-component-range-input-handle-focus-outline-width) var(--instui-component-range-input-handle-focus-outline-color)}.instui-range-input-value{background:var(--instui-color-background-inverse);color:var(--instui-color-text-inverse);border-radius:var(--instui-border-radius-md);padding:var(--instui-component-range-input-value-medium-padding);font-family:var(--instui-component-range-input-value-font-family);font-size:var(--instui-component-range-input-value-medium-font-size);font-weight:var(--instui-component-range-input-value-font-weight);align-self:center;align-items:center;margin-inline-start:.5rem;line-height:1;display:inline-flex;position:relative}.instui-range-input-value:before{content:"";border-block:.375rem solid #0000;border-inline-end:.375rem solid var(--instui-color-background-inverse);border-inline-start:0;position:absolute;inset-block-start:50%;inset-inline-start:-.375rem;transform:translateY(-50%)}.instui-range-input-value.-size-sm{padding:var(--instui-component-range-input-value-small-padding);font-size:var(--instui-component-range-input-value-small-font-size);line-height:var(--instui-component-range-input-value-small-line-height)}.instui-range-input-value.-size-lg{padding:var(--instui-component-range-input-value-large-padding);font-size:var(--instui-component-range-input-value-large-font-size);line-height:var(--instui-component-range-input-value-large-line-height)}.instui-range-input-value.-size-small{padding:var(--instui-component-range-input-value-small-padding);font-size:var(--instui-component-range-input-value-small-font-size);line-height:var(--instui-component-range-input-value-small-line-height)}.instui-range-input-value.-size-large{padding:var(--instui-component-range-input-value-large-padding);font-size:var(--instui-component-range-input-value-large-font-size);line-height:var(--instui-component-range-input-value-large-line-height)}
@@ -0,0 +1 @@
1
+ .instui-rating{align-items:center;gap:var(--instui-component-rating-icon-icon-margin);font-size:var(--instui-component-rating-icon-medium-icon-font-size);color:var(--instui-component-rating-icon-icon-empty-color);display:inline-flex}.instui-rating.-size-sm{font-size:var(--instui-component-rating-icon-small-icon-font-size)}.instui-rating.-size-lg{font-size:var(--instui-component-rating-icon-large-icon-font-size)}@scope(.instui-rating){.-icon-star-solid{color:var(--instui-component-rating-icon-icon-filled-color)}:scope>.label{color:var(--instui-color-text-base);font-family:var(--instui-font-family-base);font-size:var(--instui-font-size-text-base);margin-inline-start:var(--instui-component-rating-icon-icon-margin)}}.instui-rating.-size-small{font-size:var(--instui-component-rating-icon-small-icon-font-size)}.instui-rating.-size-large{font-size:var(--instui-component-rating-icon-large-icon-font-size)}
@@ -0,0 +1 @@
1
+ @supports (appearance:base-select){.instui-simple-select,.instui-simple-select::picker(select){appearance:base-select}.instui-simple-select::picker-icon{display:none}.instui-simple-select::picker(select){border:var(--instui-component-select-popover-border-width) solid var(--instui-component-text-input-border-color);border-radius:var(--instui-border-radius-lg);box-shadow:var(--instui-elevation-topmost);background-color:var(--instui-component-options-item-background);margin:0;padding:0;overflow:hidden}.instui-simple-select option{padding:var(--instui-component-options-item-padding-vertical) var(--instui-component-options-item-padding-horizontal);background-color:var(--instui-component-options-item-background);color:var(--instui-component-options-item-color);font-family:var(--instui-component-options-item-font-family);font-weight:var(--instui-component-options-item-font-weight);font-size:var(--instui-component-options-item-font-size);line-height:var(--instui-component-options-item-line-height);cursor:pointer}.instui-simple-select option::checkmark{display:none}.instui-simple-select option:hover,.instui-simple-select option:focus{background-color:var(--instui-component-options-item-highlighted-background);color:var(--instui-component-options-item-highlighted-label-color);outline:none}.instui-simple-select option:checked{background-color:var(--instui-component-options-item-selected-background);color:var(--instui-component-options-item-selected-label-color);font-weight:var(--instui-component-options-item-font-weight-selected);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--instui-component-options-item-padding-horizontal) center;background-size:1rem 1rem;padding-inline-end:calc(var(--instui-component-options-item-padding-horizontal) + 1.5rem)}}
@@ -0,0 +1 @@
1
+ .instui-side-nav-bar{gap:var(--instui-component-side-nav-bar-content-gap);padding:var(--instui-component-side-nav-bar-content-margin);box-sizing:border-box;background:var(--instui-component-side-nav-bar-background-color);block-size:100%;min-block-size:100%;inline-size:fit-content;color:var(--instui-component-side-nav-bar-font-color);font-family:var(--instui-component-side-nav-bar-item-font-family);flex-direction:column;display:flex}@scope(.instui-side-nav-bar){:scope>.item{align-items:center;gap:var(--instui-spacing-space2xs);padding:var(--instui-component-side-nav-bar-item-content-padding);min-inline-size:var(--instui-component-side-nav-bar-minimized-width);color:var(--instui-component-side-nav-bar-item-font-color);background:var(--instui-component-side-nav-bar-item-background-color);border-radius:var(--instui-component-side-nav-bar-item-border-radius);font-size:var(--instui-component-side-nav-bar-item-font-size);font-weight:var(--instui-component-side-nav-bar-item-font-weight);line-height:var(--instui-component-side-nav-bar-item-line-height);text-align:center;text-decoration:var(--instui-component-side-nav-bar-item-link-text-decoration);cursor:pointer;flex-direction:column;display:flex}:scope>.item [class*=-icon-]{line-height:1}:scope>.item:hover{background:var(--instui-component-side-nav-bar-item-hover-background-color)}:scope>.item.-selected{background:var(--instui-component-side-nav-bar-item-selected-background-color);color:var(--instui-component-side-nav-bar-item-selected-font-color)}}.instui-side-nav-bar.-minimized{inline-size:var(--instui-component-side-nav-bar-minimized-width)}.instui-side-nav-bar.-minimized .item .label{display:none}
@@ -0,0 +1 @@
1
+ .instui-simple-select{box-sizing:border-box;inline-size:100%;font-family:var(--instui-component-text-input-font-family);font-weight:var(--instui-component-text-input-font-weight);color:var(--instui-component-text-input-text-color);background-color:var(--instui-component-text-input-background-color);border:var(--instui-component-text-input-border-width) solid var(--instui-component-text-input-border-color);border-radius:var(--instui-component-text-input-border-radius);display:block}.instui-simple-select::placeholder{color:var(--instui-component-text-input-placeholder-color)}.instui-simple-select:hover{background-color:var(--instui-component-text-input-background-hover-color);border-color:var(--instui-component-text-input-border-hover-color)}.instui-simple-select:hover::placeholder{color:var(--instui-component-text-input-placeholder-hover-color)}.instui-simple-select:disabled,.instui-simple-select.-disabled{background-color:var(--instui-component-text-input-background-disabled-color);border-color:var(--instui-component-text-input-border-disabled-color);color:var(--instui-component-text-input-text-disabled-color);cursor:not-allowed}.instui-simple-select.-readonly{background-color:var(--instui-component-text-input-background-readonly-color);border-color:var(--instui-component-text-input-border-readonly-color);color:var(--instui-component-text-input-text-readonly-color)}.instui-simple-select.-invalid{border-color:var(--instui-component-text-input-error-border-color)}.instui-simple-select.-success{border-color:var(--instui-component-text-input-success-border-color)}.instui-simple-select:is(.-invalid,:user-invalid):focus-visible{outline-color:var(--instui-focus-outline-color-danger)}.instui-simple-select.-success:focus-visible{outline-color:var(--instui-focus-outline-color-success)}.instui-simple-select{block-size:var(--instui-component-text-input-height-md);padding-inline:var(--instui-component-text-input-padding-horizontal-md);font-size:var(--instui-component-text-input-font-size-md);-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236a7883' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--instui-component-text-input-padding-horizontal-md) center;background-size:1em;padding-inline-end:calc(var(--instui-component-text-input-padding-horizontal-md) + 1.5rem)}.instui-simple-select.-size-sm{block-size:var(--instui-component-text-input-height-sm);padding-inline:var(--instui-component-text-input-padding-horizontal-sm);font-size:var(--instui-component-text-input-font-size-sm);padding-inline-end:calc(var(--instui-component-text-input-padding-horizontal-sm) + 1.5rem)}.instui-simple-select.-size-lg{block-size:var(--instui-component-text-input-height-lg);padding-inline:var(--instui-component-text-input-padding-horizontal-lg);font-size:var(--instui-component-text-input-font-size-lg);padding-inline-end:calc(var(--instui-component-text-input-padding-horizontal-lg) + 1.5rem)}.instui-simple-select.-size-small{block-size:var(--instui-component-text-input-height-sm);padding-inline:var(--instui-component-text-input-padding-horizontal-sm);font-size:var(--instui-component-text-input-font-size-sm);padding-inline-end:calc(var(--instui-component-text-input-padding-horizontal-sm) + 1.5rem)}.instui-simple-select.-size-large{block-size:var(--instui-component-text-input-height-lg);padding-inline:var(--instui-component-text-input-padding-horizontal-lg);font-size:var(--instui-component-text-input-font-size-lg);padding-inline-end:calc(var(--instui-component-text-input-padding-horizontal-lg) + 1.5rem)}
@@ -0,0 +1 @@
1
+ @keyframes pantoken-spinner-rotate{to{transform:rotate(360deg)}}.instui-spinner{width:var(--instui-component-spinner-spinner-size-md);height:var(--instui-component-spinner-spinner-size-md);border:var(--instui-component-spinner-stroke-width-md) solid var(--instui-component-spinner-track-color);border-top-color:var(--instui-component-spinner-color);border-radius:50%;animation:.8s linear infinite pantoken-spinner-rotate;display:inline-block}.instui-spinner.-size-xs{width:var(--instui-component-spinner-spinner-size-xs);height:var(--instui-component-spinner-spinner-size-xs);border-width:var(--instui-component-spinner-stroke-width-xs)}.instui-spinner.-size-sm{width:var(--instui-component-spinner-spinner-size-sm);height:var(--instui-component-spinner-spinner-size-sm);border-width:var(--instui-component-spinner-stroke-width-sm)}.instui-spinner.-size-lg{width:var(--instui-component-spinner-spinner-size-lg);height:var(--instui-component-spinner-spinner-size-lg);border-width:var(--instui-component-spinner-stroke-width-lg)}.instui-spinner.-color-inverse{border-top-color:var(--instui-component-spinner-inverse-color)}.instui-spinner.-size-x-small{width:var(--instui-component-spinner-spinner-size-xs);height:var(--instui-component-spinner-spinner-size-xs);border-width:var(--instui-component-spinner-stroke-width-xs)}.instui-spinner.-size-small{width:var(--instui-component-spinner-spinner-size-sm);height:var(--instui-component-spinner-spinner-size-sm);border-width:var(--instui-component-spinner-stroke-width-sm)}.instui-spinner.-size-large{width:var(--instui-component-spinner-spinner-size-lg);height:var(--instui-component-spinner-spinner-size-lg);border-width:var(--instui-component-spinner-stroke-width-lg)}
package/dist/table.css ADDED
@@ -0,0 +1 @@
1
+ .instui-table{border-collapse:collapse;background:var(--instui-component-table-background);width:100%;color:var(--instui-component-table-color);font-family:var(--instui-component-table-font-family);font-size:var(--instui-component-table-font-size)}.instui-table caption{text-align:start;padding:var(--instui-component-table-cell-padding-vertical) var(--instui-component-table-cell-padding-horizontal);color:var(--instui-component-table-col-header-color);font-weight:var(--instui-component-table-head-font-weight)}.instui-table.-layout-fixed{table-layout:fixed}.instui-table thead{background:var(--instui-component-table-head-background)}.instui-table th{text-align:start;background:var(--instui-component-table-col-header-background);color:var(--instui-component-table-col-header-color);font-weight:var(--instui-component-table-head-font-weight);line-height:var(--instui-component-table-col-header-line-height);padding:var(--instui-component-table-col-header-padding-vertical) var(--instui-component-table-col-header-padding-horizontal)}.instui-table thead th{border-bottom:var(--instui-border-width-md) solid var(--instui-component-table-row-border-color)}.instui-table tbody th,.instui-table th[scope=row]{background:var(--instui-component-table-row-header-background);color:var(--instui-component-table-row-header-color);font-weight:var(--instui-component-table-row-header-font-weight);line-height:var(--instui-component-table-row-header-line-height);padding:var(--instui-component-table-row-header-padding-vertical) var(--instui-component-table-row-header-padding-horizontal)}.instui-table td{color:var(--instui-component-table-cell-color);line-height:var(--instui-component-table-cell-line-height);padding:var(--instui-component-table-cell-padding-vertical) var(--instui-component-table-cell-padding-horizontal)}.instui-table tbody td,.instui-table tbody th{border:0}.instui-table tbody tr{border-bottom:var(--instui-border-width-sm) solid var(--instui-component-table-row-border-color)}.instui-table.-hover tbody tr{border-inline:.1875rem solid #0000}.instui-table.-hover tbody tr:hover{border-inline-color:var(--instui-component-table-row-hover-border-color)}.instui-table.-layout-stacked thead{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.instui-table.-layout-stacked,.instui-table.-layout-stacked tbody,.instui-table.-layout-stacked tr,.instui-table.-layout-stacked td,.instui-table.-layout-stacked th{width:auto;display:block}.instui-table.-layout-stacked tbody tr{padding:var(--instui-component-table-row-padding-vertical) var(--instui-component-table-row-padding-horizontal)}.instui-table.-layout-stacked tbody td[data-label]:before,.instui-table.-layout-stacked tbody th[data-label]:before{content:attr(data-label);font-weight:var(--instui-component-table-head-font-weight);color:var(--instui-component-table-col-header-color);display:block}
package/dist/tabs.css ADDED
@@ -0,0 +1 @@
1
+ .instui-tabs{background:var(--instui-component-tabs-default-background);flex-direction:column;display:flex}@scope(.instui-tabs){:scope>.list{flex-flow:wrap;width:100%;display:flex}:scope.-overflow-scroll>.list{scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}:scope.-overflow-scroll>.list::-webkit-scrollbar{display:none}.tab{-webkit-appearance:none;appearance:none;color:var(--instui-component-tabs-tab-default-text-color);font-family:var(--instui-component-tabs-tab-font-family);font-size:var(--instui-component-tabs-tab-font-size);font-weight:var(--instui-component-tabs-tab-font-weight);cursor:pointer;user-select:none;white-space:nowrap;z-index:1;margin-bottom:calc(-1 * var(--instui-component-tabs-panel-border-width));background:0 0;border:0;border-bottom:.25rem solid #0000;padding:1rem 1.25rem;line-height:1;position:relative}.tab:hover:not(.-selected):not(.-disabled):not([aria-selected=true]):not([aria-disabled=true]){border-bottom-color:var(--instui-component-tabs-tab-default-hover-border-color)}.tab.-selected,.tab[aria-selected=true]{border-bottom-color:var(--instui-component-tabs-tab-default-selected-border-color)}.tab.-disabled,.tab[aria-disabled=true],.tab:disabled{opacity:.5;cursor:default;font-weight:400}:scope.-variant-secondary .tab{line-height:var(--instui-component-tabs-tab-line-height);color:var(--instui-component-tabs-tab-secondary-text-color);margin-inline-end:.2em;margin-bottom:calc(-1 * var(--instui-component-tabs-panel-border-width));border:var(--instui-component-tabs-panel-border-width) solid transparent;border-radius:.1875rem .1875rem 0 0;padding:.75rem 1rem}:scope.-variant-secondary .tab:first-of-type{margin-inline-start:0}:scope.-variant-secondary .tab:hover:not(.-selected):not(.-disabled):not([aria-selected=true]):not([aria-disabled=true]){background:var(--instui-component-tabs-tab-secondary-selected-background);border-color:var(--instui-component-tabs-tab-secondary-selected-border-color);color:var(--instui-component-tabs-tab-secondary-selected-text-color)}:scope.-variant-secondary .tab.-selected,:scope.-variant-secondary .tab[aria-selected=true]{background:var(--instui-component-tabs-tab-secondary-selected-background);border-color:var(--instui-component-tabs-tab-secondary-selected-border-color);border-bottom-color:var(--instui-component-tabs-tab-secondary-selected-background);color:var(--instui-component-tabs-tab-secondary-selected-text-color)}:scope>.panel{box-sizing:border-box;border-top:var(--instui-component-tabs-panel-border-width) solid var(--instui-component-tabs-panel-border-color);background:var(--instui-component-tabs-panel-background);color:var(--instui-component-tabs-panel-text-color);font-family:var(--instui-component-tabs-panel-font-family);font-size:var(--instui-component-tabs-panel-font-size);font-weight:var(--instui-component-tabs-panel-font-weight);line-height:var(--instui-component-tabs-panel-line-height);padding:var(--instui-spacing-space-sm) var(--instui-spacing-space-md) var(--instui-spacing-space-md)}:scope>.panel[hidden]{display:none}}
package/dist/tag.css ADDED
@@ -0,0 +1 @@
1
+ .instui-tag{height:var(--instui-component-tag-height-medium);max-width:var(--instui-component-tag-max-width);padding:0 var(--instui-component-tag-padding-horizontal);background:var(--instui-component-tag-default-background);color:var(--instui-component-tag-default-color);border:var(--instui-component-tag-default-border-width) var(--instui-component-tag-default-border-style) var(--instui-component-tag-default-border-color);border-radius:var(--instui-component-tag-default-border-radius);font-family:var(--instui-component-tag-font-family);font-size:var(--instui-component-tag-font-size-medium);align-items:center;display:inline-flex}.instui-tag:hover{background:var(--instui-component-tag-default-background-hover)}.instui-tag.-size-sm{height:var(--instui-component-tag-height-small);padding:0 var(--instui-component-tag-padding-horizontal-small);font-size:var(--instui-component-tag-font-size-small)}.instui-tag.-size-lg{height:var(--instui-component-tag-height-large);font-size:var(--instui-component-tag-font-size-large)}.instui-tag.-inline{gap:var(--instui-spacing-space-xs);background:var(--instui-component-tag-inline-background);color:var(--instui-component-tag-inline-color);border-color:var(--instui-component-tag-inline-border-color);border-radius:var(--instui-component-tag-inline-border-radius);cursor:pointer}.instui-tag.-inline:hover{background:var(--instui-component-tag-inline-background-hover)}.instui-tag.-inline:after{content:"";background:var(--instui-component-tag-inline-icon-color);width:1em;height:1em;-webkit-mask:var(--instui-icon-x) center / contain no-repeat;mask:var(--instui-icon-x) center / contain no-repeat;flex:none}.instui-tag.-inline:hover:after{background:var(--instui-component-tag-inline-icon-hover-color)}.instui-tag.-readonly{cursor:default;background:var(--instui-component-tag-default-background)}.instui-tag.-readonly.-inline:after{display:none}.instui-tag.-size-small{height:var(--instui-component-tag-height-small);padding:0 var(--instui-component-tag-padding-horizontal-small);font-size:var(--instui-component-tag-font-size-small)}.instui-tag.-size-large{height:var(--instui-component-tag-height-large);font-size:var(--instui-component-tag-font-size-large)}
@@ -0,0 +1 @@
1
+ .instui-text-area{box-sizing:border-box;inline-size:100%;font-family:var(--instui-component-text-area-font-family);font-weight:var(--instui-component-text-area-font-weight);color:var(--instui-component-text-area-text-color);background-color:var(--instui-component-text-area-background-color);border:var(--instui-component-text-area-border-width) solid var(--instui-component-text-area-border-color);border-radius:var(--instui-component-text-area-border-radius);display:block}.instui-text-area::placeholder{color:var(--instui-component-text-area-placeholder-color)}.instui-text-area:hover{background-color:var(--instui-component-text-area-background-hover-color);border-color:var(--instui-component-text-area-border-hover-color)}.instui-text-area:hover::placeholder{color:var(--instui-component-text-area-placeholder-hover-color)}.instui-text-area:disabled,.instui-text-area.-disabled{background-color:var(--instui-component-text-area-background-disabled-color);border-color:var(--instui-component-text-area-border-disabled-color);color:var(--instui-component-text-area-text-disabled-color);cursor:not-allowed}.instui-text-area.-readonly{background-color:var(--instui-component-text-area-background-readonly-color);border-color:var(--instui-component-text-area-border-readonly-color);color:var(--instui-component-text-area-text-readonly-color)}.instui-text-area.-invalid{border-color:var(--instui-component-text-area-error-border-color)}.instui-text-area.-success{border-color:var(--instui-component-text-area-success-border-color)}.instui-text-area:is(.-invalid,:user-invalid):focus-visible{outline-color:var(--instui-focus-outline-color-danger)}.instui-text-area.-success:focus-visible{outline-color:var(--instui-focus-outline-color-success)}.instui-text-area{padding:var(--instui-component-text-area-padding);font-size:var(--instui-component-text-area-font-size-md);resize:vertical;min-block-size:4rem;line-height:1.5}.instui-text-area.-size-sm{font-size:var(--instui-component-text-area-font-size-sm)}.instui-text-area.-size-lg{font-size:var(--instui-component-text-area-font-size-lg)}.instui-text-area.-size-small{font-size:var(--instui-component-text-area-font-size-sm)}.instui-text-area.-size-large{font-size:var(--instui-component-text-area-font-size-lg)}
@@ -0,0 +1 @@
1
+ .instui-text-input{box-sizing:border-box;inline-size:100%;font-family:var(--instui-component-text-input-font-family);font-weight:var(--instui-component-text-input-font-weight);color:var(--instui-component-text-input-text-color);background-color:var(--instui-component-text-input-background-color);border:var(--instui-component-text-input-border-width) solid var(--instui-component-text-input-border-color);border-radius:var(--instui-component-text-input-border-radius);display:block}.instui-text-input::placeholder{color:var(--instui-component-text-input-placeholder-color)}.instui-text-input:hover{background-color:var(--instui-component-text-input-background-hover-color);border-color:var(--instui-component-text-input-border-hover-color)}.instui-text-input:hover::placeholder{color:var(--instui-component-text-input-placeholder-hover-color)}.instui-text-input:disabled,.instui-text-input.-disabled{background-color:var(--instui-component-text-input-background-disabled-color);border-color:var(--instui-component-text-input-border-disabled-color);color:var(--instui-component-text-input-text-disabled-color);cursor:not-allowed}.instui-text-input.-readonly{background-color:var(--instui-component-text-input-background-readonly-color);border-color:var(--instui-component-text-input-border-readonly-color);color:var(--instui-component-text-input-text-readonly-color)}.instui-text-input.-invalid{border-color:var(--instui-component-text-input-error-border-color)}.instui-text-input.-success{border-color:var(--instui-component-text-input-success-border-color)}.instui-text-input:is(.-invalid,:user-invalid):focus-visible{outline-color:var(--instui-focus-outline-color-danger)}.instui-text-input.-success:focus-visible{outline-color:var(--instui-focus-outline-color-success)}.instui-text-input{block-size:var(--instui-component-text-input-height-md);padding-inline:var(--instui-component-text-input-padding-horizontal-md);font-size:var(--instui-component-text-input-font-size-md)}.instui-text-input.-size-sm{block-size:var(--instui-component-text-input-height-sm);padding-inline:var(--instui-component-text-input-padding-horizontal-sm);font-size:var(--instui-component-text-input-font-size-sm)}.instui-text-input.-size-lg{block-size:var(--instui-component-text-input-height-lg);padding-inline:var(--instui-component-text-input-padding-horizontal-lg);font-size:var(--instui-component-text-input-font-size-lg)}.instui-text-input.-size-small{block-size:var(--instui-component-text-input-height-sm);padding-inline:var(--instui-component-text-input-padding-horizontal-sm);font-size:var(--instui-component-text-input-font-size-sm)}.instui-text-input.-size-large{block-size:var(--instui-component-text-input-height-lg);padding-inline:var(--instui-component-text-input-padding-horizontal-lg);font-size:var(--instui-component-text-input-font-size-lg)}
package/dist/text.css ADDED
@@ -0,0 +1 @@
1
+ .instui-text{font-family:var(--instui-component-text-content-font-family);color:var(--instui-component-text-base-color);font-size:var(--instui-component-text-font-size-medium);font-weight:var(--instui-component-text-font-weight-normal);line-height:var(--instui-component-text-content-line-height)}.instui-text.-size-xs{font-size:var(--instui-component-text-font-size-x-small)}.instui-text.-size-sm{font-size:var(--instui-component-text-font-size-small)}.instui-text.-size-lg{font-size:var(--instui-component-text-font-size-large)}.instui-text.-size-xl{font-size:var(--instui-component-text-font-size-x-large)}.instui-text.-weight-bold{font-weight:var(--instui-component-text-font-weight-bold)}.instui-text.-style-italic{font-style:italic}.instui-text.-color-secondary{color:var(--instui-component-text-muted-color)}.instui-text.-color-brand{color:var(--instui-component-text-primary-color)}.instui-text.-color-success{color:var(--instui-component-text-success-color)}.instui-text.-color-danger{color:var(--instui-component-text-error-color)}.instui-text.-color-warning{color:var(--instui-component-text-warning-color)}.instui-text.-color-primary-inverse{color:var(--instui-component-text-inverse-color)}.instui-text.-color-ai{color:var(--instui-component-text-ai-color);background:var(--instui-component-text-ai-background-color)}.instui-text.-variant-description-page{font-size:var(--instui-component-text-description-page-font-size);line-height:var(--instui-component-text-description-page-line-height)}.instui-text.-variant-description-section{font-size:var(--instui-component-text-description-section-font-size);line-height:var(--instui-component-text-description-section-line-height)}.instui-text.-variant-content-small{font-size:var(--instui-component-text-content-small-font-size);line-height:var(--instui-component-text-content-small-line-height)}.instui-text.-variant-legend{font-size:var(--instui-component-text-legend-font-size);line-height:var(--instui-component-text-legend-line-height)}.instui-text.-transform-uppercase{text-transform:uppercase}.instui-text.-transform-lowercase{text-transform:lowercase}.instui-text.-transform-capitalize{text-transform:capitalize}.instui-text.-size-x-small{font-size:var(--instui-component-text-font-size-x-small)}.instui-text.-size-small{font-size:var(--instui-component-text-font-size-small)}.instui-text.-size-large{font-size:var(--instui-component-text-font-size-large)}.instui-text.-size-x-large{font-size:var(--instui-component-text-font-size-x-large)}
@@ -0,0 +1 @@
1
+ .instui-toggle-details{color:var(--instui-component-toggle-details-text-color);font-family:var(--instui-component-toggle-details-font-family);font-weight:var(--instui-component-toggle-details-font-weight);line-height:var(--instui-component-toggle-details-line-height)}.instui-toggle-details>summary{align-items:center;gap:var(--instui-component-toggle-details-icon-margin);cursor:pointer;font-size:var(--instui-component-toggle-details-font-size-medium);padding:var(--instui-component-toggle-details-toggle-padding);color:var(--instui-component-toggle-details-text-color);list-style:none;display:flex}.instui-toggle-details>summary::-webkit-details-marker{display:none}.instui-toggle-details>summary:before{content:"";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;flex:none;transition:transform .2s}.instui-toggle-details[open]>summary:before{transform:rotate(90deg)}.instui-toggle-details.-chevron-end>summary:before{order:1;margin-inline-start:auto}.instui-toggle-details.-variant-filled>summary{background:var(--instui-color-background-interactive-action-secondary-base);border-radius:var(--instui-component-toggle-details-toggle-border-radius)}.instui-toggle-details>:not(summary){padding:var(--instui-component-toggle-details-content-padding-medium)}.instui-toggle-details.-size-sm>summary{font-size:var(--instui-component-toggle-details-font-size-small)}.instui-toggle-details.-size-sm>:not(summary){padding:var(--instui-component-toggle-details-content-padding-small)}.instui-toggle-details.-size-lg>summary{font-size:var(--instui-component-toggle-details-font-size-large)}.instui-toggle-details.-size-lg>:not(summary){padding:var(--instui-component-toggle-details-content-padding-large)}.instui-toggle-details.-size-small>summary{font-size:var(--instui-component-toggle-details-font-size-small)}.instui-toggle-details.-size-small>:not(summary){padding:var(--instui-component-toggle-details-content-padding-small)}.instui-toggle-details.-size-large>summary{font-size:var(--instui-component-toggle-details-font-size-large)}.instui-toggle-details.-size-large>:not(summary){padding:var(--instui-component-toggle-details-content-padding-large)}
@@ -0,0 +1 @@
1
+ .instui-toggle-group{border:var(--instui-border-width-sm) solid var(--instui-component-toggle-group-border-color);border-radius:var(--instui-border-radius-md);background:var(--instui-color-background-elevated-surface-base);color:var(--instui-component-toggle-details-text-color);font-family:var(--instui-component-toggle-details-font-family);font-weight:var(--instui-component-toggle-details-font-weight);line-height:var(--instui-component-toggle-details-line-height);display:block;overflow:hidden}.instui-toggle-group>summary{align-items:center;gap:var(--instui-component-toggle-details-icon-margin);cursor:pointer;padding:var(--instui-component-toggle-details-content-padding-medium);font-size:var(--instui-component-toggle-details-font-size-medium);list-style:none;display:flex}.instui-toggle-group>summary::-webkit-details-marker{display:none}.instui-toggle-group>summary:before{content:"";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;flex:none;transition:transform .2s}.instui-toggle-group[open]>summary:before{transform:rotate(90deg)}.instui-toggle-group>:not(summary){border-block-start:var(--instui-border-width-sm) solid var(--instui-component-toggle-group-border-color);padding:var(--instui-component-toggle-details-content-padding-medium)}.instui-toggle-group.-size-sm>summary,.instui-toggle-group.-size-sm>:not(summary){font-size:var(--instui-component-toggle-details-font-size-small);padding:var(--instui-component-toggle-details-content-padding-small)}.instui-toggle-group.-size-lg>summary,.instui-toggle-group.-size-lg>:not(summary){font-size:var(--instui-component-toggle-details-font-size-large);padding:var(--instui-component-toggle-details-content-padding-large)}.instui-toggle-group.-without-border{border:0}.instui-toggle-group.-without-border>:not(summary){border-block-start:0}.instui-toggle-group.-size-small>summary,.instui-toggle-group.-size-small>:not(summary){font-size:var(--instui-component-toggle-details-font-size-small);padding:var(--instui-component-toggle-details-content-padding-small)}.instui-toggle-group.-size-large>summary,.instui-toggle-group.-size-large>:not(summary){font-size:var(--instui-component-toggle-details-font-size-large);padding:var(--instui-component-toggle-details-content-padding-large)}
@@ -0,0 +1 @@
1
+ .instui-tooltip{display:inline-flex;position:relative}@scope(.instui-tooltip){:scope>[class*=-icon-]{line-height:1}:scope>.tip{z-index:1;padding:var(--instui-component-tooltip-padding);background:var(--instui-color-background-inverse);color:var(--instui-color-text-inverse);border-radius:var(--instui-border-radius-sm);font-family:var(--instui-component-tooltip-font-family);font-size:var(--instui-component-tooltip-font-size);font-weight:var(--instui-component-tooltip-font-weight);white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;margin-block-end:var(--instui-spacing-space-xs);transition:opacity .15s;position:absolute;inset-block-end:100%;inset-inline-start:50%;transform:translate(-50%)}}.instui-tooltip:hover>.tip,.instui-tooltip:focus-within>.tip{opacity:1;visibility:visible}.instui-tooltip>.tip.-placement-bottom{margin-block:var(--instui-spacing-space-xs) 0;inset-block:100% auto}.instui-tooltip>.tip.-placement-start{margin:0 var(--instui-spacing-space-xs) 0 0;inset-block-end:auto;inset-inline:auto 100%;top:50%;transform:translateY(-50%)}.instui-tooltip>.tip.-placement-end{margin:0 0 0 var(--instui-spacing-space-xs);inset-block-end:auto;inset-inline:100% auto;top:50%;transform:translateY(-50%)}
package/dist/tray.css ADDED
@@ -0,0 +1 @@
1
+ .instui-tray{inline-size:var(--instui-component-tray-width-md);background:var(--instui-component-tray-background-color);border:var(--instui-component-tray-border-width) solid var(--instui-component-tray-border-color);block-size:auto;max-block-size:none;max-inline-size:100%;padding:var(--instui-component-tray-padding);z-index:var(--instui-component-tray-z-index);box-shadow:var(--instui-elevation-topmost);position:fixed;inset-block:0;inset-inline-start:0}.instui-tray.-placement-end{inset-inline:auto 0}.instui-tray.-placement-top{block-size:auto;inline-size:100%;inset:0 0 auto}.instui-tray.-placement-bottom{block-size:auto;inline-size:100%;inset:auto 0 0}.instui-tray.-size-xs{inline-size:var(--instui-component-tray-width-xs)}.instui-tray.-size-sm{inline-size:var(--instui-component-tray-width-sm)}.instui-tray.-size-lg{inline-size:var(--instui-component-tray-width-lg)}.instui-tray.-size-xl{inline-size:var(--instui-component-tray-width-xl)}[popover].instui-tray{margin:0}dialog.instui-tray{padding:var(--instui-component-tray-padding);border:var(--instui-component-tray-border-width) solid var(--instui-component-tray-border-color);margin:0}@supports (transition-behavior:allow-discrete){[popover].instui-tray{transition:transform .2s ease, overlay .2s allow-discrete, display .2s allow-discrete;transform:translate(0)}[popover].instui-tray:not(:popover-open){transform:translate(-100%)}@starting-style{[popover].instui-tray:popover-open{transform:translate(-100%)}}[popover].instui-tray.-placement-end:not(:popover-open){transform:translate(100%)}@starting-style{[popover].instui-tray.-placement-end:popover-open{transform:translate(100%)}}[popover].instui-tray.-placement-top:not(:popover-open){transform:translateY(-100%)}@starting-style{[popover].instui-tray.-placement-top:popover-open{transform:translateY(-100%)}}[popover].instui-tray.-placement-bottom:not(:popover-open){transform:translateY(100%)}@starting-style{[popover].instui-tray.-placement-bottom:popover-open{transform:translateY(100%)}}}.instui-tray.-size-x-small{inline-size:var(--instui-component-tray-width-xs)}.instui-tray.-size-small{inline-size:var(--instui-component-tray-width-sm)}.instui-tray.-size-large{inline-size:var(--instui-component-tray-width-lg)}.instui-tray.-size-x-large{inline-size:var(--instui-component-tray-width-xl)}
@@ -0,0 +1 @@
1
+ .instui-tree-browser{border-radius:var(--instui-component-tree-browser-border-radius);font-family:var(--instui-component-tree-browser-tree-collection-font-family);color:var(--instui-component-tree-browser-tree-button-name-text-color)}.instui-tree-browser details>summary,.instui-tree-browser .item{align-items:center;gap:var(--instui-component-tree-browser-tree-button-icons-margin-right-medium);padding:var(--instui-component-tree-browser-tree-button-base-spacing-medium);font-size:var(--instui-component-tree-browser-tree-button-name-font-size-medium);line-height:var(--instui-component-tree-browser-tree-button-text-line-height);color:var(--instui-component-tree-browser-tree-button-name-text-color);border-radius:var(--instui-component-tree-browser-tree-button-border-radius);cursor:pointer;list-style:none;display:flex}.instui-tree-browser details>summary [class*=-icon-],.instui-tree-browser .item [class*=-icon-]{line-height:1}.instui-tree-browser details>summary::-webkit-details-marker{display:none}.instui-tree-browser details>summary:before{content:"";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;flex:none;transition:transform .2s}.instui-tree-browser details[open]>summary:before{transform:rotate(90deg)}.instui-tree-browser details>summary:hover,.instui-tree-browser .item:hover{background:var(--instui-component-tree-browser-tree-button-hover-background-color);color:var(--instui-component-tree-browser-tree-button-hover-text-color)}.instui-tree-browser details>summary.-selected,.instui-tree-browser .item.-selected{background:var(--instui-component-tree-browser-tree-button-selected-background-color);color:var(--instui-component-tree-browser-tree-button-selected-text-color)}.instui-tree-browser ul{margin:0;padding-inline-start:var(--instui-component-tree-browser-tree-collection-base-spacing-medium);list-style:none}.instui-tree-browser.-size-sm details>summary,.instui-tree-browser.-size-sm .item{padding:var(--instui-component-tree-browser-tree-button-base-spacing-small);font-size:var(--instui-component-tree-browser-tree-button-name-font-size-small)}.instui-tree-browser.-size-lg details>summary,.instui-tree-browser.-size-lg .item{padding:var(--instui-component-tree-browser-tree-button-base-spacing-large);font-size:var(--instui-component-tree-browser-tree-button-name-font-size-large)}.instui-tree-browser.-size-small details>summary,.instui-tree-browser.-size-small .item{padding:var(--instui-component-tree-browser-tree-button-base-spacing-small);font-size:var(--instui-component-tree-browser-tree-button-name-font-size-small)}.instui-tree-browser.-size-large details>summary,.instui-tree-browser.-size-large .item{padding:var(--instui-component-tree-browser-tree-button-base-spacing-large);font-size:var(--instui-component-tree-browser-tree-button-name-font-size-large)}
@@ -0,0 +1 @@
1
+ .instui-truncate{text-overflow:ellipsis;white-space:nowrap;font-family:var(--instui-component-truncate-text-font-family);line-height:var(--instui-component-truncate-text-line-height);overflow:hidden}.instui-truncate.-lines{-webkit-line-clamp:var(--lines,2);line-clamp:var(--lines,2);white-space:normal;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}
@@ -0,0 +1 @@
1
+ .instui-view{box-sizing:border-box;display:block}.instui-view.-background-primary{background:var(--instui-component-view-background-primary)}.instui-view.-background-secondary{background:var(--instui-component-view-background-secondary)}.instui-view.-background-primary-inverse{background:var(--instui-component-view-background-primary-inverse)}.instui-view.-background-brand{background:var(--instui-component-view-background-brand)}.instui-view.-background-info{background:var(--instui-component-view-background-info)}.instui-view.-background-alert{background:var(--instui-component-view-background-alert)}.instui-view.-background-success{background:var(--instui-component-view-background-success)}.instui-view.-background-danger{background:var(--instui-component-view-background-danger)}.instui-view.-background-warning{background:var(--instui-component-view-background-warning)}.instui-view.-background-transparent{background:0 0}.instui-view.-border-radius-small{border-radius:var(--instui-border-radius-sm)}.instui-view.-border-radius-medium{border-radius:var(--instui-border-radius-md)}.instui-view.-border-radius-large{border-radius:var(--instui-border-radius-lg)}.instui-view.-border-radius-circle{border-radius:50%}.instui-view.-border-radius-pill{border-radius:var(--instui-border-radius-full)}.instui-view.-border-width-small{border-style:solid;border-width:var(--instui-border-width-sm);border-color:var(--instui-color-stroke-base)}.instui-view.-border-width-medium{border-style:solid;border-width:var(--instui-border-width-md);border-color:var(--instui-color-stroke-base)}.instui-view.-border-width-large{border-style:solid;border-width:var(--instui-border-width-lg);border-color:var(--instui-color-stroke-base)}.instui-view.-border-color-primary{border-color:var(--instui-color-stroke-base)}.instui-view.-border-color-brand{border-color:var(--instui-color-stroke-brand)}.instui-view.-border-color-success{border-color:var(--instui-color-stroke-success)}.instui-view.-border-color-info{border-color:var(--instui-color-stroke-info)}.instui-view.-border-color-warning{border-color:var(--instui-color-stroke-warning)}.instui-view.-border-color-danger{border-color:var(--instui-color-stroke-error)}.instui-view.-shadow-resting{box-shadow:var(--instui-elevation-resting)}.instui-view.-shadow-above{box-shadow:var(--instui-elevation-above)}.instui-view.-shadow-topmost{box-shadow:var(--instui-elevation-topmost)}.instui-view.-display-block{display:block}.instui-view.-display-inline-block{display:inline-block}.instui-view.-display-inline{display:inline}.instui-view.-display-flex{display:flex}.instui-view.-display-inline-flex{display:inline-flex}.instui-view.-display-none{display:none}.instui-view.-position-static{position:static}.instui-view.-position-relative{position:relative}.instui-view.-position-absolute{position:absolute}.instui-view.-position-fixed{position:fixed}.instui-view.-position-sticky{position:sticky}.instui-view.-overflow-x-visible{overflow-x:visible}.instui-view.-overflow-y-visible{overflow-y:visible}.instui-view.-overflow-x-hidden{overflow-x:hidden}.instui-view.-overflow-y-hidden{overflow-y:hidden}.instui-view.-overflow-x-auto{overflow-x:auto}.instui-view.-overflow-y-auto{overflow-y:auto}.instui-view.-overflow-x-scroll{overflow-x:scroll}.instui-view.-overflow-y-scroll{overflow-y:scroll}.instui-view.-overflow-x-clip{overflow-x:clip}.instui-view.-overflow-y-clip{overflow-y:clip}.instui-view.-cursor-auto{cursor:auto}.instui-view.-cursor-default{cursor:default}.instui-view.-cursor-pointer{cursor:pointer}.instui-view.-cursor-not-allowed{cursor:not-allowed}.instui-view.-cursor-text{cursor:text}.instui-view.-cursor-move{cursor:move}.instui-view.-cursor-grab{cursor:grab}.instui-view.-cursor-wait{cursor:wait}.instui-display-block{display:block}.instui-display-inline-block{display:inline-block}.instui-display-inline{display:inline}.instui-display-flex{display:flex}.instui-display-inline-flex{display:inline-flex}.instui-display-none{display:none}.instui-text-align-start{text-align:start}.instui-text-align-center{text-align:center}.instui-text-align-end{text-align:end}.instui-text-align-justify{text-align:justify}@media (width<=30rem){.instui-hidden-max-sm{display:none!important}}@media (width>=30rem){.instui-hidden-min-sm{display:none!important}}@media (width<=48rem){.instui-hidden-max-md{display:none!important}}@media (width>=48rem){.instui-hidden-min-md{display:none!important}}@media (width<=64rem){.instui-hidden-max-lg{display:none!important}}@media (width>=64rem){.instui-hidden-min-lg{display:none!important}}@media (width<=80rem){.instui-hidden-max-xl{display:none!important}}@media (width>=80rem){.instui-hidden-min-xl{display:none!important}}.instui-container{container-type:inline-size}@container (width<=30rem){.instui-cq-hidden-max-sm{display:none!important}}@container (width>=30rem){.instui-cq-hidden-min-sm{display:none!important}}@container (width<=48rem){.instui-cq-hidden-max-md{display:none!important}}@container (width>=48rem){.instui-cq-hidden-min-md{display:none!important}}@container (width<=64rem){.instui-cq-hidden-max-lg{display:none!important}}@container (width>=64rem){.instui-cq-hidden-min-lg{display:none!important}}@container (width<=80rem){.instui-cq-hidden-max-xl{display:none!important}}@container (width>=80rem){.instui-cq-hidden-min-xl{display:none!important}}.instui-m-0{margin:0}.instui-m-2xs{margin:var(--instui-spacing-space2xs)}.instui-m-xs{margin:var(--instui-spacing-space-xs)}.instui-m-sm{margin:var(--instui-spacing-space-sm)}.instui-m-md{margin:var(--instui-spacing-space-md)}.instui-m-lg{margin:var(--instui-spacing-space-lg)}.instui-m-xl{margin:var(--instui-spacing-space-xl)}.instui-m-2xl{margin:var(--instui-spacing-space2xl)}.instui-m-auto{margin:auto}.instui-mt-0{margin-block-start:0}.instui-mt-2xs{margin-block-start:var(--instui-spacing-space2xs)}.instui-mt-xs{margin-block-start:var(--instui-spacing-space-xs)}.instui-mt-sm{margin-block-start:var(--instui-spacing-space-sm)}.instui-mt-md{margin-block-start:var(--instui-spacing-space-md)}.instui-mt-lg{margin-block-start:var(--instui-spacing-space-lg)}.instui-mt-xl{margin-block-start:var(--instui-spacing-space-xl)}.instui-mt-2xl{margin-block-start:var(--instui-spacing-space2xl)}.instui-mt-auto{margin-block-start:auto}.instui-mb-0{margin-block-end:0}.instui-mb-2xs{margin-block-end:var(--instui-spacing-space2xs)}.instui-mb-xs{margin-block-end:var(--instui-spacing-space-xs)}.instui-mb-sm{margin-block-end:var(--instui-spacing-space-sm)}.instui-mb-md{margin-block-end:var(--instui-spacing-space-md)}.instui-mb-lg{margin-block-end:var(--instui-spacing-space-lg)}.instui-mb-xl{margin-block-end:var(--instui-spacing-space-xl)}.instui-mb-2xl{margin-block-end:var(--instui-spacing-space2xl)}.instui-mb-auto{margin-block-end:auto}.instui-ms-0{margin-inline-start:0}.instui-ms-2xs{margin-inline-start:var(--instui-spacing-space2xs)}.instui-ms-xs{margin-inline-start:var(--instui-spacing-space-xs)}.instui-ms-sm{margin-inline-start:var(--instui-spacing-space-sm)}.instui-ms-md{margin-inline-start:var(--instui-spacing-space-md)}.instui-ms-lg{margin-inline-start:var(--instui-spacing-space-lg)}.instui-ms-xl{margin-inline-start:var(--instui-spacing-space-xl)}.instui-ms-2xl{margin-inline-start:var(--instui-spacing-space2xl)}.instui-ms-auto{margin-inline-start:auto}.instui-me-0{margin-inline-end:0}.instui-me-2xs{margin-inline-end:var(--instui-spacing-space2xs)}.instui-me-xs{margin-inline-end:var(--instui-spacing-space-xs)}.instui-me-sm{margin-inline-end:var(--instui-spacing-space-sm)}.instui-me-md{margin-inline-end:var(--instui-spacing-space-md)}.instui-me-lg{margin-inline-end:var(--instui-spacing-space-lg)}.instui-me-xl{margin-inline-end:var(--instui-spacing-space-xl)}.instui-me-2xl{margin-inline-end:var(--instui-spacing-space2xl)}.instui-me-auto{margin-inline-end:auto}.instui-mx-0{margin-inline:0}.instui-mx-2xs{margin-inline:var(--instui-spacing-space2xs)}.instui-mx-xs{margin-inline:var(--instui-spacing-space-xs)}.instui-mx-sm{margin-inline:var(--instui-spacing-space-sm)}.instui-mx-md{margin-inline:var(--instui-spacing-space-md)}.instui-mx-lg{margin-inline:var(--instui-spacing-space-lg)}.instui-mx-xl{margin-inline:var(--instui-spacing-space-xl)}.instui-mx-2xl{margin-inline:var(--instui-spacing-space2xl)}.instui-mx-auto{margin-inline:auto}.instui-my-0{margin-block:0}.instui-my-2xs{margin-block:var(--instui-spacing-space2xs)}.instui-my-xs{margin-block:var(--instui-spacing-space-xs)}.instui-my-sm{margin-block:var(--instui-spacing-space-sm)}.instui-my-md{margin-block:var(--instui-spacing-space-md)}.instui-my-lg{margin-block:var(--instui-spacing-space-lg)}.instui-my-xl{margin-block:var(--instui-spacing-space-xl)}.instui-my-2xl{margin-block:var(--instui-spacing-space2xl)}.instui-my-auto{margin-block:auto}.instui-margin-0{margin:0}.instui-margin-2xs{margin:var(--instui-spacing-space2xs)}.instui-margin-xs{margin:var(--instui-spacing-space-xs)}.instui-margin-sm{margin:var(--instui-spacing-space-sm)}.instui-margin-md{margin:var(--instui-spacing-space-md)}.instui-margin-lg{margin:var(--instui-spacing-space-lg)}.instui-margin-xl{margin:var(--instui-spacing-space-xl)}.instui-margin-2xl{margin:var(--instui-spacing-space2xl)}.instui-margin-auto{margin:auto}.instui-margint-0{margin-block-start:0}.instui-margint-2xs{margin-block-start:var(--instui-spacing-space2xs)}.instui-margint-xs{margin-block-start:var(--instui-spacing-space-xs)}.instui-margint-sm{margin-block-start:var(--instui-spacing-space-sm)}.instui-margint-md{margin-block-start:var(--instui-spacing-space-md)}.instui-margint-lg{margin-block-start:var(--instui-spacing-space-lg)}.instui-margint-xl{margin-block-start:var(--instui-spacing-space-xl)}.instui-margint-2xl{margin-block-start:var(--instui-spacing-space2xl)}.instui-margint-auto{margin-block-start:auto}.instui-marginb-0{margin-block-end:0}.instui-marginb-2xs{margin-block-end:var(--instui-spacing-space2xs)}.instui-marginb-xs{margin-block-end:var(--instui-spacing-space-xs)}.instui-marginb-sm{margin-block-end:var(--instui-spacing-space-sm)}.instui-marginb-md{margin-block-end:var(--instui-spacing-space-md)}.instui-marginb-lg{margin-block-end:var(--instui-spacing-space-lg)}.instui-marginb-xl{margin-block-end:var(--instui-spacing-space-xl)}.instui-marginb-2xl{margin-block-end:var(--instui-spacing-space2xl)}.instui-marginb-auto{margin-block-end:auto}.instui-margins-0{margin-inline-start:0}.instui-margins-2xs{margin-inline-start:var(--instui-spacing-space2xs)}.instui-margins-xs{margin-inline-start:var(--instui-spacing-space-xs)}.instui-margins-sm{margin-inline-start:var(--instui-spacing-space-sm)}.instui-margins-md{margin-inline-start:var(--instui-spacing-space-md)}.instui-margins-lg{margin-inline-start:var(--instui-spacing-space-lg)}.instui-margins-xl{margin-inline-start:var(--instui-spacing-space-xl)}.instui-margins-2xl{margin-inline-start:var(--instui-spacing-space2xl)}.instui-margins-auto{margin-inline-start:auto}.instui-margine-0{margin-inline-end:0}.instui-margine-2xs{margin-inline-end:var(--instui-spacing-space2xs)}.instui-margine-xs{margin-inline-end:var(--instui-spacing-space-xs)}.instui-margine-sm{margin-inline-end:var(--instui-spacing-space-sm)}.instui-margine-md{margin-inline-end:var(--instui-spacing-space-md)}.instui-margine-lg{margin-inline-end:var(--instui-spacing-space-lg)}.instui-margine-xl{margin-inline-end:var(--instui-spacing-space-xl)}.instui-margine-2xl{margin-inline-end:var(--instui-spacing-space2xl)}.instui-margine-auto{margin-inline-end:auto}.instui-marginx-0{margin-inline:0}.instui-marginx-2xs{margin-inline:var(--instui-spacing-space2xs)}.instui-marginx-xs{margin-inline:var(--instui-spacing-space-xs)}.instui-marginx-sm{margin-inline:var(--instui-spacing-space-sm)}.instui-marginx-md{margin-inline:var(--instui-spacing-space-md)}.instui-marginx-lg{margin-inline:var(--instui-spacing-space-lg)}.instui-marginx-xl{margin-inline:var(--instui-spacing-space-xl)}.instui-marginx-2xl{margin-inline:var(--instui-spacing-space2xl)}.instui-marginx-auto{margin-inline:auto}.instui-marginy-0{margin-block:0}.instui-marginy-2xs{margin-block:var(--instui-spacing-space2xs)}.instui-marginy-xs{margin-block:var(--instui-spacing-space-xs)}.instui-marginy-sm{margin-block:var(--instui-spacing-space-sm)}.instui-marginy-md{margin-block:var(--instui-spacing-space-md)}.instui-marginy-lg{margin-block:var(--instui-spacing-space-lg)}.instui-marginy-xl{margin-block:var(--instui-spacing-space-xl)}.instui-marginy-2xl{margin-block:var(--instui-spacing-space2xl)}.instui-marginy-auto{margin-block:auto}.instui-p-0{padding:0}.instui-p-2xs{padding:var(--instui-spacing-space2xs)}.instui-p-xs{padding:var(--instui-spacing-space-xs)}.instui-p-sm{padding:var(--instui-spacing-space-sm)}.instui-p-md{padding:var(--instui-spacing-space-md)}.instui-p-lg{padding:var(--instui-spacing-space-lg)}.instui-p-xl{padding:var(--instui-spacing-space-xl)}.instui-p-2xl{padding:var(--instui-spacing-space2xl)}.instui-pt-0{padding-block-start:0}.instui-pt-2xs{padding-block-start:var(--instui-spacing-space2xs)}.instui-pt-xs{padding-block-start:var(--instui-spacing-space-xs)}.instui-pt-sm{padding-block-start:var(--instui-spacing-space-sm)}.instui-pt-md{padding-block-start:var(--instui-spacing-space-md)}.instui-pt-lg{padding-block-start:var(--instui-spacing-space-lg)}.instui-pt-xl{padding-block-start:var(--instui-spacing-space-xl)}.instui-pt-2xl{padding-block-start:var(--instui-spacing-space2xl)}.instui-pb-0{padding-block-end:0}.instui-pb-2xs{padding-block-end:var(--instui-spacing-space2xs)}.instui-pb-xs{padding-block-end:var(--instui-spacing-space-xs)}.instui-pb-sm{padding-block-end:var(--instui-spacing-space-sm)}.instui-pb-md{padding-block-end:var(--instui-spacing-space-md)}.instui-pb-lg{padding-block-end:var(--instui-spacing-space-lg)}.instui-pb-xl{padding-block-end:var(--instui-spacing-space-xl)}.instui-pb-2xl{padding-block-end:var(--instui-spacing-space2xl)}.instui-ps-0{padding-inline-start:0}.instui-ps-2xs{padding-inline-start:var(--instui-spacing-space2xs)}.instui-ps-xs{padding-inline-start:var(--instui-spacing-space-xs)}.instui-ps-sm{padding-inline-start:var(--instui-spacing-space-sm)}.instui-ps-md{padding-inline-start:var(--instui-spacing-space-md)}.instui-ps-lg{padding-inline-start:var(--instui-spacing-space-lg)}.instui-ps-xl{padding-inline-start:var(--instui-spacing-space-xl)}.instui-ps-2xl{padding-inline-start:var(--instui-spacing-space2xl)}.instui-pe-0{padding-inline-end:0}.instui-pe-2xs{padding-inline-end:var(--instui-spacing-space2xs)}.instui-pe-xs{padding-inline-end:var(--instui-spacing-space-xs)}.instui-pe-sm{padding-inline-end:var(--instui-spacing-space-sm)}.instui-pe-md{padding-inline-end:var(--instui-spacing-space-md)}.instui-pe-lg{padding-inline-end:var(--instui-spacing-space-lg)}.instui-pe-xl{padding-inline-end:var(--instui-spacing-space-xl)}.instui-pe-2xl{padding-inline-end:var(--instui-spacing-space2xl)}.instui-px-0{padding-inline:0}.instui-px-2xs{padding-inline:var(--instui-spacing-space2xs)}.instui-px-xs{padding-inline:var(--instui-spacing-space-xs)}.instui-px-sm{padding-inline:var(--instui-spacing-space-sm)}.instui-px-md{padding-inline:var(--instui-spacing-space-md)}.instui-px-lg{padding-inline:var(--instui-spacing-space-lg)}.instui-px-xl{padding-inline:var(--instui-spacing-space-xl)}.instui-px-2xl{padding-inline:var(--instui-spacing-space2xl)}.instui-py-0{padding-block:0}.instui-py-2xs{padding-block:var(--instui-spacing-space2xs)}.instui-py-xs{padding-block:var(--instui-spacing-space-xs)}.instui-py-sm{padding-block:var(--instui-spacing-space-sm)}.instui-py-md{padding-block:var(--instui-spacing-space-md)}.instui-py-lg{padding-block:var(--instui-spacing-space-lg)}.instui-py-xl{padding-block:var(--instui-spacing-space-xl)}.instui-py-2xl{padding-block:var(--instui-spacing-space2xl)}.instui-padding-0{padding:0}.instui-padding-2xs{padding:var(--instui-spacing-space2xs)}.instui-padding-xs{padding:var(--instui-spacing-space-xs)}.instui-padding-sm{padding:var(--instui-spacing-space-sm)}.instui-padding-md{padding:var(--instui-spacing-space-md)}.instui-padding-lg{padding:var(--instui-spacing-space-lg)}.instui-padding-xl{padding:var(--instui-spacing-space-xl)}.instui-padding-2xl{padding:var(--instui-spacing-space2xl)}.instui-paddingt-0{padding-block-start:0}.instui-paddingt-2xs{padding-block-start:var(--instui-spacing-space2xs)}.instui-paddingt-xs{padding-block-start:var(--instui-spacing-space-xs)}.instui-paddingt-sm{padding-block-start:var(--instui-spacing-space-sm)}.instui-paddingt-md{padding-block-start:var(--instui-spacing-space-md)}.instui-paddingt-lg{padding-block-start:var(--instui-spacing-space-lg)}.instui-paddingt-xl{padding-block-start:var(--instui-spacing-space-xl)}.instui-paddingt-2xl{padding-block-start:var(--instui-spacing-space2xl)}.instui-paddingb-0{padding-block-end:0}.instui-paddingb-2xs{padding-block-end:var(--instui-spacing-space2xs)}.instui-paddingb-xs{padding-block-end:var(--instui-spacing-space-xs)}.instui-paddingb-sm{padding-block-end:var(--instui-spacing-space-sm)}.instui-paddingb-md{padding-block-end:var(--instui-spacing-space-md)}.instui-paddingb-lg{padding-block-end:var(--instui-spacing-space-lg)}.instui-paddingb-xl{padding-block-end:var(--instui-spacing-space-xl)}.instui-paddingb-2xl{padding-block-end:var(--instui-spacing-space2xl)}.instui-paddings-0{padding-inline-start:0}.instui-paddings-2xs{padding-inline-start:var(--instui-spacing-space2xs)}.instui-paddings-xs{padding-inline-start:var(--instui-spacing-space-xs)}.instui-paddings-sm{padding-inline-start:var(--instui-spacing-space-sm)}.instui-paddings-md{padding-inline-start:var(--instui-spacing-space-md)}.instui-paddings-lg{padding-inline-start:var(--instui-spacing-space-lg)}.instui-paddings-xl{padding-inline-start:var(--instui-spacing-space-xl)}.instui-paddings-2xl{padding-inline-start:var(--instui-spacing-space2xl)}.instui-paddinge-0{padding-inline-end:0}.instui-paddinge-2xs{padding-inline-end:var(--instui-spacing-space2xs)}.instui-paddinge-xs{padding-inline-end:var(--instui-spacing-space-xs)}.instui-paddinge-sm{padding-inline-end:var(--instui-spacing-space-sm)}.instui-paddinge-md{padding-inline-end:var(--instui-spacing-space-md)}.instui-paddinge-lg{padding-inline-end:var(--instui-spacing-space-lg)}.instui-paddinge-xl{padding-inline-end:var(--instui-spacing-space-xl)}.instui-paddinge-2xl{padding-inline-end:var(--instui-spacing-space2xl)}.instui-paddingx-0{padding-inline:0}.instui-paddingx-2xs{padding-inline:var(--instui-spacing-space2xs)}.instui-paddingx-xs{padding-inline:var(--instui-spacing-space-xs)}.instui-paddingx-sm{padding-inline:var(--instui-spacing-space-sm)}.instui-paddingx-md{padding-inline:var(--instui-spacing-space-md)}.instui-paddingx-lg{padding-inline:var(--instui-spacing-space-lg)}.instui-paddingx-xl{padding-inline:var(--instui-spacing-space-xl)}.instui-paddingx-2xl{padding-inline:var(--instui-spacing-space2xl)}.instui-paddingy-0{padding-block:0}.instui-paddingy-2xs{padding-block:var(--instui-spacing-space2xs)}.instui-paddingy-xs{padding-block:var(--instui-spacing-space-xs)}.instui-paddingy-sm{padding-block:var(--instui-spacing-space-sm)}.instui-paddingy-md{padding-block:var(--instui-spacing-space-md)}.instui-paddingy-lg{padding-block:var(--instui-spacing-space-lg)}.instui-paddingy-xl{padding-block:var(--instui-spacing-space-xl)}.instui-paddingy-2xl{padding-block:var(--instui-spacing-space2xl)}.instui-bg-accent-ash{background:var(--instui-color-background-accent-ash)}.instui-bg-accent-aurora{background:var(--instui-color-background-accent-aurora)}.instui-bg-accent-blue{background:var(--instui-color-background-accent-blue)}.instui-bg-accent-green{background:var(--instui-color-background-accent-green)}.instui-bg-accent-grey{background:var(--instui-color-background-accent-grey)}.instui-bg-accent-honey{background:var(--instui-color-background-accent-honey)}.instui-bg-accent-orange{background:var(--instui-color-background-accent-orange)}.instui-bg-accent-plum{background:var(--instui-color-background-accent-plum)}.instui-bg-accent-red{background:var(--instui-color-background-accent-red)}.instui-bg-accent-sea{background:var(--instui-color-background-accent-sea)}.instui-bg-accent-sky{background:var(--instui-color-background-accent-sky)}.instui-bg-accent-stone{background:var(--instui-color-background-accent-stone)}.instui-bg-accent-violet{background:var(--instui-color-background-accent-violet)}.instui-bg-base{background:var(--instui-color-background-base)}.instui-bg-brand{background:var(--instui-color-background-brand)}.instui-bg-container{background:var(--instui-color-background-container)}.instui-bg-dark{background:var(--instui-color-background-dark)}.instui-bg-error{background:var(--instui-color-background-error)}.instui-bg-info{background:var(--instui-color-background-info)}.instui-bg-inverse{background:var(--instui-color-background-inverse)}.instui-bg-muted{background:var(--instui-color-background-muted)}.instui-bg-on-color{background:var(--instui-color-background-on-color)}.instui-bg-page{background:var(--instui-color-background-page)}.instui-bg-success{background:var(--instui-color-background-success)}.instui-bg-warning{background:var(--instui-color-background-warning)}.instui-fg-accent-ash{color:var(--instui-color-text-accent-ash)}.instui-fg-accent-aurora{color:var(--instui-color-text-accent-aurora)}.instui-fg-accent-blue{color:var(--instui-color-text-accent-blue)}.instui-fg-accent-green{color:var(--instui-color-text-accent-green)}.instui-fg-accent-grey{color:var(--instui-color-text-accent-grey)}.instui-fg-accent-honey{color:var(--instui-color-text-accent-honey)}.instui-fg-accent-orange{color:var(--instui-color-text-accent-orange)}.instui-fg-accent-plum{color:var(--instui-color-text-accent-plum)}.instui-fg-accent-red{color:var(--instui-color-text-accent-red)}.instui-fg-accent-sea{color:var(--instui-color-text-accent-sea)}.instui-fg-accent-sky{color:var(--instui-color-text-accent-sky)}.instui-fg-accent-stone{color:var(--instui-color-text-accent-stone)}.instui-fg-accent-violet{color:var(--instui-color-text-accent-violet)}.instui-fg-base{color:var(--instui-color-text-base)}.instui-fg-dark{color:var(--instui-color-text-dark)}.instui-fg-error{color:var(--instui-color-text-error)}.instui-fg-info{color:var(--instui-color-text-info)}.instui-fg-inverse{color:var(--instui-color-text-inverse)}.instui-fg-muted{color:var(--instui-color-text-muted)}.instui-fg-on-color{color:var(--instui-color-text-on-color)}.instui-fg-success{color:var(--instui-color-text-success)}.instui-fg-warning{color:var(--instui-color-text-warning)}.instui-border-accent-ash{border-color:var(--instui-color-stroke-accent-ash)}.instui-border-accent-aurora{border-color:var(--instui-color-stroke-accent-aurora)}.instui-border-accent-blue{border-color:var(--instui-color-stroke-accent-blue)}.instui-border-accent-green{border-color:var(--instui-color-stroke-accent-green)}.instui-border-accent-grey{border-color:var(--instui-color-stroke-accent-grey)}.instui-border-accent-honey{border-color:var(--instui-color-stroke-accent-honey)}.instui-border-accent-orange{border-color:var(--instui-color-stroke-accent-orange)}.instui-border-accent-plum{border-color:var(--instui-color-stroke-accent-plum)}.instui-border-accent-red{border-color:var(--instui-color-stroke-accent-red)}.instui-border-accent-sea{border-color:var(--instui-color-stroke-accent-sea)}.instui-border-accent-sky{border-color:var(--instui-color-stroke-accent-sky)}.instui-border-accent-stone{border-color:var(--instui-color-stroke-accent-stone)}.instui-border-accent-violet{border-color:var(--instui-color-stroke-accent-violet)}.instui-border-base{border-color:var(--instui-color-stroke-base)}.instui-border-brand{border-color:var(--instui-color-stroke-brand)}.instui-border-container-base{border-color:var(--instui-color-stroke-container-base)}.instui-border-container-dark{border-color:var(--instui-color-stroke-container-dark)}.instui-border-error{border-color:var(--instui-color-stroke-error)}.instui-border-info{border-color:var(--instui-color-stroke-info)}.instui-border-inverse{border-color:var(--instui-color-stroke-inverse)}.instui-border-muted{border-color:var(--instui-color-stroke-muted)}.instui-border-on-color{border-color:var(--instui-color-stroke-on-color)}.instui-border-strong{border-color:var(--instui-color-stroke-strong)}.instui-border-success{border-color:var(--instui-color-stroke-success)}.instui-border-warning{border-color:var(--instui-color-stroke-warning)}.instui-font-family-base{font-family:var(--instui-font-family-base)}.instui-font-family-code{font-family:var(--instui-font-family-code)}.instui-font-family-heading{font-family:var(--instui-font-family-heading)}.instui-font-weight-body-base{font-weight:var(--instui-font-weight-body-base)}.instui-font-weight-body-strong{font-weight:var(--instui-font-weight-body-strong)}.instui-font-weight-heading-base{font-weight:var(--instui-font-weight-heading-base)}.instui-font-weight-heading-strong{font-weight:var(--instui-font-weight-heading-strong)}.instui-font-weight-interactive{font-weight:var(--instui-font-weight-interactive)}.instui-line-height-heading-base{line-height:var(--instui-line-height-heading-base)}.instui-line-height-heading-loose{line-height:var(--instui-line-height-heading-loose)}.instui-line-height-heading-text-lg{line-height:var(--instui-line-height-heading-text-lg)}.instui-line-height-heading-text-xl{line-height:var(--instui-line-height-heading-text-xl)}.instui-line-height-heading-text2xl{line-height:var(--instui-line-height-heading-text2xl)}.instui-line-height-heading-text3xl{line-height:var(--instui-line-height-heading-text3xl)}.instui-line-height-label-base{line-height:var(--instui-line-height-label-base)}.instui-line-height-paragraph-base{line-height:var(--instui-line-height-paragraph-base)}.instui-line-height-paragraph-text-base{line-height:var(--instui-line-height-paragraph-text-base)}.instui-line-height-paragraph-text-sm{line-height:var(--instui-line-height-paragraph-text-sm)}.instui-line-height-paragraph-text-xs{line-height:var(--instui-line-height-paragraph-text-xs)}.instui-line-height-standalone-base{line-height:var(--instui-line-height-standalone-base)}.instui-line-height-standalone-text-base{line-height:var(--instui-line-height-standalone-text-base)}.instui-line-height-standalone-text-lg{line-height:var(--instui-line-height-standalone-text-lg)}.instui-line-height-standalone-text-sm{line-height:var(--instui-line-height-standalone-text-sm)}.instui-line-height-standalone-text-xl{line-height:var(--instui-line-height-standalone-text-xl)}.instui-line-height-standalone-text-xs{line-height:var(--instui-line-height-standalone-text-xs)}.instui-line-height-standalone-text2xl{line-height:var(--instui-line-height-standalone-text2xl)}.instui-line-height-standalone-text3xl{line-height:var(--instui-line-height-standalone-text3xl)}.instui-line-height-standalone-text4xl{line-height:var(--instui-line-height-standalone-text4xl)}.instui-border-radius-container-lg{border-radius:var(--instui-border-radius-container-lg)}.instui-border-radius-container-md{border-radius:var(--instui-border-radius-container-md)}.instui-border-radius-container-sm{border-radius:var(--instui-border-radius-container-sm)}.instui-border-radius-container-xl{border-radius:var(--instui-border-radius-container-xl)}.instui-border-radius-full{border-radius:var(--instui-border-radius-full)}.instui-border-radius-interactive-base{border-radius:var(--instui-border-radius-interactive-base)}.instui-border-radius-lg{border-radius:var(--instui-border-radius-lg)}.instui-border-radius-md{border-radius:var(--instui-border-radius-md)}.instui-border-radius-sm{border-radius:var(--instui-border-radius-sm)}.instui-border-radius-xl{border-radius:var(--instui-border-radius-xl)}.instui-border-radius-xs{border-radius:var(--instui-border-radius-xs)}.instui-border-radius-xxl{border-radius:var(--instui-border-radius-xxl)}.instui-border-width-interactive-base{border-width:var(--instui-border-width-interactive-base)}.instui-border-width-interactive-focus{border-width:var(--instui-border-width-interactive-focus)}.instui-border-width-lg{border-width:var(--instui-border-width-lg)}.instui-border-width-md{border-width:var(--instui-border-width-md)}.instui-border-width-sm{border-width:var(--instui-border-width-sm)}.instui-opacity-base{opacity:var(--instui-opacity-base)}.instui-opacity-disabled{opacity:var(--instui-opacity-disabled)}.instui-elevation-resting{box-shadow:var(--instui-elevation-resting)}.instui-elevation-above{box-shadow:var(--instui-elevation-above)}.instui-elevation-topmost{box-shadow:var(--instui-elevation-topmost)}.instui-elevation-depth1{box-shadow:var(--instui-elevation-depth1)}.instui-elevation-depth2{box-shadow:var(--instui-elevation-depth2)}.instui-elevation-depth3{box-shadow:var(--instui-elevation-depth3)}.instui-elevation-card{box-shadow:var(--instui-elevation-card)}.instui-elevation-cardHover{box-shadow:var(--instui-elevation-cardHover)}
package/package.json ADDED
@@ -0,0 +1,51 @@
1
+ {
2
+ "name": "@pantoken/components",
3
+ "version": "0.1.0",
4
+ "description": "An InstUI-look CSS component library from the pantoken tokens: prose/content styling plus class-based components (button, alert, badge).",
5
+ "license": "MIT",
6
+ "files": [
7
+ "dist",
8
+ "assets/fonts"
9
+ ],
10
+ "type": "module",
11
+ "exports": {
12
+ ".": "./dist/index.mjs",
13
+ "./base.css": "./dist/base.css",
14
+ "./components.css": "./dist/components.css",
15
+ "./*.css": "./dist/*.css",
16
+ "./fonts.css": "./dist/fonts.css",
17
+ "./prose.css": "./dist/prose.css",
18
+ "./select.css": "./dist/select.css",
19
+ "./icons.css": "./dist/icons.css",
20
+ "./utilities.css": "./dist/utilities.css",
21
+ "./package.json": "./package.json"
22
+ },
23
+ "publishConfig": {
24
+ "access": "public"
25
+ },
26
+ "dependencies": {
27
+ "@pantoken/plugin-colors": "0.1.0"
28
+ },
29
+ "devDependencies": {
30
+ "@cssdoc/config": "^0.7.8",
31
+ "@cssdoc/core": "^0.7.8",
32
+ "@types/node": "^24.13.3",
33
+ "typescript": "^6.0.3",
34
+ "vite": "npm:@voidzero-dev/vite-plus-core@0.2.4",
35
+ "vite-plus": "0.2.4",
36
+ "@pantoken/icons": "0.1.0",
37
+ "@pantoken/tokens": "0.1.0",
38
+ "@pantoken/utils": "0.1.0"
39
+ },
40
+ "pantoken": {
41
+ "key": "components",
42
+ "kind": "namespace"
43
+ },
44
+ "scripts": {
45
+ "component-styles": "node scripts/component-styles.ts",
46
+ "build": "node scripts/component-styles.ts && node scripts/generate.ts && node scripts/build-entries.ts && vp pack",
47
+ "dev": "node scripts/component-styles.ts && node scripts/generate.ts && node scripts/build-entries.ts && vp pack --watch",
48
+ "test": "node scripts/component-styles.ts && vp test",
49
+ "check": "node scripts/component-styles.ts && node scripts/build-entries.ts && vp check"
50
+ }
51
+ }