@croquiscom/pds 8.35.0 → 8.37.0

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @croquiscom/pds
 
+## 8.37.0
+
+### Minor Changes
+
+- 01957b9: feat: FormField Container 너비(width) 옵션 제공
+
+## 8.36.0
+
+### Minor Changes
+
+- d7c26d6: ColoredAnalysis, ColoredLineChart, ColoredReport icons 업데이트
+
 ## 8.35.0
 
 ### Minor Changes

package/assets/icons/ColoredAnalysis.svg

@@ -0,0 +1,29 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" height="24" width="24">
+<path fill="url(#paint0_linear_34990_1260)" d="M3.625 1.5C2.4514 1.5 1.5 2.67525 1.5 4.125V19.875C1.5 21.3247 2.4514 22.5 3.625 22.5H16.375C17.0473 22.5 17.6467 22.1143 18.0361 21.5123L17.8263 21.3024C16.9848 21.7517 16.0237 22.0063 15.0032 22.0063C11.6877 22.0063 9 19.3186 9 16.0032C9 12.6877 11.6877 10 15.0032 10C16.3078 10 17.5153 10.4162 18.5 11.123V4.125C18.5 2.67525 17.5486 1.5 16.375 1.5H3.625Z"></path>
+<path fill="url(#paint1_linear_34990_1260)" d="M17.5 16C17.5 17.3807 16.3807 18.5 15 18.5C13.6193 18.5 12.5 17.3807 12.5 16C12.5 14.6193 13.6193 13.5 15 13.5C16.3807 13.5 17.5 14.6193 17.5 16Z"></path>
+<path fill="#AAAAB7" d="M9.04219 16.7186C9.02858 16.7136 9.01433 16.7096 8.99955 16.7069L8.89792 16.6885C8.85249 16.6802 8.80567 16.6847 8.76264 16.7015L8.65781 16.7423C8.52913 16.7923 8.46539 16.9372 8.51544 17.0659C8.56549 17.1946 8.71038 17.2583 8.83906 17.2082L8.87809 17.1931L8.91025 17.1989C8.98349 17.2122 9.05505 17.1921 9.10933 17.1495C9.08189 17.0076 9.05944 16.8639 9.04219 16.7186Z"></path>
+<path fill="#AAAAB7" d="M4.05459 15.5941C4.14071 15.4862 4.29801 15.4685 4.40593 15.5546L4.48949 15.6213C4.59741 15.7074 4.61509 15.8647 4.52898 15.9726C4.44287 16.0805 4.28557 16.0982 4.17764 16.0121L4.09409 15.9454C3.98616 15.8593 3.96848 15.702 4.05459 15.5941Z"></path>
+<path fill="#AAAAB7" d="M4.80657 16.1941C4.89268 16.0862 5.04998 16.0685 5.15791 16.1546L5.32502 16.2879C5.43294 16.374 5.45063 16.5313 5.36451 16.6393C5.2784 16.7472 5.1211 16.7649 5.01317 16.6788L4.84606 16.5454C4.73814 16.4593 4.72046 16.302 4.80657 16.1941Z"></path>
+<path fill="#AAAAB7" d="M5.6421 16.8608C5.72822 16.7528 5.88552 16.7351 5.99344 16.8213L6.16055 16.9546C6.26847 17.0407 6.28616 17.198 6.20004 17.3059C6.11393 17.4139 5.95663 17.4315 5.8487 17.3454L5.6816 17.2121C5.57367 17.126 5.55599 16.9687 5.6421 16.8608Z"></path>
+<path fill="#AAAAB7" d="M8.0004 17.5345C8.12908 17.4844 8.19282 17.3395 8.14277 17.2108C8.09271 17.0822 7.94782 17.0184 7.81914 17.0685L7.60948 17.15C7.4808 17.2001 7.41706 17.345 7.46711 17.4736C7.51716 17.6023 7.66205 17.6661 7.79073 17.616L8.0004 17.5345Z"></path>
+<path fill="#AAAAB7" d="M6.79874 17.4672C6.69333 17.4057 6.556 17.4292 6.47763 17.5274C6.39152 17.6353 6.4092 17.7926 6.51713 17.8788L6.60068 17.9454C6.6703 18.001 6.76422 18.0153 6.84723 17.983L6.95206 17.9422C7.08074 17.8922 7.14448 17.7473 7.09443 17.6186C7.04797 17.4992 6.91981 17.4357 6.79874 17.4672Z"></path>
+<path fill="#AAAAB7" d="M11.1495 11.4H5C4.72386 11.4 4.5 11.6239 4.5 11.9V12.9C4.5 13.1762 4.72386 13.4 5 13.4H9.59223C9.96491 12.6268 10.4985 11.9456 11.1495 11.4Z"></path>
+<path fill="#AAAAB7" d="M4.5 5.90002C4.5 5.62388 4.72386 5.40002 5 5.40002H13C13.2761 5.40002 13.5 5.62388 13.5 5.90002V6.90002C13.5 7.17617 13.2761 7.40002 13 7.40002H5C4.72386 7.40002 4.5 7.17617 4.5 6.90002V5.90002Z"></path>
+<path fill="#AAAAB7" d="M18.5 8.93653L18.5 6.89151L17.062 6.89152L14.6477 7.54058C14.7693 7.99312 15.0157 8.40235 15.3588 8.72159C15.7018 9.04084 16.1276 9.25725 16.5877 9.34614C17.0478 9.43502 17.5236 9.39281 17.9609 9.22431C18.1526 9.15043 18.3335 9.05358 18.5 8.93653Z"></path>
+<path fill="#AAAAB7" d="M5 8.40002C4.72386 8.40002 4.5 8.62388 4.5 8.90002V9.90002C4.5 10.1762 4.72386 10.4 5 10.4H9C9.27614 10.4 9.5 10.1762 9.5 9.90002V8.90002C9.5 8.62388 9.27614 8.40002 9 8.40002H5Z"></path>
+<path fill="#F4847D" d="M4 8.5C4 8.22386 4.22386 8 4.5 8H8.5C8.77614 8 9 8.22386 9 8.5V9.5C9 9.77614 8.77614 10 8.5 10H4.5C4.22386 10 4 9.77614 4 9.5V8.5Z"></path>
+<path fill="#5AC27C" d="M4 5.5C4 5.22386 4.22386 5 4.5 5H12.5C12.7761 5 13 5.22386 13 5.5V6.5C13 6.77614 12.7761 7 12.5 7H4.5C4.22386 7 4 6.77614 4 6.5V5.5Z"></path>
+<path fill="#7463F2" d="M21.8161 21.7955L19.0957 19.0751C19.7507 18.2033 20.1042 17.142 20.103 16.0515C20.103 13.2661 17.8369 11 15.0515 11C12.2661 11 10 13.2661 10 16.0515C10 18.8369 12.2661 21.103 15.0515 21.103C16.142 21.1042 17.2033 20.7507 18.0751 20.0957L20.7955 22.8161C20.9332 22.9392 21.1128 23.0049 21.2974 22.9997C21.482 22.9945 21.6577 22.9189 21.7883 22.7883C21.9189 22.6577 21.9945 22.482 21.9997 22.2974C22.0049 22.1128 21.9392 21.9332 21.8161 21.7955ZM11.4433 16.0515C11.4433 15.3379 11.6549 14.6403 12.0514 14.0469C12.4479 13.4535 13.0114 12.991 13.6707 12.718C14.33 12.4449 15.0555 12.3734 15.7555 12.5126C16.4554 12.6518 17.0983 12.9955 17.6029 13.5001C18.1075 14.0047 18.4512 14.6477 18.5904 15.3476C18.7296 16.0475 18.6582 16.773 18.3851 17.4323C18.112 18.0916 17.6495 18.6552 17.0561 19.0517C16.4628 19.4481 15.7652 19.6597 15.0515 19.6597C14.0949 19.6586 13.1778 19.2781 12.5014 18.6017C11.825 17.9252 11.4444 17.0081 11.4433 16.0515Z"></path>
+<path fill="#FCC167" d="M17.0133 4.00043C17.4818 3.99128 17.9434 4.114 18.3456 4.35458C18.7477 4.59515 19.0741 4.94391 19.2876 5.36106C19.5011 5.77821 19.593 6.24696 19.5529 6.71385C19.5128 7.18073 19.3423 7.62694 19.0608 8.00159C18.7794 8.37624 18.3983 8.66424 17.961 8.83274C17.5238 9.00124 17.048 9.04345 16.5879 8.95457C16.1278 8.86568 15.7019 8.64927 15.3589 8.33002C15.0159 8.01078 14.7695 7.60155 14.6478 7.14901L17.0621 6.49995L17.0133 4.00043Z"></path>
+<path fill="#51BEF7" d="M11.6844 11H4.5C4.22386 11 4 11.2239 4 11.5V12.5C4 12.7761 4.22386 13 4.5 13H9.80403C10.2687 12.1972 10.9141 11.512 11.6844 11Z"></path>
+<defs>
+<linearGradient gradientUnits="userSpaceOnUse" y2="21.0942" x2="20.1249" y1="3.25" x1="4.6875" id="paint0_linear_34990_1260">
+<stop stop-color="#E7E7ED"></stop>
+<stop stop-color="#F1F1F8" offset="1"></stop>
+</linearGradient>
+<linearGradient gradientUnits="userSpaceOnUse" y2="21.0942" x2="20.1249" y1="3.25" x1="4.6875" id="paint1_linear_34990_1260">
+<stop stop-color="#E7E7ED"></stop>
+<stop stop-color="#F1F1F8" offset="1"></stop>
+</linearGradient>
+</defs>
+</svg>

package/assets/icons/ColoredLineChart.svg

@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" height="24" width="24">
+<path fill="#7E96F9" d="M5.87947 15.0114C5.99249 14.961 6.12321 14.9701 6.22813 15.0357L9.99429 17.3925L13.9316 15.032C14.0035 14.9889 14.088 14.9714 14.1712 14.9823L22.234 16.0441C22.4374 16.0709 22.5807 16.2576 22.5539 16.4611C22.5271 16.6646 22.3404 16.8078 22.1369 16.781L14.2026 15.7361L10.1812 18.147C10.0614 18.2189 9.91142 18.2174 9.79299 18.1433L6.0017 15.7708L2.02108 17.5483C1.83367 17.6319 1.6139 17.5479 1.53022 17.3604C1.44653 17.173 1.53062 16.9533 1.71804 16.8696L5.87947 15.0114Z" clip-rule="evenodd" fill-rule="evenodd"></path>
+<path fill="#5AC27C" d="M1.50758 6.28753C1.55407 6.08762 1.75382 5.96325 1.95373 6.00974L6.13897 6.98306C6.18474 6.99371 6.22807 7.01293 6.26667 7.03972L10.0182 9.6431L14.1993 7.0299C14.2769 6.98137 14.3697 6.96321 14.4599 6.9789L18.4622 7.67517L22.116 6.97995C22.3176 6.94159 22.5121 7.07394 22.5505 7.27557C22.5889 7.4772 22.4565 7.67175 22.2549 7.71012L18.5347 8.41799C18.4907 8.42635 18.4456 8.42671 18.4015 8.41904L14.4726 7.73554L10.2045 10.4032C10.0785 10.4819 9.91772 10.4781 9.79565 10.3934L5.90134 7.6909L1.78537 6.73369C1.58546 6.6872 1.46108 6.48745 1.50758 6.28753Z" clip-rule="evenodd" fill-rule="evenodd"></path>
+<path fill="#F4847D" d="M1.28153 9.95342C1.38899 9.62866 1.73937 9.4525 2.06413 9.55997L6.20255 10.9294C6.25979 10.9483 6.31394 10.9755 6.36332 11.0101L9.69896 13.3465L13.7384 10.302C13.894 10.1847 14.0958 10.1475 14.283 10.2016L18.1067 11.3057L22.017 10.2006C22.3462 10.1076 22.6884 10.299 22.7815 10.6282C22.8745 10.9574 22.6831 11.2997 22.3539 11.3927L18.2733 12.5459C18.1621 12.5773 18.0442 12.577 17.9331 12.5449L14.2368 11.4776L10.0851 14.6067C9.87076 14.7682 9.57678 14.7734 9.35695 14.6194L5.72709 12.0769L1.67497 10.736C1.35022 10.6286 1.17406 10.2782 1.28153 9.95342Z" clip-rule="evenodd" fill-rule="evenodd"></path>
+</svg>

package/assets/icons/ColoredReport.svg

@@ -0,0 +1,15 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" height="24" width="24">
+<path fill="url(#paint0_linear_34990_1262)" d="M3 3C3 2.17157 3.67157 1.5 4.5 1.5H17.5C18.3284 1.5 19 2.17157 19 3V19C19 19.8284 18.3284 20.5 17.5 20.5H4.5C3.67157 20.5 3 19.8284 3 19V3Z"></path>
+<path fill="#BCC1E6" d="M6 20.5V21C6 21.8284 6.67157 22.5 7.5 22.5H19.5C20.3284 22.5 21 21.8284 21 21V6C21 5.17157 20.3284 4.5 19.5 4.5H19V19C19 19.8284 18.3284 20.5 17.5 20.5H6Z"></path>
+<path fill="#5AC27C" d="M6.25 6.85002C6.25 6.46343 6.47386 6.15002 6.75 6.15002H7.75C8.02614 6.15002 8.25 6.46343 8.25 6.85002V12.45C8.25 12.8366 8.02614 13.15 7.75 13.15H6.75C6.47386 13.15 6.25 12.8366 6.25 12.45V6.85002Z"></path>
+<path fill="#F4847D" d="M10 8.86431C10 8.46982 10.2239 8.15002 10.5 8.15002H11.5C11.7761 8.15002 12 8.46982 12 8.86431V12.4357C12 12.8302 11.7761 13.15 11.5 13.15H10.5C10.2239 13.15 10 12.8302 10 12.4357V8.86431Z"></path>
+<path fill="#7E96F9" d="M13.5 4.84233C13.5 4.45998 13.7239 4.15002 14 4.15002H15C15.2761 4.15002 15.5 4.45998 15.5 4.84233V12.4577C15.5 12.8401 15.2761 13.15 15 13.15H14C13.7239 13.15 13.5 12.8401 13.5 12.4577V4.84233Z"></path>
+<path fill="#C1C1CB" d="M5.75 14.75C5.61193 14.75 5.5 14.8619 5.5 15V15.5C5.5 15.6381 5.61193 15.75 5.75 15.75H16.25C16.3881 15.75 16.5 15.6381 16.5 15.5V15C16.5 14.8619 16.3881 14.75 16.25 14.75H5.75Z"></path>
+<path fill="#C1C1CB" d="M5.75 16.75C5.61193 16.75 5.5 16.8619 5.5 17V17.5C5.5 17.6381 5.61193 17.75 5.75 17.75H13.25C13.3881 17.75 13.5 17.6381 13.5 17.5V17C13.5 16.8619 13.3881 16.75 13.25 16.75H5.75Z"></path>
+<defs>
+<linearGradient gradientUnits="userSpaceOnUse" y2="19.7702" x2="19.8776" y1="3.08333" x1="6" id="paint0_linear_34990_1262">
+<stop stop-color="#E7E7ED"></stop>
+<stop stop-color="#F1F1F8" offset="1"></stop>
+</linearGradient>
+</defs>
+</svg>

package/dist/components/form/FormField.d.ts

@@ -47,6 +47,11 @@ export interface FormFieldProps {
      */
     position?: FormFieldPosition;
     children?: ReactNode;
+    /**
+     * FormField Container의 너비를 지정할 수 있습니다.
+     * @default 100%
+     */
+    width?: CSSValueWithLength;
 }
-export declare const FormField: ({ className, label, status, rightAddon, required, helper, formHelperText, labelWidth, alignment, position, children, }: PropsWithChildren<FormFieldProps>) => React.JSX.Element;
+export declare const FormField: ({ className, label, status, rightAddon, required, helper, formHelperText, width, labelWidth, alignment, position, children, }: PropsWithChildren<FormFieldProps>) => React.JSX.Element;
 export {};

package/dist/components/icons/generated/ColoredAnalysis.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { IconProps } from '.';
+declare const SvgColoredAnalysis: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
+export default SvgColoredAnalysis;

package/dist/components/icons/generated/ColoredLineChart.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { IconProps } from '.';
+declare const SvgColoredLineChart: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
+export default SvgColoredLineChart;

package/dist/components/icons/generated/ColoredReport.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { IconProps } from '.';
+declare const SvgColoredReport: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
+export default SvgColoredReport;

package/dist/components/icons/generated/index.d.ts

@@ -106,6 +106,7 @@ export { default as IconCircleXFill } from './CircleXFill';
 export { default as IconCircleYouTube } from './CircleYouTube';
 export { default as IconClassification } from './Classification';
 export { default as IconClock } from './Clock';
+export { default as IconColoredAnalysis } from './ColoredAnalysis';
 export { default as IconColoredBarChart } from './ColoredBarChart';
 export { default as IconColoredCalendar } from './ColoredCalendar';
 export { default as IconColoredCheck } from './ColoredCheck';
@@ -134,6 +135,7 @@ export { default as IconColoredGrowth } from './ColoredGrowth';
 export { default as IconColoredHeart } from './ColoredHeart';
 export { default as IconColoredHomeSet } from './ColoredHomeSet';
 export { default as IconColoredKeyword } from './ColoredKeyword';
+export { default as IconColoredLineChart } from './ColoredLineChart';
 export { default as IconColoredMedal } from './ColoredMedal';
 export { default as IconColoredMegaphone } from './ColoredMegaphone';
 export { default as IconColoredMoneyBag } from './ColoredMoneyBag';
@@ -142,6 +144,7 @@ export { default as IconColoredPenalty } from './ColoredPenalty';
 export { default as IconColoredPerson } from './ColoredPerson';
 export { default as IconColoredPulse } from './ColoredPulse';
 export { default as IconColoredRanking } from './ColoredRanking';
+export { default as IconColoredReport } from './ColoredReport';
 export { default as IconColoredReturn } from './ColoredReturn';
 export { default as IconColoredRobot } from './ColoredRobot';
 export { default as IconColoredRocket } from './ColoredRocket';