@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.
- package/dist/elements/BorderedRadio/BorderedRadio.d.ts +20 -20
- package/dist/elements/Input/Input.d.ts +0 -3
- package/dist/elements/Input/Input.js +15 -59
- package/dist/elements/Input/Input.js.map +1 -1
- package/dist/elements/Input/Input.story.js +0 -14
- package/dist/elements/Input/Input.story.js.map +1 -1
- package/dist/elements/Input/tokens.js +6 -7
- package/dist/elements/Input/tokens.js.map +1 -1
- package/dist/elements/Input/types.d.ts +1 -1
- package/dist/elements/Input/types.js.map +1 -1
- package/dist/elements/Label/Label.js +2 -2
- package/dist/elements/Label/Label.js.map +1 -1
- package/dist/elements/LabeledInput/LabeledInput.d.ts +1 -2
- package/dist/elements/LabeledInput/LabeledInput.js +10 -12
- package/dist/elements/LabeledInput/LabeledInput.js.map +1 -1
- package/dist/elements/LabeledInput/LabeledInput.story.js +0 -12
- package/dist/elements/LabeledInput/LabeledInput.story.js.map +1 -1
- package/dist/elements/Pill/Pill.d.ts +5 -5
- package/dist/elements/Pill/Pill.js +4 -4
- package/dist/elements/Pill/Pill.js.map +1 -1
- package/dist/elements/Pill/Pill.story.js +3 -3
- package/dist/elements/Pill/Pill.story.js.map +1 -1
- package/dist/elements/Pill/tokens.js +13 -5
- package/dist/elements/Pill/tokens.js.map +1 -1
- package/dist/elements/Range/Range.js +4 -16
- package/dist/elements/Range/Range.js.map +1 -1
- package/dist/elements/Select/Select.d.ts +2 -0
- package/dist/elements/Select/Select.js +28 -25
- package/dist/elements/Select/Select.js.map +1 -1
- package/dist/elements/Select/Select.story.d.ts +1 -0
- package/dist/elements/Select/Select.story.js +34 -16
- package/dist/elements/Select/Select.story.js.map +1 -1
- package/dist/elements/Select/tokens.d.ts +7 -2
- package/dist/elements/Select/tokens.js +5 -6
- package/dist/elements/Select/tokens.js.map +1 -1
- package/dist/elements/Select/types.d.ts +2 -1
- package/dist/elements/Select/types.js.map +1 -1
- package/dist/elements/Stack/Stack.d.ts +15 -0
- package/dist/elements/Stack/Stack.js +24 -0
- package/dist/elements/Stack/Stack.js.map +1 -0
- package/dist/elements/Stack/Stack.story.js +48 -0
- package/dist/elements/Stack/Stack.story.js.map +1 -0
- package/dist/elements/Stack/index.d.ts +1 -0
- package/dist/elements/{PhoneInput → Stack}/index.js +4 -4
- package/dist/elements/Stack/index.js.map +1 -0
- package/dist/elements/TextArea/TextArea.d.ts +1 -1
- package/dist/elements/TextArea/TextArea.js +26 -34
- package/dist/elements/TextArea/TextArea.js.map +1 -1
- package/dist/elements/TextArea/tokens.js +6 -7
- package/dist/elements/TextArea/tokens.js.map +1 -1
- package/dist/elements/TextArea/types.d.ts +1 -1
- package/dist/elements/TextArea/types.js.map +1 -1
- package/dist/elements/index.d.ts +1 -1
- package/dist/elements/index.js +11 -11
- package/dist/elements/index.js.map +1 -1
- package/dist/themes/Themes.story.js +39 -1
- package/dist/themes/Themes.story.js.map +1 -1
- package/package.json +3 -3
- package/dist/elements/PhoneInput/PhoneInput.d.ts +0 -33
- package/dist/elements/PhoneInput/PhoneInput.js +0 -319
- package/dist/elements/PhoneInput/PhoneInput.js.map +0 -1
- package/dist/elements/PhoneInput/PhoneInput.story.js +0 -207
- package/dist/elements/PhoneInput/PhoneInput.story.js.map +0 -1
- package/dist/elements/PhoneInput/index.d.ts +0 -1
- package/dist/elements/PhoneInput/index.js.map +0 -1
- package/dist/elements/PhoneInput/tokens.d.ts +0 -9
- package/dist/elements/PhoneInput/tokens.js +0 -19
- package/dist/elements/PhoneInput/tokens.js.map +0 -1
- package/dist/shared/RequiredField.d.ts +0 -3
- package/dist/shared/RequiredField.js +0 -20
- package/dist/shared/RequiredField.js.map +0 -1
- /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,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"}
|
|
File without changes
|