@digigov/react-core 2.0.0-rc.25 → 2.0.0-rc.26

package/TimelineHeading/index.js

@@ -22,8 +22,8 @@ const TimelineHeading = React.forwardRef(function TimelineHeading2({ size = "lg"
       ref,
       className: clsx(className, {
         "ds-timeline__heading": true,
-        "ds-timeline__heading--md": size === "md",
-        "ds-timeline__heading--sm": size === "sm"
+        "ds-timeline__heading-md": size === "md",
+        "ds-timeline__heading-sm": size === "sm"
       }),
       ...props
     },

package/TimelineHeading/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/TimelineHeading/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface TimelineHeadingProps extends BaseProps<'h2'> {\n  /**\n   * size is optional. 'lg' is the default value.\n   * @value 'lg'\n   * @value 'md'\n   * @value 'sm'\n   * @default 'lg'\n   */\n  size?: 'lg' | 'md' | 'sm';\n  /**\n   * element is optional. 'h2' is the default value.\n   * @value 'h2'\n   * @value 'h3'\n   * @value 'h4'\n   */\n  element?: 'h2' | 'h3' | 'h4';\n}\n\nconst getComponentBySize = (\n  size: TimelineHeadingProps['size']\n): TimelineHeadingProps['element'] => {\n  switch (size) {\n    case 'lg':\n      return 'h2';\n    case 'md':\n      return 'h3';\n    case 'sm':\n      return 'h4';\n    default:\n      return 'h2';\n  }\n};\n\n/**\n * TimelineHeading component is used to place a title in a Timeline component.\n * TimelineHeading component must be wraped inside Timeline component.\n */\nexport const TimelineHeading = React.forwardRef<\n  HTMLHeadingElement,\n  TimelineHeadingProps\n>(function TimelineHeading(\n  { size = 'lg', element, className, children, ...props },\n  ref\n) {\n  const Component = element ? element : getComponentBySize(size);\n  return (\n    <Base\n      as={Component}\n      ref={ref}\n      className={clsx(className, {\n        'ds-timeline__heading': true,\n        'ds-timeline__heading--md': size === 'md',\n        'ds-timeline__heading--sm': size === 'sm',\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default TimelineHeading;\n"],
-  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAoBhC,MAAM,qBAAqB,CACzB,SACoC;AACpC,UAAQ,MAAM;AAAA,IACZ,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT;AACE,aAAO;AAAA,EACX;AACF;AAMO,MAAM,kBAAkB,MAAM,WAGnC,SAASA,iBACT,EAAE,OAAO,MAAM,SAAS,WAAW,UAAU,GAAG,MAAM,GACtD,KACA;AACA,QAAM,YAAY,UAAU,UAAU,mBAAmB,IAAI;AAC7D,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAI;AAAA,MACJ;AAAA,MACA,WAAW,KAAK,WAAW;AAAA,QACzB,wBAAwB;AAAA,QACxB,4BAA4B,SAAS;AAAA,QACrC,4BAA4B,SAAS;AAAA,MACvC,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,0BAAQ;",
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface TimelineHeadingProps extends BaseProps<'h2'> {\n  /**\n   * size is optional. 'lg' is the default value.\n   * @value 'lg'\n   * @value 'md'\n   * @value 'sm'\n   * @default 'lg'\n   */\n  size?: 'lg' | 'md' | 'sm';\n  /**\n   * element is optional. 'h2' is the default value.\n   * @value 'h2'\n   * @value 'h3'\n   * @value 'h4'\n   */\n  element?: 'h2' | 'h3' | 'h4';\n}\n\nconst getComponentBySize = (\n  size: TimelineHeadingProps['size']\n): TimelineHeadingProps['element'] => {\n  switch (size) {\n    case 'lg':\n      return 'h2';\n    case 'md':\n      return 'h3';\n    case 'sm':\n      return 'h4';\n    default:\n      return 'h2';\n  }\n};\n\n/**\n * TimelineHeading component is used to place a title in a Timeline component.\n * TimelineHeading component must be wraped inside Timeline component.\n */\nexport const TimelineHeading = React.forwardRef<\n  HTMLHeadingElement,\n  TimelineHeadingProps\n>(function TimelineHeading(\n  { size = 'lg', element, className, children, ...props },\n  ref\n) {\n  const Component = element ? element : getComponentBySize(size);\n  return (\n    <Base\n      as={Component}\n      ref={ref}\n      className={clsx(className, {\n        'ds-timeline__heading': true,\n        'ds-timeline__heading-md': size === 'md',\n        'ds-timeline__heading-sm': size === 'sm',\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default TimelineHeading;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAoBhC,MAAM,qBAAqB,CACzB,SACoC;AACpC,UAAQ,MAAM;AAAA,IACZ,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT;AACE,aAAO;AAAA,EACX;AACF;AAMO,MAAM,kBAAkB,MAAM,WAGnC,SAASA,iBACT,EAAE,OAAO,MAAM,SAAS,WAAW,UAAU,GAAG,MAAM,GACtD,KACA;AACA,QAAM,YAAY,UAAU,UAAU,mBAAmB,IAAI;AAC7D,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAI;AAAA,MACJ;AAAA,MACA,WAAW,KAAK,WAAW;AAAA,QACzB,wBAAwB;AAAA,QACxB,2BAA2B,SAAS;AAAA,QACpC,2BAA2B,SAAS;AAAA,MACtC,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,0BAAQ;",
   "names": ["TimelineHeading"]
 }

package/cjs/TimelineHeading/index.js

@@ -55,8 +55,8 @@ const TimelineHeading = import_react.default.forwardRef(function TimelineHeading
       ref,
       className: (0, import_clsx.default)(className, {
         "ds-timeline__heading": true,
-        "ds-timeline__heading--md": size === "md",
-        "ds-timeline__heading--sm": size === "sm"
+        "ds-timeline__heading-md": size === "md",
+        "ds-timeline__heading-sm": size === "sm"
       }),
       ...props
     },

package/cjs/TimelineHeading/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/TimelineHeading/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface TimelineHeadingProps extends BaseProps<'h2'> {\n  /**\n   * size is optional. 'lg' is the default value.\n   * @value 'lg'\n   * @value 'md'\n   * @value 'sm'\n   * @default 'lg'\n   */\n  size?: 'lg' | 'md' | 'sm';\n  /**\n   * element is optional. 'h2' is the default value.\n   * @value 'h2'\n   * @value 'h3'\n   * @value 'h4'\n   */\n  element?: 'h2' | 'h3' | 'h4';\n}\n\nconst getComponentBySize = (\n  size: TimelineHeadingProps['size']\n): TimelineHeadingProps['element'] => {\n  switch (size) {\n    case 'lg':\n      return 'h2';\n    case 'md':\n      return 'h3';\n    case 'sm':\n      return 'h4';\n    default:\n      return 'h2';\n  }\n};\n\n/**\n * TimelineHeading component is used to place a title in a Timeline component.\n * TimelineHeading component must be wraped inside Timeline component.\n */\nexport const TimelineHeading = React.forwardRef<\n  HTMLHeadingElement,\n  TimelineHeadingProps\n>(function TimelineHeading(\n  { size = 'lg', element, className, children, ...props },\n  ref\n) {\n  const Component = element ? element : getComponentBySize(size);\n  return (\n    <Base\n      as={Component}\n      ref={ref}\n      className={clsx(className, {\n        'ds-timeline__heading': true,\n        'ds-timeline__heading--md': size === 'md',\n        'ds-timeline__heading--sm': size === 'sm',\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default TimelineHeading;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAoBhC,MAAM,qBAAqB,CACzB,SACoC;AACpC,UAAQ,MAAM;AAAA,IACZ,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT;AACE,aAAO;AAAA,EACX;AACF;AAMO,MAAM,kBAAkB,aAAAA,QAAM,WAGnC,SAASC,iBACT,EAAE,OAAO,MAAM,SAAS,WAAW,UAAU,GAAG,MAAM,GACtD,KACA;AACA,QAAM,YAAY,UAAU,UAAU,mBAAmB,IAAI;AAC7D,SACE,6BAAAD,QAAA;AAAA,IAAC,YAAAE;AAAA,IAAA;AAAA,MACC,IAAI;AAAA,MACJ;AAAA,MACA,eAAW,YAAAC,SAAK,WAAW;AAAA,QACzB,wBAAwB;AAAA,QACxB,4BAA4B,SAAS;AAAA,QACrC,4BAA4B,SAAS;AAAA,MACvC,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,0BAAQ;",
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface TimelineHeadingProps extends BaseProps<'h2'> {\n  /**\n   * size is optional. 'lg' is the default value.\n   * @value 'lg'\n   * @value 'md'\n   * @value 'sm'\n   * @default 'lg'\n   */\n  size?: 'lg' | 'md' | 'sm';\n  /**\n   * element is optional. 'h2' is the default value.\n   * @value 'h2'\n   * @value 'h3'\n   * @value 'h4'\n   */\n  element?: 'h2' | 'h3' | 'h4';\n}\n\nconst getComponentBySize = (\n  size: TimelineHeadingProps['size']\n): TimelineHeadingProps['element'] => {\n  switch (size) {\n    case 'lg':\n      return 'h2';\n    case 'md':\n      return 'h3';\n    case 'sm':\n      return 'h4';\n    default:\n      return 'h2';\n  }\n};\n\n/**\n * TimelineHeading component is used to place a title in a Timeline component.\n * TimelineHeading component must be wraped inside Timeline component.\n */\nexport const TimelineHeading = React.forwardRef<\n  HTMLHeadingElement,\n  TimelineHeadingProps\n>(function TimelineHeading(\n  { size = 'lg', element, className, children, ...props },\n  ref\n) {\n  const Component = element ? element : getComponentBySize(size);\n  return (\n    <Base\n      as={Component}\n      ref={ref}\n      className={clsx(className, {\n        'ds-timeline__heading': true,\n        'ds-timeline__heading-md': size === 'md',\n        'ds-timeline__heading-sm': size === 'sm',\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default TimelineHeading;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAoBhC,MAAM,qBAAqB,CACzB,SACoC;AACpC,UAAQ,MAAM;AAAA,IACZ,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT;AACE,aAAO;AAAA,EACX;AACF;AAMO,MAAM,kBAAkB,aAAAA,QAAM,WAGnC,SAASC,iBACT,EAAE,OAAO,MAAM,SAAS,WAAW,UAAU,GAAG,MAAM,GACtD,KACA;AACA,QAAM,YAAY,UAAU,UAAU,mBAAmB,IAAI;AAC7D,SACE,6BAAAD,QAAA;AAAA,IAAC,YAAAE;AAAA,IAAA;AAAA,MACC,IAAI;AAAA,MACJ;AAAA,MACA,eAAW,YAAAC,SAAK,WAAW;AAAA,QACzB,wBAAwB;AAAA,QACxB,2BAA2B,SAAS;AAAA,QACpC,2BAA2B,SAAS;AAAA,MACtC,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,0BAAQ;",
   "names": ["React", "TimelineHeading", "Base", "clsx"]
 }

package/index.js

@@ -1,4 +1,4 @@
-/** @license Digigov v2.0.0-rc.25
+/** @license Digigov v2.0.0-rc.26
  *
  * This source code is licensed under the BSD-2-Clause license found in the
  * LICENSE file in the root directory of this source tree.

package/package.json

@@ -1,14 +1,14 @@
 {
   "name": "@digigov/react-core",
-  "version": "2.0.0-rc.25",
+  "version": "2.0.0-rc.26",
   "description": "@digigov react core components",
   "author": "GRNET Developers <devs@lists.grnet.gr>",
   "license": "BSD-2-Clause",
   "main": "./cjs/index.js",
   "module": "./index.js",
   "peerDependencies": {
-    "@digigov/css": "2.0.0-rc.25",
-    "@digigov/react-icons": "2.0.0-rc.25",
+    "@digigov/css": "2.0.0-rc.26",
+    "@digigov/react-icons": "2.0.0-rc.26",
     "clsx": "1.1.1",
     "react": ">=16.8.0 <19.0.0",
     "react-dom": ">=16.8.0 <19.0.0",

package/src/TimelineHeading/__snapshots__/index.test.tsx.snap

@@ -16,7 +16,7 @@ exports[`renders the TimelineHeading with size = "md" prop 1`] = `
 <body>
   <div>
     <h3
-      class="ds-timeline__heading ds-timeline__heading--md"
+      class="ds-timeline__heading ds-timeline__heading-md"
     >
       hello
     </h3>
@@ -28,7 +28,7 @@ exports[`renders the TimelineHeading with size = "sm" prop 1`] = `
 <body>
   <div>
     <h4
-      class="ds-timeline__heading ds-timeline__heading--sm"
+      class="ds-timeline__heading ds-timeline__heading-sm"
     >
       hello
     </h4>

package/src/TimelineHeading/index.tsx

@@ -53,8 +53,8 @@ export const TimelineHeading = React.forwardRef<
       ref={ref}
       className={clsx(className, {
         'ds-timeline__heading': true,
-        'ds-timeline__heading--md': size === 'md',
-        'ds-timeline__heading--sm': size === 'sm',
+        'ds-timeline__heading-md': size === 'md',
+        'ds-timeline__heading-sm': size === 'sm',
       })}
       {...props}
     >