@lilydesignsystem/themes 0.4.0 → 0.5.0

package/dist/winter.css

@@ -2080,6 +2080,8 @@
         .text-size-picker,
         .search-picker,
         .link-picker,
+        .menu-picker,
+        .settings-picker,
         .share-picker,
         .date-time-picker
     ) {
@@ -2093,6 +2095,8 @@
         .text-size-picker-button,
         .search-picker-button,
         .link-picker-button,
+        .menu-picker-button,
+        .settings-picker-button,
         .share-picker-button,
         .date-time-picker-button
     ) {
@@ -2129,6 +2133,8 @@
         .text-size-picker-icon,
         .motion-picker-icon,
         .link-picker-icon,
+        .menu-picker-icon,
+        .settings-picker-icon,
         .share-picker-icon,
         .search-picker-icon
     ) {
@@ -2494,6 +2500,8 @@
         .text-size-picker-tooltip,
         .motion-picker-tooltip,
         .link-picker-tooltip,
+        .menu-picker-tooltip,
+        .settings-picker-tooltip,
         .share-picker-tooltip,
         .search-picker-tooltip,
         .date-time-picker-tooltip
@@ -2519,6 +2527,8 @@
         .text-size-picker-tooltip,
         .motion-picker-tooltip,
         .link-picker-tooltip,
+        .menu-picker-tooltip,
+        .settings-picker-tooltip,
         .share-picker-tooltip,
         .search-picker-tooltip,
         .date-time-picker-tooltip
@@ -2536,6 +2546,8 @@
         .text-size-picker-tooltip,
         .motion-picker-tooltip,
         .link-picker-tooltip,
+        .menu-picker-tooltip,
+        .settings-picker-tooltip,
         .share-picker-tooltip,
         .search-picker-tooltip,
         .date-time-picker-tooltip
@@ -2590,6 +2602,8 @@
         .text-size-picker-list,
         .motion-picker-list,
         .link-picker-list,
+        .menu-picker-panel,
+        .settings-picker-panel,
         .share-picker-list,
         .search-picker-panel
     ) {
@@ -2617,6 +2631,8 @@
         .text-size-picker-list,
         .motion-picker-list,
         .link-picker-list,
+        .menu-picker-panel,
+        .settings-picker-panel,
         .share-picker-list,
         .search-picker-panel
     )[hidden] {
@@ -2635,6 +2651,8 @@
         :where(.text-size-picker) { anchor-name: --lily-text-size-picker; }
         :where(.motion-picker) { anchor-name: --lily-motion-picker; }
         :where(.link-picker) { anchor-name: --lily-link-picker; }
+        :where(.menu-picker) { anchor-name: --lily-menu-picker; }
+        :where(.settings-picker) { anchor-name: --lily-settings-picker; }
         :where(.share-picker) { anchor-name: --lily-share-picker; }
         :where(.search-picker) { anchor-name: --lily-search-picker; }
         :where(.theme-picker-list) { position-anchor: --lily-theme-picker; }
@@ -2642,6 +2660,8 @@
         :where(.text-size-picker-list) { position-anchor: --lily-text-size-picker; }
         :where(.motion-picker-list) { position-anchor: --lily-motion-picker; }
         :where(.link-picker-list) { position-anchor: --lily-link-picker; }
+        :where(.menu-picker-panel) { position-anchor: --lily-menu-picker; }
+        :where(.settings-picker-panel) { position-anchor: --lily-settings-picker; }
         :where(.share-picker-list) { position-anchor: --lily-share-picker; }
         :where(.search-picker-panel) { position-anchor: --lily-search-picker; }
         :where(
@@ -2650,6 +2670,8 @@
             .text-size-picker-list,
             .motion-picker-list,
             .link-picker-list,
+            .menu-picker-panel,
+            .settings-picker-panel,
             .share-picker-list,
             .search-picker-panel
         ) {

package/dist/wireframe.css

@@ -2080,6 +2080,8 @@
         .text-size-picker,
         .search-picker,
         .link-picker,
+        .menu-picker,
+        .settings-picker,
         .share-picker,
         .date-time-picker
     ) {
@@ -2093,6 +2095,8 @@
         .text-size-picker-button,
         .search-picker-button,
         .link-picker-button,
+        .menu-picker-button,
+        .settings-picker-button,
         .share-picker-button,
         .date-time-picker-button
     ) {
@@ -2129,6 +2133,8 @@
         .text-size-picker-icon,
         .motion-picker-icon,
         .link-picker-icon,
+        .menu-picker-icon,
+        .settings-picker-icon,
         .share-picker-icon,
         .search-picker-icon
     ) {
@@ -2494,6 +2500,8 @@
         .text-size-picker-tooltip,
         .motion-picker-tooltip,
         .link-picker-tooltip,
+        .menu-picker-tooltip,
+        .settings-picker-tooltip,
         .share-picker-tooltip,
         .search-picker-tooltip,
         .date-time-picker-tooltip
@@ -2519,6 +2527,8 @@
         .text-size-picker-tooltip,
         .motion-picker-tooltip,
         .link-picker-tooltip,
+        .menu-picker-tooltip,
+        .settings-picker-tooltip,
         .share-picker-tooltip,
         .search-picker-tooltip,
         .date-time-picker-tooltip
@@ -2536,6 +2546,8 @@
         .text-size-picker-tooltip,
         .motion-picker-tooltip,
         .link-picker-tooltip,
+        .menu-picker-tooltip,
+        .settings-picker-tooltip,
         .share-picker-tooltip,
         .search-picker-tooltip,
         .date-time-picker-tooltip
@@ -2590,6 +2602,8 @@
         .text-size-picker-list,
         .motion-picker-list,
         .link-picker-list,
+        .menu-picker-panel,
+        .settings-picker-panel,
         .share-picker-list,
         .search-picker-panel
     ) {
@@ -2617,6 +2631,8 @@
         .text-size-picker-list,
         .motion-picker-list,
         .link-picker-list,
+        .menu-picker-panel,
+        .settings-picker-panel,
         .share-picker-list,
         .search-picker-panel
     )[hidden] {
@@ -2635,6 +2651,8 @@
         :where(.text-size-picker) { anchor-name: --lily-text-size-picker; }
         :where(.motion-picker) { anchor-name: --lily-motion-picker; }
         :where(.link-picker) { anchor-name: --lily-link-picker; }
+        :where(.menu-picker) { anchor-name: --lily-menu-picker; }
+        :where(.settings-picker) { anchor-name: --lily-settings-picker; }
         :where(.share-picker) { anchor-name: --lily-share-picker; }
         :where(.search-picker) { anchor-name: --lily-search-picker; }
         :where(.theme-picker-list) { position-anchor: --lily-theme-picker; }
@@ -2642,6 +2660,8 @@
         :where(.text-size-picker-list) { position-anchor: --lily-text-size-picker; }
         :where(.motion-picker-list) { position-anchor: --lily-motion-picker; }
         :where(.link-picker-list) { position-anchor: --lily-link-picker; }
+        :where(.menu-picker-panel) { position-anchor: --lily-menu-picker; }
+        :where(.settings-picker-panel) { position-anchor: --lily-settings-picker; }
         :where(.share-picker-list) { position-anchor: --lily-share-picker; }
         :where(.search-picker-panel) { position-anchor: --lily-search-picker; }
         :where(
@@ -2650,6 +2670,8 @@
             .text-size-picker-list,
             .motion-picker-list,
             .link-picker-list,
+            .menu-picker-panel,
+            .settings-picker-panel,
             .share-picker-list,
             .search-picker-panel
         ) {

package/index.md

@@ -1,6 +1,6 @@
 # Lily Design System™ — Themes
 
-`@lilydesignsystem/themes` packages the 45 reference theme stylesheets
+`@lilydesignsystem/themes` packages the 57 reference theme stylesheets
 that live at the canonical monorepo root
 ([`themes/`](https://github.com/LilyDesignSystem/lily-design-system/tree/main/themes))
 as an installable npm package, so a consumer who wants Lily's default
@@ -9,7 +9,7 @@ look does not have to clone the monorepo or hand-copy CSS files.
 Each stylesheet targets the Lily headless components' kebab-case class
 hooks (see [css-style-sheet-template.css](https://github.com/LilyDesignSystem/lily-design-system/blob/main/css-style-sheet-template.css))
 directly — no build step, no CSS framework, no JavaScript runtime.
-This package is CSS only: 45 files, one per theme, unmodified from the
+This package is CSS only: 57 files, one per theme, unmodified from the
 canonical source.
 
 ## Install
@@ -45,16 +45,20 @@ app uses, via `bin/sync`):
 cp node_modules/@lilydesignsystem/themes/*.css public/themes/
 ```
 
-## The 45 themes
+## The 57 themes
 
 Alphabetical, with the UK/US government themes grouped at the end
-(matching `picker-bar`'s default ordering):
-
-abyss, acid, adobe-spectrum, aqua, autumn, black, bumblebee, business,
-caramellatte, cmyk, coffee, corporate, cupcake, cyberpunk, dark, dim,
-dracula, emerald, fantasy, forest, garden, halloween, lemonade, light,
-lofi, luxury, mozilla-protocol, night, nord, pastel, retro, silk,
-sunset, synthwave, valentine, winter, wireframe,
+(matching `picker-bar`'s default ordering). Each theme has its own page
+under [`spec/themes/`](spec/themes/): palette, contrast, shape, upstream
+and notes.
+
+abyss, acid, adobe-spectrum, ant-design, aqua, atlassian, autumn, black,
+bumblebee, business, cappuccino, caramellatte, cmyk, coffee, corporate,
+cupcake, cyberpunk, dark, dim, dracula, emerald, excel, fantasy, fluent,
+forest, garden, github-primer, halloween, ibm-carbon, lemonade, light,
+linear, lofi, luxury, mozilla-protocol, night, nord, notion, pastel,
+retro, salesforce, sap-fiori, silk, sunset, synthwave, valentine,
+vercel, winter, wireframe,
 united-kingdom-government-digital-service,
 united-kingdom-national-health-service-england-for-patients,
 united-kingdom-national-health-service-england-for-practitioners,

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@lilydesignsystem/themes",
-  "version": "0.4.0",
+  "version": "0.5.0",
   "engines": {
     "node": "=26"
   },
-  "description": "Lily Design System reference theme stylesheets: 45 ready-to-use CSS themes (NHS England/Scotland/Wales, GOV.UK GDS, USWDS, Adobe Spectrum, Mozilla Protocol, and general-purpose themes) targeting the Lily kebab-case class hooks.",
+  "description": "Lily Design System reference theme stylesheets: 57 ready-to-use CSS themes (NHS England/Scotland/Wales, GOV.UK GDS, USWDS, Adobe Spectrum, Mozilla Protocol, Ant Design, Atlassian, Excel, Fluent, GitHub Primer, IBM Carbon, Linear, Notion, Salesforce, SAP Fiori, Vercel, and general-purpose themes) targeting the Lily kebab-case class hooks.",
   "type": "module",
   "files": [
     "dist",
@@ -34,7 +34,8 @@
   "license": "MIT OR Apache-2.0 OR GPL-2.0-only OR GPL-3.0-only OR BSD-3-Clause",
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/LilyDesignSystem/lily-design-system-themes.git"
+    "url": "git+https://github.com/LilyDesignSystem/lily-design-system.git",
+    "directory": "lily-design-system-themes"
   },
   "homepage": "https://lilydesignsystem.com/",
   "bugs": {