@synergy-design-system/components 2.54.0 → 2.55.0

package/dist/custom-elements.json

@@ -16308,7 +16308,7 @@
   "package": {
     "name": "@synergy-design-system/components",
     "description": "",
-    "version": "2.54.0",
+    "version": "2.55.0",
     "author": {
       "name": "SICK Global UX Foundation",
       "url": "https://www.sick.com"

package/dist/styles/index.css

@@ -1,5 +1,5 @@
 /**
- * @synergy-design-system/components version 2.54.0
+ * @synergy-design-system/components version 2.55.0
  * SICK Global UX Foundation
  * 
  * This file is created automatically in the build process!

package/dist/synergy.js

@@ -6,64 +6,64 @@ import {
 import "./chunks/chunk.NKIYFJN2.js";
 import {
   tooltip_default
-} from "./chunks/chunk.CJUK2P4J.js";
+} from "./chunks/chunk.7YN4ZEPP.js";
 import {
   validate_default
-} from "./chunks/chunk.S5C2TFXL.js";
-import "./chunks/chunk.TBXVVVDN.js";
-import "./chunks/chunk.2HDSDI4Y.js";
+} from "./chunks/chunk.I5FQOTLA.js";
+import "./chunks/chunk.RWYRDNFP.js";
+import "./chunks/chunk.AHDDBQB5.js";
 import "./chunks/chunk.MVM3NN6Y.js";
 import {
   tag_default
-} from "./chunks/chunk.B2ULGK4Q.js";
+} from "./chunks/chunk.WLKGUP6O.js";
 import {
   textarea_default
-} from "./chunks/chunk.HRGIJQSU.js";
-import "./chunks/chunk.LAB5C5X4.js";
+} from "./chunks/chunk.SXM6WYO2.js";
+import "./chunks/chunk.7OFXKFE5.js";
 import "./chunks/chunk.SHIPVO7H.js";
 import "./chunks/chunk.FQWBH6B3.js";
 import {
   tab_group_default
-} from "./chunks/chunk.7XY2TWMJ.js";
-import "./chunks/chunk.OQE3QLX3.js";
+} from "./chunks/chunk.ZITELQYO.js";
+import "./chunks/chunk.6QF46M26.js";
 import "./chunks/chunk.XOXVVU5C.js";
 import "./chunks/chunk.PKYC7QF3.js";
 import {
   tab_panel_default
-} from "./chunks/chunk.PBTDFROP.js";
-import "./chunks/chunk.FBKU7UVM.js";
+} from "./chunks/chunk.HUFMPRKJ.js";
+import "./chunks/chunk.FSVS6EWO.js";
 import "./chunks/chunk.XHWYGYMQ.js";
 import "./chunks/chunk.HVXG4JG6.js";
 import {
   switch_default
-} from "./chunks/chunk.OKHO53HY.js";
-import "./chunks/chunk.R4IIPZFS.js";
-import "./chunks/chunk.3QYBPNXR.js";
+} from "./chunks/chunk.MZVP2RNK.js";
+import "./chunks/chunk.44BSB5XB.js";
+import "./chunks/chunk.ESOR5SLZ.js";
 import "./chunks/chunk.4TB35TYG.js";
 import {
   tab_default
-} from "./chunks/chunk.URDFH2SA.js";
-import "./chunks/chunk.LMYZZCND.js";
+} from "./chunks/chunk.J7JWQGXQ.js";
+import "./chunks/chunk.VUNVE43I.js";
 import "./chunks/chunk.JMMSJRM5.js";
 import "./chunks/chunk.43YNZAWL.js";
 import {
   side_nav_default
-} from "./chunks/chunk.5BB4VPG4.js";
-import "./chunks/chunk.FG2ONQSL.js";
+} from "./chunks/chunk.SMFWJRXU.js";
+import "./chunks/chunk.FCQAGYCN.js";
 import "./chunks/chunk.FWLUR33I.js";
 import {
   spinner_default
-} from "./chunks/chunk.B4UZ62D5.js";
+} from "./chunks/chunk.DNQLHF2D.js";
 import {
   range_tick_default
-} from "./chunks/chunk.ZLOV7JC7.js";
-import "./chunks/chunk.5YUYIS77.js";
+} from "./chunks/chunk.FBX3WX4A.js";
+import "./chunks/chunk.23J4YV5V.js";
 import "./chunks/chunk.OI3HOOCT.js";
 import {
   select_default
-} from "./chunks/chunk.CZO3KI6S.js";
-import "./chunks/chunk.HBFWETVN.js";
-import "./chunks/chunk.FZTHPJK4.js";
+} from "./chunks/chunk.UVYBZKHL.js";
+import "./chunks/chunk.423FN5RY.js";
+import "./chunks/chunk.C447HKVA.js";
 import "./chunks/chunk.2NIFD3YE.js";
 import "./chunks/chunk.6EPU7YUS.js";
 import "./chunks/chunk.VECCQZP5.js";
@@ -71,155 +71,155 @@ import "./chunks/chunk.O4QFINH7.js";
 import "./chunks/chunk.XTWO6ZZW.js";
 import {
   radio_group_default
-} from "./chunks/chunk.37GVVB3S.js";
+} from "./chunks/chunk.H6EFYSRU.js";
 import {
   range_default
-} from "./chunks/chunk.ZXDJUFT2.js";
-import "./chunks/chunk.WX2UMH5J.js";
-import "./chunks/chunk.A5RYBBGV.js";
+} from "./chunks/chunk.JRX3TNZH.js";
+import "./chunks/chunk.HA5DCRLA.js";
+import "./chunks/chunk.EUETCFYF.js";
 import "./chunks/chunk.E7LBPRDC.js";
 import "./chunks/chunk.O644HRW3.js";
 import "./chunks/chunk.UFNQFJO6.js";
 import "./chunks/chunk.236RSW67.js";
-import "./chunks/chunk.QXZENIDN.js";
+import "./chunks/chunk.YSBZJK7W.js";
 import "./chunks/chunk.I6YARDHH.js";
 import {
   radio_default
-} from "./chunks/chunk.JVQSSD5G.js";
-import "./chunks/chunk.37AB4RU6.js";
+} from "./chunks/chunk.V46DX2S3.js";
+import "./chunks/chunk.XAYZET3V.js";
 import "./chunks/chunk.JK6P7JZN.js";
 import "./chunks/chunk.EHSNF4SS.js";
 import {
   radio_button_default
-} from "./chunks/chunk.KOOFOC55.js";
-import "./chunks/chunk.IHY3HGRP.js";
+} from "./chunks/chunk.BXY5VHDC.js";
+import "./chunks/chunk.INE4TQVL.js";
 import "./chunks/chunk.4BRJ5OJE.js";
-import "./chunks/chunk.UH4LQPNP.js";
+import "./chunks/chunk.S7RB3UJN.js";
 import "./chunks/chunk.6USNG4EL.js";
 import "./chunks/chunk.K62NPKGN.js";
 import {
   progress_bar_default
-} from "./chunks/chunk.3BU2VVUA.js";
-import "./chunks/chunk.AYMXC7KJ.js";
+} from "./chunks/chunk.GVOXKQPU.js";
+import "./chunks/chunk.3D5CNB3A.js";
 import "./chunks/chunk.A7LOAARY.js";
 import "./chunks/chunk.QUM76UHV.js";
 import {
   progress_ring_default
-} from "./chunks/chunk.MKE5NLAA.js";
-import "./chunks/chunk.W4CDHY6B.js";
+} from "./chunks/chunk.JJ2NSAGD.js";
+import "./chunks/chunk.UBVIZXI7.js";
 import "./chunks/chunk.5EC6B57G.js";
 import "./chunks/chunk.RMIDAEF5.js";
 import {
   popup_default
-} from "./chunks/chunk.ALZUEIS3.js";
+} from "./chunks/chunk.JOEOIHP7.js";
 import {
   prio_nav_default
-} from "./chunks/chunk.5LH5A6RI.js";
-import "./chunks/chunk.BUQMYSAN.js";
+} from "./chunks/chunk.V4JP56YC.js";
+import "./chunks/chunk.ABCHYNAI.js";
 import "./chunks/chunk.74N5WLM5.js";
 import "./chunks/chunk.OJ3N7TWP.js";
 import {
   optgroup_default
-} from "./chunks/chunk.HD5XNWUK.js";
+} from "./chunks/chunk.HAAB3PLA.js";
 import {
   option_default
-} from "./chunks/chunk.QPENWPKD.js";
+} from "./chunks/chunk.S3627AIU.js";
 import {
   menu_label_default
-} from "./chunks/chunk.FTDLMP4Q.js";
-import "./chunks/chunk.QCYFRYLS.js";
+} from "./chunks/chunk.PY4SI553.js";
+import "./chunks/chunk.HEWZ7ZZ5.js";
 import "./chunks/chunk.X6GR6IA2.js";
 import "./chunks/chunk.RAOPZXJL.js";
 import {
   nav_item_default
-} from "./chunks/chunk.FRODSWRT.js";
-import "./chunks/chunk.VDPIY3EO.js";
+} from "./chunks/chunk.G4NFMTPO.js";
+import "./chunks/chunk.X347YJKJ.js";
 import "./chunks/chunk.5V47GZA4.js";
-import "./chunks/chunk.2RPKEUG4.js";
+import "./chunks/chunk.O63ACLJT.js";
 import "./chunks/chunk.MJ7R4QQT.js";
 import {
   menu_default
-} from "./chunks/chunk.4JNIAGPV.js";
+} from "./chunks/chunk.ODONLD22.js";
 import {
   menu_item_default
-} from "./chunks/chunk.IUD3Q3NF.js";
-import "./chunks/chunk.VS32UDTN.js";
+} from "./chunks/chunk.ROFZHCYM.js";
+import "./chunks/chunk.CQ7MQ27Y.js";
 import "./chunks/chunk.JQ5WZR46.js";
 import "./chunks/chunk.FSWTBNSI.js";
 import "./chunks/chunk.V4HPWQE7.js";
 import {
   icon_button_default
-} from "./chunks/chunk.FTVF2NQS.js";
+} from "./chunks/chunk.WQVZLTHZ.js";
 import {
   input_default
-} from "./chunks/chunk.M3ENJOB2.js";
-import "./chunks/chunk.6J66DVCL.js";
+} from "./chunks/chunk.ZE3P5PIL.js";
+import "./chunks/chunk.UET3557K.js";
 import "./chunks/chunk.NFXT5LNY.js";
 import "./chunks/chunk.K2O55TNU.js";
 import "./chunks/chunk.XAQKFEHH.js";
-import "./chunks/chunk.SRDB4IM3.js";
+import "./chunks/chunk.MROWRPBO.js";
 import "./chunks/chunk.AVZITCPQ.js";
 import "./chunks/chunk.C2CWYCOU.js";
 import {
   file_default
-} from "./chunks/chunk.GZGMFO4F.js";
+} from "./chunks/chunk.OYYA4JDZ.js";
 import {
   header_default
-} from "./chunks/chunk.UUO3NY3M.js";
-import "./chunks/chunk.V7XBZ2JY.js";
+} from "./chunks/chunk.PF2KF3FX.js";
+import "./chunks/chunk.AJRQ2ZLI.js";
 import "./chunks/chunk.EK4TK5MY.js";
 import {
   icon_default
-} from "./chunks/chunk.GNRS6O7C.js";
+} from "./chunks/chunk.4RPDYH4P.js";
 import {
   drawer_default
-} from "./chunks/chunk.F76DB54C.js";
+} from "./chunks/chunk.PP6ISSHY.js";
 import {
   dropdown_default
-} from "./chunks/chunk.LZOOI5AO.js";
-import "./chunks/chunk.VNCS4M7O.js";
+} from "./chunks/chunk.FA5VW6N3.js";
+import "./chunks/chunk.ASNXKPG7.js";
 import "./chunks/chunk.2KYFCKCK.js";
 import "./chunks/chunk.D6IIQDWJ.js";
-import "./chunks/chunk.7T5BETLQ.js";
+import "./chunks/chunk.XXG33JYT.js";
 import "./chunks/chunk.CW2Q7KG6.js";
 import {
   dialog_default
-} from "./chunks/chunk.HPDKIQ35.js";
+} from "./chunks/chunk.DRPXMIT6.js";
 import {
   divider_default
-} from "./chunks/chunk.OVDFY3YY.js";
-import "./chunks/chunk.7DKVFNKX.js";
+} from "./chunks/chunk.NXHCSEZD.js";
+import "./chunks/chunk.BFEJ3UNF.js";
 import "./chunks/chunk.57RV2JXO.js";
 import "./chunks/chunk.FSZIE7IO.js";
-import "./chunks/chunk.ANW6MLNF.js";
+import "./chunks/chunk.DK4UCB4V.js";
 import "./chunks/chunk.N7QJ54ZM.js";
 import "./chunks/chunk.AAR2TIOJ.js";
 import {
   details_default
-} from "./chunks/chunk.AO4TT4Q2.js";
-import "./chunks/chunk.BHFSOLTN.js";
+} from "./chunks/chunk.4JO5K2Z5.js";
+import "./chunks/chunk.E63TOSBS.js";
 import "./chunks/chunk.DFK2PRNS.js";
 import "./chunks/chunk.VA26EAEP.js";
-import "./chunks/chunk.DMJX3FFJ.js";
+import "./chunks/chunk.E4DOG5K3.js";
 import "./chunks/chunk.MU43DZ7W.js";
 import "./chunks/chunk.AYAX7BG7.js";
 import "./chunks/chunk.G76BKD7B.js";
 import "./chunks/chunk.IU3SSJZE.js";
 import {
   checkbox_default
-} from "./chunks/chunk.2YP4BQOK.js";
-import "./chunks/chunk.ZTJOIOKC.js";
+} from "./chunks/chunk.GWWGZIZK.js";
+import "./chunks/chunk.BXU4ZXFX.js";
 import "./chunks/chunk.TKNBZNA7.js";
 import "./chunks/chunk.6OX2AX3Z.js";
 import {
   combobox_default
-} from "./chunks/chunk.6D23AZSP.js";
-import "./chunks/chunk.4QWGGWBY.js";
-import "./chunks/chunk.IE4FM7WD.js";
+} from "./chunks/chunk.Z2J723EF.js";
+import "./chunks/chunk.7XFTKDXA.js";
+import "./chunks/chunk.SSD7LFII.js";
 import "./chunks/chunk.G3KRSXVI.js";
 import "./chunks/chunk.IVM3BGRH.js";
 import "./chunks/chunk.ARR23WUY.js";
-import "./chunks/chunk.WUWK44GL.js";
+import "./chunks/chunk.QZ3OGNQ4.js";
 import "./chunks/chunk.36EHOOOO.js";
 import "./chunks/chunk.AZ3N5IOO.js";
 import {
@@ -235,53 +235,61 @@ import "./chunks/chunk.QC7X32ZP.js";
 import "./chunks/chunk.TRGOAYBG.js";
 import {
   button_default
-} from "./chunks/chunk.L3JYZFUZ.js";
+} from "./chunks/chunk.LQ5VK3NQ.js";
 import {
   button_group_default
-} from "./chunks/chunk.S37LYCVT.js";
-import "./chunks/chunk.6FZM6LUU.js";
+} from "./chunks/chunk.G3Y7DUGC.js";
+import "./chunks/chunk.PG7FBXWY.js";
 import "./chunks/chunk.GRVNUIP2.js";
 import {
   card_default
-} from "./chunks/chunk.5V3G7VCS.js";
-import "./chunks/chunk.K53TIC27.js";
+} from "./chunks/chunk.ZG5ZWBLO.js";
+import "./chunks/chunk.K2DRNMFI.js";
 import "./chunks/chunk.QMLSKYXR.js";
 import "./chunks/chunk.C4JTZKPZ.js";
 import {
   breadcrumb_default
-} from "./chunks/chunk.BGQ5EYDU.js";
+} from "./chunks/chunk.6UPYZ54M.js";
 import {
   breadcrumb_item_default
-} from "./chunks/chunk.5XX73PHN.js";
-import "./chunks/chunk.CPPHS4FC.js";
+} from "./chunks/chunk.H3GPCHKW.js";
+import "./chunks/chunk.BQNEWV6S.js";
 import "./chunks/chunk.77CVXMWD.js";
 import "./chunks/chunk.O6ZH6AOI.js";
-import "./chunks/chunk.O23SZ5FE.js";
-import "./chunks/chunk.PMYVGV3I.js";
+import "./chunks/chunk.LSCGFUXZ.js";
+import "./chunks/chunk.F4I4AKSO.js";
 import "./chunks/chunk.4WQZFNSE.js";
 import "./chunks/chunk.JLXCLATV.js";
 import "./chunks/chunk.HP2LEQRU.js";
 import "./chunks/chunk.VWY2RG4F.js";
 import "./chunks/chunk.5SQ7NVBX.js";
+import {
+  alert_default
+} from "./chunks/chunk.WSZPTZMD.js";
 import {
   badge_default
-} from "./chunks/chunk.4CLXNLOD.js";
+} from "./chunks/chunk.IERYKRK3.js";
+import "./chunks/chunk.T2QEN2WJ.js";
+import "./chunks/chunk.NQ4HEUZZ.js";
+import "./chunks/chunk.Y5TMYX2L.js";
+import "./chunks/chunk.KGARHHPP.js";
+import "./chunks/chunk.32CYREEV.js";
+import "./chunks/chunk.S22BO5SF.js";
 import {
-  alert_default
-} from "./chunks/chunk.2OXFSTYL.js";
-import "./chunks/chunk.GUM46Q4C.js";
+  accordion_default
+} from "./chunks/chunk.5OCXROHD.js";
+import "./chunks/chunk.H7GOH7PB.js";
+import "./chunks/chunk.WNUZ6LH4.js";
+import "./chunks/chunk.EARM7X5Q.js";
 import "./chunks/chunk.WXVOTRW5.js";
-import "./chunks/chunk.HC62IURD.js";
+import "./chunks/chunk.2MKFTHHY.js";
 import "./chunks/chunk.E3Z62YYT.js";
 import "./chunks/chunk.DZ7YIR5N.js";
 import "./chunks/chunk.C2ENQBPM.js";
 import "./chunks/chunk.G6ITZTTW.js";
 import "./chunks/chunk.7JGKUB4A.js";
 import "./chunks/chunk.WVVQK5TE.js";
-import "./chunks/chunk.QBHZAR4C.js";
-import "./chunks/chunk.BXY667C7.js";
-import "./chunks/chunk.LLJ2CH4V.js";
-import "./chunks/chunk.43U4G2IJ.js";
+import "./chunks/chunk.LX4OFUMH.js";
 import {
   registerIconLibrary,
   unregisterIconLibrary
@@ -294,21 +302,12 @@ import "./chunks/chunk.LOOQDMQL.js";
 import "./chunks/chunk.HSKSME2B.js";
 import "./chunks/chunk.PJO6TM3T.js";
 import "./chunks/chunk.ZBW4ZSZ7.js";
-import "./chunks/chunk.32CYREEV.js";
-import "./chunks/chunk.S22BO5SF.js";
+import "./chunks/chunk.OAQRCZOO.js";
+import "./chunks/chunk.X7XPEYAM.js";
 import {
   getBasePath,
   setBasePath
 } from "./chunks/chunk.234ERFCE.js";
-import {
-  accordion_default
-} from "./chunks/chunk.7DSONPSO.js";
-import "./chunks/chunk.KWRO3WC5.js";
-import "./chunks/chunk.BVZQ6QSY.js";
-import "./chunks/chunk.WNUZ6LH4.js";
-import "./chunks/chunk.RYHYFSCR.js";
-import "./chunks/chunk.OAQRCZOO.js";
-import "./chunks/chunk.X7XPEYAM.js";
 import {
   enableDefaultSettings
 } from "./chunks/chunk.E5UUNP6E.js";
@@ -320,10 +319,11 @@ import {
 } from "./chunks/chunk.HC4N72MX.js";
 import "./chunks/chunk.6QJYD7WX.js";
 import "./chunks/chunk.RB2JR2ND.js";
+import "./chunks/chunk.BVZQ6QSY.js";
 import "./chunks/chunk.NLYVOJGK.js";
-import "./chunks/chunk.4YBDMVKQ.js";
-import "./chunks/chunk.NQ4HEUZZ.js";
-import "./chunks/chunk.Y5TMYX2L.js";
+import "./chunks/chunk.FM77DEZK.js";
+import "./chunks/chunk.QBHZAR4C.js";
+import "./chunks/chunk.BXY667C7.js";
 import "./chunks/chunk.Z4XV3SMG.js";
 export {
   accordion_default as SynAccordion,

package/package.json

@@ -4,7 +4,7 @@
     "url": "https://www.sick.com"
   },
   "name": "@synergy-design-system/components",
-  "version": "2.54.0",
+  "version": "2.55.0",
   "description": "",
   "repository": {
     "type": "git",
@@ -105,7 +105,7 @@
     "user-agent-data-types": "^0.4.2",
     "vendorism": "^5.0.0",
     "@synergy-design-system/stylelint-config-syn": "0.1.0",
-    "@synergy-design-system/tokens": "2.35.0",
+    "@synergy-design-system/tokens": "2.36.0",
     "@synergy-design-system/eslint-config-syn": "0.1.0"
   },
   "release": {
@@ -174,7 +174,7 @@
     "lit": "^3.3.1"
   },
   "peerDependencies": {
-    "@synergy-design-system/tokens": "^2.35.0"
+    "@synergy-design-system/tokens": "^2.36.0"
   },
   "customElements": "dist/custom-elements.json",
   "scripts": {

package/dist/chunks/chunk.3QYBPNXR.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/components/switch/switch.custom.styles.ts"],
-  "sourcesContent": ["import { css } from 'lit';\n\nexport default css`\n  :host([size='small']) {\n    --height: calc(var(--syn-font-size-medium) + 2px);\n    --thumb-size: var(--syn-font-size-small);\n    --width: calc((var(--height) * 2) - 6px);\n  }\n\n  :host([size='medium']) {\n    --height: var(--syn-font-size-large);\n    --thumb-size: var(--syn-font-size-medium);\n    --width: calc((var(--height) * 2) - 6px);\n  }\n\n  :host([size='large']) {\n    --height: calc(var(--syn-toggle-size-large) + 4px);\n    --thumb-size: var(--syn-toggle-size-large);\n    --width: calc((var(--height) * 2) - 6px);\n  }\n\n  /** #429: Use token for opacity */\n  .switch--disabled { \n    opacity: var(--syn-input-disabled-opacity);\n  }\n\n  .switch.switch--small {\n    padding: var(--syn-spacing-2x-small) 0;\n  }\n\n  .switch.switch--medium {\n    padding: var(--syn-spacing-2x-small) 0;\n  }\n\n  .switch.switch--large {\n    padding: var(--syn-spacing-3x-small) 0;\n  }\n\n  /* Hint: can be removed, if the padding stylings for sizes from above are removed */\n  .form-control--has-help-text .switch {\n    padding-bottom: 0;\n  }\n\n  .switch__control {\n    background-color: var(--syn-color-neutral-600);\n    border: solid var(--syn-border-width-medium) var(--syn-color-neutral-600);\n  }\n\n   .switch__control .switch__thumb {\n    border: none;\n   }\n\n  /* Hover */\n  .switch:not(.switch--checked):not(.switch--disabled) .switch__control:hover {\n    background-color: var(--syn-color-neutral-900);\n    border-color: var(--syn-color-neutral-900);\n  }\n\n  .switch:not(.switch--checked):not(.switch--disabled) .switch__control:hover .switch__thumb {\n    background-color: var(--syn-color-neutral-0);\n  }\n\n  /* Checked + hover */\n  .switch.switch--checked:not(.switch--disabled) .switch__control:hover {\n    background-color: var(--syn-color-primary-900);\n    border-color: var(--syn-color-primary-900);\n  }\n\n  .switch.switch--checked:not(.switch--disabled) .switch__control:hover .switch__thumb {\n    background-color: var(--syn-color-neutral-0);\n  }\n\n  /* Focus */\n  .switch:not(.switch--checked):not(.switch--disabled) .switch__input:focus-visible ~ .switch__control {\n    background-color: var(--syn-color-neutral-600);\n    border-color: var(--syn-color-neutral-600);\n    outline: var(--syn-focus-ring);\n    outline-offset: var(--syn-focus-ring-offset);\n  }\n\n  .switch:not(.switch--checked):not(.switch--disabled) .switch__input:focus-visible ~ .switch__control .switch__thumb {\n    background-color: var(--syn-color-neutral-0);\n    outline: none;\n  }\n\n  /* Checked + focus */\n  .switch.switch--checked:not(.switch--disabled) .switch__input:focus-visible ~ .switch__control {\n    background-color: var(--syn-color-primary-900);\n    border-color: var(--syn-color-primary-900);\n    outline: var(--syn-focus-ring);\n    outline-offset: var(--syn-focus-ring-offset);\n  }\n\n  .switch.switch--checked:not(.switch--disabled) .switch__input:focus-visible ~ .switch__control .switch__thumb {\n    background-color: var(--syn-color-neutral-0);\n    outline: none;\n  }\n\n  .switch__label {\n    margin-inline-start: var(--syn-spacing-x-small);\n  }\n  \n  :host([data-user-invalid]) .switch:not(.switch--checked):not(.switch--disabled) .switch__control {\n    background-color: var(--syn-color-error-700);\n    border-color: var(--syn-color-error-700);\n  }\n\n  :host([data-user-invalid]) .switch:not(.switch--checked):not(.switch--disabled) .switch__control:hover {\n    background-color: var(--syn-color-error-900);\n    border-color: var(--syn-color-error-900);\n  }\n  `;\n"],
-  "mappings": ";AAAA,SAAS,WAAW;AAEpB,IAAO,+BAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;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": []
-}