@artsy/palette 36.0.0-canary.1250.28474.0 → 36.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (72) hide show
  1. package/dist/elements/BorderedRadio/BorderedRadio.d.ts +20 -20
  2. package/dist/elements/Input/Input.d.ts +0 -3
  3. package/dist/elements/Input/Input.js +15 -59
  4. package/dist/elements/Input/Input.js.map +1 -1
  5. package/dist/elements/Input/Input.story.js +0 -14
  6. package/dist/elements/Input/Input.story.js.map +1 -1
  7. package/dist/elements/Input/tokens.js +6 -7
  8. package/dist/elements/Input/tokens.js.map +1 -1
  9. package/dist/elements/Input/types.d.ts +1 -1
  10. package/dist/elements/Input/types.js.map +1 -1
  11. package/dist/elements/Label/Label.js +2 -2
  12. package/dist/elements/Label/Label.js.map +1 -1
  13. package/dist/elements/LabeledInput/LabeledInput.d.ts +1 -2
  14. package/dist/elements/LabeledInput/LabeledInput.js +10 -12
  15. package/dist/elements/LabeledInput/LabeledInput.js.map +1 -1
  16. package/dist/elements/LabeledInput/LabeledInput.story.js +0 -12
  17. package/dist/elements/LabeledInput/LabeledInput.story.js.map +1 -1
  18. package/dist/elements/Pill/Pill.d.ts +5 -5
  19. package/dist/elements/Pill/Pill.js +4 -4
  20. package/dist/elements/Pill/Pill.js.map +1 -1
  21. package/dist/elements/Pill/Pill.story.js +3 -3
  22. package/dist/elements/Pill/Pill.story.js.map +1 -1
  23. package/dist/elements/Pill/tokens.js +13 -5
  24. package/dist/elements/Pill/tokens.js.map +1 -1
  25. package/dist/elements/Range/Range.js +4 -16
  26. package/dist/elements/Range/Range.js.map +1 -1
  27. package/dist/elements/Select/Select.d.ts +2 -0
  28. package/dist/elements/Select/Select.js +28 -25
  29. package/dist/elements/Select/Select.js.map +1 -1
  30. package/dist/elements/Select/Select.story.d.ts +1 -0
  31. package/dist/elements/Select/Select.story.js +34 -16
  32. package/dist/elements/Select/Select.story.js.map +1 -1
  33. package/dist/elements/Select/tokens.d.ts +7 -2
  34. package/dist/elements/Select/tokens.js +5 -6
  35. package/dist/elements/Select/tokens.js.map +1 -1
  36. package/dist/elements/Select/types.d.ts +2 -1
  37. package/dist/elements/Select/types.js.map +1 -1
  38. package/dist/elements/Stack/Stack.d.ts +15 -0
  39. package/dist/elements/Stack/Stack.js +24 -0
  40. package/dist/elements/Stack/Stack.js.map +1 -0
  41. package/dist/elements/Stack/Stack.story.js +48 -0
  42. package/dist/elements/Stack/Stack.story.js.map +1 -0
  43. package/dist/elements/Stack/index.d.ts +1 -0
  44. package/dist/elements/{PhoneInput → Stack}/index.js +4 -4
  45. package/dist/elements/Stack/index.js.map +1 -0
  46. package/dist/elements/TextArea/TextArea.d.ts +1 -1
  47. package/dist/elements/TextArea/TextArea.js +26 -34
  48. package/dist/elements/TextArea/TextArea.js.map +1 -1
  49. package/dist/elements/TextArea/tokens.js +6 -7
  50. package/dist/elements/TextArea/tokens.js.map +1 -1
  51. package/dist/elements/TextArea/types.d.ts +1 -1
  52. package/dist/elements/TextArea/types.js.map +1 -1
  53. package/dist/elements/index.d.ts +1 -1
  54. package/dist/elements/index.js +11 -11
  55. package/dist/elements/index.js.map +1 -1
  56. package/dist/themes/Themes.story.js +39 -1
  57. package/dist/themes/Themes.story.js.map +1 -1
  58. package/package.json +3 -3
  59. package/dist/elements/PhoneInput/PhoneInput.d.ts +0 -33
  60. package/dist/elements/PhoneInput/PhoneInput.js +0 -319
  61. package/dist/elements/PhoneInput/PhoneInput.js.map +0 -1
  62. package/dist/elements/PhoneInput/PhoneInput.story.js +0 -207
  63. package/dist/elements/PhoneInput/PhoneInput.story.js.map +0 -1
  64. package/dist/elements/PhoneInput/index.d.ts +0 -1
  65. package/dist/elements/PhoneInput/index.js.map +0 -1
  66. package/dist/elements/PhoneInput/tokens.d.ts +0 -9
  67. package/dist/elements/PhoneInput/tokens.js +0 -19
  68. package/dist/elements/PhoneInput/tokens.js.map +0 -1
  69. package/dist/shared/RequiredField.d.ts +0 -3
  70. package/dist/shared/RequiredField.js +0 -20
  71. package/dist/shared/RequiredField.js.map +0 -1
  72. /package/dist/elements/{PhoneInput/PhoneInput.story.d.ts → Stack/Stack.story.d.ts} +0 -0
@@ -1,19 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.PHONE_INPUT_STATES = void 0;
7
- var _themeGet = require("@styled-system/theme-get");
8
- var _styledComponents = require("styled-components");
9
- var PHONE_INPUT_STATES = {
10
- default: (0, _styledComponents.css)(["> div{border-color:", ";}> input{border-color:", ";outline:none;}> input::placeholder,> label{color:", ";}"], (0, _themeGet.themeGet)("colors.black30"), (0, _themeGet.themeGet)("colors.black30"), (0, _themeGet.themeGet)("colors.black60")),
11
- active: (0, _styledComponents.css)(["> div,> input{border-color:", ";color:", ";}> input::placeholder{color:", ";}> label{color:", ";}"], (0, _themeGet.themeGet)("colors.blue100"), (0, _themeGet.themeGet)("colors.black100"), (0, _themeGet.themeGet)("colors.black100"), (0, _themeGet.themeGet)("colors.blue100")),
12
- focus: (0, _styledComponents.css)(["> div,> input{border-color:", ";}> input::placeholder{color:", ";}> label{color:", ";}"], (0, _themeGet.themeGet)("colors.blue100"), (0, _themeGet.themeGet)("colors.black60"), (0, _themeGet.themeGet)("colors.blue100")),
13
- hover: (0, _styledComponents.css)(["> div,> input{border-color:", ";}> input::placeholder,> label{color:", ";}"], (0, _themeGet.themeGet)("colors.black100"), (0, _themeGet.themeGet)("colors.black100")),
14
- completed: (0, _styledComponents.css)(["> div,> input{border-color:", ";color:", ";}> label{color:", ";}"], (0, _themeGet.themeGet)("colors.black60"), (0, _themeGet.themeGet)("colors.black100"), (0, _themeGet.themeGet)("colors.black60")),
15
- disabled: (0, _styledComponents.css)(["> div,> input{cursor:default;background-color:transparent;border-color:", ";}> input::placeholder,> label{color:", ";}"], (0, _themeGet.themeGet)("colors.black30"), (0, _themeGet.themeGet)("colors.black30")),
16
- error: (0, _styledComponents.css)(["> div,> input{border-color:", ";}> label{color:", ";}"], (0, _themeGet.themeGet)("colors.red100"), (0, _themeGet.themeGet)("colors.red100"))
17
- };
18
- exports.PHONE_INPUT_STATES = PHONE_INPUT_STATES;
19
- //# sourceMappingURL=tokens.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"tokens.js","names":["_themeGet","require","_styledComponents","PHONE_INPUT_STATES","default","css","themeGet","active","focus","hover","completed","disabled","error","exports"],"sources":["../../../src/elements/PhoneInput/tokens.tsx"],"sourcesContent":["import { themeGet } from \"@styled-system/theme-get\"\nimport { css } from \"styled-components\"\n\nexport const PHONE_INPUT_STATES = {\n default: css`\n > div {\n border-color: ${themeGet(\"colors.black30\")};\n }\n\n > input {\n border-color: ${themeGet(\"colors.black30\")};\n outline: none;\n }\n\n > input::placeholder,\n > label {\n color: ${themeGet(\"colors.black60\")};\n }\n `,\n active: css`\n > div,\n > input {\n border-color: ${themeGet(\"colors.blue100\")};\n color: ${themeGet(\"colors.black100\")};\n }\n\n > input::placeholder {\n color: ${themeGet(\"colors.black100\")};\n }\n\n > label {\n color: ${themeGet(\"colors.blue100\")};\n }\n `,\n focus: css`\n > div,\n > input {\n border-color: ${themeGet(\"colors.blue100\")};\n }\n\n > input::placeholder {\n color: ${themeGet(\"colors.black60\")};\n }\n\n > label {\n color: ${themeGet(\"colors.blue100\")};\n }\n `,\n hover: css`\n > div,\n > input {\n border-color: ${themeGet(\"colors.black100\")};\n }\n\n > input::placeholder,\n > label {\n color: ${themeGet(\"colors.black100\")};\n }\n `,\n completed: css`\n > div,\n > input {\n border-color: ${themeGet(\"colors.black60\")};\n color: ${themeGet(\"colors.black100\")};\n }\n\n > label {\n color: ${themeGet(\"colors.black60\")};\n }\n `,\n disabled: css`\n > div,\n > input {\n cursor: default;\n background-color: transparent;\n border-color: ${themeGet(\"colors.black30\")};\n }\n\n > input::placeholder,\n > label {\n color: ${themeGet(\"colors.black30\")};\n }\n `,\n error: css`\n > div,\n > input {\n border-color: ${themeGet(\"colors.red100\")};\n }\n\n > label {\n color: ${themeGet(\"colors.red100\")};\n }\n `,\n}\n"],"mappings":";;;;;;AAAA,IAAAA,SAAA,GAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAD,OAAA;AAEO,IAAME,kBAAkB,GAAG;EAChCC,OAAO,MAAEC,qBAAG,kHAEQ,IAAAC,kBAAQ,EAAC,gBAAgB,CAAC,EAI1B,IAAAA,kBAAQ,EAAC,gBAAgB,CAAC,EAMjC,IAAAA,kBAAQ,EAAC,gBAAgB,CAAC,CAEtC;EACDC,MAAM,MAAEF,qBAAG,yGAGS,IAAAC,kBAAQ,EAAC,gBAAgB,CAAC,EACjC,IAAAA,kBAAQ,EAAC,iBAAiB,CAAC,EAI3B,IAAAA,kBAAQ,EAAC,iBAAiB,CAAC,EAI3B,IAAAA,kBAAQ,EAAC,gBAAgB,CAAC,CAEtC;EACDE,KAAK,MAAEH,qBAAG,8FAGU,IAAAC,kBAAQ,EAAC,gBAAgB,CAAC,EAIjC,IAAAA,kBAAQ,EAAC,gBAAgB,CAAC,EAI1B,IAAAA,kBAAQ,EAAC,gBAAgB,CAAC,CAEtC;EACDG,KAAK,MAAEJ,qBAAG,kFAGU,IAAAC,kBAAQ,EAAC,iBAAiB,CAAC,EAKlC,IAAAA,kBAAQ,EAAC,iBAAiB,CAAC,CAEvC;EACDI,SAAS,MAAEL,qBAAG,wEAGM,IAAAC,kBAAQ,EAAC,gBAAgB,CAAC,EACjC,IAAAA,kBAAQ,EAAC,iBAAiB,CAAC,EAI3B,IAAAA,kBAAQ,EAAC,gBAAgB,CAAC,CAEtC;EACDK,QAAQ,MAAEN,qBAAG,8HAKO,IAAAC,kBAAQ,EAAC,gBAAgB,CAAC,EAKjC,IAAAA,kBAAQ,EAAC,gBAAgB,CAAC,CAEtC;EACDM,KAAK,MAAEP,qBAAG,6DAGU,IAAAC,kBAAQ,EAAC,eAAe,CAAC,EAIhC,IAAAA,kBAAQ,EAAC,eAAe,CAAC;AAGxC,CAAC;AAAAO,OAAA,CAAAV,kBAAA,GAAAA,kBAAA"}
@@ -1,3 +0,0 @@
1
- import React from "react";
2
- import { TextProps } from "../elements";
3
- export declare const RequiredField: React.FC<TextProps>;
@@ -1,20 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.RequiredField = void 0;
7
- var _react = _interopRequireDefault(require("react"));
8
- var _elements = require("../elements");
9
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
10
- 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); }
11
- var RequiredField = function RequiredField(props) {
12
- return /*#__PURE__*/_react.default.createElement(_elements.Text, _extends({
13
- variant: "xs",
14
- color: "black60",
15
- textAlign: "left"
16
- }, props), "*Required");
17
- };
18
- exports.RequiredField = RequiredField;
19
- RequiredField.displayName = "RequiredField";
20
- //# sourceMappingURL=RequiredField.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"RequiredField.js","names":["_react","_interopRequireDefault","require","_elements","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","RequiredField","props","createElement","Text","variant","color","textAlign","exports","displayName"],"sources":["../../src/shared/RequiredField.tsx"],"sourcesContent":["import React from \"react\"\nimport { Text, TextProps } from \"../elements\"\n\nexport const RequiredField: React.FC<TextProps> = (props) => {\n return (\n <Text variant=\"xs\" color=\"black60\" textAlign=\"left\" {...props}>\n *Required\n </Text>\n )\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AAA6C,SAAAD,uBAAAG,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,SAAA,IAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAI,GAAA,IAAAD,MAAA,QAAAP,MAAA,CAAAS,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAJ,MAAA,EAAAC,GAAA,KAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAL,MAAA,YAAAJ,QAAA,CAAAa,KAAA,OAAAP,SAAA;AAEtC,IAAMQ,aAAkC,GAAG,SAArCA,aAAkCA,CAAIC,KAAK,EAAK;EAC3D,oBACEtB,MAAA,CAAAM,OAAA,CAAAiB,aAAA,CAACpB,SAAA,CAAAqB,IAAI,EAAAjB,QAAA;IAACkB,OAAO,EAAC,IAAI;IAACC,KAAK,EAAC,SAAS;IAACC,SAAS,EAAC;EAAM,GAAKL,KAAK,GAAE,WAE/D,CAAO;AAEX,CAAC;AAAAM,OAAA,CAAAP,aAAA,GAAAA,aAAA;AANYA,aAAkC,CAAAQ,WAAA"}