@meduza/ui-kit-2 0.1.18 → 0.1.20

package/src/Timestamp/Timestamp.test.tsx

@@ -1,14 +1,15 @@
 import React from 'react'
 import { render } from '@testing-library/react'
 import { Timestamp } from './'
-import { TimestampProps } from './Timestamp.types'
+// import { TimestampProps } from './Timestamp.types'
 
 import styles from './Timestamp.module.css'
 
 describe('Timestamp', () => {
-  let props: TimestampProps
+  // let props: TimestampProps
 
-  const renderComponent = () => render(<Timestamp {...props} />)
+  const renderComponent = () =>
+    render(<Timestamp publishedAt={1526024185} type="fromNow" />)
 
   it('should have root style', () => {
     const { getByTestId } = renderComponent()

package/src/ToolbarButton/ToolbarButton.test.tsx

@@ -1,14 +1,19 @@
 import React from 'react'
 import { render } from '@testing-library/react'
 import { ToolbarButton } from './'
-import { ToolbarButtonProps } from './ToolbarButton.types'
+// import { ToolbarButtonProps } from './ToolbarButton.types'
 
 import styles from './ToolbarButton.module.css'
 
 describe('Toolbar Button', () => {
-  let props: ToolbarButtonProps
+  // let props: ToolbarButtonProps
 
-  const renderComponent = () => render(<ToolbarButton {...props} />)
+  const renderComponent = () =>
+    render(
+      <ToolbarButton type="fb" onClick={(): void => alert('Hello Button')}>
+        42
+      </ToolbarButton>
+    )
 
   it('should have root style', () => {
     const { getByTestId } = renderComponent()

package/src/_storybook/PreviewWrapper/PreviewWrapper.module.css

@@ -78,7 +78,9 @@
 }
 
 .wrapper {
-  padding: 40px;
+  @media (min-width: 1000px) {
+    padding: 40px;
+  }
 }
 
 .wrapper.light {

package/src/index.tsx

@@ -37,4 +37,5 @@ export * from './MetaItemLive'
 export * from './DocumentItemsCount'
 export * from './ToolbarButton'
 export * from './Footnote'
+export * from './RelatedRichBlock'
 // /* PLOP_INJECT_LINK */ //

package/src/types.ts

@@ -0,0 +1,6 @@
+export interface OptimizedImageItem {
+  '1x': string
+  '2x': string
+  '1x_webp': string
+  '2x_webp': string
+}

package/src/utils/{toCamel.ts → converCase.ts}

@@ -1,2 +1,5 @@
 export const toCamel = (s: string): string =>
   s.replace(/([_][a-z])/gi, (str) => str.toUpperCase().replace('_', ''))
+
+export const toCapitalize = (s: string): string =>
+  s[0].toUpperCase() + s.slice(1)

package/src/utils/generateGradient.ts

@@ -1,19 +1,25 @@
-const generateGradient = (color: string): string => {
-  const gradientSteps = [
-    [0, 7],
-    [0.08, 12],
-    [0.16, 17],
-    [0.22, 21],
-    [0.32, 26],
-    [0.42, 32],
-    [0.52, 38],
-    [0.62, 47],
-    [0.72, 57],
-    [0.82, 65],
-    [1, 82]
-  ]
+const generateGradient = (color: string, type: string): string => {
+  const steps = {
+    mediaBlockBottom: [
+      [0, 7],
+      [0.08, 12],
+      [0.16, 17],
+      [0.22, 21],
+      [0.32, 26],
+      [0.42, 32],
+      [0.52, 38],
+      [0.62, 47],
+      [0.72, 57],
+      [0.82, 65],
+      [1, 82]
+    ],
+    mediaBlockTop: [
+      [0.5, 0],
+      [0, 97]
+    ]
+  }
 
-  const gradient = gradientSteps.map((i) => `rgba(${color}, ${i[0]}) ${i[1]}%`)
+  const gradient = steps[type].map((i) => `rgba(${color}, ${i[0]}) ${i[1]}%`)
 
   return `linear-gradient(-180deg, ${gradient})`
 }

package/dist/utils/toCamel.d.ts

@@ -1 +0,0 @@
-export declare const toCamel: (s: string) => string;