@neowit/orbit-react 0.1.1 → 0.1.2
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.
- package/dist/style.css +1 -0
- package/package.json +2 -2
package/dist/style.css
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.orb-text{margin:0;padding:0;font-family:var(--orb-ff-display);letter-spacing:0px}.orb-text--h1{font-weight:var(--orb-h1-font-weight);font-size:var(--orb-h1-font-size);line-height:var(--orb-h1-line-height)}.orb-text--h2{font-weight:var(--orb-h2-font-weight);font-size:var(--orb-h2-font-size);line-height:var(--orb-h2-line-height)}.orb-text--h3{font-weight:var(--orb-h3-font-weight);font-size:var(--orb-h3-font-size);line-height:var(--orb-h3-line-height)}.orb-text--h4{font-weight:var(--orb-h4-font-weight);font-size:var(--orb-h4-font-size);line-height:var(--orb-h4-line-height)}.orb-text--h5{font-weight:var(--orb-h5-font-weight);font-size:var(--orb-h5-font-size);line-height:var(--orb-h5-line-height)}.orb-text--h6{font-weight:var(--orb-h6-font-weight);font-size:var(--orb-h6-font-size);line-height:var(--orb-h6-line-height)}.orb-text--body-large{font-weight:var(--orb-body-large-font-weight);font-size:var(--orb-body-large-font-size);line-height:var(--orb-body-large-line-height)}.orb-text--body-medium{font-weight:var(--orb-body-medium-font-weight);font-size:var(--orb-body-medium-font-size);line-height:var(--orb-body-medium-line-height)}.orb-text--body-small{font-weight:var(--orb-body-small-font-weight);font-size:var(--orb-body-small-font-size);line-height:var(--orb-body-small-line-height)}.orb-text--body-extra-small{font-weight:var(--orb-body-extra-small-font-weight);font-size:var(--orb-body-extra-small-font-size);line-height:var(--orb-body-extra-small-line-height)}.orb-text--caption-large{font-weight:var(--orb-caption-large-font-weight);font-size:var(--orb-caption-large-font-size);line-height:var(--orb-caption-large-line-height)}.orb-text--caption-small{font-weight:var(--orb-caption-small-font-weight);font-size:var(--orb-caption-small-font-size);line-height:var(--orb-caption-small-line-height)}.orb-text--button-large{font-weight:var(--orb-button-large-font-weight);font-size:var(--orb-button-large-font-size);line-height:var(--orb-button-large-line-height)}.orb-text--button-medium{font-weight:var(--orb-button-medium-font-weight);font-size:var(--orb-button-medium-font-size);line-height:var(--orb-button-medium-line-height)}.orb-text--button-small{font-weight:var(--orb-button-small-font-weight);font-size:var(--orb-button-small-font-size);line-height:var(--orb-button-small-line-height)}.orb-text--w-regular{font-weight:var(--orb-fw-regular)}.orb-text--w-medium{font-weight:var(--orb-fw-medium)}.orb-text--w-semi-bold{font-weight:var(--orb-fw-semi-bold)}.orb-text--w-bold{font-weight:var(--orb-fw-bold)}.orb-badge{--badge-padding-y: var(--orb-sp-200);--badge-padding-x: var(--orb-sp-300);--badge-radius: var(--orb-br-200);--badge-gap: var(--orb-sp-200);--badge-dot-size: 8px;display:inline-flex;align-items:center;gap:var(--badge-gap);padding:var(--badge-padding-y) var(--badge-padding-x);border-radius:var(--badge-radius);font-family:var(--orb-ff-display);font-weight:var(--orb-fw-semi-bold);font-size:var(--orb-fs-100);line-height:var(--orb-lh-100);white-space:nowrap;-webkit-user-select:none;user-select:none}.orb-badge__dot{width:var(--badge-dot-size);height:var(--badge-dot-size);border-radius:var(--orb-br-pill);flex-shrink:0}.orb-badge__label{display:inline-block;align-items:center}.orb-badge--dot{padding:0;width:var(--badge-dot-size);height:var(--badge-dot-size);border-radius:var(--orb-br-pill);flex-shrink:0}.orb-badge--dot.orb-badge--pink{background:var(--orb-bg-medium-pink)}.orb-badge--dot.orb-badge--gray{background:var(--orb-bg-medium-gray)}.orb-badge--dot.orb-badge--green{background:var(--orb-bg-medium-green)}.orb-badge--dot.orb-badge--red{background:var(--orb-bg-medium-red)}.orb-badge--dot.orb-badge--yellow{background:var(--orb-bg-medium-yellow)}.orb-badge--dot.orb-badge--blue{background:var(--orb-bg-medium-blue)}.orb-badge--dot.orb-badge--purple{background:var(--orb-bg-medium-purple)}.orb-badge--dot.orb-badge--indigo{background:var(--orb-bg-medium-indigo)}.orb-badge--dot.orb-badge--orange{background:var(--orb-bg-medium-orange)}.orb-badge--dot.orb-badge--teal{background:var(--orb-bg-medium-teal)}.orb-badge--dot.orb-badge--cyan{background:var(--orb-bg-medium-cyan)}.orb-badge--icon-only{padding:var(--orb-sp-100)}.orb-badge--solid{color:var(--orb-fg-on-emphasis)}.orb-badge--solid.orb-badge--pink{background:var(--orb-bg-medium-pink)}.orb-badge--solid.orb-badge--gray{background:var(--orb-bg-medium-gray)}.orb-badge--solid.orb-badge--green{background:var(--orb-bg-medium-green)}.orb-badge--solid.orb-badge--red{background:var(--orb-bg-medium-red)}.orb-badge--solid.orb-badge--yellow{background:var(--orb-bg-medium-yellow)}.orb-badge--solid.orb-badge--blue{background:var(--orb-bg-medium-blue)}.orb-badge--solid.orb-badge--purple{background:var(--orb-bg-medium-purple)}.orb-badge--solid.orb-badge--indigo{background:var(--orb-bg-medium-indigo)}.orb-badge--solid.orb-badge--orange{background:var(--orb-bg-medium-orange)}.orb-badge--solid.orb-badge--teal{background:var(--orb-bg-medium-teal)}.orb-badge--solid.orb-badge--cyan{background:var(--orb-bg-medium-cyan)}.orb-badge--soft.orb-badge--pink{background:var(--orb-bg-light-pink);color:var(--orb-text-medium-pink)}.orb-badge--soft.orb-badge--gray{background:var(--orb-bg-light-gray);color:var(--orb-text-medium-gray)}.orb-badge--soft.orb-badge--green{background:var(--orb-bg-light-green);color:var(--orb-text-medium-green)}.orb-badge--soft.orb-badge--red{background:var(--orb-bg-light-red);color:var(--orb-text-medium-red)}.orb-badge--soft.orb-badge--yellow{background:var(--orb-bg-light-yellow);color:var(--orb-text-medium-yellow)}.orb-badge--soft.orb-badge--blue{background:var(--orb-bg-light-blue);color:var(--orb-text-medium-blue)}.orb-badge--soft.orb-badge--purple{background:var(--orb-bg-light-purple);color:var(--orb-text-medium-purple)}.orb-badge--soft.orb-badge--indigo{background:var(--orb-bg-light-indigo);color:var(--orb-text-medium-indigo)}.orb-badge--soft.orb-badge--orange{background:var(--orb-bg-light-orange);color:var(--orb-text-medium-orange)}.orb-badge--soft.orb-badge--teal{background:var(--orb-bg-light-teal);color:var(--orb-text-medium-teal)}.orb-badge--soft.orb-badge--cyan{background:var(--orb-bg-light-cyan);color:var(--orb-text-medium-cyan)}.orb-badge--status{background:var(--orb-frame-bg-layer3);color:var(--orb-text-support)}.orb-badge--status.orb-badge--pink .orb-badge__dot{background:var(--orb-bg-medium-pink)}.orb-badge--status.orb-badge--gray .orb-badge__dot{background:var(--orb-bg-medium-gray)}.orb-badge--status.orb-badge--green .orb-badge__dot{background:var(--orb-bg-medium-green)}.orb-badge--status.orb-badge--red .orb-badge__dot{background:var(--orb-bg-medium-red)}.orb-badge--status.orb-badge--yellow .orb-badge__dot{background:var(--orb-bg-medium-yellow)}.orb-badge--status.orb-badge--blue .orb-badge__dot{background:var(--orb-bg-medium-blue)}.orb-badge--status.orb-badge--purple .orb-badge__dot{background:var(--orb-bg-medium-purple)}.orb-badge--status.orb-badge--indigo .orb-badge__dot{background:var(--orb-bg-medium-indigo)}.orb-badge--status.orb-badge--orange .orb-badge__dot{background:var(--orb-bg-medium-orange)}.orb-badge--status.orb-badge--teal .orb-badge__dot{background:var(--orb-bg-medium-teal)}.orb-badge--status.orb-badge--cyan .orb-badge__dot{background:var(--orb-bg-medium-cyan)}.orb-badge--icon{background:var(--orb-frame-bg-layer3);color:var(--orb-text-support)}.orb-badge--icon :deep(svg),.orb-badge--icon .orb-badge__icon{width:14px;height:14px;flex-shrink:0}.orb-tooltip-trigger{position:relative;display:inline-flex}.orb-tooltip{--tooltip-padding-y: var(--orb-sp-200);--tooltip-padding-x: var(--orb-sp-300);--tooltip-radius: var(--orb-br-200);--tooltip-bg: var(--orb-tooltip-bg);--tooltip-fg: var(--orb-tooltip-fg);--tooltip-arrow-size: 5px;--tooltip-offset: 8px;position:absolute;z-index:1000;padding:var(--tooltip-padding-y) var(--tooltip-padding-x);border-radius:var(--tooltip-radius);background:var(--tooltip-bg);color:var(--tooltip-fg);font-family:var(--orb-ff-display);font-weight:var(--orb-fw-regular);font-size:var(--orb-fs-100);line-height:var(--orb-lh-100);white-space:nowrap;pointer-events:none}.orb-tooltip__arrow{position:absolute;width:0;height:0;border:var(--tooltip-arrow-size) solid transparent}.orb-tooltip--top{bottom:calc(100% + var(--tooltip-offset));left:50%;transform:translate(-50%)}.orb-tooltip--top .orb-tooltip__arrow{top:100%;left:50%;transform:translate(-50%);border-bottom:none;border-top-color:var(--tooltip-bg)}.orb-tooltip--bottom{top:calc(100% + var(--tooltip-offset));left:50%;transform:translate(-50%)}.orb-tooltip--bottom .orb-tooltip__arrow{bottom:100%;left:50%;transform:translate(-50%);border-top:none;border-bottom-color:var(--tooltip-bg)}.orb-tooltip--left{right:calc(100% + var(--tooltip-offset));top:50%;transform:translateY(-50%)}.orb-tooltip--left .orb-tooltip__arrow{left:100%;top:50%;transform:translateY(-50%);border-right:none;border-left-color:var(--tooltip-bg)}.orb-tooltip--right{left:calc(100% + var(--tooltip-offset));top:50%;transform:translateY(-50%)}.orb-tooltip--right .orb-tooltip__arrow{right:100%;top:50%;transform:translateY(-50%);border-left:none;border-right-color:var(--tooltip-bg)}.orb-tooltip-enter-active,.orb-tooltip-leave-active{transition:opacity .15s ease,transform .15s ease}.orb-tooltip-enter-from,.orb-tooltip-leave-to{opacity:0}.orb-tooltip--top.orb-tooltip-enter-from,.orb-tooltip--top.orb-tooltip-leave-to{transform:translate(-50%) translateY(4px)}.orb-tooltip--bottom.orb-tooltip-enter-from,.orb-tooltip--bottom.orb-tooltip-leave-to{transform:translate(-50%) translateY(-4px)}.orb-tooltip--left.orb-tooltip-enter-from,.orb-tooltip--left.orb-tooltip-leave-to{transform:translateY(-50%) translate(4px)}.orb-tooltip--right.orb-tooltip-enter-from,.orb-tooltip--right.orb-tooltip-leave-to{transform:translateY(-50%) translate(-4px)}.orb-help-text{--help-text-color: var(--orb-text-support);display:block;font-family:var(--orb-ff-display);font-size:var(--orb-fs-100);line-height:var(--orb-lh-100);font-weight:var(--orb-fw-regular);color:var(--help-text-color)}.orb-help-text--neutral{--help-text-color: var(--orb-text-support)}.orb-help-text--negative{--help-text-color: var(--orb-text-invalid)}.orb-help-text--disabled{--help-text-color: var(--orb-text-disabled)}.orb-field-label{display:flex;justify-content:space-between;align-items:baseline;font-family:var(--orb-ff-display)}.orb-field-label__text{font-size:var(--orb-fs-200);font-weight:var(--orb-fw-semi-bold);line-height:var(--orb-lh-200);color:var(--orb-fg)}.orb-field-label__text--disabled{color:var(--orb-text-disabled)}.orb-field-label__suffix{font-weight:var(--orb-fw-regular);color:var(--orb-fg-muted)}.orb-field-label__counter{font-size:var(--orb-fs-100);font-weight:var(--orb-fw-medium);color:var(--orb-fg-muted)}.orb-field-label__counter--disabled{color:var(--orb-text-disabled)}.orb-checkbox{display:inline-flex;align-items:center;gap:var(--orb-sp-400);cursor:pointer;font-family:var(--orb-ff-display)}.orb-checkbox--disabled{cursor:not-allowed}.orb-checkbox__input{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.orb-checkbox__box{--cb-size: 16px;--cb-bg: var(--orb-bg-layer2);--cb-border: var(--orb-border-field);--cb-border-width: var(--orb-bw-100);--cb-radius: var(--orb-br-100);--cb-icon-color: var(--orb-border-neutral);position:relative;display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:var(--cb-size);height:var(--cb-size);min-width:var(--cb-size);max-width:var(--cb-size);min-height:var(--cb-size);max-height:var(--cb-size);flex-shrink:0;background:var(--cb-bg);border:var(--cb-border-width) solid var(--cb-border);border-radius:var(--cb-radius);transition:background .15s,border-color .15s}.orb-checkbox__box:hover:not(.orb-checkbox__box--disabled){border-color:var(--orb-border-field-action)}.orb-checkbox__box--checked,.orb-checkbox__box--indeterminate{background:var(--orb-primary);border-color:transparent}.orb-checkbox__box--checked:hover:not(.orb-checkbox__box--disabled),.orb-checkbox__box--indeterminate:hover:not(.orb-checkbox__box--disabled){background:var(--orb-primary-hover);border-color:transparent}.orb-checkbox__box--checked:active:not(.orb-checkbox__box--disabled),.orb-checkbox__box--indeterminate:active:not(.orb-checkbox__box--disabled){background:var(--orb-primary-active);border-color:transparent}.orb-checkbox__box:focus-within:not(.orb-checkbox__box--disabled){outline:2px solid var(--orb-ring);outline-offset:2px}.orb-checkbox__box--disabled,.orb-checkbox__box--checked.orb-checkbox__box--disabled,.orb-checkbox__box--indeterminate.orb-checkbox__box--disabled{background:var(--orb-bg-disabled);border-color:var(--orb-border-disabled)}.orb-checkbox__icon{position:absolute;width:12px;height:12px;color:var(--cb-icon-color);visibility:hidden}.orb-checkbox__icon--visible{visibility:visible}.orb-checkbox__box--disabled .orb-checkbox__icon{color:var(--orb-fg-disabled)}.orb-checkbox__content{display:flex;flex-direction:column;gap:2px}.orb-checkbox__label{font-size:var(--orb-fs-200);font-weight:var(--orb-fw-medium);line-height:var(--orb-lh-200);color:var(--orb-fg)}.orb-checkbox--disabled .orb-checkbox__label{color:var(--orb-text-disabled)}.orb-checkbox__description{font-size:var(--orb-fs-100);line-height:var(--orb-lh-100);color:var(--orb-text-support)}.orb-checkbox--disabled .orb-checkbox__description{color:var(--orb-text-disabled)}.orb-radio{display:inline-flex;align-items:center;gap:var(--orb-sp-400);cursor:pointer;font-family:var(--orb-ff-display)}.orb-radio--disabled{cursor:not-allowed}.orb-radio__input{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.orb-radio__circle{--rb-size: 16px;position:relative;display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:var(--rb-size);height:var(--rb-size);min-width:var(--rb-size);max-width:var(--rb-size);min-height:var(--rb-size);max-height:var(--rb-size);flex-shrink:0;background:var(--orb-bg-layer2);border:var(--orb-bw-100) solid var(--orb-border-field);border-radius:var(--orb-br-pill);transition:background .15s,border-color .15s}.orb-radio__circle:hover:not(.orb-radio__circle--disabled){border-color:var(--orb-border-field-action)}.orb-radio__circle--checked{background:var(--orb-primary);border-color:transparent}.orb-radio__circle--checked:hover:not(.orb-radio__circle--disabled){background:var(--orb-primary-hover);border-color:transparent}.orb-radio__circle--checked:active:not(.orb-radio__circle--disabled){background:var(--orb-primary-active);border-color:transparent}.orb-radio__circle:focus-within:not(.orb-radio__circle--disabled){outline:2px solid var(--orb-ring);outline-offset:2px}.orb-radio__circle--disabled,.orb-radio__circle--checked.orb-radio__circle--disabled{background:var(--orb-bg-disabled);border-color:var(--orb-border-disabled)}.orb-radio__dot{position:absolute;width:8px;height:8px;border-radius:var(--orb-br-pill);background:var(--orb-border-neutral);visibility:hidden}.orb-radio__dot--visible{visibility:visible}.orb-radio__circle--disabled .orb-radio__dot{background:var(--orb-fg-disabled)}.orb-radio__content{display:flex;flex-direction:column;gap:2px}.orb-radio__label{font-size:var(--orb-fs-200);font-weight:var(--orb-fw-medium);line-height:var(--orb-lh-200);color:var(--orb-fg)}.orb-radio--disabled .orb-radio__label{color:var(--orb-text-disabled)}.orb-radio__description{font-size:var(--orb-fs-100);line-height:var(--orb-lh-100);color:var(--orb-text-support)}.orb-radio--disabled .orb-radio__description{color:var(--orb-text-disabled)}.orb-switch{display:inline-flex;align-items:flex-start;gap:var(--orb-sp-300);cursor:pointer;font-family:var(--orb-ff-display)}.orb-switch--disabled{cursor:not-allowed}.orb-switch__track{--sw-width: 36px;--sw-height: 20px;--sw-thumb: 16px;--sw-offset: 2px;position:relative;display:flex;align-items:center;width:var(--sw-width);height:var(--sw-height);min-width:var(--sw-width);background:var(--orb-border-emphasis);border:none;border-radius:var(--orb-br-pill);padding:0;cursor:pointer;transition:background .2s;margin-top:2px}.orb-switch__track:hover:not(:disabled){background:var(--orb-fg-muted)}.orb-switch__track--on{background:var(--orb-primary)}.orb-switch__track--on:hover:not(:disabled){background:var(--orb-primary-hover)}.orb-switch__track--on:active:not(:disabled){background:var(--orb-primary-active)}.orb-switch__track:focus-visible{outline:2px solid var(--orb-ring);outline-offset:2px}.orb-switch__track--disabled{background:var(--orb-bg-disabled);cursor:not-allowed}.orb-switch__thumb{position:absolute;left:var(--sw-offset);width:var(--sw-thumb);height:var(--sw-thumb);background:var(--orb-bg);border-radius:var(--orb-br-pill);box-shadow:var(--orb-shadow-sm);transition:left .2s}.orb-switch__track--on .orb-switch__thumb{left:calc(var(--sw-width) - var(--sw-thumb) - var(--sw-offset))}.orb-switch__track--disabled .orb-switch__thumb{background:var(--orb-fg-disabled);box-shadow:none}.orb-switch__content{display:flex;flex-direction:column;gap:2px}.orb-switch__label{font-size:var(--orb-fs-200);font-weight:var(--orb-fw-medium);line-height:var(--orb-lh-200);color:var(--orb-fg)}.orb-switch--disabled .orb-switch__label{color:var(--orb-text-disabled)}.orb-switch__description{font-size:var(--orb-fs-100);line-height:var(--orb-lh-100);color:var(--orb-text-support)}.orb-switch--disabled .orb-switch__description{color:var(--orb-text-disabled)}.orb-field-wrap{--fw-border-color: var(--orb-border-field);--fw-bg: var(--orb-bg-field);--fw-radius: var(--orb-br-100);--fw-focus-radius: var(--orb-br-100);--fw-stroke: var(--orb-bw-100);--fw-gap: var(--orb-sp-300);display:flex;align-items:center;gap:var(--fw-gap);border:var(--fw-stroke) solid var(--fw-border-color);border-radius:var(--fw-radius);background:var(--fw-bg);transition:border-color .15s,box-shadow .15s}.orb-field-wrap--medium{min-height:36px;padding:var(--orb-sp-200) var(--orb-sp-400);gap:var(--orb-sp-300)}.orb-field-wrap--small{min-height:28px;padding:var(--orb-sp-100) var(--orb-sp-400);gap:var(--orb-sp-200)}.orb-field-wrap--focus{border-color:var(--orb-input-border-focus);box-shadow:0 0 0 2px var(--orb-ring);border-radius:var(--fw-focus-radius)}.orb-field-wrap--invalid{border-color:var(--orb-border-invalid)}.orb-field-wrap--invalid.orb-field-wrap--focus{border-color:var(--orb-border-invalid);box-shadow:0 0 0 2px var(--orb-error-subtle)}.orb-field-wrap--disabled{background:var(--orb-bg-field-disabled);border-color:var(--orb-border-disabled);cursor:not-allowed}.orb-btn{--btn-bg: var(--orb-primary);--btn-bg-hover: var(--orb-primary-hover);--btn-bg-active: var(--orb-primary-active);--btn-fg: var(--orb-primary-fg);--btn-border: transparent;--btn-radius: var(--orb-br-200);--btn-gap: var(--orb-sp-300);display:inline-flex;align-items:center;justify-content:center;gap:var(--btn-gap);border:var(--orb-bw-100) solid var(--btn-border);border-radius:var(--btn-radius);background:var(--btn-bg);color:var(--btn-fg);font-family:var(--orb-ff-display);font-weight:var(--orb-fw-medium);line-height:1;white-space:nowrap;cursor:pointer;text-decoration:none;transition:background .15s,border-color .15s,color .15s,box-shadow .15s;box-sizing:border-box;flex-shrink:0;position:relative;-webkit-user-select:none;user-select:none}.orb-btn--large{height:44px;padding:0 var(--orb-sp-400);font-size:var(--orb-fs-200)}.orb-btn--medium{height:36px;padding:0 var(--orb-sp-400);font-size:var(--orb-fs-200)}.orb-btn--small{height:28px;padding:0 var(--orb-sp-300);font-size:var(--orb-fs-100);--btn-gap: var(--orb-sp-200)}.orb-btn--icon-only.orb-btn--large{width:44px;padding:0}.orb-btn--icon-only.orb-btn--medium{width:36px;padding:0}.orb-btn--icon-only.orb-btn--small{width:28px;padding:0}.orb-btn--primary{--btn-bg: var(--orb-primary);--btn-bg-hover: var(--orb-primary-hover);--btn-bg-active: var(--orb-primary-active);--btn-fg: var(--orb-primary-fg);--btn-border: transparent}.orb-btn--secondary{--btn-bg: var(--orb-secondary);--btn-bg-hover: var(--orb-secondary-hover);--btn-bg-active: var(--orb-secondary-active);--btn-fg: var(--orb-secondary-fg);--btn-border: var(--orb-secondary-border)}.orb-btn--ghost{--btn-bg: transparent;--btn-bg-hover: var(--orb-bg-muted);--btn-bg-active: var(--orb-bg-emphasis);--btn-fg: var(--orb-fg);--btn-border: transparent}.orb-btn--outline{--btn-bg: transparent;--btn-bg-hover: var(--orb-primary-subtle);--btn-bg-active: var(--orb-primary-subtle);--btn-fg: var(--orb-primary);--btn-border: var(--orb-primary-border)}.orb-btn--link{--btn-bg: transparent;--btn-bg-hover: transparent;--btn-bg-active: transparent;--btn-fg: var(--orb-primary);--btn-border: transparent}.orb-btn--link:hover:not(.orb-btn--disabled):not(.orb-btn--loading){color:var(--orb-primary-hover)}.orb-btn--destructive{--btn-bg: var(--orb-error);--btn-bg-hover: var(--orb-error-hover);--btn-bg-active: var(--orb-error-hover);--btn-fg: var(--orb-error-fg);--btn-border: transparent}.orb-btn:hover:not(.orb-btn--disabled):not(.orb-btn--loading){background:var(--btn-bg-hover)}.orb-btn:active:not(.orb-btn--disabled):not(.orb-btn--loading){background:var(--btn-bg-active)}.orb-btn:focus-visible{outline:2px solid var(--orb-ring);outline-offset:2px}.orb-btn--disabled{background:var(--orb-bg-disabled);color:var(--orb-fg-disabled);border-color:var(--orb-border-disabled);cursor:not-allowed}.orb-btn--loading{cursor:wait}.orb-btn--loading:not(:has(.orb-btn__spinner--inline)) .orb-btn__label,.orb-btn--loading:not(:has(.orb-btn__spinner--inline)) .orb-btn__icon,.orb-btn--loading:not(:has(.orb-btn__spinner--inline)) .orb-btn__content,.orb-btn--loading:not(:has(.orb-btn__spinner--inline)) .orb-btn__count,.orb-btn--loading:not(:has(.orb-btn__spinner--inline)) .orb-btn__disclosure{opacity:0}.orb-btn__spinner{position:absolute;display:flex;align-items:center;justify-content:center;visibility:hidden;opacity:0}.orb-btn__spinner--visible{visibility:visible;opacity:1;animation:orb-btn-spin .8s linear infinite}.orb-btn--large .orb-btn__spinner{width:20px;height:20px}.orb-btn--medium .orb-btn__spinner{width:18px;height:18px}.orb-btn--small .orb-btn__spinner{width:14px;height:14px}.orb-btn__spinner svg{width:100%;height:100%}@keyframes orb-btn-spin{to{transform:rotate(360deg)}}.orb-btn__spinner--inline{position:static}.orb-btn__content{display:flex;flex-direction:column;align-items:flex-start;min-width:0}.orb-btn--compound{text-align:left;height:auto;padding-top:var(--orb-sp-300);padding-bottom:var(--orb-sp-300)}.orb-btn__description{font-size:var(--orb-fs-100);font-weight:var(--orb-fw-regular);opacity:.7;line-height:1.3;white-space:nowrap}.orb-btn--compound.orb-btn--small .orb-btn__description{font-size:10px}.orb-btn__count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 var(--orb-sp-200);border-radius:9999px;background:currentColor;font-size:var(--orb-fs-100);font-weight:var(--orb-fw-semi-bold);line-height:1;box-sizing:border-box}.orb-btn--primary .orb-btn__count,.orb-btn--destructive .orb-btn__count{background:var(--orb-overlay-bg);color:inherit}.orb-btn--secondary .orb-btn__count,.orb-btn--ghost .orb-btn__count,.orb-btn--outline .orb-btn__count,.orb-btn--link .orb-btn__count{background:var(--orb-primary);color:var(--orb-primary-fg)}.orb-btn--small .orb-btn__count{min-width:16px;height:16px;font-size:10px;padding:0 4px}.orb-btn--medium .orb-btn__count{min-width:18px;height:18px}.orb-btn__disclosure{display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .15s}.orb-btn--large .orb-btn__disclosure{width:16px;height:16px;margin-left:calc(-1 * var(--orb-sp-100))}.orb-btn--medium .orb-btn__disclosure{width:14px;height:14px;margin-left:calc(-1 * var(--orb-sp-100))}.orb-btn--small .orb-btn__disclosure{width:12px;height:12px}.orb-btn__disclosure svg{width:100%;height:100%}.orb-btn__disclosure--up{transform:rotate(180deg)}.orb-btn--pressed.orb-btn--primary{--btn-bg: var(--orb-primary-active);--btn-bg-hover: var(--orb-primary-active)}.orb-btn--pressed.orb-btn--secondary{--btn-bg: var(--orb-secondary);--btn-border: var(--orb-fg)}.orb-btn--pressed.orb-btn--ghost{--btn-bg: var(--orb-bg-emphasis)}.orb-btn--pressed.orb-btn--outline{--btn-bg: var(--orb-primary-subtle)}.orb-btn--full-width{width:100%}.orb-btn__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.orb-btn--large .orb-btn__icon{width:18px;height:18px}.orb-btn--medium .orb-btn__icon{width:16px;height:16px}.orb-btn--small .orb-btn__icon{width:14px;height:14px}.orb-btn__icon svg{width:100%;height:100%}.orb-btn__label{display:inline-flex;align-items:center}.orb-status-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;line-height:0}.orb-status-icon svg{display:block}.orb-status-icon--sm svg{width:16px;height:16px}.orb-status-icon--md svg{width:24px;height:24px}.orb-status-icon--lg svg{width:32px;height:32px}.orb-status-icon--success{color:var(--orb-success)}.orb-status-icon--warning{color:var(--orb-warning)}.orb-status-icon--error{color:var(--orb-error)}.orb-status-icon--info{color:var(--orb-info)}[data-theme=dark] .orb-status-icon--success{color:var(--orb-success-text)}[data-theme=dark] .orb-status-icon--warning{color:var(--orb-warning-text)}[data-theme=dark] .orb-status-icon--error{color:var(--orb-error-text)}[data-theme=dark] .orb-status-icon--info{color:var(--orb-info-text)}.orb-status-icon--filled{border-radius:50%}.orb-status-icon--filled.orb-status-icon--sm{width:28px;height:28px}.orb-status-icon--filled.orb-status-icon--md{width:40px;height:40px}.orb-status-icon--filled.orb-status-icon--lg{width:52px;height:52px}.orb-status-icon--filled.orb-status-icon--success{background:color-mix(in oklch,var(--orb-success) 14%,transparent)}.orb-status-icon--filled.orb-status-icon--warning{background:color-mix(in oklch,var(--orb-warning) 14%,transparent)}.orb-status-icon--filled.orb-status-icon--error{background:color-mix(in oklch,var(--orb-error) 14%,transparent)}.orb-status-icon--filled.orb-status-icon--info{background:color-mix(in oklch,var(--orb-info) 14%,transparent)}[data-theme=dark] .orb-status-icon--filled.orb-status-icon--success{background:color-mix(in oklch,var(--orb-success) 10%,transparent)}[data-theme=dark] .orb-status-icon--filled.orb-status-icon--warning{background:color-mix(in oklch,var(--orb-warning) 10%,transparent)}[data-theme=dark] .orb-status-icon--filled.orb-status-icon--error{background:color-mix(in oklch,var(--orb-error) 10%,transparent)}[data-theme=dark] .orb-status-icon--filled.orb-status-icon--info{background:color-mix(in oklch,var(--orb-info) 10%,transparent)}.orb-status-icon--inverted,[data-theme=dark] .orb-status-icon--inverted{color:var(--orb-fg-on-emphasis)}.orb-text-field{--tf-text-color: var(--orb-fg);--tf-placeholder-color: var(--orb-input-placeholder);--tf-icon-color: var(--orb-icon-default);--tf-label-gap: var(--orb-sp-200);display:flex;flex-direction:column;gap:var(--tf-label-gap);font-family:var(--orb-ff-display);width:100%}.orb-text-field__input{flex:1;min-width:0;border:none;outline:none;background:transparent;font-family:var(--orb-ff-display);font-size:var(--orb-fs-200);font-weight:var(--orb-fw-regular);line-height:var(--orb-lh-200);color:var(--tf-text-color)}.orb-text-field--small .orb-text-field__input{font-size:var(--orb-fs-100);line-height:var(--orb-lh-100)}.orb-text-field__input::placeholder{color:var(--tf-placeholder-color)}.orb-text-field__input:disabled{color:var(--orb-text-disabled);cursor:not-allowed}.orb-text-field__input:disabled::placeholder{color:var(--orb-text-disabled)}.orb-text-field__icon{display:flex;align-items:center;justify-content:center;color:var(--tf-icon-color);flex-shrink:0}.orb-text-field--medium .orb-text-field__icon{width:20px;height:20px}.orb-text-field--small .orb-text-field__icon{width:16px;height:16px}.orb-text-field__icon>svg{width:100%;height:100%}.orb-text-field__icon--validation{color:var(--orb-icon-success)}.orb-field-wrap--disabled .orb-text-field__icon{color:var(--orb-icon-disabled)}.orb-text-field__affix{font-size:var(--orb-fs-200);font-weight:var(--orb-fw-regular);color:var(--orb-fg-muted);white-space:nowrap;flex-shrink:0}.orb-field-wrap--disabled .orb-text-field__affix{color:var(--orb-text-disabled)}.orb-text-field__hyperlink{display:inline-flex;align-items:center;gap:var(--orb-sp-200);font-size:var(--orb-fs-100);font-weight:var(--orb-fw-medium);line-height:var(--orb-lh-100);color:var(--orb-text-hyperlink);text-decoration:none;cursor:pointer}.orb-text-field__hyperlink:hover{text-decoration:underline}.orb-text-field__hyperlink--disabled{color:var(--orb-text-disabled);pointer-events:none}.orb-text-field__hyperlink-icon{display:flex;align-items:center;width:14px;height:14px;color:var(--orb-icon-hyperlink)}.orb-text-field__hyperlink--disabled .orb-text-field__hyperlink-icon{color:var(--orb-icon-disabled)}.orb-text-field__hyperlink-icon svg{width:100%;height:100%}.orb-text-field__clear{display:flex;align-items:center;justify-content:center;width:16px;height:16px;padding:0;border:none;background:none;color:var(--orb-fg-muted);cursor:pointer;flex-shrink:0;border-radius:var(--orb-br-pill);transition:color .15s}.orb-text-field__clear:hover{color:var(--orb-fg)}.orb-text-field__clear svg{width:100%;height:100%}.orb-text-field__toggle{display:flex;align-items:center;justify-content:center;padding:0;border:none;background:none;color:var(--tf-icon-color);cursor:pointer;flex-shrink:0;transition:color .15s}.orb-text-field--medium .orb-text-field__toggle{width:20px;height:20px}.orb-text-field--small .orb-text-field__toggle{width:16px;height:16px}.orb-text-field__toggle:hover{color:var(--orb-fg)}.orb-text-field__toggle svg{width:100%;height:100%}.orb-text-field__stepper{display:flex;align-items:center;justify-content:center;padding:0;border:none;background:none;color:var(--tf-icon-color);cursor:pointer;flex-shrink:0;transition:color .15s}.orb-text-field--medium .orb-text-field__stepper{width:20px;height:20px}.orb-text-field--small .orb-text-field__stepper{width:16px;height:16px}.orb-text-field__stepper:hover:not(:disabled){color:var(--orb-fg)}.orb-text-field__stepper:disabled{color:var(--orb-icon-disabled);cursor:not-allowed}.orb-text-field__stepper svg{width:100%;height:100%}.orb-text-field__input[type=search]::-webkit-search-cancel-button,.orb-text-field__input[type=search]::-webkit-search-decoration{-webkit-appearance:none;-moz-appearance:none;appearance:none}.orb-text-field__input[type=number]::-webkit-inner-spin-button,.orb-text-field__input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.orb-text-field__input[type=number]{-moz-appearance:textfield}.orb-text-area{--ta-text-color: var(--orb-fg);--ta-placeholder-color: var(--orb-input-placeholder);--ta-label-gap: var(--orb-sp-200);display:flex;flex-direction:column;gap:var(--ta-label-gap);font-family:var(--orb-ff-display);width:100%}.orb-text-area .orb-field-wrap{align-items:stretch}.orb-text-area__input{flex:1;min-width:0;border:none;outline:none;background:transparent;font-family:var(--orb-ff-display);font-size:var(--orb-fs-200);font-weight:var(--orb-fw-regular);line-height:var(--orb-lh-200);color:var(--ta-text-color)}.orb-text-area--small .orb-text-area__input{font-size:var(--orb-fs-100);line-height:var(--orb-lh-100)}.orb-text-area__input::placeholder{color:var(--ta-placeholder-color)}.orb-text-area__input:disabled{color:var(--orb-text-disabled);cursor:not-allowed}.orb-text-area__input:disabled::placeholder{color:var(--orb-text-disabled)}.orb-text-area__input--resize-none{resize:none}.orb-text-area__input--resize-vertical{resize:vertical}.orb-text-area__input--resize-auto{resize:none;overflow:hidden}.orb-text-area__hyperlink{display:inline-flex;align-items:center;gap:var(--orb-sp-200);font-size:var(--orb-fs-100);font-weight:var(--orb-fw-medium);line-height:var(--orb-lh-100);color:var(--orb-text-hyperlink);text-decoration:none;cursor:pointer}.orb-text-area__hyperlink:hover{text-decoration:underline}.orb-text-area__hyperlink--disabled{color:var(--orb-text-disabled);pointer-events:none}.orb-radio-group{display:flex;flex-direction:column;gap:var(--orb-sp-300);border:none;margin:0;padding:0;font-family:var(--orb-ff-display)}.orb-radio-group__legend{margin-bottom:var(--orb-sp-300)}.orb-radio-group__options{display:flex;gap:var(--orb-sp-300)}.orb-radio-group__options--vertical{flex-direction:column}.orb-radio-group__options--horizontal{flex-direction:row;flex-wrap:wrap}.orb-radio__circle--invalid{border-color:var(--orb-border-invalid)}.orb-radio__circle--invalid:hover:not(.orb-radio__circle--disabled){border-color:var(--orb-border-invalid)}.orb-checkbox-group{display:flex;flex-direction:column;gap:var(--orb-sp-300);border:none;margin:0;padding:0;font-family:var(--orb-ff-display)}.orb-checkbox-group__legend{margin-bottom:var(--orb-sp-300)}.orb-checkbox-group__select-all{padding-bottom:var(--orb-sp-300);border-bottom:var(--orb-bw-100) solid var(--orb-border-subtle)}.orb-checkbox-group__options{display:flex;gap:var(--orb-sp-300)}.orb-checkbox-group__options--vertical{flex-direction:column}.orb-checkbox-group__options--horizontal{flex-direction:row;flex-wrap:wrap}.orb-checkbox__box--invalid{border-color:var(--orb-border-invalid)}.orb-checkbox__box--invalid:hover:not(.orb-checkbox__box--disabled){border-color:var(--orb-border-invalid)}.orb-btn-group{display:inline-flex}.orb-btn-group--horizontal{flex-direction:row}.orb-btn-group--vertical{flex-direction:column}.orb-btn-group--horizontal>.orb-btn:not(:first-child):not(:last-child){border-radius:0}.orb-btn-group--horizontal>.orb-btn:first-child:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.orb-btn-group--horizontal>.orb-btn:last-child:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.orb-btn-group--vertical>.orb-btn:not(:first-child):not(:last-child){border-radius:0}.orb-btn-group--vertical>.orb-btn:first-child:not(:last-child){border-bottom-left-radius:0;border-bottom-right-radius:0}.orb-btn-group--vertical>.orb-btn:last-child:not(:first-child){border-top-left-radius:0;border-top-right-radius:0}.orb-btn-group--horizontal>.orb-btn+.orb-btn{margin-left:calc(-1 * var(--orb-bw-100))}.orb-btn-group--vertical>.orb-btn+.orb-btn{margin-top:calc(-1 * var(--orb-bw-100))}.orb-btn-group>.orb-btn:hover,.orb-btn-group>.orb-btn:focus-visible,.orb-btn-group>.orb-btn:active{z-index:1}.orb-select{--sl-text-color: var(--orb-fg);--sl-placeholder-color: var(--orb-input-placeholder);--sl-icon-color: var(--orb-icon-default);--sl-label-gap: var(--orb-sp-200);display:flex;flex-direction:column;gap:var(--sl-label-gap);font-family:var(--orb-ff-display);width:100%;position:relative}.orb-select__trigger{display:flex;align-items:center;gap:var(--orb-sp-300);width:100%;border:none;outline:none;background:transparent;font-family:var(--orb-ff-display);font-size:var(--orb-fs-200);font-weight:var(--orb-fw-regular);line-height:var(--orb-lh-200);color:var(--sl-text-color);cursor:pointer;text-align:left;padding:0}.orb-select__trigger--multi{flex-wrap:wrap}.orb-select--small .orb-select__trigger{font-size:var(--orb-fs-100);line-height:var(--orb-lh-100)}.orb-select__trigger:disabled{color:var(--orb-text-disabled);cursor:not-allowed}.orb-select__trigger-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--sl-icon-color)}.orb-select--medium .orb-select__trigger-icon{width:20px;height:20px}.orb-select--small .orb-select__trigger-icon{width:16px;height:16px}.orb-select__trigger-icon svg{width:100%;height:100%}.orb-select__trigger-icon img{width:100%;height:100%;border-radius:var(--orb-br-100);object-fit:cover}.orb-field-wrap--disabled .orb-select__trigger-icon{color:var(--orb-icon-disabled)}.orb-select__value{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.orb-select__value--placeholder{color:var(--sl-placeholder-color)}.orb-select__trigger:disabled .orb-select__value--placeholder{color:var(--orb-text-disabled)}.orb-select__tags{display:flex;flex-wrap:wrap;gap:var(--orb-sp-100);flex:1;min-width:0}.orb-select__tag{display:inline-flex;align-items:center;gap:var(--orb-sp-100);padding:var(--orb-sp-100) var(--orb-sp-300);background:var(--orb-bg-subtle);border-radius:var(--orb-br-pill);font-size:var(--orb-fs-100);line-height:var(--orb-lh-100);color:var(--orb-fg);max-width:100%}.orb-select__tag--count{background:var(--orb-bg-muted);font-weight:var(--orb-fw-medium)}.orb-select__tag-icon{display:flex;align-items:center;justify-content:center;width:14px;height:14px;flex-shrink:0;color:var(--orb-fg-muted)}.orb-select__tag-icon svg{width:100%;height:100%}.orb-select__tag-icon img{width:100%;height:100%;border-radius:var(--orb-br-100);object-fit:cover}.orb-select__tag-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.orb-select__tag-remove{display:flex;align-items:center;justify-content:center;width:14px;height:14px;padding:0;border:none;background:none;color:var(--orb-fg-muted);cursor:pointer;flex-shrink:0;border-radius:var(--orb-br-pill);transition:color .15s}.orb-select__tag-remove:hover{color:var(--orb-fg)}.orb-select__tag-remove svg{width:100%;height:100%}.orb-select__chevron{display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--sl-icon-color);transition:transform .15s;margin-left:auto}.orb-select--medium .orb-select__chevron{width:20px;height:20px}.orb-select--small .orb-select__chevron{width:16px;height:16px}.orb-select__chevron svg{width:100%;height:100%}.orb-select__chevron--open{transform:rotate(180deg)}.orb-field-wrap--disabled .orb-select__chevron{color:var(--orb-icon-disabled)}.orb-select__clear{display:flex;align-items:center;justify-content:center;width:16px;height:16px;padding:0;border:none;background:none;color:var(--orb-fg-muted);cursor:pointer;flex-shrink:0;border-radius:var(--orb-br-pill);transition:color .15s}.orb-select__clear:hover{color:var(--orb-fg)}.orb-select__clear svg{width:100%;height:100%}.orb-select__spinner{display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--sl-icon-color);animation:orb-select-spin .8s linear infinite}.orb-select--medium .orb-select__spinner{width:20px;height:20px}.orb-select--small .orb-select__spinner{width:16px;height:16px}.orb-select__spinner svg{width:100%;height:100%}@keyframes orb-select-spin{to{transform:rotate(360deg)}}.orb-select__listbox{position:absolute;top:100%;left:0;right:0;z-index:100;margin-top:var(--orb-sp-100);background:var(--orb-surface-overlay);border:var(--orb-bw-100) solid var(--orb-border);border-radius:var(--orb-br-100);box-shadow:var(--orb-shadow-overlay);overflow:hidden}.orb-select__listbox--up{top:auto;bottom:100%;margin-top:0;margin-bottom:var(--orb-sp-100);box-shadow:var(--orb-shadow-overlay)}.orb-select__search{display:flex;align-items:center;gap:var(--orb-sp-300);padding:var(--orb-sp-200) var(--orb-sp-400);border-bottom:1px solid var(--orb-border-subtle)}.orb-select--small .orb-select__search{padding:var(--orb-sp-100) var(--orb-sp-300)}.orb-select__search-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0;color:var(--orb-fg-muted)}.orb-select__search-icon svg{width:100%;height:100%}.orb-select__search-input{flex:1;min-width:0;border:none;outline:none;background:transparent;font-family:var(--orb-ff-display);font-size:var(--orb-fs-200);font-weight:var(--orb-fw-regular);line-height:var(--orb-lh-200);color:var(--orb-fg);padding:0}.orb-select--small .orb-select__search-input{font-size:var(--orb-fs-100);line-height:var(--orb-lh-100)}.orb-select__search-input::placeholder{color:var(--orb-input-placeholder)}.orb-select__options{padding:var(--orb-sp-100) 0;max-height:240px;overflow-y:auto;overscroll-behavior:contain}.orb-select__option{display:flex;align-items:center;gap:var(--orb-sp-300);padding:var(--orb-sp-300) var(--orb-sp-400);font-size:var(--orb-fs-200);font-weight:var(--orb-fw-regular);line-height:var(--orb-lh-200);color:var(--orb-fg);cursor:pointer;transition:background-color .1s}.orb-select--small .orb-select__option{font-size:var(--orb-fs-100);line-height:var(--orb-lh-100);padding:var(--orb-sp-200) var(--orb-sp-300)}.orb-select__option--active{background:var(--orb-bg-subtle)}.orb-select__option--selected{font-weight:var(--orb-fw-medium);color:var(--orb-primary)}.orb-select__option--disabled{color:var(--orb-fg-disabled);cursor:not-allowed}.orb-select__option-content{flex:1;min-width:0;display:flex;flex-direction:column}.orb-select__option-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.orb-select__option-desc{font-size:var(--orb-fs-100);line-height:var(--orb-lh-100);color:var(--orb-fg-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.orb-select__option--selected .orb-select__option-desc{color:var(--orb-primary-hover)}.orb-select__option-checkbox{display:flex;align-items:center;justify-content:center;width:16px;height:16px;flex-shrink:0;border:var(--orb-bw-200) solid var(--orb-border-field);border-radius:var(--orb-br-100);background:var(--orb-bg-field);transition:all .15s}.orb-select__option-checkbox--checked{background:var(--orb-primary);border-color:transparent;color:var(--orb-primary-fg)}.orb-select__option-checkbox svg{width:12px;height:12px}.orb-select__option-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0;color:var(--orb-fg-muted)}.orb-select--small .orb-select__option-icon{width:16px;height:16px}.orb-select__option-icon svg{width:100%;height:100%}.orb-select__option-icon img{width:100%;height:100%;border-radius:var(--orb-br-100);object-fit:cover}.orb-select__option--selected .orb-select__option-icon{color:var(--orb-primary)}.orb-select__option-check{display:flex;align-items:center;justify-content:center;width:16px;height:16px;flex-shrink:0;color:var(--orb-primary)}.orb-select__option-check svg{width:100%;height:100%}.orb-select__create-icon{display:flex;align-items:center;justify-content:center;width:16px;height:16px;flex-shrink:0;color:var(--orb-primary)}.orb-select__create-icon svg{width:100%;height:100%}.orb-select__option--create{color:var(--orb-primary);font-weight:var(--orb-fw-medium)}.orb-select__group-label{padding:var(--orb-sp-200) var(--orb-sp-400);font-size:var(--orb-fs-100);font-weight:var(--orb-fw-semi-bold);line-height:var(--orb-lh-100);color:var(--orb-fg-muted);text-transform:uppercase;letter-spacing:.04em}.orb-select__group-label:not(:first-child){margin-top:var(--orb-sp-100);border-top:1px solid var(--orb-border-subtle);padding-top:var(--orb-sp-300)}.orb-select__empty{padding:var(--orb-sp-400);font-size:var(--orb-fs-200);color:var(--orb-fg-muted);text-align:center}.orb-select__limit-msg{padding:var(--orb-sp-200) var(--orb-sp-400);font-size:var(--orb-fs-100);color:var(--orb-fg-muted);text-align:center;border-top:1px solid var(--orb-border-subtle)}.orb-select__toolbar{padding:var(--orb-sp-200) var(--orb-sp-400)}.orb-select__toolbar--top{border-bottom:1px solid var(--orb-border-subtle)}.orb-select__toolbar--bottom{border-top:1px solid var(--orb-border-subtle)}.orb-alert{--alert-bg: var(--orb-bg-subtle);--alert-border: var(--orb-border);--alert-fg: var(--orb-fg);--alert-title-fg: var(--orb-fg);--alert-icon-fg: var(--orb-fg-muted);display:flex;align-items:flex-start;gap:var(--orb-sp-300);padding:var(--orb-sp-400);border-radius:var(--orb-br-200);border-width:var(--orb-bw-100);border-style:solid;font-family:var(--orb-ff-display);font-size:var(--orb-fs-200);line-height:var(--orb-lh-200);color:var(--alert-fg);background:var(--alert-bg);border-color:var(--alert-border);transition:opacity .2s ease,transform .2s ease;opacity:1;transform:translateY(0)}.orb-alert--closing{opacity:0;transform:translateY(-4px)}@media (prefers-reduced-motion: reduce){.orb-alert{transition:none}}.orb-alert__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;line-height:0}.orb-alert__content{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--orb-sp-100);padding-top:var(--orb-sp-50)}.orb-alert__title{margin:0;font-size:var(--orb-fs-200);font-weight:var(--orb-fw-semibold);line-height:var(--orb-lh-200);color:var(--alert-title-fg)}.orb-alert__description{margin:0;font-size:var(--orb-fs-200);font-weight:var(--orb-fw-regular);line-height:var(--orb-lh-200);color:var(--alert-fg)}.orb-alert__actions{display:flex;align-items:center;gap:var(--orb-sp-200);margin-top:var(--orb-sp-100)}.orb-alert__close{display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;margin-top:var(--orb-sp-50);border:none;background:none;color:var(--alert-fg);cursor:pointer;flex-shrink:0;border-radius:var(--orb-br-100);opacity:.5;transition:opacity .15s}.orb-alert__close:hover{opacity:1}.orb-alert__close svg{width:16px;height:16px}.orb-alert--info{--alert-icon-fg: var(--orb-info)}.orb-alert--success{--alert-icon-fg: var(--orb-success)}.orb-alert--warning{--alert-icon-fg: var(--orb-warning)}.orb-alert--error{--alert-icon-fg: var(--orb-error)}.orb-alert--neutral{--alert-icon-fg: var(--orb-fg-muted)}.orb-alert--soft.orb-alert--info{--alert-bg: var(--orb-info-subtle);--alert-border: var(--orb-info-border);--alert-title-fg: var(--orb-info-text)}.orb-alert--soft.orb-alert--success{--alert-bg: var(--orb-success-subtle);--alert-border: var(--orb-success-border);--alert-title-fg: var(--orb-success-text)}.orb-alert--soft.orb-alert--warning{--alert-bg: var(--orb-warning-subtle);--alert-border: var(--orb-warning-border);--alert-title-fg: var(--orb-warning-text)}.orb-alert--soft.orb-alert--error{--alert-bg: var(--orb-error-subtle);--alert-border: var(--orb-error-border);--alert-title-fg: var(--orb-error-text)}.orb-alert--soft.orb-alert--neutral{--alert-bg: var(--orb-bg-subtle);--alert-border: var(--orb-border);--alert-title-fg: var(--orb-fg)}.orb-alert--outline{--alert-bg: transparent}.orb-alert--outline.orb-alert--info{--alert-border: var(--orb-info-border);--alert-title-fg: var(--orb-info-text)}.orb-alert--outline.orb-alert--success{--alert-border: var(--orb-success-border);--alert-title-fg: var(--orb-success-text)}.orb-alert--outline.orb-alert--warning{--alert-border: var(--orb-warning-border);--alert-title-fg: var(--orb-warning-text)}.orb-alert--outline.orb-alert--error{--alert-border: var(--orb-error-border);--alert-title-fg: var(--orb-error-text)}.orb-alert--outline.orb-alert--neutral{--alert-border: var(--orb-border-emphasis);--alert-title-fg: var(--orb-fg)}.orb-alert--filled.orb-alert--info{--alert-bg: var(--orb-info);--alert-border: var(--orb-info);--alert-fg: var(--orb-info-fg);--alert-title-fg: var(--orb-info-fg);--alert-icon-fg: var(--orb-info-fg)}.orb-alert--filled.orb-alert--success{--alert-bg: var(--orb-success);--alert-border: var(--orb-success);--alert-fg: var(--orb-success-fg);--alert-title-fg: var(--orb-success-fg);--alert-icon-fg: var(--orb-success-fg)}.orb-alert--filled.orb-alert--warning{--alert-bg: var(--orb-warning);--alert-border: var(--orb-warning);--alert-fg: var(--orb-warning-fg);--alert-title-fg: var(--orb-warning-fg);--alert-icon-fg: var(--orb-warning-fg)}.orb-alert--filled.orb-alert--error{--alert-bg: var(--orb-error);--alert-border: var(--orb-error);--alert-fg: var(--orb-error-fg);--alert-title-fg: var(--orb-error-fg);--alert-icon-fg: var(--orb-error-fg)}.orb-alert--filled.orb-alert--neutral{--alert-bg: var(--orb-bg-emphasis);--alert-border: var(--orb-bg-emphasis);--alert-fg: var(--orb-fg);--alert-title-fg: var(--orb-fg);--alert-icon-fg: var(--orb-fg)}.orb-alert--filled .orb-alert__close{color:var(--alert-fg);opacity:.7}.orb-alert--filled .orb-alert__close:hover{opacity:1}.orb-alert--filled .orb-status-icon{color:var(--alert-icon-fg)}.orb-dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:var(--orb-sp-600);background:var(--orb-dialog-scrim)}.orb-dialog-backdrop--blur{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.orb-dialog-backdrop--scroll-outside{overflow-y:auto;align-items:flex-start;padding-top:var(--orb-sp-900);padding-bottom:var(--orb-sp-900)}.orb-dialog-backdrop--scroll-outside .orb-dialog{max-height:none}.orb-dialog-backdrop--top{align-items:flex-start;padding-top:10vh}.orb-dialog-backdrop--top .orb-dialog{max-height:70vh}.orb-dialog{--dlg-bg: var(--orb-dialog-bg);--dlg-border: var(--orb-dialog-border);--dlg-shadow: var(--orb-dialog-shadow);--dlg-radius: var(--orb-br-300);--dlg-padding: var(--orb-sp-600);position:relative;display:flex;flex-direction:column;width:100%;background:var(--dlg-bg);border:1px solid var(--orb-dialog-outline);border-radius:var(--dlg-radius);box-shadow:var(--dlg-shadow);overflow:hidden;outline:none;max-height:calc(100vh - var(--orb-sp-600) * 2);transition:max-width .25s ease,max-height .25s ease,height .25s ease,border-radius .25s ease}.orb-dialog--sm{max-width:400px}.orb-dialog--md{max-width:560px}.orb-dialog--lg{max-width:720px}.orb-dialog--xl{max-width:960px}.orb-dialog--full{max-width:100%;max-height:100%;height:100%}.orb-dialog--scroll-inside{overflow:hidden}.orb-dialog--scroll-inside .orb-dialog__body{overflow-y:auto;flex:1 1 auto}.orb-dialog__header{display:flex;align-items:flex-start;gap:var(--orb-sp-400);padding:var(--dlg-padding);padding-bottom:var(--orb-sp-400);border-bottom:1px solid var(--orb-dialog-header-border);flex-shrink:0;transition:box-shadow .15s ease}.orb-dialog__header--shadow{box-shadow:0 2px 8px #00000014}.orb-dialog__header-text{flex:1;min-width:0}.orb-dialog__title{margin:0;font-family:var(--orb-ff-display);font-size:var(--orb-fs-400);font-weight:var(--orb-fw-semi-bold);line-height:var(--orb-lh-300);color:var(--orb-fg)}.orb-dialog__description{margin:var(--orb-sp-100) 0 0;font-family:var(--orb-ff-body);font-size:var(--orb-fs-200);line-height:var(--orb-lh-300);color:var(--orb-fg-muted)}.orb-dialog__fullscreen{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;margin:calc(var(--orb-sp-100) * -1) 0 0 0;background:none;border:none;border-radius:var(--orb-br-100);color:var(--orb-fg-muted);cursor:pointer;flex-shrink:0;transition:background .15s ease,color .15s ease}.orb-dialog__fullscreen:hover{background:var(--orb-bg-muted);color:var(--orb-fg)}.orb-dialog__fullscreen:focus-visible{outline:2px solid var(--orb-ring);outline-offset:-2px}.orb-dialog__close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;margin:calc(var(--orb-sp-100) * -1) calc(var(--orb-sp-100) * -1) 0 0;background:none;border:none;border-radius:var(--orb-br-100);color:var(--orb-fg-muted);cursor:pointer;flex-shrink:0;transition:background .15s ease,color .15s ease}.orb-dialog__close:hover:not(:disabled){background:var(--orb-bg-muted);color:var(--orb-fg)}.orb-dialog__close:disabled{cursor:not-allowed;opacity:.5}.orb-dialog__close:focus-visible{outline:2px solid var(--orb-ring);outline-offset:-2px}.orb-dialog__hero{position:relative;flex-shrink:0;line-height:0}.orb-dialog__hero img,.orb-dialog__hero picture,.orb-dialog__hero video{width:100%;height:auto;display:block;object-fit:cover}.orb-dialog__hero-actions{position:absolute;top:var(--orb-sp-300);right:var(--orb-sp-300);display:flex;align-items:center;gap:var(--orb-sp-200)}.orb-dialog__close--over-hero,.orb-dialog__fullscreen--over-hero{background:var(--orb-static-overlay-bg);color:var(--orb-static-overlay-fg);border:none;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.orb-dialog__close--over-hero:hover:not(:disabled),.orb-dialog__fullscreen--over-hero:hover{background:var(--orb-static-overlay-bg-hover);color:var(--orb-static-overlay-fg)}.orb-dialog__spinner{animation:orb-dialog-spin .8s linear infinite}@keyframes orb-dialog-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.orb-dialog--loading .orb-dialog__footer{pointer-events:none;opacity:.6}.orb-dialog__body{padding:var(--dlg-padding);font-family:var(--orb-ff-body);font-size:var(--orb-fs-200);line-height:var(--orb-lh-400);color:var(--orb-fg-subtle)}.orb-dialog__footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--orb-sp-300);padding:var(--orb-sp-400) var(--dlg-padding);border-top:1px solid var(--orb-dialog-footer-border);background:var(--orb-dialog-footer-bg);border-radius:0 0 var(--dlg-radius) var(--dlg-radius);flex-shrink:0;transition:box-shadow .15s ease}.orb-dialog__footer--shadow{box-shadow:0 -2px 8px #00000014}.orb-dialog--scale-enter-active,.orb-dialog--scale-leave-active{transition:opacity .2s ease}.orb-dialog--scale-enter-active .orb-dialog,.orb-dialog--scale-leave-active .orb-dialog{transition:opacity .2s ease,transform .2s ease}.orb-dialog--scale-enter-from,.orb-dialog--scale-leave-to{opacity:0}.orb-dialog--scale-enter-from .orb-dialog,.orb-dialog--scale-leave-to .orb-dialog{opacity:0;transform:scale(.95) translateY(8px)}.orb-dialog--slideUp-enter-active,.orb-dialog--slideUp-leave-active{transition:opacity .2s ease}.orb-dialog--slideUp-enter-active .orb-dialog,.orb-dialog--slideUp-leave-active .orb-dialog{transition:opacity .2s ease,transform .25s ease}.orb-dialog--slideUp-enter-from,.orb-dialog--slideUp-leave-to{opacity:0}.orb-dialog--slideUp-enter-from .orb-dialog,.orb-dialog--slideUp-leave-to .orb-dialog{opacity:0;transform:translateY(40px)}.orb-dialog--slideDown-enter-active,.orb-dialog--slideDown-leave-active{transition:opacity .2s ease}.orb-dialog--slideDown-enter-active .orb-dialog,.orb-dialog--slideDown-leave-active .orb-dialog{transition:opacity .2s ease,transform .25s ease}.orb-dialog--slideDown-enter-from,.orb-dialog--slideDown-leave-to{opacity:0}.orb-dialog--slideDown-enter-from .orb-dialog,.orb-dialog--slideDown-leave-to .orb-dialog{opacity:0;transform:translateY(-40px)}.orb-dialog--slideRight-enter-active,.orb-dialog--slideRight-leave-active{transition:opacity .2s ease}.orb-dialog--slideRight-enter-active .orb-dialog,.orb-dialog--slideRight-leave-active .orb-dialog{transition:opacity .2s ease,transform .25s ease}.orb-dialog--slideRight-enter-from,.orb-dialog--slideRight-leave-to{opacity:0}.orb-dialog--slideRight-enter-from .orb-dialog,.orb-dialog--slideRight-leave-to .orb-dialog{opacity:0;transform:translate(-40px)}@media (max-width: 480px){.orb-dialog-backdrop:not(.orb-dialog-backdrop--no-responsive){padding:0;align-items:flex-end}.orb-dialog-backdrop:not(.orb-dialog-backdrop--no-responsive) .orb-dialog:not(.orb-dialog--full):not(.orb-dialog--no-responsive){max-width:100%;max-height:90vh;border-radius:var(--dlg-radius) var(--dlg-radius) 0 0}.orb-dialog--scale-enter-from .orb-dialog-backdrop:not(.orb-dialog-backdrop--no-responsive) .orb-dialog,.orb-dialog--scale-leave-to .orb-dialog-backdrop:not(.orb-dialog-backdrop--no-responsive) .orb-dialog{transform:translateY(100%)}}.orb-alert-dialog--centered{display:flex;flex-direction:column;align-items:center;text-align:center;padding-top:var(--orb-sp-300)}.orb-alert-dialog--centered .orb-alert-dialog__icon{margin-bottom:var(--orb-sp-400)}.orb-alert-dialog--centered .orb-alert-dialog__title{font-size:var(--orb-fs-300)}.orb-alert-dialog--centered .orb-alert-dialog__actions--centered{margin-top:var(--orb-sp-600);width:100%}.orb-alert-dialog--horizontal{display:flex;align-items:flex-start}.orb-alert-dialog__icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;flex-shrink:0}.orb-alert-dialog--centered .orb-alert-dialog__icon{width:48px;height:48px}.orb-alert-dialog__icon--confirmation,.orb-alert-dialog__icon--destructive{background:color-mix(in oklch,var(--orb-error) 14%,transparent)}.orb-alert-dialog__icon--info{background:color-mix(in oklch,var(--orb-info) 14%,transparent)}.orb-alert-dialog__icon--warning{background:color-mix(in oklch,var(--orb-warning) 14%,transparent)}[data-theme=dark] .orb-alert-dialog__icon--confirmation,[data-theme=dark] .orb-alert-dialog__icon--destructive{background:color-mix(in oklch,var(--orb-error) 10%,transparent)}[data-theme=dark] .orb-alert-dialog__icon--info{background:color-mix(in oklch,var(--orb-info) 10%,transparent)}[data-theme=dark] .orb-alert-dialog__icon--warning{background:color-mix(in oklch,var(--orb-warning) 10%,transparent)}.orb-alert-dialog__text{margin-left:var(--orb-sp-600);min-width:0}.orb-alert-dialog__title{margin:0;font-family:var(--orb-ff-display);font-size:var(--orb-fs-300);font-weight:var(--orb-fw-semi-bold);line-height:var(--orb-lh-300);color:var(--orb-fg)}.orb-alert-dialog__desc-wrap{margin-top:var(--orb-sp-300)}.orb-alert-dialog__description{margin:0;font-family:var(--orb-ff-body);font-size:var(--orb-fs-200);line-height:var(--orb-lh-200);color:var(--orb-fg-muted)}.orb-alert-dialog--centered .orb-alert-dialog__description{margin-top:var(--orb-sp-200)}.orb-alert-dialog__body{margin-top:var(--orb-sp-200);font-family:var(--orb-ff-body);font-size:var(--orb-fs-200);line-height:var(--orb-lh-200);color:var(--orb-fg-subtle)}.orb-alert-dialog__confirmation{margin-top:var(--orb-sp-500)}.orb-alert-dialog__confirmation-label{margin:0 0 var(--orb-sp-300) 0;font-family:var(--orb-ff-body);font-size:var(--orb-fs-200);line-height:var(--orb-lh-200);color:var(--orb-fg-muted)}.orb-alert-dialog__confirmation-label strong{color:var(--orb-fg);font-weight:var(--orb-fw-semi-bold)}.orb-alert-dialog__confirmation-input{display:block;width:100%;height:36px;padding:0 var(--orb-sp-400);font-family:var(--orb-ff-body);font-size:var(--orb-fs-200);line-height:var(--orb-lh-200);color:var(--orb-fg);background:var(--orb-bg);border:1px solid var(--orb-border);border-radius:var(--orb-br-200);outline:none;box-sizing:border-box;transition:border-color .15s ease}.orb-alert-dialog__confirmation-input::placeholder{color:var(--orb-fg-muted)}.orb-alert-dialog__confirmation-input:focus{border-color:var(--orb-primary);box-shadow:0 0 0 1px var(--orb-primary)}.orb-alert-dialog__actions--footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--orb-sp-300);width:100%}@media (max-width: 479px){.orb-alert-dialog__actions--footer{flex-direction:column-reverse}.orb-alert-dialog__actions--footer .orb-alert-dialog__btn{width:100%}}.orb-alert-dialog__actions--inline{display:flex;align-items:center;justify-content:flex-end;gap:var(--orb-sp-300);margin-top:var(--orb-sp-900)}@media (max-width: 479px){.orb-alert-dialog__actions--inline{flex-direction:column-reverse}.orb-alert-dialog__actions--inline .orb-alert-dialog__btn{width:100%}}.orb-alert-dialog__actions--centered{display:flex;flex-direction:column;gap:var(--orb-sp-300)}.orb-alert-dialog__btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--orb-sp-200);height:38px;padding:0 var(--orb-sp-400);font-family:var(--orb-ff-body);font-size:var(--orb-fs-200);font-weight:var(--orb-fw-semi-bold);line-height:1;border:none;border-radius:var(--orb-br-200);cursor:pointer;white-space:nowrap;transition:background .15s ease,color .15s ease,opacity .15s ease,box-shadow .15s ease}.orb-alert-dialog__btn:disabled{opacity:.6;cursor:not-allowed}.orb-alert-dialog__btn--wide{width:100%}.orb-alert-dialog__btn--cancel{background:var(--orb-secondary);color:var(--orb-secondary-fg);box-shadow:inset 0 0 0 1px var(--orb-secondary-border)}.orb-alert-dialog__btn--cancel:hover:not(:disabled){background:var(--orb-secondary-hover)}.orb-alert-dialog__btn--secondary{background:none;color:var(--orb-fg-muted)}.orb-alert-dialog__btn--secondary:hover:not(:disabled){color:var(--orb-fg)}.orb-alert-dialog__btn--primary{background:var(--orb-primary);color:var(--orb-primary-fg);box-shadow:0 1px 2px #0000000d}.orb-alert-dialog__btn--primary:hover:not(:disabled){background:var(--orb-primary-hover)}.orb-alert-dialog__btn--destructive{background:var(--orb-error);color:var(--orb-error-fg);box-shadow:0 1px 2px #0000000d}.orb-alert-dialog__btn--destructive:hover:not(:disabled){background:var(--orb-error-hover)}.orb-alert-dialog__btn:focus-visible{outline:2px solid var(--orb-ring);outline-offset:2px}.orb-alert-dialog__spinner{animation:orb-alert-dialog-spin .8s linear infinite}@keyframes orb-alert-dialog-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@neowit/orbit-react",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.2",
|
|
4
4
|
"description": "Orbit Design System - React Components",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "./dist/orbit.cjs",
|
|
@@ -34,7 +34,7 @@
|
|
|
34
34
|
"react-dom": "^18.0.0 || ^19.0.0"
|
|
35
35
|
},
|
|
36
36
|
"scripts": {
|
|
37
|
-
"build": "vite build && tsc --declaration --emitDeclarationOnly --outDir dist",
|
|
37
|
+
"build": "vite build && tsc --declaration --emitDeclarationOnly --outDir dist && cp ../vue/dist/style.css dist/style.css",
|
|
38
38
|
"dev": "vite build --watch"
|
|
39
39
|
}
|
|
40
40
|
}
|