@cgi-learning-hub/ui 1.15.0-dev.1788870644 → 1.15.0-dev.1789031750

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.cjs.js CHANGED
@@ -1,5 +1,5 @@
1
1
  Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
2
- const require_src = require("./src-DLUPogQT.cjs");
2
+ const require_src = require("./src-SrVFLE7u.cjs");
3
3
  let _mui_material_Accordion = require("@mui/material/Accordion");
4
4
  let _mui_material_AccordionActions = require("@mui/material/AccordionActions");
5
5
  let _mui_material_AccordionDetails = require("@mui/material/AccordionDetails");
package/dist/index.es.js CHANGED
@@ -1,4 +1,4 @@
1
- import { $ as ListSubheader, $t as FolderCard, A as DialogTitle, At as TableSortLabel, B as Grid, Bt as ZoomControl, C as CircularProgress, Ct as TableBody, D as DialogActions, Dt as TableHead, E as Container, Et as TableFooter, F as FormControlLabel, Ft as Toolbar, G as InputLabel, Gt as ResourceCard, H as IconButton, Ht as ICON_TYPE, I as FormGroup, It as Tooltip, J as List, Jt as LoaderBackdrop, K as LinearProgress, Kt as QueryError, L as FormHelperText, Lt as Typography, M as Drawer, Mt as TextField, N as Fade, Nt as ToggleButton, O as DialogContent, Ot as TablePagination, P as FormControl, Pt as ToggleButtonGroup, Q as ListItemText, Qt as Heading, R as FormLabel, Rt as Zoom, S as Chip, St as Table, T as Collapse, Tt as TableContainer, U as Input, Ut as TimePicker, V as Grow, Vt as TreeView, W as InputBase, Wt as SearchInput, X as ListItemButton, Xt as ImagePicker, Y as ListItem, Yt as Loader, Z as ListItemIcon, _ as CardActions, _n as TabList, _t as StepLabel, a as AlertTitle, an as Dialog, at as Paper, b as CardMedia, bn as getTabId, bt as Switch, c as Avatar, cn as DEFAULT_COLOR_OPTIONS, ct as RadioGroup, d as Box, dn as Alert, dt as Slide, en as FileList, et as Menu, f as Breadcrumbs, fn as ActionBar, ft as Slider, g as CardActionArea, gt as StepButton, h as Card, hn as tabPanelClasses, ht as Step, i as AccordionSummary, in as Dropzone, it as Pagination, j as Divider, jt as Tabs, k as DialogContentText, kt as TableRow, l as Backdrop, lt as Select, m as ButtonGroup, mn as getTabPanelUtilityClass, mt as Stack, n as AccordionActions, nn as EmptyState, nt as MobileStepper, o as AppBar, on as DatePicker, ot as Popover, p as Button, pn as TabPanel, pt as Snackbar, q as Link, qt as PasswordInput, r as AccordionDetails, rn as EllipsisWithTooltip, rt as Modal, s as Autocomplete, sn as ColorPicker, st as Radio, t as Accordion, tn as FileListItem, tt as MenuItem, u as Badge, ut as Skeleton, v as CardContent, vn as TabContext, vt as Stepper, w as ClickAwayListener, wt as TableCell, x as Checkbox, xn as useTabContext, xt as Tab, y as CardHeader, yn as getPanelId, yt as SvgIcon, z as GlobalStyles, zt as useMediaQuery } from "./src-CUvREoVb.js";
1
+ import { $ as ListSubheader, $t as FolderCard, A as DialogTitle, At as TableSortLabel, B as Grid, Bt as ZoomControl, C as CircularProgress, Ct as TableBody, D as DialogActions, Dt as TableHead, E as Container, Et as TableFooter, F as FormControlLabel, Ft as Toolbar, G as InputLabel, Gt as ResourceCard, H as IconButton, Ht as ICON_TYPE, I as FormGroup, It as Tooltip, J as List, Jt as LoaderBackdrop, K as LinearProgress, Kt as QueryError, L as FormHelperText, Lt as Typography, M as Drawer, Mt as TextField, N as Fade, Nt as ToggleButton, O as DialogContent, Ot as TablePagination, P as FormControl, Pt as ToggleButtonGroup, Q as ListItemText, Qt as Heading, R as FormLabel, Rt as Zoom, S as Chip, St as Table, T as Collapse, Tt as TableContainer, U as Input, Ut as TimePicker, V as Grow, Vt as TreeView, W as InputBase, Wt as SearchInput, X as ListItemButton, Xt as ImagePicker, Y as ListItem, Yt as Loader, Z as ListItemIcon, _ as CardActions, _n as TabList, _t as StepLabel, a as AlertTitle, an as Dialog, at as Paper, b as CardMedia, bn as getTabId, bt as Switch, c as Avatar, cn as DEFAULT_COLOR_OPTIONS, ct as RadioGroup, d as Box, dn as Alert, dt as Slide, en as FileList, et as Menu, f as Breadcrumbs, fn as ActionBar, ft as Slider, g as CardActionArea, gt as StepButton, h as Card, hn as tabPanelClasses, ht as Step, i as AccordionSummary, in as Dropzone, it as Pagination, j as Divider, jt as Tabs, k as DialogContentText, kt as TableRow, l as Backdrop, lt as Select, m as ButtonGroup, mn as getTabPanelUtilityClass, mt as Stack, n as AccordionActions, nn as EmptyState, nt as MobileStepper, o as AppBar, on as DatePicker, ot as Popover, p as Button, pn as TabPanel, pt as Snackbar, q as Link, qt as PasswordInput, r as AccordionDetails, rn as EllipsisWithTooltip, rt as Modal, s as Autocomplete, sn as ColorPicker, st as Radio, t as Accordion, tn as FileListItem, tt as MenuItem, u as Badge, ut as Skeleton, v as CardContent, vn as TabContext, vt as Stepper, w as ClickAwayListener, wt as TableCell, x as Checkbox, xn as useTabContext, xt as Tab, y as CardHeader, yn as getPanelId, yt as SvgIcon, z as GlobalStyles, zt as useMediaQuery } from "./src-Dq1ktT5o.js";
2
2
  export * from "@mui/material/Tabs";
3
3
  export * from "@mui/material/styles";
4
4
  export * from "@mui/material/Accordion";
@@ -18671,6 +18671,7 @@ var DeleteRounded_default = SvgIcon_default(/*#__PURE__*/ jsx("path", { d: "M6 1
18671
18671
  var StyledStack = styled(Stack)(({ theme, disabled, hasFile, height, width }) => ({
18672
18672
  justifyContent: "center",
18673
18673
  alignItems: "center",
18674
+ position: "relative",
18674
18675
  minWidth: "150px",
18675
18676
  width,
18676
18677
  minHeight: "150px",
@@ -29562,4 +29563,4 @@ var ZoomControl = ({ step = 10, value = 50, onChange, max = 100, min = 0, label
29562
29563
  //#endregion
29563
29564
  export { ListSubheader as $, FolderCard as $t, DialogTitle as A, TableSortLabel as At, Grid as B, ZoomControl as Bt, CircularProgress$1 as C, TableBody as Ct, DialogActions$1 as D, TableHead as Dt, Container as E, TableFooter as Et, FormControlLabel as F, Toolbar as Ft, InputLabel$1 as G, ResourceCard as Gt, IconButton as H, ICON_TYPE as Ht, FormGroup as I, Tooltip$1 as It, List$1 as J, LoaderBackdrop as Jt, LinearProgress as K, QueryError as Kt, FormHelperText$1 as L, Typography$1 as Lt, Drawer as M, TextField$1 as Mt, Fade$1 as N, ToggleButton as Nt, DialogContent$1 as O, TablePagination as Ot, FormControl$1 as P, ToggleButtonGroup as Pt, ListItemText$1 as Q, Heading as Qt, FormLabel as R, Zoom as Rt, Chip$1 as S, Table as St, Collapse$1 as T, TableContainer as Tt, Input as U, TimePicker as Ut, Grow$1 as V, TreeView as Vt, InputBase$1 as W, SearchInput as Wt, ListItemButton$1 as X, ImagePicker as Xt, ListItem$1 as Y, Loader as Yt, ListItemIcon$1 as Z, DeleteRounded_default as Zt, CardActions as _, TabList as _n, StepLabel as _t, AlertTitle$1 as a, Dialog as an, Paper as at, CardMedia$1 as b, getTabId as bn, Switch as bt, Avatar as c, DEFAULT_COLOR_OPTIONS as cn, RadioGroup as ct, Box$1 as d, Alert as dn, Slide as dt, FileList as en, Menu as et, Breadcrumbs as f, ActionBar as fn, Slider as ft, CardActionArea as g, clsx as gn, StepButton as gt, Card$1 as h, tabPanelClasses as hn, Step as ht, AccordionSummary as i, Dropzone as in, Pagination as it, Divider$1 as j, Tabs$1 as jt, DialogContentText as k, TableRow as kt, Backdrop$1 as l, SvgIcon_default as ln, Select as lt, ButtonGroup as m, getTabPanelUtilityClass as mn, Stack$1 as mt, AccordionActions as n, EmptyState as nn, MobileStepper as nt, AppBar as o, DatePicker as on, Popover as ot, Button$1 as p, TabPanel as pn, Snackbar as pt, Link as q, PasswordInput as qt, AccordionDetails as r, EllipsisWithTooltip as rn, Modal as rt, Autocomplete as s, ColorPicker as sn, Radio as st, Accordion as t, FileListItem as tn, MenuItem$1 as tt, Badge as u, Circle as un, Skeleton as ut, CardContent$1 as v, TabContext as vn, Stepper as vt, ClickAwayListener$1 as w, TableCell as wt, Checkbox as x, useTabContext as xn, Tab as xt, CardHeader as y, getPanelId as yn, SvgIcon as yt, GlobalStyles as z, useMediaQuery$1 as zt };
29564
29565
 
29565
- //# sourceMappingURL=src-CUvREoVb.js.map
29566
+ //# sourceMappingURL=src-Dq1ktT5o.js.map
@@ -1,5 +1,5 @@
1
1
  Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
2
- const require_src = require("../src-DLUPogQT.cjs");
2
+ const require_src = require("../src-SrVFLE7u.cjs");
3
3
  let react = require("react");
4
4
  let react_jsx_runtime = require("react/jsx-runtime");
5
5
  let _mui_material_styles = require("@mui/material/styles");
@@ -1,4 +1,4 @@
1
- import { H as IconButton, It as Tooltip, Lt as Typography, Nt as ToggleButton, W as InputBase, Zt as DeleteRounded_default, et as Menu, gn as clsx, j as Divider, ln as SvgIcon_default, mt as Stack, ot as Popover, tt as MenuItem, u as Badge, un as Circle } from "../src-CUvREoVb.js";
1
+ import { H as IconButton, It as Tooltip, Lt as Typography, Nt as ToggleButton, W as InputBase, Zt as DeleteRounded_default, et as Menu, gn as clsx, j as Divider, ln as SvgIcon_default, mt as Stack, ot as Popover, tt as MenuItem, u as Badge, un as Circle } from "../src-Dq1ktT5o.js";
2
2
  import { Fragment, forwardRef, useCallback, useEffect, useMemo, useRef, useState } from "react";
3
3
  import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
4
4
  import { styled } from "@mui/material/styles";
@@ -619,3 +619,91 @@
619
619
  transition: margin-left 0.2s ease-in-out;
620
620
  margin-left: calc(var(--tt-indent-unit) * var(--tt-indent-level, 0));
621
621
  }
622
+
623
+ :root {
624
+ --tt-toolbar-height: 2.75rem;
625
+ --tt-safe-area-bottom: env(safe-area-inset-bottom, 0px);
626
+ --tt-toolbar-bg-color: var(--theme-palette-common-white);
627
+ --tt-toolbar-border-color: var(--theme-palette-divider);
628
+ }
629
+
630
+ .dark {
631
+ --tt-toolbar-bg-color: var(--theme-palette-common-black);
632
+ --tt-toolbar-border-color: var(--theme-palette-divider);
633
+ }
634
+
635
+ .tiptap-toolbar {
636
+ display: flex;
637
+ align-items: center;
638
+ gap: 0.25rem;
639
+ }
640
+ .tiptap-toolbar-group {
641
+ display: flex;
642
+ align-items: center;
643
+ gap: 0.125rem;
644
+ }
645
+ .tiptap-toolbar-group:empty {
646
+ display: none;
647
+ }
648
+ .tiptap-toolbar-group:empty + .tiptap-separator, .tiptap-separator + .tiptap-toolbar-group:empty {
649
+ display: none;
650
+ }
651
+ .tiptap-toolbar[data-variant=fixed] {
652
+ position: sticky;
653
+ top: 0;
654
+ z-index: 50;
655
+ width: 100%;
656
+ min-height: var(--tt-toolbar-height);
657
+ background: var(--tt-toolbar-bg-color);
658
+ border-bottom: 1px solid var(--tt-toolbar-border-color);
659
+ padding: 0 0.5rem;
660
+ overflow-x: auto;
661
+ overscroll-behavior-x: contain;
662
+ -webkit-overflow-scrolling: touch;
663
+ scrollbar-width: none;
664
+ -ms-overflow-style: none;
665
+ }
666
+ .tiptap-toolbar[data-variant=fixed]::-webkit-scrollbar {
667
+ display: none;
668
+ }
669
+ @media (max-width: 480px) {
670
+ .tiptap-toolbar[data-variant=fixed] {
671
+ position: absolute;
672
+ top: auto;
673
+ height: calc(var(--tt-toolbar-height) + var(--tt-safe-area-bottom));
674
+ border-top: 1px solid var(--tt-toolbar-border-color);
675
+ border-bottom: none;
676
+ padding: 0 0.5rem var(--tt-safe-area-bottom);
677
+ flex-wrap: nowrap;
678
+ justify-content: flex-start;
679
+ }
680
+ .tiptap-toolbar[data-variant=fixed] .tiptap-toolbar-group {
681
+ flex: 0 0 auto;
682
+ }
683
+ }
684
+ .tiptap-toolbar[data-variant=floating] {
685
+ --tt-toolbar-padding: 0.125rem;
686
+ --tt-toolbar-border-width: 1px;
687
+ padding: 0.188rem;
688
+ border-radius: calc(var(--tt-toolbar-padding) + var(--tt-radius-lg) + var(--tt-toolbar-border-width));
689
+ border: var(--tt-toolbar-border-width) solid var(--tt-toolbar-border-color);
690
+ background-color: var(--tt-toolbar-bg-color);
691
+ box-shadow: var(--tt-shadow-elevated-md);
692
+ outline: none;
693
+ overflow: hidden;
694
+ }
695
+ .tiptap-toolbar[data-variant=floating][data-plain=true] {
696
+ padding: 0;
697
+ border-radius: 0;
698
+ border: none;
699
+ box-shadow: none;
700
+ background-color: transparent;
701
+ }
702
+ @media screen and (max-width: 480px) {
703
+ .tiptap-toolbar[data-variant=floating] {
704
+ width: 100%;
705
+ border-radius: 0;
706
+ border: none;
707
+ box-shadow: none;
708
+ }
709
+ }
package/dist/ui.css CHANGED
@@ -11,90 +11,4 @@
11
11
  --toastify-text-color-light: var(--theme-palette-text-primary);
12
12
  --toastify-text-color-dark: var(--theme-palette-common-white);
13
13
  }
14
- :root {
15
- --tt-toolbar-height: 2.75rem;
16
- --tt-safe-area-bottom: env(safe-area-inset-bottom, 0px);
17
- --tt-toolbar-bg-color: var(--theme-palette-common-white);
18
- --tt-toolbar-border-color: var(--theme-palette-divider);
19
- }
20
-
21
- .dark {
22
- --tt-toolbar-bg-color: var(--theme-palette-common-black);
23
- --tt-toolbar-border-color: var(--theme-palette-divider);
24
- }
25
-
26
- .tiptap-toolbar {
27
- display: flex;
28
- align-items: center;
29
- gap: 0.25rem;
30
- }
31
- .tiptap-toolbar-group {
32
- display: flex;
33
- align-items: center;
34
- gap: 0.125rem;
35
- }
36
- .tiptap-toolbar-group:empty {
37
- display: none;
38
- }
39
- .tiptap-toolbar-group:empty + .tiptap-separator, .tiptap-separator + .tiptap-toolbar-group:empty {
40
- display: none;
41
- }
42
- .tiptap-toolbar[data-variant=fixed] {
43
- position: sticky;
44
- top: 0;
45
- z-index: 50;
46
- width: 100%;
47
- min-height: var(--tt-toolbar-height);
48
- background: var(--tt-toolbar-bg-color);
49
- border-bottom: 1px solid var(--tt-toolbar-border-color);
50
- padding: 0 0.5rem;
51
- overflow-x: auto;
52
- overscroll-behavior-x: contain;
53
- -webkit-overflow-scrolling: touch;
54
- scrollbar-width: none;
55
- -ms-overflow-style: none;
56
- }
57
- .tiptap-toolbar[data-variant=fixed]::-webkit-scrollbar {
58
- display: none;
59
- }
60
- @media (max-width: 480px) {
61
- .tiptap-toolbar[data-variant=fixed] {
62
- position: absolute;
63
- top: auto;
64
- height: calc(var(--tt-toolbar-height) + var(--tt-safe-area-bottom));
65
- border-top: 1px solid var(--tt-toolbar-border-color);
66
- border-bottom: none;
67
- padding: 0 0.5rem var(--tt-safe-area-bottom);
68
- flex-wrap: nowrap;
69
- justify-content: flex-start;
70
- }
71
- .tiptap-toolbar[data-variant=fixed] .tiptap-toolbar-group {
72
- flex: 0 0 auto;
73
- }
74
- }
75
- .tiptap-toolbar[data-variant=floating] {
76
- --tt-toolbar-padding: 0.125rem;
77
- --tt-toolbar-border-width: 1px;
78
- padding: 0.188rem;
79
- border-radius: calc(var(--tt-toolbar-padding) + var(--tt-radius-lg) + var(--tt-toolbar-border-width));
80
- border: var(--tt-toolbar-border-width) solid var(--tt-toolbar-border-color);
81
- background-color: var(--tt-toolbar-bg-color);
82
- box-shadow: var(--tt-shadow-elevated-md);
83
- outline: none;
84
- overflow: hidden;
85
- }
86
- .tiptap-toolbar[data-variant=floating][data-plain=true] {
87
- padding: 0;
88
- border-radius: 0;
89
- border: none;
90
- box-shadow: none;
91
- background-color: transparent;
92
- }
93
- @media screen and (max-width: 480px) {
94
- .tiptap-toolbar[data-variant=floating] {
95
- width: 100%;
96
- border-radius: 0;
97
- border: none;
98
- box-shadow: none;
99
- }
100
- }/*$vite$:1*/
14
+ /*$vite$:1*/
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cgi-learning-hub/ui",
3
- "version": "1.15.0-dev.1788870644",
3
+ "version": "1.15.0-dev.1789031750",
4
4
  "description": "React component library for Hub's design system, built on Material UI with custom and extended components.",
5
5
  "keywords": [
6
6
  "cgi-learning-hub",