@aquera/nile-elements 1.5.6 → 1.5.7

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 (161) hide show
  1. package/README.md +6 -0
  2. package/dist/index.js +110 -31
  3. package/dist/nile-auto-complete/nile-auto-complete.cjs.js +1 -1
  4. package/dist/nile-auto-complete/nile-auto-complete.cjs.js.map +1 -1
  5. package/dist/nile-auto-complete/nile-auto-complete.css.cjs.js +1 -1
  6. package/dist/nile-auto-complete/nile-auto-complete.css.cjs.js.map +1 -1
  7. package/dist/nile-auto-complete/nile-auto-complete.css.esm.js +4 -2
  8. package/dist/nile-auto-complete/nile-auto-complete.esm.js +1 -1
  9. package/dist/nile-button/nile-button.css.cjs.js +1 -1
  10. package/dist/nile-button/nile-button.css.cjs.js.map +1 -1
  11. package/dist/nile-button/nile-button.css.esm.js +7 -3
  12. package/dist/nile-calendar/nile-calendar.cjs.js +1 -1
  13. package/dist/nile-calendar/nile-calendar.cjs.js.map +1 -1
  14. package/dist/nile-calendar/nile-calendar.css.cjs.js +1 -1
  15. package/dist/nile-calendar/nile-calendar.css.cjs.js.map +1 -1
  16. package/dist/nile-calendar/nile-calendar.css.esm.js +7 -0
  17. package/dist/nile-calendar/nile-calendar.esm.js +6 -5
  18. package/dist/nile-chip/nile-chip.css.cjs.js +1 -1
  19. package/dist/nile-chip/nile-chip.css.cjs.js.map +1 -1
  20. package/dist/nile-chip/nile-chip.css.esm.js +1 -0
  21. package/dist/nile-code-editor/nile-code-editor.cjs.js +1 -1
  22. package/dist/nile-code-editor/nile-code-editor.cjs.js.map +1 -1
  23. package/dist/nile-code-editor/nile-code-editor.css.cjs.js +1 -1
  24. package/dist/nile-code-editor/nile-code-editor.css.cjs.js.map +1 -1
  25. package/dist/nile-code-editor/nile-code-editor.css.esm.js +3 -0
  26. package/dist/nile-code-editor/nile-code-editor.esm.js +1 -0
  27. package/dist/nile-filter-chip/nile-filter-chip.css.cjs.js +1 -1
  28. package/dist/nile-filter-chip/nile-filter-chip.css.cjs.js.map +1 -1
  29. package/dist/nile-filter-chip/nile-filter-chip.css.esm.js +8 -2
  30. package/dist/nile-icon/icons/svg/close.cjs.js +1 -1
  31. package/dist/nile-icon/icons/svg/close.cjs.js.map +1 -1
  32. package/dist/nile-icon/icons/svg/close.esm.js +1 -1
  33. package/dist/nile-input/nile-input.cjs.js +1 -1
  34. package/dist/nile-input/nile-input.cjs.js.map +1 -1
  35. package/dist/nile-input/nile-input.css.cjs.js +1 -1
  36. package/dist/nile-input/nile-input.css.cjs.js.map +1 -1
  37. package/dist/nile-input/nile-input.css.esm.js +11 -1
  38. package/dist/nile-input/nile-input.esm.js +2 -0
  39. package/dist/nile-link/nile-link.css.cjs.js +1 -1
  40. package/dist/nile-link/nile-link.css.cjs.js.map +1 -1
  41. package/dist/nile-link/nile-link.css.esm.js +5 -3
  42. package/dist/nile-radio/nile-radio.cjs.js +1 -1
  43. package/dist/nile-radio/nile-radio.cjs.js.map +1 -1
  44. package/dist/nile-radio/nile-radio.css.cjs.js +1 -1
  45. package/dist/nile-radio/nile-radio.css.cjs.js.map +1 -1
  46. package/dist/nile-radio/nile-radio.css.esm.js +2 -2
  47. package/dist/nile-radio/nile-radio.esm.js +2 -2
  48. package/dist/nile-radio-group/nile-radio-group.cjs.js +1 -1
  49. package/dist/nile-radio-group/nile-radio-group.cjs.js.map +1 -1
  50. package/dist/nile-radio-group/nile-radio-group.esm.js +1 -1
  51. package/dist/nile-rich-text-editor/nile-rich-text-editor.cjs.js +1 -1
  52. package/dist/nile-rich-text-editor/nile-rich-text-editor.cjs.js.map +1 -1
  53. package/dist/nile-rich-text-editor/nile-rich-text-editor.css.cjs.js +1 -1
  54. package/dist/nile-rich-text-editor/nile-rich-text-editor.css.cjs.js.map +1 -1
  55. package/dist/nile-rich-text-editor/nile-rich-text-editor.css.esm.js +6 -0
  56. package/dist/nile-rich-text-editor/nile-rich-text-editor.esm.js +1 -1
  57. package/dist/nile-select/nile-select.cjs.js +1 -1
  58. package/dist/nile-select/nile-select.cjs.js.map +1 -1
  59. package/dist/nile-select/nile-select.css.cjs.js +1 -1
  60. package/dist/nile-select/nile-select.css.cjs.js.map +1 -1
  61. package/dist/nile-select/nile-select.css.esm.js +21 -5
  62. package/dist/nile-select/nile-select.esm.js +6 -6
  63. package/dist/nile-slide-toggle/nile-slide-toggle.cjs.js +1 -1
  64. package/dist/nile-slide-toggle/nile-slide-toggle.cjs.js.map +1 -1
  65. package/dist/nile-slide-toggle/nile-slide-toggle.esm.js +4 -3
  66. package/dist/nile-textarea/nile-textarea.css.cjs.js +1 -1
  67. package/dist/nile-textarea/nile-textarea.css.cjs.js.map +1 -1
  68. package/dist/nile-textarea/nile-textarea.css.esm.js +9 -2
  69. package/dist/nile-virtual-select/nile-virtual-select.cjs.js +3 -3
  70. package/dist/nile-virtual-select/nile-virtual-select.cjs.js.map +1 -1
  71. package/dist/nile-virtual-select/nile-virtual-select.css.cjs.js +1 -1
  72. package/dist/nile-virtual-select/nile-virtual-select.css.cjs.js.map +1 -1
  73. package/dist/nile-virtual-select/nile-virtual-select.css.esm.js +13 -3
  74. package/dist/nile-virtual-select/nile-virtual-select.esm.js +5 -5
  75. package/dist/src/nile-auto-complete/nile-auto-complete.css.js +2 -0
  76. package/dist/src/nile-auto-complete/nile-auto-complete.css.js.map +1 -1
  77. package/dist/src/nile-auto-complete/nile-auto-complete.js +1 -1
  78. package/dist/src/nile-auto-complete/nile-auto-complete.js.map +1 -1
  79. package/dist/src/nile-button/nile-button.css.js +7 -3
  80. package/dist/src/nile-button/nile-button.css.js.map +1 -1
  81. package/dist/src/nile-calendar/nile-calendar.css.js +7 -0
  82. package/dist/src/nile-calendar/nile-calendar.css.js.map +1 -1
  83. package/dist/src/nile-calendar/nile-calendar.js +6 -5
  84. package/dist/src/nile-calendar/nile-calendar.js.map +1 -1
  85. package/dist/src/nile-chip/nile-chip.css.js +1 -0
  86. package/dist/src/nile-chip/nile-chip.css.js.map +1 -1
  87. package/dist/src/nile-code-editor/nile-code-editor.css.js +3 -0
  88. package/dist/src/nile-code-editor/nile-code-editor.css.js.map +1 -1
  89. package/dist/src/nile-code-editor/nile-code-editor.js +1 -0
  90. package/dist/src/nile-code-editor/nile-code-editor.js.map +1 -1
  91. package/dist/src/nile-detail/nile-detail.test.js +6 -6
  92. package/dist/src/nile-detail/nile-detail.test.js.map +1 -1
  93. package/dist/src/nile-filter-chip/nile-filter-chip.css.js +6 -0
  94. package/dist/src/nile-filter-chip/nile-filter-chip.css.js.map +1 -1
  95. package/dist/src/nile-icon/icons/svg/close.d.ts +1 -1
  96. package/dist/src/nile-icon/icons/svg/close.js +1 -1
  97. package/dist/src/nile-icon/icons/svg/close.js.map +1 -1
  98. package/dist/src/nile-inline-sidebar-group/nile-inline-sidebar-group.test.js +1 -1
  99. package/dist/src/nile-inline-sidebar-group/nile-inline-sidebar-group.test.js.map +1 -1
  100. package/dist/src/nile-inline-sidebar-item/nile-inline-sidebar-item.test.js +5 -5
  101. package/dist/src/nile-inline-sidebar-item/nile-inline-sidebar-item.test.js.map +1 -1
  102. package/dist/src/nile-input/nile-input.css.js +11 -1
  103. package/dist/src/nile-input/nile-input.css.js.map +1 -1
  104. package/dist/src/nile-input/nile-input.js +2 -0
  105. package/dist/src/nile-input/nile-input.js.map +1 -1
  106. package/dist/src/nile-link/nile-link.css.js +3 -1
  107. package/dist/src/nile-link/nile-link.css.js.map +1 -1
  108. package/dist/src/nile-radio/nile-radio.css.js +2 -2
  109. package/dist/src/nile-radio/nile-radio.css.js.map +1 -1
  110. package/dist/src/nile-radio/nile-radio.js +15 -1
  111. package/dist/src/nile-radio/nile-radio.js.map +1 -1
  112. package/dist/src/nile-radio-group/nile-radio-group.js +8 -0
  113. package/dist/src/nile-radio-group/nile-radio-group.js.map +1 -1
  114. package/dist/src/nile-rich-text-editor/nile-rich-text-editor.css.js +6 -0
  115. package/dist/src/nile-rich-text-editor/nile-rich-text-editor.css.js.map +1 -1
  116. package/dist/src/nile-rich-text-editor/nile-rich-text-editor.js +8 -3
  117. package/dist/src/nile-rich-text-editor/nile-rich-text-editor.js.map +1 -1
  118. package/dist/src/nile-select/nile-select.css.js +21 -5
  119. package/dist/src/nile-select/nile-select.css.js.map +1 -1
  120. package/dist/src/nile-select/nile-select.js +2 -2
  121. package/dist/src/nile-select/nile-select.js.map +1 -1
  122. package/dist/src/nile-slide-toggle/nile-slide-toggle.js +1 -0
  123. package/dist/src/nile-slide-toggle/nile-slide-toggle.js.map +1 -1
  124. package/dist/src/nile-textarea/nile-textarea.css.js +9 -2
  125. package/dist/src/nile-textarea/nile-textarea.css.js.map +1 -1
  126. package/dist/src/nile-virtual-select/nile-virtual-select.css.js +13 -3
  127. package/dist/src/nile-virtual-select/nile-virtual-select.css.js.map +1 -1
  128. package/dist/src/nile-virtual-select/nile-virtual-select.js +2 -2
  129. package/dist/src/nile-virtual-select/nile-virtual-select.js.map +1 -1
  130. package/dist/src/version.js +2 -2
  131. package/dist/src/version.js.map +1 -1
  132. package/dist/tsconfig.tsbuildinfo +1 -1
  133. package/package.json +1 -1
  134. package/src/nile-auto-complete/nile-auto-complete.css.ts +2 -0
  135. package/src/nile-auto-complete/nile-auto-complete.ts +1 -1
  136. package/src/nile-button/nile-button.css.ts +7 -3
  137. package/src/nile-calendar/nile-calendar.css.ts +7 -0
  138. package/src/nile-calendar/nile-calendar.ts +6 -5
  139. package/src/nile-chip/nile-chip.css.ts +1 -0
  140. package/src/nile-code-editor/nile-code-editor.css.ts +3 -0
  141. package/src/nile-code-editor/nile-code-editor.ts +1 -0
  142. package/src/nile-detail/nile-detail.test.ts +6 -6
  143. package/src/nile-filter-chip/nile-filter-chip.css.ts +6 -0
  144. package/src/nile-icon/icons/svg/close.ts +1 -1
  145. package/src/nile-inline-sidebar-group/nile-inline-sidebar-group.test.ts +1 -1
  146. package/src/nile-inline-sidebar-item/nile-inline-sidebar-item.test.ts +5 -5
  147. package/src/nile-input/nile-input.css.ts +11 -1
  148. package/src/nile-input/nile-input.ts +2 -0
  149. package/src/nile-link/nile-link.css.ts +3 -1
  150. package/src/nile-radio/nile-radio.css.ts +2 -2
  151. package/src/nile-radio/nile-radio.ts +17 -3
  152. package/src/nile-radio-group/nile-radio-group.ts +6 -0
  153. package/src/nile-rich-text-editor/nile-rich-text-editor.css.ts +6 -0
  154. package/src/nile-rich-text-editor/nile-rich-text-editor.ts +8 -3
  155. package/src/nile-select/nile-select.css.ts +21 -5
  156. package/src/nile-select/nile-select.ts +2 -2
  157. package/src/nile-slide-toggle/nile-slide-toggle.ts +1 -0
  158. package/src/nile-textarea/nile-textarea.css.ts +9 -2
  159. package/src/nile-virtual-select/nile-virtual-select.css.ts +13 -3
  160. package/src/nile-virtual-select/nile-virtual-select.ts +2 -2
  161. package/web-test-runner.config.mjs +6 -3
@@ -1,2 +1,2 @@
1
- System.register(["lit"],function(_export,_context){"use strict";var r,_templateObject,o;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}return{setters:[function(_lit){r=_lit.css;}],execute:function execute(){_export("s",o=r(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n\n :host{\n -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));\n -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));\n text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));\n }\n\n .filter-chips {\n display: flex;\n align-items: center;\n }\n\n\n .chip {\n display: inline-flex;\n align-items: center;\n height: 30px;\n padding: 8px;\n border: 1px solid var(--nile-filter-chip-chip-border-color-stroke, var(--ng-colors-border-primary));\n border-radius: var(--nile-radius-sm, var(--ng-radius-md));\n font-size: 14px;\n background-color: var(--nile-filter-chip-background-default, var(--ng-colors-bg-primary));\n color: var(--nile-filter-chip-text-default, var(--ng-colors-text-secondary-700));\n transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;\n cursor: pointer;\n box-sizing: border-box;\n }\n\n .chip:hover {\n background-color: var(--nile-filter-chip-hover-background, var(--ng-colors-bg-primary-hover));\n }\n .chip:active {\n background-color: var(--nile-filter-chip-active-background, var(--ng-colors-bg-active));\n border-color: var(--nile-filter-chip-active-border-color-stroke);\n}\n:host([active]) .chip {\n background-color: var(--nile-filter-chip-active-background, var(--ng-colors-bg-active));\n border-color: var(--nile-filter-chip-active-border-color-stroke);\n}\n\n\n .icon {\n color: var(--nile-filter-chip-icon-color-default, var(--ng-colors-text-primary-900));\n display: flex;\n align-items: center;\n justify-content: center;\n vertical-align: middle;\n position: relative;\n top: 12px;\n }\n\n .label {\n font-weight: 500;\n color: var(--nile-filter-chip-label-color-default, var(--ng-colors-text-primary-900));\n }\n\n nile-badge::part(base) {\n width: auto;\n height: 14px;\n border-radius: 100px;\n padding: 6px;\n gap: 10px;\n font-size: 8px;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n line-height: 1;\n }\n\n .chip-container {\n display: flex;\n justify-content: space-between;\n align-items: center;\n width: 100%;\n }\n\n .clear-all-container {\n margin-left: 18px;\n white-space: nowrap;\n cursor: pointer;\n }\n\n\n .value {\n color: var(--nile-filter-chip-values-color-default, var(--ng-colors-text-brand-secondary-700));\n display: inline-block;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n max-width: 140px;\n vertical-align: bottom;\n}\n\n\n .close-icon {\n color: var(--nile-filter-chip-close-icon-color-default, var(--ng-componentcolors-utility-gray-400));\n cursor: pointer;\n display: flex;\n align-items: center;\n border-radius: 50%;\n transition: background-color 0.2s;\n }\n\n .close-icon:hover {\n background-color: var(--nile-filter-chip-close-icon-hover-background, var(--ng-colors-bg-primary-hover));\n color: var(--nile-filter-chip-close-icon-hover-color, var(--ng-componentcolors-utility-gray-500));\n }\n\n.label-wrapper {\n margin-right: 4px;\n}\n\n::slotted([slot=\"icon\"]) {\n margin-right: 6px;\n}\n\n.value-wrapper {\n margin-right: 4px; \n}\n\n.badge-wrapper {\n margin-right: 12px; \n}\n\n.badge{\n display: inline-flex;\n align-items: center;\n height: 20px; \n}\n\nnile-badge::part(content) {\n line-height: 20px;\n}\n\n:host([disabled]) .chip {\n background-color: var(--nile-colors-white-base, var(--ng-colors-bg-disabled-subtle));\n border-color: var(--nile-colors-neutral-400, var(--ng-colors-border-disabled));\n color: var(--nile-colors-neutral-500, var(--ng-colors-text-secondary-700));\n cursor: not-allowed;\n opacity: var(--nile-opacity-100, var(--ng-opacity-50));\n}\n\n:host([disabled]) .label {\n color: var(--nile-colors-neutral-500, var(--ng-colors-text-secondary-700));\n font-family:colfax-regular;\n}\n\n:host([disabled]) .value {\n color: var(--nile-colors-primary-500, var(--ng-colors-text-brand-secondary-700));\n}\n\n:host([disabled]) nile-badge::part(base) {\n background-color: var(--nile-colors-primary-500,var(--ng-colors-text-brand-secondary-700));\n color: var(--nile-colors-white-base, var(--ng-colors-text-white));\n}\n\n"]))));}};});
1
+ System.register(["lit"],function(_export,_context){"use strict";var r,_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){r=_lit.css;}],execute:function execute(){_export("s",e=r(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n\n :host{\n -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));\n -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));\n text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));\n }\n\n .filter-chips {\n display: flex;\n align-items: center;\n }\n\n\n .chip {\n display: inline-flex;\n align-items: center;\n height: 30px;\n padding: 8px;\n border: 1px solid var(--nile-filter-chip-chip-border-color-stroke, var(--ng-colors-border-primary));\n border-radius: var(--nile-radius-sm, var(--ng-radius-md));\n font-size: 14px;\n background-color: var(--nile-filter-chip-background-default, var(--ng-colors-bg-primary));\n color: var(--nile-filter-chip-text-default, var(--ng-colors-text-secondary-700));\n transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;\n cursor: pointer;\n box-sizing: border-box;\n }\n\n .chip:hover {\n background-color: var(--nile-filter-chip-hover-background, var(--ng-colors-bg-primary-hover));\n }\n .chip:active {\n background-color: var(--nile-filter-chip-active-background, var(--ng-colors-bg-active));\n border-color: var(--nile-filter-chip-active-border-color-stroke);\n}\n:host([active]) .chip {\n background-color: var(--nile-filter-chip-active-background, var(--ng-colors-bg-active));\n border-color: var(--nile-filter-chip-active-border-color-stroke);\n}\n\n\n .icon {\n color: var(--nile-filter-chip-icon-color-default, var(--ng-colors-text-primary-900));\n display: flex;\n align-items: center;\n justify-content: center;\n vertical-align: middle;\n position: relative;\n top: 12px;\n }\n\n .label {\n font-weight: 500;\n color: var(--nile-filter-chip-label-color-default, var(--ng-colors-text-primary-900));\n }\n\n nile-badge::part(base) {\n width: auto;\n height: 14px;\n border-radius: 100px;\n padding: 6px;\n gap: 10px;\n font-size: 8px;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n line-height: 1;\n }\n\n .chip-container {\n display: flex;\n justify-content: space-between;\n align-items: center;\n width: 100%;\n }\n\n .clear-all-container {\n margin-left: 18px;\n white-space: nowrap;\n cursor: pointer;\n }\n\n\n .value {\n color: var(--nile-filter-chip-values-color-default, var(--ng-colors-text-brand-secondary-700));\n display: inline-block;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n max-width: 140px;\n vertical-align: bottom;\n}\n\n\n .close-icon {\n color: var(--nile-filter-chip-close-icon-color-default, var(--ng-componentcolors-utility-gray-400));\n cursor: pointer;\n display: flex;\n align-items: center;\n border-radius: 50%;\n transition: background-color 0.2s;\n }\n\n .close-icon:hover {\n background-color: var(--nile-filter-chip-close-icon-hover-background, var(--ng-colors-bg-primary-hover));\n color: var(--nile-filter-chip-close-icon-hover-color, var(--ng-componentcolors-utility-gray-500));\n }\n\n.label-wrapper {\n margin-right: 4px;\n}\n\n::slotted([slot=\"icon\"]) {\n margin-right: 6px;\n}\n\n.value-wrapper {\n margin-right: 4px; \n}\n\n.badge-wrapper {\n margin-right: 12px; \n}\n\n.badge{\n display: inline-flex;\n align-items: center;\n height: 20px; \n}\n\nnile-badge::part(content) {\n line-height: 20px;\n}\n\n:host([disabled]) .chip {\n background-color: var(--nile-colors-white-base, var(--ng-colors-bg-disabled-subtle));\n border-color: var(--nile-colors-neutral-400, var(--ng-colors-border-disabled));\n color: var(--nile-colors-neutral-500, var(--ng-colors-text-secondary-700));\n cursor: not-allowed;\n opacity: var(--nile-opacity-100, var(--ng-opacity-50));\n}\n\n:host([disabled]) .label {\n color: var(--nile-colors-neutral-500, var(--ng-colors-text-secondary-700));\n font-family:colfax-regular;\n user-select: none;\n -webkit-user-select: none;\n}\n\n:host([disabled]) .value {\n color: var(--nile-colors-primary-500, var(--ng-colors-text-brand-secondary-700));\n user-select: none;\n -webkit-user-select: none;\n}\n\n:host([disabled]) nile-badge::part(base) {\n background-color: var(--nile-colors-primary-500,var(--ng-colors-text-brand-secondary-700));\n color: var(--nile-colors-white-base, var(--ng-colors-text-white));\n user-select: none;\n -webkit-user-select: none;\n}\n\n"]))));}};});
2
2
  //# sourceMappingURL=nile-filter-chip.css.cjs.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"nile-filter-chip.css.cjs.js","sources":["../../../src/nile-filter-chip/nile-filter-chip.css.ts"],"sourcesContent":["/**\n* Copyright Aquera Inc 2023\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 * FilterChip CSS\n */\n\nexport const styles = css`\n\n :host{\n -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));\n -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));\n text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));\n }\n\n .filter-chips {\n display: flex;\n align-items: center;\n }\n\n\n .chip {\n display: inline-flex;\n align-items: center;\n height: 30px;\n padding: 8px;\n border: 1px solid var(--nile-filter-chip-chip-border-color-stroke, var(--ng-colors-border-primary));\n border-radius: var(--nile-radius-sm, var(--ng-radius-md));\n font-size: 14px;\n background-color: var(--nile-filter-chip-background-default, var(--ng-colors-bg-primary));\n color: var(--nile-filter-chip-text-default, var(--ng-colors-text-secondary-700));\n transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;\n cursor: pointer;\n box-sizing: border-box;\n }\n\n .chip:hover {\n background-color: var(--nile-filter-chip-hover-background, var(--ng-colors-bg-primary-hover));\n }\n .chip:active {\n background-color: var(--nile-filter-chip-active-background, var(--ng-colors-bg-active));\n border-color: var(--nile-filter-chip-active-border-color-stroke);\n}\n:host([active]) .chip {\n background-color: var(--nile-filter-chip-active-background, var(--ng-colors-bg-active));\n border-color: var(--nile-filter-chip-active-border-color-stroke);\n}\n\n\n .icon {\n color: var(--nile-filter-chip-icon-color-default, var(--ng-colors-text-primary-900));\n display: flex;\n align-items: center;\n justify-content: center;\n vertical-align: middle;\n position: relative;\n top: 12px;\n }\n\n .label {\n font-weight: 500;\n color: var(--nile-filter-chip-label-color-default, var(--ng-colors-text-primary-900));\n }\n\n nile-badge::part(base) {\n width: auto;\n height: 14px;\n border-radius: 100px;\n padding: 6px;\n gap: 10px;\n font-size: 8px;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n line-height: 1;\n }\n\n .chip-container {\n display: flex;\n justify-content: space-between;\n align-items: center;\n width: 100%;\n }\n\n .clear-all-container {\n margin-left: 18px;\n white-space: nowrap;\n cursor: pointer;\n }\n\n\n .value {\n color: var(--nile-filter-chip-values-color-default, var(--ng-colors-text-brand-secondary-700));\n display: inline-block;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n max-width: 140px;\n vertical-align: bottom;\n}\n\n\n .close-icon {\n color: var(--nile-filter-chip-close-icon-color-default, var(--ng-componentcolors-utility-gray-400));\n cursor: pointer;\n display: flex;\n align-items: center;\n border-radius: 50%;\n transition: background-color 0.2s;\n }\n\n .close-icon:hover {\n background-color: var(--nile-filter-chip-close-icon-hover-background, var(--ng-colors-bg-primary-hover));\n color: var(--nile-filter-chip-close-icon-hover-color, var(--ng-componentcolors-utility-gray-500));\n }\n\n.label-wrapper {\n margin-right: 4px;\n}\n\n::slotted([slot=\"icon\"]) {\n margin-right: 6px;\n}\n\n.value-wrapper {\n margin-right: 4px; \n}\n\n.badge-wrapper {\n margin-right: 12px; \n}\n\n.badge{\n display: inline-flex;\n align-items: center;\n height: 20px; \n}\n\nnile-badge::part(content) {\n line-height: 20px;\n}\n\n:host([disabled]) .chip {\n background-color: var(--nile-colors-white-base, var(--ng-colors-bg-disabled-subtle));\n border-color: var(--nile-colors-neutral-400, var(--ng-colors-border-disabled));\n color: var(--nile-colors-neutral-500, var(--ng-colors-text-secondary-700));\n cursor: not-allowed;\n opacity: var(--nile-opacity-100, var(--ng-opacity-50));\n}\n\n:host([disabled]) .label {\n color: var(--nile-colors-neutral-500, var(--ng-colors-text-secondary-700));\n font-family:colfax-regular;\n}\n\n:host([disabled]) .value {\n color: var(--nile-colors-primary-500, var(--ng-colors-text-brand-secondary-700));\n}\n\n:host([disabled]) nile-badge::part(base) {\n background-color: var(--nile-colors-primary-500,var(--ng-colors-text-brand-secondary-700));\n color: var(--nile-colors-white-base, var(--ng-colors-text-white));\n}\n\n`;\n\nexport default [styles];\n\n "],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"oTAaaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}
1
+ {"version":3,"file":"nile-filter-chip.css.cjs.js","sources":["../../../src/nile-filter-chip/nile-filter-chip.css.ts"],"sourcesContent":["/**\n* Copyright Aquera Inc 2023\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 * FilterChip CSS\n */\n\nexport const styles = css`\n\n :host{\n -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));\n -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));\n text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));\n }\n\n .filter-chips {\n display: flex;\n align-items: center;\n }\n\n\n .chip {\n display: inline-flex;\n align-items: center;\n height: 30px;\n padding: 8px;\n border: 1px solid var(--nile-filter-chip-chip-border-color-stroke, var(--ng-colors-border-primary));\n border-radius: var(--nile-radius-sm, var(--ng-radius-md));\n font-size: 14px;\n background-color: var(--nile-filter-chip-background-default, var(--ng-colors-bg-primary));\n color: var(--nile-filter-chip-text-default, var(--ng-colors-text-secondary-700));\n transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;\n cursor: pointer;\n box-sizing: border-box;\n }\n\n .chip:hover {\n background-color: var(--nile-filter-chip-hover-background, var(--ng-colors-bg-primary-hover));\n }\n .chip:active {\n background-color: var(--nile-filter-chip-active-background, var(--ng-colors-bg-active));\n border-color: var(--nile-filter-chip-active-border-color-stroke);\n}\n:host([active]) .chip {\n background-color: var(--nile-filter-chip-active-background, var(--ng-colors-bg-active));\n border-color: var(--nile-filter-chip-active-border-color-stroke);\n}\n\n\n .icon {\n color: var(--nile-filter-chip-icon-color-default, var(--ng-colors-text-primary-900));\n display: flex;\n align-items: center;\n justify-content: center;\n vertical-align: middle;\n position: relative;\n top: 12px;\n }\n\n .label {\n font-weight: 500;\n color: var(--nile-filter-chip-label-color-default, var(--ng-colors-text-primary-900));\n }\n\n nile-badge::part(base) {\n width: auto;\n height: 14px;\n border-radius: 100px;\n padding: 6px;\n gap: 10px;\n font-size: 8px;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n line-height: 1;\n }\n\n .chip-container {\n display: flex;\n justify-content: space-between;\n align-items: center;\n width: 100%;\n }\n\n .clear-all-container {\n margin-left: 18px;\n white-space: nowrap;\n cursor: pointer;\n }\n\n\n .value {\n color: var(--nile-filter-chip-values-color-default, var(--ng-colors-text-brand-secondary-700));\n display: inline-block;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n max-width: 140px;\n vertical-align: bottom;\n}\n\n\n .close-icon {\n color: var(--nile-filter-chip-close-icon-color-default, var(--ng-componentcolors-utility-gray-400));\n cursor: pointer;\n display: flex;\n align-items: center;\n border-radius: 50%;\n transition: background-color 0.2s;\n }\n\n .close-icon:hover {\n background-color: var(--nile-filter-chip-close-icon-hover-background, var(--ng-colors-bg-primary-hover));\n color: var(--nile-filter-chip-close-icon-hover-color, var(--ng-componentcolors-utility-gray-500));\n }\n\n.label-wrapper {\n margin-right: 4px;\n}\n\n::slotted([slot=\"icon\"]) {\n margin-right: 6px;\n}\n\n.value-wrapper {\n margin-right: 4px; \n}\n\n.badge-wrapper {\n margin-right: 12px; \n}\n\n.badge{\n display: inline-flex;\n align-items: center;\n height: 20px; \n}\n\nnile-badge::part(content) {\n line-height: 20px;\n}\n\n:host([disabled]) .chip {\n background-color: var(--nile-colors-white-base, var(--ng-colors-bg-disabled-subtle));\n border-color: var(--nile-colors-neutral-400, var(--ng-colors-border-disabled));\n color: var(--nile-colors-neutral-500, var(--ng-colors-text-secondary-700));\n cursor: not-allowed;\n opacity: var(--nile-opacity-100, var(--ng-opacity-50));\n}\n\n:host([disabled]) .label {\n color: var(--nile-colors-neutral-500, var(--ng-colors-text-secondary-700));\n font-family:colfax-regular;\n user-select: none;\n -webkit-user-select: none;\n}\n\n:host([disabled]) .value {\n color: var(--nile-colors-primary-500, var(--ng-colors-text-brand-secondary-700));\n user-select: none;\n -webkit-user-select: none;\n}\n\n:host([disabled]) nile-badge::part(base) {\n background-color: var(--nile-colors-primary-500,var(--ng-colors-text-brand-secondary-700));\n color: var(--nile-colors-white-base, var(--ng-colors-text-white));\n user-select: none;\n -webkit-user-select: none;\n}\n\n`;\n\nexport default [styles];\n\n "],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"oTAaaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}
@@ -1,4 +1,4 @@
1
- import{css as r}from"lit";const o=r`
1
+ import{css as r}from"lit";const e=r`
2
2
 
3
3
  :host{
4
4
  -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));
@@ -144,15 +144,21 @@ nile-badge::part(content) {
144
144
  :host([disabled]) .label {
145
145
  color: var(--nile-colors-neutral-500, var(--ng-colors-text-secondary-700));
146
146
  font-family:colfax-regular;
147
+ user-select: none;
148
+ -webkit-user-select: none;
147
149
  }
148
150
 
149
151
  :host([disabled]) .value {
150
152
  color: var(--nile-colors-primary-500, var(--ng-colors-text-brand-secondary-700));
153
+ user-select: none;
154
+ -webkit-user-select: none;
151
155
  }
152
156
 
153
157
  :host([disabled]) nile-badge::part(base) {
154
158
  background-color: var(--nile-colors-primary-500,var(--ng-colors-text-brand-secondary-700));
155
159
  color: var(--nile-colors-white-base, var(--ng-colors-text-white));
160
+ user-select: none;
161
+ -webkit-user-select: none;
156
162
  }
157
163
 
158
- `;export{o as s};
164
+ `;export{e as s};
@@ -1,2 +1,2 @@
1
- System.register([],function(_export,_context){"use strict";var M;return{setters:[],execute:function execute(){_export("c",M="PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTE5LjA1OTkgMi4wMDA0M0wxNy45OTk5IDAuOTQwNDNMOS45OTk5NCA4Ljk0MDQzTDEuOTk5OTQgMC45NDA0M0wwLjkzOTk0MSAyLjAwMDQzTDguOTM5OTQgMTAuMDAwNEwwLjkzOTk0MSAxOC4wMDA0TDEuOTk5OTQgMTkuMDYwNEw5Ljk5OTk0IDExLjA2MDRMMTcuOTk5OSAxOS4wNjA0TDE5LjA1OTkgMTguMDAwNEwxMS4wNTk5IDEwLjAwMDRMMTkuMDU5OSAyLjAwMDQzWiIgZmlsbD0iYmxhY2siLz48L3N2Zz4=");}};});
1
+ System.register([],function(_export,_context){"use strict";var M;return{setters:[],execute:function execute(){_export("c",M="PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDE0IDE0IiBmaWxsPSJub25lIj48cGF0aCBkPSJNMi42NzM0IDEyTDIgMTEuMzI2Nkw2LjMyNjc5IDdMMiAyLjY3MzRMMi42NzM0IDJMNyA2LjMyNjc5TDExLjMyNjYgMkwxMiAyLjY3MzRMNy42NzMyMSA3TDEyIDExLjMyNjZMMTEuMzI2NiAxMkw3IDcuNjczMjFMMi42NzM0IDEyWiIgZmlsbD0iYmxhY2siLz48L3N2Zz4=");}};});
2
2
  //# sourceMappingURL=close.cjs.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"close.cjs.js","sources":["../../../../../src/nile-icon/icons/svg/close.ts"],"sourcesContent":["/**\n * Do not edit directly\n */\n\nexport default \"PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTE5LjA1OTkgMi4wMDA0M0wxNy45OTk5IDAuOTQwNDNMOS45OTk5NCA4Ljk0MDQzTDEuOTk5OTQgMC45NDA0M0wwLjkzOTk0MSAyLjAwMDQzTDguOTM5OTQgMTAuMDAwNEwwLjkzOTk0MSAxOC4wMDA0TDEuOTk5OTQgMTkuMDYwNEw5Ljk5OTk0IDExLjA2MDRMMTcuOTk5OSAxOS4wNjA0TDE5LjA1OTkgMTguMDAwNEwxMS4wNTk5IDEwLjAwMDRMMTkuMDU5OSAyLjAwMDQzWiIgZmlsbD0iYmxhY2siLz48L3N2Zz4=\";"],"names":["close"],"mappings":"0HAIAA,EAAe"}
1
+ {"version":3,"file":"close.cjs.js","sources":["../../../../../src/nile-icon/icons/svg/close.ts"],"sourcesContent":["/**\n * Do not edit directly\n */\n\nexport default \"PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDE0IDE0IiBmaWxsPSJub25lIj48cGF0aCBkPSJNMi42NzM0IDEyTDIgMTEuMzI2Nkw2LjMyNjc5IDdMMiAyLjY3MzRMMi42NzM0IDJMNyA2LjMyNjc5TDExLjMyNjYgMkwxMiAyLjY3MzRMNy42NzMyMSA3TDEyIDExLjMyNjZMMTEuMzI2NiAxMkw3IDcuNjczMjFMMi42NzM0IDEyWiIgZmlsbD0iYmxhY2siLz48L3N2Zz4=\";"],"names":["close"],"mappings":"0HAIAA,EAAe"}
@@ -1 +1 @@
1
- var M="PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTE5LjA1OTkgMi4wMDA0M0wxNy45OTk5IDAuOTQwNDNMOS45OTk5NCA4Ljk0MDQzTDEuOTk5OTQgMC45NDA0M0wwLjkzOTk0MSAyLjAwMDQzTDguOTM5OTQgMTAuMDAwNEwwLjkzOTk0MSAxOC4wMDA0TDEuOTk5OTQgMTkuMDYwNEw5Ljk5OTk0IDExLjA2MDRMMTcuOTk5OSAxOS4wNjA0TDE5LjA1OTkgMTguMDAwNEwxMS4wNTk5IDEwLjAwMDRMMTkuMDU5OSAyLjAwMDQzWiIgZmlsbD0iYmxhY2siLz48L3N2Zz4=";export{M as c};
1
+ var M="PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDE0IDE0IiBmaWxsPSJub25lIj48cGF0aCBkPSJNMi42NzM0IDEyTDIgMTEuMzI2Nkw2LjMyNjc5IDdMMiAyLjY3MzRMMi42NzM0IDJMNyA2LjMyNjc5TDExLjMyNjYgMkwxMiAyLjY3MzRMNy42NzMyMSA3TDEyIDExLjMyNjZMMTEuMzI2NiAxMkw3IDcuNjczMjFMMi42NzM0IDEyWiIgZmlsbD0iYmxhY2siLz48L3N2Zz4=";export{M as c};