@revotech-group/revotech-ui-kit 0.2.3 → 0.2.4

package/dist/src/tokens/tailwind/keyframes.d.ts

@@ -0,0 +1,41 @@
+export declare const keyframes: {
+    'toast-animate-in': {
+        from: {
+            opacity: string;
+            transform: string;
+        };
+        to: {
+            opacity: string;
+            transform: string;
+        };
+    };
+    'toast-animate-out': {
+        from: {
+            opacity: string;
+        };
+        to: {
+            opacity: string;
+        };
+    };
+    'skeleton-animate': {
+        '50%': {
+            opacity: string;
+        };
+    };
+    'accordion-content-animate-closed': {
+        from: {
+            height: string;
+        };
+        to: {
+            height: string;
+        };
+    };
+    'accordion-content-animate-open': {
+        from: {
+            height: string;
+        };
+        to: {
+            height: string;
+        };
+    };
+};

package/dist/src/tokens/tailwind/opacity.d.ts

@@ -0,0 +1,34 @@
+export declare const opacity: {
+    'combo-box-trigger-opacity-disabled': string;
+    'form-label-opacity-peer-disabled': string;
+    'carousel-button-opacity-disabled': string;
+    'textarea-opacity-disabled': string;
+    'toast-description-opacity': string;
+    'toast-action-opacity-disabled': string;
+    'toggle-group-item-opacity-disabled': string;
+    'toggle-opacity-disabled': string;
+    'switch-opacity-disabled': string;
+    'select-trigger-opacity-disabled': string;
+    'select-trigger-icon-opacity': string;
+    'select-item-opacity-disabled': string;
+    'radio-group-item-opacity-disabled': string;
+    'menubar-item-opacity-disabled': string;
+    'menubar-checkbox-item-opacity-disabled': string;
+    'menubar-radio-item-opacity-disabled': string;
+    'dropdown-menu-item-opacity-disabled': string;
+    'dropdown-menu-checkbox-item-opacity-disabled': string;
+    'dropdown-menu-radio-item-opacity-disabled': string;
+    'dialog-close-opacity': string;
+    'dialog-close-opacity-hover': string;
+    'context-menu-item-opacity-disabled': string;
+    'context-menu-checkbox-item-opacity-disabled': string;
+    'context-menu-radio-item-opacity-disabled': string;
+    'command-input-opacity-disabled': string;
+    'command-input-icon-opacity': string;
+    'command-item-opacity-disabled': string;
+    'calendar-button-previous-opacity-disabled': string;
+    'calendar-button-next-opacity-disabled': string;
+    'calendar-day-button-opacity-disabled': string;
+    'calendar-day-button-span-opacity': string;
+    'button-opacity-disabled': string;
+};

package/dist/src/tokens/tailwind/ring-offset-width.d.ts

@@ -0,0 +1,7 @@
+export declare const ringOffsetWidth: {
+    'combo-box-trigger-width-ring-offset-focus': string;
+    'textarea-width-ring-offset-focus': string;
+    'toggle-group-item-width-ring-offset-focus': string;
+    'toggle-width-ring-offset-focus': string;
+    'dialog-close-width-ring-offset': string;
+};

package/dist/src/tokens/tailwind/ring-width.d.ts

@@ -0,0 +1,19 @@
+export declare const ringWidth: {
+    'combo-box-trigger-width-ring-focus': string;
+    'textarea-width-ring-focus': string;
+    'toast-action-width-ring-focus': string;
+    'toggle-group-item-width-ring-focus': string;
+    'toggle-width-ring-focus': string;
+    'switch-width-ring-focus': string;
+    'select-trigger-width-ring-focus': string;
+    'select-trigger-width-ring-invalid': string;
+    'radio-group-item-width-ring-focus': string;
+    'radio-group-item-width-ring-invalid': string;
+    'dialog-close-width-ring-focus': string;
+    'badge-width-ring-focus': string;
+    'badge-width-ring-invalid': string;
+    'calendar-day-width-ring-focus': string;
+    'button-width-ring-focus': string;
+    'button-width-ring-invalid': string;
+    'accordion-trigger-width-ring-focus': string;
+};

package/dist/src/tokens/tailwind/spacing.d.ts

@@ -0,0 +1,299 @@
+export declare const spacing: {
+    'navigation-menu-content-space-top': string;
+    'navigation-menu-space-max-w': string;
+    'combo-box-group-space-max-h': string;
+    'navigation-menu-list-space-x': string;
+    'navigation-menu-list-space-px': string;
+    'navigation-menu-list-space-py': string;
+    'navigation-menu-item-icon-space-ml': string;
+    'navigation-menu-item-icon-space-w': string;
+    'navigation-menu-item-icon-space-h': string;
+    'navigation-menu-link-space-h': string;
+    'navigation-menu-link-space-w': string;
+    'navigation-menu-link-space-px': string;
+    'navigation-menu-link-space-py': string;
+    'navigation-menu-content-container-space-w': string;
+    'navigation-menu-content-container-space-mt': string;
+    'combo-box-empty-space-py': string;
+    'combo-box-group-space-mt': string;
+    'combo-box-group-space-w': string;
+    'combo-box-group-space-px': string;
+    'combo-box-group-space-py': string;
+    'combo-box-input-space-w': string;
+    'combo-box-input-space-h': string;
+    'combo-box-input-space-px': string;
+    'combo-box-input-space-py': string;
+    'combo-box-trigger-space-h': string;
+    'combo-box-trigger-space-px': string;
+    'combo-box-trigger-space-py': string;
+    'combo-box-value-space-w': string;
+    'combo-box-item-space-w': string;
+    'combo-box-item-space-px': string;
+    'combo-box-item-space-py': string;
+    'form-space-y': string;
+    'form-description-space-mt': string;
+    'form-field-space-y': string;
+    'form-item-space-y': string;
+    'form-label-space-mb': string;
+    'carousel-space-w': string;
+    'carousel-space-h': string;
+    'carousel-space-mx': string;
+    'carousel-viewport-space-w': string;
+    'carousel-viewport-space-h': string;
+    'carousel-slides-wrapper-space-w': string;
+    'carousel-slide-space-px': string;
+    'carousel-slide-space-py': string;
+    'carousel-slide-space-h': string;
+    'carousel-slide-size-space-h-lg': string;
+    'carousel-slide-size-space-h-md': string;
+    'carousel-control-horizontal-space-top': string;
+    'carousel-control-horizontal-space-left': string;
+    'carousel-control-horizontal-space-right': string;
+    'carousel-control-vertical-space-h': string;
+    'carousel-control-vertical-space-w': string;
+    'carousel-button-vertical-next-space-top': string;
+    'carousel-button-vertical-prev-space-top': string;
+    'carousel-button-space-w': string;
+    'carousel-button-space-h': string;
+    'carousel-button-space-py': string;
+    'carousel-button-space-px': string;
+    'table-preview-space-w': string;
+    'table-preview-space-px': string;
+    'table-preview-space-py': string;
+    'table-container-space-w': string;
+    'table-space-w': string;
+    'table-caption-space-mt': string;
+    'table-head-cell-space-h': string;
+    'table-head-cell-space-px': string;
+    'table-body-cell-space-py': string;
+    'table-body-cell-space-px': string;
+    'table-footer-cell-space-py': string;
+    'table-footer-cell-space-px': string;
+    'textarea-space-min-h': string;
+    'textarea-space-py': string;
+    'textarea-space-px': string;
+    'textarea-space-w': string;
+    'toast-action-space-h': string;
+    'toast-action-space-right': string;
+    'toast-action-space-px': string;
+    'toast-action-space-py': string;
+    'toast-viewport-root-space-px': string;
+    'toast-viewport-root-space-py': string;
+    'toast-viewport-root-space-w-md': string;
+    'toast-viewport-root-space-w': string;
+    'toast-viewport-item-space-w': string;
+    'toast-viewport-item-space-gap': string;
+    'toast-viewport-item-space-px': string;
+    'toast-viewport-item-space-py': string;
+    'toggle-group-space-gap': string;
+    'toggle-group-item-space-h-sm': string;
+    'toggle-group-item-space-h-md': string;
+    'toggle-group-item-space-h-lg': string;
+    'toggle-group-item-space-px-sm': string;
+    'toggle-group-item-space-px-md': string;
+    'toggle-group-item-space-px-lg': string;
+    'toggle-space-h-sm': string;
+    'toggle-space-h-md': string;
+    'toggle-space-h-lg': string;
+    'toggle-space-px-sm': string;
+    'toggle-space-px-md': string;
+    'toggle-space-px-lg': string;
+    'switch-space-w': string;
+    'switch-space-h': string;
+    'switch-thumb-space-size': string;
+    'select-value-space-gap': string;
+    'select-trigger-space-gap': string;
+    'select-trigger-space-px': string;
+    'select-trigger-space-py': string;
+    'select-trigger-space-h': string;
+    'select-trigger-icon-space-size': string;
+    'select-content-viewport-space-p': string;
+    'select-label-space-px': string;
+    'select-label-space-py': string;
+    'select-item-space-gap': string;
+    'select-item-space-pl': string;
+    'select-item-space-pr': string;
+    'select-item-space-py': string;
+    'select-item-indicator-space-size': string;
+    'select-item-icon-space-size': string;
+    'select-separator-space-mx': string;
+    'select-separator-space-my': string;
+    'select-separator-space-h': string;
+    'radio-group-space-gap': string;
+    'radio-group-item-space-size': string;
+    'radio-group-indicator-space-size': string;
+    'progress-space-w': string;
+    'progress-space-h': string;
+    'progress-indicator-space-w': string;
+    'progress-indicator-space-h': string;
+    'popover-content-space-p': string;
+    'popover-content-space-w': string;
+    'pagination-content-space-gap': string;
+    'pagination-previous-space-gap': string;
+    'pagination-previous-space-px': string;
+    'pagination-next-space-gap': string;
+    'pagination-next-space-px': string;
+    'pagination-ellipsis-space-size': string;
+    'pagination-ellipsis-icon-space-size': string;
+    'menubar-space-gap': string;
+    'menubar-space-p': string;
+    'menubar-space-h': string;
+    'menubar-trigger-space-px': string;
+    'menubar-trigger-space-py': string;
+    'menubar-content-space-p': string;
+    'menubar-content-space-min-w': string;
+    'menubar-item-space-gap': string;
+    'menubar-item-space-px': string;
+    'menubar-item-space-py': string;
+    'menubar-item-icon-space-size': string;
+    'menubar-checkbox-item-space-gap': string;
+    'menubar-checkbox-item-space-pl': string;
+    'menubar-checkbox-item-space-pr': string;
+    'menubar-checkbox-item-space-py': string;
+    'menubar-checkbox-item-indicator-space-size': string;
+    'menubar-checkbox-item-icon-space-size': string;
+    'menubar-radio-item-space-gap': string;
+    'menubar-radio-item-space-pl': string;
+    'menubar-radio-item-space-pr': string;
+    'menubar-radio-item-space-py': string;
+    'menubar-radio-item-indicator-space-size': string;
+    'menubar-radio-item-icon-space-size': string;
+    'menubar-label-space-px': string;
+    'menubar-label-space-py': string;
+    'menubar-separator-space-mx': string;
+    'menubar-separator-space-my': string;
+    'menubar-separator-space-h': string;
+    'hover-card-content-space-p': string;
+    'hover-card-content-space-w': string;
+    'dropdown-menu-content-space-p': string;
+    'dropdown-menu-content-space-min-w': string;
+    'dropdown-menu-item-space-gap': string;
+    'dropdown-menu-item-space-px': string;
+    'dropdown-menu-item-space-py': string;
+    'dropdown-menu-item-icon-space-size': string;
+    'dropdown-menu-checkbox-item-space-gap': string;
+    'dropdown-menu-checkbox-item-space-pl': string;
+    'dropdown-menu-checkbox-item-space-pr': string;
+    'dropdown-menu-checkbox-item-space-py': string;
+    'dropdown-menu-checkbox-item-icon-container-space-size': string;
+    'dropdown-menu-checkbox-item-icon-space-size': string;
+    'dropdown-menu-radio-item-space-gap': string;
+    'dropdown-menu-radio-item-space-pl': string;
+    'dropdown-menu-radio-item-space-pr': string;
+    'dropdown-menu-radio-item-space-py': string;
+    'dropdown-menu-radio-item-icon-container-space-size': string;
+    'dropdown-menu-radio-item-icon-space-size': string;
+    'dropdown-menu-label-space-px': string;
+    'dropdown-menu-label-space-py': string;
+    'dropdown-menu-separator-space-mx': string;
+    'dropdown-menu-separator-space-my': string;
+    'dropdown-menu-separator-space-h': string;
+    'drawer-content-space-mt': string;
+    'drawer-thumb-space-mt': string;
+    'drawer-thumb-space-w': string;
+    'drawer-thumb-space-h': string;
+    'drawer-header-space-gap': string;
+    'drawer-header-space-gap-sm': string;
+    'drawer-header-space-p': string;
+    'drawer-footer-space-gap': string;
+    'drawer-footer-space-p': string;
+    'dialog-close-icon-space-size': string;
+    'dialog-content-space-gap': string;
+    'dialog-content-space-p': string;
+    'dialog-content-space-w': string;
+    'dialog-content-space-max-w-sm': string;
+    'dialog-content-space-max-w': string;
+    'dialog-header-space-gap': string;
+    'dialog-footer-space-gap': string;
+    'date-picker-trigger-button-space-w': string;
+    'date-picker-content-space-p': string;
+    'context-menu-content-space-p': string;
+    'context-menu-content-space-min-w': string;
+    'context-menu-item-space-gap': string;
+    'context-menu-item-space-px': string;
+    'context-menu-item-space-py': string;
+    'context-menu-item-icon-space-size': string;
+    'context-menu-checkbox-item-space-gap': string;
+    'context-menu-checkbox-item-space-pl': string;
+    'context-menu-checkbox-item-space-pr': string;
+    'context-menu-checkbox-item-space-py': string;
+    'context-menu-checkbox-item-icon-container-space-size': string;
+    'context-menu-checkbox-item-icon-space-size': string;
+    'context-menu-radio-item-space-gap': string;
+    'context-menu-radio-item-space-pl': string;
+    'context-menu-radio-item-space-pr': string;
+    'context-menu-radio-item-space-py': string;
+    'context-menu-radio-item-icon-container-space-size': string;
+    'context-menu-radio-item-icon-space-size': string;
+    'context-menu-label-space-px': string;
+    'context-menu-label-space-py': string;
+    'context-menu-separator-space-mx': string;
+    'context-menu-separator-space-my': string;
+    'context-menu-separator-space-h': string;
+    'command-space-w': string;
+    'command-space-h': string;
+    'command-input-space-py': string;
+    'command-input-space-w': string;
+    'command-input-space-h': string;
+    'command-input-wrapper-space-gap': string;
+    'command-input-wrapper-space-px': string;
+    'command-input-wrapper-space-h': string;
+    'command-input-icon-space-size': string;
+    'command-list-space-max-h': string;
+    'command-empty-space-py': string;
+    'command-group-space-p': string;
+    'command-heading-space-px': string;
+    'command-heading-space-py': string;
+    'command-separator-space-mx': string;
+    'command-separator-space-h': string;
+    'command-item-space-gap': string;
+    'command-item-space-px': string;
+    'command-item-space-py': string;
+    'command-item-icon-space-size': string;
+    'calendar-space-p': string;
+    'calendar-months-space-gap': string;
+    'calendar-nav-space-gap': string;
+    'calendar-month-space-gap': string;
+    'calendar-chevron-space-size': string;
+    'calendar-month-caption-space-px': string;
+    'calendar-month-caption-space-h': string;
+    'calendar-week-space-mt': string;
+    'calendar-day-space-p': string;
+    'calendar-day-button-space-gap': string;
+    'calendar-day-button-space-min-w': string;
+    'button-icon-space-size': string;
+    'button-space-h-default': string;
+    'button-space-gap-default': string;
+    'button-space-px-default': string;
+    'button-space-px-default-has-icon': string;
+    'button-space-py-default': string;
+    'button-space-h-sm': string;
+    'button-space-gap-sm': string;
+    'button-space-px-sm': string;
+    'button-space-px-sm-has-icon': string;
+    'button-space-h-lg': string;
+    'button-space-gap-lg': string;
+    'button-space-px-lg': string;
+    'button-space-px-lg-has-icon': string;
+    'button-space-size-icon': string;
+    'button-space-size-icon-sm': string;
+    'button-space-size-icon-lg': string;
+    'breadcrumb-list-space-gap-sm': string;
+    'breadcrumb-list-space-gap': string;
+    'breadcrumb-item-space-gap': string;
+    'breadcrumb-separator-icon-space-size': string;
+    'breadcrumb-ellipsis-space-size': string;
+    'breadcrumb-ellipsis-icon-space-size': string;
+    'badge-space-px': string;
+    'badge-space-py': string;
+    'badge-space-w': string;
+    'badge-icon-space-size': string;
+    'badge-space-gap': string;
+    'accordion-trigger-space-gap': string;
+    'accordion-trigger-space-py': string;
+    'accordion-trigger-space-w': string;
+    'accordion-trigger-icon-space-size': string;
+    'accordion-content-space-h-closed': string;
+    'accordion-content-div-space-pt': string;
+    'accordion-content-div-space-pb': string;
+};

package/dist/src/tokens/tailwind/transition-duration.d.ts

@@ -0,0 +1,5 @@
+export declare const transitionDuration: {
+    'navigation-menu-item-icon-transition-duration': string;
+    'combo-box-group-transition-duration': string;
+    'carousel-transition-duration': string;
+};

package/dist/src/tokens/tailwind/transition-timing-function.d.ts

@@ -0,0 +1,4 @@
+export declare const transitionTimingFunction: {
+    'combo-box-group-transition-timing-function': string;
+    'carousel-transition-timing-function': string;
+};

package/dist/src/tokens/tailwind/translate.d.ts

@@ -0,0 +1,5 @@
+export declare const translate: {
+    'toast-viewport-item-translate-y-enter-desktop': string;
+    'toast-viewport-item-translate-y-enter-mobile': string;
+    'toast-viewport-item-translate-x-exit': string;
+};

package/dist/src/wc-ui-app.d.ts

@@ -0,0 +1,7 @@
+import { LitElement } from 'lit';
+
+export declare class WcUiApp extends LitElement {
+    header: string;
+    static styles: import('lit').CSSResult;
+    render(): import('lit-html').TemplateResult<1>;
+}

package/package.json

@@ -3,7 +3,7 @@
   "description": "Webcomponent wc-ui following open-wc recommendations",
   "license": "MIT",
   "author": "wc-ui",
-  "version": "0.2.3",
+  "version": "0.2.4",
   "type": "module",
   "main": "dist/rtg-ui-kit.umd.cjs",
   "module": "./dist/rtg-ui-kit.js",
@@ -36,8 +36,8 @@
     "release:beta": "npm version $(semver $npm_package_version -i prerelease --preid $(npm whoami) ) && npm publish --tag beta",
     "clean": "rimraf dist",
     "copy-files": "copyfiles -u 1 src/**/*.html src/**/*.css src/**/*.js dist/public/",
-    "lint": "eslint --ext .ts,.html . --ignore-path .gitignore && prettier \"**/*.ts\" --check --ignore-path .gitignore",
-    "format": "eslint --ext .ts,.html . --fix --ignore-path .gitignore && prettier \"**/*.ts\" --write --ignore-path .gitignore",
+    "lint": "eslint . && prettier \"**/*.ts\" --check --ignore-path .gitignore",
+    "format": "eslint . --fix && prettier \"**/*.ts\" --write --ignore-path .gitignore",
     "test": "tsc && wtr --coverage",
     "test:watch": "tsc && concurrently -k -r \"tsc --watch --preserveWatchOutput\" \"wtr --watch\"",
     "storybook": "storybook dev -p 6006",
@@ -56,72 +56,59 @@
   "peerDependencies": {
     "@lit-labs/context": "^0.5.1",
     "@lit-labs/react": "^1.2.0",
-    "@storybook/web-components-vite": "^9.0.8",
+    "@storybook/web-components-vite": "^10.2.19",
     "lit": "^3.3.0"
   },
   "dependencies": {
     "@lit/reactive-element": "^2.1.0",
     "@open-wc/lit-helpers": "^0.7.0",
-    "@storybook/addon-links": "^9.0.8",
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.1.0",
-    "husky": "^9.1.4",
     "lit-html": "^3.3.0",
-    "playwright": "^1.47.1",
     "react": "^19",
-    "storybook": "^9.0.8",
     "tailwind-merge": "^2.2.1",
-    "tailwindcss-animate": "^1.0.7",
-    "vite": "^6.3.5",
-    "vite-plugin-dts": "^3.6.0",
-    "vite-plugin-html-config": "^1.0.11"
+    "tailwindcss-animate": "^1.0.7"
   },
   "devDependencies": {
     "@babel/preset-env": "^7.16.4",
-    "@chromatic-com/storybook": "^4.0.0",
+    "@chromatic-com/storybook": "^5.0.1",
     "@custom-elements-manifest/analyzer": "^0.10.4",
-    "@open-wc/eslint-config": "^9.2.1",
+    "@open-wc/eslint-config": "^13.0.0",
     "@open-wc/testing": "^3.1.6",
-    "@storybook/addon-docs": "^9.0.8",
-    "@storybook/builder-vite": "^9.0.8",
-    "@storybook/jest": "^0.2.3",
-    "@storybook/test-runner": "^0.23.0",
-    "@storybook/testing-library": "^0.2.2",
+    "@storybook/addon-docs": "^10.2.19",
+    "@storybook/addon-links": "^10.2.19",
+    "@storybook/builder-vite": "^10.2.19",
+    "@storybook/test-runner": "^0.24.2",
     "@testing-library/dom": "^10.4.0",
     "@testing-library/jest-dom": "^6.4.8",
-    "@typescript-eslint/eslint-plugin": "^5.48.0",
-    "@typescript-eslint/parser": "^5.48.0",
-    "@web/dev-server": "^0.1.38",
-    "@web/test-runner": "^0.14.0",
+    "@web/dev-server": "^0.4.6",
+    "@web/test-runner": "^0.20.2",
     "autoprefixer": "^10.4.21",
     "babel-plugin-template-html-minifier": "^4.1.0",
     "concurrently": "^5.3.0",
     "copyfiles": "^2.4.1",
     "deepmerge": "^4.2.2",
-    "eslint": "^8.31.0",
-    "eslint-config-prettier": "^8.3.0",
-    "eslint-plugin-storybook": "^9.0.8",
+    "eslint": "^9.39.4",
+    "eslint-config-prettier": "^10.1.8",
+    "eslint-plugin-storybook": "^10.2.19",
+    "globals": "^16.5.0",
+    "husky": "^9.1.7",
     "lint-staged": "^10.5.4",
+    "playwright": "^1.58.2",
     "postcss-cli": "^11.0.1",
     "postcss-import": "^16.1.1",
     "prettier": "^3.5.3",
     "prettier-plugin-tailwindcss": "^0.6.11",
-    "rimraf": "^3.0.2",
+    "rimraf": "^6.0.0",
+    "storybook": "^10.2.19",
     "tailwindcss": "^3.4.1",
     "tslib": "^2.3.1",
     "twlit": "^0.0.1-alpha.37",
-    "typescript": "^5.3.3"
-  },
-  "eslintConfig": {
-    "parser": "@typescript-eslint/parser",
-    "extends": [
-      "@open-wc",
-      "prettier",
-      "plugin:storybook/recommended"
-    ],
-    "plugins": [
-      "@typescript-eslint"
-    ]
+    "typescript": "^5.3.3",
+    "typescript-eslint": "^8.57.1",
+    "vite": "^8.0.0",
+    "vite-plugin-dts": "^4.5.4",
+    "vite-plugin-html-config": "^2.0.2"
   },
   "lint-staged": {
     "*.{js,ts,jsx,tsx,html}": [