@rolster/react-components 18.12.0 → 18.12.2

package/dist/esm/components/atoms/Amount/Amount.js

@@ -3,6 +3,6 @@ import { currencyFormat } from '@rolster/helpers-advanced';
 import { RlsTabularText } from '../TabularText/TabularText';
 import './Amount.css';
 export function RlsAmount({ value, decimals, rlsTheme, symbol }) {
-    return (_jsxs("rls-amount", { className: "rls-amount", "rls-theme": rlsTheme, children: [symbol && _jsx("span", { children: symbol }), _jsx(RlsTabularText, { value: currencyFormat({ value, decimals }) })] }));
+    return (_jsxs("div", { className: "rls-amount", "rls-theme": rlsTheme, children: [symbol && _jsx("span", { children: symbol }), _jsx(RlsTabularText, { value: currencyFormat({ value, decimals }) })] }));
 }
 //# sourceMappingURL=Amount.js.map

package/dist/esm/components/atoms/Amount/Amount.js.map

@@ -1 +1 @@
-{"version":3,"file":"Amount.js","sourceRoot":"","sources":["../../../../../src/components/atoms/Amount/Amount.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAE3D,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAC5D,OAAO,cAAc,CAAC;AAStB,MAAM,UAAU,SAAS,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAe;IAC1E,OAAO,CACL,sBAAY,SAAS,EAAC,YAAY,eAAY,QAAQ,aACnD,MAAM,IAAI,yBAAO,MAAM,GAAQ,EAChC,KAAC,cAAc,IAAC,KAAK,EAAE,cAAc,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC,GAAI,IACnD,CACd,CAAC;AACJ,CAAC"}
+{"version":3,"file":"Amount.js","sourceRoot":"","sources":["../../../../../src/components/atoms/Amount/Amount.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAE3D,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAC5D,OAAO,cAAc,CAAC;AAStB,MAAM,UAAU,SAAS,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAe;IAC1E,OAAO,CACL,eAAK,SAAS,EAAC,YAAY,eAAY,QAAQ,aAC5C,MAAM,IAAI,yBAAO,MAAM,GAAQ,EAChC,KAAC,cAAc,IAAC,KAAK,EAAE,cAAc,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC,GAAI,IAC1D,CACP,CAAC;AACJ,CAAC"}

package/dist/esm/components/atoms/Avatar/Avatar.js

@@ -2,6 +2,6 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { renderClassStatus } from '../../../helpers/css';
 import './Avatar.css';
 export function RlsAvatar({ children, rounded, skeleton, rlsTheme }) {
-    return (_jsx("rls-avatar", { className: renderClassStatus('rls-avatar', { rounded, skeleton }), "rls-theme": rlsTheme, children: children }));
+    return (_jsx("div", { className: renderClassStatus('rls-avatar', { rounded, skeleton }), "rls-theme": rlsTheme, children: children }));
 }
 //# sourceMappingURL=Avatar.js.map

package/dist/esm/components/atoms/Avatar/Avatar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.js","sourceRoot":"","sources":["../../../../../src/components/atoms/Avatar/Avatar.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAEzD,OAAO,cAAc,CAAC;AAOtB,MAAM,UAAU,SAAS,CAAC,EACxB,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,QAAQ,EACI;IACZ,OAAO,CACL,qBACE,SAAS,EAAE,iBAAiB,CAAC,YAAY,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC,eACtD,QAAQ,YAElB,QAAQ,GACE,CACd,CAAC;AACJ,CAAC"}
+{"version":3,"file":"Avatar.js","sourceRoot":"","sources":["../../../../../src/components/atoms/Avatar/Avatar.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAEzD,OAAO,cAAc,CAAC;AAOtB,MAAM,UAAU,SAAS,CAAC,EACxB,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,QAAQ,EACI;IACZ,OAAO,CACL,cACE,SAAS,EAAE,iBAAiB,CAAC,YAAY,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC,eACtD,QAAQ,YAElB,QAAQ,GACL,CACP,CAAC;AACJ,CAAC"}

package/dist/esm/components/organisms/DateRangePicker/DateRangePicker.css

@@ -1,8 +1,9 @@
 .rls-date-range-picker {
   position: relative;
-  float: left;
-  max-width: 150rem;
+  display: flex;
+  flex-direction: column;
   overflow: hidden;
+  max-width: 150rem;
 }
 .rls-date-range-picker__header {
   background: var(--color-rolster-100);
@@ -44,6 +45,7 @@
 }
 .rls-date-range-picker__component {
   display: flex;
+  width: 150rem;
   padding: 0rem var(--sizing-x2);
   box-sizing: border-box;
   margin-bottom: var(--sizing-x4);
@@ -65,17 +67,13 @@
   display: none;
 }
 .rls-date-range-picker__actions {
+  display: flex;
+  flex-wrap: wrap;
+  gap: var(--sizing-x4);
   padding: var(--sizing-x4) var(--sizing-x8) var(--sizing-x6) var(--sizing-x8);
   overflow: hidden;
   box-sizing: border-box;
 }
-.rls-date-range-picker__actions--cancel {
-  width: 100%;
-}
-.rls-date-range-picker__actions--ok {
-  margin-top: var(--sizing-x4);
-  width: 100%;
-}
 .rls-date-range-picker__actions button {
   width: 100%;
 }

package/dist/esm/helpers/date-range-picker.js

@@ -1,5 +1,5 @@
 import { assignDay, between, daysFromMonth, formatDate, weight } from '@rolster/helpers-date';
-const DATE_FORMAT = '{dd}/{mm}/{aa}';
+const DATE_FORMAT = '{dd}/{mn}/{aa}';
 class DateRangePickerFactory {
     constructor(props) {
         const { date, range, maxDate, minDate } = props;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rolster/react-components",
-  "version": "18.12.0",
+  "version": "18.12.2",
   "type": "module",
   "description": "Package containing UI components for React Project.",
   "module": "dist/esm/index.js",
@@ -58,7 +58,7 @@
     "@rollup/plugin-commonjs": "^25.0.4",
     "@rollup/plugin-node-resolve": "^15.2.1",
     "@rollup/plugin-typescript": "^11.1.3",
-    "@rolster/styles-foundations": "^1.1.7",
+    "@rolster/styles-foundations": "^1.1.8",
     "@rolster/types": "^1.0.6",
     "@types/node-sass": "^4.11.4",
     "@types/react": "^18.0.28",