@helixui/library 1.1.2-next.1 → 1.1.2-next.2
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/custom-elements.json +403 -301
- package/dist/components/hx-action-bar/hx-action-bar.d.ts.map +1 -1
- package/dist/components/hx-action-bar/index.js +1 -1
- package/dist/components/hx-badge/hx-badge.styles.d.ts.map +1 -1
- package/dist/components/hx-badge/index.js +1 -1
- package/dist/components/hx-breadcrumb/hx-breadcrumb.d.ts +25 -1
- package/dist/components/hx-breadcrumb/hx-breadcrumb.d.ts.map +1 -1
- package/dist/components/hx-combobox/hx-combobox.d.ts +5 -0
- package/dist/components/hx-combobox/hx-combobox.d.ts.map +1 -1
- package/dist/components/hx-drawer/hx-drawer.d.ts +1 -0
- package/dist/components/hx-drawer/hx-drawer.d.ts.map +1 -1
- package/dist/components/hx-side-nav/hx-nav-item.styles.d.ts.map +1 -1
- package/dist/components/hx-side-nav/hx-side-nav.styles.d.ts.map +1 -1
- package/dist/components/hx-side-nav/index.js +1 -1
- package/dist/components/hx-slider/hx-slider.d.ts +1 -0
- package/dist/components/hx-slider/hx-slider.d.ts.map +1 -1
- package/dist/components/hx-time-picker/hx-time-picker.d.ts +3 -0
- package/dist/components/hx-time-picker/hx-time-picker.d.ts.map +1 -1
- package/dist/css/helix-all.css +20 -9
- package/dist/css/helix-core.css +6 -2
- package/dist/css/helix-navigation.css +14 -7
- package/dist/css/hx-badge.css +6 -2
- package/dist/css/hx-side-nav.css +14 -7
- package/dist/css/index.css +1 -1
- package/dist/css/manifest.json +1 -1
- package/dist/index.js +3 -3
- package/dist/shared/{hx-action-bar-D4bulGQP.js → hx-action-bar-vGFnNwNY.js} +33 -34
- package/dist/shared/{hx-action-bar-D4bulGQP.js.map → hx-action-bar-vGFnNwNY.js.map} +1 -1
- package/dist/shared/{hx-badge-DCxvskdw.js → hx-badge-Xg7zoh4Q.js} +31 -27
- package/dist/shared/hx-badge-Xg7zoh4Q.js.map +1 -0
- package/dist/shared/hx-breadcrumb-item-B2rjepqy.js.map +1 -1
- package/dist/shared/hx-combobox-CNAJXIxo.js.map +1 -1
- package/dist/shared/hx-drawer-e0qeGxAD.js.map +1 -1
- package/dist/shared/{hx-nav-item-ByU2N921.js → hx-nav-item-CuGiJPAf.js} +46 -32
- package/dist/shared/hx-nav-item-CuGiJPAf.js.map +1 -0
- package/dist/shared/hx-slider-7Q-e0_pc.js.map +1 -1
- package/dist/shared/hx-time-picker-BpCRsh_z.js.map +1 -1
- package/package.json +3 -3
- package/dist/shared/hx-badge-DCxvskdw.js.map +0 -1
- package/dist/shared/hx-nav-item-ByU2N921.js.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"hx-action-bar.d.ts","sourceRoot":"","sources":["../../../src/components/hx-action-bar/hx-action-bar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAOvC,MAAM,MAAM,aAAa,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE/C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AACH,qBACa,cAAe,SAAQ,UAAU;IAC5C,OAAgB,MAAM,4BAAuC;IAE7D;;;OAGG;IAEH,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAQ;IAEhC;;;OAGG;IAEH,OAAO,EAAE,SAAS,GAAG,UAAU,GAAG,QAAQ,CAAa;IAEvD;;;;;;;OAOG;IAEH,QAAQ,EAAE,KAAK,GAAG,QAAQ,GAAG,QAAQ,CAAS;IAE9C;;;;OAIG;IACH,IACI,MAAM,IAAI,OAAO,CAEpB;IACD,IAAI,MAAM,CAAC,KAAK,EAAE,OAAO,EAUxB;IACD,gBAAgB;IAChB,OAAO,CAAC,OAAO,CAAS;IAExB;;;;OAIG;IAEH,SAAS,EAAE,MAAM,CAAa;IAE9B,mEAAmE;IACnE,gBAAgB;IAChB,OAAO,CAAC,eAAe,CAA8B;IAErD;OACG;IAEH,OAAO,CAAC,YAAY,CAAS;IAI7B,2EAA2E;IAC3E,gBAAgB;IAChB,OAAO,CAAC,cAAc,CAwBpB;IAEO,iBAAiB,IAAI,IAAI;IAyBzB,YAAY,IAAI,IAAI;IAMpB,oBAAoB,IAAI,IAAI;IAOrC,gBAAgB;IAChB,OAAO,CAAC,YAAY;IAcpB,gBAAgB;IAChB,OAAO,CAAC,kBAAkB;IAgC1B,gBAAgB;IAChB,OAAO,CAAC,mBAAmB;
|
|
1
|
+
{"version":3,"file":"hx-action-bar.d.ts","sourceRoot":"","sources":["../../../src/components/hx-action-bar/hx-action-bar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAOvC,MAAM,MAAM,aAAa,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE/C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AACH,qBACa,cAAe,SAAQ,UAAU;IAC5C,OAAgB,MAAM,4BAAuC;IAE7D;;;OAGG;IAEH,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAQ;IAEhC;;;OAGG;IAEH,OAAO,EAAE,SAAS,GAAG,UAAU,GAAG,QAAQ,CAAa;IAEvD;;;;;;;OAOG;IAEH,QAAQ,EAAE,KAAK,GAAG,QAAQ,GAAG,QAAQ,CAAS;IAE9C;;;;OAIG;IACH,IACI,MAAM,IAAI,OAAO,CAEpB;IACD,IAAI,MAAM,CAAC,KAAK,EAAE,OAAO,EAUxB;IACD,gBAAgB;IAChB,OAAO,CAAC,OAAO,CAAS;IAExB;;;;OAIG;IAEH,SAAS,EAAE,MAAM,CAAa;IAE9B,mEAAmE;IACnE,gBAAgB;IAChB,OAAO,CAAC,eAAe,CAA8B;IAErD;OACG;IAEH,OAAO,CAAC,YAAY,CAAS;IAI7B,2EAA2E;IAC3E,gBAAgB;IAChB,OAAO,CAAC,cAAc,CAwBpB;IAEO,iBAAiB,IAAI,IAAI;IAyBzB,YAAY,IAAI,IAAI;IAMpB,oBAAoB,IAAI,IAAI;IAOrC,gBAAgB;IAChB,OAAO,CAAC,YAAY;IAcpB,gBAAgB;IAChB,OAAO,CAAC,kBAAkB;IAgC1B,gBAAgB;IAChB,OAAO,CAAC,mBAAmB;IAY3B,gBAAgB;IAChB,OAAO,CAAC,UAAU;IAuBlB,gBAAgB;IAChB,OAAO,CAAC,iBAAiB;IAUhB,MAAM;CA4BhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,eAAe,EAAE,cAAc,CAAC;KACjC;CACF"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"hx-badge.styles.d.ts","sourceRoot":"","sources":["../../../src/components/hx-badge/hx-badge.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,gBAAgB,
|
|
1
|
+
{"version":3,"file":"hx-badge.styles.d.ts","sourceRoot":"","sources":["../../../src/components/hx-badge/hx-badge.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,gBAAgB,yBAkL5B,CAAC"}
|
|
@@ -1,5 +1,29 @@
|
|
|
1
1
|
import { LitElement, PropertyValues } from 'lit';
|
|
2
|
-
/**
|
|
2
|
+
/**
|
|
3
|
+
* Hierarchical page path navigation showing current location in site structure.
|
|
4
|
+
*
|
|
5
|
+
* @summary Navigation breadcrumb showing the page hierarchy. Works with Drupal's breadcrumb system.
|
|
6
|
+
*
|
|
7
|
+
* @tag hx-breadcrumb
|
|
8
|
+
*
|
|
9
|
+
* @slot - Default slot for hx-breadcrumb-item children.
|
|
10
|
+
* @slot separator - Optional separator element. Its text content overrides the `separator` property.
|
|
11
|
+
*
|
|
12
|
+
* @csspart nav - The nav landmark element.
|
|
13
|
+
* @csspart list - The ordered list containing items.
|
|
14
|
+
*
|
|
15
|
+
* @cssprop [--hx-breadcrumb-separator-content='/'] - Separator character between items.
|
|
16
|
+
* NOTE: If overriding this custom property directly in CSS (rather than via the `separator`
|
|
17
|
+
* attribute), the value MUST be quoted: `--hx-breadcrumb-separator-content: ">"`. An unquoted
|
|
18
|
+
* value is invalid for the CSS `content` property and will silently render nothing.
|
|
19
|
+
* @cssprop [--hx-breadcrumb-separator-color=var(--hx-color-neutral-400)] - Separator color.
|
|
20
|
+
* @cssprop [--hx-breadcrumb-separator-gap=var(--hx-space-1)] - Horizontal gap around separators.
|
|
21
|
+
* @cssprop [--hx-breadcrumb-font-size=var(--hx-font-size-sm)] - Font size.
|
|
22
|
+
* @cssprop [--hx-breadcrumb-link-color=var(--hx-color-primary-600)] - Link color.
|
|
23
|
+
* @cssprop [--hx-breadcrumb-link-hover-color=var(--hx-color-primary-700)] - Link hover color.
|
|
24
|
+
* @cssprop [--hx-breadcrumb-text-color=var(--hx-color-neutral-700)] - Current page text color.
|
|
25
|
+
* @cssprop [--hx-breadcrumb-item-max-width] - Max-width for item text truncation (e.g. `12rem`).
|
|
26
|
+
*/
|
|
3
27
|
export declare class HelixBreadcrumb extends LitElement {
|
|
4
28
|
static styles: import('lit').CSSResult[];
|
|
5
29
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"hx-breadcrumb.d.ts","sourceRoot":"","sources":["../../../src/components/hx-breadcrumb/hx-breadcrumb.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;
|
|
1
|
+
{"version":3,"file":"hx-breadcrumb.d.ts","sourceRoot":"","sources":["../../../src/components/hx-breadcrumb/hx-breadcrumb.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAa5D;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,qBACa,eAAgB,SAAQ,UAAU;IAC7C,OAAgB,MAAM,4BAAwC;IAE9D;;;;OAIG;IACH,gBAAgB;IAChB,OAAO,CAAC,MAAM,CAAC,gBAAgB,CAAK;IAEpC;;;OAGG;IAEH,SAAS,SAAO;IAEhB;;;OAGG;IAEH,KAAK,SAAgB;IAErB;;;;;OAKG;IAEH,QAAQ,SAAK;IAEb;;;OAGG;IACwC,aAAa,SAA+B;IAEvF;;;;;;;;;;;;;OAaG;IAEH,MAAM,UAAS;IAEf,gBAAgB;IAChB,OAAO,CAAC,aAAa,CAAwB;IAC7C,gBAAgB;IAChB,OAAO,CAAC,aAAa,CAAkC;IACvD,gBAAgB;IAChB,OAAO,CAAC,QAAQ,CAAC,mBAAmB,CAA8C;IAClF,gBAAgB;IAChB,OAAO,CAAC,QAAQ,CAAC,qBAAqB,CAAgD;IAEtF;;;;;;OAMG;IACH,gBAAgB;IAChB,OAAO,CAAC,QAAQ,CAAC,oBAAoB,CAA0B;IAE/D;;;;;;;;;OASG;IACH,gBAAgB;IAChB,OAAO,CAAC,QAAQ,CAAC,SAAS,CAA4D;IAItF,kFAAkF;IAClF,gBAAgB;IAChB,OAAO,CAAC,mBAAmB;IAU3B;;;;;;;;;OASG;IACH,gBAAgB;IAChB,OAAO,CAAC,oBAAoB;IAuC5B,gBAAgB;IAChB,OAAO,CAAC,iBAAiB;IAkBzB,gBAAgB;IAChB,OAAO,CAAC,0BAA0B;IAWlC,gBAAgB;IAChB,OAAO,CAAC,cAAc;IAmCtB,gBAAgB;IAChB,OAAO,CAAC,eAAe;IAUvB,gBAAgB;IAChB,OAAO,CAAC,oBAAoB;IAM5B,gBAAgB;IAChB,OAAO,CAAC,sBAAsB;IAU9B;;;OAGG;IACH,gBAAgB;IAChB,OAAO,CAAC,iBAAiB;IAOzB;;OAEG;IACH,gBAAgB;IAChB,OAAO,CAAC,cAAc;IAYtB,gBAAgB;IAChB,OAAO,CAAC,aAAa;IA2BrB,gBAAgB;IAChB,OAAO,CAAC,aAAa;IAOZ,iBAAiB,IAAI,IAAI;IAMzB,oBAAoB,IAAI,IAAI;IAO5B,OAAO,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAwCtD,MAAM;CAchB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,eAAe,EAAE,eAAe,CAAC;KAClC;CACF"}
|
|
@@ -33,6 +33,11 @@ export type HxComboboxSize = 'sm' | 'md' | 'lg';
|
|
|
33
33
|
* @csspart trigger - The input wrapper element acting as the combobox trigger.
|
|
34
34
|
* @csspart clear-button - The button that clears the current value.
|
|
35
35
|
* @csspart loading-indicator - The loading spinner shown during async operations.
|
|
36
|
+
* @csspart field - The outer field wrapper element.
|
|
37
|
+
* @csspart label - The label element.
|
|
38
|
+
* @csspart option - An individual option item in the listbox.
|
|
39
|
+
* @csspart error - The error message element.
|
|
40
|
+
* @csspart help-text - The help text element.
|
|
36
41
|
*
|
|
37
42
|
* @cssprop [--hx-combobox-bg=var(--hx-color-neutral-0)] - Input background color.
|
|
38
43
|
* @cssprop [--hx-combobox-color=var(--hx-color-neutral-800)] - Input text color.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"hx-combobox.d.ts","sourceRoot":"","sources":["../../../src/components/hx-combobox/hx-combobox.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAiB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAWrE,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,OAAO,CAAC;CACnB;AAGD,MAAM,MAAM,cAAc,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAKhD
|
|
1
|
+
{"version":3,"file":"hx-combobox.d.ts","sourceRoot":"","sources":["../../../src/components/hx-combobox/hx-combobox.ts"],"names":[],"mappings":"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"}
|
|
@@ -24,6 +24,7 @@ import { LitElement, PropertyValues } from 'lit';
|
|
|
24
24
|
* @csspart header - The header region containing the title and actions.
|
|
25
25
|
* @csspart title - The drawer title element.
|
|
26
26
|
* @csspart close-button - The built-in close button.
|
|
27
|
+
* @csspart close-btn - The visually-hidden close button rendered when noHeader is true.
|
|
27
28
|
* @csspart body - The scrollable body region.
|
|
28
29
|
* @csspart footer - The footer region.
|
|
29
30
|
*
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"hx-drawer.d.ts","sourceRoot":"","sources":["../../../src/components/hx-drawer/hx-drawer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAiB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAiCrE
|
|
1
|
+
{"version":3,"file":"hx-drawer.d.ts","sourceRoot":"","sources":["../../../src/components/hx-drawer/hx-drawer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAiB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAiCrE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0CG;AACH,qBACa,WAAY,SAAQ,UAAU;IACzC,OAAgB,MAAM,4BAAoC;IAI1D;;;OAGG;IAEH,OAAO,CAAC,UAAU,CAAiC;IAEnD;;;OAGG;IAEH,OAAO,CAAC,QAAQ,CAAiC;IAIjD;;;OAGG;IAEH,OAAO,CAAC,OAAO,CAAS;IAExB;;;OAGG;IAEH,OAAO,CAAC,qBAAqB,CAAS;IAEtC;;;OAGG;IAEH,OAAO,CAAC,cAAc,CAAS;IAE/B;;;OAGG;IAEH,OAAO,CAAC,aAAa,CAAS;IAE9B;;;OAGG;IACH,OAAO,CAAC,wBAAwB,CAAqB;IACrD;;;OAGG;IACH,OAAO,CAAC,eAAe,CAA4B;IACnD;;;OAGG;IACH,OAAO,CAAC,iBAAiB,CAA8C;IACvE,uEAAuE;IACvE,gBAAgB;IAChB,OAAO,CAAC,cAAc,CAAS;IAC/B;;;OAGG;IACH,OAAO,CAAC,0BAA0B,CAAiB;IAEnD;;;OAGG;IACH,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAA6C;IAItE;;;OAGG;IAEH,IAAI,UAAS;IAEb;;;OAGG;IAEH,SAAS,EAAE,OAAO,GAAG,KAAK,GAAG,KAAK,GAAG,QAAQ,CAAS;IAEtD;;;OAGG;IAEH,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,GAAG,CAAC,MAAM,GAAG,MAAM,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC,CAAQ;IAE3E;;;;OAIG;IAEH,SAAS,UAAS;IAElB;;;OAGG;IAEH,QAAQ,UAAS;IAEjB;;;OAGG;IAEH,QAAQ,UAAS;IAEjB;;;;OAIG;IAEH,KAAK,SAAM;IAEX,mFAAmF;IAEnF,UAAU,SAAkB;IAInB,iBAAiB,IAAI,IAAI;IAWzB,oBAAoB,IAAI,IAAI;IAS5B,OAAO,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAkB/D,wBAAwB;IACxB,IAAI,IAAI,IAAI;IAIZ,yBAAyB;IACzB,IAAI,IAAI,IAAI;IAMZ,gBAAgB;IAChB,OAAO,CAAC,aAAa;IAOrB,gBAAgB;IAChB,OAAO,CAAC,eAAe;IASvB,gBAAgB;IAChB,OAAO,CAAC,kBAAkB;IAM1B,gBAAgB;IAChB,OAAO,CAAC,WAAW;IA0CnB,gBAAgB;IAChB,OAAO,CAAC,YAAY;IA6BpB,gBAAgB;IAChB,OAAO,CAAC,qBAAqB;IAQ7B,gBAAgB;IAChB,OAAO,CAAC,gCAAgC;IAuBxC,gBAAgB;IAChB,OAAO,CAAC,kCAAkC;IAS1C,gBAAgB;IAChB,OAAO,CAAC,aAAa;IAIrB,gBAAgB;IAChB,OAAO,CAAC,gBAAgB;IAMxB;;;OAGG;IACH,OAAO,CAAC,cAAc,CAYpB;IAIF,gBAAgB;IAChB,OAAO,CAAC,gBAAgB;IAkBxB,gBAAgB;IAChB,OAAO,CAAC,qBAAqB;IA0B7B,gBAAgB;IAChB,OAAO,CAAC,UAAU;IAmClB;;;OAGG;IACH,OAAO,CAAC,mBAAmB,CAMzB;IAIF,gBAAgB;IAChB,OAAO,CAAC,8BAA8B;IAKtC,gBAAgB;IAChB,OAAO,CAAC,uBAAuB;IAK/B,gBAAgB;IAChB,OAAO,CAAC,sBAAsB;IAO9B,gBAAgB;IAChB,OAAO,CAAC,aAAa;IA8DrB,gBAAgB;IAChB,OAAO,CAAC,aAAa;IAYZ,MAAM;CAiChB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,WAAW,CAAC;KAC1B;CACF"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"hx-nav-item.styles.d.ts","sourceRoot":"","sources":["../../../src/components/hx-side-nav/hx-nav-item.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,kBAAkB,
|
|
1
|
+
{"version":3,"file":"hx-nav-item.styles.d.ts","sourceRoot":"","sources":["../../../src/components/hx-side-nav/hx-nav-item.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,kBAAkB,yBA+O9B,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"hx-side-nav.styles.d.ts","sourceRoot":"","sources":["../../../src/components/hx-side-nav/hx-side-nav.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,kBAAkB,
|
|
1
|
+
{"version":3,"file":"hx-side-nav.styles.d.ts","sourceRoot":"","sources":["../../../src/components/hx-side-nav/hx-side-nav.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,kBAAkB,yBAqJ9B,CAAC"}
|
|
@@ -29,6 +29,7 @@ import { LitElement, TemplateResult, PropertyValues } from 'lit';
|
|
|
29
29
|
* @csspart label - The label element.
|
|
30
30
|
* @csspart value-display - The element displaying the current numeric value.
|
|
31
31
|
* @csspart tick - Each individual tick mark element.
|
|
32
|
+
* @csspart help-text - The help text element displayed below the slider.
|
|
32
33
|
*
|
|
33
34
|
* @cssprop [--hx-slider-track-bg=var(--hx-color-neutral-200)] - Track background color.
|
|
34
35
|
* @cssprop [--hx-slider-fill-bg=var(--hx-color-primary-500)] - Fill/progress color.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"hx-slider.d.ts","sourceRoot":"","sources":["../../../src/components/hx-slider/hx-slider.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,cAAc,EAAiB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAarF
|
|
1
|
+
{"version":3,"file":"hx-slider.d.ts","sourceRoot":"","sources":["../../../src/components/hx-slider/hx-slider.ts"],"names":[],"mappings":"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"}
|
|
@@ -18,6 +18,9 @@ import { LitElement, PropertyValues } from 'lit';
|
|
|
18
18
|
* @csspart toggle - The clock icon toggle button.
|
|
19
19
|
* @csspart listbox - The dropdown `<ul>` element.
|
|
20
20
|
* @csspart option - Each `<li>` option in the listbox.
|
|
21
|
+
* @csspart field - The outer field wrapper element.
|
|
22
|
+
* @csspart error - The error message element.
|
|
23
|
+
* @csspart help-text - The help text element.
|
|
21
24
|
*
|
|
22
25
|
* @cssprop [--hx-time-picker-bg=var(--hx-color-neutral-0)] - Input background color.
|
|
23
26
|
* @cssprop [--hx-time-picker-color=var(--hx-color-neutral-800)] - Input text color.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"hx-time-picker.d.ts","sourceRoot":"","sources":["../../../src/components/hx-time-picker/hx-time-picker.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAiB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAiIrE
|
|
1
|
+
{"version":3,"file":"hx-time-picker.d.ts","sourceRoot":"","sources":["../../../src/components/hx-time-picker/hx-time-picker.ts"],"names":[],"mappings":"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"}
|
package/dist/css/helix-all.css
CHANGED
|
@@ -578,17 +578,21 @@
|
|
|
578
578
|
display: none;
|
|
579
579
|
}
|
|
580
580
|
|
|
581
|
+
.badge--dot slot[name='prefix'] {
|
|
582
|
+
display: none;
|
|
583
|
+
}
|
|
584
|
+
|
|
581
585
|
/* ─── Pulse Animation ─── */
|
|
582
586
|
|
|
583
587
|
@keyframes hx-badge-pulse {
|
|
584
588
|
0%,
|
|
585
589
|
100% {
|
|
586
590
|
opacity: 1;
|
|
587
|
-
box-shadow: 0 0 0
|
|
591
|
+
box-shadow: 0 0 0 2px var(--hx-badge-pulse-color, currentColor);
|
|
588
592
|
}
|
|
589
593
|
50% {
|
|
590
594
|
opacity: var(--hx-opacity-75, 0.75);
|
|
591
|
-
box-shadow: 0 0 0
|
|
595
|
+
box-shadow: 0 0 0 6px transparent;
|
|
592
596
|
}
|
|
593
597
|
}
|
|
594
598
|
|
|
@@ -6215,6 +6219,13 @@ export const helixGridItemStyles = css`
|
|
|
6215
6219
|
:host {
|
|
6216
6220
|
display: block;
|
|
6217
6221
|
height: 100%;
|
|
6222
|
+
/* Mirror the nav background and text on the host so slotted light-DOM
|
|
6223
|
+
content (header, footer slots) inherits the correct dark surface color.
|
|
6224
|
+
Without this, axe-core cannot resolve the background for slotted nodes
|
|
6225
|
+
and evaluates their text against the page white background, producing
|
|
6226
|
+
false-positive color-contrast violations (WCAG 2.1 AA). */
|
|
6227
|
+
background-color: var(--hx-side-nav-bg, var(--hx-color-neutral-900, #0f172a));
|
|
6228
|
+
color: var(--hx-side-nav-color, var(--hx-color-neutral-100, #f1f5f9));
|
|
6218
6229
|
}
|
|
6219
6230
|
|
|
6220
6231
|
* {
|
|
@@ -6228,12 +6239,12 @@ export const helixGridItemStyles = css`
|
|
|
6228
6239
|
flex-direction: column;
|
|
6229
6240
|
height: 100%;
|
|
6230
6241
|
width: var(--hx-side-nav-width, 16rem);
|
|
6231
|
-
background-color: var(--hx-side-nav-bg, var(--hx-color-neutral-900, #
|
|
6232
|
-
color: var(--hx-side-nav-color, var(--hx-color-neutral-100, #
|
|
6242
|
+
background-color: var(--hx-side-nav-bg, var(--hx-color-neutral-900, #0f172a));
|
|
6243
|
+
color: var(--hx-side-nav-color, var(--hx-color-neutral-100, #f1f5f9));
|
|
6233
6244
|
transition: width var(--hx-transition-normal, 300ms) ease;
|
|
6234
6245
|
overflow: hidden;
|
|
6235
6246
|
border-inline-end: var(--hx-border-width-thin, 1px) solid
|
|
6236
|
-
var(--hx-side-nav-border-color, var(--hx-color-neutral-700, #
|
|
6247
|
+
var(--hx-side-nav-border-color, var(--hx-color-neutral-700, #334155));
|
|
6237
6248
|
}
|
|
6238
6249
|
|
|
6239
6250
|
/* ─── Collapsed State ─── */
|
|
@@ -6251,7 +6262,7 @@ export const helixGridItemStyles = css`
|
|
|
6251
6262
|
flex-shrink: 0;
|
|
6252
6263
|
min-height: var(--hx-space-14, 3.5rem);
|
|
6253
6264
|
border-bottom: var(--hx-border-width-thin, 1px) solid
|
|
6254
|
-
var(--hx-side-nav-border-color, var(--hx-color-neutral-700, #
|
|
6265
|
+
var(--hx-side-nav-border-color, var(--hx-color-neutral-700, #334155));
|
|
6255
6266
|
overflow: hidden;
|
|
6256
6267
|
}
|
|
6257
6268
|
|
|
@@ -6278,7 +6289,7 @@ export const helixGridItemStyles = css`
|
|
|
6278
6289
|
flex-shrink: 0;
|
|
6279
6290
|
min-height: var(--hx-space-14, 3.5rem);
|
|
6280
6291
|
border-top: var(--hx-border-width-thin, 1px) solid
|
|
6281
|
-
var(--hx-side-nav-border-color, var(--hx-color-neutral-700, #
|
|
6292
|
+
var(--hx-side-nav-border-color, var(--hx-color-neutral-700, #334155));
|
|
6282
6293
|
overflow: hidden;
|
|
6283
6294
|
}
|
|
6284
6295
|
|
|
@@ -6301,7 +6312,7 @@ export const helixGridItemStyles = css`
|
|
|
6301
6312
|
border: none;
|
|
6302
6313
|
border-radius: var(--hx-border-radius-sm, 0.25rem);
|
|
6303
6314
|
background: transparent;
|
|
6304
|
-
color: var(--hx-side-nav-toggle-color, var(--hx-color-neutral-400, #
|
|
6315
|
+
color: var(--hx-side-nav-toggle-color, var(--hx-color-neutral-400, #94a3b8));
|
|
6305
6316
|
cursor: pointer;
|
|
6306
6317
|
transition:
|
|
6307
6318
|
background-color var(--hx-transition-fast, 150ms) ease,
|
|
@@ -6313,7 +6324,7 @@ export const helixGridItemStyles = css`
|
|
|
6313
6324
|
--hx-overlay-white-10,
|
|
6314
6325
|
rgba(255, 255, 255, 0.1)
|
|
6315
6326
|
); /* fallback for browsers without color-mix() */
|
|
6316
|
-
color: var(--hx-color-neutral-100, #
|
|
6327
|
+
color: var(--hx-color-neutral-100, #f1f5f9);
|
|
6317
6328
|
}
|
|
6318
6329
|
|
|
6319
6330
|
@supports (color: color-mix(in srgb, red 50%, blue)) {
|
package/dist/css/helix-core.css
CHANGED
|
@@ -238,17 +238,21 @@
|
|
|
238
238
|
display: none;
|
|
239
239
|
}
|
|
240
240
|
|
|
241
|
+
.badge--dot slot[name='prefix'] {
|
|
242
|
+
display: none;
|
|
243
|
+
}
|
|
244
|
+
|
|
241
245
|
/* ─── Pulse Animation ─── */
|
|
242
246
|
|
|
243
247
|
@keyframes hx-badge-pulse {
|
|
244
248
|
0%,
|
|
245
249
|
100% {
|
|
246
250
|
opacity: 1;
|
|
247
|
-
box-shadow: 0 0 0
|
|
251
|
+
box-shadow: 0 0 0 2px var(--hx-badge-pulse-color, currentColor);
|
|
248
252
|
}
|
|
249
253
|
50% {
|
|
250
254
|
opacity: var(--hx-opacity-75, 0.75);
|
|
251
|
-
box-shadow: 0 0 0
|
|
255
|
+
box-shadow: 0 0 0 6px transparent;
|
|
252
256
|
}
|
|
253
257
|
}
|
|
254
258
|
|
|
@@ -629,6 +629,13 @@
|
|
|
629
629
|
:host {
|
|
630
630
|
display: block;
|
|
631
631
|
height: 100%;
|
|
632
|
+
/* Mirror the nav background and text on the host so slotted light-DOM
|
|
633
|
+
content (header, footer slots) inherits the correct dark surface color.
|
|
634
|
+
Without this, axe-core cannot resolve the background for slotted nodes
|
|
635
|
+
and evaluates their text against the page white background, producing
|
|
636
|
+
false-positive color-contrast violations (WCAG 2.1 AA). */
|
|
637
|
+
background-color: var(--hx-side-nav-bg, var(--hx-color-neutral-900, #0f172a));
|
|
638
|
+
color: var(--hx-side-nav-color, var(--hx-color-neutral-100, #f1f5f9));
|
|
632
639
|
}
|
|
633
640
|
|
|
634
641
|
* {
|
|
@@ -642,12 +649,12 @@
|
|
|
642
649
|
flex-direction: column;
|
|
643
650
|
height: 100%;
|
|
644
651
|
width: var(--hx-side-nav-width, 16rem);
|
|
645
|
-
background-color: var(--hx-side-nav-bg, var(--hx-color-neutral-900, #
|
|
646
|
-
color: var(--hx-side-nav-color, var(--hx-color-neutral-100, #
|
|
652
|
+
background-color: var(--hx-side-nav-bg, var(--hx-color-neutral-900, #0f172a));
|
|
653
|
+
color: var(--hx-side-nav-color, var(--hx-color-neutral-100, #f1f5f9));
|
|
647
654
|
transition: width var(--hx-transition-normal, 300ms) ease;
|
|
648
655
|
overflow: hidden;
|
|
649
656
|
border-inline-end: var(--hx-border-width-thin, 1px) solid
|
|
650
|
-
var(--hx-side-nav-border-color, var(--hx-color-neutral-700, #
|
|
657
|
+
var(--hx-side-nav-border-color, var(--hx-color-neutral-700, #334155));
|
|
651
658
|
}
|
|
652
659
|
|
|
653
660
|
/* ─── Collapsed State ─── */
|
|
@@ -665,7 +672,7 @@
|
|
|
665
672
|
flex-shrink: 0;
|
|
666
673
|
min-height: var(--hx-space-14, 3.5rem);
|
|
667
674
|
border-bottom: var(--hx-border-width-thin, 1px) solid
|
|
668
|
-
var(--hx-side-nav-border-color, var(--hx-color-neutral-700, #
|
|
675
|
+
var(--hx-side-nav-border-color, var(--hx-color-neutral-700, #334155));
|
|
669
676
|
overflow: hidden;
|
|
670
677
|
}
|
|
671
678
|
|
|
@@ -692,7 +699,7 @@
|
|
|
692
699
|
flex-shrink: 0;
|
|
693
700
|
min-height: var(--hx-space-14, 3.5rem);
|
|
694
701
|
border-top: var(--hx-border-width-thin, 1px) solid
|
|
695
|
-
var(--hx-side-nav-border-color, var(--hx-color-neutral-700, #
|
|
702
|
+
var(--hx-side-nav-border-color, var(--hx-color-neutral-700, #334155));
|
|
696
703
|
overflow: hidden;
|
|
697
704
|
}
|
|
698
705
|
|
|
@@ -715,7 +722,7 @@
|
|
|
715
722
|
border: none;
|
|
716
723
|
border-radius: var(--hx-border-radius-sm, 0.25rem);
|
|
717
724
|
background: transparent;
|
|
718
|
-
color: var(--hx-side-nav-toggle-color, var(--hx-color-neutral-400, #
|
|
725
|
+
color: var(--hx-side-nav-toggle-color, var(--hx-color-neutral-400, #94a3b8));
|
|
719
726
|
cursor: pointer;
|
|
720
727
|
transition:
|
|
721
728
|
background-color var(--hx-transition-fast, 150ms) ease,
|
|
@@ -727,7 +734,7 @@
|
|
|
727
734
|
--hx-overlay-white-10,
|
|
728
735
|
rgba(255, 255, 255, 0.1)
|
|
729
736
|
); /* fallback for browsers without color-mix() */
|
|
730
|
-
color: var(--hx-color-neutral-100, #
|
|
737
|
+
color: var(--hx-color-neutral-100, #f1f5f9);
|
|
731
738
|
}
|
|
732
739
|
|
|
733
740
|
@supports (color: color-mix(in srgb, red 50%, blue)) {
|
package/dist/css/hx-badge.css
CHANGED
|
@@ -119,17 +119,21 @@
|
|
|
119
119
|
display: none;
|
|
120
120
|
}
|
|
121
121
|
|
|
122
|
+
.badge--dot slot[name='prefix'] {
|
|
123
|
+
display: none;
|
|
124
|
+
}
|
|
125
|
+
|
|
122
126
|
/* ─── Pulse Animation ─── */
|
|
123
127
|
|
|
124
128
|
@keyframes hx-badge-pulse {
|
|
125
129
|
0%,
|
|
126
130
|
100% {
|
|
127
131
|
opacity: 1;
|
|
128
|
-
box-shadow: 0 0 0
|
|
132
|
+
box-shadow: 0 0 0 2px var(--hx-badge-pulse-color, currentColor);
|
|
129
133
|
}
|
|
130
134
|
50% {
|
|
131
135
|
opacity: var(--hx-opacity-75, 0.75);
|
|
132
|
-
box-shadow: 0 0 0
|
|
136
|
+
box-shadow: 0 0 0 6px transparent;
|
|
133
137
|
}
|
|
134
138
|
}
|
|
135
139
|
|
package/dist/css/hx-side-nav.css
CHANGED
|
@@ -2,6 +2,13 @@
|
|
|
2
2
|
:host {
|
|
3
3
|
display: block;
|
|
4
4
|
height: 100%;
|
|
5
|
+
/* Mirror the nav background and text on the host so slotted light-DOM
|
|
6
|
+
content (header, footer slots) inherits the correct dark surface color.
|
|
7
|
+
Without this, axe-core cannot resolve the background for slotted nodes
|
|
8
|
+
and evaluates their text against the page white background, producing
|
|
9
|
+
false-positive color-contrast violations (WCAG 2.1 AA). */
|
|
10
|
+
background-color: var(--hx-side-nav-bg, var(--hx-color-neutral-900, #0f172a));
|
|
11
|
+
color: var(--hx-side-nav-color, var(--hx-color-neutral-100, #f1f5f9));
|
|
5
12
|
}
|
|
6
13
|
|
|
7
14
|
* {
|
|
@@ -15,12 +22,12 @@
|
|
|
15
22
|
flex-direction: column;
|
|
16
23
|
height: 100%;
|
|
17
24
|
width: var(--hx-side-nav-width, 16rem);
|
|
18
|
-
background-color: var(--hx-side-nav-bg, var(--hx-color-neutral-900, #
|
|
19
|
-
color: var(--hx-side-nav-color, var(--hx-color-neutral-100, #
|
|
25
|
+
background-color: var(--hx-side-nav-bg, var(--hx-color-neutral-900, #0f172a));
|
|
26
|
+
color: var(--hx-side-nav-color, var(--hx-color-neutral-100, #f1f5f9));
|
|
20
27
|
transition: width var(--hx-transition-normal, 300ms) ease;
|
|
21
28
|
overflow: hidden;
|
|
22
29
|
border-inline-end: var(--hx-border-width-thin, 1px) solid
|
|
23
|
-
var(--hx-side-nav-border-color, var(--hx-color-neutral-700, #
|
|
30
|
+
var(--hx-side-nav-border-color, var(--hx-color-neutral-700, #334155));
|
|
24
31
|
}
|
|
25
32
|
|
|
26
33
|
/* ─── Collapsed State ─── */
|
|
@@ -38,7 +45,7 @@
|
|
|
38
45
|
flex-shrink: 0;
|
|
39
46
|
min-height: var(--hx-space-14, 3.5rem);
|
|
40
47
|
border-bottom: var(--hx-border-width-thin, 1px) solid
|
|
41
|
-
var(--hx-side-nav-border-color, var(--hx-color-neutral-700, #
|
|
48
|
+
var(--hx-side-nav-border-color, var(--hx-color-neutral-700, #334155));
|
|
42
49
|
overflow: hidden;
|
|
43
50
|
}
|
|
44
51
|
|
|
@@ -65,7 +72,7 @@
|
|
|
65
72
|
flex-shrink: 0;
|
|
66
73
|
min-height: var(--hx-space-14, 3.5rem);
|
|
67
74
|
border-top: var(--hx-border-width-thin, 1px) solid
|
|
68
|
-
var(--hx-side-nav-border-color, var(--hx-color-neutral-700, #
|
|
75
|
+
var(--hx-side-nav-border-color, var(--hx-color-neutral-700, #334155));
|
|
69
76
|
overflow: hidden;
|
|
70
77
|
}
|
|
71
78
|
|
|
@@ -88,7 +95,7 @@
|
|
|
88
95
|
border: none;
|
|
89
96
|
border-radius: var(--hx-border-radius-sm, 0.25rem);
|
|
90
97
|
background: transparent;
|
|
91
|
-
color: var(--hx-side-nav-toggle-color, var(--hx-color-neutral-400, #
|
|
98
|
+
color: var(--hx-side-nav-toggle-color, var(--hx-color-neutral-400, #94a3b8));
|
|
92
99
|
cursor: pointer;
|
|
93
100
|
transition:
|
|
94
101
|
background-color var(--hx-transition-fast, 150ms) ease,
|
|
@@ -100,7 +107,7 @@
|
|
|
100
107
|
--hx-overlay-white-10,
|
|
101
108
|
rgba(255, 255, 255, 0.1)
|
|
102
109
|
); /* fallback for browsers without color-mix() */
|
|
103
|
-
color: var(--hx-color-neutral-100, #
|
|
110
|
+
color: var(--hx-color-neutral-100, #f1f5f9);
|
|
104
111
|
}
|
|
105
112
|
|
|
106
113
|
@supports (color: color-mix(in srgb, red 50%, blue)) {
|
package/dist/css/index.css
CHANGED
package/dist/css/manifest.json
CHANGED
package/dist/index.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { H as d, a as h } from "./shared/hx-accordion-_KeulaQR.js";
|
|
2
|
-
import { H as b } from "./shared/hx-action-bar-
|
|
2
|
+
import { H as b } from "./shared/hx-action-bar-vGFnNwNY.js";
|
|
3
3
|
import { H as S } from "./shared/hx-alert-DRZYP0Oo.js";
|
|
4
4
|
import { H as g } from "./shared/hx-avatar-7p1cj3lG.js";
|
|
5
|
-
import { H as v } from "./shared/hx-badge-
|
|
5
|
+
import { H as v } from "./shared/hx-badge-Xg7zoh4Q.js";
|
|
6
6
|
import { H as y } from "./shared/hx-banner-2RS7Nux4.js";
|
|
7
7
|
import { H as E, a as B } from "./shared/hx-breadcrumb-item-B2rjepqy.js";
|
|
8
8
|
import { H as w } from "./shared/hx-button-6S3DwuIj.js";
|
|
@@ -52,7 +52,7 @@ import { H as co } from "./shared/hx-prose-Ml_L2zje.js";
|
|
|
52
52
|
import { H as uo, a as bo } from "./shared/hx-radio-jgeW92SV.js";
|
|
53
53
|
import { H as So } from "./shared/hx-rating-g_iy-DW_.js";
|
|
54
54
|
import { H as go } from "./shared/hx-select-4-nHL0vd.js";
|
|
55
|
-
import { H as vo, a as _o } from "./shared/hx-nav-item-
|
|
55
|
+
import { H as vo, a as _o } from "./shared/hx-nav-item-CuGiJPAf.js";
|
|
56
56
|
import { H as Do } from "./shared/hx-skeleton-BHvALyd7.js";
|
|
57
57
|
import { H as Bo } from "./shared/hx-slider-7Q-e0_pc.js";
|
|
58
58
|
import { H as wo } from "./shared/hx-spinner-DEgrKsUo.js";
|