@mindly/ui-components 4.1.1 → 4.3.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mindly/ui-components",
-  "version": "4.1.1",
+  "version": "4.3.0",
   "private": false,
   "scripts": {
     "clean": "rimraf dist",
@@ -25,13 +25,17 @@
     "html-react-parser": "^3.0.4",
     "luxon": "^2.4.0",
     "react": "^17.0.2",
+    "react-aria": "^3.26.0",
     "react-countdown": "^2.3.2",
     "react-day-picker": "^8.0.5",
     "react-dom": "^17.0.2",
+    "react-i18next": "^13.2.2",
     "react-intersection-observer": "^9.5.2",
     "react-rating": "^2.0.5",
+    "react-stately": "^3.24.0",
     "styled-components": "^5.3.1",
-    "swiper": "^8.4.7"
+    "swiper": "^8.4.7",
+    "tailwind-variants": "^0.1.14"
   },
   "peerDependencies": {
     "@babel/polyfill": "^7.12.1",

package/src/configs/tailwind/colors.ts

@@ -1,9 +1,45 @@
 export default {
+  color: {
+    background: {
+      white: 'rgba(var(--color-background-white) / <alpha-value>)',
+      anti: {
+        flash: {
+          light:
+            'rgba(var(--color-background-anti-flash-white) / <alpha-value>)',
+        },
+      },
+    },
+  },
   typography: {
     typography: {
       primary: 'rgb(var(--typography-typography-primary) / <alpha-value>)',
     },
   },
+  badges: {
+    attention: {
+      main: 'rgb(var(--badges-attention-main) / <alpha-value>)',
+      bg: 'rgb(var(--badges-attention-bg) / <alpha-value>)',
+    },
+    neutral: {
+      main: 'rgb(var(--badges-neutral-main) / <alpha-value>)',
+      bg: 'rgb(var(--badges-neutral-bg) / <alpha-value>)',
+    },
+    success: {
+      main: 'rgb(var(--badges-success-main) / <alpha-value>)',
+      bg: 'rgb(var(--badges-success-bg) / <alpha-value>)',
+    },
+    warning: {
+      main: 'rgb(var(--badges-warning-main) / <alpha-value>)',
+      bg: 'rgb(var(--badges-warning-bg) / <alpha-value>)',
+    },
+    accent: {
+      main: 'rgb(var(--badges-accent-main) / <alpha-value>)',
+    },
+    info: {
+      main: 'rgb(var(--badges-info-main) / <alpha-value>)',
+      bg: 'rgb(var(--badges-info-bg) / <alpha-value>)',
+    },
+  },
   borders: {
     divider: 'rgb(var(--borders-divider) / 0.1)',
   },

package/src/configs/tailwind/container.ts

@@ -0,0 +1,5 @@
+export default {
+  maxWidth: {
+    container: '410px',
+  },
+};

package/src/lib2/shared/css/tailwind.css

@@ -6,7 +6,33 @@
     :root {
         --typography-typography-primary: 33 33 33;
 
-        --borders-divider: 33 33 33;
+        --color-background-white: 255 255 255;
+        --color-background-anti-flash-white: 245 247 250;
+
+        /* badge variables start */
+        /*  badges attentions */
+        --badges-attention-main: 255 153 0;
+        --badges-attention-bg: 255 245 229;
+
+        /* badges neutral */
+        --badges-neutral-main: 33 33 33;
+        --badges-neutral-bg: 245 247 250;
+
+        /* badges success */
+        --badges-success-main: 66 173 82;
+        --badges-success-bg: 225 244 228;
+
+        /* badges warning */
+        --badges-warning-main: 242 78 30;
+        --badges-warning-bg: 254 236 231;
+
+        /* badges brand */
+        --badges-accent-main: 40 191 161;
+
+        /* badges info */
+        --badges-info-main: 9 116 255;
+        --badges-info-bg: 229 241 255;
+        /* badge variables end */
     }
 
     :root[data-app-theme="specialist"] {

package/src/lib2/shared/css/variables.css

@@ -3,5 +3,10 @@
 
     --buttons-btn-primary: #212121;
     --buttons-btn-text: #FFF;
-    --buttons-btn-pressed: #3B3B3B
+    --buttons-btn-pressed: #3B3B3B;
+
+    --field-field-hint: rgba(33, 33, 33, 0.35);
+    --field-field-bg: rgba(33, 33, 33, 0.35);
+
+    --borders-divider: rgba(33, 33, 33, 0.1);
 }

package/dist/cjs/lib2/shared/ui/Flag_v2/flags/Pl.d.ts

@@ -1,2 +0,0 @@
-declare const _default: () => JSX.Element;
-export default _default;

package/dist/cjs/lib2/shared/ui/Flag_v2/flags/Uk.d.ts

@@ -1,2 +0,0 @@
-declare const _default: () => JSX.Element;
-export default _default;

package/dist/esm/lib2/shared/ui/Flag_v2/flags/Pl.d.ts

@@ -1,2 +0,0 @@
-declare const _default: () => JSX.Element;
-export default _default;

package/dist/esm/lib2/shared/ui/Flag_v2/flags/Uk.d.ts

@@ -1,2 +0,0 @@
-declare const _default: () => JSX.Element;
-export default _default;