@abpjs/theme-basic 3.1.0 → 3.2.0

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.
package/dist/index.d.ts CHANGED
@@ -2,10 +2,16 @@
2
2
  * @abpjs/theme-basic
3
3
  *
4
4
  * ABP Framework Theme Basic components for React.
5
- * Translated from @abp/ng.theme.basic v3.0.0
5
+ * Translated from @abp/ng.theme.basic v3.2.0
6
6
  *
7
7
  * This package provides the basic theme layout components for ABP React applications.
8
8
  *
9
+ * Changes in v3.2.0:
10
+ * - Reduced .abp-loading background opacity from 0.1 to 0.05 for better UX
11
+ * - Angular: RoutesComponent added closeDropdown() method (React handles via state/events)
12
+ * - Angular: StylesProvider now uses ReplaceableComponentsService instead of Store (React uses hooks)
13
+ * - Dependency update to @abp/ng.theme.shared v3.2.0
14
+ *
9
15
  * Changes in v3.0.0:
10
16
  * - Added CurrentUserComponent and LanguagesComponent as public API components
11
17
  * - Added nav-item.provider and styles.provider for initialization
@@ -45,7 +51,7 @@
45
51
  * - Dependency update to @abp/ng.theme.shared v2.2.0
46
52
  * - No functional code changes
47
53
  *
48
- * @version 3.0.0
54
+ * @version 3.2.0
49
55
  * @since 2.0.0 - Removed legacy .abp-confirm styles (no impact on React - we use Chakra UI)
50
56
  * @since 2.1.0 - Angular: OAuthService replaced with AuthService (already using useAuth in React)
51
57
  * - Angular: Added styles for loading, modal-backdrop, confirmation (handled by Chakra UI)
package/dist/index.js CHANGED
@@ -1453,9 +1453,9 @@ var THEME_BASIC_STYLES = `
1453
1453
  margin-top: -1px;
1454
1454
  }
1455
1455
 
1456
- /* Loading overlay */
1456
+ /* Loading overlay (v3.2.0: reduced opacity from 0.1 to 0.05) */
1457
1457
  .abp-loading {
1458
- background: rgba(0, 0, 0, 0.1);
1458
+ background: rgba(0, 0, 0, 0.05);
1459
1459
  }
1460
1460
 
1461
1461
  /* Modal backdrop */
package/dist/index.mjs CHANGED
@@ -1410,9 +1410,9 @@ var THEME_BASIC_STYLES = `
1410
1410
  margin-top: -1px;
1411
1411
  }
1412
1412
 
1413
- /* Loading overlay */
1413
+ /* Loading overlay (v3.2.0: reduced opacity from 0.1 to 0.05) */
1414
1414
  .abp-loading {
1415
- background: rgba(0, 0, 0, 0.1);
1415
+ background: rgba(0, 0, 0, 0.05);
1416
1416
  }
1417
1417
 
1418
1418
  /* Modal backdrop */
@@ -15,7 +15,7 @@
15
15
  *
16
16
  * @since 3.0.0
17
17
  */
18
- export declare const THEME_BASIC_STYLES = "\n/* Content header styles */\n.content-header-title {\n font-size: 24px;\n}\n\n.entry-row {\n margin-bottom: 15px;\n}\n\n/* Input validation styles */\n.input-validation-error {\n border-color: #dc3545;\n}\n\n.field-validation-error {\n font-size: 0.8em;\n}\n\n/* Table styles */\n.ui-table .ui-table-tbody > tr.empty-row > div.empty-row-content {\n border: 1px solid #c8c8c8;\n}\n\n.ui-table .pagination-wrapper {\n background-color: #f4f4f4;\n border: 1px solid #c8c8c8;\n}\n\n/* Bordered datatable styles (added in v3.0.0) */\n.bordered .datatable-body-row {\n border-top: 1px solid #eee;\n margin-top: -1px;\n}\n\n/* Loading overlay */\n.abp-loading {\n background: rgba(0, 0, 0, 0.1);\n}\n\n/* Modal backdrop */\n.modal-backdrop {\n background-color: rgba(0, 0, 0, 0.6);\n}\n";
18
+ export declare const THEME_BASIC_STYLES = "\n/* Content header styles */\n.content-header-title {\n font-size: 24px;\n}\n\n.entry-row {\n margin-bottom: 15px;\n}\n\n/* Input validation styles */\n.input-validation-error {\n border-color: #dc3545;\n}\n\n.field-validation-error {\n font-size: 0.8em;\n}\n\n/* Table styles */\n.ui-table .ui-table-tbody > tr.empty-row > div.empty-row-content {\n border: 1px solid #c8c8c8;\n}\n\n.ui-table .pagination-wrapper {\n background-color: #f4f4f4;\n border: 1px solid #c8c8c8;\n}\n\n/* Bordered datatable styles (added in v3.0.0) */\n.bordered .datatable-body-row {\n border-top: 1px solid #eee;\n margin-top: -1px;\n}\n\n/* Loading overlay (v3.2.0: reduced opacity from 0.1 to 0.05) */\n.abp-loading {\n background: rgba(0, 0, 0, 0.05);\n}\n\n/* Modal backdrop */\n.modal-backdrop {\n background-color: rgba(0, 0, 0, 0.6);\n}\n";
19
19
  /**
20
20
  * Injects the theme-basic styles into the document head.
21
21
  * Call this function during app initialization if you need the global CSS styles.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@abpjs/theme-basic",
3
- "version": "3.1.0",
3
+ "version": "3.2.0",
4
4
  "description": "ABP Framework Theme Basic components for React - translated from @abp/ng.theme.basic",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.mjs",
@@ -27,11 +27,11 @@
27
27
  "lucide-react": "^0.400.0",
28
28
  "react-hook-form": "^7.48.0",
29
29
  "react-icons": "^5.0.0",
30
- "@abpjs/core": "3.1.0",
31
- "@abpjs/theme-shared": "3.1.0"
30
+ "@abpjs/core": "3.2.0",
31
+ "@abpjs/theme-shared": "3.2.0"
32
32
  },
33
33
  "devDependencies": {
34
- "@abp/ng.theme.basic": "3.1.0",
34
+ "@abp/ng.theme.basic": "3.2.0",
35
35
  "@testing-library/jest-dom": "^6.6.3",
36
36
  "@testing-library/react": "^16.1.0",
37
37
  "@vitest/coverage-v8": "^1.6.0",