@sendoutcards/quantum-design-ui 1.7.20 → 1.7.21
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.es.js
CHANGED
|
@@ -819,7 +819,17 @@ var drawer$8 = {
|
|
|
819
819
|
bottomDirectionShadow: concepts$8.shadows.generate('mediumLight', Color$1(concepts$8.colors.defaultShadowColor).rgb().alpha(0.1).toString(), true),
|
|
820
820
|
hoverBoxShadow: concepts$8.shadows.mediumDark,
|
|
821
821
|
hoverBottomDirectionShadow: concepts$8.shadows.generate('mediumDark', Color$1(concepts$8.colors.defaultShadowColor).rgb().alpha(0.1).toString(), true),
|
|
822
|
-
defaultInset: "" + spacing$8.x1
|
|
822
|
+
defaultInset: "" + spacing$8.x1,
|
|
823
|
+
tab: {
|
|
824
|
+
dark: {
|
|
825
|
+
backgroundColor: concepts$8.colors.grayScale._600,
|
|
826
|
+
arrowColor: concepts$8.colors.foreground
|
|
827
|
+
},
|
|
828
|
+
light: {
|
|
829
|
+
backgroundColor: concepts$8.colors.foreground,
|
|
830
|
+
arrowColor: icons$9.colors.default
|
|
831
|
+
}
|
|
832
|
+
}
|
|
823
833
|
};
|
|
824
834
|
var navigation$8 = {
|
|
825
835
|
backgroundColor: concepts$8.colors.foreground,
|
|
@@ -1566,7 +1576,17 @@ var drawer$7 = {
|
|
|
1566
1576
|
bottomDirectionShadow: concepts$7.shadows.generate('mediumLight', Color$1(concepts$7.colors.defaultShadowColor).rgb().alpha(0.1).toString(), true),
|
|
1567
1577
|
hoverBoxShadow: concepts$7.shadows.mediumDark,
|
|
1568
1578
|
hoverBottomDirectionShadow: concepts$7.shadows.generate('mediumDark', Color$1(concepts$7.colors.defaultShadowColor).rgb().alpha(0.1).toString(), true),
|
|
1569
|
-
defaultInset: "" + spacing$7.x1
|
|
1579
|
+
defaultInset: "" + spacing$7.x1,
|
|
1580
|
+
tab: {
|
|
1581
|
+
dark: {
|
|
1582
|
+
backgroundColor: concepts$7.colors.grayScale._600,
|
|
1583
|
+
arrowColor: concepts$7.colors.foreground
|
|
1584
|
+
},
|
|
1585
|
+
light: {
|
|
1586
|
+
backgroundColor: concepts$7.colors.foreground,
|
|
1587
|
+
arrowColor: icons$7.colors.default
|
|
1588
|
+
}
|
|
1589
|
+
}
|
|
1570
1590
|
};
|
|
1571
1591
|
var sheet$7 = {
|
|
1572
1592
|
mobileBorderRadius: concepts$7.radius.large,
|
|
@@ -2258,7 +2278,17 @@ var drawer$6 = {
|
|
|
2258
2278
|
bottomDirectionShadow: concepts$6.shadows.generate('mediumLight', Color$1(concepts$6.colors.defaultShadowColor).rgb().alpha(0.1).toString(), true),
|
|
2259
2279
|
hoverBoxShadow: concepts$6.shadows.mediumDark,
|
|
2260
2280
|
hoverBottomDirectionShadow: concepts$6.shadows.generate('mediumDark', Color$1(concepts$6.colors.defaultShadowColor).rgb().alpha(0.1).toString(), true),
|
|
2261
|
-
defaultInset: "" + spacing$6.x1
|
|
2281
|
+
defaultInset: "" + spacing$6.x1,
|
|
2282
|
+
tab: {
|
|
2283
|
+
dark: {
|
|
2284
|
+
backgroundColor: concepts$6.colors.grayScale._600,
|
|
2285
|
+
arrowColor: concepts$6.colors.foreground
|
|
2286
|
+
},
|
|
2287
|
+
light: {
|
|
2288
|
+
backgroundColor: concepts$6.colors.foreground,
|
|
2289
|
+
arrowColor: icons$6.colors.default
|
|
2290
|
+
}
|
|
2291
|
+
}
|
|
2262
2292
|
};
|
|
2263
2293
|
var sheet$6 = {
|
|
2264
2294
|
mobileBorderRadius: concepts$6.radius.large,
|
|
@@ -2954,7 +2984,17 @@ var drawer$5 = {
|
|
|
2954
2984
|
bottomDirectionShadow: concepts$5.shadows.generate('mediumLight', Color$1(concepts$5.colors.defaultShadowColor).rgb().alpha(0.1).toString(), true),
|
|
2955
2985
|
hoverBoxShadow: concepts$5.shadows.mediumDark,
|
|
2956
2986
|
hoverBottomDirectionShadow: concepts$5.shadows.generate('mediumDark', Color$1(concepts$5.colors.defaultShadowColor).rgb().alpha(0.1).toString(), true),
|
|
2957
|
-
defaultInset: "" + spacing$5.x1
|
|
2987
|
+
defaultInset: "" + spacing$5.x1,
|
|
2988
|
+
tab: {
|
|
2989
|
+
dark: {
|
|
2990
|
+
backgroundColor: concepts$5.colors.grayScale._600,
|
|
2991
|
+
arrowColor: concepts$5.colors.foreground
|
|
2992
|
+
},
|
|
2993
|
+
light: {
|
|
2994
|
+
backgroundColor: concepts$5.colors.foreground,
|
|
2995
|
+
arrowColor: icons$5.colors.default
|
|
2996
|
+
}
|
|
2997
|
+
}
|
|
2958
2998
|
};
|
|
2959
2999
|
var sheet$5 = {
|
|
2960
3000
|
mobileBorderRadius: concepts$5.radius.large,
|
|
@@ -3648,7 +3688,17 @@ var drawer$4 = {
|
|
|
3648
3688
|
bottomDirectionShadow: concepts$4.shadows.generate('mediumLight', Color$1(concepts$4.colors.defaultShadowColor).rgb().alpha(0.1).toString(), true),
|
|
3649
3689
|
hoverBoxShadow: concepts$4.shadows.mediumDark,
|
|
3650
3690
|
hoverBottomDirectionShadow: concepts$4.shadows.generate('mediumDark', Color$1(concepts$4.colors.defaultShadowColor).rgb().alpha(0.1).toString(), true),
|
|
3651
|
-
defaultInset: "" + spacing$4.x1
|
|
3691
|
+
defaultInset: "" + spacing$4.x1,
|
|
3692
|
+
tab: {
|
|
3693
|
+
dark: {
|
|
3694
|
+
backgroundColor: concepts$4.colors.grayScale._600,
|
|
3695
|
+
arrowColor: concepts$4.colors.foreground
|
|
3696
|
+
},
|
|
3697
|
+
light: {
|
|
3698
|
+
backgroundColor: concepts$4.colors.foreground,
|
|
3699
|
+
arrowColor: icons$4.colors.default
|
|
3700
|
+
}
|
|
3701
|
+
}
|
|
3652
3702
|
};
|
|
3653
3703
|
var sheet$4 = {
|
|
3654
3704
|
mobileBorderRadius: concepts$4.radius.large,
|
|
@@ -4342,7 +4392,17 @@ var drawer$3 = {
|
|
|
4342
4392
|
bottomDirectionShadow: concepts$3.shadows.generate('mediumLight', Color$1(concepts$3.colors.defaultShadowColor).rgb().alpha(0.1).toString(), true),
|
|
4343
4393
|
hoverBoxShadow: concepts$3.shadows.mediumDark,
|
|
4344
4394
|
hoverBottomDirectionShadow: concepts$3.shadows.generate('mediumDark', Color$1(concepts$3.colors.defaultShadowColor).rgb().alpha(0.1).toString(), true),
|
|
4345
|
-
defaultInset: "" + spacing$3.x1
|
|
4395
|
+
defaultInset: "" + spacing$3.x1,
|
|
4396
|
+
tab: {
|
|
4397
|
+
dark: {
|
|
4398
|
+
backgroundColor: concepts$3.colors.grayScale._600,
|
|
4399
|
+
arrowColor: concepts$3.colors.foreground
|
|
4400
|
+
},
|
|
4401
|
+
light: {
|
|
4402
|
+
backgroundColor: concepts$3.colors.foreground,
|
|
4403
|
+
arrowColor: icons$3.colors.default
|
|
4404
|
+
}
|
|
4405
|
+
}
|
|
4346
4406
|
};
|
|
4347
4407
|
var sheet$3 = {
|
|
4348
4408
|
mobileBorderRadius: concepts$3.radius.large,
|
|
@@ -5036,7 +5096,17 @@ var drawer$2 = {
|
|
|
5036
5096
|
bottomDirectionShadow: concepts$2.shadows.generate('mediumLight', Color$1(concepts$2.colors.defaultShadowColor).rgb().alpha(0.1).toString(), true),
|
|
5037
5097
|
hoverBoxShadow: concepts$2.shadows.mediumDark,
|
|
5038
5098
|
hoverBottomDirectionShadow: concepts$2.shadows.generate('mediumDark', Color$1(concepts$2.colors.defaultShadowColor).rgb().alpha(0.1).toString(), true),
|
|
5039
|
-
defaultInset: "" + spacing$2.x1
|
|
5099
|
+
defaultInset: "" + spacing$2.x1,
|
|
5100
|
+
tab: {
|
|
5101
|
+
dark: {
|
|
5102
|
+
backgroundColor: concepts$2.colors.grayScale._600,
|
|
5103
|
+
arrowColor: concepts$2.colors.foreground
|
|
5104
|
+
},
|
|
5105
|
+
light: {
|
|
5106
|
+
backgroundColor: concepts$2.colors.foreground,
|
|
5107
|
+
arrowColor: icons$2.colors.default
|
|
5108
|
+
}
|
|
5109
|
+
}
|
|
5040
5110
|
};
|
|
5041
5111
|
var sheet$2 = {
|
|
5042
5112
|
mobileBorderRadius: concepts$2.radius.large,
|
|
@@ -5730,7 +5800,17 @@ var drawer$1 = {
|
|
|
5730
5800
|
bottomDirectionShadow: concepts$1.shadows.generate('mediumLight', Color$1(concepts$1.colors.defaultShadowColor).rgb().alpha(0.1).toString(), true),
|
|
5731
5801
|
hoverBoxShadow: concepts$1.shadows.mediumDark,
|
|
5732
5802
|
hoverBottomDirectionShadow: concepts$1.shadows.generate('mediumDark', Color$1(concepts$1.colors.defaultShadowColor).rgb().alpha(0.1).toString(), true),
|
|
5733
|
-
defaultInset: "" + spacing$1.x1
|
|
5803
|
+
defaultInset: "" + spacing$1.x1,
|
|
5804
|
+
tab: {
|
|
5805
|
+
dark: {
|
|
5806
|
+
backgroundColor: concepts$1.colors.grayScale._600,
|
|
5807
|
+
arrowColor: concepts$1.colors.foreground
|
|
5808
|
+
},
|
|
5809
|
+
light: {
|
|
5810
|
+
backgroundColor: concepts$1.colors.foreground,
|
|
5811
|
+
arrowColor: icons$1.colors.default
|
|
5812
|
+
}
|
|
5813
|
+
}
|
|
5734
5814
|
};
|
|
5735
5815
|
var sheet$1 = {
|
|
5736
5816
|
mobileBorderRadius: concepts$1.radius.large,
|
|
@@ -6409,7 +6489,17 @@ var drawer = {
|
|
|
6409
6489
|
bottomDirectionShadow: concepts.shadows.generate('mediumLight', Color$1(concepts.colors.defaultShadowColor).rgb().alpha(0.1).toString(), true),
|
|
6410
6490
|
hoverBoxShadow: concepts.shadows.mediumDark,
|
|
6411
6491
|
hoverBottomDirectionShadow: concepts.shadows.generate('mediumDark', Color$1(concepts.colors.defaultShadowColor).rgb().alpha(0.1).toString(), true),
|
|
6412
|
-
defaultInset: "" + spacing.x1
|
|
6492
|
+
defaultInset: "" + spacing.x1,
|
|
6493
|
+
tab: {
|
|
6494
|
+
dark: {
|
|
6495
|
+
backgroundColor: concepts.colors.grayScale._600,
|
|
6496
|
+
arrowColor: concepts.colors.foreground
|
|
6497
|
+
},
|
|
6498
|
+
light: {
|
|
6499
|
+
backgroundColor: concepts.colors.foreground,
|
|
6500
|
+
arrowColor: icons.colors.default
|
|
6501
|
+
}
|
|
6502
|
+
}
|
|
6413
6503
|
};
|
|
6414
6504
|
var navigation = {
|
|
6415
6505
|
backgroundColor: concepts.colors.foreground,
|
|
@@ -14398,15 +14488,15 @@ var Loader = function (_a) {
|
|
|
14398
14488
|
}, children);
|
|
14399
14489
|
};
|
|
14400
14490
|
|
|
14401
|
-
var _emotionSourceMap2$e = process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
14491
|
+
var _emotionSourceMap2$e = process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFJdUQiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgX19tYWtlVGVtcGxhdGVPYmplY3QgfSBmcm9tIFwidHNsaWJcIjtcclxuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vY29yZSc7XHJcbmV4cG9ydCBkZWZhdWx0IHtcclxuICAgIGRyYXdlckNvbnRhaW5lcjogZnVuY3Rpb24gKGxvY2F0aW9uLCBkcmF3ZXJFbnRpdHkpIHsgcmV0dXJuIGNzcyh0ZW1wbGF0ZU9iamVjdF8xIHx8ICh0ZW1wbGF0ZU9iamVjdF8xID0gX19tYWtlVGVtcGxhdGVPYmplY3QoW1wiXFxuICAgIGRpc3BsYXk6IGZsZXg7XFxuICAgIGJhY2tncm91bmQ6IFwiLCBcIjtcXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xcbiAgICBsZWZ0OiBcIiwgXCI7XFxuICAgIHJpZ2h0OiBcIiwgXCI7XFxuICAgIHRvcDogXCIsIFwiO1xcbiAgICBib3R0b206IFwiLCBcIjtcXG4gIFwiXSwgW1wiXFxuICAgIGRpc3BsYXk6IGZsZXg7XFxuICAgIGJhY2tncm91bmQ6IFwiLCBcIjtcXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xcbiAgICBsZWZ0OiBcIiwgXCI7XFxuICAgIHJpZ2h0OiBcIiwgXCI7XFxuICAgIHRvcDogXCIsIFwiO1xcbiAgICBib3R0b206IFwiLCBcIjtcXG4gIFwiXSkpLCBkcmF3ZXJFbnRpdHkuYmFja2dyb3VuZENvbG9yLCBsb2NhdGlvbiA9PT0gJ2xlZnQnICYmIDAsIGxvY2F0aW9uID09PSAncmlnaHQnICYmIDAsIGxvY2F0aW9uID09PSAndG9wJyAmJiAwLCBsb2NhdGlvbiA9PT0gJ2JvdHRvbScgJiYgMCk7IH0sXHJcbiAgICBkcmF3ZXJUYWI6IGZ1bmN0aW9uIChsb2NhdGlvbiwgb3BlblZhbHVlKSB7IHJldHVybiBjc3ModGVtcGxhdGVPYmplY3RfMiB8fCAodGVtcGxhdGVPYmplY3RfMiA9IF9fbWFrZVRlbXBsYXRlT2JqZWN0KFtcIlxcbiAgICBkaXNwbGF5OiBmbGV4O1xcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcXG4gICAgYWxpZ24tY29udGVudDogY2VudGVyO1xcblxcbiAgICBhbGlnbi1zZWxmOiBjZW50ZXI7XFxuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XFxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcXG4gICAgbGVmdDogXCIsIFwiO1xcbiAgICByaWdodDogXCIsIFwiO1xcbiAgICB0b3A6IFwiLCBcIjtcXG4gICAgYm90dG9tOiBcIiwgXCI7XFxuICBcIl0sIFtcIlxcbiAgICBkaXNwbGF5OiBmbGV4O1xcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcXG4gICAgYWxpZ24tY29udGVudDogY2VudGVyO1xcblxcbiAgICBhbGlnbi1zZWxmOiBjZW50ZXI7XFxuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XFxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcXG4gICAgbGVmdDogXCIsIFwiO1xcbiAgICByaWdodDogXCIsIFwiO1xcbiAgICB0b3A6IFwiLCBcIjtcXG4gICAgYm90dG9tOiBcIiwgXCI7XFxuICBcIl0pKSwgbG9jYXRpb24gPT09ICdsZWZ0JyAmJiBvcGVuVmFsdWUgKyBcInB4XCIsIGxvY2F0aW9uID09PSAncmlnaHQnICYmIG9wZW5WYWx1ZSArIFwicHhcIiwgbG9jYXRpb24gPT09ICd0b3AnICYmIG9wZW5WYWx1ZSArIFwicHhcIiwgbG9jYXRpb24gPT09ICdib3R0b20nICYmIG9wZW5WYWx1ZSArIFwicHhcIik7IH0sXHJcbn07XHJcbnZhciB0ZW1wbGF0ZU9iamVjdF8xLCB0ZW1wbGF0ZU9iamVjdF8yO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1zdHlsZXMuanMubWFwIl19 */";
|
|
14402
14492
|
|
|
14403
|
-
var _emotionSourceMap$n = process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
14493
|
+
var _emotionSourceMap$n = process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFHZ0UiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgX19tYWtlVGVtcGxhdGVPYmplY3QgfSBmcm9tIFwidHNsaWJcIjtcclxuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vY29yZSc7XHJcbmV4cG9ydCBkZWZhdWx0IHtcclxuICAgIGRyYXdlckNvbnRhaW5lcjogZnVuY3Rpb24gKGxvY2F0aW9uLCBkcmF3ZXJFbnRpdHkpIHsgcmV0dXJuIGNzcyh0ZW1wbGF0ZU9iamVjdF8xIHx8ICh0ZW1wbGF0ZU9iamVjdF8xID0gX19tYWtlVGVtcGxhdGVPYmplY3QoW1wiXFxuICAgIGRpc3BsYXk6IGZsZXg7XFxuICAgIGJhY2tncm91bmQ6IFwiLCBcIjtcXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xcbiAgICBsZWZ0OiBcIiwgXCI7XFxuICAgIHJpZ2h0OiBcIiwgXCI7XFxuICAgIHRvcDogXCIsIFwiO1xcbiAgICBib3R0b206IFwiLCBcIjtcXG4gIFwiXSwgW1wiXFxuICAgIGRpc3BsYXk6IGZsZXg7XFxuICAgIGJhY2tncm91bmQ6IFwiLCBcIjtcXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xcbiAgICBsZWZ0OiBcIiwgXCI7XFxuICAgIHJpZ2h0OiBcIiwgXCI7XFxuICAgIHRvcDogXCIsIFwiO1xcbiAgICBib3R0b206IFwiLCBcIjtcXG4gIFwiXSkpLCBkcmF3ZXJFbnRpdHkuYmFja2dyb3VuZENvbG9yLCBsb2NhdGlvbiA9PT0gJ2xlZnQnICYmIDAsIGxvY2F0aW9uID09PSAncmlnaHQnICYmIDAsIGxvY2F0aW9uID09PSAndG9wJyAmJiAwLCBsb2NhdGlvbiA9PT0gJ2JvdHRvbScgJiYgMCk7IH0sXHJcbiAgICBkcmF3ZXJUYWI6IGZ1bmN0aW9uIChsb2NhdGlvbiwgb3BlblZhbHVlKSB7IHJldHVybiBjc3ModGVtcGxhdGVPYmplY3RfMiB8fCAodGVtcGxhdGVPYmplY3RfMiA9IF9fbWFrZVRlbXBsYXRlT2JqZWN0KFtcIlxcbiAgICBkaXNwbGF5OiBmbGV4O1xcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcXG4gICAgYWxpZ24tY29udGVudDogY2VudGVyO1xcblxcbiAgICBhbGlnbi1zZWxmOiBjZW50ZXI7XFxuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XFxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcXG4gICAgbGVmdDogXCIsIFwiO1xcbiAgICByaWdodDogXCIsIFwiO1xcbiAgICB0b3A6IFwiLCBcIjtcXG4gICAgYm90dG9tOiBcIiwgXCI7XFxuICBcIl0sIFtcIlxcbiAgICBkaXNwbGF5OiBmbGV4O1xcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcXG4gICAgYWxpZ24tY29udGVudDogY2VudGVyO1xcblxcbiAgICBhbGlnbi1zZWxmOiBjZW50ZXI7XFxuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XFxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcXG4gICAgbGVmdDogXCIsIFwiO1xcbiAgICByaWdodDogXCIsIFwiO1xcbiAgICB0b3A6IFwiLCBcIjtcXG4gICAgYm90dG9tOiBcIiwgXCI7XFxuICBcIl0pKSwgbG9jYXRpb24gPT09ICdsZWZ0JyAmJiBvcGVuVmFsdWUgKyBcInB4XCIsIGxvY2F0aW9uID09PSAncmlnaHQnICYmIG9wZW5WYWx1ZSArIFwicHhcIiwgbG9jYXRpb24gPT09ICd0b3AnICYmIG9wZW5WYWx1ZSArIFwicHhcIiwgbG9jYXRpb24gPT09ICdib3R0b20nICYmIG9wZW5WYWx1ZSArIFwicHhcIik7IH0sXHJcbn07XHJcbnZhciB0ZW1wbGF0ZU9iamVjdF8xLCB0ZW1wbGF0ZU9iamVjdF8yO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1zdHlsZXMuanMubWFwIl19 */";
|
|
14404
14494
|
var styles$n = {
|
|
14405
14495
|
drawerContainer: function (location, drawerEntity) {
|
|
14406
14496
|
return /*#__PURE__*/css(templateObject_1$o || (templateObject_1$o = __makeTemplateObject(["\n display: flex;\n background: ", ";\n position: absolute;\n left: ", ";\n right: ", ";\n top: ", ";\n bottom: ", ";\n " + _emotionSourceMap$n], ["\n display: flex;\n background: ", ";\n position: absolute;\n left: ", ";\n right: ", ";\n top: ", ";\n bottom: ", ";\n " + _emotionSourceMap$n])), drawerEntity.backgroundColor, location === 'left' && 0, location === 'right' && 0, location === 'top' && 0, location === 'bottom' && 0);
|
|
14407
14497
|
},
|
|
14408
|
-
drawerTab: function (location, openValue
|
|
14409
|
-
return /*#__PURE__*/css(templateObject_2$e || (templateObject_2$e = __makeTemplateObject(["\n display: flex;\n justify-content: center;\n align-content: center;\n
|
|
14498
|
+
drawerTab: function (location, openValue) {
|
|
14499
|
+
return /*#__PURE__*/css(templateObject_2$e || (templateObject_2$e = __makeTemplateObject(["\n display: flex;\n justify-content: center;\n align-content: center;\n\n align-self: center;\n align-items: center;\n position: absolute;\n left: ", ";\n right: ", ";\n top: ", ";\n bottom: ", ";\n " + _emotionSourceMap2$e], ["\n display: flex;\n justify-content: center;\n align-content: center;\n\n align-self: center;\n align-items: center;\n position: absolute;\n left: ", ";\n right: ", ";\n top: ", ";\n bottom: ", ";\n " + _emotionSourceMap2$e])), location === 'left' && openValue + "px", location === 'right' && openValue + "px", location === 'top' && openValue + "px", location === 'bottom' && openValue + "px");
|
|
14410
14500
|
}
|
|
14411
14501
|
};
|
|
14412
14502
|
var templateObject_1$o, templateObject_2$e;
|
|
@@ -14414,23 +14504,27 @@ var templateObject_1$o, templateObject_2$e;
|
|
|
14414
14504
|
var Drawer = function (_a) {
|
|
14415
14505
|
var _b;
|
|
14416
14506
|
|
|
14507
|
+
var _c, _d;
|
|
14508
|
+
|
|
14417
14509
|
var children = _a.children,
|
|
14418
14510
|
location = _a.location,
|
|
14419
14511
|
isOpen = _a.isOpen,
|
|
14420
|
-
|
|
14421
|
-
isTabHidden =
|
|
14512
|
+
_e = _a.isTabHidden,
|
|
14513
|
+
isTabHidden = _e === void 0 ? false : _e,
|
|
14422
14514
|
onClick = _a.onClick,
|
|
14423
14515
|
openValue = _a.openValue,
|
|
14424
|
-
|
|
14425
|
-
offset =
|
|
14426
|
-
|
|
14427
|
-
zIndex =
|
|
14428
|
-
|
|
14429
|
-
showTab =
|
|
14516
|
+
_f = _a.offset,
|
|
14517
|
+
offset = _f === void 0 ? 0 : _f,
|
|
14518
|
+
_g = _a.zIndex,
|
|
14519
|
+
zIndex = _g === void 0 ? 0 : _g,
|
|
14520
|
+
_h = _a.showTab,
|
|
14521
|
+
showTab = _h === void 0 ? true : _h,
|
|
14430
14522
|
inset = _a.inset,
|
|
14431
|
-
|
|
14432
|
-
overflow =
|
|
14433
|
-
closedValue = _a.closedValue
|
|
14523
|
+
_j = _a.overflow,
|
|
14524
|
+
overflow = _j === void 0 ? 'auto' : _j,
|
|
14525
|
+
closedValue = _a.closedValue,
|
|
14526
|
+
_k = _a.tabMode,
|
|
14527
|
+
tabMode = _k === void 0 ? 'light' : _k;
|
|
14434
14528
|
var drawer = useEntities().drawer;
|
|
14435
14529
|
var isHorizontal = location === 'left' || location === 'right';
|
|
14436
14530
|
var isVertical = location === 'top' || location === 'bottom';
|
|
@@ -14505,7 +14599,8 @@ var Drawer = function (_a) {
|
|
|
14505
14599
|
height: "100%",
|
|
14506
14600
|
width: "100%"
|
|
14507
14601
|
}, children), showTab && jsx(Div, {
|
|
14508
|
-
|
|
14602
|
+
backgroundColor: drawer.tab[tabMode].backgroundColor,
|
|
14603
|
+
css: styles$n.drawerTab(location, openValue),
|
|
14509
14604
|
borderRadius: location === 'left' ? {
|
|
14510
14605
|
right: drawer.borderRadius
|
|
14511
14606
|
} : location === 'right' ? {
|
|
@@ -14543,7 +14638,7 @@ var Drawer = function (_a) {
|
|
|
14543
14638
|
}, jsx(Icon, {
|
|
14544
14639
|
name: "chevron",
|
|
14545
14640
|
orientation: "left",
|
|
14546
|
-
primaryColor:
|
|
14641
|
+
primaryColor: (_d = (_c = drawer.tab[tabMode]) === null || _c === void 0 ? void 0 : _c.arrowColor) !== null && _d !== void 0 ? _d : 'default',
|
|
14547
14642
|
size: "small"
|
|
14548
14643
|
}))));
|
|
14549
14644
|
};
|
|
@@ -20600,9 +20695,10 @@ var FeatureAnnouncement = function (_a) {
|
|
|
20600
20695
|
}), jsx(Text, {
|
|
20601
20696
|
alignment: "center",
|
|
20602
20697
|
content: description,
|
|
20603
|
-
type: "footnote"
|
|
20698
|
+
type: "footnote",
|
|
20699
|
+
lineHeight: 1.4
|
|
20604
20700
|
})), jsx(Spacer, {
|
|
20605
|
-
space: "
|
|
20701
|
+
space: "x1_5"
|
|
20606
20702
|
}), button && jsx(Button, {
|
|
20607
20703
|
title: button.title,
|
|
20608
20704
|
onClick: function () {
|
|
@@ -2,6 +2,6 @@ import { DrawerLocation } from './drawer';
|
|
|
2
2
|
import { DrawerEntity } from "../../theme/theming/entities";
|
|
3
3
|
declare const _default: {
|
|
4
4
|
drawerContainer: (location: DrawerLocation, drawerEntity: DrawerEntity) => import("@emotion/utils").SerializedStyles;
|
|
5
|
-
drawerTab: (location: DrawerLocation, openValue: number
|
|
5
|
+
drawerTab: (location: DrawerLocation, openValue: number) => import("@emotion/utils").SerializedStyles;
|
|
6
6
|
};
|
|
7
7
|
export default _default;
|
|
@@ -447,6 +447,16 @@ declare const drawer: {
|
|
|
447
447
|
hoverBoxShadow: string;
|
|
448
448
|
hoverBottomDirectionShadow: string;
|
|
449
449
|
defaultInset: string;
|
|
450
|
+
tab: {
|
|
451
|
+
dark: {
|
|
452
|
+
backgroundColor: string | undefined;
|
|
453
|
+
arrowColor: string;
|
|
454
|
+
};
|
|
455
|
+
light: {
|
|
456
|
+
backgroundColor: string;
|
|
457
|
+
arrowColor: string | undefined;
|
|
458
|
+
};
|
|
459
|
+
};
|
|
450
460
|
};
|
|
451
461
|
declare const navigation: {
|
|
452
462
|
backgroundColor: string;
|
|
@@ -933,6 +943,16 @@ export declare const entities: {
|
|
|
933
943
|
hoverBoxShadow: string;
|
|
934
944
|
hoverBottomDirectionShadow: string;
|
|
935
945
|
defaultInset: string;
|
|
946
|
+
tab: {
|
|
947
|
+
dark: {
|
|
948
|
+
backgroundColor: string | undefined;
|
|
949
|
+
arrowColor: string;
|
|
950
|
+
};
|
|
951
|
+
light: {
|
|
952
|
+
backgroundColor: string;
|
|
953
|
+
arrowColor: string | undefined;
|
|
954
|
+
};
|
|
955
|
+
};
|
|
936
956
|
};
|
|
937
957
|
sheet: {
|
|
938
958
|
mobileBorderRadius: string;
|