@bonniernews/dn-design-system-web 21.2.1-beta.0 → 22.0.0

package/react/components.esm.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../helpers/formatClassString.ts", "../components/divider/divider.tsx", "../components/thematic-break/thematic-break.tsx", "../components/quote/quote.tsx"],
-  "sourcesContent": ["export const formatClassString = (classesArray: (string|undefined|false)[]): string => {\n  return classesArray.filter(x => !!x).join(' ');\n}\n", "import { formatClassString } from \"@bonniernews/dn-design-system-web/helpers/formatClassString.ts\";\n\nexport interface DividerProps {\n  variant?: 'soft' | 'medium' | 'hard';\n  classNames?: string;\n  attributes?: object;\n}\n\n/**\n * - GitHub: [BonnierNews/dn-design-system/../web/src/components/divider](https://github.com/BonnierNews/dn-design-system/tree/main/web/src/components/divider)\n * - Storybook: [Divider](https://designsystem.dn.se/?path=/docs/basic-divider--docs)\n *\n * The component will not include styling by itself. Make sure to include the right styles for the component. See example below:\n * `@use '@bonniernews/dn-design-system-web/components/divider/divider.scss'`\n */\nexport const Divider = ({ variant = 'soft', classNames, attributes }: DividerProps) => {\n  const classes = formatClassString([\n    'ds-divider',\n    `ds-divider--${variant}`,\n    classNames\n  ])\n\n  return (\n    <div className={classes} {...attributes}><hr /></div>\n  );\n};\n\nexport default Divider;\n", "import { formatClassString } from \"@bonniernews/dn-design-system-web/helpers/formatClassString.ts\";\n\nexport interface ThematicBreakProps {\n  classNames?: string;\n  attributes?: object;\n}\n\n/**\n * - GitHub: [BonnierNews/dn-design-system/../web/src/components/thematic-break](https://github.com/BonnierNews/dn-design-system/tree/main/web/src/components/thematic-break)\n * - Storybook: [ThematicBreak](https://designsystem.dn.se/?path=/docs/article-thematicbreak--docs)\n *\n * The component will not include styling by itself. Make sure to include the right styles for the component. See example below:\n * `@use '@bonniernews/dn-design-system-web/components/thematic-break/thematic-break.scss'`\n */\n\nexport const ThematicBreak = ({ classNames, attributes }: ThematicBreakProps) => {\n  const classes = formatClassString([\n    'ds-thematic-break',\n    classNames\n  ])\n\n  return (\n    <div className={classes} {...attributes}><hr /></div>\n  );\n};\n\nexport default ThematicBreak;\n", "import { formatClassString } from \"@bonniernews/dn-design-system-web/helpers/formatClassString.ts\";\n\nexport interface QuoteProps {\n  bodyHtml: string;\n  theme?: 'kultur' | 'nyheter' | 'sport' | 'ekonomi' | 'sthlm';\n  classNames?: string;\n   /** Ex. { target: \"_blank\", \"data-test\": \"lorem ipsum\" } */\n  attributes?: object;\n  forcePx?: boolean;\n}\n\n/**\n * - GitHub: [BonnierNews/dn-design-system/../web/src/components/quote](https://github.com/BonnierNews/dn-design-system/tree/main/web/src/components/quote)\n * - Storybook: [Quote](https://designsystem.dn.se/?path=/docs/article-quote--docs)\n *\n * The component will not include styling by itself. Make sure to include the right styles for the component. See example below:\n * `@use '@bonniernews/dn-design-system-web/components/quote/quote.scss'`\n */\nexport const Quote = ({ bodyHtml, theme = 'nyheter', classNames, attributes, forcePx }: QuoteProps) => {\n  const componentClassName = 'ds-quote';\n\n  const classes = formatClassString([\n    componentClassName,\n    `ds-theme--${theme}`,\n    forcePx && 'ds-force-px',\n    classNames,\n  ])\n\n  const quoteHtml = `<span class=\"${componentClassName}__border\"></span> ${bodyHtml}`\n\n  return (\n    <blockquote dangerouslySetInnerHTML={{ __html: quoteHtml }} className={classes} {...attributes} />\n  );\n};\n"],
-  "mappings": ";AAAO,IAAM,oBAAoB,CAAC,iBAAqD;AACrF,SAAO,aAAa,OAAO,OAAK,CAAC,CAAC,CAAC,EAAE,KAAK,GAAG;AAC/C;;;ACqB6C;AARtC,IAAM,UAAU,CAAC,EAAE,UAAU,QAAQ,YAAY,WAAW,MAAoB;AACrF,QAAM,UAAU,kBAAkB;AAAA,IAChC;AAAA,IACA,eAAe,OAAO;AAAA,IACtB;AAAA,EACF,CAAC;AAED,SACE,oBAAC,SAAI,WAAW,SAAU,GAAG,YAAY,8BAAC,QAAG,GAAE;AAEnD;;;ACH6C,gBAAAA,YAAA;AAPtC,IAAM,gBAAgB,CAAC,EAAE,YAAY,WAAW,MAA0B;AAC/E,QAAM,UAAU,kBAAkB;AAAA,IAChC;AAAA,IACA;AAAA,EACF,CAAC;AAED,SACE,gBAAAA,KAAC,SAAI,WAAW,SAAU,GAAG,YAAY,0BAAAA,KAAC,QAAG,GAAE;AAEnD;;;ACOI,gBAAAC,YAAA;AAbG,IAAM,QAAQ,CAAC,EAAE,UAAU,QAAQ,WAAW,YAAY,YAAY,QAAQ,MAAkB;AACrG,QAAM,qBAAqB;AAE3B,QAAM,UAAU,kBAAkB;AAAA,IAChC;AAAA,IACA,aAAa,KAAK;AAAA,IAClB,WAAW;AAAA,IACX;AAAA,EACF,CAAC;AAED,QAAM,YAAY,gBAAgB,kBAAkB,qBAAqB,QAAQ;AAEjF,SACE,gBAAAA,KAAC,gBAAW,yBAAyB,EAAE,QAAQ,UAAU,GAAG,WAAW,SAAU,GAAG,YAAY;AAEpG;",
-  "names": ["jsx", "jsx"]
-}

package/react/index.d.ts

@@ -1,6 +0,0 @@
-import { Divider } from "./components/divider/divider";
-export { Divider };
-import { ThematicBreak } from "./components/thematic-break/thematic-break";
-export { ThematicBreak };
-import { Quote } from "./components/quote/quote";
-export { Quote };

package/tokens-tmp/shadows-css-variables.json

@@ -1,6 +0,0 @@
-{
-  "elevation-xs": "--ds-shadow-elevation-xs",
-  "elevation-s": "--ds-shadow-elevation-s",
-  "elevation-m": "--ds-shadow-elevation-m",
-  "elevation-l": "--ds-shadow-elevation-l"
-}

package/tokens-tmp/spacing-base-list.json

@@ -1,14 +0,0 @@
-{
-  "100": "100",
-  "125": "125",
-  "150": "150",
-  "200": "200",
-  "250": "250",
-  "300": "300",
-  "350": "350",
-  "400": "400",
-  "500": "500",
-  "025": "025",
-  "050": "050",
-  "075": "075"
-}

package/tokens-tmp/spacing-detail-list.json

@@ -1,18 +0,0 @@
-{
-  "outer": "outer",
-  "outer-negative": "outer-negative",
-  "page-horizontal": "page-horizontal",
-  "page-top-small": "page-top-small",
-  "gap-vertical-static-medium": "gap-vertical-static-medium",
-  "gap-vertical-medium": "gap-vertical-medium",
-  "gap-vertical-static-large": "gap-vertical-static-large",
-  "gap-vertical-static-small": "gap-vertical-static-small",
-  "page-top-xsmall": "page-top-xsmall",
-  "teaser-vertical-small": "teaser-vertical-small",
-  "teaser-horizontal": "teaser-horizontal",
-  "teaser-vertical-medium": "teaser-vertical-medium",
-  "direkt-header-bottom": "direkt-header-bottom",
-  "spacing-sm": "spacing-sm",
-  "spacing-md": "spacing-md",
-  "spacing-lg": "spacing-lg"
-}

package/tsconfig-preact.json

@@ -1,12 +0,0 @@
-{
-  "extends": "./tsconfig",
-  "compilerOptions": {
-    "jsx": "react-jsx",
-    "jsxFactory": "",
-    "jsxFragmentFactory": "",
-    "jsxImportSource": "preact",
-    "declaration": true,
-    "emitDeclarationOnly": true,
-    "outDir": "./preact",
-  },
-}

package/tsconfig-react.json

@@ -1,11 +0,0 @@
-{
-  "extends": "./tsconfig",
-  "compilerOptions": {
-    "jsx": "react-jsx",
-    "jsxFactory": "",
-    "jsxFragmentFactory": "",
-    "declaration": true,
-    "emitDeclarationOnly": true,
-    "outDir": "./react",
-  },
-}