@synergy-design-system/components 2.66.0 → 2.68.0

package/dist/synergy.js

@@ -1,7 +1,7 @@
 import "./chunks/chunk.RSCUHBW3.js";
 import {
   validate_default
-} from "./chunks/chunk.BBCNERLK.js";
+} from "./chunks/chunk.SGNGIMJT.js";
 import {
   getFormControls,
   serialize
@@ -9,63 +9,63 @@ import {
 import "./chunks/chunk.NKIYFJN2.js";
 import {
   textarea_default
-} from "./chunks/chunk.IAK63YJD.js";
+} from "./chunks/chunk.ILDXEFGI.js";
 import {
   tooltip_default
-} from "./chunks/chunk.XXHBNVGJ.js";
-import "./chunks/chunk.H4C4AYOV.js";
-import "./chunks/chunk.ZYA6FYFV.js";
+} from "./chunks/chunk.XEAJMHRE.js";
+import "./chunks/chunk.5H6JMDX7.js";
+import "./chunks/chunk.IODGN6A5.js";
 import "./chunks/chunk.MVM3NN6Y.js";
 import {
   tab_panel_default
-} from "./chunks/chunk.R3O3NJ3O.js";
+} from "./chunks/chunk.XFOKUSY3.js";
 import {
   tag_default
-} from "./chunks/chunk.HOLRPTCW.js";
-import "./chunks/chunk.7ZWTY2N6.js";
+} from "./chunks/chunk.OPRHXTCB.js";
+import "./chunks/chunk.C7IQNATI.js";
 import "./chunks/chunk.SHIPVO7H.js";
 import "./chunks/chunk.FQWBH6B3.js";
 import {
   tab_default
-} from "./chunks/chunk.5SDP3BCK.js";
+} from "./chunks/chunk.GFR3BQ3L.js";
 import {
   tab_group_default
-} from "./chunks/chunk.7XK2PDXQ.js";
-import "./chunks/chunk.SJ2ZZ2N6.js";
+} from "./chunks/chunk.SWC73JDV.js";
+import "./chunks/chunk.XAH7SDV7.js";
 import "./chunks/chunk.LBUMVFCE.js";
 import "./chunks/chunk.PKYC7QF3.js";
-import "./chunks/chunk.ZJIGAIDL.js";
+import "./chunks/chunk.BHGVVYKV.js";
 import "./chunks/chunk.XHWYGYMQ.js";
 import "./chunks/chunk.HVXG4JG6.js";
 import {
   spinner_default
-} from "./chunks/chunk.UC5ZGZDM.js";
+} from "./chunks/chunk.SOP7P2IM.js";
 import {
   switch_default
-} from "./chunks/chunk.X75T2LBV.js";
-import "./chunks/chunk.MTPMIW7G.js";
+} from "./chunks/chunk.EC7JUJG5.js";
+import "./chunks/chunk.GZ4Y3X3P.js";
 import "./chunks/chunk.ESOR5SLZ.js";
 import "./chunks/chunk.4TB35TYG.js";
-import "./chunks/chunk.EX5YFGLA.js";
+import "./chunks/chunk.UIXNC75B.js";
 import "./chunks/chunk.NREI75V5.js";
 import "./chunks/chunk.43YNZAWL.js";
 import {
   select_default
-} from "./chunks/chunk.MP3TFY3C.js";
+} from "./chunks/chunk.C3RGOPZE.js";
 import {
   side_nav_default
-} from "./chunks/chunk.3HOVINKM.js";
-import "./chunks/chunk.MIJORSTH.js";
+} from "./chunks/chunk.6AWX252V.js";
+import "./chunks/chunk.KCAWYV5W.js";
 import "./chunks/chunk.EFSUQWJZ.js";
 import {
   range_tick_default
-} from "./chunks/chunk.ANFYUWYD.js";
-import "./chunks/chunk.CTY65MBM.js";
+} from "./chunks/chunk.ZCOJFQC2.js";
+import "./chunks/chunk.G3NHTNQY.js";
 import "./chunks/chunk.DH3ESODU.js";
-import "./chunks/chunk.WRCGD5EJ.js";
+import "./chunks/chunk.QXFB6AP2.js";
 import "./chunks/chunk.OI3HOOCT.js";
-import "./chunks/chunk.6HYWXPRQ.js";
-import "./chunks/chunk.EVMELAUY.js";
+import "./chunks/chunk.CK7KCYMT.js";
+import "./chunks/chunk.JWKLIXPV.js";
 import "./chunks/chunk.2NIFD3YE.js";
 import "./chunks/chunk.6EPU7YUS.js";
 import "./chunks/chunk.VECCQZP5.js";
@@ -73,90 +73,90 @@ import "./chunks/chunk.O4QFINH7.js";
 import "./chunks/chunk.XTWO6ZZW.js";
 import {
   radio_group_default
-} from "./chunks/chunk.YCORURW3.js";
-import "./chunks/chunk.KKGMNJMF.js";
+} from "./chunks/chunk.SUWUL4JS.js";
+import "./chunks/chunk.QEQPGXFO.js";
 import "./chunks/chunk.6USNG4EL.js";
 import "./chunks/chunk.K62NPKGN.js";
 import {
   range_default
-} from "./chunks/chunk.7SA26LZX.js";
-import "./chunks/chunk.PDJK7543.js";
-import "./chunks/chunk.3YJUB4YY.js";
+} from "./chunks/chunk.IBW3FPZ7.js";
+import "./chunks/chunk.PKLT3XWH.js";
+import "./chunks/chunk.KRYNAOZ3.js";
 import "./chunks/chunk.E7LBPRDC.js";
 import "./chunks/chunk.O644HRW3.js";
 import "./chunks/chunk.BXXVSZMC.js";
 import "./chunks/chunk.236RSW67.js";
 import {
   progress_ring_default
-} from "./chunks/chunk.ICJFYIXO.js";
+} from "./chunks/chunk.EGFBMJPU.js";
 import {
   radio_default
-} from "./chunks/chunk.KW7SVQ6L.js";
-import "./chunks/chunk.YK37UDVI.js";
+} from "./chunks/chunk.VVZ6H6F4.js";
+import "./chunks/chunk.XXBFY2DU.js";
 import "./chunks/chunk.JK6P7JZN.js";
 import "./chunks/chunk.EHSNF4SS.js";
 import {
   radio_button_default
-} from "./chunks/chunk.WXC65CQO.js";
-import "./chunks/chunk.X7TRTTOD.js";
+} from "./chunks/chunk.F7RMMIZ3.js";
+import "./chunks/chunk.G574EUDH.js";
 import "./chunks/chunk.4BRJ5OJE.js";
 import {
   progress_bar_default
-} from "./chunks/chunk.PHX2PQCZ.js";
-import "./chunks/chunk.EB5O75D6.js";
+} from "./chunks/chunk.NFAZPKSI.js";
+import "./chunks/chunk.CW5MFA6D.js";
 import "./chunks/chunk.A7LOAARY.js";
 import "./chunks/chunk.QUM76UHV.js";
-import "./chunks/chunk.B4B3WD7K.js";
+import "./chunks/chunk.YHLKCTKP.js";
 import "./chunks/chunk.5EC6B57G.js";
 import "./chunks/chunk.RMIDAEF5.js";
 import {
   popup_default
-} from "./chunks/chunk.R3WQIYNT.js";
+} from "./chunks/chunk.GLGETYV7.js";
 import {
   prio_nav_default
-} from "./chunks/chunk.ONLIY7OQ.js";
-import "./chunks/chunk.W7WFMSPT.js";
+} from "./chunks/chunk.3K665TEO.js";
+import "./chunks/chunk.6TXRZZRH.js";
 import "./chunks/chunk.OJ3N7TWP.js";
 import "./chunks/chunk.74N5WLM5.js";
 import {
   optgroup_default
-} from "./chunks/chunk.RH2BINVL.js";
-import "./chunks/chunk.HNKSK5CG.js";
+} from "./chunks/chunk.DRVUYS7O.js";
+import "./chunks/chunk.DBXZN7BX.js";
 import "./chunks/chunk.MJ7R4QQT.js";
 import {
   option_default
-} from "./chunks/chunk.OWXSJ6AM.js";
+} from "./chunks/chunk.JVT5YHF6.js";
 import {
   menu_label_default
-} from "./chunks/chunk.GNQSZYWB.js";
-import "./chunks/chunk.4PVEYUNP.js";
+} from "./chunks/chunk.NZPZ6BJJ.js";
+import "./chunks/chunk.CSYMJQHT.js";
 import "./chunks/chunk.GZHQAHOL.js";
 import "./chunks/chunk.RAOPZXJL.js";
 import {
   nav_item_default
-} from "./chunks/chunk.4Y6DC4R2.js";
-import "./chunks/chunk.UBZCK6SG.js";
+} from "./chunks/chunk.YEPGZEGL.js";
+import "./chunks/chunk.P5Z5W4VH.js";
 import "./chunks/chunk.M74YQZ5G.js";
 import {
   menu_default
-} from "./chunks/chunk.SOVN67PP.js";
-import "./chunks/chunk.Z4674HIW.js";
+} from "./chunks/chunk.T3YKC4OU.js";
+import "./chunks/chunk.5LWCJPWK.js";
 import "./chunks/chunk.3IQ2QEPZ.js";
 import "./chunks/chunk.C2CWYCOU.js";
 import {
   menu_item_default
-} from "./chunks/chunk.M6Z3NFBN.js";
-import "./chunks/chunk.W64FKHFL.js";
+} from "./chunks/chunk.GT6ITNHT.js";
+import "./chunks/chunk.COYX47VV.js";
 import "./chunks/chunk.V4HPWQE7.js";
 import "./chunks/chunk.SZEHOV5P.js";
 import "./chunks/chunk.FSWTBNSI.js";
 import {
   icon_button_default
-} from "./chunks/chunk.KSYZFVII.js";
+} from "./chunks/chunk.JKEK6N2C.js";
 import {
   input_default
-} from "./chunks/chunk.JJ5ZG7GW.js";
-import "./chunks/chunk.AJMWJC6D.js";
+} from "./chunks/chunk.QASQSLYN.js";
+import "./chunks/chunk.H36LLUDZ.js";
 import "./chunks/chunk.NFXT5LNY.js";
 import "./chunks/chunk.K2O55TNU.js";
 import "./chunks/chunk.XAQKFEHH.js";
@@ -169,64 +169,64 @@ import {
 } from "./chunks/chunk.LHFBIW7M.js";
 import {
   file_default
-} from "./chunks/chunk.D6S2P3XE.js";
+} from "./chunks/chunk.A3AOEMAL.js";
 import {
   header_default
-} from "./chunks/chunk.KVUZAGXM.js";
-import "./chunks/chunk.PJY3DCC3.js";
+} from "./chunks/chunk.M6OZ32OE.js";
+import "./chunks/chunk.T7SOASYZ.js";
 import "./chunks/chunk.EK4TK5MY.js";
 import {
   icon_default
-} from "./chunks/chunk.DOFCWLUT.js";
+} from "./chunks/chunk.BVHYTOVD.js";
 import {
   drawer_default
-} from "./chunks/chunk.VCW2EZN2.js";
+} from "./chunks/chunk.HVOTVHZD.js";
 import {
   dropdown_default
-} from "./chunks/chunk.HWO4NFXI.js";
-import "./chunks/chunk.6NMUMOAS.js";
+} from "./chunks/chunk.CFJZOT5K.js";
+import "./chunks/chunk.GUB5H6AT.js";
 import "./chunks/chunk.2KYFCKCK.js";
 import "./chunks/chunk.D6IIQDWJ.js";
-import "./chunks/chunk.MX5RFQBO.js";
-import "./chunks/chunk.CW2Q7KG6.js";
+import "./chunks/chunk.G6ZK3DA7.js";
+import "./chunks/chunk.5C3IFF3A.js";
 import {
   dialog_default
-} from "./chunks/chunk.IXAY7WRR.js";
+} from "./chunks/chunk.VOQT7NAQ.js";
 import {
   divider_default
-} from "./chunks/chunk.XRW3IY5E.js";
-import "./chunks/chunk.NV7OURAE.js";
+} from "./chunks/chunk.CB3HTBCC.js";
+import "./chunks/chunk.JK3KMYQY.js";
 import "./chunks/chunk.57RV2JXO.js";
 import "./chunks/chunk.FSZIE7IO.js";
-import "./chunks/chunk.COSZI476.js";
+import "./chunks/chunk.DN2PRKCI.js";
 import "./chunks/chunk.N7QJ54ZM.js";
 import "./chunks/chunk.AAR2TIOJ.js";
 import {
   details_default
-} from "./chunks/chunk.I2OSO4QK.js";
-import "./chunks/chunk.CUFDAK7E.js";
-import "./chunks/chunk.DFK2PRNS.js";
+} from "./chunks/chunk.GGTBQAN6.js";
+import "./chunks/chunk.THLAHTXZ.js";
+import "./chunks/chunk.2DGMS4FV.js";
 import "./chunks/chunk.VA26EAEP.js";
-import "./chunks/chunk.77K7PYKM.js";
+import "./chunks/chunk.DI6QKPGA.js";
 import "./chunks/chunk.MU43DZ7W.js";
 import "./chunks/chunk.AYAX7BG7.js";
 import "./chunks/chunk.G76BKD7B.js";
 import "./chunks/chunk.UCLYCASW.js";
 import {
   checkbox_default
-} from "./chunks/chunk.W7NBREQ5.js";
-import "./chunks/chunk.FZEMDL6N.js";
+} from "./chunks/chunk.LZ4W3A5W.js";
+import "./chunks/chunk.PJ2UMART.js";
 import "./chunks/chunk.TKNBZNA7.js";
 import "./chunks/chunk.6OX2AX3Z.js";
 import {
   combobox_default
-} from "./chunks/chunk.KV3XVEDH.js";
-import "./chunks/chunk.RZ5SXENN.js";
-import "./chunks/chunk.QHJAEREG.js";
+} from "./chunks/chunk.YDSQY555.js";
+import "./chunks/chunk.CCGBNYZY.js";
+import "./chunks/chunk.DUJDXGVZ.js";
 import "./chunks/chunk.ARR23WUY.js";
 import "./chunks/chunk.G3KRSXVI.js";
 import "./chunks/chunk.IVM3BGRH.js";
-import "./chunks/chunk.FNQLHQHX.js";
+import "./chunks/chunk.6ETSHLH4.js";
 import "./chunks/chunk.36EHOOOO.js";
 import "./chunks/chunk.AZ3N5IOO.js";
 import {
@@ -242,29 +242,29 @@ import "./chunks/chunk.QC7X32ZP.js";
 import "./chunks/chunk.TRGOAYBG.js";
 import {
   button_default
-} from "./chunks/chunk.WW3XMU5X.js";
+} from "./chunks/chunk.57XDNOFC.js";
 import {
   button_group_default
-} from "./chunks/chunk.QUHPCPQ3.js";
-import "./chunks/chunk.5NCD5G4E.js";
+} from "./chunks/chunk.356ZIAOH.js";
+import "./chunks/chunk.QBOXAVW4.js";
 import "./chunks/chunk.GRVNUIP2.js";
 import {
   card_default
-} from "./chunks/chunk.BL5GEH46.js";
-import "./chunks/chunk.6ZEX5JTE.js";
+} from "./chunks/chunk.N2D7YV25.js";
+import "./chunks/chunk.RD3RTU25.js";
 import "./chunks/chunk.UT6RKBNF.js";
 import "./chunks/chunk.C4JTZKPZ.js";
 import {
   breadcrumb_default
-} from "./chunks/chunk.VK42V6MB.js";
+} from "./chunks/chunk.7HR4P2JP.js";
 import {
   breadcrumb_item_default
-} from "./chunks/chunk.WQJJDHC2.js";
-import "./chunks/chunk.GCIL263G.js";
+} from "./chunks/chunk.I54UNUDW.js";
+import "./chunks/chunk.RRATVNK2.js";
 import "./chunks/chunk.77CVXMWD.js";
 import "./chunks/chunk.O6ZH6AOI.js";
-import "./chunks/chunk.7ILSINEN.js";
-import "./chunks/chunk.M2CL7AMR.js";
+import "./chunks/chunk.RPERBQJS.js";
+import "./chunks/chunk.AHYEFRMS.js";
 import "./chunks/chunk.4WQZFNSE.js";
 import "./chunks/chunk.JLXCLATV.js";
 import "./chunks/chunk.HP2LEQRU.js";
@@ -272,31 +272,31 @@ import "./chunks/chunk.VWY2RG4F.js";
 import "./chunks/chunk.5SQ7NVBX.js";
 import {
   alert_default
-} from "./chunks/chunk.VQZIMVFT.js";
+} from "./chunks/chunk.F4VTOOEJ.js";
 import {
   badge_default
-} from "./chunks/chunk.K2W7TKYW.js";
-import "./chunks/chunk.C6W63PB7.js";
+} from "./chunks/chunk.XG5NEDOI.js";
+import "./chunks/chunk.H4FE7ZG6.js";
 import "./chunks/chunk.NQ4HEUZZ.js";
 import "./chunks/chunk.Y5TMYX2L.js";
-import "./chunks/chunk.QBR2GNYK.js";
+import "./chunks/chunk.7342HRPY.js";
 import "./chunks/chunk.32CYREEV.js";
 import "./chunks/chunk.S22BO5SF.js";
 import {
   accordion_default
-} from "./chunks/chunk.VBDMOBIZ.js";
-import "./chunks/chunk.3MNIHRJZ.js";
+} from "./chunks/chunk.TYWMXQUB.js";
+import "./chunks/chunk.NEDQHJJE.js";
 import "./chunks/chunk.WNUZ6LH4.js";
-import "./chunks/chunk.GLT63ZIY.js";
+import "./chunks/chunk.I3JBNYLI.js";
 import "./chunks/chunk.WXVOTRW5.js";
-import "./chunks/chunk.Z4IDAOYF.js";
+import "./chunks/chunk.YXMPQZRF.js";
 import "./chunks/chunk.DZ7YIR5N.js";
 import "./chunks/chunk.E3Z62YYT.js";
 import "./chunks/chunk.C2ENQBPM.js";
 import "./chunks/chunk.G6ITZTTW.js";
 import "./chunks/chunk.7JGKUB4A.js";
 import "./chunks/chunk.WVVQK5TE.js";
-import "./chunks/chunk.T2NTDWO2.js";
+import "./chunks/chunk.LGSTTQAO.js";
 import {
   registerIconLibrary,
   unregisterIconLibrary
@@ -328,7 +328,7 @@ import "./chunks/chunk.6QJYD7WX.js";
 import "./chunks/chunk.RB2JR2ND.js";
 import "./chunks/chunk.BVZQ6QSY.js";
 import "./chunks/chunk.NLYVOJGK.js";
-import "./chunks/chunk.L2QPM6ND.js";
+import "./chunks/chunk.V2PW5YGW.js";
 import "./chunks/chunk.MX72UPWV.js";
 import "./chunks/chunk.BXY667C7.js";
 import "./chunks/chunk.Z4XV3SMG.js";

package/package.json

@@ -4,7 +4,7 @@
     "url": "https://www.sick.com"
   },
   "name": "@synergy-design-system/components",
-  "version": "2.66.0",
+  "version": "2.68.0",
   "description": "",
   "repository": {
     "type": "git",
@@ -99,9 +99,9 @@
     "unist-util-visit": "^5.0.0",
     "user-agent-data-types": "^0.4.2",
     "vendorism": "^5.0.0",
-    "@synergy-design-system/eslint-config-syn": "0.1.0",
     "@synergy-design-system/stylelint-config-syn": "0.1.0",
-    "@synergy-design-system/tokens": "2.44.0"
+    "@synergy-design-system/eslint-config-syn": "0.1.0",
+    "@synergy-design-system/tokens": "2.45.0"
   },
   "dependencies": {
     "@floating-ui/dom": "^1.7.4",
@@ -111,7 +111,7 @@
     "lit": "^3.3.1"
   },
   "peerDependencies": {
-    "@synergy-design-system/tokens": "^2.44.0"
+    "@synergy-design-system/tokens": "^2.45.0"
   },
   "customElements": "dist/custom-elements.json",
   "scripts": {

package/dist/chunks/chunk.CW2Q7KG6.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/components/file/file.styles.ts"],
-  "sourcesContent": ["import { css } from 'lit';\n\nexport default css`\n  :host {\n    display: block;\n  }\n\n  .input__control {\n    /**\n     * Visually hide the input type=file without display:none\n     * This is necessary for accessibility reasons and so the native html input validation popup \n     * is shown.\n     */\n    border: 0;\n    clip-path: inset(50%);\n    height: 1px;\n    margin: 0;\n    overflow: hidden;\n    padding: 0;\n    position: absolute;\n    white-space: nowrap;\n    width: 1px;\n  }\n\n  .form-control--droparea .input__control {\n    /* move the input into the center, so the native validation popup is centered to the droparea */\n    left: 50%;\n  }\n\n  .form-control-input {\n    /* needed, so the native validation popup is centered correctly */\n    position: relative;\n  }\n\n  /* Regular Input with button only */\n  .button__wrapper {\n    align-items: center;\n    display: flex;\n    gap: var(--syn-input-spacing-medium);\n  }\n\n  .form-control--small .button__wrapper {\n    gap: var(--syn-input-spacing-small);\n  }\n\n  :host([size=\"large\"]) .button__wrapper {\n    gap: var(--syn-input-spacing-large);\n  }\n\n  /**\n   * The value of the chosen file(s) or the placeholder text\n   */\n  .input__value {\n    color: var(--syn-input-color);\n    font-size: var(--syn-input-label-font-size-medium);\n  }\n\n  .input__value.input__value--hidden {\n    display: none;\n  }\n\n  .input__value--placeholder {\n    color: var(--syn-input-help-text-color);\n  }\n\n  .form-control--small .input__value {\n    font-size: var(--syn-input-label-font-size-small);\n  }\n\n  .form-control--large .input__value {\n    font-size: var(--syn-input-label-font-size-large);\n  }\n\n  /**\n   * Special case for regular inputs:\n   * When the user uses drag and drop, highlight the button with the primary color\n   */\n  .form-control--user-dragging:not([disabled]) .button::part(base) {\n    background: none;\n    border-color: var(--syn-color-primary-900);\n    color: var(--syn-color-primary-900);\n  }\n\n  /* Drop Area */\n  .droparea {\n    --highlight-color: var(--syn-color-primary-600);\n\n    border: var(--syn-border-width-small) dashed var(--syn-input-border-color);\n    font: var(--syn-body-medium-regular);\n    padding: var(--syn-spacing-x-large) var(--syn-spacing-large);\n    transition: var(--syn-transition-medium) background;\n  }\n\n  .droparea:focus-visible {\n    border: var(--syn-border-width-small) dashed var(--syn-color-primary-600);\n    outline: var(--syn-focus-ring);\n    outline-offset: var(--syn-focus-ring-offset);\n  }\n\n  /* Adjust the highlight to match an inactive item */\n  :host([disabled]) .droparea {\n    --highlight-color: var(--syn-color-neutral-600);\n  }\n\n  :host([disabled]) .input__value {\n    display: none;\n  }\n\n  .droparea__background {\n    align-items: center;\n    display: flex;\n    gap: var(--syn-spacing-x-small);\n    padding: var(--syn-spacing-x-small) var(--syn-spacing-medium);\n  }\n\n  .droparea__icon {\n    align-items: center;\n    color: var(--highlight-color);\n    display: flex;\n    font-size: var(--syn-spacing-3x-large);\n  }\n\n  .droparea__text {\n    display: flex;\n    flex-direction: column;\n    gap: var(--syn-spacing-3x-small);\n    margin: 0;\n  }\n\n  .droparea__text strong {\n    color: var(--highlight-color);\n    font-weight: var(--syn-font-weight-bold);\n  }\n\n  /* Sizes */\n  /* stylelint-disable-next-line no-descending-specificity */\n  .form-control--small .droparea {\n    font: var(--syn-body-small-regular);\n  }\n\n  .form-control--small .droparea__icon {\n    font-size: var(--syn-spacing-2x-large)\n  }\n\n  /* stylelint-disable-next-line no-descending-specificity */\n  .form-control--large .droparea {\n    font: var(--syn-body-large-regular);\n  }\n\n  .form-control--large .droparea__icon {\n    font-size: var(--syn-spacing-4x-large)\n  }\n\n  /* Disabled Styles */\n  :host([disabled]) .droparea,\n  :host([disabled]) .input__value {\n    cursor: not-allowed;\n    opacity: var(--syn-input-disabled-opacity);\n  }\n\n  :host(:not([disabled])) .form-control--user-dragging .droparea {\n    background: var(--syn-color-primary-50);\n    border: var(--syn-border-width-small) solid var(--syn-color-primary-600);\n    cursor: pointer;\n  }\n\n  :host(:not([disabled])) .droparea:not(:focus-visible):hover {\n    --highlight-color: var(--syn-color-primary-900);\n\n    border: var(--syn-border-width-small) dashed var(--syn-color-primary-900);\n    cursor: pointer;\n  }\n\n  /* Validation */\n  /* stylelint-disable-next-line no-descending-specificity */\n  :host([data-user-invalid]:not([disabled])) .droparea {\n    border: var(--syn-border-width-small) dashed var(--syn-input-border-color-focus-error);\n  }\n`;\n"],
-  "mappings": ";AAAA,SAAS,WAAW;AAEpB,IAAO,sBAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;",
-  "names": []
-}

package/dist/chunks/chunk.DFK2PRNS.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/components/details/details.custom.styles.ts"],
-  "sourcesContent": ["import { css } from 'lit';\n\nexport default css`\n  .details {\n    background-color: unset;\n    border-color: var(--syn-panel-border-color);\n    border-radius: var(--syn-border-radius-none);\n    border-width: 0 0 var(--syn-border-width-small);\n  }\n\n  /** #429: Use token for opacity */\n  .details--disabled {\n    opacity: var(--syn-opacity-50);\n  }\n\n  .details__summary-icon {\n    align-self: flex-start;\n    color: var(--syn-color-neutral-950);\n    font-size: var(--syn-spacing-large);\n\n    /**\n     * As we are using an alignment of \"start\"  instead of \"center\" make sure\n     * the arrow starts on the same visual line as the first line of headline text\n     */\n    position: relative;\n    top: 2px;\n  }\n\n  .details .details__summary {\n    color: var(--syn-typography-color-text);\n  }\n\n  .details__header {\n    gap: var(--syn-spacing-medium);\n  }\n\n  /**\n   * As we are using top/down arrows for the details element,\n   * we have to adjust the rotation of the icon when the details is open.\n   */\n  .details--open .details__summary-icon {\n    rotate: var(--syn-details-open-rotation, 360deg);\n  }\n\n  /**\n   * Adjustments for medium variant\n   */\n  .details--size-medium .details__header {\n    padding: var(--syn-spacing-medium-large) 0;\n  }\n\n  .details--size-medium .details__content {\n    font-size: var(--syn-font-size-small);\n    line-height: var(--syn-line-height-normal);\n    padding: var(--syn-spacing-medium) 0 var(--syn-spacing-large);\n  }\n\n  .details--size-medium .details__summary {\n    font: var(--syn-body-medium-regular);\n  }\n\n  .details--size-medium .details__summary::slotted(syn-icon) {\n    /* Avoid shrinking of the icon, if the text content of the summary is very long and multi line */\n    flex-shrink: 0;\n    font-size: var(--syn-spacing-large);\n    margin-right: var(--syn-spacing-small);\n  }\n\n  /**\n   * Adjustment for large variant\n   */\n  .details--size-large .details__header {\n    padding: var(--syn-spacing-large) 0;\n  }\n\n  .details--size-large .details__content {\n    font-size: var(--syn-font-size-medium);\n    line-height: var(--syn-line-height-normal);\n    padding: var(--syn-spacing-medium-large) 0 var(--syn-spacing-large);\n  }\n\n  .details--size-large .details__summary {\n    font: var(--syn-body-large-regular);\n  }\n\n  .details--size-large .details__summary-icon {\n    font-size: var(--syn-spacing-x-large);\n  }\n\n  .details--size-large .details__summary::slotted(syn-icon) {\n    /* Avoid shrinking of the icon, if the text content of the summary is very long and multi line */\n    flex-shrink: 0;\n    font-size: var(--syn-spacing-x-large);\n    margin-right: var(--syn-spacing-small);\n  }\n\n  /**\n   * Mark the details as open by adjusting its label\n   */\n  .details--open .details__summary {\n    font-weight: var(--syn-font-weight-bold);\n  }\n\n  /**\n   * Add a visually visible hover effect to the summary element\n   */\n  .details:not(.details--disabled) .details__header:hover .details__summary,\n  .details:not(.details--disabled) .details__header:hover .details__summary-icon {\n    color: var(--syn-color-primary-700);\n  }\n\n  /**\n   *  Contained style\n   */\n  .details--contained {\n    background-color: var(--syn-panel-background-color);\n    border-radius: var(--syn-border-radius-medium);\n    border-width: var(--syn-panel-border-width);\n  }\n\n  .details--contained .details__header:focus-visible {\n    border-radius: var(--syn-border-radius-medium);\n  }\n\n  .details--size-medium.details--contained .details__header {\n    padding: var(--syn-spacing-medium-large) var(--syn-spacing-large);\n  }\n\n  .details--size-medium.details--contained .details__content {\n    padding: var(--syn-spacing-medium) var(--syn-spacing-large) var(--syn-spacing-large);\n  }\n\n  .details--size-large.details--contained .details__header {\n    padding: var(--syn-spacing-large);\n  }\n\n  .details--size-large.details--contained .details__content {\n    padding: var(--syn-spacing-medium-large) var(--syn-spacing-large) var(--syn-spacing-large);\n  }\n`;\n"],
-  "mappings": ";AAAA,SAAS,WAAW;AAEpB,IAAO,gCAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;",
-  "names": []
-}