@wwtdev/bsds-components-vue3 1.15.11 → 1.15.12

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 (2) hide show
  1. package/nuxt/style.css +1 -1
  2. package/package.json +2 -2
package/nuxt/style.css CHANGED
@@ -1 +1 @@
1
- .bs-accordion{--accordion-link-color: var(--bs-purple-400);--accordion-link-outline-color: var(--bs-blue-base);--accordion-outline-color: transparent;--accordion-padding-inline: 0;--accordion-text-size: var(--bs-text-sm);border-block:1px solid var(--bs-border-base);display:block}@media (min-width: 957px){.bs-accordion{--accordion-padding-inline: var(--bs-space-2);--accordion-text-size: var(--bs-text-base)}}.bs-accordion :where(header button){align-items:center;background-color:var(--bs-bg-base);border:0px solid transparent;border-radius:.25rem;color:var(--bs-ink-base);cursor:pointer;display:grid;font-size:var(--accordion-text-size);font-weight:var(--bs-font-normal);grid-template-columns:minmax(0px,auto) minmax(0px,1fr) minmax(0px,auto);grid-template-areas:"start main end";line-height:1.5;outline:2px solid var(--accordion-outline-color);padding-block:var(--bs-space-f-2);padding-inline:var(--accordion-padding-inline);width:100%}.bs-accordion :where(header button:focus-visible){--accordion-outline-color: var(--bs-blue-base)}.bs-accordion :where(header button)>*{font-size:inherit;font-weight:inherit;line-height:inherit}.bs-accordion :where(header button) :where([data-position]){width:var(--accordion-text-size)}.bs-accordion :where(header button)>:where([data-position=start]){grid-area:start;margin-right:var(--bs-space-2)}.bs-accordion :where(header button)>:where([data-position=end]){grid-area:end;transform:rotate(0);transition:transform .25s ease-out}.bs-accordion :where(header[data-open]:not([data-open=false])) :where([data-position=end]){transform:rotate(180deg)}.bs-accordion :where(header button)>:where(span){grid-area:main;margin-right:var(--bs-space-2);text-align:left}.bs-accordion :where(header button)>:where(span){vertical-align:middle}@media (min-width: 957px){.bs-accordion :where(header button)>:where(span){margin-right:var(--bs-space-3)}}.bs-accordion :where(.bs-accordion-content){display:grid;font-size:var(--accordion-text-size);grid-template-rows:0fr;overflow:hidden;padding-inline:var(--accordion-padding-inline);transition:grid-template-rows .25s ease-out}.bs-accordion :where(.bs-accordion-content)>:where(:first-child){overflow:hidden}.bs-accordion :where(.bs-accordion-content[data-open]:not([data-open=false])){grid-template-rows:1fr;padding-block-end:var(--bs-space-f-2)}:where(.bs-accordion[data-stacked])+.bs-accordion:where([data-stacked]){border-block-start-color:transparent}.bs-banner{background-color:var(--bs-royal-400);color:var(--bs-gray-100);display:flex;justify-content:center;padding:1rem 1.25rem}.bs-banner :where(.bs-banner-content p){flex-grow:1;padding-right:1.25rem}.bs-banner :where(.bs-banner-content p a){color:var(--bs-pink-light);text-decoration:none}.bs-banner :where(.bs-banner-content p a:hover){text-decoration:underline}.bs-banner{display:block}.bs-banner{background-color:var(--bs-bg-invert-subtle);color:var(--bs-gray-100);display:flex;justify-content:center;padding:1rem 1.25rem}.bs-banner:where([data-dismissed]){display:none}:where(.dark) .bs-banner{color:var(--bs-black)}.bs-banner :where(.bs-banner-content){align-items:center;display:flex;max-width:var(--bs-content-max-width);width:100%}.bs-banner :where(.bs-banner-content .bs-banner-warning-icon){display:none;margin-right:.625rem}.bs-banner :where(.bs-banner-content div[data-slot]){flex-grow:1;padding-right:1.25rem}.bs-banner :where(.bs-banner-content div[data-slot] a){color:var(--bs-pink-200);text-decoration:none}:where(.dark) .bs-banner :where(.bs-banner-content div[data-slot] a){color:var(--bs-pink-500)}.bs-banner :where(.bs-banner-content div[data-slot] a:hover){text-decoration:underline}.bs-banner :where(.bs-banner-content button){background-color:inherit;color:inherit;cursor:pointer}@media (min-width: 957px){.bs-banner :where(.bs-banner-content .bs-banner-warning-icon){display:inline-flex}}.bs-button{--btn-main: var(--bs-blue-base);--btn-secondary: var(--bs-blue-medium);--btn-highlight: var(--bs-blue-100);--btn-padding: var(--bs-space-1) var(--bs-space-4) calc(var(--bs-space-1) * 1.5);--btn-focus-pseudo-width:calc(100% + .5rem);align-items:center;background-color:var(--btn-main);border:none;border-radius:.25rem;color:var(--bs-white);cursor:pointer;display:inline-flex;font-size:var(--bs-text-md);font-weight:600;justify-content:center;line-height:1.5;outline:2px solid transparent;padding:var(--btn-padding);position:relative;text-decoration:none;transition:all .1s ease-in-out;vertical-align:middle}.bs-button:hover{background-color:var(--btn-secondary)}.bs-button:active{background-color:var(--btn-secondary);transform:scale(.97);transform-origin:center;box-shadow:inset 0 0 4px 1px var(--btn-main)}.bs-button:before{border-color:transparent;border-radius:.5rem;border-style:solid;border-width:.125rem;content:"";height:calc(100% + .5rem);top:-.25rem;right:-.25rem;bottom:-.25rem;left:-.25rem;left:auto;position:absolute;right:auto;transition:border-color .125s ease-in-out;width:var(--btn-focus-pseudo-width)}.bs-button:focus:before{border-color:var(--btn-main)}.bs-button:focus-visible:before{border-color:var(--btn-main);box-shadow:none}.bs-button:focus:not(:focus-visible):before{border-color:transparent;box-shadow:none}.bs-button:where([data-ghost]){--btn-light: var(--bs-blue-10);--btn-secondary: var(--bs-blue-10);background-color:transparent;box-shadow:inset 0 0 0 1px var(--btn-main);color:var(--btn-main)}.bs-button:where([data-ghost]):before{border-radius:.4375rem}.bs-button:where([data-ghost]):hover,.bs-button:where([data-ghost]):focus{background-color:var(--btn-light)}.bs-button:where([data-ghost]):active{box-shadow:inset 0 0 0 1px var(--btn-main),inset 0 0 4px 1px var(--btn-highlight)}.bs-button:where([data-variant^=secondary]){--btn-main: var(--bs-plum-400);--btn-secondary: var(--bs-plum-300);--btn-light: var(--bs-plum-10);--btn-highlight: var(--bs-plum-100)}.bs-button:where([data-variant^=positive]){--btn-main: var(--bs-purple-400);--btn-secondary: var(--bs-purple-300);--btn-light: var(--bs-purple-10);--btn-highlight: var(--bs-purple-100)}.bs-button:where([data-variant^=warning]){--btn-main: var(--bs-orange-warning);--btn-secondary: var(--bs-orange-300);--btn-light: var(--bs-orange-10);--btn-highlight: var(--bs-orange-100)}.bs-button:where([data-variant^=negative]){--btn-main: var(--bs-red-400);--btn-secondary: var(--bs-red-300);--btn-light: var(--bs-red-10);--btn-highlight: var(--bs-red-100)}.bs-button:where([data-text]){--btn-padding: 0 0;--btn-focus-pseudo-width:calc(100% + 1.25rem);background-color:transparent;color:var(--bs-blue-500);cursor:pointer;font-size:var(--bs-text-md);font-weight:400;line-height:150%}.bs-button:where([data-text]):hover{color:var(--bs-blue-base);background-color:transparent;text-decoration:underline}.bs-button:where([data-text]):has(svg):hover{text-decoration:none}.bs-button:where([data-text]):active{box-shadow:none}.bs-button:where([data-size^=sm]){font-size:var(--bs-text-sm)}.bs-button:where([data-text][data-size^=sm]){font-size:var(--bs-text-base)}:where(button:disabled),.bs-button:where(:disabled),.bs-button:where([aria-disabled=true]){pointer-events:none}.bs-button:where(:disabled),.bs-button:where([aria-disabled=true]){color:var(--bs-gray-400);background-color:var(--bs-gray-200)}.bs-button:where([data-ghost]):disabled,.bs-button:where([data-ghost])[aria-disabled=true]{box-shadow:inset 0 0 0 1px var(--bs-gray-400)}.bs-button:where([data-text]):disabled,.bs-button:where([data-text][aria-disabled=true]){background-color:transparent}.bs-button :where(svg:not([height])){height:var(--bs-text-base)}.bs-button:where([data-size^=sm]) :where(svg:not([height])){height:var(--bs-text-xs)}a.bs-button{align-items:center;display:inline-flex;outline:none;vertical-align:middle}bs-host:where([data-component=bs-button]){display:inline-block}bs-host:where([data-component=bs-button]) .bs-button{width:100%;height:100%}bs-host:where([data-component=bs-button])[data-disabled]:where(:not([data-disabled=false])){pointer-events:none}.dark .bs-button:where([data-variant^=secondary]){--btn-main: var(--bs-plum-200);--btn-secondary: var(--bs-plum-300);--btn-light: var(--bs-navy-400);--btn-highlight: var(--bs-plum-400)}bs-host:where([data-component=bs-icon-gradient-wrapper]){display:inline-block}bs-host:where([data-component=bs-icon-gradient-wrapper]) .svg-wrapper{display:inline-block}bs-host:where([data-component=bs-icon-gradient-wrapper]) .svg-wrapper *{fill:inherit}:where(label,legend){--label-color: var(--bs-ink-base);color:var(--label-color);display:inline-block;font-size:var(--bs-text-sm);font-weight:600;line-height:var(--bs-leading-base);width:100%}:where([data-required]){color:var(--bs-ink-red)}:where(label[data-disabled],[data-disabled] [data-required],[data-disabled] label){--label-color: var(--bs-ink-disabled)}bs-host:where([data-component=bs-label]){display:inline-block;width:100%;@include form-labels();}.bs-boolean label,.bs-boolean bs-host:where([data-component=bs-label]){font-size:var(--bs-text-base);font-weight:400;line-height:1.5;width:auto}.bs-boolean bs-host:where([data-component=bs-label]) label{padding-inline-end:.5em}.bs-boolean input+bs-host:where([data-component=bs-label]) label{padding-inline:.5em 0}.bs-boolean[data-size=sm] bs-host:where([data-component=bs-label]),.bs-boolean[data-size=sm] bs-host:where([data-component=bs-label]) label{font-size:var(--bs-text-xs);line-height:100%}.bs-pill{--pill-background: var(--bs-bg-medium);--pill-border: transparent;--pill-text: var(--bs-royal-base);--pill-gap: var(--bs-space-2);align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--pill-background);border:1px solid var(--pill-border);border-radius:4px;color:var(--pill-text);display:inline-flex;font-size:var(--bs-text-xs);gap:var(--pill-gap);line-height:1.33;padding:4px 6px;text-decoration:none;vertical-align:middle}:where(.bs-pill>svg){height:1rem}:is(a,button).bs-pill{color:var(--pill-text);cursor:pointer;transition:all .15s ease-in-out}:is(a,button).bs-pill:is(:hover,:focus){--pill-border: var(--bs-royal-400);color:var(--pill-text);outline:transparent}:where(.dark) :is(a,button).bs-pill:is(:hover,:focus){--pill-border: var(--bs-royal-200)}:where(.box,[class*=bg-]:not([class~=bg-white])) .bs-pill:where(:not([data-variant^=live],[data-active])){--pill-background: var(--bs-bg-base)}:where(.box[data-invert]) .bs-pill{--pill-background: var(--bs-bg-invert-base-subtle);--pill-text: var(--bs-gray-100)}:where(.box[data-invert]) :is(a,button).bs-pill:is(:hover,:focus){--pill-border: var(--bs-gray-100)}:where(.dark .box[data-invert]) .bs-pill{--pill-text: var(--bs-royal-400)}:where(.dark .box[data-invert]) :is(a,button).bs-pill:is(:hover,:focus){--pill-border: var(--bs-royal-400)}.bs-pill:where([data-status]){--status-color: var(--bs-blue-base)}.bs-pill:where([data-status]):before{background-color:var(--status-color);border-radius:100%;content:"";height:12px;width:12px}.bs-pill:where([data-status^=active]){--status-color: var(--bs-blue-base)}.bs-pill:where([data-status^=complete]){--status-color: var(--bs-purple-400)}.bs-pill:where([data-status^=inactive]){--status-color: var(--bs-gray-300)}.bs-pill:where([data-status^=error]){--status-color: var(--bs-red-400)}.bs-pill:where([data-status^=positive]){--status-color: #16986D}.bs-pill:where([data-status^=warning]){--status-color: var(--bs-orange-warning)}.bs-pill:where([data-variant^=filter]){--pill-background: var(--bs-bg-base);--pill-border: var(--bs-border);--pill-text: var(--bs-ink-base)}.bs-pill:where([data-variant^=filter]):is(:hover,:focus){--pill-border: var(--bs-border)}:is(a,button).bs-pill:where([data-variant^=filter]):is(:hover,:focus){--pill-border: var(--bs-ink-base)}.bs-pill:where([data-variant^=filter][data-variant*=add]):after{content:url("data:image/svg+xml,%3Csvg width='8' height='8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.5 4.5V8h1V4.5H8v-1H4.5V0h-1v3.5H0v1h3.5Z' fill='%230A0B19'/%3E%3C/svg%3E")}:where(.dark) .bs-pill:where([data-variant^=filter][data-variant*=add]):not(:disabled,[aria-disabled=true]):after{content:url("data:image/svg+xml,%3Csvg width='8' height='8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.5 4.5V8h1V4.5H8v-1H4.5V0h-1v3.5H0v1h3.5Z' fill='%23ffffff'/%3E%3C/svg%3E")}.bs-pill:where([data-variant^=filter][data-variant*=remove]):after{content:url("data:image/svg+xml,%3Csvg width='8' height='8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 .703 7.297 0 4 3.297.703 0 0 .703 3.297 4 0 7.297.703 8 4 4.703 7.297 8 8 7.297 4.703 4 8 .703Z' fill='%230A0B19'/%3E%3C/svg%3E%0A")}:where(.dark) .bs-pill:where([data-variant^=filter][data-variant*=remove]):not(:disabled,[aria-disabled=true]):after{content:url("data:image/svg+xml,%3Csvg width='8' height='8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 .703 7.297 0 4 3.297.703 0 0 .703 3.297 4 0 7.297.703 8 4 4.703 7.297 8 8 7.297 4.703 4 8 .703Z' fill='%23ffffff'/%3E%3C/svg%3E%0A")}.bs-pill:where([data-variant^=filter][data-variant*=remove]):hover:after{content:url("data:image/svg+xml,%3Csvg width='8' height='8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 .703 7.297 0 4 3.297.703 0 0 .703 3.297 4 0 7.297.703 8 4 4.703 7.297 8 8 7.297 4.703 4 8 .703Z' fill='%23D91214'/%3E%3C/svg%3E%0A")}:where(.dark) .bs-pill:where([data-variant^=filter][data-variant*=remove]):hover:after{content:url("data:image/svg+xml,%3Csvg width='8' height='8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 .703 7.297 0 4 3.297.703 0 0 .703 3.297 4 0 7.297.703 8 4 4.703 7.297 8 8 7.297 4.703 4 8 .703Z' fill='%23F15355'/%3E%3C/svg%3E%0A")}.bs-pill:where([data-variant^=filter][data-active]){--pill-background: var(--bs-blue-base);--pill-border: transparent;--pill-text: var(--bs-white)}.bs-pill:where([data-variant^=filter][data-active]):is(:hover,:focus){--pill-border: transparent}:is(a,button).bs-pill:where([data-variant^=filter][data-active]):is(:hover,:focus){--pill-background: var(--bs-blue-500);--pill-border: transparent}.bs-pill:where([data-variant^=filter][data-active]):after{content:url("data:image/svg+xml,%3Csvg width='8' height='8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 .703 7.297 0 4 3.297.703 0 0 .703 3.297 4 0 7.297.703 8 4 4.703 7.297 8 8 7.297 4.703 4 8 .703Z' fill='%23fff'/%3E%3C/svg%3E")}.bs-pill:where([data-variant^=filter][data-active]):where(:disabled,[aria-disabled=true]):after{content:url("data:image/svg+xml,%3Csvg width='8' height='8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 .703 7.297 0 4 3.297.703 0 0 .703 3.297 4 0 7.297.703 8 4 4.703 7.297 8 8 7.297 4.703 4 8 .703Z' fill='%230A0B19'/%3E%3C/svg%3E%0A")}.bs-pill:where([data-variant^=live]){--pill-background: var(--bs-royal-400);--pill-text: var(--bs-white);--pill-gap: var(--bs-space-1);text-transform:uppercase}.bs-pill:where([data-variant^=live]):hover{--pill-border: transparent}.bs-pill:where([data-variant^=live]):before{background-color:var(--bs-red-400);border:3px solid var(--bs-white);border-radius:100%;content:"";height:12px;width:12px}.bs-pill:is(:disabled,[aria-disabled=true]){pointer-events:none;color:var(--bs-ink-disabled);background-color:var(--bs-bg-disabled)}.bs-pill:where([data-variant^=filter]):not([data-active]):is(:disabled,[aria-disabled=true]){--pill-border: var(--bs-gray-400)}bs-host:where([data-component=bs-pill]){display:inline-block}bs-host:where([data-component=bs-select]) :where(label,legend){--label-color: var(--bs-ink-base);color:var(--label-color);display:inline-block;font-size:var(--bs-text-sm);font-weight:600;line-height:var(--bs-leading-base);width:100%}bs-host:where([data-component=bs-select]) :where([data-required]){color:var(--bs-ink-red)}bs-host:where([data-component=bs-select]) :where(label[data-disabled],[data-disabled] [data-required],[data-disabled] label){--label-color: var(--bs-ink-disabled)}bs-host:where([data-component=bs-select]) :where([data-required]){color:var(--bs-ink-red);font-weight:var(--bs-font-bold, 600)}bs-host:where([data-component=bs-select]) :where([data-disabled],[data-disabled] [data-required]){color:var(--bs-gray-400)}bs-host:where([data-component=bs-select]) :where(.box) :is(input,textarea,select):where(:focus-visible){--offset-color: var(--bs-bg-medium)}bs-host:where([data-component=bs-select]) :where(.box[data-invert]) :is(input,textarea,select):where(:focus-visible){--offset-color: var(--bs-bg-invert-base)}bs-host:where([data-component=bs-select]) :where(fieldset){border:none;margin-left:0;margin-right:0;padding:0}bs-host:where([data-component=bs-select]) :where(fieldset legend){margin-bottom:.25rem;padding:0}bs-host:where([data-component=bs-select]) :where(label+input,label>input):where(:not([type=checkbox],[type=radio])),bs-host:where([data-component=bs-select]) :where(label+textarea,label>textarea),bs-host:where([data-component=bs-select]) :where(label+select,label>select){margin-top:.25rem}bs-host:where([data-component=bs-select]) input:where(:not([type=checkbox],[type=radio],[type=file],[type=range])),bs-host:where([data-component=bs-select]) textarea,bs-host:where([data-component=bs-select]) select{--input-bg: var(--bs-bg-base);--input-border: var(--bs-violet-medium);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--input-bg);border-color:var(--input-border);border-radius:.25rem;border-style:solid;border-width:var(--input-border-width, 1px);caret-color:var(--bs-blue-base);color:var(--bs-ink-base);font-size:var(--bs-text-base);font-weight:400;height:2.5rem;line-height:var(--bs-leading-base);min-height:2.5rem;padding-inline:.75rem;width:100%}bs-host:where([data-component=bs-select]) input:where([type=text],[type=email],[type=url]),bs-host:where([data-component=bs-select]) select{text-overflow:ellipsis}bs-host:where([data-component=bs-select]) textarea{height:auto;padding-block:.5rem;resize:vertical}bs-host:where([data-component=bs-select]) :is(input,textarea,select)::placeholder{color:var(--bs-violet-lightest)}bs-host:where([data-component=bs-select]) :is(input,textarea,select):where(:focus-visible)::placeholder{opacity:0}bs-host:where([data-component=bs-select]) :is(input:where(:not([type=checkbox],[type=radio])),textarea,select):where(:focus-visible){--input-border: var(--bs-blue-base);outline-width:0px}bs-host:where([data-component=bs-select]) :is(input:where(:not([type=checkbox],[type=radio])),textarea,select):where(:disabled){--input-border: var(--bs-ink-disabled);--input-bg: var(--bs-bg-disabled);color:var(--bs-ink-disabled)}bs-host:where([data-component=bs-select]) :is(input,select,textarea):where([data-error]){--input-border: var(--bs-ink-red)}bs-host:where([data-component=bs-select]) :has(>textarea:only-child){display:block;line-height:0}bs-host:where([data-component=bs-select]) :where(select:disabled){opacity:1}bs-host:where([data-component=bs-select]) :is(input,textarea,select):disabled::placeholder,bs-host:where([data-component=bs-select]) :is(input,textarea,select)[disabled]::placeholder{color:var(--bs-ink-disabled);opacity:1}bs-host:where([data-component=bs-select]) select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%3Cpath fill='%230A0B19' d='M8.048 13.375a.745.745 0 0 1-.526-.217L0 5.686l1.053-1.061 6.995 6.95 6.897-6.85 1.053 1.06-7.423 7.373a.745.745 0 0 1-.527.217Z'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:1em 1em;padding-right:var(--bs-space-9)}bs-host:where([data-component=bs-select]) .dark select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%3Cpath fill='%23ffffff' d='M8.048 13.375a.745.745 0 0 1-.526-.217L0 5.686l1.053-1.061 6.995 6.95 6.897-6.85 1.053 1.06-7.423 7.373a.745.745 0 0 1-.527.217Z'/%3E%3C/svg%3E")}bs-host:where([data-component=bs-select]) .dark select:disabled{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%3Cpath fill='%23555775' d='M8.048 13.375a.745.745 0 0 1-.526-.217L0 5.686l1.053-1.061 6.995 6.95 6.897-6.85 1.053 1.06-7.423 7.373a.745.745 0 0 1-.527.217Z'/%3E%3C/svg%3E")}:where(bs-host[data-component=bs-select]){display:inline-block;width:100%}.bs-tooltip{display:inline-block;position:relative}.bs-tooltip :where(.bs-tooltip-text){align-items:center;background-color:var(--bs-bg-base-elevated);border-radius:4px;box-shadow:var(--bs-shadow-contentLowCenter);color:var(--bs-violet-base);display:flex;font-size:var(--bs-text-sm);justify-content:center;max-width:16rem;min-width:4rem;opacity:0;padding:.25rem .5rem;position:absolute;transform:scale(0);transition-duration:75ms;transition-property:opacity,transform;transition-timing-function:ease-in-out;width:max-content;z-index:999}.bs-tooltip:where(:not([data-position])) :where(.bs-tooltip-text),.bs-tooltip:where([data-position=top]) :where(.bs-tooltip-text){bottom:calc(100% + .5rem);left:50%;transform-origin:bottom center;transform:translate(-50%) scale(0)}:where(.bs-tooltip:not([data-position])):hover :where(.bs-tooltip-text),:where(.bs-tooltip[data-position=top]):hover :where(.bs-tooltip-text),:where(.bs-tooltip:not([data-position])):focus-within :where(.bs-tooltip-text),:where(.bs-tooltip[data-position=top]):focus-within :where(.bs-tooltip-text),:where(.bs-tooltip:not([data-position]))[data-shown] :where(.bs-tooltip-text),:where(.bs-tooltip[data-position=top])[data-shown] :where(.bs-tooltip-text){opacity:1;transform:translate(-50%) scale(1)}.bs-tooltip:where([data-position=bottom]) :where(.bs-tooltip-text){left:50%;top:calc(100% + .5rem);transform-origin:top center;transform:translate(-50%) scale(0)}:where(.bs-tooltip[data-position=bottom]):hover :where(.bs-tooltip-text),:where(.bs-tooltip[data-position=bottom]):focus-within :where(.bs-tooltip-text),:where(.bs-tooltip[data-position=bottom])[data-shown] :where(.bs-tooltip-text){opacity:1;transform:translate(-50%) scale(1)}.bs-tooltip:where([data-position=left]) :where(.bs-tooltip-text){right:calc(100% + .5rem);top:50%;transform-origin:center right;transform:translateY(-50%) scale(0)}:where(.bs-tooltip[data-position=left]):hover :where(.bs-tooltip-text),:where(.bs-tooltip[data-position=left]):focus-within :where(.bs-tooltip-text),:where(.bs-tooltip[data-position=left])[data-shown] :where(.bs-tooltip-text){opacity:1;transform:translateY(-50%) scale(1)}.bs-tooltip:where([data-position=right]) :where(.bs-tooltip-text){left:calc(100% + .5rem);top:50%;transform-origin:center left;transform:translateY(-50%) scale(0)}:where(.bs-tooltip[data-position=right]):hover :where(.bs-tooltip-text),:where(.bs-tooltip[data-position=right]):focus-within :where(.bs-tooltip-text),:where(.bs-tooltip[data-position=right])[data-shown] :where(.bs-tooltip-text){opacity:1;transform:translateY(-50%) scale(1)}.bs-tooltip:where([data-position=top-left]) :where(.bs-tooltip-text){bottom:calc(100% + .5rem);right:calc(100% + .5rem);transform-origin:bottom right}.bs-tooltip:where([data-position=top-right]) :where(.bs-tooltip-text){bottom:calc(100% + .5rem);left:calc(100% + .5rem);transform-origin:bottom left}.bs-tooltip:where([data-position=bottom-left]) :where(.bs-tooltip-text){right:calc(100% + .5rem);top:calc(100% + .5rem);transform-origin:top right}.bs-tooltip:where([data-position=bottom-right]) :where(.bs-tooltip-text){left:calc(100% + .5rem);top:calc(100% + .5rem);transform-origin:top left}:where(.bs-tooltip[data-position=top-left]):hover :where(.bs-tooltip-text),:where(.bs-tooltip[data-position=top-right]):hover :where(.bs-tooltip-text),:where(.bs-tooltip[data-position=bottom-left]):hover :where(.bs-tooltip-text),:where(.bs-tooltip[data-position=bottom-right]):hover :where(.bs-tooltip-text),:where(.bs-tooltip[data-position=top-left]):focus-within :where(.bs-tooltip-text),:where(.bs-tooltip[data-position=top-right]):focus-within :where(.bs-tooltip-text),:where(.bs-tooltip[data-position=bottom-left]):focus-within :where(.bs-tooltip-text),:where(.bs-tooltip[data-position=bottom-right]):focus-within :where(.bs-tooltip-text),:where(.bs-tooltip[data-position=top-left])[data-shown] :where(.bs-tooltip-text),:where(.bs-tooltip[data-position=top-right])[data-shown] :where(.bs-tooltip-text),:where(.bs-tooltip[data-position=bottom-left])[data-shown] :where(.bs-tooltip-text),:where(.bs-tooltip[data-position=bottom-right])[data-shown] :where(.bs-tooltip-text){opacity:1;transform:scale(1)}:where(.bs-tooltip[data-disabled]:not([data-shown])):hover :where(.bs-tooltip-text),:where(.bs-tooltip[data-disabled]:not([data-shown])):focus-within :where(.bs-tooltip-text){opacity:0;transform:scale(0)}bs-host:where([data-component=bs-tooltip]){display:inline-block}.bs-tooltip :where(.escaped){opacity:0;transform:scale(.5)}.bs-tooltip :where(.escaped-x){opacity:0;transform:translate(-50%) scale(.5)}.bs-tooltip :where(.escaped-y){opacity:0;transform:translateY(-50%) scale(.5)}
1
+ .bs-accordion{--accordion-link-color: var(--bs-purple-400);--accordion-link-outline-color: var(--bs-blue-base);--accordion-outline-color: transparent;--accordion-padding-inline: 0;--accordion-text-size: var(--bs-text-sm);border-block:1px solid var(--bs-border-base);display:block}@media (min-width: 957px){.bs-accordion{--accordion-padding-inline: var(--bs-space-2);--accordion-text-size: var(--bs-text-base)}}.bs-accordion :where(header button){align-items:center;background-color:var(--bs-bg-base);border:0px solid transparent;border-radius:.25rem;color:var(--bs-ink-base);cursor:pointer;display:grid;font-size:var(--accordion-text-size);font-weight:var(--bs-font-normal);grid-template-columns:minmax(0px,auto) minmax(0px,1fr) minmax(0px,auto);grid-template-areas:"start main end";line-height:1.5;outline:2px solid var(--accordion-outline-color);padding-block:var(--bs-space-f-2);padding-inline:var(--accordion-padding-inline);width:100%}.bs-accordion :where(header button:focus-visible){--accordion-outline-color: var(--bs-blue-base)}.bs-accordion :where(header button)>*{font-size:inherit;font-weight:inherit;line-height:inherit}.bs-accordion :where(header button) :where([data-position]){width:var(--accordion-text-size)}.bs-accordion :where(header button)>:where([data-position=start]){grid-area:start;margin-right:var(--bs-space-2)}.bs-accordion :where(header button)>:where([data-position=end]){grid-area:end;transform:rotate(0);transition:transform .25s ease-out}.bs-accordion :where(header[data-open]:not([data-open=false])) :where([data-position=end]){transform:rotate(180deg)}.bs-accordion :where(header button)>:where(span){grid-area:main;margin-right:var(--bs-space-2);text-align:left}.bs-accordion :where(header button)>:where(span){vertical-align:middle}@media (min-width: 957px){.bs-accordion :where(header button)>:where(span){margin-right:var(--bs-space-3)}}.bs-accordion :where(.bs-accordion-content){display:grid;font-size:var(--accordion-text-size);grid-template-rows:0fr;overflow:hidden;padding-inline:var(--accordion-padding-inline);transition:grid-template-rows .25s ease-out}.bs-accordion :where(.bs-accordion-content)>:where(:first-child){overflow:hidden}.bs-accordion :where(.bs-accordion-content[data-open]:not([data-open=false])){grid-template-rows:1fr;padding-block-end:var(--bs-space-f-2)}:where(.bs-accordion[data-stacked]:not([data-stacked=false]))+.bs-accordion:where([data-stacked]:not([data-stacked=false])){border-block-start-color:transparent}.bs-banner{background-color:var(--bs-royal-400);color:var(--bs-gray-100);display:flex;justify-content:center;padding:1rem 1.25rem}.bs-banner:where([data-dismissed]:not([data-dismissed=false])){display:none}.bs-banner :where(.bs-banner-content p){flex-grow:1;padding-right:1.25rem}.bs-banner :where(.bs-banner-content p a){color:var(--bs-pink-light);text-decoration:none}.bs-banner :where(.bs-banner-content p a:hover){text-decoration:underline}.bs-banner{display:block}.bs-banner{background-color:var(--bs-bg-invert-subtle);color:var(--bs-gray-100);display:flex;justify-content:center;padding:1rem 1.25rem}.bs-banner:where([data-dismissed]){display:none}:where(.dark) .bs-banner{color:var(--bs-black)}.bs-banner :where(.bs-banner-content){align-items:center;display:flex;max-width:var(--bs-content-max-width);width:100%}.bs-banner :where(.bs-banner-content .bs-banner-warning-icon){display:none;margin-right:.625rem}.bs-banner :where(.bs-banner-content div[data-slot]){flex-grow:1;padding-right:1.25rem}.bs-banner :where(.bs-banner-content div[data-slot] a){color:var(--bs-pink-200);text-decoration:none}:where(.dark) .bs-banner :where(.bs-banner-content div[data-slot] a){color:var(--bs-pink-500)}.bs-banner :where(.bs-banner-content div[data-slot] a:hover){text-decoration:underline}.bs-banner :where(.bs-banner-content button){background-color:inherit;color:inherit;cursor:pointer}@media (min-width: 957px){.bs-banner :where(.bs-banner-content .bs-banner-warning-icon){display:inline-flex}}.bs-button{--btn-main: var(--bs-blue-base);--btn-secondary: var(--bs-blue-medium);--btn-highlight: var(--bs-blue-100);--btn-padding: var(--bs-space-1) var(--bs-space-4) calc(var(--bs-space-1) * 1.5);--btn-focus-pseudo-width:calc(100% + .5rem);align-items:center;background-color:var(--btn-main);border:none;border-radius:.25rem;color:var(--bs-white);cursor:pointer;display:inline-flex;font-size:var(--bs-text-md);font-weight:600;justify-content:center;line-height:1.5;outline:2px solid transparent;padding:var(--btn-padding);position:relative;text-decoration:none;transition:all .1s ease-in-out;vertical-align:middle}.bs-button:hover{background-color:var(--btn-secondary)}.bs-button:active{background-color:var(--btn-secondary);transform:scale(.97);transform-origin:center;box-shadow:inset 0 0 4px 1px var(--btn-main)}.bs-button:before{border-color:transparent;border-radius:.5rem;border-style:solid;border-width:.125rem;content:"";height:calc(100% + .5rem);top:-.25rem;right:-.25rem;bottom:-.25rem;left:-.25rem;left:auto;position:absolute;right:auto;transition:border-color .125s ease-in-out;width:var(--btn-focus-pseudo-width)}.bs-button:focus:before{border-color:var(--btn-main)}.bs-button:focus-visible:before{border-color:var(--btn-main);box-shadow:none}.bs-button:focus:not(:focus-visible):before{border-color:transparent;box-shadow:none}.bs-button:where([data-ghost]:not([data-ghost=false])){--btn-light: var(--bs-blue-10);--btn-secondary: var(--bs-blue-10);background-color:transparent;box-shadow:inset 0 0 0 1px var(--btn-main);color:var(--btn-main)}.bs-button:where([data-ghost]:not([data-ghost=false])):before{border-radius:.4375rem}.bs-button:where([data-ghost]:not([data-ghost=false])):hover,.bs-button:where([data-ghost]:not([data-ghost=false])):focus{background-color:var(--btn-light)}.bs-button:where([data-ghost]:not([data-ghost=false])):active{box-shadow:inset 0 0 0 1px var(--btn-main),inset 0 0 4px 1px var(--btn-highlight)}.bs-button:where([data-variant^=secondary]){--btn-main: var(--bs-plum-400);--btn-secondary: var(--bs-plum-300);--btn-light: var(--bs-plum-10);--btn-highlight: var(--bs-plum-100)}.bs-button:where([data-variant^=positive]){--btn-main: var(--bs-purple-400);--btn-secondary: var(--bs-purple-300);--btn-light: var(--bs-purple-10);--btn-highlight: var(--bs-purple-100)}.bs-button:where([data-variant^=warning]){--btn-main: var(--bs-orange-warning);--btn-secondary: var(--bs-orange-300);--btn-light: var(--bs-orange-10);--btn-highlight: var(--bs-orange-100)}.bs-button:where([data-variant^=negative]){--btn-main: var(--bs-red-400);--btn-secondary: var(--bs-red-300);--btn-light: var(--bs-red-10);--btn-highlight: var(--bs-red-100)}.bs-button:where([data-text]:not([data-text=false])){--btn-padding: 0 0;--btn-focus-pseudo-width:calc(100% + 1.25rem);background-color:transparent;color:var(--bs-blue-500);cursor:pointer;font-size:var(--bs-text-md);font-weight:400;line-height:150%}.bs-button:where([data-text]:not([data-text=false])):hover{color:var(--bs-blue-base);background-color:transparent;text-decoration:underline}.bs-button:where([data-text]:not([data-text=false])):has(svg):hover{text-decoration:none}.bs-button:where([data-text]:not([data-text=false])):active{box-shadow:none}.bs-button:where([data-size^=sm]){font-size:var(--bs-text-sm)}.bs-button:where([data-size^=sm]):where([data-text]:not([data-text=false])){font-size:var(--bs-text-base)}:where(button:disabled),.bs-button:where(:disabled),.bs-button:where([aria-disabled=true]){pointer-events:none}.bs-button:where(:disabled),.bs-button:where([aria-disabled=true]){color:var(--bs-gray-400);background-color:var(--bs-gray-200)}.bs-button:where([data-ghost]:not([data-ghost=false])):disabled,.bs-button:where([data-ghost]:not([data-ghost=false]))[aria-disabled=true]{box-shadow:inset 0 0 0 1px var(--bs-gray-400)}.bs-button:where([data-text]:where([data-text])):disabled,.bs-button:where([data-text]:where([data-text]))[aria-disabled=true]{background-color:transparent}.bs-button :where(svg:not([height])){height:var(--bs-text-base)}.bs-button:where([data-size^=sm]) :where(svg:not([height])){height:var(--bs-text-xs)}a.bs-button{align-items:center;display:inline-flex;outline:none;vertical-align:middle}bs-host:where([data-component=bs-button]){display:inline-block}bs-host:where([data-component=bs-button]) .bs-button{width:100%;height:100%}bs-host:where([data-component=bs-button])[data-disabled]:where(:not([data-disabled=false])){pointer-events:none}.dark .bs-button:where([data-variant^=secondary]){--btn-main: var(--bs-plum-200);--btn-secondary: var(--bs-plum-300);--btn-light: var(--bs-navy-400);--btn-highlight: var(--bs-plum-400)}bs-host:where([data-component=bs-icon-gradient-wrapper]){display:inline-block}bs-host:where([data-component=bs-icon-gradient-wrapper]) .svg-wrapper{display:inline-block}bs-host:where([data-component=bs-icon-gradient-wrapper]) .svg-wrapper *{fill:inherit}bs-host:where([data-component=bs-label]){display:inline-block;width:100%}bs-host:where([data-component=bs-label]) :where(label,legend){--label-color: var(--bs-ink-base);color:var(--label-color);display:inline-block;font-size:var(--bs-text-sm);font-weight:600;line-height:var(--bs-leading-base);width:100%}bs-host:where([data-component=bs-label]) :where([data-required]:not([data-required=false])){color:var(--bs-ink-red)}bs-host:where([data-component=bs-label]) :where(label[data-disabled]:not([data-disabled=false])){--label-color: var(--bs-ink-disabled)}bs-host:where([data-component=bs-label]) :where([data-disabled]:not([data-disabled=false]) [data-required]:not([data-required=false])){--label-color: var(--bs-ink-disabled)}bs-host:where([data-component=bs-label]) :where([data-disabled]:not([data-disabled=false])) label{--label-color: var(--bs-ink-disabled)}.bs-boolean label,.bs-boolean bs-host:where([data-component=bs-label]){font-size:var(--bs-text-base);font-weight:400;line-height:1.5;width:auto}.bs-boolean bs-host:where([data-component=bs-label]) label{padding-inline-end:.5em}.bs-boolean input+bs-host:where([data-component=bs-label]) label{padding-inline:.5em 0}.bs-boolean[data-size=sm] bs-host:where([data-component=bs-label]),.bs-boolean[data-size=sm] bs-host:where([data-component=bs-label]) label{font-size:var(--bs-text-xs);line-height:100%}.bs-pill{--pill-background: var(--bs-bg-medium);--pill-border: transparent;--pill-text: var(--bs-royal-base);--pill-gap: var(--bs-space-2);align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--pill-background);border:1px solid var(--pill-border);border-radius:4px;color:var(--pill-text);display:inline-flex;font-size:var(--bs-text-xs);gap:var(--pill-gap);line-height:1.33;padding:4px 6px;text-decoration:none;vertical-align:middle}:where(.bs-pill>svg){height:1rem}:is(a,button).bs-pill{color:var(--pill-text);cursor:pointer;transition:all .15s ease-in-out}:is(a,button).bs-pill:is(:hover,:focus){--pill-border: var(--bs-royal-400);color:var(--pill-text);outline:transparent}:where(.dark) :is(a,button).bs-pill:is(:hover,:focus){--pill-border: var(--bs-royal-200)}:where(.box,[class*=bg-]:not([class~=bg-white])) .bs-pill:where(:not([data-variant^=live],[data-active]:not([data-active=false]))){--pill-background: var(--bs-bg-base)}:where(.box[data-invert]) .bs-pill{--pill-background: var(--bs-bg-invert-base-subtle);--pill-text: var(--bs-gray-100)}:where(.box[data-invert]) :is(a,button).bs-pill:is(:hover,:focus){--pill-border: var(--bs-gray-100)}:where(.dark .box[data-invert]) .bs-pill{--pill-text: var(--bs-royal-400)}:where(.dark .box[data-invert]) :is(a,button).bs-pill:is(:hover,:focus){--pill-border: var(--bs-royal-400)}.bs-pill:where([data-status]){--status-color: var(--bs-blue-base)}.bs-pill:where([data-status]):before{background-color:var(--status-color);border-radius:100%;content:"";height:12px;width:12px}.bs-pill:where([data-status^=active]){--status-color: var(--bs-blue-base)}.bs-pill:where([data-status^=complete]){--status-color: var(--bs-purple-400)}.bs-pill:where([data-status^=inactive]){--status-color: var(--bs-gray-300)}.bs-pill:where([data-status^=error]){--status-color: var(--bs-red-400)}.bs-pill:where([data-status^=positive]){--status-color: #16986D}.bs-pill:where([data-status^=warning]){--status-color: var(--bs-orange-warning)}.bs-pill:where([data-variant^=filter]){--pill-background: var(--bs-bg-base);--pill-border: var(--bs-border);--pill-text: var(--bs-ink-base)}.bs-pill:where([data-variant^=filter]):is(:hover,:focus){--pill-border: var(--bs-border)}:is(a,button).bs-pill:where([data-variant^=filter]):is(:hover,:focus){--pill-border: var(--bs-ink-base)}.bs-pill:where([data-variant^=filter][data-variant*=add]):after{content:url("data:image/svg+xml,%3Csvg width='8' height='8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.5 4.5V8h1V4.5H8v-1H4.5V0h-1v3.5H0v1h3.5Z' fill='%230A0B19'/%3E%3C/svg%3E")}:where(.dark) .bs-pill:where([data-variant^=filter][data-variant*=add]):not(:disabled,[aria-disabled=true]):after{content:url("data:image/svg+xml,%3Csvg width='8' height='8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.5 4.5V8h1V4.5H8v-1H4.5V0h-1v3.5H0v1h3.5Z' fill='%23ffffff'/%3E%3C/svg%3E")}.bs-pill:where([data-variant^=filter][data-variant*=remove]):after{content:url("data:image/svg+xml,%3Csvg width='8' height='8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 .703 7.297 0 4 3.297.703 0 0 .703 3.297 4 0 7.297.703 8 4 4.703 7.297 8 8 7.297 4.703 4 8 .703Z' fill='%230A0B19'/%3E%3C/svg%3E%0A")}:where(.dark) .bs-pill:where([data-variant^=filter][data-variant*=remove]):not(:disabled,[aria-disabled=true]):after{content:url("data:image/svg+xml,%3Csvg width='8' height='8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 .703 7.297 0 4 3.297.703 0 0 .703 3.297 4 0 7.297.703 8 4 4.703 7.297 8 8 7.297 4.703 4 8 .703Z' fill='%23ffffff'/%3E%3C/svg%3E%0A")}.bs-pill:where([data-variant^=filter][data-variant*=remove]):hover:after{content:url("data:image/svg+xml,%3Csvg width='8' height='8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 .703 7.297 0 4 3.297.703 0 0 .703 3.297 4 0 7.297.703 8 4 4.703 7.297 8 8 7.297 4.703 4 8 .703Z' fill='%23D91214'/%3E%3C/svg%3E%0A")}:where(.dark) .bs-pill:where([data-variant^=filter][data-variant*=remove]):hover:after{content:url("data:image/svg+xml,%3Csvg width='8' height='8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 .703 7.297 0 4 3.297.703 0 0 .703 3.297 4 0 7.297.703 8 4 4.703 7.297 8 8 7.297 4.703 4 8 .703Z' fill='%23F15355'/%3E%3C/svg%3E%0A")}.bs-pill:where([data-variant^=filter][data-active]:not([data-active=false])){--pill-background: var(--bs-blue-base);--pill-border: transparent;--pill-text: var(--bs-white)}.bs-pill:where([data-variant^=filter][data-active]:not([data-active=false])):is(:hover,:focus){--pill-border: transparent}:is(a,button).bs-pill:where([data-variant^=filter][data-active]:not([data-active=false])):is(:hover,:focus){--pill-background: var(--bs-blue-500);--pill-border: transparent}.bs-pill:where([data-variant^=filter][data-active]:not([data-active=false])):after{content:url("data:image/svg+xml,%3Csvg width='8' height='8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 .703 7.297 0 4 3.297.703 0 0 .703 3.297 4 0 7.297.703 8 4 4.703 7.297 8 8 7.297 4.703 4 8 .703Z' fill='%23fff'/%3E%3C/svg%3E")}.bs-pill:where([data-variant^=filter][data-active]:not([data-active=false])):where(:disabled,[aria-disabled=true]):after{content:url("data:image/svg+xml,%3Csvg width='8' height='8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 .703 7.297 0 4 3.297.703 0 0 .703 3.297 4 0 7.297.703 8 4 4.703 7.297 8 8 7.297 4.703 4 8 .703Z' fill='%230A0B19'/%3E%3C/svg%3E%0A")}.bs-pill:where([data-variant^=live]){--pill-background: var(--bs-royal-400);--pill-text: var(--bs-white);--pill-gap: var(--bs-space-1);text-transform:uppercase}.bs-pill:where([data-variant^=live]):hover{--pill-border: transparent}.bs-pill:where([data-variant^=live]):before{background-color:var(--bs-red-400);border:3px solid var(--bs-white);border-radius:100%;content:"";height:12px;width:12px}.bs-pill:is(:disabled,[aria-disabled=true]){pointer-events:none;color:var(--bs-ink-disabled);background-color:var(--bs-bg-disabled)}.bs-pill:where([data-variant^=filter]):not([data-active]):is(:disabled,[aria-disabled=true]),.bs-pill:where([data-variant^=filter])[data-active=false]:is(:disabled,[aria-disabled=true]){--pill-border: var(--bs-gray-400)}bs-host:where([data-component=bs-pill]){display:inline-block}bs-host:where([data-component=bs-select]) :where(label,legend){--label-color: var(--bs-ink-base);color:var(--label-color);display:inline-block;font-size:var(--bs-text-sm);font-weight:600;line-height:var(--bs-leading-base);width:100%}bs-host:where([data-component=bs-select]) :where([data-required]:not([data-required=false])){color:var(--bs-ink-red)}bs-host:where([data-component=bs-select]) :where(label[data-disabled]:not([data-disabled=false])){--label-color: var(--bs-ink-disabled)}bs-host:where([data-component=bs-select]) :where([data-disabled]:not([data-disabled=false]) [data-required]:not([data-required=false])){--label-color: var(--bs-ink-disabled)}bs-host:where([data-component=bs-select]) :where([data-disabled]:not([data-disabled=false])) label{--label-color: var(--bs-ink-disabled)}bs-host:where([data-component=bs-select]) :where([data-required]:not([data-required=false])){color:var(--bs-ink-red);font-weight:var(--bs-font-bold, 600)}bs-host:where([data-component=bs-select]) :where([data-disabled]:not([data-disabled=false]),[data-disabled]:not([data-disabled=false]) [data-required]:not([data-required=false])){color:var(--bs-gray-400)}bs-host:where([data-component=bs-select]) :where(.box) :is(input,textarea,select):where(:focus-visible){--offset-color: var(--bs-bg-medium)}bs-host:where([data-component=bs-select]) :where(.box[data-invert]) :is(input,textarea,select):where(:focus-visible){--offset-color: var(--bs-bg-invert-base)}bs-host:where([data-component=bs-select]) :where(fieldset){border:none;margin-left:0;margin-right:0;padding:0}bs-host:where([data-component=bs-select]) :where(fieldset legend){margin-bottom:.25rem;padding:0}bs-host:where([data-component=bs-select]) :where(label+input,label>input):where(:not([type=checkbox],[type=radio])),bs-host:where([data-component=bs-select]) :where(label+textarea,label>textarea),bs-host:where([data-component=bs-select]) :where(label+select,label>select){margin-top:.25rem}bs-host:where([data-component=bs-select]) input:where(:not([type=checkbox],[type=radio],[type=file],[type=range])),bs-host:where([data-component=bs-select]) textarea,bs-host:where([data-component=bs-select]) select{--input-bg: var(--bs-bg-base);--input-border: var(--bs-violet-medium);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--input-bg);border-color:var(--input-border);border-radius:.25rem;border-style:solid;border-width:var(--input-border-width, 1px);caret-color:var(--bs-blue-base);color:var(--bs-ink-base);font-size:var(--bs-text-base);font-weight:400;height:2.5rem;line-height:var(--bs-leading-base);min-height:2.5rem;padding-inline:.75rem;width:100%}bs-host:where([data-component=bs-select]) input:where([type=text],[type=email],[type=url]),bs-host:where([data-component=bs-select]) select{text-overflow:ellipsis}bs-host:where([data-component=bs-select]) textarea{height:auto;padding-block:.5rem;resize:vertical}bs-host:where([data-component=bs-select]) :is(input,textarea,select)::placeholder{color:var(--bs-violet-lightest)}bs-host:where([data-component=bs-select]) :is(input,textarea,select):where(:focus-visible)::placeholder{opacity:0}bs-host:where([data-component=bs-select]) :is(input:where(:not([type=checkbox],[type=radio])),textarea,select):where(:focus-visible){--input-border: var(--bs-blue-base);outline-width:0px}bs-host:where([data-component=bs-select]) :is(input:where(:not([type=checkbox],[type=radio])),textarea,select):where(:disabled){--input-border: var(--bs-ink-disabled);--input-bg: var(--bs-bg-disabled);color:var(--bs-ink-disabled)}bs-host:where([data-component=bs-select]) :is(input,select,textarea):where([data-error]:not([data-error=false])){--input-border: var(--bs-ink-red)}bs-host:where([data-component=bs-select]) :has(>textarea:only-child){display:block;line-height:0}bs-host:where([data-component=bs-select]) :where(select:disabled){opacity:1}bs-host:where([data-component=bs-select]) :is(input,textarea,select):disabled::placeholder,bs-host:where([data-component=bs-select]) :is(input,textarea,select)[disabled]::placeholder{color:var(--bs-ink-disabled);opacity:1}bs-host:where([data-component=bs-select]) select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%3Cpath fill='%230A0B19' d='M8.048 13.375a.745.745 0 0 1-.526-.217L0 5.686l1.053-1.061 6.995 6.95 6.897-6.85 1.053 1.06-7.423 7.373a.745.745 0 0 1-.527.217Z'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:1em 1em;padding-right:var(--bs-space-9)}bs-host:where([data-component=bs-select]) .dark select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%3Cpath fill='%23ffffff' d='M8.048 13.375a.745.745 0 0 1-.526-.217L0 5.686l1.053-1.061 6.995 6.95 6.897-6.85 1.053 1.06-7.423 7.373a.745.745 0 0 1-.527.217Z'/%3E%3C/svg%3E")}bs-host:where([data-component=bs-select]) .dark select:disabled{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%3Cpath fill='%23555775' d='M8.048 13.375a.745.745 0 0 1-.526-.217L0 5.686l1.053-1.061 6.995 6.95 6.897-6.85 1.053 1.06-7.423 7.373a.745.745 0 0 1-.527.217Z'/%3E%3C/svg%3E")}:where(bs-host[data-component=bs-select]){display:inline-block;width:100%}.bs-tooltip{display:inline-block;position:relative}.bs-tooltip :where(.bs-tooltip-text){align-items:center;background-color:var(--bs-bg-base-elevated);border-radius:4px;box-shadow:var(--bs-shadow-contentLowCenter);color:var(--bs-violet-base);display:flex;font-size:var(--bs-text-sm);justify-content:center;max-width:16rem;min-width:4rem;opacity:0;padding:.25rem .5rem;position:absolute;transform:scale(0);transition-duration:75ms;transition-property:opacity,transform;transition-timing-function:ease-in-out;width:max-content;z-index:999}.bs-tooltip:where(:not([data-position])) :where(.bs-tooltip-text),.bs-tooltip:where([data-position=top]) :where(.bs-tooltip-text){bottom:calc(100% + .5rem);left:50%;transform-origin:bottom center;transform:translate(-50%) scale(0)}:where(.bs-tooltip:not([data-position])):hover :where(.bs-tooltip-text),:where(.bs-tooltip[data-position=top]):hover :where(.bs-tooltip-text),:where(.bs-tooltip:not([data-position])):focus-within :where(.bs-tooltip-text),:where(.bs-tooltip[data-position=top]):focus-within :where(.bs-tooltip-text),:where(.bs-tooltip:not([data-position]))[data-shown] :where(.bs-tooltip-text),:where(.bs-tooltip[data-position=top])[data-shown] :where(.bs-tooltip-text){opacity:1;transform:translate(-50%) scale(1)}.bs-tooltip:where([data-position=bottom]) :where(.bs-tooltip-text){left:50%;top:calc(100% + .5rem);transform-origin:top center;transform:translate(-50%) scale(0)}:where(.bs-tooltip[data-position=bottom]):hover :where(.bs-tooltip-text),:where(.bs-tooltip[data-position=bottom]):focus-within :where(.bs-tooltip-text),:where(.bs-tooltip[data-position=bottom])[data-shown] :where(.bs-tooltip-text){opacity:1;transform:translate(-50%) scale(1)}.bs-tooltip:where([data-position=left]) :where(.bs-tooltip-text){right:calc(100% + .5rem);top:50%;transform-origin:center right;transform:translateY(-50%) scale(0)}:where(.bs-tooltip[data-position=left]):hover :where(.bs-tooltip-text),:where(.bs-tooltip[data-position=left]):focus-within :where(.bs-tooltip-text),:where(.bs-tooltip[data-position=left])[data-shown] :where(.bs-tooltip-text){opacity:1;transform:translateY(-50%) scale(1)}.bs-tooltip:where([data-position=right]) :where(.bs-tooltip-text){left:calc(100% + .5rem);top:50%;transform-origin:center left;transform:translateY(-50%) scale(0)}:where(.bs-tooltip[data-position=right]):hover :where(.bs-tooltip-text),:where(.bs-tooltip[data-position=right]):focus-within :where(.bs-tooltip-text),:where(.bs-tooltip[data-position=right])[data-shown] :where(.bs-tooltip-text){opacity:1;transform:translateY(-50%) scale(1)}.bs-tooltip:where([data-position=top-left]) :where(.bs-tooltip-text){bottom:calc(100% + .5rem);right:calc(100% + .5rem);transform-origin:bottom right}.bs-tooltip:where([data-position=top-right]) :where(.bs-tooltip-text){bottom:calc(100% + .5rem);left:calc(100% + .5rem);transform-origin:bottom left}.bs-tooltip:where([data-position=bottom-left]) :where(.bs-tooltip-text){right:calc(100% + .5rem);top:calc(100% + .5rem);transform-origin:top right}.bs-tooltip:where([data-position=bottom-right]) :where(.bs-tooltip-text){left:calc(100% + .5rem);top:calc(100% + .5rem);transform-origin:top left}:where(.bs-tooltip[data-position=top-left]):hover :where(.bs-tooltip-text),:where(.bs-tooltip[data-position=top-right]):hover :where(.bs-tooltip-text),:where(.bs-tooltip[data-position=bottom-left]):hover :where(.bs-tooltip-text),:where(.bs-tooltip[data-position=bottom-right]):hover :where(.bs-tooltip-text),:where(.bs-tooltip[data-position=top-left]):focus-within :where(.bs-tooltip-text),:where(.bs-tooltip[data-position=top-right]):focus-within :where(.bs-tooltip-text),:where(.bs-tooltip[data-position=bottom-left]):focus-within :where(.bs-tooltip-text),:where(.bs-tooltip[data-position=bottom-right]):focus-within :where(.bs-tooltip-text),:where(.bs-tooltip[data-position=top-left]:not([data-shown=false]))[data-shown] :where(.bs-tooltip-text),:where(.bs-tooltip[data-position=top-right]:not([data-shown=false]))[data-shown] :where(.bs-tooltip-text),:where(.bs-tooltip[data-position=bottom-left]:not([data-shown=false]))[data-shown] :where(.bs-tooltip-text),:where(.bs-tooltip[data-position=bottom-right]:not([data-shown=false]))[data-shown] :where(.bs-tooltip-text){opacity:1;transform:scale(1)}:where(.bs-tooltip[data-disabled]:not([data-disabled=false]):not([data-shown])):hover :where(.bs-tooltip-text),:where(.bs-tooltip[data-disabled]:not([data-disabled=false]):not([data-shown])):focus-within :where(.bs-tooltip-text){opacity:0;transform:scale(0)}:where(.bs-tooltip[data-shown=false][data-disabled]:not([data-disabled=false])):hover :where(.bs-tooltip-text),:where(.bs-tooltip[data-shown=false][data-disabled]:not([data-disabled=false])):focus-within :where(.bs-tooltip-text){opacity:0;transform:scale(0)}bs-host:where([data-component=bs-tooltip]){display:inline-block}.bs-tooltip :where(.escaped){opacity:0;transform:scale(.5)}.bs-tooltip :where(.escaped-x){opacity:0;transform:translate(-50%) scale(.5)}.bs-tooltip :where(.escaped-y){opacity:0;transform:translateY(-50%) scale(.5)}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wwtdev/bsds-components-vue3",
3
- "version": "1.15.11",
3
+ "version": "1.15.12",
4
4
  "description": "BSDS Vue3 Components",
5
5
  "homepage": "",
6
6
  "license": "UNLICENSED",
@@ -63,6 +63,6 @@
63
63
  "wwt-package-publisher": "^4.1.2"
64
64
  },
65
65
  "dependencies": {
66
- "@wwtdev/bsds-components": "^1.15.11"
66
+ "@wwtdev/bsds-components": "^1.15.12"
67
67
  }
68
68
  }