Merge pull request #696 from puppetlabs/rebrand

Rebrand

Author: sean-mckenna

CHANGELOG.md

@@ -1,3 +1,15 @@
+## data-grid 0.7.0 (2025-04-24)
+
+- Rebranding updates. (by [@sean-mckenna](https://github.com/sean-mckenna) and [@koosolek](https://github.com/koosolek) and [@Jo-Lillie](https://github.com/Jo-Lillie) in [#696](https://github.com/puppetlabs/design-system/pull/696))
+
+## react-layouts 2.0.0-alpha.13 (2025-04-23)
+
+- Rebranding updates. (by [@sean-mckenna](https://github.com/sean-mckenna) and [@koosolek](https://github.com/koosolek) and [@Jo-Lillie](https://github.com/Jo-Lillie) in [#696](https://github.com/puppetlabs/design-system/pull/696))
+
+## react-components 5.35.0 (2025-04-23)
+
+- Rebranding updates. (by [@sean-mckenna](https://github.com/sean-mckenna) and [@koosolek](https://github.com/koosolek) and [@Jo-Lillie](https://github.com/Jo-Lillie) in [#696](https://github.com/puppetlabs/design-system/pull/696))
+
 ## sass-variables 1.5.0 (2025-04-24)
 
 - Rebranding updates. (by [@sean-mckenna](https://github.com/sean-mckenna) and [@koosolek](https://github.com/koosolek) and [@Jo-Lillie](https://github.com/Jo-Lillie)

packages/data-grid/package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "@puppet/data-grid",
-  "version": "0.6.14",
+  "version": "0.7.0",
   "author": "Puppet, Inc.",
   "license": "Apache-2.0",
   "main": "dist/index.js",
@@ -27,8 +27,8 @@
     "react-dom": "^16.13.0 || ^17.0.0 || ^18.0.0"
   },
   "dependencies": {
-    "@puppet/react-components": "^5.34.10",
-    "@puppet/sass-variables": "^1.4.4",
+    "@puppet/react-components": "^5.35.0",
+    "@puppet/sass-variables": "^1.5.0",
     "classnames": "^2.5.1",
     "init": "^0.1.2",
     "lodash": "^4.17.21",

packages/data-grid/package.json

@@ -18,7 +18,7 @@
 }
 
 .dg-column-header-sortable:hover {
-  color: $puppet-b400;
+  color: $Brand__Foreground__Link__Hover;
 }
 
 .dg-column-header-sortable:focus {
@@ -34,15 +34,15 @@
 .dg-column-header-sortable:active {
   border: 0;
   box-shadow: $puppet-common-focus-outline-inset;
-  color: $puppet-b600;
+  color: $Brand__Foreground__Link__Pressed;
 
   &::before {
     width: 0;
   }
 }
 
 .dg-column-header-label-active {
-  color: $puppet-b500;
+  color: $Brand__Foreground__Link__Rest;
 }
 
 .dg-column-header-icon-container {
@@ -52,13 +52,13 @@
 .dg-column-header-icon-color {
   &.asc {
     .rc-icon-increment-up {
-      fill: $puppet-b500;
+      fill: $Brand__Foreground__Link__Rest;
     }
   }
 
   &.desc {
     .rc-icon-increment-down {
-      fill: $puppet-b500;
+      fill: $Brand__Foreground__Link__Rest;
     }
   }
 }
@@ -87,7 +87,7 @@
 }
 
 .dg-table-row-selected {
-  background-color: $puppet-b50;
+  background-color: $Neutral__Background__2__Rest;
 
   .rc-table-cell::before {
     width: 0;

packages/data-grid/src/table/Table.scss

@@ -17,7 +17,7 @@
     "@babel/preset-env": "^7.11.0",
     "@babel/preset-react": "^7.10.4",
     "@babel/register": "^7.10.5",
-    "@puppet/sass-variables": "^1.4.3",
+    "@puppet/sass-variables": "^1.5.0",
     "@webpack-cli/configtest": "^2.1.1",
     "@webpack-cli/info": "^2.0.2",
     "@webpack-cli/serve": "^2.0.5",
@@ -59,8 +59,8 @@
   "dependencies": {
     "@popperjs/core": "^2.9.2",
     "@puppet/data-grid": "^0.2.7",
-    "@puppet/react-components": "^5.34.10",
-    "@puppet/react-layouts": "^2.0.0-alpha.4",
+    "@puppet/react-components": "^5.35.0",
+    "@puppet/react-layouts": "^2.0.0-alpha.13",
     "brace": "^0.11.1",
     "prop-types": "^15.7.2",
     "react": "^16.13.1",

packages/design-system-website/package.json

@@ -19,9 +19,10 @@ export function StyleGuideRenderer({ children, toc, hasSidebar }) {
       {hasSidebar && (
         <Sidebar>
           <Sidebar.Header
-            logo="Design System"
+            logo="puppet-general-new"
+            ariaLabel="Return to the home page"
             as="a"
-            href="#/Puppet%20Design%20System"
+            href="/"
           />
           {toc}
         </Sidebar>

packages/design-system-website/styleguideComponents/StyleGuideRenderer.jsx

@@ -22,7 +22,6 @@ export function TableOfContentsRenderer({
       <Input
         name="filter"
         className="pds-filter"
-        simple
         icon="search"
         placeholder="Search"
         value={searchTerm}

packages/design-system-website/styleguideComponents/TableOfContentsRenderer.jsx

@@ -1,18 +1,6 @@
 @import '~@puppet/sass-variables/index';
 
 .pds-filter {
-  margin-bottom: 4 * $puppet-common-spacing-base;
-
-  .rc-input {
-    background-color: $puppet-n950;
-    border-color: $puppet-n950;
-    border-radius: 4px;
-    box-sizing: border-box;
-    color: $puppet-n400;
-    height: 32px;
-  }
-
-  .rc-input:hover {
-    border-color: $puppet-n900;
-  }
+  margin-bottom: 2 * $puppet-common-spacing-base;
+  margin-top: 2 * $puppet-common-spacing-base;
 }

packages/design-system-website/styleguideComponents/TableOfContentsRenderer.scss

@@ -1,6 +1,6 @@
 {
   "name": "@puppet/react-components",
-  "version": "5.34.11",
+  "version": "5.35.0",
   "author": "Puppet, Inc.",
   "license": "Apache-2.0",
   "main": "build/library.js",
@@ -11,7 +11,7 @@
     "prepare": "npm run build",
     "complexity": "es6-plato -r -d complexity source/react && open ./complexity/index.html",
     "watch": "nodemon --watch source -x \"npm run build\"",
-    "test": "nyc --require=./test/jsdom.js --reporter=html mocha --require @babel/register --require core-js --require regenerator-runtime/runtime --recursive --exit",
+    "test": "nyc --reporter=html mocha --require @babel/register --require core-js --require regenerator-runtime/runtime --require=./test/jsdom.js --recursive --exit",
     "lint": "npm run js-lint && npm run scss-lint",
     "js-lint": "eslint --quiet 'source/react/**/*.js'",
     "scss-lint": "stylelint 'source/scss/**/*.scss'",
@@ -73,7 +73,7 @@
   },
   "dependencies": {
     "@popperjs/core": "^2.11.8",
-    "@puppet/sass-variables": "^1.4.4",
+    "@puppet/sass-variables": "^1.5.0",
     "classnames": "^2.5.1",
     "core-js": "^3.38.1",
     "hoist-non-react-statics": "^3.3.2",