@k8slens/lds-tokens 0.42.3 → 0.43.0

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 13 Aug 2024 07:48:50 GMT
+ * Generated on Fri, 23 Aug 2024 13:22:29 GMT
  */
 
 export type PackageDetails = {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 13 Aug 2024 07:48:50 GMT
+ * Generated on Fri, 23 Aug 2024 13:22:29 GMT
  */
 
 const tokenMap = {
@@ -1468,6 +1468,39 @@ const tokenMap = {
             "iconName": "NightSightAutoIcon"
           },
           "inherits": []
+        },
+        "arrowForward": {
+          "path": "asset.icon.navigation.arrowForward",
+          "name": "AssetIconNavigationArrowForward",
+          "code": "$asset-icon-navigation-arrow-forward",
+          "variable": "asset-icon-navigation-arrow-forward",
+          "value": "../../node_modules/@material-symbols/svg-400/outlined/arrow_forward.svg",
+          "attributes": {},
+          "asset": {
+            "name": "arrowForward",
+            "fileName": "arrowForward.svg",
+            "folder": "../../packages/tokens/lib/web/icons/navigation",
+            "path": "../../packages/tokens/lib/web/icons/navigation/arrowForward.svg",
+            "group": "navigation",
+            "relativePath": "./navigation/arrowForward.svg",
+            "package": "@k8slens/lds-tokens",
+            "importRoot": "@k8slens/lds-tokens/lib/web/icons/",
+            "importPath": "@k8slens/lds-tokens/lib/web/icons/navigation/arrowForward.svg",
+            "source": "./../../node_modules/@material-symbols/svg-400/outlined/arrow_forward.svg"
+          },
+          "react": {
+            "name": "ArrowForward",
+            "fileName": "ArrowForward.tsx",
+            "folder": "../../packages/icons/src/icons/navigation",
+            "path": "../../packages/icons/src/icons/navigation/ArrowForward.tsx",
+            "group": "navigation",
+            "relativePath": "./navigation/ArrowForward.tsx",
+            "package": "@k8slens/lds-icons",
+            "importRoot": "@k8slens/lds-icons/src/icons/",
+            "importPath": "@k8slens/lds-icons/src/icons/navigation/ArrowForward.tsx",
+            "iconName": "ArrowForwardIcon"
+          },
+          "inherits": []
         }
       }
     },
@@ -2241,6 +2274,100 @@ const tokenMap = {
           ]
         }
       },
+      "link-button": {
+        "default": {
+          "path": "color.background.link-button.default",
+          "name": "ColorBackgroundLink-buttonDefault",
+          "code": "$color-background-link-button-default",
+          "variable": "color-background-link-button-default",
+          "value": "hsl(from hsl(205.6, 9%, 20%) h s l / 0.33)",
+          "attributes": {},
+          "inherits": [
+            "alias.color.background.quarternary"
+          ]
+        },
+        "hover": {
+          "path": "color.background.link-button.hover",
+          "name": "ColorBackgroundLink-buttonHover",
+          "code": "$color-background-link-button-hover",
+          "variable": "color-background-link-button-hover",
+          "value": "hsl(205.6, 9%, 20%)",
+          "attributes": {},
+          "inherits": [
+            "alias.color.background.quarternary"
+          ]
+        }
+      },
+      "link-button-arrow": {
+        "path": "color.background.link-button-arrow",
+        "name": "ColorBackgroundLink-button-arrow",
+        "code": "$color-background-link-button-arrow",
+        "variable": "color-background-link-button-arrow",
+        "value": "hsl(217, 9%, 17%)",
+        "attributes": {},
+        "inherits": [
+          "alias.color.background.quinary"
+        ]
+      },
+      "progress-bar": {
+        "track": {
+          "path": "color.background.progress-bar.track",
+          "name": "ColorBackgroundProgress-barTrack",
+          "code": "$color-background-progress-bar-track",
+          "variable": "color-background-progress-bar-track",
+          "value": "hsl(217, 7%, 23%)",
+          "attributes": {},
+          "inherits": [
+            "alias.color.background.tertiary"
+          ]
+        },
+        "bar": {
+          "default": {
+            "path": "color.background.progress-bar.bar.default",
+            "name": "ColorBackgroundProgress-barBarDefault",
+            "code": "$color-background-progress-bar-bar-default",
+            "variable": "color-background-progress-bar-bar-default",
+            "value": "hsl(205.6, 59.7%, 52.4%)",
+            "attributes": {},
+            "inherits": [
+              "alias.color.info"
+            ]
+          },
+          "ok": {
+            "path": "color.background.progress-bar.bar.ok",
+            "name": "ColorBackgroundProgress-barBarOk",
+            "code": "$color-background-progress-bar-bar-ok",
+            "variable": "color-background-progress-bar-bar-ok",
+            "value": "hsl(138, 60%, 40%)",
+            "attributes": {},
+            "inherits": [
+              "alias.color.ok"
+            ]
+          },
+          "caution": {
+            "path": "color.background.progress-bar.bar.caution",
+            "name": "ColorBackgroundProgress-barBarCaution",
+            "code": "$color-background-progress-bar-bar-caution",
+            "variable": "color-background-progress-bar-bar-caution",
+            "value": "hsl(31.81, 100%, 57.84%)",
+            "attributes": {},
+            "inherits": [
+              "alias.color.caution"
+            ]
+          },
+          "danger": {
+            "path": "color.background.progress-bar.bar.danger",
+            "name": "ColorBackgroundProgress-barBarDanger",
+            "code": "$color-background-progress-bar-bar-danger",
+            "variable": "color-background-progress-bar-bar-danger",
+            "value": "hsl(359, 60%, 50%)",
+            "attributes": {},
+            "inherits": [
+              "alias.color.danger"
+            ]
+          }
+        }
+      },
       "select": {
         "default": {
           "path": "color.background.select.default",
@@ -2767,6 +2894,19 @@ const tokenMap = {
           ]
         }
       },
+      "link-button": {
+        "default": {
+          "path": "color.font.link-button.default",
+          "name": "ColorFontLink-buttonDefault",
+          "code": "$color-font-link-button-default",
+          "variable": "color-font-link-button-default",
+          "value": "#ffffff",
+          "attributes": {},
+          "inherits": [
+            "alias.color.text.accent"
+          ]
+        }
+      },
       "select-item": {
         "default": {
           "path": "color.font.select-item.default",
@@ -3177,6 +3317,41 @@ const tokenMap = {
           ]
         }
       },
+      "link-button": {
+        "default": {
+          "path": "color.border.link-button.default",
+          "name": "ColorBorderLink-buttonDefault",
+          "code": "$color-border-link-button-default",
+          "variable": "color-border-link-button-default",
+          "value": "hsl(from hsl(217, 7%, 23%) h s l / 0.33)",
+          "attributes": {},
+          "inherits": [
+            "alias.color.border.weak"
+          ]
+        },
+        "hover": {
+          "path": "color.border.link-button.hover",
+          "name": "ColorBorderLink-buttonHover",
+          "code": "$color-border-link-button-hover",
+          "variable": "color-border-link-button-hover",
+          "value": "hsl(217, 7%, 23%)",
+          "attributes": {},
+          "inherits": [
+            "alias.color.border.weak"
+          ]
+        },
+        "active": {
+          "path": "color.border.link-button.active",
+          "name": "ColorBorderLink-buttonActive",
+          "code": "$color-border-link-button-active",
+          "variable": "color-border-link-button-active",
+          "value": "hsl(205.6, 59.7%, 52.4%)",
+          "attributes": {},
+          "inherits": [
+            "alias.color.brand.primary"
+          ]
+        }
+      },
       "select": {
         "default": {
           "path": "color.border.select.default",
@@ -3894,6 +4069,17 @@ const tokenMap = {
         "radius.md"
       ]
     },
+    "progress-bar": {
+      "path": "radius.progress-bar",
+      "name": "RadiusProgress-bar",
+      "code": "$radius-progress-bar",
+      "variable": "radius-progress-bar",
+      "value": "0.625rem",
+      "attributes": {},
+      "inherits": [
+        "size.progress-bar.block"
+      ]
+    },
     "select": {
       "path": "radius.select",
       "name": "RadiusSelect",
@@ -4050,6 +4236,9 @@ const tokenMap = {
       "inherits": [
         "color.translucent.dark.05",
         "color.translucent.dark.10"
+      ],
+      "inheritedBy": [
+        "shadow.progress-bar"
       ]
     },
     "default": {
@@ -4163,6 +4352,17 @@ const tokenMap = {
         "color.translucent.dark.25"
       ]
     },
+    "progress-bar": {
+      "path": "shadow.progress-bar",
+      "name": "ShadowProgress-bar",
+      "code": "$shadow-progress-bar",
+      "variable": "shadow-progress-bar",
+      "value": "0 0 0 2px rgba(0, 0, 0, .05), 0 0 1px 0 rgba(0, 0, 0, .1)",
+      "attributes": {},
+      "inherits": [
+        "shadow.sm"
+      ]
+    },
     "switch": {
       "thumb": {
         "disabled": {
@@ -4321,7 +4521,10 @@ const tokenMap = {
           "spacing.7"
         ]
       },
-      "inherits": []
+      "inherits": [],
+      "inheritedBy": [
+        "size.link-button.default"
+      ]
     },
     "8": {
       "path": "spacing.8",
@@ -4671,7 +4874,9 @@ const tokenMap = {
       "inherits": [],
       "inheritedBy": [
         "radius.sm",
-        "spacing.xxs"
+        "spacing.xxs",
+        "spacing.link-button.padding.inline-end",
+        "spacing.link-button.padding.block"
       ]
     },
     "0-75": {
@@ -4761,7 +4966,9 @@ const tokenMap = {
       "inheritedBy": [
         "spacing.input-icon.inset.inline",
         "spacing.input-icon.inset.block",
-        "typography.heading.size.h5"
+        "spacing.link-button.gap",
+        "typography.heading.size.h5",
+        "size.progress-bar.block"
       ]
     },
     "2-75": {
@@ -4840,6 +5047,7 @@ const tokenMap = {
       "inherits": [],
       "inheritedBy": [
         "size.button-xs.height",
+        "size.link-button.small",
         "size.user-menu-item.height"
       ]
     },
@@ -4997,6 +5205,7 @@ const tokenMap = {
         "spacing.button.padding.x",
         "spacing.button-bar.padding.inline",
         "spacing.button-bar.padding.block",
+        "spacing.link-button.padding.inline-start",
         "spacing.side-nav-item.padding.inline",
         "line-height.user-menu-username"
       ]
@@ -5560,6 +5769,54 @@ const tokenMap = {
         }
       }
     },
+    "link-button": {
+      "padding": {
+        "inline-start": {
+          "path": "spacing.link-button.padding.inline-start",
+          "name": "SpacingLink-buttonPaddingInline-start",
+          "code": "$spacing-link-button-padding-inline-start",
+          "variable": "spacing-link-button-padding-inline-start",
+          "value": "1rem",
+          "attributes": {},
+          "inherits": [
+            "spacing.lg"
+          ]
+        },
+        "inline-end": {
+          "path": "spacing.link-button.padding.inline-end",
+          "name": "SpacingLink-buttonPaddingInline-end",
+          "code": "$spacing-link-button-padding-inline-end",
+          "variable": "spacing-link-button-padding-inline-end",
+          "value": "0.125rem",
+          "attributes": {},
+          "inherits": [
+            "spacing.0-5"
+          ]
+        },
+        "block": {
+          "path": "spacing.link-button.padding.block",
+          "name": "SpacingLink-buttonPaddingBlock",
+          "code": "$spacing-link-button-padding-block",
+          "variable": "spacing-link-button-padding-block",
+          "value": "0.125rem",
+          "attributes": {},
+          "inherits": [
+            "spacing.0-5"
+          ]
+        }
+      },
+      "gap": {
+        "path": "spacing.link-button.gap",
+        "name": "SpacingLink-buttonGap",
+        "code": "$spacing-link-button-gap",
+        "variable": "spacing-link-button-gap",
+        "value": "0.625rem",
+        "attributes": {},
+        "inherits": [
+          "spacing.2-5"
+        ]
+      }
+    },
     "select": {
       "padding": {
         "inline": {
@@ -5926,6 +6183,7 @@ const tokenMap = {
           "spacing.3"
         ],
         "inheritedBy": [
+          "font-size.link-button.small",
           "font-size.user-menu-username"
         ]
       },
@@ -5947,6 +6205,7 @@ const tokenMap = {
           "typography.heading.size.h3",
           "typography.heading.size.h4",
           "font-size.avatar",
+          "font-size.link-button.default",
           "font-size.select",
           "font-size.side-nav-item"
         ]
@@ -6499,6 +6758,7 @@ const tokenMap = {
             "color.font.button.primary.discreet",
             "color.font.tip-button.important",
             "color.border.button.primary.discreet",
+            "color.border.link-button.active",
             "alias.color.font.link",
             "alias.color.font.table-cell.link"
           ]
@@ -6606,6 +6866,7 @@ const tokenMap = {
           "inheritedBy": [
             "color.font.avatar",
             "color.font.input.focus",
+            "color.font.link-button.default",
             "color.font.select-item.focus",
             "color.font.select-item.selected",
             "color.font.side-nav-item.active.default",
@@ -6634,6 +6895,8 @@ const tokenMap = {
           ],
           "inheritedBy": [
             "color.border.input.default",
+            "color.border.link-button.default",
+            "color.border.link-button.hover",
             "color.border.select.default",
             "color.border.select-dropdown.default",
             "color.border.side-nav-group",
@@ -6729,6 +6992,7 @@ const tokenMap = {
         ],
         "inheritedBy": [
           "color.background.button.danger.base",
+          "color.background.progress-bar.bar.danger",
           "color.background.user-menu-item.danger-active",
           "color.font.button.danger.discreet",
           "color.font.select-item.invalid",
@@ -6756,6 +7020,7 @@ const tokenMap = {
           "color.orange.default"
         ],
         "inheritedBy": [
+          "color.background.progress-bar.bar.caution",
           "color.font.button.caution.discreet",
           "color.border.button.caution.discreet",
           "alias.color.font.table-cell.caution"
@@ -6791,6 +7056,7 @@ const tokenMap = {
         ],
         "inheritedBy": [
           "color.background.button.ok.base",
+          "color.background.progress-bar.bar.ok",
           "color.font.button.ok.discreet",
           "color.border.button.ok.discreet"
         ]
@@ -6808,6 +7074,9 @@ const tokenMap = {
         },
         "inherits": [
           "color.blue.500"
+        ],
+        "inheritedBy": [
+          "color.background.progress-bar.bar.default"
         ]
       },
       "background": {
@@ -6869,6 +7138,7 @@ const tokenMap = {
           ],
           "inheritedBy": [
             "color.background.avatar",
+            "color.background.progress-bar.track",
             "color.background.switch.track.inactive",
             "color.background.user-menu-item.header",
             "color.background.user-menu-item.hover"
@@ -6891,6 +7161,8 @@ const tokenMap = {
           "inheritedBy": [
             "color.background.button.secondary.base",
             "color.background.input.focus",
+            "color.background.link-button.default",
+            "color.background.link-button.hover",
             "color.background.select-item.hover"
           ]
         },
@@ -6909,6 +7181,7 @@ const tokenMap = {
             "color.blue-gray.170"
           ],
           "inheritedBy": [
+            "color.background.link-button-arrow",
             "alias.color.background.block.content"
           ]
         },
@@ -7272,6 +7545,46 @@ const tokenMap = {
         ]
       }
     },
+    "link-button": {
+      "default": {
+        "path": "size.link-button.default",
+        "name": "SizeLink-buttonDefault",
+        "code": "$size-link-button-default",
+        "variable": "size-link-button-default",
+        "value": "1.75rem",
+        "attributes": {},
+        "inherits": [
+          "spacing.7"
+        ]
+      },
+      "small": {
+        "path": "size.link-button.small",
+        "name": "SizeLink-buttonSmall",
+        "code": "$size-link-button-small",
+        "variable": "size-link-button-small",
+        "value": "1.625rem",
+        "attributes": {},
+        "inherits": [
+          "spacing.6-5"
+        ]
+      }
+    },
+    "progress-bar": {
+      "block": {
+        "path": "size.progress-bar.block",
+        "name": "SizeProgress-barBlock",
+        "code": "$size-progress-bar-block",
+        "variable": "size-progress-bar-block",
+        "value": "0.625rem",
+        "attributes": {},
+        "inherits": [
+          "spacing.2-5"
+        ],
+        "inheritedBy": [
+          "radius.progress-bar"
+        ]
+      }
+    },
     "select": {
       "block-size": {
         "path": "size.select.block-size",
@@ -7357,6 +7670,30 @@ const tokenMap = {
         "typography.size.4xl"
       ]
     },
+    "link-button": {
+      "default": {
+        "path": "font-size.link-button.default",
+        "name": "Font-sizeLink-buttonDefault",
+        "code": "$font-size-link-button-default",
+        "variable": "font-size-link-button-default",
+        "value": "0.875rem",
+        "attributes": {},
+        "inherits": [
+          "typography.size.base"
+        ]
+      },
+      "small": {
+        "path": "font-size.link-button.small",
+        "name": "Font-sizeLink-buttonSmall",
+        "code": "$font-size-link-button-small",
+        "variable": "font-size-link-button-small",
+        "value": "0.75rem",
+        "attributes": {},
+        "inherits": [
+          "typography.size.sm"
+        ]
+      }
+    },
     "select": {
       "path": "font-size.select",
       "name": "Font-sizeSelect",

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 13 Aug 2024 07:48:50 GMT
+ * Generated on Fri, 23 Aug 2024 13:22:29 GMT
  */
 
 export type PackageDetails = {