@doist/reactist 29.0.0 → 29.1.1
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/CHANGELOG.md +14 -0
- package/dist/reactist.cjs.development.js +35 -30
- package/dist/reactist.cjs.development.js.map +1 -1
- package/dist/reactist.cjs.production.min.js +1 -1
- package/dist/reactist.cjs.production.min.js.map +1 -1
- package/es/banner/banner.js +21 -19
- package/es/banner/banner.js.map +1 -1
- package/es/banner/banner.module.css.js +1 -1
- package/es/select-field/select-field.js +12 -9
- package/es/select-field/select-field.js.map +1 -1
- package/es/text-area/text-area.js +1 -1
- package/es/text-area/text-area.js.map +1 -1
- package/lib/banner/banner.d.ts +1 -0
- package/lib/banner/banner.js +21 -19
- package/lib/banner/banner.js.map +1 -1
- package/lib/banner/banner.module.css.js +1 -1
- package/lib/select-field/select-field.js +12 -9
- package/lib/select-field/select-field.js.map +1 -1
- package/lib/text-area/text-area.js +1 -1
- package/lib/text-area/text-area.js.map +1 -1
- package/package.json +1 -1
- package/styles/banner.css +1 -1
- package/styles/banner.module.css.css +1 -1
- package/styles/reactist.css +1 -1
package/lib/banner/banner.js
CHANGED
|
@@ -42,30 +42,32 @@ function isActionObject(action) {
|
|
|
42
42
|
(action.type === 'button' || action.type === 'link'));
|
|
43
43
|
}
|
|
44
44
|
var Banner = React__namespace.forwardRef(function Banner(_a, ref) {
|
|
45
|
-
var id = _a.id, type = _a.type, title = _a.title, description = _a.description, action = _a.action, icon = _a.icon, image = _a.image, inlineLinks = _a.inlineLinks, closeLabel = _a.closeLabel, onClose = _a.onClose, props = tslib.__rest(_a, ["id", "type", "title", "description", "action", "icon", "image", "inlineLinks", "closeLabel", "onClose"]);
|
|
45
|
+
var id = _a.id, type = _a.type, title = _a.title, description = _a.description, children = _a.children, action = _a.action, icon = _a.icon, image = _a.image, inlineLinks = _a.inlineLinks, closeLabel = _a.closeLabel, onClose = _a.onClose, props = tslib.__rest(_a, ["id", "type", "title", "description", "children", "action", "icon", "image", "inlineLinks", "closeLabel", "onClose"]);
|
|
46
46
|
var titleId = commonHelpers.useId();
|
|
47
47
|
var descriptionId = commonHelpers.useId();
|
|
48
48
|
var closeButton = onClose ? (React__namespace.createElement(button.IconButton, { exceptionallySetClassName: banner_module["default"].closeButton, variant: "quaternary", onClick: onClose, icon: React__namespace.createElement(closeIcon.CloseIcon, null), "aria-label": closeLabel !== null && closeLabel !== void 0 ? closeLabel : 'Close banner' })) : null;
|
|
49
49
|
return (React__namespace.createElement(box.Box, tslib.__assign({}, props, { ref: ref, id: id, display: "flex", flexDirection: "column", justifyContent: "center", role: "status", "aria-labelledby": title ? titleId : descriptionId, "aria-describedby": title ? descriptionId : undefined, "aria-live": "polite", tabIndex: 0, borderRadius: "full", className: banner_module["default"].banner }),
|
|
50
50
|
image ? React__namespace.createElement(box.Box, { className: banner_module["default"].image }, image) : null,
|
|
51
|
-
React__namespace.createElement(box.Box, { className: banner_module["default"].content, display: "flex", gap: "small"
|
|
52
|
-
React__namespace.createElement(box.Box, { className: banner_module["default"].
|
|
53
|
-
React__namespace.createElement(
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
React__namespace.createElement(box.Box, { className: banner_module["default"].
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
React__namespace.createElement(
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
51
|
+
React__namespace.createElement(box.Box, { className: banner_module["default"].content, display: "flex", gap: "small" },
|
|
52
|
+
React__namespace.createElement(box.Box, { className: banner_module["default"].icon },
|
|
53
|
+
type === 'neutral' ? icon : React__namespace.createElement(bannerIcon.BannerIcon, { type: type }),
|
|
54
|
+
closeButton),
|
|
55
|
+
React__namespace.createElement(box.Box, { display: "flex", flexDirection: "column", gap: "small", flexGrow: 1 },
|
|
56
|
+
React__namespace.createElement(box.Box, { className: banner_module["default"].topContent, display: "flex", gap: "small", alignItems: "flexStart" },
|
|
57
|
+
React__namespace.createElement(box.Box, { className: banner_module["default"].copy, display: "flex", flexDirection: "column", flexGrow: 1 },
|
|
58
|
+
title ? (React__namespace.createElement(box.Box, { id: titleId, className: banner_module["default"].title }, title)) : null,
|
|
59
|
+
React__namespace.createElement(box.Box, { id: descriptionId, className: [banner_module["default"].description, title ? banner_module["default"].secondary : null] },
|
|
60
|
+
description, inlineLinks === null || inlineLinks === void 0 ? void 0 :
|
|
61
|
+
inlineLinks.map(function (_a, index) {
|
|
62
|
+
var label = _a.label, props = tslib.__rest(_a, ["label"]);
|
|
63
|
+
return (React__namespace.createElement(React__namespace.Fragment, { key: index },
|
|
64
|
+
React__namespace.createElement(textLink.TextLink, tslib.__assign({}, props, { exceptionallySetClassName: banner_module["default"].inlineLink }), label),
|
|
65
|
+
index < inlineLinks.length - 1 ? React__namespace.createElement("span", null, " \u00B7 ") : ''));
|
|
66
|
+
}))),
|
|
67
|
+
action || closeButton ? (React__namespace.createElement(box.Box, { className: banner_module["default"].actions, display: "flex", gap: "small" },
|
|
68
|
+
action ? (isActionObject(action) ? (action.type === 'button' ? (React__namespace.createElement(ActionButton, tslib.__assign({}, action))) : (React__namespace.createElement(ActionLink, tslib.__assign({}, action)))) : (action)) : null,
|
|
69
|
+
closeButton)) : null),
|
|
70
|
+
children))));
|
|
69
71
|
});
|
|
70
72
|
function ActionButton(_a) {
|
|
71
73
|
_a.type; var label = _a.label, props = tslib.__rest(_a, ["type", "label"]);
|
package/lib/banner/banner.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"banner.js","sources":["../../src/banner/banner.tsx"],"sourcesContent":[null],"names":["React","__rest","useId","IconButton","styles","CloseIcon","Box","__assign","BannerIcon","TextLink","Button"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"banner.js","sources":["../../src/banner/banner.tsx"],"sourcesContent":[null],"names":["React","__rest","useId","IconButton","styles","CloseIcon","Box","__assign","BannerIcon","TextLink","Button"],"mappings":"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"}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var modules_afa80466 = {"banner":"
|
|
5
|
+
var modules_afa80466 = {"banner":"_84addf6f","image":"_95759431","title":"_4103765b","description":"cf9f3361","secondary":"f4b524bc","icon":"_423bcd02","closeButton":"_0f89a4a4","copy":"_141483aa","inlineLink":"fd918521","actions":"e16490a8","topContent":"b1b4f510","content":"_105440c8"};
|
|
6
6
|
|
|
7
7
|
exports["default"] = modules_afa80466;
|
|
8
8
|
//# sourceMappingURL=banner.module.css.js.map
|
|
@@ -30,15 +30,18 @@ var React__namespace = /*#__PURE__*/_interopNamespace(React);
|
|
|
30
30
|
|
|
31
31
|
var SelectField = React__namespace.forwardRef(function SelectField(_a, ref) {
|
|
32
32
|
var _b = _a.variant, variant = _b === void 0 ? 'default' : _b, id = _a.id, label = _a.label, value = _a.value, auxiliaryLabel = _a.auxiliaryLabel, message = _a.message, tone = _a.tone, maxWidth = _a.maxWidth, children = _a.children, hidden = _a.hidden, ariaDescribedBy = _a["aria-describedby"], originalOnChange = _a.onChange, props = tslib.__rest(_a, ["variant", "id", "label", "value", "auxiliaryLabel", "message", "tone", "maxWidth", "children", "hidden", 'aria-describedby', "onChange"]);
|
|
33
|
-
return (React__namespace.createElement(baseField.BaseField, { variant: variant, id: id, label: label, value: value, auxiliaryLabel: auxiliaryLabel, message: message, tone: tone, maxWidth: maxWidth, hidden: hidden, "aria-describedby": ariaDescribedBy }, function (
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
33
|
+
return (React__namespace.createElement(baseField.BaseField, { variant: variant, id: id, label: label, value: value, auxiliaryLabel: auxiliaryLabel, message: message, tone: tone, maxWidth: maxWidth, hidden: hidden, "aria-describedby": ariaDescribedBy }, function (_a) {
|
|
34
|
+
_a.characterCountElement; var extraProps = tslib.__rest(_a, ["characterCountElement"]);
|
|
35
|
+
return (React__namespace.createElement(box.Box, { "data-testid": "select-wrapper", className: [
|
|
36
|
+
selectField_module["default"].selectWrapper,
|
|
37
|
+
tone === 'error' ? selectField_module["default"].error : null,
|
|
38
|
+
variant === 'bordered' ? selectField_module["default"].bordered : null,
|
|
39
|
+
] },
|
|
40
|
+
React__namespace.createElement("select", tslib.__assign({}, props, extraProps, { ref: ref, onChange: function (event) {
|
|
41
|
+
originalOnChange === null || originalOnChange === void 0 ? void 0 : originalOnChange(event);
|
|
42
|
+
} }), children),
|
|
43
|
+
React__namespace.createElement(SelectChevron, { "aria-hidden": true })));
|
|
44
|
+
}));
|
|
42
45
|
});
|
|
43
46
|
function SelectChevron(props) {
|
|
44
47
|
return (React__namespace.createElement("svg", tslib.__assign({ width: "16", height: "16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"select-field.js","sources":["../../src/select-field/select-field.tsx"],"sourcesContent":[null],"names":["React","__rest","BaseField","Box","styles","__assign"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoBM,IAAA,WAAW,GAAGA,gBAAK,CAAC,UAAU,CAAsC,SAAS,WAAW,CAC1F,EAcC,EACD,GAAG,EAAA;AAdC,IAAA,IAAA,eAAmB,EAAnB,OAAO,mBAAG,SAAS,GAAA,EAAA,EACnB,EAAE,GAAA,EAAA,CAAA,EAAA,EACF,KAAK,GAAA,EAAA,CAAA,KAAA,EACL,KAAK,GAAA,EAAA,CAAA,KAAA,EACL,cAAc,GAAA,EAAA,CAAA,cAAA,EACd,OAAO,GAAA,EAAA,CAAA,OAAA,EACP,IAAI,GAAA,EAAA,CAAA,IAAA,EACJ,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,MAAM,GAAA,EAAA,CAAA,MAAA,EACc,eAAe,GAAA,EAAA,CAAA,kBAAA,CAAA,EACzB,gBAAgB,GAAA,EAAA,CAAA,QAAA,EACvB,KAAK,GAAAC,YAAA,CAAA,EAAA,EAbZ,0IAcC,CADW,CAAA;
|
|
1
|
+
{"version":3,"file":"select-field.js","sources":["../../src/select-field/select-field.tsx"],"sourcesContent":[null],"names":["React","__rest","BaseField","Box","styles","__assign"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoBM,IAAA,WAAW,GAAGA,gBAAK,CAAC,UAAU,CAAsC,SAAS,WAAW,CAC1F,EAcC,EACD,GAAG,EAAA;AAdC,IAAA,IAAA,eAAmB,EAAnB,OAAO,mBAAG,SAAS,GAAA,EAAA,EACnB,EAAE,GAAA,EAAA,CAAA,EAAA,EACF,KAAK,GAAA,EAAA,CAAA,KAAA,EACL,KAAK,GAAA,EAAA,CAAA,KAAA,EACL,cAAc,GAAA,EAAA,CAAA,cAAA,EACd,OAAO,GAAA,EAAA,CAAA,OAAA,EACP,IAAI,GAAA,EAAA,CAAA,IAAA,EACJ,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,MAAM,GAAA,EAAA,CAAA,MAAA,EACc,eAAe,GAAA,EAAA,CAAA,kBAAA,CAAA,EACzB,gBAAgB,GAAA,EAAA,CAAA,QAAA,EACvB,KAAK,GAAAC,YAAA,CAAA,EAAA,EAbZ,0IAcC,CADW,CAAA;AAIZ,IAAA,QACID,gBAAC,CAAA,aAAA,CAAAE,mBAAS,IACN,OAAO,EAAE,OAAO,EAChB,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,cAAc,EAAE,cAAc,EAC9B,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,sBACI,eAAe,EAAA,EAEhC,UAAC,EAAwC,EAAA;AAAtC,QAAqB,EAAA,CAAA,qBAAA,CAAA,KAAK,UAAU,GAAAD,YAAA,CAAA,EAAA,EAAtC,yBAAwC,EAAF;AAAO,QAAA,QAC3CD,gBAAC,CAAA,aAAA,CAAAG,OAAG,mBACY,gBAAgB,EAC5B,SAAS,EAAE;AACP,gBAAAC,6BAAM,CAAC,aAAa;gBACpB,IAAI,KAAK,OAAO,GAAGA,6BAAM,CAAC,KAAK,GAAG,IAAI;gBACtC,OAAO,KAAK,UAAU,GAAGA,6BAAM,CAAC,QAAQ,GAAG,IAAI;AAClD,aAAA,EAAA;YAEDJ,gBACQ,CAAA,aAAA,CAAA,QAAA,EAAAK,cAAA,CAAA,EAAA,EAAA,KAAK,EACL,UAAU,EACd,EAAA,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,UAAC,KAAK,EAAA;AACZ,oBAAA,gBAAgB,aAAhB,gBAAgB,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAhB,gBAAgB,CAAG,KAAK,CAAC,CAAA;iBAC5B,EAAA,CAAA,EAEA,QAAQ,CACJ;AACT,YAAAL,gBAAA,CAAA,aAAA,CAAC,aAAa,EAAA,EAAA,aAAA,EAAA,IAAA,EAAA,CAAe,CAC3B,EACT;AAAA,KAAA,CACO,EACf;AACL,CAAC,EAAC;AAEF,SAAS,aAAa,CAAC,KAAmC,EAAA;AACtD,IAAA,QACIA,gBAAK,CAAA,aAAA,CAAA,KAAA,EAAAK,cAAA,CAAA,EAAA,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,IAAK,KAAK,CAAA;QAChFL,gBACI,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,CAAC,EAAC,yGAAyG,EAC3G,IAAI,EAAC,cAAc,EAAA,CACrB,CACA,EACT;AACL;;;;"}
|
|
@@ -48,7 +48,7 @@ var TextArea = React__namespace.forwardRef(function TextArea(_a, ref) {
|
|
|
48
48
|
tone === 'error' ? textArea_module["default"].error : null,
|
|
49
49
|
variant === 'bordered' ? textArea_module["default"].bordered : null,
|
|
50
50
|
], maxWidth: maxWidth, maxLength: maxLength }, function (_a) {
|
|
51
|
-
var onChange = _a.onChange
|
|
51
|
+
var onChange = _a.onChange; _a.characterCountElement; var extraProps = tslib.__rest(_a, ["onChange", "characterCountElement"]);
|
|
52
52
|
return (React__namespace.createElement(box.Box, { width: "full", display: "flex", className: textArea_module["default"].innerContainer, ref: containerRef },
|
|
53
53
|
React__namespace.createElement("textarea", tslib.__assign({}, props, extraProps, { ref: combinedRef, rows: rows, className: textAreaClassName, maxLength: maxLength, onChange: function (event) {
|
|
54
54
|
originalOnChange === null || originalOnChange === void 0 ? void 0 : originalOnChange(event);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"text-area.js","sources":["../../src/text-area/text-area.tsx"],"sourcesContent":[null],"names":["React","__rest","useMergeRefs","classNames","styles","BaseField","Box","__assign"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuDM,IAAA,QAAQ,GAAGA,gBAAK,CAAC,UAAU,CAAqC,SAAS,QAAQ,CACnF,EAiBC,EACD,GAAG,EAAA;AAjBC,IAAA,IAAA,EAAmB,GAAA,EAAA,CAAA,OAAA,EAAnB,OAAO,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,SAAS,GAAA,EAAA,EACnB,EAAE,GAAA,EAAA,CAAA,EAAA,EACF,KAAK,GAAA,EAAA,CAAA,KAAA,EACL,KAAK,GAAA,EAAA,CAAA,KAAA,EACL,cAAc,GAAA,EAAA,CAAA,cAAA,EACd,OAAO,GAAA,EAAA,CAAA,OAAA,EACP,IAAI,GAAA,EAAA,CAAA,IAAA,EACJ,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,MAAM,GAAA,EAAA,CAAA,MAAA,EACc,eAAe,GAAA,EAAA,CAAA,kBAAA,CAAA,EACnC,IAAI,GAAA,EAAA,CAAA,IAAA,EACJ,EAAkB,GAAA,EAAA,CAAA,UAAA,EAAlB,UAAU,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,KAAK,GAAA,EAAA,EAClB,EAAA,GAAA,EAAA,CAAA,aAAqB,EAArB,aAAa,GAAG,EAAA,KAAA,KAAA,CAAA,GAAA,KAAK,GAAA,EAAA,EACX,gBAAgB,GAAA,EAAA,CAAA,QAAA,EACvB,KAAK,GAhBZC,YAAA,CAAA,EAAA,EAAA,CAAA,SAAA,EAAA,IAAA,EAAA,OAAA,EAAA,OAAA,EAAA,gBAAA,EAAA,SAAA,EAAA,MAAA,EAAA,UAAA,EAAA,WAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,YAAA,EAAA,eAAA,EAAA,UAAA,CAiBC,CADW,CAAA;IAIZ,IAAM,YAAY,GAAGD,gBAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAA;IACvD,IAAM,WAAW,GAAGA,gBAAK,CAAC,MAAM,CAAsB,IAAI,CAAC,CAAA;IAC3D,IAAM,WAAW,GAAGE,2BAAY,CAAC,CAAC,GAAG,EAAE,WAAW,CAAC,CAAC,CAAA;AAEpD,IAAA,aAAa,CAAC,EAAE,KAAK,EAAA,KAAA,EAAE,UAAU,EAAA,UAAA,EAAE,YAAY,cAAA,EAAE,WAAW,EAAA,WAAA,EAAE,CAAC,CAAA;IAE/D,IAAM,iBAAiB,GAAGC,8BAAU,CAAC;QACjC,UAAU,GAAGC,0BAAM,CAAC,aAAa,GAAG,IAAI;QACxC,aAAa,GAAGA,0BAAM,CAAC,aAAa,GAAG,IAAI;AAC9C,KAAA,CAAC,CAAA;AAEF,IAAA,QACIJ,gBAAC,CAAA,aAAA,CAAAK,mBAAS,EACN,EAAA,OAAO,EAAE,OAAO,EAChB,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,cAAc,EAAE,cAAc,EAC9B,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,sBACI,eAAe,EACjC,SAAS,EAAE;AACP,YAAAD,0BAAM,CAAC,iBAAiB;YACxB,IAAI,KAAK,OAAO,GAAGA,0BAAM,CAAC,KAAK,GAAG,IAAI;YACtC,OAAO,KAAK,UAAU,GAAGA,0BAAM,CAAC,QAAQ,GAAG,IAAI;SAClD,EACD,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EAEnB,EAAA,UAAC,
|
|
1
|
+
{"version":3,"file":"text-area.js","sources":["../../src/text-area/text-area.tsx"],"sourcesContent":[null],"names":["React","__rest","useMergeRefs","classNames","styles","BaseField","Box","__assign"],"mappings":"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"}
|
package/package.json
CHANGED
package/styles/banner.css
CHANGED
|
@@ -8,4 +8,4 @@
|
|
|
8
8
|
:root{--reactist-button-small-font-size:var(--reactist-font-size-caption);--reactist-button-small-spacing:var(--reactist-spacing-small);--reactist-button-small-height:28px;--reactist-button-normal-font-size:var(--reactist-font-size-copy);--reactist-button-normal-spacing:var(--reactist-spacing-medium);--reactist-button-normal-height:32px;--reactist-button-large-font-size:var(--reactist-font-size-body);--reactist-button-large-spacing:var(--reactist-spacing-large);--reactist-button-large-height:36px;--reactist-actionable-primary-idle-tint:#fff;--reactist-actionable-primary-idle-fill:#008aa6;--reactist-actionable-primary-hover-tint:#fff;--reactist-actionable-primary-hover-fill:#007992;--reactist-actionable-primary-disabled-tint:#fff;--reactist-actionable-primary-disabled-fill:#99d0db;--reactist-actionable-secondary-idle-tint:#282f30;--reactist-actionable-secondary-idle-fill:#f2f6f7;--reactist-actionable-secondary-hover-tint:#282f30;--reactist-actionable-secondary-hover-fill:#e3e7e8;--reactist-actionable-secondary-disabled-tint:#a9acac;--reactist-actionable-secondary-disabled-fill:#f2f6f7;--reactist-actionable-tertiary-idle-tint:#006f85;--reactist-actionable-tertiary-hover-tint:#006f85;--reactist-actionable-tertiary-hover-fill:#f2f6f7;--reactist-actionable-tertiary-disabled-tint:#99c5ce;--reactist-actionable-quaternary-idle-tint:#6c777a;--reactist-actionable-quaternary-hover-tint:#282f30;--reactist-actionable-quaternary-hover-fill:#e0e7e8;--reactist-actionable-quaternary-disabled-tint:#c4c9ca;--reactist-actionable-primary-destructive-idle-tint:#fff;--reactist-actionable-primary-destructive-idle-fill:#dc4c3e;--reactist-actionable-primary-destructive-hover-tint:#fff;--reactist-actionable-primary-destructive-hover-fill:#b03d32;--reactist-actionable-primary-destructive-disabled-tint:#fff;--reactist-actionable-primary-destructive-disabled-fill:#f1b7b2;--reactist-actionable-secondary-destructive-idle-tint:#dc4c3e;--reactist-actionable-secondary-destructive-hover-tint:#b03d32;--reactist-actionable-secondary-destructive-hover-fill:transparent;--reactist-actionable-secondary-destructive-disabled-tint:#f1b7b2}._3930afa0{align-items:center;background-color:transparent;border:1px solid transparent;border-radius:var(--reactist-border-radius-small);color:inherit;cursor:pointer;display:flex;flex-direction:row;font-family:var(--reactist-font-family);font-weight:var(--reactist-font-weight-medium);justify-content:center;max-width:100%;text-decoration:none;transition-duration:.3s;transition-property:color,background-color;transition-timing-function:cubic-bezier(.4,0,.2,1);-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}._90654824{font-size:inherit;text-overflow:ellipsis;white-space:nowrap}._3930afa0:active:not([aria-disabled=true]){transform:scale(.97);transition:transform .2s cubic-bezier(.02,1.505,.745,1.235)}._3930afa0{--reactist-spinner-tint:var(--reactist-btn-idle-tint);--reactist-spinner-fill:var(--reactist-btn-idle-fill);font-size:var(--reactist-btn-font-size);height:var(--reactist-btn-height);line-height:var(--reactist-btn-height);padding:0 var(--reactist-btn-spacing)}._3930afa0.c05d17c2{border-radius:1000px}._3930afa0._1e29d236{--reactist-btn-height:var(--reactist-button-small-height);--reactist-btn-spacing:var(--reactist-button-small-spacing);--reactist-btn-font-size:var(--reactist-button-small-font-size)}._3930afa0._7246d092{--reactist-btn-height:var(--reactist-button-normal-height);--reactist-btn-spacing:var(--reactist-button-normal-spacing);--reactist-btn-font-size:var(--reactist-button-normal-font-size)}._3930afa0._2d084671{--reactist-btn-height:var(--reactist-button-large-height);--reactist-btn-spacing:var(--reactist-button-large-spacing);--reactist-btn-font-size:var(--reactist-button-large-font-size)}._3930afa0:not(._2b0b9d95){background-color:var(--reactist-btn-idle-fill);color:var(--reactist-btn-idle-tint)}._3930afa0:focus-visible:not([aria-disabled=true]),._3930afa0:hover:not([aria-disabled=true]),._3930afa0[aria-expanded=true]{background-color:var(--reactist-btn-hover-fill);color:var(--reactist-btn-hover-tint)}._3930afa0._2b0b9d95{background-color:var(--reactist-btn-disabled-fill);color:var(--reactist-btn-disabled-tint);cursor:not-allowed}._3930afa0:not(.abd5766f){min-width:68px}._3930afa0.abd5766f{height:var(--reactist-btn-height);padding:0;width:var(--reactist-btn-height)}._3930afa0 ._380e7c73{margin-left:-6px;margin-right:calc(var(--reactist-btn-spacing) - 6px)}._3930afa0 ._20fe4105{margin-left:calc(var(--reactist-btn-spacing) - 6px);margin-right:-6px}._3930afa0>*{pointer-events:none}._7ea1378e{--reactist-btn-idle-tint:var(--reactist-actionable-primary-idle-tint);--reactist-btn-idle-fill:var(--reactist-actionable-primary-idle-fill);--reactist-btn-hover-tint:var(--reactist-actionable-primary-hover-tint);--reactist-btn-hover-fill:var(--reactist-actionable-primary-hover-fill);--reactist-btn-disabled-tint:var(--reactist-actionable-primary-disabled-tint);--reactist-btn-disabled-fill:var(--reactist-actionable-primary-disabled-fill)}._64ee8afd{--reactist-btn-idle-tint:var(--reactist-actionable-secondary-idle-tint);--reactist-btn-idle-fill:var(--reactist-actionable-secondary-idle-fill);--reactist-btn-hover-tint:var(--reactist-actionable-secondary-hover-tint);--reactist-btn-hover-fill:var(--reactist-actionable-secondary-hover-fill);--reactist-btn-disabled-tint:var(--reactist-actionable-secondary-disabled-tint);--reactist-btn-disabled-fill:var(--reactist-actionable-secondary-disabled-fill)}._650176bf{--reactist-btn-idle-tint:var(--reactist-actionable-tertiary-idle-tint);--reactist-btn-idle-fill:transparent;--reactist-btn-hover-tint:var(--reactist-actionable-tertiary-hover-tint);--reactist-btn-hover-fill:var(--reactist-actionable-tertiary-hover-fill);--reactist-btn-disabled-tint:var(--reactist-actionable-tertiary-disabled-tint);--reactist-btn-disabled-fill:transparent}.aa19cb97{--reactist-btn-idle-tint:var(--reactist-actionable-quaternary-idle-tint);--reactist-btn-idle-fill:transparent;--reactist-btn-hover-tint:var(--reactist-actionable-quaternary-hover-tint);--reactist-btn-hover-fill:var(--reactist-actionable-quaternary-hover-fill);--reactist-btn-disabled-tint:var(--reactist-actionable-quaternary-disabled-tint);--reactist-btn-disabled-fill:transparent}._7ea1378e._7a2d9a8c{--reactist-btn-idle-tint:var(--reactist-actionable-primary-destructive-idle-tint);--reactist-btn-idle-fill:var(--reactist-actionable-primary-destructive-idle-fill);--reactist-btn-hover-tint:var(--reactist-actionable-primary-destructive-hover-tint);--reactist-btn-hover-fill:var(--reactist-actionable-primary-destructive-hover-fill);--reactist-btn-disabled-tint:var(--reactist-actionable-primary-destructive-disabled-tint);--reactist-btn-disabled-fill:var(--reactist-actionable-primary-destructive-disabled-fill)}._64ee8afd._7a2d9a8c{--reactist-btn-idle-tint:var(--reactist-actionable-secondary-destructive-idle-tint);--reactist-btn-idle-fill:transparent;--reactist-btn-hover-tint:var(--reactist-actionable-secondary-destructive-hover-tint);--reactist-btn-hover-fill:var(--reactist-actionable-secondary-destructive-hover-fill);--reactist-btn-disabled-tint:var(--reactist-actionable-secondary-destructive-disabled-tint);--reactist-btn-disabled-fill:transparent;border-color:var(--reactist-btn-idle-tint)}._64ee8afd._7a2d9a8c:hover{border-color:var(--reactist-btn-hover-tint)}._64ee8afd._7a2d9a8c._2b0b9d95{border-color:var(--reactist-btn-disabled-tint)}._650176bf._7a2d9a8c,.aa19cb97._7a2d9a8c{--reactist-btn-idle-tint:var(--reactist-actionable-secondary-destructive-idle-tint);--reactist-btn-hover-tint:var(--reactist-actionable-secondary-destructive-hover-tint);--reactist-btn-disabled-tint:var(--reactist-actionable-secondary-destructive-disabled-tint)}
|
|
9
9
|
:root{--reactist-banner-info-icon-color:#316fea;--reactist-banner-upgrade-icon-color:#f48318;--reactist-banner-experiment-icon-color:#f48318;--reactist-banner-warning-icon-color:#eb8909;--reactist-banner-error-icon-color:#dc4c3e;--reactist-banner-success-icon-color:#058527}._447f8e53{color:var(--reactist-banner-info-icon-color)}.cdb7a2b8{color:var(--reactist-banner-upgrade-icon-color)}._210efb55{color:var(--reactist-banner-experiment-icon-color)}.cd91167f{color:var(--reactist-banner-warning-icon-color)}.a52763ee{color:var(--reactist-banner-error-icon-color)}.c6229331{color:var(--reactist-banner-success-icon-color)}
|
|
10
10
|
:root{--reactist-text-link-idle-tint:var(--reactist-actionable-tertiary-idle-tint);--reactist-text-link-hover-tint:var(--reactist-actionable-tertiary-hover-tint);--reactist-text-link-idle-decoration:underline;--reactist-text-link-hover-decoration:underline}.d77fcdc6{cursor:pointer;font-family:inherit;font-size:inherit;font-weight:inherit}.d77fcdc6 svg{fill:currentColor;color:inherit;display:inline-block;font-size:inherit;height:1em;padding:0 6px;vertical-align:-.125em;width:1em}._468ce45c,._468ce45c *{color:var(--reactist-text-link-idle-tint)}._468ce45c:hover,._468ce45c:hover *{color:var(--reactist-text-link-hover-tint)}._54f92a1e,._54f92a1e *{color:inherit}._54f92a1e:hover,._54f92a1e:hover *{color:var(--reactist-text-link-hover-tint)}.cdc8b08c,.cdc8b08c *{-webkit-text-decoration:var(--reactist-text-link-idle-decoration);text-decoration:var(--reactist-text-link-idle-decoration)}.cdc8b08c:hover,.cdc8b08c:hover *{-webkit-text-decoration:var(--reactist-text-link-hover-decoration);text-decoration:var(--reactist-text-link-hover-decoration)}._06995bac,._06995bac *{text-decoration:none}._06995bac:hover,._06995bac:hover *{-webkit-text-decoration:var(--reactist-text-link-hover-decoration);text-decoration:var(--reactist-text-link-hover-decoration)}
|
|
11
|
-
:root{--reactist-banner-background-color:#fcfaf8;--reactist-banner-border-color:#e6e6e6;--reactist-divider-color:var(--reactist-divider-secondary);--reactist-banner-main-copy-font-size:14px;--reactist-banner-main-copy-line-height:21px;--reactist-banner-main-copy-spacing:-0.15px;--reactist-banner-main-copy-color:#202020;--reactist-banner-secondary-copy-font-size:12px;--reactist-banner-secondary-copy-line-height:20px;--reactist-banner-secondary-copy-color:#666;--reactist-banner-min-width:0}.
|
|
11
|
+
:root{--reactist-banner-background-color:#fcfaf8;--reactist-banner-border-color:#e6e6e6;--reactist-divider-color:var(--reactist-divider-secondary);--reactist-banner-main-copy-font-size:14px;--reactist-banner-main-copy-line-height:21px;--reactist-banner-main-copy-spacing:-0.15px;--reactist-banner-main-copy-color:#202020;--reactist-banner-secondary-copy-font-size:12px;--reactist-banner-secondary-copy-line-height:20px;--reactist-banner-secondary-copy-color:#666;--reactist-banner-min-width:0}._84addf6f{background-color:var(--reactist-banner-background-color);border:1px solid var(--reactist-banner-border-color);container-name:banner;container-type:inline-size;font-family:var(--reactist-font-family);min-height:64px;min-width:var(--reactist-banner-min-width);overflow:hidden}._84addf6f:has(._95759431){container-type:normal;width:-moz-min-content;width:min-content}._105440c8{align-items:flex-start;padding:var(--reactist-spacing-large)}._4103765b,.cf9f3361{color:var(--reactist-banner-main-copy-color);font-size:var(--reactist-banner-main-copy-font-size);letter-spacing:var(--reactist-banner-main-copy-spacing);line-height:var(--reactist-banner-main-copy-line-height)}._4103765b{font-weight:var(--reactist-font-weight-strong)}.cf9f3361.f4b524bc{color:var(--reactist-banner-secondary-copy-color);font-size:var(--reactist-banner-secondary-copy-font-size);letter-spacing:normal;line-height:var(--reactist-banner-secondary-copy-line-height)}._95759431{border-bottom:1px solid var(--reactist-banner-divider-color)}._423bcd02 svg,._95759431 img{display:block}._423bcd02:empty,._423bcd02:has(._0f89a4a4:only-child){display:none}._423bcd02 ._0f89a4a4{display:none}._141483aa{flex:1 1 auto;padding:calc(var(--reactist-spacing-xsmall)/2) 0}._141483aa .fd918521:first-of-type{margin-left:var(--reactist-spacing-xsmall)}.e16490a8{align-self:center}@container banner (width < 235px){._105440c8{flex-direction:column}._423bcd02{align-items:center;display:flex;justify-content:space-between;width:100%}.b1b4f510{align-items:stretch;flex-direction:column}._423bcd02:has(._0f89a4a4:only-child){display:flex}._423bcd02 ._0f89a4a4{display:flex}._423bcd02 ._0f89a4a4:only-child{margin-left:auto}.e16490a8{align-self:flex-start}.e16490a8 ._0f89a4a4{display:none}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--reactist-banner-background-color:#fcfaf8;--reactist-banner-border-color:#e6e6e6;--reactist-divider-color:var(--reactist-divider-secondary);--reactist-banner-main-copy-font-size:14px;--reactist-banner-main-copy-line-height:21px;--reactist-banner-main-copy-spacing:-0.15px;--reactist-banner-main-copy-color:#202020;--reactist-banner-secondary-copy-font-size:12px;--reactist-banner-secondary-copy-line-height:20px;--reactist-banner-secondary-copy-color:#666;--reactist-banner-min-width:0}.
|
|
1
|
+
:root{--reactist-banner-background-color:#fcfaf8;--reactist-banner-border-color:#e6e6e6;--reactist-divider-color:var(--reactist-divider-secondary);--reactist-banner-main-copy-font-size:14px;--reactist-banner-main-copy-line-height:21px;--reactist-banner-main-copy-spacing:-0.15px;--reactist-banner-main-copy-color:#202020;--reactist-banner-secondary-copy-font-size:12px;--reactist-banner-secondary-copy-line-height:20px;--reactist-banner-secondary-copy-color:#666;--reactist-banner-min-width:0}._84addf6f{background-color:var(--reactist-banner-background-color);border:1px solid var(--reactist-banner-border-color);container-name:banner;container-type:inline-size;font-family:var(--reactist-font-family);min-height:64px;min-width:var(--reactist-banner-min-width);overflow:hidden}._84addf6f:has(._95759431){container-type:normal;width:-moz-min-content;width:min-content}._105440c8{align-items:flex-start;padding:var(--reactist-spacing-large)}._4103765b,.cf9f3361{color:var(--reactist-banner-main-copy-color);font-size:var(--reactist-banner-main-copy-font-size);letter-spacing:var(--reactist-banner-main-copy-spacing);line-height:var(--reactist-banner-main-copy-line-height)}._4103765b{font-weight:var(--reactist-font-weight-strong)}.cf9f3361.f4b524bc{color:var(--reactist-banner-secondary-copy-color);font-size:var(--reactist-banner-secondary-copy-font-size);letter-spacing:normal;line-height:var(--reactist-banner-secondary-copy-line-height)}._95759431{border-bottom:1px solid var(--reactist-banner-divider-color)}._423bcd02 svg,._95759431 img{display:block}._423bcd02:empty,._423bcd02:has(._0f89a4a4:only-child){display:none}._423bcd02 ._0f89a4a4{display:none}._141483aa{flex:1 1 auto;padding:calc(var(--reactist-spacing-xsmall)/2) 0}._141483aa .fd918521:first-of-type{margin-left:var(--reactist-spacing-xsmall)}.e16490a8{align-self:center}@container banner (width < 235px){._105440c8{flex-direction:column}._423bcd02{align-items:center;display:flex;justify-content:space-between;width:100%}.b1b4f510{align-items:stretch;flex-direction:column}._423bcd02:has(._0f89a4a4:only-child){display:flex}._423bcd02 ._0f89a4a4{display:flex}._423bcd02 ._0f89a4a4:only-child{margin-left:auto}.e16490a8{align-self:flex-start}.e16490a8 ._0f89a4a4{display:none}}
|
package/styles/reactist.css
CHANGED
|
@@ -9,7 +9,7 @@
|
|
|
9
9
|
@media print{._0e595dea{display:none}}
|
|
10
10
|
._618235b7{clip:rect(1px,1px,1px,1px);height:1px;white-space:nowrap;width:1px}
|
|
11
11
|
:root{--reactist-banner-info-icon-color:#316fea;--reactist-banner-upgrade-icon-color:#f48318;--reactist-banner-experiment-icon-color:#f48318;--reactist-banner-warning-icon-color:#eb8909;--reactist-banner-error-icon-color:#dc4c3e;--reactist-banner-success-icon-color:#058527}._447f8e53{color:var(--reactist-banner-info-icon-color)}.cdb7a2b8{color:var(--reactist-banner-upgrade-icon-color)}._210efb55{color:var(--reactist-banner-experiment-icon-color)}.cd91167f{color:var(--reactist-banner-warning-icon-color)}.a52763ee{color:var(--reactist-banner-error-icon-color)}.c6229331{color:var(--reactist-banner-success-icon-color)}
|
|
12
|
-
:root{--reactist-banner-background-color:#fcfaf8;--reactist-banner-border-color:#e6e6e6;--reactist-divider-color:var(--reactist-divider-secondary);--reactist-banner-main-copy-font-size:14px;--reactist-banner-main-copy-line-height:21px;--reactist-banner-main-copy-spacing:-0.15px;--reactist-banner-main-copy-color:#202020;--reactist-banner-secondary-copy-font-size:12px;--reactist-banner-secondary-copy-line-height:20px;--reactist-banner-secondary-copy-color:#666;--reactist-banner-min-width:0}.
|
|
12
|
+
:root{--reactist-banner-background-color:#fcfaf8;--reactist-banner-border-color:#e6e6e6;--reactist-divider-color:var(--reactist-divider-secondary);--reactist-banner-main-copy-font-size:14px;--reactist-banner-main-copy-line-height:21px;--reactist-banner-main-copy-spacing:-0.15px;--reactist-banner-main-copy-color:#202020;--reactist-banner-secondary-copy-font-size:12px;--reactist-banner-secondary-copy-line-height:20px;--reactist-banner-secondary-copy-color:#666;--reactist-banner-min-width:0}._84addf6f{background-color:var(--reactist-banner-background-color);border:1px solid var(--reactist-banner-border-color);container-name:banner;container-type:inline-size;font-family:var(--reactist-font-family);min-height:64px;min-width:var(--reactist-banner-min-width);overflow:hidden}._84addf6f:has(._95759431){container-type:normal;width:-moz-min-content;width:min-content}._105440c8{align-items:flex-start;padding:var(--reactist-spacing-large)}._4103765b,.cf9f3361{color:var(--reactist-banner-main-copy-color);font-size:var(--reactist-banner-main-copy-font-size);letter-spacing:var(--reactist-banner-main-copy-spacing);line-height:var(--reactist-banner-main-copy-line-height)}._4103765b{font-weight:var(--reactist-font-weight-strong)}.cf9f3361.f4b524bc{color:var(--reactist-banner-secondary-copy-color);font-size:var(--reactist-banner-secondary-copy-font-size);letter-spacing:normal;line-height:var(--reactist-banner-secondary-copy-line-height)}._95759431{border-bottom:1px solid var(--reactist-banner-divider-color)}._423bcd02 svg,._95759431 img{display:block}._423bcd02:empty,._423bcd02:has(._0f89a4a4:only-child){display:none}._423bcd02 ._0f89a4a4{display:none}._141483aa{flex:1 1 auto;padding:calc(var(--reactist-spacing-xsmall)/2) 0}._141483aa .fd918521:first-of-type{margin-left:var(--reactist-spacing-xsmall)}.e16490a8{align-self:center}@container banner (width < 235px){._105440c8{flex-direction:column}._423bcd02{align-items:center;display:flex;justify-content:space-between;width:100%}.b1b4f510{align-items:stretch;flex-direction:column}._423bcd02:has(._0f89a4a4:only-child){display:flex}._423bcd02 ._0f89a4a4{display:flex}._423bcd02 ._0f89a4a4:only-child{margin-left:auto}.e16490a8{align-self:flex-start}.e16490a8 ._0f89a4a4{display:none}}
|
|
13
13
|
:root{--reactist-spinner-tint:var(--reactist-bg-brand);--reactist-spinner-fill:var(--reactist-framework-fill-crest)}@keyframes _54fbe2b3{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}._51539197{animation-duration:1.2s;animation-iteration-count:infinite;animation-name:_54fbe2b3;animation-timing-function:linear}.a0c466ed{fill:var(--reactist-spinner-tint)}._745b73d3{fill:var(--reactist-spinner-fill)}
|
|
14
14
|
._2e62197a{color:var(--reactist-content-primary)}.b7e8d846{padding-top:calc(var(--reactist-spacing-xsmall)/2)}._1c02ef4a{display:block}._940b3b19 ._1c02ef4a{color:var(--reactist-alert-tone-info-icon)}._6261fc66 ._1c02ef4a{color:var(--reactist-alert-tone-positive-icon)}._255e20fe ._1c02ef4a{color:var(--reactist-alert-tone-caution-icon)}.e225437d ._1c02ef4a{color:var(--reactist-alert-tone-critical-icon)}
|
|
15
15
|
._616cc3f3{bottom:0;pointer-events:none;z-index:var(--reactist-stacking-order-toast)}._1b5f8e86{box-shadow:var(--reactist-toast-box-shadow);gap:var(--reactist-spacing-medium);pointer-events:all}.ce2e3476{color:var(--reactist-content-primary)}@media (max-width:500px){._1b5f8e86{width:100%!important}}
|