@flodesk/grain 11.55.1 → 11.56.0
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/es/components/tooltip.js
CHANGED
|
@@ -18,7 +18,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
|
|
|
18
18
|
function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
|
|
19
19
|
|
|
20
20
|
import { PropTypes } from 'prop-types';
|
|
21
|
-
import
|
|
21
|
+
import { cloneElement, useState, Fragment } from 'react';
|
|
22
22
|
import { types } from '../types';
|
|
23
23
|
import { useFloating, autoUpdate, offset, flip, useHover, useDismiss, useRole, useInteractions, FloatingPortal, shift } from '@floating-ui/react-dom-interactions';
|
|
24
24
|
import { getColor, getRadius, getTransition } from '../utilities';
|
|
@@ -35,7 +35,7 @@ const ContentWrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "pro
|
|
|
35
35
|
zIndex
|
|
36
36
|
} = _ref;
|
|
37
37
|
return "z-index: ".concat(zIndex);
|
|
38
|
-
}, ";transition:opacity ", getTransition('fast'), " 0.07s;pointer-events:none;[data-experiment-compact-textbox] &{--padding:12px;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
38
|
+
}, ";transition:opacity ", getTransition('fast'), " 0.07s;pointer-events:none;[data-experiment-compact-textbox] &{--padding:12px;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3Rvb2x0aXAuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1CaUMiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvdG9vbHRpcC5qc3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBQcm9wVHlwZXMgfSBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCB7IGNsb25lRWxlbWVudCwgdXNlU3RhdGUsIEZyYWdtZW50IH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgdHlwZXMgfSBmcm9tICcuLi90eXBlcyc7XG5pbXBvcnQge1xuICB1c2VGbG9hdGluZyxcbiAgYXV0b1VwZGF0ZSxcbiAgb2Zmc2V0LFxuICBmbGlwLFxuICB1c2VIb3ZlcixcbiAgdXNlRGlzbWlzcyxcbiAgdXNlUm9sZSxcbiAgdXNlSW50ZXJhY3Rpb25zLFxuICBGbG9hdGluZ1BvcnRhbCxcbiAgc2hpZnQsXG59IGZyb20gJ0BmbG9hdGluZy11aS9yZWFjdC1kb20taW50ZXJhY3Rpb25zJztcbmltcG9ydCB7IGdldENvbG9yLCBnZXRSYWRpdXMsIGdldFRyYW5zaXRpb24gfSBmcm9tICcuLi91dGlsaXRpZXMnO1xuaW1wb3J0IHsgbGluZUhlaWdodEFuZENhcEhlaWdodE9mZnNldCwgcGxhY2VtZW50U3R5bGVzLCBwbGFjZW1lbnRzTWFwIH0gZnJvbSAnLi4vZm91bmRhdGlvbmFsJztcblxuY29uc3QgQ29udGVudFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICAtLXBhZGRpbmc6IDE2cHg7XG4gIGJhY2tncm91bmQ6ICR7Z2V0Q29sb3IoJ3NoYWRlMTInKX07XG4gIGNvbG9yOiAke2dldENvbG9yKCdzaGFkZTInKX07XG4gIHBhZGRpbmc6IGNhbGModmFyKC0tcGFkZGluZykgLSAke2xpbmVIZWlnaHRBbmRDYXBIZWlnaHRPZmZzZXR9KSB2YXIoLS1wYWRkaW5nKTtcbiAgbWF4LXdpZHRoOiAyNTZweDtcbiAgd2lkdGg6IG1heC1jb250ZW50O1xuICBib3JkZXItcmFkaXVzOiAke2dldFJhZGl1cygncycpfTtcbiAgJHsoeyB6SW5kZXggfSkgPT4gYHotaW5kZXg6ICR7ekluZGV4fWB9O1xuICB0cmFuc2l0aW9uOiBvcGFjaXR5ICR7Z2V0VHJhbnNpdGlvbignZmFzdCcpfSAwLjA3cztcbiAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG5cbiAgW2RhdGEtZXhwZXJpbWVudC1jb21wYWN0LXRleHRib3hdICYge1xuICAgIC0tcGFkZGluZzogMTJweDtcbiAgfVxuYDtcblxuY29uc3QgU3RhdGljUm9vdCA9IHN0eWxlZC5kaXZgXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgd2lkdGg6IGZpdC1jb250ZW50O1xuICAtLWNvbnRlbnRPcGFjaXR5OiAwO1xuXG4gICY6aG92ZXIge1xuICAgIC0tY29udGVudE9wYWNpdHk6IDE7XG4gIH1cbmA7XG5cbmNvbnN0IHRvb2x0aXBPZmZzZXRzID0ge1xuICB4czogOCAvIDIsXG4gIHM6IDggKiAxLFxufTtcblxuZXhwb3J0IGNvbnN0IFRvb2x0aXAgPSAoe1xuICBjaGlsZHJlbixcbiAgY29udGVudCxcbiAgcGxhY2VtZW50ID0gJ3RvcCcsXG4gIHpJbmRleCA9IDE0MDAsIC8vIEl0IHNob3VsZCBiZSBncmVhdGVyIHRoYW4gb3IgZXF1YWwgMTQwMCB0byBhdm9pZCBjYXNlIGJlIGhpZGRlbiBiZSBoaWRlIG90aGVyIG92ZXJsYXkgY29tcG9uZW50cy4gaHR0cHM6Ly9naXQuZmRudy5uZXQvZGV2L2Zyb250ZW5kLy0vYmxvYi9tYXN0ZXIvcGFja2FnZXMvdWkvc3JjL3Njc3MvX3ZhcnMuc2NzcyNMMTAzXG4gIGhhc1BvcnRhbCA9IHRydWUsXG4gIHBsYWNlbWVudE1ldGhvZCA9ICdkeW5hbWljJyxcbiAgb2Zmc2V0OiB0b29sdGlwT2Zmc2V0ID0gJ3hzJyxcbiAgLi4ucHJvcHNcbn0pID0+IHtcbiAgY29uc3QgW2lzT3Blbiwgc2V0SXNPcGVuXSA9IHVzZVN0YXRlKGZhbHNlKTtcblxuICBjb25zdCB7IHgsIHksIHJlZmVyZW5jZSwgZmxvYXRpbmcsIHN0cmF0ZWd5LCBjb250ZXh0IH0gPSB1c2VGbG9hdGluZyh7XG4gICAgcGxhY2VtZW50OiBwbGFjZW1lbnRzTWFwW3BsYWNlbWVudF0sXG4gICAgb25PcGVuQ2hhbmdlOiBzZXRJc09wZW4sXG4gICAgbWlkZGxld2FyZTogW29mZnNldCh0b29sdGlwT2Zmc2V0c1t0b29sdGlwT2Zmc2V0XSksIGZsaXAoKSwgc2hpZnQoeyBwYWRkaW5nOiA0IH0pXSxcbiAgICB3aGlsZUVsZW1lbnRzTW91bnRlZCguLi5hcmdzKSB7XG4gICAgICBjb25zdCBjbGVhbnVwID0gYXV0b1VwZGF0ZSguLi5hcmdzLCB7IGFuaW1hdGlvbkZyYW1lOiB0cnVlIH0pO1xuICAgICAgLy8gSW1wb3J0YW50ISBBbHdheXMgcmV0dXJuIHRoZSBjbGVhbnVwIGZ1bmN0aW9uLlxuICAgICAgcmV0dXJuIGNsZWFudXA7XG4gICAgfSxcbiAgfSk7XG5cbiAgY29uc3QgaG92ZXIgPSB1c2VIb3Zlcihjb250ZXh0LCB7XG4gICAgbW92ZTogZmFsc2UsXG4gIH0pO1xuICBjb25zdCBkaXNtaXNzID0gdXNlRGlzbWlzcyhjb250ZXh0KTtcbiAgY29uc3Qgcm9sZSA9IHVzZVJvbGUoY29udGV4dCwgeyByb2xlOiAndG9vbHRpcCcgfSk7XG4gIGNvbnN0IHsgZ2V0UmVmZXJlbmNlUHJvcHMsIGdldEZsb2F0aW5nUHJvcHMgfSA9IHVzZUludGVyYWN0aW9ucyhbaG92ZXIsIGRpc21pc3MsIHJvbGVdKTtcblxuICBjb25zdCBDb250ZW50Um9vdCA9IGhhc1BvcnRhbCA/IEZsb2F0aW5nUG9ydGFsIDogRnJhZ21lbnQ7XG5cbiAgaWYgKHBsYWNlbWVudE1ldGhvZCA9PT0gJ3N0YXRpYycpIHtcbiAgICByZXR1cm4gKFxuICAgICAgPFN0YXRpY1Jvb3Q+XG4gICAgICAgIHtjb250ZW50ICYmIChcbiAgICAgICAgICA8Q29udGVudFdyYXBwZXJcbiAgICAgICAgICAgIHJlZj17ZmxvYXRpbmd9XG4gICAgICAgICAgICB6SW5kZXg9e3pJbmRleH1cbiAgICAgICAgICAgIHN0eWxlPXt7XG4gICAgICAgICAgICAgIG9wYWNpdHk6ICd2YXIoLS1jb250ZW50T3BhY2l0eSknLFxuICAgICAgICAgICAgICBwb3NpdGlvbjogJ2Fic29sdXRlJyxcbiAgICAgICAgICAgICAgLi4ucGxhY2VtZW50U3R5bGVzW3BsYWNlbWVudF0sXG4gICAgICAgICAgICAgICctLXBsYWNlbWVudE9mZnNldCc6IGAke3Rvb2x0aXBPZmZzZXRzW3Rvb2x0aXBPZmZzZXRdfXB4YCxcbiAgICAgICAgICAgIH19XG4gICAgICAgICAgICB7Li4ucHJvcHN9XG4gICAgICAgICAgPlxuICAgICAgICAgICAge2NvbnRlbnR9XG4gICAgICAgICAgPC9Db250ZW50V3JhcHBlcj5cbiAgICAgICAgKX1cblxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L1N0YXRpY1Jvb3Q+XG4gICAgKTtcbiAgfVxuXG4gIHJldHVybiAoXG4gICAgPD5cbiAgICAgIHtjb250ZW50ICYmIChcbiAgICAgICAgPENvbnRlbnRSb290PlxuICAgICAgICAgIDxDb250ZW50V3JhcHBlclxuICAgICAgICAgICAgY2xhc3NOYW1lPVwiZ3JuLWNvbnRleHRcIlxuICAgICAgICAgICAgcmVmPXtmbG9hdGluZ31cbiAgICAgICAgICAgIHpJbmRleD17ekluZGV4fVxuICAgICAgICAgICAgc3R5bGU9e3tcbiAgICAgICAgICAgICAgb3BhY2l0eTogaXNPcGVuID8gMSA6IDAsXG4gICAgICAgICAgICAgIHBvc2l0aW9uOiBzdHJhdGVneSxcbiAgICAgICAgICAgICAgdG9wOiB5ID8/IDAsXG4gICAgICAgICAgICAgIGxlZnQ6IHggPz8gMCxcbiAgICAgICAgICAgIH19XG4gICAgICAgICAgICB7Li4uZ2V0RmxvYXRpbmdQcm9wcygpfVxuICAgICAgICAgICAgey4uLnByb3BzfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIHtjb250ZW50fVxuICAgICAgICAgIDwvQ29udGVudFdyYXBwZXI+XG4gICAgICAgIDwvQ29udGVudFJvb3Q+XG4gICAgICApfVxuXG4gICAgICB7Y2xvbmVFbGVtZW50KGNoaWxkcmVuLCB7XG4gICAgICAgIHJlZjogcmVmZXJlbmNlLFxuICAgICAgICAuLi5nZXRSZWZlcmVuY2VQcm9wcygpLFxuICAgICAgfSl9XG4gICAgPC8+XG4gICk7XG59O1xuXG5Ub29sdGlwLkNvbnRlbnQgPSBDb250ZW50V3JhcHBlcjtcblxuVG9vbHRpcC5wcm9wVHlwZXMgPSB7XG4gIHBsYWNlbWVudDogdHlwZXMucGxhY2VtZW50LFxuICBjb250ZW50OiBQcm9wVHlwZXMubm9kZSxcbiAgaGFzUG9ydGFsOiBQcm9wVHlwZXMuYm9vbCxcbiAgekluZGV4OiB0eXBlcy56SW5kZXgsXG4gIHBsYWNlbWVudE1ldGhvZDogUHJvcFR5cGVzLm9uZU9mKFsnc3RhdGljJywgJ2R5bmFtaWMnXSksXG4gIG9mZnNldDogUHJvcFR5cGVzLm9uZU9mKFsneHMnLCAncyddKSxcbn07XG4iXX0= */"));
|
|
39
39
|
|
|
40
40
|
const StaticRoot = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
|
|
41
41
|
target: "e1063o0x0"
|
|
@@ -48,7 +48,7 @@ const StaticRoot = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "product
|
|
|
48
48
|
} : {
|
|
49
49
|
name: "1bhnd3t",
|
|
50
50
|
styles: "position:relative;width:fit-content;--contentOpacity:0;&:hover{--contentOpacity:1;}",
|
|
51
|
-
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
51
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3Rvb2x0aXAuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9DNkIiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvdG9vbHRpcC5qc3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBQcm9wVHlwZXMgfSBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCB7IGNsb25lRWxlbWVudCwgdXNlU3RhdGUsIEZyYWdtZW50IH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgdHlwZXMgfSBmcm9tICcuLi90eXBlcyc7XG5pbXBvcnQge1xuICB1c2VGbG9hdGluZyxcbiAgYXV0b1VwZGF0ZSxcbiAgb2Zmc2V0LFxuICBmbGlwLFxuICB1c2VIb3ZlcixcbiAgdXNlRGlzbWlzcyxcbiAgdXNlUm9sZSxcbiAgdXNlSW50ZXJhY3Rpb25zLFxuICBGbG9hdGluZ1BvcnRhbCxcbiAgc2hpZnQsXG59IGZyb20gJ0BmbG9hdGluZy11aS9yZWFjdC1kb20taW50ZXJhY3Rpb25zJztcbmltcG9ydCB7IGdldENvbG9yLCBnZXRSYWRpdXMsIGdldFRyYW5zaXRpb24gfSBmcm9tICcuLi91dGlsaXRpZXMnO1xuaW1wb3J0IHsgbGluZUhlaWdodEFuZENhcEhlaWdodE9mZnNldCwgcGxhY2VtZW50U3R5bGVzLCBwbGFjZW1lbnRzTWFwIH0gZnJvbSAnLi4vZm91bmRhdGlvbmFsJztcblxuY29uc3QgQ29udGVudFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICAtLXBhZGRpbmc6IDE2cHg7XG4gIGJhY2tncm91bmQ6ICR7Z2V0Q29sb3IoJ3NoYWRlMTInKX07XG4gIGNvbG9yOiAke2dldENvbG9yKCdzaGFkZTInKX07XG4gIHBhZGRpbmc6IGNhbGModmFyKC0tcGFkZGluZykgLSAke2xpbmVIZWlnaHRBbmRDYXBIZWlnaHRPZmZzZXR9KSB2YXIoLS1wYWRkaW5nKTtcbiAgbWF4LXdpZHRoOiAyNTZweDtcbiAgd2lkdGg6IG1heC1jb250ZW50O1xuICBib3JkZXItcmFkaXVzOiAke2dldFJhZGl1cygncycpfTtcbiAgJHsoeyB6SW5kZXggfSkgPT4gYHotaW5kZXg6ICR7ekluZGV4fWB9O1xuICB0cmFuc2l0aW9uOiBvcGFjaXR5ICR7Z2V0VHJhbnNpdGlvbignZmFzdCcpfSAwLjA3cztcbiAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG5cbiAgW2RhdGEtZXhwZXJpbWVudC1jb21wYWN0LXRleHRib3hdICYge1xuICAgIC0tcGFkZGluZzogMTJweDtcbiAgfVxuYDtcblxuY29uc3QgU3RhdGljUm9vdCA9IHN0eWxlZC5kaXZgXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgd2lkdGg6IGZpdC1jb250ZW50O1xuICAtLWNvbnRlbnRPcGFjaXR5OiAwO1xuXG4gICY6aG92ZXIge1xuICAgIC0tY29udGVudE9wYWNpdHk6IDE7XG4gIH1cbmA7XG5cbmNvbnN0IHRvb2x0aXBPZmZzZXRzID0ge1xuICB4czogOCAvIDIsXG4gIHM6IDggKiAxLFxufTtcblxuZXhwb3J0IGNvbnN0IFRvb2x0aXAgPSAoe1xuICBjaGlsZHJlbixcbiAgY29udGVudCxcbiAgcGxhY2VtZW50ID0gJ3RvcCcsXG4gIHpJbmRleCA9IDE0MDAsIC8vIEl0IHNob3VsZCBiZSBncmVhdGVyIHRoYW4gb3IgZXF1YWwgMTQwMCB0byBhdm9pZCBjYXNlIGJlIGhpZGRlbiBiZSBoaWRlIG90aGVyIG92ZXJsYXkgY29tcG9uZW50cy4gaHR0cHM6Ly9naXQuZmRudy5uZXQvZGV2L2Zyb250ZW5kLy0vYmxvYi9tYXN0ZXIvcGFja2FnZXMvdWkvc3JjL3Njc3MvX3ZhcnMuc2NzcyNMMTAzXG4gIGhhc1BvcnRhbCA9IHRydWUsXG4gIHBsYWNlbWVudE1ldGhvZCA9ICdkeW5hbWljJyxcbiAgb2Zmc2V0OiB0b29sdGlwT2Zmc2V0ID0gJ3hzJyxcbiAgLi4ucHJvcHNcbn0pID0+IHtcbiAgY29uc3QgW2lzT3Blbiwgc2V0SXNPcGVuXSA9IHVzZVN0YXRlKGZhbHNlKTtcblxuICBjb25zdCB7IHgsIHksIHJlZmVyZW5jZSwgZmxvYXRpbmcsIHN0cmF0ZWd5LCBjb250ZXh0IH0gPSB1c2VGbG9hdGluZyh7XG4gICAgcGxhY2VtZW50OiBwbGFjZW1lbnRzTWFwW3BsYWNlbWVudF0sXG4gICAgb25PcGVuQ2hhbmdlOiBzZXRJc09wZW4sXG4gICAgbWlkZGxld2FyZTogW29mZnNldCh0b29sdGlwT2Zmc2V0c1t0b29sdGlwT2Zmc2V0XSksIGZsaXAoKSwgc2hpZnQoeyBwYWRkaW5nOiA0IH0pXSxcbiAgICB3aGlsZUVsZW1lbnRzTW91bnRlZCguLi5hcmdzKSB7XG4gICAgICBjb25zdCBjbGVhbnVwID0gYXV0b1VwZGF0ZSguLi5hcmdzLCB7IGFuaW1hdGlvbkZyYW1lOiB0cnVlIH0pO1xuICAgICAgLy8gSW1wb3J0YW50ISBBbHdheXMgcmV0dXJuIHRoZSBjbGVhbnVwIGZ1bmN0aW9uLlxuICAgICAgcmV0dXJuIGNsZWFudXA7XG4gICAgfSxcbiAgfSk7XG5cbiAgY29uc3QgaG92ZXIgPSB1c2VIb3Zlcihjb250ZXh0LCB7XG4gICAgbW92ZTogZmFsc2UsXG4gIH0pO1xuICBjb25zdCBkaXNtaXNzID0gdXNlRGlzbWlzcyhjb250ZXh0KTtcbiAgY29uc3Qgcm9sZSA9IHVzZVJvbGUoY29udGV4dCwgeyByb2xlOiAndG9vbHRpcCcgfSk7XG4gIGNvbnN0IHsgZ2V0UmVmZXJlbmNlUHJvcHMsIGdldEZsb2F0aW5nUHJvcHMgfSA9IHVzZUludGVyYWN0aW9ucyhbaG92ZXIsIGRpc21pc3MsIHJvbGVdKTtcblxuICBjb25zdCBDb250ZW50Um9vdCA9IGhhc1BvcnRhbCA/IEZsb2F0aW5nUG9ydGFsIDogRnJhZ21lbnQ7XG5cbiAgaWYgKHBsYWNlbWVudE1ldGhvZCA9PT0gJ3N0YXRpYycpIHtcbiAgICByZXR1cm4gKFxuICAgICAgPFN0YXRpY1Jvb3Q+XG4gICAgICAgIHtjb250ZW50ICYmIChcbiAgICAgICAgICA8Q29udGVudFdyYXBwZXJcbiAgICAgICAgICAgIHJlZj17ZmxvYXRpbmd9XG4gICAgICAgICAgICB6SW5kZXg9e3pJbmRleH1cbiAgICAgICAgICAgIHN0eWxlPXt7XG4gICAgICAgICAgICAgIG9wYWNpdHk6ICd2YXIoLS1jb250ZW50T3BhY2l0eSknLFxuICAgICAgICAgICAgICBwb3NpdGlvbjogJ2Fic29sdXRlJyxcbiAgICAgICAgICAgICAgLi4ucGxhY2VtZW50U3R5bGVzW3BsYWNlbWVudF0sXG4gICAgICAgICAgICAgICctLXBsYWNlbWVudE9mZnNldCc6IGAke3Rvb2x0aXBPZmZzZXRzW3Rvb2x0aXBPZmZzZXRdfXB4YCxcbiAgICAgICAgICAgIH19XG4gICAgICAgICAgICB7Li4ucHJvcHN9XG4gICAgICAgICAgPlxuICAgICAgICAgICAge2NvbnRlbnR9XG4gICAgICAgICAgPC9Db250ZW50V3JhcHBlcj5cbiAgICAgICAgKX1cblxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L1N0YXRpY1Jvb3Q+XG4gICAgKTtcbiAgfVxuXG4gIHJldHVybiAoXG4gICAgPD5cbiAgICAgIHtjb250ZW50ICYmIChcbiAgICAgICAgPENvbnRlbnRSb290PlxuICAgICAgICAgIDxDb250ZW50V3JhcHBlclxuICAgICAgICAgICAgY2xhc3NOYW1lPVwiZ3JuLWNvbnRleHRcIlxuICAgICAgICAgICAgcmVmPXtmbG9hdGluZ31cbiAgICAgICAgICAgIHpJbmRleD17ekluZGV4fVxuICAgICAgICAgICAgc3R5bGU9e3tcbiAgICAgICAgICAgICAgb3BhY2l0eTogaXNPcGVuID8gMSA6IDAsXG4gICAgICAgICAgICAgIHBvc2l0aW9uOiBzdHJhdGVneSxcbiAgICAgICAgICAgICAgdG9wOiB5ID8/IDAsXG4gICAgICAgICAgICAgIGxlZnQ6IHggPz8gMCxcbiAgICAgICAgICAgIH19XG4gICAgICAgICAgICB7Li4uZ2V0RmxvYXRpbmdQcm9wcygpfVxuICAgICAgICAgICAgey4uLnByb3BzfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIHtjb250ZW50fVxuICAgICAgICAgIDwvQ29udGVudFdyYXBwZXI+XG4gICAgICAgIDwvQ29udGVudFJvb3Q+XG4gICAgICApfVxuXG4gICAgICB7Y2xvbmVFbGVtZW50KGNoaWxkcmVuLCB7XG4gICAgICAgIHJlZjogcmVmZXJlbmNlLFxuICAgICAgICAuLi5nZXRSZWZlcmVuY2VQcm9wcygpLFxuICAgICAgfSl9XG4gICAgPC8+XG4gICk7XG59O1xuXG5Ub29sdGlwLkNvbnRlbnQgPSBDb250ZW50V3JhcHBlcjtcblxuVG9vbHRpcC5wcm9wVHlwZXMgPSB7XG4gIHBsYWNlbWVudDogdHlwZXMucGxhY2VtZW50LFxuICBjb250ZW50OiBQcm9wVHlwZXMubm9kZSxcbiAgaGFzUG9ydGFsOiBQcm9wVHlwZXMuYm9vbCxcbiAgekluZGV4OiB0eXBlcy56SW5kZXgsXG4gIHBsYWNlbWVudE1ldGhvZDogUHJvcFR5cGVzLm9uZU9mKFsnc3RhdGljJywgJ2R5bmFtaWMnXSksXG4gIG9mZnNldDogUHJvcFR5cGVzLm9uZU9mKFsneHMnLCAncyddKSxcbn07XG4iXX0= */",
|
|
52
52
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
53
53
|
});
|
|
54
54
|
|
|
@@ -111,7 +111,7 @@ export const Tooltip = _ref2 => {
|
|
|
111
111
|
const ContentRoot = hasPortal ? FloatingPortal : Fragment;
|
|
112
112
|
|
|
113
113
|
if (placementMethod === 'static') {
|
|
114
|
-
return ___EmotionJSX(StaticRoot, null, ___EmotionJSX(ContentWrapper, _extends({
|
|
114
|
+
return ___EmotionJSX(StaticRoot, null, content && ___EmotionJSX(ContentWrapper, _extends({
|
|
115
115
|
ref: floating,
|
|
116
116
|
zIndex: zIndex,
|
|
117
117
|
style: _objectSpread(_objectSpread({
|
|
@@ -123,7 +123,7 @@ export const Tooltip = _ref2 => {
|
|
|
123
123
|
}, props), content), children);
|
|
124
124
|
}
|
|
125
125
|
|
|
126
|
-
return ___EmotionJSX(React.Fragment, null, ___EmotionJSX(ContentRoot, null, ___EmotionJSX(ContentWrapper, _extends({
|
|
126
|
+
return ___EmotionJSX(React.Fragment, null, content && ___EmotionJSX(ContentRoot, null, ___EmotionJSX(ContentWrapper, _extends({
|
|
127
127
|
className: "grn-context",
|
|
128
128
|
ref: floating,
|
|
129
129
|
zIndex: zIndex,
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
const theme = "\n /* light */\n\n :root,\n [data-theme='light'],\n [data-theme='dark'] [data-theme='invert'] {\n --grn-color-fade10: var(--grn-color-darkFade10);\n --grn-color-fade9: var(--grn-color-darkFade9);\n --grn-color-fade8: var(--grn-color-darkFade8);\n --grn-color-fade7: var(--grn-color-darkFade7);\n --grn-color-fade6: var(--grn-color-darkFade6);\n --grn-color-fade5: var(--grn-color-darkFade5);\n --grn-color-fade4: var(--grn-color-darkFade4);\n --grn-color-fade3: var(--grn-color-darkFade3);\n --grn-color-fade2: var(--grn-color-darkFade2);\n --grn-color-fade1: var(--grn-color-darkFade1);\n\n --grn-color-shade1: var(--grn-color-shadeTone1);\n --grn-color-shade2: var(--grn-color-shadeTone2);\n --grn-color-shade3: var(--grn-color-shadeTone3);\n --grn-color-shade4: var(--grn-color-shadeTone4);\n --grn-color-shade5: var(--grn-color-shadeTone5);\n --grn-color-shade6: var(--grn-color-shadeTone6);\n --grn-color-shade7: var(--grn-color-shadeTone7);\n --grn-color-shade8: var(--grn-color-shadeTone8);\n --grn-color-shade9: var(--grn-color-shadeTone9);\n --grn-color-shade10: var(--grn-color-shadeTone10);\n --grn-color-shade11: var(--grn-color-shadeTone11);\n --grn-color-shade12: var(--grn-color-shadeTone12);\n --grn-color-shade13: var(--grn-color-shadeTone13);\n }\n\n /* dark */\n\n [data-theme='dark'],\n [data-theme='light'] [data-theme='invert'] {\n --grn-color-fade10: var(--grn-color-lightFade10);\n --grn-color-fade9: var(--grn-color-lightFade9);\n --grn-color-fade8: var(--grn-color-lightFade8);\n --grn-color-fade7: var(--grn-color-lightFade7);\n --grn-color-fade6: var(--grn-color-lightFade6);\n --grn-color-fade5: var(--grn-color-lightFade5);\n --grn-color-fade4: var(--grn-color-lightFade4);\n --grn-color-fade3: var(--grn-color-lightFade3);\n --grn-color-fade2: var(--grn-color-lightFade2);\n --grn-color-fade1: var(--grn-color-lightFade1);\n\n --grn-color-shade1: var(--grn-color-shadeTone13);\n --grn-color-shade2: var(--grn-color-shadeTone12);\n --grn-color-shade3: var(--grn-color-shadeTone11);\n --grn-color-shade4: var(--grn-color-shadeTone10);\n --grn-color-shade5: var(--grn-color-shadeTone9);\n --grn-color-shade6: var(--grn-color-shadeTone8);\n --grn-color-shade7: var(--grn-color-shadeTone7);\n --grn-color-shade8: var(--grn-color-shadeTone6);\n --grn-color-shade9: var(--grn-color-shadeTone5);\n --grn-color-shade10: var(--grn-color-shadeTone4);\n --grn-color-shade11: var(--grn-color-shadeTone3);\n --grn-color-shade12: var(--grn-color-shadeTone2);\n --grn-color-shade13: var(--grn-color-shadeTone1);\n }\n\n /* light */\n\n :root,\n [data-theme='light'],\n [data-theme='dark'] [data-theme='invert'] {\n --content-l: 20%;\n --background-l: 80%;\n --fade-l: var(--bf-s);\n --grn-color-floatingBackground: var(--grn-color-shade1);\n }\n\n /* dark */\n\n [data-theme='dark'],\n [data-theme='light'] [data-theme='invert'] {\n --content-l: 80%;\n --background-l: 20%;\n --fade-l: var(--wf-s);\n --grn-color-floatingBackground: var(--grn-color-shade2);\n }\n\n /* light + dark */\n\n :root,\n [data-theme] {\n --grn-color-content: var(--grn-color-shade12);\n --grn-color-content2: var(--grn-color-fade7);\n --grn-color-content3: var(--grn-color-fade5);\n --grn-color-disabledContent: var(--grn-color-shade7);\n --grn-color-icon: var(--grn-color-fade7);\n --grn-color-disabledIcon: var(--grn-color-fade4);\n\n --grn-color-background: var(--grn-color-shade1);\n --grn-color-background2: var(--grn-color-shade2);\n --grn-color-background3: var(--grn-color-shade3);\n --grn-color-disabledBackground: var(--grn-color-shade4);\n\n --grn-color-border: hsl(var(--shade-hs) var(--content-l) / 12%);\n --grn-color-border2: hsl(var(--shade-hs) var(--content-l) / 20%);\n\n --grn-color-overlay: var(--grn-color-fade1);\n --grn-color-overlay2: var(--grn-color-fade2);\n }\n";
|
|
1
|
+
const theme = "\n /* light */\n\n :root,\n [data-theme='light'],\n [data-theme='dark'] [data-theme='invert'] {\n --grn-color-fade10: var(--grn-color-darkFade10);\n --grn-color-fade9: var(--grn-color-darkFade9);\n --grn-color-fade8: var(--grn-color-darkFade8);\n --grn-color-fade7: var(--grn-color-darkFade7);\n --grn-color-fade6: var(--grn-color-darkFade6);\n --grn-color-fade5: var(--grn-color-darkFade5);\n --grn-color-fade4: var(--grn-color-darkFade4);\n --grn-color-fade3: var(--grn-color-darkFade3);\n --grn-color-fade2: var(--grn-color-darkFade2);\n --grn-color-fade1: var(--grn-color-darkFade1);\n\n --grn-color-shade1: var(--grn-color-shadeTone1);\n --grn-color-shade2: var(--grn-color-shadeTone2);\n --grn-color-shade3: var(--grn-color-shadeTone3);\n --grn-color-shade4: var(--grn-color-shadeTone4);\n --grn-color-shade5: var(--grn-color-shadeTone5);\n --grn-color-shade6: var(--grn-color-shadeTone6);\n --grn-color-shade7: var(--grn-color-shadeTone7);\n --grn-color-shade8: var(--grn-color-shadeTone8);\n --grn-color-shade9: var(--grn-color-shadeTone9);\n --grn-color-shade10: var(--grn-color-shadeTone10);\n --grn-color-shade11: var(--grn-color-shadeTone11);\n --grn-color-shade12: var(--grn-color-shadeTone12);\n --grn-color-shade13: var(--grn-color-shadeTone13);\n }\n\n /* dark */\n\n [data-theme='dark'],\n [data-theme='light'] [data-theme='invert'] {\n --grn-color-fade10: var(--grn-color-lightFade10);\n --grn-color-fade9: var(--grn-color-lightFade9);\n --grn-color-fade8: var(--grn-color-lightFade8);\n --grn-color-fade7: var(--grn-color-lightFade7);\n --grn-color-fade6: var(--grn-color-lightFade6);\n --grn-color-fade5: var(--grn-color-lightFade5);\n --grn-color-fade4: var(--grn-color-lightFade4);\n --grn-color-fade3: var(--grn-color-lightFade3);\n --grn-color-fade2: var(--grn-color-lightFade2);\n --grn-color-fade1: var(--grn-color-lightFade1);\n\n --grn-color-shade1: var(--grn-color-shadeTone13);\n --grn-color-shade2: var(--grn-color-shadeTone12);\n --grn-color-shade3: var(--grn-color-shadeTone11);\n --grn-color-shade4: var(--grn-color-shadeTone10);\n --grn-color-shade5: var(--grn-color-shadeTone9);\n --grn-color-shade6: var(--grn-color-shadeTone8);\n --grn-color-shade7: var(--grn-color-shadeTone7);\n --grn-color-shade8: var(--grn-color-shadeTone6);\n --grn-color-shade9: var(--grn-color-shadeTone5);\n --grn-color-shade10: var(--grn-color-shadeTone4);\n --grn-color-shade11: var(--grn-color-shadeTone3);\n --grn-color-shade12: var(--grn-color-shadeTone2);\n --grn-color-shade13: var(--grn-color-shadeTone1);\n }\n\n /* light */\n\n :root,\n [data-theme='light'],\n [data-theme='dark'] [data-theme='invert'] {\n --content-l: 20%;\n --background-l: 80%;\n --fade-l: var(--bf-s);\n --grn-color-floatingBackground: var(--grn-color-shade1);\n }\n\n /* dark */\n\n [data-theme='dark'],\n [data-theme='light'] [data-theme='invert'] {\n --content-l: 80%;\n --background-l: 20%;\n --fade-l: var(--wf-s);\n --grn-color-floatingBackground: var(--grn-color-shade2);\n }\n\n /* light + dark */\n\n :root,\n [data-theme] {\n --grn-color-content: var(--grn-color-shade12);\n --grn-color-content2: var(--grn-color-fade7);\n --grn-color-content3: var(--grn-color-fade5);\n --grn-color-disabledContent: var(--grn-color-shade7);\n --grn-color-icon: var(--grn-color-fade7);\n --grn-color-disabledIcon: var(--grn-color-fade4);\n\n --grn-color-background: var(--grn-color-shade1);\n --grn-color-background2: var(--grn-color-shade2);\n --grn-color-background3: var(--grn-color-shade3);\n --grn-color-disabledBackground: var(--grn-color-shade4);\n\n --grn-color-border: hsl(var(--shade-hs) var(--content-l) / 12%);\n --grn-color-border2: hsl(var(--shade-hs) var(--content-l) / 20%);\n\n --grn-color-overlay: var(--grn-color-fade1);\n --grn-color-overlay2: var(--grn-color-fade2);\n }\n\n [data-experiment-darker-content-2-and-3=\"true\"] {\n --grn-color-content2: hsl(var(--shade-h) var(--fade-s) var(--content-l) / 62%);\n --grn-color-content3: hsl(var(--shade-h) var(--fade-s) var(--content-l) / 42%);\n }\n";
|
|
2
2
|
export default theme;
|