@revotech-group/revotech-ui-kit 0.2.1 → 0.2.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (148) hide show
  1. package/LICENSE +20 -20
  2. package/README.md +30 -30
  3. package/dist/library.css +10598 -9715
  4. package/dist/rtg-ui-kit.js +8189 -8673
  5. package/dist/rtg-ui-kit.umd.cjs +654 -804
  6. package/dist/src/assets/icons/anchor.icon.d.ts +3 -0
  7. package/dist/src/assets/icons/app-window.icon.d.ts +3 -0
  8. package/dist/src/assets/icons/arrow-right.icon.d.ts +3 -0
  9. package/dist/src/assets/icons/arrow-up-right.icon.d.ts +3 -0
  10. package/dist/src/assets/icons/arrow-up.icon.d.ts +3 -0
  11. package/dist/src/assets/icons/asterisk.icon.d.ts +3 -0
  12. package/dist/src/assets/icons/badge-alert.icon.d.ts +3 -0
  13. package/dist/src/assets/icons/badge-check.icon.d.ts +3 -0
  14. package/dist/src/assets/icons/badge-info.icon.d.ts +3 -0
  15. package/dist/src/assets/icons/badge-x.icon.d.ts +3 -0
  16. package/dist/src/assets/icons/captions.icon.d.ts +3 -0
  17. package/dist/src/assets/icons/check.icon.d.ts +3 -0
  18. package/dist/src/assets/icons/circle-alert.icon.d.ts +3 -0
  19. package/dist/src/assets/icons/circle-check.icon.d.ts +3 -1
  20. package/dist/src/assets/icons/circle-fading-arrow-up.icon.d.ts +3 -0
  21. package/dist/src/assets/icons/code.icon.d.ts +3 -0
  22. package/dist/src/assets/icons/external-link.icon.d.ts +3 -0
  23. package/dist/src/assets/icons/git-branch-minus.icon.d.ts +3 -0
  24. package/dist/src/assets/icons/git-branch-plus.icon.d.ts +3 -0
  25. package/dist/src/assets/icons/house.icon.d.ts +3 -0
  26. package/dist/src/assets/icons/index.d.ts +41 -14
  27. package/dist/src/assets/icons/info.icon.d.ts +3 -0
  28. package/dist/src/assets/icons/loader-circle.icon.d.ts +3 -0
  29. package/dist/src/assets/icons/mail-warning.icon.d.ts +3 -0
  30. package/dist/src/assets/icons/minus.icon.d.ts +3 -1
  31. package/dist/src/assets/icons/plus.icon.d.ts +1 -1
  32. package/dist/src/assets/icons/rabbit.icon.d.ts +3 -0
  33. package/dist/src/assets/icons/refresh-cw.icon.d.ts +3 -0
  34. package/dist/src/assets/icons/search.icon.d.ts +3 -1
  35. package/dist/src/assets/icons/settings.icon.d.ts +3 -0
  36. package/dist/src/assets/icons/shopping-bag.icon.d.ts +3 -0
  37. package/dist/src/assets/icons/wand.icon.d.ts +3 -0
  38. package/dist/src/components/ui/alert/_alert-action.d.ts +22 -0
  39. package/dist/src/components/ui/alert/_alert-description.d.ts +22 -0
  40. package/dist/src/components/ui/alert/_alert-title.d.ts +21 -0
  41. package/dist/src/components/ui/alert/_alert.d.ts +26 -0
  42. package/dist/src/components/ui/alert/alert.d.ts +11 -19
  43. package/dist/src/components/ui/alert/alert.defs.d.ts +4 -0
  44. package/dist/src/components/ui/alert/alert.stories.d.ts +10 -6
  45. package/dist/src/components/ui/avatar/_avatar-badge.d.ts +22 -0
  46. package/dist/src/components/ui/avatar/_avatar-fallback.d.ts +22 -0
  47. package/dist/src/components/ui/avatar/_avatar-group-count.d.ts +22 -0
  48. package/dist/src/components/ui/avatar/_avatar-group.d.ts +22 -0
  49. package/dist/src/components/ui/avatar/_avatar-image.d.ts +29 -0
  50. package/dist/src/components/ui/avatar/_avatar.d.ts +66 -0
  51. package/dist/src/components/ui/avatar/avatar.d.ts +14 -13
  52. package/dist/src/components/ui/avatar/avatar.defs.d.ts +8 -0
  53. package/dist/src/components/ui/avatar/avatar.stories.d.ts +13 -4
  54. package/dist/src/components/ui/button/_button.d.ts +63 -0
  55. package/dist/src/components/ui/button/button.d.ts +9 -20
  56. package/dist/src/components/ui/button/button.defs.d.ts +14 -0
  57. package/dist/src/components/ui/button/button.stories.d.ts +9 -1
  58. package/dist/src/components/ui/button/button.style.d.ts +1 -1
  59. package/dist/src/components/ui/card/_card-action.d.ts +22 -0
  60. package/dist/src/components/ui/card/_card-content.d.ts +21 -0
  61. package/dist/src/components/ui/card/_card-description.d.ts +22 -0
  62. package/dist/src/components/ui/card/_card-footer.d.ts +27 -0
  63. package/dist/src/components/ui/card/_card-header.d.ts +27 -0
  64. package/dist/src/components/ui/card/_card-title.d.ts +21 -0
  65. package/dist/src/components/ui/card/_card.d.ts +26 -0
  66. package/dist/src/components/ui/card/card.d.ts +14 -18
  67. package/dist/src/components/ui/card/card.defs.d.ts +10 -0
  68. package/dist/src/components/ui/card/card.stories.d.ts +9 -3
  69. package/dist/src/components/ui/checkbox/_checkbox.d.ts +66 -0
  70. package/dist/src/components/ui/checkbox/checkbox.d.ts +5 -13
  71. package/dist/src/components/ui/checkbox/checkbox.defs.d.ts +11 -0
  72. package/dist/src/components/ui/checkbox/checkbox.stories.d.ts +8 -7
  73. package/dist/src/components/ui/index.d.ts +1 -1
  74. package/dist/src/components/ui/input/_input.d.ts +164 -0
  75. package/dist/src/components/ui/input/input.d.ts +7 -29
  76. package/dist/src/components/ui/input/input.defs.d.ts +28 -0
  77. package/dist/src/components/ui/input/input.stories.d.ts +16 -6
  78. package/dist/src/components/ui/input-otp/_input-otp-group.d.ts +26 -0
  79. package/dist/src/components/ui/input-otp/_input-otp-separator.d.ts +16 -0
  80. package/dist/src/components/ui/input-otp/_input-otp-slot.d.ts +35 -0
  81. package/dist/src/components/ui/input-otp/_input-otp.d.ts +213 -0
  82. package/dist/src/components/ui/input-otp/input-otp.d.ts +12 -28
  83. package/dist/src/components/ui/input-otp/input-otp.defs.d.ts +28 -0
  84. package/dist/src/components/ui/input-otp/input-otp.stories.d.ts +10 -7
  85. package/dist/src/components/ui/label/_label.d.ts +27 -0
  86. package/dist/src/components/ui/label/label.d.ts +5 -7
  87. package/dist/src/components/ui/label/label.defs.d.ts +3 -0
  88. package/dist/src/components/ui/label/label.stories.d.ts +10 -5
  89. package/dist/src/components/ui/pagination/pagination-link.d.ts +2 -2
  90. package/dist/src/components/ui/pagination/pagination.styles.d.ts +1 -1
  91. package/dist/src/components/ui/sample-demo/sample-demo.d.ts +1 -1
  92. package/dist/src/components/ui/sample-demo/sample.style.d.ts +1 -1
  93. package/dist/src/components/ui/separator/_separator.d.ts +22 -0
  94. package/dist/src/components/ui/separator/separator.d.ts +5 -10
  95. package/dist/src/components/ui/separator/separator.defs.d.ts +4 -9
  96. package/dist/src/components/ui/separator/separator.stories.d.ts +3 -1
  97. package/dist/src/components/ui/tabs/_tabs-content.d.ts +30 -0
  98. package/dist/src/components/ui/tabs/_tabs-list.d.ts +30 -0
  99. package/dist/src/components/ui/tabs/_tabs-trigger.d.ts +47 -0
  100. package/dist/src/components/ui/tabs/_tabs.d.ts +99 -0
  101. package/dist/src/components/ui/tabs/tabs.d.ts +18 -0
  102. package/dist/src/components/ui/tabs/tabs.defs.d.ts +22 -0
  103. package/dist/src/components/ui/tabs/tabs.helpers.d.ts +24 -0
  104. package/dist/src/components/ui/tabs/tabs.stories.d.ts +13 -0
  105. package/dist/src/{components/ui/input/countryOptions.d.ts → helpers/country-codes.d.ts} +1 -1
  106. package/dist/src/helpers/index.d.ts +3 -2
  107. package/dist/src/tokens/tailwind/border-radius.d.ts +0 -9
  108. package/dist/src/tokens/tailwind/border-width.d.ts +0 -4
  109. package/dist/src/tokens/tailwind/box-shadow.d.ts +0 -6
  110. package/dist/src/tokens/tailwind/color.d.ts +0 -78
  111. package/dist/src/tokens/tailwind/font-size.d.ts +1 -37
  112. package/dist/src/tokens/tailwind/font-weight.d.ts +0 -8
  113. package/dist/src/tokens/tailwind/index.d.ts +1 -202
  114. package/dist/src/tokens/tailwind/opacity.d.ts +0 -5
  115. package/dist/src/tokens/tailwind/ring-offset-width.d.ts +0 -1
  116. package/dist/src/tokens/tailwind/ring-width.d.ts +0 -5
  117. package/dist/src/tokens/tailwind/spacing.d.ts +0 -45
  118. package/package.json +136 -136
  119. package/dist/src/components/ui/alert/alert.styles.d.ts +0 -10
  120. package/dist/src/components/ui/alert/alert.types.d.ts +0 -1
  121. package/dist/src/components/ui/alert/helpers.d.ts +0 -10
  122. package/dist/src/components/ui/avatar/avatar-fallback.d.ts +0 -15
  123. package/dist/src/components/ui/avatar/avatar-image.d.ts +0 -17
  124. package/dist/src/components/ui/avatar/avatar.style.d.ts +0 -4
  125. package/dist/src/components/ui/button/button.type.d.ts +0 -3
  126. package/dist/src/components/ui/card/card-content.d.ts +0 -11
  127. package/dist/src/components/ui/card/card-description.d.ts +0 -11
  128. package/dist/src/components/ui/card/card-footer.d.ts +0 -11
  129. package/dist/src/components/ui/card/card-header.d.ts +0 -11
  130. package/dist/src/components/ui/card/card-title.d.ts +0 -11
  131. package/dist/src/components/ui/card/card.styles.d.ts +0 -4
  132. package/dist/src/components/ui/checkbox/checkbox.style.d.ts +0 -4
  133. package/dist/src/components/ui/checkbox/checkbox.type.d.ts +0 -21
  134. package/dist/src/components/ui/input/input.styles.d.ts +0 -7
  135. package/dist/src/components/ui/input/input.type.d.ts +0 -21
  136. package/dist/src/components/ui/input-otp/input-otp-group.d.ts +0 -18
  137. package/dist/src/components/ui/input-otp/input-otp-separator.d.ts +0 -12
  138. package/dist/src/components/ui/input-otp/input-otp-slot.d.ts +0 -26
  139. package/dist/src/components/ui/input-otp/input-otp.styles.d.ts +0 -10
  140. package/dist/src/components/ui/label/label.style.d.ts +0 -1
  141. package/dist/src/components/ui/separator/separator.styles.d.ts +0 -5
  142. package/dist/src/components/ui/tabs/tab-contents.d.ts +0 -24
  143. package/dist/src/components/ui/tabs/tab-list.d.ts +0 -25
  144. package/dist/src/components/ui/tabs/tab-trigger.d.ts +0 -26
  145. package/dist/src/components/ui/tabs/tab.d.ts +0 -27
  146. package/dist/src/components/ui/tabs/tab.stories.d.ts +0 -16
  147. package/dist/src/components/ui/tabs/tabs.style.d.ts +0 -12
  148. package/dist/src/tokens/tailwind/grid-template-columns.d.ts +0 -4
package/package.json CHANGED
@@ -1,136 +1,136 @@
1
- {
2
- "name": "@revotech-group/revotech-ui-kit",
3
- "description": "Webcomponent wc-ui following open-wc recommendations",
4
- "license": "MIT",
5
- "author": "wc-ui",
6
- "version": "0.2.1",
7
- "type": "module",
8
- "main": "dist/rtg-ui-kit.umd.cjs",
9
- "module": "./dist/rtg-ui-kit.js",
10
- "files": [
11
- "dist"
12
- ],
13
- "exports": {
14
- ".": {
15
- "types": "./dist/src/index.d.ts",
16
- "import": "./dist/rtg-ui-kit.js",
17
- "require": "./dist/rtg-ui-kit.umd.cjs"
18
- },
19
- "./dist/library.css": {
20
- "import": "./dist/library.css",
21
- "style": "./dist/library.css",
22
- "default": "./dist/library.css"
23
- },
24
- "./react": {
25
- "types": "./dist/src/lib/react/react.lib.d.ts",
26
- "import": "./dist/src/lib/react/react.lib.js",
27
- "require": "./dist/src/lib/react/react.lib.cjs"
28
- }
29
- },
30
- "types": "./dist/src/index.d.ts",
31
- "scripts": {
32
- "format-classes": "npx prettier --write .",
33
- "release": "npm version $(semver $npm_package_version -i major) && npm publish --tag latest",
34
- "release:minor": "npm version $(semver $npm_package_version -i minor) && npm publish --tag latest",
35
- "release:patch": "npm version $(semver $npm_package_version -i patch) && npm publish --tag latest",
36
- "release:beta": "npm version $(semver $npm_package_version -i prerelease --preid $(npm whoami) ) && npm publish --tag beta",
37
- "clean": "rimraf dist",
38
- "copy-files": "copyfiles -u 1 src/**/*.html src/**/*.css src/**/*.js dist/public/",
39
- "lint": "eslint --ext .ts,.html . --ignore-path .gitignore && prettier \"**/*.ts\" --check --ignore-path .gitignore",
40
- "format": "eslint --ext .ts,.html . --fix --ignore-path .gitignore && prettier \"**/*.ts\" --write --ignore-path .gitignore",
41
- "test": "tsc && wtr --coverage",
42
- "test:watch": "tsc && concurrently -k -r \"tsc --watch --preserveWatchOutput\" \"wtr --watch\"",
43
- "storybook": "storybook dev -p 6006",
44
- "test-storybook": "test-storybook",
45
- "storybook:build": "storybook build",
46
- "build-storybook": "storybook build",
47
- "link:dev": "npm run build && npm link",
48
- "dev": "vite",
49
- "build:css": "postcss src/tailwind-lib.css -o dist/library.css",
50
- "build": "npm run clean && vite build && npm run build:css",
51
- "preview": "vite preview",
52
- "analyze": "cem analyze --litelement",
53
- "generate:cem": "cem analyze --litelement --outdir .",
54
- "tw:watch": "concurrently \"tailwindcss -i ./src/tailwind-lib.css -o ./src/globals.css --watch\" \"twlit --input ./src/globals.css --output ./src/styles/tw.styles.ts \""
55
- },
56
- "peerDependencies": {
57
- "@lit-labs/context": "^0.5.1",
58
- "@lit-labs/react": "^1.2.0",
59
- "@storybook/web-components-vite": "^9.0.8",
60
- "lit": "^3.3.0"
61
- },
62
- "dependencies": {
63
- "@lit/reactive-element": "^2.1.0",
64
- "@open-wc/lit-helpers": "^0.7.0",
65
- "@storybook/addon-links": "^9.0.8",
66
- "class-variance-authority": "^0.7.0",
67
- "clsx": "^2.1.0",
68
- "husky": "^9.1.4",
69
- "lit-html": "^3.3.0",
70
- "playwright": "^1.47.1",
71
- "react": "^19",
72
- "storybook": "^9.0.8",
73
- "tailwind-merge": "^2.2.1",
74
- "tailwindcss-animate": "^1.0.7",
75
- "vite": "^6.3.5",
76
- "vite-plugin-dts": "^3.6.0",
77
- "vite-plugin-html-config": "^1.0.11"
78
- },
79
- "devDependencies": {
80
- "@babel/preset-env": "^7.16.4",
81
- "@chromatic-com/storybook": "^4.0.0",
82
- "@custom-elements-manifest/analyzer": "^0.10.4",
83
- "@open-wc/eslint-config": "^9.2.1",
84
- "@open-wc/testing": "^3.1.6",
85
- "@storybook/addon-docs": "^9.0.8",
86
- "@storybook/builder-vite": "^9.0.8",
87
- "@storybook/jest": "^0.2.3",
88
- "@storybook/test-runner": "^0.23.0",
89
- "@storybook/testing-library": "^0.2.2",
90
- "@testing-library/dom": "^10.4.0",
91
- "@testing-library/jest-dom": "^6.4.8",
92
- "@typescript-eslint/eslint-plugin": "^5.48.0",
93
- "@typescript-eslint/parser": "^5.48.0",
94
- "@web/dev-server": "^0.1.38",
95
- "@web/test-runner": "^0.14.0",
96
- "autoprefixer": "^10.4.21",
97
- "babel-plugin-template-html-minifier": "^4.1.0",
98
- "concurrently": "^5.3.0",
99
- "copyfiles": "^2.4.1",
100
- "deepmerge": "^4.2.2",
101
- "eslint": "^8.31.0",
102
- "eslint-config-prettier": "^8.3.0",
103
- "eslint-plugin-storybook": "^9.0.8",
104
- "lint-staged": "^10.5.4",
105
- "postcss-cli": "^11.0.1",
106
- "postcss-import": "^16.1.1",
107
- "prettier": "^3.5.3",
108
- "prettier-plugin-tailwindcss": "^0.6.11",
109
- "rimraf": "^3.0.2",
110
- "tailwindcss": "^3.4.1",
111
- "tslib": "^2.3.1",
112
- "twlit": "^0.0.1-alpha.37",
113
- "typescript": "^5.3.3"
114
- },
115
- "eslintConfig": {
116
- "parser": "@typescript-eslint/parser",
117
- "extends": [
118
- "@open-wc",
119
- "prettier",
120
- "plugin:storybook/recommended"
121
- ],
122
- "plugins": [
123
- "@typescript-eslint"
124
- ]
125
- },
126
- "lint-staged": {
127
- "*.{js,ts,jsx,tsx,html}": [
128
- "eslint --fix",
129
- "prettier --write"
130
- ]
131
- },
132
- "customElements": "custom-elements.json",
133
- "overrides": {
134
- "storybook": "$storybook"
135
- }
136
- }
1
+ {
2
+ "name": "@revotech-group/revotech-ui-kit",
3
+ "description": "Webcomponent wc-ui following open-wc recommendations",
4
+ "license": "MIT",
5
+ "author": "wc-ui",
6
+ "version": "0.2.2",
7
+ "type": "module",
8
+ "main": "dist/rtg-ui-kit.umd.cjs",
9
+ "module": "./dist/rtg-ui-kit.js",
10
+ "files": [
11
+ "dist"
12
+ ],
13
+ "exports": {
14
+ ".": {
15
+ "types": "./dist/src/index.d.ts",
16
+ "import": "./dist/rtg-ui-kit.js",
17
+ "require": "./dist/rtg-ui-kit.umd.cjs"
18
+ },
19
+ "./dist/library.css": {
20
+ "import": "./dist/library.css",
21
+ "style": "./dist/library.css",
22
+ "default": "./dist/library.css"
23
+ },
24
+ "./react": {
25
+ "types": "./dist/src/lib/react/react.lib.d.ts",
26
+ "import": "./dist/src/lib/react/react.lib.js",
27
+ "require": "./dist/src/lib/react/react.lib.cjs"
28
+ }
29
+ },
30
+ "types": "./dist/src/index.d.ts",
31
+ "scripts": {
32
+ "format-classes": "npx prettier --write .",
33
+ "release": "npm version $(semver $npm_package_version -i major) && npm publish --tag latest",
34
+ "release:minor": "npm version $(semver $npm_package_version -i minor) && npm publish --tag latest",
35
+ "release:patch": "npm version $(semver $npm_package_version -i patch) && npm publish --tag latest",
36
+ "release:beta": "npm version $(semver $npm_package_version -i prerelease --preid $(npm whoami) ) && npm publish --tag beta",
37
+ "clean": "rimraf dist",
38
+ "copy-files": "copyfiles -u 1 src/**/*.html src/**/*.css src/**/*.js dist/public/",
39
+ "lint": "eslint --ext .ts,.html . --ignore-path .gitignore && prettier \"**/*.ts\" --check --ignore-path .gitignore",
40
+ "format": "eslint --ext .ts,.html . --fix --ignore-path .gitignore && prettier \"**/*.ts\" --write --ignore-path .gitignore",
41
+ "test": "tsc && wtr --coverage",
42
+ "test:watch": "tsc && concurrently -k -r \"tsc --watch --preserveWatchOutput\" \"wtr --watch\"",
43
+ "storybook": "storybook dev -p 6006",
44
+ "test-storybook": "test-storybook",
45
+ "storybook:build": "storybook build",
46
+ "build-storybook": "storybook build",
47
+ "link:dev": "npm run build && npm link",
48
+ "dev": "vite",
49
+ "build:css": "postcss src/tailwind-lib.css -o dist/library.css",
50
+ "build": "npm run clean && vite build && npm run build:css",
51
+ "preview": "vite preview",
52
+ "analyze": "cem analyze --litelement",
53
+ "generate:cem": "cem analyze --litelement --outdir .",
54
+ "tw:watch": "concurrently \"tailwindcss -i ./src/tailwind-lib.css -o ./src/globals.css --watch\" \"twlit --input ./src/globals.css --output ./src/styles/tw.styles.ts \""
55
+ },
56
+ "peerDependencies": {
57
+ "@lit-labs/context": "^0.5.1",
58
+ "@lit-labs/react": "^1.2.0",
59
+ "@storybook/web-components-vite": "^9.0.8",
60
+ "lit": "^3.3.0"
61
+ },
62
+ "dependencies": {
63
+ "@lit/reactive-element": "^2.1.0",
64
+ "@open-wc/lit-helpers": "^0.7.0",
65
+ "@storybook/addon-links": "^9.0.8",
66
+ "class-variance-authority": "^0.7.0",
67
+ "clsx": "^2.1.0",
68
+ "husky": "^9.1.4",
69
+ "lit-html": "^3.3.0",
70
+ "playwright": "^1.47.1",
71
+ "react": "^19",
72
+ "storybook": "^9.0.8",
73
+ "tailwind-merge": "^2.2.1",
74
+ "tailwindcss-animate": "^1.0.7",
75
+ "vite": "^6.3.5",
76
+ "vite-plugin-dts": "^3.6.0",
77
+ "vite-plugin-html-config": "^1.0.11"
78
+ },
79
+ "devDependencies": {
80
+ "@babel/preset-env": "^7.16.4",
81
+ "@chromatic-com/storybook": "^4.0.0",
82
+ "@custom-elements-manifest/analyzer": "^0.10.4",
83
+ "@open-wc/eslint-config": "^9.2.1",
84
+ "@open-wc/testing": "^3.1.6",
85
+ "@storybook/addon-docs": "^9.0.8",
86
+ "@storybook/builder-vite": "^9.0.8",
87
+ "@storybook/jest": "^0.2.3",
88
+ "@storybook/test-runner": "^0.23.0",
89
+ "@storybook/testing-library": "^0.2.2",
90
+ "@testing-library/dom": "^10.4.0",
91
+ "@testing-library/jest-dom": "^6.4.8",
92
+ "@typescript-eslint/eslint-plugin": "^5.48.0",
93
+ "@typescript-eslint/parser": "^5.48.0",
94
+ "@web/dev-server": "^0.1.38",
95
+ "@web/test-runner": "^0.14.0",
96
+ "autoprefixer": "^10.4.21",
97
+ "babel-plugin-template-html-minifier": "^4.1.0",
98
+ "concurrently": "^5.3.0",
99
+ "copyfiles": "^2.4.1",
100
+ "deepmerge": "^4.2.2",
101
+ "eslint": "^8.31.0",
102
+ "eslint-config-prettier": "^8.3.0",
103
+ "eslint-plugin-storybook": "^9.0.8",
104
+ "lint-staged": "^10.5.4",
105
+ "postcss-cli": "^11.0.1",
106
+ "postcss-import": "^16.1.1",
107
+ "prettier": "^3.5.3",
108
+ "prettier-plugin-tailwindcss": "^0.6.11",
109
+ "rimraf": "^3.0.2",
110
+ "tailwindcss": "^3.4.1",
111
+ "tslib": "^2.3.1",
112
+ "twlit": "^0.0.1-alpha.37",
113
+ "typescript": "^5.3.3"
114
+ },
115
+ "eslintConfig": {
116
+ "parser": "@typescript-eslint/parser",
117
+ "extends": [
118
+ "@open-wc",
119
+ "prettier",
120
+ "plugin:storybook/recommended"
121
+ ],
122
+ "plugins": [
123
+ "@typescript-eslint"
124
+ ]
125
+ },
126
+ "lint-staged": {
127
+ "*.{js,ts,jsx,tsx,html}": [
128
+ "eslint --fix",
129
+ "prettier --write"
130
+ ]
131
+ },
132
+ "customElements": "custom-elements.json",
133
+ "overrides": {
134
+ "storybook": "$storybook"
135
+ }
136
+ }
@@ -1,10 +0,0 @@
1
- declare const alert: (props?: ({
2
- variant?: "default" | "destructive" | "brand" | "success" | "warning" | "info" | "brand-tonal" | "destructive-tonal" | "success-tonal" | "warning-tonal" | "info-tonal" | null | undefined;
3
- } & import('class-variance-authority/dist/types').ClassProp) | undefined) => string;
4
- type TAlertStyles = {
5
- alert: typeof alert;
6
- alertTitle: string[];
7
- alertDescription: string[];
8
- };
9
- export declare const alertStyles: TAlertStyles;
10
- export {};
@@ -1 +0,0 @@
1
- export type TAlertVariant = 'default' | 'brand' | 'destructive' | 'warning' | 'success' | 'info' | 'brand-tonal' | 'destructive-tonal' | 'warning-tonal' | 'success-tonal' | 'info-tonal';
@@ -1,10 +0,0 @@
1
- import { TAlertVariant } from './alert.types';
2
-
3
- /**
4
- * Helper function used in the alert stories to obtain an SVG icon for the alert
5
- * based on the variant attribute of the alert.
6
- *
7
- * @param variant rtg-alert component's variant attribute
8
- * @returns an SVG icon as a HTML Lit template literal
9
- */
10
- export declare const alertIcon: (variant: TAlertVariant) => import('lit').TemplateResult<1>;
@@ -1,15 +0,0 @@
1
- import { BaseElement } from '../../../helpers';
2
- import { PropertyValues } from 'lit';
3
-
4
- export declare class AvatarFallback extends BaseElement {
5
- protected createRenderRoot(): HTMLElement | DocumentFragment;
6
- spanElement: HTMLButtonElement;
7
- protected getAttributesToRemoveFromParent(): string[];
8
- protected firstUpdated(_changedProperties: PropertyValues): void;
9
- render(): import('lit').TemplateResult<1>;
10
- }
11
- declare global {
12
- interface HTMLElementTagNameMap {
13
- 'rtg-avatar-fallback': AvatarFallback;
14
- }
15
- }
@@ -1,17 +0,0 @@
1
- import { BaseElement } from '../../../helpers';
2
- import { PropertyValues } from 'lit';
3
-
4
- export declare class AvatarImage extends BaseElement {
5
- alt: string;
6
- src: string;
7
- imgElement: HTMLButtonElement;
8
- protected getAttributesToRemoveFromParent(): string[];
9
- protected firstUpdated(_changedProperties: PropertyValues): void;
10
- protected createRenderRoot(): HTMLElement | DocumentFragment;
11
- render(): import('lit').TemplateResult<1>;
12
- }
13
- declare global {
14
- interface HTMLElementTagNameMap {
15
- 'rtg-avatar-image': AvatarImage;
16
- }
17
- }
@@ -1,4 +0,0 @@
1
- type TAvatarParts = 'avatar' | 'avatarImage' | 'avatarFallback';
2
- type TAvatarStyles = Record<TAvatarParts, string | string[]>;
3
- export declare const avatarStyles: TAvatarStyles;
4
- export {};
@@ -1,3 +0,0 @@
1
- export type ButtonVariant = 'default' | 'destructive' | 'outline' | 'secondary' | 'ghost' | 'link';
2
- export type ButtonSize = 'default' | 'sm' | 'lg' | 'icon' | 'icon-sm' | 'icon-lg';
3
- export type ButtonType = 'button' | 'submit' | 'reset' | 'menu';
@@ -1,11 +0,0 @@
1
- import { BaseElement } from '../../../helpers';
2
- import { PropertyValues } from 'lit';
3
-
4
- export declare class CardContent extends BaseElement {
5
- protected createRenderRoot(): HTMLElement | DocumentFragment;
6
- wrapperDivElement: HTMLDivElement;
7
- protected getAttributesToExclude(): string[];
8
- protected getAttributesToRemoveFromParent(): string[];
9
- protected firstUpdated(_changedProperties: PropertyValues): void;
10
- render(): import('lit').TemplateResult<1>;
11
- }
@@ -1,11 +0,0 @@
1
- import { BaseElement } from '../../../helpers';
2
- import { PropertyValues } from 'lit';
3
-
4
- export declare class CardDescription extends BaseElement {
5
- protected createRenderRoot(): HTMLElement | DocumentFragment;
6
- wrapperDivElement: HTMLDivElement;
7
- protected getAttributesToExclude(): string[];
8
- protected getAttributesToRemoveFromParent(): string[];
9
- protected firstUpdated(_changedProperties: PropertyValues): void;
10
- render(): import('lit').TemplateResult<1>;
11
- }
@@ -1,11 +0,0 @@
1
- import { BaseElement } from '../../../helpers';
2
- import { PropertyValues } from 'lit';
3
-
4
- export declare class CardFooter extends BaseElement {
5
- protected createRenderRoot(): HTMLElement | DocumentFragment;
6
- wrapperDivElement: HTMLDivElement;
7
- protected getAttributesToExclude(): string[];
8
- protected getAttributesToRemoveFromParent(): string[];
9
- protected firstUpdated(_changedProperties: PropertyValues): void;
10
- render(): import('lit').TemplateResult<1>;
11
- }
@@ -1,11 +0,0 @@
1
- import { BaseElement } from '../../../helpers';
2
- import { PropertyValues } from 'lit';
3
-
4
- export declare class CardHeader extends BaseElement {
5
- protected createRenderRoot(): HTMLElement | DocumentFragment;
6
- wrapperDivElement: HTMLDivElement;
7
- protected getAttributesToExclude(): string[];
8
- protected getAttributesToRemoveFromParent(): string[];
9
- protected firstUpdated(_changedProperties: PropertyValues): void;
10
- render(): import('lit').TemplateResult<1>;
11
- }
@@ -1,11 +0,0 @@
1
- import { BaseElement } from '../../../helpers';
2
- import { PropertyValues } from 'lit';
3
-
4
- export declare class CardTitle extends BaseElement {
5
- protected createRenderRoot(): HTMLElement | DocumentFragment;
6
- wrapperDivElement: HTMLDivElement;
7
- protected getAttributesToExclude(): string[];
8
- protected getAttributesToRemoveFromParent(): string[];
9
- protected firstUpdated(_changedProperties: PropertyValues): void;
10
- render(): import('lit').TemplateResult<1>;
11
- }
@@ -1,4 +0,0 @@
1
- type TCardParts = 'card' | 'cardHeader' | 'cardTitle' | 'cardDescription' | 'cardContent' | 'cardFooter';
2
- type TCardStyles = Record<TCardParts, string | string[]>;
3
- export declare const cardStyles: TCardStyles;
4
- export {};
@@ -1,4 +0,0 @@
1
- type TCheckboxPart = 'root' | 'indicator' | 'icon';
2
- type TCheckboxStyles = Record<TCheckboxPart, string | string[]>;
3
- export declare const checkboxStyles: TCheckboxStyles;
4
- export {};
@@ -1,21 +0,0 @@
1
- export type CheckboxProperties = {
2
- disabled: boolean;
3
- checked: boolean;
4
- };
5
- export type CheckboxArgs = {
6
- disabled: boolean;
7
- checked: boolean;
8
- label: string;
9
- };
10
- export type CheckboxWithRequiredArgs = {
11
- disabled: boolean;
12
- checked: boolean;
13
- required: boolean;
14
- label: string;
15
- value?: string;
16
- };
17
- export type CheckboxWithValueArgs = {
18
- disabled: boolean;
19
- value: string;
20
- label: string;
21
- };
@@ -1,7 +0,0 @@
1
- export declare const inputStyles: {
2
- field: string[];
3
- surface: string[];
4
- typography: string[];
5
- countrySelect: string[];
6
- visibilityToggle: string[];
7
- };
@@ -1,21 +0,0 @@
1
- export type InputType = 'hidden' | 'text' | 'search' | 'tel' | 'url' | 'email' | 'password' | 'date' | 'month' | 'week' | 'time' | 'datetime-local' | 'number' | 'range' | 'color' | 'file';
2
- export type InputNormalType = 'hidden' | 'text' | 'search' | 'tel' | 'url' | 'email' | 'password';
3
- export type InputSpecificType = 'hidden' | 'date' | 'month' | 'week' | 'time' | 'datetime-local' | 'number' | 'range' | 'color' | 'file';
4
- export type InputArgs = {
5
- disabled: boolean;
6
- disabledButton: boolean;
7
- type: InputType;
8
- placeholder: string;
9
- label: string;
10
- defaultValue: string;
11
- ButtonLabel: string;
12
- id: string;
13
- };
14
- export type InputSpecificArgs = {
15
- disabled: boolean;
16
- disabledButton: boolean;
17
- type: InputSpecificType;
18
- label: string;
19
- ButtonLabel: string;
20
- id: string;
21
- };
@@ -1,18 +0,0 @@
1
- import { BaseElement } from '../../../helpers';
2
- import { InputOtp } from './input-otp';
3
-
4
- export declare class InputOtpGroup extends BaseElement {
5
- click: () => void;
6
- get _inputOtp(): InputOtp | null;
7
- get _containerElement(): HTMLDivElement | null;
8
- private childrenArray;
9
- protected getAttributesToExclude(): string[];
10
- firstUpdated(changedProperties: Map<string, unknown>): void;
11
- protected createRenderRoot(): HTMLElement | DocumentFragment;
12
- render(): import('lit').TemplateResult<1>;
13
- }
14
- declare global {
15
- interface HTMLElementTagNameMap {
16
- 'rtg-input-otp-group': InputOtpGroup;
17
- }
18
- }
@@ -1,12 +0,0 @@
1
- import { LitElement } from 'lit';
2
-
3
- export declare class InputOtpSeparator extends LitElement {
4
- index: number;
5
- protected createRenderRoot(): HTMLElement | DocumentFragment;
6
- render(): import('lit').TemplateResult<1>;
7
- }
8
- declare global {
9
- interface HTMLElementTagNameMap {
10
- 'rtg-input-otp-separator': InputOtpSeparator;
11
- }
12
- }
@@ -1,26 +0,0 @@
1
- import { BaseElement } from '../../../helpers';
2
- import { PropertyValues } from 'lit';
3
- import { InputOtp } from './input-otp';
4
-
5
- export declare class InputOtpSlot extends BaseElement {
6
- click: () => void;
7
- index: number;
8
- isFirst: boolean;
9
- isLast: boolean;
10
- value: string;
11
- get _inputOtp(): InputOtp | null;
12
- protected firstUpdated(_changedProperties: PropertyValues): void;
13
- disconnectedCallback(): void;
14
- protected getAttributesToExclude(): string[];
15
- private handleFocus;
16
- private handleInputChange;
17
- private handleKeyDown;
18
- private handlePaste;
19
- protected createRenderRoot(): HTMLElement | DocumentFragment;
20
- render(): import('lit').TemplateResult<1>;
21
- }
22
- declare global {
23
- interface HTMLElementTagNameMap {
24
- 'rtg-input-otp-slot': InputOtpSlot;
25
- }
26
- }
@@ -1,10 +0,0 @@
1
- type TInputOtpStyle = string[];
2
- type TInputOtpStyleObj = Record<'common' | 'first' | 'last' | 'withSpacing', TInputOtpStyle>;
3
- type TInputOtpStyles = {
4
- base: TInputOtpStyle;
5
- group: Omit<TInputOtpStyleObj, 'first' | 'last'>;
6
- slot: TInputOtpStyleObj;
7
- separator: TInputOtpStyle;
8
- };
9
- export declare const inputOtpStyles: TInputOtpStyles;
10
- export {};
@@ -1 +0,0 @@
1
- export declare const labelStyles: string[];
@@ -1,5 +0,0 @@
1
- import { SEPARATOR_ORIENTATION } from './separator.defs';
2
-
3
- type TSeparatorStyles = Record<SEPARATOR_ORIENTATION | 'common', string | string[]>;
4
- export declare const separatorStyles: TSeparatorStyles;
5
- export {};
@@ -1,24 +0,0 @@
1
- import { PropertyValues } from 'lit-element';
2
- import { Tab } from './tab';
3
- import { BaseElement } from '../../../helpers';
4
-
5
- declare class TabContent extends BaseElement {
6
- value: string;
7
- selectedValue: string;
8
- get _tab(): Tab | null;
9
- get _containerElement(): HTMLDivElement | null;
10
- protected updated(_changedProperties: PropertyValues): void;
11
- connectedCallback(): void;
12
- disconnectedCallback(): void;
13
- protected createRenderRoot(): HTMLElement | DocumentFragment;
14
- protected firstUpdated(_changedProperties: PropertyValues): void;
15
- protected getAttributesToExclude(): string[];
16
- protected getAttributesToRemoveFromParent(): string[];
17
- render(): import('lit-element').TemplateResult<1>;
18
- }
19
- declare global {
20
- interface HTMLElementTagNameMap {
21
- 'rtg-tab-content': TabContent;
22
- }
23
- }
24
- export { TabContent };
@@ -1,25 +0,0 @@
1
- import { PropertyValues } from 'lit-element';
2
- import { BaseElement } from '../../../helpers';
3
- import { Tab } from './tab';
4
-
5
- declare class TabList extends BaseElement {
6
- tabindex: number;
7
- orientation: 'horizontal' | 'vertical';
8
- get _tab(): Tab | null;
9
- get _containerElement(): HTMLDivElement | null;
10
- protected getAttributesToExclude(): string[];
11
- protected getAttributesToRemoveFromParent(): string[];
12
- connectedCallback(): void;
13
- disconnectedCallback(): void;
14
- changeTabs(currentValue: string): void;
15
- getChildren(): NodeListOf<Element>;
16
- protected createRenderRoot(): HTMLElement | DocumentFragment;
17
- protected firstUpdated(_changedProperties: PropertyValues): void;
18
- render(): import('lit-element').TemplateResult<1>;
19
- }
20
- declare global {
21
- interface HTMLElementTagNameMap {
22
- 'rtg-tab-list': TabList;
23
- }
24
- }
25
- export { TabList };
@@ -1,26 +0,0 @@
1
- import { PropertyValues } from 'lit-element';
2
- import { Tab } from './tab';
3
- import { TabList } from './tab-list';
4
- import { BaseElement } from '../../../helpers';
5
-
6
- declare class TabsTrigger extends BaseElement {
7
- defaultValue: string;
8
- value: string;
9
- onClickCallback?: (tabValue: string) => void;
10
- get _tab(): Tab | null;
11
- get _tabList(): TabList | null;
12
- get _containerElement(): HTMLButtonElement | null;
13
- protected firstUpdated(_changedProperties: PropertyValues): void;
14
- handleClick: (event: Event) => void;
15
- protected getAttributesToExclude(): string[];
16
- protected getAttributesToRemoveFromParent(): string[];
17
- protected createRenderRoot(): HTMLElement | DocumentFragment;
18
- get orientation(): 'horizontal' | 'vertical';
19
- render(): import('lit-element').TemplateResult<1>;
20
- }
21
- declare global {
22
- interface HTMLElementTagNameMap {
23
- 'rtg-tab-trigger': TabsTrigger;
24
- }
25
- }
26
- export { TabsTrigger };