@k8slens/lds-tokens 0.41.1 → 0.42.0

package/lib/docs/token-map.dark.d.ts

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 05 Aug 2024 14:08:30 GMT
+ * Generated on Thu, 08 Aug 2024 07:34:16 GMT
  */
 
 export type PackageDetails = {

package/lib/docs/token-map.dark.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 05 Aug 2024 14:08:30 GMT
+ * Generated on Thu, 08 Aug 2024 07:34:16 GMT
  */
 
 const tokenMap = {
@@ -1545,6 +1545,7 @@ const tokenMap = {
           "color.blue.500"
         ],
         "inheritedBy": [
+          "color.border.side-nav-item.active.default",
           "alias.color.brand.primary",
           "alias.color.border.focus"
         ]
@@ -1812,6 +1813,8 @@ const tokenMap = {
           "color.red.600"
         ],
         "inheritedBy": [
+          "color.background.side-nav-item.hover.danger",
+          "color.border.side-nav-item.active.danger",
           "alias.color.danger"
         ]
       }
@@ -1972,6 +1975,7 @@ const tokenMap = {
         "color.background.tip.white",
         "color.background.tip-button.important",
         "color.font.side-nav-item.active.danger",
+        "color.font.side-nav-item.hover.danger",
         "color.font.tip.important",
         "color.font.tip-button.default",
         "color.font.tip-button.white",
@@ -2323,10 +2327,12 @@ const tokenMap = {
             "name": "ColorBackgroundSide-nav-itemActiveDefault",
             "code": "$color-background-side-nav-item-active-default",
             "variable": "color-background-side-nav-item-active-default",
-            "value": "hsl(217, 7%, 23%)",
+            "value": "hsla(205.6, 59.7%, 52.4%, 0.2)",
             "attributes": {},
             "inherits": [
-              "alias.color.background.tertiary"
+              "hues.blue.hue",
+              "hues.blue.saturation",
+              "hues.blue.lightness"
             ]
           },
           "danger": {
@@ -2334,10 +2340,38 @@ const tokenMap = {
             "name": "ColorBackgroundSide-nav-itemActiveDanger",
             "code": "$color-background-side-nav-item-active-danger",
             "variable": "color-background-side-nav-item-active-danger",
+            "value": "hsla(359, 60%, 50%, 0.2)",
+            "attributes": {},
+            "inherits": [
+              "hues.red.hue",
+              "hues.red.saturation",
+              "hues.red.lightness"
+            ]
+          }
+        },
+        "hover": {
+          "default": {
+            "path": "color.background.side-nav-item.hover.default",
+            "name": "ColorBackgroundSide-nav-itemHoverDefault",
+            "code": "$color-background-side-nav-item-hover-default",
+            "variable": "color-background-side-nav-item-hover-default",
+            "value": "hsla(205.6, 59.7%, 52.4%, 0.2)",
+            "attributes": {},
+            "inherits": [
+              "hues.blue.hue",
+              "hues.blue.saturation",
+              "hues.blue.lightness"
+            ]
+          },
+          "danger": {
+            "path": "color.background.side-nav-item.hover.danger",
+            "name": "ColorBackgroundSide-nav-itemHoverDanger",
+            "code": "$color-background-side-nav-item-hover-danger",
+            "variable": "color-background-side-nav-item-hover-danger",
             "value": "hsl(359, 60%, 50%)",
             "attributes": {},
             "inherits": [
-              "alias.color.danger"
+              "color.red.default"
             ]
           }
         }
@@ -2836,6 +2870,19 @@ const tokenMap = {
               "color.white"
             ]
           }
+        },
+        "hover": {
+          "danger": {
+            "path": "color.font.side-nav-item.hover.danger",
+            "name": "ColorFontSide-nav-itemHoverDanger",
+            "code": "$color-font-side-nav-item-hover-danger",
+            "variable": "color-font-side-nav-item-hover-danger",
+            "value": "#ffffff",
+            "attributes": {},
+            "inherits": [
+              "color.white"
+            ]
+          }
         }
       },
       "user-menu": {
@@ -3198,6 +3245,32 @@ const tokenMap = {
           "alias.color.border.weak"
         ]
       },
+      "side-nav-item": {
+        "active": {
+          "default": {
+            "path": "color.border.side-nav-item.active.default",
+            "name": "ColorBorderSide-nav-itemActiveDefault",
+            "code": "$color-border-side-nav-item-active-default",
+            "variable": "color-border-side-nav-item-active-default",
+            "value": "hsl(205.6, 59.7%, 52.4%)",
+            "attributes": {},
+            "inherits": [
+              "color.blue.default"
+            ]
+          },
+          "danger": {
+            "path": "color.border.side-nav-item.active.danger",
+            "name": "ColorBorderSide-nav-itemActiveDanger",
+            "code": "$color-border-side-nav-item-active-danger",
+            "variable": "color-border-side-nav-item-active-danger",
+            "value": "hsl(359, 60%, 50%)",
+            "attributes": {},
+            "inherits": [
+              "color.red.default"
+            ]
+          }
+        }
+      },
       "user-menu": {
         "default": {
           "path": "color.border.user-menu.default",
@@ -3272,6 +3345,8 @@ const tokenMap = {
         "inheritedBy": [
           "color.blue.500",
           "color.blue.600",
+          "color.background.side-nav-item.active.default",
+          "color.background.side-nav-item.hover.default",
           "hues.blue-gray.hue"
         ]
       },
@@ -3287,7 +3362,9 @@ const tokenMap = {
         "inherits": [],
         "inheritedBy": [
           "color.blue.500",
-          "color.blue.600"
+          "color.blue.600",
+          "color.background.side-nav-item.active.default",
+          "color.background.side-nav-item.hover.default"
         ]
       },
       "lightness": {
@@ -3301,7 +3378,9 @@ const tokenMap = {
         },
         "inherits": [],
         "inheritedBy": [
-          "color.blue.500"
+          "color.blue.500",
+          "color.background.side-nav-item.active.default",
+          "color.background.side-nav-item.hover.default"
         ]
       }
     },
@@ -3343,7 +3422,8 @@ const tokenMap = {
         "attributes": {},
         "inherits": [],
         "inheritedBy": [
-          "color.red.600"
+          "color.red.600",
+          "color.background.side-nav-item.active.danger"
         ]
       },
       "saturation": {
@@ -3357,7 +3437,8 @@ const tokenMap = {
         },
         "inherits": [],
         "inheritedBy": [
-          "color.red.600"
+          "color.red.600",
+          "color.background.side-nav-item.active.danger"
         ]
       },
       "lightness": {
@@ -3371,7 +3452,8 @@ const tokenMap = {
         },
         "inherits": [],
         "inheritedBy": [
-          "color.red.600"
+          "color.red.600",
+          "color.background.side-nav-item.active.danger"
         ]
       }
     },
@@ -4160,7 +4242,8 @@ const tokenMap = {
         "spacing.lg",
         "spacing.p.block.end",
         "spacing.button-sm-icon.size",
-        "typography.size.lg"
+        "typography.size.lg",
+        "line-height.side-nav-item"
       ]
     },
     "5": {
@@ -4205,7 +4288,8 @@ const tokenMap = {
         "typography.line-height.2xl",
         "typography.heading.line-height.h5",
         "size.avatar-sm.height",
-        "size.avatar-sm.width"
+        "size.avatar-sm.width",
+        "line-height.side-nav-header"
       ]
     },
     "7": {
@@ -4799,8 +4883,7 @@ const tokenMap = {
         "spacing.0-5"
       ],
       "inheritedBy": [
-        "spacing.side-nav-compact.gap",
-        "spacing.side-nav-item.margin.block.end",
+        "spacing.side-nav.gap",
         "spacing.user-menu.label.gap",
         "spacing.form-field.label.padding-inline-start"
       ]
@@ -4847,7 +4930,6 @@ const tokenMap = {
         "spacing.button-xs.padding.x",
         "spacing.button-xs-icon.margin.inline.end",
         "spacing.select.gap",
-        "spacing.side-nav.gap",
         "spacing.user-menu.gap",
         "spacing.user-menu.padding-block",
         "spacing.user-menu-item.gap",
@@ -4874,7 +4956,6 @@ const tokenMap = {
         "spacing.button-icon.margin.inline.end",
         "spacing.input.padding.inline",
         "spacing.select.padding.inline",
-        "spacing.side-nav-item.padding.inline",
         "spacing.user-menu.padding-inline",
         "spacing.user-menu-item.padding-inline"
       ]
@@ -4898,7 +4979,7 @@ const tokenMap = {
         "spacing.button.padding.x",
         "spacing.button-bar.padding.inline",
         "spacing.button-bar.padding.block",
-        "spacing.side-nav-compact-item.padding.inline",
+        "spacing.side-nav-item.padding.inline",
         "line-height.user-menu-username"
       ]
     },
@@ -5493,19 +5574,6 @@ const tokenMap = {
         "name": "SpacingSide-navGap",
         "code": "$spacing-side-nav-gap",
         "variable": "spacing-side-nav-gap",
-        "value": "0.5rem",
-        "attributes": {},
-        "inherits": [
-          "spacing.sm"
-        ]
-      }
-    },
-    "side-nav-compact": {
-      "gap": {
-        "path": "spacing.side-nav-compact.gap",
-        "name": "SpacingSide-nav-compactGap",
-        "code": "$spacing-side-nav-compact-gap",
-        "variable": "spacing-side-nav-compact-gap",
         "value": "0.125rem",
         "attributes": {},
         "inherits": [
@@ -5520,10 +5588,10 @@ const tokenMap = {
           "name": "SpacingSide-nav-itemPaddingInline",
           "code": "$spacing-side-nav-item-padding-inline",
           "variable": "spacing-side-nav-item-padding-inline",
-          "value": "0.75rem",
+          "value": "1rem",
           "attributes": {},
           "inherits": [
-            "spacing.md"
+            "spacing.lg"
           ]
         },
         "block": {
@@ -5545,36 +5613,6 @@ const tokenMap = {
             "name": "SpacingSide-nav-itemMarginBlockEnd",
             "code": "$spacing-side-nav-item-margin-block-end",
             "variable": "spacing-side-nav-item-margin-block-end",
-            "value": "0.125rem",
-            "attributes": {},
-            "inherits": [
-              "spacing.xxs"
-            ]
-          }
-        }
-      }
-    },
-    "side-nav-compact-item": {
-      "padding": {
-        "inline": {
-          "path": "spacing.side-nav-compact-item.padding.inline",
-          "name": "SpacingSide-nav-compact-itemPaddingInline",
-          "code": "$spacing-side-nav-compact-item-padding-inline",
-          "variable": "spacing-side-nav-compact-item-padding-inline",
-          "value": "1rem",
-          "attributes": {},
-          "inherits": [
-            "spacing.lg"
-          ]
-        }
-      },
-      "margin": {
-        "block": {
-          "end": {
-            "path": "spacing.side-nav-compact-item.margin.block.end",
-            "name": "SpacingSide-nav-compact-itemMarginBlockEnd",
-            "code": "$spacing-side-nav-compact-item-margin-block-end",
-            "variable": "spacing-side-nav-compact-item-margin-block-end",
             "value": "0",
             "attributes": {},
             "inherits": []
@@ -5851,6 +5889,7 @@ const tokenMap = {
           "spacing.2-75"
         ],
         "inheritedBy": [
+          "font-size.side-nav-header",
           "font-size.user-menu-item"
         ]
       },
@@ -5890,7 +5929,8 @@ const tokenMap = {
           "typography.heading.size.h3",
           "typography.heading.size.h4",
           "font-size.avatar",
-          "font-size.select"
+          "font-size.select",
+          "font-size.side-nav-item"
         ]
       },
       "lg": {
@@ -6671,7 +6711,6 @@ const tokenMap = {
         ],
         "inheritedBy": [
           "color.background.button.danger.base",
-          "color.background.side-nav-item.active.danger",
           "color.background.user-menu-item.danger-active",
           "color.font.button.danger.discreet",
           "color.font.select-item.invalid",
@@ -6812,7 +6851,6 @@ const tokenMap = {
             "color.blue-gray.230"
           ],
           "inheritedBy": [
-            "color.background.side-nav-item.active.default",
             "color.background.switch.track.inactive",
             "color.background.user-menu-item.header",
             "color.background.user-menu-item.hover"
@@ -7312,6 +7350,28 @@ const tokenMap = {
         "typography.size.base"
       ]
     },
+    "side-nav-header": {
+      "path": "font-size.side-nav-header",
+      "name": "Font-sizeSide-nav-header",
+      "code": "$font-size-side-nav-header",
+      "variable": "font-size-side-nav-header",
+      "value": "0.6875rem",
+      "attributes": {},
+      "inherits": [
+        "typography.size.xs"
+      ]
+    },
+    "side-nav-item": {
+      "path": "font-size.side-nav-item",
+      "name": "Font-sizeSide-nav-item",
+      "code": "$font-size-side-nav-item",
+      "variable": "font-size-side-nav-item",
+      "value": "0.875rem",
+      "attributes": {},
+      "inherits": [
+        "typography.size.base"
+      ]
+    },
     "user-menu-name": {
       "path": "font-size.user-menu-name",
       "name": "Font-sizeUser-menu-name",
@@ -7358,6 +7418,28 @@ const tokenMap = {
         "spacing.xl"
       ]
     },
+    "side-nav-header": {
+      "path": "line-height.side-nav-header",
+      "name": "Line-heightSide-nav-header",
+      "code": "$line-height-side-nav-header",
+      "variable": "line-height-side-nav-header",
+      "value": "1.5rem",
+      "attributes": {},
+      "inherits": [
+        "spacing.6"
+      ]
+    },
+    "side-nav-item": {
+      "path": "line-height.side-nav-item",
+      "name": "Line-heightSide-nav-item",
+      "code": "$line-height-side-nav-item",
+      "variable": "line-height-side-nav-item",
+      "value": "1rem",
+      "attributes": {},
+      "inherits": [
+        "spacing.4"
+      ]
+    },
     "user-menu-username": {
       "path": "line-height.user-menu-username",
       "name": "Line-heightUser-menu-username",

package/lib/docs/token-map.light.d.ts

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 05 Aug 2024 14:08:30 GMT
+ * Generated on Thu, 08 Aug 2024 07:34:17 GMT
  */
 
 export type PackageDetails = {