@sveltia/ui 0.2.3 → 0.2.5

package/package/styles/variables.scss

@@ -3,8 +3,9 @@
   --foreground-color-2-hsl: var(--base-hue) 5% 20%; // primary
   --foreground-color-3-hsl: var(--base-hue) 5% 40%; // secondary
   --foreground-color-4-hsl: var(--base-hue) 5% 60%; // tertiary
-  --border-color-1-hsl: var(--base-hue) 5% 75%; // primary
-  --border-color-2-hsl: var(--base-hue) 5% 80%; // secondary/input
+  --border-color-1-hsl: var(--base-hue) 5% 30%; // primary
+  --border-color-2-hsl: var(--base-hue) 5% 50%; // secondary/input
+  --border-color-3-hsl: var(--base-hue) 5% 70%; // tertiary
   --background-color-1-hsl: var(--base-hue) 5% 100%; // content/input
   --background-color-2-hsl: var(--base-hue) 5% 98%; // primary
   --background-color-3-hsl: var(--base-hue) 5% 94%; // secondary
@@ -34,8 +35,9 @@
   --foreground-color-2-hsl: var(--base-hue) 10% 80%; // primary
   --foreground-color-3-hsl: var(--base-hue) 10% 60%; // secondary
   --foreground-color-4-hsl: var(--base-hue) 10% 40%; // tertiary
-  --border-color-1-hsl: var(--base-hue) 10% 28%; // primary
-  --border-color-2-hsl: var(--base-hue) 10% 24%; // secondary/input
+  --border-color-1-hsl: var(--base-hue) 10% 70%; // primary
+  --border-color-2-hsl: var(--base-hue) 10% 50%; // secondary/input
+  --border-color-3-hsl: var(--base-hue) 10% 30%; // tertiary
   --background-color-1-hsl: var(--base-hue) 10% 10%; // content/input
   --background-color-2-hsl: var(--base-hue) 10% 12%; // primary
   --background-color-3-hsl: var(--base-hue) 10% 16%; // secondary
@@ -115,7 +117,8 @@
   // Borders
   --primary-border-color: hsl(var(--border-color-1-hsl));
   --secondary-border-color: hsl(var(--border-color-2-hsl));
-  --control-border-color: hsl(var(--border-color-2-hsl));
+  --primary-control-border-color: hsl(var(--border-color-2-hsl));
+  --secondary-control-border-color: hsl(var(--border-color-3-hsl));
   --danger-border-color: hsl(
     var(--danger-color-hue) var(--alert-border-color-saturation) var(--alert-border-color-lightness)
   );

package/package/typedef.d.ts

@@ -0,0 +1 @@
+type PopupPosition = ('top-left' | 'top-right' | 'right-top' | 'right-bottom' | 'bottom-left' | 'bottom-right' | 'left-top' | 'left-bottom');

package/package/typedef.js

@@ -0,0 +1,4 @@
+/**
+ * @typedef {('top-left' | 'top-right' | 'right-top' | 'right-bottom' | 'bottom-left' |
+ * 'bottom-right'|'left-top'|'left-bottom')} PopupPosition
+ */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sveltia/ui",
-  "version": "0.2.3",
+  "version": "0.2.5",
   "license": "MIT",
   "type": "module",
   "publishConfig": {
@@ -12,11 +12,10 @@
     "build:watch": "svelte-kit sync && svelte-package -o package --watch",
     "preview": "vite preview",
     "prepublishOnly": "npm run build",
-    "check": "svelte-kit sync && svelte-check --tsconfig ./jsconfig.json",
-    "check:watch": "svelte-kit sync && svelte-check --tsconfig ./jsconfig.json --watch",
     "format": "prettier --plugin-search-dir . --write .",
     "lint": "npm-run-all lint:*",
     "lint:cspell": "cspell --no-progress",
+    "lint:svelte": "svelte-kit sync && svelte-check --tsconfig ./jsconfig.json",
     "lint:prettier": "prettier --check --plugin-search-dir=. .",
     "lint:eslint": "eslint .",
     "lint:stylelint": "stylelint '**/*.{css,scss,svelte}'",
@@ -27,34 +26,33 @@
     "svelte": "^3.55.1"
   },
   "devDependencies": {
-    "@babel/core": "^7.21.5",
-    "@babel/eslint-parser": "^7.21.3",
-    "@playwright/test": "^1.33.0",
-    "@sveltejs/adapter-auto": "2.0.1",
-    "@sveltejs/kit": "1.15.9",
+    "@playwright/test": "^1.34.3",
+    "@sveltejs/adapter-auto": "2.1.0",
+    "@sveltejs/kit": "1.20.1",
     "@sveltejs/package": "^2.0.2",
     "cspell": "^6.31.1",
-    "eslint": "^8.39.0",
+    "eslint": "^8.42.0",
     "eslint-config-airbnb-base": "^15.0.0",
     "eslint-config-prettier": "^8.8.0",
     "eslint-plugin-import": "^2.27.5",
-    "eslint-plugin-svelte3": "^4.0.0",
+    "eslint-plugin-jsdoc": "^46.2.4",
+    "eslint-plugin-svelte": "^2.30.0",
     "npm-run-all": "^4.1.5",
-    "postcss": "^8.4.23",
+    "postcss": "^8.4.24",
     "postcss-html": "^1.5.0",
     "prettier": "^2.8.8",
-    "prettier-plugin-svelte": "^2.10.0",
+    "prettier-plugin-svelte": "^2.10.1",
     "sass": "^1.62.1",
-    "stylelint": "^15.6.0",
-    "stylelint-config-recommended-scss": "^11.0.0",
+    "stylelint": "^15.6.3",
+    "stylelint-config-recommended-scss": "^12.0.0",
     "stylelint-scss": "^5.0.0",
-    "svelte-check": "^3.2.0",
+    "svelte-check": "^3.4.3",
     "svelte-i18n": "^3.6.0",
-    "svelte-migrate": "^1.1.3",
-    "svelte-preprocess": "^5.0.3",
-    "tslib": "^2.5.0",
-    "vite": "^4.3.3",
-    "vitest": "^0.30.1"
+    "svelte-migrate": "^1.2.1",
+    "svelte-preprocess": "^5.0.4",
+    "tslib": "^2.5.3",
+    "vite": "^4.3.9",
+    "vitest": "^0.31.4"
   },
   "exports": {
     "./package.json": "./package.json",
@@ -98,10 +96,10 @@
       "svelte": "./package/components/composite/menu.svelte",
       "default": "./package/components/composite/menu.svelte"
     },
-    "./components/composite/radio-button-group.svelte": {
-      "types": "./package/components/composite/radio-button-group.svelte.d.ts",
-      "svelte": "./package/components/composite/radio-button-group.svelte",
-      "default": "./package/components/composite/radio-button-group.svelte"
+    "./components/composite/radio-group.svelte": {
+      "types": "./package/components/composite/radio-group.svelte.d.ts",
+      "svelte": "./package/components/composite/radio-group.svelte",
+      "default": "./package/components/composite/radio-group.svelte"
     },
     "./components/composite/select-button-group.svelte": {
       "types": "./package/components/composite/select-button-group.svelte.d.ts",
@@ -188,10 +186,10 @@
       "svelte": "./package/components/core/password-input.svelte",
       "default": "./package/components/core/password-input.svelte"
     },
-    "./components/core/radio-button.svelte": {
-      "types": "./package/components/core/radio-button.svelte.d.ts",
-      "svelte": "./package/components/core/radio-button.svelte",
-      "default": "./package/components/core/radio-button.svelte"
+    "./components/core/radio.svelte": {
+      "types": "./package/components/core/radio.svelte.d.ts",
+      "svelte": "./package/components/core/radio.svelte",
+      "default": "./package/components/core/radio.svelte"
     },
     "./components/core/row-group.svelte": {
       "types": "./package/components/core/row-group.svelte.d.ts",
@@ -343,8 +341,8 @@
       "components/composite/menu.svelte": [
         "./package/components/composite/menu.svelte.d.ts"
       ],
-      "components/composite/radio-button-group.svelte": [
-        "./package/components/composite/radio-button-group.svelte.d.ts"
+      "components/composite/radio-group.svelte": [
+        "./package/components/composite/radio-group.svelte.d.ts"
       ],
       "components/composite/select-button-group.svelte": [
         "./package/components/composite/select-button-group.svelte.d.ts"
@@ -397,8 +395,8 @@
       "components/core/password-input.svelte": [
         "./package/components/core/password-input.svelte.d.ts"
       ],
-      "components/core/radio-button.svelte": [
-        "./package/components/core/radio-button.svelte.d.ts"
+      "components/core/radio.svelte": [
+        "./package/components/core/radio.svelte.d.ts"
       ],
       "components/core/row-group.svelte": [
         "./package/components/core/row-group.svelte.d.ts"

package/package/components/composite/radio-button-group.svelte.d.ts

@@ -1,36 +0,0 @@
-/** @typedef {typeof __propDef.props}  RadioButtonGroupProps */
-/** @typedef {typeof __propDef.events}  RadioButtonGroupEvents */
-/** @typedef {typeof __propDef.slots}  RadioButtonGroupSlots */
-/**
- * The container of `<RadioButton>`s.
- * @see https://w3c.github.io/aria/#radiogroup
- * @see https://w3c.github.io/aria-practices/#radiobutton
- */
-export default class RadioButtonGroup extends SvelteComponentTyped<{
-    class?: string;
-    element?: HTMLElement;
-    orientation?: "horizontal" | "vertical";
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {
-    default: {};
-}> {
-}
-export type RadioButtonGroupProps = typeof __propDef.props;
-export type RadioButtonGroupEvents = typeof __propDef.events;
-export type RadioButtonGroupSlots = typeof __propDef.slots;
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: {
-        class?: string;
-        element?: (HTMLElement | undefined);
-        orientation?: ('horizontal' | 'vertical');
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {};
-    };
-};
-export {};

package/package/components/core/radio-button.svelte.d.ts

@@ -1,37 +0,0 @@
-/** @typedef {typeof __propDef.props}  RadioButtonProps */
-/** @typedef {typeof __propDef.events}  RadioButtonEvents */
-/** @typedef {typeof __propDef.slots}  RadioButtonSlots */
-/**
- * @see https://w3c.github.io/aria/#radio
- * @see https://w3c.github.io/aria-practices/#radiobutton
- */
-export default class RadioButton extends SvelteComponentTyped<{
-    class?: string;
-    name?: string;
-    value?: string;
-    selected?: boolean;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {
-    default: {};
-}> {
-}
-export type RadioButtonProps = typeof __propDef.props;
-export type RadioButtonEvents = typeof __propDef.events;
-export type RadioButtonSlots = typeof __propDef.slots;
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: {
-        class?: string;
-        name?: string;
-        value?: (string | undefined);
-        selected?: boolean;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {};
-    };
-};
-export {};