@popsure/dirty-swan 0.45.0-alpha → 0.47.0

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

@@ -1,68 +1,222 @@
 import { b as __awaiter, c as __generator } from '../../tslib.es6-5bc94358.js';
 import { jsx } from 'react/jsx-runtime';
 import { c as customRender } from '../../customRender-9fd06f5b.js';
-import { D as DateSelector } from '../../index-f0e3bc9a.js';
+import { DateSelector } from './index.js';
 import 'react';
 import 'react-dom';
 import '../../_commonjsHelpers-e7f67fd8.js';
 import 'react-dom/test-utils';
+import '../../Calendar-62c6cf21.js';
 import '../icon/icons/Calendar.js';
 import '../icon/IconWrapper/IconWrapper.js';
 import '../../index-6ea95111.js';
 import '../../style-inject.es-1f59c1d0.js';
+import '../button/index.js';
+import '../input/index.js';
+import '../../index-fb46adf9.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, getByTestId, getByLabelText, user, button, calendarCell;
+    it('should show the value inside the inputs', function () {
+        var date = '2024-01-01';
+        var getByTestId = setup(date).getByTestId;
+        expect(getByTestId('date-selector-day')).toHaveValue('1');
+        expect(getByTestId('date-selector-month')).toHaveValue('1');
+        expect(getByTestId('date-selector-year')).toHaveValue('2024');
+    });
+    it('should call onChange with the value changed', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var callback, _a, getByTestId, user;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    callback = jest.fn();
+                    _a = setup(undefined, callback), getByTestId = _a.getByTestId, user = _a.user;
+                    return [4 /*yield*/, user.type(getByTestId('date-selector-day'), '5')];
+                case 1:
+                    _b.sent();
+                    return [4 /*yield*/, user.type(getByTestId('date-selector-month'), '7')];
+                case 2:
+                    _b.sent();
+                    return [4 /*yield*/, user.type(getByTestId('date-selector-year'), '2023')];
+                case 3:
+                    _b.sent();
+                    expect(getByTestId('date-selector-day')).toHaveValue('5');
+                    expect(getByTestId('date-selector-month')).toHaveValue('7');
+                    expect(getByTestId('date-selector-year')).toHaveValue('2023');
+                    expect(callback).toHaveBeenCalledWith('2023-07-05');
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it('should call onChange with the value changed with initial value', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var callback, date, _a, getByTestId, user;
         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), getByTestId = _a.getByTestId, getByLabelText = _a.getByLabelText, user = _a.user;
-                    button = getByTestId('calendar-button');
-                    return [4 /*yield*/, user.click(button)];
+                    _a = setup(date, callback), getByTestId = _a.getByTestId, user = _a.user;
+                    return [4 /*yield*/, user.type(getByTestId('date-selector-day'), '{backspace}3')];
                 case 1:
                     _b.sent();
-                    calendarCell = getByLabelText(/17 2024/);
-                    return [4 /*yield*/, user.click(calendarCell)];
+                    return [4 /*yield*/, user.type(getByTestId('date-selector-month'), '{backspace}7')];
                 case 2:
                     _b.sent();
-                    expect(callback).toHaveBeenCalledWith(expectedDate);
-                    expect(calendarCell).not.toBeVisible();
+                    return [4 /*yield*/, user.type(getByTestId('date-selector-year'), '{backspace}3')];
+                case 3:
+                    _b.sent();
+                    expect(getByTestId('date-selector-day')).toHaveValue('3');
+                    expect(getByTestId('date-selector-month')).toHaveValue('7');
+                    expect(getByTestId('date-selector-year')).toHaveValue('2023');
+                    expect(callback).toHaveBeenCalledWith('2023-07-03');
                     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, getByTestId, getByLabelText, user, button, calendarCell;
+    it('should call onChange empty when invalid date', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var callback, _a, getByTestId, user;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    callback = jest.fn();
+                    _a = setup(undefined, callback), getByTestId = _a.getByTestId, user = _a.user;
+                    return [4 /*yield*/, user.type(getByTestId('date-selector-day'), '5')];
+                case 1:
+                    _b.sent();
+                    expect(getByTestId('date-selector-day')).toHaveValue('5');
+                    expect(callback).toHaveBeenCalledWith('');
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it('should call onChange empty when year out of boundaries', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var callback, date, _a, getByTestId, user;
         return __generator(this, function (_b) {
             switch (_b.label) {
                 case 0:
                     callback = jest.fn();
                     date = '2024-01-01';
-                    _a = setup(date, callback), getByTestId = _a.getByTestId, getByLabelText = _a.getByLabelText, user = _a.user;
-                    button = getByTestId('calendar-button');
-                    return [4 /*yield*/, user.click(button)];
+                    _a = setup(date, callback), getByTestId = _a.getByTestId, user = _a.user;
+                    return [4 /*yield*/, user.type(getByTestId('date-selector-year'), '{backspace}{backspace}30')];
                 case 1:
                     _b.sent();
-                    calendarCell = getByLabelText(/17 2024/);
-                    expect(calendarCell).toBeVisible();
-                    // click outside the calendar
-                    return [4 /*yield*/, user.click(document.body)];
+                    expect(getByTestId('date-selector-year')).toHaveValue('2030');
+                    expect(callback).toHaveBeenCalledWith('');
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it('should call onChange when year in boundaries after being out of boundaries', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var callback, date, _a, getByTestId, user;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    callback = jest.fn();
+                    date = '2030-01-01';
+                    _a = setup(date, callback), getByTestId = _a.getByTestId, user = _a.user;
+                    return [4 /*yield*/, user.type(getByTestId('date-selector-year'), '{backspace}{backspace}23')];
+                case 1:
+                    _b.sent();
+                    expect(getByTestId('date-selector-year')).toHaveValue('2023');
+                    expect(callback).toHaveBeenCalledWith('2023-01-01');
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it('should call onChange with the value changed', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var callback, date, _a, getByTestId, user;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    callback = jest.fn();
+                    date = '2024-01-01';
+                    _a = setup(date, callback), getByTestId = _a.getByTestId, user = _a.user;
+                    return [4 /*yield*/, user.type(getByTestId('date-selector-day'), '{backspace}3')];
+                case 1:
+                    _b.sent();
+                    return [4 /*yield*/, user.type(getByTestId('date-selector-month'), '{backspace}7')];
                 case 2:
-                    // click outside the calendar
                     _b.sent();
-                    expect(callback).not.toHaveBeenCalled();
-                    expect(calendarCell).not.toBeVisible();
+                    return [4 /*yield*/, user.type(getByTestId('date-selector-year'), '{backspace}3')];
+                case 3:
+                    _b.sent();
+                    expect(getByTestId('date-selector-day')).toHaveValue('3');
+                    expect(getByTestId('date-selector-month')).toHaveValue('7');
+                    expect(callback).toHaveBeenCalledWith('2023-07-03');
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it('should navigate inputs from day to month when day is over 3', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var callback, date, _a, getByTestId, user;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    callback = jest.fn();
+                    date = '2024-01-01';
+                    _a = setup(date, callback), getByTestId = _a.getByTestId, user = _a.user;
+                    return [4 /*yield*/, user.type(getByTestId('date-selector-day'), '{backspace}45')];
+                case 1:
+                    _b.sent();
+                    expect(getByTestId('date-selector-day')).toHaveValue('4');
+                    expect(getByTestId('date-selector-month')).toHaveValue('5');
+                    expect(callback).toHaveBeenCalledWith('2024-05-04');
                     return [2 /*return*/];
             }
         });
     }); });
+    describe('Calendar button', 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, getByTestId, 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), getByTestId = _a.getByTestId, getByLabelText = _a.getByLabelText, user = _a.user;
+                        button = getByTestId('calendar-button');
+                        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, getByTestId, 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), getByTestId = _a.getByTestId, getByLabelText = _a.getByLabelText, user = _a.user;
+                        button = getByTestId('calendar-button');
+                        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

@@ -1 +1 @@
-{"version":3,"file":"index.test.js","sources":["../../../../../src/lib/components/dateSelector/index.test.tsx"],"sourcesContent":["import { render } 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 { getByTestId, getByLabelText, user } = setup(date, callback);\n    const button = getByTestId('calendar-button');\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 { getByTestId, getByLabelText, user } = setup(date, callback);\n    const button = getByTestId('calendar-button');\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,KAAwC,KAAK,CAAC,IAAI,EAAE,QAAQ,CAAC,EAA3D,WAAW,iBAAA,EAAE,cAAc,oBAAA,EAAE,IAAI,UAAA,CAA2B;oBAC9D,MAAM,GAAG,WAAW,CAAC,iBAAiB,CAAC,CAAC;oBAE9C,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,KAAwC,KAAK,CAAC,IAAI,EAAE,QAAQ,CAAC,EAA3D,WAAW,iBAAA,EAAE,cAAc,oBAAA,EAAE,IAAI,UAAA,CAA2B;oBAC9D,MAAM,GAAG,WAAW,CAAC,iBAAiB,CAAC,CAAC;oBAE9C,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"}
+{"version":3,"file":"index.test.js","sources":["../../../../../src/lib/components/dateSelector/index.test.tsx"],"sourcesContent":["import { render } 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 show the value inside the inputs', () => {\n    const date = '2024-01-01';\n    const { getByTestId } = setup(date);\n\n    expect(getByTestId('date-selector-day')).toHaveValue('1');\n    expect(getByTestId('date-selector-month')).toHaveValue('1');\n    expect(getByTestId('date-selector-year')).toHaveValue('2024');\n  });\n\n  it('should call onChange with the value changed', async () => {\n    const callback = jest.fn();\n    const { getByTestId, user } = setup(undefined, callback);\n\n    await user.type(getByTestId('date-selector-day'), '5');\n    await user.type(getByTestId('date-selector-month'), '7');\n    await user.type(getByTestId('date-selector-year'), '2023');\n\n    expect(getByTestId('date-selector-day')).toHaveValue('5');\n    expect(getByTestId('date-selector-month')).toHaveValue('7');\n    expect(getByTestId('date-selector-year')).toHaveValue('2023');\n    expect(callback).toHaveBeenCalledWith('2023-07-05');\n  });\n\n  it('should call onChange with the value changed with initial value', async () => {\n    const callback = jest.fn();\n    const date = '2024-01-01';\n    const { getByTestId, user } = setup(date, callback);\n\n    await user.type(getByTestId('date-selector-day'), '{backspace}3');\n    await user.type(getByTestId('date-selector-month'), '{backspace}7');\n    await user.type(getByTestId('date-selector-year'), '{backspace}3');\n\n    expect(getByTestId('date-selector-day')).toHaveValue('3');\n    expect(getByTestId('date-selector-month')).toHaveValue('7');\n    expect(getByTestId('date-selector-year')).toHaveValue('2023');\n    expect(callback).toHaveBeenCalledWith('2023-07-03');\n  });\n\n  it('should call onChange empty when invalid date', async () => {\n    const callback = jest.fn();\n    const { getByTestId, user } = setup(undefined, callback);\n\n    await user.type(getByTestId('date-selector-day'), '5');\n\n    expect(getByTestId('date-selector-day')).toHaveValue('5');\n    expect(callback).toHaveBeenCalledWith('');\n  });\n\n  it('should call onChange empty when year out of boundaries', async () => {\n    const callback = jest.fn();\n    const date = '2024-01-01';\n    const { getByTestId, user } = setup(date, callback);\n\n    await user.type(getByTestId('date-selector-year'), '{backspace}{backspace}30');\n\n    expect(getByTestId('date-selector-year')).toHaveValue('2030');\n    expect(callback).toHaveBeenCalledWith('');\n  });\n\n  it('should call onChange when year in boundaries after being out of boundaries', async () => {\n    const callback = jest.fn();\n    const date = '2030-01-01';\n    const { getByTestId, user } = setup(date, callback);\n\n    await user.type(getByTestId('date-selector-year'), '{backspace}{backspace}23');\n\n    expect(getByTestId('date-selector-year')).toHaveValue('2023');\n    expect(callback).toHaveBeenCalledWith('2023-01-01');\n  });\n\n  it('should call onChange with the value changed', async () => {\n    const callback = jest.fn();\n    const date = '2024-01-01';\n    const { getByTestId, user } = setup(date, callback);\n\n    await user.type(getByTestId('date-selector-day'), '{backspace}3');\n    await user.type(getByTestId('date-selector-month'), '{backspace}7');\n    await user.type(getByTestId('date-selector-year'), '{backspace}3');\n\n    expect(getByTestId('date-selector-day')).toHaveValue('3');\n    expect(getByTestId('date-selector-month')).toHaveValue('7');\n    expect(callback).toHaveBeenCalledWith('2023-07-03');\n  });\n\n  it('should navigate inputs from day to month when day is over 3', async () => {\n    const callback = jest.fn();\n    const date = '2024-01-01';\n    const { getByTestId, user } = setup(date, callback);\n\n    await user.type(getByTestId('date-selector-day'), '{backspace}45');\n\n    expect(getByTestId('date-selector-day')).toHaveValue('4');\n    expect(getByTestId('date-selector-month')).toHaveValue('5');\n    expect(callback).toHaveBeenCalledWith('2024-05-04');\n  });\n\n  describe('Calendar button', () => {\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 { getByTestId, getByLabelText, user } = setup(date, callback);\n      const button = getByTestId('calendar-button');\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 { getByTestId, getByLabelText, user } = setup(date, callback);\n      const button = getByTestId('calendar-button');\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});\n"],"names":["render","_jsx"],"mappings":"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"}

package/dist/esm/components/icon/icons/Info.js

@@ -5,9 +5,9 @@ import '../../../tslib.es6-5bc94358.js';
 import '../../../index-6ea95111.js';
 import '../../../style-inject.es-1f59c1d0.js';
 
-var InfoIcon = (function (props) {
+var Info = (function (props) {
     return createElement(IconWrapper, props, jsx("path", { fill: "currentColor", d: "M11 16v1h2v-1h-2Zm2-8.041a1 1 0 1 0-2 0h2Zm-2 .04a1 1 0 1 0 2 0h-2ZM23 12c0-6.075-4.925-11-11-11v2a9 9 0 0 1 9 9h2ZM12 1C5.925 1 1 5.925 1 12h2a9 9 0 0 1 9-9V1ZM1 12c0 6.075 4.925 11 11 11v-2a9 9 0 0 1-9-9H1Zm11 11c6.075 0 11-4.925 11-11h-2a9 9 0 0 1-9 9v2Zm1-7v-5.5h-2V16h2Zm-2-8.041v.04h2v-.04h-2Z" }, void 0));
 });
 
-export default InfoIcon;
+export default Info;
 //# sourceMappingURL=Info.js.map

package/dist/esm/components/icon/icons/Info.js.map

@@ -1 +1 @@
-{"version":3,"file":"Info.js","sources":["../../../../../../src/lib/components/icon/icons/Info.tsx"],"sourcesContent":["/* Generated file. Do not modify. */\nimport { createElement } from 'react';\nimport { IconWrapper } from '../IconWrapper';\nimport type { IconWrapperProps } from '../IconWrapper';\nexport default (props: IconWrapperProps) =>\n  createElement(\n    IconWrapper,\n    props,\n    <path\n      fill=\"currentColor\"\n      d=\"M11 16v1h2v-1h-2Zm2-8.041a1 1 0 1 0-2 0h2Zm-2 .04a1 1 0 1 0 2 0h-2ZM23 12c0-6.075-4.925-11-11-11v2a9 9 0 0 1 9 9h2ZM12 1C5.925 1 1 5.925 1 12h2a9 9 0 0 1 9-9V1ZM1 12c0 6.075 4.925 11 11 11v-2a9 9 0 0 1-9-9H1Zm11 11c6.075 0 11-4.925 11-11h-2a9 9 0 0 1-9 9v2Zm1-7v-5.5h-2V16h2Zm-2-8.041v.04h2v-.04h-2Z\"\n    />\n  );\n"],"names":["_jsx"],"mappings":";;;;;;;AAIA,gBAAe,UAAC,KAAuB;IACrC,OAAA,aAAa,CACX,WAAW,EACX,KAAK,EACLA,cACE,IAAI,EAAC,cAAc,EACnB,CAAC,EAAC,6SAA6S,WAC/S,CACH;AAPD,CAOC;;;;"}
+{"version":3,"file":"Info.js","sources":["../../../../../../src/lib/components/icon/icons/Info.tsx"],"sourcesContent":["/* Generated file. Do not modify. */\nimport { createElement } from 'react';\nimport { IconWrapper } from '../IconWrapper';\nimport type { IconWrapperProps } from '../IconWrapper';\nexport default (props: IconWrapperProps) =>\n  createElement(\n    IconWrapper,\n    props,\n    <path\n      fill=\"currentColor\"\n      d=\"M11 16v1h2v-1h-2Zm2-8.041a1 1 0 1 0-2 0h2Zm-2 .04a1 1 0 1 0 2 0h-2ZM23 12c0-6.075-4.925-11-11-11v2a9 9 0 0 1 9 9h2ZM12 1C5.925 1 1 5.925 1 12h2a9 9 0 0 1 9-9V1ZM1 12c0 6.075 4.925 11 11 11v-2a9 9 0 0 1-9-9H1Zm11 11c6.075 0 11-4.925 11-11h-2a9 9 0 0 1-9 9v2Zm1-7v-5.5h-2V16h2Zm-2-8.041v.04h2v-.04h-2Z\"\n    />\n  );\n"],"names":["_jsx"],"mappings":";;;;;;;AAIA,YAAe,UAAC,KAAuB;IACrC,OAAA,aAAa,CACX,WAAW,EACX,KAAK,EACLA,cACE,IAAI,EAAC,cAAc,EACnB,CAAC,EAAC,6SAA6S,WAC/S,CACH;AAPD,CAOC;;;;"}

package/dist/esm/components/icon/icons.stories.js

@@ -2,7 +2,7 @@ import { _ as __assign } from '../../tslib.es6-5bc94358.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useState } from 'react';
 import { Input } from '../input/index.js';
-import { i as icons } from '../../index-03b0133a.js';
+import { i as icons } from '../../index-e506c4ca.js';
 import { Button } from '../button/index.js';
 import { c as classNames } from '../../index-6ea95111.js';
 import { s as styleInject } from '../../style-inject.es-1f59c1d0.js';

package/dist/esm/components/icon/index.stories.js

@@ -1,6 +1,6 @@
 import { jsx } from 'react/jsx-runtime';
 import { IconWrapper } from './IconWrapper/IconWrapper.js';
-import { i as icons } from '../../index-03b0133a.js';
+import { i as icons } from '../../index-e506c4ca.js';
 import '../../tslib.es6-5bc94358.js';
 import '../../index-6ea95111.js';
 import '../../style-inject.es-1f59c1d0.js';

package/dist/esm/components/input/currency/input.stories.js

@@ -1,7 +1,7 @@
 import { jsx } from 'react/jsx-runtime';
 import { useState } from 'react';
 import { CurrencyInput } from './index.js';
-import { s as sharedConfig } from '../../../config-56f12c98.js';
+import { s as sharedConfig } from '../../../config-1d276a9d.js';
 import '../../../tslib.es6-5bc94358.js';
 import '../index.js';
 import '../../../index-6ea95111.js';

package/dist/esm/components/input/iban/index.js

@@ -26,7 +26,7 @@ var formatIban = function (iban) {
 
 var IbanInput = function (_a) {
     var value = _a.value, onChange = _a.onChange, props = __rest(_a, ["value", "onChange"]);
-    return (jsx(Input, __assign({ value: formatIban(value), onChange: function (e) { return onChange(formatIban(e.target.value)); } }, props), void 0));
+    return (jsx(Input, __assign({ value: formatIban(value), onChange: function (e) { return onChange === null || onChange === void 0 ? void 0 : onChange(formatIban(e.target.value)); } }, props), void 0));
 };
 
 export default IbanInput;

package/dist/esm/components/input/iban/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../src/lib/components/input/iban/formatIban/index.ts","../../../../../../src/lib/components/input/iban/index.tsx"],"sourcesContent":["const IBAN_CHAR_LIMIT = 4;\n\nexport const formatIban = (iban?: string): string => {\n  if (iban) {\n    const cleanIban = iban\n      .replace(/\\s\\s+/g, ' ')\n      .replace(/[^0-9a-zA-Z]/gi, '')\n      .toUpperCase();\n\n    const values: string[] = [];\n\n    cleanIban.split('').forEach((char, idx) => {\n      if (idx % IBAN_CHAR_LIMIT === 0) {\n        values.push(cleanIban.substring(idx, idx + IBAN_CHAR_LIMIT));\n      }\n    });\n\n    return values.join(' ');\n  }\n\n  return '';\n};\n","import { Input, InputProps } from '..';\n\nimport { formatIban } from './formatIban';\n\nconst IbanInput = ({\n  value,\n  onChange,\n  ...props\n}: {\n  value?: string;\n  onChange: (value: string) => void;\n} & Omit<InputProps, 'onChange' | 'value' | 'ref'>) => (\n  <Input\n    value={formatIban(value)}\n    onChange={(e) => onChange(formatIban(e.target.value))}\n    {...props}\n  />\n);\n\nexport default IbanInput;\n"],"names":["_jsx"],"mappings":";;;;;;;;AAAA,IAAM,eAAe,GAAG,CAAC,CAAC;AAEnB,IAAM,UAAU,GAAG,UAAC,IAAa;IACtC,IAAI,IAAI,EAAE;QACR,IAAM,WAAS,GAAG,IAAI;aACnB,OAAO,CAAC,QAAQ,EAAE,GAAG,CAAC;aACtB,OAAO,CAAC,gBAAgB,EAAE,EAAE,CAAC;aAC7B,WAAW,EAAE,CAAC;QAEjB,IAAM,QAAM,GAAa,EAAE,CAAC;QAE5B,WAAS,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,OAAO,CAAC,UAAC,IAAI,EAAE,GAAG;YACpC,IAAI,GAAG,GAAG,eAAe,KAAK,CAAC,EAAE;gBAC/B,QAAM,CAAC,IAAI,CAAC,WAAS,CAAC,SAAS,CAAC,GAAG,EAAE,GAAG,GAAG,eAAe,CAAC,CAAC,CAAC;aAC9D;SACF,CAAC,CAAC;QAEH,OAAO,QAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;KACzB;IAED,OAAO,EAAE,CAAC;AACZ,CAAC;;ICjBK,SAAS,GAAG,UAAC,EAO+B;IANhD,IAAA,KAAK,WAAA,EACL,QAAQ,cAAA,EACL,KAAK,cAHS,qBAIlB,CADS;IAI6C,QACrDA,IAAC,KAAK,aACJ,KAAK,EAAE,UAAU,CAAC,KAAK,CAAC,EACxB,QAAQ,EAAE,UAAC,CAAC,IAAK,OAAA,QAAQ,CAAC,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,GAAA,IACjD,KAAK,UACT,EACH;;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../../src/lib/components/input/iban/formatIban/index.ts","../../../../../../src/lib/components/input/iban/index.tsx"],"sourcesContent":["const IBAN_CHAR_LIMIT = 4;\n\nexport const formatIban = (iban?: string): string => {\n  if (iban) {\n    const cleanIban = iban\n      .replace(/\\s\\s+/g, ' ')\n      .replace(/[^0-9a-zA-Z]/gi, '')\n      .toUpperCase();\n\n    const values: string[] = [];\n\n    cleanIban.split('').forEach((char, idx) => {\n      if (idx % IBAN_CHAR_LIMIT === 0) {\n        values.push(cleanIban.substring(idx, idx + IBAN_CHAR_LIMIT));\n      }\n    });\n\n    return values.join(' ');\n  }\n\n  return '';\n};\n","import { Input, InputProps } from '..';\n\nimport { formatIban } from './formatIban';\n\nconst IbanInput = ({\n  value,\n  onChange,\n  ...props\n}: {\n  value?: string;\n  onChange: (value: string) => void;\n} & Omit<InputProps, 'onChange' | 'value' | 'ref'>) => (\n  <Input\n    value={formatIban(value)}\n    onChange={(e) => onChange?.(formatIban(e.target.value))}\n    {...props}\n  />\n);\n\nexport default IbanInput;\n"],"names":["_jsx"],"mappings":";;;;;;;;AAAA,IAAM,eAAe,GAAG,CAAC,CAAC;AAEnB,IAAM,UAAU,GAAG,UAAC,IAAa;IACtC,IAAI,IAAI,EAAE;QACR,IAAM,WAAS,GAAG,IAAI;aACnB,OAAO,CAAC,QAAQ,EAAE,GAAG,CAAC;aACtB,OAAO,CAAC,gBAAgB,EAAE,EAAE,CAAC;aAC7B,WAAW,EAAE,CAAC;QAEjB,IAAM,QAAM,GAAa,EAAE,CAAC;QAE5B,WAAS,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,OAAO,CAAC,UAAC,IAAI,EAAE,GAAG;YACpC,IAAI,GAAG,GAAG,eAAe,KAAK,CAAC,EAAE;gBAC/B,QAAM,CAAC,IAAI,CAAC,WAAS,CAAC,SAAS,CAAC,GAAG,EAAE,GAAG,GAAG,eAAe,CAAC,CAAC,CAAC;aAC9D;SACF,CAAC,CAAC;QAEH,OAAO,QAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;KACzB;IAED,OAAO,EAAE,CAAC;AACZ,CAAC;;ICjBK,SAAS,GAAG,UAAC,EAO+B;IANhD,IAAA,KAAK,WAAA,EACL,QAAQ,cAAA,EACL,KAAK,cAHS,qBAIlB,CADS;IAI6C,QACrDA,IAAC,KAAK,aACJ,KAAK,EAAE,UAAU,CAAC,KAAK,CAAC,EACxB,QAAQ,EAAE,UAAC,CAAC,IAAK,OAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,GAAA,IACnD,KAAK,UACT,EACH;;;;;"}

package/dist/esm/components/input/index.js

@@ -5,23 +5,26 @@ import { c as classNames } from '../../index-6ea95111.js';
 import { g as generateId } from '../../index-fb46adf9.js';
 import { s as styleInject } from '../../style-inject.es-1f59c1d0.js';
 
-var css_248z = ".style-module_container__2L4SP {\n  position: relative;\n}\n\n.style-module_prefix__3jAFZ {\n  position: absolute;\n  left: 16px;\n  top: 50%;\n  transform: translateY(-50%);\n  color: var(--ds-grey-500);\n  transition: 0.3s top;\n}\n.style-module_prefix--with-error__1yTTM {\n  color: var(--ds-red-500);\n}\n.style-module_prefix--disabled__2-gcw {\n  color: var(--ds-grey-600);\n}\n\n.style-module_input__1eJO5:not(:placeholder-shown) ~ .style-module_placeholder__1U2z0,\n.style-module_input__1eJO5:focus ~ .style-module_placeholder__1U2z0 {\n  top: 7px;\n  left: 16px;\n  transform: translateY(0);\n  font-size: 10px;\n  line-height: 12px;\n  opacity: 1;\n}\n\n.style-module_input__1eJO5:focus ~ .style-module_placeholder__1U2z0 {\n  color: var(--ds-primary-500);\n}\n.style-module_input__1eJO5:focus ~ .style-module_placeholder--with-error__2ieRU {\n  color: var(--ds-red-500);\n}\n\n.style-module_input__1eJO5:focus ~ .style-module_prefix__3jAFZ {\n  color: var(--ds-primary-500);\n}\n.style-module_input__1eJO5:focus ~ .style-module_prefix--with-error__1yTTM {\n  color: var(--ds-red-500);\n}\n\n.style-module_input__1eJO5:not(:placeholder-shown) ~ .style-module_prefix__3jAFZ,\n.style-module_input__1eJO5:focus ~ .style-module_prefix__3jAFZ {\n  top: 28px;\n}\n\n.style-module_input__1eJO5 {\n  box-sizing: border-box;\n  padding-top: 9px;\n  font-family: inherit;\n}\n.style-module_input--no-placeholder__3EGwh {\n  padding-top: 0px;\n}\n.style-module_input--with-prefix__38e0j {\n  padding-left: 32px !important;\n}\n\n.style-module_placeholder__1U2z0 {\n  position: absolute;\n  pointer-events: none;\n  left: 16px;\n  top: 50%;\n  transform: translateY(-50%);\n  transition: 0.3s ease all;\n  color: var(--ds-grey-500);\n}\n.style-module_placeholder--with-prefix__2PquQ {\n  left: 32px;\n}\n.style-module_placeholder--with-error__2ieRU {\n  color: var(--ds-red-500);\n}\n\n.style-module_label__3FEZ1 {\n  display: inline-block;\n  margin-bottom: 8px;\n  color: var(--ds-grey-600);\n}\n.style-module_label--with-error__166bP {\n  color: var(--ds-red-500);\n}\n\n.style-module_error__167Zc {\n  margin-top: 4px;\n}";
-var styles = {"container":"style-module_container__2L4SP","prefix":"style-module_prefix__3jAFZ","prefix--with-error":"style-module_prefix--with-error__1yTTM","prefix--disabled":"style-module_prefix--disabled__2-gcw","input":"style-module_input__1eJO5","placeholder":"style-module_placeholder__1U2z0","placeholder--with-error":"style-module_placeholder--with-error__2ieRU","input--no-placeholder":"style-module_input--no-placeholder__3EGwh","input--with-prefix":"style-module_input--with-prefix__38e0j","placeholder--with-prefix":"style-module_placeholder--with-prefix__2PquQ","label":"style-module_label__3FEZ1","label--with-error":"style-module_label--with-error__166bP","error":"style-module_error__167Zc"};
+var css_248z = ".style-module_container__2L4SP {\n  position: relative;\n}\n\n.style-module_prefix__3jAFZ {\n  position: absolute;\n  left: 16px;\n  top: 50%;\n  transform: translateY(-50%);\n  color: var(--ds-grey-500);\n  transition: 0.3s top;\n}\n.style-module_prefix--with-error__1yTTM {\n  color: var(--ds-red-500);\n}\n.style-module_prefix--disabled__2-gcw {\n  color: var(--ds-grey-600);\n}\n\n.style-module_input__1eJO5:not(:placeholder-shown) ~ .style-module_placeholder__1U2z0,\n.style-module_input__1eJO5:focus ~ .style-module_placeholder__1U2z0,\n.style-module_input--with-inside-label__253bZ ~ .style-module_placeholder__1U2z0 {\n  top: 7px;\n  left: 16px;\n  transform: translateY(0);\n  font-size: 10px;\n  line-height: 12px;\n  opacity: 1;\n}\n\n.style-module_input__1eJO5:focus ~ .style-module_placeholder__1U2z0 {\n  color: var(--ds-primary-500);\n}\n.style-module_input__1eJO5:focus ~ .style-module_placeholder--with-error__2ieRU {\n  color: var(--ds-red-500);\n}\n\n.style-module_input__1eJO5:focus ~ .style-module_prefix__3jAFZ {\n  color: var(--ds-primary-500);\n}\n.style-module_input__1eJO5:focus ~ .style-module_prefix--with-error__1yTTM {\n  color: var(--ds-red-500);\n}\n\n.style-module_input__1eJO5:not(:placeholder-shown) ~ .style-module_prefix__3jAFZ,\n.style-module_input__1eJO5:focus ~ .style-module_prefix__3jAFZ {\n  top: 28px;\n}\n\n.style-module_input--with-inside-label__253bZ ~ .style-module_prefix__3jAFZ,\n.style-module_input--with-inside-label__253bZ:focus ~ .style-module_prefix__3jAFZ,\n.style-module_input--with-inside-label__253bZ:not(:placeholder-shown) ~ .style-module_prefix__3jAFZ {\n  top: 29px;\n}\n\n.style-module_input__1eJO5 {\n  box-sizing: border-box;\n  padding-top: 9px;\n  font-family: inherit;\n}\n.style-module_input--no-placeholder__3EGwh {\n  padding-top: 0px;\n}\n.style-module_input--with-prefix__38e0j {\n  padding-left: 32px !important;\n}\n\n.style-module_placeholder__1U2z0 {\n  position: absolute;\n  pointer-events: none;\n  left: 16px;\n  top: 50%;\n  transform: translateY(-50%);\n  transition: 0.3s ease all;\n  color: var(--ds-grey-500);\n}\n.style-module_placeholder--with-prefix__2PquQ {\n  left: 32px;\n}\n.style-module_placeholder--with-error__2ieRU {\n  color: var(--ds-red-500);\n}\n\n.style-module_label__3FEZ1 {\n  display: inline-block;\n  margin-bottom: 8px;\n  color: var(--ds-grey-600);\n}\n.style-module_label--with-error__166bP {\n  color: var(--ds-red-500);\n}\n\n.style-module_error__167Zc {\n  margin-top: 4px;\n}";
+var styles = {"container":"style-module_container__2L4SP","prefix":"style-module_prefix__3jAFZ","prefix--with-error":"style-module_prefix--with-error__1yTTM","prefix--disabled":"style-module_prefix--disabled__2-gcw","input":"style-module_input__1eJO5","placeholder":"style-module_placeholder__1U2z0","input--with-inside-label":"style-module_input--with-inside-label__253bZ","placeholder--with-error":"style-module_placeholder--with-error__2ieRU","input--no-placeholder":"style-module_input--no-placeholder__3EGwh","input--with-prefix":"style-module_input--with-prefix__38e0j","placeholder--with-prefix":"style-module_placeholder--with-prefix__2PquQ","label":"style-module_label__3FEZ1","label--with-error":"style-module_label--with-error__166bP","error":"style-module_error__167Zc"};
 styleInject(css_248z);
 
 var Input = require$$0__default.forwardRef(function (_a, ref) {
     var _b, _c, _d, _e, _f, _g;
-    var className = _a.className, placeholder = _a.placeholder, label = _a.label, id = _a.id, prefix = _a.prefix, error = _a.error, disabled = _a.disabled, _h = _a.hideLabel, hideLabel = _h === void 0 ? false : _h, props = __rest(_a, ["className", "placeholder", "label", "id", "prefix", "error", "disabled", "hideLabel"]);
+    var className = _a.className, placeholder = _a.placeholder, label = _a.label, id = _a.id, prefix = _a.prefix, error = _a.error, disabled = _a.disabled, _h = _a.hideLabel, hideLabel = _h === void 0 ? false : _h, _j = _a.labelInsideInput, labelInsideInput = _j === void 0 ? false : _j, props = __rest(_a, ["className", "placeholder", "label", "id", "prefix", "error", "disabled", "hideLabel", "labelInsideInput"]);
     var uniqueId = useState(id !== null && id !== void 0 ? id : generateId())[0];
-    return (jsxs("div", __assign({ className: styles.container + " " + (className !== null && className !== void 0 ? className : '') }, { children: [label && (jsx("label", __assign({ htmlFor: uniqueId, className: classNames('p-p', styles.label, (_b = {},
+    return (jsxs("div", __assign({ className: styles.container + " " + (className !== null && className !== void 0 ? className : '') }, { children: [label && !labelInsideInput && (jsx("label", __assign({ htmlFor: uniqueId, className: classNames('p-p', styles.label, (_b = {},
                     _b[styles['label--with-error']] = error,
                     _b['sr-only'] = hideLabel,
                     _b)) }, { children: label }), void 0)),
-            jsxs("div", __assign({ style: { position: 'relative' } }, { children: [jsx("input", __assign({ id: uniqueId, "data-testid": "ds-input-input", type: "text", ref: ref, className: classNames(error ? 'p-input--error' : 'p-input', !label && placeholder && placeholder.length > 0
+            jsxs("div", __assign({ style: { position: 'relative' } }, { children: [jsx("input", __assign({ id: uniqueId, "data-testid": "ds-input-input", type: "text", ref: ref, className: classNames(error ? 'p-input--error' : 'p-input', (!label || labelInsideInput) && placeholder && placeholder.length > 0
                             ? styles.input
-                            : styles['input--no-placeholder'], (_c = {}, _c[styles['input--with-prefix']] = prefix, _c)), placeholder: label ? placeholder : ' ', disabled: disabled }, props), void 0),
+                            : styles['input--no-placeholder'], (_c = {},
+                            _c[styles['input--with-prefix']] = prefix,
+                            _c[styles['input--with-inside-label']] = labelInsideInput,
+                            _c)), placeholder: label || labelInsideInput ? placeholder : ' ', disabled: disabled }, props), void 0),
                     prefix && (jsx("span", __assign({ className: classNames(styles.prefix, (_d = {}, _d[styles['prefix--with-error']] = error, _d), (_e = {}, _e[styles['prefix--disabled']] = disabled, _e)) }, { children: prefix }), void 0)),
-                    !label && (jsx("label", __assign({ htmlFor: uniqueId, className: classNames(styles.placeholder, (_f = {}, _f[styles['placeholder--with-prefix']] = prefix, _f), (_g = {}, _g[styles['placeholder--with-error']] = error, _g)) }, { children: placeholder }), void 0))] }), void 0),
+                    (!label || labelInsideInput) && (jsx("label", __assign({ htmlFor: uniqueId, className: classNames(styles.placeholder, (_f = {}, _f[styles['placeholder--with-prefix']] = prefix, _f), (_g = {}, _g[styles['placeholder--with-error']] = error, _g)) }, { children: labelInsideInput ? label : placeholder }), void 0))] }), void 0),
             error && (jsx("p", __assign({ className: "p-p--small tc-red-500 w100 " + styles.error }, { children: error }), void 0))] }), void 0));
 });
 

package/dist/esm/components/input/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/lib/components/input/index.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport classnames from 'classnames';\nimport generateId from '../../util/generateId';\n\nimport styles from './style.module.scss';\n\n// Something weird is going on with enterKeyHint that makes it a required field under certain circumstances. The & Omit<…> and & Pick<…> is a hacky way to go around that.\nexport type InputProps =  Omit<JSX.IntrinsicElements['input'], 'enterKeyHint'> &\n Partial<Pick<JSX.IntrinsicElements['input'], 'enterKeyHint'>> & {\n  error?: string;\n  prefix?: string;\n  label?: string;\n  id?: string;\n  hideLabel?: boolean;\n};\n\nexport const Input = React.forwardRef(\n  (\n    {\n      className,\n      placeholder,\n      label,\n      id,\n      prefix,\n      error,\n      disabled,\n      hideLabel = false,\n      ...props\n    }: InputProps,\n    ref?: React.ForwardedRef<HTMLInputElement>\n  ) => {\n    const [uniqueId] = useState(id ?? generateId());\n    return (\n      <div className={`${styles.container} ${className ?? ''}`}>\n        {label && (\n          <label\n            htmlFor={uniqueId}\n            className={classnames('p-p', styles.label, {\n              [styles['label--with-error']]: error,\n              'sr-only': hideLabel,\n            })}\n          >\n            {label}\n          </label>\n        )}\n        <div style={{ position: 'relative' }}>\n          <input\n            id={uniqueId}\n            data-testid=\"ds-input-input\"\n            type=\"text\"\n            ref={ref}\n            className={classnames(\n              error ? 'p-input--error' : 'p-input',\n              !label && placeholder && placeholder.length > 0\n                ? styles.input\n                : styles['input--no-placeholder'],\n              { [styles['input--with-prefix']]: prefix }\n            )}\n            placeholder={label ? placeholder : ' '}\n            disabled={disabled}\n            {...props}\n          />\n          {prefix && (\n            <span\n              className={classnames(\n                styles.prefix,\n                { [styles['prefix--with-error']]: error },\n                { [styles['prefix--disabled']]: disabled }\n              )}\n            >\n              {prefix}\n            </span>\n          )}\n          {!label && (\n            <label\n              htmlFor={uniqueId}\n              className={classnames(\n                styles.placeholder,\n                { [styles['placeholder--with-prefix']]: prefix },\n                { [styles['placeholder--with-error']]: error }\n              )}\n            >\n              {placeholder}\n            </label>\n          )}\n        </div>\n        {error && (\n          <p className={`p-p--small tc-red-500 w100 ${styles.error}`}>\n            {error}\n          </p>\n        )}\n      </div>\n    );\n  }\n);\n"],"names":["React","_jsxs","_jsx","classnames"],"mappings":";;;;;;;;;;;IAgBa,KAAK,GAAGA,mBAAK,CAAC,UAAU,CACnC,UACE,EAUa,EACb,GAA0C;;IAVxC,IAAA,SAAS,eAAA,EACT,WAAW,iBAAA,EACX,KAAK,WAAA,EACL,EAAE,QAAA,EACF,MAAM,YAAA,EACN,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA,EACd,KAAK,cATV,uFAUC,CADS;IAIH,IAAA,QAAQ,GAAI,QAAQ,CAAC,EAAE,aAAF,EAAE,cAAF,EAAE,GAAI,UAAU,EAAE,CAAC,GAAhC,CAAiC;IAChD,QACEC,uBAAK,SAAS,EAAK,MAAM,CAAC,SAAS,UAAI,SAAS,aAAT,SAAS,cAAT,SAAS,GAAI,EAAE,CAAE,iBACrD,KAAK,KACJC,wBACE,OAAO,EAAE,QAAQ,EACjB,SAAS,EAAEC,UAAU,CAAC,KAAK,EAAE,MAAM,CAAC,KAAK;oBACvC,GAAC,MAAM,CAAC,mBAAmB,CAAC,IAAG,KAAK;oBACpC,aAAS,GAAE,SAAS;wBACpB,gBAED,KAAK,YACA,CACT;YACDF,uBAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,iBAClCC,wBACE,EAAE,EAAE,QAAQ,iBACA,gBAAgB,EAC5B,IAAI,EAAC,MAAM,EACX,GAAG,EAAE,GAAG,EACR,SAAS,EAAEC,UAAU,CACnB,KAAK,GAAG,gBAAgB,GAAG,SAAS,EACpC,CAAC,KAAK,IAAI,WAAW,IAAI,WAAW,CAAC,MAAM,GAAG,CAAC;8BAC3C,MAAM,CAAC,KAAK;8BACZ,MAAM,CAAC,uBAAuB,CAAC,YACjC,GAAC,MAAM,CAAC,oBAAoB,CAAC,IAAG,MAAM,MACzC,EACD,WAAW,EAAE,KAAK,GAAG,WAAW,GAAG,GAAG,EACtC,QAAQ,EAAE,QAAQ,IACd,KAAK,UACT;oBACD,MAAM,KACLD,uBACE,SAAS,EAAEC,UAAU,CACnB,MAAM,CAAC,MAAM,YACX,GAAC,MAAM,CAAC,oBAAoB,CAAC,IAAG,KAAK,iBACrC,GAAC,MAAM,CAAC,kBAAkB,CAAC,IAAG,QAAQ,MACzC,gBAEA,MAAM,YACF,CACR;oBACA,CAAC,KAAK,KACLD,wBACE,OAAO,EAAE,QAAQ,EACjB,SAAS,EAAEC,UAAU,CACnB,MAAM,CAAC,WAAW,YAChB,GAAC,MAAM,CAAC,0BAA0B,CAAC,IAAG,MAAM,iBAC5C,GAAC,MAAM,CAAC,yBAAyB,CAAC,IAAG,KAAK,MAC7C,gBAEA,WAAW,YACN,CACT,aACG;YACL,KAAK,KACJD,oBAAG,SAAS,EAAE,gCAA8B,MAAM,CAAC,KAAO,gBACvD,KAAK,YACJ,CACL,aACG,EACN;AACJ,CAAC;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../src/lib/components/input/index.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport classnames from 'classnames';\nimport generateId from '../../util/generateId';\n\nimport styles from './style.module.scss';\n\n// Something weird is going on with enterKeyHint that makes it a required field under certain circumstances. The & Omit<…> and & Pick<…> is a hacky way to go around that.\nexport type InputProps =  Omit<JSX.IntrinsicElements['input'], 'enterKeyHint'> &\n Partial<Pick<JSX.IntrinsicElements['input'], 'enterKeyHint'>> & {\n  error?: string | boolean;\n  prefix?: string;\n  label?: string;\n  id?: string;\n  hideLabel?: boolean;\n  labelInsideInput?: boolean;\n};\n\nexport const Input = React.forwardRef(\n  (\n    {\n      className,\n      placeholder,\n      label,\n      id,\n      prefix,\n      error,\n      disabled,\n      hideLabel = false,\n      labelInsideInput = false,\n      ...props\n    }: InputProps,\n    ref?: React.ForwardedRef<HTMLInputElement>\n  ) => {\n    const [uniqueId] = useState(id ?? generateId());\n\n    return (\n      <div className={`${styles.container} ${className ?? ''}`}>\n        {label && !labelInsideInput && (\n          <label\n            htmlFor={uniqueId}\n            className={classnames('p-p', styles.label, {\n              [styles['label--with-error']]: error,\n              'sr-only': hideLabel,\n            })}\n          >\n            {label}\n          </label>\n        )}\n        <div style={{ position: 'relative' }}>\n          <input\n            id={uniqueId}\n            data-testid=\"ds-input-input\"\n            type=\"text\"\n            ref={ref}\n            className={classnames(\n              error ? 'p-input--error' : 'p-input',\n              (!label || labelInsideInput) && placeholder && placeholder.length > 0\n                ? styles.input\n                : styles['input--no-placeholder'],\n              {\n                [styles['input--with-prefix']]: prefix, \n                [styles['input--with-inside-label']]: labelInsideInput\n              }\n            )}\n            placeholder={label || labelInsideInput ? placeholder : ' '}\n            disabled={disabled}\n            {...props}\n          />\n          {prefix && (\n            <span\n              className={classnames(\n                styles.prefix,\n                { [styles['prefix--with-error']]: error },\n                { [styles['prefix--disabled']]: disabled }\n              )}\n            >\n              {prefix}\n            </span>\n          )}\n          {(!label || labelInsideInput) && (\n            <label\n              htmlFor={uniqueId}\n              className={classnames(\n                styles.placeholder,\n                { [styles['placeholder--with-prefix']]: prefix },\n                { [styles['placeholder--with-error']]: error }\n              )}\n            >\n              {labelInsideInput ? label : placeholder}\n            </label>\n          )}\n        </div>\n        {error && (\n          <p className={`p-p--small tc-red-500 w100 ${styles.error}`}>\n            {error}\n          </p>\n        )}\n      </div>\n    );\n  }\n);\n"],"names":["React","_jsxs","_jsx","classnames"],"mappings":";;;;;;;;;;;IAiBa,KAAK,GAAGA,mBAAK,CAAC,UAAU,CACnC,UACE,EAWa,EACb,GAA0C;;IAXxC,IAAA,SAAS,eAAA,EACT,WAAW,iBAAA,EACX,KAAK,WAAA,EACL,EAAE,QAAA,EACF,MAAM,YAAA,EACN,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA,EACjB,wBAAwB,EAAxB,gBAAgB,mBAAG,KAAK,KAAA,EACrB,KAAK,cAVV,2GAWC,CADS;IAIH,IAAA,QAAQ,GAAI,QAAQ,CAAC,EAAE,aAAF,EAAE,cAAF,EAAE,GAAI,UAAU,EAAE,CAAC,GAAhC,CAAiC;IAEhD,QACEC,uBAAK,SAAS,EAAK,MAAM,CAAC,SAAS,UAAI,SAAS,aAAT,SAAS,cAAT,SAAS,GAAI,EAAE,CAAE,iBACrD,KAAK,IAAI,CAAC,gBAAgB,KACzBC,wBACE,OAAO,EAAE,QAAQ,EACjB,SAAS,EAAEC,UAAU,CAAC,KAAK,EAAE,MAAM,CAAC,KAAK;oBACvC,GAAC,MAAM,CAAC,mBAAmB,CAAC,IAAG,KAAK;oBACpC,aAAS,GAAE,SAAS;wBACpB,gBAED,KAAK,YACA,CACT;YACDF,uBAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,iBAClCC,wBACE,EAAE,EAAE,QAAQ,iBACA,gBAAgB,EAC5B,IAAI,EAAC,MAAM,EACX,GAAG,EAAE,GAAG,EACR,SAAS,EAAEC,UAAU,CACnB,KAAK,GAAG,gBAAgB,GAAG,SAAS,EACpC,CAAC,CAAC,KAAK,IAAI,gBAAgB,KAAK,WAAW,IAAI,WAAW,CAAC,MAAM,GAAG,CAAC;8BACjE,MAAM,CAAC,KAAK;8BACZ,MAAM,CAAC,uBAAuB,CAAC;4BAEjC,GAAC,MAAM,CAAC,oBAAoB,CAAC,IAAG,MAAM;4BACtC,GAAC,MAAM,CAAC,0BAA0B,CAAC,IAAG,gBAAgB;gCAEzD,EACD,WAAW,EAAE,KAAK,IAAI,gBAAgB,GAAG,WAAW,GAAG,GAAG,EAC1D,QAAQ,EAAE,QAAQ,IACd,KAAK,UACT;oBACD,MAAM,KACLD,uBACE,SAAS,EAAEC,UAAU,CACnB,MAAM,CAAC,MAAM,YACX,GAAC,MAAM,CAAC,oBAAoB,CAAC,IAAG,KAAK,iBACrC,GAAC,MAAM,CAAC,kBAAkB,CAAC,IAAG,QAAQ,MACzC,gBAEA,MAAM,YACF,CACR;oBACA,CAAC,CAAC,KAAK,IAAI,gBAAgB,MAC1BD,wBACE,OAAO,EAAE,QAAQ,EACjB,SAAS,EAAEC,UAAU,CACnB,MAAM,CAAC,WAAW,YAChB,GAAC,MAAM,CAAC,0BAA0B,CAAC,IAAG,MAAM,iBAC5C,GAAC,MAAM,CAAC,yBAAyB,CAAC,IAAG,KAAK,MAC7C,gBAEA,gBAAgB,GAAG,KAAK,GAAG,WAAW,YACjC,CACT,aACG;YACL,KAAK,KACJD,oBAAG,SAAS,EAAE,gCAA8B,MAAM,CAAC,KAAO,gBACvD,KAAK,YACJ,CACL,aACG,EACN;AACJ,CAAC;;;;"}

package/dist/esm/components/input/input.stories.js

@@ -1,7 +1,7 @@
 import { jsx } from 'react/jsx-runtime';
 import { useState } from 'react';
 import { Input } from './index.js';
-import { s as sharedConfig } from '../../config-56f12c98.js';
+import { s as sharedConfig } from '../../config-1d276a9d.js';
 import '../../tslib.es6-5bc94358.js';
 import '../../index-6ea95111.js';
 import '../../index-fb46adf9.js';
@@ -16,13 +16,13 @@ var story = {
     }
 };
 var InputStory = function (_a) {
-    var onChange = _a.onChange, className = _a.className, placeholder = _a.placeholder, value = _a.value, label = _a.label, hideLabel = _a.hideLabel, prefix = _a.prefix, error = _a.error;
+    var onChange = _a.onChange, className = _a.className, placeholder = _a.placeholder, value = _a.value, label = _a.label, hideLabel = _a.hideLabel, labelInsideInput = _a.labelInsideInput, prefix = _a.prefix, error = _a.error;
     var _b = useState(value), newValue = _b[0], setValue = _b[1];
     var handleOnChange = function (event) {
         setValue(event.target.value);
         onChange === null || onChange === void 0 ? void 0 : onChange(event);
     };
-    return (jsx(Input, { onChange: handleOnChange, value: newValue, className: className, placeholder: placeholder, label: label, hideLabel: hideLabel, prefix: prefix, error: error }, void 0));
+    return (jsx(Input, { onChange: handleOnChange, value: newValue, className: className, placeholder: placeholder, label: label, hideLabel: hideLabel, labelInsideInput: labelInsideInput, prefix: prefix, error: error }, void 0));
 };
 InputStory.storyName = 'Input';
 

package/dist/esm/components/input/input.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"input.stories.js","sources":["../../../../../src/lib/components/input/input.stories.tsx"],"sourcesContent":["\nimport { ChangeEvent, useState } from 'react';\nimport { Input, InputProps } from '.';\nimport sharedConfig from './stories/config';\n\nconst story = {\n  title: 'JSX/Inputs/Input',\n  component: Input,\n  argTypes: sharedConfig,\n  parameters: {\n    componentSubtitle: 'The default input component is used to gather informations from the user.'\n  }\n};\n\nexport const InputStory = ({ \n  onChange,\n  className,\n  placeholder,\n  value,\n  label,\n  hideLabel,\n  prefix,\n  error\n}: InputProps) => {\n  const [newValue, setValue] = useState(value);\n\n  const handleOnChange = (event: ChangeEvent<HTMLInputElement>) => {\n    setValue(event.target.value)\n    onChange?.(event);\n  }\n\n  return (\n    <Input \n      onChange={handleOnChange}\n      value={newValue}\n      className={className}\n      placeholder={placeholder}\n      label={label}\n      hideLabel={hideLabel}\n      prefix={prefix}\n      error={error}\n    />\n  );\n};\n\nInputStory.storyName = 'Input';\n\nexport default story;\n"],"names":["_jsx"],"mappings":";;;;;;;;;IAKM,KAAK,GAAG;IACZ,KAAK,EAAE,kBAAkB;IACzB,SAAS,EAAE,KAAK;IAChB,QAAQ,EAAE,YAAY;IACtB,UAAU,EAAE;QACV,iBAAiB,EAAE,2EAA2E;KAC/F;EACD;IAEW,UAAU,GAAG,UAAC,EASd;QARX,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,WAAW,iBAAA,EACX,KAAK,WAAA,EACL,KAAK,WAAA,EACL,SAAS,eAAA,EACT,MAAM,YAAA,EACN,KAAK,WAAA;IAEC,IAAA,KAAuB,QAAQ,CAAC,KAAK,CAAC,EAArC,QAAQ,QAAA,EAAE,QAAQ,QAAmB,CAAC;IAE7C,IAAM,cAAc,GAAG,UAAC,KAAoC;QAC1D,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;QAC5B,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,KAAK,CAAC,CAAC;KACnB,CAAA;IAED,QACEA,IAAC,KAAK,IACJ,QAAQ,EAAE,cAAc,EACxB,KAAK,EAAE,QAAQ,EACf,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,WACZ,EACF;AACJ,EAAE;AAEF,UAAU,CAAC,SAAS,GAAG,OAAO;;;;;"}
+{"version":3,"file":"input.stories.js","sources":["../../../../../src/lib/components/input/input.stories.tsx"],"sourcesContent":["\nimport { ChangeEvent, useState } from 'react';\nimport { Input, InputProps } from '.';\nimport sharedConfig from './stories/config';\n\nconst story = {\n  title: 'JSX/Inputs/Input',\n  component: Input,\n  argTypes: sharedConfig,\n  parameters: {\n    componentSubtitle: 'The default input component is used to gather informations from the user.'\n  }\n};\n\nexport const InputStory = ({ \n  onChange,\n  className,\n  placeholder,\n  value,\n  label,\n  hideLabel,\n  labelInsideInput,\n  prefix,\n  error\n}: InputProps) => {\n  const [newValue, setValue] = useState(value);\n\n  const handleOnChange = (event: ChangeEvent<HTMLInputElement>) => {\n    setValue(event.target.value)\n    onChange?.(event);\n  }\n\n  return (\n    <Input \n      onChange={handleOnChange}\n      value={newValue}\n      className={className}\n      placeholder={placeholder}\n      label={label}\n      hideLabel={hideLabel}\n      labelInsideInput={labelInsideInput}\n      prefix={prefix}\n      error={error}\n    />\n  );\n};\n\nInputStory.storyName = 'Input';\n\nexport default story;\n"],"names":["_jsx"],"mappings":";;;;;;;;;IAKM,KAAK,GAAG;IACZ,KAAK,EAAE,kBAAkB;IACzB,SAAS,EAAE,KAAK;IAChB,QAAQ,EAAE,YAAY;IACtB,UAAU,EAAE;QACV,iBAAiB,EAAE,2EAA2E;KAC/F;EACD;IAEW,UAAU,GAAG,UAAC,EAUd;QATX,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,WAAW,iBAAA,EACX,KAAK,WAAA,EACL,KAAK,WAAA,EACL,SAAS,eAAA,EACT,gBAAgB,sBAAA,EAChB,MAAM,YAAA,EACN,KAAK,WAAA;IAEC,IAAA,KAAuB,QAAQ,CAAC,KAAK,CAAC,EAArC,QAAQ,QAAA,EAAE,QAAQ,QAAmB,CAAC;IAE7C,IAAM,cAAc,GAAG,UAAC,KAAoC;QAC1D,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;QAC5B,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,KAAK,CAAC,CAAC;KACnB,CAAA;IAED,QACEA,IAAC,KAAK,IACJ,QAAQ,EAAE,cAAc,EACxB,KAAK,EAAE,QAAQ,EACf,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,EACpB,gBAAgB,EAAE,gBAAgB,EAClC,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,WACZ,EACF;AACJ,EAAE;AAEF,UAAU,CAAC,SAAS,GAAG,OAAO;;;;;"}

package/dist/esm/{config-56f12c98.js → config-1d276a9d.js}

@@ -20,7 +20,12 @@ var sharedConfig = {
         control: { type: 'text' }
     },
     hideLabel: {
-        description: 'Whether or not a label should be hidden.. This is needed for accessibility purposes and a label should always be provided',
+        description: 'Whether or not a label should be hidden. This is needed for accessibility purposes and a label should always be provided',
+        defaultValue: false,
+        control: { type: 'boolean' }
+    },
+    labelInsideInput: {
+        description: 'Whether or not a label should be visually displayed inside the input borders.',
         defaultValue: false,
         control: { type: 'boolean' }
     },
@@ -54,4 +59,4 @@ var sharedConfig = {
 };
 
 export { sharedConfig as s };
-//# sourceMappingURL=config-56f12c98.js.map
+//# sourceMappingURL=config-1d276a9d.js.map

package/dist/esm/config-1d276a9d.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"config-1d276a9d.js","sources":["../../../src/lib/components/input/stories/config.ts"],"sourcesContent":["const sharedConfig = {\n  value: {\n    defaultValue: '',\n    description: 'Current input value.',\n    control: { type: 'text' }\n  },\n  className: {\n    description: 'Wrapper classNames for custom styling',\n    defaultValue: '',\n    control: { type: 'text' }\n  },\n  placeholder: {\n    description: 'Placeholder for DirtySwan Input component',\n    defaultValue: 'Placeholder',\n    control: { type: 'text' }\n  },\n  label: {\n    description: 'Label of the Input component',\n    defaultValue: 'Input Label',\n    control: { type: 'text' }\n  },\n  hideLabel: {\n    description: 'Whether or not a label should be hidden. This is needed for accessibility purposes and a label should always be provided',\n    defaultValue: false,\n    control: { type: 'boolean' }\n  },\n  labelInsideInput: {\n    description: 'Whether or not a label should be visually displayed inside the input borders.',\n    defaultValue: false,\n    control: { type: 'boolean' }\n  },\n  prefix: {\n    description: 'A prefix that can be displayed on the left of the input. Specially useful for currencies.',\n    defaultValue: '£',\n    control: { type: 'text' }\n  },\n  id: {\n    description: 'Unique ID identifier of the input. Relevant for accessibility.',\n    defaultValue: '1234567890',\n    control: { type: 'text' }\n  },\n  error: {\n    description: 'Error message that will also make input show on error state.',\n    defaultValue: '',\n    control: { type: 'text' },\n    table: {\n      type: { \n        summary: 'string | boolean'\n      },\n    },\n  },\n  onChange: {\n    description: 'Function that is called when value of current input changes',\n    action: true,\n    table: {\n      category: \"Callbacks\",\n    },\n  },\n} \n\nexport default sharedConfig;"],"names":[],"mappings":"IAAM,YAAY,GAAG;IACnB,KAAK,EAAE;QACL,YAAY,EAAE,EAAE;QAChB,WAAW,EAAE,sBAAsB;QACnC,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;KAC1B;IACD,SAAS,EAAE;QACT,WAAW,EAAE,uCAAuC;QACpD,YAAY,EAAE,EAAE;QAChB,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;KAC1B;IACD,WAAW,EAAE;QACX,WAAW,EAAE,2CAA2C;QACxD,YAAY,EAAE,aAAa;QAC3B,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;KAC1B;IACD,KAAK,EAAE;QACL,WAAW,EAAE,8BAA8B;QAC3C,YAAY,EAAE,aAAa;QAC3B,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;KAC1B;IACD,SAAS,EAAE;QACT,WAAW,EAAE,0HAA0H;QACvI,YAAY,EAAE,KAAK;QACnB,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE;KAC7B;IACD,gBAAgB,EAAE;QAChB,WAAW,EAAE,+EAA+E;QAC5F,YAAY,EAAE,KAAK;QACnB,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE;KAC7B;IACD,MAAM,EAAE;QACN,WAAW,EAAE,2FAA2F;QACxG,YAAY,EAAE,GAAG;QACjB,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;KAC1B;IACD,EAAE,EAAE;QACF,WAAW,EAAE,gEAAgE;QAC7E,YAAY,EAAE,YAAY;QAC1B,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;KAC1B;IACD,KAAK,EAAE;QACL,WAAW,EAAE,8DAA8D;QAC3E,YAAY,EAAE,EAAE;QAChB,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;QACzB,KAAK,EAAE;YACL,IAAI,EAAE;gBACJ,OAAO,EAAE,kBAAkB;aAC5B;SACF;KACF;IACD,QAAQ,EAAE;QACR,WAAW,EAAE,6DAA6D;QAC1E,MAAM,EAAE,IAAI;QACZ,KAAK,EAAE;YACL,QAAQ,EAAE,WAAW;SACtB;KACF;;;;;"}

package/dist/esm/{index-03b0133a.js → index-e506c4ca.js}

@@ -175,7 +175,7 @@ import HospitalBuilding from './components/icon/icons/HospitalBuilding.js';
 import ImagePicture from './components/icon/icons/ImagePicture.js';
 import Inbox from './components/icon/icons/Inbox.js';
 import InfoFilled from './components/icon/icons/InfoFilled.js';
-import InfoIcon from './components/icon/icons/Info.js';
+import Info from './components/icon/icons/Info.js';
 import Instagram from './components/icon/icons/Instagram.js';
 import Italic from './components/icon/icons/Italic.js';
 import Key from './components/icon/icons/Key.js';
@@ -539,7 +539,7 @@ var icons = /*#__PURE__*/Object.freeze({
 	ImagePictureIcon: ImagePicture,
 	InboxIcon: Inbox,
 	InfoFilledIcon: InfoFilled,
-	InfoIcon: InfoIcon,
+	InfoIcon: Info,
 	InstagramIcon: Instagram,
 	ItalicIcon: Italic,
 	KeyIcon: Key,
@@ -726,4 +726,4 @@ var icons = /*#__PURE__*/Object.freeze({
 });
 
 export { icons as i };
-//# sourceMappingURL=index-03b0133a.js.map
+//# sourceMappingURL=index-e506c4ca.js.map

package/dist/esm/{index-03b0133a.js.map → index-e506c4ca.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-03b0133a.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index-e506c4ca.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/index.js

@@ -1,4 +1,4 @@
-export { D as DateSelector } from './index-f0e3bc9a.js';
+export { DateSelector } from './components/dateSelector/index.js';
 export { SignaturePad } from './components/signaturePad/index.js';
 export { AutocompleteAddress } from './components/autocompleteAddress/index.js';
 export { Input } from './components/input/index.js';
@@ -397,15 +397,16 @@ export { default as TableInfoButton } from './components/comparisonTable/compone
 import './tslib.es6-5bc94358.js';
 import 'react/jsx-runtime';
 import 'react';
+import './Calendar-62c6cf21.js';
 import './_commonjsHelpers-e7f67fd8.js';
 import './style-inject.es-1f59c1d0.js';
 import './index-6ea95111.js';
-import './index-1463d5e9.js';
+import './components/icon/IconWrapper/IconWrapper.js';
 import './index-fb46adf9.js';
+import './index-1463d5e9.js';
 import './index-dd80248b.js';
 import './index-a0ef2ab4.js';
 import './components/multiDropzone/UploadFileCell/index.js';
-import './components/icon/IconWrapper/IconWrapper.js';
 import './useOnClose-d818a54f.js';
 import './feather-logo-a3f07990.js';
 import './index-171a0108.js';

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}