@synerise/ds-block 1.0.41 → 1.0.43

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.
 
+## [1.0.43](https://github.com/Synerise/synerise-design/compare/@synerise/ds-block@1.0.42...@synerise/ds-block@1.0.43) (2026-03-24)
+
+**Note:** Version bump only for package @synerise/ds-block
+
+## [1.0.42](https://github.com/Synerise/synerise-design/compare/@synerise/ds-block@1.0.41...@synerise/ds-block@1.0.42) (2026-03-20)
+
+**Note:** Version bump only for package @synerise/ds-block
+
 ## [1.0.41](https://github.com/Synerise/synerise-design/compare/@synerise/ds-block@1.0.40...@synerise/ds-block@1.0.41) (2026-03-09)
 
 **Note:** Version bump only for package @synerise/ds-block

package/README.md

@@ -3,6 +3,8 @@ id: block
 title: Block
 ---
 
+> **DEPRECATED.** This component will receive no further updates and will be removed from a future DS version. Do not use in new code.
+
 Block UI Component
 
 ## Installation
@@ -33,3 +35,4 @@ import Block from '@synerise/ds-block'
 | children   | Header name                            | React.ReactNode / string | -       |
 | isDragging | Return `true`if Block is being dragged | boolean                  | -       |
 | icon       | Block icon component                   | React.ReactNode          | -       |
+| className  | Extra CSS class on the wrapper element | string                   | -       |

package/dist/Block.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import { type BlockProps } from './Block.types';
+import { default as React } from 'react';
+import { BlockProps } from './Block.types';
 /**
  *  @deprecated it will receive no further updates and will be removed from future DS versions
  */

package/dist/Block.js

@@ -1,17 +1,19 @@
-import React from 'react';
-import * as S from './Block.styles';
-/**
- *  @deprecated it will receive no further updates and will be removed from future DS versions
- */
-var Block = function Block(_ref) {
-  var className = _ref.className,
-    children = _ref.children,
-    isDragging = _ref.isDragging,
-    icon = _ref.icon;
-  var ref = React.useRef(null);
-  return /*#__PURE__*/React.createElement(S.BlockWrapper, {
-    className: "ds-block " + (className || '') + " " + (isDragging ? 'is-dragging' : ''),
-    ref: ref
-  }, /*#__PURE__*/React.createElement(S.BlockContent, null, icon, " ", /*#__PURE__*/React.createElement(S.BlockName, null, children)));
+import { jsx, jsxs } from "react/jsx-runtime";
+import React from "react";
+import { BlockWrapper, BlockContent, BlockName } from "./Block.styles.js";
+const Block = ({
+  className,
+  children,
+  isDragging,
+  icon
+}) => {
+  const ref = React.useRef(null);
+  return /* @__PURE__ */ jsx(BlockWrapper, { className: `ds-block ${className || ""} ${isDragging ? "is-dragging" : ""}`, ref, children: /* @__PURE__ */ jsxs(BlockContent, { children: [
+    icon,
+    " ",
+    /* @__PURE__ */ jsx(BlockName, { children })
+  ] }) });
+};
+export {
+  Block as default
 };
-export default Block;

package/dist/Block.styles.d.ts

@@ -1,3 +1,3 @@
-export declare const BlockContent: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const BlockName: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const BlockWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const BlockContent: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const BlockName: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const BlockWrapper: import('styled-components').StyledComponent<"div", any, {}, never>;

package/dist/Block.styles.js

@@ -1,26 +1,19 @@
-import styled from 'styled-components';
-import { macro } from '@synerise/ds-typography';
-export var BlockContent = styled.div.withConfig({
+import styled from "styled-components";
+import { macro } from "@synerise/ds-typography";
+const BlockContent = /* @__PURE__ */ styled.div.withConfig({
   displayName: "Blockstyles__BlockContent",
   componentId: "sc-1sx5qhb-0"
-})(["display:flex;align-items:center;background-color:", ";border:1px solid transparent;padding:11px;width:100%;border-radius:3px;"], function (props) {
-  return props.theme.palette['grey-050'];
-});
-export var BlockName = styled.div.withConfig({
+})(["display:flex;align-items:center;background-color:", ";border:1px solid transparent;padding:11px;width:100%;border-radius:3px;"], (props) => props.theme.palette["grey-050"]);
+const BlockName = /* @__PURE__ */ styled.div.withConfig({
   displayName: "Blockstyles__BlockName",
   componentId: "sc-1sx5qhb-1"
-})(["", ";color:", ";padding-left:12px;transition:0.2s ease-in-out;user-select:none;"], macro.h200, function (props) {
-  return props.theme.palette['grey-600'];
-});
-export var BlockWrapper = styled.div.withConfig({
+})(["", ";color:", ";padding-left:12px;transition:0.2s ease-in-out;user-select:none;"], macro.h200, (props) => props.theme.palette["grey-600"]);
+const BlockWrapper = /* @__PURE__ */ styled.div.withConfig({
   displayName: "Blockstyles__BlockWrapper",
   componentId: "sc-1sx5qhb-2"
-})(["display:flex;flex:0 0 50%;padding:6px 8px;cursor:pointer;svg{transition:0.2s ease-in-out;}&:hover{", "{color:", ";}svg{color:", ";fill:", ";}}&.is-dragging{", "{border:1px dashed ", ";}", ",svg{display:none;}}"], BlockName, function (props) {
-  return props.theme.palette['grey-800'];
-}, function (props) {
-  return props.theme.palette['grey-800'];
-}, function (props) {
-  return props.theme.palette['grey-800'];
-}, BlockContent, function (props) {
-  return props.theme.palette['grey-400'];
-}, BlockName);
+})(["display:flex;flex:0 0 50%;padding:6px 8px;cursor:pointer;svg{transition:0.2s ease-in-out;}&:hover{", "{color:", ";}svg{color:", ";fill:", ";}}&.is-dragging{", "{border:1px dashed ", ";}", ",svg{display:none;}}"], BlockName, (props) => props.theme.palette["grey-800"], (props) => props.theme.palette["grey-800"], (props) => props.theme.palette["grey-800"], BlockContent, (props) => props.theme.palette["grey-400"], BlockName);
+export {
+  BlockContent,
+  BlockName,
+  BlockWrapper
+};

package/dist/Block.types.d.ts

@@ -1,4 +1,4 @@
-import type React from 'react';
+import { default as React } from 'react';
 export type BlockProps = {
     className?: string;
     children: React.ReactNode | string;

package/dist/Block.types.js

@@ -1 +1 @@
-export {};
+

package/dist/index.js

@@ -1 +1,4 @@
-export { default } from './Block';
+import { default as default2 } from "./Block.js";
+export {
+  default2 as default
+};

package/dist/modules.d.js

@@ -1 +1 @@
-import '@testing-library/jest-dom';
+import "@testing-library/jest-dom";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-block",
-  "version": "1.0.41",
+  "version": "1.0.43",
   "description": "Block UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -16,10 +16,10 @@
     "access": "public"
   },
   "scripts": {
-    "build": "pnpm run build:js && pnpm run build:css && pnpm run defs",
+    "build": "vite build",
     "build:css": "node ../../../scripts/style/less.js",
     "build:js": "babel --delete-dir-on-start --root-mode upward src --out-dir dist --extensions '.js,.ts,.tsx'",
-    "build:watch": "pnpm run build:js -- --watch",
+    "build:watch": "vite build --watch",
     "defs": "tsc --declaration --outDir dist/ --emitDeclarationOnly",
     "pack:ci": "pnpm pack --pack-destination ../../storybook/storybook-static/static",
     "prepublish": "pnpm run build",
@@ -35,8 +35,8 @@
   ],
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@synerise/ds-icon": "^1.14.1",
-    "@synerise/ds-typography": "^1.1.11"
+    "@synerise/ds-icon": "^1.15.1",
+    "@synerise/ds-typography": "^1.1.13"
   },
   "peerDependencies": {
     "@synerise/ds-core": "*",
@@ -44,5 +44,5 @@
     "react": ">=16.9.0 <= 18.3.1",
     "styled-components": "^5.3.3"
   },
-  "gitHead": "8dfafc5d7278f09d430f1e7499782d05c76b47c0"
+  "gitHead": "e4ecca8944fc9b41c1b9d59c8bcad5e5e2013225"
 }