@reitwagen/design-components 0.6.4 → 0.6.6

package/dist/components/Button/Button.stories.js

@@ -66,7 +66,7 @@ exports.Variants = {
             },
         },
     },
-    render: (props) => ((0, jsx_runtime_1.jsxs)("div", { className: "ui:flex ui:gap-2", children: [(0, jsx_runtime_1.jsx)(Button_1.Button, { variant: "solid", color: "primary", ...props, children: props.children }), (0, jsx_runtime_1.jsx)(Button_1.Button, { variant: "outlined", color: "primary", ...props, children: props.children }), (0, jsx_runtime_1.jsx)(Button_1.Button, { variant: "text", s: true, color: "primary", ...props, children: props.children })] })),
+    render: (props) => ((0, jsx_runtime_1.jsxs)("div", { className: "ui:flex ui:gap-2", children: [(0, jsx_runtime_1.jsx)(Button_1.Button, { variant: "solid", color: "primary", ...props, children: props.children }), (0, jsx_runtime_1.jsx)(Button_1.Button, { variant: "outlined", color: "primary", ...props, children: props.children }), (0, jsx_runtime_1.jsx)(Button_1.Button, { variant: "text", color: "primary", ...props, children: props.children })] })),
     args: {
         children: "Button Text",
         color: "primary",
@@ -100,8 +100,8 @@ exports.Sizes = {
             description: {
                 story: `
 - Button의 크기를 변경하려면 <code>size</code> 속성을 사용하세요. 사용할 수 있는 값에는 <code>large</code>, <code>medium</code>, <code>small</code> 이 있어요. 기본값은 <code>large</code> 입니다.
+  - Button의 variant가 <code>text</code>인 경우, <code>large</code> 크기는 사용하지 않으며 <code>medium</code>, <code>small</code>만 사용합니다.
 - Button이 부모 요소의 전체 너비를 차지하게 하려면 <code>full</code> 속성을 지정하세요.
-- Button의 variant가 <code>text</code>인 경우, <code>large</code> 크기는 사용하지 않으며 <code>medium</code>, <code>small</code>만 사용 가능합니다.
 `,
             },
         },

package/dist/components/Chip/Chip.styles.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.chipVariants = void 0;
 const class_variance_authority_1 = require("class-variance-authority");
-exports.chipVariants = (0, class_variance_authority_1.cva)("ui:flex ui:items-center ui:justify-center ui:gap-1 ui:select-none", {
+exports.chipVariants = (0, class_variance_authority_1.cva)("ui:flex ui:items-center ui:justify-center ui:gap-1 ui:select-none ui:whitespace-nowrap", {
     variants: {
         variant: {
             fill: "ui:transition-colors ui:duration-300 ui:rounded-full",

package/dist/components/TextInput/TextInput.styles.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.inputVariants = void 0;
 const class_variance_authority_1 = require("class-variance-authority");
-exports.inputVariants = (0, class_variance_authority_1.cva)("ui:h-[50px] ui:bg-white ui:px-4 ui:rounded-2xl ui:w-full ui:border ui:text-body4 ui:transition-colors ui:outline-none", {
+exports.inputVariants = (0, class_variance_authority_1.cva)("ui:h-[50px] ui:bg-white ui:px-4 ui:rounded-2xl ui:w-full ui:border ui:text-body4 ui:transition-colors ui:outline-none ui:focus:ring-0", {
     variants: {
         variant: {
             default: "ui:border-gray-100 ui:text-gray-800 ui:placeholder:text-body4 ui:placeholder:text-gray-500 ui:focus:bg-gray-50 ui:focus:border-gray-200",

package/dist/index.css

@@ -692,6 +692,9 @@
   .ui\:text-\[15px\] {
     font-size: 15px;
   }
+  .ui\:whitespace-nowrap {
+    white-space: nowrap;
+  }
   .ui\:text-blue-300 {
     color: var(--ui-color-blue-300);
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@reitwagen/design-components",
-  "version": "0.6.4",
+  "version": "0.6.6",
   "sideEffects": [
     "**/*.css"
   ],