@vitality-ds/components 4.0.4 → 4.0.6-alpha.0

package/dist/Input/DateRangePicker/index.js

@@ -56,7 +56,8 @@ var DateRangePicker = /*#__PURE__*/_react["default"].forwardRef(function (_ref,
     ref: forwardedRef
   }, /*#__PURE__*/_react["default"].createElement(_styled.DatePickerContainer, null, /*#__PURE__*/_react["default"].createElement(_Flex["default"], {
     direction: "row",
-    wrap: "wrap"
+    wrap: "wrap",
+    spacing: "none"
   }, /*#__PURE__*/_react["default"].createElement(_styled.DateContainer, null, /*#__PURE__*/_react["default"].createElement(_styled.BaseDateRangePickerLabel, {
     id: "".concat(id, "_start_date")
   }, fromLabel), /*#__PURE__*/_react["default"].createElement(_DatePicker["default"], {

package/dist/Input/DateRangePicker/styles/BaseDateRangePicker.styles.js

@@ -10,5 +10,4 @@ var _default = exports["default"] = (0, _system.css)({
   flexDirection: "row",
   alignItems: "flex-end",
   gap: "$sm"
-  // border: "1px solid blue",
 });

package/dist/Input/DateRangePicker/styles/DateContainer.styles.js

@@ -8,14 +8,22 @@ exports["default"] = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _system = require("@vitality-ds/system");
 var _styled = require("../../TextInput/styled");
+var borders = _system.colorUseCases.borders;
 var _default = exports["default"] = (0, _system.css)((0, _defineProperty2["default"])({
   display: "flex",
   gap: "$sm",
+  flex: 1,
   alignItems: "center",
-  overflow: "visible"
+  overflow: "visible",
+  marginRight: "$sm",
+  borderRight: "1px solid ".concat((0, _system.getColorScaleValueByUseCase)("neutral", borders.uiElement)),
+  minWidth: 155,
+  "& >:not(label)": {
+    width: "100%"
+  }
 }, "".concat(_styled.BaseInputWrapper), {
   borderColor: "transparent",
-  borderTopLeftRadius: 0,
-  borderBottomLeftRadius: 0,
-  paddingLeft: 0
+  backgroundColor: "transparent",
+  paddingLeft: 0,
+  minWidth: 130
 }));

package/dist/Input/DateRangePicker/styles/DatePickerContainer.styles.js

@@ -5,15 +5,17 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 var _system = require("@vitality-ds/system");
+var borders = _system.colorUseCases.borders,
+  backgrounds = _system.colorUseCases.backgrounds;
 var _default = exports["default"] = (0, _system.css)({
   display: "flex",
   gap: "$sm",
   paddingLeft: "$md",
   paddingRight: "$sm",
-  border: "1px solid $neutral5",
+  border: "1px solid ".concat((0, _system.getColorScaleValueByUseCase)("neutral", borders.uiElement)),
   borderRadius: "$default",
-  backgroundColor: "$neutral1",
+  backgroundColor: (0, _system.getColorScaleValueByUseCase)("neutral", backgrounds.app),
   "&:hover": {
-    borderColor: "$neutral8"
+    borderColor: (0, _system.getColorScaleValueByUseCase)("neutral", borders.uiElement_hovered)
   }
 });

package/dist/Input/DateRangePicker/styles/ExtrasContainers.js

@@ -6,7 +6,5 @@ Object.defineProperty(exports, "__esModule", {
 exports["default"] = void 0;
 var _system = require("@vitality-ds/system");
 var _default = exports["default"] = (0, _system.css)({
-  display: "flex",
-  gap: "$sm",
-  alignItems: "baseline"
+  display: "flex"
 });

package/dist/components/src/Input/DateRangePicker/constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../../src/Input/DateRangePicker/constants.ts"],"names":[],"mappings":"AASA,QAAA,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAyEV,CAAC;AAEX,eAAe,cAAc,CAAC"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../../src/Input/DateRangePicker/constants.ts"],"names":[],"mappings":"AAQA,QAAA,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAyEV,CAAC;AAEX,eAAe,cAAc,CAAC"}

package/dist/components/src/Input/DateRangePicker/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../../src/Input/DateRangePicker/constants.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../../src/Input/DateRangePicker/constants.ts"],"names":[],"mappings":"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"}

package/dist/components/src/Input/DateRangePicker/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/Input/DateRangePicker/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAkB1B,QAAA,MAAM,eAAe;;;;;;;;;;;;;;wCA4GpB,CAAC;AAGF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/Input/DateRangePicker/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAiB1B,QAAA,MAAM,eAAe;;;;;;;;;;;;;;wCA4GpB,CAAC;AAGF,eAAe,eAAe,CAAC"}

package/dist/components/src/Input/DateRangePicker/index.js

@@ -24,7 +24,7 @@ var DateRangePicker = react_1.default.forwardRef(function (_a, forwardedRef) {
     }); });
     return (react_1.default.createElement(styled_1.BaseDateRangePicker, { ref: forwardedRef },
         react_1.default.createElement(styled_1.DatePickerContainer, null,
-            react_1.default.createElement(Flex_1.default, { direction: "row", wrap: "wrap" },
+            react_1.default.createElement(Flex_1.default, { direction: "row", wrap: "wrap", spacing: "none" },
                 react_1.default.createElement(styled_1.DateContainer, null,
                     react_1.default.createElement(styled_1.BaseDateRangePickerLabel, { id: id + "_start_date" }, fromLabel),
                     react_1.default.createElement(DatePicker_1.default, { disabled: disabled, hasError: hasError, showFirstDateInRangeOnOpen: true, minYear: minYear && minYear, maxYear: maxYear && maxYear, onChange: handleNewStartDate, value: selectedValue.startDate, calendarValue: calendarValue.length === 1 ? calendarValue[0] : calendarValue, id: id + "_start_date", onSelectedDateChange: function () {

package/dist/components/src/Input/DateRangePicker/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/Input/DateRangePicker/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/Input/DateRangePicker/index.tsx"],"names":[],"mappings":"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"}

package/dist/components/src/Input/DateRangePicker/styles/BaseDateRangePicker.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BaseDateRangePicker.styles.d.ts","sourceRoot":"","sources":["../../../../../../src/Input/DateRangePicker/styles/BaseDateRangePicker.styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,wBAMG"}
+{"version":3,"file":"BaseDateRangePicker.styles.d.ts","sourceRoot":"","sources":["../../../../../../src/Input/DateRangePicker/styles/BaseDateRangePicker.styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,wBAKG"}

package/dist/components/src/Input/DateRangePicker/styles/BaseDateRangePicker.styles.js

@@ -6,6 +6,5 @@ exports.default = (0, system_1.css)({
     flexDirection: "row",
     alignItems: "flex-end",
     gap: "$sm",
-    // border: "1px solid blue",
 });
 //# sourceMappingURL=BaseDateRangePicker.styles.js.map

package/dist/components/src/Input/DateRangePicker/styles/BaseDateRangePicker.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseDateRangePicker.styles.js","sourceRoot":"","sources":["../../../../../../src/Input/DateRangePicker/styles/BaseDateRangePicker.styles.ts"],"names":[],"mappings":";;AAAA,8CAA0C;AAE1C,kBAAe,IAAA,YAAG,EAAC;IACjB,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,KAAK;IACpB,UAAU,EAAE,UAAU;IACtB,GAAG,EAAE,KAAK;IACV,4BAA4B;CAC7B,CAAC,CAAC"}
+{"version":3,"file":"BaseDateRangePicker.styles.js","sourceRoot":"","sources":["../../../../../../src/Input/DateRangePicker/styles/BaseDateRangePicker.styles.ts"],"names":[],"mappings":";;AAAA,8CAA0C;AAE1C,kBAAe,IAAA,YAAG,EAAC;IACjB,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,KAAK;IACpB,UAAU,EAAE,UAAU;IACtB,GAAG,EAAE,KAAK;CACX,CAAC,CAAC"}

package/dist/components/src/Input/DateRangePicker/styles/DateContainer.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DateContainer.styles.d.ts","sourceRoot":"","sources":["../../../../../../src/Input/DateRangePicker/styles/DateContainer.styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,wBAYG"}
+{"version":3,"file":"DateContainer.styles.d.ts","sourceRoot":"","sources":["../../../../../../src/Input/DateRangePicker/styles/DateContainer.styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,wBAqBG"}

package/dist/components/src/Input/DateRangePicker/styles/DateContainer.styles.js

@@ -3,18 +3,25 @@ var _a;
 Object.defineProperty(exports, "__esModule", { value: true });
 var system_1 = require("@vitality-ds/system");
 var styled_1 = require("../../TextInput/styled");
+var borders = system_1.colorUseCases.borders;
 exports.default = (0, system_1.css)((_a = {
         display: "flex",
         gap: "$sm",
+        flex: 1,
         alignItems: "center",
-        overflow: "visible"
+        overflow: "visible",
+        marginRight: "$sm",
+        borderRight: "1px solid " + (0, system_1.getColorScaleValueByUseCase)("neutral", borders.uiElement),
+        minWidth: 155,
+        "& >:not(label)": {
+            width: "100%",
+        }
     },
-    // minWidth: 300,
     _a["" + styled_1.BaseInputWrapper] = {
         borderColor: "transparent",
-        borderTopLeftRadius: 0,
-        borderBottomLeftRadius: 0,
+        backgroundColor: "transparent",
         paddingLeft: 0,
+        minWidth: 130,
     },
     _a));
 //# sourceMappingURL=DateContainer.styles.js.map

package/dist/components/src/Input/DateRangePicker/styles/DateContainer.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"DateContainer.styles.js","sourceRoot":"","sources":["../../../../../../src/Input/DateRangePicker/styles/DateContainer.styles.ts"],"names":[],"mappings":";;;AAAA,8CAA0C;AAE1C,iDAA0D;AAE1D,kBAAe,IAAA,YAAG;QAChB,OAAO,EAAE,MAAM;QACf,GAAG,EAAE,KAAK;QACV,UAAU,EAAE,QAAQ;QACpB,QAAQ,EAAE,SAAS;;IACnB,iBAAiB;IACjB,GAAC,KAAG,yBAAkB,IAAG;QACvB,WAAW,EAAE,aAAa;QAC1B,mBAAmB,EAAE,CAAC;QACtB,sBAAsB,EAAE,CAAC;QACzB,WAAW,EAAE,CAAC;KACf;QACD,CAAC"}
+{"version":3,"file":"DateContainer.styles.js","sourceRoot":"","sources":["../../../../../../src/Input/DateRangePicker/styles/DateContainer.styles.ts"],"names":[],"mappings":";;;AAAA,8CAI6B;AAE7B,iDAA0D;AAElD,IAAA,OAAO,GAAK,sBAAa,QAAlB,CAAmB;AAClC,kBAAe,IAAA,YAAG;QAChB,OAAO,EAAE,MAAM;QACf,GAAG,EAAE,KAAK;QACV,IAAI,EAAE,CAAC;QACP,UAAU,EAAE,QAAQ;QACpB,QAAQ,EAAE,SAAS;QACnB,WAAW,EAAE,KAAK;QAClB,WAAW,EAAE,eAAa,IAAA,oCAA2B,EACnD,SAAS,EACT,OAAO,CAAC,SAAS,CAChB;QACH,QAAQ,EAAE,GAAG;QACb,gBAAgB,EAAE;YAChB,KAAK,EAAE,MAAM;SACd;;IACD,GAAC,KAAG,yBAAkB,IAAG;QACvB,WAAW,EAAE,aAAa;QAC1B,eAAe,EAAE,aAAa;QAC9B,WAAW,EAAE,CAAC;QACd,QAAQ,EAAE,GAAG;KACd;QACD,CAAC"}

package/dist/components/src/Input/DateRangePicker/styles/DatePickerContainer.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DatePickerContainer.styles.d.ts","sourceRoot":"","sources":["../../../../../../src/Input/DateRangePicker/styles/DatePickerContainer.styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,wBAWG"}
+{"version":3,"file":"DatePickerContainer.styles.d.ts","sourceRoot":"","sources":["../../../../../../src/Input/DateRangePicker/styles/DatePickerContainer.styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,wBAiBG"}

package/dist/components/src/Input/DateRangePicker/styles/DatePickerContainer.styles.js

@@ -1,16 +1,17 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var system_1 = require("@vitality-ds/system");
+var borders = system_1.colorUseCases.borders, backgrounds = system_1.colorUseCases.backgrounds;
 exports.default = (0, system_1.css)({
     display: "flex",
     gap: "$sm",
     paddingLeft: "$md",
     paddingRight: "$sm",
-    border: "1px solid $neutral5",
+    border: "1px solid " + (0, system_1.getColorScaleValueByUseCase)("neutral", borders.uiElement),
     borderRadius: "$default",
-    backgroundColor: "$neutral1",
+    backgroundColor: (0, system_1.getColorScaleValueByUseCase)("neutral", backgrounds.app),
     "&:hover": {
-        borderColor: "$neutral8",
+        borderColor: (0, system_1.getColorScaleValueByUseCase)("neutral", borders.uiElement_hovered),
     },
 });
 //# sourceMappingURL=DatePickerContainer.styles.js.map

package/dist/components/src/Input/DateRangePicker/styles/DatePickerContainer.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"DatePickerContainer.styles.js","sourceRoot":"","sources":["../../../../../../src/Input/DateRangePicker/styles/DatePickerContainer.styles.ts"],"names":[],"mappings":";;AAAA,8CAA0C;AAE1C,kBAAe,IAAA,YAAG,EAAC;IACjB,OAAO,EAAE,MAAM;IACf,GAAG,EAAE,KAAK;IACV,WAAW,EAAE,KAAK;IAClB,YAAY,EAAE,KAAK;IACnB,MAAM,EAAE,qBAAqB;IAC7B,YAAY,EAAE,UAAU;IACxB,eAAe,EAAE,WAAW;IAC5B,SAAS,EAAE;QACT,WAAW,EAAE,WAAW;KACzB;CACF,CAAC,CAAC"}
+{"version":3,"file":"DatePickerContainer.styles.js","sourceRoot":"","sources":["../../../../../../src/Input/DateRangePicker/styles/DatePickerContainer.styles.ts"],"names":[],"mappings":";;AAAA,8CAI6B;AAErB,IAAA,OAAO,GAAkB,sBAAa,QAA/B,EAAE,WAAW,GAAK,sBAAa,YAAlB,CAAmB;AAC/C,kBAAe,IAAA,YAAG,EAAC;IACjB,OAAO,EAAE,MAAM;IACf,GAAG,EAAE,KAAK;IACV,WAAW,EAAE,KAAK;IAClB,YAAY,EAAE,KAAK;IACnB,MAAM,EAAE,eAAa,IAAA,oCAA2B,EAC9C,SAAS,EACT,OAAO,CAAC,SAAS,CAChB;IACH,YAAY,EAAE,UAAU;IACxB,eAAe,EAAE,IAAA,oCAA2B,EAAC,SAAS,EAAE,WAAW,CAAC,GAAG,CAAC;IACxE,SAAS,EAAE;QACT,WAAW,EAAE,IAAA,oCAA2B,EACtC,SAAS,EACT,OAAO,CAAC,iBAAiB,CAC1B;KACF;CACF,CAAC,CAAC"}

package/dist/components/src/Input/DateRangePicker/styles/ExtrasContainers.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ExtrasContainers.d.ts","sourceRoot":"","sources":["../../../../../../src/Input/DateRangePicker/styles/ExtrasContainers.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,wBAIG"}
+{"version":3,"file":"ExtrasContainers.d.ts","sourceRoot":"","sources":["../../../../../../src/Input/DateRangePicker/styles/ExtrasContainers.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,wBAEG"}

package/dist/components/src/Input/DateRangePicker/styles/ExtrasContainers.js

@@ -3,7 +3,5 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var system_1 = require("@vitality-ds/system");
 exports.default = (0, system_1.css)({
     display: "flex",
-    gap: "$sm",
-    alignItems: "baseline",
 });
 //# sourceMappingURL=ExtrasContainers.js.map

package/dist/components/src/Input/DateRangePicker/styles/ExtrasContainers.js.map

@@ -1 +1 @@
-{"version":3,"file":"ExtrasContainers.js","sourceRoot":"","sources":["../../../../../../src/Input/DateRangePicker/styles/ExtrasContainers.ts"],"names":[],"mappings":";;AAAA,8CAA0C;AAE1C,kBAAe,IAAA,YAAG,EAAC;IACjB,OAAO,EAAE,MAAM;IACf,GAAG,EAAE,KAAK;IACV,UAAU,EAAE,UAAU;CACvB,CAAC,CAAC"}
+{"version":3,"file":"ExtrasContainers.js","sourceRoot":"","sources":["../../../../../../src/Input/DateRangePicker/styles/ExtrasContainers.ts"],"names":[],"mappings":";;AAAA,8CAA0C;AAE1C,kBAAe,IAAA,YAAG,EAAC;IACjB,OAAO,EAAE,MAAM;CAChB,CAAC,CAAC"}

package/dist/esm/Input/DateRangePicker/index.js

@@ -49,7 +49,8 @@ var DateRangePicker = /*#__PURE__*/React.forwardRef(function (_ref, forwardedRef
     ref: forwardedRef
   }, /*#__PURE__*/React.createElement(DatePickerContainer, null, /*#__PURE__*/React.createElement(Flex, {
     direction: "row",
-    wrap: "wrap"
+    wrap: "wrap",
+    spacing: "none"
   }, /*#__PURE__*/React.createElement(DateContainer, null, /*#__PURE__*/React.createElement(BaseDateRangePickerLabel, {
     id: "".concat(id, "_start_date")
   }, fromLabel), /*#__PURE__*/React.createElement(DatePicker, {

package/dist/esm/Input/DateRangePicker/styles/BaseDateRangePicker.styles.js

@@ -4,5 +4,4 @@ export default css({
   flexDirection: "row",
   alignItems: "flex-end",
   gap: "$sm"
-  // border: "1px solid blue",
 });

package/dist/esm/Input/DateRangePicker/styles/DateContainer.styles.js

@@ -1,14 +1,22 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import { css } from "@vitality-ds/system";
+import { colorUseCases, css, getColorScaleValueByUseCase } from "@vitality-ds/system";
 import { BaseInputWrapper } from "../../TextInput/styled";
+var borders = colorUseCases.borders;
 export default css(_defineProperty({
   display: "flex",
   gap: "$sm",
+  flex: 1,
   alignItems: "center",
-  overflow: "visible"
+  overflow: "visible",
+  marginRight: "$sm",
+  borderRight: "1px solid ".concat(getColorScaleValueByUseCase("neutral", borders.uiElement)),
+  minWidth: 155,
+  "& >:not(label)": {
+    width: "100%"
+  }
 }, "".concat(BaseInputWrapper), {
   borderColor: "transparent",
-  borderTopLeftRadius: 0,
-  borderBottomLeftRadius: 0,
-  paddingLeft: 0
+  backgroundColor: "transparent",
+  paddingLeft: 0,
+  minWidth: 130
 }));

package/dist/esm/Input/DateRangePicker/styles/DatePickerContainer.styles.js

@@ -1,13 +1,15 @@
-import { css } from "@vitality-ds/system";
+import { colorUseCases, css, getColorScaleValueByUseCase } from "@vitality-ds/system";
+var borders = colorUseCases.borders,
+  backgrounds = colorUseCases.backgrounds;
 export default css({
   display: "flex",
   gap: "$sm",
   paddingLeft: "$md",
   paddingRight: "$sm",
-  border: "1px solid $neutral5",
+  border: "1px solid ".concat(getColorScaleValueByUseCase("neutral", borders.uiElement)),
   borderRadius: "$default",
-  backgroundColor: "$neutral1",
+  backgroundColor: getColorScaleValueByUseCase("neutral", backgrounds.app),
   "&:hover": {
-    borderColor: "$neutral8"
+    borderColor: getColorScaleValueByUseCase("neutral", borders.uiElement_hovered)
   }
 });

package/dist/esm/Input/DateRangePicker/styles/ExtrasContainers.js

@@ -1,6 +1,4 @@
 import { css } from "@vitality-ds/system";
 export default css({
-  display: "flex",
-  gap: "$sm",
-  alignItems: "baseline"
+  display: "flex"
 });

package/dist/icons/src/AccountHolder.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import type { IconType } from "./Icon/types";
+declare function AccountHolder(props: IconType): JSX.Element;
+export default AccountHolder;
+//# sourceMappingURL=AccountHolder.d.ts.map

package/dist/icons/src/AccountHolder.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccountHolder.d.ts","sourceRoot":"","sources":["../../../../icons/src/AccountHolder.tsx"],"names":[],"mappings":";AAGA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAE7C,iBAAS,aAAa,CAAC,KAAK,EAAE,QAAQ,eAMrC;AAED,eAAe,aAAa,CAAC"}

package/dist/icons/src/AccountHolder.js

@@ -0,0 +1,25 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var Icon_1 = __importDefault(require("./Icon"));
+function AccountHolder(props) {
+    return (react_1.default.createElement(Icon_1.default, __assign({}, props),
+        react_1.default.createElement("path", { d: "M5 3a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-2.28A2 2 0 0 0 22 15V9a2 2 0 0 0-1-1.72V5a2 2 0 0 0-2-2H5Zm0 2h14v2h-6a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h6v2H5V5Zm8 4h7v6h-7V9Zm3 1.5a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3Z" })));
+}
+;
+exports.default = AccountHolder;
+//# sourceMappingURL=AccountHolder.js.map

package/dist/icons/src/AccountHolder.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccountHolder.js","sourceRoot":"","sources":["../../../../icons/src/AccountHolder.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,gDAA0B;AAE1B,gDAA0B;AAG1B,SAAS,aAAa,CAAC,KAAe;IACpC,OAAO,CACL,8BAAC,cAAI,eAAK,KAAK;QACb,wCAAM,CAAC,EAAC,8NAA8N,GAAG,CACpO,CACR,CAAC;AACJ,CAAC;AAAA,CAAC;AAEF,kBAAe,aAAa,CAAC"}

package/dist/icons/src/Add.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import type { IconType } from "./Icon/types";
+declare function Add(props: IconType): JSX.Element;
+export default Add;
+//# sourceMappingURL=Add.d.ts.map

package/dist/icons/src/Add.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Add.d.ts","sourceRoot":"","sources":["../../../../icons/src/Add.tsx"],"names":[],"mappings":";AAGA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAE7C,iBAAS,GAAG,CAAC,KAAK,EAAE,QAAQ,eAM3B;AAED,eAAe,GAAG,CAAC"}

package/dist/icons/src/Add.js

@@ -0,0 +1,25 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var Icon_1 = __importDefault(require("./Icon"));
+function Add(props) {
+    return (react_1.default.createElement(Icon_1.default, __assign({}, props),
+        react_1.default.createElement("path", { d: "M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2Z" })));
+}
+;
+exports.default = Add;
+//# sourceMappingURL=Add.js.map

package/dist/icons/src/Add.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Add.js","sourceRoot":"","sources":["../../../../icons/src/Add.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,gDAA0B;AAE1B,gDAA0B;AAG1B,SAAS,GAAG,CAAC,KAAe;IAC1B,OAAO,CACL,8BAAC,cAAI,eAAK,KAAK;QACb,wCAAM,CAAC,EAAC,qCAAqC,GAAG,CAC3C,CACR,CAAC;AACJ,CAAC;AAAA,CAAC;AAEF,kBAAe,GAAG,CAAC"}

package/dist/icons/src/AddNote.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import type { IconType } from "./Icon/types";
+declare function AddNote(props: IconType): JSX.Element;
+export default AddNote;
+//# sourceMappingURL=AddNote.d.ts.map

package/dist/icons/src/AddNote.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AddNote.d.ts","sourceRoot":"","sources":["../../../../icons/src/AddNote.tsx"],"names":[],"mappings":";AAGA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAE7C,iBAAS,OAAO,CAAC,KAAK,EAAE,QAAQ,eAM/B;AAED,eAAe,OAAO,CAAC"}

package/dist/icons/src/AddNote.js

@@ -0,0 +1,25 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var Icon_1 = __importDefault(require("./Icon"));
+function AddNote(props) {
+    return (react_1.default.createElement(Icon_1.default, __assign({}, props),
+        react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5 20h14V8H5v12ZM20.72 5c-.35-.59-.99-1-1.72-1h-1V2h-2v2h-3V2h-2v2H8V2H6v2H5a2 2 0 0 0-1.99 2L3 20a2 2 0 0 0 2 2h14c1.09 0 1.98-.88 2-1.97V5.97c-.01-.36-.11-.68-.28-.97ZM11 10h2v3h3v2h-3v3h-2v-3H8v-2h3v-3Z" })));
+}
+;
+exports.default = AddNote;
+//# sourceMappingURL=AddNote.js.map

package/dist/icons/src/AddNote.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AddNote.js","sourceRoot":"","sources":["../../../../icons/src/AddNote.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,gDAA0B;AAE1B,gDAA0B;AAG1B,SAAS,OAAO,CAAC,KAAe;IAC9B,OAAO,CACL,8BAAC,cAAI,eAAK,KAAK;QACb,wCAAM,QAAQ,EAAC,SAAS,EAAC,QAAQ,EAAC,SAAS,EAAC,CAAC,EAAC,+MAA+M,GAAG,CAC3P,CACR,CAAC;AACJ,CAAC;AAAA,CAAC;AAEF,kBAAe,OAAO,CAAC"}

package/dist/icons/src/AddressBook.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import type { IconType } from "./Icon/types";
+declare function AddressBook(props: IconType): JSX.Element;
+export default AddressBook;
+//# sourceMappingURL=AddressBook.d.ts.map

package/dist/icons/src/AddressBook.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AddressBook.d.ts","sourceRoot":"","sources":["../../../../icons/src/AddressBook.tsx"],"names":[],"mappings":";AAGA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAE7C,iBAAS,WAAW,CAAC,KAAK,EAAE,QAAQ,eAMnC;AAED,eAAe,WAAW,CAAC"}

package/dist/icons/src/AddressBook.js

@@ -0,0 +1,25 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var Icon_1 = __importDefault(require("./Icon"));
+function AddressBook(props) {
+    return (react_1.default.createElement(Icon_1.default, __assign({}, props),
+        react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M7 2h12c1.1 0 2 .9 2 2v16c0 1.1-.9 2-2 2H7c-1.1 0-2-.9-2-2v-2H4v-2h1v-3H4v-2h1V8H4V6h1V4c0-1.1.9-2 2-2Zm9 2h-2v5l1-.75L16 9V4Zm3 16H7v-2h3v-2H7v-3h3v-2H7V8h3V6H7V4h5v9l3-2.25L18 13V4h1v16Z" })));
+}
+;
+exports.default = AddressBook;
+//# sourceMappingURL=AddressBook.js.map

package/dist/icons/src/AddressBook.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AddressBook.js","sourceRoot":"","sources":["../../../../icons/src/AddressBook.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,gDAA0B;AAE1B,gDAA0B;AAG1B,SAAS,WAAW,CAAC,KAAe;IAClC,OAAO,CACL,8BAAC,cAAI,eAAK,KAAK;QACb,wCAAM,QAAQ,EAAC,SAAS,EAAC,QAAQ,EAAC,SAAS,EAAC,CAAC,EAAC,8LAA8L,GAAG,CAC1O,CACR,CAAC;AACJ,CAAC;AAAA,CAAC;AAEF,kBAAe,WAAW,CAAC"}

package/dist/icons/src/AdminNote.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import type { IconType } from "./Icon/types";
+declare function AdminNote(props: IconType): JSX.Element;
+export default AdminNote;
+//# sourceMappingURL=AdminNote.d.ts.map

package/dist/icons/src/AdminNote.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdminNote.d.ts","sourceRoot":"","sources":["../../../../icons/src/AdminNote.tsx"],"names":[],"mappings":";AAGA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAE7C,iBAAS,SAAS,CAAC,KAAK,EAAE,QAAQ,eAMjC;AAED,eAAe,SAAS,CAAC"}

package/dist/icons/src/AdminNote.js

@@ -0,0 +1,25 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var Icon_1 = __importDefault(require("./Icon"));
+function AdminNote(props) {
+    return (react_1.default.createElement(Icon_1.default, __assign({}, props),
+        react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M19 3h-1V1h-2v2h-3V1h-2v2H8V1H6v2H5c-1.11 0-1.99.9-1.99 2L3 19a2 2 0 0 0 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2Zm-2 7H7v2h10v-2ZM5 19h14V8H5v11Zm9-5H7v2h7v-2Z" })));
+}
+;
+exports.default = AdminNote;
+//# sourceMappingURL=AdminNote.js.map

package/dist/icons/src/AdminNote.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdminNote.js","sourceRoot":"","sources":["../../../../icons/src/AdminNote.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,gDAA0B;AAE1B,gDAA0B;AAG1B,SAAS,SAAS,CAAC,KAAe;IAChC,OAAO,CACL,8BAAC,cAAI,eAAK,KAAK;QACb,wCAAM,QAAQ,EAAC,SAAS,EAAC,QAAQ,EAAC,SAAS,EAAC,CAAC,EAAC,gKAAgK,GAAG,CAC5M,CACR,CAAC;AACJ,CAAC;AAAA,CAAC;AAEF,kBAAe,SAAS,CAAC"}

package/dist/icons/src/Alert.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import type { IconType } from "./Icon/types";
+declare function Alert(props: IconType): JSX.Element;
+export default Alert;
+//# sourceMappingURL=Alert.d.ts.map

package/dist/icons/src/Alert.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../../../icons/src/Alert.tsx"],"names":[],"mappings":";AAGA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAE7C,iBAAS,KAAK,CAAC,KAAK,EAAE,QAAQ,eAM7B;AAED,eAAe,KAAK,CAAC"}

package/dist/icons/src/Alert.js

@@ -0,0 +1,25 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var Icon_1 = __importDefault(require("./Icon"));
+function Alert(props) {
+    return (react_1.default.createElement(Icon_1.default, __assign({}, props),
+        react_1.default.createElement("path", { d: "M12 2 1 21h22L12 2Zm0 4 7.53 13H4.47L12 6Zm-1 4v4h2v-4h-2Zm0 6v2h2v-2" })));
+}
+;
+exports.default = Alert;
+//# sourceMappingURL=Alert.js.map

package/dist/icons/src/Alert.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.js","sourceRoot":"","sources":["../../../../icons/src/Alert.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,gDAA0B;AAE1B,gDAA0B;AAG1B,SAAS,KAAK,CAAC,KAAe;IAC5B,OAAO,CACL,8BAAC,cAAI,eAAK,KAAK;QACb,wCAAM,CAAC,EAAC,uEAAuE,GAAG,CAC7E,CACR,CAAC;AACJ,CAAC;AAAA,CAAC;AAEF,kBAAe,KAAK,CAAC"}

package/dist/icons/src/AnnouncementLoud.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import type { IconType } from "./Icon/types";
+declare function AnnouncementLoud(props: IconType): JSX.Element;
+export default AnnouncementLoud;
+//# sourceMappingURL=AnnouncementLoud.d.ts.map

package/dist/icons/src/AnnouncementLoud.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnnouncementLoud.d.ts","sourceRoot":"","sources":["../../../../icons/src/AnnouncementLoud.tsx"],"names":[],"mappings":";AAGA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAE7C,iBAAS,gBAAgB,CAAC,KAAK,EAAE,QAAQ,eAMxC;AAED,eAAe,gBAAgB,CAAC"}