igniteui-webcomponents 7.3.0 → 7.3.1

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 (149) hide show
  1. package/CHANGELOG.md +41 -0
  2. package/README.md +30 -0
  3. package/components/avatar/avatar.d.ts +1 -2
  4. package/components/avatar/avatar.js +4 -8
  5. package/components/avatar/avatar.js.map +1 -1
  6. package/components/badge/badge.d.ts +6 -1
  7. package/components/badge/badge.js +8 -5
  8. package/components/badge/badge.js.map +1 -1
  9. package/components/badge/themes/badge.base.css.js +1 -1
  10. package/components/badge/themes/badge.base.css.js.map +1 -1
  11. package/components/chip/chip.d.ts +30 -14
  12. package/components/chip/chip.js +54 -48
  13. package/components/chip/chip.js.map +1 -1
  14. package/components/chip/themes/chip.base.css.js +1 -1
  15. package/components/chip/themes/chip.base.css.js.map +1 -1
  16. package/components/chip/themes/dark/chip.bootstrap.css.js +1 -1
  17. package/components/chip/themes/dark/chip.bootstrap.css.js.map +1 -1
  18. package/components/chip/themes/dark/chip.fluent.css.js +1 -1
  19. package/components/chip/themes/dark/chip.fluent.css.js.map +1 -1
  20. package/components/chip/themes/dark/chip.indigo.css.js +1 -1
  21. package/components/chip/themes/dark/chip.indigo.css.js.map +1 -1
  22. package/components/chip/themes/dark/chip.material.css.js +1 -1
  23. package/components/chip/themes/dark/chip.material.css.js.map +1 -1
  24. package/components/chip/themes/light/chip.bootstrap.css.js +1 -1
  25. package/components/chip/themes/light/chip.bootstrap.css.js.map +1 -1
  26. package/components/chip/themes/light/chip.fluent.css.js +1 -1
  27. package/components/chip/themes/light/chip.fluent.css.js.map +1 -1
  28. package/components/chip/themes/light/chip.indigo.css.js +1 -1
  29. package/components/chip/themes/light/chip.indigo.css.js.map +1 -1
  30. package/components/chip/themes/light/chip.material.css.js +1 -1
  31. package/components/chip/themes/light/chip.material.css.js.map +1 -1
  32. package/components/chip/themes/shared/chip.bootstrap.css.js +1 -1
  33. package/components/chip/themes/shared/chip.bootstrap.css.js.map +1 -1
  34. package/components/chip/themes/shared/chip.common.css.js +1 -1
  35. package/components/chip/themes/shared/chip.common.css.js.map +1 -1
  36. package/components/chip/themes/shared/chip.fluent.css.js +1 -1
  37. package/components/chip/themes/shared/chip.fluent.css.js.map +1 -1
  38. package/components/chip/themes/shared/chip.indigo.css.js +1 -1
  39. package/components/chip/themes/shared/chip.indigo.css.js.map +1 -1
  40. package/components/color-picker/color-picker.d.ts +2 -2
  41. package/components/color-picker/color-picker.js.map +1 -1
  42. package/components/color-picker/picker-canvas.js +2 -1
  43. package/components/color-picker/picker-canvas.js.map +1 -1
  44. package/components/textarea/textarea.d.ts +2 -15
  45. package/components/textarea/textarea.js +48 -93
  46. package/components/textarea/textarea.js.map +1 -1
  47. package/components/tile-manager/position.d.ts +2 -9
  48. package/components/tile-manager/position.js +27 -42
  49. package/components/tile-manager/position.js.map +1 -1
  50. package/components/tile-manager/resize-state.d.ts +11 -22
  51. package/components/tile-manager/resize-state.js +60 -119
  52. package/components/tile-manager/resize-state.js.map +1 -1
  53. package/components/tile-manager/resize-util.d.ts +3 -7
  54. package/components/tile-manager/resize-util.js +65 -72
  55. package/components/tile-manager/resize-util.js.map +1 -1
  56. package/components/tile-manager/serializer.d.ts +1 -1
  57. package/components/tile-manager/serializer.js +9 -10
  58. package/components/tile-manager/serializer.js.map +1 -1
  59. package/components/tile-manager/themes/shared/tile/tile.common.css.js +1 -1
  60. package/components/tile-manager/themes/shared/tile/tile.common.css.js.map +1 -1
  61. package/components/tile-manager/themes/tile.base.css.js +1 -1
  62. package/components/tile-manager/themes/tile.base.css.js.map +1 -1
  63. package/components/tile-manager/tile-ghost-util.js +16 -20
  64. package/components/tile-manager/tile-ghost-util.js.map +1 -1
  65. package/components/tile-manager/tile-manager.d.ts +5 -2
  66. package/components/tile-manager/tile-manager.js +27 -23
  67. package/components/tile-manager/tile-manager.js.map +1 -1
  68. package/components/tile-manager/tile.d.ts +32 -18
  69. package/components/tile-manager/tile.js +181 -161
  70. package/components/tile-manager/tile.js.map +1 -1
  71. package/components/tile-manager/types.d.ts +1 -5
  72. package/components/tile-manager/types.js.map +1 -1
  73. package/custom-elements.json +498 -853
  74. package/igniteui-webcomponents.css-data.json +1 -1
  75. package/igniteui-webcomponents.html-data.json +1 -1
  76. package/index.d.ts +1 -0
  77. package/index.js.map +1 -1
  78. package/internals/directives/drag.d.ts +144 -0
  79. package/internals/directives/drag.js +278 -0
  80. package/internals/directives/drag.js.map +1 -0
  81. package/internals/directives/resize.d.ts +109 -0
  82. package/internals/directives/resize.js +214 -0
  83. package/internals/directives/resize.js.map +1 -0
  84. package/internals/templates/input-shell.d.ts +12 -1
  85. package/internals/templates/input-shell.js +17 -10
  86. package/internals/templates/input-shell.js.map +1 -1
  87. package/internals/utils/dom.d.ts +2 -0
  88. package/internals/utils/dom.js +3 -0
  89. package/internals/utils/dom.js.map +1 -1
  90. package/internals/utils/events.d.ts +2 -0
  91. package/internals/utils/events.js +3 -0
  92. package/internals/utils/events.js.map +1 -1
  93. package/package.json +1 -1
  94. package/skills/README.md +1 -0
  95. package/web-types.json +2 -2
  96. package/components/resize-container/default-ghost.d.ts +0 -5
  97. package/components/resize-container/default-ghost.js +0 -20
  98. package/components/resize-container/default-ghost.js.map +0 -1
  99. package/components/resize-container/resize-container.d.ts +0 -60
  100. package/components/resize-container/resize-container.js +0 -156
  101. package/components/resize-container/resize-container.js.map +0 -1
  102. package/components/resize-container/resize-controller.d.ts +0 -46
  103. package/components/resize-container/resize-controller.js +0 -195
  104. package/components/resize-container/resize-controller.js.map +0 -1
  105. package/components/resize-container/themes/dark/resize-indicator.bootstrap.css.d.ts +0 -1
  106. package/components/resize-container/themes/dark/resize-indicator.bootstrap.css.js +0 -3
  107. package/components/resize-container/themes/dark/resize-indicator.bootstrap.css.js.map +0 -1
  108. package/components/resize-container/themes/dark/resize-indicator.fluent.css.d.ts +0 -1
  109. package/components/resize-container/themes/dark/resize-indicator.fluent.css.js +0 -3
  110. package/components/resize-container/themes/dark/resize-indicator.fluent.css.js.map +0 -1
  111. package/components/resize-container/themes/dark/resize-indicator.indigo.css.d.ts +0 -1
  112. package/components/resize-container/themes/dark/resize-indicator.indigo.css.js +0 -3
  113. package/components/resize-container/themes/dark/resize-indicator.indigo.css.js.map +0 -1
  114. package/components/resize-container/themes/dark/resize-indicator.material.css.d.ts +0 -1
  115. package/components/resize-container/themes/dark/resize-indicator.material.css.js +0 -3
  116. package/components/resize-container/themes/dark/resize-indicator.material.css.js.map +0 -1
  117. package/components/resize-container/themes/dark/resize-indicator.shared.css.d.ts +0 -1
  118. package/components/resize-container/themes/dark/resize-indicator.shared.css.js +0 -3
  119. package/components/resize-container/themes/dark/resize-indicator.shared.css.js.map +0 -1
  120. package/components/resize-container/themes/light/resize-indicator.bootstrap.css.d.ts +0 -1
  121. package/components/resize-container/themes/light/resize-indicator.bootstrap.css.js +0 -3
  122. package/components/resize-container/themes/light/resize-indicator.bootstrap.css.js.map +0 -1
  123. package/components/resize-container/themes/light/resize-indicator.fluent.css.d.ts +0 -1
  124. package/components/resize-container/themes/light/resize-indicator.fluent.css.js +0 -3
  125. package/components/resize-container/themes/light/resize-indicator.fluent.css.js.map +0 -1
  126. package/components/resize-container/themes/light/resize-indicator.indigo.css.d.ts +0 -1
  127. package/components/resize-container/themes/light/resize-indicator.indigo.css.js +0 -3
  128. package/components/resize-container/themes/light/resize-indicator.indigo.css.js.map +0 -1
  129. package/components/resize-container/themes/light/resize-indicator.material.css.d.ts +0 -1
  130. package/components/resize-container/themes/light/resize-indicator.material.css.js +0 -3
  131. package/components/resize-container/themes/light/resize-indicator.material.css.js.map +0 -1
  132. package/components/resize-container/themes/light/resize-indicator.shared.css.d.ts +0 -1
  133. package/components/resize-container/themes/light/resize-indicator.shared.css.js +0 -3
  134. package/components/resize-container/themes/light/resize-indicator.shared.css.js.map +0 -1
  135. package/components/resize-container/themes/resize-container.base.css.d.ts +0 -1
  136. package/components/resize-container/themes/resize-container.base.css.js +0 -3
  137. package/components/resize-container/themes/resize-container.base.css.js.map +0 -1
  138. package/components/resize-container/themes/shared/resize-container.common.css.d.ts +0 -1
  139. package/components/resize-container/themes/shared/resize-container.common.css.js +0 -3
  140. package/components/resize-container/themes/shared/resize-container.common.css.js.map +0 -1
  141. package/components/resize-container/themes/themes.d.ts +0 -2
  142. package/components/resize-container/themes/themes.js +0 -47
  143. package/components/resize-container/themes/themes.js.map +0 -1
  144. package/components/resize-container/types.d.ts +0 -40
  145. package/components/resize-container/types.js +0 -2
  146. package/components/resize-container/types.js.map +0 -1
  147. package/internals/controllers/drag.d.ts +0 -166
  148. package/internals/controllers/drag.js +0 -283
  149. package/internals/controllers/drag.js.map +0 -1
package/components/chip/themes/chip.base.css.js CHANGED
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{display:inline-block;vertical-align:top}:host button{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:inline-flex;place-items:center;font-family:var(--ig-font-family);border:none;box-shadow:none;cursor:pointer;padding:0 max(var(--is-large, 1)*max(0.75rem, -1 * 0.75rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(0.375rem, -1 * 0.375rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(0.125rem, -1 * 0.125rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}:host button[disabled]{pointer-events:none}:host([variant=primary]) button,:host([selected][variant=primary]) button:not([disabled]){background:var(--ig-primary-500);color:var(--ig-primary-500-contrast)}:host([variant=primary]) button:focus,:host([selected][variant=primary]) button:not([disabled]):focus{background:var(--ig-primary-800);color:var(--ig-primary-800-contrast)}:host([variant=primary]) button:hover,:host([selected][variant=primary]) button:not([disabled]):hover{background:var(--ig-primary-600);color:var(--ig-primary-600-contrast)}:host([variant=primary]) button[disabled],:host([selected][variant=primary]) button[disabled]{background:var(--ig-gray-200);color:var(--ig-gray-500)}:host([variant=info]) button,:host([selected][variant=info]) button:not([disabled]){background:var(--ig-info-500);color:var(--ig-info-500-contrast)}:host([variant=info]) button:focus,:host([selected][variant=info]) button:not([disabled]):focus{background:var(--ig-info-800);color:var(--ig-info-800-contrast)}:host([variant=info]) button:hover,:host([selected][variant=info]) button:not([disabled]):hover{background:var(--ig-info-600);color:var(--ig-info-600-contrast)}:host([variant=info]) button[disabled],:host([selected][variant=info]) button[disabled]{background:var(--ig-gray-200);color:var(--ig-gray-500)}:host([variant=success]) button,:host([selected][variant=success]) button:not([disabled]){background:var(--ig-success-500);color:var(--ig-success-500-contrast)}:host([variant=success]) button:focus,:host([selected][variant=success]) button:not([disabled]):focus{background:var(--ig-success-800);color:var(--ig-success-800-contrast)}:host([variant=success]) button:hover,:host([selected][variant=success]) button:not([disabled]):hover{background:var(--ig-success-600);color:var(--ig-success-600-contrast)}:host([variant=success]) button[disabled],:host([selected][variant=success]) button[disabled]{background:var(--ig-gray-200);color:var(--ig-gray-500)}:host([variant=warning]) button,:host([selected][variant=warning]) button:not([disabled]){background:var(--ig-warn-500);color:var(--ig-warn-500-contrast)}:host([variant=warning]) button:focus,:host([selected][variant=warning]) button:not([disabled]):focus{background:var(--ig-warn-800);color:var(--ig-warn-800-contrast)}:host([variant=warning]) button:hover,:host([selected][variant=warning]) button:not([disabled]):hover{background:var(--ig-warn-600);color:var(--ig-warn-600-contrast)}:host([variant=warning]) button[disabled],:host([selected][variant=warning]) button[disabled]{background:var(--ig-gray-200);color:var(--ig-gray-500)}:host([variant=danger]) button,:host([selected][variant=danger]) button:not([disabled]){background:var(--ig-error-500);color:var(--ig-error-500-contrast)}:host([variant=danger]) button:focus,:host([selected][variant=danger]) button:not([disabled]):focus{background:var(--ig-error-800);color:var(--ig-error-800-contrast)}:host([variant=danger]) button:hover,:host([selected][variant=danger]) button:not([disabled]):hover{background:var(--ig-error-600);color:var(--ig-error-600-contrast)}:host([variant=danger]) button[disabled],:host([selected][variant=danger]) button[disabled]{background:var(--ig-gray-200);color:var(--ig-gray-500)}:host([outlined][variant=primary]) button,:host([selected][outlined][variant=primary]) button:not([disabled]){background:rgba(0,0,0,0)}:host([outlined][variant=primary]) button:focus,:host([selected][outlined][variant=primary]) button:not([disabled]):focus{background:hsl(from var(--ig-primary-800) h s l/0.3)}:host([outlined][variant=primary]) button:hover,:host([selected][outlined][variant=primary]) button:not([disabled]):hover{background:hsl(from var(--ig-primary-600) h s l/0.16)}:host([outlined][variant=primary]) button[disabled],:host([selected][outlined][variant=primary]) button[disabled]{background:hsl(from var(--ig-gray-200) h s l/0.3);color:var(--ig-gray-500);border-color:hsl(from var(--ig-gray-500) h s l/0.3)}:host([outlined][variant=info]) button,:host([selected][outlined][variant=info]) button:not([disabled]){background:rgba(0,0,0,0)}:host([outlined][variant=info]) button:focus,:host([selected][outlined][variant=info]) button:not([disabled]):focus{background:hsl(from var(--ig-info-800) h s l/0.3)}:host([outlined][variant=info]) button:hover,:host([selected][outlined][variant=info]) button:not([disabled]):hover{background:hsl(from var(--ig-info-600) h s l/0.16)}:host([outlined][variant=info]) button[disabled],:host([selected][outlined][variant=info]) button[disabled]{background:hsl(from var(--ig-gray-200) h s l/0.3);color:var(--ig-gray-500);border-color:hsl(from var(--ig-gray-500) h s l/0.3)}:host([outlined][variant=success]) button,:host([selected][outlined][variant=success]) button:not([disabled]){background:rgba(0,0,0,0)}:host([outlined][variant=success]) button:focus,:host([selected][outlined][variant=success]) button:not([disabled]):focus{background:hsl(from var(--ig-success-800) h s l/0.3)}:host([outlined][variant=success]) button:hover,:host([selected][outlined][variant=success]) button:not([disabled]):hover{background:hsl(from var(--ig-success-600) h s l/0.16)}:host([outlined][variant=success]) button[disabled],:host([selected][outlined][variant=success]) button[disabled]{background:hsl(from var(--ig-gray-200) h s l/0.3);color:var(--ig-gray-500);border-color:hsl(from var(--ig-gray-500) h s l/0.3)}:host([outlined][variant=warning]) button,:host([selected][outlined][variant=warning]) button:not([disabled]){background:rgba(0,0,0,0)}:host([outlined][variant=warning]) button:focus,:host([selected][outlined][variant=warning]) button:not([disabled]):focus{background:hsl(from var(--ig-warn-800) h s l/0.3)}:host([outlined][variant=warning]) button:hover,:host([selected][outlined][variant=warning]) button:not([disabled]):hover{background:hsl(from var(--ig-warn-600) h s l/0.16)}:host([outlined][variant=warning]) button[disabled],:host([selected][outlined][variant=warning]) button[disabled]{background:hsl(from var(--ig-gray-200) h s l/0.3);color:var(--ig-gray-500);border-color:hsl(from var(--ig-gray-500) h s l/0.3)}:host([outlined][variant=danger]) button,:host([selected][outlined][variant=danger]) button:not([disabled]){background:rgba(0,0,0,0)}:host([outlined][variant=danger]) button:focus,:host([selected][outlined][variant=danger]) button:not([disabled]):focus{background:hsl(from var(--ig-error-800) h s l/0.3)}:host([outlined][variant=danger]) button:hover,:host([selected][outlined][variant=danger]) button:not([disabled]):hover{background:hsl(from var(--ig-error-600) h s l/0.16)}:host([outlined][variant=danger]) button[disabled],:host([selected][outlined][variant=danger]) button[disabled]{background:hsl(from var(--ig-gray-200) h s l/0.3);color:var(--ig-gray-500);border-color:hsl(from var(--ig-gray-500) h s l/0.3)}[part=prefix],[part=suffix]{display:flex;align-items:center;justify-content:center;gap:max(var(--is-large, 1)*max(0.5rem, -1 * 0.5rem),var(--is-medium, 1)*max(0.375rem, -1 * 0.375rem),var(--is-small, 1)*max(0.1875rem, -1 * 0.1875rem))}::slotted(*){white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:32ch}`;
2
+ export const styles = css `:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{--chip-padding-inline: max(var(--is-large, 1) * max(0.75rem, -1 * 0.75rem) * var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))), var(--is-medium, 1) * max(0.375rem, -1 * 0.375rem) * var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))), var(--is-small, 1) * max(0.125rem, -1 * 0.125rem) * var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))));--chip-gap: max(var(--is-large, 1) * max(0.5rem, -1 * 0.5rem), var(--is-medium, 1) * max(0.375rem, -1 * 0.375rem), var(--is-small, 1) * max(0.1875rem, -1 * 0.1875rem));display:inline-block;vertical-align:top}:host [part=base]{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:inline-flex;place-items:center;font-family:var(--ig-font-family);border:none;box-shadow:none;cursor:pointer}:host([disabled]) [part=base]{pointer-events:none}[part=action]{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:inline-flex;align-items:center;align-self:stretch;min-width:0;padding-inline:var(--chip-padding-inline);border:none;background:none;color:inherit;font:inherit;letter-spacing:inherit;text-transform:inherit;cursor:inherit;outline:none}[part=remove]{display:inline-flex;align-items:center;align-self:stretch;padding-inline-end:var(--chip-padding-inline)}:host([removable]:not([disabled])) [part=action]{padding-inline-end:0}:host([removable]:not([disabled])) [part=suffix]{margin-inline-end:var(--chip-gap)}:host([variant=primary]) [part=base],:host([selected][variant=primary]:not([disabled])) [part=base]{background:var(--ig-primary-500);color:var(--ig-primary-500-contrast)}:host([variant=primary]) [part=base]:focus-within,:host([selected][variant=primary]:not([disabled])) [part=base]:focus-within{background:var(--ig-primary-800);color:var(--ig-primary-800-contrast)}:host([variant=primary]) [part=base]:hover,:host([selected][variant=primary]:not([disabled])) [part=base]:hover{background:var(--ig-primary-600);color:var(--ig-primary-600-contrast)}:host([variant=primary][disabled]) [part=base],:host([selected][variant=primary][disabled]) [part=base]{background:var(--ig-gray-200);color:var(--ig-gray-500)}:host([variant=info]) [part=base],:host([selected][variant=info]:not([disabled])) [part=base]{background:var(--ig-info-500);color:var(--ig-info-500-contrast)}:host([variant=info]) [part=base]:focus-within,:host([selected][variant=info]:not([disabled])) [part=base]:focus-within{background:var(--ig-info-800);color:var(--ig-info-800-contrast)}:host([variant=info]) [part=base]:hover,:host([selected][variant=info]:not([disabled])) [part=base]:hover{background:var(--ig-info-600);color:var(--ig-info-600-contrast)}:host([variant=info][disabled]) [part=base],:host([selected][variant=info][disabled]) [part=base]{background:var(--ig-gray-200);color:var(--ig-gray-500)}:host([variant=success]) [part=base],:host([selected][variant=success]:not([disabled])) [part=base]{background:var(--ig-success-500);color:var(--ig-success-500-contrast)}:host([variant=success]) [part=base]:focus-within,:host([selected][variant=success]:not([disabled])) [part=base]:focus-within{background:var(--ig-success-800);color:var(--ig-success-800-contrast)}:host([variant=success]) [part=base]:hover,:host([selected][variant=success]:not([disabled])) [part=base]:hover{background:var(--ig-success-600);color:var(--ig-success-600-contrast)}:host([variant=success][disabled]) [part=base],:host([selected][variant=success][disabled]) [part=base]{background:var(--ig-gray-200);color:var(--ig-gray-500)}:host([variant=warning]) [part=base],:host([selected][variant=warning]:not([disabled])) [part=base]{background:var(--ig-warn-500);color:var(--ig-warn-500-contrast)}:host([variant=warning]) [part=base]:focus-within,:host([selected][variant=warning]:not([disabled])) [part=base]:focus-within{background:var(--ig-warn-800);color:var(--ig-warn-800-contrast)}:host([variant=warning]) [part=base]:hover,:host([selected][variant=warning]:not([disabled])) [part=base]:hover{background:var(--ig-warn-600);color:var(--ig-warn-600-contrast)}:host([variant=warning][disabled]) [part=base],:host([selected][variant=warning][disabled]) [part=base]{background:var(--ig-gray-200);color:var(--ig-gray-500)}:host([variant=danger]) [part=base],:host([selected][variant=danger]:not([disabled])) [part=base]{background:var(--ig-error-500);color:var(--ig-error-500-contrast)}:host([variant=danger]) [part=base]:focus-within,:host([selected][variant=danger]:not([disabled])) [part=base]:focus-within{background:var(--ig-error-800);color:var(--ig-error-800-contrast)}:host([variant=danger]) [part=base]:hover,:host([selected][variant=danger]:not([disabled])) [part=base]:hover{background:var(--ig-error-600);color:var(--ig-error-600-contrast)}:host([variant=danger][disabled]) [part=base],:host([selected][variant=danger][disabled]) [part=base]{background:var(--ig-gray-200);color:var(--ig-gray-500)}:host([outlined][variant=primary]) [part=base],:host([selected][outlined][variant=primary]:not([disabled])) [part=base]{background:rgba(0,0,0,0)}:host([outlined][variant=primary]) [part=base]:focus-within,:host([selected][outlined][variant=primary]:not([disabled])) [part=base]:focus-within{background:hsl(from var(--ig-primary-800) h s l/0.3)}:host([outlined][variant=primary]) [part=base]:hover,:host([selected][outlined][variant=primary]:not([disabled])) [part=base]:hover{background:hsl(from var(--ig-primary-600) h s l/0.16)}:host([outlined][variant=primary][disabled]) [part=base],:host([selected][outlined][variant=primary][disabled]) [part=base]{background:hsl(from var(--ig-gray-200) h s l/0.3);color:var(--ig-gray-500);border-color:hsl(from var(--ig-gray-500) h s l/0.3)}:host([outlined][variant=info]) [part=base],:host([selected][outlined][variant=info]:not([disabled])) [part=base]{background:rgba(0,0,0,0)}:host([outlined][variant=info]) [part=base]:focus-within,:host([selected][outlined][variant=info]:not([disabled])) [part=base]:focus-within{background:hsl(from var(--ig-info-800) h s l/0.3)}:host([outlined][variant=info]) [part=base]:hover,:host([selected][outlined][variant=info]:not([disabled])) [part=base]:hover{background:hsl(from var(--ig-info-600) h s l/0.16)}:host([outlined][variant=info][disabled]) [part=base],:host([selected][outlined][variant=info][disabled]) [part=base]{background:hsl(from var(--ig-gray-200) h s l/0.3);color:var(--ig-gray-500);border-color:hsl(from var(--ig-gray-500) h s l/0.3)}:host([outlined][variant=success]) [part=base],:host([selected][outlined][variant=success]:not([disabled])) [part=base]{background:rgba(0,0,0,0)}:host([outlined][variant=success]) [part=base]:focus-within,:host([selected][outlined][variant=success]:not([disabled])) [part=base]:focus-within{background:hsl(from var(--ig-success-800) h s l/0.3)}:host([outlined][variant=success]) [part=base]:hover,:host([selected][outlined][variant=success]:not([disabled])) [part=base]:hover{background:hsl(from var(--ig-success-600) h s l/0.16)}:host([outlined][variant=success][disabled]) [part=base],:host([selected][outlined][variant=success][disabled]) [part=base]{background:hsl(from var(--ig-gray-200) h s l/0.3);color:var(--ig-gray-500);border-color:hsl(from var(--ig-gray-500) h s l/0.3)}:host([outlined][variant=warning]) [part=base],:host([selected][outlined][variant=warning]:not([disabled])) [part=base]{background:rgba(0,0,0,0)}:host([outlined][variant=warning]) [part=base]:focus-within,:host([selected][outlined][variant=warning]:not([disabled])) [part=base]:focus-within{background:hsl(from var(--ig-warn-800) h s l/0.3)}:host([outlined][variant=warning]) [part=base]:hover,:host([selected][outlined][variant=warning]:not([disabled])) [part=base]:hover{background:hsl(from var(--ig-warn-600) h s l/0.16)}:host([outlined][variant=warning][disabled]) [part=base],:host([selected][outlined][variant=warning][disabled]) [part=base]{background:hsl(from var(--ig-gray-200) h s l/0.3);color:var(--ig-gray-500);border-color:hsl(from var(--ig-gray-500) h s l/0.3)}:host([outlined][variant=danger]) [part=base],:host([selected][outlined][variant=danger]:not([disabled])) [part=base]{background:rgba(0,0,0,0)}:host([outlined][variant=danger]) [part=base]:focus-within,:host([selected][outlined][variant=danger]:not([disabled])) [part=base]:focus-within{background:hsl(from var(--ig-error-800) h s l/0.3)}:host([outlined][variant=danger]) [part=base]:hover,:host([selected][outlined][variant=danger]:not([disabled])) [part=base]:hover{background:hsl(from var(--ig-error-600) h s l/0.16)}:host([outlined][variant=danger][disabled]) [part=base],:host([selected][outlined][variant=danger][disabled]) [part=base]{background:hsl(from var(--ig-gray-200) h s l/0.3);color:var(--ig-gray-500);border-color:hsl(from var(--ig-gray-500) h s l/0.3)}[part=prefix],[part=suffix]{display:flex;align-items:center;justify-content:center;gap:max(var(--is-large, 1)*max(0.5rem, -1 * 0.5rem),var(--is-medium, 1)*max(0.375rem, -1 * 0.375rem),var(--is-small, 1)*max(0.1875rem, -1 * 0.1875rem))}::slotted(*){white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:32ch}`;
3
3
  //# sourceMappingURL=chip.base.css.js.map
package/components/chip/themes/chip.base.css.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"chip.base.css.js","sourceRoot":"","sources":["../../../../src/components/chip/themes/chip.base.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,s6RAAs6R,CAAC","sourcesContent":["\n import { css } from 'lit';\n export const styles = css`:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{display:inline-block;vertical-align:top}:host button{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:inline-flex;place-items:center;font-family:var(--ig-font-family);border:none;box-shadow:none;cursor:pointer;padding:0 max(var(--is-large, 1)*max(0.75rem, -1 * 0.75rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(0.375rem, -1 * 0.375rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(0.125rem, -1 * 0.125rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}:host button[disabled]{pointer-events:none}:host([variant=primary]) button,:host([selected][variant=primary]) button:not([disabled]){background:var(--ig-primary-500);color:var(--ig-primary-500-contrast)}:host([variant=primary]) button:focus,:host([selected][variant=primary]) button:not([disabled]):focus{background:var(--ig-primary-800);color:var(--ig-primary-800-contrast)}:host([variant=primary]) button:hover,:host([selected][variant=primary]) button:not([disabled]):hover{background:var(--ig-primary-600);color:var(--ig-primary-600-contrast)}:host([variant=primary]) button[disabled],:host([selected][variant=primary]) button[disabled]{background:var(--ig-gray-200);color:var(--ig-gray-500)}:host([variant=info]) button,:host([selected][variant=info]) button:not([disabled]){background:var(--ig-info-500);color:var(--ig-info-500-contrast)}:host([variant=info]) button:focus,:host([selected][variant=info]) button:not([disabled]):focus{background:var(--ig-info-800);color:var(--ig-info-800-contrast)}:host([variant=info]) button:hover,:host([selected][variant=info]) button:not([disabled]):hover{background:var(--ig-info-600);color:var(--ig-info-600-contrast)}:host([variant=info]) button[disabled],:host([selected][variant=info]) button[disabled]{background:var(--ig-gray-200);color:var(--ig-gray-500)}:host([variant=success]) button,:host([selected][variant=success]) button:not([disabled]){background:var(--ig-success-500);color:var(--ig-success-500-contrast)}:host([variant=success]) button:focus,:host([selected][variant=success]) button:not([disabled]):focus{background:var(--ig-success-800);color:var(--ig-success-800-contrast)}:host([variant=success]) button:hover,:host([selected][variant=success]) button:not([disabled]):hover{background:var(--ig-success-600);color:var(--ig-success-600-contrast)}:host([variant=success]) button[disabled],:host([selected][variant=success]) button[disabled]{background:var(--ig-gray-200);color:var(--ig-gray-500)}:host([variant=warning]) button,:host([selected][variant=warning]) button:not([disabled]){background:var(--ig-warn-500);color:var(--ig-warn-500-contrast)}:host([variant=warning]) button:focus,:host([selected][variant=warning]) button:not([disabled]):focus{background:var(--ig-warn-800);color:var(--ig-warn-800-contrast)}:host([variant=warning]) button:hover,:host([selected][variant=warning]) button:not([disabled]):hover{background:var(--ig-warn-600);color:var(--ig-warn-600-contrast)}:host([variant=warning]) button[disabled],:host([selected][variant=warning]) button[disabled]{background:var(--ig-gray-200);color:var(--ig-gray-500)}:host([variant=danger]) button,:host([selected][variant=danger]) button:not([disabled]){background:var(--ig-error-500);color:var(--ig-error-500-contrast)}:host([variant=danger]) button:focus,:host([selected][variant=danger]) button:not([disabled]):focus{background:var(--ig-error-800);color:var(--ig-error-800-contrast)}:host([variant=danger]) button:hover,:host([selected][variant=danger]) button:not([disabled]):hover{background:var(--ig-error-600);color:var(--ig-error-600-contrast)}:host([variant=danger]) button[disabled],:host([selected][variant=danger]) button[disabled]{background:var(--ig-gray-200);color:var(--ig-gray-500)}:host([outlined][variant=primary]) button,:host([selected][outlined][variant=primary]) button:not([disabled]){background:rgba(0,0,0,0)}:host([outlined][variant=primary]) button:focus,:host([selected][outlined][variant=primary]) button:not([disabled]):focus{background:hsl(from var(--ig-primary-800) h s l/0.3)}:host([outlined][variant=primary]) button:hover,:host([selected][outlined][variant=primary]) button:not([disabled]):hover{background:hsl(from var(--ig-primary-600) h s l/0.16)}:host([outlined][variant=primary]) button[disabled],:host([selected][outlined][variant=primary]) button[disabled]{background:hsl(from var(--ig-gray-200) h s l/0.3);color:var(--ig-gray-500);border-color:hsl(from var(--ig-gray-500) h s l/0.3)}:host([outlined][variant=info]) button,:host([selected][outlined][variant=info]) button:not([disabled]){background:rgba(0,0,0,0)}:host([outlined][variant=info]) button:focus,:host([selected][outlined][variant=info]) button:not([disabled]):focus{background:hsl(from var(--ig-info-800) h s l/0.3)}:host([outlined][variant=info]) button:hover,:host([selected][outlined][variant=info]) button:not([disabled]):hover{background:hsl(from var(--ig-info-600) h s l/0.16)}:host([outlined][variant=info]) button[disabled],:host([selected][outlined][variant=info]) button[disabled]{background:hsl(from var(--ig-gray-200) h s l/0.3);color:var(--ig-gray-500);border-color:hsl(from var(--ig-gray-500) h s l/0.3)}:host([outlined][variant=success]) button,:host([selected][outlined][variant=success]) button:not([disabled]){background:rgba(0,0,0,0)}:host([outlined][variant=success]) button:focus,:host([selected][outlined][variant=success]) button:not([disabled]):focus{background:hsl(from var(--ig-success-800) h s l/0.3)}:host([outlined][variant=success]) button:hover,:host([selected][outlined][variant=success]) button:not([disabled]):hover{background:hsl(from var(--ig-success-600) h s l/0.16)}:host([outlined][variant=success]) button[disabled],:host([selected][outlined][variant=success]) button[disabled]{background:hsl(from var(--ig-gray-200) h s l/0.3);color:var(--ig-gray-500);border-color:hsl(from var(--ig-gray-500) h s l/0.3)}:host([outlined][variant=warning]) button,:host([selected][outlined][variant=warning]) button:not([disabled]){background:rgba(0,0,0,0)}:host([outlined][variant=warning]) button:focus,:host([selected][outlined][variant=warning]) button:not([disabled]):focus{background:hsl(from var(--ig-warn-800) h s l/0.3)}:host([outlined][variant=warning]) button:hover,:host([selected][outlined][variant=warning]) button:not([disabled]):hover{background:hsl(from var(--ig-warn-600) h s l/0.16)}:host([outlined][variant=warning]) button[disabled],:host([selected][outlined][variant=warning]) button[disabled]{background:hsl(from var(--ig-gray-200) h s l/0.3);color:var(--ig-gray-500);border-color:hsl(from var(--ig-gray-500) h s l/0.3)}:host([outlined][variant=danger]) button,:host([selected][outlined][variant=danger]) button:not([disabled]){background:rgba(0,0,0,0)}:host([outlined][variant=danger]) button:focus,:host([selected][outlined][variant=danger]) button:not([disabled]):focus{background:hsl(from var(--ig-error-800) h s l/0.3)}:host([outlined][variant=danger]) button:hover,:host([selected][outlined][variant=danger]) button:not([disabled]):hover{background:hsl(from var(--ig-error-600) h s l/0.16)}:host([outlined][variant=danger]) button[disabled],:host([selected][outlined][variant=danger]) button[disabled]{background:hsl(from var(--ig-gray-200) h s l/0.3);color:var(--ig-gray-500);border-color:hsl(from var(--ig-gray-500) h s l/0.3)}[part=prefix],[part=suffix]{display:flex;align-items:center;justify-content:center;gap:max(var(--is-large, 1)*max(0.5rem, -1 * 0.5rem),var(--is-medium, 1)*max(0.375rem, -1 * 0.375rem),var(--is-small, 1)*max(0.1875rem, -1 * 0.1875rem))}::slotted(*){white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:32ch}`;\n "]}
1
+ {"version":3,"file":"chip.base.css.js","sourceRoot":"","sources":["../../../../src/components/chip/themes/chip.base.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,ytUAAytU,CAAC","sourcesContent":["\n import { css } from 'lit';\n export const styles = css`:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{--chip-padding-inline: max(var(--is-large, 1) * max(0.75rem, -1 * 0.75rem) * var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))), var(--is-medium, 1) * max(0.375rem, -1 * 0.375rem) * var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))), var(--is-small, 1) * max(0.125rem, -1 * 0.125rem) * var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))));--chip-gap: max(var(--is-large, 1) * max(0.5rem, -1 * 0.5rem), var(--is-medium, 1) * max(0.375rem, -1 * 0.375rem), var(--is-small, 1) * max(0.1875rem, -1 * 0.1875rem));display:inline-block;vertical-align:top}:host [part=base]{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:inline-flex;place-items:center;font-family:var(--ig-font-family);border:none;box-shadow:none;cursor:pointer}:host([disabled]) [part=base]{pointer-events:none}[part=action]{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:inline-flex;align-items:center;align-self:stretch;min-width:0;padding-inline:var(--chip-padding-inline);border:none;background:none;color:inherit;font:inherit;letter-spacing:inherit;text-transform:inherit;cursor:inherit;outline:none}[part=remove]{display:inline-flex;align-items:center;align-self:stretch;padding-inline-end:var(--chip-padding-inline)}:host([removable]:not([disabled])) [part=action]{padding-inline-end:0}:host([removable]:not([disabled])) [part=suffix]{margin-inline-end:var(--chip-gap)}:host([variant=primary]) [part=base],:host([selected][variant=primary]:not([disabled])) [part=base]{background:var(--ig-primary-500);color:var(--ig-primary-500-contrast)}:host([variant=primary]) [part=base]:focus-within,:host([selected][variant=primary]:not([disabled])) [part=base]:focus-within{background:var(--ig-primary-800);color:var(--ig-primary-800-contrast)}:host([variant=primary]) [part=base]:hover,:host([selected][variant=primary]:not([disabled])) [part=base]:hover{background:var(--ig-primary-600);color:var(--ig-primary-600-contrast)}:host([variant=primary][disabled]) [part=base],:host([selected][variant=primary][disabled]) [part=base]{background:var(--ig-gray-200);color:var(--ig-gray-500)}:host([variant=info]) [part=base],:host([selected][variant=info]:not([disabled])) [part=base]{background:var(--ig-info-500);color:var(--ig-info-500-contrast)}:host([variant=info]) [part=base]:focus-within,:host([selected][variant=info]:not([disabled])) [part=base]:focus-within{background:var(--ig-info-800);color:var(--ig-info-800-contrast)}:host([variant=info]) [part=base]:hover,:host([selected][variant=info]:not([disabled])) [part=base]:hover{background:var(--ig-info-600);color:var(--ig-info-600-contrast)}:host([variant=info][disabled]) [part=base],:host([selected][variant=info][disabled]) [part=base]{background:var(--ig-gray-200);color:var(--ig-gray-500)}:host([variant=success]) [part=base],:host([selected][variant=success]:not([disabled])) [part=base]{background:var(--ig-success-500);color:var(--ig-success-500-contrast)}:host([variant=success]) [part=base]:focus-within,:host([selected][variant=success]:not([disabled])) [part=base]:focus-within{background:var(--ig-success-800);color:var(--ig-success-800-contrast)}:host([variant=success]) [part=base]:hover,:host([selected][variant=success]:not([disabled])) [part=base]:hover{background:var(--ig-success-600);color:var(--ig-success-600-contrast)}:host([variant=success][disabled]) [part=base],:host([selected][variant=success][disabled]) [part=base]{background:var(--ig-gray-200);color:var(--ig-gray-500)}:host([variant=warning]) [part=base],:host([selected][variant=warning]:not([disabled])) [part=base]{background:var(--ig-warn-500);color:var(--ig-warn-500-contrast)}:host([variant=warning]) [part=base]:focus-within,:host([selected][variant=warning]:not([disabled])) [part=base]:focus-within{background:var(--ig-warn-800);color:var(--ig-warn-800-contrast)}:host([variant=warning]) [part=base]:hover,:host([selected][variant=warning]:not([disabled])) [part=base]:hover{background:var(--ig-warn-600);color:var(--ig-warn-600-contrast)}:host([variant=warning][disabled]) [part=base],:host([selected][variant=warning][disabled]) [part=base]{background:var(--ig-gray-200);color:var(--ig-gray-500)}:host([variant=danger]) [part=base],:host([selected][variant=danger]:not([disabled])) [part=base]{background:var(--ig-error-500);color:var(--ig-error-500-contrast)}:host([variant=danger]) [part=base]:focus-within,:host([selected][variant=danger]:not([disabled])) [part=base]:focus-within{background:var(--ig-error-800);color:var(--ig-error-800-contrast)}:host([variant=danger]) [part=base]:hover,:host([selected][variant=danger]:not([disabled])) [part=base]:hover{background:var(--ig-error-600);color:var(--ig-error-600-contrast)}:host([variant=danger][disabled]) [part=base],:host([selected][variant=danger][disabled]) [part=base]{background:var(--ig-gray-200);color:var(--ig-gray-500)}:host([outlined][variant=primary]) [part=base],:host([selected][outlined][variant=primary]:not([disabled])) [part=base]{background:rgba(0,0,0,0)}:host([outlined][variant=primary]) [part=base]:focus-within,:host([selected][outlined][variant=primary]:not([disabled])) [part=base]:focus-within{background:hsl(from var(--ig-primary-800) h s l/0.3)}:host([outlined][variant=primary]) [part=base]:hover,:host([selected][outlined][variant=primary]:not([disabled])) [part=base]:hover{background:hsl(from var(--ig-primary-600) h s l/0.16)}:host([outlined][variant=primary][disabled]) [part=base],:host([selected][outlined][variant=primary][disabled]) [part=base]{background:hsl(from var(--ig-gray-200) h s l/0.3);color:var(--ig-gray-500);border-color:hsl(from var(--ig-gray-500) h s l/0.3)}:host([outlined][variant=info]) [part=base],:host([selected][outlined][variant=info]:not([disabled])) [part=base]{background:rgba(0,0,0,0)}:host([outlined][variant=info]) [part=base]:focus-within,:host([selected][outlined][variant=info]:not([disabled])) [part=base]:focus-within{background:hsl(from var(--ig-info-800) h s l/0.3)}:host([outlined][variant=info]) [part=base]:hover,:host([selected][outlined][variant=info]:not([disabled])) [part=base]:hover{background:hsl(from var(--ig-info-600) h s l/0.16)}:host([outlined][variant=info][disabled]) [part=base],:host([selected][outlined][variant=info][disabled]) [part=base]{background:hsl(from var(--ig-gray-200) h s l/0.3);color:var(--ig-gray-500);border-color:hsl(from var(--ig-gray-500) h s l/0.3)}:host([outlined][variant=success]) [part=base],:host([selected][outlined][variant=success]:not([disabled])) [part=base]{background:rgba(0,0,0,0)}:host([outlined][variant=success]) [part=base]:focus-within,:host([selected][outlined][variant=success]:not([disabled])) [part=base]:focus-within{background:hsl(from var(--ig-success-800) h s l/0.3)}:host([outlined][variant=success]) [part=base]:hover,:host([selected][outlined][variant=success]:not([disabled])) [part=base]:hover{background:hsl(from var(--ig-success-600) h s l/0.16)}:host([outlined][variant=success][disabled]) [part=base],:host([selected][outlined][variant=success][disabled]) [part=base]{background:hsl(from var(--ig-gray-200) h s l/0.3);color:var(--ig-gray-500);border-color:hsl(from var(--ig-gray-500) h s l/0.3)}:host([outlined][variant=warning]) [part=base],:host([selected][outlined][variant=warning]:not([disabled])) [part=base]{background:rgba(0,0,0,0)}:host([outlined][variant=warning]) [part=base]:focus-within,:host([selected][outlined][variant=warning]:not([disabled])) [part=base]:focus-within{background:hsl(from var(--ig-warn-800) h s l/0.3)}:host([outlined][variant=warning]) [part=base]:hover,:host([selected][outlined][variant=warning]:not([disabled])) [part=base]:hover{background:hsl(from var(--ig-warn-600) h s l/0.16)}:host([outlined][variant=warning][disabled]) [part=base],:host([selected][outlined][variant=warning][disabled]) [part=base]{background:hsl(from var(--ig-gray-200) h s l/0.3);color:var(--ig-gray-500);border-color:hsl(from var(--ig-gray-500) h s l/0.3)}:host([outlined][variant=danger]) [part=base],:host([selected][outlined][variant=danger]:not([disabled])) [part=base]{background:rgba(0,0,0,0)}:host([outlined][variant=danger]) [part=base]:focus-within,:host([selected][outlined][variant=danger]:not([disabled])) [part=base]:focus-within{background:hsl(from var(--ig-error-800) h s l/0.3)}:host([outlined][variant=danger]) [part=base]:hover,:host([selected][outlined][variant=danger]:not([disabled])) [part=base]:hover{background:hsl(from var(--ig-error-600) h s l/0.16)}:host([outlined][variant=danger][disabled]) [part=base],:host([selected][outlined][variant=danger][disabled]) [part=base]{background:hsl(from var(--ig-gray-200) h s l/0.3);color:var(--ig-gray-500);border-color:hsl(from var(--ig-gray-500) h s l/0.3)}[part=prefix],[part=suffix]{display:flex;align-items:center;justify-content:center;gap:max(var(--is-large, 1)*max(0.5rem, -1 * 0.5rem),var(--is-medium, 1)*max(0.375rem, -1 * 0.375rem),var(--is-small, 1)*max(0.1875rem, -1 * 0.1875rem))}::slotted(*){white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:32ch}`;\n "]}
package/components/chip/themes/dark/chip.bootstrap.css.js CHANGED
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host{--ghost-elevation: var(--ig-chip-ghost-elevation, var(--ig-elevation-0));--focus-shadow-color: var(--ig-chip-focus-shadow-color, hsl(from var(--ig-gray-300) h s l/0.38));--focus-selected-shadow-color: var(--ig-chip-focus-selected-shadow-color, hsl(from var(--ig-gray-300) h s l/0.38));--hover-text-color: var(--ig-chip-hover-text-color, var(--ig-gray-100-contrast));--hover-background: var(--ig-chip-hover-background, var(--ig-gray-100));--focus-text-color: var(--ig-chip-focus-text-color, var(--ig-gray-200-contrast));--selected-text-color: var(--ig-chip-selected-text-color, var(--ig-gray-200-contrast));--selected-background: var(--ig-chip-selected-background, var(--ig-gray-200));--hover-selected-text-color: var(--ig-chip-hover-selected-text-color, var(--ig-gray-100-contrast));--hover-selected-background: var(--ig-chip-hover-selected-background, var(--ig-gray-100));--border-radius: var(--ig-chip-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.25) * 1rem), 1rem));--text-color: var(--ig-chip-text-color, var(--ig-gray-200-contrast));--focus-background: var(--ig-chip-focus-background, var(--ig-gray-200));--focus-selected-background: var(--ig-chip-focus-selected-background, var(--ig-gray-200));--focus-selected-text-color: var(--ig-chip-focus-selected-text-color, var(--ig-gray-200-contrast));--hover-outlined-background: var(--ig-chip-hover-outlined-background, hsl(from var(--ig-gray-100) h s l/0.3));--hover-selected-outlined-background: var(--ig-chip-hover-selected-outlined-background, hsl(from var(--ig-gray-100) h s l/0.3));--focus-outlined-background: var(--ig-chip-focus-outlined-background, transparent);--focus-selected-outlined-background: var(--ig-chip-focus-selected-outlined-background, transparent);--ig-theme: bootstrap;--ig-theme-variant: dark}:host([outlined][variant=primary]) button,:host([selected][outlined][variant=primary]) button:not([disabled]){border-color:var(--ig-primary-300);color:var(--ig-gray-100-contrast)}:host([outlined][variant=info]) button,:host([selected][outlined][variant=info]) button:not([disabled]){border-color:var(--ig-info-600);color:var(--ig-gray-100-contrast)}:host([outlined][variant=success]) button,:host([selected][outlined][variant=success]) button:not([disabled]){border-color:var(--ig-success-200);color:var(--ig-gray-100-contrast)}:host([outlined][variant=warning]) button,:host([selected][outlined][variant=warning]) button:not([disabled]){border-color:var(--ig-warn-500);color:var(--ig-gray-100-contrast)}:host([outlined][variant=danger]) button,:host([selected][outlined][variant=danger]) button:not([disabled]){border-color:var(--ig-error-400);color:var(--ig-gray-100-contrast)}`;
2
+ export const styles = css `:host{--ghost-elevation: var(--ig-chip-ghost-elevation, var(--ig-elevation-0));--focus-shadow-color: var(--ig-chip-focus-shadow-color, hsl(from var(--ig-gray-300) h s l/0.38));--focus-selected-shadow-color: var(--ig-chip-focus-selected-shadow-color, hsl(from var(--ig-gray-300) h s l/0.38));--hover-text-color: var(--ig-chip-hover-text-color, var(--ig-gray-100-contrast));--hover-background: var(--ig-chip-hover-background, var(--ig-gray-100));--focus-text-color: var(--ig-chip-focus-text-color, var(--ig-gray-200-contrast));--selected-text-color: var(--ig-chip-selected-text-color, var(--ig-gray-200-contrast));--selected-background: var(--ig-chip-selected-background, var(--ig-gray-200));--hover-selected-text-color: var(--ig-chip-hover-selected-text-color, var(--ig-gray-100-contrast));--hover-selected-background: var(--ig-chip-hover-selected-background, var(--ig-gray-100));--border-radius: var(--ig-chip-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.25) * 1rem), 1rem));--text-color: var(--ig-chip-text-color, var(--ig-gray-200-contrast));--focus-background: var(--ig-chip-focus-background, var(--ig-gray-200));--focus-selected-background: var(--ig-chip-focus-selected-background, var(--ig-gray-200));--focus-selected-text-color: var(--ig-chip-focus-selected-text-color, var(--ig-gray-200-contrast));--hover-outlined-background: var(--ig-chip-hover-outlined-background, hsl(from var(--ig-gray-100) h s l/0.3));--hover-selected-outlined-background: var(--ig-chip-hover-selected-outlined-background, hsl(from var(--ig-gray-100) h s l/0.3));--focus-outlined-background: var(--ig-chip-focus-outlined-background, transparent);--focus-selected-outlined-background: var(--ig-chip-focus-selected-outlined-background, transparent);--ig-theme: bootstrap;--ig-theme-variant: dark}:host([outlined][variant=primary]) [part=base],:host([selected][outlined][variant=primary]:not([disabled])) [part=base]{border-color:var(--ig-primary-300);color:var(--ig-gray-100-contrast)}:host([outlined][variant=info]) [part=base],:host([selected][outlined][variant=info]:not([disabled])) [part=base]{border-color:var(--ig-info-600);color:var(--ig-gray-100-contrast)}:host([outlined][variant=success]) [part=base],:host([selected][outlined][variant=success]:not([disabled])) [part=base]{border-color:var(--ig-success-200);color:var(--ig-gray-100-contrast)}:host([outlined][variant=warning]) [part=base],:host([selected][outlined][variant=warning]:not([disabled])) [part=base]{border-color:var(--ig-warn-500);color:var(--ig-gray-100-contrast)}:host([outlined][variant=danger]) [part=base],:host([selected][outlined][variant=danger]:not([disabled])) [part=base]{border-color:var(--ig-error-400);color:var(--ig-gray-100-contrast)}`;
3
3
  //# sourceMappingURL=chip.bootstrap.css.js.map
package/components/chip/themes/dark/chip.bootstrap.css.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"chip.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/chip/themes/dark/chip.bootstrap.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,4mFAA4mF,CAAC","sourcesContent":["\n import { css } from 'lit';\n export const styles = css`:host{--ghost-elevation: var(--ig-chip-ghost-elevation, var(--ig-elevation-0));--focus-shadow-color: var(--ig-chip-focus-shadow-color, hsl(from var(--ig-gray-300) h s l/0.38));--focus-selected-shadow-color: var(--ig-chip-focus-selected-shadow-color, hsl(from var(--ig-gray-300) h s l/0.38));--hover-text-color: var(--ig-chip-hover-text-color, var(--ig-gray-100-contrast));--hover-background: var(--ig-chip-hover-background, var(--ig-gray-100));--focus-text-color: var(--ig-chip-focus-text-color, var(--ig-gray-200-contrast));--selected-text-color: var(--ig-chip-selected-text-color, var(--ig-gray-200-contrast));--selected-background: var(--ig-chip-selected-background, var(--ig-gray-200));--hover-selected-text-color: var(--ig-chip-hover-selected-text-color, var(--ig-gray-100-contrast));--hover-selected-background: var(--ig-chip-hover-selected-background, var(--ig-gray-100));--border-radius: var(--ig-chip-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.25) * 1rem), 1rem));--text-color: var(--ig-chip-text-color, var(--ig-gray-200-contrast));--focus-background: var(--ig-chip-focus-background, var(--ig-gray-200));--focus-selected-background: var(--ig-chip-focus-selected-background, var(--ig-gray-200));--focus-selected-text-color: var(--ig-chip-focus-selected-text-color, var(--ig-gray-200-contrast));--hover-outlined-background: var(--ig-chip-hover-outlined-background, hsl(from var(--ig-gray-100) h s l/0.3));--hover-selected-outlined-background: var(--ig-chip-hover-selected-outlined-background, hsl(from var(--ig-gray-100) h s l/0.3));--focus-outlined-background: var(--ig-chip-focus-outlined-background, transparent);--focus-selected-outlined-background: var(--ig-chip-focus-selected-outlined-background, transparent);--ig-theme: bootstrap;--ig-theme-variant: dark}:host([outlined][variant=primary]) button,:host([selected][outlined][variant=primary]) button:not([disabled]){border-color:var(--ig-primary-300);color:var(--ig-gray-100-contrast)}:host([outlined][variant=info]) button,:host([selected][outlined][variant=info]) button:not([disabled]){border-color:var(--ig-info-600);color:var(--ig-gray-100-contrast)}:host([outlined][variant=success]) button,:host([selected][outlined][variant=success]) button:not([disabled]){border-color:var(--ig-success-200);color:var(--ig-gray-100-contrast)}:host([outlined][variant=warning]) button,:host([selected][outlined][variant=warning]) button:not([disabled]){border-color:var(--ig-warn-500);color:var(--ig-gray-100-contrast)}:host([outlined][variant=danger]) button,:host([selected][outlined][variant=danger]) button:not([disabled]){border-color:var(--ig-error-400);color:var(--ig-gray-100-contrast)}`;\n "]}
1
+ {"version":3,"file":"chip.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/chip/themes/dark/chip.bootstrap.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,8pFAA8pF,CAAC","sourcesContent":["\n import { css } from 'lit';\n export const styles = css`:host{--ghost-elevation: var(--ig-chip-ghost-elevation, var(--ig-elevation-0));--focus-shadow-color: var(--ig-chip-focus-shadow-color, hsl(from var(--ig-gray-300) h s l/0.38));--focus-selected-shadow-color: var(--ig-chip-focus-selected-shadow-color, hsl(from var(--ig-gray-300) h s l/0.38));--hover-text-color: var(--ig-chip-hover-text-color, var(--ig-gray-100-contrast));--hover-background: var(--ig-chip-hover-background, var(--ig-gray-100));--focus-text-color: var(--ig-chip-focus-text-color, var(--ig-gray-200-contrast));--selected-text-color: var(--ig-chip-selected-text-color, var(--ig-gray-200-contrast));--selected-background: var(--ig-chip-selected-background, var(--ig-gray-200));--hover-selected-text-color: var(--ig-chip-hover-selected-text-color, var(--ig-gray-100-contrast));--hover-selected-background: var(--ig-chip-hover-selected-background, var(--ig-gray-100));--border-radius: var(--ig-chip-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.25) * 1rem), 1rem));--text-color: var(--ig-chip-text-color, var(--ig-gray-200-contrast));--focus-background: var(--ig-chip-focus-background, var(--ig-gray-200));--focus-selected-background: var(--ig-chip-focus-selected-background, var(--ig-gray-200));--focus-selected-text-color: var(--ig-chip-focus-selected-text-color, var(--ig-gray-200-contrast));--hover-outlined-background: var(--ig-chip-hover-outlined-background, hsl(from var(--ig-gray-100) h s l/0.3));--hover-selected-outlined-background: var(--ig-chip-hover-selected-outlined-background, hsl(from var(--ig-gray-100) h s l/0.3));--focus-outlined-background: var(--ig-chip-focus-outlined-background, transparent);--focus-selected-outlined-background: var(--ig-chip-focus-selected-outlined-background, transparent);--ig-theme: bootstrap;--ig-theme-variant: dark}:host([outlined][variant=primary]) [part=base],:host([selected][outlined][variant=primary]:not([disabled])) [part=base]{border-color:var(--ig-primary-300);color:var(--ig-gray-100-contrast)}:host([outlined][variant=info]) [part=base],:host([selected][outlined][variant=info]:not([disabled])) [part=base]{border-color:var(--ig-info-600);color:var(--ig-gray-100-contrast)}:host([outlined][variant=success]) [part=base],:host([selected][outlined][variant=success]:not([disabled])) [part=base]{border-color:var(--ig-success-200);color:var(--ig-gray-100-contrast)}:host([outlined][variant=warning]) [part=base],:host([selected][outlined][variant=warning]:not([disabled])) [part=base]{border-color:var(--ig-warn-500);color:var(--ig-gray-100-contrast)}:host([outlined][variant=danger]) [part=base],:host([selected][outlined][variant=danger]:not([disabled])) [part=base]{border-color:var(--ig-error-400);color:var(--ig-gray-100-contrast)}`;\n "]}
package/components/chip/themes/dark/chip.fluent.css.js CHANGED
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host{--ghost-elevation: var(--ig-chip-ghost-elevation, var(--ig-elevation-2));--ghost-background: var(--ig-chip-ghost-background, var(--ig-primary-500));--ghost-text-color: var(--ig-chip-ghost-text-color, var(--ig-primary-500-contrast));--hover-text-color: var(--ig-chip-hover-text-color, var(--ig-gray-200-contrast));--hover-background: var(--ig-chip-hover-background, var(--ig-gray-200));--focus-text-color: var(--ig-chip-focus-text-color, var(--ig-primary-700-contrast));--selected-text-color: var(--ig-chip-selected-text-color, var(--ig-primary-700-contrast));--hover-selected-text-color: var(--ig-chip-hover-selected-text-color, var(--ig-primary-700-contrast));--hover-selected-background: var(--ig-chip-hover-selected-background, var(--ig-primary-600));--outlined-text-color: var(--ig-chip-outlined-text-color, var(--ig-gray-700));--border-color: var(--ig-chip-border-color, var(--ig-gray-700));--selected-border-color: var(--ig-chip-selected-border-color, var(--ig-primary-200));--hover-selected-border-color: var(--ig-chip-hover-selected-border-color, var(--ig-primary-200));--focus-border-color: var(--ig-chip-focus-border-color, var(--ig-primary-200));--focus-selected-border-color: var(--ig-chip-focus-selected-border-color, var(--ig-primary-200));--text-color: var(--ig-chip-text-color, var(--ig-gray-700));--focus-background: var(--ig-chip-focus-background, var(--ig-primary-600));--focus-selected-text-color: var(--ig-chip-focus-selected-text-color, var(--ig-primary-700-contrast));--focus-selected-background: var(--ig-chip-focus-selected-background, var(--ig-primary-800));--hover-outlined-background: var(--ig-chip-hover-outlined-background, hsl(from var(--ig-gray-200) h s l/0.3));--hover-selected-outlined-background: var(--ig-chip-hover-selected-outlined-background, hsl(from var(--ig-primary-600) h s l/0.2));--focus-outlined-background: var(--ig-chip-focus-outlined-background, hsl(from var(--ig-primary-600) h s l/0.2));--focus-selected-outlined-background: var(--ig-chip-focus-selected-outlined-background, hsl(from var(--ig-primary-800) h s l/0.5));--ig-theme: fluent;--ig-theme-variant: dark}:host([outlined][variant=primary]) button,:host([selected][outlined][variant=primary]) button:not([disabled]){border-color:var(--ig-primary-200);color:var(--ig-primary-600-contrast)}:host([outlined][variant=primary]) button:focus,:host([selected][outlined][variant=primary]) button:not([disabled]):focus{background:hsl(from var(--ig-primary-800) h s l/0.5)}:host([outlined][variant=primary]) button:hover,:host([selected][outlined][variant=primary]) button:not([disabled]):hover{background:hsl(from var(--ig-primary-600) h s l/0.2)}:host([outlined][variant=info]) button,:host([selected][outlined][variant=info]) button:not([disabled]){border-color:var(--ig-info-200);color:var(--ig-info-500-contrast)}:host([outlined][variant=info]) button:focus,:host([selected][outlined][variant=info]) button:not([disabled]):focus{background:hsl(from var(--ig-info-800) h s l/0.5)}:host([outlined][variant=info]) button:hover,:host([selected][outlined][variant=info]) button:not([disabled]):hover{background:hsl(from var(--ig-info-600) h s l/0.2)}:host([outlined][variant=success]) button,:host([selected][outlined][variant=success]) button:not([disabled]){border-color:var(--ig-success-100);color:var(--ig-success-600-contrast)}:host([outlined][variant=success]) button:focus,:host([selected][outlined][variant=success]) button:not([disabled]):focus{background:hsl(from var(--ig-success-800) h s l/0.5)}:host([outlined][variant=success]) button:hover,:host([selected][outlined][variant=success]) button:not([disabled]):hover{background:hsl(from var(--ig-success-600) h s l/0.2)}:host([outlined][variant=warning]) button,:host([selected][outlined][variant=warning]) button:not([disabled]){border-color:var(--ig-warn-200);color:var(--ig-warn-500-contrast)}:host([outlined][variant=warning]) button:focus,:host([selected][outlined][variant=warning]) button:not([disabled]):focus{background:hsl(from var(--ig-warn-800) h s l/0.5)}:host([outlined][variant=warning]) button:hover,:host([selected][outlined][variant=warning]) button:not([disabled]):hover{background:hsl(from var(--ig-warn-600) h s l/0.2)}:host([outlined][variant=danger]) button,:host([selected][outlined][variant=danger]) button:not([disabled]){border-color:var(--ig-error-50);color:var(--ig-error-600-contrast)}:host([outlined][variant=danger]) button:focus,:host([selected][outlined][variant=danger]) button:not([disabled]):focus{background:hsl(from var(--ig-error-800) h s l/0.5)}:host([outlined][variant=danger]) button:hover,:host([selected][outlined][variant=danger]) button:not([disabled]):hover{background:hsl(from var(--ig-error-600) h s l/0.2)}`;
2
+ export const styles = css `:host{--ghost-elevation: var(--ig-chip-ghost-elevation, var(--ig-elevation-2));--ghost-background: var(--ig-chip-ghost-background, var(--ig-primary-500));--ghost-text-color: var(--ig-chip-ghost-text-color, var(--ig-primary-500-contrast));--hover-text-color: var(--ig-chip-hover-text-color, var(--ig-gray-200-contrast));--hover-background: var(--ig-chip-hover-background, var(--ig-gray-200));--focus-text-color: var(--ig-chip-focus-text-color, var(--ig-primary-700-contrast));--selected-text-color: var(--ig-chip-selected-text-color, var(--ig-primary-700-contrast));--hover-selected-text-color: var(--ig-chip-hover-selected-text-color, var(--ig-primary-700-contrast));--hover-selected-background: var(--ig-chip-hover-selected-background, var(--ig-primary-600));--outlined-text-color: var(--ig-chip-outlined-text-color, var(--ig-gray-700));--border-color: var(--ig-chip-border-color, var(--ig-gray-700));--selected-border-color: var(--ig-chip-selected-border-color, var(--ig-primary-200));--hover-selected-border-color: var(--ig-chip-hover-selected-border-color, var(--ig-primary-200));--focus-border-color: var(--ig-chip-focus-border-color, var(--ig-primary-200));--focus-selected-border-color: var(--ig-chip-focus-selected-border-color, var(--ig-primary-200));--text-color: var(--ig-chip-text-color, var(--ig-gray-700));--focus-background: var(--ig-chip-focus-background, var(--ig-primary-600));--focus-selected-text-color: var(--ig-chip-focus-selected-text-color, var(--ig-primary-700-contrast));--focus-selected-background: var(--ig-chip-focus-selected-background, var(--ig-primary-800));--hover-outlined-background: var(--ig-chip-hover-outlined-background, hsl(from var(--ig-gray-200) h s l/0.3));--hover-selected-outlined-background: var(--ig-chip-hover-selected-outlined-background, hsl(from var(--ig-primary-600) h s l/0.2));--focus-outlined-background: var(--ig-chip-focus-outlined-background, hsl(from var(--ig-primary-600) h s l/0.2));--focus-selected-outlined-background: var(--ig-chip-focus-selected-outlined-background, hsl(from var(--ig-primary-800) h s l/0.5));--ig-theme: fluent;--ig-theme-variant: dark}:host([outlined][variant=primary]) [part=base],:host([selected][outlined][variant=primary]:not([disabled])) [part=base]{border-color:var(--ig-primary-200);color:var(--ig-primary-600-contrast)}:host([outlined][variant=primary]) [part=base]:focus-within,:host([selected][outlined][variant=primary]:not([disabled])) [part=base]:focus-within{background:hsl(from var(--ig-primary-800) h s l/0.5)}:host([outlined][variant=primary]) [part=base]:hover,:host([selected][outlined][variant=primary]:not([disabled])) [part=base]:hover{background:hsl(from var(--ig-primary-600) h s l/0.2)}:host([outlined][variant=info]) [part=base],:host([selected][outlined][variant=info]:not([disabled])) [part=base]{border-color:var(--ig-info-200);color:var(--ig-info-500-contrast)}:host([outlined][variant=info]) [part=base]:focus-within,:host([selected][outlined][variant=info]:not([disabled])) [part=base]:focus-within{background:hsl(from var(--ig-info-800) h s l/0.5)}:host([outlined][variant=info]) [part=base]:hover,:host([selected][outlined][variant=info]:not([disabled])) [part=base]:hover{background:hsl(from var(--ig-info-600) h s l/0.2)}:host([outlined][variant=success]) [part=base],:host([selected][outlined][variant=success]:not([disabled])) [part=base]{border-color:var(--ig-success-100);color:var(--ig-success-600-contrast)}:host([outlined][variant=success]) [part=base]:focus-within,:host([selected][outlined][variant=success]:not([disabled])) [part=base]:focus-within{background:hsl(from var(--ig-success-800) h s l/0.5)}:host([outlined][variant=success]) [part=base]:hover,:host([selected][outlined][variant=success]:not([disabled])) [part=base]:hover{background:hsl(from var(--ig-success-600) h s l/0.2)}:host([outlined][variant=warning]) [part=base],:host([selected][outlined][variant=warning]:not([disabled])) [part=base]{border-color:var(--ig-warn-200);color:var(--ig-warn-500-contrast)}:host([outlined][variant=warning]) [part=base]:focus-within,:host([selected][outlined][variant=warning]:not([disabled])) [part=base]:focus-within{background:hsl(from var(--ig-warn-800) h s l/0.5)}:host([outlined][variant=warning]) [part=base]:hover,:host([selected][outlined][variant=warning]:not([disabled])) [part=base]:hover{background:hsl(from var(--ig-warn-600) h s l/0.2)}:host([outlined][variant=danger]) [part=base],:host([selected][outlined][variant=danger]:not([disabled])) [part=base]{border-color:var(--ig-error-50);color:var(--ig-error-600-contrast)}:host([outlined][variant=danger]) [part=base]:focus-within,:host([selected][outlined][variant=danger]:not([disabled])) [part=base]:focus-within{background:hsl(from var(--ig-error-800) h s l/0.5)}:host([outlined][variant=danger]) [part=base]:hover,:host([selected][outlined][variant=danger]:not([disabled])) [part=base]:hover{background:hsl(from var(--ig-error-600) h s l/0.2)}`;
3
3
  //# sourceMappingURL=chip.fluent.css.js.map
package/components/chip/themes/dark/chip.fluent.css.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"chip.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/chip/themes/dark/chip.fluent.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,onJAAonJ,CAAC","sourcesContent":["\n import { css } from 'lit';\n export const styles = css`:host{--ghost-elevation: var(--ig-chip-ghost-elevation, var(--ig-elevation-2));--ghost-background: var(--ig-chip-ghost-background, var(--ig-primary-500));--ghost-text-color: var(--ig-chip-ghost-text-color, var(--ig-primary-500-contrast));--hover-text-color: var(--ig-chip-hover-text-color, var(--ig-gray-200-contrast));--hover-background: var(--ig-chip-hover-background, var(--ig-gray-200));--focus-text-color: var(--ig-chip-focus-text-color, var(--ig-primary-700-contrast));--selected-text-color: var(--ig-chip-selected-text-color, var(--ig-primary-700-contrast));--hover-selected-text-color: var(--ig-chip-hover-selected-text-color, var(--ig-primary-700-contrast));--hover-selected-background: var(--ig-chip-hover-selected-background, var(--ig-primary-600));--outlined-text-color: var(--ig-chip-outlined-text-color, var(--ig-gray-700));--border-color: var(--ig-chip-border-color, var(--ig-gray-700));--selected-border-color: var(--ig-chip-selected-border-color, var(--ig-primary-200));--hover-selected-border-color: var(--ig-chip-hover-selected-border-color, var(--ig-primary-200));--focus-border-color: var(--ig-chip-focus-border-color, var(--ig-primary-200));--focus-selected-border-color: var(--ig-chip-focus-selected-border-color, var(--ig-primary-200));--text-color: var(--ig-chip-text-color, var(--ig-gray-700));--focus-background: var(--ig-chip-focus-background, var(--ig-primary-600));--focus-selected-text-color: var(--ig-chip-focus-selected-text-color, var(--ig-primary-700-contrast));--focus-selected-background: var(--ig-chip-focus-selected-background, var(--ig-primary-800));--hover-outlined-background: var(--ig-chip-hover-outlined-background, hsl(from var(--ig-gray-200) h s l/0.3));--hover-selected-outlined-background: var(--ig-chip-hover-selected-outlined-background, hsl(from var(--ig-primary-600) h s l/0.2));--focus-outlined-background: var(--ig-chip-focus-outlined-background, hsl(from var(--ig-primary-600) h s l/0.2));--focus-selected-outlined-background: var(--ig-chip-focus-selected-outlined-background, hsl(from var(--ig-primary-800) h s l/0.5));--ig-theme: fluent;--ig-theme-variant: dark}:host([outlined][variant=primary]) button,:host([selected][outlined][variant=primary]) button:not([disabled]){border-color:var(--ig-primary-200);color:var(--ig-primary-600-contrast)}:host([outlined][variant=primary]) button:focus,:host([selected][outlined][variant=primary]) button:not([disabled]):focus{background:hsl(from var(--ig-primary-800) h s l/0.5)}:host([outlined][variant=primary]) button:hover,:host([selected][outlined][variant=primary]) button:not([disabled]):hover{background:hsl(from var(--ig-primary-600) h s l/0.2)}:host([outlined][variant=info]) button,:host([selected][outlined][variant=info]) button:not([disabled]){border-color:var(--ig-info-200);color:var(--ig-info-500-contrast)}:host([outlined][variant=info]) button:focus,:host([selected][outlined][variant=info]) button:not([disabled]):focus{background:hsl(from var(--ig-info-800) h s l/0.5)}:host([outlined][variant=info]) button:hover,:host([selected][outlined][variant=info]) button:not([disabled]):hover{background:hsl(from var(--ig-info-600) h s l/0.2)}:host([outlined][variant=success]) button,:host([selected][outlined][variant=success]) button:not([disabled]){border-color:var(--ig-success-100);color:var(--ig-success-600-contrast)}:host([outlined][variant=success]) button:focus,:host([selected][outlined][variant=success]) button:not([disabled]):focus{background:hsl(from var(--ig-success-800) h s l/0.5)}:host([outlined][variant=success]) button:hover,:host([selected][outlined][variant=success]) button:not([disabled]):hover{background:hsl(from var(--ig-success-600) h s l/0.2)}:host([outlined][variant=warning]) button,:host([selected][outlined][variant=warning]) button:not([disabled]){border-color:var(--ig-warn-200);color:var(--ig-warn-500-contrast)}:host([outlined][variant=warning]) button:focus,:host([selected][outlined][variant=warning]) button:not([disabled]):focus{background:hsl(from var(--ig-warn-800) h s l/0.5)}:host([outlined][variant=warning]) button:hover,:host([selected][outlined][variant=warning]) button:not([disabled]):hover{background:hsl(from var(--ig-warn-600) h s l/0.2)}:host([outlined][variant=danger]) button,:host([selected][outlined][variant=danger]) button:not([disabled]){border-color:var(--ig-error-50);color:var(--ig-error-600-contrast)}:host([outlined][variant=danger]) button:focus,:host([selected][outlined][variant=danger]) button:not([disabled]):focus{background:hsl(from var(--ig-error-800) h s l/0.5)}:host([outlined][variant=danger]) button:hover,:host([selected][outlined][variant=danger]) button:not([disabled]):hover{background:hsl(from var(--ig-error-600) h s l/0.2)}`;\n "]}
1
+ {"version":3,"file":"chip.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/chip/themes/dark/chip.fluent.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,g1JAAg1J,CAAC","sourcesContent":["\n import { css } from 'lit';\n export const styles = css`:host{--ghost-elevation: var(--ig-chip-ghost-elevation, var(--ig-elevation-2));--ghost-background: var(--ig-chip-ghost-background, var(--ig-primary-500));--ghost-text-color: var(--ig-chip-ghost-text-color, var(--ig-primary-500-contrast));--hover-text-color: var(--ig-chip-hover-text-color, var(--ig-gray-200-contrast));--hover-background: var(--ig-chip-hover-background, var(--ig-gray-200));--focus-text-color: var(--ig-chip-focus-text-color, var(--ig-primary-700-contrast));--selected-text-color: var(--ig-chip-selected-text-color, var(--ig-primary-700-contrast));--hover-selected-text-color: var(--ig-chip-hover-selected-text-color, var(--ig-primary-700-contrast));--hover-selected-background: var(--ig-chip-hover-selected-background, var(--ig-primary-600));--outlined-text-color: var(--ig-chip-outlined-text-color, var(--ig-gray-700));--border-color: var(--ig-chip-border-color, var(--ig-gray-700));--selected-border-color: var(--ig-chip-selected-border-color, var(--ig-primary-200));--hover-selected-border-color: var(--ig-chip-hover-selected-border-color, var(--ig-primary-200));--focus-border-color: var(--ig-chip-focus-border-color, var(--ig-primary-200));--focus-selected-border-color: var(--ig-chip-focus-selected-border-color, var(--ig-primary-200));--text-color: var(--ig-chip-text-color, var(--ig-gray-700));--focus-background: var(--ig-chip-focus-background, var(--ig-primary-600));--focus-selected-text-color: var(--ig-chip-focus-selected-text-color, var(--ig-primary-700-contrast));--focus-selected-background: var(--ig-chip-focus-selected-background, var(--ig-primary-800));--hover-outlined-background: var(--ig-chip-hover-outlined-background, hsl(from var(--ig-gray-200) h s l/0.3));--hover-selected-outlined-background: var(--ig-chip-hover-selected-outlined-background, hsl(from var(--ig-primary-600) h s l/0.2));--focus-outlined-background: var(--ig-chip-focus-outlined-background, hsl(from var(--ig-primary-600) h s l/0.2));--focus-selected-outlined-background: var(--ig-chip-focus-selected-outlined-background, hsl(from var(--ig-primary-800) h s l/0.5));--ig-theme: fluent;--ig-theme-variant: dark}:host([outlined][variant=primary]) [part=base],:host([selected][outlined][variant=primary]:not([disabled])) [part=base]{border-color:var(--ig-primary-200);color:var(--ig-primary-600-contrast)}:host([outlined][variant=primary]) [part=base]:focus-within,:host([selected][outlined][variant=primary]:not([disabled])) [part=base]:focus-within{background:hsl(from var(--ig-primary-800) h s l/0.5)}:host([outlined][variant=primary]) [part=base]:hover,:host([selected][outlined][variant=primary]:not([disabled])) [part=base]:hover{background:hsl(from var(--ig-primary-600) h s l/0.2)}:host([outlined][variant=info]) [part=base],:host([selected][outlined][variant=info]:not([disabled])) [part=base]{border-color:var(--ig-info-200);color:var(--ig-info-500-contrast)}:host([outlined][variant=info]) [part=base]:focus-within,:host([selected][outlined][variant=info]:not([disabled])) [part=base]:focus-within{background:hsl(from var(--ig-info-800) h s l/0.5)}:host([outlined][variant=info]) [part=base]:hover,:host([selected][outlined][variant=info]:not([disabled])) [part=base]:hover{background:hsl(from var(--ig-info-600) h s l/0.2)}:host([outlined][variant=success]) [part=base],:host([selected][outlined][variant=success]:not([disabled])) [part=base]{border-color:var(--ig-success-100);color:var(--ig-success-600-contrast)}:host([outlined][variant=success]) [part=base]:focus-within,:host([selected][outlined][variant=success]:not([disabled])) [part=base]:focus-within{background:hsl(from var(--ig-success-800) h s l/0.5)}:host([outlined][variant=success]) [part=base]:hover,:host([selected][outlined][variant=success]:not([disabled])) [part=base]:hover{background:hsl(from var(--ig-success-600) h s l/0.2)}:host([outlined][variant=warning]) [part=base],:host([selected][outlined][variant=warning]:not([disabled])) [part=base]{border-color:var(--ig-warn-200);color:var(--ig-warn-500-contrast)}:host([outlined][variant=warning]) [part=base]:focus-within,:host([selected][outlined][variant=warning]:not([disabled])) [part=base]:focus-within{background:hsl(from var(--ig-warn-800) h s l/0.5)}:host([outlined][variant=warning]) [part=base]:hover,:host([selected][outlined][variant=warning]:not([disabled])) [part=base]:hover{background:hsl(from var(--ig-warn-600) h s l/0.2)}:host([outlined][variant=danger]) [part=base],:host([selected][outlined][variant=danger]:not([disabled])) [part=base]{border-color:var(--ig-error-50);color:var(--ig-error-600-contrast)}:host([outlined][variant=danger]) [part=base]:focus-within,:host([selected][outlined][variant=danger]:not([disabled])) [part=base]:focus-within{background:hsl(from var(--ig-error-800) h s l/0.5)}:host([outlined][variant=danger]) [part=base]:hover,:host([selected][outlined][variant=danger]:not([disabled])) [part=base]:hover{background:hsl(from var(--ig-error-600) h s l/0.2)}`;\n "]}
package/components/chip/themes/dark/chip.indigo.css.js CHANGED
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host{--ghost-elevation: var(--ig-chip-ghost-elevation, var(--ig-elevation-1));--focus-shadow-color: var(--ig-chip-focus-shadow-color, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--focus-selected-shadow-color: var(--ig-chip-focus-selected-shadow-color, hsl(from var(--ig-primary-400) h s l/0.5));--background: var(--ig-chip-background, var(--ig-gray-300));--ghost-background: var(--ig-chip-ghost-background, var(--ig-gray-100));--ghost-text-color: var(--ig-chip-ghost-text-color, hsl(from var(--ig-gray-100-contrast) h s l/0.8));--hover-text-color: var(--ig-chip-hover-text-color, var(--ig-gray-50));--focus-text-color: var(--ig-chip-focus-text-color, var(--ig-gray-800));--selected-text-color: var(--ig-chip-selected-text-color, var(--ig-primary-900-contrast));--hover-selected-text-color: var(--ig-chip-hover-selected-text-color, var(--ig-primary-900-contrast));--hover-selected-background: var(--ig-chip-hover-selected-background, var(--ig-primary-400));--disabled-text-color: var(--ig-chip-disabled-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--disabled-background: var(--ig-chip-disabled-background, hsl(from var(--ig-gray-50-contrast) h s l/0.05));--disabled-selected-text-color: var(--ig-chip-disabled-selected-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--disabled-selected-background: var(--ig-chip-disabled-selected-background, hsl(from var(--ig-primary-400) h s l/0.5));--size: var(--ig-chip-size, max(var(--is-large, 1) * max(1.75rem, -1 * 1.75rem), var(--is-medium, 1) * max(1.5rem, -1 * 1.5rem), var(--is-small, 1) * max(1.25rem, -1 * 1.25rem)));--outlined-background: var(--ig-chip-outlined-background, hsl(from var(--ig-gray-50-contrast) h s l/0.05));--outlined-text-color: var(--ig-chip-outlined-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--border-color: var(--ig-chip-border-color, var(--ig-gray-100));--selected-outlined-text-color: var(--ig-chip-selected-outlined-text-color, var(--ig-gray-50-contrast));--selected-border-color: var(--ig-chip-selected-border-color, var(--ig-primary-400));--hover-border-color: var(--ig-chip-hover-border-color, var(--ig-gray-200));--hover-outlined-text-color: var(--ig-chip-hover-outlined-text-color, var(--ig-gray-50-contrast));--hover-selected-border-color: var(--ig-chip-hover-selected-border-color, var(--ig-primary-400));--hover-selected-outlined-text-color: var(--ig-chip-hover-selected-outlined-text-color, var(--ig-gray-50-contrast));--focus-border-color: var(--ig-chip-focus-border-color, var(--ig-gray-100));--focus-outlined-text-color: var(--ig-chip-focus-outlined-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--focus-selected-border-color: var(--ig-chip-focus-selected-border-color, var(--ig-primary-400));--focus-selected-outlined-text-color: var(--ig-chip-focus-selected-outlined-text-color, var(--ig-gray-50-contrast));--disabled-outlined-background: var(--ig-chip-disabled-outlined-background, hsl(from var(--ig-gray-50-contrast) h s l/0.05));--disabled-outlined-text-color: var(--ig-chip-disabled-outlined-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--disabled-border-color: var(--ig-chip-disabled-border-color, var(--ig-gray-50));--disabled-selected-outlined-background: var(--ig-chip-disabled-selected-outlined-background, transparent);--disabled-selected-outlined-text-color: var(--ig-chip-disabled-selected-outlined-text-color, var(--ig-gray-50-contrast));--disabled-selected-border-color: var(--ig-chip-disabled-selected-border-color, var(--ig-primary-400));--text-color: var(--ig-chip-text-color, var(--ig-gray-800));--focus-background: var(--ig-chip-focus-background, var(--ig-gray-300));--focus-selected-text-color: var(--ig-chip-focus-selected-text-color, var(--ig-primary-900-contrast));--focus-selected-background: var(--ig-chip-focus-selected-background, var(--ig-primary-500));--hover-outlined-background: var(--ig-chip-hover-outlined-background, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--hover-selected-outlined-background: var(--ig-chip-hover-selected-outlined-background, hsl(from var(--ig-primary-400) h s l/0.3));--focus-outlined-background: var(--ig-chip-focus-outlined-background, hsl(from var(--ig-gray-50-contrast) h s l/0.05));--focus-selected-outlined-background: var(--ig-chip-focus-selected-outlined-background, transparent);--ig-theme: indigo;--ig-theme-variant: dark}:host([variant=info]) button:focus,:host([selected][variant=info]) button:not([disabled]):focus{box-shadow:0 0 0 .1875rem var(--ig-info-800)}:host([variant=success]) button:focus,:host([selected][variant=success]) button:not([disabled]):focus{box-shadow:0 0 0 .1875rem var(--ig-success-900)}:host([variant=warning]) button,:host([selected][variant=warning]) button:not([disabled]){color:var(--ig-gray-50)}:host([variant=warning]) button:focus,:host([selected][variant=warning]) button:not([disabled]):focus{color:var(--ig-gray-50);box-shadow:0 0 0 .1875rem var(--ig-warn-900)}:host([variant=warning]) button:hover,:host([selected][variant=warning]) button:not([disabled]):hover{color:var(--ig-gray-50)}:host([variant=warning]) button[disabled],:host([selected][variant=warning]) button[disabled]{color:var(--ig-gray-50)}:host([variant=danger]) button:focus,:host([selected][variant=danger]) button:not([disabled]):focus{box-shadow:0 0 0 .1875rem var(--ig-error-900)}:host([variant=primary]) button[disabled],:host([selected][variant=primary]) button[disabled]{color:hsl(from var(--ig-primary-900-contrast) h s l/0.2)}:host([outlined][variant=primary]) button,:host([selected][outlined][variant=primary]) button:not([disabled]){border-color:var(--ig-primary-400);color:var(--ig-gray-100-contrast)}:host([outlined][variant=primary]) button:hover,:host([selected][outlined][variant=primary]) button:not([disabled]):hover{background:hsl(from var(--ig-primary-400) h s l/0.3)}:host([outlined][variant=primary]) button:focus,:host([selected][outlined][variant=primary]) button:not([disabled]):focus{background:rgba(0,0,0,0)}:host([outlined][variant=primary]) button[disabled],:host([selected][outlined][variant=primary]) button[disabled]{background:rgba(0,0,0,0);border-color:var(--ig-primary-400);color:var(--ig-gray-100-contrast)}:host([outlined][variant=info]) button,:host([selected][outlined][variant=info]) button:not([disabled]){border-color:var(--ig-info-300);color:var(--ig-gray-100-contrast)}:host([outlined][variant=info]) button:hover,:host([selected][outlined][variant=info]) button:not([disabled]):hover{background:hsl(from var(--ig-info-400) h s l/0.3)}:host([outlined][variant=info]) button:focus,:host([selected][outlined][variant=info]) button:not([disabled]):focus{background:rgba(0,0,0,0)}:host([outlined][variant=info]) button[disabled],:host([selected][outlined][variant=info]) button[disabled]{background:rgba(0,0,0,0);border-color:var(--ig-info-300);color:var(--ig-gray-100-contrast)}:host([outlined][variant=success]) button,:host([selected][outlined][variant=success]) button:not([disabled]){border-color:var(--ig-success-500);color:var(--ig-gray-100-contrast)}:host([outlined][variant=success]) button:hover,:host([selected][outlined][variant=success]) button:not([disabled]):hover{background:hsl(from var(--ig-success-700) h s l/0.3)}:host([outlined][variant=success]) button:focus,:host([selected][outlined][variant=success]) button:not([disabled]):focus{background:rgba(0,0,0,0)}:host([outlined][variant=success]) button[disabled],:host([selected][outlined][variant=success]) button[disabled]{background:rgba(0,0,0,0);border-color:var(--ig-success-500);color:var(--ig-gray-100-contrast)}:host([outlined][variant=warning]) button,:host([selected][outlined][variant=warning]) button:not([disabled]){border-color:var(--ig-warn-300);color:var(--ig-gray-100-contrast)}:host([outlined][variant=warning]) button:hover,:host([selected][outlined][variant=warning]) button:not([disabled]):hover{background:hsl(from var(--ig-warn-400) h s l/0.3)}:host([outlined][variant=warning]) button:focus,:host([selected][outlined][variant=warning]) button:not([disabled]):focus{background:rgba(0,0,0,0)}:host([outlined][variant=warning]) button[disabled],:host([selected][outlined][variant=warning]) button[disabled]{background:rgba(0,0,0,0);border-color:var(--ig-warn-300);color:var(--ig-gray-100-contrast)}:host([outlined][variant=danger]) button,:host([selected][outlined][variant=danger]) button:not([disabled]){border-color:var(--ig-error-400);color:var(--ig-gray-100-contrast)}:host([outlined][variant=danger]) button:hover,:host([selected][outlined][variant=danger]) button:not([disabled]):hover{background:hsl(from var(--ig-error-500) h s l/0.3)}:host([outlined][variant=danger]) button:focus,:host([selected][outlined][variant=danger]) button:not([disabled]):focus{background:rgba(0,0,0,0)}:host([outlined][variant=danger]) button[disabled],:host([selected][outlined][variant=danger]) button[disabled]{background:rgba(0,0,0,0);border-color:var(--ig-error-400);color:var(--ig-gray-100-contrast)}`;
2
+ export const styles = css `:host{--ghost-elevation: var(--ig-chip-ghost-elevation, var(--ig-elevation-1));--focus-shadow-color: var(--ig-chip-focus-shadow-color, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--focus-selected-shadow-color: var(--ig-chip-focus-selected-shadow-color, hsl(from var(--ig-primary-400) h s l/0.5));--background: var(--ig-chip-background, var(--ig-gray-300));--ghost-background: var(--ig-chip-ghost-background, var(--ig-gray-100));--ghost-text-color: var(--ig-chip-ghost-text-color, hsl(from var(--ig-gray-100-contrast) h s l/0.8));--hover-text-color: var(--ig-chip-hover-text-color, var(--ig-gray-50));--focus-text-color: var(--ig-chip-focus-text-color, var(--ig-gray-800));--selected-text-color: var(--ig-chip-selected-text-color, var(--ig-primary-900-contrast));--hover-selected-text-color: var(--ig-chip-hover-selected-text-color, var(--ig-primary-900-contrast));--hover-selected-background: var(--ig-chip-hover-selected-background, var(--ig-primary-400));--disabled-text-color: var(--ig-chip-disabled-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--disabled-background: var(--ig-chip-disabled-background, hsl(from var(--ig-gray-50-contrast) h s l/0.05));--disabled-selected-text-color: var(--ig-chip-disabled-selected-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--disabled-selected-background: var(--ig-chip-disabled-selected-background, hsl(from var(--ig-primary-400) h s l/0.5));--size: var(--ig-chip-size, max(var(--is-large, 1) * max(1.75rem, -1 * 1.75rem), var(--is-medium, 1) * max(1.5rem, -1 * 1.5rem), var(--is-small, 1) * max(1.25rem, -1 * 1.25rem)));--outlined-background: var(--ig-chip-outlined-background, hsl(from var(--ig-gray-50-contrast) h s l/0.05));--outlined-text-color: var(--ig-chip-outlined-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--border-color: var(--ig-chip-border-color, var(--ig-gray-100));--selected-outlined-text-color: var(--ig-chip-selected-outlined-text-color, var(--ig-gray-50-contrast));--selected-border-color: var(--ig-chip-selected-border-color, var(--ig-primary-400));--hover-border-color: var(--ig-chip-hover-border-color, var(--ig-gray-200));--hover-outlined-text-color: var(--ig-chip-hover-outlined-text-color, var(--ig-gray-50-contrast));--hover-selected-border-color: var(--ig-chip-hover-selected-border-color, var(--ig-primary-400));--hover-selected-outlined-text-color: var(--ig-chip-hover-selected-outlined-text-color, var(--ig-gray-50-contrast));--focus-border-color: var(--ig-chip-focus-border-color, var(--ig-gray-100));--focus-outlined-text-color: var(--ig-chip-focus-outlined-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--focus-selected-border-color: var(--ig-chip-focus-selected-border-color, var(--ig-primary-400));--focus-selected-outlined-text-color: var(--ig-chip-focus-selected-outlined-text-color, var(--ig-gray-50-contrast));--disabled-outlined-background: var(--ig-chip-disabled-outlined-background, hsl(from var(--ig-gray-50-contrast) h s l/0.05));--disabled-outlined-text-color: var(--ig-chip-disabled-outlined-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--disabled-border-color: var(--ig-chip-disabled-border-color, var(--ig-gray-50));--disabled-selected-outlined-background: var(--ig-chip-disabled-selected-outlined-background, transparent);--disabled-selected-outlined-text-color: var(--ig-chip-disabled-selected-outlined-text-color, var(--ig-gray-50-contrast));--disabled-selected-border-color: var(--ig-chip-disabled-selected-border-color, var(--ig-primary-400));--text-color: var(--ig-chip-text-color, var(--ig-gray-800));--focus-background: var(--ig-chip-focus-background, var(--ig-gray-300));--focus-selected-text-color: var(--ig-chip-focus-selected-text-color, var(--ig-primary-900-contrast));--focus-selected-background: var(--ig-chip-focus-selected-background, var(--ig-primary-500));--hover-outlined-background: var(--ig-chip-hover-outlined-background, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--hover-selected-outlined-background: var(--ig-chip-hover-selected-outlined-background, hsl(from var(--ig-primary-400) h s l/0.3));--focus-outlined-background: var(--ig-chip-focus-outlined-background, hsl(from var(--ig-gray-50-contrast) h s l/0.05));--focus-selected-outlined-background: var(--ig-chip-focus-selected-outlined-background, transparent);--ig-theme: indigo;--ig-theme-variant: dark}:host([variant=info]) [part=base]:focus-within,:host([selected][variant=info]:not([disabled])) [part=base]:focus-within{box-shadow:0 0 0 .1875rem var(--ig-info-800)}:host([variant=success]) [part=base]:focus-within,:host([selected][variant=success]:not([disabled])) [part=base]:focus-within{box-shadow:0 0 0 .1875rem var(--ig-success-900)}:host([variant=warning]) [part=base],:host([selected][variant=warning]:not([disabled])) [part=base]{color:var(--ig-gray-50)}:host([variant=warning]) [part=base]:focus-within,:host([selected][variant=warning]:not([disabled])) [part=base]:focus-within{color:var(--ig-gray-50);box-shadow:0 0 0 .1875rem var(--ig-warn-900)}:host([variant=warning]) [part=base]:hover,:host([selected][variant=warning]:not([disabled])) [part=base]:hover{color:var(--ig-gray-50)}:host([variant=warning][disabled]) [part=base],:host([selected][variant=warning][disabled]) [part=base]{color:var(--ig-gray-50)}:host([variant=danger]) [part=base]:focus-within,:host([selected][variant=danger]:not([disabled])) [part=base]:focus-within{box-shadow:0 0 0 .1875rem var(--ig-error-900)}:host([variant=primary][disabled]) [part=base],:host([selected][variant=primary][disabled]) [part=base]{color:hsl(from var(--ig-primary-900-contrast) h s l/0.2)}:host([outlined][variant=primary]) [part=base],:host([selected][outlined][variant=primary]:not([disabled])) [part=base]{border-color:var(--ig-primary-400);color:var(--ig-gray-100-contrast)}:host([outlined][variant=primary]) [part=base]:hover,:host([selected][outlined][variant=primary]:not([disabled])) [part=base]:hover{background:hsl(from var(--ig-primary-400) h s l/0.3)}:host([outlined][variant=primary]) [part=base]:focus-within,:host([selected][outlined][variant=primary]:not([disabled])) [part=base]:focus-within{background:rgba(0,0,0,0)}:host([outlined][variant=primary][disabled]) [part=base],:host([selected][outlined][variant=primary][disabled]) [part=base]{background:rgba(0,0,0,0);border-color:var(--ig-primary-400);color:var(--ig-gray-100-contrast)}:host([outlined][variant=info]) [part=base],:host([selected][outlined][variant=info]:not([disabled])) [part=base]{border-color:var(--ig-info-300);color:var(--ig-gray-100-contrast)}:host([outlined][variant=info]) [part=base]:hover,:host([selected][outlined][variant=info]:not([disabled])) [part=base]:hover{background:hsl(from var(--ig-info-400) h s l/0.3)}:host([outlined][variant=info]) [part=base]:focus-within,:host([selected][outlined][variant=info]:not([disabled])) [part=base]:focus-within{background:rgba(0,0,0,0)}:host([outlined][variant=info][disabled]) [part=base],:host([selected][outlined][variant=info][disabled]) [part=base]{background:rgba(0,0,0,0);border-color:var(--ig-info-300);color:var(--ig-gray-100-contrast)}:host([outlined][variant=success]) [part=base],:host([selected][outlined][variant=success]:not([disabled])) [part=base]{border-color:var(--ig-success-500);color:var(--ig-gray-100-contrast)}:host([outlined][variant=success]) [part=base]:hover,:host([selected][outlined][variant=success]:not([disabled])) [part=base]:hover{background:hsl(from var(--ig-success-700) h s l/0.3)}:host([outlined][variant=success]) [part=base]:focus-within,:host([selected][outlined][variant=success]:not([disabled])) [part=base]:focus-within{background:rgba(0,0,0,0)}:host([outlined][variant=success][disabled]) [part=base],:host([selected][outlined][variant=success][disabled]) [part=base]{background:rgba(0,0,0,0);border-color:var(--ig-success-500);color:var(--ig-gray-100-contrast)}:host([outlined][variant=warning]) [part=base],:host([selected][outlined][variant=warning]:not([disabled])) [part=base]{border-color:var(--ig-warn-300);color:var(--ig-gray-100-contrast)}:host([outlined][variant=warning]) [part=base]:hover,:host([selected][outlined][variant=warning]:not([disabled])) [part=base]:hover{background:hsl(from var(--ig-warn-400) h s l/0.3)}:host([outlined][variant=warning]) [part=base]:focus-within,:host([selected][outlined][variant=warning]:not([disabled])) [part=base]:focus-within{background:rgba(0,0,0,0)}:host([outlined][variant=warning][disabled]) [part=base],:host([selected][outlined][variant=warning][disabled]) [part=base]{background:rgba(0,0,0,0);border-color:var(--ig-warn-300);color:var(--ig-gray-100-contrast)}:host([outlined][variant=danger]) [part=base],:host([selected][outlined][variant=danger]:not([disabled])) [part=base]{border-color:var(--ig-error-400);color:var(--ig-gray-100-contrast)}:host([outlined][variant=danger]) [part=base]:hover,:host([selected][outlined][variant=danger]:not([disabled])) [part=base]:hover{background:hsl(from var(--ig-error-500) h s l/0.3)}:host([outlined][variant=danger]) [part=base]:focus-within,:host([selected][outlined][variant=danger]:not([disabled])) [part=base]:focus-within{background:rgba(0,0,0,0)}:host([outlined][variant=danger][disabled]) [part=base],:host([selected][outlined][variant=danger][disabled]) [part=base]{background:rgba(0,0,0,0);border-color:var(--ig-error-400);color:var(--ig-gray-100-contrast)}`;
3
3
  //# sourceMappingURL=chip.indigo.css.js.map
package/components/chip/themes/dark/chip.indigo.css.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"chip.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/chip/themes/dark/chip.indigo.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,swRAAswR,CAAC","sourcesContent":["\n import { css } from 'lit';\n export const styles = css`:host{--ghost-elevation: var(--ig-chip-ghost-elevation, var(--ig-elevation-1));--focus-shadow-color: var(--ig-chip-focus-shadow-color, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--focus-selected-shadow-color: var(--ig-chip-focus-selected-shadow-color, hsl(from var(--ig-primary-400) h s l/0.5));--background: var(--ig-chip-background, var(--ig-gray-300));--ghost-background: var(--ig-chip-ghost-background, var(--ig-gray-100));--ghost-text-color: var(--ig-chip-ghost-text-color, hsl(from var(--ig-gray-100-contrast) h s l/0.8));--hover-text-color: var(--ig-chip-hover-text-color, var(--ig-gray-50));--focus-text-color: var(--ig-chip-focus-text-color, var(--ig-gray-800));--selected-text-color: var(--ig-chip-selected-text-color, var(--ig-primary-900-contrast));--hover-selected-text-color: var(--ig-chip-hover-selected-text-color, var(--ig-primary-900-contrast));--hover-selected-background: var(--ig-chip-hover-selected-background, var(--ig-primary-400));--disabled-text-color: var(--ig-chip-disabled-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--disabled-background: var(--ig-chip-disabled-background, hsl(from var(--ig-gray-50-contrast) h s l/0.05));--disabled-selected-text-color: var(--ig-chip-disabled-selected-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--disabled-selected-background: var(--ig-chip-disabled-selected-background, hsl(from var(--ig-primary-400) h s l/0.5));--size: var(--ig-chip-size, max(var(--is-large, 1) * max(1.75rem, -1 * 1.75rem), var(--is-medium, 1) * max(1.5rem, -1 * 1.5rem), var(--is-small, 1) * max(1.25rem, -1 * 1.25rem)));--outlined-background: var(--ig-chip-outlined-background, hsl(from var(--ig-gray-50-contrast) h s l/0.05));--outlined-text-color: var(--ig-chip-outlined-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--border-color: var(--ig-chip-border-color, var(--ig-gray-100));--selected-outlined-text-color: var(--ig-chip-selected-outlined-text-color, var(--ig-gray-50-contrast));--selected-border-color: var(--ig-chip-selected-border-color, var(--ig-primary-400));--hover-border-color: var(--ig-chip-hover-border-color, var(--ig-gray-200));--hover-outlined-text-color: var(--ig-chip-hover-outlined-text-color, var(--ig-gray-50-contrast));--hover-selected-border-color: var(--ig-chip-hover-selected-border-color, var(--ig-primary-400));--hover-selected-outlined-text-color: var(--ig-chip-hover-selected-outlined-text-color, var(--ig-gray-50-contrast));--focus-border-color: var(--ig-chip-focus-border-color, var(--ig-gray-100));--focus-outlined-text-color: var(--ig-chip-focus-outlined-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--focus-selected-border-color: var(--ig-chip-focus-selected-border-color, var(--ig-primary-400));--focus-selected-outlined-text-color: var(--ig-chip-focus-selected-outlined-text-color, var(--ig-gray-50-contrast));--disabled-outlined-background: var(--ig-chip-disabled-outlined-background, hsl(from var(--ig-gray-50-contrast) h s l/0.05));--disabled-outlined-text-color: var(--ig-chip-disabled-outlined-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--disabled-border-color: var(--ig-chip-disabled-border-color, var(--ig-gray-50));--disabled-selected-outlined-background: var(--ig-chip-disabled-selected-outlined-background, transparent);--disabled-selected-outlined-text-color: var(--ig-chip-disabled-selected-outlined-text-color, var(--ig-gray-50-contrast));--disabled-selected-border-color: var(--ig-chip-disabled-selected-border-color, var(--ig-primary-400));--text-color: var(--ig-chip-text-color, var(--ig-gray-800));--focus-background: var(--ig-chip-focus-background, var(--ig-gray-300));--focus-selected-text-color: var(--ig-chip-focus-selected-text-color, var(--ig-primary-900-contrast));--focus-selected-background: var(--ig-chip-focus-selected-background, var(--ig-primary-500));--hover-outlined-background: var(--ig-chip-hover-outlined-background, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--hover-selected-outlined-background: var(--ig-chip-hover-selected-outlined-background, hsl(from var(--ig-primary-400) h s l/0.3));--focus-outlined-background: var(--ig-chip-focus-outlined-background, hsl(from var(--ig-gray-50-contrast) h s l/0.05));--focus-selected-outlined-background: var(--ig-chip-focus-selected-outlined-background, transparent);--ig-theme: indigo;--ig-theme-variant: dark}:host([variant=info]) button:focus,:host([selected][variant=info]) button:not([disabled]):focus{box-shadow:0 0 0 .1875rem var(--ig-info-800)}:host([variant=success]) button:focus,:host([selected][variant=success]) button:not([disabled]):focus{box-shadow:0 0 0 .1875rem var(--ig-success-900)}:host([variant=warning]) button,:host([selected][variant=warning]) button:not([disabled]){color:var(--ig-gray-50)}:host([variant=warning]) button:focus,:host([selected][variant=warning]) button:not([disabled]):focus{color:var(--ig-gray-50);box-shadow:0 0 0 .1875rem var(--ig-warn-900)}:host([variant=warning]) button:hover,:host([selected][variant=warning]) button:not([disabled]):hover{color:var(--ig-gray-50)}:host([variant=warning]) button[disabled],:host([selected][variant=warning]) button[disabled]{color:var(--ig-gray-50)}:host([variant=danger]) button:focus,:host([selected][variant=danger]) button:not([disabled]):focus{box-shadow:0 0 0 .1875rem var(--ig-error-900)}:host([variant=primary]) button[disabled],:host([selected][variant=primary]) button[disabled]{color:hsl(from var(--ig-primary-900-contrast) h s l/0.2)}:host([outlined][variant=primary]) button,:host([selected][outlined][variant=primary]) button:not([disabled]){border-color:var(--ig-primary-400);color:var(--ig-gray-100-contrast)}:host([outlined][variant=primary]) button:hover,:host([selected][outlined][variant=primary]) button:not([disabled]):hover{background:hsl(from var(--ig-primary-400) h s l/0.3)}:host([outlined][variant=primary]) button:focus,:host([selected][outlined][variant=primary]) button:not([disabled]):focus{background:rgba(0,0,0,0)}:host([outlined][variant=primary]) button[disabled],:host([selected][outlined][variant=primary]) button[disabled]{background:rgba(0,0,0,0);border-color:var(--ig-primary-400);color:var(--ig-gray-100-contrast)}:host([outlined][variant=info]) button,:host([selected][outlined][variant=info]) button:not([disabled]){border-color:var(--ig-info-300);color:var(--ig-gray-100-contrast)}:host([outlined][variant=info]) button:hover,:host([selected][outlined][variant=info]) button:not([disabled]):hover{background:hsl(from var(--ig-info-400) h s l/0.3)}:host([outlined][variant=info]) button:focus,:host([selected][outlined][variant=info]) button:not([disabled]):focus{background:rgba(0,0,0,0)}:host([outlined][variant=info]) button[disabled],:host([selected][outlined][variant=info]) button[disabled]{background:rgba(0,0,0,0);border-color:var(--ig-info-300);color:var(--ig-gray-100-contrast)}:host([outlined][variant=success]) button,:host([selected][outlined][variant=success]) button:not([disabled]){border-color:var(--ig-success-500);color:var(--ig-gray-100-contrast)}:host([outlined][variant=success]) button:hover,:host([selected][outlined][variant=success]) button:not([disabled]):hover{background:hsl(from var(--ig-success-700) h s l/0.3)}:host([outlined][variant=success]) button:focus,:host([selected][outlined][variant=success]) button:not([disabled]):focus{background:rgba(0,0,0,0)}:host([outlined][variant=success]) button[disabled],:host([selected][outlined][variant=success]) button[disabled]{background:rgba(0,0,0,0);border-color:var(--ig-success-500);color:var(--ig-gray-100-contrast)}:host([outlined][variant=warning]) button,:host([selected][outlined][variant=warning]) button:not([disabled]){border-color:var(--ig-warn-300);color:var(--ig-gray-100-contrast)}:host([outlined][variant=warning]) button:hover,:host([selected][outlined][variant=warning]) button:not([disabled]):hover{background:hsl(from var(--ig-warn-400) h s l/0.3)}:host([outlined][variant=warning]) button:focus,:host([selected][outlined][variant=warning]) button:not([disabled]):focus{background:rgba(0,0,0,0)}:host([outlined][variant=warning]) button[disabled],:host([selected][outlined][variant=warning]) button[disabled]{background:rgba(0,0,0,0);border-color:var(--ig-warn-300);color:var(--ig-gray-100-contrast)}:host([outlined][variant=danger]) button,:host([selected][outlined][variant=danger]) button:not([disabled]){border-color:var(--ig-error-400);color:var(--ig-gray-100-contrast)}:host([outlined][variant=danger]) button:hover,:host([selected][outlined][variant=danger]) button:not([disabled]):hover{background:hsl(from var(--ig-error-500) h s l/0.3)}:host([outlined][variant=danger]) button:focus,:host([selected][outlined][variant=danger]) button:not([disabled]):focus{background:rgba(0,0,0,0)}:host([outlined][variant=danger]) button[disabled],:host([selected][outlined][variant=danger]) button[disabled]{background:rgba(0,0,0,0);border-color:var(--ig-error-400);color:var(--ig-gray-100-contrast)}`;\n "]}
1
+ {"version":3,"file":"chip.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/chip/themes/dark/chip.indigo.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,4pSAA4pS,CAAC","sourcesContent":["\n import { css } from 'lit';\n export const styles = css`:host{--ghost-elevation: var(--ig-chip-ghost-elevation, var(--ig-elevation-1));--focus-shadow-color: var(--ig-chip-focus-shadow-color, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--focus-selected-shadow-color: var(--ig-chip-focus-selected-shadow-color, hsl(from var(--ig-primary-400) h s l/0.5));--background: var(--ig-chip-background, var(--ig-gray-300));--ghost-background: var(--ig-chip-ghost-background, var(--ig-gray-100));--ghost-text-color: var(--ig-chip-ghost-text-color, hsl(from var(--ig-gray-100-contrast) h s l/0.8));--hover-text-color: var(--ig-chip-hover-text-color, var(--ig-gray-50));--focus-text-color: var(--ig-chip-focus-text-color, var(--ig-gray-800));--selected-text-color: var(--ig-chip-selected-text-color, var(--ig-primary-900-contrast));--hover-selected-text-color: var(--ig-chip-hover-selected-text-color, var(--ig-primary-900-contrast));--hover-selected-background: var(--ig-chip-hover-selected-background, var(--ig-primary-400));--disabled-text-color: var(--ig-chip-disabled-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--disabled-background: var(--ig-chip-disabled-background, hsl(from var(--ig-gray-50-contrast) h s l/0.05));--disabled-selected-text-color: var(--ig-chip-disabled-selected-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--disabled-selected-background: var(--ig-chip-disabled-selected-background, hsl(from var(--ig-primary-400) h s l/0.5));--size: var(--ig-chip-size, max(var(--is-large, 1) * max(1.75rem, -1 * 1.75rem), var(--is-medium, 1) * max(1.5rem, -1 * 1.5rem), var(--is-small, 1) * max(1.25rem, -1 * 1.25rem)));--outlined-background: var(--ig-chip-outlined-background, hsl(from var(--ig-gray-50-contrast) h s l/0.05));--outlined-text-color: var(--ig-chip-outlined-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--border-color: var(--ig-chip-border-color, var(--ig-gray-100));--selected-outlined-text-color: var(--ig-chip-selected-outlined-text-color, var(--ig-gray-50-contrast));--selected-border-color: var(--ig-chip-selected-border-color, var(--ig-primary-400));--hover-border-color: var(--ig-chip-hover-border-color, var(--ig-gray-200));--hover-outlined-text-color: var(--ig-chip-hover-outlined-text-color, var(--ig-gray-50-contrast));--hover-selected-border-color: var(--ig-chip-hover-selected-border-color, var(--ig-primary-400));--hover-selected-outlined-text-color: var(--ig-chip-hover-selected-outlined-text-color, var(--ig-gray-50-contrast));--focus-border-color: var(--ig-chip-focus-border-color, var(--ig-gray-100));--focus-outlined-text-color: var(--ig-chip-focus-outlined-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--focus-selected-border-color: var(--ig-chip-focus-selected-border-color, var(--ig-primary-400));--focus-selected-outlined-text-color: var(--ig-chip-focus-selected-outlined-text-color, var(--ig-gray-50-contrast));--disabled-outlined-background: var(--ig-chip-disabled-outlined-background, hsl(from var(--ig-gray-50-contrast) h s l/0.05));--disabled-outlined-text-color: var(--ig-chip-disabled-outlined-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--disabled-border-color: var(--ig-chip-disabled-border-color, var(--ig-gray-50));--disabled-selected-outlined-background: var(--ig-chip-disabled-selected-outlined-background, transparent);--disabled-selected-outlined-text-color: var(--ig-chip-disabled-selected-outlined-text-color, var(--ig-gray-50-contrast));--disabled-selected-border-color: var(--ig-chip-disabled-selected-border-color, var(--ig-primary-400));--text-color: var(--ig-chip-text-color, var(--ig-gray-800));--focus-background: var(--ig-chip-focus-background, var(--ig-gray-300));--focus-selected-text-color: var(--ig-chip-focus-selected-text-color, var(--ig-primary-900-contrast));--focus-selected-background: var(--ig-chip-focus-selected-background, var(--ig-primary-500));--hover-outlined-background: var(--ig-chip-hover-outlined-background, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--hover-selected-outlined-background: var(--ig-chip-hover-selected-outlined-background, hsl(from var(--ig-primary-400) h s l/0.3));--focus-outlined-background: var(--ig-chip-focus-outlined-background, hsl(from var(--ig-gray-50-contrast) h s l/0.05));--focus-selected-outlined-background: var(--ig-chip-focus-selected-outlined-background, transparent);--ig-theme: indigo;--ig-theme-variant: dark}:host([variant=info]) [part=base]:focus-within,:host([selected][variant=info]:not([disabled])) [part=base]:focus-within{box-shadow:0 0 0 .1875rem var(--ig-info-800)}:host([variant=success]) [part=base]:focus-within,:host([selected][variant=success]:not([disabled])) [part=base]:focus-within{box-shadow:0 0 0 .1875rem var(--ig-success-900)}:host([variant=warning]) [part=base],:host([selected][variant=warning]:not([disabled])) [part=base]{color:var(--ig-gray-50)}:host([variant=warning]) [part=base]:focus-within,:host([selected][variant=warning]:not([disabled])) [part=base]:focus-within{color:var(--ig-gray-50);box-shadow:0 0 0 .1875rem var(--ig-warn-900)}:host([variant=warning]) [part=base]:hover,:host([selected][variant=warning]:not([disabled])) [part=base]:hover{color:var(--ig-gray-50)}:host([variant=warning][disabled]) [part=base],:host([selected][variant=warning][disabled]) [part=base]{color:var(--ig-gray-50)}:host([variant=danger]) [part=base]:focus-within,:host([selected][variant=danger]:not([disabled])) [part=base]:focus-within{box-shadow:0 0 0 .1875rem var(--ig-error-900)}:host([variant=primary][disabled]) [part=base],:host([selected][variant=primary][disabled]) [part=base]{color:hsl(from var(--ig-primary-900-contrast) h s l/0.2)}:host([outlined][variant=primary]) [part=base],:host([selected][outlined][variant=primary]:not([disabled])) [part=base]{border-color:var(--ig-primary-400);color:var(--ig-gray-100-contrast)}:host([outlined][variant=primary]) [part=base]:hover,:host([selected][outlined][variant=primary]:not([disabled])) [part=base]:hover{background:hsl(from var(--ig-primary-400) h s l/0.3)}:host([outlined][variant=primary]) [part=base]:focus-within,:host([selected][outlined][variant=primary]:not([disabled])) [part=base]:focus-within{background:rgba(0,0,0,0)}:host([outlined][variant=primary][disabled]) [part=base],:host([selected][outlined][variant=primary][disabled]) [part=base]{background:rgba(0,0,0,0);border-color:var(--ig-primary-400);color:var(--ig-gray-100-contrast)}:host([outlined][variant=info]) [part=base],:host([selected][outlined][variant=info]:not([disabled])) [part=base]{border-color:var(--ig-info-300);color:var(--ig-gray-100-contrast)}:host([outlined][variant=info]) [part=base]:hover,:host([selected][outlined][variant=info]:not([disabled])) [part=base]:hover{background:hsl(from var(--ig-info-400) h s l/0.3)}:host([outlined][variant=info]) [part=base]:focus-within,:host([selected][outlined][variant=info]:not([disabled])) [part=base]:focus-within{background:rgba(0,0,0,0)}:host([outlined][variant=info][disabled]) [part=base],:host([selected][outlined][variant=info][disabled]) [part=base]{background:rgba(0,0,0,0);border-color:var(--ig-info-300);color:var(--ig-gray-100-contrast)}:host([outlined][variant=success]) [part=base],:host([selected][outlined][variant=success]:not([disabled])) [part=base]{border-color:var(--ig-success-500);color:var(--ig-gray-100-contrast)}:host([outlined][variant=success]) [part=base]:hover,:host([selected][outlined][variant=success]:not([disabled])) [part=base]:hover{background:hsl(from var(--ig-success-700) h s l/0.3)}:host([outlined][variant=success]) [part=base]:focus-within,:host([selected][outlined][variant=success]:not([disabled])) [part=base]:focus-within{background:rgba(0,0,0,0)}:host([outlined][variant=success][disabled]) [part=base],:host([selected][outlined][variant=success][disabled]) [part=base]{background:rgba(0,0,0,0);border-color:var(--ig-success-500);color:var(--ig-gray-100-contrast)}:host([outlined][variant=warning]) [part=base],:host([selected][outlined][variant=warning]:not([disabled])) [part=base]{border-color:var(--ig-warn-300);color:var(--ig-gray-100-contrast)}:host([outlined][variant=warning]) [part=base]:hover,:host([selected][outlined][variant=warning]:not([disabled])) [part=base]:hover{background:hsl(from var(--ig-warn-400) h s l/0.3)}:host([outlined][variant=warning]) [part=base]:focus-within,:host([selected][outlined][variant=warning]:not([disabled])) [part=base]:focus-within{background:rgba(0,0,0,0)}:host([outlined][variant=warning][disabled]) [part=base],:host([selected][outlined][variant=warning][disabled]) [part=base]{background:rgba(0,0,0,0);border-color:var(--ig-warn-300);color:var(--ig-gray-100-contrast)}:host([outlined][variant=danger]) [part=base],:host([selected][outlined][variant=danger]:not([disabled])) [part=base]{border-color:var(--ig-error-400);color:var(--ig-gray-100-contrast)}:host([outlined][variant=danger]) [part=base]:hover,:host([selected][outlined][variant=danger]:not([disabled])) [part=base]:hover{background:hsl(from var(--ig-error-500) h s l/0.3)}:host([outlined][variant=danger]) [part=base]:focus-within,:host([selected][outlined][variant=danger]:not([disabled])) [part=base]:focus-within{background:rgba(0,0,0,0)}:host([outlined][variant=danger][disabled]) [part=base],:host([selected][outlined][variant=danger][disabled]) [part=base]{background:rgba(0,0,0,0);border-color:var(--ig-error-400);color:var(--ig-gray-100-contrast)}`;\n "]}
package/components/chip/themes/dark/chip.material.css.js CHANGED
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host{--background: var(--ig-chip-background, var(--ig-gray-300));--selected-background: var(--ig-chip-selected-background, var(--ig-gray-300));--text-color: var(--ig-chip-text-color, var(--ig-gray-300-contrast));--focus-background: var(--ig-chip-focus-background, var(--ig-gray-500));--focus-selected-text-color: var(--ig-chip-focus-selected-text-color, var(--ig-gray-500-contrast));--focus-selected-background: var(--ig-chip-focus-selected-background, var(--ig-gray-500));--hover-outlined-background: var(--ig-chip-hover-outlined-background, hsl(from var(--ig-gray-400) h s l/0.16));--hover-selected-outlined-background: var(--ig-chip-hover-selected-outlined-background, hsl(from var(--ig-gray-400) h s l/0.16));--focus-outlined-background: var(--ig-chip-focus-outlined-background, hsl(from var(--ig-gray-500) h s l/0.3));--focus-selected-outlined-background: var(--ig-chip-focus-selected-outlined-background, hsl(from var(--ig-gray-500) h s l/0.3));--ig-theme: material;--ig-theme-variant: dark}:host([outlined][variant=primary]) button,:host([selected][outlined][variant=primary]) button:not([disabled]){border-color:var(--ig-primary-200);color:var(--ig-gray-100-contrast)}:host([outlined][variant=info]) button,:host([selected][outlined][variant=info]) button:not([disabled]){border-color:var(--ig-info-200);color:var(--ig-gray-100-contrast)}:host([outlined][variant=success]) button,:host([selected][outlined][variant=success]) button:not([disabled]){border-color:var(--ig-success-300);color:var(--ig-gray-100-contrast)}:host([outlined][variant=warning]) button,:host([selected][outlined][variant=warning]) button:not([disabled]){border-color:var(--ig-warn-300);color:var(--ig-gray-100-contrast)}:host([outlined][variant=danger]) button,:host([selected][outlined][variant=danger]) button:not([disabled]){border-color:var(--ig-error-300);color:var(--ig-gray-100-contrast)}`;
2
+ export const styles = css `:host{--background: var(--ig-chip-background, var(--ig-gray-300));--selected-background: var(--ig-chip-selected-background, var(--ig-gray-300));--text-color: var(--ig-chip-text-color, var(--ig-gray-300-contrast));--focus-background: var(--ig-chip-focus-background, var(--ig-gray-500));--focus-selected-text-color: var(--ig-chip-focus-selected-text-color, var(--ig-gray-500-contrast));--focus-selected-background: var(--ig-chip-focus-selected-background, var(--ig-gray-500));--hover-outlined-background: var(--ig-chip-hover-outlined-background, hsl(from var(--ig-gray-400) h s l/0.16));--hover-selected-outlined-background: var(--ig-chip-hover-selected-outlined-background, hsl(from var(--ig-gray-400) h s l/0.16));--focus-outlined-background: var(--ig-chip-focus-outlined-background, hsl(from var(--ig-gray-500) h s l/0.3));--focus-selected-outlined-background: var(--ig-chip-focus-selected-outlined-background, hsl(from var(--ig-gray-500) h s l/0.3));--ig-theme: material;--ig-theme-variant: dark}:host([outlined][variant=primary]) [part=base],:host([selected][outlined][variant=primary]:not([disabled])) [part=base]{border-color:var(--ig-primary-200);color:var(--ig-gray-100-contrast)}:host([outlined][variant=info]) [part=base],:host([selected][outlined][variant=info]:not([disabled])) [part=base]{border-color:var(--ig-info-200);color:var(--ig-gray-100-contrast)}:host([outlined][variant=success]) [part=base],:host([selected][outlined][variant=success]:not([disabled])) [part=base]{border-color:var(--ig-success-300);color:var(--ig-gray-100-contrast)}:host([outlined][variant=warning]) [part=base],:host([selected][outlined][variant=warning]:not([disabled])) [part=base]{border-color:var(--ig-warn-300);color:var(--ig-gray-100-contrast)}:host([outlined][variant=danger]) [part=base],:host([selected][outlined][variant=danger]:not([disabled])) [part=base]{border-color:var(--ig-error-300);color:var(--ig-gray-100-contrast)}`;
3
3
  //# sourceMappingURL=chip.material.css.js.map
package/components/chip/themes/dark/chip.material.css.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"chip.material.css.js","sourceRoot":"","sources":["../../../../../src/components/chip/themes/dark/chip.material.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,u1DAAu1D,CAAC","sourcesContent":["\n import { css } from 'lit';\n export const styles = css`:host{--background: var(--ig-chip-background, var(--ig-gray-300));--selected-background: var(--ig-chip-selected-background, var(--ig-gray-300));--text-color: var(--ig-chip-text-color, var(--ig-gray-300-contrast));--focus-background: var(--ig-chip-focus-background, var(--ig-gray-500));--focus-selected-text-color: var(--ig-chip-focus-selected-text-color, var(--ig-gray-500-contrast));--focus-selected-background: var(--ig-chip-focus-selected-background, var(--ig-gray-500));--hover-outlined-background: var(--ig-chip-hover-outlined-background, hsl(from var(--ig-gray-400) h s l/0.16));--hover-selected-outlined-background: var(--ig-chip-hover-selected-outlined-background, hsl(from var(--ig-gray-400) h s l/0.16));--focus-outlined-background: var(--ig-chip-focus-outlined-background, hsl(from var(--ig-gray-500) h s l/0.3));--focus-selected-outlined-background: var(--ig-chip-focus-selected-outlined-background, hsl(from var(--ig-gray-500) h s l/0.3));--ig-theme: material;--ig-theme-variant: dark}:host([outlined][variant=primary]) button,:host([selected][outlined][variant=primary]) button:not([disabled]){border-color:var(--ig-primary-200);color:var(--ig-gray-100-contrast)}:host([outlined][variant=info]) button,:host([selected][outlined][variant=info]) button:not([disabled]){border-color:var(--ig-info-200);color:var(--ig-gray-100-contrast)}:host([outlined][variant=success]) button,:host([selected][outlined][variant=success]) button:not([disabled]){border-color:var(--ig-success-300);color:var(--ig-gray-100-contrast)}:host([outlined][variant=warning]) button,:host([selected][outlined][variant=warning]) button:not([disabled]){border-color:var(--ig-warn-300);color:var(--ig-gray-100-contrast)}:host([outlined][variant=danger]) button,:host([selected][outlined][variant=danger]) button:not([disabled]){border-color:var(--ig-error-300);color:var(--ig-gray-100-contrast)}`;\n "]}
1
+ {"version":3,"file":"chip.material.css.js","sourceRoot":"","sources":["../../../../../src/components/chip/themes/dark/chip.material.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,y4DAAy4D,CAAC","sourcesContent":["\n import { css } from 'lit';\n export const styles = css`:host{--background: var(--ig-chip-background, var(--ig-gray-300));--selected-background: var(--ig-chip-selected-background, var(--ig-gray-300));--text-color: var(--ig-chip-text-color, var(--ig-gray-300-contrast));--focus-background: var(--ig-chip-focus-background, var(--ig-gray-500));--focus-selected-text-color: var(--ig-chip-focus-selected-text-color, var(--ig-gray-500-contrast));--focus-selected-background: var(--ig-chip-focus-selected-background, var(--ig-gray-500));--hover-outlined-background: var(--ig-chip-hover-outlined-background, hsl(from var(--ig-gray-400) h s l/0.16));--hover-selected-outlined-background: var(--ig-chip-hover-selected-outlined-background, hsl(from var(--ig-gray-400) h s l/0.16));--focus-outlined-background: var(--ig-chip-focus-outlined-background, hsl(from var(--ig-gray-500) h s l/0.3));--focus-selected-outlined-background: var(--ig-chip-focus-selected-outlined-background, hsl(from var(--ig-gray-500) h s l/0.3));--ig-theme: material;--ig-theme-variant: dark}:host([outlined][variant=primary]) [part=base],:host([selected][outlined][variant=primary]:not([disabled])) [part=base]{border-color:var(--ig-primary-200);color:var(--ig-gray-100-contrast)}:host([outlined][variant=info]) [part=base],:host([selected][outlined][variant=info]:not([disabled])) [part=base]{border-color:var(--ig-info-200);color:var(--ig-gray-100-contrast)}:host([outlined][variant=success]) [part=base],:host([selected][outlined][variant=success]:not([disabled])) [part=base]{border-color:var(--ig-success-300);color:var(--ig-gray-100-contrast)}:host([outlined][variant=warning]) [part=base],:host([selected][outlined][variant=warning]:not([disabled])) [part=base]{border-color:var(--ig-warn-300);color:var(--ig-gray-100-contrast)}:host([outlined][variant=danger]) [part=base],:host([selected][outlined][variant=danger]:not([disabled])) [part=base]{border-color:var(--ig-error-300);color:var(--ig-gray-100-contrast)}`;\n "]}
package/components/chip/themes/light/chip.bootstrap.css.js CHANGED
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host{--ghost-elevation: var(--ig-chip-ghost-elevation, var(--ig-elevation-0));--focus-shadow-color: var(--ig-chip-focus-shadow-color, hsl(from var(--ig-gray-500) h s l/0.38));--focus-selected-shadow-color: var(--ig-chip-focus-selected-shadow-color, hsl(from var(--ig-gray-500) h s l/0.38));--focus-text-color: var(--ig-chip-focus-text-color, var(--ig-gray-200-contrast));--selected-text-color: var(--ig-chip-selected-text-color, var(--ig-gray-200-contrast));--selected-background: var(--ig-chip-selected-background, var(--ig-gray-200));--border-radius: var(--ig-chip-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.25) * 1rem), 1rem));--text-color: var(--ig-chip-text-color, var(--ig-gray-200-contrast));--focus-background: var(--ig-chip-focus-background, var(--ig-gray-200));--focus-selected-background: var(--ig-chip-focus-selected-background, var(--ig-gray-200));--focus-selected-text-color: var(--ig-chip-focus-selected-text-color, var(--ig-gray-200-contrast));--hover-outlined-background: var(--ig-chip-hover-outlined-background, hsl(from var(--ig-gray-400) h s l/0.3));--hover-selected-outlined-background: var(--ig-chip-hover-selected-outlined-background, hsl(from var(--ig-gray-400) h s l/0.3));--focus-outlined-background: var(--ig-chip-focus-outlined-background, transparent);--focus-selected-outlined-background: var(--ig-chip-focus-selected-outlined-background, transparent);--ig-theme: bootstrap;--ig-theme-variant: light}:host([outlined][variant=primary]) button,:host([selected][outlined][variant=primary]) button:not([disabled]){color:var(--ig-primary-100-contrast);border-color:var(--ig-primary-600)}:host([outlined][variant=info]) button,:host([selected][outlined][variant=info]) button:not([disabled]){color:var(--ig-info-100-contrast);border-color:var(--ig-info-900)}:host([outlined][variant=success]) button,:host([selected][outlined][variant=success]) button:not([disabled]){color:var(--ig-success-100-contrast);border-color:var(--ig-success-600)}:host([outlined][variant=warning]) button,:host([selected][outlined][variant=warning]) button:not([disabled]){color:var(--ig-warn-100-contrast);border-color:var(--ig-warn-900)}:host([outlined][variant=danger]) button,:host([selected][outlined][variant=danger]) button:not([disabled]){color:var(--ig-error-100-contrast);border-color:var(--ig-error-600)}`;
2
+ export const styles = css `:host{--ghost-elevation: var(--ig-chip-ghost-elevation, var(--ig-elevation-0));--focus-shadow-color: var(--ig-chip-focus-shadow-color, hsl(from var(--ig-gray-500) h s l/0.38));--focus-selected-shadow-color: var(--ig-chip-focus-selected-shadow-color, hsl(from var(--ig-gray-500) h s l/0.38));--focus-text-color: var(--ig-chip-focus-text-color, var(--ig-gray-200-contrast));--selected-text-color: var(--ig-chip-selected-text-color, var(--ig-gray-200-contrast));--selected-background: var(--ig-chip-selected-background, var(--ig-gray-200));--border-radius: var(--ig-chip-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.25) * 1rem), 1rem));--text-color: var(--ig-chip-text-color, var(--ig-gray-200-contrast));--focus-background: var(--ig-chip-focus-background, var(--ig-gray-200));--focus-selected-background: var(--ig-chip-focus-selected-background, var(--ig-gray-200));--focus-selected-text-color: var(--ig-chip-focus-selected-text-color, var(--ig-gray-200-contrast));--hover-outlined-background: var(--ig-chip-hover-outlined-background, hsl(from var(--ig-gray-400) h s l/0.3));--hover-selected-outlined-background: var(--ig-chip-hover-selected-outlined-background, hsl(from var(--ig-gray-400) h s l/0.3));--focus-outlined-background: var(--ig-chip-focus-outlined-background, transparent);--focus-selected-outlined-background: var(--ig-chip-focus-selected-outlined-background, transparent);--ig-theme: bootstrap;--ig-theme-variant: light}:host([outlined][variant=primary]) [part=base],:host([selected][outlined][variant=primary]:not([disabled])) [part=base]{color:var(--ig-primary-100-contrast);border-color:var(--ig-primary-600)}:host([outlined][variant=info]) [part=base],:host([selected][outlined][variant=info]:not([disabled])) [part=base]{color:var(--ig-info-100-contrast);border-color:var(--ig-info-900)}:host([outlined][variant=success]) [part=base],:host([selected][outlined][variant=success]:not([disabled])) [part=base]{color:var(--ig-success-100-contrast);border-color:var(--ig-success-600)}:host([outlined][variant=warning]) [part=base],:host([selected][outlined][variant=warning]:not([disabled])) [part=base]{color:var(--ig-warn-100-contrast);border-color:var(--ig-warn-900)}:host([outlined][variant=danger]) [part=base],:host([selected][outlined][variant=danger]:not([disabled])) [part=base]{color:var(--ig-error-100-contrast);border-color:var(--ig-error-600)}`;
3
3
  //# sourceMappingURL=chip.bootstrap.css.js.map
package/components/chip/themes/light/chip.bootstrap.css.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"chip.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/chip/themes/light/chip.bootstrap.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,8xEAA8xE,CAAC","sourcesContent":["\n import { css } from 'lit';\n export const styles = css`:host{--ghost-elevation: var(--ig-chip-ghost-elevation, var(--ig-elevation-0));--focus-shadow-color: var(--ig-chip-focus-shadow-color, hsl(from var(--ig-gray-500) h s l/0.38));--focus-selected-shadow-color: var(--ig-chip-focus-selected-shadow-color, hsl(from var(--ig-gray-500) h s l/0.38));--focus-text-color: var(--ig-chip-focus-text-color, var(--ig-gray-200-contrast));--selected-text-color: var(--ig-chip-selected-text-color, var(--ig-gray-200-contrast));--selected-background: var(--ig-chip-selected-background, var(--ig-gray-200));--border-radius: var(--ig-chip-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.25) * 1rem), 1rem));--text-color: var(--ig-chip-text-color, var(--ig-gray-200-contrast));--focus-background: var(--ig-chip-focus-background, var(--ig-gray-200));--focus-selected-background: var(--ig-chip-focus-selected-background, var(--ig-gray-200));--focus-selected-text-color: var(--ig-chip-focus-selected-text-color, var(--ig-gray-200-contrast));--hover-outlined-background: var(--ig-chip-hover-outlined-background, hsl(from var(--ig-gray-400) h s l/0.3));--hover-selected-outlined-background: var(--ig-chip-hover-selected-outlined-background, hsl(from var(--ig-gray-400) h s l/0.3));--focus-outlined-background: var(--ig-chip-focus-outlined-background, transparent);--focus-selected-outlined-background: var(--ig-chip-focus-selected-outlined-background, transparent);--ig-theme: bootstrap;--ig-theme-variant: light}:host([outlined][variant=primary]) button,:host([selected][outlined][variant=primary]) button:not([disabled]){color:var(--ig-primary-100-contrast);border-color:var(--ig-primary-600)}:host([outlined][variant=info]) button,:host([selected][outlined][variant=info]) button:not([disabled]){color:var(--ig-info-100-contrast);border-color:var(--ig-info-900)}:host([outlined][variant=success]) button,:host([selected][outlined][variant=success]) button:not([disabled]){color:var(--ig-success-100-contrast);border-color:var(--ig-success-600)}:host([outlined][variant=warning]) button,:host([selected][outlined][variant=warning]) button:not([disabled]){color:var(--ig-warn-100-contrast);border-color:var(--ig-warn-900)}:host([outlined][variant=danger]) button,:host([selected][outlined][variant=danger]) button:not([disabled]){color:var(--ig-error-100-contrast);border-color:var(--ig-error-600)}`;\n "]}
1
+ {"version":3,"file":"chip.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/chip/themes/light/chip.bootstrap.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,g1EAAg1E,CAAC","sourcesContent":["\n import { css } from 'lit';\n export const styles = css`:host{--ghost-elevation: var(--ig-chip-ghost-elevation, var(--ig-elevation-0));--focus-shadow-color: var(--ig-chip-focus-shadow-color, hsl(from var(--ig-gray-500) h s l/0.38));--focus-selected-shadow-color: var(--ig-chip-focus-selected-shadow-color, hsl(from var(--ig-gray-500) h s l/0.38));--focus-text-color: var(--ig-chip-focus-text-color, var(--ig-gray-200-contrast));--selected-text-color: var(--ig-chip-selected-text-color, var(--ig-gray-200-contrast));--selected-background: var(--ig-chip-selected-background, var(--ig-gray-200));--border-radius: var(--ig-chip-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.25) * 1rem), 1rem));--text-color: var(--ig-chip-text-color, var(--ig-gray-200-contrast));--focus-background: var(--ig-chip-focus-background, var(--ig-gray-200));--focus-selected-background: var(--ig-chip-focus-selected-background, var(--ig-gray-200));--focus-selected-text-color: var(--ig-chip-focus-selected-text-color, var(--ig-gray-200-contrast));--hover-outlined-background: var(--ig-chip-hover-outlined-background, hsl(from var(--ig-gray-400) h s l/0.3));--hover-selected-outlined-background: var(--ig-chip-hover-selected-outlined-background, hsl(from var(--ig-gray-400) h s l/0.3));--focus-outlined-background: var(--ig-chip-focus-outlined-background, transparent);--focus-selected-outlined-background: var(--ig-chip-focus-selected-outlined-background, transparent);--ig-theme: bootstrap;--ig-theme-variant: light}:host([outlined][variant=primary]) [part=base],:host([selected][outlined][variant=primary]:not([disabled])) [part=base]{color:var(--ig-primary-100-contrast);border-color:var(--ig-primary-600)}:host([outlined][variant=info]) [part=base],:host([selected][outlined][variant=info]:not([disabled])) [part=base]{color:var(--ig-info-100-contrast);border-color:var(--ig-info-900)}:host([outlined][variant=success]) [part=base],:host([selected][outlined][variant=success]:not([disabled])) [part=base]{color:var(--ig-success-100-contrast);border-color:var(--ig-success-600)}:host([outlined][variant=warning]) [part=base],:host([selected][outlined][variant=warning]:not([disabled])) [part=base]{color:var(--ig-warn-100-contrast);border-color:var(--ig-warn-900)}:host([outlined][variant=danger]) [part=base],:host([selected][outlined][variant=danger]:not([disabled])) [part=base]{color:var(--ig-error-100-contrast);border-color:var(--ig-error-600)}`;\n "]}
package/components/chip/themes/light/chip.fluent.css.js CHANGED
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host{--ghost-elevation: var(--ig-chip-ghost-elevation, var(--ig-elevation-2));--ghost-background: var(--ig-chip-ghost-background, var(--ig-primary-500));--ghost-text-color: var(--ig-chip-ghost-text-color, var(--ig-primary-500-contrast));--hover-text-color: var(--ig-chip-hover-text-color, var(--ig-gray-200-contrast));--hover-background: var(--ig-chip-hover-background, var(--ig-gray-200));--focus-text-color: var(--ig-chip-focus-text-color, var(--ig-primary-700-contrast));--selected-text-color: var(--ig-chip-selected-text-color, var(--ig-primary-700-contrast));--hover-selected-text-color: var(--ig-chip-hover-selected-text-color, var(--ig-primary-700-contrast));--hover-selected-background: var(--ig-chip-hover-selected-background, var(--ig-primary-600));--outlined-text-color: var(--ig-chip-outlined-text-color, var(--ig-gray-700));--border-color: var(--ig-chip-border-color, var(--ig-gray-700));--selected-border-color: var(--ig-chip-selected-border-color, var(--ig-primary-600));--hover-selected-border-color: var(--ig-chip-hover-selected-border-color, var(--ig-primary-600));--focus-border-color: var(--ig-chip-focus-border-color, var(--ig-primary-600));--focus-selected-border-color: var(--ig-chip-focus-selected-border-color, var(--ig-primary-600));--text-color: var(--ig-chip-text-color, var(--ig-gray-700));--focus-background: var(--ig-chip-focus-background, var(--ig-primary-600));--focus-selected-text-color: var(--ig-chip-focus-selected-text-color, var(--ig-primary-700-contrast));--focus-selected-background: var(--ig-chip-focus-selected-background, var(--ig-primary-800));--hover-outlined-background: var(--ig-chip-hover-outlined-background, hsl(from var(--ig-gray-200) h s l/0.16));--hover-selected-outlined-background: var(--ig-chip-hover-selected-outlined-background, hsl(from var(--ig-primary-600) h s l/0.16));--focus-outlined-background: var(--ig-chip-focus-outlined-background, hsl(from var(--ig-primary-600) h s l/0.16));--focus-selected-outlined-background: var(--ig-chip-focus-selected-outlined-background, hsl(from var(--ig-primary-800) h s l/0.3));--ig-theme: fluent;--ig-theme-variant: light}:host([outlined][variant=primary]) button,:host([selected][outlined][variant=primary]) button:not([disabled]){border-color:var(--ig-primary-600);color:var(--ig-primary-100-contrast)}:host([outlined][variant=primary]) button:focus,:host([selected][outlined][variant=primary]) button:not([disabled]):focus{background:hsl(from var(--ig-primary-800) h s l/0.3)}:host([outlined][variant=primary]) button:hover,:host([selected][outlined][variant=primary]) button:not([disabled]):hover{background:hsl(from var(--ig-primary-600) h s l/0.16)}:host([outlined][variant=info]) button,:host([selected][outlined][variant=info]) button:not([disabled]){border-color:var(--ig-info-600);color:var(--ig-info-100-contrast)}:host([outlined][variant=info]) button:focus,:host([selected][outlined][variant=info]) button:not([disabled]):focus{background:hsl(from var(--ig-info-800) h s l/0.3)}:host([outlined][variant=info]) button:hover,:host([selected][outlined][variant=info]) button:not([disabled]):hover{background:hsl(from var(--ig-info-600) h s l/0.16)}:host([outlined][variant=success]) button,:host([selected][outlined][variant=success]) button:not([disabled]){border-color:var(--ig-success-600);color:var(--ig-success-100-contrast)}:host([outlined][variant=success]) button:focus,:host([selected][outlined][variant=success]) button:not([disabled]):focus{background:hsl(from var(--ig-success-800) h s l/0.3)}:host([outlined][variant=success]) button:hover,:host([selected][outlined][variant=success]) button:not([disabled]):hover{background:hsl(from var(--ig-success-600) h s l/0.16)}:host([outlined][variant=warning]) button,:host([selected][outlined][variant=warning]) button:not([disabled]){border-color:var(--ig-warn-600);color:var(--ig-warn-100-contrast)}:host([outlined][variant=warning]) button:focus,:host([selected][outlined][variant=warning]) button:not([disabled]):focus{background:hsl(from var(--ig-warn-800) h s l/0.3)}:host([outlined][variant=warning]) button:hover,:host([selected][outlined][variant=warning]) button:not([disabled]):hover{background:hsl(from var(--ig-warn-600) h s l/0.16)}:host([outlined][variant=danger]) button,:host([selected][outlined][variant=danger]) button:not([disabled]){border-color:var(--ig-error-600);color:var(--ig-error-100-contrast)}:host([outlined][variant=danger]) button:focus,:host([selected][outlined][variant=danger]) button:not([disabled]):focus{background:hsl(from var(--ig-error-800) h s l/0.3)}:host([outlined][variant=danger]) button:hover,:host([selected][outlined][variant=danger]) button:not([disabled]):hover{background:hsl(from var(--ig-error-600) h s l/0.16)}`;
2
+ export const styles = css `:host{--ghost-elevation: var(--ig-chip-ghost-elevation, var(--ig-elevation-2));--ghost-background: var(--ig-chip-ghost-background, var(--ig-primary-500));--ghost-text-color: var(--ig-chip-ghost-text-color, var(--ig-primary-500-contrast));--hover-text-color: var(--ig-chip-hover-text-color, var(--ig-gray-200-contrast));--hover-background: var(--ig-chip-hover-background, var(--ig-gray-200));--focus-text-color: var(--ig-chip-focus-text-color, var(--ig-primary-700-contrast));--selected-text-color: var(--ig-chip-selected-text-color, var(--ig-primary-700-contrast));--hover-selected-text-color: var(--ig-chip-hover-selected-text-color, var(--ig-primary-700-contrast));--hover-selected-background: var(--ig-chip-hover-selected-background, var(--ig-primary-600));--outlined-text-color: var(--ig-chip-outlined-text-color, var(--ig-gray-700));--border-color: var(--ig-chip-border-color, var(--ig-gray-700));--selected-border-color: var(--ig-chip-selected-border-color, var(--ig-primary-600));--hover-selected-border-color: var(--ig-chip-hover-selected-border-color, var(--ig-primary-600));--focus-border-color: var(--ig-chip-focus-border-color, var(--ig-primary-600));--focus-selected-border-color: var(--ig-chip-focus-selected-border-color, var(--ig-primary-600));--text-color: var(--ig-chip-text-color, var(--ig-gray-700));--focus-background: var(--ig-chip-focus-background, var(--ig-primary-600));--focus-selected-text-color: var(--ig-chip-focus-selected-text-color, var(--ig-primary-700-contrast));--focus-selected-background: var(--ig-chip-focus-selected-background, var(--ig-primary-800));--hover-outlined-background: var(--ig-chip-hover-outlined-background, hsl(from var(--ig-gray-200) h s l/0.16));--hover-selected-outlined-background: var(--ig-chip-hover-selected-outlined-background, hsl(from var(--ig-primary-600) h s l/0.16));--focus-outlined-background: var(--ig-chip-focus-outlined-background, hsl(from var(--ig-primary-600) h s l/0.16));--focus-selected-outlined-background: var(--ig-chip-focus-selected-outlined-background, hsl(from var(--ig-primary-800) h s l/0.3));--ig-theme: fluent;--ig-theme-variant: light}:host([outlined][variant=primary]) [part=base],:host([selected][outlined][variant=primary]:not([disabled])) [part=base]{border-color:var(--ig-primary-600);color:var(--ig-primary-100-contrast)}:host([outlined][variant=primary]) [part=base]:focus-within,:host([selected][outlined][variant=primary]:not([disabled])) [part=base]:focus-within{background:hsl(from var(--ig-primary-800) h s l/0.3)}:host([outlined][variant=primary]) [part=base]:hover,:host([selected][outlined][variant=primary]:not([disabled])) [part=base]:hover{background:hsl(from var(--ig-primary-600) h s l/0.16)}:host([outlined][variant=info]) [part=base],:host([selected][outlined][variant=info]:not([disabled])) [part=base]{border-color:var(--ig-info-600);color:var(--ig-info-100-contrast)}:host([outlined][variant=info]) [part=base]:focus-within,:host([selected][outlined][variant=info]:not([disabled])) [part=base]:focus-within{background:hsl(from var(--ig-info-800) h s l/0.3)}:host([outlined][variant=info]) [part=base]:hover,:host([selected][outlined][variant=info]:not([disabled])) [part=base]:hover{background:hsl(from var(--ig-info-600) h s l/0.16)}:host([outlined][variant=success]) [part=base],:host([selected][outlined][variant=success]:not([disabled])) [part=base]{border-color:var(--ig-success-600);color:var(--ig-success-100-contrast)}:host([outlined][variant=success]) [part=base]:focus-within,:host([selected][outlined][variant=success]:not([disabled])) [part=base]:focus-within{background:hsl(from var(--ig-success-800) h s l/0.3)}:host([outlined][variant=success]) [part=base]:hover,:host([selected][outlined][variant=success]:not([disabled])) [part=base]:hover{background:hsl(from var(--ig-success-600) h s l/0.16)}:host([outlined][variant=warning]) [part=base],:host([selected][outlined][variant=warning]:not([disabled])) [part=base]{border-color:var(--ig-warn-600);color:var(--ig-warn-100-contrast)}:host([outlined][variant=warning]) [part=base]:focus-within,:host([selected][outlined][variant=warning]:not([disabled])) [part=base]:focus-within{background:hsl(from var(--ig-warn-800) h s l/0.3)}:host([outlined][variant=warning]) [part=base]:hover,:host([selected][outlined][variant=warning]:not([disabled])) [part=base]:hover{background:hsl(from var(--ig-warn-600) h s l/0.16)}:host([outlined][variant=danger]) [part=base],:host([selected][outlined][variant=danger]:not([disabled])) [part=base]{border-color:var(--ig-error-600);color:var(--ig-error-100-contrast)}:host([outlined][variant=danger]) [part=base]:focus-within,:host([selected][outlined][variant=danger]:not([disabled])) [part=base]:focus-within{background:hsl(from var(--ig-error-800) h s l/0.3)}:host([outlined][variant=danger]) [part=base]:hover,:host([selected][outlined][variant=danger]:not([disabled])) [part=base]:hover{background:hsl(from var(--ig-error-600) h s l/0.16)}`;
3
3
  //# sourceMappingURL=chip.fluent.css.js.map
package/components/chip/themes/light/chip.fluent.css.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"chip.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/chip/themes/light/chip.fluent.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,8nJAA8nJ,CAAC","sourcesContent":["\n import { css } from 'lit';\n export const styles = css`:host{--ghost-elevation: var(--ig-chip-ghost-elevation, var(--ig-elevation-2));--ghost-background: var(--ig-chip-ghost-background, var(--ig-primary-500));--ghost-text-color: var(--ig-chip-ghost-text-color, var(--ig-primary-500-contrast));--hover-text-color: var(--ig-chip-hover-text-color, var(--ig-gray-200-contrast));--hover-background: var(--ig-chip-hover-background, var(--ig-gray-200));--focus-text-color: var(--ig-chip-focus-text-color, var(--ig-primary-700-contrast));--selected-text-color: var(--ig-chip-selected-text-color, var(--ig-primary-700-contrast));--hover-selected-text-color: var(--ig-chip-hover-selected-text-color, var(--ig-primary-700-contrast));--hover-selected-background: var(--ig-chip-hover-selected-background, var(--ig-primary-600));--outlined-text-color: var(--ig-chip-outlined-text-color, var(--ig-gray-700));--border-color: var(--ig-chip-border-color, var(--ig-gray-700));--selected-border-color: var(--ig-chip-selected-border-color, var(--ig-primary-600));--hover-selected-border-color: var(--ig-chip-hover-selected-border-color, var(--ig-primary-600));--focus-border-color: var(--ig-chip-focus-border-color, var(--ig-primary-600));--focus-selected-border-color: var(--ig-chip-focus-selected-border-color, var(--ig-primary-600));--text-color: var(--ig-chip-text-color, var(--ig-gray-700));--focus-background: var(--ig-chip-focus-background, var(--ig-primary-600));--focus-selected-text-color: var(--ig-chip-focus-selected-text-color, var(--ig-primary-700-contrast));--focus-selected-background: var(--ig-chip-focus-selected-background, var(--ig-primary-800));--hover-outlined-background: var(--ig-chip-hover-outlined-background, hsl(from var(--ig-gray-200) h s l/0.16));--hover-selected-outlined-background: var(--ig-chip-hover-selected-outlined-background, hsl(from var(--ig-primary-600) h s l/0.16));--focus-outlined-background: var(--ig-chip-focus-outlined-background, hsl(from var(--ig-primary-600) h s l/0.16));--focus-selected-outlined-background: var(--ig-chip-focus-selected-outlined-background, hsl(from var(--ig-primary-800) h s l/0.3));--ig-theme: fluent;--ig-theme-variant: light}:host([outlined][variant=primary]) button,:host([selected][outlined][variant=primary]) button:not([disabled]){border-color:var(--ig-primary-600);color:var(--ig-primary-100-contrast)}:host([outlined][variant=primary]) button:focus,:host([selected][outlined][variant=primary]) button:not([disabled]):focus{background:hsl(from var(--ig-primary-800) h s l/0.3)}:host([outlined][variant=primary]) button:hover,:host([selected][outlined][variant=primary]) button:not([disabled]):hover{background:hsl(from var(--ig-primary-600) h s l/0.16)}:host([outlined][variant=info]) button,:host([selected][outlined][variant=info]) button:not([disabled]){border-color:var(--ig-info-600);color:var(--ig-info-100-contrast)}:host([outlined][variant=info]) button:focus,:host([selected][outlined][variant=info]) button:not([disabled]):focus{background:hsl(from var(--ig-info-800) h s l/0.3)}:host([outlined][variant=info]) button:hover,:host([selected][outlined][variant=info]) button:not([disabled]):hover{background:hsl(from var(--ig-info-600) h s l/0.16)}:host([outlined][variant=success]) button,:host([selected][outlined][variant=success]) button:not([disabled]){border-color:var(--ig-success-600);color:var(--ig-success-100-contrast)}:host([outlined][variant=success]) button:focus,:host([selected][outlined][variant=success]) button:not([disabled]):focus{background:hsl(from var(--ig-success-800) h s l/0.3)}:host([outlined][variant=success]) button:hover,:host([selected][outlined][variant=success]) button:not([disabled]):hover{background:hsl(from var(--ig-success-600) h s l/0.16)}:host([outlined][variant=warning]) button,:host([selected][outlined][variant=warning]) button:not([disabled]){border-color:var(--ig-warn-600);color:var(--ig-warn-100-contrast)}:host([outlined][variant=warning]) button:focus,:host([selected][outlined][variant=warning]) button:not([disabled]):focus{background:hsl(from var(--ig-warn-800) h s l/0.3)}:host([outlined][variant=warning]) button:hover,:host([selected][outlined][variant=warning]) button:not([disabled]):hover{background:hsl(from var(--ig-warn-600) h s l/0.16)}:host([outlined][variant=danger]) button,:host([selected][outlined][variant=danger]) button:not([disabled]){border-color:var(--ig-error-600);color:var(--ig-error-100-contrast)}:host([outlined][variant=danger]) button:focus,:host([selected][outlined][variant=danger]) button:not([disabled]):focus{background:hsl(from var(--ig-error-800) h s l/0.3)}:host([outlined][variant=danger]) button:hover,:host([selected][outlined][variant=danger]) button:not([disabled]):hover{background:hsl(from var(--ig-error-600) h s l/0.16)}`;\n "]}
1
+ {"version":3,"file":"chip.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/chip/themes/light/chip.fluent.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,01JAA01J,CAAC","sourcesContent":["\n import { css } from 'lit';\n export const styles = css`:host{--ghost-elevation: var(--ig-chip-ghost-elevation, var(--ig-elevation-2));--ghost-background: var(--ig-chip-ghost-background, var(--ig-primary-500));--ghost-text-color: var(--ig-chip-ghost-text-color, var(--ig-primary-500-contrast));--hover-text-color: var(--ig-chip-hover-text-color, var(--ig-gray-200-contrast));--hover-background: var(--ig-chip-hover-background, var(--ig-gray-200));--focus-text-color: var(--ig-chip-focus-text-color, var(--ig-primary-700-contrast));--selected-text-color: var(--ig-chip-selected-text-color, var(--ig-primary-700-contrast));--hover-selected-text-color: var(--ig-chip-hover-selected-text-color, var(--ig-primary-700-contrast));--hover-selected-background: var(--ig-chip-hover-selected-background, var(--ig-primary-600));--outlined-text-color: var(--ig-chip-outlined-text-color, var(--ig-gray-700));--border-color: var(--ig-chip-border-color, var(--ig-gray-700));--selected-border-color: var(--ig-chip-selected-border-color, var(--ig-primary-600));--hover-selected-border-color: var(--ig-chip-hover-selected-border-color, var(--ig-primary-600));--focus-border-color: var(--ig-chip-focus-border-color, var(--ig-primary-600));--focus-selected-border-color: var(--ig-chip-focus-selected-border-color, var(--ig-primary-600));--text-color: var(--ig-chip-text-color, var(--ig-gray-700));--focus-background: var(--ig-chip-focus-background, var(--ig-primary-600));--focus-selected-text-color: var(--ig-chip-focus-selected-text-color, var(--ig-primary-700-contrast));--focus-selected-background: var(--ig-chip-focus-selected-background, var(--ig-primary-800));--hover-outlined-background: var(--ig-chip-hover-outlined-background, hsl(from var(--ig-gray-200) h s l/0.16));--hover-selected-outlined-background: var(--ig-chip-hover-selected-outlined-background, hsl(from var(--ig-primary-600) h s l/0.16));--focus-outlined-background: var(--ig-chip-focus-outlined-background, hsl(from var(--ig-primary-600) h s l/0.16));--focus-selected-outlined-background: var(--ig-chip-focus-selected-outlined-background, hsl(from var(--ig-primary-800) h s l/0.3));--ig-theme: fluent;--ig-theme-variant: light}:host([outlined][variant=primary]) [part=base],:host([selected][outlined][variant=primary]:not([disabled])) [part=base]{border-color:var(--ig-primary-600);color:var(--ig-primary-100-contrast)}:host([outlined][variant=primary]) [part=base]:focus-within,:host([selected][outlined][variant=primary]:not([disabled])) [part=base]:focus-within{background:hsl(from var(--ig-primary-800) h s l/0.3)}:host([outlined][variant=primary]) [part=base]:hover,:host([selected][outlined][variant=primary]:not([disabled])) [part=base]:hover{background:hsl(from var(--ig-primary-600) h s l/0.16)}:host([outlined][variant=info]) [part=base],:host([selected][outlined][variant=info]:not([disabled])) [part=base]{border-color:var(--ig-info-600);color:var(--ig-info-100-contrast)}:host([outlined][variant=info]) [part=base]:focus-within,:host([selected][outlined][variant=info]:not([disabled])) [part=base]:focus-within{background:hsl(from var(--ig-info-800) h s l/0.3)}:host([outlined][variant=info]) [part=base]:hover,:host([selected][outlined][variant=info]:not([disabled])) [part=base]:hover{background:hsl(from var(--ig-info-600) h s l/0.16)}:host([outlined][variant=success]) [part=base],:host([selected][outlined][variant=success]:not([disabled])) [part=base]{border-color:var(--ig-success-600);color:var(--ig-success-100-contrast)}:host([outlined][variant=success]) [part=base]:focus-within,:host([selected][outlined][variant=success]:not([disabled])) [part=base]:focus-within{background:hsl(from var(--ig-success-800) h s l/0.3)}:host([outlined][variant=success]) [part=base]:hover,:host([selected][outlined][variant=success]:not([disabled])) [part=base]:hover{background:hsl(from var(--ig-success-600) h s l/0.16)}:host([outlined][variant=warning]) [part=base],:host([selected][outlined][variant=warning]:not([disabled])) [part=base]{border-color:var(--ig-warn-600);color:var(--ig-warn-100-contrast)}:host([outlined][variant=warning]) [part=base]:focus-within,:host([selected][outlined][variant=warning]:not([disabled])) [part=base]:focus-within{background:hsl(from var(--ig-warn-800) h s l/0.3)}:host([outlined][variant=warning]) [part=base]:hover,:host([selected][outlined][variant=warning]:not([disabled])) [part=base]:hover{background:hsl(from var(--ig-warn-600) h s l/0.16)}:host([outlined][variant=danger]) [part=base],:host([selected][outlined][variant=danger]:not([disabled])) [part=base]{border-color:var(--ig-error-600);color:var(--ig-error-100-contrast)}:host([outlined][variant=danger]) [part=base]:focus-within,:host([selected][outlined][variant=danger]:not([disabled])) [part=base]:focus-within{background:hsl(from var(--ig-error-800) h s l/0.3)}:host([outlined][variant=danger]) [part=base]:hover,:host([selected][outlined][variant=danger]:not([disabled])) [part=base]:hover{background:hsl(from var(--ig-error-600) h s l/0.16)}`;\n "]}
package/components/chip/themes/light/chip.indigo.css.js CHANGED
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host{--ghost-elevation: var(--ig-chip-ghost-elevation, var(--ig-elevation-1));--focus-shadow-color: var(--ig-chip-focus-shadow-color, hsl(from var(--ig-gray-900) h s l/0.15));--focus-selected-shadow-color: var(--ig-chip-focus-selected-shadow-color, hsl(from var(--ig-primary-400) h s l/0.5));--background: var(--ig-chip-background, var(--ig-gray-400));--ghost-background: var(--ig-chip-ghost-background, var(--ig-gray-200));--ghost-text-color: var(--ig-chip-ghost-text-color, var(--ig-gray-700));--hover-text-color: var(--ig-chip-hover-text-color, var(--ig-gray-900));--hover-background: var(--ig-chip-hover-background, var(--ig-gray-500));--focus-text-color: var(--ig-chip-focus-text-color, var(--ig-gray-800));--selected-text-color: var(--ig-chip-selected-text-color, var(--ig-primary-900-contrast));--hover-selected-text-color: var(--ig-chip-hover-selected-text-color, var(--ig-primary-900-contrast));--hover-selected-background: var(--ig-chip-hover-selected-background, var(--ig-primary-400));--disabled-text-color: var(--ig-chip-disabled-text-color, hsl(from var(--ig-gray-900) h s l/0.2));--disabled-selected-text-color: var(--ig-chip-disabled-selected-text-color, hsl(from var(--ig-primary-900-contrast) h s l/0.4));--disabled-selected-background: var(--ig-chip-disabled-selected-background, hsl(from var(--ig-primary-400) h s l/0.5));--size: var(--ig-chip-size, max(var(--is-large, 1) * max(1.75rem, -1 * 1.75rem), var(--is-medium, 1) * max(1.5rem, -1 * 1.5rem), var(--is-small, 1) * max(1.25rem, -1 * 1.25rem)));--outlined-background: var(--ig-chip-outlined-background, var(--ig-gray-50));--outlined-text-color: var(--ig-chip-outlined-text-color, var(--ig-gray-700));--border-color: var(--ig-chip-border-color, var(--ig-gray-400));--selected-outlined-text-color: var(--ig-chip-selected-outlined-text-color, var(--ig-gray-900));--selected-border-color: var(--ig-chip-selected-border-color, var(--ig-primary-400));--hover-border-color: var(--ig-chip-hover-border-color, var(--ig-gray-500));--hover-outlined-text-color: var(--ig-chip-hover-outlined-text-color, var(--ig-gray-900));--hover-selected-border-color: var(--ig-chip-hover-selected-border-color, var(--ig-primary-400));--hover-selected-outlined-text-color: var(--ig-chip-hover-selected-outlined-text-color, var(--ig-gray-900));--focus-border-color: var(--ig-chip-focus-border-color, var(--ig-gray-400));--focus-outlined-text-color: var(--ig-chip-focus-outlined-text-color, var(--ig-gray-700));--focus-selected-border-color: var(--ig-chip-focus-selected-border-color, var(--ig-primary-400));--focus-selected-outlined-text-color: var(--ig-chip-focus-selected-outlined-text-color, var(--ig-gray-900));--disabled-outlined-background: var(--ig-chip-disabled-outlined-background, var(--ig-primary-900-contrast));--disabled-outlined-text-color: var(--ig-chip-disabled-outlined-text-color, hsl(from var(--ig-gray-900) h s l/0.2));--disabled-border-color: var(--ig-chip-disabled-border-color, var(--ig-gray-300));--disabled-selected-outlined-background: var(--ig-chip-disabled-selected-outlined-background, transparent);--disabled-selected-outlined-text-color: var(--ig-chip-disabled-selected-outlined-text-color, var(--ig-gray-900));--disabled-selected-border-color: var(--ig-chip-disabled-selected-border-color, var(--ig-primary-400));--text-color: var(--ig-chip-text-color, var(--ig-gray-800));--focus-background: var(--ig-chip-focus-background, var(--ig-gray-400));--focus-selected-text-color: var(--ig-chip-focus-selected-text-color, var(--ig-primary-900-contrast));--focus-selected-background: var(--ig-chip-focus-selected-background, var(--ig-primary-500));--hover-outlined-background: var(--ig-chip-hover-outlined-background, var(--ig-gray-200));--hover-selected-outlined-background: var(--ig-chip-hover-selected-outlined-background, hsl(from var(--ig-primary-400) h s l/0.3));--focus-outlined-background: var(--ig-chip-focus-outlined-background, var(--ig-gray-50));--focus-selected-outlined-background: var(--ig-chip-focus-selected-outlined-background, transparent);--ig-theme: indigo;--ig-theme-variant: light}:host([variant=info]) button:focus,:host([selected][variant=info]) button:not([disabled]):focus{box-shadow:0 0 0 .1875rem var(--ig-info-100)}:host([variant=success]) button:focus,:host([selected][variant=success]) button:not([disabled]):focus{box-shadow:0 0 0 .1875rem var(--ig-success-200)}:host([variant=warning]) button,:host([selected][variant=warning]) button:not([disabled]){color:var(--ig-gray-900)}:host([variant=warning]) button:focus,:host([selected][variant=warning]) button:not([disabled]):focus{color:var(--ig-gray-900);box-shadow:0 0 0 .1875rem var(--ig-warn-100)}:host([variant=warning]) button:hover,:host([selected][variant=warning]) button:not([disabled]):hover{color:var(--ig-gray-900)}:host([variant=warning]) button[disabled],:host([selected][variant=warning]) button[disabled]{color:var(--ig-gray-900)}:host([variant=danger]) button:focus,:host([selected][variant=danger]) button:not([disabled]):focus{box-shadow:0 0 0 .1875rem var(--ig-error-100)}:host([variant=primary]) button[disabled],:host([selected][variant=primary]) button[disabled]{color:hsl(from var(--ig-primary-900-contrast) h s l/0.4)}:host([outlined][variant=primary]) button,:host([selected][outlined][variant=primary]) button:not([disabled]){border-color:var(--ig-primary-400);color:var(--ig-gray-900)}:host([outlined][variant=primary]) button:hover,:host([selected][outlined][variant=primary]) button:not([disabled]):hover{background:hsl(from var(--ig-primary-400) h s l/0.3)}:host([outlined][variant=primary]) button:focus,:host([selected][outlined][variant=primary]) button:not([disabled]):focus{background:rgba(0,0,0,0)}:host([outlined][variant=primary]) button[disabled],:host([selected][outlined][variant=primary]) button[disabled]{background:rgba(0,0,0,0);border-color:var(--ig-primary-400);color:var(--ig-gray-900)}:host([outlined][variant=info]) button,:host([selected][outlined][variant=info]) button:not([disabled]){border-color:var(--ig-info-500);color:var(--ig-gray-900)}:host([outlined][variant=info]) button:hover,:host([selected][outlined][variant=info]) button:not([disabled]):hover{background:hsl(from var(--ig-info-400) h s l/0.3)}:host([outlined][variant=info]) button:focus,:host([selected][outlined][variant=info]) button:not([disabled]):focus{background:rgba(0,0,0,0)}:host([outlined][variant=info]) button[disabled],:host([selected][outlined][variant=info]) button[disabled]{background:rgba(0,0,0,0);border-color:var(--ig-info-500);color:var(--ig-gray-900)}:host([outlined][variant=success]) button,:host([selected][outlined][variant=success]) button:not([disabled]){border-color:var(--ig-success-700);color:var(--ig-gray-900)}:host([outlined][variant=success]) button:hover,:host([selected][outlined][variant=success]) button:not([disabled]):hover{background:hsl(from var(--ig-success-700) h s l/0.3)}:host([outlined][variant=success]) button:focus,:host([selected][outlined][variant=success]) button:not([disabled]):focus{background:rgba(0,0,0,0)}:host([outlined][variant=success]) button[disabled],:host([selected][outlined][variant=success]) button[disabled]{background:rgba(0,0,0,0);border-color:var(--ig-success-700);color:var(--ig-gray-900)}:host([outlined][variant=warning]) button,:host([selected][outlined][variant=warning]) button:not([disabled]){border-color:var(--ig-warn-600);color:var(--ig-gray-900)}:host([outlined][variant=warning]) button:hover,:host([selected][outlined][variant=warning]) button:not([disabled]):hover{background:hsl(from var(--ig-warn-400) h s l/0.3)}:host([outlined][variant=warning]) button:focus,:host([selected][outlined][variant=warning]) button:not([disabled]):focus{background:rgba(0,0,0,0)}:host([outlined][variant=warning]) button[disabled],:host([selected][outlined][variant=warning]) button[disabled]{background:rgba(0,0,0,0);border-color:var(--ig-warn-600);color:var(--ig-gray-900)}:host([outlined][variant=danger]) button,:host([selected][outlined][variant=danger]) button:not([disabled]){border-color:var(--ig-error-500);color:var(--ig-gray-900)}:host([outlined][variant=danger]) button:hover,:host([selected][outlined][variant=danger]) button:not([disabled]):hover{background:hsl(from var(--ig-error-500) h s l/0.3)}:host([outlined][variant=danger]) button:focus,:host([selected][outlined][variant=danger]) button:not([disabled]):focus{background:rgba(0,0,0,0)}:host([outlined][variant=danger]) button[disabled],:host([selected][outlined][variant=danger]) button[disabled]{background:rgba(0,0,0,0);border-color:var(--ig-error-500);color:var(--ig-gray-900)}`;
2
+ export const styles = css `:host{--ghost-elevation: var(--ig-chip-ghost-elevation, var(--ig-elevation-1));--focus-shadow-color: var(--ig-chip-focus-shadow-color, hsl(from var(--ig-gray-900) h s l/0.15));--focus-selected-shadow-color: var(--ig-chip-focus-selected-shadow-color, hsl(from var(--ig-primary-400) h s l/0.5));--background: var(--ig-chip-background, var(--ig-gray-400));--ghost-background: var(--ig-chip-ghost-background, var(--ig-gray-200));--ghost-text-color: var(--ig-chip-ghost-text-color, var(--ig-gray-700));--hover-text-color: var(--ig-chip-hover-text-color, var(--ig-gray-900));--hover-background: var(--ig-chip-hover-background, var(--ig-gray-500));--focus-text-color: var(--ig-chip-focus-text-color, var(--ig-gray-800));--selected-text-color: var(--ig-chip-selected-text-color, var(--ig-primary-900-contrast));--hover-selected-text-color: var(--ig-chip-hover-selected-text-color, var(--ig-primary-900-contrast));--hover-selected-background: var(--ig-chip-hover-selected-background, var(--ig-primary-400));--disabled-text-color: var(--ig-chip-disabled-text-color, hsl(from var(--ig-gray-900) h s l/0.2));--disabled-selected-text-color: var(--ig-chip-disabled-selected-text-color, hsl(from var(--ig-primary-900-contrast) h s l/0.4));--disabled-selected-background: var(--ig-chip-disabled-selected-background, hsl(from var(--ig-primary-400) h s l/0.5));--size: var(--ig-chip-size, max(var(--is-large, 1) * max(1.75rem, -1 * 1.75rem), var(--is-medium, 1) * max(1.5rem, -1 * 1.5rem), var(--is-small, 1) * max(1.25rem, -1 * 1.25rem)));--outlined-background: var(--ig-chip-outlined-background, var(--ig-gray-50));--outlined-text-color: var(--ig-chip-outlined-text-color, var(--ig-gray-700));--border-color: var(--ig-chip-border-color, var(--ig-gray-400));--selected-outlined-text-color: var(--ig-chip-selected-outlined-text-color, var(--ig-gray-900));--selected-border-color: var(--ig-chip-selected-border-color, var(--ig-primary-400));--hover-border-color: var(--ig-chip-hover-border-color, var(--ig-gray-500));--hover-outlined-text-color: var(--ig-chip-hover-outlined-text-color, var(--ig-gray-900));--hover-selected-border-color: var(--ig-chip-hover-selected-border-color, var(--ig-primary-400));--hover-selected-outlined-text-color: var(--ig-chip-hover-selected-outlined-text-color, var(--ig-gray-900));--focus-border-color: var(--ig-chip-focus-border-color, var(--ig-gray-400));--focus-outlined-text-color: var(--ig-chip-focus-outlined-text-color, var(--ig-gray-700));--focus-selected-border-color: var(--ig-chip-focus-selected-border-color, var(--ig-primary-400));--focus-selected-outlined-text-color: var(--ig-chip-focus-selected-outlined-text-color, var(--ig-gray-900));--disabled-outlined-background: var(--ig-chip-disabled-outlined-background, var(--ig-primary-900-contrast));--disabled-outlined-text-color: var(--ig-chip-disabled-outlined-text-color, hsl(from var(--ig-gray-900) h s l/0.2));--disabled-border-color: var(--ig-chip-disabled-border-color, var(--ig-gray-300));--disabled-selected-outlined-background: var(--ig-chip-disabled-selected-outlined-background, transparent);--disabled-selected-outlined-text-color: var(--ig-chip-disabled-selected-outlined-text-color, var(--ig-gray-900));--disabled-selected-border-color: var(--ig-chip-disabled-selected-border-color, var(--ig-primary-400));--text-color: var(--ig-chip-text-color, var(--ig-gray-800));--focus-background: var(--ig-chip-focus-background, var(--ig-gray-400));--focus-selected-text-color: var(--ig-chip-focus-selected-text-color, var(--ig-primary-900-contrast));--focus-selected-background: var(--ig-chip-focus-selected-background, var(--ig-primary-500));--hover-outlined-background: var(--ig-chip-hover-outlined-background, var(--ig-gray-200));--hover-selected-outlined-background: var(--ig-chip-hover-selected-outlined-background, hsl(from var(--ig-primary-400) h s l/0.3));--focus-outlined-background: var(--ig-chip-focus-outlined-background, var(--ig-gray-50));--focus-selected-outlined-background: var(--ig-chip-focus-selected-outlined-background, transparent);--ig-theme: indigo;--ig-theme-variant: light}:host([variant=info]) [part=base]:focus-within,:host([selected][variant=info]:not([disabled])) [part=base]:focus-within{box-shadow:0 0 0 .1875rem var(--ig-info-100)}:host([variant=success]) [part=base]:focus-within,:host([selected][variant=success]:not([disabled])) [part=base]:focus-within{box-shadow:0 0 0 .1875rem var(--ig-success-200)}:host([variant=warning]) [part=base],:host([selected][variant=warning]:not([disabled])) [part=base]{color:var(--ig-gray-900)}:host([variant=warning]) [part=base]:focus-within,:host([selected][variant=warning]:not([disabled])) [part=base]:focus-within{color:var(--ig-gray-900);box-shadow:0 0 0 .1875rem var(--ig-warn-100)}:host([variant=warning]) [part=base]:hover,:host([selected][variant=warning]:not([disabled])) [part=base]:hover{color:var(--ig-gray-900)}:host([variant=warning][disabled]) [part=base],:host([selected][variant=warning][disabled]) [part=base]{color:var(--ig-gray-900)}:host([variant=danger]) [part=base]:focus-within,:host([selected][variant=danger]:not([disabled])) [part=base]:focus-within{box-shadow:0 0 0 .1875rem var(--ig-error-100)}:host([variant=primary][disabled]) [part=base],:host([selected][variant=primary][disabled]) [part=base]{color:hsl(from var(--ig-primary-900-contrast) h s l/0.4)}:host([outlined][variant=primary]) [part=base],:host([selected][outlined][variant=primary]:not([disabled])) [part=base]{border-color:var(--ig-primary-400);color:var(--ig-gray-900)}:host([outlined][variant=primary]) [part=base]:hover,:host([selected][outlined][variant=primary]:not([disabled])) [part=base]:hover{background:hsl(from var(--ig-primary-400) h s l/0.3)}:host([outlined][variant=primary]) [part=base]:focus-within,:host([selected][outlined][variant=primary]:not([disabled])) [part=base]:focus-within{background:rgba(0,0,0,0)}:host([outlined][variant=primary][disabled]) [part=base],:host([selected][outlined][variant=primary][disabled]) [part=base]{background:rgba(0,0,0,0);border-color:var(--ig-primary-400);color:var(--ig-gray-900)}:host([outlined][variant=info]) [part=base],:host([selected][outlined][variant=info]:not([disabled])) [part=base]{border-color:var(--ig-info-500);color:var(--ig-gray-900)}:host([outlined][variant=info]) [part=base]:hover,:host([selected][outlined][variant=info]:not([disabled])) [part=base]:hover{background:hsl(from var(--ig-info-400) h s l/0.3)}:host([outlined][variant=info]) [part=base]:focus-within,:host([selected][outlined][variant=info]:not([disabled])) [part=base]:focus-within{background:rgba(0,0,0,0)}:host([outlined][variant=info][disabled]) [part=base],:host([selected][outlined][variant=info][disabled]) [part=base]{background:rgba(0,0,0,0);border-color:var(--ig-info-500);color:var(--ig-gray-900)}:host([outlined][variant=success]) [part=base],:host([selected][outlined][variant=success]:not([disabled])) [part=base]{border-color:var(--ig-success-700);color:var(--ig-gray-900)}:host([outlined][variant=success]) [part=base]:hover,:host([selected][outlined][variant=success]:not([disabled])) [part=base]:hover{background:hsl(from var(--ig-success-700) h s l/0.3)}:host([outlined][variant=success]) [part=base]:focus-within,:host([selected][outlined][variant=success]:not([disabled])) [part=base]:focus-within{background:rgba(0,0,0,0)}:host([outlined][variant=success][disabled]) [part=base],:host([selected][outlined][variant=success][disabled]) [part=base]{background:rgba(0,0,0,0);border-color:var(--ig-success-700);color:var(--ig-gray-900)}:host([outlined][variant=warning]) [part=base],:host([selected][outlined][variant=warning]:not([disabled])) [part=base]{border-color:var(--ig-warn-600);color:var(--ig-gray-900)}:host([outlined][variant=warning]) [part=base]:hover,:host([selected][outlined][variant=warning]:not([disabled])) [part=base]:hover{background:hsl(from var(--ig-warn-400) h s l/0.3)}:host([outlined][variant=warning]) [part=base]:focus-within,:host([selected][outlined][variant=warning]:not([disabled])) [part=base]:focus-within{background:rgba(0,0,0,0)}:host([outlined][variant=warning][disabled]) [part=base],:host([selected][outlined][variant=warning][disabled]) [part=base]{background:rgba(0,0,0,0);border-color:var(--ig-warn-600);color:var(--ig-gray-900)}:host([outlined][variant=danger]) [part=base],:host([selected][outlined][variant=danger]:not([disabled])) [part=base]{border-color:var(--ig-error-500);color:var(--ig-gray-900)}:host([outlined][variant=danger]) [part=base]:hover,:host([selected][outlined][variant=danger]:not([disabled])) [part=base]:hover{background:hsl(from var(--ig-error-500) h s l/0.3)}:host([outlined][variant=danger]) [part=base]:focus-within,:host([selected][outlined][variant=danger]:not([disabled])) [part=base]:focus-within{background:rgba(0,0,0,0)}:host([outlined][variant=danger][disabled]) [part=base],:host([selected][outlined][variant=danger][disabled]) [part=base]{background:rgba(0,0,0,0);border-color:var(--ig-error-500);color:var(--ig-gray-900)}`;
3
3
  //# sourceMappingURL=chip.indigo.css.js.map
package/components/chip/themes/light/chip.indigo.css.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"chip.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/chip/themes/light/chip.indigo.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,u5QAAu5Q,CAAC","sourcesContent":["\n import { css } from 'lit';\n export const styles = css`:host{--ghost-elevation: var(--ig-chip-ghost-elevation, var(--ig-elevation-1));--focus-shadow-color: var(--ig-chip-focus-shadow-color, hsl(from var(--ig-gray-900) h s l/0.15));--focus-selected-shadow-color: var(--ig-chip-focus-selected-shadow-color, hsl(from var(--ig-primary-400) h s l/0.5));--background: var(--ig-chip-background, var(--ig-gray-400));--ghost-background: var(--ig-chip-ghost-background, var(--ig-gray-200));--ghost-text-color: var(--ig-chip-ghost-text-color, var(--ig-gray-700));--hover-text-color: var(--ig-chip-hover-text-color, var(--ig-gray-900));--hover-background: var(--ig-chip-hover-background, var(--ig-gray-500));--focus-text-color: var(--ig-chip-focus-text-color, var(--ig-gray-800));--selected-text-color: var(--ig-chip-selected-text-color, var(--ig-primary-900-contrast));--hover-selected-text-color: var(--ig-chip-hover-selected-text-color, var(--ig-primary-900-contrast));--hover-selected-background: var(--ig-chip-hover-selected-background, var(--ig-primary-400));--disabled-text-color: var(--ig-chip-disabled-text-color, hsl(from var(--ig-gray-900) h s l/0.2));--disabled-selected-text-color: var(--ig-chip-disabled-selected-text-color, hsl(from var(--ig-primary-900-contrast) h s l/0.4));--disabled-selected-background: var(--ig-chip-disabled-selected-background, hsl(from var(--ig-primary-400) h s l/0.5));--size: var(--ig-chip-size, max(var(--is-large, 1) * max(1.75rem, -1 * 1.75rem), var(--is-medium, 1) * max(1.5rem, -1 * 1.5rem), var(--is-small, 1) * max(1.25rem, -1 * 1.25rem)));--outlined-background: var(--ig-chip-outlined-background, var(--ig-gray-50));--outlined-text-color: var(--ig-chip-outlined-text-color, var(--ig-gray-700));--border-color: var(--ig-chip-border-color, var(--ig-gray-400));--selected-outlined-text-color: var(--ig-chip-selected-outlined-text-color, var(--ig-gray-900));--selected-border-color: var(--ig-chip-selected-border-color, var(--ig-primary-400));--hover-border-color: var(--ig-chip-hover-border-color, var(--ig-gray-500));--hover-outlined-text-color: var(--ig-chip-hover-outlined-text-color, var(--ig-gray-900));--hover-selected-border-color: var(--ig-chip-hover-selected-border-color, var(--ig-primary-400));--hover-selected-outlined-text-color: var(--ig-chip-hover-selected-outlined-text-color, var(--ig-gray-900));--focus-border-color: var(--ig-chip-focus-border-color, var(--ig-gray-400));--focus-outlined-text-color: var(--ig-chip-focus-outlined-text-color, var(--ig-gray-700));--focus-selected-border-color: var(--ig-chip-focus-selected-border-color, var(--ig-primary-400));--focus-selected-outlined-text-color: var(--ig-chip-focus-selected-outlined-text-color, var(--ig-gray-900));--disabled-outlined-background: var(--ig-chip-disabled-outlined-background, var(--ig-primary-900-contrast));--disabled-outlined-text-color: var(--ig-chip-disabled-outlined-text-color, hsl(from var(--ig-gray-900) h s l/0.2));--disabled-border-color: var(--ig-chip-disabled-border-color, var(--ig-gray-300));--disabled-selected-outlined-background: var(--ig-chip-disabled-selected-outlined-background, transparent);--disabled-selected-outlined-text-color: var(--ig-chip-disabled-selected-outlined-text-color, var(--ig-gray-900));--disabled-selected-border-color: var(--ig-chip-disabled-selected-border-color, var(--ig-primary-400));--text-color: var(--ig-chip-text-color, var(--ig-gray-800));--focus-background: var(--ig-chip-focus-background, var(--ig-gray-400));--focus-selected-text-color: var(--ig-chip-focus-selected-text-color, var(--ig-primary-900-contrast));--focus-selected-background: var(--ig-chip-focus-selected-background, var(--ig-primary-500));--hover-outlined-background: var(--ig-chip-hover-outlined-background, var(--ig-gray-200));--hover-selected-outlined-background: var(--ig-chip-hover-selected-outlined-background, hsl(from var(--ig-primary-400) h s l/0.3));--focus-outlined-background: var(--ig-chip-focus-outlined-background, var(--ig-gray-50));--focus-selected-outlined-background: var(--ig-chip-focus-selected-outlined-background, transparent);--ig-theme: indigo;--ig-theme-variant: light}:host([variant=info]) button:focus,:host([selected][variant=info]) button:not([disabled]):focus{box-shadow:0 0 0 .1875rem var(--ig-info-100)}:host([variant=success]) button:focus,:host([selected][variant=success]) button:not([disabled]):focus{box-shadow:0 0 0 .1875rem var(--ig-success-200)}:host([variant=warning]) button,:host([selected][variant=warning]) button:not([disabled]){color:var(--ig-gray-900)}:host([variant=warning]) button:focus,:host([selected][variant=warning]) button:not([disabled]):focus{color:var(--ig-gray-900);box-shadow:0 0 0 .1875rem var(--ig-warn-100)}:host([variant=warning]) button:hover,:host([selected][variant=warning]) button:not([disabled]):hover{color:var(--ig-gray-900)}:host([variant=warning]) button[disabled],:host([selected][variant=warning]) button[disabled]{color:var(--ig-gray-900)}:host([variant=danger]) button:focus,:host([selected][variant=danger]) button:not([disabled]):focus{box-shadow:0 0 0 .1875rem var(--ig-error-100)}:host([variant=primary]) button[disabled],:host([selected][variant=primary]) button[disabled]{color:hsl(from var(--ig-primary-900-contrast) h s l/0.4)}:host([outlined][variant=primary]) button,:host([selected][outlined][variant=primary]) button:not([disabled]){border-color:var(--ig-primary-400);color:var(--ig-gray-900)}:host([outlined][variant=primary]) button:hover,:host([selected][outlined][variant=primary]) button:not([disabled]):hover{background:hsl(from var(--ig-primary-400) h s l/0.3)}:host([outlined][variant=primary]) button:focus,:host([selected][outlined][variant=primary]) button:not([disabled]):focus{background:rgba(0,0,0,0)}:host([outlined][variant=primary]) button[disabled],:host([selected][outlined][variant=primary]) button[disabled]{background:rgba(0,0,0,0);border-color:var(--ig-primary-400);color:var(--ig-gray-900)}:host([outlined][variant=info]) button,:host([selected][outlined][variant=info]) button:not([disabled]){border-color:var(--ig-info-500);color:var(--ig-gray-900)}:host([outlined][variant=info]) button:hover,:host([selected][outlined][variant=info]) button:not([disabled]):hover{background:hsl(from var(--ig-info-400) h s l/0.3)}:host([outlined][variant=info]) button:focus,:host([selected][outlined][variant=info]) button:not([disabled]):focus{background:rgba(0,0,0,0)}:host([outlined][variant=info]) button[disabled],:host([selected][outlined][variant=info]) button[disabled]{background:rgba(0,0,0,0);border-color:var(--ig-info-500);color:var(--ig-gray-900)}:host([outlined][variant=success]) button,:host([selected][outlined][variant=success]) button:not([disabled]){border-color:var(--ig-success-700);color:var(--ig-gray-900)}:host([outlined][variant=success]) button:hover,:host([selected][outlined][variant=success]) button:not([disabled]):hover{background:hsl(from var(--ig-success-700) h s l/0.3)}:host([outlined][variant=success]) button:focus,:host([selected][outlined][variant=success]) button:not([disabled]):focus{background:rgba(0,0,0,0)}:host([outlined][variant=success]) button[disabled],:host([selected][outlined][variant=success]) button[disabled]{background:rgba(0,0,0,0);border-color:var(--ig-success-700);color:var(--ig-gray-900)}:host([outlined][variant=warning]) button,:host([selected][outlined][variant=warning]) button:not([disabled]){border-color:var(--ig-warn-600);color:var(--ig-gray-900)}:host([outlined][variant=warning]) button:hover,:host([selected][outlined][variant=warning]) button:not([disabled]):hover{background:hsl(from var(--ig-warn-400) h s l/0.3)}:host([outlined][variant=warning]) button:focus,:host([selected][outlined][variant=warning]) button:not([disabled]):focus{background:rgba(0,0,0,0)}:host([outlined][variant=warning]) button[disabled],:host([selected][outlined][variant=warning]) button[disabled]{background:rgba(0,0,0,0);border-color:var(--ig-warn-600);color:var(--ig-gray-900)}:host([outlined][variant=danger]) button,:host([selected][outlined][variant=danger]) button:not([disabled]){border-color:var(--ig-error-500);color:var(--ig-gray-900)}:host([outlined][variant=danger]) button:hover,:host([selected][outlined][variant=danger]) button:not([disabled]):hover{background:hsl(from var(--ig-error-500) h s l/0.3)}:host([outlined][variant=danger]) button:focus,:host([selected][outlined][variant=danger]) button:not([disabled]):focus{background:rgba(0,0,0,0)}:host([outlined][variant=danger]) button[disabled],:host([selected][outlined][variant=danger]) button[disabled]{background:rgba(0,0,0,0);border-color:var(--ig-error-500);color:var(--ig-gray-900)}`;\n "]}
1
+ {"version":3,"file":"chip.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/chip/themes/light/chip.indigo.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,6yRAA6yR,CAAC","sourcesContent":["\n import { css } from 'lit';\n export const styles = css`:host{--ghost-elevation: var(--ig-chip-ghost-elevation, var(--ig-elevation-1));--focus-shadow-color: var(--ig-chip-focus-shadow-color, hsl(from var(--ig-gray-900) h s l/0.15));--focus-selected-shadow-color: var(--ig-chip-focus-selected-shadow-color, hsl(from var(--ig-primary-400) h s l/0.5));--background: var(--ig-chip-background, var(--ig-gray-400));--ghost-background: var(--ig-chip-ghost-background, var(--ig-gray-200));--ghost-text-color: var(--ig-chip-ghost-text-color, var(--ig-gray-700));--hover-text-color: var(--ig-chip-hover-text-color, var(--ig-gray-900));--hover-background: var(--ig-chip-hover-background, var(--ig-gray-500));--focus-text-color: var(--ig-chip-focus-text-color, var(--ig-gray-800));--selected-text-color: var(--ig-chip-selected-text-color, var(--ig-primary-900-contrast));--hover-selected-text-color: var(--ig-chip-hover-selected-text-color, var(--ig-primary-900-contrast));--hover-selected-background: var(--ig-chip-hover-selected-background, var(--ig-primary-400));--disabled-text-color: var(--ig-chip-disabled-text-color, hsl(from var(--ig-gray-900) h s l/0.2));--disabled-selected-text-color: var(--ig-chip-disabled-selected-text-color, hsl(from var(--ig-primary-900-contrast) h s l/0.4));--disabled-selected-background: var(--ig-chip-disabled-selected-background, hsl(from var(--ig-primary-400) h s l/0.5));--size: var(--ig-chip-size, max(var(--is-large, 1) * max(1.75rem, -1 * 1.75rem), var(--is-medium, 1) * max(1.5rem, -1 * 1.5rem), var(--is-small, 1) * max(1.25rem, -1 * 1.25rem)));--outlined-background: var(--ig-chip-outlined-background, var(--ig-gray-50));--outlined-text-color: var(--ig-chip-outlined-text-color, var(--ig-gray-700));--border-color: var(--ig-chip-border-color, var(--ig-gray-400));--selected-outlined-text-color: var(--ig-chip-selected-outlined-text-color, var(--ig-gray-900));--selected-border-color: var(--ig-chip-selected-border-color, var(--ig-primary-400));--hover-border-color: var(--ig-chip-hover-border-color, var(--ig-gray-500));--hover-outlined-text-color: var(--ig-chip-hover-outlined-text-color, var(--ig-gray-900));--hover-selected-border-color: var(--ig-chip-hover-selected-border-color, var(--ig-primary-400));--hover-selected-outlined-text-color: var(--ig-chip-hover-selected-outlined-text-color, var(--ig-gray-900));--focus-border-color: var(--ig-chip-focus-border-color, var(--ig-gray-400));--focus-outlined-text-color: var(--ig-chip-focus-outlined-text-color, var(--ig-gray-700));--focus-selected-border-color: var(--ig-chip-focus-selected-border-color, var(--ig-primary-400));--focus-selected-outlined-text-color: var(--ig-chip-focus-selected-outlined-text-color, var(--ig-gray-900));--disabled-outlined-background: var(--ig-chip-disabled-outlined-background, var(--ig-primary-900-contrast));--disabled-outlined-text-color: var(--ig-chip-disabled-outlined-text-color, hsl(from var(--ig-gray-900) h s l/0.2));--disabled-border-color: var(--ig-chip-disabled-border-color, var(--ig-gray-300));--disabled-selected-outlined-background: var(--ig-chip-disabled-selected-outlined-background, transparent);--disabled-selected-outlined-text-color: var(--ig-chip-disabled-selected-outlined-text-color, var(--ig-gray-900));--disabled-selected-border-color: var(--ig-chip-disabled-selected-border-color, var(--ig-primary-400));--text-color: var(--ig-chip-text-color, var(--ig-gray-800));--focus-background: var(--ig-chip-focus-background, var(--ig-gray-400));--focus-selected-text-color: var(--ig-chip-focus-selected-text-color, var(--ig-primary-900-contrast));--focus-selected-background: var(--ig-chip-focus-selected-background, var(--ig-primary-500));--hover-outlined-background: var(--ig-chip-hover-outlined-background, var(--ig-gray-200));--hover-selected-outlined-background: var(--ig-chip-hover-selected-outlined-background, hsl(from var(--ig-primary-400) h s l/0.3));--focus-outlined-background: var(--ig-chip-focus-outlined-background, var(--ig-gray-50));--focus-selected-outlined-background: var(--ig-chip-focus-selected-outlined-background, transparent);--ig-theme: indigo;--ig-theme-variant: light}:host([variant=info]) [part=base]:focus-within,:host([selected][variant=info]:not([disabled])) [part=base]:focus-within{box-shadow:0 0 0 .1875rem var(--ig-info-100)}:host([variant=success]) [part=base]:focus-within,:host([selected][variant=success]:not([disabled])) [part=base]:focus-within{box-shadow:0 0 0 .1875rem var(--ig-success-200)}:host([variant=warning]) [part=base],:host([selected][variant=warning]:not([disabled])) [part=base]{color:var(--ig-gray-900)}:host([variant=warning]) [part=base]:focus-within,:host([selected][variant=warning]:not([disabled])) [part=base]:focus-within{color:var(--ig-gray-900);box-shadow:0 0 0 .1875rem var(--ig-warn-100)}:host([variant=warning]) [part=base]:hover,:host([selected][variant=warning]:not([disabled])) [part=base]:hover{color:var(--ig-gray-900)}:host([variant=warning][disabled]) [part=base],:host([selected][variant=warning][disabled]) [part=base]{color:var(--ig-gray-900)}:host([variant=danger]) [part=base]:focus-within,:host([selected][variant=danger]:not([disabled])) [part=base]:focus-within{box-shadow:0 0 0 .1875rem var(--ig-error-100)}:host([variant=primary][disabled]) [part=base],:host([selected][variant=primary][disabled]) [part=base]{color:hsl(from var(--ig-primary-900-contrast) h s l/0.4)}:host([outlined][variant=primary]) [part=base],:host([selected][outlined][variant=primary]:not([disabled])) [part=base]{border-color:var(--ig-primary-400);color:var(--ig-gray-900)}:host([outlined][variant=primary]) [part=base]:hover,:host([selected][outlined][variant=primary]:not([disabled])) [part=base]:hover{background:hsl(from var(--ig-primary-400) h s l/0.3)}:host([outlined][variant=primary]) [part=base]:focus-within,:host([selected][outlined][variant=primary]:not([disabled])) [part=base]:focus-within{background:rgba(0,0,0,0)}:host([outlined][variant=primary][disabled]) [part=base],:host([selected][outlined][variant=primary][disabled]) [part=base]{background:rgba(0,0,0,0);border-color:var(--ig-primary-400);color:var(--ig-gray-900)}:host([outlined][variant=info]) [part=base],:host([selected][outlined][variant=info]:not([disabled])) [part=base]{border-color:var(--ig-info-500);color:var(--ig-gray-900)}:host([outlined][variant=info]) [part=base]:hover,:host([selected][outlined][variant=info]:not([disabled])) [part=base]:hover{background:hsl(from var(--ig-info-400) h s l/0.3)}:host([outlined][variant=info]) [part=base]:focus-within,:host([selected][outlined][variant=info]:not([disabled])) [part=base]:focus-within{background:rgba(0,0,0,0)}:host([outlined][variant=info][disabled]) [part=base],:host([selected][outlined][variant=info][disabled]) [part=base]{background:rgba(0,0,0,0);border-color:var(--ig-info-500);color:var(--ig-gray-900)}:host([outlined][variant=success]) [part=base],:host([selected][outlined][variant=success]:not([disabled])) [part=base]{border-color:var(--ig-success-700);color:var(--ig-gray-900)}:host([outlined][variant=success]) [part=base]:hover,:host([selected][outlined][variant=success]:not([disabled])) [part=base]:hover{background:hsl(from var(--ig-success-700) h s l/0.3)}:host([outlined][variant=success]) [part=base]:focus-within,:host([selected][outlined][variant=success]:not([disabled])) [part=base]:focus-within{background:rgba(0,0,0,0)}:host([outlined][variant=success][disabled]) [part=base],:host([selected][outlined][variant=success][disabled]) [part=base]{background:rgba(0,0,0,0);border-color:var(--ig-success-700);color:var(--ig-gray-900)}:host([outlined][variant=warning]) [part=base],:host([selected][outlined][variant=warning]:not([disabled])) [part=base]{border-color:var(--ig-warn-600);color:var(--ig-gray-900)}:host([outlined][variant=warning]) [part=base]:hover,:host([selected][outlined][variant=warning]:not([disabled])) [part=base]:hover{background:hsl(from var(--ig-warn-400) h s l/0.3)}:host([outlined][variant=warning]) [part=base]:focus-within,:host([selected][outlined][variant=warning]:not([disabled])) [part=base]:focus-within{background:rgba(0,0,0,0)}:host([outlined][variant=warning][disabled]) [part=base],:host([selected][outlined][variant=warning][disabled]) [part=base]{background:rgba(0,0,0,0);border-color:var(--ig-warn-600);color:var(--ig-gray-900)}:host([outlined][variant=danger]) [part=base],:host([selected][outlined][variant=danger]:not([disabled])) [part=base]{border-color:var(--ig-error-500);color:var(--ig-gray-900)}:host([outlined][variant=danger]) [part=base]:hover,:host([selected][outlined][variant=danger]:not([disabled])) [part=base]:hover{background:hsl(from var(--ig-error-500) h s l/0.3)}:host([outlined][variant=danger]) [part=base]:focus-within,:host([selected][outlined][variant=danger]:not([disabled])) [part=base]:focus-within{background:rgba(0,0,0,0)}:host([outlined][variant=danger][disabled]) [part=base],:host([selected][outlined][variant=danger][disabled]) [part=base]{background:rgba(0,0,0,0);border-color:var(--ig-error-500);color:var(--ig-gray-900)}`;\n "]}
package/components/chip/themes/light/chip.material.css.js CHANGED
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host{--background: var(--ig-chip-background, var(--ig-gray-300));--selected-background: var(--ig-chip-selected-background, var(--ig-gray-300));--text-color: var(--ig-chip-text-color, var(--ig-gray-300-contrast));--focus-background: var(--ig-chip-focus-background, var(--ig-gray-500));--focus-selected-text-color: var(--ig-chip-focus-selected-text-color, var(--ig-gray-500-contrast));--focus-selected-background: var(--ig-chip-focus-selected-background, var(--ig-gray-500));--hover-outlined-background: var(--ig-chip-hover-outlined-background, hsl(from var(--ig-gray-400) h s l/0.16));--hover-selected-outlined-background: var(--ig-chip-hover-selected-outlined-background, hsl(from var(--ig-gray-400) h s l/0.16));--focus-outlined-background: var(--ig-chip-focus-outlined-background, hsl(from var(--ig-gray-500) h s l/0.3));--focus-selected-outlined-background: var(--ig-chip-focus-selected-outlined-background, hsl(from var(--ig-gray-500) h s l/0.3));--ig-theme: material;--ig-theme-variant: light}:host([outlined][variant=primary]) button,:host([selected][outlined][variant=primary]) button:not([disabled]){border-color:var(--ig-primary-800);color:var(--ig-primary-100-contrast)}:host([outlined][variant=info]) button,:host([selected][outlined][variant=info]) button:not([disabled]){border-color:var(--ig-info-800);color:var(--ig-info-100-contrast)}:host([outlined][variant=success]) button,:host([selected][outlined][variant=success]) button:not([disabled]){border-color:var(--ig-success-800);color:var(--ig-success-100-contrast)}:host([outlined][variant=warning]) button,:host([selected][outlined][variant=warning]) button:not([disabled]){border-color:var(--ig-warn-800);color:var(--ig-warn-100-contrast)}:host([outlined][variant=danger]) button,:host([selected][outlined][variant=danger]) button:not([disabled]){border-color:var(--ig-error-800);color:var(--ig-error-100-contrast)}`;
2
+ export const styles = css `:host{--background: var(--ig-chip-background, var(--ig-gray-300));--selected-background: var(--ig-chip-selected-background, var(--ig-gray-300));--text-color: var(--ig-chip-text-color, var(--ig-gray-300-contrast));--focus-background: var(--ig-chip-focus-background, var(--ig-gray-500));--focus-selected-text-color: var(--ig-chip-focus-selected-text-color, var(--ig-gray-500-contrast));--focus-selected-background: var(--ig-chip-focus-selected-background, var(--ig-gray-500));--hover-outlined-background: var(--ig-chip-hover-outlined-background, hsl(from var(--ig-gray-400) h s l/0.16));--hover-selected-outlined-background: var(--ig-chip-hover-selected-outlined-background, hsl(from var(--ig-gray-400) h s l/0.16));--focus-outlined-background: var(--ig-chip-focus-outlined-background, hsl(from var(--ig-gray-500) h s l/0.3));--focus-selected-outlined-background: var(--ig-chip-focus-selected-outlined-background, hsl(from var(--ig-gray-500) h s l/0.3));--ig-theme: material;--ig-theme-variant: light}:host([outlined][variant=primary]) [part=base],:host([selected][outlined][variant=primary]:not([disabled])) [part=base]{border-color:var(--ig-primary-800);color:var(--ig-primary-100-contrast)}:host([outlined][variant=info]) [part=base],:host([selected][outlined][variant=info]:not([disabled])) [part=base]{border-color:var(--ig-info-800);color:var(--ig-info-100-contrast)}:host([outlined][variant=success]) [part=base],:host([selected][outlined][variant=success]:not([disabled])) [part=base]{border-color:var(--ig-success-800);color:var(--ig-success-100-contrast)}:host([outlined][variant=warning]) [part=base],:host([selected][outlined][variant=warning]:not([disabled])) [part=base]{border-color:var(--ig-warn-800);color:var(--ig-warn-100-contrast)}:host([outlined][variant=danger]) [part=base],:host([selected][outlined][variant=danger]:not([disabled])) [part=base]{border-color:var(--ig-error-800);color:var(--ig-error-100-contrast)}`;
3
3
  //# sourceMappingURL=chip.material.css.js.map
package/components/chip/themes/light/chip.material.css.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"chip.material.css.js","sourceRoot":"","sources":["../../../../../src/components/chip/themes/light/chip.material.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,+1DAA+1D,CAAC","sourcesContent":["\n import { css } from 'lit';\n export const styles = css`:host{--background: var(--ig-chip-background, var(--ig-gray-300));--selected-background: var(--ig-chip-selected-background, var(--ig-gray-300));--text-color: var(--ig-chip-text-color, var(--ig-gray-300-contrast));--focus-background: var(--ig-chip-focus-background, var(--ig-gray-500));--focus-selected-text-color: var(--ig-chip-focus-selected-text-color, var(--ig-gray-500-contrast));--focus-selected-background: var(--ig-chip-focus-selected-background, var(--ig-gray-500));--hover-outlined-background: var(--ig-chip-hover-outlined-background, hsl(from var(--ig-gray-400) h s l/0.16));--hover-selected-outlined-background: var(--ig-chip-hover-selected-outlined-background, hsl(from var(--ig-gray-400) h s l/0.16));--focus-outlined-background: var(--ig-chip-focus-outlined-background, hsl(from var(--ig-gray-500) h s l/0.3));--focus-selected-outlined-background: var(--ig-chip-focus-selected-outlined-background, hsl(from var(--ig-gray-500) h s l/0.3));--ig-theme: material;--ig-theme-variant: light}:host([outlined][variant=primary]) button,:host([selected][outlined][variant=primary]) button:not([disabled]){border-color:var(--ig-primary-800);color:var(--ig-primary-100-contrast)}:host([outlined][variant=info]) button,:host([selected][outlined][variant=info]) button:not([disabled]){border-color:var(--ig-info-800);color:var(--ig-info-100-contrast)}:host([outlined][variant=success]) button,:host([selected][outlined][variant=success]) button:not([disabled]){border-color:var(--ig-success-800);color:var(--ig-success-100-contrast)}:host([outlined][variant=warning]) button,:host([selected][outlined][variant=warning]) button:not([disabled]){border-color:var(--ig-warn-800);color:var(--ig-warn-100-contrast)}:host([outlined][variant=danger]) button,:host([selected][outlined][variant=danger]) button:not([disabled]){border-color:var(--ig-error-800);color:var(--ig-error-100-contrast)}`;\n "]}
1
+ {"version":3,"file":"chip.material.css.js","sourceRoot":"","sources":["../../../../../src/components/chip/themes/light/chip.material.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,i5DAAi5D,CAAC","sourcesContent":["\n import { css } from 'lit';\n export const styles = css`:host{--background: var(--ig-chip-background, var(--ig-gray-300));--selected-background: var(--ig-chip-selected-background, var(--ig-gray-300));--text-color: var(--ig-chip-text-color, var(--ig-gray-300-contrast));--focus-background: var(--ig-chip-focus-background, var(--ig-gray-500));--focus-selected-text-color: var(--ig-chip-focus-selected-text-color, var(--ig-gray-500-contrast));--focus-selected-background: var(--ig-chip-focus-selected-background, var(--ig-gray-500));--hover-outlined-background: var(--ig-chip-hover-outlined-background, hsl(from var(--ig-gray-400) h s l/0.16));--hover-selected-outlined-background: var(--ig-chip-hover-selected-outlined-background, hsl(from var(--ig-gray-400) h s l/0.16));--focus-outlined-background: var(--ig-chip-focus-outlined-background, hsl(from var(--ig-gray-500) h s l/0.3));--focus-selected-outlined-background: var(--ig-chip-focus-selected-outlined-background, hsl(from var(--ig-gray-500) h s l/0.3));--ig-theme: material;--ig-theme-variant: light}:host([outlined][variant=primary]) [part=base],:host([selected][outlined][variant=primary]:not([disabled])) [part=base]{border-color:var(--ig-primary-800);color:var(--ig-primary-100-contrast)}:host([outlined][variant=info]) [part=base],:host([selected][outlined][variant=info]:not([disabled])) [part=base]{border-color:var(--ig-info-800);color:var(--ig-info-100-contrast)}:host([outlined][variant=success]) [part=base],:host([selected][outlined][variant=success]:not([disabled])) [part=base]{border-color:var(--ig-success-800);color:var(--ig-success-100-contrast)}:host([outlined][variant=warning]) [part=base],:host([selected][outlined][variant=warning]:not([disabled])) [part=base]{border-color:var(--ig-warn-800);color:var(--ig-warn-100-contrast)}:host([outlined][variant=danger]) [part=base],:host([selected][outlined][variant=danger]:not([disabled])) [part=base]{border-color:var(--ig-error-800);color:var(--ig-error-100-contrast)}`;\n "]}