@sendoutcards/quantum-design-ui 1.7.20 → 1.7.22
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
|
};
|
|
@@ -16181,6 +16276,7 @@ var LinkColumn = function (_a) {
|
|
|
16181
16276
|
cursor: 'pointer',
|
|
16182
16277
|
title: subLink.title,
|
|
16183
16278
|
href: subLink.href,
|
|
16279
|
+
target: subLink.target,
|
|
16184
16280
|
size: "small",
|
|
16185
16281
|
onClick: subLink.onClick
|
|
16186
16282
|
});
|
|
@@ -20213,7 +20309,8 @@ var StaticNavigation = function (_a) {
|
|
|
20213
20309
|
return jsx(Anchor, {
|
|
20214
20310
|
cursor: 'pointer',
|
|
20215
20311
|
onClick: featuredColumn.onClick,
|
|
20216
|
-
href: featuredColumn.href
|
|
20312
|
+
href: featuredColumn.href,
|
|
20313
|
+
target: featuredColumn.target
|
|
20217
20314
|
}, jsx(Text, {
|
|
20218
20315
|
type: "body",
|
|
20219
20316
|
content: featuredColumn.title,
|
|
@@ -20600,9 +20697,10 @@ var FeatureAnnouncement = function (_a) {
|
|
|
20600
20697
|
}), jsx(Text, {
|
|
20601
20698
|
alignment: "center",
|
|
20602
20699
|
content: description,
|
|
20603
|
-
type: "footnote"
|
|
20700
|
+
type: "footnote",
|
|
20701
|
+
lineHeight: 1.4
|
|
20604
20702
|
})), jsx(Spacer, {
|
|
20605
|
-
space: "
|
|
20703
|
+
space: "x1_5"
|
|
20606
20704
|
}), button && jsx(Button, {
|
|
20607
20705
|
title: button.title,
|
|
20608
20706
|
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;
|