@courtneyring/components-library 1.0.0 → 1.0.1

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 (39) hide show
  1. package/dist/animations/FadeInMotion.js +4785 -0
  2. package/dist/assets/Background.css +1 -1
  3. package/dist/assets/Banner.css +1 -1
  4. package/dist/assets/BorderedBackground.css +1 -1
  5. package/dist/assets/Button.css +1 -1
  6. package/dist/assets/Container.css +1 -1
  7. package/dist/assets/Fifty.css +1 -1
  8. package/dist/assets/Footer.css +1 -1
  9. package/dist/assets/ImageTextBlock.css +1 -1
  10. package/dist/assets/List.css +1 -1
  11. package/dist/assets/MenuButton.css +1 -0
  12. package/dist/assets/Navbar.css +1 -0
  13. package/dist/assets/Note.css +1 -1
  14. package/dist/assets/Overlay.css +1 -0
  15. package/dist/assets/OverlayHero.css +1 -1
  16. package/dist/assets/PageContainer.css +1 -1
  17. package/dist/assets/Promo.css +1 -0
  18. package/dist/assets/PromoGroup.css +1 -0
  19. package/dist/assets/Timeline.css +1 -1
  20. package/dist/components/Background/Background.js +5 -4
  21. package/dist/components/Banner/Banner.js +11 -10
  22. package/dist/components/BorderedBackground/BorderedBackground.js +27 -31
  23. package/dist/components/Button/Button.js +22 -21
  24. package/dist/components/Container/Container.js +2 -2
  25. package/dist/components/Fifty/Fifty.js +16 -16
  26. package/dist/components/Footer/Footer.js +6 -6
  27. package/dist/components/ImageTextBlock/ImageTextBlock.js +31 -19
  28. package/dist/components/List/List.js +3 -3
  29. package/dist/components/MenuButton/MenuButton.js +18 -0
  30. package/dist/components/Navbar/Navbar.js +416 -0
  31. package/dist/components/Note/Note.js +21 -16
  32. package/dist/components/Overlay/Overlay.js +31 -0
  33. package/dist/components/OverlayHero/OverlayHero.js +14 -14
  34. package/dist/components/PageContainer/PageContainer.js +5 -5
  35. package/dist/components/Promo/Promo.js +24 -0
  36. package/dist/components/PromoGroup/PromoGroup.js +9 -0
  37. package/dist/components/Timeline/Timeline.js +19 -19
  38. package/dist/main.js +19 -13
  39. package/package.json +5 -4
@@ -1,11 +1,11 @@
1
1
  "use client";
2
- import { jsxs as c, Fragment as h, jsx as t } from "react/jsx-runtime";
3
- import { useRef as a, useEffect as u } from "react";
2
+ import { jsxs as l, Fragment as g, jsx as t } from "react/jsx-runtime";
3
+ import { useRef as a, useEffect as h } from "react";
4
4
  import { g as o, S as p } from "../../ScrollTrigger-DDbij8gI.js";
5
- import '../../assets/Timeline.css';const f = "_spacer_9nrlt_750", x = "_timelineWrapper_9nrlt_755", g = "_linePin_9nrlt_761", v = "_timelineLine_9nrlt_771", N = "_items_9nrlt_782", y = "_item_9nrlt_782", P = "_text_9nrlt_798", n = {
6
- spacer: f,
7
- timelineWrapper: x,
8
- linePin: g,
5
+ import '../../assets/Timeline.css';const u = "_spacer_1g76i_1", f = "_timelineWrapper_1g76i_6", x = "_linePin_1g76i_12", v = "_timelineLine_1g76i_22", N = "_items_1g76i_33", y = "_item_1g76i_33", P = "_text_1g76i_49", i = {
6
+ spacer: u,
7
+ timelineWrapper: f,
8
+ linePin: x,
9
9
  timelineLine: v,
10
10
  items: N,
11
11
  item: y,
@@ -19,8 +19,8 @@ const W = [
19
19
  ];
20
20
  function L() {
21
21
  const s = a(null), d = a(null), m = a(null);
22
- return u(() => {
23
- const e = window.innerHeight, l = o.context(() => {
22
+ return h(() => {
23
+ const e = window.innerHeight, c = o.context(() => {
24
24
  p.create({
25
25
  trigger: s.current,
26
26
  start: "top top",
@@ -29,23 +29,23 @@ function L() {
29
29
  pin: d.current,
30
30
  scrub: !0,
31
31
  onUpdate: (_) => {
32
- const r = _.progress;
33
- let i;
34
- r < 0.25 ? i = r / 0.25 * 0.5 * e : r < 0.75 ? i = 0.5 * e : i = 0.5 * e + (r - 0.75) / 0.25 * 0.5 * e, o.set(m.current, { height: i });
32
+ const n = _.progress;
33
+ let r;
34
+ n < 0.25 ? r = n / 0.25 * 0.5 * e : n < 0.75 ? r = 0.5 * e : r = 0.5 * e + (n - 0.75) / 0.25 * 0.5 * e, o.set(m.current, { height: r });
35
35
  }
36
36
  });
37
37
  }, s);
38
- return () => l.revert();
39
- }, []), /* @__PURE__ */ c(h, { children: [
40
- /* @__PURE__ */ t("div", { className: n.spacer }),
41
- /* @__PURE__ */ c("section", { className: n.timelineWrapper, ref: s, children: [
42
- /* @__PURE__ */ t("div", { className: n.linePin, children: /* @__PURE__ */ t("div", { className: n.timelineLine, ref: m }) }),
43
- /* @__PURE__ */ t("div", { className: n.items, children: W.map((e, l) => /* @__PURE__ */ t("div", { className: n.item, children: /* @__PURE__ */ c("div", { className: n.text, children: [
38
+ return () => c.revert();
39
+ }, []), /* @__PURE__ */ l(g, { children: [
40
+ /* @__PURE__ */ t("div", { className: i.spacer }),
41
+ /* @__PURE__ */ l("section", { className: i.timelineWrapper, ref: s, children: [
42
+ /* @__PURE__ */ t("div", { className: i.linePin, children: /* @__PURE__ */ t("div", { className: i.timelineLine, ref: m }) }),
43
+ /* @__PURE__ */ t("div", { className: i.items, children: W.map((e, c) => /* @__PURE__ */ t("div", { className: i.item, children: /* @__PURE__ */ l("div", { className: i.text, children: [
44
44
  /* @__PURE__ */ t("h3", { children: e.year }),
45
45
  /* @__PURE__ */ t("p", { children: e.text })
46
- ] }) }, l)) })
46
+ ] }) }, c)) })
47
47
  ] }),
48
- /* @__PURE__ */ t("div", { className: n.spacer })
48
+ /* @__PURE__ */ t("div", { className: i.spacer })
49
49
  ] });
50
50
  }
51
51
  export {
package/dist/main.js CHANGED
@@ -1,24 +1,30 @@
1
- import { default as r } from "./components/Background/Background.js";
1
+ import { default as e } from "./components/Background/Background.js";
2
2
  import { default as a } from "./components/Banner/Banner.js";
3
- import { default as d } from "./components/BorderedBackground/BorderedBackground.js";
4
- import { default as l } from "./components/Button/Button.js";
5
- import { default as s } from "./components/Container/Container.js";
6
- import { default as p } from "./components/Fifty/Fifty.js";
3
+ import { default as u } from "./components/BorderedBackground/BorderedBackground.js";
4
+ import { default as m } from "./components/Button/Button.js";
5
+ import { default as p } from "./components/Container/Container.js";
6
+ import { default as x } from "./components/Fifty/Fifty.js";
7
7
  import { default as B } from "./components/Footer/Footer.js";
8
8
  import { default as g } from "./components/ImageTextBlock/ImageTextBlock.js";
9
9
  import { default as k } from "./components/List/List.js";
10
10
  import { default as F } from "./components/OverlayHero/OverlayHero.js";
11
- import { default as C } from "./components/Note/Note.js";
11
+ import { default as v } from "./components/Note/Note.js";
12
+ import { default as G } from "./components/Promo/Promo.js";
13
+ import { default as I } from "./components/PromoGroup/PromoGroup.js";
14
+ import { default as M } from "./components/MenuButton/MenuButton.js";
12
15
  export {
13
- r as Background,
16
+ e as Background,
14
17
  a as Banner,
15
- d as BorderedBackground,
16
- l as Button,
17
- s as Container,
18
- p as Fifty,
18
+ u as BorderedBackground,
19
+ m as Button,
20
+ p as Container,
21
+ x as Fifty,
19
22
  B as Footer,
20
23
  g as ImageTextBlock,
21
24
  k as List,
22
- C as Note,
23
- F as OverlayHero
25
+ M as MenuButton,
26
+ v as Note,
27
+ F as OverlayHero,
28
+ G as Promo,
29
+ I as PromoGroup
24
30
  };
package/package.json CHANGED
@@ -1,10 +1,10 @@
1
1
  {
2
2
  "name": "@courtneyring/components-library",
3
- "version": "1.0.0",
3
+ "version": "1.0.1",
4
4
  "type": "module",
5
5
  "exports": {
6
6
  ".": {
7
- "default": "./dist/main.js"
7
+ "default": "./dist/main.jsx"
8
8
  }
9
9
  },
10
10
  "files": [
@@ -23,6 +23,7 @@
23
23
  "classnames": "^2.5.1",
24
24
  "gsap": "^3.13.0",
25
25
  "moment": "^2.30.1",
26
+ "motion": "^12.26.2",
26
27
  "react": "^19.1.1",
27
28
  "react-dom": "^19.1.1"
28
29
  },
@@ -32,12 +33,12 @@
32
33
  "@storybook/addon-a11y": "^9.1.10",
33
34
  "@storybook/addon-docs": "^9.1.10",
34
35
  "@storybook/react-vite": "^9.1.10",
35
- "@vitejs/plugin-react": "^5.0.4",
36
+ "@vitejs/plugin-react": "^5.1.2",
36
37
  "eslint": "^9.36.0",
37
38
  "eslint-plugin-react-hooks": "^5.2.0",
38
39
  "eslint-plugin-react-refresh": "^0.4.22",
39
40
  "eslint-plugin-storybook": "^9.1.10",
40
- "glob": "^11.0.3",
41
+ "glob": "^11.1.0",
41
42
  "globals": "^16.4.0",
42
43
  "sass-embedded": "^1.93.2",
43
44
  "storybook": "^9.1.10",