shineout 3.1.25 → 3.2.0-beta.1
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/cjs/index.js +1 -1
- package/cjs/modal/modal.d.ts +6 -6
- package/dist/shineout.js +670 -255
- package/dist/shineout.js.map +1 -1
- package/dist/shineout.min.js +1 -1
- package/dist/shineout.min.js.map +1 -1
- package/esm/index.js +1 -1
- package/esm/modal/modal.d.ts +6 -6
- package/package.json +5 -5
package/dist/shineout.js
CHANGED
|
@@ -11949,7 +11949,7 @@ var handleStyle = function handleStyle(style) {
|
|
|
11949
11949
|
};
|
|
11950
11950
|
/* harmony default export */ var jss_style_handleStyle = (handleStyle);
|
|
11951
11951
|
;// CONCATENATED MODULE: ../shineout-style/src/version.ts
|
|
11952
|
-
/* harmony default export */ var version = ('3.1
|
|
11952
|
+
/* harmony default export */ var version = ('3.2.0-beta.1');
|
|
11953
11953
|
;// CONCATENATED MODULE: ../shineout-style/src/jss-style/index.tsx
|
|
11954
11954
|
|
|
11955
11955
|
|
|
@@ -12425,6 +12425,7 @@ var Token = {
|
|
|
12425
12425
|
|
|
12426
12426
|
// @ts-ignore
|
|
12427
12427
|
var CommonToken = {};
|
|
12428
|
+
var CommonTokenMap = (/* unused pure expression or super */ null && (Token));
|
|
12428
12429
|
Object.keys(Token).forEach(function (key) {
|
|
12429
12430
|
var _getConfig = getConfig(),
|
|
12430
12431
|
prefix = _getConfig.prefix;
|
|
@@ -12478,12 +12479,15 @@ var alertTokens = {
|
|
|
12478
12479
|
alertDangerBorderColor: 'Danger-2',
|
|
12479
12480
|
alertDangerFontColor: 'Danger-6',
|
|
12480
12481
|
alertFontSize: 'Font-14',
|
|
12482
|
+
alertFontWeight: 'Weight-regular',
|
|
12481
12483
|
alertFontColor: 'Neutral-text-5',
|
|
12482
12484
|
alertPaddingX: 'Spacing-16',
|
|
12483
12485
|
alertPaddingY: 'Spacing-8',
|
|
12484
|
-
alertBorderRadius: 'Radius-
|
|
12486
|
+
alertBorderRadius: 'Radius-default',
|
|
12485
12487
|
alertNearlyMargin: 'Spacing-8',
|
|
12486
12488
|
alertTitleFontSize: 'Font-16',
|
|
12489
|
+
alertTitleFontWeight: 'Weight-medium',
|
|
12490
|
+
alertTitleMarginY: 'Spacing-4',
|
|
12487
12491
|
alertCloseFontColor: 'Neutral-text-4',
|
|
12488
12492
|
alertCloseHoverColor: 'Neutral-text-5',
|
|
12489
12493
|
alertMessageHoverColor: 'Neutral-fill-2'
|
|
@@ -12501,11 +12505,9 @@ var alertTokens = {
|
|
|
12501
12505
|
var breadcrumbTokens = {
|
|
12502
12506
|
breadcrumbFontSize: 'Font-14',
|
|
12503
12507
|
breadcrumbFontColor: 'Neutral-text-5',
|
|
12508
|
+
breadcrumbFontWieght: 'Weight-regular',
|
|
12504
12509
|
breadcrumbLinkColor: 'Neutral-text-3',
|
|
12505
12510
|
breadcrumbLinkHoverColor: 'Brand-5',
|
|
12506
|
-
breadcrumbListBackgroundColor: 'Neutral-fill-1',
|
|
12507
|
-
breadcrumbListShadow: 'Shadow-1',
|
|
12508
|
-
breadcrumbListBorderColor: '#f4f5f8',
|
|
12509
12511
|
breadcrumbListPaddingY: 'Spacing-4',
|
|
12510
12512
|
breadcrumbListItemBorderRadius: 'Radius-4',
|
|
12511
12513
|
breadcrumbListItemWrapperPaddingX: 'Spacing-4',
|
|
@@ -12770,19 +12772,19 @@ var buttonTokens = {
|
|
|
12770
12772
|
buttonLinkFocusBackgroundColor: 'transparent',
|
|
12771
12773
|
buttonLinkFocusBorderColor: 'transparent',
|
|
12772
12774
|
buttonFontSize: 'Font-14',
|
|
12773
|
-
buttonBorderRadius: 'Radius-
|
|
12775
|
+
buttonBorderRadius: 'Radius-default',
|
|
12774
12776
|
buttonPaddingX: 'Spacing-12',
|
|
12775
12777
|
buttonPaddingY: 'Spacing-5',
|
|
12776
12778
|
buttonHeight: 'Size-16',
|
|
12777
12779
|
buttonFontWeight: 'Weight-regular',
|
|
12778
12780
|
buttonSmallFontSize: 'Font-12',
|
|
12779
|
-
buttonSmallBorderRadius: 'Radius-
|
|
12781
|
+
buttonSmallBorderRadius: 'Radius-default',
|
|
12780
12782
|
buttonSmallPaddingX: 'Spacing-8',
|
|
12781
12783
|
buttonSmallPaddingY: 'Spacing-2',
|
|
12782
12784
|
buttonSmallHeight: 'Size-12',
|
|
12783
12785
|
buttonSmallFontWeight: 'Weight-regular',
|
|
12784
12786
|
buttonLargeFontSize: 'Font-16',
|
|
12785
|
-
buttonLargeBorderRadius: 'Radius-
|
|
12787
|
+
buttonLargeBorderRadius: 'Radius-default',
|
|
12786
12788
|
buttonLargePaddingX: 'Spacing-16',
|
|
12787
12789
|
buttonLargePaddingY: 'Spacing-8',
|
|
12788
12790
|
buttonLargeHeight: 'Size-20',
|
|
@@ -12865,12 +12867,12 @@ var buttonTokens = {
|
|
|
12865
12867
|
buttonRoundBorderRadius: 'Radius-full',
|
|
12866
12868
|
buttonCircleBorderRadius: 'Radius-circle',
|
|
12867
12869
|
buttonSquareBorderRadius: 'Radius-default',
|
|
12868
|
-
buttonSmallRoundBorderRadius: 'Radius-
|
|
12870
|
+
buttonSmallRoundBorderRadius: 'Radius-full',
|
|
12869
12871
|
buttonSmallCircleBorderRadius: 'Radius-circle',
|
|
12870
12872
|
buttonSmallSquareBorderRadius: 'Radius-default',
|
|
12871
|
-
buttonLargeRoundBorderRadius: 'Radius-
|
|
12872
|
-
buttonLargeCircleBorderRadius: 'Radius-
|
|
12873
|
-
buttonLargeSquareBorderRadius: 'Radius-
|
|
12873
|
+
buttonLargeRoundBorderRadius: 'Radius-full',
|
|
12874
|
+
buttonLargeCircleBorderRadius: 'Radius-circle',
|
|
12875
|
+
buttonLargeSquareBorderRadius: 'Radius-default',
|
|
12874
12876
|
buttonNearlyMargin: 'Spacing-8',
|
|
12875
12877
|
buttonSpinMargin: 'Spacing-4'
|
|
12876
12878
|
};
|
|
@@ -12887,17 +12889,31 @@ var buttonTokens = {
|
|
|
12887
12889
|
var cardTokens = {
|
|
12888
12890
|
cardBackgroundColor: 'Neutral-fill-1',
|
|
12889
12891
|
cardShadow: 'Shadow-2',
|
|
12892
|
+
cardBorderWidth: 'Border-1',
|
|
12890
12893
|
cardBorderColor: 'Neutral-border-1',
|
|
12891
12894
|
cardBorderRadius: 'Radius-4',
|
|
12892
12895
|
cardFontColor: 'Neutral-text-5',
|
|
12893
12896
|
cardFontSize: 'Font-14',
|
|
12894
12897
|
cardPaddingX: 'Spacing-16',
|
|
12895
12898
|
cardPaddingY: 'Spacing-12',
|
|
12899
|
+
cardTitleFontColor: 'Neutral-text-5',
|
|
12896
12900
|
cardTitleFontSize: 'Font-16',
|
|
12901
|
+
cardTitleFontWeight: 'Weight-medium',
|
|
12897
12902
|
cardHeaderGap: '8px',
|
|
12898
12903
|
cardHeaderExtraMarginX: 'Spacing-16',
|
|
12904
|
+
cardHeaderPaddingX: 'Spacing-16',
|
|
12905
|
+
cardHeaderPaddingY: 'Spacing-12',
|
|
12899
12906
|
cardIndicatorSize: 'Size-7',
|
|
12900
|
-
cardIndicatorColor: 'Neutral-text-4'
|
|
12907
|
+
cardIndicatorColor: 'Neutral-text-4',
|
|
12908
|
+
cardBodyPaddingX: 'Spacing-16',
|
|
12909
|
+
cardBodyPaddingY: 'Spacing-12',
|
|
12910
|
+
cardBodyFontSize: 'Font-14',
|
|
12911
|
+
cardBodyFontColor: 'Neutral-text-5',
|
|
12912
|
+
cardBodyFontWeight: 'Weight-regular',
|
|
12913
|
+
cardBodyBorderColor: 'Neutral-border-1',
|
|
12914
|
+
cardFooterPaddingX: 'Spacing-16',
|
|
12915
|
+
cardFooterPaddingY: 'Spacing-12',
|
|
12916
|
+
cardFooterBorderColor: 'Neutral-border-1'
|
|
12901
12917
|
};
|
|
12902
12918
|
/* harmony default export */ var card = (cardTokens);
|
|
12903
12919
|
;// CONCATENATED MODULE: ../theme/src/card/index.ts
|
|
@@ -13012,6 +13028,8 @@ var cascaderTokens = {
|
|
|
13012
13028
|
cascaderPanelRadius: 'Radius-4',
|
|
13013
13029
|
cascaderPanelBorder: 'Neutral-border-1',
|
|
13014
13030
|
cascaderOptionHeight: 'Size-16',
|
|
13031
|
+
cascaderOptionFontColor: 'Neutral-text-5',
|
|
13032
|
+
cascaderOptionBackgroundColor: 'Neutral-fill-1',
|
|
13015
13033
|
cascaderOptionPaddingX: 'Spacing-4',
|
|
13016
13034
|
cascaderOptionPaddingY: 'Spacing-1',
|
|
13017
13035
|
cascaderOptionActiveColor: 'Brand-6',
|
|
@@ -13022,6 +13040,7 @@ var cascaderTokens = {
|
|
|
13022
13040
|
cascaderOptionInnerBorderRadius: 'Radius-2',
|
|
13023
13041
|
cascaderOptionIconColor: 'Neutral-text-4',
|
|
13024
13042
|
cascaderOptionHoverBackgroundColor: 'Neutral-fill-2',
|
|
13043
|
+
cascaderOptionHoverFontColor: 'Neutral-text-5',
|
|
13025
13044
|
cascaderOptionDisabledColor: 'Neutral-text-2',
|
|
13026
13045
|
cascaderOptionDisabledBackgroundColor: 'Neutral-fill-1',
|
|
13027
13046
|
cascaderMorePaddingX: 'Spacing-16',
|
|
@@ -13250,7 +13269,7 @@ var descriptionsTokens = {
|
|
|
13250
13269
|
descriptionsTitleSmallSize: 'Font-14',
|
|
13251
13270
|
descriptionsTitleDefaultSize: 'Font-16',
|
|
13252
13271
|
descriptionsTitleLargeSize: 'Font-18',
|
|
13253
|
-
descriptionsBorderDefaultSize: '
|
|
13272
|
+
descriptionsBorderDefaultSize: 'Border-1',
|
|
13254
13273
|
descriptionsFontSmallSize: 'Font-12',
|
|
13255
13274
|
descriptionsFontDefaultSize: 'Font-14',
|
|
13256
13275
|
descriptionsFontLargeSize: 'Font-16',
|
|
@@ -13259,15 +13278,17 @@ var descriptionsTokens = {
|
|
|
13259
13278
|
descriptionsTitleColor: 'Neutral-text-5',
|
|
13260
13279
|
descriptionsBackgroundColor: 'Neutral-fill-2',
|
|
13261
13280
|
descriptionsBorderColor: 'Neutral-border-1',
|
|
13262
|
-
descriptionsTitleFontWeight: '
|
|
13281
|
+
descriptionsTitleFontWeight: 'Weight-medium',
|
|
13263
13282
|
descriptionsTitleGap: 'Size-2',
|
|
13264
|
-
|
|
13283
|
+
descriptionsCellGap: 'Spacing-0',
|
|
13284
|
+
descriptionsBorderRadius: 'Radius-lesser',
|
|
13265
13285
|
descriptionsBorderRightSize: '1px',
|
|
13266
13286
|
descriptionsBorderBottomSize: '1px',
|
|
13267
13287
|
descriptionsBorderPaddingX: 'Spacing-8',
|
|
13268
13288
|
descriptionsBorderPaddingY: 'Spacing-12',
|
|
13269
13289
|
descriptionsInlineBorderPaddingX: 'Spacing-8',
|
|
13270
|
-
descriptionsInlineBorderPaddingY: 'Spacing-12'
|
|
13290
|
+
descriptionsInlineBorderPaddingY: 'Spacing-12',
|
|
13291
|
+
descriptionsVerticalPaddingBottom: 'Spacing-2'
|
|
13271
13292
|
};
|
|
13272
13293
|
/* harmony default export */ var descriptions = (descriptionsTokens);
|
|
13273
13294
|
;// CONCATENATED MODULE: ../theme/src/descriptions/index.ts
|
|
@@ -13282,6 +13303,7 @@ var descriptionsTokens = {
|
|
|
13282
13303
|
var dividerTokens = {
|
|
13283
13304
|
dividerFontSize: 'Font-12',
|
|
13284
13305
|
dividerFontColor: 'Neutral-text-5',
|
|
13306
|
+
dividerFontWeight: 'Weight-regular',
|
|
13285
13307
|
dividerBorderColor: 'Neutral-border-1',
|
|
13286
13308
|
dividerBorderWidth: 'Border-1',
|
|
13287
13309
|
dividerHorizontalMarginY: 'Spacing-24',
|
|
@@ -13300,16 +13322,16 @@ var dividerTokens = {
|
|
|
13300
13322
|
// This file was generated automatically by a script. Please do not modify it directly.
|
|
13301
13323
|
|
|
13302
13324
|
var dropdownTokens = {
|
|
13303
|
-
dropdownCaretMarginLeft: 'Spacing-
|
|
13304
|
-
dropdownListBorderRadius: 'Radius-
|
|
13325
|
+
dropdownCaretMarginLeft: 'Spacing-8',
|
|
13326
|
+
dropdownListBorderRadius: 'Radius-default',
|
|
13305
13327
|
dropdownListPaddingX: 'Spacing-4',
|
|
13306
13328
|
dropdownListPaddingY: 'Spacing-4',
|
|
13307
13329
|
dropdownListFontSize: 'Font-14',
|
|
13308
|
-
dropdownListSmallBorderRadius: 'Radius-
|
|
13330
|
+
dropdownListSmallBorderRadius: 'Radius-default',
|
|
13309
13331
|
dropdownListSmallPaddingX: 'Spacing-4',
|
|
13310
13332
|
dropdownListSmallPaddingY: 'Spacing-4',
|
|
13311
13333
|
dropdownListSmallFontSize: 'Font-12',
|
|
13312
|
-
dropdownListLargeBorderRadius: 'Radius-
|
|
13334
|
+
dropdownListLargeBorderRadius: 'Radius-default',
|
|
13313
13335
|
dropdownListLargePaddingX: 'Spacing-4',
|
|
13314
13336
|
dropdownListLargePaddingY: 'Spacing-4',
|
|
13315
13337
|
dropdownListLargeFontSize: 'Font-16',
|
|
@@ -13334,6 +13356,8 @@ var dropdownTokens = {
|
|
|
13334
13356
|
dropdownOptionSelectFontColor: 'Brand-6',
|
|
13335
13357
|
dropdownOptionDisabledBackgroundColor: 'Neutral-fill-1',
|
|
13336
13358
|
dropdownOptionDisabledFontColor: 'Neutral-text-2',
|
|
13359
|
+
dropdownOptionBorderRadius: 'Radius-default',
|
|
13360
|
+
dropdownOptionFontWeight: 'Weight-regular',
|
|
13337
13361
|
dropdownColumnPaddingX: 'Spacing-4',
|
|
13338
13362
|
dropdownColumnPaddingY: 'Spacing-4',
|
|
13339
13363
|
dropdownOptionGroupPaddingX: 'Spacing-8',
|
|
@@ -13376,7 +13400,8 @@ var editableAreaTokens = {
|
|
|
13376
13400
|
|
|
13377
13401
|
var emptyTokens = {
|
|
13378
13402
|
emptyFontSize: 'Font-14',
|
|
13379
|
-
emptyFontColor: 'Neutral-text-3'
|
|
13403
|
+
emptyFontColor: 'Neutral-text-3',
|
|
13404
|
+
emptyFontWeight: 'Weight-regular'
|
|
13380
13405
|
};
|
|
13381
13406
|
/* harmony default export */ var empty = (emptyTokens);
|
|
13382
13407
|
;// CONCATENATED MODULE: ../theme/src/empty/index.ts
|
|
@@ -13461,34 +13486,47 @@ var imageTokens = {
|
|
|
13461
13486
|
|
|
13462
13487
|
var inputTokens = {
|
|
13463
13488
|
inputFontSize: 'Font-14',
|
|
13464
|
-
|
|
13489
|
+
inputFontColor: 'Neutral-text-5',
|
|
13490
|
+
inputFontWeight: 'Weight-regular',
|
|
13491
|
+
inputBorderRadius: 'Radius-default',
|
|
13492
|
+
inputBorderColor: 'Neutral-border-2',
|
|
13493
|
+
inputBorderWidth: 'Border-1',
|
|
13465
13494
|
inputPaddingX: 'Spacing-8',
|
|
13466
13495
|
inputPaddingY: 'Spacing-4',
|
|
13467
13496
|
inputIconSize: 'Size-7',
|
|
13497
|
+
inputIconColor: 'Neutral-text-4',
|
|
13468
13498
|
inputSmallFontSize: 'Font-12',
|
|
13469
13499
|
inputSmallPaddingX: 'Spacing-8',
|
|
13470
13500
|
inputSmallPaddingY: 'Spacing-1',
|
|
13471
13501
|
inputLargeFontSize: 'Font-16',
|
|
13472
13502
|
inputLargePaddingX: 'Spacing-12',
|
|
13473
13503
|
inputLargePaddingY: 'Spacing-7',
|
|
13474
|
-
inputFontColor: 'Neutral-text-5',
|
|
13475
13504
|
inputPlaceholderColor: 'Neutral-text-2',
|
|
13476
|
-
|
|
13505
|
+
inputPlaceholderFontWeight: 'Weight-regular',
|
|
13477
13506
|
inputBackgroundColor: 'Neutral-fill-1',
|
|
13478
13507
|
inputClearColor: 'Neutral-text-3',
|
|
13479
13508
|
inputToggleColor: 'Neutral-text-4',
|
|
13480
|
-
inputIconColor: 'Neutral-text-4',
|
|
13481
13509
|
inputHoverBorderColor: 'Brand-6',
|
|
13510
|
+
inputHoverBackgroundColor: 'Neutral-fill-1',
|
|
13482
13511
|
inputHoverClearColor: 'Neutral-text-4',
|
|
13483
13512
|
inputHoverToggleColor: 'Neutral-text-5',
|
|
13513
|
+
inputHoverIconColor: 'Brand-6',
|
|
13484
13514
|
inputFocusBorderColor: 'Brand-7',
|
|
13515
|
+
inputFocusBackgroundColor: 'Neutral-fill-1',
|
|
13485
13516
|
inputFocusShadow: 'Brand-2',
|
|
13486
13517
|
inputDisabledFontColor: 'Neutral-text-2',
|
|
13487
13518
|
inputDisabledPlaceholderColor: 'Neutral-text-2',
|
|
13488
13519
|
inputDisabledBorderColor: 'Neutral-border-1',
|
|
13489
13520
|
inputDisabledBackgroundColor: 'Neutral-fill-2',
|
|
13490
13521
|
inputErrorBorderColor: 'Danger-6',
|
|
13522
|
+
inputErrorBackgroundColor: 'Neutral-fill-1',
|
|
13523
|
+
inputErrorHoverBorderColor: 'Danger-6',
|
|
13524
|
+
inputErrorHoverBackgroundColor: 'Neutral-fill-1',
|
|
13525
|
+
inputErrorFocusBorderColor: 'Danger-6',
|
|
13526
|
+
inputErrorFocusBackgroundColor: 'Neutral-fill-1',
|
|
13491
13527
|
inputErrorFocusShadow: 'Danger-1',
|
|
13528
|
+
inputGroupFontColor: 'Neutral-text-5',
|
|
13529
|
+
inputGroupFontBackgroundColor: 'Neutral-fill-2',
|
|
13492
13530
|
inputInfoFontColor: 'Brand-6',
|
|
13493
13531
|
inputInfoBackgroundColor: 'Neutral-fill-1',
|
|
13494
13532
|
inputInfoBorderColor: 'Neutral-border-2',
|
|
@@ -13498,13 +13536,16 @@ var inputTokens = {
|
|
|
13498
13536
|
inputInnerPaddingX: 'Spacing-8',
|
|
13499
13537
|
inputInnerPaddingY: 'Spacing-1',
|
|
13500
13538
|
inputInnerFontSize: 'Font-12',
|
|
13539
|
+
inputInnerFontColor: 'Neutral-text-4',
|
|
13501
13540
|
inputInnerSmallPaddingX: 'Spacing-8',
|
|
13502
13541
|
inputInnerSmallPaddingY: 'Spacing-1',
|
|
13503
13542
|
inputInnerSmallFontSize: 'Font-12',
|
|
13504
13543
|
inputInnerLargePaddingX: 'Spacing-12',
|
|
13505
13544
|
inputInnerLargePaddingY: 'Spacing-3',
|
|
13506
13545
|
inputInnerLargeFontSize: 'Font-14',
|
|
13507
|
-
|
|
13546
|
+
inputInnerTopFontSize: 'Font-12',
|
|
13547
|
+
inputInnerTopSmallFontSize: 'Font-12',
|
|
13548
|
+
inputInnerTopLargeFontSize: 'Font-12'
|
|
13508
13549
|
};
|
|
13509
13550
|
/* harmony default export */ var input = (inputTokens);
|
|
13510
13551
|
;// CONCATENATED MODULE: ../theme/src/input/index.ts
|
|
@@ -13520,13 +13561,17 @@ var listTokens = {
|
|
|
13520
13561
|
listFontSize: 'Font-14',
|
|
13521
13562
|
listFontColor: 'Neutral-text-5',
|
|
13522
13563
|
listBorderColor: 'Neutral-border-1',
|
|
13523
|
-
listBorderRadius: 'Radius-
|
|
13564
|
+
listBorderRadius: 'Radius-lesser',
|
|
13565
|
+
listBorderWidth: 'Border-1',
|
|
13524
13566
|
listItemPaddingY: 'Spacing-12',
|
|
13525
13567
|
listItemPaddingX: 'Spacing-16',
|
|
13568
|
+
listItemBackgroundColor: 'Transparent',
|
|
13526
13569
|
listSmallItemPaddingY: 'Spacing-8',
|
|
13527
13570
|
listSmallItemPaddingX: 'Spacing-12',
|
|
13571
|
+
listSmallFontSize: 'Font-14',
|
|
13528
13572
|
listLargeItemPaddingY: 'Spacing-16',
|
|
13529
13573
|
listLargeItemPaddingX: 'Spacing-20',
|
|
13574
|
+
listLargeFontSize: 'Font-14',
|
|
13530
13575
|
listPaginationMarginY: 'Spacing-12',
|
|
13531
13576
|
listStripedBackgroundColor: 'Neutral-fill-2'
|
|
13532
13577
|
};
|
|
@@ -13544,6 +13589,11 @@ var menuTokens = {
|
|
|
13544
13589
|
menuFontSize: 'Font-14',
|
|
13545
13590
|
menuFontColor: 'Neutral-text-5',
|
|
13546
13591
|
menuIconColor: 'Neutral-text-4',
|
|
13592
|
+
menuCollapseWidth: 'Size-20',
|
|
13593
|
+
menuCollapseItemDisabledFontColor: 'Neutral-text-2',
|
|
13594
|
+
menuCollapseItemDisabledBackgroundColor: 'Neutral-fill-1',
|
|
13595
|
+
menuCollapseItemActiveFontColor: 'Brand-6',
|
|
13596
|
+
menuCollapseItemActiveBackgroundColor: 'Neutral-fill-1',
|
|
13547
13597
|
menuItemBackgroundColor: 'Neutral-fill-1',
|
|
13548
13598
|
menuItemFontColor: 'Neutral-text-5',
|
|
13549
13599
|
menuItemHoverBackgroundColor: 'Neutral-fill-2',
|
|
@@ -13553,7 +13603,7 @@ var menuTokens = {
|
|
|
13553
13603
|
menuItemActiveFontColor: 'Brand-6',
|
|
13554
13604
|
menuItemDisabledBackgroundColor: 'Neutral-fill-1',
|
|
13555
13605
|
menuItemDisabledFontColor: 'Neutral-text-2',
|
|
13556
|
-
menuTitlePaddingX: '
|
|
13606
|
+
menuTitlePaddingX: '13px',
|
|
13557
13607
|
menuTitlePaddingY: '9px',
|
|
13558
13608
|
menuExpandWidth: '46px',
|
|
13559
13609
|
menuExpandSize: '14px',
|
|
@@ -13569,7 +13619,15 @@ var menuTokens = {
|
|
|
13569
13619
|
menuDarkItemOpenBackgroundColor: 'Neutral-fill-9',
|
|
13570
13620
|
menuDarkItemOpenFontColor: 'Neutral-text-1',
|
|
13571
13621
|
menuDarkItemDisabledBackgroundColor: 'Neutral-fill-10',
|
|
13572
|
-
menuDarkItemDisabledFontColor: 'Neutral-text-4'
|
|
13622
|
+
menuDarkItemDisabledFontColor: 'Neutral-text-4',
|
|
13623
|
+
menuDarkCollapseItemFontColor: 'Brand-1',
|
|
13624
|
+
menuDarkCollapseItemBackgroundColor: 'Neutral-fill-9',
|
|
13625
|
+
menuDarkCollapseItemActiveFontColor: 'Neutral-text-1',
|
|
13626
|
+
menuDarkCollapseItemActiveBackgroundColor: 'Brand-6',
|
|
13627
|
+
menuDarkCollapseItemDisabledFontColor: 'Neutral-text-4',
|
|
13628
|
+
menuDarkCollapseItemDisabledBackgroundColor: 'Neutral-fill-9',
|
|
13629
|
+
menuDarkCollapseItemHoverFontColor: 'Neutral-text-1',
|
|
13630
|
+
menuDarkCollapseItemHoverBackgroundColor: 'Brand-9'
|
|
13573
13631
|
};
|
|
13574
13632
|
/* harmony default export */ var menu = (menuTokens);
|
|
13575
13633
|
;// CONCATENATED MODULE: ../theme/src/menu/index.ts
|
|
@@ -13657,9 +13715,10 @@ var paginationTokens = {
|
|
|
13657
13715
|
|
|
13658
13716
|
var popoverTokens = {
|
|
13659
13717
|
popoverFontSize: 'Font-14',
|
|
13718
|
+
popoverFontWeight: 'Weight-regular',
|
|
13660
13719
|
popoverPaddingX: 'Spacing-8',
|
|
13661
13720
|
popoverPaddingY: 'Spacing-8',
|
|
13662
|
-
popoverRadius: 'Radius-
|
|
13721
|
+
popoverRadius: 'Radius-default',
|
|
13663
13722
|
popoverBorderWidth: 'Border-1',
|
|
13664
13723
|
popoverFontColor: 'Neutral-text-5',
|
|
13665
13724
|
popoverBackgroundColor: 'Neutral-fill-1',
|
|
@@ -13667,17 +13726,18 @@ var popoverTokens = {
|
|
|
13667
13726
|
popoverBorderColor: 'Neutral-border-1',
|
|
13668
13727
|
popoverSuccessBackgroundColor: '#edf9e8',
|
|
13669
13728
|
popoverSuccessBorderColor: 'rgba(82, 196, 26, 0.1)',
|
|
13670
|
-
popoverWarningBackgroundColor: '
|
|
13671
|
-
popoverWarningBorderColor: '
|
|
13672
|
-
popoverInfoBackgroundColor: '
|
|
13673
|
-
popoverInfoBorderColor: '
|
|
13674
|
-
popoverDangerBackgroundColor: '
|
|
13675
|
-
popoverDangerBorderColor: '
|
|
13729
|
+
popoverWarningBackgroundColor: 'Warning-1',
|
|
13730
|
+
popoverWarningBorderColor: 'Warning-2',
|
|
13731
|
+
popoverInfoBackgroundColor: 'Brand-1',
|
|
13732
|
+
popoverInfoBorderColor: 'Brand-2',
|
|
13733
|
+
popoverDangerBackgroundColor: 'Danger-1',
|
|
13734
|
+
popoverDangerBorderColor: 'Danger-2',
|
|
13676
13735
|
popoverErrorFontColor: 'Danger-7',
|
|
13677
13736
|
popoverErrorBackgroundColor: 'Danger-1',
|
|
13678
13737
|
popoverErrorBorderColor: 'Danger-1',
|
|
13679
13738
|
popoverConfirmPaddingX: 'Spacing-16',
|
|
13680
13739
|
popoverConfirmPaddingY: 'Spacing-16',
|
|
13740
|
+
popoverConfirmMarginY: 'Spacing-16',
|
|
13681
13741
|
popoverConfirmBackgroundColor: 'transparent'
|
|
13682
13742
|
};
|
|
13683
13743
|
/* harmony default export */ var popover = (popoverTokens);
|
|
@@ -13766,8 +13826,10 @@ var radioTokens = {
|
|
|
13766
13826
|
var rateTokens = {
|
|
13767
13827
|
rateFontColor: 'Neutral-text-5',
|
|
13768
13828
|
rateFontSize: 'Font-14',
|
|
13769
|
-
|
|
13829
|
+
rateFontWeight: 'Weight-regular',
|
|
13830
|
+
rateGap: 'Spacing-6',
|
|
13770
13831
|
rateSize: 'Size-12',
|
|
13832
|
+
rateTextGap: 'Spacing-10',
|
|
13771
13833
|
rateBackgroundColor: 'Neutral-fill-3',
|
|
13772
13834
|
rateFrontBackgroundColor: 'Warning-5'
|
|
13773
13835
|
};
|
|
@@ -13784,8 +13846,10 @@ var rateTokens = {
|
|
|
13784
13846
|
var selectTokens = {
|
|
13785
13847
|
selectFontSize: 'Font-14',
|
|
13786
13848
|
selectFontColor: 'Neutral-text-5',
|
|
13787
|
-
|
|
13849
|
+
selectFontWeight: 'Weight-regular',
|
|
13850
|
+
selectBorderRadius: 'Radius-default',
|
|
13788
13851
|
selectBorderColor: 'Neutral-border-2',
|
|
13852
|
+
selectBorderWidth: 'Border-1',
|
|
13789
13853
|
selectPaddingX: 'Spacing-8',
|
|
13790
13854
|
selectPaddingY: 'Spacing-2',
|
|
13791
13855
|
selectIconSize: 'Size-7',
|
|
@@ -13810,26 +13874,35 @@ var selectTokens = {
|
|
|
13810
13874
|
selectClearPadding: 'Spacing-8',
|
|
13811
13875
|
selectHoverBorderColor: 'Brand-6',
|
|
13812
13876
|
selectHoverClearColor: 'Neutral-text-4',
|
|
13877
|
+
selectHoverBackgroundColor: 'Neutral-fill-1',
|
|
13813
13878
|
selectFocusBorderColor: 'Brand-7',
|
|
13814
13879
|
selectFocusShadow: 'Brand-2',
|
|
13880
|
+
selectFocusBackgroundColor: 'Neutral-fill-1',
|
|
13815
13881
|
selectDisabledIconColor: 'Neutral-text-2',
|
|
13816
13882
|
selectDisabledFontColor: 'Neutral-text-2',
|
|
13817
13883
|
selectDisabledPlaceholderColor: 'Neutral-text-2',
|
|
13818
13884
|
selectDisabledBorderColor: 'Neutral-border-1',
|
|
13819
13885
|
selectDisabledBackgroundColor: 'Neutral-fill-2',
|
|
13820
|
-
selectResultTextBorderRadius: 'Radius-
|
|
13886
|
+
selectResultTextBorderRadius: 'Radius-default',
|
|
13821
13887
|
selectResultTextPaddingX: 'Spacing-4',
|
|
13822
13888
|
selectResultTextSmallPaddingX: 'Spacing-4',
|
|
13823
13889
|
selectResultTextLargePaddingX: 'Spacing-10',
|
|
13824
13890
|
selectResultTextActiveBackgroundColor: 'Brand-1',
|
|
13825
13891
|
selectErrorBorderColor: 'Danger-6',
|
|
13892
|
+
selectErrorBackgroundColor: 'Neutral-fill-1',
|
|
13826
13893
|
selectErrorFocusShadow: 'Danger-1',
|
|
13894
|
+
selectErrorFocusBackgroundColor: 'Neutral-fill-1',
|
|
13895
|
+
selectErrorFocusBorderColor: 'Danger-6',
|
|
13896
|
+
selectErrorHoverBackgroundColor: 'Neutral-fill-1',
|
|
13897
|
+
selectErrorHoverBorderColor: 'Danger-6',
|
|
13827
13898
|
selectPanelColor: 'Neutral-text-5',
|
|
13828
13899
|
selectPanelBackgroundColor: 'Neutral-fill-1',
|
|
13829
13900
|
selectPanelShadow: 'Shadow-2',
|
|
13830
|
-
selectPanelRadius: 'Radius-
|
|
13901
|
+
selectPanelRadius: 'Radius-default',
|
|
13831
13902
|
selectPanelBorder: 'Neutral-border-1',
|
|
13832
13903
|
selectOptionHeight: 'Size-16',
|
|
13904
|
+
selectOptionBackgroundColor: 'Neutral-fill-1',
|
|
13905
|
+
selectOptionFontColor: 'Neutral-text-5',
|
|
13833
13906
|
selectOptionPaddingX: 'Spacing-4',
|
|
13834
13907
|
selectOptionPaddingY: 'Spacing-1',
|
|
13835
13908
|
selectOptionActiveColor: 'Brand-6',
|
|
@@ -13837,15 +13910,18 @@ var selectTokens = {
|
|
|
13837
13910
|
selectOptionInnerPaddingX: 'Spacing-8',
|
|
13838
13911
|
selectOptionInnerPaddingY: 'Spacing-5',
|
|
13839
13912
|
selectOptionInnerPaddingRight: 'Size-15',
|
|
13840
|
-
selectOptionInnerBorderRadius: 'Radius-
|
|
13913
|
+
selectOptionInnerBorderRadius: 'Radius-lesser',
|
|
13841
13914
|
selectOptionHoverBackgroundColor: 'Neutral-fill-2',
|
|
13915
|
+
selectOptionHoverFontColor: 'Neutral-text-5',
|
|
13842
13916
|
selectOptionDisabledColor: 'Neutral-text-2',
|
|
13843
13917
|
selectOptionDisabledBackgroundColor: 'Neutral-fill-1',
|
|
13844
13918
|
selectMorePadding: 'Spacing-8',
|
|
13845
|
-
|
|
13919
|
+
selectHeaderPaddingX: 'Spacing-8',
|
|
13920
|
+
selectHeaderPaddingY: 'Spacing-8',
|
|
13846
13921
|
selectHeaderBorderColor: 'Neutral-border-1',
|
|
13847
13922
|
selectGroupTitleFontColor: 'Neutral-text-3',
|
|
13848
13923
|
selectGroupTitleFontSize: 'Font-12',
|
|
13924
|
+
selectGroupTitleFontWeight: 'Weight-regular',
|
|
13849
13925
|
selectGroupTitlePaddingX: 'Spacing-12',
|
|
13850
13926
|
selectGroupTitlePaddingTop: 'Spacing-10',
|
|
13851
13927
|
selectGroupTitlePaddingBottom: 'Spacing-2',
|
|
@@ -13856,8 +13932,10 @@ var selectTokens = {
|
|
|
13856
13932
|
selectGroupTitleLargeBottom: 'Spacing-4',
|
|
13857
13933
|
selectColumnPadding: 'Spacing-8',
|
|
13858
13934
|
selectColumnOptionMargin: 'Spacing-8',
|
|
13859
|
-
selectColumnBorderRadius: 'Radius-
|
|
13860
|
-
selectColumnBackgroundColor: 'Neutral-fill-2'
|
|
13935
|
+
selectColumnBorderRadius: 'Radius-default',
|
|
13936
|
+
selectColumnBackgroundColor: 'Neutral-fill-2',
|
|
13937
|
+
selectLoadingSpinColor: 'Brand-6',
|
|
13938
|
+
selectEmptyFontColor: 'Neutral-text-2'
|
|
13861
13939
|
};
|
|
13862
13940
|
/* harmony default export */ var select_select = (selectTokens);
|
|
13863
13941
|
;// CONCATENATED MODULE: ../theme/src/select/index.ts
|
|
@@ -14028,12 +14106,24 @@ var tableTokens = {
|
|
|
14028
14106
|
tableCellPaddingX: 'Spacing-12',
|
|
14029
14107
|
tableCellPaddingY: 'Spacing-8',
|
|
14030
14108
|
tableCellBorderColor: 'Neutral-border-1',
|
|
14109
|
+
tableCellFontSize: 'Font-14',
|
|
14110
|
+
tableCellFontWeight: 'Weight-regular',
|
|
14111
|
+
tableSmallTheadFontSize: 'Font-14',
|
|
14112
|
+
tableSmallTheadFontWeight: 'Weight-medium',
|
|
14031
14113
|
tableSmallCellPaddingX: 'Spacing-8',
|
|
14032
14114
|
tableSmallCellPaddingY: 'Spacing-4',
|
|
14115
|
+
tableSmallCellFontSize: 'Font-14',
|
|
14116
|
+
tableSmallCellFontWeight: 'Weight-regular',
|
|
14117
|
+
tableLargeTheadFontSize: 'Font-14',
|
|
14118
|
+
tableLargeTheadFontWeight: 'Weight-medium',
|
|
14033
14119
|
tableLargeCellPaddingX: 'Spacing-16',
|
|
14034
14120
|
tableLargeCellPaddingY: 'Spacing-16',
|
|
14121
|
+
tableLargeCellFontSize: 'Font-14',
|
|
14122
|
+
tableLargeCellFontWeight: 'Weight-regular',
|
|
14035
14123
|
tableFixedShadow: 'rgba(2,11,24,.1)',
|
|
14036
14124
|
tableTheadBackgroundColor: 'Neutral-fill-2',
|
|
14125
|
+
tableTheadFontSize: 'Font-14',
|
|
14126
|
+
tableTheadFontWeight: 'Weight-medium',
|
|
14037
14127
|
tableTheadFontColor: 'Neutral-text-5',
|
|
14038
14128
|
tableTbodyBackgroundColor: 'Neutral-fill-1',
|
|
14039
14129
|
tableTbodyStripedBackgroundColor: 'Neutral-fill-2',
|
|
@@ -14042,6 +14132,7 @@ var tableTokens = {
|
|
|
14042
14132
|
tableTbodyFontColor: 'Neutral-text-5',
|
|
14043
14133
|
tableTfootBackgroundColor: 'Neutral-fill-2',
|
|
14044
14134
|
tableTfootFontColor: 'Neutral-text-5',
|
|
14135
|
+
tableTfootFontWeight: 'Weight-regular',
|
|
14045
14136
|
tableExpandIconSize: 'Size-7',
|
|
14046
14137
|
tableExpandIconColor: 'Neutral-text-2',
|
|
14047
14138
|
tableExpandIconHoverBackgroundColor: 'Neutral-fill-3',
|
|
@@ -14489,21 +14580,27 @@ var tooltipTokens = {
|
|
|
14489
14580
|
|
|
14490
14581
|
var transferTokens = {
|
|
14491
14582
|
transferFontSize: 'Font-14',
|
|
14583
|
+
transferFontColor: 'Neutral-text-5',
|
|
14492
14584
|
transferHeaderHeight: 'Size-23',
|
|
14585
|
+
transferHeaderBackgroundColor: 'Neutral-fill-2',
|
|
14586
|
+
transferHeaderBorderColor: 'Transparent',
|
|
14493
14587
|
transferSmallFontSize: 'Font-12',
|
|
14494
14588
|
transferSmallHeaderHeight: 'Size-22',
|
|
14495
14589
|
transferLargeFontSize: 'Font-16',
|
|
14496
14590
|
transferLargeHeaderHeight: 'Size-24',
|
|
14497
14591
|
transferBorderColor: 'Neutral-border-1',
|
|
14498
|
-
|
|
14592
|
+
transferBorderRadius: 'Radius-default',
|
|
14499
14593
|
transferIconColor: 'Neutral-text-4',
|
|
14500
|
-
transferDisabledFontColor: 'Neutral-text-2',
|
|
14501
|
-
transferEmptyFontColor: 'Neutral-text-3',
|
|
14502
|
-
transferBorderRadius: 'Radius-4',
|
|
14503
|
-
transferHeaderBackgroundColor: 'Neutral-fill-2',
|
|
14504
14594
|
transferIconBackgroundColor: 'Neutral-fill-3',
|
|
14505
14595
|
transferIconNearlyMargin: 'Spacing-8',
|
|
14596
|
+
transferDisabledFontColor: 'Neutral-text-2',
|
|
14597
|
+
transferEmptyFontColor: 'Neutral-text-3',
|
|
14598
|
+
transferBackgroundColor: 'Neutral-fill-1',
|
|
14599
|
+
transferFooterBackgroundColor: 'Neutral-fill-1',
|
|
14600
|
+
transferFooterBorderColor: 'Neutral-border-1',
|
|
14506
14601
|
transferItemHoverBackgroundColor: 'Neutral-fill-2',
|
|
14602
|
+
transferItemBorderRadius: 'Radius-default',
|
|
14603
|
+
transferRemoveIconColor: 'Neutral-text-4',
|
|
14507
14604
|
transferCheckboxHoverBackgroundColor: 'Neutral-fill-3'
|
|
14508
14605
|
};
|
|
14509
14606
|
/* harmony default export */ var transfer = (transferTokens);
|
|
@@ -14525,7 +14622,9 @@ var treeTokens = {
|
|
|
14525
14622
|
treeSmallLineHeight: 'Size-14',
|
|
14526
14623
|
treeLargeFontSize: 'Font-16',
|
|
14527
14624
|
treeLargeLineHeight: 'Size-22',
|
|
14625
|
+
treeFontWeight: 'Weight-regular',
|
|
14528
14626
|
treeFontColor: 'Neutral-text-5',
|
|
14627
|
+
treeLineBackgroundColor: 'Neutral-fill-2',
|
|
14529
14628
|
treePaddingX: 'Spacing-8',
|
|
14530
14629
|
treePaddingY: 'Spacing-1',
|
|
14531
14630
|
treeItemFontColor: 'Neutral-text-4',
|
|
@@ -14748,6 +14847,7 @@ var alertStyle = {
|
|
|
14748
14847
|
borderRadius: src.alertBorderRadius,
|
|
14749
14848
|
borderWidth: 1,
|
|
14750
14849
|
borderStyle: 'solid',
|
|
14850
|
+
fontWeight: src.alertFontWeight,
|
|
14751
14851
|
opacity: 1,
|
|
14752
14852
|
transformOrigin: '0 0',
|
|
14753
14853
|
transform: 'scaleY(1) translateZ(0)',
|
|
@@ -14804,8 +14904,8 @@ var alertStyle = {
|
|
|
14804
14904
|
},
|
|
14805
14905
|
title: {
|
|
14806
14906
|
fontSize: src.alertTitleFontSize,
|
|
14807
|
-
fontWeight:
|
|
14808
|
-
marginBottom:
|
|
14907
|
+
fontWeight: src.alertTitleFontWeight,
|
|
14908
|
+
marginBottom: src.alertTitleMarginY,
|
|
14809
14909
|
overflowWrap: 'anywhere',
|
|
14810
14910
|
lineHeight: src.alertTitleFontSize
|
|
14811
14911
|
},
|
|
@@ -14927,7 +15027,7 @@ var breadcrumbStyle = {
|
|
|
14927
15027
|
top: '-3px'
|
|
14928
15028
|
},
|
|
14929
15029
|
itemWrapper: {
|
|
14930
|
-
padding:
|
|
15030
|
+
// padding: `0 ${token.breadcrumbListItemWrapperPaddingX}`,
|
|
14931
15031
|
},
|
|
14932
15032
|
item: {
|
|
14933
15033
|
display: 'flex',
|
|
@@ -14960,23 +15060,27 @@ var breadcrumbStyle = {
|
|
|
14960
15060
|
transform: 'rotate(180deg)'
|
|
14961
15061
|
},
|
|
14962
15062
|
dropdown: {
|
|
14963
|
-
|
|
14964
|
-
|
|
14965
|
-
|
|
14966
|
-
|
|
15063
|
+
borderRadius: src.dropdownListBorderRadius,
|
|
15064
|
+
backgroundColor: src.dropdownListBackgroundColor,
|
|
15065
|
+
boxShadow: src.dropdownListBoxShadow,
|
|
15066
|
+
border: "1px solid ".concat(src.dropdownListBorderColor),
|
|
15067
|
+
// padding: `${token.breadcrumbListPaddingY} 0`,
|
|
15068
|
+
padding: "".concat(src.dropdownListPaddingY, " ").concat(src.dropdownListPaddingX),
|
|
14967
15069
|
color: src.breadcrumbLinkColor
|
|
14968
15070
|
},
|
|
14969
15071
|
dropdownItem: {
|
|
14970
15072
|
lineHeight: src.lineHeightDynamic,
|
|
14971
|
-
fontSize: src.
|
|
15073
|
+
fontSize: src.dropdownListFontSize,
|
|
15074
|
+
fontWeight: src.breadcrumbFontWieght,
|
|
14972
15075
|
cursor: 'pointer',
|
|
14973
|
-
color: src.
|
|
14974
|
-
borderRadius: src.
|
|
15076
|
+
color: src.dropdownOptionFontColor,
|
|
15077
|
+
borderRadius: src.dropdownOptionBorderRadius,
|
|
14975
15078
|
'&:hover': {
|
|
14976
|
-
|
|
15079
|
+
color: src.dropdownOptionHoverFontColor,
|
|
15080
|
+
backgroundColor: src.dropdownOptionHoverBackgroundColor
|
|
14977
15081
|
},
|
|
14978
15082
|
'& $content, & a': {
|
|
14979
|
-
padding: "".concat(src.
|
|
15083
|
+
padding: "".concat(src.dropdownOptionPaddingY, " ").concat(src.dropdownOptionPaddingX),
|
|
14980
15084
|
display: 'inline-block',
|
|
14981
15085
|
textDecoration: 'none',
|
|
14982
15086
|
color: 'inherit',
|
|
@@ -15446,7 +15550,8 @@ var useButtonStyle = styled(src_button_button, 'button');
|
|
|
15446
15550
|
var headerCommon = {
|
|
15447
15551
|
fontSize: src.cardTitleFontSize,
|
|
15448
15552
|
lineHeight: src.lineHeightDynamic,
|
|
15449
|
-
|
|
15553
|
+
color: src.cardTitleFontColor,
|
|
15554
|
+
fontWeight: src.cardTitleFontWeight,
|
|
15450
15555
|
minWidth: 0
|
|
15451
15556
|
};
|
|
15452
15557
|
var cardStyle = {
|
|
@@ -15490,7 +15595,7 @@ var cardStyle = {
|
|
|
15490
15595
|
borderRadius: src.cardBorderRadius
|
|
15491
15596
|
},
|
|
15492
15597
|
header: {
|
|
15493
|
-
padding: "".concat(src.
|
|
15598
|
+
padding: "".concat(src.cardHeaderPaddingY, " ").concat(src.cardHeaderPaddingX),
|
|
15494
15599
|
'$wrapperMoveable &': {
|
|
15495
15600
|
cursor: 'move'
|
|
15496
15601
|
},
|
|
@@ -15541,10 +15646,13 @@ var cardStyle = {
|
|
|
15541
15646
|
'$wrapperSplit>$header+&, $wrapperSplit>$header+$bodyCollapse>&': {
|
|
15542
15647
|
borderTop: "1px solid ".concat(src.cardBorderColor)
|
|
15543
15648
|
},
|
|
15544
|
-
padding: "".concat(src.
|
|
15649
|
+
padding: "".concat(src.cardBodyPaddingY, " ").concat(src.cardBodyPaddingX),
|
|
15545
15650
|
flex: 1,
|
|
15546
15651
|
minHeight: 0,
|
|
15547
15652
|
minWidth: 0,
|
|
15653
|
+
color: src.cardBodyFontColor,
|
|
15654
|
+
fontWeight: src.cardBodyFontWeight,
|
|
15655
|
+
fontSize: src.cardBodyFontSize,
|
|
15548
15656
|
boxSizing: 'border-box'
|
|
15549
15657
|
},
|
|
15550
15658
|
bodyCollapse: {},
|
|
@@ -15552,7 +15660,7 @@ var cardStyle = {
|
|
|
15552
15660
|
'$wrapperSplit>$body+&, $wrapperSplit>$bodyCollapse+&': {
|
|
15553
15661
|
borderTop: "1px solid ".concat(src.cardBorderColor)
|
|
15554
15662
|
},
|
|
15555
|
-
padding: "".concat(src.
|
|
15663
|
+
padding: "".concat(src.cardFooterPaddingY, " ").concat(src.cardFooterPaddingX),
|
|
15556
15664
|
boxSizing: 'border-box'
|
|
15557
15665
|
},
|
|
15558
15666
|
resizeX: {
|
|
@@ -15977,15 +16085,19 @@ var useCarouselStyle = styled(carousel_carousel, 'carousel');
|
|
|
15977
16085
|
boxSizing: 'border-box',
|
|
15978
16086
|
borderRadius: token.borderRadius,
|
|
15979
16087
|
background: token.backgroundColor,
|
|
15980
|
-
border: "
|
|
16088
|
+
border: "".concat(token.borderWidth, " solid ").concat(token.borderColor),
|
|
15981
16089
|
color: token.fontColor,
|
|
15982
16090
|
lineHeight: token.lineHeight,
|
|
15983
16091
|
fontSize: token.fontSize,
|
|
15984
16092
|
// verticalAlign: 'top',
|
|
16093
|
+
fontWeight: token.fontWeight,
|
|
16094
|
+
verticalAlign: 'top',
|
|
15985
16095
|
transition: "border-color .15s ease-in-out,box-shadow .15s ease-in-out;",
|
|
15986
|
-
'&:hover': {
|
|
16096
|
+
'&:hover': defineProperty_default()({
|
|
15987
16097
|
borderColor: token.hoverBorderColor
|
|
15988
|
-
},
|
|
16098
|
+
}, "&:not($".concat(name, "Disabled):not($").concat(name, "Error)"), {
|
|
16099
|
+
backgroundColor: token.hoverBackgroundColor
|
|
16100
|
+
}),
|
|
15989
16101
|
'[data-soui-role="input-group"] &': {
|
|
15990
16102
|
borderWidth: 0,
|
|
15991
16103
|
borderRadius: 0,
|
|
@@ -16036,16 +16148,21 @@ var useCarouselStyle = styled(carousel_carousel, 'carousel');
|
|
|
16036
16148
|
}), "".concat(name, "Focus"), {
|
|
16037
16149
|
borderColor: token.focusBorderColor,
|
|
16038
16150
|
boxShadow: "0 0 0 2px ".concat(token.focusShadow),
|
|
16151
|
+
background: token.focusBackgroundColor,
|
|
16039
16152
|
'&:hover': {
|
|
16040
16153
|
borderColor: token.focusBorderColor
|
|
16041
16154
|
}
|
|
16042
16155
|
}), "".concat(name, "Error"), defineProperty_default()({
|
|
16043
16156
|
borderColor: token.errorBorderColor,
|
|
16157
|
+
background: token.errorBackgroundColor,
|
|
16044
16158
|
'&:hover': {
|
|
16045
|
-
|
|
16159
|
+
backgroundColor: token.errorHoverBackgroundColor,
|
|
16160
|
+
borderColor: token.errorHoverBorderColor
|
|
16046
16161
|
}
|
|
16047
16162
|
}, "&$".concat(name, "Focus"), {
|
|
16048
|
-
boxShadow: "0 0 0 2px ".concat(token.errorFocusShadow)
|
|
16163
|
+
boxShadow: "0 0 0 2px ".concat(token.errorFocusShadow),
|
|
16164
|
+
borderColor: token.errorFocusBorderColor,
|
|
16165
|
+
background: token.errorFocusBackgroundColor
|
|
16049
16166
|
})), "".concat(name, "Disabled"), {
|
|
16050
16167
|
color: token.disabledFontColor,
|
|
16051
16168
|
backgroundColor: token.disabledBackgroundColor,
|
|
@@ -16080,27 +16197,36 @@ var useCarouselStyle = styled(carousel_carousel, 'carousel');
|
|
|
16080
16197
|
|
|
16081
16198
|
var inputBorderToken = {
|
|
16082
16199
|
lineHeight: src.lineHeightDynamic,
|
|
16083
|
-
borderRadius: src.
|
|
16084
|
-
fontSize: src.
|
|
16085
|
-
|
|
16086
|
-
|
|
16087
|
-
|
|
16088
|
-
|
|
16089
|
-
|
|
16090
|
-
|
|
16091
|
-
|
|
16092
|
-
|
|
16093
|
-
|
|
16094
|
-
|
|
16095
|
-
|
|
16096
|
-
|
|
16097
|
-
|
|
16098
|
-
|
|
16099
|
-
|
|
16100
|
-
|
|
16101
|
-
|
|
16102
|
-
|
|
16103
|
-
|
|
16200
|
+
borderRadius: src.inputBorderRadius,
|
|
16201
|
+
fontSize: src.inputFontSize,
|
|
16202
|
+
fontWeight: src.inputFontWeight,
|
|
16203
|
+
smallFontSize: src.inputSmallFontSize,
|
|
16204
|
+
largeFontSize: src.inputLargeFontSize,
|
|
16205
|
+
paddingY: src.selectPaddingY,
|
|
16206
|
+
smallPaddingY: src.selectSmallPaddingY,
|
|
16207
|
+
largePaddingY: src.selectLargePaddingY,
|
|
16208
|
+
paddingX: src.selectPaddingX,
|
|
16209
|
+
smallPaddingX: src.selectSmallPaddingX,
|
|
16210
|
+
largePaddingX: src.selectLargePaddingX,
|
|
16211
|
+
borderColor: src.inputBorderColor,
|
|
16212
|
+
borderWidth: src.inputBorderWidth,
|
|
16213
|
+
focusBorderColor: src.inputFocusBorderColor,
|
|
16214
|
+
hoverBorderColor: src.inputHoverBorderColor,
|
|
16215
|
+
disabledBorderColor: src.inputDisabledBorderColor,
|
|
16216
|
+
errorBorderColor: src.inputErrorBorderColor,
|
|
16217
|
+
errorHoverBorderColor: src.inputErrorHoverBorderColor,
|
|
16218
|
+
errorFocusBorderColor: src.inputErrorFocusBorderColor,
|
|
16219
|
+
fontColor: src.inputFontColor,
|
|
16220
|
+
disabledFontColor: src.inputDisabledFontColor,
|
|
16221
|
+
backgroundColor: src.inputBackgroundColor,
|
|
16222
|
+
hoverBackgroundColor: src.inputHoverBackgroundColor,
|
|
16223
|
+
focusBackgroundColor: src.inputFocusBackgroundColor,
|
|
16224
|
+
disabledBackgroundColor: src.inputDisabledBackgroundColor,
|
|
16225
|
+
errorBackgroundColor: src.inputErrorBackgroundColor,
|
|
16226
|
+
errorFocusBackgroundColor: src.inputErrorFocusBackgroundColor,
|
|
16227
|
+
errorHoverBackgroundColor: src.inputErrorHoverBackgroundColor,
|
|
16228
|
+
focusShadow: src.inputFocusShadow,
|
|
16229
|
+
errorFocusShadow: src.inputErrorFocusShadow,
|
|
16104
16230
|
innerTitlePaddingY: src.inputInnerPaddingY,
|
|
16105
16231
|
innerTitlePaddingX: src.inputInnerPaddingX,
|
|
16106
16232
|
smallInnerTitlePaddingY: src.inputInnerSmallPaddingY,
|
|
@@ -16499,6 +16625,7 @@ var cascaderStyle = objectSpread2_default()(objectSpread2_default()({
|
|
|
16499
16625
|
// hover
|
|
16500
16626
|
'&:not($optionDisabled):hover': {
|
|
16501
16627
|
'& $optionInner': {
|
|
16628
|
+
color: src.cascaderOptionHoverFontColor,
|
|
16502
16629
|
backgroundColor: src.cascaderOptionHoverBackgroundColor
|
|
16503
16630
|
}
|
|
16504
16631
|
}
|
|
@@ -16523,7 +16650,9 @@ var cascaderStyle = objectSpread2_default()(objectSpread2_default()({
|
|
|
16523
16650
|
whiteSpace: 'nowrap',
|
|
16524
16651
|
minWidth: 44,
|
|
16525
16652
|
display: 'flex',
|
|
16653
|
+
color: src.cascaderOptionFontColor,
|
|
16526
16654
|
fontSize: src.cascaderFontSize,
|
|
16655
|
+
background: src.cascaderOptionBackgroundColor,
|
|
16527
16656
|
lineHeight: src.lineHeightDynamic,
|
|
16528
16657
|
padding: "".concat(src.cascaderOptionInnerPaddingY, " ").concat(src.cascaderOptionInnerPaddingX),
|
|
16529
16658
|
paddingRight: 30,
|
|
@@ -16883,27 +17012,36 @@ var useCollapseItemStyle = styled(collapse_item, 'collapseItem');
|
|
|
16883
17012
|
|
|
16884
17013
|
var date_picker_inputBorderToken = {
|
|
16885
17014
|
lineHeight: src.lineHeightDynamic,
|
|
16886
|
-
borderRadius: src.
|
|
16887
|
-
fontSize: src.
|
|
16888
|
-
|
|
16889
|
-
|
|
16890
|
-
|
|
16891
|
-
|
|
16892
|
-
|
|
16893
|
-
|
|
16894
|
-
|
|
16895
|
-
|
|
16896
|
-
|
|
16897
|
-
|
|
16898
|
-
|
|
16899
|
-
|
|
16900
|
-
|
|
16901
|
-
|
|
16902
|
-
|
|
16903
|
-
|
|
16904
|
-
|
|
16905
|
-
|
|
16906
|
-
|
|
17015
|
+
borderRadius: src.inputBorderRadius,
|
|
17016
|
+
fontSize: src.inputFontSize,
|
|
17017
|
+
fontWeight: src.inputFontWeight,
|
|
17018
|
+
smallFontSize: src.inputSmallFontSize,
|
|
17019
|
+
largeFontSize: src.inputLargeFontSize,
|
|
17020
|
+
paddingY: src.inputPaddingY,
|
|
17021
|
+
smallPaddingY: src.inputSmallPaddingY,
|
|
17022
|
+
largePaddingY: src.inputLargePaddingY,
|
|
17023
|
+
paddingX: src.inputPaddingX,
|
|
17024
|
+
smallPaddingX: src.inputSmallPaddingX,
|
|
17025
|
+
largePaddingX: src.inputLargePaddingX,
|
|
17026
|
+
borderColor: src.inputBorderColor,
|
|
17027
|
+
borderWidth: src.inputBorderWidth,
|
|
17028
|
+
focusBorderColor: src.inputFocusBorderColor,
|
|
17029
|
+
hoverBorderColor: src.inputHoverBorderColor,
|
|
17030
|
+
disabledBorderColor: src.inputDisabledBorderColor,
|
|
17031
|
+
errorBorderColor: src.inputErrorBorderColor,
|
|
17032
|
+
errorHoverBorderColor: src.inputErrorHoverBorderColor,
|
|
17033
|
+
errorFocusBorderColor: src.inputErrorFocusBorderColor,
|
|
17034
|
+
fontColor: src.inputFontColor,
|
|
17035
|
+
disabledFontColor: src.inputDisabledFontColor,
|
|
17036
|
+
backgroundColor: src.inputBackgroundColor,
|
|
17037
|
+
hoverBackgroundColor: src.inputHoverBackgroundColor,
|
|
17038
|
+
focusBackgroundColor: src.inputFocusBackgroundColor,
|
|
17039
|
+
disabledBackgroundColor: src.inputDisabledBackgroundColor,
|
|
17040
|
+
errorBackgroundColor: src.inputErrorBackgroundColor,
|
|
17041
|
+
errorFocusBackgroundColor: src.inputErrorFocusBackgroundColor,
|
|
17042
|
+
errorHoverBackgroundColor: src.inputErrorHoverBackgroundColor,
|
|
17043
|
+
focusShadow: src.inputFocusShadow,
|
|
17044
|
+
errorFocusShadow: src.inputErrorFocusShadow,
|
|
16907
17045
|
innerTitlePaddingY: src.inputInnerPaddingY,
|
|
16908
17046
|
innerTitlePaddingX: src.inputInnerPaddingX,
|
|
16909
17047
|
smallInnerTitlePaddingY: src.inputInnerSmallPaddingY,
|
|
@@ -17591,7 +17729,13 @@ var descriptionsStyle = {
|
|
|
17591
17729
|
borderCollapse: 'collapse',
|
|
17592
17730
|
lineHeight: src.lineHeightDynamic
|
|
17593
17731
|
},
|
|
17594
|
-
row: {
|
|
17732
|
+
row: {
|
|
17733
|
+
// '&>td': {
|
|
17734
|
+
// '&:not(:last-child)': {
|
|
17735
|
+
// paddingRight: token.descriptionsCellGap,
|
|
17736
|
+
// },
|
|
17737
|
+
// },
|
|
17738
|
+
},
|
|
17595
17739
|
label: {
|
|
17596
17740
|
paddingRight: src.descriptionsLabelPaddingRight,
|
|
17597
17741
|
paddingBottom: src.descriptionsLabelPaddingBottom,
|
|
@@ -17610,7 +17754,7 @@ var descriptionsStyle = {
|
|
|
17610
17754
|
paddingRight: 0
|
|
17611
17755
|
}
|
|
17612
17756
|
},
|
|
17613
|
-
|
|
17757
|
+
cell: {
|
|
17614
17758
|
textAlign: 'left',
|
|
17615
17759
|
boxSizing: 'border-box',
|
|
17616
17760
|
verticalAlign: 'top'
|
|
@@ -17636,13 +17780,25 @@ var descriptionsStyle = {
|
|
|
17636
17780
|
width: '1px'
|
|
17637
17781
|
}
|
|
17638
17782
|
},
|
|
17783
|
+
vertical: {
|
|
17784
|
+
'& $label': {
|
|
17785
|
+
paddingBottom: src.descriptionsVerticalPaddingBottom
|
|
17786
|
+
}
|
|
17787
|
+
},
|
|
17639
17788
|
inlineHorizontal: {
|
|
17640
17789
|
'& $item': {
|
|
17641
17790
|
display: 'flex',
|
|
17642
17791
|
alignItems: 'center'
|
|
17643
17792
|
},
|
|
17644
|
-
'& $
|
|
17793
|
+
'& $cell': {
|
|
17645
17794
|
verticalAlign: 'middle'
|
|
17795
|
+
},
|
|
17796
|
+
'& $row': {
|
|
17797
|
+
'&>td': {
|
|
17798
|
+
'&:not(:last-child)': {
|
|
17799
|
+
paddingRight: src.descriptionsCellGap
|
|
17800
|
+
}
|
|
17801
|
+
}
|
|
17646
17802
|
}
|
|
17647
17803
|
},
|
|
17648
17804
|
tableLayoutFixed: {
|
|
@@ -17657,20 +17813,20 @@ var descriptionsStyle = {
|
|
|
17657
17813
|
border: "".concat(src.descriptionsBorderDefaultSize, " solid ").concat(src.descriptionsBorderColor),
|
|
17658
17814
|
borderRadius: src.descriptionsBorderRadius,
|
|
17659
17815
|
'& $row:not(:last-child)': {
|
|
17660
|
-
borderBottom: "".concat(src.
|
|
17816
|
+
borderBottom: "".concat(src.descriptionsBorderDefaultSize, " solid ").concat(src.descriptionsBorderColor)
|
|
17661
17817
|
},
|
|
17662
17818
|
'& $label': {
|
|
17663
17819
|
padding: "".concat(src.descriptionsBorderPaddingX, " ").concat(src.descriptionsBorderPaddingY),
|
|
17664
17820
|
backgroundColor: src.descriptionsBackgroundColor,
|
|
17665
|
-
borderRight: "".concat(src.
|
|
17821
|
+
borderRight: "".concat(src.descriptionsBorderDefaultSize, " solid ").concat(src.descriptionsBorderColor)
|
|
17666
17822
|
},
|
|
17667
17823
|
'& $value': {
|
|
17668
17824
|
padding: "".concat(src.descriptionsBorderPaddingX, " ").concat(src.descriptionsBorderPaddingY),
|
|
17669
|
-
borderRight: "".concat(src.
|
|
17825
|
+
borderRight: "".concat(src.descriptionsBorderDefaultSize, " solid ").concat(src.descriptionsBorderColor)
|
|
17670
17826
|
},
|
|
17671
|
-
'& $
|
|
17827
|
+
'& $cell': {
|
|
17672
17828
|
padding: "".concat(src.descriptionsInlineBorderPaddingX, " ").concat(src.descriptionsInlineBorderPaddingY),
|
|
17673
|
-
borderRight: "".concat(src.
|
|
17829
|
+
borderRight: "".concat(src.descriptionsBorderDefaultSize, " solid ").concat(src.descriptionsBorderColor)
|
|
17674
17830
|
},
|
|
17675
17831
|
'& $labelInline': {
|
|
17676
17832
|
paddingRight: src.descriptionsLabelPaddingRight
|
|
@@ -17779,6 +17935,7 @@ var dividerStyle = {
|
|
|
17779
17935
|
display: 'inline-block',
|
|
17780
17936
|
padding: "0 ".concat(src.dividerTextPaddingX),
|
|
17781
17937
|
fontSize: src.dividerFontSize,
|
|
17938
|
+
fontWeight: src.dividerFontWeight,
|
|
17782
17939
|
color: src.dividerFontColor
|
|
17783
17940
|
}
|
|
17784
17941
|
};
|
|
@@ -17918,7 +18075,7 @@ var dropdown_dropdown = {
|
|
|
17918
18075
|
itemWrapper: {},
|
|
17919
18076
|
item: {
|
|
17920
18077
|
display: 'block',
|
|
17921
|
-
borderRadius:
|
|
18078
|
+
borderRadius: src.dropdownOptionBorderRadius,
|
|
17922
18079
|
lineHeight: src.lineHeightDynamic,
|
|
17923
18080
|
color: src.dropdownOptionFontColor,
|
|
17924
18081
|
backgroundColor: src.dropdownOptionBackgroundColor,
|
|
@@ -17985,36 +18142,46 @@ var useDropdownStyle = styled(src_dropdown_dropdown, 'dropdown');
|
|
|
17985
18142
|
|
|
17986
18143
|
|
|
17987
18144
|
|
|
17988
|
-
var
|
|
18145
|
+
var editable_area_inputBorderToken = {
|
|
17989
18146
|
lineHeight: src.lineHeightDynamic,
|
|
17990
|
-
borderRadius: src.
|
|
17991
|
-
fontSize: src.
|
|
17992
|
-
|
|
17993
|
-
|
|
17994
|
-
|
|
17995
|
-
|
|
17996
|
-
|
|
17997
|
-
|
|
17998
|
-
|
|
17999
|
-
|
|
18000
|
-
|
|
18001
|
-
|
|
18002
|
-
|
|
18003
|
-
|
|
18004
|
-
|
|
18005
|
-
|
|
18006
|
-
|
|
18007
|
-
|
|
18008
|
-
|
|
18009
|
-
|
|
18010
|
-
|
|
18147
|
+
borderRadius: src.inputBorderRadius,
|
|
18148
|
+
fontSize: src.inputFontSize,
|
|
18149
|
+
fontWeight: src.inputFontWeight,
|
|
18150
|
+
smallFontSize: src.inputSmallFontSize,
|
|
18151
|
+
largeFontSize: src.inputLargeFontSize,
|
|
18152
|
+
paddingY: src.inputPaddingY,
|
|
18153
|
+
smallPaddingY: src.inputSmallPaddingY,
|
|
18154
|
+
largePaddingY: src.inputLargePaddingY,
|
|
18155
|
+
paddingX: src.inputPaddingX,
|
|
18156
|
+
smallPaddingX: src.inputSmallPaddingX,
|
|
18157
|
+
largePaddingX: src.inputLargePaddingX,
|
|
18158
|
+
borderColor: src.inputBorderColor,
|
|
18159
|
+
borderWidth: src.inputBorderWidth,
|
|
18160
|
+
focusBorderColor: src.inputFocusBorderColor,
|
|
18161
|
+
hoverBorderColor: src.inputHoverBorderColor,
|
|
18162
|
+
disabledBorderColor: src.inputDisabledBorderColor,
|
|
18163
|
+
errorBorderColor: src.inputErrorBorderColor,
|
|
18164
|
+
errorHoverBorderColor: src.inputErrorHoverBorderColor,
|
|
18165
|
+
errorFocusBorderColor: src.inputErrorFocusBorderColor,
|
|
18166
|
+
fontColor: src.inputFontColor,
|
|
18167
|
+
disabledFontColor: src.inputDisabledFontColor,
|
|
18168
|
+
backgroundColor: src.inputBackgroundColor,
|
|
18169
|
+
hoverBackgroundColor: src.inputHoverBackgroundColor,
|
|
18170
|
+
focusBackgroundColor: src.inputFocusBackgroundColor,
|
|
18171
|
+
disabledBackgroundColor: src.inputDisabledBackgroundColor,
|
|
18172
|
+
errorBackgroundColor: src.inputErrorBackgroundColor,
|
|
18173
|
+
errorFocusBackgroundColor: src.inputErrorFocusBackgroundColor,
|
|
18174
|
+
errorHoverBackgroundColor: src.inputErrorHoverBackgroundColor,
|
|
18175
|
+
focusShadow: src.inputFocusShadow,
|
|
18176
|
+
errorFocusShadow: src.inputErrorFocusShadow,
|
|
18011
18177
|
innerTitlePaddingY: src.inputInnerPaddingY,
|
|
18012
18178
|
innerTitlePaddingX: src.inputInnerPaddingX,
|
|
18013
18179
|
smallInnerTitlePaddingY: src.inputInnerSmallPaddingY,
|
|
18014
18180
|
smallInnerTitlePaddingX: src.inputInnerSmallPaddingX,
|
|
18015
18181
|
largeInnerTitlePaddingY: src.inputInnerLargePaddingY,
|
|
18016
18182
|
largeInnerTitlePaddingX: src.inputInnerLargePaddingX
|
|
18017
|
-
}
|
|
18183
|
+
};
|
|
18184
|
+
var editable_area_inputBorder = input_border('wrapper', editable_area_inputBorderToken);
|
|
18018
18185
|
var editable_area_wrapper = editable_area_inputBorder.wrapper,
|
|
18019
18186
|
wrapperNoBorder = editable_area_inputBorder.wrapperNoBorder,
|
|
18020
18187
|
_noFocus = editable_area_inputBorder.wrapperFocus,
|
|
@@ -18105,6 +18272,7 @@ var emptyStyle = {
|
|
|
18105
18272
|
description: {
|
|
18106
18273
|
fontSize: src.emptyFontSize,
|
|
18107
18274
|
color: src.emptyFontColor,
|
|
18275
|
+
fontWeight: src.emptyFontWeight,
|
|
18108
18276
|
lineHeight: src.lineHeightDynamic
|
|
18109
18277
|
}
|
|
18110
18278
|
};
|
|
@@ -18781,6 +18949,13 @@ var innerTitle = objectSpread2_default()(objectSpread2_default()({}, inner_title
|
|
|
18781
18949
|
},
|
|
18782
18950
|
top: {
|
|
18783
18951
|
opacity: '0',
|
|
18952
|
+
fontSize: src.inputInnerTopFontSize,
|
|
18953
|
+
'$wrapperSmall &': {
|
|
18954
|
+
fontSize: src.inputInnerTopSmallFontSize
|
|
18955
|
+
},
|
|
18956
|
+
'$wrapperLarge &': {
|
|
18957
|
+
fontSize: src.inputInnerTopLargeFontSize
|
|
18958
|
+
},
|
|
18784
18959
|
'$wrapperOpen &': {
|
|
18785
18960
|
opacity: '1',
|
|
18786
18961
|
transition: "opacity 0s ease-in ".concat(moveTime)
|
|
@@ -18835,6 +19010,7 @@ var input_inputBorderToken = {
|
|
|
18835
19010
|
lineHeight: src.lineHeightDynamic,
|
|
18836
19011
|
borderRadius: src.inputBorderRadius,
|
|
18837
19012
|
fontSize: src.inputFontSize,
|
|
19013
|
+
fontWeight: src.inputFontWeight,
|
|
18838
19014
|
smallFontSize: src.inputSmallFontSize,
|
|
18839
19015
|
largeFontSize: src.inputLargeFontSize,
|
|
18840
19016
|
paddingY: src.inputPaddingY,
|
|
@@ -18844,14 +19020,22 @@ var input_inputBorderToken = {
|
|
|
18844
19020
|
smallPaddingX: src.inputSmallPaddingX,
|
|
18845
19021
|
largePaddingX: src.inputLargePaddingX,
|
|
18846
19022
|
borderColor: src.inputBorderColor,
|
|
19023
|
+
borderWidth: src.inputBorderWidth,
|
|
18847
19024
|
focusBorderColor: src.inputFocusBorderColor,
|
|
18848
19025
|
hoverBorderColor: src.inputHoverBorderColor,
|
|
18849
19026
|
disabledBorderColor: src.inputDisabledBorderColor,
|
|
18850
19027
|
errorBorderColor: src.inputErrorBorderColor,
|
|
19028
|
+
errorHoverBorderColor: src.inputErrorHoverBorderColor,
|
|
19029
|
+
errorFocusBorderColor: src.inputErrorFocusBorderColor,
|
|
18851
19030
|
fontColor: src.inputFontColor,
|
|
18852
19031
|
disabledFontColor: src.inputDisabledFontColor,
|
|
18853
19032
|
backgroundColor: src.inputBackgroundColor,
|
|
19033
|
+
hoverBackgroundColor: src.inputHoverBackgroundColor,
|
|
19034
|
+
focusBackgroundColor: src.inputFocusBackgroundColor,
|
|
18854
19035
|
disabledBackgroundColor: src.inputDisabledBackgroundColor,
|
|
19036
|
+
errorBackgroundColor: src.inputErrorBackgroundColor,
|
|
19037
|
+
errorFocusBackgroundColor: src.inputErrorFocusBackgroundColor,
|
|
19038
|
+
errorHoverBackgroundColor: src.inputErrorHoverBackgroundColor,
|
|
18855
19039
|
focusShadow: src.inputFocusShadow,
|
|
18856
19040
|
errorFocusShadow: src.inputErrorFocusShadow,
|
|
18857
19041
|
innerTitlePaddingY: src.inputInnerPaddingY,
|
|
@@ -18883,8 +19067,9 @@ var groupSpace = function groupSpace(gap) {
|
|
|
18883
19067
|
alignItems: 'center',
|
|
18884
19068
|
border: "1px solid ".concat(src.inputBorderColor),
|
|
18885
19069
|
borderWidth: '0 1px',
|
|
18886
|
-
background: src.
|
|
19070
|
+
background: src.inputGroupFontBackgroundColor,
|
|
18887
19071
|
fontWeight: 'normal',
|
|
19072
|
+
color: src.inputGroupFontColor,
|
|
18888
19073
|
'&:first-child': {
|
|
18889
19074
|
borderLeftColor: 'inherit',
|
|
18890
19075
|
marginLeft: '-1px'
|
|
@@ -18945,7 +19130,9 @@ var input_input = objectSpread2_default()(objectSpread2_default()(objectSpread2_
|
|
|
18945
19130
|
outline: 'none',
|
|
18946
19131
|
backgroundColor: 'transparent',
|
|
18947
19132
|
boxSizing: 'border-box',
|
|
19133
|
+
fontWeight: 'inherit',
|
|
18948
19134
|
'&::placeholder': {
|
|
19135
|
+
fontWeight: src.inputPlaceholderFontWeight,
|
|
18949
19136
|
color: src.inputPlaceholderColor,
|
|
18950
19137
|
fontSize: 'inherit'
|
|
18951
19138
|
}
|
|
@@ -19025,7 +19212,7 @@ var input_input = objectSpread2_default()(objectSpread2_default()(objectSpread2_
|
|
|
19025
19212
|
color: src.inputIconColor,
|
|
19026
19213
|
'&:hover': {
|
|
19027
19214
|
'$wrapper:not($wrapperDisabled) &': {
|
|
19028
|
-
color: src.
|
|
19215
|
+
color: src.inputHoverIconColor
|
|
19029
19216
|
}
|
|
19030
19217
|
},
|
|
19031
19218
|
'&:first-child': {
|
|
@@ -19162,7 +19349,7 @@ var listStyle = {
|
|
|
19162
19349
|
alignItems: 'center',
|
|
19163
19350
|
boxSizing: 'border-box',
|
|
19164
19351
|
'&:not(:last-child)': {
|
|
19165
|
-
borderBottom: "
|
|
19352
|
+
borderBottom: "".concat(src.listBorderWidth, " solid ").concat(src.listBorderColor)
|
|
19166
19353
|
}
|
|
19167
19354
|
},
|
|
19168
19355
|
item: {
|
|
@@ -19171,13 +19358,16 @@ var listStyle = {
|
|
|
19171
19358
|
color: src.listFontColor,
|
|
19172
19359
|
display: 'flex',
|
|
19173
19360
|
flexWrap: 'nowrap',
|
|
19361
|
+
background: src.listItemBackgroundColor,
|
|
19174
19362
|
boxSizing: 'border-box',
|
|
19175
19363
|
padding: "".concat(src.listItemPaddingY, " ").concat(src.listItemPaddingX),
|
|
19176
19364
|
'$wrapperSmall &': {
|
|
19177
|
-
padding: "".concat(src.listSmallItemPaddingY, " ").concat(src.listSmallItemPaddingX)
|
|
19365
|
+
padding: "".concat(src.listSmallItemPaddingY, " ").concat(src.listSmallItemPaddingX),
|
|
19366
|
+
fontSize: src.listSmallFontSize
|
|
19178
19367
|
},
|
|
19179
19368
|
'$wrapperLarge &': {
|
|
19180
|
-
padding: "".concat(src.listLargeItemPaddingY, " ").concat(src.listLargeItemPaddingY)
|
|
19369
|
+
padding: "".concat(src.listLargeItemPaddingY, " ").concat(src.listLargeItemPaddingY),
|
|
19370
|
+
fontSize: src.listLargeFontSize
|
|
19181
19371
|
}
|
|
19182
19372
|
},
|
|
19183
19373
|
checkContent: {
|
|
@@ -19250,12 +19440,20 @@ var arrow = {
|
|
|
19250
19440
|
var menuStyle = {
|
|
19251
19441
|
wrapper: {
|
|
19252
19442
|
height: '100%',
|
|
19443
|
+
transition: 'width 0.3s',
|
|
19253
19444
|
backgroundColor: src.menuItemBackgroundColor
|
|
19254
19445
|
},
|
|
19255
19446
|
wrapperLight: {},
|
|
19256
19447
|
wrapperDark: {
|
|
19257
19448
|
backgroundColor: src.menuDarkItemBackgroundColor
|
|
19258
19449
|
},
|
|
19450
|
+
collapse: {
|
|
19451
|
+
width: src.menuCollapseWidth,
|
|
19452
|
+
boxSizing: 'content-box',
|
|
19453
|
+
'& $root': {
|
|
19454
|
+
width: src.menuCollapseWidth
|
|
19455
|
+
}
|
|
19456
|
+
},
|
|
19259
19457
|
scrollbox: {
|
|
19260
19458
|
'$wrapperVertical &': {
|
|
19261
19459
|
overflow: 'hidden',
|
|
@@ -19364,10 +19562,87 @@ var menuStyle = {
|
|
|
19364
19562
|
item: {
|
|
19365
19563
|
listStyle: 'none',
|
|
19366
19564
|
flexShrink: 0,
|
|
19565
|
+
position: 'relative',
|
|
19367
19566
|
'$wrapperVertical &, $wrapperHorizontal &': {
|
|
19368
19567
|
position: 'relative'
|
|
19369
19568
|
}
|
|
19370
19569
|
},
|
|
19570
|
+
collapseItem: {
|
|
19571
|
+
// width: 40,
|
|
19572
|
+
cursor: 'pointer',
|
|
19573
|
+
opacity: 1,
|
|
19574
|
+
height: src.menuCollapseWidth,
|
|
19575
|
+
transition: 'all ease .3s',
|
|
19576
|
+
color: 'inherit',
|
|
19577
|
+
position: 'relative',
|
|
19578
|
+
'$wrapperLight &': {
|
|
19579
|
+
background: src.menuItemBackgroundColor,
|
|
19580
|
+
'&:hover': {
|
|
19581
|
+
background: src.menuItemHoverBackgroundColor,
|
|
19582
|
+
color: src.menuItemHoverFontColor
|
|
19583
|
+
}
|
|
19584
|
+
},
|
|
19585
|
+
'$wrapperLight $itemDisabled > &&': {
|
|
19586
|
+
cursor: 'not-allowed',
|
|
19587
|
+
color: src.menuCollapseItemDisabledFontColor,
|
|
19588
|
+
background: src.menuCollapseItemDisabledBackgroundColor
|
|
19589
|
+
},
|
|
19590
|
+
'$wrapperDark $itemDisabled > &&': {
|
|
19591
|
+
cursor: 'not-allowed',
|
|
19592
|
+
color: src.menuDarkCollapseItemDisabledFontColor,
|
|
19593
|
+
background: src.menuDarkCollapseItemDisabledBackgroundColor
|
|
19594
|
+
},
|
|
19595
|
+
'$wrapperDark &': {
|
|
19596
|
+
color: src.menuDarkCollapseItemFontColor,
|
|
19597
|
+
background: src.menuDarkCollapseItemBackgroundColor,
|
|
19598
|
+
'&:hover': {
|
|
19599
|
+
background: src.menuDarkCollapseItemHoverBackgroundColor,
|
|
19600
|
+
color: src.menuDarkCollapseItemHoverFontColor
|
|
19601
|
+
}
|
|
19602
|
+
},
|
|
19603
|
+
'$itemActive > &&': {
|
|
19604
|
+
'$wrapperLight &': {
|
|
19605
|
+
color: src.menuCollapseItemActiveFontColor,
|
|
19606
|
+
background: src.menuCollapseItemActiveBackgroundColor
|
|
19607
|
+
},
|
|
19608
|
+
'$wrapperDark &': {
|
|
19609
|
+
color: src.menuDarkCollapseItemActiveFontColor,
|
|
19610
|
+
background: src.menuDarkCollapseItemActiveBackgroundColor
|
|
19611
|
+
}
|
|
19612
|
+
},
|
|
19613
|
+
'&$collapseItemInPath': {
|
|
19614
|
+
// background: token.menuItemBackgroundColor,
|
|
19615
|
+
'&::after': {
|
|
19616
|
+
content: '""',
|
|
19617
|
+
position: 'absolute',
|
|
19618
|
+
left: 0,
|
|
19619
|
+
top: 0,
|
|
19620
|
+
bottom: 0,
|
|
19621
|
+
width: 3,
|
|
19622
|
+
transition: 'all ease 0.3s',
|
|
19623
|
+
backgroundColor: src.menuCollapseItemActiveFontColor
|
|
19624
|
+
}
|
|
19625
|
+
}
|
|
19626
|
+
},
|
|
19627
|
+
collapseItemInPath: {},
|
|
19628
|
+
collapseItemHide: {
|
|
19629
|
+
opacity: 0,
|
|
19630
|
+
width: 0,
|
|
19631
|
+
// height: 0,
|
|
19632
|
+
// zIndex: -1,
|
|
19633
|
+
position: 'absolute',
|
|
19634
|
+
top: 0,
|
|
19635
|
+
color: 'transparent',
|
|
19636
|
+
background: 'transparent',
|
|
19637
|
+
'&$collapseItemInPath': {
|
|
19638
|
+
// background: token.menuItemBackgroundColor,
|
|
19639
|
+
'&::after': {
|
|
19640
|
+
top: 20,
|
|
19641
|
+
bottom: 20,
|
|
19642
|
+
backgroundColor: 'transparent'
|
|
19643
|
+
}
|
|
19644
|
+
}
|
|
19645
|
+
},
|
|
19371
19646
|
itemActive: {},
|
|
19372
19647
|
itemDisabled: {},
|
|
19373
19648
|
itemOpen: {},
|
|
@@ -19380,6 +19655,8 @@ var menuStyle = {
|
|
|
19380
19655
|
alignItems: 'center',
|
|
19381
19656
|
cursor: 'pointer',
|
|
19382
19657
|
position: 'relative',
|
|
19658
|
+
// opacity: 1,
|
|
19659
|
+
transition: 'all ease 0.3s',
|
|
19383
19660
|
'$wrapperLight &': {
|
|
19384
19661
|
color: src.menuItemFontColor,
|
|
19385
19662
|
backgroundColor: src.menuItemBackgroundColor,
|
|
@@ -19487,6 +19764,20 @@ var menuStyle = {
|
|
|
19487
19764
|
}
|
|
19488
19765
|
}
|
|
19489
19766
|
},
|
|
19767
|
+
itemContentHide: {
|
|
19768
|
+
position: 'absolute',
|
|
19769
|
+
overflow: 'hidden',
|
|
19770
|
+
pointerEvents: 'none',
|
|
19771
|
+
// opacity: 0,
|
|
19772
|
+
visibility: 'hidden',
|
|
19773
|
+
'& $title': {
|
|
19774
|
+
pointerEvents: 'none',
|
|
19775
|
+
whiteSpace: 'nowrap'
|
|
19776
|
+
},
|
|
19777
|
+
'& $menuIcon': {
|
|
19778
|
+
opacity: 0
|
|
19779
|
+
}
|
|
19780
|
+
},
|
|
19490
19781
|
itemContentFront: {},
|
|
19491
19782
|
itemContentBack: {},
|
|
19492
19783
|
title: {
|
|
@@ -19526,6 +19817,7 @@ var menuStyle = {
|
|
|
19526
19817
|
},
|
|
19527
19818
|
'& > $icon': {
|
|
19528
19819
|
lineHeight: 1,
|
|
19820
|
+
opacity: 1,
|
|
19529
19821
|
width: src.menuExpandSize,
|
|
19530
19822
|
height: src.menuExpandSize,
|
|
19531
19823
|
'$wrapper:not($wrapperVertical) $itemOpen > $itemContent &': {
|
|
@@ -19541,7 +19833,9 @@ var menuStyle = {
|
|
|
19541
19833
|
}
|
|
19542
19834
|
}
|
|
19543
19835
|
},
|
|
19544
|
-
icon: {
|
|
19836
|
+
icon: {
|
|
19837
|
+
transition: 'all ease 0.3s'
|
|
19838
|
+
},
|
|
19545
19839
|
expandHover: {
|
|
19546
19840
|
'&:hover': {
|
|
19547
19841
|
backgroundColor: src.menuExpandHoverBackgroundColor
|
|
@@ -20560,6 +20854,7 @@ var popoverStyle = {
|
|
|
20560
20854
|
position: 'relative',
|
|
20561
20855
|
zIndex: 2,
|
|
20562
20856
|
fontSize: src.popoverFontSize,
|
|
20857
|
+
fontWeight: src.popoverFontWeight,
|
|
20563
20858
|
color: src.popoverFontColor,
|
|
20564
20859
|
background: 'inherit',
|
|
20565
20860
|
borderRadius: 'inherit'
|
|
@@ -20577,7 +20872,7 @@ var popoverStyle = {
|
|
|
20577
20872
|
backgroundColor: 'transparent',
|
|
20578
20873
|
border: 0,
|
|
20579
20874
|
padding: 0,
|
|
20580
|
-
marginBottom: src.
|
|
20875
|
+
marginBottom: src.popoverConfirmMarginY
|
|
20581
20876
|
}
|
|
20582
20877
|
},
|
|
20583
20878
|
footer: {
|
|
@@ -21016,8 +21311,9 @@ var rateStyle = {
|
|
|
21016
21311
|
},
|
|
21017
21312
|
text: {
|
|
21018
21313
|
fontSize: src.rateFontSize,
|
|
21314
|
+
fontWeight: src.rateFontWeight,
|
|
21019
21315
|
color: src.rateFontColor,
|
|
21020
|
-
paddingLeft:
|
|
21316
|
+
paddingLeft: src.rateTextGap
|
|
21021
21317
|
},
|
|
21022
21318
|
itemDisabled: {},
|
|
21023
21319
|
itemAnimation: {
|
|
@@ -21038,27 +21334,36 @@ var useRateStyle = styled(rate_rate, 'rate');
|
|
|
21038
21334
|
|
|
21039
21335
|
var select_inputBorderToken = {
|
|
21040
21336
|
lineHeight: src.lineHeightDynamic,
|
|
21041
|
-
borderRadius: src.
|
|
21042
|
-
fontSize: src.
|
|
21043
|
-
|
|
21044
|
-
|
|
21337
|
+
borderRadius: src.inputBorderRadius,
|
|
21338
|
+
fontSize: src.inputFontSize,
|
|
21339
|
+
fontWeight: src.inputFontWeight,
|
|
21340
|
+
smallFontSize: src.inputSmallFontSize,
|
|
21341
|
+
largeFontSize: src.inputLargeFontSize,
|
|
21045
21342
|
paddingY: src.selectPaddingY,
|
|
21046
21343
|
smallPaddingY: src.selectSmallPaddingY,
|
|
21047
21344
|
largePaddingY: src.selectLargePaddingY,
|
|
21048
21345
|
paddingX: src.selectPaddingX,
|
|
21049
21346
|
smallPaddingX: src.selectSmallPaddingX,
|
|
21050
21347
|
largePaddingX: src.selectLargePaddingX,
|
|
21051
|
-
borderColor: src.
|
|
21052
|
-
|
|
21053
|
-
|
|
21054
|
-
|
|
21055
|
-
|
|
21056
|
-
|
|
21057
|
-
|
|
21058
|
-
|
|
21059
|
-
|
|
21060
|
-
|
|
21061
|
-
|
|
21348
|
+
borderColor: src.inputBorderColor,
|
|
21349
|
+
borderWidth: src.inputBorderWidth,
|
|
21350
|
+
focusBorderColor: src.inputFocusBorderColor,
|
|
21351
|
+
hoverBorderColor: src.inputHoverBorderColor,
|
|
21352
|
+
disabledBorderColor: src.inputDisabledBorderColor,
|
|
21353
|
+
errorBorderColor: src.inputErrorBorderColor,
|
|
21354
|
+
errorHoverBorderColor: src.inputErrorHoverBorderColor,
|
|
21355
|
+
errorFocusBorderColor: src.inputErrorFocusBorderColor,
|
|
21356
|
+
fontColor: src.inputFontColor,
|
|
21357
|
+
disabledFontColor: src.inputDisabledFontColor,
|
|
21358
|
+
backgroundColor: src.inputBackgroundColor,
|
|
21359
|
+
hoverBackgroundColor: src.inputHoverBackgroundColor,
|
|
21360
|
+
focusBackgroundColor: src.inputFocusBackgroundColor,
|
|
21361
|
+
disabledBackgroundColor: src.inputDisabledBackgroundColor,
|
|
21362
|
+
errorBackgroundColor: src.inputErrorBackgroundColor,
|
|
21363
|
+
errorFocusBackgroundColor: src.inputErrorFocusBackgroundColor,
|
|
21364
|
+
errorHoverBackgroundColor: src.inputErrorHoverBackgroundColor,
|
|
21365
|
+
focusShadow: src.inputFocusShadow,
|
|
21366
|
+
errorFocusShadow: src.inputErrorFocusShadow,
|
|
21062
21367
|
innerTitlePaddingY: src.inputInnerPaddingY,
|
|
21063
21368
|
innerTitlePaddingX: src.inputInnerPaddingX,
|
|
21064
21369
|
smallInnerTitlePaddingY: src.inputInnerSmallPaddingY,
|
|
@@ -21119,7 +21424,7 @@ var selectStyle = objectSpread2_default()(objectSpread2_default()({
|
|
|
21119
21424
|
marginBottom: src.selectLargePlaceholderMarginY
|
|
21120
21425
|
}
|
|
21121
21426
|
},
|
|
21122
|
-
'&:hover': {
|
|
21427
|
+
'&:hover': objectSpread2_default()(objectSpread2_default()({}, select_wrapper['&:hover']), {}, {
|
|
21123
21428
|
cursor: 'pointer',
|
|
21124
21429
|
'&$clearable:not($wrapperEmpty)': {
|
|
21125
21430
|
'& $clearIcon': {
|
|
@@ -21129,7 +21434,7 @@ var selectStyle = objectSpread2_default()(objectSpread2_default()({
|
|
|
21129
21434
|
display: 'none'
|
|
21130
21435
|
}
|
|
21131
21436
|
}
|
|
21132
|
-
},
|
|
21437
|
+
}),
|
|
21133
21438
|
'&:not($wrapperEmpty):not($wrapperOpen)': {
|
|
21134
21439
|
'& $clearIcon': {
|
|
21135
21440
|
display: 'none'
|
|
@@ -21141,6 +21446,9 @@ var selectStyle = objectSpread2_default()(objectSpread2_default()({
|
|
|
21141
21446
|
wrapperDisabled: objectSpread2_default()(objectSpread2_default()({}, select_wrapperDisabled), {}, {
|
|
21142
21447
|
'& $arrowIcon': {
|
|
21143
21448
|
color: src.selectDisabledIconColor
|
|
21449
|
+
},
|
|
21450
|
+
'& $placeholder': {
|
|
21451
|
+
color: src.selectDisabledPlaceholderColor
|
|
21144
21452
|
}
|
|
21145
21453
|
}),
|
|
21146
21454
|
popover: {}
|
|
@@ -21354,8 +21662,13 @@ var selectStyle = objectSpread2_default()(objectSpread2_default()({
|
|
|
21354
21662
|
loading: {
|
|
21355
21663
|
padding: 10,
|
|
21356
21664
|
display: 'flex',
|
|
21357
|
-
justifyContent: 'center'
|
|
21665
|
+
justifyContent: 'center',
|
|
21666
|
+
'& > $loadingSpin': {
|
|
21667
|
+
borderColor: src.selectLoadingSpinColor,
|
|
21668
|
+
borderTopColor: 'transparent'
|
|
21669
|
+
}
|
|
21358
21670
|
},
|
|
21671
|
+
loadingSpin: {},
|
|
21359
21672
|
checkedIcon: {
|
|
21360
21673
|
'&[dir=ltr]': {
|
|
21361
21674
|
right: 8
|
|
@@ -21451,10 +21764,16 @@ var selectStyle = objectSpread2_default()(objectSpread2_default()({
|
|
|
21451
21764
|
overflow: 'hidden',
|
|
21452
21765
|
textOverflow: 'ellipsis',
|
|
21453
21766
|
whiteSpace: 'nowrap',
|
|
21767
|
+
color: src.selectOptionFontColor,
|
|
21454
21768
|
fontSize: src.selectFontSize,
|
|
21455
21769
|
lineHeight: src.lineHeightDynamic,
|
|
21770
|
+
background: src.selectOptionBackgroundColor,
|
|
21456
21771
|
padding: "".concat(src.selectOptionInnerPaddingY, " ").concat(src.selectOptionInnerPaddingX),
|
|
21457
|
-
borderRadius: src.selectOptionInnerBorderRadius
|
|
21772
|
+
borderRadius: src.selectOptionInnerBorderRadius,
|
|
21773
|
+
// hover
|
|
21774
|
+
'&:not($optionDisabled):not($optionActive):hover': {
|
|
21775
|
+
color: src.selectOptionHoverFontColor
|
|
21776
|
+
}
|
|
21458
21777
|
},
|
|
21459
21778
|
optionHover: {
|
|
21460
21779
|
// backgroundColor: token.selectOptionHoverBackgroundColor,
|
|
@@ -21484,14 +21803,15 @@ var selectStyle = objectSpread2_default()(objectSpread2_default()({
|
|
|
21484
21803
|
fontSize: src.selectGroupTitleFontSize,
|
|
21485
21804
|
lineHeight: src.lineHeightDynamic,
|
|
21486
21805
|
padding: "".concat(src.selectGroupTitlePaddingTop, " ").concat(src.selectGroupTitlePaddingX, " ").concat(src.selectGroupTitlePaddingBottom, " ").concat(src.selectGroupTitlePaddingX),
|
|
21487
|
-
color: src.selectGroupTitleFontColor
|
|
21806
|
+
color: src.selectGroupTitleFontColor,
|
|
21807
|
+
fontWeight: src.selectGroupTitleFontWeight
|
|
21488
21808
|
},
|
|
21489
21809
|
header: {
|
|
21490
21810
|
display: 'flex',
|
|
21491
21811
|
alignItems: 'center',
|
|
21492
21812
|
boxSizing: 'border-box',
|
|
21493
21813
|
height: 32,
|
|
21494
|
-
padding: src.
|
|
21814
|
+
padding: "".concat(src.selectHeaderPaddingY, " ").concat(src.selectHeaderPaddingX),
|
|
21495
21815
|
borderBottom: "1px solid ".concat(src.selectHeaderBorderColor),
|
|
21496
21816
|
marginBottom: 4,
|
|
21497
21817
|
'& $columnsCheckbox': {
|
|
@@ -21508,7 +21828,7 @@ var selectStyle = objectSpread2_default()(objectSpread2_default()({
|
|
|
21508
21828
|
alignItems: 'center',
|
|
21509
21829
|
padding: "0 ".concat(src.selectOptionPaddingX),
|
|
21510
21830
|
'& $optionGroupTitle': {
|
|
21511
|
-
padding: "0 ".concat(src.
|
|
21831
|
+
padding: "0 ".concat(src.selectHeaderPaddingX),
|
|
21512
21832
|
marginLeft: src.selectColumnOptionMargin
|
|
21513
21833
|
}
|
|
21514
21834
|
},
|
|
@@ -21525,8 +21845,8 @@ var selectStyle = objectSpread2_default()(objectSpread2_default()({
|
|
|
21525
21845
|
marginRight: 0
|
|
21526
21846
|
},
|
|
21527
21847
|
'&:not($optionDisabled):hover': {
|
|
21528
|
-
background: src.
|
|
21529
|
-
borderRadius: src.
|
|
21848
|
+
background: src.selectOptionHoverBackgroundColor,
|
|
21849
|
+
borderRadius: src.selectPanelRadius
|
|
21530
21850
|
}
|
|
21531
21851
|
},
|
|
21532
21852
|
columnsRadio: {
|
|
@@ -21551,7 +21871,7 @@ var selectStyle = objectSpread2_default()(objectSpread2_default()({
|
|
|
21551
21871
|
}
|
|
21552
21872
|
},
|
|
21553
21873
|
empty: {
|
|
21554
|
-
color: src.
|
|
21874
|
+
color: src.selectEmptyFontColor
|
|
21555
21875
|
}
|
|
21556
21876
|
});
|
|
21557
21877
|
/* harmony default export */ var src_select_select = (selectStyle);
|
|
@@ -23477,6 +23797,8 @@ var tableStyle = objectSpread2_default()(objectSpread2_default()({}, globalStyle
|
|
|
23477
23797
|
'& td': {
|
|
23478
23798
|
background: src.tableTbodyBackgroundColor,
|
|
23479
23799
|
color: src.tableTbodyFontColor,
|
|
23800
|
+
fontSize: src.tableCellFontSize,
|
|
23801
|
+
fontWeight: src.tableCellFontWeight,
|
|
23480
23802
|
'&[data-soui-table-selection]::before': {
|
|
23481
23803
|
content: '""',
|
|
23482
23804
|
position: 'absolute',
|
|
@@ -23492,12 +23814,14 @@ var tableStyle = objectSpread2_default()(objectSpread2_default()({}, globalStyle
|
|
|
23492
23814
|
verticalAlign: 'middle',
|
|
23493
23815
|
background: src.tableTheadBackgroundColor,
|
|
23494
23816
|
color: src.tableTheadFontColor,
|
|
23495
|
-
|
|
23496
|
-
|
|
23817
|
+
boxSizing: 'border-box',
|
|
23818
|
+
fontWeight: src.tableTheadFontWeight,
|
|
23819
|
+
fontSize: src.tableTheadFontSize
|
|
23497
23820
|
},
|
|
23498
23821
|
'& tfoot td': {
|
|
23499
23822
|
background: src.tableTfootBackgroundColor,
|
|
23500
|
-
color: src.tableTfootFontColor
|
|
23823
|
+
color: src.tableTfootFontColor,
|
|
23824
|
+
fontWeight: src.tableTfootFontWeight
|
|
23501
23825
|
},
|
|
23502
23826
|
'&bordered tr:last-child td': {
|
|
23503
23827
|
borderBottom: 'none'
|
|
@@ -23525,11 +23849,27 @@ var tableStyle = objectSpread2_default()(objectSpread2_default()({}, globalStyle
|
|
|
23525
23849
|
small: {
|
|
23526
23850
|
'& th, & td': {
|
|
23527
23851
|
padding: "".concat(src.tableSmallCellPaddingY, " ").concat(src.tableSmallCellPaddingX)
|
|
23852
|
+
},
|
|
23853
|
+
'& table th': {
|
|
23854
|
+
fontSize: src.tableSmallTheadFontSize,
|
|
23855
|
+
fontWeight: src.tableSmallTheadFontWeight
|
|
23856
|
+
},
|
|
23857
|
+
'& table td': {
|
|
23858
|
+
fontSize: src.tableSmallCellFontSize,
|
|
23859
|
+
fontWeight: src.tableSmallCellFontWeight
|
|
23528
23860
|
}
|
|
23529
23861
|
},
|
|
23530
23862
|
large: {
|
|
23531
23863
|
'& th, & td': {
|
|
23532
23864
|
padding: "".concat(src.tableLargeCellPaddingY, " ").concat(src.tableLargeCellPaddingX)
|
|
23865
|
+
},
|
|
23866
|
+
'& table th': {
|
|
23867
|
+
fontSize: src.tableLargeTheadFontSize,
|
|
23868
|
+
fontWeight: src.tableLargeTheadFontWeight
|
|
23869
|
+
},
|
|
23870
|
+
'& table td': {
|
|
23871
|
+
fontSize: src.tableLargeCellFontSize,
|
|
23872
|
+
fontWeight: src.tableLargeCellFontWeight
|
|
23533
23873
|
}
|
|
23534
23874
|
},
|
|
23535
23875
|
bordered: {
|
|
@@ -24942,36 +25282,46 @@ var useTagStyle = styled(src_tag_tag, 'tag');
|
|
|
24942
25282
|
|
|
24943
25283
|
|
|
24944
25284
|
|
|
24945
|
-
var
|
|
25285
|
+
var textarea_inputBorderToken = {
|
|
24946
25286
|
lineHeight: src.lineHeightDynamic,
|
|
24947
|
-
borderRadius: src.
|
|
24948
|
-
fontSize: src.
|
|
24949
|
-
|
|
24950
|
-
|
|
24951
|
-
|
|
24952
|
-
|
|
24953
|
-
|
|
24954
|
-
|
|
24955
|
-
|
|
24956
|
-
|
|
24957
|
-
|
|
24958
|
-
|
|
24959
|
-
|
|
24960
|
-
|
|
24961
|
-
|
|
24962
|
-
|
|
24963
|
-
|
|
24964
|
-
|
|
24965
|
-
|
|
24966
|
-
|
|
24967
|
-
|
|
25287
|
+
borderRadius: src.inputBorderRadius,
|
|
25288
|
+
fontSize: src.inputFontSize,
|
|
25289
|
+
fontWeight: src.inputFontWeight,
|
|
25290
|
+
smallFontSize: src.inputSmallFontSize,
|
|
25291
|
+
largeFontSize: src.inputLargeFontSize,
|
|
25292
|
+
paddingY: src.inputPaddingY,
|
|
25293
|
+
smallPaddingY: src.inputSmallPaddingY,
|
|
25294
|
+
largePaddingY: src.inputLargePaddingY,
|
|
25295
|
+
paddingX: src.inputPaddingX,
|
|
25296
|
+
smallPaddingX: src.inputSmallPaddingX,
|
|
25297
|
+
largePaddingX: src.inputLargePaddingX,
|
|
25298
|
+
borderColor: src.inputBorderColor,
|
|
25299
|
+
borderWidth: src.inputBorderWidth,
|
|
25300
|
+
focusBorderColor: src.inputFocusBorderColor,
|
|
25301
|
+
hoverBorderColor: src.inputHoverBorderColor,
|
|
25302
|
+
disabledBorderColor: src.inputDisabledBorderColor,
|
|
25303
|
+
errorBorderColor: src.inputErrorBorderColor,
|
|
25304
|
+
errorHoverBorderColor: src.inputErrorHoverBorderColor,
|
|
25305
|
+
errorFocusBorderColor: src.inputErrorFocusBorderColor,
|
|
25306
|
+
fontColor: src.inputFontColor,
|
|
25307
|
+
disabledFontColor: src.inputDisabledFontColor,
|
|
25308
|
+
backgroundColor: src.inputBackgroundColor,
|
|
25309
|
+
hoverBackgroundColor: src.inputHoverBackgroundColor,
|
|
25310
|
+
focusBackgroundColor: src.inputFocusBackgroundColor,
|
|
25311
|
+
disabledBackgroundColor: src.inputDisabledBackgroundColor,
|
|
25312
|
+
errorBackgroundColor: src.inputErrorBackgroundColor,
|
|
25313
|
+
errorFocusBackgroundColor: src.inputErrorFocusBackgroundColor,
|
|
25314
|
+
errorHoverBackgroundColor: src.inputErrorHoverBackgroundColor,
|
|
25315
|
+
focusShadow: src.inputFocusShadow,
|
|
25316
|
+
errorFocusShadow: src.inputErrorFocusShadow,
|
|
24968
25317
|
innerTitlePaddingY: src.inputInnerPaddingY,
|
|
24969
25318
|
innerTitlePaddingX: src.inputInnerPaddingX,
|
|
24970
25319
|
smallInnerTitlePaddingY: src.inputInnerSmallPaddingY,
|
|
24971
25320
|
smallInnerTitlePaddingX: src.inputInnerSmallPaddingX,
|
|
24972
25321
|
largeInnerTitlePaddingY: src.inputInnerLargePaddingY,
|
|
24973
25322
|
largeInnerTitlePaddingX: src.inputInnerLargePaddingX
|
|
24974
|
-
}
|
|
25323
|
+
};
|
|
25324
|
+
var textarea_inputBorder = input_border('wrapper', textarea_inputBorderToken);
|
|
24975
25325
|
var textarea_wrapper = textarea_inputBorder.wrapper,
|
|
24976
25326
|
textarea_resetWrapper = objectWithoutProperties_default()(textarea_inputBorder, ["wrapper"]);
|
|
24977
25327
|
var textarea_input = objectSpread2_default()(objectSpread2_default()(objectSpread2_default()({}, textarea_inputBorder), {}, {
|
|
@@ -25415,7 +25765,7 @@ var TransferStyle = {
|
|
|
25415
25765
|
marginLeft: 3,
|
|
25416
25766
|
'& svg': {
|
|
25417
25767
|
width: 14,
|
|
25418
|
-
color: src.
|
|
25768
|
+
color: src.transferRemoveIconColor
|
|
25419
25769
|
},
|
|
25420
25770
|
'&:hover': {
|
|
25421
25771
|
background: src.transferIconBackgroundColor
|
|
@@ -25473,7 +25823,9 @@ var TransferStyle = {
|
|
|
25473
25823
|
alignItems: 'center',
|
|
25474
25824
|
boxSizing: 'border-box',
|
|
25475
25825
|
justifyContent: 'space-between',
|
|
25476
|
-
background: src.transferHeaderBackgroundColor
|
|
25826
|
+
background: src.transferHeaderBackgroundColor,
|
|
25827
|
+
borderRadius: "".concat(src.transferBorderRadius, " ").concat(src.transferBorderRadius, " 0 0"),
|
|
25828
|
+
borderBottom: "1px solid ".concat(src.transferHeaderBorderColor)
|
|
25477
25829
|
},
|
|
25478
25830
|
spinContainer: {},
|
|
25479
25831
|
title: {
|
|
@@ -25483,11 +25835,14 @@ var TransferStyle = {
|
|
|
25483
25835
|
count: {
|
|
25484
25836
|
fontSize: src.transferFontSize
|
|
25485
25837
|
},
|
|
25486
|
-
list: {
|
|
25838
|
+
list: {
|
|
25839
|
+
background: src.transferBackgroundColor
|
|
25840
|
+
},
|
|
25487
25841
|
footer: {
|
|
25488
25842
|
height: 48,
|
|
25489
25843
|
boxSizing: 'border-box',
|
|
25490
|
-
borderTop: "1px solid ".concat(src.
|
|
25844
|
+
borderTop: "1px solid ".concat(src.transferFooterBorderColor),
|
|
25845
|
+
background: src.transferFooterBackgroundColor
|
|
25491
25846
|
},
|
|
25492
25847
|
item: {
|
|
25493
25848
|
padding: '1px 4px',
|
|
@@ -25509,7 +25864,7 @@ var TransferStyle = {
|
|
|
25509
25864
|
}
|
|
25510
25865
|
},
|
|
25511
25866
|
itemWrapper: {
|
|
25512
|
-
borderRadius: src.
|
|
25867
|
+
borderRadius: src.transferItemBorderRadius,
|
|
25513
25868
|
cursor: 'pointer',
|
|
25514
25869
|
'& $checkbox': {
|
|
25515
25870
|
width: '100%',
|
|
@@ -25550,7 +25905,7 @@ var treeStyle = {
|
|
|
25550
25905
|
top: -6,
|
|
25551
25906
|
height: 'calc(100% + 6px)',
|
|
25552
25907
|
width: 1,
|
|
25553
|
-
background:
|
|
25908
|
+
background: src.treeLineBackgroundColor
|
|
25554
25909
|
},
|
|
25555
25910
|
'&[dir=ltr]::after': {
|
|
25556
25911
|
left: 0
|
|
@@ -25564,7 +25919,7 @@ var treeStyle = {
|
|
|
25564
25919
|
top: 18,
|
|
25565
25920
|
height: 1,
|
|
25566
25921
|
width: 16,
|
|
25567
|
-
background:
|
|
25922
|
+
background: src.treeLineBackgroundColor
|
|
25568
25923
|
}
|
|
25569
25924
|
},
|
|
25570
25925
|
'& $node:first-child': {},
|
|
@@ -25691,6 +26046,7 @@ var treeStyle = {
|
|
|
25691
26046
|
fontSize: src.treeFontSize,
|
|
25692
26047
|
lineHeight: src.lineHeightDynamic,
|
|
25693
26048
|
color: src.treeFontColor,
|
|
26049
|
+
fontWeight: src.treeFontWeight,
|
|
25694
26050
|
paddingTop: src.treeTextPaddingY,
|
|
25695
26051
|
paddingBottom: src.treeTextPaddingY
|
|
25696
26052
|
},
|
|
@@ -25775,27 +26131,36 @@ var useTreeStyle = styled(tree_tree, 'tree');
|
|
|
25775
26131
|
|
|
25776
26132
|
var tree_select_inputBorderToken = {
|
|
25777
26133
|
lineHeight: src.lineHeightDynamic,
|
|
25778
|
-
borderRadius: src.
|
|
25779
|
-
fontSize: src.
|
|
25780
|
-
|
|
25781
|
-
|
|
25782
|
-
|
|
25783
|
-
|
|
25784
|
-
|
|
25785
|
-
|
|
25786
|
-
|
|
25787
|
-
|
|
25788
|
-
|
|
25789
|
-
|
|
25790
|
-
|
|
25791
|
-
|
|
25792
|
-
|
|
25793
|
-
|
|
25794
|
-
|
|
25795
|
-
|
|
25796
|
-
|
|
25797
|
-
|
|
25798
|
-
|
|
26134
|
+
borderRadius: src.inputBorderRadius,
|
|
26135
|
+
fontSize: src.inputFontSize,
|
|
26136
|
+
fontWeight: src.inputFontWeight,
|
|
26137
|
+
smallFontSize: src.inputSmallFontSize,
|
|
26138
|
+
largeFontSize: src.inputLargeFontSize,
|
|
26139
|
+
paddingY: src.selectPaddingY,
|
|
26140
|
+
smallPaddingY: src.selectSmallPaddingY,
|
|
26141
|
+
largePaddingY: src.selectLargePaddingY,
|
|
26142
|
+
paddingX: src.selectPaddingX,
|
|
26143
|
+
smallPaddingX: src.selectSmallPaddingX,
|
|
26144
|
+
largePaddingX: src.selectLargePaddingX,
|
|
26145
|
+
borderColor: src.inputBorderColor,
|
|
26146
|
+
borderWidth: src.inputBorderWidth,
|
|
26147
|
+
focusBorderColor: src.inputFocusBorderColor,
|
|
26148
|
+
hoverBorderColor: src.inputHoverBorderColor,
|
|
26149
|
+
disabledBorderColor: src.inputDisabledBorderColor,
|
|
26150
|
+
errorBorderColor: src.inputErrorBorderColor,
|
|
26151
|
+
errorHoverBorderColor: src.inputErrorHoverBorderColor,
|
|
26152
|
+
errorFocusBorderColor: src.inputErrorFocusBorderColor,
|
|
26153
|
+
fontColor: src.inputFontColor,
|
|
26154
|
+
disabledFontColor: src.inputDisabledFontColor,
|
|
26155
|
+
backgroundColor: src.inputBackgroundColor,
|
|
26156
|
+
hoverBackgroundColor: src.inputHoverBackgroundColor,
|
|
26157
|
+
focusBackgroundColor: src.inputFocusBackgroundColor,
|
|
26158
|
+
disabledBackgroundColor: src.inputDisabledBackgroundColor,
|
|
26159
|
+
errorBackgroundColor: src.inputErrorBackgroundColor,
|
|
26160
|
+
errorFocusBackgroundColor: src.inputErrorFocusBackgroundColor,
|
|
26161
|
+
errorHoverBackgroundColor: src.inputErrorHoverBackgroundColor,
|
|
26162
|
+
focusShadow: src.inputFocusShadow,
|
|
26163
|
+
errorFocusShadow: src.inputErrorFocusShadow,
|
|
25799
26164
|
innerTitlePaddingY: src.inputInnerPaddingY,
|
|
25800
26165
|
innerTitlePaddingX: src.inputInnerPaddingX,
|
|
25801
26166
|
smallInnerTitlePaddingY: src.inputInnerSmallPaddingY,
|
|
@@ -36114,6 +36479,8 @@ var Cascader = function Cascader(props0) {
|
|
|
36114
36479
|
var props = use_with_form_config(props0);
|
|
36115
36480
|
var jssStyle = props.jssStyle,
|
|
36116
36481
|
style = props.style,
|
|
36482
|
+
_props$adjust = props.adjust,
|
|
36483
|
+
adjust = _props$adjust === void 0 ? true : _props$adjust,
|
|
36117
36484
|
width = props.width,
|
|
36118
36485
|
height = props.height,
|
|
36119
36486
|
className = props.className,
|
|
@@ -36701,7 +37068,7 @@ var Cascader = function Cascader(props0) {
|
|
|
36701
37068
|
}
|
|
36702
37069
|
},
|
|
36703
37070
|
children: [tipNode, renderResult(), /*#__PURE__*/(0,jsx_runtime.jsx)(absolute_list, {
|
|
36704
|
-
adjust:
|
|
37071
|
+
adjust: adjust,
|
|
36705
37072
|
focus: open,
|
|
36706
37073
|
fixedWidth: false,
|
|
36707
37074
|
absolute: absolute,
|
|
@@ -41471,7 +41838,9 @@ var DatePicker = function DatePicker(props0) {
|
|
|
41471
41838
|
_props$clearable = props.clearable,
|
|
41472
41839
|
clearable = _props$clearable === void 0 ? true : _props$clearable,
|
|
41473
41840
|
disabled = props.disabled,
|
|
41474
|
-
size = props.size
|
|
41841
|
+
size = props.size,
|
|
41842
|
+
_props$adjust = props.adjust,
|
|
41843
|
+
adjust = _props$adjust === void 0 ? true : _props$adjust;
|
|
41475
41844
|
var _React$useState = external_root_React_commonjs2_react_commonjs_react_amd_react_default().useState(-1),
|
|
41476
41845
|
_React$useState2 = slicedToArray_default()(_React$useState, 2),
|
|
41477
41846
|
activeIndex = _React$useState2[0],
|
|
@@ -41649,7 +42018,7 @@ var DatePicker = function DatePicker(props0) {
|
|
|
41649
42018
|
focus: open,
|
|
41650
42019
|
fixedWidth: false,
|
|
41651
42020
|
popupGap: 4,
|
|
41652
|
-
adjust:
|
|
42021
|
+
adjust: adjust,
|
|
41653
42022
|
children: /*#__PURE__*/(0,jsx_runtime.jsx)(animation_list, {
|
|
41654
42023
|
onRef: popupRef,
|
|
41655
42024
|
className: classnames_default()(styles === null || styles === void 0 ? void 0 : styles.pickerWrapper),
|
|
@@ -41955,7 +42324,7 @@ var Descriptions = function Descriptions(props) {
|
|
|
41955
42324
|
className: jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.row,
|
|
41956
42325
|
children: d.map(function (_d, _i) {
|
|
41957
42326
|
return /*#__PURE__*/(0,jsx_runtime.jsx)("td", objectSpread2_default()(objectSpread2_default()({}, getColSpan(_d)), {}, {
|
|
41958
|
-
className: jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.
|
|
42327
|
+
className: jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.cell,
|
|
41959
42328
|
children: /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
|
|
41960
42329
|
className: jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.item,
|
|
41961
42330
|
children: [/*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
|
|
@@ -41976,8 +42345,8 @@ var Descriptions = function Descriptions(props) {
|
|
|
41976
42345
|
if (layout === 'inlineHorizontal' || layout === 'inlineVertical') return renderInline(d, i);
|
|
41977
42346
|
return layout === 'horizontal' ? renderHorizontal(d, i) : renderVertical(d, i);
|
|
41978
42347
|
};
|
|
41979
|
-
var rootClassName = classnames_default()(className, jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.wrapper);
|
|
41980
|
-
var bodyClassName = classnames_default()(jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.body, border && (jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.border), tableLayout === 'fixed' && (jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.tableLayoutFixed), layout === 'inlineHorizontal' && (jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.inlineHorizontal), layout === 'horizontal' && (jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.horizontal),
|
|
42348
|
+
var rootClassName = classnames_default()(className, jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.wrapper, size === 'small' && (jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.small), size === 'large' && (jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.large));
|
|
42349
|
+
var bodyClassName = classnames_default()(jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.body, border && (jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.border), tableLayout === 'fixed' && (jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.tableLayoutFixed), layout === 'inlineHorizontal' && (jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.inlineHorizontal), layout === 'horizontal' && (jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.horizontal), layout === 'vertical' && (jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.vertical));
|
|
41981
42350
|
return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
|
|
41982
42351
|
className: rootClassName,
|
|
41983
42352
|
style: style,
|
|
@@ -42589,7 +42958,6 @@ var method = function method(type, jssStyle) {
|
|
|
42589
42958
|
children: options.content || options.children
|
|
42590
42959
|
}));
|
|
42591
42960
|
ReactRender(Content, root);
|
|
42592
|
-
return destroyModal;
|
|
42593
42961
|
};
|
|
42594
42962
|
};
|
|
42595
42963
|
/* harmony default export */ var modal_func = ({
|
|
@@ -42805,6 +43173,8 @@ var Dropdown = function Dropdown(props) {
|
|
|
42805
43173
|
data = _props$data === void 0 ? [] : _props$data,
|
|
42806
43174
|
jssStyle = props.jssStyle,
|
|
42807
43175
|
isSub = props.isSub,
|
|
43176
|
+
_props$adjust = props.adjust,
|
|
43177
|
+
adjust = _props$adjust === void 0 ? true : _props$adjust,
|
|
42808
43178
|
columns = props.columns,
|
|
42809
43179
|
width = props.width,
|
|
42810
43180
|
disabled = props.disabled,
|
|
@@ -42964,7 +43334,7 @@ var Dropdown = function Dropdown(props) {
|
|
|
42964
43334
|
fixedWidth: 'min',
|
|
42965
43335
|
popupGap: 4,
|
|
42966
43336
|
popupElRef: popupRef,
|
|
42967
|
-
adjust: !isSub,
|
|
43337
|
+
adjust: !isSub && adjust,
|
|
42968
43338
|
children: /*#__PURE__*/(0,jsx_runtime.jsx)(animation_list, {
|
|
42969
43339
|
display: columns ? 'grid' : 'block',
|
|
42970
43340
|
className: classnames_default()(dropdownClasses === null || dropdownClasses === void 0 ? void 0 : dropdownClasses.list, hasChildren && (dropdownClasses === null || dropdownClasses === void 0 ? void 0 : dropdownClasses.listHasChildren), columns !== undefined && columns > 1 && (dropdownClasses === null || dropdownClasses === void 0 ? void 0 : dropdownClasses.boxList), size === 'small' && (dropdownClasses === null || dropdownClasses === void 0 ? void 0 : dropdownClasses.listSmall), size === 'large' && (dropdownClasses === null || dropdownClasses === void 0 ? void 0 : dropdownClasses.listLarge)),
|
|
@@ -48771,6 +49141,8 @@ function Select(props0) {
|
|
|
48771
49141
|
className = props.className,
|
|
48772
49142
|
size = props.size,
|
|
48773
49143
|
data = props.data,
|
|
49144
|
+
_props$adjust = props.adjust,
|
|
49145
|
+
adjust = _props$adjust === void 0 ? true : _props$adjust,
|
|
48774
49146
|
treeData = props.treeData,
|
|
48775
49147
|
header = props.header,
|
|
48776
49148
|
footer = props.footer,
|
|
@@ -49312,7 +49684,8 @@ function Select(props0) {
|
|
|
49312
49684
|
className: styles === null || styles === void 0 ? void 0 : styles.loading,
|
|
49313
49685
|
children: /*#__PURE__*/(0,jsx_runtime.jsx)(src_spin_spin, {
|
|
49314
49686
|
jssStyle: jssStyle,
|
|
49315
|
-
size: 14
|
|
49687
|
+
size: 14,
|
|
49688
|
+
className: styles.loadingSpin
|
|
49316
49689
|
})
|
|
49317
49690
|
});
|
|
49318
49691
|
};
|
|
@@ -49375,7 +49748,7 @@ function Select(props0) {
|
|
|
49375
49748
|
}
|
|
49376
49749
|
},
|
|
49377
49750
|
children: [tipNode, renderResult(), /*#__PURE__*/(0,jsx_runtime.jsx)(absolute_list, {
|
|
49378
|
-
adjust:
|
|
49751
|
+
adjust: adjust,
|
|
49379
49752
|
focus: open,
|
|
49380
49753
|
fixedWidth: !props.columns && (autoAdapt ? 'min' : true),
|
|
49381
49754
|
absolute: props.absolute,
|
|
@@ -50699,10 +51072,13 @@ var MenuItem = function MenuItem(props) {
|
|
|
50699
51072
|
var _props$jssStyle, _props$jssStyle$menu;
|
|
50700
51073
|
var classes = (_props$jssStyle = props.jssStyle) === null || _props$jssStyle === void 0 || (_props$jssStyle$menu = _props$jssStyle.menu) === null || _props$jssStyle$menu === void 0 ? void 0 : _props$jssStyle$menu.call(_props$jssStyle);
|
|
50701
51074
|
var children = props.dataItem.children || [];
|
|
51075
|
+
var itemContentRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(null);
|
|
51076
|
+
var timer = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(null);
|
|
50702
51077
|
var _props$inlineIndent = props.inlineIndent,
|
|
50703
51078
|
inlineIndent = _props$inlineIndent === void 0 ? 24 : _props$inlineIndent,
|
|
50704
51079
|
_props$frontCaretType = props.frontCaretType,
|
|
50705
|
-
frontCaretType = _props$frontCaretType === void 0 ? 'solid' : _props$frontCaretType
|
|
51080
|
+
frontCaretType = _props$frontCaretType === void 0 ? 'solid' : _props$frontCaretType,
|
|
51081
|
+
collapse = props.collapse;
|
|
50706
51082
|
var config = useConfig();
|
|
50707
51083
|
var hasExpandAbleChildren = children.some(function (item) {
|
|
50708
51084
|
return item && item.children && (props.looseChildren || item.children.length);
|
|
@@ -50759,9 +51135,11 @@ var MenuItem = function MenuItem(props) {
|
|
|
50759
51135
|
flexShrink: 0
|
|
50760
51136
|
}
|
|
50761
51137
|
}) : null;
|
|
51138
|
+
var isFirstCollapseItem = collapse && props.level === 0;
|
|
50762
51139
|
if (props.frontCaret) {
|
|
50763
51140
|
return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
|
|
50764
|
-
|
|
51141
|
+
ref: itemContentRef,
|
|
51142
|
+
className: classnames_default()(classes === null || classes === void 0 ? void 0 : classes.itemContent, classes === null || classes === void 0 ? void 0 : classes.itemContentFront, isFirstCollapseItem && (classes === null || classes === void 0 ? void 0 : classes.itemContentHide)),
|
|
50765
51143
|
onClick: handleItemClick,
|
|
50766
51144
|
children: [indent, /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
|
|
50767
51145
|
style: {
|
|
@@ -50778,7 +51156,8 @@ var MenuItem = function MenuItem(props) {
|
|
|
50778
51156
|
});
|
|
50779
51157
|
} else {
|
|
50780
51158
|
return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
|
|
50781
|
-
|
|
51159
|
+
ref: itemContentRef,
|
|
51160
|
+
className: classnames_default()(classes === null || classes === void 0 ? void 0 : classes.itemContent, classes === null || classes === void 0 ? void 0 : classes.itemContentBack, isFirstCollapseItem && (classes === null || classes === void 0 ? void 0 : classes.itemContentHide)),
|
|
50782
51161
|
onClick: handleItemClick,
|
|
50783
51162
|
children: [indent, title, expandAble && /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
|
|
50784
51163
|
onClick: handleExpandClick,
|
|
@@ -50795,12 +51174,36 @@ var MenuItem = function MenuItem(props) {
|
|
|
50795
51174
|
});
|
|
50796
51175
|
}
|
|
50797
51176
|
};
|
|
51177
|
+
var renderCollapseItem = function renderCollapseItem() {
|
|
51178
|
+
if (!props.renderCollapse) return null;
|
|
51179
|
+
var isFirstCollapseItem = props.level === 0 && collapse;
|
|
51180
|
+
return /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
|
|
51181
|
+
className: classnames_default()(classes === null || classes === void 0 ? void 0 : classes.collapseItem, isInPath && (classes === null || classes === void 0 ? void 0 : classes.collapseItemInPath), !isFirstCollapseItem && (classes === null || classes === void 0 ? void 0 : classes.collapseItemHide)),
|
|
51182
|
+
onClick: handleItemClick,
|
|
51183
|
+
children: props.renderCollapse(props.dataItem, props.index)
|
|
51184
|
+
});
|
|
51185
|
+
};
|
|
51186
|
+
(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
|
|
51187
|
+
if (!itemContentRef.current) return;
|
|
51188
|
+
if (collapse === undefined) return;
|
|
51189
|
+
if (timer.current) clearTimeout(timer.current);
|
|
51190
|
+
itemContentRef.current.style.overflow = 'hidden';
|
|
51191
|
+
itemContentRef.current.style.whiteSpace = 'nowrap';
|
|
51192
|
+
timer.current = setTimeout(function () {
|
|
51193
|
+
if (!itemContentRef.current) return;
|
|
51194
|
+
itemContentRef.current.style.overflow = '';
|
|
51195
|
+
itemContentRef.current.style.whiteSpace = '';
|
|
51196
|
+
}, 300);
|
|
51197
|
+
return function () {
|
|
51198
|
+
if (timer.current) clearTimeout(timer.current);
|
|
51199
|
+
};
|
|
51200
|
+
}, [collapse]);
|
|
50798
51201
|
return /*#__PURE__*/(0,jsx_runtime.jsxs)("li", {
|
|
50799
51202
|
className: classnames_default()(classes === null || classes === void 0 ? void 0 : classes.item, isDisabled && (classes === null || classes === void 0 ? void 0 : classes.itemDisabled), isInPath && (classes === null || classes === void 0 ? void 0 : classes.itemInPath), isOpen && (classes === null || classes === void 0 ? void 0 : classes.itemOpen), isChecked && (classes === null || classes === void 0 ? void 0 : classes.itemActive), expandAble && (classes === null || classes === void 0 ? void 0 : classes.itemHasChildren)),
|
|
50800
51203
|
onMouseEnter: handleMouseEnter,
|
|
50801
51204
|
onMouseLeave: handleMouseLeave,
|
|
50802
51205
|
dir: config.direction,
|
|
50803
|
-
children: [renderItem(), children.length > 0 && /*#__PURE__*/(0,jsx_runtime.jsx)("ul", {
|
|
51206
|
+
children: [renderItem(), renderCollapseItem(), children.length > 0 && /*#__PURE__*/(0,jsx_runtime.jsx)("ul", {
|
|
50804
51207
|
className: classnames_default()(classes === null || classes === void 0 ? void 0 : classes.children, isUp && (classes === null || classes === void 0 ? void 0 : classes.childrenUp), hasExpandAbleChildren && (classes === null || classes === void 0 ? void 0 : classes.childrenHasExpand)),
|
|
50805
51208
|
dir: config.direction,
|
|
50806
51209
|
children: children.map(function (item, index) {
|
|
@@ -51031,9 +51434,11 @@ var Menu = function Menu(props) {
|
|
|
51031
51434
|
var _props$data = props.data,
|
|
51032
51435
|
data = _props$data === void 0 ? menu_emptyArray : _props$data,
|
|
51033
51436
|
_props$mode = props.mode,
|
|
51034
|
-
|
|
51437
|
+
modeProps = _props$mode === void 0 ? 'inline' : _props$mode,
|
|
51035
51438
|
_props$theme = props.theme,
|
|
51036
|
-
theme = _props$theme === void 0 ? 'light' : _props$theme
|
|
51439
|
+
theme = _props$theme === void 0 ? 'light' : _props$theme,
|
|
51440
|
+
collapse = props.collapse;
|
|
51441
|
+
var mode = collapse ? 'vertical' : modeProps;
|
|
51037
51442
|
var classes = (_props$jssStyle = props.jssStyle) === null || _props$jssStyle === void 0 || (_props$jssStyle$menu = _props$jssStyle.menu) === null || _props$jssStyle$menu === void 0 ? void 0 : _props$jssStyle$menu.call(_props$jssStyle);
|
|
51038
51443
|
var isVertical = mode === 'vertical' || mode === 'vertical-auto';
|
|
51039
51444
|
var isHorizontal = mode === 'horizontal';
|
|
@@ -51041,12 +51446,16 @@ var Menu = function Menu(props) {
|
|
|
51041
51446
|
_useState2 = slicedToArray_default()(_useState, 2),
|
|
51042
51447
|
hasOpen = _useState2[0],
|
|
51043
51448
|
setHasOpen = _useState2[1];
|
|
51449
|
+
var _useState3 = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)([]),
|
|
51450
|
+
_useState4 = slicedToArray_default()(_useState3, 2),
|
|
51451
|
+
collapseOpenKeys = _useState4[0],
|
|
51452
|
+
setCollapseOpenKeys = _useState4[1];
|
|
51044
51453
|
var _useMenu = use_menu({
|
|
51045
51454
|
data: data,
|
|
51046
51455
|
active: props.active,
|
|
51047
51456
|
defaultOpenKeys: props.defaultOpenKeys,
|
|
51048
|
-
openKeys: props.openKeys,
|
|
51049
|
-
onOpenChange: props.onOpenChange
|
|
51457
|
+
openKeys: props.collapse ? collapseOpenKeys : props.openKeys,
|
|
51458
|
+
onOpenChange: props.collapse ? setCollapseOpenKeys : props.onOpenChange
|
|
51050
51459
|
}),
|
|
51051
51460
|
openKeys = _useMenu.openKeys,
|
|
51052
51461
|
onOpenChange = _useMenu.onOpenChange,
|
|
@@ -51058,7 +51467,9 @@ var Menu = function Menu(props) {
|
|
|
51058
51467
|
return item && item.children && (props.looseChildren || item.children.length);
|
|
51059
51468
|
});
|
|
51060
51469
|
var showScrollBar = isHorizontal || isVertical;
|
|
51061
|
-
var
|
|
51470
|
+
var style = objectSpread2_default()({}, props.style);
|
|
51471
|
+
if (collapse) delete style.width;
|
|
51472
|
+
var listStyle = isVertical && !collapse ? {
|
|
51062
51473
|
width: (_props$style = props.style) === null || _props$style === void 0 ? void 0 : _props$style.width
|
|
51063
51474
|
} : undefined;
|
|
51064
51475
|
(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
|
|
@@ -51072,10 +51483,10 @@ var Menu = function Menu(props) {
|
|
|
51072
51483
|
}
|
|
51073
51484
|
}, [data, openKeys]);
|
|
51074
51485
|
return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
|
|
51075
|
-
className: classnames_default()(props.className, classes === null || classes === void 0 ? void 0 : classes.wrapper, mode === 'inline' && (classes === null || classes === void 0 ? void 0 : classes.wrapperInline), (mode === 'vertical' || mode === 'vertical-auto') && (classes === null || classes === void 0 ? void 0 : classes.wrapperVertical), mode === 'horizontal' && (classes === null || classes === void 0 ? void 0 : classes.wrapperHorizontal), hasOpen && (classes === null || classes === void 0 ? void 0 : classes.wrapperHasOpen), theme === 'dark' ? classes === null || classes === void 0 ? void 0 : classes.wrapperDark : classes === null || classes === void 0 ? void 0 : classes.wrapperLight),
|
|
51486
|
+
className: classnames_default()(props.className, classes === null || classes === void 0 ? void 0 : classes.wrapper, mode === 'inline' && (classes === null || classes === void 0 ? void 0 : classes.wrapperInline), (mode === 'vertical' || mode === 'vertical-auto') && (classes === null || classes === void 0 ? void 0 : classes.wrapperVertical), mode === 'horizontal' && (classes === null || classes === void 0 ? void 0 : classes.wrapperHorizontal), hasOpen && (classes === null || classes === void 0 ? void 0 : classes.wrapperHasOpen), theme === 'dark' ? classes === null || classes === void 0 ? void 0 : classes.wrapperDark : classes === null || classes === void 0 ? void 0 : classes.wrapperLight, collapse && (classes === null || classes === void 0 ? void 0 : classes.collapse)),
|
|
51076
51487
|
style: objectSpread2_default()({
|
|
51077
51488
|
height: props.height
|
|
51078
|
-
},
|
|
51489
|
+
}, style),
|
|
51079
51490
|
children: [/*#__PURE__*/(0,jsx_runtime.jsx)("div", {
|
|
51080
51491
|
className: classes === null || classes === void 0 ? void 0 : classes.scrollbox,
|
|
51081
51492
|
ref: scrollRef,
|
|
@@ -51088,6 +51499,7 @@ var Menu = function Menu(props) {
|
|
|
51088
51499
|
level: 0,
|
|
51089
51500
|
index: index,
|
|
51090
51501
|
parentId: "",
|
|
51502
|
+
collapse: collapse,
|
|
51091
51503
|
dataItem: item,
|
|
51092
51504
|
keyResult: key,
|
|
51093
51505
|
openKeys: openKeys,
|
|
@@ -51102,6 +51514,7 @@ var Menu = function Menu(props) {
|
|
|
51102
51514
|
toggleDuration: props.toggleDuration,
|
|
51103
51515
|
disabled: props.disabled,
|
|
51104
51516
|
renderItem: props.renderItem,
|
|
51517
|
+
renderCollapse: props.renderCollapse,
|
|
51105
51518
|
keygen: props.keygen,
|
|
51106
51519
|
jssStyle: props.jssStyle,
|
|
51107
51520
|
linkKey: props.linkKey,
|
|
@@ -58230,6 +58643,8 @@ var TreeSelect = function TreeSelect(props0) {
|
|
|
58230
58643
|
var jssStyle = props.jssStyle,
|
|
58231
58644
|
className = props.className,
|
|
58232
58645
|
size = props.size,
|
|
58646
|
+
_props$adjust = props.adjust,
|
|
58647
|
+
adjust = _props$adjust === void 0 ? true : _props$adjust,
|
|
58233
58648
|
valueProp = props.value,
|
|
58234
58649
|
defaultValue = props.defaultValue,
|
|
58235
58650
|
_props$data = props.data,
|
|
@@ -58778,7 +59193,7 @@ var TreeSelect = function TreeSelect(props0) {
|
|
|
58778
59193
|
}
|
|
58779
59194
|
},
|
|
58780
59195
|
children: [tipNode, renderResult(), /*#__PURE__*/(0,jsx_runtime.jsx)(absolute_list, {
|
|
58781
|
-
adjust:
|
|
59196
|
+
adjust: adjust,
|
|
58782
59197
|
focus: open,
|
|
58783
59198
|
fixedWidth: "min",
|
|
58784
59199
|
lazy: false,
|
|
@@ -62373,7 +62788,7 @@ var upload_interface = __webpack_require__(4412);
|
|
|
62373
62788
|
|
|
62374
62789
|
|
|
62375
62790
|
/* harmony default export */ var src_0 = ({
|
|
62376
|
-
version: '3.1
|
|
62791
|
+
version: '3.2.0-beta.1'
|
|
62377
62792
|
});
|
|
62378
62793
|
}();
|
|
62379
62794
|
/******/ return __webpack_exports__;
|