@keenmate/pure-admin-core 1.3.0 → 1.4.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.
Files changed (37) hide show
  1. package/README.md +25 -1
  2. package/dist/css/main.css +766 -760
  3. package/package.json +1 -1
  4. package/src/scss/_core.scss +4 -0
  5. package/src/scss/_fonts.scss +1 -17
  6. package/src/scss/_rtl-helpers.scss +161 -0
  7. package/src/scss/core-components/_alerts.scss +3 -3
  8. package/src/scss/core-components/_base.scss +4 -3
  9. package/src/scss/core-components/_buttons.scss +9 -9
  10. package/src/scss/core-components/_callouts.scss +14 -9
  11. package/src/scss/core-components/_checkbox-lists.scss +6 -6
  12. package/src/scss/core-components/_code.scss +10 -10
  13. package/src/scss/core-components/_command-palette.scss +5 -14
  14. package/src/scss/core-components/_comparison.scss +3 -3
  15. package/src/scss/core-components/_data-display.scss +6 -6
  16. package/src/scss/core-components/_detail-panel.scss +36 -24
  17. package/src/scss/core-components/_file-selector.scss +2 -2
  18. package/src/scss/core-components/_grid.scss +13 -24
  19. package/src/scss/core-components/_lists.scss +12 -12
  20. package/src/scss/core-components/_modals.scss +2 -8
  21. package/src/scss/core-components/_pagers.scss +1 -1
  22. package/src/scss/core-components/_profile.scss +11 -6
  23. package/src/scss/core-components/_settings-panel.scss +22 -9
  24. package/src/scss/core-components/_tables.scss +26 -30
  25. package/src/scss/core-components/_tabs.scss +27 -14
  26. package/src/scss/core-components/_timeline.scss +5 -5
  27. package/src/scss/core-components/_toasts.scss +57 -21
  28. package/src/scss/core-components/_tooltips.scss +11 -6
  29. package/src/scss/core-components/_utilities.scss +56 -31
  30. package/src/scss/core-components/forms/_input-groups.scss +23 -22
  31. package/src/scss/core-components/forms/_input-wrapper.scss +3 -3
  32. package/src/scss/core-components/forms/_query-editor.scss +1 -1
  33. package/src/scss/core-components/layout/_layout-responsive.scss +3 -4
  34. package/src/scss/core-components/layout/_navbar-elements.scss +17 -6
  35. package/src/scss/core-components/layout/_navbar.scss +11 -22
  36. package/src/scss/core-components/layout/_sidebar-states.scss +25 -16
  37. package/src/scss/core-components/layout/_sidebar.scss +22 -16
package/README.md CHANGED
@@ -113,6 +113,30 @@ document.body.dataset.theme = 'dark'; // or 'light'
113
113
  ```
114
114
  This enables dark mode support for web components like `@keenmate/web-grid` that look for `data-theme` attribute.
115
115
 
116
+ ### RTL (Right-to-Left) Support
117
+
118
+ Pure Admin fully supports RTL languages (Arabic, Hebrew, Persian, etc.) using CSS Logical Properties. Simply add `dir="rtl"` to your HTML element:
119
+
120
+ ```html
121
+ <html dir="rtl" lang="he">
122
+ ```
123
+
124
+ All components automatically mirror:
125
+ - Sidebar appears on the right
126
+ - Text aligns to the right
127
+ - Margins/paddings flip appropriately
128
+ - Animations slide from the correct direction
129
+
130
+ **Logical spacing utilities** for RTL-aware layouts:
131
+ - `.ms-{size}` — margin-inline-start (left in LTR, right in RTL)
132
+ - `.me-{size}` — margin-inline-end (right in LTR, left in RTL)
133
+ - `.ps-{size}` — padding-inline-start
134
+ - `.pe-{size}` — padding-inline-end
135
+ - `.text-start` — aligns to start (left in LTR, right in RTL)
136
+ - `.text-end` — aligns to end (right in LTR, left in RTL)
137
+
138
+ Sizes: `0`, `xs`, `sm`, `md`, `base`, `lg`, `xl`, `2xl`, `auto`
139
+
116
140
  ## Component Classes
117
141
 
118
142
  ### Grid System
@@ -245,7 +269,7 @@ Works with both `pa-table` and `web-grid` component. First/last columns automati
245
269
  ### Toasts
246
270
  - `.pa-toast` - Base toast
247
271
  - `.pa-toast--primary/success/danger/warning/info` - Variants
248
- - Positions: `top-right`, `top-center`, `top-left`, `bottom-right`, `bottom-center`, `bottom-left`
272
+ - Positions (RTL-aware): `top-end`, `top-center`, `top-start`, `bottom-end`, `bottom-center`, `bottom-start`
249
273
 
250
274
  ### Tooltips & Popovers
251
275
  - `.pa-tooltip` - Base tooltip (pure CSS, no JS required)