Merge branch 'master' of https://github.com/primefaces/primeng

primefaces · Apr 19, 2024 · 9d9f492 · 9d9f492
2 parents c5c6a95 + ae73190
commit 9d9f492
Show file tree

Hide file tree

Showing 73 changed files with 9,801 additions and 5,454 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,4 +1,9 @@
 # Changelog
+## [17.14.1](https://github.com/primefaces/primeng/tree/17.14.1) (2024-04-19)
+[Full Changelog](https://github.com/primefaces/primeng/compare/17.14.0...17.14.1)
+**Fixed bugs:**
+- Stepper | Core css is overriden and broken [\#15317](https://github.com/primefaces/primeng/issues/15317)
+
 ## [17.14.0](https://github.com/primefaces/primeng/tree/17.14.0) (2024-04-19)
 [Full Changelog](https://github.com/primefaces/primeng/compare/17.13.0...17.14.0)
 

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
     "name": "primeng",
-    "version": "17.14.0",
+    "version": "17.14.1",
     "license": "SEE LICENSE IN LICENSE.md",
     "scripts": {
         "ng": "ng",

diff --git a/src/app/components/package.json b/src/app/components/package.json
@@ -1,6 +1,6 @@
 {
     "name": "primeng",
-    "version": "17.14.0",
+    "version": "17.14.1",
     "repository": {
         "type": "git",
         "url": "https://github.com/primefaces/primeng"

diff --git a/src/app/showcase/data/versions.json b/src/app/showcase/data/versions.json
@@ -1,6 +1,6 @@
 [
     {
-        "version": "v17.14.0",
+        "version": "v17.14.1",
         "name": "v17",
         "url": "https://primeng.org"
     },

diff --git a/src/app/showcase/layout/doc/codeeditor/templates.ts b/src/app/showcase/layout/doc/codeeditor/templates.ts
@@ -15,7 +15,7 @@ export interface Props {
 const app_dependencies = pkg ? pkg.devDependencies : {};
 
 const PrimeNG = {
-    version: '17.14.0',
+    version: '17.14.1',
     description:
         'PrimeNG is an open source UI library for Angular featuring a rich set of 80+ components, a theme designer, various theme alternatives such as Material, Bootstrap, Tailwind, premium templates and professional support. In addition, it integrates with PrimeBlock, which has 370+ ready to use UI blocks to build spectacular applications in no time.'
 };

diff --git a/src/assets/components/themes/arya-blue/theme.css b/src/assets/components/themes/arya-blue/theme.css
@@ -3992,6 +3992,150 @@
     background: #383838;
   }
 
+  .p-tabview .p-tabview-nav-content {
+    scroll-padding-inline: 2.357rem;
+  }
+  .p-tabview .p-tabview-nav {
+    background: transparent;
+    border: 1px solid #383838;
+    border-width: 0 0 2px 0;
+  }
+  .p-tabview .p-tabview-nav li {
+    margin-right: 0;
+  }
+  .p-tabview .p-tabview-nav li .p-tabview-nav-link {
+    border: solid #383838;
+    border-width: 0 0 2px 0;
+    border-color: transparent transparent #383838 transparent;
+    background: #1e1e1e;
+    color: rgba(255, 255, 255, 0.6);
+    padding: 1rem;
+    font-weight: 600;
+    border-top-right-radius: 3px;
+    border-top-left-radius: 3px;
+    transition: box-shadow 0.2s;
+    margin: 0 0 -2px 0;
+  }
+  .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible {
+    outline: 0 none;
+    outline-offset: 0;
+    box-shadow: inset 0 0 0 1px #93cbf9;
+  }
+  .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
+    background: #1e1e1e;
+    border-color: #64B5F6;
+    color: rgba(255, 255, 255, 0.87);
+  }
+  .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
+    background: #1e1e1e;
+    border-color: #64B5F6;
+    color: #64B5F6;
+  }
+  .p-tabview .p-tabview-left-icon {
+    margin-right: 0.5rem;
+  }
+  .p-tabview .p-tabview-right-icon {
+    margin-left: 0.5rem;
+  }
+  .p-tabview .p-tabview-close {
+    margin-left: 0.5rem;
+  }
+  .p-tabview .p-tabview-nav-btn.p-link {
+    background: #1e1e1e;
+    color: #64B5F6;
+    width: 2.357rem;
+    box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
+    border-radius: 0;
+  }
+  .p-tabview .p-tabview-nav-btn.p-link:focus-visible {
+    outline: 0 none;
+    outline-offset: 0;
+    box-shadow: inset 0 0 0 1px #93cbf9;
+  }
+  .p-tabview .p-tabview-panels {
+    background: #1e1e1e;
+    padding: 1rem;
+    border: 0 none;
+    color: rgba(255, 255, 255, 0.87);
+    border-bottom-right-radius: 3px;
+    border-bottom-left-radius: 3px;
+  }
+
+  .p-toolbar {
+    background: #1e1e1e;
+    border: 1px solid #383838;
+    padding: 1rem;
+    border-radius: 3px;
+    gap: 0.5rem;
+  }
+  .p-toolbar .p-toolbar-separator {
+    margin: 0 0.5rem;
+  }
+
+  .p-stepper .p-stepper-nav {
+    position: relative;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin: 0;
+    padding: 0;
+    list-style-type: none;
+    overflow-x: auto;
+  }
+
+  .p-stepper-vertical .p-stepper-nav {
+    flex-direction: column;
+  }
+
+  .p-stepper-header {
+    position: relative;
+    display: flex;
+    flex: 1 1 auto;
+    align-items: center;
+  }
+  .p-stepper-header:last-of-type {
+    flex: initial;
+  }
+
+  .p-stepper-header .p-stepper-action {
+    border: 0 none;
+    display: inline-flex;
+    align-items: center;
+    text-decoration: none;
+    cursor: pointer;
+  }
+  .p-stepper-header .p-stepper-action:focus-visible {
+    outline: 0 none;
+    outline-offset: 0;
+    box-shadow: 0 0 0 1px #93cbf9;
+  }
+
+  .p-stepper.p-stepper-readonly .p-stepper-header {
+    cursor: auto;
+  }
+
+  .p-stepper-header.p-highlight .p-stepper-action {
+    cursor: default;
+  }
+
+  .p-stepper-title {
+    display: block;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    max-width: 100%;
+  }
+
+  .p-stepper-number {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+
+  .p-stepper-separator {
+    flex: 1 1 0;
+  }
+
   .p-stepper .p-stepper-nav {
     display: flex;
     justify-content: space-between;
@@ -4096,86 +4240,6 @@
     padding-left: 3rem;
   }
 
-  .p-tabview .p-tabview-nav-content {
-    scroll-padding-inline: 2.357rem;
-  }
-  .p-tabview .p-tabview-nav {
-    background: transparent;
-    border: 1px solid #383838;
-    border-width: 0 0 2px 0;
-  }
-  .p-tabview .p-tabview-nav li {
-    margin-right: 0;
-  }
-  .p-tabview .p-tabview-nav li .p-tabview-nav-link {
-    border: solid #383838;
-    border-width: 0 0 2px 0;
-    border-color: transparent transparent #383838 transparent;
-    background: #1e1e1e;
-    color: rgba(255, 255, 255, 0.6);
-    padding: 1rem;
-    font-weight: 600;
-    border-top-right-radius: 3px;
-    border-top-left-radius: 3px;
-    transition: box-shadow 0.2s;
-    margin: 0 0 -2px 0;
-  }
-  .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible {
-    outline: 0 none;
-    outline-offset: 0;
-    box-shadow: inset 0 0 0 1px #93cbf9;
-  }
-  .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
-    background: #1e1e1e;
-    border-color: #64B5F6;
-    color: rgba(255, 255, 255, 0.87);
-  }
-  .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
-    background: #1e1e1e;
-    border-color: #64B5F6;
-    color: #64B5F6;
-  }
-  .p-tabview .p-tabview-left-icon {
-    margin-right: 0.5rem;
-  }
-  .p-tabview .p-tabview-right-icon {
-    margin-left: 0.5rem;
-  }
-  .p-tabview .p-tabview-close {
-    margin-left: 0.5rem;
-  }
-  .p-tabview .p-tabview-nav-btn.p-link {
-    background: #1e1e1e;
-    color: #64B5F6;
-    width: 2.357rem;
-    box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
-    border-radius: 0;
-  }
-  .p-tabview .p-tabview-nav-btn.p-link:focus-visible {
-    outline: 0 none;
-    outline-offset: 0;
-    box-shadow: inset 0 0 0 1px #93cbf9;
-  }
-  .p-tabview .p-tabview-panels {
-    background: #1e1e1e;
-    padding: 1rem;
-    border: 0 none;
-    color: rgba(255, 255, 255, 0.87);
-    border-bottom-right-radius: 3px;
-    border-bottom-left-radius: 3px;
-  }
-
-  .p-toolbar {
-    background: #1e1e1e;
-    border: 1px solid #383838;
-    padding: 1rem;
-    border-radius: 3px;
-    gap: 0.5rem;
-  }
-  .p-toolbar .p-toolbar-separator {
-    margin: 0 0.5rem;
-  }
-
   .p-confirm-popup {
     background: #1e1e1e;
     color: rgba(255, 255, 255, 0.87);