datocms-react-ui 0.2.0-alpha.64 → 0.3.0-alpha.0

package/README.md

@@ -1,4 +1,4 @@
-# `datocms-plugins-sdk`
+# `datocms-plugin-sdk`
 
 A set of Typescript types and helpers to work with DatoCMS Structured Text fields.
 
@@ -7,11 +7,11 @@ A set of Typescript types and helpers to work with DatoCMS Structured Text field
 Using [npm](http://npmjs.org/):
 
 ```sh
-npm install datocms-plugins-sdk
+npm install datocms-plugin-sdk
 ```
 
 Using [yarn](https://yarnpkg.com/):
 
 ```sh
-yarn add datocms-plugins-sdk
+yarn add datocms-plugin-sdk
 ```

package/dist/cjs/Button/index.js

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Button = void 0;
+exports.ButtonLink = exports.Button = void 0;
 var react_1 = __importDefault(require("react"));
 var classnames_1 = __importDefault(require("classnames"));
 var styles_module_css_json_1 = __importDefault(require("./styles.module.css.json"));
@@ -16,4 +16,12 @@ function Button(_a) {
             _b), className), disabled: disabled, onClick: onClick, style: style }, children));
 }
 exports.Button = Button;
+function ButtonLink(_a) {
+    var _b;
+    var children = _a.children, href = _a.href, _c = _a.target, target = _c === void 0 ? '_blank' : _c, className = _a.className, _d = _a.buttonType, buttonType = _d === void 0 ? 'muted' : _d, _e = _a.buttonSize, buttonSize = _e === void 0 ? 'm' : _e, onClick = _a.onClick, fullWidth = _a.fullWidth, style = _a.style;
+    return (react_1.default.createElement("a", { href: href, target: target, className: (0, classnames_1.default)(styles_module_css_json_1.default.button, styles_module_css_json_1.default["buttonType-" + buttonType], styles_module_css_json_1.default["buttonSize-" + buttonSize], (_b = {},
+            _b[styles_module_css_json_1.default.fullWidth] = fullWidth,
+            _b), className), style: style, onClick: onClick }, children));
+}
+exports.ButtonLink = ButtonLink;
 //# sourceMappingURL=index.js.map

package/dist/cjs/Button/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Button/index.tsx"],"names":[],"mappings":";;;;;;AAAA,gDAA2E;AAC3E,0DAA4B;AAC5B,oFAA8C;AAc9C,SAAgB,MAAM,CAAC,EAUT;;QATZ,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,YAAe,EAAf,IAAI,mBAAG,QAAQ,KAAA;IAEf,OAAO,CACL,0CACE,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,IAAA,oBAAE,EACX,gCAAM,CAAC,MAAM,EACb,gCAAM,CAAC,gBAAc,UAAY,CAAC,EAClC,gCAAM,CAAC,gBAAc,UAAY,CAAC;YAEhC,GAAC,gCAAM,CAAC,QAAQ,IAAG,QAAQ;YAC3B,GAAC,gCAAM,CAAC,SAAS,IAAG,SAAS;iBAE/B,SAAS,CACV,EACD,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,IAEX,QAAQ,CACF,CACV,CAAC;AACJ,CAAC;AA/BD,wBA+BC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Button/index.tsx"],"names":[],"mappings":";;;;;;AAAA,gDAA2E;AAC3E,0DAA4B;AAC5B,oFAA8C;AAc9C,SAAgB,MAAM,CAAC,EAUT;;QATZ,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,YAAe,EAAf,IAAI,mBAAG,QAAQ,KAAA;IAEf,OAAO,CACL,0CACE,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,IAAA,oBAAE,EACX,gCAAM,CAAC,MAAM,EACb,gCAAM,CAAC,gBAAc,UAAY,CAAC,EAClC,gCAAM,CAAC,gBAAc,UAAY,CAAC;YAEhC,GAAC,gCAAM,CAAC,QAAQ,IAAG,QAAQ;YAC3B,GAAC,gCAAM,CAAC,SAAS,IAAG,SAAS;iBAE/B,SAAS,CACV,EACD,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,IAEX,QAAQ,CACF,CACV,CAAC;AACJ,CAAC;AA/BD,wBA+BC;AAcD,SAAgB,UAAU,CAAC,EAUT;;QAThB,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,KAAK,WAAA;IAEL,OAAO,CACL,qCACE,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,IAAA,oBAAE,EACX,gCAAM,CAAC,MAAM,EACb,gCAAM,CAAC,gBAAc,UAAY,CAAC,EAClC,gCAAM,CAAC,gBAAc,UAAY,CAAC;YAEhC,GAAC,gCAAM,CAAC,SAAS,IAAG,SAAS;iBAE/B,SAAS,CACV,EACD,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,IAEf,QAAQ,CACP,CACL,CAAC;AACJ,CAAC;AA9BD,gCA8BC"}

package/dist/cjs/SwitchField/index.js

@@ -25,10 +25,10 @@ function SwitchField(_a) {
         react_1.default.createElement("div", { className: styles_module_css_json_1.default.switchField__flex },
             react_1.default.createElement("div", { className: styles_module_css_json_1.default.switchField__switchInput },
                 react_1.default.createElement(__1.SwitchInput, __assign({}, switchInputProps, { name: name, value: value, onChange: onChange }))),
-            react_1.default.createElement(__1.FormLabel, __assign({}, formLabelProps, { htmlFor: id, required: required, className: (0, classnames_1.default)(styles_module_css_json_1.default.switchField__label, formLabelProps === null || formLabelProps === void 0 ? void 0 : formLabelProps.className) }), label)),
+            react_1.default.createElement(__1.FormLabel, __assign({}, formLabelProps, { htmlFor: id, required: required, className: (0, classnames_1.default)(styles_module_css_json_1.default.switchField__label, formLabelProps === null || formLabelProps === void 0 ? void 0 : formLabelProps.className), error: !!error }), label)),
         (hint || error) && (react_1.default.createElement("div", { className: styles_module_css_json_1.default.switchField__below },
-            hint && react_1.default.createElement(__1.FieldHint, null, hint),
-            error && react_1.default.createElement(__1.FieldError, null, error)))));
+            error && react_1.default.createElement(__1.FieldError, null, error),
+            hint && react_1.default.createElement(__1.FieldHint, null, hint)))));
 }
 exports.SwitchField = SwitchField;
 //# sourceMappingURL=index.js.map

package/dist/cjs/SwitchField/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/SwitchField/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,gDAAyC;AACzC,wBAOY;AACZ,0DAA4B;AAC5B,oFAAyC;AAezC,SAAgB,WAAW,CAAC,EAWT;QAVjB,EAAE,QAAA,EACF,IAAI,UAAA,EACJ,KAAK,WAAA,EACL,IAAI,UAAA,EACJ,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,cAAc,oBAAA,EACd,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,gBAAgB,sBAAA;IAEhB,OAAO,CACL;QACE,uCAAK,SAAS,EAAE,gCAAC,CAAC,iBAAiB;YACjC,uCAAK,SAAS,EAAE,gCAAC,CAAC,wBAAwB;gBACxC,8BAAC,eAAW,eACN,gBAAgB,IACpB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,IAClB,CACE;YACN,8BAAC,aAAS,eACJ,cAAc,IAClB,OAAO,EAAE,EAAE,EACX,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,IAAA,oBAAE,EAAC,gCAAC,CAAC,kBAAkB,EAAE,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,SAAS,CAAC,KAE7D,KAAK,CACI,CACR;QACL,CAAC,IAAI,IAAI,KAAK,CAAC,IAAI,CAClB,uCAAK,SAAS,EAAE,gCAAC,CAAC,kBAAkB;YACjC,IAAI,IAAI,8BAAC,aAAS,QAAE,IAAI,CAAa;YACrC,KAAK,IAAI,8BAAC,cAAU,QAAE,KAAK,CAAc,CACtC,CACP,CACA,CACJ,CAAC;AACJ,CAAC;AAxCD,kCAwCC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/SwitchField/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,gDAAyC;AACzC,wBAOY;AACZ,0DAA4B;AAC5B,oFAAyC;AAezC,SAAgB,WAAW,CAAC,EAWT;QAVjB,EAAE,QAAA,EACF,IAAI,UAAA,EACJ,KAAK,WAAA,EACL,IAAI,UAAA,EACJ,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,cAAc,oBAAA,EACd,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,gBAAgB,sBAAA;IAEhB,OAAO,CACL;QACE,uCAAK,SAAS,EAAE,gCAAC,CAAC,iBAAiB;YACjC,uCAAK,SAAS,EAAE,gCAAC,CAAC,wBAAwB;gBACxC,8BAAC,eAAW,eACN,gBAAgB,IACpB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,IAClB,CACE;YACN,8BAAC,aAAS,eACJ,cAAc,IAClB,OAAO,EAAE,EAAE,EACX,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,IAAA,oBAAE,EAAC,gCAAC,CAAC,kBAAkB,EAAE,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,SAAS,CAAC,EAC9D,KAAK,EAAE,CAAC,CAAC,KAAK,KAEb,KAAK,CACI,CACR;QACL,CAAC,IAAI,IAAI,KAAK,CAAC,IAAI,CAClB,uCAAK,SAAS,EAAE,gCAAC,CAAC,kBAAkB;YACjC,KAAK,IAAI,8BAAC,cAAU,QAAE,KAAK,CAAc;YACzC,IAAI,IAAI,8BAAC,aAAS,QAAE,IAAI,CAAa,CAClC,CACP,CACA,CACJ,CAAC;AACJ,CAAC;AAzCD,kCAyCC"}

package/dist/cjs/TextField/index.js

@@ -20,10 +20,10 @@ var __1 = require("..");
 function TextField(_a) {
     var id = _a.id, name = _a.name, label = _a.label, hint = _a.hint, error = _a.error, required = _a.required, placeholder = _a.placeholder, formLabelProps = _a.formLabelProps, value = _a.value, onChange = _a.onChange, textInputProps = _a.textInputProps;
     return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(__1.FormLabel, __assign({}, formLabelProps, { htmlFor: id, required: required }), label),
-        react_1.default.createElement(__1.TextInput, __assign({}, textInputProps, { id: id, name: name, value: value, placeholder: placeholder, onChange: onChange })),
-        hint && react_1.default.createElement(__1.FieldHint, null, hint),
-        error && react_1.default.createElement(__1.FieldError, null, error)));
+        react_1.default.createElement(__1.FormLabel, __assign({}, formLabelProps, { htmlFor: id, required: required, error: !!error }), label),
+        react_1.default.createElement(__1.TextInput, __assign({}, textInputProps, { id: id, name: name, value: value, placeholder: placeholder, onChange: onChange, error: !!error })),
+        error && react_1.default.createElement(__1.FieldError, null, error),
+        hint && react_1.default.createElement(__1.FieldHint, null, hint)));
 }
 exports.TextField = TextField;
 //# sourceMappingURL=index.js.map

package/dist/cjs/TextField/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/TextField/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,gDAAyC;AACzC,wBAOY;AAgBZ,SAAgB,SAAS,CAAC,EAYT;QAXf,EAAE,QAAA,EACF,IAAI,UAAA,EACJ,KAAK,WAAA,EACL,IAAI,UAAA,EACJ,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,WAAW,iBAAA,EACX,cAAc,oBAAA,EACd,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,cAAc,oBAAA;IAEd,OAAO,CACL;QACE,8BAAC,aAAS,eAAK,cAAc,IAAE,OAAO,EAAE,EAAE,EAAE,QAAQ,EAAE,QAAQ,KAC3D,KAAK,CACI;QAEZ,8BAAC,aAAS,eACJ,cAAc,IAClB,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,IAClB;QAED,IAAI,IAAI,8BAAC,aAAS,QAAE,IAAI,CAAa;QACrC,KAAK,IAAI,8BAAC,cAAU,QAAE,KAAK,CAAc,CACzC,CACJ,CAAC;AACJ,CAAC;AAhCD,8BAgCC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/TextField/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,gDAAyC;AACzC,wBAOY;AAgBZ,SAAgB,SAAS,CAAC,EAYT;QAXf,EAAE,QAAA,EACF,IAAI,UAAA,EACJ,KAAK,WAAA,EACL,IAAI,UAAA,EACJ,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,WAAW,iBAAA,EACX,cAAc,oBAAA,EACd,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,cAAc,oBAAA;IAEd,OAAO,CACL;QACE,8BAAC,aAAS,eACJ,cAAc,IAClB,OAAO,EAAE,EAAE,EACX,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,CAAC,CAAC,KAAK,KAEb,KAAK,CACI;QAEZ,8BAAC,aAAS,eACJ,cAAc,IAClB,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,CAAC,CAAC,KAAK,IACd;QAED,KAAK,IAAI,8BAAC,cAAU,QAAE,KAAK,CAAc;QACzC,IAAI,IAAI,8BAAC,aAAS,QAAE,IAAI,CAAa,CACrC,CACJ,CAAC;AACJ,CAAC;AAtCD,8BAsCC"}

package/dist/cjs/TextInput/index.js

@@ -60,8 +60,7 @@ var TextInput = function (_a) {
         _b[styles_module_css_json_1.default['TextInput--disabled']] = disabled,
         _b[styles_module_css_json_1.default['TextInput--error']] = error,
         _b));
-    return (react_1.default.createElement("div", { className: classNames },
-        react_1.default.createElement("input", __assign({ "aria-label": labelText, className: styles_module_css_json_1.default['TextInput__input'], id: id, name: name, required: required, placeholder: placeholder, maxLength: maxLength, disabled: disabled, onBlur: onBlur, onChange: handleChange, value: value, type: type, ref: inputRef }, otherProps))));
+    return (react_1.default.createElement("input", __assign({ className: classNames, "aria-label": labelText, id: id, name: name, required: required, placeholder: placeholder, maxLength: maxLength, disabled: disabled, onBlur: onBlur, onChange: handleChange, value: value, type: type, ref: inputRef }, otherProps)));
 };
 exports.TextInput = TextInput;
 //# sourceMappingURL=index.js.map

package/dist/cjs/TextInput/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/TextInput/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAmE;AACnE,0DAA4B;AAC5B,oFAAyC;AA2BlC,IAAM,SAAS,GAAG,UAAC,EAgBT;;IAff,IAAA,SAAS,eAAA,EACT,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,KAAK,WAAA,EACL,EAAE,QAAA,EACF,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,IAAI,UAAA,EACJ,SAAS,eAAA,EACT,MAAM,YAAA,EACN,QAAQ,cAAA,EACR,WAAW,iBAAA,EACX,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,IAAI,UAAA,EACJ,KAAK,WAAA,EACF,UAAU,cAfW,wJAgBzB,CADc;IAEb,IAAM,YAAY,GAAG,IAAA,mBAAW,EAC9B,UAAC,CAAgC;QAC/B,IAAI,QAAQ,EAAE;YACZ,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;SAC7B;IACH,CAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAC;IAEF,IAAM,UAAU,GAAG,IAAA,oBAAE,EAAC,gCAAC,CAAC,WAAW,CAAC,EAAE,SAAS;QAC7C,GAAC,gCAAC,CAAC,qBAAqB,CAAC,IAAG,QAAQ;QACpC,GAAC,gCAAC,CAAC,kBAAkB,CAAC,IAAG,KAAK;YAC9B,CAAC;IAEH,OAAO,CACL,uCAAK,SAAS,EAAE,UAAU;QACxB,gEACc,SAAS,EACrB,SAAS,EAAE,gCAAC,CAAC,kBAAkB,CAAC,EAChC,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,YAAY,EACtB,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,GAAG,EAAE,QAAQ,IACT,UAAU,EACd,CACE,CACP,CAAC;AACJ,CAAC,CAAC;AAnDW,QAAA,SAAS,aAmDpB"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/TextInput/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAmE;AACnE,0DAA4B;AAC5B,oFAAyC;AA0BlC,IAAM,SAAS,GAAG,UAAC,EAgBT;;IAff,IAAA,SAAS,eAAA,EACT,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,KAAK,WAAA,EACL,EAAE,QAAA,EACF,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,IAAI,UAAA,EACJ,SAAS,eAAA,EACT,MAAM,YAAA,EACN,QAAQ,cAAA,EACR,WAAW,iBAAA,EACX,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,IAAI,UAAA,EACJ,KAAK,WAAA,EACF,UAAU,cAfW,wJAgBzB,CADc;IAEb,IAAM,YAAY,GAAG,IAAA,mBAAW,EAC9B,UAAC,CAAgC;QAC/B,IAAI,QAAQ,EAAE;YACZ,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;SAC7B;IACH,CAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAC;IAEF,IAAM,UAAU,GAAG,IAAA,oBAAE,EAAC,gCAAC,CAAC,WAAW,CAAC,EAAE,SAAS;QAC7C,GAAC,gCAAC,CAAC,qBAAqB,CAAC,IAAG,QAAQ;QACpC,GAAC,gCAAC,CAAC,kBAAkB,CAAC,IAAG,KAAK;YAC9B,CAAC;IAEH,OAAO,CACL,kDACE,SAAS,EAAE,UAAU,gBACT,SAAS,EACrB,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,YAAY,EACtB,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,GAAG,EAAE,QAAQ,IACT,UAAU,EACd,CACH,CAAC;AACJ,CAAC,CAAC;AAjDW,QAAA,SAAS,aAiDpB"}

package/dist/cjs/TextInput/styles.module.css.json

@@ -1 +1 @@
-{ "TextInput": "_TextInput_1m3nw_1", "TextInput--disabled": "_TextInput--disabled_1m3nw_4", "TextInput--error": "_TextInput--error_1m3nw_10", "TextInput__input": "_TextInput__input_1m3nw_18" }
+{ "TextInput": "_TextInput_pdyay_1", "TextInput--disabled": "_TextInput--disabled_pdyay_30", "TextInput--error": "_TextInput--error_pdyay_36" }

package/dist/esm/Button/index.d.ts

@@ -11,3 +11,15 @@ export declare type ButtonProps = {
     style?: CSSProperties;
 };
 export declare function Button({ children, className, disabled, buttonType, buttonSize, fullWidth, onClick, style, type, }: ButtonProps): JSX.Element;
+export declare type ButtonLinkProps = {
+    children: ReactNode;
+    href: string;
+    target?: React.AnchorHTMLAttributes<HTMLAnchorElement>['target'];
+    className?: string;
+    onClick?: MouseEventHandler;
+    buttonType?: 'primary' | 'muted' | 'negative';
+    buttonSize?: 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl';
+    fullWidth?: boolean;
+    style?: CSSProperties;
+};
+export declare function ButtonLink({ children, href, target, className, buttonType, buttonSize, onClick, fullWidth, style, }: ButtonLinkProps): JSX.Element;

package/dist/esm/Button/index.js

@@ -9,4 +9,11 @@ export function Button(_a) {
             _b[styles.fullWidth] = fullWidth,
             _b), className), disabled: disabled, onClick: onClick, style: style }, children));
 }
+export function ButtonLink(_a) {
+    var _b;
+    var children = _a.children, href = _a.href, _c = _a.target, target = _c === void 0 ? '_blank' : _c, className = _a.className, _d = _a.buttonType, buttonType = _d === void 0 ? 'muted' : _d, _e = _a.buttonSize, buttonSize = _e === void 0 ? 'm' : _e, onClick = _a.onClick, fullWidth = _a.fullWidth, style = _a.style;
+    return (React.createElement("a", { href: href, target: target, className: cn(styles.button, styles["buttonType-" + buttonType], styles["buttonSize-" + buttonSize], (_b = {},
+            _b[styles.fullWidth] = fullWidth,
+            _b), className), style: style, onClick: onClick }, children));
+}
 //# sourceMappingURL=index.js.map

package/dist/esm/Button/index.js.map

@@ -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;AAc9C,MAAM,UAAU,MAAM,CAAC,EAUT;;QATZ,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,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,IAEX,QAAQ,CACF,CACV,CAAC;AACJ,CAAC"}
+{"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;AAc9C,MAAM,UAAU,MAAM,CAAC,EAUT;;QATZ,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,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,IAEX,QAAQ,CACF,CACV,CAAC;AACJ,CAAC;AAcD,MAAM,UAAU,UAAU,CAAC,EAUT;;QAThB,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,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,IAEf,QAAQ,CACP,CACL,CAAC;AACJ,CAAC"}

package/dist/esm/Canvas/index.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { RenderProperties } from 'datocms-plugins-sdk';
+import { RenderProperties } from 'datocms-plugin-sdk';
 export declare type CanvasProps = {
     ctx: RenderProperties;
     noAutoResizer?: boolean;

package/dist/esm/SwitchField/index.js

@@ -19,9 +19,9 @@ export function SwitchField(_a) {
         React.createElement("div", { className: s.switchField__flex },
             React.createElement("div", { className: s.switchField__switchInput },
                 React.createElement(SwitchInput, __assign({}, switchInputProps, { name: name, value: value, onChange: onChange }))),
-            React.createElement(FormLabel, __assign({}, formLabelProps, { htmlFor: id, required: required, className: cn(s.switchField__label, formLabelProps === null || formLabelProps === void 0 ? void 0 : formLabelProps.className) }), label)),
+            React.createElement(FormLabel, __assign({}, formLabelProps, { htmlFor: id, required: required, className: cn(s.switchField__label, formLabelProps === null || formLabelProps === void 0 ? void 0 : formLabelProps.className), error: !!error }), label)),
         (hint || error) && (React.createElement("div", { className: s.switchField__below },
-            hint && React.createElement(FieldHint, null, hint),
-            error && React.createElement(FieldError, null, error)))));
+            error && React.createElement(FieldError, null, error),
+            hint && React.createElement(FieldHint, null, hint)))));
 }
 //# sourceMappingURL=index.js.map

package/dist/esm/SwitchField/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/SwitchField/index.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AACzC,OAAO,EACL,UAAU,EACV,SAAS,EACT,SAAS,EAET,WAAW,GAEZ,MAAM,IAAI,CAAC;AACZ,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,CAAC,MAAM,0BAA0B,CAAC;AAezC,MAAM,UAAU,WAAW,CAAC,EAWT;QAVjB,EAAE,QAAA,EACF,IAAI,UAAA,EACJ,KAAK,WAAA,EACL,IAAI,UAAA,EACJ,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,cAAc,oBAAA,EACd,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,gBAAgB,sBAAA;IAEhB,OAAO,CACL;QACE,6BAAK,SAAS,EAAE,CAAC,CAAC,iBAAiB;YACjC,6BAAK,SAAS,EAAE,CAAC,CAAC,wBAAwB;gBACxC,oBAAC,WAAW,eACN,gBAAgB,IACpB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,IAClB,CACE;YACN,oBAAC,SAAS,eACJ,cAAc,IAClB,OAAO,EAAE,EAAE,EACX,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,EAAE,CAAC,CAAC,CAAC,kBAAkB,EAAE,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,SAAS,CAAC,KAE7D,KAAK,CACI,CACR;QACL,CAAC,IAAI,IAAI,KAAK,CAAC,IAAI,CAClB,6BAAK,SAAS,EAAE,CAAC,CAAC,kBAAkB;YACjC,IAAI,IAAI,oBAAC,SAAS,QAAE,IAAI,CAAa;YACrC,KAAK,IAAI,oBAAC,UAAU,QAAE,KAAK,CAAc,CACtC,CACP,CACA,CACJ,CAAC;AACJ,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/SwitchField/index.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AACzC,OAAO,EACL,UAAU,EACV,SAAS,EACT,SAAS,EAET,WAAW,GAEZ,MAAM,IAAI,CAAC;AACZ,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,CAAC,MAAM,0BAA0B,CAAC;AAezC,MAAM,UAAU,WAAW,CAAC,EAWT;QAVjB,EAAE,QAAA,EACF,IAAI,UAAA,EACJ,KAAK,WAAA,EACL,IAAI,UAAA,EACJ,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,cAAc,oBAAA,EACd,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,gBAAgB,sBAAA;IAEhB,OAAO,CACL;QACE,6BAAK,SAAS,EAAE,CAAC,CAAC,iBAAiB;YACjC,6BAAK,SAAS,EAAE,CAAC,CAAC,wBAAwB;gBACxC,oBAAC,WAAW,eACN,gBAAgB,IACpB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,IAClB,CACE;YACN,oBAAC,SAAS,eACJ,cAAc,IAClB,OAAO,EAAE,EAAE,EACX,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,EAAE,CAAC,CAAC,CAAC,kBAAkB,EAAE,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,SAAS,CAAC,EAC9D,KAAK,EAAE,CAAC,CAAC,KAAK,KAEb,KAAK,CACI,CACR;QACL,CAAC,IAAI,IAAI,KAAK,CAAC,IAAI,CAClB,6BAAK,SAAS,EAAE,CAAC,CAAC,kBAAkB;YACjC,KAAK,IAAI,oBAAC,UAAU,QAAE,KAAK,CAAc;YACzC,IAAI,IAAI,oBAAC,SAAS,QAAE,IAAI,CAAa,CAClC,CACP,CACA,CACJ,CAAC;AACJ,CAAC"}

package/dist/esm/TextField/index.js

@@ -14,9 +14,9 @@ import { FieldError, FieldHint, FormLabel, TextInput, } from '..';
 export function TextField(_a) {
     var id = _a.id, name = _a.name, label = _a.label, hint = _a.hint, error = _a.error, required = _a.required, placeholder = _a.placeholder, formLabelProps = _a.formLabelProps, value = _a.value, onChange = _a.onChange, textInputProps = _a.textInputProps;
     return (React.createElement(React.Fragment, null,
-        React.createElement(FormLabel, __assign({}, formLabelProps, { htmlFor: id, required: required }), label),
-        React.createElement(TextInput, __assign({}, textInputProps, { id: id, name: name, value: value, placeholder: placeholder, onChange: onChange })),
-        hint && React.createElement(FieldHint, null, hint),
-        error && React.createElement(FieldError, null, error)));
+        React.createElement(FormLabel, __assign({}, formLabelProps, { htmlFor: id, required: required, error: !!error }), label),
+        React.createElement(TextInput, __assign({}, textInputProps, { id: id, name: name, value: value, placeholder: placeholder, onChange: onChange, error: !!error })),
+        error && React.createElement(FieldError, null, error),
+        hint && React.createElement(FieldHint, null, hint)));
 }
 //# sourceMappingURL=index.js.map

package/dist/esm/TextField/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/TextField/index.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AACzC,OAAO,EACL,UAAU,EACV,SAAS,EACT,SAAS,EAET,SAAS,GAEV,MAAM,IAAI,CAAC;AAgBZ,MAAM,UAAU,SAAS,CAAC,EAYT;QAXf,EAAE,QAAA,EACF,IAAI,UAAA,EACJ,KAAK,WAAA,EACL,IAAI,UAAA,EACJ,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,WAAW,iBAAA,EACX,cAAc,oBAAA,EACd,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,cAAc,oBAAA;IAEd,OAAO,CACL;QACE,oBAAC,SAAS,eAAK,cAAc,IAAE,OAAO,EAAE,EAAE,EAAE,QAAQ,EAAE,QAAQ,KAC3D,KAAK,CACI;QAEZ,oBAAC,SAAS,eACJ,cAAc,IAClB,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,IAClB;QAED,IAAI,IAAI,oBAAC,SAAS,QAAE,IAAI,CAAa;QACrC,KAAK,IAAI,oBAAC,UAAU,QAAE,KAAK,CAAc,CACzC,CACJ,CAAC;AACJ,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/TextField/index.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AACzC,OAAO,EACL,UAAU,EACV,SAAS,EACT,SAAS,EAET,SAAS,GAEV,MAAM,IAAI,CAAC;AAgBZ,MAAM,UAAU,SAAS,CAAC,EAYT;QAXf,EAAE,QAAA,EACF,IAAI,UAAA,EACJ,KAAK,WAAA,EACL,IAAI,UAAA,EACJ,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,WAAW,iBAAA,EACX,cAAc,oBAAA,EACd,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,cAAc,oBAAA;IAEd,OAAO,CACL;QACE,oBAAC,SAAS,eACJ,cAAc,IAClB,OAAO,EAAE,EAAE,EACX,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,CAAC,CAAC,KAAK,KAEb,KAAK,CACI;QAEZ,oBAAC,SAAS,eACJ,cAAc,IAClB,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,CAAC,CAAC,KAAK,IACd;QAED,KAAK,IAAI,oBAAC,UAAU,QAAE,KAAK,CAAc;QACzC,IAAI,IAAI,oBAAC,SAAS,QAAE,IAAI,CAAa,CACrC,CACJ,CAAC;AACJ,CAAC"}

package/dist/esm/TextInput/index.d.ts

@@ -7,8 +7,7 @@ export declare type TextInputProps = {
     id?: string;
     className?: string;
     onChange?: TextInputChangeEventHandler;
-    value: string;
     inputRef?: RefObject<HTMLInputElement>;
     error?: boolean;
-} & JSX.IntrinsicElements['input'];
+} & Omit<JSX.IntrinsicElements['input'], 'onChange'>;
 export declare const TextInput: ({ className, disabled, error, id, inputRef, maxLength, name, labelText, onBlur, onChange, placeholder, required, type, value, ...otherProps }: TextInputProps) => JSX.Element;

package/dist/esm/TextInput/index.js

@@ -35,7 +35,6 @@ export var TextInput = function (_a) {
         _b[s['TextInput--disabled']] = disabled,
         _b[s['TextInput--error']] = error,
         _b));
-    return (React.createElement("div", { className: classNames },
-        React.createElement("input", __assign({ "aria-label": labelText, className: s['TextInput__input'], id: id, name: name, required: required, placeholder: placeholder, maxLength: maxLength, disabled: disabled, onBlur: onBlur, onChange: handleChange, value: value, type: type, ref: inputRef }, otherProps))));
+    return (React.createElement("input", __assign({ className: classNames, "aria-label": labelText, id: id, name: name, required: required, placeholder: placeholder, maxLength: maxLength, disabled: disabled, onBlur: onBlur, onChange: handleChange, value: value, type: type, ref: inputRef }, otherProps)));
 };
 //# sourceMappingURL=index.js.map

package/dist/esm/TextInput/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/TextInput/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,WAAW,EAA0B,MAAM,OAAO,CAAC;AACnE,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,CAAC,MAAM,0BAA0B,CAAC;AA2BzC,MAAM,CAAC,IAAM,SAAS,GAAG,UAAC,EAgBT;;IAff,IAAA,SAAS,eAAA,EACT,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,KAAK,WAAA,EACL,EAAE,QAAA,EACF,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,IAAI,UAAA,EACJ,SAAS,eAAA,EACT,MAAM,YAAA,EACN,QAAQ,cAAA,EACR,WAAW,iBAAA,EACX,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,IAAI,UAAA,EACJ,KAAK,WAAA,EACF,UAAU,cAfW,wJAgBzB,CADc;IAEb,IAAM,YAAY,GAAG,WAAW,CAC9B,UAAC,CAAgC;QAC/B,IAAI,QAAQ,EAAE;YACZ,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;SAC7B;IACH,CAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAC;IAEF,IAAM,UAAU,GAAG,EAAE,CAAC,CAAC,CAAC,WAAW,CAAC,EAAE,SAAS;QAC7C,GAAC,CAAC,CAAC,qBAAqB,CAAC,IAAG,QAAQ;QACpC,GAAC,CAAC,CAAC,kBAAkB,CAAC,IAAG,KAAK;YAC9B,CAAC;IAEH,OAAO,CACL,6BAAK,SAAS,EAAE,UAAU;QACxB,sDACc,SAAS,EACrB,SAAS,EAAE,CAAC,CAAC,kBAAkB,CAAC,EAChC,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,YAAY,EACtB,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,GAAG,EAAE,QAAQ,IACT,UAAU,EACd,CACE,CACP,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/TextInput/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,WAAW,EAA0B,MAAM,OAAO,CAAC;AACnE,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,CAAC,MAAM,0BAA0B,CAAC;AA0BzC,MAAM,CAAC,IAAM,SAAS,GAAG,UAAC,EAgBT;;IAff,IAAA,SAAS,eAAA,EACT,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,KAAK,WAAA,EACL,EAAE,QAAA,EACF,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,IAAI,UAAA,EACJ,SAAS,eAAA,EACT,MAAM,YAAA,EACN,QAAQ,cAAA,EACR,WAAW,iBAAA,EACX,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,IAAI,UAAA,EACJ,KAAK,WAAA,EACF,UAAU,cAfW,wJAgBzB,CADc;IAEb,IAAM,YAAY,GAAG,WAAW,CAC9B,UAAC,CAAgC;QAC/B,IAAI,QAAQ,EAAE;YACZ,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;SAC7B;IACH,CAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAC;IAEF,IAAM,UAAU,GAAG,EAAE,CAAC,CAAC,CAAC,WAAW,CAAC,EAAE,SAAS;QAC7C,GAAC,CAAC,CAAC,qBAAqB,CAAC,IAAG,QAAQ;QACpC,GAAC,CAAC,CAAC,kBAAkB,CAAC,IAAG,KAAK;YAC9B,CAAC;IAEH,OAAO,CACL,wCACE,SAAS,EAAE,UAAU,gBACT,SAAS,EACrB,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,YAAY,EACtB,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,GAAG,EAAE,QAAQ,IACT,UAAU,EACd,CACH,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/TextInput/styles.module.css.json

@@ -1 +1 @@
-{ "TextInput": "_TextInput_1m3nw_1", "TextInput--disabled": "_TextInput--disabled_1m3nw_4", "TextInput--error": "_TextInput--error_1m3nw_10", "TextInput__input": "_TextInput__input_1m3nw_18" }
+{ "TextInput": "_TextInput_pdyay_1", "TextInput--disabled": "_TextInput--disabled_pdyay_30", "TextInput--error": "_TextInput--error_pdyay_36" }

package/dist/types/Button/index.d.ts

@@ -11,3 +11,15 @@ export declare type ButtonProps = {
     style?: CSSProperties;
 };
 export declare function Button({ children, className, disabled, buttonType, buttonSize, fullWidth, onClick, style, type, }: ButtonProps): JSX.Element;
+export declare type ButtonLinkProps = {
+    children: ReactNode;
+    href: string;
+    target?: React.AnchorHTMLAttributes<HTMLAnchorElement>['target'];
+    className?: string;
+    onClick?: MouseEventHandler;
+    buttonType?: 'primary' | 'muted' | 'negative';
+    buttonSize?: 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl';
+    fullWidth?: boolean;
+    style?: CSSProperties;
+};
+export declare function ButtonLink({ children, href, target, className, buttonType, buttonSize, onClick, fullWidth, style, }: ButtonLinkProps): JSX.Element;

package/dist/types/Canvas/index.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { RenderProperties } from 'datocms-plugins-sdk';
+import { RenderProperties } from 'datocms-plugin-sdk';
 export declare type CanvasProps = {
     ctx: RenderProperties;
     noAutoResizer?: boolean;

package/dist/types/TextInput/index.d.ts

@@ -7,8 +7,7 @@ export declare type TextInputProps = {
     id?: string;
     className?: string;
     onChange?: TextInputChangeEventHandler;
-    value: string;
     inputRef?: RefObject<HTMLInputElement>;
     error?: boolean;
-} & JSX.IntrinsicElements['input'];
+} & Omit<JSX.IntrinsicElements['input'], 'onChange'>;
 export declare const TextInput: ({ className, disabled, error, id, inputRef, maxLength, name, labelText, onBlur, onChange, placeholder, required, type, value, ...otherProps }: TextInputProps) => JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "datocms-react-ui",
-  "version": "0.2.0-alpha.64",
+  "version": "0.3.0-alpha.0",
   "description": "React components to use inside DatoCMS plugins",
   "keywords": [
     "datocms",
@@ -39,7 +39,7 @@
   },
   "dependencies": {
     "classnames": "^2.3.1",
-    "datocms-plugins-sdk": "^0.2.0-alpha.64"
+    "datocms-plugin-sdk": "^0.3.0-alpha.0"
   },
   "peerDependencies": {
     "react": ">= 17.0.2"
@@ -55,5 +55,5 @@
     "postcss-nested": "^5.0.6",
     "typedoc": "^0.22.8"
   },
-  "gitHead": "b86c0d4eac315a656afdd71d87e99e283a17ab77"
+  "gitHead": "556fad17761832099a26b168547b0165d4e1be63"
 }

package/styles.css

@@ -1 +1 @@
-@import "https://use.typekit.net/iok7hkr.css";._button_p1vuc_1{-webkit-appearance:none;-moz-appearance:none;background-color:transparent;border:1px solid transparent;border-radius:4px;box-sizing:border-box;color:var(--base-body-color);cursor:pointer;display:inline-block;font-family:inherit;font-weight:500;line-height:inherit;opacity:1;text-decoration:none;transition:all .3s var(--material-ease);vertical-align:middle;white-space:nowrap}._button_p1vuc_1:focus,._button_p1vuc_1:hover{opacity:.8}._button_p1vuc_1:active{opacity:.7}._disabled_p1vuc_30{background-color:var(--light-bg-color);border-width:0;color:rgba(0,0,0,.2);cursor:not-allowed}._buttonType-muted_p1vuc_37{background-color:var(--light-color);color:var(--accent-color)}._buttonType-primary_p1vuc_42{background-color:var(--accent-color);border-width:0;color:#fff}._buttonType-primary_p1vuc_42:active,._buttonType-primary_p1vuc_42:focus,._buttonType-primary_p1vuc_42:hover{color:#fff}._buttonType-primary_p1vuc_42._disabled_p1vuc_30{background-color:var(--disabled-bg-color);color:rgba(0,0,0,.2)}._buttonType-primary_p1vuc_42._disabled_p1vuc_30:active,._buttonType-primary_p1vuc_42._disabled_p1vuc_30:focus,._buttonType-primary_p1vuc_42._disabled_p1vuc_30:hover{color:rgba(0,0,0,.2)}._buttonType-negative_p1vuc_64{border-width:0}._buttonType-negative_p1vuc_64,._buttonType-negative_p1vuc_64:active,._buttonType-negative_p1vuc_64:focus,._buttonType-negative_p1vuc_64:hover{background-color:var(--alert-color);color:#fff}._buttonType-negative_p1vuc_64._disabled_p1vuc_30{background-color:var(--disabled-bg-color);color:rgba(0,0,0,.2)}._buttonSize-xxs_p1vuc_82{font-size:1em;padding:.5em .8em}._buttonSize-xs_p1vuc_87{font-size:1em;padding:.6em .8em}._buttonSize-s_p1vuc_92{font-size:1em;padding:.7em 1em}._buttonSize-m_p1vuc_97{font-size:1.1em;padding:.7em 1em}._buttonSize-l_p1vuc_102{font-size:1.2em;padding:.7em 1em}._buttonSize-xl_p1vuc_107{font-size:1.2em;padding:1em}._fullWidth_p1vuc_112{display:block;text-align:center;width:100%}._canvas_1kptt_1{--base-body-color:#34363a;--light-body-color:#848484;--placeholder-body-color:#c6c6c6;--light-bg-color:#f5f5f5;--lighter-bg-color:#f8f8f8;--disabled-bg-color:#ededed;--border-color:#f0f0f0;--darker-border-color:#d7d7d7;--alert-color:#ff5e49;--alert-rgb-components:255,94,73;--warning-color:gold;--notice-color:#46d700;--warning-bg-color:#ffffe5;--add-color:#4cb06d;--remove-color:#eb576a;--base-font-family:"colfax-web","Roboto","Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;--monospaced-font-family:"Roboto Mono","Menlo","Bitstream Vera Sans Mono",Consolas,Courier,monospace;--spacing-s:0.375rem;--spacing-m:0.75rem;--spacing-l:1.5rem;--spacing-xl:2.25rem;--spacing-xxl:3.75rem;--spacing-xxxl:6rem;--font-size-xxs:0.6875rem;--font-size-xs:0.75rem;--font-size-s:0.875rem;--font-size-m:0.9375rem;--font-size-l:1.0625rem;--font-size-xl:1.1875rem;--font-size-xxl:1.5625rem;--font-size-xxxl:1.875rem;--font-size-xxxl:2.1875rem;--font-size-xxxl:3.125rem;--material-ease:cubic-bezier(0.55,0,0.1,1);--inertial-ease:cubic-bezier(0.19,1,0.22,1);-webkit-text-size-adjust:100%;text-rendering:optimizeLegibility;color:var(--base-body-color);font-family:var(--base-font-family);font-size:var(--font-size-m);line-height:1.5}._fieldError_qi0xk_1{color:var(--alert-color);font-size:var(--font-size-xs);line-height:1.2;margin-top:var(--spacing-s)}._FieldGroup_uz9ju_1{display:block}._FieldGroup__item_uz9ju_5{display:block;margin-bottom:var(--spacing-l)}._FieldGroup__item_uz9ju_5:last-child{margin-bottom:0}._fieldHint_1dor2_1{color:var(--light-body-color);font-size:var(--font-size-xs);line-height:1.2;margin-top:var(--spacing-s)}._Form_5qspp_1,._Form__item_5qspp_5{display:block}._Form__item_5qspp_5:last-child{margin-bottom:0}._Form__item--default_5qspp_13{margin-bottom:var(--spacing-l)}._Form__item--condensed_5qspp_17{margin-bottom:var(--spacing-m)}._formLabel_tcjrv_1{align-items:center;color:var(--light-body-color);display:flex;margin-bottom:var(--spacing-s)}._formLabel_tcjrv_1:hover ._formLabel__code_tcjrv_8{opacity:1}._formLabel--error_tcjrv_14{color:var(--alert-color)}._formLabel__label_tcjrv_18{flex:1}._formLabel__code_tcjrv_8{font-family:var(--monospaced-font-family);font-size:.95em;opacity:0;position:absolute;transition:opacity .2s var(--material-ease)}._switchField__flex_16z4j_1{align-items:center;display:flex}._switchField__switchInput_16z4j_6{width:55px}._switchField__label_16z4j_10{color:var(--base-body-color);flex:1;line-height:1.1;line-height:20px;margin-bottom:0;pointer-events:none;-moz-user-select:text;-ms-user-select:text;user-select:text}._switchField__below_16z4j_22{margin-left:55px;margin-top:var(--spacing-s)}._switchInput__inner_1knbg_1{color:#fff;font-size:12px;left:24px;position:absolute}._switchInput_1knbg_1{background-color:#ccc;border:1px solid #ccc;border-radius:20px 20px;box-sizing:border-box;cursor:pointer;display:inline-block;height:22px;line-height:20px;position:relative;transition:all .3s cubic-bezier(.35,0,.25,1);vertical-align:middle;width:44px}._switchInput_1knbg_1:after{animation-duration:.3s;animation-name:_switchInput__off_1knbg_1;animation-timing-function:cubic-bezier(.35,0,.25,1);background-color:#fff;border-radius:50% 50%;box-shadow:0 2px 5px rgba(0,0,0,.26);content:" ";cursor:pointer;height:18px;left:2px;position:absolute;top:1px;transform:scale(1);transition:left .3s cubic-bezier(.35,0,.25,1);width:18px}._switchInput_1knbg_1:focus:after,._switchInput_1knbg_1:hover{animation-name:_switchInput__on_1knbg_1;transform:scale(1.1)}._switchInput__checked_1knbg_47{background-color:var(--accent-color);border:1px solid var(--accent-color)}._switchInput__checked_1knbg_47 ._switchInput__inner_1knbg_1{left:6px}._switchInput__checked_1knbg_47:after{left:22px}._switchInput__disabled_1knbg_60{background:#ccc;border-color:#ccc;cursor:no-drop}._switchInput__disabled_1knbg_60:after{animation-name:_none_1knbg_1;background:#9e9e9e;cursor:no-drop}._switchInput__disabled_1knbg_60:focus:after,._switchInput__disabled_1knbg_60:hover{animation-name:_none_1knbg_1;transform:scale(1)}@keyframes _switchInput__on_1knbg_1{0%{transform:scale(1)}50%{transform:scale(1.25)}to{transform:scale(1.1)}}@keyframes _switchInput__off_1knbg_1{0%{transform:scale(1.1)}to{transform:scale(1)}}._TextInput--disabled_1m3nw_4{background:var(--lighter-bg-color);border-color:var(--border-color);color:var(--light-body-color)}._TextInput--error_1m3nw_10{border-color:var(--alert-color)}._TextInput--error_1m3nw_10:focus{box-shadow:0 0 0 3px rgba(var(--alert-rgb-components),.2)}._TextInput__input_1m3nw_18{appearance:none;background-image:none;border:1px solid var(--border-color);border-radius:0;box-sizing:border-box;display:block;font-size:var(--font-size-m);padding:10px;resize:none;transition:border .2s var(--material-ease);width:100%}._TextInput__input_1m3nw_18::placeholder{color:var(--placeholder-body-color)}._TextInput__input_1m3nw_18:hover{border-color:var(--darker-border-color)}._TextInput__input_1m3nw_18:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px var(--semi-transparent-accent-color);outline:0}html{font-size:16px;height:auto}body,html{margin:0;padding:0}
+@import "https://use.typekit.net/iok7hkr.css";._button_p1vuc_1{-webkit-appearance:none;-moz-appearance:none;background-color:transparent;border:1px solid transparent;border-radius:4px;box-sizing:border-box;color:var(--base-body-color);cursor:pointer;display:inline-block;font-family:inherit;font-weight:500;line-height:inherit;opacity:1;text-decoration:none;transition:all .3s var(--material-ease);vertical-align:middle;white-space:nowrap}._button_p1vuc_1:focus,._button_p1vuc_1:hover{opacity:.8}._button_p1vuc_1:active{opacity:.7}._disabled_p1vuc_30{background-color:var(--light-bg-color);border-width:0;color:rgba(0,0,0,.2);cursor:not-allowed}._buttonType-muted_p1vuc_37{background-color:var(--light-color);color:var(--accent-color)}._buttonType-primary_p1vuc_42{background-color:var(--accent-color);border-width:0;color:#fff}._buttonType-primary_p1vuc_42:active,._buttonType-primary_p1vuc_42:focus,._buttonType-primary_p1vuc_42:hover{color:#fff}._buttonType-primary_p1vuc_42._disabled_p1vuc_30{background-color:var(--disabled-bg-color);color:rgba(0,0,0,.2)}._buttonType-primary_p1vuc_42._disabled_p1vuc_30:active,._buttonType-primary_p1vuc_42._disabled_p1vuc_30:focus,._buttonType-primary_p1vuc_42._disabled_p1vuc_30:hover{color:rgba(0,0,0,.2)}._buttonType-negative_p1vuc_64{border-width:0}._buttonType-negative_p1vuc_64,._buttonType-negative_p1vuc_64:active,._buttonType-negative_p1vuc_64:focus,._buttonType-negative_p1vuc_64:hover{background-color:var(--alert-color);color:#fff}._buttonType-negative_p1vuc_64._disabled_p1vuc_30{background-color:var(--disabled-bg-color);color:rgba(0,0,0,.2)}._buttonSize-xxs_p1vuc_82{font-size:1em;padding:.5em .8em}._buttonSize-xs_p1vuc_87{font-size:1em;padding:.6em .8em}._buttonSize-s_p1vuc_92{font-size:1em;padding:.7em 1em}._buttonSize-m_p1vuc_97{font-size:1.1em;padding:.7em 1em}._buttonSize-l_p1vuc_102{font-size:1.2em;padding:.7em 1em}._buttonSize-xl_p1vuc_107{font-size:1.2em;padding:1em}._fullWidth_p1vuc_112{display:block;text-align:center;width:100%}._canvas_1kptt_1{--base-body-color:#34363a;--light-body-color:#848484;--placeholder-body-color:#c6c6c6;--light-bg-color:#f5f5f5;--lighter-bg-color:#f8f8f8;--disabled-bg-color:#ededed;--border-color:#f0f0f0;--darker-border-color:#d7d7d7;--alert-color:#ff5e49;--alert-rgb-components:255,94,73;--warning-color:gold;--notice-color:#46d700;--warning-bg-color:#ffffe5;--add-color:#4cb06d;--remove-color:#eb576a;--base-font-family:"colfax-web","Roboto","Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;--monospaced-font-family:"Roboto Mono","Menlo","Bitstream Vera Sans Mono",Consolas,Courier,monospace;--spacing-s:0.375rem;--spacing-m:0.75rem;--spacing-l:1.5rem;--spacing-xl:2.25rem;--spacing-xxl:3.75rem;--spacing-xxxl:6rem;--font-size-xxs:0.6875rem;--font-size-xs:0.75rem;--font-size-s:0.875rem;--font-size-m:0.9375rem;--font-size-l:1.0625rem;--font-size-xl:1.1875rem;--font-size-xxl:1.5625rem;--font-size-xxxl:1.875rem;--font-size-xxxl:2.1875rem;--font-size-xxxl:3.125rem;--material-ease:cubic-bezier(0.55,0,0.1,1);--inertial-ease:cubic-bezier(0.19,1,0.22,1);-webkit-text-size-adjust:100%;text-rendering:optimizeLegibility;color:var(--base-body-color);font-family:var(--base-font-family);font-size:var(--font-size-m);line-height:1.5}._fieldError_qi0xk_1{color:var(--alert-color);font-size:var(--font-size-xs);line-height:1.2;margin-top:var(--spacing-s)}._FieldGroup_uz9ju_1{display:block}._FieldGroup__item_uz9ju_5{display:block;margin-bottom:var(--spacing-l)}._FieldGroup__item_uz9ju_5:last-child{margin-bottom:0}._fieldHint_1dor2_1{color:var(--light-body-color);font-size:var(--font-size-xs);line-height:1.2;margin-top:var(--spacing-s)}._Form_5qspp_1,._Form__item_5qspp_5{display:block}._Form__item_5qspp_5:last-child{margin-bottom:0}._Form__item--default_5qspp_13{margin-bottom:var(--spacing-l)}._Form__item--condensed_5qspp_17{margin-bottom:var(--spacing-m)}._formLabel_tcjrv_1{align-items:center;color:var(--light-body-color);display:flex;margin-bottom:var(--spacing-s)}._formLabel_tcjrv_1:hover ._formLabel__code_tcjrv_8{opacity:1}._formLabel--error_tcjrv_14{color:var(--alert-color)}._formLabel__label_tcjrv_18{flex:1}._formLabel__code_tcjrv_8{font-family:var(--monospaced-font-family);font-size:.95em;opacity:0;position:absolute;transition:opacity .2s var(--material-ease)}._switchField__flex_16z4j_1{align-items:center;display:flex}._switchField__switchInput_16z4j_6{width:55px}._switchField__label_16z4j_10{color:var(--base-body-color);flex:1;line-height:1.1;line-height:20px;margin-bottom:0;pointer-events:none;-moz-user-select:text;-ms-user-select:text;user-select:text}._switchField__below_16z4j_22{margin-left:55px;margin-top:var(--spacing-s)}._switchInput__inner_1knbg_1{color:#fff;font-size:12px;left:24px;position:absolute}._switchInput_1knbg_1{background-color:#ccc;border:1px solid #ccc;border-radius:20px 20px;box-sizing:border-box;cursor:pointer;display:inline-block;height:22px;line-height:20px;position:relative;transition:all .3s cubic-bezier(.35,0,.25,1);vertical-align:middle;width:44px}._switchInput_1knbg_1:after{animation-duration:.3s;animation-name:_switchInput__off_1knbg_1;animation-timing-function:cubic-bezier(.35,0,.25,1);background-color:#fff;border-radius:50% 50%;box-shadow:0 2px 5px rgba(0,0,0,.26);content:" ";cursor:pointer;height:18px;left:2px;position:absolute;top:1px;transform:scale(1);transition:left .3s cubic-bezier(.35,0,.25,1);width:18px}._switchInput_1knbg_1:focus:after,._switchInput_1knbg_1:hover{animation-name:_switchInput__on_1knbg_1;transform:scale(1.1)}._switchInput__checked_1knbg_47{background-color:var(--accent-color);border:1px solid var(--accent-color)}._switchInput__checked_1knbg_47 ._switchInput__inner_1knbg_1{left:6px}._switchInput__checked_1knbg_47:after{left:22px}._switchInput__disabled_1knbg_60{background:#ccc;border-color:#ccc;cursor:no-drop}._switchInput__disabled_1knbg_60:after{animation-name:_none_1knbg_1;background:#9e9e9e;cursor:no-drop}._switchInput__disabled_1knbg_60:focus:after,._switchInput__disabled_1knbg_60:hover{animation-name:_none_1knbg_1;transform:scale(1)}@keyframes _switchInput__on_1knbg_1{0%{transform:scale(1)}50%{transform:scale(1.25)}to{transform:scale(1.1)}}@keyframes _switchInput__off_1knbg_1{0%{transform:scale(1.1)}to{transform:scale(1)}}._TextInput_pdyay_1{appearance:none;background-image:none;border:1px solid var(--border-color);border-radius:0;box-sizing:border-box;display:block;font-family:inherit;font-size:var(--font-size-m);padding:10px;resize:none;transition:border .2s var(--material-ease);width:100%}._TextInput_pdyay_1::placeholder{color:var(--placeholder-body-color)}._TextInput_pdyay_1:hover{border-color:var(--darker-border-color)}._TextInput_pdyay_1:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px var(--semi-transparent-accent-color);outline:0}._TextInput--disabled_pdyay_30{background:var(--lighter-bg-color);border-color:var(--border-color);color:var(--light-body-color)}._TextInput--error_pdyay_36,._TextInput--error_pdyay_36:focus,._TextInput--error_pdyay_36:hover{border-color:var(--alert-color)}._TextInput--error_pdyay_36:focus{box-shadow:0 0 0 3px rgba(var(--alert-rgb-components),.2)}html{font-size:16px;height:auto}body,html{margin:0;padding:0}