@esri/calcite-components 5.2.0-next.22 → 5.2.0-next.24

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 (225) hide show
  1. package/dist/cdn/{4VBSTWOV.js → 2QCMFMLY.js} +1 -1
  2. package/dist/cdn/{C3X7CRMS.js → 2RPXIBWE.js} +1 -1
  3. package/dist/cdn/2SF4WITS.js +2 -0
  4. package/dist/cdn/{RFA26G4S.js → 2SUOKAMW.js} +1 -1
  5. package/dist/cdn/{CXNFOACP.js → 2XLQPSOW.js} +1 -1
  6. package/dist/cdn/{OOMTSLWC.js → 33SOEGHX.js} +1 -1
  7. package/dist/cdn/{KIL2QSDF.js → 36R2BZ4C.js} +1 -1
  8. package/dist/cdn/{XHW7QUXM.js → 3LU3J5TB.js} +1 -1
  9. package/dist/cdn/{6GB7EFOV.js → 3MMI6PZM.js} +1 -1
  10. package/dist/cdn/{4Q6CYRBV.js → 3Q34HSKA.js} +1 -1
  11. package/dist/cdn/{P4VOPVIT.js → 3RJV46KS.js} +1 -1
  12. package/dist/cdn/3RQC275N.js +2 -0
  13. package/dist/cdn/{O26T5SDI.js → 3VD5LQJ5.js} +1 -1
  14. package/dist/cdn/{4OAUCEKF.js → 4DIMU6QD.js} +1 -1
  15. package/dist/cdn/{OIX6UKMC.js → 4LVHJRJ5.js} +1 -1
  16. package/dist/cdn/4PFMGWRJ.js +2 -0
  17. package/dist/cdn/{5FQCDEG4.js → 4UFFN3VM.js} +1 -1
  18. package/dist/cdn/{2MPKR2JY.js → 4VBI733W.js} +1 -1
  19. package/dist/cdn/{P5E4K2YU.js → 53PNWBFM.js} +1 -1
  20. package/dist/cdn/{OIO5CL6R.js → 5EBGPCB7.js} +1 -1
  21. package/dist/cdn/{WMTGARUS.js → 5EXZOLMW.js} +1 -1
  22. package/dist/cdn/5NHWJ32X.js +2 -0
  23. package/dist/cdn/{WDIF62Z2.js → 5TKQENT2.js} +1 -1
  24. package/dist/cdn/{3BGOYU56.js → 5W5FGFML.js} +1 -1
  25. package/dist/cdn/{DNUGPVHP.js → 62Y53IUP.js} +1 -1
  26. package/dist/cdn/{JTTSFUPV.js → 64CXTH73.js} +1 -1
  27. package/dist/cdn/{36BS3JSS.js → 6CJJGR2D.js} +1 -1
  28. package/dist/cdn/{4EWVFZVO.js → 6ENTE44N.js} +1 -1
  29. package/dist/cdn/{Q3JBPJGU.js → 6LW75OFQ.js} +1 -1
  30. package/dist/cdn/{QB2GHJ47.js → 73MVINMR.js} +1 -1
  31. package/dist/cdn/{GGG7ADWH.js → A3D4HQZC.js} +1 -1
  32. package/dist/cdn/{UWE72ONC.js → A3W4GT7L.js} +1 -1
  33. package/dist/cdn/{FGDLWATP.js → A4LFU7PD.js} +1 -1
  34. package/dist/cdn/{VLCGJHDC.js → A4XKXSUF.js} +1 -1
  35. package/dist/cdn/{KFOVOJVM.js → A62GLZJ2.js} +1 -1
  36. package/dist/cdn/{MBF6BKRT.js → AIITDYTD.js} +1 -1
  37. package/dist/cdn/{2LFPI2WZ.js → AIYUJEZO.js} +1 -1
  38. package/dist/cdn/{27GD5MNT.js → AXK7ZG2K.js} +1 -1
  39. package/dist/cdn/{UTTRKYQD.js → BBVTXQR6.js} +1 -1
  40. package/dist/cdn/{MTUZXCYG.js → BCHGB7QR.js} +1 -1
  41. package/dist/cdn/{GAVZISN7.js → BCSAOJEH.js} +1 -1
  42. package/dist/cdn/{KARX5DKV.js → BCXNQWLL.js} +1 -1
  43. package/dist/cdn/{HQLBVFSX.js → BHFQ4AGH.js} +1 -1
  44. package/dist/cdn/{PSZVYI3V.js → BPHGOBYG.js} +1 -1
  45. package/dist/cdn/{J4UD4FXA.js → C2P3H532.js} +1 -1
  46. package/dist/cdn/{V3MMSNQV.js → C4K7UKPW.js} +1 -1
  47. package/dist/cdn/{IFKLH4KA.js → CWLRA3MO.js} +1 -1
  48. package/dist/cdn/{LRPTBBVX.js → D2VKTZSJ.js} +1 -1
  49. package/dist/cdn/D4XL7XXX.js +2 -0
  50. package/dist/cdn/{BGSARPRI.js → D6LTLYJP.js} +1 -1
  51. package/dist/cdn/{2WNP5CYX.js → D6TDQJJO.js} +1 -1
  52. package/dist/cdn/DASCHY4S.js +2 -0
  53. package/dist/cdn/{OUGMNLTX.js → DCVGASJR.js} +1 -1
  54. package/dist/cdn/DKJI4BME.js +2 -0
  55. package/dist/cdn/{CPDXOHFE.js → DOUVRUOH.js} +1 -1
  56. package/dist/cdn/{YXQ2XC5W.js → DPI5XYJD.js} +1 -1
  57. package/dist/cdn/{26OLHRNL.js → DQTRUHEA.js} +1 -1
  58. package/dist/cdn/DTFPKPYY.js +2 -0
  59. package/dist/cdn/{T5HXYYVY.js → DWHFZOJG.js} +1 -1
  60. package/dist/cdn/E3UPRP7F.js +2 -0
  61. package/dist/cdn/{JAGZGJRH.js → E6TLVPEG.js} +1 -1
  62. package/dist/cdn/{PK7RJ6YJ.js → E7CBU7KA.js} +1 -1
  63. package/dist/cdn/{22KVAN6L.js → ELJJJX53.js} +1 -1
  64. package/dist/cdn/{BCOAKRTT.js → ELZSRXJN.js} +1 -1
  65. package/dist/cdn/{Y6EXOUZ5.js → EMYTVLMO.js} +1 -1
  66. package/dist/cdn/{SBMXV7O2.js → F5BALHXV.js} +1 -1
  67. package/dist/cdn/FIJR273R.js +2 -0
  68. package/dist/cdn/GB6FN7CM.js +2 -0
  69. package/dist/cdn/{NTYOA6QA.js → GNW37PGK.js} +1 -1
  70. package/dist/cdn/GQCJUPW7.js +2 -0
  71. package/dist/cdn/GQVNQ7OT.js +2 -0
  72. package/dist/cdn/{OYEIXDDT.js → GV3EJHKZ.js} +1 -1
  73. package/dist/cdn/{I36L52VX.js → GY3X2ZOY.js} +1 -1
  74. package/dist/cdn/{365NYBL5.js → HRK7GL5U.js} +1 -1
  75. package/dist/cdn/{ILK3JG5G.js → I6WVJ3GW.js} +1 -1
  76. package/dist/cdn/{HQP7FLV2.js → IAOMFAIV.js} +1 -1
  77. package/dist/cdn/IEJJHN6V.js +2 -0
  78. package/dist/cdn/{URMDF7RR.js → IR67XJSK.js} +1 -1
  79. package/dist/cdn/{2LRCVGFE.js → JEBOYGKS.js} +1 -1
  80. package/dist/cdn/{VLAD23FH.js → KGSUMQK6.js} +1 -1
  81. package/dist/cdn/{W5TIKXCX.js → KJ2AY64U.js} +1 -1
  82. package/dist/cdn/KOXPXPRR.js +2 -0
  83. package/dist/cdn/{E333LJCL.js → KU7LDL6J.js} +1 -1
  84. package/dist/cdn/{IRSSE2TG.js → KYABHN4E.js} +1 -1
  85. package/dist/cdn/{C37KUE54.js → KYD4GPON.js} +1 -1
  86. package/dist/cdn/{ZLSHN26H.js → KYIQQJCU.js} +1 -1
  87. package/dist/cdn/{UG4RNAUM.js → L3ZFB4YI.js} +1 -1
  88. package/dist/cdn/{MOW4Z6WN.js → LB4Y4BU4.js} +1 -1
  89. package/dist/cdn/{XUNX6H3T.js → LPSUUCDF.js} +1 -1
  90. package/dist/cdn/{3O3QMWZN.js → LVAMHAIR.js} +1 -1
  91. package/dist/cdn/M6YZ46C5.js +2 -0
  92. package/dist/cdn/{VJO2RT4P.js → MAYMYGHP.js} +1 -1
  93. package/dist/cdn/{SBNPDCMJ.js → MI52MQHY.js} +1 -1
  94. package/dist/cdn/{DWIXUKFP.js → MIXN26LN.js} +1 -1
  95. package/dist/cdn/{AXK4A4Z3.js → NH4WPQT5.js} +1 -1
  96. package/dist/cdn/{BNFDKGXS.js → NHCFVPJN.js} +1 -1
  97. package/dist/cdn/{7XTYYWT7.js → NHJJGOSD.js} +1 -1
  98. package/dist/cdn/{IWTJ2TMP.js → NO5C7M2G.js} +1 -1
  99. package/dist/cdn/{EAPHW7UM.js → NQWQFXKK.js} +1 -1
  100. package/dist/cdn/O6R6PDOP.js +2 -0
  101. package/dist/cdn/{JDSOESSY.js → OCP7BNRD.js} +1 -1
  102. package/dist/cdn/OJVSPIVF.js +2 -0
  103. package/dist/cdn/{QBU65K3X.js → OKTPXYWF.js} +1 -1
  104. package/dist/cdn/{TKHGW3AN.js → ONJZATUT.js} +1 -1
  105. package/dist/cdn/{AYZOCQGM.js → ORSP4YVL.js} +1 -1
  106. package/dist/cdn/{U2XR24PN.js → P3LWRKZW.js} +1 -1
  107. package/dist/cdn/{LKHTGXQM.js → P3W5KF7P.js} +1 -1
  108. package/dist/cdn/{QAZD3KBU.js → PFKU63CI.js} +1 -1
  109. package/dist/cdn/{QQDQTFWB.js → PM5LDKID.js} +1 -1
  110. package/dist/cdn/{TUQOCSQ3.js → POGQGFRZ.js} +1 -1
  111. package/dist/cdn/POITQYOX.js +2 -0
  112. package/dist/cdn/{BOU3QBXS.js → PR323OIR.js} +1 -1
  113. package/dist/cdn/{776O2XKF.js → Q2BOPZRE.js} +1 -1
  114. package/dist/cdn/{HAA7VHRS.js → Q2UZ4NJE.js} +1 -1
  115. package/dist/cdn/{STXD74FG.js → Q3RTTOUM.js} +1 -1
  116. package/dist/cdn/{PBO36O4D.js → QIH4YTMA.js} +1 -1
  117. package/dist/cdn/{W3TXJCVC.js → QTKLUBTW.js} +1 -1
  118. package/dist/cdn/{N4DITOIV.js → RJRBUL4P.js} +1 -1
  119. package/dist/cdn/SBCJ2GOY.js +2 -0
  120. package/dist/cdn/{J2NKWN2H.js → SCYHKGPW.js} +1 -1
  121. package/dist/cdn/{T2SWBJAS.js → SQ4QP3T2.js} +1 -1
  122. package/dist/cdn/SWXEG6QR.js +2 -0
  123. package/dist/cdn/{L7LWNCET.js → T32EPAFR.js} +1 -1
  124. package/dist/cdn/TUAYKQAD.js +2 -0
  125. package/dist/cdn/{I4BLJ23F.js → TYX2PKVM.js} +1 -1
  126. package/dist/cdn/{JKOKCCAM.js → UFT4E2IF.js} +1 -1
  127. package/dist/cdn/{44T5D4QY.js → UHAVTL4I.js} +1 -1
  128. package/dist/cdn/{CRYL5XII.js → UM3DNEXB.js} +1 -1
  129. package/dist/cdn/{54XHABHA.js → USHV7YR7.js} +1 -1
  130. package/dist/cdn/USVD5K4G.js +2 -0
  131. package/dist/cdn/{UE3S7ZG4.js → VCKK6NHV.js} +1 -1
  132. package/dist/cdn/VF5V6EZL.js +2 -0
  133. package/dist/cdn/{GHDKS4TD.js → VOCKM3G2.js} +1 -1
  134. package/dist/cdn/VVDI73XQ.js +2 -0
  135. package/dist/cdn/{4QJDFAKO.js → VWZLBNJL.js} +1 -1
  136. package/dist/cdn/VYITDJKP.js +2 -0
  137. package/dist/cdn/{FNWWNIIJ.js → WC5I5HAO.js} +1 -1
  138. package/dist/cdn/{YPYJCWEB.js → WDWP6EBB.js} +1 -1
  139. package/dist/cdn/{W22VSWB3.js → WHXCD5S3.js} +1 -1
  140. package/dist/cdn/{IPZXZHRH.js → X2WS6WI2.js} +1 -1
  141. package/dist/cdn/XRRQX2EJ.js +2 -0
  142. package/dist/cdn/{Z7FMYELP.js → XSH6NNUN.js} +1 -1
  143. package/dist/cdn/{YCIZDPEF.js → XX4NT4Z6.js} +1 -1
  144. package/dist/cdn/{OHGWP3KV.js → Y4NMF236.js} +1 -1
  145. package/dist/cdn/{NVFZLHGS.js → YEH7JU5T.js} +1 -1
  146. package/dist/cdn/{7GRTCXLC.js → Z2D7O3Q2.js} +1 -1
  147. package/dist/cdn/{TQSEINDL.js → Z4AQAAZB.js} +1 -1
  148. package/dist/cdn/{OT37LOCF.js → ZD6R5LP6.js} +1 -1
  149. package/dist/cdn/{WMXQZVKU.js → ZHJKWLFH.js} +1 -1
  150. package/dist/cdn/ZJ77S6YD.js +2 -0
  151. package/dist/cdn/index.js +1 -1
  152. package/dist/chunks/dom.js +2 -2
  153. package/dist/chunks/floating-ui.js +23 -13
  154. package/dist/chunks/label.js +1 -140
  155. package/dist/chunks/runtime.js +4 -4
  156. package/dist/chunks/useForm.js +1 -1
  157. package/dist/chunks/useInlineEditable.js +53 -0
  158. package/dist/chunks/useLabel.js +150 -0
  159. package/dist/components/calcite-accordion-item/customElement.js +1 -1
  160. package/dist/components/calcite-autocomplete/customElement.js +3 -3
  161. package/dist/components/calcite-autocomplete-item/customElement.js +1 -1
  162. package/dist/components/calcite-button/customElement.js +3 -3
  163. package/dist/components/calcite-checkbox/customElement.js +3 -9
  164. package/dist/components/calcite-combobox/customElement.js +3 -3
  165. package/dist/components/calcite-combobox-item/customElement.js +1 -1
  166. package/dist/components/calcite-dropdown/customElement.js +1 -1
  167. package/dist/components/calcite-inline-editable/customElement.d.ts +10 -6
  168. package/dist/components/calcite-inline-editable/customElement.js +30 -18
  169. package/dist/components/calcite-inline-editable/index.js +1 -1
  170. package/dist/components/calcite-input/customElement.d.ts +31 -0
  171. package/dist/components/calcite-input/customElement.js +95 -12
  172. package/dist/components/calcite-input-date-picker/customElement.js +3 -3
  173. package/dist/components/calcite-input-number/customElement.d.ts +31 -0
  174. package/dist/components/calcite-input-number/customElement.js +85 -9
  175. package/dist/components/calcite-input-text/customElement.d.ts +31 -0
  176. package/dist/components/calcite-input-text/customElement.js +83 -15
  177. package/dist/components/calcite-input-time-picker/customElement.js +3 -9
  178. package/dist/components/calcite-input-time-zone/customElement.js +2 -9
  179. package/dist/components/calcite-label/customElement.js +1 -1
  180. package/dist/components/calcite-radio-button/customElement.js +3 -3
  181. package/dist/components/calcite-rating/customElement.js +3 -9
  182. package/dist/components/calcite-segmented-control/customElement.js +3 -9
  183. package/dist/components/calcite-select/customElement.js +3 -3
  184. package/dist/components/calcite-slider/customElement.js +3 -3
  185. package/dist/components/calcite-switch/customElement.js +3 -9
  186. package/dist/components/calcite-text-area/customElement.js +3 -3
  187. package/dist/components/calcite-tile/customElement.js +1 -1
  188. package/dist/docs/api.json +1 -1
  189. package/dist/docs/docs.json +1 -1
  190. package/dist/docs/supported-browsers.json +1 -1
  191. package/dist/docs/vscode.css-custom-data.json +1 -1
  192. package/dist/docs/vscode.html-custom-data.json +1 -1
  193. package/dist/docs/web-types.json +1 -1
  194. package/dist/loader.js +3 -3
  195. package/dist/types/lumina.d.ts +12 -3
  196. package/dist/types/preact.d.ts +12 -3
  197. package/dist/types/react.d.ts +12 -3
  198. package/dist/types/stencil.d.ts +12 -3
  199. package/package.json +3 -3
  200. package/dist/cdn/22GON63G.js +0 -2
  201. package/dist/cdn/2KU7YCWU.js +0 -2
  202. package/dist/cdn/3POGLXTA.js +0 -2
  203. package/dist/cdn/5OA4JQZA.js +0 -2
  204. package/dist/cdn/BHSQKAVV.js +0 -2
  205. package/dist/cdn/G36DLSRW.js +0 -2
  206. package/dist/cdn/KWFYPDBS.js +0 -2
  207. package/dist/cdn/KYBV5PSW.js +0 -2
  208. package/dist/cdn/LOBFFXLD.js +0 -2
  209. package/dist/cdn/LW7TA25C.js +0 -2
  210. package/dist/cdn/M637NSYT.js +0 -2
  211. package/dist/cdn/MBCJSLBY.js +0 -2
  212. package/dist/cdn/NLCXTKBC.js +0 -2
  213. package/dist/cdn/NWLXBG5R.js +0 -2
  214. package/dist/cdn/OHSZ2ST3.js +0 -2
  215. package/dist/cdn/RCN7XGCC.js +0 -2
  216. package/dist/cdn/RH7FYKAW.js +0 -2
  217. package/dist/cdn/RYKUXUIN.js +0 -2
  218. package/dist/cdn/TUR4Z6GQ.js +0 -2
  219. package/dist/cdn/UAS7ZB74.js +0 -2
  220. package/dist/cdn/ULNQCFWW.js +0 -2
  221. package/dist/cdn/VFZFFJJL.js +0 -2
  222. package/dist/cdn/VPFGSTXD.js +0 -2
  223. package/dist/cdn/W7JKCKDN.js +0 -2
  224. package/dist/cdn/WIPAP3S6.js +0 -2
  225. package/dist/cdn/X57EZ5QY.js +0 -2
package/dist/components/calcite-tile/customElement.js CHANGED
@@ -33,7 +33,7 @@ const SLOTS = {
33
33
  contentBottom: "content-bottom",
34
34
  contentTop: "content-top"
35
35
  };
36
- const styles = css`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{box-shadow:var(--calcite-tile-shadow, var(--calcite-shadow-none));box-sizing:border-box;display:inline-block}calcite-link{--calcite-link-text-color: var(--calcite-tile-link-text-color)}.container{background-color:var(--calcite-tile-background-color, var(--calcite-color-foreground-1));block-size:var(--calcite-container-size-content-fluid);border-radius:var(--calcite-tile-corner-radius, var(--calcite-corner-radius));box-sizing:border-box;color:var(--calcite-tile-text-color, var(--calcite-color-text-3));inline-size:var(--calcite-container-size-content-fluid);outline:var(--calcite-border-width-sm, 1px) solid var(--calcite-tile-border-color, var(--calcite-color-border-2));padding:var(--calcite-internal-tile-spacing);position:relative;-webkit-user-select:none;user-select:none}.container .selection-icon{color:var(--calcite-tile-text-color, var(--calcite-color-text-3))}.container ::slotted(calcite-chip){--calcite-icon-color: var(--calcite-tile-text-color, var(--calcite-color-text-3))}.container.interactive{cursor:pointer}.container.interactive:hover,.container.interactive:focus,.container.interactive.selected{outline-color:var(--calcite-tile-accent-color-press, var(--calcite-color-brand));z-index:var(--calcite-z-index)}.container.interactive:hover .selection-icon,.container.interactive:focus .selection-icon,.container.interactive.selected .selection-icon{color:var(--calcite-tile-accent-color-press, var(--calcite-color-brand))}.container.interactive:hover .icon,.container.interactive:focus .icon,.container.interactive.selected .icon{color:var(--calcite-tile-heading-text-color, var(--calcite-color-text-1))}.container.interactive:hover ::slotted(calcite-chip),.container.interactive:focus ::slotted(calcite-chip),.container.interactive.selected ::slotted(calcite-chip){--calcite-icon-color: var(--calcite-tile-text-color, var(--calcite-color-text-1))}.container.interactive:focus{box-shadow:inset 0 0 0 1px var(--calcite-tile-accent-color-press, var(--calcite-color-brand));z-index:calc(var(--calcite-z-index) + 1)}.content-container,.row{align-items:flex-start;display:flex}.content-container{flex-direction:column;word-wrap:break-word;word-break:break-word;inline-size:var(--calcite-container-size-content-fluid)}.text-content-container{inline-size:100%;outline-color:transparent;padding:0}.text-content{display:flex;flex-direction:column}.heading{margin:0;padding:0;color:var(--calcite-tile-heading-text-color, var(--calcite-color-text-1));font-weight:var(--calcite-font-weight-medium);line-height:1.20313rem;overflow-wrap:break-word}.description{color:var(--calcite-tile-text-color, var(--calcite-color-text-2));font-weight:var(--calcite-font-weight-regular);overflow-wrap:break-word}.large-visual-deprecated{align-items:center;justify-content:center;min-block-size:12rem;text-align:center}.large-visual-deprecated .icon{align-self:center;block-size:64px;inline-size:64px}.large-visual-deprecated .selection-icon{position:absolute;inset-inline-start:var(--calcite-internal-tile-spacing);inset-block-start:var(--calcite-internal-tile-spacing);z-index:var(--calcite-z-index)}.large-visual-deprecated .text-content-container{justify-content:center}:host([alignment=center]) .icon{align-self:center}:host([alignment=center]) .text-content-container{justify-content:center}:host([alignment=center]) .text-content{text-align:center}:host([alignment=center]) slot[name=content-bottom]::slotted(*),:host([alignment=center]) slot[name=content-top]::slotted(*){align-self:center}:host([scale=s]){--calcite-internal-tile-spacing: var(--calcite-spacing-sm);max-inline-size:400px;min-inline-size:100px}:host([scale=s]) .heading{font-size:var(--calcite-font-size--2);line-height:1.03125rem}:host([scale=s]) .description{font-size:var(--calcite-font-size--3);line-height:.85938rem}:host([scale=m]){--calcite-internal-tile-spacing: var(--calcite-spacing-md);max-inline-size:460px;min-inline-size:140px}:host([scale=m]) .heading{font-size:var(--calcite-font-size--1);line-height:1.20313rem}:host([scale=m]) .description{font-size:var(--calcite-font-size--2);line-height:1.03125rem}:host([scale=l]){--calcite-internal-tile-spacing: var(--calcite-spacing-lg);max-inline-size:520px;min-inline-size:160px}:host([scale=l]) .heading{font-size:var(--calcite-font-size-0);line-height:1.375rem}:host([scale=l]) .description{font-size:var(--calcite-font-size--1);line-height:1.20313rem}.content-container--has-content,.row{gap:var(--calcite-internal-tile-spacing)}.content-container--has-only-content-top-and-bottom slot[name=content-top]::slotted(*){margin-block-end:var(--calcite-internal-tile-spacing)}:host([selection-appearance=border][layout=horizontal]) .container.selected:focus:before,:host([selection-appearance=border][layout=vertical]) .container.selected:focus:before{block-size:100%;box-shadow:inset 0 0 0 1px var(--calcite-tile-accent-color-press, var(--calcite-color-brand));content:"";display:block;inline-size:100%;inset-block-start:0;inset-inline-start:0;position:absolute}:host([selection-appearance=highlight]) .container.selected{background-color:var(--calcite-color-surface-highlight)}:host([selection-appearance=border][layout=horizontal]) .container.selected{box-shadow:inset 0 -4px 0 0 var(--calcite-tile-accent-color-press, var(--calcite-color-brand))}:host([selection-appearance=border][layout=vertical]) .container.selected{box-shadow:inset 4px 0 0 0 var(--calcite-tile-accent-color-press, var(--calcite-color-brand))}:host(:hover:not([disabled])) .heading,:host([active]:not([disabled])) .heading{color:var(--calcite-tile-heading-text-color, var(--calcite-color-text-1))}:host(:hover:not([disabled])) .description,:host([active]:not([disabled])) .description{color:var(--calcite-tile-text-color, var(--calcite-color-text-2))}:host([href]:focus:not([disabled])) .container,:host([href]:hover:not([disabled])) .container{outline-color:var(--calcite-tile-link-color, var(--calcite-color-text-link));z-index:var(--calcite-z-index)}:host([href]:focus:not([disabled])) .icon,:host([href]:hover:not([disabled])) .icon{color:var(--calcite-tile-link-color, var(--calcite-color-text-link))}:host([href]:focus:not([disabled])) .heading,:host([href]:hover:not([disabled])) .heading{color:var(--calcite-tile-link-color, var(--calcite-color-text-link))}:host([href]:active:not([disabled])) .container{box-shadow:inset 0 0 0 1px var(--calcite-tile-link-color, var(--calcite-color-text-link));outline-color:var(--calcite-tile-link-color, var(--calcite-color-text-link))}:host([embed]) .container{padding:0}:host([selection-mode=none]) .container:hover,:host([selection-mode=none]) .container.selected{outline-color:var(--calcite-tile-border-color, var(--calcite-color-border-2))}:host([selection-mode=none]) .container:focus{outline-color:var(--calcite-tile-accent-color-press, var(--calcite-color-brand))}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([hidden]){display:none}[hidden]{display:none}::slotted(*){max-inline-size:100%}`;
36
+ const styles = css`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{box-shadow:var(--calcite-tile-shadow, var(--calcite-shadow-none));box-sizing:border-box;display:inline-block}calcite-link{--calcite-link-text-color: var(--calcite-tile-link-text-color)}.container{background-color:var(--calcite-tile-background-color, var(--calcite-color-foreground-1));block-size:var(--calcite-container-size-content-fluid);border-radius:var(--calcite-tile-corner-radius, var(--calcite-corner-radius));box-sizing:border-box;color:var(--calcite-tile-text-color, var(--calcite-color-text-3));inline-size:var(--calcite-container-size-content-fluid);outline:var(--calcite-border-width-sm, 1px) solid var(--calcite-tile-border-color, var(--calcite-color-border-2));padding:var(--calcite-internal-tile-spacing);position:relative;-webkit-user-select:none;user-select:none}.container .selection-icon{color:var(--calcite-tile-text-color, var(--calcite-color-text-3))}.container ::slotted(calcite-chip){--calcite-icon-color: var(--calcite-tile-text-color, var(--calcite-color-text-3))}.container.interactive{cursor:pointer}.container.interactive:hover,.container.interactive:focus,.container.interactive.selected{outline-color:var(--calcite-tile-accent-color-press, var(--calcite-color-brand));z-index:var(--calcite-z-index)}.container.interactive:hover .selection-icon,.container.interactive:focus .selection-icon,.container.interactive.selected .selection-icon{color:var(--calcite-tile-accent-color-press, var(--calcite-color-brand))}.container.interactive:hover .icon,.container.interactive:focus .icon,.container.interactive.selected .icon{color:var(--calcite-tile-heading-text-color, var(--calcite-color-text-1))}.container.interactive:hover ::slotted(calcite-chip),.container.interactive:focus ::slotted(calcite-chip),.container.interactive.selected ::slotted(calcite-chip){--calcite-icon-color: var(--calcite-tile-text-color, var(--calcite-color-text-1))}.container.interactive:focus{box-shadow:inset 0 0 0 1px var(--calcite-tile-accent-color-press, var(--calcite-color-brand));z-index:calc(var(--calcite-z-index) + 1)}.content-container,.row{align-items:flex-start;display:flex}.content-container{flex-direction:column;overflow-wrap:break-word;word-break:break-word;inline-size:var(--calcite-container-size-content-fluid)}.text-content-container{inline-size:100%;outline-color:transparent;padding:0}.text-content{display:flex;flex-direction:column}.heading{margin:0;padding:0;color:var(--calcite-tile-heading-text-color, var(--calcite-color-text-1));font-weight:var(--calcite-font-weight-medium);line-height:1.20313rem;overflow-wrap:break-word}.description{color:var(--calcite-tile-text-color, var(--calcite-color-text-2));font-weight:var(--calcite-font-weight-regular);overflow-wrap:break-word}.large-visual-deprecated{align-items:center;justify-content:center;min-block-size:12rem;text-align:center}.large-visual-deprecated .icon{align-self:center;block-size:64px;inline-size:64px}.large-visual-deprecated .selection-icon{position:absolute;inset-inline-start:var(--calcite-internal-tile-spacing);inset-block-start:var(--calcite-internal-tile-spacing);z-index:var(--calcite-z-index)}.large-visual-deprecated .text-content-container{justify-content:center}:host([alignment=center]) .icon{align-self:center}:host([alignment=center]) .text-content-container{justify-content:center}:host([alignment=center]) .text-content{text-align:center}:host([alignment=center]) slot[name=content-bottom]::slotted(*),:host([alignment=center]) slot[name=content-top]::slotted(*){align-self:center}:host([scale=s]){--calcite-internal-tile-spacing: var(--calcite-spacing-sm);max-inline-size:400px;min-inline-size:100px}:host([scale=s]) .heading{font-size:var(--calcite-font-size--2);line-height:1.03125rem}:host([scale=s]) .description{font-size:var(--calcite-font-size--3);line-height:.85938rem}:host([scale=m]){--calcite-internal-tile-spacing: var(--calcite-spacing-md);max-inline-size:460px;min-inline-size:140px}:host([scale=m]) .heading{font-size:var(--calcite-font-size--1);line-height:1.20313rem}:host([scale=m]) .description{font-size:var(--calcite-font-size--2);line-height:1.03125rem}:host([scale=l]){--calcite-internal-tile-spacing: var(--calcite-spacing-lg);max-inline-size:520px;min-inline-size:160px}:host([scale=l]) .heading{font-size:var(--calcite-font-size-0);line-height:1.375rem}:host([scale=l]) .description{font-size:var(--calcite-font-size--1);line-height:1.20313rem}.content-container--has-content,.row{gap:var(--calcite-internal-tile-spacing)}.content-container--has-only-content-top-and-bottom slot[name=content-top]::slotted(*){margin-block-end:var(--calcite-internal-tile-spacing)}:host([selection-appearance=border][layout=horizontal]) .container.selected:focus:before,:host([selection-appearance=border][layout=vertical]) .container.selected:focus:before{block-size:100%;box-shadow:inset 0 0 0 1px var(--calcite-tile-accent-color-press, var(--calcite-color-brand));content:"";display:block;inline-size:100%;inset-block-start:0;inset-inline-start:0;position:absolute}:host([selection-appearance=highlight]) .container.selected{background-color:var(--calcite-color-surface-highlight)}:host([selection-appearance=border][layout=horizontal]) .container.selected{box-shadow:inset 0 -4px 0 0 var(--calcite-tile-accent-color-press, var(--calcite-color-brand))}:host([selection-appearance=border][layout=vertical]) .container.selected{box-shadow:inset 4px 0 0 0 var(--calcite-tile-accent-color-press, var(--calcite-color-brand))}:host(:hover:not([disabled])) .heading,:host([active]:not([disabled])) .heading{color:var(--calcite-tile-heading-text-color, var(--calcite-color-text-1))}:host(:hover:not([disabled])) .description,:host([active]:not([disabled])) .description{color:var(--calcite-tile-text-color, var(--calcite-color-text-2))}:host([href]:focus:not([disabled])) .container,:host([href]:hover:not([disabled])) .container{outline-color:var(--calcite-tile-link-color, var(--calcite-color-text-link));z-index:var(--calcite-z-index)}:host([href]:focus:not([disabled])) .icon,:host([href]:hover:not([disabled])) .icon{color:var(--calcite-tile-link-color, var(--calcite-color-text-link))}:host([href]:focus:not([disabled])) .heading,:host([href]:hover:not([disabled])) .heading{color:var(--calcite-tile-link-color, var(--calcite-color-text-link))}:host([href]:active:not([disabled])) .container{box-shadow:inset 0 0 0 1px var(--calcite-tile-link-color, var(--calcite-color-text-link));outline-color:var(--calcite-tile-link-color, var(--calcite-color-text-link))}:host([embed]) .container{padding:0}:host([selection-mode=none]) .container:hover,:host([selection-mode=none]) .container.selected{outline-color:var(--calcite-tile-border-color, var(--calcite-color-border-2))}:host([selection-mode=none]) .container:focus{outline-color:var(--calcite-tile-accent-color-press, var(--calcite-color-brand))}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([hidden]){display:none}[hidden]{display:none}::slotted(*){max-inline-size:100%}`;
37
37
  class Tile extends LitElement {
38
38
  constructor() {
39
39
  super();