cakeinpanic-ui 1.0.0

package/dist/esm/chart-proportion/ChartProportionStyles.mjs

@@ -0,0 +1,119 @@
+import styled from '../utils/styled-components-wrapper.mjs';
+import { ChartProportionBorderType } from './types.mjs';
+import { css } from 'styled-components';
+
+const WrapperStyle = styled.div`
+  display: flex;
+  width: 100%;
+  height: ${_ref => {
+  let {
+    $height
+  } = _ref;
+  return $height;
+}}px;
+  position: relative;
+`;
+const borderSizes = {
+  sm: '2px',
+  md: '4px',
+  lg: '8px'
+};
+const marginSizes = {
+  sm: '2px',
+  md: '4px',
+  lg: '8px'
+};
+const ProportionStyle = styled.div`
+  background: rgb(19 18 23 / 4%);
+  flex-grow: ${_ref2 => {
+  let {
+    $flexGrow
+  } = _ref2;
+  return $flexGrow;
+}};
+  height: 100%;
+  position: relative;
+
+  ${_ref3 => {
+  let {
+    $border,
+    $borderSize
+  } = _ref3;
+  if ($border === ChartProportionBorderType.rounded) {
+    return css`
+        border-radius: ${borderSizes[$borderSize]};
+      `;
+  }
+  return css``;
+}}
+
+  &:not(:last-child) {
+    ${_ref4 => {
+  let {
+    $margin
+  } = _ref4;
+  return css`
+        margin-right: ${marginSizes[$margin]};
+      `;
+}}
+  }
+`;
+const ProportionProgressStyle = styled.div`
+  background-color: ${_ref5 => {
+  let {
+    $backgroundColor
+  } = _ref5;
+  return $backgroundColor ? $backgroundColor : 'transparent';
+}};
+  height: 100%;
+  width: ${_ref6 => {
+  let {
+    $progress
+  } = _ref6;
+  return $progress;
+}}%;
+  position: relative;
+
+  ${_ref7 => {
+  let {
+    $border,
+    $borderSize,
+    $progress
+  } = _ref7;
+  if ($border === ChartProportionBorderType.rounded) {
+    if ($progress !== 100) {
+      return css`
+          border-radius: ${borderSizes[$borderSize]} 0 0
+            ${borderSizes[$borderSize]};
+        `;
+    }
+    return css`
+        border-radius: ${borderSizes[$borderSize]};
+      `;
+  }
+  return css``;
+}}
+`;
+const ProportionProgressLineStyle = styled.div`
+  position: absolute;
+  right: 0;
+  background-color: #273852;
+  height: calc(100% + 2px);
+  top: -1px;
+  bottom: -1px;
+  width: 2px;
+  margin-left: auto;
+  border-radius: 2px;
+`;
+const ProportionLabelStyle = styled.div`
+  position: absolute;
+  top: -22px;
+  right: 0;
+  white-space: nowrap;
+  font-size: 10px;
+  line-height: 20px;
+  color: #7a8aa0;
+`;
+
+export { ProportionLabelStyle, ProportionProgressLineStyle, ProportionProgressStyle, ProportionStyle, WrapperStyle };
+//# sourceMappingURL=ChartProportionStyles.mjs.map

package/dist/esm/chart-proportion/ChartProportionStyles.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartProportionStyles.mjs","sources":["../../../src/chart-proportion/ChartProportionStyles.tsx"],"sourcesContent":["import styled, { css } from '../utils/styled-components-wrapper.js'\nimport {\n  ChartProportionBorderSize,\n  ChartProportionBorderType,\n  MarginSize,\n} from './types.js'\n\nexport const WrapperStyle = styled.div<{\n  $height: number\n}>`\n  display: flex;\n  width: 100%;\n  height: ${({ $height }) => $height}px;\n  position: relative;\n`\n\nconst borderSizes = {\n  sm: '2px',\n  md: '4px',\n  lg: '8px',\n}\n\nconst marginSizes = {\n  sm: '2px',\n  md: '4px',\n  lg: '8px',\n}\n\nexport const ProportionStyle = styled.div<{\n  $border: ChartProportionBorderType\n  $borderSize: ChartProportionBorderSize\n  $margin: MarginSize\n  $flexGrow: number\n  $backgroundColor?: string\n}>`\n  background: rgb(19 18 23 / 4%);\n  flex-grow: ${({ $flexGrow }) => $flexGrow};\n  height: 100%;\n  position: relative;\n\n  ${({ $border, $borderSize }) => {\n    if ($border === ChartProportionBorderType.rounded) {\n      return css`\n        border-radius: ${borderSizes[$borderSize]};\n      `\n    }\n    return css``\n  }}\n\n  &:not(:last-child) {\n    ${({ $margin }) => {\n      return css`\n        margin-right: ${marginSizes[$margin]};\n      `\n    }}\n  }\n`\n\nexport const ProportionProgressStyle = styled.div<{\n  $progress: number\n  $backgroundColor?: string\n  $border: ChartProportionBorderType\n  $borderSize: ChartProportionBorderSize\n}>`\n  background-color: ${({ $backgroundColor }) =>\n    $backgroundColor ? $backgroundColor : 'transparent'};\n  height: 100%;\n  width: ${({ $progress }) => $progress}%;\n  position: relative;\n\n  ${({ $border, $borderSize, $progress }) => {\n    if ($border === ChartProportionBorderType.rounded) {\n      if ($progress !== 100) {\n        return css`\n          border-radius: ${borderSizes[$borderSize]} 0 0\n            ${borderSizes[$borderSize]};\n        `\n      }\n      return css`\n        border-radius: ${borderSizes[$borderSize]};\n      `\n    }\n\n    return css``\n  }}\n`\n\nexport const ProportionProgressLineStyle = styled.div`\n  position: absolute;\n  right: 0;\n  background-color: #273852;\n  height: calc(100% + 2px);\n  top: -1px;\n  bottom: -1px;\n  width: 2px;\n  margin-left: auto;\n  border-radius: 2px;\n`\nexport const ProportionLabelStyle = styled.div`\n  position: absolute;\n  top: -22px;\n  right: 0;\n  white-space: nowrap;\n  font-size: 10px;\n  line-height: 20px;\n  color: #7a8aa0;\n`\n"],"names":["WrapperStyle","styled","div","_ref","$height","borderSizes","sm","md","lg","marginSizes","ProportionStyle","_ref2","$flexGrow","_ref3","$border","$borderSize","ChartProportionBorderType","rounded","css","_ref4","$margin","ProportionProgressStyle","_ref5","$backgroundColor","_ref6","$progress","_ref7","ProportionProgressLineStyle","ProportionLabelStyle"],"mappings":"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"}

package/dist/esm/chart-proportion/types.mjs

@@ -0,0 +1,20 @@
+let ChartProportionBorderType = /*#__PURE__*/function (ChartProportionBorderType) {
+  ChartProportionBorderType["rounded"] = "rounded";
+  ChartProportionBorderType["square"] = "square";
+  return ChartProportionBorderType;
+}({});
+let ChartProportionBorderSize = /*#__PURE__*/function (ChartProportionBorderSize) {
+  ChartProportionBorderSize["sm"] = "sm";
+  ChartProportionBorderSize["md"] = "md";
+  ChartProportionBorderSize["lg"] = "lg";
+  return ChartProportionBorderSize;
+}({});
+let MarginSize = /*#__PURE__*/function (MarginSize) {
+  MarginSize["sm"] = "sm";
+  MarginSize["md"] = "md";
+  MarginSize["lg"] = "lg";
+  return MarginSize;
+}({});
+
+export { ChartProportionBorderSize, ChartProportionBorderType, MarginSize };
+//# sourceMappingURL=types.mjs.map

package/dist/esm/chart-proportion/types.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.mjs","sources":["../../../src/chart-proportion/types.tsx"],"sourcesContent":["import { LidoComponentProps } from '../utils/index.js'\nexport type { Theme } from '../theme/index.js'\n\nexport enum ChartProportionBorderType {\n  rounded = 'rounded',\n  square = 'square',\n}\nexport type ChartProportionBorderTypes = keyof typeof ChartProportionBorderType\n\nexport enum ChartProportionBorderSize {\n  sm = 'sm',\n  md = 'md',\n  lg = 'lg',\n}\nexport type ChartProportionBorderSizes = keyof typeof ChartProportionBorderSize\n\nexport enum MarginSize {\n  sm = 'sm',\n  md = 'md',\n  lg = 'lg',\n}\nexport type MarginSizes = keyof typeof MarginSize\n\nexport type ChartProportionConfig = {\n  height: number\n  border: ChartProportionBorderType\n  borderSize: ChartProportionBorderSize\n  margin: MarginSize\n  showLabels?: boolean\n  loading?: boolean\n  data: ChartProportionData[]\n}\n\nexport type ChartProportionData = {\n  show?: boolean\n  color?: string\n  value: number\n  progress: number\n  label?: string\n}\n\nexport type ChartProportionProps = LidoComponentProps<\n  'div',\n  ChartProportionConfig\n>\n"],"names":["ChartProportionBorderType","ChartProportionBorderSize","MarginSize"],"mappings":"AAGYA,IAAAA,yBAAyB,0BAAzBA,yBAAyB,EAAA;EAAzBA,yBAAyB,CAAA,SAAA,CAAA,GAAA,SAAA,CAAA;EAAzBA,yBAAyB,CAAA,QAAA,CAAA,GAAA,QAAA,CAAA;AAAA,EAAA,OAAzBA,yBAAyB,CAAA;AAAA,CAAA,CAAA,EAAA,EAAA;AAMzBC,IAAAA,yBAAyB,0BAAzBA,yBAAyB,EAAA;EAAzBA,yBAAyB,CAAA,IAAA,CAAA,GAAA,IAAA,CAAA;EAAzBA,yBAAyB,CAAA,IAAA,CAAA,GAAA,IAAA,CAAA;EAAzBA,yBAAyB,CAAA,IAAA,CAAA,GAAA,IAAA,CAAA;AAAA,EAAA,OAAzBA,yBAAyB,CAAA;AAAA,CAAA,CAAA,EAAA,EAAA;AAOzBC,IAAAA,UAAU,0BAAVA,UAAU,EAAA;EAAVA,UAAU,CAAA,IAAA,CAAA,GAAA,IAAA,CAAA;EAAVA,UAAU,CAAA,IAAA,CAAA,GAAA,IAAA,CAAA;EAAVA,UAAU,CAAA,IAAA,CAAA,GAAA,IAAA,CAAA;AAAA,EAAA,OAAVA,UAAU,CAAA;AAAA,CAAA,CAAA,EAAA;;;;"}

package/dist/esm/checkbox/Checkbox.mjs

@@ -0,0 +1,39 @@
+import { forwardRef } from 'react';
+import { CheckboxWrapperStyle, CheckboxInputStyle, CheckboxIconStyle } from './CheckboxStyles.mjs';
+import { Text } from '../text/Text.mjs';
+import { Box } from '../box/Box.mjs';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+const Checkbox = /*#__PURE__*/forwardRef((_ref, inputRef) => {
+  let {
+    className,
+    style,
+    wrapperRef,
+    disabled,
+    children,
+    label,
+    ...rest
+  } = _ref;
+  return /*#__PURE__*/jsxs(CheckboxWrapperStyle, {
+    className: className,
+    style: style,
+    ref: wrapperRef,
+    children: [/*#__PURE__*/jsx(CheckboxInputStyle, {
+      type: "checkbox",
+      disabled: disabled,
+      ref: inputRef,
+      ...rest
+    }), /*#__PURE__*/jsx(CheckboxIconStyle, {}), label && /*#__PURE__*/jsx(Box, {
+      ml: 8,
+      children: /*#__PURE__*/jsx(Text, {
+        size: "xxs",
+        color: disabled ? 'secondary' : 'default',
+        children: label
+      })
+    })]
+  });
+});
+Checkbox.displayName = 'Checkbox';
+
+export { Checkbox };
+//# sourceMappingURL=Checkbox.mjs.map

package/dist/esm/checkbox/Checkbox.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.mjs","sources":["../../../src/checkbox/Checkbox.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport { CheckboxProps } from './types.js'\nimport {\n  CheckboxWrapperStyle,\n  CheckboxInputStyle,\n  CheckboxIconStyle,\n} from './CheckboxStyles.js'\nimport { Text } from '../text/index.js'\nimport { Box } from '../box/index.js'\n\nexport const Checkbox = forwardRef(\n  (\n    {\n      className,\n      style,\n      wrapperRef,\n      disabled,\n      children,\n      label,\n      ...rest\n    }: CheckboxProps,\n    inputRef?: ForwardedRef<HTMLInputElement>,\n  ) => {\n    return (\n      <CheckboxWrapperStyle\n        className={className}\n        style={style}\n        ref={wrapperRef}\n      >\n        <CheckboxInputStyle\n          type='checkbox'\n          disabled={disabled}\n          ref={inputRef}\n          {...rest}\n        />\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)\nCheckbox.displayName = 'Checkbox'\n"],"names":["Checkbox","forwardRef","_ref","inputRef","className","style","wrapperRef","disabled","children","label","rest","_jsxs","CheckboxWrapperStyle","ref","_jsx","CheckboxInputStyle","type","CheckboxIconStyle","Box","ml","Text","size","color","displayName"],"mappings":";;;;;;AAUO,MAAMA,QAAQ,gBAAGC,UAAU,CAChC,CAAAC,IAAA,EAUEC,QAAyC,KACtC;EAAA,IAVH;IACEC,SAAS;IACTC,KAAK;IACLC,UAAU;IACVC,QAAQ;IACRC,QAAQ;IACRC,KAAK;IACL,GAAGC,IAAAA;AACU,GAAC,GAAAR,IAAA,CAAA;EAGhB,oBACES,IAAA,CAACC,oBAAoB,EAAA;AACnBR,IAAAA,SAAS,EAAEA,SAAU;AACrBC,IAAAA,KAAK,EAAEA,KAAM;AACbQ,IAAAA,GAAG,EAAEP,UAAW;IAAAE,QAAA,EAAA,cAEhBM,GAAA,CAACC,kBAAkB,EAAA;AACjBC,MAAAA,IAAI,EAAC,UAAU;AACfT,MAAAA,QAAQ,EAAEA,QAAS;AACnBM,MAAAA,GAAG,EAAEV,QAAS;MAAA,GACVO,IAAAA;AAAI,KACT,CAAC,eACFI,GAAA,CAACG,iBAAiB,EAAA,EAAE,CAAC,EACpBR,KAAK,iBACJK,GAAA,CAACI,GAAG,EAAA;AAACC,MAAAA,EAAE,EAAE,CAAE;MAAAX,QAAA,eACTM,GAAA,CAACM,IAAI,EAAA;AAACC,QAAAA,IAAI,EAAC,KAAK;AAACC,QAAAA,KAAK,EAAEf,QAAQ,GAAG,WAAW,GAAG,SAAU;AAAAC,QAAAA,QAAA,EACxDC,KAAAA;OACG,CAAA;AAAC,KACJ,CACN,CAAA;AAAA,GACmB,CAAC,CAAA;AAE3B,CACF,EAAC;AACDT,QAAQ,CAACuB,WAAW,GAAG,UAAU;;;;"}

package/dist/esm/checkbox/CheckboxStyles.mjs

@@ -0,0 +1,69 @@
+import styled from '../utils/styled-components-wrapper.mjs';
+import { Check } from '../icons/index.mjs';
+
+const CheckboxWrapperStyle = styled.label`
+  flex-shrink: 0;
+  display: inline-flex;
+  position: relative;
+  overflow: hidden;
+  line-height: 0;
+  align-items: center;
+`;
+const CheckboxIconStyle = styled(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 = styled.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);
+  }
+`;
+
+export { CheckboxIconStyle, CheckboxInputStyle, CheckboxWrapperStyle };
+//# sourceMappingURL=CheckboxStyles.mjs.map

package/dist/esm/checkbox/CheckboxStyles.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxStyles.mjs","sources":["../../../src/checkbox/CheckboxStyles.tsx"],"sourcesContent":["import styled from '../utils/styled-components-wrapper.js'\nimport { Check } from '../icons/index.js'\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:\n    box-shadow 0.1s ease,\n    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","styled","label","CheckboxIconStyle","Check","CheckboxInputStyle","input"],"mappings":";;;AAGaA,MAAAA,oBAAoB,GAAGC,MAAM,CAACC,KAAK,CAAA;AAChD;AACA;AACA;AACA;AACA;AACA;AACA,EAAC;MAEYC,iBAAiB,GAAGF,MAAM,CAACG,KAAK,CAAC,CAAA;AAC9C;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAC;AAEYC,MAAAA,kBAAkB,GAAGJ,MAAM,CAACK,KAAK,CAAA;AAC9C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,+CAAA,EAAiDH,iBAAiB,CAAA;AAClE;AACA;AACA;AACA,MAAA,EAAQA,iBAAiB,CAAA;AACzB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,cAAA,EAAgBA,iBAAiB,CAAA;AACjC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,eAAA,EAAiBA,iBAAiB,CAAA;AAClC;AACA;AACA;AACA;AACA,oBAAA,EAAsBA,iBAAiB,CAAA;AACvC;AACA;AACA;AACA,4BAAA,EAA8BA,iBAAiB,CAAA;AAC/C;AACA;AACA;;;;"}

package/dist/esm/chip/Chip.mjs

@@ -0,0 +1,24 @@
+import { forwardRef } from 'react';
+import { ChipWrapperStyle } from './ChipStyles.mjs';
+import { jsx } from 'react/jsx-runtime';
+
+const Chip = /*#__PURE__*/forwardRef((_ref, ref) => {
+  let {
+    children,
+    onClick,
+    variant = 'positive',
+    ...rest
+  } = _ref;
+  return /*#__PURE__*/jsx(ChipWrapperStyle, {
+    $interactive: !!onClick,
+    $variant: variant,
+    onClick: onClick,
+    ...rest,
+    ref: ref,
+    children: children
+  });
+});
+Chip.displayName = 'Chip';
+
+export { Chip };
+//# sourceMappingURL=Chip.mjs.map

package/dist/esm/chip/Chip.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chip.mjs","sources":["../../../src/chip/Chip.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport { ChipProps } from './types.js'\nimport { ChipWrapperStyle } from './ChipStyles.js'\n\nexport const Chip = forwardRef(\n  (\n    { children, onClick, variant = 'positive', ...rest }: ChipProps,\n    ref?: ForwardedRef<HTMLInputElement>,\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)\nChip.displayName = 'Chip'\n"],"names":["Chip","forwardRef","_ref","ref","children","onClick","variant","rest","_jsx","ChipWrapperStyle","$interactive","$variant","displayName"],"mappings":";;;;AAIO,MAAMA,IAAI,gBAAGC,UAAU,CAC5B,CAAAC,IAAA,EAEEC,GAAoC,KACjC;EAAA,IAFH;IAAEC,QAAQ;IAAEC,OAAO;AAAEC,IAAAA,OAAO,GAAG,UAAU;IAAE,GAAGC,IAAAA;AAAgB,GAAC,GAAAL,IAAA,CAAA;EAG/D,oBACEM,GAAA,CAACC,gBAAgB,EAAA;IACfC,YAAY,EAAE,CAAC,CAACL,OAAQ;AACxBM,IAAAA,QAAQ,EAAEL,OAAQ;AAClBD,IAAAA,OAAO,EAAEA,OAAQ;AAAA,IAAA,GACbE,IAAI;AACRJ,IAAAA,GAAG,EAAEA,GAAI;AAAAC,IAAAA,QAAA,EAERA,QAAAA;AAAQ,GACO,CAAC,CAAA;AAEvB,CACF,EAAC;AACDJ,IAAI,CAACY,WAAW,GAAG,MAAM;;;;"}

package/dist/esm/chip/ChipStyles.mjs

@@ -0,0 +1,53 @@
+import styled from '../utils/styled-components-wrapper.mjs';
+import { css } from 'styled-components';
+
+const ChipVariantsStyle = {
+  positive: css`
+    background: var(--lido-color-success);
+    color: var(--lido-color-foreground);
+  `,
+  negative: css`
+    background: var(--lido-color-error);
+    color: var(--lido-color-foreground);
+  `,
+  gray: css`
+    background: var(--lido-color-shadowLight);
+    color: var(--lido-color-textSecondary);
+  `,
+  warning: css`
+    background: var(--lido-color-warning);
+    color: var(--lido-color-foreground);
+  `
+};
+const ChipWrapperStyle = styled.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: ${_ref => {
+  let {
+    theme
+  } = _ref;
+  return theme.borderRadiusesMap.xs;
+}}px;
+  padding: 0.2em 0.4em;
+  cursor: ${_ref2 => {
+  let {
+    $interactive
+  } = _ref2;
+  return $interactive ? 'pointer' : 'auto';
+}};
+  ${_ref3 => {
+  let {
+    $variant
+  } = _ref3;
+  return ChipVariantsStyle[$variant];
+}}
+`;
+
+export { ChipWrapperStyle };
+//# sourceMappingURL=ChipStyles.mjs.map

package/dist/esm/chip/ChipStyles.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChipStyles.mjs","sources":["../../../src/chip/ChipStyles.tsx"],"sourcesContent":["import styled, { css } from '../utils/styled-components-wrapper.js'\nimport { ChipVariants } from './types.js'\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  cursor: ${({ $interactive }) => ($interactive ? 'pointer' : 'auto')};\n  ${({ $variant }) => ChipVariantsStyle[$variant]}\n`\n"],"names":["ChipVariantsStyle","positive","css","negative","gray","warning","ChipWrapperStyle","styled","div","_ref","theme","borderRadiusesMap","xs","_ref2","$interactive","_ref3","$variant"],"mappings":";;;AAQA,MAAMA,iBAAiB,GAAG;AACxBC,EAAAA,QAAQ,EAAEC,GAAG,CAAA;AACf;AACA;AACA,EAAG,CAAA;AACDC,EAAAA,QAAQ,EAAED,GAAG,CAAA;AACf;AACA;AACA,EAAG,CAAA;AACDE,EAAAA,IAAI,EAAEF,GAAG,CAAA;AACX;AACA;AACA,EAAG,CAAA;AACDG,EAAAA,OAAO,EAAEH,GAAG,CAAA;AACd;AACA;AACA,EAAA,CAAA;AACA,CAAC,CAAA;AAEYI,MAAAA,gBAAgB,GAAGC,MAAM,CAACC,GAAoB,CAAA;AAC3D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iBAAA,EAAmBC,IAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,KAAAA;AAAM,GAAC,GAAAD,IAAA,CAAA;AAAA,EAAA,OAAKC,KAAK,CAACC,iBAAiB,CAACC,EAAE,CAAA;AAAA,CAAA,CAAA;AAC5D;AACA,UAAA,EAAYC,KAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,YAAAA;AAAa,GAAC,GAAAD,KAAA,CAAA;AAAA,EAAA,OAAMC,YAAY,GAAG,SAAS,GAAG,MAAM,CAAA;AAAA,CAAC,CAAA;AACrE,EAAA,EAAIC,KAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,QAAAA;AAAS,GAAC,GAAAD,KAAA,CAAA;EAAA,OAAKf,iBAAiB,CAACgB,QAAQ,CAAC,CAAA;AAAA,CAAA,CAAA;AACjD;;;;"}

package/dist/esm/chip/types.mjs

@@ -0,0 +1,10 @@
+let ChipVariant = /*#__PURE__*/function (ChipVariant) {
+  ChipVariant[ChipVariant["positive"] = 0] = "positive";
+  ChipVariant[ChipVariant["negative"] = 1] = "negative";
+  ChipVariant[ChipVariant["warning"] = 2] = "warning";
+  ChipVariant[ChipVariant["gray"] = 3] = "gray";
+  return ChipVariant;
+}({});
+
+export { ChipVariant };
+//# sourceMappingURL=types.mjs.map

package/dist/esm/chip/types.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.mjs","sources":["../../../src/chip/types.ts"],"sourcesContent":["import { RefObject } from 'react'\nimport { LidoComponentProps } from '../utils/index.js'\nexport type { Theme } from '../theme/index.js'\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?: RefObject<HTMLLabelElement>\n    variant?: ChipVariants\n  }\n>\n"],"names":["ChipVariant"],"mappings":"AAIYA,IAAAA,WAAW,0BAAXA,WAAW,EAAA;AAAXA,EAAAA,WAAW,CAAXA,WAAW,CAAA,UAAA,CAAA,GAAA,CAAA,CAAA,GAAA,UAAA,CAAA;AAAXA,EAAAA,WAAW,CAAXA,WAAW,CAAA,UAAA,CAAA,GAAA,CAAA,CAAA,GAAA,UAAA,CAAA;AAAXA,EAAAA,WAAW,CAAXA,WAAW,CAAA,SAAA,CAAA,GAAA,CAAA,CAAA,GAAA,SAAA,CAAA;AAAXA,EAAAA,WAAW,CAAXA,WAAW,CAAA,MAAA,CAAA,GAAA,CAAA,CAAA,GAAA,MAAA,CAAA;AAAA,EAAA,OAAXA,WAAW,CAAA;AAAA,CAAA,CAAA,EAAA;;;;"}

package/dist/esm/container/Container.mjs

@@ -0,0 +1,19 @@
+import { forwardRef } from 'react';
+import { ContainerStyle } from './ContainerStyles.mjs';
+import { jsx } from 'react/jsx-runtime';
+
+const Container = /*#__PURE__*/forwardRef((_ref, ref) => {
+  let {
+    size = 'full',
+    ...rest
+  } = _ref;
+  return /*#__PURE__*/jsx(ContainerStyle, {
+    $size: size,
+    ref: ref,
+    ...rest
+  });
+});
+Container.displayName = 'Container';
+
+export { Container };
+//# sourceMappingURL=Container.mjs.map

package/dist/esm/container/Container.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Container.mjs","sources":["../../../src/container/Container.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport { ContainerStyle } from './ContainerStyles.js'\nimport { ContainerProps } from './types.js'\n\nexport const Container = forwardRef(\n  (\n    { size = 'full', ...rest }: ContainerProps,\n    ref?: ForwardedRef<HTMLDivElement>,\n  ) => {\n    return <ContainerStyle $size={size} ref={ref} {...rest} />\n  },\n)\nContainer.displayName = 'Container'\n"],"names":["Container","forwardRef","_ref","ref","size","rest","_jsx","ContainerStyle","$size","displayName"],"mappings":";;;;AAIO,MAAMA,SAAS,gBAAGC,UAAU,CACjC,CAAAC,IAAA,EAEEC,GAAkC,KAC/B;EAAA,IAFH;AAAEC,IAAAA,IAAI,GAAG,MAAM;IAAE,GAAGC,IAAAA;AAAqB,GAAC,GAAAH,IAAA,CAAA;EAG1C,oBAAOI,GAAA,CAACC,cAAc,EAAA;AAACC,IAAAA,KAAK,EAAEJ,IAAK;AAACD,IAAAA,GAAG,EAAEA,GAAI;IAAA,GAAKE,IAAAA;AAAI,GAAG,CAAC,CAAA;AAC5D,CACF,EAAC;AACDL,SAAS,CAACS,WAAW,GAAG,WAAW;;;;"}

package/dist/esm/container/ContainerStyles.mjs

@@ -0,0 +1,50 @@
+import styled from '../utils/styled-components-wrapper.mjs';
+import { css } from 'styled-components';
+
+const sizes = {
+  full: css`
+    max-width: 1424px;
+  `,
+  content: css`
+    max-width: 960px;
+  `,
+  tight: css`
+    max-width: 560px;
+  `
+};
+const ContainerStyle = styled.div`
+  box-sizing: border-box;
+  margin: 0 auto;
+  min-width: 320px;
+  width: 100%;
+  padding: 0 ${_ref => {
+  let {
+    theme
+  } = _ref;
+  return theme.spaceMap.xxl;
+}}px;
+
+  ${_ref2 => {
+  let {
+    theme
+  } = _ref2;
+  return theme.mediaQueries.lg;
+}} {
+    padding: 0 ${_ref3 => {
+  let {
+    theme
+  } = _ref3;
+  return theme.spaceMap.lg;
+}}px;
+  }
+
+  ${_ref4 => {
+  let {
+    $size
+  } = _ref4;
+  return sizes[$size];
+}}
+`;
+
+export { ContainerStyle };
+//# sourceMappingURL=ContainerStyles.mjs.map

package/dist/esm/container/ContainerStyles.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContainerStyles.mjs","sources":["../../../src/container/ContainerStyles.tsx"],"sourcesContent":["import styled, { css } from '../utils/styled-components-wrapper.js'\nimport { ContainerSizes } from './types.js'\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":["sizes","full","css","content","tight","ContainerStyle","styled","div","_ref","theme","spaceMap","xxl","_ref2","mediaQueries","lg","_ref3","_ref4","$size"],"mappings":";;;AAGA,MAAMA,KAAK,GAAG;AACZC,EAAAA,IAAI,EAAEC,GAAG,CAAA;AACX;AACA,EAAG,CAAA;AACDC,EAAAA,OAAO,EAAED,GAAG,CAAA;AACd;AACA,EAAG,CAAA;AACDE,EAAAA,KAAK,EAAEF,GAAG,CAAA;AACZ;AACA,EAAA,CAAA;AACA,CAAC,CAAA;AAEYG,MAAAA,cAAc,GAAGC,MAAM,CAACC,GAA8B,CAAA;AACnE;AACA;AACA;AACA;AACA,aAAA,EAAeC,IAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,KAAAA;AAAM,GAAC,GAAAD,IAAA,CAAA;AAAA,EAAA,OAAKC,KAAK,CAACC,QAAQ,CAACC,GAAG,CAAA;AAAA,CAAA,CAAA;AAChD;AACA,EAAA,EAAIC,KAAA,IAAA;EAAA,IAAC;AAAEH,IAAAA,KAAAA;AAAM,GAAC,GAAAG,KAAA,CAAA;AAAA,EAAA,OAAKH,KAAK,CAACI,YAAY,CAACC,EAAE,CAAA;AAAA,CAAA,CAAA;AACxC,eAAA,EAAiBC,KAAA,IAAA;EAAA,IAAC;AAAEN,IAAAA,KAAAA;AAAM,GAAC,GAAAM,KAAA,CAAA;AAAA,EAAA,OAAKN,KAAK,CAACC,QAAQ,CAACI,EAAE,CAAA;AAAA,CAAA,CAAA;AACjD;AACA;AACA,EAAA,EAAIE,KAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,KAAAA;AAAM,GAAC,GAAAD,KAAA,CAAA;EAAA,OAAKhB,KAAK,CAACiB,KAAK,CAAC,CAAA;AAAA,CAAA,CAAA;AAC/B;;;;"}

package/dist/esm/container/types.mjs

@@ -0,0 +1,9 @@
+let ContainerSize = /*#__PURE__*/function (ContainerSize) {
+  ContainerSize[ContainerSize["full"] = 0] = "full";
+  ContainerSize[ContainerSize["content"] = 1] = "content";
+  ContainerSize[ContainerSize["tight"] = 2] = "tight";
+  return ContainerSize;
+}({});
+
+export { ContainerSize };
+//# sourceMappingURL=types.mjs.map

package/dist/esm/container/types.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.mjs","sources":["../../../src/container/types.tsx"],"sourcesContent":["import { LidoComponentProps } from '../utils/index.js'\nexport type { Theme } from '../theme/index.js'\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"],"mappings":"AAGYA,IAAAA,aAAa,0BAAbA,aAAa,EAAA;AAAbA,EAAAA,aAAa,CAAbA,aAAa,CAAA,MAAA,CAAA,GAAA,CAAA,CAAA,GAAA,MAAA,CAAA;AAAbA,EAAAA,aAAa,CAAbA,aAAa,CAAA,SAAA,CAAA,GAAA,CAAA,CAAA,GAAA,SAAA,CAAA;AAAbA,EAAAA,aAAa,CAAbA,aAAa,CAAA,OAAA,CAAA,GAAA,CAAA,CAAA,GAAA,OAAA,CAAA;AAAA,EAAA,OAAbA,aAAa,CAAA;AAAA,CAAA,CAAA,EAAA;;;;"}

package/dist/esm/content-theme/content-theme.mjs

@@ -0,0 +1,22 @@
+import { ContentThemeOnlyDark, ContentThemeOnlyLight } from './styles.mjs';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+
+const ContentTheme = _ref => {
+  let {
+    darkContent,
+    lightContent,
+    ...rest
+  } = _ref;
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [/*#__PURE__*/jsx(ContentThemeOnlyDark, {
+      ...rest,
+      children: darkContent
+    }), /*#__PURE__*/jsx(ContentThemeOnlyLight, {
+      ...rest,
+      children: lightContent
+    })]
+  });
+};
+
+export { ContentTheme };
+//# sourceMappingURL=content-theme.mjs.map

package/dist/esm/content-theme/content-theme.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"content-theme.mjs","sources":["../../../src/content-theme/content-theme.tsx"],"sourcesContent":["import { FC } from 'react'\nimport { ContentThemeOnlyDark, ContentThemeOnlyLight } from './styles.js'\nimport { ContentThemeProps } from './types.js'\n\nexport const ContentTheme: FC<ContentThemeProps> = ({\n  darkContent,\n  lightContent,\n  ...rest\n}: ContentThemeProps) => {\n  return (\n    <>\n      <ContentThemeOnlyDark {...rest}>{darkContent}</ContentThemeOnlyDark>\n      <ContentThemeOnlyLight {...rest}>{lightContent}</ContentThemeOnlyLight>\n    </>\n  )\n}\n"],"names":["ContentTheme","_ref","darkContent","lightContent","rest","_jsxs","_Fragment","children","_jsx","ContentThemeOnlyDark","ContentThemeOnlyLight"],"mappings":";;;AAIaA,MAAAA,YAAmC,GAAGC,IAAA,IAI1B;EAAA,IAJ2B;IAClDC,WAAW;IACXC,YAAY;IACZ,GAAGC,IAAAA;AACc,GAAC,GAAAH,IAAA,CAAA;EAClB,oBACEI,IAAA,CAAAC,QAAA,EAAA;IAAAC,QAAA,EAAA,cACEC,GAAA,CAACC,oBAAoB,EAAA;AAAA,MAAA,GAAKL,IAAI;AAAAG,MAAAA,QAAA,EAAGL,WAAAA;AAAW,KAAuB,CAAC,eACpEM,GAAA,CAACE,qBAAqB,EAAA;AAAA,MAAA,GAAKN,IAAI;AAAAG,MAAAA,QAAA,EAAGJ,YAAAA;AAAY,KAAwB,CAAC,CAAA;AAAA,GACvE,CAAC,CAAA;AAEP;;;;"}

package/dist/esm/content-theme/styles.mjs

@@ -0,0 +1,11 @@
+import styled from '../utils/styled-components-wrapper.mjs';
+
+const ContentThemeOnlyDark = styled.div`
+  display: var(--lido-color-darkDisplay, contents);
+`;
+const ContentThemeOnlyLight = styled.div`
+  display: var(--lido-color-lightDisplay, contents);
+`;
+
+export { ContentThemeOnlyDark, ContentThemeOnlyLight };
+//# sourceMappingURL=styles.mjs.map

package/dist/esm/content-theme/styles.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.mjs","sources":["../../../src/content-theme/styles.tsx"],"sourcesContent":["import styled from '../utils/styled-components-wrapper.js'\n\nexport const ContentThemeOnlyDark = styled.div`\n  display: var(--lido-color-darkDisplay, contents);\n`\n\nexport const ContentThemeOnlyLight = styled.div`\n  display: var(--lido-color-lightDisplay, contents);\n`\n"],"names":["ContentThemeOnlyDark","styled","div","ContentThemeOnlyLight"],"mappings":";;AAEaA,MAAAA,oBAAoB,GAAGC,MAAM,CAACC,GAAG,CAAA;AAC9C;AACA,EAAC;AAEYC,MAAAA,qBAAqB,GAAGF,MAAM,CAACC,GAAG,CAAA;AAC/C;AACA;;;;"}

package/dist/esm/cookie-theme-toggler/cookie-theme-toggler.mjs

@@ -0,0 +1,26 @@
+import { CookieThemeTogglerStyle, CookieThemeTogglerLightIcon, CookieThemeTogglerDarkIcon } from './styles.mjs';
+import '../theme/cookie-theme-provider.mjs';
+import '../theme/theme-provider.mjs';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import '../theme/document-head-contents/element-theme-colors.mjs';
+import '../utils/modalRoot.mjs';
+import '../utils/cookies-client-side.mjs';
+import '../theme/constants.mjs';
+import '../theme/utils/set-theme-cookie.mjs';
+import '../theme/themes.mjs';
+import { useThemeToggle } from '../theme/hooks.mjs';
+
+const ThemeToggler = props => {
+  const {
+    toggleTheme
+  } = useThemeToggle();
+  return /*#__PURE__*/jsxs(CookieThemeTogglerStyle, {
+    color: "secondary",
+    onClick: toggleTheme,
+    ...props,
+    children: [/*#__PURE__*/jsx(CookieThemeTogglerLightIcon, {}), /*#__PURE__*/jsx(CookieThemeTogglerDarkIcon, {})]
+  });
+};
+
+export { ThemeToggler };
+//# sourceMappingURL=cookie-theme-toggler.mjs.map

package/dist/esm/cookie-theme-toggler/cookie-theme-toggler.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"cookie-theme-toggler.mjs","sources":["../../../src/cookie-theme-toggler/cookie-theme-toggler.tsx"],"sourcesContent":["import { FC } from 'react'\nimport {\n  CookieThemeTogglerStyle,\n  CookieThemeTogglerDarkIcon,\n  CookieThemeTogglerLightIcon,\n} from './styles.js'\nimport { useThemeToggle } from '../theme/index.js'\nimport { ButtonProps } from '../button/index.js'\n\nexport type ThemeTogglerProps = Omit<ButtonProps, 'color' | 'onClick'>\n\nexport const ThemeToggler: FC = (props: ButtonProps) => {\n  const { toggleTheme } = useThemeToggle()\n\n  return (\n    <CookieThemeTogglerStyle color='secondary' onClick={toggleTheme} {...props}>\n      <CookieThemeTogglerLightIcon />\n      <CookieThemeTogglerDarkIcon />\n    </CookieThemeTogglerStyle>\n  )\n}\n"],"names":["ThemeToggler","props","toggleTheme","useThemeToggle","_jsxs","CookieThemeTogglerStyle","color","onClick","children","_jsx","CookieThemeTogglerLightIcon","CookieThemeTogglerDarkIcon"],"mappings":";;;;;;;;;;;;AAWaA,MAAAA,YAAgB,GAAIC,KAAkB,IAAK;EACtD,MAAM;AAAEC,IAAAA,WAAAA;GAAa,GAAGC,cAAc,EAAE,CAAA;EAExC,oBACEC,IAAA,CAACC,uBAAuB,EAAA;AAACC,IAAAA,KAAK,EAAC,WAAW;AAACC,IAAAA,OAAO,EAAEL,WAAY;AAAA,IAAA,GAAKD,KAAK;IAAAO,QAAA,EAAA,cACxEC,GAAA,CAACC,2BAA2B,EAAA,EAAE,CAAC,eAC/BD,GAAA,CAACE,0BAA0B,EAAA,EAAE,CAAC,CAAA;AAAA,GACP,CAAC,CAAA;AAE9B;;;;"}

package/dist/esm/cookie-theme-toggler/styles.mjs

@@ -0,0 +1,46 @@
+import styled from '../utils/styled-components-wrapper.mjs';
+import { Button } from '../button/Button.mjs';
+import '../button/ButtonIcon.mjs';
+import { Light, Dark } from '../icons/index.mjs';
+
+const CookieThemeTogglerStyle = styled(Button).attrs({
+  variant: 'text',
+  size: 'xs'
+})`
+  display: inline-grid;
+  grid-template-areas: 'a';
+  min-width: 0;
+  margin-left: ${_ref => {
+  let {
+    theme
+  } = _ref;
+  return theme.spaceMap.sm;
+}}px;
+  line-height: 0;
+  font-size: 0;
+  padding: 0;
+
+  width: 44px;
+  height: 44px;
+  // button element contains span as children container, we want to bypass it.
+  // by aiming explicit "span:first-child" we're verifying that this is what we are aiming for
+  // witout breaking our SVGs
+  & > span:first-child {
+    display: contents;
+  }
+`;
+const CookieThemeTogglerLightIcon = styled(Light)`
+  grid-area: a;
+  align-self: center;
+  justify-self: center;
+  visibility: var(--lido-color-darkModeVisibility);
+`;
+const CookieThemeTogglerDarkIcon = styled(Dark)`
+  grid-area: a;
+  align-self: center;
+  justify-self: center;
+  visibility: var(--lido-color-lightModeVisibility);
+`;
+
+export { CookieThemeTogglerDarkIcon, CookieThemeTogglerLightIcon, CookieThemeTogglerStyle };
+//# sourceMappingURL=styles.mjs.map

package/dist/esm/cookie-theme-toggler/styles.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.mjs","sources":["../../../src/cookie-theme-toggler/styles.tsx"],"sourcesContent":["import styled from '../utils/styled-components-wrapper.js'\nimport { Button } from '../button/index.js'\nimport { Dark, Light } from '../icons/index.js'\n\nexport const CookieThemeTogglerStyle = styled(Button).attrs({\n  variant: 'text',\n  size: 'xs',\n})`\n  display: inline-grid;\n  grid-template-areas: 'a';\n  min-width: 0;\n  margin-left: ${({ theme }) => theme.spaceMap.sm}px;\n  line-height: 0;\n  font-size: 0;\n  padding: 0;\n\n  width: 44px;\n  height: 44px;\n  // button element contains span as children container, we want to bypass it.\n  // by aiming explicit \"span:first-child\" we're verifying that this is what we are aiming for\n  // witout breaking our SVGs\n  & > span:first-child {\n    display: contents;\n  }\n`\n\nexport const CookieThemeTogglerLightIcon = styled(Light)`\n  grid-area: a;\n  align-self: center;\n  justify-self: center;\n  visibility: var(--lido-color-darkModeVisibility);\n`\n\nexport const CookieThemeTogglerDarkIcon = styled(Dark)`\n  grid-area: a;\n  align-self: center;\n  justify-self: center;\n  visibility: var(--lido-color-lightModeVisibility);\n`\n"],"names":["CookieThemeTogglerStyle","styled","Button","attrs","variant","size","_ref","theme","spaceMap","sm","CookieThemeTogglerLightIcon","Light","CookieThemeTogglerDarkIcon","Dark"],"mappings":";;;;;AAIO,MAAMA,uBAAuB,GAAGC,MAAM,CAACC,MAAM,CAAC,CAACC,KAAK,CAAC;AAC1DC,EAAAA,OAAO,EAAE,MAAM;AACfC,EAAAA,IAAI,EAAE,IAAA;AACR,CAAC,CAAC,CAAA;AACF;AACA;AACA;AACA,eAAA,EAAiBC,IAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,KAAAA;AAAM,GAAC,GAAAD,IAAA,CAAA;AAAA,EAAA,OAAKC,KAAK,CAACC,QAAQ,CAACC,EAAE,CAAA;AAAA,CAAA,CAAA;AACjD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAC;MAEYC,2BAA2B,GAAGT,MAAM,CAACU,KAAK,CAAC,CAAA;AACxD;AACA;AACA;AACA;AACA,EAAC;MAEYC,0BAA0B,GAAGX,MAAM,CAACY,IAAI,CAAC,CAAA;AACtD;AACA;AACA;AACA;AACA;;;;"}

package/dist/esm/cookies-tooltip/constants.mjs

@@ -0,0 +1,6 @@
+const COOKIE_ALLOWED_KEY = 'cookie-allowed';
+const COOKIE_VALUE_YES = 'yes';
+const COOKIE_VALUE_NO = 'no';
+
+export { COOKIE_ALLOWED_KEY, COOKIE_VALUE_NO, COOKIE_VALUE_YES };
+//# sourceMappingURL=constants.mjs.map

package/dist/esm/cookies-tooltip/constants.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.mjs","sources":["../../../src/cookies-tooltip/constants.ts"],"sourcesContent":["export const COOKIE_ALLOWED_KEY = 'cookie-allowed'\nexport const COOKIE_VALUE_YES = 'yes'\nexport const COOKIE_VALUE_NO = 'no'\n"],"names":["COOKIE_ALLOWED_KEY","COOKIE_VALUE_YES","COOKIE_VALUE_NO"],"mappings":"AAAO,MAAMA,kBAAkB,GAAG,iBAAgB;AAC3C,MAAMC,gBAAgB,GAAG,MAAK;AAC9B,MAAMC,eAAe,GAAG;;;;"}