carbon-react 157.3.5 → 157.4.0

package/esm/components/divider/divider.component.d.ts

@@ -0,0 +1,39 @@
+import { SpaceProps } from "styled-system";
+import { TagProps } from "../../__internal__/utils/helpers/tags";
+export interface DividerProps extends SpaceProps, TagProps {
+    /** Sets Divider type */
+    type?: "vertical" | "horizontal";
+    /** Sets Divider variant */
+    variant?: "typical" | "prominent";
+    /** Set the style of the Divider to inverse */
+    inverse?: boolean;
+    /** Shorthand for the height attribute.
+     * Only available for the `vertical` type.
+     * */
+    h?: number | string;
+    /** Height attribute of the component.
+     * Only available for the `vertical` type.
+     * */
+    height?: number | string;
+    /**
+     * Sets the display: inline css attribute on the component
+     * To be used in non-flex containers.
+     * Only available for the `vertical` type.
+     */
+    displayInline?: boolean;
+    /**
+     * Set the divider to be hidden from screen readers.
+     * Please note that this cannot be overridden when inside a Menu.
+     * */
+    "aria-hidden"?: boolean;
+    /** Breakpoint for adaptive left and right margins (below the breakpoint they go to 0).
+     * Enables the adaptive behaviour when set.
+     * Only available for `horizontal` type.
+     * */
+    adaptiveMxBreakpoint?: number;
+}
+export declare const Divider: {
+    ({ type, h, height, displayInline, "aria-hidden": ariaHidden, variant, inverse, adaptiveMxBreakpoint, ml, mr, ...rest }: DividerProps): JSX.Element;
+    displayName: string;
+};
+export default Divider;

package/esm/components/divider/divider.component.js

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import{useContext as r}from"react";import t from"../menu/__internal__/menu.context.js";import{StyledHorizontalDivider as n,StyledVerticalDividerWrapper as i,StyledVerticalDivider as o}from"./divider.style.js";import a from"../../__internal__/utils/helpers/tags/tags.js";import l from"../../hooks/__internal__/useIsAboveBreakpoint/useIsAboveBreakpoint.js";function p(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function c(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},n=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),n.forEach((function(r){p(e,r,t[r])}))}return e}function s(e,r){return r=null!=r?r:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})),e}const u=p=>{var{type:u="vertical",h:d,height:m,displayInline:f=!1,"aria-hidden":b,variant:y="typical",inverse:v=!1,adaptiveMxBreakpoint:O,ml:j,mr:h}=p,g=function(e,r){if(null==e)return{};var t,n,i=function(e,r){if(null==e)return{};var t,n,i={},o=Object.keys(e);for(n=0;n<o.length;n++)t=o[n],r.indexOf(t)>=0||(i[t]=e[t]);return i}(e,r);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n<o.length;n++)t=o[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(i[t]=e[t])}return i}(p,["type","h","height","displayInline","aria-hidden","variant","inverse","adaptiveMxBreakpoint","ml","mr"]);const{inMenu:P}=r(t),_=l(O);if("horizontal"===u){let r=j,t=h;return O&&!_&&(r=0,t=0),e(n,c({"data-role":"divider","aria-hidden":b,variant:y,inverse:v,ml:r,mr:t,mt:g.mt||3,mb:g.mb||3},g,a("divider",g)))}return e(i,s(c(s(c({"data-role":"divider",p:g.p||3,height:d||m,displayInline:f,ml:j,mr:h},g),{as:P?"li":"div","aria-hidden":P||b}),a("divider",c({},g))),{children:e(o,{"data-role":"divider-content",variant:y,inverse:v})}))};u.displayName="Divider";export{u as Divider,u as default};

package/esm/components/divider/divider.style.d.ts

@@ -0,0 +1,11 @@
+import { DividerProps } from "./divider.component";
+declare const StyledVerticalDividerWrapper: import("styled-components").StyledComponent<"div", any, {
+    theme: object;
+} & DividerProps, "theme">;
+declare const StyledVerticalDivider: import("styled-components").StyledComponent<"div", any, {
+    theme: object;
+} & Pick<DividerProps, "variant" | "inverse">, "theme">;
+declare const StyledHorizontalDivider: import("styled-components").StyledComponent<"hr", any, {
+    theme: object;
+} & DividerProps, "theme">;
+export { StyledVerticalDividerWrapper, StyledVerticalDivider, StyledHorizontalDivider, };

package/esm/components/divider/divider.style.js

@@ -0,0 +1 @@
+import e,{css as i}from"styled-components";import t from"../../style/themes/apply-base-theme.js";import{space as r,margin as n}from"styled-system";const s=({variant:e,inverse:i})=>"prominent"===e?i?"#6F6F6F":"#7C7C7C":i?"#505050":"#A0A0A0",d=e.div.attrs(t).withConfig({displayName:"divider.style__StyledVerticalDividerWrapper",componentId:"sc-f1b220ec-0"})([""," "," ",""],r,(({height:e})=>e&&i(["height:",";"],"string"==typeof e?`${e}`:`${e}px`)),(({displayInline:e})=>e?"display: inline;":"")),a=e.div.attrs(t).withConfig({displayName:"divider.style__StyledVerticalDivider",componentId:"sc-f1b220ec-1"})(["height:100%;border-left:1px solid ",";display:inherit;"],(({variant:e,inverse:i})=>s({variant:e,inverse:i}))),o=e.hr.attrs(t).withConfig({displayName:"divider.style__StyledHorizontalDivider",componentId:"sc-f1b220ec-2"})([""," width:100%;border:0;height:1px;background-color:",";"],n,(({variant:e,inverse:i})=>s({variant:e,inverse:i})));export{o as StyledHorizontalDivider,a as StyledVerticalDivider,d as StyledVerticalDividerWrapper};

package/esm/components/divider/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./divider.component";
+export type { DividerProps } from "./divider.component";

package/esm/components/divider/index.js

@@ -0,0 +1 @@
+export{Divider as default}from"./divider.component.js";

package/esm/components/hr/hr.component.js

@@ -1 +1 @@
-import{jsx as e}from"react/jsx-runtime";import"react";import t from"../../__internal__/utils/helpers/tags/tags.js";import r from"./hr.style.js";import n from"../../hooks/__internal__/useIsAboveBreakpoint/useIsAboveBreakpoint.js";function o(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}const i=i=>{var{adaptiveMxBreakpoint:a,ml:l,mr:p,"aria-hidden":m,type:u="typical",height:c="small"}=i,s=function(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},i=Object.keys(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}(i,["adaptiveMxBreakpoint","ml","mr","aria-hidden","type","height"]);const f=n(a);let b=l,y=p;return a&&!f&&(b=0,y=0),e(r,function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){o(e,t,r[t])}))}return e}({"aria-hidden":m,height:c,$type:u,ml:b,mr:y,mt:s.mt||3,mb:s.mb||3},s,t("hr",s)))};export{i as Hr,i as default};
+import{jsx as e}from"react/jsx-runtime";import"react";import t from"../../__internal__/utils/helpers/tags/tags.js";import r from"./hr.style.js";import n from"../../hooks/__internal__/useIsAboveBreakpoint/useIsAboveBreakpoint.js";import o from"../../__internal__/utils/logger/index.js";function i(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}let a=!1;const l=l=>{var{adaptiveMxBreakpoint:s,ml:p,mr:m,"aria-hidden":u,type:c="typical",height:f="small"}=l,b=function(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},i=Object.keys(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}(l,["adaptiveMxBreakpoint","ml","mr","aria-hidden","type","height"]);a||(a=!0,o.deprecate("`Hr` is deprecated and will soon be removed. Please use `Divider` instead."));const d=n(s);let y=p,h=m;return s&&!d&&(y=0,h=0),e(r,function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){i(e,t,r[t])}))}return e}({"aria-hidden":u,height:f,$type:c,ml:y,mr:h,mt:b.mt||3,mb:b.mb||3},b,t("hr",b)))};export{l as Hr,l as default};

package/esm/components/tile/flex-tile-divider/flex-tile-divider.component.js

@@ -1 +1 @@
-import{jsx as o}from"react/jsx-runtime";import"react";import{Box as t}from"../../box/box.component.js";import{Hr as r}from"../../hr/hr.component.js";const p=()=>o(t,{position:"absolute",bottom:"0px",left:"0px",height:"1px",width:"100vw",m:"0px 0px -1px 0px",children:o(r,{"aria-hidden":"true","data-role":"hr",m:0})});export{p as FlexTileDivider,p as default};
+import{jsx as o}from"react/jsx-runtime";import"react";import{Box as t}from"../../box/box.component.js";import{Divider as r}from"../../divider/divider.component.js";const i=()=>o(t,{position:"absolute",bottom:"0px",left:"0px",height:"1px",width:"100vw",m:"0px 0px -1px 0px",children:o(r,{type:"horizontal","aria-hidden":!0,"data-role":"hr",m:0})});export{i as FlexTileDivider,i as default};

package/esm/components/vertical-divider/vertical-divider.component.js

@@ -1 +1 @@
-import{jsx as e}from"react/jsx-runtime";import{useContext as t}from"react";import r from"../menu/__internal__/menu.context.js";import{StyledVerticalWrapper as n,StyledDivider as i}from"./vertical-divider.style.js";import o from"../../__internal__/utils/helpers/tags/tags.js";function c(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function l(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){c(e,t,r[t])}))}return e}function a(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))})),e}const p=c=>{var{h:p,height:u,displayInline:s=!1,tint:f=80,"aria-hidden":y}=c,O=function(e,t){if(null==e)return{};var r,n,i=function(e,t){if(null==e)return{};var r,n,i={},o=Object.keys(e);for(n=0;n<o.length;n++)r=o[n],t.indexOf(r)>=0||(i[r]=e[r]);return i}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n<o.length;n++)r=o[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(i[r]=e[r])}return i}(c,["h","height","displayInline","tint","aria-hidden"]);const{inMenu:b}=t(r);return e(n,a(l(a(l({"data-role":"vertical-divider",p:O.p||3,height:p||u,displayInline:s},O),{as:b?"li":"div","aria-hidden":b||y}),o("vertical-divider",O)),{children:e(i,{"data-role":"divider",tint:f})}))};p.displayName="VerticalDivider";export{p as VerticalDivider,p as default};
+import{jsx as e}from"react/jsx-runtime";import{useContext as r}from"react";import t from"../menu/__internal__/menu.context.js";import{StyledVerticalWrapper as n,StyledDivider as i}from"./vertical-divider.style.js";import o from"../../__internal__/utils/helpers/tags/tags.js";import l from"../../__internal__/utils/logger/index.js";function a(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function c(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},n=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),n.forEach((function(r){a(e,r,t[r])}))}return e}function s(e,r){return r=null!=r?r:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})),e}let p=!1;const d=a=>{var{h:d,height:u,displayInline:f=!1,tint:b=80,"aria-hidden":y}=a,O=function(e,r){if(null==e)return{};var t,n,i=function(e,r){if(null==e)return{};var t,n,i={},o=Object.keys(e);for(n=0;n<o.length;n++)t=o[n],r.indexOf(t)>=0||(i[t]=e[t]);return i}(e,r);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n<o.length;n++)t=o[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(i[t]=e[t])}return i}(a,["h","height","displayInline","tint","aria-hidden"]);p||(p=!0,l.deprecate("`VerticalDivider` is deprecated and will soon be removed. Please use `Divider` instead."));const{inMenu:m}=r(t);return e(n,s(c(s(c({"data-role":"vertical-divider",p:O.p||3,height:d||u,displayInline:f},O),{as:m?"li":"div","aria-hidden":m||y}),o("vertical-divider",O)),{children:e(i,{"data-role":"divider",tint:b})}))};d.displayName="VerticalDivider";export{d as VerticalDivider,d as default};

package/lib/components/divider/divider.component.d.ts

@@ -0,0 +1,39 @@
+import { SpaceProps } from "styled-system";
+import { TagProps } from "../../__internal__/utils/helpers/tags";
+export interface DividerProps extends SpaceProps, TagProps {
+    /** Sets Divider type */
+    type?: "vertical" | "horizontal";
+    /** Sets Divider variant */
+    variant?: "typical" | "prominent";
+    /** Set the style of the Divider to inverse */
+    inverse?: boolean;
+    /** Shorthand for the height attribute.
+     * Only available for the `vertical` type.
+     * */
+    h?: number | string;
+    /** Height attribute of the component.
+     * Only available for the `vertical` type.
+     * */
+    height?: number | string;
+    /**
+     * Sets the display: inline css attribute on the component
+     * To be used in non-flex containers.
+     * Only available for the `vertical` type.
+     */
+    displayInline?: boolean;
+    /**
+     * Set the divider to be hidden from screen readers.
+     * Please note that this cannot be overridden when inside a Menu.
+     * */
+    "aria-hidden"?: boolean;
+    /** Breakpoint for adaptive left and right margins (below the breakpoint they go to 0).
+     * Enables the adaptive behaviour when set.
+     * Only available for `horizontal` type.
+     * */
+    adaptiveMxBreakpoint?: number;
+}
+export declare const Divider: {
+    ({ type, h, height, displayInline, "aria-hidden": ariaHidden, variant, inverse, adaptiveMxBreakpoint, ml, mr, ...rest }: DividerProps): JSX.Element;
+    displayName: string;
+};
+export default Divider;

package/lib/components/divider/divider.component.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("../menu/__internal__/menu.context.js"),i=require("./divider.style.js"),n=require("../../__internal__/utils/helpers/tags/tags.js"),a=require("../../hooks/__internal__/useIsAboveBreakpoint/useIsAboveBreakpoint.js");function o(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function l(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},i=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(i=i.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),i.forEach((function(r){o(e,r,t[r])}))}return e}function s(e,r){return r=null!=r?r:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})),e}const u=o=>{var{type:u="vertical",h:c,height:d,displayInline:p=!1,"aria-hidden":y,variant:v="typical",inverse:b=!1,adaptiveMxBreakpoint:f,ml:O,mr:j}=o,m=function(e,r){if(null==e)return{};var t,i,n=function(e,r){if(null==e)return{};var t,i,n={},a=Object.keys(e);for(i=0;i<a.length;i++)t=a[i],r.indexOf(t)>=0||(n[t]=e[t]);return n}(e,r);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(i=0;i<a.length;i++)t=a[i],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(n[t]=e[t])}return n}(o,["type","h","height","displayInline","aria-hidden","variant","inverse","adaptiveMxBreakpoint","ml","mr"]);const{inMenu:h}=r.useContext(t.default),g=a.default(f);if("horizontal"===u){let r=O,t=j;return f&&!g&&(r=0,t=0),e.jsx(i.StyledHorizontalDivider,l({"data-role":"divider","aria-hidden":y,variant:v,inverse:b,ml:r,mr:t,mt:m.mt||3,mb:m.mb||3},m,n.default("divider",m)))}return e.jsx(i.StyledVerticalDividerWrapper,s(l(s(l({"data-role":"divider",p:m.p||3,height:c||d,displayInline:p,ml:O,mr:j},m),{as:h?"li":"div","aria-hidden":h||y}),n.default("divider",l({},m))),{children:e.jsx(i.StyledVerticalDivider,{"data-role":"divider-content",variant:v,inverse:b})}))};u.displayName="Divider",exports.Divider=u,exports.default=u;

package/lib/components/divider/divider.style.d.ts

@@ -0,0 +1,11 @@
+import { DividerProps } from "./divider.component";
+declare const StyledVerticalDividerWrapper: import("styled-components").StyledComponent<"div", any, {
+    theme: object;
+} & DividerProps, "theme">;
+declare const StyledVerticalDivider: import("styled-components").StyledComponent<"div", any, {
+    theme: object;
+} & Pick<DividerProps, "variant" | "inverse">, "theme">;
+declare const StyledHorizontalDivider: import("styled-components").StyledComponent<"hr", any, {
+    theme: object;
+} & DividerProps, "theme">;
+export { StyledVerticalDividerWrapper, StyledVerticalDivider, StyledHorizontalDivider, };

package/lib/components/divider/divider.style.js

@@ -0,0 +1 @@
+"use strict";var e=require("styled-components"),i=require("../../style/themes/apply-base-theme.js"),t=require("styled-system");function r(e){return e&&e.__esModule?e:{default:e}}var a=r(e);const d=({variant:e,inverse:i})=>"prominent"===e?i?"#6F6F6F":"#7C7C7C":i?"#505050":"#A0A0A0",s=a.default.div.attrs(i.default).withConfig({displayName:"divider.style__StyledVerticalDividerWrapper",componentId:"sc-f1b220ec-0"})([""," "," ",""],t.space,(({height:i})=>i&&e.css(["height:",";"],"string"==typeof i?`${i}`:`${i}px`)),(({displayInline:e})=>e?"display: inline;":"")),l=a.default.div.attrs(i.default).withConfig({displayName:"divider.style__StyledVerticalDivider",componentId:"sc-f1b220ec-1"})(["height:100%;border-left:1px solid ",";display:inherit;"],(({variant:e,inverse:i})=>d({variant:e,inverse:i}))),n=a.default.hr.attrs(i.default).withConfig({displayName:"divider.style__StyledHorizontalDivider",componentId:"sc-f1b220ec-2"})([""," width:100%;border:0;height:1px;background-color:",";"],t.margin,(({variant:e,inverse:i})=>d({variant:e,inverse:i})));exports.StyledHorizontalDivider=n,exports.StyledVerticalDivider=l,exports.StyledVerticalDividerWrapper=s;

package/lib/components/divider/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./divider.component";
+export type { DividerProps } from "./divider.component";

package/lib/components/divider/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./divider.component.js");exports.default=e.Divider;

package/lib/components/divider/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "main": "./index.js",
+  "module": "../../../esm/components/divider/index.js",
+  "types": "./index.d.ts"
+}

package/lib/components/hr/hr.component.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");require("react");var r=require("../../__internal__/utils/helpers/tags/tags.js"),t=require("./hr.style.js"),n=require("../../hooks/__internal__/useIsAboveBreakpoint/useIsAboveBreakpoint.js");function i(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}const a=a=>{var{adaptiveMxBreakpoint:o,ml:l,mr:u,"aria-hidden":s,type:c="typical",height:p="small"}=a,f=function(e,r){if(null==e)return{};var t,n,i=function(e,r){if(null==e)return{};var t,n,i={},a=Object.keys(e);for(n=0;n<a.length;n++)t=a[n],r.indexOf(t)>=0||(i[t]=e[t]);return i}(e,r);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)t=a[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(i[t]=e[t])}return i}(a,["adaptiveMxBreakpoint","ml","mr","aria-hidden","type","height"]);const b=n.default(o);let y=l,m=u;return o&&!b&&(y=0,m=0),e.jsx(t.default,function(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},n=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),n.forEach((function(r){i(e,r,t[r])}))}return e}({"aria-hidden":s,height:p,$type:c,ml:y,mr:m,mt:f.mt||3,mb:f.mb||3},f,r.default("hr",f)))};exports.Hr=a,exports.default=a;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");require("react");var r=require("../../__internal__/utils/helpers/tags/tags.js"),t=require("./hr.style.js"),n=require("../../hooks/__internal__/useIsAboveBreakpoint/useIsAboveBreakpoint.js"),i=require("../../__internal__/utils/logger/index.js");function a(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}let l=!1;const o=o=>{var{adaptiveMxBreakpoint:u,ml:s,mr:c,"aria-hidden":p,type:d="typical",height:f="small"}=o,b=function(e,r){if(null==e)return{};var t,n,i=function(e,r){if(null==e)return{};var t,n,i={},a=Object.keys(e);for(n=0;n<a.length;n++)t=a[n],r.indexOf(t)>=0||(i[t]=e[t]);return i}(e,r);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)t=a[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(i[t]=e[t])}return i}(o,["adaptiveMxBreakpoint","ml","mr","aria-hidden","type","height"]);l||(l=!0,i.default.deprecate("`Hr` is deprecated and will soon be removed. Please use `Divider` instead."));const y=n.default(u);let m=s,h=c;return u&&!y&&(m=0,h=0),e.jsx(t.default,function(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},n=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),n.forEach((function(r){a(e,r,t[r])}))}return e}({"aria-hidden":p,height:f,$type:d,ml:m,mr:h,mt:b.mt||3,mb:b.mb||3},b,r.default("hr",b)))};exports.Hr=o,exports.default=o;

package/lib/components/tile/flex-tile-divider/flex-tile-divider.component.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");require("react");var r=require("../../box/box.component.js"),t=require("../../hr/hr.component.js");const o=()=>e.jsx(r.Box,{position:"absolute",bottom:"0px",left:"0px",height:"1px",width:"100vw",m:"0px 0px -1px 0px",children:e.jsx(t.Hr,{"aria-hidden":"true","data-role":"hr",m:0})});exports.FlexTileDivider=o,exports.default=o;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");require("react");var r=require("../../box/box.component.js"),i=require("../../divider/divider.component.js");const t=()=>e.jsx(r.Box,{position:"absolute",bottom:"0px",left:"0px",height:"1px",width:"100vw",m:"0px 0px -1px 0px",children:e.jsx(i.Divider,{type:"horizontal","aria-hidden":!0,"data-role":"hr",m:0})});exports.FlexTileDivider=t,exports.default=t;

package/lib/components/vertical-divider/vertical-divider.component.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("../menu/__internal__/menu.context.js"),n=require("./vertical-divider.style.js"),i=require("../../__internal__/utils/helpers/tags/tags.js");function l(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function o(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},n=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),n.forEach((function(r){l(e,r,t[r])}))}return e}function a(e,r){return r=null!=r?r:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})),e}const c=l=>{var{h:c,height:u,displayInline:s=!1,tint:p=80,"aria-hidden":d}=l,y=function(e,r){if(null==e)return{};var t,n,i=function(e,r){if(null==e)return{};var t,n,i={},l=Object.keys(e);for(n=0;n<l.length;n++)t=l[n],r.indexOf(t)>=0||(i[t]=e[t]);return i}(e,r);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(n=0;n<l.length;n++)t=l[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(i[t]=e[t])}return i}(l,["h","height","displayInline","tint","aria-hidden"]);const{inMenu:f}=r.useContext(t.default);return e.jsx(n.StyledVerticalWrapper,a(o(a(o({"data-role":"vertical-divider",p:y.p||3,height:c||u,displayInline:s},y),{as:f?"li":"div","aria-hidden":f||d}),i.default("vertical-divider",y)),{children:e.jsx(n.StyledDivider,{"data-role":"divider",tint:p})}))};c.displayName="VerticalDivider",exports.VerticalDivider=c,exports.default=c;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("../menu/__internal__/menu.context.js"),i=require("./vertical-divider.style.js"),n=require("../../__internal__/utils/helpers/tags/tags.js"),l=require("../../__internal__/utils/logger/index.js");function a(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function o(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},i=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(i=i.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),i.forEach((function(r){a(e,r,t[r])}))}return e}function c(e,r){return r=null!=r?r:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})),e}let u=!1;const s=a=>{var{h:s,height:d,displayInline:p=!1,tint:y=80,"aria-hidden":f}=a,b=function(e,r){if(null==e)return{};var t,i,n=function(e,r){if(null==e)return{};var t,i,n={},l=Object.keys(e);for(i=0;i<l.length;i++)t=l[i],r.indexOf(t)>=0||(n[t]=e[t]);return n}(e,r);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(i=0;i<l.length;i++)t=l[i],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(n[t]=e[t])}return n}(a,["h","height","displayInline","tint","aria-hidden"]);u||(u=!0,l.default.deprecate("`VerticalDivider` is deprecated and will soon be removed. Please use `Divider` instead."));const{inMenu:O}=r.useContext(t.default);return e.jsx(i.StyledVerticalWrapper,c(o(c(o({"data-role":"vertical-divider",p:b.p||3,height:s||d,displayInline:p},b),{as:O?"li":"div","aria-hidden":O||f}),n.default("vertical-divider",b)),{children:e.jsx(i.StyledDivider,{"data-role":"divider",tint:y})}))};s.displayName="VerticalDivider",exports.VerticalDivider=s,exports.default=s;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "carbon-react",
-  "version": "157.3.5",
+  "version": "157.4.0",
   "description": "A library of reusable React components for easily building user interfaces.",
   "files": [
     "lib",