@peculiar/react-components 0.3.15-alpha.1 → 0.3.15

package/dist/cjs/Backdrop/backdrop.js.map

@@ -1 +1 @@
-{"version":3,"file":"backdrop.js","sourceRoot":"","sources":["../../../src/Backdrop/backdrop.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,2DAAqC;AACrC,gCAAoD;AACpD,8BAA6B;AA4B7B;;GAEG;AAEH;;GAEG;AACH,IAAM,YAAY,GAAG,IAAA,gBAAM,EAAC,SAAG,CAAC,CAAsC,UAAC,KAAK,IAAK,OAAA,YAC/E,MAAM,EAAE,CAAC,CAAC,EACV,QAAQ,EAAE,OAAO,EACjB,KAAK,EAAE,CAAC,EACR,MAAM,EAAE,CAAC,EACT,GAAG,EAAE,CAAC,EACN,IAAI,EAAE,CAAC,EACP,uBAAuB,EAAE,aAAa,IACnC,CAAC,KAAK,CAAC,SAAS,IAAI;IACrB,eAAe,EAAE,aAAa;CAC/B,CAAC,EACF,EAX+E,CAW/E,CAAC,CAAC;AACJ;;GAEG;AAEH,IAAM,QAAQ,GAAG;IACf,KAAK,EAAE,GAAG;IACV,MAAM,EAAE,GAAG;IACX,KAAK,EAAE,GAAG;CACX,CAAC;AAEW,QAAA,QAAQ,GAAG,KAAK,CAAC,UAAU,CAAgC,UAAC,KAAK,EAAE,GAAG;IAE/E,IAAA,IAAI,GAUF,KAAK,KAVH,EACJ,kBAAkB,GAShB,KAAK,mBATW,EAClB,OAAO,GAQL,KAAK,QARA,EACP,OAAO,GAOL,KAAK,QAPA,EACP,SAAS,GAMP,KAAK,UANE,EACT,UAAU,GAKR,KAAK,WALG,EACV,MAAM,GAIJ,KAAK,OAJD,EACN,QAAQ,GAGN,KAAK,SAHC,EACR,SAAS,GAEP,KAAK,UAFE,EACN,KAAK,UACN,KAAK,EAXH,kHAWL,CADS,CACA;IAEV,OAAO,CACL,oBAAC,WAAI,IACH,EAAE,EAAE,IAAI,EACR,OAAO,EAAE,kBAAkB,EAC3B,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,EACtB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,QAAQ,CAAC,OAAO,CAAC;QAE/B,oBAAC,YAAY,aACX,GAAG,EAAE,GAAG,EACR,UAAU,EAAC,OAAO,iBACN,MAAM,IACd,KAAK,EACT,CACG,CACR,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,gBAAQ,CAAC,WAAW,GAAG,UAAU,CAAC;AAElC,gBAAQ,CAAC,YAAY,GAAG;IACtB,OAAO,EAAE,QAAQ;IACjB,SAAS,EAAE,KAAK;IAChB,kBAAkB,EAAE,GAAG;CACxB,CAAC"}
+{"version":3,"file":"backdrop.js","sourceRoot":"","sources":["../../../src/Backdrop/backdrop.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,gCAAoD;AACpD,8BAA6B;AAC7B,oCAAoC;AAwBpC,IAAM,QAAQ,GAAG;IACf,KAAK,EAAE,GAAG;IACV,MAAM,EAAE,GAAG;IACX,KAAK,EAAE,GAAG;CACX,CAAC;AAEF,IAAM,UAAU,GAAG,cAAM,OAAA,IAAA,YAAG,EAAC;IAC3B,KAAK,EAAE,UAAU;IACjB,MAAM,EAAE,CAAC,CAAC;IACV,QAAQ,EAAE,OAAO;IACjB,KAAK,EAAE,CAAC;IACR,MAAM,EAAE,CAAC;IACT,GAAG,EAAE,CAAC;IACN,IAAI,EAAE,CAAC;IACP,uBAAuB,EAAE,aAAa;CACvC,CAAC,EATuB,CASvB,CAAC;AAEH,IAAM,eAAe,GAAG,cAAM,OAAA,IAAA,YAAG,EAAC;IAChC,KAAK,EAAE,WAAW;IAClB,eAAe,EAAE,aAAa;CAC/B,CAAC,EAH4B,CAG5B,CAAC;AAEU,QAAA,QAAQ,GAAG,KAAK,CAAC,UAAU,CAAgC,UAAC,KAAK,EAAE,GAAG;;IAE/E,IAAA,SAAS,GAYP,KAAK,UAZE,EACT,SAAS,GAWP,KAAK,UAXE,EACT,IAAI,GAUF,KAAK,KAVH,EACJ,kBAAkB,GAShB,KAAK,mBATW,EAClB,OAAO,GAQL,KAAK,QARA,EACP,OAAO,GAOL,KAAK,QAPA,EACP,SAAS,GAMP,KAAK,UANE,EACT,UAAU,GAKR,KAAK,WALG,EACV,MAAM,GAIJ,KAAK,OAJD,EACN,QAAQ,GAGN,KAAK,SAHC,EACR,SAAS,GAEP,KAAK,UAFE,EACN,KAAK,UACN,KAAK,EAbH,4IAaL,CADS,CACA;IAEV,OAAO,CACL,oBAAC,WAAI,IACH,EAAE,EAAE,IAAI,EACR,OAAO,EAAE,kBAAkB,EAC3B,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,EACtB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,QAAQ,CAAC,OAAO,CAAC;QAE/B,oBAAC,SAAG,eACE,KAAK,IACT,GAAG,EAAE,GAAG,EACR,UAAU,EAAC,OAAO,EAClB,SAAS,EAAE,IAAA,WAAE;gBACX,GAAC,UAAU,EAAE,IAAG,IAAI;gBACpB,GAAC,eAAe,EAAE,IAAG,SAAS;gBAC9B,GAAC,SAAS,IAAG,CAAC,CAAC,SAAS;oBACxB,iBACU,MAAM,IAClB,CACG,CACR,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,gBAAQ,CAAC,WAAW,GAAG,UAAU,CAAC;AAElC,gBAAQ,CAAC,YAAY,GAAG;IACtB,OAAO,EAAE,QAAQ;IACjB,SAAS,EAAE,KAAK;IAChB,kBAAkB,EAAE,GAAG;CACxB,CAAC"}

package/dist/cjs/Box/box.js

@@ -44,51 +44,68 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Box = void 0;
 var React = __importStar(require("react"));
-var styled_1 = __importDefault(require("@emotion/styled"));
+var styles_1 = require("../styles");
 /**
  *
  */
 /**
  * Styles.
  */
-var BoxRoot = (0, styled_1.default)('div')(function (props) { return ({
-    background: props.background && "var(--pv-color-".concat(props.background, ")"),
-    borderColor: props.borderColor && "var(--pv-color-".concat(props.borderColor, ")"),
-    borderStyle: props.borderStyle,
-    borderRadius: props.borderRadius,
-}); }, function (props) {
-    var borderWidth = props.borderWidth, borderPosition = props.borderPosition;
-    if (typeof borderWidth !== 'number') {
-        return {};
-    }
-    if (borderPosition) {
-        return {
-            borderWidth: [
-                ['horizontal', 'top'].includes(borderPosition) ? borderWidth : 0,
-                ['vertical', 'right'].includes(borderPosition) ? borderWidth : 0,
-                ['horizontal', 'bottom'].includes(borderPosition) ? borderWidth : 0,
-                ['vertical', 'left'].includes(borderPosition) ? borderWidth : 0,
-                '',
-            ].join('px '),
-        };
-    }
-    return {
-        borderWidth: borderWidth,
-    };
-});
+var stylesBase = function () { return (0, styles_1.css)({
+    label: 'Box',
+}); };
+var stylesBackground = function (color) { return (0, styles_1.css)({
+    label: color,
+    background: "var(--pv-color-".concat(color, ")"),
+}); };
+var stylesBorderColor = function (color) { return (0, styles_1.css)({
+    label: color,
+    borderColor: "var(--pv-color-".concat(color, ")"),
+}); };
 /**
  *
  */
 exports.Box = React.forwardRef(function (props, ref) {
-    var component = props.component, other = __rest(props, ["component"]);
+    var _a;
+    var className = props.className, background = props.background, borderColor = props.borderColor, borderWidth = props.borderWidth, borderStyle = props.borderStyle, borderPosition = props.borderPosition, borderRadius = props.borderRadius, component = props.component, other = __rest(props, ["className", "background", "borderColor", "borderWidth", "borderStyle", "borderPosition", "borderRadius", "component"]);
+    var getBorderWidth = function () {
+        if (typeof borderWidth !== 'number') {
+            return undefined;
+        }
+        if (borderPosition === 'horizontal') {
+            return [borderWidth, 0, borderWidth, 0].join('px ');
+        }
+        if (borderPosition === 'vertical') {
+            return [0, borderWidth, 0, borderWidth, ''].join('px ');
+        }
+        if (borderPosition === 'top') {
+            return [borderWidth, 0, 0, 0].join('px ');
+        }
+        if (borderPosition === 'right') {
+            return [0, borderWidth, 0, 0].join('px ');
+        }
+        if (borderPosition === 'bottom') {
+            return [0, 0, borderWidth, 0].join('px ');
+        }
+        if (borderPosition === 'left') {
+            return [0, 0, 0, borderWidth, ''].join('px ');
+        }
+        return borderWidth;
+    };
     var Component = component || 'div';
-    return (React.createElement(BoxRoot, __assign({ as: Component, ref: ref }, other)));
+    return (React.createElement(Component, __assign({}, other, { ref: ref, className: (0, styles_1.cx)((_a = {},
+            _a[stylesBase()] = true,
+            _a[stylesBackground(background)] = !!background,
+            _a[stylesBorderColor(borderColor)] = !!borderColor,
+            _a[className] = !!className,
+            _a), (0, styles_1.css)({
+            borderWidth: getBorderWidth(),
+            borderStyle: borderStyle,
+            borderRadius: borderRadius,
+        })) })));
 });
 exports.Box.displayName = 'Box';
 //# sourceMappingURL=box.js.map

package/dist/cjs/Box/box.js.map

@@ -1 +1 @@
-{"version":3,"file":"box.js","sourceRoot":"","sources":["../../../src/Box/box.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,2DAAqC;AA8BrC;;GAEG;AAEH;;GAEG;AACH,IAAM,OAAO,GAAG,IAAA,gBAAM,EAAC,KAAK,CAAC,CAC3B,UAAC,KAAK,IAAK,OAAA,CAAC;IACV,UAAU,EAAE,KAAK,CAAC,UAAU,IAAI,yBAAkB,KAAK,CAAC,UAAU,MAAG;IACrE,WAAW,EAAE,KAAK,CAAC,WAAW,IAAI,yBAAkB,KAAK,CAAC,WAAW,MAAG;IACxE,WAAW,EAAE,KAAK,CAAC,WAAW;IAC9B,YAAY,EAAE,KAAK,CAAC,YAAY;CACjC,CAAC,EALS,CAKT,EACF,UAAC,KAAK;IACI,IAAA,WAAW,GAAqB,KAAK,YAA1B,EAAE,cAAc,GAAK,KAAK,eAAV,CAAW;IAE9C,IAAI,OAAO,WAAW,KAAK,QAAQ,EAAE;QACnC,OAAO,EAAE,CAAC;KACX;IAED,IAAI,cAAc,EAAE;QAClB,OAAO;YACL,WAAW,EAAE;gBACX,CAAC,YAAY,EAAE,KAAK,CAAC,CAAC,QAAQ,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;gBAChE,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC,QAAQ,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;gBAChE,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAC,QAAQ,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;gBACnE,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC,QAAQ,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;gBAC/D,EAAE;aACH,CAAC,IAAI,CAAC,KAAK,CAAC;SACd,CAAC;KACH;IAED,OAAO;QACL,WAAW,aAAA;KACZ,CAAC;AACJ,CAAC,CACF,CAAC;AACF;;GAEG;AAEU,QAAA,GAAG,GAAG,KAAK,CAAC,UAAU,CAAgB,UAAC,KAAK,EAAE,GAAG;IAE1D,IAAA,SAAS,GAEP,KAAK,UAFE,EACN,KAAK,UACN,KAAK,EAHH,aAGL,CADS,CACA;IAEV,IAAM,SAAS,GAAG,SAAS,IAAI,KAAK,CAAC;IAErC,OAAO,CACL,oBAAC,OAAO,aACN,EAAE,EAAE,SAAS,EACb,GAAG,EAAE,GAAG,IACJ,KAAK,EACT,CACH,CAAC;AACJ,CAAC,CAAqC,CAAC;AAEvC,WAAG,CAAC,WAAW,GAAG,KAAK,CAAC"}
+{"version":3,"file":"box.js","sourceRoot":"","sources":["../../../src/Box/box.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/Button/button.js

@@ -44,13 +44,10 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Button = void 0;
 var React = __importStar(require("react"));
-var styled_1 = __importDefault(require("@emotion/styled"));
+var styles_1 = require("../styles");
 var ButtonBase_1 = require("../ButtonBase");
 /**
  *
@@ -58,35 +55,50 @@ var ButtonBase_1 = require("../ButtonBase");
 /**
  * Styles.
  */
-var ButtonRoot = (0, styled_1.default)(ButtonBase_1.ButtonBase)(function (props) { return (__assign(__assign(__assign({ borderRadius: '4px' }, (props.size === 'small' && __assign(__assign({ height: 'var(--pv-size-base-6)', minWidth: 'var(--pv-size-base-6)' }, (props.circled && {
+var stylesBase = function () { return (0, styles_1.css)({
+    label: 'Button',
+    borderRadius: '4px',
+}); };
+var stylesSizeSmall = function (props) { return (0, styles_1.css)(__assign(__assign({ label: 'small', height: 'var(--pv-size-base-6)', minWidth: 'var(--pv-size-base-6)' }, (props.circled && {
     borderRadius: 'var(--pv-size-base-6)',
 })), (!props.withoutPadding && {
     padding: '0 var(--pv-size-base-2)',
-})))), (props.size === 'medium' && __assign(__assign({ height: 'var(--pv-size-base-7)', minWidth: 'var(--pv-size-base-7)' }, (props.circled && {
+}))); };
+var stylesSizeMedium = function (props) { return (0, styles_1.css)(__assign(__assign({ label: 'medium', height: 'var(--pv-size-base-7)', minWidth: 'var(--pv-size-base-7)' }, (props.circled && {
     borderRadius: 'var(--pv-size-base-7)',
 })), (!props.withoutPadding && {
     padding: '0 var(--pv-size-base-3)',
-})))), (props.size === 'large' && __assign(__assign({ height: 'var(--pv-size-base-8)', minWidth: 'var(--pv-size-base-8)' }, (props.circled && {
+}))); };
+var stylesSizeLarge = function (props) { return (0, styles_1.css)(__assign(__assign({ label: 'large', height: 'var(--pv-size-base-8)', minWidth: 'var(--pv-size-base-8)' }, (props.circled && {
     borderRadius: 'var(--pv-size-base-8)',
 })), (!props.withoutPadding && {
     padding: '0 var(--pv-size-base-4)',
-}))))); });
-var ButtonStartIcon = (0, styled_1.default)('span')({
+}))); };
+var stylesStartIcon = function () { return (0, styles_1.css)({
+    label: 'Button-startIcon',
     marginRight: 'var(--pv-size-base)',
     display: 'inherit',
-});
-var ButtonEndIcon = (0, styled_1.default)('span')({
+}); };
+var stylesEndIcon = function () { return (0, styles_1.css)({
+    label: 'Button-endIcon',
     marginLeft: 'var(--pv-size-base)',
     display: 'inherit',
-});
+}); };
 /**
  *
  */
 exports.Button = React.forwardRef(function (props, ref) {
-    var children = props.children, startIconProp = props.startIcon, endIconProp = props.endIcon, other = __rest(props, ["children", "startIcon", "endIcon"]);
-    var startIcon = startIconProp && (React.createElement(ButtonStartIcon, null, startIconProp));
-    var endIcon = endIconProp && (React.createElement(ButtonEndIcon, null, endIconProp));
-    return (React.createElement(ButtonRoot, __assign({ ref: ref }, other),
+    var _a;
+    var children = props.children, className = props.className, size = props.size, circled = props.circled, startIconProp = props.startIcon, endIconProp = props.endIcon, withoutPadding = props.withoutPadding, other = __rest(props, ["children", "className", "size", "circled", "startIcon", "endIcon", "withoutPadding"]);
+    var startIcon = startIconProp && (React.createElement("span", { className: (0, styles_1.cx)(stylesStartIcon()) }, startIconProp));
+    var endIcon = endIconProp && (React.createElement("span", { className: (0, styles_1.cx)(stylesEndIcon()) }, endIconProp));
+    return (React.createElement(ButtonBase_1.ButtonBase, __assign({}, other, { ref: ref, className: (0, styles_1.cx)((_a = {},
+            _a[stylesBase()] = true,
+            _a[stylesSizeSmall(props)] = size === 'small',
+            _a[stylesSizeMedium(props)] = size === 'medium',
+            _a[stylesSizeLarge(props)] = size === 'large',
+            _a[className] = !!className,
+            _a)), size: size }),
         startIcon,
         children,
         endIcon));

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

@@ -1 +1 @@
-{"version":3,"file":"button.js","sourceRoot":"","sources":["../../../src/Button/button.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,2DAAqC;AAErC,4CAA+D;AA+B/D;;GAEG;AAEH;;GAEG;AACH,IAAM,UAAU,GAAG,IAAA,gBAAM,EAAC,uBAAU,CAAC,CAAiB,UAAC,KAAK,IAAK,OAAA,8BAC/D,YAAY,EAAE,KAAK,IAChB,CAAC,KAAK,CAAC,IAAI,KAAK,OAAO,wBACxB,MAAM,EAAE,uBAAuB,EAC/B,QAAQ,EAAE,uBAAuB,IAC9B,CAAC,KAAK,CAAC,OAAO,IAAI;IACnB,YAAY,EAAE,uBAAuB;CACtC,CAAC,GACC,CAAC,CAAC,KAAK,CAAC,cAAc,IAAI;IAC3B,OAAO,EAAE,yBAAyB;CACnC,CAAC,CACH,CAAC,GACC,CAAC,KAAK,CAAC,IAAI,KAAK,QAAQ,wBACzB,MAAM,EAAE,uBAAuB,EAC/B,QAAQ,EAAE,uBAAuB,IAC9B,CAAC,KAAK,CAAC,OAAO,IAAI;IACnB,YAAY,EAAE,uBAAuB;CACtC,CAAC,GACC,CAAC,CAAC,KAAK,CAAC,cAAc,IAAI;IAC3B,OAAO,EAAE,yBAAyB;CACnC,CAAC,CACH,CAAC,GACC,CAAC,KAAK,CAAC,IAAI,KAAK,OAAO,wBACxB,MAAM,EAAE,uBAAuB,EAC/B,QAAQ,EAAE,uBAAuB,IAC9B,CAAC,KAAK,CAAC,OAAO,IAAI;IACnB,YAAY,EAAE,uBAAuB;CACtC,CAAC,GACC,CAAC,CAAC,KAAK,CAAC,cAAc,IAAI;IAC3B,OAAO,EAAE,yBAAyB;CACnC,CAAC,CACH,CAAC,EACF,EAhC+D,CAgC/D,CAAC,CAAC;AAEJ,IAAM,eAAe,GAAG,IAAA,gBAAM,EAAC,MAAM,CAAC,CAAC;IACrC,WAAW,EAAE,qBAAqB;IAClC,OAAO,EAAE,SAAS;CACnB,CAAC,CAAC;AAEH,IAAM,aAAa,GAAG,IAAA,gBAAM,EAAC,MAAM,CAAC,CAAC;IACnC,UAAU,EAAE,qBAAqB;IACjC,OAAO,EAAE,SAAS;CACnB,CAAC,CAAC;AACH;;GAEG;AAEU,QAAA,MAAM,GAAG,KAAK,CAAC,UAAU,CAAmB,UAAC,KAAK,EAAE,GAAG;IAEhE,IAAA,QAAQ,GAIN,KAAK,SAJC,EACG,aAAa,GAGtB,KAAK,UAHiB,EACf,WAAW,GAElB,KAAK,QAFa,EACjB,KAAK,UACN,KAAK,EALH,oCAKL,CADS,CACA;IAEV,IAAM,SAAS,GAAG,aAAa,IAAI,CACjC,oBAAC,eAAe,QACb,aAAa,CACE,CACnB,CAAC;IAEF,IAAM,OAAO,GAAG,WAAW,IAAI,CAC7B,oBAAC,aAAa,QACX,WAAW,CACE,CACjB,CAAC;IAEF,OAAO,CACL,oBAAC,UAAU,aACT,GAAG,EAAE,GAAG,IACJ,KAAK;QAER,SAAS;QACT,QAAQ;QACR,OAAO,CACG,CACd,CAAC;AACJ,CAAC,CAAwC,CAAC;AAE1C,cAAM,CAAC,WAAW,GAAG,QAAQ,CAAC;AAE9B,cAAM,CAAC,YAAY,GAAG;IACpB,QAAQ,EAAE,KAAK;IACf,OAAO,EAAE,MAAM;IACf,KAAK,EAAE,SAAS;IAChB,IAAI,EAAE,QAAQ;CACf,CAAC"}
+{"version":3,"file":"button.js","sourceRoot":"","sources":["../../../src/Button/button.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/ButtonBase/button_base.js

@@ -44,14 +44,10 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ButtonBase = void 0;
 var React = __importStar(require("react"));
-var styled_1 = __importDefault(require("@emotion/styled"));
-var is_prop_valid_1 = __importDefault(require("@emotion/is-prop-valid"));
+var styles_1 = require("../styles");
 var Typography_1 = require("../Typography");
 /**
  *
@@ -59,9 +55,8 @@ var Typography_1 = require("../Typography");
 /**
  * Styles.
  */
-var ButtonBaseRoot = (0, styled_1.default)('button', {
-    shouldForwardProp: function (prop) { return (0, is_prop_valid_1.default)(prop) && prop !== 'color'; },
-})(function (props) { return ({
+var stylesBase = function () { return (0, styles_1.css)({
+    label: 'ButtonBase',
     fontFamily: 'inherit',
     outline: 'none',
     cursor: 'pointer',
@@ -77,123 +72,196 @@ var ButtonBaseRoot = (0, styled_1.default)('button', {
     backgroundColor: 'transparent',
     padding: 0,
     textDecoration: 'none',
-    boxShadow: props.variant === 'contained' && 'var(--pv-shadow-light-low)',
     '&:disabled': {
         cursor: 'not-allowed',
         boxShadow: 'none',
-        color: props.variant === 'text'
-            ? 'var(--pv-color-gray-7)'
-            : 'var(--pv-color-gray-8)',
-        backgroundColor: props.variant === 'contained' && 'var(--pv-color-gray-4)',
-        borderColor: props.variant === 'outlined' && 'var(--pv-color-gray-4)',
     },
-}); }, function (props) {
-    var isDark = props.theme.mode === 'dark';
-    var color = isDark
-        ? 'var(--pv-color-white)'
-        : 'var(--pv-color-black)';
-    var borderColor;
-    var backgroundColor;
-    var backgroundColorHover;
-    var backgroundColorFocus;
-    var backgroundColorActive;
-    var boxShadowActive;
-    if (props.variant === 'outlined') {
-        if (props.color === 'default') {
-            borderColor = 'var(--pv-color-gray-8)';
-            backgroundColorHover = 'var(--pv-color-gray-3)';
-            backgroundColorFocus = 'var(--pv-color-gray-4)';
-            backgroundColorActive = 'var(--pv-color-gray-5)';
-        }
-        else if (props.color === 'white') {
-            color = 'var(--pv-color-white)';
-            borderColor = 'var(--pv-color-white)';
-            backgroundColorHover = 'var(--pv-color-gray-7)';
-            backgroundColorFocus = 'var(--pv-color-gray-8)';
-            backgroundColorActive = 'var(--pv-color-gray-9)';
-        }
-        else {
-            color = "var(--pv-color-".concat(props.color, ")");
-            borderColor = "var(--pv-color-".concat(props.color, "-tint-2)");
-            backgroundColorHover = "var(--pv-color-".concat(props.color, "-tint-5)");
-            backgroundColorFocus = "var(--pv-color-".concat(props.color, "-tint-4)");
-            backgroundColorActive = "var(--pv-color-".concat(props.color, "-tint-3)");
-        }
-    }
-    if (props.variant === 'contained') {
-        if (props.color === 'default') {
-            backgroundColor = 'var(--pv-color-gray-8)';
-            backgroundColorHover = 'var(--pv-color-gray-7)';
-            backgroundColorFocus = 'var(--pv-color-gray-6)';
-            backgroundColorActive = 'var(--pv-color-gray-5)';
-        }
-        else if (props.color === 'white') {
-            backgroundColor = 'var(--pv-color-white)';
-            backgroundColorHover = 'var(--pv-color-gray-7)';
-            backgroundColorFocus = 'var(--pv-color-gray-6)';
-            backgroundColorActive = 'var(--pv-color-gray-5)';
-        }
-        else {
-            color = "var(--pv-color-".concat(props.color, "-contrast)");
-            backgroundColor = "var(--pv-color-".concat(props.color, ")");
-            backgroundColorHover = "var(--pv-color-".concat(props.color, "-tint-1)");
-            backgroundColorFocus = "var(--pv-color-".concat(props.color, "-tint-2)");
-            backgroundColorActive = "var(--pv-color-".concat(props.color, "-tint-2)");
-        }
-        boxShadowActive = 'var(--pv-shadow-light-medium)';
-    }
-    if (props.variant === 'text') {
-        if (props.color === 'default') {
-            backgroundColorHover = 'var(--pv-color-gray-3)';
-            backgroundColorFocus = 'var(--pv-color-gray-4)';
-            backgroundColorActive = 'var(--pv-color-gray-5)';
-        }
-        else if (props.color === 'white') {
-            color = 'var(--pv-color-white)';
-            backgroundColorHover = 'var(--pv-color-gray-7)';
-            backgroundColorFocus = 'var(--pv-color-gray-8)';
-            backgroundColorActive = 'var(--pv-color-gray-9)';
-        }
-        else {
-            color = "var(--pv-color-".concat(props.color, ")");
-            backgroundColorHover = "var(--pv-color-".concat(props.color, "-tint-5)");
-            backgroundColorFocus = "var(--pv-color-".concat(props.color, "-tint-4)");
-            backgroundColorActive = "var(--pv-color-".concat(props.color, "-tint-3)");
-        }
-    }
-    return {
-        borderColor: borderColor,
-        backgroundColor: backgroundColor,
-        color: color,
-        '&:not(:disabled)': {
-            '&:hover': {
-                backgroundColor: backgroundColorHover,
-            },
-            '&:focus': {
-                backgroundColor: backgroundColorFocus,
-            },
-            '&:active': {
-                backgroundColor: backgroundColorActive,
-                boxShadow: boxShadowActive,
-            },
+}); };
+var stylesVariantTextColorDefault = function () { return (0, styles_1.css)({
+    color: 'var(--pv-color-black)',
+    '&:not(:disabled)': {
+        '&:hover': {
+            backgroundColor: 'var(--pv-color-gray-3)',
         },
-    };
-});
-var ButtonBaseLabel = (0, styled_1.default)(Typography_1.Typography)({
+        '&:focus': {
+            backgroundColor: 'var(--pv-color-gray-4)',
+        },
+        '&:active': {
+            backgroundColor: 'var(--pv-color-gray-5)',
+        },
+    },
+}); };
+var stylesVariantTextColorWhite = function () { return (0, styles_1.css)({
+    color: 'var(--pv-color-white)',
+    '&:not(:disabled)': {
+        '&:hover': {
+            backgroundColor: 'var(--pv-color-gray-7)',
+        },
+        '&:focus': {
+            backgroundColor: 'var(--pv-color-gray-8)',
+        },
+        '&:active': {
+            backgroundColor: 'var(--pv-color-gray-9)',
+        },
+    },
+}); };
+var stylesVariantTextColor = function (color) { return (0, styles_1.css)({
+    color: "var(--pv-color-".concat(color, ")"),
+    '&:not(:disabled)': {
+        '&:hover': {
+            backgroundColor: "var(--pv-color-".concat(color, "-tint-5)"),
+        },
+        '&:focus': {
+            backgroundColor: "var(--pv-color-".concat(color, "-tint-4)"),
+        },
+        '&:active': {
+            backgroundColor: "var(--pv-color-".concat(color, "-tint-3)"),
+        },
+    },
+}); };
+var stylesVariantText = function () { return (0, styles_1.css)({
+    '&:disabled': {
+        color: 'var(--pv-color-gray-7)',
+    },
+}); };
+var stylesVariantContainedColorDefault = function () { return (0, styles_1.css)({
+    backgroundColor: 'var(--pv-color-gray-8)',
+    color: 'var(--pv-color-black)',
+    '&:not(:disabled)': {
+        '&:hover': {
+            backgroundColor: 'var(--pv-color-gray-7)',
+        },
+        '&:focus': {
+            backgroundColor: 'var(--pv-color-gray-6)',
+        },
+        '&:active': {
+            backgroundColor: 'var(--pv-color-gray-5)',
+            boxShadow: 'var(--pv-shadow-light-medium)',
+        },
+    },
+}); };
+var stylesVariantContainedColorWhite = function () { return (0, styles_1.css)({
+    backgroundColor: 'var(--pv-color-white)',
+    color: 'var(--pv-color-black)',
+    '&:not(:disabled)': {
+        '&:hover': {
+            backgroundColor: 'var(--pv-color-gray-7)',
+        },
+        '&:focus': {
+            backgroundColor: 'var(--pv-color-gray-6)',
+        },
+        '&:active': {
+            backgroundColor: 'var(--pv-color-gray-5)',
+            boxShadow: 'var(--pv-shadow-light-medium)',
+        },
+    },
+}); };
+var stylesVariantContainedColor = function (color) { return (0, styles_1.css)({
+    backgroundColor: "var(--pv-color-".concat(color, ")"),
+    color: "var(--pv-color-".concat(color, "-contrast)"),
+    '&:not(:disabled)': {
+        '&:hover': {
+            backgroundColor: "var(--pv-color-".concat(color, "-tint-1)"),
+        },
+        '&:focus': {
+            backgroundColor: "var(--pv-color-".concat(color, "-tint-2)"),
+        },
+        '&:active': {
+            backgroundColor: "var(--pv-color-".concat(color, "-tint-2)"),
+            boxShadow: 'var(--pv-shadow-light-medium)',
+        },
+    },
+}); };
+var stylesVariantContained = function () { return (0, styles_1.css)({
+    boxShadow: 'var(--pv-shadow-light-low)',
+    '&:disabled': {
+        color: 'var(--pv-color-gray-8)',
+        backgroundColor: 'var(--pv-color-gray-4)',
+    },
+}); };
+var stylesVariantOutlinedColorDefault = function () { return (0, styles_1.css)({
+    color: 'var(--pv-color-black)',
+    borderColor: 'var(--pv-color-gray-8)',
+    '&:not(:disabled)': {
+        '&:hover': {
+            backgroundColor: 'var(--pv-color-gray-3)',
+        },
+        '&:focus': {
+            backgroundColor: 'var(--pv-color-gray-4)',
+        },
+        '&:active': {
+            backgroundColor: 'var(--pv-color-gray-5)',
+        },
+    },
+}); };
+var stylesVariantOutlinedColorWhite = function () { return (0, styles_1.css)({
+    color: 'var(--pv-color-white)',
+    borderColor: 'var(--pv-color-white)',
+    '&:not(:disabled)': {
+        '&:hover': {
+            backgroundColor: 'var(--pv-color-gray-7)',
+        },
+        '&:focus': {
+            backgroundColor: 'var(--pv-color-gray-8)',
+        },
+        '&:active': {
+            backgroundColor: 'var(--pv-color-gray-9)',
+        },
+    },
+}); };
+var stylesVariantOutlinedColor = function (color) { return (0, styles_1.css)({
+    color: "var(--pv-color-".concat(color, ")"),
+    borderColor: "var(--pv-color-".concat(color, "-tint-2)"),
+    '&:not(:disabled)': {
+        '&:hover': {
+            backgroundColor: "var(--pv-color-".concat(color, "-tint-5)"),
+        },
+        '&:focus': {
+            backgroundColor: "var(--pv-color-".concat(color, "-tint-4)"),
+        },
+        '&:active': {
+            backgroundColor: "var(--pv-color-".concat(color, "-tint-3)"),
+        },
+    },
+}); };
+var stylesVariantOutlined = function () { return (0, styles_1.css)({
+    '&:disabled': {
+        color: 'var(--pv-color-gray-8)',
+        borderColor: 'var(--pv-color-gray-4)',
+    },
+}); };
+var stylesLabel = function () { return (0, styles_1.css)({
+    label: 'ButtonBase-label',
     width: '100%',
     display: 'inherit',
     alignItems: 'inherit',
     justifyContent: 'inherit',
-});
+}); };
 /**
  *
  */
 exports.ButtonBase = React.forwardRef(function (props, ref) {
-    var textVariantProp = props.textVariant, size = props.size, children = props.children, _a = props.type, type = _a === void 0 ? 'button' : _a, component = props.component, other = __rest(props, ["textVariant", "size", "children", "type", "component"]);
+    var _a;
+    var variant = props.variant, textVariantProp = props.textVariant, color = props.color, size = props.size, className = props.className, children = props.children, disabled = props.disabled, _b = props.type, type = _b === void 0 ? 'button' : _b, component = props.component, other = __rest(props, ["variant", "textVariant", "color", "size", "className", "children", "disabled", "type", "component"]);
     var Component = component || 'button';
     var textVariant = textVariantProp || (size === 'small' ? 'btn2' : 'btn1');
-    return (React.createElement(ButtonBaseRoot, __assign({ as: Component, ref: ref, type: type, size: size }, other),
-        React.createElement(ButtonBaseLabel, { color: "inherit", variant: textVariant }, children)));
+    return (React.createElement(Component, __assign({}, other, { ref: ref, type: type, disabled: disabled, className: (0, styles_1.cx)((_a = {},
+            _a[stylesBase()] = true,
+            _a[stylesVariantTextColorDefault()] = variant === 'text' && color === 'default',
+            _a[stylesVariantTextColorWhite()] = variant === 'text' && color === 'white',
+            _a[stylesVariantTextColor(color)] = variant === 'text' && !['white', 'default'].includes(color),
+            _a[stylesVariantText()] = variant === 'text',
+            _a[stylesVariantContainedColorDefault()] = variant === 'contained' && color === 'default',
+            _a[stylesVariantContainedColorWhite()] = variant === 'contained' && color === 'white',
+            _a[stylesVariantContainedColor(color)] = variant === 'contained' && !['white', 'default'].includes(color),
+            _a[stylesVariantContained()] = variant === 'contained',
+            _a[stylesVariantOutlinedColorDefault()] = variant === 'outlined' && color === 'default',
+            _a[stylesVariantOutlinedColorWhite()] = variant === 'outlined' && color === 'white',
+            _a[stylesVariantOutlinedColor(color)] = variant === 'outlined' && !['white', 'default'].includes(color),
+            _a[stylesVariantOutlined()] = variant === 'outlined',
+            _a[className] = !!className,
+            _a)) }),
+        React.createElement(Typography_1.Typography, { variant: textVariant, className: (0, styles_1.cx)(stylesLabel()), color: "inherit" }, children)));
 });
 exports.ButtonBase.displayName = 'ButtonBase';
 exports.ButtonBase.defaultProps = {

package/dist/cjs/ButtonBase/button_base.js.map

@@ -1 +1 @@
-{"version":3,"file":"button_base.js","sourceRoot":"","sources":["../../../src/ButtonBase/button_base.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,2DAAqC;AACrC,yEAAiD;AAGjD,4CAA2C;AAwD3C;;GAEG;AAEH;;GAEG;AACH,IAAM,cAAc,GAAG,IAAA,gBAAM,EAAC,QAAQ,EAAE;IACtC,iBAAiB,EAAE,UAAC,IAAI,IAAK,OAAA,IAAA,uBAAW,EAAC,IAAI,CAAC,IAAI,IAAI,KAAK,OAAO,EAArC,CAAqC;CACnE,CAAC,CAAqB,UAAC,KAAK,IAAK,OAAA,CAAC;IACjC,UAAU,EAAE,SAAS;IACrB,OAAO,EAAE,MAAM;IACf,MAAM,EAAE,SAAS;IACjB,SAAS,EAAE,YAAY;IACvB,MAAM,EAAE,uBAAuB;IAC/B,UAAU,EAAE,2EAA2E;IACvF,UAAU,EAAE,MAAM;IAClB,UAAU,EAAE,QAAQ;IACpB,OAAO,EAAE,aAAa;IACtB,UAAU,EAAE,QAAQ;IACpB,cAAc,EAAE,QAAQ;IACxB,aAAa,EAAE,QAAQ;IACvB,eAAe,EAAE,aAAa;IAC9B,OAAO,EAAE,CAAC;IACV,cAAc,EAAE,MAAM;IACtB,SAAS,EAAE,KAAK,CAAC,OAAO,KAAK,WAAW,IAAI,4BAA4B;IACxE,YAAY,EAAE;QACZ,MAAM,EAAE,aAAa;QACrB,SAAS,EAAE,MAAM;QACjB,KAAK,EAAE,KAAK,CAAC,OAAO,KAAK,MAAM;YAC7B,CAAC,CAAC,wBAAwB;YAC1B,CAAC,CAAC,wBAAwB;QAC5B,eAAe,EAAE,KAAK,CAAC,OAAO,KAAK,WAAW,IAAI,wBAAwB;QAC1E,WAAW,EAAE,KAAK,CAAC,OAAO,KAAK,UAAU,IAAI,wBAAwB;KACtE;CACF,CAAC,EA1BgC,CA0BhC,EAAE,UAAC,KAAK;IACR,IAAM,MAAM,GAAG,KAAK,CAAC,KAAK,CAAC,IAAI,KAAK,MAAM,CAAC;IAC3C,IAAI,KAAK,GAAW,MAAM;QACxB,CAAC,CAAC,uBAAuB;QACzB,CAAC,CAAC,uBAAuB,CAAC;IAC5B,IAAI,WAAmB,CAAC;IACxB,IAAI,eAAuB,CAAC;IAC5B,IAAI,oBAA4B,CAAC;IACjC,IAAI,oBAA4B,CAAC;IACjC,IAAI,qBAA6B,CAAC;IAClC,IAAI,eAAuB,CAAC;IAE5B,IAAI,KAAK,CAAC,OAAO,KAAK,UAAU,EAAE;QAChC,IAAI,KAAK,CAAC,KAAK,KAAK,SAAS,EAAE;YAC7B,WAAW,GAAG,wBAAwB,CAAC;YACvC,oBAAoB,GAAG,wBAAwB,CAAC;YAChD,oBAAoB,GAAG,wBAAwB,CAAC;YAChD,qBAAqB,GAAG,wBAAwB,CAAC;SAClD;aAAM,IAAI,KAAK,CAAC,KAAK,KAAK,OAAO,EAAE;YAClC,KAAK,GAAG,uBAAuB,CAAC;YAChC,WAAW,GAAG,uBAAuB,CAAC;YACtC,oBAAoB,GAAG,wBAAwB,CAAC;YAChD,oBAAoB,GAAG,wBAAwB,CAAC;YAChD,qBAAqB,GAAG,wBAAwB,CAAC;SAClD;aAAM;YACL,KAAK,GAAG,yBAAkB,KAAK,CAAC,KAAK,MAAG,CAAC;YACzC,WAAW,GAAG,yBAAkB,KAAK,CAAC,KAAK,aAAU,CAAC;YACtD,oBAAoB,GAAG,yBAAkB,KAAK,CAAC,KAAK,aAAU,CAAC;YAC/D,oBAAoB,GAAG,yBAAkB,KAAK,CAAC,KAAK,aAAU,CAAC;YAC/D,qBAAqB,GAAG,yBAAkB,KAAK,CAAC,KAAK,aAAU,CAAC;SACjE;KACF;IAED,IAAI,KAAK,CAAC,OAAO,KAAK,WAAW,EAAE;QACjC,IAAI,KAAK,CAAC,KAAK,KAAK,SAAS,EAAE;YAC7B,eAAe,GAAG,wBAAwB,CAAC;YAC3C,oBAAoB,GAAG,wBAAwB,CAAC;YAChD,oBAAoB,GAAG,wBAAwB,CAAC;YAChD,qBAAqB,GAAG,wBAAwB,CAAC;SAClD;aAAM,IAAI,KAAK,CAAC,KAAK,KAAK,OAAO,EAAE;YAClC,eAAe,GAAG,uBAAuB,CAAC;YAC1C,oBAAoB,GAAG,wBAAwB,CAAC;YAChD,oBAAoB,GAAG,wBAAwB,CAAC;YAChD,qBAAqB,GAAG,wBAAwB,CAAC;SAClD;aAAM;YACL,KAAK,GAAG,yBAAkB,KAAK,CAAC,KAAK,eAAY,CAAC;YAClD,eAAe,GAAG,yBAAkB,KAAK,CAAC,KAAK,MAAG,CAAC;YACnD,oBAAoB,GAAG,yBAAkB,KAAK,CAAC,KAAK,aAAU,CAAC;YAC/D,oBAAoB,GAAG,yBAAkB,KAAK,CAAC,KAAK,aAAU,CAAC;YAC/D,qBAAqB,GAAG,yBAAkB,KAAK,CAAC,KAAK,aAAU,CAAC;SACjE;QAED,eAAe,GAAG,+BAA+B,CAAC;KACnD;IAED,IAAI,KAAK,CAAC,OAAO,KAAK,MAAM,EAAE;QAC5B,IAAI,KAAK,CAAC,KAAK,KAAK,SAAS,EAAE;YAC7B,oBAAoB,GAAG,wBAAwB,CAAC;YAChD,oBAAoB,GAAG,wBAAwB,CAAC;YAChD,qBAAqB,GAAG,wBAAwB,CAAC;SAClD;aAAM,IAAI,KAAK,CAAC,KAAK,KAAK,OAAO,EAAE;YAClC,KAAK,GAAG,uBAAuB,CAAC;YAChC,oBAAoB,GAAG,wBAAwB,CAAC;YAChD,oBAAoB,GAAG,wBAAwB,CAAC;YAChD,qBAAqB,GAAG,wBAAwB,CAAC;SAClD;aAAM;YACL,KAAK,GAAG,yBAAkB,KAAK,CAAC,KAAK,MAAG,CAAC;YACzC,oBAAoB,GAAG,yBAAkB,KAAK,CAAC,KAAK,aAAU,CAAC;YAC/D,oBAAoB,GAAG,yBAAkB,KAAK,CAAC,KAAK,aAAU,CAAC;YAC/D,qBAAqB,GAAG,yBAAkB,KAAK,CAAC,KAAK,aAAU,CAAC;SACjE;KACF;IAED,OAAO;QACL,WAAW,aAAA;QACX,eAAe,iBAAA;QACf,KAAK,OAAA;QACL,kBAAkB,EAAE;YAClB,SAAS,EAAE;gBACT,eAAe,EAAE,oBAAoB;aACtC;YACD,SAAS,EAAE;gBACT,eAAe,EAAE,oBAAoB;aACtC;YACD,UAAU,EAAE;gBACV,eAAe,EAAE,qBAAqB;gBACtC,SAAS,EAAE,eAAe;aAC3B;SACF;KACF,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,IAAM,eAAe,GAAG,IAAA,gBAAM,EAAC,uBAAU,CAAC,CAAC;IACzC,KAAK,EAAE,MAAM;IACb,OAAO,EAAE,SAAS;IAClB,UAAU,EAAE,SAAS;IACrB,cAAc,EAAE,SAAS;CAC1B,CAAC,CAAC;AACH;;GAEG;AAEU,QAAA,UAAU,GAAG,KAAK,CAAC,UAAU,CAAuB,UAAC,KAAK,EAAE,GAAG;IAExE,IAAa,eAAe,GAM1B,KAAK,YANqB,EAC5B,IAAI,GAKF,KAAK,KALH,EACJ,QAAQ,GAIN,KAAK,SAJC,EACR,KAGE,KAAK,KAHQ,EAAf,IAAI,mBAAG,QAAQ,KAAA,EACf,SAAS,GAEP,KAAK,UAFE,EACN,KAAK,UACN,KAAK,EAPH,wDAOL,CADS,CACA;IAEV,IAAM,SAAS,GAAG,SAAS,IAAI,QAAQ,CAAC;IACxC,IAAM,WAAW,GAAG,eAAe,IAAI,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;IAE5E,OAAO,CACL,oBAAC,cAAc,aACb,EAAE,EAAE,SAAS,EACb,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,IACN,KAAK;QAET,oBAAC,eAAe,IACd,KAAK,EAAC,SAAS,EACf,OAAO,EAAE,WAAW,IAEnB,QAAQ,CACO,CACH,CAClB,CAAC;AACJ,CAAC,CAA4C,CAAC;AAE9C,kBAAU,CAAC,WAAW,GAAG,YAAY,CAAC;AAEtC,kBAAU,CAAC,YAAY,GAAG;IACxB,OAAO,EAAE,MAAM;IACf,KAAK,EAAE,SAAS;CACjB,CAAC"}
+{"version":3,"file":"button_base.js","sourceRoot":"","sources":["../../../src/ButtonBase/button_base.tsx"],"names":[],"mappings":"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"}