@helixui/library 2.1.2-next.48 → 2.1.2-next.50
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 +5 -5
- package/dist/components/hx-breadcrumb/hx-breadcrumb.d.ts.map +1 -1
- package/dist/components/hx-breadcrumb/index.js +1 -1
- package/dist/components/hx-checkbox/index.js +1 -1
- package/dist/components/hx-clinical-status/hx-clinical-status.d.ts +7 -0
- package/dist/components/hx-clinical-status/hx-clinical-status.d.ts.map +1 -1
- package/dist/components/hx-clinical-status/index.js +1 -1
- package/dist/components/hx-code-snippet/hx-code-snippet.d.ts +3 -2
- package/dist/components/hx-code-snippet/hx-code-snippet.d.ts.map +1 -1
- package/dist/components/hx-code-snippet/index.js +1 -1
- package/dist/components/hx-color-picker/hx-color-picker.d.ts +6 -10
- package/dist/components/hx-color-picker/hx-color-picker.d.ts.map +1 -1
- package/dist/components/hx-color-picker/hx-color-picker.styles.d.ts.map +1 -1
- package/dist/components/hx-color-picker/index.js +1 -1
- package/dist/components/hx-container/hx-container.styles.d.ts.map +1 -1
- package/dist/components/hx-container/index.js +1 -1
- package/dist/components/hx-link/hx-link.d.ts +2 -0
- package/dist/components/hx-link/hx-link.d.ts.map +1 -1
- package/dist/components/hx-link/index.js +1 -1
- package/dist/components/hx-patient-banner/hx-patient-banner.d.ts.map +1 -1
- package/dist/components/hx-progress-ring/index.js +1 -1
- package/dist/components/hx-select/hx-select.styles.d.ts.map +1 -1
- package/dist/components/hx-select/index.js +1 -1
- package/dist/components/hx-skeleton/hx-skeleton.d.ts +1 -1
- package/dist/components/hx-skeleton/index.js +1 -1
- package/dist/components/hx-spinner/index.js +1 -1
- package/dist/components/hx-style-scope/hx-style-scope.d.ts +2 -2
- package/dist/components/hx-style-scope/hx-style-scope.d.ts.map +1 -1
- package/dist/components/hx-text-input/index.js +1 -1
- package/dist/css/helix-all.css +9 -17
- package/dist/css/helix-core.css +5 -5
- package/dist/css/helix-feedback.css +3 -3
- package/dist/css/helix-forms.css +1 -3
- package/dist/css/helix-layout.css +0 -6
- package/dist/css/hx-color-picker.css +1 -1
- package/dist/css/hx-container.css +0 -6
- package/dist/css/hx-link.css +1 -1
- package/dist/css/hx-progress-ring.css +3 -3
- package/dist/css/hx-select.css +0 -2
- package/dist/css/hx-skeleton.css +1 -1
- package/dist/css/hx-spinner.css +3 -3
- package/dist/css/index.css +1 -1
- package/dist/css/manifest.json +2 -2
- package/dist/index.js +16 -15
- package/dist/index.js.map +1 -1
- package/dist/shared/{id-counter-JhvVCnjh.js → helix-element-CZvaIEQP.js} +19 -31
- package/dist/shared/helix-element-CZvaIEQP.js.map +1 -0
- package/dist/shared/{hx-breadcrumb-item-DzLyeL5Z.js → hx-breadcrumb-item-jLAKK038.js} +2 -2
- package/dist/shared/hx-breadcrumb-item-jLAKK038.js.map +1 -0
- package/dist/shared/{hx-checkbox-CTEZ9IFq.js → hx-checkbox-C82GjRXe.js} +6 -5
- package/dist/shared/{hx-checkbox-CTEZ9IFq.js.map → hx-checkbox-C82GjRXe.js.map} +1 -1
- package/dist/shared/{hx-clinical-status-m4soOOwg.js → hx-clinical-status-BjtT5c0M.js} +24 -23
- package/dist/shared/hx-clinical-status-BjtT5c0M.js.map +1 -0
- package/dist/shared/{hx-code-snippet-CoLYvX1Z.js → hx-code-snippet-DcVENSuC.js} +6 -5
- package/dist/shared/hx-code-snippet-DcVENSuC.js.map +1 -0
- package/dist/shared/{hx-color-picker-DhOaNe6-.js → hx-color-picker-C6EIuS9t.js} +47 -46
- package/dist/shared/hx-color-picker-C6EIuS9t.js.map +1 -0
- package/dist/shared/{hx-container-31QT9KV_.js → hx-container-BwWbMPTH.js} +5 -11
- package/dist/shared/hx-container-BwWbMPTH.js.map +1 -0
- package/dist/shared/{hx-link-B8IwUMSc.js → hx-link-CN7AvGOW.js} +29 -24
- package/dist/shared/hx-link-CN7AvGOW.js.map +1 -0
- package/dist/shared/hx-patient-banner-BKiN7nIE.js.map +1 -1
- package/dist/shared/{hx-progress-ring-BJeiDr3q.js → hx-progress-ring-Cs0WgWDJ.js} +4 -4
- package/dist/shared/hx-progress-ring-Cs0WgWDJ.js.map +1 -0
- package/dist/shared/{hx-select-B5wq9Swh.js → hx-select-CgcgsHU5.js} +3 -4
- package/dist/shared/hx-select-CgcgsHU5.js.map +1 -0
- package/dist/shared/{hx-skeleton-e5K9Qaxq.js → hx-skeleton-tiYvKO-t.js} +11 -11
- package/dist/shared/hx-skeleton-tiYvKO-t.js.map +1 -0
- package/dist/shared/{hx-spinner-Dyese1Tb.js → hx-spinner-D6nzuGmj.js} +8 -8
- package/dist/shared/hx-spinner-D6nzuGmj.js.map +1 -0
- package/dist/shared/hx-style-scope-CsQ2Phf_.js.map +1 -1
- package/dist/shared/{hx-text-input-Scyeefec.js → hx-text-input-Zuodg9s_.js} +3 -2
- package/dist/shared/{hx-text-input-Scyeefec.js.map → hx-text-input-Zuodg9s_.js.map} +1 -1
- package/dist/shared/id-counter-PTgF-zcG.js +15 -0
- package/dist/shared/id-counter-PTgF-zcG.js.map +1 -0
- package/package.json +2 -2
- package/dist/shared/hx-breadcrumb-item-DzLyeL5Z.js.map +0 -1
- package/dist/shared/hx-clinical-status-m4soOOwg.js.map +0 -1
- package/dist/shared/hx-code-snippet-CoLYvX1Z.js.map +0 -1
- package/dist/shared/hx-color-picker-DhOaNe6-.js.map +0 -1
- package/dist/shared/hx-container-31QT9KV_.js.map +0 -1
- package/dist/shared/hx-link-B8IwUMSc.js.map +0 -1
- package/dist/shared/hx-progress-ring-BJeiDr3q.js.map +0 -1
- package/dist/shared/hx-select-B5wq9Swh.js.map +0 -1
- package/dist/shared/hx-skeleton-e5K9Qaxq.js.map +0 -1
- package/dist/shared/hx-spinner-Dyese1Tb.js.map +0 -1
- package/dist/shared/id-counter-JhvVCnjh.js.map +0 -1
package/custom-elements.json
CHANGED
|
@@ -5016,8 +5016,8 @@
|
|
|
5016
5016
|
}
|
|
5017
5017
|
],
|
|
5018
5018
|
"superclass": {
|
|
5019
|
-
"name": "
|
|
5020
|
-
"
|
|
5019
|
+
"name": "HelixElement",
|
|
5020
|
+
"module": "/src/base/index.js"
|
|
5021
5021
|
},
|
|
5022
5022
|
"tagName": "hx-code-snippet",
|
|
5023
5023
|
"customElement": true,
|
|
@@ -5765,8 +5765,8 @@
|
|
|
5765
5765
|
}
|
|
5766
5766
|
],
|
|
5767
5767
|
"superclass": {
|
|
5768
|
-
"name": "
|
|
5769
|
-
"
|
|
5768
|
+
"name": "HelixElement",
|
|
5769
|
+
"module": "/src/base/index.js"
|
|
5770
5770
|
},
|
|
5771
5771
|
"tagName": "hx-color-picker",
|
|
5772
5772
|
"customElement": true,
|
|
@@ -19140,7 +19140,7 @@
|
|
|
19140
19140
|
},
|
|
19141
19141
|
{
|
|
19142
19142
|
"description": "Border radius for circle variant.",
|
|
19143
|
-
"name": "--hx-skeleton-
|
|
19143
|
+
"name": "--hx-skeleton-border-radius-circle",
|
|
19144
19144
|
"default": "50%"
|
|
19145
19145
|
}
|
|
19146
19146
|
],
|
|
@@ -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;AAC5D,OAAO,4CAA4C,CAAC;AAYpD;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,qBACa,eAAgB,SAAQ,UAAU;IAC7C,OAAgB,MAAM,4BAA2B;IAEjD;;;;;OAKG;IACH,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;;;;;;;OAOG;IACH,OAAO,CAAC,QAAQ,CAAC,oBAAoB,CAA0B;IAE/D;;;;;;;;;;OAUG;IACH,OAAO,CAAC,QAAQ,CAAC,SAAS,CAA4D;IAItF;;;OAGG;IACH,OAAO,CAAC,mBAAmB;IAU3B;;;;;;;;;;OAUG;IACH,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;;;;OAIG;IACH,OAAO,CAAC,iBAAiB;IAOzB;;;OAGG;IACH,OAAO,CAAC,cAAc;IAYtB,gBAAgB;IAChB,OAAO,CAAC,aAAa;IA2BrB,gBAAgB;IAChB,OAAO,CAAC,aAAa;IAOZ,iBAAiB,IAAI,IAAI;
|
|
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;AAC5D,OAAO,4CAA4C,CAAC;AAYpD;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,qBACa,eAAgB,SAAQ,UAAU;IAC7C,OAAgB,MAAM,4BAA2B;IAEjD;;;;;OAKG;IACH,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;;;;;;;OAOG;IACH,OAAO,CAAC,QAAQ,CAAC,oBAAoB,CAA0B;IAE/D;;;;;;;;;;OAUG;IACH,OAAO,CAAC,QAAQ,CAAC,SAAS,CAA4D;IAItF;;;OAGG;IACH,OAAO,CAAC,mBAAmB;IAU3B;;;;;;;;;;OAUG;IACH,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;;;;OAIG;IACH,OAAO,CAAC,iBAAiB;IAOzB;;;OAGG;IACH,OAAO,CAAC,cAAc;IAYtB,gBAAgB;IAChB,OAAO,CAAC,aAAa;IA2BrB,gBAAgB;IAChB,OAAO,CAAC,aAAa;IAOZ,iBAAiB,IAAI,IAAI;IAczB,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"}
|
|
@@ -39,6 +39,13 @@ export type ClinicalSeverity = 'info' | 'warning' | 'critical' | 'emergent';
|
|
|
39
39
|
*/
|
|
40
40
|
export declare class HelixClinicalStatus extends HelixElement {
|
|
41
41
|
static styles: import('lit').CSSResult[];
|
|
42
|
+
/**
|
|
43
|
+
* ElementInternals instance for setting ARIA role without host attributes.
|
|
44
|
+
* Using internals prevents consumers from accidentally overriding the role
|
|
45
|
+
* via a host attribute, which would break critical healthcare alert semantics.
|
|
46
|
+
* @internal
|
|
47
|
+
*/
|
|
48
|
+
private readonly _elInternals;
|
|
42
49
|
/**
|
|
43
50
|
* Clinical severity level that determines visual styling and ARIA semantics.
|
|
44
51
|
* - `info`: Informational, non-urgent (role="status")
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"hx-clinical-status.d.ts","sourceRoot":"","sources":["../../../src/components/hx-clinical-status/hx-clinical-status.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AACzD,OAAO,4CAA4C,CAAC;AAGpD,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAInD,4DAA4D;AAC5D,MAAM,MAAM,gBAAgB,GAAG,MAAM,GAAG,SAAS,GAAG,UAAU,GAAG,UAAU,CAAC;AAI5E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AACH,qBACa,mBAAoB,SAAQ,YAAY;IACnD,OAAgB,MAAM,4BAA+B;
|
|
1
|
+
{"version":3,"file":"hx-clinical-status.d.ts","sourceRoot":"","sources":["../../../src/components/hx-clinical-status/hx-clinical-status.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AACzD,OAAO,4CAA4C,CAAC;AAGpD,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAInD,4DAA4D;AAC5D,MAAM,MAAM,gBAAgB,GAAG,MAAM,GAAG,SAAS,GAAG,UAAU,GAAG,UAAU,CAAC;AAI5E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AACH,qBACa,mBAAoB,SAAQ,YAAY;IACnD,OAAgB,MAAM,4BAA+B;IAErD;;;;;OAKG;IACH,OAAO,CAAC,QAAQ,CAAC,YAAY,CAA0B;IAIvD;;;;;;;OAOG;IAEH,QAAQ,EAAE,gBAAgB,CAAU;IAEpC;;;OAGG;IAEH,OAAO,SAAM;IAEb;;;;OAIG;IAEH,WAAW,UAAS;IAEpB;;;;;OAKG;IAEH,UAAU,UAAS;IAEnB;;;OAGG;IAEH,IAAI,SAAM;IAEV;;;;OAIG;IAEH,OAAO,UAAS;IAIhB,gBAAgB;IAEhB,OAAO,CAAC,kBAAkB,CAAS;IAEnC,gBAAgB;IAEhB,OAAO,CAAC,aAAa,CAAS;IAE9B;;;OAGG;IACH,OAAO,CAAC,YAAY,CAAY;IAEhC;;;OAGG;IACH,OAAO,CAAC,wBAAwB,CAAS;IAIzC,sEAAsE;IACtE,OAAO,KAAK,YAAY,GAEvB;IAED,2DAA2D;IAC3D,OAAO,KAAK,KAAK,GAEhB;IAED,0EAA0E;IAC1E,OAAO,CAAC,cAAc;IAUtB,uEAAuE;IACvE,OAAO,KAAK,uBAAuB,GAElC;IAED,uEAAuE;IACvE,OAAO,KAAK,oBAAoB,GAK/B;IAIQ,iBAAiB,IAAI,IAAI;IAKzB,wBAAwB,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,IAAI,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI;cAO7E,OAAO,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IASzE,gBAAgB;IAChB,OAAO,CAAC,eAAe;IAQvB,gBAAgB;IAChB,OAAO,CAAC,kBAAkB;IAQ1B,gBAAgB;IAChB,OAAO,CAAC,mBAAmB;IAQ3B,gBAAgB;IAChB,OAAO,CAAC,mBAAmB;IAQ3B,gBAAgB;IAChB,OAAO,CAAC,kBAAkB;IAc1B,gBAAgB;IAChB,OAAO,CAAC,gBAAgB;IAUxB,gBAAgB;IAChB,OAAO,CAAC,iBAAiB;IAOzB,gBAAgB;IAChB,OAAO,CAAC,cAAc;IAStB,gBAAgB;IAChB,OAAO,CAAC,kBAAkB;IAgBjB,MAAM;CA+DhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,oBAAoB,EAAE,mBAAmB,CAAC;KAC3C;CACF;AAED,iEAAiE;AACjE,MAAM,MAAM,gBAAgB,GAAG,mBAAmB,CAAC"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { nothing, TemplateResult } from 'lit';
|
|
2
|
+
import { HelixElement } from '../../base/index.js';
|
|
2
3
|
/**
|
|
3
4
|
* A styled code block with optional copy button and max-lines truncation.
|
|
4
5
|
* Supports block (`<pre><code>`) and inline (`<code>`) rendering modes.
|
|
@@ -27,7 +28,7 @@ import { LitElement, nothing, TemplateResult } from 'lit';
|
|
|
27
28
|
* @cssprop [--hx-code-snippet-border-radius=var(--hx-border-radius-md,0.375rem)] - Border radius.
|
|
28
29
|
* @cssprop [--hx-code-snippet-padding=var(--hx-space-4,1rem)] - Inner padding (block mode).
|
|
29
30
|
*/
|
|
30
|
-
export declare class HelixCodeSnippet extends
|
|
31
|
+
export declare class HelixCodeSnippet extends HelixElement {
|
|
31
32
|
static styles: import('lit').CSSResult[];
|
|
32
33
|
/**
|
|
33
34
|
* Language hint for consumers to apply syntax highlighting.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"hx-code-snippet.d.ts","sourceRoot":"","sources":["../../../src/components/hx-code-snippet/hx-code-snippet.ts"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"hx-code-snippet.d.ts","sourceRoot":"","sources":["../../../src/components/hx-code-snippet/hx-code-snippet.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,OAAO,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AACpD,OAAO,4CAA4C,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAKnD;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,qBACa,gBAAiB,SAAQ,YAAY;IAChD,OAAgB,MAAM,4BAA4B;IAIlD;;;;;OAKG;IAEH,QAAQ,EAAE,MAAM,CAAM;IAEtB;;;OAGG;IAEH,MAAM,EAAE,OAAO,CAAS;IAExB;;;OAGG;IAEH,IAAI,EAAE,OAAO,CAAS;IAEtB;;;OAGG;IAEH,QAAQ,EAAE,OAAO,CAAS;IAE1B;;;;OAIG;IAEH,QAAQ,EAAE,MAAM,CAAK;IAErB;;;;OAIG;IAEH,WAAW,EAAE,OAAO,CAAS;IAE7B;;;OAGG;IAEH,SAAS,SAAe;IAExB;;;OAGG;IAEH,WAAW,SAAa;IAExB;;;OAGG;IAEH,aAAa,SAAe;IAE5B;;;OAGG;IAEH,aAAa,SAAe;IAI5B,gBAAgB;IACP,OAAO,CAAC,OAAO,CAAkB;IAC1C,gBAAgB;IACP,OAAO,CAAC,SAAS,CAAkB;IAC5C,gBAAgB;IACP,OAAO,CAAC,SAAS,CAAc;IAExC,gBAAgB;IAChB,OAAO,CAAC,UAAU,CAA8C;IAIvD,YAAY,IAAI,IAAI;IAWpB,oBAAoB,IAAI,IAAI;IAUrC,gBAAgB;IAChB,OAAO,CAAC,iBAAiB;IAOzB,gBAAgB;IAChB,OAAO,CAAC,WAAW;IAwBnB,gBAAgB;IAChB,OAAO,CAAC,aAAa;IAMrB,gBAAgB;IAChB,OAAO,CAAC,gBAAgB;IAWxB,gBAAgB;IAChB,OAAO,CAAC,YAAY;IAMpB,gBAAgB;IAChB,OAAO,CAAC,YAAY;IAaX,MAAM,IAAI,cAAc,GAAG,OAAO,OAAO;CAsEnD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,iBAAiB,EAAE,gBAAgB,CAAC;KACrC;CACF"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { PropertyValues } from 'lit';
|
|
2
|
+
import { HelixElement } from '../../base/index.js';
|
|
2
3
|
import { ColorFormat } from './color-utils.js';
|
|
3
4
|
export type { ColorFormat };
|
|
4
5
|
/**
|
|
@@ -56,18 +57,13 @@ export type { ColorFormat };
|
|
|
56
57
|
* ></hx-color-picker>
|
|
57
58
|
* ```
|
|
58
59
|
*/
|
|
59
|
-
export declare class HelixColorPicker extends
|
|
60
|
+
export declare class HelixColorPicker extends HelixElement {
|
|
60
61
|
static styles: import('lit').CSSResult[];
|
|
61
62
|
/**
|
|
62
63
|
* Declares this element as form-associated so it participates in native form submission.
|
|
63
64
|
* @internal
|
|
64
65
|
*/
|
|
65
66
|
static formAssociated: boolean;
|
|
66
|
-
/**
|
|
67
|
-
* ElementInternals instance used for form participation and constraint validation.
|
|
68
|
-
* @internal
|
|
69
|
-
*/
|
|
70
|
-
private _internals;
|
|
71
67
|
constructor();
|
|
72
68
|
/**
|
|
73
69
|
* Current color value as a CSS color string.
|
|
@@ -198,11 +194,11 @@ export declare class HelixColorPicker extends LitElement {
|
|
|
198
194
|
/** @internal */
|
|
199
195
|
private _syncFromValue;
|
|
200
196
|
/** @internal */
|
|
201
|
-
|
|
197
|
+
protected _onFormDisabled(disabled: boolean): void;
|
|
202
198
|
/** @internal */
|
|
203
|
-
|
|
199
|
+
protected _onFormReset(): void;
|
|
204
200
|
/** @internal */
|
|
205
|
-
|
|
201
|
+
protected _onFormStateRestore(state: string | File | FormData | null, _mode: 'restore' | 'autocomplete'): void;
|
|
206
202
|
/** Returns the ValidityState object. */
|
|
207
203
|
get validity(): ValidityState;
|
|
208
204
|
/** Returns the current validation message. */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"hx-color-picker.d.ts","sourceRoot":"","sources":["../../../src/components/hx-color-picker/hx-color-picker.ts"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"hx-color-picker.d.ts","sourceRoot":"","sources":["../../../src/components/hx-color-picker/hx-color-picker.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AACzD,OAAO,4CAA4C,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAInD,OAAO,EACL,KAAK,WAAW,EAMjB,MAAM,kBAAkB,CAAC;AAG1B,YAAY,EAAE,WAAW,EAAE,CAAC;AAI5B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsDG;AACH,qBACa,gBAAiB,SAAQ,YAAY;IAChD,OAAgB,MAAM,4BAA4B;IAElD;;;OAGG;IACH,OAAgB,cAAc,UAAQ;;IAetC;;;OAGG;IAEH,KAAK,SAAa;IAElB;;;OAGG;IAEH,MAAM,EAAE,WAAW,CAAS;IAE5B;;;OAGG;IAEH,OAAO,UAAS;IAEhB;;;;;OAKG;IAEH,QAAQ,EAAE,MAAM,EAAE,CAAM;IAExB;;;;OAIG;IAEH,YAAY,UAAS;IAErB;;;OAGG;IAEH,QAAQ,UAAS;IAEjB;;;OAGG;IAEH,IAAI,SAAM;IAEV;;;OAGG;IAEH,MAAM,UAAS;IAEf;;;OAGG;IAEH,QAAQ,UAAS;IAEjB,sDAAsD;IAEtD,aAAa,SAAoB;IAEjC,2CAA2C;IAE3C,QAAQ,SAAS;IAEjB,+CAA+C;IAE/C,YAAY,SAAa;IAEzB,8DAA8D;IAE9D,aAAa,SAAmB;IAEhC,qDAAqD;IAErD,iBAAiB,SAAyB;IAE1C,kDAAkD;IAElD,eAAe,SAAiB;IAEhC,0DAA0D;IAE1D,WAAW,SAAkB;IAE7B;;;OAGG;IAEH,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAuC;IAI9E;;;OAGG;IACM,OAAO,CAAC,IAAI,CAAmC;IACxD;;;OAGG;IACM,OAAO,CAAC,KAAK,CAAS;IAC/B;;;OAGG;IACM,OAAO,CAAC,WAAW,CAAa;IAIzC,+DAA+D;IACvC,OAAO,CAAC,OAAO,CAAsB;IAC7D,4DAA4D;IAC9B,OAAO,CAAC,YAAY,CAAsB;IACxE,gEAAgE;IAC9B,OAAO,CAAC,gBAAgB,CAAsB;IAIhF;;;OAGG;IACH,OAAO,CAAC,aAAa,CAAS;IAC9B;;;OAGG;IACH,OAAO,CAAC,YAAY,CAAS;IAC7B;;;OAGG;IACH,OAAO,CAAC,gBAAgB,CAAS;IAEjC;;;OAGG;IACH,OAAO,CAAC,SAAS,CAAwB;IAGzC;;;OAGG;IACH,OAAO,CAAC,iBAAiB,CAA4B;IACrD;;;OAGG;IACH,OAAO,CAAC,eAAe,CAAa;IACpC;;;OAGG;IACH,OAAO,CAAC,mBAAmB,CAA0B;IAI5C,iBAAiB,IAAI,IAAI;IAKzB,oBAAoB,IAAI,IAAI;IAW5B,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAWlE,gBAAgB;IAChB,OAAO,CAAC,cAAc;IAUtB,gBAAgB;cACG,eAAe,CAAC,QAAQ,EAAE,OAAO,GAAG,IAAI;IAI3D,gBAAgB;cACG,YAAY,IAAI,IAAI;IAKvC,gBAAgB;cACG,mBAAmB,CACpC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,QAAQ,GAAG,IAAI,EACtC,KAAK,EAAE,SAAS,GAAG,cAAc,GAChC,IAAI;IAMP,wCAAwC;IACxC,IAAa,QAAQ,IAAI,aAAa,CAErC;IAED,8CAA8C;IAC9C,IAAa,iBAAiB,IAAI,MAAM,CAEvC;IAED,2DAA2D;IAC3D,aAAa,IAAI,OAAO;IAIxB,yEAAyE;IACzE,cAAc,IAAI,OAAO;IAIzB,gBAAgB;IAChB,OAAO,CAAC,eAAe;IAcvB,gBAAgB;IAChB,OAAO,CAAC,OAAO;IAoBf,gBAAgB;IAChB,OAAO,CAAC,KAAK;IAiBb,gBAAgB;IAChB,OAAO,CAAC,KAAK;IASb,gBAAgB;IAChB,OAAO,CAAC,oBAAoB;IAO5B,gBAAgB;IAChB,OAAO,CAAC,mBAAmB;IAS3B,gBAAgB;IAChB,OAAO,CAAC,mBAAmB;IAU3B,gBAAgB;IAChB,OAAO,CAAC,sBAAsB;IAe9B,gBAAgB;IAChB,OAAO,CAAC,sBAAsB;IAW9B,gBAAgB;IAChB,OAAO,CAAC,kBAAkB;IA+B1B,gBAAgB;IAChB,OAAO,CAAC,qBAAqB;IAe7B,gBAAgB;IAChB,OAAO,CAAC,qBAAqB;IAW7B,gBAAgB;IAChB,OAAO,CAAC,yBAAyB;IAejC,gBAAgB;IAChB,OAAO,CAAC,yBAAyB;IAWjC,gBAAgB;IAChB,OAAO,CAAC,kBAAkB;IAM1B,gBAAgB;IAChB,OAAO,CAAC,gBAAgB;IAiBxB,gBAAgB;IAChB,OAAO,CAAC,iBAAiB;IAsBzB,gBAAgB;IAChB,OAAO,CAAC,qBAAqB;IAyB7B,gBAAgB;IAChB,OAAO,CAAC,kBAAkB;IAU1B,gBAAgB;IAChB,OAAO,CAAC,gBAAgB;IAYxB,gBAAgB;IAChB,OAAO,CAAC,kBAAkB;IAU1B,gBAAgB;IAChB,OAAO,CAAC,kBAAkB;IAU1B,gBAAgB;IAChB,OAAO,CAAC,SAAS;IAIjB,gBAAgB;IAChB,OAAO,CAAC,aAAa;IAUrB,gBAAgB;IAChB,OAAO,CAAC,WAAW;IAqCnB,gBAAgB;IAChB,OAAO,CAAC,gBAAgB;IA6BxB,gBAAgB;IAChB,OAAO,CAAC,oBAAoB;IAiC5B,gBAAgB;IAChB,OAAO,CAAC,eAAe;IAoBvB,gBAAgB;IAChB,OAAO,CAAC,YAAY;IA+BpB,gBAAgB;IAChB,OAAO,CAAC,YAAY;IAwBX,MAAM;CA6BhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,iBAAiB,EAAE,gBAAgB,CAAC;KACrC;CACF"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"hx-color-picker.styles.d.ts","sourceRoot":"","sources":["../../../src/components/hx-color-picker/hx-color-picker.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,sBAAsB,
|
|
1
|
+
{"version":3,"file":"hx-color-picker.styles.d.ts","sourceRoot":"","sources":["../../../src/components/hx-color-picker/hx-color-picker.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,sBAAsB,yBAAwjL,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"hx-container.styles.d.ts","sourceRoot":"","sources":["../../../src/components/hx-container/hx-container.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,oBAAoB,
|
|
1
|
+
{"version":3,"file":"hx-container.styles.d.ts","sourceRoot":"","sources":["../../../src/components/hx-container/hx-container.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,oBAAoB,yBA4EhC,CAAC"}
|
|
@@ -75,6 +75,8 @@ export declare class HelixLink extends LitElement {
|
|
|
75
75
|
* @attr rel
|
|
76
76
|
*/
|
|
77
77
|
rel: string | undefined;
|
|
78
|
+
/** @internal Blocks Enter and Space activation on disabled span. */
|
|
79
|
+
private _handleDisabledKeydown;
|
|
78
80
|
/** @internal */
|
|
79
81
|
private _handleClick;
|
|
80
82
|
/** @internal */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"hx-link.d.ts","sourceRoot":"","sources":["../../../src/components/hx-link/hx-link.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAsB,MAAM,KAAK,CAAC;AACrD,OAAO,4CAA4C,CAAC;AAMpD;;GAEG;AACH,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAE1D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,qBACa,SAAU,SAAQ,UAAU;IACvC,OAAgB,MAAM,4BAAqB;IAE3C;;;OAGG;IAEH,IAAI,EAAE,MAAM,GAAG,SAAS,CAAa;IAErC;;;;;OAKG;IAEH,MAAM,EAAE,MAAM,GAAG,SAAS,CAAa;IAEvC;;;OAGG;IAEH,OAAO,EAAE,SAAS,GAAG,QAAQ,GAAG,QAAQ,CAAa;IAErD;;;;;OAKG;IAEH,QAAQ,UAAS;IAEjB;;;;OAIG;IAEH,QAAQ,EAAE,MAAM,GAAG,SAAS,CAAa;IAEzC;;;;OAIG;IAEH,GAAG,EAAE,MAAM,GAAG,SAAS,CAAa;IAIpC,gBAAgB;IAChB,OAAO,CAAC,YAAY;IAkBpB,gBAAgB;IAChB,OAAO,CAAC,WAAW;IAMnB,gBAAgB;IAChB,OAAO,CAAC,mBAAmB;IAuBlB,MAAM;
|
|
1
|
+
{"version":3,"file":"hx-link.d.ts","sourceRoot":"","sources":["../../../src/components/hx-link/hx-link.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAsB,MAAM,KAAK,CAAC;AACrD,OAAO,4CAA4C,CAAC;AAMpD;;GAEG;AACH,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAE1D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,qBACa,SAAU,SAAQ,UAAU;IACvC,OAAgB,MAAM,4BAAqB;IAE3C;;;OAGG;IAEH,IAAI,EAAE,MAAM,GAAG,SAAS,CAAa;IAErC;;;;;OAKG;IAEH,MAAM,EAAE,MAAM,GAAG,SAAS,CAAa;IAEvC;;;OAGG;IAEH,OAAO,EAAE,SAAS,GAAG,QAAQ,GAAG,QAAQ,CAAa;IAErD;;;;;OAKG;IAEH,QAAQ,UAAS;IAEjB;;;;OAIG;IAEH,QAAQ,EAAE,MAAM,GAAG,SAAS,CAAa;IAEzC;;;;OAIG;IAEH,GAAG,EAAE,MAAM,GAAG,SAAS,CAAa;IAIpC,oEAAoE;IACpE,OAAO,CAAC,sBAAsB;IAM9B,gBAAgB;IAChB,OAAO,CAAC,YAAY;IAkBpB,gBAAgB;IAChB,OAAO,CAAC,WAAW;IAMnB,gBAAgB;IAChB,OAAO,CAAC,mBAAmB;IAuBlB,MAAM;CAsChB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,SAAS,EAAE,SAAS,CAAC;KACtB;CACF"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"hx-patient-banner.d.ts","sourceRoot":"","sources":["../../../src/components/hx-patient-banner/hx-patient-banner.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAiB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AACrE,OAAO,4CAA4C,CAAC;AAIpD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuCG;AACH,qBACa,kBAAmB,SAAQ,UAAU;IAChD,OAAgB,MAAM,4BAA8B;IAIpD;;;OAGG;IAEH,SAAS,EAAE,MAAM,CAAM;IAEvB;;;OAGG;IAEH,YAAY,EAAE,MAAM,CAA4B;IAEhD;;;OAGG;IAEH,SAAS,EAAE,MAAM,CAAkB;IAEnC;;;OAGG;IAEH,QAAQ,EAAE,MAAM,CAAS;IAEzB;;;OAGG;IAEH,QAAQ,EAAE,MAAM,CAAmB;IAEnC;;;OAGG;IAEH,cAAc,EAAE,MAAM,CAAe;IAErC;;;OAGG;IAEH,eAAe,EAAE,MAAM,CAAiB;IAExC;;;;;OAKG;IASH,qBAAqB,EAAE,OAAO,CAAQ;IAItC,gBAAgB;IACP,OAAO,CAAC,gBAAgB,CAAa;IAE9C,gBAAgB;IACP,OAAO,CAAC,YAAY,CAAkB;IAI/C,gBAAgB;IACY,OAAO,CAAC,SAAS,
|
|
1
|
+
{"version":3,"file":"hx-patient-banner.d.ts","sourceRoot":"","sources":["../../../src/components/hx-patient-banner/hx-patient-banner.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAiB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AACrE,OAAO,4CAA4C,CAAC;AAIpD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuCG;AACH,qBACa,kBAAmB,SAAQ,UAAU;IAChD,OAAgB,MAAM,4BAA8B;IAIpD;;;OAGG;IAEH,SAAS,EAAE,MAAM,CAAM;IAEvB;;;OAGG;IAEH,YAAY,EAAE,MAAM,CAA4B;IAEhD;;;OAGG;IAEH,SAAS,EAAE,MAAM,CAAkB;IAEnC;;;OAGG;IAEH,QAAQ,EAAE,MAAM,CAAS;IAEzB;;;OAGG;IAEH,QAAQ,EAAE,MAAM,CAAmB;IAEnC;;;OAGG;IAEH,cAAc,EAAE,MAAM,CAAe;IAErC;;;OAGG;IAEH,eAAe,EAAE,MAAM,CAAiB;IAExC;;;;;OAKG;IASH,qBAAqB,EAAE,OAAO,CAAQ;IAItC,gBAAgB;IACP,OAAO,CAAC,gBAAgB,CAAa;IAE9C,gBAAgB;IACP,OAAO,CAAC,YAAY,CAAkB;IAI/C,gBAAgB;IACY,OAAO,CAAC,SAAS,CAA0B;IAEvE,gBAAgB;IACW,OAAO,CAAC,QAAQ,CAA0B;IAErE,gBAAgB;IACW,OAAO,CAAC,QAAQ,CAA0B;IAI5D,iBAAiB,IAAI,IAAI;cAMf,OAAO,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAczE,OAAO,CAAC,0BAA0B;IAalC,OAAO,CAAC,oBAAoB;IA0B5B,OAAO,CAAC,iBAAiB;IAMhB,MAAM;CA6DhB;AAED,MAAM,WAAW,oCAAoC;IACnD,oBAAoB,EAAE,MAAM,CAAC;IAC7B,mBAAmB,EAAE,MAAM,CAAC;IAC5B,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,mBAAmB,EAAE,kBAAkB,CAAC;KACzC;CACF"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"hx-select.styles.d.ts","sourceRoot":"","sources":["../../../src/components/hx-select/hx-select.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,iBAAiB,
|
|
1
|
+
{"version":3,"file":"hx-select.styles.d.ts","sourceRoot":"","sources":["../../../src/components/hx-select/hx-select.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,iBAAiB,yBAqS7B,CAAC"}
|
|
@@ -17,7 +17,7 @@ import { LitElement, PropertyValues } from 'lit';
|
|
|
17
17
|
* @cssprop [--hx-skeleton-text-radius=var(--hx-border-radius-full)] - Border radius for text variant.
|
|
18
18
|
* @cssprop [--hx-skeleton-rect-radius=var(--hx-border-radius-sm)] - Border radius for rect variant.
|
|
19
19
|
* @cssprop [--hx-skeleton-button-radius=var(--hx-border-radius-md)] - Border radius for button variant.
|
|
20
|
-
* @cssprop [--hx-skeleton-
|
|
20
|
+
* @cssprop [--hx-skeleton-border-radius-circle=50%] - Border radius for circle variant.
|
|
21
21
|
*
|
|
22
22
|
* @fires hx-loaded - Dispatched when `loaded` transitions to `true`. Consumers should use
|
|
23
23
|
* this event to update an external `aria-live` region announcing content availability.
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { LitElement } from 'lit';
|
|
1
|
+
import { LitElement, PropertyValues } from 'lit';
|
|
2
2
|
/**
|
|
3
3
|
* A transparent wrapper component that injects scoped light DOM styles for its
|
|
4
4
|
* slotted children. Designed for use in Drupal Twig templates where slotted
|
|
@@ -55,7 +55,7 @@ export declare class HxStyleScope extends LitElement {
|
|
|
55
55
|
*/
|
|
56
56
|
lightCss: string;
|
|
57
57
|
connectedCallback(): void;
|
|
58
|
-
updated(changed:
|
|
58
|
+
protected updated(changed: PropertyValues<this>): void;
|
|
59
59
|
/**
|
|
60
60
|
* Applies the `data-hx-styled` attribute and triggers style injection.
|
|
61
61
|
* Called on connect and whenever `component` or `lightCss` changes.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"hx-style-scope.d.ts","sourceRoot":"","sources":["../../../src/components/hx-style-scope/hx-style-scope.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;
|
|
1
|
+
{"version":3,"file":"hx-style-scope.d.ts","sourceRoot":"","sources":["../../../src/components/hx-style-scope/hx-style-scope.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAC5D,OAAO,4CAA4C,CAAC;AAKpD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,qBACa,YAAa,SAAQ,UAAU;IAC1C,OAAgB,MAAM,4BAAwB;IAE9C;;;;;;;;;OASG;IAEH,SAAS,EAAE,MAAM,CAAM;IAEvB;;;;;;;;;OASG;IAEH,QAAQ,EAAE,MAAM,CAAM;IAEb,iBAAiB,IAAI,IAAI;cAKf,OAAO,CAAC,OAAO,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAM/D;;;OAGG;IACH,OAAO,CAAC,WAAW;IAWV,MAAM;CAGhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,YAAY,CAAC;KAChC;CACF"}
|
package/dist/css/helix-all.css
CHANGED
|
@@ -2393,7 +2393,7 @@
|
|
|
2393
2393
|
border: 0;
|
|
2394
2394
|
}
|
|
2395
2395
|
/* ── hx-color-picker ── */
|
|
2396
|
-
:host{display:inline-block;position:relative;font-family:var(--hx-font-family-sans, sans-serif);font-size:var(--hx-font-size-sm, .875rem)}:host([disabled]){pointer-events:none;opacity:var(--hx-opacity-disabled, .4)}.trigger{display:inline-flex;align-items:center;gap:var(--hx-space-2, .5rem);padding:var(--hx-space-1, .25rem);border:var(--hx-border-width-thin, 1px) solid var(--hx-color-neutral-300, #d1d5db);border-radius:var(--hx-border-radius-md, .375rem);background:var(--hx-color-neutral-0, #fff);cursor:pointer;transition:border-color var(--hx-transition-fast, .15s ease)}.trigger:hover:not([disabled]){border-color:var(--hx-color-primary-500, #3b82f6)}:is(.trigger,.gradient-grid,.slider-track,.swatch-btn,.format-btn):focus-visible{outline:var(--hx-focus-ring-width, 2px) solid var(--hx-focus-ring-color, var(--hx-color-primary-500));outline-offset:var(--hx-focus-ring-offset, 2px)}.trigger-swatch{width:1.5rem;height:1.5rem;border-radius:var(--hx-border-radius-sm, .25rem);border:var(--hx-border-width-thin, 1px) solid var(--hx-color-picker-swatch-border, var(--hx-overlay-black-10, rgba(0, 0, 0, .1)));background:var(--_preview-color, #000);display:block;flex-shrink:0}.trigger-label{font-size:var(--hx-font-size-sm, .875rem);color:var(--hx-color-neutral-700, #374151);font-family:var(--hx-font-family-mono, monospace);white-space:nowrap}.panel{position:absolute;z-index:var(--hx-color-picker-z-index, 1000);top:calc(100% + 4px);left:0;background:var(--hx-color-neutral-0, #fff);border:var(--hx-border-width-thin, 1px) solid var(--hx-color-neutral-200, #e5e7eb);border-radius:var(--hx-border-radius-lg, .5rem);box-shadow:0 8px 24px var(--hx-color-picker-panel-shadow, var(--hx-overlay-black-15, rgba(0, 0, 0, .15)));padding:var(--hx-space-4, 1rem);width:var(--hx-color-picker-width, 260px);display:flex;flex-direction:column;gap:var(--hx-space-3, .75rem);outline:none}:host([inline]) .panel{position:static;box-shadow:none;border:var(--hx-border-width-thin, 1px) solid var(--hx-color-neutral-200, #e5e7eb);border-radius:var(--hx-border-radius-lg, .5rem)}.gradient-grid{position:relative;width:100%;height:var(--hx-color-picker-grid-height, 160px);border-radius:var(--hx-border-radius-sm, .25rem);cursor:crosshair;overflow:hidden;touch-action:none;flex-shrink:0}.gradient-grid-bg{position:absolute;inset:0;background:linear-gradient(to bottom,transparent,#000),linear-gradient(to right,#fff,var(--_hue-color, hsl(0, 100%, 50%)));pointer-events:none}.gradient-thumb{position:absolute;width:12px;height:12px;border-radius:50%;border:none;box-shadow:0 0 0 2px var(--hx-color-picker-thumb-border, var(--hx-color-neutral-0, #fff)),0 0 0 3px var(--hx-color-picker-thumb-shadow, var(--hx-overlay-black-30, rgba(0, 0, 0, .3)));transform:translate(-50%,-50%);pointer-events:none;top:var(--_thumb-y, 0%);left:var(--_thumb-x, 100%)}.slider-track{position:relative;width:100%;height:12px;border-radius:6px;cursor:pointer;touch-action:none;flex-shrink:0}.hue-track{background:linear-gradient(to right,red,#ff8000,#ff0,#80ff00,#0f0,#00ff80,#0ff,#0080ff,#00f,#7f00ff,#f0f,#ff0080,red)}.opacity-track{background-image:linear-gradient(to right,transparent,var(--_hue-color, hsl(0, 100%, 50%))),repeating-conic-gradient(#ccc 0% 25%,#fff 0% 50%) 0 0 / 12px 12px}.slider-thumb{position:absolute;top:50%;width:16px;height:16px;border-radius:50%;border:none;box-shadow:0 0 0 2px var(--hx-color-picker-thumb-border, var(--hx-color-neutral-0, #fff)),0 0 0 3px var(--hx-color-picker-thumb-shadow, var(--hx-overlay-black-30, rgba(0, 0, 0, .3)));transform:translate(-50%,-50%);pointer-events:none;left:var(--_slider-pct, 0%);background:var(--_thumb-color, hsl(0, 100%, 50%))}.swatches{display:flex;flex-wrap:wrap;gap:var(--hx-space-1, .25rem)}.swatch-btn{width:20px;height:20px;border-radius:var(--hx-border-radius-sm, .25rem);border:var(--hx-border-width-thin, 1px) solid var(--hx-color-picker-swatch-border, var(--hx-overlay-black-10, rgba(0, 0, 0, .1)));cursor:pointer;padding:0;flex-shrink:0;transition:transform var(--hx-transition-fast, .15s ease)}.swatch-btn:hover{transform:scale(1.15);border-color:var( --hx-color-picker-swatch-border-hover, var(--hx-overlay-black-30, rgba(0, 0, 0, .3)) )}.input-area{display:flex;align-items:center;gap:var(--hx-space-2, .5rem)}.format-btn{flex-shrink:0;padding:var(--hx-space-1, .25rem) var(--hx-space-2, .5rem);background:var(--hx-color-neutral-100, #f3f4f6);border:var(--hx-border-width-thin, 1px) solid var(--hx-color-neutral-300, #d1d5db);border-radius:var(--hx-border-radius-sm, .25rem);cursor:pointer;font-size:var(--hx-font-size-xs, .75rem);color:var(--hx-color-neutral-600, #4b5563);text-transform:uppercase;font-weight:var(--hx-font-weight-semibold, 600);letter-spacing:.05em}.color-input{flex:1;min-width:0;padding:var(--hx-space-1, .25rem) var(--hx-space-2, .5rem);border:var(--hx-border-width-thin, 1px) solid var(--hx-color-neutral-300, #d1d5db);border-radius:var(--hx-border-radius-sm, .25rem);font-family:var(--hx-font-family-mono, monospace);font-size:var(--hx-font-size-sm, .875rem);color:var(--hx-color-neutral-900, #111827);background:var(--hx-color-neutral-0, #fff);outline:none}.color-input:focus{border-color:var(--hx-focus-ring-color, var(--hx-color-primary-500));box-shadow:0 0 0 2px color-mix(in srgb,var(--hx-focus-ring-color, var(--hx-color-primary-500)) 20%,transparent)}.input-preview{width:24px;height:24px;border-radius:var(--hx-border-radius-sm, .25rem);border:var(--hx-border-width-thin, 1px) solid var(--hx-color-picker-swatch-border, var(--hx-overlay-black-10, rgba(0, 0, 0, .1)));background:var(--_preview-color, #000);flex-shrink:0}@media(prefers-reduced-motion:reduce){.trigger,.swatch-btn{transition:none}}
|
|
2396
|
+
:host{display:inline-block;position:relative;font-family:var(--hx-font-family-sans, sans-serif);font-size:var(--hx-font-size-sm, .875rem)}:host([disabled]){pointer-events:none;opacity:var(--hx-opacity-disabled, .4)}.trigger{display:inline-flex;align-items:center;gap:var(--hx-space-2, .5rem);padding:var(--hx-space-1, .25rem);border:var(--hx-border-width-thin, 1px) solid var(--hx-color-neutral-300, #d1d5db);border-radius:var(--hx-border-radius-md, .375rem);background:var(--hx-color-neutral-0, #fff);cursor:pointer;transition:border-color var(--hx-transition-fast, .15s ease)}.trigger:hover:not([disabled]){border-color:var(--hx-color-primary-500, #3b82f6)}:is(.trigger,.gradient-grid,.slider-track,.swatch-btn,.format-btn):focus-visible{outline:var(--hx-focus-ring-width, 2px) solid var(--hx-focus-ring-color, var(--hx-color-primary-500));outline-offset:var(--hx-focus-ring-offset, 2px)}.trigger-swatch{width:1.5rem;height:1.5rem;border-radius:var(--hx-border-radius-sm, .25rem);border:var(--hx-border-width-thin, 1px) solid var(--hx-color-picker-swatch-border, var(--hx-overlay-black-10, rgba(0, 0, 0, .1)));background:var(--_preview-color, #000);display:block;flex-shrink:0}.trigger-label{font-size:var(--hx-font-size-sm, .875rem);color:var(--hx-color-neutral-700, #374151);font-family:var(--hx-font-family-mono, monospace);white-space:nowrap}.panel{position:absolute;z-index:var(--hx-color-picker-z-index, 1000);top:calc(100% + 4px);left:0;background:var(--hx-color-neutral-0, #fff);border:var(--hx-border-width-thin, 1px) solid var(--hx-color-neutral-200, #e5e7eb);border-radius:var(--hx-border-radius-lg, .5rem);box-shadow:0 8px 24px var(--hx-color-picker-panel-shadow, var(--hx-overlay-black-15, rgba(0, 0, 0, .15)));padding:var(--hx-space-4, 1rem);width:var(--hx-color-picker-width, 260px);display:flex;flex-direction:column;gap:var(--hx-space-3, .75rem);outline:none}:host([inline]) .panel{position:static;box-shadow:none;border:var(--hx-border-width-thin, 1px) solid var(--hx-color-neutral-200, #e5e7eb);border-radius:var(--hx-border-radius-lg, .5rem)}.gradient-grid{position:relative;width:100%;height:var(--hx-color-picker-grid-height, 160px);border-radius:var(--hx-border-radius-sm, .25rem);cursor:crosshair;overflow:hidden;touch-action:none;flex-shrink:0}.gradient-grid-bg{position:absolute;inset:0;background:linear-gradient(to bottom,transparent,#000),linear-gradient(to right,#fff,var(--_hue-color, hsl(0, 100%, 50%)));pointer-events:none}.gradient-thumb{position:absolute;width:12px;height:12px;border-radius:50%;border:none;box-shadow:0 0 0 2px var(--hx-color-picker-thumb-border, var(--hx-color-neutral-0, #fff)),0 0 0 3px var(--hx-color-picker-thumb-shadow, var(--hx-overlay-black-30, rgba(0, 0, 0, .3)));transform:translate(-50%,-50%);pointer-events:none;top:var(--_thumb-y, 0%);left:var(--_thumb-x, 100%)}.slider-track{position:relative;width:100%;height:12px;border-radius:6px;cursor:pointer;touch-action:none;flex-shrink:0}.hue-track{background:linear-gradient(to right,red,#ff8000,#ff0,#80ff00,#0f0,#00ff80,#0ff,#0080ff,#00f,#7f00ff,#f0f,#ff0080,red)}.opacity-track{background-image:linear-gradient(to right,transparent,var(--_hue-color, hsl(0, 100%, 50%))),repeating-conic-gradient(#ccc 0% 25%,#fff 0% 50%) 0 0 / 12px 12px}.slider-thumb{position:absolute;top:50%;width:16px;height:16px;border-radius:50%;border:none;box-shadow:0 0 0 2px var(--hx-color-picker-thumb-border, var(--hx-color-neutral-0, #fff)),0 0 0 3px var(--hx-color-picker-thumb-shadow, var(--hx-overlay-black-30, rgba(0, 0, 0, .3)));transform:translate(-50%,-50%);pointer-events:none;left:var(--_slider-pct, 0%);background:var(--_thumb-color, hsl(0, 100%, 50%))}.swatches{display:flex;flex-wrap:wrap;gap:var(--hx-space-1, .25rem)}.swatch-btn{width:20px;height:20px;border-radius:var(--hx-border-radius-sm, .25rem);border:var(--hx-border-width-thin, 1px) solid var(--hx-color-picker-swatch-border, var(--hx-overlay-black-10, rgba(0, 0, 0, .1)));cursor:pointer;padding:0;flex-shrink:0;transition:transform var(--hx-transition-fast, .15s ease)}.swatch-btn:hover{transform:scale(1.15);border-color:var( --hx-color-picker-swatch-border-hover, var(--hx-overlay-black-30, rgba(0, 0, 0, .3)) )}.input-area{display:flex;align-items:center;gap:var(--hx-space-2, .5rem)}.format-btn{flex-shrink:0;padding:var(--hx-space-1, .25rem) var(--hx-space-2, .5rem);background:var(--hx-color-neutral-100, #f3f4f6);border:var(--hx-border-width-thin, 1px) solid var(--hx-color-neutral-300, #d1d5db);border-radius:var(--hx-border-radius-sm, .25rem);cursor:pointer;font-size:var(--hx-font-size-xs, .75rem);color:var(--hx-color-neutral-600, #4b5563);text-transform:uppercase;font-weight:var(--hx-font-weight-semibold, 600);letter-spacing:.05em}.color-input{flex:1;min-width:0;padding:var(--hx-space-1, .25rem) var(--hx-space-2, .5rem);border:var(--hx-border-width-thin, 1px) solid var(--hx-color-neutral-300, #d1d5db);border-radius:var(--hx-border-radius-sm, .25rem);font-family:var(--hx-font-family-mono, monospace);font-size:var(--hx-font-size-sm, .875rem);color:var(--hx-color-neutral-900, #111827);background:var(--hx-color-neutral-0, #fff);outline:none}.color-input:focus-visible{border-color:var(--hx-focus-ring-color, var(--hx-color-primary-500));box-shadow:0 0 0 2px color-mix(in srgb,var(--hx-focus-ring-color, var(--hx-color-primary-500)) 20%,transparent)}.input-preview{width:24px;height:24px;border-radius:var(--hx-border-radius-sm, .25rem);border:var(--hx-border-width-thin, 1px) solid var(--hx-color-picker-swatch-border, var(--hx-overlay-black-10, rgba(0, 0, 0, .1)));background:var(--_preview-color, #000);flex-shrink:0}@media(prefers-reduced-motion:reduce){.trigger,.swatch-btn{transition:none}}
|
|
2397
2397
|
/* ── hx-combobox ── */
|
|
2398
2398
|
:host{display:block}:host([disabled]){opacity:var(--hx-opacity-disabled, .5);pointer-events:none}*{box-sizing:border-box}.field{display:flex;flex-direction:column;gap:var(--hx-space-1, .25rem);font-family:var(--hx-combobox-font-family, var(--hx-font-family-sans, sans-serif));position:relative}.field__label{display:flex;align-items:baseline;gap:var(--hx-space-1, .25rem);font-size:var(--hx-font-size-sm, .875rem);font-weight:var(--hx-font-weight-medium, 500);color:var(--hx-combobox-label-color, var(--hx-color-neutral-700, #343a40));line-height:var(--hx-line-height-normal, 1.5)}.field__required-marker{color:var(--hx-combobox-error-color, var(--hx-color-error-text, #b91c1c));font-weight:var(--hx-font-weight-bold, 700)}.field__input-wrapper{position:relative;display:flex;align-items:center;border:var(--hx-border-width-thin, 1px) solid var(--hx-combobox-border-color, var(--hx-color-neutral-300, #ced4da));border-radius:var(--hx-combobox-border-radius, var(--hx-border-radius-md, .375rem));background-color:var(--hx-combobox-bg, var(--hx-color-neutral-0, #ffffff));transition:border-color var(--hx-transition-fast, .15s ease),box-shadow var(--hx-transition-fast, .15s ease)}.field__input-wrapper:focus-within{border-color:var(--hx-combobox-focus-ring-color, var(--hx-focus-ring-color, var(--hx-color-primary-400, #60a5fa)));box-shadow:0 0 0 var(--hx-focus-ring-width, 2px) color-mix(in srgb,var(--hx-combobox-focus-ring-color, var(--hx-focus-ring-color, var(--hx-color-primary-400, #60a5fa))) calc(var(--hx-focus-ring-opacity, .25) * 100%),transparent)}.field--error .field__input-wrapper{border-color:var(--hx-combobox-error-color, var(--hx-color-error-500, #dc3545))}.field--error .field__input-wrapper:focus-within{border-color:var(--hx-combobox-error-color, var(--hx-color-error-500, #dc3545));box-shadow:0 0 0 var(--hx-focus-ring-width, 2px) color-mix(in srgb,var(--hx-combobox-error-color, var(--hx-color-error-500, #dc3545)) calc(var(--hx-focus-ring-opacity, .25) * 100%),transparent)}.field__prefix,.field__suffix{display:flex;align-items:center;padding:0 var(--hx-space-2, .5rem);color:var(--hx-color-neutral-500, #6c757d);flex-shrink:0}.field__input{flex:1;min-width:0;min-height:var(--hx-input-height-md, var(--hx-size-10, 2.5rem));border:none;background:transparent;outline:none;font-family:inherit;font-size:var(--hx-font-size-md, 1rem);line-height:var(--hx-line-height-normal, 1.5);color:var(--hx-combobox-color, var(--hx-color-neutral-800, #212529));padding:var(--hx-space-2, .5rem) var(--hx-space-3, .75rem)}.field__input::placeholder{color:var(--hx-color-neutral-400, #adb5bd)}.field__input--sm{min-height:var(--hx-input-height-sm, var(--hx-size-8, 2rem));font-size:var(--hx-font-size-sm, .875rem);padding:var(--hx-space-1, .25rem) var(--hx-space-3, .75rem)}.field__input--lg{min-height:var(--hx-input-height-lg, var(--hx-size-12, 3rem));font-size:var(--hx-font-size-lg, 1.125rem);padding:var(--hx-space-3, .75rem) var(--hx-space-4, 1rem)}.field__clear-button,.field__loading-indicator{display:flex;align-items:center;justify-content:center;margin-inline-end:var(--hx-space-2, .5rem);flex-shrink:0;color:var(--hx-color-neutral-400, #adb5bd)}.field__clear-button{width:1.25rem;height:1.25rem;border:none;background:transparent;cursor:pointer;padding:0;border-radius:var(--hx-border-radius-full, 9999px);transition:color var(--hx-transition-fast, .15s ease)}.field__clear-button:hover{color:var(--hx-color-neutral-700, #343a40)}.field__clear-button:focus-visible{outline:var(--hx-focus-ring-width, 2px) solid var(--hx-combobox-focus-ring-color, var(--hx-focus-ring-color, var(--hx-color-primary-500)));outline-offset:var(--hx-focus-ring-offset, 2px)}.field__loading-indicator{width:1rem;height:1rem}.field__loading-spinner{width:1rem;height:1rem;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:hx-spin .7s linear infinite}@keyframes hx-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.field__loading-spinner{animation:none}}.field__listbox{position:absolute;top:calc(100% + var(--hx-space-1, .25rem));left:0;right:0;z-index:var(--hx-z-index-dropdown, 100);background-color:var(--hx-combobox-listbox-bg, var(--hx-color-neutral-0, #ffffff));border:var(--hx-border-width-thin, 1px) solid var(--hx-combobox-border-color, var(--hx-color-neutral-300, #ced4da));border-radius:var(--hx-combobox-border-radius, var(--hx-border-radius-md, .375rem));box-shadow:var( --hx-combobox-listbox-shadow, 0 4px 16px color-mix(in srgb, var(--hx-color-neutral-900, #0d1117) 12%, transparent) );max-height:var(--hx-combobox-listbox-max-height, 16rem);overflow:hidden;display:flex;flex-direction:column}.field__listbox[hidden]{display:none}.field__options{overflow-y:auto;flex:1;padding:var(--hx-space-1, .25rem) 0}.field__option{display:flex;align-items:center;gap:var(--hx-space-2, .5rem);padding:var(--hx-space-2, .5rem) var(--hx-space-3, .75rem);font-size:var(--hx-font-size-md, 1rem);color:var(--hx-combobox-color, var(--hx-color-neutral-800, #212529));cursor:pointer;user-select:none;-webkit-user-select:none;transition:background-color var(--hx-transition-fast, .15s ease)}.field__option:hover{background-color:var(--hx-combobox-option-hover-bg, var(--hx-color-primary-50, #eff6ff))}.field__option--selected{background-color:var(--hx-combobox-option-selected-bg, var(--hx-color-primary-100, #dbeafe));font-weight:var(--hx-font-weight-medium, 500)}.field__option--focused{background-color:var(--hx-combobox-option-hover-bg, var(--hx-color-primary-50, #eff6ff));outline:var(--hx-focus-ring-width, 2px) solid var(--hx-combobox-focus-ring-color, var(--hx-focus-ring-color, var(--hx-color-primary-500)));outline-offset:var(--hx-combobox-option-focus-ring-offset, -2px)}.field__option--focused.field__option--selected{background-color:var(--hx-combobox-option-selected-bg, var(--hx-color-primary-100, #dbeafe))}.field__option--disabled{opacity:var(--hx-opacity-disabled, .5);cursor:not-allowed;pointer-events:none}.field__option-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.field__no-options{padding:var(--hx-space-3, .75rem);text-align:center;color:var(--hx-color-neutral-400, #adb5bd);font-size:var(--hx-font-size-sm, .875rem)}.field__sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.field__help-text,.field__error{font-size:var(--hx-font-size-xs, .75rem);line-height:var(--hx-line-height-normal, 1.5)}.field__help-text{color:var(--hx-color-neutral-500, #6c757d)}.field__error{color:var(--hx-combobox-error-color, var(--hx-color-error-text, #b91c1c))}@media(prefers-reduced-motion:reduce){.field__input-wrapper,.field__option,.field__clear-button,.field__chip-remove{transition:none}}:host([multiple]) .field__input-wrapper{flex-wrap:wrap;padding:var(--hx-space-1, .25rem);gap:var(--hx-space-1, .25rem);align-items:center}:host([multiple]) .field__input{min-width:8rem;padding:var(--hx-space-1, .25rem) var(--hx-space-2, .5rem);flex-shrink:1}.field__chip{display:inline-flex;align-items:center;gap:var(--hx-space-1, .25rem);padding:0 var(--hx-space-1, .25rem) 0 var(--hx-space-2, .5rem);height:1.5rem;background-color:var(--hx-combobox-chip-bg, var(--hx-color-primary-100, #dbeafe));color:var(--hx-combobox-chip-color, var(--hx-color-primary-800, #1e40af));border-radius:var(--hx-border-radius-full, 9999px);font-size:var(--hx-font-size-sm, .875rem);white-space:nowrap;max-width:12rem;flex-shrink:0}.field__chip-label{overflow:hidden;text-overflow:ellipsis;max-width:8rem}.field__chip-remove{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:1rem;height:1rem;border:none;background:none;cursor:pointer;padding:0;color:inherit;opacity:.7;border-radius:50%;line-height:1;transition:opacity var(--hx-transition-fast, .15s ease)}.field__chip-remove:hover{opacity:1;background-color:var(--hx-combobox-chip-remove-hover-bg, var(--hx-color-primary-200, #bfdbfe))}.field__chip-remove:focus-visible{outline:var(--hx-focus-ring-width, 2px) solid var(--hx-combobox-focus-ring-color, var(--hx-focus-ring-color, var(--hx-color-primary-500)));outline-offset:var(--hx-focus-ring-offset, 2px);opacity:1}
|
|
2399
2399
|
/* ── hx-container ── */
|
|
@@ -2407,12 +2407,6 @@
|
|
|
2407
2407
|
|
|
2408
2408
|
/* ─── Vertical Padding Variants ─── */
|
|
2409
2409
|
|
|
2410
|
-
/* Defensive reset: ensures zero vertical padding even if a future base rule adds it */
|
|
2411
|
-
:host([padding='none']) {
|
|
2412
|
-
padding-top: 0;
|
|
2413
|
-
padding-bottom: 0;
|
|
2414
|
-
}
|
|
2415
|
-
|
|
2416
2410
|
:host([padding='sm']) {
|
|
2417
2411
|
padding-top: var(--hx-space-6, 1.5rem);
|
|
2418
2412
|
padding-bottom: var(--hx-space-6, 1.5rem);
|
|
@@ -4256,7 +4250,7 @@ export const helixGridItemStyles = css`
|
|
|
4256
4250
|
.link--disabled {
|
|
4257
4251
|
color: var(--hx-link-color-disabled, var(--hx-color-neutral-400, #94a3b8));
|
|
4258
4252
|
text-decoration: none;
|
|
4259
|
-
|
|
4253
|
+
cursor: not-allowed;
|
|
4260
4254
|
}
|
|
4261
4255
|
|
|
4262
4256
|
/* --- External link icon --- */
|
|
@@ -5858,18 +5852,18 @@ export const helixGridItemStyles = css`
|
|
|
5858
5852
|
|
|
5859
5853
|
/* ─── Size Variants ─── */
|
|
5860
5854
|
|
|
5861
|
-
:host([size='sm']) .progress-ring {
|
|
5855
|
+
:host([hx-size='sm']) .progress-ring {
|
|
5862
5856
|
width: var(--hx-size-8, 2rem);
|
|
5863
5857
|
height: var(--hx-size-8, 2rem);
|
|
5864
5858
|
}
|
|
5865
5859
|
|
|
5866
|
-
:host([size='md']) .progress-ring,
|
|
5860
|
+
:host([hx-size='md']) .progress-ring,
|
|
5867
5861
|
.progress-ring {
|
|
5868
5862
|
width: var(--hx-size-12, 3rem);
|
|
5869
5863
|
height: var(--hx-size-12, 3rem);
|
|
5870
5864
|
}
|
|
5871
5865
|
|
|
5872
|
-
:host([size='lg']) .progress-ring {
|
|
5866
|
+
:host([hx-size='lg']) .progress-ring {
|
|
5873
5867
|
width: var(--hx-size-16, 4rem);
|
|
5874
5868
|
height: var(--hx-size-16, 4rem);
|
|
5875
5869
|
}
|
|
@@ -6163,7 +6157,6 @@ export const helixGridItemStyles = css`
|
|
|
6163
6157
|
outline: none;
|
|
6164
6158
|
}
|
|
6165
6159
|
|
|
6166
|
-
.field__trigger:focus,
|
|
6167
6160
|
.field__trigger:focus-visible {
|
|
6168
6161
|
border-color: var(--_focus-ring-color);
|
|
6169
6162
|
box-shadow: 0 0 0 var(--hx-focus-ring-width, 2px)
|
|
@@ -6232,7 +6225,6 @@ export const helixGridItemStyles = css`
|
|
|
6232
6225
|
border-color: var(--_error-color);
|
|
6233
6226
|
}
|
|
6234
6227
|
|
|
6235
|
-
.field--error .field__trigger:focus,
|
|
6236
6228
|
.field--error .field__trigger:focus-visible {
|
|
6237
6229
|
border-color: var(--_error-color);
|
|
6238
6230
|
box-shadow: 0 0 0 var(--hx-focus-ring-width, 2px)
|
|
@@ -6533,7 +6525,7 @@ export const helixGridItemStyles = css`
|
|
|
6533
6525
|
}
|
|
6534
6526
|
|
|
6535
6527
|
.skeleton--circle {
|
|
6536
|
-
border-radius: var(--hx-skeleton-
|
|
6528
|
+
border-radius: var(--hx-skeleton-border-radius-circle, 50%);
|
|
6537
6529
|
aspect-ratio: var(--_circle-aspect-ratio, 1);
|
|
6538
6530
|
width: var(--_width, 2.5rem);
|
|
6539
6531
|
height: var(--_height, var(--_width, 2.5rem));
|
|
@@ -6948,15 +6940,15 @@ export const helixGridItemStyles = css`
|
|
|
6948
6940
|
|
|
6949
6941
|
/* ─── Size Variants ─── */
|
|
6950
6942
|
|
|
6951
|
-
:host([size='sm']) {
|
|
6943
|
+
:host([hx-size='sm']) {
|
|
6952
6944
|
--_spinner-size: var(--hx-size-4, 1rem);
|
|
6953
6945
|
}
|
|
6954
6946
|
|
|
6955
|
-
:host([size='md']) {
|
|
6947
|
+
:host([hx-size='md']) {
|
|
6956
6948
|
--_spinner-size: var(--hx-size-6, 1.5rem);
|
|
6957
6949
|
}
|
|
6958
6950
|
|
|
6959
|
-
:host([size='lg']) {
|
|
6951
|
+
:host([hx-size='lg']) {
|
|
6960
6952
|
--_spinner-size: var(--hx-size-8, 2rem);
|
|
6961
6953
|
}
|
|
6962
6954
|
|
package/dist/css/helix-core.css
CHANGED
|
@@ -1306,7 +1306,7 @@
|
|
|
1306
1306
|
.link--disabled {
|
|
1307
1307
|
color: var(--hx-link-color-disabled, var(--hx-color-neutral-400, #94a3b8));
|
|
1308
1308
|
text-decoration: none;
|
|
1309
|
-
|
|
1309
|
+
cursor: not-allowed;
|
|
1310
1310
|
}
|
|
1311
1311
|
|
|
1312
1312
|
/* --- External link icon --- */
|
|
@@ -1365,7 +1365,7 @@
|
|
|
1365
1365
|
}
|
|
1366
1366
|
|
|
1367
1367
|
.skeleton--circle {
|
|
1368
|
-
border-radius: var(--hx-skeleton-
|
|
1368
|
+
border-radius: var(--hx-skeleton-border-radius-circle, 50%);
|
|
1369
1369
|
aspect-ratio: var(--_circle-aspect-ratio, 1);
|
|
1370
1370
|
width: var(--_width, 2.5rem);
|
|
1371
1371
|
height: var(--_height, var(--_width, 2.5rem));
|
|
@@ -1493,15 +1493,15 @@
|
|
|
1493
1493
|
|
|
1494
1494
|
/* ─── Size Variants ─── */
|
|
1495
1495
|
|
|
1496
|
-
:host([size='sm']) {
|
|
1496
|
+
:host([hx-size='sm']) {
|
|
1497
1497
|
--_spinner-size: var(--hx-size-4, 1rem);
|
|
1498
1498
|
}
|
|
1499
1499
|
|
|
1500
|
-
:host([size='md']) {
|
|
1500
|
+
:host([hx-size='md']) {
|
|
1501
1501
|
--_spinner-size: var(--hx-size-6, 1.5rem);
|
|
1502
1502
|
}
|
|
1503
1503
|
|
|
1504
|
-
:host([size='lg']) {
|
|
1504
|
+
:host([hx-size='lg']) {
|
|
1505
1505
|
--_spinner-size: var(--hx-size-8, 2rem);
|
|
1506
1506
|
}
|
|
1507
1507
|
|
|
@@ -774,18 +774,18 @@
|
|
|
774
774
|
|
|
775
775
|
/* ─── Size Variants ─── */
|
|
776
776
|
|
|
777
|
-
:host([size='sm']) .progress-ring {
|
|
777
|
+
:host([hx-size='sm']) .progress-ring {
|
|
778
778
|
width: var(--hx-size-8, 2rem);
|
|
779
779
|
height: var(--hx-size-8, 2rem);
|
|
780
780
|
}
|
|
781
781
|
|
|
782
|
-
:host([size='md']) .progress-ring,
|
|
782
|
+
:host([hx-size='md']) .progress-ring,
|
|
783
783
|
.progress-ring {
|
|
784
784
|
width: var(--hx-size-12, 3rem);
|
|
785
785
|
height: var(--hx-size-12, 3rem);
|
|
786
786
|
}
|
|
787
787
|
|
|
788
|
-
:host([size='lg']) .progress-ring {
|
|
788
|
+
:host([hx-size='lg']) .progress-ring {
|
|
789
789
|
width: var(--hx-size-16, 4rem);
|
|
790
790
|
height: var(--hx-size-16, 4rem);
|
|
791
791
|
}
|
package/dist/css/helix-forms.css
CHANGED
|
@@ -297,7 +297,7 @@
|
|
|
297
297
|
line-height: var(--hx-line-height-normal);
|
|
298
298
|
}
|
|
299
299
|
/* ── hx-color-picker ── */
|
|
300
|
-
:host{display:inline-block;position:relative;font-family:var(--hx-font-family-sans, sans-serif);font-size:var(--hx-font-size-sm, .875rem)}:host([disabled]){pointer-events:none;opacity:var(--hx-opacity-disabled, .4)}.trigger{display:inline-flex;align-items:center;gap:var(--hx-space-2, .5rem);padding:var(--hx-space-1, .25rem);border:var(--hx-border-width-thin, 1px) solid var(--hx-color-neutral-300, #d1d5db);border-radius:var(--hx-border-radius-md, .375rem);background:var(--hx-color-neutral-0, #fff);cursor:pointer;transition:border-color var(--hx-transition-fast, .15s ease)}.trigger:hover:not([disabled]){border-color:var(--hx-color-primary-500, #3b82f6)}:is(.trigger,.gradient-grid,.slider-track,.swatch-btn,.format-btn):focus-visible{outline:var(--hx-focus-ring-width, 2px) solid var(--hx-focus-ring-color, var(--hx-color-primary-500));outline-offset:var(--hx-focus-ring-offset, 2px)}.trigger-swatch{width:1.5rem;height:1.5rem;border-radius:var(--hx-border-radius-sm, .25rem);border:var(--hx-border-width-thin, 1px) solid var(--hx-color-picker-swatch-border, var(--hx-overlay-black-10, rgba(0, 0, 0, .1)));background:var(--_preview-color, #000);display:block;flex-shrink:0}.trigger-label{font-size:var(--hx-font-size-sm, .875rem);color:var(--hx-color-neutral-700, #374151);font-family:var(--hx-font-family-mono, monospace);white-space:nowrap}.panel{position:absolute;z-index:var(--hx-color-picker-z-index, 1000);top:calc(100% + 4px);left:0;background:var(--hx-color-neutral-0, #fff);border:var(--hx-border-width-thin, 1px) solid var(--hx-color-neutral-200, #e5e7eb);border-radius:var(--hx-border-radius-lg, .5rem);box-shadow:0 8px 24px var(--hx-color-picker-panel-shadow, var(--hx-overlay-black-15, rgba(0, 0, 0, .15)));padding:var(--hx-space-4, 1rem);width:var(--hx-color-picker-width, 260px);display:flex;flex-direction:column;gap:var(--hx-space-3, .75rem);outline:none}:host([inline]) .panel{position:static;box-shadow:none;border:var(--hx-border-width-thin, 1px) solid var(--hx-color-neutral-200, #e5e7eb);border-radius:var(--hx-border-radius-lg, .5rem)}.gradient-grid{position:relative;width:100%;height:var(--hx-color-picker-grid-height, 160px);border-radius:var(--hx-border-radius-sm, .25rem);cursor:crosshair;overflow:hidden;touch-action:none;flex-shrink:0}.gradient-grid-bg{position:absolute;inset:0;background:linear-gradient(to bottom,transparent,#000),linear-gradient(to right,#fff,var(--_hue-color, hsl(0, 100%, 50%)));pointer-events:none}.gradient-thumb{position:absolute;width:12px;height:12px;border-radius:50%;border:none;box-shadow:0 0 0 2px var(--hx-color-picker-thumb-border, var(--hx-color-neutral-0, #fff)),0 0 0 3px var(--hx-color-picker-thumb-shadow, var(--hx-overlay-black-30, rgba(0, 0, 0, .3)));transform:translate(-50%,-50%);pointer-events:none;top:var(--_thumb-y, 0%);left:var(--_thumb-x, 100%)}.slider-track{position:relative;width:100%;height:12px;border-radius:6px;cursor:pointer;touch-action:none;flex-shrink:0}.hue-track{background:linear-gradient(to right,red,#ff8000,#ff0,#80ff00,#0f0,#00ff80,#0ff,#0080ff,#00f,#7f00ff,#f0f,#ff0080,red)}.opacity-track{background-image:linear-gradient(to right,transparent,var(--_hue-color, hsl(0, 100%, 50%))),repeating-conic-gradient(#ccc 0% 25%,#fff 0% 50%) 0 0 / 12px 12px}.slider-thumb{position:absolute;top:50%;width:16px;height:16px;border-radius:50%;border:none;box-shadow:0 0 0 2px var(--hx-color-picker-thumb-border, var(--hx-color-neutral-0, #fff)),0 0 0 3px var(--hx-color-picker-thumb-shadow, var(--hx-overlay-black-30, rgba(0, 0, 0, .3)));transform:translate(-50%,-50%);pointer-events:none;left:var(--_slider-pct, 0%);background:var(--_thumb-color, hsl(0, 100%, 50%))}.swatches{display:flex;flex-wrap:wrap;gap:var(--hx-space-1, .25rem)}.swatch-btn{width:20px;height:20px;border-radius:var(--hx-border-radius-sm, .25rem);border:var(--hx-border-width-thin, 1px) solid var(--hx-color-picker-swatch-border, var(--hx-overlay-black-10, rgba(0, 0, 0, .1)));cursor:pointer;padding:0;flex-shrink:0;transition:transform var(--hx-transition-fast, .15s ease)}.swatch-btn:hover{transform:scale(1.15);border-color:var( --hx-color-picker-swatch-border-hover, var(--hx-overlay-black-30, rgba(0, 0, 0, .3)) )}.input-area{display:flex;align-items:center;gap:var(--hx-space-2, .5rem)}.format-btn{flex-shrink:0;padding:var(--hx-space-1, .25rem) var(--hx-space-2, .5rem);background:var(--hx-color-neutral-100, #f3f4f6);border:var(--hx-border-width-thin, 1px) solid var(--hx-color-neutral-300, #d1d5db);border-radius:var(--hx-border-radius-sm, .25rem);cursor:pointer;font-size:var(--hx-font-size-xs, .75rem);color:var(--hx-color-neutral-600, #4b5563);text-transform:uppercase;font-weight:var(--hx-font-weight-semibold, 600);letter-spacing:.05em}.color-input{flex:1;min-width:0;padding:var(--hx-space-1, .25rem) var(--hx-space-2, .5rem);border:var(--hx-border-width-thin, 1px) solid var(--hx-color-neutral-300, #d1d5db);border-radius:var(--hx-border-radius-sm, .25rem);font-family:var(--hx-font-family-mono, monospace);font-size:var(--hx-font-size-sm, .875rem);color:var(--hx-color-neutral-900, #111827);background:var(--hx-color-neutral-0, #fff);outline:none}.color-input:focus{border-color:var(--hx-focus-ring-color, var(--hx-color-primary-500));box-shadow:0 0 0 2px color-mix(in srgb,var(--hx-focus-ring-color, var(--hx-color-primary-500)) 20%,transparent)}.input-preview{width:24px;height:24px;border-radius:var(--hx-border-radius-sm, .25rem);border:var(--hx-border-width-thin, 1px) solid var(--hx-color-picker-swatch-border, var(--hx-overlay-black-10, rgba(0, 0, 0, .1)));background:var(--_preview-color, #000);flex-shrink:0}@media(prefers-reduced-motion:reduce){.trigger,.swatch-btn{transition:none}}
|
|
300
|
+
:host{display:inline-block;position:relative;font-family:var(--hx-font-family-sans, sans-serif);font-size:var(--hx-font-size-sm, .875rem)}:host([disabled]){pointer-events:none;opacity:var(--hx-opacity-disabled, .4)}.trigger{display:inline-flex;align-items:center;gap:var(--hx-space-2, .5rem);padding:var(--hx-space-1, .25rem);border:var(--hx-border-width-thin, 1px) solid var(--hx-color-neutral-300, #d1d5db);border-radius:var(--hx-border-radius-md, .375rem);background:var(--hx-color-neutral-0, #fff);cursor:pointer;transition:border-color var(--hx-transition-fast, .15s ease)}.trigger:hover:not([disabled]){border-color:var(--hx-color-primary-500, #3b82f6)}:is(.trigger,.gradient-grid,.slider-track,.swatch-btn,.format-btn):focus-visible{outline:var(--hx-focus-ring-width, 2px) solid var(--hx-focus-ring-color, var(--hx-color-primary-500));outline-offset:var(--hx-focus-ring-offset, 2px)}.trigger-swatch{width:1.5rem;height:1.5rem;border-radius:var(--hx-border-radius-sm, .25rem);border:var(--hx-border-width-thin, 1px) solid var(--hx-color-picker-swatch-border, var(--hx-overlay-black-10, rgba(0, 0, 0, .1)));background:var(--_preview-color, #000);display:block;flex-shrink:0}.trigger-label{font-size:var(--hx-font-size-sm, .875rem);color:var(--hx-color-neutral-700, #374151);font-family:var(--hx-font-family-mono, monospace);white-space:nowrap}.panel{position:absolute;z-index:var(--hx-color-picker-z-index, 1000);top:calc(100% + 4px);left:0;background:var(--hx-color-neutral-0, #fff);border:var(--hx-border-width-thin, 1px) solid var(--hx-color-neutral-200, #e5e7eb);border-radius:var(--hx-border-radius-lg, .5rem);box-shadow:0 8px 24px var(--hx-color-picker-panel-shadow, var(--hx-overlay-black-15, rgba(0, 0, 0, .15)));padding:var(--hx-space-4, 1rem);width:var(--hx-color-picker-width, 260px);display:flex;flex-direction:column;gap:var(--hx-space-3, .75rem);outline:none}:host([inline]) .panel{position:static;box-shadow:none;border:var(--hx-border-width-thin, 1px) solid var(--hx-color-neutral-200, #e5e7eb);border-radius:var(--hx-border-radius-lg, .5rem)}.gradient-grid{position:relative;width:100%;height:var(--hx-color-picker-grid-height, 160px);border-radius:var(--hx-border-radius-sm, .25rem);cursor:crosshair;overflow:hidden;touch-action:none;flex-shrink:0}.gradient-grid-bg{position:absolute;inset:0;background:linear-gradient(to bottom,transparent,#000),linear-gradient(to right,#fff,var(--_hue-color, hsl(0, 100%, 50%)));pointer-events:none}.gradient-thumb{position:absolute;width:12px;height:12px;border-radius:50%;border:none;box-shadow:0 0 0 2px var(--hx-color-picker-thumb-border, var(--hx-color-neutral-0, #fff)),0 0 0 3px var(--hx-color-picker-thumb-shadow, var(--hx-overlay-black-30, rgba(0, 0, 0, .3)));transform:translate(-50%,-50%);pointer-events:none;top:var(--_thumb-y, 0%);left:var(--_thumb-x, 100%)}.slider-track{position:relative;width:100%;height:12px;border-radius:6px;cursor:pointer;touch-action:none;flex-shrink:0}.hue-track{background:linear-gradient(to right,red,#ff8000,#ff0,#80ff00,#0f0,#00ff80,#0ff,#0080ff,#00f,#7f00ff,#f0f,#ff0080,red)}.opacity-track{background-image:linear-gradient(to right,transparent,var(--_hue-color, hsl(0, 100%, 50%))),repeating-conic-gradient(#ccc 0% 25%,#fff 0% 50%) 0 0 / 12px 12px}.slider-thumb{position:absolute;top:50%;width:16px;height:16px;border-radius:50%;border:none;box-shadow:0 0 0 2px var(--hx-color-picker-thumb-border, var(--hx-color-neutral-0, #fff)),0 0 0 3px var(--hx-color-picker-thumb-shadow, var(--hx-overlay-black-30, rgba(0, 0, 0, .3)));transform:translate(-50%,-50%);pointer-events:none;left:var(--_slider-pct, 0%);background:var(--_thumb-color, hsl(0, 100%, 50%))}.swatches{display:flex;flex-wrap:wrap;gap:var(--hx-space-1, .25rem)}.swatch-btn{width:20px;height:20px;border-radius:var(--hx-border-radius-sm, .25rem);border:var(--hx-border-width-thin, 1px) solid var(--hx-color-picker-swatch-border, var(--hx-overlay-black-10, rgba(0, 0, 0, .1)));cursor:pointer;padding:0;flex-shrink:0;transition:transform var(--hx-transition-fast, .15s ease)}.swatch-btn:hover{transform:scale(1.15);border-color:var( --hx-color-picker-swatch-border-hover, var(--hx-overlay-black-30, rgba(0, 0, 0, .3)) )}.input-area{display:flex;align-items:center;gap:var(--hx-space-2, .5rem)}.format-btn{flex-shrink:0;padding:var(--hx-space-1, .25rem) var(--hx-space-2, .5rem);background:var(--hx-color-neutral-100, #f3f4f6);border:var(--hx-border-width-thin, 1px) solid var(--hx-color-neutral-300, #d1d5db);border-radius:var(--hx-border-radius-sm, .25rem);cursor:pointer;font-size:var(--hx-font-size-xs, .75rem);color:var(--hx-color-neutral-600, #4b5563);text-transform:uppercase;font-weight:var(--hx-font-weight-semibold, 600);letter-spacing:.05em}.color-input{flex:1;min-width:0;padding:var(--hx-space-1, .25rem) var(--hx-space-2, .5rem);border:var(--hx-border-width-thin, 1px) solid var(--hx-color-neutral-300, #d1d5db);border-radius:var(--hx-border-radius-sm, .25rem);font-family:var(--hx-font-family-mono, monospace);font-size:var(--hx-font-size-sm, .875rem);color:var(--hx-color-neutral-900, #111827);background:var(--hx-color-neutral-0, #fff);outline:none}.color-input:focus-visible{border-color:var(--hx-focus-ring-color, var(--hx-color-primary-500));box-shadow:0 0 0 2px color-mix(in srgb,var(--hx-focus-ring-color, var(--hx-color-primary-500)) 20%,transparent)}.input-preview{width:24px;height:24px;border-radius:var(--hx-border-radius-sm, .25rem);border:var(--hx-border-width-thin, 1px) solid var(--hx-color-picker-swatch-border, var(--hx-overlay-black-10, rgba(0, 0, 0, .1)));background:var(--_preview-color, #000);flex-shrink:0}@media(prefers-reduced-motion:reduce){.trigger,.swatch-btn{transition:none}}
|
|
301
301
|
/* ── hx-combobox ── */
|
|
302
302
|
:host{display:block}:host([disabled]){opacity:var(--hx-opacity-disabled, .5);pointer-events:none}*{box-sizing:border-box}.field{display:flex;flex-direction:column;gap:var(--hx-space-1, .25rem);font-family:var(--hx-combobox-font-family, var(--hx-font-family-sans, sans-serif));position:relative}.field__label{display:flex;align-items:baseline;gap:var(--hx-space-1, .25rem);font-size:var(--hx-font-size-sm, .875rem);font-weight:var(--hx-font-weight-medium, 500);color:var(--hx-combobox-label-color, var(--hx-color-neutral-700, #343a40));line-height:var(--hx-line-height-normal, 1.5)}.field__required-marker{color:var(--hx-combobox-error-color, var(--hx-color-error-text, #b91c1c));font-weight:var(--hx-font-weight-bold, 700)}.field__input-wrapper{position:relative;display:flex;align-items:center;border:var(--hx-border-width-thin, 1px) solid var(--hx-combobox-border-color, var(--hx-color-neutral-300, #ced4da));border-radius:var(--hx-combobox-border-radius, var(--hx-border-radius-md, .375rem));background-color:var(--hx-combobox-bg, var(--hx-color-neutral-0, #ffffff));transition:border-color var(--hx-transition-fast, .15s ease),box-shadow var(--hx-transition-fast, .15s ease)}.field__input-wrapper:focus-within{border-color:var(--hx-combobox-focus-ring-color, var(--hx-focus-ring-color, var(--hx-color-primary-400, #60a5fa)));box-shadow:0 0 0 var(--hx-focus-ring-width, 2px) color-mix(in srgb,var(--hx-combobox-focus-ring-color, var(--hx-focus-ring-color, var(--hx-color-primary-400, #60a5fa))) calc(var(--hx-focus-ring-opacity, .25) * 100%),transparent)}.field--error .field__input-wrapper{border-color:var(--hx-combobox-error-color, var(--hx-color-error-500, #dc3545))}.field--error .field__input-wrapper:focus-within{border-color:var(--hx-combobox-error-color, var(--hx-color-error-500, #dc3545));box-shadow:0 0 0 var(--hx-focus-ring-width, 2px) color-mix(in srgb,var(--hx-combobox-error-color, var(--hx-color-error-500, #dc3545)) calc(var(--hx-focus-ring-opacity, .25) * 100%),transparent)}.field__prefix,.field__suffix{display:flex;align-items:center;padding:0 var(--hx-space-2, .5rem);color:var(--hx-color-neutral-500, #6c757d);flex-shrink:0}.field__input{flex:1;min-width:0;min-height:var(--hx-input-height-md, var(--hx-size-10, 2.5rem));border:none;background:transparent;outline:none;font-family:inherit;font-size:var(--hx-font-size-md, 1rem);line-height:var(--hx-line-height-normal, 1.5);color:var(--hx-combobox-color, var(--hx-color-neutral-800, #212529));padding:var(--hx-space-2, .5rem) var(--hx-space-3, .75rem)}.field__input::placeholder{color:var(--hx-color-neutral-400, #adb5bd)}.field__input--sm{min-height:var(--hx-input-height-sm, var(--hx-size-8, 2rem));font-size:var(--hx-font-size-sm, .875rem);padding:var(--hx-space-1, .25rem) var(--hx-space-3, .75rem)}.field__input--lg{min-height:var(--hx-input-height-lg, var(--hx-size-12, 3rem));font-size:var(--hx-font-size-lg, 1.125rem);padding:var(--hx-space-3, .75rem) var(--hx-space-4, 1rem)}.field__clear-button,.field__loading-indicator{display:flex;align-items:center;justify-content:center;margin-inline-end:var(--hx-space-2, .5rem);flex-shrink:0;color:var(--hx-color-neutral-400, #adb5bd)}.field__clear-button{width:1.25rem;height:1.25rem;border:none;background:transparent;cursor:pointer;padding:0;border-radius:var(--hx-border-radius-full, 9999px);transition:color var(--hx-transition-fast, .15s ease)}.field__clear-button:hover{color:var(--hx-color-neutral-700, #343a40)}.field__clear-button:focus-visible{outline:var(--hx-focus-ring-width, 2px) solid var(--hx-combobox-focus-ring-color, var(--hx-focus-ring-color, var(--hx-color-primary-500)));outline-offset:var(--hx-focus-ring-offset, 2px)}.field__loading-indicator{width:1rem;height:1rem}.field__loading-spinner{width:1rem;height:1rem;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:hx-spin .7s linear infinite}@keyframes hx-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.field__loading-spinner{animation:none}}.field__listbox{position:absolute;top:calc(100% + var(--hx-space-1, .25rem));left:0;right:0;z-index:var(--hx-z-index-dropdown, 100);background-color:var(--hx-combobox-listbox-bg, var(--hx-color-neutral-0, #ffffff));border:var(--hx-border-width-thin, 1px) solid var(--hx-combobox-border-color, var(--hx-color-neutral-300, #ced4da));border-radius:var(--hx-combobox-border-radius, var(--hx-border-radius-md, .375rem));box-shadow:var( --hx-combobox-listbox-shadow, 0 4px 16px color-mix(in srgb, var(--hx-color-neutral-900, #0d1117) 12%, transparent) );max-height:var(--hx-combobox-listbox-max-height, 16rem);overflow:hidden;display:flex;flex-direction:column}.field__listbox[hidden]{display:none}.field__options{overflow-y:auto;flex:1;padding:var(--hx-space-1, .25rem) 0}.field__option{display:flex;align-items:center;gap:var(--hx-space-2, .5rem);padding:var(--hx-space-2, .5rem) var(--hx-space-3, .75rem);font-size:var(--hx-font-size-md, 1rem);color:var(--hx-combobox-color, var(--hx-color-neutral-800, #212529));cursor:pointer;user-select:none;-webkit-user-select:none;transition:background-color var(--hx-transition-fast, .15s ease)}.field__option:hover{background-color:var(--hx-combobox-option-hover-bg, var(--hx-color-primary-50, #eff6ff))}.field__option--selected{background-color:var(--hx-combobox-option-selected-bg, var(--hx-color-primary-100, #dbeafe));font-weight:var(--hx-font-weight-medium, 500)}.field__option--focused{background-color:var(--hx-combobox-option-hover-bg, var(--hx-color-primary-50, #eff6ff));outline:var(--hx-focus-ring-width, 2px) solid var(--hx-combobox-focus-ring-color, var(--hx-focus-ring-color, var(--hx-color-primary-500)));outline-offset:var(--hx-combobox-option-focus-ring-offset, -2px)}.field__option--focused.field__option--selected{background-color:var(--hx-combobox-option-selected-bg, var(--hx-color-primary-100, #dbeafe))}.field__option--disabled{opacity:var(--hx-opacity-disabled, .5);cursor:not-allowed;pointer-events:none}.field__option-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.field__no-options{padding:var(--hx-space-3, .75rem);text-align:center;color:var(--hx-color-neutral-400, #adb5bd);font-size:var(--hx-font-size-sm, .875rem)}.field__sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.field__help-text,.field__error{font-size:var(--hx-font-size-xs, .75rem);line-height:var(--hx-line-height-normal, 1.5)}.field__help-text{color:var(--hx-color-neutral-500, #6c757d)}.field__error{color:var(--hx-combobox-error-color, var(--hx-color-error-text, #b91c1c))}@media(prefers-reduced-motion:reduce){.field__input-wrapper,.field__option,.field__clear-button,.field__chip-remove{transition:none}}:host([multiple]) .field__input-wrapper{flex-wrap:wrap;padding:var(--hx-space-1, .25rem);gap:var(--hx-space-1, .25rem);align-items:center}:host([multiple]) .field__input{min-width:8rem;padding:var(--hx-space-1, .25rem) var(--hx-space-2, .5rem);flex-shrink:1}.field__chip{display:inline-flex;align-items:center;gap:var(--hx-space-1, .25rem);padding:0 var(--hx-space-1, .25rem) 0 var(--hx-space-2, .5rem);height:1.5rem;background-color:var(--hx-combobox-chip-bg, var(--hx-color-primary-100, #dbeafe));color:var(--hx-combobox-chip-color, var(--hx-color-primary-800, #1e40af));border-radius:var(--hx-border-radius-full, 9999px);font-size:var(--hx-font-size-sm, .875rem);white-space:nowrap;max-width:12rem;flex-shrink:0}.field__chip-label{overflow:hidden;text-overflow:ellipsis;max-width:8rem}.field__chip-remove{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:1rem;height:1rem;border:none;background:none;cursor:pointer;padding:0;color:inherit;opacity:.7;border-radius:50%;line-height:1;transition:opacity var(--hx-transition-fast, .15s ease)}.field__chip-remove:hover{opacity:1;background-color:var(--hx-combobox-chip-remove-hover-bg, var(--hx-color-primary-200, #bfdbfe))}.field__chip-remove:focus-visible{outline:var(--hx-focus-ring-width, 2px) solid var(--hx-combobox-focus-ring-color, var(--hx-focus-ring-color, var(--hx-color-primary-500)));outline-offset:var(--hx-focus-ring-offset, 2px);opacity:1}
|
|
303
303
|
/* ── hx-date-picker ── */
|
|
@@ -1271,7 +1271,6 @@
|
|
|
1271
1271
|
outline: none;
|
|
1272
1272
|
}
|
|
1273
1273
|
|
|
1274
|
-
.field__trigger:focus,
|
|
1275
1274
|
.field__trigger:focus-visible {
|
|
1276
1275
|
border-color: var(--_focus-ring-color);
|
|
1277
1276
|
box-shadow: 0 0 0 var(--hx-focus-ring-width, 2px)
|
|
@@ -1340,7 +1339,6 @@
|
|
|
1340
1339
|
border-color: var(--_error-color);
|
|
1341
1340
|
}
|
|
1342
1341
|
|
|
1343
|
-
.field--error .field__trigger:focus,
|
|
1344
1342
|
.field--error .field__trigger:focus-visible {
|
|
1345
1343
|
border-color: var(--_error-color);
|
|
1346
1344
|
box-shadow: 0 0 0 var(--hx-focus-ring-width, 2px)
|
|
@@ -21,12 +21,6 @@
|
|
|
21
21
|
|
|
22
22
|
/* ─── Vertical Padding Variants ─── */
|
|
23
23
|
|
|
24
|
-
/* Defensive reset: ensures zero vertical padding even if a future base rule adds it */
|
|
25
|
-
:host([padding='none']) {
|
|
26
|
-
padding-top: 0;
|
|
27
|
-
padding-bottom: 0;
|
|
28
|
-
}
|
|
29
|
-
|
|
30
24
|
:host([padding='sm']) {
|
|
31
25
|
padding-top: var(--hx-space-6, 1.5rem);
|
|
32
26
|
padding-bottom: var(--hx-space-6, 1.5rem);
|