@esri/calcite-components 6.0.0-next.15 → 6.0.0-next.17
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/{U4RV4IKE.js → 234G3WPY.js} +1 -1
- package/dist/cdn/{BRKP5DYQ.js → 236FHXAT.js} +1 -1
- package/dist/cdn/{VSWDX2UT.js → 24P2NVMV.js} +1 -1
- package/dist/cdn/{7TXHM4DL.js → 2ZDBCCGN.js} +1 -1
- package/dist/cdn/{RCOMH7KG.js → 37CKKZVE.js} +1 -1
- package/dist/cdn/{YICRC66R.js → 3GEMEFDY.js} +1 -1
- package/dist/cdn/{AXZPMMQJ.js → 3J7T64CZ.js} +1 -1
- package/dist/cdn/{I4JJEAMV.js → 3V72RT6P.js} +1 -1
- package/dist/cdn/{CWTUHGTW.js → 4ILY22HY.js} +1 -1
- package/dist/cdn/{F3A24VJV.js → 4J3STGJO.js} +1 -1
- package/dist/cdn/{P44PV7J2.js → 57PR5SNV.js} +1 -1
- package/dist/cdn/{S7ISPDHD.js → 5FHNT6YN.js} +1 -1
- package/dist/cdn/{N4MVJFPU.js → 5JOZLNSM.js} +1 -1
- package/dist/cdn/{BQG54GPV.js → 5ZKVG7LD.js} +1 -1
- package/dist/cdn/{MXL63SIR.js → 6HQGM5Z2.js} +1 -1
- package/dist/cdn/6MDH7C4R.js +2 -0
- package/dist/cdn/{2YDF63CE.js → 7BOEQNCU.js} +1 -1
- package/dist/cdn/{QTMGNJSM.js → 7EM4A2CD.js} +1 -1
- package/dist/cdn/{HNOTQZZL.js → 7GMGEAQO.js} +1 -1
- package/dist/cdn/{VSTPER5Q.js → 7GXH7YXY.js} +1 -1
- package/dist/cdn/{6HA4PPC3.js → AEBHD75U.js} +1 -1
- package/dist/cdn/{AIGQ4HKM.js → AIKTGD7U.js} +1 -1
- package/dist/cdn/{BFSKGQKN.js → ALW3XRKB.js} +1 -1
- package/dist/cdn/{IOEM2NNJ.js → ASROBVN5.js} +1 -1
- package/dist/cdn/{PAJZMXPB.js → BPRDQO3E.js} +1 -1
- package/dist/cdn/{HLU7SFPA.js → BXVBGFTI.js} +1 -1
- package/dist/cdn/{NBN6DIZV.js → C2T5DIHY.js} +1 -1
- package/dist/cdn/{OTZT242V.js → C2YC3ZSE.js} +1 -1
- package/dist/cdn/{ZOYW6XU5.js → CJ3GVGQB.js} +1 -1
- package/dist/cdn/{IOYL4EOL.js → CUGXAM5P.js} +1 -1
- package/dist/cdn/{2HVUPKLV.js → CWALKRJG.js} +1 -1
- package/dist/cdn/{KE6OMY53.js → CYQG7KHW.js} +1 -1
- package/dist/cdn/{74N3QTX7.js → DGCX7AVS.js} +1 -1
- package/dist/cdn/{B7EH25X4.js → DWCGPVGL.js} +1 -1
- package/dist/cdn/{DYS774TJ.js → EBWP5MHR.js} +1 -1
- package/dist/cdn/{PKTTVEGN.js → EEHLBJJZ.js} +1 -1
- package/dist/cdn/{2DCDJUO3.js → EH6F35WY.js} +1 -1
- package/dist/cdn/EMRKUKUX.js +2 -0
- package/dist/cdn/{SL77VKQW.js → EQXG6NUU.js} +1 -1
- package/dist/cdn/{75YHCP7V.js → ERED3CYK.js} +1 -1
- package/dist/cdn/{4XVKHJ2X.js → F5ITNV4F.js} +1 -1
- package/dist/cdn/{QXA77OJI.js → FGTYOJDN.js} +1 -1
- package/dist/cdn/{36DPBN7V.js → FKZ2FXJK.js} +1 -1
- package/dist/cdn/{ZZQBTABS.js → FP5G6HUS.js} +1 -1
- package/dist/cdn/{J7TZNZCY.js → FRB4OMIT.js} +1 -1
- package/dist/cdn/{2GSM346K.js → G4RBIAZZ.js} +1 -1
- package/dist/cdn/{FJCGFUPF.js → GAPIKC2T.js} +1 -1
- package/dist/cdn/GODDGRIM.js +2 -0
- package/dist/cdn/{B6HOB7XV.js → GVLVW2XX.js} +1 -1
- package/dist/cdn/{BRMF5MZ3.js → H27ECMPG.js} +1 -1
- package/dist/cdn/{AKPHSNSC.js → H45WQ6JW.js} +1 -1
- package/dist/cdn/{E4THMLJL.js → H4L7JFAH.js} +1 -1
- package/dist/cdn/{MB2A2G6D.js → H5S2CBMI.js} +1 -1
- package/dist/cdn/{G5YLFBW4.js → HD7GADSZ.js} +1 -1
- package/dist/cdn/{EKTNUYP6.js → HHAY7KDS.js} +1 -1
- package/dist/cdn/HJOIEXFY.js +2 -0
- package/dist/cdn/{MYRE52UV.js → HROHMPWY.js} +1 -1
- package/dist/cdn/{ZHL6W4RA.js → I43WY2D5.js} +1 -1
- package/dist/cdn/IAJ5VK3K.js +2 -0
- package/dist/cdn/{FOXXK3D4.js → IDQINYXC.js} +1 -1
- package/dist/cdn/{6TYRP5NM.js → IRIQREKZ.js} +1 -1
- package/dist/cdn/{CYAFE7DA.js → IXHQCXE4.js} +1 -1
- package/dist/cdn/{UHCDDVQO.js → IYVJTGPV.js} +1 -1
- package/dist/cdn/{B5O6HOTC.js → J5NM6Z36.js} +1 -1
- package/dist/cdn/JM3YMXAO.js +2 -0
- package/dist/cdn/{AJWS4APY.js → K5CHYDYC.js} +1 -1
- package/dist/cdn/{V7QP3RVI.js → K5YZ7BFN.js} +1 -1
- package/dist/cdn/{IDAH2UN2.js → KEFUKWA4.js} +1 -1
- package/dist/cdn/{PCF5IOFT.js → KLPPJGLY.js} +1 -1
- package/dist/cdn/{IIS6LZHB.js → KLVIIFFM.js} +1 -1
- package/dist/cdn/{6YTH2EAA.js → KRQ6GP54.js} +1 -1
- package/dist/cdn/{ZWMQBOMI.js → LAPI6IOX.js} +1 -1
- package/dist/cdn/{VHLBKPXF.js → LARLQECK.js} +1 -1
- package/dist/cdn/{LML3GUYX.js → LUNIDTVK.js} +1 -1
- package/dist/cdn/{2GIGNUD7.js → LVV2T2OW.js} +1 -1
- package/dist/cdn/M7IYWSJQ.js +2 -0
- package/dist/cdn/{5AM6LHG2.js → MAECCZPT.js} +1 -1
- package/dist/cdn/{IKPJDQTL.js → MI5QKQZ6.js} +1 -1
- package/dist/cdn/{5LICWMG4.js → MNFUE4HN.js} +1 -1
- package/dist/cdn/{MZ47FA5O.js → MNUIYRW7.js} +1 -1
- package/dist/cdn/{MSVMDJSX.js → MOGCTSB5.js} +1 -1
- package/dist/cdn/{G226XBTC.js → MYVQU6TY.js} +1 -1
- package/dist/cdn/{4NYN6D2X.js → NATFIRX2.js} +1 -1
- package/dist/cdn/{6WJWGWLR.js → NELXJHQJ.js} +1 -1
- package/dist/cdn/{3TTIA5XB.js → NIF44IMK.js} +1 -1
- package/dist/cdn/{IEGKTIVZ.js → NZXDLCWX.js} +1 -1
- package/dist/cdn/{74OL6XUR.js → O2TTTALK.js} +1 -1
- package/dist/cdn/{ZYR56P72.js → OATXIVNQ.js} +1 -1
- package/dist/cdn/{SKT7G2EI.js → OE7D6AZR.js} +1 -1
- package/dist/cdn/{I4MLWP26.js → OE7LPIET.js} +1 -1
- package/dist/cdn/{VSLCBUGQ.js → OV5NUGNH.js} +1 -1
- package/dist/cdn/{GGXMB5I2.js → OWF2ORNH.js} +1 -1
- package/dist/cdn/{DOFTWTWW.js → PVIMYSXG.js} +1 -1
- package/dist/cdn/{OUUHSLTS.js → QCFIESWI.js} +1 -1
- package/dist/cdn/{BLALGKX5.js → QCK55ZKU.js} +1 -1
- package/dist/cdn/{DFXJJLMQ.js → QRKNZJMG.js} +1 -1
- package/dist/cdn/{W2P2LQCQ.js → R3AORQ2J.js} +1 -1
- package/dist/cdn/{CIVHX7CP.js → R6KVIUIE.js} +1 -1
- package/dist/cdn/{5WQE57LV.js → RPITWSDI.js} +1 -1
- package/dist/cdn/{ILC5EO6V.js → S5PSKHVG.js} +1 -1
- package/dist/cdn/{QW2ICJD3.js → S7SNBXSD.js} +1 -1
- package/dist/cdn/{J2A5YXKX.js → SCIU66RG.js} +1 -1
- package/dist/cdn/{UYZEHIYC.js → SOWLGUU6.js} +1 -1
- package/dist/cdn/{2IESNZ4X.js → SY3X7HXN.js} +1 -1
- package/dist/cdn/{5GUS4IJL.js → THFNJC6A.js} +1 -1
- package/dist/cdn/{OKPW3DD3.js → TKP2F6LP.js} +1 -1
- package/dist/cdn/{Z43NR3ZE.js → U5WICV4H.js} +1 -1
- package/dist/cdn/{JUTSQCSF.js → UBBZVARC.js} +1 -1
- package/dist/cdn/{B7J7BIDS.js → UKCUBYAV.js} +1 -1
- package/dist/cdn/{D2Y2JDPU.js → UMTTZZ4Y.js} +1 -1
- package/dist/cdn/{3DHZHS4L.js → UTKWG347.js} +1 -1
- package/dist/cdn/{QOXS5GJU.js → UTZJ5WBW.js} +1 -1
- package/dist/cdn/{7FPLLYNC.js → UWLZIAGA.js} +1 -1
- package/dist/cdn/{KRVBUYK6.js → V223M5N3.js} +1 -1
- package/dist/cdn/{S47HQFYM.js → V2CF54FF.js} +1 -1
- package/dist/cdn/{W2XGHWZH.js → V6W4EAUG.js} +1 -1
- package/dist/cdn/{RCKI322C.js → VAOMYSXH.js} +1 -1
- package/dist/cdn/{WRUP63MR.js → WE4PROYG.js} +1 -1
- package/dist/cdn/{SIDUBAYI.js → WG2TFG3W.js} +1 -1
- package/dist/cdn/{VSKZZ5DI.js → WN4KZ2Y5.js} +1 -1
- package/dist/cdn/{77OPXWUD.js → WTOCNGZB.js} +1 -1
- package/dist/cdn/{TGJQJYKX.js → WVJCT26P.js} +1 -1
- package/dist/cdn/{OV66KQLK.js → X6SWCNNE.js} +1 -1
- package/dist/cdn/{XPPVHMUI.js → XCSDOIZO.js} +1 -1
- package/dist/cdn/{FJYZWPVI.js → XFEJTWCU.js} +1 -1
- package/dist/cdn/{OUNDGE3C.js → XK2TWE74.js} +1 -1
- package/dist/cdn/{FNG347VK.js → XWTTWBCW.js} +1 -1
- package/dist/cdn/{CPPIY2OG.js → XXF4KZ6T.js} +1 -1
- package/dist/cdn/Y3FKHQCL.js +2 -0
- package/dist/cdn/{P3DKIVDE.js → Y3V4YN7G.js} +1 -1
- package/dist/cdn/{KVPR44TP.js → Y5ZLUQRY.js} +1 -1
- package/dist/cdn/{X7Q5UKJR.js → YECEAYDS.js} +1 -1
- package/dist/cdn/{Y6JOX56N.js → YF5AB6VY.js} +1 -1
- package/dist/cdn/{B2QWF4FQ.js → YI2HKUIL.js} +1 -1
- package/dist/cdn/{KZHR7MM7.js → YJ5YQXTH.js} +1 -1
- package/dist/cdn/YXJQK6BG.js +2 -0
- package/dist/cdn/{J4WBYVN7.js → ZAREJEMR.js} +1 -1
- package/dist/cdn/{2XVHY3CP.js → ZJ35NVSL.js} +1 -1
- package/dist/cdn/{3DFRUKAO.js → ZMPQIMPJ.js} +1 -1
- package/dist/cdn/{PC3ZPCP5.js → ZVIAV4OI.js} +1 -1
- package/dist/cdn/index.js +1 -1
- package/dist/chunks/responsive.js +1 -1
- package/dist/chunks/runtime.js +3 -3
- package/dist/chunks/utils3.js +1 -1
- package/dist/components/calcite-date-picker-month-header/customElement.js +1 -1
- 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 +3 -3
- package/dist/cdn/4DQBCTK5.js +0 -2
- package/dist/cdn/B3OV6FHO.js +0 -2
- package/dist/cdn/DV7SAVOZ.js +0 -2
- package/dist/cdn/ECXUQJCX.js +0 -2
- package/dist/cdn/ETCZNK6P.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
|
@@ -22,7 +22,7 @@ const CSS = {
|
|
|
22
22
|
content: "notice-content",
|
|
23
23
|
icon: "notice-icon"
|
|
24
24
|
};
|
|
25
|
-
const styles = css`:host([scale=s]){--calcite-notice-spacing-token-small: .5rem;--calcite-notice-spacing-token-large: .75rem}:host([scale=s]) .container slot[name=title]::slotted(*),:host([scale=s]) .container *::slotted([slot=title]){font-size:var(--calcite-font-size-relative-base);line-height:var(--calcite-font-line-height-relative-snug)}:host([scale=s]) .container slot[name=message]::slotted(*),:host([scale=s]) .container *::slotted([slot=message]){font-size:var(--calcite-font-size-relative-sm);line-height:var(--calcite-font-line-height-relative-snug)}:host([scale=s]) ::slotted(calcite-link){font-size:var(--calcite-font-size-relative-sm);line-height:var(--calcite-font-line-height-relative-snug)}:host([scale=m]){--calcite-notice-spacing-token-small: .75rem;--calcite-notice-spacing-token-large: 1rem}:host([scale=m]) .container slot[name=title]::slotted(*),:host([scale=m]) .container *::slotted([slot=title]){font-size:var(--calcite-font-size-relative-md);line-height:var(--calcite-font-line-height-relative-snug)}:host([scale=m]) .container slot[name=message]::slotted(*),:host([scale=m]) .container *::slotted([slot=message]){font-size:var(--calcite-font-size-relative-base);line-height:var(--calcite-font-line-height-relative-snug)}:host([scale=m]) ::slotted(calcite-link){font-size:var(--calcite-font-size-relative-base);line-height:var(--calcite-font-line-height-relative-snug)}:host([scale=l]){--calcite-notice-spacing-token-small: 1rem;--calcite-notice-spacing-token-large: 1.25rem}:host([scale=l]) .container slot[name=title]::slotted(*),:host([scale=l]) .container *::slotted([slot=title]){font-size:var(--calcite-font-size-relative-lg);line-height:var(--calcite-font-line-height-relative-snug)}:host([scale=l]) .container slot[name=message]::slotted(*),:host([scale=l]) .container *::slotted([slot=message]){font-size:var(--calcite-font-size-relative-md);line-height:var(--calcite-font-line-height-relative-snug)}:host([scale=l]) ::slotted(calcite-link){font-size:var(--calcite-font-size-relative-md);line-height:var(--calcite-font-line-height-relative-snug)}:host([scale=l]) .notice-close{margin-inline-end:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=l]) .actions-end{margin-inline-end:var(--calcite-theme-space-sm, var(--calcite-spacing-sm));gap:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([width=auto]){--calcite-notice-width: auto}:host([width=
|
|
25
|
+
const styles = css`:host([scale=s]){--calcite-notice-spacing-token-small: .5rem;--calcite-notice-spacing-token-large: .75rem}:host([scale=s]) .container slot[name=title]::slotted(*),:host([scale=s]) .container *::slotted([slot=title]){font-size:var(--calcite-font-size-relative-base);line-height:var(--calcite-font-line-height-relative-snug)}:host([scale=s]) .container slot[name=message]::slotted(*),:host([scale=s]) .container *::slotted([slot=message]){font-size:var(--calcite-font-size-relative-sm);line-height:var(--calcite-font-line-height-relative-snug)}:host([scale=s]) ::slotted(calcite-link){font-size:var(--calcite-font-size-relative-sm);line-height:var(--calcite-font-line-height-relative-snug)}:host([scale=m]){--calcite-notice-spacing-token-small: .75rem;--calcite-notice-spacing-token-large: 1rem}:host([scale=m]) .container slot[name=title]::slotted(*),:host([scale=m]) .container *::slotted([slot=title]){font-size:var(--calcite-font-size-relative-md);line-height:var(--calcite-font-line-height-relative-snug)}:host([scale=m]) .container slot[name=message]::slotted(*),:host([scale=m]) .container *::slotted([slot=message]){font-size:var(--calcite-font-size-relative-base);line-height:var(--calcite-font-line-height-relative-snug)}:host([scale=m]) ::slotted(calcite-link){font-size:var(--calcite-font-size-relative-base);line-height:var(--calcite-font-line-height-relative-snug)}:host([scale=l]){--calcite-notice-spacing-token-small: 1rem;--calcite-notice-spacing-token-large: 1.25rem}:host([scale=l]) .container slot[name=title]::slotted(*),:host([scale=l]) .container *::slotted([slot=title]){font-size:var(--calcite-font-size-relative-lg);line-height:var(--calcite-font-line-height-relative-snug)}:host([scale=l]) .container slot[name=message]::slotted(*),:host([scale=l]) .container *::slotted([slot=message]){font-size:var(--calcite-font-size-relative-md);line-height:var(--calcite-font-line-height-relative-snug)}:host([scale=l]) ::slotted(calcite-link){font-size:var(--calcite-font-size-relative-md);line-height:var(--calcite-font-line-height-relative-snug)}:host([scale=l]) .notice-close{margin-inline-end:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=l]) .actions-end{margin-inline-end:var(--calcite-theme-space-sm, var(--calcite-spacing-sm));gap:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([width=auto]){--calcite-notice-width: auto}:host([width=full]){--calcite-notice-width: 100%}:host{margin-inline:auto;display:none;max-inline-size:100%;align-items:center;inline-size:var(--calcite-notice-width)}.container{pointer-events:none;margin-block:0px;box-sizing:border-box;display:flex;inline-size:100%;opacity:0;overflow:hidden;max-block-size:0;transition-property:opacity,max-block-size;transition-duration:var(--calcite-animation-timing);text-align:start;border-radius:var(--calcite-notice-corner-radius, var(--calcite-corner-radius-sm));box-shadow:var(--calcite-notice-shadow, var(--calcite-shadow-none))}:host{display:flex}:host([open]) .container{pointer-events:auto;max-block-size:100%;align-items:center;opacity:1;overflow:visible}@starting-style{:host([open]) .container{opacity:0;max-block-size:0}}:host([open][appearance=outline-fill]) .container{border:var(--calcite-border-width-sm) solid}.container slot[name=title]::slotted(*),.container *::slotted([slot=title]){margin:0;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-notice-title-text-color, var(--calcite-color-text-1))}.container slot[name=message]::slotted(*),.container *::slotted([slot=message]){margin:0;display:inline;font-weight:var(--calcite-theme-font-weight-regular, var(--calcite-font-weight-normal));color:var(--calcite-notice-content-text-color, var(--calcite-color-text-2))}:host(:not([kind=neutral])[appearance=solid]) .container slot[name=title]::slotted(*),:host(:not([kind=neutral])[appearance=solid]) .container *::slotted([slot=title]){color:var(--calcite-notice-title-text-color, var(--calcite-color-text-inverse))}:host(:not([kind=neutral])[appearance=solid]) .container slot[name=message]::slotted(*),:host(:not([kind=neutral])[appearance=solid]) .container *::slotted([slot=message]){color:var(--calcite-notice-content-text-color, var(--calcite-color-text-inverse))}.notice-content{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;box-sizing:border-box;padding-inline:var(--calcite-notice-spacing-token-large);flex:0 0 auto;display:flex;min-inline-size:0px;flex-direction:column;overflow-wrap:break-word;flex:1 1 0;padding-block:var(--calcite-notice-spacing-token-small);padding-inline:0 var(--calcite-notice-spacing-token-large)}.notice-content:first-of-type:not(:only-child){padding-inline-start:var(--calcite-notice-spacing-token-large)}.notice-content:only-of-type{padding-block:var(--calcite-notice-spacing-token-small);padding-inline:var(--calcite-notice-spacing-token-large)}.notice-icon{display:flex;align-items:center;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;box-sizing:border-box;padding-block:var(--calcite-notice-spacing-token-small);padding-inline:var(--calcite-notice-spacing-token-large);flex:0 0 auto;padding-inline:var(--calcite-notice-spacing-token-small)}.notice-close{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;box-sizing:border-box;display:flex;cursor:pointer;align-items:center;flex:0 0 auto;margin-inline-end:var(--calcite-theme-space-xs, var(--calcite-spacing-xs));--calcite-action-background-color: var(--calcite-notice-close-background-color);--calcite-action-background-color-hover: var( --calcite-notice-close-background-color-hover, var(--calcite-notice-close-background-color-focus) );--calcite-action-background-color-press: var(--calcite-notice-close-background-color-press);--calcite-action-text-color: var(--calcite-notice-close-icon-color, var(--calcite-color-text-3));--calcite-action-text-color-press: var(--calcite-notice-close-icon-color-hover)}.actions-end{display:flex;align-items:center;flex:0 0 auto;margin-inline-end:var(--calcite-theme-space-xs, var(--calcite-spacing-xs));gap:var(--calcite-theme-space-xs, var(--calcite-spacing-xs))}:host([kind=brand][appearance=outline-fill]) .container{border-color:var(--calcite-notice-border-color, rgb(from var(--calcite-color-brand) r g b/var(--calcite-opacity-half)));background-color:var(--calcite-notice-background-color, color-mix(in srgb, var(--calcite-color-brand) 5%, var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1))))}:host([kind=brand][appearance=outline-fill]) .notice-icon,:host([kind=brand][appearance=transparent]) .notice-icon{color:var(--calcite-color-brand)}:host([kind=info][appearance=outline-fill]) .container{border-color:var(--calcite-notice-border-color, rgb(from var(--calcite-color-status-info) r g b/var(--calcite-opacity-half)));background-color:var(--calcite-notice-background-color, color-mix(in srgb, var(--calcite-color-status-info) 5%, var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1))))}:host([kind=info][appearance=outline-fill]) .notice-icon,:host([kind=info][appearance=transparent]) .notice-icon{color:var(--calcite-color-status-info)}:host([kind=danger][appearance=outline-fill]) .container{border-color:var(--calcite-notice-border-color, rgb(from var(--calcite-color-status-danger) r g b/var(--calcite-opacity-half)));background-color:var(--calcite-notice-background-color, color-mix(in srgb, var(--calcite-color-status-danger) 5%, var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1))))}:host([kind=danger][appearance=outline-fill]) .notice-icon,:host([kind=danger][appearance=transparent]) .notice-icon{color:var(--calcite-color-status-danger)}:host([kind=success][appearance=outline-fill]) .container{border-color:var(--calcite-notice-border-color, rgb(from var(--calcite-color-status-success) r g b/var(--calcite-opacity-half)));background-color:var(--calcite-notice-background-color, color-mix(in srgb, var(--calcite-color-status-success) 5%, var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1))))}:host([kind=success][appearance=outline-fill]) .notice-icon,:host([kind=success][appearance=transparent]) .notice-icon{color:var(--calcite-color-status-success)}:host([kind=warning][appearance=outline-fill]) .container{border-color:var(--calcite-notice-border-color, rgb(from var(--calcite-color-status-warning) r g b/var(--calcite-opacity-half)));background-color:var(--calcite-notice-background-color, color-mix(in srgb, var(--calcite-color-status-warning) 5%, var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1))))}:host([kind=warning][appearance=outline-fill]) .notice-icon,:host([kind=warning][appearance=transparent]) .notice-icon{color:var(--calcite-color-status-warning)}:host([kind=neutral][appearance=outline-fill]) .container{border-color:var(--calcite-color-border-2);background-color:var(--calcite-notice-background-color, var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1)))}:host([kind=neutral]) .notice-icon{color:var(--calcite-color-text-3)}:host([appearance=transparent]) .container{background-color:transparent}:host([hidden]){display:none}[hidden]{display:none}`;
|
|
26
26
|
class Notice extends LitElement {
|
|
27
27
|
constructor() {
|
|
28
28
|
super(...arguments);
|
|
@@ -89,8 +89,6 @@ export abstract class SegmentedControl extends LitElement {
|
|
|
89
89
|
/**
|
|
90
90
|
* Specifies the width of the component.
|
|
91
91
|
*
|
|
92
|
-
* [Deprecated] The `"half"` value is deprecated in v3.0.0, removal target v6.0.0 - use `"full"` instead.
|
|
93
|
-
*
|
|
94
92
|
* @default "auto"
|
|
95
93
|
*/
|
|
96
94
|
accessor width: Extract<"auto" | "full", Width>;
|
|
@@ -94,11 +94,9 @@ export abstract class Select extends LitElement {
|
|
|
94
94
|
/**
|
|
95
95
|
* Specifies the width of the component.
|
|
96
96
|
*
|
|
97
|
-
* [Deprecated] The `"half"` value is deprecated in v3.0.0, removal target v6.0.0 - use `"full"` instead.
|
|
98
|
-
*
|
|
99
97
|
* @default "auto"
|
|
100
98
|
*/
|
|
101
|
-
accessor width: Extract<Width, "auto" | "
|
|
99
|
+
accessor width: Extract<Width, "auto" | "full">;
|
|
102
100
|
/**
|
|
103
101
|
* Sets focus on the component.
|
|
104
102
|
*
|
|
@@ -17,7 +17,7 @@ import { u as useForm } from "../../chunks/useForm.js";
|
|
|
17
17
|
import { C as CSS, I as IDS } from "../../chunks/resources18.js";
|
|
18
18
|
const isOption = isTag("calcite-option");
|
|
19
19
|
const isOptionGroup = isTag("calcite-option-group");
|
|
20
|
-
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:flex;flex-direction:column;font-size:var(--calcite-select-font-size);font-weight:var(--calcite-internal-select-font-weight, var(--calcite-font-weight-regular))}.wrapper{position:relative;display:flex;align-items:stretch;inline-size:var(--select-width);block-size:var(--calcite-internal-select-block-size, 32px)}.wrapper:focus-within .icon,.wrapper:active .icon,.wrapper:hover .icon{color:var(--calcite-select-icon-color-hover, var(--calcite-color-text-1))}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([scale=s]){--calcite-internal-select-font-size: var(--calcite-font-size-relative-sm);--calcite-internal-select-spacing-inline: var(--calcite-space-sm) var(--calcite-space-2xl);--calcite-internal-select-icon-container-padding-inline: var(--calcite-space-2xs);--calcite-internal-select-block-size: 24px}:host([scale=m]){--calcite-internal-select-font-size: var(--calcite-font-size-relative-base);--calcite-internal-select-spacing-inline: var(--calcite-space-md) var(--calcite-space-3xl);--calcite-internal-select-icon-container-padding-inline: var(--calcite-space-sm)}:host([scale=l]){--calcite-internal-select-font-size: var(--calcite-font-size-relative-md);--calcite-internal-select-spacing-inline: var(--calcite-space-lg) var(--calcite-space-4xl);--calcite-internal-select-icon-container-padding-inline: var(--calcite-space-sm-plus);--calcite-internal-select-block-size: 44px}:host([width=auto]){inline-size:auto}:host([width=
|
|
20
|
+
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:flex;flex-direction:column;font-size:var(--calcite-select-font-size);font-weight:var(--calcite-internal-select-font-weight, var(--calcite-font-weight-regular))}.wrapper{position:relative;display:flex;align-items:stretch;inline-size:var(--select-width);block-size:var(--calcite-internal-select-block-size, 32px)}.wrapper:focus-within .icon,.wrapper:active .icon,.wrapper:hover .icon{color:var(--calcite-select-icon-color-hover, var(--calcite-color-text-1))}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([scale=s]){--calcite-internal-select-font-size: var(--calcite-font-size-relative-sm);--calcite-internal-select-spacing-inline: var(--calcite-space-sm) var(--calcite-space-2xl);--calcite-internal-select-icon-container-padding-inline: var(--calcite-space-2xs);--calcite-internal-select-block-size: 24px}:host([scale=m]){--calcite-internal-select-font-size: var(--calcite-font-size-relative-base);--calcite-internal-select-spacing-inline: var(--calcite-space-md) var(--calcite-space-3xl);--calcite-internal-select-icon-container-padding-inline: var(--calcite-space-sm)}:host([scale=l]){--calcite-internal-select-font-size: var(--calcite-font-size-relative-md);--calcite-internal-select-spacing-inline: var(--calcite-space-lg) var(--calcite-space-4xl);--calcite-internal-select-icon-container-padding-inline: var(--calcite-space-sm-plus);--calcite-internal-select-block-size: 44px}:host([width=auto]){inline-size:auto}:host([width=full]){inline-size:100%}.select{margin:0;box-sizing:border-box;inline-size:100%;cursor:pointer;appearance:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-style:solid;font-family:inherit;outline-color:transparent;font-weight:inherit;font-size:var(--calcite-select-font-size, var(--calcite-internal-select-font-size));color:var(--calcite-select-text-color, var(--calcite-color-text-2));border-color:var(--calcite-select-border-color, var(--calcite-color-border-input));border-width:var(--calcite-select-internal-border-width, var(--calcite-border-width-sm));padding-inline:var(--calcite-internal-select-spacing-inline);padding-block:var(--calcite-internal-select-spacing-block);border-inline-end-width:0;line-height:var(--calcite-internal-select-line-height, normal);background-color:var(--calcite-select-background-color, var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1)));border-radius:var(--calcite-select-corner-radius, var(--calcite-corner-radius));box-shadow:var(--calcite-select-shadow, var(--calcite-shadow-none))}.select:focus{outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(calc(-1 * var(--calcite-theme-space-base, var(--calcite-spacing-base))) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}select:disabled{border-color:var(--calcite-color-border-input);--tw-bg-opacity: 1}.icon-container{pointer-events:none;position:absolute;inset-block:0px;display:flex;align-items:center;border-width:0px;border-style:solid;border-color:var(--calcite-color-border-input);background-color:transparent;color:var(--calcite-color-text-2);inset-inline-end:0px;border-start-start-radius:var(--calcite-select-corner-radius, var(--calcite-corner-radius));border-start-end-radius:var(--calcite-select-corner-radius, var(--calcite-corner-radius));border-end-start-radius:var(--calcite-select-corner-radius, var(--calcite-corner-radius));border-end-end-radius:var(--calcite-select-corner-radius, var(--calcite-corner-radius));border-color:var(--calcite-select-border-color, var(--calcite-color-border-input));border-inline-width:0 var(--calcite-select-internal-icon-border-inline-end-width, var(--calcite-border-width-sm));padding-inline:var(--calcite-internal-select-icon-container-padding-inline)}.icon-container .icon{color:var(--calcite-select-icon-color, var(--calcite-color-text-3))}:host([status=invalid]) select,:host([status=invalid]) .icon-container{border-color:var(--calcite-color-status-danger)}:host([status=invalid]) select:focus,:host([status=invalid]) .icon-container:focus{outline:var(--calcite-border-width-md) solid var(--calcite-color-status-danger);outline-offset:calc(calc(-1 * var(--calcite-theme-space-base, var(--calcite-spacing-base))) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}.select:focus~.icon-container{border-color:transparent}.internal-label-alignment--center{align-items:center}.internal-label-alignment--end{align-items:end}.internal-label--container{display:flex;justify-content:space-between;color:var(--calcite-color-text-1)}.internal-label-required--indicator{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-status-danger);padding-inline:var(--calcite-theme-space-base, var(--calcite-spacing-base))}.internal-label-required--indicator:hover{cursor:help}.internal-label--text{line-height:1}:host([scale=s]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs))}:host([scale=s]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=s]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=s]) .internal-label--text{font-size:var(--calcite-font-size--2)}:host([scale=m]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=m]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=m]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=m]) .internal-label--text{font-size:var(--calcite-font-size--1)}:host([scale=l]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=l]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-theme-space-md, var(--calcite-spacing-md))}:host([scale=l]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-theme-space-md, var(--calcite-spacing-md))}:host([scale=l]) .internal-label--text{font-size:var(--calcite-font-size-0)}.validation-container{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch}:host([scale=m]) .validation-container,:host([scale=l]) .validation-container{padding-block-start:.5rem}:host([scale=s]) .validation-container{padding-block-start:.25rem}:host([hidden]){display:none}[hidden]{display:none}`;
|
|
21
21
|
class Select extends LitElement {
|
|
22
22
|
constructor() {
|
|
23
23
|
super();
|
|
@@ -11,11 +11,11 @@ export interface DeclareCssProperties {
|
|
|
11
11
|
"--calcite-shell-panel-border-color": "*";
|
|
12
12
|
/** When `displayMode` is `"float-all"`, specifies the component's corner radius. */
|
|
13
13
|
"--calcite-shell-panel-corner-radius": "*";
|
|
14
|
-
/** When `layout` is `horizontal`, or `layout` is `vertical` and `displayMode` is `float-content` or `float
|
|
14
|
+
/** When `layout` is `horizontal`, or `layout` is `vertical` and `displayMode` is `float-content` or `float-all`, specifies the component's height. */
|
|
15
15
|
"--calcite-shell-panel-height": "*";
|
|
16
|
-
/** When `layout` is `horizontal`, or `layout` is `vertical` and `displayMode` is `float-content
|
|
16
|
+
/** When `layout` is `horizontal`, or `layout` is `vertical` and `displayMode` is `float-content`, specifies the component's maximum height. */
|
|
17
17
|
"--calcite-shell-panel-max-height": "*";
|
|
18
|
-
/** When `layout` is `horizontal`, or `layout` is `vertical` and `displayMode` is `float-content
|
|
18
|
+
/** When `layout` is `horizontal`, or `layout` is `vertical` and `displayMode` is `float-content`, specifies the component's minimum height. */
|
|
19
19
|
"--calcite-shell-panel-min-height": "*";
|
|
20
20
|
/** Specifies the component's maximum width. */
|
|
21
21
|
"--calcite-shell-panel-max-width": "*";
|
|
@@ -50,7 +50,6 @@ export abstract class ShellPanel extends LitElement {
|
|
|
50
50
|
* - `"overlay"` displays at full height on top of center content.
|
|
51
51
|
* - `"float-content"` does not display at full height with content separately detached from `calcite-action-bar` on top of center content.
|
|
52
52
|
* - `"float-all"` detaches the `calcite-panel` and `calcite-action-bar` on top of center content.
|
|
53
|
-
* - `"float"` does not display at full height with content separately detached from `calcite-action-bar` on top of center content. [Deprecated] in v2.11.0, removal target v6.0.0 - use `"float-content"` instead.
|
|
54
53
|
*
|
|
55
54
|
* @default "dock"
|
|
56
55
|
*/
|
|
@@ -314,7 +314,7 @@ class ShellPanel extends LitElement {
|
|
|
314
314
|
[CSS_UTILITY.rtl]: dir === "rtl",
|
|
315
315
|
[CSS.content]: true,
|
|
316
316
|
[CSS.contentOverlay]: displayMode === "overlay",
|
|
317
|
-
[CSS.floatContent]: displayMode === "float-content"
|
|
317
|
+
[CSS.floatContent]: displayMode === "float-content",
|
|
318
318
|
[CSS_UTILITY.calciteAnimate]: displayMode === "overlay",
|
|
319
319
|
[getAnimationDir()]: displayMode === "overlay",
|
|
320
320
|
[getDimensionClass("width", this.width, this.widthScale)]: !!(this.width || this.widthScale),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export type DisplayMode = "dock" | "
|
|
1
|
+
export type DisplayMode = "dock" | "overlay" | "float-content" | "float-all";
|
|
@@ -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
|
*
|