@mohasinac/appkit 2.7.23 → 2.7.25

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 (48) hide show
  1. package/dist/features/admin/components/DataTable.js +2 -2
  2. package/dist/features/auth/consent-otp.js +8 -8
  3. package/dist/features/auth/permissions/constants.d.ts +1 -1
  4. package/dist/features/auth/permissions/constants.js +2 -0
  5. package/dist/features/before-after/messages/en.json +7 -7
  6. package/dist/features/collections/messages/en.json +9 -9
  7. package/dist/features/consultation/messages/en.json +24 -24
  8. package/dist/features/contact/email.js +179 -179
  9. package/dist/features/corporate/messages/en.json +25 -25
  10. package/dist/features/loyalty/messages/en.json +18 -18
  11. package/dist/features/media/messages/en.json +63 -63
  12. package/dist/features/pre-orders/messages/en.json +12 -12
  13. package/dist/features/whatsapp-bot/messages/en.json +6 -6
  14. package/dist/styles.css +21 -21
  15. package/dist/tokens/tokens.css +436 -436
  16. package/dist/ui/components/ActiveFilterChips.style.css +66 -66
  17. package/dist/ui/components/AvatarDisplay.style.css +46 -46
  18. package/dist/ui/components/BackgroundRenderer.style.css +31 -31
  19. package/dist/ui/components/Breadcrumb.style.css +60 -60
  20. package/dist/ui/components/BulkActionBar.js +1 -1
  21. package/dist/ui/components/CountdownDisplay.js +1 -1
  22. package/dist/ui/components/CountdownDisplay.style.css +4 -4
  23. package/dist/ui/components/Div.style.css +6 -6
  24. package/dist/ui/components/EmptyState.js +1 -1
  25. package/dist/ui/components/EmptyState.style.css +28 -28
  26. package/dist/ui/components/FlowDiagram.style.css +77 -77
  27. package/dist/ui/components/FormGrid.style.css +32 -32
  28. package/dist/ui/components/ImageGallery.style.css +163 -163
  29. package/dist/ui/components/ImageLightbox.style.css +58 -58
  30. package/dist/ui/components/ItemRow.style.css +33 -33
  31. package/dist/ui/components/Layout.style.css +229 -229
  32. package/dist/ui/components/ListingToolbar.js +1 -1
  33. package/dist/ui/components/Menu.style.css +6 -6
  34. package/dist/ui/components/NavigationLoader.style.css +19 -19
  35. package/dist/ui/components/ResponsiveView.style.css +69 -69
  36. package/dist/ui/components/RoleBadge.style.css +7 -7
  37. package/dist/ui/components/SectionTabs.style.css +164 -164
  38. package/dist/ui/components/Semantic.style.css +14 -14
  39. package/dist/ui/components/SiteLogo.js +2 -2
  40. package/dist/ui/components/SkipToMain.style.css +34 -34
  41. package/dist/ui/components/SortDropdown.style.css +12 -12
  42. package/dist/ui/components/StatusBadge.style.css +5 -5
  43. package/dist/ui/components/TablePagination.js +2 -2
  44. package/dist/ui/components/Toast.js +2 -2
  45. package/dist/ui/components/UnsavedChangesModal.style.css +33 -33
  46. package/dist/ui/components/ViewToggle.style.css +50 -50
  47. package/dist/ui/components/index.style.css +78 -78
  48. package/package.json +1 -1
package/dist/ui/components/ViewToggle.style.css CHANGED
@@ -1,50 +1,50 @@
1
- .appkit-view-toggle {
2
- display: flex;
3
- gap: 0.25rem;
4
- }
5
-
6
- .appkit-view-toggle__button {
7
- display: inline-flex;
8
- align-items: center;
9
- justify-content: center;
10
- padding: 0.5rem;
11
- border-radius: 0.5rem;
12
- border: 1px solid;
13
- transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
14
- }
15
-
16
- .appkit-view-toggle__button--active {
17
- color: var(--appkit-color-secondary-600);
18
- background: rgba(80, 156, 2, 0.08);
19
- border-color: rgba(80, 156, 2, 0.3);
20
- }
21
-
22
- .appkit-view-toggle__button--inactive {
23
- color: var(--appkit-color-zinc-500);
24
- background: transparent;
25
- border-color: var(--appkit-color-border);
26
- }
27
-
28
- .appkit-view-toggle__button--inactive:hover {
29
- background: var(--appkit-color-zinc-100);
30
- }
31
-
32
- .appkit-view-toggle__icon {
33
- width: 1.25rem;
34
- height: 1.25rem;
35
- }
36
-
37
- .dark .appkit-view-toggle__button--active {
38
- color: var(--appkit-color-primary);
39
- background: rgba(233, 30, 140, 0.14);
40
- border-color: rgba(233, 30, 140, 0.35);
41
- }
42
-
43
- .dark .appkit-view-toggle__button--inactive {
44
- color: var(--appkit-color-slate-400);
45
- border-color: var(--appkit-color-border);
46
- }
47
-
48
- .dark .appkit-view-toggle__button--inactive:hover {
49
- background: var(--appkit-color-slate-800);
50
- }
1
+ .appkit-view-toggle {
2
+ display: flex;
3
+ gap: 0.25rem;
4
+ }
5
+
6
+ .appkit-view-toggle__button {
7
+ display: inline-flex;
8
+ align-items: center;
9
+ justify-content: center;
10
+ padding: 0.5rem;
11
+ border-radius: 0.5rem;
12
+ border: 1px solid;
13
+ transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
14
+ }
15
+
16
+ .appkit-view-toggle__button--active {
17
+ color: var(--appkit-color-secondary-600);
18
+ background: rgba(80, 156, 2, 0.08);
19
+ border-color: rgba(80, 156, 2, 0.3);
20
+ }
21
+
22
+ .appkit-view-toggle__button--inactive {
23
+ color: var(--appkit-color-zinc-500);
24
+ background: transparent;
25
+ border-color: var(--appkit-color-border);
26
+ }
27
+
28
+ .appkit-view-toggle__button--inactive:hover {
29
+ background: var(--appkit-color-zinc-100);
30
+ }
31
+
32
+ .appkit-view-toggle__icon {
33
+ width: 1.25rem;
34
+ height: 1.25rem;
35
+ }
36
+
37
+ .dark .appkit-view-toggle__button--active {
38
+ color: var(--appkit-color-primary);
39
+ background: rgba(233, 30, 140, 0.14);
40
+ border-color: rgba(233, 30, 140, 0.35);
41
+ }
42
+
43
+ .dark .appkit-view-toggle__button--inactive {
44
+ color: var(--appkit-color-slate-400);
45
+ border-color: var(--appkit-color-border);
46
+ }
47
+
48
+ .dark .appkit-view-toggle__button--inactive:hover {
49
+ background: var(--appkit-color-slate-800);
50
+ }
package/dist/ui/components/index.style.css CHANGED
@@ -1,78 +1,78 @@
1
- @import "./Typography.style.css";
2
- @import "./Button.style.css";
3
- @import "./Input.style.css";
4
- @import "./Textarea.style.css";
5
- @import "./Select.style.css";
6
- @import "./Accordion.style.css";
7
- @import "./Breadcrumb.style.css";
8
- @import "./Badge.style.css";
9
- @import "./Divider.style.css";
10
- @import "./TextLink.style.css";
11
- @import "./IconButton.style.css";
12
- @import "./Alert.style.css";
13
- @import "./Modal.style.css";
14
- @import "./Drawer.style.css";
15
- @import "./Pagination.style.css";
16
- @import "./Progress.style.css";
17
- @import "./ActiveFilterChips.style.css";
18
- @import "./Spinner.style.css";
19
- @import "./Skeleton.style.css";
20
- @import "./RatingDisplay.style.css";
21
- @import "./PriceDisplay.style.css";
22
- @import "./ItemRow.style.css";
23
- @import "./Tooltip.style.css";
24
- @import "./TabStrip.style.css";
25
- @import "./SectionTabs.style.css";
26
- @import "./Layout.style.css";
27
- @import "./SortDropdown.style.css";
28
- @import "./TablePagination.style.css";
29
- @import "./ViewToggle.style.css";
30
- @import "./SummaryCard.style.css";
31
- @import "./StatsGrid.style.css";
32
- @import "./StatusBadge.style.css";
33
- @import "./StepperNav.style.css";
34
- @import "./TagInput.style.css";
35
- @import "./StarRating.style.css";
36
- @import "./BulkActionBar.style.css";
37
- @import "./CountdownDisplay.style.css";
38
- @import "./DescriptionField.style.css";
39
- @import "./FormGrid.style.css";
40
- @import "./HorizontalScroller.style.css";
41
- @import "./NavigationLoader.style.css";
42
- @import "./ImageLightbox.style.css";
43
- @import "./SideModal.style.css";
44
- @import "./Slider.style.css";
45
- @import "./ListingLayout.style.css";
46
- @import "./Card.style.css";
47
- @import "./Avatar.style.css";
48
- @import "./Toggle.style.css";
49
- @import "./Checkbox.style.css";
50
- @import "./EmptyState.style.css";
51
- @import "./SkipToMain.style.css";
52
- @import "./Toast.style.css";
53
- @import "./Tabs.style.css";
54
- @import "./Radio.style.css";
55
- @import "./Dropdown.style.css";
56
- @import "./DashboardStatsCard.style.css";
57
- @import "./AvatarDisplay.style.css";
58
- @import "./BaseListingCard.style.css";
59
- @import "./ConfirmDeleteModal.style.css";
60
- @import "./DynamicSelect.style.css";
61
- @import "./SideDrawer.style.css";
62
- @import "./FormActionBar.style.css";
63
- @import "./BackgroundRenderer.style.css";
64
- @import "./FilterDrawer.style.css";
65
- @import "./FlowDiagram.style.css";
66
- @import "./Form.style.css";
67
- @import "./FormField.style.css";
68
- @import "./ImageGallery.style.css";
69
- @import "./PasswordStrengthIndicator.style.css";
70
- @import "./ResponsiveView.style.css";
71
- @import "./RoleBadge.style.css";
72
- @import "./RowActionMenu.style.css";
73
- @import "./Div.style.css";
74
- @import "./Menu.style.css";
75
- @import "./Semantic.style.css";
76
- @import "./UnsavedChangesModal.style.css";
77
- @import "../DataTable.style.css";
78
- @import "../rich-text/RichText.style.css";
1
+ @import "./Typography.style.css";
2
+ @import "./Button.style.css";
3
+ @import "./Input.style.css";
4
+ @import "./Textarea.style.css";
5
+ @import "./Select.style.css";
6
+ @import "./Accordion.style.css";
7
+ @import "./Breadcrumb.style.css";
8
+ @import "./Badge.style.css";
9
+ @import "./Divider.style.css";
10
+ @import "./TextLink.style.css";
11
+ @import "./IconButton.style.css";
12
+ @import "./Alert.style.css";
13
+ @import "./Modal.style.css";
14
+ @import "./Drawer.style.css";
15
+ @import "./Pagination.style.css";
16
+ @import "./Progress.style.css";
17
+ @import "./ActiveFilterChips.style.css";
18
+ @import "./Spinner.style.css";
19
+ @import "./Skeleton.style.css";
20
+ @import "./RatingDisplay.style.css";
21
+ @import "./PriceDisplay.style.css";
22
+ @import "./ItemRow.style.css";
23
+ @import "./Tooltip.style.css";
24
+ @import "./TabStrip.style.css";
25
+ @import "./SectionTabs.style.css";
26
+ @import "./Layout.style.css";
27
+ @import "./SortDropdown.style.css";
28
+ @import "./TablePagination.style.css";
29
+ @import "./ViewToggle.style.css";
30
+ @import "./SummaryCard.style.css";
31
+ @import "./StatsGrid.style.css";
32
+ @import "./StatusBadge.style.css";
33
+ @import "./StepperNav.style.css";
34
+ @import "./TagInput.style.css";
35
+ @import "./StarRating.style.css";
36
+ @import "./BulkActionBar.style.css";
37
+ @import "./CountdownDisplay.style.css";
38
+ @import "./DescriptionField.style.css";
39
+ @import "./FormGrid.style.css";
40
+ @import "./HorizontalScroller.style.css";
41
+ @import "./NavigationLoader.style.css";
42
+ @import "./ImageLightbox.style.css";
43
+ @import "./SideModal.style.css";
44
+ @import "./Slider.style.css";
45
+ @import "./ListingLayout.style.css";
46
+ @import "./Card.style.css";
47
+ @import "./Avatar.style.css";
48
+ @import "./Toggle.style.css";
49
+ @import "./Checkbox.style.css";
50
+ @import "./EmptyState.style.css";
51
+ @import "./SkipToMain.style.css";
52
+ @import "./Toast.style.css";
53
+ @import "./Tabs.style.css";
54
+ @import "./Radio.style.css";
55
+ @import "./Dropdown.style.css";
56
+ @import "./DashboardStatsCard.style.css";
57
+ @import "./AvatarDisplay.style.css";
58
+ @import "./BaseListingCard.style.css";
59
+ @import "./ConfirmDeleteModal.style.css";
60
+ @import "./DynamicSelect.style.css";
61
+ @import "./SideDrawer.style.css";
62
+ @import "./FormActionBar.style.css";
63
+ @import "./BackgroundRenderer.style.css";
64
+ @import "./FilterDrawer.style.css";
65
+ @import "./FlowDiagram.style.css";
66
+ @import "./Form.style.css";
67
+ @import "./FormField.style.css";
68
+ @import "./ImageGallery.style.css";
69
+ @import "./PasswordStrengthIndicator.style.css";
70
+ @import "./ResponsiveView.style.css";
71
+ @import "./RoleBadge.style.css";
72
+ @import "./RowActionMenu.style.css";
73
+ @import "./Div.style.css";
74
+ @import "./Menu.style.css";
75
+ @import "./Semantic.style.css";
76
+ @import "./UnsavedChangesModal.style.css";
77
+ @import "../DataTable.style.css";
78
+ @import "../rich-text/RichText.style.css";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mohasinac/appkit",
3
- "version": "2.7.23",
3
+ "version": "2.7.25",
4
4
  "license": "MIT",
5
5
  "publishConfig": {
6
6
  "access": "public"