@reitwagen/design-components 0.0.10 → 0.0.11

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 (7) hide show
  1. package/dist/components/Button/Button.js +4 -4
  2. package/dist/components/Button/Button.stories.js +4 -4
  3. package/dist/index.css +3 -3
  4. package/dist/types/props.d.ts +8 -0
  5. package/dist/types/props.d.ts.map +1 -0
  6. package/dist/types/props.js +2 -0
  7. package/package.json +3 -3
package/dist/components/Button/Button.js CHANGED
@@ -8,9 +8,9 @@ const style_1 = require("../../utils/style");
8
8
  const buttonVariants = (0, class_variance_authority_1.cva)("ui:flex ui:items-center ui:justify-center ui:gap-1.5 ui:select-none", {
9
9
  variants: {
10
10
  variant: {
11
- solid: "ui:transition-colors ui:duration-150",
12
- outlined: "ui:transition-colors ui:duration-150",
13
- text: "ui:transition-colors ui:duration-150",
11
+ solid: "ui:transition-colors ui:duration-300",
12
+ outlined: "ui:transition-colors ui:duration-300",
13
+ text: "ui:transition-colors ui:duration-300",
14
14
  },
15
15
  color: {
16
16
  primary: "",
@@ -28,7 +28,7 @@ const buttonVariants = (0, class_variance_authority_1.cva)("ui:flex ui:items-cen
28
28
  true: "ui:pointer-events-none",
29
29
  },
30
30
  full: {
31
- true: "ui:flex-1",
31
+ true: "ui:flex-1 ui:w-full",
32
32
  false: "",
33
33
  },
34
34
  },
package/dist/components/Button/Button.stories.js CHANGED
@@ -59,7 +59,7 @@ exports.Variants = {
59
59
  docs: {
60
60
  description: {
61
61
  story: `
62
- - 버튼의 variant 스타일을 변경하려면 variant 속성을 사용하세요. 사용할 수 있는 값에는 <code>solid</code>, <code>outlined</code>, <code>text</code> 가 있어요. 기본값은 <code>solid</code> 입니다.
62
+ - Button의 variant 스타일을 변경하려면 <code>variant</code> 속성을 사용하세요. 사용할 수 있는 값에는 <code>solid</code>, <code>outlined</code>, <code>text</code> 가 있어요. 기본값은 <code>solid</code> 입니다.
63
63
  `,
64
64
  },
65
65
  },
@@ -77,7 +77,7 @@ exports.Colors = {
77
77
  docs: {
78
78
  description: {
79
79
  story: `
80
- - 버튼의 color 스타일을 변경하려면 color 속성을 사용하세요. 사용할 수 있는 값에는 <code>primary</code>, <code>black</code>, <code>gray</code>, <code>sky</code> 가 있어요. 기본값은 <code>primary</code> 입니다.
80
+ - Button의 color 스타일을 변경하려면 <code>color</code> 속성을 사용하세요. 사용할 수 있는 값에는 <code>primary</code>, <code>black</code>, <code>gray</code>, <code>sky</code> 가 있어요. 기본값은 <code>primary</code> 입니다.
81
81
  `,
82
82
  },
83
83
  },
@@ -95,8 +95,8 @@ exports.Sizes = {
95
95
  docs: {
96
96
  description: {
97
97
  story: `
98
- - 버튼의 크기를 변경하려면 size 속성을 사용하세요. 사용할 수 있는 값에는 <code>large</code>, <code>medium</code>, <code>small</code> 이 있어요. 기본값은 <code>large</code> 입니다.
99
- - 버튼이 부모 요소의 전체 너비를 차지하게 하려면 <code>full</code> 속성을 지정하세요.
98
+ - Button의 크기를 변경하려면 <code>size</code> 속성을 사용하세요. 사용할 수 있는 값에는 <code>large</code>, <code>medium</code>, <code>small</code> 이 있어요. 기본값은 <code>large</code> 입니다.
99
+ - Button이 부모 요소의 전체 너비를 차지하게 하려면 <code>full</code> 속성을 지정하세요.
100
100
  `,
101
101
  },
102
102
  },
package/dist/index.css CHANGED
@@ -546,9 +546,9 @@
546
546
  transition-timing-function: var(--tw-ease, var(--ui-default-transition-timing-function));
547
547
  transition-duration: var(--tw-duration, var(--ui-default-transition-duration));
548
548
  }
549
- .ui\:duration-150 {
550
- --tw-duration: 150ms;
551
- transition-duration: 150ms;
549
+ .ui\:duration-300 {
550
+ --tw-duration: 300ms;
551
+ transition-duration: 300ms;
552
552
  }
553
553
  .ui\:select-none {
554
554
  -webkit-user-select: none;
package/dist/types/props.d.ts ADDED
@@ -0,0 +1,8 @@
1
+ import { ComponentProps, ElementType } from "react";
2
+ export type AsProps<C extends ElementType> = {
3
+ as?: C;
4
+ };
5
+ export type ElementTypeProps<C extends ElementType> = ComponentProps<C>;
6
+ export type KeyWithAs<C extends ElementType, Props> = keyof (Props & AsProps<C>);
7
+ export type PolymorphicComponentProps<C extends ElementType, Props = "object"> = Props & AsProps<C> & Omit<ElementTypeProps<C>, KeyWithAs<C, Props>>;
8
+ //# sourceMappingURL=props.d.ts.map
package/dist/types/props.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/types/props.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAEpD,MAAM,MAAM,OAAO,CAAC,CAAC,SAAS,WAAW,IAAI;IAC3C,EAAE,CAAC,EAAE,CAAC,CAAC;CACR,CAAC;AAEF,MAAM,MAAM,gBAAgB,CAAC,CAAC,SAAS,WAAW,IAAI,cAAc,CAAC,CAAC,CAAC,CAAC;AAExE,MAAM,MAAM,SAAS,CAAC,CAAC,SAAS,WAAW,EAAE,KAAK,IAAI,MAAM,CAAC,KAAK,GAChE,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC;AAEd,MAAM,MAAM,yBAAyB,CACnC,CAAC,SAAS,WAAW,EACrB,KAAK,GAAG,QAAQ,IACd,KAAK,GAAG,OAAO,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC,EAAE,SAAS,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC"}
package/dist/types/props.js ADDED
@@ -0,0 +1,2 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@reitwagen/design-components",
3
- "version": "0.0.10",
3
+ "version": "0.0.11",
4
4
  "sideEffects": [
5
5
  "**/*.css"
6
6
  ],
@@ -49,8 +49,8 @@
49
49
  "ts-node": "^10.9.2",
50
50
  "typescript": "5.9.2",
51
51
  "@reitwagen/tailwind-config": "0.0.0",
52
- "@reitwagen/typescript-config": "0.0.0",
53
- "@reitwagen/eslint-config": "0.0.0"
52
+ "@reitwagen/eslint-config": "0.0.0",
53
+ "@reitwagen/typescript-config": "0.0.0"
54
54
  },
55
55
  "dependencies": {
56
56
  "axios": "^1.13.2",