@lidofinance/lido-ui 1.10.13 → 2.0.0-next.2

package/dist/cjs/checkbox/src/Checkbox.js

@@ -0,0 +1,37 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: ()=>_default
+});
+const _extends = require("@swc/helpers/lib/_extends.js").default;
+const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _checkboxStyles = require("./CheckboxStyles");
+const _text = require("../../text/src/index");
+const _box = require("../../box/src/index");
+function Checkbox(props, inputRef) {
+    const { className , style , wrapperRef , children , label , ...inputProps } = props;
+    const { disabled  } = inputProps;
+    const wrapperProps = {
+        className,
+        style
+    };
+    return /*#__PURE__*/ _react.default.createElement(_checkboxStyles.CheckboxWrapperStyle, _extends({}, wrapperProps, {
+        ref: wrapperRef
+    }), /*#__PURE__*/ _react.default.createElement(_checkboxStyles.CheckboxInputStyle, _extends({
+        type: "checkbox"
+    }, inputProps, {
+        ref: inputRef
+    })), /*#__PURE__*/ _react.default.createElement(_checkboxStyles.CheckboxIconStyle, null), label && /*#__PURE__*/ _react.default.createElement(_box.Box, {
+        ml: 8
+    }, /*#__PURE__*/ _react.default.createElement(_text.Text, {
+        size: "xxs",
+        color: disabled ? 'secondary' : 'default'
+    }, label)));
+}
+const _default = /*#__PURE__*/ (0, _react.forwardRef)(Checkbox);
+
+//# sourceMappingURL=Checkbox.js.map

package/dist/cjs/checkbox/src/Checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/checkbox/src/Checkbox.tsx"],"sourcesContent":["import React, { ForwardedRef, forwardRef } from 'react'\nimport { CheckboxProps } from './types'\nimport {\n  CheckboxWrapperStyle,\n  CheckboxInputStyle,\n  CheckboxIconStyle,\n} from './CheckboxStyles'\nimport { Text } from '@lidofinance/text'\nimport { Box } from '@lidofinance/box'\n\nfunction Checkbox(\n  props: CheckboxProps,\n  inputRef?: ForwardedRef<HTMLInputElement>\n) {\n  const { className, style, wrapperRef, children, label, ...inputProps } = props\n  const { disabled } = inputProps\n  const wrapperProps = { className, style }\n\n  return (\n    <CheckboxWrapperStyle {...wrapperProps} ref={wrapperRef}>\n      <CheckboxInputStyle type='checkbox' {...inputProps} ref={inputRef} />\n      <CheckboxIconStyle />\n      {label && (\n        <Box ml={8}>\n          <Text size='xxs' color={disabled ? 'secondary' : 'default'}>\n            {label}\n          </Text>\n        </Box>\n      )}\n    </CheckboxWrapperStyle>\n  )\n}\n\nexport default forwardRef(Checkbox)\n"],"names":["Checkbox","props","inputRef","className","style","wrapperRef","children","label","inputProps","disabled","wrapperProps","CheckboxWrapperStyle","ref","CheckboxInputStyle","type","CheckboxIconStyle","Box","ml","Text","size","color","forwardRef"],"mappings":"AAAA;;;;+BAiCA,SAAmC;;aAAnC,QAAmC;;;;6DAjCa,OAAO;gCAMhD,kBAAkB;sBACJ,sBAAmB;qBACpB,qBAAkB;AAEtC,SAASA,QAAQ,CACfC,KAAoB,EACpBC,QAAyC,EACzC;IACA,MAAM,EAAEC,SAAS,CAAA,EAAEC,KAAK,CAAA,EAAEC,UAAU,CAAA,EAAEC,QAAQ,CAAA,EAAEC,KAAK,CAAA,EAAE,GAAGC,UAAU,EAAE,GAAGP,KAAK;IAC9E,MAAM,EAAEQ,QAAQ,CAAA,EAAE,GAAGD,UAAU;IAC/B,MAAME,YAAY,GAAG;QAAEP,SAAS;QAAEC,KAAK;KAAE;IAEzC,qBACE,6BAACO,eAAoB,qBAAA,eAAKD,YAAY;QAAEE,GAAG,EAAEP,UAAU;sBACrD,6BAACQ,eAAkB,mBAAA;QAACC,IAAI,EAAC,UAAU;OAAKN,UAAU;QAAEI,GAAG,EAAEV,QAAQ;OAAI,gBACrE,6BAACa,eAAiB,kBAAA,OAAG,EACpBR,KAAK,kBACJ,6BAACS,IAAG,IAAA;QAACC,EAAE,EAAE,CAAC;qBACR,6BAACC,KAAI,KAAA;QAACC,IAAI,EAAC,KAAK;QAACC,KAAK,EAAEX,QAAQ,GAAG,WAAW,GAAG,SAAS;OACvDF,KAAK,CACD,CACH,AACP,CACoB,CACxB;AACH,CAAC;MAED,QAAmC,iBAApBc,IAAAA,MAAU,WAAA,EAACrB,QAAQ,CAAC"}

package/dist/cjs/checkbox/src/CheckboxStyles.js

@@ -0,0 +1,81 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    CheckboxWrapperStyle: ()=>CheckboxWrapperStyle,
+    CheckboxIconStyle: ()=>CheckboxIconStyle,
+    CheckboxInputStyle: ()=>CheckboxInputStyle
+});
+const _interopRequireDefault = require("@swc/helpers/lib/_interop_require_default.js").default;
+const _styledComponents = /*#__PURE__*/ _interopRequireDefault(require("styled-components"));
+const _icons = require("../../icons/src/index");
+const CheckboxWrapperStyle = _styledComponents.default.label`
+  flex-shrink: 0;
+  display: inline-flex;
+  position: relative;
+  overflow: hidden;
+  line-height: 0;
+  align-items: center;
+`;
+const CheckboxIconStyle = (0, _styledComponents.default)(_icons.Check)`
+  height: 24px;
+  width: 24px;
+  border-radius: 4px;
+  transition: box-shadow 0.1s ease, background-color 0.1s ease;
+  fill: var(--lido-color-primaryContrast);
+`;
+const CheckboxInputStyle = _styledComponents.default.input`
+  width: 1px;
+  height: 1px;
+  position: absolute;
+  overflow: hidden;
+  clip: rect(0 0 0 0);
+
+  &:not(:disabled) ~ * {
+    cursor: pointer;
+  }
+
+  label:hover &:not(:disabled):not(:checked) + ${CheckboxIconStyle} {
+    box-shadow: inset 0 0 0 1px var(--lido-color-borderHover);
+  }
+
+  & + ${CheckboxIconStyle} {
+    background-color: var(--lido-color-controlBg);
+    box-shadow: inset 0 0 0 1px var(--lido-color-border);
+
+    path {
+      opacity: 0;
+    }
+  }
+
+  &:checked + ${CheckboxIconStyle} {
+    background-color: var(--lido-color-primary);
+    box-shadow: none;
+
+    path {
+      opacity: 1;
+    }
+  }
+
+  &:disabled + ${CheckboxIconStyle} {
+    opacity: 0.5;
+    cursor: default;
+  }
+
+  &:focus-visible + ${CheckboxIconStyle} {
+    box-shadow: inset 0 0 0 1px var(--lido-color-primary);
+  }
+
+  &:focus-visible:checked + ${CheckboxIconStyle} {
+    box-shadow: inset 0 0 0 1px var(--lido-color-borderHover);
+  }
+`;
+
+//# sourceMappingURL=CheckboxStyles.js.map

package/dist/cjs/checkbox/src/CheckboxStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/checkbox/src/CheckboxStyles.tsx"],"sourcesContent":["import styled from 'styled-components'\nimport { Check } from '@lidofinance/icons'\n\nexport const CheckboxWrapperStyle = styled.label`\n  flex-shrink: 0;\n  display: inline-flex;\n  position: relative;\n  overflow: hidden;\n  line-height: 0;\n  align-items: center;\n`\n\nexport const CheckboxIconStyle = styled(Check)`\n  height: 24px;\n  width: 24px;\n  border-radius: 4px;\n  transition: box-shadow 0.1s ease, background-color 0.1s ease;\n  fill: var(--lido-color-primaryContrast);\n`\n\nexport const CheckboxInputStyle = styled.input`\n  width: 1px;\n  height: 1px;\n  position: absolute;\n  overflow: hidden;\n  clip: rect(0 0 0 0);\n\n  &:not(:disabled) ~ * {\n    cursor: pointer;\n  }\n\n  label:hover &:not(:disabled):not(:checked) + ${CheckboxIconStyle} {\n    box-shadow: inset 0 0 0 1px var(--lido-color-borderHover);\n  }\n\n  & + ${CheckboxIconStyle} {\n    background-color: var(--lido-color-controlBg);\n    box-shadow: inset 0 0 0 1px var(--lido-color-border);\n\n    path {\n      opacity: 0;\n    }\n  }\n\n  &:checked + ${CheckboxIconStyle} {\n    background-color: var(--lido-color-primary);\n    box-shadow: none;\n\n    path {\n      opacity: 1;\n    }\n  }\n\n  &:disabled + ${CheckboxIconStyle} {\n    opacity: 0.5;\n    cursor: default;\n  }\n\n  &:focus-visible + ${CheckboxIconStyle} {\n    box-shadow: inset 0 0 0 1px var(--lido-color-primary);\n  }\n\n  &:focus-visible:checked + ${CheckboxIconStyle} {\n    box-shadow: inset 0 0 0 1px var(--lido-color-borderHover);\n  }\n`\n"],"names":["CheckboxWrapperStyle","CheckboxIconStyle","CheckboxInputStyle","styled","label","Check","input"],"mappings":"AAAA;;;;;;;;;;;IAGaA,oBAAoB,MAApBA,oBAAoB;IASpBC,iBAAiB,MAAjBA,iBAAiB;IAQjBC,kBAAkB,MAAlBA,kBAAkB;;;uEApBZ,mBAAmB;uBAChB,uBAAoB;AAEnC,MAAMF,oBAAoB,GAAGG,iBAAM,QAAA,CAACC,KAAK,CAAC;;;;;;;AAOjD,CAAC;AAEM,MAAMH,iBAAiB,GAAGE,IAAAA,iBAAM,QAAA,EAACE,MAAK,MAAA,CAAC,CAAC;;;;;;AAM/C,CAAC;AAEM,MAAMH,kBAAkB,GAAGC,iBAAM,QAAA,CAACG,KAAK,CAAC;;;;;;;;;;;+CAWA,EAAEL,iBAAiB,CAAC;;;;MAI7D,EAAEA,iBAAiB,CAAC;;;;;;;;;cASZ,EAAEA,iBAAiB,CAAC;;;;;;;;;eASnB,EAAEA,iBAAiB,CAAC;;;;;oBAKf,EAAEA,iBAAiB,CAAC;;;;4BAIZ,EAAEA,iBAAiB,CAAC;;;AAGhD,CAAC"}

package/dist/cjs/checkbox/src/index.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "Checkbox", {
+    enumerable: true,
+    get: ()=>_checkbox.default
+});
+const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
+const _interopRequireDefault = require("@swc/helpers/lib/_interop_require_default.js").default;
+const _checkbox = /*#__PURE__*/ _interopRequireDefault(require("./Checkbox"));
+_exportStar(require("./types"), exports);
+
+//# sourceMappingURL=index.js.map

package/dist/cjs/checkbox/src/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/checkbox/src/index.ts"],"sourcesContent":["export { default as Checkbox } from './Checkbox'\nexport * from './types'\n"],"names":["Checkbox"],"mappings":"AAAA;;;;+BAAoBA,UAAQ;;aAARA,SAAQ,QAAA;;;;+DAAQ,YAAY;oBAClC,SAAS"}

package/dist/cjs/checkbox/src/types.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+const _interopRequireDefault = require("@swc/helpers/lib/_interop_require_default.js").default;
+const _react = /*#__PURE__*/ _interopRequireDefault(require("react"));
+
+//# sourceMappingURL=types.js.map

package/dist/cjs/checkbox/src/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/checkbox/src/types.ts"],"sourcesContent":["import { LidoComponentProps } from '@lidofinance/utils'\nimport React from 'react'\nexport type { Theme } from '@lidofinance/theme'\n\nexport type CheckboxProps = LidoComponentProps<\n  'input',\n  {\n    wrapperRef?: React.RefObject<HTMLLabelElement>\n    children?: never\n    label?: string\n  }\n>\n"],"names":[],"mappings":"AAAA;;;;;4DACkB,OAAO"}

package/dist/cjs/chip/src/Chip.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: ()=>_default
+});
+const _extends = require("@swc/helpers/lib/_extends.js").default;
+const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _chipStyles = require("./ChipStyles");
+function Chip(props, ref) {
+    const { children , onClick , variant ='positive' , ...rest } = props;
+    return /*#__PURE__*/ _react.default.createElement(_chipStyles.ChipWrapperStyle, _extends({
+        $interactive: !!onClick,
+        $variant: variant,
+        onClick: onClick
+    }, rest, {
+        ref: ref
+    }), children);
+}
+const _default = /*#__PURE__*/ (0, _react.forwardRef)(Chip);
+
+//# sourceMappingURL=Chip.js.map

package/dist/cjs/chip/src/Chip.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/chip/src/Chip.tsx"],"sourcesContent":["import React, { ForwardedRef, forwardRef } from 'react'\nimport { ChipProps } from './types'\nimport { ChipWrapperStyle } from './ChipStyles'\n\nfunction Chip(props: ChipProps, ref?: ForwardedRef<HTMLInputElement>) {\n  const { children, onClick, variant = 'positive', ...rest } = props\n\n  return (\n    <ChipWrapperStyle\n      $interactive={!!onClick}\n      $variant={variant}\n      onClick={onClick}\n      {...rest}\n      ref={ref}\n    >\n      {children}\n    </ChipWrapperStyle>\n  )\n}\n\nexport default forwardRef(Chip)\n"],"names":["Chip","props","ref","children","onClick","variant","rest","ChipWrapperStyle","$interactive","$variant","forwardRef"],"mappings":"AAAA;;;;+BAoBA,SAA+B;;aAA/B,QAA+B;;;;6DApBiB,OAAO;4BAEtB,cAAc;AAE/C,SAASA,IAAI,CAACC,KAAgB,EAAEC,GAAoC,EAAE;IACpE,MAAM,EAAEC,QAAQ,CAAA,EAAEC,OAAO,CAAA,EAAEC,OAAO,EAAG,UAAU,CAAA,EAAE,GAAGC,IAAI,EAAE,GAAGL,KAAK;IAElE,qBACE,6BAACM,WAAgB,iBAAA;QACfC,YAAY,EAAE,CAAC,CAACJ,OAAO;QACvBK,QAAQ,EAAEJ,OAAO;QACjBD,OAAO,EAAEA,OAAO;OACZE,IAAI;QACRJ,GAAG,EAAEA,GAAG;QAEPC,QAAQ,CACQ,CACpB;AACH,CAAC;MAED,QAA+B,iBAAhBO,IAAAA,MAAU,WAAA,EAACV,IAAI,CAAC"}

package/dist/cjs/chip/src/ChipStyles.js

@@ -0,0 +1,54 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "ChipWrapperStyle", {
+    enumerable: true,
+    get: ()=>ChipWrapperStyle
+});
+const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+const _styledComponents = /*#__PURE__*/ _interopRequireWildcard(require("styled-components"));
+const ChipVariantsStyle = {
+    positive: (0, _styledComponents.css)`
+    background: var(--lido-color-success);
+    color: var(--lido-color-foreground);
+  `,
+    negative: (0, _styledComponents.css)`
+    background: var(--lido-color-error);
+    color: var(--lido-color-foreground);
+  `,
+    gray: (0, _styledComponents.css)`
+    background: var(--lido-color-shadowLight);
+    color: var(--lido-color-textSecondary);
+  `,
+    warning: (0, _styledComponents.css)`
+    background: var(--lido-color-warning);
+    color: var(--lido-color-foreground);
+  `
+};
+const ChipWrapperStyle = _styledComponents.default.div`
+  font-size: 14px;
+  line-height: 20px;
+  display: inline-flex;
+  max-width: 100%;
+  box-sizing: border-box;
+  align-items: center;
+  white-space: nowrap;
+  outline: none;
+  border-radius: ${(param)=>{
+    let { theme  } = param;
+    return theme.borderRadiusesMap.xs;
+}}px;
+  padding: 0.2em 0.4em;
+
+  cursor: ${(param)=>{
+    let { $interactive  } = param;
+    return $interactive ? 'pointer' : 'auto';
+}};
+  ${(param)=>{
+    let { $variant  } = param;
+    return ChipVariantsStyle[$variant];
+}}
+`;
+
+//# sourceMappingURL=ChipStyles.js.map

package/dist/cjs/chip/src/ChipStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/chip/src/ChipStyles.tsx"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { ChipVariants } from './types'\n\ntype InjectedPropsTr = {\n  $variant: ChipVariants\n  $interactive: boolean\n}\n\nconst ChipVariantsStyle = {\n  positive: css`\n    background: var(--lido-color-success);\n    color: var(--lido-color-foreground);\n  `,\n  negative: css`\n    background: var(--lido-color-error);\n    color: var(--lido-color-foreground);\n  `,\n  gray: css`\n    background: var(--lido-color-shadowLight);\n    color: var(--lido-color-textSecondary);\n  `,\n  warning: css`\n    background: var(--lido-color-warning);\n    color: var(--lido-color-foreground);\n  `,\n}\n\nexport const ChipWrapperStyle = styled.div<InjectedPropsTr>`\n  font-size: 14px;\n  line-height: 20px;\n  display: inline-flex;\n  max-width: 100%;\n  box-sizing: border-box;\n  align-items: center;\n  white-space: nowrap;\n  outline: none;\n  border-radius: ${({ theme }) => theme.borderRadiusesMap.xs}px;\n  padding: 0.2em 0.4em;\n\n  cursor: ${({ $interactive }) => ($interactive ? 'pointer' : 'auto')};\n  ${({ $variant }) => ChipVariantsStyle[$variant]}\n`\n"],"names":["ChipWrapperStyle","ChipVariantsStyle","positive","css","negative","gray","warning","styled","div","theme","borderRadiusesMap","xs","$interactive","$variant"],"mappings":"AAAA;;;;+BA2BaA,kBAAgB;;aAAhBA,gBAAgB;;;wEA3BD,mBAAmB;AAQ/C,MAAMC,iBAAiB,GAAG;IACxBC,QAAQ,EAAEC,IAAAA,iBAAG,IAAA,CAAA,CAAC;;;EAGd,CAAC;IACDC,QAAQ,EAAED,IAAAA,iBAAG,IAAA,CAAA,CAAC;;;EAGd,CAAC;IACDE,IAAI,EAAEF,IAAAA,iBAAG,IAAA,CAAA,CAAC;;;EAGV,CAAC;IACDG,OAAO,EAAEH,IAAAA,iBAAG,IAAA,CAAA,CAAC;;;EAGb,CAAC;CACF;AAEM,MAAMH,gBAAgB,GAAGO,iBAAM,QAAA,CAACC,GAAG,AAAiB,CAAC;;;;;;;;;iBAS3C,EAAE,SAAeC;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACC,iBAAiB,CAACC,EAAE;AAAD,CAAC,CAAC;;;UAGnD,EAAE,SAAsB;QAArB,EAAEC,YAAY,CAAA,EAAE;WAAMA,YAAY,GAAG,SAAS,GAAG,MAAM;AAAA,CAAC,CAAC;EACpE,EAAE,SAAkBX;QAAjB,EAAEY,QAAQ,CAAA,EAAE;WAAKZ,iBAAiB,CAACY,QAAQ,CAAC;AAAD,CAAC,CAAC;AAClD,CAAC"}

package/dist/cjs/chip/src/index.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "Chip", {
+    enumerable: true,
+    get: ()=>_chip.default
+});
+const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
+const _interopRequireDefault = require("@swc/helpers/lib/_interop_require_default.js").default;
+const _chip = /*#__PURE__*/ _interopRequireDefault(require("./Chip"));
+_exportStar(require("./types"), exports);
+
+//# sourceMappingURL=index.js.map

package/dist/cjs/chip/src/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/chip/src/index.ts"],"sourcesContent":["export { default as Chip } from './Chip'\nexport * from './types'\n"],"names":["Chip"],"mappings":"AAAA;;;;+BAAoBA,MAAI;;aAAJA,KAAI,QAAA;;;;2DAAQ,QAAQ;oBAC1B,SAAS"}

package/dist/cjs/chip/src/types.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "ChipVariant", {
+    enumerable: true,
+    get: ()=>ChipVariant
+});
+const _interopRequireDefault = require("@swc/helpers/lib/_interop_require_default.js").default;
+const _react = /*#__PURE__*/ _interopRequireDefault(require("react"));
+var ChipVariant;
+(function(ChipVariant) {
+    ChipVariant[ChipVariant["positive"] = 0] = "positive";
+    ChipVariant[ChipVariant["negative"] = 1] = "negative";
+    ChipVariant[ChipVariant["warning"] = 2] = "warning";
+    ChipVariant[ChipVariant["gray"] = 3] = "gray";
+})(ChipVariant || (ChipVariant = {}));
+
+//# sourceMappingURL=types.js.map

package/dist/cjs/chip/src/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/chip/src/types.ts"],"sourcesContent":["import { LidoComponentProps } from '@lidofinance/utils'\nimport React from 'react'\nexport type { Theme } from '@lidofinance/theme'\n\nexport enum ChipVariant {\n  positive,\n  negative,\n  warning,\n  gray,\n}\n\nexport type ChipVariants = keyof typeof ChipVariant\n\nexport type ChipProps = LidoComponentProps<\n  'div',\n  {\n    wrapperRef?: React.RefObject<HTMLLabelElement>\n    variant?: ChipVariants\n  }\n>\n"],"names":["ChipVariant","positive","negative","warning","gray"],"mappings":"AAAA;;;;;;;;;4DACkB,OAAO;IAGlB,WAKN;UALWA,WAAW;IAAXA,WAAW,CAAXA,WAAW,CACrBC,UAAQ,IAARA,CAAQ,IAARA,UAAQ;IADED,WAAW,CAAXA,WAAW,CAErBE,UAAQ,IAARA,CAAQ,IAARA,UAAQ;IAFEF,WAAW,CAAXA,WAAW,CAGrBG,SAAO,IAAPA,CAAO,IAAPA,SAAO;IAHGH,WAAW,CAAXA,WAAW,CAIrBI,MAAI,IAAJA,CAAI,IAAJA,MAAI;GAJMJ,WAAW,KAAXA,WAAW"}

package/dist/cjs/container/src/Container.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: ()=>_default
+});
+const _extends = require("@swc/helpers/lib/_extends.js").default;
+const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _containerStyles = require("./ContainerStyles");
+function Container(props, ref) {
+    const { size ='full' , ...rest } = props;
+    return /*#__PURE__*/ _react.default.createElement(_containerStyles.ContainerStyle, _extends({
+        $size: size,
+        ref: ref
+    }, rest));
+}
+const _default = /*#__PURE__*/ (0, _react.forwardRef)(Container);
+
+//# sourceMappingURL=Container.js.map

package/dist/cjs/container/src/Container.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/container/src/Container.tsx"],"sourcesContent":["import React, { ForwardedRef, forwardRef } from 'react'\nimport { ContainerStyle } from './ContainerStyles'\nimport { ContainerProps } from './types'\n\nfunction Container(props: ContainerProps, ref?: ForwardedRef<HTMLDivElement>) {\n  const { size = 'full', ...rest } = props\n\n  return <ContainerStyle $size={size} ref={ref} {...rest} />\n}\n\nexport default forwardRef(Container)\n"],"names":["Container","props","ref","size","rest","ContainerStyle","$size","forwardRef"],"mappings":"AAAA;;;;+BAUA,SAAoC;;aAApC,QAAoC;;;;6DAVY,OAAO;iCACxB,mBAAmB;AAGlD,SAASA,SAAS,CAACC,KAAqB,EAAEC,GAAkC,EAAE;IAC5E,MAAM,EAAEC,IAAI,EAAG,MAAM,CAAA,EAAE,GAAGC,IAAI,EAAE,GAAGH,KAAK;IAExC,qBAAO,6BAACI,gBAAc,eAAA;QAACC,KAAK,EAAEH,IAAI;QAAED,GAAG,EAAEA,GAAG;OAAME,IAAI,EAAI,CAAA;AAC5D,CAAC;MAED,QAAoC,iBAArBG,IAAAA,MAAU,WAAA,EAACP,SAAS,CAAC"}

package/dist/cjs/container/src/ContainerStyles.js

@@ -0,0 +1,48 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "ContainerStyle", {
+    enumerable: true,
+    get: ()=>ContainerStyle
+});
+const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+const _styledComponents = /*#__PURE__*/ _interopRequireWildcard(require("styled-components"));
+const sizes = {
+    full: (0, _styledComponents.css)`
+    max-width: 1424px;
+  `,
+    content: (0, _styledComponents.css)`
+    max-width: 960px;
+  `,
+    tight: (0, _styledComponents.css)`
+    max-width: 560px;
+  `
+};
+const ContainerStyle = _styledComponents.default.div`
+  box-sizing: border-box;
+  margin: 0 auto;
+  min-width: 320px;
+  width: 100%;
+  padding: 0 ${(param)=>{
+    let { theme  } = param;
+    return theme.spaceMap.xxl;
+}}px;
+
+  ${(param)=>{
+    let { theme  } = param;
+    return theme.mediaQueries.lg;
+}} {
+    padding: 0 ${(param)=>{
+    let { theme  } = param;
+    return theme.spaceMap.lg;
+}}px;
+  }
+
+  ${(param)=>{
+    let { $size  } = param;
+    return sizes[$size];
+}}
+`;
+
+//# sourceMappingURL=ContainerStyles.js.map

package/dist/cjs/container/src/ContainerStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/container/src/ContainerStyles.tsx"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { ContainerSizes } from './types'\n\nconst sizes = {\n  full: css`\n    max-width: 1424px;\n  `,\n  content: css`\n    max-width: 960px;\n  `,\n  tight: css`\n    max-width: 560px;\n  `,\n}\n\nexport const ContainerStyle = styled.div<{ $size: ContainerSizes }>`\n  box-sizing: border-box;\n  margin: 0 auto;\n  min-width: 320px;\n  width: 100%;\n  padding: 0 ${({ theme }) => theme.spaceMap.xxl}px;\n\n  ${({ theme }) => theme.mediaQueries.lg} {\n    padding: 0 ${({ theme }) => theme.spaceMap.lg}px;\n  }\n\n  ${({ $size }) => sizes[$size]}\n`\n"],"names":["ContainerStyle","sizes","full","css","content","tight","styled","div","theme","spaceMap","xxl","mediaQueries","lg","$size"],"mappings":"AAAA;;;;+BAeaA,gBAAc;;aAAdA,cAAc;;;wEAfC,mBAAmB;AAG/C,MAAMC,KAAK,GAAG;IACZC,IAAI,EAAEC,IAAAA,iBAAG,IAAA,CAAA,CAAC;;EAEV,CAAC;IACDC,OAAO,EAAED,IAAAA,iBAAG,IAAA,CAAA,CAAC;;EAEb,CAAC;IACDE,KAAK,EAAEF,IAAAA,iBAAG,IAAA,CAAA,CAAC;;EAEX,CAAC;CACF;AAEM,MAAMH,cAAc,GAAGM,iBAAM,QAAA,CAACC,GAAG,AAA2B,CAAC;;;;;aAKvD,EAAE,SAAeC;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACC,QAAQ,CAACC,GAAG;AAAD,CAAC,CAAC;;EAE/C,EAAE,SAAeF;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACG,YAAY,CAACC,EAAE;AAAD,CAAC,CAAC;eAC1B,EAAE,SAAeJ;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACC,QAAQ,CAACG,EAAE;AAAD,CAAC,CAAC;;;EAGhD,EAAE,SAAeX;QAAd,EAAEY,KAAK,CAAA,EAAE;WAAKZ,KAAK,CAACY,KAAK,CAAC;AAAD,CAAC,CAAC;AAChC,CAAC"}

package/dist/cjs/container/src/index.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "Container", {
+    enumerable: true,
+    get: ()=>_container.default
+});
+const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
+const _interopRequireDefault = require("@swc/helpers/lib/_interop_require_default.js").default;
+const _container = /*#__PURE__*/ _interopRequireDefault(require("./Container"));
+_exportStar(require("./types"), exports);
+
+//# sourceMappingURL=index.js.map

package/dist/cjs/container/src/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/container/src/index.ts"],"sourcesContent":["export { default as Container } from './Container'\nexport * from './types'\n"],"names":["Container"],"mappings":"AAAA;;;;+BAAoBA,WAAS;;aAATA,UAAS,QAAA;;;;gEAAQ,aAAa;oBACpC,SAAS"}

package/dist/cjs/container/src/types.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "ContainerSize", {
+    enumerable: true,
+    get: ()=>ContainerSize
+});
+var ContainerSize;
+(function(ContainerSize) {
+    ContainerSize[ContainerSize["full"] = 0] = "full";
+    ContainerSize[ContainerSize["content"] = 1] = "content";
+    ContainerSize[ContainerSize["tight"] = 2] = "tight";
+})(ContainerSize || (ContainerSize = {}));
+
+//# sourceMappingURL=types.js.map

package/dist/cjs/container/src/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/container/src/types.tsx"],"sourcesContent":["import { LidoComponentProps } from '@lidofinance/utils'\nexport type { Theme } from '@lidofinance/theme'\n\nexport enum ContainerSize {\n  full,\n  content,\n  tight,\n}\nexport type ContainerSizes = keyof typeof ContainerSize\n\nexport type ContainerProps = LidoComponentProps<\n  'div',\n  {\n    size?: ContainerSizes\n  }\n>\n"],"names":["ContainerSize","full","content","tight"],"mappings":"AAAA;;;;;;;;IAGO,aAIN;UAJWA,aAAa;IAAbA,aAAa,CAAbA,aAAa,CACvBC,MAAI,IAAJA,CAAI,IAAJA,MAAI;IADMD,aAAa,CAAbA,aAAa,CAEvBE,SAAO,IAAPA,CAAO,IAAPA,SAAO;IAFGF,aAAa,CAAbA,aAAa,CAGvBG,OAAK,IAALA,CAAK,IAALA,OAAK;GAHKH,aAAa,KAAbA,aAAa"}

package/dist/cjs/cookie-theme-toggler/src/constants.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    COOKIES_THEME_EXPIRES_DAYS: ()=>COOKIES_THEME_EXPIRES_DAYS,
+    COOKIE_THEME_MANUAL_KEY: ()=>COOKIE_THEME_MANUAL_KEY
+});
+const COOKIES_THEME_EXPIRES_DAYS = 365;
+const COOKIE_THEME_MANUAL_KEY = 'lido-theme-manual';
+
+//# sourceMappingURL=constants.js.map

package/dist/cjs/cookie-theme-toggler/src/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/cookie-theme-toggler/src/constants.ts"],"sourcesContent":["export const COOKIES_THEME_EXPIRES_DAYS = 365\n\nexport const COOKIE_THEME_MANUAL_KEY = 'lido-theme-manual'\n"],"names":["COOKIES_THEME_EXPIRES_DAYS","COOKIE_THEME_MANUAL_KEY"],"mappings":"AAAA;;;;;;;;;;;IAAaA,0BAA0B,MAA1BA,0BAA0B;IAE1BC,uBAAuB,MAAvBA,uBAAuB;;AAF7B,MAAMD,0BAA0B,GAAG,GAAG;AAEtC,MAAMC,uBAAuB,GAAG,mBAAmB"}

package/dist/cjs/cookie-theme-toggler/src/cookie-theme-provider.js

@@ -0,0 +1,66 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    ThemeToggleContext: ()=>ThemeToggleContext,
+    CookieThemeProvider: ()=>CookieThemeProvider
+});
+const _react = require("react");
+const _theme = require("../../theme/src/index");
+const _utils = require("./utils");
+const _elementThemeScript = require("../../theme/src/document-head-contents/element-theme-script");
+const themeMap = {
+    light: _theme.themeLight,
+    dark: _theme.themeDark
+};
+const ThemeToggleContext = /*#__PURE__*/ (0, _react.createContext)({});
+const CookieThemeProvider = (param)=>{
+    let { children , initialTheme , // overrideTheme is mainly used for storybook
+    overrideTheme ,  } = param;
+    const [themeName, setThemeName] = (0, _react.useState)(initialTheme || _theme.DEFAULT_THEME_NAME);
+    // Noticing browser preferences on hydration
+    // Reacting to changing preferences
+    (0, _react.useEffect)(()=>{
+        if (typeof window === 'undefined') {
+            return;
+        }
+        (0, _theme.initColors)();
+        const mql = window.matchMedia('(prefers-color-scheme: dark)');
+        const setTheme = ()=>{
+            const systemThemeName = mql.matches ? _theme.DARK : _theme.LIGHT;
+            const themeNameCookie = (0, _utils.getThemeNameFromCookies)();
+            setThemeName(overrideTheme || themeNameCookie || initialTheme || systemThemeName || _theme.DEFAULT_THEME_NAME);
+        };
+        mql.addEventListener('change', setTheme);
+        setTheme();
+    }, [
+        initialTheme,
+        overrideTheme
+    ]);
+    const value = (0, _react.useMemo)(()=>({
+            themeName,
+            toggleTheme () {
+                setThemeName((themeName)=>{
+                    const newThemeName = themeName === _theme.THEME.light ? _theme.THEME.dark : _theme.THEME.light;
+                    (0, _elementThemeScript.updateGlobalTheme)(newThemeName);
+                    return newThemeName;
+                });
+            }
+        }), [
+        themeName
+    ]);
+    return /*#__PURE__*/ React.createElement(ThemeToggleContext.Provider, {
+        value: value
+    }, /*#__PURE__*/ React.createElement(_theme.ThemeProvider, {
+        theme: themeMap[themeName]
+    }, children));
+};
+
+//# sourceMappingURL=cookie-theme-provider.js.map

package/dist/cjs/cookie-theme-toggler/src/cookie-theme-provider.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/cookie-theme-toggler/src/cookie-theme-provider.tsx"],"sourcesContent":["import {\n  createContext,\n  FC,\n  PropsWithChildren,\n  useEffect,\n  useMemo,\n  useState,\n} from 'react'\nimport {\n  DARK,\n  DEFAULT_THEME_NAME,\n  LIGHT,\n  Theme,\n  THEME,\n  themeDark,\n  themeLight,\n  ThemeProvider,\n} from '@lidofinance/theme'\nimport { getThemeNameFromCookies } from './utils'\nimport { initColors } from '@lidofinance/theme'\nimport { updateGlobalTheme } from '../../theme/src/document-head-contents/element-theme-script'\n\nconst themeMap: Record<THEME, Theme> = {\n  light: themeLight,\n  dark: themeDark,\n}\n\nexport type ThemeContext = {\n  toggleTheme: () => void\n  themeName: THEME\n}\n\nexport const ThemeToggleContext = createContext({} as ThemeContext)\n\nexport type ThemeProviderProps = {\n  // Use themeNameParent if you need get cookie in SSR\n  initialTheme?: THEME\n  overrideTheme?: THEME\n}\n\nexport const CookieThemeProvider: FC<PropsWithChildren<ThemeProviderProps>> = ({\n  children,\n  initialTheme,\n  // overrideTheme is mainly used for storybook\n  overrideTheme,\n}) => {\n  const [themeName, setThemeName] = useState<THEME>(\n    initialTheme || DEFAULT_THEME_NAME\n  )\n\n  // Noticing browser preferences on hydration\n  // Reacting to changing preferences\n  useEffect(() => {\n    if (typeof window === 'undefined') {\n      return\n    }\n    initColors()\n    const mql = window.matchMedia('(prefers-color-scheme: dark)')\n    const setTheme = () => {\n      const systemThemeName = mql.matches ? (DARK as THEME) : (LIGHT as THEME)\n      const themeNameCookie = getThemeNameFromCookies()\n      setThemeName(\n        overrideTheme ||\n          themeNameCookie ||\n          initialTheme ||\n          systemThemeName ||\n          DEFAULT_THEME_NAME\n      )\n    }\n    mql.addEventListener('change', setTheme)\n    setTheme()\n  }, [initialTheme, overrideTheme])\n\n  const value = useMemo(\n    () => ({\n      themeName,\n      toggleTheme() {\n        setThemeName((themeName) => {\n          const newThemeName =\n            themeName === THEME.light ? THEME.dark : THEME.light\n          updateGlobalTheme(newThemeName)\n          return newThemeName\n        })\n      },\n    }),\n    [themeName]\n  )\n\n  return (\n    <ThemeToggleContext.Provider value={value}>\n      <ThemeProvider theme={themeMap[themeName]}>{children}</ThemeProvider>\n    </ThemeToggleContext.Provider>\n  )\n}\n"],"names":["ThemeToggleContext","CookieThemeProvider","themeMap","light","themeLight","dark","themeDark","createContext","children","initialTheme","overrideTheme","themeName","setThemeName","useState","DEFAULT_THEME_NAME","useEffect","window","initColors","mql","matchMedia","setTheme","systemThemeName","matches","DARK","LIGHT","themeNameCookie","getThemeNameFromCookies","addEventListener","value","useMemo","toggleTheme","newThemeName","THEME","updateGlobalTheme","Provider","ThemeProvider","theme"],"mappings":"AAAA;;;;;;;;;;;IAgCaA,kBAAkB,MAAlBA,kBAAkB;IAQlBC,mBAAmB,MAAnBA,mBAAmB;;uBAjCzB,OAAO;uBAUP,uBAAoB;uBACa,SAAS;oCAEf,6DAA6D;AAE/F,MAAMC,QAAQ,GAAyB;IACrCC,KAAK,EAAEC,MAAU,WAAA;IACjBC,IAAI,EAAEC,MAAS,UAAA;CAChB;AAOM,MAAMN,kBAAkB,iBAAGO,IAAAA,MAAa,cAAA,EAAC,EAAE,CAAiB;AAQ5D,MAAMN,mBAAmB,GAA8C,SAKxE;QALyE,EAC7EO,QAAQ,CAAA,EACRC,YAAY,CAAA,EACZ,6CAA6C;IAC7CC,aAAa,CAAA,IACd;IACC,MAAM,CAACC,SAAS,EAAEC,YAAY,CAAC,GAAGC,IAAAA,MAAQ,SAAA,EACxCJ,YAAY,IAAIK,MAAkB,mBAAA,CACnC;IAED,4CAA4C;IAC5C,mCAAmC;IACnCC,IAAAA,MAAS,UAAA,EAAC,IAAM;QACd,IAAI,OAAOC,MAAM,KAAK,WAAW,EAAE;YACjC,OAAM;QACR,CAAC;QACDC,IAAAA,MAAU,WAAA,GAAE;QACZ,MAAMC,GAAG,GAAGF,MAAM,CAACG,UAAU,CAAC,8BAA8B,CAAC;QAC7D,MAAMC,QAAQ,GAAG,IAAM;YACrB,MAAMC,eAAe,GAAGH,GAAG,CAACI,OAAO,GAAIC,MAAI,KAAA,GAAcC,MAAK,MAAA,AAAU;YACxE,MAAMC,eAAe,GAAGC,IAAAA,MAAuB,wBAAA,GAAE;YACjDd,YAAY,CACVF,aAAa,IACXe,eAAe,IACfhB,YAAY,IACZY,eAAe,IACfP,MAAkB,mBAAA,CACrB;QACH,CAAC;QACDI,GAAG,CAACS,gBAAgB,CAAC,QAAQ,EAAEP,QAAQ,CAAC;QACxCA,QAAQ,EAAE;IACZ,CAAC,EAAE;QAACX,YAAY;QAAEC,aAAa;KAAC,CAAC;IAEjC,MAAMkB,KAAK,GAAGC,IAAAA,MAAO,QAAA,EACnB,IAAM,CAAC;YACLlB,SAAS;YACTmB,WAAW,IAAG;gBACZlB,YAAY,CAAC,CAACD,SAAS,GAAK;oBAC1B,MAAMoB,YAAY,GAChBpB,SAAS,KAAKqB,MAAK,MAAA,CAAC7B,KAAK,GAAG6B,MAAK,MAAA,CAAC3B,IAAI,GAAG2B,MAAK,MAAA,CAAC7B,KAAK;oBACtD8B,IAAAA,mBAAiB,kBAAA,EAACF,YAAY,CAAC;oBAC/B,OAAOA,YAAY,CAAA;gBACrB,CAAC,CAAC;YACJ,CAAC;SACF,CAAC,EACF;QAACpB,SAAS;KAAC,CACZ;IAED,qBACE,oBAACX,kBAAkB,CAACkC,QAAQ;QAACN,KAAK,EAAEA,KAAK;qBACvC,oBAACO,MAAa,cAAA;QAACC,KAAK,EAAElC,QAAQ,CAACS,SAAS,CAAC;OAAGH,QAAQ,CAAiB,CACzC,CAC/B;AACH,CAAC"}

package/dist/cjs/cookie-theme-toggler/src/cookie-theme-toggler.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "ThemeToggler", {
+    enumerable: true,
+    get: ()=>ThemeToggler
+});
+const _icons = require("../../icons/src/index");
+const _styles = require("./styles");
+const _hooks = require("./hooks");
+const ThemeToggler = ()=>{
+    const { toggleTheme , themeName  } = (0, _hooks.useThemeToggle)();
+    return /*#__PURE__*/ React.createElement(_styles.CookieThemeTogglerStyle, {
+        color: "secondary",
+        onClick: toggleTheme
+    }, themeName === 'dark' ? /*#__PURE__*/ React.createElement(_icons.Light, null) : /*#__PURE__*/ React.createElement(_icons.Dark, null));
+};
+
+//# sourceMappingURL=cookie-theme-toggler.js.map

package/dist/cjs/cookie-theme-toggler/src/cookie-theme-toggler.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/cookie-theme-toggler/src/cookie-theme-toggler.tsx"],"sourcesContent":["import { FC } from 'react'\nimport { Dark, Light } from '@lidofinance/icons'\nimport { CookieThemeTogglerStyle } from './styles'\nimport { useThemeToggle } from './hooks'\n\nexport const ThemeToggler: FC = () => {\n  const { toggleTheme, themeName } = useThemeToggle()\n\n  return (\n    <CookieThemeTogglerStyle color='secondary' onClick={toggleTheme}>\n      {themeName === 'dark' ? <Light /> : <Dark />}\n    </CookieThemeTogglerStyle>\n  )\n}\n"],"names":["ThemeToggler","toggleTheme","themeName","useThemeToggle","CookieThemeTogglerStyle","color","onClick","Light","Dark"],"mappings":"AAAA;;;;+BAKaA,cAAY;;aAAZA,YAAY;;uBAJG,uBAAoB;wBACR,UAAU;uBACnB,SAAS;AAEjC,MAAMA,YAAY,GAAO,IAAM;IACpC,MAAM,EAAEC,WAAW,CAAA,EAAEC,SAAS,CAAA,EAAE,GAAGC,IAAAA,MAAc,eAAA,GAAE;IAEnD,qBACE,oBAACC,OAAuB,wBAAA;QAACC,KAAK,EAAC,WAAW;QAACC,OAAO,EAAEL,WAAW;OAC5DC,SAAS,KAAK,MAAM,iBAAG,oBAACK,MAAK,MAAA,OAAG,iBAAG,oBAACC,MAAI,KAAA,OAAG,CACpB,CAC3B;AACH,CAAC"}

package/dist/cjs/cookie-theme-toggler/src/hooks.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useThemeToggle", {
+    enumerable: true,
+    get: ()=>useThemeToggle
+});
+const _react = require("react");
+const _cookieThemeProvider = require("./cookie-theme-provider");
+const useThemeToggle = ()=>{
+    return (0, _react.useContext)(_cookieThemeProvider.ThemeToggleContext);
+};
+
+//# sourceMappingURL=hooks.js.map

package/dist/cjs/cookie-theme-toggler/src/hooks.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/cookie-theme-toggler/src/hooks.ts"],"sourcesContent":["import { useContext } from 'react'\nimport { ThemeToggleContext, ThemeContext } from './cookie-theme-provider'\n\nexport const useThemeToggle = (): ThemeContext => {\n  return useContext(ThemeToggleContext)\n}\n"],"names":["useThemeToggle","useContext","ThemeToggleContext"],"mappings":"AAAA;;;;+BAGaA,gBAAc;;aAAdA,cAAc;;uBAHA,OAAO;qCACe,yBAAyB;AAEnE,MAAMA,cAAc,GAAG,IAAoB;IAChD,OAAOC,IAAAA,MAAU,WAAA,EAACC,oBAAkB,mBAAA,CAAC,CAAA;AACvC,CAAC"}

package/dist/cjs/cookie-theme-toggler/src/index.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
+_exportStar(require("./cookie-theme-provider"), exports);
+_exportStar(require("./cookie-theme-toggler"), exports);
+_exportStar(require("./hooks"), exports);
+
+//# sourceMappingURL=index.js.map

package/dist/cjs/cookie-theme-toggler/src/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/cookie-theme-toggler/src/index.ts"],"sourcesContent":["export * from './cookie-theme-provider'\nexport * from './cookie-theme-toggler'\nexport * from './hooks'\n"],"names":[],"mappings":"AAAA;;;;;oBAAc,yBAAyB;oBACzB,wBAAwB;oBACxB,SAAS"}

package/dist/cjs/cookie-theme-toggler/src/styles.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "CookieThemeTogglerStyle", {
+    enumerable: true,
+    get: ()=>CookieThemeTogglerStyle
+});
+const _interopRequireDefault = require("@swc/helpers/lib/_interop_require_default.js").default;
+const _styledComponents = /*#__PURE__*/ _interopRequireDefault(require("styled-components"));
+const _button = require("../../button/src/index");
+const CookieThemeTogglerStyle = (0, _styledComponents.default)(_button.Button).attrs({
+    variant: 'text',
+    size: 'xs'
+})`
+  min-width: 0;
+  margin-left: ${(param)=>{
+    let { theme  } = param;
+    return theme.spaceMap.sm;
+}}px;
+  padding-left: 10px;
+  padding-right: 10px;
+  line-height: 0;
+  font-size: 0;
+`;
+
+//# sourceMappingURL=styles.js.map

package/dist/cjs/cookie-theme-toggler/src/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/cookie-theme-toggler/src/styles.tsx"],"sourcesContent":["import styled from 'styled-components'\nimport { Button } from '@lidofinance/button'\n\nexport const CookieThemeTogglerStyle = styled(Button).attrs({\n  variant: 'text',\n  size: 'xs',\n})`\n  min-width: 0;\n  margin-left: ${({ theme }) => theme.spaceMap.sm}px;\n  padding-left: 10px;\n  padding-right: 10px;\n  line-height: 0;\n  font-size: 0;\n`\n"],"names":["CookieThemeTogglerStyle","styled","Button","attrs","variant","size","theme","spaceMap","sm"],"mappings":"AAAA;;;;+BAGaA,yBAAuB;;aAAvBA,uBAAuB;;;uEAHjB,mBAAmB;wBACf,wBAAqB;AAErC,MAAMA,uBAAuB,GAAGC,IAAAA,iBAAM,QAAA,EAACC,OAAM,OAAA,CAAC,CAACC,KAAK,CAAC;IAC1DC,OAAO,EAAE,MAAM;IACfC,IAAI,EAAE,IAAI;CACX,CAAC,CAAC;;eAEY,EAAE,SAAeC;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACC,QAAQ,CAACC,EAAE;AAAD,CAAC,CAAC;;;;;AAKlD,CAAC"}