@bbki.ng/ui 0.1.19 → 0.1.21

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/package.json +1 -1
  3. package/src/atoms/link/Link.variants.ts +2 -1
  4. package/src/molecules/article/Article.tsx +1 -1
  5. package/src/organisms/canvas/Canvas.tsx +14 -5
package/CHANGELOG.md CHANGED
@@ -1,5 +1,17 @@
1
1
  # @bbki.ng/ui
2
2
 
3
+ ## 0.1.21
4
+
5
+ ### Patch Changes
6
+
7
+ - d73ac87: fix ident of article's date
8
+
9
+ ## 0.1.20
10
+
11
+ ### Patch Changes
12
+
13
+ - 97af08b: hover style
14
+
3
15
  ## 0.1.19
4
16
 
5
17
  ### Patch Changes
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bbki.ng/ui",
3
- "version": "0.1.19",
3
+ "version": "0.1.21",
4
4
  "description": "Design system component library for bbki.ng",
5
5
  "type": "module",
6
6
  "sideEffects": [
package/src/atoms/link/Link.variants.ts CHANGED
@@ -9,8 +9,9 @@ export const linkVariants = cva(
9
9
  'inline-block',
10
10
  'rounded-sm',
11
11
  'no-underline!',
12
- 'transition-all duration-200 ease-in-out',
12
+ 'transition-all duration-500 ease-in-out',
13
13
  'active:scale-[0.97]',
14
+ 'bg-transparent',
14
15
  'p-2',
15
16
  ],
16
17
  {
package/src/molecules/article/Article.tsx CHANGED
@@ -11,7 +11,7 @@ export const Article = (props: ArticleProps) => {
11
11
  <span className="text-2xl mb-2 inline-block text-content-primary">{title}</span>
12
12
  {loading && title && <BlinkDot status="blink" className="ml-2" />}
13
13
  {date && (
14
- <div className="px-2 pb-0 text-content-secondary">
14
+ <div className="pb-0 text-content-secondary">
15
15
  <small>{date}</small>
16
16
  </div>
17
17
  )}
package/src/organisms/canvas/Canvas.tsx CHANGED
@@ -1,4 +1,4 @@
1
- import { useEffect } from 'react';
1
+ import { CSSProperties, useEffect } from 'react';
2
2
  import { useRenderer } from './useRenderer';
3
3
  import { CanvasProps, UniformProps } from './Canvas.types';
4
4
 
@@ -66,10 +66,19 @@ export const Canvas = (props: CanvasProps) => {
66
66
 
67
67
  return (
68
68
  <canvas
69
- style={{
70
- ...props.style,
71
- imageRendering: 'pixelated',
72
- }}
69
+ style={
70
+ {
71
+ ...props.style,
72
+ imageRendering: 'pixelated',
73
+ transform: 'translateZ(0)',
74
+ isolation: 'isolate',
75
+ contain: 'strict',
76
+ backfaceVisibility: 'hidden',
77
+ '-webkit-backface-visibility': 'hidden',
78
+ '-webkit-font-smoothing': 'antialiased',
79
+ 'image-rendering': 'crisp-edges',
80
+ } as CSSProperties
81
+ }
73
82
  ref={canvasRef}
74
83
  {...rest}
75
84
  />