@flodesk/grain 5.21.0 → 5.21.2

package/es/components/checkbox.js

@@ -13,7 +13,7 @@ function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringif
 import { getColor, getRadius } from '../utilities';
 import React from 'react';
 import PropTypes from 'prop-types';
-import { componentVars } from '../foundational';
+import { componentVars, InlineFieldLabel } from '../foundational';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 var size = 16;
 var checkHeight = size / 1.6;
@@ -25,7 +25,7 @@ var Input = /*#__PURE__*/_styled("input", process.env.NODE_ENV === "production"
 } : {
   target: "erxmy1h1",
   label: "Input"
-})("--checkColor:", getColor('contentInvert'), ";--backgroundColor:transparent;--backgroundColorActive:", getColor('content'), ";--borderColor:", getColor('grey4'), ";appearance:none;height:", size, "px;width:", size, "px;display:block;border-radius:", getRadius('s'), ";cursor:pointer;margin:0;position:relative;background-color:var(--backgroundColor);border:1px solid var(--borderColor);transition:border-color ", componentVars.transitionDefault, ";&:hover{--borderColor:", getColor('grey7'), ";transition:border-color ", componentVars.transitionHover, ";}&:checked{--borderColor:var(--backgroundColorActive);background-color:var(--backgroundColorActive);}&:after{content:'';position:absolute;left:0;right:0;top:0;margin:auto;height:", checkHeight, "px;width:", checkWidth, "px;box-shadow:inset -", checkStroke, "px -", checkStroke, "px 0 var(--checkColor);display:block;transform:rotate(45deg);pointer-events:none;opacity:0;}&:checked:after{opacity:1;}&:disabled{--checkColor:", getColor('contentDisabled'), ";--backgroundColor:", getColor('backgroundDisabled'), ";--backgroundColorActive:", getColor('backgroundDisabled'), ";--borderColor:transparent;pointer-events:none;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL2NoZWNrYm94LmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFXMEIiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvY2hlY2tib3guanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgZ2V0Q29sb3IsIGdldFJhZGl1cyB9IGZyb20gJy4uL3V0aWxpdGllcyc7XG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCB7IGNvbXBvbmVudFZhcnMgfSBmcm9tICcuLi9mb3VuZGF0aW9uYWwnO1xuXG5jb25zdCBzaXplID0gMTY7XG5jb25zdCBjaGVja0hlaWdodCA9IHNpemUgLyAxLjY7XG5jb25zdCBjaGVja1dpZHRoID0gY2hlY2tIZWlnaHQgLyAxLjg7XG5jb25zdCBjaGVja1N0cm9rZSA9IDEuNTtcblxuY29uc3QgSW5wdXQgPSBzdHlsZWQuaW5wdXRgXG4gIC0tY2hlY2tDb2xvcjogJHtnZXRDb2xvcignY29udGVudEludmVydCcpfTtcbiAgLS1iYWNrZ3JvdW5kQ29sb3I6IHRyYW5zcGFyZW50O1xuICAtLWJhY2tncm91bmRDb2xvckFjdGl2ZTogJHtnZXRDb2xvcignY29udGVudCcpfTtcbiAgLS1ib3JkZXJDb2xvcjogJHtnZXRDb2xvcignZ3JleTQnKX07XG5cbiAgYXBwZWFyYW5jZTogbm9uZTtcbiAgaGVpZ2h0OiAke3NpemV9cHg7XG4gIHdpZHRoOiAke3NpemV9cHg7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICBib3JkZXItcmFkaXVzOiAke2dldFJhZGl1cygncycpfTtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICBtYXJnaW46IDA7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tYmFja2dyb3VuZENvbG9yKTtcbiAgYm9yZGVyOiAxcHggc29saWQgdmFyKC0tYm9yZGVyQ29sb3IpO1xuICB0cmFuc2l0aW9uOiBib3JkZXItY29sb3IgJHtjb21wb25lbnRWYXJzLnRyYW5zaXRpb25EZWZhdWx0fTtcblxuICAmOmhvdmVyIHtcbiAgICAtLWJvcmRlckNvbG9yOiAke2dldENvbG9yKCdncmV5NycpfTtcbiAgICB0cmFuc2l0aW9uOiBib3JkZXItY29sb3IgJHtjb21wb25lbnRWYXJzLnRyYW5zaXRpb25Ib3Zlcn07XG4gIH1cblxuICAmOmNoZWNrZWQge1xuICAgIC0tYm9yZGVyQ29sb3I6IHZhcigtLWJhY2tncm91bmRDb2xvckFjdGl2ZSk7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tYmFja2dyb3VuZENvbG9yQWN0aXZlKTtcbiAgfVxuXG4gICY6YWZ0ZXIge1xuICAgIGNvbnRlbnQ6ICcnO1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICBsZWZ0OiAwO1xuICAgIHJpZ2h0OiAwO1xuICAgIHRvcDogMDtcbiAgICBtYXJnaW46IGF1dG87XG4gICAgaGVpZ2h0OiAke2NoZWNrSGVpZ2h0fXB4O1xuICAgIHdpZHRoOiAke2NoZWNrV2lkdGh9cHg7XG4gICAgYm94LXNoYWRvdzogaW5zZXQgLSR7Y2hlY2tTdHJva2V9cHggLSR7Y2hlY2tTdHJva2V9cHggMCB2YXIoLS1jaGVja0NvbG9yKTtcbiAgICBkaXNwbGF5OiBibG9jaztcbiAgICB0cmFuc2Zvcm06IHJvdGF0ZSg0NWRlZyk7XG4gICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gICAgb3BhY2l0eTogMDtcbiAgfVxuXG4gICY6Y2hlY2tlZDphZnRlciB7XG4gICAgb3BhY2l0eTogMTtcbiAgfVxuXG4gICY6ZGlzYWJsZWQge1xuICAgIC0tY2hlY2tDb2xvcjogJHtnZXRDb2xvcignY29udGVudERpc2FibGVkJyl9O1xuICAgIC0tYmFja2dyb3VuZENvbG9yOiAke2dldENvbG9yKCdiYWNrZ3JvdW5kRGlzYWJsZWQnKX07XG4gICAgLS1iYWNrZ3JvdW5kQ29sb3JBY3RpdmU6ICR7Z2V0Q29sb3IoJ2JhY2tncm91bmREaXNhYmxlZCcpfTtcbiAgICAtLWJvcmRlckNvbG9yOiB0cmFuc3BhcmVudDtcbiAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgfVxuYDtcblxuY29uc3QgUm9vdCA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGdyaWQ7XG4gIGdyaWQtYXV0by1mbG93OiBjb2x1bW47XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIHdpZHRoOiBmaXQtY29udGVudDtcbiAgZ2FwOiA4cHg7XG5gO1xuXG5leHBvcnQgY29uc3QgQ2hlY2tib3ggPSAoeyBpc0Rpc2FibGVkLCBpc0NoZWNrZWQsIGxhYmVsLCBpZCwgb25DaGFuZ2UsIC4uLnByb3BzIH0pID0+IHtcbiAgcmV0dXJuIChcbiAgICA8Um9vdCB7Li4ucHJvcHN9PlxuICAgICAgPElucHV0XG4gICAgICAgIHR5cGU9XCJjaGVja2JveFwiXG4gICAgICAgIGRpc2FibGVkPXtpc0Rpc2FibGVkfVxuICAgICAgICBpZD17aWR9XG4gICAgICAgIGNoZWNrZWQ9e2lzQ2hlY2tlZH1cbiAgICAgICAgb25DaGFuZ2U9e29uQ2hhbmdlfVxuICAgICAgLz5cbiAgICAgIHtsYWJlbCAmJiA8bGFiZWwgaHRtbEZvcj17aWR9PntsYWJlbH08L2xhYmVsPn1cbiAgICA8L1Jvb3Q+XG4gICk7XG59O1xuXG5DaGVja2JveC5wcm9wVHlwZXMgPSB7XG4gIGlkOiBQcm9wVHlwZXMuc3RyaW5nLmlzUmVxdWlyZWQsXG4gIG9uQ2hhbmdlOiBQcm9wVHlwZXMuZnVuYyxcbiAgaXNEaXNhYmxlZDogUHJvcFR5cGVzLmJvb2wsXG4gIGlzQ2hlY2tlZDogUHJvcFR5cGVzLmJvb2wsXG4gIGxhYmVsOiBQcm9wVHlwZXMuc3RyaW5nLFxufTtcbiJdfQ== */"));
+})("--checkColor:", getColor('contentInvert'), ";--backgroundColor:transparent;--backgroundColorActive:", getColor('content'), ";--borderColor:", getColor('grey4'), ";appearance:none;height:", size, "px;width:", size, "px;display:block;border-radius:", getRadius('s'), ";cursor:pointer;margin:0;position:relative;background-color:var(--backgroundColor);border:1px solid var(--borderColor);transition:border-color ", componentVars.transitionDefault, ";&:hover{--borderColor:", getColor('grey7'), ";transition:border-color ", componentVars.transitionHover, ";}&:checked{--borderColor:var(--backgroundColorActive);--backgroundColor:var(--backgroundColorActive);}&:after{content:'';position:absolute;left:0;right:0;top:0;margin:auto;height:", checkHeight, "px;width:", checkWidth, "px;box-shadow:inset -", checkStroke, "px -", checkStroke, "px 0 var(--checkColor);display:block;transform:rotate(45deg);pointer-events:none;opacity:0;}&:checked:after{opacity:1;}&:disabled{--checkColor:", getColor('contentDisabled'), ";--backgroundColor:", getColor('backgroundDisabled'), ";--backgroundColorActive:", getColor('backgroundDisabled'), ";--borderColor:transparent;pointer-events:none;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL2NoZWNrYm94LmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFXMEIiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvY2hlY2tib3guanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgZ2V0Q29sb3IsIGdldFJhZGl1cyB9IGZyb20gJy4uL3V0aWxpdGllcyc7XG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCB7IGNvbXBvbmVudFZhcnMsIElubGluZUZpZWxkTGFiZWwgfSBmcm9tICcuLi9mb3VuZGF0aW9uYWwnO1xuXG5jb25zdCBzaXplID0gMTY7XG5jb25zdCBjaGVja0hlaWdodCA9IHNpemUgLyAxLjY7XG5jb25zdCBjaGVja1dpZHRoID0gY2hlY2tIZWlnaHQgLyAxLjg7XG5jb25zdCBjaGVja1N0cm9rZSA9IDEuNTtcblxuY29uc3QgSW5wdXQgPSBzdHlsZWQuaW5wdXRgXG4gIC0tY2hlY2tDb2xvcjogJHtnZXRDb2xvcignY29udGVudEludmVydCcpfTtcbiAgLS1iYWNrZ3JvdW5kQ29sb3I6IHRyYW5zcGFyZW50O1xuICAtLWJhY2tncm91bmRDb2xvckFjdGl2ZTogJHtnZXRDb2xvcignY29udGVudCcpfTtcbiAgLS1ib3JkZXJDb2xvcjogJHtnZXRDb2xvcignZ3JleTQnKX07XG5cbiAgYXBwZWFyYW5jZTogbm9uZTtcbiAgaGVpZ2h0OiAke3NpemV9cHg7XG4gIHdpZHRoOiAke3NpemV9cHg7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICBib3JkZXItcmFkaXVzOiAke2dldFJhZGl1cygncycpfTtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICBtYXJnaW46IDA7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tYmFja2dyb3VuZENvbG9yKTtcbiAgYm9yZGVyOiAxcHggc29saWQgdmFyKC0tYm9yZGVyQ29sb3IpO1xuICB0cmFuc2l0aW9uOiBib3JkZXItY29sb3IgJHtjb21wb25lbnRWYXJzLnRyYW5zaXRpb25EZWZhdWx0fTtcblxuICAmOmhvdmVyIHtcbiAgICAtLWJvcmRlckNvbG9yOiAke2dldENvbG9yKCdncmV5NycpfTtcbiAgICB0cmFuc2l0aW9uOiBib3JkZXItY29sb3IgJHtjb21wb25lbnRWYXJzLnRyYW5zaXRpb25Ib3Zlcn07XG4gIH1cblxuICAmOmNoZWNrZWQge1xuICAgIC0tYm9yZGVyQ29sb3I6IHZhcigtLWJhY2tncm91bmRDb2xvckFjdGl2ZSk7XG4gICAgLS1iYWNrZ3JvdW5kQ29sb3I6IHZhcigtLWJhY2tncm91bmRDb2xvckFjdGl2ZSk7XG4gIH1cblxuICAmOmFmdGVyIHtcbiAgICBjb250ZW50OiAnJztcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgbGVmdDogMDtcbiAgICByaWdodDogMDtcbiAgICB0b3A6IDA7XG4gICAgbWFyZ2luOiBhdXRvO1xuICAgIGhlaWdodDogJHtjaGVja0hlaWdodH1weDtcbiAgICB3aWR0aDogJHtjaGVja1dpZHRofXB4O1xuICAgIGJveC1zaGFkb3c6IGluc2V0IC0ke2NoZWNrU3Ryb2tlfXB4IC0ke2NoZWNrU3Ryb2tlfXB4IDAgdmFyKC0tY2hlY2tDb2xvcik7XG4gICAgZGlzcGxheTogYmxvY2s7XG4gICAgdHJhbnNmb3JtOiByb3RhdGUoNDVkZWcpO1xuICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICAgIG9wYWNpdHk6IDA7XG4gIH1cblxuICAmOmNoZWNrZWQ6YWZ0ZXIge1xuICAgIG9wYWNpdHk6IDE7XG4gIH1cblxuICAmOmRpc2FibGVkIHtcbiAgICAtLWNoZWNrQ29sb3I6ICR7Z2V0Q29sb3IoJ2NvbnRlbnREaXNhYmxlZCcpfTtcbiAgICAtLWJhY2tncm91bmRDb2xvcjogJHtnZXRDb2xvcignYmFja2dyb3VuZERpc2FibGVkJyl9O1xuICAgIC0tYmFja2dyb3VuZENvbG9yQWN0aXZlOiAke2dldENvbG9yKCdiYWNrZ3JvdW5kRGlzYWJsZWQnKX07XG4gICAgLS1ib3JkZXJDb2xvcjogdHJhbnNwYXJlbnQ7XG4gICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gIH1cbmA7XG5cbmNvbnN0IFJvb3QgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBncmlkO1xuICBncmlkLWF1dG8tZmxvdzogY29sdW1uO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICB3aWR0aDogZml0LWNvbnRlbnQ7XG4gIGdhcDogOHB4O1xuYDtcblxuZXhwb3J0IGNvbnN0IENoZWNrYm94ID0gKHsgaXNEaXNhYmxlZCwgaXNDaGVja2VkLCBsYWJlbCwgaWQsIG9uQ2hhbmdlLCAuLi5wcm9wcyB9KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPFJvb3Qgey4uLnByb3BzfT5cbiAgICAgIDxJbnB1dFxuICAgICAgICB0eXBlPVwiY2hlY2tib3hcIlxuICAgICAgICBkaXNhYmxlZD17aXNEaXNhYmxlZH1cbiAgICAgICAgaWQ9e2lkfVxuICAgICAgICBjaGVja2VkPXtpc0NoZWNrZWR9XG4gICAgICAgIG9uQ2hhbmdlPXtvbkNoYW5nZX1cbiAgICAgIC8+XG4gICAgICB7bGFiZWwgJiYgPElubGluZUZpZWxkTGFiZWwgaHRtbEZvcj17aWR9PntsYWJlbH08L0lubGluZUZpZWxkTGFiZWw+fVxuICAgIDwvUm9vdD5cbiAgKTtcbn07XG5cbkNoZWNrYm94LnByb3BUeXBlcyA9IHtcbiAgaWQ6IFByb3BUeXBlcy5zdHJpbmcuaXNSZXF1aXJlZCxcbiAgb25DaGFuZ2U6IFByb3BUeXBlcy5mdW5jLFxuICBpc0Rpc2FibGVkOiBQcm9wVHlwZXMuYm9vbCxcbiAgaXNDaGVja2VkOiBQcm9wVHlwZXMuYm9vbCxcbiAgbGFiZWw6IFByb3BUeXBlcy5zdHJpbmcsXG59O1xuIl19 */"));
 
 var Root = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
   target: "erxmy1h0"
@@ -38,7 +38,7 @@ var Root = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
 } : {
   name: "1nsltal",
   styles: "display:grid;grid-auto-flow:column;align-items:center;width:fit-content;gap:8px",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL2NoZWNrYm94LmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvRXVCIiwiZmlsZSI6Ii4uLy4uL3NyYy9jb21wb25lbnRzL2NoZWNrYm94LmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGdldENvbG9yLCBnZXRSYWRpdXMgfSBmcm9tICcuLi91dGlsaXRpZXMnO1xuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgeyBjb21wb25lbnRWYXJzIH0gZnJvbSAnLi4vZm91bmRhdGlvbmFsJztcblxuY29uc3Qgc2l6ZSA9IDE2O1xuY29uc3QgY2hlY2tIZWlnaHQgPSBzaXplIC8gMS42O1xuY29uc3QgY2hlY2tXaWR0aCA9IGNoZWNrSGVpZ2h0IC8gMS44O1xuY29uc3QgY2hlY2tTdHJva2UgPSAxLjU7XG5cbmNvbnN0IElucHV0ID0gc3R5bGVkLmlucHV0YFxuICAtLWNoZWNrQ29sb3I6ICR7Z2V0Q29sb3IoJ2NvbnRlbnRJbnZlcnQnKX07XG4gIC0tYmFja2dyb3VuZENvbG9yOiB0cmFuc3BhcmVudDtcbiAgLS1iYWNrZ3JvdW5kQ29sb3JBY3RpdmU6ICR7Z2V0Q29sb3IoJ2NvbnRlbnQnKX07XG4gIC0tYm9yZGVyQ29sb3I6ICR7Z2V0Q29sb3IoJ2dyZXk0Jyl9O1xuXG4gIGFwcGVhcmFuY2U6IG5vbmU7XG4gIGhlaWdodDogJHtzaXplfXB4O1xuICB3aWR0aDogJHtzaXplfXB4O1xuICBkaXNwbGF5OiBibG9jaztcbiAgYm9yZGVyLXJhZGl1czogJHtnZXRSYWRpdXMoJ3MnKX07XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgbWFyZ2luOiAwO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWJhY2tncm91bmRDb2xvcik7XG4gIGJvcmRlcjogMXB4IHNvbGlkIHZhcigtLWJvcmRlckNvbG9yKTtcbiAgdHJhbnNpdGlvbjogYm9yZGVyLWNvbG9yICR7Y29tcG9uZW50VmFycy50cmFuc2l0aW9uRGVmYXVsdH07XG5cbiAgJjpob3ZlciB7XG4gICAgLS1ib3JkZXJDb2xvcjogJHtnZXRDb2xvcignZ3JleTcnKX07XG4gICAgdHJhbnNpdGlvbjogYm9yZGVyLWNvbG9yICR7Y29tcG9uZW50VmFycy50cmFuc2l0aW9uSG92ZXJ9O1xuICB9XG5cbiAgJjpjaGVja2VkIHtcbiAgICAtLWJvcmRlckNvbG9yOiB2YXIoLS1iYWNrZ3JvdW5kQ29sb3JBY3RpdmUpO1xuICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWJhY2tncm91bmRDb2xvckFjdGl2ZSk7XG4gIH1cblxuICAmOmFmdGVyIHtcbiAgICBjb250ZW50OiAnJztcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgbGVmdDogMDtcbiAgICByaWdodDogMDtcbiAgICB0b3A6IDA7XG4gICAgbWFyZ2luOiBhdXRvO1xuICAgIGhlaWdodDogJHtjaGVja0hlaWdodH1weDtcbiAgICB3aWR0aDogJHtjaGVja1dpZHRofXB4O1xuICAgIGJveC1zaGFkb3c6IGluc2V0IC0ke2NoZWNrU3Ryb2tlfXB4IC0ke2NoZWNrU3Ryb2tlfXB4IDAgdmFyKC0tY2hlY2tDb2xvcik7XG4gICAgZGlzcGxheTogYmxvY2s7XG4gICAgdHJhbnNmb3JtOiByb3RhdGUoNDVkZWcpO1xuICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICAgIG9wYWNpdHk6IDA7XG4gIH1cblxuICAmOmNoZWNrZWQ6YWZ0ZXIge1xuICAgIG9wYWNpdHk6IDE7XG4gIH1cblxuICAmOmRpc2FibGVkIHtcbiAgICAtLWNoZWNrQ29sb3I6ICR7Z2V0Q29sb3IoJ2NvbnRlbnREaXNhYmxlZCcpfTtcbiAgICAtLWJhY2tncm91bmRDb2xvcjogJHtnZXRDb2xvcignYmFja2dyb3VuZERpc2FibGVkJyl9O1xuICAgIC0tYmFja2dyb3VuZENvbG9yQWN0aXZlOiAke2dldENvbG9yKCdiYWNrZ3JvdW5kRGlzYWJsZWQnKX07XG4gICAgLS1ib3JkZXJDb2xvcjogdHJhbnNwYXJlbnQ7XG4gICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gIH1cbmA7XG5cbmNvbnN0IFJvb3QgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBncmlkO1xuICBncmlkLWF1dG8tZmxvdzogY29sdW1uO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICB3aWR0aDogZml0LWNvbnRlbnQ7XG4gIGdhcDogOHB4O1xuYDtcblxuZXhwb3J0IGNvbnN0IENoZWNrYm94ID0gKHsgaXNEaXNhYmxlZCwgaXNDaGVja2VkLCBsYWJlbCwgaWQsIG9uQ2hhbmdlLCAuLi5wcm9wcyB9KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPFJvb3Qgey4uLnByb3BzfT5cbiAgICAgIDxJbnB1dFxuICAgICAgICB0eXBlPVwiY2hlY2tib3hcIlxuICAgICAgICBkaXNhYmxlZD17aXNEaXNhYmxlZH1cbiAgICAgICAgaWQ9e2lkfVxuICAgICAgICBjaGVja2VkPXtpc0NoZWNrZWR9XG4gICAgICAgIG9uQ2hhbmdlPXtvbkNoYW5nZX1cbiAgICAgIC8+XG4gICAgICB7bGFiZWwgJiYgPGxhYmVsIGh0bWxGb3I9e2lkfT57bGFiZWx9PC9sYWJlbD59XG4gICAgPC9Sb290PlxuICApO1xufTtcblxuQ2hlY2tib3gucHJvcFR5cGVzID0ge1xuICBpZDogUHJvcFR5cGVzLnN0cmluZy5pc1JlcXVpcmVkLFxuICBvbkNoYW5nZTogUHJvcFR5cGVzLmZ1bmMsXG4gIGlzRGlzYWJsZWQ6IFByb3BUeXBlcy5ib29sLFxuICBpc0NoZWNrZWQ6IFByb3BUeXBlcy5ib29sLFxuICBsYWJlbDogUHJvcFR5cGVzLnN0cmluZyxcbn07XG4iXX0= */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL2NoZWNrYm94LmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvRXVCIiwiZmlsZSI6Ii4uLy4uL3NyYy9jb21wb25lbnRzL2NoZWNrYm94LmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGdldENvbG9yLCBnZXRSYWRpdXMgfSBmcm9tICcuLi91dGlsaXRpZXMnO1xuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgeyBjb21wb25lbnRWYXJzLCBJbmxpbmVGaWVsZExhYmVsIH0gZnJvbSAnLi4vZm91bmRhdGlvbmFsJztcblxuY29uc3Qgc2l6ZSA9IDE2O1xuY29uc3QgY2hlY2tIZWlnaHQgPSBzaXplIC8gMS42O1xuY29uc3QgY2hlY2tXaWR0aCA9IGNoZWNrSGVpZ2h0IC8gMS44O1xuY29uc3QgY2hlY2tTdHJva2UgPSAxLjU7XG5cbmNvbnN0IElucHV0ID0gc3R5bGVkLmlucHV0YFxuICAtLWNoZWNrQ29sb3I6ICR7Z2V0Q29sb3IoJ2NvbnRlbnRJbnZlcnQnKX07XG4gIC0tYmFja2dyb3VuZENvbG9yOiB0cmFuc3BhcmVudDtcbiAgLS1iYWNrZ3JvdW5kQ29sb3JBY3RpdmU6ICR7Z2V0Q29sb3IoJ2NvbnRlbnQnKX07XG4gIC0tYm9yZGVyQ29sb3I6ICR7Z2V0Q29sb3IoJ2dyZXk0Jyl9O1xuXG4gIGFwcGVhcmFuY2U6IG5vbmU7XG4gIGhlaWdodDogJHtzaXplfXB4O1xuICB3aWR0aDogJHtzaXplfXB4O1xuICBkaXNwbGF5OiBibG9jaztcbiAgYm9yZGVyLXJhZGl1czogJHtnZXRSYWRpdXMoJ3MnKX07XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgbWFyZ2luOiAwO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWJhY2tncm91bmRDb2xvcik7XG4gIGJvcmRlcjogMXB4IHNvbGlkIHZhcigtLWJvcmRlckNvbG9yKTtcbiAgdHJhbnNpdGlvbjogYm9yZGVyLWNvbG9yICR7Y29tcG9uZW50VmFycy50cmFuc2l0aW9uRGVmYXVsdH07XG5cbiAgJjpob3ZlciB7XG4gICAgLS1ib3JkZXJDb2xvcjogJHtnZXRDb2xvcignZ3JleTcnKX07XG4gICAgdHJhbnNpdGlvbjogYm9yZGVyLWNvbG9yICR7Y29tcG9uZW50VmFycy50cmFuc2l0aW9uSG92ZXJ9O1xuICB9XG5cbiAgJjpjaGVja2VkIHtcbiAgICAtLWJvcmRlckNvbG9yOiB2YXIoLS1iYWNrZ3JvdW5kQ29sb3JBY3RpdmUpO1xuICAgIC0tYmFja2dyb3VuZENvbG9yOiB2YXIoLS1iYWNrZ3JvdW5kQ29sb3JBY3RpdmUpO1xuICB9XG5cbiAgJjphZnRlciB7XG4gICAgY29udGVudDogJyc7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIGxlZnQ6IDA7XG4gICAgcmlnaHQ6IDA7XG4gICAgdG9wOiAwO1xuICAgIG1hcmdpbjogYXV0bztcbiAgICBoZWlnaHQ6ICR7Y2hlY2tIZWlnaHR9cHg7XG4gICAgd2lkdGg6ICR7Y2hlY2tXaWR0aH1weDtcbiAgICBib3gtc2hhZG93OiBpbnNldCAtJHtjaGVja1N0cm9rZX1weCAtJHtjaGVja1N0cm9rZX1weCAwIHZhcigtLWNoZWNrQ29sb3IpO1xuICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgIHRyYW5zZm9ybTogcm90YXRlKDQ1ZGVnKTtcbiAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICBvcGFjaXR5OiAwO1xuICB9XG5cbiAgJjpjaGVja2VkOmFmdGVyIHtcbiAgICBvcGFjaXR5OiAxO1xuICB9XG5cbiAgJjpkaXNhYmxlZCB7XG4gICAgLS1jaGVja0NvbG9yOiAke2dldENvbG9yKCdjb250ZW50RGlzYWJsZWQnKX07XG4gICAgLS1iYWNrZ3JvdW5kQ29sb3I6ICR7Z2V0Q29sb3IoJ2JhY2tncm91bmREaXNhYmxlZCcpfTtcbiAgICAtLWJhY2tncm91bmRDb2xvckFjdGl2ZTogJHtnZXRDb2xvcignYmFja2dyb3VuZERpc2FibGVkJyl9O1xuICAgIC0tYm9yZGVyQ29sb3I6IHRyYW5zcGFyZW50O1xuICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICB9XG5gO1xuXG5jb25zdCBSb290ID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZ3JpZDtcbiAgZ3JpZC1hdXRvLWZsb3c6IGNvbHVtbjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgd2lkdGg6IGZpdC1jb250ZW50O1xuICBnYXA6IDhweDtcbmA7XG5cbmV4cG9ydCBjb25zdCBDaGVja2JveCA9ICh7IGlzRGlzYWJsZWQsIGlzQ2hlY2tlZCwgbGFiZWwsIGlkLCBvbkNoYW5nZSwgLi4ucHJvcHMgfSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxSb290IHsuLi5wcm9wc30+XG4gICAgICA8SW5wdXRcbiAgICAgICAgdHlwZT1cImNoZWNrYm94XCJcbiAgICAgICAgZGlzYWJsZWQ9e2lzRGlzYWJsZWR9XG4gICAgICAgIGlkPXtpZH1cbiAgICAgICAgY2hlY2tlZD17aXNDaGVja2VkfVxuICAgICAgICBvbkNoYW5nZT17b25DaGFuZ2V9XG4gICAgICAvPlxuICAgICAge2xhYmVsICYmIDxJbmxpbmVGaWVsZExhYmVsIGh0bWxGb3I9e2lkfT57bGFiZWx9PC9JbmxpbmVGaWVsZExhYmVsPn1cbiAgICA8L1Jvb3Q+XG4gICk7XG59O1xuXG5DaGVja2JveC5wcm9wVHlwZXMgPSB7XG4gIGlkOiBQcm9wVHlwZXMuc3RyaW5nLmlzUmVxdWlyZWQsXG4gIG9uQ2hhbmdlOiBQcm9wVHlwZXMuZnVuYyxcbiAgaXNEaXNhYmxlZDogUHJvcFR5cGVzLmJvb2wsXG4gIGlzQ2hlY2tlZDogUHJvcFR5cGVzLmJvb2wsXG4gIGxhYmVsOiBQcm9wVHlwZXMuc3RyaW5nLFxufTtcbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 
@@ -56,7 +56,7 @@ export var Checkbox = function Checkbox(_ref) {
     id: id,
     checked: isChecked,
     onChange: onChange
-  }), label && ___EmotionJSX("label", {
+  }), label && ___EmotionJSX(InlineFieldLabel, {
     htmlFor: id
   }, label));
 };

package/es/components/switch.js

@@ -13,24 +13,20 @@ function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringif
 import { getColor, getTransition } from '../utilities';
 import React from 'react';
 import PropTypes from 'prop-types';
+import { InlineFieldLabel } from '../foundational';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 var knobSizePx = 16;
-var trackOffset = 2;
-var trackWidth = 40;
-var trackHeight = knobSizePx + trackOffset * 2;
+var trackOffsetPx = 2;
+var trackWidthPx = 40;
+var trackHeightPx = knobSizePx + trackOffsetPx * 2;
+var knobActivePositionPx = trackWidthPx - knobSizePx - trackOffsetPx * 2;
 
 var Input = /*#__PURE__*/_styled("input", process.env.NODE_ENV === "production" ? {
   target: "ez8kn7b1"
 } : {
   target: "ez8kn7b1",
   label: "Input"
-})("--trackInactiveColor:", function (p) {
-  return getColor(p.disabled ? 'backgroundDisabled' : 'grey3');
-}, ";--trackActiveColor:", function (p) {
-  return getColor(p.disabled ? 'backgroundDisabled' : 'content');
-}, ";--knobColor:", function (p) {
-  return p.disabled ? getColor('contentDisabled') : 'white';
-}, ";appearance:none;height:", trackHeight, "px;width:", trackWidth, "px;display:block;border-radius:1000px;transition:background-color ", getTransition('xFast'), ";cursor:pointer;margin:0;position:relative;background-color:var(--trackInactiveColor);&:checked{background-color:var(--trackActiveColor);}&:after{content:'';position:absolute;left:", trackOffset, "px;top:", trackOffset, "px;height:", knobSizePx, "px;width:", knobSizePx, "px;border-radius:100%;background-color:var(--knobColor);display:block;transition:transform ", getTransition('xFast'), ";pointer-events:none;}&:checked:after{transform:translateX(", trackWidth - knobSizePx - trackOffset * 2, "px);}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3N3aXRjaC5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBVTBCIiwiZmlsZSI6Ii4uLy4uL3NyYy9jb21wb25lbnRzL3N3aXRjaC5qc3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBnZXRDb2xvciwgZ2V0VHJhbnNpdGlvbiB9IGZyb20gJy4uL3V0aWxpdGllcyc7XG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcblxuY29uc3Qga25vYlNpemVQeCA9IDE2O1xuY29uc3QgdHJhY2tPZmZzZXQgPSAyO1xuY29uc3QgdHJhY2tXaWR0aCA9IDQwO1xuY29uc3QgdHJhY2tIZWlnaHQgPSBrbm9iU2l6ZVB4ICsgdHJhY2tPZmZzZXQgKiAyO1xuXG5jb25zdCBJbnB1dCA9IHN0eWxlZC5pbnB1dGBcbiAgLS10cmFja0luYWN0aXZlQ29sb3I6ICR7cCA9PiBnZXRDb2xvcihwLmRpc2FibGVkID8gJ2JhY2tncm91bmREaXNhYmxlZCcgOiAnZ3JleTMnKX07XG4gIC0tdHJhY2tBY3RpdmVDb2xvcjogJHtwID0+IGdldENvbG9yKHAuZGlzYWJsZWQgPyAnYmFja2dyb3VuZERpc2FibGVkJyA6ICdjb250ZW50Jyl9O1xuICAtLWtub2JDb2xvcjogJHtwID0+IChwLmRpc2FibGVkID8gZ2V0Q29sb3IoJ2NvbnRlbnREaXNhYmxlZCcpIDogJ3doaXRlJyl9O1xuXG4gIGFwcGVhcmFuY2U6IG5vbmU7XG4gIGhlaWdodDogJHt0cmFja0hlaWdodH1weDtcbiAgd2lkdGg6ICR7dHJhY2tXaWR0aH1weDtcbiAgZGlzcGxheTogYmxvY2s7XG4gIGJvcmRlci1yYWRpdXM6IDEwMDBweDtcbiAgdHJhbnNpdGlvbjogYmFja2dyb3VuZC1jb2xvciAke2dldFRyYW5zaXRpb24oJ3hGYXN0Jyl9O1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIG1hcmdpbjogMDtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS10cmFja0luYWN0aXZlQ29sb3IpO1xuXG4gICY6Y2hlY2tlZCB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tdHJhY2tBY3RpdmVDb2xvcik7XG4gIH1cblxuICAmOmFmdGVyIHtcbiAgICBjb250ZW50OiAnJztcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgbGVmdDogJHt0cmFja09mZnNldH1weDtcbiAgICB0b3A6ICR7dHJhY2tPZmZzZXR9cHg7XG4gICAgaGVpZ2h0OiAke2tub2JTaXplUHh9cHg7XG4gICAgd2lkdGg6ICR7a25vYlNpemVQeH1weDtcbiAgICBib3JkZXItcmFkaXVzOiAxMDAlO1xuICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWtub2JDb2xvcik7XG4gICAgZGlzcGxheTogYmxvY2s7XG4gICAgdHJhbnNpdGlvbjogdHJhbnNmb3JtICR7Z2V0VHJhbnNpdGlvbigneEZhc3QnKX07XG4gICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gIH1cblxuICAmOmNoZWNrZWQ6YWZ0ZXIge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgke3RyYWNrV2lkdGggLSBrbm9iU2l6ZVB4IC0gdHJhY2tPZmZzZXQgKiAyfXB4KTtcbiAgfVxuYDtcblxuY29uc3QgV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGdyaWQ7XG4gIGdyaWQtYXV0by1mbG93OiBjb2x1bW47XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIHdpZHRoOiBmaXQtY29udGVudDtcbiAgZ2FwOiA4cHg7XG5gO1xuXG5leHBvcnQgY29uc3QgU3dpdGNoID0gKHsgaXNEaXNhYmxlZCwgaXNBY3RpdmUsIGxhYmVsLCBpZCwgb25DaGFuZ2UsIC4uLnByb3BzIH0pID0+IHtcbiAgcmV0dXJuIChcbiAgICA8V3JhcHBlciB7Li4ucHJvcHN9PlxuICAgICAgPElucHV0IHR5cGU9XCJjaGVja2JveFwiIGRpc2FibGVkPXtpc0Rpc2FibGVkfSBpZD17aWR9IGNoZWNrZWQ9e2lzQWN0aXZlfSBvbkNoYW5nZT17b25DaGFuZ2V9IC8+XG4gICAgICB7bGFiZWwgJiYgPGxhYmVsIGh0bWxGb3I9e2lkfT57bGFiZWx9PC9sYWJlbD59XG4gICAgPC9XcmFwcGVyPlxuICApO1xufTtcblxuU3dpdGNoLnByb3BUeXBlcyA9IHtcbiAgaWQ6IFByb3BUeXBlcy5zdHJpbmcuaXNSZXF1aXJlZCxcbiAgb25DaGFuZ2U6IFByb3BUeXBlcy5mdW5jLFxuICBpc0Rpc2FibGVkOiBQcm9wVHlwZXMuYm9vbCxcbiAgaXNBY3RpdmU6IFByb3BUeXBlcy5ib29sLFxuICBsYWJlbDogUHJvcFR5cGVzLnN0cmluZyxcbn07XG4iXX0= */"));
+})("--trackColor:", getColor('grey3'), ";--knobColor:", getColor('white'), ";appearance:none;height:", trackHeightPx, "px;width:", trackWidthPx, "px;display:block;border-radius:", trackHeightPx / 2, "px;transition:background-color ", getTransition('xFast'), ";cursor:pointer;margin:0;position:relative;background-color:var(--trackColor);&:after{content:'';position:absolute;left:", trackOffsetPx, "px;top:", trackOffsetPx, "px;height:", knobSizePx, "px;width:", knobSizePx, "px;border-radius:100%;background-color:var(--knobColor);display:block;transition:transform ", getTransition('xFast'), ";pointer-events:none;}&:checked{--trackColor:", getColor('content'), ";}&:checked:after{transform:translateX(", knobActivePositionPx, "px);}&:disabled{--trackColor:", getColor('backgroundDisabled'), ";--knobColor:", getColor('contentDisabled'), ";pointer-events:none;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3N3aXRjaC5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBWTBCIiwiZmlsZSI6Ii4uLy4uL3NyYy9jb21wb25lbnRzL3N3aXRjaC5qc3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBnZXRDb2xvciwgZ2V0VHJhbnNpdGlvbiB9IGZyb20gJy4uL3V0aWxpdGllcyc7XG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCB7IElubGluZUZpZWxkTGFiZWwgfSBmcm9tICcuLi9mb3VuZGF0aW9uYWwnO1xuXG5jb25zdCBrbm9iU2l6ZVB4ID0gMTY7XG5jb25zdCB0cmFja09mZnNldFB4ID0gMjtcbmNvbnN0IHRyYWNrV2lkdGhQeCA9IDQwO1xuY29uc3QgdHJhY2tIZWlnaHRQeCA9IGtub2JTaXplUHggKyB0cmFja09mZnNldFB4ICogMjtcbmNvbnN0IGtub2JBY3RpdmVQb3NpdGlvblB4ID0gdHJhY2tXaWR0aFB4IC0ga25vYlNpemVQeCAtIHRyYWNrT2Zmc2V0UHggKiAyO1xuXG5jb25zdCBJbnB1dCA9IHN0eWxlZC5pbnB1dGBcbiAgLS10cmFja0NvbG9yOiAke2dldENvbG9yKCdncmV5MycpfTtcbiAgLS1rbm9iQ29sb3I6ICR7Z2V0Q29sb3IoJ3doaXRlJyl9O1xuXG4gIGFwcGVhcmFuY2U6IG5vbmU7XG4gIGhlaWdodDogJHt0cmFja0hlaWdodFB4fXB4O1xuICB3aWR0aDogJHt0cmFja1dpZHRoUHh9cHg7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICBib3JkZXItcmFkaXVzOiAke3RyYWNrSGVpZ2h0UHggLyAyfXB4O1xuICB0cmFuc2l0aW9uOiBiYWNrZ3JvdW5kLWNvbG9yICR7Z2V0VHJhbnNpdGlvbigneEZhc3QnKX07XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgbWFyZ2luOiAwO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLXRyYWNrQ29sb3IpO1xuXG4gICY6YWZ0ZXIge1xuICAgIGNvbnRlbnQ6ICcnO1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICBsZWZ0OiAke3RyYWNrT2Zmc2V0UHh9cHg7XG4gICAgdG9wOiAke3RyYWNrT2Zmc2V0UHh9cHg7XG4gICAgaGVpZ2h0OiAke2tub2JTaXplUHh9cHg7XG4gICAgd2lkdGg6ICR7a25vYlNpemVQeH1weDtcbiAgICBib3JkZXItcmFkaXVzOiAxMDAlO1xuICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWtub2JDb2xvcik7XG4gICAgZGlzcGxheTogYmxvY2s7XG4gICAgdHJhbnNpdGlvbjogdHJhbnNmb3JtICR7Z2V0VHJhbnNpdGlvbigneEZhc3QnKX07XG4gICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gIH1cblxuICAmOmNoZWNrZWQge1xuICAgIC0tdHJhY2tDb2xvcjogJHtnZXRDb2xvcignY29udGVudCcpfTtcbiAgfVxuXG4gICY6Y2hlY2tlZDphZnRlciB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKCR7a25vYkFjdGl2ZVBvc2l0aW9uUHh9cHgpO1xuICB9XG5cbiAgJjpkaXNhYmxlZCB7XG4gICAgLS10cmFja0NvbG9yOiAke2dldENvbG9yKCdiYWNrZ3JvdW5kRGlzYWJsZWQnKX07XG4gICAgLS1rbm9iQ29sb3I6ICR7Z2V0Q29sb3IoJ2NvbnRlbnREaXNhYmxlZCcpfTtcbiAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgfVxuYDtcblxuY29uc3QgV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGdyaWQ7XG4gIGdyaWQtYXV0by1mbG93OiBjb2x1bW47XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIHdpZHRoOiBmaXQtY29udGVudDtcbiAgZ2FwOiA4cHg7XG5gO1xuXG5leHBvcnQgY29uc3QgU3dpdGNoID0gKHsgaXNEaXNhYmxlZCwgaXNBY3RpdmUsIGxhYmVsLCBpZCwgb25DaGFuZ2UsIC4uLnByb3BzIH0pID0+IHtcbiAgcmV0dXJuIChcbiAgICA8V3JhcHBlciB7Li4ucHJvcHN9PlxuICAgICAgPElucHV0IHR5cGU9XCJjaGVja2JveFwiIGRpc2FibGVkPXtpc0Rpc2FibGVkfSBpZD17aWR9IGNoZWNrZWQ9e2lzQWN0aXZlfSBvbkNoYW5nZT17b25DaGFuZ2V9IC8+XG4gICAgICB7bGFiZWwgJiYgPElubGluZUZpZWxkTGFiZWwgaHRtbEZvcj17aWR9PntsYWJlbH08L0lubGluZUZpZWxkTGFiZWw+fVxuICAgIDwvV3JhcHBlcj5cbiAgKTtcbn07XG5cblN3aXRjaC5wcm9wVHlwZXMgPSB7XG4gIGlkOiBQcm9wVHlwZXMuc3RyaW5nLmlzUmVxdWlyZWQsXG4gIG9uQ2hhbmdlOiBQcm9wVHlwZXMuZnVuYyxcbiAgaXNEaXNhYmxlZDogUHJvcFR5cGVzLmJvb2wsXG4gIGlzQWN0aXZlOiBQcm9wVHlwZXMuYm9vbCxcbiAgbGFiZWw6IFByb3BUeXBlcy5zdHJpbmcsXG59O1xuIl19 */"));
 
 var Wrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
   target: "ez8kn7b0"
@@ -43,7 +39,7 @@ var Wrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production"
 } : {
   name: "1nsltal",
   styles: "display:grid;grid-auto-flow:column;align-items:center;width:fit-content;gap:8px",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3N3aXRjaC5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUQwQiIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy9zd2l0Y2guanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgZ2V0Q29sb3IsIGdldFRyYW5zaXRpb24gfSBmcm9tICcuLi91dGlsaXRpZXMnO1xuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5cbmNvbnN0IGtub2JTaXplUHggPSAxNjtcbmNvbnN0IHRyYWNrT2Zmc2V0ID0gMjtcbmNvbnN0IHRyYWNrV2lkdGggPSA0MDtcbmNvbnN0IHRyYWNrSGVpZ2h0ID0ga25vYlNpemVQeCArIHRyYWNrT2Zmc2V0ICogMjtcblxuY29uc3QgSW5wdXQgPSBzdHlsZWQuaW5wdXRgXG4gIC0tdHJhY2tJbmFjdGl2ZUNvbG9yOiAke3AgPT4gZ2V0Q29sb3IocC5kaXNhYmxlZCA/ICdiYWNrZ3JvdW5kRGlzYWJsZWQnIDogJ2dyZXkzJyl9O1xuICAtLXRyYWNrQWN0aXZlQ29sb3I6ICR7cCA9PiBnZXRDb2xvcihwLmRpc2FibGVkID8gJ2JhY2tncm91bmREaXNhYmxlZCcgOiAnY29udGVudCcpfTtcbiAgLS1rbm9iQ29sb3I6ICR7cCA9PiAocC5kaXNhYmxlZCA/IGdldENvbG9yKCdjb250ZW50RGlzYWJsZWQnKSA6ICd3aGl0ZScpfTtcblxuICBhcHBlYXJhbmNlOiBub25lO1xuICBoZWlnaHQ6ICR7dHJhY2tIZWlnaHR9cHg7XG4gIHdpZHRoOiAke3RyYWNrV2lkdGh9cHg7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICBib3JkZXItcmFkaXVzOiAxMDAwcHg7XG4gIHRyYW5zaXRpb246IGJhY2tncm91bmQtY29sb3IgJHtnZXRUcmFuc2l0aW9uKCd4RmFzdCcpfTtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICBtYXJnaW46IDA7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tdHJhY2tJbmFjdGl2ZUNvbG9yKTtcblxuICAmOmNoZWNrZWQge1xuICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigtLXRyYWNrQWN0aXZlQ29sb3IpO1xuICB9XG5cbiAgJjphZnRlciB7XG4gICAgY29udGVudDogJyc7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIGxlZnQ6ICR7dHJhY2tPZmZzZXR9cHg7XG4gICAgdG9wOiAke3RyYWNrT2Zmc2V0fXB4O1xuICAgIGhlaWdodDogJHtrbm9iU2l6ZVB4fXB4O1xuICAgIHdpZHRoOiAke2tub2JTaXplUHh9cHg7XG4gICAgYm9yZGVyLXJhZGl1czogMTAwJTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1rbm9iQ29sb3IpO1xuICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgIHRyYW5zaXRpb246IHRyYW5zZm9ybSAke2dldFRyYW5zaXRpb24oJ3hGYXN0Jyl9O1xuICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICB9XG5cbiAgJjpjaGVja2VkOmFmdGVyIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoJHt0cmFja1dpZHRoIC0ga25vYlNpemVQeCAtIHRyYWNrT2Zmc2V0ICogMn1weCk7XG4gIH1cbmA7XG5cbmNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBncmlkO1xuICBncmlkLWF1dG8tZmxvdzogY29sdW1uO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICB3aWR0aDogZml0LWNvbnRlbnQ7XG4gIGdhcDogOHB4O1xuYDtcblxuZXhwb3J0IGNvbnN0IFN3aXRjaCA9ICh7IGlzRGlzYWJsZWQsIGlzQWN0aXZlLCBsYWJlbCwgaWQsIG9uQ2hhbmdlLCAuLi5wcm9wcyB9KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPFdyYXBwZXIgey4uLnByb3BzfT5cbiAgICAgIDxJbnB1dCB0eXBlPVwiY2hlY2tib3hcIiBkaXNhYmxlZD17aXNEaXNhYmxlZH0gaWQ9e2lkfSBjaGVja2VkPXtpc0FjdGl2ZX0gb25DaGFuZ2U9e29uQ2hhbmdlfSAvPlxuICAgICAge2xhYmVsICYmIDxsYWJlbCBodG1sRm9yPXtpZH0+e2xhYmVsfTwvbGFiZWw+fVxuICAgIDwvV3JhcHBlcj5cbiAgKTtcbn07XG5cblN3aXRjaC5wcm9wVHlwZXMgPSB7XG4gIGlkOiBQcm9wVHlwZXMuc3RyaW5nLmlzUmVxdWlyZWQsXG4gIG9uQ2hhbmdlOiBQcm9wVHlwZXMuZnVuYyxcbiAgaXNEaXNhYmxlZDogUHJvcFR5cGVzLmJvb2wsXG4gIGlzQWN0aXZlOiBQcm9wVHlwZXMuYm9vbCxcbiAgbGFiZWw6IFByb3BUeXBlcy5zdHJpbmcsXG59O1xuIl19 */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3N3aXRjaC5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0QwQiIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy9zd2l0Y2guanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgZ2V0Q29sb3IsIGdldFRyYW5zaXRpb24gfSBmcm9tICcuLi91dGlsaXRpZXMnO1xuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgeyBJbmxpbmVGaWVsZExhYmVsIH0gZnJvbSAnLi4vZm91bmRhdGlvbmFsJztcblxuY29uc3Qga25vYlNpemVQeCA9IDE2O1xuY29uc3QgdHJhY2tPZmZzZXRQeCA9IDI7XG5jb25zdCB0cmFja1dpZHRoUHggPSA0MDtcbmNvbnN0IHRyYWNrSGVpZ2h0UHggPSBrbm9iU2l6ZVB4ICsgdHJhY2tPZmZzZXRQeCAqIDI7XG5jb25zdCBrbm9iQWN0aXZlUG9zaXRpb25QeCA9IHRyYWNrV2lkdGhQeCAtIGtub2JTaXplUHggLSB0cmFja09mZnNldFB4ICogMjtcblxuY29uc3QgSW5wdXQgPSBzdHlsZWQuaW5wdXRgXG4gIC0tdHJhY2tDb2xvcjogJHtnZXRDb2xvcignZ3JleTMnKX07XG4gIC0ta25vYkNvbG9yOiAke2dldENvbG9yKCd3aGl0ZScpfTtcblxuICBhcHBlYXJhbmNlOiBub25lO1xuICBoZWlnaHQ6ICR7dHJhY2tIZWlnaHRQeH1weDtcbiAgd2lkdGg6ICR7dHJhY2tXaWR0aFB4fXB4O1xuICBkaXNwbGF5OiBibG9jaztcbiAgYm9yZGVyLXJhZGl1czogJHt0cmFja0hlaWdodFB4IC8gMn1weDtcbiAgdHJhbnNpdGlvbjogYmFja2dyb3VuZC1jb2xvciAke2dldFRyYW5zaXRpb24oJ3hGYXN0Jyl9O1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIG1hcmdpbjogMDtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS10cmFja0NvbG9yKTtcblxuICAmOmFmdGVyIHtcbiAgICBjb250ZW50OiAnJztcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgbGVmdDogJHt0cmFja09mZnNldFB4fXB4O1xuICAgIHRvcDogJHt0cmFja09mZnNldFB4fXB4O1xuICAgIGhlaWdodDogJHtrbm9iU2l6ZVB4fXB4O1xuICAgIHdpZHRoOiAke2tub2JTaXplUHh9cHg7XG4gICAgYm9yZGVyLXJhZGl1czogMTAwJTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1rbm9iQ29sb3IpO1xuICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgIHRyYW5zaXRpb246IHRyYW5zZm9ybSAke2dldFRyYW5zaXRpb24oJ3hGYXN0Jyl9O1xuICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICB9XG5cbiAgJjpjaGVja2VkIHtcbiAgICAtLXRyYWNrQ29sb3I6ICR7Z2V0Q29sb3IoJ2NvbnRlbnQnKX07XG4gIH1cblxuICAmOmNoZWNrZWQ6YWZ0ZXIge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgke2tub2JBY3RpdmVQb3NpdGlvblB4fXB4KTtcbiAgfVxuXG4gICY6ZGlzYWJsZWQge1xuICAgIC0tdHJhY2tDb2xvcjogJHtnZXRDb2xvcignYmFja2dyb3VuZERpc2FibGVkJyl9O1xuICAgIC0ta25vYkNvbG9yOiAke2dldENvbG9yKCdjb250ZW50RGlzYWJsZWQnKX07XG4gICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gIH1cbmA7XG5cbmNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBncmlkO1xuICBncmlkLWF1dG8tZmxvdzogY29sdW1uO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICB3aWR0aDogZml0LWNvbnRlbnQ7XG4gIGdhcDogOHB4O1xuYDtcblxuZXhwb3J0IGNvbnN0IFN3aXRjaCA9ICh7IGlzRGlzYWJsZWQsIGlzQWN0aXZlLCBsYWJlbCwgaWQsIG9uQ2hhbmdlLCAuLi5wcm9wcyB9KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPFdyYXBwZXIgey4uLnByb3BzfT5cbiAgICAgIDxJbnB1dCB0eXBlPVwiY2hlY2tib3hcIiBkaXNhYmxlZD17aXNEaXNhYmxlZH0gaWQ9e2lkfSBjaGVja2VkPXtpc0FjdGl2ZX0gb25DaGFuZ2U9e29uQ2hhbmdlfSAvPlxuICAgICAge2xhYmVsICYmIDxJbmxpbmVGaWVsZExhYmVsIGh0bWxGb3I9e2lkfT57bGFiZWx9PC9JbmxpbmVGaWVsZExhYmVsPn1cbiAgICA8L1dyYXBwZXI+XG4gICk7XG59O1xuXG5Td2l0Y2gucHJvcFR5cGVzID0ge1xuICBpZDogUHJvcFR5cGVzLnN0cmluZy5pc1JlcXVpcmVkLFxuICBvbkNoYW5nZTogUHJvcFR5cGVzLmZ1bmMsXG4gIGlzRGlzYWJsZWQ6IFByb3BUeXBlcy5ib29sLFxuICBpc0FjdGl2ZTogUHJvcFR5cGVzLmJvb2wsXG4gIGxhYmVsOiBQcm9wVHlwZXMuc3RyaW5nLFxufTtcbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 
@@ -61,7 +57,7 @@ export var Switch = function Switch(_ref) {
     id: id,
     checked: isActive,
     onChange: onChange
-  }), label && ___EmotionJSX("label", {
+  }), label && ___EmotionJSX(InlineFieldLabel, {
     htmlFor: id
   }, label));
 };

package/es/foundational/field.js

@@ -3,7 +3,8 @@ import "core-js/modules/es.array.index-of.js";
 import "core-js/modules/es.symbol.js";
 import "core-js/modules/es.object.assign.js";
 var _excluded = ["paddingLeft", "paddingRight", "hasError", "isDisabled"],
-    _excluded2 = ["children"];
+    _excluded2 = ["children"],
+    _excluded3 = ["children"];
 
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
@@ -20,35 +21,55 @@ import { forwardRef } from 'react';
 import { getColor, getRadius } from '../utilities';
 import { componentVars, styles } from './styles';
 import { jsx as ___EmotionJSX } from "@emotion/react";
-export var InputField = /*#__PURE__*/forwardRef(function (_ref2, ref) {
-  var _ref2$paddingLeft = _ref2.paddingLeft,
-      paddingLeft = _ref2$paddingLeft === void 0 ? componentVars.fieldXPadding : _ref2$paddingLeft,
-      _ref2$paddingRight = _ref2.paddingRight,
-      paddingRight = _ref2$paddingRight === void 0 ? componentVars.fieldXPadding : _ref2$paddingRight,
-      hasError = _ref2.hasError,
-      isDisabled = _ref2.isDisabled,
-      props = _objectWithoutProperties(_ref2, _excluded);
+export var InputField = /*#__PURE__*/forwardRef(function (_ref3, ref) {
+  var _ref3$paddingLeft = _ref3.paddingLeft,
+      paddingLeft = _ref3$paddingLeft === void 0 ? componentVars.fieldXPadding : _ref3$paddingLeft,
+      _ref3$paddingRight = _ref3.paddingRight,
+      paddingRight = _ref3$paddingRight === void 0 ? componentVars.fieldXPadding : _ref3$paddingRight,
+      hasError = _ref3.hasError,
+      isDisabled = _ref3.isDisabled,
+      props = _objectWithoutProperties(_ref3, _excluded);
 
   return ___EmotionJSX("input", _extends({
     disabled: isDisabled,
     ref: ref,
-    css: /*#__PURE__*/css(styles.transitions, ";appearance:none;border:none;font:inherit;color:inherit;background-color:transparent;transition-property:border-color;width:100%;border-radius:", getRadius('s'), ";height:", componentVars.textBoxHeight, ";padding:0 ", paddingRight, " 0 ", paddingLeft, ";outline:none;border:", componentVars.borderWidth, " solid ", getColor(hasError ? 'danger' : 'fade3'), ";&::placeholder{color:", getColor('grey5'), ";}&:disabled{background-color:", getColor('backgroundDisabled'), ";color:", getColor('contentDisabled'), ";}", !hasError && "\n          &:not(:disabled) {\n            &:hover {\n              border-color: ".concat(componentVars.fieldBorderColorHover, ";\n            }\n\n            &:focus {\n              transition: 0s;\n              border-color: ").concat(componentVars.fieldBorderColorFocus, ";\n            }\n          }\n        "), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:InputField;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9mb3VuZGF0aW9uYWwvZmllbGQuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1CYyIsImZpbGUiOiIuLi8uLi9zcmMvZm91bmRhdGlvbmFsL2ZpZWxkLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBnZXRDb2xvciwgZ2V0UmFkaXVzIH0gZnJvbSAnLi4vdXRpbGl0aWVzJztcbmltcG9ydCB7IGNvbXBvbmVudFZhcnMsIHN0eWxlcyB9IGZyb20gJy4vc3R5bGVzJztcblxuZXhwb3J0IGNvbnN0IElucHV0RmllbGQgPSBmb3J3YXJkUmVmKFxuICAoXG4gICAge1xuICAgICAgcGFkZGluZ0xlZnQgPSBjb21wb25lbnRWYXJzLmZpZWxkWFBhZGRpbmcsXG4gICAgICBwYWRkaW5nUmlnaHQgPSBjb21wb25lbnRWYXJzLmZpZWxkWFBhZGRpbmcsXG4gICAgICBoYXNFcnJvcixcbiAgICAgIGlzRGlzYWJsZWQsXG4gICAgICAuLi5wcm9wc1xuICAgIH0sXG4gICAgcmVmLFxuICApID0+IChcbiAgICA8aW5wdXRcbiAgICAgIGRpc2FibGVkPXtpc0Rpc2FibGVkfVxuICAgICAgcmVmPXtyZWZ9XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgJHtzdHlsZXMudHJhbnNpdGlvbnN9O1xuICAgICAgICBhcHBlYXJhbmNlOiBub25lO1xuICAgICAgICBib3JkZXI6IG5vbmU7XG4gICAgICAgIGZvbnQ6IGluaGVyaXQ7XG4gICAgICAgIGNvbG9yOiBpbmhlcml0O1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgICAgICAgdHJhbnNpdGlvbi1wcm9wZXJ0eTogYm9yZGVyLWNvbG9yO1xuICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgYm9yZGVyLXJhZGl1czogJHtnZXRSYWRpdXMoJ3MnKX07XG4gICAgICAgIGhlaWdodDogJHtjb21wb25lbnRWYXJzLnRleHRCb3hIZWlnaHR9O1xuICAgICAgICBwYWRkaW5nOiAwICR7cGFkZGluZ1JpZ2h0fSAwICR7cGFkZGluZ0xlZnR9O1xuICAgICAgICBvdXRsaW5lOiBub25lO1xuICAgICAgICBib3JkZXI6ICR7Y29tcG9uZW50VmFycy5ib3JkZXJXaWR0aH0gc29saWQgJHtnZXRDb2xvcihoYXNFcnJvciA/ICdkYW5nZXInIDogJ2ZhZGUzJyl9O1xuXG4gICAgICAgICY6OnBsYWNlaG9sZGVyIHtcbiAgICAgICAgICBjb2xvcjogJHtnZXRDb2xvcignZ3JleTUnKX07XG4gICAgICAgIH1cblxuICAgICAgICAmOmRpc2FibGVkIHtcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2dldENvbG9yKCdiYWNrZ3JvdW5kRGlzYWJsZWQnKX07XG4gICAgICAgICAgY29sb3I6ICR7Z2V0Q29sb3IoJ2NvbnRlbnREaXNhYmxlZCcpfTtcbiAgICAgICAgfVxuXG4gICAgICAgICR7IWhhc0Vycm9yICYmXG4gICAgICAgIGBcbiAgICAgICAgICAmOm5vdCg6ZGlzYWJsZWQpIHtcbiAgICAgICAgICAgICY6aG92ZXIge1xuICAgICAgICAgICAgICBib3JkZXItY29sb3I6ICR7Y29tcG9uZW50VmFycy5maWVsZEJvcmRlckNvbG9ySG92ZXJ9O1xuICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICAmOmZvY3VzIHtcbiAgICAgICAgICAgICAgdHJhbnNpdGlvbjogMHM7XG4gICAgICAgICAgICAgIGJvcmRlci1jb2xvcjogJHtjb21wb25lbnRWYXJzLmZpZWxkQm9yZGVyQ29sb3JGb2N1c307XG4gICAgICAgICAgICB9XG4gICAgICAgICAgfVxuICAgICAgICBgfVxuICAgICAgYH1cbiAgICAgIHsuLi5wcm9wc31cbiAgICAvPlxuICApLFxuKTtcblxuZXhwb3J0IGNvbnN0IEZpZWxkTGFiZWwgPSBmb3J3YXJkUmVmKCh7IGNoaWxkcmVuLCAuLi5wcm9wcyB9LCByZWYpID0+IChcbiAgPGxhYmVsXG4gICAgcmVmPXtyZWZ9XG4gICAgY3NzPXtjc3NgXG4gICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgIG1hcmdpbi1ib3R0b206IDRweDtcbiAgICBgfVxuICAgIHsuLi5wcm9wc31cbiAgPlxuICAgIHtjaGlsZHJlbn1cbiAgPC9sYWJlbD5cbikpO1xuIl19 */")
+    css: /*#__PURE__*/css(styles.transitions, ";appearance:none;border:none;font:inherit;color:inherit;background-color:transparent;transition-property:border-color;width:100%;border-radius:", getRadius('s'), ";height:", componentVars.textBoxHeight, ";padding:0 ", paddingRight, " 0 ", paddingLeft, ";outline:none;border:", componentVars.borderWidth, " solid ", getColor(hasError ? 'danger' : 'fade3'), ";&::placeholder{color:", getColor('grey5'), ";}&:disabled{background-color:", getColor('backgroundDisabled'), ";color:", getColor('contentDisabled'), ";}", !hasError && "\n          &:not(:disabled) {\n            &:hover {\n              border-color: ".concat(componentVars.fieldBorderColorHover, ";\n            }\n\n            &:focus {\n              transition: 0s;\n              border-color: ").concat(componentVars.fieldBorderColorFocus, ";\n            }\n          }\n        "), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:InputField;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9mb3VuZGF0aW9uYWwvZmllbGQuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1CYyIsImZpbGUiOiIuLi8uLi9zcmMvZm91bmRhdGlvbmFsL2ZpZWxkLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBnZXRDb2xvciwgZ2V0UmFkaXVzIH0gZnJvbSAnLi4vdXRpbGl0aWVzJztcbmltcG9ydCB7IGNvbXBvbmVudFZhcnMsIHN0eWxlcyB9IGZyb20gJy4vc3R5bGVzJztcblxuZXhwb3J0IGNvbnN0IElucHV0RmllbGQgPSBmb3J3YXJkUmVmKFxuICAoXG4gICAge1xuICAgICAgcGFkZGluZ0xlZnQgPSBjb21wb25lbnRWYXJzLmZpZWxkWFBhZGRpbmcsXG4gICAgICBwYWRkaW5nUmlnaHQgPSBjb21wb25lbnRWYXJzLmZpZWxkWFBhZGRpbmcsXG4gICAgICBoYXNFcnJvcixcbiAgICAgIGlzRGlzYWJsZWQsXG4gICAgICAuLi5wcm9wc1xuICAgIH0sXG4gICAgcmVmLFxuICApID0+IChcbiAgICA8aW5wdXRcbiAgICAgIGRpc2FibGVkPXtpc0Rpc2FibGVkfVxuICAgICAgcmVmPXtyZWZ9XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgJHtzdHlsZXMudHJhbnNpdGlvbnN9O1xuICAgICAgICBhcHBlYXJhbmNlOiBub25lO1xuICAgICAgICBib3JkZXI6IG5vbmU7XG4gICAgICAgIGZvbnQ6IGluaGVyaXQ7XG4gICAgICAgIGNvbG9yOiBpbmhlcml0O1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgICAgICAgdHJhbnNpdGlvbi1wcm9wZXJ0eTogYm9yZGVyLWNvbG9yO1xuICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgYm9yZGVyLXJhZGl1czogJHtnZXRSYWRpdXMoJ3MnKX07XG4gICAgICAgIGhlaWdodDogJHtjb21wb25lbnRWYXJzLnRleHRCb3hIZWlnaHR9O1xuICAgICAgICBwYWRkaW5nOiAwICR7cGFkZGluZ1JpZ2h0fSAwICR7cGFkZGluZ0xlZnR9O1xuICAgICAgICBvdXRsaW5lOiBub25lO1xuICAgICAgICBib3JkZXI6ICR7Y29tcG9uZW50VmFycy5ib3JkZXJXaWR0aH0gc29saWQgJHtnZXRDb2xvcihoYXNFcnJvciA/ICdkYW5nZXInIDogJ2ZhZGUzJyl9O1xuXG4gICAgICAgICY6OnBsYWNlaG9sZGVyIHtcbiAgICAgICAgICBjb2xvcjogJHtnZXRDb2xvcignZ3JleTUnKX07XG4gICAgICAgIH1cblxuICAgICAgICAmOmRpc2FibGVkIHtcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2dldENvbG9yKCdiYWNrZ3JvdW5kRGlzYWJsZWQnKX07XG4gICAgICAgICAgY29sb3I6ICR7Z2V0Q29sb3IoJ2NvbnRlbnREaXNhYmxlZCcpfTtcbiAgICAgICAgfVxuXG4gICAgICAgICR7IWhhc0Vycm9yICYmXG4gICAgICAgIGBcbiAgICAgICAgICAmOm5vdCg6ZGlzYWJsZWQpIHtcbiAgICAgICAgICAgICY6aG92ZXIge1xuICAgICAgICAgICAgICBib3JkZXItY29sb3I6ICR7Y29tcG9uZW50VmFycy5maWVsZEJvcmRlckNvbG9ySG92ZXJ9O1xuICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICAmOmZvY3VzIHtcbiAgICAgICAgICAgICAgdHJhbnNpdGlvbjogMHM7XG4gICAgICAgICAgICAgIGJvcmRlci1jb2xvcjogJHtjb21wb25lbnRWYXJzLmZpZWxkQm9yZGVyQ29sb3JGb2N1c307XG4gICAgICAgICAgICB9XG4gICAgICAgICAgfVxuICAgICAgICBgfVxuICAgICAgYH1cbiAgICAgIHsuLi5wcm9wc31cbiAgICAvPlxuICApLFxuKTtcblxuZXhwb3J0IGNvbnN0IEZpZWxkTGFiZWwgPSBmb3J3YXJkUmVmKCh7IGNoaWxkcmVuLCAuLi5wcm9wcyB9LCByZWYpID0+IChcbiAgPGxhYmVsXG4gICAgcmVmPXtyZWZ9XG4gICAgY3NzPXtjc3NgXG4gICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgIG1hcmdpbi1ib3R0b206IDRweDtcbiAgICAgIC8qIFRPRE86IHJlbW92ZSBhZnRlciBkZWxldGluZyBCb290c3RyYXAgKi9cbiAgICAgIGZvbnQtd2VpZ2h0OiB1bnNldDtcbiAgICBgfVxuICAgIHsuLi5wcm9wc31cbiAgPlxuICAgIHtjaGlsZHJlbn1cbiAgPC9sYWJlbD5cbikpO1xuXG5leHBvcnQgY29uc3QgSW5saW5lRmllbGRMYWJlbCA9IGZvcndhcmRSZWYoKHsgY2hpbGRyZW4sIC4uLnByb3BzIH0sIHJlZikgPT4gKFxuICA8bGFiZWxcbiAgICByZWY9e3JlZn1cbiAgICBjc3M9e2Nzc2BcbiAgICAgIC8qIFRPRE86IHJlbW92ZSBhZnRlciBkZWxldGluZyBCb290c3RyYXAgKi9cbiAgICAgIGZvbnQtd2VpZ2h0OiB1bnNldDtcbiAgICAgIGRpc3BsYXk6IHVuc2V0O1xuICAgICAgbWFyZ2luOiB1bnNldDtcbiAgICBgfVxuICAgIHsuLi5wcm9wc31cbiAgPlxuICAgIHtjaGlsZHJlbn1cbiAgPC9sYWJlbD5cbikpO1xuIl19 */")
   }, props));
 });
 
+var _ref2 = process.env.NODE_ENV === "production" ? {
+  name: "tjui0b",
+  styles: "display:block;margin-bottom:4px;font-weight:unset"
+} : {
+  name: "k3cn3d-FieldLabel",
+  styles: "display:block;margin-bottom:4px;font-weight:unset;label:FieldLabel;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9mb3VuZGF0aW9uYWwvZmllbGQuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlFWSIsImZpbGUiOiIuLi8uLi9zcmMvZm91bmRhdGlvbmFsL2ZpZWxkLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBnZXRDb2xvciwgZ2V0UmFkaXVzIH0gZnJvbSAnLi4vdXRpbGl0aWVzJztcbmltcG9ydCB7IGNvbXBvbmVudFZhcnMsIHN0eWxlcyB9IGZyb20gJy4vc3R5bGVzJztcblxuZXhwb3J0IGNvbnN0IElucHV0RmllbGQgPSBmb3J3YXJkUmVmKFxuICAoXG4gICAge1xuICAgICAgcGFkZGluZ0xlZnQgPSBjb21wb25lbnRWYXJzLmZpZWxkWFBhZGRpbmcsXG4gICAgICBwYWRkaW5nUmlnaHQgPSBjb21wb25lbnRWYXJzLmZpZWxkWFBhZGRpbmcsXG4gICAgICBoYXNFcnJvcixcbiAgICAgIGlzRGlzYWJsZWQsXG4gICAgICAuLi5wcm9wc1xuICAgIH0sXG4gICAgcmVmLFxuICApID0+IChcbiAgICA8aW5wdXRcbiAgICAgIGRpc2FibGVkPXtpc0Rpc2FibGVkfVxuICAgICAgcmVmPXtyZWZ9XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgJHtzdHlsZXMudHJhbnNpdGlvbnN9O1xuICAgICAgICBhcHBlYXJhbmNlOiBub25lO1xuICAgICAgICBib3JkZXI6IG5vbmU7XG4gICAgICAgIGZvbnQ6IGluaGVyaXQ7XG4gICAgICAgIGNvbG9yOiBpbmhlcml0O1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgICAgICAgdHJhbnNpdGlvbi1wcm9wZXJ0eTogYm9yZGVyLWNvbG9yO1xuICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgYm9yZGVyLXJhZGl1czogJHtnZXRSYWRpdXMoJ3MnKX07XG4gICAgICAgIGhlaWdodDogJHtjb21wb25lbnRWYXJzLnRleHRCb3hIZWlnaHR9O1xuICAgICAgICBwYWRkaW5nOiAwICR7cGFkZGluZ1JpZ2h0fSAwICR7cGFkZGluZ0xlZnR9O1xuICAgICAgICBvdXRsaW5lOiBub25lO1xuICAgICAgICBib3JkZXI6ICR7Y29tcG9uZW50VmFycy5ib3JkZXJXaWR0aH0gc29saWQgJHtnZXRDb2xvcihoYXNFcnJvciA/ICdkYW5nZXInIDogJ2ZhZGUzJyl9O1xuXG4gICAgICAgICY6OnBsYWNlaG9sZGVyIHtcbiAgICAgICAgICBjb2xvcjogJHtnZXRDb2xvcignZ3JleTUnKX07XG4gICAgICAgIH1cblxuICAgICAgICAmOmRpc2FibGVkIHtcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2dldENvbG9yKCdiYWNrZ3JvdW5kRGlzYWJsZWQnKX07XG4gICAgICAgICAgY29sb3I6ICR7Z2V0Q29sb3IoJ2NvbnRlbnREaXNhYmxlZCcpfTtcbiAgICAgICAgfVxuXG4gICAgICAgICR7IWhhc0Vycm9yICYmXG4gICAgICAgIGBcbiAgICAgICAgICAmOm5vdCg6ZGlzYWJsZWQpIHtcbiAgICAgICAgICAgICY6aG92ZXIge1xuICAgICAgICAgICAgICBib3JkZXItY29sb3I6ICR7Y29tcG9uZW50VmFycy5maWVsZEJvcmRlckNvbG9ySG92ZXJ9O1xuICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICAmOmZvY3VzIHtcbiAgICAgICAgICAgICAgdHJhbnNpdGlvbjogMHM7XG4gICAgICAgICAgICAgIGJvcmRlci1jb2xvcjogJHtjb21wb25lbnRWYXJzLmZpZWxkQm9yZGVyQ29sb3JGb2N1c307XG4gICAgICAgICAgICB9XG4gICAgICAgICAgfVxuICAgICAgICBgfVxuICAgICAgYH1cbiAgICAgIHsuLi5wcm9wc31cbiAgICAvPlxuICApLFxuKTtcblxuZXhwb3J0IGNvbnN0IEZpZWxkTGFiZWwgPSBmb3J3YXJkUmVmKCh7IGNoaWxkcmVuLCAuLi5wcm9wcyB9LCByZWYpID0+IChcbiAgPGxhYmVsXG4gICAgcmVmPXtyZWZ9XG4gICAgY3NzPXtjc3NgXG4gICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgIG1hcmdpbi1ib3R0b206IDRweDtcbiAgICAgIC8qIFRPRE86IHJlbW92ZSBhZnRlciBkZWxldGluZyBCb290c3RyYXAgKi9cbiAgICAgIGZvbnQtd2VpZ2h0OiB1bnNldDtcbiAgICBgfVxuICAgIHsuLi5wcm9wc31cbiAgPlxuICAgIHtjaGlsZHJlbn1cbiAgPC9sYWJlbD5cbikpO1xuXG5leHBvcnQgY29uc3QgSW5saW5lRmllbGRMYWJlbCA9IGZvcndhcmRSZWYoKHsgY2hpbGRyZW4sIC4uLnByb3BzIH0sIHJlZikgPT4gKFxuICA8bGFiZWxcbiAgICByZWY9e3JlZn1cbiAgICBjc3M9e2Nzc2BcbiAgICAgIC8qIFRPRE86IHJlbW92ZSBhZnRlciBkZWxldGluZyBCb290c3RyYXAgKi9cbiAgICAgIGZvbnQtd2VpZ2h0OiB1bnNldDtcbiAgICAgIGRpc3BsYXk6IHVuc2V0O1xuICAgICAgbWFyZ2luOiB1bnNldDtcbiAgICBgfVxuICAgIHsuLi5wcm9wc31cbiAgPlxuICAgIHtjaGlsZHJlbn1cbiAgPC9sYWJlbD5cbikpO1xuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+
+export var FieldLabel = /*#__PURE__*/forwardRef(function (_ref4, ref) {
+  var children = _ref4.children,
+      props = _objectWithoutProperties(_ref4, _excluded2);
+
+  return ___EmotionJSX("label", _extends({
+    ref: ref,
+    css: _ref2
+  }, props), children);
+});
+
 var _ref = process.env.NODE_ENV === "production" ? {
-  name: "1oawhp4",
-  styles: "display:block;margin-bottom:4px"
+  name: "1h2dh38",
+  styles: "font-weight:unset;display:unset;margin:unset"
 } : {
-  name: "kcfrrv-FieldLabel",
-  styles: "display:block;margin-bottom:4px;label:FieldLabel;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9mb3VuZGF0aW9uYWwvZmllbGQuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlFWSIsImZpbGUiOiIuLi8uLi9zcmMvZm91bmRhdGlvbmFsL2ZpZWxkLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBnZXRDb2xvciwgZ2V0UmFkaXVzIH0gZnJvbSAnLi4vdXRpbGl0aWVzJztcbmltcG9ydCB7IGNvbXBvbmVudFZhcnMsIHN0eWxlcyB9IGZyb20gJy4vc3R5bGVzJztcblxuZXhwb3J0IGNvbnN0IElucHV0RmllbGQgPSBmb3J3YXJkUmVmKFxuICAoXG4gICAge1xuICAgICAgcGFkZGluZ0xlZnQgPSBjb21wb25lbnRWYXJzLmZpZWxkWFBhZGRpbmcsXG4gICAgICBwYWRkaW5nUmlnaHQgPSBjb21wb25lbnRWYXJzLmZpZWxkWFBhZGRpbmcsXG4gICAgICBoYXNFcnJvcixcbiAgICAgIGlzRGlzYWJsZWQsXG4gICAgICAuLi5wcm9wc1xuICAgIH0sXG4gICAgcmVmLFxuICApID0+IChcbiAgICA8aW5wdXRcbiAgICAgIGRpc2FibGVkPXtpc0Rpc2FibGVkfVxuICAgICAgcmVmPXtyZWZ9XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgJHtzdHlsZXMudHJhbnNpdGlvbnN9O1xuICAgICAgICBhcHBlYXJhbmNlOiBub25lO1xuICAgICAgICBib3JkZXI6IG5vbmU7XG4gICAgICAgIGZvbnQ6IGluaGVyaXQ7XG4gICAgICAgIGNvbG9yOiBpbmhlcml0O1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgICAgICAgdHJhbnNpdGlvbi1wcm9wZXJ0eTogYm9yZGVyLWNvbG9yO1xuICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgYm9yZGVyLXJhZGl1czogJHtnZXRSYWRpdXMoJ3MnKX07XG4gICAgICAgIGhlaWdodDogJHtjb21wb25lbnRWYXJzLnRleHRCb3hIZWlnaHR9O1xuICAgICAgICBwYWRkaW5nOiAwICR7cGFkZGluZ1JpZ2h0fSAwICR7cGFkZGluZ0xlZnR9O1xuICAgICAgICBvdXRsaW5lOiBub25lO1xuICAgICAgICBib3JkZXI6ICR7Y29tcG9uZW50VmFycy5ib3JkZXJXaWR0aH0gc29saWQgJHtnZXRDb2xvcihoYXNFcnJvciA/ICdkYW5nZXInIDogJ2ZhZGUzJyl9O1xuXG4gICAgICAgICY6OnBsYWNlaG9sZGVyIHtcbiAgICAgICAgICBjb2xvcjogJHtnZXRDb2xvcignZ3JleTUnKX07XG4gICAgICAgIH1cblxuICAgICAgICAmOmRpc2FibGVkIHtcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2dldENvbG9yKCdiYWNrZ3JvdW5kRGlzYWJsZWQnKX07XG4gICAgICAgICAgY29sb3I6ICR7Z2V0Q29sb3IoJ2NvbnRlbnREaXNhYmxlZCcpfTtcbiAgICAgICAgfVxuXG4gICAgICAgICR7IWhhc0Vycm9yICYmXG4gICAgICAgIGBcbiAgICAgICAgICAmOm5vdCg6ZGlzYWJsZWQpIHtcbiAgICAgICAgICAgICY6aG92ZXIge1xuICAgICAgICAgICAgICBib3JkZXItY29sb3I6ICR7Y29tcG9uZW50VmFycy5maWVsZEJvcmRlckNvbG9ySG92ZXJ9O1xuICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICAmOmZvY3VzIHtcbiAgICAgICAgICAgICAgdHJhbnNpdGlvbjogMHM7XG4gICAgICAgICAgICAgIGJvcmRlci1jb2xvcjogJHtjb21wb25lbnRWYXJzLmZpZWxkQm9yZGVyQ29sb3JGb2N1c307XG4gICAgICAgICAgICB9XG4gICAgICAgICAgfVxuICAgICAgICBgfVxuICAgICAgYH1cbiAgICAgIHsuLi5wcm9wc31cbiAgICAvPlxuICApLFxuKTtcblxuZXhwb3J0IGNvbnN0IEZpZWxkTGFiZWwgPSBmb3J3YXJkUmVmKCh7IGNoaWxkcmVuLCAuLi5wcm9wcyB9LCByZWYpID0+IChcbiAgPGxhYmVsXG4gICAgcmVmPXtyZWZ9XG4gICAgY3NzPXtjc3NgXG4gICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgIG1hcmdpbi1ib3R0b206IDRweDtcbiAgICBgfVxuICAgIHsuLi5wcm9wc31cbiAgPlxuICAgIHtjaGlsZHJlbn1cbiAgPC9sYWJlbD5cbikpO1xuIl19 */",
+  name: "owp0pl-InlineFieldLabel",
+  styles: "font-weight:unset;display:unset;margin:unset;label:InlineFieldLabel;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9mb3VuZGF0aW9uYWwvZmllbGQuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdGWSIsImZpbGUiOiIuLi8uLi9zcmMvZm91bmRhdGlvbmFsL2ZpZWxkLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBnZXRDb2xvciwgZ2V0UmFkaXVzIH0gZnJvbSAnLi4vdXRpbGl0aWVzJztcbmltcG9ydCB7IGNvbXBvbmVudFZhcnMsIHN0eWxlcyB9IGZyb20gJy4vc3R5bGVzJztcblxuZXhwb3J0IGNvbnN0IElucHV0RmllbGQgPSBmb3J3YXJkUmVmKFxuICAoXG4gICAge1xuICAgICAgcGFkZGluZ0xlZnQgPSBjb21wb25lbnRWYXJzLmZpZWxkWFBhZGRpbmcsXG4gICAgICBwYWRkaW5nUmlnaHQgPSBjb21wb25lbnRWYXJzLmZpZWxkWFBhZGRpbmcsXG4gICAgICBoYXNFcnJvcixcbiAgICAgIGlzRGlzYWJsZWQsXG4gICAgICAuLi5wcm9wc1xuICAgIH0sXG4gICAgcmVmLFxuICApID0+IChcbiAgICA8aW5wdXRcbiAgICAgIGRpc2FibGVkPXtpc0Rpc2FibGVkfVxuICAgICAgcmVmPXtyZWZ9XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgJHtzdHlsZXMudHJhbnNpdGlvbnN9O1xuICAgICAgICBhcHBlYXJhbmNlOiBub25lO1xuICAgICAgICBib3JkZXI6IG5vbmU7XG4gICAgICAgIGZvbnQ6IGluaGVyaXQ7XG4gICAgICAgIGNvbG9yOiBpbmhlcml0O1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgICAgICAgdHJhbnNpdGlvbi1wcm9wZXJ0eTogYm9yZGVyLWNvbG9yO1xuICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgYm9yZGVyLXJhZGl1czogJHtnZXRSYWRpdXMoJ3MnKX07XG4gICAgICAgIGhlaWdodDogJHtjb21wb25lbnRWYXJzLnRleHRCb3hIZWlnaHR9O1xuICAgICAgICBwYWRkaW5nOiAwICR7cGFkZGluZ1JpZ2h0fSAwICR7cGFkZGluZ0xlZnR9O1xuICAgICAgICBvdXRsaW5lOiBub25lO1xuICAgICAgICBib3JkZXI6ICR7Y29tcG9uZW50VmFycy5ib3JkZXJXaWR0aH0gc29saWQgJHtnZXRDb2xvcihoYXNFcnJvciA/ICdkYW5nZXInIDogJ2ZhZGUzJyl9O1xuXG4gICAgICAgICY6OnBsYWNlaG9sZGVyIHtcbiAgICAgICAgICBjb2xvcjogJHtnZXRDb2xvcignZ3JleTUnKX07XG4gICAgICAgIH1cblxuICAgICAgICAmOmRpc2FibGVkIHtcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2dldENvbG9yKCdiYWNrZ3JvdW5kRGlzYWJsZWQnKX07XG4gICAgICAgICAgY29sb3I6ICR7Z2V0Q29sb3IoJ2NvbnRlbnREaXNhYmxlZCcpfTtcbiAgICAgICAgfVxuXG4gICAgICAgICR7IWhhc0Vycm9yICYmXG4gICAgICAgIGBcbiAgICAgICAgICAmOm5vdCg6ZGlzYWJsZWQpIHtcbiAgICAgICAgICAgICY6aG92ZXIge1xuICAgICAgICAgICAgICBib3JkZXItY29sb3I6ICR7Y29tcG9uZW50VmFycy5maWVsZEJvcmRlckNvbG9ySG92ZXJ9O1xuICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICAmOmZvY3VzIHtcbiAgICAgICAgICAgICAgdHJhbnNpdGlvbjogMHM7XG4gICAgICAgICAgICAgIGJvcmRlci1jb2xvcjogJHtjb21wb25lbnRWYXJzLmZpZWxkQm9yZGVyQ29sb3JGb2N1c307XG4gICAgICAgICAgICB9XG4gICAgICAgICAgfVxuICAgICAgICBgfVxuICAgICAgYH1cbiAgICAgIHsuLi5wcm9wc31cbiAgICAvPlxuICApLFxuKTtcblxuZXhwb3J0IGNvbnN0IEZpZWxkTGFiZWwgPSBmb3J3YXJkUmVmKCh7IGNoaWxkcmVuLCAuLi5wcm9wcyB9LCByZWYpID0+IChcbiAgPGxhYmVsXG4gICAgcmVmPXtyZWZ9XG4gICAgY3NzPXtjc3NgXG4gICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgIG1hcmdpbi1ib3R0b206IDRweDtcbiAgICAgIC8qIFRPRE86IHJlbW92ZSBhZnRlciBkZWxldGluZyBCb290c3RyYXAgKi9cbiAgICAgIGZvbnQtd2VpZ2h0OiB1bnNldDtcbiAgICBgfVxuICAgIHsuLi5wcm9wc31cbiAgPlxuICAgIHtjaGlsZHJlbn1cbiAgPC9sYWJlbD5cbikpO1xuXG5leHBvcnQgY29uc3QgSW5saW5lRmllbGRMYWJlbCA9IGZvcndhcmRSZWYoKHsgY2hpbGRyZW4sIC4uLnByb3BzIH0sIHJlZikgPT4gKFxuICA8bGFiZWxcbiAgICByZWY9e3JlZn1cbiAgICBjc3M9e2Nzc2BcbiAgICAgIC8qIFRPRE86IHJlbW92ZSBhZnRlciBkZWxldGluZyBCb290c3RyYXAgKi9cbiAgICAgIGZvbnQtd2VpZ2h0OiB1bnNldDtcbiAgICAgIGRpc3BsYXk6IHVuc2V0O1xuICAgICAgbWFyZ2luOiB1bnNldDtcbiAgICBgfVxuICAgIHsuLi5wcm9wc31cbiAgPlxuICAgIHtjaGlsZHJlbn1cbiAgPC9sYWJlbD5cbikpO1xuIl19 */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 
-export var FieldLabel = /*#__PURE__*/forwardRef(function (_ref3, ref) {
-  var children = _ref3.children,
-      props = _objectWithoutProperties(_ref3, _excluded2);
+export var InlineFieldLabel = /*#__PURE__*/forwardRef(function (_ref5, ref) {
+  var children = _ref5.children,
+      props = _objectWithoutProperties(_ref5, _excluded3);
 
   return ___EmotionJSX("label", _extends({
     ref: ref,

package/es/foundational/index.js

@@ -1,3 +1,3 @@
 export { MenuCard, MenuGroupTitle, MenuItem } from './menu';
-export { InputField, FieldLabel } from './field';
+export { InputField, FieldLabel, InlineFieldLabel } from './field';
 export { componentVars, styles, getClearButtonStyles } from './styles';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flodesk/grain",
-  "version": "5.21.0",
+  "version": "5.21.2",
   "description": "Flodesk design system",
   "module": "es/index.js",
   "author": "Flodesk",