Add t-shirt size props to sizes (#164)

* Add additional size props * remove props declaration from css file * Update openprops and OPtoken numbers Co-authored-by: Aslam Shah <aslam.shah@riskident.com>
argyleink · Jan 26, 2022 · f36a516 · f36a516
1 parent db520bb
commit f36a516
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 2 deletions.
diff --git a/src/props.sizes.js b/src/props.sizes.js
@@ -35,4 +35,12 @@ export default {
   '--size-header-1': '20ch',
   '--size-header-2': '25ch',
   '--size-header-3': '35ch',
+
+  '--size-xxs': '240px',
+  '--size-xs': '360px',
+  '--size-sm': '480px',
+  '--size-md': '768px',
+  '--size-lg': '1024px',
+  '--size-xl': '1440px',
+  '--size-xxl': '1920px',
 }
diff --git a/test/basic.test.cjs b/test/basic.test.cjs
@@ -3,7 +3,7 @@ const OpenProps = require('../dist/open-props.cjs')
 const OPtokens = require('../open-props.tokens.json')
 
 test('Should have an all included import', t => {
-  t.is(Object.keys(OpenProps).length, 371)
+  t.is(Object.keys(OpenProps).length, 378)
 })
 
 test('Import should have animations', async t => {
@@ -20,7 +20,7 @@ test('Import should have colors', async t => {
 })
 
 test('JSON Import should have colors', async t => {
-  t.is(Object.keys(OPtokens).length, 274)
+  t.is(Object.keys(OPtokens).length, 281)
   t.assert(Object.keys(OPtokens).includes('--orange-0'))
 })