@team-monolith/cds 0.20.0 → 0.21.0

package/dist/components/Banner.js

@@ -39,7 +39,7 @@ var COLOR_TO_STYLE = function (theme, color) {
         blue: css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n      background: ", ";\n      color: ", ";\n    "], ["\n      background: ", ";\n      color: ", ";\n    "])), theme.color.container.primaryContainer, theme.color.container.primaryOnContainer),
         green: css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n      background: ", ";\n      color: ", ";\n    "], ["\n      background: ", ";\n      color: ", ";\n    "])), theme.color.container.successContainer, theme.color.container.successOnContainer),
         yellow: css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n      background: ", ";\n      color: ", ";\n    "], ["\n      background: ", ";\n      color: ", ";\n    "])), theme.color.container.warningContainer, theme.color.container.warningOnContainer),
-    }[color]);
+    })[color];
 };
 /**
  * [피그마](https://www.figma.com/file/yhrRFizzmhPoHdw9FbYow2/Codle-PD-Kit---Components?type=design&node-id=44-2847&t=bhnL1ombbddld3RQ-0)

package/dist/components/CheckboxInput.js

@@ -48,7 +48,14 @@ var CheckboxInput = React.forwardRef(function (props, ref) {
     if (!label) {
         return _jsx(Checkbox, __assign({}, props, { ref: ref }));
     }
-    var checkboxProps = { checked: checked, spacer: spacer, disabled: disabled, partial: partial, onChange: onChange, inputProps: inputProps };
+    var checkboxProps = {
+        checked: checked,
+        spacer: spacer,
+        disabled: disabled,
+        partial: partial,
+        onChange: onChange,
+        inputProps: inputProps,
+    };
     return (_jsxs(Label, __assign({ className: className, ref: ref }, other, { children: [_jsx(Checkbox, __assign({}, checkboxProps)), _jsx("span", __assign({ css: css(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n            margin-left: 8px;\n          "], ["\n            margin-left: 8px;\n          "]))) }, { children: label }))] })));
 });
 var Checkbox = React.forwardRef(function (props, ref) {

package/dist/components/Input.js

@@ -45,7 +45,7 @@ var SIZE_TO_FONT_STYLES = function (size) {
         small: css(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n      font-size: 14px;\n      line-height: 20px;\n      svg {\n        width: 16px;\n        height: 16px;\n      }\n    "], ["\n      font-size: 14px;\n      line-height: 20px;\n      svg {\n        width: 16px;\n        height: 16px;\n      }\n    "]))),
         medium: css(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n      font-size: 16px;\n      line-height: 24px;\n      svg {\n        width: 16px;\n        height: 16px;\n      }\n    "], ["\n      font-size: 16px;\n      line-height: 24px;\n      svg {\n        width: 16px;\n        height: 16px;\n      }\n    "]))),
         large: css(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n      font-size: 18px;\n      line-height: 28px;\n      svg {\n        width: 18px;\n        height: 18px;\n      }\n    "], ["\n      font-size: 18px;\n      line-height: 28px;\n      svg {\n        width: 18px;\n        height: 18px;\n      }\n    "]))),
-    }[size]);
+    })[size];
 };
 /**
  * [피그마](https://www.figma.com/file/yhrRFizzmhPoHdw9FbYow2/Codle-PD-Kit---Components?type=design&node-id=26-10284&t=HnIfxpf8uR6WmzMW-0)

package/dist/foundation/breakpoints.js

@@ -3,6 +3,6 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
     return cooked;
 };
 import { css } from "@emotion/react";
-export var TABLET = function (style) { return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  @media (max-width: 1279px) {\n    ", "\n  }\n"], ["\n  @media (max-width: 1279px) {\n    ", "\n  }\n"])), style); };
+export var TABLET = function (style) { return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  @container layout-container (width < 1279px) {\n    ", "\n  }\n"], ["\n  @container layout-container (width < 1279px) {\n    ", "\n  }\n"])), style); };
 export var MOBILE = function (style) { return css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  @media (max-width: 719px) {\n    ", "\n  }\n"], ["\n  @media (max-width: 719px) {\n    ", "\n  }\n"])), style); };
 var templateObject_1, templateObject_2;

package/dist/patterns/SegmentedControl/SegmentedControlSquareButton.js

@@ -17,7 +17,7 @@ import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 /** @jsxImportSource @emotion/react */
 import styled from "@emotion/styled";
 import { useContext } from "react";
-import { shadows, SquareButton, } from "../..";
+import { shadows, SquareButton } from "../..";
 import { SegmentedControlGroupPropsContext } from "./SegmentedControlGroupPropsContext";
 /**
  * [피그마](https://www.figma.com/file/PnQp3tPxiCjgsPZfLUaUL1/Codle-PD-Kit---Patterns?node-id=181%3A89883)

package/dist/patterns/SegmentedControl/index.d.ts

@@ -1,3 +1,3 @@
-export * from './SegmentedControlGroup';
-export * from './SegmentedControlButton';
-export * from './SegmentedControlSquareButton';
+export * from "./SegmentedControlGroup";
+export * from "./SegmentedControlButton";
+export * from "./SegmentedControlSquareButton";

package/dist/patterns/SegmentedControl/index.js

@@ -1,3 +1,3 @@
-export * from './SegmentedControlGroup';
-export * from './SegmentedControlButton';
-export * from './SegmentedControlSquareButton';
+export * from "./SegmentedControlGroup";
+export * from "./SegmentedControlButton";
+export * from "./SegmentedControlSquareButton";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@team-monolith/cds",
-  "version": "0.20.0",
+  "version": "0.21.0",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "sideEffects": false,