@deriv-com/quill-ui - npm Package Compare versions

Comparing version 1.1.1 to 1.1.2

dist/components/Typography/base.d.ts

@@ -12,4 +12,7 @@ import React, { ComponentProps, ElementType } from "react";
 type THeaders = "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
-export declare const Typography: ({ children, className, as, bold, italic, underlined, ...rest }: TypographyProps) => React.DOMElement<{
+export declare const Typography: ({ children, as, ...rest }: TypographyProps) => React.DOMElement<{
     size?: "lg" | "md" | "sm" | "xl" | undefined;
+    bold?: boolean | undefined;
+    italic?: boolean | undefined;
+    underlined?: boolean | undefined;
     ref?: React.LegacyRef<HTMLHeadingElement> | undefined;
@@ -23,2 +26,3 @@ key?: React.Key | null | undefined;
     autoFocus?: boolean | undefined;
+    className?: string | undefined;
     contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
@@ -281,4 +285,3 @@ contextMenu?: string | undefined;
     onTransitionEndCapture?: React.TransitionEventHandler<HTMLHeadingElement> | undefined;
-    className: string;
 }, HTMLHeadingElement>;
 export {};

dist/components/Typography/base.js

@@ -1,5 +0,19 @@
-import "react";
-import { T as a } from "../../base-BL27aQMC.js";
+import "../../assets/base.css";
+import p from "react";
+const i = ({
+  children: o,
+  as: t = "p",
+  ...r
+}) => {
+  const e = typeof t == "string" ? t : void 0;
+  return p.createElement(
+    e || "p",
+    {
+      ...r
+    },
+    o
+  );
+};
 export {
-  a as Typography
+  i as Typography
 };

dist/components/Typography/caption/index.js

@@ -1,23 +0,25 @@
-import { jsx as n } from "react/jsx-runtime";
-import { T as g, c as m } from "../../../base-BL27aQMC.js";
-import { getTextDecoration as x, getTextWeight as l } from "../../../utils/typography-utils.js";
-const T = ({
+import { jsx as m } from "react/jsx-runtime";
+import { c as s } from "../../../clsx-DB4S2d7J.js";
+import { Typography as l } from "../base.js";
+import { getTextDecoration as g, getTextWeight as _ } from "../../../utils/typography-utils.js";
+const u = ({
   children: t,
   className: o,
-  as: e = "p",
-  italic: r = !1,
-  underlined: a = !1,
-  bold: i = !0,
-  ...p
+  as: r = "p",
+  italic: e = !1,
+  underlined: i = !1,
+  bold: p = !0,
+  ...a
 }) => {
-  const s = x(r, a), c = l(i);
-  return /* @__PURE__ */ n(
-    g,
+  const c = g(e, i), n = _(p);
+  return /* @__PURE__ */ m(
+    l,
     {
-      as: e,
-      className: m(
-        `quill-typography__caption-text__weight--${c}__decoration--${s}`,
+      as: r,
+      className: s(
+        `quill-typography__caption-text__weight--${n}__decoration--${c}`,
+        "quill-typography__color--prominent",
         o
       ),
-      ...p,
+      ...a,
       children: t
@@ -28,3 +30,3 @@ }
 export {
-  T as CaptionText
+  u as CaptionText
 };

dist/components/Typography/code/index.js

@@ -1,25 +0,27 @@
-import { jsx as _ } from "react/jsx-runtime";
-import { T as g, c as l } from "../../../base-BL27aQMC.js";
-import { getTextDecoration as n, getTextWeight as x } from "../../../utils/typography-utils.js";
-const T = ({
-  children: t,
-  className: e,
-  as: o = "p",
+import { jsx as m } from "react/jsx-runtime";
+import { c as _ } from "../../../clsx-DB4S2d7J.js";
+import { Typography as f } from "../base.js";
+import { getTextDecoration as g, getTextWeight as d } from "../../../utils/typography-utils.js";
+const u = ({
+  children: o,
+  className: t,
+  as: e = "code",
   size: r = "md",
-  italic: s = !1,
-  underlined: a = !1,
-  bold: i = !1,
-  ...c
+  italic: a = !1,
+  underlined: i = !1,
+  bold: c = !1,
+  ...s
 }) => {
-  const p = n(s, a), m = x(i);
-  return /* @__PURE__ */ _(
-    g,
+  const l = g(a, i), p = d(c);
+  return /* @__PURE__ */ m(
+    f,
     {
-      as: o,
-      className: l(
-        `quill-typography__code-text__size--${r}__weight--${m}__decoration--${p}`,
-        e
+      as: e,
+      className: _(
+        `quill-typography__code-text__size--${r}__weight--${p}__decoration--${l}`,
+        "quill-typography__color--default",
+        t
       ),
-      ...c,
-      children: t
+      ...s,
+      children: o
     }
@@ -29,3 +31,3 @@ );
 export {
-  T as CodeText
+  u as CodeText
 };

dist/components/Typography/heading/h1/index.js

@@ -1,14 +0,19 @@
-import { jsx as p } from "react/jsx-runtime";
-import { T as t, c as l } from "../../../../base-BL27aQMC.js";
-const e = ({ children: r, className: a, as: o = "h1", ...s }) => /* @__PURE__ */ p(
-  t,
+import { jsx as a } from "react/jsx-runtime";
+import { c as l } from "../../../../clsx-DB4S2d7J.js";
+import { Typography as m } from "../../base.js";
+const c = ({ children: o, className: r, as: p = "h1", ...t }) => /* @__PURE__ */ a(
+  m,
   {
-    as: o,
-    className: l("quill-typography__h1", a),
-    ...s,
-    children: r
+    as: p,
+    className: l(
+      "quill-typography__h1",
+      "quill-typography__color--prominent",
+      r
+    ),
+    ...t,
+    children: o
   }
 );
 export {
-  e as default
+  c as default
 };

dist/components/Typography/heading/h2/index.js

@@ -1,14 +0,19 @@
-import { jsx as p } from "react/jsx-runtime";
-import { T as t, c as l } from "../../../../base-BL27aQMC.js";
-const e = ({ children: r, className: a, as: o = "h2", ...s }) => /* @__PURE__ */ p(
-  t,
+import { jsx as a } from "react/jsx-runtime";
+import { c as l } from "../../../../clsx-DB4S2d7J.js";
+import { Typography as m } from "../../base.js";
+const c = ({ children: o, className: r, as: p = "h2", ...t }) => /* @__PURE__ */ a(
+  m,
   {
-    as: o,
-    className: l("quill-typography__h2", a),
-    ...s,
-    children: r
+    as: p,
+    className: l(
+      "quill-typography__h2",
+      "quill-typography__color--prominent",
+      r
+    ),
+    ...t,
+    children: o
   }
 );
 export {
-  e as default
+  c as default
 };

dist/components/Typography/heading/h3/index.js

@@ -1,14 +0,19 @@
-import { jsx as p } from "react/jsx-runtime";
-import { T as t, c as l } from "../../../../base-BL27aQMC.js";
-const e = ({ children: r, className: a, as: o = "h3", ...s }) => /* @__PURE__ */ p(
-  t,
+import { jsx as a } from "react/jsx-runtime";
+import { c as l } from "../../../../clsx-DB4S2d7J.js";
+import { Typography as m } from "../../base.js";
+const c = ({ children: o, className: r, as: p = "h3", ...t }) => /* @__PURE__ */ a(
+  m,
   {
-    as: o,
-    className: l("quill-typography__h3", a),
-    ...s,
-    children: r
+    as: p,
+    className: l(
+      "quill-typography__h3",
+      "quill-typography__color--prominent",
+      r
+    ),
+    ...t,
+    children: o
   }
 );
 export {
-  e as default
+  c as default
 };

dist/components/Typography/heading/h4/index.js

@@ -1,14 +0,19 @@
-import { jsx as p } from "react/jsx-runtime";
-import { T as t, c as l } from "../../../../base-BL27aQMC.js";
-const e = ({ children: r, className: a, as: o = "h4", ...s }) => /* @__PURE__ */ p(
-  t,
+import { jsx as a } from "react/jsx-runtime";
+import { c as l } from "../../../../clsx-DB4S2d7J.js";
+import { Typography as m } from "../../base.js";
+const c = ({ children: o, className: r, as: p = "h4", ...t }) => /* @__PURE__ */ a(
+  m,
   {
-    as: o,
-    className: l("quill-typography__h4", a),
-    ...s,
-    children: r
+    as: p,
+    className: l(
+      "quill-typography__h4",
+      "quill-typography__color--prominent",
+      r
+    ),
+    ...t,
+    children: o
   }
 );
 export {
-  e as default
+  c as default
 };

dist/components/Typography/heading/h5/index.js

@@ -1,14 +0,19 @@
-import { jsx as p } from "react/jsx-runtime";
-import { T as t, c as l } from "../../../../base-BL27aQMC.js";
-const e = ({ children: r, className: a, as: o = "h5", ...s }) => /* @__PURE__ */ p(
-  t,
+import { jsx as a } from "react/jsx-runtime";
+import { c as l } from "../../../../clsx-DB4S2d7J.js";
+import { Typography as m } from "../../base.js";
+const c = ({ children: o, className: r, as: p = "h5", ...t }) => /* @__PURE__ */ a(
+  m,
   {
-    as: o,
-    className: l("quill-typography__h5", a),
-    ...s,
-    children: r
+    as: p,
+    className: l(
+      "quill-typography__h5",
+      "quill-typography__color--prominent",
+      r
+    ),
+    ...t,
+    children: o
   }
 );
 export {
-  e as default
+  c as default
 };

dist/components/Typography/heading/h6/index.js

@@ -1,14 +0,19 @@
-import { jsx as p } from "react/jsx-runtime";
-import { T as t, c as l } from "../../../../base-BL27aQMC.js";
-const e = ({ children: r, className: a, as: o = "h6", ...s }) => /* @__PURE__ */ p(
-  t,
+import { jsx as a } from "react/jsx-runtime";
+import { c as l } from "../../../../clsx-DB4S2d7J.js";
+import { Typography as m } from "../../base.js";
+const c = ({ children: o, className: r, as: p = "h6", ...t }) => /* @__PURE__ */ a(
+  m,
   {
-    as: o,
-    className: l("quill-typography__h6", a),
-    ...s,
-    children: r
+    as: p,
+    className: l(
+      "quill-typography__h6",
+      "quill-typography__color--prominent",
+      r
+    ),
+    ...t,
+    children: o
   }
 );
 export {
-  e as default
+  c as default
 };

dist/components/Typography/heading/hero/index.js

@@ -1,14 +0,19 @@
-import { jsx as p } from "react/jsx-runtime";
-import { T as t, c as e } from "../../../../base-BL27aQMC.js";
-const c = ({ children: r, className: o, as: a = "h1", ...s }) => /* @__PURE__ */ p(
-  t,
+import { jsx as a } from "react/jsx-runtime";
+import { c as l } from "../../../../clsx-DB4S2d7J.js";
+import { Typography as m } from "../../base.js";
+const y = ({ children: o, className: r, as: p = "h1", ...t }) => /* @__PURE__ */ a(
+  m,
   {
-    as: a,
-    className: e("quill-typography__hero", o),
-    ...s,
-    children: r
+    as: p,
+    className: l(
+      "quill-typography__hero",
+      "quill-typography__color--prominent",
+      r
+    ),
+    ...t,
+    children: o
   }
 );
 export {
-  c as default
+  y as default
 };

dist/components/Typography/text/index.js

@@ -1,24 +0,26 @@
-import { jsx as n } from "react/jsx-runtime";
-import { T as _, c as g } from "../../../base-BL27aQMC.js";
-import { getTextDecoration as l, getTextWeight as x } from "../../../utils/typography-utils.js";
-const T = ({
+import { jsx as m } from "react/jsx-runtime";
+import { c as _ } from "../../../clsx-DB4S2d7J.js";
+import { Typography as f } from "../base.js";
+import { getTextDecoration as g, getTextWeight as n } from "../../../utils/typography-utils.js";
+const u = ({
   children: t,
-  className: e,
-  as: o = "span",
+  className: o,
+  as: e = "p",
   size: r = "md",
-  italic: s = !1,
-  underlined: a = !1,
-  bold: i = !1,
-  ...c
+  italic: a = !1,
+  underlined: i = !1,
+  bold: p = !1,
+  ...s
 }) => {
-  const p = l(s, a), m = x(i);
-  return /* @__PURE__ */ n(
-    _,
+  const l = g(a, i), c = n(p);
+  return /* @__PURE__ */ m(
+    f,
     {
-      as: o,
-      className: g(
-        `quill-typography__body-text__size--${r}__weight--${m}__decoration--${p}`,
-        e
+      as: e,
+      className: _(
+        `quill-typography__body-text__size--${r}__weight--${c}__decoration--${l}`,
+        "quill-typography__color--default",
+        o
       ),
-      ...c,
+      ...s,
       children: t
@@ -29,3 +31,3 @@ }
 export {
-  T as Text
+  u as Text
 };

package.json

 {
-  "name": "@deriv-com/quill-ui",
-  "private": false,
-  "version": "1.1.1",
-  "type": "module",
-  "main": "dist/main.js",
-  "files": [
-    "dist"
-  ],
-  "types": "./dist/main.d.ts",
-  "exports": {
-    ".": {
-      "import": "./dist/main.js",
-      "types": "./dist/main.d.ts"
-    }
-  },
-  "sideEffects": [
-    "**/*.css"
-  ],
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/deriv-com/quill-ui"
-  },
-  "scripts": {
-    "dev": "vite --port 4321 --open",
-    "build": "tsc -p ./tsconfig-build.json && vite build",
-    "prepublish": "npm run build",
-    "generate:style": "node scripts/transformer.js &&  npx prettier --write lib/styles/quill.scss &&  npx prettier --write lib/styles/quill.css",
-    "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
-    "format": "npx prettier . --write",
-    "preview": "vite preview",
-    "storybook": "storybook dev -p 6006",
-    "build-storybook": "storybook build --output-dir dist/storybook",
-    "test": "jest",
-    "prepare": "husky install"
-  },
-  "devDependencies": {
-    "@babel/preset-env": "^7.23.9",
-    "@babel/preset-react": "^7.23.3",
-    "@babel/preset-typescript": "^7.23.3",
-    "@commitlint/cli": "^19.1.0",
-    "@commitlint/config-conventional": "^19.1.0",
-    "@semantic-release/changelog": "^6.0.3",
-    "@semantic-release/github": "^9.2.6",
-    "@semantic-release/npm": "^11.0.2",
-    "@semantic-release/release-notes-generator": "^12.1.0",
-    "@storybook/addon-essentials": "^8.0.0",
-    "@storybook/addon-interactions": "^8.0.0",
-    "@storybook/addon-links": "^8.0.0",
-    "@storybook/addon-onboarding": "^8.0.0",
-    "@storybook/addon-themes": "^8.0.0",
-    "@storybook/blocks": "^8.0.0",
-    "@storybook/react": "^8.0.0",
-    "@storybook/react-vite": "^8.0.0",
-    "@storybook/test": "^8.0.0",
-    "@tanstack/react-table": "^8.12.0",
-    "@testing-library/jest-dom": "^6.4.2",
-    "@testing-library/react": "^14.2.1",
-    "@testing-library/user-event": "^14.5.2",
-    "@types/jest": "^29.5.12",
-    "@types/node": "^20.10.7",
-    "@types/react": "^18.2.43",
-    "@types/react-dom": "^18.2.17",
-    "@typescript-eslint/eslint-plugin": "^6.14.0",
-    "@typescript-eslint/parser": "^6.14.0",
-    "@vitejs/plugin-react": "^4.2.1",
-    "@zxcvbn-ts/core": "^3.0.4",
-    "@zxcvbn-ts/language-common": "^3.0.4",
-    "clsx": "^2.1.0",
-    "downshift": "^8.3.1",
-    "eslint": "^8.55.0",
-    "eslint-config-prettier": "^9.1.0",
-    "eslint-plugin-react-hooks": "^4.6.0",
-    "eslint-plugin-react-refresh": "^0.4.5",
-    "eslint-plugin-storybook": "^0.8.0",
-    "glob": "^10.3.10",
-    "husky": "^8.0.0",
-    "identity-obj-proxy": "^3.0.0",
-    "jest": "^29.7.0",
-    "jest-environment-jsdom": "^29.7.0",
-    "prettier": "3.2.5",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "sass": "^1.69.7",
-    "sass-loader": "^13.3.3",
-    "semantic-release": "^23.0.0",
-    "storybook": "^8.0.0",
-    "ts-jest": "^29.1.2",
-    "typescript": "^5.2.2",
-    "vite": "^5.0.12",
-    "vite-plugin-classname": "^0.0.3",
-    "vite-plugin-dts": "^3.7.1",
-    "vite-plugin-lib-inject-css": "^1.3.0"
-  },
-  "eslintConfig": {
-    "env": {
-      "es6": true
+    "name": "@deriv-com/quill-ui",
+    "private": false,
+    "version": "1.1.2",
+    "type": "module",
+    "main": "dist/main.js",
+    "files": [
+        "dist"
+    ],
+    "types": "./dist/main.d.ts",
+    "exports": {
+        ".": {
+            "import": "./dist/main.js",
+            "types": "./dist/main.d.ts"
+        }
     },
-    "parserOptions": {
-      "sourceType": "module"
+    "sideEffects": [
+        "**/*.css"
+    ],
+    "repository": {
+        "type": "git",
+        "url": "https://github.com/deriv-com/quill-ui"
     },
-    "extends": [
-      "plugin:storybook/recommended"
-    ]
-  },
-  "optionalDependencies": {
-    "@rollup/rollup-linux-x64-gnu": "^4.9.6"
-  },
-  "jest": {
-    "testEnvironment": "jest-environment-jsdom",
-    "setupFilesAfterEnv": [
-      "<rootDir>/test/setup.test.js"
-    ],
-    "testMatch": [
-      "**/*.test.tsx",
-      "**/*.test.ts",
-      "**/*.spec.tsx",
-      "**/*.spec.ts"
-    ],
-    "moduleNameMapper": {
-      "\\.(css|less|scss|sass)$": "identity-obj-proxy",
-      "\\.(gif|ttf|eot|svg|png)$": "<rootDir>/test/__mocks__/fileMock.js"
+    "scripts": {
+        "dev": "vite --port 4321 --open",
+        "build": "tsc -p ./tsconfig-build.json && vite build",
+        "prepublish": "npm run build",
+        "generate:style": "node scripts/transformer.js &&  npx prettier --write lib/styles/quill.scss &&  npx prettier --write lib/styles/quill.css",
+        "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
+        "format": "npx prettier . --write",
+        "preview": "vite preview",
+        "storybook": "storybook dev -p 6006",
+        "build-storybook": "storybook build --output-dir dist/storybook",
+        "test": "jest",
+        "test:update": "jest --updateSnapshot",
+        "test:staged": "jest --onlyChanged",
+        "prepare": "husky install"
+    },
+    "devDependencies": {
+        "@babel/preset-env": "^7.23.9",
+        "@babel/preset-react": "^7.23.3",
+        "@babel/preset-typescript": "^7.23.3",
+        "@commitlint/cli": "^19.1.0",
+        "@commitlint/config-conventional": "^19.1.0",
+        "@semantic-release/changelog": "^6.0.3",
+        "@semantic-release/github": "^9.2.6",
+        "@semantic-release/npm": "^11.0.2",
+        "@semantic-release/release-notes-generator": "^12.1.0",
+        "@storybook/addon-essentials": "^8.0.0",
+        "@storybook/addon-interactions": "^8.0.0",
+        "@storybook/addon-links": "^8.0.0",
+        "@storybook/addon-onboarding": "^8.0.0",
+        "@storybook/addon-themes": "^8.0.0",
+        "@storybook/blocks": "^8.0.0",
+        "@storybook/react": "^8.0.0",
+        "@storybook/react-vite": "^8.0.0",
+        "@storybook/test": "^8.0.0",
+        "@tanstack/react-table": "^8.12.0",
+        "@testing-library/jest-dom": "^6.4.2",
+        "@testing-library/react": "^14.2.1",
+        "@testing-library/user-event": "^14.5.2",
+        "@types/jest": "^29.5.12",
+        "@types/node": "^20.10.7",
+        "@types/react": "^18.2.43",
+        "@types/react-dom": "^18.2.17",
+        "@typescript-eslint/eslint-plugin": "^6.14.0",
+        "@typescript-eslint/parser": "^6.14.0",
+        "@vitejs/plugin-react": "^4.2.1",
+        "@zxcvbn-ts/core": "^3.0.4",
+        "@zxcvbn-ts/language-common": "^3.0.4",
+        "clsx": "^2.1.0",
+        "downshift": "^8.3.1",
+        "eslint": "^8.55.0",
+        "eslint-config-prettier": "^9.1.0",
+        "eslint-plugin-react-hooks": "^4.6.0",
+        "eslint-plugin-react-refresh": "^0.4.5",
+        "eslint-plugin-storybook": "^0.8.0",
+        "glob": "^10.3.10",
+        "husky": "^8.0.0",
+        "identity-obj-proxy": "^3.0.0",
+        "jest": "^29.7.0",
+        "jest-environment-jsdom": "^29.7.0",
+        "lint-staged": "^15.2.2",
+        "prettier": "3.2.5",
+        "react": "^18.2.0",
+        "react-dom": "^18.2.0",
+        "sass": "^1.69.7",
+        "sass-loader": "^13.3.3",
+        "semantic-release": "^23.0.0",
+        "storybook": "^8.0.0",
+        "ts-jest": "^29.1.2",
+        "typescript": "^5.2.2",
+        "vite": "^5.0.12",
+        "vite-plugin-classname": "^0.0.3",
+        "vite-plugin-dts": "^3.7.1",
+        "vite-plugin-lib-inject-css": "^1.3.0"
+    },
+    "eslintConfig": {
+        "env": {
+            "es6": true
+        },
+        "parserOptions": {
+            "sourceType": "module"
+        },
+        "extends": [
+            "plugin:storybook/recommended"
+        ]
+    },
+    "optionalDependencies": {
+        "@rollup/rollup-linux-x64-gnu": "^4.9.6"
+    },
+    "jest": {
+        "testEnvironment": "jest-environment-jsdom",
+        "setupFilesAfterEnv": [
+            "<rootDir>/test/setup.test.js"
+        ],
+        "testMatch": [
+            "**/*.test.tsx",
+            "**/*.test.ts",
+            "**/*.spec.tsx",
+            "**/*.spec.ts"
+        ],
+        "moduleNameMapper": {
+            "\\.(css|less|scss|sass)$": "identity-obj-proxy",
+            "\\.(gif|ttf|eot|svg|png)$": "<rootDir>/test/__mocks__/fileMock.js"
+        }
+    },
+    "dependencies": {
+        "usehooks-ts": "^3.0.1"
     }
-  },
-  "dependencies": {
-    "usehooks-ts": "^3.0.1"
-  }
 }

No alert changes

Improved metrics

Total package byte prevSize

414393

increased by0.37%

Lines of code

2180

increased by1.44%

Worsened metrics

Dev dependency count

57

increased by1.79%

No dependency changes