@salutejs/plasma-web 1.408.1-canary.1374.11107153045.0 → 1.409.0-canary.1421.11113740435.0
Sign up to get free protection for your applications and to get access to all the features.
- package/api/plasma-web.api.md +65 -4
- package/components/DatePicker/DatePicker.d.ts +7 -0
- package/components/Slider/Slider.d.ts +47 -1
- package/components/Tabs/{horizontal/HorizontalTabItem.config.js → TabItem.config.js} +4 -4
- package/components/Tabs/TabItem.d.ts +2 -3
- package/components/Tabs/TabItem.js +3 -14
- package/components/Tabs/Tabs.d.ts +2 -3
- package/components/Tabs/Tabs.js +3 -17
- package/components/Tabs/TabsController.d.ts +2 -2
- package/css/cjs/components/Tabs/TabItem.config.js +39 -0
- package/css/cjs/components/Tabs/TabItem.config.js.map +1 -0
- package/css/cjs/components/Tabs/TabItem.config_mjoml6.css +15 -0
- package/css/cjs/components/Tabs/TabItem.css +15 -22
- package/css/cjs/components/Tabs/TabItem.js +3 -13
- package/css/cjs/components/Tabs/TabItem.js.map +1 -1
- package/css/cjs/components/Tabs/Tabs.config.js +41 -0
- package/css/cjs/components/Tabs/Tabs.config.js.map +1 -0
- package/css/cjs/components/Tabs/Tabs.config_1g344dn.css +15 -0
- package/css/cjs/components/Tabs/Tabs.css +15 -23
- package/css/cjs/components/Tabs/Tabs.js +3 -16
- package/css/cjs/components/Tabs/Tabs.js.map +1 -1
- package/css/cjs/components/Tabs/TabsController.css +30 -45
- package/css/cjs/components/Tabs/TabsController.js.map +1 -1
- package/css/cjs/index.css +31 -46
- package/css/es/components/Tabs/TabItem.config.js +35 -0
- package/css/es/components/Tabs/TabItem.config.js.map +1 -0
- package/css/es/components/Tabs/TabItem.config_mjoml6.css +15 -0
- package/css/es/components/Tabs/TabItem.css +15 -22
- package/css/es/components/Tabs/TabItem.js +4 -14
- package/css/es/components/Tabs/TabItem.js.map +1 -1
- package/css/es/components/Tabs/Tabs.config.js +37 -0
- package/css/es/components/Tabs/Tabs.config.js.map +1 -0
- package/css/es/components/Tabs/Tabs.config_1g344dn.css +15 -0
- package/css/es/components/Tabs/Tabs.css +15 -23
- package/css/es/components/Tabs/Tabs.js +4 -17
- package/css/es/components/Tabs/Tabs.js.map +1 -1
- package/css/es/components/Tabs/TabsController.css +30 -45
- package/css/es/components/Tabs/TabsController.js.map +1 -1
- package/css/es/index.css +31 -46
- package/es/components/Tabs/{horizontal/HorizontalTabItem.config.js → TabItem.config.js} +4 -4
- package/es/components/Tabs/TabItem.js +4 -14
- package/es/components/Tabs/Tabs.js +4 -17
- package/es/hooks/index.js +2 -1
- package/hooks/index.d.ts +1 -0
- package/hooks/index.js +8 -1
- package/package.json +3 -3
- package/temp/plasma-web.api.md +65 -4
- package/components/Tabs/vertical/VerticalTabItem.config.d.ts +0 -20
- package/components/Tabs/vertical/VerticalTabItem.config.js +0 -29
- package/components/Tabs/vertical/VerticalTabs.config.d.ts +0 -23
- package/components/Tabs/vertical/VerticalTabs.config.js +0 -32
- package/css/cjs/components/Tabs/horizontal/HorizontalTabItem.config.js +0 -39
- package/css/cjs/components/Tabs/horizontal/HorizontalTabItem.config.js.map +0 -1
- package/css/cjs/components/Tabs/horizontal/HorizontalTabItem.config_ckewdk.css +0 -15
- package/css/cjs/components/Tabs/horizontal/HorizontalTabs.config.js +0 -41
- package/css/cjs/components/Tabs/horizontal/HorizontalTabs.config.js.map +0 -1
- package/css/cjs/components/Tabs/horizontal/HorizontalTabs.config_17bycx2.css +0 -15
- package/css/cjs/components/Tabs/vertical/VerticalTabItem.config.js +0 -28
- package/css/cjs/components/Tabs/vertical/VerticalTabItem.config.js.map +0 -1
- package/css/cjs/components/Tabs/vertical/VerticalTabItem.config_qf7yzk.css +0 -6
- package/css/cjs/components/Tabs/vertical/VerticalTabs.config.js +0 -31
- package/css/cjs/components/Tabs/vertical/VerticalTabs.config.js.map +0 -1
- package/css/cjs/components/Tabs/vertical/VerticalTabs.config_r21c39.css +0 -7
- package/css/es/components/Tabs/horizontal/HorizontalTabItem.config.js +0 -35
- package/css/es/components/Tabs/horizontal/HorizontalTabItem.config.js.map +0 -1
- package/css/es/components/Tabs/horizontal/HorizontalTabItem.config_ckewdk.css +0 -15
- package/css/es/components/Tabs/horizontal/HorizontalTabs.config.js +0 -37
- package/css/es/components/Tabs/horizontal/HorizontalTabs.config.js.map +0 -1
- package/css/es/components/Tabs/horizontal/HorizontalTabs.config_17bycx2.css +0 -15
- package/css/es/components/Tabs/vertical/VerticalTabItem.config.js +0 -24
- package/css/es/components/Tabs/vertical/VerticalTabItem.config.js.map +0 -1
- package/css/es/components/Tabs/vertical/VerticalTabItem.config_qf7yzk.css +0 -6
- package/css/es/components/Tabs/vertical/VerticalTabs.config.js +0 -27
- package/css/es/components/Tabs/vertical/VerticalTabs.config.js.map +0 -1
- package/css/es/components/Tabs/vertical/VerticalTabs.config_r21c39.css +0 -7
- package/es/components/Tabs/vertical/VerticalTabItem.config.js +0 -23
- package/es/components/Tabs/vertical/VerticalTabs.config.js +0 -26
- /package/components/Tabs/{horizontal/HorizontalTabItem.config.d.ts → TabItem.config.d.ts} +0 -0
- /package/components/Tabs/{horizontal/HorizontalTabs.config.d.ts → Tabs.config.d.ts} +0 -0
- /package/components/Tabs/{horizontal/HorizontalTabs.config.js → Tabs.config.js} +0 -0
- /package/es/components/Tabs/{horizontal/HorizontalTabs.config.js → Tabs.config.js} +0 -0
package/css/es/index.css
CHANGED
@@ -456,52 +456,37 @@
|
|
456
456
|
.Switch_config_ngx5fc_t6qjy60__c71f94a5{--plasma-switch-disabled-opacity:0.4;}
|
457
457
|
.Switch_config_ngx5fc_t1h60cj3__c71f94a5{--plasma-switch__track-focus-color:var(--surface-accent);}
|
458
458
|
|
459
|
-
.
|
460
|
-
.
|
461
|
-
.
|
462
|
-
.
|
463
|
-
.
|
464
|
-
.
|
465
|
-
.
|
466
|
-
.
|
467
|
-
.
|
468
|
-
.
|
469
|
-
.
|
470
|
-
.
|
471
|
-
.
|
472
|
-
.
|
473
|
-
.
|
474
|
-
|
475
|
-
.
|
476
|
-
.
|
477
|
-
.
|
478
|
-
.
|
479
|
-
.
|
480
|
-
.
|
481
|
-
.
|
482
|
-
|
483
|
-
.
|
484
|
-
.
|
485
|
-
.
|
486
|
-
.
|
487
|
-
.
|
488
|
-
.
|
489
|
-
.
|
490
|
-
.HorizontalTabItem_config_ckewdk_l1qh9jow__b11bbfd3{--plasma-tab-item-border-radius:0.75rem;--plasma-tab-item-width:auto;--plasma-tab-item-height:3.5rem;--plasma-tab-item-padding:0 0.875rem;--plasma-tab-item-padding-pilled:0 0.75rem;--plasma-tab-item-margin-left:1.75rem;--plasma-tab-item-content-gap:0.5rem;--plasma-tab-item-content-padding:0.125rem;--plasma-tab-item-font-family:var(--plasma-typo-body-l-font-family);--plasma-tab-item-font-size:var(--plasma-typo-body-l-font-size);--plasma-tab-item-font-style:var(--plasma-typo-body-l-font-style);--plasma-tab-item-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-tab-item-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-tab-item-lineheight:var(--plasma-typo-body-l-line-height);}
|
491
|
-
.HorizontalTabItem_config_ckewdk_h1s7gpc9__b11bbfd3{--plasma-tab-item-border-radius:0.375rem;--plasma-tab-item-width:auto;--plasma-tab-item-height:3rem;--plasma-tab-item-padding:0rem;--plasma-tab-item-margin-left:1.75rem;--plasma-tab-item-content-gap:0.625rem;--plasma-tab-item-font-family:var(--plasma-typo-h5-font-family);--plasma-tab-item-font-size:var(--plasma-typo-h5-font-size);--plasma-tab-item-font-style:var(--plasma-typo-h5-font-style);--plasma-tab-item-font-weight:var(--plasma-typo-h5-font-weight);--plasma-tab-item-letter-spacing:var(--plasma-typo-h5-letter-spacing);--plasma-tab-item-lineheight:var(--plasma-typo-h5-line-height);}
|
492
|
-
.HorizontalTabItem_config_ckewdk_h13wvabz__b11bbfd3{--plasma-tab-item-border-radius:0.375rem;--plasma-tab-item-width:auto;--plasma-tab-item-height:3.25rem;--plasma-tab-item-padding:0rem;--plasma-tab-item-margin-left:2rem;--plasma-tab-item-content-gap:0.625rem;--plasma-tab-item-font-family:var(--plasma-typo-h4-font-family);--plasma-tab-item-font-size:var(--plasma-typo-h4-font-size);--plasma-tab-item-font-style:var(--plasma-typo-h4-font-style);--plasma-tab-item-font-weight:var(--plasma-typo-h4-font-weight);--plasma-tab-item-letter-spacing:var(--plasma-typo-h4-letter-spacing);--plasma-tab-item-lineheight:var(--plasma-typo-h4-line-height);}
|
493
|
-
.HorizontalTabItem_config_ckewdk_h1gxsxyj__b11bbfd3{--plasma-tab-item-border-radius:0.5rem;--plasma-tab-item-width:auto;--plasma-tab-item-height:3.875rem;--plasma-tab-item-padding:0rem;--plasma-tab-item-margin-left:2.25rem;--plasma-tab-item-content-gap:0.75rem;--plasma-tab-item-font-family:var(--plasma-typo-h3-font-family);--plasma-tab-item-font-size:var(--plasma-typo-h3-font-size);--plasma-tab-item-font-style:var(--plasma-typo-h3-font-style);--plasma-tab-item-font-weight:var(--plasma-typo-h3-font-weight);--plasma-tab-item-letter-spacing:var(--plasma-typo-h3-letter-spacing);--plasma-tab-item-lineheight:var(--plasma-typo-h3-line-height);}
|
494
|
-
.HorizontalTabItem_config_ckewdk_hv3zmfq__b11bbfd3{--plasma-tab-item-border-radius:0.625rem;--plasma-tab-item-width:auto;--plasma-tab-item-height:4.5rem;--plasma-tab-item-padding:0rem;--plasma-tab-item-margin-left:2.5rem;--plasma-tab-item-content-gap:1rem;--plasma-tab-item-font-family:var(--plasma-typo-h2-font-family);--plasma-tab-item-font-size:var(--plasma-typo-h2-font-size);--plasma-tab-item-font-style:var(--plasma-typo-h2-font-style);--plasma-tab-item-font-weight:var(--plasma-typo-h2-font-weight);--plasma-tab-item-letter-spacing:var(--plasma-typo-h2-letter-spacing);--plasma-tab-item-lineheight:var(--plasma-typo-h2-line-height);}
|
495
|
-
.HorizontalTabItem_config_ckewdk_hwisn6u__b11bbfd3{--plasma-tab-item-border-radius:0.75rem;--plasma-tab-item-width:auto;--plasma-tab-item-height:5.75rem;--plasma-tab-item-padding:0rem;--plasma-tab-item-margin-left:3.5rem;--plasma-tab-item-content-gap:0.5rem;--plasma-tab-item-font-family:var(--plasma-typo-h1-font-family);--plasma-tab-item-font-size:var(--plasma-typo-h1-font-size);--plasma-tab-item-font-style:var(--plasma-typo-h1-font-style);--plasma-tab-item-font-weight:var(--plasma-typo-h1-font-weight);--plasma-tab-item-letter-spacing:var(--plasma-typo-h1-letter-spacing);--plasma-tab-item-lineheight:var(--plasma-typo-h1-line-height);}
|
496
|
-
.HorizontalTabItem_config_ckewdk_t19ews1g__b11bbfd3{--plasma-tabs-disabled-opacity:0.4;}
|
497
|
-
.HorizontalTabItem_config_ckewdk_tosxbtd__b11bbfd3{--plasma-tab-item-pilled-border-radius:1.5rem;}
|
498
|
-
|
499
|
-
.VerticalTabItem_config_qf7yzk_d1m4ak5s__a32119ea{--plasma-tab-item-color:var(--text-secondary);--plasma-tab-item-value-color:var(--text-tertiary);--plasma-tab-item-background-color:transparent;--plasma-tab-item-color-hover:var(--text-secondary-hover);--plasma-tab-item-value-color-hover:var(--text-secondary);--plasma-tab-item-color-active:var(--text-secondary-active);--plasma-tab-item-value-color-active:var(--text-secondary);--plasma-tab-item-background-color-hover:transparent;--plasma-tab-item-selected-color:var(--text-primary);--plasma-tab-item-selected-value-color:var(--text-secondary);--plasma-tab-item-selected-background-color:transparent;--plasma-tab-item-selected-color-hover:var(--text-primary);--plasma-tab-item-selected-value-color-hover:var(--text-secondary);--plasma-tab-item-selected-background-color-hover:transparent;--plasma-tab-item-background-transition:background-color 0.3s ease-in-out;--plasma-tab-item-padding-clear:0;--plasma-tab-item-content-padding-clear:0;--plasma-tabs-outline-focus-color:var(--surface-accent);--plasma-tab-item-selected-divider-width:0.125rem;--plasma-tab-item-selected-divider-height:0.125rem;--plasma-tab-item-selected-divider-color:var(--text-primary);--plasma-tab-item-selected-hover-divider-color:var(--text-primary);}
|
500
|
-
.VerticalTabItem_config_qf7yzk_xnvoqem__a32119ea{--plasma-tab-item-border-radius:0.375rem;--plasma-tab-item-width:auto;--plasma-tab-item-height:2rem;--plasma-tab-item-padding:0 0.5rem;--plasma-tab-item-padding-pilled:0 0.375rem;--plasma-tab-item-padding-orientation-vertical:0.5rem 0.625rem;--plasma-tab-item-margin-left:0.625rem;--plasma-tab-item-content-gap:0.25rem;--plasma-tab-item-content-padding:0.125rem;--plasma-tab-item-font-family:var(--plasma-typo-body-xs-font-family);--plasma-tab-item-font-size:var(--plasma-typo-body-xs-font-size);--plasma-tab-item-font-style:var(--plasma-typo-body-xs-font-style);--plasma-tab-item-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-tab-item-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-tab-item-lineheight:var(--plasma-typo-body-xs-line-height);}
|
501
|
-
.VerticalTabItem_config_qf7yzk_s1udlb6g__a32119ea{--plasma-tab-item-border-radius:0.5rem;--plasma-tab-item-width:auto;--plasma-tab-item-height:2.5rem;--plasma-tab-item-padding:0 0.625rem;--plasma-tab-item-padding-pilled:0 0.5rem;--plasma-tab-item-padding-orientation-vertical:0.5rem 1rem;--plasma-tab-item-margin-left:0.75rem;--plasma-tab-item-content-gap:0.25rem;--plasma-tab-item-content-padding:0.125rem;--plasma-tab-item-font-family:var(--plasma-typo-body-s-font-family);--plasma-tab-item-font-size:var(--plasma-typo-body-s-font-size);--plasma-tab-item-font-style:var(--plasma-typo-body-s-font-style);--plasma-tab-item-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-tab-item-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-tab-item-lineheight:var(--plasma-typo-body-s-line-height);}
|
502
|
-
.VerticalTabItem_config_qf7yzk_m19koxds__a32119ea{--plasma-tab-item-border-radius:0.625rem;--plasma-tab-item-width:auto;--plasma-tab-item-height:3rem;--plasma-tab-item-padding:0 0.625rem;--plasma-tab-item-padding-pilled:0 0.5rem;--plasma-tab-item-padding-orientation-vertical:0.75rem 1.25rem;--plasma-tab-item-margin-left:1.125rem;--plasma-tab-item-content-gap:0.375rem;--plasma-tab-item-content-padding:0.125rem;--plasma-tab-item-font-family:var(--plasma-typo-body-m-font-family);--plasma-tab-item-font-size:var(--plasma-typo-body-m-font-size);--plasma-tab-item-font-style:var(--plasma-typo-body-m-font-style);--plasma-tab-item-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-tab-item-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-tab-item-lineheight:var(--plasma-typo-body-m-line-height);}
|
503
|
-
.VerticalTabItem_config_qf7yzk_l1b3t5dj__a32119ea{--plasma-tab-item-border-radius:0.75rem;--plasma-tab-item-width:auto;--plasma-tab-item-height:3.5rem;--plasma-tab-item-padding:0 0.875rem;--plasma-tab-item-padding-pilled:0 0.75rem;--plasma-tab-item-padding-orientation-vertical:1rem 1.5rem;--plasma-tab-item-margin-left:1.25rem;--plasma-tab-item-content-gap:0.5rem;--plasma-tab-item-content-padding:0.125rem;--plasma-tab-item-font-family:var(--plasma-typo-body-l-font-family);--plasma-tab-item-font-size:var(--plasma-typo-body-l-font-size);--plasma-tab-item-font-style:var(--plasma-typo-body-l-font-style);--plasma-tab-item-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-tab-item-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-tab-item-lineheight:var(--plasma-typo-body-l-line-height);}
|
504
|
-
.VerticalTabItem_config_qf7yzk_t9wdw7e__a32119ea{--plasma-tabs-disabled-opacity:0.4;}
|
459
|
+
.Tabs_config_1g344dn_c14650k1__49162f90{--plasma-tabs-arrow-color:var(--text-secondary);--plasma-tabs-background-color:transparent;--plasma-tabs-outline-focus-color:var(--surface-accent);--plasma-tabs-divider-height:0rem;--plasma-tabs-divider-color:transparent;--plasma-tabs-divider-border-radius:0rem;}
|
460
|
+
.Tabs_config_1g344dn_f3v4o3a__49162f90{--plasma-tabs-arrow-color:var(--text-secondary);--plasma-tabs-background-color:var(--surface-transparent-primary);--plasma-tabs-outline-focus-color:var(--surface-accent);--plasma-tabs-divider-height:0rem;--plasma-tabs-divider-color:transparent;--plasma-tabs-divider-border-radius:0rem;}
|
461
|
+
.Tabs_config_1g344dn_dd9smg7__49162f90{--plasma-tabs-arrow-color:var(--text-secondary);--plasma-tabs-background-color:transparent;--plasma-tabs-outline-focus-color:var(--surface-accent);--plasma-tabs-divider-height:0.0625rem;--plasma-tabs-divider-color:var(--surface-transparent-tertiary);--plasma-tabs-divider-border-radius:0.0625rem;}
|
462
|
+
.Tabs_config_1g344dn_x1fhx02y__49162f90{--plasma-tabs-border-radius:0.5rem;--plasma-tabs-width:fit-content;--plasma-tabs-height:auto;--plasma-tab-arrow-inner-padding:0rem;--plasma-tab-arrow-outer-padding:0.125rem;}
|
463
|
+
.Tabs_config_1g344dn_smtb14e__49162f90{--plasma-tabs-border-radius:0.625rem;--plasma-tabs-width:fit-content;--plasma-tabs-height:auto;--plasma-tab-arrow-inner-padding:0rem;--plasma-tab-arrow-outer-padding:0.25rem;}
|
464
|
+
.Tabs_config_1g344dn_m1gou08z__49162f90{--plasma-tabs-border-radius:0.75rem;--plasma-tabs-width:fit-content;--plasma-tabs-height:auto;--plasma-tab-arrow-inner-padding:0rem;--plasma-tab-arrow-outer-padding:0.625rem;}
|
465
|
+
.Tabs_config_1g344dn_l1748snu__49162f90{--plasma-tabs-border-radius:0.75rem;--plasma-tabs-width:fit-content;--plasma-tabs-height:auto;--plasma-tab-arrow-inner-padding:0rem;--plasma-tab-arrow-outer-padding:0.75rem;}
|
466
|
+
.Tabs_config_1g344dn_h117dkln__49162f90{--plasma-tabs-border-radius:0.5rem;--plasma-tabs-width:fit-content;--plasma-tabs-height:auto;--plasma-tab-arrow-inner-padding:0.25rem;--plasma-tab-arrow-outer-padding:0rem;}
|
467
|
+
.Tabs_config_1g344dn_h1q05hlh__49162f90{--plasma-tabs-border-radius:0.5rem;--plasma-tabs-width:fit-content;--plasma-tabs-height:auto;--plasma-tab-arrow-inner-padding:0.25rem;--plasma-tab-arrow-outer-padding:0rem;}
|
468
|
+
.Tabs_config_1g344dn_hufu0m7__49162f90{--plasma-tabs-border-radius:0.625rem;--plasma-tabs-width:fit-content;--plasma-tabs-height:auto;--plasma-tab-arrow-inner-padding:0.375rem;--plasma-tab-arrow-outer-padding:0rem;}
|
469
|
+
.Tabs_config_1g344dn_hoxxqku__49162f90{--plasma-tabs-border-radius:0.75rem;--plasma-tabs-width:fit-content;--plasma-tabs-height:auto;--plasma-tab-arrow-inner-padding:0.5rem;--plasma-tab-arrow-outer-padding:0rem;}
|
470
|
+
.Tabs_config_1g344dn_h1nezd4o__49162f90{--plasma-tabs-border-radius:0.75rem;--plasma-tabs-width:fit-content;--plasma-tabs-height:auto;--plasma-tab-arrow-inner-padding:1rem;--plasma-tab-arrow-outer-padding:0rem;}
|
471
|
+
.Tabs_config_1g344dn_t1lpslsd__49162f90{--plasma-tabs-container-width:100%;}
|
472
|
+
.Tabs_config_1g344dn_tmh6qmx__49162f90{--plasma-tabs-disabled-opacity:0.4;}
|
473
|
+
.Tabs_config_1g344dn_tzc9e3o__49162f90{--plasma-tabs-pilled-border-radius:1.625rem;}
|
474
|
+
|
475
|
+
.TabItem_config_mjoml6_c12geyh4__b07c685a{--plasma-tab-item-color:var(--text-secondary);--plasma-tab-item-background-color:transparent;--plasma-tab-item-color-hover:var(--text-secondary-hover);--plasma-tab-item-color-active:var(--text-secondary-active);--plasma-tab-item-background-color-hover:transparent;--plasma-tab-item-selected-color:var(--text-primary);--plasma-tab-item-selected-background-color:transparent;--plasma-tab-item-selected-color-hover:var(--text-primary);--plasma-tab-item-selected-background-color-hover:transparent;--plasma-tab-item-background-transition:background-color 0.3s ease-in-out;--plasma-tab-item-padding-clear:0;--plasma-tab-item-content-padding-clear:0;--plasma-tabs-outline-focus-color:var(--surface-accent);--plasma-tab-item-selected-divider-height:0rem;--plasma-tab-item-selected-divider-color:var(--text-primary);--plasma-tab-item-selected-hover-divider-color:var(--text-primary);--plasma-tab-item-additional-content-color:var(--text-tertiary);--plasma-tab-item-hover-additional-content-color:var(--text-secondary);--plasma-tab-item-selected-additional-content-color:var(--text-secondary);--plasma-tab-item-selected-hover-additional-content-color:var(--text-secondary);}
|
476
|
+
.TabItem_config_mjoml6_skxrl3x__b07c685a{--plasma-tab-item-color:var(--text-primary);--plasma-tab-item-background-color:transparent;--plasma-tab-item-color-hover:var(--text-secondary-hover);--plasma-tab-item-color-active:var(--text-secondary-active);--plasma-tab-item-background-color-hover:transparent;--plasma-tab-item-selected-color:var(--text-primary);--plasma-tab-item-selected-background-color:var(--surface-solid-card);--plasma-tab-item-selected-color-hover:var(--text-primary);--plasma-tab-item-selected-background-color-hover:var(--surface-solid-card);--plasma-tab-item-background-transition:background-color 0.3s ease-in-out;--plasma-tab-item-margin-left-filled:0.125rem;--plasma-tabs-outline-focus-color:var(--surface-accent);--plasma-tab-item-selected-divider-height:0rem;--plasma-tab-item-selected-divider-color:var(--text-primary);--plasma-tab-item-selected-hover-divider-color:var(--text-primary);--plasma-tab-item-additional-content-color:var(--text-secondary);--plasma-tab-item-hover-additional-content-color:var(--text-secondary);--plasma-tab-item-selected-additional-content-color:var(--text-secondary);--plasma-tab-item-selected-hover-additional-content-color:var(--text-secondary);}
|
477
|
+
.TabItem_config_mjoml6_d1qfynte__b07c685a{--plasma-tab-item-color:var(--text-secondary);--plasma-tab-item-background-color:transparent;--plasma-tab-item-color-hover:var(--text-secondary-hover);--plasma-tab-item-color-active:var(--text-secondary-active);--plasma-tab-item-background-color-hover:transparent;--plasma-tab-item-selected-color:var(--text-primary);--plasma-tab-item-selected-background-color:transparent;--plasma-tab-item-selected-color-hover:var(--text-primary);--plasma-tab-item-selected-background-color-hover:transparent;--plasma-tab-item-background-transition:background-color 0.3s ease-in-out;--plasma-tab-item-padding-clear:0;--plasma-tab-item-content-padding-clear:0;--plasma-tabs-outline-focus-color:var(--surface-accent);--plasma-tab-item-selected-divider-height:0.125rem;--plasma-tab-item-selected-divider-color:var(--text-primary);--plasma-tab-item-selected-hover-divider-color:var(--text-primary);--plasma-tab-item-additional-content-color:var(--text-tertiary);--plasma-tab-item-hover-additional-content-color:var(--text-secondary);--plasma-tab-item-selected-additional-content-color:var(--text-secondary);--plasma-tab-item-selected-hover-additional-content-color:var(--text-secondary);}
|
478
|
+
.TabItem_config_mjoml6_dcu9hou__b07c685a{--plasma-tab-item-color:var(--text-primary);--plasma-tab-item-background-color:transparent;--plasma-tab-item-color-hover:var(--text-secondary-hover);--plasma-tab-item-color-active:var(--text-secondary-active);--plasma-tab-item-background-color-hover:transparent;--plasma-tab-item-selected-color:var(--inverse-text-primary);--plasma-tab-item-selected-background-color:var(--surface-solid-default);--plasma-tab-item-selected-color-hover:var(--inverse-text-primary);--plasma-tab-item-selected-background-color-hover:var(--surface-solid-default);--plasma-tab-item-background-transition:background-color 0.3s ease-in-out;--plasma-tab-item-margin-left-filled:0.125rem;--plasma-tabs-outline-focus-color:var(--surface-accent);--plasma-tab-item-selected-divider-height:0rem;--plasma-tab-item-selected-divider-color:var(--text-primary);--plasma-tab-item-selected-hover-divider-color:var(--text-primary);--plasma-tab-item-additional-content-color:var(--text-secondary);--plasma-tab-item-hover-additional-content-color:var(--text-secondary);--plasma-tab-item-selected-additional-content-color:var(--inverse-text-secondary);--plasma-tab-item-selected-hover-additional-content-color:var(--inverse-text-secondary);}
|
479
|
+
.TabItem_config_mjoml6_xd9jef9__b07c685a{--plasma-tab-item-border-radius:0.375rem;--plasma-tab-item-width:auto;--plasma-tab-item-height:2rem;--plasma-tab-item-padding:0 0.5rem;--plasma-tab-item-padding-pilled:0 0.375rem;--plasma-tab-item-margin-left:1.75rem;--plasma-tab-item-content-gap:0.25rem;--plasma-tab-item-content-padding:0.125rem;--plasma-tab-item-font-family:var(--plasma-typo-body-xs-font-family);--plasma-tab-item-font-size:var(--plasma-typo-body-xs-font-size);--plasma-tab-item-font-style:var(--plasma-typo-body-xs-font-style);--plasma-tab-item-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-tab-item-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-tab-item-lineheight:var(--plasma-typo-body-xs-line-height);}
|
480
|
+
.TabItem_config_mjoml6_svtzz6s__b07c685a{--plasma-tab-item-border-radius:0.5rem;--plasma-tab-item-width:auto;--plasma-tab-item-height:2.5rem;--plasma-tab-item-padding:0 0.625rem;--plasma-tab-item-padding-pilled:0 0.5rem;--plasma-tab-item-margin-left:1.75rem;--plasma-tab-item-content-gap:0.25rem;--plasma-tab-item-content-padding:0.125rem;--plasma-tab-item-font-family:var(--plasma-typo-body-s-font-family);--plasma-tab-item-font-size:var(--plasma-typo-body-s-font-size);--plasma-tab-item-font-style:var(--plasma-typo-body-s-font-style);--plasma-tab-item-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-tab-item-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-tab-item-lineheight:var(--plasma-typo-body-s-line-height);}
|
481
|
+
.TabItem_config_mjoml6_mv38ab4__b07c685a{--plasma-tab-item-border-radius:0.625rem;--plasma-tab-item-width:auto;--plasma-tab-item-height:3rem;--plasma-tab-item-padding:0 0.625rem;--plasma-tab-item-padding-pilled:0 0.5rem;--plasma-tab-item-margin-left:1.75rem;--plasma-tab-item-content-gap:0.375rem;--plasma-tab-item-content-padding:0.125rem;--plasma-tab-item-font-family:var(--plasma-typo-body-m-font-family);--plasma-tab-item-font-size:var(--plasma-typo-body-m-font-size);--plasma-tab-item-font-style:var(--plasma-typo-body-m-font-style);--plasma-tab-item-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-tab-item-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-tab-item-lineheight:var(--plasma-typo-body-m-line-height);}
|
482
|
+
.TabItem_config_mjoml6_l1bx3z7v__b07c685a{--plasma-tab-item-border-radius:0.75rem;--plasma-tab-item-width:auto;--plasma-tab-item-height:3.5rem;--plasma-tab-item-padding:0 0.875rem;--plasma-tab-item-padding-pilled:0 0.75rem;--plasma-tab-item-margin-left:1.75rem;--plasma-tab-item-content-gap:0.5rem;--plasma-tab-item-content-padding:0.125rem;--plasma-tab-item-font-family:var(--plasma-typo-body-l-font-family);--plasma-tab-item-font-size:var(--plasma-typo-body-l-font-size);--plasma-tab-item-font-style:var(--plasma-typo-body-l-font-style);--plasma-tab-item-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-tab-item-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-tab-item-lineheight:var(--plasma-typo-body-l-line-height);}
|
483
|
+
.TabItem_config_mjoml6_hst8lw7__b07c685a{--plasma-tab-item-border-radius:0.375rem;--plasma-tab-item-width:auto;--plasma-tab-item-height:3rem;--plasma-tab-item-padding:0rem;--plasma-tab-item-margin-left:1.75rem;--plasma-tab-item-content-gap:0.625rem;--plasma-tab-item-font-family:var(--plasma-typo-h5-font-family);--plasma-tab-item-font-size:var(--plasma-typo-h5-font-size);--plasma-tab-item-font-style:var(--plasma-typo-h5-font-style);--plasma-tab-item-font-weight:var(--plasma-typo-h5-font-weight);--plasma-tab-item-letter-spacing:var(--plasma-typo-h5-letter-spacing);--plasma-tab-item-lineheight:var(--plasma-typo-h5-line-height);}
|
484
|
+
.TabItem_config_mjoml6_hnmfpx2__b07c685a{--plasma-tab-item-border-radius:0.375rem;--plasma-tab-item-width:auto;--plasma-tab-item-height:3.25rem;--plasma-tab-item-padding:0rem;--plasma-tab-item-margin-left:2rem;--plasma-tab-item-content-gap:0.625rem;--plasma-tab-item-font-family:var(--plasma-typo-h4-font-family);--plasma-tab-item-font-size:var(--plasma-typo-h4-font-size);--plasma-tab-item-font-style:var(--plasma-typo-h4-font-style);--plasma-tab-item-font-weight:var(--plasma-typo-h4-font-weight);--plasma-tab-item-letter-spacing:var(--plasma-typo-h4-letter-spacing);--plasma-tab-item-lineheight:var(--plasma-typo-h4-line-height);}
|
485
|
+
.TabItem_config_mjoml6_h1ph8cz0__b07c685a{--plasma-tab-item-border-radius:0.5rem;--plasma-tab-item-width:auto;--plasma-tab-item-height:3.875rem;--plasma-tab-item-padding:0rem;--plasma-tab-item-margin-left:2.25rem;--plasma-tab-item-content-gap:0.75rem;--plasma-tab-item-font-family:var(--plasma-typo-h3-font-family);--plasma-tab-item-font-size:var(--plasma-typo-h3-font-size);--plasma-tab-item-font-style:var(--plasma-typo-h3-font-style);--plasma-tab-item-font-weight:var(--plasma-typo-h3-font-weight);--plasma-tab-item-letter-spacing:var(--plasma-typo-h3-letter-spacing);--plasma-tab-item-lineheight:var(--plasma-typo-h3-line-height);}
|
486
|
+
.TabItem_config_mjoml6_h1dyyy38__b07c685a{--plasma-tab-item-border-radius:0.625rem;--plasma-tab-item-width:auto;--plasma-tab-item-height:4.5rem;--plasma-tab-item-padding:0rem;--plasma-tab-item-margin-left:2.5rem;--plasma-tab-item-content-gap:1rem;--plasma-tab-item-font-family:var(--plasma-typo-h2-font-family);--plasma-tab-item-font-size:var(--plasma-typo-h2-font-size);--plasma-tab-item-font-style:var(--plasma-typo-h2-font-style);--plasma-tab-item-font-weight:var(--plasma-typo-h2-font-weight);--plasma-tab-item-letter-spacing:var(--plasma-typo-h2-letter-spacing);--plasma-tab-item-lineheight:var(--plasma-typo-h2-line-height);}
|
487
|
+
.TabItem_config_mjoml6_hsee6cj__b07c685a{--plasma-tab-item-border-radius:0.75rem;--plasma-tab-item-width:auto;--plasma-tab-item-height:5.75rem;--plasma-tab-item-padding:0rem;--plasma-tab-item-margin-left:3.5rem;--plasma-tab-item-content-gap:0.5rem;--plasma-tab-item-font-family:var(--plasma-typo-h1-font-family);--plasma-tab-item-font-size:var(--plasma-typo-h1-font-size);--plasma-tab-item-font-style:var(--plasma-typo-h1-font-style);--plasma-tab-item-font-weight:var(--plasma-typo-h1-font-weight);--plasma-tab-item-letter-spacing:var(--plasma-typo-h1-letter-spacing);--plasma-tab-item-lineheight:var(--plasma-typo-h1-line-height);}
|
488
|
+
.TabItem_config_mjoml6_t1uqdflh__b07c685a{--plasma-tabs-disabled-opacity:0.4;}
|
489
|
+
.TabItem_config_mjoml6_t1cm9seg__b07c685a{--plasma-tab-item-pilled-border-radius:1.5rem;}
|
505
490
|
|
506
491
|
.TextArea_config_2vh2du_x1g7h1jw__a95edd88{--plasma-textarea-input-width:100%;--plasma-textarea-input-height:7.312rem;--plasma-textarea-input-min-height:0.625rem;--plasma-textarea-border-radius:0.5rem;--plasma-textarea-border-radius-with-helpers:0.5rem;--plasma-textarea-input-padding-top:0.563rem;--plasma-textarea-input-padding-right:0.625rem;--plasma-textarea-input-padding-right-with-right-content:2.125rem;--plasma-textarea-input-padding-bottom:0.563rem;--plasma-textarea-input-padding-bottom-with-helpers:0.563rem;--plasma-textarea-input-padding-left:0.625rem;--plasma-textarea-helpers-padding-top:0.25rem;--plasma-textarea-helpers-padding-right:0rem;--plasma-textarea-helpers-padding-bottom:0rem;--plasma-textarea-helpers-padding-left:0rem;--plasma-textarea-helpers-offset:0.375rem;--plasma-textarea-right-content-top:0.563rem;--plasma-textarea-right-content-right:0.5rem;--plasma-textarea-right-content-height:1.25rem;--plasma-textarea-label-margin-bottom:0.375rem;--plasma-textarea-label-inner-font-family:'SB Sans Text','SBSansText',sans-serif;--plasma-textarea-label-inner-font-size:0.625rem;--plasma-textarea-label-inner-font-style:normal;--plasma-textarea-label-inner-font-weight:400;--plasma-textarea-label-inner-letter-spacing:-0.02em;--plasma-textarea-label-inner-line-height:0.75rem;--plasma-textarea-label-inner-top:0rem;--plasma-textarea-label-inner-margin-bottom:0rem;--plasma-textarea-input-font-family:var(--plasma-typo-caption-font-family);--plasma-textarea-input-font-size:var(--plasma-typo-caption-font-size);--plasma-textarea-input-font-style:var(--plasma-typo-caption-font-style);--plasma-textarea-input-font-weight:var(--plasma-typo-caption-font-weight);--plasma-textarea-input-letter-spacing:var(--plasma-typo-caption-letter-spacing);--plasma-textarea-input-line-height:var(--plasma-typo-caption-line-height);--plasma-textarea-helpers-font-family:var(--plasma-typo-caption-font-family);--plasma-textarea-helpers-font-size:var(--plasma-typo-caption-font-size);--plasma-textarea-helpers-font-style:var(--plasma-typo-caption-font-style);--plasma-textarea-helpers-font-weight:var(--plasma-typo-caption-font-weight);--plasma-textarea-helpers-letter-spacing:var(--plasma-typo-caption-letter-spacing);--plasma-textarea-helpers-line-height:var(--plasma-typo-caption-line-height);--plasma-textarea-indicator-size-inner:0.375rem;--plasma-textarea-indicator-size-outer:0.375rem;--plasma-textarea-indicator-placement-inner:0 0 0 0;--plasma-textarea-indicator-placement-outer:0.25rem auto auto -0.625rem;--plasma-textarea-indicator-placement-inner-right:0 0 auto auto;--plasma-textarea-indicator-placement-outer-right:0.125rem -0.675rem auto auto;}
|
507
492
|
.TextArea_config_2vh2du_s1rie450__a95edd88{--plasma-textarea-input-width:100%;--plasma-textarea-input-height:7.187rem;--plasma-textarea-input-min-height:0.625rem;--plasma-textarea-border-radius:0.625rem;--plasma-textarea-border-radius-with-helpers:0.625rem;--plasma-textarea-input-padding-top:0.688rem;--plasma-textarea-input-padding-right:0.875rem;--plasma-textarea-input-padding-right-with-right-content:3.125rem;--plasma-textarea-input-padding-bottom:0.75rem;--plasma-textarea-input-padding-bottom-with-helpers:0.75rem;--plasma-textarea-input-padding-left:0.875rem;--plasma-textarea-helpers-padding-top:0.25rem;--plasma-textarea-helpers-padding-right:0rem;--plasma-textarea-helpers-padding-bottom:0rem;--plasma-textarea-helpers-padding-left:0rem;--plasma-textarea-helpers-offset:0.375rem;--plasma-textarea-right-content-top:0.688rem;--plasma-textarea-right-content-right:0.75rem;--plasma-textarea-right-content-height:1.25rem;--plasma-textarea-label-margin-bottom:0.5rem;--plasma-textarea-label-inner-font-family:var(--plasma-typo-caption-font-family);--plasma-textarea-label-inner-font-size:var(--plasma-typo-caption-font-size);--plasma-textarea-label-inner-font-style:var(--plasma-typo-caption-font-style);--plasma-textarea-label-inner-font-weight:var(--plasma-typo-caption-font-weight);--plasma-textarea-label-inner-letter-spacing:var(--plasma-typo-caption-letter-spacing);--plasma-textarea-label-inner-line-height:var(--plasma-typo-caption-line-height);--plasma-textarea-label-inner-top:0.375rem;--plasma-textarea-label-inner-margin-bottom:0.125rem;--plasma-textarea-input-font-family:var(--plasma-typo-footnote1-font-family);--plasma-textarea-input-font-size:var(--plasma-typo-footnote1-font-size);--plasma-textarea-input-font-style:var(--plasma-typo-footnote1-font-style);--plasma-textarea-input-font-weight:var(--plasma-typo-footnote1-font-weight);--plasma-textarea-input-letter-spacing:var(--plasma-typo-footnote1-letter-spacing);--plasma-textarea-input-line-height:var(--plasma-typo-footnote1-line-height);--plasma-textarea-helpers-font-family:var(--plasma-typo-caption-font-family);--plasma-textarea-helpers-font-size:var(--plasma-typo-caption-font-size);--plasma-textarea-helpers-font-style:var(--plasma-typo-caption-font-style);--plasma-textarea-helpers-font-weight:var(--plasma-typo-caption-font-weight);--plasma-textarea-helpers-letter-spacing:var(--plasma-typo-caption-letter-spacing);--plasma-textarea-helpers-line-height:var(--plasma-typo-caption-line-height);--plasma-textarea-indicator-size-inner:0.375rem;--plasma-textarea-indicator-size-outer:0.375rem;--plasma-textarea-indicator-placement-inner:0 0 0 0;--plasma-textarea-indicator-placement-outer:0.375rem auto auto -0.675rem;--plasma-textarea-indicator-placement-inner-right:0 0 auto auto;--plasma-textarea-indicator-placement-outer-right:0.25rem -0.625rem auto auto;}
|
@@ -8,10 +8,10 @@ export var config = {
|
|
8
8
|
},
|
9
9
|
variations: {
|
10
10
|
view: {
|
11
|
-
clear: /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-secondary);\n ", ":
|
12
|
-
secondary: /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n ", ":
|
13
|
-
divider: /*#__PURE__*/css(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-secondary);\n ", ":
|
14
|
-
"default": /*#__PURE__*/css(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n ", ":
|
11
|
+
clear: /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-secondary);\n ", ": transparent;\n ", ": var(--text-secondary-hover);\n ", ": var(--text-secondary-active);\n ", ": transparent;\n ", ": var(--text-primary);\n ", ": transparent;\n ", ": var(--text-primary);\n ", ": transparent;\n ", ": background-color 0.3s ease-in-out;\n\n ", ": 0;\n ", ": 0;\n\n ", ": var(--surface-accent);\n\n ", ": 0rem;\n ", ": var(--text-primary);\n ", ": var(--text-primary);\n\n ", ": var(--text-tertiary);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary);\n "])), tabsTokens.itemColor, tabsTokens.itemBackgroundColor, tabsTokens.itemColorHover, tabsTokens.itemColorActive, tabsTokens.itemBackgroundColorHover, tabsTokens.itemSelectedColor, tabsTokens.itemSelectedBackgroundColor, tabsTokens.itemSelectedColorHover, tabsTokens.itemSelectedBackgroundColorHover, tabsTokens.itemBackgroundTransition, tabsTokens.itemPaddingClear, tabsTokens.itemContentPaddingClear, tabsTokens.outlineFocusColor, tabsTokens.itemSelectedDividerHeight, tabsTokens.itemSelectedDividerColor, tabsTokens.itemSelectedDividerColorHover, tabsTokens.additionalContentColor, tabsTokens.additionalContentHoverColor, tabsTokens.additionalContentSelectedColor, tabsTokens.additionalContentSelectedHoverColor),
|
12
|
+
secondary: /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n ", ": transparent;\n ", ": var(--text-secondary-hover);\n ", ": var(--text-secondary-active);\n ", ": transparent;\n ", ": var(--text-primary);\n ", ": var(--surface-solid-card);\n ", ": var(--text-primary);\n ", ": var(--surface-solid-card);\n ", ": background-color 0.3s ease-in-out;\n\n ", ": 0.125rem;\n\n ", ": var(--surface-accent);\n\n ", ": 0rem;\n ", ": var(--text-primary);\n ", ": var(--text-primary);\n\n ", ": var(--text-secondary);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary);\n "])), tabsTokens.itemColor, tabsTokens.itemBackgroundColor, tabsTokens.itemColorHover, tabsTokens.itemColorActive, tabsTokens.itemBackgroundColorHover, tabsTokens.itemSelectedColor, tabsTokens.itemSelectedBackgroundColor, tabsTokens.itemSelectedColorHover, tabsTokens.itemSelectedBackgroundColorHover, tabsTokens.itemBackgroundTransition, tabsTokens.itemMarginLeftFilled, tabsTokens.outlineFocusColor, tabsTokens.itemSelectedDividerHeight, tabsTokens.itemSelectedDividerColor, tabsTokens.itemSelectedDividerColorHover, tabsTokens.additionalContentColor, tabsTokens.additionalContentHoverColor, tabsTokens.additionalContentSelectedColor, tabsTokens.additionalContentSelectedHoverColor),
|
13
|
+
divider: /*#__PURE__*/css(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-secondary);\n ", ": transparent;\n ", ": var(--text-secondary-hover);\n ", ": var(--text-secondary-active);\n ", ": transparent;\n ", ": var(--text-primary);\n ", ": transparent;\n ", ": var(--text-primary);\n ", ": transparent;\n ", ": background-color 0.3s ease-in-out;\n\n ", ": 0;\n ", ": 0;\n\n ", ": var(--surface-accent);\n\n ", ": 0.125rem;\n ", ": var(--text-primary);\n ", ": var(--text-primary);\n\n ", ": var(--text-tertiary);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary);\n "])), tabsTokens.itemColor, tabsTokens.itemBackgroundColor, tabsTokens.itemColorHover, tabsTokens.itemColorActive, tabsTokens.itemBackgroundColorHover, tabsTokens.itemSelectedColor, tabsTokens.itemSelectedBackgroundColor, tabsTokens.itemSelectedColorHover, tabsTokens.itemSelectedBackgroundColorHover, tabsTokens.itemBackgroundTransition, tabsTokens.itemPaddingClear, tabsTokens.itemContentPaddingClear, tabsTokens.outlineFocusColor, tabsTokens.itemSelectedDividerHeight, tabsTokens.itemSelectedDividerColor, tabsTokens.itemSelectedDividerColorHover, tabsTokens.additionalContentColor, tabsTokens.additionalContentHoverColor, tabsTokens.additionalContentSelectedColor, tabsTokens.additionalContentSelectedHoverColor),
|
14
|
+
"default": /*#__PURE__*/css(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n ", ": transparent;\n ", ": var(--text-secondary-hover);\n ", ": var(--text-secondary-active);\n ", ": transparent;\n ", ": var(--inverse-text-primary);\n ", ": var(--surface-solid-default);\n ", ": var(--inverse-text-primary);\n ", ": var(--surface-solid-default);\n ", ": background-color 0.3s ease-in-out;\n\n ", ": 0.125rem;\n\n ", ": var(--surface-accent);\n\n ", ": 0rem;\n ", ": var(--text-primary);\n ", ": var(--text-primary);\n\n ", ": var(--text-secondary);\n ", ": var(--text-secondary);\n ", ": var(--inverse-text-secondary);\n ", ": var(--inverse-text-secondary);\n "])), tabsTokens.itemColor, tabsTokens.itemBackgroundColor, tabsTokens.itemColorHover, tabsTokens.itemColorActive, tabsTokens.itemBackgroundColorHover, tabsTokens.itemSelectedColor, tabsTokens.itemSelectedBackgroundColor, tabsTokens.itemSelectedColorHover, tabsTokens.itemSelectedBackgroundColorHover, tabsTokens.itemBackgroundTransition, tabsTokens.itemMarginLeftFilled, tabsTokens.outlineFocusColor, tabsTokens.itemSelectedDividerHeight, tabsTokens.itemSelectedDividerColor, tabsTokens.itemSelectedDividerColorHover, tabsTokens.additionalContentColor, tabsTokens.additionalContentHoverColor, tabsTokens.additionalContentSelectedColor, tabsTokens.additionalContentSelectedHoverColor)
|
15
15
|
},
|
16
16
|
size: {
|
17
17
|
xs: /*#__PURE__*/css(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.375rem;\n ", ": auto;\n ", ": 2rem;\n ", ": 0 0.5rem;\n ", ": 0 0.375rem;\n ", ": 1.75rem;\n ", ": 0.25rem;\n ", ": 0.125rem;\n\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n "])), tabsTokens.itemBorderRadius, tabsTokens.itemWidth, tabsTokens.itemHeight, tabsTokens.itemPadding, tabsTokens.itemPaddingPilled, tabsTokens.itemMarginLeft, tabsTokens.itemContentGap, tabsTokens.itemContentPadding, tabsTokens.fontFamily, tabsTokens.fontSize, tabsTokens.fontStyle, tabsTokens.fontWeight, tabsTokens.letterSpacing, tabsTokens.lineHeight),
|
@@ -1,18 +1,8 @@
|
|
1
|
-
import
|
2
|
-
import {
|
3
|
-
|
4
|
-
import { config as verticalConfig } from './vertical/VerticalTabItem.config';
|
5
|
-
var mergedHorizontalTabItemConfig = /*#__PURE__*/mergeConfig(horizontalTabItemConfig, horizontalConfig);
|
6
|
-
var HorizontalTabItem = /*#__PURE__*/component(mergedHorizontalTabItemConfig);
|
7
|
-
var mergedVerticalTabItemConfig = /*#__PURE__*/mergeConfig(verticalTabItemConfig, verticalConfig);
|
8
|
-
var VerticalTabItem = /*#__PURE__*/component(mergedVerticalTabItemConfig);
|
1
|
+
import { tabItemConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/styled-components';
|
2
|
+
import { config } from './TabItem.config';
|
3
|
+
var mergedConfig = /*#__PURE__*/mergeConfig(tabItemConfig, config);
|
9
4
|
|
10
5
|
/**
|
11
6
|
* Элемент списка, недопустимо использовать вне компонента Tabs.
|
12
7
|
*/
|
13
|
-
export var TabItem =
|
14
|
-
if (props.orientation === 'vertical') {
|
15
|
-
return /*#__PURE__*/React.createElement(VerticalTabItem, props);
|
16
|
-
}
|
17
|
-
return /*#__PURE__*/React.createElement(HorizontalTabItem, props);
|
18
|
-
};
|
8
|
+
export var TabItem = /*#__PURE__*/component(mergedConfig);
|
@@ -1,20 +1,7 @@
|
|
1
|
-
import
|
2
|
-
import {
|
3
|
-
|
4
|
-
import { config as verticalConfig } from './vertical/VerticalTabs.config';
|
5
|
-
var mergedHorizontalTabsConfig = /*#__PURE__*/mergeConfig(horizontalTabsConfig, horizontalConfig);
|
6
|
-
var mergedVerticalTabsConfig = /*#__PURE__*/mergeConfig(verticalTabsConfig, verticalConfig);
|
7
|
-
var HorizontalTabs = /*#__PURE__*/component(mergedHorizontalTabsConfig);
|
8
|
-
var VerticalTabs = /*#__PURE__*/component(mergedVerticalTabsConfig);
|
9
|
-
|
1
|
+
import { tabsConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/styled-components';
|
2
|
+
import { config } from './Tabs.config';
|
3
|
+
var mergedConfig = /*#__PURE__*/mergeConfig(tabsConfig, config);
|
10
4
|
/**
|
11
5
|
* Контейнер вкладок, основной компонент для пользовательской сборки вкладок.
|
12
6
|
*/
|
13
|
-
export var Tabs =
|
14
|
-
if (props.orientation === 'vertical') {
|
15
|
-
return /*#__PURE__*/React.createElement(VerticalTabsContext.Provider, {
|
16
|
-
value: props.contentLeft
|
17
|
-
}, /*#__PURE__*/React.createElement(VerticalTabs, props));
|
18
|
-
}
|
19
|
-
return /*#__PURE__*/React.createElement(HorizontalTabs, props);
|
20
|
-
};
|
7
|
+
export var Tabs = /*#__PURE__*/component(mergedConfig);
|
package/es/hooks/index.js
CHANGED
@@ -1,2 +1,3 @@
|
|
1
1
|
export { useForkRef, useIsomorphicLayoutEffect, useDebouncedFunction } from '@salutejs/plasma-core';
|
2
|
-
export { useFocusTrap } from '@salutejs/plasma-hope';
|
2
|
+
export { useFocusTrap } from '@salutejs/plasma-hope';
|
3
|
+
export { useForm } from '@salutejs/plasma-new-hope/styled-components';
|
package/hooks/index.d.ts
CHANGED
package/hooks/index.js
CHANGED
@@ -21,6 +21,12 @@ Object.defineProperty(exports, "useForkRef", {
|
|
21
21
|
return _plasmaCore.useForkRef;
|
22
22
|
}
|
23
23
|
});
|
24
|
+
Object.defineProperty(exports, "useForm", {
|
25
|
+
enumerable: true,
|
26
|
+
get: function get() {
|
27
|
+
return _styledComponents.useForm;
|
28
|
+
}
|
29
|
+
});
|
24
30
|
Object.defineProperty(exports, "useIsomorphicLayoutEffect", {
|
25
31
|
enumerable: true,
|
26
32
|
get: function get() {
|
@@ -28,4 +34,5 @@ Object.defineProperty(exports, "useIsomorphicLayoutEffect", {
|
|
28
34
|
}
|
29
35
|
});
|
30
36
|
var _plasmaCore = /*#__PURE__*/require("@salutejs/plasma-core");
|
31
|
-
var _plasmaHope = /*#__PURE__*/require("@salutejs/plasma-hope");
|
37
|
+
var _plasmaHope = /*#__PURE__*/require("@salutejs/plasma-hope");
|
38
|
+
var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@salutejs/plasma-web",
|
3
|
-
"version": "1.
|
3
|
+
"version": "1.409.0-canary.1421.11113740435.0",
|
4
4
|
"description": "Salute Design System / React UI kit for web applications",
|
5
5
|
"author": "Salute Frontend Team <salute.developers@gmail.com>",
|
6
6
|
"license": "MIT",
|
@@ -21,7 +21,7 @@
|
|
21
21
|
"dependencies": {
|
22
22
|
"@salutejs/plasma-core": "1.180.0",
|
23
23
|
"@salutejs/plasma-hope": "1.312.0",
|
24
|
-
"@salutejs/plasma-new-hope": "0.
|
24
|
+
"@salutejs/plasma-new-hope": "0.157.0-canary.1421.11113740435.0",
|
25
25
|
"@salutejs/plasma-themes": "0.18.0",
|
26
26
|
"@salutejs/plasma-tokens-b2b": "1.42.0",
|
27
27
|
"@salutejs/plasma-tokens-b2c": "0.52.0",
|
@@ -112,5 +112,5 @@
|
|
112
112
|
"Fanil Zubairov"
|
113
113
|
],
|
114
114
|
"sideEffects": false,
|
115
|
-
"gitHead": "
|
115
|
+
"gitHead": "e5dc1891e11d304faec034bab5be59b770e0ea4b"
|
116
116
|
}
|
package/temp/plasma-web.api.md
CHANGED
@@ -101,6 +101,8 @@ import { CounterProps } from '@salutejs/plasma-new-hope/styled-components';
|
|
101
101
|
import { counterTokens } from '@salutejs/plasma-new-hope/styled-components';
|
102
102
|
import { CustomComboboxProps } from '@salutejs/plasma-new-hope/types/components/Combobox/ComboboxOld/Combobox.types';
|
103
103
|
import { CustomPopoverProps } from '@salutejs/plasma-new-hope/types/components/Popover/Popover.types';
|
104
|
+
import { CustomTabItemProps } from '@salutejs/plasma-new-hope/types/components/Tabs/ui/TabItem/TabItem.types';
|
105
|
+
import { CustomTabsProps } from '@salutejs/plasma-new-hope/types/components/Tabs/ui/Tabs/Tabs.types';
|
104
106
|
import { CustomToastProps } from '@salutejs/plasma-new-hope/types/components/Toast/Toast.types';
|
105
107
|
import { DateInfo } from '@salutejs/plasma-new-hope/types/components/Calendar/Calendar.types';
|
106
108
|
import { DatePickerCalendarProps } from '@salutejs/plasma-new-hope/types/components/DatePicker/DatePickerBase.types';
|
@@ -136,6 +138,8 @@ import { FC } from 'react';
|
|
136
138
|
import { Filter } from '@salutejs/plasma-new-hope/types/engines/types';
|
137
139
|
import { FocusProps } from '@salutejs/plasma-core';
|
138
140
|
import { formatCurrency } from '@salutejs/plasma-core';
|
141
|
+
import { FormTypeNumber } from '@salutejs/plasma-new-hope/types/types/FormType';
|
142
|
+
import { FormTypeString } from '@salutejs/plasma-new-hope/types/types/FormType';
|
139
143
|
import { ForwardRefExoticComponent } from 'react';
|
140
144
|
import { FunctionComponent } from 'react';
|
141
145
|
import { gridBreakpoints } from '@salutejs/plasma-hope';
|
@@ -243,10 +247,11 @@ import { sheetClasses } from '@salutejs/plasma-new-hope/styled-components';
|
|
243
247
|
import { SheetProps } from '@salutejs/plasma-new-hope/styled-components';
|
244
248
|
import { ShiftProps } from '@salutejs/plasma-core';
|
245
249
|
import { ShowToastArgs } from '@salutejs/plasma-new-hope/styled-components';
|
246
|
-
import { SingleSliderProps } from '@salutejs/plasma-new-hope/styled-components';
|
247
250
|
import { SkeletonGradientProps } from '@salutejs/plasma-core';
|
248
251
|
import { SkeletonGradientProps as SkeletonGradientProps_2 } from '@salutejs/plasma-new-hope/styled-components';
|
249
252
|
import { SkeletonSizeProps } from '@salutejs/plasma-new-hope/types/components/Skeleton/Skeleton.types';
|
253
|
+
import { SliderBaseProps } from '@salutejs/plasma-new-hope/types/components/Slider/components/SliderBase/SliderBase.types';
|
254
|
+
import { SliderInternalProps } from '@salutejs/plasma-new-hope/types/components/Slider/components';
|
250
255
|
import { SliderProps } from '@salutejs/plasma-new-hope/styled-components';
|
251
256
|
import { SmartPaginationDots } from '@salutejs/plasma-hope';
|
252
257
|
import { SmartPaginationDotsProps } from '@salutejs/plasma-hope';
|
@@ -305,6 +310,7 @@ import { UploadVisualProps } from '@salutejs/plasma-hope';
|
|
305
310
|
import { useDebouncedFunction } from '@salutejs/plasma-core';
|
306
311
|
import { useFocusTrap } from '@salutejs/plasma-hope';
|
307
312
|
import { useForkRef } from '@salutejs/plasma-core';
|
313
|
+
import { useForm } from '@salutejs/plasma-new-hope/styled-components';
|
308
314
|
import { useIsomorphicLayoutEffect } from '@salutejs/plasma-core';
|
309
315
|
import { usePopupContext as usePopupBaseContext } from '@salutejs/plasma-new-hope/styled-components';
|
310
316
|
import { useSegment } from '@salutejs/plasma-new-hope/styled-components';
|
@@ -1582,8 +1588,15 @@ true: PolymorphicClassName;
|
|
1582
1588
|
}> & DatePickerdVariationProps & {
|
1583
1589
|
defaultFirstDate?: Date | undefined;
|
1584
1590
|
defaultSecondDate?: Date | undefined;
|
1591
|
+
name?: string | undefined;
|
1585
1592
|
onCommitFirstDate?: ((value: string | Date, error?: boolean | undefined, success?: boolean | undefined, dateInfo?: DateInfo | undefined) => void) | undefined;
|
1586
1593
|
onCommitSecondDate?: ((value: string | Date, error?: boolean | undefined, success?: boolean | undefined, dateInfo?: DateInfo | undefined) => void) | undefined;
|
1594
|
+
onChange?: ((event: {
|
1595
|
+
target: {
|
1596
|
+
value?: string | undefined;
|
1597
|
+
name?: string | undefined;
|
1598
|
+
};
|
1599
|
+
}) => void) | undefined;
|
1587
1600
|
} & {
|
1588
1601
|
label?: string | undefined;
|
1589
1602
|
view?: string | undefined;
|
@@ -2949,7 +2962,53 @@ s: PolymorphicClassName;
|
|
2949
2962
|
disabled: {
|
2950
2963
|
true: PolymorphicClassName;
|
2951
2964
|
};
|
2952
|
-
}> & ((
|
2965
|
+
}> & ((SliderBaseProps & SliderInternalProps & {
|
2966
|
+
onChange?: ((event: FormTypeNumber) => void) | undefined;
|
2967
|
+
name: string;
|
2968
|
+
value?: undefined;
|
2969
|
+
defaultValue?: number | undefined;
|
2970
|
+
} & Omit<HTMLAttributes<HTMLDivElement>, "onChange"> & {
|
2971
|
+
onChangeCommitted?: ((value: number) => void) | undefined;
|
2972
|
+
ariaLabel?: string | undefined;
|
2973
|
+
showCurrentValue?: boolean | undefined;
|
2974
|
+
showRangeValues?: boolean | undefined;
|
2975
|
+
hideMinValueDiff?: number | undefined;
|
2976
|
+
hideMaxValueDiff?: number | undefined;
|
2977
|
+
rangeValuesPlacement?: "outer" | "inner" | undefined;
|
2978
|
+
labelPlacement?: "outer" | "inner" | undefined;
|
2979
|
+
multipleStepSize?: number | undefined;
|
2980
|
+
view?: string | undefined;
|
2981
|
+
size?: "m" | "s" | "l" | undefined;
|
2982
|
+
type?: "single" | undefined;
|
2983
|
+
} & RefAttributes<HTMLDivElement>) | (SliderBaseProps & SliderInternalProps & {
|
2984
|
+
onChange?: ((value: number) => void) | undefined;
|
2985
|
+
value: number;
|
2986
|
+
name?: undefined;
|
2987
|
+
defaultValue?: undefined;
|
2988
|
+
} & Omit<HTMLAttributes<HTMLDivElement>, "onChange"> & {
|
2989
|
+
onChangeCommitted?: ((value: number) => void) | undefined;
|
2990
|
+
ariaLabel?: string | undefined;
|
2991
|
+
showCurrentValue?: boolean | undefined;
|
2992
|
+
showRangeValues?: boolean | undefined;
|
2993
|
+
hideMinValueDiff?: number | undefined;
|
2994
|
+
hideMaxValueDiff?: number | undefined;
|
2995
|
+
rangeValuesPlacement?: "outer" | "inner" | undefined;
|
2996
|
+
labelPlacement?: "outer" | "inner" | undefined;
|
2997
|
+
multipleStepSize?: number | undefined;
|
2998
|
+
view?: string | undefined;
|
2999
|
+
size?: "m" | "s" | "l" | undefined;
|
3000
|
+
type?: "single" | undefined;
|
3001
|
+
} & RefAttributes<HTMLDivElement>) | (Omit<DoubleSliderProps, "onChange" | "value"> & {
|
3002
|
+
onChange?: ((event: FormTypeString) => void) | undefined;
|
3003
|
+
name?: string | undefined;
|
3004
|
+
value?: undefined;
|
3005
|
+
defaultValue?: number[] | undefined;
|
3006
|
+
} & RefAttributes<HTMLDivElement>) | (Omit<DoubleSliderProps, "onChange" | "value"> & {
|
3007
|
+
onChange?: ((values: number[]) => void) | undefined;
|
3008
|
+
name?: undefined;
|
3009
|
+
value?: number[] | undefined;
|
3010
|
+
defaultValue?: undefined;
|
3011
|
+
} & RefAttributes<HTMLDivElement>))>;
|
2953
3012
|
|
2954
3013
|
export { SliderProps }
|
2955
3014
|
|
@@ -3009,14 +3068,14 @@ export type SwitchProps = ComponentProps<typeof SwitchComponent>;
|
|
3009
3068
|
export { syntheticFocus }
|
3010
3069
|
|
3011
3070
|
// @public
|
3012
|
-
export const TabItem:
|
3071
|
+
export const TabItem: ForwardRefExoticComponent<ButtonHTMLAttributes<HTMLButtonElement> & AsProps_2<any> & CustomTabItemProps & RefAttributes<HTMLDivElement>>;
|
3013
3072
|
|
3014
3073
|
export { TabItemProps }
|
3015
3074
|
|
3016
3075
|
export { TabItemRefs }
|
3017
3076
|
|
3018
3077
|
// @public
|
3019
|
-
export const Tabs:
|
3078
|
+
export const Tabs: ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & AsProps_2<any> & CustomTabsProps & RefAttributes<HTMLDivElement>>;
|
3020
3079
|
|
3021
3080
|
export { TabsContext }
|
3022
3081
|
|
@@ -3276,6 +3335,8 @@ export { useFocusTrap }
|
|
3276
3335
|
|
3277
3336
|
export { useForkRef }
|
3278
3337
|
|
3338
|
+
export { useForm }
|
3339
|
+
|
3279
3340
|
export { useIsomorphicLayoutEffect }
|
3280
3341
|
|
3281
3342
|
export { usePopupBaseContext }
|
@@ -1,20 +0,0 @@
|
|
1
|
-
export declare const config: {
|
2
|
-
defaults: {
|
3
|
-
view: string;
|
4
|
-
size: string;
|
5
|
-
};
|
6
|
-
variations: {
|
7
|
-
view: {
|
8
|
-
divider: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
9
|
-
};
|
10
|
-
size: {
|
11
|
-
xs: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
12
|
-
s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
13
|
-
m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
14
|
-
l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
15
|
-
};
|
16
|
-
disabled: {
|
17
|
-
true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
18
|
-
};
|
19
|
-
};
|
20
|
-
};
|
@@ -1,29 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
exports.config = void 0;
|
7
|
-
var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
|
8
|
-
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
|
9
|
-
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
10
|
-
var config = exports.config = {
|
11
|
-
defaults: {
|
12
|
-
view: 'divider',
|
13
|
-
size: 'l'
|
14
|
-
},
|
15
|
-
variations: {
|
16
|
-
view: {
|
17
|
-
divider: /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-secondary);\n ", ": var(--text-tertiary);\n ", ": transparent;\n ", ": var(--text-secondary-hover);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary-active);\n ", ": var(--text-secondary);\n ", ": transparent;\n ", ": var(--text-primary);\n ", ": var(--text-secondary);\n ", ": transparent;\n ", ": var(--text-primary);\n ", ": var(--text-secondary);\n ", ": transparent;\n ", ": background-color 0.3s ease-in-out;\n\n ", ": 0;\n ", ": 0;\n\n ", ": var(--surface-accent);\n\n ", ": 0.125rem;\n ", ": 0.125rem;\n ", ": var(--text-primary);\n ", ": var(--text-primary);\n "])), _styledComponents.tabsTokens.itemColor, _styledComponents.tabsTokens.itemValueColor, _styledComponents.tabsTokens.itemBackgroundColor, _styledComponents.tabsTokens.itemColorHover, _styledComponents.tabsTokens.itemValueColorHover, _styledComponents.tabsTokens.itemColorActive, _styledComponents.tabsTokens.itemValueColorActive, _styledComponents.tabsTokens.itemBackgroundColorHover, _styledComponents.tabsTokens.itemSelectedColor, _styledComponents.tabsTokens.itemSelectedValueColor, _styledComponents.tabsTokens.itemSelectedBackgroundColor, _styledComponents.tabsTokens.itemSelectedColorHover, _styledComponents.tabsTokens.itemSelectedValueColorHover, _styledComponents.tabsTokens.itemSelectedBackgroundColorHover, _styledComponents.tabsTokens.itemBackgroundTransition, _styledComponents.tabsTokens.itemPaddingClear, _styledComponents.tabsTokens.itemContentPaddingClear, _styledComponents.tabsTokens.outlineFocusColor, _styledComponents.tabsTokens.itemSelectedDividerWidth, _styledComponents.tabsTokens.itemSelectedDividerHeight, _styledComponents.tabsTokens.itemSelectedDividerColor, _styledComponents.tabsTokens.itemSelectedDividerColorHover)
|
18
|
-
},
|
19
|
-
size: {
|
20
|
-
xs: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.375rem;\n ", ": auto;\n ", ": 2rem;\n ", ": 0 0.5rem;\n ", ": 0 0.375rem;\n ", ": 0.5rem 0.625rem;\n ", ": 0.625rem;\n ", ": 0.25rem;\n ", ": 0.125rem;\n\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n "])), _styledComponents.tabsTokens.itemBorderRadius, _styledComponents.tabsTokens.itemWidth, _styledComponents.tabsTokens.itemHeight, _styledComponents.tabsTokens.itemPadding, _styledComponents.tabsTokens.itemPaddingPilled, _styledComponents.tabsTokens.itemPaddingOrientationVertical, _styledComponents.tabsTokens.itemMarginLeft, _styledComponents.tabsTokens.itemContentGap, _styledComponents.tabsTokens.itemContentPadding, _styledComponents.tabsTokens.fontFamily, _styledComponents.tabsTokens.fontSize, _styledComponents.tabsTokens.fontStyle, _styledComponents.tabsTokens.fontWeight, _styledComponents.tabsTokens.letterSpacing, _styledComponents.tabsTokens.lineHeight),
|
21
|
-
s: /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.5rem;\n ", ": auto;\n ", ": 2.5rem;\n ", ": 0 0.625rem;\n ", ": 0 0.5rem;\n ", ": 0.5rem 1rem;\n ", ": 0.75rem;\n ", ": 0.25rem;\n ", ": 0.125rem;\n\n ", ": var(--plasma-typo-body-s-font-family);\n ", ": var(--plasma-typo-body-s-font-size);\n ", ": var(--plasma-typo-body-s-font-style);\n ", ": var(--plasma-typo-body-s-font-weight);\n ", ": var(--plasma-typo-body-s-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n "])), _styledComponents.tabsTokens.itemBorderRadius, _styledComponents.tabsTokens.itemWidth, _styledComponents.tabsTokens.itemHeight, _styledComponents.tabsTokens.itemPadding, _styledComponents.tabsTokens.itemPaddingPilled, _styledComponents.tabsTokens.itemPaddingOrientationVertical, _styledComponents.tabsTokens.itemMarginLeft, _styledComponents.tabsTokens.itemContentGap, _styledComponents.tabsTokens.itemContentPadding, _styledComponents.tabsTokens.fontFamily, _styledComponents.tabsTokens.fontSize, _styledComponents.tabsTokens.fontStyle, _styledComponents.tabsTokens.fontWeight, _styledComponents.tabsTokens.letterSpacing, _styledComponents.tabsTokens.lineHeight),
|
22
|
-
m: /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.625rem;\n ", ": auto;\n ", ": 3rem;\n ", ": 0 0.625rem;\n ", ": 0 0.5rem;\n ", ": 0.75rem 1.25rem;\n ", ": 1.125rem;\n ", ": 0.375rem;\n ", ": 0.125rem;\n\n ", ": var(--plasma-typo-body-m-font-family);\n ", ": var(--plasma-typo-body-m-font-size);\n ", ": var(--plasma-typo-body-m-font-style);\n ", ": var(--plasma-typo-body-m-font-weight);\n ", ": var(--plasma-typo-body-m-letter-spacing);\n ", ": var(--plasma-typo-body-m-line-height);\n "])), _styledComponents.tabsTokens.itemBorderRadius, _styledComponents.tabsTokens.itemWidth, _styledComponents.tabsTokens.itemHeight, _styledComponents.tabsTokens.itemPadding, _styledComponents.tabsTokens.itemPaddingPilled, _styledComponents.tabsTokens.itemPaddingOrientationVertical, _styledComponents.tabsTokens.itemMarginLeft, _styledComponents.tabsTokens.itemContentGap, _styledComponents.tabsTokens.itemContentPadding, _styledComponents.tabsTokens.fontFamily, _styledComponents.tabsTokens.fontSize, _styledComponents.tabsTokens.fontStyle, _styledComponents.tabsTokens.fontWeight, _styledComponents.tabsTokens.letterSpacing, _styledComponents.tabsTokens.lineHeight),
|
23
|
-
l: /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.75rem;\n ", ": auto;\n ", ": 3.5rem;\n ", ": 0 0.875rem;\n ", ": 0 0.75rem;\n ", ": 1rem 1.5rem;\n ", ": 1.25rem;\n ", ": 0.5rem;\n ", ": 0.125rem;\n\n ", ": var(--plasma-typo-body-l-font-family);\n ", ": var(--plasma-typo-body-l-font-size);\n ", ": var(--plasma-typo-body-l-font-style);\n ", ": var(--plasma-typo-body-l-font-weight);\n ", ": var(--plasma-typo-body-l-letter-spacing);\n ", ": var(--plasma-typo-body-l-line-height);\n "])), _styledComponents.tabsTokens.itemBorderRadius, _styledComponents.tabsTokens.itemWidth, _styledComponents.tabsTokens.itemHeight, _styledComponents.tabsTokens.itemPadding, _styledComponents.tabsTokens.itemPaddingPilled, _styledComponents.tabsTokens.itemPaddingOrientationVertical, _styledComponents.tabsTokens.itemMarginLeft, _styledComponents.tabsTokens.itemContentGap, _styledComponents.tabsTokens.itemContentPadding, _styledComponents.tabsTokens.fontFamily, _styledComponents.tabsTokens.fontSize, _styledComponents.tabsTokens.fontStyle, _styledComponents.tabsTokens.fontWeight, _styledComponents.tabsTokens.letterSpacing, _styledComponents.tabsTokens.lineHeight)
|
24
|
-
},
|
25
|
-
disabled: {
|
26
|
-
"true": /*#__PURE__*/(0, _styledComponents.css)(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.4;\n "])), _styledComponents.tabsTokens.disabledOpacity)
|
27
|
-
}
|
28
|
-
}
|
29
|
-
};
|
@@ -1,23 +0,0 @@
|
|
1
|
-
export declare const config: {
|
2
|
-
defaults: {
|
3
|
-
view: string;
|
4
|
-
size: string;
|
5
|
-
};
|
6
|
-
variations: {
|
7
|
-
view: {
|
8
|
-
divider: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
9
|
-
};
|
10
|
-
size: {
|
11
|
-
xs: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
12
|
-
s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
13
|
-
m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
14
|
-
l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
15
|
-
};
|
16
|
-
stretch: {
|
17
|
-
true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
18
|
-
};
|
19
|
-
disabled: {
|
20
|
-
true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
21
|
-
};
|
22
|
-
};
|
23
|
-
};
|
@@ -1,32 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
exports.config = void 0;
|
7
|
-
var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
|
8
|
-
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
|
9
|
-
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
10
|
-
var config = exports.config = {
|
11
|
-
defaults: {
|
12
|
-
view: 'divider',
|
13
|
-
size: 'l'
|
14
|
-
},
|
15
|
-
variations: {
|
16
|
-
view: {
|
17
|
-
divider: /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-secondary);\n ", ": transparent;\n ", ": var(--surface-accent);\n\n ", ": 0.0625rem;\n ", ": 0.0625rem;\n ", ": var(--surface-transparent-tertiary);\n ", ": 0.0625rem;\n "])), _styledComponents.tabsTokens.arrowColor, _styledComponents.tabsTokens.tabsBackgroundColor, _styledComponents.tabsTokens.outlineFocusColor, _styledComponents.tabsTokens.tabsDividerWidth, _styledComponents.tabsTokens.tabsDividerHeight, _styledComponents.tabsTokens.tabsDividerColor, _styledComponents.tabsTokens.tabsDividerBorderRadius)
|
18
|
-
},
|
19
|
-
size: {
|
20
|
-
xs: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.5rem;\n ", ": fit-content;\n ", ": auto;\n ", ": 0rem;\n ", ": 0.125rem;\n "])), _styledComponents.tabsTokens.tabsBorderRadius, _styledComponents.tabsTokens.tabsWidth, _styledComponents.tabsTokens.tabsHeight, _styledComponents.tabsTokens.arrowInnerPadding, _styledComponents.tabsTokens.arrowOuterPadding),
|
21
|
-
s: /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.625rem;\n ", ": fit-content;\n ", ": auto;\n ", ": 0rem;\n ", ": 0.25rem;\n "])), _styledComponents.tabsTokens.tabsBorderRadius, _styledComponents.tabsTokens.tabsWidth, _styledComponents.tabsTokens.tabsHeight, _styledComponents.tabsTokens.arrowInnerPadding, _styledComponents.tabsTokens.arrowOuterPadding),
|
22
|
-
m: /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.75rem;\n ", ": fit-content;\n ", ": auto;\n ", ": 0rem;\n ", ": 0.625rem;\n "])), _styledComponents.tabsTokens.tabsBorderRadius, _styledComponents.tabsTokens.tabsWidth, _styledComponents.tabsTokens.tabsHeight, _styledComponents.tabsTokens.arrowInnerPadding, _styledComponents.tabsTokens.arrowOuterPadding),
|
23
|
-
l: /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.75rem;\n ", ": fit-content;\n ", ": auto;\n ", ": 0rem;\n ", ": 0.75rem;\n "])), _styledComponents.tabsTokens.tabsBorderRadius, _styledComponents.tabsTokens.tabsWidth, _styledComponents.tabsTokens.tabsHeight, _styledComponents.tabsTokens.arrowInnerPadding, _styledComponents.tabsTokens.arrowOuterPadding)
|
24
|
-
},
|
25
|
-
stretch: {
|
26
|
-
"true": /*#__PURE__*/(0, _styledComponents.css)(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 100%;\n "])), _styledComponents.tabsTokens.containerHeight)
|
27
|
-
},
|
28
|
-
disabled: {
|
29
|
-
"true": /*#__PURE__*/(0, _styledComponents.css)(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.4;\n "])), _styledComponents.tabsTokens.disabledOpacity)
|
30
|
-
}
|
31
|
-
}
|
32
|
-
};
|