@activecollab/components 1.0.84 → 1.0.85

package/dist/cjs/components/Dialog/Styles.js

@@ -16,7 +16,9 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 var StyledDialog = _styledComponents.default.div.withConfig({
   displayName: "Styles__StyledDialog",
   componentId: "sc-jwpvgm-0"
-})(["max-height:calc(100vh - 156px);background-color:var(--page-paper-main);color:var(--color-theme-900);box-shadow:var(--shadow-primary);border-radius:6px;width:540px;display:flex;flex-direction:column;flex:1 1 auto;margin:126px auto 30px auto;position:relative;", " ", " @media only screen and (max-width:480px){width:310px;margin:60px auto 30px auto;}"], _FontStyle.FontStyle, _BoxSizingStyle.BoxSizingStyle);
+})(["max-height:calc(100vh - 156px);background-color:var(--page-paper-main);color:var(--color-theme-900);box-shadow:var(--shadow-primary);", " width:540px;display:flex;flex-direction:column;flex:1 1 auto;margin:126px auto 30px auto;position:relative;", " ", " @media only screen and (max-width:480px){width:310px;margin:60px auto 30px auto;}"], {
+  "borderRadius": "0.5rem"
+}, _FontStyle.FontStyle, _BoxSizingStyle.BoxSizingStyle);
 
 exports.StyledDialog = StyledDialog;
 StyledDialog.displayName = "StyledDialog";

package/dist/cjs/components/Dialog/Styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Dialog/Styles.ts"],"names":["StyledDialog","styled","div","FontStyle","BoxSizingStyle","displayName","StyledDialogTitle","StyledDialogContent","StyledDialogContentDivider","StyledDialogActions"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;AAEO,IAAMA,YAAY,GAAGC,0BAAOC,GAAV;AAAA;AAAA;AAAA,sWAarBC,oBAbqB,EAcrBC,8BAdqB,CAAlB;;;AAqBPJ,YAAY,CAACK,WAAb,GAA2B,cAA3B;;AAEO,IAAMC,iBAAiB,GAAGL,0BAAOC,GAAV;AAAA;AAAA;AAAA,oCAG1BC,oBAH0B,EAI1BC,8BAJ0B,CAAvB;;;AAMPE,iBAAiB,CAACD,WAAlB,GAAgC,mBAAhC;;AAEO,IAAME,mBAAmB,GAAGN,0BAAOC,GAAV;AAAA;AAAA;AAAA,mFAM5BC,oBAN4B,EAO5BC,8BAP4B,CAAzB;;;AASPG,mBAAmB,CAACF,WAApB,GAAkC,qBAAlC;;AAEO,IAAMG,0BAA0B,GAAGP,0BAAOC,GAAV;AAAA;AAAA;AAAA,8DAAhC;;;AAIPM,0BAA0B,CAACH,WAA3B,GAAyC,4BAAzC;;AAEO,IAAMI,mBAAmB,GAAGR,0BAAOC,GAAV;AAAA;AAAA;AAAA,oCAG5BC,oBAH4B,EAI5BC,8BAJ4B,CAAzB;;;AAMPK,mBAAmB,CAACJ,WAApB,GAAkC,qBAAlC","sourcesContent":["import styled from \"styled-components\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\n\nexport const StyledDialog = styled.div`\n  max-height: calc(100vh - 156px);\n  background-color: var(--page-paper-main);\n  color: var(--color-theme-900);\n  box-shadow: var(--shadow-primary);\n  border-radius: 6px;\n  width: 540px;\n  display: flex;\n  flex-direction: column;\n  flex: 1 1 auto;\n  margin: 126px auto 30px auto;\n  position: relative;\n\n  ${FontStyle}\n  ${BoxSizingStyle}\n\n  @media only screen and (max-width: 480px) {\n    width: 310px;\n    margin: 60px auto 30px auto;\n  }\n`;\nStyledDialog.displayName = \"StyledDialog\";\n\nexport const StyledDialogTitle = styled.div`\n  padding: 20px 30px;\n\n  ${FontStyle}\n  ${BoxSizingStyle}\n`;\nStyledDialogTitle.displayName = \"StyledDialogTitle\";\n\nexport const StyledDialogContent = styled.div`\n  padding: 20px 30px;\n  max-height: 580px;\n  overflow-y: auto;\n  flex: 1 1 auto;\n\n  ${FontStyle}\n  ${BoxSizingStyle}\n`;\nStyledDialogContent.displayName = \"StyledDialogContent\";\n\nexport const StyledDialogContentDivider = styled.div`\n  border-top: 1px solid var(--border-primary);\n  height: 1px;\n`;\nStyledDialogContentDivider.displayName = \"StyledDialogContentDivider\";\n\nexport const StyledDialogActions = styled.div`\n  padding: 20px 30px;\n\n  ${FontStyle}\n  ${BoxSizingStyle}\n`;\nStyledDialogActions.displayName = \"StyledDialogActions\";\n"],"file":"Styles.js"}
+{"version":3,"sources":["../../../../src/components/Dialog/Styles.ts"],"names":["StyledDialog","styled","div","FontStyle","BoxSizingStyle","displayName","StyledDialogTitle","StyledDialogContent","StyledDialogContentDivider","StyledDialogActions"],"mappings":";;;;;;;AAAA;;AAEA;;AACA;;;;AAEO,IAAMA,YAAY,GAAGC,0BAAOC,GAAV;AAAA;AAAA;AAAA,yVAKnB;AAAA;AAAA,CALmB,EAarBC,oBAbqB,EAcrBC,8BAdqB,CAAlB;;;AAqBPJ,YAAY,CAACK,WAAb,GAA2B,cAA3B;;AAEO,IAAMC,iBAAiB,GAAGL,0BAAOC,GAAV;AAAA;AAAA;AAAA,oCAG1BC,oBAH0B,EAI1BC,8BAJ0B,CAAvB;;;AAMPE,iBAAiB,CAACD,WAAlB,GAAgC,mBAAhC;;AAEO,IAAME,mBAAmB,GAAGN,0BAAOC,GAAV;AAAA;AAAA;AAAA,mFAM5BC,oBAN4B,EAO5BC,8BAP4B,CAAzB;;;AASPG,mBAAmB,CAACF,WAApB,GAAkC,qBAAlC;;AAEO,IAAMG,0BAA0B,GAAGP,0BAAOC,GAAV;AAAA;AAAA;AAAA,8DAAhC;;;AAIPM,0BAA0B,CAACH,WAA3B,GAAyC,4BAAzC;;AAEO,IAAMI,mBAAmB,GAAGR,0BAAOC,GAAV;AAAA;AAAA;AAAA,oCAG5BC,oBAH4B,EAI5BC,8BAJ4B,CAAzB;;;AAMPK,mBAAmB,CAACJ,WAApB,GAAkC,qBAAlC","sourcesContent":["import styled from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\n\nexport const StyledDialog = styled.div`\n  max-height: calc(100vh - 156px);\n  background-color: var(--page-paper-main);\n  color: var(--color-theme-900);\n  box-shadow: var(--shadow-primary);\n  ${tw`tw-rounded-lg`}\n  width: 540px;\n  display: flex;\n  flex-direction: column;\n  flex: 1 1 auto;\n  margin: 126px auto 30px auto;\n  position: relative;\n\n  ${FontStyle}\n  ${BoxSizingStyle}\n\n  @media only screen and (max-width: 480px) {\n    width: 310px;\n    margin: 60px auto 30px auto;\n  }\n`;\nStyledDialog.displayName = \"StyledDialog\";\n\nexport const StyledDialogTitle = styled.div`\n  padding: 20px 30px;\n\n  ${FontStyle}\n  ${BoxSizingStyle}\n`;\nStyledDialogTitle.displayName = \"StyledDialogTitle\";\n\nexport const StyledDialogContent = styled.div`\n  padding: 20px 30px;\n  max-height: 580px;\n  overflow-y: auto;\n  flex: 1 1 auto;\n\n  ${FontStyle}\n  ${BoxSizingStyle}\n`;\nStyledDialogContent.displayName = \"StyledDialogContent\";\n\nexport const StyledDialogContentDivider = styled.div`\n  border-top: 1px solid var(--border-primary);\n  height: 1px;\n`;\nStyledDialogContentDivider.displayName = \"StyledDialogContentDivider\";\n\nexport const StyledDialogActions = styled.div`\n  padding: 20px 30px;\n\n  ${FontStyle}\n  ${BoxSizingStyle}\n`;\nStyledDialogActions.displayName = \"StyledDialogActions\";\n"],"file":"Styles.js"}

package/dist/cjs/components/Label/Label.js

@@ -13,7 +13,7 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _Typography = require("../Typography/Typography");
 
-var _excluded = ["invalid", "required", "size", "children", "className"];
+var _excluded = ["invalid", "required", "size", "children", "className", "weight"];
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -36,6 +36,8 @@ var Label = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
       size = _ref$size === void 0 ? "regular" : _ref$size,
       children = _ref.children,
       className = _ref.className,
+      _ref$weight = _ref.weight,
+      weight = _ref$weight === void 0 ? "bold" : _ref$weight,
       props = _objectWithoutProperties(_ref, _excluded);
 
   var color = invalid ? "alert" : "primary";
@@ -45,7 +47,7 @@ var Label = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     className: (0, _classnames.default)("c-label", className),
     variant: variant,
     color: color,
-    weight: "bold",
+    weight: weight,
     ref: ref
   }, props), children, required ? "*" : null);
 });

package/dist/cjs/components/Label/Label.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Label/Label.tsx"],"names":["Label","ref","invalid","required","size","children","className","props","color","variant","displayName"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;;;;;;;;;;;;;;;AAQO,IAAMA,KAAK,gBAAG,uBAKnB,gBASEC,GATF,EAUK;AAAA,0BARDC,OAQC;AAAA,MARDA,OAQC,6BARS,KAQT;AAAA,2BAPDC,QAOC;AAAA,MAPDA,QAOC,8BAPU,KAOV;AAAA,uBANDC,IAMC;AAAA,MANDA,IAMC,0BANM,SAMN;AAAA,MALDC,QAKC,QALDA,QAKC;AAAA,MAJDC,SAIC,QAJDA,SAIC;AAAA,MAHEC,KAGF;;AACH,MAAMC,KAAK,GAAGN,OAAO,GAAG,OAAH,GAAa,SAAlC;AACA,MAAMO,OAAO,GAAGL,IAAI,KAAK,SAAT,GAAqB,QAArB,GAAgC,WAAhD;AAEA,sBACE,6BAAC,sBAAD;AACE,IAAA,EAAE,EAAC,OADL;AAEE,IAAA,SAAS,EAAE,yBAAW,SAAX,EAAsBE,SAAtB,CAFb;AAGE,IAAA,OAAO,EAAEG,OAHX;AAIE,IAAA,KAAK,EAAED,KAJT;AAKE,IAAA,MAAM,EAAC,MALT;AAME,IAAA,GAAG,EAAEP;AANP,KAOMM,KAPN,GASGF,QATH,EAUGF,QAAQ,GAAG,GAAH,GAAS,IAVpB,CADF;AAcD,CAjCkB,CAAd;;AAoCPH,KAAK,CAACU,WAAN,GAAoB,OAApB","sourcesContent":["import classNames from \"classnames\";\nimport React, { forwardRef } from \"react\";\nimport { ITypographyProps, Typography } from \"../Typography/Typography\";\n\nexport interface ILabelProps {\n  invalid?: boolean;\n  required?: boolean;\n  size?: \"regular\" | \"small\";\n}\n\nexport const Label = forwardRef<\n  HTMLLabelElement,\n  ILabelProps &\n    Omit<ITypographyProps, keyof ILabelProps | \"variant\" | \"color\" | \"weight\">\n>(\n  (\n    {\n      invalid = false,\n      required = false,\n      size = \"regular\",\n      children,\n      className,\n      ...props\n    },\n    ref\n  ) => {\n    const color = invalid ? \"alert\" : \"primary\";\n    const variant = size === \"regular\" ? \"Body 2\" : \"Caption 1\";\n\n    return (\n      <Typography\n        as=\"label\"\n        className={classNames(\"c-label\", className)}\n        variant={variant}\n        color={color}\n        weight=\"bold\"\n        ref={ref}\n        {...props}\n      >\n        {children}\n        {required ? \"*\" : null}\n      </Typography>\n    );\n  }\n);\n\nLabel.displayName = \"Label\";\n"],"file":"Label.js"}
+{"version":3,"sources":["../../../../src/components/Label/Label.tsx"],"names":["Label","ref","invalid","required","size","children","className","weight","props","color","variant","displayName"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;;;;;;;;;;;;;;;AAQO,IAAMA,KAAK,gBAAG,uBAInB,gBAUEC,GAVF,EAWK;AAAA,0BATDC,OASC;AAAA,MATDA,OASC,6BATS,KAST;AAAA,2BARDC,QAQC;AAAA,MARDA,QAQC,8BARU,KAQV;AAAA,uBAPDC,IAOC;AAAA,MAPDA,IAOC,0BAPM,SAON;AAAA,MANDC,QAMC,QANDA,QAMC;AAAA,MALDC,SAKC,QALDA,SAKC;AAAA,yBAJDC,MAIC;AAAA,MAJDA,MAIC,4BAJQ,MAIR;AAAA,MAHEC,KAGF;;AACH,MAAMC,KAAK,GAAGP,OAAO,GAAG,OAAH,GAAa,SAAlC;AACA,MAAMQ,OAAO,GAAGN,IAAI,KAAK,SAAT,GAAqB,QAArB,GAAgC,WAAhD;AAEA,sBACE,6BAAC,sBAAD;AACE,IAAA,EAAE,EAAC,OADL;AAEE,IAAA,SAAS,EAAE,yBAAW,SAAX,EAAsBE,SAAtB,CAFb;AAGE,IAAA,OAAO,EAAEI,OAHX;AAIE,IAAA,KAAK,EAAED,KAJT;AAKE,IAAA,MAAM,EAAEF,MALV;AAME,IAAA,GAAG,EAAEN;AANP,KAOMO,KAPN,GASGH,QATH,EAUGF,QAAQ,GAAG,GAAH,GAAS,IAVpB,CADF;AAcD,CAjCkB,CAAd;;AAoCPH,KAAK,CAACW,WAAN,GAAoB,OAApB","sourcesContent":["import classNames from \"classnames\";\nimport React, { forwardRef } from \"react\";\nimport { ITypographyProps, Typography } from \"../Typography/Typography\";\n\nexport interface ILabelProps {\n  invalid?: boolean;\n  required?: boolean;\n  size?: \"regular\" | \"small\";\n}\n\nexport const Label = forwardRef<\n  HTMLLabelElement,\n  ILabelProps & Omit<ITypographyProps, keyof ILabelProps | \"variant\" | \"color\">\n>(\n  (\n    {\n      invalid = false,\n      required = false,\n      size = \"regular\",\n      children,\n      className,\n      weight = \"bold\",\n      ...props\n    },\n    ref\n  ) => {\n    const color = invalid ? \"alert\" : \"primary\";\n    const variant = size === \"regular\" ? \"Body 2\" : \"Caption 1\";\n\n    return (\n      <Typography\n        as=\"label\"\n        className={classNames(\"c-label\", className)}\n        variant={variant}\n        color={color}\n        weight={weight}\n        ref={ref}\n        {...props}\n      >\n        {children}\n        {required ? \"*\" : null}\n      </Typography>\n    );\n  }\n);\n\nLabel.displayName = \"Label\";\n"],"file":"Label.js"}

package/dist/esm/components/Dialog/Styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Dialog/Styles.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,YAAY,oEAoBxB,CAAC;AAGF,eAAO,MAAM,iBAAiB,oEAK7B,CAAC;AAGF,eAAO,MAAM,mBAAmB,oEAQ/B,CAAC;AAGF,eAAO,MAAM,0BAA0B,oEAGtC,CAAC;AAGF,eAAO,MAAM,mBAAmB,oEAK/B,CAAC"}
+{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Dialog/Styles.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,YAAY,oEAoBxB,CAAC;AAGF,eAAO,MAAM,iBAAiB,oEAK7B,CAAC;AAGF,eAAO,MAAM,mBAAmB,oEAQ/B,CAAC;AAGF,eAAO,MAAM,0BAA0B,oEAGtC,CAAC;AAGF,eAAO,MAAM,mBAAmB,oEAK/B,CAAC"}

package/dist/esm/components/Dialog/Styles.js

@@ -4,7 +4,9 @@ import { FontStyle } from "../FontStyle";
 export var StyledDialog = styled.div.withConfig({
   displayName: "Styles__StyledDialog",
   componentId: "sc-jwpvgm-0"
-})(["max-height:calc(100vh - 156px);background-color:var(--page-paper-main);color:var(--color-theme-900);box-shadow:var(--shadow-primary);border-radius:6px;width:540px;display:flex;flex-direction:column;flex:1 1 auto;margin:126px auto 30px auto;position:relative;", " ", " @media only screen and (max-width:480px){width:310px;margin:60px auto 30px auto;}"], FontStyle, BoxSizingStyle);
+})(["max-height:calc(100vh - 156px);background-color:var(--page-paper-main);color:var(--color-theme-900);box-shadow:var(--shadow-primary);", " width:540px;display:flex;flex-direction:column;flex:1 1 auto;margin:126px auto 30px auto;position:relative;", " ", " @media only screen and (max-width:480px){width:310px;margin:60px auto 30px auto;}"], {
+  "borderRadius": "0.5rem"
+}, FontStyle, BoxSizingStyle);
 StyledDialog.displayName = "StyledDialog";
 export var StyledDialogTitle = styled.div.withConfig({
   displayName: "Styles__StyledDialogTitle",

package/dist/esm/components/Dialog/Styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Dialog/Styles.ts"],"names":["styled","BoxSizingStyle","FontStyle","StyledDialog","div","displayName","StyledDialogTitle","StyledDialogContent","StyledDialogContentDivider","StyledDialogActions"],"mappings":"AAAA,OAAOA,MAAP,MAAmB,mBAAnB;AACA,SAASC,cAAT,QAA+B,mBAA/B;AACA,SAASC,SAAT,QAA0B,cAA1B;AAEA,OAAO,IAAMC,YAAY,GAAGH,MAAM,CAACI,GAAV;AAAA;AAAA;AAAA,sWAarBF,SAbqB,EAcrBD,cAdqB,CAAlB;AAqBPE,YAAY,CAACE,WAAb,GAA2B,cAA3B;AAEA,OAAO,IAAMC,iBAAiB,GAAGN,MAAM,CAACI,GAAV;AAAA;AAAA;AAAA,oCAG1BF,SAH0B,EAI1BD,cAJ0B,CAAvB;AAMPK,iBAAiB,CAACD,WAAlB,GAAgC,mBAAhC;AAEA,OAAO,IAAME,mBAAmB,GAAGP,MAAM,CAACI,GAAV;AAAA;AAAA;AAAA,mFAM5BF,SAN4B,EAO5BD,cAP4B,CAAzB;AASPM,mBAAmB,CAACF,WAApB,GAAkC,qBAAlC;AAEA,OAAO,IAAMG,0BAA0B,GAAGR,MAAM,CAACI,GAAV;AAAA;AAAA;AAAA,8DAAhC;AAIPI,0BAA0B,CAACH,WAA3B,GAAyC,4BAAzC;AAEA,OAAO,IAAMI,mBAAmB,GAAGT,MAAM,CAACI,GAAV;AAAA;AAAA;AAAA,oCAG5BF,SAH4B,EAI5BD,cAJ4B,CAAzB;AAMPQ,mBAAmB,CAACJ,WAApB,GAAkC,qBAAlC","sourcesContent":["import styled from \"styled-components\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\n\nexport const StyledDialog = styled.div`\n  max-height: calc(100vh - 156px);\n  background-color: var(--page-paper-main);\n  color: var(--color-theme-900);\n  box-shadow: var(--shadow-primary);\n  border-radius: 6px;\n  width: 540px;\n  display: flex;\n  flex-direction: column;\n  flex: 1 1 auto;\n  margin: 126px auto 30px auto;\n  position: relative;\n\n  ${FontStyle}\n  ${BoxSizingStyle}\n\n  @media only screen and (max-width: 480px) {\n    width: 310px;\n    margin: 60px auto 30px auto;\n  }\n`;\nStyledDialog.displayName = \"StyledDialog\";\n\nexport const StyledDialogTitle = styled.div`\n  padding: 20px 30px;\n\n  ${FontStyle}\n  ${BoxSizingStyle}\n`;\nStyledDialogTitle.displayName = \"StyledDialogTitle\";\n\nexport const StyledDialogContent = styled.div`\n  padding: 20px 30px;\n  max-height: 580px;\n  overflow-y: auto;\n  flex: 1 1 auto;\n\n  ${FontStyle}\n  ${BoxSizingStyle}\n`;\nStyledDialogContent.displayName = \"StyledDialogContent\";\n\nexport const StyledDialogContentDivider = styled.div`\n  border-top: 1px solid var(--border-primary);\n  height: 1px;\n`;\nStyledDialogContentDivider.displayName = \"StyledDialogContentDivider\";\n\nexport const StyledDialogActions = styled.div`\n  padding: 20px 30px;\n\n  ${FontStyle}\n  ${BoxSizingStyle}\n`;\nStyledDialogActions.displayName = \"StyledDialogActions\";\n"],"file":"Styles.js"}
+{"version":3,"sources":["../../../../src/components/Dialog/Styles.ts"],"names":["styled","BoxSizingStyle","FontStyle","StyledDialog","div","displayName","StyledDialogTitle","StyledDialogContent","StyledDialogContentDivider","StyledDialogActions"],"mappings":"AAAA,OAAOA,MAAP,MAAmB,mBAAnB;AAEA,SAASC,cAAT,QAA+B,mBAA/B;AACA,SAASC,SAAT,QAA0B,cAA1B;AAEA,OAAO,IAAMC,YAAY,GAAGH,MAAM,CAACI,GAAV;AAAA;AAAA;AAAA,yVAKnB;AAAA;AAAA,CALmB,EAarBF,SAbqB,EAcrBD,cAdqB,CAAlB;AAqBPE,YAAY,CAACE,WAAb,GAA2B,cAA3B;AAEA,OAAO,IAAMC,iBAAiB,GAAGN,MAAM,CAACI,GAAV;AAAA;AAAA;AAAA,oCAG1BF,SAH0B,EAI1BD,cAJ0B,CAAvB;AAMPK,iBAAiB,CAACD,WAAlB,GAAgC,mBAAhC;AAEA,OAAO,IAAME,mBAAmB,GAAGP,MAAM,CAACI,GAAV;AAAA;AAAA;AAAA,mFAM5BF,SAN4B,EAO5BD,cAP4B,CAAzB;AASPM,mBAAmB,CAACF,WAApB,GAAkC,qBAAlC;AAEA,OAAO,IAAMG,0BAA0B,GAAGR,MAAM,CAACI,GAAV;AAAA;AAAA;AAAA,8DAAhC;AAIPI,0BAA0B,CAACH,WAA3B,GAAyC,4BAAzC;AAEA,OAAO,IAAMI,mBAAmB,GAAGT,MAAM,CAACI,GAAV;AAAA;AAAA;AAAA,oCAG5BF,SAH4B,EAI5BD,cAJ4B,CAAzB;AAMPQ,mBAAmB,CAACJ,WAApB,GAAkC,qBAAlC","sourcesContent":["import styled from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\n\nexport const StyledDialog = styled.div`\n  max-height: calc(100vh - 156px);\n  background-color: var(--page-paper-main);\n  color: var(--color-theme-900);\n  box-shadow: var(--shadow-primary);\n  ${tw`tw-rounded-lg`}\n  width: 540px;\n  display: flex;\n  flex-direction: column;\n  flex: 1 1 auto;\n  margin: 126px auto 30px auto;\n  position: relative;\n\n  ${FontStyle}\n  ${BoxSizingStyle}\n\n  @media only screen and (max-width: 480px) {\n    width: 310px;\n    margin: 60px auto 30px auto;\n  }\n`;\nStyledDialog.displayName = \"StyledDialog\";\n\nexport const StyledDialogTitle = styled.div`\n  padding: 20px 30px;\n\n  ${FontStyle}\n  ${BoxSizingStyle}\n`;\nStyledDialogTitle.displayName = \"StyledDialogTitle\";\n\nexport const StyledDialogContent = styled.div`\n  padding: 20px 30px;\n  max-height: 580px;\n  overflow-y: auto;\n  flex: 1 1 auto;\n\n  ${FontStyle}\n  ${BoxSizingStyle}\n`;\nStyledDialogContent.displayName = \"StyledDialogContent\";\n\nexport const StyledDialogContentDivider = styled.div`\n  border-top: 1px solid var(--border-primary);\n  height: 1px;\n`;\nStyledDialogContentDivider.displayName = \"StyledDialogContentDivider\";\n\nexport const StyledDialogActions = styled.div`\n  padding: 20px 30px;\n\n  ${FontStyle}\n  ${BoxSizingStyle}\n`;\nStyledDialogActions.displayName = \"StyledDialogActions\";\n"],"file":"Styles.js"}

package/dist/esm/components/Label/Label.d.ts

@@ -5,5 +5,5 @@ export interface ILabelProps {
     required?: boolean;
     size?: "regular" | "small";
 }
-export declare const Label: React.ForwardRefExoticComponent<ILabelProps & Omit<ITypographyProps, "color" | "variant" | "weight" | keyof ILabelProps> & React.RefAttributes<HTMLLabelElement>>;
+export declare const Label: React.ForwardRefExoticComponent<ILabelProps & Omit<ITypographyProps, "color" | "variant" | keyof ILabelProps> & React.RefAttributes<HTMLLabelElement>>;
 //# sourceMappingURL=Label.d.ts.map

package/dist/esm/components/Label/Label.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Label.d.ts","sourceRoot":"","sources":["../../../../src/components/Label/Label.tsx"],"names":[],"mappings":"AACA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,gBAAgB,EAAc,MAAM,0BAA0B,CAAC;AAExE,MAAM,WAAW,WAAW;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;CAC5B;AAED,eAAO,MAAM,KAAK,mKAkCjB,CAAC"}
+{"version":3,"file":"Label.d.ts","sourceRoot":"","sources":["../../../../src/components/Label/Label.tsx"],"names":[],"mappings":"AACA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,gBAAgB,EAAc,MAAM,0BAA0B,CAAC;AAExE,MAAM,WAAW,WAAW;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;CAC5B;AAED,eAAO,MAAM,KAAK,wJAkCjB,CAAC"}

package/dist/esm/components/Label/Label.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-var _excluded = ["invalid", "required", "size", "children", "className"];
+var _excluded = ["invalid", "required", "size", "children", "className", "weight"];
 import classNames from "classnames";
 import React, { forwardRef } from "react";
 import { Typography } from "../Typography/Typography";
@@ -13,6 +13,8 @@ export var Label = /*#__PURE__*/forwardRef(function (_ref, ref) {
       size = _ref$size === void 0 ? "regular" : _ref$size,
       children = _ref.children,
       className = _ref.className,
+      _ref$weight = _ref.weight,
+      weight = _ref$weight === void 0 ? "bold" : _ref$weight,
       props = _objectWithoutPropertiesLoose(_ref, _excluded);
 
   var color = invalid ? "alert" : "primary";
@@ -22,7 +24,7 @@ export var Label = /*#__PURE__*/forwardRef(function (_ref, ref) {
     className: classNames("c-label", className),
     variant: variant,
     color: color,
-    weight: "bold",
+    weight: weight,
     ref: ref
   }, props), children, required ? "*" : null);
 });

package/dist/esm/components/Label/Label.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Label/Label.tsx"],"names":["classNames","React","forwardRef","Typography","Label","ref","invalid","required","size","children","className","props","color","variant","displayName"],"mappings":";;;AAAA,OAAOA,UAAP,MAAuB,YAAvB;AACA,OAAOC,KAAP,IAAgBC,UAAhB,QAAkC,OAAlC;AACA,SAA2BC,UAA3B,QAA6C,0BAA7C;AAQA,OAAO,IAAMC,KAAK,gBAAGF,UAAU,CAK7B,gBASEG,GATF,EAUK;AAAA,0BARDC,OAQC;AAAA,MARDA,OAQC,6BARS,KAQT;AAAA,2BAPDC,QAOC;AAAA,MAPDA,QAOC,8BAPU,KAOV;AAAA,uBANDC,IAMC;AAAA,MANDA,IAMC,0BANM,SAMN;AAAA,MALDC,QAKC,QALDA,QAKC;AAAA,MAJDC,SAIC,QAJDA,SAIC;AAAA,MAHEC,KAGF;;AACH,MAAMC,KAAK,GAAGN,OAAO,GAAG,OAAH,GAAa,SAAlC;AACA,MAAMO,OAAO,GAAGL,IAAI,KAAK,SAAT,GAAqB,QAArB,GAAgC,WAAhD;AAEA,sBACE,oBAAC,UAAD;AACE,IAAA,EAAE,EAAC,OADL;AAEE,IAAA,SAAS,EAAER,UAAU,CAAC,SAAD,EAAYU,SAAZ,CAFvB;AAGE,IAAA,OAAO,EAAEG,OAHX;AAIE,IAAA,KAAK,EAAED,KAJT;AAKE,IAAA,MAAM,EAAC,MALT;AAME,IAAA,GAAG,EAAEP;AANP,KAOMM,KAPN,GASGF,QATH,EAUGF,QAAQ,GAAG,GAAH,GAAS,IAVpB,CADF;AAcD,CAjC4B,CAAxB;AAoCPH,KAAK,CAACU,WAAN,GAAoB,OAApB","sourcesContent":["import classNames from \"classnames\";\nimport React, { forwardRef } from \"react\";\nimport { ITypographyProps, Typography } from \"../Typography/Typography\";\n\nexport interface ILabelProps {\n  invalid?: boolean;\n  required?: boolean;\n  size?: \"regular\" | \"small\";\n}\n\nexport const Label = forwardRef<\n  HTMLLabelElement,\n  ILabelProps &\n    Omit<ITypographyProps, keyof ILabelProps | \"variant\" | \"color\" | \"weight\">\n>(\n  (\n    {\n      invalid = false,\n      required = false,\n      size = \"regular\",\n      children,\n      className,\n      ...props\n    },\n    ref\n  ) => {\n    const color = invalid ? \"alert\" : \"primary\";\n    const variant = size === \"regular\" ? \"Body 2\" : \"Caption 1\";\n\n    return (\n      <Typography\n        as=\"label\"\n        className={classNames(\"c-label\", className)}\n        variant={variant}\n        color={color}\n        weight=\"bold\"\n        ref={ref}\n        {...props}\n      >\n        {children}\n        {required ? \"*\" : null}\n      </Typography>\n    );\n  }\n);\n\nLabel.displayName = \"Label\";\n"],"file":"Label.js"}
+{"version":3,"sources":["../../../../src/components/Label/Label.tsx"],"names":["classNames","React","forwardRef","Typography","Label","ref","invalid","required","size","children","className","weight","props","color","variant","displayName"],"mappings":";;;AAAA,OAAOA,UAAP,MAAuB,YAAvB;AACA,OAAOC,KAAP,IAAgBC,UAAhB,QAAkC,OAAlC;AACA,SAA2BC,UAA3B,QAA6C,0BAA7C;AAQA,OAAO,IAAMC,KAAK,gBAAGF,UAAU,CAI7B,gBAUEG,GAVF,EAWK;AAAA,0BATDC,OASC;AAAA,MATDA,OASC,6BATS,KAST;AAAA,2BARDC,QAQC;AAAA,MARDA,QAQC,8BARU,KAQV;AAAA,uBAPDC,IAOC;AAAA,MAPDA,IAOC,0BAPM,SAON;AAAA,MANDC,QAMC,QANDA,QAMC;AAAA,MALDC,SAKC,QALDA,SAKC;AAAA,yBAJDC,MAIC;AAAA,MAJDA,MAIC,4BAJQ,MAIR;AAAA,MAHEC,KAGF;;AACH,MAAMC,KAAK,GAAGP,OAAO,GAAG,OAAH,GAAa,SAAlC;AACA,MAAMQ,OAAO,GAAGN,IAAI,KAAK,SAAT,GAAqB,QAArB,GAAgC,WAAhD;AAEA,sBACE,oBAAC,UAAD;AACE,IAAA,EAAE,EAAC,OADL;AAEE,IAAA,SAAS,EAAER,UAAU,CAAC,SAAD,EAAYU,SAAZ,CAFvB;AAGE,IAAA,OAAO,EAAEI,OAHX;AAIE,IAAA,KAAK,EAAED,KAJT;AAKE,IAAA,MAAM,EAAEF,MALV;AAME,IAAA,GAAG,EAAEN;AANP,KAOMO,KAPN,GASGH,QATH,EAUGF,QAAQ,GAAG,GAAH,GAAS,IAVpB,CADF;AAcD,CAjC4B,CAAxB;AAoCPH,KAAK,CAACW,WAAN,GAAoB,OAApB","sourcesContent":["import classNames from \"classnames\";\nimport React, { forwardRef } from \"react\";\nimport { ITypographyProps, Typography } from \"../Typography/Typography\";\n\nexport interface ILabelProps {\n  invalid?: boolean;\n  required?: boolean;\n  size?: \"regular\" | \"small\";\n}\n\nexport const Label = forwardRef<\n  HTMLLabelElement,\n  ILabelProps & Omit<ITypographyProps, keyof ILabelProps | \"variant\" | \"color\">\n>(\n  (\n    {\n      invalid = false,\n      required = false,\n      size = \"regular\",\n      children,\n      className,\n      weight = \"bold\",\n      ...props\n    },\n    ref\n  ) => {\n    const color = invalid ? \"alert\" : \"primary\";\n    const variant = size === \"regular\" ? \"Body 2\" : \"Caption 1\";\n\n    return (\n      <Typography\n        as=\"label\"\n        className={classNames(\"c-label\", className)}\n        variant={variant}\n        color={color}\n        weight={weight}\n        ref={ref}\n        {...props}\n      >\n        {children}\n        {required ? \"*\" : null}\n      </Typography>\n    );\n  }\n);\n\nLabel.displayName = \"Label\";\n"],"file":"Label.js"}

package/dist/index.js

@@ -8724,7 +8724,9 @@
   var StyledDialog = styled__default["default"].div.withConfig({
     displayName: "Styles__StyledDialog",
     componentId: "sc-jwpvgm-0"
-  })(["max-height:calc(100vh - 156px);background-color:var(--page-paper-main);color:var(--color-theme-900);box-shadow:var(--shadow-primary);border-radius:6px;width:540px;display:flex;flex-direction:column;flex:1 1 auto;margin:126px auto 30px auto;position:relative;", " ", " @media only screen and (max-width:480px){width:310px;margin:60px auto 30px auto;}"], FontStyle, BoxSizingStyle);
+  })(["max-height:calc(100vh - 156px);background-color:var(--page-paper-main);color:var(--color-theme-900);box-shadow:var(--shadow-primary);", " width:540px;display:flex;flex-direction:column;flex:1 1 auto;margin:126px auto 30px auto;position:relative;", " ", " @media only screen and (max-width:480px){width:310px;margin:60px auto 30px auto;}"], {
+    "borderRadius": "0.5rem"
+  }, FontStyle, BoxSizingStyle);
   StyledDialog.displayName = "StyledDialog";
   var StyledDialogTitle = styled__default["default"].div.withConfig({
     displayName: "Styles__StyledDialogTitle",
@@ -10399,7 +10401,7 @@
   ThumbsDownIcon.displayName = "ThumbsDownIcon";
   var ThumbsDownIcon$1 = ThumbsDownIcon;
 
-  var _excluded = ["invalid", "required", "size", "children", "className"];
+  var _excluded = ["invalid", "required", "size", "children", "className", "weight"];
   var Label = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var _ref$invalid = _ref.invalid,
         invalid = _ref$invalid === void 0 ? false : _ref$invalid,
@@ -10409,6 +10411,8 @@
         size = _ref$size === void 0 ? "regular" : _ref$size,
         children = _ref.children,
         className = _ref.className,
+        _ref$weight = _ref.weight,
+        weight = _ref$weight === void 0 ? "bold" : _ref$weight,
         props = _objectWithoutProperties(_ref, _excluded);
 
     var color = invalid ? "alert" : "primary";
@@ -10418,7 +10422,7 @@
       className: classnames__default["default"]("c-label", className),
       variant: variant,
       color: color,
-      weight: "bold",
+      weight: weight,
       ref: ref
     }, props), children, required ? "*" : null);
   });