@bspk/ui 1.1.23 → 1.1.25
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/Badge.js +1 -1
- package/dist/StylesProviderAnywhere.js +1 -1
- package/dist/StylesProviderBetterHomesGardens.js +1 -1
- package/dist/StylesProviderCartus.js +1 -1
- package/dist/StylesProviderCentury21.js +1 -1
- package/dist/StylesProviderColdwellBanker.js +1 -1
- package/dist/StylesProviderCorcoran.js +1 -1
- package/dist/StylesProviderDenaliBoss.js +1 -1
- package/dist/StylesProviderEra.js +1 -1
- package/dist/StylesProviderSothebys.js +1 -1
- package/dist/Tooltip.js +9 -4
- package/dist/Tooltip.js.map +1 -1
- package/dist/badge.css +1 -1
- package/dist/base.css +1 -1
- package/dist/demo/examples.js +0 -3
- package/dist/demo/examples.js.map +1 -1
- package/dist/tooltip.css +1 -1
- package/package.json +1 -1
- package/src/Tooltip.tsx +14 -10
- package/src/badge.scss +3 -9
- package/src/base.scss +195 -119
- package/src/demo/examples.tsx +0 -3
- package/src/tooltip.scss +5 -4
package/dist/Badge.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { styleAdd } from './utils/styleAdd';
|
|
3
|
-
styleAdd(`[data-bspk=badge]{--size: var(--spacing-sizing-06);--padding-x: var(--spacing-sizing-02)
|
|
3
|
+
styleAdd(`[data-bspk=badge]{--size: var(--spacing-sizing-06);--padding-x: var(--spacing-sizing-02);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-circular);height:var(--size);width:fit-content;padding:0 var(--padding-x);min-width:var(--size);font:var(--labels-x-small);color:var(--foreground-brand-on-primary);background:var(--surface-brand-primary)}[data-bspk=badge][data-size=x-small]{--size: var(--spacing-sizing-05);--padding-x: var(--spacing-sizing-01)}[data-bspk=badge][data-variant=secondary]{color:var(--foreground-brand-on-secondary);background:var(--surface-brand-secondary)}[data-bspk=badge][data-surface-border]{padding:0 calc(var(--padding-x) - 2px);border:2px solid var(--surface-neutral-t1-base)}[data-bspk=badge-wrapper]{display:inline-flex;align-items:center;justify-content:center;position:relative;width:fit-content;height:fit-content;flex-shrink:0}[data-bspk=badge-wrapper] [data-bspk=badge]{position:absolute;top:0;right:0;transform:scale(1) translate(50%, -50%);transform-origin:100% 0%;z-index:2}`);;
|
|
4
4
|
import { tryIntParse } from './utils/tryIntPsrse';
|
|
5
5
|
/**
|
|
6
6
|
* Visual indicator for new items within a parent page represented with a numerical count of new items.
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import '@bspk/styles/anywhere.css';
|
|
3
3
|
import { styleAdd } from './utils/styleAdd';
|
|
4
|
-
styleAdd(`[data-color=grey]{--foreground: var(--foreground-neutral-on-surface-variant-01);--background: var(--surface-neutral-t2-lowest)}[data-color=white]{--foreground: var(--foreground-neutral-on-surface-variant-01);--background: var(--surface-neutral-t1-base)}[data-color=primary]{--foreground: var(--foreground-brand-primary-depth);--background: var(--surface-brand-primary-highlight)}[data-color=secondary]{--foreground: var(--foreground-brand-secondary-depth);--background: var(--surface-brand-secondary-highlight)}[data-color=blue]{--foreground: var(--foreground-spectrum-blue);--background: var(--surface-spectrum-blue)}[data-color=green]{--foreground: var(--foreground-spectrum-green);--background: var(--surface-spectrum-green)}[data-color=lime]{--foreground: var(--foreground-spectrum-lime);--background: var(--surface-spectrum-lime)}[data-color=magenta]{--foreground: var(--foreground-spectrum-magenta);--background: var(--surface-spectrum-magenta)}[data-color=orange]{--foreground: var(--foreground-spectrum-orange);--background: var(--surface-spectrum-orange)}[data-color=pink]{--foreground: var(--foreground-spectrum-pink);--background: var(--surface-spectrum-pink)}[data-color=purple]{--foreground: var(--foreground-spectrum-purple);--background: var(--surface-spectrum-purple)}[data-color=red]{--foreground: var(--foreground-spectrum-red);--background: var(--surface-spectrum-red)}[data-color=teal]{--foreground: var(--foreground-spectrum-teal);--background: var(--surface-spectrum-teal)}[data-color=yellow]{--foreground: var(--foreground-spectrum-yellow);--background: var(--surface-spectrum-yellow)}:
|
|
4
|
+
styleAdd(`[data-color=grey]{--foreground: var(--foreground-neutral-on-surface-variant-01);--background: var(--surface-neutral-t2-lowest)}[data-color=white]{--foreground: var(--foreground-neutral-on-surface-variant-01);--background: var(--surface-neutral-t1-base)}[data-color=primary]{--foreground: var(--foreground-brand-primary-depth);--background: var(--surface-brand-primary-highlight)}[data-color=secondary]{--foreground: var(--foreground-brand-secondary-depth);--background: var(--surface-brand-secondary-highlight)}[data-color=blue]{--foreground: var(--foreground-spectrum-blue);--background: var(--surface-spectrum-blue)}[data-color=green]{--foreground: var(--foreground-spectrum-green);--background: var(--surface-spectrum-green)}[data-color=lime]{--foreground: var(--foreground-spectrum-lime);--background: var(--surface-spectrum-lime)}[data-color=magenta]{--foreground: var(--foreground-spectrum-magenta);--background: var(--surface-spectrum-magenta)}[data-color=orange]{--foreground: var(--foreground-spectrum-orange);--background: var(--surface-spectrum-orange)}[data-color=pink]{--foreground: var(--foreground-spectrum-pink);--background: var(--surface-spectrum-pink)}[data-color=purple]{--foreground: var(--foreground-spectrum-purple);--background: var(--surface-spectrum-purple)}[data-color=red]{--foreground: var(--foreground-spectrum-red);--background: var(--surface-spectrum-red)}[data-color=teal]{--foreground: var(--foreground-spectrum-teal);--background: var(--surface-spectrum-teal)}[data-color=yellow]{--foreground: var(--foreground-spectrum-yellow);--background: var(--surface-spectrum-yellow)}*,*::before,*::after{box-sizing:border-box}*{margin:0;padding:0}html:has(body[data-bspk]){height:100%;scroll-behavior:smooth}body[data-bspk]{--z-index-tooltip-popover: 1100;--z-index-dialog: 1000;--z-index-dropdown: 900;--z-index-fab: 800;--z-index-navbar: 700;--z-index-footer: 600;height:100%;scroll-behavior:smooth;font:var(--body-base);background-color:var(--background-base);color:var(--foreground-neutral-on-surface)}@media(prefers-reduced-motion){body[data-bspk] [data-animated]{animation:none !important}}body[data-bspk] a{color:var(--foreground-link-text-default)}body[data-bspk] a:not([disabled]):hover{color:var(--foreground-link-text-default-hovered)}body[data-bspk] a:not([disabled]):active{color:var(--foreground-link-text-default);filter:brightness(80%)}body[data-bspk] a:not([disabled]):visited{color:var(--foreground-link-text-default-visited)}body[data-bspk] a[disabled]{pointer-events:none;cursor:text;color:var(--foreground-link-text-default-disabled)}body[data-bspk] a[data-default]{color:var(--foreground-link-text-default) !important}body[data-bspk] a[data-hover]{color:var(--foreground-link-text-default-hovered) !important}body[data-bspk] a[data-active]{color:var(--foreground-link-text-default) !important;filter:brightness(80%)}body[data-bspk] a[data-visited]{color:var(--foreground-link-text-default-visited) !important}body[data-bspk] a[data-subtle]{text-decoration:none;color:var(--foreground-neutral-on-surface)}body[data-bspk] a[data-subtle]:not([disabled]):hover{text-decoration:underline;color:var(--foreground-link-text-subtle-hovered)}body[data-bspk] a[data-subtle]:not([disabled]):active{text-decoration:underline;color:var(--foreground-link-text-subtle-pressed)}body[data-bspk] a[data-subtle]:not([disabled]):visited{color:var(--foreground-neutral-on-surface)}body[data-bspk] a[data-subtle][disabled]{pointer-events:none;color:var(--foreground-link-text-subtle-disabled)}body[data-bspk] a[data-subtle][data-default]{text-decoration:none;color:var(--foreground-neutral-on-surface)}body[data-bspk] a[data-subtle][data-hover]{text-decoration:underline;color:var(--foreground-link-text-subtle-hovered) !important}body[data-bspk] a[data-subtle][data-active]{text-decoration:underline;color:var(--foreground-link-text-subtle-pressed) !important}body[data-bspk] a[data-subtle][data-visited]{color:var(--foreground-neutral-on-surface) !important}body[data-bspk] a[data-subtle-inverse]{text-decoration:none;color:var(--foreground-neutral-inverse-on-surface)}body[data-bspk] a[data-subtle-inverse]:not([disabled]):hover{text-decoration:underline;color:var(--foreground-link-text-subtle-inverse-hovered)}body[data-bspk] a[data-subtle-inverse]:not([disabled]):active{text-decoration:underline;color:var(--foreground-link-text-subtle-inverse-pressed)}body[data-bspk] a[data-subtle-inverse]:not([disabled]):visited{color:var(--foreground-neutral-inverse-on-surface)}body[data-bspk] a[data-subtle-inverse][disabled]{pointer-events:none;color:var(--foreground-link-text-subtle-inversed-disabled)}body[data-bspk] a[data-subtle-inverse][data-default]{text-decoration:none;color:var(--foreground-neutral-inverse-on-surface)}body[data-bspk] a[data-subtle-inverse][data-hover]{text-decoration:underline;color:var(--foreground-link-text-subtle-inverse-hovered) !important}body[data-bspk] a[data-subtle-inverse][data-active]{text-decoration:underline;color:var(--foreground-link-text-subtle-inverse-pressed) !important}body[data-bspk] a[data-subtle-inverse][data-visited]{color:var(--foreground-neutral-inverse-on-surface) !important}body[data-bspk] input:-internal-autofill-previewed,body[data-bspk] input:-internal-autofill-selected,body[data-bspk] textarea:-internal-autofill-previewed,body[data-bspk] textarea:-internal-autofill-selected,body[data-bspk] select:-internal-autofill-previewed,body[data-bspk] select:-internal-autofill-selected{transition:color calc(infinity*1s) step-end,background-color calc(infinity*1s) step-end}body[data-bspk] [data-sr-only]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}body[data-bspk] ol{list-style-type:decimal}body[data-bspk] ol li{list-style-type:decimal;margin-left:var(--spacing-sizing-05)}body[data-bspk] ul{list-style-type:disc}body[data-bspk] ul li{list-style-type:disc;margin-left:var(--spacing-sizing-05)}body[data-bspk] [data-touch-target]{display:none;touch-action:manipulation;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-touch-callout:none;user-select:none;position:absolute;z-index:1;height:100%;width:100%;top:auto;left:auto}body[data-bspk] [data-touch-target]~*{position:relative;z-index:2}@media(any-pointer: coarse){body[data-bspk] [data-touch-target]{display:block}}`);;
|
|
5
5
|
/**
|
|
6
6
|
* Utility to provide the Anywhere styles to the application.
|
|
7
7
|
*
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import '@bspk/styles/better-homes-gardens.css';
|
|
3
3
|
import { styleAdd } from './utils/styleAdd';
|
|
4
|
-
styleAdd(`[data-color=grey]{--foreground: var(--foreground-neutral-on-surface-variant-01);--background: var(--surface-neutral-t2-lowest)}[data-color=white]{--foreground: var(--foreground-neutral-on-surface-variant-01);--background: var(--surface-neutral-t1-base)}[data-color=primary]{--foreground: var(--foreground-brand-primary-depth);--background: var(--surface-brand-primary-highlight)}[data-color=secondary]{--foreground: var(--foreground-brand-secondary-depth);--background: var(--surface-brand-secondary-highlight)}[data-color=blue]{--foreground: var(--foreground-spectrum-blue);--background: var(--surface-spectrum-blue)}[data-color=green]{--foreground: var(--foreground-spectrum-green);--background: var(--surface-spectrum-green)}[data-color=lime]{--foreground: var(--foreground-spectrum-lime);--background: var(--surface-spectrum-lime)}[data-color=magenta]{--foreground: var(--foreground-spectrum-magenta);--background: var(--surface-spectrum-magenta)}[data-color=orange]{--foreground: var(--foreground-spectrum-orange);--background: var(--surface-spectrum-orange)}[data-color=pink]{--foreground: var(--foreground-spectrum-pink);--background: var(--surface-spectrum-pink)}[data-color=purple]{--foreground: var(--foreground-spectrum-purple);--background: var(--surface-spectrum-purple)}[data-color=red]{--foreground: var(--foreground-spectrum-red);--background: var(--surface-spectrum-red)}[data-color=teal]{--foreground: var(--foreground-spectrum-teal);--background: var(--surface-spectrum-teal)}[data-color=yellow]{--foreground: var(--foreground-spectrum-yellow);--background: var(--surface-spectrum-yellow)}:
|
|
4
|
+
styleAdd(`[data-color=grey]{--foreground: var(--foreground-neutral-on-surface-variant-01);--background: var(--surface-neutral-t2-lowest)}[data-color=white]{--foreground: var(--foreground-neutral-on-surface-variant-01);--background: var(--surface-neutral-t1-base)}[data-color=primary]{--foreground: var(--foreground-brand-primary-depth);--background: var(--surface-brand-primary-highlight)}[data-color=secondary]{--foreground: var(--foreground-brand-secondary-depth);--background: var(--surface-brand-secondary-highlight)}[data-color=blue]{--foreground: var(--foreground-spectrum-blue);--background: var(--surface-spectrum-blue)}[data-color=green]{--foreground: var(--foreground-spectrum-green);--background: var(--surface-spectrum-green)}[data-color=lime]{--foreground: var(--foreground-spectrum-lime);--background: var(--surface-spectrum-lime)}[data-color=magenta]{--foreground: var(--foreground-spectrum-magenta);--background: var(--surface-spectrum-magenta)}[data-color=orange]{--foreground: var(--foreground-spectrum-orange);--background: var(--surface-spectrum-orange)}[data-color=pink]{--foreground: var(--foreground-spectrum-pink);--background: var(--surface-spectrum-pink)}[data-color=purple]{--foreground: var(--foreground-spectrum-purple);--background: var(--surface-spectrum-purple)}[data-color=red]{--foreground: var(--foreground-spectrum-red);--background: var(--surface-spectrum-red)}[data-color=teal]{--foreground: var(--foreground-spectrum-teal);--background: var(--surface-spectrum-teal)}[data-color=yellow]{--foreground: var(--foreground-spectrum-yellow);--background: var(--surface-spectrum-yellow)}*,*::before,*::after{box-sizing:border-box}*{margin:0;padding:0}html:has(body[data-bspk]){height:100%;scroll-behavior:smooth}body[data-bspk]{--z-index-tooltip-popover: 1100;--z-index-dialog: 1000;--z-index-dropdown: 900;--z-index-fab: 800;--z-index-navbar: 700;--z-index-footer: 600;height:100%;scroll-behavior:smooth;font:var(--body-base);background-color:var(--background-base);color:var(--foreground-neutral-on-surface)}@media(prefers-reduced-motion){body[data-bspk] [data-animated]{animation:none !important}}body[data-bspk] a{color:var(--foreground-link-text-default)}body[data-bspk] a:not([disabled]):hover{color:var(--foreground-link-text-default-hovered)}body[data-bspk] a:not([disabled]):active{color:var(--foreground-link-text-default);filter:brightness(80%)}body[data-bspk] a:not([disabled]):visited{color:var(--foreground-link-text-default-visited)}body[data-bspk] a[disabled]{pointer-events:none;cursor:text;color:var(--foreground-link-text-default-disabled)}body[data-bspk] a[data-default]{color:var(--foreground-link-text-default) !important}body[data-bspk] a[data-hover]{color:var(--foreground-link-text-default-hovered) !important}body[data-bspk] a[data-active]{color:var(--foreground-link-text-default) !important;filter:brightness(80%)}body[data-bspk] a[data-visited]{color:var(--foreground-link-text-default-visited) !important}body[data-bspk] a[data-subtle]{text-decoration:none;color:var(--foreground-neutral-on-surface)}body[data-bspk] a[data-subtle]:not([disabled]):hover{text-decoration:underline;color:var(--foreground-link-text-subtle-hovered)}body[data-bspk] a[data-subtle]:not([disabled]):active{text-decoration:underline;color:var(--foreground-link-text-subtle-pressed)}body[data-bspk] a[data-subtle]:not([disabled]):visited{color:var(--foreground-neutral-on-surface)}body[data-bspk] a[data-subtle][disabled]{pointer-events:none;color:var(--foreground-link-text-subtle-disabled)}body[data-bspk] a[data-subtle][data-default]{text-decoration:none;color:var(--foreground-neutral-on-surface)}body[data-bspk] a[data-subtle][data-hover]{text-decoration:underline;color:var(--foreground-link-text-subtle-hovered) !important}body[data-bspk] a[data-subtle][data-active]{text-decoration:underline;color:var(--foreground-link-text-subtle-pressed) !important}body[data-bspk] a[data-subtle][data-visited]{color:var(--foreground-neutral-on-surface) !important}body[data-bspk] a[data-subtle-inverse]{text-decoration:none;color:var(--foreground-neutral-inverse-on-surface)}body[data-bspk] a[data-subtle-inverse]:not([disabled]):hover{text-decoration:underline;color:var(--foreground-link-text-subtle-inverse-hovered)}body[data-bspk] a[data-subtle-inverse]:not([disabled]):active{text-decoration:underline;color:var(--foreground-link-text-subtle-inverse-pressed)}body[data-bspk] a[data-subtle-inverse]:not([disabled]):visited{color:var(--foreground-neutral-inverse-on-surface)}body[data-bspk] a[data-subtle-inverse][disabled]{pointer-events:none;color:var(--foreground-link-text-subtle-inversed-disabled)}body[data-bspk] a[data-subtle-inverse][data-default]{text-decoration:none;color:var(--foreground-neutral-inverse-on-surface)}body[data-bspk] a[data-subtle-inverse][data-hover]{text-decoration:underline;color:var(--foreground-link-text-subtle-inverse-hovered) !important}body[data-bspk] a[data-subtle-inverse][data-active]{text-decoration:underline;color:var(--foreground-link-text-subtle-inverse-pressed) !important}body[data-bspk] a[data-subtle-inverse][data-visited]{color:var(--foreground-neutral-inverse-on-surface) !important}body[data-bspk] input:-internal-autofill-previewed,body[data-bspk] input:-internal-autofill-selected,body[data-bspk] textarea:-internal-autofill-previewed,body[data-bspk] textarea:-internal-autofill-selected,body[data-bspk] select:-internal-autofill-previewed,body[data-bspk] select:-internal-autofill-selected{transition:color calc(infinity*1s) step-end,background-color calc(infinity*1s) step-end}body[data-bspk] [data-sr-only]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}body[data-bspk] ol{list-style-type:decimal}body[data-bspk] ol li{list-style-type:decimal;margin-left:var(--spacing-sizing-05)}body[data-bspk] ul{list-style-type:disc}body[data-bspk] ul li{list-style-type:disc;margin-left:var(--spacing-sizing-05)}body[data-bspk] [data-touch-target]{display:none;touch-action:manipulation;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-touch-callout:none;user-select:none;position:absolute;z-index:1;height:100%;width:100%;top:auto;left:auto}body[data-bspk] [data-touch-target]~*{position:relative;z-index:2}@media(any-pointer: coarse){body[data-bspk] [data-touch-target]{display:block}}`);;
|
|
5
5
|
/**
|
|
6
6
|
* Utility to provide the Better Homes & Gardens styles to the application.
|
|
7
7
|
*
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import '@bspk/styles/cartus.css';
|
|
3
3
|
import { styleAdd } from './utils/styleAdd';
|
|
4
|
-
styleAdd(`[data-color=grey]{--foreground: var(--foreground-neutral-on-surface-variant-01);--background: var(--surface-neutral-t2-lowest)}[data-color=white]{--foreground: var(--foreground-neutral-on-surface-variant-01);--background: var(--surface-neutral-t1-base)}[data-color=primary]{--foreground: var(--foreground-brand-primary-depth);--background: var(--surface-brand-primary-highlight)}[data-color=secondary]{--foreground: var(--foreground-brand-secondary-depth);--background: var(--surface-brand-secondary-highlight)}[data-color=blue]{--foreground: var(--foreground-spectrum-blue);--background: var(--surface-spectrum-blue)}[data-color=green]{--foreground: var(--foreground-spectrum-green);--background: var(--surface-spectrum-green)}[data-color=lime]{--foreground: var(--foreground-spectrum-lime);--background: var(--surface-spectrum-lime)}[data-color=magenta]{--foreground: var(--foreground-spectrum-magenta);--background: var(--surface-spectrum-magenta)}[data-color=orange]{--foreground: var(--foreground-spectrum-orange);--background: var(--surface-spectrum-orange)}[data-color=pink]{--foreground: var(--foreground-spectrum-pink);--background: var(--surface-spectrum-pink)}[data-color=purple]{--foreground: var(--foreground-spectrum-purple);--background: var(--surface-spectrum-purple)}[data-color=red]{--foreground: var(--foreground-spectrum-red);--background: var(--surface-spectrum-red)}[data-color=teal]{--foreground: var(--foreground-spectrum-teal);--background: var(--surface-spectrum-teal)}[data-color=yellow]{--foreground: var(--foreground-spectrum-yellow);--background: var(--surface-spectrum-yellow)}:
|
|
4
|
+
styleAdd(`[data-color=grey]{--foreground: var(--foreground-neutral-on-surface-variant-01);--background: var(--surface-neutral-t2-lowest)}[data-color=white]{--foreground: var(--foreground-neutral-on-surface-variant-01);--background: var(--surface-neutral-t1-base)}[data-color=primary]{--foreground: var(--foreground-brand-primary-depth);--background: var(--surface-brand-primary-highlight)}[data-color=secondary]{--foreground: var(--foreground-brand-secondary-depth);--background: var(--surface-brand-secondary-highlight)}[data-color=blue]{--foreground: var(--foreground-spectrum-blue);--background: var(--surface-spectrum-blue)}[data-color=green]{--foreground: var(--foreground-spectrum-green);--background: var(--surface-spectrum-green)}[data-color=lime]{--foreground: var(--foreground-spectrum-lime);--background: var(--surface-spectrum-lime)}[data-color=magenta]{--foreground: var(--foreground-spectrum-magenta);--background: var(--surface-spectrum-magenta)}[data-color=orange]{--foreground: var(--foreground-spectrum-orange);--background: var(--surface-spectrum-orange)}[data-color=pink]{--foreground: var(--foreground-spectrum-pink);--background: var(--surface-spectrum-pink)}[data-color=purple]{--foreground: var(--foreground-spectrum-purple);--background: var(--surface-spectrum-purple)}[data-color=red]{--foreground: var(--foreground-spectrum-red);--background: var(--surface-spectrum-red)}[data-color=teal]{--foreground: var(--foreground-spectrum-teal);--background: var(--surface-spectrum-teal)}[data-color=yellow]{--foreground: var(--foreground-spectrum-yellow);--background: var(--surface-spectrum-yellow)}*,*::before,*::after{box-sizing:border-box}*{margin:0;padding:0}html:has(body[data-bspk]){height:100%;scroll-behavior:smooth}body[data-bspk]{--z-index-tooltip-popover: 1100;--z-index-dialog: 1000;--z-index-dropdown: 900;--z-index-fab: 800;--z-index-navbar: 700;--z-index-footer: 600;height:100%;scroll-behavior:smooth;font:var(--body-base);background-color:var(--background-base);color:var(--foreground-neutral-on-surface)}@media(prefers-reduced-motion){body[data-bspk] [data-animated]{animation:none !important}}body[data-bspk] a{color:var(--foreground-link-text-default)}body[data-bspk] a:not([disabled]):hover{color:var(--foreground-link-text-default-hovered)}body[data-bspk] a:not([disabled]):active{color:var(--foreground-link-text-default);filter:brightness(80%)}body[data-bspk] a:not([disabled]):visited{color:var(--foreground-link-text-default-visited)}body[data-bspk] a[disabled]{pointer-events:none;cursor:text;color:var(--foreground-link-text-default-disabled)}body[data-bspk] a[data-default]{color:var(--foreground-link-text-default) !important}body[data-bspk] a[data-hover]{color:var(--foreground-link-text-default-hovered) !important}body[data-bspk] a[data-active]{color:var(--foreground-link-text-default) !important;filter:brightness(80%)}body[data-bspk] a[data-visited]{color:var(--foreground-link-text-default-visited) !important}body[data-bspk] a[data-subtle]{text-decoration:none;color:var(--foreground-neutral-on-surface)}body[data-bspk] a[data-subtle]:not([disabled]):hover{text-decoration:underline;color:var(--foreground-link-text-subtle-hovered)}body[data-bspk] a[data-subtle]:not([disabled]):active{text-decoration:underline;color:var(--foreground-link-text-subtle-pressed)}body[data-bspk] a[data-subtle]:not([disabled]):visited{color:var(--foreground-neutral-on-surface)}body[data-bspk] a[data-subtle][disabled]{pointer-events:none;color:var(--foreground-link-text-subtle-disabled)}body[data-bspk] a[data-subtle][data-default]{text-decoration:none;color:var(--foreground-neutral-on-surface)}body[data-bspk] a[data-subtle][data-hover]{text-decoration:underline;color:var(--foreground-link-text-subtle-hovered) !important}body[data-bspk] a[data-subtle][data-active]{text-decoration:underline;color:var(--foreground-link-text-subtle-pressed) !important}body[data-bspk] a[data-subtle][data-visited]{color:var(--foreground-neutral-on-surface) !important}body[data-bspk] a[data-subtle-inverse]{text-decoration:none;color:var(--foreground-neutral-inverse-on-surface)}body[data-bspk] a[data-subtle-inverse]:not([disabled]):hover{text-decoration:underline;color:var(--foreground-link-text-subtle-inverse-hovered)}body[data-bspk] a[data-subtle-inverse]:not([disabled]):active{text-decoration:underline;color:var(--foreground-link-text-subtle-inverse-pressed)}body[data-bspk] a[data-subtle-inverse]:not([disabled]):visited{color:var(--foreground-neutral-inverse-on-surface)}body[data-bspk] a[data-subtle-inverse][disabled]{pointer-events:none;color:var(--foreground-link-text-subtle-inversed-disabled)}body[data-bspk] a[data-subtle-inverse][data-default]{text-decoration:none;color:var(--foreground-neutral-inverse-on-surface)}body[data-bspk] a[data-subtle-inverse][data-hover]{text-decoration:underline;color:var(--foreground-link-text-subtle-inverse-hovered) !important}body[data-bspk] a[data-subtle-inverse][data-active]{text-decoration:underline;color:var(--foreground-link-text-subtle-inverse-pressed) !important}body[data-bspk] a[data-subtle-inverse][data-visited]{color:var(--foreground-neutral-inverse-on-surface) !important}body[data-bspk] input:-internal-autofill-previewed,body[data-bspk] input:-internal-autofill-selected,body[data-bspk] textarea:-internal-autofill-previewed,body[data-bspk] textarea:-internal-autofill-selected,body[data-bspk] select:-internal-autofill-previewed,body[data-bspk] select:-internal-autofill-selected{transition:color calc(infinity*1s) step-end,background-color calc(infinity*1s) step-end}body[data-bspk] [data-sr-only]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}body[data-bspk] ol{list-style-type:decimal}body[data-bspk] ol li{list-style-type:decimal;margin-left:var(--spacing-sizing-05)}body[data-bspk] ul{list-style-type:disc}body[data-bspk] ul li{list-style-type:disc;margin-left:var(--spacing-sizing-05)}body[data-bspk] [data-touch-target]{display:none;touch-action:manipulation;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-touch-callout:none;user-select:none;position:absolute;z-index:1;height:100%;width:100%;top:auto;left:auto}body[data-bspk] [data-touch-target]~*{position:relative;z-index:2}@media(any-pointer: coarse){body[data-bspk] [data-touch-target]{display:block}}`);;
|
|
5
5
|
/**
|
|
6
6
|
* Utility to provide the Cartus styles to the application.
|
|
7
7
|
*
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import '@bspk/styles/century-21.css';
|
|
3
3
|
import { styleAdd } from './utils/styleAdd';
|
|
4
|
-
styleAdd(`[data-color=grey]{--foreground: var(--foreground-neutral-on-surface-variant-01);--background: var(--surface-neutral-t2-lowest)}[data-color=white]{--foreground: var(--foreground-neutral-on-surface-variant-01);--background: var(--surface-neutral-t1-base)}[data-color=primary]{--foreground: var(--foreground-brand-primary-depth);--background: var(--surface-brand-primary-highlight)}[data-color=secondary]{--foreground: var(--foreground-brand-secondary-depth);--background: var(--surface-brand-secondary-highlight)}[data-color=blue]{--foreground: var(--foreground-spectrum-blue);--background: var(--surface-spectrum-blue)}[data-color=green]{--foreground: var(--foreground-spectrum-green);--background: var(--surface-spectrum-green)}[data-color=lime]{--foreground: var(--foreground-spectrum-lime);--background: var(--surface-spectrum-lime)}[data-color=magenta]{--foreground: var(--foreground-spectrum-magenta);--background: var(--surface-spectrum-magenta)}[data-color=orange]{--foreground: var(--foreground-spectrum-orange);--background: var(--surface-spectrum-orange)}[data-color=pink]{--foreground: var(--foreground-spectrum-pink);--background: var(--surface-spectrum-pink)}[data-color=purple]{--foreground: var(--foreground-spectrum-purple);--background: var(--surface-spectrum-purple)}[data-color=red]{--foreground: var(--foreground-spectrum-red);--background: var(--surface-spectrum-red)}[data-color=teal]{--foreground: var(--foreground-spectrum-teal);--background: var(--surface-spectrum-teal)}[data-color=yellow]{--foreground: var(--foreground-spectrum-yellow);--background: var(--surface-spectrum-yellow)}:
|
|
4
|
+
styleAdd(`[data-color=grey]{--foreground: var(--foreground-neutral-on-surface-variant-01);--background: var(--surface-neutral-t2-lowest)}[data-color=white]{--foreground: var(--foreground-neutral-on-surface-variant-01);--background: var(--surface-neutral-t1-base)}[data-color=primary]{--foreground: var(--foreground-brand-primary-depth);--background: var(--surface-brand-primary-highlight)}[data-color=secondary]{--foreground: var(--foreground-brand-secondary-depth);--background: var(--surface-brand-secondary-highlight)}[data-color=blue]{--foreground: var(--foreground-spectrum-blue);--background: var(--surface-spectrum-blue)}[data-color=green]{--foreground: var(--foreground-spectrum-green);--background: var(--surface-spectrum-green)}[data-color=lime]{--foreground: var(--foreground-spectrum-lime);--background: var(--surface-spectrum-lime)}[data-color=magenta]{--foreground: var(--foreground-spectrum-magenta);--background: var(--surface-spectrum-magenta)}[data-color=orange]{--foreground: var(--foreground-spectrum-orange);--background: var(--surface-spectrum-orange)}[data-color=pink]{--foreground: var(--foreground-spectrum-pink);--background: var(--surface-spectrum-pink)}[data-color=purple]{--foreground: var(--foreground-spectrum-purple);--background: var(--surface-spectrum-purple)}[data-color=red]{--foreground: var(--foreground-spectrum-red);--background: var(--surface-spectrum-red)}[data-color=teal]{--foreground: var(--foreground-spectrum-teal);--background: var(--surface-spectrum-teal)}[data-color=yellow]{--foreground: var(--foreground-spectrum-yellow);--background: var(--surface-spectrum-yellow)}*,*::before,*::after{box-sizing:border-box}*{margin:0;padding:0}html:has(body[data-bspk]){height:100%;scroll-behavior:smooth}body[data-bspk]{--z-index-tooltip-popover: 1100;--z-index-dialog: 1000;--z-index-dropdown: 900;--z-index-fab: 800;--z-index-navbar: 700;--z-index-footer: 600;height:100%;scroll-behavior:smooth;font:var(--body-base);background-color:var(--background-base);color:var(--foreground-neutral-on-surface)}@media(prefers-reduced-motion){body[data-bspk] [data-animated]{animation:none !important}}body[data-bspk] a{color:var(--foreground-link-text-default)}body[data-bspk] a:not([disabled]):hover{color:var(--foreground-link-text-default-hovered)}body[data-bspk] a:not([disabled]):active{color:var(--foreground-link-text-default);filter:brightness(80%)}body[data-bspk] a:not([disabled]):visited{color:var(--foreground-link-text-default-visited)}body[data-bspk] a[disabled]{pointer-events:none;cursor:text;color:var(--foreground-link-text-default-disabled)}body[data-bspk] a[data-default]{color:var(--foreground-link-text-default) !important}body[data-bspk] a[data-hover]{color:var(--foreground-link-text-default-hovered) !important}body[data-bspk] a[data-active]{color:var(--foreground-link-text-default) !important;filter:brightness(80%)}body[data-bspk] a[data-visited]{color:var(--foreground-link-text-default-visited) !important}body[data-bspk] a[data-subtle]{text-decoration:none;color:var(--foreground-neutral-on-surface)}body[data-bspk] a[data-subtle]:not([disabled]):hover{text-decoration:underline;color:var(--foreground-link-text-subtle-hovered)}body[data-bspk] a[data-subtle]:not([disabled]):active{text-decoration:underline;color:var(--foreground-link-text-subtle-pressed)}body[data-bspk] a[data-subtle]:not([disabled]):visited{color:var(--foreground-neutral-on-surface)}body[data-bspk] a[data-subtle][disabled]{pointer-events:none;color:var(--foreground-link-text-subtle-disabled)}body[data-bspk] a[data-subtle][data-default]{text-decoration:none;color:var(--foreground-neutral-on-surface)}body[data-bspk] a[data-subtle][data-hover]{text-decoration:underline;color:var(--foreground-link-text-subtle-hovered) !important}body[data-bspk] a[data-subtle][data-active]{text-decoration:underline;color:var(--foreground-link-text-subtle-pressed) !important}body[data-bspk] a[data-subtle][data-visited]{color:var(--foreground-neutral-on-surface) !important}body[data-bspk] a[data-subtle-inverse]{text-decoration:none;color:var(--foreground-neutral-inverse-on-surface)}body[data-bspk] a[data-subtle-inverse]:not([disabled]):hover{text-decoration:underline;color:var(--foreground-link-text-subtle-inverse-hovered)}body[data-bspk] a[data-subtle-inverse]:not([disabled]):active{text-decoration:underline;color:var(--foreground-link-text-subtle-inverse-pressed)}body[data-bspk] a[data-subtle-inverse]:not([disabled]):visited{color:var(--foreground-neutral-inverse-on-surface)}body[data-bspk] a[data-subtle-inverse][disabled]{pointer-events:none;color:var(--foreground-link-text-subtle-inversed-disabled)}body[data-bspk] a[data-subtle-inverse][data-default]{text-decoration:none;color:var(--foreground-neutral-inverse-on-surface)}body[data-bspk] a[data-subtle-inverse][data-hover]{text-decoration:underline;color:var(--foreground-link-text-subtle-inverse-hovered) !important}body[data-bspk] a[data-subtle-inverse][data-active]{text-decoration:underline;color:var(--foreground-link-text-subtle-inverse-pressed) !important}body[data-bspk] a[data-subtle-inverse][data-visited]{color:var(--foreground-neutral-inverse-on-surface) !important}body[data-bspk] input:-internal-autofill-previewed,body[data-bspk] input:-internal-autofill-selected,body[data-bspk] textarea:-internal-autofill-previewed,body[data-bspk] textarea:-internal-autofill-selected,body[data-bspk] select:-internal-autofill-previewed,body[data-bspk] select:-internal-autofill-selected{transition:color calc(infinity*1s) step-end,background-color calc(infinity*1s) step-end}body[data-bspk] [data-sr-only]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}body[data-bspk] ol{list-style-type:decimal}body[data-bspk] ol li{list-style-type:decimal;margin-left:var(--spacing-sizing-05)}body[data-bspk] ul{list-style-type:disc}body[data-bspk] ul li{list-style-type:disc;margin-left:var(--spacing-sizing-05)}body[data-bspk] [data-touch-target]{display:none;touch-action:manipulation;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-touch-callout:none;user-select:none;position:absolute;z-index:1;height:100%;width:100%;top:auto;left:auto}body[data-bspk] [data-touch-target]~*{position:relative;z-index:2}@media(any-pointer: coarse){body[data-bspk] [data-touch-target]{display:block}}`);;
|
|
5
5
|
/**
|
|
6
6
|
* Utility to provide the Century 21 styles to the application.
|
|
7
7
|
*
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import '@bspk/styles/coldwell-banker.css';
|
|
3
3
|
import { styleAdd } from './utils/styleAdd';
|
|
4
|
-
styleAdd(`[data-color=grey]{--foreground: var(--foreground-neutral-on-surface-variant-01);--background: var(--surface-neutral-t2-lowest)}[data-color=white]{--foreground: var(--foreground-neutral-on-surface-variant-01);--background: var(--surface-neutral-t1-base)}[data-color=primary]{--foreground: var(--foreground-brand-primary-depth);--background: var(--surface-brand-primary-highlight)}[data-color=secondary]{--foreground: var(--foreground-brand-secondary-depth);--background: var(--surface-brand-secondary-highlight)}[data-color=blue]{--foreground: var(--foreground-spectrum-blue);--background: var(--surface-spectrum-blue)}[data-color=green]{--foreground: var(--foreground-spectrum-green);--background: var(--surface-spectrum-green)}[data-color=lime]{--foreground: var(--foreground-spectrum-lime);--background: var(--surface-spectrum-lime)}[data-color=magenta]{--foreground: var(--foreground-spectrum-magenta);--background: var(--surface-spectrum-magenta)}[data-color=orange]{--foreground: var(--foreground-spectrum-orange);--background: var(--surface-spectrum-orange)}[data-color=pink]{--foreground: var(--foreground-spectrum-pink);--background: var(--surface-spectrum-pink)}[data-color=purple]{--foreground: var(--foreground-spectrum-purple);--background: var(--surface-spectrum-purple)}[data-color=red]{--foreground: var(--foreground-spectrum-red);--background: var(--surface-spectrum-red)}[data-color=teal]{--foreground: var(--foreground-spectrum-teal);--background: var(--surface-spectrum-teal)}[data-color=yellow]{--foreground: var(--foreground-spectrum-yellow);--background: var(--surface-spectrum-yellow)}:
|
|
4
|
+
styleAdd(`[data-color=grey]{--foreground: var(--foreground-neutral-on-surface-variant-01);--background: var(--surface-neutral-t2-lowest)}[data-color=white]{--foreground: var(--foreground-neutral-on-surface-variant-01);--background: var(--surface-neutral-t1-base)}[data-color=primary]{--foreground: var(--foreground-brand-primary-depth);--background: var(--surface-brand-primary-highlight)}[data-color=secondary]{--foreground: var(--foreground-brand-secondary-depth);--background: var(--surface-brand-secondary-highlight)}[data-color=blue]{--foreground: var(--foreground-spectrum-blue);--background: var(--surface-spectrum-blue)}[data-color=green]{--foreground: var(--foreground-spectrum-green);--background: var(--surface-spectrum-green)}[data-color=lime]{--foreground: var(--foreground-spectrum-lime);--background: var(--surface-spectrum-lime)}[data-color=magenta]{--foreground: var(--foreground-spectrum-magenta);--background: var(--surface-spectrum-magenta)}[data-color=orange]{--foreground: var(--foreground-spectrum-orange);--background: var(--surface-spectrum-orange)}[data-color=pink]{--foreground: var(--foreground-spectrum-pink);--background: var(--surface-spectrum-pink)}[data-color=purple]{--foreground: var(--foreground-spectrum-purple);--background: var(--surface-spectrum-purple)}[data-color=red]{--foreground: var(--foreground-spectrum-red);--background: var(--surface-spectrum-red)}[data-color=teal]{--foreground: var(--foreground-spectrum-teal);--background: var(--surface-spectrum-teal)}[data-color=yellow]{--foreground: var(--foreground-spectrum-yellow);--background: var(--surface-spectrum-yellow)}*,*::before,*::after{box-sizing:border-box}*{margin:0;padding:0}html:has(body[data-bspk]){height:100%;scroll-behavior:smooth}body[data-bspk]{--z-index-tooltip-popover: 1100;--z-index-dialog: 1000;--z-index-dropdown: 900;--z-index-fab: 800;--z-index-navbar: 700;--z-index-footer: 600;height:100%;scroll-behavior:smooth;font:var(--body-base);background-color:var(--background-base);color:var(--foreground-neutral-on-surface)}@media(prefers-reduced-motion){body[data-bspk] [data-animated]{animation:none !important}}body[data-bspk] a{color:var(--foreground-link-text-default)}body[data-bspk] a:not([disabled]):hover{color:var(--foreground-link-text-default-hovered)}body[data-bspk] a:not([disabled]):active{color:var(--foreground-link-text-default);filter:brightness(80%)}body[data-bspk] a:not([disabled]):visited{color:var(--foreground-link-text-default-visited)}body[data-bspk] a[disabled]{pointer-events:none;cursor:text;color:var(--foreground-link-text-default-disabled)}body[data-bspk] a[data-default]{color:var(--foreground-link-text-default) !important}body[data-bspk] a[data-hover]{color:var(--foreground-link-text-default-hovered) !important}body[data-bspk] a[data-active]{color:var(--foreground-link-text-default) !important;filter:brightness(80%)}body[data-bspk] a[data-visited]{color:var(--foreground-link-text-default-visited) !important}body[data-bspk] a[data-subtle]{text-decoration:none;color:var(--foreground-neutral-on-surface)}body[data-bspk] a[data-subtle]:not([disabled]):hover{text-decoration:underline;color:var(--foreground-link-text-subtle-hovered)}body[data-bspk] a[data-subtle]:not([disabled]):active{text-decoration:underline;color:var(--foreground-link-text-subtle-pressed)}body[data-bspk] a[data-subtle]:not([disabled]):visited{color:var(--foreground-neutral-on-surface)}body[data-bspk] a[data-subtle][disabled]{pointer-events:none;color:var(--foreground-link-text-subtle-disabled)}body[data-bspk] a[data-subtle][data-default]{text-decoration:none;color:var(--foreground-neutral-on-surface)}body[data-bspk] a[data-subtle][data-hover]{text-decoration:underline;color:var(--foreground-link-text-subtle-hovered) !important}body[data-bspk] a[data-subtle][data-active]{text-decoration:underline;color:var(--foreground-link-text-subtle-pressed) !important}body[data-bspk] a[data-subtle][data-visited]{color:var(--foreground-neutral-on-surface) !important}body[data-bspk] a[data-subtle-inverse]{text-decoration:none;color:var(--foreground-neutral-inverse-on-surface)}body[data-bspk] a[data-subtle-inverse]:not([disabled]):hover{text-decoration:underline;color:var(--foreground-link-text-subtle-inverse-hovered)}body[data-bspk] a[data-subtle-inverse]:not([disabled]):active{text-decoration:underline;color:var(--foreground-link-text-subtle-inverse-pressed)}body[data-bspk] a[data-subtle-inverse]:not([disabled]):visited{color:var(--foreground-neutral-inverse-on-surface)}body[data-bspk] a[data-subtle-inverse][disabled]{pointer-events:none;color:var(--foreground-link-text-subtle-inversed-disabled)}body[data-bspk] a[data-subtle-inverse][data-default]{text-decoration:none;color:var(--foreground-neutral-inverse-on-surface)}body[data-bspk] a[data-subtle-inverse][data-hover]{text-decoration:underline;color:var(--foreground-link-text-subtle-inverse-hovered) !important}body[data-bspk] a[data-subtle-inverse][data-active]{text-decoration:underline;color:var(--foreground-link-text-subtle-inverse-pressed) !important}body[data-bspk] a[data-subtle-inverse][data-visited]{color:var(--foreground-neutral-inverse-on-surface) !important}body[data-bspk] input:-internal-autofill-previewed,body[data-bspk] input:-internal-autofill-selected,body[data-bspk] textarea:-internal-autofill-previewed,body[data-bspk] textarea:-internal-autofill-selected,body[data-bspk] select:-internal-autofill-previewed,body[data-bspk] select:-internal-autofill-selected{transition:color calc(infinity*1s) step-end,background-color calc(infinity*1s) step-end}body[data-bspk] [data-sr-only]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}body[data-bspk] ol{list-style-type:decimal}body[data-bspk] ol li{list-style-type:decimal;margin-left:var(--spacing-sizing-05)}body[data-bspk] ul{list-style-type:disc}body[data-bspk] ul li{list-style-type:disc;margin-left:var(--spacing-sizing-05)}body[data-bspk] [data-touch-target]{display:none;touch-action:manipulation;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-touch-callout:none;user-select:none;position:absolute;z-index:1;height:100%;width:100%;top:auto;left:auto}body[data-bspk] [data-touch-target]~*{position:relative;z-index:2}@media(any-pointer: coarse){body[data-bspk] [data-touch-target]{display:block}}`);;
|
|
5
5
|
/**
|
|
6
6
|
* Utility to provide the Coldwell Banker styles to the application.
|
|
7
7
|
*
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import '@bspk/styles/corcoran.css';
|
|
3
3
|
import { styleAdd } from './utils/styleAdd';
|
|
4
|
-
styleAdd(`[data-color=grey]{--foreground: var(--foreground-neutral-on-surface-variant-01);--background: var(--surface-neutral-t2-lowest)}[data-color=white]{--foreground: var(--foreground-neutral-on-surface-variant-01);--background: var(--surface-neutral-t1-base)}[data-color=primary]{--foreground: var(--foreground-brand-primary-depth);--background: var(--surface-brand-primary-highlight)}[data-color=secondary]{--foreground: var(--foreground-brand-secondary-depth);--background: var(--surface-brand-secondary-highlight)}[data-color=blue]{--foreground: var(--foreground-spectrum-blue);--background: var(--surface-spectrum-blue)}[data-color=green]{--foreground: var(--foreground-spectrum-green);--background: var(--surface-spectrum-green)}[data-color=lime]{--foreground: var(--foreground-spectrum-lime);--background: var(--surface-spectrum-lime)}[data-color=magenta]{--foreground: var(--foreground-spectrum-magenta);--background: var(--surface-spectrum-magenta)}[data-color=orange]{--foreground: var(--foreground-spectrum-orange);--background: var(--surface-spectrum-orange)}[data-color=pink]{--foreground: var(--foreground-spectrum-pink);--background: var(--surface-spectrum-pink)}[data-color=purple]{--foreground: var(--foreground-spectrum-purple);--background: var(--surface-spectrum-purple)}[data-color=red]{--foreground: var(--foreground-spectrum-red);--background: var(--surface-spectrum-red)}[data-color=teal]{--foreground: var(--foreground-spectrum-teal);--background: var(--surface-spectrum-teal)}[data-color=yellow]{--foreground: var(--foreground-spectrum-yellow);--background: var(--surface-spectrum-yellow)}:
|
|
4
|
+
styleAdd(`[data-color=grey]{--foreground: var(--foreground-neutral-on-surface-variant-01);--background: var(--surface-neutral-t2-lowest)}[data-color=white]{--foreground: var(--foreground-neutral-on-surface-variant-01);--background: var(--surface-neutral-t1-base)}[data-color=primary]{--foreground: var(--foreground-brand-primary-depth);--background: var(--surface-brand-primary-highlight)}[data-color=secondary]{--foreground: var(--foreground-brand-secondary-depth);--background: var(--surface-brand-secondary-highlight)}[data-color=blue]{--foreground: var(--foreground-spectrum-blue);--background: var(--surface-spectrum-blue)}[data-color=green]{--foreground: var(--foreground-spectrum-green);--background: var(--surface-spectrum-green)}[data-color=lime]{--foreground: var(--foreground-spectrum-lime);--background: var(--surface-spectrum-lime)}[data-color=magenta]{--foreground: var(--foreground-spectrum-magenta);--background: var(--surface-spectrum-magenta)}[data-color=orange]{--foreground: var(--foreground-spectrum-orange);--background: var(--surface-spectrum-orange)}[data-color=pink]{--foreground: var(--foreground-spectrum-pink);--background: var(--surface-spectrum-pink)}[data-color=purple]{--foreground: var(--foreground-spectrum-purple);--background: var(--surface-spectrum-purple)}[data-color=red]{--foreground: var(--foreground-spectrum-red);--background: var(--surface-spectrum-red)}[data-color=teal]{--foreground: var(--foreground-spectrum-teal);--background: var(--surface-spectrum-teal)}[data-color=yellow]{--foreground: var(--foreground-spectrum-yellow);--background: var(--surface-spectrum-yellow)}*,*::before,*::after{box-sizing:border-box}*{margin:0;padding:0}html:has(body[data-bspk]){height:100%;scroll-behavior:smooth}body[data-bspk]{--z-index-tooltip-popover: 1100;--z-index-dialog: 1000;--z-index-dropdown: 900;--z-index-fab: 800;--z-index-navbar: 700;--z-index-footer: 600;height:100%;scroll-behavior:smooth;font:var(--body-base);background-color:var(--background-base);color:var(--foreground-neutral-on-surface)}@media(prefers-reduced-motion){body[data-bspk] [data-animated]{animation:none !important}}body[data-bspk] a{color:var(--foreground-link-text-default)}body[data-bspk] a:not([disabled]):hover{color:var(--foreground-link-text-default-hovered)}body[data-bspk] a:not([disabled]):active{color:var(--foreground-link-text-default);filter:brightness(80%)}body[data-bspk] a:not([disabled]):visited{color:var(--foreground-link-text-default-visited)}body[data-bspk] a[disabled]{pointer-events:none;cursor:text;color:var(--foreground-link-text-default-disabled)}body[data-bspk] a[data-default]{color:var(--foreground-link-text-default) !important}body[data-bspk] a[data-hover]{color:var(--foreground-link-text-default-hovered) !important}body[data-bspk] a[data-active]{color:var(--foreground-link-text-default) !important;filter:brightness(80%)}body[data-bspk] a[data-visited]{color:var(--foreground-link-text-default-visited) !important}body[data-bspk] a[data-subtle]{text-decoration:none;color:var(--foreground-neutral-on-surface)}body[data-bspk] a[data-subtle]:not([disabled]):hover{text-decoration:underline;color:var(--foreground-link-text-subtle-hovered)}body[data-bspk] a[data-subtle]:not([disabled]):active{text-decoration:underline;color:var(--foreground-link-text-subtle-pressed)}body[data-bspk] a[data-subtle]:not([disabled]):visited{color:var(--foreground-neutral-on-surface)}body[data-bspk] a[data-subtle][disabled]{pointer-events:none;color:var(--foreground-link-text-subtle-disabled)}body[data-bspk] a[data-subtle][data-default]{text-decoration:none;color:var(--foreground-neutral-on-surface)}body[data-bspk] a[data-subtle][data-hover]{text-decoration:underline;color:var(--foreground-link-text-subtle-hovered) !important}body[data-bspk] a[data-subtle][data-active]{text-decoration:underline;color:var(--foreground-link-text-subtle-pressed) !important}body[data-bspk] a[data-subtle][data-visited]{color:var(--foreground-neutral-on-surface) !important}body[data-bspk] a[data-subtle-inverse]{text-decoration:none;color:var(--foreground-neutral-inverse-on-surface)}body[data-bspk] a[data-subtle-inverse]:not([disabled]):hover{text-decoration:underline;color:var(--foreground-link-text-subtle-inverse-hovered)}body[data-bspk] a[data-subtle-inverse]:not([disabled]):active{text-decoration:underline;color:var(--foreground-link-text-subtle-inverse-pressed)}body[data-bspk] a[data-subtle-inverse]:not([disabled]):visited{color:var(--foreground-neutral-inverse-on-surface)}body[data-bspk] a[data-subtle-inverse][disabled]{pointer-events:none;color:var(--foreground-link-text-subtle-inversed-disabled)}body[data-bspk] a[data-subtle-inverse][data-default]{text-decoration:none;color:var(--foreground-neutral-inverse-on-surface)}body[data-bspk] a[data-subtle-inverse][data-hover]{text-decoration:underline;color:var(--foreground-link-text-subtle-inverse-hovered) !important}body[data-bspk] a[data-subtle-inverse][data-active]{text-decoration:underline;color:var(--foreground-link-text-subtle-inverse-pressed) !important}body[data-bspk] a[data-subtle-inverse][data-visited]{color:var(--foreground-neutral-inverse-on-surface) !important}body[data-bspk] input:-internal-autofill-previewed,body[data-bspk] input:-internal-autofill-selected,body[data-bspk] textarea:-internal-autofill-previewed,body[data-bspk] textarea:-internal-autofill-selected,body[data-bspk] select:-internal-autofill-previewed,body[data-bspk] select:-internal-autofill-selected{transition:color calc(infinity*1s) step-end,background-color calc(infinity*1s) step-end}body[data-bspk] [data-sr-only]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}body[data-bspk] ol{list-style-type:decimal}body[data-bspk] ol li{list-style-type:decimal;margin-left:var(--spacing-sizing-05)}body[data-bspk] ul{list-style-type:disc}body[data-bspk] ul li{list-style-type:disc;margin-left:var(--spacing-sizing-05)}body[data-bspk] [data-touch-target]{display:none;touch-action:manipulation;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-touch-callout:none;user-select:none;position:absolute;z-index:1;height:100%;width:100%;top:auto;left:auto}body[data-bspk] [data-touch-target]~*{position:relative;z-index:2}@media(any-pointer: coarse){body[data-bspk] [data-touch-target]{display:block}}`);;
|
|
5
5
|
/**
|
|
6
6
|
* Utility to provide the Corcoran styles to the application.
|
|
7
7
|
*
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import '@bspk/styles/denali-boss.css';
|
|
3
3
|
import { styleAdd } from './utils/styleAdd';
|
|
4
|
-
styleAdd(`[data-color=grey]{--foreground: var(--foreground-neutral-on-surface-variant-01);--background: var(--surface-neutral-t2-lowest)}[data-color=white]{--foreground: var(--foreground-neutral-on-surface-variant-01);--background: var(--surface-neutral-t1-base)}[data-color=primary]{--foreground: var(--foreground-brand-primary-depth);--background: var(--surface-brand-primary-highlight)}[data-color=secondary]{--foreground: var(--foreground-brand-secondary-depth);--background: var(--surface-brand-secondary-highlight)}[data-color=blue]{--foreground: var(--foreground-spectrum-blue);--background: var(--surface-spectrum-blue)}[data-color=green]{--foreground: var(--foreground-spectrum-green);--background: var(--surface-spectrum-green)}[data-color=lime]{--foreground: var(--foreground-spectrum-lime);--background: var(--surface-spectrum-lime)}[data-color=magenta]{--foreground: var(--foreground-spectrum-magenta);--background: var(--surface-spectrum-magenta)}[data-color=orange]{--foreground: var(--foreground-spectrum-orange);--background: var(--surface-spectrum-orange)}[data-color=pink]{--foreground: var(--foreground-spectrum-pink);--background: var(--surface-spectrum-pink)}[data-color=purple]{--foreground: var(--foreground-spectrum-purple);--background: var(--surface-spectrum-purple)}[data-color=red]{--foreground: var(--foreground-spectrum-red);--background: var(--surface-spectrum-red)}[data-color=teal]{--foreground: var(--foreground-spectrum-teal);--background: var(--surface-spectrum-teal)}[data-color=yellow]{--foreground: var(--foreground-spectrum-yellow);--background: var(--surface-spectrum-yellow)}:
|
|
4
|
+
styleAdd(`[data-color=grey]{--foreground: var(--foreground-neutral-on-surface-variant-01);--background: var(--surface-neutral-t2-lowest)}[data-color=white]{--foreground: var(--foreground-neutral-on-surface-variant-01);--background: var(--surface-neutral-t1-base)}[data-color=primary]{--foreground: var(--foreground-brand-primary-depth);--background: var(--surface-brand-primary-highlight)}[data-color=secondary]{--foreground: var(--foreground-brand-secondary-depth);--background: var(--surface-brand-secondary-highlight)}[data-color=blue]{--foreground: var(--foreground-spectrum-blue);--background: var(--surface-spectrum-blue)}[data-color=green]{--foreground: var(--foreground-spectrum-green);--background: var(--surface-spectrum-green)}[data-color=lime]{--foreground: var(--foreground-spectrum-lime);--background: var(--surface-spectrum-lime)}[data-color=magenta]{--foreground: var(--foreground-spectrum-magenta);--background: var(--surface-spectrum-magenta)}[data-color=orange]{--foreground: var(--foreground-spectrum-orange);--background: var(--surface-spectrum-orange)}[data-color=pink]{--foreground: var(--foreground-spectrum-pink);--background: var(--surface-spectrum-pink)}[data-color=purple]{--foreground: var(--foreground-spectrum-purple);--background: var(--surface-spectrum-purple)}[data-color=red]{--foreground: var(--foreground-spectrum-red);--background: var(--surface-spectrum-red)}[data-color=teal]{--foreground: var(--foreground-spectrum-teal);--background: var(--surface-spectrum-teal)}[data-color=yellow]{--foreground: var(--foreground-spectrum-yellow);--background: var(--surface-spectrum-yellow)}*,*::before,*::after{box-sizing:border-box}*{margin:0;padding:0}html:has(body[data-bspk]){height:100%;scroll-behavior:smooth}body[data-bspk]{--z-index-tooltip-popover: 1100;--z-index-dialog: 1000;--z-index-dropdown: 900;--z-index-fab: 800;--z-index-navbar: 700;--z-index-footer: 600;height:100%;scroll-behavior:smooth;font:var(--body-base);background-color:var(--background-base);color:var(--foreground-neutral-on-surface)}@media(prefers-reduced-motion){body[data-bspk] [data-animated]{animation:none !important}}body[data-bspk] a{color:var(--foreground-link-text-default)}body[data-bspk] a:not([disabled]):hover{color:var(--foreground-link-text-default-hovered)}body[data-bspk] a:not([disabled]):active{color:var(--foreground-link-text-default);filter:brightness(80%)}body[data-bspk] a:not([disabled]):visited{color:var(--foreground-link-text-default-visited)}body[data-bspk] a[disabled]{pointer-events:none;cursor:text;color:var(--foreground-link-text-default-disabled)}body[data-bspk] a[data-default]{color:var(--foreground-link-text-default) !important}body[data-bspk] a[data-hover]{color:var(--foreground-link-text-default-hovered) !important}body[data-bspk] a[data-active]{color:var(--foreground-link-text-default) !important;filter:brightness(80%)}body[data-bspk] a[data-visited]{color:var(--foreground-link-text-default-visited) !important}body[data-bspk] a[data-subtle]{text-decoration:none;color:var(--foreground-neutral-on-surface)}body[data-bspk] a[data-subtle]:not([disabled]):hover{text-decoration:underline;color:var(--foreground-link-text-subtle-hovered)}body[data-bspk] a[data-subtle]:not([disabled]):active{text-decoration:underline;color:var(--foreground-link-text-subtle-pressed)}body[data-bspk] a[data-subtle]:not([disabled]):visited{color:var(--foreground-neutral-on-surface)}body[data-bspk] a[data-subtle][disabled]{pointer-events:none;color:var(--foreground-link-text-subtle-disabled)}body[data-bspk] a[data-subtle][data-default]{text-decoration:none;color:var(--foreground-neutral-on-surface)}body[data-bspk] a[data-subtle][data-hover]{text-decoration:underline;color:var(--foreground-link-text-subtle-hovered) !important}body[data-bspk] a[data-subtle][data-active]{text-decoration:underline;color:var(--foreground-link-text-subtle-pressed) !important}body[data-bspk] a[data-subtle][data-visited]{color:var(--foreground-neutral-on-surface) !important}body[data-bspk] a[data-subtle-inverse]{text-decoration:none;color:var(--foreground-neutral-inverse-on-surface)}body[data-bspk] a[data-subtle-inverse]:not([disabled]):hover{text-decoration:underline;color:var(--foreground-link-text-subtle-inverse-hovered)}body[data-bspk] a[data-subtle-inverse]:not([disabled]):active{text-decoration:underline;color:var(--foreground-link-text-subtle-inverse-pressed)}body[data-bspk] a[data-subtle-inverse]:not([disabled]):visited{color:var(--foreground-neutral-inverse-on-surface)}body[data-bspk] a[data-subtle-inverse][disabled]{pointer-events:none;color:var(--foreground-link-text-subtle-inversed-disabled)}body[data-bspk] a[data-subtle-inverse][data-default]{text-decoration:none;color:var(--foreground-neutral-inverse-on-surface)}body[data-bspk] a[data-subtle-inverse][data-hover]{text-decoration:underline;color:var(--foreground-link-text-subtle-inverse-hovered) !important}body[data-bspk] a[data-subtle-inverse][data-active]{text-decoration:underline;color:var(--foreground-link-text-subtle-inverse-pressed) !important}body[data-bspk] a[data-subtle-inverse][data-visited]{color:var(--foreground-neutral-inverse-on-surface) !important}body[data-bspk] input:-internal-autofill-previewed,body[data-bspk] input:-internal-autofill-selected,body[data-bspk] textarea:-internal-autofill-previewed,body[data-bspk] textarea:-internal-autofill-selected,body[data-bspk] select:-internal-autofill-previewed,body[data-bspk] select:-internal-autofill-selected{transition:color calc(infinity*1s) step-end,background-color calc(infinity*1s) step-end}body[data-bspk] [data-sr-only]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}body[data-bspk] ol{list-style-type:decimal}body[data-bspk] ol li{list-style-type:decimal;margin-left:var(--spacing-sizing-05)}body[data-bspk] ul{list-style-type:disc}body[data-bspk] ul li{list-style-type:disc;margin-left:var(--spacing-sizing-05)}body[data-bspk] [data-touch-target]{display:none;touch-action:manipulation;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-touch-callout:none;user-select:none;position:absolute;z-index:1;height:100%;width:100%;top:auto;left:auto}body[data-bspk] [data-touch-target]~*{position:relative;z-index:2}@media(any-pointer: coarse){body[data-bspk] [data-touch-target]{display:block}}`);;
|
|
5
5
|
/**
|
|
6
6
|
* Utility to provide the Denali Boss styles to the application.
|
|
7
7
|
*
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import '@bspk/styles/era.css';
|
|
3
3
|
import { styleAdd } from './utils/styleAdd';
|
|
4
|
-
styleAdd(`[data-color=grey]{--foreground: var(--foreground-neutral-on-surface-variant-01);--background: var(--surface-neutral-t2-lowest)}[data-color=white]{--foreground: var(--foreground-neutral-on-surface-variant-01);--background: var(--surface-neutral-t1-base)}[data-color=primary]{--foreground: var(--foreground-brand-primary-depth);--background: var(--surface-brand-primary-highlight)}[data-color=secondary]{--foreground: var(--foreground-brand-secondary-depth);--background: var(--surface-brand-secondary-highlight)}[data-color=blue]{--foreground: var(--foreground-spectrum-blue);--background: var(--surface-spectrum-blue)}[data-color=green]{--foreground: var(--foreground-spectrum-green);--background: var(--surface-spectrum-green)}[data-color=lime]{--foreground: var(--foreground-spectrum-lime);--background: var(--surface-spectrum-lime)}[data-color=magenta]{--foreground: var(--foreground-spectrum-magenta);--background: var(--surface-spectrum-magenta)}[data-color=orange]{--foreground: var(--foreground-spectrum-orange);--background: var(--surface-spectrum-orange)}[data-color=pink]{--foreground: var(--foreground-spectrum-pink);--background: var(--surface-spectrum-pink)}[data-color=purple]{--foreground: var(--foreground-spectrum-purple);--background: var(--surface-spectrum-purple)}[data-color=red]{--foreground: var(--foreground-spectrum-red);--background: var(--surface-spectrum-red)}[data-color=teal]{--foreground: var(--foreground-spectrum-teal);--background: var(--surface-spectrum-teal)}[data-color=yellow]{--foreground: var(--foreground-spectrum-yellow);--background: var(--surface-spectrum-yellow)}:
|
|
4
|
+
styleAdd(`[data-color=grey]{--foreground: var(--foreground-neutral-on-surface-variant-01);--background: var(--surface-neutral-t2-lowest)}[data-color=white]{--foreground: var(--foreground-neutral-on-surface-variant-01);--background: var(--surface-neutral-t1-base)}[data-color=primary]{--foreground: var(--foreground-brand-primary-depth);--background: var(--surface-brand-primary-highlight)}[data-color=secondary]{--foreground: var(--foreground-brand-secondary-depth);--background: var(--surface-brand-secondary-highlight)}[data-color=blue]{--foreground: var(--foreground-spectrum-blue);--background: var(--surface-spectrum-blue)}[data-color=green]{--foreground: var(--foreground-spectrum-green);--background: var(--surface-spectrum-green)}[data-color=lime]{--foreground: var(--foreground-spectrum-lime);--background: var(--surface-spectrum-lime)}[data-color=magenta]{--foreground: var(--foreground-spectrum-magenta);--background: var(--surface-spectrum-magenta)}[data-color=orange]{--foreground: var(--foreground-spectrum-orange);--background: var(--surface-spectrum-orange)}[data-color=pink]{--foreground: var(--foreground-spectrum-pink);--background: var(--surface-spectrum-pink)}[data-color=purple]{--foreground: var(--foreground-spectrum-purple);--background: var(--surface-spectrum-purple)}[data-color=red]{--foreground: var(--foreground-spectrum-red);--background: var(--surface-spectrum-red)}[data-color=teal]{--foreground: var(--foreground-spectrum-teal);--background: var(--surface-spectrum-teal)}[data-color=yellow]{--foreground: var(--foreground-spectrum-yellow);--background: var(--surface-spectrum-yellow)}*,*::before,*::after{box-sizing:border-box}*{margin:0;padding:0}html:has(body[data-bspk]){height:100%;scroll-behavior:smooth}body[data-bspk]{--z-index-tooltip-popover: 1100;--z-index-dialog: 1000;--z-index-dropdown: 900;--z-index-fab: 800;--z-index-navbar: 700;--z-index-footer: 600;height:100%;scroll-behavior:smooth;font:var(--body-base);background-color:var(--background-base);color:var(--foreground-neutral-on-surface)}@media(prefers-reduced-motion){body[data-bspk] [data-animated]{animation:none !important}}body[data-bspk] a{color:var(--foreground-link-text-default)}body[data-bspk] a:not([disabled]):hover{color:var(--foreground-link-text-default-hovered)}body[data-bspk] a:not([disabled]):active{color:var(--foreground-link-text-default);filter:brightness(80%)}body[data-bspk] a:not([disabled]):visited{color:var(--foreground-link-text-default-visited)}body[data-bspk] a[disabled]{pointer-events:none;cursor:text;color:var(--foreground-link-text-default-disabled)}body[data-bspk] a[data-default]{color:var(--foreground-link-text-default) !important}body[data-bspk] a[data-hover]{color:var(--foreground-link-text-default-hovered) !important}body[data-bspk] a[data-active]{color:var(--foreground-link-text-default) !important;filter:brightness(80%)}body[data-bspk] a[data-visited]{color:var(--foreground-link-text-default-visited) !important}body[data-bspk] a[data-subtle]{text-decoration:none;color:var(--foreground-neutral-on-surface)}body[data-bspk] a[data-subtle]:not([disabled]):hover{text-decoration:underline;color:var(--foreground-link-text-subtle-hovered)}body[data-bspk] a[data-subtle]:not([disabled]):active{text-decoration:underline;color:var(--foreground-link-text-subtle-pressed)}body[data-bspk] a[data-subtle]:not([disabled]):visited{color:var(--foreground-neutral-on-surface)}body[data-bspk] a[data-subtle][disabled]{pointer-events:none;color:var(--foreground-link-text-subtle-disabled)}body[data-bspk] a[data-subtle][data-default]{text-decoration:none;color:var(--foreground-neutral-on-surface)}body[data-bspk] a[data-subtle][data-hover]{text-decoration:underline;color:var(--foreground-link-text-subtle-hovered) !important}body[data-bspk] a[data-subtle][data-active]{text-decoration:underline;color:var(--foreground-link-text-subtle-pressed) !important}body[data-bspk] a[data-subtle][data-visited]{color:var(--foreground-neutral-on-surface) !important}body[data-bspk] a[data-subtle-inverse]{text-decoration:none;color:var(--foreground-neutral-inverse-on-surface)}body[data-bspk] a[data-subtle-inverse]:not([disabled]):hover{text-decoration:underline;color:var(--foreground-link-text-subtle-inverse-hovered)}body[data-bspk] a[data-subtle-inverse]:not([disabled]):active{text-decoration:underline;color:var(--foreground-link-text-subtle-inverse-pressed)}body[data-bspk] a[data-subtle-inverse]:not([disabled]):visited{color:var(--foreground-neutral-inverse-on-surface)}body[data-bspk] a[data-subtle-inverse][disabled]{pointer-events:none;color:var(--foreground-link-text-subtle-inversed-disabled)}body[data-bspk] a[data-subtle-inverse][data-default]{text-decoration:none;color:var(--foreground-neutral-inverse-on-surface)}body[data-bspk] a[data-subtle-inverse][data-hover]{text-decoration:underline;color:var(--foreground-link-text-subtle-inverse-hovered) !important}body[data-bspk] a[data-subtle-inverse][data-active]{text-decoration:underline;color:var(--foreground-link-text-subtle-inverse-pressed) !important}body[data-bspk] a[data-subtle-inverse][data-visited]{color:var(--foreground-neutral-inverse-on-surface) !important}body[data-bspk] input:-internal-autofill-previewed,body[data-bspk] input:-internal-autofill-selected,body[data-bspk] textarea:-internal-autofill-previewed,body[data-bspk] textarea:-internal-autofill-selected,body[data-bspk] select:-internal-autofill-previewed,body[data-bspk] select:-internal-autofill-selected{transition:color calc(infinity*1s) step-end,background-color calc(infinity*1s) step-end}body[data-bspk] [data-sr-only]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}body[data-bspk] ol{list-style-type:decimal}body[data-bspk] ol li{list-style-type:decimal;margin-left:var(--spacing-sizing-05)}body[data-bspk] ul{list-style-type:disc}body[data-bspk] ul li{list-style-type:disc;margin-left:var(--spacing-sizing-05)}body[data-bspk] [data-touch-target]{display:none;touch-action:manipulation;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-touch-callout:none;user-select:none;position:absolute;z-index:1;height:100%;width:100%;top:auto;left:auto}body[data-bspk] [data-touch-target]~*{position:relative;z-index:2}@media(any-pointer: coarse){body[data-bspk] [data-touch-target]{display:block}}`);;
|
|
5
5
|
/**
|
|
6
6
|
* Utility to provide the ERA styles to the application.
|
|
7
7
|
*
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import '@bspk/styles/sothebys.css';
|
|
3
3
|
import { styleAdd } from './utils/styleAdd';
|
|
4
|
-
styleAdd(`[data-color=grey]{--foreground: var(--foreground-neutral-on-surface-variant-01);--background: var(--surface-neutral-t2-lowest)}[data-color=white]{--foreground: var(--foreground-neutral-on-surface-variant-01);--background: var(--surface-neutral-t1-base)}[data-color=primary]{--foreground: var(--foreground-brand-primary-depth);--background: var(--surface-brand-primary-highlight)}[data-color=secondary]{--foreground: var(--foreground-brand-secondary-depth);--background: var(--surface-brand-secondary-highlight)}[data-color=blue]{--foreground: var(--foreground-spectrum-blue);--background: var(--surface-spectrum-blue)}[data-color=green]{--foreground: var(--foreground-spectrum-green);--background: var(--surface-spectrum-green)}[data-color=lime]{--foreground: var(--foreground-spectrum-lime);--background: var(--surface-spectrum-lime)}[data-color=magenta]{--foreground: var(--foreground-spectrum-magenta);--background: var(--surface-spectrum-magenta)}[data-color=orange]{--foreground: var(--foreground-spectrum-orange);--background: var(--surface-spectrum-orange)}[data-color=pink]{--foreground: var(--foreground-spectrum-pink);--background: var(--surface-spectrum-pink)}[data-color=purple]{--foreground: var(--foreground-spectrum-purple);--background: var(--surface-spectrum-purple)}[data-color=red]{--foreground: var(--foreground-spectrum-red);--background: var(--surface-spectrum-red)}[data-color=teal]{--foreground: var(--foreground-spectrum-teal);--background: var(--surface-spectrum-teal)}[data-color=yellow]{--foreground: var(--foreground-spectrum-yellow);--background: var(--surface-spectrum-yellow)}:
|
|
4
|
+
styleAdd(`[data-color=grey]{--foreground: var(--foreground-neutral-on-surface-variant-01);--background: var(--surface-neutral-t2-lowest)}[data-color=white]{--foreground: var(--foreground-neutral-on-surface-variant-01);--background: var(--surface-neutral-t1-base)}[data-color=primary]{--foreground: var(--foreground-brand-primary-depth);--background: var(--surface-brand-primary-highlight)}[data-color=secondary]{--foreground: var(--foreground-brand-secondary-depth);--background: var(--surface-brand-secondary-highlight)}[data-color=blue]{--foreground: var(--foreground-spectrum-blue);--background: var(--surface-spectrum-blue)}[data-color=green]{--foreground: var(--foreground-spectrum-green);--background: var(--surface-spectrum-green)}[data-color=lime]{--foreground: var(--foreground-spectrum-lime);--background: var(--surface-spectrum-lime)}[data-color=magenta]{--foreground: var(--foreground-spectrum-magenta);--background: var(--surface-spectrum-magenta)}[data-color=orange]{--foreground: var(--foreground-spectrum-orange);--background: var(--surface-spectrum-orange)}[data-color=pink]{--foreground: var(--foreground-spectrum-pink);--background: var(--surface-spectrum-pink)}[data-color=purple]{--foreground: var(--foreground-spectrum-purple);--background: var(--surface-spectrum-purple)}[data-color=red]{--foreground: var(--foreground-spectrum-red);--background: var(--surface-spectrum-red)}[data-color=teal]{--foreground: var(--foreground-spectrum-teal);--background: var(--surface-spectrum-teal)}[data-color=yellow]{--foreground: var(--foreground-spectrum-yellow);--background: var(--surface-spectrum-yellow)}*,*::before,*::after{box-sizing:border-box}*{margin:0;padding:0}html:has(body[data-bspk]){height:100%;scroll-behavior:smooth}body[data-bspk]{--z-index-tooltip-popover: 1100;--z-index-dialog: 1000;--z-index-dropdown: 900;--z-index-fab: 800;--z-index-navbar: 700;--z-index-footer: 600;height:100%;scroll-behavior:smooth;font:var(--body-base);background-color:var(--background-base);color:var(--foreground-neutral-on-surface)}@media(prefers-reduced-motion){body[data-bspk] [data-animated]{animation:none !important}}body[data-bspk] a{color:var(--foreground-link-text-default)}body[data-bspk] a:not([disabled]):hover{color:var(--foreground-link-text-default-hovered)}body[data-bspk] a:not([disabled]):active{color:var(--foreground-link-text-default);filter:brightness(80%)}body[data-bspk] a:not([disabled]):visited{color:var(--foreground-link-text-default-visited)}body[data-bspk] a[disabled]{pointer-events:none;cursor:text;color:var(--foreground-link-text-default-disabled)}body[data-bspk] a[data-default]{color:var(--foreground-link-text-default) !important}body[data-bspk] a[data-hover]{color:var(--foreground-link-text-default-hovered) !important}body[data-bspk] a[data-active]{color:var(--foreground-link-text-default) !important;filter:brightness(80%)}body[data-bspk] a[data-visited]{color:var(--foreground-link-text-default-visited) !important}body[data-bspk] a[data-subtle]{text-decoration:none;color:var(--foreground-neutral-on-surface)}body[data-bspk] a[data-subtle]:not([disabled]):hover{text-decoration:underline;color:var(--foreground-link-text-subtle-hovered)}body[data-bspk] a[data-subtle]:not([disabled]):active{text-decoration:underline;color:var(--foreground-link-text-subtle-pressed)}body[data-bspk] a[data-subtle]:not([disabled]):visited{color:var(--foreground-neutral-on-surface)}body[data-bspk] a[data-subtle][disabled]{pointer-events:none;color:var(--foreground-link-text-subtle-disabled)}body[data-bspk] a[data-subtle][data-default]{text-decoration:none;color:var(--foreground-neutral-on-surface)}body[data-bspk] a[data-subtle][data-hover]{text-decoration:underline;color:var(--foreground-link-text-subtle-hovered) !important}body[data-bspk] a[data-subtle][data-active]{text-decoration:underline;color:var(--foreground-link-text-subtle-pressed) !important}body[data-bspk] a[data-subtle][data-visited]{color:var(--foreground-neutral-on-surface) !important}body[data-bspk] a[data-subtle-inverse]{text-decoration:none;color:var(--foreground-neutral-inverse-on-surface)}body[data-bspk] a[data-subtle-inverse]:not([disabled]):hover{text-decoration:underline;color:var(--foreground-link-text-subtle-inverse-hovered)}body[data-bspk] a[data-subtle-inverse]:not([disabled]):active{text-decoration:underline;color:var(--foreground-link-text-subtle-inverse-pressed)}body[data-bspk] a[data-subtle-inverse]:not([disabled]):visited{color:var(--foreground-neutral-inverse-on-surface)}body[data-bspk] a[data-subtle-inverse][disabled]{pointer-events:none;color:var(--foreground-link-text-subtle-inversed-disabled)}body[data-bspk] a[data-subtle-inverse][data-default]{text-decoration:none;color:var(--foreground-neutral-inverse-on-surface)}body[data-bspk] a[data-subtle-inverse][data-hover]{text-decoration:underline;color:var(--foreground-link-text-subtle-inverse-hovered) !important}body[data-bspk] a[data-subtle-inverse][data-active]{text-decoration:underline;color:var(--foreground-link-text-subtle-inverse-pressed) !important}body[data-bspk] a[data-subtle-inverse][data-visited]{color:var(--foreground-neutral-inverse-on-surface) !important}body[data-bspk] input:-internal-autofill-previewed,body[data-bspk] input:-internal-autofill-selected,body[data-bspk] textarea:-internal-autofill-previewed,body[data-bspk] textarea:-internal-autofill-selected,body[data-bspk] select:-internal-autofill-previewed,body[data-bspk] select:-internal-autofill-selected{transition:color calc(infinity*1s) step-end,background-color calc(infinity*1s) step-end}body[data-bspk] [data-sr-only]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}body[data-bspk] ol{list-style-type:decimal}body[data-bspk] ol li{list-style-type:decimal;margin-left:var(--spacing-sizing-05)}body[data-bspk] ul{list-style-type:disc}body[data-bspk] ul li{list-style-type:disc;margin-left:var(--spacing-sizing-05)}body[data-bspk] [data-touch-target]{display:none;touch-action:manipulation;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-touch-callout:none;user-select:none;position:absolute;z-index:1;height:100%;width:100%;top:auto;left:auto}body[data-bspk] [data-touch-target]~*{position:relative;z-index:2}@media(any-pointer: coarse){body[data-bspk] [data-touch-target]{display:block}}`);;
|
|
5
5
|
/**
|
|
6
6
|
* Utility to provide the Sotheby's styles to the application.
|
|
7
7
|
*
|
package/dist/Tooltip.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
2
|
import { styleAdd } from './utils/styleAdd';
|
|
3
|
-
styleAdd(`[data-bspk=tooltip]{position:fixed;pointer-events:none;z-index:var(--z-index-tooltip-popover);--arrow-size: var(--spacing-sizing-01);--arrow-offset: calc(var(--arrow-size) * -2)}[data-bspk=tooltip] [data-text]{display:block;z-index:2;position:relative;background-color:var(--surface-neutral-inverse);border-radius:var(--radius-small);color:var(--foreground-neutral-on-inverse-surface);box-shadow:var(--drop-shadow-float);font:var(--labels-small);padding:var(--spacing-sizing-01) var(--spacing-sizing-02);border:none;transition:opacity .2s ease-in-out;width:max-content}[data-bspk=tooltip] [data-arrow]{display:block;z-index:1;position:absolute;width:0;height:0;border-style:solid;border-width:var(--arrow-size) var(--arrow-size) var(--arrow-size) var(--arrow-size);border-color:rgba(0,0,0,0)}[data-bspk=tooltip][data-placement=bottom] [data-arrow]{top:var(--arrow-offset);border-bottom-color:var(--
|
|
3
|
+
styleAdd(`[data-bspk=tooltip]{position:fixed;pointer-events:none;z-index:var(--z-index-tooltip-popover);--arrow-size: var(--spacing-sizing-01);--arrow-offset: calc(var(--arrow-size) * -2);--arrow-color: var(--surface-neutral-inverse)}[data-bspk=tooltip] [data-text]{display:block;z-index:2;position:relative;background-color:var(--surface-neutral-inverse);border-radius:var(--radius-small);color:var(--foreground-neutral-on-inverse-surface);box-shadow:var(--drop-shadow-float);font:var(--labels-small);padding:var(--spacing-sizing-01) var(--spacing-sizing-02);border:none;transition:opacity .2s ease-in-out;width:max-content}[data-bspk=tooltip] [data-arrow]{display:block;z-index:1;position:absolute;width:0;height:0;border-style:solid;border-width:var(--arrow-size) var(--arrow-size) var(--arrow-size) var(--arrow-size);border-color:rgba(0,0,0,0)}[data-bspk=tooltip][data-placement=bottom] [data-arrow]{top:var(--arrow-offset);border-bottom-color:var(--arrow-color)}[data-bspk=tooltip][data-placement=top] [data-arrow]{border-top-color:var(--arrow-color)}[data-bspk=tooltip][data-placement=right] [data-arrow]{margin-left:var(--arrow-offset);border-right-color:var(--arrow-color)}[data-bspk=tooltip][data-placement=left] [data-arrow]{right:var(--arrow-offset);border-left-color:var(--arrow-color)}`);;
|
|
4
4
|
import { cloneElement, useId, useMemo, useRef, useState } from 'react';
|
|
5
5
|
import { Portal } from './Portal';
|
|
6
6
|
import { useFloating } from './hooks/useFloating';
|
|
@@ -38,7 +38,7 @@ function Tooltip({ placement = DEFAULT.placement, label, children, disabled = DE
|
|
|
38
38
|
}), [children, disabled, id]);
|
|
39
39
|
const arrowRef = useRef(null);
|
|
40
40
|
const { floatingStyles, middlewareData, elements } = useFloating({
|
|
41
|
-
placement
|
|
41
|
+
placement,
|
|
42
42
|
strategy: 'fixed',
|
|
43
43
|
offsetOptions: showTail ? 8 : 4,
|
|
44
44
|
arrowRef,
|
|
@@ -47,9 +47,14 @@ function Tooltip({ placement = DEFAULT.placement, label, children, disabled = DE
|
|
|
47
47
|
return disabled ? (children) : (_jsxs(_Fragment, { children: [child, label && (_jsx(Portal, { children: _jsxs("div", { "data-bspk": "tooltip", "data-placement": middlewareData?.offset?.placement, id: id, ref: (node) => {
|
|
48
48
|
elements.setFloating(node);
|
|
49
49
|
elements.setTrigger(document.querySelector(`[aria-describedby="${id}"]`));
|
|
50
|
-
}, role: "tooltip", style: floatingStyles, children: [_jsx("span", { "data-text": true, children: label }),
|
|
50
|
+
}, role: "tooltip", style: floatingStyles, children: [_jsx("span", { "data-text": true, children: label }), _jsx("span", { "aria-hidden": true, "data-arrow": true, ref: (node) => {
|
|
51
51
|
arrowRef.current = node;
|
|
52
|
-
}
|
|
52
|
+
}, style: {
|
|
53
|
+
zIndex: 1000,
|
|
54
|
+
opacity: showTail ? 1 : 0,
|
|
55
|
+
left: middlewareData.arrow?.x != null ? `${middlewareData.arrow?.x}px` : '',
|
|
56
|
+
top: middlewareData.arrow?.y != null ? `${middlewareData.arrow?.y}px` : '',
|
|
57
|
+
} })] }) }))] }));
|
|
53
58
|
}
|
|
54
59
|
Tooltip.bspkName = 'Tooltip';
|
|
55
60
|
export { Tooltip };
|
package/dist/Tooltip.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../src/Tooltip.tsx"],"names":[],"mappings":";AAAA,OAAO,gBAAgB,CAAC;AACxB,OAAO,EAAgB,YAAY,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAErF,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAa,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAE7D,MAAM,OAAO,GAAG;IACZ,SAAS,EAAE,KAAK;IAChB,QAAQ,EAAE,IAAI;IACd,QAAQ,EAAE,KAAK;CACT,CAAC;AA4BX;;;;;;;;;;;;;;;;GAgBG;AACH,SAAS,OAAO,CAAC,EACb,SAAS,GAAG,OAAO,CAAC,SAAS,EAC7B,KAAK,EACL,QAAQ,EACR,QAAQ,GAAG,OAAO,CAAC,QAAQ,EAC3B,QAAQ,GAAG,OAAO,CAAC,QAAQ,GAChB;IACX,MAAM,EAAE,GAAG,KAAK,EAAE,CAAC;IACnB,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAExC,MAAM,KAAK,GAAG,OAAO,CACjB,GAAG,EAAE,CACD,CAAC,QAAQ;QACT,QAAQ;QACR,YAAY,CAAC,QAAQ,EAAE;YACnB,WAAW,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC;YAChC,YAAY,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC;YAClC,kBAAkB,EAAE,EAAE;SACzB,CAAC,EACN,CAAC,QAAQ,EAAE,QAAQ,EAAE,EAAE,CAAC,CAC3B,CAAC;IAEF,MAAM,QAAQ,GAAG,MAAM,CAAqB,IAAI,CAAC,CAAC;IAElD,MAAM,EAAE,cAAc,EAAE,cAAc,EAAE,QAAQ,EAAE,GAAG,WAAW,CAAC;QAC7D,SAAS
|
|
1
|
+
{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../src/Tooltip.tsx"],"names":[],"mappings":"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"}
|
package/dist/badge.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
[data-bspk=badge]{--size: var(--spacing-sizing-06);--padding-x: var(--spacing-sizing-02)
|
|
1
|
+
[data-bspk=badge]{--size: var(--spacing-sizing-06);--padding-x: var(--spacing-sizing-02);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-circular);height:var(--size);width:fit-content;padding:0 var(--padding-x);min-width:var(--size);font:var(--labels-x-small);color:var(--foreground-brand-on-primary);background:var(--surface-brand-primary)}[data-bspk=badge][data-size=x-small]{--size: var(--spacing-sizing-05);--padding-x: var(--spacing-sizing-01)}[data-bspk=badge][data-variant=secondary]{color:var(--foreground-brand-on-secondary);background:var(--surface-brand-secondary)}[data-bspk=badge][data-surface-border]{padding:0 calc(var(--padding-x) - 2px);border:2px solid var(--surface-neutral-t1-base)}[data-bspk=badge-wrapper]{display:inline-flex;align-items:center;justify-content:center;position:relative;width:fit-content;height:fit-content;flex-shrink:0}[data-bspk=badge-wrapper] [data-bspk=badge]{position:absolute;top:0;right:0;transform:scale(1) translate(50%, -50%);transform-origin:100% 0%;z-index:2}
|
package/dist/base.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
[data-color=grey]{--foreground: var(--foreground-neutral-on-surface-variant-01);--background: var(--surface-neutral-t2-lowest)}[data-color=white]{--foreground: var(--foreground-neutral-on-surface-variant-01);--background: var(--surface-neutral-t1-base)}[data-color=primary]{--foreground: var(--foreground-brand-primary-depth);--background: var(--surface-brand-primary-highlight)}[data-color=secondary]{--foreground: var(--foreground-brand-secondary-depth);--background: var(--surface-brand-secondary-highlight)}[data-color=blue]{--foreground: var(--foreground-spectrum-blue);--background: var(--surface-spectrum-blue)}[data-color=green]{--foreground: var(--foreground-spectrum-green);--background: var(--surface-spectrum-green)}[data-color=lime]{--foreground: var(--foreground-spectrum-lime);--background: var(--surface-spectrum-lime)}[data-color=magenta]{--foreground: var(--foreground-spectrum-magenta);--background: var(--surface-spectrum-magenta)}[data-color=orange]{--foreground: var(--foreground-spectrum-orange);--background: var(--surface-spectrum-orange)}[data-color=pink]{--foreground: var(--foreground-spectrum-pink);--background: var(--surface-spectrum-pink)}[data-color=purple]{--foreground: var(--foreground-spectrum-purple);--background: var(--surface-spectrum-purple)}[data-color=red]{--foreground: var(--foreground-spectrum-red);--background: var(--surface-spectrum-red)}[data-color=teal]{--foreground: var(--foreground-spectrum-teal);--background: var(--surface-spectrum-teal)}[data-color=yellow]{--foreground: var(--foreground-spectrum-yellow);--background: var(--surface-spectrum-yellow)}:
|
|
1
|
+
[data-color=grey]{--foreground: var(--foreground-neutral-on-surface-variant-01);--background: var(--surface-neutral-t2-lowest)}[data-color=white]{--foreground: var(--foreground-neutral-on-surface-variant-01);--background: var(--surface-neutral-t1-base)}[data-color=primary]{--foreground: var(--foreground-brand-primary-depth);--background: var(--surface-brand-primary-highlight)}[data-color=secondary]{--foreground: var(--foreground-brand-secondary-depth);--background: var(--surface-brand-secondary-highlight)}[data-color=blue]{--foreground: var(--foreground-spectrum-blue);--background: var(--surface-spectrum-blue)}[data-color=green]{--foreground: var(--foreground-spectrum-green);--background: var(--surface-spectrum-green)}[data-color=lime]{--foreground: var(--foreground-spectrum-lime);--background: var(--surface-spectrum-lime)}[data-color=magenta]{--foreground: var(--foreground-spectrum-magenta);--background: var(--surface-spectrum-magenta)}[data-color=orange]{--foreground: var(--foreground-spectrum-orange);--background: var(--surface-spectrum-orange)}[data-color=pink]{--foreground: var(--foreground-spectrum-pink);--background: var(--surface-spectrum-pink)}[data-color=purple]{--foreground: var(--foreground-spectrum-purple);--background: var(--surface-spectrum-purple)}[data-color=red]{--foreground: var(--foreground-spectrum-red);--background: var(--surface-spectrum-red)}[data-color=teal]{--foreground: var(--foreground-spectrum-teal);--background: var(--surface-spectrum-teal)}[data-color=yellow]{--foreground: var(--foreground-spectrum-yellow);--background: var(--surface-spectrum-yellow)}*,*::before,*::after{box-sizing:border-box}*{margin:0;padding:0}html:has(body[data-bspk]){height:100%;scroll-behavior:smooth}body[data-bspk]{--z-index-tooltip-popover: 1100;--z-index-dialog: 1000;--z-index-dropdown: 900;--z-index-fab: 800;--z-index-navbar: 700;--z-index-footer: 600;height:100%;scroll-behavior:smooth;font:var(--body-base);background-color:var(--background-base);color:var(--foreground-neutral-on-surface)}@media(prefers-reduced-motion){body[data-bspk] [data-animated]{animation:none !important}}body[data-bspk] a{color:var(--foreground-link-text-default)}body[data-bspk] a:not([disabled]):hover{color:var(--foreground-link-text-default-hovered)}body[data-bspk] a:not([disabled]):active{color:var(--foreground-link-text-default);filter:brightness(80%)}body[data-bspk] a:not([disabled]):visited{color:var(--foreground-link-text-default-visited)}body[data-bspk] a[disabled]{pointer-events:none;cursor:text;color:var(--foreground-link-text-default-disabled)}body[data-bspk] a[data-default]{color:var(--foreground-link-text-default) !important}body[data-bspk] a[data-hover]{color:var(--foreground-link-text-default-hovered) !important}body[data-bspk] a[data-active]{color:var(--foreground-link-text-default) !important;filter:brightness(80%)}body[data-bspk] a[data-visited]{color:var(--foreground-link-text-default-visited) !important}body[data-bspk] a[data-subtle]{text-decoration:none;color:var(--foreground-neutral-on-surface)}body[data-bspk] a[data-subtle]:not([disabled]):hover{text-decoration:underline;color:var(--foreground-link-text-subtle-hovered)}body[data-bspk] a[data-subtle]:not([disabled]):active{text-decoration:underline;color:var(--foreground-link-text-subtle-pressed)}body[data-bspk] a[data-subtle]:not([disabled]):visited{color:var(--foreground-neutral-on-surface)}body[data-bspk] a[data-subtle][disabled]{pointer-events:none;color:var(--foreground-link-text-subtle-disabled)}body[data-bspk] a[data-subtle][data-default]{text-decoration:none;color:var(--foreground-neutral-on-surface)}body[data-bspk] a[data-subtle][data-hover]{text-decoration:underline;color:var(--foreground-link-text-subtle-hovered) !important}body[data-bspk] a[data-subtle][data-active]{text-decoration:underline;color:var(--foreground-link-text-subtle-pressed) !important}body[data-bspk] a[data-subtle][data-visited]{color:var(--foreground-neutral-on-surface) !important}body[data-bspk] a[data-subtle-inverse]{text-decoration:none;color:var(--foreground-neutral-inverse-on-surface)}body[data-bspk] a[data-subtle-inverse]:not([disabled]):hover{text-decoration:underline;color:var(--foreground-link-text-subtle-inverse-hovered)}body[data-bspk] a[data-subtle-inverse]:not([disabled]):active{text-decoration:underline;color:var(--foreground-link-text-subtle-inverse-pressed)}body[data-bspk] a[data-subtle-inverse]:not([disabled]):visited{color:var(--foreground-neutral-inverse-on-surface)}body[data-bspk] a[data-subtle-inverse][disabled]{pointer-events:none;color:var(--foreground-link-text-subtle-inversed-disabled)}body[data-bspk] a[data-subtle-inverse][data-default]{text-decoration:none;color:var(--foreground-neutral-inverse-on-surface)}body[data-bspk] a[data-subtle-inverse][data-hover]{text-decoration:underline;color:var(--foreground-link-text-subtle-inverse-hovered) !important}body[data-bspk] a[data-subtle-inverse][data-active]{text-decoration:underline;color:var(--foreground-link-text-subtle-inverse-pressed) !important}body[data-bspk] a[data-subtle-inverse][data-visited]{color:var(--foreground-neutral-inverse-on-surface) !important}body[data-bspk] input:-internal-autofill-previewed,body[data-bspk] input:-internal-autofill-selected,body[data-bspk] textarea:-internal-autofill-previewed,body[data-bspk] textarea:-internal-autofill-selected,body[data-bspk] select:-internal-autofill-previewed,body[data-bspk] select:-internal-autofill-selected{transition:color calc(infinity*1s) step-end,background-color calc(infinity*1s) step-end}body[data-bspk] [data-sr-only]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}body[data-bspk] ol{list-style-type:decimal}body[data-bspk] ol li{list-style-type:decimal;margin-left:var(--spacing-sizing-05)}body[data-bspk] ul{list-style-type:disc}body[data-bspk] ul li{list-style-type:disc;margin-left:var(--spacing-sizing-05)}body[data-bspk] [data-touch-target]{display:none;touch-action:manipulation;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-touch-callout:none;user-select:none;position:absolute;z-index:1;height:100%;width:100%;top:auto;left:auto}body[data-bspk] [data-touch-target]~*{position:relative;z-index:2}@media(any-pointer: coarse){body[data-bspk] [data-touch-target]{display:block}}
|
package/dist/demo/examples.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"examples.js","sourceRoot":"","sources":["../../src/demo/examples.tsx"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"examples.js","sourceRoot":"","sources":["../../src/demo/examples.tsx"],"names":[],"mappings":"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"}
|
package/dist/tooltip.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
[data-bspk=tooltip]{position:fixed;pointer-events:none;z-index:var(--z-index-tooltip-popover);--arrow-size: var(--spacing-sizing-01);--arrow-offset: calc(var(--arrow-size) * -2)}[data-bspk=tooltip] [data-text]{display:block;z-index:2;position:relative;background-color:var(--surface-neutral-inverse);border-radius:var(--radius-small);color:var(--foreground-neutral-on-inverse-surface);box-shadow:var(--drop-shadow-float);font:var(--labels-small);padding:var(--spacing-sizing-01) var(--spacing-sizing-02);border:none;transition:opacity .2s ease-in-out;width:max-content}[data-bspk=tooltip] [data-arrow]{display:block;z-index:1;position:absolute;width:0;height:0;border-style:solid;border-width:var(--arrow-size) var(--arrow-size) var(--arrow-size) var(--arrow-size);border-color:rgba(0,0,0,0)}[data-bspk=tooltip][data-placement=bottom] [data-arrow]{top:var(--arrow-offset);border-bottom-color:var(--
|
|
1
|
+
[data-bspk=tooltip]{position:fixed;pointer-events:none;z-index:var(--z-index-tooltip-popover);--arrow-size: var(--spacing-sizing-01);--arrow-offset: calc(var(--arrow-size) * -2);--arrow-color: var(--surface-neutral-inverse)}[data-bspk=tooltip] [data-text]{display:block;z-index:2;position:relative;background-color:var(--surface-neutral-inverse);border-radius:var(--radius-small);color:var(--foreground-neutral-on-inverse-surface);box-shadow:var(--drop-shadow-float);font:var(--labels-small);padding:var(--spacing-sizing-01) var(--spacing-sizing-02);border:none;transition:opacity .2s ease-in-out;width:max-content}[data-bspk=tooltip] [data-arrow]{display:block;z-index:1;position:absolute;width:0;height:0;border-style:solid;border-width:var(--arrow-size) var(--arrow-size) var(--arrow-size) var(--arrow-size);border-color:rgba(0,0,0,0)}[data-bspk=tooltip][data-placement=bottom] [data-arrow]{top:var(--arrow-offset);border-bottom-color:var(--arrow-color)}[data-bspk=tooltip][data-placement=top] [data-arrow]{border-top-color:var(--arrow-color)}[data-bspk=tooltip][data-placement=right] [data-arrow]{margin-left:var(--arrow-offset);border-right-color:var(--arrow-color)}[data-bspk=tooltip][data-placement=left] [data-arrow]{right:var(--arrow-offset);border-left-color:var(--arrow-color)}
|
package/package.json
CHANGED
package/src/Tooltip.tsx
CHANGED
|
@@ -78,7 +78,7 @@ function Tooltip({
|
|
|
78
78
|
const arrowRef = useRef<HTMLElement | null>(null);
|
|
79
79
|
|
|
80
80
|
const { floatingStyles, middlewareData, elements } = useFloating({
|
|
81
|
-
placement
|
|
81
|
+
placement,
|
|
82
82
|
strategy: 'fixed',
|
|
83
83
|
offsetOptions: showTail ? 8 : 4,
|
|
84
84
|
arrowRef,
|
|
@@ -104,15 +104,19 @@ function Tooltip({
|
|
|
104
104
|
style={floatingStyles}
|
|
105
105
|
>
|
|
106
106
|
<span data-text>{label}</span>
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
107
|
+
<span
|
|
108
|
+
aria-hidden
|
|
109
|
+
data-arrow
|
|
110
|
+
ref={(node) => {
|
|
111
|
+
arrowRef.current = node;
|
|
112
|
+
}}
|
|
113
|
+
style={{
|
|
114
|
+
zIndex: 1000,
|
|
115
|
+
opacity: showTail ? 1 : 0,
|
|
116
|
+
left: middlewareData.arrow?.x != null ? `${middlewareData.arrow?.x}px` : '',
|
|
117
|
+
top: middlewareData.arrow?.y != null ? `${middlewareData.arrow?.y}px` : '',
|
|
118
|
+
}}
|
|
119
|
+
/>
|
|
116
120
|
</div>
|
|
117
121
|
</Portal>
|
|
118
122
|
)}
|
package/src/badge.scss
CHANGED
|
@@ -1,8 +1,6 @@
|
|
|
1
1
|
[data-bspk='badge'] {
|
|
2
2
|
--size: var(--spacing-sizing-06);
|
|
3
3
|
--padding-x: var(--spacing-sizing-02);
|
|
4
|
-
--padding-y: 0;
|
|
5
|
-
--border-width: 0;
|
|
6
4
|
|
|
7
5
|
display: flex;
|
|
8
6
|
align-items: center;
|
|
@@ -10,18 +8,15 @@
|
|
|
10
8
|
border-radius: var(--radius-circular);
|
|
11
9
|
height: var(--size);
|
|
12
10
|
width: fit-content;
|
|
11
|
+
padding: 0 var(--padding-x);
|
|
13
12
|
min-width: var(--size);
|
|
14
13
|
font: var(--labels-x-small);
|
|
15
14
|
color: var(--foreground-brand-on-primary);
|
|
16
15
|
background: var(--surface-brand-primary);
|
|
17
16
|
|
|
18
|
-
// clip padding based on border width
|
|
19
|
-
padding: calc(var(--padding-y) - var(--border-width)) calc(var(--padding-x) - var(--border-width));
|
|
20
|
-
|
|
21
17
|
&[data-size='x-small'] {
|
|
22
18
|
--size: var(--spacing-sizing-05);
|
|
23
|
-
--padding-x:
|
|
24
|
-
--padding-y: var(--spacing-sizing-01);
|
|
19
|
+
--padding-x: var(--spacing-sizing-01);
|
|
25
20
|
}
|
|
26
21
|
|
|
27
22
|
&[data-variant='secondary'] {
|
|
@@ -30,8 +25,7 @@
|
|
|
30
25
|
}
|
|
31
26
|
|
|
32
27
|
&[data-surface-border] {
|
|
33
|
-
--
|
|
34
|
-
|
|
28
|
+
padding: 0 calc(var(--padding-x) - 2px);
|
|
35
29
|
border: 2px solid var(--surface-neutral-t1-base);
|
|
36
30
|
}
|
|
37
31
|
}
|
package/src/base.scss
CHANGED
|
@@ -10,15 +10,6 @@
|
|
|
10
10
|
|
|
11
11
|
@use './colors';
|
|
12
12
|
|
|
13
|
-
:root {
|
|
14
|
-
--z-index-tooltip-popover: 1100;
|
|
15
|
-
--z-index-dialog: 1000;
|
|
16
|
-
--z-index-dropdown: 900;
|
|
17
|
-
--z-index-fab: 800;
|
|
18
|
-
--z-index-navbar: 700;
|
|
19
|
-
--z-index-footer: 600;
|
|
20
|
-
}
|
|
21
|
-
|
|
22
13
|
*,
|
|
23
14
|
*::before,
|
|
24
15
|
*::after {
|
|
@@ -30,145 +21,230 @@
|
|
|
30
21
|
padding: 0;
|
|
31
22
|
}
|
|
32
23
|
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
}
|
|
24
|
+
html:has(body[data-bspk]) {
|
|
25
|
+
height: 100%;
|
|
26
|
+
scroll-behavior: smooth;
|
|
37
27
|
}
|
|
38
28
|
|
|
39
|
-
body
|
|
40
|
-
|
|
29
|
+
body[data-bspk] {
|
|
30
|
+
--z-index-tooltip-popover: 1100;
|
|
31
|
+
--z-index-dialog: 1000;
|
|
32
|
+
--z-index-dropdown: 900;
|
|
33
|
+
--z-index-fab: 800;
|
|
34
|
+
--z-index-navbar: 700;
|
|
35
|
+
--z-index-footer: 600;
|
|
36
|
+
|
|
41
37
|
height: 100%;
|
|
42
38
|
scroll-behavior: smooth;
|
|
43
|
-
}
|
|
44
39
|
|
|
45
|
-
|
|
40
|
+
@media (prefers-reduced-motion) {
|
|
41
|
+
[data-animated] {
|
|
42
|
+
animation: none !important;
|
|
43
|
+
}
|
|
44
|
+
}
|
|
45
|
+
|
|
46
46
|
font: var(--body-base);
|
|
47
47
|
background-color: var(--background-base);
|
|
48
48
|
color: var(--foreground-neutral-on-surface);
|
|
49
|
-
}
|
|
50
|
-
|
|
51
|
-
a {
|
|
52
|
-
color: var(--foreground-link-text-default);
|
|
53
49
|
|
|
54
|
-
|
|
55
|
-
color: var(--foreground-link-text-default
|
|
50
|
+
a {
|
|
51
|
+
color: var(--foreground-link-text-default);
|
|
52
|
+
|
|
53
|
+
&:not([disabled]) {
|
|
54
|
+
&:hover {
|
|
55
|
+
color: var(--foreground-link-text-default-hovered);
|
|
56
|
+
}
|
|
57
|
+
|
|
58
|
+
&:active {
|
|
59
|
+
color: var(--foreground-link-text-default);
|
|
60
|
+
filter: brightness(80%);
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
&:visited {
|
|
64
|
+
color: var(--foreground-link-text-default-visited);
|
|
65
|
+
}
|
|
66
|
+
}
|
|
67
|
+
|
|
68
|
+
&[disabled] {
|
|
69
|
+
pointer-events: none;
|
|
70
|
+
cursor: text;
|
|
71
|
+
color: var(--foreground-link-text-default-disabled);
|
|
72
|
+
}
|
|
73
|
+
|
|
74
|
+
&[data-default] {
|
|
75
|
+
color: var(--foreground-link-text-default) !important;
|
|
76
|
+
}
|
|
77
|
+
|
|
78
|
+
&[data-hover] {
|
|
79
|
+
color: var(--foreground-link-text-default-hovered) !important;
|
|
80
|
+
}
|
|
81
|
+
|
|
82
|
+
&[data-active] {
|
|
83
|
+
color: var(--foreground-link-text-default) !important;
|
|
84
|
+
filter: brightness(80%);
|
|
85
|
+
}
|
|
86
|
+
|
|
87
|
+
&[data-visited] {
|
|
88
|
+
color: var(--foreground-link-text-default-visited) !important;
|
|
89
|
+
}
|
|
56
90
|
}
|
|
57
91
|
|
|
58
|
-
|
|
59
|
-
|
|
92
|
+
a[data-subtle] {
|
|
93
|
+
text-decoration: none;
|
|
94
|
+
color: var(--foreground-neutral-on-surface);
|
|
95
|
+
|
|
96
|
+
&:not([disabled]) {
|
|
97
|
+
&:hover {
|
|
98
|
+
text-decoration: underline;
|
|
99
|
+
color: var(--foreground-link-text-subtle-hovered);
|
|
100
|
+
}
|
|
101
|
+
|
|
102
|
+
&:active {
|
|
103
|
+
text-decoration: underline;
|
|
104
|
+
color: var(--foreground-link-text-subtle-pressed);
|
|
105
|
+
}
|
|
106
|
+
|
|
107
|
+
&:visited {
|
|
108
|
+
color: var(--foreground-neutral-on-surface);
|
|
109
|
+
}
|
|
110
|
+
}
|
|
111
|
+
|
|
112
|
+
&[disabled] {
|
|
113
|
+
pointer-events: none;
|
|
114
|
+
color: var(--foreground-link-text-subtle-disabled);
|
|
115
|
+
}
|
|
116
|
+
|
|
117
|
+
&[data-default] {
|
|
118
|
+
text-decoration: none;
|
|
119
|
+
color: var(--foreground-neutral-on-surface);
|
|
120
|
+
}
|
|
121
|
+
|
|
122
|
+
&[data-hover] {
|
|
123
|
+
text-decoration: underline;
|
|
124
|
+
color: var(--foreground-link-text-subtle-hovered) !important;
|
|
125
|
+
}
|
|
126
|
+
|
|
127
|
+
&[data-active] {
|
|
128
|
+
text-decoration: underline;
|
|
129
|
+
color: var(--foreground-link-text-subtle-pressed) !important;
|
|
130
|
+
}
|
|
131
|
+
|
|
132
|
+
&[data-visited] {
|
|
133
|
+
color: var(--foreground-neutral-on-surface) !important;
|
|
134
|
+
}
|
|
60
135
|
}
|
|
61
136
|
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
137
|
+
a[data-subtle-inverse] {
|
|
138
|
+
text-decoration: none;
|
|
139
|
+
color: var(--foreground-neutral-inverse-on-surface);
|
|
140
|
+
|
|
141
|
+
&:not([disabled]) {
|
|
142
|
+
&:hover {
|
|
143
|
+
text-decoration: underline;
|
|
144
|
+
color: var(--foreground-link-text-subtle-inverse-hovered);
|
|
145
|
+
}
|
|
146
|
+
|
|
147
|
+
&:active {
|
|
148
|
+
text-decoration: underline;
|
|
149
|
+
color: var(--foreground-link-text-subtle-inverse-pressed);
|
|
150
|
+
}
|
|
151
|
+
|
|
152
|
+
&:visited {
|
|
153
|
+
color: var(--foreground-neutral-inverse-on-surface);
|
|
154
|
+
}
|
|
155
|
+
}
|
|
156
|
+
|
|
157
|
+
&[disabled] {
|
|
158
|
+
pointer-events: none;
|
|
159
|
+
color: var(--foreground-link-text-subtle-inversed-disabled);
|
|
160
|
+
}
|
|
161
|
+
|
|
162
|
+
&[data-default] {
|
|
163
|
+
text-decoration: none;
|
|
164
|
+
color: var(--foreground-neutral-inverse-on-surface);
|
|
165
|
+
}
|
|
166
|
+
|
|
167
|
+
&[data-hover] {
|
|
168
|
+
text-decoration: underline;
|
|
169
|
+
color: var(--foreground-link-text-subtle-inverse-hovered) !important;
|
|
170
|
+
}
|
|
171
|
+
|
|
172
|
+
&[data-active] {
|
|
173
|
+
text-decoration: underline;
|
|
174
|
+
color: var(--foreground-link-text-subtle-inverse-pressed) !important;
|
|
175
|
+
}
|
|
176
|
+
|
|
177
|
+
&[data-visited] {
|
|
178
|
+
color: var(--foreground-neutral-inverse-on-surface) !important;
|
|
179
|
+
}
|
|
66
180
|
}
|
|
67
|
-
}
|
|
68
|
-
|
|
69
|
-
a[data-subtle] {
|
|
70
|
-
text-decoration: none;
|
|
71
|
-
color: var(--foreground-neutral-on-surface);
|
|
72
181
|
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
182
|
+
/** Remove default input autofill styles */
|
|
183
|
+
input:-internal-autofill-previewed,
|
|
184
|
+
input:-internal-autofill-selected,
|
|
185
|
+
textarea:-internal-autofill-previewed,
|
|
186
|
+
textarea:-internal-autofill-selected,
|
|
187
|
+
select:-internal-autofill-previewed,
|
|
188
|
+
select:-internal-autofill-selected {
|
|
189
|
+
transition:
|
|
190
|
+
color calc(infinity * 1s) step-end,
|
|
191
|
+
background-color calc(infinity * 1s) step-end;
|
|
76
192
|
}
|
|
77
193
|
|
|
78
|
-
|
|
79
|
-
|
|
194
|
+
[data-sr-only] {
|
|
195
|
+
position: absolute;
|
|
196
|
+
width: 1px;
|
|
197
|
+
height: 1px;
|
|
198
|
+
padding: 0;
|
|
199
|
+
margin: -1px;
|
|
200
|
+
overflow: hidden;
|
|
201
|
+
clip: rect(0, 0, 0, 0);
|
|
202
|
+
white-space: nowrap;
|
|
203
|
+
border-width: 0;
|
|
80
204
|
}
|
|
81
205
|
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
color: var(--foreground-link-text-subtle-disabled);
|
|
85
|
-
}
|
|
86
|
-
}
|
|
87
|
-
|
|
88
|
-
a[data-subtle-inverse] {
|
|
89
|
-
text-decoration: none;
|
|
90
|
-
color: var(--foreground-neutral-inverse-on-surface);
|
|
206
|
+
ol {
|
|
207
|
+
list-style-type: decimal;
|
|
91
208
|
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
209
|
+
li {
|
|
210
|
+
list-style-type: decimal;
|
|
211
|
+
margin-left: var(--spacing-sizing-05);
|
|
212
|
+
}
|
|
95
213
|
}
|
|
96
214
|
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
}
|
|
215
|
+
ul {
|
|
216
|
+
list-style-type: disc;
|
|
100
217
|
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
218
|
+
li {
|
|
219
|
+
list-style-type: disc;
|
|
220
|
+
margin-left: var(--spacing-sizing-05);
|
|
221
|
+
}
|
|
104
222
|
}
|
|
105
|
-
}
|
|
106
|
-
|
|
107
|
-
/** Remove default input autofill styles */
|
|
108
|
-
input:-internal-autofill-previewed,
|
|
109
|
-
input:-internal-autofill-selected,
|
|
110
|
-
textarea:-internal-autofill-previewed,
|
|
111
|
-
textarea:-internal-autofill-selected,
|
|
112
|
-
select:-internal-autofill-previewed,
|
|
113
|
-
select:-internal-autofill-selected {
|
|
114
|
-
transition:
|
|
115
|
-
color calc(infinity * 1s) step-end,
|
|
116
|
-
background-color calc(infinity * 1s) step-end;
|
|
117
|
-
}
|
|
118
|
-
|
|
119
|
-
[data-sr-only] {
|
|
120
|
-
position: absolute;
|
|
121
|
-
width: 1px;
|
|
122
|
-
height: 1px;
|
|
123
|
-
padding: 0;
|
|
124
|
-
margin: -1px;
|
|
125
|
-
overflow: hidden;
|
|
126
|
-
clip: rect(0, 0, 0, 0);
|
|
127
|
-
white-space: nowrap;
|
|
128
|
-
border-width: 0;
|
|
129
|
-
}
|
|
130
|
-
|
|
131
|
-
ol {
|
|
132
|
-
list-style-type: decimal;
|
|
133
223
|
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
224
|
+
[data-touch-target] {
|
|
225
|
+
display: none;
|
|
226
|
+
touch-action: manipulation;
|
|
227
|
+
-webkit-tap-highlight-color: transparent;
|
|
228
|
+
-webkit-touch-callout: none;
|
|
229
|
+
user-select: none;
|
|
230
|
+
position: absolute;
|
|
231
|
+
z-index: 1;
|
|
232
|
+
height: 100%;
|
|
233
|
+
width: 100%;
|
|
234
|
+
top: auto;
|
|
235
|
+
left: auto;
|
|
137
236
|
}
|
|
138
|
-
}
|
|
139
237
|
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
li {
|
|
144
|
-
list-style-type: disc;
|
|
145
|
-
margin-left: var(--spacing-sizing-05);
|
|
238
|
+
[data-touch-target] ~ * {
|
|
239
|
+
position: relative;
|
|
240
|
+
z-index: 2;
|
|
146
241
|
}
|
|
147
|
-
}
|
|
148
242
|
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
user-select: none;
|
|
155
|
-
position: absolute;
|
|
156
|
-
z-index: 1;
|
|
157
|
-
height: 100%;
|
|
158
|
-
width: 100%;
|
|
159
|
-
top: auto;
|
|
160
|
-
left: auto;
|
|
161
|
-
}
|
|
162
|
-
|
|
163
|
-
[data-touch-target] ~ * {
|
|
164
|
-
position: relative;
|
|
165
|
-
z-index: 2;
|
|
166
|
-
}
|
|
167
|
-
|
|
168
|
-
/* if touchscreen */
|
|
169
|
-
@media (any-pointer: coarse) {
|
|
170
|
-
[data-touch-target] {
|
|
171
|
-
display: block;
|
|
243
|
+
/* if touchscreen */
|
|
244
|
+
@media (any-pointer: coarse) {
|
|
245
|
+
[data-touch-target] {
|
|
246
|
+
display: block;
|
|
247
|
+
}
|
|
172
248
|
}
|
|
173
249
|
}
|
|
174
250
|
|
package/src/demo/examples.tsx
CHANGED
package/src/tooltip.scss
CHANGED
|
@@ -20,6 +20,7 @@
|
|
|
20
20
|
|
|
21
21
|
--arrow-size: var(--spacing-sizing-01);
|
|
22
22
|
--arrow-offset: calc(var(--arrow-size) * -2);
|
|
23
|
+
--arrow-color: var(--surface-neutral-inverse);
|
|
23
24
|
|
|
24
25
|
[data-arrow] {
|
|
25
26
|
display: block;
|
|
@@ -35,27 +36,27 @@
|
|
|
35
36
|
&[data-placement='bottom'] {
|
|
36
37
|
[data-arrow] {
|
|
37
38
|
top: var(--arrow-offset);
|
|
38
|
-
border-bottom-color: var(--
|
|
39
|
+
border-bottom-color: var(--arrow-color);
|
|
39
40
|
}
|
|
40
41
|
}
|
|
41
42
|
|
|
42
43
|
&[data-placement='top'] {
|
|
43
44
|
[data-arrow] {
|
|
44
|
-
border-top-color: var(--
|
|
45
|
+
border-top-color: var(--arrow-color);
|
|
45
46
|
}
|
|
46
47
|
}
|
|
47
48
|
|
|
48
49
|
&[data-placement='right'] {
|
|
49
50
|
[data-arrow] {
|
|
50
51
|
margin-left: var(--arrow-offset);
|
|
51
|
-
border-right-color: var(--
|
|
52
|
+
border-right-color: var(--arrow-color);
|
|
52
53
|
}
|
|
53
54
|
}
|
|
54
55
|
|
|
55
56
|
&[data-placement='left'] {
|
|
56
57
|
[data-arrow] {
|
|
57
58
|
right: var(--arrow-offset);
|
|
58
|
-
border-left-color: var(--
|
|
59
|
+
border-left-color: var(--arrow-color);
|
|
59
60
|
}
|
|
60
61
|
}
|
|
61
62
|
}
|