@shoplflow/base 0.46.22 → 0.46.25

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 (5) hide show
  1. package/dist/index.cjs +11 -2
  2. package/dist/index.d.cts +8 -2
  3. package/dist/index.d.ts +8 -2
  4. package/dist/index.js +11 -2
  5. package/package.json +2 -2
package/dist/index.cjs CHANGED
@@ -1583,12 +1583,18 @@ var getLineTypographyBySizeVar2 = (sizeVar) => {
1583
1583
  }
1584
1584
  };
1585
1585
  var defaultSelectedBackground = (sizeVar) => sizeVar === "XS" ? exports.colorTokens.neutral400_5 : exports.colorTokens.neutral150;
1586
- var lineStyle = ({ sizeVar, $isSelected, $selectedBackground, $selectedBorderColor }) => {
1586
+ var lineStyle = ({
1587
+ sizeVar,
1588
+ $isSelected,
1589
+ $selectedBackground,
1590
+ $selectedBorderColor,
1591
+ $radius
1592
+ }) => {
1587
1593
  const selectedBg = $selectedBackground ? exports.colorTokens[$selectedBackground] : defaultSelectedBackground(sizeVar);
1588
1594
  const selectedBorder = $selectedBorderColor ? exports.colorTokens[$selectedBorderColor] : exports.colorTokens.neutral300;
1589
1595
  return react$1.css`
1590
1596
  border: 1px solid ${exports.colorTokens.neutral300};
1591
- border-radius: 999px;
1597
+ border-radius: ${$radius ? exports.borderRadiusTokens[$radius] : "999px"};
1592
1598
  background: ${exports.colorTokens.neutral0};
1593
1599
 
1594
1600
  & > span {
@@ -1664,6 +1670,7 @@ var ChipButton = (_a) => {
1664
1670
  styleVar = exports.ChipButtonStyleVariants.LINE,
1665
1671
  color = "neutral200",
1666
1672
  sizeVar = exports.ChipButtonSizeVariants.S,
1673
+ radius,
1667
1674
  text,
1668
1675
  children,
1669
1676
  leftSource,
@@ -1678,6 +1685,7 @@ var ChipButton = (_a) => {
1678
1685
  "styleVar",
1679
1686
  "color",
1680
1687
  "sizeVar",
1688
+ "radius",
1681
1689
  "text",
1682
1690
  "children",
1683
1691
  "leftSource",
@@ -1698,6 +1706,7 @@ var ChipButton = (_a) => {
1698
1706
  styleVar,
1699
1707
  color
1700
1708
  }, rest), {
1709
+ $radius: radius,
1701
1710
  $isSelected: isSelected,
1702
1711
  $selectedBackground: selectedBackground,
1703
1712
  $selectedBorderColor: selectedBorderColor,
package/dist/index.d.cts CHANGED
@@ -187,6 +187,12 @@ interface RadiusBooleanProps {
187
187
  */
188
188
  radius?: boolean;
189
189
  }
190
+ interface RadiusProps {
191
+ /**
192
+ * Radius를 설정합니다.
193
+ */
194
+ radius?: BorderRadiusTokens;
195
+ }
190
196
  type RenderConfigProps = {
191
197
  /**
192
198
  * 랜더하려고 하는 HTML tag로 변환할 수 있습니다.
@@ -605,7 +611,7 @@ declare const ChipButtonSizeVariants: {
605
611
  };
606
612
  type ChipButtonStyleVariantType = $Values<typeof ChipButtonStyleVariants>;
607
613
  type ChipButtonSizeVariantType = $Values<typeof ChipButtonSizeVariants>;
608
- interface ChipButtonProps extends ChipButtonOptionProps, Omit<HTMLAttributes<HTMLButtonElement>, 'color'>, TextProps$1, DisableProps, SelectedProps, LeftAndRightElementProps, SizeVariantProps<ChipButtonSizeVariantType>, StyleVariantProps<ChipButtonStyleVariantType>, ColorTokenProps, BackgroundColorProps {
614
+ interface ChipButtonProps extends ChipButtonOptionProps, Omit<HTMLAttributes<HTMLButtonElement>, 'color'>, TextProps$1, DisableProps, SelectedProps, LeftAndRightElementProps, SizeVariantProps<ChipButtonSizeVariantType>, StyleVariantProps<ChipButtonStyleVariantType>, ColorTokenProps, BackgroundColorProps, RadiusProps {
609
615
  }
610
616
  interface ChipButtonOptionProps {
611
617
  /**
@@ -626,7 +632,7 @@ interface ChipButtonOptionProps {
626
632
  count?: string | number;
627
633
  }
628
634
 
629
- declare const ChipButton: ({ styleVar, color, sizeVar, text, children, leftSource, rightSource, onClick, disabled, isSelected, selectedBackground, selectedBorderColor, count, ...rest }: ChipButtonProps) => ReactElement;
635
+ declare const ChipButton: ({ styleVar, color, sizeVar, radius, text, children, leftSource, rightSource, onClick, disabled, isSelected, selectedBackground, selectedBorderColor, count, ...rest }: ChipButtonProps) => ReactElement;
630
636
 
631
637
  type AsProp<T extends react__default.ElementType> = {
632
638
  as?: T;
package/dist/index.d.ts CHANGED
@@ -187,6 +187,12 @@ interface RadiusBooleanProps {
187
187
  */
188
188
  radius?: boolean;
189
189
  }
190
+ interface RadiusProps {
191
+ /**
192
+ * Radius를 설정합니다.
193
+ */
194
+ radius?: BorderRadiusTokens;
195
+ }
190
196
  type RenderConfigProps = {
191
197
  /**
192
198
  * 랜더하려고 하는 HTML tag로 변환할 수 있습니다.
@@ -605,7 +611,7 @@ declare const ChipButtonSizeVariants: {
605
611
  };
606
612
  type ChipButtonStyleVariantType = $Values<typeof ChipButtonStyleVariants>;
607
613
  type ChipButtonSizeVariantType = $Values<typeof ChipButtonSizeVariants>;
608
- interface ChipButtonProps extends ChipButtonOptionProps, Omit<HTMLAttributes<HTMLButtonElement>, 'color'>, TextProps$1, DisableProps, SelectedProps, LeftAndRightElementProps, SizeVariantProps<ChipButtonSizeVariantType>, StyleVariantProps<ChipButtonStyleVariantType>, ColorTokenProps, BackgroundColorProps {
614
+ interface ChipButtonProps extends ChipButtonOptionProps, Omit<HTMLAttributes<HTMLButtonElement>, 'color'>, TextProps$1, DisableProps, SelectedProps, LeftAndRightElementProps, SizeVariantProps<ChipButtonSizeVariantType>, StyleVariantProps<ChipButtonStyleVariantType>, ColorTokenProps, BackgroundColorProps, RadiusProps {
609
615
  }
610
616
  interface ChipButtonOptionProps {
611
617
  /**
@@ -626,7 +632,7 @@ interface ChipButtonOptionProps {
626
632
  count?: string | number;
627
633
  }
628
634
 
629
- declare const ChipButton: ({ styleVar, color, sizeVar, text, children, leftSource, rightSource, onClick, disabled, isSelected, selectedBackground, selectedBorderColor, count, ...rest }: ChipButtonProps) => ReactElement;
635
+ declare const ChipButton: ({ styleVar, color, sizeVar, radius, text, children, leftSource, rightSource, onClick, disabled, isSelected, selectedBackground, selectedBorderColor, count, ...rest }: ChipButtonProps) => ReactElement;
630
636
 
631
637
  type AsProp<T extends react__default.ElementType> = {
632
638
  as?: T;
package/dist/index.js CHANGED
@@ -1556,12 +1556,18 @@ var getLineTypographyBySizeVar2 = (sizeVar) => {
1556
1556
  }
1557
1557
  };
1558
1558
  var defaultSelectedBackground = (sizeVar) => sizeVar === "XS" ? colorTokens.neutral400_5 : colorTokens.neutral150;
1559
- var lineStyle = ({ sizeVar, $isSelected, $selectedBackground, $selectedBorderColor }) => {
1559
+ var lineStyle = ({
1560
+ sizeVar,
1561
+ $isSelected,
1562
+ $selectedBackground,
1563
+ $selectedBorderColor,
1564
+ $radius
1565
+ }) => {
1560
1566
  const selectedBg = $selectedBackground ? colorTokens[$selectedBackground] : defaultSelectedBackground(sizeVar);
1561
1567
  const selectedBorder = $selectedBorderColor ? colorTokens[$selectedBorderColor] : colorTokens.neutral300;
1562
1568
  return css`
1563
1569
  border: 1px solid ${colorTokens.neutral300};
1564
- border-radius: 999px;
1570
+ border-radius: ${$radius ? borderRadiusTokens[$radius] : "999px"};
1565
1571
  background: ${colorTokens.neutral0};
1566
1572
 
1567
1573
  & > span {
@@ -1637,6 +1643,7 @@ var ChipButton = (_a) => {
1637
1643
  styleVar = ChipButtonStyleVariants.LINE,
1638
1644
  color = "neutral200",
1639
1645
  sizeVar = ChipButtonSizeVariants.S,
1646
+ radius,
1640
1647
  text,
1641
1648
  children,
1642
1649
  leftSource,
@@ -1651,6 +1658,7 @@ var ChipButton = (_a) => {
1651
1658
  "styleVar",
1652
1659
  "color",
1653
1660
  "sizeVar",
1661
+ "radius",
1654
1662
  "text",
1655
1663
  "children",
1656
1664
  "leftSource",
@@ -1671,6 +1679,7 @@ var ChipButton = (_a) => {
1671
1679
  styleVar,
1672
1680
  color
1673
1681
  }, rest), {
1682
+ $radius: radius,
1674
1683
  $isSelected: isSelected,
1675
1684
  $selectedBackground: selectedBackground,
1676
1685
  $selectedBorderColor: selectedBorderColor,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@shoplflow/base",
3
- "version": "0.46.22",
3
+ "version": "0.46.25",
4
4
  "type": "module",
5
5
  "license": "Apache-2.0",
6
6
  "repository": {
@@ -93,7 +93,7 @@
93
93
  "react-dom": "^18.2.0",
94
94
  "simplebar-react": "^3.2.6",
95
95
  "@shoplflow/hada-assets": "^0.1.10",
96
- "@shoplflow/shopl-assets": "^0.12.40",
96
+ "@shoplflow/shopl-assets": "^0.12.42",
97
97
  "@shoplflow/utils": "^0.8.0"
98
98
  },
99
99
  "homepage": "https://github.com/shopl/shoplflow#readme",