jbx 2.5.0 → 2.7.0

package/src/style.css

@@ -1,359 +0,0 @@
-html {
-  box-sizing: border-box;
-}
-*,
-*:before,
-*:after {
-  box-sizing: inherit;
-}
-
-:root {
-  --size: 16px;
-  --font-size: 20px;
-  --font-size-small: 17px;
-  --radius-small: 2px;
-}
-
-@media screen and (max-width: 1200px) {
-  :root {
-    --font-size: 18px;
-    --font-size-small: 16px;
-    --size: 14px;
-  }
-}
-
-@media screen and (max-width: 600px) {
-  :root {
-    --font-size: 16px;
-    --font-size-small: 14px;
-  }
-}
-
-* {
-  padding: 0;
-  margin: 0;
-  position: relative;
-}
-
-body {
-  touch-action: pan-y;
-}
-
-body,
-input,
-textarea {
-  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', sans-serif;
-}
-
-body {
-  background: #fcfcfd;
-  color: #000;
-}
-
-h1,
-h2,
-h3,
-h4 {
-  line-height: 1;
-  padding: 0;
-  font-variation-settings: 'wdth' 107;
-  color: var(--base-font-color-bright);
-  font-weight: 650;
-}
-
-strong,
-b {
-  font-weight: 500;
-}
-
-.jbx-h1 {
-  font-size: calc(var(--font-size) * 2);
-  font-weight: 700;
-}
-.jbx-h2 {
-  font-size: calc(var(--font-size) * 1.25);
-}
-.jbx-h3 {
-  font-size: calc(var(--font-size) * 1);
-}
-.jbx-h4 {
-  font-size: var(--font-size-small);
-  text-transform: uppercase;
-}
-
-/* base text */
-html,
-body,
-.jbx-button,
-.jbx-input {
-  font-size: var(--font-size);
-  line-height: 1;
-}
-
-.jbx-code-snippet {
-  border-radius: var(--size);
-  font-family: monaco, monospace;
-  border: none;
-  width: 100%;
-  font-size: calc(var(--size) - 3px);
-  line-height: 1.33;
-  padding: var(--size) calc(var(--size) * 1.2);
-  background: #ecf0f1;
-  color: #34495e;
-  resize: none;
-}
-.jbx-code-snippet:focus {
-  outline: none;
-}
-
-.jbx-code-area {
-  border-radius: var(--size);
-  font-family: monaco, monospace;
-  border: none;
-  width: 100%;
-  font-size: calc(var(--size) - 3px);
-  line-height: 1.33;
-  padding: var(--size) calc(var(--size) * 1.2);
-  background: #ecf0f1;
-  color: #34495e;
-  resize: none;
-  min-height: 120px;
-}
-.jbx-code-area:focus {
-  outline: none;
-}
-
-.jbx-button {
-  color: #000;
-  border-radius: var(--radius-small);
-  appearance: none;
-  user-select: none;
-  cursor: pointer;
-  display: inline-block;
-  background-color: #eee;
-  box-shadow: 3px 3px 0 #ccc;
-  padding: 0 calc(var(--size) / 2);
-  border: none;
-  height: calc(var(--size) * 2.5);
-  transition: top 0.1s, left 0.1s, box-shadow 0.05s;
-}
-.jbx-button:active {
-  top: 1px;
-  left: 1px;
-  box-shadow: 1px 1px 0 #ccc;
-}
-
-/* LINKS */
-.jbx-a {
-  cursor: pointer;
-  color: #000;
-  box-shadow: #0002 0 2px 0;
-  font-weight: 500;
-  text-decoration: none;
-}
-.jbx-a::after {
-  content: '↗';
-  color: #0004;
-  font-size: var(--font-size-small);
-  position: relative;
-  top: -1px;
-  right: -1px;
-  transition: top 0.3s, right 0.3s, color 0.3s;
-}
-.jbx-a:hover,
-.jbx-block-link:hover .jbx-a {
-  box-shadow: var(--accent-color) 0 2px 0;
-}
-.jbx-a:hover::after,
-.jbx-block-link:hover .jbx-a::after {
-  top: -3px;
-  right: -3px;
-  color: var(--accent-color);
-}
-
-.jbx-block-link {
-  min-width: 300px;
-  flex: 1;
-  text-decoration: none;
-  color: #000;
-  display: inline-block;
-  padding: var(--size);
-}
-a.jbx-a::before,
-.jbx-block-link::before {
-  content: '';
-  display: block;
-  position: absolute;
-  background-color: #ecf0f1;
-  z-index: -1;
-  transition: transform 0.2s, opacity 0.2s;
-  transform: scale(0.98) translatey(4px);
-  opacity: 0;
-  top: -4px;
-  left: -6px;
-  right: -6px;
-  bottom: -4px;
-}
-.jbx-block-link::before {
-  border-radius: 16px;
-}
-a.jbx-a::before {
-  border-radius: 8px;
-}
-a.jbx-a:hover::before,
-.jbx-block-link:hover::before {
-  transform: scale(1) translatey(0);
-  opacity: 1;
-}
-
-.jbx-a {
-  display: inline-block;
-}
-
-/* /LINKS */
-
-.jbx-small-text {
-  font-size: var(--font-size-small);
-}
-
-.jbx-container {
-  max-width: 1080px;
-  margin: 0 auto;
-  padding: calc(var(--size) * 2.5) calc(var(--size) * 1.5) calc(var(--size) * 4);
-}
-
-.jbx-box {
-  flex: 1;
-}
-
-.jbx-inline {
-  flex: 1;
-  display: flex;
-  flex-wrap: wrap;
-  flex-direction: row;
-}
-
-.jbx-stack {
-  flex: 1;
-  display: flex;
-  flex-wrap: wrap;
-  flex-direction: column;
-}
-
-.jbx-text {
-  line-height: 1.4;
-}
-
-.jbx-input {
-  color: #777;
-  -webkit-text-fill-color: #777;
-  opacity: 1;
-  flex: 1;
-  display: block;
-  appearance: none;
-  border: none;
-  border-radius: var(--radius-small);
-  height: calc(var(--size) * 2.5);
-  background-color: #eee;
-  padding: 0 calc(var(--size) * 0.5);
-  box-shadow: inset rgba(0, 0, 0, 0.04) 3px 3px 0, inset rgba(0, 0, 0, 0.03) 0.5px 0.5px 0;
-}
-
-.jbx-dropzone {
-  height: 120px;
-  flex: 1;
-  display: flex;
-  text-align: center;
-  align-items: center;
-  align-content: center;
-  justify-content: center;
-  flex-direction: column;
-  border: 2px dashed #000;
-  color: #000;
-  padding: 0;
-  cursor: pointer;
-}
-.jbx-dropzone:hover {
-  border-color: #999;
-}
-.jbx-dropzone span {
-  width: 100%;
-  cursor: pointer;
-}
-.jbx-dropzone input {
-  position: absolute;
-  top: 0;
-  left: 0;
-  height: 100%;
-  width: 100%;
-  opacity: 0;
-  cursor: pointer;
-}
-
-.jbx-range {
-  flex: 1;
-  width: 100%;
-  appearance: none;
-  background-color: #bdc3c780;
-  height: var(--size);
-  border-radius: 0;
-  border-radius: var(--radius-small);
-}
-
-.jbx-range::-webkit-slider-thumb {
-  -webkit-appearance: none;
-  appearance: none;
-  box-shadow: none;
-  border-radius: 0;
-  height: calc(var(--size) * 2);
-  width: var(--size);
-  background-color: #000;
-  border: none;
-  border-radius: var(--radius-small);
-}
-.jbx-range::-moz-range-thumb {
-  appearance: none;
-  box-shadow: none;
-  border-radius: 0;
-  height: calc(var(--size) * 2);
-  width: var(--size);
-  background-color: #000;
-  border: none;
-  border-radius: var(--radius-small);
-}
-.jbx-range::-webkit-slider-runnable-track {
-  appearance: none;
-  /*background-color: yellow;*/
-}
-.jbx-range:focus {
-  outline: none;
-}
-
-.jbx-bullet-container {
-  display: inline-block;
-  margin: -8px 4px -8px 0;
-}
-
-.jbx-bullet {
-  border: 1.5px solid #000;
-  color: #000;
-  text-align: center;
-  line-height: 0.99;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  font-size: calc(var(--font-size-small) - 3px);
-  height: calc(var(--size) * 1.25);
-  width: calc(var(--size) * 1.25);
-  border-radius: 100%;
-  top: -2px;
-  font-weight: 500;
-}
-
-.jbx-hr {
-  margin: calc(var(--size) * 2) auto;
-  width: 38.2%;
-  border-radius: 0;
-  border: none;
-  border-top: 2px solid #ecf0f1;
-}

package/tsconfig.json

@@ -1,20 +0,0 @@
-{
-  "compilerOptions": {
-    "target": "es2022",
-    "lib": ["dom", "dom.iterable", "esnext"],
-    "allowJs": true,
-    "skipLibCheck": true,
-    "strict": true,
-    "forceConsistentCasingInFileNames": true,
-    "noEmit": true,
-    "esModuleInterop": true,
-    "module": "esnext",
-    "moduleResolution": "node",
-    "resolveJsonModule": true,
-    "isolatedModules": true,
-    "jsx": "preserve",
-    "incremental": true
-  },
-  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx"],
-  "exclude": ["node_modules"]
-}