@telepix-lab/telepix-ui 0.6.6 → 0.6.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/dist/cjs/client.js +24 -25
  2. package/dist/cjs/index.js +23 -24
  3. package/dist/cjs/text/types.d.ts +5 -0
  4. package/dist/esm/client.js +24 -25
  5. package/dist/esm/index.js +23 -24
  6. package/dist/esm/text/types.d.ts +5 -0
  7. package/dist/index.d.ts +5 -0
  8. package/package.json +1 -1
package/dist/cjs/client.js CHANGED
@@ -12345,7 +12345,7 @@ const Checkbox = React.forwardRef(({ label, labelClassName, wrapperClassName, ..
12345
12345
  setChecked(value);
12346
12346
  onChange?.(value);
12347
12347
  };
12348
- return (jsxRuntime.jsxs("div", { className: cn("flex items-center gap-2.5 pr-3 pl-1.5 py-1 relative group/state rounded-lg", wrapperClassName), children: [jsxRuntime.jsx(Checkbox$1, { ref: ref, id: id ?? randomId, ...rest, checked: defaultChecked ? checked : isChecked, className: cn("size-4 p-0 cursor-pointer border-transparent bg-transparent", className), onCheckedChange: onCheckedChange, children: renderCheckboxIcon(defaultChecked ? checked : isChecked, disabled) }), jsxRuntime.jsx("label", { className: cn("text-body leading-body-compact text-comp-mono-default font-medium cursor-pointer", disabled && "text-comp-disabled cursor-default", labelClassName), htmlFor: id ?? randomId, "aria-disabled": disabled, children: label }), jsxRuntime.jsx(StateColorContainer, { className: cn("rounded-lg", disabled
12348
+ return (jsxRuntime.jsxs("div", { className: cn("flex items-center gap-2.5 pl-1.5 py-1 relative group/state", !label ? "pr-1.5 rounded-sm" : "pr-3 rounded-lg", wrapperClassName), children: [jsxRuntime.jsx(Checkbox$1, { ref: ref, id: id ?? randomId, ...rest, checked: defaultChecked ? checked : isChecked, className: cn("size-4 p-0 cursor-pointer border-transparent bg-transparent", className), onCheckedChange: onCheckedChange, children: renderCheckboxIcon(defaultChecked ? checked : isChecked, disabled) }), label && (jsxRuntime.jsx("label", { className: cn("text-body leading-body-compact text-comp-mono-default font-medium cursor-pointer", disabled && "text-comp-disabled cursor-default", labelClassName), htmlFor: id ?? randomId, "aria-disabled": disabled, children: label })), jsxRuntime.jsx(StateColorContainer, { className: cn(label ? "rounded-lg" : "rounded-sm", disabled
12349
12349
  ? "bg-fill-default group-hover/state:bg-fill-default group-active/state:bg-fill-default"
12350
12350
  : "") })] }));
12351
12351
  });
@@ -12691,6 +12691,10 @@ const TEXT_VARIANTS = {
12691
12691
  BOLDLABELBOLDCOMPACT: "boldLabelBoldCompact",
12692
12692
  BOLDLABELBOLD: "boldLabelBold",
12693
12693
  BOLDXSMALLBOLD: "boldXSmallBold",
12694
+ SEMIBOLDXLARGESEMIBOLDCOMPACT: "semiBoldXLargeSemiBoldCompact",
12695
+ SEMIBOLDXLARGESEMIBOLD: "semiBoldXLargeSemiBold",
12696
+ SEMIBOLDLARGESEMIBOLDCOMPACT: "semiBoldLargeSemiBoldCompact",
12697
+ SEMIBOLDLARGESEMIBOLD: "semiBoldLargeSemiBold",
12694
12698
  SEMIBOLDBASESEMIBOLDCOMPACT: "semiBoldBaseSemiBoldCompact",
12695
12699
  SEMIBOLDBASESEMIBOLD: "semiBoldBaseSemiBold",
12696
12700
  SEMIBOLDBODYSEMIBOLDCOMPACT: "semiBoldBodySemiBoldCompact",
@@ -12698,6 +12702,7 @@ const TEXT_VARIANTS = {
12698
12702
  SEMIBOLDLABELSEMIBOLDCOMPACT: "semiBoldLabelSemiBoldCompact",
12699
12703
  MED3XLARGEMED: "med3XLargeMed",
12700
12704
  MEDXLARGEMED: "medXLargeMed",
12705
+ MEDLARGEMEDCOMPACT: "medLargeMedCompact",
12701
12706
  MEDLARGEMED: "medLargeMed",
12702
12707
  MEDBASEMEDCOMPACT: "medBaseMedCompact",
12703
12708
  MEDBASEMED: "medBaseMed",
@@ -12807,6 +12812,14 @@ const Text = ({ children, className, size, weight, align, variant = "regularBase
12807
12812
  return "text-label font-bold leading-label";
12808
12813
  case TEXT_VARIANTS.BOLDXSMALLBOLD:
12809
12814
  return "text-xsmall font-bold leading-xsmall";
12815
+ case TEXT_VARIANTS.SEMIBOLDXLARGESEMIBOLDCOMPACT:
12816
+ return "text-xl font-semibold leading-xl-compact";
12817
+ case TEXT_VARIANTS.SEMIBOLDXLARGESEMIBOLD:
12818
+ return "text-xl font-semibold leading-xl";
12819
+ case TEXT_VARIANTS.SEMIBOLDLARGESEMIBOLDCOMPACT:
12820
+ return "text-large font-semibold leading-large-compact";
12821
+ case TEXT_VARIANTS.SEMIBOLDLARGESEMIBOLD:
12822
+ return "text-large font-semibold leading-large";
12810
12823
  case TEXT_VARIANTS.SEMIBOLDBASESEMIBOLDCOMPACT:
12811
12824
  return "text-base font-semibold leading-base-compact";
12812
12825
  case TEXT_VARIANTS.SEMIBOLDBASESEMIBOLD:
@@ -12823,6 +12836,8 @@ const Text = ({ children, className, size, weight, align, variant = "regularBase
12823
12836
  return "text-xl font-medium leading-xl";
12824
12837
  case TEXT_VARIANTS.MEDLARGEMED:
12825
12838
  return "text-large font-medium leading-large";
12839
+ case TEXT_VARIANTS.MEDLARGEMEDCOMPACT:
12840
+ return "text-large font-medium leading-large-compact";
12826
12841
  case TEXT_VARIANTS.MEDBASEMEDCOMPACT:
12827
12842
  return "text-base font-medium leading-base-compact";
12828
12843
  case TEXT_VARIANTS.MEDBASEMED:
@@ -13147,14 +13162,9 @@ const BUTTON_VARIANTS = {
13147
13162
  const Button = React.forwardRef(({ variant = "accent", size = "regular", fullWidth = false, isLoading = false, leftIcon, rightIcon, children, disabled, className, stateContainerClassName, ...rest }, ref) => {
13148
13163
  const getClassName = (size, variant) => {
13149
13164
  const sizeClassName = {
13150
- small: "h-7 py-0 px-1.5 text-label leading-label-compact",
13151
- regular: "h-9 py-0 px-2 text-body leading-body-compact",
13152
- large: "h-12 py-0 px-3 text-body leading-body-compact",
13153
- }[size];
13154
- const thumbnailGhostSizeClassName = {
13155
- small: "px-1",
13156
- regular: "px-1",
13157
- large: "px-1.5",
13165
+ small: "h-7 py-0 px-1 text-label leading-label-compact gap-1",
13166
+ regular: "h-9 py-0 px-2 text-body leading-body-compact gap-1.5",
13167
+ large: "h-12 py-0 px-3 text-body leading-body-compact gap-2",
13158
13168
  }[size];
13159
13169
  const variantClassName = {
13160
13170
  accent: "bg-page-accent-l0 disabled:bg-pure-transparent text-comp-accent-default disabled:text-comp-disabled",
@@ -13168,11 +13178,7 @@ const Button = React.forwardRef(({ variant = "accent", size = "regular", fullWid
13168
13178
  ghost_accent: "bg-page-l-null disabled:bg-page-l-null text-comp-accent-default disabled:text-comp-disabled",
13169
13179
  ghost_dim: "bg-page-l-null disabled:bg-page-l-null text-comp-mono-subtle-default disabled:text-comp-disabled aria-selected:text-comp-mono-default",
13170
13180
  }[variant];
13171
- return [
13172
- sizeClassName,
13173
- variant === "thumbnail_ghost" && thumbnailGhostSizeClassName,
13174
- variantClassName,
13175
- ];
13181
+ return [sizeClassName, variantClassName];
13176
13182
  };
13177
13183
  const getThumbnailSize = (variant, size) => {
13178
13184
  if (variant !== BUTTON_VARIANTS.THUMBNAIL_GHOST) {
@@ -13183,23 +13189,16 @@ const Button = React.forwardRef(({ variant = "accent", size = "regular", fullWid
13183
13189
  return "size-5"; // 기본값은 regular 크기
13184
13190
  }
13185
13191
  if (size === BUTTON_SIZES.LARGE)
13186
- return "size-9";
13192
+ return "size-7";
13187
13193
  if (size === BUTTON_SIZES.SMALL)
13188
13194
  return "size-5";
13189
- return "size-7"; // 기본값은 regular 크기
13190
- };
13191
- const getPaddingOnlyIcon = (size) => {
13192
- if (size === BUTTON_SIZES.LARGE)
13193
- return "px-3";
13194
- if (size === BUTTON_SIZES.SMALL)
13195
- return "px-1.5";
13196
- return "px-2"; // 기본값은 regular 크기
13195
+ return "size-6"; // 기본값은 regular 크기
13197
13196
  };
13198
- return (jsxRuntime.jsxs("button", { ref: ref, disabled: disabled ?? isLoading, className: cn("flex group/state items-center justify-center relative box-border m-0 border-transparent outline-none cursor-pointer select-none align-middle appearance-none text-center transition-normal font-medium w-auto rounded-md overflow-hidden pointer-events-auto disabled:pointer-events-none disabled:cursor-not-allowed", ...getClassName(size, variant), fullWidth && "w-full", !children && (leftIcon || rightIcon) && getPaddingOnlyIcon(size), className), ...rest, children: [jsxRuntime.jsx(StateColorContainer, { isInverted: variant === BUTTON_VARIANTS.ACCENT, className: stateContainerClassName }), isLoading && (jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: cn("lucide lucide-loader-circle-icon lucide-loader-circle absolute animate-spin", size === BUTTON_SIZES.SMALL &&
13197
+ return (jsxRuntime.jsxs("button", { ref: ref, disabled: disabled ?? isLoading, className: cn("flex group/state items-center justify-center relative box-border m-0 border-transparent outline-none cursor-pointer select-none align-middle appearance-none text-center transition-normal font-medium w-auto rounded-md overflow-hidden pointer-events-auto disabled:pointer-events-none disabled:cursor-not-allowed", ...getClassName(size, variant), fullWidth && "w-full", className), ...rest, children: [jsxRuntime.jsx(StateColorContainer, { isInverted: variant === BUTTON_VARIANTS.ACCENT, className: stateContainerClassName }), isLoading && (jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: cn("lucide lucide-loader-circle-icon lucide-loader-circle absolute animate-spin", size === BUTTON_SIZES.SMALL &&
13199
13198
  "size-4 top-[calc(50%-8px)] left-[calc(50%-8px)]", size === BUTTON_SIZES.REGULAR &&
13200
13199
  "size-5 top-[calc(50%-10px)] left-[calc(50%-10px)]", size === BUTTON_SIZES.LARGE &&
13201
13200
  "size-6 top-[calc(50%-12px)] left-[calc(50%-12px)]"), children: jsxRuntime.jsx("path", { d: "M21 12a9 9 0 1 1-6.219-8.56" }) })), leftIcon && (jsxRuntime.jsx("div", { className: cn("flex items-center justify-center relative", variant === BUTTON_VARIANTS.THUMBNAIL_GHOST &&
13202
- "aspect-square [&_img]:rounded-sm", getThumbnailSize(variant, size)), children: leftIcon })), children && (jsxRuntime.jsx("span", { className: "px-2", style: { visibility: isLoading ? "hidden" : "visible" }, children: children })), rightIcon && (jsxRuntime.jsx("div", { className: cn("flex items-center justify-center relative", getThumbnailSize(variant, size)), children: rightIcon }))] }));
13201
+ "aspect-square [&_img]:rounded-sm", getThumbnailSize(variant, size)), children: leftIcon })), children && (jsxRuntime.jsx("div", { className: "flex-1", style: { visibility: isLoading ? "hidden" : "visible" }, children: children })), rightIcon && (jsxRuntime.jsx("div", { className: cn("flex items-center justify-center relative", getThumbnailSize(variant, size)), children: rightIcon }))] }));
13203
13202
  });
13204
13203
  Button.displayName = "Button";
13205
13204
 
package/dist/cjs/index.js CHANGED
@@ -3370,14 +3370,9 @@ const StateColorContainer = ({ groupName = "state", isInverted, className, }) =>
3370
3370
  const Button = react.forwardRef(({ variant = "accent", size = "regular", fullWidth = false, isLoading = false, leftIcon, rightIcon, children, disabled, className, stateContainerClassName, ...rest }, ref) => {
3371
3371
  const getClassName = (size, variant) => {
3372
3372
  const sizeClassName = {
3373
- small: "h-7 py-0 px-1.5 text-label leading-label-compact",
3374
- regular: "h-9 py-0 px-2 text-body leading-body-compact",
3375
- large: "h-12 py-0 px-3 text-body leading-body-compact",
3376
- }[size];
3377
- const thumbnailGhostSizeClassName = {
3378
- small: "px-1",
3379
- regular: "px-1",
3380
- large: "px-1.5",
3373
+ small: "h-7 py-0 px-1 text-label leading-label-compact gap-1",
3374
+ regular: "h-9 py-0 px-2 text-body leading-body-compact gap-1.5",
3375
+ large: "h-12 py-0 px-3 text-body leading-body-compact gap-2",
3381
3376
  }[size];
3382
3377
  const variantClassName = {
3383
3378
  accent: "bg-page-accent-l0 disabled:bg-pure-transparent text-comp-accent-default disabled:text-comp-disabled",
@@ -3391,11 +3386,7 @@ const Button = react.forwardRef(({ variant = "accent", size = "regular", fullWid
3391
3386
  ghost_accent: "bg-page-l-null disabled:bg-page-l-null text-comp-accent-default disabled:text-comp-disabled",
3392
3387
  ghost_dim: "bg-page-l-null disabled:bg-page-l-null text-comp-mono-subtle-default disabled:text-comp-disabled aria-selected:text-comp-mono-default",
3393
3388
  }[variant];
3394
- return [
3395
- sizeClassName,
3396
- variant === "thumbnail_ghost" && thumbnailGhostSizeClassName,
3397
- variantClassName,
3398
- ];
3389
+ return [sizeClassName, variantClassName];
3399
3390
  };
3400
3391
  const getThumbnailSize = (variant, size) => {
3401
3392
  if (variant !== BUTTON_VARIANTS.THUMBNAIL_GHOST) {
@@ -3406,23 +3397,16 @@ const Button = react.forwardRef(({ variant = "accent", size = "regular", fullWid
3406
3397
  return "size-5"; // 기본값은 regular 크기
3407
3398
  }
3408
3399
  if (size === BUTTON_SIZES.LARGE)
3409
- return "size-9";
3400
+ return "size-7";
3410
3401
  if (size === BUTTON_SIZES.SMALL)
3411
3402
  return "size-5";
3412
- return "size-7"; // 기본값은 regular 크기
3413
- };
3414
- const getPaddingOnlyIcon = (size) => {
3415
- if (size === BUTTON_SIZES.LARGE)
3416
- return "px-3";
3417
- if (size === BUTTON_SIZES.SMALL)
3418
- return "px-1.5";
3419
- return "px-2"; // 기본값은 regular 크기
3403
+ return "size-6"; // 기본값은 regular 크기
3420
3404
  };
3421
- return (jsxRuntime.jsxs("button", { ref: ref, disabled: disabled ?? isLoading, className: cn("flex group/state items-center justify-center relative box-border m-0 border-transparent outline-none cursor-pointer select-none align-middle appearance-none text-center transition-normal font-medium w-auto rounded-md overflow-hidden pointer-events-auto disabled:pointer-events-none disabled:cursor-not-allowed", ...getClassName(size, variant), fullWidth && "w-full", !children && (leftIcon || rightIcon) && getPaddingOnlyIcon(size), className), ...rest, children: [jsxRuntime.jsx(StateColorContainer, { isInverted: variant === BUTTON_VARIANTS.ACCENT, className: stateContainerClassName }), isLoading && (jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: cn("lucide lucide-loader-circle-icon lucide-loader-circle absolute animate-spin", size === BUTTON_SIZES.SMALL &&
3405
+ return (jsxRuntime.jsxs("button", { ref: ref, disabled: disabled ?? isLoading, className: cn("flex group/state items-center justify-center relative box-border m-0 border-transparent outline-none cursor-pointer select-none align-middle appearance-none text-center transition-normal font-medium w-auto rounded-md overflow-hidden pointer-events-auto disabled:pointer-events-none disabled:cursor-not-allowed", ...getClassName(size, variant), fullWidth && "w-full", className), ...rest, children: [jsxRuntime.jsx(StateColorContainer, { isInverted: variant === BUTTON_VARIANTS.ACCENT, className: stateContainerClassName }), isLoading && (jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: cn("lucide lucide-loader-circle-icon lucide-loader-circle absolute animate-spin", size === BUTTON_SIZES.SMALL &&
3422
3406
  "size-4 top-[calc(50%-8px)] left-[calc(50%-8px)]", size === BUTTON_SIZES.REGULAR &&
3423
3407
  "size-5 top-[calc(50%-10px)] left-[calc(50%-10px)]", size === BUTTON_SIZES.LARGE &&
3424
3408
  "size-6 top-[calc(50%-12px)] left-[calc(50%-12px)]"), children: jsxRuntime.jsx("path", { d: "M21 12a9 9 0 1 1-6.219-8.56" }) })), leftIcon && (jsxRuntime.jsx("div", { className: cn("flex items-center justify-center relative", variant === BUTTON_VARIANTS.THUMBNAIL_GHOST &&
3425
- "aspect-square [&_img]:rounded-sm", getThumbnailSize(variant, size)), children: leftIcon })), children && (jsxRuntime.jsx("span", { className: "px-2", style: { visibility: isLoading ? "hidden" : "visible" }, children: children })), rightIcon && (jsxRuntime.jsx("div", { className: cn("flex items-center justify-center relative", getThumbnailSize(variant, size)), children: rightIcon }))] }));
3409
+ "aspect-square [&_img]:rounded-sm", getThumbnailSize(variant, size)), children: leftIcon })), children && (jsxRuntime.jsx("div", { className: "flex-1", style: { visibility: isLoading ? "hidden" : "visible" }, children: children })), rightIcon && (jsxRuntime.jsx("div", { className: cn("flex items-center justify-center relative", getThumbnailSize(variant, size)), children: rightIcon }))] }));
3426
3410
  });
3427
3411
  Button.displayName = "Button";
3428
3412
 
@@ -3468,6 +3452,10 @@ const TEXT_VARIANTS = {
3468
3452
  BOLDLABELBOLDCOMPACT: "boldLabelBoldCompact",
3469
3453
  BOLDLABELBOLD: "boldLabelBold",
3470
3454
  BOLDXSMALLBOLD: "boldXSmallBold",
3455
+ SEMIBOLDXLARGESEMIBOLDCOMPACT: "semiBoldXLargeSemiBoldCompact",
3456
+ SEMIBOLDXLARGESEMIBOLD: "semiBoldXLargeSemiBold",
3457
+ SEMIBOLDLARGESEMIBOLDCOMPACT: "semiBoldLargeSemiBoldCompact",
3458
+ SEMIBOLDLARGESEMIBOLD: "semiBoldLargeSemiBold",
3471
3459
  SEMIBOLDBASESEMIBOLDCOMPACT: "semiBoldBaseSemiBoldCompact",
3472
3460
  SEMIBOLDBASESEMIBOLD: "semiBoldBaseSemiBold",
3473
3461
  SEMIBOLDBODYSEMIBOLDCOMPACT: "semiBoldBodySemiBoldCompact",
@@ -3475,6 +3463,7 @@ const TEXT_VARIANTS = {
3475
3463
  SEMIBOLDLABELSEMIBOLDCOMPACT: "semiBoldLabelSemiBoldCompact",
3476
3464
  MED3XLARGEMED: "med3XLargeMed",
3477
3465
  MEDXLARGEMED: "medXLargeMed",
3466
+ MEDLARGEMEDCOMPACT: "medLargeMedCompact",
3478
3467
  MEDLARGEMED: "medLargeMed",
3479
3468
  MEDBASEMEDCOMPACT: "medBaseMedCompact",
3480
3469
  MEDBASEMED: "medBaseMed",
@@ -3584,6 +3573,14 @@ const Text = ({ children, className, size, weight, align, variant = "regularBase
3584
3573
  return "text-label font-bold leading-label";
3585
3574
  case TEXT_VARIANTS.BOLDXSMALLBOLD:
3586
3575
  return "text-xsmall font-bold leading-xsmall";
3576
+ case TEXT_VARIANTS.SEMIBOLDXLARGESEMIBOLDCOMPACT:
3577
+ return "text-xl font-semibold leading-xl-compact";
3578
+ case TEXT_VARIANTS.SEMIBOLDXLARGESEMIBOLD:
3579
+ return "text-xl font-semibold leading-xl";
3580
+ case TEXT_VARIANTS.SEMIBOLDLARGESEMIBOLDCOMPACT:
3581
+ return "text-large font-semibold leading-large-compact";
3582
+ case TEXT_VARIANTS.SEMIBOLDLARGESEMIBOLD:
3583
+ return "text-large font-semibold leading-large";
3587
3584
  case TEXT_VARIANTS.SEMIBOLDBASESEMIBOLDCOMPACT:
3588
3585
  return "text-base font-semibold leading-base-compact";
3589
3586
  case TEXT_VARIANTS.SEMIBOLDBASESEMIBOLD:
@@ -3600,6 +3597,8 @@ const Text = ({ children, className, size, weight, align, variant = "regularBase
3600
3597
  return "text-xl font-medium leading-xl";
3601
3598
  case TEXT_VARIANTS.MEDLARGEMED:
3602
3599
  return "text-large font-medium leading-large";
3600
+ case TEXT_VARIANTS.MEDLARGEMEDCOMPACT:
3601
+ return "text-large font-medium leading-large-compact";
3603
3602
  case TEXT_VARIANTS.MEDBASEMEDCOMPACT:
3604
3603
  return "text-base font-medium leading-base-compact";
3605
3604
  case TEXT_VARIANTS.MEDBASEMED:
package/dist/cjs/text/types.d.ts CHANGED
@@ -43,6 +43,10 @@ export declare const TEXT_VARIANTS: {
43
43
  readonly BOLDLABELBOLDCOMPACT: "boldLabelBoldCompact";
44
44
  readonly BOLDLABELBOLD: "boldLabelBold";
45
45
  readonly BOLDXSMALLBOLD: "boldXSmallBold";
46
+ readonly SEMIBOLDXLARGESEMIBOLDCOMPACT: "semiBoldXLargeSemiBoldCompact";
47
+ readonly SEMIBOLDXLARGESEMIBOLD: "semiBoldXLargeSemiBold";
48
+ readonly SEMIBOLDLARGESEMIBOLDCOMPACT: "semiBoldLargeSemiBoldCompact";
49
+ readonly SEMIBOLDLARGESEMIBOLD: "semiBoldLargeSemiBold";
46
50
  readonly SEMIBOLDBASESEMIBOLDCOMPACT: "semiBoldBaseSemiBoldCompact";
47
51
  readonly SEMIBOLDBASESEMIBOLD: "semiBoldBaseSemiBold";
48
52
  readonly SEMIBOLDBODYSEMIBOLDCOMPACT: "semiBoldBodySemiBoldCompact";
@@ -50,6 +54,7 @@ export declare const TEXT_VARIANTS: {
50
54
  readonly SEMIBOLDLABELSEMIBOLDCOMPACT: "semiBoldLabelSemiBoldCompact";
51
55
  readonly MED3XLARGEMED: "med3XLargeMed";
52
56
  readonly MEDXLARGEMED: "medXLargeMed";
57
+ readonly MEDLARGEMEDCOMPACT: "medLargeMedCompact";
53
58
  readonly MEDLARGEMED: "medLargeMed";
54
59
  readonly MEDBASEMEDCOMPACT: "medBaseMedCompact";
55
60
  readonly MEDBASEMED: "medBaseMed";
package/dist/esm/client.js CHANGED
@@ -12325,7 +12325,7 @@ const Checkbox = forwardRef(({ label, labelClassName, wrapperClassName, ...rest
12325
12325
  setChecked(value);
12326
12326
  onChange?.(value);
12327
12327
  };
12328
- return (jsxs("div", { className: cn("flex items-center gap-2.5 pr-3 pl-1.5 py-1 relative group/state rounded-lg", wrapperClassName), children: [jsx(Checkbox$1, { ref: ref, id: id ?? randomId, ...rest, checked: defaultChecked ? checked : isChecked, className: cn("size-4 p-0 cursor-pointer border-transparent bg-transparent", className), onCheckedChange: onCheckedChange, children: renderCheckboxIcon(defaultChecked ? checked : isChecked, disabled) }), jsx("label", { className: cn("text-body leading-body-compact text-comp-mono-default font-medium cursor-pointer", disabled && "text-comp-disabled cursor-default", labelClassName), htmlFor: id ?? randomId, "aria-disabled": disabled, children: label }), jsx(StateColorContainer, { className: cn("rounded-lg", disabled
12328
+ return (jsxs("div", { className: cn("flex items-center gap-2.5 pl-1.5 py-1 relative group/state", !label ? "pr-1.5 rounded-sm" : "pr-3 rounded-lg", wrapperClassName), children: [jsx(Checkbox$1, { ref: ref, id: id ?? randomId, ...rest, checked: defaultChecked ? checked : isChecked, className: cn("size-4 p-0 cursor-pointer border-transparent bg-transparent", className), onCheckedChange: onCheckedChange, children: renderCheckboxIcon(defaultChecked ? checked : isChecked, disabled) }), label && (jsx("label", { className: cn("text-body leading-body-compact text-comp-mono-default font-medium cursor-pointer", disabled && "text-comp-disabled cursor-default", labelClassName), htmlFor: id ?? randomId, "aria-disabled": disabled, children: label })), jsx(StateColorContainer, { className: cn(label ? "rounded-lg" : "rounded-sm", disabled
12329
12329
  ? "bg-fill-default group-hover/state:bg-fill-default group-active/state:bg-fill-default"
12330
12330
  : "") })] }));
12331
12331
  });
@@ -12671,6 +12671,10 @@ const TEXT_VARIANTS = {
12671
12671
  BOLDLABELBOLDCOMPACT: "boldLabelBoldCompact",
12672
12672
  BOLDLABELBOLD: "boldLabelBold",
12673
12673
  BOLDXSMALLBOLD: "boldXSmallBold",
12674
+ SEMIBOLDXLARGESEMIBOLDCOMPACT: "semiBoldXLargeSemiBoldCompact",
12675
+ SEMIBOLDXLARGESEMIBOLD: "semiBoldXLargeSemiBold",
12676
+ SEMIBOLDLARGESEMIBOLDCOMPACT: "semiBoldLargeSemiBoldCompact",
12677
+ SEMIBOLDLARGESEMIBOLD: "semiBoldLargeSemiBold",
12674
12678
  SEMIBOLDBASESEMIBOLDCOMPACT: "semiBoldBaseSemiBoldCompact",
12675
12679
  SEMIBOLDBASESEMIBOLD: "semiBoldBaseSemiBold",
12676
12680
  SEMIBOLDBODYSEMIBOLDCOMPACT: "semiBoldBodySemiBoldCompact",
@@ -12678,6 +12682,7 @@ const TEXT_VARIANTS = {
12678
12682
  SEMIBOLDLABELSEMIBOLDCOMPACT: "semiBoldLabelSemiBoldCompact",
12679
12683
  MED3XLARGEMED: "med3XLargeMed",
12680
12684
  MEDXLARGEMED: "medXLargeMed",
12685
+ MEDLARGEMEDCOMPACT: "medLargeMedCompact",
12681
12686
  MEDLARGEMED: "medLargeMed",
12682
12687
  MEDBASEMEDCOMPACT: "medBaseMedCompact",
12683
12688
  MEDBASEMED: "medBaseMed",
@@ -12787,6 +12792,14 @@ const Text = ({ children, className, size, weight, align, variant = "regularBase
12787
12792
  return "text-label font-bold leading-label";
12788
12793
  case TEXT_VARIANTS.BOLDXSMALLBOLD:
12789
12794
  return "text-xsmall font-bold leading-xsmall";
12795
+ case TEXT_VARIANTS.SEMIBOLDXLARGESEMIBOLDCOMPACT:
12796
+ return "text-xl font-semibold leading-xl-compact";
12797
+ case TEXT_VARIANTS.SEMIBOLDXLARGESEMIBOLD:
12798
+ return "text-xl font-semibold leading-xl";
12799
+ case TEXT_VARIANTS.SEMIBOLDLARGESEMIBOLDCOMPACT:
12800
+ return "text-large font-semibold leading-large-compact";
12801
+ case TEXT_VARIANTS.SEMIBOLDLARGESEMIBOLD:
12802
+ return "text-large font-semibold leading-large";
12790
12803
  case TEXT_VARIANTS.SEMIBOLDBASESEMIBOLDCOMPACT:
12791
12804
  return "text-base font-semibold leading-base-compact";
12792
12805
  case TEXT_VARIANTS.SEMIBOLDBASESEMIBOLD:
@@ -12803,6 +12816,8 @@ const Text = ({ children, className, size, weight, align, variant = "regularBase
12803
12816
  return "text-xl font-medium leading-xl";
12804
12817
  case TEXT_VARIANTS.MEDLARGEMED:
12805
12818
  return "text-large font-medium leading-large";
12819
+ case TEXT_VARIANTS.MEDLARGEMEDCOMPACT:
12820
+ return "text-large font-medium leading-large-compact";
12806
12821
  case TEXT_VARIANTS.MEDBASEMEDCOMPACT:
12807
12822
  return "text-base font-medium leading-base-compact";
12808
12823
  case TEXT_VARIANTS.MEDBASEMED:
@@ -13127,14 +13142,9 @@ const BUTTON_VARIANTS = {
13127
13142
  const Button = forwardRef(({ variant = "accent", size = "regular", fullWidth = false, isLoading = false, leftIcon, rightIcon, children, disabled, className, stateContainerClassName, ...rest }, ref) => {
13128
13143
  const getClassName = (size, variant) => {
13129
13144
  const sizeClassName = {
13130
- small: "h-7 py-0 px-1.5 text-label leading-label-compact",
13131
- regular: "h-9 py-0 px-2 text-body leading-body-compact",
13132
- large: "h-12 py-0 px-3 text-body leading-body-compact",
13133
- }[size];
13134
- const thumbnailGhostSizeClassName = {
13135
- small: "px-1",
13136
- regular: "px-1",
13137
- large: "px-1.5",
13145
+ small: "h-7 py-0 px-1 text-label leading-label-compact gap-1",
13146
+ regular: "h-9 py-0 px-2 text-body leading-body-compact gap-1.5",
13147
+ large: "h-12 py-0 px-3 text-body leading-body-compact gap-2",
13138
13148
  }[size];
13139
13149
  const variantClassName = {
13140
13150
  accent: "bg-page-accent-l0 disabled:bg-pure-transparent text-comp-accent-default disabled:text-comp-disabled",
@@ -13148,11 +13158,7 @@ const Button = forwardRef(({ variant = "accent", size = "regular", fullWidth = f
13148
13158
  ghost_accent: "bg-page-l-null disabled:bg-page-l-null text-comp-accent-default disabled:text-comp-disabled",
13149
13159
  ghost_dim: "bg-page-l-null disabled:bg-page-l-null text-comp-mono-subtle-default disabled:text-comp-disabled aria-selected:text-comp-mono-default",
13150
13160
  }[variant];
13151
- return [
13152
- sizeClassName,
13153
- variant === "thumbnail_ghost" && thumbnailGhostSizeClassName,
13154
- variantClassName,
13155
- ];
13161
+ return [sizeClassName, variantClassName];
13156
13162
  };
13157
13163
  const getThumbnailSize = (variant, size) => {
13158
13164
  if (variant !== BUTTON_VARIANTS.THUMBNAIL_GHOST) {
@@ -13163,23 +13169,16 @@ const Button = forwardRef(({ variant = "accent", size = "regular", fullWidth = f
13163
13169
  return "size-5"; // 기본값은 regular 크기
13164
13170
  }
13165
13171
  if (size === BUTTON_SIZES.LARGE)
13166
- return "size-9";
13172
+ return "size-7";
13167
13173
  if (size === BUTTON_SIZES.SMALL)
13168
13174
  return "size-5";
13169
- return "size-7"; // 기본값은 regular 크기
13170
- };
13171
- const getPaddingOnlyIcon = (size) => {
13172
- if (size === BUTTON_SIZES.LARGE)
13173
- return "px-3";
13174
- if (size === BUTTON_SIZES.SMALL)
13175
- return "px-1.5";
13176
- return "px-2"; // 기본값은 regular 크기
13175
+ return "size-6"; // 기본값은 regular 크기
13177
13176
  };
13178
- return (jsxs("button", { ref: ref, disabled: disabled ?? isLoading, className: cn("flex group/state items-center justify-center relative box-border m-0 border-transparent outline-none cursor-pointer select-none align-middle appearance-none text-center transition-normal font-medium w-auto rounded-md overflow-hidden pointer-events-auto disabled:pointer-events-none disabled:cursor-not-allowed", ...getClassName(size, variant), fullWidth && "w-full", !children && (leftIcon || rightIcon) && getPaddingOnlyIcon(size), className), ...rest, children: [jsx(StateColorContainer, { isInverted: variant === BUTTON_VARIANTS.ACCENT, className: stateContainerClassName }), isLoading && (jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: cn("lucide lucide-loader-circle-icon lucide-loader-circle absolute animate-spin", size === BUTTON_SIZES.SMALL &&
13177
+ return (jsxs("button", { ref: ref, disabled: disabled ?? isLoading, className: cn("flex group/state items-center justify-center relative box-border m-0 border-transparent outline-none cursor-pointer select-none align-middle appearance-none text-center transition-normal font-medium w-auto rounded-md overflow-hidden pointer-events-auto disabled:pointer-events-none disabled:cursor-not-allowed", ...getClassName(size, variant), fullWidth && "w-full", className), ...rest, children: [jsx(StateColorContainer, { isInverted: variant === BUTTON_VARIANTS.ACCENT, className: stateContainerClassName }), isLoading && (jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: cn("lucide lucide-loader-circle-icon lucide-loader-circle absolute animate-spin", size === BUTTON_SIZES.SMALL &&
13179
13178
  "size-4 top-[calc(50%-8px)] left-[calc(50%-8px)]", size === BUTTON_SIZES.REGULAR &&
13180
13179
  "size-5 top-[calc(50%-10px)] left-[calc(50%-10px)]", size === BUTTON_SIZES.LARGE &&
13181
13180
  "size-6 top-[calc(50%-12px)] left-[calc(50%-12px)]"), children: jsx("path", { d: "M21 12a9 9 0 1 1-6.219-8.56" }) })), leftIcon && (jsx("div", { className: cn("flex items-center justify-center relative", variant === BUTTON_VARIANTS.THUMBNAIL_GHOST &&
13182
- "aspect-square [&_img]:rounded-sm", getThumbnailSize(variant, size)), children: leftIcon })), children && (jsx("span", { className: "px-2", style: { visibility: isLoading ? "hidden" : "visible" }, children: children })), rightIcon && (jsx("div", { className: cn("flex items-center justify-center relative", getThumbnailSize(variant, size)), children: rightIcon }))] }));
13181
+ "aspect-square [&_img]:rounded-sm", getThumbnailSize(variant, size)), children: leftIcon })), children && (jsx("div", { className: "flex-1", style: { visibility: isLoading ? "hidden" : "visible" }, children: children })), rightIcon && (jsx("div", { className: cn("flex items-center justify-center relative", getThumbnailSize(variant, size)), children: rightIcon }))] }));
13183
13182
  });
13184
13183
  Button.displayName = "Button";
13185
13184
 
package/dist/esm/index.js CHANGED
@@ -3368,14 +3368,9 @@ const StateColorContainer = ({ groupName = "state", isInverted, className, }) =>
3368
3368
  const Button = forwardRef(({ variant = "accent", size = "regular", fullWidth = false, isLoading = false, leftIcon, rightIcon, children, disabled, className, stateContainerClassName, ...rest }, ref) => {
3369
3369
  const getClassName = (size, variant) => {
3370
3370
  const sizeClassName = {
3371
- small: "h-7 py-0 px-1.5 text-label leading-label-compact",
3372
- regular: "h-9 py-0 px-2 text-body leading-body-compact",
3373
- large: "h-12 py-0 px-3 text-body leading-body-compact",
3374
- }[size];
3375
- const thumbnailGhostSizeClassName = {
3376
- small: "px-1",
3377
- regular: "px-1",
3378
- large: "px-1.5",
3371
+ small: "h-7 py-0 px-1 text-label leading-label-compact gap-1",
3372
+ regular: "h-9 py-0 px-2 text-body leading-body-compact gap-1.5",
3373
+ large: "h-12 py-0 px-3 text-body leading-body-compact gap-2",
3379
3374
  }[size];
3380
3375
  const variantClassName = {
3381
3376
  accent: "bg-page-accent-l0 disabled:bg-pure-transparent text-comp-accent-default disabled:text-comp-disabled",
@@ -3389,11 +3384,7 @@ const Button = forwardRef(({ variant = "accent", size = "regular", fullWidth = f
3389
3384
  ghost_accent: "bg-page-l-null disabled:bg-page-l-null text-comp-accent-default disabled:text-comp-disabled",
3390
3385
  ghost_dim: "bg-page-l-null disabled:bg-page-l-null text-comp-mono-subtle-default disabled:text-comp-disabled aria-selected:text-comp-mono-default",
3391
3386
  }[variant];
3392
- return [
3393
- sizeClassName,
3394
- variant === "thumbnail_ghost" && thumbnailGhostSizeClassName,
3395
- variantClassName,
3396
- ];
3387
+ return [sizeClassName, variantClassName];
3397
3388
  };
3398
3389
  const getThumbnailSize = (variant, size) => {
3399
3390
  if (variant !== BUTTON_VARIANTS.THUMBNAIL_GHOST) {
@@ -3404,23 +3395,16 @@ const Button = forwardRef(({ variant = "accent", size = "regular", fullWidth = f
3404
3395
  return "size-5"; // 기본값은 regular 크기
3405
3396
  }
3406
3397
  if (size === BUTTON_SIZES.LARGE)
3407
- return "size-9";
3398
+ return "size-7";
3408
3399
  if (size === BUTTON_SIZES.SMALL)
3409
3400
  return "size-5";
3410
- return "size-7"; // 기본값은 regular 크기
3411
- };
3412
- const getPaddingOnlyIcon = (size) => {
3413
- if (size === BUTTON_SIZES.LARGE)
3414
- return "px-3";
3415
- if (size === BUTTON_SIZES.SMALL)
3416
- return "px-1.5";
3417
- return "px-2"; // 기본값은 regular 크기
3401
+ return "size-6"; // 기본값은 regular 크기
3418
3402
  };
3419
- return (jsxs("button", { ref: ref, disabled: disabled ?? isLoading, className: cn("flex group/state items-center justify-center relative box-border m-0 border-transparent outline-none cursor-pointer select-none align-middle appearance-none text-center transition-normal font-medium w-auto rounded-md overflow-hidden pointer-events-auto disabled:pointer-events-none disabled:cursor-not-allowed", ...getClassName(size, variant), fullWidth && "w-full", !children && (leftIcon || rightIcon) && getPaddingOnlyIcon(size), className), ...rest, children: [jsx(StateColorContainer, { isInverted: variant === BUTTON_VARIANTS.ACCENT, className: stateContainerClassName }), isLoading && (jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: cn("lucide lucide-loader-circle-icon lucide-loader-circle absolute animate-spin", size === BUTTON_SIZES.SMALL &&
3403
+ return (jsxs("button", { ref: ref, disabled: disabled ?? isLoading, className: cn("flex group/state items-center justify-center relative box-border m-0 border-transparent outline-none cursor-pointer select-none align-middle appearance-none text-center transition-normal font-medium w-auto rounded-md overflow-hidden pointer-events-auto disabled:pointer-events-none disabled:cursor-not-allowed", ...getClassName(size, variant), fullWidth && "w-full", className), ...rest, children: [jsx(StateColorContainer, { isInverted: variant === BUTTON_VARIANTS.ACCENT, className: stateContainerClassName }), isLoading && (jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: cn("lucide lucide-loader-circle-icon lucide-loader-circle absolute animate-spin", size === BUTTON_SIZES.SMALL &&
3420
3404
  "size-4 top-[calc(50%-8px)] left-[calc(50%-8px)]", size === BUTTON_SIZES.REGULAR &&
3421
3405
  "size-5 top-[calc(50%-10px)] left-[calc(50%-10px)]", size === BUTTON_SIZES.LARGE &&
3422
3406
  "size-6 top-[calc(50%-12px)] left-[calc(50%-12px)]"), children: jsx("path", { d: "M21 12a9 9 0 1 1-6.219-8.56" }) })), leftIcon && (jsx("div", { className: cn("flex items-center justify-center relative", variant === BUTTON_VARIANTS.THUMBNAIL_GHOST &&
3423
- "aspect-square [&_img]:rounded-sm", getThumbnailSize(variant, size)), children: leftIcon })), children && (jsx("span", { className: "px-2", style: { visibility: isLoading ? "hidden" : "visible" }, children: children })), rightIcon && (jsx("div", { className: cn("flex items-center justify-center relative", getThumbnailSize(variant, size)), children: rightIcon }))] }));
3407
+ "aspect-square [&_img]:rounded-sm", getThumbnailSize(variant, size)), children: leftIcon })), children && (jsx("div", { className: "flex-1", style: { visibility: isLoading ? "hidden" : "visible" }, children: children })), rightIcon && (jsx("div", { className: cn("flex items-center justify-center relative", getThumbnailSize(variant, size)), children: rightIcon }))] }));
3424
3408
  });
3425
3409
  Button.displayName = "Button";
3426
3410
 
@@ -3466,6 +3450,10 @@ const TEXT_VARIANTS = {
3466
3450
  BOLDLABELBOLDCOMPACT: "boldLabelBoldCompact",
3467
3451
  BOLDLABELBOLD: "boldLabelBold",
3468
3452
  BOLDXSMALLBOLD: "boldXSmallBold",
3453
+ SEMIBOLDXLARGESEMIBOLDCOMPACT: "semiBoldXLargeSemiBoldCompact",
3454
+ SEMIBOLDXLARGESEMIBOLD: "semiBoldXLargeSemiBold",
3455
+ SEMIBOLDLARGESEMIBOLDCOMPACT: "semiBoldLargeSemiBoldCompact",
3456
+ SEMIBOLDLARGESEMIBOLD: "semiBoldLargeSemiBold",
3469
3457
  SEMIBOLDBASESEMIBOLDCOMPACT: "semiBoldBaseSemiBoldCompact",
3470
3458
  SEMIBOLDBASESEMIBOLD: "semiBoldBaseSemiBold",
3471
3459
  SEMIBOLDBODYSEMIBOLDCOMPACT: "semiBoldBodySemiBoldCompact",
@@ -3473,6 +3461,7 @@ const TEXT_VARIANTS = {
3473
3461
  SEMIBOLDLABELSEMIBOLDCOMPACT: "semiBoldLabelSemiBoldCompact",
3474
3462
  MED3XLARGEMED: "med3XLargeMed",
3475
3463
  MEDXLARGEMED: "medXLargeMed",
3464
+ MEDLARGEMEDCOMPACT: "medLargeMedCompact",
3476
3465
  MEDLARGEMED: "medLargeMed",
3477
3466
  MEDBASEMEDCOMPACT: "medBaseMedCompact",
3478
3467
  MEDBASEMED: "medBaseMed",
@@ -3582,6 +3571,14 @@ const Text = ({ children, className, size, weight, align, variant = "regularBase
3582
3571
  return "text-label font-bold leading-label";
3583
3572
  case TEXT_VARIANTS.BOLDXSMALLBOLD:
3584
3573
  return "text-xsmall font-bold leading-xsmall";
3574
+ case TEXT_VARIANTS.SEMIBOLDXLARGESEMIBOLDCOMPACT:
3575
+ return "text-xl font-semibold leading-xl-compact";
3576
+ case TEXT_VARIANTS.SEMIBOLDXLARGESEMIBOLD:
3577
+ return "text-xl font-semibold leading-xl";
3578
+ case TEXT_VARIANTS.SEMIBOLDLARGESEMIBOLDCOMPACT:
3579
+ return "text-large font-semibold leading-large-compact";
3580
+ case TEXT_VARIANTS.SEMIBOLDLARGESEMIBOLD:
3581
+ return "text-large font-semibold leading-large";
3585
3582
  case TEXT_VARIANTS.SEMIBOLDBASESEMIBOLDCOMPACT:
3586
3583
  return "text-base font-semibold leading-base-compact";
3587
3584
  case TEXT_VARIANTS.SEMIBOLDBASESEMIBOLD:
@@ -3598,6 +3595,8 @@ const Text = ({ children, className, size, weight, align, variant = "regularBase
3598
3595
  return "text-xl font-medium leading-xl";
3599
3596
  case TEXT_VARIANTS.MEDLARGEMED:
3600
3597
  return "text-large font-medium leading-large";
3598
+ case TEXT_VARIANTS.MEDLARGEMEDCOMPACT:
3599
+ return "text-large font-medium leading-large-compact";
3601
3600
  case TEXT_VARIANTS.MEDBASEMEDCOMPACT:
3602
3601
  return "text-base font-medium leading-base-compact";
3603
3602
  case TEXT_VARIANTS.MEDBASEMED:
package/dist/esm/text/types.d.ts CHANGED
@@ -43,6 +43,10 @@ export declare const TEXT_VARIANTS: {
43
43
  readonly BOLDLABELBOLDCOMPACT: "boldLabelBoldCompact";
44
44
  readonly BOLDLABELBOLD: "boldLabelBold";
45
45
  readonly BOLDXSMALLBOLD: "boldXSmallBold";
46
+ readonly SEMIBOLDXLARGESEMIBOLDCOMPACT: "semiBoldXLargeSemiBoldCompact";
47
+ readonly SEMIBOLDXLARGESEMIBOLD: "semiBoldXLargeSemiBold";
48
+ readonly SEMIBOLDLARGESEMIBOLDCOMPACT: "semiBoldLargeSemiBoldCompact";
49
+ readonly SEMIBOLDLARGESEMIBOLD: "semiBoldLargeSemiBold";
46
50
  readonly SEMIBOLDBASESEMIBOLDCOMPACT: "semiBoldBaseSemiBoldCompact";
47
51
  readonly SEMIBOLDBASESEMIBOLD: "semiBoldBaseSemiBold";
48
52
  readonly SEMIBOLDBODYSEMIBOLDCOMPACT: "semiBoldBodySemiBoldCompact";
@@ -50,6 +54,7 @@ export declare const TEXT_VARIANTS: {
50
54
  readonly SEMIBOLDLABELSEMIBOLDCOMPACT: "semiBoldLabelSemiBoldCompact";
51
55
  readonly MED3XLARGEMED: "med3XLargeMed";
52
56
  readonly MEDXLARGEMED: "medXLargeMed";
57
+ readonly MEDLARGEMEDCOMPACT: "medLargeMedCompact";
53
58
  readonly MEDLARGEMED: "medLargeMed";
54
59
  readonly MEDBASEMEDCOMPACT: "medBaseMedCompact";
55
60
  readonly MEDBASEMED: "medBaseMed";
package/dist/index.d.ts CHANGED
@@ -92,6 +92,10 @@ declare const TEXT_VARIANTS: {
92
92
  readonly BOLDLABELBOLDCOMPACT: "boldLabelBoldCompact";
93
93
  readonly BOLDLABELBOLD: "boldLabelBold";
94
94
  readonly BOLDXSMALLBOLD: "boldXSmallBold";
95
+ readonly SEMIBOLDXLARGESEMIBOLDCOMPACT: "semiBoldXLargeSemiBoldCompact";
96
+ readonly SEMIBOLDXLARGESEMIBOLD: "semiBoldXLargeSemiBold";
97
+ readonly SEMIBOLDLARGESEMIBOLDCOMPACT: "semiBoldLargeSemiBoldCompact";
98
+ readonly SEMIBOLDLARGESEMIBOLD: "semiBoldLargeSemiBold";
95
99
  readonly SEMIBOLDBASESEMIBOLDCOMPACT: "semiBoldBaseSemiBoldCompact";
96
100
  readonly SEMIBOLDBASESEMIBOLD: "semiBoldBaseSemiBold";
97
101
  readonly SEMIBOLDBODYSEMIBOLDCOMPACT: "semiBoldBodySemiBoldCompact";
@@ -99,6 +103,7 @@ declare const TEXT_VARIANTS: {
99
103
  readonly SEMIBOLDLABELSEMIBOLDCOMPACT: "semiBoldLabelSemiBoldCompact";
100
104
  readonly MED3XLARGEMED: "med3XLargeMed";
101
105
  readonly MEDXLARGEMED: "medXLargeMed";
106
+ readonly MEDLARGEMEDCOMPACT: "medLargeMedCompact";
102
107
  readonly MEDLARGEMED: "medLargeMed";
103
108
  readonly MEDBASEMEDCOMPACT: "medBaseMedCompact";
104
109
  readonly MEDBASEMED: "medBaseMed";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@telepix-lab/telepix-ui",
3
- "version": "0.6.6",
3
+ "version": "0.6.8",
4
4
  "description": "A UI kit for TelePIX",
5
5
  "types": "./dist/index.d.ts",
6
6
  "exports": {