ben.carrasco/jambonz-webapp
1
0
Fork 0
mirror of https://github.com/jambonz/jambonz-webapp.git synced 2025-12-19 05:37:43 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: update @jambonz/ui-kit:0.0.21 (#200)

Browse Source 
* feat: update @jambonz/ui-kit:0.0.21

* fix security vulnerabilities

---------

Co-authored-by: Quan HL <quanluuhoang8@gmail.com>
Co-authored-by: Dave Horton <daveh@beachdognet.com>
This commit is contained in:
Hoan Luu Huu
2023-02-13 20:47:56 +07:00
committed by GitHub
parent 1be5dcc06b
commit 7890b7031f
94 changed files with 199 additions and 189 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
docs/contributors.md
View File

@@ -137,11 +137,11 @@ of each category of component to get an idea of how the patterns are put into pr
## :art: UI and styling
We have a UI design system called [jambonz-ui](https://github.com/jambonz/jambonz-ui).
We have a UI design system called [@jambonz/ui-kit](https://github.com/jambonz/jambonz-ui).
It's public on `npm` and is being used for this project. It's still small and simple
but provides the foundational package content for building jambonz UIs. You can view
the storybook for it [here](https://jambonz-ui.vercel.app/) as well as view the docs
for it [here](https://www.jambonz.org/docs/jambonz-ui/).
for it [here](https://www.jambonz.org/docs/@jambonz/ui-kit/).
### A note on styles

146
package-lock.json generated
View File

@@ -10,8 +10,8 @@
"hasInstallScript": true,
"license": "MIT",
"dependencies": {
"@jambonz/ui-kit": "^0.0.21",
"dayjs": "^1.11.5",
"jambonz-ui": "^0.0.19",
"react": "^18.0.0",
"react-dom": "^18.0.0",
"react-feather": "^2.0.10",
@@ -656,6 +656,19 @@
"dev": true,
"license": "BSD-3-Clause"
},
"node_modules/@jambonz/ui-kit": {
"version": "0.0.21",
"resolved": "https://registry.npmjs.org/@jambonz/ui-kit/-/ui-kit-0.0.21.tgz",
"integrity": "sha512-tv0sPhzxS/ctJbgUxLVNY+7IjJb3OAhqrdYpmeW3lmEHi7+sHxpO2oMjaVTPFCN4vYh+QzyzT4eLQjpEUDd6sA==",
"engines": {
"node": ">= 14"
},
"peerDependencies": {
"react": ">=17.0.2",
"react-dom": ">=17.0.2",
"react-feather": ">=2.0.9"
}
},
"node_modules/@jridgewell/gen-mapping": {
"version": "0.1.1",
"dev": true,
@@ -1146,9 +1159,10 @@
}
},
"node_modules/@zeit/schemas": {
"version": "2.21.0",
"dev": true,
"license": "MIT"
"version": "2.29.0",
"resolved": "https://registry.npmjs.org/@zeit/schemas/-/schemas-2.29.0.tgz",
"integrity": "sha512-g5QiLIfbg3pLuYUJPlisNKY+epQJTcMDsOnVNkscrDP1oi7vmJnzOANYJI/1pZcVJ6umUkBv3aFtlg1UvUHGzA==",
"dev": true
},
"node_modules/accepts": {
"version": "1.3.8",
@@ -2181,8 +2195,9 @@
},
"node_modules/content-disposition": {
"version": "0.5.2",
"resolved": "https://registry.npmjs.org/content-disposition/-/content-disposition-0.5.2.tgz",
"integrity": "sha512-kRGRZw3bLlFISDBgwTSA1TMBFN6J6GWDeubmDE3AF+3+yXL8hTWv8r5rkLbqYXY4RjPk/EzHnClI3zQf1cFmHA==",
"dev": true,
"license": "MIT",
"engines": {
"node": ">= 0.6"
}
@@ -3356,16 +3371,18 @@
},
"node_modules/fast-url-parser": {
"version": "1.1.3",
"resolved": "https://registry.npmjs.org/fast-url-parser/-/fast-url-parser-1.1.3.tgz",
"integrity": "sha512-5jOCVXADYNuRkKFzNJ0dCCewsZiYo0dz8QNYljkOpFC6r2U4OBmKtvm/Tsuh4w1YYdDqDb31a8TVhBJ2OJKdqQ==",
"dev": true,
"license": "MIT",
"dependencies": {
"punycode": "^1.3.2"
}
},
"node_modules/fast-url-parser/node_modules/punycode": {
"version": "1.4.1",
"dev": true,
"license": "MIT"
"resolved": "https://registry.npmjs.org/punycode/-/punycode-1.4.1.tgz",
"integrity": "sha512-jmYNElW7yvO7TV33CjSmvSiE2yco3bV2czu/OzDKdMNVZQWfxCblURLhf+47syQRBntjfLdd/H0egrzIG+oaFQ==",
"dev": true
},
"node_modules/fastq": {
"version": "1.13.0",
@@ -4296,19 +4313,6 @@
"integrity": "sha512-Yljz7ffyPbrLpLngrMtZ7NduUgVvi6wG9RJ9IUcyCd59YQ911PBJphODUcbOVbqYfxe1wuYf/LJ8PauMRwsM/g==",
"dev": true
},
"node_modules/jambonz-ui": {
"version": "0.0.19",
"resolved": "https://registry.npmjs.org/jambonz-ui/-/jambonz-ui-0.0.19.tgz",
"integrity": "sha512-rdn52N6zwaLqedvEypEO6114oZ6HanK0ezCkAlcLMCT11TvmWuiK4pvc2nYR8NqQ+oVaLBdQ4QpUxM4GSwtvgQ==",
"engines": {
"node": ">= 14"
},
"peerDependencies": {
"react": ">=17.0.2",
"react-dom": ">=17.0.2",
"react-feather": ">=2.0.9"
}
},
"node_modules/js-tokens": {
"version": "4.0.0",
"license": "MIT"
@@ -4364,9 +4368,10 @@
"dev": true
},
"node_modules/json5": {
"version": "2.2.1",
"version": "2.2.3",
"resolved": "https://registry.npmjs.org/json5/-/json5-2.2.3.tgz",
"integrity": "sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==",
"dev": true,
"license": "MIT",
"bin": {
"json5": "lib/cli.js"
},
@@ -5029,8 +5034,9 @@
},
"node_modules/path-is-inside": {
"version": "1.0.2",
"dev": true,
"license": "(WTFPL OR MIT)"
"resolved": "https://registry.npmjs.org/path-is-inside/-/path-is-inside-1.0.2.tgz",
"integrity": "sha512-DUWJr3+ULp4zXmol/SZkFf3JGsS9/SIv+Y3Rt93/UjPpDpklB5f1er4O3POIbUuUJ3FXgqte2Q7SrU6zAqwk8w==",
"dev": true
},
"node_modules/path-key": {
"version": "3.1.1",
@@ -5047,8 +5053,9 @@
},
"node_modules/path-to-regexp": {
"version": "2.2.1",
"dev": true,
"license": "MIT"
"resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-2.2.1.tgz",
"integrity": "sha512-gu9bD6Ta5bwGrrU8muHzVOBFFREpp2iRkVfhBJahwJ6p6Xw20SjT0MxLnwkjOibQmGSYhiUnf2FLe7k+jcFmGQ==",
"dev": true
},
"node_modules/path-type": {
"version": "4.0.0",
@@ -5263,8 +5270,9 @@
},
"node_modules/range-parser": {
"version": "1.2.0",
"resolved": "https://registry.npmjs.org/range-parser/-/range-parser-1.2.0.tgz",
"integrity": "sha512-kA5WQoNVo4t9lNx2kQNFCxKeBl5IbbSNBl1M/tLkw9WCn+hxNBAW5Qh8gdhs63CJnhjJ2zQWFoqPJP2sK1AV5A==",
"dev": true,
"license": "MIT",
"engines": {
"node": ">= 0.6"
}
@@ -5688,11 +5696,12 @@
}
},
"node_modules/serve": {
"version": "14.0.1",
"version": "14.2.0",
"resolved": "https://registry.npmjs.org/serve/-/serve-14.2.0.tgz",
"integrity": "sha512-+HOw/XK1bW8tw5iBilBz/mJLWRzM8XM6MPxL4J/dKzdxq1vfdEWSwhaR7/yS8EJp5wzvP92p1qirysJvnEtjXg==",
"dev": true,
"license": "MIT",
"dependencies": {
"@zeit/schemas": "2.21.0",
"@zeit/schemas": "2.29.0",
"ajv": "8.11.0",
"arg": "5.0.2",
"boxen": "7.0.0",
@@ -5701,7 +5710,7 @@
"clipboardy": "3.0.0",
"compression": "1.7.4",
"is-port-reachable": "4.0.0",
"serve-handler": "6.1.3",
"serve-handler": "6.1.5",
"update-check": "1.5.4"
},
"bin": {
@@ -5712,31 +5721,21 @@
}
},
"node_modules/serve-handler": {
"version": "6.1.3",
"version": "6.1.5",
"resolved": "https://registry.npmjs.org/serve-handler/-/serve-handler-6.1.5.tgz",
"integrity": "sha512-ijPFle6Hwe8zfmBxJdE+5fta53fdIY0lHISJvuikXB3VYFafRjMRpOffSPvCYsbKyBA7pvy9oYr/BT1O3EArlg==",
"dev": true,
"license": "MIT",
"dependencies": {
"bytes": "3.0.0",
"content-disposition": "0.5.2",
"fast-url-parser": "1.1.3",
"mime-types": "2.1.18",
"minimatch": "3.0.4",
"minimatch": "3.1.2",
"path-is-inside": "1.0.2",
"path-to-regexp": "2.2.1",
"range-parser": "1.2.0"
}
},
"node_modules/serve-handler/node_modules/minimatch": {
"version": "3.0.4",
"dev": true,
"license": "ISC",
"dependencies": {
"brace-expansion": "^1.1.7"
},
"engines": {
"node": "*"
}
},
"node_modules/serve-static": {
"version": "1.15.0",
"resolved": "https://registry.npmjs.org/serve-static/-/serve-static-1.15.0.tgz",
@@ -6995,6 +6994,12 @@
"version": "1.2.1",
"dev": true
},
"@jambonz/ui-kit": {
"version": "0.0.21",
"resolved": "https://registry.npmjs.org/@jambonz/ui-kit/-/ui-kit-0.0.21.tgz",
"integrity": "sha512-tv0sPhzxS/ctJbgUxLVNY+7IjJb3OAhqrdYpmeW3lmEHi7+sHxpO2oMjaVTPFCN4vYh+QzyzT4eLQjpEUDd6sA==",
"requires": {}
},
"@jridgewell/gen-mapping": {
"version": "0.1.1",
"dev": true,
@@ -7333,7 +7338,9 @@
}
},
"@zeit/schemas": {
"version": "2.21.0",
"version": "2.29.0",
"resolved": "https://registry.npmjs.org/@zeit/schemas/-/schemas-2.29.0.tgz",
"integrity": "sha512-g5QiLIfbg3pLuYUJPlisNKY+epQJTcMDsOnVNkscrDP1oi7vmJnzOANYJI/1pZcVJ6umUkBv3aFtlg1UvUHGzA==",
"dev": true
},
"accepts": {
@@ -7969,6 +7976,8 @@
},
"content-disposition": {
"version": "0.5.2",
"resolved": "https://registry.npmjs.org/content-disposition/-/content-disposition-0.5.2.tgz",
"integrity": "sha512-kRGRZw3bLlFISDBgwTSA1TMBFN6J6GWDeubmDE3AF+3+yXL8hTWv8r5rkLbqYXY4RjPk/EzHnClI3zQf1cFmHA==",
"dev": true
},
"content-type": {
@@ -8797,6 +8806,8 @@
},
"fast-url-parser": {
"version": "1.1.3",
"resolved": "https://registry.npmjs.org/fast-url-parser/-/fast-url-parser-1.1.3.tgz",
"integrity": "sha512-5jOCVXADYNuRkKFzNJ0dCCewsZiYo0dz8QNYljkOpFC6r2U4OBmKtvm/Tsuh4w1YYdDqDb31a8TVhBJ2OJKdqQ==",
"dev": true,
"requires": {
"punycode": "^1.3.2"
@@ -8804,6 +8815,8 @@
"dependencies": {
"punycode": {
"version": "1.4.1",
"resolved": "https://registry.npmjs.org/punycode/-/punycode-1.4.1.tgz",
"integrity": "sha512-jmYNElW7yvO7TV33CjSmvSiE2yco3bV2czu/OzDKdMNVZQWfxCblURLhf+47syQRBntjfLdd/H0egrzIG+oaFQ==",
"dev": true
}
}
@@ -9388,12 +9401,6 @@
"integrity": "sha512-Yljz7ffyPbrLpLngrMtZ7NduUgVvi6wG9RJ9IUcyCd59YQ911PBJphODUcbOVbqYfxe1wuYf/LJ8PauMRwsM/g==",
"dev": true
},
"jambonz-ui": {
"version": "0.0.19",
"resolved": "https://registry.npmjs.org/jambonz-ui/-/jambonz-ui-0.0.19.tgz",
"integrity": "sha512-rdn52N6zwaLqedvEypEO6114oZ6HanK0ezCkAlcLMCT11TvmWuiK4pvc2nYR8NqQ+oVaLBdQ4QpUxM4GSwtvgQ==",
"requires": {}
},
"js-tokens": {
"version": "4.0.0"
},
@@ -9435,7 +9442,9 @@
"dev": true
},
"json5": {
"version": "2.2.1",
"version": "2.2.3",
"resolved": "https://registry.npmjs.org/json5/-/json5-2.2.3.tgz",
"integrity": "sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==",
"dev": true
},
"jsonfile": {
@@ -9862,6 +9871,8 @@
},
"path-is-inside": {
"version": "1.0.2",
"resolved": "https://registry.npmjs.org/path-is-inside/-/path-is-inside-1.0.2.tgz",
"integrity": "sha512-DUWJr3+ULp4zXmol/SZkFf3JGsS9/SIv+Y3Rt93/UjPpDpklB5f1er4O3POIbUuUJ3FXgqte2Q7SrU6zAqwk8w==",
"dev": true
},
"path-key": {
@@ -9874,6 +9885,8 @@
},
"path-to-regexp": {
"version": "2.2.1",
"resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-2.2.1.tgz",
"integrity": "sha512-gu9bD6Ta5bwGrrU8muHzVOBFFREpp2iRkVfhBJahwJ6p6Xw20SjT0MxLnwkjOibQmGSYhiUnf2FLe7k+jcFmGQ==",
"dev": true
},
"path-type": {
@@ -10000,6 +10013,8 @@
},
"range-parser": {
"version": "1.2.0",
"resolved": "https://registry.npmjs.org/range-parser/-/range-parser-1.2.0.tgz",
"integrity": "sha512-kA5WQoNVo4t9lNx2kQNFCxKeBl5IbbSNBl1M/tLkw9WCn+hxNBAW5Qh8gdhs63CJnhjJ2zQWFoqPJP2sK1AV5A==",
"dev": true
},
"raw-body": {
@@ -10279,10 +10294,12 @@
}
},
"serve": {
"version": "14.0.1",
"version": "14.2.0",
"resolved": "https://registry.npmjs.org/serve/-/serve-14.2.0.tgz",
"integrity": "sha512-+HOw/XK1bW8tw5iBilBz/mJLWRzM8XM6MPxL4J/dKzdxq1vfdEWSwhaR7/yS8EJp5wzvP92p1qirysJvnEtjXg==",
"dev": true,
"requires": {
"@zeit/schemas": "2.21.0",
"@zeit/schemas": "2.29.0",
"ajv": "8.11.0",
"arg": "5.0.2",
"boxen": "7.0.0",
@@ -10291,7 +10308,7 @@
"clipboardy": "3.0.0",
"compression": "1.7.4",
"is-port-reachable": "4.0.0",
"serve-handler": "6.1.3",
"serve-handler": "6.1.5",
"update-check": "1.5.4"
},
"dependencies": {
@@ -10316,26 +10333,19 @@
}
},
"serve-handler": {
"version": "6.1.3",
"version": "6.1.5",
"resolved": "https://registry.npmjs.org/serve-handler/-/serve-handler-6.1.5.tgz",
"integrity": "sha512-ijPFle6Hwe8zfmBxJdE+5fta53fdIY0lHISJvuikXB3VYFafRjMRpOffSPvCYsbKyBA7pvy9oYr/BT1O3EArlg==",
"dev": true,
"requires": {
"bytes": "3.0.0",
"content-disposition": "0.5.2",
"fast-url-parser": "1.1.3",
"mime-types": "2.1.18",
"minimatch": "3.0.4",
"minimatch": "3.1.2",
"path-is-inside": "1.0.2",
"path-to-regexp": "2.2.1",
"range-parser": "1.2.0"
},
"dependencies": {
"minimatch": {
"version": "3.0.4",
"dev": true,
"requires": {
"brace-expansion": "^1.1.7"
}
}
}
},
"serve-static": {

4
package.json
View File

@@ -25,7 +25,7 @@
],
"scripts": {
"prepare": "husky install",
"postinstall": "rm -rf public/fonts && cp -R node_modules/jambonz-ui/public/fonts public/fonts",
"postinstall": "rm -rf public/fonts && cp -R node_modules/@jambonz/ui-kit/public/fonts public/fonts",
"start": "npm run dev",
"dev": "vite --port 3001",
"dev:server": "ts-node --esm server/dev.server.ts",
@@ -42,7 +42,7 @@
},
"dependencies": {
"dayjs": "^1.11.5",
"jambonz-ui": "^0.0.19",
"@jambonz/ui-kit": "^0.0.21",
"react": "^18.0.0",
"react-dom": "^18.0.0",
"react-feather": "^2.0.10",

2
src/components/access-control.cy.tsx
View File

@@ -1,5 +1,5 @@
import React from "react";
import { H1 } from "jambonz-ui";
import { H1 } from "@jambonz/ui-kit";
import { AccessControl } from "./access-control";

2
src/components/account-filter.tsx
View File

@@ -1,5 +1,5 @@
import React, { useEffect, useState } from "react";
import { classNames } from "jambonz-ui";
import { classNames } from "@jambonz/ui-kit";
import { Icons } from "src/components/icons";

2
src/components/application-filter.tsx
View File

@@ -1,5 +1,5 @@
import React, { useState } from "react";
import { classNames } from "jambonz-ui";
import { classNames } from "@jambonz/ui-kit";
import { Icons } from "src/components/icons";
import { sortLocaleName } from "src/utils";

2
src/components/forms/checkzone/index.tsx
View File

@@ -1,5 +1,5 @@
import React, { useState, useEffect, forwardRef } from "react";
import { classNames } from "jambonz-ui";
import { classNames } from "@jambonz/ui-kit";
import "./styles.scss";

4
src/components/forms/checkzone/styles.scss
View File

@@ -1,6 +1,6 @@
@use "src/styles/vars";
@use "jambonz-ui/src/styles/vars" as ui-vars;
@use "jambonz-ui/src/styles/mixins" as ui-mixins;
@use "@jambonz/ui-kit/src/styles/vars" as ui-vars;
@use "@jambonz/ui-kit/src/styles/mixins" as ui-mixins;
.checkzone {
padding: ui-vars.$px02;

2
src/components/forms/file-upload/index.tsx
View File

@@ -1,5 +1,5 @@
import React, { useState, forwardRef } from "react";
import { classNames } from "jambonz-ui";
import { classNames } from "@jambonz/ui-kit";
import { Icons } from "src/components/icons";

4
src/components/forms/file-upload/styles.scss
View File

@@ -1,7 +1,7 @@
@use "src/styles/vars";
@use "src/styles/mixins";
@use "jambonz-ui/src/styles/vars" as ui-vars;
@use "jambonz-ui/src/styles/mixins" as ui-mixins;
@use "@jambonz/ui-kit/src/styles/vars" as ui-vars;
@use "@jambonz/ui-kit/src/styles/mixins" as ui-mixins;
.file-upload {
&__wrap {

4
src/components/forms/message/styles.scss
View File

@@ -1,7 +1,7 @@
@use "src/styles/vars";
@use "src/styles/mixins";
@use "jambonz-ui/src/styles/vars" as ui-vars;
@use "jambonz-ui/src/styles/mixins" as ui-mixins;
@use "@jambonz/ui-kit/src/styles/vars" as ui-vars;
@use "@jambonz/ui-kit/src/styles/mixins" as ui-mixins;
.msg {
@include ui-mixins.ms();

2
src/components/forms/passwd/styles.scss
View File

@@ -1,6 +1,6 @@
@use "src/styles/vars";
@use "src/styles/mixins";
@use "jambonz-ui/src/styles/vars" as ui-vars;
@use "@jambonz/ui-kit/src/styles/vars" as ui-vars;
.passwd {
position: relative;

2
src/components/forms/selector/index.tsx
View File

@@ -1,5 +1,5 @@
import React, { useState, forwardRef } from "react";
import { classNames } from "jambonz-ui";
import { classNames } from "@jambonz/ui-kit";
import { Icons } from "src/components/icons";

6
src/components/forms/selector/styles.scss
View File

@@ -1,8 +1,8 @@
@use "src/styles/vars";
@use "src/styles/mixins";
@use "jambonz-ui/src/styles/index";
@use "jambonz-ui/src/styles/vars" as ui-vars;
@use "jambonz-ui/src/styles/mixins" as ui-mixins;
@use "@jambonz/ui-kit/src/styles/index";
@use "@jambonz/ui-kit/src/styles/vars" as ui-vars;
@use "@jambonz/ui-kit/src/styles/mixins" as ui-mixins;
.selector {
position: relative;

2
src/components/modal/index.tsx
View File

@@ -1,6 +1,6 @@
import React from "react";
import ReactDOM from "react-dom";
import { Button, ButtonGroup } from "jambonz-ui";
import { Button, ButtonGroup } from "@jambonz/ui-kit";
import "./styles.scss";

2
src/components/modal/styles.scss
View File

@@ -1,6 +1,6 @@
@use "src/styles/vars";
@use "src/styles/mixins";
@use "jambonz-ui/src/styles/vars" as ui-vars;
@use "@jambonz/ui-kit/src/styles/vars" as ui-vars;
.modal {
position: fixed;

4
src/components/obscure/styles.scss
View File

@@ -1,6 +1,6 @@
@use "src/styles/vars";
@use "jambonz-ui/src/styles/vars" as ui-vars;
@use "jambonz-ui/src/styles/mixins" as ui-mixins;
@use "@jambonz/ui-kit/src/styles/vars" as ui-vars;
@use "@jambonz/ui-kit/src/styles/mixins" as ui-mixins;
.obscure {
@include ui-mixins.ms();

2
src/components/pagination/index.tsx
View File

@@ -1,5 +1,5 @@
import React, { useCallback, useMemo } from "react";
import { Icon } from "jambonz-ui";
import { Icon } from "@jambonz/ui-kit";
import { Icons } from "../icons";

4
src/components/pagination/styles.scss
View File

@@ -1,7 +1,7 @@
@use "src/styles/vars";
@use "src/styles/mixins";
@use "jambonz-ui/src/styles/vars" as ui-vars;
@use "jambonz-ui/src/styles/mixins" as ui-mixins;
@use "@jambonz/ui-kit/src/styles/vars" as ui-vars;
@use "@jambonz/ui-kit/src/styles/mixins" as ui-mixins;
.pagination {
display: flex;

2
src/components/require-auth.cy.tsx
View File

@@ -1,5 +1,5 @@
import React from "react";
import { H1 } from "jambonz-ui";
import { H1 } from "@jambonz/ui-kit";
import { RequireAuth } from "./require-auth";

2
src/components/scoped-access.cy.tsx
View File

@@ -1,5 +1,5 @@
import React from "react";
import { H1 } from "jambonz-ui";
import { H1 } from "@jambonz/ui-kit";
import { ScopedAccess } from "./scoped-access";
import { USER_SP, USER_ADMIN, USER_ACCOUNT } from "src/api/constants";

2
src/components/search-filter/index.tsx
View File

@@ -1,5 +1,5 @@
import React, { useState, useCallback } from "react";
import { classNames } from "jambonz-ui";
import { classNames } from "@jambonz/ui-kit";
import { Icons } from "src/components/icons";

4
src/components/search-filter/styles.scss
View File

@@ -1,7 +1,7 @@
@use "src/styles/vars";
@use "src/styles/mixins";
@use "jambonz-ui/src/styles/vars" as ui-vars;
@use "jambonz-ui/src/styles/mixins" as ui-mixins;
@use "@jambonz/ui-kit/src/styles/vars" as ui-vars;
@use "@jambonz/ui-kit/src/styles/mixins" as ui-mixins;
.search-filter {
position: relative;

2
src/components/section/index.tsx
View File

@@ -1,5 +1,5 @@
import React from "react";
import { classNames } from "jambonz-ui";
import { classNames } from "@jambonz/ui-kit";
import "./styles.scss";

6
src/components/section/styles.scss
View File

@@ -1,7 +1,7 @@
@use "src/styles/vars";
@use "jambonz-ui/src/styles/index";
@use "jambonz-ui/src/styles/vars" as ui-vars;
@use "jambonz-ui/src/styles/mixins" as ui-mixins;
@use "@jambonz/ui-kit/src/styles/index";
@use "@jambonz/ui-kit/src/styles/vars" as ui-vars;
@use "@jambonz/ui-kit/src/styles/mixins" as ui-mixins;
.sec {
margin-top: ui-vars.$px03;

2
src/components/select-filter.tsx
View File

@@ -1,5 +1,5 @@
import React, { useState } from "react";
import { classNames } from "jambonz-ui";
import { classNames } from "@jambonz/ui-kit";
import { Icons } from "src/components/icons";

2
src/components/spinner/index.tsx
View File

@@ -1,5 +1,5 @@
import React from "react";
import { classNames } from "jambonz-ui";
import { classNames } from "@jambonz/ui-kit";
import "./styles.scss";

2
src/components/spinner/styles.scss
View File

@@ -1,5 +1,5 @@
@use "src/styles/vars";
@use "jambonz-ui/src/styles/vars" as ui-vars;
@use "@jambonz/ui-kit/src/styles/vars" as ui-vars;
/** https://loading.io/css/ */

2
src/components/toast/index.tsx
View File

@@ -1,6 +1,6 @@
import React from "react";
import ReactDOM from "react-dom";
import { classNames } from "jambonz-ui";
import { classNames } from "@jambonz/ui-kit";
import { Icons } from "src/components";

2
src/components/toast/styles.scss
View File

@@ -1,6 +1,6 @@
@use "src/styles/vars";
@use "src/styles/mixins";
@use "jambonz-ui/src/styles/vars" as ui-vars;
@use "@jambonz/ui-kit/src/styles/vars" as ui-vars;
.toast {
padding-left: ui-vars.$px02;

4
src/components/tooltip/styles.scss
View File

@@ -1,7 +1,7 @@
@use "src/styles/vars";
@use "src/styles/mixins";
@use "jambonz-ui/src/styles/vars" as ui-vars;
@use "jambonz-ui/src/styles/mixins" as ui-mixins;
@use "@jambonz/ui-kit/src/styles/vars" as ui-vars;
@use "@jambonz/ui-kit/src/styles/mixins" as ui-mixins;
.tooltip {
cursor: help;

2
src/containers/internal/api-keys/index.tsx
View File

@@ -1,5 +1,5 @@
import React, { useState } from "react";
import { P, Button } from "jambonz-ui";
import { P, Button } from "@jambonz/ui-kit";
import { toastSuccess, toastError } from "src/store";
import { useApiData, postApiKey, deleteApiKey } from "src/api";

2
src/containers/internal/layout.tsx
View File

@@ -1,6 +1,6 @@
import React, { useState } from "react";
import { Outlet } from "react-router-dom";
import { Button, Icon, classNames } from "jambonz-ui";
import { Button, Icon, classNames } from "@jambonz/ui-kit";
import { UserMe } from "./user-me";
import { Navi } from "./navi";

2
src/containers/internal/navi/index.tsx
View File

@@ -1,5 +1,5 @@
import React, { useEffect, useState, useMemo } from "react";
import { classNames, M, Icon, Button } from "jambonz-ui";
import { classNames, M, Icon, Button } from "@jambonz/ui-kit";
import { Link, useLocation } from "react-router-dom";
import { Icons, ModalForm } from "src/components";

4
src/containers/internal/navi/styles.scss
View File

@@ -1,7 +1,7 @@
@use "src/styles/vars";
@use "src/styles/mixins";
@use "jambonz-ui/src/styles/vars" as ui-vars;
@use "jambonz-ui/src/styles/mixins" as ui-mixins;
@use "@jambonz/ui-kit/src/styles/vars" as ui-vars;
@use "@jambonz/ui-kit/src/styles/mixins" as ui-mixins;
.navi {
width: 100%;

4
src/containers/internal/styles.scss
View File

@@ -1,7 +1,7 @@
@use "src/styles/vars";
@use "src/styles/mixins";
@use "jambonz-ui/src/styles/vars" as ui-vars;
@use "jambonz-ui/src/styles/mixins" as ui-mixins;
@use "@jambonz/ui-kit/src/styles/vars" as ui-vars;
@use "@jambonz/ui-kit/src/styles/mixins" as ui-mixins;
/** Generic layout: internal */
.internal {

4
src/containers/internal/user-me/styles.scss
View File

@@ -1,7 +1,7 @@
@use "src/styles/vars";
@use "src/styles/mixins";
@use "jambonz-ui/src/styles/vars" as ui-vars;
@use "jambonz-ui/src/styles/mixins" as ui-mixins;
@use "@jambonz/ui-kit/src/styles/vars" as ui-vars;
@use "@jambonz/ui-kit/src/styles/mixins" as ui-mixins;
/** User layout **/
.user {

2
src/containers/internal/views/accounts/add.tsx
View File

@@ -1,5 +1,5 @@
import React from "react";
import { H1 } from "jambonz-ui";
import { H1 } from "@jambonz/ui-kit";
import { AccountForm } from "./form";

2
src/containers/internal/views/accounts/delete.tsx
View File

@@ -1,5 +1,5 @@
import React, { useEffect, useState } from "react";
import { P } from "jambonz-ui";
import { P } from "@jambonz/ui-kit";
import { ModalClose, Modal } from "src/components";
import { getFetch } from "src/api";

2
src/containers/internal/views/accounts/edit.tsx
View File

@@ -1,5 +1,5 @@
import React, { useEffect } from "react";
import { H1 } from "jambonz-ui";
import { H1 } from "@jambonz/ui-kit";
import { useParams } from "react-router-dom";
import { ApiKeys } from "src/containers/internal/api-keys";

2
src/containers/internal/views/accounts/form.tsx
View File

@@ -1,5 +1,5 @@
import React, { useState, useEffect } from "react";
import { P, Button, ButtonGroup, MS } from "jambonz-ui";
import { P, Button, ButtonGroup, MS } from "@jambonz/ui-kit";
import { Link, useNavigate } from "react-router-dom";
import { toastError, toastSuccess, useSelectState } from "src/store";

2
src/containers/internal/views/accounts/index.tsx
View File

@@ -1,5 +1,5 @@
import React, { useState } from "react";
import { H1, M, Button, Icon } from "jambonz-ui";
import { H1, M, Button, Icon } from "@jambonz/ui-kit";
import { Link } from "react-router-dom";
import { useServiceProviderData, deleteAccount } from "src/api";

2
src/containers/internal/views/alerts/index.tsx
View File

@@ -1,5 +1,5 @@
import React, { useEffect, useMemo, useState } from "react";
import { ButtonGroup, H1, M, MS } from "jambonz-ui";
import { ButtonGroup, H1, M, MS } from "@jambonz/ui-kit";
import dayjs from "dayjs";
import { getAlerts, useServiceProviderData } from "src/api";

2
src/containers/internal/views/applications/add.tsx
View File

@@ -1,5 +1,5 @@
import React from "react";
import { H1 } from "jambonz-ui";
import { H1 } from "@jambonz/ui-kit";
import { ApplicationForm } from "./form";

2
src/containers/internal/views/applications/delete.tsx
View File

@@ -1,5 +1,5 @@
import React, { useEffect, useState } from "react";
import { P } from "jambonz-ui";
import { P } from "@jambonz/ui-kit";
import { Modal, ModalClose } from "src/components";
import { getFetch } from "src/api";

2
src/containers/internal/views/applications/edit.tsx
View File

@@ -1,5 +1,5 @@
import React, { useEffect } from "react";
import { H1 } from "jambonz-ui";
import { H1 } from "@jambonz/ui-kit";
import { useParams } from "react-router-dom";
import { useApiData } from "src/api";

2
src/containers/internal/views/applications/form.tsx
View File

@@ -1,5 +1,5 @@
import React, { useEffect, useState } from "react";
import { Button, ButtonGroup, MS } from "jambonz-ui";
import { Button, ButtonGroup, MS } from "@jambonz/ui-kit";
import { Link, useNavigate } from "react-router-dom";
import { toastError, toastSuccess, useSelectState } from "src/store";

2
src/containers/internal/views/applications/index.tsx
View File

@@ -1,5 +1,5 @@
import React, { useEffect, useState } from "react";
import { H1, M, Button, Icon } from "jambonz-ui";
import { H1, M, Button, Icon } from "@jambonz/ui-kit";
import { Link } from "react-router-dom";
import { deleteApplication, useServiceProviderData, useApiData } from "src/api";

2
src/containers/internal/views/carriers/add.tsx
View File

@@ -1,5 +1,5 @@
import React from "react";
import { H1 } from "jambonz-ui";
import { H1 } from "@jambonz/ui-kit";
import { CarrierForm } from "./form";

2
src/containers/internal/views/carriers/delete.tsx
View File

@@ -1,5 +1,5 @@
import React, { useEffect, useState } from "react";
import { P } from "jambonz-ui";
import { P } from "@jambonz/ui-kit";
import { Modal, ModalClose } from "src/components";
import { getFetch } from "src/api";

2
src/containers/internal/views/carriers/edit.tsx
View File

@@ -1,5 +1,5 @@
import React, { useEffect } from "react";
import { H1 } from "jambonz-ui";
import { H1 } from "@jambonz/ui-kit";
import { useParams } from "react-router-dom";
import { useApiData } from "src/api";

2
src/containers/internal/views/carriers/form.tsx
View File

@@ -1,6 +1,6 @@
import React, { useEffect, useRef, useState } from "react";
import { Link, useNavigate } from "react-router-dom";
import { Button, ButtonGroup, Icon, MS, MXS, Tab, Tabs } from "jambonz-ui";
import { Button, ButtonGroup, Icon, MS, MXS, Tab, Tabs } from "@jambonz/ui-kit";
import {
deleteSipGateway,

2
src/containers/internal/views/carriers/index.tsx
View File

@@ -1,6 +1,6 @@
import React, { useState, useMemo, useEffect } from "react";
import { Link } from "react-router-dom";
import { Button, H1, Icon, M } from "jambonz-ui";
import { Button, H1, Icon, M } from "@jambonz/ui-kit";
import {
deleteCarrier,
deleteSipGateway,

2
src/containers/internal/views/ms-teams-tenants/add.tsx
View File

@@ -1,5 +1,5 @@
import React from "react";
import { H1 } from "jambonz-ui";
import { H1 } from "@jambonz/ui-kit";
import { MsTeamsTenantForm } from "./form";

2
src/containers/internal/views/ms-teams-tenants/delete.tsx
View File

@@ -1,5 +1,5 @@
import React from "react";
import { P } from "jambonz-ui";
import { P } from "@jambonz/ui-kit";
import { Modal } from "src/components";

2
src/containers/internal/views/ms-teams-tenants/edit.tsx
View File

@@ -1,5 +1,5 @@
import React, { useEffect } from "react";
import { H1 } from "jambonz-ui";
import { H1 } from "@jambonz/ui-kit";
import { useParams } from "react-router-dom";
import { useApiData } from "src/api";

2
src/containers/internal/views/ms-teams-tenants/form.tsx
View File

@@ -1,5 +1,5 @@
import React, { useEffect, useState } from "react";
import { Button, ButtonGroup, MS } from "jambonz-ui";
import { Button, ButtonGroup, MS } from "@jambonz/ui-kit";
import { Link, useNavigate } from "react-router-dom";
import {

2
src/containers/internal/views/ms-teams-tenants/index.tsx
View File

@@ -1,5 +1,5 @@
import React, { useState, useMemo } from "react";
import { Button, H1, Icon, M } from "jambonz-ui";
import { Button, H1, Icon, M } from "@jambonz/ui-kit";
import { Link } from "react-router-dom";
import {

2
src/containers/internal/views/phone-numbers/add.tsx
View File

@@ -1,5 +1,5 @@
import React from "react";
import { H1 } from "jambonz-ui";
import { H1 } from "@jambonz/ui-kit";
import { PhoneNumberForm } from "./form";

2
src/containers/internal/views/phone-numbers/delete.tsx
View File

@@ -1,5 +1,5 @@
import React from "react";
import { P } from "jambonz-ui";
import { P } from "@jambonz/ui-kit";
import { Modal } from "src/components";

2
src/containers/internal/views/phone-numbers/edit.tsx
View File

@@ -1,5 +1,5 @@
import React, { useEffect } from "react";
import { H1 } from "jambonz-ui";
import { H1 } from "@jambonz/ui-kit";
import { useParams } from "react-router-dom";
import { useApiData } from "src/api";

2
src/containers/internal/views/phone-numbers/form.tsx
View File

@@ -1,4 +1,4 @@
import { Button, ButtonGroup, MS } from "jambonz-ui";
import { Button, ButtonGroup, MS } from "@jambonz/ui-kit";
import React, { useEffect, useState } from "react";
import { Link, useNavigate } from "react-router-dom";

2
src/containers/internal/views/phone-numbers/index.tsx
View File

@@ -1,5 +1,5 @@
import React, { useEffect, useMemo, useState } from "react";
import { Button, ButtonGroup, H1, Icon, MS } from "jambonz-ui";
import { Button, ButtonGroup, H1, Icon, MS } from "@jambonz/ui-kit";
import { Link } from "react-router-dom";
import {

2
src/containers/internal/views/recent-calls/index.tsx
View File

@@ -1,5 +1,5 @@
import React, { useEffect, useMemo, useState } from "react";
import { ButtonGroup, H1, M, MS } from "jambonz-ui";
import { ButtonGroup, H1, M, MS } from "@jambonz/ui-kit";
import dayjs from "dayjs";
import { getRecentCalls, useServiceProviderData } from "src/api";

2
src/containers/internal/views/settings/admin-settings.tsx
View File

@@ -1,6 +1,6 @@
import React, { useEffect, useState } from "react";
import { ButtonGroup, Button } from "jambonz-ui";
import { ButtonGroup, Button } from "@jambonz/ui-kit";
import { useApiData, postPasswordSettings } from "src/api";
import { PasswordSettings } from "src/api/types";
import { toastError, toastSuccess } from "src/store";

2
src/containers/internal/views/settings/index.tsx
View File

@@ -1,5 +1,5 @@
import React, { useState } from "react";
import { H1, Tabs, Tab, MS } from "jambonz-ui";
import { H1, Tabs, Tab, MS } from "@jambonz/ui-kit";
import { useScopedRedirect, withSelectState } from "src/utils";
import { ApiKeys } from "src/containers/internal/api-keys";

2
src/containers/internal/views/settings/service-provider-settings.tsx
View File

@@ -1,5 +1,5 @@
import React, { useState, useEffect } from "react";
import { P, Button, ButtonGroup } from "jambonz-ui";
import { P, Button, ButtonGroup } from "@jambonz/ui-kit";
import { useDispatch, toastSuccess, toastError } from "src/store";
import { hasLength } from "src/utils";

2
src/containers/internal/views/speech-services/add.tsx
View File

@@ -1,5 +1,5 @@
import React from "react";
import { H1 } from "jambonz-ui";
import { H1 } from "@jambonz/ui-kit";
import { SpeechServiceForm } from "./form";

2
src/containers/internal/views/speech-services/delete.tsx
View File

@@ -1,5 +1,5 @@
import React from "react";
import { P } from "jambonz-ui";
import { P } from "@jambonz/ui-kit";
import { Modal } from "src/components";

2
src/containers/internal/views/speech-services/edit.tsx
View File

@@ -1,5 +1,5 @@
import React, { useEffect, useState } from "react";
import { H1 } from "jambonz-ui";
import { H1 } from "@jambonz/ui-kit";
import { useApiData } from "src/api";
import { toastError, useSelectState } from "src/store";

2
src/containers/internal/views/speech-services/form.tsx
View File

@@ -1,5 +1,5 @@
import React, { useEffect, useState } from "react";
import { Button, ButtonGroup, MS } from "jambonz-ui";
import { Button, ButtonGroup, MS } from "@jambonz/ui-kit";
import { Link, useNavigate } from "react-router-dom";
import { ROUTE_INTERNAL_SPEECH } from "src/router/routes";

2
src/containers/internal/views/speech-services/index.tsx
View File

@@ -1,5 +1,5 @@
import React, { useEffect, useMemo, useState } from "react";
import { Button, H1, Icon, M } from "jambonz-ui";
import { Button, H1, Icon, M } from "@jambonz/ui-kit";
import { Link } from "react-router-dom";
import { USER_ACCOUNT } from "src/api/constants";

2
src/containers/internal/views/speech-services/status.tsx
View File

@@ -1,5 +1,5 @@
import React, { useEffect, useState } from "react";
import { MS } from "jambonz-ui";
import { MS } from "@jambonz/ui-kit";
import { CRED_NOT_TESTED, CRED_OK, USER_ACCOUNT } from "src/api/constants";
import { Icons, Spinner } from "src/components";

2
src/containers/internal/views/users/add.tsx
View File

@@ -1,5 +1,5 @@
import React from "react";
import { H1 } from "jambonz-ui";
import { H1 } from "@jambonz/ui-kit";
import { UserForm } from "./form";

2
src/containers/internal/views/users/delete.tsx
View File

@@ -1,5 +1,5 @@
import React from "react";
import { P } from "jambonz-ui";
import { P } from "@jambonz/ui-kit";
import { Modal } from "src/components";
import type { User } from "src/api/types";

2
src/containers/internal/views/users/edit.tsx
View File

@@ -1,5 +1,5 @@
import React, { useEffect } from "react";
import { H1 } from "jambonz-ui";
import { H1 } from "@jambonz/ui-kit";
import { useParams } from "react-router-dom";
import { UserForm } from "./form";

2
src/containers/internal/views/users/form.tsx
View File

@@ -1,5 +1,5 @@
import React, { useState, useEffect } from "react";
import { Button, ButtonGroup, MS } from "jambonz-ui";
import { Button, ButtonGroup, MS } from "@jambonz/ui-kit";
import { Link, useNavigate } from "react-router-dom";
import { toastError, toastSuccess, useSelectState } from "src/store";

2
src/containers/internal/views/users/index.tsx
View File

@@ -1,5 +1,5 @@
import React, { useEffect, useMemo, useState } from "react";
import { H1, Button, Icon } from "jambonz-ui";
import { H1, Button, Icon } from "@jambonz/ui-kit";
import { Link } from "react-router-dom";
import { useApiData, useServiceProviderData } from "src/api";

2
src/containers/login/create-password.tsx
View File

@@ -1,5 +1,5 @@
import React, { useState } from "react";
import { Button, H1, M } from "jambonz-ui";
import { Button, H1, M } from "@jambonz/ui-kit";
import { useNavigate } from "react-router-dom";
import { isValidPasswd } from "src/utils";

2
src/containers/login/layout.tsx
View File

@@ -1,6 +1,6 @@
import React from "react";
import { Outlet } from "react-router-dom";
import { MXS } from "jambonz-ui";
import { MXS } from "@jambonz/ui-kit";
import { Icons } from "src/components";

2
src/containers/login/login.tsx
View File

@@ -1,5 +1,5 @@
import React, { useEffect, useState } from "react";
import { Button, H1 } from "jambonz-ui";
import { Button, H1 } from "@jambonz/ui-kit";
import { useLocation, Navigate } from "react-router-dom";
import { toastError, toastSuccess, useSelectState } from "src/store";

4
src/containers/login/styles.scss
View File

@@ -1,7 +1,7 @@
@use "src/styles/vars";
@use "src/styles/mixins";
@use "jambonz-ui/src/styles/vars" as ui-vars;
@use "jambonz-ui/src/styles/mixins" as ui-mixins;
@use "@jambonz/ui-kit/src/styles/vars" as ui-vars;
@use "@jambonz/ui-kit/src/styles/mixins" as ui-mixins;
/** Generic layout: login */
.login {

2
src/containers/notfound.tsx
View File

@@ -1,5 +1,5 @@
import React from "react";
import { H1, Button, classNames } from "jambonz-ui";
import { H1, Button, classNames } from "@jambonz/ui-kit";
import { Link } from "react-router-dom";
import { useAuth } from "src/router/auth";

4
src/styles/_cards.scss
View File

@@ -1,6 +1,6 @@
@use "./vars";
@use "jambonz-ui/src/styles/vars" as ui-vars;
@use "jambonz-ui/src/styles/mixins" as ui-mixins;
@use "@jambonz/ui-kit/src/styles/vars" as ui-vars;
@use "@jambonz/ui-kit/src/styles/mixins" as ui-mixins;
.cards {
display: grid;

2
src/styles/_filters.scss
View File

@@ -1,5 +1,5 @@
@use "./mixins";
@use "jambonz-ui/src/styles/vars" as ui-vars;
@use "@jambonz/ui-kit/src/styles/vars" as ui-vars;
.filters {
display: flex;

6
src/styles/_forms.scss
View File

@@ -1,7 +1,7 @@
@use "./vars";
@use "./mixins";
@use "jambonz-ui/src/styles/vars" as ui-vars;
@use "jambonz-ui/src/styles/mixins" as ui-mixins;
@use "@jambonz/ui-kit/src/styles/vars" as ui-vars;
@use "@jambonz/ui-kit/src/styles/mixins" as ui-mixins;
input[type="text"],
input[type="email"],
@@ -84,7 +84,7 @@ fieldset {
}
}
/** Third-party -- e.g. jambonz-ui */
/** Third-party -- e.g. @jambonz/ui-kit */
.tabs__nav {
padding: ui-vars.$px01 ui-vars.$px03;
position: sticky;

4
src/styles/_grid.scss
View File

@@ -1,7 +1,7 @@
@use "src/styles/vars";
@use "src/styles/mixins";
@use "jambonz-ui/src/styles/vars" as ui-vars;
@use "jambonz-ui/src/styles/mixins" as ui-mixins;
@use "@jambonz/ui-kit/src/styles/vars" as ui-vars;
@use "@jambonz/ui-kit/src/styles/mixins" as ui-mixins;
@mixin grid-break {
@media (max-width: vars.$gridbreak1) {

4
src/styles/_inpbtn.scss
View File

@@ -1,7 +1,7 @@
@use "./vars";
@use "./mixins";
@use "jambonz-ui/src/styles/vars" as ui-vars;
@use "jambonz-ui/src/styles/mixins" as ui-mixins;
@use "@jambonz/ui-kit/src/styles/vars" as ui-vars;
@use "@jambonz/ui-kit/src/styles/mixins" as ui-mixins;
.inpbtn {
display: flex;

4
src/styles/_lists.scss
View File

@@ -1,7 +1,7 @@
@use "./vars";
@use "./mixins";
@use "jambonz-ui/src/styles/vars" as ui-vars;
@use "jambonz-ui/src/styles/mixins" as ui-mixins;
@use "@jambonz/ui-kit/src/styles/vars" as ui-vars;
@use "@jambonz/ui-kit/src/styles/mixins" as ui-mixins;
.list {
> * + * {

2
src/styles/_mixins.scss
View File

@@ -1,5 +1,5 @@
@use "./vars";
@use "jambonz-ui/src/styles/vars" as ui-vars;
@use "@jambonz/ui-kit/src/styles/vars" as ui-vars;
@mixin mobile {
@media (max-width: vars.$widthbreak) {

4
src/styles/_smsel.scss
View File

@@ -1,6 +1,6 @@
@use "./vars";
@use "jambonz-ui/src/styles/vars" as ui-vars;
@use "jambonz-ui/src/styles/mixins" as ui-mixins;
@use "@jambonz/ui-kit/src/styles/vars" as ui-vars;
@use "@jambonz/ui-kit/src/styles/mixins" as ui-mixins;
.smsel {
label {

2
src/styles/_vars.scss
View File

@@ -1,4 +1,4 @@
@use "jambonz-ui/src/styles/vars" as ui-vars;
@use "@jambonz/ui-kit/src/styles/vars" as ui-vars;
$jeangrey: #888;
$darkgrey: #444;

10
src/styles/index.scss
View File

@@ -5,12 +5,12 @@
@use "./inpbtn";
@use "./filters";
@use "./grid";
@use "jambonz-ui/src/styles/index";
@use "@jambonz/ui-kit/src/styles/index";
@use "./vars";
@use "./mixins";
@use "jambonz-ui/src/styles/vars" as ui-vars;
@use "jambonz-ui/src/styles/mixins" as ui-mixins;
@use "@jambonz/ui-kit/src/styles/vars" as ui-vars;
@use "@jambonz/ui-kit/src/styles/mixins" as ui-mixins;
/** Root custom vars */
:root {
@@ -92,7 +92,7 @@ details {
}
}
/** Could go in jambonz-ui */
/** Could go in @jambonz/ui-kit */
.txt--dark {
color: ui-vars.$dark;
}
@@ -102,7 +102,7 @@ details {
}
/** The idea is this is like [type="button"] generically */
/** We need to prohibit some jambonz-ui buttons from submitting forms */
/** We need to prohibit some @jambonz/ui-kit buttons from submitting forms */
/** Otherwise this selector would just be `button[type="button"] {...}` */
/** https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#attr-type */
.btnty {

2
src/utils/use-mobile-media.ts
View File

@@ -1,5 +1,5 @@
import { useState, useEffect } from "react";
import { getCssVar } from "jambonz-ui";
import { getCssVar } from "@jambonz/ui-kit";
export const useMobileMedia = () => {
const [mobile, setMobile] = useState(false);