datocms-react-ui 0.3.9 → 0.3.10

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 (47) hide show
  1. package/dist/cjs/Button/index.js +65 -4
  2. package/dist/cjs/Button/index.js.map +1 -1
  3. package/dist/cjs/Button/styles.module.css.json +1 -1
  4. package/dist/cjs/Canvas/index.js +487 -7
  5. package/dist/cjs/Canvas/index.js.map +1 -1
  6. package/dist/cjs/Canvas/styles.module.css.json +1 -1
  7. package/dist/cjs/ContextInspector/styles.module.css.json +1 -1
  8. package/dist/cjs/Form/index.js +72 -0
  9. package/dist/cjs/Form/index.js.map +1 -1
  10. package/dist/cjs/Section/index.js +47 -0
  11. package/dist/cjs/Section/index.js.map +1 -1
  12. package/dist/cjs/Section/styles.module.css.json +1 -1
  13. package/dist/cjs/SelectInput/index.js +4 -2
  14. package/dist/cjs/SelectInput/index.js.map +1 -1
  15. package/dist/cjs/SwitchInput/index.js +1 -1
  16. package/dist/cjs/SwitchInput/index.js.map +1 -1
  17. package/dist/cjs/TextInput/styles.module.css.json +1 -1
  18. package/dist/esm/Button/index.d.ts +62 -1
  19. package/dist/esm/Button/index.js +65 -4
  20. package/dist/esm/Button/index.js.map +1 -1
  21. package/dist/esm/Button/styles.module.css.json +1 -1
  22. package/dist/esm/Canvas/index.d.ts +479 -1
  23. package/dist/esm/Canvas/index.js +487 -7
  24. package/dist/esm/Canvas/index.js.map +1 -1
  25. package/dist/esm/Canvas/styles.module.css.json +1 -1
  26. package/dist/esm/ContextInspector/styles.module.css.json +1 -1
  27. package/dist/esm/Form/index.d.ts +72 -0
  28. package/dist/esm/Form/index.js +72 -0
  29. package/dist/esm/Form/index.js.map +1 -1
  30. package/dist/esm/Section/index.d.ts +47 -0
  31. package/dist/esm/Section/index.js +47 -0
  32. package/dist/esm/Section/index.js.map +1 -1
  33. package/dist/esm/Section/styles.module.css.json +1 -1
  34. package/dist/esm/SelectInput/index.js +4 -2
  35. package/dist/esm/SelectInput/index.js.map +1 -1
  36. package/dist/esm/SwitchInput/index.d.ts +1 -1
  37. package/dist/esm/SwitchInput/index.js +1 -1
  38. package/dist/esm/SwitchInput/index.js.map +1 -1
  39. package/dist/esm/TextInput/styles.module.css.json +1 -1
  40. package/dist/types/Button/index.d.ts +62 -1
  41. package/dist/types/Canvas/index.d.ts +479 -1
  42. package/dist/types/Form/index.d.ts +72 -0
  43. package/dist/types/Section/index.d.ts +47 -0
  44. package/dist/types/SwitchInput/index.d.ts +1 -1
  45. package/package.json +3 -11
  46. package/styles.css +1 -1
  47. package/types.json +99 -35
@@ -48,6 +48,78 @@ exports.Form = void 0;
48
48
  var react_1 = __importStar(require("react"));
49
49
  var classnames_1 = __importDefault(require("classnames"));
50
50
  var styles_module_css_json_1 = __importDefault(require("./styles.module.css.json"));
51
+ /**
52
+ * @example Full example
53
+ *
54
+ * ```js
55
+ * <Canvas ctx={ctx}>
56
+ * <Form onSubmit={() => console.log('onSubmit')}>
57
+ * <FieldGroup>
58
+ * <TextField
59
+ * required
60
+ * name="name"
61
+ * id="name"
62
+ * label="Name"
63
+ * value="Mark Smith"
64
+ * placeholder="Enter full name"
65
+ * hint="Provide a full name"
66
+ * onChange={(newValue) => console.log(newValue)}
67
+ * />
68
+ * <TextField
69
+ * required
70
+ * name="email"
71
+ * id="email"
72
+ * label="Email"
73
+ * type="email"
74
+ * value=""
75
+ * placeholder="your@email.com"
76
+ * error="Please enter an email!"
77
+ * hint="Enter email address"
78
+ * onChange={(newValue) => console.log(newValue)}
79
+ * />
80
+ * <TextField
81
+ * required
82
+ * name="apiToken"
83
+ * id="apiToken"
84
+ * label="API Token"
85
+ * value="XXXYYY123"
86
+ * hint="Enter a valid API token"
87
+ * textInputProps={{ monospaced: true }}
88
+ * onChange={(newValue) => console.log(newValue)}
89
+ * />
90
+ * <SelectField
91
+ * name="option"
92
+ * id="option"
93
+ * label="Option"
94
+ * hint="Select one of the options"
95
+ * value={{ label: 'Option 1', value: 'option1' }}
96
+ * selectInputProps={{
97
+ * options: [
98
+ * { label: 'Option 1', value: 'option1' },
99
+ * { label: 'Option 2', value: 'option2' },
100
+ * { label: 'Option 3', value: 'option3' },
101
+ * ],
102
+ * }}
103
+ * onChange={(newValue) => console.log(newValue)}
104
+ * />
105
+ * <SwitchField
106
+ * name="debugMode"
107
+ * id="debugMode"
108
+ * label="Debug mode active?"
109
+ * hint="Logs messages to console"
110
+ * value={true}
111
+ * onChange={(newValue) => console.log(newValue)}
112
+ * />
113
+ * </FieldGroup>
114
+ * <FieldGroup>
115
+ * <Button fullWidth buttonType="primary">
116
+ * Submit
117
+ * </Button>
118
+ * </FieldGroup>
119
+ * </Form>
120
+ * </Canvas>;
121
+ * ```
122
+ */
51
123
  var Form = function (_a) {
52
124
  var children = _a.children, className = _a.className, onSubmit = _a.onSubmit, _b = _a.spacing, spacing = _b === void 0 ? 'default' : _b, otherProps = __rest(_a, ["children", "className", "onSubmit", "spacing"]);
53
125
  var classNames = (0, classnames_1.default)(styles_module_css_json_1.default.Form, className);
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Form/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAOe;AACf,0DAA4B;AAC5B,oFAA8C;AAUvC,IAAM,IAAI,GAAG,UAAC,EAMT;IALV,IAAA,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,eAAmB,EAAnB,OAAO,mBAAG,SAAS,KAAA,EAChB,UAAU,cALM,gDAMpB,CADc;IAEb,IAAM,UAAU,GAAG,IAAA,oBAAE,EAAC,gCAAM,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;IAE9C,IAAM,kBAAkB,GAAG,IAAA,oBAAE,EAAC,gCAAM,CAAC,UAAU,EAAE,gCAAM,CAAC,iBAAe,OAAS,CAAC,CAAC,CAAC;IAEnF,IAAM,YAAY,GAAG,IAAA,mBAAW,EAC9B,UAAC,KAAgB;QACf,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,IAAI,QAAQ,EAAE;YACZ,QAAQ,CAAC,KAAK,CAAC,CAAC;SACjB;IACH,CAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAC;IAEF,OAAO,CACL,iDAAM,SAAS,EAAE,UAAU,EAAE,QAAQ,EAAE,YAAY,IAAM,UAAU,GAChE,gBAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,UAAC,KAAK;QAC5B,IAAI,KAAK,EAAE;YACT,OAAO,uCAAK,SAAS,EAAE,kBAAkB,IAAG,KAAK,CAAO,CAAC;SAC1D;QACD,OAAO,IAAI,CAAC;IACd,CAAC,CAAC,CACG,CACR,CAAC;AACJ,CAAC,CAAC;AA/BW,QAAA,IAAI,QA+Bf"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Form/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAOe;AACf,0DAA4B;AAC5B,oFAA8C;AAU9C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuEG;AACI,IAAM,IAAI,GAAG,UAAC,EAMT;IALV,IAAA,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,eAAmB,EAAnB,OAAO,mBAAG,SAAS,KAAA,EAChB,UAAU,cALM,gDAMpB,CADc;IAEb,IAAM,UAAU,GAAG,IAAA,oBAAE,EAAC,gCAAM,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;IAE9C,IAAM,kBAAkB,GAAG,IAAA,oBAAE,EAC3B,gCAAM,CAAC,UAAU,EACjB,gCAAM,CAAC,iBAAe,OAAS,CAAC,CACjC,CAAC;IAEF,IAAM,YAAY,GAAG,IAAA,mBAAW,EAC9B,UAAC,KAAgB;QACf,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,IAAI,QAAQ,EAAE;YACZ,QAAQ,CAAC,KAAK,CAAC,CAAC;SACjB;IACH,CAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAC;IAEF,OAAO,CACL,iDAAM,SAAS,EAAE,UAAU,EAAE,QAAQ,EAAE,YAAY,IAAM,UAAU,GAChE,gBAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,UAAC,KAAK;QAC5B,IAAI,KAAK,EAAE;YACT,OAAO,uCAAK,SAAS,EAAE,kBAAkB,IAAG,KAAK,CAAO,CAAC;SAC1D;QACD,OAAO,IAAI,CAAC;IACd,CAAC,CAAC,CACG,CACR,CAAC;AACJ,CAAC,CAAC;AAlCW,QAAA,IAAI,QAkCf"}
@@ -7,6 +7,53 @@ exports.Section = void 0;
7
7
  var react_1 = __importDefault(require("react"));
8
8
  var classnames_1 = __importDefault(require("classnames"));
9
9
  var styles_module_css_json_1 = __importDefault(require("./styles.module.css.json"));
10
+ /**
11
+ * @example Basic usage
12
+ *
13
+ * ```jsx
14
+ * <Canvas ctx={ctx}>
15
+ * <Section title="Section title">
16
+ * Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
17
+ * eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
18
+ * ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
19
+ * aliquip ex ea commodo consequat.
20
+ * </Section>
21
+ * </Canvas>;
22
+ * ```
23
+ *
24
+ * @example Highlighted
25
+ *
26
+ * ```jsx
27
+ * <Canvas ctx={ctx}>
28
+ * <Section title="Section title" highlighted>
29
+ * Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
30
+ * eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
31
+ * ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
32
+ * aliquip ex ea commodo consequat.
33
+ * </Section>
34
+ * </Canvas>;
35
+ * ```
36
+ *
37
+ * @example Collapsible
38
+ *
39
+ * ```jsx
40
+ * <Canvas ctx={ctx}>
41
+ * <StateManager initial={true}>
42
+ * {(isOpen, setOpen) => (
43
+ * <Section
44
+ * title="Section title"
45
+ * collapsible={{ isOpen, onToggle: () => setOpen((v) => !v) }}
46
+ * >
47
+ * Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
48
+ * eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut
49
+ * enim ad minim veniam, quis nostrud exercitation ullamco laboris
50
+ * nisi ut aliquip ex ea commodo consequat.
51
+ * </Section>
52
+ * )}
53
+ * </StateManager>
54
+ * </Canvas>;
55
+ * ```
56
+ */
10
57
  function Section(_a) {
11
58
  var _b, _c;
12
59
  var title = _a.title, children = _a.children, highlighted = _a.highlighted, collapsible = _a.collapsible, headerClassName = _a.headerClassName, titleClassName = _a.titleClassName, headerStyle = _a.headerStyle, titleStyle = _a.titleStyle;
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Section/index.tsx"],"names":[],"mappings":";;;;;;AAAA,gDAAwD;AACxD,0DAA4B;AAC5B,oFAAyC;AAazC,SAAgB,OAAO,CAAC,EAST;;QARb,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,WAAW,iBAAA,EACX,WAAW,iBAAA,EACX,eAAe,qBAAA,EACf,cAAc,oBAAA,EACd,WAAW,iBAAA,EACX,UAAU,gBAAA;IAEV,OAAO,CACL,uCAAK,SAAS,EAAE,IAAA,oBAAE,EAAC,gCAAC,CAAC,SAAS,CAAC,YAAI,GAAC,gCAAC,CAAC,sBAAsB,CAAC,IAAG,WAAW,MAAG;QAC5E,uCAAK,SAAS,EAAE,IAAA,oBAAE,EAAC,gCAAC,CAAC,iBAAiB,CAAC,EAAE,eAAe,CAAC,EAAE,KAAK,EAAE,WAAW;YAC3E,uCACE,SAAS,EAAE,IAAA,oBAAE,EACX,gCAAC,CAAC,gBAAgB,CAAC,EAEnB,cAAc,CACf,EACD,KAAK,EAAE,UAAU;gBAEhB,WAAW,IAAI,CACd,0CACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,IAAA,oBAAE,EAAC,gCAAC,CAAC,gBAAgB,CAAC;wBAC/B,GAAC,gCAAC,CAAC,yBAAyB,CAAC,IAAG,WAAW,CAAC,MAAM;4BAClD,EACF,OAAO,EAAE,WAAW,CAAC,QAAQ,GAC7B,CACH;gBACD,uCAAK,SAAS,EAAE,gCAAC,CAAC,yBAAyB,CAAC,IAAG,KAAK,CAAO,CACvD,CACF;QACL,CAAC,CAAC,WAAW,IAAI,WAAW,CAAC,MAAM,CAAC,IAAI,QAAQ,CAC7C,CACP,CAAC;AACJ,CAAC;AApCD,0BAoCC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Section/index.tsx"],"names":[],"mappings":";;;;;;AAAA,gDAAwD;AACxD,0DAA4B;AAC5B,oFAAyC;AAazC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8CG;AACH,SAAgB,OAAO,CAAC,EAST;;QARb,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,WAAW,iBAAA,EACX,WAAW,iBAAA,EACX,eAAe,qBAAA,EACf,cAAc,oBAAA,EACd,WAAW,iBAAA,EACX,UAAU,gBAAA;IAEV,OAAO,CACL,uCACE,SAAS,EAAE,IAAA,oBAAE,EAAC,gCAAC,CAAC,SAAS,CAAC,YAAI,GAAC,gCAAC,CAAC,sBAAsB,CAAC,IAAG,WAAW,MAAG;QAEzE,uCACE,SAAS,EAAE,IAAA,oBAAE,EAAC,gCAAC,CAAC,iBAAiB,CAAC,EAAE,eAAe,CAAC,EACpD,KAAK,EAAE,WAAW;YAElB,uCACE,SAAS,EAAE,IAAA,oBAAE,EACX,gCAAC,CAAC,gBAAgB,CAAC,EAEnB,cAAc,CACf,EACD,KAAK,EAAE,UAAU;gBAEhB,WAAW,IAAI,CACd,0CACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,IAAA,oBAAE,EAAC,gCAAC,CAAC,gBAAgB,CAAC;wBAC/B,GAAC,gCAAC,CAAC,yBAAyB,CAAC,IAAG,WAAW,CAAC,MAAM;4BAClD,EACF,OAAO,EAAE,WAAW,CAAC,QAAQ,GAC7B,CACH;gBACD,uCAAK,SAAS,EAAE,gCAAC,CAAC,yBAAyB,CAAC,IAAG,KAAK,CAAO,CACvD,CACF;QACL,CAAC,CAAC,WAAW,IAAI,WAAW,CAAC,MAAM,CAAC,IAAI,QAAQ,CAC7C,CACP,CAAC;AACJ,CAAC;AAzCD,0BAyCC"}
@@ -1 +1 @@
1
- { "Section": "_Section_zpctu_1", "Section--highlighted": "_Section--highlighted_zpctu_5", "pageContentSectionHighligh": "_pageContentSectionHighligh_zpctu_1", "Section__header": "_Section__header_zpctu_19", "Section__title": "_Section__title_zpctu_38", "Section__title__content": "_Section__title__content_zpctu_52", "Section__arrow": "_Section__arrow_zpctu_55", "Section__arrow--is-open": "_Section__arrow--is-open_zpctu_82" }
1
+ { "Section": "_Section_zh95u_1", "Section--highlighted": "_Section--highlighted_zh95u_5", "pageContentSectionHighligh": "_pageContentSectionHighligh_zh95u_1", "Section__header": "_Section__header_zh95u_19", "Section__title": "_Section__title_zh95u_38", "Section__title__content": "_Section__title__content_zh95u_52", "Section__arrow": "_Section__arrow_zh95u_55", "Section__arrow--is-open": "_Section__arrow--is-open_zh95u_82" }
@@ -72,13 +72,15 @@ var useStyles = function (isDisabled, error) {
72
72
  result = __assign(__assign({}, result), { minHeight: 40 });
73
73
  if (isFocused) {
74
74
  return __assign(__assign({}, result), { borderColor: error ? 'var(--alert-color)' : 'var(--accent-color)', backgroundColor: isDisabled ? 'var(--disabled-color)' : 'white', boxShadow: "0 0 0 3px " + (error
75
- ? 'rgba(var(--alert-rgb-components), 0.2)'
75
+ ? 'rgba(var(--alert-color-rgb-components), 0.2)'
76
76
  : 'var(--semi-transparent-accent-color)'), '&:hover': {
77
77
  borderColor: error ? 'var(--alert-color)' : 'var(--accent-color)',
78
78
  } });
79
79
  }
80
80
  return __assign(__assign({}, result), { borderColor: error ? 'var(--alert-color)' : 'var(--border-color)', backgroundColor: isDisabled ? 'var(--disabled-color)' : 'white', '&:hover': {
81
- borderColor: error ? 'var(--alert-color)' : 'var(--darker-border-color)',
81
+ borderColor: error
82
+ ? 'var(--alert-color)'
83
+ : 'var(--darker-border-color)',
82
84
  } });
83
85
  },
84
86
  multiValueRemove: function (provided) { return (__assign(__assign({}, provided), { cursor: 'pointer' })); },
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/SelectInput/index.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/SelectInput/index.tsx"],"names":[],"mappings":"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"}
@@ -33,7 +33,7 @@ function SwitchInput(_a) {
33
33
  var _b;
34
34
  var className = _a.className, value = _a.value, disabled = _a.disabled, onClick = _a.onClick, onChange = _a.onChange, onKeyDown = _a.onKeyDown, restProps = __rest(_a, ["className", "value", "disabled", "onClick", "onChange", "onKeyDown"]);
35
35
  function triggerChange(newValue, event) {
36
- if (!disabled) {
36
+ if (!disabled && onChange) {
37
37
  onChange(newValue, event);
38
38
  }
39
39
  }
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/SwitchInput/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAC1B,0DAA4B;AAC5B,oFAAyC;AAgBzC,SAAgB,WAAW,CAAC,EAQT;;IAPjB,IAAA,SAAS,eAAA,EACT,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,QAAQ,cAAA,EACR,SAAS,eAAA,EACN,SAAS,cAPc,sEAQ3B,CADa;IAEZ,SAAS,aAAa,CACpB,QAAiB,EACjB,KAAmF;QAEnF,IAAI,CAAC,QAAQ,EAAE;YACb,QAAQ,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;SAC3B;IACH,CAAC;IAED,SAAS,iBAAiB,CAAC,CAAyC;QAClE,IAAI,CAAC,CAAC,GAAG,KAAK,WAAW,EAAE;YACzB,aAAa,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;SACzB;aAAM,IAAI,CAAC,CAAC,GAAG,KAAK,YAAY,EAAE;YACjC,aAAa,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;SACxB;QACD,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAG,CAAC,CAAC,CAAC;IACjB,CAAC;IAED,SAAS,eAAe,CAAC,CAAsC;QAC7D,aAAa,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;QACzB,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,CAAC,CAAC,CAAC;IACf,CAAC;IAED,IAAM,eAAe,GAAG,IAAA,oBAAE,EAAC,gCAAC,CAAC,aAAa,CAAC,EAAE,SAAS;QACpD,GAAC,gCAAC,CAAC,sBAAsB,CAAC,IAAG,KAAK;QAClC,GAAC,gCAAC,CAAC,uBAAuB,CAAC,IAAG,QAAQ;YACtC,CAAC;IAEH,OAAO,CACL,qDACM,SAAS,IACb,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,QAAQ,kBACC,KAAK,EACnB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,eAAe,EAC1B,SAAS,EAAE,iBAAiB,EAC5B,OAAO,EAAE,eAAe;QAExB,wCAAM,SAAS,EAAE,gCAAC,CAAC,oBAAoB,CAAC,GAAI,CACrC,CACV,CAAC;AACJ,CAAC;AAnDD,kCAmDC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/SwitchInput/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAC1B,0DAA4B;AAC5B,oFAAyC;AAkBzC,SAAgB,WAAW,CAAC,EAQT;;IAPjB,IAAA,SAAS,eAAA,EACT,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,QAAQ,cAAA,EACR,SAAS,eAAA,EACN,SAAS,cAPc,sEAQ3B,CADa;IAEZ,SAAS,aAAa,CACpB,QAAiB,EACjB,KAE0C;QAE1C,IAAI,CAAC,QAAQ,IAAI,QAAQ,EAAE;YACzB,QAAQ,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;SAC3B;IACH,CAAC;IAED,SAAS,iBAAiB,CAAC,CAAyC;QAClE,IAAI,CAAC,CAAC,GAAG,KAAK,WAAW,EAAE;YACzB,aAAa,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;SACzB;aAAM,IAAI,CAAC,CAAC,GAAG,KAAK,YAAY,EAAE;YACjC,aAAa,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;SACxB;QACD,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAG,CAAC,CAAC,CAAC;IACjB,CAAC;IAED,SAAS,eAAe,CAAC,CAAsC;QAC7D,aAAa,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;QACzB,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,CAAC,CAAC,CAAC;IACf,CAAC;IAED,IAAM,eAAe,GAAG,IAAA,oBAAE,EAAC,gCAAC,CAAC,aAAa,CAAC,EAAE,SAAS;QACpD,GAAC,gCAAC,CAAC,sBAAsB,CAAC,IAAG,KAAK;QAClC,GAAC,gCAAC,CAAC,uBAAuB,CAAC,IAAG,QAAQ;YACtC,CAAC;IAEH,OAAO,CACL,qDACM,SAAS,IACb,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,QAAQ,kBACC,KAAK,EACnB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,eAAe,EAC1B,SAAS,EAAE,iBAAiB,EAC5B,OAAO,EAAE,eAAe;QAExB,wCAAM,SAAS,EAAE,gCAAC,CAAC,oBAAoB,CAAC,GAAI,CACrC,CACV,CAAC;AACJ,CAAC;AArDD,kCAqDC"}
@@ -1 +1 @@
1
- { "TextInput": "_TextInput_11m1z_1", "TextInput--monospaced": "_TextInput--monospaced_11m1z_30", "TextInput--disabled": "_TextInput--disabled_11m1z_35", "TextInput--error": "_TextInput--error_11m1z_41" }
1
+ { "TextInput": "_TextInput_x2oj2_1", "TextInput--monospaced": "_TextInput--monospaced_x2oj2_30", "TextInput--disabled": "_TextInput--disabled_x2oj2_35", "TextInput--error": "_TextInput--error_x2oj2_41" }
@@ -1,7 +1,7 @@
1
1
  import React, { CSSProperties, MouseEventHandler, ReactNode } from 'react';
2
2
  export declare type ButtonProps = {
3
3
  children?: ReactNode;
4
- type: React.ButtonHTMLAttributes<HTMLButtonElement>['type'];
4
+ type?: React.ButtonHTMLAttributes<HTMLButtonElement>['type'];
5
5
  className?: string;
6
6
  disabled?: boolean;
7
7
  onClick?: MouseEventHandler;
@@ -12,6 +12,67 @@ export declare type ButtonProps = {
12
12
  fullWidth?: boolean;
13
13
  style?: CSSProperties;
14
14
  };
15
+ /**
16
+ * @example Button types
17
+ *
18
+ * ```js
19
+ * <Canvas ctx={ctx}>
20
+ * <div style={{ marginBottom: 'var(--spacing-m)' }}>
21
+ * <Button buttonType="muted">Submit</Button>{' '}
22
+ * <Button buttonType="primary">Submit</Button>{' '}
23
+ * <Button buttonType="negative">Submit</Button>
24
+ * </div>
25
+ * <div>
26
+ * <Button buttonType="muted" disabled>
27
+ * Submit
28
+ * </Button>{' '}
29
+ * <Button buttonType="primary" disabled>
30
+ * Submit
31
+ * </Button>{' '}
32
+ * <Button buttonType="negative" disabled>
33
+ * Submit
34
+ * </Button>
35
+ * </div>
36
+ * </Canvas>;
37
+ * ```
38
+ *
39
+ * @example Full-width
40
+ *
41
+ * ```js
42
+ * <Canvas ctx={ctx}>
43
+ * <Button fullWidth>Submit</Button>
44
+ * </Canvas>;
45
+ * ```
46
+ *
47
+ * @example Sizing
48
+ *
49
+ * ```js
50
+ * <Canvas ctx={ctx}>
51
+ * <Button buttonSize="xxs">Submit</Button>{' '}
52
+ * <Button buttonSize="xs">Submit</Button>{' '}
53
+ * <Button buttonSize="s">Submit</Button>{' '}
54
+ * <Button buttonSize="m">Submit</Button>{' '}
55
+ * <Button buttonSize="l">Submit</Button>{' '}
56
+ * <Button buttonSize="xl">Submit</Button>{' '}
57
+ * </Canvas>;
58
+ * ```
59
+ *
60
+ * @example Icons
61
+ *
62
+ * ```js
63
+ * <Canvas ctx={ctx}>
64
+ * <div style={{ marginBottom: 'var(--spacing-m)' }}>
65
+ * <Button leftIcon={<PlusIcon />}>Submit</Button>
66
+ * </div>
67
+ * <div style={{ marginBottom: 'var(--spacing-m)' }}>
68
+ * <Button rightIcon={<ChevronDownIcon />}>Options</Button>
69
+ * </div>
70
+ * <div>
71
+ * <Button leftIcon={<PlusIcon />} />
72
+ * </div>
73
+ * </Canvas>;
74
+ * ```
75
+ */
15
76
  export declare function Button({ children, className, disabled, buttonType, buttonSize, fullWidth, onClick, style, leftIcon, rightIcon, type, }: ButtonProps): JSX.Element;
16
77
  export declare type ButtonLinkProps = {
17
78
  children?: ReactNode;
@@ -1,6 +1,67 @@
1
1
  import React from 'react';
2
2
  import cn from 'classnames';
3
3
  import styles from './styles.module.css.json';
4
+ /**
5
+ * @example Button types
6
+ *
7
+ * ```js
8
+ * <Canvas ctx={ctx}>
9
+ * <div style={{ marginBottom: 'var(--spacing-m)' }}>
10
+ * <Button buttonType="muted">Submit</Button>{' '}
11
+ * <Button buttonType="primary">Submit</Button>{' '}
12
+ * <Button buttonType="negative">Submit</Button>
13
+ * </div>
14
+ * <div>
15
+ * <Button buttonType="muted" disabled>
16
+ * Submit
17
+ * </Button>{' '}
18
+ * <Button buttonType="primary" disabled>
19
+ * Submit
20
+ * </Button>{' '}
21
+ * <Button buttonType="negative" disabled>
22
+ * Submit
23
+ * </Button>
24
+ * </div>
25
+ * </Canvas>;
26
+ * ```
27
+ *
28
+ * @example Full-width
29
+ *
30
+ * ```js
31
+ * <Canvas ctx={ctx}>
32
+ * <Button fullWidth>Submit</Button>
33
+ * </Canvas>;
34
+ * ```
35
+ *
36
+ * @example Sizing
37
+ *
38
+ * ```js
39
+ * <Canvas ctx={ctx}>
40
+ * <Button buttonSize="xxs">Submit</Button>{' '}
41
+ * <Button buttonSize="xs">Submit</Button>{' '}
42
+ * <Button buttonSize="s">Submit</Button>{' '}
43
+ * <Button buttonSize="m">Submit</Button>{' '}
44
+ * <Button buttonSize="l">Submit</Button>{' '}
45
+ * <Button buttonSize="xl">Submit</Button>{' '}
46
+ * </Canvas>;
47
+ * ```
48
+ *
49
+ * @example Icons
50
+ *
51
+ * ```js
52
+ * <Canvas ctx={ctx}>
53
+ * <div style={{ marginBottom: 'var(--spacing-m)' }}>
54
+ * <Button leftIcon={<PlusIcon />}>Submit</Button>
55
+ * </div>
56
+ * <div style={{ marginBottom: 'var(--spacing-m)' }}>
57
+ * <Button rightIcon={<ChevronDownIcon />}>Options</Button>
58
+ * </div>
59
+ * <div>
60
+ * <Button leftIcon={<PlusIcon />} />
61
+ * </div>
62
+ * </Canvas>;
63
+ * ```
64
+ */
4
65
  export function Button(_a) {
5
66
  var _b;
6
67
  var children = _a.children, className = _a.className, disabled = _a.disabled, _c = _a.buttonType, buttonType = _c === void 0 ? 'muted' : _c, _d = _a.buttonSize, buttonSize = _d === void 0 ? 'm' : _d, fullWidth = _a.fullWidth, onClick = _a.onClick, style = _a.style, leftIcon = _a.leftIcon, rightIcon = _a.rightIcon, _e = _a.type, type = _e === void 0 ? 'button' : _e;
@@ -8,9 +69,9 @@ export function Button(_a) {
8
69
  _b[styles.disabled] = disabled,
9
70
  _b[styles.fullWidth] = fullWidth,
10
71
  _b), className), disabled: disabled, onClick: onClick, style: style },
11
- leftIcon && React.createElement("span", { className: styles['button__leftIcon'] }, leftIcon),
72
+ leftIcon && (React.createElement("span", { className: styles['button__leftIcon'] }, leftIcon)),
12
73
  children && React.createElement("span", null, children),
13
- rightIcon && React.createElement("span", { className: styles['button__rightIcon'] }, rightIcon)));
74
+ rightIcon && (React.createElement("span", { className: styles['button__rightIcon'] }, rightIcon))));
14
75
  }
15
76
  export function ButtonLink(_a) {
16
77
  var _b;
@@ -18,8 +79,8 @@ export function ButtonLink(_a) {
18
79
  return (React.createElement("a", { href: href, target: target, className: cn(styles.button, styles["buttonType-" + buttonType], styles["buttonSize-" + buttonSize], (_b = {},
19
80
  _b[styles.fullWidth] = fullWidth,
20
81
  _b), className), style: style, onClick: onClick },
21
- leftIcon && React.createElement("span", { className: styles['button__leftIcon'] }, leftIcon),
82
+ leftIcon && (React.createElement("span", { className: styles['button__leftIcon'] }, leftIcon)),
22
83
  children && React.createElement("span", null, children),
23
- rightIcon && React.createElement("span", { className: styles['button__rightIcon'] }, rightIcon)));
84
+ rightIcon && (React.createElement("span", { className: styles['button__rightIcon'] }, rightIcon))));
24
85
  }
25
86
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Button/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsD,MAAM,OAAO,CAAC;AAC3E,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,MAAM,MAAM,0BAA0B,CAAC;AAgB9C,MAAM,UAAU,MAAM,CAAC,EAYT;;QAXZ,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,kBAAoB,EAApB,UAAU,mBAAG,OAAO,KAAA,EACpB,kBAAgB,EAAhB,UAAU,mBAAG,GAAG,KAAA,EAChB,SAAS,eAAA,EACT,OAAO,aAAA,EACP,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,YAAe,EAAf,IAAI,mBAAG,QAAQ,KAAA;IAEf,OAAO,CACL,gCACE,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,EAAE,CACX,MAAM,CAAC,MAAM,EACb,MAAM,CAAC,gBAAc,UAAY,CAAC,EAClC,MAAM,CAAC,gBAAc,UAAY,CAAC;YAEhC,GAAC,MAAM,CAAC,QAAQ,IAAG,QAAQ;YAC3B,GAAC,MAAM,CAAC,SAAS,IAAG,SAAS;iBAE/B,SAAS,CACV,EACD,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK;QAEX,QAAQ,IAAI,8BAAM,SAAS,EAAE,MAAM,CAAC,kBAAkB,CAAC,IAAG,QAAQ,CAAQ;QAC1E,QAAQ,IAAI,kCAAO,QAAQ,CAAQ;QACnC,SAAS,IAAI,8BAAM,SAAS,EAAE,MAAM,CAAC,mBAAmB,CAAC,IAAG,SAAS,CAAQ,CACvE,CACV,CAAC;AACJ,CAAC;AAgBD,MAAM,UAAU,UAAU,CAAC,EAYT;;QAXhB,QAAQ,cAAA,EACR,IAAI,UAAA,EACJ,cAAiB,EAAjB,MAAM,mBAAG,QAAQ,KAAA,EACjB,SAAS,eAAA,EACT,kBAAoB,EAApB,UAAU,mBAAG,OAAO,KAAA,EACpB,kBAAgB,EAAhB,UAAU,mBAAG,GAAG,KAAA,EAChB,OAAO,aAAA,EACP,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,KAAK,WAAA;IAEL,OAAO,CACL,2BACE,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,EAAE,CACX,MAAM,CAAC,MAAM,EACb,MAAM,CAAC,gBAAc,UAAY,CAAC,EAClC,MAAM,CAAC,gBAAc,UAAY,CAAC;YAEhC,GAAC,MAAM,CAAC,SAAS,IAAG,SAAS;iBAE/B,SAAS,CACV,EACD,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO;QAEf,QAAQ,IAAI,8BAAM,SAAS,EAAE,MAAM,CAAC,kBAAkB,CAAC,IAAG,QAAQ,CAAQ;QAC1E,QAAQ,IAAI,kCAAO,QAAQ,CAAQ;QACnC,SAAS,IAAI,8BAAM,SAAS,EAAE,MAAM,CAAC,mBAAmB,CAAC,IAAG,SAAS,CAAQ,CAC5E,CACL,CAAC;AACJ,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Button/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsD,MAAM,OAAO,CAAC;AAC3E,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,MAAM,MAAM,0BAA0B,CAAC;AAgB9C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4DG;AACH,MAAM,UAAU,MAAM,CAAC,EAYT;;QAXZ,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,kBAAoB,EAApB,UAAU,mBAAG,OAAO,KAAA,EACpB,kBAAgB,EAAhB,UAAU,mBAAG,GAAG,KAAA,EAChB,SAAS,eAAA,EACT,OAAO,aAAA,EACP,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,YAAe,EAAf,IAAI,mBAAG,QAAQ,KAAA;IAEf,OAAO,CACL,gCACE,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,EAAE,CACX,MAAM,CAAC,MAAM,EACb,MAAM,CAAC,gBAAc,UAAY,CAAC,EAClC,MAAM,CAAC,gBAAc,UAAY,CAAC;YAEhC,GAAC,MAAM,CAAC,QAAQ,IAAG,QAAQ;YAC3B,GAAC,MAAM,CAAC,SAAS,IAAG,SAAS;iBAE/B,SAAS,CACV,EACD,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK;QAEX,QAAQ,IAAI,CACX,8BAAM,SAAS,EAAE,MAAM,CAAC,kBAAkB,CAAC,IAAG,QAAQ,CAAQ,CAC/D;QACA,QAAQ,IAAI,kCAAO,QAAQ,CAAQ;QACnC,SAAS,IAAI,CACZ,8BAAM,SAAS,EAAE,MAAM,CAAC,mBAAmB,CAAC,IAAG,SAAS,CAAQ,CACjE,CACM,CACV,CAAC;AACJ,CAAC;AAgBD,MAAM,UAAU,UAAU,CAAC,EAYT;;QAXhB,QAAQ,cAAA,EACR,IAAI,UAAA,EACJ,cAAiB,EAAjB,MAAM,mBAAG,QAAQ,KAAA,EACjB,SAAS,eAAA,EACT,kBAAoB,EAApB,UAAU,mBAAG,OAAO,KAAA,EACpB,kBAAgB,EAAhB,UAAU,mBAAG,GAAG,KAAA,EAChB,OAAO,aAAA,EACP,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,KAAK,WAAA;IAEL,OAAO,CACL,2BACE,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,EAAE,CACX,MAAM,CAAC,MAAM,EACb,MAAM,CAAC,gBAAc,UAAY,CAAC,EAClC,MAAM,CAAC,gBAAc,UAAY,CAAC;YAEhC,GAAC,MAAM,CAAC,SAAS,IAAG,SAAS;iBAE/B,SAAS,CACV,EACD,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO;QAEf,QAAQ,IAAI,CACX,8BAAM,SAAS,EAAE,MAAM,CAAC,kBAAkB,CAAC,IAAG,QAAQ,CAAQ,CAC/D;QACA,QAAQ,IAAI,kCAAO,QAAQ,CAAQ;QACnC,SAAS,IAAI,CACZ,8BAAM,SAAS,EAAE,MAAM,CAAC,mBAAmB,CAAC,IAAG,SAAS,CAAQ,CACjE,CACC,CACL,CAAC;AACJ,CAAC"}
@@ -1 +1 @@
1
- { "button": "_button_a3m33_1", "disabled": "_disabled_a3m33_30", "buttonType-muted": "_buttonType-muted_a3m33_37", "buttonType-primary": "_buttonType-primary_a3m33_42", "buttonType-negative": "_buttonType-negative_a3m33_64", "buttonSize-xxs": "_buttonSize-xxs_a3m33_82", "buttonSize-xs": "_buttonSize-xs_a3m33_87", "buttonSize-s": "_buttonSize-s_a3m33_92", "buttonSize-m": "_buttonSize-m_a3m33_97", "buttonSize-l": "_buttonSize-l_a3m33_102", "buttonSize-xl": "_buttonSize-xl_a3m33_107", "fullWidth": "_fullWidth_a3m33_112", "button__leftIcon": "_button__leftIcon_a3m33_118", "button__rightIcon": "_button__rightIcon_a3m33_119" }
1
+ { "button": "_button_ya5s7_1", "disabled": "_disabled_ya5s7_30", "buttonType-muted": "_buttonType-muted_ya5s7_36", "buttonType-primary": "_buttonType-primary_ya5s7_41", "buttonType-negative": "_buttonType-negative_ya5s7_62", "buttonSize-xxs": "_buttonSize-xxs_ya5s7_79", "buttonSize-xs": "_buttonSize-xs_ya5s7_84", "buttonSize-s": "_buttonSize-s_ya5s7_89", "buttonSize-m": "_buttonSize-m_ya5s7_94", "buttonSize-l": "_buttonSize-l_ya5s7_99", "buttonSize-xl": "_buttonSize-xl_ya5s7_104", "fullWidth": "_fullWidth_ya5s7_109", "button__leftIcon": "_button__leftIcon_ya5s7_115", "button__rightIcon": "_button__rightIcon_ya5s7_116" }