@activecollab/components 1.0.251 → 1.0.252
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.
- package/dist/cjs/components/MultiAvatar/Styles.js +1 -1
- package/dist/cjs/components/MultiAvatar/Styles.js.map +1 -1
- package/dist/esm/components/MultiAvatar/Styles.d.ts.map +1 -1
- package/dist/esm/components/MultiAvatar/Styles.js +1 -1
- package/dist/esm/components/MultiAvatar/Styles.js.map +1 -1
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/dist/index.min.js +1 -1
- package/dist/index.min.js.map +1 -1
- package/package.json +1 -1
|
@@ -13,7 +13,7 @@ var StyledMultiAvatarImg = (0, _styledComponents.css)(["width:inherit;height:inh
|
|
|
13
13
|
var StyledMultiAvatarInner = _styledComponents.default.div.withConfig({
|
|
14
14
|
displayName: "Styles__StyledMultiAvatarInner",
|
|
15
15
|
componentId: "sc-k6nldn-0"
|
|
16
|
-
})(["overflow:hidden;position:absolute;"]);
|
|
16
|
+
})(["overflow:hidden;position:absolute;display:inline-flex;"]);
|
|
17
17
|
exports.StyledMultiAvatarInner = StyledMultiAvatarInner;
|
|
18
18
|
var StyledMultiAvatar = _styledComponents.default.div.withConfig({
|
|
19
19
|
displayName: "Styles__StyledMultiAvatar",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Styles.js","names":["StyledMultiAvatarImg","css","StyledMultiAvatarInner","styled","div","StyledMultiAvatar","BoxSizingStyle","props","$urlCount","displayName"],"sources":["../../../../src/components/MultiAvatar/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\n\nconst StyledMultiAvatarImg = css`\n width: inherit;\n height: inherit;\n`;\n\nexport const StyledMultiAvatarInner = styled.div`\n overflow: hidden;\n position: absolute;\n`;\n\nexport const StyledMultiAvatar = styled.div<{ $urlCount: number }>`\n ${BoxSizingStyle}\n\n border-radius: 100%;\n position: relative;\n overflow: hidden;\n\n ${(props) =>\n props.$urlCount === 2 &&\n css`\n ${StyledMultiAvatarInner}:first-child {\n left: 0;\n img {\n transform: translateX(-20%);\n }\n }\n ${StyledMultiAvatarInner}:last-child {\n right: 0;\n img {\n transform: translateX(-20%);\n }\n }\n `}\n\n ${(props) =>\n props.$urlCount === 3 &&\n css`\n ${StyledMultiAvatarInner}:nth-child(1) {\n left: 0;\n img {\n transform: translateX(-20%);\n }\n }\n ${StyledMultiAvatarInner}:nth-child(2) {\n right: 0;\n top: 0;\n\n img {\n ${StyledMultiAvatarImg}\n }\n }\n ${StyledMultiAvatarInner}:nth-child(3) {\n right: 0;\n bottom: 0;\n\n img {\n ${StyledMultiAvatarImg}\n }\n }\n `}\n\n ${(props) =>\n props.$urlCount > 3 &&\n css`\n img {\n ${StyledMultiAvatarImg}\n }\n ${StyledMultiAvatarInner}:nth-child(1) {\n left: 0;\n }\n ${StyledMultiAvatarInner}:nth-child(2) {\n left: 0;\n bottom: 0;\n }\n ${StyledMultiAvatarInner}:nth-child(3) {\n right: 0;\n top: 0;\n }\n ${StyledMultiAvatarInner}:nth-child(4) {\n right: 0;\n bottom: 0;\n }\n `}\n`;\n\nStyledMultiAvatar.displayName = \"StyledMultiAvatar\";\nStyledMultiAvatarInner.displayName = \"StyledMultiAvatarInner\";\n"],"mappings":";;;;;;;AAAA;AACA;AAAmD;AAAA;AAEnD,IAAMA,oBAAoB,OAAGC,qBAAG,oCAG/B;AAEM,IAAMC,sBAAsB,GAAGC,yBAAM,CAACC,GAAG;EAAA;EAAA;AAAA,
|
|
1
|
+
{"version":3,"file":"Styles.js","names":["StyledMultiAvatarImg","css","StyledMultiAvatarInner","styled","div","StyledMultiAvatar","BoxSizingStyle","props","$urlCount","displayName"],"sources":["../../../../src/components/MultiAvatar/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\n\nconst StyledMultiAvatarImg = css`\n width: inherit;\n height: inherit;\n`;\n\nexport const StyledMultiAvatarInner = styled.div`\n overflow: hidden;\n position: absolute;\n display: inline-flex;\n`;\n\nexport const StyledMultiAvatar = styled.div<{ $urlCount: number }>`\n ${BoxSizingStyle}\n\n border-radius: 100%;\n position: relative;\n overflow: hidden;\n\n ${(props) =>\n props.$urlCount === 2 &&\n css`\n ${StyledMultiAvatarInner}:first-child {\n left: 0;\n img {\n transform: translateX(-20%);\n }\n }\n ${StyledMultiAvatarInner}:last-child {\n right: 0;\n img {\n transform: translateX(-20%);\n }\n }\n `}\n\n ${(props) =>\n props.$urlCount === 3 &&\n css`\n ${StyledMultiAvatarInner}:nth-child(1) {\n left: 0;\n img {\n transform: translateX(-20%);\n }\n }\n ${StyledMultiAvatarInner}:nth-child(2) {\n right: 0;\n top: 0;\n\n img {\n ${StyledMultiAvatarImg}\n }\n }\n ${StyledMultiAvatarInner}:nth-child(3) {\n right: 0;\n bottom: 0;\n\n img {\n ${StyledMultiAvatarImg}\n }\n }\n `}\n\n ${(props) =>\n props.$urlCount > 3 &&\n css`\n img {\n ${StyledMultiAvatarImg}\n }\n ${StyledMultiAvatarInner}:nth-child(1) {\n left: 0;\n }\n ${StyledMultiAvatarInner}:nth-child(2) {\n left: 0;\n bottom: 0;\n }\n ${StyledMultiAvatarInner}:nth-child(3) {\n right: 0;\n top: 0;\n }\n ${StyledMultiAvatarInner}:nth-child(4) {\n right: 0;\n bottom: 0;\n }\n `}\n`;\n\nStyledMultiAvatar.displayName = \"StyledMultiAvatar\";\nStyledMultiAvatarInner.displayName = \"StyledMultiAvatarInner\";\n"],"mappings":";;;;;;;AAAA;AACA;AAAmD;AAAA;AAEnD,IAAMA,oBAAoB,OAAGC,qBAAG,oCAG/B;AAEM,IAAMC,sBAAsB,GAAGC,yBAAM,CAACC,GAAG;EAAA;EAAA;AAAA,8DAI/C;AAAC;AAEK,IAAMC,iBAAiB,GAAGF,yBAAM,CAACC,GAAG;EAAA;EAAA;AAAA,iFACvCE,8BAAc,EAMd,UAACC,KAAK;EAAA,OACNA,KAAK,CAACC,SAAS,KAAK,CAAC,QACrBP,qBAAG,0HACCC,sBAAsB,EAMtBA,sBAAsB,CAMzB;AAAA,GAED,UAACK,KAAK;EAAA,OACNA,KAAK,CAACC,SAAS,KAAK,CAAC,QACrBP,qBAAG,yJACCC,sBAAsB,EAMtBA,sBAAsB,EAKlBF,oBAAoB,EAGxBE,sBAAsB,EAKlBF,oBAAoB,CAG3B;AAAA,GAED,UAACO,KAAK;EAAA,OACNA,KAAK,CAACC,SAAS,GAAG,CAAC,QACnBP,qBAAG,mJAEGD,oBAAoB,EAEtBE,sBAAsB,EAGtBA,sBAAsB,EAItBA,sBAAsB,EAItBA,sBAAsB,CAIzB;AAAA,EACJ;AAAC;AAEFG,iBAAiB,CAACI,WAAW,GAAG,mBAAmB;AACnDP,sBAAsB,CAACO,WAAW,GAAG,wBAAwB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/MultiAvatar/Styles.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,sBAAsB,
|
|
1
|
+
{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/MultiAvatar/Styles.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,sBAAsB,oEAIlC,CAAC;AAEF,eAAO,MAAM,iBAAiB;eAA2B,MAAM;SAyE9D,CAAC"}
|
|
@@ -4,7 +4,7 @@ var StyledMultiAvatarImg = css(["width:inherit;height:inherit;"]);
|
|
|
4
4
|
export var StyledMultiAvatarInner = styled.div.withConfig({
|
|
5
5
|
displayName: "Styles__StyledMultiAvatarInner",
|
|
6
6
|
componentId: "sc-k6nldn-0"
|
|
7
|
-
})(["overflow:hidden;position:absolute;"]);
|
|
7
|
+
})(["overflow:hidden;position:absolute;display:inline-flex;"]);
|
|
8
8
|
export var StyledMultiAvatar = styled.div.withConfig({
|
|
9
9
|
displayName: "Styles__StyledMultiAvatar",
|
|
10
10
|
componentId: "sc-k6nldn-1"
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Styles.js","names":["styled","css","BoxSizingStyle","StyledMultiAvatarImg","StyledMultiAvatarInner","div","StyledMultiAvatar","props","$urlCount","displayName"],"sources":["../../../../src/components/MultiAvatar/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\n\nconst StyledMultiAvatarImg = css`\n width: inherit;\n height: inherit;\n`;\n\nexport const StyledMultiAvatarInner = styled.div`\n overflow: hidden;\n position: absolute;\n`;\n\nexport const StyledMultiAvatar = styled.div<{ $urlCount: number }>`\n ${BoxSizingStyle}\n\n border-radius: 100%;\n position: relative;\n overflow: hidden;\n\n ${(props) =>\n props.$urlCount === 2 &&\n css`\n ${StyledMultiAvatarInner}:first-child {\n left: 0;\n img {\n transform: translateX(-20%);\n }\n }\n ${StyledMultiAvatarInner}:last-child {\n right: 0;\n img {\n transform: translateX(-20%);\n }\n }\n `}\n\n ${(props) =>\n props.$urlCount === 3 &&\n css`\n ${StyledMultiAvatarInner}:nth-child(1) {\n left: 0;\n img {\n transform: translateX(-20%);\n }\n }\n ${StyledMultiAvatarInner}:nth-child(2) {\n right: 0;\n top: 0;\n\n img {\n ${StyledMultiAvatarImg}\n }\n }\n ${StyledMultiAvatarInner}:nth-child(3) {\n right: 0;\n bottom: 0;\n\n img {\n ${StyledMultiAvatarImg}\n }\n }\n `}\n\n ${(props) =>\n props.$urlCount > 3 &&\n css`\n img {\n ${StyledMultiAvatarImg}\n }\n ${StyledMultiAvatarInner}:nth-child(1) {\n left: 0;\n }\n ${StyledMultiAvatarInner}:nth-child(2) {\n left: 0;\n bottom: 0;\n }\n ${StyledMultiAvatarInner}:nth-child(3) {\n right: 0;\n top: 0;\n }\n ${StyledMultiAvatarInner}:nth-child(4) {\n right: 0;\n bottom: 0;\n }\n `}\n`;\n\nStyledMultiAvatar.displayName = \"StyledMultiAvatar\";\nStyledMultiAvatarInner.displayName = \"StyledMultiAvatarInner\";\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAC/C,SAASC,cAAc,QAAQ,mBAAmB;AAElD,IAAMC,oBAAoB,GAAGF,GAAG,mCAG/B;AAED,OAAO,IAAMG,sBAAsB,GAAGJ,MAAM,CAACK,GAAG;EAAA;EAAA;AAAA,
|
|
1
|
+
{"version":3,"file":"Styles.js","names":["styled","css","BoxSizingStyle","StyledMultiAvatarImg","StyledMultiAvatarInner","div","StyledMultiAvatar","props","$urlCount","displayName"],"sources":["../../../../src/components/MultiAvatar/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\n\nconst StyledMultiAvatarImg = css`\n width: inherit;\n height: inherit;\n`;\n\nexport const StyledMultiAvatarInner = styled.div`\n overflow: hidden;\n position: absolute;\n display: inline-flex;\n`;\n\nexport const StyledMultiAvatar = styled.div<{ $urlCount: number }>`\n ${BoxSizingStyle}\n\n border-radius: 100%;\n position: relative;\n overflow: hidden;\n\n ${(props) =>\n props.$urlCount === 2 &&\n css`\n ${StyledMultiAvatarInner}:first-child {\n left: 0;\n img {\n transform: translateX(-20%);\n }\n }\n ${StyledMultiAvatarInner}:last-child {\n right: 0;\n img {\n transform: translateX(-20%);\n }\n }\n `}\n\n ${(props) =>\n props.$urlCount === 3 &&\n css`\n ${StyledMultiAvatarInner}:nth-child(1) {\n left: 0;\n img {\n transform: translateX(-20%);\n }\n }\n ${StyledMultiAvatarInner}:nth-child(2) {\n right: 0;\n top: 0;\n\n img {\n ${StyledMultiAvatarImg}\n }\n }\n ${StyledMultiAvatarInner}:nth-child(3) {\n right: 0;\n bottom: 0;\n\n img {\n ${StyledMultiAvatarImg}\n }\n }\n `}\n\n ${(props) =>\n props.$urlCount > 3 &&\n css`\n img {\n ${StyledMultiAvatarImg}\n }\n ${StyledMultiAvatarInner}:nth-child(1) {\n left: 0;\n }\n ${StyledMultiAvatarInner}:nth-child(2) {\n left: 0;\n bottom: 0;\n }\n ${StyledMultiAvatarInner}:nth-child(3) {\n right: 0;\n top: 0;\n }\n ${StyledMultiAvatarInner}:nth-child(4) {\n right: 0;\n bottom: 0;\n }\n `}\n`;\n\nStyledMultiAvatar.displayName = \"StyledMultiAvatar\";\nStyledMultiAvatarInner.displayName = \"StyledMultiAvatarInner\";\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAC/C,SAASC,cAAc,QAAQ,mBAAmB;AAElD,IAAMC,oBAAoB,GAAGF,GAAG,mCAG/B;AAED,OAAO,IAAMG,sBAAsB,GAAGJ,MAAM,CAACK,GAAG;EAAA;EAAA;AAAA,8DAI/C;AAED,OAAO,IAAMC,iBAAiB,GAAGN,MAAM,CAACK,GAAG;EAAA;EAAA;AAAA,iFACvCH,cAAc,EAMd,UAACK,KAAK;EAAA,OACNA,KAAK,CAACC,SAAS,KAAK,CAAC,IACrBP,GAAG,yHACCG,sBAAsB,EAMtBA,sBAAsB,CAMzB;AAAA,GAED,UAACG,KAAK;EAAA,OACNA,KAAK,CAACC,SAAS,KAAK,CAAC,IACrBP,GAAG,wJACCG,sBAAsB,EAMtBA,sBAAsB,EAKlBD,oBAAoB,EAGxBC,sBAAsB,EAKlBD,oBAAoB,CAG3B;AAAA,GAED,UAACI,KAAK;EAAA,OACNA,KAAK,CAACC,SAAS,GAAG,CAAC,IACnBP,GAAG,kJAEGE,oBAAoB,EAEtBC,sBAAsB,EAGtBA,sBAAsB,EAItBA,sBAAsB,EAItBA,sBAAsB,CAIzB;AAAA,EACJ;AAEDE,iBAAiB,CAACG,WAAW,GAAG,mBAAmB;AACnDL,sBAAsB,CAACK,WAAW,GAAG,wBAAwB"}
|
package/dist/index.js
CHANGED
|
@@ -10420,7 +10420,7 @@
|
|
|
10420
10420
|
var StyledMultiAvatarInner = styled__default["default"].div.withConfig({
|
|
10421
10421
|
displayName: "Styles__StyledMultiAvatarInner",
|
|
10422
10422
|
componentId: "sc-k6nldn-0"
|
|
10423
|
-
})(["overflow:hidden;position:absolute;"]);
|
|
10423
|
+
})(["overflow:hidden;position:absolute;display:inline-flex;"]);
|
|
10424
10424
|
var StyledMultiAvatar = styled__default["default"].div.withConfig({
|
|
10425
10425
|
displayName: "Styles__StyledMultiAvatar",
|
|
10426
10426
|
componentId: "sc-k6nldn-1"
|