@gem-sdk/styles - npm Package Compare versions

Comparing version 1.5.0-next.0 to 1.5.0

package.json

 {
   "name": "@gem-sdk/styles",
-  "version": "1.5.0-next.0",
+  "version": "1.5.0",
   "description": "Largely classless, blazing fast and super light-weight. Bonsai, a base CSS framework for modern browsers",
@@ -5,0 +5,0 @@ "license": "MIT",

src/plugins/size.js

@@ -14,2 +14,11 @@ const plugin = require('tailwindcss/plugin');
     },
+    '.g-s-tag-small': {
+      padding: '2px 8px',
+    },
+    '.g-s-tag-medium': {
+      padding: '4px 12px',
+    },
+    '.g-s-tag-large': {
+      padding: '8px 16px',
+    },
     '.g-s-none': {
@@ -16,0 +25,0 @@ padding: '0',

src/properties.js

 /** @type {import('../types/common').Options} */
 module.exports = [
+  // {
+  //   property: 'align-content',
+  //   shortHand: 'ac',
+  //   mediaQuery: true,
+  //   mdnReference: 'https://developer.mozilla.org/en-US/docs/Web/CSS/align-content',
+  // },
   {
-    property: 'align-content',
-    shortHand: 'ac',
-    mediaQuery: true,
-    mdnReference: 'https://developer.mozilla.org/en-US/docs/Web/CSS/align-content',
-  },
-  {
     property: 'align-items',
@@ -15,9 +15,9 @@ shortHand: 'ai',
   },
+  // {
+  //   property: 'align-self',
+  //   shortHand: 'as',
+  //   mediaQuery: true,
+  //   mdnReference: 'https://developer.mozilla.org/en-US/docs/Web/CSS/align-self',
+  // },
   {
-    property: 'align-self',
-    shortHand: 'as',
-    mediaQuery: true,
-    mdnReference: 'https://developer.mozilla.org/en-US/docs/Web/CSS/align-self',
-  },
-  {
     property: 'aspect-ratio',
@@ -178,9 +178,9 @@ shortHand: 'aspect',
   // },
+  // {
+  //   property: 'clear',
+  //   shortHand: 'cr',
+  //   mediaQuery: true,
+  //   mdnReference: 'https://developer.mozilla.org/en-US/docs/Web/CSS/clear',
+  // },
   {
-    property: 'clear',
-    shortHand: 'cr',
-    mediaQuery: true,
-    mdnReference: 'https://developer.mozilla.org/en-US/docs/Web/CSS/clear',
-  },
-  {
     property: 'color',
@@ -245,21 +245,21 @@ shortHand: 'c',
   },
+  // {
+  //   property: 'filter',
+  //   shortHand: 'fr',
+  //   mediaQuery: false,
+  //   mdnReference: 'https://developer.mozilla.org/en-US/docs/Web/CSS/filter',
+  // },
+  // {
+  //   property: 'flex',
+  //   shortHand: 'fx',
+  //   mediaQuery: true,
+  //   mdnReference: 'https://developer.mozilla.org/en-US/docs/Web/CSS/flex',
+  // },
+  // {
+  //   property: 'flex-basis',
+  //   shortHand: 'fb',
+  //   mediaQuery: true,
+  //   mdnReference: 'https://developer.mozilla.org/en-US/docs/Web/CSS/flex-basis',
+  // },
   {
-    property: 'filter',
-    shortHand: 'fr',
-    mediaQuery: false,
-    mdnReference: 'https://developer.mozilla.org/en-US/docs/Web/CSS/filter',
-  },
-  {
-    property: 'flex',
-    shortHand: 'fx',
-    mediaQuery: true,
-    mdnReference: 'https://developer.mozilla.org/en-US/docs/Web/CSS/flex',
-  },
-  {
-    property: 'flex-basis',
-    shortHand: 'fb',
-    mediaQuery: true,
-    mdnReference: 'https://developer.mozilla.org/en-US/docs/Web/CSS/flex-basis',
-  },
-  {
     property: 'flex-direction',
@@ -270,9 +270,9 @@ shortHand: 'fd',
   },
+  // {
+  //   property: 'flex-grow',
+  //   shortHand: 'fg',
+  //   mediaQuery: true,
+  //   mdnReference: 'https://developer.mozilla.org/en-US/docs/Web/CSS/flex-grow',
+  // },
   {
-    property: 'flex-grow',
-    shortHand: 'fg',
-    mediaQuery: true,
-    mdnReference: 'https://developer.mozilla.org/en-US/docs/Web/CSS/flex-grow',
-  },
-  {
     property: 'flex-shrink',
@@ -283,21 +283,21 @@ shortHand: 'fs',
   },
+  // {
+  //   property: 'flex-wrap',
+  //   shortHand: 'fw',
+  //   mediaQuery: true,
+  //   mdnReference: 'https://developer.mozilla.org/en-US/docs/Web/CSS/flex-wrap',
+  // },
+  // {
+  //   property: 'float',
+  //   shortHand: 'ft',
+  //   mediaQuery: true,
+  //   mdnReference: 'https://developer.mozilla.org/en-US/docs/Web/CSS/float',
+  // },
+  // {
+  //   property: 'font-family',
+  //   shortHand: 'ff',
+  //   mediaQuery: true,
+  //   mdnReference: 'https://developer.mozilla.org/en-US/docs/Web/CSS/font-family',
+  // },
   {
-    property: 'flex-wrap',
-    shortHand: 'fw',
-    mediaQuery: true,
-    mdnReference: 'https://developer.mozilla.org/en-US/docs/Web/CSS/flex-wrap',
-  },
-  {
-    property: 'float',
-    shortHand: 'ft',
-    mediaQuery: true,
-    mdnReference: 'https://developer.mozilla.org/en-US/docs/Web/CSS/float',
-  },
-  {
-    property: 'font-family',
-    shortHand: 'ff',
-    mediaQuery: true,
-    mdnReference: 'https://developer.mozilla.org/en-US/docs/Web/CSS/font-family',
-  },
-  {
     property: 'font-size',
@@ -308,33 +308,33 @@ shortHand: 'size',
   },
+  // {
+  //   property: 'font-style',
+  //   shortHand: 'fs',
+  //   mediaQuery: true,
+  //   mdnReference: 'https://developer.mozilla.org/en-US/docs/Web/CSS/font-style',
+  // },
+  // {
+  //   property: 'font-weight',
+  //   shortHand: 'weight',
+  //   mediaQuery: true,
+  //   mdnReference: 'https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight',
+  // },
+  // {
+  //   property: 'grid-auto-columns',
+  //   shortHand: 'gac',
+  //   mediaQuery: true,
+  //   mdnReference: 'https://developer.mozilla.org/en-US/docs/Web/CSS/grid-auto-columns',
+  // },
+  // {
+  //   property: 'grid-auto-rows',
+  //   shortHand: 'gar',
+  //   mediaQuery: true,
+  //   mdnReference: 'https://developer.mozilla.org/en-US/docs/Web/CSS/grid-auto-rows',
+  // },
+  // {
+  //   property: 'grid-column',
+  //   shortHand: 'gc',
+  //   mediaQuery: true,
+  //   mdnReference: 'https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column',
+  // },
   {
-    property: 'font-style',
-    shortHand: 'fs',
-    mediaQuery: true,
-    mdnReference: 'https://developer.mozilla.org/en-US/docs/Web/CSS/font-style',
-  },
-  {
-    property: 'font-weight',
-    shortHand: 'weight',
-    mediaQuery: true,
-    mdnReference: 'https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight',
-  },
-  {
-    property: 'grid-auto-columns',
-    shortHand: 'gac',
-    mediaQuery: true,
-    mdnReference: 'https://developer.mozilla.org/en-US/docs/Web/CSS/grid-auto-columns',
-  },
-  {
-    property: 'grid-auto-rows',
-    shortHand: 'gar',
-    mediaQuery: true,
-    mdnReference: 'https://developer.mozilla.org/en-US/docs/Web/CSS/grid-auto-rows',
-  },
-  {
-    property: 'grid-column',
-    shortHand: 'gc',
-    mediaQuery: true,
-    mdnReference: 'https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column',
-  },
-  {
     property: 'grid-gap',
@@ -345,9 +345,9 @@ shortHand: 'gg',
   },
+  // {
+  //   property: 'grid-row',
+  //   shortHand: 'gr',
+  //   mediaQuery: true,
+  //   mdnReference: 'https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row',
+  // },
   {
-    property: 'grid-row',
-    shortHand: 'gr',
-    mediaQuery: true,
-    mdnReference: 'https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row',
-  },
-  {
     property: 'grid-template-columns',
@@ -358,9 +358,9 @@ shortHand: 'gtc',
   },
+  // {
+  //   property: 'grid-template-rows',
+  //   shortHand: 'gtr',
+  //   mediaQuery: true,
+  //   mdnReference: 'https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-rows',
+  // },
   {
-    property: 'grid-template-rows',
-    shortHand: 'gtr',
-    mediaQuery: true,
-    mdnReference: 'https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-rows',
-  },
-  {
     property: 'height',
@@ -383,9 +383,9 @@ shortHand: 'h',
   },
+  // {
+  //   property: 'letter-spacing',
+  //   shortHand: 'ls',
+  //   mediaQuery: true,
+  //   mdnReference: 'https://developer.mozilla.org/en-US/docs/Web/CSS/letter-spacing',
+  // },
   {
-    property: 'letter-spacing',
-    shortHand: 'ls',
-    mediaQuery: true,
-    mdnReference: 'https://developer.mozilla.org/en-US/docs/Web/CSS/letter-spacing',
-  },
-  {
     property: '-webkit-line-clamp',
@@ -397,9 +397,9 @@ shortHand: 'line-clamp',
   },
+  // {
+  //   property: 'line-height',
+  //   shortHand: 'lh',
+  //   mediaQuery: true,
+  //   mdnReference: 'https://developer.mozilla.org/en-US/docs/Web/CSS/line-height',
+  // },
   {
-    property: 'line-height',
-    shortHand: 'lh',
-    mediaQuery: true,
-    mdnReference: 'https://developer.mozilla.org/en-US/docs/Web/CSS/line-height',
-  },
-  {
     property: 'text-decoration-thickness',
@@ -416,9 +416,9 @@ shortHand: 'tdt',
   },
-  {
-    property: 'text-decoration-style',
-    shortHand: 'tds',
-    mediaQuery: true,
-    mdnReference: 'https://developer.mozilla.org/en-US/docs/Web/CSS/text-decoration-style',
-  },
   // {
+  //   property: 'text-decoration-style',
+  //   shortHand: 'tds',
+  //   mediaQuery: true,
+  //   mdnReference: 'https://developer.mozilla.org/en-US/docs/Web/CSS/text-decoration-style',
+  // },
+  // {
   //   property: 'list-style',
@@ -495,9 +495,9 @@ //   shortHand: 'lis',
   },
+  // {
+  //   property: 'rotate',
+  //   shortHand: 'rt',
+  //   mediaQuery: true,
+  //   mdnReference: 'https://developer.mozilla.org/en-US/docs/Web/CSS/rotate',
+  // },
   {
-    property: 'rotate',
-    shortHand: 'rt',
-    mediaQuery: true,
-    mdnReference: 'https://developer.mozilla.org/en-US/docs/Web/CSS/rotate',
-  },
-  {
     property: 'object-fit',
@@ -508,9 +508,9 @@ shortHand: 'objf',
   },
+  // {
+  //   property: 'object-position',
+  //   shortHand: 'objp',
+  //   mediaQuery: true,
+  //   mdnReference: 'https://developer.mozilla.org/en-US/docs/Web/CSS/object-position',
+  // },
   {
-    property: 'object-position',
-    shortHand: 'objp',
-    mediaQuery: true,
-    mdnReference: 'https://developer.mozilla.org/en-US/docs/Web/CSS/object-position',
-  },
-  {
     property: 'opacity',
@@ -617,9 +617,9 @@ shortHand: 'op',
   },
+  // {
+  //   property: 'text-decoration',
+  //   shortHand: 'td',
+  //   mediaQuery: true,
+  //   mdnReference: 'https://developer.mozilla.org/en-US/docs/Web/CSS/text-decoration',
+  // },
   {
-    property: 'text-decoration',
-    shortHand: 'td',
-    mediaQuery: true,
-    mdnReference: 'https://developer.mozilla.org/en-US/docs/Web/CSS/text-decoration',
-  },
-  {
     property: 'text-shadow',
@@ -648,51 +648,51 @@ shortHand: 'ts',
   },
-  {
-    property: 'transform-origin',
-    shortHand: 'ta',
-    mediaQuery: true,
-    mdnReference: 'https://developer.mozilla.org/en-US/docs/Web/CSS/transform-origin',
-  },
-  {
-    property: 'transform-style',
-    shortHand: 'ts',
-    mediaQuery: true,
-    mdnReference: 'https://developer.mozilla.org/en-US/docs/Web/CSS/transform-style',
-  },
-  {
-    property: 'transition',
-    shortHand: 'tn',
-    mediaQuery: true,
-    mdnReference: 'https://developer.mozilla.org/en-US/docs/Web/CSS/transition',
-  },
-  {
-    property: 'transition-delay',
-    shortHand: 'td',
-    mediaQuery: true,
-    mdnReference: 'https://developer.mozilla.org/en-US/docs/Web/CSS/transition-delay',
-  },
-  {
-    property: 'transition-duration',
-    shortHand: 'tnd',
-    mediaQuery: true,
-    mdnReference: 'https://developer.mozilla.org/en-US/docs/Web/CSS/transition-duration',
-  },
-  {
-    property: 'transition-property',
-    shortHand: 'tp',
-    mediaQuery: true,
-    mdnReference: 'https://developer.mozilla.org/en-US/docs/Web/CSS/transition-property',
-  },
-  {
-    property: 'transition-timing-function',
-    shortHand: 'ttf',
-    mediaQuery: true,
-    mdnReference: 'https://developer.mozilla.org/en-US/docs/Web/CSS/transition-timing-function',
-  },
-  {
-    property: 'translate',
-    shortHand: 'tsl',
-    mediaQuery: true,
-    mdnReference: 'https://developer.mozilla.org/en-US/docs/Web/CSS/translate',
-  },
   // {
+  //   property: 'transform-origin',
+  //   shortHand: 'ta',
+  //   mediaQuery: true,
+  //   mdnReference: 'https://developer.mozilla.org/en-US/docs/Web/CSS/transform-origin',
+  // },
+  // {
+  //   property: 'transform-style',
+  //   shortHand: 'ts',
+  //   mediaQuery: true,
+  //   mdnReference: 'https://developer.mozilla.org/en-US/docs/Web/CSS/transform-style',
+  // },
+  // {
+  //   property: 'transition',
+  //   shortHand: 'tn',
+  //   mediaQuery: true,
+  //   mdnReference: 'https://developer.mozilla.org/en-US/docs/Web/CSS/transition',
+  // },
+  // {
+  //   property: 'transition-delay',
+  //   shortHand: 'td',
+  //   mediaQuery: true,
+  //   mdnReference: 'https://developer.mozilla.org/en-US/docs/Web/CSS/transition-delay',
+  // },
+  // {
+  //   property: 'transition-duration',
+  //   shortHand: 'tnd',
+  //   mediaQuery: true,
+  //   mdnReference: 'https://developer.mozilla.org/en-US/docs/Web/CSS/transition-duration',
+  // },
+  // {
+  //   property: 'transition-property',
+  //   shortHand: 'tp',
+  //   mediaQuery: true,
+  //   mdnReference: 'https://developer.mozilla.org/en-US/docs/Web/CSS/transition-property',
+  // },
+  // {
+  //   property: 'transition-timing-function',
+  //   shortHand: 'ttf',
+  //   mediaQuery: true,
+  //   mdnReference: 'https://developer.mozilla.org/en-US/docs/Web/CSS/transition-timing-function',
+  // },
+  // {
+  //   property: 'translate',
+  //   shortHand: 'tsl',
+  //   mediaQuery: true,
+  //   mdnReference: 'https://developer.mozilla.org/en-US/docs/Web/CSS/translate',
+  // },
+  // {
   //   property: 'user-select',
@@ -699,0 +699,0 @@ //   shortHand: 'us',

types/types.d.ts

 export type ShortHandProperty =
-  | 'ac'
   | 'ai'
-  | 'as'
   | 'aspect'
@@ -30,34 +28,16 @@ | 'bg'
   | 'shadow'
-  | 'cr'
   | 'c'
   | 'cg'
   | 'd'
-  | 'fr'
-  | 'fx'
-  | 'fb'
   | 'fd'
-  | 'fg'
   | 'fs'
-  | 'fw'
-  | 'ft'
-  | 'ff'
   | 'size'
-  | 'fs'
-  | 'weight'
-  | 'gac'
-  | 'gar'
-  | 'gc'
   | 'gg'
-  | 'gr'
   | 'gtc'
-  | 'gtr'
   | 'h'
   | 'jc'
   | 'left'
-  | 'ls'
   | 'line-clamp'
-  | 'lh'
   | 'tdt'
   | 'tdc'
-  | 'tds'
   | 'm'
@@ -72,5 +52,3 @@ | 'mb'
   | 'minw'
-  | 'rt'
   | 'objf'
-  | 'objp'
   | 'op'
@@ -87,3 +65,2 @@ | 'o'
   | 'ta'
-  | 'td'
   | 'ts'
@@ -93,12 +70,4 @@ | 'tt'
   | 't'
-  | 'ta'
-  | 'ts'
-  | 'tn'
-  | 'td'
-  | 'tnd'
-  | 'tp'
-  | 'ttf'
-  | 'tsl'
   | 'v'
   | 'w'
   | 'z';

Fixed alerts

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

Improved metrics

Number of low quality alerts

1

decreased by-50%

Worsened metrics

Total package byte prevSize

281416

decreased by-25.08%

Lines of code

7908

decreased by-24.28%

No dependency changes