@keenmate/pure-admin-theme-express 1.3.0 → 1.5.0

package/dist/express.css

@@ -268,7 +268,7 @@ body.pa-container-2xl .pa-navbar {
   gap: 1.6rem;
 }
 
-.pa-header__left {
+.pa-header__start {
   display: flex;
   align-items: center;
   gap: 1.6rem;
@@ -283,7 +283,7 @@ body.pa-container-2xl .pa-navbar {
   justify-content: center;
 }
 
-.pa-header__right {
+.pa-header__end {
   display: flex;
   align-items: center;
   gap: 1.6rem;
@@ -385,7 +385,7 @@ body.pa-layout--sticky .pa-layout__inner {
   gap: 1.6rem;
 }
 
-.pa-footer__left {
+.pa-footer__start {
   display: flex;
   align-items: center;
   gap: 1.6rem;
@@ -400,14 +400,14 @@ body.pa-layout--sticky .pa-layout__inner {
   justify-content: center;
 }
 
-.pa-footer__right {
+.pa-footer__end {
   display: flex;
   align-items: center;
   gap: 1.6rem;
   flex-shrink: 0;
 }
 
-.pa-footer__right--vertical {
+.pa-footer__end--vertical {
   flex-direction: column;
   align-items: flex-end;
   gap: 0.4rem;
@@ -419,22 +419,22 @@ body.pa-layout--sticky .pa-layout__inner {
     min-height: auto;
     padding: 0.8rem 1.6rem;
   }
-  .pa-footer__left,
+  .pa-footer__start,
   .pa-footer__center,
-  .pa-footer__right {
+  .pa-footer__end {
     flex-shrink: 1;
     min-width: 0;
   }
-  .pa-footer__left {
+  .pa-footer__start {
     flex: 1 1 auto;
   }
   .pa-footer__center {
     display: none;
   }
-  .pa-footer__right {
+  .pa-footer__end {
     flex: 0 1 auto;
   }
-  .pa-footer__right--vertical {
+  .pa-footer__end--vertical {
     align-items: flex-end;
   }
 }
@@ -2906,6 +2906,7 @@ body:not(.sidebar-hidden) .pa-layout__sidebar--icon-collapse .pa-sidebar__icon {
   display: flex;
   justify-content: space-between;
   align-items: center;
+  gap: 1.6rem;
   min-width: 0;
 }
 
@@ -2937,9 +2938,45 @@ body:not(.sidebar-hidden) .pa-layout__sidebar--icon-collapse .pa-sidebar__icon {
   font-size: 1.6rem;
 }
 
+.pa-card__header > h1,
+.pa-card__header > h2,
+.pa-card__header > h3,
+.pa-card__header > h4,
+.pa-card__header > h5,
+.pa-card__header > h6 {
+  flex-shrink: 0;
+}
+
+.pa-card__header > p {
+  flex: 1;
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  color: var(--pa-text-color-2);
+  font-size: 1.4rem;
+}
+
+.pa-card__header .pa-card__actions,
+.pa-card__header .pa-btn-group {
+  flex-shrink: 0;
+}
+
 .pa-card__header .pa-btn {
   margin-top: -0.25rem;
   margin-bottom: -0.25rem;
+  flex-shrink: 0;
+}
+
+.pa-card__header--wrap {
+  flex-wrap: wrap;
+}
+
+.pa-card__header--wrap > p {
+  white-space: normal;
+  flex-basis: 100%;
+  order: 1;
+  margin-top: 0.4rem;
 }
 
 .pa-card__title {
@@ -3551,21 +3588,21 @@ a.pa-card p {
   background: linear-gradient(to right, var(--pa-main-bg), color-mix(in srgb, var(--pa-main-bg) 80%, transparent));
 }
 
-.pa-tabs--scrollable .pa-tabs__scroll-btn--left, .pa-tabs--scrollable .pa-tabs__scroll-btn--start {
+.pa-tabs--scrollable .pa-tabs__scroll-btn--start {
   inset-inline-start: 0;
   background: linear-gradient(to right, color-mix(in srgb, var(--pa-main-bg) 95%, transparent), transparent);
 }
 
-[dir=rtl] .pa-tabs--scrollable .pa-tabs__scroll-btn--left, [dir=rtl] .pa-tabs--scrollable .pa-tabs__scroll-btn--start {
+[dir=rtl] .pa-tabs--scrollable .pa-tabs__scroll-btn--start {
   background: linear-gradient(to left, color-mix(in srgb, var(--pa-main-bg) 95%, transparent), transparent);
 }
 
-.pa-tabs--scrollable .pa-tabs__scroll-btn--right, .pa-tabs--scrollable .pa-tabs__scroll-btn--end {
+.pa-tabs--scrollable .pa-tabs__scroll-btn--end {
   inset-inline-end: 0;
   background: linear-gradient(to left, color-mix(in srgb, var(--pa-main-bg) 95%, transparent), transparent);
 }
 
-[dir=rtl] .pa-tabs--scrollable .pa-tabs__scroll-btn--right, [dir=rtl] .pa-tabs--scrollable .pa-tabs__scroll-btn--end {
+[dir=rtl] .pa-tabs--scrollable .pa-tabs__scroll-btn--end {
   background: linear-gradient(to right, color-mix(in srgb, var(--pa-main-bg) 95%, transparent), transparent);
 }
 
@@ -5268,19 +5305,19 @@ a.pa-card p {
   margin: 0;
 }
 
-.pa-btn--align-left {
+.pa-btn--align-start {
   justify-content: flex-start;
 }
 
-.pa-btn--align-left .pa-btn__icon {
+.pa-btn--align-start .pa-btn__icon {
   padding-inline-start: 0;
 }
 
-.pa-btn--align-right {
+.pa-btn--align-end {
   justify-content: flex-end;
 }
 
-.pa-btn--align-right .pa-btn__icon {
+.pa-btn--align-end .pa-btn__icon {
   padding-inline-end: 0;
 }
 
@@ -6303,7 +6340,7 @@ a.pa-card p {
   text-align: end;
 }
 
-.pa-popover--right .pa-popover__body {
+.pa-popover--end .pa-popover__body {
   text-align: end;
 }
 
@@ -8938,6 +8975,11 @@ web-multiselect {
   box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
 }
 
+.pa-table-card:has(.pa-detail-view) .pa-table-card__body {
+  position: relative;
+  overflow: hidden;
+}
+
 .pa-table-card__header {
   padding: 0.5rem 1rem;
   min-height: 4rem;
@@ -9019,6 +9061,33 @@ web-multiselect {
   border-bottom: none;
 }
 
+.pa-table-card__body .pa-detail-view {
+  height: 100%;
+}
+
+.pa-table-card__body .pa-detail-view .pa-detail-view__main .pa-table {
+  border-radius: 0;
+}
+
+.pa-table-card__body .pa-detail-view .pa-detail-view__main .pa-table th:first-child,
+.pa-table-card__body .pa-detail-view .pa-detail-view__main .pa-table td:first-child {
+  padding-inline-start: 1rem;
+}
+
+.pa-table-card__body .pa-detail-view .pa-detail-view__main .pa-table th:last-child,
+.pa-table-card__body .pa-detail-view .pa-detail-view__main .pa-table td:last-child {
+  padding-inline-end: 1rem;
+}
+
+.pa-table-card__body .pa-detail-view .pa-detail-view__main .pa-table tbody tr:last-child td {
+  border-bottom: none;
+}
+
+.pa-table-card__body .pa-detail-view .pa-detail-view__main web-grid {
+  --wg-cell-padding-left: 1rem;
+  --wg-cell-padding-right: 1rem;
+}
+
 .pa-table-card__footer {
   padding: 1.2rem 1rem;
   border-top: 1px solid var(--pa-border-color);
@@ -9217,6 +9286,11 @@ web-multiselect {
   padding-inline: 0;
 }
 
+.pa-table-card--plain .pa-table-card__body:has(.pa-detail-view--overlay) {
+  position: relative;
+  overflow: hidden;
+}
+
 .pa-table-card--plain .pa-table-card__footer {
   background: transparent;
   border-top: none;
@@ -9346,7 +9420,7 @@ web-multiselect {
   justify-content: center;
 }
 
-.pa-pager--left {
+.pa-pager--start {
   justify-content: flex-start;
 }
 
@@ -9354,7 +9428,7 @@ web-multiselect {
   justify-content: center;
 }
 
-.pa-pager--right {
+.pa-pager--end {
   justify-content: flex-end;
 }
 
@@ -9403,7 +9477,7 @@ web-multiselect {
   justify-content: center;
 }
 
-.pa-load-more--left {
+.pa-load-more--start {
   justify-content: flex-start;
 }
 
@@ -9411,7 +9485,7 @@ web-multiselect {
   justify-content: center;
 }
 
-.pa-load-more--right {
+.pa-load-more--end {
   justify-content: flex-end;
 }
 
@@ -9971,7 +10045,7 @@ code {
   justify-content: center;
 }
 
-.pa-pager--left {
+.pa-pager--start {
   justify-content: flex-start;
 }
 
@@ -9979,7 +10053,7 @@ code {
   justify-content: center;
 }
 
-.pa-pager--right {
+.pa-pager--end {
   justify-content: flex-end;
 }
 
@@ -10028,7 +10102,7 @@ code {
   justify-content: center;
 }
 
-.pa-load-more--left {
+.pa-load-more--start {
   justify-content: flex-start;
 }
 
@@ -10036,7 +10110,7 @@ code {
   justify-content: center;
 }
 
-.pa-load-more--right {
+.pa-load-more--end {
   justify-content: flex-end;
 }
 
@@ -11242,73 +11316,73 @@ code {
   border-radius: 500px 0 0 500px;
 }
 
-.pa-timeline--alternating.pa-timeline--left::after {
+.pa-timeline--alternating.pa-timeline--start::after {
   left: 90px;
 }
 
-.pa-timeline--alternating.pa-timeline--left .pa-timeline__item {
+.pa-timeline--alternating.pa-timeline--start .pa-timeline__item {
   width: 100%;
   padding-left: 120px;
   padding-right: 0;
   left: 0 !important;
 }
 
-.pa-timeline--alternating.pa-timeline--left .pa-timeline__item::after {
+.pa-timeline--alternating.pa-timeline--start .pa-timeline__item::after {
   left: 82px;
 }
 
-.pa-timeline--alternating.pa-timeline--left .pa-timeline__item::before {
+.pa-timeline--alternating.pa-timeline--start .pa-timeline__item::before {
   left: 100px;
 }
 
-.pa-timeline--alternating.pa-timeline--left .pa-timeline__item .pa-timeline__date {
+.pa-timeline--alternating.pa-timeline--start .pa-timeline__item .pa-timeline__date {
   right: auto;
   left: 15px;
 }
 
-.pa-timeline--alternating.pa-timeline--left .pa-timeline__item .pa-timeline__icon {
+.pa-timeline--alternating.pa-timeline--start .pa-timeline__item .pa-timeline__icon {
   right: auto;
   left: 146px;
 }
 
-.pa-timeline--alternating.pa-timeline--left .pa-timeline__item .pa-timeline__content {
+.pa-timeline--alternating.pa-timeline--start .pa-timeline__item .pa-timeline__content {
   padding: 3.2rem 3.2rem 3.2rem calc(6.4rem + 40px);
   border-radius: 500px 0 0 500px;
 }
 
-.pa-timeline--alternating.pa-timeline--right::after {
+.pa-timeline--alternating.pa-timeline--end::after {
   right: 90px;
   left: auto;
 }
 
-.pa-timeline--alternating.pa-timeline--right .pa-timeline__item {
+.pa-timeline--alternating.pa-timeline--end .pa-timeline__item {
   width: 100%;
   padding-left: 0;
   padding-right: 120px;
   left: 0 !important;
 }
 
-.pa-timeline--alternating.pa-timeline--right .pa-timeline__item::after {
+.pa-timeline--alternating.pa-timeline--end .pa-timeline__item::after {
   right: 82px;
   left: auto;
 }
 
-.pa-timeline--alternating.pa-timeline--right .pa-timeline__item::before {
+.pa-timeline--alternating.pa-timeline--end .pa-timeline__item::before {
   right: 100px;
   left: auto;
 }
 
-.pa-timeline--alternating.pa-timeline--right .pa-timeline__item .pa-timeline__date {
+.pa-timeline--alternating.pa-timeline--end .pa-timeline__item .pa-timeline__date {
   left: auto;
   right: 15px;
 }
 
-.pa-timeline--alternating.pa-timeline--right .pa-timeline__item .pa-timeline__icon {
+.pa-timeline--alternating.pa-timeline--end .pa-timeline__item .pa-timeline__icon {
   left: auto;
   right: 146px;
 }
 
-.pa-timeline--alternating.pa-timeline--right .pa-timeline__item .pa-timeline__content {
+.pa-timeline--alternating.pa-timeline--end .pa-timeline__item .pa-timeline__content {
   padding: 3.2rem calc(6.4rem + 40px) 3.2rem 3.2rem;
   border-radius: 0 500px 500px 0;
 }
@@ -12653,14 +12727,18 @@ code {
   top: 0;
   inset-inline-end: 0;
   height: 100%;
-  z-index: 2;
+  z-index: 3501;
+}
+
+.pa-detail-view--overlay .pa-detail-view__panel--open {
+  max-width: 100%;
 }
 
 .pa-detail-view__overlay {
   position: absolute;
   inset: 0;
   background-color: var(--pa-detail-panel-overlay-bg);
-  z-index: 1;
+  z-index: 3500;
   opacity: 0;
   visibility: hidden;
   cursor: pointer;
@@ -13530,6 +13608,62 @@ html.font-size-xlarge {
   max-height: 50rem;
 }
 
+.h-full {
+  height: 100%;
+}
+
+.h-screen {
+  height: 100vh;
+}
+
+.min-h-full {
+  min-height: 100%;
+}
+
+.min-h-screen {
+  min-height: 100vh;
+}
+
+.max-h-full {
+  max-height: 100%;
+}
+
+.max-h-screen {
+  max-height: 100vh;
+}
+
+.flex-1 {
+  flex: 1 1 0%;
+}
+
+.flex-auto {
+  flex: 1 1 auto;
+}
+
+.flex-initial {
+  flex: 0 1 auto;
+}
+
+.flex-none {
+  flex: none;
+}
+
+.flex-grow {
+  flex-grow: 1;
+}
+
+.flex-grow-0 {
+  flex-grow: 0;
+}
+
+.flex-shrink {
+  flex-shrink: 1;
+}
+
+.flex-shrink-0 {
+  flex-shrink: 0;
+}
+
 .overflow-auto {
   overflow: auto;
 }
@@ -13565,6 +13699,10 @@ html.font-size-xlarge {
   overflow-x: overlay;
 }
 
+.pa-scroll-lock {
+  overflow: hidden !important;
+}
+
 .cursor-pointer {
   cursor: pointer;
 }
@@ -13650,14 +13788,6 @@ html.font-size-xlarge {
   text-align: end;
 }
 
-.pa-text--left {
-  text-align: start;
-}
-
-.pa-text--right {
-  text-align: end;
-}
-
 .pa-text--caption {
   font-size: 1.2rem;
   color: var(--pa-text-color-2);
@@ -14183,14 +14313,6 @@ html.font-size-xlarge {
   text-align: end;
 }
 
-.text-left {
-  text-align: start;
-}
-
-.text-right {
-  text-align: end;
-}
-
 /* Pure Admin Visual Framework - SCSS Variables Only */
 /* NOTE: 10px rem base - all rem values are now in 10px units (1rem = 10px) */
 .m-0 {
@@ -15523,18 +15645,10 @@ html.font-size-xlarge {
   flex-shrink: 1 !important;
 }
 
-.text-left {
-  text-align: left !important;
-}
-
 .text-center {
   text-align: center !important;
 }
 
-.text-right {
-  text-align: right !important;
-}
-
 .text-nowrap {
   white-space: nowrap !important;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@keenmate/pure-admin-theme-express",
-  "version": "1.3.0",
+  "version": "1.5.0",
   "description": "Express theme for Pure Admin",
   "style": "dist/express.css",
   "exports": {
@@ -23,6 +23,15 @@
   ],
   "author": "KeenMate",
   "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/KeenMate/pure-admin.git",
+    "directory": "packages/theme-express"
+  },
+  "bugs": {
+    "url": "https://github.com/KeenMate/pure-admin/issues"
+  },
+  "homepage": "https://github.com/KeenMate/pure-admin#readme",
   "peerDependencies": {
     "@keenmate/pure-admin-core": "^1.0.0"
   },