@courtneyring/components-library 0.0.0 → 0.0.2
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/ScrollTrigger-DDbij8gI.js +3102 -0
- package/dist/animations/FadeIn.js +26 -0
- package/dist/assets/Background.css +1 -0
- package/dist/assets/Banner.css +1 -0
- package/dist/assets/BorderedBackground.css +1 -0
- package/dist/assets/Button.css +1 -0
- package/dist/assets/Container.css +1 -0
- package/dist/assets/Fifty.css +1 -0
- package/dist/assets/Footer.css +1 -0
- package/dist/assets/ImageTextBlock.css +1 -0
- package/dist/assets/List.css +1 -0
- package/dist/assets/Note.css +1 -0
- package/dist/assets/OverlayHero.css +1 -0
- package/dist/assets/PageContainer.css +1 -0
- package/dist/assets/Timeline.css +1 -0
- package/dist/assets/icons/checkmark.svg +3 -0
- package/dist/components/Background/Background.js +54 -0
- package/dist/components/Banner/Banner.js +13 -0
- package/dist/components/BorderedBackground/BorderedBackground.js +44 -0
- package/dist/components/Button/Button.js +31 -0
- package/dist/components/Container/Container.js +9 -0
- package/dist/components/Fifty/Fifty.js +33 -0
- package/dist/components/Fifty/Fifty.stories.js +32 -0
- package/dist/components/Footer/Footer.js +13 -0
- package/dist/components/Icon/Icon.js +13 -0
- package/dist/components/ImageTextBlock/ImageTextBlock.js +27 -0
- package/dist/components/List/List.js +20 -0
- package/dist/components/Note/Note.js +21 -0
- package/dist/components/OverlayHero/OverlayHero.js +24 -0
- package/dist/components/PageContainer/PageContainer.js +25 -0
- package/dist/components/Timeline/Timeline.js +53 -0
- package/dist/hooks/useFadeIn.js +27 -0
- package/dist/hooks/useRepeatable.js +32 -0
- package/dist/hooks/useResize.js +19 -0
- package/dist/hooks/useResponsive.js +15 -0
- package/dist/index-BIlioXmW.js +47 -0
- package/dist/index-BlCqcUwj.js +29 -0
- package/dist/main.js +24 -0
- package/dist/utils/breakpoints.js +8 -0
- package/dist/utils/gsapSetup.js +7 -0
- package/dist/utils/parse.js +12 -0
- package/package.json +25 -13
- package/dist/assets/index-D8b4DHJx.css +0 -1
- package/dist/assets/index-DY7V28eo.js +0 -49
- package/dist/assets/react-CHdo91hT.svg +0 -1
- package/dist/index.html +0 -14
- package/dist/vite.svg +0 -1
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
function c(e) {
|
|
2
|
+
return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
|
|
3
|
+
}
|
|
4
|
+
var o = { exports: {} };
|
|
5
|
+
/*!
|
|
6
|
+
Copyright (c) 2018 Jed Watson.
|
|
7
|
+
Licensed under the MIT License (MIT), see
|
|
8
|
+
http://jedwatson.github.io/classnames
|
|
9
|
+
*/
|
|
10
|
+
var i;
|
|
11
|
+
function p() {
|
|
12
|
+
return i || (i = 1, (function(e) {
|
|
13
|
+
(function() {
|
|
14
|
+
var u = {}.hasOwnProperty;
|
|
15
|
+
function s() {
|
|
16
|
+
for (var t = "", r = 0; r < arguments.length; r++) {
|
|
17
|
+
var n = arguments[r];
|
|
18
|
+
n && (t = a(t, f(n)));
|
|
19
|
+
}
|
|
20
|
+
return t;
|
|
21
|
+
}
|
|
22
|
+
function f(t) {
|
|
23
|
+
if (typeof t == "string" || typeof t == "number")
|
|
24
|
+
return t;
|
|
25
|
+
if (typeof t != "object")
|
|
26
|
+
return "";
|
|
27
|
+
if (Array.isArray(t))
|
|
28
|
+
return s.apply(null, t);
|
|
29
|
+
if (t.toString !== Object.prototype.toString && !t.toString.toString().includes("[native code]"))
|
|
30
|
+
return t.toString();
|
|
31
|
+
var r = "";
|
|
32
|
+
for (var n in t)
|
|
33
|
+
u.call(t, n) && t[n] && (r = a(r, n));
|
|
34
|
+
return r;
|
|
35
|
+
}
|
|
36
|
+
function a(t, r) {
|
|
37
|
+
return r ? t ? t + " " + r : t + r : t;
|
|
38
|
+
}
|
|
39
|
+
e.exports ? (s.default = s, e.exports = s) : window.classNames = s;
|
|
40
|
+
})();
|
|
41
|
+
})(o)), o.exports;
|
|
42
|
+
}
|
|
43
|
+
var l = p();
|
|
44
|
+
const m = /* @__PURE__ */ c(l);
|
|
45
|
+
export {
|
|
46
|
+
m as c
|
|
47
|
+
};
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { useRef as u, useLayoutEffect as x, useEffect as S } from "react";
|
|
2
|
+
import { g as h } from "./ScrollTrigger-DDbij8gI.js";
|
|
3
|
+
/*!
|
|
4
|
+
* @gsap/react 2.1.2
|
|
5
|
+
* https://gsap.com
|
|
6
|
+
*
|
|
7
|
+
* Copyright 2008-2025, GreenSock. All rights reserved.
|
|
8
|
+
* Subject to the terms at https://gsap.com/standard-license or for
|
|
9
|
+
* Club GSAP members, the agreement issued with that membership.
|
|
10
|
+
* @author: Jack Doyle, jack@greensock.com
|
|
11
|
+
*/
|
|
12
|
+
let c = typeof document < "u" ? x : S, p = (e) => e && !Array.isArray(e) && typeof e == "object", o = [], A = {}, m = h;
|
|
13
|
+
const g = (e, t = o) => {
|
|
14
|
+
let r = A;
|
|
15
|
+
p(e) ? (r = e, e = null, t = "dependencies" in r ? r.dependencies : o) : p(t) && (r = t, t = "dependencies" in r ? r.dependencies : o), e && typeof e != "function" && console.warn("First parameter must be a function or config object");
|
|
16
|
+
const { scope: f, revertOnUpdate: y } = r, s = u(!1), n = u(m.context(() => {
|
|
17
|
+
}, f)), a = u((d) => n.current.add(null, d)), i = t && t.length && !y;
|
|
18
|
+
return i && c(() => (s.current = !0, () => n.current.revert()), o), c(() => {
|
|
19
|
+
if (e && n.current.add(e, f), !i || !s.current)
|
|
20
|
+
return () => n.current.revert();
|
|
21
|
+
}, t), { context: n.current, contextSafe: a.current };
|
|
22
|
+
};
|
|
23
|
+
g.register = (e) => {
|
|
24
|
+
m = e;
|
|
25
|
+
};
|
|
26
|
+
g.headless = !0;
|
|
27
|
+
export {
|
|
28
|
+
g as u
|
|
29
|
+
};
|
package/dist/main.js
ADDED
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { default as r } from "./components/Background/Background.js";
|
|
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";
|
|
7
|
+
import { default as B } from "./components/Footer/Footer.js";
|
|
8
|
+
import { default as g } from "./components/ImageTextBlock/ImageTextBlock.js";
|
|
9
|
+
import { default as k } from "./components/List/List.js";
|
|
10
|
+
import { default as F } from "./components/OverlayHero/OverlayHero.js";
|
|
11
|
+
import { default as C } from "./components/Note/Note.js";
|
|
12
|
+
export {
|
|
13
|
+
r as Background,
|
|
14
|
+
a as Banner,
|
|
15
|
+
d as BorderedBackground,
|
|
16
|
+
l as Button,
|
|
17
|
+
s as Container,
|
|
18
|
+
p as Fifty,
|
|
19
|
+
B as Footer,
|
|
20
|
+
g as ImageTextBlock,
|
|
21
|
+
k as List,
|
|
22
|
+
C as Note,
|
|
23
|
+
F as OverlayHero
|
|
24
|
+
};
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
const t = ({ innerWidth: s }) => s >= 992, e = ({ innerWidth: s }) => s > 1200, o = ({ innerWidth: s }) => s >= 992 && s < 1200, r = ({ innerWidth: s }) => s >= 768 && s < 992, n = ({ innerWidth: s }) => s < 768;
|
|
2
|
+
export {
|
|
3
|
+
t as isDesktop,
|
|
4
|
+
e as isLargeDesktop,
|
|
5
|
+
n as isMobile,
|
|
6
|
+
o as isSmallDesktop,
|
|
7
|
+
r as isTablet
|
|
8
|
+
};
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { jsx as t } from "react/jsx-runtime";
|
|
2
|
+
import o from "react";
|
|
3
|
+
function c(r) {
|
|
4
|
+
return o.isValidElement(r);
|
|
5
|
+
}
|
|
6
|
+
const m = (r) => (Array.isArray(r) ? r : [r]).map(
|
|
7
|
+
(e, a) => c(e) ? /* @__PURE__ */ t(o.Fragment, { children: e }, `seg-${a}`) : /* @__PURE__ */ t("p", { children: e }, `seg-${a}`)
|
|
8
|
+
);
|
|
9
|
+
export {
|
|
10
|
+
m as default,
|
|
11
|
+
c as isReactElement
|
|
12
|
+
};
|
package/package.json
CHANGED
|
@@ -1,35 +1,47 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@courtneyring/components-library",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.2",
|
|
4
4
|
"type": "module",
|
|
5
|
-
"
|
|
6
|
-
|
|
7
|
-
|
|
5
|
+
"exports": {
|
|
6
|
+
".": {
|
|
7
|
+
"default": "./dist/main.js"
|
|
8
|
+
}
|
|
9
|
+
},
|
|
8
10
|
"files": [
|
|
9
11
|
"dist"
|
|
10
|
-
],
|
|
12
|
+
],
|
|
11
13
|
"scripts": {
|
|
12
14
|
"dev": "vite",
|
|
13
|
-
"build": "
|
|
15
|
+
"build": "vite build --watch",
|
|
14
16
|
"lint": "eslint .",
|
|
15
|
-
"preview": "vite preview"
|
|
17
|
+
"preview": "vite preview",
|
|
18
|
+
"storybook": "storybook dev -p 6006",
|
|
19
|
+
"build-storybook": "storybook build"
|
|
16
20
|
},
|
|
17
21
|
"dependencies": {
|
|
22
|
+
"@gsap/react": "^2.1.2",
|
|
23
|
+
"classnames": "^2.5.1",
|
|
24
|
+
"gsap": "^3.13.0",
|
|
25
|
+
"moment": "^2.30.1",
|
|
18
26
|
"react": "^19.1.1",
|
|
19
27
|
"react-dom": "^19.1.1"
|
|
20
28
|
},
|
|
21
29
|
"devDependencies": {
|
|
30
|
+
"@chromatic-com/storybook": "^4.1.1",
|
|
22
31
|
"@eslint/js": "^9.36.0",
|
|
23
|
-
"@
|
|
24
|
-
"@
|
|
25
|
-
"@
|
|
32
|
+
"@storybook/addon-a11y": "^9.1.10",
|
|
33
|
+
"@storybook/addon-docs": "^9.1.10",
|
|
34
|
+
"@storybook/react-vite": "^9.1.10",
|
|
26
35
|
"@vitejs/plugin-react": "^5.0.4",
|
|
27
36
|
"eslint": "^9.36.0",
|
|
28
37
|
"eslint-plugin-react-hooks": "^5.2.0",
|
|
29
38
|
"eslint-plugin-react-refresh": "^0.4.22",
|
|
39
|
+
"eslint-plugin-storybook": "^9.1.10",
|
|
40
|
+
"glob": "^11.0.3",
|
|
30
41
|
"globals": "^16.4.0",
|
|
31
|
-
"
|
|
32
|
-
"
|
|
33
|
-
"vite": "^7.1.7"
|
|
42
|
+
"sass-embedded": "^1.93.2",
|
|
43
|
+
"storybook": "^9.1.10",
|
|
44
|
+
"vite": "^7.1.7",
|
|
45
|
+
"vite-plugin-lib-inject-css": "^2.2.2"
|
|
34
46
|
}
|
|
35
47
|
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}
|