@esri/calcite-components 6.0.0-next.15 → 6.0.0-next.16
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.
- package/dist/cdn/{W2P2LQCQ.js → 2DXPDSXX.js} +1 -1
- package/dist/cdn/{IDAH2UN2.js → 2EJYK7W7.js} +1 -1
- package/dist/cdn/{2GSM346K.js → 2HVSHIOQ.js} +1 -1
- package/dist/cdn/{MYRE52UV.js → 3EGSBDYW.js} +1 -1
- package/dist/cdn/{DOFTWTWW.js → 3TEKIEA5.js} +1 -1
- package/dist/cdn/{2IESNZ4X.js → 4BVTPO57.js} +1 -1
- package/dist/cdn/{PCF5IOFT.js → 4JKUFXZS.js} +1 -1
- package/dist/cdn/{BLALGKX5.js → 4QIXH4ZJ.js} +1 -1
- package/dist/cdn/{G5YLFBW4.js → 4XL6CIEV.js} +1 -1
- package/dist/cdn/{B7EH25X4.js → 52MRKD2F.js} +1 -1
- package/dist/cdn/{BQG54GPV.js → 56A2WWPC.js} +1 -1
- package/dist/cdn/{AJWS4APY.js → 5I4ALE2C.js} +1 -1
- package/dist/cdn/5RDNWWJA.js +2 -0
- package/dist/cdn/5VPJPLIG.js +2 -0
- package/dist/cdn/{75YHCP7V.js → 63OHJ624.js} +1 -1
- package/dist/cdn/{5GUS4IJL.js → 6HW6NVKU.js} +1 -1
- package/dist/cdn/{2YDF63CE.js → 6NOG6O27.js} +1 -1
- package/dist/cdn/{HLU7SFPA.js → 6WKKKUGL.js} +1 -1
- package/dist/cdn/{X7Q5UKJR.js → 6XKYMTSH.js} +1 -1
- package/dist/cdn/{OTZT242V.js → 7BULPT5Q.js} +1 -1
- package/dist/cdn/{ZZQBTABS.js → 7M2MH5F2.js} +1 -1
- package/dist/cdn/{NBN6DIZV.js → ABGICFNZ.js} +1 -1
- package/dist/cdn/{2XVHY3CP.js → AF2BNNZG.js} +1 -1
- package/dist/cdn/{N4MVJFPU.js → AR2G33MM.js} +1 -1
- package/dist/cdn/{ILC5EO6V.js → ARI32YSH.js} +1 -1
- package/dist/cdn/{UHCDDVQO.js → B52BTBBN.js} +1 -1
- package/dist/cdn/{XPPVHMUI.js → BA2VY4MC.js} +1 -1
- package/dist/cdn/{PAJZMXPB.js → BLBGSGYD.js} +1 -1
- package/dist/cdn/{OUNDGE3C.js → BPMNVJIC.js} +1 -1
- package/dist/cdn/{ZOYW6XU5.js → BQFXKCUG.js} +1 -1
- package/dist/cdn/{F3A24VJV.js → BS6QNDTK.js} +1 -1
- package/dist/cdn/{OKPW3DD3.js → BXN2KEYX.js} +1 -1
- package/dist/cdn/{YICRC66R.js → CLLCBSXR.js} +1 -1
- package/dist/cdn/{FOXXK3D4.js → CMXN4DPR.js} +1 -1
- package/dist/cdn/{VHLBKPXF.js → CSNU57KS.js} +1 -1
- package/dist/cdn/{Z43NR3ZE.js → D6GU2O22.js} +1 -1
- package/dist/cdn/{ECXUQJCX.js → D6T2YJFD.js} +1 -1
- package/dist/cdn/{ZWMQBOMI.js → DEU6DX2M.js} +1 -1
- package/dist/cdn/DO3ISG7C.js +2 -0
- package/dist/cdn/{IIS6LZHB.js → DVNUUJZK.js} +1 -1
- package/dist/cdn/{PC3ZPCP5.js → F5CB6IJ6.js} +1 -1
- package/dist/cdn/{B2QWF4FQ.js → FY5QDWBQ.js} +1 -1
- package/dist/cdn/{4NYN6D2X.js → FYY4XFX7.js} +1 -1
- package/dist/cdn/G2WE5UVC.js +2 -0
- package/dist/cdn/{VSKZZ5DI.js → GHBIFC5D.js} +1 -1
- package/dist/cdn/{2GIGNUD7.js → GN6ZHZKC.js} +1 -1
- package/dist/cdn/{B5O6HOTC.js → HDFGPUX6.js} +1 -1
- package/dist/cdn/{DFXJJLMQ.js → HFOLXJYO.js} +1 -1
- package/dist/cdn/{3DHZHS4L.js → HIJUXENR.js} +1 -1
- package/dist/cdn/{KVPR44TP.js → HN7CAI4Q.js} +1 -1
- package/dist/cdn/{5WQE57LV.js → HQH4UY2V.js} +1 -1
- package/dist/cdn/{OV66KQLK.js → I2CHKYB5.js} +1 -1
- package/dist/cdn/{74OL6XUR.js → I7OBWC3H.js} +1 -1
- package/dist/cdn/JEPUAVAD.js +2 -0
- package/dist/cdn/{VSTPER5Q.js → JFGMANIH.js} +1 -1
- package/dist/cdn/{MZ47FA5O.js → JJ3D73UB.js} +1 -1
- package/dist/cdn/{MSVMDJSX.js → JMZQN3Q6.js} +1 -1
- package/dist/cdn/{7TXHM4DL.js → JUAZHH6G.js} +1 -1
- package/dist/cdn/{RCOMH7KG.js → K7O44UG6.js} +1 -1
- package/dist/cdn/{GGXMB5I2.js → KDNRIPGU.js} +1 -1
- package/dist/cdn/{SL77VKQW.js → KECRF7WK.js} +1 -1
- package/dist/cdn/{7FPLLYNC.js → KMB6H67R.js} +1 -1
- package/dist/cdn/{BRKP5DYQ.js → KV56FRUT.js} +1 -1
- package/dist/cdn/{FJCGFUPF.js → LFDDXNO2.js} +1 -1
- package/dist/cdn/{CPPIY2OG.js → LHEYXD2L.js} +1 -1
- package/dist/cdn/{6HA4PPC3.js → LHNBY2NI.js} +1 -1
- package/dist/cdn/{SKT7G2EI.js → LK6DIPLW.js} +1 -1
- package/dist/cdn/{77OPXWUD.js → LPJ5GEVU.js} +1 -1
- package/dist/cdn/{CWTUHGTW.js → LTHTLU2N.js} +1 -1
- package/dist/cdn/{I4MLWP26.js → MM27PS7O.js} +1 -1
- package/dist/cdn/{OUUHSLTS.js → MVUPJCUX.js} +1 -1
- package/dist/cdn/{VSWDX2UT.js → NDS3JAHJ.js} +1 -1
- package/dist/cdn/{3TTIA5XB.js → NF7M325T.js} +1 -1
- package/dist/cdn/{UYZEHIYC.js → NFRWLWYL.js} +1 -1
- package/dist/cdn/{J2A5YXKX.js → NFTJSYHD.js} +1 -1
- package/dist/cdn/{KRVBUYK6.js → NNUE4QXT.js} +1 -1
- package/dist/cdn/{B6HOB7XV.js → NPJU3U4T.js} +1 -1
- package/dist/cdn/{KZHR7MM7.js → NT2WTTZI.js} +1 -1
- package/dist/cdn/{I4JJEAMV.js → O6OO5SWL.js} +1 -1
- package/dist/cdn/{6WJWGWLR.js → OAAOKM34.js} +1 -1
- package/dist/cdn/{WRUP63MR.js → ODQY6BOK.js} +1 -1
- package/dist/cdn/{2HVUPKLV.js → OI2OUVAG.js} +1 -1
- package/dist/cdn/{5AM6LHG2.js → OS2ZRRJ5.js} +1 -1
- package/dist/cdn/{FJYZWPVI.js → OSHMTX4Y.js} +1 -1
- package/dist/cdn/{CYAFE7DA.js → P2J6YUEP.js} +1 -1
- package/dist/cdn/{CIVHX7CP.js → P45YHGHX.js} +1 -1
- package/dist/cdn/{D2Y2JDPU.js → PABVOVMV.js} +1 -1
- package/dist/cdn/{PKTTVEGN.js → PFL46IFM.js} +1 -1
- package/dist/cdn/{IOEM2NNJ.js → PNI5Y5JY.js} +1 -1
- package/dist/cdn/{J7TZNZCY.js → POQHFA5H.js} +1 -1
- package/dist/cdn/{B7J7BIDS.js → PQMSZWJN.js} +1 -1
- package/dist/cdn/{IOYL4EOL.js → PZNRNV2R.js} +1 -1
- package/dist/cdn/{EKTNUYP6.js → QHQSJIAC.js} +1 -1
- package/dist/cdn/{BFSKGQKN.js → QMD7SS2Q.js} +1 -1
- package/dist/cdn/{BRMF5MZ3.js → QVNFCQJ6.js} +1 -1
- package/dist/cdn/{LML3GUYX.js → R2GQRKVD.js} +1 -1
- package/dist/cdn/{3DFRUKAO.js → RA53OG4F.js} +1 -1
- package/dist/cdn/{5LICWMG4.js → RATWJA6D.js} +1 -1
- package/dist/cdn/{J4WBYVN7.js → RDGKWLIX.js} +1 -1
- package/dist/cdn/{MB2A2G6D.js → RGH2T3FY.js} +1 -1
- package/dist/cdn/{RCKI322C.js → RH3D3HKJ.js} +1 -1
- package/dist/cdn/{HNOTQZZL.js → RLQJALCI.js} +1 -1
- package/dist/cdn/{DYS774TJ.js → S2PKKLUX.js} +1 -1
- package/dist/cdn/{AIGQ4HKM.js → SL7C7M4R.js} +1 -1
- package/dist/cdn/{TGJQJYKX.js → SUFXIFRN.js} +1 -1
- package/dist/cdn/{ZHL6W4RA.js → SXCRTPMT.js} +1 -1
- package/dist/cdn/{2DCDJUO3.js → SXYWEVG2.js} +1 -1
- package/dist/cdn/{74N3QTX7.js → SZZ6DLRT.js} +1 -1
- package/dist/cdn/{U4RV4IKE.js → TN5QB7BO.js} +1 -1
- package/dist/cdn/{KE6OMY53.js → TZQPKABW.js} +1 -1
- package/dist/cdn/{IEGKTIVZ.js → UCTZCDTK.js} +1 -1
- package/dist/cdn/{6YTH2EAA.js → UH5KCS6M.js} +1 -1
- package/dist/cdn/{Y6JOX56N.js → URA5UYWO.js} +1 -1
- package/dist/cdn/{W2XGHWZH.js → V2C3GM52.js} +1 -1
- package/dist/cdn/{S47HQFYM.js → V3RWO6OI.js} +1 -1
- package/dist/cdn/{FNG347VK.js → V5G3IKZ5.js} +1 -1
- package/dist/cdn/{V7QP3RVI.js → VD3GH2FS.js} +1 -1
- package/dist/cdn/{E4THMLJL.js → VHSSABMN.js} +1 -1
- package/dist/cdn/{6TYRP5NM.js → W33DOTQ2.js} +1 -1
- package/dist/cdn/{ZYR56P72.js → W6LVHRPI.js} +1 -1
- package/dist/cdn/{P44PV7J2.js → WEBABOAQ.js} +1 -1
- package/dist/cdn/{36DPBN7V.js → WGTCLBJT.js} +1 -1
- package/dist/cdn/{AXZPMMQJ.js → WT7VAHLH.js} +1 -1
- package/dist/cdn/{AKPHSNSC.js → WUU2T6J4.js} +1 -1
- package/dist/cdn/{QTMGNJSM.js → WW4N4DT3.js} +1 -1
- package/dist/cdn/{MXL63SIR.js → WYUQOHIQ.js} +1 -1
- package/dist/cdn/{QXA77OJI.js → X4ZOBZ5R.js} +1 -1
- package/dist/cdn/{SIDUBAYI.js → XGYEFZH5.js} +1 -1
- package/dist/cdn/{S7ISPDHD.js → XYKIKJCH.js} +1 -1
- package/dist/cdn/{QW2ICJD3.js → XYMHSYZR.js} +1 -1
- package/dist/cdn/{ETCZNK6P.js → Y2U5725B.js} +1 -1
- package/dist/cdn/{P3DKIVDE.js → Y3GHGU6T.js} +1 -1
- package/dist/cdn/{IKPJDQTL.js → Y4IPYPUA.js} +1 -1
- package/dist/cdn/{QOXS5GJU.js → YDHXZZ3R.js} +1 -1
- package/dist/cdn/{VSLCBUGQ.js → YH2TEZNK.js} +1 -1
- package/dist/cdn/{JUTSQCSF.js → Z2FIP7W3.js} +1 -1
- package/dist/cdn/{G226XBTC.js → ZYUQ6RAM.js} +1 -1
- package/dist/cdn/index.js +1 -1
- package/dist/chunks/runtime.js +3 -3
- package/dist/components/calcite-label/customElement.d.ts +1 -3
- package/dist/components/calcite-label/customElement.js +1 -1
- package/dist/components/calcite-list/customElement.d.ts +1 -1
- package/dist/components/calcite-notice/customElement.d.ts +1 -3
- package/dist/components/calcite-notice/customElement.js +1 -1
- package/dist/components/calcite-segmented-control/customElement.d.ts +0 -2
- package/dist/components/calcite-select/customElement.d.ts +1 -3
- package/dist/components/calcite-select/customElement.js +1 -1
- package/dist/components/calcite-shell-panel/customElement.d.ts +3 -4
- package/dist/components/calcite-shell-panel/customElement.js +1 -1
- package/dist/components/calcite-shell-panel/types.d.ts +1 -1
- package/dist/components/calcite-split-button/customElement.d.ts +1 -3
- package/dist/components/calcite-split-button/customElement.js +1 -1
- package/dist/components/calcite-tile/customElement.js +1 -1
- package/dist/components/calcite-tile-group/customElement.d.ts +1 -2
- package/dist/docs/api.json +1 -1
- package/dist/docs/docs.json +1 -1
- package/dist/docs/vscode.css-custom-data.json +1 -1
- package/dist/docs/vscode.html-custom-data.json +1 -1
- package/dist/docs/web-types.json +1 -1
- package/package.json +1 -1
- package/dist/cdn/DV7SAVOZ.js +0 -2
- package/dist/cdn/RIXXQAPN.js +0 -2
- package/dist/cdn/TA6BWXVY.js +0 -2
- package/dist/cdn/VP2G6HKI.js +0 -2
- package/dist/cdn/VYIP4TQE.js +0 -2
|
@@ -138,11 +138,9 @@ export abstract class SplitButton extends LitElement {
|
|
|
138
138
|
/**
|
|
139
139
|
* Specifies the width of the component.
|
|
140
140
|
*
|
|
141
|
-
* [Deprecated] The `"half"` value is deprecated in v3.0.0, removal target v6.0.0 - use `"full"` instead.
|
|
142
|
-
*
|
|
143
141
|
* @default "auto"
|
|
144
142
|
*/
|
|
145
|
-
accessor width: Extract<Width, "auto" | "
|
|
143
|
+
accessor width: Extract<Width, "auto" | "full">;
|
|
146
144
|
/**
|
|
147
145
|
* Sets focus on the component's first focusable element.
|
|
148
146
|
*
|
|
@@ -18,7 +18,7 @@ const ICONS = {
|
|
|
18
18
|
ellipsis: "ellipsis",
|
|
19
19
|
handleVertical: "handle-vertical"
|
|
20
20
|
};
|
|
21
|
-
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{display:inline-block}:host([width=auto]){inline-size:auto}:host([width=
|
|
21
|
+
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{display:inline-block}:host([width=auto]){inline-size:auto}:host([width=full]){inline-size:100%}:host([kind=brand]){--calcite-internal-split-button-divider-border-color: var(--calcite-color-brand);--calcite-internal-split-button-divider-color: var( --calcite-theme-color-surface-2, var(--calcite-color-foreground-1) )}:host([kind=danger]){--calcite-internal-split-button-divider-border-color: var(--calcite-color-status-danger);--calcite-internal-split-button-divider-color: var( --calcite-theme-color-surface-2, var(--calcite-color-foreground-1) )}:host([kind=neutral]){--calcite-internal-split-button-divider-border-color: var( --calcite-theme-color-surface-4, var(--calcite-color-foreground-3) );--calcite-internal-split-button-divider-color: var(--calcite-color-text-1)}:host([kind=inverse]){--calcite-internal-split-button-divider-border-color: var(--calcite-color-inverse);--calcite-internal-split-button-divider-color: var( --calcite-theme-color-surface-2, var(--calcite-color-foreground-1) )}:host([appearance=transparent]){--calcite-internal-split-button-divider-border-color: transparent}:host([appearance=transparent]):host([kind=brand]){--calcite-internal-split-button-divider-color: var(--calcite-color-brand)}:host([appearance=transparent]):host([kind=danger]){--calcite-internal-split-button-divider-color: var(--calcite-color-status-danger)}:host([appearance=transparent]):host([kind=neutral]){--calcite-internal-split-button-divider-color: var(--calcite-color-text-1)}:host([appearance=transparent]):host([kind=inverse]){--calcite-internal-split-button-divider-color: var( --calcite-theme-color-surface-2, var(--calcite-color-foreground-1) )}:host([appearance=outline]):host([kind=brand]),:host([appearance=outline]):host([kind=danger]),:host([appearance=outline]):host([kind=neutral]),:host([appearance=outline]):host([kind=inverse]){--calcite-internal-split-button-divider-border-color: transparent}:host([appearance=outline-fill]):host([kind=brand]),:host([appearance=outline-fill]):host([kind=danger]),:host([appearance=outline-fill]):host([kind=neutral]),:host([appearance=outline-fill]):host([kind=inverse]){--calcite-internal-split-button-divider-border-color: var( --calcite-theme-color-surface-1, var(--calcite-color-background) )}:host([appearance=outline]):host([kind=brand]),:host([appearance=outline-fill]):host([kind=brand]){--calcite-internal-split-button-divider-color: var(--calcite-color-brand)}:host([appearance=outline]):host([kind=danger]),:host([appearance=outline-fill]):host([kind=danger]){--calcite-internal-split-button-divider-color: var(--calcite-color-status-danger)}:host([appearance=outline]):host([kind=neutral]),:host([appearance=outline-fill]):host([kind=neutral]){--calcite-internal-split-button-divider-color: var(--calcite-color-border-1)}:host([appearance=outline]):host([kind=inverse]),:host([appearance=outline-fill]):host([kind=inverse]){--calcite-internal-split-button-divider-color: var(--calcite-color-inverse)}.container{display:flex;align-items:stretch}.container>calcite-dropdown>calcite-button{block-size:100%;vertical-align:top}.divider-container{transition-property:background-color,block-size,border-color,box-shadow,color,inset-block-end,inset-block-start,inset-inline-end,inset-inline-start,inset-size,opacity,outline-color,transform;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out;display:flex;inline-size:1px;align-items:stretch;background-color:var(--calcite-split-button-divider-color, var(--calcite-internal-split-button-divider-border-color))}.divider{margin-block:.25rem;display:inline-block;inline-size:1px;background-color:var(--calcite-split-button-divider-border-color, var(--calcite-internal-split-button-divider-color))}:host([appearance=outline-fill]) .divider-container,:host([appearance=outline]) .divider-container{border-block:1px solid var(--calcite-internal-split-button-divider-color)}:host([appearance=outline-fill]):hover .divider-container,:host([appearance=outline]):hover .divider-container{background-color:var(--calcite-internal-split-button-divider-color)}:host([appearance=outline-fill]:hover) .divider-container,:host([appearance=outline]:hover) .divider-container{background-color:var(--calcite-internal-split-button-divider-color)}:host([appearance=outline-fill]:focus-within):host([kind=brand]),:host([appearance=outline]:focus-within):host([kind=brand]){--calcite-internal-split-button-divider-color: var(--calcite-color-brand-press)}:host([appearance=outline-fill]:focus-within):host([kind=danger]),:host([appearance=outline]:focus-within):host([kind=danger]){--calcite-internal-split-button-divider-color: var(--calcite-color-danger-press)}:host([appearance=outline-fill]:focus-within) .divider-container,:host([appearance=outline]:focus-within) .divider-container{background-color:var(--calcite-internal-split-button-divider-color)}calcite-button[split-child=primary],calcite-button[split-child=secondary]{--calcite-button-background-color: var(--calcite-split-button-background-color);--calcite-button-border-color: var(--calcite-split-button-border-color);--calcite-button-text-color: var(--calcite-split-button-text-color);--calcite-button-icon-color: var(--calcite-split-button-icon-color);--calcite-button-loading-color: var(--calcite-split-button-loading-color);--calcite-button-shadow: var(--calcite-split-button-shadow)}calcite-button[split-child=primary]:hover,calcite-button[split-child=secondary]:hover{--calcite-button-background-color: var(--calcite-split-button-background-color-hover)}calcite-button[split-child=primary]:focus,calcite-button[split-child=secondary]:focus{--calcite-button-background-color: var(--calcite-split-button-background-color-focus)}calcite-button[split-child=primary]:active,calcite-button[split-child=secondary]:active{--calcite-button-background-color: var(--calcite-split-button-background-color-press)}calcite-button[split-child=primary]{--calcite-button-corner-radius: var(--calcite-split-button-corner-radius, var(--calcite-corner-radius)) var(--calcite-corner-radius-none) var(--calcite-corner-radius-none) var(--calcite-split-button-corner-radius, var(--calcite-corner-radius))}calcite-button[split-child=secondary]{--calcite-button-corner-radius: var(--calcite-corner-radius-none) var(--calcite-split-button-corner-radius, var(--calcite-corner-radius)) var(--calcite-split-button-corner-radius, var(--calcite-corner-radius)) var(--calcite-corner-radius-none)}calcite-dropdown{--calcite-dropdown-shadow: var(--calcite-split-button-dropdown-shadow);--calcite-dropdown-background-color: var(--calcite-split-button-dropdown-background-color);--calcite-dropdown-width: var(--calcite-split-button-dropdown-width)}:host([disabled]) calcite-dropdown>calcite-button{pointer-events:none}:host([disabled]):host([appearance=outline-fill]) .divider-container{background-color:var(--calcite-theme-color-surface-1, var(--calcite-color-background))}:host([disabled]):host([appearance=outline]) .divider-container{background-color:transparent}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([hidden]){display:none}[hidden]{display:none}`;
|
|
22
22
|
class SplitButton extends LitElement {
|
|
23
23
|
constructor() {
|
|
24
24
|
super(...arguments);
|
|
@@ -9,7 +9,7 @@ import { u as useInteractive } from "../../chunks/useInteractive.js";
|
|
|
9
9
|
import { H as Heading } from "../../chunks/Heading.js";
|
|
10
10
|
import { S as SLOTS, I as ICONS, C as CSS } from "../../chunks/resources32.js";
|
|
11
11
|
import { i as isActivationKey } from "../../chunks/key.js";
|
|
12
|
-
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-internal-link-text-decoration-line: none;--calcite-link-text-color: var(--calcite-tile-link-text-color)}.container{background-color:var(--calcite-tile-background-color, var(--calcite-theme-color-surface-2, 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}: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-theme-space-sm, 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-theme-space-md, 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-theme-space-lg, 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=
|
|
12
|
+
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-internal-link-text-decoration-line: none;--calcite-link-text-color: var(--calcite-tile-link-text-color)}.container{background-color:var(--calcite-tile-background-color, var(--calcite-theme-color-surface-2, 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}: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-theme-space-sm, 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-theme-space-md, 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-theme-space-lg, 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=highlight]) .container.selected{background-color:var(--calcite-color-surface-highlight)}: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%}`;
|
|
13
13
|
class Tile extends LitElement {
|
|
14
14
|
constructor() {
|
|
15
15
|
super();
|
|
@@ -44,11 +44,10 @@ export abstract class TileGroup extends LitElement {
|
|
|
44
44
|
*
|
|
45
45
|
* - `"icon"` displays a checkmark or dot.
|
|
46
46
|
* - `"highlight"` changes the background color.
|
|
47
|
-
* - `"border"` displays a border. [Deprecated] in v5.0.0, removal target v6.0.0 - use `"highlight"` instead.
|
|
48
47
|
*
|
|
49
48
|
* @default "icon"
|
|
50
49
|
*/
|
|
51
|
-
accessor selectionAppearance: Extract<"icon" | "highlight"
|
|
50
|
+
accessor selectionAppearance: Extract<"icon" | "highlight", SelectionAppearance>;
|
|
52
51
|
/**
|
|
53
52
|
* Specifies the selection mode.
|
|
54
53
|
*
|