boreal-ui 0.0.37 → 0.0.38
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/core/style.css +1 -1
- package/dist/next/{Footer-BeT6tWIv.js → Footer-BSEbf6CL.js} +40 -40
- package/dist/next/{Footer-BeT6tWIv.js.map → Footer-BSEbf6CL.js.map} +1 -1
- package/dist/next/{Footer-C_hq989i.cjs → Footer-DAZLz11H.cjs} +40 -40
- package/dist/next/{Footer-C_hq989i.cjs.map → Footer-DAZLz11H.cjs.map} +1 -1
- package/dist/next/Footer.cjs.js +1 -1
- package/dist/next/Footer.js +1 -1
- package/dist/next/index.cjs.js +1 -1
- package/dist/next/index.js +1 -1
- package/dist/next/style.css +73 -73
- package/package.json +1 -1
package/dist/core/style.css
CHANGED
|
@@ -19547,7 +19547,7 @@ a:hover {
|
|
|
19547
19547
|
}
|
|
19548
19548
|
@media (min-width: 1024px) {
|
|
19549
19549
|
.footer_content .footer_left p {
|
|
19550
|
-
font-size:
|
|
19550
|
+
font-size: 16px;
|
|
19551
19551
|
}
|
|
19552
19552
|
}
|
|
19553
19553
|
@media (width <= 1023.98px) {
|
|
@@ -175,38 +175,38 @@ const FooterBase = ({
|
|
|
175
175
|
] }) });
|
|
176
176
|
};
|
|
177
177
|
FooterBase.displayName = "FooterBase";
|
|
178
|
-
const noScroll = "
|
|
179
|
-
const errorMessage = "
|
|
180
|
-
const loadingContainer = "
|
|
181
|
-
const hideScrollbar = "
|
|
182
|
-
const sr_only = "
|
|
183
|
-
const footer = "
|
|
184
|
-
const primary = "
|
|
185
|
-
const secondary = "
|
|
186
|
-
const tertiary = "
|
|
187
|
-
const quaternary = "
|
|
188
|
-
const clear = "
|
|
189
|
-
const roundNone = "
|
|
190
|
-
const roundSmall = "
|
|
191
|
-
const roundMedium = "
|
|
192
|
-
const roundLarge = "
|
|
193
|
-
const roundFull = "
|
|
194
|
-
const shadowNone = "
|
|
195
|
-
const shadowLight = "
|
|
196
|
-
const shadowMedium = "
|
|
197
|
-
const shadowStrong = "
|
|
198
|
-
const shadowIntense = "
|
|
199
|
-
const attachmentStatic = "
|
|
200
|
-
const attachmentSticky = "
|
|
201
|
-
const attachmentFixed = "
|
|
202
|
-
const content = "
|
|
203
|
-
const left = "
|
|
204
|
-
const links = "
|
|
205
|
-
const logo = "
|
|
206
|
-
const social = "
|
|
207
|
-
const themeToggle = "
|
|
208
|
-
const spin = "
|
|
209
|
-
const pulse = "
|
|
178
|
+
const noScroll = "_noScroll_q8hpo_108";
|
|
179
|
+
const errorMessage = "_errorMessage_q8hpo_109";
|
|
180
|
+
const loadingContainer = "_loadingContainer_q8hpo_110";
|
|
181
|
+
const hideScrollbar = "_hideScrollbar_q8hpo_102";
|
|
182
|
+
const sr_only = "_sr_only_q8hpo_111";
|
|
183
|
+
const footer = "_footer_q8hpo_540";
|
|
184
|
+
const primary = "_primary_q8hpo_545";
|
|
185
|
+
const secondary = "_secondary_q8hpo_549";
|
|
186
|
+
const tertiary = "_tertiary_q8hpo_553";
|
|
187
|
+
const quaternary = "_quaternary_q8hpo_557";
|
|
188
|
+
const clear = "_clear_q8hpo_561";
|
|
189
|
+
const roundNone = "_roundNone_q8hpo_565";
|
|
190
|
+
const roundSmall = "_roundSmall_q8hpo_569";
|
|
191
|
+
const roundMedium = "_roundMedium_q8hpo_573";
|
|
192
|
+
const roundLarge = "_roundLarge_q8hpo_577";
|
|
193
|
+
const roundFull = "_roundFull_q8hpo_581";
|
|
194
|
+
const shadowNone = "_shadowNone_q8hpo_585";
|
|
195
|
+
const shadowLight = "_shadowLight_q8hpo_588";
|
|
196
|
+
const shadowMedium = "_shadowMedium_q8hpo_591";
|
|
197
|
+
const shadowStrong = "_shadowStrong_q8hpo_594";
|
|
198
|
+
const shadowIntense = "_shadowIntense_q8hpo_597";
|
|
199
|
+
const attachmentStatic = "_attachmentStatic_q8hpo_600";
|
|
200
|
+
const attachmentSticky = "_attachmentSticky_q8hpo_603";
|
|
201
|
+
const attachmentFixed = "_attachmentFixed_q8hpo_611";
|
|
202
|
+
const content = "_content_q8hpo_620";
|
|
203
|
+
const left = "_left_q8hpo_639";
|
|
204
|
+
const links = "_links_q8hpo_662";
|
|
205
|
+
const logo = "_logo_q8hpo_702";
|
|
206
|
+
const social = "_social_q8hpo_718";
|
|
207
|
+
const themeToggle = "_themeToggle_q8hpo_735";
|
|
208
|
+
const spin = "_spin_q8hpo_1";
|
|
209
|
+
const pulse = "_pulse_q8hpo_1";
|
|
210
210
|
const styles = {
|
|
211
211
|
noScroll,
|
|
212
212
|
errorMessage,
|
|
@@ -238,15 +238,15 @@ const styles = {
|
|
|
238
238
|
logo,
|
|
239
239
|
social,
|
|
240
240
|
themeToggle,
|
|
241
|
-
"fade-in": "_fade-
|
|
242
|
-
"slide-up": "_slide-
|
|
243
|
-
"spin-3d": "_spin-
|
|
241
|
+
"fade-in": "_fade-in_q8hpo_1",
|
|
242
|
+
"slide-up": "_slide-up_q8hpo_1",
|
|
243
|
+
"spin-3d": "_spin-3d_q8hpo_1",
|
|
244
244
|
spin,
|
|
245
245
|
pulse,
|
|
246
|
-
"fade-in-up": "_fade-in-
|
|
247
|
-
"progress-grow": "_progress-
|
|
248
|
-
"indeterminate-move": "_indeterminate-
|
|
249
|
-
"skeleton-loading": "_skeleton-
|
|
246
|
+
"fade-in-up": "_fade-in-up_q8hpo_1",
|
|
247
|
+
"progress-grow": "_progress-grow_q8hpo_1",
|
|
248
|
+
"indeterminate-move": "_indeterminate-move_q8hpo_1",
|
|
249
|
+
"skeleton-loading": "_skeleton-loading_q8hpo_1"
|
|
250
250
|
};
|
|
251
251
|
const Footer = (props) => {
|
|
252
252
|
return /* @__PURE__ */ jsx(
|
|
@@ -266,4 +266,4 @@ export {
|
|
|
266
266
|
Footer as F,
|
|
267
267
|
UserThemeSettings as U
|
|
268
268
|
};
|
|
269
|
-
//# sourceMappingURL=Footer-
|
|
269
|
+
//# sourceMappingURL=Footer-BSEbf6CL.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Footer-BeT6tWIv.js","sources":["../../src/components/Select/ThemeSelect/next/ThemeSelect.tsx","../../src/components/Footer/FooterBase.tsx","../../src/components/Footer/next/Footer.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport { useContext, useMemo, forwardRef } from \"react\";\r\nimport { Select } from \"@/index.next\";\r\nimport { ThemeContext } from \"../../../../context/ThemeContext\";\r\nimport {\r\n getDefaultRounding,\r\n getDefaultShadow,\r\n getDefaultTheme,\r\n} from \"@/config/boreal-style-config\";\r\nimport { ThemeSelectProps } from \"../../Select.types\";\r\n\r\nconst UserThemeSettings = forwardRef<HTMLSelectElement, ThemeSelectProps>(\r\n (\r\n {\r\n theme = getDefaultTheme(),\r\n shadow = getDefaultShadow(),\r\n rounding = getDefaultRounding(),\r\n state = \"\",\r\n \"data-testid\": testId = \"theme-select\",\r\n },\r\n ref\r\n ) => {\r\n const ctx = useContext(ThemeContext);\r\n if (!ctx)\r\n throw new Error(\"ThemeContext is undefined. Wrap with ThemeProvider.\");\r\n\r\n const { selectedScheme, setSelectedScheme, schemes } = ctx;\r\n\r\n const options = useMemo(\r\n () =>\r\n schemes.map((scheme, index) => ({\r\n value: String(index),\r\n label: scheme.name,\r\n })),\r\n [schemes]\r\n );\r\n\r\n return (\r\n <div className={`control-container`}>\r\n <Select\r\n ref={ref}\r\n theme={theme}\r\n state={state}\r\n shadow={shadow}\r\n rounding={rounding}\r\n options={options}\r\n data-testid={testId}\r\n value={String(selectedScheme)}\r\n ariaLabel=\"Select Theme\"\r\n onChange={(value: string | number) =>\r\n setSelectedScheme(parseInt(String(value), 10))\r\n }\r\n />\r\n </div>\r\n );\r\n }\r\n);\r\nUserThemeSettings.displayName = \"UserThemeSettings\";\r\nexport default UserThemeSettings;\r\n","import React, { useMemo } from \"react\";\r\nimport { BaseFooterProps, LogoSource } from \"./Footer.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { getDefaultTheme } from \"../../config/boreal-style-config\";\r\nimport { capitalize } from \"@/utils/capitalize\";\r\n\r\nconst FooterBase: React.FC<BaseFooterProps> = ({\r\n theme = getDefaultTheme(),\r\n attachment = \"static\",\r\n shadow = \"none\",\r\n rounding = \"none\",\r\n className = \"\",\r\n \"data-testid\": testId = \"footer\",\r\n copyright,\r\n links = [],\r\n logo,\r\n socialLinks = [],\r\n showThemeSelect = false,\r\n IconButton,\r\n ImageComponent = \"img\",\r\n ThemeSelect,\r\n classMap,\r\n LinkWrapper = ({ href, children, ...rest }) => (\r\n <a href={href} {...rest}>\r\n {children}\r\n </a>\r\n ),\r\n}) => {\r\n const footerClass = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.footer,\r\n classMap[theme],\r\n shadow !== \"none\" && classMap[`shadow${capitalize(shadow)}`],\r\n rounding !== \"none\" && classMap[`round${capitalize(rounding)}`],\r\n classMap[`attachment${capitalize(attachment)}`],\r\n className\r\n ),\r\n [classMap, theme, shadow, rounding, attachment, className]\r\n );\r\n\r\n const isLogoImage = (\r\n v: unknown\r\n ): v is { src: string; width?: number; height?: number } =>\r\n typeof v === \"object\" &&\r\n v !== null &&\r\n \"src\" in (v as Record<string, unknown>);\r\n\r\n const isImgLike = typeof logo === \"string\" || isLogoImage(logo);\r\n\r\n const imgLogo = isImgLike\r\n ? typeof logo === \"string\"\r\n ? { src: logo }\r\n : logo\r\n : undefined;\r\n\r\n const logoSrc = imgLogo?.src;\r\n const logoW = imgLogo?.width ?? 20;\r\n const logoH = imgLogo?.height ?? 20;\r\n\r\n return (\r\n <footer className={footerClass} data-testid={testId}>\r\n <div className={classMap.content}>\r\n <div className={classMap.left} data-testid={`${testId}-left`}>\r\n {isImgLike && logoSrc ? (\r\n typeof ImageComponent === \"string\" ? (\r\n <img\r\n className={classMap.logo}\r\n data-testid={`${testId}-logo`}\r\n loading=\"lazy\"\r\n src={logoSrc}\r\n alt=\"Logo\"\r\n height={logoH}\r\n width={logoW}\r\n />\r\n ) : (\r\n <ImageComponent\r\n className={classMap.logo}\r\n data-testid={`${testId}-logo`}\r\n src={logoSrc}\r\n alt=\"Logo\"\r\n height={logoH}\r\n width={logoW}\r\n />\r\n )\r\n ) : (\r\n <span\r\n className={classMap.logo}\r\n role=\"img\"\r\n aria-label=\"Logo\"\r\n data-testid={`${testId}-logo`}\r\n >\r\n {\r\n logo as Exclude<\r\n LogoSource,\r\n string | { src: string; width?: number; height?: number }\r\n >\r\n }\r\n </span>\r\n )}\r\n\r\n {copyright && (\r\n <div\r\n className={classMap.copyright ?? classMap.left}\r\n data-testid={`${testId}-copyright`}\r\n >\r\n <p>{copyright}</p>\r\n </div>\r\n )}\r\n </div>\r\n\r\n {links.length > 0 && (\r\n <nav\r\n className={classMap.links}\r\n aria-label=\"Footer site links\"\r\n data-testid={`${testId}-nav`}\r\n >\r\n <ul>\r\n {links.map((link, i) => {\r\n const slug = (link.label || link.href || `link-${i}`)\r\n .toLowerCase()\r\n .replace(/\\s+/g, \"-\");\r\n return (\r\n <li key={`${link.href ?? slug}-${i}`}>\r\n <LinkWrapper\r\n href={link.href}\r\n className={classMap.link}\r\n data-testid={`${testId}-link-${slug}`}\r\n >\r\n {link.label}\r\n </LinkWrapper>\r\n </li>\r\n );\r\n })}\r\n </ul>\r\n </nav>\r\n )}\r\n\r\n {showThemeSelect && (\r\n <div\r\n className={classMap.themeToggle}\r\n data-testid={`${testId}-theme-select`}\r\n >\r\n <ThemeSelect theme=\"clear\" shadow=\"none\" aria-label=\"Theme\" />\r\n </div>\r\n )}\r\n\r\n {socialLinks.length > 0 && (\r\n <nav\r\n className={classMap.social}\r\n aria-label=\"Social media\"\r\n data-testid={`${testId}-social`}\r\n >\r\n {socialLinks.map((social, index) => (\r\n <IconButton\r\n key={`${social.href ?? social.title}-${index}`}\r\n icon={social.icon}\r\n href={social.href}\r\n isExternal\r\n shadow=\"none\"\r\n ariaLabel={social.title}\r\n title={social.title}\r\n theme=\"clear\"\r\n data-testid={`${testId}-social-${social.title.toLowerCase().replace(/\\s+/g, \"-\")}`}\r\n />\r\n ))}\r\n </nav>\r\n )}\r\n </div>\r\n </footer>\r\n );\r\n};\r\n\r\nFooterBase.displayName = \"FooterBase\";\r\nexport default FooterBase;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport FooterBase from \"../FooterBase\";\r\nimport { FooterProps } from \"../Footer.types\";\r\nimport { IconButton, ThemeSelect } from \"@/index.next\";\r\nimport Link from \"next/link\";\r\nimport styles from \"./Footer.module.scss\";\r\nimport Image from \"next/image\";\r\n\r\nconst Footer: React.FC<FooterProps> = (props) => {\r\n return (\r\n <FooterBase\r\n {...props}\r\n IconButton={IconButton}\r\n ImageComponent={Image}\r\n ThemeSelect={ThemeSelect}\r\n LinkWrapper={({ href, children, className, ...rest }) => (\r\n <Link href={href} className={className} {...rest}>\r\n {children}\r\n </Link>\r\n )}\r\n classMap={styles}\r\n />\r\n );\r\n};\r\nFooter.displayName = \"Footer\";\r\nexport default Footer;\r\n"],"names":["links","logo","IconButton","social","ThemeSelect"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Footer-BSEbf6CL.js","sources":["../../src/components/Select/ThemeSelect/next/ThemeSelect.tsx","../../src/components/Footer/FooterBase.tsx","../../src/components/Footer/next/Footer.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport { useContext, useMemo, forwardRef } from \"react\";\r\nimport { Select } from \"@/index.next\";\r\nimport { ThemeContext } from \"../../../../context/ThemeContext\";\r\nimport {\r\n getDefaultRounding,\r\n getDefaultShadow,\r\n getDefaultTheme,\r\n} from \"@/config/boreal-style-config\";\r\nimport { ThemeSelectProps } from \"../../Select.types\";\r\n\r\nconst UserThemeSettings = forwardRef<HTMLSelectElement, ThemeSelectProps>(\r\n (\r\n {\r\n theme = getDefaultTheme(),\r\n shadow = getDefaultShadow(),\r\n rounding = getDefaultRounding(),\r\n state = \"\",\r\n \"data-testid\": testId = \"theme-select\",\r\n },\r\n ref\r\n ) => {\r\n const ctx = useContext(ThemeContext);\r\n if (!ctx)\r\n throw new Error(\"ThemeContext is undefined. Wrap with ThemeProvider.\");\r\n\r\n const { selectedScheme, setSelectedScheme, schemes } = ctx;\r\n\r\n const options = useMemo(\r\n () =>\r\n schemes.map((scheme, index) => ({\r\n value: String(index),\r\n label: scheme.name,\r\n })),\r\n [schemes]\r\n );\r\n\r\n return (\r\n <div className={`control-container`}>\r\n <Select\r\n ref={ref}\r\n theme={theme}\r\n state={state}\r\n shadow={shadow}\r\n rounding={rounding}\r\n options={options}\r\n data-testid={testId}\r\n value={String(selectedScheme)}\r\n ariaLabel=\"Select Theme\"\r\n onChange={(value: string | number) =>\r\n setSelectedScheme(parseInt(String(value), 10))\r\n }\r\n />\r\n </div>\r\n );\r\n }\r\n);\r\nUserThemeSettings.displayName = \"UserThemeSettings\";\r\nexport default UserThemeSettings;\r\n","import React, { useMemo } from \"react\";\r\nimport { BaseFooterProps, LogoSource } from \"./Footer.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { getDefaultTheme } from \"../../config/boreal-style-config\";\r\nimport { capitalize } from \"@/utils/capitalize\";\r\n\r\nconst FooterBase: React.FC<BaseFooterProps> = ({\r\n theme = getDefaultTheme(),\r\n attachment = \"static\",\r\n shadow = \"none\",\r\n rounding = \"none\",\r\n className = \"\",\r\n \"data-testid\": testId = \"footer\",\r\n copyright,\r\n links = [],\r\n logo,\r\n socialLinks = [],\r\n showThemeSelect = false,\r\n IconButton,\r\n ImageComponent = \"img\",\r\n ThemeSelect,\r\n classMap,\r\n LinkWrapper = ({ href, children, ...rest }) => (\r\n <a href={href} {...rest}>\r\n {children}\r\n </a>\r\n ),\r\n}) => {\r\n const footerClass = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.footer,\r\n classMap[theme],\r\n shadow !== \"none\" && classMap[`shadow${capitalize(shadow)}`],\r\n rounding !== \"none\" && classMap[`round${capitalize(rounding)}`],\r\n classMap[`attachment${capitalize(attachment)}`],\r\n className\r\n ),\r\n [classMap, theme, shadow, rounding, attachment, className]\r\n );\r\n\r\n const isLogoImage = (\r\n v: unknown\r\n ): v is { src: string; width?: number; height?: number } =>\r\n typeof v === \"object\" &&\r\n v !== null &&\r\n \"src\" in (v as Record<string, unknown>);\r\n\r\n const isImgLike = typeof logo === \"string\" || isLogoImage(logo);\r\n\r\n const imgLogo = isImgLike\r\n ? typeof logo === \"string\"\r\n ? { src: logo }\r\n : logo\r\n : undefined;\r\n\r\n const logoSrc = imgLogo?.src;\r\n const logoW = imgLogo?.width ?? 20;\r\n const logoH = imgLogo?.height ?? 20;\r\n\r\n return (\r\n <footer className={footerClass} data-testid={testId}>\r\n <div className={classMap.content}>\r\n <div className={classMap.left} data-testid={`${testId}-left`}>\r\n {isImgLike && logoSrc ? (\r\n typeof ImageComponent === \"string\" ? (\r\n <img\r\n className={classMap.logo}\r\n data-testid={`${testId}-logo`}\r\n loading=\"lazy\"\r\n src={logoSrc}\r\n alt=\"Logo\"\r\n height={logoH}\r\n width={logoW}\r\n />\r\n ) : (\r\n <ImageComponent\r\n className={classMap.logo}\r\n data-testid={`${testId}-logo`}\r\n src={logoSrc}\r\n alt=\"Logo\"\r\n height={logoH}\r\n width={logoW}\r\n />\r\n )\r\n ) : (\r\n <span\r\n className={classMap.logo}\r\n role=\"img\"\r\n aria-label=\"Logo\"\r\n data-testid={`${testId}-logo`}\r\n >\r\n {\r\n logo as Exclude<\r\n LogoSource,\r\n string | { src: string; width?: number; height?: number }\r\n >\r\n }\r\n </span>\r\n )}\r\n\r\n {copyright && (\r\n <div\r\n className={classMap.copyright ?? classMap.left}\r\n data-testid={`${testId}-copyright`}\r\n >\r\n <p>{copyright}</p>\r\n </div>\r\n )}\r\n </div>\r\n\r\n {links.length > 0 && (\r\n <nav\r\n className={classMap.links}\r\n aria-label=\"Footer site links\"\r\n data-testid={`${testId}-nav`}\r\n >\r\n <ul>\r\n {links.map((link, i) => {\r\n const slug = (link.label || link.href || `link-${i}`)\r\n .toLowerCase()\r\n .replace(/\\s+/g, \"-\");\r\n return (\r\n <li key={`${link.href ?? slug}-${i}`}>\r\n <LinkWrapper\r\n href={link.href}\r\n className={classMap.link}\r\n data-testid={`${testId}-link-${slug}`}\r\n >\r\n {link.label}\r\n </LinkWrapper>\r\n </li>\r\n );\r\n })}\r\n </ul>\r\n </nav>\r\n )}\r\n\r\n {showThemeSelect && (\r\n <div\r\n className={classMap.themeToggle}\r\n data-testid={`${testId}-theme-select`}\r\n >\r\n <ThemeSelect theme=\"clear\" shadow=\"none\" aria-label=\"Theme\" />\r\n </div>\r\n )}\r\n\r\n {socialLinks.length > 0 && (\r\n <nav\r\n className={classMap.social}\r\n aria-label=\"Social media\"\r\n data-testid={`${testId}-social`}\r\n >\r\n {socialLinks.map((social, index) => (\r\n <IconButton\r\n key={`${social.href ?? social.title}-${index}`}\r\n icon={social.icon}\r\n href={social.href}\r\n isExternal\r\n shadow=\"none\"\r\n ariaLabel={social.title}\r\n title={social.title}\r\n theme=\"clear\"\r\n data-testid={`${testId}-social-${social.title.toLowerCase().replace(/\\s+/g, \"-\")}`}\r\n />\r\n ))}\r\n </nav>\r\n )}\r\n </div>\r\n </footer>\r\n );\r\n};\r\n\r\nFooterBase.displayName = \"FooterBase\";\r\nexport default FooterBase;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport FooterBase from \"../FooterBase\";\r\nimport { FooterProps } from \"../Footer.types\";\r\nimport { IconButton, ThemeSelect } from \"@/index.next\";\r\nimport Link from \"next/link\";\r\nimport styles from \"./Footer.module.scss\";\r\nimport Image from \"next/image\";\r\n\r\nconst Footer: React.FC<FooterProps> = (props) => {\r\n return (\r\n <FooterBase\r\n {...props}\r\n IconButton={IconButton}\r\n ImageComponent={Image}\r\n ThemeSelect={ThemeSelect}\r\n LinkWrapper={({ href, children, className, ...rest }) => (\r\n <Link href={href} className={className} {...rest}>\r\n {children}\r\n </Link>\r\n )}\r\n classMap={styles}\r\n />\r\n );\r\n};\r\nFooter.displayName = \"Footer\";\r\nexport default Footer;\r\n"],"names":["links","logo","IconButton","social","ThemeSelect"],"mappings":"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"}
|
|
@@ -176,38 +176,38 @@ const FooterBase = ({
|
|
|
176
176
|
] }) });
|
|
177
177
|
};
|
|
178
178
|
FooterBase.displayName = "FooterBase";
|
|
179
|
-
const noScroll = "
|
|
180
|
-
const errorMessage = "
|
|
181
|
-
const loadingContainer = "
|
|
182
|
-
const hideScrollbar = "
|
|
183
|
-
const sr_only = "
|
|
184
|
-
const footer = "
|
|
185
|
-
const primary = "
|
|
186
|
-
const secondary = "
|
|
187
|
-
const tertiary = "
|
|
188
|
-
const quaternary = "
|
|
189
|
-
const clear = "
|
|
190
|
-
const roundNone = "
|
|
191
|
-
const roundSmall = "
|
|
192
|
-
const roundMedium = "
|
|
193
|
-
const roundLarge = "
|
|
194
|
-
const roundFull = "
|
|
195
|
-
const shadowNone = "
|
|
196
|
-
const shadowLight = "
|
|
197
|
-
const shadowMedium = "
|
|
198
|
-
const shadowStrong = "
|
|
199
|
-
const shadowIntense = "
|
|
200
|
-
const attachmentStatic = "
|
|
201
|
-
const attachmentSticky = "
|
|
202
|
-
const attachmentFixed = "
|
|
203
|
-
const content = "
|
|
204
|
-
const left = "
|
|
205
|
-
const links = "
|
|
206
|
-
const logo = "
|
|
207
|
-
const social = "
|
|
208
|
-
const themeToggle = "
|
|
209
|
-
const spin = "
|
|
210
|
-
const pulse = "
|
|
179
|
+
const noScroll = "_noScroll_q8hpo_108";
|
|
180
|
+
const errorMessage = "_errorMessage_q8hpo_109";
|
|
181
|
+
const loadingContainer = "_loadingContainer_q8hpo_110";
|
|
182
|
+
const hideScrollbar = "_hideScrollbar_q8hpo_102";
|
|
183
|
+
const sr_only = "_sr_only_q8hpo_111";
|
|
184
|
+
const footer = "_footer_q8hpo_540";
|
|
185
|
+
const primary = "_primary_q8hpo_545";
|
|
186
|
+
const secondary = "_secondary_q8hpo_549";
|
|
187
|
+
const tertiary = "_tertiary_q8hpo_553";
|
|
188
|
+
const quaternary = "_quaternary_q8hpo_557";
|
|
189
|
+
const clear = "_clear_q8hpo_561";
|
|
190
|
+
const roundNone = "_roundNone_q8hpo_565";
|
|
191
|
+
const roundSmall = "_roundSmall_q8hpo_569";
|
|
192
|
+
const roundMedium = "_roundMedium_q8hpo_573";
|
|
193
|
+
const roundLarge = "_roundLarge_q8hpo_577";
|
|
194
|
+
const roundFull = "_roundFull_q8hpo_581";
|
|
195
|
+
const shadowNone = "_shadowNone_q8hpo_585";
|
|
196
|
+
const shadowLight = "_shadowLight_q8hpo_588";
|
|
197
|
+
const shadowMedium = "_shadowMedium_q8hpo_591";
|
|
198
|
+
const shadowStrong = "_shadowStrong_q8hpo_594";
|
|
199
|
+
const shadowIntense = "_shadowIntense_q8hpo_597";
|
|
200
|
+
const attachmentStatic = "_attachmentStatic_q8hpo_600";
|
|
201
|
+
const attachmentSticky = "_attachmentSticky_q8hpo_603";
|
|
202
|
+
const attachmentFixed = "_attachmentFixed_q8hpo_611";
|
|
203
|
+
const content = "_content_q8hpo_620";
|
|
204
|
+
const left = "_left_q8hpo_639";
|
|
205
|
+
const links = "_links_q8hpo_662";
|
|
206
|
+
const logo = "_logo_q8hpo_702";
|
|
207
|
+
const social = "_social_q8hpo_718";
|
|
208
|
+
const themeToggle = "_themeToggle_q8hpo_735";
|
|
209
|
+
const spin = "_spin_q8hpo_1";
|
|
210
|
+
const pulse = "_pulse_q8hpo_1";
|
|
211
211
|
const styles = {
|
|
212
212
|
noScroll,
|
|
213
213
|
errorMessage,
|
|
@@ -239,15 +239,15 @@ const styles = {
|
|
|
239
239
|
logo,
|
|
240
240
|
social,
|
|
241
241
|
themeToggle,
|
|
242
|
-
"fade-in": "_fade-
|
|
243
|
-
"slide-up": "_slide-
|
|
244
|
-
"spin-3d": "_spin-
|
|
242
|
+
"fade-in": "_fade-in_q8hpo_1",
|
|
243
|
+
"slide-up": "_slide-up_q8hpo_1",
|
|
244
|
+
"spin-3d": "_spin-3d_q8hpo_1",
|
|
245
245
|
spin,
|
|
246
246
|
pulse,
|
|
247
|
-
"fade-in-up": "_fade-in-
|
|
248
|
-
"progress-grow": "_progress-
|
|
249
|
-
"indeterminate-move": "_indeterminate-
|
|
250
|
-
"skeleton-loading": "_skeleton-
|
|
247
|
+
"fade-in-up": "_fade-in-up_q8hpo_1",
|
|
248
|
+
"progress-grow": "_progress-grow_q8hpo_1",
|
|
249
|
+
"indeterminate-move": "_indeterminate-move_q8hpo_1",
|
|
250
|
+
"skeleton-loading": "_skeleton-loading_q8hpo_1"
|
|
251
251
|
};
|
|
252
252
|
const Footer = (props) => {
|
|
253
253
|
return /* @__PURE__ */ require$$2.jsx(
|
|
@@ -265,4 +265,4 @@ const Footer = (props) => {
|
|
|
265
265
|
Footer.displayName = "Footer";
|
|
266
266
|
exports.Footer = Footer;
|
|
267
267
|
exports.UserThemeSettings = UserThemeSettings;
|
|
268
|
-
//# sourceMappingURL=Footer-
|
|
268
|
+
//# sourceMappingURL=Footer-DAZLz11H.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Footer-C_hq989i.cjs","sources":["../../src/components/Select/ThemeSelect/next/ThemeSelect.tsx","../../src/components/Footer/FooterBase.tsx","../../src/components/Footer/next/Footer.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport { useContext, useMemo, forwardRef } from \"react\";\r\nimport { Select } from \"@/index.next\";\r\nimport { ThemeContext } from \"../../../../context/ThemeContext\";\r\nimport {\r\n getDefaultRounding,\r\n getDefaultShadow,\r\n getDefaultTheme,\r\n} from \"@/config/boreal-style-config\";\r\nimport { ThemeSelectProps } from \"../../Select.types\";\r\n\r\nconst UserThemeSettings = forwardRef<HTMLSelectElement, ThemeSelectProps>(\r\n (\r\n {\r\n theme = getDefaultTheme(),\r\n shadow = getDefaultShadow(),\r\n rounding = getDefaultRounding(),\r\n state = \"\",\r\n \"data-testid\": testId = \"theme-select\",\r\n },\r\n ref\r\n ) => {\r\n const ctx = useContext(ThemeContext);\r\n if (!ctx)\r\n throw new Error(\"ThemeContext is undefined. Wrap with ThemeProvider.\");\r\n\r\n const { selectedScheme, setSelectedScheme, schemes } = ctx;\r\n\r\n const options = useMemo(\r\n () =>\r\n schemes.map((scheme, index) => ({\r\n value: String(index),\r\n label: scheme.name,\r\n })),\r\n [schemes]\r\n );\r\n\r\n return (\r\n <div className={`control-container`}>\r\n <Select\r\n ref={ref}\r\n theme={theme}\r\n state={state}\r\n shadow={shadow}\r\n rounding={rounding}\r\n options={options}\r\n data-testid={testId}\r\n value={String(selectedScheme)}\r\n ariaLabel=\"Select Theme\"\r\n onChange={(value: string | number) =>\r\n setSelectedScheme(parseInt(String(value), 10))\r\n }\r\n />\r\n </div>\r\n );\r\n }\r\n);\r\nUserThemeSettings.displayName = \"UserThemeSettings\";\r\nexport default UserThemeSettings;\r\n","import React, { useMemo } from \"react\";\r\nimport { BaseFooterProps, LogoSource } from \"./Footer.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { getDefaultTheme } from \"../../config/boreal-style-config\";\r\nimport { capitalize } from \"@/utils/capitalize\";\r\n\r\nconst FooterBase: React.FC<BaseFooterProps> = ({\r\n theme = getDefaultTheme(),\r\n attachment = \"static\",\r\n shadow = \"none\",\r\n rounding = \"none\",\r\n className = \"\",\r\n \"data-testid\": testId = \"footer\",\r\n copyright,\r\n links = [],\r\n logo,\r\n socialLinks = [],\r\n showThemeSelect = false,\r\n IconButton,\r\n ImageComponent = \"img\",\r\n ThemeSelect,\r\n classMap,\r\n LinkWrapper = ({ href, children, ...rest }) => (\r\n <a href={href} {...rest}>\r\n {children}\r\n </a>\r\n ),\r\n}) => {\r\n const footerClass = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.footer,\r\n classMap[theme],\r\n shadow !== \"none\" && classMap[`shadow${capitalize(shadow)}`],\r\n rounding !== \"none\" && classMap[`round${capitalize(rounding)}`],\r\n classMap[`attachment${capitalize(attachment)}`],\r\n className\r\n ),\r\n [classMap, theme, shadow, rounding, attachment, className]\r\n );\r\n\r\n const isLogoImage = (\r\n v: unknown\r\n ): v is { src: string; width?: number; height?: number } =>\r\n typeof v === \"object\" &&\r\n v !== null &&\r\n \"src\" in (v as Record<string, unknown>);\r\n\r\n const isImgLike = typeof logo === \"string\" || isLogoImage(logo);\r\n\r\n const imgLogo = isImgLike\r\n ? typeof logo === \"string\"\r\n ? { src: logo }\r\n : logo\r\n : undefined;\r\n\r\n const logoSrc = imgLogo?.src;\r\n const logoW = imgLogo?.width ?? 20;\r\n const logoH = imgLogo?.height ?? 20;\r\n\r\n return (\r\n <footer className={footerClass} data-testid={testId}>\r\n <div className={classMap.content}>\r\n <div className={classMap.left} data-testid={`${testId}-left`}>\r\n {isImgLike && logoSrc ? (\r\n typeof ImageComponent === \"string\" ? (\r\n <img\r\n className={classMap.logo}\r\n data-testid={`${testId}-logo`}\r\n loading=\"lazy\"\r\n src={logoSrc}\r\n alt=\"Logo\"\r\n height={logoH}\r\n width={logoW}\r\n />\r\n ) : (\r\n <ImageComponent\r\n className={classMap.logo}\r\n data-testid={`${testId}-logo`}\r\n src={logoSrc}\r\n alt=\"Logo\"\r\n height={logoH}\r\n width={logoW}\r\n />\r\n )\r\n ) : (\r\n <span\r\n className={classMap.logo}\r\n role=\"img\"\r\n aria-label=\"Logo\"\r\n data-testid={`${testId}-logo`}\r\n >\r\n {\r\n logo as Exclude<\r\n LogoSource,\r\n string | { src: string; width?: number; height?: number }\r\n >\r\n }\r\n </span>\r\n )}\r\n\r\n {copyright && (\r\n <div\r\n className={classMap.copyright ?? classMap.left}\r\n data-testid={`${testId}-copyright`}\r\n >\r\n <p>{copyright}</p>\r\n </div>\r\n )}\r\n </div>\r\n\r\n {links.length > 0 && (\r\n <nav\r\n className={classMap.links}\r\n aria-label=\"Footer site links\"\r\n data-testid={`${testId}-nav`}\r\n >\r\n <ul>\r\n {links.map((link, i) => {\r\n const slug = (link.label || link.href || `link-${i}`)\r\n .toLowerCase()\r\n .replace(/\\s+/g, \"-\");\r\n return (\r\n <li key={`${link.href ?? slug}-${i}`}>\r\n <LinkWrapper\r\n href={link.href}\r\n className={classMap.link}\r\n data-testid={`${testId}-link-${slug}`}\r\n >\r\n {link.label}\r\n </LinkWrapper>\r\n </li>\r\n );\r\n })}\r\n </ul>\r\n </nav>\r\n )}\r\n\r\n {showThemeSelect && (\r\n <div\r\n className={classMap.themeToggle}\r\n data-testid={`${testId}-theme-select`}\r\n >\r\n <ThemeSelect theme=\"clear\" shadow=\"none\" aria-label=\"Theme\" />\r\n </div>\r\n )}\r\n\r\n {socialLinks.length > 0 && (\r\n <nav\r\n className={classMap.social}\r\n aria-label=\"Social media\"\r\n data-testid={`${testId}-social`}\r\n >\r\n {socialLinks.map((social, index) => (\r\n <IconButton\r\n key={`${social.href ?? social.title}-${index}`}\r\n icon={social.icon}\r\n href={social.href}\r\n isExternal\r\n shadow=\"none\"\r\n ariaLabel={social.title}\r\n title={social.title}\r\n theme=\"clear\"\r\n data-testid={`${testId}-social-${social.title.toLowerCase().replace(/\\s+/g, \"-\")}`}\r\n />\r\n ))}\r\n </nav>\r\n )}\r\n </div>\r\n </footer>\r\n );\r\n};\r\n\r\nFooterBase.displayName = \"FooterBase\";\r\nexport default FooterBase;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport FooterBase from \"../FooterBase\";\r\nimport { FooterProps } from \"../Footer.types\";\r\nimport { IconButton, ThemeSelect } from \"@/index.next\";\r\nimport Link from \"next/link\";\r\nimport styles from \"./Footer.module.scss\";\r\nimport Image from \"next/image\";\r\n\r\nconst Footer: React.FC<FooterProps> = (props) => {\r\n return (\r\n <FooterBase\r\n {...props}\r\n IconButton={IconButton}\r\n ImageComponent={Image}\r\n ThemeSelect={ThemeSelect}\r\n LinkWrapper={({ href, children, className, ...rest }) => (\r\n <Link href={href} className={className} {...rest}>\r\n {children}\r\n </Link>\r\n )}\r\n classMap={styles}\r\n />\r\n );\r\n};\r\nFooter.displayName = \"Footer\";\r\nexport default Footer;\r\n"],"names":["forwardRef","getDefaultTheme","getDefaultShadow","getDefaultRounding","useContext","ThemeContext","useMemo","jsx","Select","links","logo","IconButton","combineClassNames","capitalize","jsxs","link","social","Image","ThemeSelect","Link"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Footer-DAZLz11H.cjs","sources":["../../src/components/Select/ThemeSelect/next/ThemeSelect.tsx","../../src/components/Footer/FooterBase.tsx","../../src/components/Footer/next/Footer.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport { useContext, useMemo, forwardRef } from \"react\";\r\nimport { Select } from \"@/index.next\";\r\nimport { ThemeContext } from \"../../../../context/ThemeContext\";\r\nimport {\r\n getDefaultRounding,\r\n getDefaultShadow,\r\n getDefaultTheme,\r\n} from \"@/config/boreal-style-config\";\r\nimport { ThemeSelectProps } from \"../../Select.types\";\r\n\r\nconst UserThemeSettings = forwardRef<HTMLSelectElement, ThemeSelectProps>(\r\n (\r\n {\r\n theme = getDefaultTheme(),\r\n shadow = getDefaultShadow(),\r\n rounding = getDefaultRounding(),\r\n state = \"\",\r\n \"data-testid\": testId = \"theme-select\",\r\n },\r\n ref\r\n ) => {\r\n const ctx = useContext(ThemeContext);\r\n if (!ctx)\r\n throw new Error(\"ThemeContext is undefined. Wrap with ThemeProvider.\");\r\n\r\n const { selectedScheme, setSelectedScheme, schemes } = ctx;\r\n\r\n const options = useMemo(\r\n () =>\r\n schemes.map((scheme, index) => ({\r\n value: String(index),\r\n label: scheme.name,\r\n })),\r\n [schemes]\r\n );\r\n\r\n return (\r\n <div className={`control-container`}>\r\n <Select\r\n ref={ref}\r\n theme={theme}\r\n state={state}\r\n shadow={shadow}\r\n rounding={rounding}\r\n options={options}\r\n data-testid={testId}\r\n value={String(selectedScheme)}\r\n ariaLabel=\"Select Theme\"\r\n onChange={(value: string | number) =>\r\n setSelectedScheme(parseInt(String(value), 10))\r\n }\r\n />\r\n </div>\r\n );\r\n }\r\n);\r\nUserThemeSettings.displayName = \"UserThemeSettings\";\r\nexport default UserThemeSettings;\r\n","import React, { useMemo } from \"react\";\r\nimport { BaseFooterProps, LogoSource } from \"./Footer.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { getDefaultTheme } from \"../../config/boreal-style-config\";\r\nimport { capitalize } from \"@/utils/capitalize\";\r\n\r\nconst FooterBase: React.FC<BaseFooterProps> = ({\r\n theme = getDefaultTheme(),\r\n attachment = \"static\",\r\n shadow = \"none\",\r\n rounding = \"none\",\r\n className = \"\",\r\n \"data-testid\": testId = \"footer\",\r\n copyright,\r\n links = [],\r\n logo,\r\n socialLinks = [],\r\n showThemeSelect = false,\r\n IconButton,\r\n ImageComponent = \"img\",\r\n ThemeSelect,\r\n classMap,\r\n LinkWrapper = ({ href, children, ...rest }) => (\r\n <a href={href} {...rest}>\r\n {children}\r\n </a>\r\n ),\r\n}) => {\r\n const footerClass = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.footer,\r\n classMap[theme],\r\n shadow !== \"none\" && classMap[`shadow${capitalize(shadow)}`],\r\n rounding !== \"none\" && classMap[`round${capitalize(rounding)}`],\r\n classMap[`attachment${capitalize(attachment)}`],\r\n className\r\n ),\r\n [classMap, theme, shadow, rounding, attachment, className]\r\n );\r\n\r\n const isLogoImage = (\r\n v: unknown\r\n ): v is { src: string; width?: number; height?: number } =>\r\n typeof v === \"object\" &&\r\n v !== null &&\r\n \"src\" in (v as Record<string, unknown>);\r\n\r\n const isImgLike = typeof logo === \"string\" || isLogoImage(logo);\r\n\r\n const imgLogo = isImgLike\r\n ? typeof logo === \"string\"\r\n ? { src: logo }\r\n : logo\r\n : undefined;\r\n\r\n const logoSrc = imgLogo?.src;\r\n const logoW = imgLogo?.width ?? 20;\r\n const logoH = imgLogo?.height ?? 20;\r\n\r\n return (\r\n <footer className={footerClass} data-testid={testId}>\r\n <div className={classMap.content}>\r\n <div className={classMap.left} data-testid={`${testId}-left`}>\r\n {isImgLike && logoSrc ? (\r\n typeof ImageComponent === \"string\" ? (\r\n <img\r\n className={classMap.logo}\r\n data-testid={`${testId}-logo`}\r\n loading=\"lazy\"\r\n src={logoSrc}\r\n alt=\"Logo\"\r\n height={logoH}\r\n width={logoW}\r\n />\r\n ) : (\r\n <ImageComponent\r\n className={classMap.logo}\r\n data-testid={`${testId}-logo`}\r\n src={logoSrc}\r\n alt=\"Logo\"\r\n height={logoH}\r\n width={logoW}\r\n />\r\n )\r\n ) : (\r\n <span\r\n className={classMap.logo}\r\n role=\"img\"\r\n aria-label=\"Logo\"\r\n data-testid={`${testId}-logo`}\r\n >\r\n {\r\n logo as Exclude<\r\n LogoSource,\r\n string | { src: string; width?: number; height?: number }\r\n >\r\n }\r\n </span>\r\n )}\r\n\r\n {copyright && (\r\n <div\r\n className={classMap.copyright ?? classMap.left}\r\n data-testid={`${testId}-copyright`}\r\n >\r\n <p>{copyright}</p>\r\n </div>\r\n )}\r\n </div>\r\n\r\n {links.length > 0 && (\r\n <nav\r\n className={classMap.links}\r\n aria-label=\"Footer site links\"\r\n data-testid={`${testId}-nav`}\r\n >\r\n <ul>\r\n {links.map((link, i) => {\r\n const slug = (link.label || link.href || `link-${i}`)\r\n .toLowerCase()\r\n .replace(/\\s+/g, \"-\");\r\n return (\r\n <li key={`${link.href ?? slug}-${i}`}>\r\n <LinkWrapper\r\n href={link.href}\r\n className={classMap.link}\r\n data-testid={`${testId}-link-${slug}`}\r\n >\r\n {link.label}\r\n </LinkWrapper>\r\n </li>\r\n );\r\n })}\r\n </ul>\r\n </nav>\r\n )}\r\n\r\n {showThemeSelect && (\r\n <div\r\n className={classMap.themeToggle}\r\n data-testid={`${testId}-theme-select`}\r\n >\r\n <ThemeSelect theme=\"clear\" shadow=\"none\" aria-label=\"Theme\" />\r\n </div>\r\n )}\r\n\r\n {socialLinks.length > 0 && (\r\n <nav\r\n className={classMap.social}\r\n aria-label=\"Social media\"\r\n data-testid={`${testId}-social`}\r\n >\r\n {socialLinks.map((social, index) => (\r\n <IconButton\r\n key={`${social.href ?? social.title}-${index}`}\r\n icon={social.icon}\r\n href={social.href}\r\n isExternal\r\n shadow=\"none\"\r\n ariaLabel={social.title}\r\n title={social.title}\r\n theme=\"clear\"\r\n data-testid={`${testId}-social-${social.title.toLowerCase().replace(/\\s+/g, \"-\")}`}\r\n />\r\n ))}\r\n </nav>\r\n )}\r\n </div>\r\n </footer>\r\n );\r\n};\r\n\r\nFooterBase.displayName = \"FooterBase\";\r\nexport default FooterBase;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport FooterBase from \"../FooterBase\";\r\nimport { FooterProps } from \"../Footer.types\";\r\nimport { IconButton, ThemeSelect } from \"@/index.next\";\r\nimport Link from \"next/link\";\r\nimport styles from \"./Footer.module.scss\";\r\nimport Image from \"next/image\";\r\n\r\nconst Footer: React.FC<FooterProps> = (props) => {\r\n return (\r\n <FooterBase\r\n {...props}\r\n IconButton={IconButton}\r\n ImageComponent={Image}\r\n ThemeSelect={ThemeSelect}\r\n LinkWrapper={({ href, children, className, ...rest }) => (\r\n <Link href={href} className={className} {...rest}>\r\n {children}\r\n </Link>\r\n )}\r\n classMap={styles}\r\n />\r\n );\r\n};\r\nFooter.displayName = \"Footer\";\r\nexport default Footer;\r\n"],"names":["forwardRef","getDefaultTheme","getDefaultShadow","getDefaultRounding","useContext","ThemeContext","useMemo","jsx","Select","links","logo","IconButton","combineClassNames","capitalize","jsxs","link","social","Image","ThemeSelect","Link"],"mappings":";;;;;;;;;;;AAYA,MAAM,oBAAoBA,MAAAA;AAAAA,EACxB,CACE;AAAA,IACE,QAAQC,kBAAAA,gBAAA;AAAA,IACR,SAASC,kBAAAA,iBAAA;AAAA,IACT,WAAWC,kBAAAA,mBAAA;AAAA,IACX,QAAQ;AAAA,IACR,eAAe,SAAS;AAAA,EAAA,GAE1B,QACG;AACH,UAAM,MAAMC,MAAAA,WAAWC,yBAAY;AACnC,QAAI,CAAC;AACH,YAAM,IAAI,MAAM,qDAAqD;AAEvE,UAAM,EAAE,gBAAgB,mBAAmB,QAAA,IAAY;AAEvD,UAAM,UAAUC,MAAAA;AAAAA,MACd,MACE,QAAQ,IAAI,CAAC,QAAQ,WAAW;AAAA,QAC9B,OAAO,OAAO,KAAK;AAAA,QACnB,OAAO,OAAO;AAAA,MAAA,EACd;AAAA,MACJ,CAAC,OAAO;AAAA,IAAA;AAGV,WACEC,2BAAAA,IAAC,OAAA,EAAI,WAAW,qBACd,UAAAA,2BAAAA;AAAAA,MAACC,OAAAA;AAAAA,MAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,eAAa;AAAA,QACb,OAAO,OAAO,cAAc;AAAA,QAC5B,WAAU;AAAA,QACV,UAAU,CAAC,UACT,kBAAkB,SAAS,OAAO,KAAK,GAAG,EAAE,CAAC;AAAA,MAAA;AAAA,IAAA,GAGnD;AAAA,EAEJ;AACF;AACA,kBAAkB,cAAc;ACpDhC,MAAM,aAAwC,CAAC;AAAA,EAC7C,QAAQP,kBAAAA,gBAAA;AAAA,EACR,aAAa;AAAA,EACb,SAAS;AAAA,EACT,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,eAAe,SAAS;AAAA,EACxB;AAAA,EACA,OAAAQ,SAAQ,CAAA;AAAA,EACR,MAAAC;AAAA,EACA,cAAc,CAAA;AAAA,EACd,kBAAkB;AAAA,EAClB,YAAAC;AAAA,EACA,iBAAiB;AAAA,EACjB;AAAA,EACA;AAAA,EACA,cAAc,CAAC,EAAE,MAAM,UAAU,GAAG,KAAA,MAClCJ,2BAAAA,IAAC,KAAA,EAAE,MAAa,GAAG,MAChB,SAAA,CACH;AAEJ,MAAM;AACJ,QAAM,cAAcD,MAAAA;AAAAA,IAClB,MACEM,WAAAA;AAAAA,MACE,SAAS;AAAA,MACT,SAAS,KAAK;AAAA,MACd,WAAW,UAAU,SAAS,SAASC,sBAAW,MAAM,CAAC,EAAE;AAAA,MAC3D,aAAa,UAAU,SAAS,QAAQA,sBAAW,QAAQ,CAAC,EAAE;AAAA,MAC9D,SAAS,aAAaA,WAAAA,WAAW,UAAU,CAAC,EAAE;AAAA,MAC9C;AAAA,IAAA;AAAA,IAEJ,CAAC,UAAU,OAAO,QAAQ,UAAU,YAAY,SAAS;AAAA,EAAA;AAG3D,QAAM,cAAc,CAClB,MAEA,OAAO,MAAM,YACb,MAAM,QACN,SAAU;AAEZ,QAAM,YAAY,OAAOH,UAAS,YAAY,YAAYA,KAAI;AAE9D,QAAM,UAAU,YACZ,OAAOA,UAAS,WACd,EAAE,KAAKA,UACPA,QACF;AAEJ,QAAM,UAAU,mCAAS;AACzB,QAAM,SAAQ,mCAAS,UAAS;AAChC,QAAM,SAAQ,mCAAS,WAAU;AAEjC,SACEH,2BAAAA,IAAC,UAAA,EAAO,WAAW,aAAa,eAAa,QAC3C,UAAAO,2BAAAA,KAAC,OAAA,EAAI,WAAW,SAAS,SACvB,UAAA;AAAA,IAAAA,2BAAAA,KAAC,SAAI,WAAW,SAAS,MAAM,eAAa,GAAG,MAAM,SAClD,UAAA;AAAA,MAAA,aAAa,UACZ,OAAO,mBAAmB,WACxBP,2BAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAW,SAAS;AAAA,UACpB,eAAa,GAAG,MAAM;AAAA,UACtB,SAAQ;AAAA,UACR,KAAK;AAAA,UACL,KAAI;AAAA,UACJ,QAAQ;AAAA,UACR,OAAO;AAAA,QAAA;AAAA,MAAA,IAGTA,2BAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAW,SAAS;AAAA,UACpB,eAAa,GAAG,MAAM;AAAA,UACtB,KAAK;AAAA,UACL,KAAI;AAAA,UACJ,QAAQ;AAAA,UACR,OAAO;AAAA,QAAA;AAAA,MAAA,IAIXA,2BAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAW,SAAS;AAAA,UACpB,MAAK;AAAA,UACL,cAAW;AAAA,UACX,eAAa,GAAG,MAAM;AAAA,UAGpB,UAAAG;AAAA,QAAA;AAAA,MAAA;AAAA,MAQL,aACCH,2BAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAW,SAAS,aAAa,SAAS;AAAA,UAC1C,eAAa,GAAG,MAAM;AAAA,UAEtB,UAAAA,2BAAAA,IAAC,OAAG,UAAA,UAAA,CAAU;AAAA,QAAA;AAAA,MAAA;AAAA,IAChB,GAEJ;AAAA,IAECE,OAAM,SAAS,KACdF,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW,SAAS;AAAA,QACpB,cAAW;AAAA,QACX,eAAa,GAAG,MAAM;AAAA,QAEtB,yCAAC,MAAA,EACE,UAAAE,OAAM,IAAI,CAACM,OAAM,MAAM;AACtB,gBAAM,QAAQA,MAAK,SAASA,MAAK,QAAQ,QAAQ,CAAC,IAC/C,YAAA,EACA,QAAQ,QAAQ,GAAG;AACtB,gDACG,MAAA,EACC,UAAAR,2BAAAA;AAAAA,YAAC;AAAA,YAAA;AAAA,cACC,MAAMQ,MAAK;AAAA,cACX,WAAW,SAAS;AAAA,cACpB,eAAa,GAAG,MAAM,SAAS,IAAI;AAAA,cAElC,UAAAA,MAAK;AAAA,YAAA;AAAA,UAAA,KAND,GAAGA,MAAK,QAAQ,IAAI,IAAI,CAAC,EAQlC;AAAA,QAEJ,CAAC,EAAA,CACH;AAAA,MAAA;AAAA,IAAA;AAAA,IAIH,mBACCR,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW,SAAS;AAAA,QACpB,eAAa,GAAG,MAAM;AAAA,QAEtB,yCAAC,aAAA,EAAY,OAAM,SAAQ,QAAO,QAAO,cAAW,QAAA,CAAQ;AAAA,MAAA;AAAA,IAAA;AAAA,IAI/D,YAAY,SAAS,KACpBA,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW,SAAS;AAAA,QACpB,cAAW;AAAA,QACX,eAAa,GAAG,MAAM;AAAA,QAErB,UAAA,YAAY,IAAI,CAACS,SAAQ,UACxBT,2BAAAA;AAAAA,UAACI;AAAA,UAAA;AAAA,YAEC,MAAMK,QAAO;AAAA,YACb,MAAMA,QAAO;AAAA,YACb,YAAU;AAAA,YACV,QAAO;AAAA,YACP,WAAWA,QAAO;AAAA,YAClB,OAAOA,QAAO;AAAA,YACd,OAAM;AAAA,YACN,eAAa,GAAG,MAAM,WAAWA,QAAO,MAAM,cAAc,QAAQ,QAAQ,GAAG,CAAC;AAAA,UAAA;AAAA,UAR3E,GAAGA,QAAO,QAAQA,QAAO,KAAK,IAAI,KAAK;AAAA,QAAA,CAU/C;AAAA,MAAA;AAAA,IAAA;AAAA,EACH,EAAA,CAEJ,EAAA,CACF;AAEJ;AAEA,WAAW,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACnKzB,MAAM,SAAgC,CAAC,UAAU;AAC/C,SACET,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MAAA,YACJI,WAAAA;AAAAA,MACA,gBAAgBM,MAAAA;AAAAA,MAAA,aAChBC;AAAAA,MACA,aAAa,CAAC,EAAE,MAAM,UAAU,WAAW,GAAG,KAAA,qCAC3CC,KAAAA,MAAA,EAAK,MAAY,WAAuB,GAAG,MACzC,SAAA,CACH;AAAA,MAEF,UAAU;AAAA,IAAA;AAAA,EAAA;AAGhB;AACA,OAAO,cAAc;;;"}
|
package/dist/next/Footer.cjs.js
CHANGED
package/dist/next/Footer.js
CHANGED
package/dist/next/index.cjs.js
CHANGED
|
@@ -10,7 +10,7 @@ const STT = require("./STT-C6kV0zwW.cjs");
|
|
|
10
10
|
const TextInput = require("./TextInput-Cr0WjibW.cjs");
|
|
11
11
|
const TextArea = require("./TextArea-9AvILSCY.cjs");
|
|
12
12
|
const Select = require("./Select-CSAN6B98.cjs");
|
|
13
|
-
const Footer = require("./Footer-
|
|
13
|
+
const Footer = require("./Footer-DAZLz11H.cjs");
|
|
14
14
|
const FileUpload = require("./FileUpload-MVXOV0j9.cjs");
|
|
15
15
|
const TagInput = require("./TagInput-Dym0BPK1.cjs");
|
|
16
16
|
const RadioButton = require("./RadioButton-6cb-ZRjy.cjs");
|
package/dist/next/index.js
CHANGED
|
@@ -9,7 +9,7 @@ import { S } from "./STT-CCzJFcVP.js";
|
|
|
9
9
|
import { T as T2 } from "./TextInput-D9dzooMU.js";
|
|
10
10
|
import { T as T3 } from "./TextArea-xg4t0Lzo.js";
|
|
11
11
|
import { S as S2 } from "./Select-CZivQIlV.js";
|
|
12
|
-
import { F, U } from "./Footer-
|
|
12
|
+
import { F, U } from "./Footer-BSEbf6CL.js";
|
|
13
13
|
import { F as F2 } from "./FileUpload-CIued3w1.js";
|
|
14
14
|
import { T as T4 } from "./TagInput-DUWgLslk.js";
|
|
15
15
|
import { R } from "./RadioButton-Dz_e0WUT.js";
|
package/dist/next/style.css
CHANGED
|
@@ -17324,7 +17324,7 @@ a:hover {
|
|
|
17324
17324
|
* 9. skeleton-loading
|
|
17325
17325
|
* - Creates a sweeping shimmer effect for skeleton loaders.
|
|
17326
17326
|
*/
|
|
17327
|
-
@keyframes _fade-
|
|
17327
|
+
@keyframes _fade-in_q8hpo_1 {
|
|
17328
17328
|
from {
|
|
17329
17329
|
opacity: 0;
|
|
17330
17330
|
}
|
|
@@ -17332,7 +17332,7 @@ a:hover {
|
|
|
17332
17332
|
opacity: 1;
|
|
17333
17333
|
}
|
|
17334
17334
|
}
|
|
17335
|
-
@keyframes _slide-
|
|
17335
|
+
@keyframes _slide-up_q8hpo_1 {
|
|
17336
17336
|
from {
|
|
17337
17337
|
transform: translateY(100%);
|
|
17338
17338
|
opacity: 0;
|
|
@@ -17342,7 +17342,7 @@ a:hover {
|
|
|
17342
17342
|
opacity: 1;
|
|
17343
17343
|
}
|
|
17344
17344
|
}
|
|
17345
|
-
@keyframes _spin-
|
|
17345
|
+
@keyframes _spin-3d_q8hpo_1 {
|
|
17346
17346
|
0% {
|
|
17347
17347
|
transform: rotateX(0deg) rotateY(0deg);
|
|
17348
17348
|
}
|
|
@@ -17350,7 +17350,7 @@ a:hover {
|
|
|
17350
17350
|
transform: rotateX(360deg) rotateY(360deg);
|
|
17351
17351
|
}
|
|
17352
17352
|
}
|
|
17353
|
-
@keyframes
|
|
17353
|
+
@keyframes _spin_q8hpo_1 {
|
|
17354
17354
|
0% {
|
|
17355
17355
|
transform: rotate(0deg);
|
|
17356
17356
|
}
|
|
@@ -17358,7 +17358,7 @@ a:hover {
|
|
|
17358
17358
|
transform: rotate(360deg);
|
|
17359
17359
|
}
|
|
17360
17360
|
}
|
|
17361
|
-
@keyframes
|
|
17361
|
+
@keyframes _pulse_q8hpo_1 {
|
|
17362
17362
|
0% {
|
|
17363
17363
|
transform: scale(1);
|
|
17364
17364
|
}
|
|
@@ -17369,7 +17369,7 @@ a:hover {
|
|
|
17369
17369
|
transform: scale(1);
|
|
17370
17370
|
}
|
|
17371
17371
|
}
|
|
17372
|
-
@keyframes _fade-in-
|
|
17372
|
+
@keyframes _fade-in-up_q8hpo_1 {
|
|
17373
17373
|
from {
|
|
17374
17374
|
opacity: 0;
|
|
17375
17375
|
transform: translateY(-5px);
|
|
@@ -17379,7 +17379,7 @@ a:hover {
|
|
|
17379
17379
|
transform: translateY(0);
|
|
17380
17380
|
}
|
|
17381
17381
|
}
|
|
17382
|
-
@keyframes _progress-
|
|
17382
|
+
@keyframes _progress-grow_q8hpo_1 {
|
|
17383
17383
|
from {
|
|
17384
17384
|
width: 0;
|
|
17385
17385
|
}
|
|
@@ -17387,7 +17387,7 @@ a:hover {
|
|
|
17387
17387
|
width: 100%;
|
|
17388
17388
|
}
|
|
17389
17389
|
}
|
|
17390
|
-
@keyframes _indeterminate-
|
|
17390
|
+
@keyframes _indeterminate-move_q8hpo_1 {
|
|
17391
17391
|
0% {
|
|
17392
17392
|
transform: translateX(-100%);
|
|
17393
17393
|
}
|
|
@@ -17398,7 +17398,7 @@ a:hover {
|
|
|
17398
17398
|
transform: translateX(100%);
|
|
17399
17399
|
}
|
|
17400
17400
|
}
|
|
17401
|
-
@keyframes _skeleton-
|
|
17401
|
+
@keyframes _skeleton-loading_q8hpo_1 {
|
|
17402
17402
|
0% {
|
|
17403
17403
|
left: -100%;
|
|
17404
17404
|
}
|
|
@@ -17624,16 +17624,16 @@ a:hover {
|
|
|
17624
17624
|
text-decoration: underline;
|
|
17625
17625
|
}
|
|
17626
17626
|
|
|
17627
|
-
.
|
|
17627
|
+
._noScroll_q8hpo_108 {
|
|
17628
17628
|
overflow: hidden;
|
|
17629
17629
|
}
|
|
17630
17630
|
|
|
17631
|
-
.
|
|
17631
|
+
._errorMessage_q8hpo_109 {
|
|
17632
17632
|
color: #f83838;
|
|
17633
17633
|
font-size: 14px;
|
|
17634
17634
|
}
|
|
17635
17635
|
|
|
17636
|
-
.
|
|
17636
|
+
._loadingContainer_q8hpo_110 {
|
|
17637
17637
|
min-height: 100vh;
|
|
17638
17638
|
display: flex;
|
|
17639
17639
|
justify-content: center;
|
|
@@ -17670,16 +17670,16 @@ a:hover {
|
|
|
17670
17670
|
background-color: var(--primary-color-hover);
|
|
17671
17671
|
}
|
|
17672
17672
|
|
|
17673
|
-
.
|
|
17673
|
+
._hideScrollbar_q8hpo_102 {
|
|
17674
17674
|
scrollbar-width: none;
|
|
17675
17675
|
-ms-overflow-style: none;
|
|
17676
17676
|
}
|
|
17677
17677
|
|
|
17678
|
-
.
|
|
17678
|
+
._hideScrollbar_q8hpo_102::-webkit-scrollbar {
|
|
17679
17679
|
display: none;
|
|
17680
17680
|
}
|
|
17681
17681
|
|
|
17682
|
-
.
|
|
17682
|
+
._sr_only_q8hpo_111 {
|
|
17683
17683
|
position: absolute;
|
|
17684
17684
|
width: 1px;
|
|
17685
17685
|
height: 1px;
|
|
@@ -17701,70 +17701,70 @@ a:hover {
|
|
|
17701
17701
|
border: 0;
|
|
17702
17702
|
}
|
|
17703
17703
|
|
|
17704
|
-
.
|
|
17704
|
+
._footer_q8hpo_540 {
|
|
17705
17705
|
display: flex;
|
|
17706
17706
|
justify-content: center;
|
|
17707
17707
|
width: 100%;
|
|
17708
17708
|
}
|
|
17709
|
-
.
|
|
17709
|
+
._footer_q8hpo_540._primary_q8hpo_545 {
|
|
17710
17710
|
background-color: var(--primary-color);
|
|
17711
17711
|
color: var(--text-color-primary);
|
|
17712
17712
|
}
|
|
17713
|
-
.
|
|
17713
|
+
._footer_q8hpo_540._secondary_q8hpo_549 {
|
|
17714
17714
|
background-color: var(--secondary-color);
|
|
17715
17715
|
color: var(--text-color-secondary);
|
|
17716
17716
|
}
|
|
17717
|
-
.
|
|
17717
|
+
._footer_q8hpo_540._tertiary_q8hpo_553 {
|
|
17718
17718
|
background-color: var(--tertiary-color);
|
|
17719
17719
|
color: var(--text-color-primary);
|
|
17720
17720
|
}
|
|
17721
|
-
.
|
|
17721
|
+
._footer_q8hpo_540._quaternary_q8hpo_557 {
|
|
17722
17722
|
background-color: var(--quaternary-color);
|
|
17723
17723
|
color: var(--text-color-primary);
|
|
17724
17724
|
}
|
|
17725
|
-
.
|
|
17725
|
+
._footer_q8hpo_540._clear_q8hpo_561 {
|
|
17726
17726
|
background-color: transparent;
|
|
17727
17727
|
color: var(--text-color-primary);
|
|
17728
17728
|
}
|
|
17729
|
-
.
|
|
17729
|
+
._footer_q8hpo_540._roundNone_q8hpo_565 {
|
|
17730
17730
|
border-top-left-radius: var(--border-radius-none);
|
|
17731
17731
|
border-top-right-radius: var(--border-radius-none);
|
|
17732
17732
|
}
|
|
17733
|
-
.
|
|
17733
|
+
._footer_q8hpo_540._roundSmall_q8hpo_569 {
|
|
17734
17734
|
border-top-left-radius: var(--border-radius-sm);
|
|
17735
17735
|
border-top-right-radius: var(--border-radius-sm);
|
|
17736
17736
|
}
|
|
17737
|
-
.
|
|
17737
|
+
._footer_q8hpo_540._roundMedium_q8hpo_573 {
|
|
17738
17738
|
border-top-left-radius: var(--border-radius-md);
|
|
17739
17739
|
border-top-right-radius: var(--border-radius-md);
|
|
17740
17740
|
}
|
|
17741
|
-
.
|
|
17741
|
+
._footer_q8hpo_540._roundLarge_q8hpo_577 {
|
|
17742
17742
|
border-top-left-radius: var(--border-radius-lg);
|
|
17743
17743
|
border-top-right-radius: var(--border-radius-lg);
|
|
17744
17744
|
}
|
|
17745
|
-
.
|
|
17745
|
+
._footer_q8hpo_540._roundFull_q8hpo_581 {
|
|
17746
17746
|
border-top-left-radius: var(--border-radius-full);
|
|
17747
17747
|
border-top-right-radius: var(--border-radius-full);
|
|
17748
17748
|
}
|
|
17749
|
-
.
|
|
17749
|
+
._footer_q8hpo_540._shadowNone_q8hpo_585 {
|
|
17750
17750
|
box-shadow: var(--box-shadow-none);
|
|
17751
17751
|
}
|
|
17752
|
-
.
|
|
17752
|
+
._footer_q8hpo_540._shadowLight_q8hpo_588 {
|
|
17753
17753
|
box-shadow: var(--box-shadow-light);
|
|
17754
17754
|
}
|
|
17755
|
-
.
|
|
17755
|
+
._footer_q8hpo_540._shadowMedium_q8hpo_591 {
|
|
17756
17756
|
box-shadow: var(--box-shadow-medium);
|
|
17757
17757
|
}
|
|
17758
|
-
.
|
|
17758
|
+
._footer_q8hpo_540._shadowStrong_q8hpo_594 {
|
|
17759
17759
|
box-shadow: var(--box-shadow-heavy);
|
|
17760
17760
|
}
|
|
17761
|
-
.
|
|
17761
|
+
._footer_q8hpo_540._shadowIntense_q8hpo_597 {
|
|
17762
17762
|
box-shadow: var(--box-shadow-intense);
|
|
17763
17763
|
}
|
|
17764
|
-
.
|
|
17764
|
+
._footer_q8hpo_540._attachmentStatic_q8hpo_600 {
|
|
17765
17765
|
position: static;
|
|
17766
17766
|
}
|
|
17767
|
-
.
|
|
17767
|
+
._footer_q8hpo_540._attachmentSticky_q8hpo_603 {
|
|
17768
17768
|
position: sticky;
|
|
17769
17769
|
bottom: 0;
|
|
17770
17770
|
left: 0;
|
|
@@ -17772,7 +17772,7 @@ a:hover {
|
|
|
17772
17772
|
z-index: 100;
|
|
17773
17773
|
padding-bottom: env(safe-area-inset-bottom, 0);
|
|
17774
17774
|
}
|
|
17775
|
-
.
|
|
17775
|
+
._footer_q8hpo_540._attachmentFixed_q8hpo_611 {
|
|
17776
17776
|
position: fixed;
|
|
17777
17777
|
bottom: 0;
|
|
17778
17778
|
left: 0;
|
|
@@ -17781,7 +17781,7 @@ a:hover {
|
|
|
17781
17781
|
padding-bottom: env(safe-area-inset-bottom, 0);
|
|
17782
17782
|
}
|
|
17783
17783
|
|
|
17784
|
-
.
|
|
17784
|
+
._content_q8hpo_620 {
|
|
17785
17785
|
width: 100%;
|
|
17786
17786
|
max-width: 1280px;
|
|
17787
17787
|
display: flex;
|
|
@@ -17792,7 +17792,7 @@ a:hover {
|
|
|
17792
17792
|
gap: 8px;
|
|
17793
17793
|
}
|
|
17794
17794
|
@media (width <= 1023.98px) {
|
|
17795
|
-
.
|
|
17795
|
+
._content_q8hpo_620 {
|
|
17796
17796
|
flex-direction: column;
|
|
17797
17797
|
align-items: center;
|
|
17798
17798
|
justify-content: center;
|
|
@@ -17800,22 +17800,22 @@ a:hover {
|
|
|
17800
17800
|
gap: 16px;
|
|
17801
17801
|
}
|
|
17802
17802
|
}
|
|
17803
|
-
.
|
|
17803
|
+
._content_q8hpo_620 ._left_q8hpo_639 {
|
|
17804
17804
|
display: flex;
|
|
17805
17805
|
align-items: center;
|
|
17806
17806
|
}
|
|
17807
|
-
.
|
|
17807
|
+
._content_q8hpo_620 ._left_q8hpo_639 p {
|
|
17808
17808
|
font-size: 14px;
|
|
17809
17809
|
color: var(--text-color-primary);
|
|
17810
17810
|
margin: 0;
|
|
17811
17811
|
}
|
|
17812
17812
|
@media (min-width: 1024px) {
|
|
17813
|
-
.
|
|
17814
|
-
font-size:
|
|
17813
|
+
._content_q8hpo_620 ._left_q8hpo_639 p {
|
|
17814
|
+
font-size: 16px;
|
|
17815
17815
|
}
|
|
17816
17816
|
}
|
|
17817
17817
|
@media (width <= 1023.98px) {
|
|
17818
|
-
.
|
|
17818
|
+
._content_q8hpo_620 ._left_q8hpo_639 {
|
|
17819
17819
|
flex-direction: column;
|
|
17820
17820
|
align-items: center;
|
|
17821
17821
|
justify-content: center;
|
|
@@ -17823,157 +17823,157 @@ a:hover {
|
|
|
17823
17823
|
gap: 16px;
|
|
17824
17824
|
}
|
|
17825
17825
|
}
|
|
17826
|
-
.
|
|
17826
|
+
._content_q8hpo_620 ._links_q8hpo_662 {
|
|
17827
17827
|
display: flex;
|
|
17828
17828
|
align-items: center;
|
|
17829
17829
|
justify-content: center;
|
|
17830
17830
|
gap: 16px;
|
|
17831
17831
|
padding-left: 24px;
|
|
17832
17832
|
}
|
|
17833
|
-
.
|
|
17833
|
+
._content_q8hpo_620 ._links_q8hpo_662 ul {
|
|
17834
17834
|
list-style: none;
|
|
17835
17835
|
display: flex;
|
|
17836
17836
|
gap: 16px;
|
|
17837
17837
|
padding: 0;
|
|
17838
17838
|
margin: 0;
|
|
17839
17839
|
}
|
|
17840
|
-
.
|
|
17840
|
+
._content_q8hpo_620 ._links_q8hpo_662 li {
|
|
17841
17841
|
display: inline;
|
|
17842
17842
|
}
|
|
17843
|
-
.
|
|
17843
|
+
._content_q8hpo_620 ._links_q8hpo_662 a {
|
|
17844
17844
|
text-decoration: none;
|
|
17845
17845
|
font-size: 14px;
|
|
17846
17846
|
color: var(--text-color-primary);
|
|
17847
17847
|
}
|
|
17848
|
-
.
|
|
17848
|
+
._content_q8hpo_620 ._links_q8hpo_662 a:hover {
|
|
17849
17849
|
text-decoration: underline;
|
|
17850
17850
|
}
|
|
17851
|
-
.
|
|
17851
|
+
._content_q8hpo_620 ._links_q8hpo_662 a:focus-visible {
|
|
17852
17852
|
outline: 2px solid var(--focus-outline-color, var(--primary-color));
|
|
17853
17853
|
outline-offset: 2px;
|
|
17854
17854
|
border-radius: 4px;
|
|
17855
17855
|
}
|
|
17856
17856
|
@media (width <= 1023.98px) {
|
|
17857
|
-
.
|
|
17857
|
+
._content_q8hpo_620 ._links_q8hpo_662 {
|
|
17858
17858
|
padding-left: 0;
|
|
17859
17859
|
}
|
|
17860
|
-
.
|
|
17860
|
+
._content_q8hpo_620 ._links_q8hpo_662 ul {
|
|
17861
17861
|
flex-direction: column;
|
|
17862
17862
|
align-items: center;
|
|
17863
17863
|
gap: 4px;
|
|
17864
17864
|
}
|
|
17865
17865
|
}
|
|
17866
|
-
.
|
|
17866
|
+
._content_q8hpo_620 ._logo_q8hpo_702 {
|
|
17867
17867
|
max-height: 20px;
|
|
17868
17868
|
margin-right: 24px;
|
|
17869
17869
|
}
|
|
17870
|
-
.
|
|
17870
|
+
._content_q8hpo_620 ._logo_q8hpo_702 img {
|
|
17871
17871
|
max-height: 100%;
|
|
17872
17872
|
}
|
|
17873
|
-
.
|
|
17873
|
+
._content_q8hpo_620 ._logo_q8hpo_702 svg {
|
|
17874
17874
|
height: 1em;
|
|
17875
17875
|
width: 1em;
|
|
17876
17876
|
}
|
|
17877
17877
|
@media (width <= 1023.98px) {
|
|
17878
|
-
.
|
|
17878
|
+
._content_q8hpo_620 ._logo_q8hpo_702 {
|
|
17879
17879
|
margin: auto;
|
|
17880
17880
|
}
|
|
17881
17881
|
}
|
|
17882
|
-
.
|
|
17882
|
+
._content_q8hpo_620 ._social_q8hpo_718 {
|
|
17883
17883
|
display: flex;
|
|
17884
17884
|
flex-wrap: wrap;
|
|
17885
17885
|
gap: 4px;
|
|
17886
17886
|
margin-left: auto;
|
|
17887
17887
|
}
|
|
17888
17888
|
@media (width <= 1023.98px) {
|
|
17889
|
-
.
|
|
17889
|
+
._content_q8hpo_620 ._social_q8hpo_718 {
|
|
17890
17890
|
margin-left: 0;
|
|
17891
17891
|
justify-content: center;
|
|
17892
17892
|
}
|
|
17893
17893
|
}
|
|
17894
17894
|
@media (width <= 319.98px) {
|
|
17895
|
-
.
|
|
17895
|
+
._content_q8hpo_620 ._social_q8hpo_718 {
|
|
17896
17896
|
flex-wrap: wrap;
|
|
17897
17897
|
}
|
|
17898
17898
|
}
|
|
17899
|
-
.
|
|
17899
|
+
._content_q8hpo_620 ._themeToggle_q8hpo_735 {
|
|
17900
17900
|
display: flex;
|
|
17901
17901
|
align-items: center;
|
|
17902
17902
|
justify-content: center;
|
|
17903
17903
|
margin-left: auto;
|
|
17904
17904
|
}
|
|
17905
17905
|
@media (width <= 1023.98px) {
|
|
17906
|
-
.
|
|
17906
|
+
._content_q8hpo_620 ._themeToggle_q8hpo_735 {
|
|
17907
17907
|
margin-left: 0;
|
|
17908
17908
|
margin-top: 4px;
|
|
17909
17909
|
}
|
|
17910
17910
|
}
|
|
17911
|
-
.
|
|
17911
|
+
._content_q8hpo_620 ._themeToggle_q8hpo_735:focus-visible {
|
|
17912
17912
|
outline: 2px solid var(--focus-outline-color, var(--primary-color));
|
|
17913
17913
|
outline-offset: 2px;
|
|
17914
17914
|
border-radius: 6px;
|
|
17915
17915
|
}
|
|
17916
17916
|
|
|
17917
|
-
.
|
|
17917
|
+
._roundNone_q8hpo_565 {
|
|
17918
17918
|
border-top-left-radius: var(--border-radius-none);
|
|
17919
17919
|
border-top-right-radius: var(--border-radius-none);
|
|
17920
17920
|
}
|
|
17921
17921
|
|
|
17922
|
-
.
|
|
17922
|
+
._roundSmall_q8hpo_569 {
|
|
17923
17923
|
border-top-left-radius: var(--border-radius-sm);
|
|
17924
17924
|
border-top-right-radius: var(--border-radius-sm);
|
|
17925
17925
|
}
|
|
17926
17926
|
|
|
17927
|
-
.
|
|
17927
|
+
._roundMedium_q8hpo_573 {
|
|
17928
17928
|
border-top-left-radius: var(--border-radius-md);
|
|
17929
17929
|
border-top-right-radius: var(--border-radius-md);
|
|
17930
17930
|
}
|
|
17931
17931
|
|
|
17932
|
-
.
|
|
17932
|
+
._roundLarge_q8hpo_577 {
|
|
17933
17933
|
border-top-left-radius: var(--border-radius-lg);
|
|
17934
17934
|
border-top-right-radius: var(--border-radius-lg);
|
|
17935
17935
|
}
|
|
17936
17936
|
|
|
17937
|
-
.
|
|
17937
|
+
._roundFull_q8hpo_581 {
|
|
17938
17938
|
border-top-left-radius: var(--border-radius-full);
|
|
17939
17939
|
border-top-right-radius: var(--border-radius-full);
|
|
17940
17940
|
}
|
|
17941
17941
|
|
|
17942
|
-
.
|
|
17942
|
+
._shadowNone_q8hpo_585 {
|
|
17943
17943
|
box-shadow: var(--box-shadow-none);
|
|
17944
17944
|
}
|
|
17945
17945
|
|
|
17946
|
-
.
|
|
17946
|
+
._shadowLight_q8hpo_588 {
|
|
17947
17947
|
box-shadow: var(--box-shadow-light);
|
|
17948
17948
|
}
|
|
17949
17949
|
|
|
17950
|
-
.
|
|
17950
|
+
._shadowMedium_q8hpo_591 {
|
|
17951
17951
|
box-shadow: var(--box-shadow-medium);
|
|
17952
17952
|
}
|
|
17953
17953
|
|
|
17954
|
-
.
|
|
17954
|
+
._shadowStrong_q8hpo_594 {
|
|
17955
17955
|
box-shadow: var(--box-shadow-heavy);
|
|
17956
17956
|
}
|
|
17957
17957
|
|
|
17958
|
-
.
|
|
17958
|
+
._shadowIntense_q8hpo_597 {
|
|
17959
17959
|
box-shadow: var(--box-shadow-intense);
|
|
17960
17960
|
}
|
|
17961
17961
|
|
|
17962
17962
|
@media (prefers-reduced-motion: reduce) {
|
|
17963
|
-
.
|
|
17964
|
-
.
|
|
17963
|
+
._footer_q8hpo_540,
|
|
17964
|
+
._footer_q8hpo_540 * {
|
|
17965
17965
|
transition: none !important;
|
|
17966
17966
|
animation: none !important;
|
|
17967
17967
|
}
|
|
17968
17968
|
}
|
|
17969
17969
|
@media (forced-colors: active) {
|
|
17970
|
-
.
|
|
17970
|
+
._footer_q8hpo_540 {
|
|
17971
17971
|
background: Canvas;
|
|
17972
17972
|
color: CanvasText;
|
|
17973
17973
|
outline-color: Highlight;
|
|
17974
17974
|
border-top: 1px solid ButtonText;
|
|
17975
17975
|
}
|
|
17976
|
-
.
|
|
17976
|
+
._content_q8hpo_620 ._links_q8hpo_662 a {
|
|
17977
17977
|
color: LinkText;
|
|
17978
17978
|
text-decoration-color: LinkText;
|
|
17979
17979
|
}
|