@pfct/purple 1.10.0 → 1.11.1

package/dist/utils/GenerateColorStyle/control/radio-button.cjs.js

@@ -1 +1 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require(`../../../core/Colors/index.cjs.js`);var t=t=>{let n=`transparent`,r=`transparent`,i=e.basicColors.gray100,a=`transparent`,o=e.basicColors.gray25,s=e.basicColors.gray50;switch(t){case`gray`:return{default:{on:{containerColor:n,borderColor:e.basicColors.gray900},off:{containerColor:r,borderColor:i}},disabled:{on:{containerColor:a,borderColor:e.basicColors.gray200},off:{containerColor:o,borderColor:s}}};default:return{default:{on:{containerColor:n,borderColor:e.basicColors[`${t}400`]},off:{containerColor:r,borderColor:i}},disabled:{on:{containerColor:a,borderColor:e.basicColors[`${t}100`]},off:{containerColor:o,borderColor:s}}}}};exports.default=t;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("../../../core/Colors/index.cjs.js");var t=t=>{let n=`transparent`,r=`transparent`,i=e.basicColors.gray100,a=`transparent`,o=e.basicColors.gray25,s=e.basicColors.gray50;switch(t){case`gray`:return{default:{on:{containerColor:n,borderColor:e.basicColors.gray900},off:{containerColor:r,borderColor:i}},disabled:{on:{containerColor:a,borderColor:e.basicColors.gray200},off:{containerColor:o,borderColor:s}}};default:return{default:{on:{containerColor:n,borderColor:e.basicColors[`${t}400`]},off:{containerColor:r,borderColor:i}},disabled:{on:{containerColor:a,borderColor:e.basicColors[`${t}100`]},off:{containerColor:o,borderColor:s}}}}};exports.default=t;

package/dist/utils/GenerateColorStyle/control/switch.cjs.js

@@ -1 +1 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require(`../../../core/Colors/index.cjs.js`);var t=t=>{let n=e.basicColors.white,r=e.basicColors.gray100,i=e.semanticColors.controlSwitchEnabledOffInnerCircle,a=e.semanticColors.controlSwitchDisabledOnInnerCircle,o=e.basicColors.gray50,s=e.semanticColors.controlSwitchDisabledOffInnerCircle;switch(t){case`gray`:return{default:{on:{containerColor:e.semanticColors.controlGraySwitchEnabledOnContainer,innerCircleColor:n},off:{containerColor:r,innerCircleColor:i}},disabled:{on:{containerColor:e.basicColors.gray200,innerCircleColor:a},off:{containerColor:o,innerCircleColor:s}}};default:return{default:{on:{containerColor:e.basicColors[`${t}400`],innerCircleColor:n},off:{containerColor:r,innerCircleColor:i}},disabled:{on:{containerColor:e.basicColors[`${t}100`],innerCircleColor:a},off:{containerColor:o,innerCircleColor:s}}}}};exports.default=t;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("../../../core/Colors/index.cjs.js");var t=t=>{let n=e.basicColors.white,r=e.basicColors.gray100,i=e.semanticColors.controlSwitchEnabledOffInnerCircle,a=e.semanticColors.controlSwitchDisabledOnInnerCircle,o=e.basicColors.gray50,s=e.semanticColors.controlSwitchDisabledOffInnerCircle;switch(t){case`gray`:return{default:{on:{containerColor:e.semanticColors.controlGraySwitchEnabledOnContainer,innerCircleColor:n},off:{containerColor:r,innerCircleColor:i}},disabled:{on:{containerColor:e.basicColors.gray200,innerCircleColor:a},off:{containerColor:o,innerCircleColor:s}}};default:return{default:{on:{containerColor:e.basicColors[`${t}400`],innerCircleColor:n},off:{containerColor:r,innerCircleColor:i}},disabled:{on:{containerColor:e.basicColors[`${t}100`],innerCircleColor:a},off:{containerColor:o,innerCircleColor:s}}}}};exports.default=t;

package/dist/utils/GenerateColorStyle/datepicker.cjs.js

@@ -1 +1 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require(`../../core/Colors/index.cjs.js`);var t={textColor:e.basicColors.gray900,focusedTextColor:e.basicColors.white,disabledTextColor:e.basicColors.gray100,hoverContainerColor:e.basicColors.gray50},n=n=>{switch(n){case`gray`:return{...t,focusedContainerColor:e.basicColors.gray900,rangeContainerColor:e.basicColors.gray50};default:return{...t,focusedContainerColor:e.basicColors[`${n}400`],rangeContainerColor:e.basicColors[`${n}50`]}}};exports.default=n;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("../../core/Colors/index.cjs.js");var t={textColor:e.basicColors.gray900,focusedTextColor:e.basicColors.white,disabledTextColor:e.basicColors.gray100,hoverContainerColor:e.basicColors.gray50},n=n=>{switch(n){case`gray`:return{...t,focusedContainerColor:e.basicColors.gray900,rangeContainerColor:e.basicColors.gray50};default:return{...t,focusedContainerColor:e.basicColors[`${n}400`],rangeContainerColor:e.basicColors[`${n}50`]}}};exports.default=n;

package/dist/utils/GenerateColorStyle/index.cjs.js

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./common/type.cjs.js`),t=require(`./chip.cjs.js`),n=require(`./control/check-box.cjs.js`),r=require(`./control/check-mark.cjs.js`),i=require(`./control/radio-button.cjs.js`),a=require(`./control/switch.cjs.js`),o=require(`./datepicker.cjs.js`),s=require(`./mini-button.cjs.js`),c=require(`./progress-bar.cjs.js`),l=require(`./single-button.cjs.js`),u=require(`./tab/fill-tabs.cjs.js`),d=require(`./tab/text-tabs.cjs.js`),f=require(`./tag.cjs.js`);exports.ColorTypeArray=e.ColorTypeArray,exports.PurposeArray=e.PurposeArray,exports.StateArray=e.StateArray,exports.StatusArray=e.StatusArray,exports.checkBoxColorStyle=n.default,exports.checkMarkColorStyle=r.default,exports.chipColorStyle=t.default,exports.datepickerColorStyle=o.default,exports.fillTabColorStyle=u.default,exports.miniButtonColorStyle=s.default,exports.progressBarColorStyle=c.default,exports.radioButtonColorStyle=i.default,exports.singleButtonColorStyle=l.default,exports.switchColorStyle=a.default,exports.tagColorStyle=f.default,exports.textTabColorStyle=d.default;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./common/type.cjs.js"),t=require("./chip.cjs.js"),n=require("./control/check-box.cjs.js"),r=require("./control/check-mark.cjs.js"),i=require("./control/radio-button.cjs.js"),a=require("./control/switch.cjs.js"),o=require("./datepicker.cjs.js"),s=require("./mini-button.cjs.js"),c=require("./progress-bar.cjs.js"),l=require("./single-button.cjs.js"),u=require("./tab/fill-tabs.cjs.js"),d=require("./tab/text-tabs.cjs.js"),f=require("./tag.cjs.js");exports.ColorTypeArray=e.ColorTypeArray,exports.PurposeArray=e.PurposeArray,exports.StateArray=e.StateArray,exports.StatusArray=e.StatusArray,exports.checkBoxColorStyle=n.default,exports.checkMarkColorStyle=r.default,exports.chipColorStyle=t.default,exports.datepickerColorStyle=o.default,exports.fillTabColorStyle=u.default,exports.miniButtonColorStyle=s.default,exports.progressBarColorStyle=c.default,exports.radioButtonColorStyle=i.default,exports.singleButtonColorStyle=l.default,exports.switchColorStyle=a.default,exports.tagColorStyle=f.default,exports.textTabColorStyle=d.default;

package/dist/utils/GenerateColorStyle/mini-button.cjs.js

@@ -1 +1 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require(`../../core/Colors/index.cjs.js`);var t={hoverContainerColor:e.basicColors.gray50,focusedContainerColor:e.basicColors.gray100,disabledTextColor:e.basicColors.gray200},n=n=>{switch(n){case`gray`:return{...t,textColor:e.basicColors.gray400,iconColor:e.basicColors.gray200,iconDisabledColor:e.basicColors.gray50};default:return{...t,textColor:e.basicColors[`${n}400`],iconColor:e.basicColors[`${n}400`],iconDisabledColor:e.basicColors.gray200}}};exports.default=n;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("../../core/Colors/index.cjs.js");var t={hoverContainerColor:e.basicColors.gray50,focusedContainerColor:e.basicColors.gray100,disabledTextColor:e.basicColors.gray200},n=n=>{switch(n){case`gray`:return{...t,textColor:e.basicColors.gray400,iconColor:e.basicColors.gray200,iconDisabledColor:e.basicColors.gray50};default:return{...t,textColor:e.basicColors[`${n}400`],iconColor:e.basicColors[`${n}400`],iconDisabledColor:e.basicColors.gray200}}};exports.default=n;

package/dist/utils/GenerateColorStyle/progress-bar.cjs.js

@@ -1 +1 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require(`../../core/Colors/index.cjs.js`);var t=t=>{switch(t){default:return{upperColor:e.basicColors[`${t}400`]}}};exports.default=t;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("../../core/Colors/index.cjs.js");var t=t=>{switch(t){default:return{upperColor:e.basicColors[`${t}400`]}}};exports.default=t;

package/dist/utils/GenerateColorStyle/single-button.cjs.js

@@ -1 +1 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require(`../../core/Colors/index.cjs.js`);var t=t=>{let n,r,i,a,o,s;switch(t){default:n=e.basicColors.white,r=e.basicColors.white;break}switch(t){case`gray`:i=e.basicColors.gray900,a=e.basicColors.gray700,o=e.basicColors.gray800,s=e.basicColors.gray100;break;default:i=e.basicColors[`${t}400`],a=e.basicColors[`${t}500`],o=e.basicColors[`${t}600`],s=e.basicColors[`${t}100`];break}return{textColor:n,disabledTextColor:r,defaultContainerColor:i,hoverContainerColor:a,focusedContainerColor:o,disabledContainerColor:s}},n=t=>{let n,r,i,a,o,s;switch(t){case`gray`:n=e.basicColors.gray700;break;default:n=e.basicColors[`${t}400`];break}switch(t){default:r=e.semanticColorsMethod.buttonSubDisabledText(t)}switch(t){default:i=e.basicColors[`${t}50`],a=e.basicColors[`${t}100`],o=e.basicColors[`${t}200`],s=e.basicColors[`${t}50`]}return{textColor:n,disabledTextColor:r,defaultContainerColor:i,hoverContainerColor:a,focusedContainerColor:o,disabledContainerColor:s}},r=({colorType:e,purpose:r})=>{switch(r){case`main`:return t(e);case`sub`:return n(e)}};exports.default=r;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("../../core/Colors/index.cjs.js");var t=t=>{let n,r,i,a,o,s;switch(t){default:n=e.basicColors.white,r=e.basicColors.white;break}switch(t){case`gray`:i=e.basicColors.gray900,a=e.basicColors.gray700,o=e.basicColors.gray800,s=e.basicColors.gray100;break;default:i=e.basicColors[`${t}400`],a=e.basicColors[`${t}500`],o=e.basicColors[`${t}600`],s=e.basicColors[`${t}100`];break}return{textColor:n,disabledTextColor:r,defaultContainerColor:i,hoverContainerColor:a,focusedContainerColor:o,disabledContainerColor:s}},n=t=>{let n,r,i,a,o,s;switch(t){case`gray`:n=e.basicColors.gray700;break;default:n=e.basicColors[`${t}400`];break}switch(t){default:r=e.semanticColorsMethod.buttonSubDisabledText(t)}switch(t){default:i=e.basicColors[`${t}50`],a=e.basicColors[`${t}100`],o=e.basicColors[`${t}200`],s=e.basicColors[`${t}50`]}return{textColor:n,disabledTextColor:r,defaultContainerColor:i,hoverContainerColor:a,focusedContainerColor:o,disabledContainerColor:s}},r=({colorType:e,purpose:r})=>{switch(r){case`main`:return t(e);case`sub`:return n(e)}};exports.default=r;

package/dist/utils/GenerateColorStyle/tab/fill-tabs.cjs.js

@@ -1 +1 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require(`../../../core/Colors/index.cjs.js`);var t=t=>{let n=e.basicColors.gray700,r=e.basicColors.gray50;switch(t){case`gray`:return{on:{textColor:e.semanticColors.buttonGrayMainAbledText,containerColor:e.basicColors.gray700},off:{textColor:n,containerColor:r}};default:return{on:{textColor:e.semanticColors.buttonGrayMainAbledText,containerColor:e.basicColors[`${t}400`]},off:{textColor:n,containerColor:r}}}};exports.default=t;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("../../../core/Colors/index.cjs.js");var t=t=>{let n=e.basicColors.gray700,r=e.basicColors.gray50;switch(t){case`gray`:return{on:{textColor:e.semanticColors.buttonGrayMainAbledText,containerColor:e.basicColors.gray700},off:{textColor:n,containerColor:r}};default:return{on:{textColor:e.semanticColors.buttonGrayMainAbledText,containerColor:e.basicColors[`${t}400`]},off:{textColor:n,containerColor:r}}}};exports.default=t;

package/dist/utils/GenerateColorStyle/tab/text-tabs.cjs.js

@@ -1 +1 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require(`../../../core/Colors/index.cjs.js`);var t=t=>{let n=e.basicColors.gray100,r=`none`;switch(t){case`gray`:return{on:{textColor:e.basicColors.gray900,barColor:e.basicColors.gray900},off:{textColor:n,barColor:r}};default:return{on:{textColor:e.basicColors[`${t}400`],barColor:e.basicColors[`${t}400`]},off:{textColor:n,barColor:r}}}};exports.default=t;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("../../../core/Colors/index.cjs.js");var t=t=>{let n=e.basicColors.gray100,r=`none`;switch(t){case`gray`:return{on:{textColor:e.basicColors.gray900,barColor:e.basicColors.gray900},off:{textColor:n,barColor:r}};default:return{on:{textColor:e.basicColors[`${t}400`],barColor:e.basicColors[`${t}400`]},off:{textColor:n,barColor:r}}}};exports.default=t;

package/dist/utils/GenerateColorStyle/tag.cjs.js

@@ -1 +1 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require(`../../core/Colors/index.cjs.js`);var t=t=>{switch(t){case`gray`:return{backgroundColor:e.basicColors.gray50,textColor:e.basicColors.gray600};default:return{backgroundColor:e.basicColors[`${t}50`],textColor:e.basicColors[`${t}400`]}}},n=t=>{switch(t){case`gray`:return{backgroundColor:e.basicColors.gray600,textColor:e.basicColors.gray5};default:return{backgroundColor:e.basicColors[`${t}400`],textColor:e.basicColors.gray5}}},r=({type:e,colorType:r})=>{switch(e){case`tint`:return t(r);case`fill`:return n(r)}};exports.default=r;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("../../core/Colors/index.cjs.js");var t=t=>{switch(t){case`gray`:return{backgroundColor:e.basicColors.gray50,textColor:e.basicColors.gray600};default:return{backgroundColor:e.basicColors[`${t}50`],textColor:e.basicColors[`${t}400`]}}},n=t=>{switch(t){case`gray`:return{backgroundColor:e.basicColors.gray600,textColor:e.basicColors.gray5};default:return{backgroundColor:e.basicColors[`${t}400`],textColor:e.basicColors.gray5}}},r=({type:e,colorType:r})=>{switch(e){case`tint`:return t(r);case`fill`:return n(r)}};exports.default=r;

package/dist/utils/index.cjs.js

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./format.util.cjs.js`),t=require(`./GenerateColorStyle/common/type.cjs.js`),n=require(`./GenerateColorStyle/chip.cjs.js`),r=require(`./GenerateColorStyle/control/check-box.cjs.js`),i=require(`./GenerateColorStyle/control/check-mark.cjs.js`),a=require(`./GenerateColorStyle/control/radio-button.cjs.js`),o=require(`./GenerateColorStyle/control/switch.cjs.js`),s=require(`./GenerateColorStyle/datepicker.cjs.js`),c=require(`./GenerateColorStyle/mini-button.cjs.js`),l=require(`./GenerateColorStyle/progress-bar.cjs.js`),u=require(`./GenerateColorStyle/single-button.cjs.js`),d=require(`./GenerateColorStyle/tab/fill-tabs.cjs.js`),f=require(`./GenerateColorStyle/tab/text-tabs.cjs.js`),p=require(`./GenerateColorStyle/tag.cjs.js`);require(`./GenerateColorStyle/index.cjs.js`);const m=require(`./media.util.cjs.js`);exports.Between=m.Between,exports.BetweenPcAndMobile=m.BetweenPcAndMobile,exports.ColorTypeArray=t.ColorTypeArray,exports.Larger=m.Larger,exports.MediaQuerySize=m.MediaQuerySize,exports.PurposeArray=t.PurposeArray,exports.Smaller=m.Smaller,exports.StateArray=t.StateArray,exports.StatusArray=t.StatusArray,exports.checkBoxColorStyle=r.default,exports.checkMarkColorStyle=i.default,exports.chipColorStyle=n.default,exports.datepickerColorStyle=s.default,exports.extractNumber=e.extractNumber,exports.fillTabColorStyle=d.default,exports.formatKoreaCurrency=e.formatKoreaCurrency,exports.miniButtonColorStyle=c.default,exports.numberAccept=e.numberAccept,exports.progressBarColorStyle=l.default,exports.radioButtonColorStyle=a.default,exports.singleButtonColorStyle=u.default,exports.switchColorStyle=o.default,exports.tagColorStyle=p.default,exports.textTabColorStyle=f.default;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./format.util.cjs.js"),t=require("./GenerateColorStyle/common/type.cjs.js"),n=require("./GenerateColorStyle/chip.cjs.js"),r=require("./GenerateColorStyle/control/check-box.cjs.js"),i=require("./GenerateColorStyle/control/check-mark.cjs.js"),a=require("./GenerateColorStyle/control/radio-button.cjs.js"),o=require("./GenerateColorStyle/control/switch.cjs.js"),s=require("./GenerateColorStyle/datepicker.cjs.js"),c=require("./GenerateColorStyle/mini-button.cjs.js"),l=require("./GenerateColorStyle/progress-bar.cjs.js"),u=require("./GenerateColorStyle/single-button.cjs.js"),d=require("./GenerateColorStyle/tab/fill-tabs.cjs.js"),f=require("./GenerateColorStyle/tab/text-tabs.cjs.js"),p=require("./GenerateColorStyle/tag.cjs.js");require("./GenerateColorStyle/index.cjs.js");const m=require("./media.util.cjs.js");exports.ColorTypeArray=t.ColorTypeArray,exports.MediaQuerySize=m.MediaQuerySize,exports.PurposeArray=t.PurposeArray,exports.StateArray=t.StateArray,exports.StatusArray=t.StatusArray,exports.checkBoxColorStyle=r.default,exports.checkMarkColorStyle=i.default,exports.chipColorStyle=n.default,exports.datepickerColorStyle=s.default,exports.extractNumber=e.extractNumber,exports.fillTabColorStyle=d.default,exports.formatKoreaCurrency=e.formatKoreaCurrency,exports.miniButtonColorStyle=c.default,exports.numberAccept=e.numberAccept,exports.progressBarColorStyle=l.default,exports.radioButtonColorStyle=a.default,exports.singleButtonColorStyle=u.default,exports.switchColorStyle=o.default,exports.tagColorStyle=p.default,exports.textTabColorStyle=f.default;

package/dist/utils/index.esm.js

@@ -13,5 +13,5 @@ import g from "./GenerateColorStyle/tab/fill-tabs.esm.js";
 import _ from "./GenerateColorStyle/tab/text-tabs.esm.js";
 import v from "./GenerateColorStyle/tag.esm.js";
 import "./GenerateColorStyle/index.esm.js";
-import { Between as y, BetweenPcAndMobile as b, Larger as x, MediaQuerySize as S, Smaller as C } from "./media.util.esm.js";
-export { y as Between, b as BetweenPcAndMobile, r as ColorTypeArray, x as Larger, S as MediaQuerySize, i as PurposeArray, C as Smaller, a as StateArray, o as StatusArray, c as checkBoxColorStyle, l as checkMarkColorStyle, s as chipColorStyle, f as datepickerColorStyle, e as extractNumber, g as fillTabColorStyle, t as formatKoreaCurrency, p as miniButtonColorStyle, n as numberAccept, m as progressBarColorStyle, u as radioButtonColorStyle, h as singleButtonColorStyle, d as switchColorStyle, v as tagColorStyle, _ as textTabColorStyle };
+import { MediaQuerySize as y } from "./media.util.esm.js";
+export { r as ColorTypeArray, y as MediaQuerySize, i as PurposeArray, a as StateArray, o as StatusArray, c as checkBoxColorStyle, l as checkMarkColorStyle, s as chipColorStyle, f as datepickerColorStyle, e as extractNumber, g as fillTabColorStyle, t as formatKoreaCurrency, p as miniButtonColorStyle, n as numberAccept, m as progressBarColorStyle, u as radioButtonColorStyle, h as singleButtonColorStyle, d as switchColorStyle, v as tagColorStyle, _ as textTabColorStyle };

package/dist/utils/media.util.cjs.js

@@ -1,20 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../chunks/chunk.BwUGlERp.js`);let e=require(`@emotion/react`);var t={Mobile:1199,PC:1200},n=n=>e.css`
-	@media (max-width: ${t.Mobile}px) {
-		${n}
-	}
-`,r=n=>e.css`
-	@media (min-width: ${t.Mobile+1}px) {
-		${n}
-	}
-`,i=n=>e.css`
-	@media (min-width: ${t.Mobile+1}px) and (max-width: ${t.PC+30}px) {
-		${n}
-	}
-`,a=(n,r)=>e.css`
-	@media (min-width: ${t.Mobile+1}px) {
-		${n}
-	}
-	@media (max-width: ${t.Mobile}px) {
-		${r}
-	}
-`;exports.Between=i,exports.BetweenPcAndMobile=a,exports.Larger=r,exports.MediaQuerySize=t,exports.Smaller=n;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e={Mobile:1199,PC:1200};exports.MediaQuerySize=e;

package/dist/utils/media.util.d.ts

@@ -1,10 +1,5 @@
-import { SerializedStyles } from '@emotion/react';
 export declare const MediaQuerySize: {
     Mobile: number;
     PC: number;
 };
-export declare const Smaller: (style: SerializedStyles) => SerializedStyles;
-export declare const Larger: (style: SerializedStyles) => SerializedStyles;
-export declare const Between: (style: SerializedStyles) => SerializedStyles;
-export declare const BetweenPcAndMobile: (PcStyle: SerializedStyles, MobileStyle: SerializedStyles) => SerializedStyles;
 //# sourceMappingURL=media.util.d.ts.map

package/dist/utils/media.util.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"media.util.d.ts","sourceRoot":"","sources":["../../src/utils/media.util.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAE5D,eAAO,MAAM,cAAc;;;CAG1B,CAAC;AAEF,eAAO,MAAM,OAAO,GAAI,OAAO,gBAAgB,KAAG,gBAIjD,CAAC;AAEF,eAAO,MAAM,MAAM,GAAI,OAAO,gBAAgB,KAAG,gBAIhD,CAAC;AAEF,eAAO,MAAM,OAAO,GAAI,OAAO,gBAAgB,KAAG,gBAIjD,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,SAAS,gBAAgB,EAAE,aAAa,gBAAgB,KAAG,gBAO7F,CAAC"}
+{"version":3,"file":"media.util.d.ts","sourceRoot":"","sources":["../../src/utils/media.util.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,cAAc;;;CAG1B,CAAC"}

package/dist/utils/media.util.esm.js

@@ -1,27 +1,7 @@
-import { css as e } from "@emotion/react";
 //#region src/utils/media.util.ts
-var t = {
+var e = {
 	Mobile: 1199,
 	PC: 1200
-}, n = (n) => e`
-	@media (max-width: ${t.Mobile}px) {
-		${n}
-	}
-`, r = (n) => e`
-	@media (min-width: ${t.Mobile + 1}px) {
-		${n}
-	}
-`, i = (n) => e`
-	@media (min-width: ${t.Mobile + 1}px) and (max-width: ${t.PC + 30}px) {
-		${n}
-	}
-`, a = (n, r) => e`
-	@media (min-width: ${t.Mobile + 1}px) {
-		${n}
-	}
-	@media (max-width: ${t.Mobile}px) {
-		${r}
-	}
-`;
+};
 //#endregion
-export { i as Between, a as BetweenPcAndMobile, r as Larger, t as MediaQuerySize, n as Smaller };
+export { e as MediaQuerySize };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pfct/purple",
-  "version": "1.10.0",
+  "version": "1.11.1",
   "description": "design system for PFCT web service",
   "exports": {
     ".": {
@@ -44,7 +44,13 @@
     "storybook:build": "bun run build:icons && storybook build -o .build-storybook",
     "test": "vitest run",
     "test:watch": "vitest",
-    "build-storybook": "bun run build:icons && storybook build"
+    "build-storybook": "bun run build:icons && storybook build",
+    "vrt:build": "bun run build-storybook",
+    "vrt:baseline": "bun run vrt:build && bash vrt/run-docker.sh --update-snapshots",
+    "vrt:test": "bun run vrt:build && bash vrt/run-docker.sh",
+    "vrt:test:nobuild": "bash vrt/run-docker.sh",
+    "vrt:check": "bun run vrt:build && bun vrt/check-baselines.ts",
+    "vrt:report": "npx playwright show-report vrt/.report"
   },
   "lint-staged": {
     "src/**/*.{ts,tsx}": [
@@ -87,12 +93,11 @@
     "@babel/preset-env": "^7.22.10",
     "@babel/preset-react": "^7.22.10",
     "@babel/preset-typescript": "^7.18.6",
-    "@biomejs/biome": "2.4.14",
-    "@storybook/addon-docs": "10.4.1",
-    "@storybook/addon-essentials": "^8.6.8",
-    "@storybook/addon-interactions": "^8.6.8",
-    "@storybook/react-vite": "10.4.1",
-    "@types/node": "^20.17.28",
+    "@biomejs/biome": "2.4.16",
+    "@playwright/test": "1.60.0",
+    "@storybook/addon-docs": "10.4.3",
+    "@storybook/react-vite": "10.4.3",
+    "@types/node": "^25.9.2",
     "@types/react": "^19.2.14",
     "@types/react-dom": "^19.2.3",
     "@vitejs/plugin-react": "^6.0.0",
@@ -102,10 +107,10 @@
     "lint-staged": "^17.0.5",
     "prettier": "^3.8.1",
     "rollup-plugin-visualizer": "^7.0.0",
-    "storybook": "10.4.1",
+    "storybook": "10.4.3",
     "tailwindcss": "^4.0.15",
     "typescript": "^6.0.2",
-    "ultracite": "7.7.0",
+    "ultracite": "7.8.2",
     "vite": "^8.0.0",
     "vite-plugin-dts": "^5.0.0",
     "vitest": "^4.0.18"

package/dist/chunks/Accordion.BcpA7lkV.js

@@ -1,430 +0,0 @@
-import { a as e, i as t, r as n, s as r, t as i } from "./dist.DGVd_J3q.js";
-import { n as a, t as o } from "./dist.BG1WP-3M.js";
-import { t as s } from "./dist.BKPw_Ml9.js";
-import { t as c } from "./dist.DE7ReqSV.js";
-import l from "../icons/src/icons/Chevron_down.esm.js";
-import "../icons/src/aliases/index.esm.js";
-import { t as u } from "./utils.DKI2ovkh.js";
-import * as d from "react";
-import f from "react";
-import { jsx as p, jsxs as m } from "react/jsx-runtime";
-//#region node_modules/@radix-ui/react-collection/node_modules/@radix-ui/react-slot/dist/index.mjs
-/* @__NO_SIDE_EFFECTS__ */
-function h(e) {
-	let t = /* @__PURE__ */ g(e), n = d.forwardRef((e, n) => {
-		let { children: r, ...i } = e, a = d.Children.toArray(r), o = a.find(v);
-		if (o) {
-			let e = o.props.children, r = a.map((t) => t === o ? d.Children.count(e) > 1 ? d.Children.only(null) : d.isValidElement(e) ? e.props.children : null : t);
-			return /* @__PURE__ */ p(t, {
-				...i,
-				ref: n,
-				children: d.isValidElement(e) ? d.cloneElement(e, void 0, r) : null
-			});
-		}
-		return /* @__PURE__ */ p(t, {
-			...i,
-			ref: n,
-			children: r
-		});
-	});
-	return n.displayName = `${e}.Slot`, n;
-}
-/* @__NO_SIDE_EFFECTS__ */
-function g(e) {
-	let t = d.forwardRef((e, t) => {
-		let { children: n, ...r } = e;
-		if (d.isValidElement(n)) {
-			let e = b(n), i = y(r, n.props);
-			return n.type !== d.Fragment && (i.ref = t ? o(t, e) : e), d.cloneElement(n, i);
-		}
-		return d.Children.count(n) > 1 ? d.Children.only(null) : null;
-	});
-	return t.displayName = `${e}.SlotClone`, t;
-}
-var _ = Symbol("radix.slottable");
-function v(e) {
-	return d.isValidElement(e) && typeof e.type == "function" && "__radixId" in e.type && e.type.__radixId === _;
-}
-function y(e, t) {
-	let n = { ...t };
-	for (let r in t) {
-		let i = e[r], a = t[r];
-		/^on[A-Z]/.test(r) ? i && a ? n[r] = (...e) => {
-			let t = a(...e);
-			return i(...e), t;
-		} : i && (n[r] = i) : r === "style" ? n[r] = {
-			...i,
-			...a
-		} : r === "className" && (n[r] = [i, a].filter(Boolean).join(" "));
-	}
-	return {
-		...e,
-		...n
-	};
-}
-function b(e) {
-	let t = Object.getOwnPropertyDescriptor(e.props, "ref")?.get, n = t && "isReactWarning" in t && t.isReactWarning;
-	return n ? e.ref : (t = Object.getOwnPropertyDescriptor(e, "ref")?.get, n = t && "isReactWarning" in t && t.isReactWarning, n ? e.props.ref : e.props.ref || e.ref);
-}
-//#endregion
-//#region node_modules/@radix-ui/react-collection/dist/index.mjs
-function x(e) {
-	let t = e + "CollectionProvider", [n, i] = r(t), [o, s] = n(t, {
-		collectionRef: { current: null },
-		itemMap: /* @__PURE__ */ new Map()
-	}), c = (e) => {
-		let { scope: t, children: n } = e, r = f.useRef(null), i = f.useRef(/* @__PURE__ */ new Map()).current;
-		return /* @__PURE__ */ p(o, {
-			scope: t,
-			itemMap: i,
-			collectionRef: r,
-			children: n
-		});
-	};
-	c.displayName = t;
-	let l = e + "CollectionSlot", u = /* @__PURE__ */ h(l), d = f.forwardRef((e, t) => {
-		let { scope: n, children: r } = e;
-		return /* @__PURE__ */ p(u, {
-			ref: a(t, s(l, n).collectionRef),
-			children: r
-		});
-	});
-	d.displayName = l;
-	let m = e + "CollectionItemSlot", g = "data-radix-collection-item", _ = /* @__PURE__ */ h(m), v = f.forwardRef((e, t) => {
-		let { scope: n, children: r, ...i } = e, o = f.useRef(null), c = a(t, o), l = s(m, n);
-		return f.useEffect(() => (l.itemMap.set(o, {
-			ref: o,
-			...i
-		}), () => void l.itemMap.delete(o))), /* @__PURE__ */ p(_, {
-			[g]: "",
-			ref: c,
-			children: r
-		});
-	});
-	v.displayName = m;
-	function y(t) {
-		let n = s(e + "CollectionConsumer", t);
-		return f.useCallback(() => {
-			let e = n.collectionRef.current;
-			if (!e) return [];
-			let t = Array.from(e.querySelectorAll(`[${g}]`));
-			return Array.from(n.itemMap.values()).sort((e, n) => t.indexOf(e.ref.current) - t.indexOf(n.ref.current));
-		}, [n.collectionRef, n.itemMap]);
-	}
-	return [
-		{
-			Provider: c,
-			Slot: d,
-			ItemSlot: v
-		},
-		y,
-		i
-	];
-}
-//#endregion
-//#region node_modules/@radix-ui/react-collapsible/dist/index.mjs
-var S = "Collapsible", [ee, C] = r(S), [te, w] = ee(S), T = d.forwardRef((e, t) => {
-	let { __scopeCollapsible: r, open: a, defaultOpen: o, disabled: s, onOpenChange: l, ...u } = e, [f, m] = n({
-		prop: a,
-		defaultProp: o ?? !1,
-		onChange: l,
-		caller: S
-	});
-	return /* @__PURE__ */ p(te, {
-		scope: r,
-		disabled: s,
-		contentId: c(),
-		open: f,
-		onOpenToggle: d.useCallback(() => m((e) => !e), [m]),
-		children: /* @__PURE__ */ p(i.div, {
-			"data-state": A(f),
-			"data-disabled": s ? "" : void 0,
-			...u,
-			ref: t
-		})
-	});
-});
-T.displayName = S;
-var E = "CollapsibleTrigger", D = d.forwardRef((t, n) => {
-	let { __scopeCollapsible: r, ...a } = t, o = w(E, r);
-	return /* @__PURE__ */ p(i.button, {
-		type: "button",
-		"aria-controls": o.contentId,
-		"aria-expanded": o.open || !1,
-		"data-state": A(o.open),
-		"data-disabled": o.disabled ? "" : void 0,
-		disabled: o.disabled,
-		...a,
-		ref: n,
-		onClick: e(t.onClick, o.onOpenToggle)
-	});
-});
-D.displayName = E;
-var O = "CollapsibleContent", k = d.forwardRef((e, t) => {
-	let { forceMount: n, ...r } = e, i = w(O, e.__scopeCollapsible);
-	return /* @__PURE__ */ p(s, {
-		present: n || i.open,
-		children: ({ present: e }) => /* @__PURE__ */ p(ne, {
-			...r,
-			ref: t,
-			present: e
-		})
-	});
-});
-k.displayName = O;
-var ne = d.forwardRef((e, n) => {
-	let { __scopeCollapsible: r, present: o, children: s, ...c } = e, l = w(O, r), [u, f] = d.useState(o), m = d.useRef(null), h = a(n, m), g = d.useRef(0), _ = g.current, v = d.useRef(0), y = v.current, b = l.open || u, x = d.useRef(b), S = d.useRef(void 0);
-	return d.useEffect(() => {
-		let e = requestAnimationFrame(() => x.current = !1);
-		return () => cancelAnimationFrame(e);
-	}, []), t(() => {
-		let e = m.current;
-		if (e) {
-			S.current = S.current || {
-				transitionDuration: e.style.transitionDuration,
-				animationName: e.style.animationName
-			}, e.style.transitionDuration = "0s", e.style.animationName = "none";
-			let t = e.getBoundingClientRect();
-			g.current = t.height, v.current = t.width, x.current || (e.style.transitionDuration = S.current.transitionDuration, e.style.animationName = S.current.animationName), f(o);
-		}
-	}, [l.open, o]), /* @__PURE__ */ p(i.div, {
-		"data-state": A(l.open),
-		"data-disabled": l.disabled ? "" : void 0,
-		id: l.contentId,
-		hidden: !b,
-		...c,
-		ref: h,
-		style: {
-			"--radix-collapsible-content-height": _ ? `${_}px` : void 0,
-			"--radix-collapsible-content-width": y ? `${y}px` : void 0,
-			...e.style
-		},
-		children: b && s
-	});
-});
-function A(e) {
-	return e ? "open" : "closed";
-}
-var re = T, ie = D, j = k, ae = d.createContext(void 0);
-function oe(e) {
-	let t = d.useContext(ae);
-	return e || t || "ltr";
-}
-//#endregion
-//#region node_modules/@radix-ui/react-accordion/dist/index.mjs
-var M = "Accordion", se = [
-	"Home",
-	"End",
-	"ArrowDown",
-	"ArrowUp",
-	"ArrowLeft",
-	"ArrowRight"
-], [N, ce, le] = x(M), [P, ue] = r(M, [le, C]), F = C(), I = f.forwardRef((e, t) => {
-	let { type: n, ...r } = e, i = r, a = r;
-	return /* @__PURE__ */ p(N.Provider, {
-		scope: e.__scopeAccordion,
-		children: n === "multiple" ? /* @__PURE__ */ p(z, {
-			...a,
-			ref: t
-		}) : /* @__PURE__ */ p(pe, {
-			...i,
-			ref: t
-		})
-	});
-});
-I.displayName = M;
-var [L, de] = P(M), [R, fe] = P(M, { collapsible: !1 }), pe = f.forwardRef((e, t) => {
-	let { value: r, defaultValue: i, onValueChange: a = () => {}, collapsible: o = !1, ...s } = e, [c, l] = n({
-		prop: r,
-		defaultProp: i ?? "",
-		onChange: a,
-		caller: M
-	});
-	return /* @__PURE__ */ p(L, {
-		scope: e.__scopeAccordion,
-		value: f.useMemo(() => c ? [c] : [], [c]),
-		onItemOpen: l,
-		onItemClose: f.useCallback(() => o && l(""), [o, l]),
-		children: /* @__PURE__ */ p(R, {
-			scope: e.__scopeAccordion,
-			collapsible: o,
-			children: /* @__PURE__ */ p(V, {
-				...s,
-				ref: t
-			})
-		})
-	});
-}), z = f.forwardRef((e, t) => {
-	let { value: r, defaultValue: i, onValueChange: a = () => {}, ...o } = e, [s, c] = n({
-		prop: r,
-		defaultProp: i ?? [],
-		onChange: a,
-		caller: M
-	}), l = f.useCallback((e) => c((t = []) => [...t, e]), [c]), u = f.useCallback((e) => c((t = []) => t.filter((t) => t !== e)), [c]);
-	return /* @__PURE__ */ p(L, {
-		scope: e.__scopeAccordion,
-		value: s,
-		onItemOpen: l,
-		onItemClose: u,
-		children: /* @__PURE__ */ p(R, {
-			scope: e.__scopeAccordion,
-			collapsible: !0,
-			children: /* @__PURE__ */ p(V, {
-				...o,
-				ref: t
-			})
-		})
-	});
-}), [me, B] = P(M), V = f.forwardRef((t, n) => {
-	let { __scopeAccordion: r, disabled: o, dir: s, orientation: c = "vertical", ...l } = t, u = a(f.useRef(null), n), d = ce(r), m = oe(s) === "ltr", h = e(t.onKeyDown, (e) => {
-		if (!se.includes(e.key)) return;
-		let t = e.target, n = d().filter((e) => !e.ref.current?.disabled), r = n.findIndex((e) => e.ref.current === t), i = n.length;
-		if (r === -1) return;
-		e.preventDefault();
-		let a = r, o = i - 1, s = () => {
-			a = r + 1, a > o && (a = 0);
-		}, l = () => {
-			a = r - 1, a < 0 && (a = o);
-		};
-		switch (e.key) {
-			case "Home":
-				a = 0;
-				break;
-			case "End":
-				a = o;
-				break;
-			case "ArrowRight":
-				c === "horizontal" && (m ? s() : l());
-				break;
-			case "ArrowDown":
-				c === "vertical" && s();
-				break;
-			case "ArrowLeft":
-				c === "horizontal" && (m ? l() : s());
-				break;
-			case "ArrowUp":
-				c === "vertical" && l();
-				break;
-		}
-		n[a % i].ref.current?.focus();
-	});
-	return /* @__PURE__ */ p(me, {
-		scope: r,
-		disabled: o,
-		direction: s,
-		orientation: c,
-		children: /* @__PURE__ */ p(N.Slot, {
-			scope: r,
-			children: /* @__PURE__ */ p(i.div, {
-				...l,
-				"data-orientation": c,
-				ref: u,
-				onKeyDown: o ? void 0 : h
-			})
-		})
-	});
-}), H = "AccordionItem", [he, U] = P(H), W = f.forwardRef((e, t) => {
-	let { __scopeAccordion: n, value: r, ...i } = e, a = B(H, n), o = de(H, n), s = F(n), l = c(), u = r && o.value.includes(r) || !1, d = a.disabled || e.disabled;
-	return /* @__PURE__ */ p(he, {
-		scope: n,
-		open: u,
-		disabled: d,
-		triggerId: l,
-		children: /* @__PURE__ */ p(re, {
-			"data-orientation": a.orientation,
-			"data-state": Z(u),
-			...s,
-			...i,
-			ref: t,
-			disabled: d,
-			open: u,
-			onOpenChange: (e) => {
-				e ? o.onItemOpen(r) : o.onItemClose(r);
-			}
-		})
-	});
-});
-W.displayName = H;
-var G = "AccordionHeader", K = f.forwardRef((e, t) => {
-	let { __scopeAccordion: n, ...r } = e, a = B(M, n), o = U(G, n);
-	return /* @__PURE__ */ p(i.h3, {
-		"data-orientation": a.orientation,
-		"data-state": Z(o.open),
-		"data-disabled": o.disabled ? "" : void 0,
-		...r,
-		ref: t
-	});
-});
-K.displayName = G;
-var q = "AccordionTrigger", J = f.forwardRef((e, t) => {
-	let { __scopeAccordion: n, ...r } = e, i = B(M, n), a = U(q, n), o = fe(q, n), s = F(n);
-	return /* @__PURE__ */ p(N.ItemSlot, {
-		scope: n,
-		children: /* @__PURE__ */ p(ie, {
-			"aria-disabled": a.open && !o.collapsible || void 0,
-			"data-orientation": i.orientation,
-			id: a.triggerId,
-			...s,
-			...r,
-			ref: t
-		})
-	});
-});
-J.displayName = q;
-var Y = "AccordionContent", X = f.forwardRef((e, t) => {
-	let { __scopeAccordion: n, ...r } = e, i = B(M, n), a = U(Y, n), o = F(n);
-	return /* @__PURE__ */ p(j, {
-		role: "region",
-		"aria-labelledby": a.triggerId,
-		"data-orientation": i.orientation,
-		...o,
-		...r,
-		ref: t,
-		style: {
-			"--radix-accordion-content-height": "var(--radix-collapsible-content-height)",
-			"--radix-accordion-content-width": "var(--radix-collapsible-content-width)",
-			...e.style
-		}
-	});
-});
-X.displayName = Y;
-function Z(e) {
-	return e ? "open" : "closed";
-}
-var ge = I, _e = W, Q = K, ve = J, ye = X, $ = ({ ref: e, ...t }) => /* @__PURE__ */ p(ge, {
-	"data-slot": "accordion",
-	ref: e,
-	...t
-});
-$.displayName = "Accordion";
-function be({ className: e, ...t }) {
-	return /* @__PURE__ */ p(_e, {
-		className: e,
-		"data-slot": "accordion-item",
-		...t
-	});
-}
-function xe({ className: e, children: t, customIcon: n, ...r }) {
-	return /* @__PURE__ */ p(Q, {
-		className: "flex w-full",
-		children: /* @__PURE__ */ m(ve, {
-			className: u("flex flex-1 items-center justify-between gap-[3px] py-[15px] text-left outline-none transition-all focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none [&[data-state=open]>svg]:-rotate-180", e),
-			"data-slot": "accordion-trigger",
-			...r,
-			children: [t, n ?? /* @__PURE__ */ p(l, { className: u("pointer-events-none shrink-0 text-gray-200 transition-transform duration-300", "h-3.75 pc:h-5 pc:w-5 w-3.75") })]
-		})
-	});
-}
-function Se({ className: e, children: t, ...n }) {
-	return /* @__PURE__ */ p(ye, {
-		className: "overflow-hidden data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down",
-		"data-slot": "accordion-content",
-		...n,
-		children: /* @__PURE__ */ p("div", {
-			className: u("rounded-[10px] bg-gray-25 px-[20px] py-[15px]", e),
-			children: t
-		})
-	});
-}
-//#endregion
-export { xe as i, Se as n, be as r, $ as t };