@bloomreach/banana-theme - npm Package Compare versions

Comparing version 0.0.6 to 0.0.7

CHANGELOG.md

 # Changelog
 
+## Banana Theme [v0.0.7](https://code.bloomreach.com/engineering/xm/banana/theme/-/compare/v0.0.6...a7387405d74723917d84cc2cb5d1a060a4791a4f) (2023-08-11)
+
+ - [BAN-27](https://bloomreach.atlassian.net/browse/BAN-27) Update tokens to remove opacity from colors
+ - [BAN-29](https://bloomreach.atlassian.net/browse/BAN-29) Render tokens changes in a table
+ - [BAN-30](https://bloomreach.atlassian.net/browse/BAN-30) Update Node & NPM version in README
+
+### Token changes for base.json
+
+(⭐ = added, ♻ = updated, 🚨 = removed)
+|   | Name | Value |
+|---|------|-------|
+| ⭐ | `blue.100` | `#B3ECFF` |
+| ⭐ | `blue.200` | `#6CDAFE` |
+| ⭐ | `blue.300` | `#23BFF2` |
+| ⭐ | `blue.400` | `#00ACE5` |
+| ⭐ | `blue.700` | `#004866` |
+| ⭐ | `gold.100` | `#FFF1AD` |
+| ⭐ | `gold.200` | `#FFEB85` |
+| ⭐ | `gold.300` | `#FFE45C` |
+| ⭐ | `gold.400` | `#FFDD33` |
+| ⭐ | `gold.700` | `#8C7503` |
+| ⭐ | `green.100` | `#D4FCEB` |
+| ⭐ | `green.200` | `#A9F9D6` |
+| ⭐ | `green.300` | `#7EF6C2` |
+| ⭐ | `green.400` | `#28EA96` |
+| ⭐ | `green.600` | `#0CB069` |
+| ⭐ | `green.700` | `#098650` |
+| ⭐ | `neutral.400` | `#8D9DB9` |
+| ⭐ | `orange.100` | `#FFECD1` |
+| ⭐ | `orange.200` | `#FFD9A3` |
+| ⭐ | `orange.300` | `#FFC675` |
+| ⭐ | `orange.400` | `#FFB347` |
+| ⭐ | `orange.600` | `#EB8900` |
+| ⭐ | `orange.700` | `#BD6E00` |
+| ⭐ | `red.100` | `#FCD9E1` |
+| ⭐ | `red.200` | `#FAB3C2` |
+| ⭐ | `red.300` | `#F78DA4` |
+| ⭐ | `red.400` | `#F35376` |
+| ⭐ | `red.700` | `#AC0C2F` |
+| ♻ | `blue.50` | `#E6F9FF` |
+| ♻ | `blue.500` | `#019ACE` |
+| ♻ | `blue.600` | `#017AA2` |
+| ♻ | `gold.50` | `#FFF8D6` |
+| ♻ | `gold.500` | `#FFD500` |
+| ♻ | `gold.600` | `#E0BB00` |
+| ♻ | `green.50` | `#E7FDF4` |
+| ♻ | `neutral.100` | `#F7F9FC` |
+| ♻ | `neutral.200` | `#E1E8F5` |
+| ♻ | `neutral.300` | `#BDCEE3` |
+| ♻ | `neutral.500` | `#5E739C` |
+| ♻ | `neutral.600` | `#3D506D` |
+| ♻ | `neutral.700` | `#002840` |
+| ♻ | `orange.50` | `#FFF4E5` |
+| ♻ | `red.50` | `#FEECF0` |
+| ♻ | `red.500` | `#F24165` |
+| ♻ | `red.600` | `#F02450` |
+
+### Token changes for theme.json
+
+(⭐ = added, ♻ = updated, 🚨 = removed)
+|   | Name | Value |
+|---|------|-------|
+| ⭐ | `button.tertiary.foreground.disabled` | `#8D9DB9` |
+| ⭐ | `tooltip.background.default` | `#002840` |
+| ⭐ | `tooltip.background.error` | `#F24165` |
+| ⭐ | `tooltip.foreground.icon` | `#5E739C` |
+| ⭐ | `tooltip.foreground.text` | `#FFFFFF` |
+| ♻ | `alert.error.background` | `#FEECF0` |
+| ♻ | `alert.info.background` | `#E6F9FF` |
+| ♻ | `alert.info.foreground` | `#019ACE` |
+| ♻ | `alert.success.background` | `#E7FDF4` |
+| ♻ | `alert.warning.background` | `#FFF4E5` |
+| ♻ | `button.primary.background.default` | `#FFD500` |
+| ♻ | `button.primary.background.disabled` | `#FFE45C` |
+| ♻ | `button.primary.background.hover` | `#FFDD33` |
+| ♻ | `button.primary.background.pressed` | `#E0BB00` |
+| ♻ | `button.primary.border.split` | `#E0BB00` |
+| ♻ | `button.primary-danger.background.disabled` | `#F78DA4` |
+| ♻ | `button.primary-danger.background.hover` | `#F35376` |
+| ♻ | `button.primary-danger.background.pressed` | `#F02450` |
+| ♻ | `button.primary-danger.foreground.disabled` | `#FCD9E1` |
+| ♻ | `button.primary.foreground.default` | `#002840` |
+| ♻ | `button.primary.foreground.disabled` | `#5E739C` |
+| ♻ | `button.secondary.background.clicked` | `#5E739C` |
+| ♻ | `button.secondary.background.default` | `#F7F9FC` |
+| ♻ | `button.secondary.background.disabled` | `#F7F9FC` |
+| ♻ | `button.secondary.background.hover` | `#F7F9FC` |
+| ♻ | `button.secondary.background.pressed` | `#E1E8F5` |
+| ♻ | `button.secondary.border.disabled` | `#E1E8F5` |
+| ♻ | `button.secondary-danger.background.default` | `#FEECF0` |
+| ♻ | `button.secondary-danger.background.disabled` | `#FEECF0` |
+| ♻ | `button.secondary-danger.background.pressed` | `#FCD9E1` |
+| ♻ | `button.secondary-danger.border.disabled` | `#FAB3C2` |
+| ♻ | `button.secondary-danger.border.hover` | `#F02450` |
+| ♻ | `button.secondary-danger.foreground.default` | `#F24165` |
+| ♻ | `button.secondary-danger.foreground.disabled` | `#F78DA4` |
+| ♻ | `button.secondary.foreground.clicked` | `#FFFFFF` |
+| ♻ | `button.secondary.foreground.default` | `#002840` |
+| ♻ | `button.secondary.foreground.disabled` | `#8D9DB9` |
+| ♻ | `button.tertiary.background.hover` | `#E6F9FF` |
+| ♻ | `button.tertiary-danger.background.hover` | `#FEECF0` |
+| ♻ | `button.tertiary-danger.foreground.default` | `#F02450` |
+| ♻ | `button.tertiary.foreground.default` | `#002840` |
+| ♻ | `button.tertiary.foreground.hover-icon` | `#019ACE` |
+| ♻ | `form.input.background.default` | `#FFFFFF` |
+| ♻ | `form.input.background.disabled` | `#E1E8F5` |
+| ♻ | `form.input.border.hover` | `#8D9DB9` |
+| ♻ | `form.input.foreground.input-text` | `#002840` |
+| ♻ | `form.input.foreground.label` | `#3D506D` |
+| ♻ | `form.input.foreground.placeholder` | `#5E739C` |
+| ♻ | `item.background.active` | `#FFF8D6` |
+| ♻ | `item.background.hover` | `#E6F9FF` |
+| ♻ | `item.foreground.disabled` | `#8D9DB9` |
+| ♻ | `nav.background.default` | `#002840` |
+| ♻ | `nav.background.hover` | `#004866` |
+| ♻ | `nav.foreground.active` | `#FFD500` |
+| ♻ | `nav.foreground.default` | `#BDCEE3` |
+| ♻ | `nav.foreground.hover` | `#FFFFFF` |
+| ♻ | `tab.background.hover` | `#E6F9FF` |
+| ♻ | `tab.foreground.disabled` | `#8D9DB9` |
+| ♻ | `table.row.background.active` | `#FFF8D6` |
+| ♻ | `table.row.background.hover` | `#E6F9FF` |
+| ♻ | `text.link` | `#017AA2` |
+| ♻ | `text.negative` | `#F02450` |
+| 🚨 | `button.tertiary.background.default` | `rgba(240, 251, 254, 0.0)` |
+
 ## Banana Theme [v0.0.6](https://code.bloomreach.com/engineering/xm/banana/theme/-/compare/d1726cd1eb585a2c07fc6c3ef72212a658206c80...313a39ef3eaa3fb1362cffdcda6503e7b67bb62b) (2023-08-07)
 
-### [BAN-24](https://bloomreach.atlassian.net/browse/BAN-24) Support Node16/NPM8 and higher
+ - [BAN-24](https://bloomreach.atlassian.net/browse/BAN-24) Support Node16/NPM8 and higher
+ - [BAN-25](https://bloomreach.atlassian.net/browse/BAN-25) Updated dependencies
 
-### [BAN-25](https://bloomreach.atlassian.net/browse/BAN-25) Updated dependencies
-
 ## Banana Theme [v0.0.5](https://code.bloomreach.com/engineering/xm/banana/theme/-/compare/v0.0.4...a4760072bb41136870f35bee610479e3ce201f77) (2023-08-04)
 
-### [BAN-22](https://bloomreach.atlassian.net/browse/BAN-22) Add input helper styles & button-secondary-danger
+ - [BAN-22](https://bloomreach.atlassian.net/browse/BAN-22) Add input helper styles & button-secondary-danger
 
@@ -29,14 +154,9 @@ ### Token changes for theme.json
 
-### [BAN-17](https://bloomreach.atlassian.net/browse/BAN-17) Fix "bold" font-weight value
+ - [BAN-17](https://bloomreach.atlassian.net/browse/BAN-17) Fix "bold" font-weight value
+ - [BAN-9](https://bloomreach.atlassian.net/browse/BAN-9) Export HTML file with all design tokens
+ - [BAN-18](https://bloomreach.atlassian.net/browse/BAN-18) Export a theme CSS file with unresolved values (./dist/css/theme-unresolved.css)
+ - [BAN-15](https://bloomreach.atlassian.net/browse/BAN-15) Add script to generate a changelog
+ - [BAN-13](https://bloomreach.atlassian.net/browse/BAN-13) Add a report of all the token changes to the changelog
+ - [BAN-20](https://bloomreach.atlassian.net/browse/BAN-20) Update tokens for 0.0.4
 
-### [BAN-9](https://bloomreach.atlassian.net/browse/BAN-9) Export HTML file with all design tokens
-
-### [BAN-18](https://bloomreach.atlassian.net/browse/BAN-18) Export a theme CSS file with unresolved values (./dist/css/theme-unresolved.css)
-
-### [BAN-15](https://bloomreach.atlassian.net/browse/BAN-15) Add script to generate a changelog
-
-### [BAN-13](https://bloomreach.atlassian.net/browse/BAN-13) Add a report of all the token changes to the changelog
-
-### [BAN-20](https://bloomreach.atlassian.net/browse/BAN-20) Update tokens for 0.0.4
-
 ### Token changes for theme.json
@@ -43,0 +163,0 @@

dist/json/base.json

@@ -42,7 +42,26 @@ {
   },
+  "blue.100": {
+    "value": "#B3ECFF",
+    "type": "color",
+    "name": "blue-100"
+  },
+  "blue.200": {
+    "value": "#6CDAFE",
+    "type": "color",
+    "name": "blue-200"
+  },
+  "blue.300": {
+    "value": "#23BFF2",
+    "type": "color",
+    "name": "blue-300"
+  },
+  "blue.400": {
+    "value": "#00ACE5",
+    "type": "color",
+    "name": "blue-400"
+  },
   "blue.50": {
-    "value": "#F0FBFE",
+    "value": "#E6F9FF",
     "type": "color",
-    "name": "blue-50",
-    "description": "Active element background"
+    "name": "blue-50"
   },
@@ -52,11 +71,14 @@ "blue.500": {
     "type": "color",
-    "name": "blue-500",
-    "description": "Active elements, such as toggle button & icon hover"
+    "name": "blue-500"
   },
   "blue.600": {
-    "value": "#1379AA",
+    "value": "#017AA2",
     "type": "color",
-    "name": "blue-600",
-    "description": "Inline link buttons"
+    "name": "blue-600"
   },
+  "blue.700": {
+    "value": "#004866",
+    "type": "color",
+    "name": "blue-700"
+  },
   "bold": {
@@ -77,4 +99,24 @@ "value": 600,
   },
+  "gold.100": {
+    "value": "#FFF1AD",
+    "type": "color",
+    "name": "gold-100"
+  },
+  "gold.200": {
+    "value": "#FFEB85",
+    "type": "color",
+    "name": "gold-200"
+  },
+  "gold.300": {
+    "value": "#FFE45C",
+    "type": "color",
+    "name": "gold-300"
+  },
+  "gold.400": {
+    "value": "#FFDD33",
+    "type": "color",
+    "name": "gold-400"
+  },
   "gold.50": {
-    "value": "#FFF8D1",
+    "value": "#FFF8D6",
     "type": "color",
@@ -86,13 +128,36 @@ "name": "gold-50"
     "type": "color",
-    "name": "gold-500",
-    "description": "Primary button color"
+    "name": "gold-500"
   },
   "gold.600": {
-    "value": "#947201",
+    "value": "#E0BB00",
     "type": "color",
-    "name": "gold-600",
-    "description": "Yellow text over light background"
+    "name": "gold-600"
   },
+  "gold.700": {
+    "value": "#8C7503",
+    "type": "color",
+    "name": "gold-700"
+  },
+  "green.100": {
+    "value": "#D4FCEB",
+    "type": "color",
+    "name": "green-100"
+  },
+  "green.200": {
+    "value": "#A9F9D6",
+    "type": "color",
+    "name": "green-200"
+  },
+  "green.300": {
+    "value": "#7EF6C2",
+    "type": "color",
+    "name": "green-300"
+  },
+  "green.400": {
+    "value": "#28EA96",
+    "type": "color",
+    "name": "green-400"
+  },
   "green.50": {
-    "value": "#DEF7EF",
+    "value": "#E7FDF4",
     "type": "color",
@@ -106,2 +171,12 @@ "name": "green-50"
   },
+  "green.600": {
+    "value": "#0CB069",
+    "type": "color",
+    "name": "green-600"
+  },
+  "green.700": {
+    "value": "#098650",
+    "type": "color",
+    "name": "green-700"
+  },
   "h1": {
@@ -155,4 +230,3 @@ "value": "24px",
     "type": "color",
-    "name": "neutral-100",
-    "description": "Highlighted & hover backgrounds"
+    "name": "neutral-100"
   },
@@ -162,4 +236,3 @@ "neutral.200": {
     "type": "color",
-    "name": "neutral-200",
-    "description": "Layout borders of any kind"
+    "name": "neutral-200"
   },
@@ -169,10 +242,13 @@ "neutral.300": {
     "type": "color",
-    "name": "neutral-300",
-    "description": "Inactive toggle button, Input borders etc…"
+    "name": "neutral-300"
   },
+  "neutral.400": {
+    "value": "#8D9DB9",
+    "type": "color",
+    "name": "neutral-400"
+  },
   "neutral.500": {
     "value": "#5E739C",
     "type": "color",
-    "name": "neutral-500",
-    "description": "For placeholders…"
+    "name": "neutral-500"
   },
@@ -182,4 +258,3 @@ "neutral.600": {
     "type": "color",
-    "name": "neutral-600",
-    "description": "For default body text…"
+    "name": "neutral-600"
   },
@@ -189,4 +264,3 @@ "neutral.700": {
     "type": "color",
-    "name": "neutral-700",
-    "description": "For headings, action labels & primary body text."
+    "name": "neutral-700"
   },
@@ -208,4 +282,24 @@ "normal": {
   },
+  "orange.100": {
+    "value": "#FFECD1",
+    "type": "color",
+    "name": "orange-100"
+  },
+  "orange.200": {
+    "value": "#FFD9A3",
+    "type": "color",
+    "name": "orange-200"
+  },
+  "orange.300": {
+    "value": "#FFC675",
+    "type": "color",
+    "name": "orange-300"
+  },
+  "orange.400": {
+    "value": "#FFB347",
+    "type": "color",
+    "name": "orange-400"
+  },
   "orange.50": {
-    "value": "#FFF1DB",
+    "value": "#FFF4E5",
     "type": "color",
@@ -219,7 +313,36 @@ "name": "orange-50"
   },
+  "orange.600": {
+    "value": "#EB8900",
+    "type": "color",
+    "name": "orange-600"
+  },
+  "orange.700": {
+    "value": "#BD6E00",
+    "type": "color",
+    "name": "orange-700"
+  },
+  "red.100": {
+    "value": "#FCD9E1",
+    "type": "color",
+    "name": "red-100"
+  },
+  "red.200": {
+    "value": "#FAB3C2",
+    "type": "color",
+    "name": "red-200"
+  },
+  "red.300": {
+    "value": "#F78DA4",
+    "type": "color",
+    "name": "red-300"
+  },
+  "red.400": {
+    "value": "#F35376",
+    "type": "color",
+    "name": "red-400"
+  },
   "red.50": {
-    "value": "#FFECEC",
+    "value": "#FEECF0",
     "type": "color",
-    "name": "red-50",
-    "description": "Danger inline button hover & Danger message background"
+    "name": "red-50"
   },
@@ -229,11 +352,14 @@ "red.500": {
     "type": "color",
-    "name": "red-500",
-    "description": "Danger inline button hover & Danger message background"
+    "name": "red-500"
   },
   "red.600": {
-    "value": "#D90F44",
+    "value": "#F02450",
     "type": "color",
-    "name": "red-600",
-    "description": "Danger action background or text color"
+    "name": "red-600"
   },
+  "red.700": {
+    "value": "#AC0C2F",
+    "type": "color",
+    "name": "red-700"
+  },
   "small": {
@@ -240,0 +366,0 @@ "value": "14px",

dist/json/theme.json

@@ -38,3 +38,3 @@ {
   "alert.error.background": {
-    "value": "#FFECEC",
+    "value": "#FEECF0",
     "type": "color",
@@ -49,3 +49,3 @@ "name": "alert-error-background"
   "alert.info.background": {
-    "value": "rgba(136, 115, 255, 0.1)",
+    "value": "#E6F9FF",
     "type": "color",
@@ -55,3 +55,3 @@ "name": "alert-info-background"
   "alert.info.foreground": {
-    "value": "#8873FF",
+    "value": "#019ACE",
     "type": "color",
@@ -61,3 +61,3 @@ "name": "alert-info-foreground"
   "alert.success.background": {
-    "value": "#DEF7EF",
+    "value": "#E7FDF4",
     "type": "color",
@@ -72,3 +72,3 @@ "name": "alert-success-background"
   "alert.warning.background": {
-    "value": "#FFF1DB",
+    "value": "#FFF4E5",
     "type": "color",
@@ -124,25 +124,21 @@ "name": "alert-warning-background"
     "type": "color",
-    "name": "button-primary-background-default",
-    "description": "[DEFAULT] Primary button background"
+    "name": "button-primary-background-default"
   },
   "button.primary.background.disabled": {
-    "value": "rgba(255, 213, 0, 0.6)",
+    "value": "#FFE45C",
     "type": "color",
-    "name": "button-primary-background-disabled",
-    "description": "[DISABLED] Primary button background"
+    "name": "button-primary-background-disabled"
   },
   "button.primary.background.hover": {
-    "value": "#FFDF3E",
+    "value": "#FFDD33",
     "type": "color",
-    "name": "button-primary-background-hover",
-    "description": "[HOVER] Primary button background"
+    "name": "button-primary-background-hover"
   },
   "button.primary.background.pressed": {
-    "value": "#E9C40D",
+    "value": "#E0BB00",
     "type": "color",
-    "name": "button-primary-background-pressed",
-    "description": "[PRESSED] Primary button background"
+    "name": "button-primary-background-pressed"
   },
   "button.primary.border.split": {
-    "value": "#E9C40D",
+    "value": "#E0BB00",
     "type": "color",
@@ -157,18 +153,15 @@ "name": "button-primary-border-split"
   "button.primary-danger.background.disabled": {
-    "value": "rgba(242, 65, 101, 0.6)",
+    "value": "#F78DA4",
     "type": "color",
-    "name": "button-primary-danger-background-disabled",
-    "description": "[DISABLED] Danger button background"
+    "name": "button-primary-danger-background-disabled"
   },
   "button.primary-danger.background.hover": {
-    "value": "#FE5073",
+    "value": "#F35376",
     "type": "color",
-    "name": "button-primary-danger-background-hover",
-    "description": "[HOVER] Danger button background"
+    "name": "button-primary-danger-background-hover"
   },
   "button.primary-danger.background.pressed": {
-    "value": "#D23655",
+    "value": "#F02450",
     "type": "color",
-    "name": "button-primary-danger-background-pressed",
-    "description": "[PRESSED] Danger button background"
+    "name": "button-primary-danger-background-pressed"
   },
@@ -181,3 +174,3 @@ "button.primary-danger.foreground.default": {
   "button.primary-danger.foreground.disabled": {
-    "value": "rgba(255, 255, 255, 0.6)",
+    "value": "#FCD9E1",
     "type": "color",
@@ -189,10 +182,8 @@ "name": "button-primary-danger-foreground-disabled"
     "type": "color",
-    "name": "button-primary-foreground-default",
-    "description": "[DEFAULT] Text color for all buttons"
+    "name": "button-primary-foreground-default"
   },
   "button.primary.foreground.disabled": {
-    "value": "rgba(0, 40, 64, 0.6)",
+    "value": "#5E739C",
     "type": "color",
-    "name": "button-primary-foreground-disabled",
-    "description": "[DEFAULT] Text color for all buttons"
+    "name": "button-primary-foreground-disabled"
   },
@@ -202,4 +193,3 @@ "button.secondary.background.clicked": {
     "type": "color",
-    "name": "button-secondary-background-clicked",
-    "description": "[CLICKED] Secondary button background"
+    "name": "button-secondary-background-clicked"
   },
@@ -209,10 +199,8 @@ "button.secondary.background.default": {
     "type": "color",
-    "name": "button-secondary-background-default",
-    "description": "[DEFAULT] Secondary button background"
+    "name": "button-secondary-background-default"
   },
   "button.secondary.background.disabled": {
-    "value": "rgba(247, 249, 252, 0.6)",
+    "value": "#F7F9FC",
     "type": "color",
-    "name": "button-secondary-background-disabled",
-    "description": "[DISABLED] Secondary button background"
+    "name": "button-secondary-background-disabled"
   },
@@ -222,4 +210,3 @@ "button.secondary.background.hover": {
     "type": "color",
-    "name": "button-secondary-background-hover",
-    "description": "[HOVER] Secondary button background"
+    "name": "button-secondary-background-hover"
   },
@@ -229,4 +216,3 @@ "button.secondary.background.pressed": {
     "type": "color",
-    "name": "button-secondary-background-pressed",
-    "description": "[PRESSED] Secondary button background"
+    "name": "button-secondary-background-pressed"
   },
@@ -244,3 +230,3 @@ "button.secondary.border.clicked": {
   "button.secondary.border.disabled": {
-    "value": "rgba(189, 206, 227, 0.6)",
+    "value": "#E1E8F5",
     "type": "color",
@@ -260,18 +246,15 @@ "name": "button-secondary-border-disabled"
   "button.secondary-danger.background.default": {
-    "value": "#FFECEC",
+    "value": "#FEECF0",
     "type": "color",
-    "name": "button-secondary-danger-background-default",
-    "description": "[DEFAULT] Secondary button background"
+    "name": "button-secondary-danger-background-default"
   },
   "button.secondary-danger.background.disabled": {
-    "value": "rgba(255, 236, 236, 0.6)",
+    "value": "#FEECF0",
     "type": "color",
-    "name": "button-secondary-danger-background-disabled",
-    "description": "[DISABLED] Secondary button background"
+    "name": "button-secondary-danger-background-disabled"
   },
   "button.secondary-danger.background.pressed": {
-    "value": "#FFDCDC",
+    "value": "#FCD9E1",
     "type": "color",
-    "name": "button-secondary-danger-background-pressed",
-    "description": "[PRESSED] Secondary button background"
+    "name": "button-secondary-danger-background-pressed"
   },
@@ -284,3 +267,3 @@ "button.secondary-danger.border.default": {
   "button.secondary-danger.border.disabled": {
-    "value": "rgba(242, 65, 101, 0.6)",
+    "value": "#FAB3C2",
     "type": "color",
@@ -290,3 +273,3 @@ "name": "button-secondary-danger-border-disabled"
   "button.secondary-danger.border.hover": {
-    "value": "#D90F44",
+    "value": "#F02450",
     "type": "color",
@@ -303,10 +286,8 @@ "name": "button-secondary-danger-border-hover"
     "type": "color",
-    "name": "button-secondary-danger-foreground-default",
-    "description": "[DEFAULT] Text color for all buttons"
+    "name": "button-secondary-danger-foreground-default"
   },
   "button.secondary-danger.foreground.disabled": {
-    "value": "rgba(242, 65, 101, 0.6)",
+    "value": "#F78DA4",
     "type": "color",
-    "name": "button-secondary-danger-foreground-disabled",
-    "description": "[DISABLED] Text color for secondary button\n"
+    "name": "button-secondary-danger-foreground-disabled"
   },
@@ -316,4 +297,3 @@ "button.secondary.foreground.clicked": {
     "type": "color",
-    "name": "button-secondary-foreground-clicked",
-    "description": "[CLICKED] Text color for secondary button"
+    "name": "button-secondary-foreground-clicked"
   },
@@ -323,31 +303,21 @@ "button.secondary.foreground.default": {
     "type": "color",
-    "name": "button-secondary-foreground-default",
-    "description": "[DEFAULT] Text color for all buttons"
+    "name": "button-secondary-foreground-default"
   },
   "button.secondary.foreground.disabled": {
-    "value": "rgba(0, 40, 64, 0.6)",
+    "value": "#8D9DB9",
     "type": "color",
-    "name": "button-secondary-foreground-disabled",
-    "description": "[DISABLED] Text color for secondary button\n"
+    "name": "button-secondary-foreground-disabled"
   },
-  "button.tertiary.background.default": {
-    "value": "rgba(240, 251, 254, 0.0)",
-    "type": "color",
-    "name": "button-tertiary-background-default",
-    "description": "[DEFAULT] Tertiary button background"
-  },
   "button.tertiary.background.hover": {
-    "value": "#F0FBFE",
+    "value": "#E6F9FF",
     "type": "color",
-    "name": "button-tertiary-background-hover",
-    "description": "[HOVER] Tertiary button background"
+    "name": "button-tertiary-background-hover"
   },
   "button.tertiary-danger.background.hover": {
-    "value": "#FFECEC",
+    "value": "#FEECF0",
     "type": "color",
-    "name": "button-tertiary-danger-background-hover",
-    "description": "[HOVER] Tertiary button background"
+    "name": "button-tertiary-danger-background-hover"
   },
   "button.tertiary-danger.foreground.default": {
-    "value": "#D90F44",
+    "value": "#F02450",
     "type": "color",
@@ -359,10 +329,13 @@ "name": "button-tertiary-danger-foreground-default"
     "type": "color",
-    "name": "button-tertiary-foreground-default",
-    "description": "[DEFAULT] Text color for tertiary button"
+    "name": "button-tertiary-foreground-default"
   },
+  "button.tertiary.foreground.disabled": {
+    "value": "#8D9DB9",
+    "type": "color",
+    "name": "button-tertiary-foreground-disabled"
+  },
   "button.tertiary.foreground.hover-icon": {
     "value": "#019ACE",
     "type": "color",
-    "name": "button-tertiary-foreground-hover-icon",
-    "description": "[DEFAULT] Text color for tertiary button"
+    "name": "button-tertiary-foreground-hover-icon"
   },
@@ -392,4 +365,3 @@ "elevation.+1": {
     "type": "color",
-    "name": "form-input-background-default",
-    "description": "Background of aside element\n"
+    "name": "form-input-background-default"
   },
@@ -399,4 +371,3 @@ "form.input.background.disabled": {
     "type": "color",
-    "name": "form-input-background-disabled",
-    "description": "Background of aside element\n"
+    "name": "form-input-background-disabled"
   },
@@ -414,3 +385,3 @@ "form.input.border.default": {
   "form.input.border.hover": {
-    "value": "#BDCEE3",
+    "value": "#8D9DB9",
     "type": "color",
@@ -422,4 +393,3 @@ "name": "form-input-border-hover"
     "type": "color",
-    "name": "form-input-foreground-input-text",
-    "description": "Input,checkbox,radio & toggle value foreground"
+    "name": "form-input-foreground-input-text"
   },
@@ -429,4 +399,3 @@ "form.input.foreground.label": {
     "type": "color",
-    "name": "form-input-foreground-label",
-    "description": "Input label foreground"
+    "name": "form-input-foreground-label"
   },
@@ -436,4 +405,3 @@ "form.input.foreground.placeholder": {
     "type": "color",
-    "name": "form-input-foreground-placeholder",
-    "description": "Input placeholder foreground"
+    "name": "form-input-foreground-placeholder"
   },
@@ -525,3 +493,3 @@ "form.interactive.background.active": {
   "item.background.active": {
-    "value": "#FFF8D1",
+    "value": "#FFF8D6",
     "type": "color",
@@ -536,3 +504,3 @@ "name": "item-background-active"
   "item.background.hover": {
-    "value": "#F0FBFE",
+    "value": "#E6F9FF",
     "type": "color",
@@ -547,3 +515,3 @@ "name": "item-background-hover"
   "item.foreground.disabled": {
-    "value": "rgba(0, 40, 64, 0.6)",
+    "value": "#8D9DB9",
     "type": "color",
@@ -570,10 +538,8 @@ "name": "item-foreground-disabled"
     "type": "color",
-    "name": "nav-background-default",
-    "description": "Background of main navigation\n"
+    "name": "nav-background-default"
   },
   "nav.background.hover": {
-    "value": "rgba(1, 154, 206, 0.15)",
+    "value": "#004866",
     "type": "color",
-    "name": "nav-background-hover",
-    "description": "Background of main navigation\n"
+    "name": "nav-background-hover"
   },
@@ -588,4 +554,3 @@ "nav.border.active": {
     "type": "color",
-    "name": "nav-foreground-active",
-    "description": "Foreground color of active on main navigation\n"
+    "name": "nav-foreground-active"
   },
@@ -595,4 +560,3 @@ "nav.foreground.default": {
     "type": "color",
-    "name": "nav-foreground-default",
-    "description": "Foreground color of main navigation\n"
+    "name": "nav-foreground-default"
   },
@@ -602,4 +566,3 @@ "nav.foreground.hover": {
     "type": "color",
-    "name": "nav-foreground-hover",
-    "description": "Foreground color of hover on main navigation\n"
+    "name": "nav-foreground-hover"
   },
@@ -662,3 +625,3 @@ "overlay": {
   "tab.background.hover": {
-    "value": "#F0FBFE",
+    "value": "#E6F9FF",
     "type": "color",
@@ -693,3 +656,3 @@ "name": "tab-background-hover"
   "tab.foreground.disabled": {
-    "value": "rgba(61, 80, 109, 0.6)",
+    "value": "#8D9DB9",
     "type": "color",
@@ -714,3 +677,3 @@ "name": "tab-foreground-disabled"
   "table.row.background.active": {
-    "value": "#FFF8D1",
+    "value": "#FFF8D6",
     "type": "color",
@@ -720,3 +683,3 @@ "name": "table-row-background-active"
   "table.row.background.hover": {
-    "value": "#F0FBFE",
+    "value": "#E6F9FF",
     "type": "color",
@@ -746,3 +709,3 @@ "name": "table-row-background-hover"
   "text.link": {
-    "value": "#1379AA",
+    "value": "#017AA2",
     "type": "color",
@@ -752,3 +715,3 @@ "name": "text-link"
   "text.negative": {
-    "value": "#D90F44",
+    "value": "#F02450",
     "type": "color",
@@ -771,3 +734,23 @@ "name": "text-negative"
     "name": "text-warning"
+  },
+  "tooltip.background.default": {
+    "value": "#002840",
+    "type": "color",
+    "name": "tooltip-background-default"
+  },
+  "tooltip.background.error": {
+    "value": "#F24165",
+    "type": "color",
+    "name": "tooltip-background-error"
+  },
+  "tooltip.foreground.icon": {
+    "value": "#5E739C",
+    "type": "color",
+    "name": "tooltip-foreground-icon"
+  },
+  "tooltip.foreground.text": {
+    "value": "#FFFFFF",
+    "type": "color",
+    "name": "tooltip-foreground-text"
   }
 }

package.json

 {
   "name": "@bloomreach/banana-theme",
-  "version": "0.0.6",
+  "version": "0.0.7",
   "description": "Bloomreach Banana Theme",
@@ -5,0 +5,0 @@ "repository": {

README.md

@@ -15,4 +15,4 @@ # Bloomreach Banana Theme
 ### Prerequisites
- - [Node.js](https://nodejs.org/en/) (v18 or higher)
- - [npm](https://www.npmjs.com/) (v9 or higher)
+ - [Node.js](https://nodejs.org/en/) (v16 or higher)
+ - [npm](https://www.npmjs.com/) (v8 or higher)
 
@@ -19,0 +19,0 @@ ### Installation

No alert changes

Improved metrics

Lines of code

1626

increased by11.91%

Worsened metrics

Total package byte prevSize

786502

decreased by-0.06%

No dependency changes