@wwtdev/bsds-css 3.0.0-rc.37 → 3.0.0-rc.39

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.
@@ -0,0 +1 @@
1
+ .flow>*+*{margin-top:var(--flow-space,1.25em)}.flow>:where(h1,h2,h3,h4,h5,h6){--flow-space:2em}.flow>:where(hr)+*{--flow-space:1.5em}.flow>:where(h1,h2,h3,h4,h5,h6)+*{--flow-space:.5em}.flow>:where(ul,ol)>:where(li){margin-top:var(--flow-space,0.625em)}.bs-text-ink-blue{color:var(--bs-ink-blue)}.bs-bg-ink-blue{background-color:var(--bs-ink-blue)}.bs-text-ink-orange{color:var(--bs-ink-orange)}.bs-bg-ink-orange{background-color:var(--bs-ink-orange)}.bs-text-ink-pink{color:var(--bs-ink-pink)}.bs-bg-ink-pink{background-color:var(--bs-ink-pink)}.bs-text-ink-plum{color:var(--bs-ink-plum)}.bs-bg-ink-plum{background-color:var(--bs-ink-plum)}.bs-text-ink-purple{color:var(--bs-ink-purple)}.bs-bg-ink-purple{background-color:var(--bs-ink-purple)}.bs-text-ink-red{color:var(--bs-ink-red)}.bs-bg-ink-red{background-color:var(--bs-ink-red)}.bs-text-ink-royal{color:var(--bs-ink-royal)}.bs-bg-ink-royal{background-color:var(--bs-ink-royal)}.bs-text-ink-violet{color:var(--bs-ink-violet)}.bs-bg-ink-violet{background-color:var(--bs-ink-violet)}.bs-text-blue-base{color:var(--bs-blue-base)}.bs-bg-blue-base{background-color:var(--bs-blue-base)}.bs-text-blue-medium{color:var(--bs-blue-medium)}.bs-bg-blue-medium{background-color:var(--bs-blue-medium)}.bs-text-blue-light{color:var(--bs-blue-light)}.bs-bg-blue-light{background-color:var(--bs-blue-light)}.bs-text-blue-lightest{color:var(--bs-blue-lightest)}.bs-bg-blue-lightest{background-color:var(--bs-blue-lightest)}.bs-text-gray-dark{color:var(--bs-gray-dark)}.bs-bg-gray-dark{background-color:var(--bs-gray-dark)}.bs-text-gray-base{color:var(--bs-gray-base)}.bs-bg-gray-base{background-color:var(--bs-gray-base)}.bs-text-gray-medium{color:var(--bs-gray-medium)}.bs-bg-gray-medium{background-color:var(--bs-gray-medium)}.bs-text-gray-light{color:var(--bs-gray-light)}.bs-bg-gray-light{background-color:var(--bs-gray-light)}.bs-text-gray-lightest{color:var(--bs-gray-lightest)}.bs-bg-gray-lightest{background-color:var(--bs-gray-lightest)}.bs-text-navy-base{color:var(--bs-navy-base)}.bs-bg-navy-base{background-color:var(--bs-navy-base)}.bs-text-navy-medium{color:var(--bs-navy-medium)}.bs-bg-navy-medium{background-color:var(--bs-navy-medium)}.bs-text-navy-light{color:var(--bs-navy-light)}.bs-bg-navy-light{background-color:var(--bs-navy-light)}.bs-text-navy-lightest{color:var(--bs-navy-lightest)}.bs-bg-navy-lightest{background-color:var(--bs-navy-lightest)}.bs-text-warning{color:var(--bs-warning)}.bs-bg-warning{background-color:var(--bs-warning)}.bs-text-orange-base{color:var(--bs-orange-base)}.bs-bg-orange-base{background-color:var(--bs-orange-base)}.bs-text-orange-medium{color:var(--bs-orange-medium)}.bs-bg-orange-medium{background-color:var(--bs-orange-medium)}.bs-text-orange-light{color:var(--bs-orange-light)}.bs-bg-orange-light{background-color:var(--bs-orange-light)}.bs-text-orange-lightest{color:var(--bs-orange-lightest)}.bs-bg-orange-lightest{background-color:var(--bs-orange-lightest)}.bs-text-pink-base{color:var(--bs-pink-base)}.bs-bg-pink-base{background-color:var(--bs-pink-base)}.bs-text-pink-medium{color:var(--bs-pink-medium)}.bs-bg-pink-medium{background-color:var(--bs-pink-medium)}.bs-text-pink-light{color:var(--bs-pink-light)}.bs-bg-pink-light{background-color:var(--bs-pink-light)}.bs-text-pink-lightest{color:var(--bs-pink-lightest)}.bs-bg-pink-lightest{background-color:var(--bs-pink-lightest)}.bs-text-plum-base{color:var(--bs-plum-base)}.bs-bg-plum-base{background-color:var(--bs-plum-base)}.bs-text-plum-medium{color:var(--bs-plum-medium)}.bs-bg-plum-medium{background-color:var(--bs-plum-medium)}.bs-text-plum-light{color:var(--bs-plum-light)}.bs-bg-plum-light{background-color:var(--bs-plum-light)}.bs-text-plum-lightest{color:var(--bs-plum-lightest)}.bs-bg-plum-lightest{background-color:var(--bs-plum-lightest)}.bs-text-red-base{color:var(--bs-red-base)}.bs-bg-red-base{background-color:var(--bs-red-base)}.bs-text-red-medium{color:var(--bs-red-medium)}.bs-bg-red-medium{background-color:var(--bs-red-medium)}.bs-text-red-light{color:var(--bs-red-light)}.bs-bg-red-light{background-color:var(--bs-red-light)}.bs-text-red-lightest{color:var(--bs-red-lightest)}.bs-bg-red-lightest{background-color:var(--bs-red-lightest)}.bs-text-royal-base{color:var(--bs-royal-base)}.bs-bg-royal-base{background-color:var(--bs-royal-base)}.bs-text-royal-medium{color:var(--bs-royal-medium)}.bs-bg-royal-medium{background-color:var(--bs-royal-medium)}.bs-text-royal-light{color:var(--bs-royal-light)}.bs-bg-royal-light{background-color:var(--bs-royal-light)}.bs-text-royal-lightest{color:var(--bs-royal-lightest)}.bs-bg-royal-lightest{background-color:var(--bs-royal-lightest)}.bs-text-violet-base{color:var(--bs-violet-base)}.bs-bg-violet-base{background-color:var(--bs-violet-base)}.bs-text-violet-medium{color:var(--bs-violet-medium)}.bs-bg-violet-medium{background-color:var(--bs-violet-medium)}.bs-text-violet-light{color:var(--bs-violet-light)}.bs-bg-violet-light{background-color:var(--bs-violet-light)}.bs-text-violet-lightest{color:var(--bs-violet-lightest)}.bs-bg-violet-lightest{background-color:var(--bs-violet-lightest)}.bs-visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:0;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.bs-box{--bg-color:var(--bs-bg-medium-to-light);--border-color:transparent;--box-space:var(--bs-space-6);--text-color:var(--bs-ink-base);background:var(--bg-color);border-radius:.25rem;border:1px solid var(--border-color);color:var(--text-color);padding-bottom:var(--box-space);padding-left:var(--box-space);padding-right:var(--box-space);padding-top:var(--box-space)}.bs-box:where([data-invert="true"]){--bg-color:var(--bs-bg-invert-light);--text-color:var(--bs-ink-invert-base)}.bs-box:where([data-border="true"]){--border-color:var(--bs-border-base)}.bs-cluster{--cluster-space:var(--bs-space-6);align-items:center;display:flex;flex-wrap:wrap;gap:var(--cluster-space);justify-content:flex-start}.bs-cluster:where([data-brick="true"])>*{align-self:stretch;flex-grow:1}.bs-cluster:where([data-gap="tight"]){--cluster-space:var(--bs-space-2)}.bs-box-shadow-low{box-shadow:var(--bs-shadow-contentLow)}.bs-box-shadow-low-center{box-shadow:var(--bs-shadow-contentLowCenter)}.bs-box-shadow-medium{box-shadow:var(--bs-shadow-contentMedium)}.bs-box-shadow-high{box-shadow:var(--bs-shadow-contentHigh)}.bs-box-shadow-left-panel{box-shadow:var(--bs-shadow-drawerLeft)}.bs-box-shadow-right-panel{box-shadow:var(--bs-shadow-drawerRight)}.bs-box-shadow-profile{box-shadow:var(--bs-shadow-profilePhoto)}.bs-text-xs{font-size:var(--bs-text-xs);font-weight:var(--bs-font-semibold);line-height:var(--bs-leading-lg)}.bs-text-sm{font-size:var(--bs-text-sm);font-weight:var(--bs-font-normal);line-height:var(--bs-leading-lg)}.bs-text-base{font-size:var(--bs-text-base);font-weight:var(--bs-font-normal);line-height:var(--bs-leading-lg)}.bs-text-md{font-size:var(--bs-text-base);font-weight:var(--bs-font-normal);line-height:var(--bs-leading-lg)}@media(min-width:1166px){.bs-text-md{font-size:var(--bs-text-md)}}.bs-text-lg{font-size:var(--bs-text-md);font-weight:var(--bs-font-normal);line-height:var(--bs-leading-regular)}@media(min-width:1166px){.bs-text-lg{font-size:var(--bs-text-lg)}}.bs-text-xl{font-size:var(--bs-text-lg);font-weight:var(--bs-font-normal);line-height:var(--bs-leading-sm)}@media(min-width:1166px){.bs-text-xl{font-size:var(--bs-text-xl)}}.bs-text-2xl{font-size:var(--bs-text-xl);font-weight:var(--bs-font-light);line-height:var(--bs-leading-sm)}@media(min-width:1166px){.bs-text-2xl{font-size:var(--bs-text-2xl)}}.bs-text-3xl{font-size:var(--bs-text-2xl);font-weight:var(--bs-font-light);line-height:var(--bs-leading-sm)}@media(min-width:1166px){.bs-text-3xl{font-size:var(--bs-text-3xl)}}.bs-text-4xl{font-size:var(--bs-text-3xl);font-weight:var(--bs-font-light);line-height:var(--bs-leading-sm)}@media(min-width:1166px){.bs-text-4xl{font-size:var(--bs-text-4xl)}}.bs-text-5xl{font-size:var(--bs-text-4xl);font-weight:var(--bs-font-light);line-height:var(--bs-leading-sm)}@media(min-width:1166px){.bs-text-5xl{font-size:var(--bs-text-5xl)}}.bs-text-6xl{font-size:var(--bs-text-5xl);font-weight:var(--bs-font-light);line-height:var(--bs-leading-sm)}@media(min-width:1166px){.bs-text-6xl{font-size:var(--bs-text-6xl)}}.bs-font-light{font-weight:var(--bs-font-light)}.bs-font-normal{font-weight:var(--bs-font-normal)}.bs-font-semibold{font-weight:var(--bs-font-semibold)}.bs-leading-none{line-height:var(--bs-leading-none)}.bs-leading-sm{line-height:var(--bs-leading-sm)}.bs-leading-regular{line-height:var(--bs-leading-regular)}.bs-leading-lg{line-height:var(--bs-leading-lg)}.bs-prose{--prose-width:70ch;font-size:var(--bs-text-base);font-weight:var(--bs-font-normal);line-height:var(--bs-leading-lg);max-width:var(--prose-width)}@media(min-width:1166px){.bs-prose{font-size:var(--bs-text-md)}}.bs-prose:where([data-width="wide"]){--prose-width:90%}.bs-prose:where([data-width="full"]){--prose-width:100%}.bs-prose>*+*{--prose-space:1.25em;margin-top:var(--prose-space)}.bs-prose>:where(h1,h2,h3,h4,h5,h6){--prose-space:2em}.bs-prose>:where(hr)+*{--prose-space:1.5em}.bs-prose>:where(h1,h2,h3,h4,h5,h6)+*{--prose-space:.5em}.bs-prose>:where(ul,ol)>:where(li){--prose-space:.625em}.bs-region{--region-space:var(--bs-space-6);padding-top:var(--region-space);padding-bottom:var(--region-space)}.bs-region:where([data-space='sm']){--region-space:var(--bs-space-3)}.bs-region:where([data-space='lg']){--region-space:var(--bs-space-12)}.bs-transition-quick{transition-duration:var(--bs-transition-quick)}.bs-transition-fast{transition-duration:var(--bs-transition-fast)}.bs-transition-moderate{transition-duration:var(--bs-transition-moderate)}.bs-transition-medium{transition-duration:var(--bs-transition-medium)}.bs-transition-slow{transition-duration:var(--bs-transition-slow)}.bs-transition-leisurely{transition-duration:var(--bs-transition-leisurely)}.bs-transition-long{transition-duration:var(--bs-transition-long)}.bs-transition-ease{transition-timing-function:var(--bs-transition-ease)}.bs-transition-cubic{transition-timing-function:var(--bs-transition-cubic)}.bs-wrapper{--max-width:75rem;--wrapper-space:var(--bs-space-6);margin-left:auto;margin-right:auto;max-width:var(--max-width);min-width:0;padding-left:var(--wrapper-space);padding-right:var(--wrapper-space);position:relative;width:100%}.bs-wrapper:where([data-flush="true"]){padding-left:0;padding-right:0}.bs-bg-base{background-color:var(--bs-bg-base)}.bs-bg-light{background-color:var(--bs-bg-light)}.bs-bg-medium{background-color:var(--bs-bg-medium)}.bs-bg-disabled{background-color:var(--bs-bg-disabled)}.bs-bg-invert-base{background-color:var(--bs-bg-invert-base)}.bs-bg-invert-medium{background-color:var(--bs-bg-invert-medium)}.bs-bg-invert-light{background-color:var(--bs-bg-invert-light)}.bs-bg-base-to-light{background-color:var(--bs-bg-base-to-light)}.bs-bg-base-to-medium{background-color:var(--bs-bg-base-to-medium)}.bs-bg-medium-to-base{background-color:var(--bs-bg-medium-to-base)}.bs-bg-medium-to-light{background-color:var(--bs-bg-medium-to-light)}.bs-bg-light-to-base{background-color:var(--bs-bg-light-to-base)}.bs-bg-light-to-medium{background-color:var(--bs-bg-light-to-medium)}.bs-border-base{border-color:var(--bs-border-base)}.bs-border-medium{border-color:var(--bs-border-medium)}.bs-border-light{border-color:var(--bs-border-light)}.bs-border-dark{border-color:var(--bs-border-dark)}.bs-border-medium-to-light{border-color:var(--bs-border-medium-to-light)}.bs-border-input{border-color:var(--bs-border-input)}.bs-border-active{border-color:var(--bs-border-active)}.bs-border-error{border-color:var(--bs-border-error)}.bs-text-transparent{color:var(--bs-transparent)}.bs-bg-transparent{background-color:var(--bs-transparent)}.bs-border-transparent{border-color:var(--bs-transparent)}.bs-text-inherit{color:var(--bs-inherit)}.bs-bg-inherit{background-color:var(--bs-inherit)}.bs-border-inherit{border-color:var(--bs-inherit)}.bs-text-current{color:var(--bs-current)}.bs-bg-current{background-color:var(--bs-current)}.bs-border-current{border-color:var(--bs-current)}.bs-border-atom-ai{background:linear-gradient(white,white) padding-box,var(--bs-gradient-atom-ai-border) border-box;border:2px solid transparent}.bs-bg-atom-ai{background-image:var(--bs-gradient-atom-ai-bg)}.bs-bg-gradient-dark{background:var(--bs-gradient-dark)}.bs-bg-gradient-light{background:var(--bs-gradient-light)}.bs-bg-gradient-line{background:var(--bs-gradient-line)}.bs-bg-gradient-light-blue-transparent{background:var(--bs-gradient-light-blue-transparent)}.bs-bg-gradient-light-blue-opaque{background:var(--bs-gradient-light-blue-opaque)}.bs-bg-gradient-light-gray{background:var(--bs-gradient-light-gray)}.bs-bg-gradient-blue-top-left{background:var(--bs-gradient-blue-top-left)}.bs-bg-gradient-blue-top-center{background:var(--bs-gradient-blue-top-center)}.bs-bg-gradient-blue-top-right{background:var(--bs-gradient-blue-top-right)}.bs-bg-gradient-blue-mid-left{background:var(--bs-gradient-blue-mid-left)}.bs-bg-gradient-blue-mid-right{background:var(--bs-gradient-blue-mid-right)}.bs-bg-gradient-blue-center{background:var(--bs-gradient-blue-center)}.bs-bg-gradient-blue-bottom-left{background:var(--bs-gradient-blue-bottom-left)}.bs-bg-gradient-blue-bottom-center{background:var(--bs-gradient-blue-bottom-center)}.bs-bg-gradient-blue-bottom-right{background:var(--bs-gradient-blue-bottom-right)}.bs-bg-gradient-softchoice-light{background:var(--bs-gradient-softchoice-light)}.bs-bg-gradient-softchoice-dark{background:var(--bs-gradient-softchoice-dark)}.bs-text-ink-base{color:var(--bs-ink-base)}.bs-bg-ink-base{background-color:var(--bs-ink-base)}.bs-text-ink-medium{color:var(--bs-ink-medium)}.bs-bg-ink-medium{background-color:var(--bs-ink-medium)}.bs-text-ink-light{color:var(--bs-ink-light)}.bs-bg-ink-light{background-color:var(--bs-ink-light)}.bs-text-ink-disabled{color:var(--bs-ink-disabled)}.bs-bg-ink-disabled{background-color:var(--bs-ink-disabled)}.bs-text-ink-invert-base{color:var(--bs-ink-invert-base)}.bs-bg-ink-invert-base{background-color:var(--bs-ink-invert-base)}.bs-text-ink-invert-medium{color:var(--bs-ink-invert-medium)}.bs-bg-ink-invert-medium{background-color:var(--bs-ink-invert-medium)}.bs-text-ink-invert-light{color:var(--bs-ink-invert-light)}.bs-bg-ink-invert-light{background-color:var(--bs-ink-invert-light)}.bs-text-ink-primary{color:var(--bs-ink-primary)}.bs-bg-ink-primary{background-color:var(--bs-ink-primary)}.bs-text-ink-secondary{color:var(--bs-ink-secondary)}.bs-bg-ink-secondary{background-color:var(--bs-ink-secondary)}.bs-text-ink-accent-1{color:var(--bs-ink-accent-1)}.bs-bg-ink-accent-1{background-color:var(--bs-ink-accent-1)}.bs-text-ink-accent-2{color:var(--bs-ink-accent-2)}.bs-bg-ink-accent-2{background-color:var(--bs-ink-accent-2)}.bs-text-ink-accent-3{color:var(--bs-ink-accent-3)}.bs-bg-ink-accent-3{background-color:var(--bs-ink-accent-3)}.bs-text-ink-negative{color:var(--bs-ink-negative)}.bs-bg-ink-negative{background-color:var(--bs-ink-negative)}.bs-text-ink-positive{color:var(--bs-ink-positive)}.bs-bg-ink-positive{background-color:var(--bs-ink-positive)}.bs-text-ink-ecomm-positive{color:var(--bs-ink-ecomm-positive)}.bs-bg-ink-ecomm-positive{background-color:var(--bs-ink-ecomm-positive)}.bs-text-ink-warning{color:var(--bs-ink-warning)}.bs-bg-ink-warning{background-color:var(--bs-ink-warning)}.bs-text-ink-white{color:var(--bs-ink-white)}.bs-bg-ink-white{background-color:var(--bs-ink-white)}.bs-text-primary-base-fixed{color:var(--bs-primary-base-fixed)}.bs-bg-primary-base-fixed{background-color:var(--bs-primary-base-fixed)}.bs-text-primary-base{color:var(--bs-primary-base)}.bs-bg-primary-base{background-color:var(--bs-primary-base)}.bs-text-primary-medium{color:var(--bs-primary-medium)}.bs-bg-primary-medium{background-color:var(--bs-primary-medium)}.bs-text-primary-light{color:var(--bs-primary-light)}.bs-bg-primary-light{background-color:var(--bs-primary-light)}.bs-text-primary-lightest{color:var(--bs-primary-lightest)}.bs-bg-primary-lightest{background-color:var(--bs-primary-lightest)}.bs-text-primary-highlight{color:var(--bs-primary-highlight)}.bs-bg-primary-highlight{background-color:var(--bs-primary-highlight)}.bs-text-secondary-base-fixed{color:var(--bs-secondary-base-fixed)}.bs-bg-secondary-base-fixed{background-color:var(--bs-secondary-base-fixed)}.bs-text-secondary-base{color:var(--bs-secondary-base)}.bs-bg-secondary-base{background-color:var(--bs-secondary-base)}.bs-text-secondary-medium{color:var(--bs-secondary-medium)}.bs-bg-secondary-medium{background-color:var(--bs-secondary-medium)}.bs-text-secondary-light{color:var(--bs-secondary-light)}.bs-bg-secondary-light{background-color:var(--bs-secondary-light)}.bs-text-secondary-lightest{color:var(--bs-secondary-lightest)}.bs-bg-secondary-lightest{background-color:var(--bs-secondary-lightest)}.bs-text-secondary-highlight{color:var(--bs-secondary-highlight)}.bs-bg-secondary-highlight{background-color:var(--bs-secondary-highlight)}.bs-text-neutral-dark{color:var(--bs-neutral-dark)}.bs-bg-neutral-dark{background-color:var(--bs-neutral-dark)}.bs-text-neutral-base{color:var(--bs-neutral-base)}.bs-bg-neutral-base{background-color:var(--bs-neutral-base)}.bs-text-neutral-medium{color:var(--bs-neutral-medium)}.bs-bg-neutral-medium{background-color:var(--bs-neutral-medium)}.bs-text-neutral-light{color:var(--bs-neutral-light)}.bs-bg-neutral-light{background-color:var(--bs-neutral-light)}.bs-text-neutral-lightest{color:var(--bs-neutral-lightest)}.bs-bg-neutral-lightest{background-color:var(--bs-neutral-lightest)}.bs-text-accent-1-base-fixed{color:var(--bs-accent-1-base-fixed)}.bs-bg-accent-1-base-fixed{background-color:var(--bs-accent-1-base-fixed)}.bs-text-accent-1-base{color:var(--bs-accent-1-base)}.bs-bg-accent-1-base{background-color:var(--bs-accent-1-base)}.bs-text-accent-1-medium{color:var(--bs-accent-1-medium)}.bs-bg-accent-1-medium{background-color:var(--bs-accent-1-medium)}.bs-text-accent-1-light{color:var(--bs-accent-1-light)}.bs-bg-accent-1-light{background-color:var(--bs-accent-1-light)}.bs-text-accent-1-lightest{color:var(--bs-accent-1-lightest)}.bs-bg-accent-1-lightest{background-color:var(--bs-accent-1-lightest)}.bs-text-accent-1-highlight{color:var(--bs-accent-1-highlight)}.bs-bg-accent-1-highlight{background-color:var(--bs-accent-1-highlight)}.bs-text-accent-2-base-fixed{color:var(--bs-accent-2-base-fixed)}.bs-bg-accent-2-base-fixed{background-color:var(--bs-accent-2-base-fixed)}.bs-text-accent-2-base{color:var(--bs-accent-2-base)}.bs-bg-accent-2-base{background-color:var(--bs-accent-2-base)}.bs-text-accent-2-medium{color:var(--bs-accent-2-medium)}.bs-bg-accent-2-medium{background-color:var(--bs-accent-2-medium)}.bs-text-accent-2-light{color:var(--bs-accent-2-light)}.bs-bg-accent-2-light{background-color:var(--bs-accent-2-light)}.bs-text-accent-2-lightest{color:var(--bs-accent-2-lightest)}.bs-bg-accent-2-lightest{background-color:var(--bs-accent-2-lightest)}.bs-text-accent-2-highlight{color:var(--bs-accent-2-highlight)}.bs-bg-accent-2-highlight{background-color:var(--bs-accent-2-highlight)}.bs-text-accent-3-base-fixed{color:var(--bs-accent-3-base-fixed)}.bs-bg-accent-3-base-fixed{background-color:var(--bs-accent-3-base-fixed)}.bs-text-accent-3-base{color:var(--bs-accent-3-base)}.bs-bg-accent-3-base{background-color:var(--bs-accent-3-base)}.bs-text-accent-3-medium{color:var(--bs-accent-3-medium)}.bs-bg-accent-3-medium{background-color:var(--bs-accent-3-medium)}.bs-text-accent-3-light{color:var(--bs-accent-3-light)}.bs-bg-accent-3-light{background-color:var(--bs-accent-3-light)}.bs-text-accent-3-lightest{color:var(--bs-accent-3-lightest)}.bs-bg-accent-3-lightest{background-color:var(--bs-accent-3-lightest)}.bs-text-accent-3-highlight{color:var(--bs-accent-3-highlight)}.bs-bg-accent-3-highlight{background-color:var(--bs-accent-3-highlight)}.bs-text-accent-4-base{color:var(--bs-accent-4-base)}.bs-bg-accent-4-base{background-color:var(--bs-accent-4-base)}.bs-text-accent-4-medium{color:var(--bs-accent-4-medium)}.bs-bg-accent-4-medium{background-color:var(--bs-accent-4-medium)}.bs-text-accent-4-light{color:var(--bs-accent-4-light)}.bs-bg-accent-4-light{background-color:var(--bs-accent-4-light)}.bs-text-accent-4-lightest{color:var(--bs-accent-4-lightest)}.bs-bg-accent-4-lightest{background-color:var(--bs-accent-4-lightest)}.bs-text-accent-4-highlight{color:var(--bs-accent-4-highlight)}.bs-bg-accent-4-highlight{background-color:var(--bs-accent-4-highlight)}.bs-text-positive-base-fixed{color:var(--bs-positive-base-fixed)}.bs-bg-positive-base-fixed{background-color:var(--bs-positive-base-fixed)}.bs-text-positive-base{color:var(--bs-positive-base)}.bs-bg-positive-base{background-color:var(--bs-positive-base)}.bs-text-positive-medium{color:var(--bs-positive-medium)}.bs-bg-positive-medium{background-color:var(--bs-positive-medium)}.bs-text-positive-light{color:var(--bs-positive-light)}.bs-bg-positive-light{background-color:var(--bs-positive-light)}.bs-text-positive-lightest{color:var(--bs-positive-lightest)}.bs-bg-positive-lightest{background-color:var(--bs-positive-lightest)}.bs-text-positive-highlight{color:var(--bs-positive-highlight)}.bs-bg-positive-highlight{background-color:var(--bs-positive-highlight)}.bs-text-ecomm-positive-base-fixed{color:var(--bs-ecomm-positive-base-fixed)}.bs-bg-ecomm-positive-base-fixed{background-color:var(--bs-ecomm-positive-base-fixed)}.bs-text-ecomm-positive-base{color:var(--bs-ecomm-positive-base)}.bs-bg-ecomm-positive-base{background-color:var(--bs-ecomm-positive-base)}.bs-text-ecomm-positive-medium{color:var(--bs-ecomm-positive-medium)}.bs-bg-ecomm-positive-medium{background-color:var(--bs-ecomm-positive-medium)}.bs-text-ecomm-positive-light{color:var(--bs-ecomm-positive-light)}.bs-bg-ecomm-positive-light{background-color:var(--bs-ecomm-positive-light)}.bs-text-ecomm-positive-lightest{color:var(--bs-ecomm-positive-lightest)}.bs-bg-ecomm-positive-lightest{background-color:var(--bs-ecomm-positive-lightest)}.bs-text-ecomm-positive-highlight{color:var(--bs-ecomm-positive-highlight)}.bs-bg-ecomm-positive-highlight{background-color:var(--bs-ecomm-positive-highlight)}.bs-text-warning-dark{color:var(--bs-warning-dark)}.bs-bg-warning-dark{background-color:var(--bs-warning-dark)}.bs-text-warning-base{color:var(--bs-warning-base)}.bs-bg-warning-base{background-color:var(--bs-warning-base)}.bs-text-warning-medium{color:var(--bs-warning-medium)}.bs-bg-warning-medium{background-color:var(--bs-warning-medium)}.bs-text-warning-light{color:var(--bs-warning-light)}.bs-bg-warning-light{background-color:var(--bs-warning-light)}.bs-text-warning-lightest{color:var(--bs-warning-lightest)}.bs-bg-warning-lightest{background-color:var(--bs-warning-lightest)}.bs-text-warning-highlight{color:var(--bs-warning-highlight)}.bs-bg-warning-highlight{background-color:var(--bs-warning-highlight)}.bs-text-negative-dark{color:var(--bs-negative-dark)}.bs-bg-negative-dark{background-color:var(--bs-negative-dark)}.bs-text-negative-base{color:var(--bs-negative-base)}.bs-bg-negative-base{background-color:var(--bs-negative-base)}.bs-text-negative-medium{color:var(--bs-negative-medium)}.bs-bg-negative-medium{background-color:var(--bs-negative-medium)}.bs-text-negative-light{color:var(--bs-negative-light)}.bs-bg-negative-light{background-color:var(--bs-negative-light)}.bs-text-negative-lightest{color:var(--bs-negative-lightest)}.bs-bg-negative-lightest{background-color:var(--bs-negative-lightest)}.bs-text-negative-highlight{color:var(--bs-negative-highlight)}.bs-bg-negative-highlight{background-color:var(--bs-negative-highlight)}
package/dist/wwt-bsds.css CHANGED
@@ -638,7 +638,7 @@
638
638
  --bs-shadow-profilePhoto: inset 0px 0px 0.5em var(--bs-shadow-secondary);
639
639
 
640
640
 
641
-
641
+
642
642
  /* -------------- Deprecated Color Tokens -------------- */
643
643
 
644
644
  /* Blue (replaced by Primary) */
@@ -704,17 +704,6 @@
704
704
  /* Ink Violet (replaced by Ink Accent 2) */
705
705
  --bs-ink-violet: var(--bs-violet-200);
706
706
  }
707
- /* Links */
708
- .dark :where(a) {
709
- color: var(--bs-purple-200);
710
- outline-color: var(--bs-blue-300);
711
- }
712
- .dark :where(a):where(:hover),
713
- .dark :where(a):where(:focus),
714
- .dark :where(a):where(:focus-visible) {
715
- color: var(--bs-pink-300);
716
- text-decoration-color: var(--bs-purple-200);
717
- }
718
707
  /* Token Overrides (Softchoice branding) */
719
708
  .softchoice {
720
709
  /* Ink */
@@ -947,6 +936,17 @@ a:where(:focus-visible) {
947
936
  a:where(:focus:not(:focus-visible)) {
948
937
  outline: none;
949
938
  }
939
+ /* Links */
940
+ .dark :where(a) {
941
+ color: var(--bs-purple-200);
942
+ outline-color: var(--bs-blue-300);
943
+ }
944
+ .dark :where(a):where(:hover),
945
+ .dark :where(a):where(:focus),
946
+ .dark :where(a):where(:focus-visible) {
947
+ color: var(--bs-pink-300);
948
+ text-decoration-color: var(--bs-purple-200);
949
+ }
950
950
  /* h1 - replicates .bs-text-5xl */
951
951
  h1 {
952
952
  color: var(--bs-ink-base);
@@ -2375,6 +2375,13 @@ text color:
2375
2375
  transform-origin: center;
2376
2376
  transform: scale(0.97);
2377
2377
  }
2378
+ /*
2379
+ Workaround for BsPopover shifting issue on BsButton scale down
2380
+ See: https://github.wwt.com/custom-apps/wwt-blue-steel/pull/917
2381
+ */
2382
+ .bs-button:where(.bs-button-no-scale:active) {
2383
+ transform: scale(1);
2384
+ }
2378
2385
  /* ------------ Focus Styles ------------ */
2379
2386
  .bs-button::before {
2380
2387
  border-color: transparent;
@@ -6275,10 +6282,10 @@ a.bs-text-button {
6275
6282
  position: absolute;
6276
6283
  top: 0;
6277
6284
  left: 0;
6278
- width: -moz-fit-content;
6279
- width: fit-content;
6280
- height: -moz-fit-content;
6281
- height: fit-content;
6285
+ width: var(--bs-popover-width, -moz-fit-content);
6286
+ width: var(--bs-popover-width, fit-content);
6287
+ height:var(--bs-popover-height, -moz-fit-content);
6288
+ height:var(--bs-popover-height, fit-content);
6282
6289
  max-width: calc(100dvw - 3rem);
6283
6290
  max-height: calc(100dvh - 3rem);
6284
6291
  padding: var(--bs-space-6);
@@ -6297,13 +6304,13 @@ a.bs-text-button {
6297
6304
  }
6298
6305
  /* -- SIZING -- */
6299
6306
  .bs-popover:where([data-size="sm"]) {
6300
- width: 16rem;
6307
+ --bs-popover-width: 16rem;
6301
6308
  }
6302
6309
  .bs-popover:where([data-size="md"]) {
6303
- width: 20rem;
6310
+ --bs-popover-width: 20rem;
6304
6311
  }
6305
6312
  .bs-popover:where([data-size="lg"]) {
6306
- width: 24rem;
6313
+ --bs-popover-width: 24rem;
6307
6314
  }
6308
6315
  /* -- PLACEMENT WHEN ANCHORED TO VIEWPORT -- */
6309
6316
  .bs-popover:where([data-place-self]) {
@@ -6452,13 +6459,13 @@ a.bs-text-button {
6452
6459
  }
6453
6460
  /* -- SIZING -- */
6454
6461
  .bs-dropdown:where([data-size="sm"]) {
6455
- width: 10rem; /* 160px */
6462
+ --bs-popover-width: 10rem; /* 160px */
6456
6463
  }
6457
6464
  .bs-dropdown:where([data-size="md"]) {
6458
- width: 20rem; /* 320px */
6465
+ --bs-popover-width: 20rem; /* 320px */
6459
6466
  }
6460
6467
  .bs-dropdown:where([data-size="lg"]) {
6461
- width: 28rem; /* 448px */
6468
+ --bs-popover-width: 28rem; /* 448px */
6462
6469
  }
6463
6470
  /*
6464
6471
  HEADS-UP:
@@ -6548,17 +6555,17 @@ a.bs-text-button {
6548
6555
  }
6549
6556
  /* -- SIZING -- */
6550
6557
  .bs-flyout {
6551
- height: 100dvh;
6558
+ --bs-popover-height: 100dvh;
6552
6559
  max-height: unset;
6553
6560
  }
6554
6561
  .bs-flyout:where([data-size="sm"]) {
6555
- width: 22.5rem; /* 360px */
6562
+ --bs-popover-width: 22.5rem; /* 360px */
6556
6563
  }
6557
6564
  .bs-flyout:where([data-size="md"]) {
6558
- width: 28.75rem; /* 460px */
6565
+ --bs-popover-width: 28.75rem; /* 460px */
6559
6566
  }
6560
6567
  .bs-flyout:where([data-size="lg"]) {
6561
- width: 33.4375rem /* 535px */;
6568
+ --bs-popover-width: 33.4375rem /* 535px */;
6562
6569
  }
6563
6570
  /* -- SHADOWS -- */
6564
6571
  .bs-flyout:where([data-place-self="left"]) {
@@ -6721,9 +6728,7 @@ a.bs-text-button {
6721
6728
  }
6722
6729
  /* -- SIZING -- */
6723
6730
  .bs-modal {
6724
- width: calc(100dvw - 3rem);
6725
- height: -moz-fit-content;
6726
- height: fit-content;
6731
+ --bs-popover-width: calc(100dvw - 3rem);
6727
6732
  max-height: calc(100dvh - 3rem);
6728
6733
  }
6729
6734
  @media (min-width: 752px) {
@@ -6732,15 +6737,15 @@ a.bs-text-button {
6732
6737
  }
6733
6738
 
6734
6739
  .bs-modal:where([data-size="sm"]) {
6735
- width: var(--bs-modal-sm-width);
6740
+ --bs-popover-width: var(--bs-modal-sm-width);
6736
6741
  }
6737
6742
 
6738
6743
  .bs-modal:where([data-size="md"]) {
6739
- width: var(--bs-modal-md-width);
6744
+ --bs-popover-width: var(--bs-modal-md-width);
6740
6745
  }
6741
6746
 
6742
6747
  .bs-modal:where([data-size="lg"]) {
6743
- width: var(--bs-modal-lg-width);
6748
+ --bs-popover-width: var(--bs-modal-lg-width);
6744
6749
  }
6745
6750
  }
6746
6751
  /* -- TRANSITIONS -- */
@@ -6794,6 +6799,7 @@ a.bs-text-button {
6794
6799
  }
6795
6800
  /* Toast */
6796
6801
  .bs-toast {
6802
+ --bs-popover-width: min(23rem, calc(100dvw - 3rem));
6797
6803
  --toast-transform: translate(0, calc(100% + 1.5rem));
6798
6804
  --toast-variant-color: var(--bs-primary-base);
6799
6805
  background-color: var(--bs-bg-base-to-light);
@@ -6803,7 +6809,6 @@ a.bs-text-button {
6803
6809
  margin: 0;
6804
6810
  order: var(--toast-order, 0);
6805
6811
  padding: 0;
6806
- width: min(23rem, calc(100dvw - 3rem));
6807
6812
  }
6808
6813
  @media (min-width: 440px) {
6809
6814
  .bs-toast {
@@ -6911,7 +6916,7 @@ a.bs-text-button {
6911
6916
  }
6912
6917
  /* -- SIZING -- */
6913
6918
  .bs-tooltip {
6914
- width: auto;
6919
+ --bs-popover-width: auto;
6915
6920
  max-width: -moz-fit-content;
6916
6921
  max-width: fit-content;
6917
6922
  }
@@ -6924,6 +6929,9 @@ a.bs-text-button {
6924
6929
  .bs-tooltip:where([data-size="lg"]) {
6925
6930
  max-width: 24rem;
6926
6931
  }
6932
+ .bs-tooltip:where([data-size="anchor"]) {
6933
+ max-width: unset;
6934
+ }
6927
6935
  /* Utilities */
6928
6936
  .flow > * + * {
6929
6937
  margin-top: var(--flow-space, 1.25em);