@shoplflow/base 0.24.36 → 0.25.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/dist/index.cjs +12 -2
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +4 -0
- package/dist/index.d.ts +4 -0
- package/dist/index.js +12 -2
- package/dist/index.js.map +1 -1
- package/dist/styles/global.css +11 -0
- package/dist/styles/global.css.map +1 -1
- package/package.json +3 -3
package/dist/index.d.cts
CHANGED
|
@@ -91,6 +91,7 @@ declare const colorTokens: {
|
|
|
91
91
|
primary400: string;
|
|
92
92
|
};
|
|
93
93
|
declare const spacingTokens: {
|
|
94
|
+
spacing02: string;
|
|
94
95
|
spacing04: string;
|
|
95
96
|
spacing06: string;
|
|
96
97
|
spacing08: string;
|
|
@@ -127,6 +128,8 @@ declare const typographyTokens: {
|
|
|
127
128
|
body3_500: string;
|
|
128
129
|
caption_700: string;
|
|
129
130
|
caption_400: string;
|
|
131
|
+
paragraph1: string;
|
|
132
|
+
paragraph2: string;
|
|
130
133
|
};
|
|
131
134
|
|
|
132
135
|
declare type ColorTokens = keyof typeof colorTokens;
|
|
@@ -375,6 +378,7 @@ declare const ModalSize: {
|
|
|
375
378
|
readonly L: "L";
|
|
376
379
|
readonly XL: "XL";
|
|
377
380
|
readonly XXL: "XXL";
|
|
381
|
+
readonly XXXL: "XXXL";
|
|
378
382
|
};
|
|
379
383
|
declare type ModalSizeType = $Values<typeof ModalSize>;
|
|
380
384
|
interface ModalContainerProps extends ModalContainerOptionProps, SizeVariantProps<ModalSizeType> {
|
package/dist/index.d.ts
CHANGED
|
@@ -91,6 +91,7 @@ declare const colorTokens: {
|
|
|
91
91
|
primary400: string;
|
|
92
92
|
};
|
|
93
93
|
declare const spacingTokens: {
|
|
94
|
+
spacing02: string;
|
|
94
95
|
spacing04: string;
|
|
95
96
|
spacing06: string;
|
|
96
97
|
spacing08: string;
|
|
@@ -127,6 +128,8 @@ declare const typographyTokens: {
|
|
|
127
128
|
body3_500: string;
|
|
128
129
|
caption_700: string;
|
|
129
130
|
caption_400: string;
|
|
131
|
+
paragraph1: string;
|
|
132
|
+
paragraph2: string;
|
|
130
133
|
};
|
|
131
134
|
|
|
132
135
|
declare type ColorTokens = keyof typeof colorTokens;
|
|
@@ -375,6 +378,7 @@ declare const ModalSize: {
|
|
|
375
378
|
readonly L: "L";
|
|
376
379
|
readonly XL: "XL";
|
|
377
380
|
readonly XXL: "XXL";
|
|
381
|
+
readonly XXXL: "XXXL";
|
|
378
382
|
};
|
|
379
383
|
declare type ModalSizeType = $Values<typeof ModalSize>;
|
|
380
384
|
interface ModalContainerProps extends ModalContainerOptionProps, SizeVariantProps<ModalSizeType> {
|
package/dist/index.js
CHANGED
|
@@ -371,6 +371,7 @@ var colorTokens = {
|
|
|
371
371
|
primary300,
|
|
372
372
|
primary400
|
|
373
373
|
};
|
|
374
|
+
var spacing02 = "var(--spacing02)";
|
|
374
375
|
var spacing04 = "var(--spacing04)";
|
|
375
376
|
var spacing06 = "var(--spacing06)";
|
|
376
377
|
var spacing08 = "var(--spacing08)";
|
|
@@ -382,6 +383,7 @@ var spacing30 = "var(--spacing30)";
|
|
|
382
383
|
var spacing32 = "var(--spacing32)";
|
|
383
384
|
var spacing40 = "var(--spacing40)";
|
|
384
385
|
var spacingTokens = {
|
|
386
|
+
spacing02,
|
|
385
387
|
spacing04,
|
|
386
388
|
spacing06,
|
|
387
389
|
spacing08,
|
|
@@ -418,6 +420,8 @@ var body3_400 = ".body3_400";
|
|
|
418
420
|
var body3_500 = ".body3_500";
|
|
419
421
|
var caption_700 = ".caption_700";
|
|
420
422
|
var caption_400 = ".caption_400";
|
|
423
|
+
var paragraph1 = ".paragraph1";
|
|
424
|
+
var paragraph2 = ".paragraph2";
|
|
421
425
|
var typographyTokens = {
|
|
422
426
|
heading1_700,
|
|
423
427
|
heading1_400,
|
|
@@ -439,7 +443,9 @@ var typographyTokens = {
|
|
|
439
443
|
body3_400,
|
|
440
444
|
body3_500,
|
|
441
445
|
caption_700,
|
|
442
|
-
caption_400
|
|
446
|
+
caption_400,
|
|
447
|
+
paragraph1,
|
|
448
|
+
paragraph2
|
|
443
449
|
};
|
|
444
450
|
|
|
445
451
|
// src/components/Stack/Stack.styled.ts
|
|
@@ -589,6 +595,7 @@ var MODAL_SIZE_M = 640;
|
|
|
589
595
|
var MODAL_SIZE_L = 768;
|
|
590
596
|
var MODAL_SIZE_XL = 1040;
|
|
591
597
|
var MODAL_SIZE_XXL = 1280;
|
|
598
|
+
var MODAL_SIZE_XXXL = 1600;
|
|
592
599
|
var getModalWidthFromSize = (size2) => {
|
|
593
600
|
switch (size2) {
|
|
594
601
|
case "XXS":
|
|
@@ -605,6 +612,8 @@ var getModalWidthFromSize = (size2) => {
|
|
|
605
612
|
return MODAL_SIZE_XL;
|
|
606
613
|
case "XXL":
|
|
607
614
|
return MODAL_SIZE_XXL;
|
|
615
|
+
case "XXXL":
|
|
616
|
+
return MODAL_SIZE_XXXL;
|
|
608
617
|
default:
|
|
609
618
|
return MODAL_SIZE_M;
|
|
610
619
|
}
|
|
@@ -704,7 +713,8 @@ var ModalSize = {
|
|
|
704
713
|
M: "M",
|
|
705
714
|
L: "L",
|
|
706
715
|
XL: "XL",
|
|
707
|
-
XXL: "XXL"
|
|
716
|
+
XXL: "XXL",
|
|
717
|
+
XXXL: "XXXL"
|
|
708
718
|
};
|
|
709
719
|
var MODAL_HEADER_KEY = Symbol("MODAL_HEADER");
|
|
710
720
|
var MODAL_FOOTER_KEY = Symbol("MODAL_FOOTER");
|