@popsure/dirty-swan 0.30.1 → 0.30.2

package/dist/esm/components/dateSelector/index.test.js

@@ -0,0 +1,65 @@
+import { b as __awaiter, c as __generator } from '../../tslib.es6-5bc94358.js';
+import { jsx } from 'react/jsx-runtime';
+import { c as customRender } from '../../customRender-4157fcff.js';
+import DateSelector from './index.js';
+import 'react';
+import 'react-dom';
+import '../../_commonjsHelpers-e7f67fd8.js';
+import 'react-dom/test-utils';
+import '../../style-inject.es-1f59c1d0.js';
+
+var setup = function (date, onChange) {
+    if (onChange === void 0) { onChange = function () { }; }
+    return customRender(jsx(DateSelector, { value: date, yearBoundaries: { min: 2020, max: 2025 }, onChange: onChange, displayCalendar: true }, void 0));
+};
+describe('DateSelector component', function () {
+    it('should return the selected date when clicking on the calendar', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var callback, date, expectedDate, _a, getByAltText, getByLabelText, user, button, calendarCell;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    callback = jest.fn();
+                    date = '2024-01-01';
+                    expectedDate = '2024-01-17';
+                    _a = setup(date, callback), getByAltText = _a.getByAltText, getByLabelText = _a.getByLabelText, user = _a.user;
+                    button = getByAltText('calendar');
+                    return [4 /*yield*/, user.click(button)];
+                case 1:
+                    _b.sent();
+                    calendarCell = getByLabelText(/17 2024/);
+                    return [4 /*yield*/, user.click(calendarCell)];
+                case 2:
+                    _b.sent();
+                    expect(callback).toHaveBeenCalledWith(expectedDate);
+                    expect(calendarCell).not.toBeVisible();
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it('should close the calendar when clicking outside', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var callback, date, _a, getByAltText, getByLabelText, user, button, calendarCell;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    callback = jest.fn();
+                    date = '2024-01-01';
+                    _a = setup(date, callback), getByAltText = _a.getByAltText, getByLabelText = _a.getByLabelText, user = _a.user;
+                    button = getByAltText('calendar');
+                    return [4 /*yield*/, user.click(button)];
+                case 1:
+                    _b.sent();
+                    calendarCell = getByLabelText(/17 2024/);
+                    expect(calendarCell).toBeVisible();
+                    // click outside the calendar
+                    return [4 /*yield*/, user.click(document.body)];
+                case 2:
+                    // click outside the calendar
+                    _b.sent();
+                    expect(callback).not.toHaveBeenCalled();
+                    expect(calendarCell).not.toBeVisible();
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+});
+//# sourceMappingURL=index.test.js.map

package/dist/esm/components/dateSelector/index.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.test.js","sources":["../../../../../src/lib/components/dateSelector/index.test.tsx"],"sourcesContent":["import { render, fireEvent } from '../../util/testUtils';\n\nimport DateSelector from '.';\n\nconst setup = (date: string, onChange: (date: string) => void = () => {}) => {\n  return render(\n    <DateSelector\n      value={date}\n      yearBoundaries={{ min: 2020, max: 2025 }}\n      onChange={onChange}\n      displayCalendar\n    />\n  );\n};\n\ndescribe('DateSelector component', () => {\n  it('should return the selected date when clicking on the calendar', async () => {\n    const callback = jest.fn();\n    const date = '2024-01-01';\n    const expectedDate = '2024-01-17';\n    const { getByAltText, getByLabelText, user } = setup(date, callback);\n    const button = getByAltText('calendar');\n\n    await user.click(button);\n\n    const calendarCell = getByLabelText(/17 2024/);\n\n    await user.click(calendarCell);\n\n    expect(callback).toHaveBeenCalledWith(expectedDate);\n\n    expect(calendarCell).not.toBeVisible();\n  });\n\n  it('should close the calendar when clicking outside', async () => {\n    const callback = jest.fn();\n    const date = '2024-01-01';\n    const { getByAltText, getByLabelText, user } = setup(date, callback);\n    const button = getByAltText('calendar');\n\n    await user.click(button);\n\n    const calendarCell = getByLabelText(/17 2024/);\n    expect(calendarCell).toBeVisible();\n\n    // click outside the calendar\n    await user.click(document.body);\n\n    expect(callback).not.toHaveBeenCalled();\n\n    expect(calendarCell).not.toBeVisible();\n  });\n});\n"],"names":["render","_jsx"],"mappings":";;;;;;;;;;AAIA,IAAM,KAAK,GAAG,UAAC,IAAY,EAAE,QAA2C;IAA3C,yBAAA,EAAA,0BAA2C;IACtE,OAAOA,YAAM,CACXC,IAAC,YAAY,IACX,KAAK,EAAE,IAAI,EACX,cAAc,EAAE,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,EACxC,QAAQ,EAAE,QAAQ,EAClB,eAAe,iBACf,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,QAAQ,CAAC,wBAAwB,EAAE;IACjC,EAAE,CAAC,+DAA+D,EAAE;;;;;oBAC5D,QAAQ,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;oBACrB,IAAI,GAAG,YAAY,CAAC;oBACpB,YAAY,GAAG,YAAY,CAAC;oBAC5B,KAAyC,KAAK,CAAC,IAAI,EAAE,QAAQ,CAAC,EAA5D,YAAY,kBAAA,EAAE,cAAc,oBAAA,EAAE,IAAI,UAAA,CAA2B;oBAC/D,MAAM,GAAG,YAAY,CAAC,UAAU,CAAC,CAAC;oBAExC,qBAAM,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,EAAA;;oBAAxB,SAAwB,CAAC;oBAEnB,YAAY,GAAG,cAAc,CAAC,SAAS,CAAC,CAAC;oBAE/C,qBAAM,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,EAAA;;oBAA9B,SAA8B,CAAC;oBAE/B,MAAM,CAAC,QAAQ,CAAC,CAAC,oBAAoB,CAAC,YAAY,CAAC,CAAC;oBAEpD,MAAM,CAAC,YAAY,CAAC,CAAC,GAAG,CAAC,WAAW,EAAE,CAAC;;;;SACxC,CAAC,CAAC;IAEH,EAAE,CAAC,iDAAiD,EAAE;;;;;oBAC9C,QAAQ,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;oBACrB,IAAI,GAAG,YAAY,CAAC;oBACpB,KAAyC,KAAK,CAAC,IAAI,EAAE,QAAQ,CAAC,EAA5D,YAAY,kBAAA,EAAE,cAAc,oBAAA,EAAE,IAAI,UAAA,CAA2B;oBAC/D,MAAM,GAAG,YAAY,CAAC,UAAU,CAAC,CAAC;oBAExC,qBAAM,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,EAAA;;oBAAxB,SAAwB,CAAC;oBAEnB,YAAY,GAAG,cAAc,CAAC,SAAS,CAAC,CAAC;oBAC/C,MAAM,CAAC,YAAY,CAAC,CAAC,WAAW,EAAE,CAAC;;oBAGnC,qBAAM,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAA;;;oBAA/B,SAA+B,CAAC;oBAEhC,MAAM,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,gBAAgB,EAAE,CAAC;oBAExC,MAAM,CAAC,YAAY,CAAC,CAAC,GAAG,CAAC,WAAW,EAAE,CAAC;;;;SACxC,CAAC,CAAC;AACL,CAAC,CAAC"}

package/dist/esm/lib/components/dateSelector/index.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/esm/lib/hooks/useOnClickOutside.d.ts

@@ -0,0 +1,2 @@
+import { RefObject } from 'react';
+export declare const useOnClickOutside: (ref: RefObject<HTMLDivElement | null>, callback: (e: Event) => void) => void;

package/dist/esm/lib/scss/public/demo.d.ts

@@ -1 +1,2 @@
 export declare const Colors: () => JSX.Element;
+export declare const BoxShadows: () => JSX.Element;

package/dist/esm/scss/public/demo.js

@@ -279,6 +279,12 @@ var Colors = function () { return (jsxs("table", __assign({ style: { width: '100
                 jsx("td", { children: "tc-" + color.code }, void 0),
                 jsx("td", { children: "bg-" + color.code }, void 0),
                 jsx("td", { children: color.hex }, void 0)] }), void 0)); })] }), void 0)); };
+var BoxShadows = function () {
+    return (jsxs("div", __assign({ className: "d-flex fd-row f-wrap gap16" }, { children: [jsx("div", __assign({ className: "d-flex ai-center jc-center ws2 border br8 bs-xs p-p", style: { height: '136px' } }, { children: ".bx-xs" }), void 0),
+            jsx("div", __assign({ className: "d-flex ai-center jc-center ws2 border br8 bs-sm p-p", style: { height: '136px' } }, { children: ".bx-sm" }), void 0),
+            jsx("div", __assign({ className: "d-flex ai-center jc-center ws2 border br8 bs-md p-p", style: { height: '136px' } }, { children: ".bx-md" }), void 0),
+            jsx("div", __assign({ className: "d-flex ai-center jc-center ws2 border br8 bs-lg p-p", style: { height: '136px' } }, { children: ".bx-lg" }), void 0)] }), void 0));
+};
 
-export { Colors };
+export { BoxShadows, Colors };
 //# sourceMappingURL=demo.js.map

package/dist/esm/scss/public/demo.js.map

@@ -1 +1 @@
-{"version":3,"file":"demo.js","sources":["../../../../../src/lib/scss/public/demo.tsx"],"sourcesContent":["import React from 'react';\n\nconst colors = [\n  {\n    name: 'Transparent',\n    code: 'transparent',\n    hex: 'transparent',\n  },\n  {\n    name: 'White',\n    code: 'white',\n    hex: '#fff',\n  },\n  {\n    name: 'Primary 25',\n    code: 'primary-25',\n    hex: '#fcfcff',\n  },\n  {\n    name: 'Primary 50',\n    code: 'primary-50',\n    hex: '#f7f7ff',\n  },\n  {\n    name: 'Primary 100',\n    code: 'primary-100',\n    hex: '#e6e5ff',\n  },\n  {\n    name: 'Primary 300',\n    code: 'primary-300',\n    hex: '#b1b0f5',\n  },\n  {\n    name: 'Primary 500',\n    code: 'primary-500',\n    hex: '#8e8cee',\n  },\n  {\n    name: 'Primary 700',\n    code: 'primary-700',\n    hex: '#6160a2',\n  },\n  {\n    name: 'Primary 900',\n    code: 'primary-900',\n    hex: '#2e2e4c',\n  },\n  {\n    name: 'Blue 100',\n    code: 'blue-100',\n    hex: '#e5f0ff',\n  },\n  {\n    name: 'Blue 300',\n    code: 'blue-300',\n    hex: '#b0cdf3',\n  },\n  {\n    name: 'Blue 500',\n    code: 'blue-500',\n    hex: '#8bb4ea',\n  },\n  {\n    name: 'Blue 700',\n    code: 'blue-700',\n    hex: '#5f7ba0',\n  },\n  {\n    name: 'Blue 900',\n    code: 'blue-900',\n    hex: '#2d394a',\n  },\n  {\n    name: 'Glacier 100',\n    code: 'glacier-100',\n    hex: '#e0f7fe',\n  },\n  {\n    name: 'Glacier 300',\n    code: 'glacier-300',\n    hex: '#aeddec',\n  },\n  {\n    name: 'Glacier 500',\n    code: 'glacier-500',\n    hex: '#8bcbdf',\n  },\n  {\n    name: 'Glacier 700',\n    code: 'glacier-700',\n    hex: '#5d8896',\n  },\n  {\n    name: 'Glacier 900',\n    code: 'glacier-900',\n    hex: '#2d4148',\n  },\n  {\n    name: 'Red 100',\n    code: 'red-100',\n    hex: '#fedede',\n  },\n  {\n    name: 'Red 300',\n    code: 'red-300',\n    hex: '#faa0a0',\n  },\n  {\n    name: 'Red 500',\n    code: 'red-500',\n    hex: '#e55454',\n  },\n  {\n    name: 'Red 700',\n    code: 'red-700',\n    hex: '#c64848',\n  },\n  {\n    name: 'Red 900',\n    code: 'red-900',\n    hex: '#4b2525',\n  },\n  {\n    name: 'Pink 100',\n    code: 'pink-100',\n    hex: '#ffebf1',\n  },\n  {\n    name: 'Pink 300',\n    code: 'pink-300',\n    hex: '#ffb1cb',\n  },\n  {\n    name: 'Pink 500',\n    code: 'pink-500',\n    hex: '#f96092',\n  },\n  {\n    name: 'Pink 700',\n    code: 'pink-700',\n    hex: '#c0305f',\n  },\n  {\n    name: 'Pink 900',\n    code: 'pink-900',\n    hex: '#700024',\n  },\n  {\n    name: 'Grey 100',\n    code: 'grey-100',\n    hex: '#fafaff',\n  },\n  {\n    name: 'Grey 200',\n    code: 'grey-200',\n    hex: '#f5f6fb',\n  },\n  {\n    name: 'Grey 300',\n    code: 'grey-300',\n    hex: '#d2d2d8',\n  },\n  {\n    name: 'Grey 500',\n    code: 'grey-500',\n    hex: '#91919c',\n  },\n  {\n    name: 'Grey 600',\n    code: 'grey-600',\n    hex: '#696970',\n  },\n  {\n    name: 'Grey 700',\n    code: 'grey-700',\n    hex: '#4c4c53',\n  },\n  {\n    name: 'Grey 900',\n    code: 'grey-900',\n    hex: '#26262e',\n  },\n  {\n    name: 'Green 100',\n    code: 'green-100',\n    hex: '#e4ffe6',\n  },\n  {\n    name: 'Green 300',\n    code: 'green-300',\n    hex: '#c4f5c8',\n  },\n  {\n    name: 'Green 500',\n    code: 'green-500',\n    hex: '#84de8a',\n  },\n  {\n    name: 'Green 700',\n    code: 'green-700',\n    hex: '#5b985f',\n  },\n  {\n    name: 'Green 900',\n    code: 'green-900',\n    hex: '#354a2d',\n  },\n  {\n    name: 'Spearmint 100',\n    code: 'spearmint-100',\n    hex: '#e3fff2',\n  },\n  {\n    name: 'Spearmint 300',\n    code: 'spearmint-300',\n    hex: '#aaeacc',\n  },\n  {\n    name: 'Spearmint 500',\n    code: 'spearmint-500',\n    hex: '#85dcb4',\n  },\n  {\n    name: 'Spearmint 700',\n    code: 'spearmint-700',\n    hex: '#599278',\n  },\n  {\n    name: 'Spearmint 900',\n    code: 'spearmint-900',\n    hex: '#2b4639',\n  },\n  {\n    name: 'Yellow 100',\n    code: 'yellow-100',\n    hex: '#fff8e3',\n  },\n  {\n    name: 'Yellow 300',\n    code: 'yellow-300',\n    hex: '#fae3a5',\n  },\n  {\n    name: 'Yellow 500',\n    code: 'yellow-500',\n    hex: '#f7ce5c',\n  },\n  {\n    name: 'Yellow 700',\n    code: 'yellow-700',\n    hex: '#cc9e21',\n  },\n  {\n    name: 'Yellow 900',\n    code: 'yellow-900',\n    hex: '#4a3d10',\n  },\n];\n\nexport const Colors = () => (\n  <table style={{ width: '100%' }}>\n    <tr\n      style={{\n        height: '40px',\n        lineHeight: '40px',\n        textAlign: 'left',\n      }}\n    >\n      <th style={{ fontWeight: 'bold' }}>Color</th>\n      <th style={{ fontWeight: 'bold' }}>Name</th>\n      <th style={{ fontWeight: 'bold' }}>Sass</th>\n      <th style={{ fontWeight: 'bold' }}>Text color class</th>\n      <th style={{ fontWeight: 'bold' }}>BG color class</th>\n      <th style={{ fontWeight: 'bold' }}>Hex</th>\n    </tr>\n    {colors.map((color) => (\n      <tr style={{ height: '40px', lineHeight: '40px' }}>\n        <td>\n          <div\n            style={{\n              width: '24px',\n              height: '24px',\n              borderRadius: '4px',\n              backgroundColor: color.hex,\n            }}\n          />\n        </td>\n        <td>{color.name}</td>\n        <td>{`$ds-${color.code}`}</td>\n        <td>{`tc-${color.code}`}</td>\n        <td>{`bg-${color.code}`}</td>\n        <td>{color.hex}</td>\n      </tr>\n    ))}\n  </table>\n);\n"],"names":["_jsxs","_jsx"],"mappings":";;;AAEA,IAAM,MAAM,GAAG;IACb;QACE,IAAI,EAAE,aAAa;QACnB,IAAI,EAAE,aAAa;QACnB,GAAG,EAAE,aAAa;KACnB;IACD;QACE,IAAI,EAAE,OAAO;QACb,IAAI,EAAE,OAAO;QACb,GAAG,EAAE,MAAM;KACZ;IACD;QACE,IAAI,EAAE,YAAY;QAClB,IAAI,EAAE,YAAY;QAClB,GAAG,EAAE,SAAS;KACf;IACD;QACE,IAAI,EAAE,YAAY;QAClB,IAAI,EAAE,YAAY;QAClB,GAAG,EAAE,SAAS;KACf;IACD;QACE,IAAI,EAAE,aAAa;QACnB,IAAI,EAAE,aAAa;QACnB,GAAG,EAAE,SAAS;KACf;IACD;QACE,IAAI,EAAE,aAAa;QACnB,IAAI,EAAE,aAAa;QACnB,GAAG,EAAE,SAAS;KACf;IACD;QACE,IAAI,EAAE,aAAa;QACnB,IAAI,EAAE,aAAa;QACnB,GAAG,EAAE,SAAS;KACf;IACD;QACE,IAAI,EAAE,aAAa;QACnB,IAAI,EAAE,aAAa;QACnB,GAAG,EAAE,SAAS;KACf;IACD;QACE,IAAI,EAAE,aAAa;QACnB,IAAI,EAAE,aAAa;QACnB,GAAG,EAAE,SAAS;KACf;IACD;QACE,IAAI,EAAE,UAAU;QAChB,IAAI,EAAE,UAAU;QAChB,GAAG,EAAE,SAAS;KACf;IACD;QACE,IAAI,EAAE,UAAU;QAChB,IAAI,EAAE,UAAU;QAChB,GAAG,EAAE,SAAS;KACf;IACD;QACE,IAAI,EAAE,UAAU;QAChB,IAAI,EAAE,UAAU;QAChB,GAAG,EAAE,SAAS;KACf;IACD;QACE,IAAI,EAAE,UAAU;QAChB,IAAI,EAAE,UAAU;QAChB,GAAG,EAAE,SAAS;KACf;IACD;QACE,IAAI,EAAE,UAAU;QAChB,IAAI,EAAE,UAAU;QAChB,GAAG,EAAE,SAAS;KACf;IACD;QACE,IAAI,EAAE,aAAa;QACnB,IAAI,EAAE,aAAa;QACnB,GAAG,EAAE,SAAS;KACf;IACD;QACE,IAAI,EAAE,aAAa;QACnB,IAAI,EAAE,aAAa;QACnB,GAAG,EAAE,SAAS;KACf;IACD;QACE,IAAI,EAAE,aAAa;QACnB,IAAI,EAAE,aAAa;QACnB,GAAG,EAAE,SAAS;KACf;IACD;QACE,IAAI,EAAE,aAAa;QACnB,IAAI,EAAE,aAAa;QACnB,GAAG,EAAE,SAAS;KACf;IACD;QACE,IAAI,EAAE,aAAa;QACnB,IAAI,EAAE,aAAa;QACnB,GAAG,EAAE,SAAS;KACf;IACD;QACE,IAAI,EAAE,SAAS;QACf,IAAI,EAAE,SAAS;QACf,GAAG,EAAE,SAAS;KACf;IACD;QACE,IAAI,EAAE,SAAS;QACf,IAAI,EAAE,SAAS;QACf,GAAG,EAAE,SAAS;KACf;IACD;QACE,IAAI,EAAE,SAAS;QACf,IAAI,EAAE,SAAS;QACf,GAAG,EAAE,SAAS;KACf;IACD;QACE,IAAI,EAAE,SAAS;QACf,IAAI,EAAE,SAAS;QACf,GAAG,EAAE,SAAS;KACf;IACD;QACE,IAAI,EAAE,SAAS;QACf,IAAI,EAAE,SAAS;QACf,GAAG,EAAE,SAAS;KACf;IACD;QACE,IAAI,EAAE,UAAU;QAChB,IAAI,EAAE,UAAU;QAChB,GAAG,EAAE,SAAS;KACf;IACD;QACE,IAAI,EAAE,UAAU;QAChB,IAAI,EAAE,UAAU;QAChB,GAAG,EAAE,SAAS;KACf;IACD;QACE,IAAI,EAAE,UAAU;QAChB,IAAI,EAAE,UAAU;QAChB,GAAG,EAAE,SAAS;KACf;IACD;QACE,IAAI,EAAE,UAAU;QAChB,IAAI,EAAE,UAAU;QAChB,GAAG,EAAE,SAAS;KACf;IACD;QACE,IAAI,EAAE,UAAU;QAChB,IAAI,EAAE,UAAU;QAChB,GAAG,EAAE,SAAS;KACf;IACD;QACE,IAAI,EAAE,UAAU;QAChB,IAAI,EAAE,UAAU;QAChB,GAAG,EAAE,SAAS;KACf;IACD;QACE,IAAI,EAAE,UAAU;QAChB,IAAI,EAAE,UAAU;QAChB,GAAG,EAAE,SAAS;KACf;IACD;QACE,IAAI,EAAE,UAAU;QAChB,IAAI,EAAE,UAAU;QAChB,GAAG,EAAE,SAAS;KACf;IACD;QACE,IAAI,EAAE,UAAU;QAChB,IAAI,EAAE,UAAU;QAChB,GAAG,EAAE,SAAS;KACf;IACD;QACE,IAAI,EAAE,UAAU;QAChB,IAAI,EAAE,UAAU;QAChB,GAAG,EAAE,SAAS;KACf;IACD;QACE,IAAI,EAAE,UAAU;QAChB,IAAI,EAAE,UAAU;QAChB,GAAG,EAAE,SAAS;KACf;IACD;QACE,IAAI,EAAE,UAAU;QAChB,IAAI,EAAE,UAAU;QAChB,GAAG,EAAE,SAAS;KACf;IACD;QACE,IAAI,EAAE,WAAW;QACjB,IAAI,EAAE,WAAW;QACjB,GAAG,EAAE,SAAS;KACf;IACD;QACE,IAAI,EAAE,WAAW;QACjB,IAAI,EAAE,WAAW;QACjB,GAAG,EAAE,SAAS;KACf;IACD;QACE,IAAI,EAAE,WAAW;QACjB,IAAI,EAAE,WAAW;QACjB,GAAG,EAAE,SAAS;KACf;IACD;QACE,IAAI,EAAE,WAAW;QACjB,IAAI,EAAE,WAAW;QACjB,GAAG,EAAE,SAAS;KACf;IACD;QACE,IAAI,EAAE,WAAW;QACjB,IAAI,EAAE,WAAW;QACjB,GAAG,EAAE,SAAS;KACf;IACD;QACE,IAAI,EAAE,eAAe;QACrB,IAAI,EAAE,eAAe;QACrB,GAAG,EAAE,SAAS;KACf;IACD;QACE,IAAI,EAAE,eAAe;QACrB,IAAI,EAAE,eAAe;QACrB,GAAG,EAAE,SAAS;KACf;IACD;QACE,IAAI,EAAE,eAAe;QACrB,IAAI,EAAE,eAAe;QACrB,GAAG,EAAE,SAAS;KACf;IACD;QACE,IAAI,EAAE,eAAe;QACrB,IAAI,EAAE,eAAe;QACrB,GAAG,EAAE,SAAS;KACf;IACD;QACE,IAAI,EAAE,eAAe;QACrB,IAAI,EAAE,eAAe;QACrB,GAAG,EAAE,SAAS;KACf;IACD;QACE,IAAI,EAAE,YAAY;QAClB,IAAI,EAAE,YAAY;QAClB,GAAG,EAAE,SAAS;KACf;IACD;QACE,IAAI,EAAE,YAAY;QAClB,IAAI,EAAE,YAAY;QAClB,GAAG,EAAE,SAAS;KACf;IACD;QACE,IAAI,EAAE,YAAY;QAClB,IAAI,EAAE,YAAY;QAClB,GAAG,EAAE,SAAS;KACf;IACD;QACE,IAAI,EAAE,YAAY;QAClB,IAAI,EAAE,YAAY;QAClB,GAAG,EAAE,SAAS;KACf;IACD;QACE,IAAI,EAAE,YAAY;QAClB,IAAI,EAAE,YAAY;QAClB,GAAG,EAAE,SAAS;KACf;CACF,CAAC;IAEW,MAAM,GAAG,cAAM,QAC1BA,yBAAO,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,iBAC7BA,sBACE,KAAK,EAAE;gBACL,MAAM,EAAE,MAAM;gBACd,UAAU,EAAE,MAAM;gBAClB,SAAS,EAAE,MAAM;aAClB,iBAEDC,qBAAI,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,mCAAY;gBAC7CA,qBAAI,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,kCAAW;gBAC5CA,qBAAI,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,kCAAW;gBAC5CA,qBAAI,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,8CAAuB;gBACxDA,qBAAI,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,4CAAqB;gBACtDA,qBAAI,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,iCAAU,aACxC;QACJ,MAAM,CAAC,GAAG,CAAC,UAAC,KAAK,IAAK,QACrBD,sBAAI,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,iBAC/CC,sBACEA,aACE,KAAK,EAAE;4BACL,KAAK,EAAE,MAAM;4BACb,MAAM,EAAE,MAAM;4BACd,YAAY,EAAE,KAAK;4BACnB,eAAe,EAAE,KAAK,CAAC,GAAG;yBAC3B,WACD,WACC;gBACLA,sBAAK,KAAK,CAAC,IAAI,WAAM;gBACrBA,sBAAK,SAAO,KAAK,CAAC,IAAM,WAAM;gBAC9BA,sBAAK,QAAM,KAAK,CAAC,IAAM,WAAM;gBAC7BA,sBAAK,QAAM,KAAK,CAAC,IAAM,WAAM;gBAC7BA,sBAAK,KAAK,CAAC,GAAG,WAAM,aACjB,IACN,CAAC,aACI;;;;"}
+{"version":3,"file":"demo.js","sources":["../../../../../src/lib/scss/public/demo.tsx"],"sourcesContent":["import React from 'react';\n\nconst colors = [\n  {\n    name: 'Transparent',\n    code: 'transparent',\n    hex: 'transparent',\n  },\n  {\n    name: 'White',\n    code: 'white',\n    hex: '#fff',\n  },\n  {\n    name: 'Primary 25',\n    code: 'primary-25',\n    hex: '#fcfcff',\n  },\n  {\n    name: 'Primary 50',\n    code: 'primary-50',\n    hex: '#f7f7ff',\n  },\n  {\n    name: 'Primary 100',\n    code: 'primary-100',\n    hex: '#e6e5ff',\n  },\n  {\n    name: 'Primary 300',\n    code: 'primary-300',\n    hex: '#b1b0f5',\n  },\n  {\n    name: 'Primary 500',\n    code: 'primary-500',\n    hex: '#8e8cee',\n  },\n  {\n    name: 'Primary 700',\n    code: 'primary-700',\n    hex: '#6160a2',\n  },\n  {\n    name: 'Primary 900',\n    code: 'primary-900',\n    hex: '#2e2e4c',\n  },\n  {\n    name: 'Blue 100',\n    code: 'blue-100',\n    hex: '#e5f0ff',\n  },\n  {\n    name: 'Blue 300',\n    code: 'blue-300',\n    hex: '#b0cdf3',\n  },\n  {\n    name: 'Blue 500',\n    code: 'blue-500',\n    hex: '#8bb4ea',\n  },\n  {\n    name: 'Blue 700',\n    code: 'blue-700',\n    hex: '#5f7ba0',\n  },\n  {\n    name: 'Blue 900',\n    code: 'blue-900',\n    hex: '#2d394a',\n  },\n  {\n    name: 'Glacier 100',\n    code: 'glacier-100',\n    hex: '#e0f7fe',\n  },\n  {\n    name: 'Glacier 300',\n    code: 'glacier-300',\n    hex: '#aeddec',\n  },\n  {\n    name: 'Glacier 500',\n    code: 'glacier-500',\n    hex: '#8bcbdf',\n  },\n  {\n    name: 'Glacier 700',\n    code: 'glacier-700',\n    hex: '#5d8896',\n  },\n  {\n    name: 'Glacier 900',\n    code: 'glacier-900',\n    hex: '#2d4148',\n  },\n  {\n    name: 'Red 100',\n    code: 'red-100',\n    hex: '#fedede',\n  },\n  {\n    name: 'Red 300',\n    code: 'red-300',\n    hex: '#faa0a0',\n  },\n  {\n    name: 'Red 500',\n    code: 'red-500',\n    hex: '#e55454',\n  },\n  {\n    name: 'Red 700',\n    code: 'red-700',\n    hex: '#c64848',\n  },\n  {\n    name: 'Red 900',\n    code: 'red-900',\n    hex: '#4b2525',\n  },\n  {\n    name: 'Pink 100',\n    code: 'pink-100',\n    hex: '#ffebf1',\n  },\n  {\n    name: 'Pink 300',\n    code: 'pink-300',\n    hex: '#ffb1cb',\n  },\n  {\n    name: 'Pink 500',\n    code: 'pink-500',\n    hex: '#f96092',\n  },\n  {\n    name: 'Pink 700',\n    code: 'pink-700',\n    hex: '#c0305f',\n  },\n  {\n    name: 'Pink 900',\n    code: 'pink-900',\n    hex: '#700024',\n  },\n  {\n    name: 'Grey 100',\n    code: 'grey-100',\n    hex: '#fafaff',\n  },\n  {\n    name: 'Grey 200',\n    code: 'grey-200',\n    hex: '#f5f6fb',\n  },\n  {\n    name: 'Grey 300',\n    code: 'grey-300',\n    hex: '#d2d2d8',\n  },\n  {\n    name: 'Grey 500',\n    code: 'grey-500',\n    hex: '#91919c',\n  },\n  {\n    name: 'Grey 600',\n    code: 'grey-600',\n    hex: '#696970',\n  },\n  {\n    name: 'Grey 700',\n    code: 'grey-700',\n    hex: '#4c4c53',\n  },\n  {\n    name: 'Grey 900',\n    code: 'grey-900',\n    hex: '#26262e',\n  },\n  {\n    name: 'Green 100',\n    code: 'green-100',\n    hex: '#e4ffe6',\n  },\n  {\n    name: 'Green 300',\n    code: 'green-300',\n    hex: '#c4f5c8',\n  },\n  {\n    name: 'Green 500',\n    code: 'green-500',\n    hex: '#84de8a',\n  },\n  {\n    name: 'Green 700',\n    code: 'green-700',\n    hex: '#5b985f',\n  },\n  {\n    name: 'Green 900',\n    code: 'green-900',\n    hex: '#354a2d',\n  },\n  {\n    name: 'Spearmint 100',\n    code: 'spearmint-100',\n    hex: '#e3fff2',\n  },\n  {\n    name: 'Spearmint 300',\n    code: 'spearmint-300',\n    hex: '#aaeacc',\n  },\n  {\n    name: 'Spearmint 500',\n    code: 'spearmint-500',\n    hex: '#85dcb4',\n  },\n  {\n    name: 'Spearmint 700',\n    code: 'spearmint-700',\n    hex: '#599278',\n  },\n  {\n    name: 'Spearmint 900',\n    code: 'spearmint-900',\n    hex: '#2b4639',\n  },\n  {\n    name: 'Yellow 100',\n    code: 'yellow-100',\n    hex: '#fff8e3',\n  },\n  {\n    name: 'Yellow 300',\n    code: 'yellow-300',\n    hex: '#fae3a5',\n  },\n  {\n    name: 'Yellow 500',\n    code: 'yellow-500',\n    hex: '#f7ce5c',\n  },\n  {\n    name: 'Yellow 700',\n    code: 'yellow-700',\n    hex: '#cc9e21',\n  },\n  {\n    name: 'Yellow 900',\n    code: 'yellow-900',\n    hex: '#4a3d10',\n  },\n];\n\nexport const Colors = () => (\n  <table style={{ width: '100%' }}>\n    <tr\n      style={{\n        height: '40px',\n        lineHeight: '40px',\n        textAlign: 'left',\n      }}\n    >\n      <th style={{ fontWeight: 'bold' }}>Color</th>\n      <th style={{ fontWeight: 'bold' }}>Name</th>\n      <th style={{ fontWeight: 'bold' }}>Sass</th>\n      <th style={{ fontWeight: 'bold' }}>Text color class</th>\n      <th style={{ fontWeight: 'bold' }}>BG color class</th>\n      <th style={{ fontWeight: 'bold' }}>Hex</th>\n    </tr>\n    {colors.map((color) => (\n      <tr style={{ height: '40px', lineHeight: '40px' }}>\n        <td>\n          <div\n            style={{\n              width: '24px',\n              height: '24px',\n              borderRadius: '4px',\n              backgroundColor: color.hex,\n            }}\n          />\n        </td>\n        <td>{color.name}</td>\n        <td>{`$ds-${color.code}`}</td>\n        <td>{`tc-${color.code}`}</td>\n        <td>{`bg-${color.code}`}</td>\n        <td>{color.hex}</td>\n      </tr>\n    ))}\n  </table>\n);\n\nexport const BoxShadows = () => {\n  return (\n    <div className=\"d-flex fd-row f-wrap gap16\">\n      <div\n        className=\"d-flex ai-center jc-center ws2 border br8 bs-xs p-p\"\n        style={{ height: '136px' }}\n      >\n        .bx-xs\n      </div>\n      <div\n        className=\"d-flex ai-center jc-center ws2 border br8 bs-sm p-p\"\n        style={{ height: '136px' }}\n      >\n        .bx-sm\n      </div>\n      <div\n        className=\"d-flex ai-center jc-center ws2 border br8 bs-md p-p\"\n        style={{ height: '136px' }}\n      >\n        .bx-md\n      </div>\n      <div\n        className=\"d-flex ai-center jc-center ws2 border br8 bs-lg p-p\"\n        style={{ height: '136px' }}\n      >\n        .bx-lg\n      </div>\n    </div>\n  );\n};\n"],"names":["_jsxs","_jsx"],"mappings":"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"}

package/dist/index.css

@@ -2288,7 +2288,7 @@ body {
 }
 .p-btn--primary:focus {
   outline: none;
-  box-shadow: 0 0 0 2px rgba(142, 140, 238, 0.5);
+  box-shadow: 0 0 0 1px white, 0 0 0 3px rgba(142, 140, 238, 0.5);
 }
 .p-btn--secondary, .p-btn--secondary-grey {
   background-color: transparent;
@@ -2310,7 +2310,7 @@ body {
 }
 .p-btn--secondary:focus, .p-btn--secondary-grey:focus {
   outline: none;
-  box-shadow: 0 0 0 2px rgba(142, 140, 238, 0.5);
+  box-shadow: 0 0 0 1px white, 0 0 0 3px rgba(142, 140, 238, 0.5);
 }
 .p-btn--secondary-grey {
   background-color: #f7f7ff;
@@ -2333,7 +2333,7 @@ body {
 }
 .p-btn--danger:focus {
   outline: none;
-  box-shadow: 0 0 0 2px rgba(229, 84, 84, 0.5);
+  box-shadow: 0 0 0 1px white, 0 0 0 3px rgba(142, 140, 238, 0.5);
 }
 .p-btn--loading {
   color: transparent;
@@ -2699,6 +2699,22 @@ input:checked[type=checkbox] + .p-label--bordered {
   box-shadow: none;
 }
 
+.bs-xs {
+  box-shadow: 0px 4px 6px rgba(97, 96, 162, 0.01);
+}
+
+.bs-sm {
+  box-shadow: 0px 2px 28px rgba(97, 96, 162, 0.1);
+}
+
+.bs-md {
+  box-shadow: 0px 2px 28px rgba(97, 96, 162, 0.12);
+}
+
+.bs-lg {
+  box-shadow: 0px 2px 28px rgba(97, 96, 162, 0.15);
+}
+
 .fw-normal {
   font-weight: 400 !important;
 }

package/dist/index.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["lib/scss/private/_reset.scss","lib/scss/private/base/_display.scss","lib/scss/public/grid.scss","lib/scss/private/base/_grid.scss","lib/scss/private/base/flex/_flex.scss","lib/scss/private/base/_spacing.scss","lib/scss/private/base/_width_and_height.scss","lib/scss/private/base/_colors.scss","lib/scss/public/font-weight.scss","lib/scss/public/font/default.scss","lib/scss/private/base/_typography.scss","lib/scss/public/colors/default.scss","lib/scss/private/base/_cursors.scss","lib/scss/private/base/_border_radius.scss","lib/scss/private/components/_buttons.scss","lib/scss/utils/_index.scss","lib/scss/private/components/_input.scss","lib/scss/private/components/_notices.scss","lib/scss/private/components/_badge.scss","lib/scss/private/components/_spinner.scss","lib/scss/private/components/_cards.scss","lib/scss/third-party/_google_places.scss","lib/scss/index.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAqFE;EACA;EACA;EACA;EACA;EACA;;;AAGF;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAWE;;;AAGF;EACE;;;AAGF;AAAA;EAEE;;;AAGF;AAAA;EAEE;;;AAIA;EAEE;EACA;;;AAKF;EAEE;EACA;;;AAIJ;EACE;EACA;;;AAGF;AAAA;EAEE;EACA;;;AAGF;AACA;EACE;;;ACxJF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AC5BA;ECHF;IAEI;;;ADOF;ECTF;IAMI;;;ADSF;ECfF;IAUI;IACA;;;;AAIJ;EACE;EACA;EACA;EACA;EACA;;;ACpBF;AA0BE;EACE,aApBW;;;AAmBb;EACE,aApBW;;;AAmBb;EACE,aApBW;;;AAmBb;EACE,aApBW;;;AAmBb;EACE,aApBW;;;AA0Bb;EACE,iBAnBY;;;AAkBd;EACE,iBAnBY;;;AAkBd;EACE,iBAnBY;;;AAkBd;EACE,iBAnBY;;;AAkBd;EACE,iBAnBY;;;AAkBd;EACE,iBAnBY;;;AAuBhB;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AC1DA;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AAMF;EACE;EACA;;;AAGF;EACE;EACA;;;AAPF;EACE;EACA;;;AAGF;EACE;EACA;;;AAPF;EACE;EACA;;;AAGF;EACE;EACA;;;AAPF;EACE;EACA;;;AAGF;EACE;EACA;;;AAPF;EACE;EACA;;;AAGF;EACE;EACA;;;AAPF;EACE;EACA;;;AAGF;EACE;EACA;;;AAPF;EACE;EACA;;;AAGF;EACE;EACA;;;AAPF;EACE;EACA;;;AAGF;EACE;EACA;;;AAPF;EACE;EACA;;;AAGF;EACE;EACA;;;AAPF;EACE;EACA;;;AAGF;EACE;EACA;;;AAPF;EACE;EACA;;;AAGF;EACE;EACA;;;AAPF;EACE;EACA;;;AAGF;EACE;EACA;;;AAPF;EACE;EACA;;;AAGF;EACE;EACA;;;AAMF;EACE;EACA;;;AAGF;EACE;EACA;;;AAPF;EACE;EACA;;;AAGF;EACE;EACA;;;AAPF;EACE;EACA;;;AAGF;EACE;EACA;;;AAPF;EACE;EACA;;;AAGF;EACE;EACA;;;AAPF;EACE;EACA;;;AAGF;EACE;EACA;;;AAPF;EACE;EACA;;;AAGF;EACE;EACA;;;AAPF;EACE;EACA;;;AAGF;EACE;EACA;;;AAPF;EACE;EACA;;;AAGF;EACE;EACA;;;AAPF;EACE;EACA;;;AAGF;EACE;EACA;;;AAPF;EACE;EACA;;;AAGF;EACE;EACA;;;AAPF;EACE;EACA;;;AAGF;EACE;EACA;;;AAPF;EACE;EACA;;;AAGF;EACE;EACA;;;AAPF;EACE;EACA;;;AAGF;EACE;EACA;;;AAcA;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AAKJ;EACE;;;AAXA;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AAKJ;EACE;;;AAXA;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AAKJ;EACE;;;AAXA;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AAKJ;EACE;;;AAIJ;EACE;;;AAGF;EACE;EACA;;;AAEF;EACE;EACA;;;AAIA;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;ACrFF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAPF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAPF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAPF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAPF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAPF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAPF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAPF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAPF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAPF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAPF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAPF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAIJ;EACE;;;AAGF;EACE;;;AAIA;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;ACnBF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AAKF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;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","file":"index.css"}
+{"version":3,"sourceRoot":"","sources":["lib/scss/private/_reset.scss","lib/scss/private/base/_display.scss","lib/scss/public/grid.scss","lib/scss/private/base/_grid.scss","lib/scss/private/base/flex/_flex.scss","lib/scss/private/base/_spacing.scss","lib/scss/private/base/_width_and_height.scss","lib/scss/private/base/_colors.scss","lib/scss/public/font-weight.scss","lib/scss/public/font/default.scss","lib/scss/private/base/_typography.scss","lib/scss/public/colors/default.scss","lib/scss/private/base/_cursors.scss","lib/scss/private/base/_border_radius.scss","lib/scss/private/components/_buttons.scss","lib/scss/utils/_index.scss","lib/scss/private/components/_input.scss","lib/scss/private/components/_notices.scss","lib/scss/private/components/_badge.scss","lib/scss/private/components/_spinner.scss","lib/scss/private/components/_cards.scss","lib/scss/public/shadows.scss","lib/scss/third-party/_google_places.scss","lib/scss/index.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAqFE;EACA;EACA;EACA;EACA;EACA;;;AAGF;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAWE;;;AAGF;EACE;;;AAGF;AAAA;EAEE;;;AAGF;AAAA;EAEE;;;AAIA;EAEE;EACA;;;AAKF;EAEE;EACA;;;AAIJ;EACE;EACA;;;AAGF;AAAA;EAEE;EACA;;;AAGF;AACA;EACE;;;ACxJF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AC5BA;ECHF;IAEI;;;ADOF;ECTF;IAMI;;;ADSF;ECfF;IAUI;IACA;;;;AAIJ;EACE;EACA;EACA;EACA;EACA;;;ACpBF;AA0BE;EACE,aApBW;;;AAmBb;EACE,aApBW;;;AAmBb;EACE,aApBW;;;AAmBb;EACE,aApBW;;;AAmBb;EACE,aApBW;;;AA0Bb;EACE,iBAnBY;;;AAkBd;EACE,iBAnBY;;;AAkBd;EACE,iBAnBY;;;AAkBd;EACE,iBAnBY;;;AAkBd;EACE,iBAnBY;;;AAkBd;EACE,iBAnBY;;;AAuBhB;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AC1DA;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AAMF;EACE;EACA;;;AAGF;EACE;EACA;;;AAPF;EACE;EACA;;;AAGF;EACE;EACA;;;AAPF;EACE;EACA;;;AAGF;EACE;EACA;;;AAPF;EACE;EACA;;;AAGF;EACE;EACA;;;AAPF;EACE;EACA;;;AAGF;EACE;EACA;;;AAPF;EACE;EACA;;;AAGF;EACE;EACA;;;AAPF;EACE;EACA;;;AAGF;EACE;EACA;;;AAPF;EACE;EACA;;;AAGF;EACE;EACA;;;AAPF;EACE;EACA;;;AAGF;EACE;EACA;;;AAPF;EACE;EACA;;;AAGF;EACE;EACA;;;AAPF;EACE;EACA;;;AAGF;EACE;EACA;;;AAPF;EACE;EACA;;;AAGF;EACE;EACA;;;AAPF;EACE;EACA;;;AAGF;EACE;EACA;;;AAMF;EACE;EACA;;;AAGF;EACE;EACA;;;AAPF;EACE;EACA;;;AAGF;EACE;EACA;;;AAPF;EACE;EACA;;;AAGF;EACE;EACA;;;AAPF;EACE;EACA;;;AAGF;EACE;EACA;;;AAPF;EACE;EACA;;;AAGF;EACE;EACA;;;AAPF;EACE;EACA;;;AAGF;EACE;EACA;;;AAPF;EACE;EACA;;;AAGF;EACE;EACA;;;AAPF;EACE;EACA;;;AAGF;EACE;EACA;;;AAPF;EACE;EACA;;;AAGF;EACE;EACA;;;AAPF;EACE;EACA;;;AAGF;EACE;EACA;;;AAPF;EACE;EACA;;;AAGF;EACE;EACA;;;AAPF;EACE;EACA;;;AAGF;EACE;EACA;;;AAPF;EACE;EACA;;;AAGF;EACE;EACA;;;AAcA;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AAKJ;EACE;;;AAXA;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AAKJ;EACE;;;AAXA;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AAKJ;EACE;;;AAXA;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AAKJ;EACE;;;AAIJ;EACE;;;AAGF;EACE;EACA;;;AAEF;EACE;EACA;;;AAIA;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;ACrFF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAPF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAPF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAPF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAPF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAPF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAPF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAPF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAPF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAPF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAPF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAPF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAIJ;EACE;;;AAGF;EACE;;;AAIA;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;ACnBF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AAKF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;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","file":"index.css"}

package/dist/lib/scss/index.scss

@@ -5,6 +5,8 @@
 
 @import 'public/colors';
 
+@import 'public/shadows';
+
 @import 'third-party';
 
 html {

package/dist/lib/scss/private/components/_buttons.scss

@@ -59,7 +59,8 @@
 
     &:focus {
       outline: none;
-      box-shadow: 0 0 0 2px rgba($color: $ds-primary-500, $alpha: 0.5);
+      box-shadow: 0 0 0 1px white,
+        0 0 0 3px rgba($color: $ds-primary-500, $alpha: 0.5);
     }
   }
 
@@ -86,7 +87,8 @@
 
     &:focus {
       outline: none;
-      box-shadow: 0 0 0 2px rgba($color: $ds-primary-500, $alpha: 0.5);
+      box-shadow: 0 0 0 1px white,
+        0 0 0 3px rgba($color: $ds-primary-500, $alpha: 0.5);
     }
 
     &-grey {
@@ -115,7 +117,8 @@
 
     &:focus {
       outline: none;
-      box-shadow: 0 0 0 2px rgba($color: $ds-red-500, $alpha: 0.5);
+      box-shadow: 0 0 0 1px white,
+        0 0 0 3px rgba($color: $ds-primary-500, $alpha: 0.5);
     }
   }
 

package/dist/lib/scss/public/demo.tsx

@@ -295,3 +295,34 @@ export const Colors = () => (
     ))}
   </table>
 );
+
+export const BoxShadows = () => {
+  return (
+    <div className="d-flex fd-row f-wrap gap16">
+      <div
+        className="d-flex ai-center jc-center ws2 border br8 bs-xs p-p"
+        style={{ height: '136px' }}
+      >
+        .bx-xs
+      </div>
+      <div
+        className="d-flex ai-center jc-center ws2 border br8 bs-sm p-p"
+        style={{ height: '136px' }}
+      >
+        .bx-sm
+      </div>
+      <div
+        className="d-flex ai-center jc-center ws2 border br8 bs-md p-p"
+        style={{ height: '136px' }}
+      >
+        .bx-md
+      </div>
+      <div
+        className="d-flex ai-center jc-center ws2 border br8 bs-lg p-p"
+        style={{ height: '136px' }}
+      >
+        .bx-lg
+      </div>
+    </div>
+  );
+};

package/dist/lib/scss/public/shadows.scss

@@ -0,0 +1,20 @@
+$bs-xs: 0px 4px 6px rgba(97, 96, 162, 0.01);
+$bs-sm: 0px 2px 28px rgba(97, 96, 162, 0.1);
+$bs-md: 0px 2px 28px rgba(97, 96, 162, 0.12);
+$bs-l: 0px 2px 28px rgba(97, 96, 162, 0.15);
+
+.bs-xs {
+  box-shadow: $bs-xs;
+}
+
+.bs-sm {
+  box-shadow: $bs-sm;
+}
+
+.bs-md {
+  box-shadow: $bs-md;
+}
+
+.bs-lg {
+  box-shadow: $bs-l;
+}

package/dist/shadows.scss

@@ -0,0 +1 @@
+@import 'lib/scss/public/shadows';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@popsure/dirty-swan",
-  "version": "0.30.1",
+  "version": "0.30.2",
   "author": "Vincent Audoire <vincent@getpopsure.com>",
   "license": "MIT",
   "private": false,

package/src/lib/components/dateSelector/index.test.tsx

@@ -0,0 +1,53 @@
+import { render, fireEvent } from '../../util/testUtils';
+
+import DateSelector from '.';
+
+const setup = (date: string, onChange: (date: string) => void = () => {}) => {
+  return render(
+    <DateSelector
+      value={date}
+      yearBoundaries={{ min: 2020, max: 2025 }}
+      onChange={onChange}
+      displayCalendar
+    />
+  );
+};
+
+describe('DateSelector component', () => {
+  it('should return the selected date when clicking on the calendar', async () => {
+    const callback = jest.fn();
+    const date = '2024-01-01';
+    const expectedDate = '2024-01-17';
+    const { getByAltText, getByLabelText, user } = setup(date, callback);
+    const button = getByAltText('calendar');
+
+    await user.click(button);
+
+    const calendarCell = getByLabelText(/17 2024/);
+
+    await user.click(calendarCell);
+
+    expect(callback).toHaveBeenCalledWith(expectedDate);
+
+    expect(calendarCell).not.toBeVisible();
+  });
+
+  it('should close the calendar when clicking outside', async () => {
+    const callback = jest.fn();
+    const date = '2024-01-01';
+    const { getByAltText, getByLabelText, user } = setup(date, callback);
+    const button = getByAltText('calendar');
+
+    await user.click(button);
+
+    const calendarCell = getByLabelText(/17 2024/);
+    expect(calendarCell).toBeVisible();
+
+    // click outside the calendar
+    await user.click(document.body);
+
+    expect(callback).not.toHaveBeenCalled();
+
+    expect(calendarCell).not.toBeVisible();
+  });
+});

package/src/lib/components/dateSelector/index.tsx

@@ -1,4 +1,4 @@
-import { useState, useEffect } from 'react';
+import { useState, useEffect, useRef } from 'react';
 import dayjs from 'dayjs';
 
 import localeData from 'dayjs/plugin/localeData';
@@ -12,6 +12,7 @@ import {
 import styles from './style.module.scss';
 import './datepicker.scss';
 import calendarIcon from './icons/calendar.svg';
+import { useOnClickOutside } from '../../hooks/useOnClickOutside';
 
 dayjs.extend(localeData);
 const COLLECTABLE_DATE_FORMAT = 'YYYY-MM-DD';
@@ -97,6 +98,8 @@ const DateSelector = ({
   );
   const [openCalendar, setOpenCalendar] = useState(false);
 
+  const calendarContainerRef = useRef<HTMLDivElement | null>(null);
+
   const calendarDefaultDate =
     dayjs().year() >= yearBoundaries.min && dayjs().year() <= yearBoundaries.max
       ? dayjs().toDate()
@@ -111,6 +114,8 @@ const DateSelector = ({
     .endOf('year')
     .toDate();
 
+  useOnClickOutside(calendarContainerRef, () => setOpenCalendar(false));
+
   useEffect(() => {
     if (calendarDateValue) {
       setDate(calendarDateValue);
@@ -227,7 +232,10 @@ const DateSelector = ({
         </select>
       </div>
       {displayCalendar && (
-        <div className={styles['date-calendar-container']}>
+        <div
+          className={styles['date-calendar-container']}
+          ref={calendarContainerRef}
+        >
           <img
             className="c-pointer"
             src={calendarIcon}

package/src/lib/hooks/useOnClickOutside.ts

@@ -0,0 +1,21 @@
+import { RefObject, useEffect } from 'react';
+
+export const useOnClickOutside = (
+  ref: RefObject<HTMLDivElement | null>,
+  callback: (e: Event) => void
+) => {
+  useEffect(() => {
+    const listener = (event: Event) => {
+      if (!ref.current || ref.current.contains(event.target as Node)) {
+        return;
+      }
+      callback(event);
+    };
+    document.addEventListener('mousedown', listener);
+    document.addEventListener('touchstart', listener);
+    return () => {
+      document.removeEventListener('mousedown', listener);
+      document.removeEventListener('touchstart', listener);
+    };
+  }, [ref, callback]);
+};

package/src/lib/scss/index.scss

@@ -5,6 +5,8 @@
 
 @import 'public/colors';
 
+@import 'public/shadows';
+
 @import 'third-party';
 
 html {

package/src/lib/scss/private/components/_buttons.scss

@@ -59,7 +59,8 @@
 
     &:focus {
       outline: none;
-      box-shadow: 0 0 0 2px rgba($color: $ds-primary-500, $alpha: 0.5);
+      box-shadow: 0 0 0 1px white,
+        0 0 0 3px rgba($color: $ds-primary-500, $alpha: 0.5);
     }
   }
 
@@ -86,7 +87,8 @@
 
     &:focus {
       outline: none;
-      box-shadow: 0 0 0 2px rgba($color: $ds-primary-500, $alpha: 0.5);
+      box-shadow: 0 0 0 1px white,
+        0 0 0 3px rgba($color: $ds-primary-500, $alpha: 0.5);
     }
 
     &-grey {
@@ -115,7 +117,8 @@
 
     &:focus {
       outline: none;
-      box-shadow: 0 0 0 2px rgba($color: $ds-red-500, $alpha: 0.5);
+      box-shadow: 0 0 0 1px white,
+        0 0 0 3px rgba($color: $ds-primary-500, $alpha: 0.5);
     }
   }
 

package/src/lib/scss/public/demo.tsx

@@ -295,3 +295,34 @@ export const Colors = () => (
     ))}
   </table>
 );
+
+export const BoxShadows = () => {
+  return (
+    <div className="d-flex fd-row f-wrap gap16">
+      <div
+        className="d-flex ai-center jc-center ws2 border br8 bs-xs p-p"
+        style={{ height: '136px' }}
+      >
+        .bx-xs
+      </div>
+      <div
+        className="d-flex ai-center jc-center ws2 border br8 bs-sm p-p"
+        style={{ height: '136px' }}
+      >
+        .bx-sm
+      </div>
+      <div
+        className="d-flex ai-center jc-center ws2 border br8 bs-md p-p"
+        style={{ height: '136px' }}
+      >
+        .bx-md
+      </div>
+      <div
+        className="d-flex ai-center jc-center ws2 border br8 bs-lg p-p"
+        style={{ height: '136px' }}
+      >
+        .bx-lg
+      </div>
+    </div>
+  );
+};

package/src/lib/scss/public/shadows.scss

@@ -0,0 +1,20 @@
+$bs-xs: 0px 4px 6px rgba(97, 96, 162, 0.01);
+$bs-sm: 0px 2px 28px rgba(97, 96, 162, 0.1);
+$bs-md: 0px 2px 28px rgba(97, 96, 162, 0.12);
+$bs-l: 0px 2px 28px rgba(97, 96, 162, 0.15);
+
+.bs-xs {
+  box-shadow: $bs-xs;
+}
+
+.bs-sm {
+  box-shadow: $bs-sm;
+}
+
+.bs-md {
+  box-shadow: $bs-md;
+}
+
+.bs-lg {
+  box-shadow: $bs-l;
+}

package/src/lib/scss/public/shadows.stories.mdx

@@ -0,0 +1,44 @@
+import { BoxShadows } from './demo';
+
+<Meta title="CSS/Variables/Shadows" />
+
+# Box Shadow
+
+Dirty swan provides you with a set of box shadow classes and variables.
+
+## Usage
+
+### Class name
+
+| Class    | Value                                              |
+| -------- | -------------------------------------------------- |
+| `.bs-xs` | `box-shadow: 0px 4px 6px rgba(97, 96, 162, 0.01)`  |
+| `.bs-sm` | `box-shadow: 0px 2px 28px rgba(97, 96, 162, 0.1)`  |
+| `.bs-md` | `box-shadow: 0px 2px 28px rgba(97, 96, 162, 0.12)` |
+| `.bs-lg` | `box-shadow: 0px 2px 28px rgba(97, 96, 162, 0.15)` |
+
+### Import in code
+
+```sass
+// demo.scss
+@import '@popsure/dirty-swan/dist/shadows';
+
+.element {
+  box-shadow: $bs-md;
+}
+```
+
+## Table
+
+| Variable | Value                                  |
+| -------- | -------------------------------------- |
+| `$bs-xs` | `0px 4px 6px rgba(97, 96, 162, 0.01)`  |
+| `$bs-sm` | `0px 2px 28px rgba(97, 96, 162, 0.1)`  |
+| `$bs-md` | `0px 2px 28px rgba(97, 96, 162, 0.12)` |
+| `$bs-lg` | `0px 2px 28px rgba(97, 96, 162, 0.15)` |
+
+## Example
+
+<Preview>
+  <BoxShadows />
+</Preview>

package/src/shadows.scss

@@ -0,0 +1 @@
+@import 'lib/scss/public/shadows';