@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.
- package/dist/wwt-bsds-tokens.css +780 -0
- package/dist/wwt-bsds-tokens.min.css +1 -0
- package/dist/wwt-bsds-utilities.css +1234 -0
- package/dist/wwt-bsds-utilities.min.css +1 -0
- package/dist/wwt-bsds.css +42 -34
- package/dist/wwt-bsds.min.css +1 -1
- package/package.json +4 -2
|
@@ -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);
|