@k8slens/lds-tokens 0.36.1 → 0.37.0

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 22 May 2024 11:00:27 GMT
+ * Generated on Thu, 23 May 2024 12:27:47 GMT
  */
 
 export type PackageDetails = {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 22 May 2024 11:00:27 GMT
+ * Generated on Thu, 23 May 2024 12:27:47 GMT
  */
 
 const tokenMap = {
@@ -2001,6 +2001,17 @@ const tokenMap = {
           ]
         }
       },
+      "avatar": {
+        "path": "color.background.avatar",
+        "name": "ColorBackgroundAvatar",
+        "code": "$color-background-avatar",
+        "variable": "color-background-avatar",
+        "value": "hsl(210, 9%, 13%)",
+        "attributes": {},
+        "inherits": [
+          "alias.color.background.base"
+        ]
+      },
       "button": {
         "primary": {
           "base": {
@@ -2238,6 +2249,17 @@ const tokenMap = {
       }
     },
     "font": {
+      "avatar": {
+        "path": "color.font.avatar",
+        "name": "ColorFontAvatar",
+        "code": "$color-font-avatar",
+        "variable": "color-font-avatar",
+        "value": "#ffffff",
+        "attributes": {},
+        "inherits": [
+          "alias.color.text.accent"
+        ]
+      },
       "button": {
         "primary": {
           "base": {
@@ -3131,6 +3153,15 @@ const tokenMap = {
         "spacing.6"
       ]
     },
+    "avatar": {
+      "path": "radius.avatar",
+      "name": "RadiusAvatar",
+      "code": "$radius-avatar",
+      "variable": "radius-avatar",
+      "value": "50%",
+      "attributes": {},
+      "inherits": []
+    },
     "button": {
       "path": "radius.button",
       "name": "RadiusButton",
@@ -3601,6 +3632,8 @@ const tokenMap = {
         "spacing.3xl",
         "spacing.input.with-icon.inline.end",
         "typography.size.6xl",
+        "size.avatar.height",
+        "size.avatar.width",
         "size.button.height",
         "size.input.block-size"
       ]
@@ -3745,7 +3778,11 @@ const tokenMap = {
           "spacing.40"
         ]
       },
-      "inherits": []
+      "inherits": [],
+      "inheritedBy": [
+        "size.avatar-xl.height",
+        "size.avatar-xl.width"
+      ]
     },
     "44": {
       "path": "spacing.44",
@@ -4043,7 +4080,11 @@ const tokenMap = {
           "spacing.5.5"
         ]
       },
-      "inherits": []
+      "inherits": [],
+      "inheritedBy": [
+        "size.avatar-sm.height",
+        "size.avatar-sm.width"
+      ]
     },
     "6-5": {
       "path": "spacing.6-5",
@@ -5012,6 +5053,9 @@ const tokenMap = {
         },
         "inherits": [
           "spacing.2"
+        ],
+        "inheritedBy": [
+          "font-size.avatar-sm"
         ]
       },
       "xs": {
@@ -5060,7 +5104,8 @@ const tokenMap = {
         ],
         "inheritedBy": [
           "typography.heading.size.h3",
-          "typography.heading.size.h4"
+          "typography.heading.size.h4",
+          "font-size.avatar"
         ]
       },
       "lg": {
@@ -5143,6 +5188,9 @@ const tokenMap = {
         },
         "inherits": [
           "spacing.8"
+        ],
+        "inheritedBy": [
+          "font-size.avatar-xl"
         ]
       },
       "5xl": {
@@ -5700,6 +5748,7 @@ const tokenMap = {
             "color.white"
           ],
           "inheritedBy": [
+            "color.font.avatar",
             "color.font.input.focus",
             "color.font.side-nav-item.active.default",
             "alias.color.font.table-header.base"
@@ -5903,6 +5952,7 @@ const tokenMap = {
             "color.blue-gray.130"
           ],
           "inheritedBy": [
+            "color.background.avatar",
             "color.background.input.default",
             "color.background.tip.default"
           ]
@@ -6218,6 +6268,78 @@ const tokenMap = {
     }
   },
   "size": {
+    "avatar-sm": {
+      "height": {
+        "path": "size.avatar-sm.height",
+        "name": "SizeAvatar-smHeight",
+        "code": "$size-avatar-sm-height",
+        "variable": "size-avatar-sm-height",
+        "value": "1.375rem",
+        "attributes": {},
+        "inherits": [
+          "spacing.5-5"
+        ]
+      },
+      "width": {
+        "path": "size.avatar-sm.width",
+        "name": "SizeAvatar-smWidth",
+        "code": "$size-avatar-sm-width",
+        "variable": "size-avatar-sm-width",
+        "value": "1.375rem",
+        "attributes": {},
+        "inherits": [
+          "spacing.5-5"
+        ]
+      }
+    },
+    "avatar": {
+      "height": {
+        "path": "size.avatar.height",
+        "name": "SizeAvatarHeight",
+        "code": "$size-avatar-height",
+        "variable": "size-avatar-height",
+        "value": "2.5rem",
+        "attributes": {},
+        "inherits": [
+          "spacing.10"
+        ]
+      },
+      "width": {
+        "path": "size.avatar.width",
+        "name": "SizeAvatarWidth",
+        "code": "$size-avatar-width",
+        "variable": "size-avatar-width",
+        "value": "2.5rem",
+        "attributes": {},
+        "inherits": [
+          "spacing.10"
+        ]
+      }
+    },
+    "avatar-xl": {
+      "height": {
+        "path": "size.avatar-xl.height",
+        "name": "SizeAvatar-xlHeight",
+        "code": "$size-avatar-xl-height",
+        "variable": "size-avatar-xl-height",
+        "value": "10rem",
+        "attributes": {},
+        "inherits": [
+          "spacing.40"
+        ]
+      },
+      "width": {
+        "path": "size.avatar-xl.width",
+        "name": "SizeAvatar-xlWidth",
+        "code": "$size-avatar-xl-width",
+        "variable": "size-avatar-xl-width",
+        "value": "10rem",
+        "attributes": {},
+        "inherits": [
+          "spacing.40"
+        ]
+      }
+    },
     "button": {
       "height": {
         "path": "size.button.height",
@@ -6281,6 +6403,41 @@ const tokenMap = {
         "inherits": []
       }
     }
+  },
+  "font-size": {
+    "avatar-sm": {
+      "path": "font-size.avatar-sm",
+      "name": "Font-sizeAvatar-sm",
+      "code": "$font-size-avatar-sm",
+      "variable": "font-size-avatar-sm",
+      "value": "0.5rem",
+      "attributes": {},
+      "inherits": [
+        "typography.size.xxs"
+      ]
+    },
+    "avatar": {
+      "path": "font-size.avatar",
+      "name": "Font-sizeAvatar",
+      "code": "$font-size-avatar",
+      "variable": "font-size-avatar",
+      "value": "0.875rem",
+      "attributes": {},
+      "inherits": [
+        "typography.size.base"
+      ]
+    },
+    "avatar-xl": {
+      "path": "font-size.avatar-xl",
+      "name": "Font-sizeAvatar-xl",
+      "code": "$font-size-avatar-xl",
+      "variable": "font-size-avatar-xl",
+      "value": "2rem",
+      "attributes": {},
+      "inherits": [
+        "typography.size.4xl"
+      ]
+    }
   }
 };
 export default tokenMap;

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 22 May 2024 11:00:27 GMT
+ * Generated on Thu, 23 May 2024 12:27:47 GMT
  */
 
 export type PackageDetails = {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 22 May 2024 11:00:27 GMT
+ * Generated on Thu, 23 May 2024 12:27:47 GMT
  */
 
 const tokenMap = {
@@ -1991,6 +1991,17 @@ const tokenMap = {
           ]
         }
       },
+      "avatar": {
+        "path": "color.background.avatar",
+        "name": "ColorBackgroundAvatar",
+        "code": "$color-background-avatar",
+        "variable": "color-background-avatar",
+        "value": "hsl(205.6, 13%, 95%)",
+        "attributes": {},
+        "inherits": [
+          "alias.color.background.base"
+        ]
+      },
       "button": {
         "primary": {
           "base": {
@@ -2228,6 +2239,17 @@ const tokenMap = {
       }
     },
     "font": {
+      "avatar": {
+        "path": "color.font.avatar",
+        "name": "ColorFontAvatar",
+        "code": "$color-font-avatar",
+        "variable": "color-font-avatar",
+        "value": "#000000",
+        "attributes": {},
+        "inherits": [
+          "alias.color.text.accent"
+        ]
+      },
       "button": {
         "primary": {
           "base": {
@@ -3121,6 +3143,15 @@ const tokenMap = {
         "spacing.6"
       ]
     },
+    "avatar": {
+      "path": "radius.avatar",
+      "name": "RadiusAvatar",
+      "code": "$radius-avatar",
+      "variable": "radius-avatar",
+      "value": "50%",
+      "attributes": {},
+      "inherits": []
+    },
     "button": {
       "path": "radius.button",
       "name": "RadiusButton",
@@ -3591,6 +3622,8 @@ const tokenMap = {
         "spacing.3xl",
         "spacing.input.with-icon.inline.end",
         "typography.size.6xl",
+        "size.avatar.height",
+        "size.avatar.width",
         "size.button.height",
         "size.input.block-size"
       ]
@@ -3735,7 +3768,11 @@ const tokenMap = {
           "spacing.40"
         ]
       },
-      "inherits": []
+      "inherits": [],
+      "inheritedBy": [
+        "size.avatar-xl.height",
+        "size.avatar-xl.width"
+      ]
     },
     "44": {
       "path": "spacing.44",
@@ -4033,7 +4070,11 @@ const tokenMap = {
           "spacing.5.5"
         ]
       },
-      "inherits": []
+      "inherits": [],
+      "inheritedBy": [
+        "size.avatar-sm.height",
+        "size.avatar-sm.width"
+      ]
     },
     "6-5": {
       "path": "spacing.6-5",
@@ -5002,6 +5043,9 @@ const tokenMap = {
         },
         "inherits": [
           "spacing.2"
+        ],
+        "inheritedBy": [
+          "font-size.avatar-sm"
         ]
       },
       "xs": {
@@ -5050,7 +5094,8 @@ const tokenMap = {
         ],
         "inheritedBy": [
           "typography.heading.size.h3",
-          "typography.heading.size.h4"
+          "typography.heading.size.h4",
+          "font-size.avatar"
         ]
       },
       "lg": {
@@ -5133,6 +5178,9 @@ const tokenMap = {
         },
         "inherits": [
           "spacing.8"
+        ],
+        "inheritedBy": [
+          "font-size.avatar-xl"
         ]
       },
       "5xl": {
@@ -5690,6 +5738,7 @@ const tokenMap = {
             "color.black"
           ],
           "inheritedBy": [
+            "color.font.avatar",
             "color.font.input.focus",
             "color.font.side-nav-item.active.default",
             "alias.color.font.table-header.base"
@@ -5893,6 +5942,7 @@ const tokenMap = {
             "color.blue-gray.950"
           ],
           "inheritedBy": [
+            "color.background.avatar",
             "color.background.input.default",
             "color.background.tip.default"
           ]
@@ -6208,6 +6258,78 @@ const tokenMap = {
     }
   },
   "size": {
+    "avatar-sm": {
+      "height": {
+        "path": "size.avatar-sm.height",
+        "name": "SizeAvatar-smHeight",
+        "code": "$size-avatar-sm-height",
+        "variable": "size-avatar-sm-height",
+        "value": "1.375rem",
+        "attributes": {},
+        "inherits": [
+          "spacing.5-5"
+        ]
+      },
+      "width": {
+        "path": "size.avatar-sm.width",
+        "name": "SizeAvatar-smWidth",
+        "code": "$size-avatar-sm-width",
+        "variable": "size-avatar-sm-width",
+        "value": "1.375rem",
+        "attributes": {},
+        "inherits": [
+          "spacing.5-5"
+        ]
+      }
+    },
+    "avatar": {
+      "height": {
+        "path": "size.avatar.height",
+        "name": "SizeAvatarHeight",
+        "code": "$size-avatar-height",
+        "variable": "size-avatar-height",
+        "value": "2.5rem",
+        "attributes": {},
+        "inherits": [
+          "spacing.10"
+        ]
+      },
+      "width": {
+        "path": "size.avatar.width",
+        "name": "SizeAvatarWidth",
+        "code": "$size-avatar-width",
+        "variable": "size-avatar-width",
+        "value": "2.5rem",
+        "attributes": {},
+        "inherits": [
+          "spacing.10"
+        ]
+      }
+    },
+    "avatar-xl": {
+      "height": {
+        "path": "size.avatar-xl.height",
+        "name": "SizeAvatar-xlHeight",
+        "code": "$size-avatar-xl-height",
+        "variable": "size-avatar-xl-height",
+        "value": "10rem",
+        "attributes": {},
+        "inherits": [
+          "spacing.40"
+        ]
+      },
+      "width": {
+        "path": "size.avatar-xl.width",
+        "name": "SizeAvatar-xlWidth",
+        "code": "$size-avatar-xl-width",
+        "variable": "size-avatar-xl-width",
+        "value": "10rem",
+        "attributes": {},
+        "inherits": [
+          "spacing.40"
+        ]
+      }
+    },
     "button": {
       "height": {
         "path": "size.button.height",
@@ -6271,6 +6393,41 @@ const tokenMap = {
         "inherits": []
       }
     }
+  },
+  "font-size": {
+    "avatar-sm": {
+      "path": "font-size.avatar-sm",
+      "name": "Font-sizeAvatar-sm",
+      "code": "$font-size-avatar-sm",
+      "variable": "font-size-avatar-sm",
+      "value": "0.5rem",
+      "attributes": {},
+      "inherits": [
+        "typography.size.xxs"
+      ]
+    },
+    "avatar": {
+      "path": "font-size.avatar",
+      "name": "Font-sizeAvatar",
+      "code": "$font-size-avatar",
+      "variable": "font-size-avatar",
+      "value": "0.875rem",
+      "attributes": {},
+      "inherits": [
+        "typography.size.base"
+      ]
+    },
+    "avatar-xl": {
+      "path": "font-size.avatar-xl",
+      "name": "Font-sizeAvatar-xl",
+      "code": "$font-size-avatar-xl",
+      "variable": "font-size-avatar-xl",
+      "value": "2rem",
+      "attributes": {},
+      "inherits": [
+        "typography.size.4xl"
+      ]
+    }
   }
 };
 export default tokenMap;

package/lib/electron/font-face.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 22 May 2024 11:00:26 GMT
+ * Generated on Thu, 23 May 2024 12:27:46 GMT
  */
 
 

package/lib/electron/icons/action.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 22 May 2024 11:00:26 GMT
+ * Generated on Thu, 23 May 2024 12:27:46 GMT
  */
 
 

package/lib/electron/icons/base.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 22 May 2024 11:00:26 GMT
+ * Generated on Thu, 23 May 2024 12:27:46 GMT
  */
 
 

package/lib/electron/icons/idp.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 22 May 2024 11:00:26 GMT
+ * Generated on Thu, 23 May 2024 12:27:46 GMT
  */
 
 

package/lib/electron/icons/misc.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 22 May 2024 11:00:26 GMT
+ * Generated on Thu, 23 May 2024 12:27:46 GMT
  */
 
 

package/lib/electron/icons/navigation.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 22 May 2024 11:00:26 GMT
+ * Generated on Thu, 23 May 2024 12:27:46 GMT
  */
 
 

package/lib/electron/images/index.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 22 May 2024 11:00:26 GMT
+ * Generated on Thu, 23 May 2024 12:27:46 GMT
  */
 
 

package/lib/electron/tokens.base.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 22 May 2024 11:00:26 GMT
+ * Generated on Thu, 23 May 2024 12:27:46 GMT
  */
 
 :root {

package/lib/electron/tokens.base.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 22 May 2024 11:00:26 GMT
+ * Generated on Thu, 23 May 2024 12:27:46 GMT
  */
 
 

package/lib/electron/tokens.base.ts

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 22 May 2024 11:00:26 GMT
+ * Generated on Thu, 23 May 2024 12:27:46 GMT
  */
 
 

package/lib/electron/tokens.carousel.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 22 May 2024 11:00:26 GMT
+ * Generated on Thu, 23 May 2024 12:27:46 GMT
  */
 
 :root {

package/lib/electron/tokens.colors.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 22 May 2024 11:00:26 GMT
+ * Generated on Thu, 23 May 2024 12:27:46 GMT
  */
 
 :root {

package/lib/electron/tokens.colors.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 22 May 2024 11:00:26 GMT
+ * Generated on Thu, 23 May 2024 12:27:46 GMT
  */
 
 

package/lib/electron/tokens.colors.ts

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 22 May 2024 11:00:26 GMT
+ * Generated on Thu, 23 May 2024 12:27:46 GMT
  */
 
 

package/lib/electron/tokens.core.css

@@ -1,16 +1,23 @@
 /**
  * Do not edit directly
- * Generated on Wed, 22 May 2024 11:00:26 GMT
+ * Generated on Thu, 23 May 2024 12:27:46 GMT
  */
 
 :root {
   --spacing-switch-thumb-size: 20px;
   --spacing-side-nav-compact-item-margin-block-end: 0;
   --shadow-switch-thumb-focused: 0 0 0 2px var(--alias-color-brand-primary);
+  --radius-avatar: 50%;
   --size-input-block-size: var(--spacing-10);
   --size-button-sm-height: var(--spacing-8);
   --size-button-xs-height: var(--spacing-6-5);
   --size-button-height: var(--spacing-10);
+  --size-avatar-xl-width: var(--spacing-40);
+  --size-avatar-xl-height: var(--spacing-40);
+  --size-avatar-width: var(--spacing-10);
+  --size-avatar-height: var(--spacing-10);
+  --size-avatar-sm-width: var(--spacing-5-5);
+  --size-avatar-sm-height: var(--spacing-5-5);
   --spacing-input-icon-inset-block: var(--spacing-2-5);
   --spacing-input-icon-inset-inline: var(--spacing-2-5);
   --spacing-input-with-icon-inline-end: var(--spacing-10);
@@ -21,6 +28,9 @@
   --spacing-button-xs-padding-y: var(--spacing-1);
   --color-font-side-nav-item-active-danger: var(--color-white);
   --color-background-switch-thumb: var(--color-white);
+  --font-size-avatar-xl: var(--typography-size-4xl);
+  --font-size-avatar: var(--typography-size-base);
+  --font-size-avatar-sm: var(--typography-size-xxs);
   --spacing-side-nav-compact-item-padding-inline: var(--spacing-lg);
   --spacing-side-nav-item-margin-block-end: var(--spacing-xxs);
   --spacing-side-nav-item-padding-block: var(--spacing-xs);
@@ -43,6 +53,7 @@
   --radius-button: var(--radius-default);
   --color-font-side-nav-item-active-default: var(--alias-color-text-accent);
   --color-font-input-focus: var(--alias-color-text-accent);
+  --color-font-avatar: var(--alias-color-text-accent);
   --color-background-switch-thumb-highlight: var(--alias-color-background-highlight-25);
   --spacing-button-bar-gap: var(--spacing-button-bar-padding-block);
   --color-font-button-danger-base: var(--color-blue-gray-900);
@@ -79,4 +90,5 @@
   --color-background-button-ok-base: var(--alias-color-ok);
   --color-background-button-secondary-base: var(--alias-color-background-quarternary);
   --color-background-button-primary-base: var(--alias-color-brand-primary);
+  --color-background-avatar: var(--alias-color-background-base);
 }

package/lib/electron/tokens.dark.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 22 May 2024 11:00:26 GMT
+ * Generated on Thu, 23 May 2024 12:27:45 GMT
  */
 
 :root {

package/lib/electron/tokens.dark.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 22 May 2024 11:00:26 GMT
+ * Generated on Thu, 23 May 2024 12:27:45 GMT
  */
 
 

package/lib/electron/tokens.dark.scoped.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 22 May 2024 11:00:26 GMT
+ * Generated on Thu, 23 May 2024 12:27:45 GMT
  */
 
 html.dark, body.dark {

package/lib/electron/tokens.dark.ts

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 22 May 2024 11:00:26 GMT
+ * Generated on Thu, 23 May 2024 12:27:45 GMT
  */
 
 

package/lib/electron/tokens.form.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 22 May 2024 11:00:26 GMT
+ * Generated on Thu, 23 May 2024 12:27:46 GMT
  */
 
 :root {

package/lib/electron/tokens.light.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 22 May 2024 11:00:26 GMT
+ * Generated on Thu, 23 May 2024 12:27:46 GMT
  */
 
 :root {

package/lib/electron/tokens.light.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 22 May 2024 11:00:26 GMT
+ * Generated on Thu, 23 May 2024 12:27:46 GMT
  */
 
 

package/lib/electron/tokens.light.scoped.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 22 May 2024 11:00:26 GMT
+ * Generated on Thu, 23 May 2024 12:27:46 GMT
  */
 
 html.light, body.light {

package/lib/electron/tokens.light.ts

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 22 May 2024 11:00:26 GMT
+ * Generated on Thu, 23 May 2024 12:27:46 GMT
  */
 
 

package/lib/electron/tokens.tips.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 22 May 2024 11:00:26 GMT
+ * Generated on Thu, 23 May 2024 12:27:46 GMT
  */
 
 :root {

package/lib/web/colors/dark.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 22 May 2024 11:00:26 GMT
+ * Generated on Thu, 23 May 2024 12:27:46 GMT
  */
 
 export const ColorBlue500 = "hsl(205.6, 59.7%, 52.4%)";

package/lib/web/colors/light.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 22 May 2024 11:00:27 GMT
+ * Generated on Thu, 23 May 2024 12:27:46 GMT
  */
 
 export const ColorBlue500 = "hsl(205.6, 59.7%, 52.4%)";

package/lib/web/font-imports.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 22 May 2024 11:00:27 GMT
+ * Generated on Thu, 23 May 2024 12:27:47 GMT
  */
 
 @import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&display=swap");

package/lib/web/icons/action.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 22 May 2024 11:00:27 GMT
+ * Generated on Thu, 23 May 2024 12:27:46 GMT
  */
 
 

package/lib/web/icons/base.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 22 May 2024 11:00:27 GMT
+ * Generated on Thu, 23 May 2024 12:27:46 GMT
  */
 
 

package/lib/web/icons/idp.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 22 May 2024 11:00:27 GMT
+ * Generated on Thu, 23 May 2024 12:27:46 GMT
  */
 
 

package/lib/web/icons/misc.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 22 May 2024 11:00:27 GMT
+ * Generated on Thu, 23 May 2024 12:27:46 GMT
  */
 
 

package/lib/web/icons/navigation.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 22 May 2024 11:00:27 GMT
+ * Generated on Thu, 23 May 2024 12:27:46 GMT
  */
 
 

package/lib/web/images/index.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 22 May 2024 11:00:27 GMT
+ * Generated on Thu, 23 May 2024 12:27:46 GMT
  */
 
 

package/lib/web/tailwind.config.cjs

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 22 May 2024 11:00:27 GMT
+ * Generated on Thu, 23 May 2024 12:27:47 GMT
  */
 
 module.exports = {

package/lib/web/tailwind.config.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 22 May 2024 11:00:27 GMT
+ * Generated on Thu, 23 May 2024 12:27:47 GMT
  */
 
 const config = {

package/lib/web/tokens.base.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 22 May 2024 11:00:27 GMT
+ * Generated on Thu, 23 May 2024 12:27:47 GMT
  */
 
 :root {

package/lib/web/tokens.base.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 22 May 2024 11:00:27 GMT
+ * Generated on Thu, 23 May 2024 12:27:46 GMT
  */
 
 

package/lib/web/tokens.base.ts

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 22 May 2024 11:00:27 GMT
+ * Generated on Thu, 23 May 2024 12:27:46 GMT
  */
 
 

package/lib/web/tokens.carousel.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 22 May 2024 11:00:27 GMT
+ * Generated on Thu, 23 May 2024 12:27:47 GMT
  */
 
 :root {

package/lib/web/tokens.colors.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 22 May 2024 11:00:27 GMT
+ * Generated on Thu, 23 May 2024 12:27:47 GMT
  */
 
 :root {

package/lib/web/tokens.colors.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 22 May 2024 11:00:27 GMT
+ * Generated on Thu, 23 May 2024 12:27:46 GMT
  */
 
 

package/lib/web/tokens.colors.ts

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 22 May 2024 11:00:27 GMT
+ * Generated on Thu, 23 May 2024 12:27:46 GMT
  */
 
 

package/lib/web/tokens.core.css

@@ -1,16 +1,23 @@
 /**
  * Do not edit directly
- * Generated on Wed, 22 May 2024 11:00:27 GMT
+ * Generated on Thu, 23 May 2024 12:27:47 GMT
  */
 
 :root {
   --spacing-switch-thumb-size: 20px;
   --spacing-side-nav-compact-item-margin-block-end: 0;
   --shadow-switch-thumb-focused: 0 0 0 2px var(--alias-color-brand-primary);
+  --radius-avatar: 50%;
   --size-input-block-size: var(--spacing-10);
   --size-button-sm-height: var(--spacing-8);
   --size-button-xs-height: var(--spacing-6-5);
   --size-button-height: var(--spacing-10);
+  --size-avatar-xl-width: var(--spacing-40);
+  --size-avatar-xl-height: var(--spacing-40);
+  --size-avatar-width: var(--spacing-10);
+  --size-avatar-height: var(--spacing-10);
+  --size-avatar-sm-width: var(--spacing-5-5);
+  --size-avatar-sm-height: var(--spacing-5-5);
   --spacing-input-icon-inset-block: var(--spacing-2-5);
   --spacing-input-icon-inset-inline: var(--spacing-2-5);
   --spacing-input-with-icon-inline-end: var(--spacing-10);
@@ -21,6 +28,9 @@
   --spacing-button-xs-padding-y: var(--spacing-1);
   --color-font-side-nav-item-active-danger: var(--color-white);
   --color-background-switch-thumb: var(--color-white);
+  --font-size-avatar-xl: var(--typography-size-4xl);
+  --font-size-avatar: var(--typography-size-base);
+  --font-size-avatar-sm: var(--typography-size-xxs);
   --spacing-side-nav-compact-item-padding-inline: var(--spacing-lg);
   --spacing-side-nav-item-margin-block-end: var(--spacing-xxs);
   --spacing-side-nav-item-padding-block: var(--spacing-xs);
@@ -43,6 +53,7 @@
   --radius-button: var(--radius-default);
   --color-font-side-nav-item-active-default: var(--alias-color-text-accent);
   --color-font-input-focus: var(--alias-color-text-accent);
+  --color-font-avatar: var(--alias-color-text-accent);
   --color-background-switch-thumb-highlight: var(--alias-color-background-highlight-25);
   --spacing-button-bar-gap: var(--spacing-button-bar-padding-block);
   --color-font-button-danger-base: var(--color-blue-gray-900);
@@ -79,4 +90,5 @@
   --color-background-button-ok-base: var(--alias-color-ok);
   --color-background-button-secondary-base: var(--alias-color-background-quarternary);
   --color-background-button-primary-base: var(--alias-color-brand-primary);
+  --color-background-avatar: var(--alias-color-background-base);
 }

package/lib/web/tokens.dark.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 22 May 2024 11:00:27 GMT
+ * Generated on Thu, 23 May 2024 12:27:46 GMT
  */
 
 :root {

package/lib/web/tokens.dark.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 22 May 2024 11:00:26 GMT
+ * Generated on Thu, 23 May 2024 12:27:46 GMT
  */
 
 

package/lib/web/tokens.dark.scoped.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 22 May 2024 11:00:27 GMT
+ * Generated on Thu, 23 May 2024 12:27:46 GMT
  */
 
 html.dark, body.dark {

package/lib/web/tokens.dark.ts

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 22 May 2024 11:00:26 GMT
+ * Generated on Thu, 23 May 2024 12:27:46 GMT
  */
 
 

package/lib/web/tokens.form.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 22 May 2024 11:00:27 GMT
+ * Generated on Thu, 23 May 2024 12:27:47 GMT
  */
 
 :root {

package/lib/web/tokens.light.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 22 May 2024 11:00:27 GMT
+ * Generated on Thu, 23 May 2024 12:27:47 GMT
  */
 
 :root {

package/lib/web/tokens.light.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 22 May 2024 11:00:27 GMT
+ * Generated on Thu, 23 May 2024 12:27:46 GMT
  */
 
 

package/lib/web/tokens.light.scoped.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 22 May 2024 11:00:27 GMT
+ * Generated on Thu, 23 May 2024 12:27:47 GMT
  */
 
 html.light, body.light {

package/lib/web/tokens.light.ts

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 22 May 2024 11:00:27 GMT
+ * Generated on Thu, 23 May 2024 12:27:46 GMT
  */
 
 

package/lib/web/tokens.tips.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 22 May 2024 11:00:27 GMT
+ * Generated on Thu, 23 May 2024 12:27:47 GMT
  */
 
 :root {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@k8slens/lds-tokens",
-  "version": "0.36.1",
+  "version": "0.37.0",
   "description": "Lens Design System – Design Tokens",
   "author": "Mirantis Inc",
   "license": "MIT",
@@ -44,5 +44,5 @@
       "^.+\\.(ts|tsx|js|jsx)$": "ts-jest"
     }
   },
-  "gitHead": "7d40f77fc46db6ba161ef270967a267630fc92fb"
+  "gitHead": "db096c0f4e6e59d190e0633932a273bf6f05e165"
 }