@darajs/core 1.11.3 → 1.11.4

package/dist/umd/dara.core.umd.js

@@ -29550,6 +29550,73 @@ var __privateWrapper = (obj, member, setter, getter) => ({
   function validateTimezone$1(_hours, minutes) {
     return minutes >= 0 && minutes <= 59;
   }
+  globalThis && globalThis.__awaiter || function(thisArg, _arguments, P, generator) {
+    function adopt(value) {
+      return value instanceof P ? value : new P(function(resolve) {
+        resolve(value);
+      });
+    }
+    return new (P || (P = Promise))(function(resolve, reject) {
+      function fulfilled(value) {
+        try {
+          step(generator.next(value));
+        } catch (e3) {
+          reject(e3);
+        }
+      }
+      function rejected(value) {
+        try {
+          step(generator["throw"](value));
+        } catch (e3) {
+          reject(e3);
+        }
+      }
+      function step(result) {
+        result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected);
+      }
+      step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+  };
+  styled__default.default.div`
+    display: flex;
+    flex: 1 1 100%;
+    flex-direction: column;
+    color: ${(props) => props.theme.colors.grey4};
+`;
+  styled__default.default.div`
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+
+    padding: 0.5rem 1rem;
+
+    font-size: 0.875rem;
+
+    background-color: ${(props) => props.$isLightTheme ? theme.colors.blue2 : darkTheme.colors.blue2} !important;
+    border-radius: 0.25rem 0.25rem 0 0;
+`;
+  styled__default.default.span`
+    :hover {
+        color: ${(props) => props.theme.colors.grey5};
+    }
+
+    :active {
+        color: ${(props) => props.theme.colors.grey6};
+    }
+`;
+  var CodeComponentThemes;
+  (function(CodeComponentThemes2) {
+    CodeComponentThemes2["DARK"] = "dark";
+    CodeComponentThemes2["LIGHT"] = "light";
+  })(CodeComponentThemes || (CodeComponentThemes = {}));
+  styled__default.default.pre`
+    min-width: fit-content;
+    margin: 0;
+    padding: 1rem;
+
+    background-color: ${(props) => props.$isLightTheme ? theme.colors.blue1 : darkTheme.colors.blue1} !important;
+    border-radius: 0 0 0.25rem 0.25rem;
+`;
   globalThis && globalThis.__rest || function(s, e3) {
     var t2 = {};
     for (var p2 in s)
@@ -29671,7 +29738,17 @@ var __privateWrapper = (obj, member, setter, getter) => ({
         font-size: 0.9rem;
     }
 
-    pre {
+    pre:first-child {
+        margin-top: 0;
+    }
+
+    pre:last-child {
+        margin-bottom: 0;
+    }
+
+    /* don't apply default styles if the pre block has the pretty code display */
+    /* stylelint-disable-next-line */
+    pre:not(.prism-code):not(:has(.prism-code)) {
         overflow-x: auto;
 
         margin-top: 1.7rem;
@@ -29792,7 +29869,6 @@ var __privateWrapper = (obj, member, setter, getter) => ({
     img:first-child,
     figure:first-child,
     video:first-child,
-    pre:first-child,
     hr:first-child {
         margin-top: 0;
     }
@@ -29810,7 +29886,6 @@ var __privateWrapper = (obj, member, setter, getter) => ({
     img:last-child,
     figure:last-child,
     video:last-child,
-    pre:last-child,
     hr:last-child {
         margin-bottom: 0;
     }
@@ -33755,7 +33830,7 @@ var __privateWrapper = (obj, member, setter, getter) => ({
   const InteractiveIcons = styled__default.default.div`
     position: absolute;
     top: 0.75rem;
-    left: 236px;
+    right: 0.75rem;
 
     display: none;
     gap: 0.5rem;
@@ -33774,7 +33849,7 @@ var __privateWrapper = (obj, member, setter, getter) => ({
     width: 100%;
     padding: 1rem;
 
-    background-color: ${(props) => props.theme.colors.blue1};
+    background-color: ${(props) => props.$messageFromActiveUser ? props.theme.colors.blue2 : props.theme.colors.blue1};
     border-radius: 0.25rem;
     box-shadow: ${(props) => props.theme.shadow.medium};
 
@@ -33792,7 +33867,10 @@ var __privateWrapper = (obj, member, setter, getter) => ({
     font-size: 0.75rem;
     color: ${(props) => props.theme.colors.grey5};
 `;
-  styled__default.default.span`
+  styled__default.default.div`
+    display: flex;
+    flex-direction: column;
+    gap: 0.5rem;
     width: 100%;
     color: ${(props) => props.theme.colors.text};
     overflow-wrap: break-word;
@@ -33855,27 +33933,24 @@ var __privateWrapper = (obj, member, setter, getter) => ({
     flex-direction: column;
     gap: 1rem;
 
-    width: 350px;
-    height: calc(100vh - 2rem);
+    width: ${(props) => props.$isPopup ? "350px" : "100%"};
+    height: ${(props) => props.$isPopup ? "calc(100vh - 2rem)" : "100%"};
     padding: 1.5rem;
 
-    background-color: ${(props) => props.theme.colors.background}e6;
-    border-radius: 0.4rem;
+    background-color: ${(props) => props.$isPopup ? `${props.theme.colors.background}e6` : "inherit"};
+    border-radius: ${(props) => props.$isPopup ? "0.4rem" : 0};
     box-shadow: ${(props) => props.theme.shadow.medium};
 `;
   styled__default.default.div`
     display: flex;
-    flex-direction: column;
-    gap: 1rem;
-    justify-self: flex-end;
-
-    height: 8.6rem;
+    gap: 0.5rem;
+    align-items: end;
     margin-top: auto;
 `;
   styled__default.default.div`
     display: flex;
     gap: 1rem;
-    justify-content: flex-end;
+    align-items: end;
 `;
   styled__default.default.div`
     overflow-y: auto;
@@ -33883,7 +33958,7 @@ var __privateWrapper = (obj, member, setter, getter) => ({
     flex-direction: column;
     gap: 1rem;
 
-    max-height: calc(100% - 10.225rem);
+    max-height: calc(100% - 6.225rem);
     margin: -0.25rem;
     padding: 0.25rem;
 `;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@darajs/core",
-  "version": "1.11.3",
+  "version": "1.11.4",
   "description": "Dara Framework core",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -37,9 +37,9 @@
     "@babel/preset-env": "^7.23.0",
     "@babel/preset-react": "^7.22.15",
     "@babel/preset-typescript": "^7.23.0",
-    "@darajs/eslint-config": "1.11.3",
-    "@darajs/prettier-config": "1.11.3",
-    "@darajs/stylelint-config": "1.11.3",
+    "@darajs/eslint-config": "1.11.4",
+    "@darajs/prettier-config": "1.11.4",
+    "@darajs/stylelint-config": "1.11.4",
     "@rollup/plugin-inject": "^4.0.4",
     "@testing-library/dom": "^9.3.0",
     "@testing-library/jest-dom": "^5.16.5",
@@ -79,10 +79,10 @@
     "whatwg-fetch": "^3.6.2"
   },
   "dependencies": {
-    "@darajs/styled-components": "1.11.3",
-    "@darajs/ui-components": "1.11.3",
-    "@darajs/ui-notifications": "1.11.3",
-    "@darajs/ui-utils": "1.11.3",
+    "@darajs/styled-components": "1.11.4",
+    "@darajs/ui-components": "1.11.4",
+    "@darajs/ui-notifications": "1.11.4",
+    "@darajs/ui-utils": "1.11.4",
     "@fortawesome/fontawesome-free": "~6.4.0",
     "@recoiljs/refine": "^0.1.1",
     "@tanstack/query-core": "^4.0.0",
@@ -118,5 +118,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "ce10337e9d92e91015286a2b674d68732ca73695"
+  "gitHead": "a9a34682a5d5b752a9b44170deae45718aa7f067"
 }