@keenmate/pure-admin-core 1.1.2 → 1.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/README.md +32 -1
- package/dist/css/main.css +420 -2
- package/package.json +1 -1
- package/snippets/detail-panel.html +138 -0
- package/src/scss/_base-css-variables.scss +78 -13
- package/src/scss/_core.scss +3 -0
- package/src/scss/core-components/_cards.scss +22 -0
- package/src/scss/core-components/_detail-panel.scss +335 -0
- package/src/scss/core-components/_tooltips.scss +2 -0
- package/src/scss/core-components/forms/_input-groups.scss +4 -2
- package/src/scss/variables/_base.scss +13 -0
- package/src/scss/variables/_colors.scss +12 -0
- package/src/scss/variables/_components.scss +23 -16
|
@@ -216,3 +216,15 @@ $color-6: transparent !default;
|
|
|
216
216
|
$color-7: transparent !default;
|
|
217
217
|
$color-8: transparent !default;
|
|
218
218
|
$color-9: transparent !default;
|
|
219
|
+
|
|
220
|
+
// Theme color slots - text/contrast colors
|
|
221
|
+
// These define the text color to use when color-N is used as a background
|
|
222
|
+
$color-1-text: #ffffff !default;
|
|
223
|
+
$color-2-text: #ffffff !default;
|
|
224
|
+
$color-3-text: #ffffff !default;
|
|
225
|
+
$color-4-text: #ffffff !default;
|
|
226
|
+
$color-5-text: #ffffff !default;
|
|
227
|
+
$color-6-text: #ffffff !default;
|
|
228
|
+
$color-7-text: #ffffff !default;
|
|
229
|
+
$color-8-text: #ffffff !default;
|
|
230
|
+
$color-9-text: #ffffff !default;
|
|
@@ -147,6 +147,26 @@ $profile-role-letter-spacing: 0.5px !default;
|
|
|
147
147
|
$profile-panel-mobile-max-width: 40rem !default; // 400px (was 25rem)
|
|
148
148
|
$profile-panel-content-padding: 1.6rem !default; // Matches sidebar-padding horizontal (16px)
|
|
149
149
|
|
|
150
|
+
// ============================================================================
|
|
151
|
+
// DETAIL PANEL SYSTEM
|
|
152
|
+
// ============================================================================
|
|
153
|
+
$detail-panel-width: 40rem !default;
|
|
154
|
+
$detail-panel-min-width: 28rem !default;
|
|
155
|
+
$detail-panel-max-width: 64rem !default;
|
|
156
|
+
$detail-panel-mobile-width: 90vw !default;
|
|
157
|
+
$detail-panel-header-padding-v: 1.2rem !default;
|
|
158
|
+
$detail-panel-header-padding-h: 1.6rem !default;
|
|
159
|
+
$detail-panel-body-padding-v: 1.2rem !default;
|
|
160
|
+
$detail-panel-body-padding-h: 1.6rem !default;
|
|
161
|
+
$detail-panel-footer-padding-v: 1.2rem !default;
|
|
162
|
+
$detail-panel-footer-padding-h: 1.6rem !default;
|
|
163
|
+
$detail-panel-overlay-bg: rgba(0, 0, 0, 0.3) !default;
|
|
164
|
+
$detail-panel-z-index: 4500 !default;
|
|
165
|
+
$detail-panel-shadow: $shadow-profile-panel !default;
|
|
166
|
+
$detail-panel-close-size: 3.2rem !default;
|
|
167
|
+
$detail-panel-resize-handle-width: 6px !default;
|
|
168
|
+
$detail-panel-selected-bg: rgba($accent-color, 0.08) !default;
|
|
169
|
+
|
|
150
170
|
// ============================================================================
|
|
151
171
|
// CARD SYSTEM
|
|
152
172
|
// ============================================================================
|
|
@@ -283,24 +303,11 @@ $alert-icon-margin: $spacing-sm !default;
|
|
|
283
303
|
$alert-list-padding-left: $spacing-lg !default;
|
|
284
304
|
$alert-list-item-margin-top: $card-footer-padding-v !default;
|
|
285
305
|
|
|
286
|
-
// Alert colors
|
|
287
|
-
|
|
288
|
-
|
|
289
|
-
$alert-success-text: $success-bg !default;
|
|
290
|
-
|
|
291
|
-
$alert-danger-bg: $danger-bg-subtle !default;
|
|
292
|
-
$alert-danger-border: $danger-border !default;
|
|
293
|
-
$alert-danger-text: $danger-bg !default;
|
|
306
|
+
// Alert colors - Now derived via color-mix() mixins in _base-css-variables.scss
|
|
307
|
+
// Themes call output-pa-alert-variables-light/dark instead of hardcoding values
|
|
308
|
+
// Keep only the text transform variable as it's not color-related
|
|
294
309
|
$alert-danger-text-transform: none !default;
|
|
295
310
|
|
|
296
|
-
$alert-warning-bg: $warning-bg-subtle !default;
|
|
297
|
-
$alert-warning-border: $warning-border !default;
|
|
298
|
-
$alert-warning-text: $warning-bg !default;
|
|
299
|
-
|
|
300
|
-
$alert-info-bg: $info-bg-subtle !default;
|
|
301
|
-
$alert-info-border: $info-border !default;
|
|
302
|
-
$alert-info-text: $info-bg !default;
|
|
303
|
-
|
|
304
311
|
// ============================================================================
|
|
305
312
|
// CALLOUT SYSTEM
|
|
306
313
|
// ============================================================================
|