@synerise/ds-code-area 0.6.1 → 0.6.2

package/CHANGELOG.md

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.6.2](https://github.com/Synerise/synerise-design/compare/@synerise/ds-code-area@0.6.1...@synerise/ds-code-area@0.6.2) (2025-03-10)
+
+**Note:** Version bump only for package @synerise/ds-code-area
+
+
+
+
+
 ## [0.6.1](https://github.com/Synerise/synerise-design/compare/@synerise/ds-code-area@0.6.0...@synerise/ds-code-area@0.6.1) (2025-03-04)
 
 **Note:** Version bump only for package @synerise/ds-code-area

package/dist/CodeArea.js

@@ -25,7 +25,7 @@ var CodeArea = function CodeArea(_ref) {
   }, /*#__PURE__*/React.createElement(CodeAreaEditor, _extends({}, codeAreaProps, {
     toggleFullscreen: toggleFullscreen,
     isFullscreen: false
-  })), wrapperRef.current && isFullscreen && createPortal(/*#__PURE__*/React.createElement(CodeAreaEditor, _extends({}, codeAreaProps, {
+  })), wrapperRef.current && isFullscreen && createPortal( /*#__PURE__*/React.createElement(CodeAreaEditor, _extends({}, codeAreaProps, {
     toggleFullscreen: toggleFullscreen,
     isFullscreen: isFullscreen
   })), getPopupContainer(wrapperRef.current)));

package/dist/CodeArea.styles.js

@@ -2,19 +2,19 @@ import styled, { css } from 'styled-components';
 import { Title, Text } from '@synerise/ds-typography';
 var FlexRow = styled.div.withConfig({
   displayName: "CodeAreastyles__FlexRow",
-  componentId: "svoej2-0"
+  componentId: "sc-svoej2-0"
 })(["display:flex;justify-content:space-between;align-items:center;"]);
 export var EditorInnerWrapper = styled.div.withConfig({
   displayName: "CodeAreastyles__EditorInnerWrapper",
-  componentId: "svoej2-1"
+  componentId: "sc-svoej2-1"
 })(["height:295px;"]);
 export var CodeAreaContent = styled.div.withConfig({
   displayName: "CodeAreastyles__CodeAreaContent",
-  componentId: "svoej2-2"
+  componentId: "sc-svoej2-2"
 })([""]);
 export var EditorWrapper = styled.div.withConfig({
   displayName: "CodeAreastyles__EditorWrapper",
-  componentId: "svoej2-3"
+  componentId: "sc-svoej2-3"
 })(["border:solid 1px ", ";border-radius:3px;padding-top:12px;", ";canvas{opacity:0;}"], function (props) {
   return props.hasError ? props.theme.palette['red-600'] : props.theme.palette['grey-200'];
 }, function (props) {
@@ -22,15 +22,15 @@ export var EditorWrapper = styled.div.withConfig({
 });
 export var FullscreenHeaderTitle = styled(Title).withConfig({
   displayName: "CodeAreastyles__FullscreenHeaderTitle",
-  componentId: "svoej2-4"
+  componentId: "sc-svoej2-4"
 })(["display:flex;gap:16px;align-items:center;margin-bottom:0;"]);
 export var FullscreenHeader = styled(FlexRow).withConfig({
   displayName: "CodeAreastyles__FullscreenHeader",
-  componentId: "svoej2-5"
+  componentId: "sc-svoej2-5"
 })(["padding:16px 24px;"]);
 export var CodeAreaWrapper = styled.div.withConfig({
   displayName: "CodeAreastyles__CodeAreaWrapper",
-  componentId: "svoej2-6"
+  componentId: "sc-svoej2-6"
 })(["", " ", "{", ";}"], function (props) {
   if (props.isFullscreen) {
     return css(["position:fixed;width:100vw;height:100vh;z-index:", ";left:0;top:0;background:", ";", "{height:calc(100vh - ", "px);}", "{margin:0 24px;}"], props.zIndex !== undefined ? props.zIndex : props.theme.variables['zindex-modal'], props.theme.palette.white, EditorInnerWrapper, props.requiredSpace, CodeAreaContent);
@@ -41,53 +41,53 @@ export var CodeAreaWrapper = styled.div.withConfig({
 });
 export var AdditionalDescription = styled.div.withConfig({
   displayName: "CodeAreastyles__AdditionalDescription",
-  componentId: "svoej2-7"
+  componentId: "sc-svoej2-7"
 })(["margin-bottom:8px;"]);
 export var ContentBelow = styled(FlexRow).withConfig({
   displayName: "CodeAreastyles__ContentBelow",
-  componentId: "svoej2-8"
+  componentId: "sc-svoej2-8"
 })(["margin-top:8px;align-items:flex-start;"]);
 export var ContentAbove = styled(FlexRow).withConfig({
   displayName: "CodeAreastyles__ContentAbove",
-  componentId: "svoej2-9"
+  componentId: "sc-svoej2-9"
 })(["margin-bottom:8px;"]);
 export var SyntaxTitle = styled(Text).withConfig({
   displayName: "CodeAreastyles__SyntaxTitle",
-  componentId: "svoej2-10"
+  componentId: "sc-svoej2-10"
 })([""]);
 export var BottomBar = styled(FlexRow).withConfig({
   displayName: "CodeAreastyles__BottomBar",
-  componentId: "svoej2-11"
+  componentId: "sc-svoej2-11"
 })(["border-top:solid 1px ", ";padding:8px;"], function (props) {
   return props.theme.palette['grey-200'];
 });
 export var LeftSide = styled.div.withConfig({
   displayName: "CodeAreastyles__LeftSide",
-  componentId: "svoej2-12"
+  componentId: "sc-svoej2-12"
 })([""]);
 export var RightSide = styled.div.withConfig({
   displayName: "CodeAreastyles__RightSide",
-  componentId: "svoej2-13"
+  componentId: "sc-svoej2-13"
 })(["margin-left:auto;display:flex;gap:8px;"]);
 export var SyntaxSelect = styled(LeftSide).withConfig({
   displayName: "CodeAreastyles__SyntaxSelect",
-  componentId: "svoej2-14"
+  componentId: "sc-svoej2-14"
 })(["padding-left:8px;"]);
 export var BottomBarElement = styled.div.withConfig({
   displayName: "CodeAreastyles__BottomBarElement",
-  componentId: "svoej2-15"
+  componentId: "sc-svoej2-15"
 })([""]);
 export var Description = styled.div.withConfig({
   displayName: "CodeAreastyles__Description",
-  componentId: "svoej2-16"
+  componentId: "sc-svoej2-16"
 })([""]);
 export var Counter = styled.div.withConfig({
   displayName: "CodeAreastyles__Counter",
-  componentId: "svoej2-17"
+  componentId: "sc-svoej2-17"
 })(["font-weight:500;"]);
 export var ErrorText = styled.div.withConfig({
   displayName: "CodeAreastyles__ErrorText",
-  componentId: "svoej2-18"
+  componentId: "sc-svoej2-18"
 })(["color:", ";margin-bottom:4px;"], function (props) {
   return props.theme.palette['red-600'];
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-code-area",
-  "version": "0.6.1",
+  "version": "0.6.2",
   "description": "CodeArea UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -21,7 +21,7 @@
     "build:js": "babel --delete-dir-on-start --root-mode upward src --out-dir dist --extensions '.js,.ts,.tsx'",
     "build:watch": "npm run build:js -- --watch",
     "defs": "tsc --declaration --outDir dist/ --emitDeclarationOnly",
-    "pack:ci": "npm pack --pack-destination ../../portal/storybook-static/static",
+    "pack:ci": "npm pack --pack-destination ../../storybook/storybook-static/static",
     "prepublish": "npm run build",
     "test": "jest",
     "test:watch": "npm run test -- --watchAll",
@@ -35,14 +35,14 @@
   "types": "dist/index.d.ts",
   "dependencies": {
     "@monaco-editor/react": "4.4.6",
-    "@synerise/ds-button": "^0.23.3",
-    "@synerise/ds-core": "^0.43.1",
-    "@synerise/ds-icon": "^0.72.0",
-    "@synerise/ds-inline-edit": "^0.10.10",
-    "@synerise/ds-input": "^0.25.8",
-    "@synerise/ds-tooltip": "^0.16.2",
-    "@synerise/ds-typography": "^0.17.6",
-    "@synerise/ds-utils": "^0.32.2"
+    "@synerise/ds-button": "^0.23.4",
+    "@synerise/ds-core": "^0.43.2",
+    "@synerise/ds-icon": "^0.72.1",
+    "@synerise/ds-inline-edit": "^0.10.11",
+    "@synerise/ds-input": "^0.25.9",
+    "@synerise/ds-tooltip": "^0.16.3",
+    "@synerise/ds-typography": "^0.17.7",
+    "@synerise/ds-utils": "^0.32.3"
   },
   "peerDependencies": {
     "@synerise/ds-core": "*",
@@ -54,5 +54,5 @@
   "devDependencies": {
     "monaco-editor": "0.34.1"
   },
-  "gitHead": "c5a647bd7a24a2c9294e781b2b69223e8543859f"
+  "gitHead": "a176b46dab123cd503247ae57022f8e808772d68"
 }