@rtstic.dev/pulse 0.0.20 → 0.0.21
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/global/faqs.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";(()=>{document.addEventListener("DOMContentLoaded",()=>{document.querySelectorAll('[data-acc="item"]').forEach(
|
|
1
|
+
"use strict";(()=>{document.addEventListener("DOMContentLoaded",()=>{document.querySelectorAll('[data-acc="item"]').forEach(a=>{let o=a.querySelector('[data-acc="toggle"]'),t=a.querySelector('[data-acc="panel"]'),r=a.querySelector('[data-acc="inner"]'),c=a.querySelector('[data-acc="x-line"]'),i=a.querySelector('[data-acc="y-line"]'),l=a.querySelector('[data-acc="divider"]');if(!o||!t||!r)return;gsap.set(t,{height:0,overflow:"hidden"}),gsap.set(r,{opacity:0}),o.setAttribute("aria-expanded","false"),c&&i&&(gsap.set(c,{rotation:0}),gsap.set(i,{rotation:0})),l&&gsap.set(l,{backgroundColor:"var(--grey--grey40)"});let e=!1;o.addEventListener("click",()=>{if(e)return;e=!0,o.getAttribute("aria-expanded")==="true"?u(a,()=>e=!1):s(a,()=>e=!1)})})});function s(n,a){let o=n.querySelector('[data-acc="toggle"]'),t=n.querySelector('[data-acc="panel"]'),r=n.querySelector('[data-acc="inner"]'),c=n.querySelector('[data-acc="x-line"]'),i=n.querySelector('[data-acc="y-line"]'),l=n.querySelector('[data-acc="divider"]');if(!o||!t||!r){a?.();return}t.accAnim?.kill();let e=gsap.timeline({onComplete:()=>a?.()});gsap.set(t,{height:"auto",visibility:"hidden"});let d=t.offsetHeight;gsap.set(t,{height:0,visibility:"visible",overflow:"hidden"}),e.to(t,{height:d,duration:.35,ease:"power3.inOut",onComplete:()=>{t.style.height="auto"}}),e.to(r,{opacity:1,duration:.2,ease:"power2.out"},"-=0.15"),c&&i&&(e.to(c,{rotation:180,duration:.4,ease:"power2.inOut"},0),e.to(i,{rotation:270,duration:.4,ease:"power2.inOut"},0)),l&&e.to(l,{backgroundColor:"var(--grey--grey10)",duration:.3,ease:"power2.inOut"},0),t.accAnim=e,o.setAttribute("aria-expanded","true")}function u(n,a){let o=n.querySelector('[data-acc="toggle"]'),t=n.querySelector('[data-acc="panel"]'),r=n.querySelector('[data-acc="inner"]'),c=n.querySelector('[data-acc="x-line"]'),i=n.querySelector('[data-acc="y-line"]'),l=n.querySelector('[data-acc="divider"]');if(!o||!t||!r){a?.();return}t.accAnim?.kill();let e=gsap.timeline({onComplete:()=>a?.()});e.to(r,{opacity:0,duration:.15,ease:"power2.in"}),e.to(t,{height:0,duration:.25,ease:"power3.inOut"},"-=0.05"),c&&i&&(e.to(c,{rotation:0,duration:.4,ease:"power2.inOut"},0),e.to(i,{rotation:0,duration:.4,ease:"power2.inOut"},0)),l&&e.to(l,{backgroundColor:"var(--grey--grey40)",duration:.3,ease:"power2.inOut"},0),t.accAnim=e,o.setAttribute("aria-expanded","false")}})();
|
package/dist/global/faqs.js.map
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/global/faqs.ts"],
|
|
4
|
-
"sourcesContent": ["// \u2705 Simple GSAP Accordion (open/close only)\n// Attribute names used in HTML:\n// - data-acc=\"item\" (wrapper)\n// - data-acc=\"toggle\" (click target)\n// - data-acc=\"panel\" (height animates)\n// - data-acc=\"inner\" (opacity animates)\n\ninterface AccordionPanel extends HTMLElement {\n accAnim?: { kill(): void };\n}\n\ndocument.addEventListener(\"DOMContentLoaded\", (): void => {\n const items = document.querySelectorAll<HTMLElement>('[data-acc=\"item\"]');\n\n items.forEach((item) => {\n const toggle = item.querySelector<HTMLElement>('[data-acc=\"toggle\"]');\n const panel = item.querySelector<AccordionPanel>('[data-acc=\"panel\"]');\n const inner = item.querySelector<HTMLElement>('[data-acc=\"inner\"]');\n\n if (!toggle || !panel || !inner) return;\n\n // initial: closed\n gsap.set(panel, { height: 0, overflow: \"hidden\" });\n gsap.set(inner, { opacity: 0 });\n toggle.setAttribute(\"aria-expanded\", \"false\");\n\n let animating = false;\n\n toggle.addEventListener(\"click\", () => {\n if (animating) return;\n animating = true;\n\n const open = toggle.getAttribute(\"aria-expanded\") === \"true\";\n\n if (open) {\n collapseItem(item, () => (animating = false));\n } else {\n expandItem(item, () => (animating = false));\n }\n });\n });\n});\n\nfunction expandItem(item: HTMLElement, done?: () => void): void {\n const toggle = item.querySelector<HTMLElement>('[data-acc=\"toggle\"]');\n const panel = item.querySelector<AccordionPanel>('[data-acc=\"panel\"]');\n const inner = item.querySelector<HTMLElement>('[data-acc=\"inner\"]');\n\n if (!toggle || !panel || !inner) {\n done?.();\n return;\n }\n\n panel.accAnim?.kill();\n\n const tl = gsap.timeline({ onComplete: () => done?.() });\n\n
|
|
5
|
-
"mappings": ";;;AAWA,WAAS,iBAAiB,oBAAoB,MAAY;AACxD,UAAM,QAAQ,SAAS,iBAA8B,mBAAmB;AAExE,UAAM,QAAQ,CAAC,SAAS;AACtB,YAAM,SAAS,KAAK,cAA2B,qBAAqB;AACpE,YAAM,QAAQ,KAAK,cAA8B,oBAAoB;AACrE,YAAM,QAAQ,KAAK,cAA2B,oBAAoB;
|
|
4
|
+
"sourcesContent": ["// \u2705 Simple GSAP Accordion (open/close only)\n// Attribute names used in HTML:\n// - data-acc=\"item\" (wrapper)\n// - data-acc=\"toggle\" (click target)\n// - data-acc=\"panel\" (height animates)\n// - data-acc=\"inner\" (opacity animates)\n\ninterface AccordionPanel extends HTMLElement {\n accAnim?: { kill(): void };\n}\n\ndocument.addEventListener(\"DOMContentLoaded\", (): void => {\n const items = document.querySelectorAll<HTMLElement>('[data-acc=\"item\"]');\n\n items.forEach((item) => {\n const toggle = item.querySelector<HTMLElement>('[data-acc=\"toggle\"]');\n const panel = item.querySelector<AccordionPanel>('[data-acc=\"panel\"]');\n const inner = item.querySelector<HTMLElement>('[data-acc=\"inner\"]');\n const xLine = item.querySelector<HTMLElement>('[data-acc=\"x-line\"]');\n const yLine = item.querySelector<HTMLElement>('[data-acc=\"y-line\"]');\n const divider = item.querySelector<HTMLElement>('[data-acc=\"divider\"]');\n\n if (!toggle || !panel || !inner) return;\n\n // initial: closed\n gsap.set(panel, { height: 0, overflow: \"hidden\" });\n gsap.set(inner, { opacity: 0 });\n toggle.setAttribute(\"aria-expanded\", \"false\");\n\n if (xLine && yLine) {\n gsap.set(xLine, { rotation: 0 });\n gsap.set(yLine, { rotation: 0 });\n }\n if (divider) {\n gsap.set(divider, {\n backgroundColor: \"var(--grey--grey40)\",\n });\n }\n let animating = false;\n\n toggle.addEventListener(\"click\", () => {\n if (animating) return;\n animating = true;\n\n const open = toggle.getAttribute(\"aria-expanded\") === \"true\";\n\n if (open) {\n collapseItem(item, () => (animating = false));\n } else {\n expandItem(item, () => (animating = false));\n }\n });\n });\n});\n\nfunction expandItem(item: HTMLElement, done?: () => void): void {\n const toggle = item.querySelector<HTMLElement>('[data-acc=\"toggle\"]');\n const panel = item.querySelector<AccordionPanel>('[data-acc=\"panel\"]');\n const inner = item.querySelector<HTMLElement>('[data-acc=\"inner\"]');\n const xLine = item.querySelector<HTMLElement>('[data-acc=\"x-line\"]');\n const yLine = item.querySelector<HTMLElement>('[data-acc=\"y-line\"]');\n const divider = item.querySelector<HTMLElement>('[data-acc=\"divider\"]');\n\n\n if (!toggle || !panel || !inner) {\n done?.();\n return;\n }\n\n panel.accAnim?.kill();\n\n const tl = gsap.timeline({ onComplete: () => done?.() });\n\n gsap.set(panel, { height: \"auto\", visibility: \"hidden\" });\n const h = panel.offsetHeight;\n gsap.set(panel, { height: 0, visibility: \"visible\", overflow: \"hidden\" });\n\n tl.to(panel, {\n height: h,\n duration: 0.35,\n ease: \"power3.inOut\",\n onComplete: () => {\n panel.style.height = \"auto\";\n },\n });\n\n tl.to(inner, { opacity: 1, duration: 0.2, ease: \"power2.out\" }, \"-=0.15\");\n\n if (xLine && yLine) {\n tl.to(xLine, { rotation: 180, duration: 0.4, ease: \"power2.inOut\" }, 0);\n tl.to(yLine, { rotation: 270, duration: 0.4, ease: \"power2.inOut\" }, 0);\n }\nif (divider) {\n tl.to(\n divider,\n {\n backgroundColor: \"var(--grey--grey10)\",\n duration: 0.3,\n ease: \"power2.inOut\",\n },\n 0\n );\n}\n panel.accAnim = tl;\n toggle.setAttribute(\"aria-expanded\", \"true\");\n}\n\nfunction collapseItem(item: HTMLElement, done?: () => void): void {\n const toggle = item.querySelector<HTMLElement>('[data-acc=\"toggle\"]');\n const panel = item.querySelector<AccordionPanel>('[data-acc=\"panel\"]');\n const inner = item.querySelector<HTMLElement>('[data-acc=\"inner\"]');\n const xLine = item.querySelector<HTMLElement>('[data-acc=\"x-line\"]');\n const yLine = item.querySelector<HTMLElement>('[data-acc=\"y-line\"]');\n const divider = item.querySelector<HTMLElement>('[data-acc=\"divider\"]');\n\n\n if (!toggle || !panel || !inner) {\n done?.();\n return;\n }\n\n panel.accAnim?.kill();\n\n const tl = gsap.timeline({ onComplete: () => done?.() });\n\n tl.to(inner, { opacity: 0, duration: 0.15, ease: \"power2.in\" });\n tl.to(panel, { height: 0, duration: 0.25, ease: \"power3.inOut\" }, \"-=0.05\");\n\n if (xLine && yLine) {\n tl.to(xLine, { rotation: 0, duration: 0.4, ease: \"power2.inOut\" }, 0);\n tl.to(yLine, { rotation: 0, duration: 0.4, ease: \"power2.inOut\" }, 0);\n }\n if (divider) {\n tl.to(\n divider,\n {\n backgroundColor: \"var(--grey--grey40)\",\n duration: 0.3,\n ease: \"power2.inOut\",\n },\n 0\n );\n}\n\n\n panel.accAnim = tl;\n toggle.setAttribute(\"aria-expanded\", \"false\");\n}\n"],
|
|
5
|
+
"mappings": ";;;AAWA,WAAS,iBAAiB,oBAAoB,MAAY;AACxD,UAAM,QAAQ,SAAS,iBAA8B,mBAAmB;AAExE,UAAM,QAAQ,CAAC,SAAS;AACtB,YAAM,SAAS,KAAK,cAA2B,qBAAqB;AACpE,YAAM,QAAQ,KAAK,cAA8B,oBAAoB;AACrE,YAAM,QAAQ,KAAK,cAA2B,oBAAoB;AAClE,YAAM,QAAQ,KAAK,cAA2B,qBAAqB;AACnE,YAAM,QAAQ,KAAK,cAA2B,qBAAqB;AACnE,YAAM,UAAU,KAAK,cAA2B,sBAAsB;AAEtE,UAAI,CAAC,UAAU,CAAC,SAAS,CAAC,MAAO;AAGjC,WAAK,IAAI,OAAO,EAAE,QAAQ,GAAG,UAAU,SAAS,CAAC;AACjD,WAAK,IAAI,OAAO,EAAE,SAAS,EAAE,CAAC;AAC9B,aAAO,aAAa,iBAAiB,OAAO;AAE5C,UAAI,SAAS,OAAO;AAClB,aAAK,IAAI,OAAO,EAAE,UAAU,EAAE,CAAC;AAC/B,aAAK,IAAI,OAAO,EAAE,UAAU,EAAE,CAAC;AAAA,MACjC;AACA,UAAI,SAAS;AACX,aAAK,IAAI,SAAS;AAAA,UAChB,iBAAiB;AAAA,QACnB,CAAC;AAAA,MACH;AACA,UAAI,YAAY;AAEhB,aAAO,iBAAiB,SAAS,MAAM;AACrC,YAAI,UAAW;AACf,oBAAY;AAEZ,cAAM,OAAO,OAAO,aAAa,eAAe,MAAM;AAEtD,YAAI,MAAM;AACR,uBAAa,MAAM,MAAO,YAAY,KAAM;AAAA,QAC9C,OAAO;AACL,qBAAW,MAAM,MAAO,YAAY,KAAM;AAAA,QAC5C;AAAA,MACF,CAAC;AAAA,IACH,CAAC;AAAA,EACH,CAAC;AAED,WAAS,WAAW,MAAmB,MAAyB;AAC9D,UAAM,SAAS,KAAK,cAA2B,qBAAqB;AACpE,UAAM,QAAQ,KAAK,cAA8B,oBAAoB;AACrE,UAAM,QAAQ,KAAK,cAA2B,oBAAoB;AAClE,UAAM,QAAQ,KAAK,cAA2B,qBAAqB;AACnE,UAAM,QAAQ,KAAK,cAA2B,qBAAqB;AACnE,UAAM,UAAU,KAAK,cAA2B,sBAAsB;AAGtE,QAAI,CAAC,UAAU,CAAC,SAAS,CAAC,OAAO;AAC/B,aAAO;AACP;AAAA,IACF;AAEA,UAAM,SAAS,KAAK;AAEpB,UAAM,KAAK,KAAK,SAAS,EAAE,YAAY,MAAM,OAAO,EAAE,CAAC;AAEvD,SAAK,IAAI,OAAO,EAAE,QAAQ,QAAQ,YAAY,SAAS,CAAC;AACxD,UAAM,IAAI,MAAM;AAChB,SAAK,IAAI,OAAO,EAAE,QAAQ,GAAG,YAAY,WAAW,UAAU,SAAS,CAAC;AAExE,OAAG,GAAG,OAAO;AAAA,MACX,QAAQ;AAAA,MACR,UAAU;AAAA,MACV,MAAM;AAAA,MACN,YAAY,MAAM;AAChB,cAAM,MAAM,SAAS;AAAA,MACvB;AAAA,IACF,CAAC;AAED,OAAG,GAAG,OAAO,EAAE,SAAS,GAAG,UAAU,KAAK,MAAM,aAAa,GAAG,QAAQ;AAExE,QAAI,SAAS,OAAO;AAClB,SAAG,GAAG,OAAO,EAAE,UAAU,KAAK,UAAU,KAAK,MAAM,eAAe,GAAG,CAAC;AACtE,SAAG,GAAG,OAAO,EAAE,UAAU,KAAK,UAAU,KAAK,MAAM,eAAe,GAAG,CAAC;AAAA,IACxE;AACF,QAAI,SAAS;AACX,SAAG;AAAA,QACD;AAAA,QACA;AAAA,UACE,iBAAiB;AAAA,UACjB,UAAU;AAAA,UACV,MAAM;AAAA,QACR;AAAA,QACA;AAAA,MACF;AAAA,IACF;AACE,UAAM,UAAU;AAChB,WAAO,aAAa,iBAAiB,MAAM;AAAA,EAC7C;AAEA,WAAS,aAAa,MAAmB,MAAyB;AAChE,UAAM,SAAS,KAAK,cAA2B,qBAAqB;AACpE,UAAM,QAAQ,KAAK,cAA8B,oBAAoB;AACrE,UAAM,QAAQ,KAAK,cAA2B,oBAAoB;AAClE,UAAM,QAAQ,KAAK,cAA2B,qBAAqB;AACnE,UAAM,QAAQ,KAAK,cAA2B,qBAAqB;AACnE,UAAM,UAAU,KAAK,cAA2B,sBAAsB;AAGtE,QAAI,CAAC,UAAU,CAAC,SAAS,CAAC,OAAO;AAC/B,aAAO;AACP;AAAA,IACF;AAEA,UAAM,SAAS,KAAK;AAEpB,UAAM,KAAK,KAAK,SAAS,EAAE,YAAY,MAAM,OAAO,EAAE,CAAC;AAEvD,OAAG,GAAG,OAAO,EAAE,SAAS,GAAG,UAAU,MAAM,MAAM,YAAY,CAAC;AAC9D,OAAG,GAAG,OAAO,EAAE,QAAQ,GAAG,UAAU,MAAM,MAAM,eAAe,GAAG,QAAQ;AAE1E,QAAI,SAAS,OAAO;AAClB,SAAG,GAAG,OAAO,EAAE,UAAU,GAAG,UAAU,KAAK,MAAM,eAAe,GAAG,CAAC;AACpE,SAAG,GAAG,OAAO,EAAE,UAAU,GAAG,UAAU,KAAK,MAAM,eAAe,GAAG,CAAC;AAAA,IACtE;AACA,QAAI,SAAS;AACb,SAAG;AAAA,QACD;AAAA,QACA;AAAA,UACE,iBAAiB;AAAA,UACjB,UAAU;AAAA,UACV,MAAM;AAAA,QACR;AAAA,QACA;AAAA,MACF;AAAA,IACF;AAGE,UAAM,UAAU;AAChB,WAAO,aAAa,iBAAiB,OAAO;AAAA,EAC9C;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/global/styles.css"],
|
|
4
|
-
"sourcesContent": ["/* Gradient Backgrounds */\n[ai-gradient=\"1\"]{\nbackground: linear-gradient(\n 90deg,\n #FF84D2 2%,\n #FFA49D 46%,\n #FF5C2A 88%\n);\n}\n[ai-gradient=\"2\"]{\nbackground: linear-gradient(\n 90deg,\n #FD4FAD 17%,\n #FF5200 100%\n);\n}\n/* Solid Backgrounds */\n[style-bg-color=\"foreground\"]{\n background-color: var(--background-colors--foreground);\n}\n[style-bg-color=\"background\"]{\n background-color: var(--background-colors--background);\n}\n\n/*Heading Styles */\n[style-type=\"h1\"]{\n font-family: var(--_font-family---heading);\n font-size: var(--_text-size---heading--h1);\n line-height: var(--_line-height---line-height-heading-tags--h1);\n font-weight: var(--_font-weight---font-weight-heading-tags--h1);\n letter-spacing: var(--_letter-spacing---letter-spacing-heading-tags--h1);\n margin: 0;\n}\n[style-type=\"h2\"]{\n font-family: var(--_font-family---heading);\n font-size: var(--_text-size---heading--h2);\n line-height: var(--_line-height---line-height-heading-tags--h2);\n font-weight: var(--_font-weight---font-weight-heading-tags--h2);\n letter-spacing: var(--_letter-spacing---letter-spacing-heading-tags--h2);\n margin: 0;\n}\n[style-type=\"h3\"]{\n font-family: var(--_font-family---heading);\n font-size: var(--_text-size---heading--h3);\n line-height: var(--_line-height---line-height-heading-tags--h3);\n font-weight: var(--_font-weight---font-weight-heading-tags--h3);\n letter-spacing: var(--_letter-spacing---letter-spacing-heading-tags--h3);\n margin: 0;\n}\n[style-type=\"h4\"]{\n font-family: var(--_font-family---heading);\n font-size: var(--_text-size---heading--h4);\n line-height: var(--_line-height---line-height-heading-tags--h4);\n font-weight: var(--_font-weight---font-weight-heading-tags--h4);\n letter-spacing: var(--_letter-spacing---letter-spacing-heading-tags--h4);\n margin: 0;\n}\n[style-type=\"h5\"]{\n font-family: var(--_font-family---heading);\n font-size: var(--_text-size---heading--h5);\n line-height: var(--_line-height---line-height-heading-tags--h5);\n font-weight: var(--_font-weight---font-weight-heading-tags--h5);\n letter-spacing: var(--_letter-spacing---letter-spacing-heading-tags--h5);\n margin: 0;\n}\n[style-type=\"h6\"]{\n font-family: var(--_font-family---heading);\n font-size: var(--_text-size---heading--h6);\n line-height: var(--_line-height---line-height-heading-tags--h6);\n font-weight: var(--_font-weight---font-weight-heading-tags--h6);\n letter-spacing: var(--_letter-spacing---letter-spacing-heading-tags--h6);\n margin: 0;\n}\n\n/* Title Styles */\n[style-type=\"title-l\"]{\n font-family: var(--_font-family---title);\n font-size: var(--_text-size---title--l);\n line-height: var(--_line-height---line-height-title--l);\n font-weight: var(--_font-weight---font-weight-title--l);\n letter-spacing: var(--_letter-spacing---letter-spacing-body--l);\n}\n[style-type=\"title-m\"]{\n font-family: var(--_font-family---title);\n font-size: var(--_text-size---title--m);\n line-height: var(--_line-height---line-height-title--m);\n font-weight: var(--_font-weight---font-weight-title--m);\n letter-spacing: var(--_letter-spacing---letter-spacing-title--m);\n}\n[style-type=\"title-s\"]{\n font-family: var(--_font-family---title);\n font-size: var(--_text-size---title--s);\n line-height: var(--_line-height---line-height-title--s);\n font-weight: var(--_font-weight---font-weight-title--s);\n letter-spacing: var(--_letter-spacing---letter-spacing-title--s);\n}\n\n/* Body Styles */\n[style-type=\"body-l\"]{\n font-family: var(--_font-family---body);\n font-size: var(--_text-size---body--l);\n line-height: var(--_line-height---line-height-body--l);\n font-weight: var(--_font-weight---font-weight-body--l);\n letter-spacing: var(--_letter-spacing---letter-spacing-body--l);\n}\n[style-type=\"body-m\"]{\n font-family: var(--_font-family---body);\n font-size: var(--_text-size---body--m);\n line-height: var(--_line-height---line-height-body--m);\n font-weight: var(--_font-weight---font-weight-body--m);\n letter-spacing: var(--_letter-spacing---letter-spacing-body--m);\n}\n[style-type=\"body-s\"]{\n font-family: var(--_font-family---body);\n font-size: var(--_text-size---body--s);\n line-height: var(--_line-height---line-height-body--s);\n font-weight: var(--_font-weight---font-weight-body--s);\n letter-spacing: var(--_letter-spacing---letter-spacing-body--s);\n}\n\n/* Alignments */\n[style-text-align=\"center\"]{\n text-align: center;\n}\n[style-text-align=\"left\"]{\n text-align: left;\n}\n[style-text-align=\"right\"]{\n text-align: right;\n}\n\n/* Text Colors */\n[style-text-color=\"title\"]{\n color : var(--text-colors--title)\n}\n[style-text-color=\"subtext\"]{\n color : var(--text-colors--subtext)\n}\n[style-text-color=\"subtext\"]{\n color : var(--text-colors--subtext)\n}\n[style-text-color=\"orange\"]{\n color : var(--text-colors--orange)\n}\n\n/* Button Styles */\n[style-button-color=\"orange\"]{\n border-color: var(--orange--orange40);\n background-color: var(--orange--orange40);\n color: var(--text-colors--title-inverse);\n}\n[style-button-color=\"white\"]{\n border: 1px solid var(--white);\n background-color: var(--white);\n color: var(--text-colors--title-inverse);\n}\n\n[style-button-color=\"transparent\"]{\n background-color: var(--transparent);\n color: var(--white);\n border: 1px solid var(--white);\n}\n\n[style-padding-y=\"small\"]{\n padding-top: var(--_spaces---padding--small);\n padding-bottom: var(--_spaces---padding--small);\n}\n[style-padding-y=\"large\"]{\n padding-top: var(--_spaces---padding--large);\n padding-bottom: var(--_spaces---padding--largea);\n}\n\n[style-flex=\"center\"]{\n display: flex;\n justify-content: center;\n align-items: center;\n}\n[style-flex=\"left\"]{\n flex-flow: column;\n align-items: flex-start;\n display: flex;\n}\n[style-flex=\"right\"]{\n flex-flow: column;\n align-items: flex-end;\n display: flex;\n}\n[style-flex=\"center\"]{\n flex-flow: column;\n align-items: center;\n justify-content: space-between;\n display: flex;\n}"],
|
|
5
|
-
"mappings": "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",
|
|
4
|
+
"sourcesContent": ["/* Gradient Backgrounds */\n[ai-gradient=\"1\"]{\nbackground: linear-gradient(\n 90deg,\n #FF84D2 2%,\n #FFA49D 46%,\n #FF5C2A 88%\n);\n}\n[ai-gradient=\"2\"]{\nbackground: linear-gradient(\n 90deg,\n #FD4FAD 17%,\n #FF5200 100%\n);\n}\n/* Solid Backgrounds */\n[style-bg-color=\"foreground\"]{\n background-color: var(--background-colors--foreground);\n}\n[style-bg-color=\"background\"]{\n background-color: var(--background-colors--background);\n}\n\n/*Heading Styles */\n[style-type=\"h1\"]{\n font-family: var(--_font-family---heading);\n font-size: var(--_text-size---heading--h1);\n line-height: var(--_line-height---line-height-heading-tags--h1);\n font-weight: var(--_font-weight---font-weight-heading-tags--h1);\n letter-spacing: var(--_letter-spacing---letter-spacing-heading-tags--h1);\n margin: 0;\n}\n[style-type=\"h2\"]{\n font-family: var(--_font-family---heading);\n font-size: var(--_text-size---heading--h2);\n line-height: var(--_line-height---line-height-heading-tags--h2);\n font-weight: var(--_font-weight---font-weight-heading-tags--h2);\n letter-spacing: var(--_letter-spacing---letter-spacing-heading-tags--h2);\n margin: 0;\n}\n[style-type=\"h3\"]{\n font-family: var(--_font-family---heading);\n font-size: var(--_text-size---heading--h3);\n line-height: var(--_line-height---line-height-heading-tags--h3);\n font-weight: var(--_font-weight---font-weight-heading-tags--h3);\n letter-spacing: var(--_letter-spacing---letter-spacing-heading-tags--h3);\n margin: 0;\n}\n[style-type=\"h4\"]{\n font-family: var(--_font-family---heading);\n font-size: var(--_text-size---heading--h4);\n line-height: var(--_line-height---line-height-heading-tags--h4);\n font-weight: var(--_font-weight---font-weight-heading-tags--h4);\n letter-spacing: var(--_letter-spacing---letter-spacing-heading-tags--h4);\n margin: 0;\n}\n[style-type=\"h5\"]{\n font-family: var(--_font-family---heading);\n font-size: var(--_text-size---heading--h5);\n line-height: var(--_line-height---line-height-heading-tags--h5);\n font-weight: var(--_font-weight---font-weight-heading-tags--h5);\n letter-spacing: var(--_letter-spacing---letter-spacing-heading-tags--h5);\n margin: 0;\n}\n[style-type=\"h6\"]{\n font-family: var(--_font-family---heading);\n font-size: var(--_text-size---heading--h6);\n line-height: var(--_line-height---line-height-heading-tags--h6);\n font-weight: var(--_font-weight---font-weight-heading-tags--h6);\n letter-spacing: var(--_letter-spacing---letter-spacing-heading-tags--h6);\n margin: 0;\n}\n\n/* Title Styles */\n[style-type=\"title-l\"]{\n font-family: var(--_font-family---title);\n font-size: var(--_text-size---title--l);\n line-height: var(--_line-height---line-height-title--l);\n font-weight: var(--_font-weight---font-weight-title--l);\n letter-spacing: var(--_letter-spacing---letter-spacing-body--l);\n}\n[style-type=\"title-m\"]{\n font-family: var(--_font-family---title);\n font-size: var(--_text-size---title--m);\n line-height: var(--_line-height---line-height-title--m);\n font-weight: var(--_font-weight---font-weight-title--m);\n letter-spacing: var(--_letter-spacing---letter-spacing-title--m);\n}\n[style-type=\"title-s\"]{\n font-family: var(--_font-family---title);\n font-size: var(--_text-size---title--s);\n line-height: var(--_line-height---line-height-title--s);\n font-weight: var(--_font-weight---font-weight-title--s);\n letter-spacing: var(--_letter-spacing---letter-spacing-title--s);\n}\n\n/* Display Styles */\n[style-type=\"display-l\"]{\n font-family: var(--_font-family---display);\n font-size: var(--_text-size---display--l);\n line-height: var(--_line-height---line-height-display--l);\n font-weight: var(--_font-weight---font-weight-display--l);\n letter-spacing: var(--_letter-spacing---letter-spacing-display--l);\n}\n\n[style-type=\"display-m\"]{\n font-family: var(--_font-family---display);\n font-size: var(--_text-size---display--m);\n line-height: var(--_line-height---line-height-display--m);\n font-weight: var(--_font-weight---font-weight-display--m);\n letter-spacing: var(--_letter-spacing---letter-spacing-display--m);\n}\n\n[style-type=\"display-s\"]{\n font-family: var(--_font-family---display);\n font-size: var(--_text-size---display--s);\n line-height: var(--_line-height---line-height-display--s);\n font-weight: var(--_font-weight---font-weight-display--s);\n letter-spacing: var(--_letter-spacing---letter-spacing-display--s);\n}\n\n/* Body Styles */\n[style-type=\"body-l\"]{\n font-family: var(--_font-family---body);\n font-size: var(--_text-size---body--l);\n line-height: var(--_line-height---line-height-body--l);\n font-weight: var(--_font-weight---font-weight-body--l);\n letter-spacing: var(--_letter-spacing---letter-spacing-body--l);\n}\n[style-type=\"body-m\"]{\n font-family: var(--_font-family---body);\n font-size: var(--_text-size---body--m);\n line-height: var(--_line-height---line-height-body--m);\n font-weight: var(--_font-weight---font-weight-body--m);\n letter-spacing: var(--_letter-spacing---letter-spacing-body--m);\n}\n[style-type=\"body-s\"]{\n font-family: var(--_font-family---body);\n font-size: var(--_text-size---body--s);\n line-height: var(--_line-height---line-height-body--s);\n font-weight: var(--_font-weight---font-weight-body--s);\n letter-spacing: var(--_letter-spacing---letter-spacing-body--s);\n}\n\n/* Alignments */\n[style-text-align=\"center\"]{\n text-align: center;\n}\n[style-text-align=\"left\"]{\n text-align: left;\n}\n[style-text-align=\"right\"]{\n text-align: right;\n}\n\n/* Text Colors */\n[style-text-color=\"title\"]{\n color : var(--text-colors--title)\n}\n[style-text-color=\"subtext\"]{\n color : var(--text-colors--subtext)\n}\n[style-text-color=\"subtext\"]{\n color : var(--text-colors--subtext)\n}\n[style-text-color=\"orange\"]{\n color : var(--text-colors--orange)\n}\n\n/* Button Styles */\n[style-button-color=\"orange\"]{\n border-color: var(--orange--orange40);\n background-color: var(--orange--orange40);\n color: var(--text-colors--title-inverse);\n}\n[style-button-color=\"white\"]{\n border: 1px solid var(--white);\n background-color: var(--white);\n color: var(--text-colors--title-inverse);\n}\n\n[style-button-color=\"transparent\"]{\n background-color: var(--transparent);\n color: var(--white);\n border: 1px solid var(--white);\n}\n\n[style-padding-y=\"small\"]{\n padding-top: var(--_spaces---padding--small);\n padding-bottom: var(--_spaces---padding--small);\n}\n[style-padding-y=\"large\"]{\n padding-top: var(--_spaces---padding--large);\n padding-bottom: var(--_spaces---padding--largea);\n}\n\n[style-flex=\"center\"]{\n display: flex;\n justify-content: center;\n align-items: center;\n}\n[style-flex=\"left\"]{\n flex-flow: column;\n align-items: flex-start;\n display: flex;\n}\n[style-flex=\"right\"]{\n flex-flow: column;\n align-items: flex-end;\n display: flex;\n}\n[style-flex=\"center\"]{\n flex-flow: column;\n align-items: center;\n justify-content: space-between;\n display: flex;\n}"],
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|