@mindly/ui-components 5.103.1 → 5.104.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mindly/ui-components",
-  "version": "5.103.1",
+  "version": "5.104.0",
   "private": false,
   "scripts": {
     "clean": "rimraf dist",
@@ -39,7 +39,10 @@
     "react-mobile-picker": "1.0.0",
     "react-photo-view": "1.2.4",
     "react-rating": "2.0.5",
+    "react-slick": "^0.30.3",
     "react-stately": "3.24.0",
+    "recharts": "^2.15.4",
+    "slick-carousel": "^1.8.1",
     "styled-components": "5.3.11",
     "swiper": "8.4.7",
     "tailwind-variants": "0.1.14",
@@ -122,6 +125,8 @@
     "@types/node": "12.20.55",
     "@types/react": "17.0.65",
     "@types/react-dom": "17.0.20",
+    "@types/react-slick": "^0.23.13",
+    "@types/sanitize-html": "^2.16.0",
     "@types/styled-components": "5.1.27",
     "@typescript-eslint/eslint-plugin": "4.33.0",
     "@typescript-eslint/parser": "4.33.0",

package/src/configs/tailwind/colors.ts

@@ -41,6 +41,8 @@ export default {
     black: '#212121',
     brand: {
       client: {
+        celestialBlueSuperLight:
+          'rgba(var(--color-brand-client-celestial-blue-super-light) / <alpha-value>)',
         celestialBlue:
           'rgba(var(--color-brand-client-celestial-blue) / <alpha-value>)',
         celestialBlueDarker:
@@ -51,6 +53,7 @@ export default {
   typography: {
     typography: {
       primary: 'rgb(var(--typography-typography-primary) / <alpha-value>)',
+      secondary: 'rgb(var(--typography-typography-primary) / 0.5)',
     },
   },
   badges: {

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

@@ -19,6 +19,7 @@
         --color-info-light-red-not-red: 255 231 224;
         --color-brand-client-celestial-blue: 2 156 238;
         --color-brand-client-celestial-blue-darker: 2 136 209;
+        --color-brand-client-celestial-blue-super-light: 234 248 255;
 
         /* badge variables start */
         /*  badges attentions */