@bbl-digital/snorre 4.0.0-beta.10 → 4.0.0-beta.12

package/lib/core/Tag/Tag.stories.d.ts

@@ -1,59 +1,60 @@
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
+/// <reference types="react" />
+declare const _default;
 export default _default;
 export declare const Default: {
-    render: () => JSX.Element;
+    render: () => import("react").JSX.Element;
     name: string;
 };
 export declare const Neutral: {
-    render: () => JSX.Element;
+    render: () => import("react").JSX.Element;
     name: string;
 };
 export declare const Success: {
-    render: () => JSX.Element;
+    render: () => import("react").JSX.Element;
     name: string;
 };
 export declare const Info: {
-    render: () => JSX.Element;
+    render: () => import("react").JSX.Element;
     name: string;
 };
 export declare const Danger: {
-    render: () => JSX.Element;
+    render: () => import("react").JSX.Element;
     name: string;
 };
 export declare const Dark: {
-    render: () => JSX.Element;
+    render: () => import("react").JSX.Element;
     name: string;
 };
 export declare const Light: {
-    render: () => JSX.Element;
+    render: () => import("react").JSX.Element;
     name: string;
 };
 export declare const Outline: {
-    render: () => JSX.Element;
+    render: () => import("react").JSX.Element;
     name: string;
 };
 export declare const TagWithClose: {
-    render: () => JSX.Element;
+    render: () => import("react").JSX.Element;
     name: string;
 };
 export declare const TagWithLoading: {
-    render: () => JSX.Element;
+    render: () => import("react").JSX.Element;
     name: string;
 };
 export declare const TagWithCloseAndStrictClick: {
-    render: () => JSX.Element;
+    render: () => import("react").JSX.Element;
     name: string;
 };
 export declare const TagWithCloseLoadingAndStrictClick: {
-    render: () => JSX.Element;
+    render: () => import("react").JSX.Element;
     name: string;
 };
 export declare const TagWithCloseAndStrictClickWithColor: {
-    render: () => JSX.Element;
+    render: () => import("react").JSX.Element;
     name: string;
 };
 export declare const WithIcon: {
-    render: () => JSX.Element;
+    render: () => import("react").JSX.Element;
     name: string;
 };
 //# sourceMappingURL=Tag.stories.d.ts.map

package/lib/core/Tag/Tag.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tag.stories.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Tag/Tag.stories.tsx"],"names":[],"mappings":";AAIA,wBAGS;AAET,eAAO,MAAM,OAAO;;;CAGnB,CAAA;AAED,eAAO,MAAM,OAAO;;;CAGnB,CAAA;AAED,eAAO,MAAM,OAAO;;;CAGnB,CAAA;AAED,eAAO,MAAM,IAAI;;;CAGhB,CAAA;AAED,eAAO,MAAM,MAAM;;;CAGlB,CAAA;AAED,eAAO,MAAM,IAAI;;;CAGhB,CAAA;AAED,eAAO,MAAM,KAAK;;;CAGjB,CAAA;AAED,eAAO,MAAM,OAAO;;;CAGnB,CAAA;AAED,eAAO,MAAM,YAAY;;;CAOxB,CAAA;AAED,eAAO,MAAM,cAAc;;;CAG1B,CAAA;AAED,eAAO,MAAM,0BAA0B;;;CAOtC,CAAA;AAED,eAAO,MAAM,iCAAiC;;;CAO7C,CAAA;AAED,eAAO,MAAM,mCAAmC;;;CAO/C,CAAA;AAED,eAAO,MAAM,QAAQ;;;CAGpB,CAAA"}
+{"version":3,"file":"Tag.stories.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Tag/Tag.stories.tsx"],"names":[],"mappings":";;AAIA,wBAGS;AAET,eAAO,MAAM,OAAO;;;CAGnB,CAAA;AAED,eAAO,MAAM,OAAO;;;CAGnB,CAAA;AAED,eAAO,MAAM,OAAO;;;CAGnB,CAAA;AAED,eAAO,MAAM,IAAI;;;CAGhB,CAAA;AAED,eAAO,MAAM,MAAM;;;CAGlB,CAAA;AAED,eAAO,MAAM,IAAI;;;CAGhB,CAAA;AAED,eAAO,MAAM,KAAK;;;CAGjB,CAAA;AAED,eAAO,MAAM,OAAO;;;CAGnB,CAAA;AAED,eAAO,MAAM,YAAY;;;CAOxB,CAAA;AAED,eAAO,MAAM,cAAc;;;CAG1B,CAAA;AAED,eAAO,MAAM,0BAA0B;;;CAOtC,CAAA;AAED,eAAO,MAAM,iCAAiC;;;CAO7C,CAAA;AAED,eAAO,MAAM,mCAAmC;;;CAO/C,CAAA;AAED,eAAO,MAAM,QAAQ;;;CAGpB,CAAA"}

package/lib/core/Tag/styles.d.ts

@@ -1,17 +1,17 @@
 import { IAppTheme } from '../../app-shell/theme';
 declare const styles: {
-    default: (theme: IAppTheme) => import("@emotion/react").SerializedStyles;
-    neutral: (theme: IAppTheme) => import("@emotion/react").SerializedStyles;
-    success: (theme: IAppTheme) => import("@emotion/react").SerializedStyles;
-    info: (theme: IAppTheme) => import("@emotion/react").SerializedStyles;
-    danger: (theme: IAppTheme) => import("@emotion/react").SerializedStyles;
-    dark: (theme: IAppTheme) => import("@emotion/react").SerializedStyles;
-    light: (theme: IAppTheme) => import("@emotion/react").SerializedStyles;
-    outline: (theme: IAppTheme) => import("@emotion/react").SerializedStyles;
-    withclose: import("@emotion/react").SerializedStyles;
-    strictClose: import("@emotion/react").SerializedStyles;
-    loading: import("@emotion/react").SerializedStyles;
-    withicon: import("@emotion/react").SerializedStyles;
+    default: (theme: IAppTheme) => import("@emotion/utils").SerializedStyles;
+    neutral: (theme: IAppTheme) => import("@emotion/utils").SerializedStyles;
+    success: (theme: IAppTheme) => import("@emotion/utils").SerializedStyles;
+    info: (theme: IAppTheme) => import("@emotion/utils").SerializedStyles;
+    danger: (theme: IAppTheme) => import("@emotion/utils").SerializedStyles;
+    dark: (theme: IAppTheme) => import("@emotion/utils").SerializedStyles;
+    light: (theme: IAppTheme) => import("@emotion/utils").SerializedStyles;
+    outline: (theme: IAppTheme) => import("@emotion/utils").SerializedStyles;
+    withclose: import("@emotion/utils").SerializedStyles;
+    strictClose: import("@emotion/utils").SerializedStyles;
+    loading: import("@emotion/utils").SerializedStyles;
+    withicon: import("@emotion/utils").SerializedStyles;
 };
 export default styles;
 export { styles };

package/lib/core/Text/Text.stories.d.ts

@@ -1,59 +1,21 @@
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
-export default _default;
-export declare const Default: {
-    render: () => JSX.Element;
-    name: string;
-};
-export declare const Paragraph: {
-    render: () => JSX.Element;
-    name: string;
-};
-export declare const Intro: {
-    render: () => JSX.Element;
-    name: string;
-};
-export declare const Small: {
-    render: () => JSX.Element;
-    name: string;
-};
-export declare const Semibold: {
-    render: () => JSX.Element;
-    name: string;
-};
-export declare const Customcolor: {
-    render: () => JSX.Element;
-    name: string;
-};
-export declare const Primary: {
-    render: () => JSX.Element;
-    name: string;
-};
-export declare const Secondary: {
-    render: () => JSX.Element;
-    name: string;
-};
-export declare const Title: {
-    render: () => JSX.Element;
-    name: string;
-};
-export declare const Italic: {
-    render: () => JSX.Element;
-    name: string;
-};
-export declare const Align: {
-    render: () => JSX.Element;
-    name: string;
-};
-export declare const WordBreak: {
-    render: () => JSX.Element;
-    name: string;
-};
-export declare const WhiteSpace: {
-    render: () => JSX.Element;
-    name: string;
-};
-export declare const Subtle: {
-    render: () => JSX.Element;
-    name: string;
-};
+import { Meta, StoryObj } from '@storybook/react';
+import Text from '.';
+declare const meta: Meta<typeof Text>;
+export default meta;
+declare type Story = StoryObj<typeof Text>;
+export declare const Default: Story;
+export declare const Paragraph: Story;
+export declare const Intro: Story;
+export declare const Small: Story;
+export declare const Semibold: Story;
+export declare const Customcolor: Story;
+export declare const Primary: Story;
+export declare const Secondary: Story;
+export declare const Title: Story;
+export declare const Italic: Story;
+export declare const Align: Story;
+export declare const WordBreak: Story;
+export declare const WhiteSpace: Story;
+export declare const Subtle: Story;
+export declare const LineClamp: Story;
 //# sourceMappingURL=Text.stories.d.ts.map

package/lib/core/Text/Text.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Text.stories.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Text/Text.stories.tsx"],"names":[],"mappings":";AAGA,wBAGS;AAET,eAAO,MAAM,OAAO;;;CAGnB,CAAA;AAED,eAAO,MAAM,SAAS;;;CAmBrB,CAAA;AAED,eAAO,MAAM,KAAK;;;CAGjB,CAAA;AAED,eAAO,MAAM,KAAK;;;CAGjB,CAAA;AAED,eAAO,MAAM,QAAQ;;;CAGpB,CAAA;AAED,eAAO,MAAM,WAAW;;;CAGvB,CAAA;AAED,eAAO,MAAM,OAAO;;;CAGnB,CAAA;AAED,eAAO,MAAM,SAAS;;;CAGrB,CAAA;AAED,eAAO,MAAM,KAAK;;;CAGjB,CAAA;AAED,eAAO,MAAM,MAAM;;;CAGlB,CAAA;AAED,eAAO,MAAM,KAAK;;;CAGjB,CAAA;AAED,eAAO,MAAM,SAAS;;;CAOrB,CAAA;AAED,eAAO,MAAM,UAAU;;;CAGtB,CAAA;AAED,eAAO,MAAM,MAAM;;;CAGlB,CAAA"}
+{"version":3,"file":"Text.stories.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Text/Text.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AACjD,OAAO,IAAI,MAAM,GAAG,CAAA;AAEpB,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,IAAI,CAGnB,CAAA;AAET,eAAe,IAAI,CAAA;AAEnB,aAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAiBvB,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAMnB,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAMnB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAMtB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAMzB,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAMvB,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAMnB,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,KAMpB,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAMnB,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAOvB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAMxB,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,KAMpB,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAiBvB,CAAA"}

package/lib/core/Text/Text.stories.js

@@ -1,103 +1,132 @@
 import Text from '.';
-import { jsx as _jsx } from "react/jsx-runtime";
-export default {
+const meta = {
   title: 'Core/Text',
   component: Text
 };
+export default meta;
 export const Default = {
-  render: () => /*#__PURE__*/_jsx(Text, {
-    children: "Default"
-  }),
-  name: 'Default'
+  name: 'Default',
+  args: {
+    children: 'Default'
+  }
 };
 export const Paragraph = {
-  render: () => /*#__PURE__*/_jsx(Text, {
-    paragraph: true,
-    children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. In placerat neque dapibus diam feugiat pretium. Aliquam blandit massa a massa consectetur fringilla. Fusce convallis euismod erat, sit amet rhoncus justo tempor vel. Ut nec ipsum risus. Integer sapien felis, pellentesque sit amet ante at, commodo efficitur tellus. Vivamus facilisis aliquet arcu in ornare. Vestibulum elementum volutpat nisl ac bibendum. Duis ac quam vulputate, pulvinar libero sit amet, mattis massa. Aenean non libero eu ex lacinia suscipit id eu nisi. Praesent vitae gravida neque. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nunc suscipit tempor nunc venenatis eleifend. Donec ipsum urna, rutrum quis facilisis non, varius non urna. Integer laoreet, nulla non rhoncus rutrum, sapien elit pretium turpis, sit amet commodo ex augue a leo."
-  }),
-  name: 'Paragraph'
+  name: 'Paragraph',
+  args: {
+    children: `Lorem ipsum dolor sit amet, consectetur adipiscing elit. In placerat neque
+  dapibus diam feugiat pretium. Aliquam blandit massa a massa consectetur
+  fringilla. Fusce convallis euismod erat, sit amet rhoncus justo tempor
+  vel. Ut nec ipsum risus. Integer sapien felis, pellentesque sit amet ante
+  at, commodo efficitur tellus. Vivamus facilisis aliquet arcu in ornare.
+  Vestibulum elementum volutpat nisl ac bibendum. Duis ac quam vulputate,
+  pulvinar libero sit amet, mattis massa. Aenean non libero eu ex lacinia
+  suscipit id eu nisi. Praesent vitae gravida neque. Vestibulum ante ipsum
+  primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nunc
+  suscipit tempor nunc venenatis eleifend. Donec ipsum urna, rutrum quis
+  facilisis non, varius non urna. Integer laoreet, nulla non rhoncus rutrum,
+  sapien elit pretium turpis, sit amet commodo ex augue a leo.`,
+    paragraph: true
+  }
 };
 export const Intro = {
-  render: () => /*#__PURE__*/_jsx(Text, {
-    intro: true,
-    children: "Intro text"
-  }),
-  name: 'Intro'
+  name: 'Intro',
+  args: {
+    children: 'Intro text',
+    intro: true
+  }
 };
 export const Small = {
-  render: () => /*#__PURE__*/_jsx(Text, {
-    small: true,
-    children: "Small"
-  }),
-  name: 'Small'
+  name: 'Small',
+  args: {
+    children: 'Small',
+    small: true
+  }
 };
 export const Semibold = {
-  render: () => /*#__PURE__*/_jsx(Text, {
-    semibold: true,
-    children: "Semibold"
-  }),
-  name: 'Semibold'
+  name: 'Semibold',
+  args: {
+    children: 'Semibold',
+    semibold: true
+  }
 };
 export const Customcolor = {
-  render: () => /*#__PURE__*/_jsx(Text, {
-    color: "red",
-    children: "Semibold"
-  }),
-  name: 'Customcolor'
+  name: 'Customcolor',
+  args: {
+    children: 'Im red',
+    color: 'red'
+  }
 };
 export const Primary = {
-  render: () => /*#__PURE__*/_jsx(Text, {
-    primary: true,
-    children: "Primary"
-  }),
-  name: 'Primary'
+  name: 'Primary',
+  args: {
+    children: 'Primary',
+    primary: true
+  }
 };
 export const Secondary = {
-  render: () => /*#__PURE__*/_jsx(Text, {
-    secondary: true,
-    children: "Secondary"
-  }),
-  name: 'Secondary'
+  name: 'Secondary',
+  args: {
+    children: 'Secondary',
+    secondary: true
+  }
 };
 export const Title = {
-  render: () => /*#__PURE__*/_jsx(Text, {
-    title: "Hello there",
-    children: "Hover me!"
-  }),
-  name: 'Title'
+  name: 'Title',
+  args: {
+    children: 'Hover me!',
+    title: 'Hello there'
+  }
 };
 export const Italic = {
-  render: () => /*#__PURE__*/_jsx(Text, {
-    italic: true,
-    children: "Italic font style"
-  }),
-  name: 'Italic'
+  name: 'Italic',
+  args: {
+    children: 'Italic font style',
+    italic: true
+  }
 };
 export const Align = {
-  render: () => /*#__PURE__*/_jsx(Text, {
-    align: "right",
-    children: "Text align right"
-  }),
-  name: 'Align'
+  name: 'Align',
+  args: {
+    children: 'Text align right',
+    align: 'right'
+  }
 };
 export const WordBreak = {
-  render: () => /*#__PURE__*/_jsx(Text, {
-    wordBreak: "break-all",
-    children: "Really\\_long\\_word\\_being\\_broken\\_up\\_\\_Really\\_long\\_word\\_being\\_broken\\_up\\_\\_Really\\_long\\_word\\_being\\_broken\\_up\\_\\_Really\\_long\\_word\\_being\\_broken\\_up\\_\\_"
-  }),
-  name: 'WordBreak'
+  name: 'WordBreak',
+  args: {
+    children: 'Really_long_word_being_broken_up__Really_long_word_being_broken_up__Really_long_word_being_broken_up__Really_long_word_being_broken_up__',
+    wordBreak: 'break-all'
+  }
 };
 export const WhiteSpace = {
-  render: () => /*#__PURE__*/_jsx(Text, {
-    whiteSpace: "pre-wrap",
-    children: 'Text with\nnewline'
-  }),
-  name: 'WhiteSpace'
+  name: 'WhiteSpace',
+  args: {
+    children: 'Text with\nnewline',
+    whiteSpace: 'pre-wrap'
+  }
 };
 export const Subtle = {
-  render: () => /*#__PURE__*/_jsx(Text, {
-    subtle: true,
-    children: "Subtle text"
-  }),
-  name: 'subtle'
+  name: 'subtle',
+  args: {
+    children: 'Subtle text',
+    subtle: true
+  }
+};
+export const LineClamp = {
+  name: 'Line clamp',
+  args: {
+    children: `Lorem ipsum dolor sit amet, consectetur adipiscing elit. In placerat neque
+  dapibus diam feugiat pretium. Aliquam blandit massa a massa consectetur
+  fringilla. Fusce convallis euismod erat, sit amet rhoncus justo tempor
+  vel. Ut nec ipsum risus. Integer sapien felis, pellentesque sit amet ante
+  at, commodo efficitur tellus. Vivamus facilisis aliquet arcu in ornare.
+  Vestibulum elementum volutpat nisl ac bibendum. Duis ac quam vulputate,
+  pulvinar libero sit amet, mattis massa. Aenean non libero eu ex lacinia
+  suscipit id eu nisi. Praesent vitae gravida neque. Vestibulum ante ipsum
+  primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nunc
+  suscipit tempor nunc venenatis eleifend. Donec ipsum urna, rutrum quis
+  facilisis non, varius non urna. Integer laoreet, nulla non rhoncus rutrum,
+  sapien elit pretium turpis, sit amet commodo ex augue a leo.`,
+    lineClamp: 2
+  }
 };

package/lib/core/Text/index.d.ts

@@ -32,9 +32,11 @@ interface IProps {
     /** Text alignment */
     align?: string;
     /** Apply word-break style */
-    wordBreak?: string;
+    wordBreak?: 'break-word' | string;
     /** Apply white-space style */
     whiteSpace?: string;
+    /** Adds ellipsis after given amount of lines*/
+    lineClamp?: number;
     /** CB fired on click */
     onClick?: () => any;
     /** The text to be displayed */

package/lib/core/Text/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Text/index.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,UAAU,MAAM;IACd,+BAA+B;IAC/B,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,kBAAkB;IAClB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,iBAAiB;IACjB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,uBAAuB;IACvB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,wBAAwB;IACxB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,4BAA4B;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,iCAAiC;IACjC,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,6BAA6B;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,mCAAmC;IACnC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,qCAAqC;IACrC,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,0CAA0C;IAC1C,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,8BAA8B;IAC9B,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,gCAAgC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,kCAAkC;IAClC,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,qBAAqB;IACrB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,8BAA8B;IAC9B,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,wBAAwB;IACxB,OAAO,CAAC,EAAE,MAAM,GAAG,CAAA;IACnB,+BAA+B;IAC/B,QAAQ,EAAE,WAAW,CAAC,KAAK,CAAC,SAAS,CAAC,CAAA;CACvC;AAED,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CAiD1B,CAAA;AAED,eAAe,IAAI,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Text/index.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,UAAU,MAAM;IACd,+BAA+B;IAC/B,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,kBAAkB;IAClB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,iBAAiB;IACjB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,uBAAuB;IACvB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,wBAAwB;IACxB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,4BAA4B;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,iCAAiC;IACjC,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,6BAA6B;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,mCAAmC;IACnC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,qCAAqC;IACrC,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,0CAA0C;IAC1C,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,8BAA8B;IAC9B,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,gCAAgC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,kCAAkC;IAClC,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,qBAAqB;IACrB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,6BAA6B;IAC7B,SAAS,CAAC,EAAE,YAAY,GAAG,MAAM,CAAA;IACjC,8BAA8B;IAC9B,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,+CAA+C;IAC/C,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,wBAAwB;IACxB,OAAO,CAAC,EAAE,MAAM,GAAG,CAAA;IACnB,+BAA+B;IAC/B,QAAQ,EAAE,WAAW,CAAC,KAAK,CAAC,SAAS,CAAC,CAAA;CACvC;AAED,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CAmD1B,CAAA;AAED,eAAe,IAAI,CAAA"}

package/lib/core/Text/index.js

@@ -21,11 +21,12 @@ const Text = ({
   italic,
   align,
   wordBreak,
-  whiteSpace
+  whiteSpace,
+  lineClamp
 }) => {
   const Tag = paragraph ? 'p' : 'span';
   return _jsx(Tag, {
-    css: theme => [styles.default(theme, color), intro && styles.intro, small && styles.small, extrasmall && styles.extrasmall, bold && styles.bold, semibold && styles.semiBold, subtle && styles.subtle(theme), paragraph && styles.paragraph, size && styles.size(size), primary && styles.setColor(theme.primary), secondary && styles.setColor(theme.secondary), italic && styles.italic, align && styles.align(align), dark && styles.setColor(theme.secondaryDarkText), wordBreak && styles.setWordBreak(wordBreak), whiteSpace && styles.setWhiteSpace(whiteSpace)],
+    css: theme => [styles.default(theme, color), intro && styles.intro, small && styles.small, extrasmall && styles.extrasmall, bold && styles.bold, semibold && styles.semiBold, subtle && styles.subtle(theme), paragraph && styles.paragraph, size && styles.size(size), primary && styles.setColor(theme.primary), secondary && styles.setColor(theme.secondary), italic && styles.italic, align && styles.align(align), dark && styles.setColor(theme.secondaryDarkText), wordBreak && styles.setWordBreak(wordBreak), whiteSpace && styles.setWhiteSpace(whiteSpace), lineClamp && styles.setLineClamp(lineClamp)],
     onClick: onClick,
     title: title,
     children: children

package/lib/core/Text/styles.d.ts

@@ -1,19 +1,20 @@
 import { IAppTheme } from '../../app-shell/theme';
 declare const styles: {
-    default: (theme: IAppTheme, color: string | undefined) => import("@emotion/react").SerializedStyles;
-    paragraph: import("@emotion/react").SerializedStyles;
-    intro: import("@emotion/react").SerializedStyles;
-    small: import("@emotion/react").SerializedStyles;
-    extrasmall: import("@emotion/react").SerializedStyles;
-    bold: import("@emotion/react").SerializedStyles;
-    semiBold: import("@emotion/react").SerializedStyles;
-    size: (size: string) => import("@emotion/react").SerializedStyles;
-    subtle: (theme: IAppTheme) => import("@emotion/react").SerializedStyles;
-    setColor: (color: string) => import("@emotion/react").SerializedStyles;
-    italic: import("@emotion/react").SerializedStyles;
-    align: (align: string) => import("@emotion/react").SerializedStyles;
-    setWordBreak: (value: string) => import("@emotion/react").SerializedStyles;
-    setWhiteSpace: (value: string) => import("@emotion/react").SerializedStyles;
+    default: (theme: IAppTheme, color: string | undefined) => import("@emotion/utils").SerializedStyles;
+    paragraph: import("@emotion/utils").SerializedStyles;
+    intro: import("@emotion/utils").SerializedStyles;
+    small: import("@emotion/utils").SerializedStyles;
+    extrasmall: import("@emotion/utils").SerializedStyles;
+    bold: import("@emotion/utils").SerializedStyles;
+    semiBold: import("@emotion/utils").SerializedStyles;
+    size: (size: string) => import("@emotion/utils").SerializedStyles;
+    subtle: (theme: IAppTheme) => import("@emotion/utils").SerializedStyles;
+    setColor: (color: string) => import("@emotion/utils").SerializedStyles;
+    italic: import("@emotion/utils").SerializedStyles;
+    align: (align: string) => import("@emotion/utils").SerializedStyles;
+    setWordBreak: (value: 'break-word' | string) => import("@emotion/utils").SerializedStyles;
+    setWhiteSpace: (value: string) => import("@emotion/utils").SerializedStyles;
+    setLineClamp: (lines: number) => import("@emotion/utils").SerializedStyles;
 };
 export default styles;
 export { styles };

package/lib/core/Text/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Text/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA;AAEjD,QAAA,MAAM,MAAM;qBACO,SAAS,SAAS,MAAM,GAAG,SAAS;;;;;;;iBAuBxC,MAAM;oBAGH,SAAS;sBAIP,MAAM;;mBAOT,MAAM;0BAGC,MAAM;2BAGL,MAAM;CAG9B,CAAA;AAED,eAAe,MAAM,CAAA;AAErB,OAAO,EAAE,MAAM,EAAE,CAAA"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Text/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA;AAEjD,QAAA,MAAM,MAAM;qBACO,SAAS,SAAS,MAAM,GAAG,SAAS;;;;;;;iBAuBxC,MAAM;oBAGH,SAAS;sBAIP,MAAM;;mBAOT,MAAM;0BAGC,YAAY,GAAG,MAAM;2BAQpB,MAAM;0BAGP,MAAM;CAO7B,CAAA;AAED,eAAe,MAAM,CAAA;AAErB,OAAO,EAAE,MAAM,EAAE,CAAA"}