@a-type/ui 2.0.8 → 2.0.9
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/cjs/components/tooltip/Tooltip.js +2 -2
- package/dist/cjs/components/tooltip/Tooltip.js.map +1 -1
- package/dist/css/main.css +1 -1
- package/dist/esm/components/tooltip/Tooltip.js +2 -2
- package/dist/esm/components/tooltip/Tooltip.js.map +1 -1
- package/package.json +1 -1
- package/src/components/tooltip/Tooltip.tsx +3 -3
|
@@ -55,8 +55,8 @@ const TooltipPrimitive = __importStar(require("@radix-ui/react-tooltip"));
|
|
|
55
55
|
const clsx_1 = __importDefault(require("clsx"));
|
|
56
56
|
const Box_js_1 = require("../box/Box.js");
|
|
57
57
|
function Content(_a) {
|
|
58
|
-
var { children, className, color } = _a, props = __rest(_a, ["children", "className", "color"]);
|
|
59
|
-
return ((0, jsx_runtime_1.jsx)(TooltipPrimitive.Portal, { children: (0, jsx_runtime_1.jsx)(Box_js_1.BoxContext.Provider, { value: { spacingScale: 1 }, children: (0, jsx_runtime_1.jsxs)(TooltipPrimitive.Content, Object.assign({ className: (0, clsx_1.default)('layer-components:relative layer-components:rounded-sm layer-components:py-2 layer-components:px-3 layer-components:text-sm layer-components:leading-tight layer-components:shadow-sm layer-components:select-none layer-components:hidden layer-components:z-tooltip layer-components:sm:display-initial', '[&[data-state=delayed-open]]:display-
|
|
58
|
+
var { children, className, color = 'contrast' } = _a, props = __rest(_a, ["children", "className", "color"]);
|
|
59
|
+
return ((0, jsx_runtime_1.jsx)(TooltipPrimitive.Portal, { children: (0, jsx_runtime_1.jsx)(Box_js_1.BoxContext.Provider, { value: { spacingScale: 1 }, children: (0, jsx_runtime_1.jsxs)(TooltipPrimitive.Content, Object.assign({ className: (0, clsx_1.default)('layer-components:relative layer-components:rounded-sm layer-components:py-2 layer-components:px-3 layer-components:text-sm layer-components:leading-tight layer-components:shadow-sm layer-components:select-none layer-components:hidden layer-components:z-tooltip layer-components:sm:display-initial', '[&[data-state=delayed-open]]:display-flex', '[&[data-state=instant-open]]:display-flex', 'layer-components:transform-origin-[var(--radix-tooltip-content-transform-origin)]', 'layer-components:[&[data-state=delayed-open]]:animate-popover-in', {
|
|
60
60
|
'layer-variants:bg-black layer-variants:text-white': color === 'contrast',
|
|
61
61
|
'layer-variants:bg-white layer-variants:text-black': color === 'white',
|
|
62
62
|
'layer-variants:bg-attention-ink layer-variants:text-white': color === 'attention',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../../../src/components/tooltip/Tooltip.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEb,0EAA4D;AAC5D,gDAA8B;AAC9B,0CAA2C;AAO3C,SAAS,OAAO,CAAC,EAKsB;QALtB,EAChB,QAAQ,EACR,SAAS,EACT,KAAK,
|
|
1
|
+
{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../../../src/components/tooltip/Tooltip.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEb,0EAA4D;AAC5D,gDAA8B;AAC9B,0CAA2C;AAO3C,SAAS,OAAO,CAAC,EAKsB;QALtB,EAChB,QAAQ,EACR,SAAS,EACT,KAAK,GAAG,UAAU,OAEoB,EADnC,KAAK,cAJQ,kCAKhB,CADQ;IAER,OAAO,CACN,uBAAC,gBAAgB,CAAC,MAAM,cACvB,uBAAC,mBAAU,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,YAAY,EAAE,CAAC,EAAE,YAC9C,wBAAC,gBAAgB,CAAC,OAAO,kBACxB,SAAS,EAAE,IAAA,cAAU,EACpB,kIAAkI,EAClI,2CAA2C,EAC3C,2CAA2C,EAC3C,mFAAmF,EACnF,kEAAkE,EAClE;oBACC,sCAAsC,EAAE,KAAK,KAAK,UAAU;oBAC5D,sCAAsC,EAAE,KAAK,KAAK,OAAO;oBACzD,8CAA8C,EAC7C,KAAK,KAAK,WAAW;iBACtB,EACD,SAAS,CACT,IACG,KAAK,eAER,QAAQ,EACT,uBAAC,gBAAgB,CAAC,KAAK,IAAC,SAAS,EAAC,qCAAqC,GAAG,KAChD,GACN,GACG,CAC1B,CAAC;AACH,CAAC;AAEY,QAAA,eAAe,GAAG,gBAAgB,CAAC,QAAQ,CAAC;AAS5C,QAAA,OAAO,GAAG,MAAM,CAAC,MAAM,CACnC,SAAS,OAAO,CAAC,EAa6C;QAb7C,EAChB,GAAG,EACH,OAAO,EACP,QAAQ,EACR,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,UAAU,GAAG,EAAE,EACf,IAAI,EACJ,KAAK,OAIwD,EAH1D,IAAI,cAVS,8FAWhB,CADO;IAIP,OAAO,CACN,wBAAC,gBAAgB,CAAC,IAAI,IAAC,IAAI,EAAE,IAAI,aAC/B,QAAQ,CAAC,CAAC,CAAC,CACX,QAAQ,CACR,CAAC,CAAC,CAAC,CACH,uBAAC,gBAAgB,CAAC,cAAc,kBAAC,OAAO,QAAC,GAAG,EAAE,GAAG,IAAM,IAAI,cACzD,QAAQ,IACwB,CAClC,EACD,uBAAC,OAAO,IACP,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS,YAEnB,OAAO,GACC,IACa,CACxB,CAAC;AACH,CAAC,EACD;IACC,OAAO,EAAE,gBAAgB,CAAC,cAAc;IACxC,OAAO;CACP,CACD,CAAC"}
|
package/dist/css/main.css
CHANGED
|
@@ -1157,7 +1157,7 @@
|
|
|
1157
1157
|
syntax: "*";
|
|
1158
1158
|
inherits: false;
|
|
1159
1159
|
}
|
|
1160
|
-
.outline-off{outline:none;}.unset{all:unset;}.focus-visible\:outline-off:focus-visible{outline:none;}.container{width:100%;}.hidden-input{pointer-events:none;position:absolute;z-index:-1;opacity:0;}.bottom-keyboard{bottom:var(--mock-virtual-keyboard-height,env(keyboard-inset-height,0px));}.center{left:50%;top:50%;}.--z-dialog{z-index:calc(calc(var(--z-dialog) * -1) * -1);}.--z-menu{z-index:calc(calc(var(--z-menu) * -1) * -1);}.--z-nav{z-index:calc(calc(var(--z-nav) * -1) * -1);}.--z-overdraw{z-index:calc(calc(var(--z-overdraw) * -1) * -1);}.--z-tooltip{z-index:calc(calc(var(--z-tooltip) * -1) * -1);}.z-dialog{z-index:var(--z-dialog);}.z-dialog-backdrop{z-index:var(--z-dialogBackdrop);}.z-menu{z-index:var(--z-menu);}.z-nav{z-index:var(--z-nav);}.z-now-playing{z-index:var(--z-nowPlaying);}.z-overdraw{z-index:var(--z-overdraw);}.z-tooltip{z-index:var(--z-tooltip);}.hidden-input::webkit-file-upload-button{display:none;}.flex-0-0-auto{flex-shrink:0;flex-grow:0;flex-basis:auto;}.flex-1-0-0{flex-shrink:0;flex-grow:1;flex-basis:0.00rem;}.border-default{border-width:calc(1px * var(--global-border-scale,1));border-style:solid;border-color:var(--v-border-altered,var(--v-border));--v-border:var(--color-black);}.border-light{border-width:calc(1px * var(--global-border-scale,1));border-style:solid;border-color:var(--v-border-altered,var(--v-border));--v-border:var(--color-gray);--v-border-altered:oklch(from var(--v-border,currentColor) calc(l + (-0.037500000000000006 * var(--dyn-mode-lighten-mult, 1))) calc(c + (-0.00037500000000000006 * var(--dyn-mode-lighten-mult, 1))) h);}.bg-wash{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-wash);}@layer components{.layer-components\:focus\:outline-off:focus{outline:none;}.layer-components\:focus-visible\:outline-off:focus-visible{outline:none;}.layer-components\:z-dialog{z-index:var(--z-dialog);}.layer-components\:z-dialog-backdrop{z-index:var(--z-dialogBackdrop);}.layer-components\:z-menu{z-index:var(--z-menu);}.layer-components\:z-nav{z-index:var(--z-nav);}.layer-components\:z-now-playing{z-index:var(--z-nowPlaying);}.layer-components\:z-tooltip{z-index:var(--z-tooltip);}.col{display:flex;flex-direction:column;align-items:center;gap:0.50rem;}.row{display:flex;flex-direction:row;align-items:center;gap:0.50rem;}.layer-components\:border-default{border-width:calc(1px * var(--global-border-scale,1));border-style:solid;border-color:var(--v-border-altered,var(--v-border));--v-border:var(--color-black);}.layer-components\:border-light{border-width:calc(1px * var(--global-border-scale,1));border-style:solid;border-color:var(--v-border-altered,var(--v-border));--v-border:var(--color-gray);--v-border-altered:oklch(from var(--v-border,currentColor) calc(l + (-0.037500000000000006 * var(--dyn-mode-lighten-mult, 1))) calc(c + (-0.00037500000000000006 * var(--dyn-mode-lighten-mult, 1))) h);}.layer-components\:bg-wash{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-wash);}}@media (min-width: 640px){.container{max-width:640px;}}@layer responsive{@media (min-width: 768px){.md\:layer-responsive\:bg-wash{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-wash);}}}@media (min-width: 768px){.container{max-width:768px;}}@media (min-width: 1024px){.container{max-width:1024px;}}@media (min-width: 1280px){.container{max-width:1280px;}}@media (min-width: 1536px){.container{max-width:1536px;}}.\!\[background-attachment\:local\,local\,scroll\,scroll\]{background-attachment:local,local,scroll,scroll !important;}.\!\[background-repeat\:no-repeat\]{background-repeat:no-repeat !important;}.\!\[background-size\:100\%_40px\,100\%_40px\,100\%_14px\,100\%_14px\]{background-size:100% 40px,100% 40px,100% 14px,100% 14px !important;}.\[\&\[data-different-month\]\]\:\[visibility\:hidden\][data-different-month]{visibility:hidden;}.\[all\:unset\]{all:unset;}.\[background-size\:400\%_400\%\]{background-size:400% 400%;}.\[background\:linear-gradient\(var\(--v-bg\)_30\%\,rgba\(255\,255\,255\,0\)\)_center_top\,linear-gradient\(rgba\(255\,255\,255\,0\)\,var\(--v-bg\)_70\%\)_center_bottom\,radial-gradient\(farthest-side_at_50\%_0\,oklch\(from_var\(--v-bg\)_calc\(l\*0\.9\)_c_h\)\,rgba\(0\,0\,0\,0\)\)_center_top\,radial-gradient\(farthest-side_at_50\%_100\%\,oklch\(from_var\(--v-bg\)_calc\(l\*0\.9\)_c_h\)\,rgba\(0\,0\,0\,0\)\)_center_bottom\]{background:linear-gradient(var(--v-bg) 30%,rgba(255,255,255,0)) center top,linear-gradient(rgba(255,255,255,0),var(--v-bg) 70%) center bottom,radial-gradient(farthest-side at 50% 0,oklch(from var(--v-bg) calc(l*0.9) c h),rgba(0,0,0,0)) center top,radial-gradient(farthest-side at 50% 100%,oklch(from var(--v-bg) calc(l*0.9) c h),rgba(0,0,0,0)) center bottom;}.\[grid-area\:leftGrid\]{grid-area:leftGrid;}.\[grid-area\:leftMonth\]{grid-area:leftMonth;}.\[grid-area\:nextMonth\]{grid-area:nextMonth;}.\[grid-area\:prevMonth\]{grid-area:prevMonth;}.\[grid-area\:rightGrid\]{grid-area:rightGrid;}.\[grid-area\:rightMonth\]{grid-area:rightMonth;}.\[grid-auto-rows\:var\(--day-size\,32px\)\]{grid-auto-rows:var(--day-size,32px);}.\[grid-template-areas\:\"prevMonth_leftMonth_nextMonth\"\"leftGrid_leftGrid_leftGrid\"\]{grid-template-areas:"prevMonth leftMonth nextMonth""leftGrid leftGrid leftGrid";}.\[grid-template-columns\:auto_1fr_auto\]{grid-template-columns:auto 1fr auto;}.\[grid-template-rows\:auto_1fr\]{grid-template-rows:auto 1fr;}.\[outline\:none\]{outline:none;}.\[stroke-dasharray\:80_200\]{stroke-dasharray:80 200;}.\[stroke-dashoffset\:0\]{stroke-dashoffset:0;}.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;}.pointer-events-none{pointer-events:none;}.after\:pointer-events-none::after{pointer-events:none;}.\!visible{visibility:visible !important;}.visible{visibility:visible;}.\[\&\[data-state\=active\]\]\:relative[data-state=active],.relative{position:relative;}.absolute{position:absolute;}.fixed{position:fixed;}.sticky{position:sticky;}.\[\&\[data-today\]\]\:before\:absolute[data-today]::before{position:absolute;}.before\:absolute::before{position:absolute;}.after\:absolute::after{position:absolute;}.static{position:static;}.inset-0{inset:0.00rem;}.after\:inset-0::after{inset:0.00rem;}.bottom-\[var\(--mock-virtual-keyboard-height\,env\(keyboard-inset-height\,0px\)\)\]{bottom:var(--mock-virtual-keyboard-height,env(keyboard-inset-height,0px));}.bottom-0{bottom:0.00rem;}.bottom-0px{bottom:0;}.bottom-2{bottom:0.50rem;}.bottom-3{bottom:0.75rem;}.left-0{left:0.00rem;}.left-1\/2,.left-50\%{left:50%;}.left-2{left:0.50rem;}.left-9px{left:9px;}.right-0{right:0.00rem;}.right-1{right:0.25rem;}.right-2{right:0.50rem;}.top--4px{top:-4px;}.top-0{top:0.00rem;}.top-1px{top:1px;}.top-2{top:0.50rem;}.top-50\%{top:50%;}.top-auto{top:auto;}.\[\&\[data-today\]\]\:before\:left-\[2px\][data-today]::before{left:2px;}.\[\&\[data-today\]\]\:before\:top-\[2px\][data-today]::before{top:2px;}.before\:left-1\/2::before{left:50%;}.before\:top-1\/2::before{top:50%;}.after\:bottom-0::after{bottom:0.00rem;}.after\:right-0::after{right:0.00rem;}.after\:top-0::after{top:0.00rem;}.after\:top-auto::after{top:auto;}.\[\&\[data-highlighted\]\]\:z-1[data-highlighted],.\[\&\[data-in-range\]\]\:z-1[data-in-range],.\[\&\[data-range-end\]\]\:z-1[data-range-end],.\[\&\[data-range-start\]\]\:z-1[data-range-start],.\[\&\[data-state\=active\]\]\:z-1[data-state=active],.z-1{z-index:1;}.\[\&\[data-selected\]\]\:z-2[data-selected]{z-index:2;}.z--1{z-index:-1;}.z-\[calc\(var\(--z-dialog\)\+1\)\]{z-index:calc(var(--z-dialog) + 1);}.z-\[var\(--z-dialog\)\]{z-index:var(--z-dialog);}.z-\[var\(--z-dialogBackdrop\)\]{z-index:var(--z-dialogBackdrop);}.z-\[var\(--z-menu\)\]{z-index:var(--z-menu);}.z-\[var\(--z-nav\)\]{z-index:var(--z-nav);}.z-\[var\(--z-nowPlaying\)\]{z-index:var(--z-nowPlaying);}.z-\[var\(--z-overdraw\)\]{z-index:var(--z-overdraw);}.z-\[var\(--z-tooltip\)\]{z-index:var(--z-tooltip);}.z-1000{z-index:1000;}.hover\:z-1:hover{z-index:1;}.after\:z-1::after{z-index:1;}.grid{display:grid;}.grid-col-span-2{grid-column:span 2/span 2;}.grid-cols-\[repeat\(7\,var\(--day-size\,32px\)\)\]{grid-template-columns:repeat(7,var(--day-size,32px));}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr));}.m-1{margin:0.25rem;}.m-2{margin:0.50rem;}.m-5px{margin:5px;}.m-auto{margin:auto;}.m\[k\]{margin:k;}.my-4{margin-top:1.00rem;margin-bottom:1.00rem;}.mb--1px{margin-bottom:-1px;}.mb-1{margin-bottom:0.25rem;}.me{margin-inline-end:1rem;}.ml--1{margin-left:-0.25rem;}.ml-auto{margin-left:auto;}.mr--1px{margin-right:-1px;}.mr-1{margin-right:0.25rem;}.mt-auto{margin-top:auto;}.box-content{box-sizing:content-box;}.block{display:block;}.inline-block{display:inline-block;}.\!hidden{display:none !important;}.\[\&\:\:webkit-file-upload-button\]\:hidden::webkit-file-upload-button,.hidden{display:none;}.\[\&\[data-state\=delayed-open\]\]\:display-initial[data-state=delayed-open],.\[\&\[data-state\=instant-open\]\]\:display-initial[data-state=instant-open]{display:initial;}.\[\&\[data-state\=closed\]\]\:max-h-\[var\(--peek-height\,120px\)\][data-state=closed]{max-height:var(--peek-height,120px);}.h-\[100vh\]{height:100vh;}.h-\[12px\]{height:12px;}.h-\[20px\]{height:20px;}.h-\[var\(--mock-virtual-keyboard-height\,0\)\]{height:var(--mock-virtual-keyboard-height,0);}.h-0{height:0;}.h-10{height:2.5rem;}.h-16{height:4rem;}.h-16px{height:16px;}.h-1em{height:1em;}.h-1px{height:1px;}.h-200px{height:200px;}.h-21px{height:21px;}.h-25px{height:25px;}.h-26px{height:26px;}.h-4,.h4{height:1rem;}.h-64{height:16rem;}.h-80px{height:80px;}.h-full{height:100%;}.h1{height:0.25rem;}.h2{height:0.5rem;}.h3{height:0.75rem;}.h5{height:1.25rem;}.max-h-200px{max-height:200px;}.max-w-300px{max-width:300px;}.max-w-full{max-width:100%;}.min-h-20vh{min-height:20vh;}.min-w-0{min-width:0;}.min-w-220px{min-width:220px;}.w-\[12px\]{width:12px;}.w-\[20px\]{width:20px;}.w-\[calc\(var\(--day-size\,32px\)\*7\)\]{width:calc(var(--day-size,32px) * 7);}.w-0{width:0;}.w-16{width:4rem;}.w-16px{width:16px;}.w-1em{width:1em;}.w-1px{width:1px;}.w-21px{width:21px;}.w-25px{width:25px;}.w-4{width:1rem;}.w-400px{width:400px;}.w-42px{width:42px;}.w-64{width:16rem;}.w-80px{width:80px;}.w-full{width:100%;}.w-max-content{width:max-content;}.\[\&\[data-today\]\]\:before\:h-\[6px\][data-today]::before{height:6px;}.\[\&\[data-today\]\]\:before\:w-\[6px\][data-today]::before{width:6px;}.before\:min-h-44px::before{min-height:44px;}.before\:min-w-44px::before{min-width:44px;}.before\:w-full::before{width:100%;}.after\:h-80px::after{height:80px;}.after\:w-50px::after{width:50px;}.flex{display:flex;}.after\:flex::after{display:flex;}.inline-flex{display:inline-flex;}.flex-\[0_0_20px\]{flex:0 0 20px;}.flex-1{flex:1 1 0%;}.flex-shrink-0{flex-shrink:0;}.flex-grow-0{flex-grow:0;}.flex-grow-1{flex-grow:1;}.flex-basis-0{flex-basis:0.00rem;}.flex-basis-auto{flex-basis:auto;}.flex-row{flex-direction:row;}.flex-col{flex-direction:column;}.after\:flex-col::after{flex-direction:column;}.flex-wrap{flex-wrap:wrap;}.transform-origin-\[50\%_50\%\]{transform-origin:50% 50%;}.transform-origin-br{transform-origin:bottom right;}.transform-origin-cc{transform-origin:center center;}.translate--7px{--un-translate-x:-7px;--un-translate-y:-7px;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.translate-\[-50\%\]{--un-translate-x:-50%;--un-translate-y:-50%;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.-translate-x-1\/2{--un-translate-x:-50%;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.\[\&\[data-state\=checked\]\]\:translate-x-19px[data-state=checked]{--un-translate-x:19px;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.translate-y-\[-50\%\]{--un-translate-y:-50%;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.before\:-translate-x-1\/2::before{--un-translate-x:-50%;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.before\:-translate-y-1\/2::before{--un-translate-y:-50%;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.rotate--45{--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-rotate:-45deg;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.rotate-180{--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-rotate:180deg;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.transform{transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.transform-gpu{transform:translate3d(var(--un-translate-x), var(--un-translate-y), var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}@keyframes peek-close{
|
|
1160
|
+
.outline-off{outline:none;}.unset{all:unset;}.focus-visible\:outline-off:focus-visible{outline:none;}.container{width:100%;}.hidden-input{pointer-events:none;position:absolute;z-index:-1;opacity:0;}.bottom-keyboard{bottom:var(--mock-virtual-keyboard-height,env(keyboard-inset-height,0px));}.center{left:50%;top:50%;}.--z-dialog{z-index:calc(calc(var(--z-dialog) * -1) * -1);}.--z-menu{z-index:calc(calc(var(--z-menu) * -1) * -1);}.--z-nav{z-index:calc(calc(var(--z-nav) * -1) * -1);}.--z-overdraw{z-index:calc(calc(var(--z-overdraw) * -1) * -1);}.--z-tooltip{z-index:calc(calc(var(--z-tooltip) * -1) * -1);}.z-dialog{z-index:var(--z-dialog);}.z-dialog-backdrop{z-index:var(--z-dialogBackdrop);}.z-menu{z-index:var(--z-menu);}.z-nav{z-index:var(--z-nav);}.z-now-playing{z-index:var(--z-nowPlaying);}.z-overdraw{z-index:var(--z-overdraw);}.z-tooltip{z-index:var(--z-tooltip);}.hidden-input::webkit-file-upload-button{display:none;}.flex-0-0-auto{flex-shrink:0;flex-grow:0;flex-basis:auto;}.flex-1-0-0{flex-shrink:0;flex-grow:1;flex-basis:0.00rem;}.border-default{border-width:calc(1px * var(--global-border-scale,1));border-style:solid;border-color:var(--v-border-altered,var(--v-border));--v-border:var(--color-black);}.border-light{border-width:calc(1px * var(--global-border-scale,1));border-style:solid;border-color:var(--v-border-altered,var(--v-border));--v-border:var(--color-gray);--v-border-altered:oklch(from var(--v-border,currentColor) calc(l + (-0.037500000000000006 * var(--dyn-mode-lighten-mult, 1))) calc(c + (-0.00037500000000000006 * var(--dyn-mode-lighten-mult, 1))) h);}.bg-wash{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-wash);}@layer components{.layer-components\:focus\:outline-off:focus{outline:none;}.layer-components\:focus-visible\:outline-off:focus-visible{outline:none;}.layer-components\:z-dialog{z-index:var(--z-dialog);}.layer-components\:z-dialog-backdrop{z-index:var(--z-dialogBackdrop);}.layer-components\:z-menu{z-index:var(--z-menu);}.layer-components\:z-nav{z-index:var(--z-nav);}.layer-components\:z-now-playing{z-index:var(--z-nowPlaying);}.layer-components\:z-tooltip{z-index:var(--z-tooltip);}.col{display:flex;flex-direction:column;align-items:center;gap:0.50rem;}.row{display:flex;flex-direction:row;align-items:center;gap:0.50rem;}.layer-components\:border-default{border-width:calc(1px * var(--global-border-scale,1));border-style:solid;border-color:var(--v-border-altered,var(--v-border));--v-border:var(--color-black);}.layer-components\:border-light{border-width:calc(1px * var(--global-border-scale,1));border-style:solid;border-color:var(--v-border-altered,var(--v-border));--v-border:var(--color-gray);--v-border-altered:oklch(from var(--v-border,currentColor) calc(l + (-0.037500000000000006 * var(--dyn-mode-lighten-mult, 1))) calc(c + (-0.00037500000000000006 * var(--dyn-mode-lighten-mult, 1))) h);}.layer-components\:bg-wash{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-wash);}}@media (min-width: 640px){.container{max-width:640px;}}@layer responsive{@media (min-width: 768px){.md\:layer-responsive\:bg-wash{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-wash);}}}@media (min-width: 768px){.container{max-width:768px;}}@media (min-width: 1024px){.container{max-width:1024px;}}@media (min-width: 1280px){.container{max-width:1280px;}}@media (min-width: 1536px){.container{max-width:1536px;}}.\!\[background-attachment\:local\,local\,scroll\,scroll\]{background-attachment:local,local,scroll,scroll !important;}.\!\[background-repeat\:no-repeat\]{background-repeat:no-repeat !important;}.\!\[background-size\:100\%_40px\,100\%_40px\,100\%_14px\,100\%_14px\]{background-size:100% 40px,100% 40px,100% 14px,100% 14px !important;}.\[\&\[data-different-month\]\]\:\[visibility\:hidden\][data-different-month]{visibility:hidden;}.\[all\:unset\]{all:unset;}.\[background-size\:400\%_400\%\]{background-size:400% 400%;}.\[background\:linear-gradient\(var\(--v-bg\)_30\%\,rgba\(255\,255\,255\,0\)\)_center_top\,linear-gradient\(rgba\(255\,255\,255\,0\)\,var\(--v-bg\)_70\%\)_center_bottom\,radial-gradient\(farthest-side_at_50\%_0\,oklch\(from_var\(--v-bg\)_calc\(l\*0\.9\)_c_h\)\,rgba\(0\,0\,0\,0\)\)_center_top\,radial-gradient\(farthest-side_at_50\%_100\%\,oklch\(from_var\(--v-bg\)_calc\(l\*0\.9\)_c_h\)\,rgba\(0\,0\,0\,0\)\)_center_bottom\]{background:linear-gradient(var(--v-bg) 30%,rgba(255,255,255,0)) center top,linear-gradient(rgba(255,255,255,0),var(--v-bg) 70%) center bottom,radial-gradient(farthest-side at 50% 0,oklch(from var(--v-bg) calc(l*0.9) c h),rgba(0,0,0,0)) center top,radial-gradient(farthest-side at 50% 100%,oklch(from var(--v-bg) calc(l*0.9) c h),rgba(0,0,0,0)) center bottom;}.\[grid-area\:leftGrid\]{grid-area:leftGrid;}.\[grid-area\:leftMonth\]{grid-area:leftMonth;}.\[grid-area\:nextMonth\]{grid-area:nextMonth;}.\[grid-area\:prevMonth\]{grid-area:prevMonth;}.\[grid-area\:rightGrid\]{grid-area:rightGrid;}.\[grid-area\:rightMonth\]{grid-area:rightMonth;}.\[grid-auto-rows\:var\(--day-size\,32px\)\]{grid-auto-rows:var(--day-size,32px);}.\[grid-template-areas\:\"prevMonth_leftMonth_nextMonth\"\"leftGrid_leftGrid_leftGrid\"\]{grid-template-areas:"prevMonth leftMonth nextMonth""leftGrid leftGrid leftGrid";}.\[grid-template-columns\:auto_1fr_auto\]{grid-template-columns:auto 1fr auto;}.\[grid-template-rows\:auto_1fr\]{grid-template-rows:auto 1fr;}.\[outline\:none\]{outline:none;}.\[stroke-dasharray\:80_200\]{stroke-dasharray:80 200;}.\[stroke-dashoffset\:0\]{stroke-dashoffset:0;}.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;}.pointer-events-none{pointer-events:none;}.after\:pointer-events-none::after{pointer-events:none;}.\!visible{visibility:visible !important;}.visible{visibility:visible;}.\[\&\[data-state\=active\]\]\:relative[data-state=active],.relative{position:relative;}.absolute{position:absolute;}.fixed{position:fixed;}.sticky{position:sticky;}.\[\&\[data-today\]\]\:before\:absolute[data-today]::before{position:absolute;}.before\:absolute::before{position:absolute;}.after\:absolute::after{position:absolute;}.static{position:static;}.inset-0{inset:0.00rem;}.after\:inset-0::after{inset:0.00rem;}.bottom-\[var\(--mock-virtual-keyboard-height\,env\(keyboard-inset-height\,0px\)\)\]{bottom:var(--mock-virtual-keyboard-height,env(keyboard-inset-height,0px));}.bottom-0{bottom:0.00rem;}.bottom-0px{bottom:0;}.bottom-2{bottom:0.50rem;}.bottom-3{bottom:0.75rem;}.left-0{left:0.00rem;}.left-1\/2,.left-50\%{left:50%;}.left-2{left:0.50rem;}.left-9px{left:9px;}.right-0{right:0.00rem;}.right-1{right:0.25rem;}.right-2{right:0.50rem;}.top--4px{top:-4px;}.top-0{top:0.00rem;}.top-1px{top:1px;}.top-2{top:0.50rem;}.top-50\%{top:50%;}.top-auto{top:auto;}.\[\&\[data-today\]\]\:before\:left-\[2px\][data-today]::before{left:2px;}.\[\&\[data-today\]\]\:before\:top-\[2px\][data-today]::before{top:2px;}.before\:left-1\/2::before{left:50%;}.before\:top-1\/2::before{top:50%;}.after\:bottom-0::after{bottom:0.00rem;}.after\:right-0::after{right:0.00rem;}.after\:top-0::after{top:0.00rem;}.after\:top-auto::after{top:auto;}.\[\&\[data-highlighted\]\]\:z-1[data-highlighted],.\[\&\[data-in-range\]\]\:z-1[data-in-range],.\[\&\[data-range-end\]\]\:z-1[data-range-end],.\[\&\[data-range-start\]\]\:z-1[data-range-start],.\[\&\[data-state\=active\]\]\:z-1[data-state=active],.z-1{z-index:1;}.\[\&\[data-selected\]\]\:z-2[data-selected]{z-index:2;}.z--1{z-index:-1;}.z-\[calc\(var\(--z-dialog\)\+1\)\]{z-index:calc(var(--z-dialog) + 1);}.z-\[var\(--z-dialog\)\]{z-index:var(--z-dialog);}.z-\[var\(--z-dialogBackdrop\)\]{z-index:var(--z-dialogBackdrop);}.z-\[var\(--z-menu\)\]{z-index:var(--z-menu);}.z-\[var\(--z-nav\)\]{z-index:var(--z-nav);}.z-\[var\(--z-nowPlaying\)\]{z-index:var(--z-nowPlaying);}.z-\[var\(--z-overdraw\)\]{z-index:var(--z-overdraw);}.z-\[var\(--z-tooltip\)\]{z-index:var(--z-tooltip);}.z-1000{z-index:1000;}.hover\:z-1:hover{z-index:1;}.after\:z-1::after{z-index:1;}.grid{display:grid;}.grid-col-span-2{grid-column:span 2/span 2;}.grid-cols-\[repeat\(7\,var\(--day-size\,32px\)\)\]{grid-template-columns:repeat(7,var(--day-size,32px));}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr));}.m-1{margin:0.25rem;}.m-2{margin:0.50rem;}.m-5px{margin:5px;}.m-auto{margin:auto;}.m\[k\]{margin:k;}.my-4{margin-top:1.00rem;margin-bottom:1.00rem;}.mb--1px{margin-bottom:-1px;}.mb-1{margin-bottom:0.25rem;}.me{margin-inline-end:1rem;}.ml--1{margin-left:-0.25rem;}.ml-auto{margin-left:auto;}.mr--1px{margin-right:-1px;}.mr-1{margin-right:0.25rem;}.mt-auto{margin-top:auto;}.box-content{box-sizing:content-box;}.block{display:block;}.inline-block{display:inline-block;}.\!hidden{display:none !important;}.\[\&\:\:webkit-file-upload-button\]\:hidden::webkit-file-upload-button,.hidden{display:none;}.\[\&\[data-state\=closed\]\]\:max-h-\[var\(--peek-height\,120px\)\][data-state=closed]{max-height:var(--peek-height,120px);}.h-\[100vh\]{height:100vh;}.h-\[12px\]{height:12px;}.h-\[20px\]{height:20px;}.h-\[var\(--mock-virtual-keyboard-height\,0\)\]{height:var(--mock-virtual-keyboard-height,0);}.h-0{height:0;}.h-10{height:2.5rem;}.h-16{height:4rem;}.h-16px{height:16px;}.h-1em{height:1em;}.h-1px{height:1px;}.h-200px{height:200px;}.h-21px{height:21px;}.h-25px{height:25px;}.h-26px{height:26px;}.h-4,.h4{height:1rem;}.h-64{height:16rem;}.h-80px{height:80px;}.h-full{height:100%;}.h1{height:0.25rem;}.h2{height:0.5rem;}.h3{height:0.75rem;}.h5{height:1.25rem;}.max-h-200px{max-height:200px;}.max-w-300px{max-width:300px;}.max-w-full{max-width:100%;}.min-h-20vh{min-height:20vh;}.min-w-0{min-width:0;}.min-w-220px{min-width:220px;}.w-\[12px\]{width:12px;}.w-\[20px\]{width:20px;}.w-\[calc\(var\(--day-size\,32px\)\*7\)\]{width:calc(var(--day-size,32px) * 7);}.w-0{width:0;}.w-16{width:4rem;}.w-16px{width:16px;}.w-1em{width:1em;}.w-1px{width:1px;}.w-21px{width:21px;}.w-25px{width:25px;}.w-4{width:1rem;}.w-400px{width:400px;}.w-42px{width:42px;}.w-64{width:16rem;}.w-80px{width:80px;}.w-full{width:100%;}.w-max-content{width:max-content;}.\[\&\[data-today\]\]\:before\:h-\[6px\][data-today]::before{height:6px;}.\[\&\[data-today\]\]\:before\:w-\[6px\][data-today]::before{width:6px;}.before\:min-h-44px::before{min-height:44px;}.before\:min-w-44px::before{min-width:44px;}.before\:w-full::before{width:100%;}.after\:h-80px::after{height:80px;}.after\:w-50px::after{width:50px;}.flex{display:flex;}.after\:flex::after{display:flex;}.inline-flex{display:inline-flex;}.flex-\[0_0_20px\]{flex:0 0 20px;}.flex-1{flex:1 1 0%;}.flex-shrink-0{flex-shrink:0;}.flex-grow-0{flex-grow:0;}.flex-grow-1{flex-grow:1;}.flex-basis-0{flex-basis:0.00rem;}.flex-basis-auto{flex-basis:auto;}.flex-row{flex-direction:row;}.flex-col{flex-direction:column;}.after\:flex-col::after{flex-direction:column;}.flex-wrap{flex-wrap:wrap;}.transform-origin-\[50\%_50\%\]{transform-origin:50% 50%;}.transform-origin-br{transform-origin:bottom right;}.transform-origin-cc{transform-origin:center center;}.translate--7px{--un-translate-x:-7px;--un-translate-y:-7px;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.translate-\[-50\%\]{--un-translate-x:-50%;--un-translate-y:-50%;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.-translate-x-1\/2{--un-translate-x:-50%;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.\[\&\[data-state\=checked\]\]\:translate-x-19px[data-state=checked]{--un-translate-x:19px;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.translate-y-\[-50\%\]{--un-translate-y:-50%;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.before\:-translate-x-1\/2::before{--un-translate-x:-50%;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.before\:-translate-y-1\/2::before{--un-translate-y:-50%;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.rotate--45{--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-rotate:-45deg;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.rotate-180{--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-rotate:180deg;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.transform{transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.transform-gpu{transform:translate3d(var(--un-translate-x), var(--un-translate-y), var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}@keyframes peek-close{
|
|
1161
1161
|
from { height: calc(var(--collapsible-height) + 80px); max-height: none; }
|
|
1162
1162
|
to { height: min(var(--peek-height, 120px), var(--collapsible-height)); max-height: var(--peek-height, 120px); }
|
|
1163
1163
|
}@keyframes peek-open{
|
|
@@ -16,8 +16,8 @@ import * as TooltipPrimitive from '@radix-ui/react-tooltip';
|
|
|
16
16
|
import classNames from 'clsx';
|
|
17
17
|
import { BoxContext } from '../box/Box.js';
|
|
18
18
|
function Content(_a) {
|
|
19
|
-
var { children, className, color } = _a, props = __rest(_a, ["children", "className", "color"]);
|
|
20
|
-
return (_jsx(TooltipPrimitive.Portal, { children: _jsx(BoxContext.Provider, { value: { spacingScale: 1 }, children: _jsxs(TooltipPrimitive.Content, Object.assign({ className: classNames('layer-components:relative layer-components:rounded-sm layer-components:py-2 layer-components:px-3 layer-components:text-sm layer-components:leading-tight layer-components:shadow-sm layer-components:select-none layer-components:hidden layer-components:z-tooltip layer-components:sm:display-initial', '[&[data-state=delayed-open]]:display-
|
|
19
|
+
var { children, className, color = 'contrast' } = _a, props = __rest(_a, ["children", "className", "color"]);
|
|
20
|
+
return (_jsx(TooltipPrimitive.Portal, { children: _jsx(BoxContext.Provider, { value: { spacingScale: 1 }, children: _jsxs(TooltipPrimitive.Content, Object.assign({ className: classNames('layer-components:relative layer-components:rounded-sm layer-components:py-2 layer-components:px-3 layer-components:text-sm layer-components:leading-tight layer-components:shadow-sm layer-components:select-none layer-components:hidden layer-components:z-tooltip layer-components:sm:display-initial', '[&[data-state=delayed-open]]:display-flex', '[&[data-state=instant-open]]:display-flex', 'layer-components:transform-origin-[var(--radix-tooltip-content-transform-origin)]', 'layer-components:[&[data-state=delayed-open]]:animate-popover-in', {
|
|
21
21
|
'layer-variants:bg-black layer-variants:text-white': color === 'contrast',
|
|
22
22
|
'layer-variants:bg-white layer-variants:text-black': color === 'white',
|
|
23
23
|
'layer-variants:bg-attention-ink layer-variants:text-white': color === 'attention',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../../../src/components/tooltip/Tooltip.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;;;;;;;AAEb,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAC;AAC5D,OAAO,UAAU,MAAM,MAAM,CAAC;AAC9B,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAO3C,SAAS,OAAO,CAAC,EAKsB;QALtB,EAChB,QAAQ,EACR,SAAS,EACT,KAAK,
|
|
1
|
+
{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../../../src/components/tooltip/Tooltip.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;;;;;;;AAEb,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAC;AAC5D,OAAO,UAAU,MAAM,MAAM,CAAC;AAC9B,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAO3C,SAAS,OAAO,CAAC,EAKsB;QALtB,EAChB,QAAQ,EACR,SAAS,EACT,KAAK,GAAG,UAAU,OAEoB,EADnC,KAAK,cAJQ,kCAKhB,CADQ;IAER,OAAO,CACN,KAAC,gBAAgB,CAAC,MAAM,cACvB,KAAC,UAAU,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,YAAY,EAAE,CAAC,EAAE,YAC9C,MAAC,gBAAgB,CAAC,OAAO,kBACxB,SAAS,EAAE,UAAU,CACpB,kIAAkI,EAClI,2CAA2C,EAC3C,2CAA2C,EAC3C,mFAAmF,EACnF,kEAAkE,EAClE;oBACC,sCAAsC,EAAE,KAAK,KAAK,UAAU;oBAC5D,sCAAsC,EAAE,KAAK,KAAK,OAAO;oBACzD,8CAA8C,EAC7C,KAAK,KAAK,WAAW;iBACtB,EACD,SAAS,CACT,IACG,KAAK,eAER,QAAQ,EACT,KAAC,gBAAgB,CAAC,KAAK,IAAC,SAAS,EAAC,qCAAqC,GAAG,KAChD,GACN,GACG,CAC1B,CAAC;AACH,CAAC;AAED,MAAM,CAAC,MAAM,eAAe,GAAG,gBAAgB,CAAC,QAAQ,CAAC;AASzD,MAAM,CAAC,MAAM,OAAO,GAAG,MAAM,CAAC,MAAM,CACnC,SAAS,OAAO,CAAC,EAa6C;QAb7C,EAChB,GAAG,EACH,OAAO,EACP,QAAQ,EACR,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,UAAU,GAAG,EAAE,EACf,IAAI,EACJ,KAAK,OAIwD,EAH1D,IAAI,cAVS,8FAWhB,CADO;IAIP,OAAO,CACN,MAAC,gBAAgB,CAAC,IAAI,IAAC,IAAI,EAAE,IAAI,aAC/B,QAAQ,CAAC,CAAC,CAAC,CACX,QAAQ,CACR,CAAC,CAAC,CAAC,CACH,KAAC,gBAAgB,CAAC,cAAc,kBAAC,OAAO,QAAC,GAAG,EAAE,GAAG,IAAM,IAAI,cACzD,QAAQ,IACwB,CAClC,EACD,KAAC,OAAO,IACP,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS,YAEnB,OAAO,GACC,IACa,CACxB,CAAC;AACH,CAAC,EACD;IACC,OAAO,EAAE,gBAAgB,CAAC,cAAc;IACxC,OAAO;CACP,CACD,CAAC"}
|
package/package.json
CHANGED
|
@@ -12,7 +12,7 @@ export interface TooltipContentProps
|
|
|
12
12
|
function Content({
|
|
13
13
|
children,
|
|
14
14
|
className,
|
|
15
|
-
color,
|
|
15
|
+
color = 'contrast',
|
|
16
16
|
...props
|
|
17
17
|
}: TooltipPrimitive.TooltipContentProps) {
|
|
18
18
|
return (
|
|
@@ -21,8 +21,8 @@ function Content({
|
|
|
21
21
|
<TooltipPrimitive.Content
|
|
22
22
|
className={classNames(
|
|
23
23
|
'layer-components:(relative rounded-sm py-2 px-3 text-sm leading-tight shadow-sm select-none hidden z-tooltip sm:display-initial)',
|
|
24
|
-
'[&[data-state=delayed-open]]:display-
|
|
25
|
-
'[&[data-state=instant-open]]:display-
|
|
24
|
+
'[&[data-state=delayed-open]]:display-flex',
|
|
25
|
+
'[&[data-state=instant-open]]:display-flex',
|
|
26
26
|
'layer-components:transform-origin-[var(--radix-tooltip-content-transform-origin)]',
|
|
27
27
|
'layer-components:[&[data-state=delayed-open]]:animate-popover-in',
|
|
28
28
|
{
|