bonkers-ui 2.0.7 → 2.0.9

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 (56) hide show
  1. package/README.md +3 -3
  2. package/assets/UiInputRange.css +1 -1
  3. package/bonkers.css +329 -225
  4. package/components/UiAccordion/UiAccordion.context.js +27 -27
  5. package/components/UiAccordion/UiAccordion.context.js.map +1 -1
  6. package/components/UiBerRank/UiBerRank.js +87 -90
  7. package/components/UiBerRank/UiBerRank.js.map +1 -1
  8. package/components/UiCheckbox/UiCheckbox.js +36 -36
  9. package/components/UiCheckbox/UiCheckbox.js.map +1 -1
  10. package/components/UiIconBadge/_types.d.ts +1 -1
  11. package/components/UiIconBadge/_types.js.map +1 -1
  12. package/components/UiInput/UiInput.base.js +2 -2
  13. package/components/UiInput/UiInput.base.js.map +1 -1
  14. package/components/UiInput/UiInputText.js +1 -1
  15. package/components/UiInput/UiInputText.js.map +1 -1
  16. package/components/UiInputRange/UiInputRange.js +67 -53
  17. package/components/UiInputRange/UiInputRange.js.map +1 -1
  18. package/components/UiPills/UiPills.js +1 -1
  19. package/components/UiPills/UiPills.js.map +1 -1
  20. package/components/UiPlainRadio/UiPlainRadio.js +16 -5
  21. package/components/UiPlainRadio/UiPlainRadio.js.map +1 -1
  22. package/components/UiProductCard/UiProductCard.js +1 -1
  23. package/components/UiProductCard/UiProductCard.js.map +1 -1
  24. package/components/UiProgress/UiProgress.js +1 -1
  25. package/components/UiProgress/UiProgress.js.map +1 -1
  26. package/components/UiRadioFancy/UiRadioFancy.js +2 -2
  27. package/components/UiRadioFancy/UiRadioFancy.js.map +1 -1
  28. package/components/UiSelect/UiSelect.js +54 -54
  29. package/components/UiSelect/UiSelect.js.map +1 -1
  30. package/components/UiSkeleton/UiSkeleton.js +130 -207
  31. package/components/UiSkeleton/UiSkeleton.js.map +1 -1
  32. package/components/UiSkeleton/index.d.ts +1 -0
  33. package/components/UiSkeleton/index.js +2 -0
  34. package/components/UiSkeleton/index.js.map +1 -1
  35. package/components/UiStars/UiStars.js +22 -22
  36. package/components/UiStars/UiStars.js.map +1 -1
  37. package/components/UiTable/UiTable.js +9 -9
  38. package/components/UiTable/UiTable.js.map +1 -1
  39. package/components/UiTable/UiTableCell.d.ts +1 -0
  40. package/components/UiTable/UiTableCell.js +17 -9
  41. package/components/UiTable/UiTableCell.js.map +1 -1
  42. package/components/UiTable/UiTableRow.d.ts +1 -4
  43. package/components/UiTable/UiTableRow.js +8 -12
  44. package/components/UiTable/UiTableRow.js.map +1 -1
  45. package/components/UiTable/_types.d.ts +0 -3
  46. package/components/UiTable/_types.js +2 -3
  47. package/components/UiTable/_types.js.map +1 -1
  48. package/components/UiTable/index.d.ts +1 -1
  49. package/components/UiTable/index.js +6 -7
  50. package/components/UiTabs/UiTabs.js +22 -17
  51. package/components/UiTabs/UiTabs.js.map +1 -1
  52. package/components/UiToggle/UiToggle.js +27 -27
  53. package/components/UiToggle/UiToggle.js.map +1 -1
  54. package/eslint.config.mjs +33 -1
  55. package/helper.d.ts +6 -14
  56. package/package.json +23 -29
package/eslint.config.mjs CHANGED
@@ -2,6 +2,7 @@ import react from "eslint-plugin-react";
2
2
  import tseslint from "typescript-eslint";
3
3
  import stylisticPlugin from "@stylistic/eslint-plugin";
4
4
  import storybook from "eslint-plugin-storybook";
5
+ import eslintPluginBetterTailwindcss from "eslint-plugin-better-tailwindcss";
5
6
 
6
7
  // Not compatible with tailwind v4: https://github.com/francoismassart/eslint-plugin-tailwindcss/issues/325
7
8
  // import pluginTailwind from "eslint-plugin-tailwindcss";
@@ -13,6 +14,7 @@ export default [
13
14
  plugins: {
14
15
  react,
15
16
  "@stylistic": stylisticPlugin,
17
+ "better-tailwindcss": eslintPluginBetterTailwindcss
16
18
  },
17
19
  languageOptions: {
18
20
  parserOptions: {
@@ -21,6 +23,11 @@ export default [
21
23
  },
22
24
  },
23
25
  },
26
+ settings: {
27
+ "better-tailwindcss": {
28
+ entryPoint: "src/main.css",
29
+ }
30
+ },
24
31
  rules: {
25
32
  quotes: [
26
33
  "error",
@@ -88,7 +95,32 @@ export default [
88
95
  "varsIgnorePattern": "^_",
89
96
  "caughtErrorsIgnorePattern": "^_"
90
97
  }
91
- ]
98
+ ],
99
+ ...(eslintPluginBetterTailwindcss.configs["recommended-warn"]).rules,
100
+ ...(eslintPluginBetterTailwindcss.configs["recommended-error"]).rules,
101
+ "better-tailwindcss/enforce-consistent-line-wrapping": [
102
+ "error",
103
+ {
104
+ indent: "tab",
105
+ printWidth: 140,
106
+ classesPerLine: 1,
107
+ preferSingleLine: true,
108
+ },
109
+ ],
110
+ "better-tailwindcss/no-restricted-classes": [
111
+ "error",
112
+ {
113
+ restrict: [
114
+ {
115
+ pattern: "^.*!$",
116
+ message: "No important classes allowed."
117
+
118
+ }]
119
+ }
120
+ ],
121
+ "better-tailwindcss/no-unregistered-classes": [
122
+ "warn",
123
+ ],
92
124
  },
93
125
  },
94
126
  ...tseslint.configs.recommended,
package/helper.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- export type TColor = {
1
+ export type TToken = {
2
2
  name: string;
3
3
  value: string;
4
4
  };
@@ -15,18 +15,10 @@ export declare const getBaseVariables: () => {
15
15
  name: string;
16
16
  value: string;
17
17
  }[];
18
- export declare const getThemeTokens: () => {
19
- fontSizes: {
20
- name: string;
21
- value: string;
22
- }[];
23
- spacings: {
24
- name: string;
25
- value: string;
26
- }[];
18
+ export declare const getThemeTokens: (variables: TToken[]) => {
19
+ fontSizes: TToken[];
20
+ spacings: TToken[];
27
21
  groupedColors: TGroupedColor[];
28
- baseColors: {
29
- name: string;
30
- value: string;
31
- }[];
22
+ baseColors: TToken[];
32
23
  };
24
+ export declare function getCSSVariables(): TToken[];
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "bonkers-ui",
3
- "version": "v2.0.7",
3
+ "version": "v2.0.9",
4
4
  "type": "module",
5
5
  "description": "Bonkers ui library",
6
6
  "author": "cc6.magister@gmail.com",
@@ -18,44 +18,38 @@
18
18
  "prepare": "husky"
19
19
  },
20
20
  "dependencies": {
21
- "@tailwindcss/vite": "^4.1.7",
21
+ "@tailwindcss/vite": "^4.1.11",
22
22
  "ajv": "^8.17.1",
23
23
  "classnames": "^2.5.1",
24
- "postcss": "^8.5.3",
25
- "prettier": "^3.5.3",
26
- "react": "^19.1.0",
27
- "react-dom": "^19.1.0",
28
- "tailwindcss": "^4.1.7",
24
+ "postcss": "^8.5.6",
25
+ "prettier": "^3.6.2",
26
+ "react": "^19.1.1",
27
+ "react-dom": "^19.1.1",
28
+ "tailwindcss": "^4.1.11",
29
29
  "vite-tsconfig-paths": "^5.1.4"
30
30
  },
31
31
  "devDependencies": {
32
- "@chromatic-com/storybook": "^3.2.6",
33
- "@storybook/addon-essentials": "^8.6.14",
34
- "@storybook/addon-interactions": "^8.6.14",
35
- "@storybook/addon-onboarding": "^8.6.14",
36
- "@storybook/blocks": "^8.6.14",
37
- "@storybook/manager-api": "^8.6.14",
38
- "@storybook/preview-api": "^8.6.14",
39
- "@storybook/react": "^8.6.14",
40
- "@storybook/react-vite": "^8.6.14",
41
- "@storybook/test": "^8.6.14",
42
- "@stylistic/eslint-plugin": "^4.2.0",
32
+ "@chromatic-com/storybook": "^4.0.1",
33
+ "@storybook/addon-docs": "^9.0.18",
34
+ "@storybook/addon-onboarding": "^9.0.18",
35
+ "@storybook/react-vite": "^9.0.18",
36
+ "@stylistic/eslint-plugin": "^5.2.2",
43
37
  "@types/bun": "latest",
44
- "@types/react": "^19.1.5",
45
- "@types/react-dom": "^19.1.5",
46
- "@vitejs/plugin-react": "^4.4.1",
47
- "eslint": "^9.27.0",
38
+ "@types/react": "^19.1.9",
39
+ "@types/react-dom": "^19.1.7",
40
+ "@vitejs/plugin-react": "^4.7.0",
41
+ "eslint": "^9.32.0",
42
+ "eslint-plugin-better-tailwindcss": "^3.7.3",
48
43
  "eslint-plugin-react": "^7.37.5",
49
- "eslint-plugin-storybook": "^0.12.0",
50
- "eslint-plugin-tailwindcss": "^3.18.0",
44
+ "eslint-plugin-storybook": "^9.0.18",
45
+ "eslint-plugin-tailwindcss": "^3.18.2",
51
46
  "gh-pages": "^6.3.0",
52
47
  "husky": "^9.1.7",
53
- "lint-staged": "^16.0.0",
54
- "storybook": "^8.6.14",
55
- "storybook-dark-mode": "^4.0.2",
48
+ "lint-staged": "^16.1.2",
49
+ "storybook": "^9.0.18",
56
50
  "typescript": "^5.8.3",
57
- "typescript-eslint": "^8.32.1",
58
- "vite": "^6.3.5",
51
+ "typescript-eslint": "^8.38.0",
52
+ "vite": "^7.0.6",
59
53
  "vite-plugin-dts": "^4.5.4",
60
54
  "vite-plugin-lib-inject-css": "^2.2.2"
61
55
  },