@dmitriikapustin/ui 0.4.3 → 0.4.4

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.
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,
@@ -6642,7 +6633,7 @@ function PromoSplit({
6642
6633
  const noVerticalClass = verticalPadding === "none" ? ` ${__default63.rootNoVertical}` : "";
6643
6634
  return /* @__PURE__ */ jsxRuntime.jsx("section", { className: `${__default63.root}${noVerticalClass}${className ? ` ${className}` : ""}`, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: isLeft ? __default63.gridReversed : __default63.grid, children: [
6644
6635
  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${__default63.textColumn}${isLeft ? ` ${__default63.textColumnLtr}` : ""}`, children: [
6645
- /* @__PURE__ */ jsxRuntime.jsx("h2", { className: __default63.heading, children: heading }),
6636
+ /* @__PURE__ */ jsxRuntime.jsx(SectionHeading, { size: "lg", children: heading }),
6646
6637
  description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: __default63.description, children: description }),
6647
6638
  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
6639
  /* @__PURE__ */ jsxRuntime.jsx("h3", { className: __default63.featureTitle, children: feature.title }),
@@ -7073,25 +7064,6 @@ __styleInject(`@charset "UTF-8";
7073
7064
  }
7074
7065
  }
7075
7066
 
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
7067
  .PromoTestimonials-module_cardsSection {
7096
7068
  padding: 0 1.5rem 2rem;
7097
7069
  }
@@ -7184,7 +7156,7 @@ __styleInject(`@charset "UTF-8";
7184
7156
  background: var(--bg-secondary);
7185
7157
  overflow: hidden;
7186
7158
  }`);
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" };
7159
+ 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
7160
  function PromoTestimonials({
7189
7161
  heading,
7190
7162
  subtitle,
@@ -7220,10 +7192,7 @@ function PromoTestimonials({
7220
7192
  testimonials.length - 5
7221
7193
  ] }) })
7222
7194
  ] }) }),
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
- ] }),
7195
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default66.headingSection, children: /* @__PURE__ */ jsxRuntime.jsx(SectionHeading, { size: "lg", align: "center", subtitle, children: heading }) }),
7227
7196
  /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default66.cardsSection, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: __default66.cardsGrid, children: testimonials.map((t, i) => {
7228
7197
  const initials = t.name.split(" ").map((n) => n[0]).join("").toUpperCase();
7229
7198
  return /* @__PURE__ */ jsxRuntime.jsxs(
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,
@@ -6636,7 +6627,7 @@ function PromoSplit({
6636
6627
  const noVerticalClass = verticalPadding === "none" ? ` ${__default63.rootNoVertical}` : "";
6637
6628
  return /* @__PURE__ */ jsx("section", { className: `${__default63.root}${noVerticalClass}${className ? ` ${className}` : ""}`, children: /* @__PURE__ */ jsxs("div", { className: isLeft ? __default63.gridReversed : __default63.grid, children: [
6638
6629
  /* @__PURE__ */ jsxs("div", { className: `${__default63.textColumn}${isLeft ? ` ${__default63.textColumnLtr}` : ""}`, children: [
6639
- /* @__PURE__ */ jsx("h2", { className: __default63.heading, children: heading }),
6630
+ /* @__PURE__ */ jsx(SectionHeading, { size: "lg", children: heading }),
6640
6631
  description && /* @__PURE__ */ jsx("p", { className: __default63.description, children: description }),
6641
6632
  features && features.length > 0 && /* @__PURE__ */ jsx("div", { className: __default63.features, children: features.map((feature, i) => /* @__PURE__ */ jsxs("div", { className: __default63.feature, children: [
6642
6633
  /* @__PURE__ */ jsx("h3", { className: __default63.featureTitle, children: feature.title }),
@@ -7067,25 +7058,6 @@ __styleInject(`@charset "UTF-8";
7067
7058
  }
7068
7059
  }
7069
7060
 
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
7061
  .PromoTestimonials-module_cardsSection {
7090
7062
  padding: 0 1.5rem 2rem;
7091
7063
  }
@@ -7178,7 +7150,7 @@ __styleInject(`@charset "UTF-8";
7178
7150
  background: var(--bg-secondary);
7179
7151
  overflow: hidden;
7180
7152
  }`);
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" };
7153
+ 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
7154
  function PromoTestimonials({
7183
7155
  heading,
7184
7156
  subtitle,
@@ -7214,10 +7186,7 @@ function PromoTestimonials({
7214
7186
  testimonials.length - 5
7215
7187
  ] }) })
7216
7188
  ] }) }),
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
- ] }),
7189
+ /* @__PURE__ */ jsx("div", { className: __default66.headingSection, children: /* @__PURE__ */ jsx(SectionHeading, { size: "lg", align: "center", subtitle, children: heading }) }),
7221
7190
  /* @__PURE__ */ jsx("div", { className: __default66.cardsSection, children: /* @__PURE__ */ jsx("div", { className: __default66.cardsGrid, children: testimonials.map((t, i) => {
7222
7191
  const initials = t.name.split(" ").map((n) => n[0]).join("").toUpperCase();
7223
7192
  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.4",
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",