@proprioo/salatim 20.5.2 → 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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@proprioo/salatim",
3
- "version": "20.5.2",
3
+ "version": "20.5.3",
4
4
  "description": "Proprioo component library",
5
5
  "keywords": [
6
6
  "components",