@krumio/trailhand-ui 1.9.18 → 1.9.20
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/components/button/button.d.ts.map +1 -1
- package/dist/components/button/button.js +3 -0
- package/dist/components/button/button.js.map +1 -1
- package/dist/components/dropdown/dropdown.js +3 -3
- package/dist/components/icon/icon.d.ts +1 -0
- package/dist/components/icon/icon.d.ts.map +1 -1
- package/dist/components/icon/icon.js +2 -1
- package/dist/components/icon/icon.js.map +1 -1
- package/dist/components/modal/modal.d.ts +2 -0
- package/dist/components/modal/modal.d.ts.map +1 -1
- package/dist/components/modal/modal.js +21 -2
- package/dist/components/modal/modal.js.map +1 -1
- package/dist/components/text-input/text-input.d.ts +8 -0
- package/dist/components/text-input/text-input.d.ts.map +1 -1
- package/dist/components/text-input/text-input.js +20 -1
- package/dist/components/text-input/text-input.js.map +1 -1
- package/dist/styles/colors.css +29 -11
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/components/button/button.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,cAAc,EAAE,MAAM,KAAK,CAAC;AAG5D,MAAM,WAAW,WAAW;IAC1B,OAAO,EACH,SAAS,GACT,WAAW,GACX,WAAW,GACX,aAAa,GACb,cAAc,CAAC;IACnB,IAAI,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACnC,QAAQ,EAAE,OAAO,CAAC;IAClB,IAAI,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,IAAI,EAAE,MAAM,CAAC;CACd;AAED,qBAAa,MAAO,SAAQ,UAAU;IACpC,MAAM,CAAC,cAAc,UAAQ;IAG7B,OAAO,EACH,SAAS,GACT,WAAW,GACX,WAAW,GACX,aAAa,GACb,cAAc,CAAa;IAG/B,IAAI,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAY;IAG9C,IAAI,SAAM;IAGV,QAAQ,UAAS;IAGjB,IAAI,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAY;IAE/C,OAAO,CAAC,SAAS,CAAmB;;IAOpC,OAAgB,MAAM,
|
|
1
|
+
{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/components/button/button.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,cAAc,EAAE,MAAM,KAAK,CAAC;AAG5D,MAAM,WAAW,WAAW;IAC1B,OAAO,EACH,SAAS,GACT,WAAW,GACX,WAAW,GACX,aAAa,GACb,cAAc,CAAC;IACnB,IAAI,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACnC,QAAQ,EAAE,OAAO,CAAC;IAClB,IAAI,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,IAAI,EAAE,MAAM,CAAC;CACd;AAED,qBAAa,MAAO,SAAQ,UAAU;IACpC,MAAM,CAAC,cAAc,UAAQ;IAG7B,OAAO,EACH,SAAS,GACT,WAAW,GACX,WAAW,GACX,aAAa,GACb,cAAc,CAAa;IAG/B,IAAI,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAY;IAG9C,IAAI,SAAM;IAGV,QAAQ,UAAS;IAGjB,IAAI,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAY;IAE/C,OAAO,CAAC,SAAS,CAAmB;;IAOpC,OAAgB,MAAM,0BA2GpB;IAEF,OAAO;IAQP,OAAO,CAAC,WAAW;IAiCnB,oBAAoB,CAAC,QAAQ,EAAE,OAAO;IAI7B,MAAM,IAAI,cAAc;CAuBlC"}
|
|
@@ -156,16 +156,19 @@ Button.styles = css `
|
|
|
156
156
|
.trailhand-button--small {
|
|
157
157
|
font-size: 11px;
|
|
158
158
|
padding: 12px 8px;
|
|
159
|
+
height: 32px;
|
|
159
160
|
}
|
|
160
161
|
|
|
161
162
|
.trailhand-button--medium {
|
|
162
163
|
font-size: 12px;
|
|
163
164
|
padding: 12px 16px;
|
|
165
|
+
height: 40px;
|
|
164
166
|
}
|
|
165
167
|
|
|
166
168
|
.trailhand-button--large {
|
|
167
169
|
font-size: 14px;
|
|
168
170
|
padding: 16px 32px;
|
|
171
|
+
height: 48px;
|
|
169
172
|
}
|
|
170
173
|
|
|
171
174
|
.icon {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.js","sourceRoot":"","sources":["../../../src/components/button/button.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAkB,MAAM,KAAK,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAe7C,MAAM,OAAO,MAAO,SAAQ,UAAU;IAyBpC;QACE,KAAK,EAAE,CAAC;QAtBV,YAAO,GAKc,SAAS,CAAC;QAG/B,SAAI,GAAiC,QAAQ,CAAC;QAG9C,SAAI,GAAG,EAAE,CAAC;QAGV,aAAQ,GAAG,KAAK,CAAC;QAGjB,SAAI,GAAkC,QAAQ,CAAC;QAM7C,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,eAAe,EAAE,CAAC;IAC1C,CAAC;
|
|
1
|
+
{"version":3,"file":"button.js","sourceRoot":"","sources":["../../../src/components/button/button.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAkB,MAAM,KAAK,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAe7C,MAAM,OAAO,MAAO,SAAQ,UAAU;IAyBpC;QACE,KAAK,EAAE,CAAC;QAtBV,YAAO,GAKc,SAAS,CAAC;QAG/B,SAAI,GAAiC,QAAQ,CAAC;QAG9C,SAAI,GAAG,EAAE,CAAC;QAGV,aAAQ,GAAG,KAAK,CAAC;QAGjB,SAAI,GAAkC,QAAQ,CAAC;QAM7C,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,eAAe,EAAE,CAAC;IAC1C,CAAC;IA+GD,OAAO;QACL,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;YAClB,IAAI,CAAC,YAAY,CAAC,eAAe,EAAE,MAAM,CAAC,CAAC;QAC7C,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,eAAe,CAAC,eAAe,CAAC,CAAC;QACxC,CAAC;IACH,CAAC;IAEO,WAAW,CAAC,CAAQ;QAC1B,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;YAClB,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,CAAC,CAAC,eAAe,EAAE,CAAC;YACpB,OAAO;QACT,CAAC;QAED,2CAA2C;QAC3C,IAAI,IAAI,CAAC,IAAI,KAAK,QAAQ,EAAE,CAAC;YAC3B,MAAM,IAAI,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC;YACjC,IAAI,IAAI,EAAE,CAAC;gBACT,0BAA0B;gBAC1B,IAAI,CAAC,aAAa,EAAE,CAAC;YACvB,CAAC;QACH,CAAC;aAAM,IAAI,IAAI,CAAC,IAAI,KAAK,OAAO,EAAE,CAAC;YACjC,MAAM,IAAI,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC;YACjC,IAAI,IAAI,EAAE,CAAC;gBACT,IAAI,CAAC,KAAK,EAAE,CAAC;YACf,CAAC;QACH,CAAC;QAED,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAC,cAAc,EAAE;YAC9B,OAAO,EAAE,IAAI;YACb,QAAQ,EAAE,IAAI;YACd,MAAM,EAAE;gBACN,IAAI,EAAE,IAAI,CAAC,IAAI;gBACf,aAAa,EAAE,CAAC;aACjB;SACF,CAAC,CACH,CAAC;IACJ,CAAC;IAED,oBAAoB,CAAC,QAAiB;QACpC,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;IAC3B,CAAC;IAEQ,MAAM;QACb,OAAO,IAAI,CAAA;;eAEA,IAAI,CAAC,IAAI;oDAC4B,IAAI;aAC7C,OAAO,sBAAsB,IAAI,CAAC,IAAI;oBAC7B,IAAI,CAAC,QAAQ;iBAChB,IAAI,CAAC,WAAW;;;;;;;;;;;;;;KAc5B,CAAC;IACJ,CAAC;;AA7MM,qBAAc,GAAG,IAAI,AAAP,CAAQ;AA6Bb,aAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2G3B,AA3GqB,CA2GpB;AArIF;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;uCAMI;AAG/B;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;oCACmB;AAG9C;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;oCACjB;AAGV;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;wCAC1B;AAGjB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;oCACoB;AA4LjD,cAAc,CAAC,MAAM,CAAC,kBAAkB,EAAE,MAAM,CAAC,CAAC"}
|
|
@@ -507,7 +507,7 @@ Dropdown.styles = css `
|
|
|
507
507
|
align-items: center;
|
|
508
508
|
flex-wrap: wrap;
|
|
509
509
|
gap: 4px;
|
|
510
|
-
|
|
510
|
+
height: 40px;
|
|
511
511
|
padding: 0.45em 3em 0.45em 12px;
|
|
512
512
|
border-radius: 8px;
|
|
513
513
|
border: 1px solid var(--th-input-border, #d7d7d7);
|
|
@@ -743,8 +743,8 @@ Dropdown.styles = css `
|
|
|
743
743
|
/* ── Size: small ── */
|
|
744
744
|
:host([size='small']) .trigger {
|
|
745
745
|
font-size: 12px;
|
|
746
|
-
min-height: 2.25em;
|
|
747
746
|
padding: 0.4em 2.5em 0.4em 10px;
|
|
747
|
+
height: 32px;
|
|
748
748
|
}
|
|
749
749
|
:host([size='small']) .trigger-text,
|
|
750
750
|
:host([size='small']) .option {
|
|
@@ -754,7 +754,7 @@ Dropdown.styles = css `
|
|
|
754
754
|
/* ── Size: large ── */
|
|
755
755
|
:host([size='large']) .trigger {
|
|
756
756
|
font-size: 16px;
|
|
757
|
-
|
|
757
|
+
height: 48px;
|
|
758
758
|
}
|
|
759
759
|
:host([size='large']) .trigger-text,
|
|
760
760
|
:host([size='large']) .option {
|
|
@@ -28,6 +28,7 @@ declare const iconMap: {
|
|
|
28
28
|
x: import("@fortawesome/fontawesome-common-types").IconDefinition;
|
|
29
29
|
minus: import("@fortawesome/fontawesome-common-types").IconDefinition;
|
|
30
30
|
check: import("@fortawesome/fontawesome-common-types").IconDefinition;
|
|
31
|
+
plus: import("@fortawesome/fontawesome-common-types").IconDefinition;
|
|
31
32
|
};
|
|
32
33
|
export declare const availableIcons: (keyof typeof iconMap)[];
|
|
33
34
|
type AvailableIcons = keyof typeof iconMap;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../../../src/components/icon/icon.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;
|
|
1
|
+
{"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../../../src/components/icon/icon.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAoC5C,QAAA,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8BZ,CAAC;AAEF,eAAO,MAAM,cAAc,EAA2B,CAAC,MAAM,OAAO,OAAO,CAAC,EAAE,CAAC;AAI/E,KAAK,cAAc,GAAG,MAAM,OAAO,OAAO,CAAC;AAE3C,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,cAAc,CAAC;CACtB;AAED,qBAAa,IAAK,SAAQ,UAAU;IACN,IAAI,EAAE,cAAc,CAAU;IAE1D,MAAM,CAAC,MAAM,0BAUX;IAEF,MAAM;CAMP"}
|
|
@@ -7,7 +7,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
|
|
|
7
7
|
import { LitElement, html, css } from 'lit';
|
|
8
8
|
import { property } from 'lit/decorators.js';
|
|
9
9
|
import { library, icon } from '@fortawesome/fontawesome-svg-core';
|
|
10
|
-
import { faGlobe, faHome, faUser, faBug, faCircleExclamation, faCirclePause, faCirclePlay, faCircleXmark, faTableCellsLarge, faRocket, faGauge, faTableList, faFolderPlus, faGears, faBagShopping, faCircleInfo, faChartLine, faSliders, faDatabase, faCircleCheck, faTriangleExclamation, faScrewdriverWrench, faBan, faSpinner, faGear, faXmark, faMinus, faCheck, } from '@fortawesome/free-solid-svg-icons';
|
|
10
|
+
import { faGlobe, faHome, faUser, faBug, faCircleExclamation, faCirclePause, faCirclePlay, faCircleXmark, faTableCellsLarge, faRocket, faGauge, faTableList, faFolderPlus, faGears, faBagShopping, faCircleInfo, faChartLine, faSliders, faDatabase, faCircleCheck, faTriangleExclamation, faScrewdriverWrench, faBan, faSpinner, faGear, faXmark, faMinus, faCheck, faPlus, } from '@fortawesome/free-solid-svg-icons';
|
|
11
11
|
const iconMap = {
|
|
12
12
|
bug: faBug,
|
|
13
13
|
error: faCircleExclamation,
|
|
@@ -37,6 +37,7 @@ const iconMap = {
|
|
|
37
37
|
x: faXmark,
|
|
38
38
|
minus: faMinus,
|
|
39
39
|
check: faCheck,
|
|
40
|
+
plus: faPlus,
|
|
40
41
|
};
|
|
41
42
|
export const availableIcons = Object.keys(iconMap);
|
|
42
43
|
library.add(...Object.values(iconMap));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"icon.js","sourceRoot":"","sources":["../../../src/components/icon/icon.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,mCAAmC,CAAC;AAElE,OAAO,EACL,OAAO,EACP,MAAM,EACN,MAAM,EACN,KAAK,EACL,mBAAmB,EACnB,aAAa,EACb,YAAY,EACZ,aAAa,EACb,iBAAiB,EACjB,QAAQ,EACR,OAAO,EACP,WAAW,EACX,YAAY,EACZ,OAAO,EACP,aAAa,EACb,YAAY,EACZ,WAAW,EACX,SAAS,EACT,UAAU,EACV,aAAa,EACb,qBAAqB,EACrB,mBAAmB,EACnB,KAAK,EACL,SAAS,EACT,MAAM,EACN,OAAO,EACP,OAAO,EACP,OAAO,
|
|
1
|
+
{"version":3,"file":"icon.js","sourceRoot":"","sources":["../../../src/components/icon/icon.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,mCAAmC,CAAC;AAElE,OAAO,EACL,OAAO,EACP,MAAM,EACN,MAAM,EACN,KAAK,EACL,mBAAmB,EACnB,aAAa,EACb,YAAY,EACZ,aAAa,EACb,iBAAiB,EACjB,QAAQ,EACR,OAAO,EACP,WAAW,EACX,YAAY,EACZ,OAAO,EACP,aAAa,EACb,YAAY,EACZ,WAAW,EACX,SAAS,EACT,UAAU,EACV,aAAa,EACb,qBAAqB,EACrB,mBAAmB,EACnB,KAAK,EACL,SAAS,EACT,MAAM,EACN,OAAO,EACP,OAAO,EACP,OAAO,EACP,MAAM,GACP,MAAM,mCAAmC,CAAC;AAE3C,MAAM,OAAO,GAAG;IACd,GAAG,EAAE,KAAK;IACV,KAAK,EAAE,mBAAmB;IAC1B,KAAK,EAAE,aAAa;IACpB,IAAI,EAAE,YAAY;IAClB,KAAK,EAAE,aAAa;IACpB,KAAK,EAAE,OAAO;IACd,IAAI,EAAE,MAAM;IACZ,IAAI,EAAE,MAAM;IACZ,KAAK,EAAE,iBAAiB;IACxB,MAAM,EAAE,QAAQ;IAChB,KAAK,EAAE,OAAO;IACd,IAAI,EAAE,WAAW;IACjB,UAAU,EAAE,YAAY;IACxB,KAAK,EAAE,OAAO;IACd,WAAW,EAAE,aAAa;IAC1B,IAAI,EAAE,YAAY;IAClB,SAAS,EAAE,WAAW;IACtB,OAAO,EAAE,SAAS;IAClB,QAAQ,EAAE,UAAU;IACpB,WAAW,EAAE,aAAa;IAC1B,OAAO,EAAE,qBAAqB;IAC9B,KAAK,EAAE,mBAAmB;IAC1B,MAAM,EAAE,KAAK;IACb,OAAO,EAAE,SAAS;IAClB,IAAI,EAAE,MAAM;IACZ,CAAC,EAAE,OAAO;IACV,KAAK,EAAE,OAAO;IACd,KAAK,EAAE,OAAO;IACd,IAAI,EAAE,MAAM;CACb,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,CAAC,IAAI,CAAC,OAAO,CAA6B,CAAC;AAE/E,OAAO,CAAC,GAAG,CAAC,GAAG,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC;AAQvC,MAAM,OAAO,IAAK,SAAQ,UAAU;IAApC;;QAC8B,SAAI,GAAmB,MAAM,CAAC;IAoB5D,CAAC;IANC,MAAM;QACJ,MAAM,OAAO,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACnC,IAAI,CAAC,OAAO;YAAE,OAAO,IAAI,CAAC;QAC1B,MAAM,MAAM,GAAG,IAAI,CAAC,OAAO,CAAC,CAAC;QAC7B,OAAO,MAAM,CAAC,CAAC,CAAC,IAAI,CAAA,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;IACjD,CAAC;;AAjBM,WAAM,GAAG,GAAG,CAAA;;;;;;;;;;GAUlB,AAVY,CAUX;AAZ0B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;kCAA+B;AAsB5D,cAAc,CAAC,MAAM,CAAC,gBAAgB,EAAE,IAAI,CAAC,CAAC"}
|
|
@@ -5,6 +5,7 @@ export interface ModalProps {
|
|
|
5
5
|
title: string;
|
|
6
6
|
subtitle: string;
|
|
7
7
|
dismissible: boolean;
|
|
8
|
+
position: 'center' | 'top';
|
|
8
9
|
}
|
|
9
10
|
export declare class Modal extends LitElement {
|
|
10
11
|
open: boolean;
|
|
@@ -12,6 +13,7 @@ export declare class Modal extends LitElement {
|
|
|
12
13
|
subtitle: string;
|
|
13
14
|
dismissible: boolean;
|
|
14
15
|
inline: boolean;
|
|
16
|
+
position: 'center' | 'top';
|
|
15
17
|
private dialog;
|
|
16
18
|
private hasFooter;
|
|
17
19
|
static styles: import("lit").CSSResult;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../../../src/components/modal/modal.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAE5C,OAAO,cAAc,CAAC;AAEtB,MAAM,WAAW,UAAU;IACzB,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../../../src/components/modal/modal.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAE5C,OAAO,cAAc,CAAC;AAEtB,MAAM,WAAW,UAAU;IACzB,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,OAAO,CAAC;IACrB,QAAQ,EAAE,QAAQ,GAAG,KAAK,CAAC;CAC5B;AAED,qBAAa,KAAM,SAAQ,UAAU;IAEnC,IAAI,UAAS;IAGb,KAAK,SAAM;IAGX,QAAQ,SAAM;IAGd,WAAW,UAAQ;IAGnB,MAAM,UAAS;IAGf,QAAQ,EAAE,QAAQ,GAAG,KAAK,CAAY;IAErB,OAAO,CAAC,MAAM,CAAqB;IAE3C,OAAO,CAAC,SAAS,CAAS;IAEnC,MAAM,CAAC,MAAM,0BAmGX;IAEF,OAAO,CAAC,aAAa,CAA4B;IAEjD,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAkBrC,OAAO,CAAC,sBAAsB;IAK9B,OAAO,CAAC,WAAW;IAInB,OAAO,CAAC,mBAAmB;IAW3B,MAAM;CAwCP"}
|
|
@@ -15,6 +15,7 @@ export class Modal extends LitElement {
|
|
|
15
15
|
this.subtitle = '';
|
|
16
16
|
this.dismissible = true;
|
|
17
17
|
this.inline = false;
|
|
18
|
+
this.position = 'center';
|
|
18
19
|
this.hasFooter = false;
|
|
19
20
|
this.openerElement = null;
|
|
20
21
|
}
|
|
@@ -57,6 +58,7 @@ export class Modal extends LitElement {
|
|
|
57
58
|
@cancel=${this.handleClose}
|
|
58
59
|
aria-labelledby="modal-title"
|
|
59
60
|
aria-modal="true"
|
|
61
|
+
part="dialog"
|
|
60
62
|
>
|
|
61
63
|
<div class="modal-header" part="header">
|
|
62
64
|
<slot name="heading">
|
|
@@ -98,15 +100,29 @@ Modal.styles = css `
|
|
|
98
100
|
}
|
|
99
101
|
|
|
100
102
|
dialog {
|
|
103
|
+
position: fixed;
|
|
104
|
+
margin: 0;
|
|
105
|
+
inset: auto;
|
|
106
|
+
left: 50%;
|
|
107
|
+
transform: translateX(-50%);
|
|
101
108
|
border: none;
|
|
102
109
|
border-radius: 12px;
|
|
103
110
|
padding: 0;
|
|
111
|
+
min-width: 360px;
|
|
104
112
|
max-width: 90vw;
|
|
105
113
|
max-height: 90vh;
|
|
106
114
|
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
|
|
107
115
|
background: var(--th-color-background, #ffffff);
|
|
108
|
-
|
|
109
|
-
|
|
116
|
+
}
|
|
117
|
+
|
|
118
|
+
:host(:not([position='top'])) dialog {
|
|
119
|
+
top: 50%;
|
|
120
|
+
transform: translate(-50%, -50%);
|
|
121
|
+
}
|
|
122
|
+
|
|
123
|
+
:host([position='top']) dialog {
|
|
124
|
+
top: var(--th-modal-top, 80px);
|
|
125
|
+
transform: translateX(-50%);
|
|
110
126
|
}
|
|
111
127
|
|
|
112
128
|
dialog::backdrop {
|
|
@@ -191,6 +207,9 @@ __decorate([
|
|
|
191
207
|
__decorate([
|
|
192
208
|
property({ type: Boolean })
|
|
193
209
|
], Modal.prototype, "inline", void 0);
|
|
210
|
+
__decorate([
|
|
211
|
+
property({ type: String, reflect: true })
|
|
212
|
+
], Modal.prototype, "position", void 0);
|
|
194
213
|
__decorate([
|
|
195
214
|
query('dialog')
|
|
196
215
|
], Modal.prototype, "dialog", void 0);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"modal.js","sourceRoot":"","sources":["../../../src/components/modal/modal.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC3D,OAAO,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"modal.js","sourceRoot":"","sources":["../../../src/components/modal/modal.ts"],"names":[],"mappings":"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"}
|
|
@@ -8,6 +8,10 @@ export interface TextInputProps {
|
|
|
8
8
|
label?: string;
|
|
9
9
|
required?: boolean;
|
|
10
10
|
invalid?: boolean;
|
|
11
|
+
type?: 'text' | 'number' | 'email' | 'password' | 'tel' | 'url';
|
|
12
|
+
min?: number;
|
|
13
|
+
max?: number;
|
|
14
|
+
step?: number;
|
|
11
15
|
}
|
|
12
16
|
export declare class TextInput extends LitElement {
|
|
13
17
|
static formAssociated: boolean;
|
|
@@ -19,6 +23,10 @@ export declare class TextInput extends LitElement {
|
|
|
19
23
|
label: string;
|
|
20
24
|
required: boolean;
|
|
21
25
|
invalid: boolean;
|
|
26
|
+
type: 'text' | 'number' | 'email' | 'password' | 'tel' | 'url';
|
|
27
|
+
min?: number;
|
|
28
|
+
max?: number;
|
|
29
|
+
step?: number;
|
|
22
30
|
private internals;
|
|
23
31
|
private _input;
|
|
24
32
|
constructor();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"text-input.d.ts","sourceRoot":"","sources":["../../../src/components/text-input/text-input.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,cAAc,EAAE,MAAM,KAAK,CAAC;AAG5D,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,OAAO,CAAC;IAClB,IAAI,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"text-input.d.ts","sourceRoot":"","sources":["../../../src/components/text-input/text-input.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,cAAc,EAAE,MAAM,KAAK,CAAC;AAG5D,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,OAAO,CAAC;IAClB,IAAI,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,UAAU,GAAG,KAAK,GAAG,KAAK,CAAC;IAChE,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,qBAAa,SAAU,SAAQ,UAAU;IACvC,MAAM,CAAC,cAAc,UAAQ;IAG7B,IAAI,SAAM;IAGV,KAAK,SAAM;IAGX,WAAW,SAAM;IAGjB,QAAQ,UAAS;IAGjB,IAAI,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAY;IAG9C,KAAK,SAAM;IAGX,QAAQ,UAAS;IAGjB,OAAO,UAAS;IAGhB,IAAI,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,UAAU,GAAG,KAAK,GAAG,KAAK,CAAU;IAGxE,GAAG,CAAC,EAAE,MAAM,CAAC;IAGb,GAAG,CAAC,EAAE,MAAM,CAAC;IAGb,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,OAAO,CAAC,SAAS,CAAmB;IACpC,OAAO,CAAC,MAAM,CAAmB;;IAOjC,MAAM,CAAC,MAAM,0BA2FX;IAEF,iBAAiB;IASjB,KAAK;IAIL,OAAO,CAAC,eAAe;IAavB,OAAO,CAAC,WAAW;IAYnB,YAAY;IAQZ,OAAO,CAAC,eAAe;IAcvB,iBAAiB;IAKjB,mBAAmB,CAAC,QAAQ,EAAE,OAAO;IAIrC,sBAAsB,CAAC,IAAI,EAAE,eAAe,GAAG,IAAI;IAMnD,MAAM,IAAI,cAAc;CA2BzB"}
|
|
@@ -17,6 +17,7 @@ export class TextInput extends LitElement {
|
|
|
17
17
|
this.label = '';
|
|
18
18
|
this.required = false;
|
|
19
19
|
this.invalid = false;
|
|
20
|
+
this.type = 'text';
|
|
20
21
|
this.internals = this.attachInternals();
|
|
21
22
|
}
|
|
22
23
|
connectedCallback() {
|
|
@@ -90,12 +91,15 @@ export class TextInput extends LitElement {
|
|
|
90
91
|
>
|
|
91
92
|
<div class="input-wrapper">
|
|
92
93
|
<input
|
|
93
|
-
type
|
|
94
|
+
.type=${this.type}
|
|
94
95
|
name=${this.name}
|
|
95
96
|
.value=${this.value}
|
|
96
97
|
placeholder=${this.placeholder}
|
|
97
98
|
?disabled=${this.disabled}
|
|
98
99
|
?required=${this.required}
|
|
100
|
+
min=${this.min ?? ''}
|
|
101
|
+
max=${this.max ?? ''}
|
|
102
|
+
step=${this.step ?? ''}
|
|
99
103
|
@input=${this.handleInput}
|
|
100
104
|
/>
|
|
101
105
|
<span class="icon"><slot name="icon"></slot></span>
|
|
@@ -142,6 +146,7 @@ TextInput.styles = css `
|
|
|
142
146
|
background: transparent;
|
|
143
147
|
transition: 0.2s ease;
|
|
144
148
|
font-size: 14px;
|
|
149
|
+
height: 40px;
|
|
145
150
|
color: var(--th-input-text, #333);
|
|
146
151
|
box-sizing: border-box;
|
|
147
152
|
font-family: 'Montserrat', system-ui, sans-serif;
|
|
@@ -173,12 +178,14 @@ TextInput.styles = css `
|
|
|
173
178
|
}
|
|
174
179
|
:host([size='small']) input {
|
|
175
180
|
font-size: 12px;
|
|
181
|
+
height: 32px;
|
|
176
182
|
}
|
|
177
183
|
:host([size='large']) .input-wrapper {
|
|
178
184
|
font-size: 16px;
|
|
179
185
|
}
|
|
180
186
|
:host([size='large']) input {
|
|
181
187
|
font-size: 16px;
|
|
188
|
+
height: 48px;
|
|
182
189
|
}
|
|
183
190
|
|
|
184
191
|
/* Disabled */
|
|
@@ -218,5 +225,17 @@ __decorate([
|
|
|
218
225
|
__decorate([
|
|
219
226
|
property({ type: Boolean, reflect: true })
|
|
220
227
|
], TextInput.prototype, "invalid", void 0);
|
|
228
|
+
__decorate([
|
|
229
|
+
property({ type: String })
|
|
230
|
+
], TextInput.prototype, "type", void 0);
|
|
231
|
+
__decorate([
|
|
232
|
+
property({ type: Number })
|
|
233
|
+
], TextInput.prototype, "min", void 0);
|
|
234
|
+
__decorate([
|
|
235
|
+
property({ type: Number })
|
|
236
|
+
], TextInput.prototype, "max", void 0);
|
|
237
|
+
__decorate([
|
|
238
|
+
property({ type: Number })
|
|
239
|
+
], TextInput.prototype, "step", void 0);
|
|
221
240
|
customElements.define('trailhand-text-input', TextInput);
|
|
222
241
|
//# sourceMappingURL=text-input.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"text-input.js","sourceRoot":"","sources":["../../../src/components/text-input/text-input.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAkB,MAAM,KAAK,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;
|
|
1
|
+
{"version":3,"file":"text-input.js","sourceRoot":"","sources":["../../../src/components/text-input/text-input.ts"],"names":[],"mappings":"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"}
|
package/dist/styles/colors.css
CHANGED
|
@@ -9,9 +9,9 @@
|
|
|
9
9
|
:root {
|
|
10
10
|
/* Color Palette */
|
|
11
11
|
/* Primary Blues */
|
|
12
|
-
--th-color-primary: #
|
|
13
|
-
--th-color-light-primary: #e6f3ff;
|
|
14
|
-
--th-color-dark-primary: #005cb9;
|
|
12
|
+
--th-color-primary: #0086ff; /* Primary brand color */
|
|
13
|
+
--th-color-light-primary: #e6f3ff; /* Light variant for backgrounds */
|
|
14
|
+
--th-color-dark-primary: #005cb9; /* Dark variant for buttons/links */
|
|
15
15
|
|
|
16
16
|
/* Black + White */
|
|
17
17
|
--th-color-black: #000000;
|
|
@@ -37,7 +37,7 @@
|
|
|
37
37
|
--th-color-dark-green: #0f8240;
|
|
38
38
|
|
|
39
39
|
--th-color-light-yellow: #fffeb4;
|
|
40
|
-
--th-color-yellow: #
|
|
40
|
+
--th-color-yellow: #d3c255;
|
|
41
41
|
--th-color-dark-yellow: #a89939;
|
|
42
42
|
|
|
43
43
|
--th-color-light-blue: #e6f3ff;
|
|
@@ -87,9 +87,9 @@
|
|
|
87
87
|
--th-button-secondary-color: var(--th-color-primary);
|
|
88
88
|
--th-button-secondary-border: var(--th-color-primary);
|
|
89
89
|
|
|
90
|
-
--th-button-alternate-bg: var(--th-color-blue);
|
|
91
|
-
--th-button-alternate-bg-hover: var(--th-color-
|
|
92
|
-
--th-button-alternate-color: var(--th-color-
|
|
90
|
+
--th-button-alternate-bg: var(--th-color-light-blue);
|
|
91
|
+
--th-button-alternate-bg-hover: var(--th-color-light-blue);
|
|
92
|
+
--th-button-alternate-color: var(--th-color-blue);
|
|
93
93
|
|
|
94
94
|
--th-button-destructive-bg: var(--th-color-red);
|
|
95
95
|
--th-button-destructive-bg-hover: var(--th-color-dark-red);
|
|
@@ -164,10 +164,20 @@
|
|
|
164
164
|
--th-dropdown-bg: var(--th-color-white);
|
|
165
165
|
--th-dropdown-option-text: var(--th-color-black);
|
|
166
166
|
--th-dropdown-option-selected-text: var(--th-color-primary);
|
|
167
|
-
--th-dropdown-option-selected-bg: color-mix(
|
|
168
|
-
|
|
167
|
+
--th-dropdown-option-selected-bg: color-mix(
|
|
168
|
+
in srgb,
|
|
169
|
+
var(--th-color-primary) 10%,
|
|
170
|
+
transparent
|
|
171
|
+
);
|
|
172
|
+
--th-dropdown-option-hover-bg: color-mix(
|
|
173
|
+
in srgb,
|
|
174
|
+
var(--th-color-primary) 6%,
|
|
175
|
+
transparent
|
|
176
|
+
);
|
|
169
177
|
--th-dropdown-no-options-text: var(--th-color-grey-400);
|
|
170
178
|
--th-dropdown-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
|
|
179
|
+
|
|
180
|
+
--th-modal-top: 34px;
|
|
171
181
|
}
|
|
172
182
|
|
|
173
183
|
/* Dark Theme Overrides */
|
|
@@ -250,8 +260,16 @@
|
|
|
250
260
|
--th-dropdown-bg: var(--th-color-grey-700);
|
|
251
261
|
--th-dropdown-option-text: var(--th-color-grey-100);
|
|
252
262
|
--th-dropdown-option-selected-text: var(--th-color-primary);
|
|
253
|
-
--th-dropdown-option-selected-bg: color-mix(
|
|
254
|
-
|
|
263
|
+
--th-dropdown-option-selected-bg: color-mix(
|
|
264
|
+
in srgb,
|
|
265
|
+
var(--th-color-primary) 15%,
|
|
266
|
+
transparent
|
|
267
|
+
);
|
|
268
|
+
--th-dropdown-option-hover-bg: color-mix(
|
|
269
|
+
in srgb,
|
|
270
|
+
var(--th-color-primary) 10%,
|
|
271
|
+
transparent
|
|
272
|
+
);
|
|
255
273
|
--th-dropdown-no-options-text: var(--th-color-grey-500);
|
|
256
274
|
--th-dropdown-shadow: 0 4px 20px rgba(0, 0, 0, 0.4);
|
|
257
275
|
}
|