nntc-ui 0.2.19 → 0.2.21
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/layout/Divider/Divider.d.ts +12 -0
- package/components/layout/Divider/Divider.d.ts.map +1 -0
- package/components/layout/Divider/index.d.ts +2 -0
- package/components/layout/Divider/index.d.ts.map +1 -0
- package/components/navigation/Tabs/Tabs.d.ts +2 -0
- package/components/navigation/Tabs/Tabs.d.ts.map +1 -1
- package/index.css +43 -9
- package/index.css.map +1 -1
- package/index.d.ts +1 -0
- package/index.d.ts.map +1 -1
- package/index.js +1 -1
- package/index.js.map +1 -1
- package/index.mjs +1 -1
- package/index.mjs.map +1 -1
- package/package.json +1 -1
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { HTMLAttributes } from 'react';
|
|
2
|
+
interface Props {
|
|
3
|
+
/** Толщина линии в пикселях. */
|
|
4
|
+
thickness?: number;
|
|
5
|
+
/** Ширина линии в процентах. Без значения линия на всю ширину. */
|
|
6
|
+
width?: number;
|
|
7
|
+
}
|
|
8
|
+
export declare const Divider: import("react").ForwardRefExoticComponent<Props & {
|
|
9
|
+
classes?: import("../../../models/UiProps").PropsObject;
|
|
10
|
+
} & HTMLAttributes<HTMLHRElement> & import("react").RefAttributes<HTMLHRElement>>;
|
|
11
|
+
export {};
|
|
12
|
+
//# sourceMappingURL=Divider.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Divider.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/Divider/Divider.tsx"],"names":[],"mappings":"AACA,OAAO,EAAiB,cAAc,EAAc,MAAM,OAAO,CAAC;AAMlE,UAAU,KAAK;IACb,gCAAgC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kEAAkE;IAClE,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,OAAO;;iFAqBlB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/Divider/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC"}
|
|
@@ -10,6 +10,8 @@ interface Props<T> {
|
|
|
10
10
|
filled?: boolean;
|
|
11
11
|
/** Заливка каждой вкладки по отдельности, с отступом между ними */
|
|
12
12
|
filledTabs?: boolean;
|
|
13
|
+
/** Растянуть горизонтальные вкладки поровну на всю ширину и центрировать содержимое */
|
|
14
|
+
fillEvenly?: boolean;
|
|
13
15
|
isVertical?: boolean;
|
|
14
16
|
/** Подпись повёрнута на бок, как на корешке. Иконка задаётся у вкладки, как обычно. */
|
|
15
17
|
verticalText?: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/Tabs/Tabs.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,YAAY,EAAmC,MAAM,OAAO,CAAC;AAKpG,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAE1C,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAGrC,UAAU,KAAK,CAAC,CAAC;IACf,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC;IACjB,eAAe,CAAC,EAAE,CAAC,CAAC;IACpB,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,CAAC,KAAK,IAAI,CAAC;IACjC,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,mEAAmE;IACnE,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,uFAAuF;IACvF,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;SAEK;IACL,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,wFAAwF;IACxF,KAAK,CAAC,EAAE,CAAC,CAAC;CACX;AAED,KAAK,SAAS,CAAC,CAAC,IAAI,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/Tabs/Tabs.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,YAAY,EAAmC,MAAM,OAAO,CAAC;AAKpG,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAE1C,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAGrC,UAAU,KAAK,CAAC,CAAC;IACf,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC;IACjB,eAAe,CAAC,EAAE,CAAC,CAAC;IACpB,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,CAAC,KAAK,IAAI,CAAC;IACjC,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,mEAAmE;IACnE,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,uFAAuF;IACvF,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,uFAAuF;IACvF,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;SAEK;IACL,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,wFAAwF;IACxF,KAAK,CAAC,EAAE,CAAC,CAAC;CACX;AAED,KAAK,SAAS,CAAC,CAAC,IAAI,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC,CAAC;AA8LzF,eAAO,MAAM,IAAI,EAA4B,CAAC,CAAC,EAC7C,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,YAAY,CAAC,cAAc,CAAC,CAAA;CAAE,KACzD,YAAY,CAAC"}
|
package/index.css
CHANGED
|
@@ -3424,7 +3424,6 @@
|
|
|
3424
3424
|
user-select: none;
|
|
3425
3425
|
background: none;
|
|
3426
3426
|
border: none;
|
|
3427
|
-
border-bottom: 1px solid var(--theme-divider);
|
|
3428
3427
|
}
|
|
3429
3428
|
|
|
3430
3429
|
.collapse-module__header__O2tiZ:focus-visible {
|
|
@@ -3438,12 +3437,13 @@
|
|
|
3438
3437
|
}
|
|
3439
3438
|
|
|
3440
3439
|
.collapse-module__header__O2tiZ.collapse-module__small__oMCcw {
|
|
3441
|
-
padding:
|
|
3440
|
+
padding: 6px 0 2px;
|
|
3442
3441
|
color: var(--theme-text-secondary);
|
|
3442
|
+
border-bottom: 1px solid var(--theme-divider);
|
|
3443
3443
|
}
|
|
3444
3444
|
|
|
3445
3445
|
.collapse-module__header__O2tiZ.collapse-module__medium__L7bmb {
|
|
3446
|
-
padding:
|
|
3446
|
+
padding: 8px;
|
|
3447
3447
|
color: var(--theme-text-primary);
|
|
3448
3448
|
}
|
|
3449
3449
|
|
|
@@ -3478,11 +3478,11 @@
|
|
|
3478
3478
|
}
|
|
3479
3479
|
|
|
3480
3480
|
.collapse-module__content__RPGR6.collapse-module__small__oMCcw {
|
|
3481
|
-
padding:
|
|
3481
|
+
padding: 2px 0 0;
|
|
3482
3482
|
}
|
|
3483
3483
|
|
|
3484
3484
|
.collapse-module__content__RPGR6.collapse-module__medium__L7bmb {
|
|
3485
|
-
padding: 8px
|
|
3485
|
+
padding: 8px;
|
|
3486
3486
|
}
|
|
3487
3487
|
|
|
3488
3488
|
.tabs-module__root__m7YiQ {
|
|
@@ -3597,6 +3597,10 @@
|
|
|
3597
3597
|
border-bottom: none;
|
|
3598
3598
|
}
|
|
3599
3599
|
|
|
3600
|
+
.tabs-module__root__m7YiQ.tabs-module__fill-evenly__N60ct:not(.tabs-module__vertical__sPO6h) {
|
|
3601
|
+
width: 100%;
|
|
3602
|
+
}
|
|
3603
|
+
|
|
3600
3604
|
.tabs-module__small__hiwdI.tabs-module__filled-tabs___LvVq {
|
|
3601
3605
|
gap: 4px;
|
|
3602
3606
|
}
|
|
@@ -3650,6 +3654,11 @@
|
|
|
3650
3654
|
height: auto;
|
|
3651
3655
|
}
|
|
3652
3656
|
|
|
3657
|
+
.tabs-module__root__m7YiQ.tabs-module__fill-evenly__N60ct:not(.tabs-module__vertical__sPO6h) .tabs-module__tab__NoNie {
|
|
3658
|
+
flex-grow: 1;
|
|
3659
|
+
width: 0;
|
|
3660
|
+
}
|
|
3661
|
+
|
|
3653
3662
|
.tabs-module__root__m7YiQ.tabs-module__vertical__sPO6h:not(.tabs-module__scrollable__eR0BR).tabs-module__small__hiwdI .tabs-module__tab__NoNie {
|
|
3654
3663
|
height: auto;
|
|
3655
3664
|
min-height: 24px;
|
|
@@ -3793,14 +3802,24 @@
|
|
|
3793
3802
|
padding: 0 16px;
|
|
3794
3803
|
}
|
|
3795
3804
|
|
|
3805
|
+
.tabs-module__root__m7YiQ.tabs-module__fill-evenly__N60ct:not(.tabs-module__vertical__sPO6h) .tabs-module__tab-title__XsuJP {
|
|
3806
|
+
justify-content: center;
|
|
3807
|
+
padding: 0 8px;
|
|
3808
|
+
}
|
|
3809
|
+
|
|
3810
|
+
.tabs-module__root__m7YiQ.tabs-module__fill-evenly__N60ct:not(.tabs-module__vertical__sPO6h) .tabs-module__tab-title__XsuJP > span {
|
|
3811
|
+
min-width: 0;
|
|
3812
|
+
overflow-wrap: break-word;
|
|
3813
|
+
}
|
|
3814
|
+
|
|
3796
3815
|
.tabs-module__tab-title__XsuJP > span {
|
|
3797
3816
|
overflow: hidden;
|
|
3798
3817
|
text-overflow: ellipsis;
|
|
3799
|
-
font-size: var(--text-
|
|
3800
|
-
font-weight: var(--text-
|
|
3801
|
-
line-height: var(--text-
|
|
3818
|
+
font-size: var(--text-caption-size);
|
|
3819
|
+
font-weight: var(--text-caption-weight);
|
|
3820
|
+
line-height: var(--text-caption-height);
|
|
3802
3821
|
color: var(--theme-text-secondary);
|
|
3803
|
-
letter-spacing: var(--text-
|
|
3822
|
+
letter-spacing: var(--text-caption-letter);
|
|
3804
3823
|
white-space: nowrap;
|
|
3805
3824
|
}
|
|
3806
3825
|
|
|
@@ -3939,5 +3958,20 @@
|
|
|
3939
3958
|
padding: 66px 8px 8px 8px;
|
|
3940
3959
|
}
|
|
3941
3960
|
|
|
3961
|
+
.divider-module__root__IiJ2k {
|
|
3962
|
+
display: block;
|
|
3963
|
+
flex-shrink: 0;
|
|
3964
|
+
width: 100%;
|
|
3965
|
+
padding: 0;
|
|
3966
|
+
margin: 0;
|
|
3967
|
+
background-color: var(--theme-divider);
|
|
3968
|
+
border: 0;
|
|
3969
|
+
}
|
|
3970
|
+
|
|
3971
|
+
.divider-module__centered__iULqz {
|
|
3972
|
+
margin-right: auto;
|
|
3973
|
+
margin-left: auto;
|
|
3974
|
+
}
|
|
3975
|
+
|
|
3942
3976
|
|
|
3943
3977
|
/*# sourceMappingURL=index.css.map*/
|