@activecollab/components 1.0.299 → 1.0.300

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.
@@ -10,11 +10,14 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
10
10
  var AvatarGroupsStyles = _styledComponents.default.div.withConfig({
11
11
  displayName: "Styles__AvatarGroupsStyles",
12
12
  componentId: "sc-1padv46-0"
13
- })(["", " align-items:center;align-items:center;background-color:", ";border-radius:var(--ac-br-6);cursor:pointer;display:flex;justify-content:center;padding:", ";user-select:none;width:fit-content;"], _FontStyle.FontStyle, function (props) {
14
- return !props.hasTooltip && "var(--color-theme-300)";
15
- }, function (_ref) {
13
+ })(["", " align-items:center;align-items:center;border-radius:var(--ac-br-6);cursor:", ";display:flex;justify-content:center;padding:", ";user-select:none;width:fit-content;&:hover{background-color:", ";transition:all 0.2s ease-in-out;}"], _FontStyle.FontStyle, function (_ref) {
16
14
  var hasTooltip = _ref.hasTooltip;
15
+ return hasTooltip ? "default" : "pointer";
16
+ }, function (_ref2) {
17
+ var hasTooltip = _ref2.hasTooltip;
17
18
  return hasTooltip ? "5px 0" : "5px";
19
+ }, function (props) {
20
+ return !props.hasTooltip && "var(--color-theme-300)";
18
21
  });
19
22
  exports.AvatarGroupsStyles = AvatarGroupsStyles;
20
23
  var LengthCountStyles = _styledComponents.default.div.withConfig({
@@ -1 +1 @@
1
- {"version":3,"file":"Styles.js","names":["AvatarGroupsStyles","styled","div","FontStyle","props","hasTooltip","LengthCountStyles","size"],"sources":["../../../../src/components/AvatarGroup/Styles.ts"],"sourcesContent":["import styled from \"styled-components\";\nimport { FontStyle } from \"../FontStyle\";\n\nexport const AvatarGroupsStyles = styled.div<{\n hasTooltip: boolean;\n}>`\n ${FontStyle}\n align-items: center;\n align-items: center;\n background-color: ${(props) => !props.hasTooltip && \"var(--color-theme-300)\"};\n border-radius: var(--ac-br-6);\n cursor: pointer;\n display: flex;\n justify-content: center;\n padding: ${({ hasTooltip }) => (hasTooltip ? \"5px 0\" : \"5px\")};\n user-select: none;\n width: fit-content;\n`;\n\ninterface LengthCountStylesProps {\n size: number;\n}\n\nexport const LengthCountStyles = styled.div<LengthCountStylesProps>`\n align-items: center;\n background-color: var(--color-theme-400);\n block-size: ${(props) => props.size + \"px\"};\n border-radius: var(--ac-br-rounded);\n display: flex;\n inline-size: ${(props) => props.size + \"px\"};\n justify-content: center;\n outline: 1px solid var(--page-paper-main);\n z-index: 99;\n`;\n"],"mappings":";;;;;;AAAA;AACA;AAAyC;AAElC,IAAMA,kBAAkB,GAAGC,yBAAM,CAACC,GAAG;EAAA;EAAA;AAAA,0MAGxCC,oBAAS,EAGS,UAACC,KAAK;EAAA,OAAK,CAACA,KAAK,CAACC,UAAU,IAAI,wBAAwB;AAAA,GAKjE;EAAA,IAAGA,UAAU,QAAVA,UAAU;EAAA,OAAQA,UAAU,GAAG,OAAO,GAAG,KAAK;AAAA,CAAC,CAG9D;AAAC;AAMK,IAAMC,iBAAiB,GAAGL,yBAAM,CAACC,GAAG;EAAA;EAAA;AAAA,gOAG3B,UAACE,KAAK;EAAA,OAAKA,KAAK,CAACG,IAAI,GAAG,IAAI;AAAA,GAG3B,UAACH,KAAK;EAAA,OAAKA,KAAK,CAACG,IAAI,GAAG,IAAI;AAAA,EAI5C;AAAC"}
1
+ {"version":3,"file":"Styles.js","names":["AvatarGroupsStyles","styled","div","FontStyle","hasTooltip","props","LengthCountStyles","size"],"sources":["../../../../src/components/AvatarGroup/Styles.ts"],"sourcesContent":["import styled from \"styled-components\";\nimport { FontStyle } from \"../FontStyle\";\n\nexport const AvatarGroupsStyles = styled.div<{\n hasTooltip: boolean;\n}>`\n ${FontStyle}\n align-items: center;\n align-items: center;\n border-radius: var(--ac-br-6);\n cursor: ${({ hasTooltip }) => (hasTooltip ? \"default\" : \"pointer\")};\n display: flex;\n justify-content: center;\n padding: ${({ hasTooltip }) => (hasTooltip ? \"5px 0\" : \"5px\")};\n user-select: none;\n width: fit-content;\n\n &:hover {\n background-color: ${(props) =>\n !props.hasTooltip && \"var(--color-theme-300)\"};\n transition: all 0.2s ease-in-out;\n }\n`;\n\ninterface LengthCountStylesProps {\n size: number;\n}\n\nexport const LengthCountStyles = styled.div<LengthCountStylesProps>`\n align-items: center;\n background-color: var(--color-theme-400);\n block-size: ${(props) => props.size + \"px\"};\n border-radius: var(--ac-br-rounded);\n display: flex;\n inline-size: ${(props) => props.size + \"px\"};\n justify-content: center;\n outline: 1px solid var(--page-paper-main);\n z-index: 99;\n`;\n"],"mappings":";;;;;;AAAA;AACA;AAAyC;AAElC,IAAMA,kBAAkB,GAAGC,yBAAM,CAACC,GAAG;EAAA;EAAA;AAAA,gPAGxCC,oBAAS,EAID;EAAA,IAAGC,UAAU,QAAVA,UAAU;EAAA,OAAQA,UAAU,GAAG,SAAS,GAAG,SAAS;AAAA,CAAC,EAGvD;EAAA,IAAGA,UAAU,SAAVA,UAAU;EAAA,OAAQA,UAAU,GAAG,OAAO,GAAG,KAAK;AAAA,CAAC,EAKvC,UAACC,KAAK;EAAA,OACxB,CAACA,KAAK,CAACD,UAAU,IAAI,wBAAwB;AAAA,EAGlD;AAAC;AAMK,IAAME,iBAAiB,GAAGL,yBAAM,CAACC,GAAG;EAAA;EAAA;AAAA,gOAG3B,UAACG,KAAK;EAAA,OAAKA,KAAK,CAACE,IAAI,GAAG,IAAI;AAAA,GAG3B,UAACF,KAAK;EAAA,OAAKA,KAAK,CAACE,IAAI,GAAG,IAAI;AAAA,EAI5C;AAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/AvatarGroup/Styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,kBAAkB;gBACjB,OAAO;SAapB,CAAC;AAEF,UAAU,sBAAsB;IAC9B,IAAI,EAAE,MAAM,CAAC;CACd;AAED,eAAO,MAAM,iBAAiB,wFAU7B,CAAC"}
1
+ {"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/AvatarGroup/Styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,kBAAkB;gBACjB,OAAO;SAkBpB,CAAC;AAEF,UAAU,sBAAsB;IAC9B,IAAI,EAAE,MAAM,CAAC;CACd;AAED,eAAO,MAAM,iBAAiB,wFAU7B,CAAC"}
@@ -3,11 +3,14 @@ import { FontStyle } from "../FontStyle";
3
3
  export var AvatarGroupsStyles = styled.div.withConfig({
4
4
  displayName: "Styles__AvatarGroupsStyles",
5
5
  componentId: "sc-1padv46-0"
6
- })(["", " align-items:center;align-items:center;background-color:", ";border-radius:var(--ac-br-6);cursor:pointer;display:flex;justify-content:center;padding:", ";user-select:none;width:fit-content;"], FontStyle, function (props) {
7
- return !props.hasTooltip && "var(--color-theme-300)";
8
- }, function (_ref) {
6
+ })(["", " align-items:center;align-items:center;border-radius:var(--ac-br-6);cursor:", ";display:flex;justify-content:center;padding:", ";user-select:none;width:fit-content;&:hover{background-color:", ";transition:all 0.2s ease-in-out;}"], FontStyle, function (_ref) {
9
7
  var hasTooltip = _ref.hasTooltip;
8
+ return hasTooltip ? "default" : "pointer";
9
+ }, function (_ref2) {
10
+ var hasTooltip = _ref2.hasTooltip;
10
11
  return hasTooltip ? "5px 0" : "5px";
12
+ }, function (props) {
13
+ return !props.hasTooltip && "var(--color-theme-300)";
11
14
  });
12
15
  export var LengthCountStyles = styled.div.withConfig({
13
16
  displayName: "Styles__LengthCountStyles",
@@ -1 +1 @@
1
- {"version":3,"file":"Styles.js","names":["styled","FontStyle","AvatarGroupsStyles","div","props","hasTooltip","LengthCountStyles","size"],"sources":["../../../../src/components/AvatarGroup/Styles.ts"],"sourcesContent":["import styled from \"styled-components\";\nimport { FontStyle } from \"../FontStyle\";\n\nexport const AvatarGroupsStyles = styled.div<{\n hasTooltip: boolean;\n}>`\n ${FontStyle}\n align-items: center;\n align-items: center;\n background-color: ${(props) => !props.hasTooltip && \"var(--color-theme-300)\"};\n border-radius: var(--ac-br-6);\n cursor: pointer;\n display: flex;\n justify-content: center;\n padding: ${({ hasTooltip }) => (hasTooltip ? \"5px 0\" : \"5px\")};\n user-select: none;\n width: fit-content;\n`;\n\ninterface LengthCountStylesProps {\n size: number;\n}\n\nexport const LengthCountStyles = styled.div<LengthCountStylesProps>`\n align-items: center;\n background-color: var(--color-theme-400);\n block-size: ${(props) => props.size + \"px\"};\n border-radius: var(--ac-br-rounded);\n display: flex;\n inline-size: ${(props) => props.size + \"px\"};\n justify-content: center;\n outline: 1px solid var(--page-paper-main);\n z-index: 99;\n`;\n"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB;AACtC,SAASC,SAAS,QAAQ,cAAc;AAExC,OAAO,IAAMC,kBAAkB,GAAGF,MAAM,CAACG,GAAG;EAAA;EAAA;AAAA,0MAGxCF,SAAS,EAGS,UAACG,KAAK;EAAA,OAAK,CAACA,KAAK,CAACC,UAAU,IAAI,wBAAwB;AAAA,GAKjE;EAAA,IAAGA,UAAU,QAAVA,UAAU;EAAA,OAAQA,UAAU,GAAG,OAAO,GAAG,KAAK;AAAA,CAAC,CAG9D;AAMD,OAAO,IAAMC,iBAAiB,GAAGN,MAAM,CAACG,GAAG;EAAA;EAAA;AAAA,gOAG3B,UAACC,KAAK;EAAA,OAAKA,KAAK,CAACG,IAAI,GAAG,IAAI;AAAA,GAG3B,UAACH,KAAK;EAAA,OAAKA,KAAK,CAACG,IAAI,GAAG,IAAI;AAAA,EAI5C"}
1
+ {"version":3,"file":"Styles.js","names":["styled","FontStyle","AvatarGroupsStyles","div","hasTooltip","props","LengthCountStyles","size"],"sources":["../../../../src/components/AvatarGroup/Styles.ts"],"sourcesContent":["import styled from \"styled-components\";\nimport { FontStyle } from \"../FontStyle\";\n\nexport const AvatarGroupsStyles = styled.div<{\n hasTooltip: boolean;\n}>`\n ${FontStyle}\n align-items: center;\n align-items: center;\n border-radius: var(--ac-br-6);\n cursor: ${({ hasTooltip }) => (hasTooltip ? \"default\" : \"pointer\")};\n display: flex;\n justify-content: center;\n padding: ${({ hasTooltip }) => (hasTooltip ? \"5px 0\" : \"5px\")};\n user-select: none;\n width: fit-content;\n\n &:hover {\n background-color: ${(props) =>\n !props.hasTooltip && \"var(--color-theme-300)\"};\n transition: all 0.2s ease-in-out;\n }\n`;\n\ninterface LengthCountStylesProps {\n size: number;\n}\n\nexport const LengthCountStyles = styled.div<LengthCountStylesProps>`\n align-items: center;\n background-color: var(--color-theme-400);\n block-size: ${(props) => props.size + \"px\"};\n border-radius: var(--ac-br-rounded);\n display: flex;\n inline-size: ${(props) => props.size + \"px\"};\n justify-content: center;\n outline: 1px solid var(--page-paper-main);\n z-index: 99;\n`;\n"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB;AACtC,SAASC,SAAS,QAAQ,cAAc;AAExC,OAAO,IAAMC,kBAAkB,GAAGF,MAAM,CAACG,GAAG;EAAA;EAAA;AAAA,gPAGxCF,SAAS,EAID;EAAA,IAAGG,UAAU,QAAVA,UAAU;EAAA,OAAQA,UAAU,GAAG,SAAS,GAAG,SAAS;AAAA,CAAC,EAGvD;EAAA,IAAGA,UAAU,SAAVA,UAAU;EAAA,OAAQA,UAAU,GAAG,OAAO,GAAG,KAAK;AAAA,CAAC,EAKvC,UAACC,KAAK;EAAA,OACxB,CAACA,KAAK,CAACD,UAAU,IAAI,wBAAwB;AAAA,EAGlD;AAMD,OAAO,IAAME,iBAAiB,GAAGN,MAAM,CAACG,GAAG;EAAA;EAAA;AAAA,gOAG3B,UAACE,KAAK;EAAA,OAAKA,KAAK,CAACE,IAAI,GAAG,IAAI;AAAA,GAG3B,UAACF,KAAK;EAAA,OAAKA,KAAK,CAACE,IAAI,GAAG,IAAI;AAAA,EAI5C"}
package/dist/index.js CHANGED
@@ -16044,11 +16044,14 @@
16044
16044
  var AvatarGroupsStyles = styled__default["default"].div.withConfig({
16045
16045
  displayName: "Styles__AvatarGroupsStyles",
16046
16046
  componentId: "sc-1padv46-0"
16047
- })(["", " align-items:center;align-items:center;background-color:", ";border-radius:var(--ac-br-6);cursor:pointer;display:flex;justify-content:center;padding:", ";user-select:none;width:fit-content;"], FontStyle, function (props) {
16048
- return !props.hasTooltip && "var(--color-theme-300)";
16049
- }, function (_ref) {
16047
+ })(["", " align-items:center;align-items:center;border-radius:var(--ac-br-6);cursor:", ";display:flex;justify-content:center;padding:", ";user-select:none;width:fit-content;&:hover{background-color:", ";transition:all 0.2s ease-in-out;}"], FontStyle, function (_ref) {
16050
16048
  var hasTooltip = _ref.hasTooltip;
16049
+ return hasTooltip ? "default" : "pointer";
16050
+ }, function (_ref2) {
16051
+ var hasTooltip = _ref2.hasTooltip;
16051
16052
  return hasTooltip ? "5px 0" : "5px";
16053
+ }, function (props) {
16054
+ return !props.hasTooltip && "var(--color-theme-300)";
16052
16055
  });
16053
16056
  var LengthCountStyles = styled__default["default"].div.withConfig({
16054
16057
  displayName: "Styles__LengthCountStyles",