@lightsparkdev/ui 1.0.3 → 1.0.5
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/CHANGELOG.md +14 -0
- package/dist/{chunk-54EOEIEN.js → chunk-3DXU76SI.js} +2 -2
- package/dist/{chunk-PQKVR2BR.js → chunk-42D2SXB2.js} +1 -1
- package/dist/{chunk-BSH6WRUZ.js → chunk-45BHB7K7.js} +3 -3
- package/dist/{chunk-35PJW7RT.js → chunk-4EV5IUUJ.js} +2 -2
- package/dist/{chunk-XM2HQVUK.js → chunk-4IHNUHE3.js} +5 -5
- package/dist/{chunk-X4TGLNCH.js → chunk-5JJUXAVA.js} +3 -3
- package/dist/{chunk-ILEZ6AWT.js → chunk-7EAO66LB.js} +5 -5
- package/dist/{chunk-LIQSJ5R7.js → chunk-AKGW3FMJ.js} +21 -13
- package/dist/{chunk-7N2PFDYE.js → chunk-AVV74PTP.js} +2 -2
- package/dist/{chunk-SNFRMD6Z.js → chunk-AXNQ7BDD.js} +4 -4
- package/dist/{chunk-CRTTTIAD.js → chunk-BNHCCR3C.js} +2 -2
- package/dist/{chunk-UH5F35II.js → chunk-BRJKMY6Z.js} +3 -3
- package/dist/{chunk-7WDAN3OC.js → chunk-D4DFISYR.js} +1 -1
- package/dist/chunk-E5DUKMCU.js +65 -0
- package/dist/{chunk-YRNEIRHM.js → chunk-E6ZY35LN.js} +5 -5
- package/dist/{chunk-J3YVJWRG.js → chunk-EHH4M2LZ.js} +5 -5
- package/dist/{chunk-XB4KQFK2.js → chunk-EKU5IWJW.js} +2 -2
- package/dist/chunk-ERNTWEIJ.js +74 -0
- package/dist/{chunk-7IHNYMFQ.js → chunk-FE477HOE.js} +2 -2
- package/dist/{chunk-B6S7Y4K7.js → chunk-GGWFUEDW.js} +2 -2
- package/dist/{chunk-7YY6BH5O.js → chunk-GMEJR5XX.js} +2 -2
- package/dist/{chunk-LOL5TJ3H.js → chunk-GMOJB7PP.js} +16 -16
- package/dist/{chunk-RPNTFEXE.js → chunk-H3UUVMZ3.js} +1 -1
- package/dist/{chunk-WGKUDRZ7.js → chunk-HLZNFEDV.js} +2 -2
- package/dist/{chunk-XDP7GCYE.js → chunk-HNK2KIC7.js} +2 -2
- package/dist/{chunk-BENSR2YW.js → chunk-I3WMJNCP.js} +1 -1
- package/dist/{chunk-BDZ46Z2I.js → chunk-IH5SIRJL.js} +2 -2
- package/dist/{chunk-YIHC25WB.js → chunk-IIRG6R42.js} +3 -3
- package/dist/{chunk-C4KZC45Y.js → chunk-ILCC45G7.js} +54 -71
- package/dist/{chunk-MRGHRTKA.js → chunk-IXAXRBFS.js} +2 -2
- package/dist/{chunk-QQSV7XJX.js → chunk-JZKGVGBU.js} +1 -1
- package/dist/{chunk-XUWFUTR4.js → chunk-KPAVY3UH.js} +3 -1
- package/dist/{chunk-I3FI3FNP.js → chunk-LAGOF7IU.js} +2 -2
- package/dist/{chunk-MWDDIXIP.js → chunk-LH5VFS3E.js} +1 -1
- package/dist/{chunk-2XUHQWCJ.js → chunk-LKJ7QTWL.js} +4 -4
- package/dist/{chunk-N2NPIZCV.js → chunk-M7E2PMFK.js} +9 -9
- package/dist/{chunk-BHP5YL2N.js → chunk-N67Y7GWR.js} +1 -1
- package/dist/{chunk-4BFBANKF.js → chunk-NBIK5O3N.js} +37 -34
- package/dist/{chunk-SLKPLSJU.js → chunk-NK7WH3TK.js} +11 -11
- package/dist/{chunk-KX5QZXCD.js → chunk-NONMMIMQ.js} +1 -1
- package/dist/{chunk-Y7RQUJUS.js → chunk-NWPPTOKK.js} +5 -5
- package/dist/{chunk-4C2TISN7.js → chunk-OPUCWQMK.js} +1 -1
- package/dist/{chunk-GWHKALYQ.js → chunk-PBLWYVQF.js} +2 -2
- package/dist/{chunk-E4DUADXU.js → chunk-PYAKYQWS.js} +1 -1
- package/dist/{chunk-DXA3WUSX.js → chunk-PZTZ4436.js} +2 -2
- package/dist/{chunk-6CNJ5ZCC.js → chunk-Q76C6FJ5.js} +3 -3
- package/dist/{chunk-JNNJVBHF.js → chunk-QBRCVOJ4.js} +14 -10
- package/dist/{chunk-HGOGF6I7.js → chunk-QEZ7L6YF.js} +1 -1
- package/dist/{chunk-435FPPZK.js → chunk-QFVQ6QPA.js} +2 -2
- package/dist/{chunk-WTMJTGW4.js → chunk-QON4D7N2.js} +2 -2
- package/dist/chunk-QTPYP3IK.js +27 -0
- package/dist/{chunk-LH7GLNMY.js → chunk-QZMD3YHI.js} +1 -1
- package/dist/{chunk-VXKNN4SF.js → chunk-RQLRNKOP.js} +17 -16
- package/dist/{chunk-7FHOKVKJ.js → chunk-RRXB5FQC.js} +7 -7
- package/dist/{chunk-AAFUVYVP.js → chunk-SCIQSZSW.js} +1 -1
- package/dist/{chunk-5TTLUOJ5.js → chunk-SIYZ5PZT.js} +1 -1
- package/dist/{chunk-K7FYXGOI.js → chunk-TMIBU4ME.js} +1 -1
- package/dist/{chunk-LTCJ6LNO.js → chunk-TN5UPDZG.js} +1 -1
- package/dist/{chunk-IBZBPQMZ.js → chunk-UAUAYQ3C.js} +14 -5
- package/dist/{chunk-LGKXPUSI.js → chunk-VF5KSAZG.js} +3 -3
- package/dist/{chunk-GSKTHUQJ.js → chunk-XLKL3DNK.js} +2 -2
- package/dist/{chunk-OKXC33OU.js → chunk-XQIQOMNE.js} +5 -2
- package/dist/{chunk-PG2W2HVB.js → chunk-YG5BANJH.js} +2 -2
- package/dist/{chunk-4JHXRPRB.js → chunk-YXAKRSFW.js} +9 -6
- package/dist/{chunk-2AGBCGOW.js → chunk-ZR2TARGX.js} +2 -2
- package/dist/components/Badge.cjs +7784 -7418
- package/dist/components/Badge.d.cts +146 -7
- package/dist/components/Badge.d.ts +146 -7
- package/dist/components/Badge.js +22 -25
- package/dist/components/Banner/Banner.cjs +53 -27
- package/dist/components/Banner/Banner.d.cts +1 -1
- package/dist/components/Banner/Banner.d.ts +1 -1
- package/dist/components/Banner/Banner.js +20 -20
- package/dist/components/Button.cjs +39 -25
- package/dist/components/Button.d.cts +1 -1
- package/dist/components/Button.d.ts +1 -1
- package/dist/components/Button.js +22 -22
- package/dist/components/ButtonRow.cjs +42 -28
- package/dist/components/ButtonRow.d.cts +1 -1
- package/dist/components/ButtonRow.d.ts +1 -1
- package/dist/components/ButtonRow.js +24 -24
- package/dist/components/CardPage.cjs +16 -5
- package/dist/components/CardPage.js +26 -26
- package/dist/components/Checkbox.cjs +6 -4
- package/dist/components/Checkbox.js +4 -4
- package/dist/components/CodeBlock.cjs +16 -5
- package/dist/components/CodeBlock.js +9 -9
- package/dist/components/CodeInput/CodeInput.cjs +16 -5
- package/dist/components/CodeInput/CodeInput.js +7 -7
- package/dist/components/CodeInput/SingleCodeInput.cjs +16 -5
- package/dist/components/CodeInput/SingleCodeInput.js +6 -6
- package/dist/components/Collapsible.cjs +81 -8
- package/dist/components/Collapsible.js +7 -7
- package/dist/components/CommaNumberInput.cjs +16 -5
- package/dist/components/CommaNumberInput.d.cts +1 -1
- package/dist/components/CommaNumberInput.d.ts +1 -1
- package/dist/components/CommaNumberInput.js +12 -12
- package/dist/components/ContentTable.cjs +16 -5
- package/dist/components/ContentTable.js +5 -5
- package/dist/components/CopyToClipboardButton.cjs +16 -5
- package/dist/components/CopyToClipboardButton.js +7 -7
- package/dist/components/CurrencyAmount.cjs +16 -5
- package/dist/components/CurrencyAmount.js +5 -5
- package/dist/components/Drawer.cjs +121 -44
- package/dist/components/Drawer.js +24 -24
- package/dist/components/Dropdown.cjs +16 -5
- package/dist/components/Dropdown.d.cts +1 -1
- package/dist/components/Dropdown.d.ts +1 -1
- package/dist/components/Dropdown.js +7 -7
- package/dist/components/FileInput.cjs +16 -5
- package/dist/components/FileInput.js +11 -11
- package/dist/components/GradientCardHeader.cjs +3 -1
- package/dist/components/GradientCardHeader.js +6 -6
- package/dist/components/Icon/Icon.cjs +16 -5
- package/dist/components/Icon/Icon.d.cts +1 -1
- package/dist/components/Icon/Icon.d.ts +1 -1
- package/dist/components/Icon/Icon.js +4 -4
- package/dist/components/IconWithCircleBackground.cjs +7349 -7340
- package/dist/components/IconWithCircleBackground.js +5 -74
- package/dist/components/InfoIconTooltip.cjs +56 -30
- package/dist/components/InfoIconTooltip.d.cts +1 -1
- package/dist/components/InfoIconTooltip.d.ts +1 -1
- package/dist/components/InfoIconTooltip.js +21 -21
- package/dist/components/LightsparkProvider.cjs +16 -5
- package/dist/components/LightsparkProvider.js +5 -5
- package/dist/components/Loading.cjs +16 -5
- package/dist/components/Loading.js +5 -5
- package/dist/components/Modal.cjs +205 -128
- package/dist/components/Modal.d.cts +9 -9
- package/dist/components/Modal.d.ts +9 -9
- package/dist/components/Modal.js +29 -70
- package/dist/components/PageSection/PageSection.cjs +208 -98
- package/dist/components/PageSection/PageSection.d.cts +1 -1
- package/dist/components/PageSection/PageSection.d.ts +1 -1
- package/dist/components/PageSection/PageSection.js +29 -33
- package/dist/components/PageSection/PageSectionNav.cjs +48 -22
- package/dist/components/PageSection/PageSectionNav.js +22 -22
- package/dist/components/PhoneInput.cjs +16 -5
- package/dist/components/PhoneInput.d.cts +1 -1
- package/dist/components/PhoneInput.d.ts +1 -1
- package/dist/components/PhoneInput.js +12 -12
- package/dist/components/Pill.cjs +16 -5
- package/dist/components/Pill.js +8 -8
- package/dist/components/ProgressBar.cjs +16 -5
- package/dist/components/ProgressBar.js +4 -4
- package/dist/components/Radio.cjs +7412 -7339
- package/dist/components/Radio.js +10 -24
- package/dist/components/SecretContainer.cjs +16 -5
- package/dist/components/SecretContainer.js +8 -8
- package/dist/components/StatusIndicator.cjs +3 -1
- package/dist/components/StatusIndicator.js +5 -5
- package/dist/components/TextButton.cjs +44 -18
- package/dist/components/TextButton.d.cts +1 -1
- package/dist/components/TextButton.d.ts +1 -1
- package/dist/components/TextButton.js +21 -21
- package/dist/components/TextIconAligner.cjs +38 -12
- package/dist/components/TextIconAligner.d.cts +1 -1
- package/dist/components/TextIconAligner.d.ts +1 -1
- package/dist/components/TextIconAligner.js +19 -19
- package/dist/components/TextInput.cjs +16 -5
- package/dist/components/TextInput.d.cts +1 -1
- package/dist/components/TextInput.d.ts +1 -1
- package/dist/components/TextInput.js +11 -11
- package/dist/components/Toasts.cjs +64 -38
- package/dist/components/Toasts.d.cts +1 -1
- package/dist/components/Toasts.d.ts +1 -1
- package/dist/components/Toasts.js +22 -22
- package/dist/components/Toggle.cjs +107 -98
- package/dist/components/Toggle.js +5 -5
- package/dist/components/Tooltip.cjs +16 -5
- package/dist/components/Tooltip.js +4 -4
- package/dist/components/UnstyledButton.cjs +3 -1
- package/dist/components/UnstyledButton.js +4 -4
- package/dist/components/documentation/AnchorLinkHeader.cjs +16 -5
- package/dist/components/documentation/AnchorLinkHeader.d.cts +1 -1
- package/dist/components/documentation/AnchorLinkHeader.d.ts +1 -1
- package/dist/components/documentation/AnchorLinkHeader.js +10 -10
- package/dist/components/documentation/DocsBodyParagraph.cjs +16 -5
- package/dist/components/documentation/DocsBodyParagraph.d.cts +1 -1
- package/dist/components/documentation/DocsBodyParagraph.d.ts +1 -1
- package/dist/components/documentation/DocsBodyParagraph.js +8 -8
- package/dist/components/documentation/DocsBodyStrongParagraph.cjs +16 -5
- package/dist/components/documentation/DocsBodyStrongParagraph.d.cts +1 -1
- package/dist/components/documentation/DocsBodyStrongParagraph.d.ts +1 -1
- package/dist/components/documentation/DocsBodyStrongParagraph.js +8 -8
- package/dist/components/documentation/DocsHeadline.cjs +16 -5
- package/dist/components/documentation/DocsHeadline.d.cts +1 -1
- package/dist/components/documentation/DocsHeadline.d.ts +1 -1
- package/dist/components/documentation/DocsHeadline.js +9 -9
- package/dist/components/documentation/Video.cjs +3 -1
- package/dist/components/documentation/Video.js +3 -3
- package/dist/components/documentation/index.cjs +16 -5
- package/dist/components/documentation/index.d.cts +1 -1
- package/dist/components/documentation/index.d.ts +1 -1
- package/dist/components/documentation/index.js +10 -10
- package/dist/components/index.cjs +8343 -8176
- package/dist/components/index.d.cts +5 -5
- package/dist/components/index.d.ts +5 -5
- package/dist/components/index.js +71 -72
- package/dist/components/typography/Article.cjs +103 -30
- package/dist/components/typography/Article.js +16 -16
- package/dist/components/typography/Body.cjs +16 -5
- package/dist/components/typography/Body.d.cts +2 -2
- package/dist/components/typography/Body.d.ts +2 -2
- package/dist/components/typography/Body.js +8 -8
- package/dist/components/typography/BodyStrong.cjs +16 -5
- package/dist/components/typography/BodyStrong.d.cts +2 -2
- package/dist/components/typography/BodyStrong.d.ts +2 -2
- package/dist/components/typography/BodyStrong.js +8 -8
- package/dist/components/typography/Code.cjs +16 -5
- package/dist/components/typography/Code.d.cts +2 -2
- package/dist/components/typography/Code.d.ts +2 -2
- package/dist/components/typography/Code.js +8 -8
- package/dist/components/typography/Display.cjs +16 -5
- package/dist/components/typography/Display.d.cts +2 -2
- package/dist/components/typography/Display.d.ts +2 -2
- package/dist/components/typography/Display.js +8 -8
- package/dist/components/typography/Headline.cjs +16 -5
- package/dist/components/typography/Headline.d.cts +2 -2
- package/dist/components/typography/Headline.d.ts +2 -2
- package/dist/components/typography/Headline.js +8 -8
- package/dist/components/typography/Label.cjs +16 -5
- package/dist/components/typography/Label.d.cts +2 -2
- package/dist/components/typography/Label.d.ts +2 -2
- package/dist/components/typography/Label.js +8 -8
- package/dist/components/typography/LabelModerate.cjs +16 -5
- package/dist/components/typography/LabelModerate.d.cts +2 -2
- package/dist/components/typography/LabelModerate.d.ts +2 -2
- package/dist/components/typography/LabelModerate.js +8 -8
- package/dist/components/typography/LabelStrong.cjs +16 -5
- package/dist/components/typography/LabelStrong.d.cts +2 -2
- package/dist/components/typography/LabelStrong.d.ts +2 -2
- package/dist/components/typography/LabelStrong.js +8 -8
- package/dist/components/typography/Overline.cjs +16 -5
- package/dist/components/typography/Overline.d.cts +2 -2
- package/dist/components/typography/Overline.d.ts +2 -2
- package/dist/components/typography/Overline.js +8 -8
- package/dist/components/typography/Title.cjs +16 -5
- package/dist/components/typography/Title.d.cts +3 -3
- package/dist/components/typography/Title.d.ts +3 -3
- package/dist/components/typography/Title.js +8 -8
- package/dist/components/typography/index.cjs +103 -30
- package/dist/components/typography/index.d.cts +1 -1
- package/dist/components/typography/index.d.ts +1 -1
- package/dist/components/typography/index.js +24 -25
- package/dist/components/typography/renderTypography.cjs +32 -8
- package/dist/components/typography/renderTypography.d.cts +20 -20
- package/dist/components/typography/renderTypography.d.ts +20 -20
- package/dist/components/typography/renderTypography.js +18 -18
- package/dist/router.cjs +3 -1
- package/dist/router.js +2 -2
- package/dist/styles/buttons.d.cts +1 -1
- package/dist/styles/buttons.d.ts +1 -1
- package/dist/styles/colors.cjs +3 -1
- package/dist/styles/colors.d.cts +3 -1
- package/dist/styles/colors.d.ts +3 -1
- package/dist/styles/colors.js +1 -1
- package/dist/styles/common.cjs +16 -5
- package/dist/styles/common.d.cts +1 -1
- package/dist/styles/common.d.ts +1 -1
- package/dist/styles/common.js +3 -3
- package/dist/styles/fields.cjs +16 -5
- package/dist/styles/fields.d.cts +1 -1
- package/dist/styles/fields.d.ts +1 -1
- package/dist/styles/fields.js +5 -5
- package/dist/styles/global.cjs +16 -5
- package/dist/styles/global.d.cts +1 -1
- package/dist/styles/global.d.ts +1 -1
- package/dist/styles/global.js +4 -4
- package/dist/styles/themes.cjs +16 -5
- package/dist/styles/themes.d.cts +1 -1
- package/dist/styles/themes.d.ts +1 -1
- package/dist/styles/themes.js +2 -2
- package/dist/styles/tokens/spacing.cjs +60 -21
- package/dist/styles/tokens/spacing.d.cts +40 -20
- package/dist/styles/tokens/spacing.d.ts +40 -20
- package/dist/styles/tokens/spacing.js +1 -1
- package/dist/styles/type.cjs +3 -1
- package/dist/styles/type.d.cts +1 -1
- package/dist/styles/type.d.ts +1 -1
- package/dist/styles/type.js +5 -5
- package/dist/styles/typography.cjs +16 -5
- package/dist/styles/typography.d.cts +1 -1
- package/dist/styles/typography.d.ts +1 -1
- package/dist/styles/typography.js +3 -3
- package/dist/styles/utils.cjs +3 -1
- package/dist/styles/utils.js +4 -4
- package/dist/{buttons-36cdd0fe.d.ts → themes-37e92940.d.ts} +91 -74
- package/dist/{buttons-35280bfe.d.ts → themes-832e46b2.d.ts} +91 -74
- package/dist/utils/toNonTypographicReactNodes.cjs +16 -5
- package/dist/utils/toNonTypographicReactNodes.d.cts +1 -1
- package/dist/utils/toNonTypographicReactNodes.d.ts +1 -1
- package/dist/utils/toNonTypographicReactNodes.js +6 -6
- package/dist/utils/toReactNodes.cjs +57 -22
- package/dist/utils/toReactNodes.d.cts +13 -9
- package/dist/utils/toReactNodes.d.ts +13 -9
- package/dist/utils/toReactNodes.js +21 -19
- package/package.json +2 -2
- package/dist/chunk-3XSQV5U4.js +0 -26
- package/dist/chunk-B2VYAIYR.js +0 -0
- package/dist/chunk-SEZEDINC.js +0 -35
|
@@ -53,8 +53,99 @@ __export(Toggle_exports, {
|
|
|
53
53
|
module.exports = __toCommonJS(Toggle_exports);
|
|
54
54
|
var import_styled3 = __toESM(require("@emotion/styled"), 1);
|
|
55
55
|
|
|
56
|
-
// src/
|
|
57
|
-
var
|
|
56
|
+
// src/styles/colors.tsx
|
|
57
|
+
var neutral = {
|
|
58
|
+
black: "#000000",
|
|
59
|
+
gray5: "#0D0D0D",
|
|
60
|
+
gray10: "#1A1A1A",
|
|
61
|
+
gray15: "#262626",
|
|
62
|
+
gray20: "#333333",
|
|
63
|
+
gray25: "#404040",
|
|
64
|
+
gray30: "#4D4D4D",
|
|
65
|
+
gray40: "#666666",
|
|
66
|
+
gray50: "#808080",
|
|
67
|
+
gray60: "#999999",
|
|
68
|
+
gray70: "#B3B3B3",
|
|
69
|
+
gray80: "#CCCCCC",
|
|
70
|
+
gray85: "#D9D9D9",
|
|
71
|
+
gray90: "#E6E6E6",
|
|
72
|
+
gray91: "#171717",
|
|
73
|
+
gray95: "#F2F2F2",
|
|
74
|
+
gray98: "#F9F9F9",
|
|
75
|
+
white: "#FFFFFF"
|
|
76
|
+
};
|
|
77
|
+
var darkGradient = "#1d1d1d linear-gradient(180deg, #090909 63.08%, #1d1d1d 100.52%)";
|
|
78
|
+
var primary = "#FFF14E";
|
|
79
|
+
var baseColors = __spreadProps(__spreadValues({}, neutral), {
|
|
80
|
+
// green
|
|
81
|
+
success: "#17C27C",
|
|
82
|
+
green33: "#179257",
|
|
83
|
+
// blue
|
|
84
|
+
blue43: "#145BC6",
|
|
85
|
+
blue22: "#0E2E60",
|
|
86
|
+
blue39: "#0068C9",
|
|
87
|
+
blue37: "#21529c",
|
|
88
|
+
blue58: "#28BFFF",
|
|
89
|
+
// less than 50% saturated blue
|
|
90
|
+
grayBlue5: "#0c0d0f",
|
|
91
|
+
grayBlue9: "#16171A",
|
|
92
|
+
grayBlue18: "#21283a",
|
|
93
|
+
grayBlue32: "#4F5156",
|
|
94
|
+
grayBlue43: "#686A72",
|
|
95
|
+
grayBlue45: "#676F80",
|
|
96
|
+
grayBlue57: "#8B8E98",
|
|
97
|
+
grayBlue67: "#9BA7B9",
|
|
98
|
+
grayBlue80: "#C0C9D6",
|
|
99
|
+
grayBlue88: "#DEDFE4",
|
|
100
|
+
grayBlue94: "#EBEEF2",
|
|
101
|
+
grayBlue96: "#F2F5F7",
|
|
102
|
+
// purple
|
|
103
|
+
purple43: "#820AD1",
|
|
104
|
+
purple55: "#8B38DE",
|
|
105
|
+
// red
|
|
106
|
+
red42a10: "#D800271A",
|
|
107
|
+
// yellow
|
|
108
|
+
primary,
|
|
109
|
+
warning: primary,
|
|
110
|
+
// orange
|
|
111
|
+
danger: "#FD2C0F",
|
|
112
|
+
// neutral
|
|
113
|
+
secondary: neutral.black
|
|
114
|
+
});
|
|
115
|
+
var colors = baseColors;
|
|
116
|
+
function hcNeutralFromBg(bgHex, defaultHex = colors.black, altHex = colors.white) {
|
|
117
|
+
const bgRGB = hexToRGB(bgHex);
|
|
118
|
+
const hcRGB = hexToRGB(defaultHex);
|
|
119
|
+
if (!bgRGB || !hcRGB)
|
|
120
|
+
return defaultHex;
|
|
121
|
+
const c = contrast(bgRGB, hcRGB);
|
|
122
|
+
if (c < 4.5) {
|
|
123
|
+
return altHex;
|
|
124
|
+
}
|
|
125
|
+
return defaultHex;
|
|
126
|
+
}
|
|
127
|
+
function luminance(r, g, b) {
|
|
128
|
+
const a = [r, g, b].map(function(v) {
|
|
129
|
+
v /= 255;
|
|
130
|
+
return v <= 0.03928 ? v / 12.92 : Math.pow((v + 0.055) / 1.055, 2.4);
|
|
131
|
+
});
|
|
132
|
+
return a[0] * 0.2126 + a[1] * 0.7152 + a[2] * 0.0722;
|
|
133
|
+
}
|
|
134
|
+
function contrast(rgb1, rgb2) {
|
|
135
|
+
const lum1 = luminance(rgb1[0], rgb1[1], rgb1[2]);
|
|
136
|
+
const lum2 = luminance(rgb2[0], rgb2[1], rgb2[2]);
|
|
137
|
+
const brightest = Math.max(lum1, lum2);
|
|
138
|
+
const darkest = Math.min(lum1, lum2);
|
|
139
|
+
return (brightest + 0.05) / (darkest + 0.05);
|
|
140
|
+
}
|
|
141
|
+
function hexToRGB(hex) {
|
|
142
|
+
const result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
|
|
143
|
+
return result ? [
|
|
144
|
+
parseInt(result[1], 16),
|
|
145
|
+
parseInt(result[2], 16),
|
|
146
|
+
parseInt(result[3], 16)
|
|
147
|
+
] : [0, 0, 0];
|
|
148
|
+
}
|
|
58
149
|
|
|
59
150
|
// src/styles/common.tsx
|
|
60
151
|
var import_react4 = require("@emotion/react");
|
|
@@ -156,98 +247,6 @@ function inRange(currentBp, assertBp) {
|
|
|
156
247
|
return false;
|
|
157
248
|
}
|
|
158
249
|
|
|
159
|
-
// src/styles/colors.tsx
|
|
160
|
-
var neutral = {
|
|
161
|
-
black: "#000000",
|
|
162
|
-
gray5: "#0D0D0D",
|
|
163
|
-
gray10: "#1A1A1A",
|
|
164
|
-
gray15: "#262626",
|
|
165
|
-
gray20: "#333333",
|
|
166
|
-
gray25: "#404040",
|
|
167
|
-
gray30: "#4D4D4D",
|
|
168
|
-
gray40: "#666666",
|
|
169
|
-
gray50: "#808080",
|
|
170
|
-
gray57: "#8B8E98",
|
|
171
|
-
gray60: "#999999",
|
|
172
|
-
gray70: "#B3B3B3",
|
|
173
|
-
gray80: "#CCCCCC",
|
|
174
|
-
gray85: "#D9D9D9",
|
|
175
|
-
gray90: "#E6E6E6",
|
|
176
|
-
gray91: "#171717",
|
|
177
|
-
gray95: "#F2F2F2",
|
|
178
|
-
gray98: "#F9F9F9",
|
|
179
|
-
white: "#FFFFFF"
|
|
180
|
-
};
|
|
181
|
-
var darkGradient = "#1d1d1d linear-gradient(180deg, #090909 63.08%, #1d1d1d 100.52%)";
|
|
182
|
-
var primary = "#FFF14E";
|
|
183
|
-
var baseColors = __spreadProps(__spreadValues({}, neutral), {
|
|
184
|
-
// green
|
|
185
|
-
success: "#17C27C",
|
|
186
|
-
green33: "#179257",
|
|
187
|
-
// blue
|
|
188
|
-
blue43: "#145BC6",
|
|
189
|
-
blue22: "#0E2E60",
|
|
190
|
-
blue39: "#0068C9",
|
|
191
|
-
blue37: "#21529c",
|
|
192
|
-
blue58: "#28BFFF",
|
|
193
|
-
// less than 50% saturated blue
|
|
194
|
-
grayBlue9: "#16171A",
|
|
195
|
-
grayBlue32: "#4F5156",
|
|
196
|
-
grayBlue43: "#686A72",
|
|
197
|
-
grayBlue45: "#676F80",
|
|
198
|
-
grayBlue67: "#9BA7B9",
|
|
199
|
-
grayBlue80: "#C0C9D6",
|
|
200
|
-
grayBlue88: "#DEDFE4",
|
|
201
|
-
grayBlue94: "#EBEEF2",
|
|
202
|
-
grayBlue96: "#F2F5F7",
|
|
203
|
-
// purple
|
|
204
|
-
purple43: "#820AD1",
|
|
205
|
-
purple55: "#8B38DE",
|
|
206
|
-
// red
|
|
207
|
-
red42a10: "#D800271A",
|
|
208
|
-
// yellow
|
|
209
|
-
primary,
|
|
210
|
-
warning: primary,
|
|
211
|
-
// orange
|
|
212
|
-
danger: "#FD2C0F",
|
|
213
|
-
// neutral
|
|
214
|
-
secondary: neutral.black
|
|
215
|
-
});
|
|
216
|
-
var colors = baseColors;
|
|
217
|
-
function hcNeutralFromBg(bgHex, defaultHex = colors.black, altHex = colors.white) {
|
|
218
|
-
const bgRGB = hexToRGB(bgHex);
|
|
219
|
-
const hcRGB = hexToRGB(defaultHex);
|
|
220
|
-
if (!bgRGB || !hcRGB)
|
|
221
|
-
return defaultHex;
|
|
222
|
-
const c = contrast(bgRGB, hcRGB);
|
|
223
|
-
if (c < 4.5) {
|
|
224
|
-
return altHex;
|
|
225
|
-
}
|
|
226
|
-
return defaultHex;
|
|
227
|
-
}
|
|
228
|
-
function luminance(r, g, b) {
|
|
229
|
-
const a = [r, g, b].map(function(v) {
|
|
230
|
-
v /= 255;
|
|
231
|
-
return v <= 0.03928 ? v / 12.92 : Math.pow((v + 0.055) / 1.055, 2.4);
|
|
232
|
-
});
|
|
233
|
-
return a[0] * 0.2126 + a[1] * 0.7152 + a[2] * 0.0722;
|
|
234
|
-
}
|
|
235
|
-
function contrast(rgb1, rgb2) {
|
|
236
|
-
const lum1 = luminance(rgb1[0], rgb1[1], rgb1[2]);
|
|
237
|
-
const lum2 = luminance(rgb2[0], rgb2[1], rgb2[2]);
|
|
238
|
-
const brightest = Math.max(lum1, lum2);
|
|
239
|
-
const darkest = Math.min(lum1, lum2);
|
|
240
|
-
return (brightest + 0.05) / (darkest + 0.05);
|
|
241
|
-
}
|
|
242
|
-
function hexToRGB(hex) {
|
|
243
|
-
const result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
|
|
244
|
-
return result ? [
|
|
245
|
-
parseInt(result[1], 16),
|
|
246
|
-
parseInt(result[2], 16),
|
|
247
|
-
parseInt(result[3], 16)
|
|
248
|
-
] : [0, 0, 0];
|
|
249
|
-
}
|
|
250
|
-
|
|
251
250
|
// src/styles/themes.tsx
|
|
252
251
|
var import_react3 = require("@emotion/react");
|
|
253
252
|
var import_deepmerge = __toESM(require("deepmerge"), 1);
|
|
@@ -3512,8 +3511,7 @@ var baseThemeColors = {
|
|
|
3512
3511
|
success: colors.success,
|
|
3513
3512
|
text: colors.black,
|
|
3514
3513
|
vlcNeutral: colors.gray95,
|
|
3515
|
-
warning: colors.warning
|
|
3516
|
-
inputBackground: colors.white
|
|
3514
|
+
warning: colors.warning
|
|
3517
3515
|
};
|
|
3518
3516
|
var themeOrColorKeyValues = [
|
|
3519
3517
|
...Object.keys(baseThemeColors),
|
|
@@ -3525,6 +3523,10 @@ var baseTheme = __spreadProps(__spreadValues({}, baseThemeColors), {
|
|
|
3525
3523
|
typography: getTypography("Lightspark" /* Lightspark */),
|
|
3526
3524
|
hcNeutralFromBg: (bgHex) => hcNeutralFromBg(bgHex, colors.black, colors.white),
|
|
3527
3525
|
buttons: defaultButtonsTheme,
|
|
3526
|
+
badge: {
|
|
3527
|
+
bg: "c05Neutral"
|
|
3528
|
+
},
|
|
3529
|
+
inputBackground: colors.white,
|
|
3528
3530
|
loading: "LoadingSpinner"
|
|
3529
3531
|
});
|
|
3530
3532
|
var lightBaseTheme = baseTheme;
|
|
@@ -3562,7 +3564,10 @@ var darkBaseTheme = {
|
|
|
3562
3564
|
warning: colors.warning,
|
|
3563
3565
|
buttons: defaultButtonsTheme,
|
|
3564
3566
|
loading: "LoadingSpinner",
|
|
3565
|
-
inputBackground: colors.black
|
|
3567
|
+
inputBackground: colors.black,
|
|
3568
|
+
badge: {
|
|
3569
|
+
bg: "c15Neutral"
|
|
3570
|
+
}
|
|
3566
3571
|
};
|
|
3567
3572
|
var lightTheme = extend(lightBaseTheme, {
|
|
3568
3573
|
header: extendBase(lightBaseTheme, {
|
|
@@ -3678,7 +3683,10 @@ var bridgeBaseSettings = {
|
|
|
3678
3683
|
defaultBorderWidth: 1
|
|
3679
3684
|
}
|
|
3680
3685
|
}
|
|
3681
|
-
})
|
|
3686
|
+
}),
|
|
3687
|
+
badge: {
|
|
3688
|
+
bg: "grayBlue94"
|
|
3689
|
+
}
|
|
3682
3690
|
};
|
|
3683
3691
|
var bridgeLightTheme = extend(lightTheme, __spreadProps(__spreadValues({}, bridgeBaseSettings), {
|
|
3684
3692
|
type: "bridgeLight" /* BridgeLight */,
|
|
@@ -3795,6 +3803,7 @@ var darkGradientBg = import_react4.css`
|
|
|
3795
3803
|
`;
|
|
3796
3804
|
|
|
3797
3805
|
// src/components/UnstyledButton.tsx
|
|
3806
|
+
var import_styled2 = __toESM(require("@emotion/styled"), 1);
|
|
3798
3807
|
var UnstyledButton = import_styled2.default.button`
|
|
3799
3808
|
${standardFocusOutline}
|
|
3800
3809
|
font-family: ${({ theme }) => theme.typography.fontFamilies.main};
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
import {
|
|
2
2
|
Toggle,
|
|
3
3
|
ToggleContainer
|
|
4
|
-
} from "../chunk-
|
|
5
|
-
import "../chunk-
|
|
6
|
-
import "../chunk-
|
|
7
|
-
import "../chunk-
|
|
4
|
+
} from "../chunk-AXNQ7BDD.js";
|
|
5
|
+
import "../chunk-TN5UPDZG.js";
|
|
6
|
+
import "../chunk-YG5BANJH.js";
|
|
7
|
+
import "../chunk-UAUAYQ3C.js";
|
|
8
8
|
import "../chunk-ENBUKLVT.js";
|
|
9
9
|
import "../chunk-JSGRNWSB.js";
|
|
10
10
|
import "../chunk-FO7I4E45.js";
|
|
11
|
-
import "../chunk-
|
|
11
|
+
import "../chunk-KPAVY3UH.js";
|
|
12
12
|
import "../chunk-LOPKRCGI.js";
|
|
13
13
|
export {
|
|
14
14
|
Toggle,
|
|
@@ -167,7 +167,6 @@ var neutral = {
|
|
|
167
167
|
gray30: "#4D4D4D",
|
|
168
168
|
gray40: "#666666",
|
|
169
169
|
gray50: "#808080",
|
|
170
|
-
gray57: "#8B8E98",
|
|
171
170
|
gray60: "#999999",
|
|
172
171
|
gray70: "#B3B3B3",
|
|
173
172
|
gray80: "#CCCCCC",
|
|
@@ -191,10 +190,13 @@ var baseColors = __spreadProps(__spreadValues({}, neutral), {
|
|
|
191
190
|
blue37: "#21529c",
|
|
192
191
|
blue58: "#28BFFF",
|
|
193
192
|
// less than 50% saturated blue
|
|
193
|
+
grayBlue5: "#0c0d0f",
|
|
194
194
|
grayBlue9: "#16171A",
|
|
195
|
+
grayBlue18: "#21283a",
|
|
195
196
|
grayBlue32: "#4F5156",
|
|
196
197
|
grayBlue43: "#686A72",
|
|
197
198
|
grayBlue45: "#676F80",
|
|
199
|
+
grayBlue57: "#8B8E98",
|
|
198
200
|
grayBlue67: "#9BA7B9",
|
|
199
201
|
grayBlue80: "#C0C9D6",
|
|
200
202
|
grayBlue88: "#DEDFE4",
|
|
@@ -3512,8 +3514,7 @@ var baseThemeColors = {
|
|
|
3512
3514
|
success: colors.success,
|
|
3513
3515
|
text: colors.black,
|
|
3514
3516
|
vlcNeutral: colors.gray95,
|
|
3515
|
-
warning: colors.warning
|
|
3516
|
-
inputBackground: colors.white
|
|
3517
|
+
warning: colors.warning
|
|
3517
3518
|
};
|
|
3518
3519
|
var themeOrColorKeyValues = [
|
|
3519
3520
|
...Object.keys(baseThemeColors),
|
|
@@ -3525,6 +3526,10 @@ var baseTheme = __spreadProps(__spreadValues({}, baseThemeColors), {
|
|
|
3525
3526
|
typography: getTypography("Lightspark" /* Lightspark */),
|
|
3526
3527
|
hcNeutralFromBg: (bgHex) => hcNeutralFromBg(bgHex, colors.black, colors.white),
|
|
3527
3528
|
buttons: defaultButtonsTheme,
|
|
3529
|
+
badge: {
|
|
3530
|
+
bg: "c05Neutral"
|
|
3531
|
+
},
|
|
3532
|
+
inputBackground: colors.white,
|
|
3528
3533
|
loading: "LoadingSpinner"
|
|
3529
3534
|
});
|
|
3530
3535
|
var lightBaseTheme = baseTheme;
|
|
@@ -3562,7 +3567,10 @@ var darkBaseTheme = {
|
|
|
3562
3567
|
warning: colors.warning,
|
|
3563
3568
|
buttons: defaultButtonsTheme,
|
|
3564
3569
|
loading: "LoadingSpinner",
|
|
3565
|
-
inputBackground: colors.black
|
|
3570
|
+
inputBackground: colors.black,
|
|
3571
|
+
badge: {
|
|
3572
|
+
bg: "c15Neutral"
|
|
3573
|
+
}
|
|
3566
3574
|
};
|
|
3567
3575
|
var lightTheme = extend(lightBaseTheme, {
|
|
3568
3576
|
header: extendBase(lightBaseTheme, {
|
|
@@ -3678,7 +3686,10 @@ var bridgeBaseSettings = {
|
|
|
3678
3686
|
defaultBorderWidth: 1
|
|
3679
3687
|
}
|
|
3680
3688
|
}
|
|
3681
|
-
})
|
|
3689
|
+
}),
|
|
3690
|
+
badge: {
|
|
3691
|
+
bg: "grayBlue94"
|
|
3692
|
+
}
|
|
3682
3693
|
};
|
|
3683
3694
|
var bridgeLightTheme = extend(lightTheme, __spreadProps(__spreadValues({}, bridgeBaseSettings), {
|
|
3684
3695
|
type: "bridgeLight" /* BridgeLight */,
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import {
|
|
2
2
|
Tooltip
|
|
3
|
-
} from "../chunk-
|
|
3
|
+
} from "../chunk-H3UUVMZ3.js";
|
|
4
4
|
import "../chunk-55OQPFLF.js";
|
|
5
|
-
import "../chunk-
|
|
6
|
-
import "../chunk-
|
|
5
|
+
import "../chunk-YG5BANJH.js";
|
|
6
|
+
import "../chunk-UAUAYQ3C.js";
|
|
7
7
|
import "../chunk-ENBUKLVT.js";
|
|
8
8
|
import "../chunk-JSGRNWSB.js";
|
|
9
9
|
import "../chunk-FO7I4E45.js";
|
|
10
|
-
import "../chunk-
|
|
10
|
+
import "../chunk-KPAVY3UH.js";
|
|
11
11
|
import "../chunk-LOPKRCGI.js";
|
|
12
12
|
export {
|
|
13
13
|
Tooltip
|
|
@@ -163,7 +163,6 @@ var neutral = {
|
|
|
163
163
|
gray30: "#4D4D4D",
|
|
164
164
|
gray40: "#666666",
|
|
165
165
|
gray50: "#808080",
|
|
166
|
-
gray57: "#8B8E98",
|
|
167
166
|
gray60: "#999999",
|
|
168
167
|
gray70: "#B3B3B3",
|
|
169
168
|
gray80: "#CCCCCC",
|
|
@@ -187,10 +186,13 @@ var baseColors = __spreadProps(__spreadValues({}, neutral), {
|
|
|
187
186
|
blue37: "#21529c",
|
|
188
187
|
blue58: "#28BFFF",
|
|
189
188
|
// less than 50% saturated blue
|
|
189
|
+
grayBlue5: "#0c0d0f",
|
|
190
190
|
grayBlue9: "#16171A",
|
|
191
|
+
grayBlue18: "#21283a",
|
|
191
192
|
grayBlue32: "#4F5156",
|
|
192
193
|
grayBlue43: "#686A72",
|
|
193
194
|
grayBlue45: "#676F80",
|
|
195
|
+
grayBlue57: "#8B8E98",
|
|
194
196
|
grayBlue67: "#9BA7B9",
|
|
195
197
|
grayBlue80: "#C0C9D6",
|
|
196
198
|
grayBlue88: "#DEDFE4",
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import {
|
|
2
2
|
UnstyledButton
|
|
3
|
-
} from "../chunk-
|
|
4
|
-
import "../chunk-
|
|
5
|
-
import "../chunk-
|
|
3
|
+
} from "../chunk-TN5UPDZG.js";
|
|
4
|
+
import "../chunk-YG5BANJH.js";
|
|
5
|
+
import "../chunk-UAUAYQ3C.js";
|
|
6
6
|
import "../chunk-ENBUKLVT.js";
|
|
7
7
|
import "../chunk-JSGRNWSB.js";
|
|
8
8
|
import "../chunk-FO7I4E45.js";
|
|
9
|
-
import "../chunk-
|
|
9
|
+
import "../chunk-KPAVY3UH.js";
|
|
10
10
|
import "../chunk-LOPKRCGI.js";
|
|
11
11
|
export {
|
|
12
12
|
UnstyledButton
|
|
@@ -4007,7 +4007,6 @@ var neutral = {
|
|
|
4007
4007
|
gray30: "#4D4D4D",
|
|
4008
4008
|
gray40: "#666666",
|
|
4009
4009
|
gray50: "#808080",
|
|
4010
|
-
gray57: "#8B8E98",
|
|
4011
4010
|
gray60: "#999999",
|
|
4012
4011
|
gray70: "#B3B3B3",
|
|
4013
4012
|
gray80: "#CCCCCC",
|
|
@@ -4031,10 +4030,13 @@ var baseColors = __spreadProps(__spreadValues({}, neutral), {
|
|
|
4031
4030
|
blue37: "#21529c",
|
|
4032
4031
|
blue58: "#28BFFF",
|
|
4033
4032
|
// less than 50% saturated blue
|
|
4033
|
+
grayBlue5: "#0c0d0f",
|
|
4034
4034
|
grayBlue9: "#16171A",
|
|
4035
|
+
grayBlue18: "#21283a",
|
|
4035
4036
|
grayBlue32: "#4F5156",
|
|
4036
4037
|
grayBlue43: "#686A72",
|
|
4037
4038
|
grayBlue45: "#676F80",
|
|
4039
|
+
grayBlue57: "#8B8E98",
|
|
4038
4040
|
grayBlue67: "#9BA7B9",
|
|
4039
4041
|
grayBlue80: "#C0C9D6",
|
|
4040
4042
|
grayBlue88: "#DEDFE4",
|
|
@@ -7407,8 +7409,7 @@ var baseThemeColors = {
|
|
|
7407
7409
|
success: colors.success,
|
|
7408
7410
|
text: colors.black,
|
|
7409
7411
|
vlcNeutral: colors.gray95,
|
|
7410
|
-
warning: colors.warning
|
|
7411
|
-
inputBackground: colors.white
|
|
7412
|
+
warning: colors.warning
|
|
7412
7413
|
};
|
|
7413
7414
|
var themeOrColorKeyValues = [
|
|
7414
7415
|
...Object.keys(baseThemeColors),
|
|
@@ -7420,6 +7421,10 @@ var baseTheme = __spreadProps(__spreadValues({}, baseThemeColors), {
|
|
|
7420
7421
|
typography: getTypography("Lightspark" /* Lightspark */),
|
|
7421
7422
|
hcNeutralFromBg: (bgHex) => hcNeutralFromBg(bgHex, colors.black, colors.white),
|
|
7422
7423
|
buttons: defaultButtonsTheme,
|
|
7424
|
+
badge: {
|
|
7425
|
+
bg: "c05Neutral"
|
|
7426
|
+
},
|
|
7427
|
+
inputBackground: colors.white,
|
|
7423
7428
|
loading: "LoadingSpinner"
|
|
7424
7429
|
});
|
|
7425
7430
|
var lightBaseTheme = baseTheme;
|
|
@@ -7457,7 +7462,10 @@ var darkBaseTheme = {
|
|
|
7457
7462
|
warning: colors.warning,
|
|
7458
7463
|
buttons: defaultButtonsTheme,
|
|
7459
7464
|
loading: "LoadingSpinner",
|
|
7460
|
-
inputBackground: colors.black
|
|
7465
|
+
inputBackground: colors.black,
|
|
7466
|
+
badge: {
|
|
7467
|
+
bg: "c15Neutral"
|
|
7468
|
+
}
|
|
7461
7469
|
};
|
|
7462
7470
|
var lightTheme = extend(lightBaseTheme, {
|
|
7463
7471
|
header: extendBase(lightBaseTheme, {
|
|
@@ -7573,7 +7581,10 @@ var bridgeBaseSettings = {
|
|
|
7573
7581
|
defaultBorderWidth: 1
|
|
7574
7582
|
}
|
|
7575
7583
|
}
|
|
7576
|
-
})
|
|
7584
|
+
}),
|
|
7585
|
+
badge: {
|
|
7586
|
+
bg: "grayBlue94"
|
|
7587
|
+
}
|
|
7577
7588
|
};
|
|
7578
7589
|
var bridgeLightTheme = extend(lightTheme, __spreadProps(__spreadValues({}, bridgeBaseSettings), {
|
|
7579
7590
|
type: "bridgeLight" /* BridgeLight */,
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as _emotion_react_jsx_runtime from '@emotion/react/jsx-runtime';
|
|
2
2
|
import { ComponentProps } from 'react';
|
|
3
3
|
import { DocsHeadline } from './DocsHeadline.cjs';
|
|
4
|
-
import '../../
|
|
4
|
+
import '../../themes-37e92940.js';
|
|
5
5
|
import '@emotion/react';
|
|
6
6
|
import '../../styles/tokens/typography.cjs';
|
|
7
7
|
import '@emotion/css';
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as _emotion_react_jsx_runtime from '@emotion/react/jsx-runtime';
|
|
2
2
|
import { ComponentProps } from 'react';
|
|
3
3
|
import { DocsHeadline } from './DocsHeadline.js';
|
|
4
|
-
import '../../
|
|
4
|
+
import '../../themes-832e46b2.js';
|
|
5
5
|
import '@emotion/react';
|
|
6
6
|
import '../../styles/tokens/typography.js';
|
|
7
7
|
import '@emotion/css';
|
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import {
|
|
3
3
|
AnchorLinkHeader
|
|
4
|
-
} from "../../chunk-
|
|
5
|
-
import "../../chunk-
|
|
4
|
+
} from "../../chunk-QFVQ6QPA.js";
|
|
5
|
+
import "../../chunk-I3WMJNCP.js";
|
|
6
6
|
import "../../chunk-2NT4RAQ3.js";
|
|
7
|
-
import "../../chunk-
|
|
7
|
+
import "../../chunk-BNHCCR3C.js";
|
|
8
8
|
import "../../chunk-YMNSXZ5D.js";
|
|
9
|
-
import "../../chunk-
|
|
9
|
+
import "../../chunk-HNK2KIC7.js";
|
|
10
10
|
import "../../chunk-OPV246QW.js";
|
|
11
|
-
import "../../chunk-
|
|
12
|
-
import "../../chunk-
|
|
13
|
-
import "../../chunk-
|
|
11
|
+
import "../../chunk-SCIQSZSW.js";
|
|
12
|
+
import "../../chunk-OPUCWQMK.js";
|
|
13
|
+
import "../../chunk-LAGOF7IU.js";
|
|
14
14
|
import "../../chunk-EDN2QDCB.js";
|
|
15
15
|
import "../../chunk-FT62PIPN.js";
|
|
16
16
|
import "../../chunk-5ZDDVLS6.js";
|
|
@@ -125,12 +125,12 @@ import "../../chunk-VI6WTKMV.js";
|
|
|
125
125
|
import "../../chunk-QW2INB5A.js";
|
|
126
126
|
import "../../chunk-JLD7MGLC.js";
|
|
127
127
|
import "../../chunk-DW6LFUI2.js";
|
|
128
|
-
import "../../chunk-
|
|
129
|
-
import "../../chunk-
|
|
128
|
+
import "../../chunk-YG5BANJH.js";
|
|
129
|
+
import "../../chunk-UAUAYQ3C.js";
|
|
130
130
|
import "../../chunk-ENBUKLVT.js";
|
|
131
131
|
import "../../chunk-JSGRNWSB.js";
|
|
132
132
|
import "../../chunk-FO7I4E45.js";
|
|
133
|
-
import "../../chunk-
|
|
133
|
+
import "../../chunk-KPAVY3UH.js";
|
|
134
134
|
import "../../chunk-LOPKRCGI.js";
|
|
135
135
|
export {
|
|
136
136
|
AnchorLinkHeader
|
|
@@ -252,7 +252,6 @@ var neutral = {
|
|
|
252
252
|
gray30: "#4D4D4D",
|
|
253
253
|
gray40: "#666666",
|
|
254
254
|
gray50: "#808080",
|
|
255
|
-
gray57: "#8B8E98",
|
|
256
255
|
gray60: "#999999",
|
|
257
256
|
gray70: "#B3B3B3",
|
|
258
257
|
gray80: "#CCCCCC",
|
|
@@ -275,10 +274,13 @@ var baseColors = __spreadProps(__spreadValues({}, neutral), {
|
|
|
275
274
|
blue37: "#21529c",
|
|
276
275
|
blue58: "#28BFFF",
|
|
277
276
|
// less than 50% saturated blue
|
|
277
|
+
grayBlue5: "#0c0d0f",
|
|
278
278
|
grayBlue9: "#16171A",
|
|
279
|
+
grayBlue18: "#21283a",
|
|
279
280
|
grayBlue32: "#4F5156",
|
|
280
281
|
grayBlue43: "#686A72",
|
|
281
282
|
grayBlue45: "#676F80",
|
|
283
|
+
grayBlue57: "#8B8E98",
|
|
282
284
|
grayBlue67: "#9BA7B9",
|
|
283
285
|
grayBlue80: "#C0C9D6",
|
|
284
286
|
grayBlue88: "#DEDFE4",
|
|
@@ -3573,8 +3575,7 @@ var baseThemeColors = {
|
|
|
3573
3575
|
success: colors.success,
|
|
3574
3576
|
text: colors.black,
|
|
3575
3577
|
vlcNeutral: colors.gray95,
|
|
3576
|
-
warning: colors.warning
|
|
3577
|
-
inputBackground: colors.white
|
|
3578
|
+
warning: colors.warning
|
|
3578
3579
|
};
|
|
3579
3580
|
var themeOrColorKeyValues = [
|
|
3580
3581
|
...Object.keys(baseThemeColors),
|
|
@@ -3586,6 +3587,10 @@ var baseTheme = __spreadProps(__spreadValues({}, baseThemeColors), {
|
|
|
3586
3587
|
typography: getTypography("Lightspark" /* Lightspark */),
|
|
3587
3588
|
hcNeutralFromBg: (bgHex) => hcNeutralFromBg(bgHex, colors.black, colors.white),
|
|
3588
3589
|
buttons: defaultButtonsTheme,
|
|
3590
|
+
badge: {
|
|
3591
|
+
bg: "c05Neutral"
|
|
3592
|
+
},
|
|
3593
|
+
inputBackground: colors.white,
|
|
3589
3594
|
loading: "LoadingSpinner"
|
|
3590
3595
|
});
|
|
3591
3596
|
var lightBaseTheme = baseTheme;
|
|
@@ -3623,7 +3628,10 @@ var darkBaseTheme = {
|
|
|
3623
3628
|
warning: colors.warning,
|
|
3624
3629
|
buttons: defaultButtonsTheme,
|
|
3625
3630
|
loading: "LoadingSpinner",
|
|
3626
|
-
inputBackground: colors.black
|
|
3631
|
+
inputBackground: colors.black,
|
|
3632
|
+
badge: {
|
|
3633
|
+
bg: "c15Neutral"
|
|
3634
|
+
}
|
|
3627
3635
|
};
|
|
3628
3636
|
var lightTheme = extend(lightBaseTheme, {
|
|
3629
3637
|
header: extendBase(lightBaseTheme, {
|
|
@@ -3739,7 +3747,10 @@ var bridgeBaseSettings = {
|
|
|
3739
3747
|
defaultBorderWidth: 1
|
|
3740
3748
|
}
|
|
3741
3749
|
}
|
|
3742
|
-
})
|
|
3750
|
+
}),
|
|
3751
|
+
badge: {
|
|
3752
|
+
bg: "grayBlue94"
|
|
3753
|
+
}
|
|
3743
3754
|
};
|
|
3744
3755
|
var bridgeLightTheme = extend(lightTheme, __spreadProps(__spreadValues({}, bridgeBaseSettings), {
|
|
3745
3756
|
type: "bridgeLight" /* BridgeLight */,
|
|
@@ -4,7 +4,7 @@ import { ComponentProps } from 'react';
|
|
|
4
4
|
import { StyledBody } from '../typography/Body.cjs';
|
|
5
5
|
import '@emotion/styled';
|
|
6
6
|
import '@emotion/react';
|
|
7
|
-
import '../../
|
|
7
|
+
import '../../themes-37e92940.js';
|
|
8
8
|
import '../../styles/tokens/typography.cjs';
|
|
9
9
|
import '@emotion/css';
|
|
10
10
|
import '../../styles/colors.cjs';
|
|
@@ -4,7 +4,7 @@ import { ComponentProps } from 'react';
|
|
|
4
4
|
import { StyledBody } from '../typography/Body.js';
|
|
5
5
|
import '@emotion/styled';
|
|
6
6
|
import '@emotion/react';
|
|
7
|
-
import '../../
|
|
7
|
+
import '../../themes-832e46b2.js';
|
|
8
8
|
import '../../styles/tokens/typography.js';
|
|
9
9
|
import '@emotion/css';
|
|
10
10
|
import '../../styles/colors.js';
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import {
|
|
3
3
|
StyledBody
|
|
4
|
-
} from "../../chunk-
|
|
5
|
-
import "../../chunk-
|
|
4
|
+
} from "../../chunk-PBLWYVQF.js";
|
|
5
|
+
import "../../chunk-HNK2KIC7.js";
|
|
6
6
|
import "../../chunk-OPV246QW.js";
|
|
7
|
-
import "../../chunk-
|
|
8
|
-
import "../../chunk-
|
|
9
|
-
import "../../chunk-
|
|
7
|
+
import "../../chunk-SCIQSZSW.js";
|
|
8
|
+
import "../../chunk-OPUCWQMK.js";
|
|
9
|
+
import "../../chunk-LAGOF7IU.js";
|
|
10
10
|
import "../../chunk-EDN2QDCB.js";
|
|
11
11
|
import "../../chunk-FT62PIPN.js";
|
|
12
12
|
import "../../chunk-5ZDDVLS6.js";
|
|
@@ -121,12 +121,12 @@ import "../../chunk-VI6WTKMV.js";
|
|
|
121
121
|
import "../../chunk-QW2INB5A.js";
|
|
122
122
|
import "../../chunk-JLD7MGLC.js";
|
|
123
123
|
import "../../chunk-DW6LFUI2.js";
|
|
124
|
-
import "../../chunk-
|
|
125
|
-
import "../../chunk-
|
|
124
|
+
import "../../chunk-YG5BANJH.js";
|
|
125
|
+
import "../../chunk-UAUAYQ3C.js";
|
|
126
126
|
import "../../chunk-ENBUKLVT.js";
|
|
127
127
|
import "../../chunk-JSGRNWSB.js";
|
|
128
128
|
import "../../chunk-FO7I4E45.js";
|
|
129
|
-
import "../../chunk-
|
|
129
|
+
import "../../chunk-KPAVY3UH.js";
|
|
130
130
|
import {
|
|
131
131
|
__objRest,
|
|
132
132
|
__spreadProps,
|