@helpdice/ui 2.2.2 → 2.2.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/auto-complete/index.js +16 -15
- package/dist/carousal/index.d.ts +2 -1
- package/dist/carousal/index.js +3 -1
- package/dist/container/box.d.ts +4 -2
- package/dist/container/index.js +4 -4
- package/dist/copy-to-clipboard/clipboard.d.ts +5 -3
- package/dist/index.d.ts +1 -1
- package/dist/index.js +25 -24
- package/dist/input/index.js +16 -15
- package/dist/input/input-props.d.ts +1 -0
- package/dist/rating/index.js +5 -5
- package/dist/rating/rating.d.ts +1 -1
- package/dist/table/index.js +16 -15
- package/esm/carousal/index.d.ts +2 -1
- package/esm/carousal/index.js +3 -2
- package/esm/container/box.d.ts +4 -2
- package/esm/container/box.js +4 -4
- package/esm/copy-to-clipboard/clipboard.d.ts +5 -3
- package/esm/copy-to-clipboard/clipboard.js +1 -0
- package/esm/index.d.ts +1 -1
- package/esm/index.js +1 -1
- package/esm/input/input-field.js +14 -13
- package/esm/input/input-props.d.ts +1 -0
- package/esm/input/phone-input/phone.js +2 -2
- package/esm/rating/rating.d.ts +1 -1
- package/esm/rating/rating.js +5 -5
- package/package.json +3 -2
|
@@ -1038,7 +1038,7 @@ var withScale = function withScale(Render) {
|
|
|
1038
1038
|
return ScaleFC;
|
|
1039
1039
|
};
|
|
1040
1040
|
|
|
1041
|
-
var _excluded$5 = ["label", "labelRight", "color", "
|
|
1041
|
+
var _excluded$5 = ["label", "labelRight", "error", "color", "helperText", "type", "icon", "variant", "iconRight", "iconClickable", "onIconClick", "initialValue", "onChange", "readOnly", "value", "onClearClick", "clearable", "className", "onBlur", "onFocus", "autoComplete", "placeholder", "children", "disabled", "fullWidth"];
|
|
1042
1042
|
var simulateChangeEvent = function simulateChangeEvent(el, event) {
|
|
1043
1043
|
return _objectSpread2(_objectSpread2({}, event), {}, {
|
|
1044
1044
|
target: el,
|
|
@@ -1048,9 +1048,10 @@ var simulateChangeEvent = function simulateChangeEvent(el, event) {
|
|
|
1048
1048
|
var InputComponent = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
1049
1049
|
var label = _ref.label,
|
|
1050
1050
|
labelRight = _ref.labelRight,
|
|
1051
|
-
_ref$color = _ref.color,
|
|
1052
|
-
_color = _ref$color === void 0 ? 'default' : _ref$color,
|
|
1053
1051
|
error = _ref.error,
|
|
1052
|
+
_ref$color = _ref.color,
|
|
1053
|
+
_color = _ref$color === void 0 ? error ? 'error' : 'default' : _ref$color,
|
|
1054
|
+
helperText = _ref.helperText,
|
|
1054
1055
|
_ref$type = _ref.type,
|
|
1055
1056
|
type = _ref$type === void 0 ? 'text' : _ref$type,
|
|
1056
1057
|
icon = _ref.icon,
|
|
@@ -1160,11 +1161,11 @@ var InputComponent = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
1160
1161
|
var inputProps = _objectSpread2(_objectSpread2({}, props), controlledValue);
|
|
1161
1162
|
var defaultWidth = fullWidth ? '100%' : 'initial';
|
|
1162
1163
|
return /*#__PURE__*/React.createElement("div", {
|
|
1163
|
-
className: _JSXStyle.dynamic([["
|
|
1164
|
+
className: _JSXStyle.dynamic([["2582554466", [SCALES.height(2.25), SCALES.font(0.875), SCALES.width(1, defaultWidth), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), SCALES.width(1, defaultWidth), variant === 'normal' ? theme$1.layout.radius : '', variant === 'none' ? '' : variant === 'line' ? "border-bottom: 1px solid ".concat(borderColor) : "border: 1px solid ".concat(borderColor), theme$1.palette.accents_1, theme$1.palette.accents_2, hoverBorder, SCALES.font(0.875), color, theme$1.palette.accents_3, theme$1.palette.background, color]]]) + " " + "with-label"
|
|
1164
1165
|
}, children && /*#__PURE__*/React.createElement(InputBlockLabel, null, children), /*#__PURE__*/React.createElement("div", {
|
|
1165
|
-
className: _JSXStyle.dynamic([["
|
|
1166
|
+
className: _JSXStyle.dynamic([["2582554466", [SCALES.height(2.25), SCALES.font(0.875), SCALES.width(1, defaultWidth), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), SCALES.width(1, defaultWidth), variant === 'normal' ? theme$1.layout.radius : '', variant === 'none' ? '' : variant === 'line' ? "border-bottom: 1px solid ".concat(borderColor) : "border: 1px solid ".concat(borderColor), theme$1.palette.accents_1, theme$1.palette.accents_2, hoverBorder, SCALES.font(0.875), color, theme$1.palette.accents_3, theme$1.palette.background, color]]]) + " " + (theme.useClasses('input-container', className) || "")
|
|
1166
1167
|
}, label && /*#__PURE__*/React.createElement(MemoInputLabel, null, label), /*#__PURE__*/React.createElement("div", {
|
|
1167
|
-
className: _JSXStyle.dynamic([["
|
|
1168
|
+
className: _JSXStyle.dynamic([["2582554466", [SCALES.height(2.25), SCALES.font(0.875), SCALES.width(1, defaultWidth), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), SCALES.width(1, defaultWidth), variant === 'normal' ? theme$1.layout.radius : '', variant === 'none' ? '' : variant === 'line' ? "border-bottom: 1px solid ".concat(borderColor) : "border: 1px solid ".concat(borderColor), theme$1.palette.accents_1, theme$1.palette.accents_2, hoverBorder, SCALES.font(0.875), color, theme$1.palette.accents_3, theme$1.palette.background, color]]]) + " " + (theme.useClasses('input-wrapper', {
|
|
1168
1169
|
hover: hover,
|
|
1169
1170
|
disabled: disabled
|
|
1170
1171
|
}, labelClasses) || "")
|
|
@@ -1181,7 +1182,7 @@ var InputComponent = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
1181
1182
|
onChange: changeHandler,
|
|
1182
1183
|
autoComplete: autoComplete
|
|
1183
1184
|
}, inputProps, {
|
|
1184
|
-
className: _JSXStyle.dynamic([["
|
|
1185
|
+
className: _JSXStyle.dynamic([["2582554466", [SCALES.height(2.25), SCALES.font(0.875), SCALES.width(1, defaultWidth), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), SCALES.width(1, defaultWidth), variant === 'normal' ? theme$1.layout.radius : '', variant === 'none' ? '' : variant === 'line' ? "border-bottom: 1px solid ".concat(borderColor) : "border: 1px solid ".concat(borderColor), theme$1.palette.accents_1, theme$1.palette.accents_2, hoverBorder, SCALES.font(0.875), color, theme$1.palette.accents_3, theme$1.palette.background, color]]]) + " " + (inputProps && inputProps.className != null && inputProps.className || theme.useClasses({
|
|
1185
1186
|
disabled: disabled
|
|
1186
1187
|
}, iconClasses) || "")
|
|
1187
1188
|
})), clearable && /*#__PURE__*/React.createElement(MemoInputIconClear, {
|
|
@@ -1193,8 +1194,8 @@ var InputComponent = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
1193
1194
|
}, iconProps))), labelRight && /*#__PURE__*/React.createElement(MemoInputLabel, {
|
|
1194
1195
|
isRight: true
|
|
1195
1196
|
}, labelRight), /*#__PURE__*/React.createElement("br", {
|
|
1196
|
-
className: _JSXStyle.dynamic([["
|
|
1197
|
-
})),
|
|
1197
|
+
className: _JSXStyle.dynamic([["2582554466", [SCALES.height(2.25), SCALES.font(0.875), SCALES.width(1, defaultWidth), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), SCALES.width(1, defaultWidth), variant === 'normal' ? theme$1.layout.radius : '', variant === 'none' ? '' : variant === 'line' ? "border-bottom: 1px solid ".concat(borderColor) : "border: 1px solid ".concat(borderColor), theme$1.palette.accents_1, theme$1.palette.accents_2, hoverBorder, SCALES.font(0.875), color, theme$1.palette.accents_3, theme$1.palette.background, color]]])
|
|
1198
|
+
})), helperText && /*#__PURE__*/React.createElement("p", {
|
|
1198
1199
|
style: {
|
|
1199
1200
|
marginTop: 0.4,
|
|
1200
1201
|
marginRight: 0,
|
|
@@ -1202,11 +1203,11 @@ var InputComponent = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
1202
1203
|
marginBottom: '0.4rem',
|
|
1203
1204
|
textAlign: 'left'
|
|
1204
1205
|
},
|
|
1205
|
-
className: _JSXStyle.dynamic([["
|
|
1206
|
-
},
|
|
1207
|
-
id: "
|
|
1206
|
+
className: _JSXStyle.dynamic([["2582554466", [SCALES.height(2.25), SCALES.font(0.875), SCALES.width(1, defaultWidth), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), SCALES.width(1, defaultWidth), variant === 'normal' ? theme$1.layout.radius : '', variant === 'none' ? '' : variant === 'line' ? "border-bottom: 1px solid ".concat(borderColor) : "border: 1px solid ".concat(borderColor), theme$1.palette.accents_1, theme$1.palette.accents_2, hoverBorder, SCALES.font(0.875), color, theme$1.palette.accents_3, theme$1.palette.background, color]]]) + " " + ((error ? "input-error" : '') || "")
|
|
1207
|
+
}, "\xA0", helperText), /*#__PURE__*/React.createElement(_JSXStyle, {
|
|
1208
|
+
id: "2582554466",
|
|
1208
1209
|
dynamic: [SCALES.height(2.25), SCALES.font(0.875), SCALES.width(1, defaultWidth), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), SCALES.width(1, defaultWidth), variant === 'normal' ? theme$1.layout.radius : '', variant === 'none' ? '' : variant === 'line' ? "border-bottom: 1px solid ".concat(borderColor) : "border: 1px solid ".concat(borderColor), theme$1.palette.accents_1, theme$1.palette.accents_2, hoverBorder, SCALES.font(0.875), color, theme$1.palette.accents_3, theme$1.palette.background, color]
|
|
1209
|
-
}, ".with-label.__jsx-style-dynamic-selector{display:inline-block;box-sizing:border-box;-webkit-box-align:center;--input-height:".concat(SCALES.height(2.25), ";font-size:").concat(SCALES.font(0.875), ";width:").concat(SCALES.width(1, defaultWidth), ";padding:").concat(SCALES.pt(0), " ").concat(SCALES.pr(0), " ").concat(SCALES.pb(0), " ").concat(SCALES.pl(0), ";margin:").concat(SCALES.mt(0), " ").concat(SCALES.mr(0), " ").concat(SCALES.mb(0), " ").concat(SCALES.ml(0), ";}.input-error.__jsx-style-dynamic-selector{color:#
|
|
1210
|
+
}, ".with-label.__jsx-style-dynamic-selector{display:inline-block;box-sizing:border-box;-webkit-box-align:center;--input-height:".concat(SCALES.height(2.25), ";font-size:").concat(SCALES.font(0.875), ";width:").concat(SCALES.width(1, defaultWidth), ";padding:").concat(SCALES.pt(0), " ").concat(SCALES.pr(0), " ").concat(SCALES.pb(0), " ").concat(SCALES.pl(0), ";margin:").concat(SCALES.mt(0), " ").concat(SCALES.mr(0), " ").concat(SCALES.mb(0), " ").concat(SCALES.ml(0), ";}.input-error.__jsx-style-dynamic-selector{color:#e00;}.input-container.__jsx-style-dynamic-selector{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:").concat(SCALES.width(1, defaultWidth), ";height:var(--input-height);}.input-wrapper.__jsx-style-dynamic-selector{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;vertical-align:middle;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%;-webkit-flex:1;-ms-flex:1;flex:1;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-radius:").concat(variant === 'normal' ? theme$1.layout.radius : '', ";").concat(variant === 'none' ? '' : variant === 'line' ? "border-bottom: 1px solid ".concat(borderColor) : "border: 1px solid ".concat(borderColor), ";-webkit-transition:border 0.2s ease 0s,color 0.2s ease 0s;transition:border 0.2s ease 0s,color 0.2s ease 0s;}.input-wrapper.left-label.__jsx-style-dynamic-selector{border-top-left-radius:0;border-bottom-left-radius:0;}.input-wrapper.right-label.__jsx-style-dynamic-selector{border-top-right-radius:0;border-bottom-right-radius:0;}.input-wrapper.disabled.__jsx-style-dynamic-selector{background-color:").concat(theme$1.palette.accents_1, ";border-color:").concat(theme$1.palette.accents_2, ";cursor:not-allowed;}input.disabled.__jsx-style-dynamic-selector{cursor:not-allowed;}.input-wrapper.hover.__jsx-style-dynamic-selector{border-color:").concat(hoverBorder, ";}input.__jsx-style-dynamic-selector{margin:0.25em 0.625em;padding:0;box-shadow:none;font-size:").concat(SCALES.font(0.875), ";background-color:transparent;border:none;color:").concat(color, ";outline:none;border-radius:0;width:100%;min-width:0;-webkit-appearance:none;}input.left-icon.__jsx-style-dynamic-selector{margin-left:0;}input.right-icon.__jsx-style-dynamic-selector{margin-right:0;}.__jsx-style-dynamic-selector::-webkit-input-placeholder,.__jsx-style-dynamic-selector::-moz-placeholder,.__jsx-style-dynamic-selector:-ms-input-placeholder,.__jsx-style-dynamic-selector::-webkit-input-placeholder{color:").concat(theme$1.palette.accents_3, ";}.__jsx-style-dynamic-selector::-moz-placeholder,.__jsx-style-dynamic-selector::-moz-placeholder,.__jsx-style-dynamic-selector:-ms-input-placeholder,.__jsx-style-dynamic-selector::-webkit-input-placeholder{color:").concat(theme$1.palette.accents_3, ";}.__jsx-style-dynamic-selector:-ms-input-placeholder,.__jsx-style-dynamic-selector::-moz-placeholder,.__jsx-style-dynamic-selector:-ms-input-placeholder,.__jsx-style-dynamic-selector::-webkit-input-placeholder{color:").concat(theme$1.palette.accents_3, ";}.__jsx-style-dynamic-selector::placeholder,.__jsx-style-dynamic-selector::-moz-placeholder,.__jsx-style-dynamic-selector:-ms-input-placeholder,.__jsx-style-dynamic-selector::-webkit-input-placeholder{color:").concat(theme$1.palette.accents_3, ";}.__jsx-style-dynamic-selector::-ms-reveal{display:none !important;}input.__jsx-style-dynamic-selector:-webkit-autofill,input.__jsx-style-dynamic-selector:-webkit-autofill.__jsx-style-dynamic-selector:hover,input.__jsx-style-dynamic-selector:-webkit-autofill.__jsx-style-dynamic-selector:active,input.__jsx-style-dynamic-selector:-webkit-autofill.__jsx-style-dynamic-selector:focus{-webkit-box-shadow:0 0 0 30px ").concat(theme$1.palette.background, " inset !important;-webkit-text-fill-color:").concat(color, " !important;}")));
|
|
1210
1211
|
});
|
|
1211
1212
|
InputComponent.displayName = 'Input';
|
|
1212
1213
|
var Input = withScale(InputComponent);
|
|
@@ -2734,7 +2735,7 @@ function PhoneInput(_ref) {
|
|
|
2734
2735
|
height: "20",
|
|
2735
2736
|
src: "https://flagcdn.com/w20/".concat(selectedCountry.code.toLowerCase(), ".png"),
|
|
2736
2737
|
srcSet: "https://flagcdn.com/w40/".concat(selectedCountry.code.toLowerCase(), ".png 2x"),
|
|
2737
|
-
alt: "
|
|
2738
|
+
alt: "".concat(selectedCountry.label, " Flag"),
|
|
2738
2739
|
className: _JSXStyle.dynamic([["3237870810", [SCALES.width(1, defaultWidth), SCALES.height(2.25), hoverBorder, borderColor, borderColor, SCALES.width(1, defaultWidth), theme$1.type == 'dark' ? 'black' : 'white', borderColor, borderColor, theme$1.type == 'dark' ? '#3a3d3d' : '#efefef']]])
|
|
2739
2740
|
}), /*#__PURE__*/React.createElement("span", {
|
|
2740
2741
|
className: _JSXStyle.dynamic([["3237870810", [SCALES.width(1, defaultWidth), SCALES.height(2.25), hoverBorder, borderColor, borderColor, SCALES.width(1, defaultWidth), theme$1.type == 'dark' ? 'black' : 'white', borderColor, borderColor, theme$1.type == 'dark' ? '#3a3d3d' : '#efefef']]])
|
|
@@ -2782,7 +2783,7 @@ function PhoneInput(_ref) {
|
|
|
2782
2783
|
height: "23",
|
|
2783
2784
|
src: "https://flagcdn.com/w20/".concat(c.code.toLowerCase(), ".png"),
|
|
2784
2785
|
srcSet: "https://flagcdn.com/w40/".concat(c.code.toLowerCase(), ".png 2x"),
|
|
2785
|
-
alt: "
|
|
2786
|
+
alt: "".concat(c.label, " Flag"),
|
|
2786
2787
|
className: _JSXStyle.dynamic([["3237870810", [SCALES.width(1, defaultWidth), SCALES.height(2.25), hoverBorder, borderColor, borderColor, SCALES.width(1, defaultWidth), theme$1.type == 'dark' ? 'black' : 'white', borderColor, borderColor, theme$1.type == 'dark' ? '#3a3d3d' : '#efefef']]])
|
|
2787
2788
|
}), c.phone, " ", /*#__PURE__*/React.createElement("span", {
|
|
2788
2789
|
style: {
|
package/dist/carousal/index.d.ts
CHANGED
package/dist/carousal/index.js
CHANGED
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
3
5
|
var React = require('react');
|
|
4
6
|
var require$$0 = require('react-is');
|
|
5
7
|
var theme = require('@helpdice/theme');
|
|
@@ -4175,5 +4177,5 @@ _defineProperty(Carousel, "defaultProps", {
|
|
|
4175
4177
|
stopSwipingHandler: slideStopSwipingHandler
|
|
4176
4178
|
});
|
|
4177
4179
|
|
|
4178
|
-
exports.Carousel = Carousel;
|
|
4179
4180
|
exports.Thumbs = Thumbs;
|
|
4181
|
+
exports.default = Carousel;
|
package/dist/container/box.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
declare const wrap: ["nowrap", "wrap", "wrap-reverse"];
|
|
3
3
|
export type Wrap = typeof wrap[number];
|
|
4
|
-
type
|
|
4
|
+
type Props = {
|
|
5
5
|
gap?: number;
|
|
6
6
|
direction?: string;
|
|
7
7
|
children?: React.ReactNode;
|
|
@@ -11,7 +11,9 @@ type ContainerProps = {
|
|
|
11
11
|
wrap?: Wrap;
|
|
12
12
|
className?: string;
|
|
13
13
|
};
|
|
14
|
-
|
|
14
|
+
type NativeAttrs = Omit<React.HTMLAttributes<any>, keyof Props>;
|
|
15
|
+
export type ContainerProps = Props & NativeAttrs;
|
|
16
|
+
declare const _default: React.ForwardRefExoticComponent<Props & NativeAttrs & {
|
|
15
17
|
width?: string | number;
|
|
16
18
|
height?: string | number;
|
|
17
19
|
padding?: string | number;
|
package/dist/container/index.js
CHANGED
|
@@ -934,10 +934,10 @@ var Container = function Container(_ref) {
|
|
|
934
934
|
}, [gap, unit]);
|
|
935
935
|
var _styles$className = {
|
|
936
936
|
styles: /*#__PURE__*/React.createElement(_JSXStyle, {
|
|
937
|
-
id: "
|
|
938
|
-
dynamic: [gapUnit, direction, wrap, justify, alignContent, alignItems, SCALES.width(1, 'var(--container-width)')]
|
|
939
|
-
}, "div.__jsx-style-dynamic-selector{--gap-unit:".concat(gapUnit, ";--container-width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:").concat(direction, ";-ms-flex-direction:").concat(direction, ";flex-direction:").concat(direction, ";-webkit-flex-wrap:").concat(wrap, ";-ms-flex-wrap:").concat(wrap, ";flex-wrap:").concat(wrap, ";-webkit-box-pack:").concat(justify, ";-webkit-justify-content:").concat(justify, ";-ms-flex-pack:").concat(justify, ";justify-content:").concat(justify, ";-webkit-align-content:").concat(alignContent, ";-ms-flex-line-pack:").concat(alignContent, ";align-content:").concat(alignContent, ";-webkit-align-items:").concat(alignItems, ";-webkit-box-align:").concat(alignItems, ";-ms-flex-align:").concat(alignItems, ";align-items:").concat(alignItems, ";box-sizing:border-box;gap:var(--gap-unit);width:").concat(SCALES.width(1, 'var(--container-width)'), ";}")),
|
|
940
|
-
className: _JSXStyle.dynamic([["
|
|
937
|
+
id: "4110955330",
|
|
938
|
+
dynamic: [gapUnit, direction, wrap, justify, alignContent, alignItems, SCALES.width(1, 'var(--container-width)'), SCALES.height(1, 'auto'), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0)]
|
|
939
|
+
}, "div.__jsx-style-dynamic-selector{--gap-unit:".concat(gapUnit, ";--container-width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:").concat(direction, ";-ms-flex-direction:").concat(direction, ";flex-direction:").concat(direction, ";-webkit-flex-wrap:").concat(wrap, ";-ms-flex-wrap:").concat(wrap, ";flex-wrap:").concat(wrap, ";-webkit-box-pack:").concat(justify, ";-webkit-justify-content:").concat(justify, ";-ms-flex-pack:").concat(justify, ";justify-content:").concat(justify, ";-webkit-align-content:").concat(alignContent, ";-ms-flex-line-pack:").concat(alignContent, ";align-content:").concat(alignContent, ";-webkit-align-items:").concat(alignItems, ";-webkit-box-align:").concat(alignItems, ";-ms-flex-align:").concat(alignItems, ";align-items:").concat(alignItems, ";box-sizing:border-box;gap:var(--gap-unit);width:").concat(SCALES.width(1, 'var(--container-width)'), ";height:").concat(SCALES.height(1, 'auto'), ";padding:").concat(SCALES.pt(0), " ").concat(SCALES.pr(0), " ").concat(SCALES.pb(0), " ").concat(SCALES.pl(0), ";margin:").concat(SCALES.mt(0), " ").concat(SCALES.mr(0), " ").concat(SCALES.mb(0), " ").concat(SCALES.ml(0), ";}")),
|
|
940
|
+
className: _JSXStyle.dynamic([["4110955330", [gapUnit, direction, wrap, justify, alignContent, alignItems, SCALES.width(1, 'var(--container-width)'), SCALES.height(1, 'auto'), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0)]]])
|
|
941
941
|
},
|
|
942
942
|
resolveClassName = _styles$className.className,
|
|
943
943
|
styles = _styles$className.styles;
|
|
@@ -1,14 +1,16 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
type
|
|
2
|
+
type Props = {
|
|
3
3
|
showIcon: boolean;
|
|
4
4
|
text: string;
|
|
5
5
|
children: React.ReactNode;
|
|
6
|
-
onCopy
|
|
7
|
-
options
|
|
6
|
+
onCopy?: (text: string, result: any) => void;
|
|
7
|
+
options?: {
|
|
8
8
|
debug: boolean;
|
|
9
9
|
message: string;
|
|
10
10
|
format: string;
|
|
11
11
|
};
|
|
12
12
|
};
|
|
13
|
+
type NativeAttrs = Omit<React.HTMLAttributes<any>, keyof Props>;
|
|
14
|
+
export type ClipboardProps = Props & NativeAttrs;
|
|
13
15
|
export default function Clipboard(props: ClipboardProps): React.JSX.Element;
|
|
14
16
|
export {};
|
package/dist/index.d.ts
CHANGED
|
@@ -123,7 +123,7 @@ export { default as Skeleton } from './skeleton';
|
|
|
123
123
|
export * from './login-with';
|
|
124
124
|
export { default as Swipe } from './swipe';
|
|
125
125
|
export type { SwipeProps } from './swipe';
|
|
126
|
-
export { Carousel } from './carousal';
|
|
126
|
+
export { default as Carousel } from './carousal';
|
|
127
127
|
export type { CarouselProps } from './carousal';
|
|
128
128
|
export type { CurrencyInputProps, CurrencyInputOnChangeValues } from './input/currency-input';
|
|
129
129
|
export { default as useToasts } from './use-toasts';
|
package/dist/index.js
CHANGED
|
@@ -1365,7 +1365,7 @@ var withScale = function withScale(Render) {
|
|
|
1365
1365
|
return ScaleFC;
|
|
1366
1366
|
};
|
|
1367
1367
|
|
|
1368
|
-
var _excluded$1p = ["label", "labelRight", "color", "
|
|
1368
|
+
var _excluded$1p = ["label", "labelRight", "error", "color", "helperText", "type", "icon", "variant", "iconRight", "iconClickable", "onIconClick", "initialValue", "onChange", "readOnly", "value", "onClearClick", "clearable", "className", "onBlur", "onFocus", "autoComplete", "placeholder", "children", "disabled", "fullWidth"];
|
|
1369
1369
|
var simulateChangeEvent = function simulateChangeEvent(el, event) {
|
|
1370
1370
|
return _objectSpread2(_objectSpread2({}, event), {}, {
|
|
1371
1371
|
target: el,
|
|
@@ -1375,9 +1375,10 @@ var simulateChangeEvent = function simulateChangeEvent(el, event) {
|
|
|
1375
1375
|
var InputComponent = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
1376
1376
|
var label = _ref.label,
|
|
1377
1377
|
labelRight = _ref.labelRight,
|
|
1378
|
-
_ref$color = _ref.color,
|
|
1379
|
-
_color = _ref$color === void 0 ? 'default' : _ref$color,
|
|
1380
1378
|
error = _ref.error,
|
|
1379
|
+
_ref$color = _ref.color,
|
|
1380
|
+
_color = _ref$color === void 0 ? error ? 'error' : 'default' : _ref$color,
|
|
1381
|
+
helperText = _ref.helperText,
|
|
1381
1382
|
_ref$type = _ref.type,
|
|
1382
1383
|
type = _ref$type === void 0 ? 'text' : _ref$type,
|
|
1383
1384
|
icon = _ref.icon,
|
|
@@ -1487,11 +1488,11 @@ var InputComponent = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
1487
1488
|
var inputProps = _objectSpread2(_objectSpread2({}, props), controlledValue);
|
|
1488
1489
|
var defaultWidth = fullWidth ? '100%' : 'initial';
|
|
1489
1490
|
return /*#__PURE__*/React.createElement("div", {
|
|
1490
|
-
className: _JSXStyle.dynamic([["
|
|
1491
|
+
className: _JSXStyle.dynamic([["2582554466", [SCALES.height(2.25), SCALES.font(0.875), SCALES.width(1, defaultWidth), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), SCALES.width(1, defaultWidth), variant === 'normal' ? theme$1.layout.radius : '', variant === 'none' ? '' : variant === 'line' ? "border-bottom: 1px solid ".concat(borderColor) : "border: 1px solid ".concat(borderColor), theme$1.palette.accents_1, theme$1.palette.accents_2, hoverBorder, SCALES.font(0.875), color, theme$1.palette.accents_3, theme$1.palette.background, color]]]) + " " + "with-label"
|
|
1491
1492
|
}, children && /*#__PURE__*/React.createElement(InputBlockLabel, null, children), /*#__PURE__*/React.createElement("div", {
|
|
1492
|
-
className: _JSXStyle.dynamic([["
|
|
1493
|
+
className: _JSXStyle.dynamic([["2582554466", [SCALES.height(2.25), SCALES.font(0.875), SCALES.width(1, defaultWidth), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), SCALES.width(1, defaultWidth), variant === 'normal' ? theme$1.layout.radius : '', variant === 'none' ? '' : variant === 'line' ? "border-bottom: 1px solid ".concat(borderColor) : "border: 1px solid ".concat(borderColor), theme$1.palette.accents_1, theme$1.palette.accents_2, hoverBorder, SCALES.font(0.875), color, theme$1.palette.accents_3, theme$1.palette.background, color]]]) + " " + (theme.useClasses('input-container', className) || "")
|
|
1493
1494
|
}, label && /*#__PURE__*/React.createElement(MemoInputLabel, null, label), /*#__PURE__*/React.createElement("div", {
|
|
1494
|
-
className: _JSXStyle.dynamic([["
|
|
1495
|
+
className: _JSXStyle.dynamic([["2582554466", [SCALES.height(2.25), SCALES.font(0.875), SCALES.width(1, defaultWidth), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), SCALES.width(1, defaultWidth), variant === 'normal' ? theme$1.layout.radius : '', variant === 'none' ? '' : variant === 'line' ? "border-bottom: 1px solid ".concat(borderColor) : "border: 1px solid ".concat(borderColor), theme$1.palette.accents_1, theme$1.palette.accents_2, hoverBorder, SCALES.font(0.875), color, theme$1.palette.accents_3, theme$1.palette.background, color]]]) + " " + (theme.useClasses('input-wrapper', {
|
|
1495
1496
|
hover: hover,
|
|
1496
1497
|
disabled: disabled
|
|
1497
1498
|
}, labelClasses) || "")
|
|
@@ -1508,7 +1509,7 @@ var InputComponent = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
1508
1509
|
onChange: changeHandler,
|
|
1509
1510
|
autoComplete: autoComplete
|
|
1510
1511
|
}, inputProps, {
|
|
1511
|
-
className: _JSXStyle.dynamic([["
|
|
1512
|
+
className: _JSXStyle.dynamic([["2582554466", [SCALES.height(2.25), SCALES.font(0.875), SCALES.width(1, defaultWidth), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), SCALES.width(1, defaultWidth), variant === 'normal' ? theme$1.layout.radius : '', variant === 'none' ? '' : variant === 'line' ? "border-bottom: 1px solid ".concat(borderColor) : "border: 1px solid ".concat(borderColor), theme$1.palette.accents_1, theme$1.palette.accents_2, hoverBorder, SCALES.font(0.875), color, theme$1.palette.accents_3, theme$1.palette.background, color]]]) + " " + (inputProps && inputProps.className != null && inputProps.className || theme.useClasses({
|
|
1512
1513
|
disabled: disabled
|
|
1513
1514
|
}, iconClasses) || "")
|
|
1514
1515
|
})), clearable && /*#__PURE__*/React.createElement(MemoInputIconClear, {
|
|
@@ -1520,8 +1521,8 @@ var InputComponent = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
1520
1521
|
}, iconProps))), labelRight && /*#__PURE__*/React.createElement(MemoInputLabel, {
|
|
1521
1522
|
isRight: true
|
|
1522
1523
|
}, labelRight), /*#__PURE__*/React.createElement("br", {
|
|
1523
|
-
className: _JSXStyle.dynamic([["
|
|
1524
|
-
})),
|
|
1524
|
+
className: _JSXStyle.dynamic([["2582554466", [SCALES.height(2.25), SCALES.font(0.875), SCALES.width(1, defaultWidth), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), SCALES.width(1, defaultWidth), variant === 'normal' ? theme$1.layout.radius : '', variant === 'none' ? '' : variant === 'line' ? "border-bottom: 1px solid ".concat(borderColor) : "border: 1px solid ".concat(borderColor), theme$1.palette.accents_1, theme$1.palette.accents_2, hoverBorder, SCALES.font(0.875), color, theme$1.palette.accents_3, theme$1.palette.background, color]]])
|
|
1525
|
+
})), helperText && /*#__PURE__*/React.createElement("p", {
|
|
1525
1526
|
style: {
|
|
1526
1527
|
marginTop: 0.4,
|
|
1527
1528
|
marginRight: 0,
|
|
@@ -1529,11 +1530,11 @@ var InputComponent = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
1529
1530
|
marginBottom: '0.4rem',
|
|
1530
1531
|
textAlign: 'left'
|
|
1531
1532
|
},
|
|
1532
|
-
className: _JSXStyle.dynamic([["
|
|
1533
|
-
},
|
|
1534
|
-
id: "
|
|
1533
|
+
className: _JSXStyle.dynamic([["2582554466", [SCALES.height(2.25), SCALES.font(0.875), SCALES.width(1, defaultWidth), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), SCALES.width(1, defaultWidth), variant === 'normal' ? theme$1.layout.radius : '', variant === 'none' ? '' : variant === 'line' ? "border-bottom: 1px solid ".concat(borderColor) : "border: 1px solid ".concat(borderColor), theme$1.palette.accents_1, theme$1.palette.accents_2, hoverBorder, SCALES.font(0.875), color, theme$1.palette.accents_3, theme$1.palette.background, color]]]) + " " + ((error ? "input-error" : '') || "")
|
|
1534
|
+
}, "\xA0", helperText), /*#__PURE__*/React.createElement(_JSXStyle, {
|
|
1535
|
+
id: "2582554466",
|
|
1535
1536
|
dynamic: [SCALES.height(2.25), SCALES.font(0.875), SCALES.width(1, defaultWidth), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), SCALES.width(1, defaultWidth), variant === 'normal' ? theme$1.layout.radius : '', variant === 'none' ? '' : variant === 'line' ? "border-bottom: 1px solid ".concat(borderColor) : "border: 1px solid ".concat(borderColor), theme$1.palette.accents_1, theme$1.palette.accents_2, hoverBorder, SCALES.font(0.875), color, theme$1.palette.accents_3, theme$1.palette.background, color]
|
|
1536
|
-
}, ".with-label.__jsx-style-dynamic-selector{display:inline-block;box-sizing:border-box;-webkit-box-align:center;--input-height:".concat(SCALES.height(2.25), ";font-size:").concat(SCALES.font(0.875), ";width:").concat(SCALES.width(1, defaultWidth), ";padding:").concat(SCALES.pt(0), " ").concat(SCALES.pr(0), " ").concat(SCALES.pb(0), " ").concat(SCALES.pl(0), ";margin:").concat(SCALES.mt(0), " ").concat(SCALES.mr(0), " ").concat(SCALES.mb(0), " ").concat(SCALES.ml(0), ";}.input-error.__jsx-style-dynamic-selector{color:#
|
|
1537
|
+
}, ".with-label.__jsx-style-dynamic-selector{display:inline-block;box-sizing:border-box;-webkit-box-align:center;--input-height:".concat(SCALES.height(2.25), ";font-size:").concat(SCALES.font(0.875), ";width:").concat(SCALES.width(1, defaultWidth), ";padding:").concat(SCALES.pt(0), " ").concat(SCALES.pr(0), " ").concat(SCALES.pb(0), " ").concat(SCALES.pl(0), ";margin:").concat(SCALES.mt(0), " ").concat(SCALES.mr(0), " ").concat(SCALES.mb(0), " ").concat(SCALES.ml(0), ";}.input-error.__jsx-style-dynamic-selector{color:#e00;}.input-container.__jsx-style-dynamic-selector{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:").concat(SCALES.width(1, defaultWidth), ";height:var(--input-height);}.input-wrapper.__jsx-style-dynamic-selector{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;vertical-align:middle;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%;-webkit-flex:1;-ms-flex:1;flex:1;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-radius:").concat(variant === 'normal' ? theme$1.layout.radius : '', ";").concat(variant === 'none' ? '' : variant === 'line' ? "border-bottom: 1px solid ".concat(borderColor) : "border: 1px solid ".concat(borderColor), ";-webkit-transition:border 0.2s ease 0s,color 0.2s ease 0s;transition:border 0.2s ease 0s,color 0.2s ease 0s;}.input-wrapper.left-label.__jsx-style-dynamic-selector{border-top-left-radius:0;border-bottom-left-radius:0;}.input-wrapper.right-label.__jsx-style-dynamic-selector{border-top-right-radius:0;border-bottom-right-radius:0;}.input-wrapper.disabled.__jsx-style-dynamic-selector{background-color:").concat(theme$1.palette.accents_1, ";border-color:").concat(theme$1.palette.accents_2, ";cursor:not-allowed;}input.disabled.__jsx-style-dynamic-selector{cursor:not-allowed;}.input-wrapper.hover.__jsx-style-dynamic-selector{border-color:").concat(hoverBorder, ";}input.__jsx-style-dynamic-selector{margin:0.25em 0.625em;padding:0;box-shadow:none;font-size:").concat(SCALES.font(0.875), ";background-color:transparent;border:none;color:").concat(color, ";outline:none;border-radius:0;width:100%;min-width:0;-webkit-appearance:none;}input.left-icon.__jsx-style-dynamic-selector{margin-left:0;}input.right-icon.__jsx-style-dynamic-selector{margin-right:0;}.__jsx-style-dynamic-selector::-webkit-input-placeholder,.__jsx-style-dynamic-selector::-moz-placeholder,.__jsx-style-dynamic-selector:-ms-input-placeholder,.__jsx-style-dynamic-selector::-webkit-input-placeholder{color:").concat(theme$1.palette.accents_3, ";}.__jsx-style-dynamic-selector::-moz-placeholder,.__jsx-style-dynamic-selector::-moz-placeholder,.__jsx-style-dynamic-selector:-ms-input-placeholder,.__jsx-style-dynamic-selector::-webkit-input-placeholder{color:").concat(theme$1.palette.accents_3, ";}.__jsx-style-dynamic-selector:-ms-input-placeholder,.__jsx-style-dynamic-selector::-moz-placeholder,.__jsx-style-dynamic-selector:-ms-input-placeholder,.__jsx-style-dynamic-selector::-webkit-input-placeholder{color:").concat(theme$1.palette.accents_3, ";}.__jsx-style-dynamic-selector::placeholder,.__jsx-style-dynamic-selector::-moz-placeholder,.__jsx-style-dynamic-selector:-ms-input-placeholder,.__jsx-style-dynamic-selector::-webkit-input-placeholder{color:").concat(theme$1.palette.accents_3, ";}.__jsx-style-dynamic-selector::-ms-reveal{display:none !important;}input.__jsx-style-dynamic-selector:-webkit-autofill,input.__jsx-style-dynamic-selector:-webkit-autofill.__jsx-style-dynamic-selector:hover,input.__jsx-style-dynamic-selector:-webkit-autofill.__jsx-style-dynamic-selector:active,input.__jsx-style-dynamic-selector:-webkit-autofill.__jsx-style-dynamic-selector:focus{-webkit-box-shadow:0 0 0 30px ").concat(theme$1.palette.background, " inset !important;-webkit-text-fill-color:").concat(color, " !important;}")));
|
|
1537
1538
|
});
|
|
1538
1539
|
InputComponent.displayName = 'Input';
|
|
1539
1540
|
var Input = withScale(InputComponent);
|
|
@@ -3067,7 +3068,7 @@ function PhoneInput(_ref) {
|
|
|
3067
3068
|
height: "20",
|
|
3068
3069
|
src: "https://flagcdn.com/w20/".concat(selectedCountry.code.toLowerCase(), ".png"),
|
|
3069
3070
|
srcSet: "https://flagcdn.com/w40/".concat(selectedCountry.code.toLowerCase(), ".png 2x"),
|
|
3070
|
-
alt: "
|
|
3071
|
+
alt: "".concat(selectedCountry.label, " Flag"),
|
|
3071
3072
|
className: _JSXStyle.dynamic([["3237870810", [SCALES.width(1, defaultWidth), SCALES.height(2.25), hoverBorder, borderColor, borderColor, SCALES.width(1, defaultWidth), theme$1.type == 'dark' ? 'black' : 'white', borderColor, borderColor, theme$1.type == 'dark' ? '#3a3d3d' : '#efefef']]])
|
|
3072
3073
|
}), /*#__PURE__*/React.createElement("span", {
|
|
3073
3074
|
className: _JSXStyle.dynamic([["3237870810", [SCALES.width(1, defaultWidth), SCALES.height(2.25), hoverBorder, borderColor, borderColor, SCALES.width(1, defaultWidth), theme$1.type == 'dark' ? 'black' : 'white', borderColor, borderColor, theme$1.type == 'dark' ? '#3a3d3d' : '#efefef']]])
|
|
@@ -3115,7 +3116,7 @@ function PhoneInput(_ref) {
|
|
|
3115
3116
|
height: "23",
|
|
3116
3117
|
src: "https://flagcdn.com/w20/".concat(c.code.toLowerCase(), ".png"),
|
|
3117
3118
|
srcSet: "https://flagcdn.com/w40/".concat(c.code.toLowerCase(), ".png 2x"),
|
|
3118
|
-
alt: "
|
|
3119
|
+
alt: "".concat(c.label, " Flag"),
|
|
3119
3120
|
className: _JSXStyle.dynamic([["3237870810", [SCALES.width(1, defaultWidth), SCALES.height(2.25), hoverBorder, borderColor, borderColor, SCALES.width(1, defaultWidth), theme$1.type == 'dark' ? 'black' : 'white', borderColor, borderColor, theme$1.type == 'dark' ? '#3a3d3d' : '#efefef']]])
|
|
3120
3121
|
}), c.phone, " ", /*#__PURE__*/React.createElement("span", {
|
|
3121
3122
|
style: {
|
|
@@ -13287,10 +13288,10 @@ var Container = function Container(_ref) {
|
|
|
13287
13288
|
}, [gap, unit]);
|
|
13288
13289
|
var _styles$className = {
|
|
13289
13290
|
styles: /*#__PURE__*/React.createElement(_JSXStyle, {
|
|
13290
|
-
id: "
|
|
13291
|
-
dynamic: [gapUnit, direction, wrap, justify, alignContent, alignItems, SCALES.width(1, 'var(--container-width)')]
|
|
13292
|
-
}, "div.__jsx-style-dynamic-selector{--gap-unit:".concat(gapUnit, ";--container-width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:").concat(direction, ";-ms-flex-direction:").concat(direction, ";flex-direction:").concat(direction, ";-webkit-flex-wrap:").concat(wrap, ";-ms-flex-wrap:").concat(wrap, ";flex-wrap:").concat(wrap, ";-webkit-box-pack:").concat(justify, ";-webkit-justify-content:").concat(justify, ";-ms-flex-pack:").concat(justify, ";justify-content:").concat(justify, ";-webkit-align-content:").concat(alignContent, ";-ms-flex-line-pack:").concat(alignContent, ";align-content:").concat(alignContent, ";-webkit-align-items:").concat(alignItems, ";-webkit-box-align:").concat(alignItems, ";-ms-flex-align:").concat(alignItems, ";align-items:").concat(alignItems, ";box-sizing:border-box;gap:var(--gap-unit);width:").concat(SCALES.width(1, 'var(--container-width)'), ";}")),
|
|
13293
|
-
className: _JSXStyle.dynamic([["
|
|
13291
|
+
id: "4110955330",
|
|
13292
|
+
dynamic: [gapUnit, direction, wrap, justify, alignContent, alignItems, SCALES.width(1, 'var(--container-width)'), SCALES.height(1, 'auto'), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0)]
|
|
13293
|
+
}, "div.__jsx-style-dynamic-selector{--gap-unit:".concat(gapUnit, ";--container-width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:").concat(direction, ";-ms-flex-direction:").concat(direction, ";flex-direction:").concat(direction, ";-webkit-flex-wrap:").concat(wrap, ";-ms-flex-wrap:").concat(wrap, ";flex-wrap:").concat(wrap, ";-webkit-box-pack:").concat(justify, ";-webkit-justify-content:").concat(justify, ";-ms-flex-pack:").concat(justify, ";justify-content:").concat(justify, ";-webkit-align-content:").concat(alignContent, ";-ms-flex-line-pack:").concat(alignContent, ";align-content:").concat(alignContent, ";-webkit-align-items:").concat(alignItems, ";-webkit-box-align:").concat(alignItems, ";-ms-flex-align:").concat(alignItems, ";align-items:").concat(alignItems, ";box-sizing:border-box;gap:var(--gap-unit);width:").concat(SCALES.width(1, 'var(--container-width)'), ";height:").concat(SCALES.height(1, 'auto'), ";padding:").concat(SCALES.pt(0), " ").concat(SCALES.pr(0), " ").concat(SCALES.pb(0), " ").concat(SCALES.pl(0), ";margin:").concat(SCALES.mt(0), " ").concat(SCALES.mr(0), " ").concat(SCALES.mb(0), " ").concat(SCALES.ml(0), ";}")),
|
|
13294
|
+
className: _JSXStyle.dynamic([["4110955330", [gapUnit, direction, wrap, justify, alignContent, alignItems, SCALES.width(1, 'var(--container-width)'), SCALES.height(1, 'auto'), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0)]]])
|
|
13294
13295
|
},
|
|
13295
13296
|
resolveClassName = _styles$className.className,
|
|
13296
13297
|
styles = _styles$className.styles;
|
|
@@ -16490,7 +16491,7 @@ var RatingIcon = function RatingIcon() {
|
|
|
16490
16491
|
};
|
|
16491
16492
|
RatingIcon.displayName = 'RatingIcon';
|
|
16492
16493
|
|
|
16493
|
-
var _excluded$i = ["
|
|
16494
|
+
var _excluded$i = ["color", "className", "icon", "count", "value", "initialValue", "onValueChange", "locked", "onLockedChange"];
|
|
16494
16495
|
tupleNumber(2, 3, 4, 5, 6, 7, 8, 9, 10);
|
|
16495
16496
|
tupleNumber(0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10);
|
|
16496
16497
|
var getColor = function getColor(type, palette) {
|
|
@@ -16503,8 +16504,8 @@ var getColor = function getColor(type, palette) {
|
|
|
16503
16504
|
return colors[type] || colors["default"];
|
|
16504
16505
|
};
|
|
16505
16506
|
var RatingComponent = function RatingComponent(_ref) {
|
|
16506
|
-
var _ref$
|
|
16507
|
-
|
|
16507
|
+
var _ref$color = _ref.color,
|
|
16508
|
+
_color = _ref$color === void 0 ? 'default' : _ref$color,
|
|
16508
16509
|
_ref$className = _ref.className,
|
|
16509
16510
|
className = _ref$className === void 0 ? '' : _ref$className,
|
|
16510
16511
|
_ref$icon = _ref.icon,
|
|
@@ -16523,8 +16524,8 @@ var RatingComponent = function RatingComponent(_ref) {
|
|
|
16523
16524
|
var _useScale = useScale(),
|
|
16524
16525
|
SCALES = _useScale.SCALES;
|
|
16525
16526
|
var color = React.useMemo(function () {
|
|
16526
|
-
return getColor(
|
|
16527
|
-
}, [
|
|
16527
|
+
return getColor(_color, theme$1.palette);
|
|
16528
|
+
}, [_color, theme$1.palette]);
|
|
16528
16529
|
var _useState = React.useState(initialValue),
|
|
16529
16530
|
_useState2 = _slicedToArray(_useState, 2),
|
|
16530
16531
|
value = _useState2[0],
|
package/dist/input/index.js
CHANGED
|
@@ -1024,7 +1024,7 @@ var withScale = function withScale(Render) {
|
|
|
1024
1024
|
return ScaleFC;
|
|
1025
1025
|
};
|
|
1026
1026
|
|
|
1027
|
-
var _excluded$3 = ["label", "labelRight", "color", "
|
|
1027
|
+
var _excluded$3 = ["label", "labelRight", "error", "color", "helperText", "type", "icon", "variant", "iconRight", "iconClickable", "onIconClick", "initialValue", "onChange", "readOnly", "value", "onClearClick", "clearable", "className", "onBlur", "onFocus", "autoComplete", "placeholder", "children", "disabled", "fullWidth"];
|
|
1028
1028
|
var simulateChangeEvent = function simulateChangeEvent(el, event) {
|
|
1029
1029
|
return _objectSpread2(_objectSpread2({}, event), {}, {
|
|
1030
1030
|
target: el,
|
|
@@ -1034,9 +1034,10 @@ var simulateChangeEvent = function simulateChangeEvent(el, event) {
|
|
|
1034
1034
|
var InputComponent = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
1035
1035
|
var label = _ref.label,
|
|
1036
1036
|
labelRight = _ref.labelRight,
|
|
1037
|
-
_ref$color = _ref.color,
|
|
1038
|
-
_color = _ref$color === void 0 ? 'default' : _ref$color,
|
|
1039
1037
|
error = _ref.error,
|
|
1038
|
+
_ref$color = _ref.color,
|
|
1039
|
+
_color = _ref$color === void 0 ? error ? 'error' : 'default' : _ref$color,
|
|
1040
|
+
helperText = _ref.helperText,
|
|
1040
1041
|
_ref$type = _ref.type,
|
|
1041
1042
|
type = _ref$type === void 0 ? 'text' : _ref$type,
|
|
1042
1043
|
icon = _ref.icon,
|
|
@@ -1146,11 +1147,11 @@ var InputComponent = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
1146
1147
|
var inputProps = _objectSpread2(_objectSpread2({}, props), controlledValue);
|
|
1147
1148
|
var defaultWidth = fullWidth ? '100%' : 'initial';
|
|
1148
1149
|
return /*#__PURE__*/React.createElement("div", {
|
|
1149
|
-
className: _JSXStyle.dynamic([["
|
|
1150
|
+
className: _JSXStyle.dynamic([["2582554466", [SCALES.height(2.25), SCALES.font(0.875), SCALES.width(1, defaultWidth), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), SCALES.width(1, defaultWidth), variant === 'normal' ? theme$1.layout.radius : '', variant === 'none' ? '' : variant === 'line' ? "border-bottom: 1px solid ".concat(borderColor) : "border: 1px solid ".concat(borderColor), theme$1.palette.accents_1, theme$1.palette.accents_2, hoverBorder, SCALES.font(0.875), color, theme$1.palette.accents_3, theme$1.palette.background, color]]]) + " " + "with-label"
|
|
1150
1151
|
}, children && /*#__PURE__*/React.createElement(InputBlockLabel, null, children), /*#__PURE__*/React.createElement("div", {
|
|
1151
|
-
className: _JSXStyle.dynamic([["
|
|
1152
|
+
className: _JSXStyle.dynamic([["2582554466", [SCALES.height(2.25), SCALES.font(0.875), SCALES.width(1, defaultWidth), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), SCALES.width(1, defaultWidth), variant === 'normal' ? theme$1.layout.radius : '', variant === 'none' ? '' : variant === 'line' ? "border-bottom: 1px solid ".concat(borderColor) : "border: 1px solid ".concat(borderColor), theme$1.palette.accents_1, theme$1.palette.accents_2, hoverBorder, SCALES.font(0.875), color, theme$1.palette.accents_3, theme$1.palette.background, color]]]) + " " + (theme.useClasses('input-container', className) || "")
|
|
1152
1153
|
}, label && /*#__PURE__*/React.createElement(MemoInputLabel, null, label), /*#__PURE__*/React.createElement("div", {
|
|
1153
|
-
className: _JSXStyle.dynamic([["
|
|
1154
|
+
className: _JSXStyle.dynamic([["2582554466", [SCALES.height(2.25), SCALES.font(0.875), SCALES.width(1, defaultWidth), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), SCALES.width(1, defaultWidth), variant === 'normal' ? theme$1.layout.radius : '', variant === 'none' ? '' : variant === 'line' ? "border-bottom: 1px solid ".concat(borderColor) : "border: 1px solid ".concat(borderColor), theme$1.palette.accents_1, theme$1.palette.accents_2, hoverBorder, SCALES.font(0.875), color, theme$1.palette.accents_3, theme$1.palette.background, color]]]) + " " + (theme.useClasses('input-wrapper', {
|
|
1154
1155
|
hover: hover,
|
|
1155
1156
|
disabled: disabled
|
|
1156
1157
|
}, labelClasses) || "")
|
|
@@ -1167,7 +1168,7 @@ var InputComponent = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
1167
1168
|
onChange: changeHandler,
|
|
1168
1169
|
autoComplete: autoComplete
|
|
1169
1170
|
}, inputProps, {
|
|
1170
|
-
className: _JSXStyle.dynamic([["
|
|
1171
|
+
className: _JSXStyle.dynamic([["2582554466", [SCALES.height(2.25), SCALES.font(0.875), SCALES.width(1, defaultWidth), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), SCALES.width(1, defaultWidth), variant === 'normal' ? theme$1.layout.radius : '', variant === 'none' ? '' : variant === 'line' ? "border-bottom: 1px solid ".concat(borderColor) : "border: 1px solid ".concat(borderColor), theme$1.palette.accents_1, theme$1.palette.accents_2, hoverBorder, SCALES.font(0.875), color, theme$1.palette.accents_3, theme$1.palette.background, color]]]) + " " + (inputProps && inputProps.className != null && inputProps.className || theme.useClasses({
|
|
1171
1172
|
disabled: disabled
|
|
1172
1173
|
}, iconClasses) || "")
|
|
1173
1174
|
})), clearable && /*#__PURE__*/React.createElement(MemoInputIconClear, {
|
|
@@ -1179,8 +1180,8 @@ var InputComponent = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
1179
1180
|
}, iconProps))), labelRight && /*#__PURE__*/React.createElement(MemoInputLabel, {
|
|
1180
1181
|
isRight: true
|
|
1181
1182
|
}, labelRight), /*#__PURE__*/React.createElement("br", {
|
|
1182
|
-
className: _JSXStyle.dynamic([["
|
|
1183
|
-
})),
|
|
1183
|
+
className: _JSXStyle.dynamic([["2582554466", [SCALES.height(2.25), SCALES.font(0.875), SCALES.width(1, defaultWidth), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), SCALES.width(1, defaultWidth), variant === 'normal' ? theme$1.layout.radius : '', variant === 'none' ? '' : variant === 'line' ? "border-bottom: 1px solid ".concat(borderColor) : "border: 1px solid ".concat(borderColor), theme$1.palette.accents_1, theme$1.palette.accents_2, hoverBorder, SCALES.font(0.875), color, theme$1.palette.accents_3, theme$1.palette.background, color]]])
|
|
1184
|
+
})), helperText && /*#__PURE__*/React.createElement("p", {
|
|
1184
1185
|
style: {
|
|
1185
1186
|
marginTop: 0.4,
|
|
1186
1187
|
marginRight: 0,
|
|
@@ -1188,11 +1189,11 @@ var InputComponent = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
1188
1189
|
marginBottom: '0.4rem',
|
|
1189
1190
|
textAlign: 'left'
|
|
1190
1191
|
},
|
|
1191
|
-
className: _JSXStyle.dynamic([["
|
|
1192
|
-
},
|
|
1193
|
-
id: "
|
|
1192
|
+
className: _JSXStyle.dynamic([["2582554466", [SCALES.height(2.25), SCALES.font(0.875), SCALES.width(1, defaultWidth), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), SCALES.width(1, defaultWidth), variant === 'normal' ? theme$1.layout.radius : '', variant === 'none' ? '' : variant === 'line' ? "border-bottom: 1px solid ".concat(borderColor) : "border: 1px solid ".concat(borderColor), theme$1.palette.accents_1, theme$1.palette.accents_2, hoverBorder, SCALES.font(0.875), color, theme$1.palette.accents_3, theme$1.palette.background, color]]]) + " " + ((error ? "input-error" : '') || "")
|
|
1193
|
+
}, "\xA0", helperText), /*#__PURE__*/React.createElement(_JSXStyle, {
|
|
1194
|
+
id: "2582554466",
|
|
1194
1195
|
dynamic: [SCALES.height(2.25), SCALES.font(0.875), SCALES.width(1, defaultWidth), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), SCALES.width(1, defaultWidth), variant === 'normal' ? theme$1.layout.radius : '', variant === 'none' ? '' : variant === 'line' ? "border-bottom: 1px solid ".concat(borderColor) : "border: 1px solid ".concat(borderColor), theme$1.palette.accents_1, theme$1.palette.accents_2, hoverBorder, SCALES.font(0.875), color, theme$1.palette.accents_3, theme$1.palette.background, color]
|
|
1195
|
-
}, ".with-label.__jsx-style-dynamic-selector{display:inline-block;box-sizing:border-box;-webkit-box-align:center;--input-height:".concat(SCALES.height(2.25), ";font-size:").concat(SCALES.font(0.875), ";width:").concat(SCALES.width(1, defaultWidth), ";padding:").concat(SCALES.pt(0), " ").concat(SCALES.pr(0), " ").concat(SCALES.pb(0), " ").concat(SCALES.pl(0), ";margin:").concat(SCALES.mt(0), " ").concat(SCALES.mr(0), " ").concat(SCALES.mb(0), " ").concat(SCALES.ml(0), ";}.input-error.__jsx-style-dynamic-selector{color:#
|
|
1196
|
+
}, ".with-label.__jsx-style-dynamic-selector{display:inline-block;box-sizing:border-box;-webkit-box-align:center;--input-height:".concat(SCALES.height(2.25), ";font-size:").concat(SCALES.font(0.875), ";width:").concat(SCALES.width(1, defaultWidth), ";padding:").concat(SCALES.pt(0), " ").concat(SCALES.pr(0), " ").concat(SCALES.pb(0), " ").concat(SCALES.pl(0), ";margin:").concat(SCALES.mt(0), " ").concat(SCALES.mr(0), " ").concat(SCALES.mb(0), " ").concat(SCALES.ml(0), ";}.input-error.__jsx-style-dynamic-selector{color:#e00;}.input-container.__jsx-style-dynamic-selector{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:").concat(SCALES.width(1, defaultWidth), ";height:var(--input-height);}.input-wrapper.__jsx-style-dynamic-selector{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;vertical-align:middle;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%;-webkit-flex:1;-ms-flex:1;flex:1;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-radius:").concat(variant === 'normal' ? theme$1.layout.radius : '', ";").concat(variant === 'none' ? '' : variant === 'line' ? "border-bottom: 1px solid ".concat(borderColor) : "border: 1px solid ".concat(borderColor), ";-webkit-transition:border 0.2s ease 0s,color 0.2s ease 0s;transition:border 0.2s ease 0s,color 0.2s ease 0s;}.input-wrapper.left-label.__jsx-style-dynamic-selector{border-top-left-radius:0;border-bottom-left-radius:0;}.input-wrapper.right-label.__jsx-style-dynamic-selector{border-top-right-radius:0;border-bottom-right-radius:0;}.input-wrapper.disabled.__jsx-style-dynamic-selector{background-color:").concat(theme$1.palette.accents_1, ";border-color:").concat(theme$1.palette.accents_2, ";cursor:not-allowed;}input.disabled.__jsx-style-dynamic-selector{cursor:not-allowed;}.input-wrapper.hover.__jsx-style-dynamic-selector{border-color:").concat(hoverBorder, ";}input.__jsx-style-dynamic-selector{margin:0.25em 0.625em;padding:0;box-shadow:none;font-size:").concat(SCALES.font(0.875), ";background-color:transparent;border:none;color:").concat(color, ";outline:none;border-radius:0;width:100%;min-width:0;-webkit-appearance:none;}input.left-icon.__jsx-style-dynamic-selector{margin-left:0;}input.right-icon.__jsx-style-dynamic-selector{margin-right:0;}.__jsx-style-dynamic-selector::-webkit-input-placeholder,.__jsx-style-dynamic-selector::-moz-placeholder,.__jsx-style-dynamic-selector:-ms-input-placeholder,.__jsx-style-dynamic-selector::-webkit-input-placeholder{color:").concat(theme$1.palette.accents_3, ";}.__jsx-style-dynamic-selector::-moz-placeholder,.__jsx-style-dynamic-selector::-moz-placeholder,.__jsx-style-dynamic-selector:-ms-input-placeholder,.__jsx-style-dynamic-selector::-webkit-input-placeholder{color:").concat(theme$1.palette.accents_3, ";}.__jsx-style-dynamic-selector:-ms-input-placeholder,.__jsx-style-dynamic-selector::-moz-placeholder,.__jsx-style-dynamic-selector:-ms-input-placeholder,.__jsx-style-dynamic-selector::-webkit-input-placeholder{color:").concat(theme$1.palette.accents_3, ";}.__jsx-style-dynamic-selector::placeholder,.__jsx-style-dynamic-selector::-moz-placeholder,.__jsx-style-dynamic-selector:-ms-input-placeholder,.__jsx-style-dynamic-selector::-webkit-input-placeholder{color:").concat(theme$1.palette.accents_3, ";}.__jsx-style-dynamic-selector::-ms-reveal{display:none !important;}input.__jsx-style-dynamic-selector:-webkit-autofill,input.__jsx-style-dynamic-selector:-webkit-autofill.__jsx-style-dynamic-selector:hover,input.__jsx-style-dynamic-selector:-webkit-autofill.__jsx-style-dynamic-selector:active,input.__jsx-style-dynamic-selector:-webkit-autofill.__jsx-style-dynamic-selector:focus{-webkit-box-shadow:0 0 0 30px ").concat(theme$1.palette.background, " inset !important;-webkit-text-fill-color:").concat(color, " !important;}")));
|
|
1196
1197
|
});
|
|
1197
1198
|
InputComponent.displayName = 'Input';
|
|
1198
1199
|
var Input = withScale(InputComponent);
|
|
@@ -2720,7 +2721,7 @@ function PhoneInput(_ref) {
|
|
|
2720
2721
|
height: "20",
|
|
2721
2722
|
src: "https://flagcdn.com/w20/".concat(selectedCountry.code.toLowerCase(), ".png"),
|
|
2722
2723
|
srcSet: "https://flagcdn.com/w40/".concat(selectedCountry.code.toLowerCase(), ".png 2x"),
|
|
2723
|
-
alt: "
|
|
2724
|
+
alt: "".concat(selectedCountry.label, " Flag"),
|
|
2724
2725
|
className: _JSXStyle.dynamic([["3237870810", [SCALES.width(1, defaultWidth), SCALES.height(2.25), hoverBorder, borderColor, borderColor, SCALES.width(1, defaultWidth), theme$1.type == 'dark' ? 'black' : 'white', borderColor, borderColor, theme$1.type == 'dark' ? '#3a3d3d' : '#efefef']]])
|
|
2725
2726
|
}), /*#__PURE__*/React.createElement("span", {
|
|
2726
2727
|
className: _JSXStyle.dynamic([["3237870810", [SCALES.width(1, defaultWidth), SCALES.height(2.25), hoverBorder, borderColor, borderColor, SCALES.width(1, defaultWidth), theme$1.type == 'dark' ? 'black' : 'white', borderColor, borderColor, theme$1.type == 'dark' ? '#3a3d3d' : '#efefef']]])
|
|
@@ -2768,7 +2769,7 @@ function PhoneInput(_ref) {
|
|
|
2768
2769
|
height: "23",
|
|
2769
2770
|
src: "https://flagcdn.com/w20/".concat(c.code.toLowerCase(), ".png"),
|
|
2770
2771
|
srcSet: "https://flagcdn.com/w40/".concat(c.code.toLowerCase(), ".png 2x"),
|
|
2771
|
-
alt: "
|
|
2772
|
+
alt: "".concat(c.label, " Flag"),
|
|
2772
2773
|
className: _JSXStyle.dynamic([["3237870810", [SCALES.width(1, defaultWidth), SCALES.height(2.25), hoverBorder, borderColor, borderColor, SCALES.width(1, defaultWidth), theme$1.type == 'dark' ? 'black' : 'white', borderColor, borderColor, theme$1.type == 'dark' ? '#3a3d3d' : '#efefef']]])
|
|
2773
2774
|
}), c.phone, " ", /*#__PURE__*/React.createElement("span", {
|
|
2774
2775
|
style: {
|
package/dist/rating/index.js
CHANGED
|
@@ -903,7 +903,7 @@ var withScale = function withScale(Render) {
|
|
|
903
903
|
return ScaleFC;
|
|
904
904
|
};
|
|
905
905
|
|
|
906
|
-
var _excluded = ["
|
|
906
|
+
var _excluded = ["color", "className", "icon", "count", "value", "initialValue", "onValueChange", "locked", "onLockedChange"];
|
|
907
907
|
tupleNumber(2, 3, 4, 5, 6, 7, 8, 9, 10);
|
|
908
908
|
tupleNumber(0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10);
|
|
909
909
|
var getColor = function getColor(type, palette) {
|
|
@@ -916,8 +916,8 @@ var getColor = function getColor(type, palette) {
|
|
|
916
916
|
return colors[type] || colors["default"];
|
|
917
917
|
};
|
|
918
918
|
var RatingComponent = function RatingComponent(_ref) {
|
|
919
|
-
var _ref$
|
|
920
|
-
|
|
919
|
+
var _ref$color = _ref.color,
|
|
920
|
+
_color = _ref$color === void 0 ? 'default' : _ref$color,
|
|
921
921
|
_ref$className = _ref.className,
|
|
922
922
|
className = _ref$className === void 0 ? '' : _ref$className,
|
|
923
923
|
_ref$icon = _ref.icon,
|
|
@@ -936,8 +936,8 @@ var RatingComponent = function RatingComponent(_ref) {
|
|
|
936
936
|
var _useScale = useScale(),
|
|
937
937
|
SCALES = _useScale.SCALES;
|
|
938
938
|
var color = React.useMemo(function () {
|
|
939
|
-
return getColor(
|
|
940
|
-
}, [
|
|
939
|
+
return getColor(_color, theme$1.palette);
|
|
940
|
+
}, [_color, theme$1.palette]);
|
|
941
941
|
var _useState = React.useState(initialValue),
|
|
942
942
|
_useState2 = _slicedToArray(_useState, 2),
|
|
943
943
|
value = _useState2[0],
|
package/dist/rating/rating.d.ts
CHANGED
|
@@ -6,7 +6,7 @@ declare const ratingValueTuple: [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
|
|
|
6
6
|
export type RatingValue = typeof ratingValueTuple[number];
|
|
7
7
|
export type RatingCount = typeof ratingCountTuple[number];
|
|
8
8
|
interface Props {
|
|
9
|
-
|
|
9
|
+
color?: RatingTypes;
|
|
10
10
|
className?: string;
|
|
11
11
|
icon?: JSX.Element;
|
|
12
12
|
count?: RatingCount | number;
|
package/dist/table/index.js
CHANGED
|
@@ -1070,7 +1070,7 @@ var withScale = function withScale(Render) {
|
|
|
1070
1070
|
return ScaleFC;
|
|
1071
1071
|
};
|
|
1072
1072
|
|
|
1073
|
-
var _excluded$j = ["label", "labelRight", "color", "
|
|
1073
|
+
var _excluded$j = ["label", "labelRight", "error", "color", "helperText", "type", "icon", "variant", "iconRight", "iconClickable", "onIconClick", "initialValue", "onChange", "readOnly", "value", "onClearClick", "clearable", "className", "onBlur", "onFocus", "autoComplete", "placeholder", "children", "disabled", "fullWidth"];
|
|
1074
1074
|
var simulateChangeEvent = function simulateChangeEvent(el, event) {
|
|
1075
1075
|
return _objectSpread2(_objectSpread2({}, event), {}, {
|
|
1076
1076
|
target: el,
|
|
@@ -1080,9 +1080,10 @@ var simulateChangeEvent = function simulateChangeEvent(el, event) {
|
|
|
1080
1080
|
var InputComponent = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
1081
1081
|
var label = _ref.label,
|
|
1082
1082
|
labelRight = _ref.labelRight,
|
|
1083
|
-
_ref$color = _ref.color,
|
|
1084
|
-
_color = _ref$color === void 0 ? 'default' : _ref$color,
|
|
1085
1083
|
error = _ref.error,
|
|
1084
|
+
_ref$color = _ref.color,
|
|
1085
|
+
_color = _ref$color === void 0 ? error ? 'error' : 'default' : _ref$color,
|
|
1086
|
+
helperText = _ref.helperText,
|
|
1086
1087
|
_ref$type = _ref.type,
|
|
1087
1088
|
type = _ref$type === void 0 ? 'text' : _ref$type,
|
|
1088
1089
|
icon = _ref.icon,
|
|
@@ -1192,11 +1193,11 @@ var InputComponent = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
1192
1193
|
var inputProps = _objectSpread2(_objectSpread2({}, props), controlledValue);
|
|
1193
1194
|
var defaultWidth = fullWidth ? '100%' : 'initial';
|
|
1194
1195
|
return /*#__PURE__*/React.createElement("div", {
|
|
1195
|
-
className: _JSXStyle.dynamic([["
|
|
1196
|
+
className: _JSXStyle.dynamic([["2582554466", [SCALES.height(2.25), SCALES.font(0.875), SCALES.width(1, defaultWidth), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), SCALES.width(1, defaultWidth), variant === 'normal' ? theme$1.layout.radius : '', variant === 'none' ? '' : variant === 'line' ? "border-bottom: 1px solid ".concat(borderColor) : "border: 1px solid ".concat(borderColor), theme$1.palette.accents_1, theme$1.palette.accents_2, hoverBorder, SCALES.font(0.875), color, theme$1.palette.accents_3, theme$1.palette.background, color]]]) + " " + "with-label"
|
|
1196
1197
|
}, children && /*#__PURE__*/React.createElement(InputBlockLabel, null, children), /*#__PURE__*/React.createElement("div", {
|
|
1197
|
-
className: _JSXStyle.dynamic([["
|
|
1198
|
+
className: _JSXStyle.dynamic([["2582554466", [SCALES.height(2.25), SCALES.font(0.875), SCALES.width(1, defaultWidth), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), SCALES.width(1, defaultWidth), variant === 'normal' ? theme$1.layout.radius : '', variant === 'none' ? '' : variant === 'line' ? "border-bottom: 1px solid ".concat(borderColor) : "border: 1px solid ".concat(borderColor), theme$1.palette.accents_1, theme$1.palette.accents_2, hoverBorder, SCALES.font(0.875), color, theme$1.palette.accents_3, theme$1.palette.background, color]]]) + " " + (theme.useClasses('input-container', className) || "")
|
|
1198
1199
|
}, label && /*#__PURE__*/React.createElement(MemoInputLabel, null, label), /*#__PURE__*/React.createElement("div", {
|
|
1199
|
-
className: _JSXStyle.dynamic([["
|
|
1200
|
+
className: _JSXStyle.dynamic([["2582554466", [SCALES.height(2.25), SCALES.font(0.875), SCALES.width(1, defaultWidth), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), SCALES.width(1, defaultWidth), variant === 'normal' ? theme$1.layout.radius : '', variant === 'none' ? '' : variant === 'line' ? "border-bottom: 1px solid ".concat(borderColor) : "border: 1px solid ".concat(borderColor), theme$1.palette.accents_1, theme$1.palette.accents_2, hoverBorder, SCALES.font(0.875), color, theme$1.palette.accents_3, theme$1.palette.background, color]]]) + " " + (theme.useClasses('input-wrapper', {
|
|
1200
1201
|
hover: hover,
|
|
1201
1202
|
disabled: disabled
|
|
1202
1203
|
}, labelClasses) || "")
|
|
@@ -1213,7 +1214,7 @@ var InputComponent = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
1213
1214
|
onChange: changeHandler,
|
|
1214
1215
|
autoComplete: autoComplete
|
|
1215
1216
|
}, inputProps, {
|
|
1216
|
-
className: _JSXStyle.dynamic([["
|
|
1217
|
+
className: _JSXStyle.dynamic([["2582554466", [SCALES.height(2.25), SCALES.font(0.875), SCALES.width(1, defaultWidth), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), SCALES.width(1, defaultWidth), variant === 'normal' ? theme$1.layout.radius : '', variant === 'none' ? '' : variant === 'line' ? "border-bottom: 1px solid ".concat(borderColor) : "border: 1px solid ".concat(borderColor), theme$1.palette.accents_1, theme$1.palette.accents_2, hoverBorder, SCALES.font(0.875), color, theme$1.palette.accents_3, theme$1.palette.background, color]]]) + " " + (inputProps && inputProps.className != null && inputProps.className || theme.useClasses({
|
|
1217
1218
|
disabled: disabled
|
|
1218
1219
|
}, iconClasses) || "")
|
|
1219
1220
|
})), clearable && /*#__PURE__*/React.createElement(MemoInputIconClear, {
|
|
@@ -1225,8 +1226,8 @@ var InputComponent = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
1225
1226
|
}, iconProps))), labelRight && /*#__PURE__*/React.createElement(MemoInputLabel, {
|
|
1226
1227
|
isRight: true
|
|
1227
1228
|
}, labelRight), /*#__PURE__*/React.createElement("br", {
|
|
1228
|
-
className: _JSXStyle.dynamic([["
|
|
1229
|
-
})),
|
|
1229
|
+
className: _JSXStyle.dynamic([["2582554466", [SCALES.height(2.25), SCALES.font(0.875), SCALES.width(1, defaultWidth), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), SCALES.width(1, defaultWidth), variant === 'normal' ? theme$1.layout.radius : '', variant === 'none' ? '' : variant === 'line' ? "border-bottom: 1px solid ".concat(borderColor) : "border: 1px solid ".concat(borderColor), theme$1.palette.accents_1, theme$1.palette.accents_2, hoverBorder, SCALES.font(0.875), color, theme$1.palette.accents_3, theme$1.palette.background, color]]])
|
|
1230
|
+
})), helperText && /*#__PURE__*/React.createElement("p", {
|
|
1230
1231
|
style: {
|
|
1231
1232
|
marginTop: 0.4,
|
|
1232
1233
|
marginRight: 0,
|
|
@@ -1234,11 +1235,11 @@ var InputComponent = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
1234
1235
|
marginBottom: '0.4rem',
|
|
1235
1236
|
textAlign: 'left'
|
|
1236
1237
|
},
|
|
1237
|
-
className: _JSXStyle.dynamic([["
|
|
1238
|
-
},
|
|
1239
|
-
id: "
|
|
1238
|
+
className: _JSXStyle.dynamic([["2582554466", [SCALES.height(2.25), SCALES.font(0.875), SCALES.width(1, defaultWidth), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), SCALES.width(1, defaultWidth), variant === 'normal' ? theme$1.layout.radius : '', variant === 'none' ? '' : variant === 'line' ? "border-bottom: 1px solid ".concat(borderColor) : "border: 1px solid ".concat(borderColor), theme$1.palette.accents_1, theme$1.palette.accents_2, hoverBorder, SCALES.font(0.875), color, theme$1.palette.accents_3, theme$1.palette.background, color]]]) + " " + ((error ? "input-error" : '') || "")
|
|
1239
|
+
}, "\xA0", helperText), /*#__PURE__*/React.createElement(_JSXStyle, {
|
|
1240
|
+
id: "2582554466",
|
|
1240
1241
|
dynamic: [SCALES.height(2.25), SCALES.font(0.875), SCALES.width(1, defaultWidth), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), SCALES.width(1, defaultWidth), variant === 'normal' ? theme$1.layout.radius : '', variant === 'none' ? '' : variant === 'line' ? "border-bottom: 1px solid ".concat(borderColor) : "border: 1px solid ".concat(borderColor), theme$1.palette.accents_1, theme$1.palette.accents_2, hoverBorder, SCALES.font(0.875), color, theme$1.palette.accents_3, theme$1.palette.background, color]
|
|
1241
|
-
}, ".with-label.__jsx-style-dynamic-selector{display:inline-block;box-sizing:border-box;-webkit-box-align:center;--input-height:".concat(SCALES.height(2.25), ";font-size:").concat(SCALES.font(0.875), ";width:").concat(SCALES.width(1, defaultWidth), ";padding:").concat(SCALES.pt(0), " ").concat(SCALES.pr(0), " ").concat(SCALES.pb(0), " ").concat(SCALES.pl(0), ";margin:").concat(SCALES.mt(0), " ").concat(SCALES.mr(0), " ").concat(SCALES.mb(0), " ").concat(SCALES.ml(0), ";}.input-error.__jsx-style-dynamic-selector{color:#
|
|
1242
|
+
}, ".with-label.__jsx-style-dynamic-selector{display:inline-block;box-sizing:border-box;-webkit-box-align:center;--input-height:".concat(SCALES.height(2.25), ";font-size:").concat(SCALES.font(0.875), ";width:").concat(SCALES.width(1, defaultWidth), ";padding:").concat(SCALES.pt(0), " ").concat(SCALES.pr(0), " ").concat(SCALES.pb(0), " ").concat(SCALES.pl(0), ";margin:").concat(SCALES.mt(0), " ").concat(SCALES.mr(0), " ").concat(SCALES.mb(0), " ").concat(SCALES.ml(0), ";}.input-error.__jsx-style-dynamic-selector{color:#e00;}.input-container.__jsx-style-dynamic-selector{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:").concat(SCALES.width(1, defaultWidth), ";height:var(--input-height);}.input-wrapper.__jsx-style-dynamic-selector{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;vertical-align:middle;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%;-webkit-flex:1;-ms-flex:1;flex:1;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-radius:").concat(variant === 'normal' ? theme$1.layout.radius : '', ";").concat(variant === 'none' ? '' : variant === 'line' ? "border-bottom: 1px solid ".concat(borderColor) : "border: 1px solid ".concat(borderColor), ";-webkit-transition:border 0.2s ease 0s,color 0.2s ease 0s;transition:border 0.2s ease 0s,color 0.2s ease 0s;}.input-wrapper.left-label.__jsx-style-dynamic-selector{border-top-left-radius:0;border-bottom-left-radius:0;}.input-wrapper.right-label.__jsx-style-dynamic-selector{border-top-right-radius:0;border-bottom-right-radius:0;}.input-wrapper.disabled.__jsx-style-dynamic-selector{background-color:").concat(theme$1.palette.accents_1, ";border-color:").concat(theme$1.palette.accents_2, ";cursor:not-allowed;}input.disabled.__jsx-style-dynamic-selector{cursor:not-allowed;}.input-wrapper.hover.__jsx-style-dynamic-selector{border-color:").concat(hoverBorder, ";}input.__jsx-style-dynamic-selector{margin:0.25em 0.625em;padding:0;box-shadow:none;font-size:").concat(SCALES.font(0.875), ";background-color:transparent;border:none;color:").concat(color, ";outline:none;border-radius:0;width:100%;min-width:0;-webkit-appearance:none;}input.left-icon.__jsx-style-dynamic-selector{margin-left:0;}input.right-icon.__jsx-style-dynamic-selector{margin-right:0;}.__jsx-style-dynamic-selector::-webkit-input-placeholder,.__jsx-style-dynamic-selector::-moz-placeholder,.__jsx-style-dynamic-selector:-ms-input-placeholder,.__jsx-style-dynamic-selector::-webkit-input-placeholder{color:").concat(theme$1.palette.accents_3, ";}.__jsx-style-dynamic-selector::-moz-placeholder,.__jsx-style-dynamic-selector::-moz-placeholder,.__jsx-style-dynamic-selector:-ms-input-placeholder,.__jsx-style-dynamic-selector::-webkit-input-placeholder{color:").concat(theme$1.palette.accents_3, ";}.__jsx-style-dynamic-selector:-ms-input-placeholder,.__jsx-style-dynamic-selector::-moz-placeholder,.__jsx-style-dynamic-selector:-ms-input-placeholder,.__jsx-style-dynamic-selector::-webkit-input-placeholder{color:").concat(theme$1.palette.accents_3, ";}.__jsx-style-dynamic-selector::placeholder,.__jsx-style-dynamic-selector::-moz-placeholder,.__jsx-style-dynamic-selector:-ms-input-placeholder,.__jsx-style-dynamic-selector::-webkit-input-placeholder{color:").concat(theme$1.palette.accents_3, ";}.__jsx-style-dynamic-selector::-ms-reveal{display:none !important;}input.__jsx-style-dynamic-selector:-webkit-autofill,input.__jsx-style-dynamic-selector:-webkit-autofill.__jsx-style-dynamic-selector:hover,input.__jsx-style-dynamic-selector:-webkit-autofill.__jsx-style-dynamic-selector:active,input.__jsx-style-dynamic-selector:-webkit-autofill.__jsx-style-dynamic-selector:focus{-webkit-box-shadow:0 0 0 30px ").concat(theme$1.palette.background, " inset !important;-webkit-text-fill-color:").concat(color, " !important;}")));
|
|
1242
1243
|
});
|
|
1243
1244
|
InputComponent.displayName = 'Input';
|
|
1244
1245
|
var Input = withScale(InputComponent);
|
|
@@ -2766,7 +2767,7 @@ function PhoneInput(_ref) {
|
|
|
2766
2767
|
height: "20",
|
|
2767
2768
|
src: "https://flagcdn.com/w20/".concat(selectedCountry.code.toLowerCase(), ".png"),
|
|
2768
2769
|
srcSet: "https://flagcdn.com/w40/".concat(selectedCountry.code.toLowerCase(), ".png 2x"),
|
|
2769
|
-
alt: "
|
|
2770
|
+
alt: "".concat(selectedCountry.label, " Flag"),
|
|
2770
2771
|
className: _JSXStyle.dynamic([["3237870810", [SCALES.width(1, defaultWidth), SCALES.height(2.25), hoverBorder, borderColor, borderColor, SCALES.width(1, defaultWidth), theme$1.type == 'dark' ? 'black' : 'white', borderColor, borderColor, theme$1.type == 'dark' ? '#3a3d3d' : '#efefef']]])
|
|
2771
2772
|
}), /*#__PURE__*/React.createElement("span", {
|
|
2772
2773
|
className: _JSXStyle.dynamic([["3237870810", [SCALES.width(1, defaultWidth), SCALES.height(2.25), hoverBorder, borderColor, borderColor, SCALES.width(1, defaultWidth), theme$1.type == 'dark' ? 'black' : 'white', borderColor, borderColor, theme$1.type == 'dark' ? '#3a3d3d' : '#efefef']]])
|
|
@@ -2814,7 +2815,7 @@ function PhoneInput(_ref) {
|
|
|
2814
2815
|
height: "23",
|
|
2815
2816
|
src: "https://flagcdn.com/w20/".concat(c.code.toLowerCase(), ".png"),
|
|
2816
2817
|
srcSet: "https://flagcdn.com/w40/".concat(c.code.toLowerCase(), ".png 2x"),
|
|
2817
|
-
alt: "
|
|
2818
|
+
alt: "".concat(c.label, " Flag"),
|
|
2818
2819
|
className: _JSXStyle.dynamic([["3237870810", [SCALES.width(1, defaultWidth), SCALES.height(2.25), hoverBorder, borderColor, borderColor, SCALES.width(1, defaultWidth), theme$1.type == 'dark' ? 'black' : 'white', borderColor, borderColor, theme$1.type == 'dark' ? '#3a3d3d' : '#efefef']]])
|
|
2819
2820
|
}), c.phone, " ", /*#__PURE__*/React.createElement("span", {
|
|
2820
2821
|
style: {
|
package/esm/carousal/index.d.ts
CHANGED
package/esm/carousal/index.js
CHANGED
|
@@ -1,2 +1,3 @@
|
|
|
1
|
-
|
|
2
|
-
export { default as Thumbs } from './component/Thumbs';
|
|
1
|
+
import Carousel from './component';
|
|
2
|
+
export { default as Thumbs } from './component/Thumbs';
|
|
3
|
+
export default Carousel;
|
package/esm/container/box.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
declare const wrap: ["nowrap", "wrap", "wrap-reverse"];
|
|
3
3
|
export type Wrap = typeof wrap[number];
|
|
4
|
-
type
|
|
4
|
+
type Props = {
|
|
5
5
|
gap?: number;
|
|
6
6
|
direction?: string;
|
|
7
7
|
children?: React.ReactNode;
|
|
@@ -11,7 +11,9 @@ type ContainerProps = {
|
|
|
11
11
|
wrap?: Wrap;
|
|
12
12
|
className?: string;
|
|
13
13
|
};
|
|
14
|
-
|
|
14
|
+
type NativeAttrs = Omit<React.HTMLAttributes<any>, keyof Props>;
|
|
15
|
+
export type ContainerProps = Props & NativeAttrs;
|
|
16
|
+
declare const _default: React.ForwardRefExoticComponent<Props & NativeAttrs & {
|
|
15
17
|
width?: string | number;
|
|
16
18
|
height?: string | number;
|
|
17
19
|
padding?: string | number;
|
package/esm/container/box.js
CHANGED
|
@@ -27,10 +27,10 @@ var Container = function Container(_ref) {
|
|
|
27
27
|
}, [gap, unit]);
|
|
28
28
|
var _styles$className = {
|
|
29
29
|
styles: /*#__PURE__*/React.createElement(_JSXStyle, {
|
|
30
|
-
id: "
|
|
31
|
-
dynamic: [gapUnit, direction, wrap, justify, alignContent, alignItems, SCALES.width(1, 'var(--container-width)')]
|
|
32
|
-
}, "div.__jsx-style-dynamic-selector{--gap-unit:".concat(gapUnit, ";--container-width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:").concat(direction, ";-ms-flex-direction:").concat(direction, ";flex-direction:").concat(direction, ";-webkit-flex-wrap:").concat(wrap, ";-ms-flex-wrap:").concat(wrap, ";flex-wrap:").concat(wrap, ";-webkit-box-pack:").concat(justify, ";-webkit-justify-content:").concat(justify, ";-ms-flex-pack:").concat(justify, ";justify-content:").concat(justify, ";-webkit-align-content:").concat(alignContent, ";-ms-flex-line-pack:").concat(alignContent, ";align-content:").concat(alignContent, ";-webkit-align-items:").concat(alignItems, ";-webkit-box-align:").concat(alignItems, ";-ms-flex-align:").concat(alignItems, ";align-items:").concat(alignItems, ";box-sizing:border-box;gap:var(--gap-unit);width:").concat(SCALES.width(1, 'var(--container-width)'), ";}")),
|
|
33
|
-
className: _JSXStyle.dynamic([["
|
|
30
|
+
id: "4110955330",
|
|
31
|
+
dynamic: [gapUnit, direction, wrap, justify, alignContent, alignItems, SCALES.width(1, 'var(--container-width)'), SCALES.height(1, 'auto'), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0)]
|
|
32
|
+
}, "div.__jsx-style-dynamic-selector{--gap-unit:".concat(gapUnit, ";--container-width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:").concat(direction, ";-ms-flex-direction:").concat(direction, ";flex-direction:").concat(direction, ";-webkit-flex-wrap:").concat(wrap, ";-ms-flex-wrap:").concat(wrap, ";flex-wrap:").concat(wrap, ";-webkit-box-pack:").concat(justify, ";-webkit-justify-content:").concat(justify, ";-ms-flex-pack:").concat(justify, ";justify-content:").concat(justify, ";-webkit-align-content:").concat(alignContent, ";-ms-flex-line-pack:").concat(alignContent, ";align-content:").concat(alignContent, ";-webkit-align-items:").concat(alignItems, ";-webkit-box-align:").concat(alignItems, ";-ms-flex-align:").concat(alignItems, ";align-items:").concat(alignItems, ";box-sizing:border-box;gap:var(--gap-unit);width:").concat(SCALES.width(1, 'var(--container-width)'), ";height:").concat(SCALES.height(1, 'auto'), ";padding:").concat(SCALES.pt(0), " ").concat(SCALES.pr(0), " ").concat(SCALES.pb(0), " ").concat(SCALES.pl(0), ";margin:").concat(SCALES.mt(0), " ").concat(SCALES.mr(0), " ").concat(SCALES.mb(0), " ").concat(SCALES.ml(0), ";}")),
|
|
33
|
+
className: _JSXStyle.dynamic([["4110955330", [gapUnit, direction, wrap, justify, alignContent, alignItems, SCALES.width(1, 'var(--container-width)'), SCALES.height(1, 'auto'), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0)]]])
|
|
34
34
|
},
|
|
35
35
|
resolveClassName = _styles$className.className,
|
|
36
36
|
styles = _styles$className.styles;
|
|
@@ -1,14 +1,16 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
type
|
|
2
|
+
type Props = {
|
|
3
3
|
showIcon: boolean;
|
|
4
4
|
text: string;
|
|
5
5
|
children: React.ReactNode;
|
|
6
|
-
onCopy
|
|
7
|
-
options
|
|
6
|
+
onCopy?: (text: string, result: any) => void;
|
|
7
|
+
options?: {
|
|
8
8
|
debug: boolean;
|
|
9
9
|
message: string;
|
|
10
10
|
format: string;
|
|
11
11
|
};
|
|
12
12
|
};
|
|
13
|
+
type NativeAttrs = Omit<React.HTMLAttributes<any>, keyof Props>;
|
|
14
|
+
export type ClipboardProps = Props & NativeAttrs;
|
|
13
15
|
export default function Clipboard(props: ClipboardProps): React.JSX.Element;
|
|
14
16
|
export {};
|
|
@@ -4,6 +4,7 @@ import copy from './copy';
|
|
|
4
4
|
import { Copy } from '@helpdice/icons';
|
|
5
5
|
import Button from '../button';
|
|
6
6
|
import { useToasts } from '@helpdice/theme';
|
|
7
|
+
|
|
7
8
|
// export function Clipboard(props: ClipboardProps) {
|
|
8
9
|
// const { setToast } = useToasts();
|
|
9
10
|
// const { showIcon, text, onCopy, options: options, children, } = props;
|
package/esm/index.d.ts
CHANGED
|
@@ -123,7 +123,7 @@ export { default as Skeleton } from './skeleton';
|
|
|
123
123
|
export * from './login-with';
|
|
124
124
|
export { default as Swipe } from './swipe';
|
|
125
125
|
export type { SwipeProps } from './swipe';
|
|
126
|
-
export { Carousel } from './carousal';
|
|
126
|
+
export { default as Carousel } from './carousal';
|
|
127
127
|
export type { CarouselProps } from './carousal';
|
|
128
128
|
export type { CurrencyInputProps, CurrencyInputOnChangeValues } from './input/currency-input';
|
|
129
129
|
export { default as useToasts } from './use-toasts';
|
package/esm/index.js
CHANGED
package/esm/input/input-field.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
|
|
2
2
|
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
|
|
3
3
|
import _extends from "@babel/runtime/helpers/esm/extends";
|
|
4
|
-
var _excluded = ["label", "labelRight", "color", "
|
|
4
|
+
var _excluded = ["label", "labelRight", "error", "color", "helperText", "type", "icon", "variant", "iconRight", "iconClickable", "onIconClick", "initialValue", "onChange", "readOnly", "value", "onClearClick", "clearable", "className", "onBlur", "onFocus", "autoComplete", "placeholder", "children", "disabled", "fullWidth"];
|
|
5
5
|
import _JSXStyle from "../styled-jsx.es.js";
|
|
6
6
|
/* eslint-disable @typescript-eslint/no-unused-vars */
|
|
7
7
|
/* eslint-disable react/jsx-no-undef */
|
|
@@ -24,9 +24,10 @@ var simulateChangeEvent = function simulateChangeEvent(el, event) {
|
|
|
24
24
|
var InputComponent = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
25
25
|
var label = _ref.label,
|
|
26
26
|
labelRight = _ref.labelRight,
|
|
27
|
-
_ref$color = _ref.color,
|
|
28
|
-
_color = _ref$color === void 0 ? 'default' : _ref$color,
|
|
29
27
|
error = _ref.error,
|
|
28
|
+
_ref$color = _ref.color,
|
|
29
|
+
_color = _ref$color === void 0 ? error ? 'error' : 'default' : _ref$color,
|
|
30
|
+
helperText = _ref.helperText,
|
|
30
31
|
_ref$type = _ref.type,
|
|
31
32
|
type = _ref$type === void 0 ? 'text' : _ref$type,
|
|
32
33
|
icon = _ref.icon,
|
|
@@ -136,11 +137,11 @@ var InputComponent = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
136
137
|
var inputProps = _extends({}, props, controlledValue);
|
|
137
138
|
var defaultWidth = fullWidth ? '100%' : 'initial';
|
|
138
139
|
return /*#__PURE__*/React.createElement("div", {
|
|
139
|
-
className: _JSXStyle.dynamic([["
|
|
140
|
+
className: _JSXStyle.dynamic([["2582554466", [SCALES.height(2.25), SCALES.font(0.875), SCALES.width(1, defaultWidth), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), SCALES.width(1, defaultWidth), variant === 'normal' ? theme.layout.radius : '', variant === 'none' ? '' : variant === 'line' ? "border-bottom: 1px solid ".concat(borderColor) : "border: 1px solid ".concat(borderColor), theme.palette.accents_1, theme.palette.accents_2, hoverBorder, SCALES.font(0.875), color, theme.palette.accents_3, theme.palette.background, color]]]) + " " + "with-label"
|
|
140
141
|
}, children && /*#__PURE__*/React.createElement(InputBlockLabel, null, children), /*#__PURE__*/React.createElement("div", {
|
|
141
|
-
className: _JSXStyle.dynamic([["
|
|
142
|
+
className: _JSXStyle.dynamic([["2582554466", [SCALES.height(2.25), SCALES.font(0.875), SCALES.width(1, defaultWidth), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), SCALES.width(1, defaultWidth), variant === 'normal' ? theme.layout.radius : '', variant === 'none' ? '' : variant === 'line' ? "border-bottom: 1px solid ".concat(borderColor) : "border: 1px solid ".concat(borderColor), theme.palette.accents_1, theme.palette.accents_2, hoverBorder, SCALES.font(0.875), color, theme.palette.accents_3, theme.palette.background, color]]]) + " " + (useClasses('input-container', className) || "")
|
|
142
143
|
}, label && /*#__PURE__*/React.createElement(InputLabel, null, label), /*#__PURE__*/React.createElement("div", {
|
|
143
|
-
className: _JSXStyle.dynamic([["
|
|
144
|
+
className: _JSXStyle.dynamic([["2582554466", [SCALES.height(2.25), SCALES.font(0.875), SCALES.width(1, defaultWidth), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), SCALES.width(1, defaultWidth), variant === 'normal' ? theme.layout.radius : '', variant === 'none' ? '' : variant === 'line' ? "border-bottom: 1px solid ".concat(borderColor) : "border: 1px solid ".concat(borderColor), theme.palette.accents_1, theme.palette.accents_2, hoverBorder, SCALES.font(0.875), color, theme.palette.accents_3, theme.palette.background, color]]]) + " " + (useClasses('input-wrapper', {
|
|
144
145
|
hover: hover,
|
|
145
146
|
disabled: disabled
|
|
146
147
|
}, labelClasses) || "")
|
|
@@ -157,7 +158,7 @@ var InputComponent = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
157
158
|
onChange: changeHandler,
|
|
158
159
|
autoComplete: autoComplete
|
|
159
160
|
}, inputProps, {
|
|
160
|
-
className: _JSXStyle.dynamic([["
|
|
161
|
+
className: _JSXStyle.dynamic([["2582554466", [SCALES.height(2.25), SCALES.font(0.875), SCALES.width(1, defaultWidth), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), SCALES.width(1, defaultWidth), variant === 'normal' ? theme.layout.radius : '', variant === 'none' ? '' : variant === 'line' ? "border-bottom: 1px solid ".concat(borderColor) : "border: 1px solid ".concat(borderColor), theme.palette.accents_1, theme.palette.accents_2, hoverBorder, SCALES.font(0.875), color, theme.palette.accents_3, theme.palette.background, color]]]) + " " + (inputProps && inputProps.className != null && inputProps.className || useClasses({
|
|
161
162
|
disabled: disabled
|
|
162
163
|
}, iconClasses) || "")
|
|
163
164
|
})), clearable && /*#__PURE__*/React.createElement(InputClearIcon, {
|
|
@@ -169,8 +170,8 @@ var InputComponent = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
169
170
|
}, iconProps))), labelRight && /*#__PURE__*/React.createElement(InputLabel, {
|
|
170
171
|
isRight: true
|
|
171
172
|
}, labelRight), /*#__PURE__*/React.createElement("br", {
|
|
172
|
-
className: _JSXStyle.dynamic([["
|
|
173
|
-
})),
|
|
173
|
+
className: _JSXStyle.dynamic([["2582554466", [SCALES.height(2.25), SCALES.font(0.875), SCALES.width(1, defaultWidth), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), SCALES.width(1, defaultWidth), variant === 'normal' ? theme.layout.radius : '', variant === 'none' ? '' : variant === 'line' ? "border-bottom: 1px solid ".concat(borderColor) : "border: 1px solid ".concat(borderColor), theme.palette.accents_1, theme.palette.accents_2, hoverBorder, SCALES.font(0.875), color, theme.palette.accents_3, theme.palette.background, color]]])
|
|
174
|
+
})), helperText && /*#__PURE__*/React.createElement("p", {
|
|
174
175
|
style: {
|
|
175
176
|
marginTop: 0.4,
|
|
176
177
|
marginRight: 0,
|
|
@@ -178,11 +179,11 @@ var InputComponent = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
178
179
|
marginBottom: '0.4rem',
|
|
179
180
|
textAlign: 'left'
|
|
180
181
|
},
|
|
181
|
-
className: _JSXStyle.dynamic([["
|
|
182
|
-
},
|
|
183
|
-
id: "
|
|
182
|
+
className: _JSXStyle.dynamic([["2582554466", [SCALES.height(2.25), SCALES.font(0.875), SCALES.width(1, defaultWidth), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), SCALES.width(1, defaultWidth), variant === 'normal' ? theme.layout.radius : '', variant === 'none' ? '' : variant === 'line' ? "border-bottom: 1px solid ".concat(borderColor) : "border: 1px solid ".concat(borderColor), theme.palette.accents_1, theme.palette.accents_2, hoverBorder, SCALES.font(0.875), color, theme.palette.accents_3, theme.palette.background, color]]]) + " " + ((error ? "input-error" : '') || "")
|
|
183
|
+
}, "\xA0", helperText), /*#__PURE__*/React.createElement(_JSXStyle, {
|
|
184
|
+
id: "2582554466",
|
|
184
185
|
dynamic: [SCALES.height(2.25), SCALES.font(0.875), SCALES.width(1, defaultWidth), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), SCALES.width(1, defaultWidth), variant === 'normal' ? theme.layout.radius : '', variant === 'none' ? '' : variant === 'line' ? "border-bottom: 1px solid ".concat(borderColor) : "border: 1px solid ".concat(borderColor), theme.palette.accents_1, theme.palette.accents_2, hoverBorder, SCALES.font(0.875), color, theme.palette.accents_3, theme.palette.background, color]
|
|
185
|
-
}, ".with-label.__jsx-style-dynamic-selector{display:inline-block;box-sizing:border-box;-webkit-box-align:center;--input-height:".concat(SCALES.height(2.25), ";font-size:").concat(SCALES.font(0.875), ";width:").concat(SCALES.width(1, defaultWidth), ";padding:").concat(SCALES.pt(0), " ").concat(SCALES.pr(0), " ").concat(SCALES.pb(0), " ").concat(SCALES.pl(0), ";margin:").concat(SCALES.mt(0), " ").concat(SCALES.mr(0), " ").concat(SCALES.mb(0), " ").concat(SCALES.ml(0), ";}.input-error.__jsx-style-dynamic-selector{color:#
|
|
186
|
+
}, ".with-label.__jsx-style-dynamic-selector{display:inline-block;box-sizing:border-box;-webkit-box-align:center;--input-height:".concat(SCALES.height(2.25), ";font-size:").concat(SCALES.font(0.875), ";width:").concat(SCALES.width(1, defaultWidth), ";padding:").concat(SCALES.pt(0), " ").concat(SCALES.pr(0), " ").concat(SCALES.pb(0), " ").concat(SCALES.pl(0), ";margin:").concat(SCALES.mt(0), " ").concat(SCALES.mr(0), " ").concat(SCALES.mb(0), " ").concat(SCALES.ml(0), ";}.input-error.__jsx-style-dynamic-selector{color:#e00;}.input-container.__jsx-style-dynamic-selector{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:").concat(SCALES.width(1, defaultWidth), ";height:var(--input-height);}.input-wrapper.__jsx-style-dynamic-selector{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;vertical-align:middle;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%;-webkit-flex:1;-ms-flex:1;flex:1;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-radius:").concat(variant === 'normal' ? theme.layout.radius : '', ";").concat(variant === 'none' ? '' : variant === 'line' ? "border-bottom: 1px solid ".concat(borderColor) : "border: 1px solid ".concat(borderColor), ";-webkit-transition:border 0.2s ease 0s,color 0.2s ease 0s;transition:border 0.2s ease 0s,color 0.2s ease 0s;}.input-wrapper.left-label.__jsx-style-dynamic-selector{border-top-left-radius:0;border-bottom-left-radius:0;}.input-wrapper.right-label.__jsx-style-dynamic-selector{border-top-right-radius:0;border-bottom-right-radius:0;}.input-wrapper.disabled.__jsx-style-dynamic-selector{background-color:").concat(theme.palette.accents_1, ";border-color:").concat(theme.palette.accents_2, ";cursor:not-allowed;}input.disabled.__jsx-style-dynamic-selector{cursor:not-allowed;}.input-wrapper.hover.__jsx-style-dynamic-selector{border-color:").concat(hoverBorder, ";}input.__jsx-style-dynamic-selector{margin:0.25em 0.625em;padding:0;box-shadow:none;font-size:").concat(SCALES.font(0.875), ";background-color:transparent;border:none;color:").concat(color, ";outline:none;border-radius:0;width:100%;min-width:0;-webkit-appearance:none;}input.left-icon.__jsx-style-dynamic-selector{margin-left:0;}input.right-icon.__jsx-style-dynamic-selector{margin-right:0;}.__jsx-style-dynamic-selector::-webkit-input-placeholder,.__jsx-style-dynamic-selector::-moz-placeholder,.__jsx-style-dynamic-selector:-ms-input-placeholder,.__jsx-style-dynamic-selector::-webkit-input-placeholder{color:").concat(theme.palette.accents_3, ";}.__jsx-style-dynamic-selector::-moz-placeholder,.__jsx-style-dynamic-selector::-moz-placeholder,.__jsx-style-dynamic-selector:-ms-input-placeholder,.__jsx-style-dynamic-selector::-webkit-input-placeholder{color:").concat(theme.palette.accents_3, ";}.__jsx-style-dynamic-selector:-ms-input-placeholder,.__jsx-style-dynamic-selector::-moz-placeholder,.__jsx-style-dynamic-selector:-ms-input-placeholder,.__jsx-style-dynamic-selector::-webkit-input-placeholder{color:").concat(theme.palette.accents_3, ";}.__jsx-style-dynamic-selector::placeholder,.__jsx-style-dynamic-selector::-moz-placeholder,.__jsx-style-dynamic-selector:-ms-input-placeholder,.__jsx-style-dynamic-selector::-webkit-input-placeholder{color:").concat(theme.palette.accents_3, ";}.__jsx-style-dynamic-selector::-ms-reveal{display:none !important;}input.__jsx-style-dynamic-selector:-webkit-autofill,input.__jsx-style-dynamic-selector:-webkit-autofill.__jsx-style-dynamic-selector:hover,input.__jsx-style-dynamic-selector:-webkit-autofill.__jsx-style-dynamic-selector:active,input.__jsx-style-dynamic-selector:-webkit-autofill.__jsx-style-dynamic-selector:focus{-webkit-box-shadow:0 0 0 30px ").concat(theme.palette.background, " inset !important;-webkit-text-fill-color:").concat(color, " !important;}")));
|
|
186
187
|
});
|
|
187
188
|
InputComponent.displayName = 'Input';
|
|
188
189
|
var Input = withScale(InputComponent);
|
|
@@ -99,7 +99,7 @@ function PhoneInput(_ref) {
|
|
|
99
99
|
height: "20",
|
|
100
100
|
src: "https://flagcdn.com/w20/".concat(selectedCountry.code.toLowerCase(), ".png"),
|
|
101
101
|
srcSet: "https://flagcdn.com/w40/".concat(selectedCountry.code.toLowerCase(), ".png 2x"),
|
|
102
|
-
alt: "
|
|
102
|
+
alt: "".concat(selectedCountry.label, " Flag"),
|
|
103
103
|
className: _JSXStyle.dynamic([["3237870810", [SCALES.width(1, defaultWidth), SCALES.height(2.25), hoverBorder, borderColor, borderColor, SCALES.width(1, defaultWidth), theme.type == 'dark' ? 'black' : 'white', borderColor, borderColor, theme.type == 'dark' ? '#3a3d3d' : '#efefef']]])
|
|
104
104
|
}), /*#__PURE__*/React.createElement("span", {
|
|
105
105
|
className: _JSXStyle.dynamic([["3237870810", [SCALES.width(1, defaultWidth), SCALES.height(2.25), hoverBorder, borderColor, borderColor, SCALES.width(1, defaultWidth), theme.type == 'dark' ? 'black' : 'white', borderColor, borderColor, theme.type == 'dark' ? '#3a3d3d' : '#efefef']]])
|
|
@@ -147,7 +147,7 @@ function PhoneInput(_ref) {
|
|
|
147
147
|
height: "23",
|
|
148
148
|
src: "https://flagcdn.com/w20/".concat(c.code.toLowerCase(), ".png"),
|
|
149
149
|
srcSet: "https://flagcdn.com/w40/".concat(c.code.toLowerCase(), ".png 2x"),
|
|
150
|
-
alt: "
|
|
150
|
+
alt: "".concat(c.label, " Flag"),
|
|
151
151
|
className: _JSXStyle.dynamic([["3237870810", [SCALES.width(1, defaultWidth), SCALES.height(2.25), hoverBorder, borderColor, borderColor, SCALES.width(1, defaultWidth), theme.type == 'dark' ? 'black' : 'white', borderColor, borderColor, theme.type == 'dark' ? '#3a3d3d' : '#efefef']]])
|
|
152
152
|
}), c.phone, " ", /*#__PURE__*/React.createElement("span", {
|
|
153
153
|
style: {
|
package/esm/rating/rating.d.ts
CHANGED
|
@@ -6,7 +6,7 @@ declare const ratingValueTuple: [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
|
|
|
6
6
|
export type RatingValue = typeof ratingValueTuple[number];
|
|
7
7
|
export type RatingCount = typeof ratingCountTuple[number];
|
|
8
8
|
interface Props {
|
|
9
|
-
|
|
9
|
+
color?: RatingTypes;
|
|
10
10
|
className?: string;
|
|
11
11
|
icon?: JSX.Element;
|
|
12
12
|
count?: RatingCount | number;
|
package/esm/rating/rating.js
CHANGED
|
@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/esm/extends";
|
|
|
2
2
|
import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
|
|
3
3
|
import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
|
|
4
4
|
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
|
|
5
|
-
var _excluded = ["
|
|
5
|
+
var _excluded = ["color", "className", "icon", "count", "value", "initialValue", "onValueChange", "locked", "onLockedChange"];
|
|
6
6
|
import _JSXStyle from "../styled-jsx.es.js";
|
|
7
7
|
/* "use client" */
|
|
8
8
|
|
|
@@ -23,8 +23,8 @@ var getColor = function getColor(type, palette) {
|
|
|
23
23
|
return colors[type] || colors["default"];
|
|
24
24
|
};
|
|
25
25
|
var RatingComponent = function RatingComponent(_ref) {
|
|
26
|
-
var _ref$
|
|
27
|
-
|
|
26
|
+
var _ref$color = _ref.color,
|
|
27
|
+
_color = _ref$color === void 0 ? 'default' : _ref$color,
|
|
28
28
|
_ref$className = _ref.className,
|
|
29
29
|
className = _ref$className === void 0 ? '' : _ref$className,
|
|
30
30
|
_ref$icon = _ref.icon,
|
|
@@ -43,8 +43,8 @@ var RatingComponent = function RatingComponent(_ref) {
|
|
|
43
43
|
var _useScale = useScale(),
|
|
44
44
|
SCALES = _useScale.SCALES;
|
|
45
45
|
var color = useMemo(function () {
|
|
46
|
-
return getColor(
|
|
47
|
-
}, [
|
|
46
|
+
return getColor(_color, theme.palette);
|
|
47
|
+
}, [_color, theme.palette]);
|
|
48
48
|
var _useState = useState(initialValue),
|
|
49
49
|
_useState2 = _slicedToArray(_useState, 2),
|
|
50
50
|
value = _useState2[0],
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@helpdice/ui",
|
|
3
|
-
"version": "2.2.
|
|
3
|
+
"version": "2.2.4",
|
|
4
4
|
"main": "dist/index.js",
|
|
5
5
|
"types": "esm/index.d.ts",
|
|
6
6
|
"unpkg": "dist/index.min.js",
|
|
@@ -63,8 +63,9 @@
|
|
|
63
63
|
"@babel/preset-typescript": "^7.14.5",
|
|
64
64
|
"@babel/standalone": "^7.28.3",
|
|
65
65
|
"@helpdice/icons": "^1.2.5",
|
|
66
|
-
"@helpdice/sdk": "^0.
|
|
66
|
+
"@helpdice/sdk": "^0.3.3",
|
|
67
67
|
"@helpdice/utils": "^0.1.4",
|
|
68
|
+
"@helpdice/pro": "2.0.1",
|
|
68
69
|
"@mapbox/rehype-prism": "^0.9.0",
|
|
69
70
|
"@mdx-js/loader": "^3.1.0",
|
|
70
71
|
"@mdx-js/react": "^3.1.0",
|