@hashicorp/react-components 0.0.0-canary.0e92ab8 → 0.0.0-canary.103b6a9

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 (3) hide show
  1. package/package.json +1 -1
  2. package/src/components/nav-panel/product-panel/index.tsx +6 -3
  3. package/src/components/nav-panel/product-panel/style.module.css +4 -0
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hashicorp/react-components",
3
- "version": "0.0.0-canary.0e92ab8",
3
+ "version": "0.0.0-canary.103b6a9",
4
4
  "main": "src/index.ts",
5
5
  "scripts": {
6
6
  "lint": "next-hashicorp lint",
package/src/components/nav-panel/product-panel/index.tsx CHANGED
@@ -79,10 +79,13 @@ function NavProduct({ url, product, description }: NavProductProps) {
79
79
  <div className={s.productWrapper}>
80
80
  <div className={s.productLogo}>
81
81
  <FlightIcon
82
- name={PRODUCT_LOGO_MAP.get(product) ?? 'hashicorp-fill-color'}
82
+ name={
83
+ PRODUCT_LOGO_MAP.get('HCP Vault Secrets') ??
84
+ 'hashicorp-fill-color'
85
+ }
83
86
  className={
84
- PRODUCT_LOGO_EXCEPTION_CLASSNAMES[product]
85
- ? s[PRODUCT_LOGO_EXCEPTION_CLASSNAMES[product]]
87
+ PRODUCT_LOGO_EXCEPTION_CLASSNAMES['HCP Vault Secrets']
88
+ ? s[PRODUCT_LOGO_EXCEPTION_CLASSNAMES['HCP Vault Secrets']]
86
89
  : undefined
87
90
  }
88
91
  />
package/src/components/nav-panel/product-panel/style.module.css CHANGED
@@ -101,6 +101,10 @@
101
101
 
102
102
  /* Branding exception classnames */
103
103
 
104
+ /* Styles for HCP Vault mimic the spec for `product-square` icons,
105
+ while allowing the symbol inside the icon border to change color
106
+ based on the site's theme
107
+ */
104
108
  .hcpVaultSecrets,
105
109
  .hcpVaultRadar {
106
110
  padding: var(--hdsplus-spacing-01);