@synerise/ds-typography 1.1.12 → 1.1.13

package/CHANGELOG.md

@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.1.13](https://github.com/synerise/synerise-design/compare/@synerise/ds-typography@1.1.12...@synerise/ds-typography@1.1.13) (2026-03-24)
+
+**Note:** Version bump only for package @synerise/ds-typography
+
 ## [1.1.12](https://github.com/synerise/synerise-design/compare/@synerise/ds-typography@1.1.11...@synerise/ds-typography@1.1.12) (2026-03-20)
 
 **Note:** Version bump only for package @synerise/ds-typography

package/dist/CommonElements.d.ts

@@ -1,33 +1,33 @@
-export declare const Description: import("styled-components").StyledComponent<"div", any, {
+export declare const Description: import('styled-components').StyledComponent<"div", any, {
     disabled?: boolean;
 }, never>;
-export declare const ErrorText: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const Label: import("styled-components").StyledComponent<"label", any, {}, never>;
-export declare const MediumText: import("styled-components").StyledComponent<"span", any, {}, never>;
-export declare const SmallText: import("styled-components").StyledComponent<"span", any, {}, never>;
-export declare const XSmallText: import("styled-components").StyledComponent<"span", any, {}, never>;
-export declare const MediumParagraph: import("styled-components").StyledComponent<"span", any, {}, never>;
-export declare const SmallParagraph: import("styled-components").StyledComponent<"span", any, {}, never>;
-export declare const XSmallParagraph: import("styled-components").StyledComponent<"span", any, {}, never>;
-export declare const H1: import("styled-components").StyledComponent<"h1", any, {
+export declare const ErrorText: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const Label: import('styled-components').StyledComponent<"label", any, {}, never>;
+export declare const MediumText: import('styled-components').StyledComponent<"span", any, {}, never>;
+export declare const SmallText: import('styled-components').StyledComponent<"span", any, {}, never>;
+export declare const XSmallText: import('styled-components').StyledComponent<"span", any, {}, never>;
+export declare const MediumParagraph: import('styled-components').StyledComponent<"span", any, {}, never>;
+export declare const SmallParagraph: import('styled-components').StyledComponent<"span", any, {}, never>;
+export declare const XSmallParagraph: import('styled-components').StyledComponent<"span", any, {}, never>;
+export declare const H1: import('styled-components').StyledComponent<"h1", any, {
     withoutMargin: boolean;
 }, never>;
-export declare const H2: import("styled-components").StyledComponent<"h2", any, {
+export declare const H2: import('styled-components').StyledComponent<"h2", any, {
     withoutMargin: boolean;
 }, never>;
-export declare const H3: import("styled-components").StyledComponent<"h3", any, {
+export declare const H3: import('styled-components').StyledComponent<"h3", any, {
     withoutMargin: boolean;
 }, never>;
-export declare const H4: import("styled-components").StyledComponent<"h4", any, {
+export declare const H4: import('styled-components').StyledComponent<"h4", any, {
     withoutMargin: boolean;
 }, never>;
-export declare const H5: import("styled-components").StyledComponent<"h5", any, {
+export declare const H5: import('styled-components').StyledComponent<"h5", any, {
     withoutMargin: boolean;
 }, never>;
-export declare const H6: import("styled-components").StyledComponent<"h6", any, {
+export declare const H6: import('styled-components').StyledComponent<"h6", any, {
     withoutMargin: boolean;
 }, never>;
-export declare const H7: import("styled-components").StyledComponent<"h6", any, {
+export declare const H7: import('styled-components').StyledComponent<"h6", any, {
     withoutMargin: boolean;
 }, never>;
-export declare const EllipsisText: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const EllipsisText: import('styled-components').StyledComponent<"div", any, {}, never>;

package/dist/CommonElements.js

@@ -1,118 +1,89 @@
-import styled, { css } from 'styled-components';
-import { h100, h200, h300, h400, h500, h600, h700, medium, small, xsmall } from './style/macro-utils';
-export var Description = styled.div.withConfig({
+import styled, { css } from "styled-components";
+import { h700, h600, h500, h400, h300, h200, h100, medium, small, xsmall } from "./style/macro-utils.js";
+const Description = /* @__PURE__ */ styled.div.withConfig({
   displayName: "CommonElements__Description",
   componentId: "sc-102d2aw-0"
-})(["color:", ";", ""], function (props) {
-  return props.theme.palette['grey-600'];
-}, function (props) {
-  return props.disabled ? "opacity: 0.4;" : '';
-});
-export var ErrorText = styled.div.withConfig({
+})(["color:", ";", ""], (props) => props.theme.palette["grey-600"], (props) => props.disabled ? `opacity: 0.4;` : "");
+const ErrorText = /* @__PURE__ */ styled.div.withConfig({
   displayName: "CommonElements__ErrorText",
   componentId: "sc-102d2aw-1"
-})(["color:", ";margin-bottom:4px;"], function (props) {
-  return props.theme.palette['red-600'];
-});
-export var Label = styled.label.withConfig({
+})(["color:", ";margin-bottom:4px;"], (props) => props.theme.palette["red-600"]);
+const Label = /* @__PURE__ */ styled.label.withConfig({
   displayName: "CommonElements__Label",
   componentId: "sc-102d2aw-2"
-})(["color:", ";font-weight:500;display:block;cursor:pointer;"], function (props) {
-  return props.theme.palette['grey-800'];
-});
-export var MediumText = styled.span.withConfig({
+})(["color:", ";font-weight:500;display:block;cursor:pointer;"], (props) => props.theme.palette["grey-800"]);
+const MediumText = /* @__PURE__ */ styled.span.withConfig({
   displayName: "CommonElements__MediumText",
   componentId: "sc-102d2aw-3"
-})(["", ""], function () {
-  return css(["", ";"], medium);
-});
-export var SmallText = styled.span.withConfig({
+})(["", ""], () => css(["", ";"], medium));
+const SmallText = /* @__PURE__ */ styled.span.withConfig({
   displayName: "CommonElements__SmallText",
   componentId: "sc-102d2aw-4"
-})(["", ""], function () {
-  return css(["", ";"], small);
-});
-export var XSmallText = styled.span.withConfig({
+})(["", ""], () => css(["", ";"], small));
+const XSmallText = /* @__PURE__ */ styled.span.withConfig({
   displayName: "CommonElements__XSmallText",
   componentId: "sc-102d2aw-5"
-})(["", ""], function () {
-  return css(["", ";"], xsmall);
-});
-export var MediumParagraph = styled.span.withConfig({
+})(["", ""], () => css(["", ";"], xsmall));
+const MediumParagraph = /* @__PURE__ */ styled.span.withConfig({
   displayName: "CommonElements__MediumParagraph",
   componentId: "sc-102d2aw-6"
-})(["", ""], function () {
-  return css(["", ";"], medium);
-});
-export var SmallParagraph = styled.span.withConfig({
+})(["", ""], () => css(["", ";"], medium));
+const SmallParagraph = /* @__PURE__ */ styled.span.withConfig({
   displayName: "CommonElements__SmallParagraph",
   componentId: "sc-102d2aw-7"
-})(["", ""], function () {
-  return css(["", ";"], small);
-});
-export var XSmallParagraph = styled.span.withConfig({
+})(["", ""], () => css(["", ";"], small));
+const XSmallParagraph = /* @__PURE__ */ styled.span.withConfig({
   displayName: "CommonElements__XSmallParagraph",
   componentId: "sc-102d2aw-8"
-})(["", ""], function () {
-  return css(["", ";"], xsmall);
-});
-export var H1 = styled.h1.withConfig({
+})(["", ""], () => css(["", ";"], xsmall));
+const H1 = /* @__PURE__ */ styled.h1.withConfig({
   displayName: "CommonElements__H1",
   componentId: "sc-102d2aw-9"
-})(["", " ", ""], function () {
-  return css(["", ";"], h700);
-}, function (props) {
-  return props.withoutMargin && css(["margin-bottom:0;"]);
-});
-export var H2 = styled.h2.withConfig({
+})(["", " ", ""], () => css(["", ";"], h700), (props) => props.withoutMargin && css(["margin-bottom:0;"]));
+const H2 = /* @__PURE__ */ styled.h2.withConfig({
   displayName: "CommonElements__H2",
   componentId: "sc-102d2aw-10"
-})(["", " ", ""], function () {
-  return css(["", ";"], h600);
-}, function (props) {
-  return props.withoutMargin && css(["margin-bottom:0;"]);
-});
-export var H3 = styled.h3.withConfig({
+})(["", " ", ""], () => css(["", ";"], h600), (props) => props.withoutMargin && css(["margin-bottom:0;"]));
+const H3 = /* @__PURE__ */ styled.h3.withConfig({
   displayName: "CommonElements__H3",
   componentId: "sc-102d2aw-11"
-})(["", " ", ""], function () {
-  return css(["", ";"], h500);
-}, function (props) {
-  return props.withoutMargin && css(["margin-bottom:0;"]);
-});
-export var H4 = styled.h4.withConfig({
+})(["", " ", ""], () => css(["", ";"], h500), (props) => props.withoutMargin && css(["margin-bottom:0;"]));
+const H4 = /* @__PURE__ */ styled.h4.withConfig({
   displayName: "CommonElements__H4",
   componentId: "sc-102d2aw-12"
-})(["", " ", ""], function () {
-  return css(["", ";"], h400);
-}, function (props) {
-  return props.withoutMargin && css(["margin-bottom:0;"]);
-});
-export var H5 = styled.h5.withConfig({
+})(["", " ", ""], () => css(["", ";"], h400), (props) => props.withoutMargin && css(["margin-bottom:0;"]));
+const H5 = /* @__PURE__ */ styled.h5.withConfig({
   displayName: "CommonElements__H5",
   componentId: "sc-102d2aw-13"
-})(["", " ", ""], function () {
-  return css(["", ";"], h300);
-}, function (props) {
-  return props.withoutMargin && css(["margin-bottom:0;"]);
-});
-export var H6 = styled.h6.withConfig({
+})(["", " ", ""], () => css(["", ";"], h300), (props) => props.withoutMargin && css(["margin-bottom:0;"]));
+const H6 = /* @__PURE__ */ styled.h6.withConfig({
   displayName: "CommonElements__H6",
   componentId: "sc-102d2aw-14"
-})(["", " ", ""], function () {
-  return css(["", ";"], h200);
-}, function (props) {
-  return props.withoutMargin && css(["margin-bottom:0;"]);
-});
-export var H7 = styled.h6.withConfig({
+})(["", " ", ""], () => css(["", ";"], h200), (props) => props.withoutMargin && css(["margin-bottom:0;"]));
+const H7 = /* @__PURE__ */ styled.h6.withConfig({
   displayName: "CommonElements__H7",
   componentId: "sc-102d2aw-15"
-})(["", " ", ""], function () {
-  return css(["", ";"], h100);
-}, function (props) {
-  return props.withoutMargin && css(["margin-bottom:0;"]);
-});
-export var EllipsisText = styled.div.withConfig({
+})(["", " ", ""], () => css(["", ";"], h100), (props) => props.withoutMargin && css(["margin-bottom:0;"]));
+const EllipsisText = /* @__PURE__ */ styled.div.withConfig({
   displayName: "CommonElements__EllipsisText",
   componentId: "sc-102d2aw-16"
-})(["display:block;white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden;", ",", ",", ",", ",", ",", ",", "{display:inline;}", ",", ",", "{font-size:inherit;color:inherit;line-height:inherit;font-weight:inherit;}"], H1, H2, H3, H4, H5, H6, H7, MediumText, SmallText, XSmallText);
+})(["display:block;white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden;", ",", ",", ",", ",", ",", ",", "{display:inline;}", ",", ",", "{font-size:inherit;color:inherit;line-height:inherit;font-weight:inherit;}"], H1, H2, H3, H4, H5, H6, H7, MediumText, SmallText, XSmallText);
+export {
+  Description,
+  EllipsisText,
+  ErrorText,
+  H1,
+  H2,
+  H3,
+  H4,
+  H5,
+  H6,
+  H7,
+  Label,
+  MediumParagraph,
+  MediumText,
+  SmallParagraph,
+  SmallText,
+  XSmallParagraph,
+  XSmallText
+};

package/dist/Ellipsis.d.ts

@@ -1,5 +1,5 @@
-import React, { type CSSProperties, type ReactNode } from 'react';
-import { type TooltipProps } from '@synerise/ds-tooltip';
+import { default as React, CSSProperties, ReactNode } from 'react';
+import { TooltipProps } from '@synerise/ds-tooltip';
 export type EllipsisProps = {
     tooltip?: ReactNode;
     tooltipProps?: TooltipProps;

package/dist/Ellipsis.js

@@ -1,19 +1,18 @@
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-import debounce from 'lodash.debounce';
-import React, { useEffect, useRef, useState } from 'react';
-import Tooltip from '@synerise/ds-tooltip';
-import { EllipsisText } from './CommonElements';
-export var Ellipsis = function Ellipsis(_ref) {
-  var tooltip = _ref.tooltip,
-    children = _ref.children,
-    className = _ref.className,
-    tooltipProps = _ref.tooltipProps,
-    style = _ref.style;
-  var textComponentRef = useRef(null);
-  var _useState = useState(false),
-    truncated = _useState[0],
-    setTruncated = _useState[1];
-  var debouncedResize = useRef(debounce(function () {
+import { jsx } from "react/jsx-runtime";
+import debounce from "lodash.debounce";
+import { useRef, useState, useEffect } from "react";
+import Tooltip from "@synerise/ds-tooltip";
+import { EllipsisText } from "./CommonElements.js";
+const Ellipsis = ({
+  tooltip,
+  children,
+  className,
+  tooltipProps,
+  style
+}) => {
+  const textComponentRef = useRef(null);
+  const [truncated, setTruncated] = useState(false);
+  const debouncedResize = useRef(debounce(() => {
     if (textComponentRef && textComponentRef.current) {
       setTruncated(textComponentRef.current.offsetWidth < textComponentRef.current.scrollWidth);
     }
@@ -21,22 +20,19 @@ export var Ellipsis = function Ellipsis(_ref) {
     leading: true,
     trailing: true
   })).current;
-  var resizeObserver = useRef(new ResizeObserver(debouncedResize)).current;
-  useEffect(function () {
+  const resizeObserver = useRef(new ResizeObserver(debouncedResize)).current;
+  useEffect(() => {
     if (textComponentRef.current) {
       resizeObserver.observe(textComponentRef.current);
       resizeObserver.observe(document.body);
     }
-    return function () {
+    return () => {
       resizeObserver.disconnect();
       debouncedResize.cancel();
     };
   }, [resizeObserver, debouncedResize]);
-  return /*#__PURE__*/React.createElement(Tooltip, _extends({
-    title: truncated ? tooltip : undefined
-  }, truncated ? tooltipProps : {}), /*#__PURE__*/React.createElement(EllipsisText, {
-    style: style,
-    className: className,
-    ref: textComponentRef
-  }, children));
-};
+  return /* @__PURE__ */ jsx(Tooltip, { title: truncated ? tooltip : void 0, ...truncated ? tooltipProps : {}, children: /* @__PURE__ */ jsx(EllipsisText, { style, className, ref: textComponentRef, children }) });
+};
+export {
+  Ellipsis
+};

package/dist/Paragraph.d.ts

@@ -1,4 +1,4 @@
-import React, { type ReactNode } from 'react';
+import { default as React, ReactNode } from 'react';
 type TextProps = {
     size?: 'medium' | 'small' | 'xsmall';
     children?: ReactNode;

package/dist/Paragraph.js

@@ -1,16 +1,17 @@
-import React from 'react';
-import { MediumParagraph, SmallParagraph, XSmallParagraph } from './CommonElements';
-var MapSizeToComponent = {
+import { jsx } from "react/jsx-runtime";
+import { XSmallParagraph, SmallParagraph, MediumParagraph } from "./CommonElements.js";
+const MapSizeToComponent = {
   medium: MediumParagraph,
   small: SmallParagraph,
   xsmall: XSmallParagraph
 };
-export var Paragraph = function Paragraph(_ref) {
-  var _ref$size = _ref.size,
-    size = _ref$size === void 0 ? 'medium' : _ref$size,
-    children = _ref.children;
-  var Component = MapSizeToComponent[size];
-  return /*#__PURE__*/React.createElement(Component, {
-    className: "ds-paragraph"
-  }, children);
-};
+const Paragraph = ({
+  size = "medium",
+  children
+}) => {
+  const Component = MapSizeToComponent[size];
+  return /* @__PURE__ */ jsx(Component, { className: "ds-paragraph", children });
+};
+export {
+  Paragraph
+};

package/dist/Text.d.ts

@@ -1,7 +1,5 @@
-import React, { type CSSProperties, type ReactNode } from 'react';
-import '@synerise/ds-core/dist/js/style';
-import { type EllipsisProps } from './Ellipsis';
-import './style/index.less';
+import { default as React, CSSProperties, ReactNode } from 'react';
+import { EllipsisProps } from './Ellipsis';
 export type TextSize = 'medium' | 'small' | 'xsmall';
 type TextProps = {
     size?: TextSize;

package/dist/Text.js

@@ -1,32 +1,28 @@
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-import React from 'react';
-import '@synerise/ds-core/dist/js/style';
-import { MediumText, SmallText, XSmallText } from './CommonElements';
-import { Ellipsis } from './Ellipsis';
+import { jsx } from "react/jsx-runtime";
+import { XSmallText, SmallText, MediumText } from "./CommonElements.js";
+import { Ellipsis } from "./Ellipsis.js";
 import "./style/index.css";
-var MapSizeToComponent = {
+const MapSizeToComponent = {
   medium: MediumText,
   small: SmallText,
   xsmall: XSmallText
 };
-export var Text = function Text(_ref) {
-  var _ref$size = _ref.size,
-    size = _ref$size === void 0 ? 'medium' : _ref$size,
-    className = _ref.className,
-    children = _ref.children,
-    ellipsis = _ref.ellipsis,
-    style = _ref.style;
-  var Component = MapSizeToComponent[size];
-  var textClassNames = "ds-text " + (!ellipsis && className);
-  var content = /*#__PURE__*/React.createElement(Component, {
-    className: textClassNames
-  }, children);
-  if (ellipsis === undefined) {
+const Text = ({
+  size = "medium",
+  className,
+  children,
+  ellipsis,
+  style
+}) => {
+  const Component = MapSizeToComponent[size];
+  const textClassNames = `ds-text ${!ellipsis && className}`;
+  const content = /* @__PURE__ */ jsx(Component, { className: textClassNames, children });
+  if (ellipsis === void 0) {
     return content;
   }
-  return /*#__PURE__*/React.createElement(Ellipsis, _extends({
-    className: className,
-    style: style
-  }, ellipsis), content);
+  return /* @__PURE__ */ jsx(Ellipsis, { className, style, ...ellipsis, children: content });
+};
+export {
+  Text,
+  Text as default
 };
-export default Text;

package/dist/Title.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
-import { type Props } from './Title.types';
+import { default as React } from 'react';
+import { Props } from './Title.types';
 declare const Title: ({ level, withoutMargin, children, className, ellipsis, ...antdProps }: Props) => React.JSX.Element;
 export default Title;

package/dist/Title.js

@@ -1,11 +1,8 @@
-var _excluded = ["level", "withoutMargin", "children", "className", "ellipsis"];
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
-import classNames from 'classnames';
-import React from 'react';
-import { H1, H2, H3, H4, H5, H6, H7 } from './CommonElements';
-import { Ellipsis } from './Ellipsis';
-var StyledElements = {
+import { jsx } from "react/jsx-runtime";
+import classNames from "classnames";
+import { H7, H6, H5, H4, H3, H2, H1 } from "./CommonElements.js";
+import { Ellipsis } from "./Ellipsis.js";
+const StyledElements = {
   1: H1,
   2: H2,
   3: H3,
@@ -14,23 +11,22 @@ var StyledElements = {
   6: H6,
   7: H7
 };
-var Title = function Title(_ref) {
-  var _ref$level = _ref.level,
-    level = _ref$level === void 0 ? 1 : _ref$level,
-    withoutMargin = _ref.withoutMargin,
-    children = _ref.children,
-    className = _ref.className,
-    ellipsis = _ref.ellipsis,
-    antdProps = _objectWithoutPropertiesLoose(_ref, _excluded);
-  var TitleElement = StyledElements[level];
-  var elementClassName = classNames('ds-title', className);
-  var content = /*#__PURE__*/React.createElement(TitleElement, _extends({}, antdProps, {
-    className: elementClassName,
-    withoutMargin: Boolean(withoutMargin)
-  }), children);
-  if (ellipsis === undefined) {
+const Title = ({
+  level = 1,
+  withoutMargin,
+  children,
+  className,
+  ellipsis,
+  ...antdProps
+}) => {
+  const TitleElement = StyledElements[level];
+  const elementClassName = classNames("ds-title", className);
+  const content = /* @__PURE__ */ jsx(TitleElement, { ...antdProps, className: elementClassName, withoutMargin: Boolean(withoutMargin), children });
+  if (ellipsis === void 0) {
     return content;
   }
-  return /*#__PURE__*/React.createElement(Ellipsis, ellipsis, content);
+  return /* @__PURE__ */ jsx(Ellipsis, { ...ellipsis, children: content });
+};
+export {
+  Title as default
 };
-export default Title;

package/dist/Title.types.d.ts

@@ -1,5 +1,5 @@
-import type { TitleProps } from 'antd/es/typography/Title';
-import type { EllipsisProps } from './Ellipsis';
+import { TitleProps } from 'antd/es/typography/Title';
+import { EllipsisProps } from './Ellipsis';
 export type Props = Omit<TitleProps, 'level' | 'ellipsis'> & {
     level: 1 | 2 | 3 | 4 | 5 | 6 | 7;
     withoutMargin?: boolean;

package/dist/Title.types.js

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

package/dist/Typography.js

@@ -1 +1,4 @@
-export { default } from 'antd/lib/typography';
+import { default as default2 } from "antd/lib/typography";
+export {
+  default2 as default
+};

package/dist/index.js

@@ -1,7 +1,16 @@
-export { default } from 'antd/lib/typography';
-export { Description, ErrorText, Label } from './CommonElements';
-export { default as Title } from './Title';
-export * from './Text';
-export * from './Paragraph';
-import * as _macro from './style/macro-utils';
-export { _macro as macro };
+import { default as default2 } from "antd/lib/typography";
+import { Description, ErrorText, Label } from "./CommonElements.js";
+import { default as default3 } from "./Title.js";
+import { Text } from "./Text.js";
+import { Paragraph } from "./Paragraph.js";
+import * as style_macroUtils from "./style/macro-utils.js";
+export {
+  Description,
+  ErrorText,
+  Label,
+  Paragraph,
+  Text,
+  default3 as Title,
+  default2 as default,
+  style_macroUtils as macro
+};

package/dist/modules.d.js

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

package/dist/style/macro-utils.d.ts

@@ -1,20 +1,20 @@
-export declare const heading: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
-export declare const regular: import("styled-components").FlattenSimpleInterpolation;
-export declare const h700: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
-export declare const h600: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
-export declare const h500: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
-export declare const h400: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
-export declare const h300: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
-export declare const h200: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
-export declare const h100: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
-export declare const medium: import("styled-components").FlattenSimpleInterpolation;
-export declare const small: import("styled-components").FlattenSimpleInterpolation;
-export declare const xsmall: import("styled-components").FlattenSimpleInterpolation;
-export declare const link: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
-export declare const linkbutton: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
-export declare const tag: import("styled-components").FlattenSimpleInterpolation;
-export declare const tooltip: import("styled-components").FlattenSimpleInterpolation;
-export declare const xsAvatar: import("styled-components").FlattenSimpleInterpolation;
-export declare const xlAvatar: import("styled-components").FlattenSimpleInterpolation;
-export declare const xlAvatarIcon: import("styled-components").FlattenSimpleInterpolation;
-export declare const flexCentered: import("styled-components").FlattenSimpleInterpolation;
+export declare const heading: import('styled-components').FlattenInterpolation<import('styled-components').ThemeProps<any>>;
+export declare const regular: import('styled-components').FlattenSimpleInterpolation;
+export declare const h700: import('styled-components').FlattenInterpolation<import('styled-components').ThemeProps<any>>;
+export declare const h600: import('styled-components').FlattenInterpolation<import('styled-components').ThemeProps<any>>;
+export declare const h500: import('styled-components').FlattenInterpolation<import('styled-components').ThemeProps<any>>;
+export declare const h400: import('styled-components').FlattenInterpolation<import('styled-components').ThemeProps<any>>;
+export declare const h300: import('styled-components').FlattenInterpolation<import('styled-components').ThemeProps<any>>;
+export declare const h200: import('styled-components').FlattenInterpolation<import('styled-components').ThemeProps<any>>;
+export declare const h100: import('styled-components').FlattenInterpolation<import('styled-components').ThemeProps<any>>;
+export declare const medium: import('styled-components').FlattenSimpleInterpolation;
+export declare const small: import('styled-components').FlattenSimpleInterpolation;
+export declare const xsmall: import('styled-components').FlattenSimpleInterpolation;
+export declare const link: import('styled-components').FlattenInterpolation<import('styled-components').ThemeProps<any>>;
+export declare const linkbutton: import('styled-components').FlattenInterpolation<import('styled-components').ThemeProps<any>>;
+export declare const tag: import('styled-components').FlattenSimpleInterpolation;
+export declare const tooltip: import('styled-components').FlattenSimpleInterpolation;
+export declare const xsAvatar: import('styled-components').FlattenSimpleInterpolation;
+export declare const xlAvatar: import('styled-components').FlattenSimpleInterpolation;
+export declare const xlAvatarIcon: import('styled-components').FlattenSimpleInterpolation;
+export declare const flexCentered: import('styled-components').FlattenSimpleInterpolation;

package/dist/style/macro-utils.js

@@ -1,31 +1,43 @@
-import { css } from 'styled-components';
-export var heading = css(["font-weight:500;color:", ";"], function (props) {
-  return props.theme.palette['grey-800'];
-});
-export var regular = css(["font-weight:400;"]);
-export var h700 = css(["", ";font-size:24px;line-height:1.17;letter-spacing:-0.05px;"], heading);
-export var h600 = css(["", ";font-size:21px;line-height:1.24;letter-spacing:-0.05px;"], heading);
-export var h500 = css(["", ";font-size:18px;line-height:1.22;letter-spacing:-0.05px;"], heading);
-export var h400 = css(["", ";font-size:16px;line-height:1.25;letter-spacing:-0.05px;"], heading);
-export var h300 = css(["", ";font-size:14px;line-height:1.43;letter-spacing:0;"], heading);
-export var h200 = css(["", ";font-size:13px;line-height:1.38;letter-spacing:0;"], heading);
-export var h100 = css(["", ";font-size:10px;line-height:1.6;letter-spacing:0.05px;"], heading);
-export var medium = css(["", ";font-size:14px;line-height:1.43;"], regular);
-export var small = css(["", ";font-size:13px;line-height:1.38;"], regular);
-export var xsmall = css(["", ";font-size:11px;line-height:1.45;letter-spacing:0.05px;"], regular);
-export var link = css(["font-size:13px;font-weight:500;transition:0.2s ease-in-out;color:", ";&:hover{text-decoration:underline;color:", ";}"], function (props) {
-  return props.theme.palette['blue-600'];
-}, function (props) {
-  return props.theme.palette['blue-500'];
-});
-export var linkbutton = css(["", ";color:", ";&:hover{color:", ";}"], link, function (props) {
-  return props.theme.palette['grey-600'];
-}, function (props) {
-  return props.theme.palette['grey-800'];
-});
-export var tag = css(["font-size:11px;"]);
-export var tooltip = css(["font-size:11px;"]);
-export var xsAvatar = css(["font-size:11px;"]);
-export var xlAvatar = css(["font-size:21px;"]);
-export var xlAvatarIcon = css(["font-size:44px;"]);
-export var flexCentered = css(["display:flex;justify-content:center;align-items:center;"]);
+import { css } from "styled-components";
+const heading = /* @__PURE__ */ css(["font-weight:500;color:", ";"], (props) => props.theme.palette["grey-800"]);
+const regular = /* @__PURE__ */ css(["font-weight:400;"]);
+const h700 = /* @__PURE__ */ css(["", ";font-size:24px;line-height:1.17;letter-spacing:-0.05px;"], heading);
+const h600 = /* @__PURE__ */ css(["", ";font-size:21px;line-height:1.24;letter-spacing:-0.05px;"], heading);
+const h500 = /* @__PURE__ */ css(["", ";font-size:18px;line-height:1.22;letter-spacing:-0.05px;"], heading);
+const h400 = /* @__PURE__ */ css(["", ";font-size:16px;line-height:1.25;letter-spacing:-0.05px;"], heading);
+const h300 = /* @__PURE__ */ css(["", ";font-size:14px;line-height:1.43;letter-spacing:0;"], heading);
+const h200 = /* @__PURE__ */ css(["", ";font-size:13px;line-height:1.38;letter-spacing:0;"], heading);
+const h100 = /* @__PURE__ */ css(["", ";font-size:10px;line-height:1.6;letter-spacing:0.05px;"], heading);
+const medium = /* @__PURE__ */ css(["", ";font-size:14px;line-height:1.43;"], regular);
+const small = /* @__PURE__ */ css(["", ";font-size:13px;line-height:1.38;"], regular);
+const xsmall = /* @__PURE__ */ css(["", ";font-size:11px;line-height:1.45;letter-spacing:0.05px;"], regular);
+const link = /* @__PURE__ */ css(["font-size:13px;font-weight:500;transition:0.2s ease-in-out;color:", ";&:hover{text-decoration:underline;color:", ";}"], (props) => props.theme.palette["blue-600"], (props) => props.theme.palette["blue-500"]);
+const linkbutton = /* @__PURE__ */ css(["", ";color:", ";&:hover{color:", ";}"], link, (props) => props.theme.palette["grey-600"], (props) => props.theme.palette["grey-800"]);
+const tag = /* @__PURE__ */ css(["font-size:11px;"]);
+const tooltip = /* @__PURE__ */ css(["font-size:11px;"]);
+const xsAvatar = /* @__PURE__ */ css(["font-size:11px;"]);
+const xlAvatar = /* @__PURE__ */ css(["font-size:21px;"]);
+const xlAvatarIcon = /* @__PURE__ */ css(["font-size:44px;"]);
+const flexCentered = /* @__PURE__ */ css(["display:flex;justify-content:center;align-items:center;"]);
+export {
+  flexCentered,
+  h100,
+  h200,
+  h300,
+  h400,
+  h500,
+  h600,
+  h700,
+  heading,
+  link,
+  linkbutton,
+  medium,
+  regular,
+  small,
+  tag,
+  tooltip,
+  xlAvatar,
+  xlAvatarIcon,
+  xsAvatar,
+  xsmall
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-typography",
-  "version": "1.1.12",
+  "version": "1.1.13",
   "description": "Typography 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,7 +35,7 @@
   ],
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@synerise/ds-tooltip": "^1.4.9",
+    "@synerise/ds-tooltip": "^1.4.10",
     "classnames": "^2.5.1",
     "lodash.debounce": "^4.0.8"
   },
@@ -48,5 +48,5 @@
     "react": ">=16.9.0 <= 18.3.1",
     "styled-components": "^5.3.3"
   },
-  "gitHead": "8efc031fa688c0b87c7b3915bae93546bb63bcac"
+  "gitHead": "e4ecca8944fc9b41c1b9d59c8bcad5e5e2013225"
 }