@t007/dialog 0.0.3 → 0.0.5

package/{src/css → dist}/index.css

@@ -1,3 +1,4 @@
+/* src/css/index.css */
 :where(:root) {
   --t007-dialog-font-family: inherit;
   --t007-dialog-unit: 1rem;
@@ -31,12 +32,10 @@
   --t007-dialog-button-gap: 0.65rem;
   --t007-button-outline-width: 0.15rem;
   --t007-button-outline-style: solid;
-  /* animation styles */
   --t007-dialog-start-duration: 150ms;
   --t007-dialog-start-transform: translateY(-100%);
   --t007-dialog-start-opacity: 0;
 }
-
 :where(:root, .t007-dialog) {
   --t007-confirm-button-color: grey;
   --t007-confirm-button-background: var(--t007-cancel-button-color);
@@ -45,11 +44,9 @@
   --t007-confirm-button-outline-color: var(--t007-confirm-button-color);
   --t007-cancel-button-outline-color: var(--t007-cancel-button-color);
 }
-
 :where(.t007-dialog) .t007-input-field {
   --t007-input-color: var(--t007-dialog-message-color);
 }
-
 .t007-dialog,
 .t007-dialog *,
 .t007-dialog *::after,
@@ -60,23 +57,19 @@
   margin: 0;
   padding: 0;
 }
-
 .t007-dialog *:disabled {
   filter: grayscale(100%);
   cursor: not-allowed;
 }
-
 .t007-dialog *:focus {
   outline-style: dashed;
   outline-offset: 0.1rem;
   outline-width: 0;
 }
-
 .t007-dialog *:focus-visible {
   outline-width: 0.15rem;
   transition: none !important;
 }
-
 .t007-dialog :where(button) {
   background: none;
   border: none;
@@ -86,30 +79,30 @@
   justify-content: center;
   transition: filter 200ms ease;
 }
-
 :where(button):hover {
   cursor: pointer;
   filter: brightness(1.15);
 }
-
 :is(html, body):has(.t007-dialog[open]) {
   overflow: hidden;
 }
 body:has(.t007-dialog[open]) {
-  overflow-y: visible; /* incase anyone has sticky content */
+  overflow-y: visible;
 }
-
 .t007-dialog,
 .t007-dialog::backdrop {
   position: fixed;
   inset: 0;
   margin: auto;
   display: none;
-  transition-property: display, transform, opacity, backdrop-filter;
+  transition-property:
+    display,
+    transform,
+    opacity,
+    backdrop-filter;
   transition-duration: var(--t007-dialog-start-duration);
   transition-behavior: allow-discrete;
 }
-
 .t007-dialog {
   padding: 0;
   margin: auto;
@@ -124,7 +117,6 @@ body:has(.t007-dialog[open]) {
   opacity: var(--t007-dialog-start-opacity);
   transform: var(--t007-dialog-start-transform);
 }
-
 .t007-dialog[open] {
   opacity: 1;
   transform: none;
@@ -135,7 +127,6 @@ body:has(.t007-dialog[open]) {
     transform: var(--t007-dialog-start-transform);
   }
 }
-
 .t007-dialog,
 .t007-dialog form {
   flex-direction: column;
@@ -145,11 +136,9 @@ body:has(.t007-dialog[open]) {
 .t007-dialog form {
   display: flex;
 }
-
 .t007-dialog::backdrop {
   background-color: transparent;
 }
-
 .t007-dialog[open]::backdrop {
   display: block;
   background-color: var(--t007-dialog-backdrop-background);
@@ -161,35 +150,28 @@ body:has(.t007-dialog[open]) {
     background-color: transparent;
   }
 }
-
 .t007-dialog > * {
   padding-inline: var(--t007-dialog-padding);
 }
-
 .t007-dialog-top-section {
   margin-top: var(--t007-dialog-padding);
 }
-
 .t007-dialog-bottom-section {
   margin-bottom: var(--t007-dialog-padding);
 }
-
 .t007-dialog-top-section {
   padding-block: var(--t007-dialog-content-padding-block);
   max-height: var(--t007-dialog-max-content-height);
   overflow-x: hidden;
   overflow-y: auto;
 }
-
 .t007-dialog:has(.field) .t007-dialog-top-section {
   padding-block-end: 0;
 }
-
 .t007-dialog-question {
   color: var(--t007-dialog-message-color);
   font-size: var(--t007-dialog-message-font-size);
 }
-
 .t007-dialog-bottom-section {
   align-self: flex-end;
   display: flex;
@@ -197,7 +179,6 @@ body:has(.t007-dialog[open]) {
   justify-content: flex-end;
   gap: var(--t007-dialog-button-gap);
 }
-
 .t007-dialog button {
   font-size: var(--t007-dialog-button-font-size);
   min-width: var(--t007-dialog-button-min-width);
@@ -212,40 +193,32 @@ body:has(.t007-dialog[open]) {
   text-shadow: var(--t007-dialog-button-text-shadow);
   transition: 100ms ease;
 }
-
 .t007-dialog-confirm-button {
   color: var(--t007-confirm-button-color);
   background: var(--t007-confirm-button-background);
   opacity: 1;
 }
-
 .t007-dialog-cancel-button {
   color: var(--t007-cancel-button-color);
   background: var(--t007-cancel-button-background);
   opacity: 0.9;
 }
-
 .t007-dialog button:hover {
   cursor: pointer;
 }
-
 .t007-dialog-confirm-button:hover {
   opacity: 0.9;
 }
-
 .t007-dialog-cancel-button:hover {
   opacity: 1;
 }
-
 .t007-dialog button:focus {
   outline-style: var(--t007-button-outline-style);
   outline-width: var(--t007-button-outline-width);
 }
-
 .t007-dialog-confirm-button:focus {
   outline-color: var(--t007-confirm-button-outline-color);
 }
-
 .t007-dialog-cancel-button:focus {
   outline-color: var(--t007-cancel-button-outline-color);
 }

package/dist/index.global.js

@@ -71,9 +71,9 @@
     window.T007_TOAST_JS_SRC ??= `https://cdn.jsdelivr.net/npm/@t007/toast@latest`;
     window.T007_INPUT_JS_SRC ??= `https://cdn.jsdelivr.net/npm/@t007/input@latest`;
     window.T007_DIALOG_JS_SRC ??= `https://cdn.jsdelivr.net/npm/@t007/dialog@latest`;
-    window.T007_TOAST_CSS_SRC ??= `https://cdn.jsdelivr.net/npm/@t007/toast@latest/dist/style.css`;
-    window.T007_INPUT_CSS_SRC ??= `https://cdn.jsdelivr.net/npm/@t007/input@latest/dist/style.css`;
-    window.T007_DIALOG_CSS_SRC ??= `https://cdn.jsdelivr.net/npm/@t007/dialog@latest/dist/style.css`;
+    window.T007_TOAST_CSS_SRC ??= `https://cdn.jsdelivr.net/npm/@t007/toast@latest/dist/index.css`;
+    window.T007_INPUT_CSS_SRC ??= `https://cdn.jsdelivr.net/npm/@t007/input@latest/dist/index.css`;
+    window.T007_DIALOG_CSS_SRC ??= `https://cdn.jsdelivr.net/npm/@t007/dialog@latest/dist/index.css`;
   }
 
   // src/index.js

package/dist/standalone.js

@@ -69,9 +69,9 @@ if (typeof window !== "undefined") {
   window.T007_TOAST_JS_SRC ??= `https://cdn.jsdelivr.net/npm/@t007/toast@latest`;
   window.T007_INPUT_JS_SRC ??= `https://cdn.jsdelivr.net/npm/@t007/input@latest`;
   window.T007_DIALOG_JS_SRC ??= `https://cdn.jsdelivr.net/npm/@t007/dialog@latest`;
-  window.T007_TOAST_CSS_SRC ??= `https://cdn.jsdelivr.net/npm/@t007/toast@latest/dist/style.css`;
-  window.T007_INPUT_CSS_SRC ??= `https://cdn.jsdelivr.net/npm/@t007/input@latest/dist/style.css`;
-  window.T007_DIALOG_CSS_SRC ??= `https://cdn.jsdelivr.net/npm/@t007/dialog@latest/dist/style.css`;
+  window.T007_TOAST_CSS_SRC ??= `https://cdn.jsdelivr.net/npm/@t007/toast@latest/dist/index.css`;
+  window.T007_INPUT_CSS_SRC ??= `https://cdn.jsdelivr.net/npm/@t007/input@latest/dist/index.css`;
+  window.T007_DIALOG_CSS_SRC ??= `https://cdn.jsdelivr.net/npm/@t007/dialog@latest/dist/index.css`;
 }
 
 // src/index.js

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@t007/dialog",
-  "version": "0.0.3",
+  "version": "0.0.5",
   "description": "A lightweight, pure JS dialog system.",
   "author": "Oketade Oluwatobiloba <tobioketade007@gmail.com>",
   "license": "MIT",
@@ -18,28 +18,28 @@
   "module": "./dist/index.js",
   "unpkg": "./dist/index.global.js",
   "jsdelivr": "./dist/index.global.js",
-  "types": "./src/ts/types/index.d.ts",
-  "style": "./src/css/index.css",
+  "types": "./dist/index.d.ts",
+  "style": "./dist/index.css",
   "sideEffects": [
     "*.css"
   ],
   "exports": {
     ".": {
-      "types": "./src/ts/types/index.d.ts",
+      "types": "./dist/index.d.ts",
       "import": "./dist/index.js",
       "default": "./dist/index.js"
     },
     "./standalone": "./dist/standalone.js",
     "./global": "./dist/index.global.js",
-    "./style.css": "./src/css/index.css"
+    "./style.css": "./dist/index.css"
   },
   "scripts": {
     "build": "tsup --config ../../tsup.config.ts"
   },
   "files": [
     "dist",
-    "./src/ts/types/index.d.ts",
-    "./src/css/index.css"
+    "./dist/index.d.ts",
+    "./dist/index.css"
   ],
   "keywords": [
     "t007",