@pega/cosmos-react-build 4.0.0-dev.8.3 → 4.0.0-dev.9.0

package/lib/components/PageTemplates/GalleryPage.styles.js

@@ -1,70 +0,0 @@
-import styled, { css } from 'styled-components';
-import { readableColor } from 'polished';
-import { Text, StyledButton, tryCatch, Flex, defaultThemeProp, OneColumnPage, StyledRegion } from '@pega/cosmos-react-core';
-export const StyledBanner = styled.article(({ theme }) => {
-    const { base: { palette: { 'brand-primary': brandBackground } } } = theme;
-    const color = tryCatch(() => readableColor(brandBackground));
-    return css `
-    background: ${brandBackground};
-    color: ${color};
-    height: 11rem;
-  `;
-});
-StyledBanner.defaultProps = defaultThemeProp;
-export const StyledBannerInfo = styled(Flex)(({ theme }) => {
-    const { base: { spacing, shadow } } = theme;
-    return css `
-    padding-inline-start: calc(5 * ${spacing});
-    max-width: 50%;
-
-    ${StyledButton} {
-      margin-block-start: calc(2 * ${spacing});
-      &:enabled:focus,
-      &:not([disabled]):focus {
-        box-shadow: ${shadow.focus};
-      }
-    }
-
-    span {
-      margin-block-start: ${spacing};
-    }
-  `;
-});
-StyledBannerInfo.defaultProps = defaultThemeProp;
-export const StyledImageContainer = styled.div `
-  padding: 0;
-  height: 100%;
-  max-width: 50%;
-  img {
-    object-fit: contain;
-    height: 100%;
-  }
-`;
-export const StyledSummaryCardList = styled.div(({ theme }) => {
-    return css `
-    margin-block-start: calc(2 * ${theme.base.spacing});
-  `;
-});
-StyledSummaryCardList.defaultProps = defaultThemeProp;
-export const StyledHeading = styled(Text) `
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  overflow: hidden;
-`;
-export const StyledDescription = styled(Text) `
-  display: -webkit-box;
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: 2;
-  overflow: hidden;
-`;
-export const StyledGalleryPage = styled(OneColumnPage) `
-  gap: 0;
-  & > header {
-    padding: 0;
-  }
-
-  ${StyledRegion} {
-    height: 100%;
-  }
-`;
-//# sourceMappingURL=GalleryPage.styles.js.map

package/lib/components/PageTemplates/GalleryPage.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"GalleryPage.styles.js","sourceRoot":"","sources":["../../../src/components/PageTemplates/GalleryPage.styles.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAEzC,OAAO,EACL,IAAI,EACJ,YAAY,EACZ,QAAQ,EACR,IAAI,EACJ,gBAAgB,EAChB,aAAa,EACb,YAAY,EACb,MAAM,yBAAyB,CAAC;AAEjC,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IACvD,MAAM,EACJ,IAAI,EAAE,EACJ,OAAO,EAAE,EAAE,eAAe,EAAE,eAAe,EAAE,EAC9C,EACF,GAAG,KAAK,CAAC;IAEV,MAAM,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,aAAa,CAAC,eAAe,CAAC,CAAC,CAAC;IAE7D,OAAO,GAAG,CAAA;kBACM,eAAe;aACpB,KAAK;;GAEf,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,YAAY,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAE7C,MAAM,CAAC,MAAM,gBAAgB,GAAgB,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IACtE,MAAM,EACJ,IAAI,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,EAC1B,GAAG,KAAK,CAAC;IAEV,OAAO,GAAG,CAAA;qCACyB,OAAO;;;MAGtC,YAAY;qCACmB,OAAO;;;sBAGtB,MAAM,CAAC,KAAK;;;;;4BAKN,OAAO;;GAEhC,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,gBAAgB,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAEjD,MAAM,CAAC,MAAM,oBAAoB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;CAQ7C,CAAC;AAEF,MAAM,CAAC,MAAM,qBAAqB,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IAC5D,OAAO,GAAG,CAAA;mCACuB,KAAK,CAAC,IAAI,CAAC,OAAO;GAClD,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,qBAAqB,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAEtD,MAAM,CAAC,MAAM,aAAa,GAAgB,MAAM,CAAC,IAAI,CAAC,CAAA;;;;CAIrD,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAgB,MAAM,CAAC,IAAI,CAAC,CAAA;;;;;CAKzD,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAyB,MAAM,CAAC,aAAa,CAAC,CAAA;;;;;;IAMxE,YAAY;;;CAGf,CAAC","sourcesContent":["import styled, { css } from 'styled-components';\nimport { readableColor } from 'polished';\n\nimport {\n  Text,\n  StyledButton,\n  tryCatch,\n  Flex,\n  defaultThemeProp,\n  OneColumnPage,\n  StyledRegion\n} from '@pega/cosmos-react-core';\n\nexport const StyledBanner = styled.article(({ theme }) => {\n  const {\n    base: {\n      palette: { 'brand-primary': brandBackground }\n    }\n  } = theme;\n\n  const color = tryCatch(() => readableColor(brandBackground));\n\n  return css`\n    background: ${brandBackground};\n    color: ${color};\n    height: 11rem;\n  `;\n});\n\nStyledBanner.defaultProps = defaultThemeProp;\n\nexport const StyledBannerInfo: typeof Flex = styled(Flex)(({ theme }) => {\n  const {\n    base: { spacing, shadow }\n  } = theme;\n\n  return css`\n    padding-inline-start: calc(5 * ${spacing});\n    max-width: 50%;\n\n    ${StyledButton} {\n      margin-block-start: calc(2 * ${spacing});\n      &:enabled:focus,\n      &:not([disabled]):focus {\n        box-shadow: ${shadow.focus};\n      }\n    }\n\n    span {\n      margin-block-start: ${spacing};\n    }\n  `;\n});\n\nStyledBannerInfo.defaultProps = defaultThemeProp;\n\nexport const StyledImageContainer = styled.div`\n  padding: 0;\n  height: 100%;\n  max-width: 50%;\n  img {\n    object-fit: contain;\n    height: 100%;\n  }\n`;\n\nexport const StyledSummaryCardList = styled.div(({ theme }) => {\n  return css`\n    margin-block-start: calc(2 * ${theme.base.spacing});\n  `;\n});\n\nStyledSummaryCardList.defaultProps = defaultThemeProp;\n\nexport const StyledHeading: typeof Text = styled(Text)`\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden;\n`;\n\nexport const StyledDescription: typeof Text = styled(Text)`\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 2;\n  overflow: hidden;\n`;\n\nexport const StyledGalleryPage: typeof OneColumnPage = styled(OneColumnPage)`\n  gap: 0;\n  & > header {\n    padding: 0;\n  }\n\n  ${StyledRegion} {\n    height: 100%;\n  }\n`;\n"]}