carbon-react 159.2.1 → 159.2.2
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.
- package/esm/components/dialog/__internal__/__next__/__internal__/tokens/index.d.ts +3 -0
- package/esm/components/dialog/__internal__/__next__/__internal__/tokens/index.js +1 -0
- package/esm/components/dialog/__internal__/__next__/dialog.config.d.ts +3 -3
- package/esm/components/dialog/__internal__/__next__/dialog.config.js +1 -1
- package/esm/components/dialog/__internal__/__next__/dialog.style.d.ts +3 -3
- package/lib/components/dialog/__internal__/__next__/__internal__/tokens/index.d.ts +3 -0
- package/lib/components/dialog/__internal__/__next__/__internal__/tokens/index.js +1 -0
- package/lib/components/dialog/__internal__/__next__/__internal__/tokens/package.json +6 -0
- package/lib/components/dialog/__internal__/__next__/dialog.config.d.ts +3 -3
- package/lib/components/dialog/__internal__/__next__/dialog.config.js +1 -1
- package/lib/components/dialog/__internal__/__next__/dialog.style.d.ts +3 -3
- package/package.json +1 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
const p="540px",x="850px",o="1080px";export{o as containerSizeDialogMaxwidthL,x as containerSizeDialogMaxwidthM,p as containerSizeDialogMaxwidthS};
|
|
@@ -16,15 +16,15 @@ export declare const DIALOG_MIN_WIDTH = "288px";
|
|
|
16
16
|
*/
|
|
17
17
|
export declare const DIALOG_SIZE_CONFIG: {
|
|
18
18
|
readonly small: {
|
|
19
|
-
readonly maxWidth:
|
|
19
|
+
readonly maxWidth: "540px";
|
|
20
20
|
readonly minWidth: "288px";
|
|
21
21
|
};
|
|
22
22
|
readonly medium: {
|
|
23
|
-
readonly maxWidth:
|
|
23
|
+
readonly maxWidth: "850px";
|
|
24
24
|
readonly minWidth: "288px";
|
|
25
25
|
};
|
|
26
26
|
readonly large: {
|
|
27
|
-
readonly maxWidth:
|
|
27
|
+
readonly maxWidth: "1080px";
|
|
28
28
|
readonly minWidth: "288px";
|
|
29
29
|
};
|
|
30
30
|
readonly fullscreen: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{containerSizeDialogMaxwidthS as i,containerSizeDialogMaxwidthM as m,containerSizeDialogMaxwidthL as t}from"
|
|
1
|
+
import{containerSizeDialogMaxwidthS as i,containerSizeDialogMaxwidthM as m,containerSizeDialogMaxwidthL as t}from"./__internal__/tokens/index.js";const d="288px",n={small:{maxWidth:i,minWidth:d},medium:{maxWidth:m,minWidth:d},large:{maxWidth:t,minWidth:d},fullscreen:{maxWidth:"100%",minWidth:"100%"}},e="medium";export{e as DEFAULT_SIZE,d as DIALOG_MIN_WIDTH,n as DIALOG_SIZE_CONFIG};
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import type { DialogProps } from "./dialog.component";
|
|
2
2
|
import { Size, ContentPaddingInterface } from "./dialog.config";
|
|
3
3
|
declare const dialogSizes: {
|
|
4
|
-
readonly small:
|
|
5
|
-
readonly medium:
|
|
6
|
-
readonly large:
|
|
4
|
+
readonly small: "540px";
|
|
5
|
+
readonly medium: "850px";
|
|
6
|
+
readonly large: "1080px";
|
|
7
7
|
};
|
|
8
8
|
declare const smallScreenBreakpoint = "600px";
|
|
9
9
|
/** Transient size prop shared across all styled dialog sub-components */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";exports.containerSizeDialogMaxwidthL="1080px",exports.containerSizeDialogMaxwidthM="850px",exports.containerSizeDialogMaxwidthS="540px";
|
|
@@ -16,15 +16,15 @@ export declare const DIALOG_MIN_WIDTH = "288px";
|
|
|
16
16
|
*/
|
|
17
17
|
export declare const DIALOG_SIZE_CONFIG: {
|
|
18
18
|
readonly small: {
|
|
19
|
-
readonly maxWidth:
|
|
19
|
+
readonly maxWidth: "540px";
|
|
20
20
|
readonly minWidth: "288px";
|
|
21
21
|
};
|
|
22
22
|
readonly medium: {
|
|
23
|
-
readonly maxWidth:
|
|
23
|
+
readonly maxWidth: "850px";
|
|
24
24
|
readonly minWidth: "288px";
|
|
25
25
|
};
|
|
26
26
|
readonly large: {
|
|
27
|
-
readonly maxWidth:
|
|
27
|
+
readonly maxWidth: "1080px";
|
|
28
28
|
readonly minWidth: "288px";
|
|
29
29
|
};
|
|
30
30
|
readonly fullscreen: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var i=require("
|
|
1
|
+
"use strict";var i=require("./__internal__/tokens/index.js");const t="288px",e={small:{maxWidth:i.containerSizeDialogMaxwidthS,minWidth:t},medium:{maxWidth:i.containerSizeDialogMaxwidthM,minWidth:t},large:{maxWidth:i.containerSizeDialogMaxwidthL,minWidth:t},fullscreen:{maxWidth:"100%",minWidth:"100%"}};exports.DEFAULT_SIZE="medium",exports.DIALOG_MIN_WIDTH=t,exports.DIALOG_SIZE_CONFIG=e;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import type { DialogProps } from "./dialog.component";
|
|
2
2
|
import { Size, ContentPaddingInterface } from "./dialog.config";
|
|
3
3
|
declare const dialogSizes: {
|
|
4
|
-
readonly small:
|
|
5
|
-
readonly medium:
|
|
6
|
-
readonly large:
|
|
4
|
+
readonly small: "540px";
|
|
5
|
+
readonly medium: "850px";
|
|
6
|
+
readonly large: "1080px";
|
|
7
7
|
};
|
|
8
8
|
declare const smallScreenBreakpoint = "600px";
|
|
9
9
|
/** Transient size prop shared across all styled dialog sub-components */
|