@proprioo/salatim 20.5.0 → 20.5.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,4 +1,4 @@
1
+ export declare const IconLayout: import("styled-components").StyledComponent<"span", any, {}, never>;
1
2
  export declare const Layout: import("styled-components").StyledComponent<"label", any, {
2
3
  checked: boolean;
3
4
  }, never>;
4
- export declare const IconLayout: import("styled-components").StyledComponent<"span", any, {}, never>;
@@ -22,13 +22,30 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
22
22
  return (mod && mod.__esModule) ? mod : { "default": mod };
23
23
  };
24
24
  Object.defineProperty(exports, "__esModule", { value: true });
25
- exports.IconLayout = exports.Layout = void 0;
25
+ exports.Layout = exports.IconLayout = void 0;
26
26
  const styled_components_1 = __importStar(require("styled-components"));
27
27
  const breakpoints_1 = __importDefault(require("../../../utils/src/breakpoints"));
28
28
  const colors_1 = __importDefault(require("../../../utils/src/colors"));
29
29
  const paragraphs_1 = __importDefault(require("../../../utils/src/paragraphs"));
30
30
  const radius_1 = __importDefault(require("../../../utils/src/radius"));
31
31
  const spacing_1 = require("../../../utils/src/spacing");
32
+ exports.IconLayout = styled_components_1.default.span `
33
+ display: flex;
34
+ align-items: center;
35
+ justify-content: center;
36
+ border: ${(0, spacing_1.convertPxToRem)(1)} solid ${colors_1.default.grey.base80};
37
+ border-radius: ${radius_1.default.rounded};
38
+ margin-bottom: ${(0, spacing_1.convertPxToRem)(8)};
39
+ transition: border 0.1s ease-in, background 0.2s ease-in;
40
+ height: ${(0, spacing_1.convertPxToRem)(44)};
41
+ width: ${(0, spacing_1.convertPxToRem)(44)};
42
+
43
+ > svg {
44
+ height: ${(0, spacing_1.convertPxToRem)(24)};
45
+ width: ${(0, spacing_1.convertPxToRem)(24)};
46
+ transition: color 0.1s ease-in;
47
+ }
48
+ `;
32
49
  exports.Layout = styled_components_1.default.label `
33
50
  ${paragraphs_1.default.breadcrumb};
34
51
  display: inline-flex;
@@ -52,6 +69,16 @@ exports.Layout = styled_components_1.default.label `
52
69
  }
53
70
  `};
54
71
 
72
+ :hover {
73
+ ${exports.IconLayout} {
74
+ border-color: ${colors_1.default.orange.base};
75
+
76
+ > svg {
77
+ color: ${colors_1.default.orange.base};
78
+ }
79
+ }
80
+ }
81
+
55
82
  @media (min-width: ${breakpoints_1.default.xsmall}px) {
56
83
  padding: ${(0, spacing_1.convertPxToRem)(16)};
57
84
 
@@ -60,20 +87,4 @@ exports.Layout = styled_components_1.default.label `
60
87
  }
61
88
  }
62
89
  `;
63
- exports.IconLayout = styled_components_1.default.span `
64
- display: flex;
65
- align-items: center;
66
- justify-content: center;
67
- border: ${(0, spacing_1.convertPxToRem)(1)} solid ${colors_1.default.grey.base80};
68
- border-radius: ${radius_1.default.rounded};
69
- margin-bottom: ${(0, spacing_1.convertPxToRem)(8)};
70
- transition: border 0.1s ease-in, background 0.2s ease-in;
71
- height: ${(0, spacing_1.convertPxToRem)(44)};
72
- width: ${(0, spacing_1.convertPxToRem)(44)};
73
-
74
- > svg {
75
- height: ${(0, spacing_1.convertPxToRem)(24)};
76
- width: ${(0, spacing_1.convertPxToRem)(24)};
77
- }
78
- `;
79
90
  //# sourceMappingURL=BlockCheckIcon.styles.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"BlockCheckIcon.styles.js","sourceRoot":"","sources":["../../../../packages/ui/src/blockCheckIcon/BlockCheckIcon.styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,uEAAgD;AAEhD,iFAAyD;AACzD,uEAA+C;AAC/C,+EAAuD;AACvD,uEAA+C;AAC/C,wDAA4D;AAE/C,QAAA,MAAM,GAAG,2BAAM,CAAC,KAAK,CAEhC;IACE,oBAAU,CAAC,UAAU;;;;;;aAMZ,IAAA,wBAAc,EAAC,CAAC,CAAC;WACnB,gBAAM,CAAC,IAAI,CAAC,MAAM;;;kBAGX,IAAA,wBAAc,EAAC,EAAE,CAAC;;;IAGhC,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAChB,OAAO;IACP,IAAA,uBAAG,EAAA;QACC,kBAAU;iBACD,gBAAM,CAAC,MAAM,CAAC,IAAI;;4BAEP,gBAAM,CAAC,MAAM,CAAC,KAAK;;KAE1C;;uBAEkB,qBAAW,CAAC,MAAM;eAC1B,IAAA,wBAAc,EAAC,EAAE,CAAC;;;sBAGX,IAAA,wBAAc,EAAC,EAAE,CAAC;;;CAGvC,CAAC;AAEW,QAAA,UAAU,GAAG,2BAAM,CAAC,IAAI,CAAA;;;;YAIzB,IAAA,wBAAc,EAAC,CAAC,CAAC,UAAU,gBAAM,CAAC,IAAI,CAAC,MAAM;mBACtC,gBAAM,CAAC,OAAO;mBACd,IAAA,wBAAc,EAAC,CAAC,CAAC;;YAExB,IAAA,wBAAc,EAAC,EAAE,CAAC;WACnB,IAAA,wBAAc,EAAC,EAAE,CAAC;;;cAGf,IAAA,wBAAc,EAAC,EAAE,CAAC;aACnB,IAAA,wBAAc,EAAC,EAAE,CAAC;;CAE9B,CAAC"}
1
+ {"version":3,"file":"BlockCheckIcon.styles.js","sourceRoot":"","sources":["../../../../packages/ui/src/blockCheckIcon/BlockCheckIcon.styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,uEAAgD;AAEhD,iFAAyD;AACzD,uEAA+C;AAC/C,+EAAuD;AACvD,uEAA+C;AAC/C,wDAA4D;AAE/C,QAAA,UAAU,GAAG,2BAAM,CAAC,IAAI,CAAA;;;;YAIzB,IAAA,wBAAc,EAAC,CAAC,CAAC,UAAU,gBAAM,CAAC,IAAI,CAAC,MAAM;mBACtC,gBAAM,CAAC,OAAO;mBACd,IAAA,wBAAc,EAAC,CAAC,CAAC;;YAExB,IAAA,wBAAc,EAAC,EAAE,CAAC;WACnB,IAAA,wBAAc,EAAC,EAAE,CAAC;;;cAGf,IAAA,wBAAc,EAAC,EAAE,CAAC;aACnB,IAAA,wBAAc,EAAC,EAAE,CAAC;;;CAG9B,CAAC;AAEW,QAAA,MAAM,GAAG,2BAAM,CAAC,KAAK,CAEhC;IACE,oBAAU,CAAC,UAAU;;;;;;aAMZ,IAAA,wBAAc,EAAC,CAAC,CAAC;WACnB,gBAAM,CAAC,IAAI,CAAC,MAAM;;;kBAGX,IAAA,wBAAc,EAAC,EAAE,CAAC;;;IAGhC,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAChB,OAAO;IACP,IAAA,uBAAG,EAAA;QACC,kBAAU;iBACD,gBAAM,CAAC,MAAM,CAAC,IAAI;;4BAEP,gBAAM,CAAC,MAAM,CAAC,KAAK;;KAE1C;;;MAGC,kBAAU;sBACM,gBAAM,CAAC,MAAM,CAAC,IAAI;;;iBAGvB,gBAAM,CAAC,MAAM,CAAC,IAAI;;;;;uBAKZ,qBAAW,CAAC,MAAM;eAC1B,IAAA,wBAAc,EAAC,EAAE,CAAC;;;sBAGX,IAAA,wBAAc,EAAC,EAAE,CAAC;;;CAGvC,CAAC"}
@@ -21,24 +21,24 @@ var __importStar = (this && this.__importStar) || function (mod) {
21
21
  Object.defineProperty(exports, "__esModule", { value: true });
22
22
  exports.TextToggleBody = exports.TextToggleTitle = exports.TextToggleButton = exports.TextToggleLayout = void 0;
23
23
  const styled_components_1 = __importStar(require("styled-components"));
24
- const __1 = require("../../..");
25
- const TITLE_COLOR = __1.colors.dark.base80;
24
+ const utils_1 = require("../../../utils");
25
+ const TITLE_COLOR = utils_1.colors.dark.base80;
26
26
  exports.TextToggleLayout = styled_components_1.default.div `
27
27
  & + & {
28
- margin-top: ${(0, __1.convertPxToRem)(8)};
28
+ margin-top: ${(0, utils_1.convertPxToRem)(8)};
29
29
  }
30
30
  `;
31
31
  exports.TextToggleButton = styled_components_1.default.button `
32
- ${__1.resetCssButton};
33
- color: ${({ hasTitle }) => (hasTitle ? TITLE_COLOR : __1.colors.orange.base)};
32
+ ${utils_1.resetCssButton};
33
+ color: ${({ hasTitle }) => (hasTitle ? TITLE_COLOR : utils_1.colors.orange.base)};
34
34
 
35
35
  ${({ isComment }) => isComment &&
36
36
  (0, styled_components_1.css) `
37
37
  display: block;
38
- margin-top: ${(0, __1.convertPxToRem)(8)};
39
- font-size: ${__1.fonts.small};
38
+ margin-top: ${(0, utils_1.convertPxToRem)(8)};
39
+ font-size: ${utils_1.fonts.small};
40
40
  font-weight: bold;
41
- color: ${__1.colors.dark.base};
41
+ color: ${utils_1.colors.dark.base};
42
42
  `}
43
43
 
44
44
  :hover {
@@ -52,12 +52,12 @@ exports.TextToggleTitle = styled_components_1.default.span `
52
52
  exports.TextToggleBody = styled_components_1.default.span `
53
53
  & + ${exports.TextToggleButton} {
54
54
  display: inline-block;
55
- margin-left: ${(0, __1.convertPxToRem)(4)};
55
+ margin-left: ${(0, utils_1.convertPxToRem)(4)};
56
56
  }
57
57
 
58
58
  ${({ isComment }) => isComment &&
59
59
  (0, styled_components_1.css) `
60
- ${__1.paragraphs.body1};
60
+ ${utils_1.paragraphs.body1};
61
61
  font-weight: 500;
62
62
 
63
63
  & + ${exports.TextToggleButton} {
@@ -1 +1 @@
1
- {"version":3,"file":"TextToggle.styles.js","sourceRoot":"","sources":["../../../../packages/ui/src/textToggle/TextToggle.styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,uEAAgD;AAEhD,gCAMkB;AAElB,MAAM,WAAW,GAAG,UAAM,CAAC,IAAI,CAAC,MAAM,CAAC;AAE1B,QAAA,gBAAgB,GAAG,2BAAM,CAAC,GAAG,CAAA;;kBAExB,IAAA,kBAAc,EAAC,CAAC,CAAC;;CAElC,CAAC;AAEW,QAAA,gBAAgB,GAAG,2BAAM,CAAC,MAAM,CAG3C;IACE,kBAAc;WACP,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,UAAM,CAAC,MAAM,CAAC,IAAI,CAAC;;IAEtE,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,CAClB,SAAS;IACT,IAAA,uBAAG,EAAA;;oBAEa,IAAA,kBAAc,EAAC,CAAC,CAAC;mBAClB,SAAK,CAAC,KAAK;;eAEf,UAAM,CAAC,IAAI,CAAC,IAAI;KAC1B;;;;;;CAMJ,CAAC;AAEW,QAAA,eAAe,GAAG,2BAAM,CAAC,IAAI,CAAA;WAC/B,WAAW;CACrB,CAAC;AAEW,QAAA,cAAc,GAAG,2BAAM,CAAC,IAAI,CAAwB;QACzD,wBAAgB;;mBAEL,IAAA,kBAAc,EAAC,CAAC,CAAC;;;IAGhC,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,CAClB,SAAS;IACT,IAAA,uBAAG,EAAA;QACC,cAAU,CAAC,KAAK;;;YAGZ,wBAAgB;;;;KAIvB;CACJ,CAAC"}
1
+ {"version":3,"file":"TextToggle.styles.js","sourceRoot":"","sources":["../../../../packages/ui/src/textToggle/TextToggle.styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,uEAAgD;AAEhD,0CAMwB;AAExB,MAAM,WAAW,GAAG,cAAM,CAAC,IAAI,CAAC,MAAM,CAAC;AAE1B,QAAA,gBAAgB,GAAG,2BAAM,CAAC,GAAG,CAAA;;kBAExB,IAAA,sBAAc,EAAC,CAAC,CAAC;;CAElC,CAAC;AAEW,QAAA,gBAAgB,GAAG,2BAAM,CAAC,MAAM,CAG3C;IACE,sBAAc;WACP,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,cAAM,CAAC,MAAM,CAAC,IAAI,CAAC;;IAEtE,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,CAClB,SAAS;IACT,IAAA,uBAAG,EAAA;;oBAEa,IAAA,sBAAc,EAAC,CAAC,CAAC;mBAClB,aAAK,CAAC,KAAK;;eAEf,cAAM,CAAC,IAAI,CAAC,IAAI;KAC1B;;;;;;CAMJ,CAAC;AAEW,QAAA,eAAe,GAAG,2BAAM,CAAC,IAAI,CAAA;WAC/B,WAAW;CACrB,CAAC;AAEW,QAAA,cAAc,GAAG,2BAAM,CAAC,IAAI,CAAwB;QACzD,wBAAgB;;mBAEL,IAAA,sBAAc,EAAC,CAAC,CAAC;;;IAGhC,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,CAClB,SAAS;IACT,IAAA,uBAAG,EAAA;QACC,kBAAU,CAAC,KAAK;;;YAGZ,wBAAgB;;;;KAIvB;CACJ,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@proprioo/salatim",
3
- "version": "20.5.0",
3
+ "version": "20.5.3",
4
4
  "description": "Proprioo component library",
5
5
  "keywords": [
6
6
  "components",