terrier-engine 4.39.0 → 4.39.2

package/package.json

@@ -4,7 +4,7 @@
   "files": [
     "*"
   ],
-  "version": "4.39.0",
+  "version": "4.39.2",
   "repository": {
     "type": "git",
     "url": "https://github.com/Terrier-Tech/terrier-engine"

package/terrier/fragments.ts

@@ -123,7 +123,7 @@ function panelActions(panel: PartTag, actions: PanelActions, theme: Theme) {
                 const levelActions = actions[level]
                 if (!levelActions?.length) continue;
                 actionsContainer.div(`.${level}-actions`, container => {
-                    theme.renderActions(container, levelActions, { iconColor: 'white', defaultClass: level })
+                    theme.renderActions(container, levelActions, { defaultClass: level })
                 })
             }
         })

package/terrier/theme.ts

@@ -35,6 +35,7 @@ export type Action = {
     subtitle?: string
     tooltip?: string
     icon?: IconName
+    color?: ColorName
     img?: string
     href?: string
     classes?: string[]
@@ -90,7 +91,7 @@ export default class Theme {
             actions = [actions]
         }
         for (const action of actions) {
-            let iconColor = options?.iconColor
+            let iconColor = action.color || options?.iconColor
             const attrs = action.tooltip?.length ? {data: {tooltip: action.tooltip}} : {}
             parent.a(attrs, a => {
                 const classes = action.classes || []
@@ -111,6 +112,9 @@ export default class Theme {
                 if (action.subtitle?.length) {
                     a.div('.subtitle', {text: action.subtitle})
                 }
+                if (iconColor?.length) {
+                    a.class(iconColor)
+                }
                 if (!(action.title?.length || action.subtitle?.length)) {
                     a.class('icon-only')
                 }