@aquera/nile-elements 1.9.2 → 1.9.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (12) hide show
  1. package/README.md +3 -0
  2. package/dist/index.js +12 -12
  3. package/dist/nile-option-group/nile-option-group.css.cjs.js +1 -1
  4. package/dist/nile-option-group/nile-option-group.css.cjs.js.map +1 -1
  5. package/dist/nile-option-group/nile-option-group.css.esm.js +13 -13
  6. package/dist/src/nile-option-group/nile-option-group.css.js +11 -11
  7. package/dist/src/nile-option-group/nile-option-group.css.js.map +1 -1
  8. package/dist/src/version.js +1 -1
  9. package/dist/src/version.js.map +1 -1
  10. package/dist/tsconfig.tsbuildinfo +1 -1
  11. package/package.json +1 -1
  12. package/src/nile-option-group/nile-option-group.css.ts +11 -11
package/README.md CHANGED
@@ -78,6 +78,9 @@ To run a local development server that serves the basic demo located in `demo/in
78
78
  ## Release Notes
79
79
 
80
80
  In this section, you can find the updates for each release of `nile-elements`. It's a good practice to maintain detailed release notes to help users and developers understand what changes have been made from one version to another and how these changes might affect their projects.
81
+ #### Version 1.9.3 (June 23, 2026)
82
+ - Nile Option Group: Added NxtGen tokens across the group header (spacing, background, text color, font-size/weight/family) using the `var(--nile-*, var(--ng-*))` pattern so the component renders correctly in the NxtGen theme; resolved values are unchanged on the legacy theme. Added a demo for the slot-based, `data`-property and `sticky` header variants. (UIF-1278)
83
+
81
84
  #### Version 1.9.2 (June 23, 2026)
82
85
  - Nile Card: Added documentation for the `skipOn` property — examples and an Attributes & Properties reference covering the CSS-selector list (e.g. `skipOn="#editBtn, .menu-btn"`) used to exempt inner elements from the card's active/press styling. Added a new `container` variant (`variant="container"`) with interactive hover, active and disabled states driven by pointer events. Added enterprise/NxtGen token across the variant's border, outline, background and shadow styles(UIF-1275)
83
86
  - Nile Calendar: Defined explicit text color tokens for the day dates, weekday names (Sun–Sat) and the month/year header so the calendar text renders regardless of the host page's inherited color (previously the dates and header were invisible when no color was inherited). Also scoped down the date/time manual-input field padding to 8px so the date and HH:MM:SS text is no longer clipped by the default control padding. (UIF-1277)
package/dist/index.js CHANGED
@@ -17091,16 +17091,16 @@ nile-badge::part(content) {
17091
17091
  </div>
17092
17092
  `}(i,e,this.originalUrl,this.showFileType)}catch(i){this.inputFileHtml=t?Zm(e,this.originalUrl,this.showFileType):Pm(e,this.originalUrl,this.showFileType)}else this.inputFileHtml=t?Zm(e,this.originalUrl,this.showFileType):Pm(e,this.originalUrl,this.showFileType)}this.requestUpdate()}render(){return _`${this.inputFileHtml??_``}`}disconnectedCallback(){super.disconnectedCallback(),this.emit(vm.NILE_DESTROY)}};e([ue({type:String})],_m.prototype,"errorMessage",void 0),e([ue({type:Object})],_m.prototype,"inputFile",void 0),e([ue({type:String})],_m.prototype,"fileUrl",void 0),e([ue({type:Number})],_m.prototype,"uploadStatus",void 0),e([ue({type:String})],_m.prototype,"state",void 0),e([ue({type:String})],_m.prototype,"variant",void 0),e([ue({type:String})],_m.prototype,"inputFileName",void 0),e([ue({type:Boolean,reflect:!0,attribute:!0})],_m.prototype,"showFileType",void 0),_m=e([ge("nile-file-preview")],_m);const Rm=M`
17093
17093
  .option-group-header {
17094
- height: 40px;
17094
+ height: var(--nile-height-40px, var(--ng-spacing-10));
17095
17095
  display: flex;
17096
17096
  align-items: center;
17097
- padding: 0px 12px;
17098
- background-color: var(--nile-colors-dark-200);
17099
- color: var(--nile-colors-dark-900);
17097
+ padding: var(--nile-spacing-none, var(--ng-spacing-none)) var(--nile-spacing-lg, var(--ng-spacing-lg));
17098
+ background-color: var(--nile-colors-dark-200, var(--ng-colors-bg-secondary));
17099
+ color: var(--nile-colors-dark-900, var(--ng-colors-text-primary-900));
17100
17100
  font-feature-settings: 'liga' off, 'clig' off;
17101
- font-family: 'colfax-medium';
17102
- font-size: 12px;
17103
- font-weight: 500;
17101
+ font-family: var(--nile-font-family-medium, var(--ng-font-family-body));
17102
+ font-size: var(--nile-type-scale-2, var(--ng-font-size-text-xs));
17103
+ font-weight: var(--nile-font-weight-medium, var(--ng-font-weight-medium));
17104
17104
  width: 100%;
17105
17105
  box-sizing: border-box;
17106
17106
  justify-content: space-between;
@@ -17113,7 +17113,7 @@ nile-badge::part(content) {
17113
17113
  }
17114
17114
 
17115
17115
  .gap-18px {
17116
- gap: 14px;
17116
+ gap: var(--nile-spacing-14px, var(--ng-spacing-3-5));
17117
17117
  }
17118
17118
 
17119
17119
  .option-group-prefix,
@@ -17124,11 +17124,11 @@ nile-badge::part(content) {
17124
17124
  }
17125
17125
 
17126
17126
  .option-group-prefix::slotted(*) {
17127
- margin-inline-end: 0.5rem;
17127
+ margin-inline-end: var(--nile-font-size-rem-xsmall, var(--ng-spacing-md));
17128
17128
  }
17129
17129
 
17130
17130
  .option-group-suffix::slotted(*) {
17131
- margin-inline-start: 0.5rem;
17131
+ margin-inline-start: var(--nile-font-size-rem-xsmall, var(--ng-spacing-md));
17132
17132
  }
17133
17133
 
17134
17134
  :host(.nile-group-hidden)::part(option-group-header) {
@@ -17142,7 +17142,7 @@ nile-badge::part(content) {
17142
17142
  position: sticky;
17143
17143
  top: 0;
17144
17144
  z-index: 1;
17145
- background: var(--nile-colors-dark-200);
17145
+ background: var(--nile-colors-dark-200, var(--ng-colors-bg-secondary));
17146
17146
  }
17147
17147
  :host([sticky][search-enabled]) .option-group-header {
17148
17148
  top: 46px;
@@ -18005,7 +18005,7 @@ nile-rich-text-editor[disabled] .editor a {
18005
18005
  </span>
18006
18006
  `:B}
18007
18007
  </button>
18008
- `}};e([ue({type:String,reflect:!0})],qw.prototype,"color",void 0),e([ue({type:Boolean,reflect:!0})],qw.prototype,"active",void 0),qw=e([ge("nile-color-swatch")],qw);"undefined"!=typeof window&&(window.nileElementsVersion='"1.9.2"',window.nileVersion="__NILE_VERSION__",window.process=window.process||{env:{NODE_ENV:"production"}});const Kw=M`
18008
+ `}};e([ue({type:String,reflect:!0})],qw.prototype,"color",void 0),e([ue({type:Boolean,reflect:!0})],qw.prototype,"active",void 0),qw=e([ge("nile-color-swatch")],qw);"undefined"!=typeof window&&(window.nileElementsVersion='"1.9.3"',window.nileVersion="__NILE_VERSION__",window.process=window.process||{env:{NODE_ENV:"production"}});const Kw=M`
18009
18009
  :host {
18010
18010
 
18011
18011
  top: 0;
package/dist/nile-option-group/nile-option-group.css.cjs.js CHANGED
@@ -1,2 +1,2 @@
1
- System.register(["lit"],function(_export,_context){"use strict";var o,_templateObject,e;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}return{setters:[function(_lit){o=_lit.css;}],execute:function execute(){_export("s",e=o(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n\t.option-group-header {\n\t\theight: 40px;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tpadding: 0px 12px;\n\t\tbackground-color: var(--nile-colors-dark-200);\n\t\tcolor: var(--nile-colors-dark-900);\n\t\tfont-feature-settings: 'liga' off, 'clig' off;\n\t\tfont-family: 'colfax-medium';\n\t\tfont-size: 12px;\n\t\tfont-weight: 500;\n\t\twidth: 100%;\n\t\tbox-sizing: border-box;\n\t\tjustify-content: space-between;\n\t}\n\n\t.content-container {\n\t\tdisplay: flex;\n\t\tjustify-content: flex-start;\n\t\talign-items: center;\n\t}\n\n\t.gap-18px {\n\t\tgap: 14px;\n\t}\n\n\t.option-group-prefix,\n .option-group-suffix {\n flex: 0 0 auto;\n display: flex;\n align-items: center;\n }\n\n .option-group-prefix::slotted(*) {\n margin-inline-end: 0.5rem;\n }\n\n .option-group-suffix::slotted(*) {\n margin-inline-start: 0.5rem;\n }\n\n :host(.nile-group-hidden)::part(option-group-header) {\n\tdisplay: none !important;\n }\n\n.option-group-header {\n z-index: 2;\n}\n:host([sticky]) .option-group-header {\n position: sticky;\n top: 0;\n z-index: 1;\n background: var(--nile-colors-dark-200);\n}\n:host([sticky][search-enabled]) .option-group-header {\n top: 46px;\n}\n\n"]))));}};});
1
+ System.register(["lit"],function(_export,_context){"use strict";var n,_templateObject,i;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}return{setters:[function(_lit){n=_lit.css;}],execute:function execute(){_export("s",i=n(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n\t.option-group-header {\n\t\theight: var(--nile-height-40px, var(--ng-spacing-10));\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tpadding: var(--nile-spacing-none, var(--ng-spacing-none)) var(--nile-spacing-lg, var(--ng-spacing-lg));\n\t\tbackground-color: var(--nile-colors-dark-200, var(--ng-colors-bg-secondary));\n\t\tcolor: var(--nile-colors-dark-900, var(--ng-colors-text-primary-900));\n\t\tfont-feature-settings: 'liga' off, 'clig' off;\n\t\tfont-family: var(--nile-font-family-medium, var(--ng-font-family-body));\n\t\tfont-size: var(--nile-type-scale-2, var(--ng-font-size-text-xs));\n\t\tfont-weight: var(--nile-font-weight-medium, var(--ng-font-weight-medium));\n\t\twidth: 100%;\n\t\tbox-sizing: border-box;\n\t\tjustify-content: space-between;\n\t}\n\n\t.content-container {\n\t\tdisplay: flex;\n\t\tjustify-content: flex-start;\n\t\talign-items: center;\n\t}\n\n\t.gap-18px {\n\t\tgap: var(--nile-spacing-14px, var(--ng-spacing-3-5));\n\t}\n\n\t.option-group-prefix,\n .option-group-suffix {\n flex: 0 0 auto;\n display: flex;\n align-items: center;\n }\n\n .option-group-prefix::slotted(*) {\n margin-inline-end: var(--nile-font-size-rem-xsmall, var(--ng-spacing-md));\n }\n\n .option-group-suffix::slotted(*) {\n margin-inline-start: var(--nile-font-size-rem-xsmall, var(--ng-spacing-md));\n }\n\n :host(.nile-group-hidden)::part(option-group-header) {\n\tdisplay: none !important;\n }\n\n.option-group-header {\n z-index: 2;\n}\n:host([sticky]) .option-group-header {\n position: sticky;\n top: 0;\n z-index: 1;\n background: var(--nile-colors-dark-200, var(--ng-colors-bg-secondary));\n}\n:host([sticky][search-enabled]) .option-group-header {\n top: 46px;\n}\n\n"]))));}};});
2
2
  //# sourceMappingURL=nile-option-group.css.cjs.js.map
package/dist/nile-option-group/nile-option-group.css.cjs.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"nile-option-group.css.cjs.js","sources":["../../../src/nile-option-group/nile-option-group.css.ts"],"sourcesContent":["/**\n* Copyright Aquera Inc 2025\n*\n* This source code is licensed under the BSD-3-Clause license found in the\n* LICENSE file in the root directory of this source tree.\n*/\n\nimport { css } from 'lit';\n\n/**\n * OptionHeader CSS\n */\nexport const styles = css`\n\t.option-group-header {\n\t\theight: 40px;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tpadding: 0px 12px;\n\t\tbackground-color: var(--nile-colors-dark-200);\n\t\tcolor: var(--nile-colors-dark-900);\n\t\tfont-feature-settings: 'liga' off, 'clig' off;\n\t\tfont-family: 'colfax-medium';\n\t\tfont-size: 12px;\n\t\tfont-weight: 500;\n\t\twidth: 100%;\n\t\tbox-sizing: border-box;\n\t\tjustify-content: space-between;\n\t}\n\n\t.content-container {\n\t\tdisplay: flex;\n\t\tjustify-content: flex-start;\n\t\talign-items: center;\n\t}\n\n\t.gap-18px {\n\t\tgap: 14px;\n\t}\n\n\t.option-group-prefix,\n .option-group-suffix {\n flex: 0 0 auto;\n display: flex;\n align-items: center;\n }\n\n .option-group-prefix::slotted(*) {\n margin-inline-end: 0.5rem;\n }\n\n .option-group-suffix::slotted(*) {\n margin-inline-start: 0.5rem;\n }\n\n :host(.nile-group-hidden)::part(option-group-header) {\n\tdisplay: none !important;\n }\n\n.option-group-header {\n z-index: 2;\n}\n:host([sticky]) .option-group-header {\n position: sticky;\n top: 0;\n z-index: 1;\n background: var(--nile-colors-dark-200);\n}\n:host([sticky][search-enabled]) .option-group-header {\n top: 46px;\n}\n\n`;\n\nexport default [styles];"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"oTAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}
1
+ {"version":3,"file":"nile-option-group.css.cjs.js","sources":["../../../src/nile-option-group/nile-option-group.css.ts"],"sourcesContent":["/**\n* Copyright Aquera Inc 2025\n*\n* This source code is licensed under the BSD-3-Clause license found in the\n* LICENSE file in the root directory of this source tree.\n*/\n\nimport { css } from 'lit';\n\n/**\n * OptionHeader CSS\n */\nexport const styles = css`\n\t.option-group-header {\n\t\theight: var(--nile-height-40px, var(--ng-spacing-10));\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tpadding: var(--nile-spacing-none, var(--ng-spacing-none)) var(--nile-spacing-lg, var(--ng-spacing-lg));\n\t\tbackground-color: var(--nile-colors-dark-200, var(--ng-colors-bg-secondary));\n\t\tcolor: var(--nile-colors-dark-900, var(--ng-colors-text-primary-900));\n\t\tfont-feature-settings: 'liga' off, 'clig' off;\n\t\tfont-family: var(--nile-font-family-medium, var(--ng-font-family-body));\n\t\tfont-size: var(--nile-type-scale-2, var(--ng-font-size-text-xs));\n\t\tfont-weight: var(--nile-font-weight-medium, var(--ng-font-weight-medium));\n\t\twidth: 100%;\n\t\tbox-sizing: border-box;\n\t\tjustify-content: space-between;\n\t}\n\n\t.content-container {\n\t\tdisplay: flex;\n\t\tjustify-content: flex-start;\n\t\talign-items: center;\n\t}\n\n\t.gap-18px {\n\t\tgap: var(--nile-spacing-14px, var(--ng-spacing-3-5));\n\t}\n\n\t.option-group-prefix,\n .option-group-suffix {\n flex: 0 0 auto;\n display: flex;\n align-items: center;\n }\n\n .option-group-prefix::slotted(*) {\n margin-inline-end: var(--nile-font-size-rem-xsmall, var(--ng-spacing-md));\n }\n\n .option-group-suffix::slotted(*) {\n margin-inline-start: var(--nile-font-size-rem-xsmall, var(--ng-spacing-md));\n }\n\n :host(.nile-group-hidden)::part(option-group-header) {\n\tdisplay: none !important;\n }\n\n.option-group-header {\n z-index: 2;\n}\n:host([sticky]) .option-group-header {\n position: sticky;\n top: 0;\n z-index: 1;\n background: var(--nile-colors-dark-200, var(--ng-colors-bg-secondary));\n}\n:host([sticky][search-enabled]) .option-group-header {\n top: 46px;\n}\n\n`;\n\nexport default [styles];"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"oTAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}
package/dist/nile-option-group/nile-option-group.css.esm.js CHANGED
@@ -1,15 +1,15 @@
1
- import{css as o}from"lit";const e=o`
1
+ import{css as n}from"lit";const i=n`
2
2
  .option-group-header {
3
- height: 40px;
3
+ height: var(--nile-height-40px, var(--ng-spacing-10));
4
4
  display: flex;
5
5
  align-items: center;
6
- padding: 0px 12px;
7
- background-color: var(--nile-colors-dark-200);
8
- color: var(--nile-colors-dark-900);
6
+ padding: var(--nile-spacing-none, var(--ng-spacing-none)) var(--nile-spacing-lg, var(--ng-spacing-lg));
7
+ background-color: var(--nile-colors-dark-200, var(--ng-colors-bg-secondary));
8
+ color: var(--nile-colors-dark-900, var(--ng-colors-text-primary-900));
9
9
  font-feature-settings: 'liga' off, 'clig' off;
10
- font-family: 'colfax-medium';
11
- font-size: 12px;
12
- font-weight: 500;
10
+ font-family: var(--nile-font-family-medium, var(--ng-font-family-body));
11
+ font-size: var(--nile-type-scale-2, var(--ng-font-size-text-xs));
12
+ font-weight: var(--nile-font-weight-medium, var(--ng-font-weight-medium));
13
13
  width: 100%;
14
14
  box-sizing: border-box;
15
15
  justify-content: space-between;
@@ -22,7 +22,7 @@ import{css as o}from"lit";const e=o`
22
22
  }
23
23
 
24
24
  .gap-18px {
25
- gap: 14px;
25
+ gap: var(--nile-spacing-14px, var(--ng-spacing-3-5));
26
26
  }
27
27
 
28
28
  .option-group-prefix,
@@ -33,11 +33,11 @@ import{css as o}from"lit";const e=o`
33
33
  }
34
34
 
35
35
  .option-group-prefix::slotted(*) {
36
- margin-inline-end: 0.5rem;
36
+ margin-inline-end: var(--nile-font-size-rem-xsmall, var(--ng-spacing-md));
37
37
  }
38
38
 
39
39
  .option-group-suffix::slotted(*) {
40
- margin-inline-start: 0.5rem;
40
+ margin-inline-start: var(--nile-font-size-rem-xsmall, var(--ng-spacing-md));
41
41
  }
42
42
 
43
43
  :host(.nile-group-hidden)::part(option-group-header) {
@@ -51,10 +51,10 @@ import{css as o}from"lit";const e=o`
51
51
  position: sticky;
52
52
  top: 0;
53
53
  z-index: 1;
54
- background: var(--nile-colors-dark-200);
54
+ background: var(--nile-colors-dark-200, var(--ng-colors-bg-secondary));
55
55
  }
56
56
  :host([sticky][search-enabled]) .option-group-header {
57
57
  top: 46px;
58
58
  }
59
59
 
60
- `;export{e as s};
60
+ `;export{i as s};
package/dist/src/nile-option-group/nile-option-group.css.js CHANGED
@@ -10,16 +10,16 @@ import { css } from 'lit';
10
10
  */
11
11
  export const styles = css `
12
12
  .option-group-header {
13
- height: 40px;
13
+ height: var(--nile-height-40px, var(--ng-spacing-10));
14
14
  display: flex;
15
15
  align-items: center;
16
- padding: 0px 12px;
17
- background-color: var(--nile-colors-dark-200);
18
- color: var(--nile-colors-dark-900);
16
+ padding: var(--nile-spacing-none, var(--ng-spacing-none)) var(--nile-spacing-lg, var(--ng-spacing-lg));
17
+ background-color: var(--nile-colors-dark-200, var(--ng-colors-bg-secondary));
18
+ color: var(--nile-colors-dark-900, var(--ng-colors-text-primary-900));
19
19
  font-feature-settings: 'liga' off, 'clig' off;
20
- font-family: 'colfax-medium';
21
- font-size: 12px;
22
- font-weight: 500;
20
+ font-family: var(--nile-font-family-medium, var(--ng-font-family-body));
21
+ font-size: var(--nile-type-scale-2, var(--ng-font-size-text-xs));
22
+ font-weight: var(--nile-font-weight-medium, var(--ng-font-weight-medium));
23
23
  width: 100%;
24
24
  box-sizing: border-box;
25
25
  justify-content: space-between;
@@ -32,7 +32,7 @@ export const styles = css `
32
32
  }
33
33
 
34
34
  .gap-18px {
35
- gap: 14px;
35
+ gap: var(--nile-spacing-14px, var(--ng-spacing-3-5));
36
36
  }
37
37
 
38
38
  .option-group-prefix,
@@ -43,11 +43,11 @@ export const styles = css `
43
43
  }
44
44
 
45
45
  .option-group-prefix::slotted(*) {
46
- margin-inline-end: 0.5rem;
46
+ margin-inline-end: var(--nile-font-size-rem-xsmall, var(--ng-spacing-md));
47
47
  }
48
48
 
49
49
  .option-group-suffix::slotted(*) {
50
- margin-inline-start: 0.5rem;
50
+ margin-inline-start: var(--nile-font-size-rem-xsmall, var(--ng-spacing-md));
51
51
  }
52
52
 
53
53
  :host(.nile-group-hidden)::part(option-group-header) {
@@ -61,7 +61,7 @@ export const styles = css `
61
61
  position: sticky;
62
62
  top: 0;
63
63
  z-index: 1;
64
- background: var(--nile-colors-dark-200);
64
+ background: var(--nile-colors-dark-200, var(--ng-colors-bg-secondary));
65
65
  }
66
66
  :host([sticky][search-enabled]) .option-group-header {
67
67
  top: 46px;
package/dist/src/nile-option-group/nile-option-group.css.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"nile-option-group.css.js","sourceRoot":"","sources":["../../../src/nile-option-group/nile-option-group.css.ts"],"names":[],"mappings":"AAAA;;;;;EAKE;AAEF,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2DxB,CAAC;AAEF,eAAe,CAAC,MAAM,CAAC,CAAC","sourcesContent":["/**\n* Copyright Aquera Inc 2025\n*\n* This source code is licensed under the BSD-3-Clause license found in the\n* LICENSE file in the root directory of this source tree.\n*/\n\nimport { css } from 'lit';\n\n/**\n * OptionHeader CSS\n */\nexport const styles = css`\n\t.option-group-header {\n\t\theight: 40px;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tpadding: 0px 12px;\n\t\tbackground-color: var(--nile-colors-dark-200);\n\t\tcolor: var(--nile-colors-dark-900);\n\t\tfont-feature-settings: 'liga' off, 'clig' off;\n\t\tfont-family: 'colfax-medium';\n\t\tfont-size: 12px;\n\t\tfont-weight: 500;\n\t\twidth: 100%;\n\t\tbox-sizing: border-box;\n\t\tjustify-content: space-between;\n\t}\n\n\t.content-container {\n\t\tdisplay: flex;\n\t\tjustify-content: flex-start;\n\t\talign-items: center;\n\t}\n\n\t.gap-18px {\n\t\tgap: 14px;\n\t}\n\n\t.option-group-prefix,\n .option-group-suffix {\n flex: 0 0 auto;\n display: flex;\n align-items: center;\n }\n\n .option-group-prefix::slotted(*) {\n margin-inline-end: 0.5rem;\n }\n\n .option-group-suffix::slotted(*) {\n margin-inline-start: 0.5rem;\n }\n\n :host(.nile-group-hidden)::part(option-group-header) {\n\tdisplay: none !important;\n }\n\n.option-group-header {\n z-index: 2;\n}\n:host([sticky]) .option-group-header {\n position: sticky;\n top: 0;\n z-index: 1;\n background: var(--nile-colors-dark-200);\n}\n:host([sticky][search-enabled]) .option-group-header {\n top: 46px;\n}\n\n`;\n\nexport default [styles];"]}
1
+ {"version":3,"file":"nile-option-group.css.js","sourceRoot":"","sources":["../../../src/nile-option-group/nile-option-group.css.ts"],"names":[],"mappings":"AAAA;;;;;EAKE;AAEF,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2DxB,CAAC;AAEF,eAAe,CAAC,MAAM,CAAC,CAAC","sourcesContent":["/**\n* Copyright Aquera Inc 2025\n*\n* This source code is licensed under the BSD-3-Clause license found in the\n* LICENSE file in the root directory of this source tree.\n*/\n\nimport { css } from 'lit';\n\n/**\n * OptionHeader CSS\n */\nexport const styles = css`\n\t.option-group-header {\n\t\theight: var(--nile-height-40px, var(--ng-spacing-10));\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tpadding: var(--nile-spacing-none, var(--ng-spacing-none)) var(--nile-spacing-lg, var(--ng-spacing-lg));\n\t\tbackground-color: var(--nile-colors-dark-200, var(--ng-colors-bg-secondary));\n\t\tcolor: var(--nile-colors-dark-900, var(--ng-colors-text-primary-900));\n\t\tfont-feature-settings: 'liga' off, 'clig' off;\n\t\tfont-family: var(--nile-font-family-medium, var(--ng-font-family-body));\n\t\tfont-size: var(--nile-type-scale-2, var(--ng-font-size-text-xs));\n\t\tfont-weight: var(--nile-font-weight-medium, var(--ng-font-weight-medium));\n\t\twidth: 100%;\n\t\tbox-sizing: border-box;\n\t\tjustify-content: space-between;\n\t}\n\n\t.content-container {\n\t\tdisplay: flex;\n\t\tjustify-content: flex-start;\n\t\talign-items: center;\n\t}\n\n\t.gap-18px {\n\t\tgap: var(--nile-spacing-14px, var(--ng-spacing-3-5));\n\t}\n\n\t.option-group-prefix,\n .option-group-suffix {\n flex: 0 0 auto;\n display: flex;\n align-items: center;\n }\n\n .option-group-prefix::slotted(*) {\n margin-inline-end: var(--nile-font-size-rem-xsmall, var(--ng-spacing-md));\n }\n\n .option-group-suffix::slotted(*) {\n margin-inline-start: var(--nile-font-size-rem-xsmall, var(--ng-spacing-md));\n }\n\n :host(.nile-group-hidden)::part(option-group-header) {\n\tdisplay: none !important;\n }\n\n.option-group-header {\n z-index: 2;\n}\n:host([sticky]) .option-group-header {\n position: sticky;\n top: 0;\n z-index: 1;\n background: var(--nile-colors-dark-200, var(--ng-colors-bg-secondary));\n}\n:host([sticky][search-enabled]) .option-group-header {\n top: 46px;\n}\n\n`;\n\nexport default [styles];"]}
package/dist/src/version.js CHANGED
@@ -1,5 +1,5 @@
1
1
  // Version utility - placeholders will be replaced during build
2
- export const NILE_ELEMENTS_VERSION = '1.9.2';
2
+ export const NILE_ELEMENTS_VERSION = '1.9.3';
3
3
  export const NILE_VERSION = '1.2.7';
4
4
  // Set global versions for runtime access
5
5
  if (typeof window !== 'undefined') {
package/dist/src/version.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"version.js","sourceRoot":"","sources":["../../src/version.ts"],"names":[],"mappings":"AAAA,+DAA+D;AAC/D,MAAM,CAAC,MAAM,qBAAqB,GAAG,2BAA2B,CAAC;AACjE,MAAM,CAAC,MAAM,YAAY,GAAG,kBAAkB,CAAC;AAE/C,yCAAyC;AACzC,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE,CAAC;IACjC,MAAc,CAAC,mBAAmB,GAAG,qBAAqB,CAAC;IAC3D,MAAc,CAAC,WAAW,GAAG,YAAY,CAAC;IAC3C,MAAM,CAAC,OAAO,GAAG,MAAM,CAAC,OAAO,IAAI,EAAE,GAAG,EAAE,EAAE,QAAQ,EAAE,YAAY,EAAE,EAAE,CAAC;AACzE,CAAC","sourcesContent":["// Version utility - placeholders will be replaced during build\nexport const NILE_ELEMENTS_VERSION = '1.9.2';\nexport const NILE_VERSION = '1.2.7';\n\n// Set global versions for runtime access\nif (typeof window !== 'undefined') {\n (window as any).nileElementsVersion = NILE_ELEMENTS_VERSION;\n (window as any).nileVersion = NILE_VERSION;\n window.process = window.process || { env: { NODE_ENV: 'production' } };\n}\n"]}
1
+ {"version":3,"file":"version.js","sourceRoot":"","sources":["../../src/version.ts"],"names":[],"mappings":"AAAA,+DAA+D;AAC/D,MAAM,CAAC,MAAM,qBAAqB,GAAG,2BAA2B,CAAC;AACjE,MAAM,CAAC,MAAM,YAAY,GAAG,kBAAkB,CAAC;AAE/C,yCAAyC;AACzC,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE,CAAC;IACjC,MAAc,CAAC,mBAAmB,GAAG,qBAAqB,CAAC;IAC3D,MAAc,CAAC,WAAW,GAAG,YAAY,CAAC;IAC3C,MAAM,CAAC,OAAO,GAAG,MAAM,CAAC,OAAO,IAAI,EAAE,GAAG,EAAE,EAAE,QAAQ,EAAE,YAAY,EAAE,EAAE,CAAC;AACzE,CAAC","sourcesContent":["// Version utility - placeholders will be replaced during build\nexport const NILE_ELEMENTS_VERSION = '1.9.3';\nexport const NILE_VERSION = '1.2.7';\n\n// Set global versions for runtime access\nif (typeof window !== 'undefined') {\n (window as any).nileElementsVersion = NILE_ELEMENTS_VERSION;\n (window as any).nileVersion = NILE_VERSION;\n window.process = window.process || { env: { NODE_ENV: 'production' } };\n}\n"]}