@activecollab/components 2.0.496 → 2.0.497

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

@@ -11,7 +11,7 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
 var StyledList = exports.StyledList = _styledComponents.default.ul.withConfig({
   displayName: "Styles__StyledList",
   componentId: "sc-dv1w0m-0"
-})(["list-style-type:none;margin:0;padding:0;"]);
+})(["list-style-type:none;margin:0;padding:0;&:focus-visible{outline:none;}"]);
 StyledList.displayName = "StyledList";
 var StyledListItem = exports.StyledListItem = _styledComponents.default.li.withConfig({
   displayName: "Styles__StyledListItem",

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

@@ -1 +1 @@
-{"version":3,"file":"Styles.js","names":["_styledComponents","_interopRequireDefault","require","_BoxSizingStyle","_FontStyle","e","__esModule","default","StyledList","exports","styled","ul","withConfig","displayName","componentId","StyledListItem","li","BoxSizingStyle","FontStyle","StyledListSeparator","div"],"sources":["../../../../src/components/List/Styles.ts"],"sourcesContent":["import styled from \"styled-components\";\n\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\n\nexport const StyledList = styled.ul`\n  list-style-type: none;\n  margin: 0;\n  padding: 0;\n`;\n\nStyledList.displayName = \"StyledList\";\n\nexport const StyledListItem = styled.li`\n  ${BoxSizingStyle}\n  ${FontStyle}\n\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  cursor: pointer;\n  padding: 0 1rem;\n  margin: 0.25rem 0;\n  font-size: 0.875rem;\n  user-select: none;\n\n  color: var(--color-theme-900);\n  line-height: 28px;\n\n  > svg:first-child {\n    margin-right: 8px;\n  }\n\n  &:hover,\n  &:focus-visible {\n    background-color: var(--color-theme-200);\n    outline: none;\n  }\n`;\n\nStyledListItem.displayName = \"StyledListItem\";\n\nexport const StyledListSeparator = styled.div`\n  border-top: 1px solid var(--border-primary);\n  margin: 12px 16px;\n  height: 1px;\n`;\n\nStyledListSeparator.displayName = \"StyledListSeparator\";\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,eAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAF,OAAA;AAAyC,SAAAD,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAElC,IAAMG,UAAU,GAAAC,OAAA,CAAAD,UAAA,GAAGE,yBAAM,CAACC,EAAE,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,gDAIlC;AAEDN,UAAU,CAACK,WAAW,GAAG,YAAY;AAE9B,IAAME,cAAc,GAAAN,OAAA,CAAAM,cAAA,GAAGL,yBAAM,CAACM,EAAE,CAAAJ,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,yTACnCG,8BAAc,EACdC,oBAAS,CAuBZ;AAEDH,cAAc,CAACF,WAAW,GAAG,gBAAgB;AAEtC,IAAMM,mBAAmB,GAAAV,OAAA,CAAAU,mBAAA,GAAGT,yBAAM,CAACU,GAAG,CAAAR,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,+EAI5C;AAEDK,mBAAmB,CAACN,WAAW,GAAG,qBAAqB","ignoreList":[]}
+{"version":3,"file":"Styles.js","names":["_styledComponents","_interopRequireDefault","require","_BoxSizingStyle","_FontStyle","e","__esModule","default","StyledList","exports","styled","ul","withConfig","displayName","componentId","StyledListItem","li","BoxSizingStyle","FontStyle","StyledListSeparator","div"],"sources":["../../../../src/components/List/Styles.ts"],"sourcesContent":["import styled from \"styled-components\";\n\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\n\nexport const StyledList = styled.ul`\n  list-style-type: none;\n  margin: 0;\n  padding: 0;\n\n  // The list is where a focus lock parks the focus before the reader picks an item, so it takes the focus\n  // without taking the ring with it. The item that the reader lands on carries the ring instead.\n  &:focus-visible {\n    outline: none;\n  }\n`;\n\nStyledList.displayName = \"StyledList\";\n\nexport const StyledListItem = styled.li`\n  ${BoxSizingStyle}\n  ${FontStyle}\n\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  cursor: pointer;\n  padding: 0 1rem;\n  margin: 0.25rem 0;\n  font-size: 0.875rem;\n  user-select: none;\n\n  color: var(--color-theme-900);\n  line-height: 28px;\n\n  > svg:first-child {\n    margin-right: 8px;\n  }\n\n  &:hover,\n  &:focus-visible {\n    background-color: var(--color-theme-200);\n    outline: none;\n  }\n`;\n\nStyledListItem.displayName = \"StyledListItem\";\n\nexport const StyledListSeparator = styled.div`\n  border-top: 1px solid var(--border-primary);\n  margin: 12px 16px;\n  height: 1px;\n`;\n\nStyledListSeparator.displayName = \"StyledListSeparator\";\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,eAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAF,OAAA;AAAyC,SAAAD,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAElC,IAAMG,UAAU,GAAAC,OAAA,CAAAD,UAAA,GAAGE,yBAAM,CAACC,EAAE,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,8EAUlC;AAEDN,UAAU,CAACK,WAAW,GAAG,YAAY;AAE9B,IAAME,cAAc,GAAAN,OAAA,CAAAM,cAAA,GAAGL,yBAAM,CAACM,EAAE,CAAAJ,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,yTACnCG,8BAAc,EACdC,oBAAS,CAuBZ;AAEDH,cAAc,CAACF,WAAW,GAAG,gBAAgB;AAEtC,IAAMM,mBAAmB,GAAAV,OAAA,CAAAU,mBAAA,GAAGT,yBAAM,CAACU,GAAG,CAAAR,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,+EAI5C;AAEDK,mBAAmB,CAACN,WAAW,GAAG,qBAAqB","ignoreList":[]}

package/dist/cjs/components/Window/Style.js

@@ -11,6 +11,6 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
 var StyledWindow = exports.StyledWindow = _styledComponents.default.div.withConfig({
   displayName: "Style__StyledWindow",
   componentId: "sc-rnlftg-0"
-})(["", " ", " position:fixed;top:0;right:0;bottom:0;left:0;"], _FontStyle.FontStyle, _BoxSizingStyle.BoxSizingStyle);
+})(["", " ", " position:fixed;top:0;right:0;bottom:0;left:0;&:focus-visible{outline:none;}"], _FontStyle.FontStyle, _BoxSizingStyle.BoxSizingStyle);
 StyledWindow.displayName = "StyledWindow";
 //# sourceMappingURL=Style.js.map

package/dist/cjs/components/Window/Style.js.map

@@ -1 +1 @@
-{"version":3,"file":"Style.js","names":["_styledComponents","_interopRequireDefault","require","_BoxSizingStyle","_FontStyle","e","__esModule","default","StyledWindow","exports","styled","div","withConfig","displayName","componentId","FontStyle","BoxSizingStyle"],"sources":["../../../../src/components/Window/Style.ts"],"sourcesContent":["import styled from \"styled-components\";\n\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\n\nexport const StyledWindow = styled.div`\n  ${FontStyle}\n  ${BoxSizingStyle}\n\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n`;\n\nStyledWindow.displayName = \"StyledWindow\";\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,eAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAF,OAAA;AAAyC,SAAAD,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAElC,IAAMG,YAAY,GAAAC,OAAA,CAAAD,YAAA,GAAGE,yBAAM,CAACC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,gEAClCC,oBAAS,EACTC,8BAAc,CAOjB;AAEDR,YAAY,CAACK,WAAW,GAAG,cAAc","ignoreList":[]}
+{"version":3,"file":"Style.js","names":["_styledComponents","_interopRequireDefault","require","_BoxSizingStyle","_FontStyle","e","__esModule","default","StyledWindow","exports","styled","div","withConfig","displayName","componentId","FontStyle","BoxSizingStyle"],"sources":["../../../../src/components/Window/Style.ts"],"sourcesContent":["import styled from \"styled-components\";\n\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\n\nexport const StyledWindow = styled.div`\n  ${FontStyle}\n  ${BoxSizingStyle}\n\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n\n  // The window is the focus lock's own node, and it covers the viewport, so a ring on it frames the whole\n  // page rather than anything the reader can act on. The content it holds carries the ring instead.\n  &:focus-visible {\n    outline: none;\n  }\n`;\n\nStyledWindow.displayName = \"StyledWindow\";\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,eAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAF,OAAA;AAAyC,SAAAD,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAElC,IAAMG,YAAY,GAAAC,OAAA,CAAAD,YAAA,GAAGE,yBAAM,CAACC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,8FAClCC,oBAAS,EACTC,8BAAc,CAajB;AAEDR,YAAY,CAACK,WAAW,GAAG,cAAc","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/List/Styles.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,UAAU,mEAItB,CAAC;AAIF,eAAO,MAAM,cAAc,mEAyB1B,CAAC;AAIF,eAAO,MAAM,mBAAmB,oEAI/B,CAAC"}
+{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/List/Styles.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,UAAU,mEAUtB,CAAC;AAIF,eAAO,MAAM,cAAc,mEAyB1B,CAAC;AAIF,eAAO,MAAM,mBAAmB,oEAI/B,CAAC"}

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

@@ -4,7 +4,7 @@ import { FontStyle } from "../FontStyle";
 export const StyledList = styled.ul.withConfig({
   displayName: "Styles__StyledList",
   componentId: "sc-dv1w0m-0"
-})(["list-style-type:none;margin:0;padding:0;"]);
+})(["list-style-type:none;margin:0;padding:0;&:focus-visible{outline:none;}"]);
 StyledList.displayName = "StyledList";
 export const StyledListItem = styled.li.withConfig({
   displayName: "Styles__StyledListItem",

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

@@ -1 +1 @@
-{"version":3,"file":"Styles.js","names":["styled","BoxSizingStyle","FontStyle","StyledList","ul","withConfig","displayName","componentId","StyledListItem","li","StyledListSeparator","div"],"sources":["../../../../src/components/List/Styles.ts"],"sourcesContent":["import styled from \"styled-components\";\n\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\n\nexport const StyledList = styled.ul`\n  list-style-type: none;\n  margin: 0;\n  padding: 0;\n`;\n\nStyledList.displayName = \"StyledList\";\n\nexport const StyledListItem = styled.li`\n  ${BoxSizingStyle}\n  ${FontStyle}\n\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  cursor: pointer;\n  padding: 0 1rem;\n  margin: 0.25rem 0;\n  font-size: 0.875rem;\n  user-select: none;\n\n  color: var(--color-theme-900);\n  line-height: 28px;\n\n  > svg:first-child {\n    margin-right: 8px;\n  }\n\n  &:hover,\n  &:focus-visible {\n    background-color: var(--color-theme-200);\n    outline: none;\n  }\n`;\n\nStyledListItem.displayName = \"StyledListItem\";\n\nexport const StyledListSeparator = styled.div`\n  border-top: 1px solid var(--border-primary);\n  margin: 12px 16px;\n  height: 1px;\n`;\n\nStyledListSeparator.displayName = \"StyledListSeparator\";\n"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB;AAEtC,SAASC,cAAc,QAAQ,mBAAmB;AAClD,SAASC,SAAS,QAAQ,cAAc;AAExC,OAAO,MAAMC,UAAU,GAAGH,MAAM,CAACI,EAAE,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,gDAIlC;AAEDJ,UAAU,CAACG,WAAW,GAAG,YAAY;AAErC,OAAO,MAAME,cAAc,GAAGR,MAAM,CAACS,EAAE,CAAAJ,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,yTACnCN,cAAc,EACdC,SAAS,CAuBZ;AAEDM,cAAc,CAACF,WAAW,GAAG,gBAAgB;AAE7C,OAAO,MAAMI,mBAAmB,GAAGV,MAAM,CAACW,GAAG,CAAAN,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,+EAI5C;AAEDG,mBAAmB,CAACJ,WAAW,GAAG,qBAAqB","ignoreList":[]}
+{"version":3,"file":"Styles.js","names":["styled","BoxSizingStyle","FontStyle","StyledList","ul","withConfig","displayName","componentId","StyledListItem","li","StyledListSeparator","div"],"sources":["../../../../src/components/List/Styles.ts"],"sourcesContent":["import styled from \"styled-components\";\n\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\n\nexport const StyledList = styled.ul`\n  list-style-type: none;\n  margin: 0;\n  padding: 0;\n\n  // The list is where a focus lock parks the focus before the reader picks an item, so it takes the focus\n  // without taking the ring with it. The item that the reader lands on carries the ring instead.\n  &:focus-visible {\n    outline: none;\n  }\n`;\n\nStyledList.displayName = \"StyledList\";\n\nexport const StyledListItem = styled.li`\n  ${BoxSizingStyle}\n  ${FontStyle}\n\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  cursor: pointer;\n  padding: 0 1rem;\n  margin: 0.25rem 0;\n  font-size: 0.875rem;\n  user-select: none;\n\n  color: var(--color-theme-900);\n  line-height: 28px;\n\n  > svg:first-child {\n    margin-right: 8px;\n  }\n\n  &:hover,\n  &:focus-visible {\n    background-color: var(--color-theme-200);\n    outline: none;\n  }\n`;\n\nStyledListItem.displayName = \"StyledListItem\";\n\nexport const StyledListSeparator = styled.div`\n  border-top: 1px solid var(--border-primary);\n  margin: 12px 16px;\n  height: 1px;\n`;\n\nStyledListSeparator.displayName = \"StyledListSeparator\";\n"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB;AAEtC,SAASC,cAAc,QAAQ,mBAAmB;AAClD,SAASC,SAAS,QAAQ,cAAc;AAExC,OAAO,MAAMC,UAAU,GAAGH,MAAM,CAACI,EAAE,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,8EAUlC;AAEDJ,UAAU,CAACG,WAAW,GAAG,YAAY;AAErC,OAAO,MAAME,cAAc,GAAGR,MAAM,CAACS,EAAE,CAAAJ,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,yTACnCN,cAAc,EACdC,SAAS,CAuBZ;AAEDM,cAAc,CAACF,WAAW,GAAG,gBAAgB;AAE7C,OAAO,MAAMI,mBAAmB,GAAGV,MAAM,CAACW,GAAG,CAAAN,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,+EAI5C;AAEDG,mBAAmB,CAACJ,WAAW,GAAG,qBAAqB","ignoreList":[]}

package/dist/esm/components/Window/Style.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Style.d.ts","sourceRoot":"","sources":["../../../../src/components/Window/Style.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,YAAY,oEASxB,CAAC"}
+{"version":3,"file":"Style.d.ts","sourceRoot":"","sources":["../../../../src/components/Window/Style.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,YAAY,oEAexB,CAAC"}

package/dist/esm/components/Window/Style.js

@@ -4,6 +4,6 @@ import { FontStyle } from "../FontStyle";
 export const StyledWindow = styled.div.withConfig({
   displayName: "Style__StyledWindow",
   componentId: "sc-rnlftg-0"
-})(["", " ", " position:fixed;top:0;right:0;bottom:0;left:0;"], FontStyle, BoxSizingStyle);
+})(["", " ", " position:fixed;top:0;right:0;bottom:0;left:0;&:focus-visible{outline:none;}"], FontStyle, BoxSizingStyle);
 StyledWindow.displayName = "StyledWindow";
 //# sourceMappingURL=Style.js.map

package/dist/esm/components/Window/Style.js.map

@@ -1 +1 @@
-{"version":3,"file":"Style.js","names":["styled","BoxSizingStyle","FontStyle","StyledWindow","div","withConfig","displayName","componentId"],"sources":["../../../../src/components/Window/Style.ts"],"sourcesContent":["import styled from \"styled-components\";\n\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\n\nexport const StyledWindow = styled.div`\n  ${FontStyle}\n  ${BoxSizingStyle}\n\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n`;\n\nStyledWindow.displayName = \"StyledWindow\";\n"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB;AAEtC,SAASC,cAAc,QAAQ,mBAAmB;AAClD,SAASC,SAAS,QAAQ,cAAc;AAExC,OAAO,MAAMC,YAAY,GAAGH,MAAM,CAACI,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,gEAClCL,SAAS,EACTD,cAAc,CAOjB;AAEDE,YAAY,CAACG,WAAW,GAAG,cAAc","ignoreList":[]}
+{"version":3,"file":"Style.js","names":["styled","BoxSizingStyle","FontStyle","StyledWindow","div","withConfig","displayName","componentId"],"sources":["../../../../src/components/Window/Style.ts"],"sourcesContent":["import styled from \"styled-components\";\n\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\n\nexport const StyledWindow = styled.div`\n  ${FontStyle}\n  ${BoxSizingStyle}\n\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n\n  // The window is the focus lock's own node, and it covers the viewport, so a ring on it frames the whole\n  // page rather than anything the reader can act on. The content it holds carries the ring instead.\n  &:focus-visible {\n    outline: none;\n  }\n`;\n\nStyledWindow.displayName = \"StyledWindow\";\n"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB;AAEtC,SAASC,cAAc,QAAQ,mBAAmB;AAClD,SAASC,SAAS,QAAQ,cAAc;AAExC,OAAO,MAAMC,YAAY,GAAGH,MAAM,CAACI,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,8FAClCL,SAAS,EACTD,cAAc,CAajB;AAEDE,YAAY,CAACG,WAAW,GAAG,cAAc","ignoreList":[]}

package/dist/index.js

@@ -14910,7 +14910,7 @@
   var StyledList$3 = styled__default["default"].ul.withConfig({
     displayName: "Styles__StyledList",
     componentId: "sc-dv1w0m-0"
-  })(["list-style-type:none;margin:0;padding:0;"]);
+  })(["list-style-type:none;margin:0;padding:0;&:focus-visible{outline:none;}"]);
   StyledList$3.displayName = "StyledList";
   var StyledListItem$1 = styled__default["default"].li.withConfig({
     displayName: "Styles__StyledListItem",
@@ -16401,7 +16401,7 @@
   var StyledWindow = styled__default["default"].div.withConfig({
     displayName: "Style__StyledWindow",
     componentId: "sc-rnlftg-0"
-  })(["", " ", " position:fixed;top:0;right:0;bottom:0;left:0;"], FontStyle, BoxSizingStyle);
+  })(["", " ", " position:fixed;top:0;right:0;bottom:0;left:0;&:focus-visible{outline:none;}"], FontStyle, BoxSizingStyle);
   StyledWindow.displayName = "StyledWindow";
 
   var _excluded$1C = ["children", "onClose", "className", "style", "onKeyDown", "disableFocusLock", "disableScrollLock", "disableCloseOnEsc", "disableReturnFocus", "isolateScroll", "onClick"];