@bcrumbs.net/inbox 0.0.77 → 0.0.79
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/index.cjs.js +30 -0
- package/index.esm.js +30 -0
- package/package.json +1 -1
- package/src/app/generic/utils/reportError.d.ts +10 -0
- package/src/lib/index.d.ts +1 -0
package/index.cjs.js
CHANGED
|
@@ -38,6 +38,36 @@ var ReactJSXRuntime__namespace = /*#__PURE__*/_interopNamespaceDefault(ReactJSXR
|
|
|
38
38
|
var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
|
|
39
39
|
var Apollo__namespace = /*#__PURE__*/_interopNamespaceDefault(Apollo);
|
|
40
40
|
|
|
41
|
+
function styleInject(css, ref) {
|
|
42
|
+
if ( ref === void 0 ) ref = {};
|
|
43
|
+
var insertAt = ref.insertAt;
|
|
44
|
+
|
|
45
|
+
if (typeof document === 'undefined') { return; }
|
|
46
|
+
|
|
47
|
+
var head = document.head || document.getElementsByTagName('head')[0];
|
|
48
|
+
var style = document.createElement('style');
|
|
49
|
+
style.type = 'text/css';
|
|
50
|
+
|
|
51
|
+
if (insertAt === 'top') {
|
|
52
|
+
if (head.firstChild) {
|
|
53
|
+
head.insertBefore(style, head.firstChild);
|
|
54
|
+
} else {
|
|
55
|
+
head.appendChild(style);
|
|
56
|
+
}
|
|
57
|
+
} else {
|
|
58
|
+
head.appendChild(style);
|
|
59
|
+
}
|
|
60
|
+
|
|
61
|
+
if (style.styleSheet) {
|
|
62
|
+
style.styleSheet.cssText = css;
|
|
63
|
+
} else {
|
|
64
|
+
style.appendChild(document.createTextNode(css));
|
|
65
|
+
}
|
|
66
|
+
}
|
|
67
|
+
|
|
68
|
+
var css_248z = "/**\n * AUTO-GENERATED by packages/design-tokens — do not edit by hand.\n * Source: tokens/*.json (DTCG)\n */\n\n:root {\n\n /**\n * @tokens Colors\n * @presenter Color\n */\n\n --color-teal-50: #f3fbfc;\n --color-teal-100: #e0f3e8;\n --color-teal-200: #95d5b2;\n --color-teal-400: #258694;\n --color-teal-500: #16616c;\n --color-teal-600: #065a60;\n --color-teal-700: #12474f;\n --color-teal-800: #457578;\n --color-neutral-0: #ffffff;\n --color-neutral-50: #f7f7f8;\n --color-neutral-100: #f0f1f5;\n --color-neutral-200: #e5e7eb;\n --color-neutral-300: #d2d6db;\n --color-neutral-400: #9da4ae;\n --color-neutral-500: #9b9b9b;\n --color-neutral-600: #6c737f;\n --color-neutral-700: #727272;\n --color-neutral-800: #4e4f4f;\n --color-neutral-900: #384250;\n --color-neutral-950: #161616;\n --color-danger-50: #fef3f2;\n --color-danger-500: #d92d20;\n --color-danger-600: #b42318;\n --color-danger-700: #801c1c;\n --color-success-50: #ecfdf3;\n --color-success-500: #2eb583;\n --color-success-600: #2cb977;\n --color-success-700: #067647;\n --color-info-50: #eff8ff;\n --color-info-600: #175cd3;\n --color-warning-200: #fedf89;\n --color-charts-danger: #eb6363;\n --color-charts-teal900: #163f45;\n --color-charts-teal400: #1f8998;\n --color-charts-teal300: #46aebc;\n --color-charts-teal200: #72dde6;\n --color-charts-teal100: #b5edf2;\n --color-alpha-black05: rgba(0, 0, 0, 0.05);\n --color-alpha-teal05: rgba(22, 97, 108, 0.05);\n --color-alpha-teal10: rgba(22, 97, 108, 0.1);\n --color-alpha-teal20: rgba(22, 97, 108, 0.2);\n --color-alpha-teal30: rgba(22, 97, 108, 0.3);\n --color-alpha-teal40: rgba(22, 97, 108, 0.4);\n --color-alpha-teal60: rgba(22, 97, 108, 0.6);\n --color-alpha-shadowTeal: rgba(6, 90, 96, 0.28);\n --color-alpha-shadowNeutral: rgba(0, 0, 0, 0.1);\n --color-alpha-shadowNeutralSm: rgba(0, 0, 0, 0.05);\n --color-dark-bg: #1a1a1a;\n --color-dark-border: #333333;\n --color-dark-muted: #9b9b9b;\n --color-action-primary: #16616c;\n --color-action-primaryHover: #065a60;\n --color-action-primaryMuted: #258694;\n --color-action-primarySubtle: #f3fbfc;\n --color-action-primaryForeground: #ffffff;\n --color-action-primarySoft: #95d5b2;\n --color-action-primaryDeep: #12474f;\n --color-text-primary: #161616;\n --color-text-secondary: #4e4f4f;\n --color-text-muted: #727272;\n --color-text-placeholder: #6c737f;\n --color-text-disabled: #9da4ae;\n --color-text-paragraph: #384250;\n --color-text-onPrimary: #ffffff;\n --color-surface-default: #ffffff;\n --color-surface-subtle: #f7f7f8;\n --color-surface-hover: rgba(0, 0, 0, 0.05);\n --color-surface-secondary: #ffffff;\n --color-border-default: #e5e7eb;\n --color-border-strong: #d2d6db;\n --color-status-danger: #b42318;\n --color-status-dangerAlert: #d92d20;\n --color-status-dangerDark: #801c1c;\n --color-status-dangerLight: #fef3f2;\n --color-status-dangerForeground: #ffffff;\n --color-status-success: #2eb583;\n --color-status-successDark: #067647;\n --color-status-successLight: #ecfdf3;\n --color-status-info: #175cd3;\n --color-status-infoLight: #eff8ff;\n --color-chart-success: #2cb977;\n --color-chart-warning: #fedf89;\n --color-chart-danger: #eb6363;\n --color-chart-label: #384250;\n --color-chart-legend: #727272;\n --color-chart-tooltipTitle: #161616;\n --color-chart-series1: #163f45;\n --color-chart-series2: #16616c;\n --color-chart-series3: #1f8998;\n --color-chart-series4: #46aebc;\n --color-chart-series5: #72dde6;\n --color-chart-seriesOther: #b5edf2;\n --color-overlay-primary05: rgba(22, 97, 108, 0.05);\n --color-overlay-primary10: rgba(22, 97, 108, 0.1);\n --color-overlay-primary20: rgba(22, 97, 108, 0.2);\n --color-overlay-primary30: rgba(22, 97, 108, 0.3);\n --color-overlay-primary40: rgba(22, 97, 108, 0.4);\n --color-overlay-primary60: rgba(22, 97, 108, 0.6);\n --button-primary-background: #16616c;\n --button-primary-backgroundHover: #065a60;\n --button-primary-text: #ffffff;\n --button-secondary-background: #ffffff;\n --button-secondary-backgroundHover: rgba(0, 0, 0, 0.05);\n --button-secondary-text: #161616;\n --button-secondary-border: #d2d6db;\n --button-destructive-background: #b42318;\n --button-destructive-backgroundHover: #801c1c;\n --button-destructive-text: #ffffff;\n --button-outline-background: #ffffff;\n --button-outline-backgroundHover: rgba(0, 0, 0, 0.05);\n --button-outline-text: #161616;\n --button-outline-textHover: #16616c;\n --button-outline-border: #e5e7eb;\n --button-ghost-backgroundHover: rgba(0, 0, 0, 0.05);\n --button-ghost-textHover: #16616c;\n --button-link-text: #16616c;\n --button-warning-text: #b42318;\n --button-warning-backgroundHover: #fef3f2;\n --button-focusRing: rgba(22, 97, 108, 0.2);\n --input-border-default: #e5e7eb;\n --input-border-focus: #16616c;\n --input-border-error: #b42318;\n --input-surface: #ffffff;\n --input-text: #161616;\n --input-placeholder: #6c737f;\n --card-surface: #ffffff;\n --card-border: #e5e7eb;\n --card-borderActive: #16616c;\n\n /**\n * @tokens Spacing\n * @presenter Spacing\n */\n\n --space-100: 4px;\n --space-200: 8px;\n --space-300: 12px;\n --space-400: 16px;\n --space-500: 24px;\n --space-600: 32px;\n --space-700: 40px;\n --space-800: 48px;\n --space-900: 64px;\n --spacing-layout-page: 16px;\n --spacing-layout-section: 24px;\n --spacing-layout-stack: 8px;\n --spacing-layout-inline: 12px;\n --button-size-sm-height: 2.25rem;\n --button-size-sm-paddingInline: 0.75rem;\n --button-size-default-height: 2.5rem;\n --button-size-default-paddingInline: 1rem;\n --button-size-lg-height: 2.75rem;\n --button-size-lg-paddingInline: 2rem;\n --button-size-icon-size: 2.5rem;\n --button-gap: 4px;\n --button-fontSize: 1rem;\n --button-lineHeight: 1.5rem;\n --input-paddingInline: 12px;\n --input-gap: 8px;\n --input-height: 40px;\n --input-fontSize: 0.875rem;\n --card-padding: 16px;\n --card-gap: 16px;\n\n /**\n * @tokens Typography\n * @presenter FontSize\n */\n\n --fontSize-body-1: 1.125rem;\n --fontSize-body-2: 1rem;\n --fontSize-body-3: 0.875rem;\n --fontSize-body-4: 0.75rem;\n --fontSize-body-5: 0.625rem;\n --fontSize-header-1: 2.5rem;\n --fontSize-header-2: 2rem;\n --fontSize-header-3: 1.5rem;\n --fontSize-header-4: 1.25rem;\n --fontSize-header-2_5: 1.75rem;\n --fontSize-button: 1rem;\n --fontWeight-light: 100;\n --fontWeight-regular: 300;\n --fontWeight-normal: 400;\n --fontWeight-medium: 500;\n --fontWeight-semibold: 600;\n --fontWeight-bold: 700;\n --fontWeight-extraBold: 800;\n --fontWeight-black: 900;\n --lineHeight-body-1: 1.75rem;\n --lineHeight-body-2: 1.5rem;\n --lineHeight-body-3: 1.375rem;\n --lineHeight-body-4: 1.125rem;\n --lineHeight-body-5: 1rem;\n --lineHeight-header-1: 3rem;\n --lineHeight-header-2: 2.25rem;\n --lineHeight-header-3: 2rem;\n --lineHeight-header-4: 1.75rem;\n --fontFamily-poppins: 'Poppins', 'Montserrat', sans-serif;\n --fontFamily-montserrat: 'Montserrat', 'Poppins', sans-serif;\n --fontFamily-inter: 'Inter', 'Poppins', sans-serif;\n --fontFamily-arabic: 'AvenirArabic', 'Poppins', sans-serif;\n --typography-body-fontFamily: 'Poppins', 'Montserrat', sans-serif;\n --typography-body-fontSize: 1rem;\n --typography-body-fontWeight: 400;\n --typography-body-lineHeight: 1.5rem;\n --typography-display-fontFamily: 'Montserrat', 'Poppins', sans-serif;\n --button-fontWeight: 400;\n --button-fontFamily: 'Poppins', 'Montserrat', sans-serif;\n --input-fontFamily: 'Poppins', 'Montserrat', sans-serif;\n\n /**\n * @tokens Radius\n * @presenter BorderRadius\n */\n\n --radius-sm: 0.375rem;\n --radius-md: 0.5rem;\n --radius-pill: 9999px;\n --shape-radius-control: 0.5rem;\n --shape-radius-controlSm: 0.375rem;\n --button-radius-default: 0.5rem;\n --button-radius-sm: 0.375rem;\n --input-radius: 0.5rem;\n --card-radius: 12px;\n\n /**\n * @tokens Shadow\n * @presenter Shadow\n */\n\n --shadow-s: 0px 2px 8px rgba(6, 90, 96, 0.28);\n --shadow-m: 0px 4px 20px rgba(6, 90, 96, 0.28);\n --shadow-l: 0px 12px 32px rgba(6, 90, 96, 0.28);\n --shadow-button: 0 1px 3px rgba(0, 0, 0, 0.1);\n --shadow-buttonSm: 0 1px 2px rgba(0, 0, 0, 0.05);\n --elevation-s: 0px 2px 8px rgba(6, 90, 96, 0.28);\n --elevation-m: 0px 4px 20px rgba(6, 90, 96, 0.28);\n --elevation-l: 0px 12px 32px rgba(6, 90, 96, 0.28);\n --button-primary-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);\n --button-secondary-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);\n --button-destructive-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);\n --button-outline-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);\n --button-warning-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);\n\n /**\n * @tokens Motion\n * @presenter Animation\n */\n\n --motion-duration-fast: 80ms;\n --motion-duration-normal: 200ms;\n --motion-easing-standard: cubic-bezier(0.4, 0, 0.2, 1);\n --animation-duration-fast: 80ms;\n --animation-duration-normal: 200ms;\n --animation-easing-standard: cubic-bezier(0.4, 0, 0.2, 1);\n --button-motion-duration: 200ms;\n\n /**\n * @tokens Other\n */\n\n --button-disabledOpacity: 0.5;\n\n /**\n * @tokens-end\n */\n\n /* Legacy --bc-* aliases for existing bc-ui consumers */\n --bc-primary: var(--color-action-primary);\n --bc-primary-darker: var(--color-action-primaryHover);\n --bc-primary-400: var(--color-action-primaryMuted);\n --bc-primary-light: var(--color-action-primarySubtle);\n --bc-primary-foreground: var(--color-action-primaryForeground);\n --bc-primary-lighter: var(--color-action-primarySoft);\n --bc-primary-darker-2: var(--color-action-primaryDeep);\n --bc-primary-05: var(--color-overlay-primary05);\n --bc-primary-10: var(--color-overlay-primary10);\n --bc-primary-20: var(--color-overlay-primary20);\n --bc-primary-30: var(--color-overlay-primary30);\n --bc-primary-40: var(--color-overlay-primary40);\n --bc-primary-60: var(--color-overlay-primary60);\n --bc-foreground: var(--color-text-primary);\n --bc-muted: var(--color-text-secondary);\n --bc-muted-foreground: var(--color-text-muted);\n --bc-placeholder: var(--color-text-placeholder);\n --bc-disabled: var(--color-text-disabled);\n --bc-primary-paragraph: var(--color-text-paragraph);\n --bc-background: var(--color-surface-default);\n --bc-background-secondary: var(--color-surface-subtle);\n --bc-hover-bg: var(--color-surface-hover);\n --bc-secondary: var(--color-surface-secondary);\n --bc-border-color: var(--color-border-default);\n --bc-secondary-border: var(--color-border-strong);\n --bc-danger: var(--color-status-danger);\n --bc-danger-alert: var(--color-status-dangerAlert);\n --bc-danger-darker: var(--color-status-dangerDark);\n --bc-danger-light: var(--color-status-dangerLight);\n --bc-danger-foreground: var(--color-status-dangerForeground);\n --bc-success: var(--color-status-success);\n --bc-success-darker: var(--color-status-successDark);\n --bc-success-light: var(--color-status-successLight);\n --bc-info: var(--color-status-info);\n --bc-info-light: var(--color-status-infoLight);\n --bc-charts-success: var(--color-chart-success);\n --bc-charts-warning: var(--color-chart-warning);\n --bc-charts-danger: var(--color-chart-danger);\n --bc-charts-label: var(--color-chart-label);\n --bc-charts-legend-label: var(--color-chart-legend);\n --bc-charts-tooltip-title: var(--color-chart-tooltipTitle);\n --bc-radius: var(--shape-radius-control);\n --bc-fontSize-body-5: var(--fontSize-body-5);\n --bc-fontSize-body-4: var(--fontSize-body-4);\n --bc-fontSize-body-3: var(--fontSize-body-3);\n --bc-fontSize-body-2: var(--fontSize-body-2);\n --bc-fontSize-body-1: var(--fontSize-body-1);\n --bc-fontSize-header-4: var(--fontSize-header-4);\n --bc-fontSize-header-3: var(--fontSize-header-3);\n --bc-fontSize-header-2_5: var(--fontSize-header-2_5);\n --bc-fontSize-header-2: var(--fontSize-header-2);\n --bc-fontSize-header-1: var(--fontSize-header-1);\n --bc-fontSize-button: var(--fontSize-button);\n --bc-fontWeight-light: var(--fontWeight-light);\n --bc-fontWeight-regular: var(--fontWeight-regular);\n --bc-fontWeight-normal: var(--fontWeight-normal);\n --bc-fontWeight-medium: var(--fontWeight-medium);\n --bc-fontWeight-semibold: var(--fontWeight-semibold);\n --bc-fontWeight-bold: var(--fontWeight-bold);\n --bc-fontWeight-extraBold: var(--fontWeight-extraBold);\n --bc-fontWeight-black: var(--fontWeight-black);\n --bc-lineHeight-body-5: var(--lineHeight-body-5);\n --bc-lineHeight-body-4: var(--lineHeight-body-4);\n --bc-lineHeight-body-3: var(--lineHeight-body-3);\n --bc-lineHeight-body-2: var(--lineHeight-body-2);\n --bc-lineHeight-body-1: var(--lineHeight-body-1);\n --bc-lineHeight-header-4: var(--lineHeight-header-4);\n --bc-lineHeight-header-3: var(--lineHeight-header-3);\n --bc-lineHeight-header-2: var(--lineHeight-header-2);\n --bc-lineHeight-header-1: var(--lineHeight-header-1);\n --bc-font-stack-poppins: var(--fontFamily-poppins);\n --bc-font-stack-montserrat: var(--fontFamily-montserrat);\n --bc-font-stack-inter: var(--fontFamily-inter);\n --bc-font-stack-arabic: var(--fontFamily-arabic);\n --bc-shadow-s: var(--elevation-s);\n --bc-shadow-m: var(--elevation-m);\n --bc-shadow-l: var(--elevation-l);\n --bc-font-stack: var(--fontFamily-poppins);\n --bc-font-stack-primary: var(--fontFamily-poppins);\n --bc-font-stack-secondary: var(--fontFamily-montserrat);\n --bc-secondary-foreground: var(--color-text-primary);\n --bc-secondary-hover: var(--color-surface-hover);\n --bc-ring-color: var(--color-overlay-primary20);\n}\n\n:root[data-theme=\"dark\"] {\n --color-action-primary: #95d5b2;\n --color-action-primaryHover: #258694;\n --color-action-primaryMuted: #258694;\n --color-action-primarySubtle: #1a1a1a;\n --color-action-primaryForeground: #161616;\n --color-action-primarySoft: #95d5b2;\n --color-action-primaryDeep: #95d5b2;\n --color-text-primary: #ffffff;\n --color-text-secondary: #9b9b9b;\n --color-text-muted: #9b9b9b;\n --color-text-placeholder: #9b9b9b;\n --color-text-disabled: #9b9b9b;\n --color-text-paragraph: #ffffff;\n --color-text-onPrimary: #161616;\n --color-surface-default: #1a1a1a;\n --color-surface-subtle: #1a1a1a;\n --color-surface-hover: rgba(255, 255, 255, 0.06);\n --color-surface-secondary: #1a1a1a;\n --color-border-default: #333333;\n --color-border-strong: #9b9b9b;\n --color-status-danger: #b42318;\n --color-status-dangerAlert: #d92d20;\n --color-status-dangerDark: #801c1c;\n --color-status-dangerLight: #fef3f2;\n --color-status-dangerForeground: #ffffff;\n --color-status-success: #2eb583;\n --color-status-successDark: #067647;\n --color-status-successLight: #ecfdf3;\n --color-status-info: #175cd3;\n --color-status-infoLight: #eff8ff;\n --color-chart-success: #2cb977;\n --color-chart-warning: #fedf89;\n --color-chart-danger: #eb6363;\n --color-chart-label: #384250;\n --color-chart-legend: #727272;\n --color-chart-tooltipTitle: #161616;\n --color-chart-series1: #163f45;\n --color-chart-series2: #16616c;\n --color-chart-series3: #1f8998;\n --color-chart-series4: #46aebc;\n --color-chart-series5: #72dde6;\n --color-chart-seriesOther: #b5edf2;\n --color-overlay-primary05: rgba(22, 97, 108, 0.05);\n --color-overlay-primary10: rgba(22, 97, 108, 0.1);\n --color-overlay-primary20: rgba(22, 97, 108, 0.2);\n --color-overlay-primary30: rgba(22, 97, 108, 0.3);\n --color-overlay-primary40: rgba(22, 97, 108, 0.4);\n --color-overlay-primary60: rgba(22, 97, 108, 0.6);\n}\n\n:root[lang='ar'] {\n --fontFamily-poppins: var(--fontFamily-arabic);\n --fontFamily-montserrat: var(--fontFamily-arabic);\n --fontFamily-inter: var(--fontFamily-arabic);\n}\n";
|
|
69
|
+
styleInject(css_248z);
|
|
70
|
+
|
|
41
71
|
/*
|
|
42
72
|
|
|
43
73
|
Based off glamor's StyleSheet, thanks Sunil ❤️
|
package/index.esm.js
CHANGED
|
@@ -20,6 +20,36 @@ import enCountries from 'i18n-iso-countries/langs/en.json';
|
|
|
20
20
|
import arCountries from 'i18n-iso-countries/langs/ar.json';
|
|
21
21
|
import trCountries from 'i18n-iso-countries/langs/tr.json';
|
|
22
22
|
|
|
23
|
+
function styleInject(css, ref) {
|
|
24
|
+
if ( ref === void 0 ) ref = {};
|
|
25
|
+
var insertAt = ref.insertAt;
|
|
26
|
+
|
|
27
|
+
if (typeof document === 'undefined') { return; }
|
|
28
|
+
|
|
29
|
+
var head = document.head || document.getElementsByTagName('head')[0];
|
|
30
|
+
var style = document.createElement('style');
|
|
31
|
+
style.type = 'text/css';
|
|
32
|
+
|
|
33
|
+
if (insertAt === 'top') {
|
|
34
|
+
if (head.firstChild) {
|
|
35
|
+
head.insertBefore(style, head.firstChild);
|
|
36
|
+
} else {
|
|
37
|
+
head.appendChild(style);
|
|
38
|
+
}
|
|
39
|
+
} else {
|
|
40
|
+
head.appendChild(style);
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
if (style.styleSheet) {
|
|
44
|
+
style.styleSheet.cssText = css;
|
|
45
|
+
} else {
|
|
46
|
+
style.appendChild(document.createTextNode(css));
|
|
47
|
+
}
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
var css_248z = "/**\n * AUTO-GENERATED by packages/design-tokens — do not edit by hand.\n * Source: tokens/*.json (DTCG)\n */\n\n:root {\n\n /**\n * @tokens Colors\n * @presenter Color\n */\n\n --color-teal-50: #f3fbfc;\n --color-teal-100: #e0f3e8;\n --color-teal-200: #95d5b2;\n --color-teal-400: #258694;\n --color-teal-500: #16616c;\n --color-teal-600: #065a60;\n --color-teal-700: #12474f;\n --color-teal-800: #457578;\n --color-neutral-0: #ffffff;\n --color-neutral-50: #f7f7f8;\n --color-neutral-100: #f0f1f5;\n --color-neutral-200: #e5e7eb;\n --color-neutral-300: #d2d6db;\n --color-neutral-400: #9da4ae;\n --color-neutral-500: #9b9b9b;\n --color-neutral-600: #6c737f;\n --color-neutral-700: #727272;\n --color-neutral-800: #4e4f4f;\n --color-neutral-900: #384250;\n --color-neutral-950: #161616;\n --color-danger-50: #fef3f2;\n --color-danger-500: #d92d20;\n --color-danger-600: #b42318;\n --color-danger-700: #801c1c;\n --color-success-50: #ecfdf3;\n --color-success-500: #2eb583;\n --color-success-600: #2cb977;\n --color-success-700: #067647;\n --color-info-50: #eff8ff;\n --color-info-600: #175cd3;\n --color-warning-200: #fedf89;\n --color-charts-danger: #eb6363;\n --color-charts-teal900: #163f45;\n --color-charts-teal400: #1f8998;\n --color-charts-teal300: #46aebc;\n --color-charts-teal200: #72dde6;\n --color-charts-teal100: #b5edf2;\n --color-alpha-black05: rgba(0, 0, 0, 0.05);\n --color-alpha-teal05: rgba(22, 97, 108, 0.05);\n --color-alpha-teal10: rgba(22, 97, 108, 0.1);\n --color-alpha-teal20: rgba(22, 97, 108, 0.2);\n --color-alpha-teal30: rgba(22, 97, 108, 0.3);\n --color-alpha-teal40: rgba(22, 97, 108, 0.4);\n --color-alpha-teal60: rgba(22, 97, 108, 0.6);\n --color-alpha-shadowTeal: rgba(6, 90, 96, 0.28);\n --color-alpha-shadowNeutral: rgba(0, 0, 0, 0.1);\n --color-alpha-shadowNeutralSm: rgba(0, 0, 0, 0.05);\n --color-dark-bg: #1a1a1a;\n --color-dark-border: #333333;\n --color-dark-muted: #9b9b9b;\n --color-action-primary: #16616c;\n --color-action-primaryHover: #065a60;\n --color-action-primaryMuted: #258694;\n --color-action-primarySubtle: #f3fbfc;\n --color-action-primaryForeground: #ffffff;\n --color-action-primarySoft: #95d5b2;\n --color-action-primaryDeep: #12474f;\n --color-text-primary: #161616;\n --color-text-secondary: #4e4f4f;\n --color-text-muted: #727272;\n --color-text-placeholder: #6c737f;\n --color-text-disabled: #9da4ae;\n --color-text-paragraph: #384250;\n --color-text-onPrimary: #ffffff;\n --color-surface-default: #ffffff;\n --color-surface-subtle: #f7f7f8;\n --color-surface-hover: rgba(0, 0, 0, 0.05);\n --color-surface-secondary: #ffffff;\n --color-border-default: #e5e7eb;\n --color-border-strong: #d2d6db;\n --color-status-danger: #b42318;\n --color-status-dangerAlert: #d92d20;\n --color-status-dangerDark: #801c1c;\n --color-status-dangerLight: #fef3f2;\n --color-status-dangerForeground: #ffffff;\n --color-status-success: #2eb583;\n --color-status-successDark: #067647;\n --color-status-successLight: #ecfdf3;\n --color-status-info: #175cd3;\n --color-status-infoLight: #eff8ff;\n --color-chart-success: #2cb977;\n --color-chart-warning: #fedf89;\n --color-chart-danger: #eb6363;\n --color-chart-label: #384250;\n --color-chart-legend: #727272;\n --color-chart-tooltipTitle: #161616;\n --color-chart-series1: #163f45;\n --color-chart-series2: #16616c;\n --color-chart-series3: #1f8998;\n --color-chart-series4: #46aebc;\n --color-chart-series5: #72dde6;\n --color-chart-seriesOther: #b5edf2;\n --color-overlay-primary05: rgba(22, 97, 108, 0.05);\n --color-overlay-primary10: rgba(22, 97, 108, 0.1);\n --color-overlay-primary20: rgba(22, 97, 108, 0.2);\n --color-overlay-primary30: rgba(22, 97, 108, 0.3);\n --color-overlay-primary40: rgba(22, 97, 108, 0.4);\n --color-overlay-primary60: rgba(22, 97, 108, 0.6);\n --button-primary-background: #16616c;\n --button-primary-backgroundHover: #065a60;\n --button-primary-text: #ffffff;\n --button-secondary-background: #ffffff;\n --button-secondary-backgroundHover: rgba(0, 0, 0, 0.05);\n --button-secondary-text: #161616;\n --button-secondary-border: #d2d6db;\n --button-destructive-background: #b42318;\n --button-destructive-backgroundHover: #801c1c;\n --button-destructive-text: #ffffff;\n --button-outline-background: #ffffff;\n --button-outline-backgroundHover: rgba(0, 0, 0, 0.05);\n --button-outline-text: #161616;\n --button-outline-textHover: #16616c;\n --button-outline-border: #e5e7eb;\n --button-ghost-backgroundHover: rgba(0, 0, 0, 0.05);\n --button-ghost-textHover: #16616c;\n --button-link-text: #16616c;\n --button-warning-text: #b42318;\n --button-warning-backgroundHover: #fef3f2;\n --button-focusRing: rgba(22, 97, 108, 0.2);\n --input-border-default: #e5e7eb;\n --input-border-focus: #16616c;\n --input-border-error: #b42318;\n --input-surface: #ffffff;\n --input-text: #161616;\n --input-placeholder: #6c737f;\n --card-surface: #ffffff;\n --card-border: #e5e7eb;\n --card-borderActive: #16616c;\n\n /**\n * @tokens Spacing\n * @presenter Spacing\n */\n\n --space-100: 4px;\n --space-200: 8px;\n --space-300: 12px;\n --space-400: 16px;\n --space-500: 24px;\n --space-600: 32px;\n --space-700: 40px;\n --space-800: 48px;\n --space-900: 64px;\n --spacing-layout-page: 16px;\n --spacing-layout-section: 24px;\n --spacing-layout-stack: 8px;\n --spacing-layout-inline: 12px;\n --button-size-sm-height: 2.25rem;\n --button-size-sm-paddingInline: 0.75rem;\n --button-size-default-height: 2.5rem;\n --button-size-default-paddingInline: 1rem;\n --button-size-lg-height: 2.75rem;\n --button-size-lg-paddingInline: 2rem;\n --button-size-icon-size: 2.5rem;\n --button-gap: 4px;\n --button-fontSize: 1rem;\n --button-lineHeight: 1.5rem;\n --input-paddingInline: 12px;\n --input-gap: 8px;\n --input-height: 40px;\n --input-fontSize: 0.875rem;\n --card-padding: 16px;\n --card-gap: 16px;\n\n /**\n * @tokens Typography\n * @presenter FontSize\n */\n\n --fontSize-body-1: 1.125rem;\n --fontSize-body-2: 1rem;\n --fontSize-body-3: 0.875rem;\n --fontSize-body-4: 0.75rem;\n --fontSize-body-5: 0.625rem;\n --fontSize-header-1: 2.5rem;\n --fontSize-header-2: 2rem;\n --fontSize-header-3: 1.5rem;\n --fontSize-header-4: 1.25rem;\n --fontSize-header-2_5: 1.75rem;\n --fontSize-button: 1rem;\n --fontWeight-light: 100;\n --fontWeight-regular: 300;\n --fontWeight-normal: 400;\n --fontWeight-medium: 500;\n --fontWeight-semibold: 600;\n --fontWeight-bold: 700;\n --fontWeight-extraBold: 800;\n --fontWeight-black: 900;\n --lineHeight-body-1: 1.75rem;\n --lineHeight-body-2: 1.5rem;\n --lineHeight-body-3: 1.375rem;\n --lineHeight-body-4: 1.125rem;\n --lineHeight-body-5: 1rem;\n --lineHeight-header-1: 3rem;\n --lineHeight-header-2: 2.25rem;\n --lineHeight-header-3: 2rem;\n --lineHeight-header-4: 1.75rem;\n --fontFamily-poppins: 'Poppins', 'Montserrat', sans-serif;\n --fontFamily-montserrat: 'Montserrat', 'Poppins', sans-serif;\n --fontFamily-inter: 'Inter', 'Poppins', sans-serif;\n --fontFamily-arabic: 'AvenirArabic', 'Poppins', sans-serif;\n --typography-body-fontFamily: 'Poppins', 'Montserrat', sans-serif;\n --typography-body-fontSize: 1rem;\n --typography-body-fontWeight: 400;\n --typography-body-lineHeight: 1.5rem;\n --typography-display-fontFamily: 'Montserrat', 'Poppins', sans-serif;\n --button-fontWeight: 400;\n --button-fontFamily: 'Poppins', 'Montserrat', sans-serif;\n --input-fontFamily: 'Poppins', 'Montserrat', sans-serif;\n\n /**\n * @tokens Radius\n * @presenter BorderRadius\n */\n\n --radius-sm: 0.375rem;\n --radius-md: 0.5rem;\n --radius-pill: 9999px;\n --shape-radius-control: 0.5rem;\n --shape-radius-controlSm: 0.375rem;\n --button-radius-default: 0.5rem;\n --button-radius-sm: 0.375rem;\n --input-radius: 0.5rem;\n --card-radius: 12px;\n\n /**\n * @tokens Shadow\n * @presenter Shadow\n */\n\n --shadow-s: 0px 2px 8px rgba(6, 90, 96, 0.28);\n --shadow-m: 0px 4px 20px rgba(6, 90, 96, 0.28);\n --shadow-l: 0px 12px 32px rgba(6, 90, 96, 0.28);\n --shadow-button: 0 1px 3px rgba(0, 0, 0, 0.1);\n --shadow-buttonSm: 0 1px 2px rgba(0, 0, 0, 0.05);\n --elevation-s: 0px 2px 8px rgba(6, 90, 96, 0.28);\n --elevation-m: 0px 4px 20px rgba(6, 90, 96, 0.28);\n --elevation-l: 0px 12px 32px rgba(6, 90, 96, 0.28);\n --button-primary-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);\n --button-secondary-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);\n --button-destructive-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);\n --button-outline-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);\n --button-warning-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);\n\n /**\n * @tokens Motion\n * @presenter Animation\n */\n\n --motion-duration-fast: 80ms;\n --motion-duration-normal: 200ms;\n --motion-easing-standard: cubic-bezier(0.4, 0, 0.2, 1);\n --animation-duration-fast: 80ms;\n --animation-duration-normal: 200ms;\n --animation-easing-standard: cubic-bezier(0.4, 0, 0.2, 1);\n --button-motion-duration: 200ms;\n\n /**\n * @tokens Other\n */\n\n --button-disabledOpacity: 0.5;\n\n /**\n * @tokens-end\n */\n\n /* Legacy --bc-* aliases for existing bc-ui consumers */\n --bc-primary: var(--color-action-primary);\n --bc-primary-darker: var(--color-action-primaryHover);\n --bc-primary-400: var(--color-action-primaryMuted);\n --bc-primary-light: var(--color-action-primarySubtle);\n --bc-primary-foreground: var(--color-action-primaryForeground);\n --bc-primary-lighter: var(--color-action-primarySoft);\n --bc-primary-darker-2: var(--color-action-primaryDeep);\n --bc-primary-05: var(--color-overlay-primary05);\n --bc-primary-10: var(--color-overlay-primary10);\n --bc-primary-20: var(--color-overlay-primary20);\n --bc-primary-30: var(--color-overlay-primary30);\n --bc-primary-40: var(--color-overlay-primary40);\n --bc-primary-60: var(--color-overlay-primary60);\n --bc-foreground: var(--color-text-primary);\n --bc-muted: var(--color-text-secondary);\n --bc-muted-foreground: var(--color-text-muted);\n --bc-placeholder: var(--color-text-placeholder);\n --bc-disabled: var(--color-text-disabled);\n --bc-primary-paragraph: var(--color-text-paragraph);\n --bc-background: var(--color-surface-default);\n --bc-background-secondary: var(--color-surface-subtle);\n --bc-hover-bg: var(--color-surface-hover);\n --bc-secondary: var(--color-surface-secondary);\n --bc-border-color: var(--color-border-default);\n --bc-secondary-border: var(--color-border-strong);\n --bc-danger: var(--color-status-danger);\n --bc-danger-alert: var(--color-status-dangerAlert);\n --bc-danger-darker: var(--color-status-dangerDark);\n --bc-danger-light: var(--color-status-dangerLight);\n --bc-danger-foreground: var(--color-status-dangerForeground);\n --bc-success: var(--color-status-success);\n --bc-success-darker: var(--color-status-successDark);\n --bc-success-light: var(--color-status-successLight);\n --bc-info: var(--color-status-info);\n --bc-info-light: var(--color-status-infoLight);\n --bc-charts-success: var(--color-chart-success);\n --bc-charts-warning: var(--color-chart-warning);\n --bc-charts-danger: var(--color-chart-danger);\n --bc-charts-label: var(--color-chart-label);\n --bc-charts-legend-label: var(--color-chart-legend);\n --bc-charts-tooltip-title: var(--color-chart-tooltipTitle);\n --bc-radius: var(--shape-radius-control);\n --bc-fontSize-body-5: var(--fontSize-body-5);\n --bc-fontSize-body-4: var(--fontSize-body-4);\n --bc-fontSize-body-3: var(--fontSize-body-3);\n --bc-fontSize-body-2: var(--fontSize-body-2);\n --bc-fontSize-body-1: var(--fontSize-body-1);\n --bc-fontSize-header-4: var(--fontSize-header-4);\n --bc-fontSize-header-3: var(--fontSize-header-3);\n --bc-fontSize-header-2_5: var(--fontSize-header-2_5);\n --bc-fontSize-header-2: var(--fontSize-header-2);\n --bc-fontSize-header-1: var(--fontSize-header-1);\n --bc-fontSize-button: var(--fontSize-button);\n --bc-fontWeight-light: var(--fontWeight-light);\n --bc-fontWeight-regular: var(--fontWeight-regular);\n --bc-fontWeight-normal: var(--fontWeight-normal);\n --bc-fontWeight-medium: var(--fontWeight-medium);\n --bc-fontWeight-semibold: var(--fontWeight-semibold);\n --bc-fontWeight-bold: var(--fontWeight-bold);\n --bc-fontWeight-extraBold: var(--fontWeight-extraBold);\n --bc-fontWeight-black: var(--fontWeight-black);\n --bc-lineHeight-body-5: var(--lineHeight-body-5);\n --bc-lineHeight-body-4: var(--lineHeight-body-4);\n --bc-lineHeight-body-3: var(--lineHeight-body-3);\n --bc-lineHeight-body-2: var(--lineHeight-body-2);\n --bc-lineHeight-body-1: var(--lineHeight-body-1);\n --bc-lineHeight-header-4: var(--lineHeight-header-4);\n --bc-lineHeight-header-3: var(--lineHeight-header-3);\n --bc-lineHeight-header-2: var(--lineHeight-header-2);\n --bc-lineHeight-header-1: var(--lineHeight-header-1);\n --bc-font-stack-poppins: var(--fontFamily-poppins);\n --bc-font-stack-montserrat: var(--fontFamily-montserrat);\n --bc-font-stack-inter: var(--fontFamily-inter);\n --bc-font-stack-arabic: var(--fontFamily-arabic);\n --bc-shadow-s: var(--elevation-s);\n --bc-shadow-m: var(--elevation-m);\n --bc-shadow-l: var(--elevation-l);\n --bc-font-stack: var(--fontFamily-poppins);\n --bc-font-stack-primary: var(--fontFamily-poppins);\n --bc-font-stack-secondary: var(--fontFamily-montserrat);\n --bc-secondary-foreground: var(--color-text-primary);\n --bc-secondary-hover: var(--color-surface-hover);\n --bc-ring-color: var(--color-overlay-primary20);\n}\n\n:root[data-theme=\"dark\"] {\n --color-action-primary: #95d5b2;\n --color-action-primaryHover: #258694;\n --color-action-primaryMuted: #258694;\n --color-action-primarySubtle: #1a1a1a;\n --color-action-primaryForeground: #161616;\n --color-action-primarySoft: #95d5b2;\n --color-action-primaryDeep: #95d5b2;\n --color-text-primary: #ffffff;\n --color-text-secondary: #9b9b9b;\n --color-text-muted: #9b9b9b;\n --color-text-placeholder: #9b9b9b;\n --color-text-disabled: #9b9b9b;\n --color-text-paragraph: #ffffff;\n --color-text-onPrimary: #161616;\n --color-surface-default: #1a1a1a;\n --color-surface-subtle: #1a1a1a;\n --color-surface-hover: rgba(255, 255, 255, 0.06);\n --color-surface-secondary: #1a1a1a;\n --color-border-default: #333333;\n --color-border-strong: #9b9b9b;\n --color-status-danger: #b42318;\n --color-status-dangerAlert: #d92d20;\n --color-status-dangerDark: #801c1c;\n --color-status-dangerLight: #fef3f2;\n --color-status-dangerForeground: #ffffff;\n --color-status-success: #2eb583;\n --color-status-successDark: #067647;\n --color-status-successLight: #ecfdf3;\n --color-status-info: #175cd3;\n --color-status-infoLight: #eff8ff;\n --color-chart-success: #2cb977;\n --color-chart-warning: #fedf89;\n --color-chart-danger: #eb6363;\n --color-chart-label: #384250;\n --color-chart-legend: #727272;\n --color-chart-tooltipTitle: #161616;\n --color-chart-series1: #163f45;\n --color-chart-series2: #16616c;\n --color-chart-series3: #1f8998;\n --color-chart-series4: #46aebc;\n --color-chart-series5: #72dde6;\n --color-chart-seriesOther: #b5edf2;\n --color-overlay-primary05: rgba(22, 97, 108, 0.05);\n --color-overlay-primary10: rgba(22, 97, 108, 0.1);\n --color-overlay-primary20: rgba(22, 97, 108, 0.2);\n --color-overlay-primary30: rgba(22, 97, 108, 0.3);\n --color-overlay-primary40: rgba(22, 97, 108, 0.4);\n --color-overlay-primary60: rgba(22, 97, 108, 0.6);\n}\n\n:root[lang='ar'] {\n --fontFamily-poppins: var(--fontFamily-arabic);\n --fontFamily-montserrat: var(--fontFamily-arabic);\n --fontFamily-inter: var(--fontFamily-arabic);\n}\n";
|
|
51
|
+
styleInject(css_248z);
|
|
52
|
+
|
|
23
53
|
/*
|
|
24
54
|
|
|
25
55
|
Based off glamor's StyleSheet, thanks Sunil ❤️
|
package/package.json
CHANGED
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
type ReportErrorContext = {
|
|
2
|
+
/** Sent as Sentry `extra` and as PostHog exception properties. */
|
|
3
|
+
extra?: Record<string, unknown>;
|
|
4
|
+
};
|
|
5
|
+
/**
|
|
6
|
+
* Reports a handled error to Sentry and PostHog error tracking. Uncaught errors reach both on
|
|
7
|
+
* their own, but an error swallowed by a catch block only gets reported through here.
|
|
8
|
+
*/
|
|
9
|
+
export declare const reportError: (error: unknown, context?: ReportErrorContext) => void;
|
|
10
|
+
export {};
|
package/src/lib/index.d.ts
CHANGED