@swiftwc/ui 0.0.0-dev.93 → 0.0.0-dev.95

package/generated/events/alert-dialog.d.ts

@@ -1,8 +1,10 @@
 export type AlertReturnDetail = {
     returnValue: string;
 };
+export interface AlertReturnEvent extends CustomEvent<AlertReturnDetail> {
+}
 declare global {
     interface HTMLElementEventMap {
-        'alert:return': CustomEvent<AlertReturnDetail>;
+        'alert:return': AlertReturnEvent;
     }
 }

package/generated/events/confirmation-dialog.d.ts

@@ -2,8 +2,10 @@ export type ConfirmationReturnDetail = {
     returnValue: string;
     positionAnchor: string;
 };
+export interface ConfirmationReturnEvent extends CustomEvent<ConfirmationReturnDetail> {
+}
 declare global {
     interface HTMLElementEventMap {
-        'confirmation:return': CustomEvent<ConfirmationReturnDetail>;
+        'confirmation:return': ConfirmationReturnEvent;
     }
 }

package/generated/events/date-picker.d.ts

@@ -1,8 +1,10 @@
 export type DatePickerSelectionDetail = {
     selection: string;
 };
+export interface DatePickerSelectionEvent extends CustomEvent<DatePickerSelectionDetail> {
+}
 declare global {
     interface HTMLElementEventMap {
-        selection: CustomEvent<DatePickerSelectionDetail>;
+        selection: DatePickerSelectionEvent;
     }
 }

package/generated/events/lifecycle-observer.d.ts

@@ -2,9 +2,13 @@ import { type ScrollView } from '../components';
 export type PageShowHideDetail = {
     page: ScrollView;
 };
+export interface PageShowEvent extends CustomEvent<PageShowHideDetail> {
+}
+export interface PageHideEvent extends CustomEvent<PageShowHideDetail> {
+}
 declare global {
     interface HTMLElementEventMap {
-        pageshow: CustomEvent<PageShowHideDetail>;
-        pagehide: CustomEvent<PageShowHideDetail>;
+        pageshow: PageShowEvent;
+        pagehide: PageHideEvent;
     }
 }

package/generated/events/picker-view.d.ts

@@ -5,11 +5,19 @@ export type PickerSearchableDetail = {
     element: HTMLElement;
     search: string;
 };
+export interface PickerSelectionEvent extends CustomEvent<PickerSelectionDetail> {
+}
+export interface PickerSearchfocusEvent extends CustomEvent<PickerSearchableDetail> {
+}
+export interface PickerSearchblurEvent extends CustomEvent<PickerSearchableDetail> {
+}
+export interface PickerSearchinputEvent extends CustomEvent<PickerSearchableDetail> {
+}
 declare global {
     interface HTMLElementEventMap {
-        selection: CustomEvent<PickerSelectionDetail>;
-        'picker:searchfocus': CustomEvent<PickerSearchableDetail>;
-        'picker:searchblur': CustomEvent<PickerSearchableDetail>;
-        'picker:searchinput': CustomEvent<PickerSearchableDetail>;
+        selection: PickerSelectionEvent;
+        'picker:searchfocus': PickerSearchfocusEvent;
+        'picker:searchblur': PickerSearchblurEvent;
+        'picker:searchinput': PickerSearchinputEvent;
     }
 }

package/generated/events/scroll-view.d.ts

@@ -2,9 +2,13 @@ import { type ScrollView } from '../components';
 export type PageRevealSwapDetail = {
     page: ScrollView;
 };
+export interface PagerevealEvent extends CustomEvent<PageRevealSwapDetail> {
+}
+export interface PageswapEvent extends CustomEvent<PageRevealSwapDetail> {
+}
 declare global {
     interface HTMLElementEventMap {
-        pagereveal: CustomEvent<PageRevealSwapDetail>;
-        pageswap: CustomEvent<PageRevealSwapDetail>;
+        pagereveal: PagerevealEvent;
+        pageswap: PageswapEvent;
     }
 }

package/generated/events/tab-view.d.ts

@@ -14,15 +14,31 @@ export type TabViewAdaptableTabBarPlacementDetail = {
     oldValue?: TabBarPlacement;
     newValue?: TabBarPlacement;
 };
+export interface TabshowEvent extends CustomEvent<TabDetail> {
+}
+export interface TabhideEvent extends CustomEvent<TabDetail> {
+}
+export interface TabrevealEvent extends CustomEvent<TabDetail> {
+}
+export interface TabswapEvent extends CustomEvent<TabDetail> {
+}
+export interface BeforetabrevealEvent extends CustomEvent<TabBeforeDetail> {
+}
+export interface BeforetabswapEvent extends CustomEvent<TabBeforeDetail> {
+}
+export interface TabViewToggleEvent extends CustomEvent<TabViewDetail> {
+}
+export interface TabViewAdaptableTabBarPlacementChangeEvent extends CustomEvent<TabViewAdaptableTabBarPlacementDetail> {
+}
 declare global {
     interface HTMLElementEventMap {
-        tabshow: CustomEvent<TabDetail>;
-        tabhide: CustomEvent<TabDetail>;
-        tabreveal: CustomEvent<TabDetail>;
-        tabswap: CustomEvent<TabDetail>;
-        beforetabreveal: CustomEvent<TabBeforeDetail>;
-        beforetabswap: CustomEvent<TabBeforeDetail>;
-        'tab-view:toggle': CustomEvent<TabViewDetail>;
-        'tab-view:adaptable-tab-bar-placement-change': CustomEvent<TabViewAdaptableTabBarPlacementDetail>;
+        tabshow: TabshowEvent;
+        tabhide: TabhideEvent;
+        tabreveal: TabrevealEvent;
+        tabswap: TabswapEvent;
+        beforetabreveal: BeforetabrevealEvent;
+        beforetabswap: BeforetabswapEvent;
+        'tab-view:toggle': TabViewToggleEvent;
+        'tab-view:adaptable-tab-bar-placement-change': TabViewAdaptableTabBarPlacementChangeEvent;
     }
 }

package/generated/events/text-field.d.ts

@@ -1,8 +1,10 @@
 export type TextFieldCommitDetail = {
     text: string;
 };
+export interface TextFieldCommitEvent extends CustomEvent<TextFieldCommitDetail> {
+}
 declare global {
     interface HTMLElementEventMap {
-        commit: CustomEvent<TextFieldCommitDetail>;
+        commit: TextFieldCommitEvent;
     }
 }

package/generated/events/toggle-view.d.ts

@@ -2,8 +2,10 @@ export type ToggleChangeDetail = {
     isOn: boolean;
     value: string | null;
 };
+export interface ToggleChangeEvent extends CustomEvent<ToggleChangeDetail> {
+}
 declare global {
     interface HTMLElementEventMap {
-        'toggle:change': CustomEvent<ToggleChangeDetail>;
+        'toggle:change': ToggleChangeEvent;
     }
 }

package/generated/internal/class/form-associated-base.js

@@ -29,7 +29,7 @@ export class FormAssociatedBase extends HTMLElement {
     }
     constructor() {
         super();
-        internals.set(this, this.attachInternals());
+        internals.set(this, this.attachInternals?.());
         // trackedElements.set(this, new Set<Element>())
     }
     disconnectedCallback() {

package/generated/internal/utils/kebab-case.js

@@ -1,11 +1,8 @@
 export default function (str) {
-    return (str
-        // Replace uppercase letters with - + lowercase
-        .replace(/([A-Z])/g, '-$1')
-        // Replace spaces and underscores with -
-        .replace(/[\s_]+/g, '-')
-        // Convert to lowercase
-        .toLowerCase()
-        // Remove leading/trailing dashes
-        .replace(/^-+|-+$/g, ''));
+    return str
+        .replace(/([A-Z])/g, '-$1') // Replace uppercase letters with - + lowercase
+        .replace(/[\s_]+/g, '-') // Replace spaces and underscores with -
+        .replace(/-+/g, '-') // collapse any run of dashes into one
+        .toLowerCase() // Convert to lowercase
+        .replace(/^-+|-+$/g, ''); // Remove leading/trailing dashes
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@swiftwc/ui",
-  "version": "0.0.0-dev.93",
+  "version": "0.0.0-dev.95",
   "description": "Elegant SwiftUI-inspired web components for standalone web apps and web extensions.",
   "publishConfig": {
     "access": "public"
@@ -21,7 +21,8 @@
   "files": [
     "generated",
     "scss",
-    "web-components.html-data"
+    "web-components.html-data",
+    "web-components.css-data"
   ],
   "sass": "scss/index.scss",
   "keywords": [
@@ -51,7 +52,8 @@
     "./scss": "./scss/index.scss",
     "./scss/*": "./scss/*.scss",
     "./customElements/en": "./custom-elements/en.json",
-    "./webComponentsHTMLData/en": "./web-components.html-data/en.json"
+    "./webComponentsHTMLData/en": "./web-components.html-data/en.json",
+    "./webComponentsCSSData/en": "./web-components.css-data/en.json"
   },
   "bin": {
     "swiftwc": "./generated/index.js"
@@ -63,7 +65,7 @@
     "build:ts:watch": "npm run prebuild && tsc --watch",
     "build:ts": "tsc",
     "build:scss": "sass --style=expanded --no-source-map scss/index.scss generated/css/index.css",
-    "build:manifest": "tsx scripts/make-manifest.ts && prettier ./web-components.html-data/en.json --write",
+    "build:manifest": "tsx scripts/make-manifest.ts && prettier ./web-components.html-data/en.json && prettier ./web-components.css-data/en.json --write",
     "build:barrels": "npm run build:barrels:components && npm run build:barrels:events && npm run build:barrels:buses && npm run build:barrels:tpl && npm run build:barrels:morphdom && npm run build:barrels:i18n",
     "build:barrels:components": "barrelsby --noHeader --delete --singleQuotes --noSemicolon --directory ./js/components --exclude \".\\.test\\.ts\"",
     "build:barrels:events": "barrelsby --noHeader --delete --singleQuotes --noSemicolon --directory ./js/events --exclude \".\\.test\\.ts\"",

package/web-components.css-data/en.json

@@ -0,0 +1,28 @@
+{
+  "version": 1.1,
+  "properties": [
+    {
+      "name": "--accentColor",
+      "description": {
+        "kind": "markdown",
+        "value": "Sets the accent color used by interactive elements.\n\nRegistered via `@property` with `syntax: '<color>'`, `inherits: true`."
+      },
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://swiftwc.github.io/ui/tokens/tint"
+        }
+      ],
+      "values": [
+        {
+          "name": "blue",
+          "description": "System blue"
+        },
+        {
+          "name": "red",
+          "description": "System red"
+        }
+      ]
+    }
+  ]
+}