@flodesk/grain 11.69.0-next.11 → 11.69.0-next.12
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/es/foundational/field.js
CHANGED
|
@@ -17,7 +17,7 @@ import PropTypes from 'prop-types';
|
|
|
17
17
|
// fix for safari v16, incorrect color when read-only
|
|
18
18
|
import { jsx as ___EmotionJSX } from "@emotion/react";
|
|
19
19
|
const safari16Fix = "\n @supports (hanging-punctuation: first) and (not (text-transform: full-size-kana)) {\n &:not(:placeholder-shown) {\n -webkit-text-fill-color: ".concat(getColor('content'), ";\n }\n &:placeholder-shown {\n -webkit-text-fill-color: var(--grn-field-placeholder-color);\n }\n &:not([data-headlessui-state=\"disabled\"] &) {\n opacity: 1;\n }\n }\n");
|
|
20
|
-
export const fieldDisabledStyles = "\n background-color: var(--grn-field-background-disabled);\n border-color: var(--grn-field-border-color-disabled);\n";
|
|
20
|
+
export const fieldDisabledStyles = "\n color: var(--grn-color-disabledContent);\n background-color: var(--grn-field-background-disabled);\n border-color: var(--grn-field-border-color-disabled);\n";
|
|
21
21
|
export const fieldPlaceholderStyles = "\n /* these selectors are needed to force the color */\n &:not(:disabled, :read-only)::placeholder,\n &:disabled::placeholder,\n &:read-only::placeholder {\n color: var(--grn-field-placeholder-color);\n }\n";
|
|
22
22
|
export const getFieldStyles = _ref => {
|
|
23
23
|
let {
|
|
@@ -51,7 +51,7 @@ const InputFieldRoot = /*#__PURE__*/_styled("input", process.env.NODE_ENV === "p
|
|
|
51
51
|
size
|
|
52
52
|
} = _ref4;
|
|
53
53
|
return "var(--grn-textbox-height-".concat(size, ")");
|
|
54
|
-
}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
54
|
+
}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9mb3VuZGF0aW9uYWwvZmllbGQuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdGbUMiLCJmaWxlIjoiLi4vLi4vc3JjL2ZvdW5kYXRpb25hbC9maWVsZC5qc3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgVGV4dCwgSWNvbkJ1dHRvbiB9IGZyb20gJy4uL2NvbXBvbmVudHMnO1xuaW1wb3J0IHsgSWNvbkNyb3NzIH0gZnJvbSAnLi4vaWNvbnMnO1xuaW1wb3J0IHsgZ2V0Q29sb3IsIGdldFJhZGl1cywgZ2V0U3BhY2UsIGdldFRyYW5zaXRpb24sIGdldFdlaWdodCB9IGZyb20gJy4uL3V0aWxpdGllcyc7XG5pbXBvcnQgeyBzdHlsZXMgfSBmcm9tICcuL3N0eWxlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyB0eXBlcyB9IGZyb20gJy4uL3R5cGVzJztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5cbi8vIGZpeCBmb3Igc2FmYXJpIHYxNiwgaW5jb3JyZWN0IGNvbG9yIHdoZW4gcmVhZC1vbmx5XG5jb25zdCBzYWZhcmkxNkZpeCA9IGBcbiAgQHN1cHBvcnRzIChoYW5naW5nLXB1bmN0dWF0aW9uOiBmaXJzdCkgYW5kIChub3QgKHRleHQtdHJhbnNmb3JtOiBmdWxsLXNpemUta2FuYSkpIHtcbiAgICAmOm5vdCg6cGxhY2Vob2xkZXItc2hvd24pIHtcbiAgICAgIC13ZWJraXQtdGV4dC1maWxsLWNvbG9yOiAke2dldENvbG9yKCdjb250ZW50Jyl9O1xuICAgIH1cbiAgICAmOnBsYWNlaG9sZGVyLXNob3duIHtcbiAgICAgIC13ZWJraXQtdGV4dC1maWxsLWNvbG9yOiB2YXIoLS1ncm4tZmllbGQtcGxhY2Vob2xkZXItY29sb3IpO1xuICAgIH1cbiAgICAmOm5vdChbZGF0YS1oZWFkbGVzc3VpLXN0YXRlPVwiZGlzYWJsZWRcIl0gJikge1xuICAgICAgb3BhY2l0eTogMTtcbiAgICB9XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBmaWVsZERpc2FibGVkU3R5bGVzID0gYFxuICBjb2xvcjogdmFyKC0tZ3JuLWNvbG9yLWRpc2FibGVkQ29udGVudCk7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWdybi1maWVsZC1iYWNrZ3JvdW5kLWRpc2FibGVkKTtcbiAgYm9yZGVyLWNvbG9yOiB2YXIoLS1ncm4tZmllbGQtYm9yZGVyLWNvbG9yLWRpc2FibGVkKTtcbmA7XG5cbmV4cG9ydCBjb25zdCBmaWVsZFBsYWNlaG9sZGVyU3R5bGVzID0gYFxuICAvKiB0aGVzZSBzZWxlY3RvcnMgYXJlIG5lZWRlZCB0byBmb3JjZSB0aGUgY29sb3IgKi9cbiAgJjpub3QoOmRpc2FibGVkLCA6cmVhZC1vbmx5KTo6cGxhY2Vob2xkZXIsXG4gICY6ZGlzYWJsZWQ6OnBsYWNlaG9sZGVyLFxuICAmOnJlYWQtb25seTo6cGxhY2Vob2xkZXIge1xuICAgIGNvbG9yOiB2YXIoLS1ncm4tZmllbGQtcGxhY2Vob2xkZXItY29sb3IpO1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgZ2V0RmllbGRTdHlsZXMgPSAoeyBoYXNFcnJvciwgYmFja2dyb3VuZENvbG9yIH0pID0+IGBcbiAgJHtzdHlsZXMudHJhbnNpdGlvbnN9O1xuICBhcHBlYXJhbmNlOiBub25lO1xuICBkaXNwbGF5OiBibG9jaztcbiAgZm9udDogaW5oZXJpdDtcbiAgY29sb3I6IGluaGVyaXQ7XG4gIHRyYW5zaXRpb24tcHJvcGVydHk6IGJvcmRlci1jb2xvcjtcbiAgd2lkdGg6IDEwMCU7XG4gIGJvcmRlci1yYWRpdXM6ICR7Z2V0UmFkaXVzKCdzJyl9O1xuXG4gIG91dGxpbmU6IG5vbmU7XG4gIGJvcmRlcjogdmFyKC0tZ3JuLWJvcmRlci1zaXplKSBzb2xpZDtcbiAgYm9yZGVyLWNvbG9yOiAke2dldENvbG9yKGhhc0Vycm9yID8gJ2NvbnRlbnREYW5nZXInIDogJ3ZhcigtLWdybi1maWVsZC1ib3JkZXItY29sb3IpJyl9O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2dldENvbG9yKGJhY2tncm91bmRDb2xvciA/IGJhY2tncm91bmRDb2xvciA6ICd2YXIoLS1ncm4tZmllbGQtYmFja2dyb3VuZCknKX07XG4gICR7ZmllbGRQbGFjZWhvbGRlclN0eWxlc307XG5cbiAgJjpkaXNhYmxlZCB7XG4gICAgJHtmaWVsZERpc2FibGVkU3R5bGVzfVxuICB9XG4gICY6cmVhZC1vbmx5IHtcbiAgICAke2ZpZWxkRGlzYWJsZWRTdHlsZXN9O1xuICAgICR7c2FmYXJpMTZGaXh9O1xuICB9XG5cbiAgJHtcbiAgICAhaGFzRXJyb3IgJiZcbiAgICBgXG4gICAgJjpub3QoOmRpc2FibGVkLCA6cmVhZC1vbmx5KSB7XG4gICAgICAmOmhvdmVyIHtcbiAgICAgICAgYm9yZGVyLWNvbG9yOiB2YXIoLS1ncm4tZmllbGQtYm9yZGVyLWNvbG9yLWhvdmVyKTtcbiAgICAgIH1cblxuICAgICAgJjpmb2N1cyB7XG4gICAgICAgIHRyYW5zaXRpb246IHZhcigtLWdybi10cmFuc2l0aW9uLWFjdGl2ZSk7XG4gICAgICAgIGJvcmRlci1jb2xvcjogdmFyKC0tZ3JuLWZpZWxkLWJvcmRlci1jb2xvci1mb2N1cyk7XG4gICAgICB9XG4gICAgfVxuICBgXG4gIH1cbmA7XG5cbmNvbnN0IElucHV0RmllbGRSb290ID0gc3R5bGVkLmlucHV0YFxuICAkeyh7IGhhc0Vycm9yLCBiYWNrZ3JvdW5kQ29sb3IgfSkgPT4gZ2V0RmllbGRTdHlsZXMoeyBoYXNFcnJvciwgYmFja2dyb3VuZENvbG9yIH0pfTtcbiAgcGFkZGluZzogJHsoeyBwYWRkaW5nTGVmdCwgcGFkZGluZ1JpZ2h0IH0pID0+XG4gICAgYDAgJHtnZXRTcGFjZShwYWRkaW5nUmlnaHQpfSAwICR7Z2V0U3BhY2UocGFkZGluZ0xlZnQpfWB9O1xuICBoZWlnaHQ6ICR7KHsgc2l6ZSB9KSA9PiBgdmFyKC0tZ3JuLXRleHRib3gtaGVpZ2h0LSR7c2l6ZX0pYH07XG5gO1xuXG5leHBvcnQgY29uc3QgSW5wdXRGaWVsZCA9IGZvcndhcmRSZWYoZnVuY3Rpb24gSW5wdXRGaWVsZChcbiAge1xuICAgIHBhZGRpbmdMZWZ0LFxuICAgIHBhZGRpbmdSaWdodCxcbiAgICBoYXNFcnJvcixcbiAgICBpc1JlYWRPbmx5LFxuICAgIGlzRGlzYWJsZWQsXG4gICAgYmFja2dyb3VuZENvbG9yLFxuICAgIHNpemUgPSAnbScsXG4gICAgLi4ucHJvcHNcbiAgfSxcbiAgcmVmLFxuKSB7XG4gIGNvbnN0IHBhZGRpbmdYID0gYHZhcigtLWdybi1maWVsZC1wYWRkaW5nWC0ke3NpemV9KWA7XG4gIHJldHVybiAoXG4gICAgPElucHV0RmllbGRSb290XG4gICAgICBwYWRkaW5nTGVmdD17cGFkZGluZ0xlZnQgfHwgcGFkZGluZ1h9XG4gICAgICBwYWRkaW5nUmlnaHQ9e3BhZGRpbmdSaWdodCB8fCBwYWRkaW5nWH1cbiAgICAgIHNpemU9e3NpemV9XG4gICAgICByZWFkT25seT17aXNSZWFkT25seX1cbiAgICAgIGRpc2FibGVkPXtpc0Rpc2FibGVkfVxuICAgICAgcmVmPXtyZWZ9XG4gICAgICBoYXNFcnJvcj17aGFzRXJyb3J9XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I9e2JhY2tncm91bmRDb2xvcn1cbiAgICAgIHsuLi5wcm9wc31cbiAgICAvPlxuICApO1xufSk7XG5cbklucHV0RmllbGQucHJvcFR5cGVzID0ge1xuICBwYWRkaW5nTGVmdDogdHlwZXMuc3BhY2UsXG4gIHBhZGRpbmdSaWdodDogdHlwZXMuc3BhY2UsXG4gIGhhc0Vycm9yOiBQcm9wVHlwZXMuYm9vbCxcbiAgaXNSZWFkT25seTogUHJvcFR5cGVzLmJvb2wsXG4gIGlzRGlzYWJsZWQ6IFByb3BUeXBlcy5ib29sLFxuICBiYWNrZ3JvdW5kQ29sb3I6IHR5cGVzLmNvbG9yLFxuICBzaXplOiBQcm9wVHlwZXMub25lT2YoWydtJywgJ2wnXSksXG59O1xuXG5jb25zdCBGaWVsZExhYmVsUm9vdCA9IHN0eWxlZC5sYWJlbGBcbiAgZGlzcGxheTogYmxvY2s7XG4gIGZvbnQtd2VpZ2h0OiAke2dldFdlaWdodCgnbWVkaXVtJyl9O1xuICB0cmFuc2l0aW9uOiAke2dldFRyYW5zaXRpb24oJ2Zhc3QnKX07XG5cbiAgLyogVE9ETzogcmVtb3ZlIGFmdGVyIGRlbGV0aW5nIEJvb3RzdHJhcCAqL1xuICBtYXJnaW46IHVuc2V0O1xuYDtcblxuZXhwb3J0IGNvbnN0IEZpZWxkTGFiZWwgPSBmb3J3YXJkUmVmKGZ1bmN0aW9uIEZpZWxkTGFiZWwoeyBjaGlsZHJlbiwgLi4ucHJvcHMgfSwgcmVmKSB7XG4gIHJldHVybiAoXG4gICAgPEZpZWxkTGFiZWxSb290IHJlZj17cmVmfSB7Li4ucHJvcHN9PlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvRmllbGRMYWJlbFJvb3Q+XG4gICk7XG59KTtcblxuRmllbGRMYWJlbC5wcm9wVHlwZXMgPSB7XG4gIGNoaWxkcmVuOiBQcm9wVHlwZXMubm9kZSxcbn07XG5cbmV4cG9ydCBjb25zdCBGaWVsZEhpbnQgPSBmb3J3YXJkUmVmKGZ1bmN0aW9uIEZpZWxkSGludCh7IGNoaWxkcmVuLCAuLi5wcm9wcyB9LCByZWYpIHtcbiAgcmV0dXJuIChcbiAgICA8VGV4dCBjb2xvcj1cImNvbnRlbnQyXCIgcmVmPXtyZWZ9IHsuLi5wcm9wc30+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9UZXh0PlxuICApO1xufSk7XG5cbkZpZWxkSGludC5wcm9wVHlwZXMgPSB7XG4gIGNoaWxkcmVuOiBQcm9wVHlwZXMubm9kZSxcbn07XG5cbmV4cG9ydCBjb25zdCBGaWVsZENsZWFyQnV0dG9uID0gKHsgb25DbGljaywgdGFnID0gJ2J1dHRvbicsIC4uLnByb3BzIH0pID0+IChcbiAgPEljb25CdXR0b24gaWNvbj17PEljb25Dcm9zcyAvPn0gb25DbGljaz17b25DbGlja30gdGFnPXt0YWd9IHsuLi5wcm9wc30gLz5cbik7XG5cbkZpZWxkQ2xlYXJCdXR0b24ucHJvcFR5cGVzID0ge1xuICBvbkNsaWNrOiBQcm9wVHlwZXMuZnVuYyxcbiAgdGFnOiB0eXBlcy5idXR0b25UYWcsXG59O1xuIl19 */"));
|
|
55
55
|
export const InputField = /*#__PURE__*/forwardRef(function InputField(_ref5, ref) {
|
|
56
56
|
let {
|
|
57
57
|
paddingLeft,
|
|
@@ -89,7 +89,7 @@ const FieldLabelRoot = /*#__PURE__*/_styled("label", process.env.NODE_ENV === "p
|
|
|
89
89
|
} : {
|
|
90
90
|
target: "e1swxi6p0",
|
|
91
91
|
label: "FieldLabelRoot"
|
|
92
|
-
})("display:block;font-weight:", getWeight('medium'), ";transition:", getTransition('fast'), ";margin:unset;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
92
|
+
})("display:block;font-weight:", getWeight('medium'), ";transition:", getTransition('fast'), ";margin:unset;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9mb3VuZGF0aW9uYWwvZmllbGQuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQThIbUMiLCJmaWxlIjoiLi4vLi4vc3JjL2ZvdW5kYXRpb25hbC9maWVsZC5qc3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgVGV4dCwgSWNvbkJ1dHRvbiB9IGZyb20gJy4uL2NvbXBvbmVudHMnO1xuaW1wb3J0IHsgSWNvbkNyb3NzIH0gZnJvbSAnLi4vaWNvbnMnO1xuaW1wb3J0IHsgZ2V0Q29sb3IsIGdldFJhZGl1cywgZ2V0U3BhY2UsIGdldFRyYW5zaXRpb24sIGdldFdlaWdodCB9IGZyb20gJy4uL3V0aWxpdGllcyc7XG5pbXBvcnQgeyBzdHlsZXMgfSBmcm9tICcuL3N0eWxlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyB0eXBlcyB9IGZyb20gJy4uL3R5cGVzJztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5cbi8vIGZpeCBmb3Igc2FmYXJpIHYxNiwgaW5jb3JyZWN0IGNvbG9yIHdoZW4gcmVhZC1vbmx5XG5jb25zdCBzYWZhcmkxNkZpeCA9IGBcbiAgQHN1cHBvcnRzIChoYW5naW5nLXB1bmN0dWF0aW9uOiBmaXJzdCkgYW5kIChub3QgKHRleHQtdHJhbnNmb3JtOiBmdWxsLXNpemUta2FuYSkpIHtcbiAgICAmOm5vdCg6cGxhY2Vob2xkZXItc2hvd24pIHtcbiAgICAgIC13ZWJraXQtdGV4dC1maWxsLWNvbG9yOiAke2dldENvbG9yKCdjb250ZW50Jyl9O1xuICAgIH1cbiAgICAmOnBsYWNlaG9sZGVyLXNob3duIHtcbiAgICAgIC13ZWJraXQtdGV4dC1maWxsLWNvbG9yOiB2YXIoLS1ncm4tZmllbGQtcGxhY2Vob2xkZXItY29sb3IpO1xuICAgIH1cbiAgICAmOm5vdChbZGF0YS1oZWFkbGVzc3VpLXN0YXRlPVwiZGlzYWJsZWRcIl0gJikge1xuICAgICAgb3BhY2l0eTogMTtcbiAgICB9XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBmaWVsZERpc2FibGVkU3R5bGVzID0gYFxuICBjb2xvcjogdmFyKC0tZ3JuLWNvbG9yLWRpc2FibGVkQ29udGVudCk7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWdybi1maWVsZC1iYWNrZ3JvdW5kLWRpc2FibGVkKTtcbiAgYm9yZGVyLWNvbG9yOiB2YXIoLS1ncm4tZmllbGQtYm9yZGVyLWNvbG9yLWRpc2FibGVkKTtcbmA7XG5cbmV4cG9ydCBjb25zdCBmaWVsZFBsYWNlaG9sZGVyU3R5bGVzID0gYFxuICAvKiB0aGVzZSBzZWxlY3RvcnMgYXJlIG5lZWRlZCB0byBmb3JjZSB0aGUgY29sb3IgKi9cbiAgJjpub3QoOmRpc2FibGVkLCA6cmVhZC1vbmx5KTo6cGxhY2Vob2xkZXIsXG4gICY6ZGlzYWJsZWQ6OnBsYWNlaG9sZGVyLFxuICAmOnJlYWQtb25seTo6cGxhY2Vob2xkZXIge1xuICAgIGNvbG9yOiB2YXIoLS1ncm4tZmllbGQtcGxhY2Vob2xkZXItY29sb3IpO1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgZ2V0RmllbGRTdHlsZXMgPSAoeyBoYXNFcnJvciwgYmFja2dyb3VuZENvbG9yIH0pID0+IGBcbiAgJHtzdHlsZXMudHJhbnNpdGlvbnN9O1xuICBhcHBlYXJhbmNlOiBub25lO1xuICBkaXNwbGF5OiBibG9jaztcbiAgZm9udDogaW5oZXJpdDtcbiAgY29sb3I6IGluaGVyaXQ7XG4gIHRyYW5zaXRpb24tcHJvcGVydHk6IGJvcmRlci1jb2xvcjtcbiAgd2lkdGg6IDEwMCU7XG4gIGJvcmRlci1yYWRpdXM6ICR7Z2V0UmFkaXVzKCdzJyl9O1xuXG4gIG91dGxpbmU6IG5vbmU7XG4gIGJvcmRlcjogdmFyKC0tZ3JuLWJvcmRlci1zaXplKSBzb2xpZDtcbiAgYm9yZGVyLWNvbG9yOiAke2dldENvbG9yKGhhc0Vycm9yID8gJ2NvbnRlbnREYW5nZXInIDogJ3ZhcigtLWdybi1maWVsZC1ib3JkZXItY29sb3IpJyl9O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2dldENvbG9yKGJhY2tncm91bmRDb2xvciA/IGJhY2tncm91bmRDb2xvciA6ICd2YXIoLS1ncm4tZmllbGQtYmFja2dyb3VuZCknKX07XG4gICR7ZmllbGRQbGFjZWhvbGRlclN0eWxlc307XG5cbiAgJjpkaXNhYmxlZCB7XG4gICAgJHtmaWVsZERpc2FibGVkU3R5bGVzfVxuICB9XG4gICY6cmVhZC1vbmx5IHtcbiAgICAke2ZpZWxkRGlzYWJsZWRTdHlsZXN9O1xuICAgICR7c2FmYXJpMTZGaXh9O1xuICB9XG5cbiAgJHtcbiAgICAhaGFzRXJyb3IgJiZcbiAgICBgXG4gICAgJjpub3QoOmRpc2FibGVkLCA6cmVhZC1vbmx5KSB7XG4gICAgICAmOmhvdmVyIHtcbiAgICAgICAgYm9yZGVyLWNvbG9yOiB2YXIoLS1ncm4tZmllbGQtYm9yZGVyLWNvbG9yLWhvdmVyKTtcbiAgICAgIH1cblxuICAgICAgJjpmb2N1cyB7XG4gICAgICAgIHRyYW5zaXRpb246IHZhcigtLWdybi10cmFuc2l0aW9uLWFjdGl2ZSk7XG4gICAgICAgIGJvcmRlci1jb2xvcjogdmFyKC0tZ3JuLWZpZWxkLWJvcmRlci1jb2xvci1mb2N1cyk7XG4gICAgICB9XG4gICAgfVxuICBgXG4gIH1cbmA7XG5cbmNvbnN0IElucHV0RmllbGRSb290ID0gc3R5bGVkLmlucHV0YFxuICAkeyh7IGhhc0Vycm9yLCBiYWNrZ3JvdW5kQ29sb3IgfSkgPT4gZ2V0RmllbGRTdHlsZXMoeyBoYXNFcnJvciwgYmFja2dyb3VuZENvbG9yIH0pfTtcbiAgcGFkZGluZzogJHsoeyBwYWRkaW5nTGVmdCwgcGFkZGluZ1JpZ2h0IH0pID0+XG4gICAgYDAgJHtnZXRTcGFjZShwYWRkaW5nUmlnaHQpfSAwICR7Z2V0U3BhY2UocGFkZGluZ0xlZnQpfWB9O1xuICBoZWlnaHQ6ICR7KHsgc2l6ZSB9KSA9PiBgdmFyKC0tZ3JuLXRleHRib3gtaGVpZ2h0LSR7c2l6ZX0pYH07XG5gO1xuXG5leHBvcnQgY29uc3QgSW5wdXRGaWVsZCA9IGZvcndhcmRSZWYoZnVuY3Rpb24gSW5wdXRGaWVsZChcbiAge1xuICAgIHBhZGRpbmdMZWZ0LFxuICAgIHBhZGRpbmdSaWdodCxcbiAgICBoYXNFcnJvcixcbiAgICBpc1JlYWRPbmx5LFxuICAgIGlzRGlzYWJsZWQsXG4gICAgYmFja2dyb3VuZENvbG9yLFxuICAgIHNpemUgPSAnbScsXG4gICAgLi4ucHJvcHNcbiAgfSxcbiAgcmVmLFxuKSB7XG4gIGNvbnN0IHBhZGRpbmdYID0gYHZhcigtLWdybi1maWVsZC1wYWRkaW5nWC0ke3NpemV9KWA7XG4gIHJldHVybiAoXG4gICAgPElucHV0RmllbGRSb290XG4gICAgICBwYWRkaW5nTGVmdD17cGFkZGluZ0xlZnQgfHwgcGFkZGluZ1h9XG4gICAgICBwYWRkaW5nUmlnaHQ9e3BhZGRpbmdSaWdodCB8fCBwYWRkaW5nWH1cbiAgICAgIHNpemU9e3NpemV9XG4gICAgICByZWFkT25seT17aXNSZWFkT25seX1cbiAgICAgIGRpc2FibGVkPXtpc0Rpc2FibGVkfVxuICAgICAgcmVmPXtyZWZ9XG4gICAgICBoYXNFcnJvcj17aGFzRXJyb3J9XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I9e2JhY2tncm91bmRDb2xvcn1cbiAgICAgIHsuLi5wcm9wc31cbiAgICAvPlxuICApO1xufSk7XG5cbklucHV0RmllbGQucHJvcFR5cGVzID0ge1xuICBwYWRkaW5nTGVmdDogdHlwZXMuc3BhY2UsXG4gIHBhZGRpbmdSaWdodDogdHlwZXMuc3BhY2UsXG4gIGhhc0Vycm9yOiBQcm9wVHlwZXMuYm9vbCxcbiAgaXNSZWFkT25seTogUHJvcFR5cGVzLmJvb2wsXG4gIGlzRGlzYWJsZWQ6IFByb3BUeXBlcy5ib29sLFxuICBiYWNrZ3JvdW5kQ29sb3I6IHR5cGVzLmNvbG9yLFxuICBzaXplOiBQcm9wVHlwZXMub25lT2YoWydtJywgJ2wnXSksXG59O1xuXG5jb25zdCBGaWVsZExhYmVsUm9vdCA9IHN0eWxlZC5sYWJlbGBcbiAgZGlzcGxheTogYmxvY2s7XG4gIGZvbnQtd2VpZ2h0OiAke2dldFdlaWdodCgnbWVkaXVtJyl9O1xuICB0cmFuc2l0aW9uOiAke2dldFRyYW5zaXRpb24oJ2Zhc3QnKX07XG5cbiAgLyogVE9ETzogcmVtb3ZlIGFmdGVyIGRlbGV0aW5nIEJvb3RzdHJhcCAqL1xuICBtYXJnaW46IHVuc2V0O1xuYDtcblxuZXhwb3J0IGNvbnN0IEZpZWxkTGFiZWwgPSBmb3J3YXJkUmVmKGZ1bmN0aW9uIEZpZWxkTGFiZWwoeyBjaGlsZHJlbiwgLi4ucHJvcHMgfSwgcmVmKSB7XG4gIHJldHVybiAoXG4gICAgPEZpZWxkTGFiZWxSb290IHJlZj17cmVmfSB7Li4ucHJvcHN9PlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvRmllbGRMYWJlbFJvb3Q+XG4gICk7XG59KTtcblxuRmllbGRMYWJlbC5wcm9wVHlwZXMgPSB7XG4gIGNoaWxkcmVuOiBQcm9wVHlwZXMubm9kZSxcbn07XG5cbmV4cG9ydCBjb25zdCBGaWVsZEhpbnQgPSBmb3J3YXJkUmVmKGZ1bmN0aW9uIEZpZWxkSGludCh7IGNoaWxkcmVuLCAuLi5wcm9wcyB9LCByZWYpIHtcbiAgcmV0dXJuIChcbiAgICA8VGV4dCBjb2xvcj1cImNvbnRlbnQyXCIgcmVmPXtyZWZ9IHsuLi5wcm9wc30+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9UZXh0PlxuICApO1xufSk7XG5cbkZpZWxkSGludC5wcm9wVHlwZXMgPSB7XG4gIGNoaWxkcmVuOiBQcm9wVHlwZXMubm9kZSxcbn07XG5cbmV4cG9ydCBjb25zdCBGaWVsZENsZWFyQnV0dG9uID0gKHsgb25DbGljaywgdGFnID0gJ2J1dHRvbicsIC4uLnByb3BzIH0pID0+IChcbiAgPEljb25CdXR0b24gaWNvbj17PEljb25Dcm9zcyAvPn0gb25DbGljaz17b25DbGlja30gdGFnPXt0YWd9IHsuLi5wcm9wc30gLz5cbik7XG5cbkZpZWxkQ2xlYXJCdXR0b24ucHJvcFR5cGVzID0ge1xuICBvbkNsaWNrOiBQcm9wVHlwZXMuZnVuYyxcbiAgdGFnOiB0eXBlcy5idXR0b25UYWcsXG59O1xuIl19 */"));
|
|
93
93
|
export const FieldLabel = /*#__PURE__*/forwardRef(function FieldLabel(_ref6, ref) {
|
|
94
94
|
let {
|
|
95
95
|
children
|
|
@@ -2,7 +2,7 @@ const legacyVariables = "\n :root {\n --grn-textbox-textSize-s: var(--grn-te
|
|
|
2
2
|
export const borderVariables = "\n :root {\n --grn-border-size: 1px;\n }\n";
|
|
3
3
|
const capValue = "\n :root {\n @supports not (font-size: 1cap) { --grn-cap-value: 0.74em }\n @supports (font-size: 1cap) { --grn-cap-value: 1cap }\n\n @supports not (height: 1lh) { --grn-lh-value: var(--grn-lineHeight-global) }\n @supports (height: 1lh) { --grn-lh-value: 1lh }\n }\n";
|
|
4
4
|
export const capVariables = "\n :root {\n --grn-cap: var(--grn-cap-value);\n --grn-lh: var(--grn-lh-value);\n\n --grn-cap-lh-offset: calc((var(--grn-lh) - var(--grn-cap)) / 2);\n --grn-cap-lh-offset-neg: calc((var(--grn-lh) - var(--grn-cap)) / -2);\n }\n";
|
|
5
|
-
export const fieldVariables = "\n :root, [data-theme], .grn-scope-next {\n --grn-field-paddingX: var(--grn-space-s2);\n --grn-field-paddingX-m: var(--grn-space-s2);\n --grn-field-paddingX-l: var(--grn-textbox-paddingX-l);\n\n --grn-field-border-color: transparent;\n --grn-field-border-color-hover: var(--grn-color-
|
|
5
|
+
export const fieldVariables = "\n :root, [data-theme], .grn-scope-next {\n --grn-field-paddingX: var(--grn-space-s2);\n --grn-field-paddingX-m: var(--grn-space-s2);\n --grn-field-paddingX-l: var(--grn-textbox-paddingX-l);\n\n --grn-field-border-color: transparent;\n --grn-field-border-color-hover: var(--grn-color-fade4);\n --grn-field-border-color-focus: var(--grn-color-shade7);\n --grn-field-border-color-disabled: transparent;\n --grn-field-background: var(--grn-color-shade3);\n --grn-field-background-disabled: var(--grn-color-shade3);\n --grn-field-placeholder-color: var(--grn-color-shade7);\n }\n";
|
|
6
6
|
const experiments = "\n [data-experiment-compact-textbox=\"true\"] {\n --grn-textBoxHeight: 36px;\n\n --grn-textbox-height-m: 36px;\n --grn-textbox-paddingX-m: var(--grn-space-s2);\n }\n :root [data-experiment-lighter-fields='true'],\n [data-theme][data-experiment-lighter-fields='true'] {\n --grn-field-border-color: var(--grn-color-fade2);\n }\n\n [data-experiment-match-button-and-field-padding=\"true\"] {\n --grn-field-paddingX: 14px;\n --grn-field-paddingX-m: 14px;\n --grn-textbox-paddingX-m: 14px;\n }\n";
|
|
7
7
|
export const textboxVariables = "\n :root {\n --grn-textbox-height-s: 28px;\n --grn-textbox-paddingX-s: var(--grn-space-s);\n --grn-textbox-radius-s: var(--grn-radius-xs);\n --grn-textbox-text-s: var(--grn-text-s);\n\n --grn-textbox-height-m: 40px;\n --grn-textbox-paddingX-m: var(--grn-space-m);\n --grn-textbox-radius-m: var(--grn-radius-s);\n --grn-textbox-text-m: var(--grn-text-m);\n\n --grn-textbox-height-l: 48px;\n --grn-textbox-paddingX-l: 18px;\n --grn-textbox-radius-l: var(--grn-radius-m);\n --grn-textbox-text-l: var(--grn-text-m);\n }\n";
|
|
8
8
|
export const clearbuttonVariables = "\n :root {\n --grn-clearbutton-height: 36px;\n }\n";
|