@tcn/ui 0.0.2 → 0.0.3
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/actions/button/button/button.d.ts.map +1 -1
- package/dist/actions/button/button/button.js +12 -4
- package/dist/actions/button/button/button.js.map +1 -1
- package/dist/form/field/common/status_input/status_input.js.map +1 -1
- package/dist/form/field/h_field/h_field.d.ts.map +1 -1
- package/dist/form/field/h_field/h_field.js.map +1 -1
- package/dist/form/field/v_field/v_field.d.ts.map +1 -1
- package/dist/form/field/v_field/v_field.js.map +1 -1
- package/dist/form/field_presenters/options_field_presenter.d.ts.map +1 -1
- package/dist/form/field_presenters/options_field_presenter.js.map +1 -1
- package/dist/form/form_field.d.ts.map +1 -1
- package/dist/form/form_field.js.map +1 -1
- package/dist/form/index.d.ts +14 -11
- package/dist/form/index.d.ts.map +1 -1
- package/dist/form/index.js +27 -20
- package/dist/form/index.js.map +1 -1
- package/dist/h_body.css +1 -1
- package/dist/layouts/body/h_body.d.ts.map +1 -1
- package/dist/layouts/body/h_body.js +11 -10
- package/dist/layouts/body/h_body.js.map +1 -1
- package/dist/layouts/body/v_body.d.ts.map +1 -1
- package/dist/layouts/body/v_body.js +10 -9
- package/dist/layouts/body/v_body.js.map +1 -1
- package/dist/layouts/divider/divider.d.ts +2 -2
- package/dist/layouts/divider/divider.d.ts.map +1 -1
- package/dist/layouts/divider/divider.js +17 -16
- package/dist/layouts/divider/divider.js.map +1 -1
- package/dist/layouts/footer/footer.d.ts +1 -1
- package/dist/layouts/footer/footer.d.ts.map +1 -1
- package/dist/layouts/footer/footer.js +5 -5
- package/dist/layouts/footer/footer.js.map +1 -1
- package/dist/layouts/header/header.d.ts +1 -1
- package/dist/layouts/header/header.d.ts.map +1 -1
- package/dist/layouts/header/header.js +10 -10
- package/dist/layouts/header/header.js.map +1 -1
- package/dist/layouts/utility_bar/utility_bar.d.ts +1 -1
- package/dist/layouts/utility_bar/utility_bar.d.ts.map +1 -1
- package/dist/layouts/utility_bar/utility_bar.js +13 -8
- package/dist/layouts/utility_bar/utility_bar.js.map +1 -1
- package/dist/panel.css +1 -1
- package/dist/panel.module-DwGKncon.js +5 -0
- package/dist/panel.module-DwGKncon.js.map +1 -0
- package/dist/stack.css +1 -1
- package/dist/stacks/types/styles.d.ts +2 -2
- package/dist/stacks/types/styles.d.ts.map +1 -1
- package/dist/surfaces/panel/h_panel.d.ts +1 -1
- package/dist/surfaces/panel/h_panel.d.ts.map +1 -1
- package/dist/surfaces/panel/h_panel.js +44 -33
- package/dist/surfaces/panel/h_panel.js.map +1 -1
- package/dist/surfaces/panel/v_panel.d.ts +1 -1
- package/dist/surfaces/panel/v_panel.d.ts.map +1 -1
- package/dist/surfaces/panel/v_panel.js +36 -31
- package/dist/surfaces/panel/v_panel.js.map +1 -1
- package/dist/themes/index.js +82 -20
- package/dist/themes/index.js.map +1 -1
- package/dist/themes/themes/ergo/ergo_theme.css +1 -1
- package/dist/typography/title/title.d.ts +1 -1
- package/dist/typography/title/title.d.ts.map +1 -1
- package/dist/typography/title/title.js +16 -16
- package/dist/typography/title/title.js.map +1 -1
- package/dist/v_body.css +1 -1
- package/package.json +3 -3
- package/src/actions/button/button/button.tsx +10 -4
- package/src/form/field/common/status_input/status_input.tsx +1 -1
- package/src/form/field/h_field/h_field.tsx +1 -1
- package/src/form/field/v_field/v_field.tsx +1 -1
- package/src/form/field_presenters/options_field_presenter.ts +1 -1
- package/src/form/form_field.tsx +1 -1
- package/src/form/index.ts +50 -11
- package/src/layouts/body/h_body.module.css +3 -2
- package/src/layouts/body/h_body.tsx +4 -3
- package/src/layouts/body/v_body.module.css +3 -2
- package/src/layouts/body/v_body.tsx +4 -3
- package/src/layouts/divider/divider.tsx +5 -4
- package/src/layouts/footer/footer.tsx +4 -4
- package/src/layouts/header/header.tsx +4 -4
- package/src/layouts/utility_bar/utility_bar.tsx +9 -4
- package/src/stacks/stack.module.css +54 -5
- package/src/stacks/stacks.mdx +28 -28
- package/src/stacks/types/styles.ts +2 -2
- package/src/surfaces/panel/__stories__/panel.stories.tsx +68 -0
- package/src/surfaces/panel/__stories__/panel_stories.module.css +13 -0
- package/src/surfaces/panel/h_panel.tsx +18 -6
- package/src/surfaces/panel/panel.module.css +2 -7
- package/src/surfaces/panel/v_panel.tsx +11 -5
- package/src/themes/themes/ergo/ergo_theme.css +72 -10
- package/src/typography/title/title.tsx +2 -2
- package/dist/form/field/form_field.d.ts +0 -6
- package/dist/form/field/form_field.d.ts.map +0 -1
- package/dist/form/field/form_field.js +0 -18
- package/dist/form/field/form_field.js.map +0 -1
- package/dist/panel.module-CtikcmYB.js +0 -5
- package/dist/panel.module-CtikcmYB.js.map +0 -1
- package/src/form/field/form_field.tsx +0 -29
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import y from "
|
|
5
|
-
import '../../utility_bar.css';const u = "_utility-bar_3a92315",
|
|
1
|
+
import { jsx as c } from "react/jsx-runtime";
|
|
2
|
+
import l from "react";
|
|
3
|
+
import m from "classnames";
|
|
4
|
+
import { HStack as y } from "../../stacks/h_stack.js";
|
|
5
|
+
import '../../utility_bar.css';const u = "_utility-bar_3a92315", n = { "utility-bar": u }, B = l.forwardRef(
|
|
6
6
|
function({
|
|
7
7
|
hierarchy: t = "secondary",
|
|
8
8
|
height: a = "auto",
|
|
@@ -11,12 +11,17 @@ import '../../utility_bar.css';const u = "_utility-bar_3a92315", f = { "utility-
|
|
|
11
11
|
size: o = "md",
|
|
12
12
|
...s
|
|
13
13
|
}, e) {
|
|
14
|
-
return /* @__PURE__ */
|
|
15
|
-
|
|
14
|
+
return /* @__PURE__ */ c(
|
|
15
|
+
y,
|
|
16
16
|
{
|
|
17
17
|
ref: e,
|
|
18
18
|
as: "header",
|
|
19
|
-
className:
|
|
19
|
+
className: m(
|
|
20
|
+
n["utility-bar"],
|
|
21
|
+
i,
|
|
22
|
+
"utility-bar",
|
|
23
|
+
"tcn-utility-bar"
|
|
24
|
+
),
|
|
20
25
|
"data-hierarchy": t,
|
|
21
26
|
"data-size": o,
|
|
22
27
|
height: a,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"utility_bar.js","sources":["../../../src/layouts/utility_bar/utility_bar.tsx"],"sourcesContent":["import
|
|
1
|
+
{"version":3,"file":"utility_bar.js","sources":["../../../src/layouts/utility_bar/utility_bar.tsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\nimport { HStack, type HStackProps } from '../../stacks/h_stack.js';\nimport type { Hierarchy, Size } from '../../utils/index.js';\nimport styles from './utility_bar.module.css';\n\n// UtilityBar\nexport interface UtilityBarProps extends Omit<HStackProps, 'as'> {\n hierarchy?: Hierarchy;\n size?: Size;\n}\n\nexport const UtilityBar = React.forwardRef<HTMLElement, UtilityBarProps>(\n function UtilityBar(\n {\n hierarchy = 'secondary',\n height = 'auto',\n children,\n className,\n size = 'md',\n ...props\n }: UtilityBarProps,\n ref\n ) {\n return (\n <HStack\n ref={ref}\n as=\"header\"\n className={classNames(\n styles['utility-bar'],\n className,\n 'utility-bar',\n 'tcn-utility-bar'\n )}\n data-hierarchy={hierarchy}\n data-size={size}\n height={height}\n {...props}\n >\n {children}\n </HStack>\n );\n }\n);\n"],"names":["UtilityBar","React","hierarchy","height","children","className","size","props","ref","jsx","HStack","classNames","styles"],"mappings":";;;;4DAYaA,IAAaC,EAAM;AAAA,EAC9B,SACE;AAAA,IACE,WAAAC,IAAY;AAAA,IACZ,QAAAC,IAAS;AAAA,IACT,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,MAAAC,IAAO;AAAA,IACP,GAAGC;AAAA,EAAA,GAELC,GACA;AACA,WACE,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,KAAAF;AAAA,QACA,IAAG;AAAA,QACH,WAAWG;AAAA,UACTC,EAAO,aAAa;AAAA,UACpBP;AAAA,UACA;AAAA,UACA;AAAA,QAAA;AAAA,QAEF,kBAAgBH;AAAA,QAChB,aAAWI;AAAA,QACX,QAAAH;AAAA,QACC,GAAGI;AAAA,QAEH,UAAAH;AAAA,MAAA;AAAA,IAAA;AAAA,EAGP;AACF;"}
|
package/dist/panel.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._panel-stack_f1896f3{width:100%;height:100%;overflow:auto}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"panel.module-DwGKncon.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
|
package/dist/stack.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
._h-stack_f3d929e,._v-stack_c5b98b6{display:flex}._h-stack_f3d929e[data-inline=true],._v-stack_c5b98b6[data-inline=true]{display:inline-flex}._z-stack_0734316{display:grid}._z-stack_0734316[data-inline=true]{display:inline-grid}._box_16766f3[data-height=flex]{height:auto}:where(._h-stack_f3d929e){display:flex;position:relative;padding:0;margin:0;min-width:0;min-height:0;width:100%;height:auto;overflow-x:visible;overflow-y:visible;flex-wrap:nowrap;flex-direction:row;flex-grow:0;flex-shrink:0;box-sizing:border-box}:where(._v-stack_c5b98b6){position:relative;display:flex;padding:0;margin:0;min-width:0;min-height:0;width:100%;height:auto;overflow-x:visible;overflow-y:visible;flex-wrap:nowrap;flex-direction:column;flex-grow:0;flex-shrink:0;box-sizing:border-box}:where(._z-stack_0734316){position:relative;min-width:0;min-height:0;width:100%;height:auto;overflow:visible;box-sizing:border-box}:where(._box_16766f3){width:100%;min-width:0;max-width:100%;min-height:0;height:auto;max-height:100%;z-index:0;position:relative;box-sizing:border-box;transform:none}:where(._h-stack_f3d929e[data-inline=true]){display:inline-flex}:where(._h-stack_f3d929e[data-allow-flow=true]){flex-wrap:wrap}:where(._h-stack_f3d929e[data-v-alignment=start]){align-items:flex-start}:where(._h-stack_f3d929e[data-v-alignment=center]){align-items:center}:where(._h-stack_f3d929e[data-v-alignment=end]){align-items:flex-end}:where(._h-stack_f3d929e[data-h-alignment=start]){justify-content:flex-start}:where(._h-stack_f3d929e[data-h-alignment=center]){justify-content:center}:where(._h-stack_f3d929e[data-h-alignment=end]){justify-content:flex-end}:where(._h-stack_f3d929e>*){position:relative}:where(._h-stack_f3d929e>._h-stack_f3d929e[data-width=flex]),:where(._h-stack_f3d929e>._z-stack_0734316[data-width=flex]),:where(._h-stack_f3d929e>._v-stack_c5b98b6[data-width=flex]),:where(._h-stack_f3d929e>._stack-flex_74799db[data-width=flex]){flex-grow:1;flex-shrink:0;flex-basis:0%;width:auto}:where(._reveal-layout_d966b23 ._h-stack_f3d929e:after),:where(._reveal-h-stack_aab60c1 ._h-stack_f3d929e:after){content:"";position:absolute;inset:0;outline:1px dashed rgb(0,123,160);pointer-events:none;z-index:1}:where(._v-stack_c5b98b6[data-inline=true]){display:inline-flex}:where(._v-stack_c5b98b6[data-allow-flow=true]){flex-wrap:wrap}:where(._v-stack_c5b98b6[data-h-alignment=start]){align-items:flex-start}:where(._v-stack_c5b98b6[data-h-alignment=center]){align-items:center}:where(._v-stack_c5b98b6[data-h-alignment=end]){align-items:flex-end}:where(._v-stack_c5b98b6[data-v-alignment=start]){justify-content:flex-start}:where(._v-stack_c5b98b6[data-v-alignment=center]){justify-content:center}:where(._v-stack_c5b98b6[data-v-alignment=end]){justify-content:flex-end}:where(._v-stack_c5b98b6>*){position:relative}:where(._v-stack_c5b98b6[data-height=auto]){flex-grow:0;flex-shrink:0;flex-basis:auto}:where(._v-stack_c5b98b6>._h-stack_f3d929e[data-height=flex]),:where(._v-stack_c5b98b6>._z-stack_0734316[data-height=flex]),:where(._v-stack_c5b98b6>._v-stack_c5b98b6[data-height=flex]),:where(._v-stack_c5b98b6>._stack-flex_74799db[data-height=flex]){flex-grow:1;flex-shrink:0;flex-basis:0%;height:auto}:where(._v-stack_c5b98b6[data-height=auto]>._h-stack_f3d929e[data-height=flex]),:where(._v-stack_c5b98b6[data-height=auto]>._z-stack_0734316[data-height=flex]),:where(._v-stack_c5b98b6[data-height=auto]>._v-stack_c5b98b6[data-height=flex]),:where(._v-stack_c5b98b6[data-height=auto]>._stack-flex_74799db[data-height=flex]){flex-basis:auto}:where(._v-stack_c5b98b6[data-height=auto] ._h-stack_f3d929e[data-height=default]),:where(._v-stack_c5b98b6[data-height=auto] ._z-stack_0734316[data-height=default]),:where(._v-stack_c5b98b6[data-height=auto] ._v-stack_c5b98b6[data-height=default]),:where(._v-stack_c5b98b6[data-height=auto] ._stack-flex_74799db[data-height=default]){height:auto;flex-basis:auto}:where(._reveal-layout_d966b23 ._v-stack_c5b98b6:after),:where(._reveal-v-stack_389c691 ._v-stack_c5b98b6:after){content:"";position:absolute;inset:0;outline:1px dashed rgb(0,165,152);pointer-events:none;z-index:1}:where(._z-stack_0734316>*){position:relative;min-width:0;min-height:0;grid-area:1 / 1 / 2 / 2;box-sizing:border-box}:where(._z-stack_0734316[data-h-alignment=start]>*){justify-self:start}:where(._z-stack_0734316[data-h-alignment=center]>*){justify-self:center}:where(._z-stack_0734316[data-h-alignment=end]>*){justify-self:end}:where(._z-stack_0734316[data-v-alignment=start]>*){align-self:start}:where(._z-stack_0734316[data-v-alignment=center]>*){align-self:center}:where(._z-stack_0734316[data-v-alignment=end]>*){align-self:end}:where(._z-stack_0734316>._h-stack_f3d929e[data-height=flex]),:where(._z-stack_0734316>._v-stack_c5b98b6[data-height=flex]),:where(._z-stack_0734316>._stack-flex_74799db[data-height=default]){height:100%}:where(._z-stack_0734316>._h-stack_f3d929e[data-width=flex]),:where(._z-stack_0734316>._v-stack_c5b98b6[data-width=flex]),:where(._z-stack_0734316>._stack-flex_74799db[data-width=default]){width:100%}:where(._reveal-layout_d966b23 ._z-stack_0734316:after),:where(._reveal-z-stack_366b960 ._z-stack_0734316:after){content:"";position:absolute;inset:0;outline:1px dashed rgb(119,0,255);pointer-events:none;z-index:1}:where(._h-stack_f3d929e>._h-stack_f3d929e[data-width=default]),:where(._h-stack_f3d929e>._z-stack_0734316[data-width=default]),:where(._h-stack_f3d929e>._v-stack_c5b98b6[data-width=default]),:where(._h-stack_f3d929e>._stack-flex_74799db[data-width=default]),:where(._h-stack_f3d929e>._box_16766f3[data-width=default]){flex-grow:1;flex-shrink:0;flex-basis:0%;width:auto}:where(._h-stack_f3d929e[data-height=auto] ._h-stack_f3d929e[data-height=default]),:where(._h-stack_f3d929e[data-height=auto] ._z-stack_0734316[data-height=default]),:where(._h-stack_f3d929e[data-height=auto] ._v-stack_c5b98b6[data-height=default]),:where(._h-stack_f3d929e[data-height=auto] ._stack-flex_74799db[data-height=default]){height:auto}:where(._h-stack_f3d929e[data-width=auto]){flex-grow:0;flex-shrink:0;width:auto;flex-basis:auto}:where(._h-stack_f3d929e[data-width=auto]>._h-stack_f3d929e[data-width=flex]),:where(._h-stack_f3d929e[data-width=auto]>._z-stack_0734316[data-width=flex]),:where(._h-stack_f3d929e[data-width=auto]>._v-stack_c5b98b6[data-width=flex]),:where(._h-stack_f3d929e[data-width=auto]>._stack-flex_74799db[data-width=flex]){flex-basis:auto}:where(._v-stack_c5b98b6>._h-stack_f3d929e[data-height=default]),:where(._v-stack_c5b98b6>._z-stack_0734316[data-height=default]),:where(._v-stack_c5b98b6>._v-stack_c5b98b6[data-height=default]),:where(._v-stack_c5b98b6>._stack-flex_74799db[data-height=default]){flex-basis:auto;height:auto}:where(._v-stack_c5b98b6[data-overflow-y=auto]:not([data-height=auto])),:where(._v-stack_c5b98b6[data-overflow-y=scroll]:not([data-height=auto])),:where(._h-stack_f3d929e[data-overflow-y=auto]:not([data-width=auto])),:where(._h-stack_f3d929e[data-overflow-y=scroll]:not([data-width=auto])){flex-shrink:1}:where(._box_16766f3[data-enabled-resize-on-start=true]),:where(._box_16766f3[data-enabled-resize-on-end=true]),:where(._box_16766f3[data-enabled-resize-on-top=true]),:where(._box_16766f3[data-enabled-resize-on-bottom=true]),:where(._box_16766f3[data-enabled-resize-on-left=true]),:where(._box_16766f3[data-enabled-resize-on-right=true]){transform:translateZ(0)}:where(._box_16766f3[data-width=flex]){width:auto}:where(.reveal-layout ._box_16766f3:after),:where(.reveal-box ._box_16766f3:after){content:"";position:absolute;inset:0;border:1px dashed rgb(138,138,138);pointer-events:none;z-index:1}
|
|
1
|
+
._h-stack_f3d929e,._v-stack_c5b98b6{display:flex}._h-stack_f3d929e[data-inline=true],._v-stack_c5b98b6[data-inline=true]{display:inline-flex}._z-stack_0734316{display:grid}._z-stack_0734316[data-inline=true]{display:inline-grid}._box_16766f3[data-height=flex],._box_16766f3[data-height=fill]{height:auto}:where(._h-stack_f3d929e){display:flex;position:relative;padding:0;margin:0;min-width:0;min-height:0;width:100%;height:auto;overflow-x:visible;overflow-y:visible;flex-wrap:nowrap;flex-direction:row;flex-grow:0;flex-shrink:0;box-sizing:border-box}:where(._v-stack_c5b98b6){position:relative;display:flex;padding:0;margin:0;min-width:0;min-height:0;width:100%;height:auto;overflow-x:visible;overflow-y:visible;flex-wrap:nowrap;flex-direction:column;flex-grow:0;flex-shrink:0;box-sizing:border-box}:where(._z-stack_0734316){position:relative;min-width:0;min-height:0;width:100%;height:auto;overflow:visible;box-sizing:border-box}:where(._box_16766f3){width:100%;min-width:0;max-width:100%;min-height:0;height:auto;max-height:100%;z-index:0;position:relative;box-sizing:border-box;transform:none}:where(._h-stack_f3d929e[data-inline=true]){display:inline-flex}:where(._h-stack_f3d929e[data-allow-flow=true]){flex-wrap:wrap}:where(._h-stack_f3d929e[data-v-alignment=start]){align-items:flex-start}:where(._h-stack_f3d929e[data-v-alignment=center]){align-items:center}:where(._h-stack_f3d929e[data-v-alignment=end]){align-items:flex-end}:where(._h-stack_f3d929e[data-h-alignment=start]){justify-content:flex-start}:where(._h-stack_f3d929e[data-h-alignment=center]){justify-content:center}:where(._h-stack_f3d929e[data-h-alignment=end]){justify-content:flex-end}:where(._h-stack_f3d929e>*){position:relative}:where(._h-stack_f3d929e>._h-stack_f3d929e[data-width=flex]),:where(._h-stack_f3d929e>._z-stack_0734316[data-width=flex]),:where(._h-stack_f3d929e>._v-stack_c5b98b6[data-width=flex]),:where(._h-stack_f3d929e>._stack-flex_74799db[data-width=flex]),:where(._h-stack_f3d929e>._h-stack_f3d929e[data-width=fill]),:where(._h-stack_f3d929e>._z-stack_0734316[data-width=fill]),:where(._h-stack_f3d929e>._v-stack_c5b98b6[data-width=fill]),:where(._h-stack_f3d929e>._stack-flex_74799db[data-width=fill]),:where(._h-stack_f3d929e>._box_16766f3[data-width=fill]){flex-grow:1;flex-shrink:0;flex-basis:0%;width:auto}:where(._h-stack_f3d929e>._h-stack_f3d929e[data-height=flex]),:where(._h-stack_f3d929e>._z-stack_0734316[data-height=flex]),:where(._h-stack_f3d929e>._v-stack_c5b98b6[data-height=flex]),:where(._h-stack_f3d929e>._stack-flex_74799db[data-height=flex]),:where(._h-stack_f3d929e>._h-stack_f3d929e[data-height=fill]),:where(._h-stack_f3d929e>._z-stack_0734316[data-height=fill]),:where(._h-stack_f3d929e>._v-stack_c5b98b6[data-height=fill]),:where(._h-stack_f3d929e>._stack-flex_74799db[data-height=fill]),:where(._h-stack_f3d929e>._box_16766f3[data-height=fill]){height:100%}:where(._reveal-layout_d966b23 ._h-stack_f3d929e:after),:where(._reveal-h-stack_aab60c1 ._h-stack_f3d929e:after){content:"";position:absolute;inset:0;outline:1px dashed rgb(0,123,160);pointer-events:none;z-index:1}:where(._v-stack_c5b98b6[data-inline=true]){display:inline-flex}:where(._v-stack_c5b98b6[data-allow-flow=true]){flex-wrap:wrap}:where(._v-stack_c5b98b6[data-h-alignment=start]){align-items:flex-start}:where(._v-stack_c5b98b6[data-h-alignment=center]){align-items:center}:where(._v-stack_c5b98b6[data-h-alignment=end]){align-items:flex-end}:where(._v-stack_c5b98b6[data-v-alignment=start]){justify-content:flex-start}:where(._v-stack_c5b98b6[data-v-alignment=center]){justify-content:center}:where(._v-stack_c5b98b6[data-v-alignment=end]){justify-content:flex-end}:where(._v-stack_c5b98b6>*){position:relative}:where(._v-stack_c5b98b6[data-height=auto]){flex-grow:0;flex-shrink:0;flex-basis:auto}:where(._v-stack_c5b98b6>._h-stack_f3d929e[data-height=flex]),:where(._v-stack_c5b98b6>._z-stack_0734316[data-height=flex]),:where(._v-stack_c5b98b6>._v-stack_c5b98b6[data-height=flex]),:where(._v-stack_c5b98b6>._stack-flex_74799db[data-height=flex]),:where(._v-stack_c5b98b6>._h-stack_f3d929e[data-height=fill]),:where(._v-stack_c5b98b6>._z-stack_0734316[data-height=fill]),:where(._v-stack_c5b98b6>._v-stack_c5b98b6[data-height=fill]),:where(._v-stack_c5b98b6>._stack-flex_74799db[data-height=fill]),:where(._v-stack_c5b98b6>._box_16766f3[data-height=fill]){flex-grow:1;flex-shrink:0;flex-basis:0%;height:auto}:where(._v-stack_c5b98b6>._h-stack_f3d929e[data-width=flex]),:where(._v-stack_c5b98b6>._z-stack_0734316[data-width=flex]),:where(._v-stack_c5b98b6>._v-stack_c5b98b6[data-width=flex]),:where(._v-stack_c5b98b6>._stack-flex_74799db[data-width=flex]),:where(._v-stack_c5b98b6>._h-stack_f3d929e[data-width=fill]),:where(._v-stack_c5b98b6>._z-stack_0734316[data-width=fill]),:where(._v-stack_c5b98b6>._v-stack_c5b98b6[data-width=fill]),:where(._v-stack_c5b98b6>._stack-flex_74799db[data-width=fill]),:where(._v-stack_c5b98b6>._box_16766f3[data-width=fill]){width:100%}:where(._v-stack_c5b98b6[data-height=auto]>._h-stack_f3d929e[data-height=flex]),:where(._v-stack_c5b98b6[data-height=auto]>._z-stack_0734316[data-height=flex]),:where(._v-stack_c5b98b6[data-height=auto]>._v-stack_c5b98b6[data-height=flex]),:where(._v-stack_c5b98b6[data-height=auto]>._stack-flex_74799db[data-height=flex]),:where(._v-stack_c5b98b6[data-height=auto]>._h-stack_f3d929e[data-height=fill]),:where(._v-stack_c5b98b6[data-height=auto]>._z-stack_0734316[data-height=fill]),:where(._v-stack_c5b98b6[data-height=auto]>._v-stack_c5b98b6[data-height=fill]),:where(._v-stack_c5b98b6[data-height=auto]>._stack-flex_74799db[data-height=fill]){flex-basis:auto}:where(._v-stack_c5b98b6[data-height=auto] ._h-stack_f3d929e[data-height=default]),:where(._v-stack_c5b98b6[data-height=auto] ._z-stack_0734316[data-height=default]),:where(._v-stack_c5b98b6[data-height=auto] ._v-stack_c5b98b6[data-height=default]),:where(._v-stack_c5b98b6[data-height=auto] ._stack-flex_74799db[data-height=default]){height:auto;flex-basis:auto}:where(._reveal-layout_d966b23 ._v-stack_c5b98b6:after),:where(._reveal-v-stack_389c691 ._v-stack_c5b98b6:after){content:"";position:absolute;inset:0;outline:1px dashed rgb(0,165,152);pointer-events:none;z-index:1}:where(._z-stack_0734316>*){position:relative;min-width:0;min-height:0;grid-area:1 / 1 / 2 / 2;box-sizing:border-box}:where(._z-stack_0734316[data-h-alignment=start]>*){justify-self:start}:where(._z-stack_0734316[data-h-alignment=center]>*){justify-self:center}:where(._z-stack_0734316[data-h-alignment=end]>*){justify-self:end}:where(._z-stack_0734316[data-v-alignment=start]>*){align-self:start}:where(._z-stack_0734316[data-v-alignment=center]>*){align-self:center}:where(._z-stack_0734316[data-v-alignment=end]>*){align-self:end}:where(._z-stack_0734316>._h-stack_f3d929e[data-height=flex]),:where(._z-stack_0734316>._v-stack_c5b98b6[data-height=flex]),:where(._z-stack_0734316>._h-stack_f3d929e[data-height=fill]),:where(._z-stack_0734316>._v-stack_c5b98b6[data-height=fill]),:where(._z-stack_0734316>._stack-flex_74799db[data-height=fill]),:where(._z-stack_0734316>._stack-flex_74799db[data-height=default]){height:100%}:where(._z-stack_0734316>._h-stack_f3d929e[data-width=flex]),:where(._z-stack_0734316>._v-stack_c5b98b6[data-width=flex]),:where(._z-stack_0734316>._h-stack_f3d929e[data-width=fill]),:where(._z-stack_0734316>._v-stack_c5b98b6[data-width=fill]),:where(._z-stack_0734316>._stack-flex_74799db[data-width=fill]),:where(._z-stack_0734316>._stack-flex_74799db[data-width=default]){width:100%}:where(._reveal-layout_d966b23 ._z-stack_0734316:after),:where(._reveal-z-stack_366b960 ._z-stack_0734316:after){content:"";position:absolute;inset:0;outline:1px dashed rgb(119,0,255);pointer-events:none;z-index:1}:where(._h-stack_f3d929e>._h-stack_f3d929e[data-width=default]),:where(._h-stack_f3d929e>._z-stack_0734316[data-width=default]),:where(._h-stack_f3d929e>._v-stack_c5b98b6[data-width=default]),:where(._h-stack_f3d929e>._stack-flex_74799db[data-width=default]),:where(._h-stack_f3d929e>._box_16766f3[data-width=default]){flex-grow:1;flex-shrink:0;flex-basis:0%;width:auto}:where(._h-stack_f3d929e[data-height=auto] ._h-stack_f3d929e[data-height=default]),:where(._h-stack_f3d929e[data-height=auto] ._z-stack_0734316[data-height=default]),:where(._h-stack_f3d929e[data-height=auto] ._v-stack_c5b98b6[data-height=default]),:where(._h-stack_f3d929e[data-height=auto] ._stack-flex_74799db[data-height=default]){height:auto}:where(._h-stack_f3d929e[data-width=auto]){flex-grow:0;flex-shrink:0;width:auto;flex-basis:auto}:where(._h-stack_f3d929e[data-width=auto]>._h-stack_f3d929e[data-width=flex]),:where(._h-stack_f3d929e[data-width=auto]>._z-stack_0734316[data-width=flex]),:where(._h-stack_f3d929e[data-width=auto]>._v-stack_c5b98b6[data-width=flex]),:where(._h-stack_f3d929e[data-width=auto]>._stack-flex_74799db[data-width=flex]),:where(._h-stack_f3d929e[data-width=auto]>._h-stack_f3d929e[data-width=fill]),:where(._h-stack_f3d929e[data-width=auto]>._z-stack_0734316[data-width=fill]),:where(._h-stack_f3d929e[data-width=auto]>._v-stack_c5b98b6[data-width=fill]),:where(._h-stack_f3d929e[data-width=auto]>._stack-flex_74799db[data-width=fill]){flex-basis:auto}:where(._v-stack_c5b98b6>._h-stack_f3d929e[data-height=default]),:where(._v-stack_c5b98b6>._z-stack_0734316[data-height=default]),:where(._v-stack_c5b98b6>._v-stack_c5b98b6[data-height=default]),:where(._v-stack_c5b98b6>._stack-flex_74799db[data-height=default]){flex-basis:auto;height:auto}:where(._v-stack_c5b98b6[data-overflow-y=auto]:not([data-height=auto])),:where(._v-stack_c5b98b6[data-overflow-y=scroll]:not([data-height=auto])),:where(._h-stack_f3d929e[data-overflow-y=auto]:not([data-width=auto])),:where(._h-stack_f3d929e[data-overflow-y=scroll]:not([data-width=auto])){flex-shrink:1}:where(._box_16766f3[data-enabled-resize-on-start=true]),:where(._box_16766f3[data-enabled-resize-on-end=true]),:where(._box_16766f3[data-enabled-resize-on-top=true]),:where(._box_16766f3[data-enabled-resize-on-bottom=true]),:where(._box_16766f3[data-enabled-resize-on-left=true]),:where(._box_16766f3[data-enabled-resize-on-right=true]){transform:translateZ(0)}:where(._box_16766f3[data-width=flex]){width:auto}:where(.reveal-layout ._box_16766f3:after),:where(.reveal-box ._box_16766f3:after){content:"";position:absolute;inset:0;border:1px dashed rgb(138,138,138);pointer-events:none;z-index:1}
|
|
@@ -2,10 +2,10 @@ import { Alignment } from './alignment.js';
|
|
|
2
2
|
export interface StackStyleProps {
|
|
3
3
|
hAlign?: Alignment;
|
|
4
4
|
vAlign?: Alignment;
|
|
5
|
-
width?: 'default' | 'flex' | 'auto' | string | number;
|
|
5
|
+
width?: 'default' | 'flex' | 'auto' | 'fill' | string | number;
|
|
6
6
|
minWidth?: string | number;
|
|
7
7
|
maxWidth?: string | number;
|
|
8
|
-
height?: 'default' | 'flex' | 'auto' | string | number;
|
|
8
|
+
height?: 'default' | 'flex' | 'auto' | 'fill' | string | number;
|
|
9
9
|
minHeight?: string | number;
|
|
10
10
|
maxHeight?: string | number;
|
|
11
11
|
growWeight?: number;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/stacks/types/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAE3C,MAAM,WAAW,eAAe;IAC9B,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/stacks/types/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAE3C,MAAM,WAAW,eAAe;IAC9B,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;IAC/D,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,MAAM,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;IAChE,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,WAAW,aAAa;IAC5B,SAAS,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;IACjC,SAAS,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,MAAM,GAAG,SAAS,CAAC;CACtD;AAED,MAAM,WAAW,eAAe;IAC9B,SAAS,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,MAAM,GAAG,SAAS,CAAC;IACrD,SAAS,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;CAClC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
1
2
|
import { BoxProps } from '../../stacks/box/box.js';
|
|
2
3
|
import { Alignment } from '../../stacks/types/alignment.js';
|
|
3
|
-
import { default as React } from 'react';
|
|
4
4
|
export interface HPanelProps extends Omit<BoxProps, 'as'> {
|
|
5
5
|
vAlign?: Alignment;
|
|
6
6
|
hAlign?: Alignment;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"h_panel.d.ts","sourceRoot":"","sources":["../../../src/surfaces/panel/h_panel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,yBAAyB,CAAC;
|
|
1
|
+
{"version":3,"file":"h_panel.d.ts","sourceRoot":"","sources":["../../../src/surfaces/panel/h_panel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAE7D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAIjE,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC;IACvD,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,MAAM,CAAC,EAAE,SAAS,CAAC;CACpB;AAED,eAAO,MAAM,MAAM,iFAyDjB,CAAC"}
|
|
@@ -1,48 +1,59 @@
|
|
|
1
1
|
import { jsx as p } from "react/jsx-runtime";
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import x from "
|
|
5
|
-
import { s as l } from "../../panel.module-CtikcmYB.js";
|
|
2
|
+
import u from "react";
|
|
3
|
+
import l from "classnames";
|
|
4
|
+
import { Box as x } from "../../stacks/box/box.js";
|
|
6
5
|
import { HStack as N } from "../../stacks/h_stack.js";
|
|
7
|
-
|
|
6
|
+
import { s as m } from "../../panel.module-DwGKncon.js";
|
|
7
|
+
const H = u.forwardRef(function({
|
|
8
8
|
children: f,
|
|
9
|
-
width:
|
|
10
|
-
height:
|
|
9
|
+
width: k,
|
|
10
|
+
height: d,
|
|
11
11
|
minWidth: a,
|
|
12
|
-
maxWidth:
|
|
13
|
-
minHeight:
|
|
14
|
-
maxHeight:
|
|
15
|
-
hAlign:
|
|
16
|
-
vAlign:
|
|
17
|
-
className:
|
|
18
|
-
...
|
|
19
|
-
},
|
|
12
|
+
maxWidth: t,
|
|
13
|
+
minHeight: n,
|
|
14
|
+
maxHeight: e,
|
|
15
|
+
hAlign: o,
|
|
16
|
+
vAlign: r = "start",
|
|
17
|
+
className: s,
|
|
18
|
+
...i
|
|
19
|
+
}, c) {
|
|
20
20
|
return /* @__PURE__ */ p(
|
|
21
|
-
|
|
21
|
+
x,
|
|
22
22
|
{
|
|
23
|
-
ref:
|
|
24
|
-
width:
|
|
25
|
-
height:
|
|
23
|
+
ref: c,
|
|
24
|
+
width: k,
|
|
25
|
+
height: d,
|
|
26
26
|
minWidth: a,
|
|
27
|
-
maxWidth:
|
|
28
|
-
minHeight:
|
|
29
|
-
maxHeight:
|
|
30
|
-
"data-h-alignment":
|
|
31
|
-
"data-v-alignment":
|
|
32
|
-
className:
|
|
33
|
-
|
|
27
|
+
maxWidth: t,
|
|
28
|
+
minHeight: n,
|
|
29
|
+
maxHeight: e,
|
|
30
|
+
"data-h-alignment": o,
|
|
31
|
+
"data-v-alignment": r,
|
|
32
|
+
className: l(
|
|
33
|
+
m.panel,
|
|
34
|
+
s,
|
|
35
|
+
"panel",
|
|
36
|
+
"tcn-panel",
|
|
37
|
+
"tcn-h-panel"
|
|
38
|
+
),
|
|
39
|
+
...i,
|
|
34
40
|
children: /* @__PURE__ */ p(
|
|
35
41
|
N,
|
|
36
42
|
{
|
|
37
43
|
as: "section",
|
|
38
44
|
minWidth: a,
|
|
39
|
-
maxWidth:
|
|
40
|
-
minHeight:
|
|
41
|
-
maxHeight:
|
|
42
|
-
hAlign:
|
|
43
|
-
vAlign:
|
|
44
|
-
ref:
|
|
45
|
-
className:
|
|
45
|
+
maxWidth: t,
|
|
46
|
+
minHeight: n,
|
|
47
|
+
maxHeight: e,
|
|
48
|
+
hAlign: o,
|
|
49
|
+
vAlign: r,
|
|
50
|
+
ref: c,
|
|
51
|
+
className: l(
|
|
52
|
+
m["panel-stack"],
|
|
53
|
+
s,
|
|
54
|
+
"panel-stack",
|
|
55
|
+
"tcn-panel-stack"
|
|
56
|
+
),
|
|
46
57
|
zIndex: 0,
|
|
47
58
|
children: f
|
|
48
59
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"h_panel.js","sources":["../../../src/surfaces/panel/h_panel.tsx"],"sourcesContent":["import { Box, type BoxProps } from '../../stacks/box/box.js';\nimport {
|
|
1
|
+
{"version":3,"file":"h_panel.js","sources":["../../../src/surfaces/panel/h_panel.tsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\nimport { Box, type BoxProps } from '../../stacks/box/box.js';\nimport { HStack } from '../../stacks/h_stack.js';\nimport type { Alignment } from '../../stacks/types/alignment.js';\n// Styles\nimport styles from './panel.module.css';\n\nexport interface HPanelProps extends Omit<BoxProps, 'as'> {\n vAlign?: Alignment;\n hAlign?: Alignment;\n}\n\nexport const HPanel = React.forwardRef<HTMLElement, HPanelProps>(function HPanel(\n {\n children,\n width,\n height,\n minWidth,\n maxWidth,\n minHeight,\n maxHeight,\n hAlign,\n vAlign = 'start',\n className,\n ...props\n }: HPanelProps,\n ref\n) {\n return (\n <Box\n ref={ref}\n width={width}\n height={height}\n minWidth={minWidth}\n maxWidth={maxWidth}\n minHeight={minHeight}\n maxHeight={maxHeight}\n data-h-alignment={hAlign}\n data-v-alignment={vAlign}\n className={classNames(\n styles['panel'],\n className,\n 'panel',\n 'tcn-panel',\n 'tcn-h-panel'\n )}\n {...props}\n >\n <HStack\n as=\"section\"\n minWidth={minWidth}\n maxWidth={maxWidth}\n minHeight={minHeight}\n maxHeight={maxHeight}\n hAlign={hAlign}\n vAlign={vAlign}\n ref={ref}\n className={classNames(\n styles['panel-stack'],\n className,\n 'panel-stack',\n 'tcn-panel-stack'\n )}\n zIndex={0}\n >\n {children}\n </HStack>\n </Box>\n );\n});\n"],"names":["HPanel","React","children","width","height","minWidth","maxWidth","minHeight","maxHeight","hAlign","vAlign","className","props","ref","jsx","Box","classNames","styles","HStack"],"mappings":";;;;;;AAaO,MAAMA,IAASC,EAAM,WAAqC,SAC/D;AAAA,EACE,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,QAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,WAAAC;AAAA,EACA,GAAGC;AACL,GACAC,GACA;AACA,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAAF;AAAA,MACA,OAAAV;AAAA,MACA,QAAAC;AAAA,MACA,UAAAC;AAAA,MACA,UAAAC;AAAA,MACA,WAAAC;AAAA,MACA,WAAAC;AAAA,MACA,oBAAkBC;AAAA,MAClB,oBAAkBC;AAAA,MAClB,WAAWM;AAAA,QACTC,EAAO;AAAA,QACPN;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,MAEJ,UAAA,gBAAAE;AAAA,QAACI;AAAA,QAAA;AAAA,UACC,IAAG;AAAA,UACH,UAAAb;AAAA,UACA,UAAAC;AAAA,UACA,WAAAC;AAAA,UACA,WAAAC;AAAA,UACA,QAAAC;AAAA,UACA,QAAAC;AAAA,UACA,KAAAG;AAAA,UACA,WAAWG;AAAA,YACTC,EAAO,aAAa;AAAA,YACpBN;AAAA,YACA;AAAA,YACA;AAAA,UAAA;AAAA,UAEF,QAAQ;AAAA,UAEP,UAAAT;AAAA,QAAA;AAAA,MAAA;AAAA,IACH;AAAA,EAAA;AAGN,CAAC;"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
1
2
|
import { BoxProps } from '../../stacks/box/box.js';
|
|
2
3
|
import { Alignment } from '../../stacks/types/alignment.js';
|
|
3
|
-
import { default as React } from 'react';
|
|
4
4
|
export interface VPanelProps extends Omit<BoxProps, 'as'> {
|
|
5
5
|
vAlign?: Alignment;
|
|
6
6
|
hAlign?: Alignment;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"v_panel.d.ts","sourceRoot":"","sources":["../../../src/surfaces/panel/v_panel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,yBAAyB,CAAC;
|
|
1
|
+
{"version":3,"file":"v_panel.d.ts","sourceRoot":"","sources":["../../../src/surfaces/panel/v_panel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAKjE,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC;IACvD,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,MAAM,CAAC,EAAE,SAAS,CAAC;CACpB;AAED,eAAO,MAAM,MAAM,iFAmDjB,CAAC"}
|
|
@@ -1,56 +1,61 @@
|
|
|
1
1
|
import { jsx as p } from "react/jsx-runtime";
|
|
2
|
+
import i from "react";
|
|
3
|
+
import l from "classnames";
|
|
2
4
|
import { Box as V } from "../../stacks/box/box.js";
|
|
3
5
|
import { VStack as u } from "../../stacks/v_stack.js";
|
|
4
|
-
import
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
width: d,
|
|
10
|
-
height: i = "100%",
|
|
6
|
+
import { s as x } from "../../panel.module-DwGKncon.js";
|
|
7
|
+
const z = i.forwardRef(function({
|
|
8
|
+
children: m,
|
|
9
|
+
width: f,
|
|
10
|
+
height: k = "100%",
|
|
11
11
|
minWidth: a,
|
|
12
|
-
maxWidth:
|
|
13
|
-
minHeight:
|
|
14
|
-
maxHeight:
|
|
15
|
-
hAlign:
|
|
12
|
+
maxWidth: t,
|
|
13
|
+
minHeight: n,
|
|
14
|
+
maxHeight: o,
|
|
15
|
+
hAlign: r,
|
|
16
16
|
vAlign: e = "start",
|
|
17
|
-
className:
|
|
18
|
-
...
|
|
19
|
-
},
|
|
17
|
+
className: s,
|
|
18
|
+
...d
|
|
19
|
+
}, c) {
|
|
20
20
|
return /* @__PURE__ */ p(
|
|
21
21
|
V,
|
|
22
22
|
{
|
|
23
|
-
ref:
|
|
24
|
-
width:
|
|
25
|
-
height:
|
|
23
|
+
ref: c,
|
|
24
|
+
width: f,
|
|
25
|
+
height: k,
|
|
26
26
|
minWidth: a,
|
|
27
|
-
maxWidth:
|
|
28
|
-
minHeight:
|
|
29
|
-
maxHeight:
|
|
30
|
-
"data-h-alignment":
|
|
27
|
+
maxWidth: t,
|
|
28
|
+
minHeight: n,
|
|
29
|
+
maxHeight: o,
|
|
30
|
+
"data-h-alignment": r,
|
|
31
31
|
"data-v-alignment": e,
|
|
32
|
-
className:
|
|
33
|
-
...
|
|
32
|
+
className: l(s, "panel", "tcn-panel", "tcn-v-panel"),
|
|
33
|
+
...d,
|
|
34
34
|
children: /* @__PURE__ */ p(
|
|
35
35
|
u,
|
|
36
36
|
{
|
|
37
37
|
as: "section",
|
|
38
38
|
minWidth: a,
|
|
39
|
-
maxWidth:
|
|
40
|
-
minHeight:
|
|
41
|
-
maxHeight:
|
|
42
|
-
hAlign:
|
|
39
|
+
maxWidth: t,
|
|
40
|
+
minHeight: n,
|
|
41
|
+
maxHeight: o,
|
|
42
|
+
hAlign: r,
|
|
43
43
|
vAlign: e,
|
|
44
|
-
ref:
|
|
45
|
-
className:
|
|
44
|
+
ref: c,
|
|
45
|
+
className: l(
|
|
46
|
+
x["panel-stack"],
|
|
47
|
+
s,
|
|
48
|
+
"panel-stack",
|
|
49
|
+
"tcn-panel-stack"
|
|
50
|
+
),
|
|
46
51
|
zIndex: 0,
|
|
47
|
-
children:
|
|
52
|
+
children: m
|
|
48
53
|
}
|
|
49
54
|
)
|
|
50
55
|
}
|
|
51
56
|
);
|
|
52
57
|
});
|
|
53
58
|
export {
|
|
54
|
-
|
|
59
|
+
z as VPanel
|
|
55
60
|
};
|
|
56
61
|
//# sourceMappingURL=v_panel.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"v_panel.js","sources":["../../../src/surfaces/panel/v_panel.tsx"],"sourcesContent":["import { Box, type BoxProps } from '../../stacks/box/box.js';\nimport {
|
|
1
|
+
{"version":3,"file":"v_panel.js","sources":["../../../src/surfaces/panel/v_panel.tsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\nimport { Box, type BoxProps } from '../../stacks/box/box.js';\nimport type { Alignment } from '../../stacks/types/alignment.js';\nimport { VStack } from '../../stacks/v_stack.js';\n// Styles\nimport styles from './panel.module.css';\n\nexport interface VPanelProps extends Omit<BoxProps, 'as'> {\n vAlign?: Alignment;\n hAlign?: Alignment;\n}\n\nexport const VPanel = React.forwardRef<HTMLElement, VPanelProps>(function VPanel(\n {\n children,\n width,\n height = '100%',\n minWidth,\n maxWidth,\n minHeight,\n maxHeight,\n hAlign,\n vAlign = 'start',\n className,\n ...props\n }: VPanelProps,\n ref\n) {\n return (\n <Box\n ref={ref}\n width={width}\n height={height}\n minWidth={minWidth}\n maxWidth={maxWidth}\n minHeight={minHeight}\n maxHeight={maxHeight}\n data-h-alignment={hAlign}\n data-v-alignment={vAlign}\n className={classNames(className, 'panel', 'tcn-panel', 'tcn-v-panel')}\n {...props}\n >\n <VStack\n as=\"section\"\n minWidth={minWidth}\n maxWidth={maxWidth}\n minHeight={minHeight}\n maxHeight={maxHeight}\n hAlign={hAlign}\n vAlign={vAlign}\n ref={ref}\n className={classNames(\n styles['panel-stack'],\n className,\n 'panel-stack',\n 'tcn-panel-stack'\n )}\n zIndex={0}\n >\n {children}\n </VStack>\n </Box>\n );\n});\n"],"names":["VPanel","React","children","width","height","minWidth","maxWidth","minHeight","maxHeight","hAlign","vAlign","className","props","ref","jsx","Box","classNames","VStack","styles"],"mappings":";;;;;;AAaO,MAAMA,IAASC,EAAM,WAAqC,SAC/D;AAAA,EACE,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,QAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,WAAAC;AAAA,EACA,GAAGC;AACL,GACAC,GACA;AACA,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAAF;AAAA,MACA,OAAAV;AAAA,MACA,QAAAC;AAAA,MACA,UAAAC;AAAA,MACA,UAAAC;AAAA,MACA,WAAAC;AAAA,MACA,WAAAC;AAAA,MACA,oBAAkBC;AAAA,MAClB,oBAAkBC;AAAA,MAClB,WAAWM,EAAWL,GAAW,SAAS,aAAa,aAAa;AAAA,MACnE,GAAGC;AAAA,MAEJ,UAAA,gBAAAE;AAAA,QAACG;AAAA,QAAA;AAAA,UACC,IAAG;AAAA,UACH,UAAAZ;AAAA,UACA,UAAAC;AAAA,UACA,WAAAC;AAAA,UACA,WAAAC;AAAA,UACA,QAAAC;AAAA,UACA,QAAAC;AAAA,UACA,KAAAG;AAAA,UACA,WAAWG;AAAA,YACTE,EAAO,aAAa;AAAA,YACpBP;AAAA,YACA;AAAA,YACA;AAAA,UAAA;AAAA,UAEF,QAAQ;AAAA,UAEP,UAAAT;AAAA,QAAA;AAAA,MAAA;AAAA,IACH;AAAA,EAAA;AAGN,CAAC;"}
|
package/dist/themes/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { theme as
|
|
2
|
-
import { Theme as
|
|
3
|
-
import { windows98StyleSheet as
|
|
1
|
+
import { theme as i } from "./theme_variables.js";
|
|
2
|
+
import { Theme as l } from "./theme.js";
|
|
3
|
+
import { windows98StyleSheet as s } from "./themes/windows_98/windows_98_theme.js";
|
|
4
4
|
const n = `/* https://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 */
|
|
5
5
|
html,
|
|
6
6
|
body,
|
|
@@ -139,13 +139,13 @@ legend {
|
|
|
139
139
|
/* ===== CSS VARIABLES ===== */
|
|
140
140
|
:root {
|
|
141
141
|
--scalar: 1;
|
|
142
|
-
--gap-small:
|
|
143
|
-
--gap-medium:
|
|
144
|
-
--gap-large:
|
|
142
|
+
--gap-small: 4px;
|
|
143
|
+
--gap-medium: 8px;
|
|
144
|
+
--gap-large: 16px;
|
|
145
145
|
|
|
146
|
-
--padding-small:
|
|
147
|
-
--padding-medium:
|
|
148
|
-
--padding-large:
|
|
146
|
+
--padding-small: 4px;
|
|
147
|
+
--padding-medium: 8px;
|
|
148
|
+
--padding-large: 16px;
|
|
149
149
|
|
|
150
150
|
--status-color-disabled: #7f7f7f;
|
|
151
151
|
--status-color-info: #008cff;
|
|
@@ -173,9 +173,8 @@ legend {
|
|
|
173
173
|
--quaternary-color: #008cff;
|
|
174
174
|
--quaternary-color-strong: #008cff;
|
|
175
175
|
|
|
176
|
-
--font-color: #
|
|
177
|
-
--font-family:
|
|
178
|
-
"Arial", "Helvetica Neue", Helvetica, "Liberation Sans", "Arimo", sans-serif;
|
|
176
|
+
--font-color: #395578;
|
|
177
|
+
--font-family: "Lato", sans-serif;
|
|
179
178
|
--font-size: 12px;
|
|
180
179
|
|
|
181
180
|
--background-color-primary: #ffffff;
|
|
@@ -183,21 +182,84 @@ legend {
|
|
|
183
182
|
--background-color-tertiary: #ffffff;
|
|
184
183
|
--background-color-quaternary: #ffffff;
|
|
185
184
|
|
|
186
|
-
--foreground-color-primary: #
|
|
185
|
+
--foreground-color-primary: #aaa;
|
|
187
186
|
--foreground-color-secondary: #222222;
|
|
188
187
|
--foreground-color-tertiary: #222222;
|
|
189
188
|
--foreground-color-quaternary: #222222;
|
|
190
189
|
|
|
191
190
|
--accent-color: #008cff;
|
|
191
|
+
|
|
192
|
+
--shape-radius-small: 2px;
|
|
193
|
+
--shape-radius-medium: 4px;
|
|
194
|
+
--shape-radius-large: 8px;
|
|
192
195
|
}
|
|
193
196
|
|
|
194
197
|
* {
|
|
195
198
|
position: relative;
|
|
196
199
|
box-sizing: border-box;
|
|
197
200
|
}
|
|
201
|
+
|
|
202
|
+
/* ===== SURFACES ===== */
|
|
203
|
+
|
|
204
|
+
/* PANEL */
|
|
205
|
+
.tcn-panel {
|
|
206
|
+
--v-inset: var(--padding-large);
|
|
207
|
+
background-color: var(--background-color-primary);
|
|
208
|
+
border-radius: var(--shape-radius-medium);
|
|
209
|
+
|
|
210
|
+
:where(.tcn-header) {
|
|
211
|
+
min-height: 40px;
|
|
212
|
+
border-bottom: 1px solid var(--foreground-color-primary);
|
|
213
|
+
padding: 0 var(--v-inset);
|
|
214
|
+
gap: var(--gap-medium);
|
|
215
|
+
|
|
216
|
+
:where(.tcn-title) {
|
|
217
|
+
font-weight: 700;
|
|
218
|
+
}
|
|
219
|
+
|
|
220
|
+
:where(.tcn-button) {
|
|
221
|
+
padding: 0;
|
|
222
|
+
min-width: 18px;
|
|
223
|
+
min-height: 18px;
|
|
224
|
+
}
|
|
225
|
+
|
|
226
|
+
:where(.tcn-divider) {
|
|
227
|
+
padding: 4px 0;
|
|
228
|
+
:where(.tcn-divider-line) {
|
|
229
|
+
width: 1.5px;
|
|
230
|
+
min-height: 18px;
|
|
231
|
+
height: auto;
|
|
232
|
+
}
|
|
233
|
+
}
|
|
234
|
+
}
|
|
235
|
+
|
|
236
|
+
:where(.tcn-utility-bar) {
|
|
237
|
+
min-height: 32px;
|
|
238
|
+
border-bottom: 1px solid var(--foreground-color-primary);
|
|
239
|
+
padding: 0 var(--v-inset);
|
|
240
|
+
|
|
241
|
+
:where(.tcn-button) {
|
|
242
|
+
padding: 0;
|
|
243
|
+
min-width: 18px;
|
|
244
|
+
min-height: 18px;
|
|
245
|
+
}
|
|
246
|
+
}
|
|
247
|
+
|
|
248
|
+
:where(.tcn-body) {
|
|
249
|
+
padding: 0 var(--v-inset);
|
|
250
|
+
gap: var(--gap-medium);
|
|
251
|
+
}
|
|
252
|
+
|
|
253
|
+
:where(.tcn-footer) {
|
|
254
|
+
gap: var(--gap-medium);
|
|
255
|
+
min-height: 40px;
|
|
256
|
+
border-top: 1px solid var(--foreground-color-primary);
|
|
257
|
+
padding: 0 var(--v-inset);
|
|
258
|
+
}
|
|
259
|
+
}
|
|
198
260
|
`, e = new CSSStyleSheet();
|
|
199
261
|
e.replaceSync(n);
|
|
200
|
-
const
|
|
262
|
+
const r = `/* https://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 */
|
|
201
263
|
html,
|
|
202
264
|
body,
|
|
203
265
|
div,
|
|
@@ -331,13 +393,13 @@ legend {
|
|
|
331
393
|
font: inherit;
|
|
332
394
|
color: inherit;
|
|
333
395
|
}
|
|
334
|
-
`,
|
|
335
|
-
|
|
396
|
+
`, o = new CSSStyleSheet();
|
|
397
|
+
o.replaceSync(r);
|
|
336
398
|
export {
|
|
337
|
-
|
|
399
|
+
l as Theme,
|
|
338
400
|
e as ergoStyleSheet,
|
|
339
|
-
|
|
340
|
-
|
|
341
|
-
|
|
401
|
+
o as reset,
|
|
402
|
+
i as theme,
|
|
403
|
+
s as windows98StyleSheet
|
|
342
404
|
};
|
|
343
405
|
//# sourceMappingURL=index.js.map
|
package/dist/themes/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../src/themes/themes/ergo/ergo_theme.css?raw","../../src/themes/themes/ergo/ergo_theme.ts","../../src/themes/stylesheets/reset.css?raw","../../src/themes/stylesheets/reset.ts"],"sourcesContent":["export default \"/* https://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 */\\nhtml,\\nbody,\\ndiv,\\nspan,\\napplet,\\nobject,\\niframe,\\nh1,\\nh2,\\nh3,\\nh4,\\nh5,\\nh6,\\np,\\nblockquote,\\npre,\\na,\\nabbr,\\nacronym,\\naddress,\\nbig,\\ncite,\\ncode,\\ndel,\\ndfn,\\nem,\\nimg,\\nins,\\nkbd,\\nq,\\ns,\\nsamp,\\nsmall,\\nstrike,\\nstrong,\\nsub,\\nsup,\\ntt,\\nvar,\\nb,\\nu,\\ni,\\ncenter,\\ndl,\\ndt,\\ndd,\\nol,\\nul,\\nli,\\nfieldset,\\nform,\\nlabel,\\nlegend,\\ntable,\\ncaption,\\ntbody,\\ntfoot,\\nthead,\\ntr,\\nth,\\ntd,\\narticle,\\naside,\\ncanvas,\\ndetails,\\nembed,\\nfigure,\\nfigcaption,\\nfooter,\\nheader,\\nhgroup,\\nmenu,\\nnav,\\noutput,\\nruby,\\nsection,\\nsummary,\\ntime,\\nmark,\\naudio,\\nvideo {\\n margin: 0;\\n padding: 0;\\n border: 0;\\n font-size: 100%;\\n font: inherit;\\n vertical-align: baseline;\\n}\\n/* HTML5 display-role reset for older browsers */\\narticle,\\naside,\\ndetails,\\nfigcaption,\\nfigure,\\nfooter,\\nheader,\\nhgroup,\\nmenu,\\nnav,\\nsection {\\n display: block;\\n}\\nbody {\\n line-height: 1;\\n}\\nol,\\nul {\\n list-style: none;\\n}\\nblockquote,\\nq {\\n quotes: none;\\n}\\nblockquote:before,\\nblockquote:after,\\nq:before,\\nq:after {\\n content: \\\"\\\";\\n content: none;\\n}\\ntable {\\n border-collapse: collapse;\\n border-spacing: 0;\\n}\\n\\nlegend {\\n all: unset;\\n display: block;\\n margin: 0;\\n padding: 0;\\n font: inherit;\\n color: inherit;\\n}\\n\\n/* ===== CSS VARIABLES ===== */\\n:root {\\n --scalar: 1;\\n --gap-small:
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../src/themes/themes/ergo/ergo_theme.css?raw","../../src/themes/themes/ergo/ergo_theme.ts","../../src/themes/stylesheets/reset.css?raw","../../src/themes/stylesheets/reset.ts"],"sourcesContent":["export default \"/* https://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 */\\nhtml,\\nbody,\\ndiv,\\nspan,\\napplet,\\nobject,\\niframe,\\nh1,\\nh2,\\nh3,\\nh4,\\nh5,\\nh6,\\np,\\nblockquote,\\npre,\\na,\\nabbr,\\nacronym,\\naddress,\\nbig,\\ncite,\\ncode,\\ndel,\\ndfn,\\nem,\\nimg,\\nins,\\nkbd,\\nq,\\ns,\\nsamp,\\nsmall,\\nstrike,\\nstrong,\\nsub,\\nsup,\\ntt,\\nvar,\\nb,\\nu,\\ni,\\ncenter,\\ndl,\\ndt,\\ndd,\\nol,\\nul,\\nli,\\nfieldset,\\nform,\\nlabel,\\nlegend,\\ntable,\\ncaption,\\ntbody,\\ntfoot,\\nthead,\\ntr,\\nth,\\ntd,\\narticle,\\naside,\\ncanvas,\\ndetails,\\nembed,\\nfigure,\\nfigcaption,\\nfooter,\\nheader,\\nhgroup,\\nmenu,\\nnav,\\noutput,\\nruby,\\nsection,\\nsummary,\\ntime,\\nmark,\\naudio,\\nvideo {\\n margin: 0;\\n padding: 0;\\n border: 0;\\n font-size: 100%;\\n font: inherit;\\n vertical-align: baseline;\\n}\\n/* HTML5 display-role reset for older browsers */\\narticle,\\naside,\\ndetails,\\nfigcaption,\\nfigure,\\nfooter,\\nheader,\\nhgroup,\\nmenu,\\nnav,\\nsection {\\n display: block;\\n}\\nbody {\\n line-height: 1;\\n}\\nol,\\nul {\\n list-style: none;\\n}\\nblockquote,\\nq {\\n quotes: none;\\n}\\nblockquote:before,\\nblockquote:after,\\nq:before,\\nq:after {\\n content: \\\"\\\";\\n content: none;\\n}\\ntable {\\n border-collapse: collapse;\\n border-spacing: 0;\\n}\\n\\nlegend {\\n all: unset;\\n display: block;\\n margin: 0;\\n padding: 0;\\n font: inherit;\\n color: inherit;\\n}\\n\\n/* ===== CSS VARIABLES ===== */\\n:root {\\n --scalar: 1;\\n --gap-small: 4px;\\n --gap-medium: 8px;\\n --gap-large: 16px;\\n\\n --padding-small: 4px;\\n --padding-medium: 8px;\\n --padding-large: 16px;\\n\\n --status-color-disabled: #7f7f7f;\\n --status-color-info: #008cff;\\n --status-color-warning: #ff0000;\\n --status-color-error: #ff0000;\\n\\n --async-color-initial: #c0c0c0;\\n --async-color-pending: #008cff;\\n --async-color-success: #00ff00;\\n --async-color-failed: #ff0000;\\n\\n --primary-color-faint: #c0c0c0;\\n --primary-color: #008cff;\\n --primary-color-strong: #008cff;\\n\\n --secondary-color-faint: #c0c0c0;\\n --secondary-color: #008cff;\\n --secondary-color-strong: #008cff;\\n\\n --tertiary-color-faint: #c0c0c0;\\n --tertiary-color: #008cff;\\n --tertiary-color-strong: #008cff;\\n\\n --quaternary-color-faint: #c0c0c0;\\n --quaternary-color: #008cff;\\n --quaternary-color-strong: #008cff;\\n\\n --font-color: #395578;\\n --font-family: \\\"Lato\\\", sans-serif;\\n --font-size: 12px;\\n\\n --background-color-primary: #ffffff;\\n --background-color-secondary: #ffffff;\\n --background-color-tertiary: #ffffff;\\n --background-color-quaternary: #ffffff;\\n\\n --foreground-color-primary: #aaa;\\n --foreground-color-secondary: #222222;\\n --foreground-color-tertiary: #222222;\\n --foreground-color-quaternary: #222222;\\n\\n --accent-color: #008cff;\\n\\n --shape-radius-small: 2px;\\n --shape-radius-medium: 4px;\\n --shape-radius-large: 8px;\\n}\\n\\n* {\\n position: relative;\\n box-sizing: border-box;\\n}\\n\\n/* ===== SURFACES ===== */\\n\\n/* PANEL */\\n.tcn-panel {\\n --v-inset: var(--padding-large);\\n background-color: var(--background-color-primary);\\n border-radius: var(--shape-radius-medium);\\n\\n :where(.tcn-header) {\\n min-height: 40px;\\n border-bottom: 1px solid var(--foreground-color-primary);\\n padding: 0 var(--v-inset);\\n gap: var(--gap-medium);\\n\\n :where(.tcn-title) {\\n font-weight: 700;\\n }\\n\\n :where(.tcn-button) {\\n padding: 0;\\n min-width: 18px;\\n min-height: 18px;\\n }\\n\\n :where(.tcn-divider) {\\n padding: 4px 0;\\n :where(.tcn-divider-line) {\\n width: 1.5px;\\n min-height: 18px;\\n height: auto;\\n }\\n }\\n }\\n\\n :where(.tcn-utility-bar) {\\n min-height: 32px;\\n border-bottom: 1px solid var(--foreground-color-primary);\\n padding: 0 var(--v-inset);\\n\\n :where(.tcn-button) {\\n padding: 0;\\n min-width: 18px;\\n min-height: 18px;\\n }\\n }\\n\\n :where(.tcn-body) {\\n padding: 0 var(--v-inset);\\n gap: var(--gap-medium);\\n }\\n\\n :where(.tcn-footer) {\\n gap: var(--gap-medium);\\n min-height: 40px;\\n border-top: 1px solid var(--foreground-color-primary);\\n padding: 0 var(--v-inset);\\n }\\n}\\n\"","import css from './ergo_theme.css?raw';\n\nexport const ergoStyleSheet = new CSSStyleSheet();\nergoStyleSheet.replaceSync(css);\n","export default \"/* https://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 */\\nhtml,\\nbody,\\ndiv,\\nspan,\\napplet,\\nobject,\\niframe,\\nh1,\\nh2,\\nh3,\\nh4,\\nh5,\\nh6,\\np,\\nblockquote,\\npre,\\na,\\nabbr,\\nacronym,\\naddress,\\nbig,\\ncite,\\ncode,\\ndel,\\ndfn,\\nem,\\nimg,\\nins,\\nkbd,\\nq,\\ns,\\nsamp,\\nsmall,\\nstrike,\\nstrong,\\nsub,\\nsup,\\ntt,\\nvar,\\nb,\\nu,\\ni,\\ncenter,\\ndl,\\ndt,\\ndd,\\nol,\\nul,\\nli,\\nfieldset,\\nform,\\nlabel,\\nlegend,\\ntable,\\ncaption,\\ntbody,\\ntfoot,\\nthead,\\ntr,\\nth,\\ntd,\\narticle,\\naside,\\ncanvas,\\ndetails,\\nembed,\\nfigure,\\nfigcaption,\\nfooter,\\nheader,\\nhgroup,\\nmenu,\\nnav,\\noutput,\\nruby,\\nsection,\\nsummary,\\ntime,\\nmark,\\naudio,\\nvideo {\\n margin: 0;\\n padding: 0;\\n border: 0;\\n font-size: 100%;\\n font: inherit;\\n vertical-align: baseline;\\n}\\n/* HTML5 display-role reset for older browsers */\\narticle,\\naside,\\ndetails,\\nfigcaption,\\nfigure,\\nfooter,\\nheader,\\nhgroup,\\nmenu,\\nnav,\\nsection {\\n display: block;\\n}\\nbody {\\n line-height: 1;\\n}\\nol,\\nul {\\n list-style: none;\\n}\\nblockquote,\\nq {\\n quotes: none;\\n}\\nblockquote:before,\\nblockquote:after,\\nq:before,\\nq:after {\\n content: \\\"\\\";\\n content: none;\\n}\\ntable {\\n border-collapse: collapse;\\n border-spacing: 0;\\n}\\n\\nlegend {\\n all: unset;\\n display: block;\\n margin: 0;\\n padding: 0;\\n font: inherit;\\n color: inherit;\\n}\\n\"","import css from './reset.css?raw';\n\nexport const reset = new CSSStyleSheet();\nreset.replaceSync(css);\n"],"names":["css$1","ergoStyleSheet","css","reset"],"mappings":";;;AAAA,MAAAA,IAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GCEFC,IAAiB,IAAI,cAAA;AAClCA,EAAe,YAAYC,CAAG;ACH9B,MAAAA,IAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GCEFC,IAAQ,IAAI,cAAA;AACzBA,EAAM,YAAYD,CAAG;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}legend{all:unset;display:block;margin:0;padding:0;font:inherit;color:inherit}:root{--scalar: 1;--gap-small:
|
|
1
|
+
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}legend{all:unset;display:block;margin:0;padding:0;font:inherit;color:inherit}:root{--scalar: 1;--gap-small: 4px;--gap-medium: 8px;--gap-large: 16px;--padding-small: 4px;--padding-medium: 8px;--padding-large: 16px;--status-color-disabled: #7f7f7f;--status-color-info: #008cff;--status-color-warning: #ff0000;--status-color-error: #ff0000;--async-color-initial: #c0c0c0;--async-color-pending: #008cff;--async-color-success: #00ff00;--async-color-failed: #ff0000;--primary-color-faint: #c0c0c0;--primary-color: #008cff;--primary-color-strong: #008cff;--secondary-color-faint: #c0c0c0;--secondary-color: #008cff;--secondary-color-strong: #008cff;--tertiary-color-faint: #c0c0c0;--tertiary-color: #008cff;--tertiary-color-strong: #008cff;--quaternary-color-faint: #c0c0c0;--quaternary-color: #008cff;--quaternary-color-strong: #008cff;--font-color: #395578;--font-family: "Lato", sans-serif;--font-size: 12px;--background-color-primary: #ffffff;--background-color-secondary: #ffffff;--background-color-tertiary: #ffffff;--background-color-quaternary: #ffffff;--foreground-color-primary: #aaa;--foreground-color-secondary: #222222;--foreground-color-tertiary: #222222;--foreground-color-quaternary: #222222;--accent-color: #008cff;--shape-radius-small: 2px;--shape-radius-medium: 4px;--shape-radius-large: 8px}*{position:relative;box-sizing:border-box}.tcn-panel{--v-inset: var(--padding-large);background-color:var(--background-color-primary);border-radius:var(--shape-radius-medium)}.tcn-panel :where(.tcn-header){min-height:40px;border-bottom:1px solid var(--foreground-color-primary);padding:0 var(--v-inset);gap:var(--gap-medium)}.tcn-panel :where(.tcn-header) :where(.tcn-title){font-weight:700}.tcn-panel :where(.tcn-header) :where(.tcn-button){padding:0;min-width:18px;min-height:18px}.tcn-panel :where(.tcn-header) :where(.tcn-divider){padding:4px 0}.tcn-panel :where(.tcn-header) :where(.tcn-divider) :where(.tcn-divider-line){width:1.5px;min-height:18px;height:auto}.tcn-panel :where(.tcn-utility-bar){min-height:32px;border-bottom:1px solid var(--foreground-color-primary);padding:0 var(--v-inset)}.tcn-panel :where(.tcn-utility-bar) :where(.tcn-button){padding:0;min-width:18px;min-height:18px}.tcn-panel :where(.tcn-body){padding:0 var(--v-inset);gap:var(--gap-medium)}.tcn-panel :where(.tcn-footer){gap:var(--gap-medium);min-height:40px;border-top:1px solid var(--foreground-color-primary);padding:0 var(--v-inset)}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { Emphasis, Hierarchy, Size } from '../../utils/index.js';
|
|
2
1
|
import { WithDetailedHTMLProps } from '../../stacks/types/as.js';
|
|
2
|
+
import { Emphasis, Hierarchy, Size } from '../../utils/index.js';
|
|
3
3
|
export interface TitleOwnProps {
|
|
4
4
|
children?: string;
|
|
5
5
|
size?: Size;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"title.d.ts","sourceRoot":"","sources":["../../../src/typography/title/title.tsx"],"names":[],"mappings":"AAEA,OAAO,
|
|
1
|
+
{"version":3,"file":"title.d.ts","sourceRoot":"","sources":["../../../src/typography/title/title.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AACtE,OAAO,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAGtE,MAAM,WAAW,aAAa;IAC5B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAED,MAAM,MAAM,UAAU,GAAG,qBAAqB,CAAC,aAAa,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC,CAAC;AAElF,wBAAgB,KAAK,CAAC,EACpB,IAAW,EACX,QAAmB,EACnB,SAAqB,EACrB,KAAK,EACL,QAAQ,EACR,SAAS,EACT,KAAU,EACV,QAAQ,EACR,MAAM,EACN,SAAS,EACT,MAAM,EACN,GAAG,EACH,UAAiB,EACjB,EAAE,GACH,EAAE,UAAU,2CAiDZ"}
|