onecart-ui 0.2.6 → 0.2.8

package/README.md

@@ -118,13 +118,15 @@ function MyComponent() {
 Typography components are available for both web and mobile platforms:
 
 **Web (React):**
+
 ```typescript
-import { Display, Heading, Body, Utility } from 'onecart-ui';
+import { Display, Heading, Body, Utility } from "onecart-ui";
 ```
 
 **Mobile (React Native):**
+
 ```typescript
-import { Display, Heading, Body, Utility } from 'onecart-ui/mobile';
+import { Display, Heading, Body, Utility } from "onecart-ui/mobile";
 ```
 
 #### Display Component

package/dist/index.js

@@ -85,8 +85,14 @@ const UTILITY_LINK_LINE_HEIGHT = "20px";
 const UTILITY_LINK_FONT_SIZE = "14px";
 const UTILITY_LINK_LETTER_SPACING = "0%";
 const UTILITY_LINK_TEXT_DECORATION = "underline";
+const UTILITY_CAPTION_FONT_WEIGHT = "book";
+const UTILITY_CAPTION_LINE_HEIGHT = "16px";
+const UTILITY_CAPTION_FONT_SIZE = "12px";
+const UTILITY_CAPTION_LETTER_SPACING = "0%";
+const UTILITY_CAPTION_TEXT_DECORATION = "none";
 const FONT_FAMILIES_CAMPTON$1 = "Campton";
 const MEDIUM$1 = 500;
+const SEMI_BOLD = 600;
 const BOOK = "book";
 
 // Facade: curated subset of raw Figma tokens for button usage
@@ -4758,7 +4764,8 @@ const Button = ({ label, type = "primary", size = "large", disabled = false, lef
     const getBaseStyles = () => {
         const baseStyle = {
             display: isIconOnly ? "inline-flex" : "flex",
-            width: isIconOnly ? "auto" : fullWidth ? "100%" : "9.375rem",
+            width: fullWidth ? "100%" : "auto",
+            minWidth: isIconOnly ? "auto" : "9.375rem",
             height: size === "large" ? "2.75rem" : size === "medium" ? "2.25rem" : "2rem",
             padding: type === "ghost"
                 ? String(buttonTokens.spacing.none)
@@ -4941,7 +4948,7 @@ const typographyTokens = {
         fontFamily: String(FONT_FAMILIES_CAMPTON$1),
         fontSize: px(DISPLAY_2XL_FONT_SIZE),
         lineHeight: px(DISPLAY_2XL_LINE_HEIGHT),
-        fontWeight: String(MEDIUM$1),
+        fontWeight: String(SEMI_BOLD),
         color: String(NEUTRAL_80$1),
         letterSpacing: String(DISPLAY_2XL_LETTER_SPACING),
         textDecoration: String(DISPLAY_2XL_TEXT_DECORATION),
@@ -4950,7 +4957,7 @@ const typographyTokens = {
         fontFamily: String(FONT_FAMILIES_CAMPTON$1),
         fontSize: px(DISPLAY_XL_FONT_SIZE),
         lineHeight: px(DISPLAY_XL_LINE_HEIGHT),
-        fontWeight: String(MEDIUM$1),
+        fontWeight: String(SEMI_BOLD),
         color: String(NEUTRAL_80$1),
         letterSpacing: String(DISPLAY_XL_LETTER_SPACING),
         textDecoration: String(DISPLAY_XL_TEXT_DECORATION),
@@ -4960,7 +4967,7 @@ const typographyTokens = {
         fontFamily: String(FONT_FAMILIES_CAMPTON$1),
         fontSize: px(HEADING_XL_FONT_SIZE),
         lineHeight: px(HEADING_XL_LINE_HEIGHT),
-        fontWeight: String(MEDIUM$1),
+        fontWeight: String(SEMI_BOLD),
         color: String(NEUTRAL_80$1),
         letterSpacing: String(HEADING_XL_LETTER_SPACING),
         textDecoration: String(HEADING_XL_TEXT_DECORATION),
@@ -4969,7 +4976,7 @@ const typographyTokens = {
         fontFamily: String(FONT_FAMILIES_CAMPTON$1),
         fontSize: px(HEADING_LG_FONT_SIZE),
         lineHeight: px(HEADING_LG_LINE_HEIGHT),
-        fontWeight: String(MEDIUM$1),
+        fontWeight: String(SEMI_BOLD),
         color: String(NEUTRAL_80$1),
         letterSpacing: String(HEADING_LG_LETTER_SPACING),
         textDecoration: String(HEADING_LG_TEXT_DECORATION),
@@ -4978,7 +4985,7 @@ const typographyTokens = {
         fontFamily: String(FONT_FAMILIES_CAMPTON$1),
         fontSize: px(HEADING_MD_FONT_SIZE),
         lineHeight: px(HEADING_MD_LINE_HEIGHT),
-        fontWeight: String(MEDIUM$1),
+        fontWeight: String(SEMI_BOLD),
         color: String(NEUTRAL_80$1),
         letterSpacing: String(HEADING_MD_LETTER_SPACING),
         textDecoration: String(HEADING_MD_TEXT_DECORATION),
@@ -4987,7 +4994,7 @@ const typographyTokens = {
         fontFamily: String(FONT_FAMILIES_CAMPTON$1),
         fontSize: px(HEADING_SM_FONT_SIZE),
         lineHeight: px(HEADING_SM_LINE_HEIGHT),
-        fontWeight: String(MEDIUM$1),
+        fontWeight: String(SEMI_BOLD),
         color: String(NEUTRAL_80$1),
         letterSpacing: String(HEADING_SM_LETTER_SPACING),
         textDecoration: String(HEADING_SM_TEXT_DECORATION),
@@ -4996,7 +5003,7 @@ const typographyTokens = {
         fontFamily: String(FONT_FAMILIES_CAMPTON$1),
         fontSize: px(HEADING_XS_FONT_SIZE),
         lineHeight: px(HEADING_XS_LINE_HEIGHT),
-        fontWeight: String(MEDIUM$1),
+        fontWeight: String(SEMI_BOLD),
         color: String(NEUTRAL_80$1),
         letterSpacing: String(HEADING_XS_LETTER_SPACING),
         textDecoration: String(HEADING_XS_TEXT_DECORATION),
@@ -5005,7 +5012,7 @@ const typographyTokens = {
         fontFamily: String(FONT_FAMILIES_CAMPTON$1),
         fontSize: px(HEADING_2XS_FONT_SIZE),
         lineHeight: px(HEADING_2XS_LINE_HEIGHT),
-        fontWeight: String(MEDIUM$1),
+        fontWeight: String(SEMI_BOLD),
         color: String(NEUTRAL_80$1),
         letterSpacing: String(HEADING_2XS_LETTER_SPACING),
         textDecoration: String(HEADING_2XS_TEXT_DECORATION),
@@ -5068,12 +5075,12 @@ const typographyTokens = {
     },
     labelSm: {
         fontFamily: String(FONT_FAMILIES_CAMPTON$1),
-        fontSize: px(undefined),
-        lineHeight: px(undefined),
-        fontWeight: String(BOOK),
+        fontSize: px(UTILITY_CAPTION_FONT_SIZE),
+        lineHeight: px(UTILITY_CAPTION_LINE_HEIGHT),
+        fontWeight: String(UTILITY_CAPTION_FONT_WEIGHT),
         color: String(NEUTRAL_80$1),
-        letterSpacing: String("0"),
-        textDecoration: String("none"),
+        letterSpacing: String(UTILITY_CAPTION_LETTER_SPACING),
+        textDecoration: String(UTILITY_CAPTION_TEXT_DECORATION),
     },
 };