@abyss-project/commons-front-core 8.1.0 → 8.3.0
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/README.md +78 -0
- package/catalog/captures-plan.ts +5 -1
- package/catalog/catalog-entries.ts +21 -1
- package/catalog/cloud-picker-fixture.tsx +97 -0
- package/catalog/pages/AccountMenu.tsx +62 -0
- package/catalog/pages/Avatar.tsx +94 -0
- package/catalog/pages/Callout.tsx +67 -0
- package/catalog/pages/CloudImport.tsx +35 -0
- package/catalog/pages/ContextSelector.tsx +103 -0
- package/catalog/pages/CopyField.tsx +29 -0
- package/catalog/pages/DropZone.tsx +37 -0
- package/catalog/pages/FormField.tsx +54 -0
- package/catalog/pages/ImportButton.tsx +45 -0
- package/catalog/pages/ImportFromCloudModal.tsx +33 -0
- package/catalog/pages/Menu.tsx +99 -98
- package/catalog/pages/NotificationsMenu.tsx +116 -0
- package/catalog/pages/NumberField.tsx +46 -0
- package/catalog/pages/QRCodeModal.tsx +26 -0
- package/catalog/pages/SettingsRow.tsx +67 -0
- package/catalog/pages/Tabs.tsx +72 -0
- package/catalog/pages/UsageMeter.tsx +58 -0
- package/catalog/pages/index.ts +34 -2
- package/catalog/specs/captures.spec.ts +7 -0
- package/catalog/specs/write-capture-index.ts +1 -0
- package/dist/{AbyssCookieConsentProvider-BhSzVu8P.js → AbyssCookieConsentProvider-B-PlGbFf.js} +815 -625
- package/dist/{CookieConsentSettings.component-DMEAuCVS.js → CookieConsentSettings.component-DEGCDEJW.js} +1 -1
- package/dist/components/business/CloudImport/CloudImport.d.ts +24 -0
- package/dist/components/business/CloudImport/cloud-import-tree.d.ts +22 -0
- package/dist/components/business/ImportFromCloudModal/ImportFromCloudModal.d.ts +21 -0
- package/dist/components/business/QRCodeModal/QRCodeModal.d.ts +18 -0
- package/dist/components/business/QRCodeModal/QRCodeModal.spec.d.ts +1 -0
- package/dist/components/business/index.d.ts +3 -0
- package/dist/components/data/DataTable/data-table.types.d.ts +10 -0
- package/dist/components/data/UsageMeter/UsageMeter.d.ts +31 -0
- package/dist/components/data/UsageMeter/UsageMeter.spec.d.ts +1 -0
- package/dist/components/data/index.d.ts +1 -0
- package/dist/components/inputs/ContextSelector/ContextSelector.d.ts +60 -0
- package/dist/components/inputs/ContextSelector/ContextSelector.spec.d.ts +1 -0
- package/dist/components/inputs/CopyField/CopyField.d.ts +19 -0
- package/dist/components/inputs/CopyField/CopyField.spec.d.ts +1 -0
- package/dist/components/inputs/DropZone/DropZone.d.ts +30 -0
- package/dist/components/inputs/DropZone/DropZone.spec.d.ts +1 -0
- package/dist/components/inputs/FormField/FormField.d.ts +29 -0
- package/dist/components/inputs/FormField/FormField.spec.d.ts +1 -0
- package/dist/components/inputs/ImportButton/ImportButton.d.ts +33 -0
- package/dist/components/inputs/ImportButton/ImportButton.spec.d.ts +1 -0
- package/dist/components/inputs/NumberField/NumberField.d.ts +21 -0
- package/dist/components/inputs/NumberField/NumberField.spec.d.ts +1 -0
- package/dist/components/inputs/NumberField/number-input.d.ts +13 -0
- package/dist/components/inputs/SettingsRow/SettingsRow.d.ts +16 -0
- package/dist/components/inputs/SettingsRow/SettingsRow.spec.d.ts +1 -0
- package/dist/components/inputs/index.d.ts +7 -0
- package/dist/components/layers/CommandPalette/CommandPalette.d.ts +27 -6
- package/dist/components/layers/CommandPalette/command-registry.d.ts +39 -9
- package/dist/components/layers/Menu/Menu.d.ts +2 -0
- package/dist/components/layers/Modal/Modal.d.ts +2 -1
- package/dist/components/meaning/Avatar/Avatar.d.ts +41 -0
- package/dist/components/meaning/Avatar/Avatar.spec.d.ts +1 -0
- package/dist/components/meaning/index.d.ts +1 -0
- package/dist/components/states/Callout/Callout.d.ts +25 -0
- package/dist/components/states/Callout/Callout.spec.d.ts +1 -0
- package/dist/components/states/PageState/PageState.d.ts +6 -1
- package/dist/components/states/index.d.ts +1 -0
- package/dist/components/structure/AccountMenu/AccountMenu.d.ts +27 -0
- package/dist/components/structure/AccountMenu/AccountMenu.spec.d.ts +1 -0
- package/dist/components/structure/AppShell/AppShell.d.ts +9 -3
- package/dist/components/structure/AppShell/ShellNavigation.d.ts +4 -2
- package/dist/components/structure/AppShell/app-shell.types.d.ts +38 -2
- package/dist/components/structure/NotificationsMenu/NotificationsMenu.d.ts +36 -0
- package/dist/components/structure/NotificationsMenu/NotificationsMenu.spec.d.ts +1 -0
- package/dist/components/structure/PageHeader/PageHeader.d.ts +2 -2
- package/dist/components/structure/Tabs/Tabs.d.ts +34 -0
- package/dist/components/structure/Tabs/Tabs.spec.d.ts +1 -0
- package/dist/components/structure/index.d.ts +3 -0
- package/dist/components/structure/test-support/structure-test-harness.d.ts +6 -0
- package/dist/cookie-consent.js +2 -2
- package/dist/design-theme-CKTz_cOa.js +15490 -0
- package/dist/hooks/index.d.ts +1 -0
- package/dist/hooks/use-rich-intl.hook.d.ts +190 -0
- package/dist/hooks/use-scroll-overflow-cue.hook.d.ts +9 -0
- package/dist/hooks/use-scroll-overflow-cue.hook.spec.d.ts +1 -0
- package/dist/{index-D5e4uD4k.js → index-7N3J68EI.js} +2 -2
- package/dist/{index-BqIg55B3.js → index-B3rK_-T4.js} +4 -4
- package/dist/{index-6KdfKdSJ.js → index-B6qHo25Z.js} +2 -2
- package/dist/{index-BTjzj7mm.js → index-BMaAO_4e.js} +2 -2
- package/dist/{index-CHGRiRCe.js → index-B_jSh70G.js} +3 -3
- package/dist/{index-BkfBpYKR.js → index-B_yywet5.js} +3 -3
- package/dist/{index-DixNft1u.js → index-Bdtvzv-J.js} +2 -2
- package/dist/{index-ClLoBnCN.js → index-Bh2_8FCK.js} +2 -2
- package/dist/{index-D_GWBYM2.js → index-Bpg9TBMX.js} +1 -1
- package/dist/{index-GoHiFeaw.js → index-Bpnf8xKI.js} +2 -2
- package/dist/{index-bR-mnNUA.js → index-Bw2swxVq.js} +2 -2
- package/dist/{index-LdiTmDFg.js → index-BxxZgBFn.js} +2 -2
- package/dist/{index-ASLTmD1Y.js → index-Ca9tzEsn.js} +2 -2
- package/dist/{index-21vSFz6u.js → index-Csvh-AG6.js} +2 -2
- package/dist/{index-l7FAjaVB.js → index-CwuklsUK.js} +3 -3
- package/dist/{index-Ni4BmFs4.js → index-DFC9xBY9.js} +2 -2
- package/dist/{index-Btnmn1iK.js → index-DfUcsAJv.js} +4 -4
- package/dist/{index-D4Qh2Iww.js → index-DqedXp41.js} +3 -3
- package/dist/{index-BVS73U9E.js → index-DwXNHQIp.js} +4 -4
- package/dist/{index-BtsnuEJC.js → index-_UY_fqvv.js} +28415 -34554
- package/dist/{index-7HAvRXgu.js → index-dVVflNge.js} +2 -2
- package/dist/{index-C92C_oG5.js → index-sEWp0xIC.js} +2 -2
- package/dist/index.js +8273 -5009
- package/dist/legacy/components/QuotaOffer/AbyssQuotaOffer.component.d.ts +1 -1
- package/dist/legacy/components/QuotaOffer/index.d.ts +2 -2
- package/dist/legacy/theme/core-breakpoints-under-legacy-theme.spec.d.ts +1 -0
- package/dist/legacy.js +144 -144
- package/dist/theme/DesignCssVariables.d.ts +11 -0
- package/dist/theme/DesignCssVariables.spec.d.ts +1 -0
- package/dist/theme/components/shared.d.ts +4 -1
- package/dist/theme/css-variables.d.ts +7 -0
- package/dist/theme/design-media.d.ts +26 -0
- package/dist/theme/design-media.spec.d.ts +1 -0
- package/dist/theme/focus-ring.spec.d.ts +1 -0
- package/dist/theme/index.d.ts +4 -0
- package/dist/theme/tokens/semantic.d.ts +1 -1
- package/dist/theme/use-design-breakpoint.d.ts +7 -0
- package/dist/translations/en.d.ts +95 -0
- package/dist/translations/fr.d.ts +95 -0
- package/dist/utils/cloud-accept.utils.spec.d.ts +1 -0
- package/dist/utils/index.d.ts +1 -0
- package/dist/utils/quota-offer-state.utils.spec.d.ts +1 -0
- package/package.json +1 -1
- package/test-results/catalog/.last-run.json +4 -0
- package/dist/design-theme-CvLzOz3p.js +0 -9305
- /package/dist/{legacy/components/Inputs/CloudImport/cloud-accept.spec.d.ts → components/business/CloudImport/CloudImport.spec.d.ts} +0 -0
- /package/dist/{legacy/components/QuotaOffer/quota-offer-state.spec.d.ts → components/business/ImportFromCloudModal/ImportFromCloudModal.spec.d.ts} +0 -0
- /package/dist/{legacy/components/Inputs/CloudImport/cloud-accept.d.ts → utils/cloud-accept.utils.d.ts} +0 -0
- /package/dist/{legacy/components/QuotaOffer/quota-offer-state.d.ts → utils/quota-offer-state.utils.d.ts} +0 -0
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
2
|
import { QuotaMarker } from '../QuotaGauge';
|
|
3
|
-
import { QuotaOfferInput } from '
|
|
3
|
+
import { QuotaOfferInput } from '../../../utils/quota-offer-state.utils';
|
|
4
4
|
/** Une branche chiffrée. Le composant ne calcule RIEN : il reçoit le montant déjà fait. */
|
|
5
5
|
export interface QuotaOfferBranch {
|
|
6
6
|
kind: 'extension' | 'pack' | 'overage' | 'ceiling' | 'unlock';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
export { AbyssQuotaOffer } from './AbyssQuotaOffer.component';
|
|
2
2
|
export type { AbyssQuotaOfferProps, QuotaOfferBranch, } from './AbyssQuotaOffer.component';
|
|
3
|
-
export { QuotaOfferState, deriveQuotaOfferState, offersAction, shouldSuggestModule, } from '
|
|
4
|
-
export type { QuotaOfferInput } from '
|
|
3
|
+
export { QuotaOfferState, deriveQuotaOfferState, offersAction, shouldSuggestModule, } from '../../../utils/quota-offer-state.utils';
|
|
4
|
+
export type { QuotaOfferInput } from '../../../utils/quota-offer-state.utils';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
package/dist/legacy.js
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { aE as e, aF as o, R as t, M as r, Q as i, aO as b, Z as n, aI as A, $ as
|
|
2
|
-
import { A as
|
|
3
|
-
import { C as
|
|
4
|
-
import {
|
|
1
|
+
import { aE as e, aF as o, R as t, M as r, Q as i, aO as b, Z as n, aI as A, $ as l, a6 as C, aB as S, ac as p, ad as u, aQ as y, b0 as c, a$ as d, aJ as g, aC as T, aY as P, aZ as I, aV as h, ay as _, Y as L, ae as E, a_ as m, aW as O, af as R, bk as f, _ as D, bn as k, bt as B, ap as M, aH as F, al as v, ak as N, aD as W, aG as U, aX as x, V as w, a5 as H, a4 as Q, bM as G, bo as V, bP as j, ag as Y, ai as X, ah as z, aa as K, a9 as Z, a8 as J, bW as q, at as $, aS as aa, aR as sa, aw as ea, ax as oa, ab as ta, aj as ra, bQ as ia, bT as ba, bN as na, bO as Aa, aT as la, aL as Ca, X as Sa, ar as pa, aq as ua, av as ya, a0 as ca, aU as da, au as ga, O as Ta, bS as Pa, bL as Ia, bl as ha, bm as _a, K as La, W as Ea, an as ma, ao as Oa, a1 as Ra, am as fa, aM as Da, bv as ka, bu as Ba, bq as Ma, b8 as Fa, b9 as va, ba as Na, bd as Wa, bi as Ua, bg as xa, b7 as wa, b6 as Ha, b3 as Qa, bb as Ga, b2 as Va, b5 as ja, bj as Ya, bc as Xa, b4 as za, bh as Ka, U as Za, S as Ja, aK as qa, aN as $a, aP as as, a2 as ss, a3 as es, bH as os, b1 as ts, br as rs, by as is, aA as bs, bA as ns, bJ as As, bD as ls, bB as Cs, bC as Ss, bf as ps, be as us, bV as ys, bU as cs, as as ds, bR as gs, bw as Ts, bE as Ps, bs as Is, bp as hs, bK as _s, bx as Ls, bG as Es, bI as ms, bz as Os, bF as Rs, az as fs, a7 as Ds, bX as ks } from "./index-_UY_fqvv.js";
|
|
2
|
+
import { A as Ms, h as Fs, c as vs, C as Ns, D as Ws, R as Us, V as xs, x as ws, X as Hs, K as Qs, d as Gs, L as Vs, M as js, I as Ys, J as Xs, E as zs, G as Ks, f as Zs, O as Js, P as qs, Z as $s, _ as ae, T as se, U as ee, $ as oe, a0 as te, B as re, s as ie, q as be, F as ne, H as Ae, v as le, y as Ce, r as Se, e as pe, z as ue, Q as ye, S as ce, Y as de, N as ge, W as Te, u as Pe, b as Ie, a as he, w as _e } from "./AbyssCookieConsentProvider-B-PlGbFf.js";
|
|
3
|
+
import { C as Ee } from "./CookieConsentSettings.component-DEGCDEJW.js";
|
|
4
|
+
import { be as Oe, M as Re, bd as fe, bc as De, bf as ke, J as Be, K as Me, F as Fe, I as ve, P as Ne, a1 as We, bh as Ue, W as xe, a2 as we, bi as He, bj as Qe, H as Ge, a3 as Ve, G as je, a4 as Ye, bg as Xe } from "./design-theme-CKTz_cOa.js";
|
|
5
5
|
export {
|
|
6
|
-
|
|
6
|
+
Oe as ABYSS_SERVICE_CONFIG,
|
|
7
7
|
e as ABYSS_SIDEBAR_WIDTH,
|
|
8
8
|
o as ABYSS_SIDEBAR_WIDTH_COLLAPSED,
|
|
9
9
|
t as AVATAR_BASE_SX,
|
|
@@ -12,9 +12,9 @@ export {
|
|
|
12
12
|
b as AbyssBackground,
|
|
13
13
|
n as AbyssBarChart,
|
|
14
14
|
A as AbyssBillingPlan,
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
15
|
+
l as AbyssCashFlowChart,
|
|
16
|
+
C as AbyssCommandPalette,
|
|
17
|
+
Ms as AbyssCookieConsentProvider,
|
|
18
18
|
S as AbyssDashboardLayout,
|
|
19
19
|
p as AbyssDatePicker,
|
|
20
20
|
u as AbyssDateTimePicker,
|
|
@@ -25,49 +25,49 @@ export {
|
|
|
25
25
|
T as AbyssHeader,
|
|
26
26
|
P as AbyssHeaderTitle,
|
|
27
27
|
I as AbyssLayoutMenu,
|
|
28
|
-
|
|
29
|
-
|
|
28
|
+
h as AbyssLayoutNotifications,
|
|
29
|
+
_ as AbyssLayoutProvider,
|
|
30
30
|
L as AbyssLineChart,
|
|
31
|
-
|
|
31
|
+
Re as AbyssLoadingScreen,
|
|
32
32
|
E as AbyssMarkdownEditor,
|
|
33
33
|
m as AbyssMenuItem,
|
|
34
|
-
|
|
34
|
+
Fs as AbyssModal,
|
|
35
35
|
O as AbyssNotifications,
|
|
36
36
|
R as AbyssNumberField,
|
|
37
|
-
|
|
38
|
-
|
|
37
|
+
f as AbyssPendingInvitations,
|
|
38
|
+
D as AbyssPieChart,
|
|
39
39
|
k as AbyssQuotaGauge,
|
|
40
40
|
B as AbyssQuotaOffer,
|
|
41
41
|
M as AbyssScopeSwitcher,
|
|
42
|
-
|
|
43
|
-
|
|
42
|
+
F as AbyssSearchBar,
|
|
43
|
+
v as AbyssSelectOrganization,
|
|
44
44
|
N as AbyssSelectProject,
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
45
|
+
fe as AbyssServiceChip,
|
|
46
|
+
De as AbyssServiceSelect,
|
|
47
|
+
ke as AbyssServiceSingleSelect,
|
|
48
48
|
W as AbyssSidebar,
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
49
|
+
Be as AbyssTable,
|
|
50
|
+
U as AbyssThemeToggle,
|
|
51
|
+
x as AbyssToast,
|
|
52
52
|
w as AccountTransactionsRow,
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
53
|
+
H as ApplicationSentinelTypeChip,
|
|
54
|
+
Q as ApplicationWebhookTypeChip,
|
|
55
|
+
G as BILLING_ACCOUNT_STATUS_COLORS,
|
|
56
56
|
V as BUBBLE_MAX_WIDTH,
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
57
|
+
vs as COOKIE_NAME,
|
|
58
|
+
j as CREDIT_TRANSACTION_TYPE_COLORS,
|
|
59
|
+
Y as CloudImport,
|
|
60
|
+
X as CloudImportFile,
|
|
61
|
+
z as CloudImportFolder,
|
|
62
62
|
K as ColorPalette,
|
|
63
63
|
Z as ColorPicker,
|
|
64
|
-
|
|
65
|
-
|
|
64
|
+
J as CompanySearchAutocomplete,
|
|
65
|
+
Me as ConfirmModal,
|
|
66
66
|
q as ConfirmModalContextProvider,
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
67
|
+
$ as ContextSelector,
|
|
68
|
+
Ns as CookieConsentBanner,
|
|
69
|
+
Ee as CookieConsentSettings,
|
|
70
|
+
Ws as DEFAULT_PRIVACY_HREF,
|
|
71
71
|
aa as DRAWER_WIDTH_COLLAPSED,
|
|
72
72
|
sa as DRAWER_WIDTH_EXPANDED,
|
|
73
73
|
ea as DashboardLayout,
|
|
@@ -75,13 +75,13 @@ export {
|
|
|
75
75
|
ta as DatePeriodPicker,
|
|
76
76
|
ra as DropZone,
|
|
77
77
|
ia as EUR_TRANSACTION_TYPE_COLORS,
|
|
78
|
-
|
|
78
|
+
Fe as ErrorInfoBox,
|
|
79
79
|
ba as GROUP_COLORS,
|
|
80
80
|
na as INVOICE_STATUS_COLORS,
|
|
81
81
|
Aa as INVOICE_TYPE_COLORS,
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
82
|
+
la as ImportButton,
|
|
83
|
+
Ca as ImportFromCloudModal,
|
|
84
|
+
ve as InfoBox,
|
|
85
85
|
Sa as InternalProjectCard,
|
|
86
86
|
pa as LANGUAGE_FLAGS,
|
|
87
87
|
ua as LanguageFlagLabel,
|
|
@@ -92,120 +92,120 @@ export {
|
|
|
92
92
|
Ta as OrganizationAvatar,
|
|
93
93
|
Pa as PAGE_ICONS,
|
|
94
94
|
Ia as PLAN_TIER_COLORS,
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
95
|
+
Ne as PasswordInput,
|
|
96
|
+
ha as PdfEditor,
|
|
97
|
+
_a as PdfOperationType,
|
|
98
98
|
La as ProjectAvatar,
|
|
99
99
|
Ea as ProjectCard,
|
|
100
100
|
ma as ProjectCategoryBadge,
|
|
101
101
|
Oa as ProjectLinkSelector,
|
|
102
102
|
Ra as ProjectStatusChip,
|
|
103
|
-
|
|
104
|
-
|
|
103
|
+
fa as ProjectTagChip,
|
|
104
|
+
Da as QRCodeModal,
|
|
105
105
|
ka as QUOTA_SERVICE_META,
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
106
|
+
We as QuotaOfferState,
|
|
107
|
+
Ba as QuotaReachedDialog,
|
|
108
|
+
Ma as QuotaSegmentKind,
|
|
109
|
+
Us as ReconcileAction,
|
|
110
|
+
Ue as SuccessInfoBox,
|
|
111
111
|
Fa as SupportActionButtons,
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
112
|
+
va as SupportActivityLog,
|
|
113
|
+
Na as SupportAttachmentsPanel,
|
|
114
|
+
Wa as SupportCategoryChip,
|
|
115
115
|
Ua as SupportCategoryGroupCards,
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
116
|
+
xa as SupportCategorySelect,
|
|
117
|
+
wa as SupportMessageInput,
|
|
118
|
+
Ha as SupportMessageThread,
|
|
119
|
+
Qa as SupportPriorityChip,
|
|
120
|
+
Ga as SupportSidebar,
|
|
121
|
+
Va as SupportStatusBadge,
|
|
122
122
|
ja as SupportTicketCreateForm,
|
|
123
|
-
|
|
123
|
+
Ya as SupportTicketCreateStepper,
|
|
124
124
|
Xa as SupportTicketDetail,
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
125
|
+
za as SupportTicketList,
|
|
126
|
+
Ka as SupportTopBar,
|
|
127
|
+
Za as UserAvatar,
|
|
128
|
+
Ja as UserAvatarList,
|
|
129
|
+
qa as UserSettings,
|
|
130
|
+
$a as UserSettingsModal,
|
|
131
|
+
xs as VALIDITY_DAYS,
|
|
132
|
+
xe as WarnInfoBox,
|
|
133
|
+
as as WaterParticles,
|
|
134
|
+
ss as WebhookResponseCodeChip,
|
|
135
|
+
es as WebhookTypeChip,
|
|
136
|
+
ws as amber,
|
|
137
|
+
os as bioluminescentPulse,
|
|
138
|
+
Hs as brand,
|
|
139
|
+
ts as buildAbyssFamilyMenuSection,
|
|
140
|
+
rs as buildQuotaAxis,
|
|
141
|
+
is as buildQuotaServiceChipSx,
|
|
142
|
+
Qs as chipColors,
|
|
143
|
+
Gs as clearCookie,
|
|
144
|
+
Vs as colorPool,
|
|
145
|
+
js as colorPoolExtended,
|
|
146
|
+
Ys as colors,
|
|
147
|
+
bs as createAbyssLayoutStore,
|
|
148
|
+
ns as createAbyssTheme,
|
|
149
|
+
Xs as cyan,
|
|
150
|
+
zs as darkCustom,
|
|
151
|
+
Ks as darkPalette,
|
|
152
|
+
we as deriveQuotaOfferState,
|
|
153
153
|
He as duration,
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
154
|
+
Qe as easing,
|
|
155
|
+
As as fadeIn,
|
|
156
|
+
Zs as flattenTranslations,
|
|
157
|
+
ls as fontFamily,
|
|
158
|
+
Cs as fontSize,
|
|
159
|
+
Ss as fontWeight,
|
|
160
|
+
ps as getCategoryConfig,
|
|
161
|
+
us as getCategoryGroup,
|
|
162
|
+
ys as getFileColor,
|
|
163
|
+
cs as getFileIcon,
|
|
164
|
+
ds as getLanguageFlag,
|
|
165
|
+
Js as getPoolColor,
|
|
166
|
+
qs as getPoolColorExtended,
|
|
167
|
+
gs as getProjectColor,
|
|
168
|
+
Ts as getQuotaServiceColor,
|
|
169
|
+
Ge as getServiceConfig,
|
|
170
|
+
$s as glassDark,
|
|
171
|
+
ae as glassLight,
|
|
172
|
+
se as glow,
|
|
173
|
+
ee as glowCyan,
|
|
174
|
+
oe as gradientsDark,
|
|
175
|
+
te as gradientsLight,
|
|
176
|
+
re as green,
|
|
177
|
+
Ps as iconSize,
|
|
178
|
+
ie as indigo,
|
|
179
|
+
be as legacyTokens,
|
|
180
|
+
ne as lightCustom,
|
|
181
|
+
Ae as lightPalette,
|
|
182
|
+
Is as markerRatio,
|
|
183
|
+
le as neutral,
|
|
184
|
+
Ve as offersAction,
|
|
185
|
+
hs as placeBubble,
|
|
186
|
+
_s as pulseGlow,
|
|
187
|
+
Ce as purple,
|
|
188
188
|
je as radius,
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
189
|
+
Se as readCookie,
|
|
190
|
+
pe as reconcile,
|
|
191
|
+
ue as red,
|
|
192
|
+
Ls as renderQuotaServiceIcon,
|
|
193
|
+
ye as shadow,
|
|
194
|
+
ce as shadowLight,
|
|
195
|
+
Es as shimmer,
|
|
196
|
+
Ye as shouldSuggestModule,
|
|
197
|
+
ms as slideInUp,
|
|
198
|
+
de as social,
|
|
199
|
+
ge as tagColorPool,
|
|
200
|
+
Te as textShadow,
|
|
201
|
+
Os as theme,
|
|
202
|
+
Xe as transition,
|
|
203
|
+
Rs as typographyVariants,
|
|
204
|
+
Pe as useAbyssCookieConsent,
|
|
205
|
+
fs as useAbyssLayoutStore,
|
|
206
|
+
Ds as useCommandPaletteHotkey,
|
|
207
|
+
ks as useConfirm,
|
|
208
|
+
Ie as useCookieConsent,
|
|
209
|
+
he as useOptionalAbyssCookieConsent,
|
|
210
|
+
_e as writeCookie
|
|
211
211
|
};
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { ThemeMode } from './tokens/primitives';
|
|
2
|
+
export interface DesignCssVariablesProps {
|
|
3
|
+
mode: ThemeMode;
|
|
4
|
+
}
|
|
5
|
+
/**
|
|
6
|
+
* Writes the `--abyss-*` variables of `mode` on the document root, the ones `AbyssThemeProvider`
|
|
7
|
+
* writes. For a host still under the legacy theme provider: the design system components that
|
|
8
|
+
* paint through those variables (`ToolIcon`, the `AppShell` product icon) then render as they do
|
|
9
|
+
* under `AbyssThemeProvider`. Never mount both: `AbyssThemeProvider` already writes them.
|
|
10
|
+
*/
|
|
11
|
+
export declare function DesignCssVariables({ mode, }: DesignCssVariablesProps): JSX.Element;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -15,7 +15,10 @@ type ControlSize = 'small' | 'medium' | 'large';
|
|
|
15
15
|
export declare const controlHeight: (theme: Theme, size?: ControlSize) => number;
|
|
16
16
|
/** Height of a table or list row at the theme density. */
|
|
17
17
|
export declare const rowHeight: (theme: Theme) => number;
|
|
18
|
-
/**
|
|
18
|
+
/**
|
|
19
|
+
* Minimum tap size below 768 px (ADR-0174 §3, densité): the design system's mobile tier, whatever
|
|
20
|
+
* the theme's MUI breakpoints.
|
|
21
|
+
*/
|
|
19
22
|
export declare const touchTarget: (theme: Theme) => CSSObject;
|
|
20
23
|
/** Motion of a property at the standard curve. */
|
|
21
24
|
export declare const transitionOf: (theme: Theme, properties: string[], duration?: keyof Theme["design"]["durations"]) => string;
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { ThemeMode } from './tokens/primitives';
|
|
1
2
|
import { SemanticToken } from './tokens/semantic';
|
|
2
3
|
/** The CSS custom property of a semantic token: `bg.canvas` -> `--abyss-bg-canvas`. */
|
|
3
4
|
export declare function cssVariableName(token: SemanticToken): string;
|
|
@@ -7,3 +8,9 @@ export declare function cssVariableName(token: SemanticToken): string;
|
|
|
7
8
|
* always matches the document root.
|
|
8
9
|
*/
|
|
9
10
|
export declare function buildCssVariables(): string;
|
|
11
|
+
/**
|
|
12
|
+
* The `--abyss-*` stylesheet of one mode on the document root, with no `data-theme` selector: the
|
|
13
|
+
* same declarations `buildCssVariables` gives that mode, for a host that does not render
|
|
14
|
+
* `AbyssThemeProvider` and so never sets `data-theme`.
|
|
15
|
+
*/
|
|
16
|
+
export declare function buildModeCssVariables(mode: ThemeMode): string;
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* The width tiers of the design system (ADR-0174 §3): mobile below 768 px, tablet from 768 to
|
|
3
|
+
* 1199 px, desktop from 1200 px.
|
|
4
|
+
*/
|
|
5
|
+
export declare enum DesignTier {
|
|
6
|
+
Mobile = "mobile",
|
|
7
|
+
Tablet = "tablet",
|
|
8
|
+
Desktop = "desktop"
|
|
9
|
+
}
|
|
10
|
+
/** A tier that starts at a breakpoint: every tier but the first. */
|
|
11
|
+
export type DesignTierStart = DesignTier.Tablet | DesignTier.Desktop;
|
|
12
|
+
/**
|
|
13
|
+
* Media queries on the design system's widths, read from the tokens and never from
|
|
14
|
+
* `theme.breakpoints`: a component switches at 768 / 1200 px whatever the theme it renders under,
|
|
15
|
+
* the legacy one included (MUI's `md` there is 900 px). The strings are those MUI's breakpoints
|
|
16
|
+
* build, so under `AbyssThemeProvider`, whose breakpoints are the tokens, nothing changes. They
|
|
17
|
+
* serve as `styled` keys and as `useMediaQuery` queries alike.
|
|
18
|
+
*/
|
|
19
|
+
export declare const designMedia: {
|
|
20
|
+
/** From the start of `tier` up. */
|
|
21
|
+
up: (tier: DesignTierStart) => string;
|
|
22
|
+
/** Below the start of `tier`. */
|
|
23
|
+
down: (tier: DesignTierStart) => string;
|
|
24
|
+
/** The widths of `tier` only. */
|
|
25
|
+
only: (tier: DesignTier) => string;
|
|
26
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
package/dist/theme/index.d.ts
CHANGED
|
@@ -3,3 +3,7 @@ export * from './augmentation';
|
|
|
3
3
|
export * from './create-abyss-theme';
|
|
4
4
|
export * from './css-variables';
|
|
5
5
|
export * from './AbyssThemeProvider';
|
|
6
|
+
export * from './DesignCssVariables';
|
|
7
|
+
export * from './design-media';
|
|
8
|
+
export * from './use-design-breakpoint';
|
|
9
|
+
export { focusRing } from './components/shared';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { Oklch } from './oklch';
|
|
2
2
|
import { ThemeMode } from './primitives';
|
|
3
|
-
export declare const SEMANTIC_TOKENS: readonly ["bg.canvas", "bg.sidebar", "bg.surface", "bg.raised", "bg.hover", "border.subtle", "border.strong", "border.control", "text.primary", "text.secondary", "text.muted", "accent", "accent.text", "accent.on", "focus.ring", "brand", "brand.gradientFrom", "brand.gradientTo", "status.success", "status.warning", "status.danger", "status.info", "status.highlight", "status.neutral", "status.success.soft", "status.warning.soft", "status.danger.soft", "status.info.soft", "status.highlight.soft", "status.neutral.soft", "overlay.scrim"];
|
|
3
|
+
export declare const SEMANTIC_TOKENS: readonly ["bg.canvas", "bg.sidebar", "bg.surface", "bg.raised", "bg.hover", "border.subtle", "border.strong", "border.control", "text.primary", "text.secondary", "text.muted", "accent", "accent.text", "accent.on", "focus.ring", "brand", "brand.gradientFrom", "brand.gradientTo", "status.success", "status.warning", "status.danger", "status.info", "status.highlight", "status.neutral", "status.success.soft", "status.warning.soft", "status.danger.soft", "status.info.soft", "status.highlight.soft", "status.neutral.soft", "overlay.scrim", "paper", "paper.on"];
|
|
4
4
|
export type SemanticToken = (typeof SEMANTIC_TOKENS)[number];
|
|
5
5
|
export declare const semanticTokens: Record<ThemeMode, Record<SemanticToken, Oklch>>;
|
|
6
6
|
/** Every semantic token of a mode, converted to sRGB hexadecimal ('#rrggbb' or '#rrggbbaa'). */
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { DesignTier } from './design-media';
|
|
2
|
+
/**
|
|
3
|
+
* The design system tier of the viewport (mobile < 768 px, tablet 768–1199 px, desktop ≥ 1200 px),
|
|
4
|
+
* whatever the theme's MUI breakpoints. Read on the first render (`noSsr`): a component draws the
|
|
5
|
+
* right form at once, without a pass at the wrong one.
|
|
6
|
+
*/
|
|
7
|
+
export declare const useDesignBreakpoint: () => DesignTier;
|
|
@@ -1590,6 +1590,40 @@ declare const _default: {
|
|
|
1590
1590
|
swatches: string;
|
|
1591
1591
|
invalid: string;
|
|
1592
1592
|
};
|
|
1593
|
+
'copy-field': {
|
|
1594
|
+
masked: string;
|
|
1595
|
+
reveal: string;
|
|
1596
|
+
hide: string;
|
|
1597
|
+
copied: string;
|
|
1598
|
+
'copy-failed': string;
|
|
1599
|
+
};
|
|
1600
|
+
'context-selector': {
|
|
1601
|
+
personal: string;
|
|
1602
|
+
'organization-entry': string;
|
|
1603
|
+
empty: string;
|
|
1604
|
+
};
|
|
1605
|
+
'drop-zone': {
|
|
1606
|
+
prompt: string;
|
|
1607
|
+
release: string;
|
|
1608
|
+
browse: string;
|
|
1609
|
+
cloud: string;
|
|
1610
|
+
'max-size': string;
|
|
1611
|
+
'too-big': string;
|
|
1612
|
+
'some-too-big': string;
|
|
1613
|
+
'too-many': string;
|
|
1614
|
+
'rejected-type': string;
|
|
1615
|
+
};
|
|
1616
|
+
'import-button': {
|
|
1617
|
+
file: string;
|
|
1618
|
+
url: string;
|
|
1619
|
+
cloud: string;
|
|
1620
|
+
'url-title': string;
|
|
1621
|
+
'url-label': string;
|
|
1622
|
+
'url-invalid': string;
|
|
1623
|
+
'url-failed': string;
|
|
1624
|
+
cancel: string;
|
|
1625
|
+
confirm: string;
|
|
1626
|
+
};
|
|
1593
1627
|
};
|
|
1594
1628
|
structure: {
|
|
1595
1629
|
'app-shell': {
|
|
@@ -1603,6 +1637,22 @@ declare const _default: {
|
|
|
1603
1637
|
};
|
|
1604
1638
|
'item-with-count': string;
|
|
1605
1639
|
'item-urgent': string;
|
|
1640
|
+
'new-tab': string;
|
|
1641
|
+
};
|
|
1642
|
+
'notifications-menu': {
|
|
1643
|
+
trigger: string;
|
|
1644
|
+
title: string;
|
|
1645
|
+
empty: string;
|
|
1646
|
+
loading: string;
|
|
1647
|
+
unread: string;
|
|
1648
|
+
'mark-all-read': string;
|
|
1649
|
+
sound: string;
|
|
1650
|
+
preferences: string;
|
|
1651
|
+
};
|
|
1652
|
+
'account-menu': {
|
|
1653
|
+
trigger: string;
|
|
1654
|
+
'dark-mode': string;
|
|
1655
|
+
logout: string;
|
|
1606
1656
|
};
|
|
1607
1657
|
'page-header': {
|
|
1608
1658
|
breadcrumbs: string;
|
|
@@ -1656,6 +1706,9 @@ declare const _default: {
|
|
|
1656
1706
|
'not-found-title': string;
|
|
1657
1707
|
'not-found-description': string;
|
|
1658
1708
|
};
|
|
1709
|
+
callout: {
|
|
1710
|
+
close: string;
|
|
1711
|
+
};
|
|
1659
1712
|
};
|
|
1660
1713
|
data: {
|
|
1661
1714
|
'data-table': {
|
|
@@ -1669,6 +1722,9 @@ declare const _default: {
|
|
|
1669
1722
|
'stat-tile': {
|
|
1670
1723
|
trend: string;
|
|
1671
1724
|
};
|
|
1725
|
+
'usage-meter': {
|
|
1726
|
+
'value-of-max': string;
|
|
1727
|
+
};
|
|
1672
1728
|
};
|
|
1673
1729
|
meaning: {
|
|
1674
1730
|
severity: {
|
|
@@ -1693,6 +1749,41 @@ declare const _default: {
|
|
|
1693
1749
|
'download-anyway': string;
|
|
1694
1750
|
cancel: string;
|
|
1695
1751
|
};
|
|
1752
|
+
'cloud-import': {
|
|
1753
|
+
title: string;
|
|
1754
|
+
loading: string;
|
|
1755
|
+
'space-label': string;
|
|
1756
|
+
'section-personal': string;
|
|
1757
|
+
'section-organization': string;
|
|
1758
|
+
'section-shared': string;
|
|
1759
|
+
refresh: string;
|
|
1760
|
+
'refresh-error': string;
|
|
1761
|
+
'open-in-cloud': string;
|
|
1762
|
+
'filtered-hint': string;
|
|
1763
|
+
'tree-label': string;
|
|
1764
|
+
'tree-loading': string;
|
|
1765
|
+
'tree-error': string;
|
|
1766
|
+
retry: string;
|
|
1767
|
+
'empty-space': string;
|
|
1768
|
+
'select-folder': string;
|
|
1769
|
+
selected: string;
|
|
1770
|
+
import: string;
|
|
1771
|
+
'create-error': {
|
|
1772
|
+
title: string;
|
|
1773
|
+
description: string;
|
|
1774
|
+
'create-button': string;
|
|
1775
|
+
};
|
|
1776
|
+
};
|
|
1777
|
+
'qr-code': {
|
|
1778
|
+
title: string;
|
|
1779
|
+
image: string;
|
|
1780
|
+
loading: string;
|
|
1781
|
+
failed: string;
|
|
1782
|
+
copy: string;
|
|
1783
|
+
share: string;
|
|
1784
|
+
copied: string;
|
|
1785
|
+
'copy-failed': string;
|
|
1786
|
+
};
|
|
1696
1787
|
};
|
|
1697
1788
|
layers: {
|
|
1698
1789
|
modal: {
|
|
@@ -1715,6 +1806,10 @@ declare const _default: {
|
|
|
1715
1806
|
search: string;
|
|
1716
1807
|
results: string;
|
|
1717
1808
|
empty: string;
|
|
1809
|
+
recents: string;
|
|
1810
|
+
'clear-group': string;
|
|
1811
|
+
'source-loading': string;
|
|
1812
|
+
'source-error': string;
|
|
1718
1813
|
};
|
|
1719
1814
|
};
|
|
1720
1815
|
};
|