@artsy/palette 45.13.0 → 45.14.0-canary.1497.33065.0

package/dist/esm/helpers/injectGlobalStyles.js

@@ -0,0 +1,16 @@
+import { themeGet } from "@styled-system/theme-get";
+import { createGlobalStyle } from "styled-components";
+
+/**
+ * Injects globally relevant styles, including helper classes for our Typography.
+ * Apps that use palette should mount this component at the root of their tree.
+ */
+// eslint-disable-next-line @typescript-eslint/ban-types
+export function injectGlobalStyles(additionalStyles) {
+  var GlobalStyles = createGlobalStyle(["html{box-sizing:border-box;}*,*::before,*::after{box-sizing:inherit;}&:focus{outline:0;}&:focus-visible{outline:1px solid ", ";}::selection{background-color:", ";color:", ";}html,body,#root{-webkit-tap-highlight-color:transparent;height:100%;}body{margin:0;padding:0;}html,body{font-family:", ";font-size:", ";line-height:", ";background-color:", ";color:", ";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;}a{cursor:pointer;color:inherit;transition:color 0.25s;text-decoration:underline;&:hover{color:", ";}&:active{color:", ";}}h1,h2,h3,h4,h5,h6{font-style:inherit;font-family:inherit;font-weight:inherit;font-size:inherit;margin:0;}dl,dt,dd{margin:0;}ol,ul{list-style:none;margin:0;padding:0;}", ";"], themeGet("colors.blue100"), themeGet("colors.blue15"), themeGet("colors.mono100"), themeGet("fonts.sans"), themeGet("textVariants.sm.fontSize"), themeGet("textVariants.sm.lineHeight"), themeGet("colors.mono0"), themeGet("colors.mono100"), themeGet("colors.mono100"), themeGet("colors.mono100"), additionalStyles);
+  GlobalStyles.displayName = "GlobalStyles";
+  return {
+    GlobalStyles: GlobalStyles
+  };
+}
+//# sourceMappingURL=injectGlobalStyles.js.map

package/dist/esm/helpers/injectGlobalStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"injectGlobalStyles.js","names":["themeGet","createGlobalStyle","injectGlobalStyles","additionalStyles","GlobalStyles","displayName"],"sources":["../../../src/helpers/injectGlobalStyles.tsx"],"sourcesContent":["import { themeGet } from \"@styled-system/theme-get\"\nimport { createGlobalStyle, css } from \"styled-components\"\n\n/**\n * Injects globally relevant styles, including helper classes for our Typography.\n * Apps that use palette should mount this component at the root of their tree.\n */\n// eslint-disable-next-line @typescript-eslint/ban-types\nexport function injectGlobalStyles<P extends object>(\n  additionalStyles?: string | ReturnType<typeof css>\n) {\n  const GlobalStyles = createGlobalStyle<P>`\n    html {\n      box-sizing: border-box;\n    }\n\n    *,\n    *::before,\n    *::after {\n      box-sizing: inherit;\n    }\n\n    &:focus {\n      outline: 0;\n    }\n\n    &:focus-visible {\n      outline: 1px solid ${themeGet(\"colors.blue100\")};\n    }\n\n    ::selection {\n      background-color: ${themeGet(\"colors.blue15\")};\n      color: ${themeGet(\"colors.mono100\")};\n    }\n\n    html,\n    body,\n    #root {\n      -webkit-tap-highlight-color: transparent;\n      height: 100%;\n    }\n\n    body {\n      margin: 0;\n      padding: 0;\n    }\n\n    html, body {\n      font-family: ${themeGet(\"fonts.sans\")};\n      font-size: ${themeGet(\"textVariants.sm.fontSize\")};\n      line-height: ${themeGet(\"textVariants.sm.lineHeight\")};\n      background-color: ${themeGet(\"colors.mono0\")};\n      color: ${themeGet(\"colors.mono100\")};\n      -webkit-font-smoothing: antialiased;\n      -moz-osx-font-smoothing: grayscale;\n      text-rendering: optimizeLegibility;\n    }\n\n    a {\n      cursor: pointer;\n      color: inherit;\n      transition: color 0.25s;\n      text-decoration: underline;\n\n      &:hover {\n        color: ${themeGet(\"colors.mono100\")};\n      }\n\n      &:active {\n        color: ${themeGet(\"colors.mono100\")};\n      }\n    }\n\n    h1,\n    h2,\n    h3,\n    h4,\n    h5,\n    h6 {\n      font-style: inherit;\n      font-family: inherit;\n      font-weight: inherit;\n      font-size: inherit;\n      margin: 0;\n    }\n\n    dl,\n    dt,\n    dd {\n      margin: 0;\n    }\n\n    ol,\n    ul {\n      list-style: none;\n      margin: 0;\n      padding: 0;\n    }\n\n    ${additionalStyles};\n  `\n\n  GlobalStyles.displayName = \"GlobalStyles\"\n\n  return {\n    GlobalStyles,\n  }\n}\n"],"mappings":"AAAA,SAASA,QAAQ,QAAQ,0BAA0B;AACnD,SAASC,iBAAiB,QAAa,mBAAmB;;AAE1D;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,kBAAkBA,CAChCC,gBAAkD,EAClD;EACA,IAAMC,YAAY,GAAGH,iBAAiB,4vBAgBbD,QAAQ,CAAC,gBAAgB,CAAC,EAI3BA,QAAQ,CAAC,eAAe,CAAC,EACpCA,QAAQ,CAAC,gBAAgB,CAAC,EAgBpBA,QAAQ,CAAC,YAAY,CAAC,EACxBA,QAAQ,CAAC,0BAA0B,CAAC,EAClCA,QAAQ,CAAC,4BAA4B,CAAC,EACjCA,QAAQ,CAAC,cAAc,CAAC,EACnCA,QAAQ,CAAC,gBAAgB,CAAC,EAaxBA,QAAQ,CAAC,gBAAgB,CAAC,EAI1BA,QAAQ,CAAC,gBAAgB,CAAC,EA8BrCG,gBAAgB,CACnB;EAEDC,YAAY,CAACC,WAAW,GAAG,cAAc;EAEzC,OAAO;IACLD,YAAY,EAAZA;EACF,CAAC;AACH"}

package/dist/esm/helpers/isReactNative.js

@@ -0,0 +1,12 @@
+/**
+ * A helper used to detect if we're running in a React Native environment. Useful For
+ * universal (shared) platform code.
+ */
+export function isReactNative() {
+  if (typeof navigator !== "undefined" && navigator.product === "ReactNative") {
+    return true;
+  } else {
+    return false;
+  }
+}
+//# sourceMappingURL=isReactNative.js.map

package/dist/esm/helpers/isReactNative.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"isReactNative.js","names":["isReactNative","navigator","product"],"sources":["../../../src/helpers/isReactNative.tsx"],"sourcesContent":["/**\n * A helper used to detect if we're running in a React Native environment. Useful For\n * universal (shared) platform code.\n */\nexport function isReactNative(): boolean {\n  if (typeof navigator !== \"undefined\" && navigator.product === \"ReactNative\") {\n    return true\n  } else {\n    return false\n  }\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA,OAAO,SAASA,aAAaA,CAAA,EAAY;EACvC,IAAI,OAAOC,SAAS,KAAK,WAAW,IAAIA,SAAS,CAACC,OAAO,KAAK,aAAa,EAAE;IAC3E,OAAO,IAAI;EACb,CAAC,MAAM;IACL,OAAO,KAAK;EACd;AACF"}

package/dist/esm/helpers/isText.js

@@ -0,0 +1,23 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+import React from "react";
+var REACT_FRAGMENT_TYPE = /*#__PURE__*/React.createElement(React.Fragment, null).type;
+
+/**
+ * Check whether a `children` prop is text — e.g. just a string (or interpolated string)
+ */
+var _isText = function isText(children) {
+  // If children is an object, it may be simple, just wrapped in a fragment(s)
+  // `><>Example</><`
+  if (!!children && _typeof(children) === "object" && "type" in children && children.type === REACT_FRAGMENT_TYPE) {
+    return _isText(children.props.children);
+  }
+
+  // Non-fragment interpolated children is an array:
+  // `>Exmaple ({2 + 2})<` => ["Example (", 4, ")"]
+  if (Array.isArray(children)) {
+    return children.every(_isText);
+  }
+  return typeof children === "string" || typeof children === "number";
+};
+export { _isText as isText };
+//# sourceMappingURL=isText.js.map

package/dist/esm/helpers/isText.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"isText.js","names":["React","REACT_FRAGMENT_TYPE","createElement","Fragment","type","isText","children","_typeof","props","Array","isArray","every","_isText"],"sources":["../../../src/helpers/isText.tsx"],"sourcesContent":["import React, { ReactNode } from \"react\"\n\nconst REACT_FRAGMENT_TYPE = (<></>).type\n\n/**\n * Check whether a `children` prop is text — e.g. just a string (or interpolated string)\n */\nexport const isText = (children: ReactNode) => {\n  // If children is an object, it may be simple, just wrapped in a fragment(s)\n  // `><>Example</><`\n  if (\n    !!children &&\n    typeof children === \"object\" &&\n    \"type\" in children &&\n    children.type === REACT_FRAGMENT_TYPE\n  ) {\n    return isText(children.props.children)\n  }\n\n  // Non-fragment interpolated children is an array:\n  // `>Exmaple ({2 + 2})<` => [\"Example (\", 4, \")\"]\n  if (Array.isArray(children)) {\n    return children.every(isText)\n  }\n\n  return typeof children === \"string\" || typeof children === \"number\"\n}\n"],"mappings":";AAAA,OAAOA,KAAK,MAAqB,OAAO;AAExC,IAAMC,mBAAmB,GAAG,aAACD,KAAA,CAAAE,aAAA,CAAAF,KAAA,CAAAG,QAAA,OAAK,CAAEC,IAAI;;AAExC;AACA;AACA;AACO,IAAMC,OAAM,GAAG,SAATA,MAAMA,CAAIC,QAAmB,EAAK;EAC7C;EACA;EACA,IACE,CAAC,CAACA,QAAQ,IACVC,OAAA,CAAOD,QAAQ,MAAK,QAAQ,IAC5B,MAAM,IAAIA,QAAQ,IAClBA,QAAQ,CAACF,IAAI,KAAKH,mBAAmB,EACrC;IACA,OAAOI,OAAM,CAACC,QAAQ,CAACE,KAAK,CAACF,QAAQ,CAAC;EACxC;;EAEA;EACA;EACA,IAAIG,KAAK,CAACC,OAAO,CAACJ,QAAQ,CAAC,EAAE;IAC3B,OAAOA,QAAQ,CAACK,KAAK,CAACN,OAAM,CAAC;EAC/B;EAEA,OAAO,OAAOC,QAAQ,KAAK,QAAQ,IAAI,OAAOA,QAAQ,KAAK,QAAQ;AACrE,CAAC;AAAA,SAAAM,OAAA,IAAAP,MAAA"}

package/dist/esm/helpers/media.js

@@ -0,0 +1,40 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import { css } from "styled-components";
+import { breakpoints } from "../Theme";
+/**
+ * A helper to construct media query strings for responsive style targeting.
+ *
+ * @example
+ *
+ * const Panel = styled.div`
+ *   ${media.sm`
+ *     width: 50%;
+ *   `}
+ *   ${media.lg`
+ *     width: 100%;
+ *   `}
+ * `
+ */
+export var media = Object.entries(breakpoints).reduce(function (accumulator, _ref) {
+  var _ref2 = _slicedToArray(_ref, 2),
+    label = _ref2[0],
+    value = _ref2[1];
+  return _objectSpread(_objectSpread({}, accumulator), {}, _defineProperty({}, label, function (strings) {
+    for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+      args[_key - 1] = arguments[_key];
+    }
+    return css(["@media (max-width:", "){", ";}"], value, css.apply(void 0, [strings].concat(args)));
+  }));
+}, {});
+//# sourceMappingURL=media.js.map

package/dist/esm/helpers/media.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"media.js","names":["css","breakpoints","media","Object","entries","reduce","accumulator","_ref","_ref2","_slicedToArray","label","value","_objectSpread","_defineProperty","strings","_len","arguments","length","args","Array","_key","apply","concat"],"sources":["../../../src/helpers/media.ts"],"sourcesContent":["import { css } from \"styled-components\"\nimport { breakpoints } from \"../Theme\"\n\ntype Media = { [S in keyof typeof breakpoints]: typeof css }\n\n/**\n * A helper to construct media query strings for responsive style targeting.\n *\n * @example\n *\n * const Panel = styled.div`\n *   ${media.sm`\n *     width: 50%;\n *   `}\n *   ${media.lg`\n *     width: 100%;\n *   `}\n * `\n */\nexport const media: Media = Object.entries(breakpoints).reduce(\n  (accumulator, [label, value]) => {\n    return {\n      ...accumulator,\n      [label]: (strings, ...args) => css`\n        @media (max-width: ${value}) {\n          ${css(strings, ...args)};\n        }\n      `,\n    }\n  },\n  {}\n) as Media\n"],"mappings":";;;;;;;;;;;;AAAA,SAASA,GAAG,QAAQ,mBAAmB;AACvC,SAASC,WAAW;AAIpB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMC,KAAY,GAAGC,MAAM,CAACC,OAAO,CAACH,WAAW,CAAC,CAACI,MAAM,CAC5D,UAACC,WAAW,EAAAC,IAAA,EAAqB;EAAA,IAAAC,KAAA,GAAAC,cAAA,CAAAF,IAAA;IAAlBG,KAAK,GAAAF,KAAA;IAAEG,KAAK,GAAAH,KAAA;EACzB,OAAAI,aAAA,CAAAA,aAAA,KACKN,WAAW,OAAAO,eAAA,KACbH,KAAK,EAAG,UAACI,OAAO;IAAA,SAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAKC,IAAI,OAAAC,KAAA,CAAAJ,IAAA,OAAAA,IAAA,WAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA;MAAJF,IAAI,CAAAE,IAAA,QAAAJ,SAAA,CAAAI,IAAA;IAAA;IAAA,OAAKpB,GAAG,qCACXW,KAAK,EACtBX,GAAG,CAAAqB,KAAA,UAACP,OAAO,EAAAQ,MAAA,CAAKJ,IAAI,EAAC;EAAA,CAE1B;AAEL,CAAC,EACD,CAAC,CAAC,CACM"}

package/dist/esm/helpers/space.js

@@ -0,0 +1,12 @@
+import { THEME } from "../Theme";
+
+/**
+ * A helper to easily access space values when not in a styled-components or
+ * styled-systems context.
+ *
+ * @deprecated use component spacing props, or `themeGet('space.n')`
+ */
+export var space = function space(spaceKey) {
+  return parseInt(THEME.space[spaceKey], 10);
+};
+//# sourceMappingURL=space.js.map

package/dist/esm/helpers/space.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"space.js","names":["THEME","space","spaceKey","parseInt"],"sources":["../../../src/helpers/space.ts"],"sourcesContent":["import { SpacingUnit, THEME } from \"../Theme\"\n\n/**\n * A helper to easily access space values when not in a styled-components or\n * styled-systems context.\n *\n * @deprecated use component spacing props, or `themeGet('space.n')`\n */\nexport const space = (spaceKey: SpacingUnit): number => {\n  return parseInt(THEME.space[spaceKey], 10)\n}\n"],"mappings":"AAAA,SAAsBA,KAAK;;AAE3B;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMC,KAAK,GAAG,SAARA,KAAKA,CAAIC,QAAqB,EAAa;EACtD,OAAOC,QAAQ,CAACH,KAAK,CAACC,KAAK,CAACC,QAAQ,CAAC,EAAE,EAAE,CAAC;AAC5C,CAAC"}

package/dist/esm/helpers/transition.js

@@ -0,0 +1,4 @@
+/** Transition specifically for the StyledLabel and Container in multiple components.
+ * It animates color, transform, padding, and font-size properties with 0.25s duration and custom cubic-bezier easing function. **/
+export var FORM_ELEMENT_TRANSITION = "0.25s cubic-bezier(0.64, 0.05, 0.36, 1)";
+//# sourceMappingURL=transition.js.map

package/dist/esm/helpers/transition.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"transition.js","names":["FORM_ELEMENT_TRANSITION"],"sources":["../../../src/helpers/transition.ts"],"sourcesContent":["/** Transition specifically for the StyledLabel and Container in multiple components.\n * It animates color, transform, padding, and font-size properties with 0.25s duration and custom cubic-bezier easing function. **/\nexport const FORM_ELEMENT_TRANSITION = \"0.25s cubic-bezier(0.64, 0.05, 0.36, 1)\"\n"],"mappings":"AAAA;AACA;AACA,OAAO,IAAMA,uBAAuB,GAAG,yCAAyC"}

package/dist/esm/helpers/visuallyDisableScrollbar.js

@@ -0,0 +1,7 @@
+import { css } from "styled-components";
+
+/**
+ * Mixin that disables the scrollbar
+ */
+export var visuallyDisableScrollbar = css(["-ms-overflow-style:none;scrollbar-width:none;&::-webkit-scrollbar{display:none;}"]);
+//# sourceMappingURL=visuallyDisableScrollbar.js.map

package/dist/esm/helpers/visuallyDisableScrollbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"visuallyDisableScrollbar.js","names":["css","visuallyDisableScrollbar"],"sources":["../../../src/helpers/visuallyDisableScrollbar.ts"],"sourcesContent":["import { css } from \"styled-components\"\n\n/**\n * Mixin that disables the scrollbar\n */\nexport const visuallyDisableScrollbar = css`\n  /* IE 10+ */\n  -ms-overflow-style: none;\n  /* Firefox */\n  scrollbar-width: none;\n  /* Safari and Chrome */\n  &::-webkit-scrollbar {\n    display: none;\n  }\n`\n"],"mappings":"AAAA,SAASA,GAAG,QAAQ,mBAAmB;;AAEvC;AACA;AACA;AACA,OAAO,IAAMC,wBAAwB,GAAGD,GAAG,sFAS1C"}

package/dist/esm/index.js

@@ -0,0 +1,5 @@
+export * from "./elements";
+export * from "./helpers";
+export * from "./Theme";
+export * from "./utils";
+//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../src/index.tsx"],"sourcesContent":["export * from \"./elements\"\nexport * from \"./helpers\"\nexport * from \"./Theme\"\nexport * from \"./utils\"\n"],"mappings":"AAAA;AACA;AACA;AACA"}

package/dist/esm/shared/RequiredField.js

@@ -0,0 +1,12 @@
+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); }
+import React from "react";
+import { Text } from "../elements";
+export var RequiredField = function RequiredField(props) {
+  return /*#__PURE__*/React.createElement(Text, _extends({
+    variant: "xs",
+    color: props.disabled ? "mono30" : "mono60",
+    textAlign: "left"
+  }, props), "*Required");
+};
+RequiredField.displayName = "RequiredField";
+//# sourceMappingURL=RequiredField.js.map

package/dist/esm/shared/RequiredField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RequiredField.js","names":["React","Text","RequiredField","props","createElement","_extends","variant","color","disabled","textAlign","displayName"],"sources":["../../../src/shared/RequiredField.tsx"],"sourcesContent":["import React from \"react\"\nimport { Text, TextProps } from \"../elements\"\n\nexport const RequiredField: React.FC<\n  React.PropsWithChildren<TextProps & { disabled?: boolean }>\n> = (props) => {\n  return (\n    <Text\n      variant=\"xs\"\n      color={props.disabled ? \"mono30\" : \"mono60\"}\n      textAlign=\"left\"\n      {...props}\n    >\n      *Required\n    </Text>\n  )\n}\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI;AAEb,OAAO,IAAMC,aAEZ,GAAG,SAFSA,aAEZA,CAAIC,KAAK,EAAK;EACb,oBACEH,KAAA,CAAAI,aAAA,CAACH,IAAI,EAAAI,QAAA;IACHC,OAAO,EAAC,IAAI;IACZC,KAAK,EAAEJ,KAAK,CAACK,QAAQ,GAAG,QAAQ,GAAG,QAAS;IAC5CC,SAAS,EAAC;EAAM,GACZN,KAAK,GACV,WAED,CAAO;AAEX,CAAC;AAbYD,aAEZ,CAAAQ,WAAA"}