jbx 2.6.0 → 2.8.0

package/dist/main.css

@@ -9,7 +9,7 @@ html {
 
 :root {
   --size: 16px;
-  --font-size: 20px;
+  --font-size: 16px;
   --font-size-small: 17px;
   --radius-small: 2px;
 }
@@ -56,8 +56,12 @@ h3,
 h4 {
   line-height: 1;
   padding: 0;
-  font-variation-settings: 'wdth' 107;
+  font-variation-settings: 'wght' 600;
+  font-weight: 600;
   color: var(--base-font-color-bright);
+}
+h1 {
+  font-variation-settings: 'wdth' 107, 'wght' 650;
   font-weight: 650;
 }
 
@@ -66,6 +70,13 @@ b {
   font-weight: 500;
 }
 
+.jbx-main-h1 {
+  display: inline-block;
+  background-color: var(--accent-color);
+  font-size: calc(var(--font-size) * 2);
+  padding: 8px;
+}
+
 .jbx-h1 {
   font-size: calc(var(--font-size) * 2);
   font-weight: 700;
@@ -74,7 +85,7 @@ b {
   font-size: calc(var(--font-size) * 1.25);
 }
 .jbx-h3 {
-  font-size: calc(var(--font-size) * 1);
+  font-size: calc(var(--font-size) * 1.125);
 }
 .jbx-h4 {
   font-size: var(--font-size-small);
@@ -323,7 +334,6 @@ a.jbx-a:hover::before,
 }
 .jbx-range::-webkit-slider-runnable-track {
   appearance: none;
-  /*background-color: yellow;*/
 }
 .jbx-range:focus {
   outline: none;
@@ -335,10 +345,10 @@ a.jbx-a:hover::before,
 }
 
 .jbx-bullet {
-  border: 1.5px solid #000;
+  border: 1px solid #0001;
   color: #000;
+  background-color: #0001;
   text-align: center;
-  line-height: 0.99;
   display: flex;
   align-items: center;
   justify-content: center;
@@ -346,8 +356,8 @@ a.jbx-a:hover::before,
   height: calc(var(--size) * 1.25);
   width: calc(var(--size) * 1.25);
   border-radius: 100%;
-  top: -2px;
-  font-weight: 500;
+  top: -4px;
+  margin-right: 4px;
 }
 
 .jbx-hr {

package/package.json

@@ -1,28 +1,40 @@
 {
   "name": "jbx",
-  "version": "2.6.0",
+  "version": "2.8.0",
   "author": "hi@javier.xyz",
   "license": "Unlicensed",
-  "main": "dist/pkg.cjs.js",
-  "module": "dist/pkg.esm.js",
-  "types": "dist/types/index.d.ts",
+  "main": "./dist/index.js",
+  "type": "module",
+  "files": [
+    "./dist/main.css",
+    "./dist/index.d.ts",
+    "./dist/index.js"
+  ],
   "exports": {
-    "require": "./dist/index.cjs",
-    "import": "./dist/index.mjs",
-    "module": "./dist/index.esm.js"
+    "types": "./dist/index.d.ts",
+    "module": "./dist/index.js"
   },
-  "scripts": {
-    "build": "bunchee ./src/index.tsx && cp ./src/style.css ./dist/main.css",
-    "watch": "bunchee -w ./src/index.tsx"
+  "watch": {
+    "build": {
+      "patterns": [
+        "src"
+      ],
+      "extensions": "tsx,ts,css",
+      "quiet": false
+    }
   },
   "devDependencies": {
-    "@types/react": "^18.0.21",
-    "bunchee": "^2.1.3",
+    "@types/react": "^18.2.21",
+    "bunchee": "^3.7.1",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "typescript": "^4.8.3"
+    "typescript": "^5.2.2"
   },
   "dependencies": {
-    "jbx": "^2.4.0"
+    "npm-watch": "^0.11.0"
+  },
+  "scripts": {
+    "build": "bunchee ./src/index.tsx && cp ./src/style.css ./dist/main.css",
+    "watch": "npm-watch"
   }
-}
+}

package/.editorconfig

@@ -1,12 +0,0 @@
-root = true
-
-[*]
-charset = utf-8
-indent_style = space
-indent_size = 2
-insert_final_newline = true
-trim_trailing_whitespace = true
-
-[*.md]
-max_line_length = off
-trim_trailing_whitespace = false

package/.nvmrc

@@ -1 +0,0 @@
-v18.x

package/.prettierrc

@@ -1,13 +0,0 @@
-{
-  "singleQuote": true,
-  "printWidth": 100,
-  "editor.formatOnSave": true,
-  "proseWrap": "always",
-  "tabWidth": 2,
-  "requireConfig": false,
-  "useTabs": false,
-  "trailingComma": "none",
-  "bracketSpacing": true,
-  "jsxBracketSameLine": false,
-  "semi": true
-}

package/CHANGELOG.md

@@ -1,58 +0,0 @@
-# 2.4.0
-
-- Respect `style` properties on `Box`.
-
-# 2.3.0
-
-- Add CodeTextarea.
-
-# 2.2.0
-
-- Restore `Dropzone`.
-
-# 2.1.0
-
-- Restore `input` and `range`.
-- Export `Component`.
-
-# 2.0.1
-
-- Restore responsive text size.
-
-# 2.0.0
-
-- Drop `styled-components` and `capsize`.
-
-# v1.7.0
-
-- Add `touch-action: pan-y;`.
-
-# v1.6.0
-
-- `Button` now moves when clicked.
-
-# v1.5.0
-
-- Add `SmallText`.
-- Add `MainHeader`.
-- Prevent `Checkbox` from resizing from responsive `size`.
-
-# v1.3.0
-
-- Add `Checkbox`.
-
-# v1.3.0
-
-- Add `CodeSnippet` component.
-
-# v1.2.0
-
-- Increase padding of `Container`.
-
-# v1.1.0
-
-- Add padding to `Container`.
-
-# v1.0.0
-
-- Initial release