q2-tecton-elements 1.5.3 → 1.6.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (101) hide show
  1. package/dist/cjs/q2-btn.cjs.entry.js +1 -1
  2. package/dist/cjs/q2-calendar.cjs.entry.js +1 -1
  3. package/dist/cjs/q2-carousel-pane.cjs.entry.js +1 -1
  4. package/dist/cjs/q2-carousel.cjs.entry.js +1 -1
  5. package/dist/cjs/q2-checkbox-group.cjs.entry.js +1 -1
  6. package/dist/cjs/q2-checkbox.cjs.entry.js +1 -1
  7. package/dist/cjs/q2-dropdown-item.cjs.entry.js +1 -1
  8. package/dist/cjs/q2-dropdown.cjs.entry.js +3 -3
  9. package/dist/cjs/q2-input_2.cjs.entry.js +3 -3
  10. package/dist/cjs/q2-optgroup.cjs.entry.js +1 -1
  11. package/dist/cjs/q2-option.cjs.entry.js +1 -1
  12. package/dist/cjs/q2-radio.cjs.entry.js +1 -1
  13. package/dist/cjs/q2-tab-container.cjs.entry.js +1 -1
  14. package/dist/collection/components/q2-btn/styles.css +7 -7
  15. package/dist/collection/components/q2-calendar/styles.css +3 -3
  16. package/dist/collection/components/q2-carousel/styles.css +2 -2
  17. package/dist/collection/components/q2-carousel-pane/styles.css +1 -1
  18. package/dist/collection/components/q2-checkbox/styles.css +5 -5
  19. package/dist/collection/components/q2-checkbox-group/styles.css +1 -1
  20. package/dist/collection/components/q2-dropdown/index.js +3 -3
  21. package/dist/collection/components/q2-dropdown-item/styles.css +2 -2
  22. package/dist/collection/components/q2-input/formatting/phone.js +1 -1
  23. package/dist/collection/components/q2-input/styles.css +13 -13
  24. package/dist/collection/components/q2-message/styles.css +1 -1
  25. package/dist/collection/components/q2-optgroup/styles.css +1 -1
  26. package/dist/collection/components/q2-option/styles.css +1 -1
  27. package/dist/collection/components/q2-radio/styles.css +3 -3
  28. package/dist/collection/components/q2-tab-container/styles.css +1 -1
  29. package/dist/esm/q2-btn.entry.js +1 -1
  30. package/dist/esm/q2-calendar.entry.js +1 -1
  31. package/dist/esm/q2-carousel-pane.entry.js +1 -1
  32. package/dist/esm/q2-carousel.entry.js +1 -1
  33. package/dist/esm/q2-checkbox-group.entry.js +1 -1
  34. package/dist/esm/q2-checkbox.entry.js +1 -1
  35. package/dist/esm/q2-dropdown-item.entry.js +1 -1
  36. package/dist/esm/q2-dropdown.entry.js +3 -3
  37. package/dist/esm/q2-input_2.entry.js +3 -3
  38. package/dist/esm/q2-optgroup.entry.js +1 -1
  39. package/dist/esm/q2-option.entry.js +1 -1
  40. package/dist/esm/q2-radio.entry.js +1 -1
  41. package/dist/esm/q2-tab-container.entry.js +1 -1
  42. package/dist/esm-es5/q2-btn.entry.js +1 -1
  43. package/dist/esm-es5/q2-calendar.entry.js +1 -1
  44. package/dist/esm-es5/q2-carousel-pane.entry.js +1 -1
  45. package/dist/esm-es5/q2-carousel.entry.js +1 -1
  46. package/dist/esm-es5/q2-checkbox-group.entry.js +1 -1
  47. package/dist/esm-es5/q2-checkbox.entry.js +1 -1
  48. package/dist/esm-es5/q2-dropdown-item.entry.js +1 -1
  49. package/dist/esm-es5/q2-dropdown.entry.js +3 -3
  50. package/dist/esm-es5/q2-input_2.entry.js +3 -3
  51. package/dist/esm-es5/q2-optgroup.entry.js +1 -1
  52. package/dist/esm-es5/q2-option.entry.js +1 -1
  53. package/dist/esm-es5/q2-radio.entry.js +1 -1
  54. package/dist/esm-es5/q2-tab-container.entry.js +1 -1
  55. package/dist/q2-tecton-elements/{p-441decb7.entry.js → p-135f4804.entry.js} +1 -1
  56. package/dist/q2-tecton-elements/{p-84e239ae.entry.js → p-2588a203.entry.js} +1 -1
  57. package/dist/q2-tecton-elements/p-468eac5b.entry.js +1 -0
  58. package/dist/q2-tecton-elements/{p-cb8d4e07.system.entry.js → p-49b41bc3.system.entry.js} +1 -1
  59. package/dist/q2-tecton-elements/p-4b938147.entry.js +1 -0
  60. package/dist/q2-tecton-elements/p-550d5373.system.entry.js +1 -0
  61. package/dist/q2-tecton-elements/p-5a12123a.system.entry.js +1 -0
  62. package/dist/q2-tecton-elements/p-617fc40a.system.entry.js +1 -0
  63. package/dist/q2-tecton-elements/{p-43a05b9f.entry.js → p-640d54e2.entry.js} +1 -1
  64. package/dist/q2-tecton-elements/p-64a8d69f.system.entry.js +1 -0
  65. package/dist/q2-tecton-elements/{p-7624ed0d.entry.js → p-7bf0790c.entry.js} +1 -1
  66. package/dist/q2-tecton-elements/{p-fefca9c1.system.entry.js → p-7c49e5c9.system.entry.js} +1 -1
  67. package/dist/q2-tecton-elements/p-80262c20.system.entry.js +1 -0
  68. package/dist/q2-tecton-elements/{p-dc4b38dc.entry.js → p-84b6dc77.entry.js} +1 -1
  69. package/dist/q2-tecton-elements/{p-65d32cb9.entry.js → p-85a53b6b.entry.js} +1 -1
  70. package/dist/q2-tecton-elements/p-8896cf51.system.entry.js +1 -0
  71. package/dist/q2-tecton-elements/{p-55ff8885.system.entry.js → p-88c5f1da.system.entry.js} +1 -1
  72. package/dist/q2-tecton-elements/{p-0898c601.entry.js → p-8b502a4f.entry.js} +1 -1
  73. package/dist/q2-tecton-elements/{p-560cadce.system.entry.js → p-93945d57.system.entry.js} +1 -1
  74. package/dist/q2-tecton-elements/p-94a26b0f.system.js +1 -1
  75. package/dist/q2-tecton-elements/{p-d30f657f.entry.js → p-a06f247c.entry.js} +1 -1
  76. package/dist/q2-tecton-elements/p-c3cd3986.system.entry.js +1 -0
  77. package/dist/q2-tecton-elements/p-dada189b.system.entry.js +1 -0
  78. package/dist/q2-tecton-elements/p-f32de913.entry.js +1 -0
  79. package/dist/q2-tecton-elements/p-f581de2f.entry.js +1 -0
  80. package/dist/q2-tecton-elements/p-fc196ca4.system.entry.js +1 -0
  81. package/dist/q2-tecton-elements/p-fc1cb83d.entry.js +1 -0
  82. package/dist/q2-tecton-elements/q2-tecton-elements.esm.js +1 -1
  83. package/dist/types/components/q2-dropdown/index.d.ts +1 -1
  84. package/dist/types/global.d.ts +2 -2
  85. package/dist/types/util.d.ts +4 -4
  86. package/dist/types/workspace/workspace/{_tecton-production_release_1.5.x → _tecton-production_release_1.6.x}/packages/q2-tecton-elements/.stencil/test/helpers.d.ts +0 -0
  87. package/package.json +2 -2
  88. package/dist/q2-tecton-elements/p-1118a9a2.entry.js +0 -1
  89. package/dist/q2-tecton-elements/p-2b775411.entry.js +0 -1
  90. package/dist/q2-tecton-elements/p-3788add3.system.entry.js +0 -1
  91. package/dist/q2-tecton-elements/p-63ec6e3d.system.entry.js +0 -1
  92. package/dist/q2-tecton-elements/p-6c2249f2.entry.js +0 -1
  93. package/dist/q2-tecton-elements/p-7e5a1320.system.entry.js +0 -1
  94. package/dist/q2-tecton-elements/p-8fa28d27.system.entry.js +0 -1
  95. package/dist/q2-tecton-elements/p-9644093a.system.entry.js +0 -1
  96. package/dist/q2-tecton-elements/p-9d45cb48.system.entry.js +0 -1
  97. package/dist/q2-tecton-elements/p-9d82b5a4.entry.js +0 -1
  98. package/dist/q2-tecton-elements/p-a0865160.system.entry.js +0 -1
  99. package/dist/q2-tecton-elements/p-aa243b6a.system.entry.js +0 -1
  100. package/dist/q2-tecton-elements/p-ba96d37c.entry.js +0 -1
  101. package/dist/q2-tecton-elements/p-cf340d13.system.entry.js +0 -1
package/dist/cjs/q2-btn.cjs.entry.js CHANGED
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index$1 = require('./index-56373ad4.js');
6
6
 
7
- const stylesCss = "*{-webkit-box-sizing:border-box;box-sizing:border-box}*:active{outline:none}*:focus{outline:none;-webkit-box-shadow:var(--const-global-focus);box-shadow:var(--const-global-focus)}:host{-webkit-box-shadow:none !important;box-shadow:none !important}::-moz-focus-inner{border:none}input,button{font-family:inherit;font-size:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{display:inline-block}:host([hidden]){display:none}:host([block]){display:block;width:100%}button{--q2-btn-primary-bg:var(--tct-btn-primary-bg, var(--t-button-primary-bg, #2E2E2E));--q2-btn-primary-font-color:var(--tct-btn-primary-font-color, var(--t-button-primary-font-color, var(--tct-white, var(--app-white,#FFFFFF))));--q2-btn-primary-box-shadow:var(--tct-btn-primary-box-shadow, 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24));--q2-btn-primary-hover-box-shadow:var(--tct-btn-primary-hover-box-shadow, 0 5px 10px rgba(0, 0, 0, 0.19), 0 3px 3px rgba(0, 0, 0, 0.23));--q2-btn-secondary-bg:var(--tct-btn-secondary-bg, var(--t-button-default-bg, #CCCCCC));--q2-btn-secondary-font-color:var(--tct-btn-secondary-font-color, var(--t-button-default-font-color, #2E2E2E));--q2-btn-secondary-box-shadow:var(--tct-btn-secondary-box-shadow, 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24));--q2-btn-secondary-hover-box-shadow:var(--tct-btn-secondary-hover-box-shadow, 0 5px 10px rgba(0, 0, 0, 0.19), 0 3px 3px rgba(0, 0, 0, 0.23));--q2-btn-tween:var(--tct-btn-tween, var(--tct-tween-1, var(--app-tween-1, 0.2s ease)));--q2-btn-neutral-bg:var(--tct-btn-neutral-bg, transparent);--q2-btn-neutral-font-color:var(--tct-btn-neutral-font-color, var(--t-button-default-font-color, #2E2E2E));--q2-btn-neutral-box-shadow:var(--tct-btn-neutral-box-shadow, 0 5px 10px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.24));--q2-btn-neutral-hover-box-shadow:var(--tct-btn-neutral-hover-box-shadow, 0 5px 10px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.36));margin:var(--tct-scale-0, var(--app-scale-0, 0));padding:var(--tct-scale-0, var(--app-scale-0, 0));display:inline-block;width:100%;border:0;background:transparent;-webkit-box-shadow:none;box-shadow:none;border-radius:0;font-weight:400;color:inherit;cursor:pointer;-webkit-transition:background-color var(--q2-btn-tween),\n color var(--q2-btn-tween),\n fill var(--q2-btn-tween),\n border-color var(--q2-btn-tween),\n border-width var(--q2-btn-tween),\n -webkit-box-shadow var(--q2-btn-tween);transition:background-color var(--q2-btn-tween),\n color var(--q2-btn-tween),\n fill var(--q2-btn-tween),\n border-color var(--q2-btn-tween),\n border-width var(--q2-btn-tween),\n -webkit-box-shadow var(--q2-btn-tween);transition:background-color var(--q2-btn-tween),\n color var(--q2-btn-tween),\n box-shadow var(--q2-btn-tween),\n fill var(--q2-btn-tween),\n border-color var(--q2-btn-tween),\n border-width var(--q2-btn-tween);transition:background-color var(--q2-btn-tween),\n color var(--q2-btn-tween),\n box-shadow var(--q2-btn-tween),\n fill var(--q2-btn-tween),\n border-color var(--q2-btn-tween),\n border-width var(--q2-btn-tween),\n -webkit-box-shadow var(--q2-btn-tween);outline:0}button:disabled{opacity:var(--tct-btn-disabled-opacity, var(--tct-disabled-opacity, var(--app-disabled-opacity, 0.4)));cursor:not-allowed}:host([size=\"1\"]) button{padding:var(--tct-scale-1, var(--app-scale-1, 5px))}:host([color]:not([size])) button,:host([intent]:not([size])) button{padding:var(--tct-btn-padding, var(--tct-scale-2, var(--app-scale-2, 10px)))}:host([size=\"2\"]) button{padding:var(--tct-scale-2, var(--app-scale-2, 10px))}:host([size=\"3\"]) button{padding:var(--tct-scale-3, var(--app-scale-3, 15px))}:host([size=\"4\"]) button{padding:var(--tct-scale-4, var(--app-scale-4, 30px))}:host([color]) button,:host([intent]) button{border-style:solid;font-size:var(--tct-btn-font-size, inherit)}:host([color=\"primary\"]) button,:host([intent=\"workflow-primary\"]) button{background:var(--q2-btn-primary-bg);color:var(--q2-btn-primary-font-color);border-color:var(--tct-btn-primary-border-color, transparent);border-width:var(--tct-btn-primary-border-width, 0);border-radius:var(--tct-btn-primary-border-radius, var(--tct-border-radius-1, var(--app-border-radius-1, 3px)));-webkit-box-shadow:var(--q2-btn-primary-box-shadow);box-shadow:var(--q2-btn-primary-box-shadow);font-weight:var(--tct-btn-primary-font-weight, 600);text-transform:var(--tct-btn-primary-text-transform, none);letter-spacing:var(--tct-btn-primary-letter-spacing, normal)}:host([color=\"primary\"]) button:enabled:hover,:host([color=\"primary\"]) button:enabled:focus,:host([color=\"primary\"]) button:enabled:active,:host([intent=\"workflow-primary\"]) button:enabled:hover,:host([intent=\"workflow-primary\"]) button:enabled:focus,:host([intent=\"workflow-primary\"]) button:enabled:active{background:var(--tct-btn-primary-hover-bg, var(--t-button-primary-hover-bg, var(--tct-gray-d2, var(--app-gray-d2, #404040))));color:var(--tct-btn-primary-hover-font-color, var(--t-button-primary-hover-font-color, var(--tct-white, var(--app-white,#FFFFFF))));border-color:var(--tct-btn-primary-hover-border-color, var(--tct-btn-primary-border-color, transparent))}:host([color=\"primary\"]) button:hover:enabled,:host([color=\"primary\"]) button:active:enabled,:host([intent=\"workflow-primary\"]) button:hover:enabled,:host([intent=\"workflow-primary\"]) button:active:enabled{-webkit-box-shadow:var(--q2-btn-primary-hover-box-shadow);box-shadow:var(--q2-btn-primary-hover-box-shadow)}:host([color=\"primary\"]) button:focus,:host([intent=\"workflow-primary\"]) button:focus{-webkit-box-shadow:var(--tct-global-focus, var(--const-global-focus, 0 0 0 2px #33B4FF)), var(--q2-btn-primary-hover-box-shadow);box-shadow:var(--tct-global-focus, var(--const-global-focus, 0 0 0 2px #33B4FF)), var(--q2-btn-primary-hover-box-shadow)}:host([color=\"primary\"]) button:disabled,:host([intent=\"workflow-primary\"]) button:disabled{background:var(--tct-btn-primary-disabled-bg, var(--q2-btn-primary-bg));color:var(--tct-btn-primary-disabled-font-color, var(--q2-btn-primary-font-color));-webkit-box-shadow:var(--tct-btn-primary-disabled-box-shadow, var(--q2-btn-primary-box-shadow));box-shadow:var(--tct-btn-primary-disabled-box-shadow, var(--q2-btn-primary-box-shadow))}:host([color=\"secondary\"]) button,:host([intent=\"workflow-secondary\"]) button{background:var(--q2-btn-secondary-bg);color:var(--q2-btn-secondary-font-color, var(--tct-btn-secondary-font-color, var(--t-button-secondary-font-color, var(--tct-white, var(--app-white, #FFFFFF)))));border-color:var(--tct-btn-secondary-border-color, transparent);border-width:var(--tct-btn-secondary-border-width, 0);border-radius:var(--tct-btn-secondary-border-radius, var(--tct-border-radius-1, var(--app-border-radius-1, 3px)));-webkit-box-shadow:var(--q2-btn-secondary-box-shadow, var(--tct-btn-secondary-box-shadow, 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24)));box-shadow:var(--q2-btn-secondary-box-shadow, var(--tct-btn-secondary-box-shadow, 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24)));font-weight:var(--tct-btn-secondary-font-weight, 600);text-transform:var(--tct-btn-secondary-text-transform, none);letter-spacing:var(--tct-btn-secondary-letter-spacing, normal)}:host([color=\"secondary\"]) button:enabled:hover,:host([color=\"secondary\"]) button:enabled:focus,:host([color=\"secondary\"]) button:enabled:active,:host([intent=\"workflow-secondary\"]) button:enabled:hover,:host([intent=\"workflow-secondary\"]) button:enabled:focus,:host([intent=\"workflow-secondary\"]) button:enabled:active{background:var(--tct-btn-secondary-hover-bg, var(--t-button-default-hover-bg, var(--tct-gray-d2, var(--app-gray-d2, #404040))));color:var(--tct-btn-secondary-hover-font-color, var(--t-button-default-hover-font-color, var(--tct-white, var(--app-white, #FFFFFF))));border-color:var(--tct-btn-secondary-hover-border-color, var(--tct-btn-secondary-border-color, transparent))}:host([color=\"secondary\"]) button:hover:enabled,:host([color=\"secondary\"]) button:active:enabled,:host([intent=\"workflow-secondary\"]) button:hover:enabled,:host([intent=\"workflow-secondary\"]) button:active:enabled{-webkit-box-shadow:var(--q2-btn-secondary-hover-box-shadow, var(--tct-btn-secondary-hover-box-shadow, 0 5px 10px rgba(0, 0, 0, 0.19), 0 3px 3px rgba(0, 0, 0, 0.23)));box-shadow:var(--q2-btn-secondary-hover-box-shadow, var(--tct-btn-secondary-hover-box-shadow, 0 5px 10px rgba(0, 0, 0, 0.19), 0 3px 3px rgba(0, 0, 0, 0.23)))}:host([color=\"secondary\"]) button:focus,:host([intent=\"workflow-secondary\"]) button:focus{-webkit-box-shadow:var(--tct-global-focus, var(--const-global-focus, 0 0 0 2px #33B4FF)), var(--q2-btn-secondary-hover-box-shadow);box-shadow:var(--tct-global-focus, var(--const-global-focus, 0 0 0 2px #33B4FF)), var(--q2-btn-secondary-hover-box-shadow)}:host([color=\"secondary\"]) button:disabled,:host([intent=\"workflow-secondary\"]) button:disabled{background:var(--tct-btn-secondary-disabled-bg, var(--q2-btn-secondary-bg));color:var(--tct-btn-secondary-disabled-font-color, var(--q2-btn-secondary-font-color));-webkit-box-shadow:var(--tct-btn-secondary-disabled-box-shadow, var(--q2-btn-secondary-box-shadow));box-shadow:var(--tct-btn-secondary-disabled-box-shadow, var(--q2-btn-secondary-box-shadow))}:host([intent=\"neutral\"]) button{background:var(--q2-btn-neutral-bg, var(--tct-btn-neutral-bg, transparent));color:var(--q2-btn-neutral-font-color, var(--tct-btn-neutral-font-color, var(--t-button-neutral-font-color, var(--tct-black, var(--app-black, #0d0d0d)))));border-color:var(--tct-btn-neutral-border-color, transparent);border-width:var(--tct-btn-neutral-border-width, 0);border-radius:var(--tct-btn-neutral-border-radius, var(--tct-border-radius-1, var(--app-border-radius-1, 3px)));-webkit-box-shadow:var(--q2-btn-neutral-box-shadow, var(--tct-btn-neutral-box-shadow, 0 5px 10px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.24)));box-shadow:var(--q2-btn-neutral-box-shadow, var(--tct-btn-neutral-box-shadow, 0 5px 10px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.24)));font-weight:var(--tct-btn-neutral-font-weight, 600);text-transform:var(--tct-btn-neutral-text-transform, none);letter-spacing:var(--tct-btn-neutral-letter-spacing, normal)}:host([intent=\"neutral\"]) button:enabled:hover,:host([intent=\"neutral\"]) button:enabled:focus,:host([intent=\"neutral\"]) button:enabled:active{background:var(--tct-btn-neutral-hover-bg, transparent);color:var(--tct-btn-neutral-hover-font-color, var(--t-button-default-hover-font-color, var(--tct-white, var(--app-white, #FFFFFF))));border-color:var(--tct-btn-neutral-hover-border-color, var(--tct-btn-neutral-border-color, transparent))}:host([intent=\"neutral\"]) button:hover:enabled,:host([intent=\"neutral\"]) button:active:enabled{-webkit-box-shadow:var(--q2-btn-neutral-hover-box-shadow, var(--tct-btn-neutral-hover-box-shadow, 0 5px 10px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.36)));box-shadow:var(--q2-btn-neutral-hover-box-shadow, var(--tct-btn-neutral-hover-box-shadow, 0 5px 10px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.36)))}:host([intent=\"neutral\"]) button:focus{-webkit-box-shadow:var(--tct-global-focus, var(--const-global-focus, 0 0 0 2px #33B4FF)), var(--q2-btn-neutral-hover-box-shadow);box-shadow:var(--tct-global-focus, var(--const-global-focus, 0 0 0 2px #33B4FF)), var(--q2-btn-neutral-hover-box-shadow)}:host([intent=\"neutral\"]) button:disabled{background:var(--tct-btn-neutral-disabled-bg, var(--q2-btn-neutral-bg));color:var(--tct-btn-neutral-disabled-font-color, var(--q2-btn-neutral-font-color));-webkit-box-shadow:var(--tct-btn-neutral-disabled-box-shadow, var(--q2-btn-neutral-box-shadow));box-shadow:var(--tct-btn-neutral-disabled-box-shadow, var(--q2-btn-neutral-box-shadow))}:host([icon]) button{width:var(--tct-btn-icon-width, 44px);height:var(--tct-btn-icon-height, 44px);color:var(--tct-btn-icon-color, inherit);border-radius:var(--tct-btn-icon-border-radius, 0)}:host([icon]) button:hover,:host([icon]) button:focus{background-color:var(--tct-btn-icon-hover-bg, var(--tct-gray-l3, var(--app-gray-l3, #F2F2F2)))}:host([icon][active]) button{background-color:var(--tct-btn-icon-active-bg, var(--tct-btn-icon-hover-bg, var(--tct-gray-l3, var(--app-gray-l3, #F2F2F2))))}:host([icon]) button:hover *,:host([icon]) button:focus *,:host([icon][active]) button *{color:var(--tct-btn-icon-hover-color, var(--tct-link-hover-color, var(--t-link-hover-color,#080808)))}:host([icon]) button div{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}:host([badge]) button{padding:var(--tct-btn-badge-padding, 2px 5px);font-size:var(--tct-btn-badge-font-size, var(--tct-btn-font-size, inherit));border-radius:var(--tct-btn-badge-border-radius, var(--tct-border-radius-1, var(--app-border-radius-1, 3px)));background-color:var(--tct-btn-badge-bg, transparent);color:var(--tct-btn-badge-font-color, inherit)}:host([badge]:hover) button:enabled{background-color:var(--tct-btn-badge-hover-bg, var(--tct-gray-l3, var(--app-gray-l3, #F2F2F2)));color:var(--tct-btn-badge-hover-font-color, var(--tct-gray-d2, var(--app-gray-d2, #404040)))}:host(.selected[badge]) button,:host([active][badge]) button{background-color:var(--tct-btn-badge-active-bg, var(--q2-btn-primary-bg));color:var(--tct-btn-badge-active-font-color, var(--q2-btn-primary-font-color))}";
7
+ const stylesCss = "*{-webkit-box-sizing:border-box;box-sizing:border-box}*:active{outline:none}*:focus{outline:none;-webkit-box-shadow:var(--const-global-focus);box-shadow:var(--const-global-focus)}:host{-webkit-box-shadow:none !important;box-shadow:none !important}::-moz-focus-inner{border:none}input,button{font-family:inherit;font-size:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{display:inline-block}:host([hidden]){display:none}:host([block]){display:block;width:100%}button{--q2-btn-primary-bg:var(--tct-btn-primary-bg, var(--t-button-primary-bg, #2E2E2E));--q2-btn-primary-font-color:var(--tct-btn-primary-font-color, var(--t-button-primary-font-color, var(--tct-white, var(--app-white,#FFFFFF))));--q2-btn-primary-box-shadow:var(--tct-btn-primary-box-shadow, 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24));--q2-btn-primary-hover-box-shadow:var(--tct-btn-primary-hover-box-shadow, 0 5px 10px rgba(0, 0, 0, 0.19), 0 3px 3px rgba(0, 0, 0, 0.23));--q2-btn-secondary-bg:var(--tct-btn-secondary-bg, var(--t-button-default-bg, #CCCCCC));--q2-btn-secondary-font-color:var(--tct-btn-secondary-font-color, var(--t-button-default-font-color, #2E2E2E));--q2-btn-secondary-box-shadow:var(--tct-btn-secondary-box-shadow, 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24));--q2-btn-secondary-hover-box-shadow:var(--tct-btn-secondary-hover-box-shadow, 0 5px 10px rgba(0, 0, 0, 0.19), 0 3px 3px rgba(0, 0, 0, 0.23));--q2-btn-tween:var(--tct-btn-tween, var(--tct-tween-1, var(--app-tween-1, 0.2s ease)));--q2-btn-neutral-bg:var(--tct-btn-neutral-bg, transparent);--q2-btn-neutral-font-color:var(--tct-btn-neutral-font-color, var(--t-button-default-font-color, #2E2E2E));--q2-btn-neutral-box-shadow:var(--tct-btn-neutral-box-shadow, 0 5px 10px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.24));--q2-btn-neutral-hover-box-shadow:var(--tct-btn-neutral-hover-box-shadow, 0 5px 10px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.36));margin:var(--tct-scale-0, var(--app-scale-0, 0));padding:var(--tct-scale-0, var(--app-scale-0, 0));display:inline-block;width:100%;border:0;background:transparent;-webkit-box-shadow:none;box-shadow:none;border-radius:0;font-weight:400;color:inherit;cursor:pointer;-webkit-transition:background-color var(--q2-btn-tween),\n color var(--q2-btn-tween),\n fill var(--q2-btn-tween),\n border-color var(--q2-btn-tween),\n border-width var(--q2-btn-tween),\n -webkit-box-shadow var(--q2-btn-tween);transition:background-color var(--q2-btn-tween),\n color var(--q2-btn-tween),\n fill var(--q2-btn-tween),\n border-color var(--q2-btn-tween),\n border-width var(--q2-btn-tween),\n -webkit-box-shadow var(--q2-btn-tween);transition:background-color var(--q2-btn-tween),\n color var(--q2-btn-tween),\n box-shadow var(--q2-btn-tween),\n fill var(--q2-btn-tween),\n border-color var(--q2-btn-tween),\n border-width var(--q2-btn-tween);transition:background-color var(--q2-btn-tween),\n color var(--q2-btn-tween),\n box-shadow var(--q2-btn-tween),\n fill var(--q2-btn-tween),\n border-color var(--q2-btn-tween),\n border-width var(--q2-btn-tween),\n -webkit-box-shadow var(--q2-btn-tween);outline:0}button:disabled{opacity:var(--tct-btn-disabled-opacity, var(--tct-disabled-opacity, var(--app-disabled-opacity, 0.4)));cursor:not-allowed}:host([size=\"1\"]) button{padding:var(--tct-scale-1, var(--app-scale-1, 5px))}:host([color]:not([size])) button,:host([intent]:not([size])) button{padding:var(--tct-btn-padding, var(--tct-scale-2, var(--app-scale-2, 10px)))}:host([size=\"2\"]) button{padding:var(--tct-scale-2, var(--app-scale-2, 10px))}:host([size=\"3\"]) button{padding:var(--tct-scale-3, var(--app-scale-3, 15px))}:host([size=\"4\"]) button{padding:var(--tct-scale-4, var(--app-scale-4, 30px))}:host([color]) button,:host([intent]) button{border-style:solid;font-size:var(--tct-btn-font-size, inherit)}:host([color=\"primary\"]) button,:host([intent=\"workflow-primary\"]) button{background:var(--q2-btn-primary-bg);color:var(--q2-btn-primary-font-color);border-color:var(--tct-btn-primary-border-color, transparent);border-width:var(--tct-btn-primary-border-width, 0);border-radius:var(--tct-btn-primary-border-radius, var(--tct-border-radius-1, var(--app-border-radius-1, 3px)));-webkit-box-shadow:var(--q2-btn-primary-box-shadow);box-shadow:var(--q2-btn-primary-box-shadow);font-weight:var(--tct-btn-primary-font-weight, 600);text-transform:var(--tct-btn-primary-text-transform, none);letter-spacing:var(--tct-btn-primary-letter-spacing, normal)}:host([color=\"primary\"]) button:enabled:hover,:host([color=\"primary\"]) button:enabled:focus,:host([color=\"primary\"]) button:enabled:active,:host([intent=\"workflow-primary\"]) button:enabled:hover,:host([intent=\"workflow-primary\"]) button:enabled:focus,:host([intent=\"workflow-primary\"]) button:enabled:active{background:var(--tct-btn-primary-hover-bg, var(--t-button-primary-hover-bg, var(--tct-gray-5, var(--app-gray-5, var(--tct-gray-d2, var(--app-gray-d2, #404040))))));color:var(--tct-btn-primary-hover-font-color, var(--t-button-primary-hover-font-color, var(--tct-white, var(--app-white,#FFFFFF))));border-color:var(--tct-btn-primary-hover-border-color, var(--tct-btn-primary-border-color, transparent))}:host([color=\"primary\"]) button:hover:enabled,:host([color=\"primary\"]) button:active:enabled,:host([intent=\"workflow-primary\"]) button:hover:enabled,:host([intent=\"workflow-primary\"]) button:active:enabled{-webkit-box-shadow:var(--q2-btn-primary-hover-box-shadow);box-shadow:var(--q2-btn-primary-hover-box-shadow)}:host([color=\"primary\"]) button:focus,:host([intent=\"workflow-primary\"]) button:focus{-webkit-box-shadow:var(--tct-global-focus, var(--const-global-focus, 0 0 0 2px #33B4FF)), var(--q2-btn-primary-hover-box-shadow);box-shadow:var(--tct-global-focus, var(--const-global-focus, 0 0 0 2px #33B4FF)), var(--q2-btn-primary-hover-box-shadow)}:host([color=\"primary\"]) button:disabled,:host([intent=\"workflow-primary\"]) button:disabled{background:var(--tct-btn-primary-disabled-bg, var(--q2-btn-primary-bg));color:var(--tct-btn-primary-disabled-font-color, var(--q2-btn-primary-font-color));-webkit-box-shadow:var(--tct-btn-primary-disabled-box-shadow, var(--q2-btn-primary-box-shadow));box-shadow:var(--tct-btn-primary-disabled-box-shadow, var(--q2-btn-primary-box-shadow))}:host([color=\"secondary\"]) button,:host([intent=\"workflow-secondary\"]) button{background:var(--q2-btn-secondary-bg);color:var(--q2-btn-secondary-font-color, var(--tct-btn-secondary-font-color, var(--t-button-secondary-font-color, var(--tct-white, var(--app-white, #FFFFFF)))));border-color:var(--tct-btn-secondary-border-color, transparent);border-width:var(--tct-btn-secondary-border-width, 0);border-radius:var(--tct-btn-secondary-border-radius, var(--tct-border-radius-1, var(--app-border-radius-1, 3px)));-webkit-box-shadow:var(--q2-btn-secondary-box-shadow, var(--tct-btn-secondary-box-shadow, 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24)));box-shadow:var(--q2-btn-secondary-box-shadow, var(--tct-btn-secondary-box-shadow, 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24)));font-weight:var(--tct-btn-secondary-font-weight, 600);text-transform:var(--tct-btn-secondary-text-transform, none);letter-spacing:var(--tct-btn-secondary-letter-spacing, normal)}:host([color=\"secondary\"]) button:enabled:hover,:host([color=\"secondary\"]) button:enabled:focus,:host([color=\"secondary\"]) button:enabled:active,:host([intent=\"workflow-secondary\"]) button:enabled:hover,:host([intent=\"workflow-secondary\"]) button:enabled:focus,:host([intent=\"workflow-secondary\"]) button:enabled:active{background:var(--tct-btn-secondary-hover-bg, var(--t-button-default-hover-bg, var(--tct-gray-5, var(--app-gray-5, var(--tct-gray-d2, var(--app-gray-d2, #404040))))));color:var(--tct-btn-secondary-hover-font-color, var(--t-button-default-hover-font-color, var(--tct-white, var(--app-white, #FFFFFF))));border-color:var(--tct-btn-secondary-hover-border-color, var(--tct-btn-secondary-border-color, transparent))}:host([color=\"secondary\"]) button:hover:enabled,:host([color=\"secondary\"]) button:active:enabled,:host([intent=\"workflow-secondary\"]) button:hover:enabled,:host([intent=\"workflow-secondary\"]) button:active:enabled{-webkit-box-shadow:var(--q2-btn-secondary-hover-box-shadow, var(--tct-btn-secondary-hover-box-shadow, 0 5px 10px rgba(0, 0, 0, 0.19), 0 3px 3px rgba(0, 0, 0, 0.23)));box-shadow:var(--q2-btn-secondary-hover-box-shadow, var(--tct-btn-secondary-hover-box-shadow, 0 5px 10px rgba(0, 0, 0, 0.19), 0 3px 3px rgba(0, 0, 0, 0.23)))}:host([color=\"secondary\"]) button:focus,:host([intent=\"workflow-secondary\"]) button:focus{-webkit-box-shadow:var(--tct-global-focus, var(--const-global-focus, 0 0 0 2px #33B4FF)), var(--q2-btn-secondary-hover-box-shadow);box-shadow:var(--tct-global-focus, var(--const-global-focus, 0 0 0 2px #33B4FF)), var(--q2-btn-secondary-hover-box-shadow)}:host([color=\"secondary\"]) button:disabled,:host([intent=\"workflow-secondary\"]) button:disabled{background:var(--tct-btn-secondary-disabled-bg, var(--q2-btn-secondary-bg));color:var(--tct-btn-secondary-disabled-font-color, var(--q2-btn-secondary-font-color));-webkit-box-shadow:var(--tct-btn-secondary-disabled-box-shadow, var(--q2-btn-secondary-box-shadow));box-shadow:var(--tct-btn-secondary-disabled-box-shadow, var(--q2-btn-secondary-box-shadow))}:host([intent=\"neutral\"]) button{background:var(--q2-btn-neutral-bg, var(--tct-btn-neutral-bg, transparent));color:var(--q2-btn-neutral-font-color, var(--tct-btn-neutral-font-color, var(--t-button-neutral-font-color, var(--tct-gray-1, var(--app-gray-1, var(--tct-black, var(--app-black, #0d0d0d)))))));border-color:var(--tct-btn-neutral-border-color, transparent);border-width:var(--tct-btn-neutral-border-width, 0);border-radius:var(--tct-btn-neutral-border-radius, var(--tct-border-radius-1, var(--app-border-radius-1, 3px)));-webkit-box-shadow:var(--q2-btn-neutral-box-shadow, var(--tct-btn-neutral-box-shadow, 0 5px 10px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.24)));box-shadow:var(--q2-btn-neutral-box-shadow, var(--tct-btn-neutral-box-shadow, 0 5px 10px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.24)));font-weight:var(--tct-btn-neutral-font-weight, 600);text-transform:var(--tct-btn-neutral-text-transform, none);letter-spacing:var(--tct-btn-neutral-letter-spacing, normal)}:host([intent=\"neutral\"]) button:enabled:hover,:host([intent=\"neutral\"]) button:enabled:focus,:host([intent=\"neutral\"]) button:enabled:active{background:var(--tct-btn-neutral-hover-bg, transparent);color:var(--tct-btn-neutral-hover-font-color, var(--t-button-default-hover-font-color, var(--tct-white, var(--app-white, #FFFFFF))));border-color:var(--tct-btn-neutral-hover-border-color, var(--tct-btn-neutral-border-color, transparent))}:host([intent=\"neutral\"]) button:hover:enabled,:host([intent=\"neutral\"]) button:active:enabled{-webkit-box-shadow:var(--q2-btn-neutral-hover-box-shadow, var(--tct-btn-neutral-hover-box-shadow, 0 5px 10px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.36)));box-shadow:var(--q2-btn-neutral-hover-box-shadow, var(--tct-btn-neutral-hover-box-shadow, 0 5px 10px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.36)))}:host([intent=\"neutral\"]) button:focus{-webkit-box-shadow:var(--tct-global-focus, var(--const-global-focus, 0 0 0 2px #33B4FF)), var(--q2-btn-neutral-hover-box-shadow);box-shadow:var(--tct-global-focus, var(--const-global-focus, 0 0 0 2px #33B4FF)), var(--q2-btn-neutral-hover-box-shadow)}:host([intent=\"neutral\"]) button:disabled{background:var(--tct-btn-neutral-disabled-bg, var(--q2-btn-neutral-bg));color:var(--tct-btn-neutral-disabled-font-color, var(--q2-btn-neutral-font-color));-webkit-box-shadow:var(--tct-btn-neutral-disabled-box-shadow, var(--q2-btn-neutral-box-shadow));box-shadow:var(--tct-btn-neutral-disabled-box-shadow, var(--q2-btn-neutral-box-shadow))}:host([icon]) button{width:var(--tct-btn-icon-width, 44px);height:var(--tct-btn-icon-height, 44px);color:var(--tct-btn-icon-color, inherit);border-radius:var(--tct-btn-icon-border-radius, 0)}:host([icon]) button:hover,:host([icon]) button:focus{background-color:var(--tct-btn-icon-hover-bg, var(--tct-gray-14, var(--app-gray-14, var(--tct-gray-l3, var(--app-gray-l3, #F2F2F2)))))}:host([icon][active]) button{background-color:var(--tct-btn-icon-active-bg, var(--tct-btn-icon-hover-bg, ar(--tct-gray-14, var(--app-gray-14, var(--tct-gray-l3, var(--app-gray-l3, #F2F2F2))))))}:host([icon]) button:hover *,:host([icon]) button:focus *,:host([icon][active]) button *{color:var(--tct-btn-icon-hover-color, var(--tct-link-hover-color, var(--t-link-hover-color,#080808)))}:host([icon]) button div{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}:host([badge]) button{padding:var(--tct-btn-badge-padding, 2px 5px);font-size:var(--tct-btn-badge-font-size, var(--tct-btn-font-size, inherit));border-radius:var(--tct-btn-badge-border-radius, var(--tct-border-radius-1, var(--app-border-radius-1, 3px)));background-color:var(--tct-btn-badge-bg, transparent);color:var(--tct-btn-badge-font-color, inherit)}:host([badge]:hover) button:enabled{background-color:var(--tct-btn-badge-hover-bg, var(--tct-gray-14, var(--app-gray-14, var(--tct-gray-l3, var(--app-gray-l3, #F2F2F2)))));color:var(--tct-btn-badge-hover-font-color, var(--tct-gray-5, var(--app-gray-5, var(--tct-gray-d2, var(--app-gray-d2, #404040)))))}:host(.selected[badge]) button,:host([active][badge]) button{background-color:var(--tct-btn-badge-active-bg, var(--q2-btn-primary-bg));color:var(--tct-btn-badge-active-font-color, var(--q2-btn-primary-font-color))}";
8
8
 
9
9
  const Q2Btn = class {
10
10
  constructor(hostRef) {
package/dist/cjs/q2-calendar.cjs.entry.js CHANGED
@@ -6185,7 +6185,7 @@ function processCount(newCalendarDate, count) {
6185
6185
  return returnCount;
6186
6186
  }
6187
6187
 
6188
- const stylesCss = "*{-webkit-box-sizing:border-box;box-sizing:border-box}*:active{outline:none}*:focus{outline:none;-webkit-box-shadow:var(--const-global-focus);box-shadow:var(--const-global-focus)}:host{-webkit-box-shadow:none !important;box-shadow:none !important}::-moz-focus-inner{border:none}input,button{font-family:inherit;font-size:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}.q2-element-dropdown{display:none;position:absolute;background-color:var(--app-white);color:var(--t-font-color);left:0;width:100%;z-index:100;margin-top:1px;-webkit-box-shadow:var(--app-shadow-1);box-shadow:var(--app-shadow-1);height:0;overflow:hidden;opacity:0;visibility:hidden;-webkit-transition:opacity var(--app-tween-1);transition:opacity var(--app-tween-1);border-radius:var(--tct-dropdown-element-br, 0)}.q2-element-dropdown.sizable{display:block;height:auto}.dropdown-open .q2-element-dropdown{display:block;height:auto;overflow:auto;opacity:1;visibility:visible;margin-bottom:var(--app-scale-2)}:host([alignment='right']) .q2-element-dropdown{left:auto;right:0}:host{display:block}:host[hidden]{display:none}.calendar-container{position:relative;display:block}q2-input{margin:0;cursor:pointer}.q2-element-dropdown{text-align:center;min-width:308px}.q2-element-dropdown.dropup{bottom:var(--q2-input-min-height, 44px);margin-bottom:0px}.calendar-label{font-size:var(--tct-calendar-label-font-size, 16px);-ms-flex:1 1;flex:1 1;-ms-flex-preferred-size:calc(100% - var(--tct-btn-icon-width, 44px));flex-basis:calc(100% - var(--tct-btn-icon-width, 44px));margin:0;padding:var(\n --tct-calendar-label-vertical-padding,\n var(--tct-scale-2, var(--app-scale-2, 10px))\n )\n 0}.cal-month-heading{padding:0 0 0.75rem;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;font-size:var(--tct-calendar-month-font-size, 16px);font-weight:var(--tct-calendar-month-font-weight, 600)}.cal-month-text{min-width:82px;display:inline-block}.cal-year-text{min-width:50px;display:inline-block}.cal-days{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-bottom:2px}.cal-day,.cal-days>div{-ms-flex:0 0 14.285714%;flex:0 0 14.285714%}.cal-day-heading{font-size:var(--tct-calendar-day-heading-font-size, inherit);font-weight:var(--tct-calendar-day-heading-font-weight, 600)}.is-valid:hover{background-color:var(--tct-calendar-day-hover-bg, var(--tct-gray-l3, var(--app-gray-l3, #f2f2f2)));color:var(--tct-calendar-day-hover-font-color, inherit)}.is-valid.is-selected{background-color:var(\n --tct-calendar-day-selected-bg,\n var(--tct-calendar-day-hover-bg, var(--tct-gray-l3, var(--app-gray-l3, #f2f2f2)))\n );color:var(\n --tct-calendar-day-selected-font-color,\n var(--tct-calendar-day-hover-font-color, inherit)\n );-webkit-box-shadow:inset 2px 2px\n var(\n --tct-calenday-day-selected-outline-color,\n var(---tct-stoplight-info, var(--const-stoplight-info, #0079c1))\n ),\n inset -2px -2px\n var(\n --tct-calenday-day-selected-outline-color,\n var(---tct-stoplight-info, var(--const-stoplight-info, #0079c1))\n );box-shadow:inset 2px 2px\n var(\n --tct-calenday-day-selected-outline-color,\n var(---tct-stoplight-info, var(--const-stoplight-info, #0079c1))\n ),\n inset -2px -2px\n var(\n --tct-calenday-day-selected-outline-color,\n var(---tct-stoplight-info, var(--const-stoplight-info, #0079c1))\n )}.date-details{display:-ms-flexbox;display:flex;height:44px;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.is-today span{display:block}.is-today .date-details{-ms-flex-pack:start;justify-content:flex-start}.today-decorator{text-transform:uppercase;font-weight:700;font-size:10px;height:12px}.activity-decorator{width:var(--tct-scale-1, var(--app-scale-1, 5px));height:var(--tct-scale-1, var(--app-scale-1, 5px));border-radius:50%;margin:0 auto;background-color:var(\n --tct-calendar-activity-indicator-color,\n var(--tct-stoplight-info, var(--const-stoplight-info, #0079c1))\n )}.calendar-disclaimer{font-size:var(\n --tct-calendar-disclaimer-font-size,\n var(--tct-font-size-small, var(--app-font-size-small, 12px))\n );border-top:1px solid\n var(--tct-calendar-disclaimer-border-color, var(--tct-gray-l2, var(--app-gray-l2, #e6e6e6)));padding:var(--tct-calendar-disclaimer-padding, var(--tct-scale-2, var(--app-scale-2, 10px)));text-align:left}";
6188
+ const stylesCss = "* {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n}\n\n*:active {\n outline: none;\n}\n\n*:focus {\n outline: none;\n -webkit-box-shadow: var(--const-global-focus);\n box-shadow: var(--const-global-focus);\n}\n\n:host {\n -webkit-box-shadow: none !important;\n box-shadow: none !important;\n}\n\n::-moz-focus-inner {\n border: none;\n}\n\ninput,\nbutton {\n font-family: inherit;\n font-size: inherit;\n}\n\n:host(.sr),\n:host(.sr) button {\n border: 0;\n clip: rect(0 0 0 0);\n height: 1px;\n margin: -1px;\n overflow: hidden;\n padding: 0;\n position: absolute;\n width: 1px;\n white-space: nowrap;\n}\n\n.sr,\n.sr button {\n border: 0;\n clip: rect(0 0 0 0);\n height: 1px;\n margin: -1px;\n overflow: hidden;\n padding: 0;\n position: absolute;\n width: 1px;\n white-space: nowrap;\n}\n\n.hidden {\n display: none;\n}\n\n:host([hidden]) {\n display: none;\n}\n\n.invisible {\n visibility: hidden;\n}\n\n.q2-element-dropdown {\n display: none;\n position: absolute;\n background-color: var(--app-white);\n color: var(--t-font-color);\n left: 0;\n width: 100%;\n z-index: 100;\n margin-top: 1px;\n -webkit-box-shadow: var(--app-shadow-1);\n box-shadow: var(--app-shadow-1);\n height: 0;\n overflow: hidden;\n opacity: 0;\n visibility: hidden;\n -webkit-transition: opacity var(--app-tween-1);\n transition: opacity var(--app-tween-1);\n border-radius: var(--tct-dropdown-element-br, 0);\n}\n\n.q2-element-dropdown.sizable {\n display: block;\n height: auto;\n}\n\n.dropdown-open .q2-element-dropdown {\n display: block;\n height: auto;\n overflow: auto;\n opacity: 1;\n visibility: visible;\n margin-bottom: var(--app-scale-2);\n}\n\n:host([alignment='right']) .q2-element-dropdown {\n left: auto;\n right: 0;\n}\n\n\n:host {\n display: block;\n}\n\n:host[hidden] {\n display: none;\n}\n\n.calendar-container {\n position: relative;\n display: block;\n}\n\nq2-input {\n margin: 0;\n cursor: pointer;\n}\n\n.q2-element-dropdown {\n text-align: center;\n min-width: 308px;\n}\n\n.q2-element-dropdown.dropup {\n bottom: var(--q2-input-min-height, 44px);\n margin-bottom: 0px;\n}\n\n.calendar-label {\n font-size: var(--tct-calendar-label-font-size, 16px);\n -ms-flex: 1 1;\n flex: 1 1;\n -ms-flex-preferred-size: calc(100% - var(--tct-btn-icon-width, 44px));\n flex-basis: calc(100% - var(--tct-btn-icon-width, 44px));\n margin: 0;\n padding: var(\n --tct-calendar-label-vertical-padding,\n var(--tct-scale-2, var(--app-scale-2, 10px))\n )\n 0;\n}\n\n.cal-month-heading {\n padding: 0 0 0.75rem;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-pack: center;\n justify-content: center;\n -ms-flex-align: center;\n align-items: center;\n font-size: var(--tct-calendar-month-font-size, 16px);\n font-weight: var(--tct-calendar-month-font-weight, 600);\n}\n\n.cal-month-text {\n min-width: 82px;\n display: inline-block;\n}\n\n.cal-year-text {\n min-width: 50px;\n display: inline-block;\n}\n\n.cal-days {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-wrap: wrap;\n flex-wrap: wrap;\n padding-bottom: 2px;\n}\n\n.cal-day,\n.cal-days > div {\n -ms-flex: 0 0 14.285714%;\n flex: 0 0 14.285714%;\n}\n\n.cal-day-heading {\n font-size: var(--tct-calendar-day-heading-font-size, inherit);\n font-weight: var(--tct-calendar-day-heading-font-weight, 600);\n}\n\n.is-valid:hover {\n background-color: var(--tct-calendar-day-hover-bg, var(--tct-gray-14, var(--app-gray14, var(--tct-gray-l4, var(--app-gray-l4, #f2f2f2)))));\n color: var(--tct-calendar-day-hover-font-color, inherit);\n}\n\n.is-valid.is-selected {\n background-color: var(\n --tct-calendar-day-selected-bg,\n var(--tct-calendar-day-hover-bg, var(--tct-gray-14, var(--app-gray-14, var(--tct-gray-l4,var(--app-gray-l4, #f2f2f2)))));\n );\n color: var(\n --tct-calendar-day-selected-font-color,\n var(--tct-calendar-day-hover-font-color, inherit)\n );\n -webkit-box-shadow: inset 2px 2px\n var(\n --tct-calenday-day-selected-outline-color,\n var(---tct-stoplight-info, var(--const-stoplight-info, #0079c1))\n ),\n inset -2px -2px\n var(\n --tct-calenday-day-selected-outline-color,\n var(---tct-stoplight-info, var(--const-stoplight-info, #0079c1))\n );\n box-shadow: inset 2px 2px\n var(\n --tct-calenday-day-selected-outline-color,\n var(---tct-stoplight-info, var(--const-stoplight-info, #0079c1))\n ),\n inset -2px -2px\n var(\n --tct-calenday-day-selected-outline-color,\n var(---tct-stoplight-info, var(--const-stoplight-info, #0079c1))\n );\n}\n\n.date-details {\n display: -ms-flexbox;\n display: flex;\n height: 44px;\n -ms-flex-direction: column;\n flex-direction: column;\n -ms-flex-pack: center;\n justify-content: center;\n -ms-flex-align: center;\n align-items: center;\n}\n\n.is-today span {\n display: block;\n}\n\n.is-today .date-details {\n -ms-flex-pack: start;\n justify-content: flex-start;\n}\n\n.today-decorator {\n text-transform: uppercase;\n font-weight: 700;\n font-size: 10px;\n height: 12px;\n}\n\n.activity-decorator {\n width: var(--tct-scale-1, var(--app-scale-1, 5px));\n height: var(--tct-scale-1, var(--app-scale-1, 5px));\n border-radius: 50%;\n margin: 0 auto;\n background-color: var(\n --tct-calendar-activity-indicator-color,\n var(--tct-stoplight-info, var(--const-stoplight-info, #0079c1))\n );\n}\n\n.calendar-disclaimer {\n font-size: var(\n --tct-calendar-disclaimer-font-size,\n var(--tct-font-size-small, var(--app-font-size-small, 12px))\n );\n border-top: 1px solid\n var(--tct-calendar-disclaimer-border-color, var(--tct-gray-13, var(--app-gray-13, var(--tct-gray-l3, var(--app-gray-l3, #e6e6e6)))));\n padding: var(--tct-calendar-disclaimer-padding, var(--tct-scale-2, var(--app-scale-2, 10px)));\n text-align: left;\n}\n";
6189
6189
 
6190
6190
  const Q2Calendar = class {
6191
6191
  constructor(hostRef) {
package/dist/cjs/q2-carousel-pane.cjs.entry.js CHANGED
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index$1 = require('./index-56373ad4.js');
6
6
 
7
- const stylesCss = "q2-carousel .swiper-slide{-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;-webkit-transition:all .2s;transition:all .2s}.q2-carousel-pane .q2-carousel-pane-main-content{-webkit-box-shadow:0px 2px 8px 0px rgba(0, 0, 0, 0.25);box-shadow:0px 2px 8px 0px rgba(0, 0, 0, 0.25);background-color:var(---tct-carousel-background-color, var(--tct-white, var(--app-white, #ffffff)));border:var(--tct-carousel-pane-border-width, 1px) solid var(--tct-carousel-pane-border-color, var(--tct-gray-l1, var(--app-gray-l1, #cccccc)));border-radius:var(--tct-carousel-pane-border-radius, 8px);padding:var(--tct-carousel-pane-padding, .5rem .5rem .5rem .5rem);min-height:10em}q2-carousel-pane.q2-carousel-pane:focus{-webkit-box-shadow:none;box-shadow:none}.q2-carousel-pane:focus .q2-carousel-pane-main-content{outline:none;-webkit-box-shadow:0 0 0 2px #33B4FF;box-shadow:0 0 0 2px #33B4FF;}.q2-carousel-pane .q2-carousel-pane-main-content:hover{cursor:-webkit-grab;cursor:grab}";
7
+ const stylesCss = "q2-carousel .swiper-slide{-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;-webkit-transition:all .2s;transition:all .2s}.q2-carousel-pane .q2-carousel-pane-main-content{-webkit-box-shadow:0px 2px 8px 0px rgba(0, 0, 0, 0.25);box-shadow:0px 2px 8px 0px rgba(0, 0, 0, 0.25);background-color:var(---tct-carousel-background-color, var(--tct-white, var(--app-white, #ffffff)));border:var(--tct-carousel-pane-border-width, 1px) solid var(--tct-carousel-pane-border-color, var(--tct-gray-11, var(--app-gray-11, var(--tct-gray-l1, var(--app-gray-l1,#cccccc)))));border-radius:var(--tct-carousel-pane-border-radius, 8px);padding:var(--tct-carousel-pane-padding, .5rem .5rem .5rem .5rem);min-height:10em}q2-carousel-pane.q2-carousel-pane:focus{-webkit-box-shadow:none;box-shadow:none}.q2-carousel-pane:focus .q2-carousel-pane-main-content{outline:none;-webkit-box-shadow:0 0 0 2px #33B4FF;box-shadow:0 0 0 2px #33B4FF;}.q2-carousel-pane .q2-carousel-pane-main-content:hover{cursor:-webkit-grab;cursor:grab}";
8
8
 
9
9
  const Q2Carousel = class {
10
10
  constructor(hostRef) {
package/dist/cjs/q2-carousel.cjs.entry.js CHANGED
@@ -8630,7 +8630,7 @@ if (typeof Swiper.use === 'undefined') {
8630
8630
 
8631
8631
  Swiper.use(components);
8632
8632
 
8633
- const stylesCss = ".q2-carousel-pagination-navigation-wrapper{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;margin:.5rem 0}.q2-carousel-pagination-navigation-wrapper.evenly-space{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}.q2-carousel-pagination-navigation-wrapper .q2-carousel-control-center-tray{display:-ms-flexbox;display:flex}q2-carousel button{border:0;background:transparent;-webkit-transition:all .2s;transition:all .2s;opacity:0.3}q2-carousel button:hover{opacity:0.7;cursor:pointer}.q2-carousel-navigation-button{border:0;background:transparent;-webkit-transition:all .2s;transition:all .2s;opacity:0.3}.q2-carousel-navigation-button.hide-carousel-navigation-button{opacity:0;pointer-events:none}.q2-carousel-navigation-button.hide-carousel-navigation-button:hover{cursor:default}.q2-carousel-content-staging{display:none}.q2-carousel-swiper-wrapper.compact{overflow:visible}.q2-carousel-swiper-container.compact q2-btn{margin-top:4px}.q2-carousel-pagination{margin-top:10px;height:12px;display:-ms-flexbox;display:flex;-ms-flex-line-pack:center;align-content:center;-ms-flex-pack:center;justify-content:center}.q2-carousel-pagination.dynamic .q2-carousel-page-indicator{display:none}.q2-carousel-pagination .q2-carousel-page-indicator{display:inline-block;height:12px;width:12px;border-radius:50%;background-color:var(---tct-carousel-pagination-inactive-color, var(--tct-gray-l1, var(--app-gray-l1, #CCCCCC)));margin-right:.5rem;padding:0;border:0;-webkit-transition:all .5s;transition:all .5s;opacity:0.7}.q2-carousel-pagination .q2-carousel-page-indicator:hover{cursor:pointer;background-color:var(---tct-carousel-pagination-active-color, var(--tct-primary, var(--app-primary, #006eb2)));opacity:1}.q2-carousel-pagination .q2-carousel-page-indicator.active-page{display:inline-block;background-color:var(---tct-carousel-pagination-active-color, var(--tct-primary, var(--app-primary, #006eb2)))}.q2-carousel-pagination.dynamic .q2-carousel-page-indicator.active-adjacent{display:inline-block;height:10px;width:10px}.q2-carousel-pagination.dynamic .q2-carousel-page-indicator.active-adjacent-adjacent{display:inline-block;height:8px;width:8px}.q2-carousel-swiper-container .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}q2-carousel .swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:5px 0 0 0;z-index:1}q2-carousel .swiper-container:focus{-webkit-box-shadow:none;box-shadow:none}.q2-carousel-swiper-container .swiper-wrapper{position:relative;width:100%;min-height:12em;z-index:1;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}q2-carousel .swiper-slide-invisible-blank{visibility:hidden}q2-carousel .swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.q2-carousel-swiper-container.content-peek-display .q2-carousel-pane:not(.swiper-slide-active){-webkit-transform:scale(0.9);transform:scale(0.9)}.q2-carousel-swiper-container.full-width-display{padding:5px}.q2-carousel-swiper-container.swiper-container.insufficient-panes .q2-carousel-swiper-wrapper,.q2-carousel-swiper-container.swiper-container.insufficient-panes .q2-carousel-pagination-navigation-wrapper{display:none}q2-carousel .insufficient-pane-feedback{text-align:center}q2-carousel .insufficient-pane-feedback.content-peek-display{max-width:395px;margin:0 auto}q2-carousel .insufficient-panes-header,q2-carousel .insufficient-panes-body{text-align:center}q2-carousel .insufficient-panes-header strong{font-weight:600}q2-carousel .insufficient-pane-feedback{-webkit-box-shadow:0px 2px 8px 0px rgba(0, 0, 0, 0.25);box-shadow:0px 2px 8px 0px rgba(0, 0, 0, 0.25);background-color:var(---tct-carousel-background-color, var(--tct-white, var(--app-white, #ffffff)));border:var(--tct-carousel-pane-border-width, 1px) solid var(--tct-carousel-pane-border-color, var(--tct-gray-l1, var(--app-gray-l1, #CCCCCC)));border-radius:var(--tct-carousel-pane-border-radius, 8px);padding:var(--tct-carousel-pane-padding, .5rem .5rem .5rem .5rem);min-height:10em}q2-carousel .insufficient-panes-icon-wrapper{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;margin:1rem 0 2rem 0}q2-carousel .insufficient-panes-icon-wrapper q2-icon{width:38px}q2-carousel .insufficient-pane-feedback .insufficient-panes-body{margin:0 auto 2rem auto;max-width:75%}";
8633
+ const stylesCss = ".q2-carousel-pagination-navigation-wrapper{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;margin:.5rem 0}.q2-carousel-pagination-navigation-wrapper.evenly-space{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}.q2-carousel-pagination-navigation-wrapper .q2-carousel-control-center-tray{display:-ms-flexbox;display:flex}q2-carousel button{border:0;background:transparent;-webkit-transition:all .2s;transition:all .2s;opacity:0.3}q2-carousel button:hover{opacity:0.7;cursor:pointer}.q2-carousel-navigation-button{border:0;background:transparent;-webkit-transition:all .2s;transition:all .2s;opacity:0.3}.q2-carousel-navigation-button.hide-carousel-navigation-button{opacity:0;pointer-events:none}.q2-carousel-navigation-button.hide-carousel-navigation-button:hover{cursor:default}.q2-carousel-content-staging{display:none}.q2-carousel-swiper-wrapper.compact{overflow:visible}.q2-carousel-swiper-container.compact q2-btn{margin-top:4px}.q2-carousel-pagination{margin-top:10px;height:12px;display:-ms-flexbox;display:flex;-ms-flex-line-pack:center;align-content:center;-ms-flex-pack:center;justify-content:center}.q2-carousel-pagination.dynamic .q2-carousel-page-indicator{display:none}.q2-carousel-pagination .q2-carousel-page-indicator{display:inline-block;height:12px;width:12px;border-radius:50%;background-color:var(---tct-carousel-pagination-inactive-color, var(--tct-gray-11, var(--app-gray-11, var(--tct-grayl1, var(--app-gray-l1,#CCCCCC)))));margin-right:.5rem;padding:0;border:0;-webkit-transition:all .5s;transition:all .5s;opacity:0.7}.q2-carousel-pagination .q2-carousel-page-indicator:hover{cursor:pointer;background-color:var(---tct-carousel-pagination-active-color, var(--tct-primary, var(--app-primary, #006eb2)));opacity:1}.q2-carousel-pagination .q2-carousel-page-indicator.active-page{display:inline-block;background-color:var(---tct-carousel-pagination-active-color, var(--tct-primary, var(--app-primary, #006eb2)))}.q2-carousel-pagination.dynamic .q2-carousel-page-indicator.active-adjacent{display:inline-block;height:10px;width:10px}.q2-carousel-pagination.dynamic .q2-carousel-page-indicator.active-adjacent-adjacent{display:inline-block;height:8px;width:8px}.q2-carousel-swiper-container .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}q2-carousel .swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:5px 0 0 0;z-index:1}q2-carousel .swiper-container:focus{-webkit-box-shadow:none;box-shadow:none}.q2-carousel-swiper-container .swiper-wrapper{position:relative;width:100%;min-height:12em;z-index:1;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}q2-carousel .swiper-slide-invisible-blank{visibility:hidden}q2-carousel .swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.q2-carousel-swiper-container.content-peek-display .q2-carousel-pane:not(.swiper-slide-active){-webkit-transform:scale(0.9);transform:scale(0.9)}.q2-carousel-swiper-container.full-width-display{padding:5px}.q2-carousel-swiper-container.swiper-container.insufficient-panes .q2-carousel-swiper-wrapper,.q2-carousel-swiper-container.swiper-container.insufficient-panes .q2-carousel-pagination-navigation-wrapper{display:none}q2-carousel .insufficient-pane-feedback{text-align:center}q2-carousel .insufficient-pane-feedback.content-peek-display{max-width:395px;margin:0 auto}q2-carousel .insufficient-panes-header,q2-carousel .insufficient-panes-body{text-align:center}q2-carousel .insufficient-panes-header strong{font-weight:600}q2-carousel .insufficient-pane-feedback{-webkit-box-shadow:0px 2px 8px 0px rgba(0, 0, 0, 0.25);box-shadow:0px 2px 8px 0px rgba(0, 0, 0, 0.25);background-color:var(---tct-carousel-background-color, var(--tct-white, var(--app-white, #ffffff)));border:var(--tct-carousel-pane-border-width, 1px) solid var(--tct-carousel-pane-border-color, var(--tct-gray-11, var(--app-gray-11, var(--tct-gray-l1, var(--app-grayl1, #CCCCCC)))));border-radius:var(--tct-carousel-pane-border-radius, 8px);padding:var(--tct-carousel-pane-padding, .5rem .5rem .5rem .5rem);min-height:10em}q2-carousel .insufficient-panes-icon-wrapper{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;margin:1rem 0 2rem 0}q2-carousel .insufficient-panes-icon-wrapper q2-icon{width:38px}q2-carousel .insufficient-pane-feedback .insufficient-panes-body{margin:0 auto 2rem auto;max-width:75%}";
8634
8634
 
8635
8635
  const carouselBreakpoint = 500; /* width in px of this host element where the layout starts to get unruly */
8636
8636
  const Q2Carousel = class {
package/dist/cjs/q2-checkbox-group.cjs.entry.js CHANGED
@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  const index$1 = require('./index-56373ad4.js');
6
6
  const index$2 = require('./index-e73482dc.js');
7
7
 
8
- const stylesCss = "*{-webkit-box-sizing:border-box;box-sizing:border-box}*:active{outline:none}*:focus{outline:none;-webkit-box-shadow:var(--const-global-focus);box-shadow:var(--const-global-focus)}:host{-webkit-box-shadow:none !important;box-shadow:none !important}::-moz-focus-inner{border:none}input,button{font-family:inherit;font-size:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{margin-top:var(--tct-scale-2, var(--app-scale-2, 10px))}fieldset{padding:var(--tct-input-error-padding, 0);margin:0;border:0}fieldset.has-error{border-color:var(--tct-input-error-border-color, var(--const-stoplight-alert, #c30000));border-width:1px;border-style:solid;border-radius:var(--tct-border-radius-1, var(--app-border-radius-1, 2px));position:relative}fieldset.has-error .error-icon-container{top:8px;right:8px;position:absolute;width:40%;text-align:right;background:-webkit-gradient(linear, left top, right top, from(transparent), to(white));background:linear-gradient(to right, transparent, white)}fieldset.has-error legend+div.error-icon-container.no-label{top:28px}.group-legend{font-weight:600}legend.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;border:0}.optional-tag{margin-left:var(\n --tct-input-label-optional-margin-left,\n var(--tct-scale-1, var(--app-scale-1, 5px))\n );color:var(\n --tct-input-label-optional-font-color,\n var(--tct-a11y-color, var(--t-a11y-gray-color, var(--tct-gray-d1, var(--app-gray-d1, #666666))))\n );font-size:var(--tct-input-label-optional-font-size, 12px);font-weight:var(--tct-input-label-optional-font-weight, 400)}.flexed{margin:0;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.flexed.left{-ms-flex-pack:left;justify-content:left}";
8
+ const stylesCss = "*{-webkit-box-sizing:border-box;box-sizing:border-box}*:active{outline:none}*:focus{outline:none;-webkit-box-shadow:var(--const-global-focus);box-shadow:var(--const-global-focus)}:host{-webkit-box-shadow:none !important;box-shadow:none !important}::-moz-focus-inner{border:none}input,button{font-family:inherit;font-size:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{margin-top:var(--tct-scale-2, var(--app-scale-2, 10px))}fieldset{padding:var(--tct-input-error-padding, 0);margin:0;border:0}fieldset.has-error{border-color:var(--tct-input-error-border-color, var(--const-stoplight-alert, #c30000));border-width:1px;border-style:solid;border-radius:var(--tct-border-radius-1, var(--app-border-radius-1, 2px));position:relative}fieldset.has-error .error-icon-container{top:8px;right:8px;position:absolute;width:40%;text-align:right;background:-webkit-gradient(linear, left top, right top, from(transparent), to(white));background:linear-gradient(to right, transparent, white)}fieldset.has-error legend+div.error-icon-container.no-label{top:28px}.group-legend{font-weight:600}legend.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;border:0}.optional-tag{margin-left:var(\n --tct-input-label-optional-margin-left,\n var(--tct-scale-1, var(--app-scale-1, 5px))\n );color:var(\n --tct-input-label-optional-font-color,\n var(--tct-a11y-color, var(--t-a11y-gray-color, var(--tct-gray-7, var(--app-gray-7, var(--tct-gray-d1, var(--app-gray-d1, #666666))))))\n );font-size:var(--tct-input-label-optional-font-size, 12px);font-weight:var(--tct-input-label-optional-font-weight, 400)}.flexed{margin:0;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.flexed.left{-ms-flex-pack:left;justify-content:left}";
9
9
 
10
10
  const Q2CheckboxGroup = class {
11
11
  constructor(hostRef) {
package/dist/cjs/q2-checkbox.cjs.entry.js CHANGED
@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  const index$1 = require('./index-56373ad4.js');
6
6
  const index$2 = require('./index-e73482dc.js');
7
7
 
8
- const stylesCss = "*{-webkit-box-sizing:border-box;box-sizing:border-box}*:active{outline:none}*:focus{outline:none;-webkit-box-shadow:var(--const-global-focus);box-shadow:var(--const-global-focus)}:host{-webkit-box-shadow:none !important;box-shadow:none !important}::-moz-focus-inner{border:none}input,button{font-family:inherit;font-size:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{display:block;padding:var(--tct-checkbox-vertical-padding, var(--tct-scale-2, var(--app-scale-2, 10px))) 0}label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;cursor:pointer;--q2-checkbox-outer-stroke-color:var(\n --tct-checkbox-outer-stroke-color,\n var(--tct-gray-l1, var(--app-gray-l1, #cccccc))\n );--q2-checkbox-outer-fill-color:var(\n --tct-checkbox-outer-fill-color,\n var(--tct-white, var(--app-white, #ffffff))\n );--q2-checkbox-favorite-fill:var(\n --tct-checkbox-favorite-fill-color,\n var(--tct-stoplight-warning, var(--const-stoplight-warning, #f0b400))\n );--q2-checkbox-checked-color:var(\n --tct-checkbox-check-stroke-color,\n var(--t-checkbox-fill, var(--tct-gray-d2, var(--app-gray-d2, #404040)))\n )}input:disabled+label{opacity:var(\n --tct-checkbox-disabled-opacity,\n var(--tct-disabled-opacity, var(--app-disabled-opacity, 0.4))\n )}.checkbox-icon{height:var(--tct-checkbox-size, 20px);width:var(--tct-checkbox-size, 20px);border-radius:var(\n --tct-checkbox-outer-border-radius,\n var(--tct-border-radius-1, var(--app-border-radius-1, 3px))\n );stroke:var(--q2-checkbox-outer-stroke-color);color:var(--q2-checkbox-outer-stroke-color);--t-icon-stroke-primary:var(--q2-checkbox-outer-stroke-color);stroke-width:var(--tct-checkbox-outer-stroke-width, 2);fill:var(--q2-checkbox-outer-fill-color);-ms-flex-negative:0;flex-shrink:0}input:focus+label .checkbox-icon{-webkit-box-shadow:var(--tct-global-focus, var(--const-global-focus, 0 0 0 2px #33b4ff));box-shadow:var(--tct-global-focus, var(--const-global-focus, 0 0 0 2px #33b4ff))}.checkbox-fill{stroke:var(--q2-checkbox-checked-color)}input:checked+label .checkbox-icon{fill:var(--tct-checkbox-checked-outer-fill-color, var(--q2-checkbox-outer-fill-color));stroke:var(--tct-checkbox-checked-outer-stroke-color, var(--q2-checkbox-outer-stroke-color))}input:focus+label .checkbox-icon{stroke:var(--tct-checkbox-focused-outer-stroke-color, var(--q2-checkbox-checked-color))}.checked-fill{stroke-width:var(--tct-checkbox-check-stroke-width, 2.5);stroke-linecap:round;stroke-linejoin:round}.indeterminate-fill{stroke-width:var(--tct-checkbox-indeterminate-stroke-width, 3.5)}.q2-checkbox-label-content{font-weight:var(--tct-checkbox-font-weight, 400);-ms-flex:1 1 auto;flex:1 1 auto;width:calc(\n 100% - var(--tct-checkbox-size, 20px) - var(--tct-scale-2, var(--app-scale-2, 10px))\n )}input:checked+label .q2-checkbox-label-content{font-weight:var(--tct-checkbox-selected-font-weight, 600);letter-spacing:var(--tct-checkbox-selected-letter-spacing, 0.25)}:host([type='favorite']) .checkbox-icon{--tct-icon-stroke-width:var(--tct-checkbox-favorite-stroke-width, 2.5);width:var(--tct-checkbox-size, 20px);height:var(--tct-checkbox-size, 20px);-webkit-transition:fill var(--tct-tween-2, var(--app-tween-2, 0.4s ease)),\n color var(--tct-tween-2, var(--app-tween-2, 0.4s ease)),\n stroke var(--tct-tween-2, var(--app-tween-2, 0.4s ease));transition:fill var(--tct-tween-2, var(--app-tween-2, 0.4s ease)),\n color var(--tct-tween-2, var(--app-tween-2, 0.4s ease)),\n stroke var(--tct-tween-2, var(--app-tween-2, 0.4s ease))}:host([type='favorite']) input:focus+label .checkbox-icon{color:var(--q2-checkbox-favorite-fill);--tct-icon-stroke-primary:var(--q2-checkbox-favorite-fill)}:host([type='favorite']) input:checked+label .checkbox-icon{color:var(--q2-checkbox-favorite-fill);--t-icon-stroke-primary:var(--q2-checkbox-favorite-fill);--tct-icon-stroke-primary:var(--q2-checkbox-favorite-fill);fill:var(--q2-checkbox-favorite-fill);--tct-icon-stroke-width:1;-webkit-transition:fill var(--tct-tween-1, var(--app-tween-1, 0.2s ease)),\n color var(--tct-tween-1, var(--app-tween-1, 0.2s ease)),\n stroke var(--tct-tween-1, var(--app-tween-1, 0.2s ease));transition:fill var(--tct-tween-1, var(--app-tween-1, 0.2s ease)),\n color var(--tct-tween-1, var(--app-tween-1, 0.2s ease)),\n stroke var(--tct-tween-1, var(--app-tween-1, 0.2s ease))}:host([alignment='right']) label,:host([type='toggle']:not([alignment='left'])) label{-ms-flex-flow:row-reverse;flex-flow:row-reverse}.checkbox-icon,:host([type='toggle'][alignment='left']) .toggle-svg{margin-right:var(--tct-scale-2, var(--app-scale-2, 10px));margin-left:0}:host([alignment='right']) .checkbox-icon,.toggle-svg{margin-right:0;margin-left:var(--tct-scale-2, var(--app-scale-2, 10px))}:host([type='toggle']) .toggle-svg{height:30px;width:46px;position:relative}:host([type='toggle']) .toggle-track,:host([type='toggle']) .toggle-indicator{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}:host([type='toggle']) .toggle-track{fill:var(--tct-checkbox-toggle-track-color, var(--tct-gray-l1, var(--app-gray-l1, #cccccc)));height:14px;width:46px}:host([type='toggle']) input:checked+label .toggle-track{fill:var(--tct-checkbox-toggle-checked-color, var(--q2-checkbox-checked-color));opacity:0.5}:host([type='toggle']) .toggle-indicator{-webkit-transition:left var(--tct-tween-1, var(--app-tween-1, 0.2s ease));transition:left var(--tct-tween-1, var(--app-tween-1, 0.2s ease));height:30px;width:30px;left:0;border-radius:50%}:host([type='toggle']) input:checked+label .toggle-indicator{left:21px}:host([type='toggle']) .toggle-circle{fill:var(--tct-checkbox-toggle-circle-color, var(--tct-gray, var(--app-gray, #999999)))}:host([type='toggle']) input:checked+label .toggle-circle{fill:var(--tct-checkbox-toggle-checked-color, var(--q2-checkbox-checked-color))}:host([type='toggle']) input:checked+label .off,:host([type='toggle']) input:not(:checked)+label .on{opacity:0}:host([type='toggle']) input:focus+label .toggle-circle{stroke:var(--tct-checkbox-toggle-checked-color, var(--q2-checkbox-checked-color));stroke-width:10px;stroke-opacity:0.5}:host([type='toggle']) input:not(:checked):focus+label .toggle-circle{stroke:var(--tct-checkbox-toggle-circle-color, var(--tct-gray, var(--app-gray, #999999)))}:host([type='toggle']) .checked-fill{stroke:var(--tct-checkbox-toggle-icon-stroke, var(--tct-white, var(--app-white, #ffffff)));-webkit-transition:opacity var(--tct-tween-1, var(--app-tween-1, 0.2s ease));transition:opacity var(--tct-tween-1, var(--app-tween-1, 0.2s ease))}:host([type='toggle']) input:checked+label .checked-fill{stroke:var(--tct-checkbox-toggle-checked-icon-stroke, var(--t-checkbox-text, var(--tct-white, var(--app-white, #ffffff))))}";
8
+ const stylesCss = "*{-webkit-box-sizing:border-box;box-sizing:border-box}*:active{outline:none}*:focus{outline:none;-webkit-box-shadow:var(--const-global-focus);box-shadow:var(--const-global-focus)}:host{-webkit-box-shadow:none !important;box-shadow:none !important}::-moz-focus-inner{border:none}input,button{font-family:inherit;font-size:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{display:block;padding:var(--tct-checkbox-vertical-padding, var(--tct-scale-2, var(--app-scale-2, 10px))) 0}label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;cursor:pointer;--q2-checkbox-outer-stroke-color:var(\n --tct-checkbox-outer-stroke-color,\n var(--tct-gray-11, var(--app-gray-11, var(--tct-gray-l1, var(--app-gray-l1, #cccccc))))\n );--q2-checkbox-outer-fill-color:var(\n --tct-checkbox-outer-fill-color,\n var(--tct-white, var(--app-white, #ffffff))\n );--q2-checkbox-favorite-fill:var(\n --tct-checkbox-favorite-fill-color,\n var(--tct-stoplight-warning, var(--const-stoplight-warning, #f0b400))\n );--q2-checkbox-checked-color:var(\n --tct-checkbox-check-stroke-color,\n var(--t-checkbox-fill, var(--tct-gray-5, var(--app-gray-5, var(--tct-gray-d2, var(--app-gray-d2, #404040)))))\n )}input:disabled+label{opacity:var(\n --tct-checkbox-disabled-opacity,\n var(--tct-disabled-opacity, var(--app-disabled-opacity, 0.4))\n )}.checkbox-icon{height:var(--tct-checkbox-size, 20px);width:var(--tct-checkbox-size, 20px);border-radius:var(\n --tct-checkbox-outer-border-radius,\n var(--tct-border-radius-1, var(--app-border-radius-1, 3px))\n );stroke:var(--q2-checkbox-outer-stroke-color);color:var(--q2-checkbox-outer-stroke-color);--t-icon-stroke-primary:var(--q2-checkbox-outer-stroke-color);stroke-width:var(--tct-checkbox-outer-stroke-width, 2);fill:var(--q2-checkbox-outer-fill-color);-ms-flex-negative:0;flex-shrink:0}input:focus+label .checkbox-icon{-webkit-box-shadow:var(--tct-global-focus, var(--const-global-focus, 0 0 0 2px #33b4ff));box-shadow:var(--tct-global-focus, var(--const-global-focus, 0 0 0 2px #33b4ff))}.checkbox-fill{stroke:var(--q2-checkbox-checked-color)}input:checked+label .checkbox-icon{fill:var(--tct-checkbox-checked-outer-fill-color, var(--q2-checkbox-outer-fill-color));stroke:var(--tct-checkbox-checked-outer-stroke-color, var(--q2-checkbox-outer-stroke-color))}input:focus+label .checkbox-icon{stroke:var(--tct-checkbox-focused-outer-stroke-color, var(--q2-checkbox-checked-color))}.checked-fill{stroke-width:var(--tct-checkbox-check-stroke-width, 2.5);stroke-linecap:round;stroke-linejoin:round}.indeterminate-fill{stroke-width:var(--tct-checkbox-indeterminate-stroke-width, 3.5)}.q2-checkbox-label-content{font-weight:var(--tct-checkbox-font-weight, 400);-ms-flex:1 1 auto;flex:1 1 auto;width:calc(\n 100% - var(--tct-checkbox-size, 20px) - var(--tct-scale-2, var(--app-scale-2, 10px))\n )}input:checked+label .q2-checkbox-label-content{font-weight:var(--tct-checkbox-selected-font-weight, 600);letter-spacing:var(--tct-checkbox-selected-letter-spacing, 0.25)}:host([type='favorite']) .checkbox-icon{--tct-icon-stroke-width:var(--tct-checkbox-favorite-stroke-width, 2.5);width:var(--tct-checkbox-size, 20px);height:var(--tct-checkbox-size, 20px);-webkit-transition:fill var(--tct-tween-2, var(--app-tween-2, 0.4s ease)),\n color var(--tct-tween-2, var(--app-tween-2, 0.4s ease)),\n stroke var(--tct-tween-2, var(--app-tween-2, 0.4s ease));transition:fill var(--tct-tween-2, var(--app-tween-2, 0.4s ease)),\n color var(--tct-tween-2, var(--app-tween-2, 0.4s ease)),\n stroke var(--tct-tween-2, var(--app-tween-2, 0.4s ease))}:host([type='favorite']) input:focus+label .checkbox-icon{color:var(--q2-checkbox-favorite-fill);--tct-icon-stroke-primary:var(--q2-checkbox-favorite-fill)}:host([type='favorite']) input:checked+label .checkbox-icon{color:var(--q2-checkbox-favorite-fill);--t-icon-stroke-primary:var(--q2-checkbox-favorite-fill);--tct-icon-stroke-primary:var(--q2-checkbox-favorite-fill);fill:var(--q2-checkbox-favorite-fill);--tct-icon-stroke-width:1;-webkit-transition:fill var(--tct-tween-1, var(--app-tween-1, 0.2s ease)),\n color var(--tct-tween-1, var(--app-tween-1, 0.2s ease)),\n stroke var(--tct-tween-1, var(--app-tween-1, 0.2s ease));transition:fill var(--tct-tween-1, var(--app-tween-1, 0.2s ease)),\n color var(--tct-tween-1, var(--app-tween-1, 0.2s ease)),\n stroke var(--tct-tween-1, var(--app-tween-1, 0.2s ease))}:host([alignment='right']) label,:host([type='toggle']:not([alignment='left'])) label{-ms-flex-flow:row-reverse;flex-flow:row-reverse}.checkbox-icon,:host([type='toggle'][alignment='left']) .toggle-svg{margin-right:var(--tct-scale-2, var(--app-scale-2, 10px));margin-left:0}:host([alignment='right']) .checkbox-icon,.toggle-svg{margin-right:0;margin-left:var(--tct-scale-2, var(--app-scale-2, 10px))}:host([type='toggle']) .toggle-svg{height:30px;width:46px;position:relative}:host([type='toggle']) .toggle-track,:host([type='toggle']) .toggle-indicator{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}:host([type='toggle']) .toggle-track{fill:var(--tct-checkbox-toggle-track-color, var(--tct-gray-11, var(--app-gray-11, var(--tct-gray-l1, var(--app-gray-l1, #cccccc)))));height:14px;width:46px}:host([type='toggle']) input:checked+label .toggle-track{fill:var(--tct-checkbox-toggle-checked-color, var(--q2-checkbox-checked-color));opacity:0.5}:host([type='toggle']) .toggle-indicator{-webkit-transition:left var(--tct-tween-1, var(--app-tween-1, 0.2s ease));transition:left var(--tct-tween-1, var(--app-tween-1, 0.2s ease));height:30px;width:30px;left:0;border-radius:50%}:host([type='toggle']) input:checked+label .toggle-indicator{left:21px}:host([type='toggle']) .toggle-circle{fill:var(--tct-checkbox-toggle-circle-color, var(--tct-gray-9, var(--app-gray-9, var(--tct-gray, var(--app-gray, #999999)))))}:host([type='toggle']) input:checked+label .toggle-circle{fill:var(--tct-checkbox-toggle-checked-color, var(--q2-checkbox-checked-color))}:host([type='toggle']) input:checked+label .off,:host([type='toggle']) input:not(:checked)+label .on{opacity:0}:host([type='toggle']) input:focus+label .toggle-circle{stroke:var(--tct-checkbox-toggle-checked-color, var(--q2-checkbox-checked-color));stroke-width:10px;stroke-opacity:0.5}:host([type='toggle']) input:not(:checked):focus+label .toggle-circle{stroke:var(--tct-checkbox-toggle-circle-color, var(--tct-gray-9, var(--app-gray-9, var(--tct-gray, var(--app-gray, #999999)))))}:host([type='toggle']) .checked-fill{stroke:var(--tct-checkbox-toggle-icon-stroke, var(--tct-white, var(--app-white, #ffffff)));-webkit-transition:opacity var(--tct-tween-1, var(--app-tween-1, 0.2s ease));transition:opacity var(--tct-tween-1, var(--app-tween-1, 0.2s ease))}:host([type='toggle']) input:checked+label .checked-fill{stroke:var(--tct-checkbox-toggle-checked-icon-stroke, var(--t-checkbox-text, var(--tct-white, var(--app-white, #ffffff))))}";
9
9
 
10
10
  const Q2Checkbox = class {
11
11
  constructor(hostRef) {
package/dist/cjs/q2-dropdown-item.cjs.entry.js CHANGED
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index$1 = require('./index-56373ad4.js');
6
6
 
7
- const stylesCss = "*{-webkit-box-sizing:border-box;box-sizing:border-box}*:active{outline:none}*:focus{outline:none;-webkit-box-shadow:var(--const-global-focus);box-shadow:var(--const-global-focus)}:host{-webkit-box-shadow:none !important;box-shadow:none !important}::-moz-focus-inner{border:none}input,button{font-family:inherit;font-size:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}.dropdown-separator{margin:0 var(--tct-scale-1, var(--app-scale-1, 5px));border-bottom:1px solid\n var(--tct-dropdown-item-separator-color, var(--tct-gray-l1, var(--app-gray-l1, #cccccc)))}.dropdown-item-wrapper{display:-ms-flexbox;display:flex}.dropdown-item{min-height:44px;-ms-flex:1 1 100%;flex:1 1 100%;padding:var(--tct-dropdown-item-padding, 2px)}.dropdown-item-content{padding:12px var(--tct-scale-3, var(--app-scale-3, 15px));text-align:left;background-color:var(--tct-dropdown-item-bg, var(--tct-white, var(--app-white, #ffffff)));color:var(--tct-dropdown-item-font-color, inherit);-webkit-transition:background-color var(--tct-tween-1, var(--app-tween-1, 0.2s ease));transition:background-color var(--tct-tween-1, var(--app-tween-1, 0.2s ease));overflow:hidden;text-overflow:ellipsis}:host(:not([disabled])) .dropdown-item-content:hover,:host(:not([disabled])) .dropdown-item:focus-within .dropdown-item-content{background-color:var(\n --tct-dropdown-item-selected-bg,\n var(--tct-gray-l3, var(--app-gray-l3, #f2f2f2))\n );color:var(--tct-dropdown-item-selected-font-color, inherit)}.remove-dropdown-item{-ms-flex:0 0 44px;flex:0 0 44px;margin:2px}";
7
+ const stylesCss = "*{-webkit-box-sizing:border-box;box-sizing:border-box}*:active{outline:none}*:focus{outline:none;-webkit-box-shadow:var(--const-global-focus);box-shadow:var(--const-global-focus)}:host{-webkit-box-shadow:none !important;box-shadow:none !important}::-moz-focus-inner{border:none}input,button{font-family:inherit;font-size:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}.dropdown-separator{margin:0 var(--tct-scale-1, var(--app-scale-1, 5px));border-bottom:1px solid\n var(--tct-dropdown-item-separator-color, var(--tct-gray-11, var(--app-gray-11, var(--tct-gray-l1, var(--app-gray-l1, #cccccc)))))}.dropdown-item-wrapper{display:-ms-flexbox;display:flex}.dropdown-item{min-height:44px;-ms-flex:1 1 100%;flex:1 1 100%;padding:var(--tct-dropdown-item-padding, 2px)}.dropdown-item-content{padding:12px var(--tct-scale-3, var(--app-scale-3, 15px));text-align:left;background-color:var(--tct-dropdown-item-bg, var(--tct-white, var(--app-white, #ffffff)));color:var(--tct-dropdown-item-font-color, inherit);-webkit-transition:background-color var(--tct-tween-1, var(--app-tween-1, 0.2s ease));transition:background-color var(--tct-tween-1, var(--app-tween-1, 0.2s ease));overflow:hidden;text-overflow:ellipsis}:host(:not([disabled])) .dropdown-item-content:hover,:host(:not([disabled])) .dropdown-item:focus-within .dropdown-item-content{background-color:var(\n --tct-dropdown-item-selected-bg,\n var(--tct-gray-14, var(--app-gray-14, var(--tct-gray-l3, var(--app-gray-l3, #f2f2f2))))\n );color:var(--tct-dropdown-item-selected-font-color, inherit)}.remove-dropdown-item{-ms-flex:0 0 44px;flex:0 0 44px;margin:2px}";
8
8
 
9
9
  const Q2DropdownItem = class {
10
10
  constructor(hostRef) {
package/dist/cjs/q2-dropdown.cjs.entry.js CHANGED
@@ -157,7 +157,7 @@ const Q2Dropdown = class {
157
157
  onClickFn = () => this.navigateTo(menuItemData.featureName, menuItemData.moduleName);
158
158
  break;
159
159
  case 'showOverpanel':
160
- onClickFn = () => this.navigateToOverpanel(menuItemData.featureName, menuItemData.moduleName);
160
+ onClickFn = () => this.showOverpanel(`${menuItemData.featureName}.${menuItemData.moduleName}`);
161
161
  break;
162
162
  }
163
163
  const newDropdownItem = document.createElement('q2-dropdown-item');
@@ -172,9 +172,9 @@ const Q2Dropdown = class {
172
172
  navigateTo(featureName, moduleName) {
173
173
  return window.TectonElements && window.TectonElements.navigateTo(featureName, moduleName);
174
174
  }
175
- navigateToOverpanel(featureName, moduleName) {
175
+ showOverpanel(overpanelPath) {
176
176
  return (window.TectonElements &&
177
- window.TectonElements.navigateToOverpanel(featureName, moduleName));
177
+ window.TectonElements.showOverpanel(overpanelPath, undefined, undefined, true));
178
178
  }
179
179
  get toggleButtonProps() {
180
180
  const allowedTypes = ['icon', 'fab', 'primary', 'secondary', 'custom'];
package/dist/cjs/q2-input_2.cjs.entry.js CHANGED
@@ -1605,7 +1605,7 @@ const phoneNumberFormats = {
1605
1605
  prefix: '+670 '
1606
1606
  },
1607
1607
  EC: {
1608
- mask: '(0) 000-0000',
1608
+ mask: '(0#) 000-0000',
1609
1609
  prefix: '+593 '
1610
1610
  },
1611
1611
  /* EG: {
@@ -2845,7 +2845,7 @@ const formatCreditCard = {
2845
2845
  unknownFormatter
2846
2846
  };
2847
2847
 
2848
- const stylesCss = "*{-webkit-box-sizing:border-box;box-sizing:border-box}*:active{outline:none}*:focus{outline:none;-webkit-box-shadow:var(--const-global-focus);box-shadow:var(--const-global-focus)}:host{-webkit-box-shadow:none !important;box-shadow:none !important}::-moz-focus-inner{border:none}input,button{font-family:inherit;font-size:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{display:block;margin-top:var(--tct-input-margin-top, var(--app-scale-4, 30px));margin-bottom:var(--tct-input-margin-bottom, var(--app-scale-4, 30px));font-size:var(--tct-input-font-size, var(--app-font-size, inherit))}:host([hidden]){display:none}.field-container,.input-container{position:relative}label{display:block;padding-left:var(--tct-input-label-padding-left, 0);padding-right:var(--tct-input-label-padding-right, 0);margin-top:var(--tct-input-label-margin-top, 0);margin-bottom:var(\n --tct-input-label-margin-bottom,\n var(--tct-scale-1, var(--app-scale-1, 5px))\n );color:var(--tct-input-label-font-color, inherit);font-size:var(--tct-input-label-font-size, inherit);font-weight:var(--tct-input-label-font-weight, 600);text-transform:var(--tct-input-label-text-transform, none);letter-spacing:var(--tct-input-label-letter-spacing, normal);-webkit-transition:color var(--tct-input-tween, var(--tct-tween-2, var(--app-tween-2, 0.4s ease)));transition:color var(--tct-input-tween, var(--tct-tween-2, var(--app-tween-2, 0.4s ease)))}.optional-tag{margin-left:var(\n --tct-input-label-optional-margin-left,\n var(--tct-scale-1, var(--app-scale-1, 5px))\n );color:var(\n --tct-input-label-optional-font-color,\n var(--tct-a11y-color, var(--t-a11y-gray-color, #767676))\n );font-size:var(--tct-input-label-optional-font-size, 12px);font-weight:var(--tct-input-label-optional-font-weight, 400)}.input-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;--q2-input-border-top-left-radius:var(\n --tct-input-border-top-left-radius,\n var(--tct-border-radius-1, var(--app-border-radius-1, 3px))\n );--q2-input-border-top-right-radius:var(\n --tct-input-border-top-right-radius,\n var(--tct-border-radius-1, var(--app-border-radius-1, 3px))\n );--q2-input-border-bottom-right-radius:var(\n --tct-input-border-bottom-right-radius,\n var(--tct-border-radius-1, var(--app-border-radius-1, 3px))\n );--q2-input-border-bottom-left-radius:var(\n --tct-input-border-bottom-left-radius,\n var(--tct-border-radius-1, var(--app-border-radius-1, 3px))\n );--q2-input-border-radius:var(--q2-input-border-top-left-radius)\n var(--q2-input-border-top-right-radius) var(--q2-input-border-bottom-right-radius)\n var(--q2-input-border-bottom-left-radius);--q2-input-border-width:var(--tct-input-border-top-width, 1px)\n var(--tct-input-border-right-width, 1px) var(--tct-input-border-bottom-width, 1px)\n var(--tct-input-border-left-width, 1px);--q2-input-focus-border-width:var(--tct-input-focus-border-top-width, 1px)\n var(--tct-input-focus-border-right-width, 1px)\n var(--tct-input-focus-border-bottom-width, 1px)\n var(--tct-input-focus-border-left-width, 1px);--q2-input-prefix-clearance:calc(\n 3 * var(--tct-input-prefix-font-size, 14px) + var(--tct-scale-1, 5px)\n );--q2-input-icon-clearance:34px;--q2-input-min-height:44px}.input-field{-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-box-sizing:border-box;box-sizing:border-box;min-height:var(--q2-input-min-height);height:var(--tct-input-height, 44px);width:100%;padding:0 var(--tct-input-horizontal-padding, var(--tct-scale-2, var(--app-scale-2, 10px)));background-color:var(--tct-input-bg, var(--t-input-bg, var(--tct-gray-l3, var(--app-gray-l3, #f2f2f2))));color:var(--tct-input-font-color, var(--t-input-font-color, inherit));border-width:var(--q2-input-border-width);border-style:solid;border-color:var(--tct-input-border-color, var(--t-input-border, var(--tct-gray-l1, var(--app-gray-l1, #cccccc))));border-radius:var(--q2-input-border-radius);-webkit-box-shadow:var(--tct-input-box-shadow, none);box-shadow:var(--tct-input-box-shadow, none);-webkit-transition:border-width\n var(--tct-input-tween, var(--tct-tween-2, var(--app-tween-2, 0.4s ease))),\n border-color var(--tct-input-tween, var(--tct-tween-2, var(--app-tween-2, 0.4s ease))),\n -webkit-box-shadow var(--tct-input-tween, var(--tct-tween-2, var(--app-tween-2, 0.4s ease)));transition:border-width\n var(--tct-input-tween, var(--tct-tween-2, var(--app-tween-2, 0.4s ease))),\n border-color var(--tct-input-tween, var(--tct-tween-2, var(--app-tween-2, 0.4s ease))),\n -webkit-box-shadow var(--tct-input-tween, var(--tct-tween-2, var(--app-tween-2, 0.4s ease)));transition:border-width\n var(--tct-input-tween, var(--tct-tween-2, var(--app-tween-2, 0.4s ease))),\n border-color var(--tct-input-tween, var(--tct-tween-2, var(--app-tween-2, 0.4s ease))),\n box-shadow var(--tct-input-tween, var(--tct-tween-2, var(--app-tween-2, 0.4s ease)));transition:border-width\n var(--tct-input-tween, var(--tct-tween-2, var(--app-tween-2, 0.4s ease))),\n border-color var(--tct-input-tween, var(--tct-tween-2, var(--app-tween-2, 0.4s ease))),\n box-shadow var(--tct-input-tween, var(--tct-tween-2, var(--app-tween-2, 0.4s ease))),\n -webkit-box-shadow var(--tct-input-tween, var(--tct-tween-2, var(--app-tween-2, 0.4s ease)))}input{display:inline-block}.input-field:focus{border-width:var(--q2-input-focus-border-width, 1px);border-color:var(--tct-input-focus-border-color, var(--t-input-focus, var(--tct-gray, var(--app-gray, #999999))));-webkit-box-shadow:var(--tct-global-focus, var(--const-global-focus, 0 0 0 2px #33b4ff)),\n var(--tct-input-focus-box-shadow, 0 0 transparent);box-shadow:var(--tct-global-focus, var(--const-global-focus, 0 0 0 2px #33b4ff)),\n var(--tct-input-focus-box-shadow, 0 0 transparent)}input::-ms-clear{display:none}input[type='search']::-webkit-search-decoration,input[type='search']::-webkit-search-cancel-button,input[type='search']::-webkit-search-results-button,input[type='search']::-webkit-search-results-decoration{display:none}input::-webkit-input-placeholder{color:var(--tct-input-placeholder-font-color, var(--t-input-placeholder-font-color, var(--tct-gray-d1, var(--app-gray-d1, #666666))))}input::-moz-placeholder{color:var(--tct-input-placeholder-font-color, var(--t-input-placeholder-font-color, var(--tct-gray-d1, var(--app-gray-d1, #666666))))}input:-ms-input-placeholder{color:var(--tct-input-placeholder-font-color, var(--t-input-placeholder-font-color, var(--tct-gray-d1, var(--app-gray-d1, #666666))))}input::-ms-input-placeholder{color:var(--tct-input-placeholder-font-color, var(--t-input-placeholder-font-color, var(--tct-gray-d1, var(--app-gray-d1, #666666))))}input::placeholder,.placeholder-text{color:var(--tct-input-placeholder-font-color, var(--t-input-placeholder-font-color, var(--tct-gray-d1, var(--app-gray-d1, #666666))))}.pseudo-input{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center}.pseudo-input span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}q2-icon:not(.icon-clear),.input-prefix,.input-suffix,.btn-clear{position:absolute}q2-icon{margin-top:calc(var(--tct-input-border-top-width, 1px) / 2);margin-bottom:calc(var(--tct-input-border-bottom-width, 1px) / 2);pointer-events:none;color:var(--tct-input-icon-stroke-primary, var(--app-gray, #999999));--tct-icon-stroke-primary:var(--tct-input-icon-stroke-primary, var(--tct-gray, var(--app-gray, #999999)));--t-icon-stroke-primary:var(--tct-input-icon-stroke-primary, var(--tct-gray, var(--app-gray, #999999)))}.icon-left{left:var(--tct-scale-1, var(--app-scale-1, 5px))}.icon-left-muted{opacity:0.5}.input-prefix,.input-suffix{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;min-height:calc(\n var(--q2-input-min-height) - var(--tct-input-focus-border-top-width, 1px) -\n var(--tct-input-focus-border-bottom-width, 1px)\n );height:calc(\n var(--tct-input-height, 44px) - var(--tct-input-focus-border-top-width, 1px) -\n var(--tct-input-focus-border-bottom-width, 1px)\n );width:3em;bottom:var(--tct-input-border-bottom-width, 1px);font-size:var(--tct-input-prefix-font-size, inherit);color:var(--tct-input-prefix-font-color, inherit);background-color:var(--tct-input-prefix-bg, var(--tct-input-bg, var(--t-input-bg, var(--tct-gray-l3, var(--app-gray-l3, #f2f2f2)))));-webkit-transition:color var(--tct-input-tween, var(--tct-tween-2, var(--app-tween-2, 0.4s ease))),\n background-color var(--tct-input-tween, var(--tct-tween-2, var(--app-tween-2, 0.4s ease)));transition:color var(--tct-input-tween, var(--tct-tween-2, var(--app-tween-2, 0.4s ease))),\n background-color var(--tct-input-tween, var(--tct-tween-2, var(--app-tween-2, 0.4s ease)))}.input-prefix{left:var(--tct-input-border-left-width, 1px);border-right:1px solid\n var(\n --tct-input-prefix-border-color,\n var(--tct-input-border-color, var(--t-input-border, var(--tct-gray-l1, var(--app-gray-l1, #cccccc))))\n );border-top-left-radius:calc(\n var(--q2-input-border-top-left-radius) - var(--tct-input-border-top-width, 1px) -\n var(--tct-input-border-left-width, 1px)\n );border-bottom-left-radius:calc(\n var(--q2-input-border-bottom-left-radius) - var(--tct-input-border-bottom-width, 1px) -\n var(--tct-input-border-left-width, 1px)\n );pointer-events:none;}.input-suffix{right:var(--tct-input-border-right-width, 1px);border-left:1px solid\n var(\n --tct-input-prefix-border-color,\n var(--tct-input-border-color, var(--t-input-border, var(--tct-gray-l1, var(--app-gray-l1, #cccccc))))\n );border-top-right-radius:calc(\n var(--q2-input-border-top-right-radius) - var(--tct-input-border-top-width, 1px) -\n var(--tct-input-border-right-width, 1px)\n );border-bottom-right-radius:calc(\n var(--q2-input-border-bottom-right-radius) - var(--tct-input-border-bottom-width, 1px) -\n var(--tct-input-border-right-width, 1px)\n )}.icon-right,.icon-error,.btn-clear{right:0;margin-right:var(--tct-scale-2, var(--app-scale-2, 10px))}.icon-error{color:var(--tct-stoplight-error, var(--const-stoplight-alert, #c30000));--tct-icon-stroke-primary:var(--tct-stoplight-error, var(--const-stoplight-alert, #c30000));--t-icon-stroke-primary:var(--tct-stoplight-error, var(--const-stoplight-alert, #c30000))}.btn-clear{margin-top:calc(var(--tct-input-border-top-width, 1px) / 2);margin-bottom:calc(var(--tct-input-border-bottom-width, 1px) / 2)}.icon-clear{top:3px;width:17px;height:17px}.messages-container{height:0px;overflow:hidden;background-color:var(--tct-message-bg, var(--tct-gray-l3, var(--app-gray-l3, #f2f2f2)));-webkit-box-shadow:var(\n --tct-input-message-box-shadow,\n var(--tct-box-shadow-1, var(--app-shadow-1, 0 2px 4px rgba(0, 0, 0, 0.3)))\n );box-shadow:var(\n --tct-input-message-box-shadow,\n var(--tct-box-shadow-1, var(--app-shadow-1, 0 2px 4px rgba(0, 0, 0, 0.3)))\n );-webkit-transition:height\n var(--tct-input-messages-tween, var(--tct-tween-1, var(--app-tween-1, 0.2s ease)));transition:height\n var(--tct-input-messages-tween, var(--tct-tween-1, var(--app-tween-1, 0.2s ease)));margin-top:2px;z-index:1;position:absolute;width:100%;color:var(--tct-input-messages-font-color, inherit)}:host([disabled]) .input-container{cursor:not-allowed;opacity:var(\n --tct-input-disabled-opacity,\n var(--tct-disabled-opacity, var(--app-disabled-opacity, 0.4))\n )}.input-field[disabled]{cursor:not-allowed}.has-focus .input-prefix{border-top-left-radius:calc(\n var(--q2-input-border-top-left-radius) - var(--tct-input-focus-border-top-width, 1px) -\n var(--tct-input-focus-border-left-width, 1px)\n );border-bottom-left-radius:calc(\n var(--q2-input-border-bottom-left-radius) - var(--tct-input-focus-border-bottom-width, 1px) -\n var(--tct-input-focus-border-left-width, 1px)\n )}.has-focus .input-suffix{border-top-left-radius:calc(\n var(--q2-input-border-top-left-radius) - var(--tct-input-focus-border-top-width, 1px) -\n var(--tct-input-focus-border-left-width, 1px)\n );border-bottom-left-radius:calc(\n var(--q2-input-border-bottom-left-radius) - var(--tct-input-focus-border-bottom-width, 1px) -\n var(--tct-input-focus-border-left-width, 1px)\n )}.right-aligned .input-field{text-align:right}.right-aligned .icon-error{left:var(--tct-scale-2, var(--app-scale-2, 10px));right:auto}.has-icon-right .input-field,.has-error.left-aligned .input-field,.has-clear .input-field{padding-right:var(--q2-input-icon-clearance)}.has-icon-right .btn-clear,.has-error.left-aligned .btn-clear,.has-error.left-aligned .icon-right{right:var(--q2-input-icon-clearance)}.has-clear.has-icon-right .input-field,.has-error.has-clear.left-aligned .input-field{padding-right:calc(2 * var(--q2-input-icon-clearance))}.has-error label{color:var(--tct-input-error-label-font-color, var(--tct-input-label-font-color, inherit))}.has-error:not(.has-focus) .input-prefix,.has-error:not(.has-focus) .input-suffix{color:var(--tct-input-error-prefix-font-color, inherit);background-color:var(\n --tct-input-error-prefix-bg,\n var(--tct-input-bg, var(--t-input-bg, var(--tct-gray-l3, var(--app-gray-l3, #f2f2f2))))\n )}.has-error .input-field:not(:focus){border-color:var(--tct-input-error-border-color, var(--const-stoplight-alert, #c30000))}.has-error.has-icon-right.left-aligned .btn-clear{right:calc(2 * var(--q2-input-icon-clearance))}.has-error.has-clear.has-icon-right.left-aligned .input-field{padding-right:calc(3 * var(--q2-input-icon-clearance))}.has-error.right-aligned .input-field{padding-left:var(--q2-input-icon-clearance)}.has-error.right-aligned.has-prefix .input-field{padding-left:calc(var(--q2-input-prefix-clearance) + var(--q2-input-icon-clearance))}.has-error.right-aligned.has-icon-left .input-field{padding-left:calc(2 * var(--q2-input-icon-clearance))}.has-error.right-aligned .icon-left{left:var(--q2-input-icon-clearance)}.has-prefix .input-field{padding-left:var(--q2-input-prefix-clearance)}.has-prefix.right-aligned .icon-error{left:var(--q2-input-prefix-clearance);margin-left:var(--tct-scale-1, 5px)}.has-suffix .icon-error,.has-suffix .btn-clear{right:var(--q2-input-prefix-clearance)}.has-suffix.has-error .btn-clear{right:calc(var(--q2-input-prefix-clearance) + var(--q2-input-icon-clearance))}.has-icon-left .input-field{padding-left:var(--q2-input-icon-clearance)}.has-icon-left.has-icon-separator .input-field{padding-left:calc(var(--q2-input-icon-clearance) + 14px)}.has-icon-left.has-icon-separator .icon-left{width:26px;height:26px;left:8px}.has-icon-left.has-icon-separator .input-container .vertical-separator{position:absolute;left:var(--tct-input-border-left-width, 1px);height:calc(var(--q2-input-min-height) - 2px);width:3em;border-right:1px solid\n var(\n --tct-input-prefix-border-color,\n var(--tct-input-border-color, var(--t-input-border, var(--tct-gray-l1, var(--app-gray-l1, #cccccc))))\n )}";
2848
+ const stylesCss = "*{-webkit-box-sizing:border-box;box-sizing:border-box}*:active{outline:none}*:focus{outline:none;-webkit-box-shadow:var(--const-global-focus);box-shadow:var(--const-global-focus)}:host{-webkit-box-shadow:none !important;box-shadow:none !important}::-moz-focus-inner{border:none}input,button{font-family:inherit;font-size:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{display:block;margin-top:var(--tct-input-margin-top, var(--app-scale-4, 30px));margin-bottom:var(--tct-input-margin-bottom, var(--app-scale-4, 30px));font-size:var(--tct-input-font-size, var(--app-font-size, inherit))}:host([hidden]){display:none}.field-container,.input-container{position:relative}label{display:block;padding-left:var(--tct-input-label-padding-left, 0);padding-right:var(--tct-input-label-padding-right, 0);margin-top:var(--tct-input-label-margin-top, 0);margin-bottom:var(\n --tct-input-label-margin-bottom,\n var(--tct-scale-1, var(--app-scale-1, 5px))\n );color:var(--tct-input-label-font-color, inherit);font-size:var(--tct-input-label-font-size, inherit);font-weight:var(--tct-input-label-font-weight, 600);text-transform:var(--tct-input-label-text-transform, none);letter-spacing:var(--tct-input-label-letter-spacing, normal);-webkit-transition:color var(--tct-input-tween, var(--tct-tween-2, var(--app-tween-2, 0.4s ease)));transition:color var(--tct-input-tween, var(--tct-tween-2, var(--app-tween-2, 0.4s ease)))}.optional-tag{margin-left:var(\n --tct-input-label-optional-margin-left,\n var(--tct-scale-1, var(--app-scale-1, 5px))\n );color:var(\n --tct-input-label-optional-font-color,\n var(--tct-a11y-color, var(--t-a11y-gray-color, #767676))\n );font-size:var(--tct-input-label-optional-font-size, 12px);font-weight:var(--tct-input-label-optional-font-weight, 400)}.input-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;--q2-input-border-top-left-radius:var(\n --tct-input-border-top-left-radius,\n var(--tct-border-radius-1, var(--app-border-radius-1, 3px))\n );--q2-input-border-top-right-radius:var(\n --tct-input-border-top-right-radius,\n var(--tct-border-radius-1, var(--app-border-radius-1, 3px))\n );--q2-input-border-bottom-right-radius:var(\n --tct-input-border-bottom-right-radius,\n var(--tct-border-radius-1, var(--app-border-radius-1, 3px))\n );--q2-input-border-bottom-left-radius:var(\n --tct-input-border-bottom-left-radius,\n var(--tct-border-radius-1, var(--app-border-radius-1, 3px))\n );--q2-input-border-radius:var(--q2-input-border-top-left-radius)\n var(--q2-input-border-top-right-radius) var(--q2-input-border-bottom-right-radius)\n var(--q2-input-border-bottom-left-radius);--q2-input-border-width:var(--tct-input-border-top-width, 1px)\n var(--tct-input-border-right-width, 1px) var(--tct-input-border-bottom-width, 1px)\n var(--tct-input-border-left-width, 1px);--q2-input-focus-border-width:var(--tct-input-focus-border-top-width, 1px)\n var(--tct-input-focus-border-right-width, 1px)\n var(--tct-input-focus-border-bottom-width, 1px)\n var(--tct-input-focus-border-left-width, 1px);--q2-input-prefix-clearance:calc(\n 3 * var(--tct-input-prefix-font-size, 14px) + var(--tct-scale-1, 5px)\n );--q2-input-icon-clearance:34px;--q2-input-min-height:44px}.input-field{-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-box-sizing:border-box;box-sizing:border-box;min-height:var(--q2-input-min-height);height:var(--tct-input-height, 44px);width:100%;padding:0 var(--tct-input-horizontal-padding, var(--tct-scale-2, var(--app-scale-2, 10px)));background-color:var(--tct-input-bg, var(--t-input-bg, var(--tct-gray-14, var(--app-gray-14, #f2f2f2))));color:var(--tct-input-font-color, var(--t-input-font-color, inherit));border-width:var(--q2-input-border-width);border-style:solid;border-color:var(--tct-input-border-color, var(--t-input-border, var(--tct-gray-11, var(--app-gray-11, #cccccc))));border-radius:var(--q2-input-border-radius);-webkit-box-shadow:var(--tct-input-box-shadow, none);box-shadow:var(--tct-input-box-shadow, none);-webkit-transition:border-width\n var(--tct-input-tween, var(--tct-tween-2, var(--app-tween-2, 0.4s ease))),\n border-color var(--tct-input-tween, var(--tct-tween-2, var(--app-tween-2, 0.4s ease))),\n -webkit-box-shadow var(--tct-input-tween, var(--tct-tween-2, var(--app-tween-2, 0.4s ease)));transition:border-width\n var(--tct-input-tween, var(--tct-tween-2, var(--app-tween-2, 0.4s ease))),\n border-color var(--tct-input-tween, var(--tct-tween-2, var(--app-tween-2, 0.4s ease))),\n -webkit-box-shadow var(--tct-input-tween, var(--tct-tween-2, var(--app-tween-2, 0.4s ease)));transition:border-width\n var(--tct-input-tween, var(--tct-tween-2, var(--app-tween-2, 0.4s ease))),\n border-color var(--tct-input-tween, var(--tct-tween-2, var(--app-tween-2, 0.4s ease))),\n box-shadow var(--tct-input-tween, var(--tct-tween-2, var(--app-tween-2, 0.4s ease)));transition:border-width\n var(--tct-input-tween, var(--tct-tween-2, var(--app-tween-2, 0.4s ease))),\n border-color var(--tct-input-tween, var(--tct-tween-2, var(--app-tween-2, 0.4s ease))),\n box-shadow var(--tct-input-tween, var(--tct-tween-2, var(--app-tween-2, 0.4s ease))),\n -webkit-box-shadow var(--tct-input-tween, var(--tct-tween-2, var(--app-tween-2, 0.4s ease)))}input{display:inline-block}.input-field:focus{border-width:var(--q2-input-focus-border-width, 1px);border-color:var(--tct-input-focus-border-color, var(--t-input-focus, var(--tct-gray-9, var(--app-gray-9, #999999))));-webkit-box-shadow:var(--tct-global-focus, var(--const-global-focus, 0 0 0 2px #33b4ff)),\n var(--tct-input-focus-box-shadow, 0 0 transparent);box-shadow:var(--tct-global-focus, var(--const-global-focus, 0 0 0 2px #33b4ff)),\n var(--tct-input-focus-box-shadow, 0 0 transparent)}input::-ms-clear{display:none}input[type='search']::-webkit-search-decoration,input[type='search']::-webkit-search-cancel-button,input[type='search']::-webkit-search-results-button,input[type='search']::-webkit-search-results-decoration{display:none}input::-webkit-input-placeholder{color:var(--tct-input-placeholder-font-color, var(--t-input-placeholder-font-color, var(--tct-gray-7, var(--app-gray-7, var(--tct-gray-d1, var(--app-gray-d1, #666666))))))}input::-moz-placeholder{color:var(--tct-input-placeholder-font-color, var(--t-input-placeholder-font-color, var(--tct-gray-7, var(--app-gray-7, var(--tct-gray-d1, var(--app-gray-d1, #666666))))))}input:-ms-input-placeholder{color:var(--tct-input-placeholder-font-color, var(--t-input-placeholder-font-color, var(--tct-gray-7, var(--app-gray-7, var(--tct-gray-d1, var(--app-gray-d1, #666666))))))}input::-ms-input-placeholder{color:var(--tct-input-placeholder-font-color, var(--t-input-placeholder-font-color, var(--tct-gray-7, var(--app-gray-7, var(--tct-gray-d1, var(--app-gray-d1, #666666))))))}input::placeholder,.placeholder-text{color:var(--tct-input-placeholder-font-color, var(--t-input-placeholder-font-color, var(--tct-gray-7, var(--app-gray-7, var(--tct-gray-d1, var(--app-gray-d1, #666666))))))}.pseudo-input{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center}.pseudo-input span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}q2-icon:not(.icon-clear),.input-prefix,.input-suffix,.btn-clear{position:absolute}q2-icon{margin-top:calc(var(--tct-input-border-top-width, 1px) / 2);margin-bottom:calc(var(--tct-input-border-bottom-width, 1px) / 2);pointer-events:none;color:var(--tct-input-icon-stroke-primary, var(--app-gray-9, var(--tct-gray, var(--app-gray, #999999))));--tct-icon-stroke-primary:var(--tct-input-icon-stroke-primary, var(--tct-gray-9, var(--app-gray-9, var(--tct-gray, var(--app-gray, #999999)))));--t-icon-stroke-primary:var(--tct-input-icon-stroke-primary, var(--tct-gray-9, var(--app-gray-9, var(--tct-gray, var(--app-gray, #999999)))))}.icon-left{left:var(--tct-scale-1, var(--app-scale-1, 5px))}.icon-left-muted{opacity:0.5}.input-prefix,.input-suffix{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;min-height:calc(\n var(--q2-input-min-height) - var(--tct-input-focus-border-top-width, 1px) -\n var(--tct-input-focus-border-bottom-width, 1px)\n );height:calc(\n var(--tct-input-height, 44px) - var(--tct-input-focus-border-top-width, 1px) -\n var(--tct-input-focus-border-bottom-width, 1px)\n );width:3em;bottom:var(--tct-input-border-bottom-width, 1px);font-size:var(--tct-input-prefix-font-size, inherit);color:var(--tct-input-prefix-font-color, inherit);background-color:var(--tct-input-prefix-bg, var(--tct-input-bg, var(--t-input-bg, var(--tct-gray-14, var(--app-gray-14, #f2f2f2)))));-webkit-transition:color var(--tct-input-tween, var(--tct-tween-2, var(--app-tween-2, 0.4s ease))),\n background-color var(--tct-input-tween, var(--tct-tween-2, var(--app-tween-2, 0.4s ease)));transition:color var(--tct-input-tween, var(--tct-tween-2, var(--app-tween-2, 0.4s ease))),\n background-color var(--tct-input-tween, var(--tct-tween-2, var(--app-tween-2, 0.4s ease)))}.input-prefix{left:var(--tct-input-border-left-width, 1px);border-right:1px solid\n var(\n --tct-input-prefix-border-color,\n var(--tct-input-border-color, var(--t-input-border, var(--tct-gray-11, var(--app-gray-11, var(--tct-gray-l1, var(--app-gray-l1, #cccccc))))))\n );border-top-left-radius:calc(\n var(--q2-input-border-top-left-radius) - var(--tct-input-border-top-width, 1px) -\n var(--tct-input-border-left-width, 1px)\n );border-bottom-left-radius:calc(\n var(--q2-input-border-bottom-left-radius) - var(--tct-input-border-bottom-width, 1px) -\n var(--tct-input-border-left-width, 1px)\n );pointer-events:none;}.input-suffix{right:var(--tct-input-border-right-width, 1px);border-left:1px solid\n var(\n --tct-input-prefix-border-color,\n var(--tct-input-border-color, var(--t-input-border, var(--tct-gray-11, var(--app-gray-11, var(--tct-gray-l1, var(--app-grayl1, #cccccc))))))\n );border-top-right-radius:calc(\n var(--q2-input-border-top-right-radius) - var(--tct-input-border-top-width, 1px) -\n var(--tct-input-border-right-width, 1px)\n );border-bottom-right-radius:calc(\n var(--q2-input-border-bottom-right-radius) - var(--tct-input-border-bottom-width, 1px) -\n var(--tct-input-border-right-width, 1px)\n )}.icon-right,.icon-error,.btn-clear{right:0;margin-right:var(--tct-scale-2, var(--app-scale-2, 10px))}.icon-error{color:var(--tct-stoplight-error, var(--const-stoplight-alert, #c30000));--tct-icon-stroke-primary:var(--tct-stoplight-error, var(--const-stoplight-alert, #c30000));--t-icon-stroke-primary:var(--tct-stoplight-error, var(--const-stoplight-alert, #c30000))}.btn-clear{margin-top:calc(var(--tct-input-border-top-width, 1px) / 2);margin-bottom:calc(var(--tct-input-border-bottom-width, 1px) / 2)}.icon-clear{top:3px;width:17px;height:17px}.messages-container{height:0px;overflow:hidden;background-color:var(--tct-message-bg, var(--tct-gray-14, var(--app-gray-14, var(--tct-gray-l3, var(--app-gray-l3, #f2f2f2)))));-webkit-box-shadow:var(\n --tct-input-message-box-shadow,\n var(--tct-box-shadow-1, var(--app-shadow-1, 0 2px 4px rgba(0, 0, 0, 0.3)))\n );box-shadow:var(\n --tct-input-message-box-shadow,\n var(--tct-box-shadow-1, var(--app-shadow-1, 0 2px 4px rgba(0, 0, 0, 0.3)))\n );-webkit-transition:height\n var(--tct-input-messages-tween, var(--tct-tween-1, var(--app-tween-1, 0.2s ease)));transition:height\n var(--tct-input-messages-tween, var(--tct-tween-1, var(--app-tween-1, 0.2s ease)));margin-top:2px;z-index:1;position:absolute;width:100%;color:var(--tct-input-messages-font-color, inherit)}:host([disabled]) .input-container{cursor:not-allowed;opacity:var(\n --tct-input-disabled-opacity,\n var(--tct-disabled-opacity, var(--app-disabled-opacity, 0.4))\n )}.input-field[disabled]{cursor:not-allowed}.has-focus .input-prefix{border-top-left-radius:calc(\n var(--q2-input-border-top-left-radius) - var(--tct-input-focus-border-top-width, 1px) -\n var(--tct-input-focus-border-left-width, 1px)\n );border-bottom-left-radius:calc(\n var(--q2-input-border-bottom-left-radius) - var(--tct-input-focus-border-bottom-width, 1px) -\n var(--tct-input-focus-border-left-width, 1px)\n )}.has-focus .input-suffix{border-top-left-radius:calc(\n var(--q2-input-border-top-left-radius) - var(--tct-input-focus-border-top-width, 1px) -\n var(--tct-input-focus-border-left-width, 1px)\n );border-bottom-left-radius:calc(\n var(--q2-input-border-bottom-left-radius) - var(--tct-input-focus-border-bottom-width, 1px) -\n var(--tct-input-focus-border-left-width, 1px)\n )}.right-aligned .input-field{text-align:right}.right-aligned .icon-error{left:var(--tct-scale-2, var(--app-scale-2, 10px));right:auto}.has-icon-right .input-field,.has-error.left-aligned .input-field,.has-clear .input-field{padding-right:var(--q2-input-icon-clearance)}.has-icon-right .btn-clear,.has-error.left-aligned .btn-clear,.has-error.left-aligned .icon-right{right:var(--q2-input-icon-clearance)}.has-clear.has-icon-right .input-field,.has-error.has-clear.left-aligned .input-field{padding-right:calc(2 * var(--q2-input-icon-clearance))}.has-error label{color:var(--tct-input-error-label-font-color, var(--tct-input-label-font-color, inherit))}.has-error:not(.has-focus) .input-prefix,.has-error:not(.has-focus) .input-suffix{color:var(--tct-input-error-prefix-font-color, inherit);background-color:var(\n --tct-input-error-prefix-bg,\n var(--tct-input-bg, var(--t-input-bg, var(--tct-gray-14, var(--app-var(--tct-gray-l3, var(--app-gray-l3, #f2f2f2))))))\n )}.has-error .input-field:not(:focus){border-color:var(--tct-input-error-border-color, var(--const-stoplight-alert, #c30000))}.has-error.has-icon-right.left-aligned .btn-clear{right:calc(2 * var(--q2-input-icon-clearance))}.has-error.has-clear.has-icon-right.left-aligned .input-field{padding-right:calc(3 * var(--q2-input-icon-clearance))}.has-error.right-aligned .input-field{padding-left:var(--q2-input-icon-clearance)}.has-error.right-aligned.has-prefix .input-field{padding-left:calc(var(--q2-input-prefix-clearance) + var(--q2-input-icon-clearance))}.has-error.right-aligned.has-icon-left .input-field{padding-left:calc(2 * var(--q2-input-icon-clearance))}.has-error.right-aligned .icon-left{left:var(--q2-input-icon-clearance)}.has-prefix .input-field{padding-left:var(--q2-input-prefix-clearance)}.has-prefix.right-aligned .icon-error{left:var(--q2-input-prefix-clearance);margin-left:var(--tct-scale-1, 5px)}.has-suffix .icon-error,.has-suffix .btn-clear{right:var(--q2-input-prefix-clearance)}.has-suffix.has-error .btn-clear{right:calc(var(--q2-input-prefix-clearance) + var(--q2-input-icon-clearance))}.has-icon-left .input-field{padding-left:var(--q2-input-icon-clearance)}.has-icon-left.has-icon-separator .input-field{padding-left:calc(var(--q2-input-icon-clearance) + 14px)}.has-icon-left.has-icon-separator .icon-left{width:26px;height:26px;left:8px}.has-icon-left.has-icon-separator .input-container .vertical-separator{position:absolute;left:var(--tct-input-border-left-width, 1px);height:calc(var(--q2-input-min-height) - 2px);width:3em;border-right:1px solid\n var(\n --tct-input-prefix-border-color,\n var(--tct-input-border-color, var(--t-input-border, var(--tct-gray-11, var(--app-gray-11, var(--tct-gray-l1, var(--app-gray-l1, #cccccc))))))\n )}";
2849
2849
 
2850
2850
  const Q2Input = class {
2851
2851
  constructor(hostRef) {
@@ -3181,7 +3181,7 @@ const Q2Input = class {
3181
3181
  };
3182
3182
  Q2Input.style = stylesCss;
3183
3183
 
3184
- const stylesCss$1 = "*{-webkit-box-sizing:border-box;box-sizing:border-box}*:active{outline:none}*:focus{outline:none;-webkit-box-shadow:var(--const-global-focus);box-shadow:var(--const-global-focus)}:host{-webkit-box-shadow:none !important;box-shadow:none !important}::-moz-focus-inner{border:none}input,button{font-family:inherit;font-size:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{display:block}:host([hidden]){display:none}.message{border-left-width:var(--tct-message-bar-width, var(--app-scale-1, 5px));border-left-style:solid;display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;background:var(--tct-message-bg, var(--tct-gray-l3, var(--app-gray-l3, #f2f2f2)));color:var(--tct-message-font-color, inherit);-webkit-box-shadow:var(--tct-message-box-shadow, inherit);box-shadow:var(--tct-message-box-shadow, inherit);border-radius:var(--tct-message-border-radius, inherit)}::slotted(ul){padding-left:var(--tct-scale-l3, var(--app-scale-3, 15px))}:host(:not([appearance])),:host([appearance='standard']){margin:var(--tct-scale-l3, var(--app-scale-3, 15px)) 0}:host(:not([appearance])) .message,:host([appearance='standard']) .message{padding:var(--tct-message-padding, var(--app-scale-3, 15px))}:host(:not([appearance])) ::slotted(ul),:host([appearance='standard']) ::slotted(ul){margin:var(--tct-scale-l3, var(--app-scale-3, 15px)) 0}:host([appearance='minimal']){margin:0}:host([appearance='minimal']) .message{padding:var(--tct-message-minimal-padding, var(--app-scale-2, 10px))}:host([appearance='minimal']) ::slotted(ul){margin:var(--tct-scale-1, var(--app-scale-1, 5px)) 0}:host(:not([type])) .message,:host([type='info']) .message{border-left-color:var(--tct-stoplight-info, var(--const-stoplight-info, #0079c1))}:host(:not([type])) .message-icon,:host([type='info']) .message-icon{--tct-icon-stroke-primary:var(--tct-stoplight-info, var(--const-stoplight-info, #0079c1));--tct-icon-stroke-secondary:var(--tct-stoplight-info, var(--const-stoplight-info, #0079c1))}:host([type='success']) .message{border-left-color:var(--tct-stoplight-success, var(--const-stoplight-success, #0e8a00))}:host([type='success']) .message-icon{--tct-icon-stroke-primary:var(\n --tct-stoplight-success,\n var(--const-stoplight-success, #0e8a00)\n );--tct-icon-stroke-secondary:var(\n --tct-stoplight-success,\n var(--const-stoplight-success, #0e8a00)\n )}:host([type='warning']) .message{border-left-color:var(--tct-stoplight-warning, var(--const-stoplight-warning, #f0b400))}:host([type='warning']) .message-icon{--tct-icon-stroke-primary:var(\n --tct-stoplight-warning,\n var(--const-stoplight-warning, #f0b400)\n );--tct-icon-stroke-secondary:var(\n --tct-stoplight-warning,\n var(--const-stoplight-warning, #f0b400)\n )}:host([type='error']) .message,:host([type='danger']) .message{border-left-color:var(--tct-stoplight-error, var(--const-stoplight-alert, #c30000))}:host([type='error']) .message-icon,:host([type='danger']) .message-icon{--tct-icon-stroke-primary:var(--tct-stoplight-error, var(--const-stoplight-alert, #c30000));--tct-icon-stroke-secondary:var(--tct-stoplight-error, var(--const-stoplight-alert, #c30000))}.message-icon{width:24px;margin-top:calc(var(--tct-scale-1, var(--app-scale-1, 5px)) * -1);margin-right:var(--tct-scale-1, var(--app-scale-1, 5px));margin-left:calc(var(--tct-scale-2, var(--app-scale-2, 10px)) * -1)}.message-content{-ms-flex:1;flex:1}";
3184
+ const stylesCss$1 = "*{-webkit-box-sizing:border-box;box-sizing:border-box}*:active{outline:none}*:focus{outline:none;-webkit-box-shadow:var(--const-global-focus);box-shadow:var(--const-global-focus)}:host{-webkit-box-shadow:none !important;box-shadow:none !important}::-moz-focus-inner{border:none}input,button{font-family:inherit;font-size:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{display:block}:host([hidden]){display:none}.message{border-left-width:var(--tct-message-bar-width, var(--app-scale-1, 5px));border-left-style:solid;display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;background:var(--tct-message-bg, var(--tct-gray-14, var(--app-gray-14, var(--tct-gray-l3, var(--app-gray-l3, #f2f2f2)))));color:var(--tct-message-font-color, inherit);-webkit-box-shadow:var(--tct-message-box-shadow, inherit);box-shadow:var(--tct-message-box-shadow, inherit);border-radius:var(--tct-message-border-radius, inherit)}::slotted(ul){padding-left:var(--tct-scale-l3, var(--app-scale-3, 15px))}:host(:not([appearance])),:host([appearance='standard']){margin:var(--tct-scale-l3, var(--app-scale-3, 15px)) 0}:host(:not([appearance])) .message,:host([appearance='standard']) .message{padding:var(--tct-message-padding, var(--app-scale-3, 15px))}:host(:not([appearance])) ::slotted(ul),:host([appearance='standard']) ::slotted(ul){margin:var(--tct-scale-l3, var(--app-scale-3, 15px)) 0}:host([appearance='minimal']){margin:0}:host([appearance='minimal']) .message{padding:var(--tct-message-minimal-padding, var(--app-scale-2, 10px))}:host([appearance='minimal']) ::slotted(ul){margin:var(--tct-scale-1, var(--app-scale-1, 5px)) 0}:host(:not([type])) .message,:host([type='info']) .message{border-left-color:var(--tct-stoplight-info, var(--const-stoplight-info, #0079c1))}:host(:not([type])) .message-icon,:host([type='info']) .message-icon{--tct-icon-stroke-primary:var(--tct-stoplight-info, var(--const-stoplight-info, #0079c1));--tct-icon-stroke-secondary:var(--tct-stoplight-info, var(--const-stoplight-info, #0079c1))}:host([type='success']) .message{border-left-color:var(--tct-stoplight-success, var(--const-stoplight-success, #0e8a00))}:host([type='success']) .message-icon{--tct-icon-stroke-primary:var(\n --tct-stoplight-success,\n var(--const-stoplight-success, #0e8a00)\n );--tct-icon-stroke-secondary:var(\n --tct-stoplight-success,\n var(--const-stoplight-success, #0e8a00)\n )}:host([type='warning']) .message{border-left-color:var(--tct-stoplight-warning, var(--const-stoplight-warning, #f0b400))}:host([type='warning']) .message-icon{--tct-icon-stroke-primary:var(\n --tct-stoplight-warning,\n var(--const-stoplight-warning, #f0b400)\n );--tct-icon-stroke-secondary:var(\n --tct-stoplight-warning,\n var(--const-stoplight-warning, #f0b400)\n )}:host([type='error']) .message,:host([type='danger']) .message{border-left-color:var(--tct-stoplight-error, var(--const-stoplight-alert, #c30000))}:host([type='error']) .message-icon,:host([type='danger']) .message-icon{--tct-icon-stroke-primary:var(--tct-stoplight-error, var(--const-stoplight-alert, #c30000));--tct-icon-stroke-secondary:var(--tct-stoplight-error, var(--const-stoplight-alert, #c30000))}.message-icon{width:24px;margin-top:calc(var(--tct-scale-1, var(--app-scale-1, 5px)) * -1);margin-right:var(--tct-scale-1, var(--app-scale-1, 5px));margin-left:calc(var(--tct-scale-2, var(--app-scale-2, 10px)) * -1)}.message-content{-ms-flex:1;flex:1}";
3185
3185
 
3186
3186
  const Q2Message = class {
3187
3187
  constructor(hostRef) {
package/dist/cjs/q2-optgroup.cjs.entry.js CHANGED
@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  const index$1 = require('./index-56373ad4.js');
6
6
  const index$2 = require('./index-e73482dc.js');
7
7
 
8
- const stylesCss = "*{-webkit-box-sizing:border-box;box-sizing:border-box}*:active{outline:none}*:focus{outline:none;-webkit-box-shadow:var(--const-global-focus);box-shadow:var(--const-global-focus)}:host{-webkit-box-shadow:none !important;box-shadow:none !important}::-moz-focus-inner{border:none}input,button{font-family:inherit;font-size:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{display:block}.q2-optgroup-header{background-color:var(\n --tct-optgroup-header-bg,\n var(--tct-gray-l2, var(--app-gray-l2, #e6e6ee))\n );padding:var(--tct-scale-1, var(--app-scale-1, 5px))\n var(--tct-scale-2, var(--app-scale-2, 10px));font-weight:var(--tct-optgroup-header-font-weight, 600);text-transform:var(--tct-optgroup-header-text-transform, uppercase);}";
8
+ const stylesCss = "*{-webkit-box-sizing:border-box;box-sizing:border-box}*:active{outline:none}*:focus{outline:none;-webkit-box-shadow:var(--const-global-focus);box-shadow:var(--const-global-focus)}:host{-webkit-box-shadow:none !important;box-shadow:none !important}::-moz-focus-inner{border:none}input,button{font-family:inherit;font-size:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{display:block}.q2-optgroup-header{background-color:var(\n --tct-optgroup-header-bg,\n var(--tct-gray-13, var(--app-gray-13, var(--tct-gray-l2, var(--app-gray-l2, #e6e6e6))))\n );padding:var(--tct-scale-1, var(--app-scale-1, 5px))\n var(--tct-scale-2, var(--app-scale-2, 10px));font-weight:var(--tct-optgroup-header-font-weight, 600);text-transform:var(--tct-optgroup-header-text-transform, uppercase);}";
9
9
 
10
10
  const Q2Optgroup = class {
11
11
  constructor(hostRef) {
package/dist/cjs/q2-option.cjs.entry.js CHANGED
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index$1 = require('./index-56373ad4.js');
6
6
 
7
- const stylesCss = "*{-webkit-box-sizing:border-box;box-sizing:border-box}*:active{outline:none}*:focus{outline:none;-webkit-box-shadow:var(--const-global-focus);box-shadow:var(--const-global-focus)}:host{-webkit-box-shadow:none !important;box-shadow:none !important}::-moz-focus-inner{border:none}input,button{font-family:inherit;font-size:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{display:block}.q2-option-container{--q2-option-selected-icon-size:var(\n --tct-option-selected-icon-size,\n var(--tct-scale-3, var(--app-scale-3, 15px))\n )}.q2-option-container:not([hidden]){padding:var(--tct-scale-2, var(--app-scale-2, 10px));min-height:44px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;cursor:pointer}.q2-option-container[aria-disabled='true']{cursor:not-allowed;opacity:var(--tct-disabled-opacity, var(--app-disabled-opacity, 0.4))}.q2-option-container:not([aria-disabled='true']):hover,:host([active]) .q2-option-container,:host(:focus) .q2-option-container{background-color:var(--tct-option-active-bg, var(--tct-gray-l3, var(--app-gray-l3, #f2f2f2)));color:var(--tct-option-active-font-color, inherit)}.q2-option-selection{-ms-flex:0 0 var(--q2-option-selected-icon-size);flex:0 0 var(--q2-option-selected-icon-size);margin-right:var(--tct-scale-1, var(--app-scale-1, 5px))}.q2-option-selection-icon{width:var(--q2-option-selected-icon-size);height:var(--q2-option-selected-icon-size)}.q2-option-content{-ms-flex:1 1 auto;flex:1 1 auto}:host(:not([multiline])) .q2-option-content{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}";
7
+ const stylesCss = "*{-webkit-box-sizing:border-box;box-sizing:border-box}*:active{outline:none}*:focus{outline:none;-webkit-box-shadow:var(--const-global-focus);box-shadow:var(--const-global-focus)}:host{-webkit-box-shadow:none !important;box-shadow:none !important}::-moz-focus-inner{border:none}input,button{font-family:inherit;font-size:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{display:block}.q2-option-container{--q2-option-selected-icon-size:var(\n --tct-option-selected-icon-size,\n var(--tct-scale-3, var(--app-scale-3, 15px))\n )}.q2-option-container:not([hidden]){padding:var(--tct-scale-2, var(--app-scale-2, 10px));min-height:44px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;cursor:pointer}.q2-option-container[aria-disabled='true']{cursor:not-allowed;opacity:var(--tct-disabled-opacity, var(--app-disabled-opacity, 0.4))}.q2-option-container:not([aria-disabled='true']):hover,:host([active]) .q2-option-container,:host(:focus) .q2-option-container{background-color:var(--tct-option-active-bg, var(--tct-gray-14, var(--app-gray-14, var(--tct-gray-l3, var(--app-gray-l3, #f2f2f2)))));color:var(--tct-option-active-font-color, inherit)}.q2-option-selection{-ms-flex:0 0 var(--q2-option-selected-icon-size);flex:0 0 var(--q2-option-selected-icon-size);margin-right:var(--tct-scale-1, var(--app-scale-1, 5px))}.q2-option-selection-icon{width:var(--q2-option-selected-icon-size);height:var(--q2-option-selected-icon-size)}.q2-option-content{-ms-flex:1 1 auto;flex:1 1 auto}:host(:not([multiline])) .q2-option-content{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}";
8
8
 
9
9
  const Q2Option = class {
10
10
  constructor(hostRef) {
package/dist/cjs/q2-radio.cjs.entry.js CHANGED
@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  const index$1 = require('./index-56373ad4.js');
6
6
  const index$2 = require('./index-e73482dc.js');
7
7
 
8
- const stylesCss = "*{-webkit-box-sizing:border-box;box-sizing:border-box}*:active{outline:none}*:focus{outline:none;-webkit-box-shadow:var(--const-global-focus);box-shadow:var(--const-global-focus)}:host{-webkit-box-shadow:none !important;box-shadow:none !important}::-moz-focus-inner{border:none}input,button{font-family:inherit;font-size:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}q2-radio{margin-top:var(--tct-radio-margin-vertical, var(--tct-scale-2, 10px));margin-right:var(--tct-radio-margin-horizontal, var(--tct-scale-3, 15px));display:block}q2-radio .radio-container{margin-bottom:var(--tct-radio-margin-vertical, var(--tct-scale-2, 10px))}q2-radio .radio-container svg{border-radius:50%;-webkit-transition:-webkit-box-shadow var(--tct-tween-1, var(--app-tween-1, 0.2s ease));transition:-webkit-box-shadow var(--tct-tween-1, var(--app-tween-1, 0.2s ease));transition:box-shadow var(--tct-tween-1, var(--app-tween-1, 0.2s ease));transition:box-shadow var(--tct-tween-1, var(--app-tween-1, 0.2s ease)), -webkit-box-shadow var(--tct-tween-1, var(--app-tween-1, 0.2s ease));outline:0;margin:2px var(--tct-scale-1, var(--app-scale-1, 5px)) 2px 2px}q2-radio .radio-container circle:nth-child(1){stroke-width:2;stroke:var(--tct-radio-stroke-color, var(--tct-gray-l1, var(--app-gray-l1, #cccccc)))}q2-radio .radio-container input:focus~label.radio-label svg{-webkit-box-shadow:var(--tct-global-focus, var(--const-global-focus, 0 0 0 2px #33b4ff));box-shadow:var(--tct-global-focus, var(--const-global-focus, 0 0 0 2px #33b4ff))}q2-radio .radio-container input:checked~label.radio-label circle:nth-child(1){background-color:var(--tct-radio-checked-bg, transparent);stroke:var(\n --tct-radio-checked-stroke-color,\n var(--tct-radio-stroke-color, var(--app-gray-l1, #cccccc))\n )}q2-radio input:checked+label .q2-radio-label-content{font-weight:var(--tct-checkbox-selected-font-weight, 600);letter-spacing:var(--tct-checkbox-selected-letter-spacing, 0.25)}q2-radio .radio-container input:focus~label.radio-label circle:nth-child(1){stroke:var(\n --tct-radio-focus-stroke-color,\n var(--tct-checkbox-check-stroke-color, var(--t-checkbox-fill, #2e2e2e))\n )}q2-radio .radio-container input:checked~label.radio-label circle:nth-child(2){fill:var(\n --tct-radio-checked-fill,\n var(--tct-checkbox-check-stroke-color, var(--t-checkbox-fill, #2e2e2e))\n )}q2-radio .radio-tile input:disabled~label.radio-label,q2-radio .radio-container input:disabled~label.radio-label{cursor:not-allowed;opacity:var(--tct-disabled-opacity, var(--app-disabled-opacity, 0.4))}q2-radio .radio-container label.radio-label{font-weight:var(--tct-radio-font-weight, var(--tct-checkbox-font-weight, 400));display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;cursor:pointer;margin-right:1rem}q2-radio .radio-tile{-ms-flex-preferred-size:100px;flex-basis:100px;-ms-flex-positive:0;flex-grow:0;-ms-flex-wrap:wrap;flex-wrap:wrap}q2-radio .radio-tile label{-ms-flex-align:center;align-items:center;border-radius:3px;border:2px solid var(--tct-radio-stroke-color, var(--app-gray-l1, #cccccc));cursor:pointer;display:block;padding:1rem;position:relative;text-align:center;-webkit-transition:border-color var(--tct-tween-1, var(--app-tween-1, 0.2s ease));transition:border-color var(--tct-tween-1, var(--app-tween-1, 0.2s ease));white-space:nowrap}q2-radio .radio-tile input:focus+label{border-color:#0079c1;-webkit-box-shadow:var(--tct-global-focus, var(--const-global-focus, 0 0 0 2px #33b4ff));box-shadow:var(--tct-global-focus, var(--const-global-focus, 0 0 0 2px #33b4ff))}q2-radio .radio-tile input:checked+label{border-color:var(--tct-checkbox-check-stroke-color, var(--t-checkbox-fill, #2e2e2e));-webkit-box-shadow:inset 0 0 0 2px #ffffff;box-shadow:inset 0 0 0 2px #ffffff}q2-radio .radio-tile input:checked+label:after{border-bottom-width:3px;border-bottom:5px solid #0079c1;border-left-width:5px;border-left:8px solid transparent;border-right-width:5px;border-right:8px solid transparent;bottom:0;content:'';height:0;left:50%;margin-left:-5px;position:absolute;width:0}";
8
+ const stylesCss = "*{-webkit-box-sizing:border-box;box-sizing:border-box}*:active{outline:none}*:focus{outline:none;-webkit-box-shadow:var(--const-global-focus);box-shadow:var(--const-global-focus)}:host{-webkit-box-shadow:none !important;box-shadow:none !important}::-moz-focus-inner{border:none}input,button{font-family:inherit;font-size:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}q2-radio{margin-top:var(--tct-radio-margin-vertical, var(--tct-scale-2, 10px));margin-right:var(--tct-radio-margin-horizontal, var(--tct-scale-3, 15px));display:block}q2-radio .radio-container{margin-bottom:var(--tct-radio-margin-vertical, var(--tct-scale-2, 10px))}q2-radio .radio-container svg{border-radius:50%;-webkit-transition:-webkit-box-shadow var(--tct-tween-1, var(--app-tween-1, 0.2s ease));transition:-webkit-box-shadow var(--tct-tween-1, var(--app-tween-1, 0.2s ease));transition:box-shadow var(--tct-tween-1, var(--app-tween-1, 0.2s ease));transition:box-shadow var(--tct-tween-1, var(--app-tween-1, 0.2s ease)), -webkit-box-shadow var(--tct-tween-1, var(--app-tween-1, 0.2s ease));outline:0;margin:2px var(--tct-scale-1, var(--app-scale-1, 5px)) 2px 2px}q2-radio .radio-container circle:nth-child(1){stroke-width:2;stroke:var(--tct-radio-stroke-color, var(--tct-gray-11, var(--app-gray-11, var(--tct-gray-l1, var(--app-gray-l1, #cccccc)))))}q2-radio .radio-container input:focus~label.radio-label svg{-webkit-box-shadow:var(--tct-global-focus, var(--const-global-focus, 0 0 0 2px #33b4ff));box-shadow:var(--tct-global-focus, var(--const-global-focus, 0 0 0 2px #33b4ff))}q2-radio .radio-container input:checked~label.radio-label circle:nth-child(1){background-color:var(--tct-radio-checked-bg, transparent);stroke:var(\n --tct-radio-checked-stroke-color,\n var(--tct-radio-stroke-color, var(--tct-gray-11, var(--app-gray-11, var(--tct-gray-l1, var(--app-gray-l1, #cccccc)))))\n )}q2-radio input:checked+label .q2-radio-label-content{font-weight:var(--tct-checkbox-selected-font-weight, 600);letter-spacing:var(--tct-checkbox-selected-letter-spacing, 0.25)}q2-radio .radio-container input:focus~label.radio-label circle:nth-child(1){stroke:var(\n --tct-radio-focus-stroke-color,\n var(--tct-checkbox-check-stroke-color, var(--t-checkbox-fill, #2e2e2e))\n )}q2-radio .radio-container input:checked~label.radio-label circle:nth-child(2){fill:var(\n --tct-radio-checked-fill,\n var(--tct-checkbox-check-stroke-color, var(--t-checkbox-fill, #2e2e2e))\n )}q2-radio .radio-tile input:disabled~label.radio-label,q2-radio .radio-container input:disabled~label.radio-label{cursor:not-allowed;opacity:var(--tct-disabled-opacity, var(--app-disabled-opacity, 0.4))}q2-radio .radio-container label.radio-label{font-weight:var(--tct-radio-font-weight, var(--tct-checkbox-font-weight, 400));display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;cursor:pointer;margin-right:1rem}q2-radio .radio-tile{-ms-flex-preferred-size:100px;flex-basis:100px;-ms-flex-positive:0;flex-grow:0;-ms-flex-wrap:wrap;flex-wrap:wrap}q2-radio .radio-tile label{-ms-flex-align:center;align-items:center;border-radius:3px;border:2px solid var(--tct-radio-stroke-color, var(--tct-gray-11, var(--app-gray-11, var(--tct-gray-l1, var(--app-gray-l1, #cccccc)))));cursor:pointer;display:block;padding:1rem;position:relative;text-align:center;-webkit-transition:border-color var(--tct-tween-1, var(--app-tween-1, 0.2s ease));transition:border-color var(--tct-tween-1, var(--app-tween-1, 0.2s ease));white-space:nowrap}q2-radio .radio-tile input:focus+label{border-color:#0079c1;-webkit-box-shadow:var(--tct-global-focus, var(--const-global-focus, 0 0 0 2px #33b4ff));box-shadow:var(--tct-global-focus, var(--const-global-focus, 0 0 0 2px #33b4ff))}q2-radio .radio-tile input:checked+label{border-color:var(--tct-checkbox-check-stroke-color, var(--t-checkbox-fill, #2e2e2e));-webkit-box-shadow:inset 0 0 0 2px #ffffff;box-shadow:inset 0 0 0 2px #ffffff}q2-radio .radio-tile input:checked+label:after{border-bottom-width:3px;border-bottom:5px solid #0079c1;border-left-width:5px;border-left:8px solid transparent;border-right-width:5px;border-right:8px solid transparent;bottom:0;content:'';height:0;left:50%;margin-left:-5px;position:absolute;width:0}";
9
9
 
10
10
  const Q2Radio = class {
11
11
  constructor(hostRef) {
package/dist/cjs/q2-tab-container.cjs.entry.js CHANGED
@@ -451,7 +451,7 @@ var smoothscroll = createCommonjsModule(function (module, exports) {
451
451
  }());
452
452
  });
453
453
 
454
- const stylesCss = "*{-webkit-box-sizing:border-box;box-sizing:border-box}*:active{outline:none}*:focus{outline:none;-webkit-box-shadow:var(--const-global-focus);box-shadow:var(--const-global-focus)}:host{-webkit-box-shadow:none !important;box-shadow:none !important}::-moz-focus-inner{border:none}input,button{font-family:inherit;font-size:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}.tab-container{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.tab-list{padding:0;display:-ms-flexbox;display:flex;margin:0;list-style:none;border-bottom:1px solid\n var(--tct-tab-container-border-color, var(--tct-gray-l1, var(--app-gray-l1, #cccccc)));white-space:nowrap;overflow-x:hidden;-ms-flex-align:center;align-items:center}.tab-list li.nav{position:absolute;height:44px;width:46px}.tab-list li.nav-left{left:-15px;background:-webkit-gradient(linear, left top, right top, color-stop(60%, var(--tct-section-bg, var(--t-section-bg, #ffffff))), to(rgba(255,255,255,0)));background:linear-gradient(to right, var(--tct-section-bg, var(--t-section-bg, #ffffff)) 60%, rgba(255,255,255,0))}.tab-list li.nav-right{right:-15px;background:-webkit-gradient(linear, right top, left top, color-stop(60%, var(--tct-section-bg, var(--t-section-bg, #ffffff))), to(rgba(255,255,255,0)));background:linear-gradient(to left, var(--tct-section-bg, var(--t-section-bg, #ffffff)) 60%, rgba(255,255,255,0))}.tab-list li.nav .arrow-container{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;height:inherit;width:inherit;cursor:pointer}.tab-list li.nav .arrow-container a{padding:0;margin:0;height:inherit;width:inherit;border-bottom:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.tab-list li.nav .arrow-container a q2-icon{width:19px;height:19px}.tab-list a{width:var(--tct-tab-hover-width, var(--t-tab-hover-width, 100%));text-align:center;text-decoration:none;padding:var(--tct-scale-2, var(--app-scale-2, 10px));margin:var(--tct-scale-1, var(--app-scale-1, 5px)) var(--tct-scale-1, var(--app-scale-1, 5px))\n 0;color:var(--tct-tab-inactive-color, var(--t-tab-inactive, inherit));font-size:var(--tct-tab-font-size, var(--t-tab-font-size, 17px));border-bottom:3px solid transparent;display:block;-webkit-transition:color var(--tct-tween-2, var(--app-tween-2, 0.4s ease)),\n border-color var(--tct-tween-1, var(--app-tween-1, 0.2s ease));transition:color var(--tct-tween-2, var(--app-tween-2, 0.4s ease)),\n border-color var(--tct-tween-1, var(--app-tween-1, 0.2s ease))}:host([type='section']) .tab-list a{font-size:inherit;padding:var(--tct-scale-2, var(--app-scale-2, 10px))\n var(--tct-scale-1, var(--app-scale-1, 5px))}@media screen and (max-width: 767px){.tab-list a{font-size:inherit;padding:var(--tct-scale-2, var(--app-scale-2, 10px))\n var(--tct-scale-1, var(--app-scale-1, 5px))}}.tab-list a:hover{color:var(--tct-tab-active-color, var(--t-tab-active, #2e2e2e));background-color:var(--tct-tab-hover-bg-color, var(--t-tab-hover-bg-color, inherit));width:var(--tct-tab-hover-width, var(--t-tab-hover-width, 100%))}.tab-list a[aria-selected='true']{color:var(--tct-tab-active-color, var(--t-tab-active, #2e2e2e));border-color:currentColor;width:var(--tct-tab-active-width, var(--t-tab-active-width, 100%));background-color:var(--tct-tab-active-bg-color, var(--t-tab-active-bg-color, inherit))}:host([color='alt']) .tab-list a{color:var(--tct-tab-alt-inactive-color, var(--t-tab-alt-inactive, inherit))}:host([color='alt']) .tab-list a:hover,:host([color='alt']) .tab-list a[aria-selected='true']{color:var(--tct-tab-alt-active-color, var(--t-tab-alt-active, inherit))}.tab-content{padding:var(--tct-scale-2, var(--app-scale-2, 10px)) 0}";
454
+ const stylesCss = "*{-webkit-box-sizing:border-box;box-sizing:border-box}*:active{outline:none}*:focus{outline:none;-webkit-box-shadow:var(--const-global-focus);box-shadow:var(--const-global-focus)}:host{-webkit-box-shadow:none !important;box-shadow:none !important}::-moz-focus-inner{border:none}input,button{font-family:inherit;font-size:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}.tab-container{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.tab-list{padding:0;display:-ms-flexbox;display:flex;margin:0;list-style:none;border-bottom:1px solid\n var(--tct-tab-container-border-color, var(--tct-gray-11, var(--app-gray-11, var(--tct-gray-l1, var(--app-gray-l1, #cccccc)))));white-space:nowrap;overflow-x:hidden;-ms-flex-align:center;align-items:center}.tab-list li.nav{position:absolute;height:44px;width:46px}.tab-list li.nav-left{left:-15px;background:-webkit-gradient(linear, left top, right top, color-stop(60%, var(--tct-section-bg, var(--t-section-bg, #ffffff))), to(rgba(255,255,255,0)));background:linear-gradient(to right, var(--tct-section-bg, var(--t-section-bg, #ffffff)) 60%, rgba(255,255,255,0))}.tab-list li.nav-right{right:-15px;background:-webkit-gradient(linear, right top, left top, color-stop(60%, var(--tct-section-bg, var(--t-section-bg, #ffffff))), to(rgba(255,255,255,0)));background:linear-gradient(to left, var(--tct-section-bg, var(--t-section-bg, #ffffff)) 60%, rgba(255,255,255,0))}.tab-list li.nav .arrow-container{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;height:inherit;width:inherit;cursor:pointer}.tab-list li.nav .arrow-container a{padding:0;margin:0;height:inherit;width:inherit;border-bottom:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.tab-list li.nav .arrow-container a q2-icon{width:19px;height:19px}.tab-list a{width:var(--tct-tab-hover-width, var(--t-tab-hover-width, 100%));text-align:center;text-decoration:none;padding:var(--tct-scale-2, var(--app-scale-2, 10px));margin:var(--tct-scale-1, var(--app-scale-1, 5px)) var(--tct-scale-1, var(--app-scale-1, 5px))\n 0;color:var(--tct-tab-inactive-color, var(--t-tab-inactive, inherit));font-size:var(--tct-tab-font-size, var(--t-tab-font-size, 17px));border-bottom:3px solid transparent;display:block;-webkit-transition:color var(--tct-tween-2, var(--app-tween-2, 0.4s ease)),\n border-color var(--tct-tween-1, var(--app-tween-1, 0.2s ease));transition:color var(--tct-tween-2, var(--app-tween-2, 0.4s ease)),\n border-color var(--tct-tween-1, var(--app-tween-1, 0.2s ease))}:host([type='section']) .tab-list a{font-size:inherit;padding:var(--tct-scale-2, var(--app-scale-2, 10px))\n var(--tct-scale-1, var(--app-scale-1, 5px))}@media screen and (max-width: 767px){.tab-list a{font-size:inherit;padding:var(--tct-scale-2, var(--app-scale-2, 10px))\n var(--tct-scale-1, var(--app-scale-1, 5px))}}.tab-list a:hover{color:var(--tct-tab-active-color, var(--t-tab-active, #2e2e2e));background-color:var(--tct-tab-hover-bg-color, var(--t-tab-hover-bg-color, inherit));width:var(--tct-tab-hover-width, var(--t-tab-hover-width, 100%))}.tab-list a[aria-selected='true']{color:var(--tct-tab-active-color, var(--t-tab-active, #2e2e2e));border-color:currentColor;width:var(--tct-tab-active-width, var(--t-tab-active-width, 100%));background-color:var(--tct-tab-active-bg-color, var(--t-tab-active-bg-color, inherit))}:host([color='alt']) .tab-list a{color:var(--tct-tab-alt-inactive-color, var(--t-tab-alt-inactive, inherit))}:host([color='alt']) .tab-list a:hover,:host([color='alt']) .tab-list a[aria-selected='true']{color:var(--tct-tab-alt-active-color, var(--t-tab-alt-active, inherit))}.tab-content{padding:var(--tct-scale-2, var(--app-scale-2, 10px)) 0}";
455
455
 
456
456
  // enable scroll animation polyfill only on safari
457
457
  const userAgent = navigator.userAgent.toLowerCase();
package/dist/collection/components/q2-btn/styles.css CHANGED
@@ -170,7 +170,7 @@ button:disabled {
170
170
  :host([intent="workflow-primary"]) button:enabled:hover,
171
171
  :host([intent="workflow-primary"]) button:enabled:focus,
172
172
  :host([intent="workflow-primary"]) button:enabled:active {
173
- background: var(--tct-btn-primary-hover-bg, var(--t-button-primary-hover-bg, var(--tct-gray-d2, var(--app-gray-d2, #404040))));
173
+ background: var(--tct-btn-primary-hover-bg, var(--t-button-primary-hover-bg, var(--tct-gray-5, var(--app-gray-5, var(--tct-gray-d2, var(--app-gray-d2, #404040))))));
174
174
  color: var(--tct-btn-primary-hover-font-color, var(--t-button-primary-hover-font-color, var(--tct-white, var(--app-white,#FFFFFF))));
175
175
  border-color: var(--tct-btn-primary-hover-border-color, var(--tct-btn-primary-border-color, transparent));
176
176
  }
@@ -213,7 +213,7 @@ button:disabled {
213
213
  :host([intent="workflow-secondary"]) button:enabled:hover,
214
214
  :host([intent="workflow-secondary"]) button:enabled:focus,
215
215
  :host([intent="workflow-secondary"]) button:enabled:active {
216
- background: var(--tct-btn-secondary-hover-bg, var(--t-button-default-hover-bg, var(--tct-gray-d2, var(--app-gray-d2, #404040))));
216
+ background: var(--tct-btn-secondary-hover-bg, var(--t-button-default-hover-bg, var(--tct-gray-5, var(--app-gray-5, var(--tct-gray-d2, var(--app-gray-d2, #404040))))));
217
217
  color: var(--tct-btn-secondary-hover-font-color, var(--t-button-default-hover-font-color, var(--tct-white, var(--app-white, #FFFFFF))));
218
218
  border-color: var(--tct-btn-secondary-hover-border-color, var(--tct-btn-secondary-border-color, transparent));
219
219
  }
@@ -240,7 +240,7 @@ button:disabled {
240
240
 
241
241
  :host([intent="neutral"]) button {
242
242
  background: var(--q2-btn-neutral-bg, var(--tct-btn-neutral-bg, transparent));
243
- color: var(--q2-btn-neutral-font-color, var(--tct-btn-neutral-font-color, var(--t-button-neutral-font-color, var(--tct-black, var(--app-black, #0d0d0d)))));
243
+ color: var(--q2-btn-neutral-font-color, var(--tct-btn-neutral-font-color, var(--t-button-neutral-font-color, var(--tct-gray-1, var(--app-gray-1, var(--tct-black, var(--app-black, #0d0d0d)))))));
244
244
  border-color: var(--tct-btn-neutral-border-color, transparent);
245
245
  border-width: var(--tct-btn-neutral-border-width, 0);
246
246
  border-radius: var(--tct-btn-neutral-border-radius, var(--tct-border-radius-1, var(--app-border-radius-1, 3px)));
@@ -282,11 +282,11 @@ button:disabled {
282
282
 
283
283
  :host([icon]) button:hover,
284
284
  :host([icon]) button:focus {
285
- background-color: var(--tct-btn-icon-hover-bg, var(--tct-gray-l3, var(--app-gray-l3, #F2F2F2)));
285
+ background-color: var(--tct-btn-icon-hover-bg, var(--tct-gray-14, var(--app-gray-14, var(--tct-gray-l3, var(--app-gray-l3, #F2F2F2)))));
286
286
  }
287
287
 
288
288
  :host([icon][active]) button {
289
- background-color: var(--tct-btn-icon-active-bg, var(--tct-btn-icon-hover-bg, var(--tct-gray-l3, var(--app-gray-l3, #F2F2F2))));
289
+ background-color: var(--tct-btn-icon-active-bg, var(--tct-btn-icon-hover-bg, ar(--tct-gray-14, var(--app-gray-14, var(--tct-gray-l3, var(--app-gray-l3, #F2F2F2))))));
290
290
  }
291
291
 
292
292
  :host([icon]) button:hover *,
@@ -310,8 +310,8 @@ button:disabled {
310
310
  }
311
311
 
312
312
  :host([badge]:hover) button:enabled {
313
- background-color: var(--tct-btn-badge-hover-bg, var(--tct-gray-l3, var(--app-gray-l3, #F2F2F2)));
314
- color: var(--tct-btn-badge-hover-font-color, var(--tct-gray-d2, var(--app-gray-d2, #404040)));
313
+ background-color: var(--tct-btn-badge-hover-bg, var(--tct-gray-14, var(--app-gray-14, var(--tct-gray-l3, var(--app-gray-l3, #F2F2F2)))));
314
+ color: var(--tct-btn-badge-hover-font-color, var(--tct-gray-5, var(--app-gray-5, var(--tct-gray-d2, var(--app-gray-d2, #404040)))));
315
315
  }
316
316
 
317
317
  :host(.selected[badge]) button,
package/dist/collection/components/q2-calendar/styles.css CHANGED
@@ -177,14 +177,14 @@ q2-input {
177
177
  }
178
178
 
179
179
  .is-valid:hover {
180
- background-color: var(--tct-calendar-day-hover-bg, var(--tct-gray-l3, var(--app-gray-l3, #f2f2f2)));
180
+ background-color: var(--tct-calendar-day-hover-bg, var(--tct-gray-14, var(--app-gray14, var(--tct-gray-l4, var(--app-gray-l4, #f2f2f2)))));
181
181
  color: var(--tct-calendar-day-hover-font-color, inherit);
182
182
  }
183
183
 
184
184
  .is-valid.is-selected {
185
185
  background-color: var(
186
186
  --tct-calendar-day-selected-bg,
187
- var(--tct-calendar-day-hover-bg, var(--tct-gray-l3, var(--app-gray-l3, #f2f2f2)))
187
+ var(--tct-calendar-day-hover-bg, var(--tct-gray-14, var(--app-gray-14, var(--tct-gray-l4,var(--app-gray-l4, #f2f2f2)))));
188
188
  );
189
189
  color: var(
190
190
  --tct-calendar-day-selected-font-color,
@@ -242,7 +242,7 @@ q2-input {
242
242
  var(--tct-font-size-small, var(--app-font-size-small, 12px))
243
243
  );
244
244
  border-top: 1px solid
245
- var(--tct-calendar-disclaimer-border-color, var(--tct-gray-l2, var(--app-gray-l2, #e6e6e6)));
245
+ var(--tct-calendar-disclaimer-border-color, var(--tct-gray-13, var(--app-gray-13, var(--tct-gray-l3, var(--app-gray-l3, #e6e6e6)))));
246
246
  padding: var(--tct-calendar-disclaimer-padding, var(--tct-scale-2, var(--app-scale-2, 10px)));
247
247
  text-align: left;
248
248
  }
package/dist/collection/components/q2-carousel/styles.css CHANGED
@@ -70,7 +70,7 @@ q2-carousel button:hover {
70
70
  height: 12px;
71
71
  width: 12px;
72
72
  border-radius: 50%;
73
- background-color: var(---tct-carousel-pagination-inactive-color, var(--tct-gray-l1, var(--app-gray-l1, #CCCCCC)));
73
+ background-color: var(---tct-carousel-pagination-inactive-color, var(--tct-gray-11, var(--app-gray-11, var(--tct-grayl1, var(--app-gray-l1,#CCCCCC)))));
74
74
  margin-right: .5rem;
75
75
  padding: 0;
76
76
  border: 0;
@@ -188,7 +188,7 @@ q2-carousel .insufficient-panes-header strong {
188
188
  q2-carousel .insufficient-pane-feedback {
189
189
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.25);
190
190
  background-color: var(---tct-carousel-background-color, var(--tct-white, var(--app-white, #ffffff)));
191
- border: var(--tct-carousel-pane-border-width, 1px) solid var(--tct-carousel-pane-border-color, var(--tct-gray-l1, var(--app-gray-l1, #CCCCCC)));
191
+ border: var(--tct-carousel-pane-border-width, 1px) solid var(--tct-carousel-pane-border-color, var(--tct-gray-11, var(--app-gray-11, var(--tct-gray-l1, var(--app-grayl1, #CCCCCC)))));
192
192
  border-radius: var(--tct-carousel-pane-border-radius, 8px);
193
193
  padding: var(--tct-carousel-pane-padding, .5rem .5rem .5rem .5rem);
194
194
  min-height: 10em;
package/dist/collection/components/q2-carousel-pane/styles.css CHANGED
@@ -10,7 +10,7 @@ q2-carousel .swiper-slide {
10
10
  .q2-carousel-pane .q2-carousel-pane-main-content {
11
11
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.25);
12
12
  background-color: var(---tct-carousel-background-color, var(--tct-white, var(--app-white, #ffffff)));
13
- border: var(--tct-carousel-pane-border-width, 1px) solid var(--tct-carousel-pane-border-color, var(--tct-gray-l1, var(--app-gray-l1, #cccccc)));
13
+ border: var(--tct-carousel-pane-border-width, 1px) solid var(--tct-carousel-pane-border-color, var(--tct-gray-11, var(--app-gray-11, var(--tct-gray-l1, var(--app-gray-l1,#cccccc)))));
14
14
  border-radius: var(--tct-carousel-pane-border-radius, 8px);
15
15
  padding: var(--tct-carousel-pane-padding, .5rem .5rem .5rem .5rem);
16
16
  min-height: 10em;