carbon-react 134.1.1 → 134.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (11) hide show
  1. package/esm/components/heading/heading.style.d.ts +1 -1
  2. package/esm/components/loader-spinner/loader-spinner.style.d.ts +1 -1
  3. package/esm/components/typography/typography.component.d.ts +3 -1
  4. package/esm/components/typography/typography.component.js +2 -0
  5. package/esm/components/typography/typography.style.js +2 -0
  6. package/lib/components/heading/heading.style.d.ts +1 -1
  7. package/lib/components/loader-spinner/loader-spinner.style.d.ts +1 -1
  8. package/lib/components/typography/typography.component.d.ts +3 -1
  9. package/lib/components/typography/typography.component.js +2 -0
  10. package/lib/components/typography/typography.style.js +2 -0
  11. package/package.json +1 -1
package/esm/components/heading/heading.style.d.ts CHANGED
@@ -12,7 +12,7 @@ declare type StyledHeadingTitleProps = {
12
12
  withMargin?: boolean;
13
13
  };
14
14
  declare const StyledHeadingTitle: import("styled-components").StyledComponent<{
15
- ({ "data-component": dataComponent, variant, as, id, fontSize, fontWeight, textTransform, lineHeight, textDecoration, display, listStyleType, whiteSpace, wordWrap, textAlign, textOverflow, truncate, color, backgroundColor, bg, opacity, children, className, screenReaderOnly, isDisabled, "aria-hidden": ariaHidden, ...rest }: import("../typography").TypographyProps): import("react").JSX.Element;
15
+ ({ "data-component": dataComponent, variant, as, id, fontSize, fontWeight, textTransform, lineHeight, textDecoration, display, listStyleType, whiteSpace, wordBreak, wordWrap, textAlign, textOverflow, truncate, color, backgroundColor, bg, opacity, children, className, screenReaderOnly, isDisabled, "aria-hidden": ariaHidden, ...rest }: import("../typography").TypographyProps): import("react").JSX.Element;
16
16
  displayName: string;
17
17
  }, any, StyledHeadingTitleProps, never>;
18
18
  declare const StyledHeadingPills: import("styled-components").StyledComponent<"span", any, {}, never>;
package/esm/components/loader-spinner/loader-spinner.style.d.ts CHANGED
@@ -2,7 +2,7 @@
2
2
  import { LoaderSpinnerProps } from "./loader-spinner.component";
3
3
  export declare const StyledSpinnerWrapper: import("styled-components").StyledComponent<"div", any, Pick<LoaderSpinnerProps, "size">, never>;
4
4
  export declare const StyledLabel: import("styled-components").StyledComponent<{
5
- ({ "data-component": dataComponent, variant, as, id, fontSize, fontWeight, textTransform, lineHeight, textDecoration, display, listStyleType, whiteSpace, wordWrap, textAlign, textOverflow, truncate, color, backgroundColor, bg, opacity, children, className, screenReaderOnly, isDisabled, "aria-hidden": ariaHidden, ...rest }: import("../typography").TypographyProps): import("react").JSX.Element;
5
+ ({ "data-component": dataComponent, variant, as, id, fontSize, fontWeight, textTransform, lineHeight, textDecoration, display, listStyleType, whiteSpace, wordBreak, wordWrap, textAlign, textOverflow, truncate, color, backgroundColor, bg, opacity, children, className, screenReaderOnly, isDisabled, "aria-hidden": ariaHidden, ...rest }: import("../typography").TypographyProps): import("react").JSX.Element;
6
6
  displayName: string;
7
7
  }, any, Required<Pick<LoaderSpinnerProps, "size">>, never>;
8
8
  interface StyledSpinnerCircleSvgProps extends Omit<LoaderSpinnerProps, "showSpinnerLabel"> {
package/esm/components/typography/typography.component.d.ts CHANGED
@@ -28,6 +28,8 @@ export interface TypographyProps extends SpaceProps, TagProps {
28
28
  listStyleType?: string;
29
29
  /** Override the white-space */
30
30
  whiteSpace?: string;
31
+ /** Override the word-break */
32
+ wordBreak?: string;
31
33
  /** Override the word-wrap */
32
34
  wordWrap?: string;
33
35
  /** Override the text-align */
@@ -59,7 +61,7 @@ export interface TypographyProps extends SpaceProps, TagProps {
59
61
  "aria-hidden"?: "true" | "false";
60
62
  }
61
63
  export declare const Typography: {
62
- ({ "data-component": dataComponent, variant, as, id, fontSize, fontWeight, textTransform, lineHeight, textDecoration, display, listStyleType, whiteSpace, wordWrap, textAlign, textOverflow, truncate, color, backgroundColor, bg, opacity, children, className, screenReaderOnly, isDisabled, "aria-hidden": ariaHidden, ...rest }: TypographyProps): React.JSX.Element;
64
+ ({ "data-component": dataComponent, variant, as, id, fontSize, fontWeight, textTransform, lineHeight, textDecoration, display, listStyleType, whiteSpace, wordBreak, wordWrap, textAlign, textOverflow, truncate, color, backgroundColor, bg, opacity, children, className, screenReaderOnly, isDisabled, "aria-hidden": ariaHidden, ...rest }: TypographyProps): React.JSX.Element;
63
65
  displayName: string;
64
66
  };
65
67
  export default Typography;
package/esm/components/typography/typography.component.js CHANGED
@@ -18,6 +18,7 @@ export const Typography = ({
18
18
  display,
19
19
  listStyleType,
20
20
  whiteSpace,
21
+ wordBreak,
21
22
  wordWrap,
22
23
  textAlign,
23
24
  textOverflow,
@@ -46,6 +47,7 @@ export const Typography = ({
46
47
  listStyleType: listStyleType,
47
48
  whiteSpace: whiteSpace,
48
49
  wordWrap: wordWrap,
50
+ wordBreak: wordBreak,
49
51
  textAlign: textAlign,
50
52
  textOverflow: textOverflow,
51
53
  truncate: truncate,
package/esm/components/typography/typography.style.js CHANGED
@@ -151,6 +151,7 @@ const StyledTypography = styled.span.attrs(({
151
151
  variant,
152
152
  listStyleType,
153
153
  whiteSpace,
154
+ wordBreak,
154
155
  wordWrap,
155
156
  textAlign,
156
157
  textOverflow,
@@ -166,6 +167,7 @@ const StyledTypography = styled.span.attrs(({
166
167
  margin: ${defaultMargin};
167
168
  padding: 0;
168
169
  white-space: ${truncate ? "nowrap" : whiteSpace};
170
+ word-break: ${wordBreak};
169
171
  word-wrap: ${wordWrap};
170
172
  text-align: ${textAlign};
171
173
  text-overflow: ${textOverflow || truncate && "ellipsis"};
package/lib/components/heading/heading.style.d.ts CHANGED
@@ -12,7 +12,7 @@ declare type StyledHeadingTitleProps = {
12
12
  withMargin?: boolean;
13
13
  };
14
14
  declare const StyledHeadingTitle: import("styled-components").StyledComponent<{
15
- ({ "data-component": dataComponent, variant, as, id, fontSize, fontWeight, textTransform, lineHeight, textDecoration, display, listStyleType, whiteSpace, wordWrap, textAlign, textOverflow, truncate, color, backgroundColor, bg, opacity, children, className, screenReaderOnly, isDisabled, "aria-hidden": ariaHidden, ...rest }: import("../typography").TypographyProps): import("react").JSX.Element;
15
+ ({ "data-component": dataComponent, variant, as, id, fontSize, fontWeight, textTransform, lineHeight, textDecoration, display, listStyleType, whiteSpace, wordBreak, wordWrap, textAlign, textOverflow, truncate, color, backgroundColor, bg, opacity, children, className, screenReaderOnly, isDisabled, "aria-hidden": ariaHidden, ...rest }: import("../typography").TypographyProps): import("react").JSX.Element;
16
16
  displayName: string;
17
17
  }, any, StyledHeadingTitleProps, never>;
18
18
  declare const StyledHeadingPills: import("styled-components").StyledComponent<"span", any, {}, never>;
package/lib/components/loader-spinner/loader-spinner.style.d.ts CHANGED
@@ -2,7 +2,7 @@
2
2
  import { LoaderSpinnerProps } from "./loader-spinner.component";
3
3
  export declare const StyledSpinnerWrapper: import("styled-components").StyledComponent<"div", any, Pick<LoaderSpinnerProps, "size">, never>;
4
4
  export declare const StyledLabel: import("styled-components").StyledComponent<{
5
- ({ "data-component": dataComponent, variant, as, id, fontSize, fontWeight, textTransform, lineHeight, textDecoration, display, listStyleType, whiteSpace, wordWrap, textAlign, textOverflow, truncate, color, backgroundColor, bg, opacity, children, className, screenReaderOnly, isDisabled, "aria-hidden": ariaHidden, ...rest }: import("../typography").TypographyProps): import("react").JSX.Element;
5
+ ({ "data-component": dataComponent, variant, as, id, fontSize, fontWeight, textTransform, lineHeight, textDecoration, display, listStyleType, whiteSpace, wordBreak, wordWrap, textAlign, textOverflow, truncate, color, backgroundColor, bg, opacity, children, className, screenReaderOnly, isDisabled, "aria-hidden": ariaHidden, ...rest }: import("../typography").TypographyProps): import("react").JSX.Element;
6
6
  displayName: string;
7
7
  }, any, Required<Pick<LoaderSpinnerProps, "size">>, never>;
8
8
  interface StyledSpinnerCircleSvgProps extends Omit<LoaderSpinnerProps, "showSpinnerLabel"> {
package/lib/components/typography/typography.component.d.ts CHANGED
@@ -28,6 +28,8 @@ export interface TypographyProps extends SpaceProps, TagProps {
28
28
  listStyleType?: string;
29
29
  /** Override the white-space */
30
30
  whiteSpace?: string;
31
+ /** Override the word-break */
32
+ wordBreak?: string;
31
33
  /** Override the word-wrap */
32
34
  wordWrap?: string;
33
35
  /** Override the text-align */
@@ -59,7 +61,7 @@ export interface TypographyProps extends SpaceProps, TagProps {
59
61
  "aria-hidden"?: "true" | "false";
60
62
  }
61
63
  export declare const Typography: {
62
- ({ "data-component": dataComponent, variant, as, id, fontSize, fontWeight, textTransform, lineHeight, textDecoration, display, listStyleType, whiteSpace, wordWrap, textAlign, textOverflow, truncate, color, backgroundColor, bg, opacity, children, className, screenReaderOnly, isDisabled, "aria-hidden": ariaHidden, ...rest }: TypographyProps): React.JSX.Element;
64
+ ({ "data-component": dataComponent, variant, as, id, fontSize, fontWeight, textTransform, lineHeight, textDecoration, display, listStyleType, whiteSpace, wordBreak, wordWrap, textAlign, textOverflow, truncate, color, backgroundColor, bg, opacity, children, className, screenReaderOnly, isDisabled, "aria-hidden": ariaHidden, ...rest }: TypographyProps): React.JSX.Element;
63
65
  displayName: string;
64
66
  };
65
67
  export default Typography;
package/lib/components/typography/typography.component.js CHANGED
@@ -25,6 +25,7 @@ const Typography = ({
25
25
  display,
26
26
  listStyleType,
27
27
  whiteSpace,
28
+ wordBreak,
28
29
  wordWrap,
29
30
  textAlign,
30
31
  textOverflow,
@@ -53,6 +54,7 @@ const Typography = ({
53
54
  listStyleType: listStyleType,
54
55
  whiteSpace: whiteSpace,
55
56
  wordWrap: wordWrap,
57
+ wordBreak: wordBreak,
56
58
  textAlign: textAlign,
57
59
  textOverflow: textOverflow,
58
60
  truncate: truncate,
package/lib/components/typography/typography.style.js CHANGED
@@ -160,6 +160,7 @@ const StyledTypography = _styledComponents.default.span.attrs(({
160
160
  variant,
161
161
  listStyleType,
162
162
  whiteSpace,
163
+ wordBreak,
163
164
  wordWrap,
164
165
  textAlign,
165
166
  textOverflow,
@@ -175,6 +176,7 @@ const StyledTypography = _styledComponents.default.span.attrs(({
175
176
  margin: ${defaultMargin};
176
177
  padding: 0;
177
178
  white-space: ${truncate ? "nowrap" : whiteSpace};
179
+ word-break: ${wordBreak};
178
180
  word-wrap: ${wordWrap};
179
181
  text-align: ${textAlign};
180
182
  text-overflow: ${textOverflow || truncate && "ellipsis"};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "carbon-react",
3
- "version": "134.1.1",
3
+ "version": "134.2.0",
4
4
  "description": "A library of reusable React components for easily building user interfaces.",
5
5
  "files": [
6
6
  "lib",