decentraland-ui2 3.23.4 → 3.23.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -2,7 +2,13 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
2
  import React from 'react';
3
3
  import { LogoContainer } from './Logo.styled';
4
4
  const Logo = React.memo((props) => {
5
- return (_jsx(LogoContainer, { ...props, children: _jsxs("svg", { width: "90", height: "90", viewBox: "0 0 90 90", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [_jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M45 89.9999C69.8528 89.9999 89.9999 69.8528 89.9999 45C89.9999 20.1472 69.8528 0 45 0C20.1472 0 0 20.1472 0 45C0 69.8528 20.1472 89.9999 45 89.9999Z", fill: "url(#paint0_linear_1_49380)" }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M18 80.9996C25.515 86.6471 34.875 89.9996 45 89.9996C55.125 89.9996 64.485 86.6471 72 80.9996H18Z", fill: "#FF2D55" }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M9.00008 71.9996C11.5651 75.3971 14.6026 78.4346 18.0001 80.9996H72C75.3975 78.4346 78.435 75.3971 81 71.9996H9.00008Z", fill: "#FFA25A" }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M60.3675 62.9997H3.75757C5.15257 66.2172 6.93007 69.2322 9.00006 71.9997H60.39V62.9997H60.3675Z", fill: "#FFC95B" }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M31.8826 29.2496V62.9996H60.0075L31.8826 29.2496Z", fill: "url(#paint1_linear_1_49380)" }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3.75757 62.9997H31.8826V29.2497L3.75757 62.9997Z", fill: "white" }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M60.3675 47.25V72H81L60.3675 47.25Z", fill: "url(#paint2_linear_1_49380)" }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M39.7574 72H60.3674V47.25L39.7574 72Z", fill: "white" }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M60.3675 40.4997C66.5807 40.4997 71.6175 35.4629 71.6175 29.2497C71.6175 23.0365 66.5807 17.9997 60.3675 17.9997C54.1543 17.9997 49.1175 23.0365 49.1175 29.2497C49.1175 35.4629 54.1543 40.4997 60.3675 40.4997Z", fill: "#FFC95B" }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M31.8824 22.4997C34.989 22.4997 37.5074 19.9813 37.5074 16.8747C37.5074 13.7681 34.989 11.2497 31.8824 11.2497C28.7758 11.2497 26.2574 13.7681 26.2574 16.8747C26.2574 19.9813 28.7758 22.4997 31.8824 22.4997Z", fill: "#FFC95B" }), _jsxs("defs", { children: [_jsxs("linearGradient", { id: "paint0_linear_1_49380", x1: "45", y1: "-18.6396", x2: "-18.6396", y2: "45", gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { stopColor: "#FF2D55" }), _jsx("stop", { offset: "1", stopColor: "#FFBC5B" })] }), _jsxs("linearGradient", { id: "paint1_linear_1_49380", x1: "31.8731", y1: "29.2497", x2: "31.8731", y2: "62.9996", gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { stopColor: "#A524B3" }), _jsx("stop", { offset: "1", stopColor: "#FF2D55" })] }), _jsxs("linearGradient", { id: "paint2_linear_1_49380", x1: "60.3605", y1: "47.25", x2: "60.3605", y2: "72", gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { stopColor: "#A524B3" }), _jsx("stop", { offset: "1", stopColor: "#FF2D55" })] })] })] }) }));
5
+ // Gradient ids must be unique per instance: with fixed ids, a second Logo (or a first one inside a
6
+ // `display: none` subtree) makes `url(#id)` resolve to another copy's gradient and the fill is lost.
7
+ const id = React.useId().replace(/:/g, '');
8
+ const circleGradientId = `${id}-circle`;
9
+ const sailLeftGradientId = `${id}-sail-left`;
10
+ const sailRightGradientId = `${id}-sail-right`;
11
+ return (_jsx(LogoContainer, { ...props, children: _jsxs("svg", { width: "90", height: "90", viewBox: "0 0 90 90", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [_jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M45 89.9999C69.8528 89.9999 89.9999 69.8528 89.9999 45C89.9999 20.1472 69.8528 0 45 0C20.1472 0 0 20.1472 0 45C0 69.8528 20.1472 89.9999 45 89.9999Z", fill: `url(#${circleGradientId})` }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M18 80.9996C25.515 86.6471 34.875 89.9996 45 89.9996C55.125 89.9996 64.485 86.6471 72 80.9996H18Z", fill: "#FF2D55" }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M9.00008 71.9996C11.5651 75.3971 14.6026 78.4346 18.0001 80.9996H72C75.3975 78.4346 78.435 75.3971 81 71.9996H9.00008Z", fill: "#FFA25A" }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M60.3675 62.9997H3.75757C5.15257 66.2172 6.93007 69.2322 9.00006 71.9997H60.39V62.9997H60.3675Z", fill: "#FFC95B" }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M31.8826 29.2496V62.9996H60.0075L31.8826 29.2496Z", fill: `url(#${sailLeftGradientId})` }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3.75757 62.9997H31.8826V29.2497L3.75757 62.9997Z", fill: "white" }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M60.3675 47.25V72H81L60.3675 47.25Z", fill: `url(#${sailRightGradientId})` }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M39.7574 72H60.3674V47.25L39.7574 72Z", fill: "white" }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M60.3675 40.4997C66.5807 40.4997 71.6175 35.4629 71.6175 29.2497C71.6175 23.0365 66.5807 17.9997 60.3675 17.9997C54.1543 17.9997 49.1175 23.0365 49.1175 29.2497C49.1175 35.4629 54.1543 40.4997 60.3675 40.4997Z", fill: "#FFC95B" }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M31.8824 22.4997C34.989 22.4997 37.5074 19.9813 37.5074 16.8747C37.5074 13.7681 34.989 11.2497 31.8824 11.2497C28.7758 11.2497 26.2574 13.7681 26.2574 16.8747C26.2574 19.9813 28.7758 22.4997 31.8824 22.4997Z", fill: "#FFC95B" }), _jsxs("defs", { children: [_jsxs("linearGradient", { id: circleGradientId, x1: "45", y1: "-18.6396", x2: "-18.6396", y2: "45", gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { stopColor: "#FF2D55" }), _jsx("stop", { offset: "1", stopColor: "#FFBC5B" })] }), _jsxs("linearGradient", { id: sailLeftGradientId, x1: "31.8731", y1: "29.2497", x2: "31.8731", y2: "62.9996", gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { stopColor: "#A524B3" }), _jsx("stop", { offset: "1", stopColor: "#FF2D55" })] }), _jsxs("linearGradient", { id: sailRightGradientId, x1: "60.3605", y1: "47.25", x2: "60.3605", y2: "72", gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { stopColor: "#A524B3" }), _jsx("stop", { offset: "1", stopColor: "#FF2D55" })] })] })] }) }));
6
12
  });
7
13
  export { Logo };
8
14
  //# sourceMappingURL=Logo.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Logo.js","sourceRoot":"","sources":["../../../src/components/Logo/Logo.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAA;AAE7C,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,KAAgB,EAAE,EAAE;IAC3C,OAAO,CACL,KAAC,aAAa,OAAK,KAAK,YACtB,eAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,aAC5F,eACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,sJAAsJ,EACxJ,IAAI,EAAC,6BAA6B,GAClC,EACF,eACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,mGAAmG,EACrG,IAAI,EAAC,SAAS,GACd,EACF,eACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,wHAAwH,EAC1H,IAAI,EAAC,SAAS,GACd,EACF,eACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,iGAAiG,EACnG,IAAI,EAAC,SAAS,GACd,EACF,eACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,mDAAmD,EACrD,IAAI,EAAC,6BAA6B,GAClC,EACF,eAAM,QAAQ,EAAC,SAAS,EAAC,QAAQ,EAAC,SAAS,EAAC,CAAC,EAAC,mDAAmD,EAAC,IAAI,EAAC,OAAO,GAAG,EACjH,eAAM,QAAQ,EAAC,SAAS,EAAC,QAAQ,EAAC,SAAS,EAAC,CAAC,EAAC,qCAAqC,EAAC,IAAI,EAAC,6BAA6B,GAAG,EACzH,eAAM,QAAQ,EAAC,SAAS,EAAC,QAAQ,EAAC,SAAS,EAAC,CAAC,EAAC,uCAAuC,EAAC,IAAI,EAAC,OAAO,GAAG,EACrG,eACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,mNAAmN,EACrN,IAAI,EAAC,SAAS,GACd,EACF,eACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,iNAAiN,EACnN,IAAI,EAAC,SAAS,GACd,EACF,2BACE,0BAAgB,EAAE,EAAC,uBAAuB,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,UAAU,EAAC,EAAE,EAAC,UAAU,EAAC,EAAE,EAAC,IAAI,EAAC,aAAa,EAAC,gBAAgB,aACnH,eAAM,SAAS,EAAC,SAAS,GAAG,EAC5B,eAAM,MAAM,EAAC,GAAG,EAAC,SAAS,EAAC,SAAS,GAAG,IACxB,EACjB,0BAAgB,EAAE,EAAC,uBAAuB,EAAC,EAAE,EAAC,SAAS,EAAC,EAAE,EAAC,SAAS,EAAC,EAAE,EAAC,SAAS,EAAC,EAAE,EAAC,SAAS,EAAC,aAAa,EAAC,gBAAgB,aAC3H,eAAM,SAAS,EAAC,SAAS,GAAG,EAC5B,eAAM,MAAM,EAAC,GAAG,EAAC,SAAS,EAAC,SAAS,GAAG,IACxB,EACjB,0BAAgB,EAAE,EAAC,uBAAuB,EAAC,EAAE,EAAC,SAAS,EAAC,EAAE,EAAC,OAAO,EAAC,EAAE,EAAC,SAAS,EAAC,EAAE,EAAC,IAAI,EAAC,aAAa,EAAC,gBAAgB,aACpH,eAAM,SAAS,EAAC,SAAS,GAAG,EAC5B,eAAM,MAAM,EAAC,GAAG,EAAC,SAAS,EAAC,SAAS,GAAG,IACxB,IACZ,IACH,GACQ,CACjB,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,OAAO,EAAE,IAAI,EAAE,CAAA"}
1
+ {"version":3,"file":"Logo.js","sourceRoot":"","sources":["../../../src/components/Logo/Logo.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1,37 @@
1
+ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { ThemeProvider, createTheme } from '@mui/material/styles';
3
+ import { renderToStaticMarkup } from 'react-dom/server';
4
+ import { Logo } from './Logo';
5
+ const render = (node) => renderToStaticMarkup(_jsx(ThemeProvider, { theme: createTheme(), children: node }));
6
+ const getGradientIds = (markup) => [...markup.matchAll(/<linearGradient id="([^"]+)"/g)].map(([, id]) => id);
7
+ const getFillReferences = (markup) => [...markup.matchAll(/fill="url\(#([^)]+)\)"/g)].map(([, id]) => id);
8
+ describe('when rendering a Logo', () => {
9
+ let markup;
10
+ beforeEach(() => {
11
+ markup = render(_jsx(Logo, {}));
12
+ });
13
+ it('should fill every gradient shape with a gradient defined in the same svg', () => {
14
+ const ids = getGradientIds(markup);
15
+ expect(ids).toHaveLength(3);
16
+ expect(getFillReferences(markup).sort()).toEqual([...ids].sort());
17
+ });
18
+ it('should not use characters in the gradient ids that need escaping inside url()', () => {
19
+ getGradientIds(markup).forEach(id => expect(id).toMatch(/^[A-Za-z0-9_-]+$/));
20
+ });
21
+ });
22
+ describe('when rendering two Logos on the same page', () => {
23
+ let markup;
24
+ beforeEach(() => {
25
+ markup = render(_jsxs(_Fragment, { children: [_jsx("div", { style: { display: 'none' }, children: _jsx(Logo, {}) }), _jsx(Logo, {})] }));
26
+ });
27
+ it('should give each one its own gradient ids', () => {
28
+ const ids = getGradientIds(markup);
29
+ expect(ids).toHaveLength(6);
30
+ expect(new Set(ids).size).toBe(6);
31
+ });
32
+ it('should point the fills of each Logo to ids that exist exactly once', () => {
33
+ const ids = getGradientIds(markup);
34
+ getFillReferences(markup).forEach(reference => expect(ids.filter(id => id === reference)).toHaveLength(1));
35
+ });
36
+ });
37
+ //# sourceMappingURL=Logo.spec.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Logo.spec.js","sourceRoot":"","sources":["../../../src/components/Logo/Logo.spec.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAA;AACjE,OAAO,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAA;AACvD,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAE7B,MAAM,MAAM,GAAG,CAAC,IAAqB,EAAE,EAAE,CAAC,oBAAoB,CAAC,KAAC,aAAa,IAAC,KAAK,EAAE,WAAW,EAAE,YAAG,IAAI,GAAiB,CAAC,CAAA;AAE3H,MAAM,cAAc,GAAG,CAAC,MAAc,EAAE,EAAE,CAAC,CAAC,GAAG,MAAM,CAAC,QAAQ,CAAC,+BAA+B,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC,EAAE,CAAC,CAAA;AACpH,MAAM,iBAAiB,GAAG,CAAC,MAAc,EAAE,EAAE,CAAC,CAAC,GAAG,MAAM,CAAC,QAAQ,CAAC,yBAAyB,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC,EAAE,CAAC,CAAA;AAEjH,QAAQ,CAAC,uBAAuB,EAAE,GAAG,EAAE;IACrC,IAAI,MAAc,CAAA;IAElB,UAAU,CAAC,GAAG,EAAE;QACd,MAAM,GAAG,MAAM,CAAC,KAAC,IAAI,KAAG,CAAC,CAAA;IAC3B,CAAC,CAAC,CAAA;IAEF,EAAE,CAAC,0EAA0E,EAAE,GAAG,EAAE;QAClF,MAAM,GAAG,GAAG,cAAc,CAAC,MAAM,CAAC,CAAA;QAElC,MAAM,CAAC,GAAG,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAAA;QAC3B,MAAM,CAAC,iBAAiB,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,CAAA;IACnE,CAAC,CAAC,CAAA;IAEF,EAAE,CAAC,+EAA+E,EAAE,GAAG,EAAE;QACvF,cAAc,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,OAAO,CAAC,kBAAkB,CAAC,CAAC,CAAA;IAC9E,CAAC,CAAC,CAAA;AACJ,CAAC,CAAC,CAAA;AAEF,QAAQ,CAAC,2CAA2C,EAAE,GAAG,EAAE;IACzD,IAAI,MAAc,CAAA;IAElB,UAAU,CAAC,GAAG,EAAE;QACd,MAAM,GAAG,MAAM,CACb,8BACE,cAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,YAC7B,KAAC,IAAI,KAAG,GACJ,EACN,KAAC,IAAI,KAAG,IACP,CACJ,CAAA;IACH,CAAC,CAAC,CAAA;IAEF,EAAE,CAAC,2CAA2C,EAAE,GAAG,EAAE;QACnD,MAAM,GAAG,GAAG,cAAc,CAAC,MAAM,CAAC,CAAA;QAElC,MAAM,CAAC,GAAG,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAAA;QAC3B,MAAM,CAAC,IAAI,GAAG,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAA;IACnC,CAAC,CAAC,CAAA;IAEF,EAAE,CAAC,oEAAoE,EAAE,GAAG,EAAE;QAC5E,MAAM,GAAG,GAAG,cAAc,CAAC,MAAM,CAAC,CAAA;QAElC,iBAAiB,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE,CAAC,MAAM,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,SAAS,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAA;IAC5G,CAAC,CAAC,CAAA;AACJ,CAAC,CAAC,CAAA"}
@@ -3,5 +3,6 @@ import type { Meta, StoryObj } from '@storybook/react';
3
3
  declare const meta: Meta;
4
4
  type Story = StoryObj<SvgIconProps>;
5
5
  declare const All: Story;
6
+ declare const WithHiddenSibling: Story;
6
7
  export default meta;
7
- export { All };
8
+ export { All, WithHiddenSibling };
@@ -10,7 +10,12 @@ const meta = {
10
10
  const All = {
11
11
  render: () => (_jsxs(StoryContainer, { children: [_jsxs(StoryItemContainer, { children: [_jsx("h3", { children: "Normal" }), _jsx(Logo, { size: "normal" })] }), _jsxs(StoryItemContainer, { children: [_jsx("h3", { children: "Large" }), _jsx(Logo, { size: "large" })] }), _jsxs(StoryItemContainer, { children: [_jsx("h3", { children: "Huge" }), _jsx(Logo, { size: "huge" })] }), _jsxs(StoryItemContainer, { children: [_jsx("h3", { children: "Massive" }), _jsx(Logo, { size: "massive" })] })] }))
12
12
  };
13
+ // A Logo mounted inside a hidden container (e.g. a closed loading overlay) must not affect the visible one.
14
+ // Before each Logo got its own gradient ids, the visible Logo lost the fill of its circle here.
15
+ const WithHiddenSibling = {
16
+ render: () => (_jsxs(StoryContainer, { children: [_jsx("div", { style: { display: 'none' }, children: _jsx(Logo, { size: "huge" }) }), _jsxs(StoryItemContainer, { children: [_jsx("h3", { children: "Visible Logo, hidden Logo mounted before it" }), _jsx(Logo, { size: "massive" })] })] }))
17
+ };
13
18
  // eslint-disable-next-line import/no-default-export
14
19
  export default meta;
15
- export { All };
20
+ export { All, WithHiddenSibling };
16
21
  //# sourceMappingURL=Logo.stories.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Logo.stories.js","sourceRoot":"","sources":["../../../src/components/Logo/Logo.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAC7B,OAAO,EAAE,cAAc,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAA;AAGlE,MAAM,IAAI,GAAS;IACjB,SAAS,EAAE,IAAI;IACf,KAAK,EAAE,sBAAsB;IAC7B,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,MAAM,EAAE,GAAG,EAAE,CAAC,KAAC,IAAI,KAAG;CACvB,CAAA;AAID,MAAM,GAAG,GAAU;IACjB,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,MAAC,cAAc,eACb,MAAC,kBAAkB,eACjB,kCAAe,EACf,KAAC,IAAI,IAAC,IAAI,EAAC,QAAQ,GAAG,IACH,EACrB,MAAC,kBAAkB,eACjB,iCAAc,EACd,KAAC,IAAI,IAAC,IAAI,EAAC,OAAO,GAAG,IACF,EACrB,MAAC,kBAAkB,eACjB,gCAAa,EACb,KAAC,IAAI,IAAC,IAAI,EAAC,MAAM,GAAG,IACD,EACrB,MAAC,kBAAkB,eACjB,mCAAgB,EAChB,KAAC,IAAI,IAAC,IAAI,EAAC,SAAS,GAAG,IACJ,IACN,CAClB;CACF,CAAA;AAED,oDAAoD;AACpD,eAAe,IAAI,CAAA;AACnB,OAAO,EAAE,GAAG,EAAE,CAAA"}
1
+ {"version":3,"file":"Logo.stories.js","sourceRoot":"","sources":["../../../src/components/Logo/Logo.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAC7B,OAAO,EAAE,cAAc,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAA;AAGlE,MAAM,IAAI,GAAS;IACjB,SAAS,EAAE,IAAI;IACf,KAAK,EAAE,sBAAsB;IAC7B,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,MAAM,EAAE,GAAG,EAAE,CAAC,KAAC,IAAI,KAAG;CACvB,CAAA;AAID,MAAM,GAAG,GAAU;IACjB,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,MAAC,cAAc,eACb,MAAC,kBAAkB,eACjB,kCAAe,EACf,KAAC,IAAI,IAAC,IAAI,EAAC,QAAQ,GAAG,IACH,EACrB,MAAC,kBAAkB,eACjB,iCAAc,EACd,KAAC,IAAI,IAAC,IAAI,EAAC,OAAO,GAAG,IACF,EACrB,MAAC,kBAAkB,eACjB,gCAAa,EACb,KAAC,IAAI,IAAC,IAAI,EAAC,MAAM,GAAG,IACD,EACrB,MAAC,kBAAkB,eACjB,mCAAgB,EAChB,KAAC,IAAI,IAAC,IAAI,EAAC,SAAS,GAAG,IACJ,IACN,CAClB;CACF,CAAA;AAED,4GAA4G;AAC5G,gGAAgG;AAChG,MAAM,iBAAiB,GAAU;IAC/B,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,MAAC,cAAc,eACb,cAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,YAC7B,KAAC,IAAI,IAAC,IAAI,EAAC,MAAM,GAAG,GAChB,EACN,MAAC,kBAAkB,eACjB,uEAAoD,EACpD,KAAC,IAAI,IAAC,IAAI,EAAC,SAAS,GAAG,IACJ,IACN,CAClB;CACF,CAAA;AAED,oDAAoD;AACpD,eAAe,IAAI,CAAA;AACnB,OAAO,EAAE,GAAG,EAAE,iBAAiB,EAAE,CAAA"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "decentraland-ui2",
3
- "version": "3.23.4",
3
+ "version": "3.23.5",
4
4
  "description": "Decentraland's UI components and styles",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",
@@ -117,5 +117,5 @@
117
117
  "url": "https://github.com/decentraland/ui2/issues"
118
118
  },
119
119
  "homepage": "https://github.com/decentraland/ui2#readme",
120
- "commit": "67989d43d5a7c8c9dd8ad1e3ec0970214f276cf7"
120
+ "commit": "2cca0cf3d6058514004c3823e3e7bbaa9b40f22c"
121
121
  }