@emeraldemperaur/vector-sigma 1.4.9 → 1.4.10

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 (4) hide show
  1. package/lib/index.cjs +9 -4
  2. package/lib/index.esm.js +9 -4
  3. package/lib/types/components/xtitle/xtitle.d.ts +3 -1
  4. package/package.json +1 -1
package/lib/index.cjs CHANGED
@@ -43015,7 +43015,7 @@ const Toggle = (_a) => {
43015
43015
  hasError && (React.createElement(p$d, { size: "1", color: "red", style: { display: 'block', marginTop: 2 } }, props.errortext || `Required field`))))));
43016
43016
  };
43017
43017
 
43018
- const SectionTitle = ({ title, width = 12, newRow = true, size = "5", subsize = "2", subtitle, align = "left", withSeparator = true, className, backgroundcolor, icon }) => {
43018
+ const SectionTitle = ({ title, width = 12, newRow = true, size = "5", subsize = "2", subtitle, align = "left", withSeparator = true, className, backgroundcolor, icon, titleColor, subtitleColor }) => {
43019
43019
  const justifyMap = {
43020
43020
  left: 'start',
43021
43021
  center: 'center',
@@ -43024,6 +43024,7 @@ const SectionTitle = ({ title, width = 12, newRow = true, size = "5", subsize =
43024
43024
  return (React.createElement(Column, { span: width, newLine: newRow },
43025
43025
  React.createElement(p$5, { direction: "column", gap: "2", className: className, style: {
43026
43026
  width: '100%',
43027
+ boxSizing: 'border-box',
43027
43028
  marginBottom: 'var(--space-2)',
43028
43029
  textAlign: align,
43029
43030
  backgroundColor: backgroundcolor || 'transparent',
@@ -43031,12 +43032,16 @@ const SectionTitle = ({ title, width = 12, newRow = true, size = "5", subsize =
43031
43032
  borderRadius: backgroundcolor ? 'var(--radius-3)' : '0',
43032
43033
  } },
43033
43034
  React.createElement(p$5, { align: "center", justify: justifyMap[align], gap: "3", style: { width: '100%' } },
43034
- icon && (React.createElement(p$5, { align: "center", justify: "center", style: { color: 'var(--gray-12)' } }, icon)),
43035
+ icon && (React.createElement(p$5, { align: "center", justify: "center", style: { color: titleColor || 'var(--gray-12)' } }, icon)),
43035
43036
  React.createElement(r$g, { size: size, weight: "bold", style: {
43036
- color: 'var(--gray-12)',
43037
+ color: titleColor || 'var(--gray-12)',
43037
43038
  lineHeight: '1.2'
43038
43039
  } }, title)),
43039
- subtitle && (React.createElement(p$d, { size: subsize, color: "gray", style: { maxWidth: '80%', margin: align === 'center' ? '0 auto' : undefined } }, subtitle)),
43040
+ subtitle && (React.createElement(p$d, { size: subsize, style: {
43041
+ color: subtitleColor || 'var(--gray-11)',
43042
+ maxWidth: '80%',
43043
+ margin: align === 'center' ? '0 auto' : undefined
43044
+ } }, subtitle)),
43040
43045
  withSeparator && (React.createElement(o$2, { size: "4", style: {
43041
43046
  width: '100%',
43042
43047
  marginTop: '4px',
package/lib/index.esm.js CHANGED
@@ -42995,7 +42995,7 @@ const Toggle = (_a) => {
42995
42995
  hasError && (React__default.createElement(p$d, { size: "1", color: "red", style: { display: 'block', marginTop: 2 } }, props.errortext || `Required field`))))));
42996
42996
  };
42997
42997
 
42998
- const SectionTitle = ({ title, width = 12, newRow = true, size = "5", subsize = "2", subtitle, align = "left", withSeparator = true, className, backgroundcolor, icon }) => {
42998
+ const SectionTitle = ({ title, width = 12, newRow = true, size = "5", subsize = "2", subtitle, align = "left", withSeparator = true, className, backgroundcolor, icon, titleColor, subtitleColor }) => {
42999
42999
  const justifyMap = {
43000
43000
  left: 'start',
43001
43001
  center: 'center',
@@ -43004,6 +43004,7 @@ const SectionTitle = ({ title, width = 12, newRow = true, size = "5", subsize =
43004
43004
  return (React__default.createElement(Column, { span: width, newLine: newRow },
43005
43005
  React__default.createElement(p$5, { direction: "column", gap: "2", className: className, style: {
43006
43006
  width: '100%',
43007
+ boxSizing: 'border-box',
43007
43008
  marginBottom: 'var(--space-2)',
43008
43009
  textAlign: align,
43009
43010
  backgroundColor: backgroundcolor || 'transparent',
@@ -43011,12 +43012,16 @@ const SectionTitle = ({ title, width = 12, newRow = true, size = "5", subsize =
43011
43012
  borderRadius: backgroundcolor ? 'var(--radius-3)' : '0',
43012
43013
  } },
43013
43014
  React__default.createElement(p$5, { align: "center", justify: justifyMap[align], gap: "3", style: { width: '100%' } },
43014
- icon && (React__default.createElement(p$5, { align: "center", justify: "center", style: { color: 'var(--gray-12)' } }, icon)),
43015
+ icon && (React__default.createElement(p$5, { align: "center", justify: "center", style: { color: titleColor || 'var(--gray-12)' } }, icon)),
43015
43016
  React__default.createElement(r$g, { size: size, weight: "bold", style: {
43016
- color: 'var(--gray-12)',
43017
+ color: titleColor || 'var(--gray-12)',
43017
43018
  lineHeight: '1.2'
43018
43019
  } }, title)),
43019
- subtitle && (React__default.createElement(p$d, { size: subsize, color: "gray", style: { maxWidth: '80%', margin: align === 'center' ? '0 auto' : undefined } }, subtitle)),
43020
+ subtitle && (React__default.createElement(p$d, { size: subsize, style: {
43021
+ color: subtitleColor || 'var(--gray-11)',
43022
+ maxWidth: '80%',
43023
+ margin: align === 'center' ? '0 auto' : undefined
43024
+ } }, subtitle)),
43020
43025
  withSeparator && (React__default.createElement(o$2, { size: "4", style: {
43021
43026
  width: '100%',
43022
43027
  marginTop: '4px',
package/lib/types/components/xtitle/xtitle.d.ts CHANGED
@@ -12,6 +12,8 @@ interface TitleProps {
12
12
  className?: string;
13
13
  backgroundcolor?: string;
14
14
  icon?: React.ReactNode;
15
+ titleColor?: string;
16
+ subtitleColor?: string;
15
17
  }
16
- export declare const SectionTitle: ({ title, width, newRow, size, subsize, subtitle, align, withSeparator, className, backgroundcolor, icon }: TitleProps) => React.JSX.Element;
18
+ export declare const SectionTitle: ({ title, width, newRow, size, subsize, subtitle, align, withSeparator, className, backgroundcolor, icon, titleColor, subtitleColor }: TitleProps) => React.JSX.Element;
17
19
  export {};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@emeraldemperaur/vector-sigma",
3
- "version": "1.4.9",
3
+ "version": "1.4.10",
4
4
  "description": "Dynamic Form Orchestrator: NPM Package",
5
5
  "repository": {
6
6
  "type": "git",