npm - @flodesk/grain - Versions diffs - 11.69.0-next.7 → 11.69.0-next.8 - Mend

@flodesk/grain 11.69.0-next.7 → 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.

Files changed (2) hide show

package/es/components/slider.js +15 -8
package/package.json +1 -1

package/es/components/slider.js CHANGED Viewed

@@ -9,24 +9,25 @@ import { types } from '../types';
 import { FieldHint, FieldLabel, transitionStyles } from '../foundational';
 import { getColor, getSpace } from '../utilities';
 import { jsx as ___EmotionJSX } from "@emotion/react";
+const thumbSize = '16px';
 const InputWrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
   target: "el2kgbu2"
 } : {
   target: "el2kgbu2",
   label: "InputWrapper"
-})("--trackHeight:2px;--sliderHeight:16px;--thumbSize:var(--sliderHeight);--thumbBorder:1px ", getColor('shade6'), ";--trackColor:", getColor('fade2'), ";--trackFilledColor:", getColor('selection'), ";@media (hover: hover){&:hover{--trackColor:", getColor('fade4'), ";}}position:relative;", _ref => {
+})("--trackHeight:2px;--thumbSize:", thumbSize, ";--thumbBorder:2px ", getColor('content'), ";--trackColor:", getColor('fade2'), ";--trackFilledColor:", getColor('content'), ";@media (hover: hover){&:hover{--trackColor:", getColor('fade4'), ";}}position:relative;", _ref => {
   let {
     marginTop
   } = _ref;
   return marginTop && "margin-top: ".concat(marginTop);
-}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3NsaWRlci5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBTytCIiwiZmlsZSI6Ii4uLy4uL3NyYy9jb21wb25lbnRzL3NsaWRlci5qc3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBQcm9wVHlwZXMgfSBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgdHlwZXMgfSBmcm9tICcuLi90eXBlcyc7XG5pbXBvcnQgeyBGaWVsZEhpbnQsIEZpZWxkTGFiZWwsIHRyYW5zaXRpb25TdHlsZXMgfSBmcm9tICcuLi9mb3VuZGF0aW9uYWwnO1xuaW1wb3J0IHsgZ2V0Q29sb3IsIGdldFNwYWNlIH0gZnJvbSAnLi4vdXRpbGl0aWVzJztcblxuY29uc3QgSW5wdXRXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgLS10cmFja0hlaWdodDogMnB4O1xuICAtLXNsaWRlckhlaWdodDogMTZweDtcbiAgLS10aHVtYlNpemU6IHZhcigtLXNsaWRlckhlaWdodCk7XG4gIC0tdGh1bWJCb3JkZXI6IDFweCAke2dldENvbG9yKCdzaGFkZTYnKX07XG4gIC0tdHJhY2tDb2xvcjogJHtnZXRDb2xvcignZmFkZTInKX07XG4gIC0tdHJhY2tGaWxsZWRDb2xvcjogJHtnZXRDb2xvcignc2VsZWN0aW9uJyl9O1xuXG4gIEBtZWRpYSAoaG92ZXI6IGhvdmVyKSB7XG4gICAgJjpob3ZlciB7XG4gICAgICAtLXRyYWNrQ29sb3I6ICR7Z2V0Q29sb3IoJ2ZhZGU0Jyl9O1xuICAgIH1cbiAgfVxuXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgJHsoeyBtYXJnaW5Ub3AgfSkgPT4gbWFyZ2luVG9wICYmIGBtYXJnaW4tdG9wOiAke21hcmdpblRvcH1gfTtcbmA7XG5cbmNvbnN0IFRyYWNrID0gc3R5bGVkLmRpdmBcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6IDA7XG4gIGJvdHRvbTogMDtcbiAgbWFyZ2luOiBhdXRvO1xuICBoZWlnaHQ6IHZhcigtLXRyYWNrSGVpZ2h0KTtcbiAgd2lkdGg6IDEwMCU7XG4gIGJhY2tncm91bmQ6IHZhcigtLXRyYWNrQ29sb3IpO1xuICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgJHt0cmFuc2l0aW9uU3R5bGVzfTtcblxuICAmOjpiZWZvcmUge1xuICAgIGNvbnRlbnQ6ICcnO1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB0b3A6IDA7XG4gICAgYm90dG9tOiAwO1xuICAgIG1hcmdpbjogYXV0bztcbiAgICBoZWlnaHQ6IHZhcigtLXRyYWNrSGVpZ2h0KTtcbiAgICBiYWNrZ3JvdW5kOiB2YXIoLS10cmFja0ZpbGxlZENvbG9yKTtcbiAgICB3aWR0aDogdmFyKC0tdmFsdWUpO1xuICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgIGJvcmRlci1yYWRpdXM6IHZhcigtLXRyYWNrSGVpZ2h0KSAwIDAgdmFyKC0tdHJhY2tIZWlnaHQpO1xuICB9XG5gO1xuXG5jb25zdCB0cmFja1N0eWxlcyA9IGBcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogdmFyKC0tc2xpZGVySGVpZ2h0KTtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgei1pbmRleDogMTtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuYDtcblxuY29uc3QgdGh1bWJTdHlsZXMgPSBgXG4gIGFwcGVhcmFuY2U6IG5vbmU7XG4gIGhlaWdodDogdmFyKC0tdGh1bWJTaXplKTtcbiAgd2lkdGg6IHZhcigtLXRodW1iU2l6ZSk7XG4gIGJvcmRlci1yYWRpdXM6IDEwMHB4O1xuICBiYWNrZ3JvdW5kOiAke2dldENvbG9yKCdzaGFkZTEnKX07XG4gIGJveC1zaGFkb3c6IGluc2V0IDAgMCAwIHZhcigtLXRodW1iQm9yZGVyKTtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICBib3JkZXI6IG5vbmU7XG5gO1xuXG5jb25zdCB0aHVtYkZvY3VzU3R5bGVzID0gYFxuICAtLXRodW1iQm9yZGVyOiAycHggJHtnZXRDb2xvcignc2VsZWN0aW9uJyl9O1xuYDtcblxuY29uc3QgSW5wdXRGaWVsZCA9IHN0eWxlZC5pbnB1dGBcbiAgYXBwZWFyYW5jZTogbm9uZTtcbiAgd2lkdGg6IDEwMCU7XG4gIG1hcmdpbjogMDtcbiAgZGlzcGxheTogYmxvY2s7XG4gIGJhY2tncm91bmQ6IHRyYW5zcGFyZW50O1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG5cbiAgJjo6LXdlYmtpdC1zbGlkZXItcnVubmFibGUtdHJhY2sge1xuICAgICR7dHJhY2tTdHlsZXN9XG4gIH1cblxuICAmOjotbW96LXJhbmdlLXRyYWNrIHtcbiAgICAke3RyYWNrU3R5bGVzfVxuICB9XG5cbiAgJjo6LXdlYmtpdC1zbGlkZXItdGh1bWIge1xuICAgICR7dGh1bWJTdHlsZXN9XG4gIH1cblxuICAmOjotbW96LXJhbmdlLXRodW1iIHtcbiAgICAke3RodW1iU3R5bGVzfVxuICB9XG5cbiAgJjpmb2N1cy12aXNpYmxlOjotd2Via2l0LXNsaWRlci10aHVtYiB7XG4gICAgJHt0aHVtYkZvY3VzU3R5bGVzfVxuICB9XG5cbiAgJjpmb2N1cy12aXNpYmxlOjotbW96LXJhbmdlLXRodW1iIHtcbiAgICAke3RodW1iRm9jdXNTdHlsZXN9XG4gIH1cblxuICAmOmZvY3VzIHtcbiAgICBvdXRsaW5lOiBub25lO1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgU2xpZGVyID0gZm9yd2FyZFJlZihmdW5jdGlvbiBTbGlkZXIoXG4gIHsgbWluID0gMCwgbWF4ID0gMTAwLCB2YWx1ZSwgc3RlcCwgb25DaGFuZ2UsIGlkLCBsYWJlbCwgaGludCwgLi4ucHJvcHMgfSxcbiAgcmVmLFxuKSB7XG4gIGNvbnN0IGdldFBlcmNlbnRhZ2UgPSAoKSA9PiAoKHZhbHVlIC0gbWluKSAvIChtYXggLSBtaW4pKSAqIDEwMDtcbiAgY29uc3QgZmllbGRNYXJnaW5Ub3AgPSBsYWJlbCB8fCBoaW50ID8gZ2V0U3BhY2UoJ3ZhcigtLWdybi1mb3JtLWNvbnRyb2wtbGFiZWwtZ2FwKScpIDogdW5kZWZpbmVkO1xuICBjb25zdCB2YWx1ZVN0eWxlID0geyAnLS12YWx1ZSc6IGAke2dldFBlcmNlbnRhZ2UoKX0lYCB9O1xuXG4gIHJldHVybiAoXG4gICAgPGRpdj5cbiAgICAgIHtsYWJlbCAmJiA8RmllbGRMYWJlbCBodG1sRm9yPXtpZH0+e2xhYmVsfTwvRmllbGRMYWJlbD59XG4gICAgICB7aGludCAmJiA8RmllbGRIaW50PntoaW50fTwvRmllbGRIaW50Pn1cbiAgICAgIDxJbnB1dFdyYXBwZXIgc3R5bGU9e3ZhbHVlU3R5bGV9IG1hcmdpblRvcD17ZmllbGRNYXJnaW5Ub3B9PlxuICAgICAgICA8VHJhY2sgLz5cbiAgICAgICAgPElucHV0RmllbGRcbiAgICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgICBpZD17aWR9XG4gICAgICAgICAgdHlwZT1cInJhbmdlXCJcbiAgICAgICAgICBtaW49e21pbn1cbiAgICAgICAgICBtYXg9e21heH1cbiAgICAgICAgICB2YWx1ZT17dmFsdWV9XG4gICAgICAgICAgc3RlcD17c3RlcH1cbiAgICAgICAgICBvbkNoYW5nZT17b25DaGFuZ2V9XG4gICAgICAgICAgey4uLnByb3BzfVxuICAgICAgICAvPlxuICAgICAgPC9JbnB1dFdyYXBwZXI+XG4gICAgPC9kaXY+XG4gICk7XG59KTtcblxuU2xpZGVyLkxhYmVsID0gRmllbGRMYWJlbDtcblNsaWRlci5IaW50ID0gRmllbGRIaW50O1xuXG5TbGlkZXIucHJvcFR5cGVzID0ge1xuICBtaW46IFByb3BUeXBlcy5udW1iZXIsXG4gIG1heDogUHJvcFR5cGVzLm51bWJlcixcbiAgdmFsdWU6IFByb3BUeXBlcy5udW1iZXIsXG4gIHN0ZXA6IFByb3BUeXBlcy5udW1iZXIsXG4gIG9uQ2hhbmdlOiBQcm9wVHlwZXMuZnVuYyxcbiAgbGFiZWw6IHR5cGVzLmxhYmVsLFxuICBoaW50OiB0eXBlcy5oaW50LFxuICBpZDogUHJvcFR5cGVzLnN0cmluZyxcbn07XG4iXX0= */"));
+}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3NsaWRlci5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBUytCIiwiZmlsZSI6Ii4uLy4uL3NyYy9jb21wb25lbnRzL3NsaWRlci5qc3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBQcm9wVHlwZXMgfSBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgdHlwZXMgfSBmcm9tICcuLi90eXBlcyc7XG5pbXBvcnQgeyBGaWVsZEhpbnQsIEZpZWxkTGFiZWwsIHRyYW5zaXRpb25TdHlsZXMgfSBmcm9tICcuLi9mb3VuZGF0aW9uYWwnO1xuaW1wb3J0IHsgZ2V0Q29sb3IsIGdldFNwYWNlIH0gZnJvbSAnLi4vdXRpbGl0aWVzJztcblxuY29uc3QgdGh1bWJTaXplID0gJzE2cHgnO1xuXG5jb25zdCBJbnB1dFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICAtLXRyYWNrSGVpZ2h0OiAycHg7XG4gIC0tdGh1bWJTaXplOiAke3RodW1iU2l6ZX07XG4gIC0tdGh1bWJCb3JkZXI6IDJweCAke2dldENvbG9yKCdjb250ZW50Jyl9O1xuICAtLXRyYWNrQ29sb3I6ICR7Z2V0Q29sb3IoJ2ZhZGUyJyl9O1xuICAtLXRyYWNrRmlsbGVkQ29sb3I6ICR7Z2V0Q29sb3IoJ2NvbnRlbnQnKX07XG5cbiAgQG1lZGlhIChob3ZlcjogaG92ZXIpIHtcbiAgICAmOmhvdmVyIHtcbiAgICAgIC0tdHJhY2tDb2xvcjogJHtnZXRDb2xvcignZmFkZTQnKX07XG4gICAgfVxuICB9XG5cbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAkeyh7IG1hcmdpblRvcCB9KSA9PiBtYXJnaW5Ub3AgJiYgYG1hcmdpbi10b3A6ICR7bWFyZ2luVG9wfWB9O1xuYDtcblxuY29uc3QgVHJhY2sgPSBzdHlsZWQuZGl2YFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHRvcDogMDtcbiAgYm90dG9tOiAwO1xuICBtYXJnaW46IGF1dG87XG4gIGhlaWdodDogdmFyKC0tdHJhY2tIZWlnaHQpO1xuICB3aWR0aDogMTAwJTtcbiAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gICR7dHJhbnNpdGlvblN0eWxlc307XG5cbiAgJjo6YmVmb3JlLFxuICAmOjphZnRlciB7XG4gICAgY29udGVudDogJyc7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHRvcDogMDtcbiAgICBib3R0b206IDA7XG4gICAgbWFyZ2luOiBhdXRvO1xuICAgIGhlaWdodDogdmFyKC0tdHJhY2tIZWlnaHQpO1xuICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgIHRyYW5zaXRpb246IGJhY2tncm91bmQgdmFyKC0tZ3JuLXRyYW5zaXRpb24tbGVhdmUpO1xuICB9XG5cbiAgJjo6YmVmb3JlIHtcbiAgICBiYWNrZ3JvdW5kOiB2YXIoLS10cmFja0ZpbGxlZENvbG9yKTtcbiAgICB3aWR0aDogdmFyKC0tZmlsbGVkV2lkdGgpO1xuICAgIGJvcmRlci1yYWRpdXM6IHZhcigtLXRyYWNrSGVpZ2h0KSAwIDAgdmFyKC0tdHJhY2tIZWlnaHQpO1xuICB9XG5cbiAgJjo6YWZ0ZXIge1xuICAgIHJpZ2h0OiAwO1xuICAgIGJhY2tncm91bmQ6IHZhcigtLXRyYWNrQ29sb3IpO1xuICAgIHdpZHRoOiB2YXIoLS1yZW1haW5pbmdXaWR0aCk7XG4gICAgYm9yZGVyLXJhZGl1czogMCB2YXIoLS10cmFja0hlaWdodCkgdmFyKC0tdHJhY2tIZWlnaHQpIDA7XG5cbiAgICAke0lucHV0V3JhcHBlcn06aG92ZXIgJiB7XG4gICAgICB0cmFuc2l0aW9uOiBiYWNrZ3JvdW5kIHZhcigtLWdybi10cmFuc2l0aW9uLWhvdmVyKTtcbiAgICB9XG4gIH1cbmA7XG5cbmNvbnN0IHRyYWNrU3R5bGVzID0gYFxuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiB2YXIoLS10aHVtYlNpemUpO1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIGJhY2tncm91bmQ6IHRyYW5zcGFyZW50O1xuICB6LWluZGV4OiAxO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG5gO1xuXG5jb25zdCB0aHVtYlN0eWxlcyA9IGBcbiAgYXBwZWFyYW5jZTogbm9uZTtcbiAgaGVpZ2h0OiB2YXIoLS10aHVtYlNpemUpO1xuICB3aWR0aDogdmFyKC0tdGh1bWJTaXplKTtcbiAgYm9yZGVyLXJhZGl1czogMTAwcHg7XG4gIGJhY2tncm91bmQ6ICR7Z2V0Q29sb3IoJ3NoYWRlMScpfTtcbiAgYm94LXNoYWRvdzogaW5zZXQgMCAwIDAgdmFyKC0tdGh1bWJCb3JkZXIpO1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIGJvcmRlcjogbm9uZTtcbmA7XG5cbmNvbnN0IHRodW1iRm9jdXNTdHlsZXMgPSBgXG4gIC0tdGh1bWJCb3JkZXI6IDJweCAke2dldENvbG9yKCdzZWxlY3Rpb24nKX07XG5gO1xuXG5jb25zdCBJbnB1dEZpZWxkID0gc3R5bGVkLmlucHV0YFxuICBhcHBlYXJhbmNlOiBub25lO1xuICB3aWR0aDogMTAwJTtcbiAgbWFyZ2luOiAwO1xuICBkaXNwbGF5OiBibG9jaztcbiAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcblxuICAmOjotd2Via2l0LXNsaWRlci1ydW5uYWJsZS10cmFjayB7XG4gICAgJHt0cmFja1N0eWxlc31cbiAgfVxuXG4gICY6Oi1tb3otcmFuZ2UtdHJhY2sge1xuICAgICR7dHJhY2tTdHlsZXN9XG4gIH1cblxuICAmOjotd2Via2l0LXNsaWRlci10aHVtYiB7XG4gICAgJHt0aHVtYlN0eWxlc31cbiAgfVxuXG4gICY6Oi1tb3otcmFuZ2UtdGh1bWIge1xuICAgICR7dGh1bWJTdHlsZXN9XG4gIH1cblxuICAmOmZvY3VzLXZpc2libGU6Oi13ZWJraXQtc2xpZGVyLXRodW1iIHtcbiAgICAke3RodW1iRm9jdXNTdHlsZXN9XG4gIH1cblxuICAmOmZvY3VzLXZpc2libGU6Oi1tb3otcmFuZ2UtdGh1bWIge1xuICAgICR7dGh1bWJGb2N1c1N0eWxlc31cbiAgfVxuXG4gICY6Zm9jdXMge1xuICAgIG91dGxpbmU6IG5vbmU7XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBTbGlkZXIgPSBmb3J3YXJkUmVmKGZ1bmN0aW9uIFNsaWRlcihcbiAgeyBtaW4gPSAwLCBtYXggPSAxMDAsIHZhbHVlLCBzdGVwLCBvbkNoYW5nZSwgaWQsIGxhYmVsLCBoaW50LCAuLi5wcm9wcyB9LFxuICByZWYsXG4pIHtcbiAgY29uc3QgZ2V0UGVyY2VudGFnZSA9ICgpID0+ICgodmFsdWUgLSBtaW4pIC8gKG1heCAtIG1pbikpICogMTAwO1xuICBjb25zdCBmaWVsZE1hcmdpblRvcCA9IGxhYmVsIHx8IGhpbnQgPyBnZXRTcGFjZSgndmFyKC0tZ3JuLWZvcm0tY29udHJvbC1sYWJlbC1nYXApJykgOiB1bmRlZmluZWQ7XG5cbiAgY29uc3QgcGVyY2VudGFnZSA9IGdldFBlcmNlbnRhZ2UoKTtcblxuICBjb25zdCB0aHVtYldpZHRoUGVyY2VudGFnZSA9IGAoJHt0aHVtYlNpemV9ICogJHtwZXJjZW50YWdlfSAvIDEwMClgO1xuICBjb25zdCBvZmZzZXQgPSBgMnB4YDtcbiAgY29uc3QgZmlsbGVkV2lkdGggPSBgY2FsYygke3BlcmNlbnRhZ2V9JSAtICR7dGh1bWJXaWR0aFBlcmNlbnRhZ2V9IC0gJHtvZmZzZXR9KWA7XG4gIGNvbnN0IHJlbWFpbmluZ1dpZHRoID0gYGNhbGMoJHtcbiAgICAxMDAgLSBwZXJjZW50YWdlXG4gIH0lIC0gKCR7dGh1bWJTaXplfSAtICR7dGh1bWJXaWR0aFBlcmNlbnRhZ2V9KSAtICR7b2Zmc2V0fSlgO1xuXG4gIGNvbnN0IHN0eWxlID0geyAnLS1maWxsZWRXaWR0aCc6IGZpbGxlZFdpZHRoLCAnLS1yZW1haW5pbmdXaWR0aCc6IHJlbWFpbmluZ1dpZHRoIH07XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2PlxuICAgICAge2xhYmVsICYmIDxGaWVsZExhYmVsIGh0bWxGb3I9e2lkfT57bGFiZWx9PC9GaWVsZExhYmVsPn1cbiAgICAgIHtoaW50ICYmIDxGaWVsZEhpbnQ+e2hpbnR9PC9GaWVsZEhpbnQ+fVxuICAgICAgPElucHV0V3JhcHBlciBzdHlsZT17c3R5bGV9IG1hcmdpblRvcD17ZmllbGRNYXJnaW5Ub3B9PlxuICAgICAgICA8VHJhY2sgLz5cbiAgICAgICAgPElucHV0RmllbGRcbiAgICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgICBpZD17aWR9XG4gICAgICAgICAgdHlwZT1cInJhbmdlXCJcbiAgICAgICAgICBtaW49e21pbn1cbiAgICAgICAgICBtYXg9e21heH1cbiAgICAgICAgICB2YWx1ZT17dmFsdWV9XG4gICAgICAgICAgc3RlcD17c3RlcH1cbiAgICAgICAgICBvbkNoYW5nZT17b25DaGFuZ2V9XG4gICAgICAgICAgey4uLnByb3BzfVxuICAgICAgICAvPlxuICAgICAgPC9JbnB1dFdyYXBwZXI+XG4gICAgPC9kaXY+XG4gICk7XG59KTtcblxuU2xpZGVyLkxhYmVsID0gRmllbGRMYWJlbDtcblNsaWRlci5IaW50ID0gRmllbGRIaW50O1xuXG5TbGlkZXIucHJvcFR5cGVzID0ge1xuICBtaW46IFByb3BUeXBlcy5udW1iZXIsXG4gIG1heDogUHJvcFR5cGVzLm51bWJlcixcbiAgdmFsdWU6IFByb3BUeXBlcy5udW1iZXIsXG4gIHN0ZXA6IFByb3BUeXBlcy5udW1iZXIsXG4gIG9uQ2hhbmdlOiBQcm9wVHlwZXMuZnVuYyxcbiAgbGFiZWw6IHR5cGVzLmxhYmVsLFxuICBoaW50OiB0eXBlcy5oaW50LFxuICBpZDogUHJvcFR5cGVzLnN0cmluZyxcbn07XG4iXX0= */"));
 const Track = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
   target: "el2kgbu1"
 } : {
   target: "el2kgbu1",
   label: "Track"
-})("position:absolute;top:0;bottom:0;margin:auto;height:var(--trackHeight);width:100%;background:var(--trackColor);pointer-events:none;", transitionStyles, ";&::before{content:'';position:absolute;top:0;bottom:0;margin:auto;height:var(--trackHeight);background:var(--trackFilledColor);width:var(--value);display:block;border-radius:var(--trackHeight) 0 0 var(--trackHeight);}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3NsaWRlci5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeUJ3QiIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy9zbGlkZXIuanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgUHJvcFR5cGVzIH0gZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgUmVhY3QsIHsgZm9yd2FyZFJlZiB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IHR5cGVzIH0gZnJvbSAnLi4vdHlwZXMnO1xuaW1wb3J0IHsgRmllbGRIaW50LCBGaWVsZExhYmVsLCB0cmFuc2l0aW9uU3R5bGVzIH0gZnJvbSAnLi4vZm91bmRhdGlvbmFsJztcbmltcG9ydCB7IGdldENvbG9yLCBnZXRTcGFjZSB9IGZyb20gJy4uL3V0aWxpdGllcyc7XG5cbmNvbnN0IElucHV0V3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIC0tdHJhY2tIZWlnaHQ6IDJweDtcbiAgLS1zbGlkZXJIZWlnaHQ6IDE2cHg7XG4gIC0tdGh1bWJTaXplOiB2YXIoLS1zbGlkZXJIZWlnaHQpO1xuICAtLXRodW1iQm9yZGVyOiAxcHggJHtnZXRDb2xvcignc2hhZGU2Jyl9O1xuICAtLXRyYWNrQ29sb3I6ICR7Z2V0Q29sb3IoJ2ZhZGUyJyl9O1xuICAtLXRyYWNrRmlsbGVkQ29sb3I6ICR7Z2V0Q29sb3IoJ3NlbGVjdGlvbicpfTtcblxuICBAbWVkaWEgKGhvdmVyOiBob3Zlcikge1xuICAgICY6aG92ZXIge1xuICAgICAgLS10cmFja0NvbG9yOiAke2dldENvbG9yKCdmYWRlNCcpfTtcbiAgICB9XG4gIH1cblxuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICR7KHsgbWFyZ2luVG9wIH0pID0+IG1hcmdpblRvcCAmJiBgbWFyZ2luLXRvcDogJHttYXJnaW5Ub3B9YH07XG5gO1xuXG5jb25zdCBUcmFjayA9IHN0eWxlZC5kaXZgXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiAwO1xuICBib3R0b206IDA7XG4gIG1hcmdpbjogYXV0bztcbiAgaGVpZ2h0OiB2YXIoLS10cmFja0hlaWdodCk7XG4gIHdpZHRoOiAxMDAlO1xuICBiYWNrZ3JvdW5kOiB2YXIoLS10cmFja0NvbG9yKTtcbiAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gICR7dHJhbnNpdGlvblN0eWxlc307XG5cbiAgJjo6YmVmb3JlIHtcbiAgICBjb250ZW50OiAnJztcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgdG9wOiAwO1xuICAgIGJvdHRvbTogMDtcbiAgICBtYXJnaW46IGF1dG87XG4gICAgaGVpZ2h0OiB2YXIoLS10cmFja0hlaWdodCk7XG4gICAgYmFja2dyb3VuZDogdmFyKC0tdHJhY2tGaWxsZWRDb2xvcik7XG4gICAgd2lkdGg6IHZhcigtLXZhbHVlKTtcbiAgICBkaXNwbGF5OiBibG9jaztcbiAgICBib3JkZXItcmFkaXVzOiB2YXIoLS10cmFja0hlaWdodCkgMCAwIHZhcigtLXRyYWNrSGVpZ2h0KTtcbiAgfVxuYDtcblxuY29uc3QgdHJhY2tTdHlsZXMgPSBgXG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IHZhcigtLXNsaWRlckhlaWdodCk7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG4gIHotaW5kZXg6IDE7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbmA7XG5cbmNvbnN0IHRodW1iU3R5bGVzID0gYFxuICBhcHBlYXJhbmNlOiBub25lO1xuICBoZWlnaHQ6IHZhcigtLXRodW1iU2l6ZSk7XG4gIHdpZHRoOiB2YXIoLS10aHVtYlNpemUpO1xuICBib3JkZXItcmFkaXVzOiAxMDBweDtcbiAgYmFja2dyb3VuZDogJHtnZXRDb2xvcignc2hhZGUxJyl9O1xuICBib3gtc2hhZG93OiBpbnNldCAwIDAgMCB2YXIoLS10aHVtYkJvcmRlcik7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgYm9yZGVyOiBub25lO1xuYDtcblxuY29uc3QgdGh1bWJGb2N1c1N0eWxlcyA9IGBcbiAgLS10aHVtYkJvcmRlcjogMnB4ICR7Z2V0Q29sb3IoJ3NlbGVjdGlvbicpfTtcbmA7XG5cbmNvbnN0IElucHV0RmllbGQgPSBzdHlsZWQuaW5wdXRgXG4gIGFwcGVhcmFuY2U6IG5vbmU7XG4gIHdpZHRoOiAxMDAlO1xuICBtYXJnaW46IDA7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuXG4gICY6Oi13ZWJraXQtc2xpZGVyLXJ1bm5hYmxlLXRyYWNrIHtcbiAgICAke3RyYWNrU3R5bGVzfVxuICB9XG5cbiAgJjo6LW1vei1yYW5nZS10cmFjayB7XG4gICAgJHt0cmFja1N0eWxlc31cbiAgfVxuXG4gICY6Oi13ZWJraXQtc2xpZGVyLXRodW1iIHtcbiAgICAke3RodW1iU3R5bGVzfVxuICB9XG5cbiAgJjo6LW1vei1yYW5nZS10aHVtYiB7XG4gICAgJHt0aHVtYlN0eWxlc31cbiAgfVxuXG4gICY6Zm9jdXMtdmlzaWJsZTo6LXdlYmtpdC1zbGlkZXItdGh1bWIge1xuICAgICR7dGh1bWJGb2N1c1N0eWxlc31cbiAgfVxuXG4gICY6Zm9jdXMtdmlzaWJsZTo6LW1vei1yYW5nZS10aHVtYiB7XG4gICAgJHt0aHVtYkZvY3VzU3R5bGVzfVxuICB9XG5cbiAgJjpmb2N1cyB7XG4gICAgb3V0bGluZTogbm9uZTtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFNsaWRlciA9IGZvcndhcmRSZWYoZnVuY3Rpb24gU2xpZGVyKFxuICB7IG1pbiA9IDAsIG1heCA9IDEwMCwgdmFsdWUsIHN0ZXAsIG9uQ2hhbmdlLCBpZCwgbGFiZWwsIGhpbnQsIC4uLnByb3BzIH0sXG4gIHJlZixcbikge1xuICBjb25zdCBnZXRQZXJjZW50YWdlID0gKCkgPT4gKCh2YWx1ZSAtIG1pbikgLyAobWF4IC0gbWluKSkgKiAxMDA7XG4gIGNvbnN0IGZpZWxkTWFyZ2luVG9wID0gbGFiZWwgfHwgaGludCA/IGdldFNwYWNlKCd2YXIoLS1ncm4tZm9ybS1jb250cm9sLWxhYmVsLWdhcCknKSA6IHVuZGVmaW5lZDtcbiAgY29uc3QgdmFsdWVTdHlsZSA9IHsgJy0tdmFsdWUnOiBgJHtnZXRQZXJjZW50YWdlKCl9JWAgfTtcblxuICByZXR1cm4gKFxuICAgIDxkaXY+XG4gICAgICB7bGFiZWwgJiYgPEZpZWxkTGFiZWwgaHRtbEZvcj17aWR9PntsYWJlbH08L0ZpZWxkTGFiZWw+fVxuICAgICAge2hpbnQgJiYgPEZpZWxkSGludD57aGludH08L0ZpZWxkSGludD59XG4gICAgICA8SW5wdXRXcmFwcGVyIHN0eWxlPXt2YWx1ZVN0eWxlfSBtYXJnaW5Ub3A9e2ZpZWxkTWFyZ2luVG9wfT5cbiAgICAgICAgPFRyYWNrIC8+XG4gICAgICAgIDxJbnB1dEZpZWxkXG4gICAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgICAgaWQ9e2lkfVxuICAgICAgICAgIHR5cGU9XCJyYW5nZVwiXG4gICAgICAgICAgbWluPXttaW59XG4gICAgICAgICAgbWF4PXttYXh9XG4gICAgICAgICAgdmFsdWU9e3ZhbHVlfVxuICAgICAgICAgIHN0ZXA9e3N0ZXB9XG4gICAgICAgICAgb25DaGFuZ2U9e29uQ2hhbmdlfVxuICAgICAgICAgIHsuLi5wcm9wc31cbiAgICAgICAgLz5cbiAgICAgIDwvSW5wdXRXcmFwcGVyPlxuICAgIDwvZGl2PlxuICApO1xufSk7XG5cblNsaWRlci5MYWJlbCA9IEZpZWxkTGFiZWw7XG5TbGlkZXIuSGludCA9IEZpZWxkSGludDtcblxuU2xpZGVyLnByb3BUeXBlcyA9IHtcbiAgbWluOiBQcm9wVHlwZXMubnVtYmVyLFxuICBtYXg6IFByb3BUeXBlcy5udW1iZXIsXG4gIHZhbHVlOiBQcm9wVHlwZXMubnVtYmVyLFxuICBzdGVwOiBQcm9wVHlwZXMubnVtYmVyLFxuICBvbkNoYW5nZTogUHJvcFR5cGVzLmZ1bmMsXG4gIGxhYmVsOiB0eXBlcy5sYWJlbCxcbiAgaGludDogdHlwZXMuaGludCxcbiAgaWQ6IFByb3BUeXBlcy5zdHJpbmcsXG59O1xuIl19 */"));
-const trackStyles = "\n  width: 100%;\n  height: var(--sliderHeight);\n  cursor: pointer;\n  background: transparent;\n  z-index: 1;\n  position: relative;\n";
+})("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 */"));
+const trackStyles = "\n  width: 100%;\n  height: var(--thumbSize);\n  cursor: pointer;\n  background: transparent;\n  z-index: 1;\n  position: relative;\n";
 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");
 const thumbFocusStyles = "\n  --thumbBorder: 2px ".concat(getColor('selection'), ";\n");
 const InputField = /*#__PURE__*/_styled("input", process.env.NODE_ENV === "production" ? {
@@ -34,7 +35,7 @@ const InputField = /*#__PURE__*/_styled("input", process.env.NODE_ENV === "produ
 } : {
   target: "el2kgbu0",
   label: "InputField"
-})("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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3NsaWRlci5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMEUrQiIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy9zbGlkZXIuanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgUHJvcFR5cGVzIH0gZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgUmVhY3QsIHsgZm9yd2FyZFJlZiB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IHR5cGVzIH0gZnJvbSAnLi4vdHlwZXMnO1xuaW1wb3J0IHsgRmllbGRIaW50LCBGaWVsZExhYmVsLCB0cmFuc2l0aW9uU3R5bGVzIH0gZnJvbSAnLi4vZm91bmRhdGlvbmFsJztcbmltcG9ydCB7IGdldENvbG9yLCBnZXRTcGFjZSB9IGZyb20gJy4uL3V0aWxpdGllcyc7XG5cbmNvbnN0IElucHV0V3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIC0tdHJhY2tIZWlnaHQ6IDJweDtcbiAgLS1zbGlkZXJIZWlnaHQ6IDE2cHg7XG4gIC0tdGh1bWJTaXplOiB2YXIoLS1zbGlkZXJIZWlnaHQpO1xuICAtLXRodW1iQm9yZGVyOiAxcHggJHtnZXRDb2xvcignc2hhZGU2Jyl9O1xuICAtLXRyYWNrQ29sb3I6ICR7Z2V0Q29sb3IoJ2ZhZGUyJyl9O1xuICAtLXRyYWNrRmlsbGVkQ29sb3I6ICR7Z2V0Q29sb3IoJ3NlbGVjdGlvbicpfTtcblxuICBAbWVkaWEgKGhvdmVyOiBob3Zlcikge1xuICAgICY6aG92ZXIge1xuICAgICAgLS10cmFja0NvbG9yOiAke2dldENvbG9yKCdmYWRlNCcpfTtcbiAgICB9XG4gIH1cblxuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICR7KHsgbWFyZ2luVG9wIH0pID0+IG1hcmdpblRvcCAmJiBgbWFyZ2luLXRvcDogJHttYXJnaW5Ub3B9YH07XG5gO1xuXG5jb25zdCBUcmFjayA9IHN0eWxlZC5kaXZgXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiAwO1xuICBib3R0b206IDA7XG4gIG1hcmdpbjogYXV0bztcbiAgaGVpZ2h0OiB2YXIoLS10cmFja0hlaWdodCk7XG4gIHdpZHRoOiAxMDAlO1xuICBiYWNrZ3JvdW5kOiB2YXIoLS10cmFja0NvbG9yKTtcbiAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gICR7dHJhbnNpdGlvblN0eWxlc307XG5cbiAgJjo6YmVmb3JlIHtcbiAgICBjb250ZW50OiAnJztcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgdG9wOiAwO1xuICAgIGJvdHRvbTogMDtcbiAgICBtYXJnaW46IGF1dG87XG4gICAgaGVpZ2h0OiB2YXIoLS10cmFja0hlaWdodCk7XG4gICAgYmFja2dyb3VuZDogdmFyKC0tdHJhY2tGaWxsZWRDb2xvcik7XG4gICAgd2lkdGg6IHZhcigtLXZhbHVlKTtcbiAgICBkaXNwbGF5OiBibG9jaztcbiAgICBib3JkZXItcmFkaXVzOiB2YXIoLS10cmFja0hlaWdodCkgMCAwIHZhcigtLXRyYWNrSGVpZ2h0KTtcbiAgfVxuYDtcblxuY29uc3QgdHJhY2tTdHlsZXMgPSBgXG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IHZhcigtLXNsaWRlckhlaWdodCk7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG4gIHotaW5kZXg6IDE7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbmA7XG5cbmNvbnN0IHRodW1iU3R5bGVzID0gYFxuICBhcHBlYXJhbmNlOiBub25lO1xuICBoZWlnaHQ6IHZhcigtLXRodW1iU2l6ZSk7XG4gIHdpZHRoOiB2YXIoLS10aHVtYlNpemUpO1xuICBib3JkZXItcmFkaXVzOiAxMDBweDtcbiAgYmFja2dyb3VuZDogJHtnZXRDb2xvcignc2hhZGUxJyl9O1xuICBib3gtc2hhZG93OiBpbnNldCAwIDAgMCB2YXIoLS10aHVtYkJvcmRlcik7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgYm9yZGVyOiBub25lO1xuYDtcblxuY29uc3QgdGh1bWJGb2N1c1N0eWxlcyA9IGBcbiAgLS10aHVtYkJvcmRlcjogMnB4ICR7Z2V0Q29sb3IoJ3NlbGVjdGlvbicpfTtcbmA7XG5cbmNvbnN0IElucHV0RmllbGQgPSBzdHlsZWQuaW5wdXRgXG4gIGFwcGVhcmFuY2U6IG5vbmU7XG4gIHdpZHRoOiAxMDAlO1xuICBtYXJnaW46IDA7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuXG4gICY6Oi13ZWJraXQtc2xpZGVyLXJ1bm5hYmxlLXRyYWNrIHtcbiAgICAke3RyYWNrU3R5bGVzfVxuICB9XG5cbiAgJjo6LW1vei1yYW5nZS10cmFjayB7XG4gICAgJHt0cmFja1N0eWxlc31cbiAgfVxuXG4gICY6Oi13ZWJraXQtc2xpZGVyLXRodW1iIHtcbiAgICAke3RodW1iU3R5bGVzfVxuICB9XG5cbiAgJjo6LW1vei1yYW5nZS10aHVtYiB7XG4gICAgJHt0aHVtYlN0eWxlc31cbiAgfVxuXG4gICY6Zm9jdXMtdmlzaWJsZTo6LXdlYmtpdC1zbGlkZXItdGh1bWIge1xuICAgICR7dGh1bWJGb2N1c1N0eWxlc31cbiAgfVxuXG4gICY6Zm9jdXMtdmlzaWJsZTo6LW1vei1yYW5nZS10aHVtYiB7XG4gICAgJHt0aHVtYkZvY3VzU3R5bGVzfVxuICB9XG5cbiAgJjpmb2N1cyB7XG4gICAgb3V0bGluZTogbm9uZTtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFNsaWRlciA9IGZvcndhcmRSZWYoZnVuY3Rpb24gU2xpZGVyKFxuICB7IG1pbiA9IDAsIG1heCA9IDEwMCwgdmFsdWUsIHN0ZXAsIG9uQ2hhbmdlLCBpZCwgbGFiZWwsIGhpbnQsIC4uLnByb3BzIH0sXG4gIHJlZixcbikge1xuICBjb25zdCBnZXRQZXJjZW50YWdlID0gKCkgPT4gKCh2YWx1ZSAtIG1pbikgLyAobWF4IC0gbWluKSkgKiAxMDA7XG4gIGNvbnN0IGZpZWxkTWFyZ2luVG9wID0gbGFiZWwgfHwgaGludCA/IGdldFNwYWNlKCd2YXIoLS1ncm4tZm9ybS1jb250cm9sLWxhYmVsLWdhcCknKSA6IHVuZGVmaW5lZDtcbiAgY29uc3QgdmFsdWVTdHlsZSA9IHsgJy0tdmFsdWUnOiBgJHtnZXRQZXJjZW50YWdlKCl9JWAgfTtcblxuICByZXR1cm4gKFxuICAgIDxkaXY+XG4gICAgICB7bGFiZWwgJiYgPEZpZWxkTGFiZWwgaHRtbEZvcj17aWR9PntsYWJlbH08L0ZpZWxkTGFiZWw+fVxuICAgICAge2hpbnQgJiYgPEZpZWxkSGludD57aGludH08L0ZpZWxkSGludD59XG4gICAgICA8SW5wdXRXcmFwcGVyIHN0eWxlPXt2YWx1ZVN0eWxlfSBtYXJnaW5Ub3A9e2ZpZWxkTWFyZ2luVG9wfT5cbiAgICAgICAgPFRyYWNrIC8+XG4gICAgICAgIDxJbnB1dEZpZWxkXG4gICAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgICAgaWQ9e2lkfVxuICAgICAgICAgIHR5cGU9XCJyYW5nZVwiXG4gICAgICAgICAgbWluPXttaW59XG4gICAgICAgICAgbWF4PXttYXh9XG4gICAgICAgICAgdmFsdWU9e3ZhbHVlfVxuICAgICAgICAgIHN0ZXA9e3N0ZXB9XG4gICAgICAgICAgb25DaGFuZ2U9e29uQ2hhbmdlfVxuICAgICAgICAgIHsuLi5wcm9wc31cbiAgICAgICAgLz5cbiAgICAgIDwvSW5wdXRXcmFwcGVyPlxuICAgIDwvZGl2PlxuICApO1xufSk7XG5cblNsaWRlci5MYWJlbCA9IEZpZWxkTGFiZWw7XG5TbGlkZXIuSGludCA9IEZpZWxkSGludDtcblxuU2xpZGVyLnByb3BUeXBlcyA9IHtcbiAgbWluOiBQcm9wVHlwZXMubnVtYmVyLFxuICBtYXg6IFByb3BUeXBlcy5udW1iZXIsXG4gIHZhbHVlOiBQcm9wVHlwZXMubnVtYmVyLFxuICBzdGVwOiBQcm9wVHlwZXMubnVtYmVyLFxuICBvbkNoYW5nZTogUHJvcFR5cGVzLmZ1bmMsXG4gIGxhYmVsOiB0eXBlcy5sYWJlbCxcbiAgaGludDogdHlwZXMuaGludCxcbiAgaWQ6IFByb3BUeXBlcy5zdHJpbmcsXG59O1xuIl19 */"));
+})("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 */"));
 export const Slider = /*#__PURE__*/forwardRef(function Slider(_ref2, ref) {
   let {
       min = 0,
@@ -49,13 +50,19 @@ export const Slider = /*#__PURE__*/forwardRef(function Slider(_ref2, ref) {
     props = _objectWithoutProperties(_ref2, _excluded);
   const getPercentage = () => (value - min) / (max - min) * 100;
   const fieldMarginTop = label || hint ? getSpace('var(--grn-form-control-label-gap)') : undefined;
-  const valueStyle = {
-    '--value': "".concat(getPercentage(), "%")
+  const percentage = getPercentage();
+  const thumbWidthPercentage = "(".concat(thumbSize, " * ").concat(percentage, " / 100)");
+  const offset = "2px";
+  const filledWidth = "calc(".concat(percentage, "% - ").concat(thumbWidthPercentage, " - ").concat(offset, ")");
+  const remainingWidth = "calc(".concat(100 - percentage, "% - (").concat(thumbSize, " - ").concat(thumbWidthPercentage, ") - ").concat(offset, ")");
+  const style = {
+    '--filledWidth': filledWidth,
+    '--remainingWidth': remainingWidth
   };
   return ___EmotionJSX("div", null, label && ___EmotionJSX(FieldLabel, {
     htmlFor: id
   }, label), hint && ___EmotionJSX(FieldHint, null, hint), ___EmotionJSX(InputWrapper, {
-    style: valueStyle,
+    style: style,
     marginTop: fieldMarginTop
   }, ___EmotionJSX(Track, null), ___EmotionJSX(InputField, _extends({
     ref: ref,

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@flodesk/grain",
-  "version": "11.69.0-next.7",
+  "version": "11.69.0-next.8",
   "description": "Flodesk design system",
   "module": "es/index.js",
   "types": "es/types/index.d.ts",