@dmitriikapustin/ui 0.4.3 → 0.4.5

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/index.cjs +6 -35
  2. package/dist/index.d.cts +12 -2
  3. package/dist/index.d.ts +12 -2
  4. package/dist/index.js +6 -35
  5. package/package.json +1 -1
package/dist/index.cjs CHANGED
@@ -6534,15 +6534,6 @@ __styleInject(`@charset "UTF-8";
6534
6534
  }
6535
6535
  }
6536
6536
 
6537
- .PromoSplit-module_heading {
6538
- font-size: clamp(1.75rem, 4vw, 2.75rem);
6539
- font-weight: 700;
6540
- line-height: 1.1;
6541
- letter-spacing: -0.03em;
6542
- color: var(--fg);
6543
- text-wrap: balance;
6544
- }
6545
-
6546
6537
  .PromoSplit-module_description {
6547
6538
  font-size: 1rem;
6548
6539
  line-height: 1.625;
@@ -6628,7 +6619,7 @@ __styleInject(`@charset "UTF-8";
6628
6619
  align-items: center;
6629
6620
  justify-content: center;
6630
6621
  }`);
6631
- var __default63 = { "root": "PromoSplit-module_root", "rootNoVertical": "PromoSplit-module_rootNoVertical", "grid": "PromoSplit-module_grid", "gridReversed": "PromoSplit-module_gridReversed PromoSplit-module_grid", "textColumn": "PromoSplit-module_textColumn", "textColumnLtr": "PromoSplit-module_textColumnLtr", "heading": "PromoSplit-module_heading", "description": "PromoSplit-module_description", "features": "PromoSplit-module_features", "feature": "PromoSplit-module_feature", "featureTitle": "PromoSplit-module_featureTitle", "featureDesc": "PromoSplit-module_featureDesc", "mediaColumn": "PromoSplit-module_mediaColumn", "mediaColumnLtr": "PromoSplit-module_mediaColumnLtr", "mediaBox": "PromoSplit-module_mediaBox", "mediaContent": "PromoSplit-module_mediaContent", "mediaPlaceholder": "PromoSplit-module_mediaPlaceholder", "placeholderCircle": "PromoSplit-module_placeholderCircle" };
6622
+ var __default63 = { "root": "PromoSplit-module_root", "rootNoVertical": "PromoSplit-module_rootNoVertical", "grid": "PromoSplit-module_grid", "gridReversed": "PromoSplit-module_gridReversed PromoSplit-module_grid", "textColumn": "PromoSplit-module_textColumn", "textColumnLtr": "PromoSplit-module_textColumnLtr", "description": "PromoSplit-module_description", "features": "PromoSplit-module_features", "feature": "PromoSplit-module_feature", "featureTitle": "PromoSplit-module_featureTitle", "featureDesc": "PromoSplit-module_featureDesc", "mediaColumn": "PromoSplit-module_mediaColumn", "mediaColumnLtr": "PromoSplit-module_mediaColumnLtr", "mediaBox": "PromoSplit-module_mediaBox", "mediaContent": "PromoSplit-module_mediaContent", "mediaPlaceholder": "PromoSplit-module_mediaPlaceholder", "placeholderCircle": "PromoSplit-module_placeholderCircle" };
6632
6623
  function PromoSplit({
6633
6624
  heading,
6634
6625
  description,
@@ -6636,13 +6627,14 @@ function PromoSplit({
6636
6627
  media,
6637
6628
  mediaPosition = "right",
6638
6629
  verticalPadding = "default",
6630
+ headingSize = "lg",
6639
6631
  className = ""
6640
6632
  }) {
6641
6633
  const isLeft = mediaPosition === "left";
6642
6634
  const noVerticalClass = verticalPadding === "none" ? ` ${__default63.rootNoVertical}` : "";
6643
6635
  return /* @__PURE__ */ jsxRuntime.jsx("section", { className: `${__default63.root}${noVerticalClass}${className ? ` ${className}` : ""}`, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: isLeft ? __default63.gridReversed : __default63.grid, children: [
6644
6636
  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${__default63.textColumn}${isLeft ? ` ${__default63.textColumnLtr}` : ""}`, children: [
6645
- /* @__PURE__ */ jsxRuntime.jsx("h2", { className: __default63.heading, children: heading }),
6637
+ /* @__PURE__ */ jsxRuntime.jsx(SectionHeading, { size: headingSize, children: heading }),
6646
6638
  description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: __default63.description, children: description }),
6647
6639
  features && features.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default63.features, children: features.map((feature, i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default63.feature, children: [
6648
6640
  /* @__PURE__ */ jsxRuntime.jsx("h3", { className: __default63.featureTitle, children: feature.title }),
@@ -7073,25 +7065,6 @@ __styleInject(`@charset "UTF-8";
7073
7065
  }
7074
7066
  }
7075
7067
 
7076
- .PromoTestimonials-module_heading {
7077
- font-size: clamp(1.75rem, 4vw, 2.75rem);
7078
- font-weight: 700;
7079
- line-height: 1.1;
7080
- letter-spacing: -0.03em;
7081
- color: var(--fg);
7082
- text-wrap: balance;
7083
- }
7084
-
7085
- .PromoTestimonials-module_subtitle {
7086
- margin-top: 0.75rem;
7087
- font-size: 1rem;
7088
- color: var(--fg-secondary);
7089
- line-height: 1.625;
7090
- max-width: 32rem;
7091
- margin-left: auto;
7092
- margin-right: auto;
7093
- }
7094
-
7095
7068
  .PromoTestimonials-module_cardsSection {
7096
7069
  padding: 0 1.5rem 2rem;
7097
7070
  }
@@ -7184,13 +7157,14 @@ __styleInject(`@charset "UTF-8";
7184
7157
  background: var(--bg-secondary);
7185
7158
  overflow: hidden;
7186
7159
  }`);
7187
- var __default66 = { "root": "PromoTestimonials-module_root", "rootNoVertical": "PromoTestimonials-module_rootNoVertical", "wrapper": "PromoTestimonials-module_wrapper", "avatarSection": "PromoTestimonials-module_avatarSection", "avatarStack": "PromoTestimonials-module_avatarStack", "avatarRing": "PromoTestimonials-module_avatarRing", "overflowBadge": "PromoTestimonials-module_overflowBadge", "overflowCircle": "PromoTestimonials-module_overflowCircle", "headingSection": "PromoTestimonials-module_headingSection", "heading": "PromoTestimonials-module_heading", "subtitle": "PromoTestimonials-module_subtitle", "cardsSection": "PromoTestimonials-module_cardsSection", "cardsGrid": "PromoTestimonials-module_cardsGrid", "card": "PromoTestimonials-module_card", "quote": "PromoTestimonials-module_quote", "author": "PromoTestimonials-module_author", "authorInfo": "PromoTestimonials-module_authorInfo", "authorName": "PromoTestimonials-module_authorName", "authorRole": "PromoTestimonials-module_authorRole", "mediaSection": "PromoTestimonials-module_mediaSection", "mediaBox": "PromoTestimonials-module_mediaBox" };
7160
+ var __default66 = { "root": "PromoTestimonials-module_root", "rootNoVertical": "PromoTestimonials-module_rootNoVertical", "wrapper": "PromoTestimonials-module_wrapper", "avatarSection": "PromoTestimonials-module_avatarSection", "avatarStack": "PromoTestimonials-module_avatarStack", "avatarRing": "PromoTestimonials-module_avatarRing", "overflowBadge": "PromoTestimonials-module_overflowBadge", "overflowCircle": "PromoTestimonials-module_overflowCircle", "headingSection": "PromoTestimonials-module_headingSection", "cardsSection": "PromoTestimonials-module_cardsSection", "cardsGrid": "PromoTestimonials-module_cardsGrid", "card": "PromoTestimonials-module_card", "quote": "PromoTestimonials-module_quote", "author": "PromoTestimonials-module_author", "authorInfo": "PromoTestimonials-module_authorInfo", "authorName": "PromoTestimonials-module_authorName", "authorRole": "PromoTestimonials-module_authorRole", "mediaSection": "PromoTestimonials-module_mediaSection", "mediaBox": "PromoTestimonials-module_mediaBox" };
7188
7161
  function PromoTestimonials({
7189
7162
  heading,
7190
7163
  subtitle,
7191
7164
  testimonials,
7192
7165
  media,
7193
7166
  verticalPadding = "default",
7167
+ headingSize = "lg",
7194
7168
  className = ""
7195
7169
  }) {
7196
7170
  const noVerticalClass = verticalPadding === "none" ? ` ${__default66.rootNoVertical}` : "";
@@ -7220,10 +7194,7 @@ function PromoTestimonials({
7220
7194
  testimonials.length - 5
7221
7195
  ] }) })
7222
7196
  ] }) }),
7223
- /* @__PURE__ */ jsxRuntime.jsxs("div", { className: __default66.headingSection, children: [
7224
- /* @__PURE__ */ jsxRuntime.jsx("h2", { className: __default66.heading, children: heading }),
7225
- subtitle && /* @__PURE__ */ jsxRuntime.jsx("p", { className: __default66.subtitle, children: subtitle })
7226
- ] }),
7197
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default66.headingSection, children: /* @__PURE__ */ jsxRuntime.jsx(SectionHeading, { size: headingSize, align: "center", subtitle, children: heading }) }),
7227
7198
  /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default66.cardsSection, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default66.cardsGrid, children: testimonials.map((t, i) => {
7228
7199
  const initials = t.name.split(" ").map((n) => n[0]).join("").toUpperCase();
7229
7200
  return /* @__PURE__ */ jsxRuntime.jsxs(
package/dist/index.d.cts CHANGED
@@ -908,9 +908,14 @@ interface PromoSplitProps {
908
908
  * контролирует vertical rhythm.
909
909
  */
910
910
  verticalPadding?: 'default' | 'none';
911
+ /**
912
+ * Размер главного heading через `<SectionHeading>`. Default `'lg'` (landing promo).
913
+ * Используй `'md'` для density-aware admin / dashboard контекстов.
914
+ */
915
+ headingSize?: 'sm' | 'md' | 'lg';
911
916
  className?: string;
912
917
  }
913
- declare function PromoSplit({ heading, description, features, media, mediaPosition, verticalPadding, className, }: PromoSplitProps): react_jsx_runtime.JSX.Element;
918
+ declare function PromoSplit({ heading, description, features, media, mediaPosition, verticalPadding, headingSize, className, }: PromoSplitProps): react_jsx_runtime.JSX.Element;
914
919
 
915
920
  interface TrustFeature {
916
921
  icon?: ReactNode;
@@ -954,9 +959,14 @@ interface PromoTestimonialsProps {
954
959
  * - `'none'` — `padding-block: 0`.
955
960
  */
956
961
  verticalPadding?: 'default' | 'none';
962
+ /**
963
+ * Размер главного heading через `<SectionHeading>`. Default `'lg'` (landing promo).
964
+ * Используй `'md'` для density-aware admin / dashboard контекстов.
965
+ */
966
+ headingSize?: 'sm' | 'md' | 'lg';
957
967
  className?: string;
958
968
  }
959
- declare function PromoTestimonials({ heading, subtitle, testimonials, media, verticalPadding, className, }: PromoTestimonialsProps): react_jsx_runtime.JSX.Element;
969
+ declare function PromoTestimonials({ heading, subtitle, testimonials, media, verticalPadding, headingSize, className, }: PromoTestimonialsProps): react_jsx_runtime.JSX.Element;
960
970
 
961
971
  interface PromoHeroProps {
962
972
  title: ReactNode;
package/dist/index.d.ts CHANGED
@@ -908,9 +908,14 @@ interface PromoSplitProps {
908
908
  * контролирует vertical rhythm.
909
909
  */
910
910
  verticalPadding?: 'default' | 'none';
911
+ /**
912
+ * Размер главного heading через `<SectionHeading>`. Default `'lg'` (landing promo).
913
+ * Используй `'md'` для density-aware admin / dashboard контекстов.
914
+ */
915
+ headingSize?: 'sm' | 'md' | 'lg';
911
916
  className?: string;
912
917
  }
913
- declare function PromoSplit({ heading, description, features, media, mediaPosition, verticalPadding, className, }: PromoSplitProps): react_jsx_runtime.JSX.Element;
918
+ declare function PromoSplit({ heading, description, features, media, mediaPosition, verticalPadding, headingSize, className, }: PromoSplitProps): react_jsx_runtime.JSX.Element;
914
919
 
915
920
  interface TrustFeature {
916
921
  icon?: ReactNode;
@@ -954,9 +959,14 @@ interface PromoTestimonialsProps {
954
959
  * - `'none'` — `padding-block: 0`.
955
960
  */
956
961
  verticalPadding?: 'default' | 'none';
962
+ /**
963
+ * Размер главного heading через `<SectionHeading>`. Default `'lg'` (landing promo).
964
+ * Используй `'md'` для density-aware admin / dashboard контекстов.
965
+ */
966
+ headingSize?: 'sm' | 'md' | 'lg';
957
967
  className?: string;
958
968
  }
959
- declare function PromoTestimonials({ heading, subtitle, testimonials, media, verticalPadding, className, }: PromoTestimonialsProps): react_jsx_runtime.JSX.Element;
969
+ declare function PromoTestimonials({ heading, subtitle, testimonials, media, verticalPadding, headingSize, className, }: PromoTestimonialsProps): react_jsx_runtime.JSX.Element;
960
970
 
961
971
  interface PromoHeroProps {
962
972
  title: ReactNode;
package/dist/index.js CHANGED
@@ -6528,15 +6528,6 @@ __styleInject(`@charset "UTF-8";
6528
6528
  }
6529
6529
  }
6530
6530
 
6531
- .PromoSplit-module_heading {
6532
- font-size: clamp(1.75rem, 4vw, 2.75rem);
6533
- font-weight: 700;
6534
- line-height: 1.1;
6535
- letter-spacing: -0.03em;
6536
- color: var(--fg);
6537
- text-wrap: balance;
6538
- }
6539
-
6540
6531
  .PromoSplit-module_description {
6541
6532
  font-size: 1rem;
6542
6533
  line-height: 1.625;
@@ -6622,7 +6613,7 @@ __styleInject(`@charset "UTF-8";
6622
6613
  align-items: center;
6623
6614
  justify-content: center;
6624
6615
  }`);
6625
- var __default63 = { "root": "PromoSplit-module_root", "rootNoVertical": "PromoSplit-module_rootNoVertical", "grid": "PromoSplit-module_grid", "gridReversed": "PromoSplit-module_gridReversed PromoSplit-module_grid", "textColumn": "PromoSplit-module_textColumn", "textColumnLtr": "PromoSplit-module_textColumnLtr", "heading": "PromoSplit-module_heading", "description": "PromoSplit-module_description", "features": "PromoSplit-module_features", "feature": "PromoSplit-module_feature", "featureTitle": "PromoSplit-module_featureTitle", "featureDesc": "PromoSplit-module_featureDesc", "mediaColumn": "PromoSplit-module_mediaColumn", "mediaColumnLtr": "PromoSplit-module_mediaColumnLtr", "mediaBox": "PromoSplit-module_mediaBox", "mediaContent": "PromoSplit-module_mediaContent", "mediaPlaceholder": "PromoSplit-module_mediaPlaceholder", "placeholderCircle": "PromoSplit-module_placeholderCircle" };
6616
+ var __default63 = { "root": "PromoSplit-module_root", "rootNoVertical": "PromoSplit-module_rootNoVertical", "grid": "PromoSplit-module_grid", "gridReversed": "PromoSplit-module_gridReversed PromoSplit-module_grid", "textColumn": "PromoSplit-module_textColumn", "textColumnLtr": "PromoSplit-module_textColumnLtr", "description": "PromoSplit-module_description", "features": "PromoSplit-module_features", "feature": "PromoSplit-module_feature", "featureTitle": "PromoSplit-module_featureTitle", "featureDesc": "PromoSplit-module_featureDesc", "mediaColumn": "PromoSplit-module_mediaColumn", "mediaColumnLtr": "PromoSplit-module_mediaColumnLtr", "mediaBox": "PromoSplit-module_mediaBox", "mediaContent": "PromoSplit-module_mediaContent", "mediaPlaceholder": "PromoSplit-module_mediaPlaceholder", "placeholderCircle": "PromoSplit-module_placeholderCircle" };
6626
6617
  function PromoSplit({
6627
6618
  heading,
6628
6619
  description,
@@ -6630,13 +6621,14 @@ function PromoSplit({
6630
6621
  media,
6631
6622
  mediaPosition = "right",
6632
6623
  verticalPadding = "default",
6624
+ headingSize = "lg",
6633
6625
  className = ""
6634
6626
  }) {
6635
6627
  const isLeft = mediaPosition === "left";
6636
6628
  const noVerticalClass = verticalPadding === "none" ? ` ${__default63.rootNoVertical}` : "";
6637
6629
  return /* @__PURE__ */ jsx("section", { className: `${__default63.root}${noVerticalClass}${className ? ` ${className}` : ""}`, children: /* @__PURE__ */ jsxs("div", { className: isLeft ? __default63.gridReversed : __default63.grid, children: [
6638
6630
  /* @__PURE__ */ jsxs("div", { className: `${__default63.textColumn}${isLeft ? ` ${__default63.textColumnLtr}` : ""}`, children: [
6639
- /* @__PURE__ */ jsx("h2", { className: __default63.heading, children: heading }),
6631
+ /* @__PURE__ */ jsx(SectionHeading, { size: headingSize, children: heading }),
6640
6632
  description && /* @__PURE__ */ jsx("p", { className: __default63.description, children: description }),
6641
6633
  features && features.length > 0 && /* @__PURE__ */ jsx("div", { className: __default63.features, children: features.map((feature, i) => /* @__PURE__ */ jsxs("div", { className: __default63.feature, children: [
6642
6634
  /* @__PURE__ */ jsx("h3", { className: __default63.featureTitle, children: feature.title }),
@@ -7067,25 +7059,6 @@ __styleInject(`@charset "UTF-8";
7067
7059
  }
7068
7060
  }
7069
7061
 
7070
- .PromoTestimonials-module_heading {
7071
- font-size: clamp(1.75rem, 4vw, 2.75rem);
7072
- font-weight: 700;
7073
- line-height: 1.1;
7074
- letter-spacing: -0.03em;
7075
- color: var(--fg);
7076
- text-wrap: balance;
7077
- }
7078
-
7079
- .PromoTestimonials-module_subtitle {
7080
- margin-top: 0.75rem;
7081
- font-size: 1rem;
7082
- color: var(--fg-secondary);
7083
- line-height: 1.625;
7084
- max-width: 32rem;
7085
- margin-left: auto;
7086
- margin-right: auto;
7087
- }
7088
-
7089
7062
  .PromoTestimonials-module_cardsSection {
7090
7063
  padding: 0 1.5rem 2rem;
7091
7064
  }
@@ -7178,13 +7151,14 @@ __styleInject(`@charset "UTF-8";
7178
7151
  background: var(--bg-secondary);
7179
7152
  overflow: hidden;
7180
7153
  }`);
7181
- var __default66 = { "root": "PromoTestimonials-module_root", "rootNoVertical": "PromoTestimonials-module_rootNoVertical", "wrapper": "PromoTestimonials-module_wrapper", "avatarSection": "PromoTestimonials-module_avatarSection", "avatarStack": "PromoTestimonials-module_avatarStack", "avatarRing": "PromoTestimonials-module_avatarRing", "overflowBadge": "PromoTestimonials-module_overflowBadge", "overflowCircle": "PromoTestimonials-module_overflowCircle", "headingSection": "PromoTestimonials-module_headingSection", "heading": "PromoTestimonials-module_heading", "subtitle": "PromoTestimonials-module_subtitle", "cardsSection": "PromoTestimonials-module_cardsSection", "cardsGrid": "PromoTestimonials-module_cardsGrid", "card": "PromoTestimonials-module_card", "quote": "PromoTestimonials-module_quote", "author": "PromoTestimonials-module_author", "authorInfo": "PromoTestimonials-module_authorInfo", "authorName": "PromoTestimonials-module_authorName", "authorRole": "PromoTestimonials-module_authorRole", "mediaSection": "PromoTestimonials-module_mediaSection", "mediaBox": "PromoTestimonials-module_mediaBox" };
7154
+ var __default66 = { "root": "PromoTestimonials-module_root", "rootNoVertical": "PromoTestimonials-module_rootNoVertical", "wrapper": "PromoTestimonials-module_wrapper", "avatarSection": "PromoTestimonials-module_avatarSection", "avatarStack": "PromoTestimonials-module_avatarStack", "avatarRing": "PromoTestimonials-module_avatarRing", "overflowBadge": "PromoTestimonials-module_overflowBadge", "overflowCircle": "PromoTestimonials-module_overflowCircle", "headingSection": "PromoTestimonials-module_headingSection", "cardsSection": "PromoTestimonials-module_cardsSection", "cardsGrid": "PromoTestimonials-module_cardsGrid", "card": "PromoTestimonials-module_card", "quote": "PromoTestimonials-module_quote", "author": "PromoTestimonials-module_author", "authorInfo": "PromoTestimonials-module_authorInfo", "authorName": "PromoTestimonials-module_authorName", "authorRole": "PromoTestimonials-module_authorRole", "mediaSection": "PromoTestimonials-module_mediaSection", "mediaBox": "PromoTestimonials-module_mediaBox" };
7182
7155
  function PromoTestimonials({
7183
7156
  heading,
7184
7157
  subtitle,
7185
7158
  testimonials,
7186
7159
  media,
7187
7160
  verticalPadding = "default",
7161
+ headingSize = "lg",
7188
7162
  className = ""
7189
7163
  }) {
7190
7164
  const noVerticalClass = verticalPadding === "none" ? ` ${__default66.rootNoVertical}` : "";
@@ -7214,10 +7188,7 @@ function PromoTestimonials({
7214
7188
  testimonials.length - 5
7215
7189
  ] }) })
7216
7190
  ] }) }),
7217
- /* @__PURE__ */ jsxs("div", { className: __default66.headingSection, children: [
7218
- /* @__PURE__ */ jsx("h2", { className: __default66.heading, children: heading }),
7219
- subtitle && /* @__PURE__ */ jsx("p", { className: __default66.subtitle, children: subtitle })
7220
- ] }),
7191
+ /* @__PURE__ */ jsx("div", { className: __default66.headingSection, children: /* @__PURE__ */ jsx(SectionHeading, { size: headingSize, align: "center", subtitle, children: heading }) }),
7221
7192
  /* @__PURE__ */ jsx("div", { className: __default66.cardsSection, children: /* @__PURE__ */ jsx("div", { className: __default66.cardsGrid, children: testimonials.map((t, i) => {
7222
7193
  const initials = t.name.split(" ").map((n) => n[0]).join("").toUpperCase();
7223
7194
  return /* @__PURE__ */ jsxs(
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@dmitriikapustin/ui",
3
- "version": "0.4.3",
3
+ "version": "0.4.5",
4
4
  "description": "Universal UI/UX Kit — React 19 component library with Atomic Design, CSS custom properties, and SCSS modules",
5
5
  "author": "Kapustin Team",
6
6
  "license": "MIT",