@ds-pack/components - npm Package Compare versions

Comparing version 1.0.8 to 1.0.9

CHANGELOG.md

@@ -0,1 +1,10 @@
+### 1.0.9
+
+- Add support for the following system props:
+  - `borderStyle`
+  - `borderWidth`
+  - `borderColor`
+  - `lineHeight`
+  - `gap`
+
 ### 1.0.8
@@ -2,0 +11,0 @@

package.json

 {
   "name": "@ds-pack/components",
-  "version": "1.0.8",
+  "version": "1.0.9",
   "main": "src/index.ts",
@@ -43,3 +43,3 @@ "source": "src/index.ts",
     "prettier": "^2",
-    "rainbow-sprinkles": "^0.11",
+    "rainbow-sprinkles": "^0.12",
     "react": "experimental",
@@ -59,3 +59,3 @@ "react-dom": "experimental",
     "nanopop": "^2",
-    "rainbow-sprinkles": "^0.11",
+    "rainbow-sprinkles": "^0.12",
     "react": "*",
@@ -62,0 +62,0 @@ "react-dom": "*"

src/Box/system-props.css.ts

@@ -51,2 +51,3 @@ import { defineProperties, createRainbowSprinkles } from 'rainbow-sprinkles'
       gridTemplateRows: true,
+      gap: true,
       position: true,
@@ -60,6 +61,10 @@ transform: true,
       border: true,
+      borderWidth: true,
+      borderStyle: true,
+      borderColor: true,
+      lineHeight: true,
       textAlign: true,
       fontStyle: true,
       overflow: true,
-      fontWeight: true
+      fontWeight: true,
     },
@@ -66,0 +71,0 @@ shorthands: {

src/Figure/Figure.css.ts

@@ -9,2 +9,3 @@ import { style } from '@vanilla-extract/css'
   paddingRight: vars.space[2],
+  borderLeft: `solid 2px ${vars.colors.gray300}`,
 })

src/InlineCode/InlineCode.css.ts

@@ -5,2 +5,3 @@ import { style } from '@vanilla-extract/css'
 export let inlineCode = style({
+  lineHeight: 1,
   backgroundColor: vars.colors.gray100,
@@ -13,6 +14,6 @@ fontFamily: vars.fonts.monospace,
   paddingRight: '0.25em',
-  paddingTop: '0.15em',
-  paddingBottom: '0.15em',
+  paddingTop: '2px',
+  paddingBottom: '2px',
   borderRadius: vars.radii.small,
   color: vars.colors.blue700,
 })

src/Label/Label.css.ts

 import { style } from '@vanilla-extract/css'
+import { vars } from '../vars.css'
 
@@ -6,2 +7,3 @@ export let label = style({
   flexDirection: 'column',
+  color: vars.colors.gray700,
 })

src/List/List.css.ts

 import { style } from '@vanilla-extract/css'
+import { vars } from '../vars.css'
 
@@ -17,4 +18,3 @@ export let base = style({
   listStyleType: 'decimal',
-  listStylePosition: 'inside',
-  marginLeft: 0,
+  marginLeft: vars.space[4],
   marginRight: 0,
@@ -31,4 +31,3 @@ marginTop: 0,
   listStyleType: 'disc',
-  listStylePosition: 'inside',
-  marginLeft: 0,
+  marginLeft: vars.space[4],
   marginRight: 0,
@@ -35,0 +34,0 @@ marginTop: 0,

UPGRADE_GUIDE.md

@@ -0,1 +1,5 @@
+### 1.0.8 -> 1.0.9
+
+No changes required for consuming applications.
+
 ### 1.0.7 -> 1.0.8
@@ -2,0 +6,0 @@

No alert changes

Improved metrics

Total package byte prevSize

351895

increased by4.3%

Lines of code

7372

increased by3.37%

No dependency changes