@rvx/ui 0.1.24 → 0.1.25
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/common/theme.d.ts +1 -0
- package/dist/components/page.d.ts +1 -0
- package/dist/components/page.js +2 -0
- package/dist/components/page.js.map +1 -1
- package/dist/theme.module.css +22 -4
- package/dist/theme.module.css.map +1 -1
- package/package.json +1 -1
- package/src/common/theme.tsx +1 -0
- package/src/components/page.tsx +3 -1
- package/src/theme/base.scss +2 -0
- package/src/theme/components/dialog.scss +1 -1
- package/src/theme/components/page.scss +24 -3
package/dist/common/theme.d.ts
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { ClassValue, Expression, StyleValue } from "rvx";
|
|
2
2
|
export declare function Page(props: {
|
|
3
3
|
inlineSize?: Expression<string | undefined>;
|
|
4
|
+
centerBlock?: Expression<boolean>;
|
|
4
5
|
role?: Expression<string | undefined>;
|
|
5
6
|
id?: Expression<string | undefined>;
|
|
6
7
|
class?: ClassValue;
|
package/dist/components/page.js
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "rvx/jsx-runtime";
|
|
2
|
+
import { map } from "rvx";
|
|
2
3
|
import { THEME } from "../common/theme.js";
|
|
3
4
|
import { Column } from "./column.js";
|
|
4
5
|
export function Page(props) {
|
|
@@ -6,6 +7,7 @@ export function Page(props) {
|
|
|
6
7
|
return _jsxs("div", { role: props.role, id: props.id, class: [
|
|
7
8
|
props.class,
|
|
8
9
|
theme?.page,
|
|
10
|
+
map(props.centerBlock, v => v ? theme?.page_center_block : undefined),
|
|
9
11
|
], style: [
|
|
10
12
|
props.style,
|
|
11
13
|
{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"page.js","sourceRoot":"","sources":["../../src/components/page.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"page.js","sourceRoot":"","sources":["../../src/components/page.tsx"],"names":[],"mappings":";AAAA,OAAO,EAA0B,GAAG,EAAc,MAAM,KAAK,CAAC;AAC9D,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAErC,MAAM,UAAU,IAAI,CAAC,KAQpB;IACA,MAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC;IAC5B,OAAO,eACN,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,EAAE,EAAE,KAAK,CAAC,EAAE,EACZ,KAAK,EAAE;YACN,KAAK,CAAC,KAAK;YACX,KAAK,EAAE,IAAI;YACX,GAAG,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,iBAAiB,CAAC,CAAC,CAAC,SAAS,CAAC;SACrE,EACD,KAAK,EAAE;YACN,KAAK,CAAC,KAAK;YACX;gBACC,oBAAoB,EAAE,KAAK,CAAC,UAAU;aACtC;SACD,aAED,cAAK,KAAK,EAAE,KAAK,EAAE,mBAAmB,GAAI,EAC1C,cAAK,KAAK,EAAE,KAAK,EAAE,gBAAgB,YAClC,KAAC,MAAM,IAAC,KAAK,EAAE,KAAK,EAAE,YAAY,YAChC,KAAK,CAAC,QAAQ,GACP,GACJ,IACD,CAAC;AACR,CAAC"}
|
package/dist/theme.module.css
CHANGED
|
@@ -4,6 +4,10 @@
|
|
|
4
4
|
line-height: 1;
|
|
5
5
|
--accent: rgb(0, 192, 255);
|
|
6
6
|
accent-color: var(--accent);
|
|
7
|
+
--page-pad-block-start: 2.2857142857rem;
|
|
8
|
+
--page-pad-inline-start: 2.2857142857rem;
|
|
9
|
+
--page-pad-block-end: 2.2857142857rem;
|
|
10
|
+
--page-pad-inline-end: 2.2857142857rem;
|
|
7
11
|
--content-column-gap: 1.7142857143rem;
|
|
8
12
|
--content-row-gap: 1.7142857143rem;
|
|
9
13
|
--content-radius: 0.5714285714rem;
|
|
@@ -479,7 +483,7 @@ body {
|
|
|
479
483
|
background-color: var(--dialog-container-bg);
|
|
480
484
|
display: grid;
|
|
481
485
|
grid-template-columns: 1fr minmax(auto, var(--dialog-inline-size)) 1fr;
|
|
482
|
-
grid-template-rows:
|
|
486
|
+
grid-template-rows: 5fr minmax(auto, var(--dialog-block-size)) 7fr;
|
|
483
487
|
overflow: auto;
|
|
484
488
|
transition: opacity var(--layout-transition);
|
|
485
489
|
opacity: 0;
|
|
@@ -773,11 +777,24 @@ h6.heading {
|
|
|
773
777
|
}
|
|
774
778
|
|
|
775
779
|
.page {
|
|
776
|
-
|
|
780
|
+
padding-block: var(--page-pad-block-start) var(--page-pad-block-end);
|
|
781
|
+
padding-inline: var(--page-pad-inline-start) var(--page-pad-inline-end);
|
|
777
782
|
display: flex;
|
|
783
|
+
flex-direction: row;
|
|
778
784
|
justify-content: center;
|
|
779
785
|
}
|
|
780
786
|
|
|
787
|
+
.page_center_block {
|
|
788
|
+
flex-grow: 1;
|
|
789
|
+
}
|
|
790
|
+
.page_center_block > .page_content_col {
|
|
791
|
+
display: grid;
|
|
792
|
+
grid-template-rows: 5fr auto 7fr;
|
|
793
|
+
}
|
|
794
|
+
.page_center_block > .page_content_col > .page_content {
|
|
795
|
+
grid-row: 2;
|
|
796
|
+
}
|
|
797
|
+
|
|
781
798
|
.page_scrollbar_comp {
|
|
782
799
|
flex-grow: 1;
|
|
783
800
|
flex-basis: 0;
|
|
@@ -787,11 +804,12 @@ h6.heading {
|
|
|
787
804
|
.page_content_col {
|
|
788
805
|
flex-grow: 1;
|
|
789
806
|
max-inline-size: var(--page-inline-size);
|
|
790
|
-
flex-basis: calc(var(--page-inline-size) - var(--scrollbar-comp,
|
|
807
|
+
flex-basis: calc(var(--page-inline-size) - var(--scrollbar-comp, 0px));
|
|
791
808
|
}
|
|
792
809
|
|
|
793
810
|
.page_content {
|
|
794
|
-
--scrollbar-
|
|
811
|
+
--scrollbar-comp: unset;
|
|
812
|
+
--page-inline-size: unset;
|
|
795
813
|
}
|
|
796
814
|
|
|
797
815
|
@media (prefers-color-scheme: dark) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../src/theme/base.scss","../src/theme/common.scss","../src/theme/components/breadcrumbs.scss","../src/theme/components/button.scss","../src/theme/components/card.scss","../src/theme/components/checkbox.scss","../src/theme/components/collapse.scss","../src/theme/components/column.scss","../src/theme/components/control-group.scss","../src/theme/components/dialog.scss","../src/theme/components/dropdown.scss","../src/theme/components/flex-space.scss","../src/theme/components/heading.scss","../src/theme/components/label.scss","../src/theme/components/link.scss","../src/theme/components/nav-list.scss","../src/theme/components/notifications.scss","../src/theme/components/page.scss","../src/theme/components/popover.scss","../src/theme/components/radio-buttons.scss","../src/theme/components/row.scss","../src/theme/components/scroll-view.scss","../src/theme/components/slider.scss","../src/theme/components/tabs.scss","../src/theme/components/text-input.scss","../src/theme/components/text.scss","../src/theme/components/validation.scss","../src/theme/components/value.scss"],"names":[],"mappings":"AASA;EACC;EACA;EACA;EAEA;EACA;
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../src/theme/base.scss","../src/theme/common.scss","../src/theme/components/breadcrumbs.scss","../src/theme/components/button.scss","../src/theme/components/card.scss","../src/theme/components/checkbox.scss","../src/theme/components/collapse.scss","../src/theme/components/column.scss","../src/theme/components/control-group.scss","../src/theme/components/dialog.scss","../src/theme/components/dropdown.scss","../src/theme/components/flex-space.scss","../src/theme/components/heading.scss","../src/theme/components/label.scss","../src/theme/components/link.scss","../src/theme/components/nav-list.scss","../src/theme/components/notifications.scss","../src/theme/components/page.scss","../src/theme/components/popover.scss","../src/theme/components/radio-buttons.scss","../src/theme/components/row.scss","../src/theme/components/scroll-view.scss","../src/theme/components/slider.scss","../src/theme/components/tabs.scss","../src/theme/components/text-input.scss","../src/theme/components/text.scss","../src/theme/components/validation.scss","../src/theme/components/value.scss"],"names":[],"mappings":"AASA;EACC;EACA;EACA;EAEA;EACA;ECaA;EACA;EACA;EACA;EDZA;EACA;EACA;EACA;EACA;ECKA;EACA;EACA;EACA;EDLA;EACA;ECCA;EACA;EACA;EACA;EDDA;EACA;EACA;EACA;EACA;EACA;ECPA;EACA;EACA;EACA;EDOA;EAEA;EAEA;EAEA;EAEA;EACA;EAEA;EACA;EAEA;;;ACvCC;EAFD;IANE;IAAA;IAAA;IAAA;IAUA;;;ADuDH;EACC;EACA;EAEA;;AACA;EALD;IAME;;;;AAIF;EACC;EACA;EACA;EACA;;;AAGD;EACC;;;AC3EC;EAFD;IANE;IAUA;;;ACPH;EACC;EACA;EACA;;;AAGD;EACC;EACA;EACA;EACA;EACA;;;AAGD;EACC;EACA;;;AAGD;EACC;EACA;EACA;;;AAGD;EACC;EACA;;;ADtBC;EAFD;IANE;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAUA;;;AEgFH;EACC;EACA;EACA;EACA;EAEA;EAEA;EFnEC,eACC;EAED,gBACC;EEkEF;EACA;;AAGA;EACC;;AAGD;EACC;EACA;;;AAKD;EACC;EACA;EACA;;AAEA;EACC;;AAGD;EACC;;AAGD;EACC;;;AAdF;EACC;EACA;EACA;;AAEA;EACC;;AAGD;EACC;;AAGD;EACC;;;AAdF;EACC;EACA;EACA;;AAEA;EACC;;AAGD;EACC;;AAGD;EACC;;;AAdF;EACC;EACA;EACA;;AAEA;EACC;;AAGD;EACC;;AAGD;EACC;;;AAdF;EACC;EACA;EACA;;AAEA;EACC;;AAGD;EACC;;AAGD;EACC;;;AAdF;EACC;EACA;EACA;;AAEA;EACC;;AAGD;EACC;;AAGD;EACC;;;AAdF;EACC;EACA;EACA;;AAEA;EACC;;AAGD;EACC;;AAGD;EACC;;;AAKH;EACC;;;AFhIC;EAFD;IANE;IAAA;IAAA;IAAA;IAAA;IAUA;;;AGKH;EACC;EACA;;AAEA;EHYC,eACC;EAED,gBACC;;;AGVF;EACC;;;AADD;EACC;;;AADD;EACC;;;AADD;EACC;;;AADD;EACC;;;AC9BF;EACC;EACA;EACA;;AAEA;EACC;;AAGD;EACC;;AAGD;EACC;EACA;;;AAIF;EACC;EACA;;;AAGD;EACC;EACA;EACA;;;AC3BD;EACC;EACA;EACA;EACA;;;AAGD;EACC,YACC;;;AAKF;EACC;IAAO;;EACP;IAAM;;EACN;IAAM;;EACN;IAAK;;;AAGN;EACC;;;AAGD;EACC;EACA;;;AAGD;EACC;EACA;EACA;;AAEA;EACC,YACC;;AAIF;EACC;EACA;;;AAIF;EACC;EACA;EACA;EACA;;AAEA;EACC,YACC;;AAKF;EACC;EACA;EACA;;;AC9DF;EACC;EACA;;AAEA;EACC;;AAMD;EACC;;AAGD;EACC;;AAMD;EACC;;;AAKD;EACC;;AACA;EACC;;AAGD;ENAA,eACC;EAED,gBACC;;;AMVF;EACC;;AACA;EACC;;AAGD;ENAA,eACC;EAED,gBACC;;;AMVF;EACC;;AACA;EACC;;AAGD;ENAA,eACC;EAED,gBACC;;;AOvCH;EACC;EACA;EAEA;;AACA;EACC;;AAGD;EACC;EACA;;AAED;EACC;EACA;;;APHA;EAFD;IANE;IAAA;IAAA;IAAA;IAUA;;;AQEH;EACC;EACA;EAEA;EAEA;EACA;EACA;EAEA;EAEA;EACA;;;AAGD;EACC;;AACA;EACC;;;AAIF;EACC;EACA;;AACA;EACC;;;AAIF;EACC;IACC;;;AAIF;EACC;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;ER5BC,eACC;EAED,gBACC;;;AQ4BH;EACC;EACA;EACA;EACA;;;AAGD;ERvCE,eACC;EAED,gBACC;;;AA3BD;EAFD;IANE;IAAA;IAAA;IAAA;IAUA;;;ASEH;EACC;EACA;;AAEA;EACC;;;AAIF;EACC;EACA;EACA;EACA;EACA;EACA;;;AAGD;EACC;EACA;EACA;EACA;;;AAGD;EACC;ETPC,eACC;EAED,gBACC;;ASMF;EACC;;;AC9CF;EACC;EACA;EACA;;;ACHD;EACC;EACA;;AAEA;EAEC;EACA;EACA;EACA;;;AAIF;EACC;EACA;EACA;;;AAGD;EACC;EACA;EACA;;;AAGD;EACC;EACA;EACA;;;AAGD;AAAA;AAAA;EAGC;EACA;EACA;;;AXxBC;EAFD;IANE;IAUA;;;AYPH;EACC;EACA;EAEA;EACA;EACA;;AAEA;EAEC;EACA;EACA;EACA;;;AZRA;EAFD;IANE;IAUA;;;AaPH;EACC;EACA;EAEA;EACA;EACA;EACA;;AAEA;EACC;;AAGD;EACC;;;AbTA;EAFD;IANE;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAUA;;;AciBH;EACC;EACA;EACA;EACA;;;AAGD;EACC;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EAEA;EAEA;EdhBC,eACC;EAED,gBACC;EceF;EACA;;AAGA;EACC;EACA;;AAGD;EAEC;EACA;;AAGD;EACC;EACA;;;AAIF;EACC;EACA;EACA;EACA;;;AdnEC;EAFD;IANE;IAAA;IAAA;IAAA;IAAA;IAAA;IAUA;;;AeSH;EACC;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;;;AAGD;EACC;;;AAGD;EACC;EACA;EACA;EACA;;AAEA;EfbC,eACC;EAED,gBACC;;;AeeF;EACC;;;AADD;EACC;;;AADD;EACC;;;AADD;EACC;;;AADD;EACC;;;ACvDF;EACC,eACC;EAED,gBACC;EAGD;EACA;EACA;;;AAGD;EACC;;AAEA;EACC;EACA;;AAEA;EACC;;;AAKH;EACC;EACA;EACA;;;AAGD;EACC;EACA;EACA;;;AAGD;EACC;EACA;;;AhB5BC;EAFD;IANE;IAAA;IAAA;IAUA;;;AiBDH;EACC;EACA;;;AAGD;EACC;EACA;EACA;EACA;;;AAGD;EACC;EACA;EACA;EACA;EAEA;;AAEA;EACC;EACA;EACA;EACA;EACA;EACA;;;AAIF;EACC;EACA;EACA;EACA;EACA;EACA;;;AAGD;EACC;EACA;EjBnBC,eACC;EAED,gBACC;;;AkBvCH;EACC;EACA;EACA;;AAEA;EACC;EACA;;;AAIF;EACC;EACA;EACA;;AAEA;EACC;;AAGD;EACC;;;AAIF;EACC;EACA;;;AAGD;EACC;EACA;EACA;;;ACjCD;EACC;EACA;EACA;;;AAIA;EACC;EACA;;AACA;EACC;EACA;;;AALF;EACC;EACA;;AACA;EACC;EACA;;;AALF;EACC;EACA;;AACA;EACC;EACA;;;AnBAD;EAFD;IANE;IAAA;IAUA;;;AoBJH;EACC;EACA;EACA;;;AAGD;EACC;EACA;;;AAGD;EACC;EACA;;;AAGD;EACC;EACA;EACA;EACA;;;AAGD;AAAA;EAEC;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGD;EACC;;;AAGD;EACC;;;AAGD;EACC;;;ACrDD;EACC;EACA;EACA;;AAEA;EACC;EACA;;AAEA;EACC;;;ArBED;EAFD;IANE;IAAA;IAAA;IAAA;IAAA;IAAA;IAUA;;;AsBQH;EACC;EACA;EACA;;;AAGD;EACC;EACA;EACA;EACA;EAEA;EACA;EAEA,eACC;EAED,gBACC;EAGD;EACA;EACA;EACA;EAEA;EACA;;AAGA;EAEC;EACA;;AAED;EACC;;;AAIF;EACC;EACA;;;AAGD;EtBjCE,eACC;EAED,gBACC;;;AA3BD;EAFD;IANE;IAAA;IAAA;IAAA;IAUA;;;AuBEH;EACC;EACA;EACA;EAEA;EAEA;EvBmBC,eACC;EAED,gBACC;EuBrBF;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;;AAGD;EACC;EACA;;;AAIF;EACC;;;AC3CD;EACC;;AAEA;EAEC;EACA;EACA;EACA;;;AxBIA;EAFD;IANE;IAUA;;;AyBPH;EACC;;;AAGD;EACC;;;ACZD;EACC","file":"theme.module.css"}
|
package/package.json
CHANGED
package/src/common/theme.tsx
CHANGED
package/src/components/page.tsx
CHANGED
|
@@ -1,9 +1,10 @@
|
|
|
1
|
-
import { ClassValue, Expression, StyleValue } from "rvx";
|
|
1
|
+
import { ClassValue, Expression, map, StyleValue } from "rvx";
|
|
2
2
|
import { THEME } from "../common/theme.js";
|
|
3
3
|
import { Column } from "./column.js";
|
|
4
4
|
|
|
5
5
|
export function Page(props: {
|
|
6
6
|
inlineSize?: Expression<string | undefined>;
|
|
7
|
+
centerBlock?: Expression<boolean>;
|
|
7
8
|
role?: Expression<string | undefined>;
|
|
8
9
|
id?: Expression<string | undefined>;
|
|
9
10
|
class?: ClassValue;
|
|
@@ -17,6 +18,7 @@ export function Page(props: {
|
|
|
17
18
|
class={[
|
|
18
19
|
props.class,
|
|
19
20
|
theme?.page,
|
|
21
|
+
map(props.centerBlock, v => v ? theme?.page_center_block : undefined),
|
|
20
22
|
]}
|
|
21
23
|
style={[
|
|
22
24
|
props.style,
|
package/src/theme/base.scss
CHANGED
|
@@ -23,7 +23,7 @@
|
|
|
23
23
|
|
|
24
24
|
display: grid;
|
|
25
25
|
grid-template-columns: 1fr minmax(auto, var(--dialog-inline-size)) 1fr;
|
|
26
|
-
grid-template-rows:
|
|
26
|
+
grid-template-rows: 5fr minmax(auto, var(--dialog-block-size)) 7fr;
|
|
27
27
|
|
|
28
28
|
overflow: auto;
|
|
29
29
|
|
|
@@ -1,10 +1,30 @@
|
|
|
1
1
|
|
|
2
2
|
.page {
|
|
3
|
-
|
|
3
|
+
padding-block:
|
|
4
|
+
var(--page-pad-block-start)
|
|
5
|
+
var(--page-pad-block-end);
|
|
6
|
+
padding-inline:
|
|
7
|
+
var(--page-pad-inline-start)
|
|
8
|
+
var(--page-pad-inline-end);
|
|
9
|
+
|
|
4
10
|
display: flex;
|
|
11
|
+
flex-direction: row;
|
|
5
12
|
justify-content: center;
|
|
6
13
|
}
|
|
7
14
|
|
|
15
|
+
.page_center_block {
|
|
16
|
+
flex-grow: 1;
|
|
17
|
+
|
|
18
|
+
& > .page_content_col {
|
|
19
|
+
display: grid;
|
|
20
|
+
grid-template-rows: 5fr auto 7fr;
|
|
21
|
+
|
|
22
|
+
& > .page_content {
|
|
23
|
+
grid-row: 2;
|
|
24
|
+
}
|
|
25
|
+
}
|
|
26
|
+
}
|
|
27
|
+
|
|
8
28
|
.page_scrollbar_comp {
|
|
9
29
|
flex-grow: 1;
|
|
10
30
|
flex-basis: 0;
|
|
@@ -14,9 +34,10 @@
|
|
|
14
34
|
.page_content_col {
|
|
15
35
|
flex-grow: 1;
|
|
16
36
|
max-inline-size: var(--page-inline-size);
|
|
17
|
-
flex-basis: calc(var(--page-inline-size) - var(--scrollbar-comp,
|
|
37
|
+
flex-basis: calc(var(--page-inline-size) - var(--scrollbar-comp, 0px));
|
|
18
38
|
}
|
|
19
39
|
|
|
20
40
|
.page_content {
|
|
21
|
-
--scrollbar-
|
|
41
|
+
--scrollbar-comp: unset;
|
|
42
|
+
--page-inline-size: unset;
|
|
22
43
|
}
|