@flodesk/grain 11.69.0-next.6 → 11.69.0-next.8
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.
|
@@ -20,13 +20,8 @@ export function GrainProvider(_ref) {
|
|
|
20
20
|
return ___EmotionJSX(BreakpointsProvider, {
|
|
21
21
|
breakpoints: breakpoints
|
|
22
22
|
}, ___EmotionJSX(Global, {
|
|
23
|
-
styles: [styles, utilityStyles, process.env.NODE_ENV === "production" ? "" : ";label:GrainProvider;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3Byb3ZpZGVyLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnQmMiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvcHJvdmlkZXIuanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgeyBHbG9iYWwgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVzIGZyb20gJy4uL3N0eWxlcyc7XG5pbXBvcnQgeyBnZW5lcmF0ZVV0aWxpdGllc0NzcyB9IGZyb20gJy4uL3N0eWxlcy91dGlsaXRpZXMnO1xuaW1wb3J0IHsgQnJlYWtwb2ludHNQcm92aWRlciB9IGZyb20gJy4vYnJlYWtwb2ludHMtcHJvdmlkZXInO1xuXG5jb25zdCBkZWZhdWx0QnJlYWtwb2ludHMgPSB7XG4gIHRhYmxldDogMTE2OSxcbiAgbW9iaWxlOiA3NjcsXG59O1xuXG5leHBvcnQgZnVuY3Rpb24gR3JhaW5Qcm92aWRlcih7IGNoaWxkcmVuLCBicmVha3BvaW50cyA9IGRlZmF1bHRCcmVha3BvaW50cyB9KSB7XG4gIGNvbnN0IHV0aWxpdHlTdHlsZXMgPSBnZW5lcmF0ZVV0aWxpdGllc0Nzcyh7IGJyZWFrcG9pbnRzIH0pO1xuICByZXR1cm4gKFxuICAgIDxCcmVha3BvaW50c1Byb3ZpZGVyIGJyZWFrcG9pbnRzPXticmVha3BvaW50c30+XG4gICAgICA8R2xvYmFsIHN0eWxlcz17W3N0eWxlcywgdXRpbGl0eVN0eWxlc119IC8+
|
|
24
|
-
}),
|
|
25
|
-
"data-scope": "next",
|
|
26
|
-
style: {
|
|
27
|
-
display: 'contents'
|
|
28
|
-
}
|
|
29
|
-
}, children));
|
|
23
|
+
styles: [styles, utilityStyles, process.env.NODE_ENV === "production" ? "" : ";label:GrainProvider;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3Byb3ZpZGVyLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnQmMiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvcHJvdmlkZXIuanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgeyBHbG9iYWwgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVzIGZyb20gJy4uL3N0eWxlcyc7XG5pbXBvcnQgeyBnZW5lcmF0ZVV0aWxpdGllc0NzcyB9IGZyb20gJy4uL3N0eWxlcy91dGlsaXRpZXMnO1xuaW1wb3J0IHsgQnJlYWtwb2ludHNQcm92aWRlciB9IGZyb20gJy4vYnJlYWtwb2ludHMtcHJvdmlkZXInO1xuXG5jb25zdCBkZWZhdWx0QnJlYWtwb2ludHMgPSB7XG4gIHRhYmxldDogMTE2OSxcbiAgbW9iaWxlOiA3NjcsXG59O1xuXG5leHBvcnQgZnVuY3Rpb24gR3JhaW5Qcm92aWRlcih7IGNoaWxkcmVuLCBicmVha3BvaW50cyA9IGRlZmF1bHRCcmVha3BvaW50cyB9KSB7XG4gIGNvbnN0IHV0aWxpdHlTdHlsZXMgPSBnZW5lcmF0ZVV0aWxpdGllc0Nzcyh7IGJyZWFrcG9pbnRzIH0pO1xuICByZXR1cm4gKFxuICAgIDxCcmVha3BvaW50c1Byb3ZpZGVyIGJyZWFrcG9pbnRzPXticmVha3BvaW50c30+XG4gICAgICA8R2xvYmFsIHN0eWxlcz17W3N0eWxlcywgdXRpbGl0eVN0eWxlc119IC8+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9CcmVha3BvaW50c1Byb3ZpZGVyPlxuICApO1xufVxuXG5HcmFpblByb3ZpZGVyLnByb3BUeXBlcyA9IHtcbiAgY2hpbGRyZW46IFByb3BUeXBlcy5ub2RlLmlzUmVxdWlyZWQsXG4gIGJyZWFrcG9pbnRzOiBQcm9wVHlwZXMub2JqZWN0LFxufTtcbiJdfQ== */"]
|
|
24
|
+
}), children);
|
|
30
25
|
}
|
|
31
26
|
GrainProvider.propTypes = {
|
|
32
27
|
children: PropTypes.node.isRequired,
|
package/es/components/slider.js
CHANGED
|
@@ -9,24 +9,25 @@ import { types } from '../types';
|
|
|
9
9
|
import { FieldHint, FieldLabel, transitionStyles } from '../foundational';
|
|
10
10
|
import { getColor, getSpace } from '../utilities';
|
|
11
11
|
import { jsx as ___EmotionJSX } from "@emotion/react";
|
|
12
|
+
const thumbSize = '16px';
|
|
12
13
|
const InputWrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
|
|
13
14
|
target: "el2kgbu2"
|
|
14
15
|
} : {
|
|
15
16
|
target: "el2kgbu2",
|
|
16
17
|
label: "InputWrapper"
|
|
17
|
-
})("--trackHeight:2px;--
|
|
18
|
+
})("--trackHeight:2px;--thumbSize:", thumbSize, ";--thumbBorder:2px ", getColor('content'), ";--trackColor:", getColor('fade2'), ";--trackFilledColor:", getColor('content'), ";@media (hover: hover){&:hover{--trackColor:", getColor('fade4'), ";}}position:relative;", _ref => {
|
|
18
19
|
let {
|
|
19
20
|
marginTop
|
|
20
21
|
} = _ref;
|
|
21
22
|
return marginTop && "margin-top: ".concat(marginTop);
|
|
22
|
-
}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
23
|
+
}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3NsaWRlci5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBUytCIiwiZmlsZSI6Ii4uLy4uL3NyYy9jb21wb25lbnRzL3NsaWRlci5qc3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBQcm9wVHlwZXMgfSBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgdHlwZXMgfSBmcm9tICcuLi90eXBlcyc7XG5pbXBvcnQgeyBGaWVsZEhpbnQsIEZpZWxkTGFiZWwsIHRyYW5zaXRpb25TdHlsZXMgfSBmcm9tICcuLi9mb3VuZGF0aW9uYWwnO1xuaW1wb3J0IHsgZ2V0Q29sb3IsIGdldFNwYWNlIH0gZnJvbSAnLi4vdXRpbGl0aWVzJztcblxuY29uc3QgdGh1bWJTaXplID0gJzE2cHgnO1xuXG5jb25zdCBJbnB1dFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICAtLXRyYWNrSGVpZ2h0OiAycHg7XG4gIC0tdGh1bWJTaXplOiAke3RodW1iU2l6ZX07XG4gIC0tdGh1bWJCb3JkZXI6IDJweCAke2dldENvbG9yKCdjb250ZW50Jyl9O1xuICAtLXRyYWNrQ29sb3I6ICR7Z2V0Q29sb3IoJ2ZhZGUyJyl9O1xuICAtLXRyYWNrRmlsbGVkQ29sb3I6ICR7Z2V0Q29sb3IoJ2NvbnRlbnQnKX07XG5cbiAgQG1lZGlhIChob3ZlcjogaG92ZXIpIHtcbiAgICAmOmhvdmVyIHtcbiAgICAgIC0tdHJhY2tDb2xvcjogJHtnZXRDb2xvcignZmFkZTQnKX07XG4gICAgfVxuICB9XG5cbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAkeyh7IG1hcmdpblRvcCB9KSA9PiBtYXJnaW5Ub3AgJiYgYG1hcmdpbi10b3A6ICR7bWFyZ2luVG9wfWB9O1xuYDtcblxuY29uc3QgVHJhY2sgPSBzdHlsZWQuZGl2YFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHRvcDogMDtcbiAgYm90dG9tOiAwO1xuICBtYXJnaW46IGF1dG87XG4gIGhlaWdodDogdmFyKC0tdHJhY2tIZWlnaHQpO1xuICB3aWR0aDogMTAwJTtcbiAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gICR7dHJhbnNpdGlvblN0eWxlc307XG5cbiAgJjo6YmVmb3JlLFxuICAmOjphZnRlciB7XG4gICAgY29udGVudDogJyc7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHRvcDogMDtcbiAgICBib3R0b206IDA7XG4gICAgbWFyZ2luOiBhdXRvO1xuICAgIGhlaWdodDogdmFyKC0tdHJhY2tIZWlnaHQpO1xuICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgIHRyYW5zaXRpb246IGJhY2tncm91bmQgdmFyKC0tZ3JuLXRyYW5zaXRpb24tbGVhdmUpO1xuICB9XG5cbiAgJjo6YmVmb3JlIHtcbiAgICBiYWNrZ3JvdW5kOiB2YXIoLS10cmFja0ZpbGxlZENvbG9yKTtcbiAgICB3aWR0aDogdmFyKC0tZmlsbGVkV2lkdGgpO1xuICAgIGJvcmRlci1yYWRpdXM6IHZhcigtLXRyYWNrSGVpZ2h0KSAwIDAgdmFyKC0tdHJhY2tIZWlnaHQpO1xuICB9XG5cbiAgJjo6YWZ0ZXIge1xuICAgIHJpZ2h0OiAwO1xuICAgIGJhY2tncm91bmQ6IHZhcigtLXRyYWNrQ29sb3IpO1xuICAgIHdpZHRoOiB2YXIoLS1yZW1haW5pbmdXaWR0aCk7XG4gICAgYm9yZGVyLXJhZGl1czogMCB2YXIoLS10cmFja0hlaWdodCkgdmFyKC0tdHJhY2tIZWlnaHQpIDA7XG5cbiAgICAke0lucHV0V3JhcHBlcn06aG92ZXIgJiB7XG4gICAgICB0cmFuc2l0aW9uOiBiYWNrZ3JvdW5kIHZhcigtLWdybi10cmFuc2l0aW9uLWhvdmVyKTtcbiAgICB9XG4gIH1cbmA7XG5cbmNvbnN0IHRyYWNrU3R5bGVzID0gYFxuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiB2YXIoLS10aHVtYlNpemUpO1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIGJhY2tncm91bmQ6IHRyYW5zcGFyZW50O1xuICB6LWluZGV4OiAxO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG5gO1xuXG5jb25zdCB0aHVtYlN0eWxlcyA9IGBcbiAgYXBwZWFyYW5jZTogbm9uZTtcbiAgaGVpZ2h0OiB2YXIoLS10aHVtYlNpemUpO1xuICB3aWR0aDogdmFyKC0tdGh1bWJTaXplKTtcbiAgYm9yZGVyLXJhZGl1czogMTAwcHg7XG4gIGJhY2tncm91bmQ6ICR7Z2V0Q29sb3IoJ3NoYWRlMScpfTtcbiAgYm94LXNoYWRvdzogaW5zZXQgMCAwIDAgdmFyKC0tdGh1bWJCb3JkZXIpO1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIGJvcmRlcjogbm9uZTtcbmA7XG5cbmNvbnN0IHRodW1iRm9jdXNTdHlsZXMgPSBgXG4gIC0tdGh1bWJCb3JkZXI6IDJweCAke2dldENvbG9yKCdzZWxlY3Rpb24nKX07XG5gO1xuXG5jb25zdCBJbnB1dEZpZWxkID0gc3R5bGVkLmlucHV0YFxuICBhcHBlYXJhbmNlOiBub25lO1xuICB3aWR0aDogMTAwJTtcbiAgbWFyZ2luOiAwO1xuICBkaXNwbGF5OiBibG9jaztcbiAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcblxuICAmOjotd2Via2l0LXNsaWRlci1ydW5uYWJsZS10cmFjayB7XG4gICAgJHt0cmFja1N0eWxlc31cbiAgfVxuXG4gICY6Oi1tb3otcmFuZ2UtdHJhY2sge1xuICAgICR7dHJhY2tTdHlsZXN9XG4gIH1cblxuICAmOjotd2Via2l0LXNsaWRlci10aHVtYiB7XG4gICAgJHt0aHVtYlN0eWxlc31cbiAgfVxuXG4gICY6Oi1tb3otcmFuZ2UtdGh1bWIge1xuICAgICR7dGh1bWJTdHlsZXN9XG4gIH1cblxuICAmOmZvY3VzLXZpc2libGU6Oi13ZWJraXQtc2xpZGVyLXRodW1iIHtcbiAgICAke3RodW1iRm9jdXNTdHlsZXN9XG4gIH1cblxuICAmOmZvY3VzLXZpc2libGU6Oi1tb3otcmFuZ2UtdGh1bWIge1xuICAgICR7dGh1bWJGb2N1c1N0eWxlc31cbiAgfVxuXG4gICY6Zm9jdXMge1xuICAgIG91dGxpbmU6IG5vbmU7XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBTbGlkZXIgPSBmb3J3YXJkUmVmKGZ1bmN0aW9uIFNsaWRlcihcbiAgeyBtaW4gPSAwLCBtYXggPSAxMDAsIHZhbHVlLCBzdGVwLCBvbkNoYW5nZSwgaWQsIGxhYmVsLCBoaW50LCAuLi5wcm9wcyB9LFxuICByZWYsXG4pIHtcbiAgY29uc3QgZ2V0UGVyY2VudGFnZSA9ICgpID0+ICgodmFsdWUgLSBtaW4pIC8gKG1heCAtIG1pbikpICogMTAwO1xuICBjb25zdCBmaWVsZE1hcmdpblRvcCA9IGxhYmVsIHx8IGhpbnQgPyBnZXRTcGFjZSgndmFyKC0tZ3JuLWZvcm0tY29udHJvbC1sYWJlbC1nYXApJykgOiB1bmRlZmluZWQ7XG5cbiAgY29uc3QgcGVyY2VudGFnZSA9IGdldFBlcmNlbnRhZ2UoKTtcblxuICBjb25zdCB0aHVtYldpZHRoUGVyY2VudGFnZSA9IGAoJHt0aHVtYlNpemV9ICogJHtwZXJjZW50YWdlfSAvIDEwMClgO1xuICBjb25zdCBvZmZzZXQgPSBgMnB4YDtcbiAgY29uc3QgZmlsbGVkV2lkdGggPSBgY2FsYygke3BlcmNlbnRhZ2V9JSAtICR7dGh1bWJXaWR0aFBlcmNlbnRhZ2V9IC0gJHtvZmZzZXR9KWA7XG4gIGNvbnN0IHJlbWFpbmluZ1dpZHRoID0gYGNhbGMoJHtcbiAgICAxMDAgLSBwZXJjZW50YWdlXG4gIH0lIC0gKCR7dGh1bWJTaXplfSAtICR7dGh1bWJXaWR0aFBlcmNlbnRhZ2V9KSAtICR7b2Zmc2V0fSlgO1xuXG4gIGNvbnN0IHN0eWxlID0geyAnLS1maWxsZWRXaWR0aCc6IGZpbGxlZFdpZHRoLCAnLS1yZW1haW5pbmdXaWR0aCc6IHJlbWFpbmluZ1dpZHRoIH07XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2PlxuICAgICAge2xhYmVsICYmIDxGaWVsZExhYmVsIGh0bWxGb3I9e2lkfT57bGFiZWx9PC9GaWVsZExhYmVsPn1cbiAgICAgIHtoaW50ICYmIDxGaWVsZEhpbnQ+e2hpbnR9PC9GaWVsZEhpbnQ+fVxuICAgICAgPElucHV0V3JhcHBlciBzdHlsZT17c3R5bGV9IG1hcmdpblRvcD17ZmllbGRNYXJnaW5Ub3B9PlxuICAgICAgICA8VHJhY2sgLz5cbiAgICAgICAgPElucHV0RmllbGRcbiAgICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgICBpZD17aWR9XG4gICAgICAgICAgdHlwZT1cInJhbmdlXCJcbiAgICAgICAgICBtaW49e21pbn1cbiAgICAgICAgICBtYXg9e21heH1cbiAgICAgICAgICB2YWx1ZT17dmFsdWV9XG4gICAgICAgICAgc3RlcD17c3RlcH1cbiAgICAgICAgICBvbkNoYW5nZT17b25DaGFuZ2V9XG4gICAgICAgICAgey4uLnByb3BzfVxuICAgICAgICAvPlxuICAgICAgPC9JbnB1dFdyYXBwZXI+XG4gICAgPC9kaXY+XG4gICk7XG59KTtcblxuU2xpZGVyLkxhYmVsID0gRmllbGRMYWJlbDtcblNsaWRlci5IaW50ID0gRmllbGRIaW50O1xuXG5TbGlkZXIucHJvcFR5cGVzID0ge1xuICBtaW46IFByb3BUeXBlcy5udW1iZXIsXG4gIG1heDogUHJvcFR5cGVzLm51bWJlcixcbiAgdmFsdWU6IFByb3BUeXBlcy5udW1iZXIsXG4gIHN0ZXA6IFByb3BUeXBlcy5udW1iZXIsXG4gIG9uQ2hhbmdlOiBQcm9wVHlwZXMuZnVuYyxcbiAgbGFiZWw6IHR5cGVzLmxhYmVsLFxuICBoaW50OiB0eXBlcy5oaW50LFxuICBpZDogUHJvcFR5cGVzLnN0cmluZyxcbn07XG4iXX0= */"));
|
|
23
24
|
const Track = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
|
|
24
25
|
target: "el2kgbu1"
|
|
25
26
|
} : {
|
|
26
27
|
target: "el2kgbu1",
|
|
27
28
|
label: "Track"
|
|
28
|
-
})("position:absolute;top:0;bottom:0;margin:auto;height:var(--trackHeight);width:100%;
|
|
29
|
-
const trackStyles = "\n width: 100%;\n height: var(--
|
|
29
|
+
})("position:absolute;top:0;bottom:0;margin:auto;height:var(--trackHeight);width:100%;pointer-events:none;", transitionStyles, ";&::before,&::after{content:'';position:absolute;top:0;bottom:0;margin:auto;height:var(--trackHeight);display:block;transition:background var(--grn-transition-leave);}&::before{background:var(--trackFilledColor);width:var(--filledWidth);border-radius:var(--trackHeight) 0 0 var(--trackHeight);}&::after{right:0;background:var(--trackColor);width:var(--remainingWidth);border-radius:0 var(--trackHeight) var(--trackHeight) 0;", InputWrapper, ":hover &{transition:background var(--grn-transition-hover);}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3NsaWRlci5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMEJ3QiIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy9zbGlkZXIuanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgUHJvcFR5cGVzIH0gZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgUmVhY3QsIHsgZm9yd2FyZFJlZiB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IHR5cGVzIH0gZnJvbSAnLi4vdHlwZXMnO1xuaW1wb3J0IHsgRmllbGRIaW50LCBGaWVsZExhYmVsLCB0cmFuc2l0aW9uU3R5bGVzIH0gZnJvbSAnLi4vZm91bmRhdGlvbmFsJztcbmltcG9ydCB7IGdldENvbG9yLCBnZXRTcGFjZSB9IGZyb20gJy4uL3V0aWxpdGllcyc7XG5cbmNvbnN0IHRodW1iU2l6ZSA9ICcxNnB4JztcblxuY29uc3QgSW5wdXRXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgLS10cmFja0hlaWdodDogMnB4O1xuICAtLXRodW1iU2l6ZTogJHt0aHVtYlNpemV9O1xuICAtLXRodW1iQm9yZGVyOiAycHggJHtnZXRDb2xvcignY29udGVudCcpfTtcbiAgLS10cmFja0NvbG9yOiAke2dldENvbG9yKCdmYWRlMicpfTtcbiAgLS10cmFja0ZpbGxlZENvbG9yOiAke2dldENvbG9yKCdjb250ZW50Jyl9O1xuXG4gIEBtZWRpYSAoaG92ZXI6IGhvdmVyKSB7XG4gICAgJjpob3ZlciB7XG4gICAgICAtLXRyYWNrQ29sb3I6ICR7Z2V0Q29sb3IoJ2ZhZGU0Jyl9O1xuICAgIH1cbiAgfVxuXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgJHsoeyBtYXJnaW5Ub3AgfSkgPT4gbWFyZ2luVG9wICYmIGBtYXJnaW4tdG9wOiAke21hcmdpblRvcH1gfTtcbmA7XG5cbmNvbnN0IFRyYWNrID0gc3R5bGVkLmRpdmBcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6IDA7XG4gIGJvdHRvbTogMDtcbiAgbWFyZ2luOiBhdXRvO1xuICBoZWlnaHQ6IHZhcigtLXRyYWNrSGVpZ2h0KTtcbiAgd2lkdGg6IDEwMCU7XG4gIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICAke3RyYW5zaXRpb25TdHlsZXN9O1xuXG4gICY6OmJlZm9yZSxcbiAgJjo6YWZ0ZXIge1xuICAgIGNvbnRlbnQ6ICcnO1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB0b3A6IDA7XG4gICAgYm90dG9tOiAwO1xuICAgIG1hcmdpbjogYXV0bztcbiAgICBoZWlnaHQ6IHZhcigtLXRyYWNrSGVpZ2h0KTtcbiAgICBkaXNwbGF5OiBibG9jaztcbiAgICB0cmFuc2l0aW9uOiBiYWNrZ3JvdW5kIHZhcigtLWdybi10cmFuc2l0aW9uLWxlYXZlKTtcbiAgfVxuXG4gICY6OmJlZm9yZSB7XG4gICAgYmFja2dyb3VuZDogdmFyKC0tdHJhY2tGaWxsZWRDb2xvcik7XG4gICAgd2lkdGg6IHZhcigtLWZpbGxlZFdpZHRoKTtcbiAgICBib3JkZXItcmFkaXVzOiB2YXIoLS10cmFja0hlaWdodCkgMCAwIHZhcigtLXRyYWNrSGVpZ2h0KTtcbiAgfVxuXG4gICY6OmFmdGVyIHtcbiAgICByaWdodDogMDtcbiAgICBiYWNrZ3JvdW5kOiB2YXIoLS10cmFja0NvbG9yKTtcbiAgICB3aWR0aDogdmFyKC0tcmVtYWluaW5nV2lkdGgpO1xuICAgIGJvcmRlci1yYWRpdXM6IDAgdmFyKC0tdHJhY2tIZWlnaHQpIHZhcigtLXRyYWNrSGVpZ2h0KSAwO1xuXG4gICAgJHtJbnB1dFdyYXBwZXJ9OmhvdmVyICYge1xuICAgICAgdHJhbnNpdGlvbjogYmFja2dyb3VuZCB2YXIoLS1ncm4tdHJhbnNpdGlvbi1ob3Zlcik7XG4gICAgfVxuICB9XG5gO1xuXG5jb25zdCB0cmFja1N0eWxlcyA9IGBcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogdmFyKC0tdGh1bWJTaXplKTtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgei1pbmRleDogMTtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuYDtcblxuY29uc3QgdGh1bWJTdHlsZXMgPSBgXG4gIGFwcGVhcmFuY2U6IG5vbmU7XG4gIGhlaWdodDogdmFyKC0tdGh1bWJTaXplKTtcbiAgd2lkdGg6IHZhcigtLXRodW1iU2l6ZSk7XG4gIGJvcmRlci1yYWRpdXM6IDEwMHB4O1xuICBiYWNrZ3JvdW5kOiAke2dldENvbG9yKCdzaGFkZTEnKX07XG4gIGJveC1zaGFkb3c6IGluc2V0IDAgMCAwIHZhcigtLXRodW1iQm9yZGVyKTtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICBib3JkZXI6IG5vbmU7XG5gO1xuXG5jb25zdCB0aHVtYkZvY3VzU3R5bGVzID0gYFxuICAtLXRodW1iQm9yZGVyOiAycHggJHtnZXRDb2xvcignc2VsZWN0aW9uJyl9O1xuYDtcblxuY29uc3QgSW5wdXRGaWVsZCA9IHN0eWxlZC5pbnB1dGBcbiAgYXBwZWFyYW5jZTogbm9uZTtcbiAgd2lkdGg6IDEwMCU7XG4gIG1hcmdpbjogMDtcbiAgZGlzcGxheTogYmxvY2s7XG4gIGJhY2tncm91bmQ6IHRyYW5zcGFyZW50O1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG5cbiAgJjo6LXdlYmtpdC1zbGlkZXItcnVubmFibGUtdHJhY2sge1xuICAgICR7dHJhY2tTdHlsZXN9XG4gIH1cblxuICAmOjotbW96LXJhbmdlLXRyYWNrIHtcbiAgICAke3RyYWNrU3R5bGVzfVxuICB9XG5cbiAgJjo6LXdlYmtpdC1zbGlkZXItdGh1bWIge1xuICAgICR7dGh1bWJTdHlsZXN9XG4gIH1cblxuICAmOjotbW96LXJhbmdlLXRodW1iIHtcbiAgICAke3RodW1iU3R5bGVzfVxuICB9XG5cbiAgJjpmb2N1cy12aXNpYmxlOjotd2Via2l0LXNsaWRlci10aHVtYiB7XG4gICAgJHt0aHVtYkZvY3VzU3R5bGVzfVxuICB9XG5cbiAgJjpmb2N1cy12aXNpYmxlOjotbW96LXJhbmdlLXRodW1iIHtcbiAgICAke3RodW1iRm9jdXNTdHlsZXN9XG4gIH1cblxuICAmOmZvY3VzIHtcbiAgICBvdXRsaW5lOiBub25lO1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgU2xpZGVyID0gZm9yd2FyZFJlZihmdW5jdGlvbiBTbGlkZXIoXG4gIHsgbWluID0gMCwgbWF4ID0gMTAwLCB2YWx1ZSwgc3RlcCwgb25DaGFuZ2UsIGlkLCBsYWJlbCwgaGludCwgLi4ucHJvcHMgfSxcbiAgcmVmLFxuKSB7XG4gIGNvbnN0IGdldFBlcmNlbnRhZ2UgPSAoKSA9PiAoKHZhbHVlIC0gbWluKSAvIChtYXggLSBtaW4pKSAqIDEwMDtcbiAgY29uc3QgZmllbGRNYXJnaW5Ub3AgPSBsYWJlbCB8fCBoaW50ID8gZ2V0U3BhY2UoJ3ZhcigtLWdybi1mb3JtLWNvbnRyb2wtbGFiZWwtZ2FwKScpIDogdW5kZWZpbmVkO1xuXG4gIGNvbnN0IHBlcmNlbnRhZ2UgPSBnZXRQZXJjZW50YWdlKCk7XG5cbiAgY29uc3QgdGh1bWJXaWR0aFBlcmNlbnRhZ2UgPSBgKCR7dGh1bWJTaXplfSAqICR7cGVyY2VudGFnZX0gLyAxMDApYDtcbiAgY29uc3Qgb2Zmc2V0ID0gYDJweGA7XG4gIGNvbnN0IGZpbGxlZFdpZHRoID0gYGNhbGMoJHtwZXJjZW50YWdlfSUgLSAke3RodW1iV2lkdGhQZXJjZW50YWdlfSAtICR7b2Zmc2V0fSlgO1xuICBjb25zdCByZW1haW5pbmdXaWR0aCA9IGBjYWxjKCR7XG4gICAgMTAwIC0gcGVyY2VudGFnZVxuICB9JSAtICgke3RodW1iU2l6ZX0gLSAke3RodW1iV2lkdGhQZXJjZW50YWdlfSkgLSAke29mZnNldH0pYDtcblxuICBjb25zdCBzdHlsZSA9IHsgJy0tZmlsbGVkV2lkdGgnOiBmaWxsZWRXaWR0aCwgJy0tcmVtYWluaW5nV2lkdGgnOiByZW1haW5pbmdXaWR0aCB9O1xuXG4gIHJldHVybiAoXG4gICAgPGRpdj5cbiAgICAgIHtsYWJlbCAmJiA8RmllbGRMYWJlbCBodG1sRm9yPXtpZH0+e2xhYmVsfTwvRmllbGRMYWJlbD59XG4gICAgICB7aGludCAmJiA8RmllbGRIaW50PntoaW50fTwvRmllbGRIaW50Pn1cbiAgICAgIDxJbnB1dFdyYXBwZXIgc3R5bGU9e3N0eWxlfSBtYXJnaW5Ub3A9e2ZpZWxkTWFyZ2luVG9wfT5cbiAgICAgICAgPFRyYWNrIC8+XG4gICAgICAgIDxJbnB1dEZpZWxkXG4gICAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgICAgaWQ9e2lkfVxuICAgICAgICAgIHR5cGU9XCJyYW5nZVwiXG4gICAgICAgICAgbWluPXttaW59XG4gICAgICAgICAgbWF4PXttYXh9XG4gICAgICAgICAgdmFsdWU9e3ZhbHVlfVxuICAgICAgICAgIHN0ZXA9e3N0ZXB9XG4gICAgICAgICAgb25DaGFuZ2U9e29uQ2hhbmdlfVxuICAgICAgICAgIHsuLi5wcm9wc31cbiAgICAgICAgLz5cbiAgICAgIDwvSW5wdXRXcmFwcGVyPlxuICAgIDwvZGl2PlxuICApO1xufSk7XG5cblNsaWRlci5MYWJlbCA9IEZpZWxkTGFiZWw7XG5TbGlkZXIuSGludCA9IEZpZWxkSGludDtcblxuU2xpZGVyLnByb3BUeXBlcyA9IHtcbiAgbWluOiBQcm9wVHlwZXMubnVtYmVyLFxuICBtYXg6IFByb3BUeXBlcy5udW1iZXIsXG4gIHZhbHVlOiBQcm9wVHlwZXMubnVtYmVyLFxuICBzdGVwOiBQcm9wVHlwZXMubnVtYmVyLFxuICBvbkNoYW5nZTogUHJvcFR5cGVzLmZ1bmMsXG4gIGxhYmVsOiB0eXBlcy5sYWJlbCxcbiAgaGludDogdHlwZXMuaGludCxcbiAgaWQ6IFByb3BUeXBlcy5zdHJpbmcsXG59O1xuIl19 */"));
|
|
30
|
+
const trackStyles = "\n width: 100%;\n height: var(--thumbSize);\n cursor: pointer;\n background: transparent;\n z-index: 1;\n position: relative;\n";
|
|
30
31
|
const thumbStyles = "\n appearance: none;\n height: var(--thumbSize);\n width: var(--thumbSize);\n border-radius: 100px;\n background: ".concat(getColor('shade1'), ";\n box-shadow: inset 0 0 0 var(--thumbBorder);\n cursor: pointer;\n border: none;\n");
|
|
31
32
|
const thumbFocusStyles = "\n --thumbBorder: 2px ".concat(getColor('selection'), ";\n");
|
|
32
33
|
const InputField = /*#__PURE__*/_styled("input", process.env.NODE_ENV === "production" ? {
|
|
@@ -34,7 +35,7 @@ const InputField = /*#__PURE__*/_styled("input", process.env.NODE_ENV === "produ
|
|
|
34
35
|
} : {
|
|
35
36
|
target: "el2kgbu0",
|
|
36
37
|
label: "InputField"
|
|
37
|
-
})("appearance:none;width:100%;margin:0;display:block;background:transparent;position:relative;&::-webkit-slider-runnable-track{", trackStyles, ";}&::-moz-range-track{", trackStyles, ";}&::-webkit-slider-thumb{", thumbStyles, ";}&::-moz-range-thumb{", thumbStyles, ";}&:focus-visible::-webkit-slider-thumb{", thumbFocusStyles, ";}&:focus-visible::-moz-range-thumb{", thumbFocusStyles, ";}&:focus{outline:none;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
38
|
+
})("appearance:none;width:100%;margin:0;display:block;background:transparent;position:relative;&::-webkit-slider-runnable-track{", trackStyles, ";}&::-moz-range-track{", trackStyles, ";}&::-webkit-slider-thumb{", thumbStyles, ";}&::-moz-range-thumb{", thumbStyles, ";}&:focus-visible::-webkit-slider-thumb{", thumbFocusStyles, ";}&:focus-visible::-moz-range-thumb{", thumbFocusStyles, ";}&:focus{outline:none;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3NsaWRlci5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMEYrQiIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy9zbGlkZXIuanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgUHJvcFR5cGVzIH0gZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgUmVhY3QsIHsgZm9yd2FyZFJlZiB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IHR5cGVzIH0gZnJvbSAnLi4vdHlwZXMnO1xuaW1wb3J0IHsgRmllbGRIaW50LCBGaWVsZExhYmVsLCB0cmFuc2l0aW9uU3R5bGVzIH0gZnJvbSAnLi4vZm91bmRhdGlvbmFsJztcbmltcG9ydCB7IGdldENvbG9yLCBnZXRTcGFjZSB9IGZyb20gJy4uL3V0aWxpdGllcyc7XG5cbmNvbnN0IHRodW1iU2l6ZSA9ICcxNnB4JztcblxuY29uc3QgSW5wdXRXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgLS10cmFja0hlaWdodDogMnB4O1xuICAtLXRodW1iU2l6ZTogJHt0aHVtYlNpemV9O1xuICAtLXRodW1iQm9yZGVyOiAycHggJHtnZXRDb2xvcignY29udGVudCcpfTtcbiAgLS10cmFja0NvbG9yOiAke2dldENvbG9yKCdmYWRlMicpfTtcbiAgLS10cmFja0ZpbGxlZENvbG9yOiAke2dldENvbG9yKCdjb250ZW50Jyl9O1xuXG4gIEBtZWRpYSAoaG92ZXI6IGhvdmVyKSB7XG4gICAgJjpob3ZlciB7XG4gICAgICAtLXRyYWNrQ29sb3I6ICR7Z2V0Q29sb3IoJ2ZhZGU0Jyl9O1xuICAgIH1cbiAgfVxuXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgJHsoeyBtYXJnaW5Ub3AgfSkgPT4gbWFyZ2luVG9wICYmIGBtYXJnaW4tdG9wOiAke21hcmdpblRvcH1gfTtcbmA7XG5cbmNvbnN0IFRyYWNrID0gc3R5bGVkLmRpdmBcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6IDA7XG4gIGJvdHRvbTogMDtcbiAgbWFyZ2luOiBhdXRvO1xuICBoZWlnaHQ6IHZhcigtLXRyYWNrSGVpZ2h0KTtcbiAgd2lkdGg6IDEwMCU7XG4gIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICAke3RyYW5zaXRpb25TdHlsZXN9O1xuXG4gICY6OmJlZm9yZSxcbiAgJjo6YWZ0ZXIge1xuICAgIGNvbnRlbnQ6ICcnO1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB0b3A6IDA7XG4gICAgYm90dG9tOiAwO1xuICAgIG1hcmdpbjogYXV0bztcbiAgICBoZWlnaHQ6IHZhcigtLXRyYWNrSGVpZ2h0KTtcbiAgICBkaXNwbGF5OiBibG9jaztcbiAgICB0cmFuc2l0aW9uOiBiYWNrZ3JvdW5kIHZhcigtLWdybi10cmFuc2l0aW9uLWxlYXZlKTtcbiAgfVxuXG4gICY6OmJlZm9yZSB7XG4gICAgYmFja2dyb3VuZDogdmFyKC0tdHJhY2tGaWxsZWRDb2xvcik7XG4gICAgd2lkdGg6IHZhcigtLWZpbGxlZFdpZHRoKTtcbiAgICBib3JkZXItcmFkaXVzOiB2YXIoLS10cmFja0hlaWdodCkgMCAwIHZhcigtLXRyYWNrSGVpZ2h0KTtcbiAgfVxuXG4gICY6OmFmdGVyIHtcbiAgICByaWdodDogMDtcbiAgICBiYWNrZ3JvdW5kOiB2YXIoLS10cmFja0NvbG9yKTtcbiAgICB3aWR0aDogdmFyKC0tcmVtYWluaW5nV2lkdGgpO1xuICAgIGJvcmRlci1yYWRpdXM6IDAgdmFyKC0tdHJhY2tIZWlnaHQpIHZhcigtLXRyYWNrSGVpZ2h0KSAwO1xuXG4gICAgJHtJbnB1dFdyYXBwZXJ9OmhvdmVyICYge1xuICAgICAgdHJhbnNpdGlvbjogYmFja2dyb3VuZCB2YXIoLS1ncm4tdHJhbnNpdGlvbi1ob3Zlcik7XG4gICAgfVxuICB9XG5gO1xuXG5jb25zdCB0cmFja1N0eWxlcyA9IGBcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogdmFyKC0tdGh1bWJTaXplKTtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgei1pbmRleDogMTtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuYDtcblxuY29uc3QgdGh1bWJTdHlsZXMgPSBgXG4gIGFwcGVhcmFuY2U6IG5vbmU7XG4gIGhlaWdodDogdmFyKC0tdGh1bWJTaXplKTtcbiAgd2lkdGg6IHZhcigtLXRodW1iU2l6ZSk7XG4gIGJvcmRlci1yYWRpdXM6IDEwMHB4O1xuICBiYWNrZ3JvdW5kOiAke2dldENvbG9yKCdzaGFkZTEnKX07XG4gIGJveC1zaGFkb3c6IGluc2V0IDAgMCAwIHZhcigtLXRodW1iQm9yZGVyKTtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICBib3JkZXI6IG5vbmU7XG5gO1xuXG5jb25zdCB0aHVtYkZvY3VzU3R5bGVzID0gYFxuICAtLXRodW1iQm9yZGVyOiAycHggJHtnZXRDb2xvcignc2VsZWN0aW9uJyl9O1xuYDtcblxuY29uc3QgSW5wdXRGaWVsZCA9IHN0eWxlZC5pbnB1dGBcbiAgYXBwZWFyYW5jZTogbm9uZTtcbiAgd2lkdGg6IDEwMCU7XG4gIG1hcmdpbjogMDtcbiAgZGlzcGxheTogYmxvY2s7XG4gIGJhY2tncm91bmQ6IHRyYW5zcGFyZW50O1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG5cbiAgJjo6LXdlYmtpdC1zbGlkZXItcnVubmFibGUtdHJhY2sge1xuICAgICR7dHJhY2tTdHlsZXN9XG4gIH1cblxuICAmOjotbW96LXJhbmdlLXRyYWNrIHtcbiAgICAke3RyYWNrU3R5bGVzfVxuICB9XG5cbiAgJjo6LXdlYmtpdC1zbGlkZXItdGh1bWIge1xuICAgICR7dGh1bWJTdHlsZXN9XG4gIH1cblxuICAmOjotbW96LXJhbmdlLXRodW1iIHtcbiAgICAke3RodW1iU3R5bGVzfVxuICB9XG5cbiAgJjpmb2N1cy12aXNpYmxlOjotd2Via2l0LXNsaWRlci10aHVtYiB7XG4gICAgJHt0aHVtYkZvY3VzU3R5bGVzfVxuICB9XG5cbiAgJjpmb2N1cy12aXNpYmxlOjotbW96LXJhbmdlLXRodW1iIHtcbiAgICAke3RodW1iRm9jdXNTdHlsZXN9XG4gIH1cblxuICAmOmZvY3VzIHtcbiAgICBvdXRsaW5lOiBub25lO1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgU2xpZGVyID0gZm9yd2FyZFJlZihmdW5jdGlvbiBTbGlkZXIoXG4gIHsgbWluID0gMCwgbWF4ID0gMTAwLCB2YWx1ZSwgc3RlcCwgb25DaGFuZ2UsIGlkLCBsYWJlbCwgaGludCwgLi4ucHJvcHMgfSxcbiAgcmVmLFxuKSB7XG4gIGNvbnN0IGdldFBlcmNlbnRhZ2UgPSAoKSA9PiAoKHZhbHVlIC0gbWluKSAvIChtYXggLSBtaW4pKSAqIDEwMDtcbiAgY29uc3QgZmllbGRNYXJnaW5Ub3AgPSBsYWJlbCB8fCBoaW50ID8gZ2V0U3BhY2UoJ3ZhcigtLWdybi1mb3JtLWNvbnRyb2wtbGFiZWwtZ2FwKScpIDogdW5kZWZpbmVkO1xuXG4gIGNvbnN0IHBlcmNlbnRhZ2UgPSBnZXRQZXJjZW50YWdlKCk7XG5cbiAgY29uc3QgdGh1bWJXaWR0aFBlcmNlbnRhZ2UgPSBgKCR7dGh1bWJTaXplfSAqICR7cGVyY2VudGFnZX0gLyAxMDApYDtcbiAgY29uc3Qgb2Zmc2V0ID0gYDJweGA7XG4gIGNvbnN0IGZpbGxlZFdpZHRoID0gYGNhbGMoJHtwZXJjZW50YWdlfSUgLSAke3RodW1iV2lkdGhQZXJjZW50YWdlfSAtICR7b2Zmc2V0fSlgO1xuICBjb25zdCByZW1haW5pbmdXaWR0aCA9IGBjYWxjKCR7XG4gICAgMTAwIC0gcGVyY2VudGFnZVxuICB9JSAtICgke3RodW1iU2l6ZX0gLSAke3RodW1iV2lkdGhQZXJjZW50YWdlfSkgLSAke29mZnNldH0pYDtcblxuICBjb25zdCBzdHlsZSA9IHsgJy0tZmlsbGVkV2lkdGgnOiBmaWxsZWRXaWR0aCwgJy0tcmVtYWluaW5nV2lkdGgnOiByZW1haW5pbmdXaWR0aCB9O1xuXG4gIHJldHVybiAoXG4gICAgPGRpdj5cbiAgICAgIHtsYWJlbCAmJiA8RmllbGRMYWJlbCBodG1sRm9yPXtpZH0+e2xhYmVsfTwvRmllbGRMYWJlbD59XG4gICAgICB7aGludCAmJiA8RmllbGRIaW50PntoaW50fTwvRmllbGRIaW50Pn1cbiAgICAgIDxJbnB1dFdyYXBwZXIgc3R5bGU9e3N0eWxlfSBtYXJnaW5Ub3A9e2ZpZWxkTWFyZ2luVG9wfT5cbiAgICAgICAgPFRyYWNrIC8+XG4gICAgICAgIDxJbnB1dEZpZWxkXG4gICAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgICAgaWQ9e2lkfVxuICAgICAgICAgIHR5cGU9XCJyYW5nZVwiXG4gICAgICAgICAgbWluPXttaW59XG4gICAgICAgICAgbWF4PXttYXh9XG4gICAgICAgICAgdmFsdWU9e3ZhbHVlfVxuICAgICAgICAgIHN0ZXA9e3N0ZXB9XG4gICAgICAgICAgb25DaGFuZ2U9e29uQ2hhbmdlfVxuICAgICAgICAgIHsuLi5wcm9wc31cbiAgICAgICAgLz5cbiAgICAgIDwvSW5wdXRXcmFwcGVyPlxuICAgIDwvZGl2PlxuICApO1xufSk7XG5cblNsaWRlci5MYWJlbCA9IEZpZWxkTGFiZWw7XG5TbGlkZXIuSGludCA9IEZpZWxkSGludDtcblxuU2xpZGVyLnByb3BUeXBlcyA9IHtcbiAgbWluOiBQcm9wVHlwZXMubnVtYmVyLFxuICBtYXg6IFByb3BUeXBlcy5udW1iZXIsXG4gIHZhbHVlOiBQcm9wVHlwZXMubnVtYmVyLFxuICBzdGVwOiBQcm9wVHlwZXMubnVtYmVyLFxuICBvbkNoYW5nZTogUHJvcFR5cGVzLmZ1bmMsXG4gIGxhYmVsOiB0eXBlcy5sYWJlbCxcbiAgaGludDogdHlwZXMuaGludCxcbiAgaWQ6IFByb3BUeXBlcy5zdHJpbmcsXG59O1xuIl19 */"));
|
|
38
39
|
export const Slider = /*#__PURE__*/forwardRef(function Slider(_ref2, ref) {
|
|
39
40
|
let {
|
|
40
41
|
min = 0,
|
|
@@ -49,13 +50,19 @@ export const Slider = /*#__PURE__*/forwardRef(function Slider(_ref2, ref) {
|
|
|
49
50
|
props = _objectWithoutProperties(_ref2, _excluded);
|
|
50
51
|
const getPercentage = () => (value - min) / (max - min) * 100;
|
|
51
52
|
const fieldMarginTop = label || hint ? getSpace('var(--grn-form-control-label-gap)') : undefined;
|
|
52
|
-
const
|
|
53
|
-
|
|
53
|
+
const percentage = getPercentage();
|
|
54
|
+
const thumbWidthPercentage = "(".concat(thumbSize, " * ").concat(percentage, " / 100)");
|
|
55
|
+
const offset = "2px";
|
|
56
|
+
const filledWidth = "calc(".concat(percentage, "% - ").concat(thumbWidthPercentage, " - ").concat(offset, ")");
|
|
57
|
+
const remainingWidth = "calc(".concat(100 - percentage, "% - (").concat(thumbSize, " - ").concat(thumbWidthPercentage, ") - ").concat(offset, ")");
|
|
58
|
+
const style = {
|
|
59
|
+
'--filledWidth': filledWidth,
|
|
60
|
+
'--remainingWidth': remainingWidth
|
|
54
61
|
};
|
|
55
62
|
return ___EmotionJSX("div", null, label && ___EmotionJSX(FieldLabel, {
|
|
56
63
|
htmlFor: id
|
|
57
64
|
}, label), hint && ___EmotionJSX(FieldHint, null, hint), ___EmotionJSX(InputWrapper, {
|
|
58
|
-
style:
|
|
65
|
+
style: style,
|
|
59
66
|
marginTop: fieldMarginTop
|
|
60
67
|
}, ___EmotionJSX(Track, null), ___EmotionJSX(InputField, _extends({
|
|
61
68
|
ref: ref,
|
package/es/styles/colors/core.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
const core = "\n :root {\n --sh-h: 60;\n --sh-s: 12%;\n --bf-l: 20%;\n --wf-l: calc(100% - var(--bf-l));\n }\n\n :root {\n --grn-color-red: var(--grn-color-red6);\n --grn-color-yellow: var(--grn-color-yellow5);\n --grn-color-green: var(--grn-color-green6);\n --grn-color-blue: var(--grn-color-blue6);\n }\n\n :root {\n --grn-color-red1: hsl(12 100% 97%);\n --grn-color-red2: hsl(12 100% 91%);\n --grn-color-red3: hsl(12 100% 82%);\n --grn-color-red4: hsl(12 99% 72%);\n --grn-color-red5: hsl(12 99% 63%);\n --grn-color-red6: hsl(13 97% 51%);\n --grn-color-red7: hsl(13 97% 42%);\n --grn-color-red8: hsl(7 98% 35%);\n --grn-color-red9: hsl(7 98% 28%);\n --grn-color-red10: hsl(5 99% 21%);\n --grn-color-red11: hsl(1 100% 15%);\n --grn-color-red12: hsl(357 100% 8%);\n\n --grn-color-yellow1: hsl(46 100% 95%);\n --grn-color-yellow2: hsl(47 97% 85%);\n --grn-color-yellow3: hsl(49 93% 73%);\n --grn-color-yellow4: hsl(51 89% 62%);\n --grn-color-yellow5: hsl(53 84% 48%);\n --grn-color-yellow6: hsl(53 77% 43%);\n --grn-color-yellow7: hsl(52 68% 37%);\n --grn-color-yellow8: hsl(52 58% 35%);\n --grn-color-yellow9: hsl(52 49% 31%);\n --grn-color-yellow10: hsl(53 41% 26%);\n --grn-color-yellow11: hsl(54 34% 16%);\n --grn-color-yellow12: hsl(55 27% 8%);\n\n --grn-color-green1: hsl(97 58% 95%);\n --grn-color-green2: hsl(97 58% 88%);\n --grn-color-green3: hsl(95 55% 75%);\n --grn-color-green4: hsl(94 56% 62%);\n --grn-color-green5: hsl(92 51% 49%);\n --grn-color-green6: hsl(92 57% 42%);\n --grn-color-green7: hsl(92 60% 38%);\n --grn-color-green8: hsl(92 64% 34%);\n --grn-color-green9: hsl(92 73% 27%);\n --grn-color-green10: hsl(92 85% 21%);\n --grn-color-green11: hsl(92 94% 13%);\n --grn-color-green12: hsl(92 100% 8%);\n\n --grn-color-blue1: hsl(215 100% 96%);\n --grn-color-blue2: hsl(215 100% 90%);\n --grn-color-blue3: hsl(216 96% 82%);\n --grn-color-blue4: hsl(218 93% 71%);\n --grn-color-blue5: hsl(218 89% 59%);\n --grn-color-blue6: hsl(219 91% 48%);\n --grn-color-blue7: hsl(219 91% 41%);\n --grn-color-blue8: hsl(220 92% 35%);\n --grn-color-blue9: hsl(220 92% 29%);\n --grn-color-blue10: hsl(220 95% 22%);\n --grn-color-blue11: hsl(220 95% 15%);\n --grn-color-blue12: hsl(220 96% 9%);\n }\n\n :root {\n --core-s13: 3%;\n --core-s12: 3%;\n --core-s11: 3%;\n --core-s10: 3%;\n --core-s9: 3%;\n --core-s8: 4%;\n --core-s7: 5%;\n --core-s6: 8%;\n --core-s5: 9%;\n --core-s4: 12%;\n --core-s3: 14%;\n --core-s2: 18%;\n --core-s1: 18%;\n }\n\n :root {\n --sh-s13: var(--core-s13);\n --sh-s12: var(--core-s12);\n --sh-s11: var(--core-s11);\n --sh-s10: var(--core-s10);\n --sh-s9: var(--core-s9);\n --sh-s8: var(--core-s8);\n --sh-s7: var(--core-s7);\n --sh-s6: var(--core-s6);\n --sh-s5: var(--core-s5);\n --sh-s4: var(--core-s4);\n --sh-s3: var(--core-s3);\n --sh-s2: var(--core-s2);\n --sh-s1: var(--core-s1);\n }\n\n [data-theme='dark'], [data-theme='invert'] {\n --sh-s13: var(--core-s1);\n --sh-s12: var(--core-s2);\n --sh-s11: var(--core-s3);\n --sh-s10: var(--core-s4);\n --sh-s9: var(--core-s5);\n --sh-s8: var(--core-s6);\n --sh-s7: var(--core-s7);\n --sh-s6: var(--core-s8);\n --sh-s5: var(--core-s9);\n --sh-s4: var(--core-s10);\n --sh-s3: var(--core-s11);\n --sh-s2: var(--core-s12);\n --sh-s1: var(--core-s13);\n }\n\n :root,
|
|
1
|
+
const core = "\n :root {\n --sh-h: 60;\n --sh-s: 12%;\n --bf-l: 20%;\n --wf-l: calc(100% - var(--bf-l));\n }\n\n :root {\n --grn-color-red: var(--grn-color-red6);\n --grn-color-yellow: var(--grn-color-yellow5);\n --grn-color-green: var(--grn-color-green6);\n --grn-color-blue: var(--grn-color-blue6);\n }\n\n :root {\n --grn-color-red1: hsl(12 100% 97%);\n --grn-color-red2: hsl(12 100% 91%);\n --grn-color-red3: hsl(12 100% 82%);\n --grn-color-red4: hsl(12 99% 72%);\n --grn-color-red5: hsl(12 99% 63%);\n --grn-color-red6: hsl(13 97% 51%);\n --grn-color-red7: hsl(13 97% 42%);\n --grn-color-red8: hsl(7 98% 35%);\n --grn-color-red9: hsl(7 98% 28%);\n --grn-color-red10: hsl(5 99% 21%);\n --grn-color-red11: hsl(1 100% 15%);\n --grn-color-red12: hsl(357 100% 8%);\n\n --grn-color-yellow1: hsl(46 100% 95%);\n --grn-color-yellow2: hsl(47 97% 85%);\n --grn-color-yellow3: hsl(49 93% 73%);\n --grn-color-yellow4: hsl(51 89% 62%);\n --grn-color-yellow5: hsl(53 84% 48%);\n --grn-color-yellow6: hsl(53 77% 43%);\n --grn-color-yellow7: hsl(52 68% 37%);\n --grn-color-yellow8: hsl(52 58% 35%);\n --grn-color-yellow9: hsl(52 49% 31%);\n --grn-color-yellow10: hsl(53 41% 26%);\n --grn-color-yellow11: hsl(54 34% 16%);\n --grn-color-yellow12: hsl(55 27% 8%);\n\n --grn-color-green1: hsl(97 58% 95%);\n --grn-color-green2: hsl(97 58% 88%);\n --grn-color-green3: hsl(95 55% 75%);\n --grn-color-green4: hsl(94 56% 62%);\n --grn-color-green5: hsl(92 51% 49%);\n --grn-color-green6: hsl(92 57% 42%);\n --grn-color-green7: hsl(92 60% 38%);\n --grn-color-green8: hsl(92 64% 34%);\n --grn-color-green9: hsl(92 73% 27%);\n --grn-color-green10: hsl(92 85% 21%);\n --grn-color-green11: hsl(92 94% 13%);\n --grn-color-green12: hsl(92 100% 8%);\n\n --grn-color-blue1: hsl(215 100% 96%);\n --grn-color-blue2: hsl(215 100% 90%);\n --grn-color-blue3: hsl(216 96% 82%);\n --grn-color-blue4: hsl(218 93% 71%);\n --grn-color-blue5: hsl(218 89% 59%);\n --grn-color-blue6: hsl(219 91% 48%);\n --grn-color-blue7: hsl(219 91% 41%);\n --grn-color-blue8: hsl(220 92% 35%);\n --grn-color-blue9: hsl(220 92% 29%);\n --grn-color-blue10: hsl(220 95% 22%);\n --grn-color-blue11: hsl(220 95% 15%);\n --grn-color-blue12: hsl(220 96% 9%);\n }\n\n :root {\n --core-s13: 3%;\n --core-s12: 3%;\n --core-s11: 3%;\n --core-s10: 3%;\n --core-s9: 3%;\n --core-s8: 4%;\n --core-s7: 5%;\n --core-s6: 8%;\n --core-s5: 9%;\n --core-s4: 12%;\n --core-s3: 14%;\n --core-s2: 18%;\n --core-s1: 18%;\n }\n\n :root {\n --sh-s13: var(--core-s13);\n --sh-s12: var(--core-s12);\n --sh-s11: var(--core-s11);\n --sh-s10: var(--core-s10);\n --sh-s9: var(--core-s9);\n --sh-s8: var(--core-s8);\n --sh-s7: var(--core-s7);\n --sh-s6: var(--core-s6);\n --sh-s5: var(--core-s5);\n --sh-s4: var(--core-s4);\n --sh-s3: var(--core-s3);\n --sh-s2: var(--core-s2);\n --sh-s1: var(--core-s1);\n }\n\n [data-theme='dark'], [data-theme='invert'] {\n --sh-s13: var(--core-s1);\n --sh-s12: var(--core-s2);\n --sh-s11: var(--core-s3);\n --sh-s10: var(--core-s4);\n --sh-s9: var(--core-s5);\n --sh-s8: var(--core-s6);\n --sh-s7: var(--core-s7);\n --sh-s6: var(--core-s8);\n --sh-s5: var(--core-s9);\n --sh-s4: var(--core-s10);\n --sh-s3: var(--core-s11);\n --sh-s2: var(--core-s12);\n --sh-s1: var(--core-s13);\n }\n\n :root, .grn-scope-next {\n --grn-color-shadeTone13: hsl(var(--sh-h) var(--sh-s13) 0%);\n --grn-color-shadeTone12: hsl(var(--sh-h) var(--sh-s12) 6%);\n --grn-color-shadeTone11: hsl(var(--sh-h) var(--sh-s11) 15%);\n --grn-color-shadeTone10: hsl(var(--sh-h) var(--sh-s10) 21%);\n --grn-color-shadeTone9: hsl(var(--sh-h) var(--sh-s9) 28%);\n --grn-color-shadeTone8: hsl(var(--sh-h) var(--sh-s8) 38%);\n --grn-color-shadeTone7: hsl(var(--sh-h) var(--sh-s7) 51%);\n --grn-color-shadeTone6: hsl(var(--sh-h) var(--sh-s6) 70%);\n --grn-color-shadeTone5: hsl(var(--sh-h) var(--sh-s5) 82%);\n --grn-color-shadeTone4: hsl(var(--sh-h) var(--sh-s4) 90%);\n --grn-color-shadeTone3: hsl(var(--sh-h) var(--sh-s3) 95%);\n --grn-color-shadeTone2: hsl(var(--sh-h) var(--sh-s2) 97.5%);\n --grn-color-shadeTone1: hsl(var(--sh-h) var(--sh-s1) 100%);\n\n --al-10: 73%;\n --al-9: 66%;\n --al-8: 59%;\n --al-7: 52%;\n --al-6: 45%;\n --al-5: 38%;\n --al-4: 31%;\n --al-3: 23%;\n --al-2: 15%;\n --al-1: 8%;\n\n --fds-10: 9%;\n --fds-9: 10%;\n --fds-8: 11%;\n --fds-7: 12%;\n --fds-6: 13%;\n --fds-5: 14%;\n --fds-4: 14%;\n --fds-3: 14%;\n --fds-2: 14%;\n --fds-1: 14%;\n\n --grn-color-lightFade10: hsl(var(--sh-h) var(--fds-1) var(--wf-l) / var(--al-10));\n --grn-color-lightFade9: hsl(var(--sh-h) var(--fds-2) var(--wf-l) / var(--al-9));\n --grn-color-lightFade8: hsl(var(--sh-h) var(--fds-3) var(--wf-l) / var(--al-8));\n --grn-color-lightFade7: hsl(var(--sh-h) var(--fds-4) var(--wf-l) / var(--al-7));\n --grn-color-lightFade6: hsl(var(--sh-h) var(--fds-5) var(--wf-l) / var(--al-6));\n --grn-color-lightFade5: hsl(var(--sh-h) var(--fds-6) var(--wf-l) / var(--al-5));\n --grn-color-lightFade4: hsl(var(--sh-h) var(--fds-7) var(--wf-l) / var(--al-4));\n --grn-color-lightFade3: hsl(var(--sh-h) var(--fds-8) var(--wf-l) / var(--al-3));\n --grn-color-lightFade2: hsl(var(--sh-h) var(--fds-9) var(--wf-l) / var(--al-2));\n --grn-color-lightFade1: hsl(var(--sh-h) var(--fds-10) var(--wf-l) / var(--al-1));\n\n --grn-color-darkFade10: hsl(var(--sh-h) var(--fds-10) var(--bf-l) / var(--al-10));\n --grn-color-darkFade9: hsl(var(--sh-h) var(--fds-9) var(--bf-l) / var(--al-9));\n --grn-color-darkFade8: hsl(var(--sh-h) var(--fds-8) var(--bf-l) / var(--al-8));\n --grn-color-darkFade7: hsl(var(--sh-h) var(--fds-7) var(--bf-l) / var(--al-7));\n --grn-color-darkFade6: hsl(var(--sh-h) var(--fds-6) var(--bf-l) / var(--al-6));\n --grn-color-darkFade5: hsl(var(--sh-h) var(--fds-5) var(--bf-l) / var(--al-5));\n --grn-color-darkFade4: hsl(var(--sh-h) var(--fds-4) var(--bf-l) / var(--al-4));\n --grn-color-darkFade3: hsl(var(--sh-h) var(--fds-3) var(--bf-l) / var(--al-3));\n --grn-color-darkFade2: hsl(var(--sh-h) var(--fds-2) var(--bf-l) / var(--al-2));\n --grn-color-darkFade1: hsl(var(--sh-h) var(--fds-1) var(--bf-l) / var(--al-1));\n }\n\n :root {\n --grn-color-warning: var(--grn-color-yellow4);\n --grn-color-danger: var(--grn-color-red7);\n --grn-color-success: var(--grn-color-green9);\n --grn-color-selection: var(--grn-color-blue6);\n }\n\n [data-theme] .grn-scope-next,\n .grn-scope-next {\n --sh-s: 0%;\n\n --sh-s13: 0%;\n --sh-s12: 0%;\n --sh-s11: 0%;\n --sh-s10: 0%;\n --sh-s9: 0%;\n --sh-s8: 0%;\n --sh-s7: 0%;\n --sh-s6: 0%;\n --sh-s5: 0%;\n --sh-s4: 0%;\n --sh-s3: 0%;\n --sh-s2: 0%;\n --sh-s1: 0%;\n\n --fds-10: 0%;\n --fds-9: 0%;\n --fds-8: 0%;\n --fds-7: 0%;\n --fds-6: 0%;\n --fds-5: 0%;\n --fds-4: 0%;\n --fds-3: 0%;\n --fds-2: 0%;\n --fds-1: 0%;\n }\n";
|
|
2
2
|
export default core;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
const theme = "\n :root,\n [data-theme='light'],\n [data-theme='dark'] [data-theme='invert'],\n
|
|
1
|
+
const theme = "\n :root,\n [data-theme='light'],\n [data-theme='dark'] [data-theme='invert'],\n .grn-scope-next {\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 [data-theme='dark'],\n [data-theme='light'] [data-theme='invert'],\n [data-theme='dark'] .grn-scope-next,\n [data-theme='light'] [data-theme='invert'] .grn-scope-next {\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 :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-l);\n --grn-color-floatingBackground: var(--grn-color-shade1);\n }\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-l);\n --grn-color-floatingBackground: var(--grn-color-shade2);\n }\n\n :root,\n [data-theme],\n .grn-scope-next {\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\n --grn-color-icon: var(--grn-color-fade7);\n --grn-color-iconDanger: color-mix(in hsl, var(--grn-color-contentDanger), transparent 48%);\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 --grn-color-backdrop: color-mix(in hsl, var(--grn-color-shadeTone12), transparent 40%);\n\n --grn-color-border: color-mix(in hsl, var(--grn-color-shade10), transparent 88%);\n --grn-color-border2: color-mix(in hsl, var(--grn-color-shade10), transparent 80%);\n\n --grn-color-overlay: var(--grn-color-fade1);\n --grn-color-overlay2: var(--grn-color-fade2);\n\n --grn-color-overlayDanger: color-mix(in hsl, var(--grn-color-red7), transparent 89%);\n --grn-color-overlayDanger2: color-mix(in hsl, var(--grn-color-red7), transparent 82%);\n }\n\n [data-theme='dark'],\n [data-theme='dark'] [data-theme='invert'] {\n --grn-color-iconDanger: color-mix(in hsl, var(--grn-color-red5), transparent 40%);\n }\n\n :root,\n [data-theme],\n .grn-scope-next {\n --grn-color-contentDanger: var(--grn-color-red7);\n --grn-color-backgroundDanger: var(--grn-color-red7);\n --grn-color-onBackgroundDanger: var(--grn-color-red1);\n --grn-color-backgroundDangerSubtle: var(--grn-color-red2);\n --grn-color-onBackgroundDangerSubtle: var(--grn-color-red10);\n\n --grn-color-contentWarning: var(--grn-color-yellow10);\n --grn-color-backgroundWarning: var(--grn-color-yellow4);\n --grn-color-onBackgroundWarning: var(--grn-color-yellow11);\n --grn-color-backgroundWarningSubtle: var(--grn-color-yellow2);\n --grn-color-onBackgroundWarningSubtle: var(--grn-color-yellow11);\n\n --grn-color-contentSuccess: var(--grn-color-green10);\n --grn-color-backgroundSuccess: var(--grn-color-green9);\n --grn-color-onBackgroundSuccess: var(--grn-color-green1);\n --grn-color-backgroundSuccessSubtle: var(--grn-color-green2);\n --grn-color-onBackgroundSuccessSubtle: var(--grn-color-green11);\n\n --grn-color-contentInfo: var(--grn-color-blue7);\n --grn-color-backgroundInfo: var(--grn-color-blue6);\n --grn-color-onBackgroundInfo: var(--grn-color-blue1);\n --grn-color-backgroundInfoSubtle: var(--grn-color-blue2);\n --grn-color-onBackgroundInfoSubtle: var(--grn-color-blue10);\n }\n\n [data-theme='dark'],\n [data-theme='dark'] [data-theme='invert'] {\n --grn-color-contentDanger: var(--grn-color-red5);\n --grn-color-backgroundDangerSubtle: var(--grn-color-red11);\n --grn-color-onBackgroundDangerSubtle: var(--grn-color-red1);\n\n --grn-color-contentWarning: var(--grn-color-yellow5);\n --grn-color-backgroundWarningSubtle: var(--grn-color-yellow11);\n --grn-color-onBackgroundWarningSubtle: var(--grn-color-yellow1);\n\n --grn-color-contentSuccess: var(--grn-color-green5);\n --grn-color-backgroundSuccessSubtle: var(--grn-color-green11);\n --grn-color-onBackgroundSuccessSubtle: var(--grn-color-green1);\n\n --grn-color-contentInfo: var(--grn-color-blue5);\n --grn-color-backgroundInfoSubtle: var(--grn-color-blue11);\n --grn-color-onBackgroundInfoSubtle: var(--grn-color-blue1);\n }\n\n [data-experiment-darker-content-2-and-3=\"true\"] {\n --grn-color-content2: hsl(var(--sh-h) var(--sh-s) var(--content-l) / 67%);\n --grn-color-content3: hsl(var(--sh-h) var(--sh-s) var(--content-l) / 42%);\n }\n";
|
|
2
2
|
export default theme;
|