@prosistemas/sca-web-kit 3.3.8 → 3.3.11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/dist/components/shared/info-header/info-header.d.ts +2 -1
  2. package/dist/components/shared/info-header/info-header.js +2 -2
  3. package/dist/components/ui/title/title.d.ts +2 -1
  4. package/dist/components/ui/title/title.js +3 -2
  5. package/package.json +13 -12
package/dist/components/shared/info-header/info-header.d.ts CHANGED
@@ -15,6 +15,7 @@ interface InfoHeaderProps {
15
15
  tagLabelTrailingIconClassName?: string;
16
16
  title: string;
17
17
  titleClassName?: string;
18
+ titleH1?: boolean;
18
19
  subtitle?: string;
19
20
  subtitleClassName?: string;
20
21
  buttonLabel?: string;
@@ -25,5 +26,5 @@ interface InfoHeaderProps {
25
26
  gap?: string;
26
27
  dark?: boolean;
27
28
  }
28
- export default function InfoHeader({ className, tagLabel, tagLabelClassName, tagLabelLeadingIcon, tagLabelLeadingIconSize, tagLabelLeadingIconColor, tagLabelLeadingIconWeight, tagLabelLeadingIconClassName, tagLabelTrailingIcon, tagLabelTrailingIconSize, tagLabelTrailingIconColor, tagLabelTrailingIconWeight, tagLabelTrailingIconClassName, title, titleClassName, subtitle, subtitleClassName, buttonLabel, buttonClassName, buttonHref, buttonInternalHref, buttonTarget, gap, dark, }: InfoHeaderProps): import("react/jsx-runtime").JSX.Element;
29
+ export default function InfoHeader({ className, tagLabel, tagLabelClassName, tagLabelLeadingIcon, tagLabelLeadingIconSize, tagLabelLeadingIconColor, tagLabelLeadingIconWeight, tagLabelLeadingIconClassName, tagLabelTrailingIcon, tagLabelTrailingIconSize, tagLabelTrailingIconColor, tagLabelTrailingIconWeight, tagLabelTrailingIconClassName, title, titleClassName, titleH1, subtitle, subtitleClassName, buttonLabel, buttonClassName, buttonHref, buttonInternalHref, buttonTarget, gap, dark, }: InfoHeaderProps): import("react/jsx-runtime").JSX.Element;
29
30
  export {};
package/dist/components/shared/info-header/info-header.js CHANGED
@@ -4,11 +4,11 @@ import TagLabel from '../../ui/tag-label/tag-label';
4
4
  import Title from '../../ui/title/title';
5
5
  import Subtitle from '../../ui/subtitle/subtitle';
6
6
  import Button from '../../ui/button/button';
7
- export default function InfoHeader({ className, tagLabel, tagLabelClassName, tagLabelLeadingIcon, tagLabelLeadingIconSize, tagLabelLeadingIconColor, tagLabelLeadingIconWeight, tagLabelLeadingIconClassName, tagLabelTrailingIcon, tagLabelTrailingIconSize, tagLabelTrailingIconColor, tagLabelTrailingIconWeight, tagLabelTrailingIconClassName, title, titleClassName, subtitle, subtitleClassName, buttonLabel, buttonClassName, buttonHref, buttonInternalHref, buttonTarget, gap, dark, }) {
7
+ export default function InfoHeader({ className, tagLabel, tagLabelClassName, tagLabelLeadingIcon, tagLabelLeadingIconSize, tagLabelLeadingIconColor, tagLabelLeadingIconWeight, tagLabelLeadingIconClassName, tagLabelTrailingIcon, tagLabelTrailingIconSize, tagLabelTrailingIconColor, tagLabelTrailingIconWeight, tagLabelTrailingIconClassName, title, titleClassName, titleH1 = false, subtitle, subtitleClassName, buttonLabel, buttonClassName, buttonHref, buttonInternalHref, buttonTarget, gap, dark, }) {
8
8
  return (_jsxs("div", { className: `${styles['info-header']} ${className}`, style: {
9
9
  gap: gap,
10
10
  }, children: [tagLabel &&
11
- _jsx(TagLabel, { className: `${tagLabelClassName} ${styles['tag-label']}`, label: tagLabel, dark: dark, leadingIcon: tagLabelLeadingIcon, leadingIconSize: tagLabelLeadingIconSize, leadingIconColor: tagLabelLeadingIconColor, leadingIconWeight: tagLabelLeadingIconWeight, leadingIconClassName: tagLabelLeadingIconClassName, trailingIcon: tagLabelTrailingIcon, trailingIconSize: tagLabelTrailingIconSize, trailingIconColor: tagLabelTrailingIconColor, trailingIconWeight: tagLabelTrailingIconWeight, trailingIconClassName: tagLabelTrailingIconClassName }), _jsx(Title, { className: `${titleClassName} ${styles['title']}`, text: title, dark: dark }), subtitle &&
11
+ _jsx(TagLabel, { className: `${tagLabelClassName} ${styles['tag-label']}`, label: tagLabel, dark: dark, leadingIcon: tagLabelLeadingIcon, leadingIconSize: tagLabelLeadingIconSize, leadingIconColor: tagLabelLeadingIconColor, leadingIconWeight: tagLabelLeadingIconWeight, leadingIconClassName: tagLabelLeadingIconClassName, trailingIcon: tagLabelTrailingIcon, trailingIconSize: tagLabelTrailingIconSize, trailingIconColor: tagLabelTrailingIconColor, trailingIconWeight: tagLabelTrailingIconWeight, trailingIconClassName: tagLabelTrailingIconClassName }), _jsx(Title, { className: `${titleClassName} ${styles['title']}`, h1: titleH1, text: title, dark: dark }), subtitle &&
12
12
  _jsx(Subtitle, { className: `${subtitleClassName} ${styles['subtitle']}`, text: subtitle, dark: dark }), buttonLabel &&
13
13
  _jsx(Button, { className: `${buttonClassName} ${styles['button']}`, label: buttonLabel, href: buttonHref, internalHref: buttonInternalHref, target: buttonTarget })] }));
14
14
  }
package/dist/components/ui/title/title.d.ts CHANGED
@@ -1,8 +1,9 @@
1
- export default function Title({ text, className, fontSize, fontWeight, dark, id, }: {
1
+ export default function Title({ text, className, fontSize, fontWeight, dark, h1, id, }: {
2
2
  text: string;
3
3
  className?: string;
4
4
  fontSize?: string;
5
5
  fontWeight?: string;
6
6
  dark?: boolean;
7
+ h1?: boolean;
7
8
  id?: string;
8
9
  }): import("react/jsx-runtime").JSX.Element;
package/dist/components/ui/title/title.js CHANGED
@@ -1,8 +1,9 @@
1
1
  import { jsx as _jsx } from "react/jsx-runtime";
2
2
  import styles from './title.module.scss';
3
3
  import { montserrat } from '../../../fonts';
4
- export default function Title({ text, className, fontSize, fontWeight, dark = false, id, }) {
5
- return (_jsx("h2", { id: id, className: `${styles['title']} ${className} ${montserrat.className}`, style: {
4
+ export default function Title({ text, className, fontSize, fontWeight, dark = false, h1 = false, id, }) {
5
+ const Tag = h1 ? 'h1' : 'h2';
6
+ return (_jsx(Tag, { id: id, className: `${styles['title']} ${className} ${montserrat.className}`, style: {
6
7
  fontSize: fontSize,
7
8
  fontWeight: fontWeight,
8
9
  color: dark ? `var(--neutral100)` : `var(--neutral700)`,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@prosistemas/sca-web-kit",
3
- "version": "3.3.8",
3
+ "version": "3.3.11",
4
4
  "main": "dist/index.js",
5
5
  "types": "dist/index.d.ts",
6
6
  "files": [
@@ -16,22 +16,23 @@
16
16
  },
17
17
  "dependencies": {
18
18
  "@phosphor-icons/react": "^2.1.10",
19
- "@radix-ui/react-accordion": "^1.2.4",
20
- "@radix-ui/react-avatar": "^1.1.7",
21
- "@radix-ui/react-dialog": "^1.1.11",
22
- "@radix-ui/react-dropdown-menu": "^2.1.6",
23
- "@radix-ui/react-visually-hidden": "^1.2.2",
19
+ "@prosistemas/sca-web-kit": "^3.3.8",
20
+ "@radix-ui/react-accordion": "^1.2.12",
21
+ "@radix-ui/react-avatar": "^1.1.11",
22
+ "@radix-ui/react-dialog": "^1.1.15",
23
+ "@radix-ui/react-dropdown-menu": "^2.1.16",
24
+ "@radix-ui/react-visually-hidden": "^1.2.4",
24
25
  "react-spinners": "^0.17.0"
25
26
  },
26
27
  "devDependencies": {
27
- "@eslint/eslintrc": "^3",
28
- "@types/node": "^20",
29
- "@types/react": "^19",
30
- "@types/react-dom": "^19",
28
+ "@eslint/eslintrc": "^3.3.3",
29
+ "@types/node": "^20.19.31",
30
+ "@types/react": "^19.2.11",
31
+ "@types/react-dom": "^19.2.3",
31
32
  "cpy-cli": "^5.0.0",
32
- "eslint": "^9",
33
+ "eslint": "^9.39.2",
33
34
  "eslint-config-next": "15.2.2",
34
- "typescript": "^5"
35
+ "typescript": "^5.9.3"
35
36
  },
36
37
  "scripts": {
37
38
  "build": "tsc && cpy \"src/**/*.scss\" dist/ --parents"