@igorkowalczyk/is-browser 2.1.1 → 3.0.0

package/dist/index.cjs

@@ -1 +1 @@
-var m=Object.create;var i=Object.defineProperty;var O=Object.getOwnPropertyDescriptor;var x=Object.getOwnPropertyNames;var y=Object.getPrototypeOf,M=Object.prototype.hasOwnProperty;var o=(e,t)=>()=>(t||e((t={exports:{}}).exports,t),t.exports),b=(e,t)=>{for(var u in t)i(e,u,{get:t[u],enumerable:!0})},d=(e,t,u,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of x(t))!M.call(e,n)&&n!==u&&i(e,n,{get:()=>t[n],enumerable:!(r=O(t,n))||r.enumerable});return e};var h=(e,t,u)=>(u=e!=null?m(y(e)):{},d(t||!e||!e.__esModule?i(u,"default",{value:e,enumerable:!0}):u,e)),q=e=>d(i({},"__esModule",{value:!0}),e);var a=o(l=>{"use strict";Object.defineProperty(l,"__esModule",{value:!0});Object.defineProperty(l,"default",{enumerable:!0,get:()=>v});function _(e,t){return{handler:e,config:t}}_.withOptions=function(e,t=()=>({})){let u=function(r){return{__options:r,handler:e(r),config:t(r)}};return u.__isOptionsFunction=!0,u.__pluginFunction=e,u.__configFunction=t,u};var v=_});var s=o(f=>{"use strict";Object.defineProperty(f,"__esModule",{value:!0});Object.defineProperty(f,"default",{enumerable:!0,get:()=>w});var F=j(a());function j(e){return e&&e.__esModule?e:{default:e}}var w=F.default});var g=o((B,p)=>{var c=s();p.exports=(c.__esModule?c:{default:c}).default});var D={};b(D,{default:()=>z});module.exports=q(D);var P=h(g()),z=(0,P.default)(function({addVariant:e}){e("firefox","@-moz-document url-prefix()")});
+const o=require("tailwindcss/plugin");module.exports=o(function({addVariant:e}){e("firefox","@supports (-moz-appearance: none)"),e("safari","@supports (background: -webkit-named-image(i))"),e("chrome","@supports (-webkit-app-region: inherit)")});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@igorkowalczyk/is-browser",
-  "version": "2.1.1",
+  "version": "3.0.0",
   "description": "🏔️ Add support for browser specific variants in Tailwind.css",
   "main": "dist/index.cjs",
   "repository": {
@@ -24,13 +24,15 @@
   },
   "homepage": "https://github.com/IgorKowalczyk/is-browser#readme",
   "devDependencies": {
-    "prettier": "^2.8.1",
-    "prettier-plugin-tailwindcss": "^0.2.1",
-    "tailwindcss": "^3.2.4",
-    "esbuild": "0.16.10"
+    "esbuild": "0.17.3",
+    "eslint": "^8.32.0",
+    "eslint-config-prettier": "^8.6.0",
+    "prettier": "2.8.3",
+    "prettier-plugin-tailwindcss": "0.2.1",
+    "tailwindcss": "3.2.4"
   },
   "peerDependencies": {
-    "tailwindcss": "^3.0"
+    "tailwindcss": "3.0 || 3.2"
   },
   "files": [
     "README.md",
@@ -39,11 +41,11 @@
   "exports": {
     "require": "./dist/index.cjs"
   },
-  "packageManager": "pnpm@7.19.0",
+  "packageManager": "pnpm@7.25.1",
   "scripts": {
     "format": "prettier --write . --ignore-unknown",
     "format:check": "prettier --check .",
-    "build": "esbuild index.js --bundle --format=cjs --platform=browser --target=es2019 --pure:React.createElement --minify --outfile=dist/index.cjs",
-    "test": "echo \"Error: no test specified\" && exit 1"
+    "build": "esbuild index.js --format=cjs --platform=node --minify --outfile=dist/index.cjs",
+    "lint": "eslint . --ext .js,.ts"
   }
 }

package/readme.md

@@ -31,19 +31,21 @@ module.exports = {
 };
 ```
 
-Style your components using `{browser_name}:{class}`, e.g. `firefox:bg-red-100`, `firefox:bg-blue-100`, etc.
+Style your components using `{browser_name}:{class}`, e.g. `firefox:bg-red-100`, `chrome:bg-blue-100`, etc.
 
 ```jsx
-<div className="firefox:bg-red-100 bg-blue-100">
- <p>On firefox background should be red, on other browsers it should be blue</p>
+<div className="firefox:bg-red-400 chrome:bg-blue-400 bg-yellow-400">
+ <p>On firefox background should be red, on chrome should be blue and on other browsers it should be yellow</p>
 </div>
 ```
 
 ## 🔐 Supported browsers
 
-| Browser | Browser Version(s) | Variant    | CSS Property                  |
-| ------- | ------------------ | ---------- | ----------------------------- |
-| Firefox | `All (Gecko)`      | `firefox:` | `@-moz-document url-prefix()` |
+| Browser | Variant    | CSS Property                         | Example                 |
+| ------- | ---------- | ------------------------------------ | ----------------------- |
+| Firefox | `firefox:` | `-moz-appearance: none`              | `firefox:bg-yellow-400` |
+| Chrome  | `chrome:`  | `background: -webkit-named-image(i)` | `chrome:bg-red-400`     |
+| Safari  | `safari:`  | `-webkit-app-region: inherit`        | `safari:bg-blue-400`    |
 
 ## ⁉️ Issues