@adobe/spectrum-tokens 12.11.0 → 12.12.1

package/dist/json/variables.json

@@ -1280,6 +1280,28 @@
       }
     }
   },
+  "neutral-subdued-content-color-selected": {
+    "ref": "{neutral-subdued-content-color-down}",
+    "sets": {
+      "light": {
+        "value": "rgb(0, 0, 0)",
+        "uuid": "59093f0d-98b7-4659-bea6-3248ad20e96c"
+      },
+      "dark": {
+        "value": "rgb(255, 255, 255)",
+        "uuid": "1ea0996b-81ab-4182-a86f-fd51a829eb96"
+      },
+      "darkest": {
+        "value": "rgb(255, 255, 255)",
+        "uuid": "90d25d68-afb1-4b2a-9dba-3fe22d44976f"
+      },
+      "wireframe": {
+        "value": "rgb(72, 110, 194)",
+        "uuid": "93fb6cac-b190-4a5a-951f-f5dc4c0d5978"
+      }
+    },
+    "uuid": "ea46f6d3-4261-4482-a70f-2cddd113aa4a"
+  },
   "accent-background-color-default": {
     "sets": {
       "light": {
@@ -2096,6 +2118,11 @@
       }
     }
   },
+  "accent-content-color-selected": {
+    "ref": "{accent-content-color-down}",
+    "value": "{accent-content-color-down}",
+    "uuid": "9cfbf8bc-e4f3-4658-922e-9421e2ed126b"
+  },
   "informative-background-color-default": {
     "sets": {
       "light": {
@@ -15946,6 +15973,602 @@
     "value": "0",
     "uuid": "29e4a8c8-33ba-44b3-952d-26f3fd6ae4f0"
   },
+  "tab-item-height-small": {
+    "ref": "{component-height-200}",
+    "sets": {
+      "desktop": {
+        "value": "40px",
+        "uuid": "8bf70f40-b282-4c5d-98f0-329245bdb6f9"
+      },
+      "mobile": {
+        "value": "50px",
+        "uuid": "7c69efb5-bde7-4ee0-ad1e-2f20e85ebc24"
+      }
+    },
+    "uuid": "7b31cf38-5bac-4f79-a4f1-172a4ea66e10"
+  },
+  "tab-item-height-medium": {
+    "ref": "{component-height-300}",
+    "sets": {
+      "desktop": {
+        "value": "48px",
+        "uuid": "f4aaa7bb-e724-42ad-8ddf-934cc972995a"
+      },
+      "mobile": {
+        "value": "60px",
+        "uuid": "53c665a4-83ae-45f2-b90d-33ce52430b84"
+      }
+    },
+    "uuid": "5d2288f4-f383-47fa-baca-0168cb46750a"
+  },
+  "tab-item-height-large": {
+    "ref": "{component-height-400}",
+    "sets": {
+      "desktop": {
+        "value": "56px",
+        "uuid": "e146c28f-3349-48fc-8281-6997ab9da222"
+      },
+      "mobile": {
+        "value": "70px",
+        "uuid": "4fcbb85f-afbe-41bc-a979-dc09fb98946a"
+      }
+    },
+    "uuid": "8abd0b0e-fd6d-4064-9d0e-1ab998fcb0ce"
+  },
+  "tab-item-height-extra-large": {
+    "ref": "{component-height-500}",
+    "sets": {
+      "desktop": {
+        "value": "64px",
+        "uuid": "b5211351-b7df-430a-93bf-906ac66ebf2e"
+      },
+      "mobile": {
+        "value": "80px",
+        "uuid": "8135e75c-9536-4743-ab6d-05ed5adb0448"
+      }
+    },
+    "uuid": "42ed814c-5044-4c70-b82f-b49f8226241e"
+  },
+  "tab-item-compact-height-small": {
+    "ref": "{component-height-75}",
+    "sets": {
+      "desktop": {
+        "value": "24px",
+        "uuid": "f70d4c16-f588-4fa9-9318-b7184a739193"
+      },
+      "mobile": {
+        "value": "30px",
+        "uuid": "5f363452-6317-4e7c-965a-291b3dfa8a8f"
+      }
+    },
+    "uuid": "25f7d9a5-9464-4447-97d9-97839b371f96"
+  },
+  "tab-item-compact-height-medium": {
+    "ref": "{component-height-100}",
+    "sets": {
+      "desktop": {
+        "value": "32px",
+        "uuid": "3d7afc6a-f66b-4033-9ed4-e60cde661a18"
+      },
+      "mobile": {
+        "value": "40px",
+        "uuid": "5c31197d-0412-469d-a2dd-684efbd4b7e6"
+      }
+    },
+    "uuid": "e8c7c826-548d-4037-b064-3cf699675d35"
+  },
+  "tab-item-compact-height-large": {
+    "ref": "{component-height-200}",
+    "sets": {
+      "desktop": {
+        "value": "40px",
+        "uuid": "8bf70f40-b282-4c5d-98f0-329245bdb6f9"
+      },
+      "mobile": {
+        "value": "50px",
+        "uuid": "7c69efb5-bde7-4ee0-ad1e-2f20e85ebc24"
+      }
+    },
+    "uuid": "6d781a0e-e03d-4750-ae4f-67a29d731702"
+  },
+  "tab-item-compact-height-extra-large": {
+    "ref": "{component-height-300}",
+    "sets": {
+      "desktop": {
+        "value": "48px",
+        "uuid": "f4aaa7bb-e724-42ad-8ddf-934cc972995a"
+      },
+      "mobile": {
+        "value": "60px",
+        "uuid": "53c665a4-83ae-45f2-b90d-33ce52430b84"
+      }
+    },
+    "uuid": "49130d66-edfb-48bd-8648-96c47f40a884"
+  },
+  "tab-item-to-tab-item-horizontal-small": {
+    "sets": {
+      "desktop": {
+        "value": "21px",
+        "uuid": "79695d07-21cb-4772-b3f7-b2eb56e7ad20"
+      },
+      "mobile": {
+        "value": "27px",
+        "uuid": "8b5e1596-f13a-4786-b0c7-f01615423922"
+      }
+    }
+  },
+  "tab-item-to-tab-item-horizontal-medium": {
+    "sets": {
+      "desktop": {
+        "value": "24px",
+        "uuid": "31bea7d1-c8c2-4901-9f18-7a5c936d243f"
+      },
+      "mobile": {
+        "value": "30px",
+        "uuid": "885a7cc3-8873-4cb7-99e7-b17f42fb48f1"
+      }
+    }
+  },
+  "tab-item-to-tab-item-horizontal-large": {
+    "sets": {
+      "desktop": {
+        "value": "27px",
+        "uuid": "1f9460a7-2ec0-4353-875c-ee5a6143d00b"
+      },
+      "mobile": {
+        "value": "33px",
+        "uuid": "71bdfd06-4672-464f-b787-9a62137b1763"
+      }
+    }
+  },
+  "tab-item-to-tab-item-horizontal-extra-large": {
+    "sets": {
+      "desktop": {
+        "value": "30px",
+        "uuid": "c92ec468-0fac-4e12-b1f8-f22d09cb6c1e"
+      },
+      "mobile": {
+        "value": "36px",
+        "uuid": "482ed7f6-ba60-4110-85c8-daf5bf352406"
+      }
+    }
+  },
+  "tab-item-to-tab-item-vertical-small": {
+    "sets": {
+      "desktop": {
+        "value": "4px",
+        "uuid": "da8211ee-8944-447f-a6df-6a16580e1893"
+      },
+      "mobile": {
+        "value": "5px",
+        "uuid": "d51a6c05-67d0-425f-becf-86e783ab3305"
+      }
+    }
+  },
+  "tab-item-to-tab-item-vertical-medium": {
+    "sets": {
+      "desktop": {
+        "value": "4px",
+        "uuid": "7cd196c1-18b1-4dae-abf7-7ef1b531e0af"
+      },
+      "mobile": {
+        "value": "5px",
+        "uuid": "6b6c960f-adcf-48b0-8310-ba12b47f4d9a"
+      }
+    }
+  },
+  "tab-item-to-tab-item-vertical-large": {
+    "sets": {
+      "desktop": {
+        "value": "5px",
+        "uuid": "9846992c-e27b-4760-8808-7c44cca2cc65"
+      },
+      "mobile": {
+        "value": "6px",
+        "uuid": "c193b2ee-a584-41dc-9ef8-3aebb38fb832"
+      }
+    }
+  },
+  "tab-item-to-tab-item-vertical-extra-large": {
+    "sets": {
+      "desktop": {
+        "value": "5px",
+        "uuid": "d74ea722-c146-4ad2-ab20-41c332ae1190"
+      },
+      "mobile": {
+        "value": "6px",
+        "uuid": "ea902ec1-25d5-47c3-896a-a95d9ca5bd62"
+      }
+    }
+  },
+  "tab-item-start-to-edge-quiet": {
+    "value": "0px",
+    "uuid": "f869f703-a850-4c6c-b518-ec8a1b355046"
+  },
+  "tab-item-start-to-edge-small": {
+    "sets": {
+      "desktop": {
+        "value": "12px",
+        "uuid": "712e62ce-b869-4097-aee1-82e3b7505e14"
+      },
+      "mobile": {
+        "value": "13px",
+        "uuid": "8d413f56-6634-49c8-8d6a-53d0f57f1bbc"
+      }
+    }
+  },
+  "tab-item-start-to-edge-medium": {
+    "sets": {
+      "desktop": {
+        "value": "12px",
+        "uuid": "4d105a45-7403-47f2-ba50-419d822ff879"
+      },
+      "mobile": {
+        "value": "15px",
+        "uuid": "229477d5-e21a-4f4b-a24d-580f0c60eec5"
+      }
+    }
+  },
+  "tab-item-start-to-edge-large": {
+    "sets": {
+      "desktop": {
+        "value": "13px",
+        "uuid": "c3f8f94b-d456-4aeb-8340-bd5643efe8fc"
+      },
+      "mobile": {
+        "value": "17px",
+        "uuid": "2c85fa9a-e854-46f6-bc6b-547692d08290"
+      }
+    }
+  },
+  "tab-item-start-to-edge-extra-large": {
+    "sets": {
+      "desktop": {
+        "value": "13px",
+        "uuid": "a480fffb-0a23-4893-87ce-730eb925a7cc"
+      },
+      "mobile": {
+        "value": "19px",
+        "uuid": "4e0b2015-06c8-41ab-9e2b-3a332a7625ff"
+      }
+    }
+  },
+  "tab-item-top-to-text-small": {
+    "sets": {
+      "desktop": {
+        "value": "11px",
+        "uuid": "a9a6d785-f06d-4505-89ea-552d47ebe49d"
+      },
+      "mobile": {
+        "value": "14px",
+        "uuid": "3e155b8c-6cea-4b59-817c-cf71a63e00c7"
+      }
+    }
+  },
+  "tab-item-bottom-to-text-small": {
+    "sets": {
+      "desktop": {
+        "value": "12px",
+        "uuid": "2d0f71e2-66fc-4f28-bd4b-be41df0948ed"
+      },
+      "mobile": {
+        "value": "15px",
+        "uuid": "e0791360-b505-492b-bf71-dfa393abecfa"
+      }
+    }
+  },
+  "tab-item-top-to-text-medium": {
+    "sets": {
+      "desktop": {
+        "value": "14px",
+        "uuid": "e75e4e96-6d1b-4a86-9059-5c1f6f6ab269"
+      },
+      "mobile": {
+        "value": "18px",
+        "uuid": "a8c455e9-60e5-4838-bc9c-eaf7b39a4bf7"
+      }
+    }
+  },
+  "tab-item-bottom-to-text-medium": {
+    "sets": {
+      "desktop": {
+        "value": "14px",
+        "uuid": "f507e1bd-f08e-42b1-aee6-ea38f9f8a387"
+      },
+      "mobile": {
+        "value": "19px",
+        "uuid": "691db84a-5336-4e45-bf73-ee617057e718"
+      }
+    }
+  },
+  "tab-item-top-to-text-large": {
+    "sets": {
+      "desktop": {
+        "value": "16px",
+        "uuid": "8b9275f5-3e63-459c-97fc-bc03691aa772"
+      },
+      "mobile": {
+        "value": "22px",
+        "uuid": "7e3db5ca-cd32-464b-9a23-9d03e83faa9c"
+      }
+    }
+  },
+  "tab-item-bottom-to-text-large": {
+    "sets": {
+      "desktop": {
+        "value": "18px",
+        "uuid": "61dd06ac-501e-4725-9d54-cc7a3d9f6586"
+      },
+      "mobile": {
+        "value": "22px",
+        "uuid": "31d1b6b6-721f-4474-ba86-795367399e49"
+      }
+    }
+  },
+  "tab-item-top-to-text-extra-large": {
+    "sets": {
+      "desktop": {
+        "value": "19px",
+        "uuid": "f1b6b932-748d-4b26-9c03-2bd9d0a40ac6"
+      },
+      "mobile": {
+        "value": "25px",
+        "uuid": "174cc6c8-9c0a-44c0-b6c7-ea6d337c819b"
+      }
+    }
+  },
+  "tab-item-bottom-to-text-extra-large": {
+    "sets": {
+      "desktop": {
+        "value": "20px",
+        "uuid": "5840c3b8-3488-417b-8b33-f3fc667ffd7a"
+      },
+      "mobile": {
+        "value": "25px",
+        "uuid": "c63380d4-cc26-4299-b227-af2faedfdc74"
+      }
+    }
+  },
+  "tab-item-top-to-text-compact-small": {
+    "sets": {
+      "desktop": {
+        "value": "4px",
+        "uuid": "bbcf3eda-4add-4d0d-b5ae-c2e7078e85ed"
+      },
+      "mobile": {
+        "value": "5px",
+        "uuid": "d37488c4-d489-45bd-9086-8157c5204ae4"
+      }
+    }
+  },
+  "tab-item-bottom-to-text-compact-small": {
+    "sets": {
+      "desktop": {
+        "value": "5px",
+        "uuid": "d87a2ee3-6f7c-4f5e-8191-d35624fc10f1"
+      },
+      "mobile": {
+        "value": "6px",
+        "uuid": "f453e51e-3d58-430e-8f17-8b95718dbf34"
+      }
+    }
+  },
+  "tab-item-top-to-text-compact-medium": {
+    "sets": {
+      "desktop": {
+        "value": "6px",
+        "uuid": "2481e3a1-302b-46b8-98c2-e9461dd47d0c"
+      },
+      "mobile": {
+        "value": "9px",
+        "uuid": "128757b0-d690-4886-95d5-e9df36182a0f"
+      }
+    }
+  },
+  "tab-item-bottom-to-text-compact-medium": {
+    "sets": {
+      "desktop": {
+        "value": "8px",
+        "uuid": "b44bbd5a-ef03-4e83-a9f5-88c896969d4d"
+      },
+      "mobile": {
+        "value": "10px",
+        "uuid": "e69dee42-92da-4ca9-9eb8-97a7860adaba"
+      }
+    }
+  },
+  "tab-item-top-to-text-compact-large": {
+    "sets": {
+      "desktop": {
+        "value": "10px",
+        "uuid": "93af7bac-830c-4460-abe2-0b2d8f786786"
+      },
+      "mobile": {
+        "value": "12px",
+        "uuid": "fd20b444-38ac-4438-a9ef-32474222e45f"
+      }
+    }
+  },
+  "tab-item-bottom-to-text-compact-large": {
+    "sets": {
+      "desktop": {
+        "value": "12px",
+        "uuid": "8e701e0e-4d7c-4d38-ba6b-1fd2ef5978dc"
+      },
+      "mobile": {
+        "value": "14px",
+        "uuid": "091144b7-c63b-4827-840d-741cec01432a"
+      }
+    }
+  },
+  "tab-item-top-to-text-compact-extra-large": {
+    "sets": {
+      "desktop": {
+        "value": "12px",
+        "uuid": "2bdd22cd-93fe-4cf4-a025-e690ecafb50b"
+      },
+      "mobile": {
+        "value": "15px",
+        "uuid": "9694ebdc-cc88-4584-89f5-10a2c8de686f"
+      }
+    }
+  },
+  "tab-item-bottom-to-text-compact-extra-large": {
+    "sets": {
+      "desktop": {
+        "value": "13px",
+        "uuid": "7e3a0369-fcc2-45d7-87ab-9053588713ef"
+      },
+      "mobile": {
+        "value": "17px",
+        "uuid": "3641ac9c-5610-4996-a55d-c2a94b2ff9ea"
+      }
+    }
+  },
+  "tab-item-top-to-workflow-icon-small": {
+    "sets": {
+      "desktop": {
+        "value": "13px",
+        "uuid": "7bd7427d-06a8-4194-a9f4-300fd1a4f547"
+      },
+      "mobile": {
+        "value": "15px",
+        "uuid": "923fd09d-8d08-4465-961f-63ac12014206"
+      }
+    }
+  },
+  "tab-item-top-to-workflow-icon-medium": {
+    "sets": {
+      "desktop": {
+        "value": "15px",
+        "uuid": "aec60dda-9e5a-40c8-8e45-5e1662eab6e3"
+      },
+      "mobile": {
+        "value": "19px",
+        "uuid": "820baccf-af24-42a3-9729-99408bc9322f"
+      }
+    }
+  },
+  "tab-item-top-to-workflow-icon-large": {
+    "sets": {
+      "desktop": {
+        "value": "17px",
+        "uuid": "65e1f735-5f46-4bb3-9c7b-d5f5abab91a1"
+      },
+      "mobile": {
+        "value": "23px",
+        "uuid": "4dd99579-949b-4bf9-b022-e8f0c95eae33"
+      }
+    }
+  },
+  "tab-item-top-to-workflow-icon-extra-large": {
+    "sets": {
+      "desktop": {
+        "value": "19px",
+        "uuid": "2c869793-c10b-40ef-9545-45a8a6b4cbb5"
+      },
+      "mobile": {
+        "value": "26px",
+        "uuid": "5afa2636-7d4c-4d83-b9fc-3c5a52ee4646"
+      }
+    }
+  },
+  "tab-item-top-to-workflow-icon-compact-small": {
+    "sets": {
+      "desktop": {
+        "value": "3px",
+        "uuid": "96c22cdc-aecb-4747-aea9-f140af5ee048"
+      },
+      "mobile": {
+        "value": "5px",
+        "uuid": "b79002d2-bcff-4e8d-a406-e512c7e7d0e3"
+      }
+    }
+  },
+  "tab-item-top-to-workflow-icon-compact-medium": {
+    "sets": {
+      "desktop": {
+        "value": "7px",
+        "uuid": "7788c25c-0ce2-4170-8c5f-2fb1d98d953a"
+      },
+      "mobile": {
+        "value": "9px",
+        "uuid": "4fb0520b-8c74-4fb7-b279-a3586a06a57e"
+      }
+    }
+  },
+  "tab-item-top-to-workflow-icon-compact-large": {
+    "sets": {
+      "desktop": {
+        "value": "9px",
+        "uuid": "fab951e5-1a78-4fb4-8c19-677f5f231189"
+      },
+      "mobile": {
+        "value": "13px",
+        "uuid": "fad964d8-0020-4583-97ab-7d6565d01bdc"
+      }
+    }
+  },
+  "tab-item-top-to-workflow-icon-compact-extra-large": {
+    "sets": {
+      "desktop": {
+        "value": "11px",
+        "uuid": "dd4769f3-5c7e-491f-9d01-c80af0b561fb"
+      },
+      "mobile": {
+        "value": "16px",
+        "uuid": "f310e5d7-7435-41a0-b44d-ececff4844f2"
+      }
+    }
+  },
+  "tab-item-focus-indicator-gap-small": {
+    "sets": {
+      "desktop": {
+        "value": "7px",
+        "uuid": "d23bdd67-d7d0-42df-9575-61502d3692ab"
+      },
+      "mobile": {
+        "value": "9px",
+        "uuid": "5fbc924e-e79e-46c6-8544-c92d7f33bc26"
+      }
+    }
+  },
+  "tab-item-focus-indicator-gap-medium": {
+    "sets": {
+      "desktop": {
+        "value": "8px",
+        "uuid": "cbbaa048-129d-439f-8aae-59153e28216b"
+      },
+      "mobile": {
+        "value": "10px",
+        "uuid": "09ee234f-a596-47ba-89df-ab9ebc07ded8"
+      }
+    }
+  },
+  "tab-item-focus-indicator-gap-large": {
+    "sets": {
+      "desktop": {
+        "value": "9px",
+        "uuid": "6fd78b93-1356-4eb0-9f70-bed00c3eb2aa"
+      },
+      "mobile": {
+        "value": "11px",
+        "uuid": "6c4d8c39-9f75-4c75-94e2-274a69a8f556"
+      }
+    }
+  },
+  "tab-item-focus-indicator-gap-extra-large": {
+    "sets": {
+      "desktop": {
+        "value": "10px",
+        "uuid": "1f12f9aa-19bd-4f77-93db-d737c0538677"
+      },
+      "mobile": {
+        "value": "12px",
+        "uuid": "6c0aad05-5224-4ade-913a-3dc5ebceeb62"
+      }
+    }
+  },
   "side-navigation-width": {
     "sets": {
       "desktop": {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adobe/spectrum-tokens",
-  "version": "12.11.0",
+  "version": "12.12.1",
   "description": "Design tokens for Spectrum, Adobe's design system",
   "type": "module",
   "main": "tasks/buildSpectrumTokens.js",

package/src/color-aliases.json

@@ -331,6 +331,10 @@
       }
     }
   },
+  "neutral-subdued-content-color-selected": {
+    "value": "{neutral-subdued-content-color-down}",
+    "uuid": "ea46f6d3-4261-4482-a70f-2cddd113aa4a"
+  },
   "accent-background-color-default": {
     "sets": {
       "light": {
@@ -411,6 +415,10 @@
       }
     }
   },
+  "accent-content-color-selected": {
+    "value": "{accent-content-color-down}",
+    "uuid": "9cfbf8bc-e4f3-4658-922e-9421e2ed126b"
+  },
   "informative-background-color-default": {
     "sets": {
       "light": {