@kaizen/components 1.45.3 → 1.46.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/dist/cjs/Table/Table.cjs +17 -23
- package/dist/cjs/Table/Table.module.scss.cjs +1 -0
- package/dist/cjs/index.css +4 -4
- package/dist/esm/Table/Table.mjs +17 -23
- package/dist/esm/Table/Table.module.scss.mjs +1 -0
- package/dist/esm/index.css +4 -4
- package/dist/styles.css +1 -1
- package/dist/types/Table/Table.d.ts +15 -5
- package/package.json +3 -3
- package/src/Table/Table.module.scss +68 -8
- package/src/Table/Table.tsx +27 -11
- package/src/Table/_docs/Table.mdx +43 -13
- package/src/Table/_docs/Table.stickersheet.stories.tsx +703 -0
- package/src/Table/_docs/Table.stories.tsx +290 -158
- package/src/TitleBlockZen/_docs/TitleBlockZen.stories.tsx +12 -4
package/dist/cjs/Table/Table.cjs
CHANGED
|
@@ -46,6 +46,7 @@ var ratioToPercent = function (width) {
|
|
|
46
46
|
return width != null ? "".concat(width * 100, "%") : width;
|
|
47
47
|
};
|
|
48
48
|
var TableHeaderRowCell = function (_a) {
|
|
49
|
+
var _b;
|
|
49
50
|
var labelText = _a.labelText,
|
|
50
51
|
onClick = _a.onClick,
|
|
51
52
|
href = _a.href,
|
|
@@ -54,6 +55,7 @@ var TableHeaderRowCell = function (_a) {
|
|
|
54
55
|
icon = _a.icon,
|
|
55
56
|
checkable = _a.checkable,
|
|
56
57
|
checkedStatus = _a.checkedStatus,
|
|
58
|
+
checkboxLabel = _a.checkboxLabel,
|
|
57
59
|
onCheck = _a.onCheck,
|
|
58
60
|
reversed = _a.reversed,
|
|
59
61
|
sortingRaw = _a.sorting,
|
|
@@ -63,37 +65,29 @@ var TableHeaderRowCell = function (_a) {
|
|
|
63
65
|
// cell with a word longer than the column width would push the columns out of
|
|
64
66
|
// alignment? I'm not sure.
|
|
65
67
|
// Anyway, we can override this default behaviour by setting wrapping to "wrap".
|
|
66
|
-
|
|
68
|
+
_c = _a.wrapping,
|
|
67
69
|
// I can't say for certain why "nowrap" was the default value. Normally you wouldn't
|
|
68
70
|
// want to clip off information because it doesn't fit on one line.
|
|
69
71
|
// My assumption is that because since the cell width rows are decoupled, a heading
|
|
70
72
|
// cell with a word longer than the column width would push the columns out of
|
|
71
73
|
// alignment? I'm not sure.
|
|
72
74
|
// Anyway, we can override this default behaviour by setting wrapping to "wrap".
|
|
73
|
-
wrapping =
|
|
74
|
-
|
|
75
|
-
align =
|
|
75
|
+
wrapping = _c === void 0 ? "nowrap" : _c,
|
|
76
|
+
_d = _a.align,
|
|
77
|
+
align = _d === void 0 ? "start" : _d,
|
|
76
78
|
tooltipInfo = _a.tooltipInfo,
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
// tooltip icon as the default based on design system tooltip guidelines.
|
|
80
|
-
_d = _a.isTooltipIconHidden,
|
|
81
|
-
// If set, this will hide the tooltip exclamation icon. Useful in situations where
|
|
82
|
-
// the table header does not have enough space. However, we should always show a
|
|
83
|
-
// tooltip icon as the default based on design system tooltip guidelines.
|
|
84
|
-
isTooltipIconHidden = _d === void 0 ? false : _d,
|
|
79
|
+
_e = _a.isTooltipIconHidden,
|
|
80
|
+
isTooltipIconHidden = _e === void 0 ? false : _e,
|
|
85
81
|
tooltipPortalSelector = _a.tooltipPortalSelector,
|
|
86
|
-
// If set, this will show the arrow in the direction provided
|
|
87
|
-
// when the header cell is hovered over.
|
|
88
82
|
sortingArrowsOnHover = _a.sortingArrowsOnHover,
|
|
89
83
|
classNameOverride = _a.classNameOverride,
|
|
90
84
|
// There aren't any other props in the type definition, so I'm unsure why we
|
|
91
85
|
// have this spread.
|
|
92
|
-
otherProps = tslib.__rest(_a, ["labelText", "onClick", "href", "width", "flex", "icon", "checkable", "checkedStatus", "onCheck", "reversed", "sorting", "wrapping", "align", "tooltipInfo", "isTooltipIconHidden", "tooltipPortalSelector", "sortingArrowsOnHover", "classNameOverride"]);
|
|
86
|
+
otherProps = tslib.__rest(_a, ["labelText", "onClick", "href", "width", "flex", "icon", "checkable", "checkedStatus", "checkboxLabel", "onCheck", "reversed", "sorting", "wrapping", "align", "tooltipInfo", "isTooltipIconHidden", "tooltipPortalSelector", "sortingArrowsOnHover", "classNameOverride"]);
|
|
93
87
|
var sorting = sortingRaw;
|
|
94
|
-
var
|
|
95
|
-
isHovered =
|
|
96
|
-
setIsHovered =
|
|
88
|
+
var _f = React__default.default.useState(false),
|
|
89
|
+
isHovered = _f[0],
|
|
90
|
+
setIsHovered = _f[1];
|
|
97
91
|
var updateHoverState = function (hoverState) {
|
|
98
92
|
if (sortingArrowsOnHover && hoverState != isHovered) setIsHovered(hoverState);
|
|
99
93
|
};
|
|
@@ -105,14 +99,14 @@ var TableHeaderRowCell = function (_a) {
|
|
|
105
99
|
className: Table_module.headerRowCellLabelAndIcons
|
|
106
100
|
}, icon && React__default.default.createElement("span", {
|
|
107
101
|
className: Table_module.headerRowCellIcon
|
|
108
|
-
}, React.cloneElement(icon, {
|
|
109
|
-
title: labelText
|
|
110
|
-
|
|
111
|
-
})), checkable && React__default.default.createElement("div", {
|
|
102
|
+
}, React.cloneElement(icon, (_b = {
|
|
103
|
+
title: labelText
|
|
104
|
+
}, _b["aria-label"] = labelText, _b.role = "img", _b))), checkable && React__default.default.createElement("div", {
|
|
112
105
|
className: Table_module.headerRowCellCheckbox
|
|
113
106
|
}, React__default.default.createElement(Checkbox.Checkbox, {
|
|
114
107
|
checkedStatus: checkedStatus,
|
|
115
|
-
onCheck: onCheck
|
|
108
|
+
onCheck: onCheck,
|
|
109
|
+
"aria-label": checkboxLabel
|
|
116
110
|
})), tooltipInfo != null && !isTooltipIconHidden ? React__default.default.createElement("div", {
|
|
117
111
|
className: Table_module.headerRowCellTooltipIcon
|
|
118
112
|
}, React__default.default.createElement(ExclamationIcon.ExclamationIcon, {
|
|
@@ -9,6 +9,7 @@ var styles = {
|
|
|
9
9
|
"headerRowCellAlignEnd": "Table-module_headerRowCellAlignEnd__dQOOQ",
|
|
10
10
|
"headerRowCellCheckbox": "Table-module_headerRowCellCheckbox__CdMiY",
|
|
11
11
|
"headerRowCellTooltip": "Table-module_headerRowCellTooltip__uzbpY",
|
|
12
|
+
"headerRowCellContent": "Table-module_headerRowCellContent__IArYC",
|
|
12
13
|
"headerRowCellButton": "Table-module_headerRowCellButton__uikM7",
|
|
13
14
|
"headerRowCellButtonReversed": "Table-module_headerRowCellButtonReversed__uk87N",
|
|
14
15
|
"headerRowCellNoButton": "Table-module_headerRowCellNoButton__dqf1B",
|
package/dist/cjs/index.css
CHANGED
|
@@ -2,12 +2,12 @@
|
|
|
2
2
|
.Main-module_main__hMyB1{z-index:0}
|
|
3
3
|
.Wrapper-module_wrapper__89WmC{background:var(--color-gray-100,#f9f9f9);display:grid;grid-template-rows:min-content 1fr min-content;min-height:100vh;position:relative}
|
|
4
4
|
.FooterActions-module_footerAction__v7eL-{display:flex;flex-basis:auto;flex-grow:1}.FooterActions-module_footerActionPrevious__2XByZ{grid-area:"prev";justify-content:start}.FooterActions-module_footerActionNext__IKRta{grid-area:"next";justify-content:end}
|
|
5
|
-
.
|
|
5
|
+
.Branding-module_branding__4h-rD{display:flex;flex-grow:1;grid-area:branding;justify-content:center;padding-top:var(--spacing-4,.25rem)}@media (min-width:768px){.Branding-module_branding__4h-rD{justify-content:unset}}.Branding-module_logo__vqqec{flex-basis:7.5rem}
|
|
6
6
|
.FooterRoot-module_footerRoot__N-6nQ{align-items:center;background:var(--color-blue-500,#0168b3);display:grid;flex-grow:1;gap:var(--spacing-16,1rem);grid-template-areas:"prev stepper next";grid-template-columns:1fr 2fr 1fr;justify-content:center;padding:var(--spacing-24,1.5rem) var(--spacing-12,.75rem)}@media (min-width:768px){.FooterRoot-module_footerRoot__N-6nQ{bottom:0;grid-template-columns:1fr 5fr 1fr;padding:var(--spacing-24,1.5rem) var(--spacing-32,2rem);position:sticky;z-index:1}}
|
|
7
|
+
.Titles-module_titles__JYwU0{align-items:center;flex-grow:1;grid-area:titles;justify-content:center}.Titles-module_pageTitle__YDp9S,.Titles-module_titles__JYwU0{display:flex;flex-direction:column}.Titles-module_prefix__40x8n{margin-bottom:var(--spacing-4,.25rem)}.Titles-module_status__huuP7{margin-top:var(--spacing-8,.5rem)}
|
|
8
|
+
.ProgressStepper-module_stepsContainer__WMxXN{grid-area:stepper;width:100%}.ProgressStepper-module_stepList__b1wWX{align-items:flex-end;display:none;justify-content:center;list-style:none;margin:0;padding:0}@media (min-width:768px){.ProgressStepper-module_stepList__b1wWX{display:flex}}.ProgressStepper-module_step__-Ep19{container:step/inline-size;display:flex;flex-basis:100%;flex-grow:1;justify-content:center;max-width:var(--spacing-96,6rem);overflow-wrap:break-word;position:relative}.ProgressStepper-module_stepContent__B4uFS{align-items:center;display:flex;flex-direction:column}.ProgressStepper-module_stepIndicator__-qEWT{height:1.25rem;position:relative;width:1.25rem}.ProgressStepper-module_stepName__hS4lp{display:none;font-weight:var(--typography-paragraph-bold-font-weight,600);margin-bottom:var(--spacing-12,.75rem);text-align:center}.ProgressStepper-module_stepIcon__0Kh4y{color:var(--color-white,#fff);height:1.25rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:1.25rem}.ProgressStepper-module_stepDivider__KEZPU{border:var(--spacing-1,.0625rem) solid var(--color-white,#fff);border-radius:var(--border-solid-border-radius,7px);display:flex;flex-grow:1;height:0;left:100%;margin:0;min-width:calc(100% - var(--spacing-24, 1.5rem));position:absolute;top:calc(100% - .625rem);transform:translateX(-50%)}[dir=rtl] .ProgressStepper-module_stepDivider__KEZPU{left:unset;right:100%;transform:translateX(50%)}.ProgressStepper-module_stepperDescription__B00hX{display:flex;justify-content:center}@media (min-width:768px){.ProgressStepper-module_stepperDescription__B00hX{height:0;overflow:hidden;position:absolute;width:0}}@container step (min-width: 4.5rem){.ProgressStepper-module_stepName__hS4lp{display:inline}}
|
|
7
9
|
.Actions-module_actions__Prrp0{align-items:center;display:flex;flex-direction:column;flex-grow:1;grid-area:actions;justify-content:center}@media (min-width:768px){.Actions-module_actions__Prrp0{align-items:flex-start;flex-direction:row;justify-content:flex-end;margin-top:calc(var(--spacing-12, .75rem)*-1)}}
|
|
8
|
-
.Branding-module_branding__4h-rD{display:flex;flex-grow:1;grid-area:branding;justify-content:center;padding-top:var(--spacing-4,.25rem)}@media (min-width:768px){.Branding-module_branding__4h-rD{justify-content:unset}}.Branding-module_logo__vqqec{flex-basis:7.5rem}
|
|
9
10
|
.Root-module_root__7DVw5{align-items:center;background-color:var(--color-white,#fff);box-shadow:var(--shadow-small-box-shadow,0 1px 3px 0 rgba(0,0,0,.1),0 3px 16px 0 rgba(0,0,0,.06));display:grid;flex-grow:1;gap:var(--spacing-16,1rem);grid-template:"branding" min-content "titles" max-content "actions" min-content/1fr;justify-content:center;padding:var(--spacing-24,1.5rem);text-align:center}@media (min-width:768px){.Root-module_root__7DVw5{align-items:start;grid-template:"branding titles actions" min-content/1fr max-content 1fr;position:sticky;top:0;z-index:1}}
|
|
10
|
-
.ProgressStepper-module_stepsContainer__WMxXN{grid-area:stepper;width:100%}.ProgressStepper-module_stepList__b1wWX{align-items:flex-end;display:none;justify-content:center;list-style:none;margin:0;padding:0}@media (min-width:768px){.ProgressStepper-module_stepList__b1wWX{display:flex}}.ProgressStepper-module_step__-Ep19{container:step/inline-size;display:flex;flex-basis:100%;flex-grow:1;justify-content:center;max-width:var(--spacing-96,6rem);overflow-wrap:break-word;position:relative}.ProgressStepper-module_stepContent__B4uFS{align-items:center;display:flex;flex-direction:column}.ProgressStepper-module_stepIndicator__-qEWT{height:1.25rem;position:relative;width:1.25rem}.ProgressStepper-module_stepName__hS4lp{display:none;font-weight:var(--typography-paragraph-bold-font-weight,600);margin-bottom:var(--spacing-12,.75rem);text-align:center}.ProgressStepper-module_stepIcon__0Kh4y{color:var(--color-white,#fff);height:1.25rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:1.25rem}.ProgressStepper-module_stepDivider__KEZPU{border:var(--spacing-1,.0625rem) solid var(--color-white,#fff);border-radius:var(--border-solid-border-radius,7px);display:flex;flex-grow:1;height:0;left:100%;margin:0;min-width:calc(100% - var(--spacing-24, 1.5rem));position:absolute;top:calc(100% - .625rem);transform:translateX(-50%)}[dir=rtl] .ProgressStepper-module_stepDivider__KEZPU{left:unset;right:100%;transform:translateX(50%)}.ProgressStepper-module_stepperDescription__B00hX{display:flex;justify-content:center}@media (min-width:768px){.ProgressStepper-module_stepperDescription__B00hX{height:0;overflow:hidden;position:absolute;width:0}}@container step (min-width: 4.5rem){.ProgressStepper-module_stepName__hS4lp{display:inline}}
|
|
11
11
|
.SVG-module_icon__8J5Ev{display:inline-block;height:20px;width:20px}.SVG-module_icon__8J5Ev>use{pointer-events:none}@media screen and (-ms-high-contrast:active){.SVG-module_icon__8J5Ev{color:#000}}@media screen and (-ms-high-contrast:white-on-black){.SVG-module_icon__8J5Ev{color:#fff}}@media screen and (-ms-high-contrast:black-on-white){.SVG-module_icon__8J5Ev{color:#000}}.SVG-module_inheritSize__Q8iam{display:block;height:inherit;width:inherit}
|
|
12
12
|
.Avatar-module_wrapper__LY2q2{align-items:center;background:var(--color-gray-300,#eaeaec);border-radius:100%;box-sizing:border-box;display:flex;justify-content:center;overflow:hidden}.Avatar-module_wrapper__LY2q2:not(.Avatar-module_small__PeksS){border:3px solid var(--color-white,#fff);box-shadow:var(--shadow-small-box-shadow,0 1px 3px 0 rgba(0,0,0,.1),0 3px 16px 0 rgba(0,0,0,.06))}.Avatar-module_wrapper__LY2q2.Avatar-module_personal__2U7--{background:var(--color-orange-100,#fff0e8)}.Avatar-module_wrapper__LY2q2.Avatar-module_otherUser__b-drl{background:var(--color-gray-300,#eaeaec)}.Avatar-module_wrapper__LY2q2.Avatar-module_company__2qtJE{background:var(--color-white,#fff);border:0;border-radius:var(--border-solid-border-radius,7px);padding:6px}.Avatar-module_wrapper__LY2q2.Avatar-module_small__PeksS{height:1.25rem;width:1.25rem}.Avatar-module_wrapper__LY2q2.Avatar-module_small__PeksS .Avatar-module_initials__VDY2Q{margin-bottom:-1px}.Avatar-module_wrapper__LY2q2.Avatar-module_small__PeksS.Avatar-module_company__2qtJE{padding:0}.Avatar-module_wrapper__LY2q2.Avatar-module_medium__Vy3V8{height:3rem;width:3rem}.Avatar-module_wrapper__LY2q2.Avatar-module_medium__Vy3V8 .Avatar-module_initials__VDY2Q{margin-bottom:-1px}.Avatar-module_wrapper__LY2q2.Avatar-module_large__qiNWs{height:4.5rem;width:4.5rem}.Avatar-module_wrapper__LY2q2.Avatar-module_xlarge__Vx4IG{height:6rem;width:6rem}.Avatar-module_wrapper__LY2q2.Avatar-module_xxlarge__oOoGq{height:7.75rem;width:7.75rem}.Avatar-module_wrapper__LY2q2 .Avatar-module_initials__VDY2Q{speak-as:spell-out;border-bottom:none;text-decoration:none}.Avatar-module_avatarImage__FuULy{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.Avatar-module_loading__i9V-D .Avatar-module_avatarImage__FuULy{display:none}.Avatar-module_companyAvatarImage__7rlfG{border-radius:4px;box-sizing:border-box;-o-object-fit:contain;object-fit:contain}.Avatar-module_fallbackIcon__MPWxq{color:rgba(var(--color-purple-800-rgb,47,36,56),.7);width:28px}.Avatar-module_xxlarge__oOoGq .Avatar-module_fallbackIcon__MPWxq{width:75px}.Avatar-module_xlarge__Vx4IG .Avatar-module_fallbackIcon__MPWxq{width:60px}.Avatar-module_large__qiNWs .Avatar-module_fallbackIcon__MPWxq{width:35px}.Avatar-module_medium__Vy3V8 .Avatar-module_fallbackIcon__MPWxq{margin-bottom:-1px;width:25px}.Avatar-module_small__PeksS .Avatar-module_fallbackIcon__MPWxq{margin-bottom:-1px;width:10px}.Avatar-module_initials__VDY2Q{box-sizing:border-box;color:var(--color-purple-800,#2f2438);font-family:var(--typography-heading-1-font-family,"Inter","Noto Sans",Helvetica,Arial,sans-serif);font-size:22px;font-weight:var(--typography-heading-1-font-weight,700);letter-spacing:var(--typography-heading-3-letter-spacing,normal);padding-left:5px;padding-right:5px;text-align:center;width:100%}.Avatar-module_initials__VDY2Q:not(.Avatar-module_longName__31Yuf):before{content:"";display:block;margin-top:-.001em}.Avatar-module_xlarge__Vx4IG .Avatar-module_initials__VDY2Q,.Avatar-module_xxlarge__oOoGq .Avatar-module_initials__VDY2Q{font-size:34px;letter-spacing:var(--typography-heading-1-letter-spacing,normal)}.Avatar-module_medium__Vy3V8 .Avatar-module_initials__VDY2Q{font-size:16px}.Avatar-module_medium__Vy3V8 .Avatar-module_initials__VDY2Q,.Avatar-module_small__PeksS .Avatar-module_initials__VDY2Q{font-weight:var(--typography-heading-5-font-weight,600);letter-spacing:var(--typography-heading-5-letter-spacing,normal)}.Avatar-module_small__PeksS .Avatar-module_initials__VDY2Q{font-size:8px}
|
|
13
13
|
.AvatarGroup-module_AvatarGroup__bdL0o{display:inline-flex;list-style:none;margin:0;padding:0}.AvatarGroup-module_small__7uv8k .AvatarGroup-module_AvatarGroupItem__xQol-+.AvatarGroup-module_AvatarGroupItem__xQol-{margin-inline-start:-.625rem}[dir=rtl] .AvatarGroup-module_small__7uv8k .AvatarGroup-module_AvatarGroupItem__xQol-+.AvatarGroup-module_AvatarGroupItem__xQol-{margin-left:0}.AvatarGroup-module_medium__af52y .AvatarGroup-module_AvatarGroupItem__xQol-+.AvatarGroup-module_AvatarGroupItem__xQol-{margin-inline-start:-1.5rem}[dir=rtl] .AvatarGroup-module_medium__af52y .AvatarGroup-module_AvatarGroupItem__xQol-+.AvatarGroup-module_AvatarGroupItem__xQol-{margin-left:0}.AvatarGroup-module_large__HN9Yy .AvatarGroup-module_AvatarGroupItem__xQol-+.AvatarGroup-module_AvatarGroupItem__xQol-{margin-inline-start:-2.25rem}[dir=rtl] .AvatarGroup-module_large__HN9Yy .AvatarGroup-module_AvatarGroupItem__xQol-+.AvatarGroup-module_AvatarGroupItem__xQol-{margin-left:0}.AvatarGroup-module_AvatarCounter__PKFzl{align-items:center;background:var(--color-gray-300,#eaeaec);border:3px solid var(--color-white,#fff);border-radius:100%;box-shadow:var(--shadow-small-box-shadow,0 1px 3px 0 rgba(0,0,0,.1),0 3px 16px 0 rgba(0,0,0,.06));box-sizing:border-box;display:flex;justify-content:center;overflow:hidden}.AvatarGroup-module_small__7uv8k .AvatarGroup-module_AvatarCounter__PKFzl{border:none;box-shadow:none;font-size:.5rem;height:1.25rem;width:1.25rem}.AvatarGroup-module_medium__af52y .AvatarGroup-module_AvatarCounter__PKFzl,.AvatarGroup-module_small__7uv8k .AvatarGroup-module_AvatarCounter__PKFzl{font-family:var(--typography-heading-5-font-family,"Inter","Noto Sans",Helvetica,Arial,sans-serif);font-weight:var(--typography-heading-5-font-weight,600);letter-spacing:var(--typography-heading-5-letter-spacing,normal)}.AvatarGroup-module_medium__af52y .AvatarGroup-module_AvatarCounter__PKFzl{font-size:var(--typography-heading-5-font-size,1rem);height:3rem;width:3rem}.AvatarGroup-module_large__HN9Yy .AvatarGroup-module_AvatarCounter__PKFzl{font-family:var(--typography-heading-3-font-family,"Inter","Noto Sans",Helvetica,Arial,sans-serif);font-size:var(--typography-heading-3-font-size,1.375rem);font-weight:var(--typography-heading-3-font-weight,700);height:4.5rem;letter-spacing:var(--typography-heading-3-letter-spacing,normal);width:4.5rem}[dir=rtl] .AvatarGroup-module_AvatarCounter__PKFzl{direction:ltr;margin-left:0}
|
|
@@ -139,7 +139,7 @@ input[type=range].InputRange-module_ratingScaleRange__gI-rs{all:unset;-webkit-ap
|
|
|
139
139
|
.ActionButton-module_actionButton__mJRl4{border-end-end-radius:0;border-end-start-radius:var(--border-solid-border-radius,7px);border-start-end-radius:0;border-start-start-radius:var(--border-solid-border-radius,7px)}
|
|
140
140
|
.DropdownButton-module_dropdownButton__PqQH6{border-end-end-radius:var(--border-solid-border-radius,7px);border-end-start-radius:0;border-inline-start-width:0;border-start-end-radius:var(--border-solid-border-radius,7px);border-start-start-radius:0;display:inline-flex;inset-inline-start:calc(var(--border-solid-border-width, 2px)*-1);margin-inline-start:var(--border-solid-border-width,2px);padding:var(--spacing-12,.75rem);position:relative}.DropdownButton-module_dropdownButton__PqQH6:active,.DropdownButton-module_dropdownButton__PqQH6:focus-visible,.DropdownButton-module_dropdownButton__PqQH6:hover{border-inline-start-width:var(--border-solid-border-width,2px);inset-inline-start:calc(var(--border-solid-border-width, 2px)*-1);margin-inline-start:unset}
|
|
141
141
|
.SplitButton-module_splitButton__oNIKE{align-items:center;display:inline-flex}
|
|
142
|
-
.Table-module_container__w-zFG{margin-bottom:var(--spacing-sm,.75rem);width:100%}.Table-module_headerRowCell__kW0YN{align-items:stretch;display:flex;justify-content:flex-start;padding:8px var(--spacing-md,1.5rem);position:relative;text-align:start}.Table-module_headerRowCellNoWrap__BSuzX .Table-module_headerRowCellLabel__5v6m8{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Table-module_headerRowCellAlignCenter__cobEI{justify-content:center;text-align:center}.Table-module_headerRowCellAlignEnd__dQOOQ{justify-content:flex-end;text-align:end}.Table-module_headerRowCellCheckbox__CdMiY{margin-inline-end:10px}.Table-module_headerRowCell__kW0YN .Table-module_headerRowCellTooltip__uzbpY{align-items:stretch;display:flex}.Table-module_headerRowCell__kW0YN.Table-module_headerRowCellNoWrap__BSuzX .Table-
|
|
142
|
+
.Table-module_container__w-zFG{margin-bottom:var(--spacing-sm,.75rem);width:100%}.Table-module_headerRowCell__kW0YN{align-items:stretch;display:flex;justify-content:flex-start;padding:8px var(--spacing-md,1.5rem);position:relative;text-align:start}.Table-module_headerRowCellNoWrap__BSuzX .Table-module_headerRowCellLabel__5v6m8{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Table-module_headerRowCellAlignCenter__cobEI{justify-content:center;text-align:center}.Table-module_headerRowCellAlignEnd__dQOOQ{justify-content:flex-end;text-align:end}.Table-module_headerRowCellCheckbox__CdMiY{margin-inline-end:10px}.Table-module_headerRowCell__kW0YN .Table-module_headerRowCellTooltip__uzbpY{align-items:stretch;display:flex;max-width:100%}.Table-module_headerRowCell__kW0YN.Table-module_headerRowCellNoWrap__BSuzX .Table-module_headerRowCellContent__IArYC{max-width:100%}.Table-module_headerRowCellButton__uikM7{align-items:stretch;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;box-sizing:border-box;color:var(--color-purple-800,#2f2438);display:block;display:flex;font:inherit;margin:0;outline:none;padding:0;text-decoration:none;transition:none;width:100%}.Table-module_headerRowCellButton__uikM7:active,.Table-module_headerRowCellButton__uikM7:focus,.Table-module_headerRowCellButton__uikM7:hover{text-decoration:none}.Table-module_headerRowCellButton__uikM7:focus-visible{outline:none;position:relative}.Table-module_headerRowCellButton__uikM7:focus-visible:after{background:transparent;border-color:var(--color-blue-500,#0168b3);border-radius:var(--border-focus-ring-border-radius,10px);border-style:var(--border-focus-ring-border-style,solid);border-width:var(--border-focus-ring-border-width,2px);content:"";height:calc(100% + var(--border-focus-ring-border-width, 2px)*2 + 1px);left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:calc(100% + var(--border-focus-ring-border-width, 2px)*2 + 1px)}.Table-module_headerRowCellButtonReversed__uk87N{color:var(--color-white,#fff)}.Table-module_headerRowCellButtonReversed__uk87N:focus-visible:after{border-color:var(--color-blue-100,#e6f6ff)}.Table-module_headerRowCellNoButton__dqf1B{align-items:stretch;box-sizing:border-box;display:flex;width:100%}.Table-module_headerRowCellLabelAndIcons__OCCVi{align-items:center;display:flex;flex:1 1 100%;width:100%}.Table-module_headerRowCellTooltipIcon__X0ETJ{color:var(--color-blue-500,#0168b3);margin-inline-end:var(--spacing-xs,.375rem)}.Table-module_headerRowCellIcon__gB3zI{color:rgba(var(--color-purple-800-rgb,47,36,56),.7);height:20px}.Table-module_headerRowCellActive__wshmg .Table-module_headerRowCellIcon__gB3zI{color:var(--color-purple-800,#2f2438)}.Table-module_headerRowCellButtonReversed__uk87N .Table-module_headerRowCellIcon__gB3zI{color:var(--color-white,#fff)}.Table-module_card__RGyjC{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;background:var(--color-white,#fff);border:none;border:1px solid rgba(var(--color-purple-700-rgb,74,35,77),.1);box-shadow:0 4px 6px rgba(53,55,74,.04);color:var(--color-purple-800,#2f2438);display:block;font:inherit;margin:0;outline:none;padding:0;text-decoration:none;transition:none;transition:box-shadow var(--animation-duration-rapid,.2s),border-color var(--animation-duration-rapid,.2s),margin var(--animation-duration-rapid,.2s),padding var(--animation-duration-rapid,.2s),width var(--animation-duration-rapid,.2s)}.Table-module_card__RGyjC:active,.Table-module_card__RGyjC:focus,.Table-module_card__RGyjC:hover{text-decoration:none}.Table-module_card__RGyjC:not(:first-child){margin-top:-1px}.Table-module_card__RGyjC:last-child{border-bottom-left-radius:var(--border-solid-border-radius,7px);border-bottom-right-radius:var(--border-solid-border-radius,7px)}.Table-module_card__RGyjC:hover{will-change:box-shadow,border-color,margin,padding,width}.Table-module_card__RGyjC:focus-visible{outline:none;position:relative}.Table-module_card__RGyjC:focus-visible:after{background:transparent;border-color:var(--color-blue-500,#0168b3);border-radius:inherit;border-style:var(--border-focus-ring-border-style,solid);border-width:var(--border-focus-ring-border-width,2px);content:"";height:calc(100% + var(--border-focus-ring-border-width, 2px) + 2px);left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:calc(100% + var(--border-focus-ring-border-width, 2px) + 2px)}.Table-module_card__RGyjC.Table-module_well__xQmO5{margin-top:var(--spacing-sm,.75rem)}[role=rowgroup]+.Table-module_card__RGyjC{border-top-left-radius:var(--border-solid-border-radius,7px);border-top-right-radius:var(--border-solid-border-radius,7px);box-shadow:var(--shadow-small-box-shadow,0 1px 3px 0 rgba(0,0,0,.1),0 3px 16px 0 rgba(0,0,0,.06))}.Table-module_card__RGyjC:first-child{border-top-left-radius:var(--border-solid-border-radius,7px);border-top-right-radius:var(--border-solid-border-radius,7px);box-shadow:var(--shadow-small-box-shadow,0 1px 3px 0 rgba(0,0,0,.1),0 3px 16px 0 rgba(0,0,0,.06))}.Table-module_row__GYSl1{display:flex}.Table-module_well__xQmO5{background-color:var(--color-gray-300,#eaeaec);border-color:var(--border-borderless-border-color,transparent);border-radius:var(--border-solid-border-radius,7px);box-shadow:none;margin-bottom:var(--spacing-sm,.75rem)}.Table-module_popout__PeAVV{box-shadow:var(--shadow-large-box-shadow,0 3px 9px 0 rgba(0,0,0,.1),0 8px 40px 0 rgba(0,0,0,.08))}.Table-module_expanded__dasr3{margin-left:calc(var(--spacing-sm, .75rem)*-1);margin-right:calc(var(--spacing-sm, .75rem)*-1);padding-left:var(--spacing-sm,.75rem);padding-right:var(--spacing-sm,.75rem);position:relative;z-index:1}.Table-module_hasHoverState__u5n3E{cursor:pointer;text-align:left;width:100%}.Table-module_hasHoverState__u5n3E.Table-module_expanded__dasr3{width:calc(100% + var(--spacing-md, 1.5rem))}.Table-module_hasHoverState__u5n3E:focus,.Table-module_hasHoverState__u5n3E:hover{background-color:var(--color-gray-100,#f9f9f9)}.Table-module_rowCell__A5-2R{align-items:center;color:var(--color-purple-800,#2f2438);display:block;display:flex;min-height:60px;padding:0 var(--spacing-md,1.5rem);text-decoration:none}.Table-module_rowCell__A5-2R:active,.Table-module_rowCell__A5-2R:focus,.Table-module_rowCell__A5-2R:hover{text-decoration:none}.Table-module_defaultSpacing__zq1Ci .Table-module_rowCell__A5-2R{padding:var(--spacing-sm,.75rem) var(--spacing-md,1.5rem)}.Table-module_dataVariant__vBOag .Table-module_rowCell__A5-2R{min-height:48px}.Table-module_rowCellAlignCenter__apkoC{justify-content:center;text-align:center}.Table-module_rowCellAlignEnd__qZfa1{justify-content:flex-end;text-align:right}.Table-module_whiteText__4f-q5{color:var(--color-white,#fff)}
|
|
143
143
|
.Tab-module_tab__Rar3J{align-items:center;background:var(--color-white,#fff);border:0;border-left:2px solid transparent;border-right:2px solid transparent;border-top:2px solid transparent;border-top-left-radius:var(--border-borderless-border-radius,7px);border-top-right-radius:var(--border-borderless-border-radius,7px);color:var(--color-purple-800,#2f2438);display:inline-flex;font-family:var(--typography-heading-4-font-family,"Inter","Noto Sans",Helvetica,Arial,sans-serif);font-size:var(--typography-heading-4-font-size,1.125rem);font-weight:var(--typography-heading-4-font-weight,600);letter-spacing:var(--typography-heading-4-letter-spacing,normal);line-height:var(--typography-heading-4-line-height,1.5rem);margin:0;padding:var(--spacing-md,1.5rem) var(--spacing-md,1.5rem);text-decoration:none;white-space:nowrap}.Tab-module_tab__Rar3J:focus{outline:none}.Tab-module_tab__Rar3J:focus-visible{background:var(--color-blue-100,#e6f6ff);border-color:var(--color-blue-500,#0168b3);color:var(--color-blue-500,#0168b3)}.Tab-module_tab__Rar3J:disabled{opacity:30%}.Tab-module_tab__Rar3J:not(:first-child){margin-inline-start:var(--spacing-xs,.375rem)}.Tab-module_tab__Rar3J:not(:disabled):hover{background:var(--color-blue-100,#e6f6ff);color:var(--color-blue-500,#0168b3)}.Tab-module_tab__Rar3J[data-selected]{color:var(--color-blue-500,#0168b3);position:relative}.Tab-module_tab__Rar3J[data-selected]:before{background-color:currentcolor;border-top-left-radius:5px;border-top-right-radius:5px;bottom:0;content:"";display:block;height:5px;left:0;position:absolute;right:0;width:100%}.Tab-module_badge__4p2nd{align-items:center;display:inline-flex;margin-inline-start:var(--spacing-sm,.75rem)}@media (forced-colors:active){.Tab-module_tab__Rar3J{border:2px solid transparent}.Tab-module_tab__Rar3J:focus-visible:after{background:transparent;border-color:transparent;border-radius:var(--border-focus-ring-border-radius,10px);border-style:var(--border-focus-ring-border-style,solid);border-width:var(--border-focus-ring-border-width,2px);content:"";inset:calc(var(--border-focus-ring-border-width, 2px)*2*-1 + -1px);position:absolute}.Tab-module_tab__Rar3J.Tab-module_selected__MApD6:before{border-bottom:2px solid transparent;bottom:0;content:"";left:0;position:absolute;right:0}}
|
|
144
144
|
.TabList-module_tabList__A8Y9H{border-bottom:1px solid rgba(var(--color-gray-600-rgb,82,78,86),.1);padding:var(--spacing-xs,.375rem) var(--spacing-md,1.5rem) 0}.TabList-module_tabList__A8Y9H.TabList-module_noPadding__v073J{padding:0}
|
|
145
145
|
.TabPanel-module_tabPanel__I7hEK{border:2px solid transparent}.TabPanel-module_tabPanel__I7hEK:focus{outline:none}.TabPanel-module_tabPanel__I7hEK:focus-visible{border-color:var(--color-blue-500,#0168b3);border-radius:var(--border-focus-ring-border-radius,10px)}
|
package/dist/esm/Table/Table.mjs
CHANGED
|
@@ -37,6 +37,7 @@ var ratioToPercent = function (width) {
|
|
|
37
37
|
return width != null ? "".concat(width * 100, "%") : width;
|
|
38
38
|
};
|
|
39
39
|
var TableHeaderRowCell = function (_a) {
|
|
40
|
+
var _b;
|
|
40
41
|
var labelText = _a.labelText,
|
|
41
42
|
onClick = _a.onClick,
|
|
42
43
|
href = _a.href,
|
|
@@ -45,6 +46,7 @@ var TableHeaderRowCell = function (_a) {
|
|
|
45
46
|
icon = _a.icon,
|
|
46
47
|
checkable = _a.checkable,
|
|
47
48
|
checkedStatus = _a.checkedStatus,
|
|
49
|
+
checkboxLabel = _a.checkboxLabel,
|
|
48
50
|
onCheck = _a.onCheck,
|
|
49
51
|
reversed = _a.reversed,
|
|
50
52
|
sortingRaw = _a.sorting,
|
|
@@ -54,37 +56,29 @@ var TableHeaderRowCell = function (_a) {
|
|
|
54
56
|
// cell with a word longer than the column width would push the columns out of
|
|
55
57
|
// alignment? I'm not sure.
|
|
56
58
|
// Anyway, we can override this default behaviour by setting wrapping to "wrap".
|
|
57
|
-
|
|
59
|
+
_c = _a.wrapping,
|
|
58
60
|
// I can't say for certain why "nowrap" was the default value. Normally you wouldn't
|
|
59
61
|
// want to clip off information because it doesn't fit on one line.
|
|
60
62
|
// My assumption is that because since the cell width rows are decoupled, a heading
|
|
61
63
|
// cell with a word longer than the column width would push the columns out of
|
|
62
64
|
// alignment? I'm not sure.
|
|
63
65
|
// Anyway, we can override this default behaviour by setting wrapping to "wrap".
|
|
64
|
-
wrapping =
|
|
65
|
-
|
|
66
|
-
align =
|
|
66
|
+
wrapping = _c === void 0 ? "nowrap" : _c,
|
|
67
|
+
_d = _a.align,
|
|
68
|
+
align = _d === void 0 ? "start" : _d,
|
|
67
69
|
tooltipInfo = _a.tooltipInfo,
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
// tooltip icon as the default based on design system tooltip guidelines.
|
|
71
|
-
_d = _a.isTooltipIconHidden,
|
|
72
|
-
// If set, this will hide the tooltip exclamation icon. Useful in situations where
|
|
73
|
-
// the table header does not have enough space. However, we should always show a
|
|
74
|
-
// tooltip icon as the default based on design system tooltip guidelines.
|
|
75
|
-
isTooltipIconHidden = _d === void 0 ? false : _d,
|
|
70
|
+
_e = _a.isTooltipIconHidden,
|
|
71
|
+
isTooltipIconHidden = _e === void 0 ? false : _e,
|
|
76
72
|
tooltipPortalSelector = _a.tooltipPortalSelector,
|
|
77
|
-
// If set, this will show the arrow in the direction provided
|
|
78
|
-
// when the header cell is hovered over.
|
|
79
73
|
sortingArrowsOnHover = _a.sortingArrowsOnHover,
|
|
80
74
|
classNameOverride = _a.classNameOverride,
|
|
81
75
|
// There aren't any other props in the type definition, so I'm unsure why we
|
|
82
76
|
// have this spread.
|
|
83
|
-
otherProps = __rest(_a, ["labelText", "onClick", "href", "width", "flex", "icon", "checkable", "checkedStatus", "onCheck", "reversed", "sorting", "wrapping", "align", "tooltipInfo", "isTooltipIconHidden", "tooltipPortalSelector", "sortingArrowsOnHover", "classNameOverride"]);
|
|
77
|
+
otherProps = __rest(_a, ["labelText", "onClick", "href", "width", "flex", "icon", "checkable", "checkedStatus", "checkboxLabel", "onCheck", "reversed", "sorting", "wrapping", "align", "tooltipInfo", "isTooltipIconHidden", "tooltipPortalSelector", "sortingArrowsOnHover", "classNameOverride"]);
|
|
84
78
|
var sorting = sortingRaw;
|
|
85
|
-
var
|
|
86
|
-
isHovered =
|
|
87
|
-
setIsHovered =
|
|
79
|
+
var _f = React.useState(false),
|
|
80
|
+
isHovered = _f[0],
|
|
81
|
+
setIsHovered = _f[1];
|
|
88
82
|
var updateHoverState = function (hoverState) {
|
|
89
83
|
if (sortingArrowsOnHover && hoverState != isHovered) setIsHovered(hoverState);
|
|
90
84
|
};
|
|
@@ -96,14 +90,14 @@ var TableHeaderRowCell = function (_a) {
|
|
|
96
90
|
className: styles.headerRowCellLabelAndIcons
|
|
97
91
|
}, icon && ( /*#__PURE__*/React.createElement("span", {
|
|
98
92
|
className: styles.headerRowCellIcon
|
|
99
|
-
}, /*#__PURE__*/cloneElement(icon, {
|
|
100
|
-
title: labelText
|
|
101
|
-
|
|
102
|
-
}))), checkable && ( /*#__PURE__*/React.createElement("div", {
|
|
93
|
+
}, /*#__PURE__*/cloneElement(icon, (_b = {
|
|
94
|
+
title: labelText
|
|
95
|
+
}, _b["aria-label"] = labelText, _b.role = "img", _b)))), checkable && ( /*#__PURE__*/React.createElement("div", {
|
|
103
96
|
className: styles.headerRowCellCheckbox
|
|
104
97
|
}, /*#__PURE__*/React.createElement(Checkbox, {
|
|
105
98
|
checkedStatus: checkedStatus,
|
|
106
|
-
onCheck: onCheck
|
|
99
|
+
onCheck: onCheck,
|
|
100
|
+
"aria-label": checkboxLabel
|
|
107
101
|
}))), tooltipInfo != null && !isTooltipIconHidden ? ( /*#__PURE__*/React.createElement("div", {
|
|
108
102
|
className: styles.headerRowCellTooltipIcon
|
|
109
103
|
}, /*#__PURE__*/React.createElement(ExclamationIcon, {
|
|
@@ -7,6 +7,7 @@ var styles = {
|
|
|
7
7
|
"headerRowCellAlignEnd": "Table-module_headerRowCellAlignEnd__dQOOQ",
|
|
8
8
|
"headerRowCellCheckbox": "Table-module_headerRowCellCheckbox__CdMiY",
|
|
9
9
|
"headerRowCellTooltip": "Table-module_headerRowCellTooltip__uzbpY",
|
|
10
|
+
"headerRowCellContent": "Table-module_headerRowCellContent__IArYC",
|
|
10
11
|
"headerRowCellButton": "Table-module_headerRowCellButton__uikM7",
|
|
11
12
|
"headerRowCellButtonReversed": "Table-module_headerRowCellButtonReversed__uk87N",
|
|
12
13
|
"headerRowCellNoButton": "Table-module_headerRowCellNoButton__dqf1B",
|
package/dist/esm/index.css
CHANGED
|
@@ -2,12 +2,12 @@
|
|
|
2
2
|
.Main-module_main__hMyB1{z-index:0}
|
|
3
3
|
.Wrapper-module_wrapper__89WmC{background:var(--color-gray-100,#f9f9f9);display:grid;grid-template-rows:min-content 1fr min-content;min-height:100vh;position:relative}
|
|
4
4
|
.FooterActions-module_footerAction__v7eL-{display:flex;flex-basis:auto;flex-grow:1}.FooterActions-module_footerActionPrevious__2XByZ{grid-area:"prev";justify-content:start}.FooterActions-module_footerActionNext__IKRta{grid-area:"next";justify-content:end}
|
|
5
|
-
.
|
|
5
|
+
.Branding-module_branding__4h-rD{display:flex;flex-grow:1;grid-area:branding;justify-content:center;padding-top:var(--spacing-4,.25rem)}@media (min-width:768px){.Branding-module_branding__4h-rD{justify-content:unset}}.Branding-module_logo__vqqec{flex-basis:7.5rem}
|
|
6
6
|
.FooterRoot-module_footerRoot__N-6nQ{align-items:center;background:var(--color-blue-500,#0168b3);display:grid;flex-grow:1;gap:var(--spacing-16,1rem);grid-template-areas:"prev stepper next";grid-template-columns:1fr 2fr 1fr;justify-content:center;padding:var(--spacing-24,1.5rem) var(--spacing-12,.75rem)}@media (min-width:768px){.FooterRoot-module_footerRoot__N-6nQ{bottom:0;grid-template-columns:1fr 5fr 1fr;padding:var(--spacing-24,1.5rem) var(--spacing-32,2rem);position:sticky;z-index:1}}
|
|
7
|
+
.Titles-module_titles__JYwU0{align-items:center;flex-grow:1;grid-area:titles;justify-content:center}.Titles-module_pageTitle__YDp9S,.Titles-module_titles__JYwU0{display:flex;flex-direction:column}.Titles-module_prefix__40x8n{margin-bottom:var(--spacing-4,.25rem)}.Titles-module_status__huuP7{margin-top:var(--spacing-8,.5rem)}
|
|
8
|
+
.ProgressStepper-module_stepsContainer__WMxXN{grid-area:stepper;width:100%}.ProgressStepper-module_stepList__b1wWX{align-items:flex-end;display:none;justify-content:center;list-style:none;margin:0;padding:0}@media (min-width:768px){.ProgressStepper-module_stepList__b1wWX{display:flex}}.ProgressStepper-module_step__-Ep19{container:step/inline-size;display:flex;flex-basis:100%;flex-grow:1;justify-content:center;max-width:var(--spacing-96,6rem);overflow-wrap:break-word;position:relative}.ProgressStepper-module_stepContent__B4uFS{align-items:center;display:flex;flex-direction:column}.ProgressStepper-module_stepIndicator__-qEWT{height:1.25rem;position:relative;width:1.25rem}.ProgressStepper-module_stepName__hS4lp{display:none;font-weight:var(--typography-paragraph-bold-font-weight,600);margin-bottom:var(--spacing-12,.75rem);text-align:center}.ProgressStepper-module_stepIcon__0Kh4y{color:var(--color-white,#fff);height:1.25rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:1.25rem}.ProgressStepper-module_stepDivider__KEZPU{border:var(--spacing-1,.0625rem) solid var(--color-white,#fff);border-radius:var(--border-solid-border-radius,7px);display:flex;flex-grow:1;height:0;left:100%;margin:0;min-width:calc(100% - var(--spacing-24, 1.5rem));position:absolute;top:calc(100% - .625rem);transform:translateX(-50%)}[dir=rtl] .ProgressStepper-module_stepDivider__KEZPU{left:unset;right:100%;transform:translateX(50%)}.ProgressStepper-module_stepperDescription__B00hX{display:flex;justify-content:center}@media (min-width:768px){.ProgressStepper-module_stepperDescription__B00hX{height:0;overflow:hidden;position:absolute;width:0}}@container step (min-width: 4.5rem){.ProgressStepper-module_stepName__hS4lp{display:inline}}
|
|
7
9
|
.Actions-module_actions__Prrp0{align-items:center;display:flex;flex-direction:column;flex-grow:1;grid-area:actions;justify-content:center}@media (min-width:768px){.Actions-module_actions__Prrp0{align-items:flex-start;flex-direction:row;justify-content:flex-end;margin-top:calc(var(--spacing-12, .75rem)*-1)}}
|
|
8
|
-
.Branding-module_branding__4h-rD{display:flex;flex-grow:1;grid-area:branding;justify-content:center;padding-top:var(--spacing-4,.25rem)}@media (min-width:768px){.Branding-module_branding__4h-rD{justify-content:unset}}.Branding-module_logo__vqqec{flex-basis:7.5rem}
|
|
9
10
|
.Root-module_root__7DVw5{align-items:center;background-color:var(--color-white,#fff);box-shadow:var(--shadow-small-box-shadow,0 1px 3px 0 rgba(0,0,0,.1),0 3px 16px 0 rgba(0,0,0,.06));display:grid;flex-grow:1;gap:var(--spacing-16,1rem);grid-template:"branding" min-content "titles" max-content "actions" min-content/1fr;justify-content:center;padding:var(--spacing-24,1.5rem);text-align:center}@media (min-width:768px){.Root-module_root__7DVw5{align-items:start;grid-template:"branding titles actions" min-content/1fr max-content 1fr;position:sticky;top:0;z-index:1}}
|
|
10
|
-
.ProgressStepper-module_stepsContainer__WMxXN{grid-area:stepper;width:100%}.ProgressStepper-module_stepList__b1wWX{align-items:flex-end;display:none;justify-content:center;list-style:none;margin:0;padding:0}@media (min-width:768px){.ProgressStepper-module_stepList__b1wWX{display:flex}}.ProgressStepper-module_step__-Ep19{container:step/inline-size;display:flex;flex-basis:100%;flex-grow:1;justify-content:center;max-width:var(--spacing-96,6rem);overflow-wrap:break-word;position:relative}.ProgressStepper-module_stepContent__B4uFS{align-items:center;display:flex;flex-direction:column}.ProgressStepper-module_stepIndicator__-qEWT{height:1.25rem;position:relative;width:1.25rem}.ProgressStepper-module_stepName__hS4lp{display:none;font-weight:var(--typography-paragraph-bold-font-weight,600);margin-bottom:var(--spacing-12,.75rem);text-align:center}.ProgressStepper-module_stepIcon__0Kh4y{color:var(--color-white,#fff);height:1.25rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:1.25rem}.ProgressStepper-module_stepDivider__KEZPU{border:var(--spacing-1,.0625rem) solid var(--color-white,#fff);border-radius:var(--border-solid-border-radius,7px);display:flex;flex-grow:1;height:0;left:100%;margin:0;min-width:calc(100% - var(--spacing-24, 1.5rem));position:absolute;top:calc(100% - .625rem);transform:translateX(-50%)}[dir=rtl] .ProgressStepper-module_stepDivider__KEZPU{left:unset;right:100%;transform:translateX(50%)}.ProgressStepper-module_stepperDescription__B00hX{display:flex;justify-content:center}@media (min-width:768px){.ProgressStepper-module_stepperDescription__B00hX{height:0;overflow:hidden;position:absolute;width:0}}@container step (min-width: 4.5rem){.ProgressStepper-module_stepName__hS4lp{display:inline}}
|
|
11
11
|
.SVG-module_icon__8J5Ev{display:inline-block;height:20px;width:20px}.SVG-module_icon__8J5Ev>use{pointer-events:none}@media screen and (-ms-high-contrast:active){.SVG-module_icon__8J5Ev{color:#000}}@media screen and (-ms-high-contrast:white-on-black){.SVG-module_icon__8J5Ev{color:#fff}}@media screen and (-ms-high-contrast:black-on-white){.SVG-module_icon__8J5Ev{color:#000}}.SVG-module_inheritSize__Q8iam{display:block;height:inherit;width:inherit}
|
|
12
12
|
.Avatar-module_wrapper__LY2q2{align-items:center;background:var(--color-gray-300,#eaeaec);border-radius:100%;box-sizing:border-box;display:flex;justify-content:center;overflow:hidden}.Avatar-module_wrapper__LY2q2:not(.Avatar-module_small__PeksS){border:3px solid var(--color-white,#fff);box-shadow:var(--shadow-small-box-shadow,0 1px 3px 0 rgba(0,0,0,.1),0 3px 16px 0 rgba(0,0,0,.06))}.Avatar-module_wrapper__LY2q2.Avatar-module_personal__2U7--{background:var(--color-orange-100,#fff0e8)}.Avatar-module_wrapper__LY2q2.Avatar-module_otherUser__b-drl{background:var(--color-gray-300,#eaeaec)}.Avatar-module_wrapper__LY2q2.Avatar-module_company__2qtJE{background:var(--color-white,#fff);border:0;border-radius:var(--border-solid-border-radius,7px);padding:6px}.Avatar-module_wrapper__LY2q2.Avatar-module_small__PeksS{height:1.25rem;width:1.25rem}.Avatar-module_wrapper__LY2q2.Avatar-module_small__PeksS .Avatar-module_initials__VDY2Q{margin-bottom:-1px}.Avatar-module_wrapper__LY2q2.Avatar-module_small__PeksS.Avatar-module_company__2qtJE{padding:0}.Avatar-module_wrapper__LY2q2.Avatar-module_medium__Vy3V8{height:3rem;width:3rem}.Avatar-module_wrapper__LY2q2.Avatar-module_medium__Vy3V8 .Avatar-module_initials__VDY2Q{margin-bottom:-1px}.Avatar-module_wrapper__LY2q2.Avatar-module_large__qiNWs{height:4.5rem;width:4.5rem}.Avatar-module_wrapper__LY2q2.Avatar-module_xlarge__Vx4IG{height:6rem;width:6rem}.Avatar-module_wrapper__LY2q2.Avatar-module_xxlarge__oOoGq{height:7.75rem;width:7.75rem}.Avatar-module_wrapper__LY2q2 .Avatar-module_initials__VDY2Q{speak-as:spell-out;border-bottom:none;text-decoration:none}.Avatar-module_avatarImage__FuULy{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.Avatar-module_loading__i9V-D .Avatar-module_avatarImage__FuULy{display:none}.Avatar-module_companyAvatarImage__7rlfG{border-radius:4px;box-sizing:border-box;-o-object-fit:contain;object-fit:contain}.Avatar-module_fallbackIcon__MPWxq{color:rgba(var(--color-purple-800-rgb,47,36,56),.7);width:28px}.Avatar-module_xxlarge__oOoGq .Avatar-module_fallbackIcon__MPWxq{width:75px}.Avatar-module_xlarge__Vx4IG .Avatar-module_fallbackIcon__MPWxq{width:60px}.Avatar-module_large__qiNWs .Avatar-module_fallbackIcon__MPWxq{width:35px}.Avatar-module_medium__Vy3V8 .Avatar-module_fallbackIcon__MPWxq{margin-bottom:-1px;width:25px}.Avatar-module_small__PeksS .Avatar-module_fallbackIcon__MPWxq{margin-bottom:-1px;width:10px}.Avatar-module_initials__VDY2Q{box-sizing:border-box;color:var(--color-purple-800,#2f2438);font-family:var(--typography-heading-1-font-family,"Inter","Noto Sans",Helvetica,Arial,sans-serif);font-size:22px;font-weight:var(--typography-heading-1-font-weight,700);letter-spacing:var(--typography-heading-3-letter-spacing,normal);padding-left:5px;padding-right:5px;text-align:center;width:100%}.Avatar-module_initials__VDY2Q:not(.Avatar-module_longName__31Yuf):before{content:"";display:block;margin-top:-.001em}.Avatar-module_xlarge__Vx4IG .Avatar-module_initials__VDY2Q,.Avatar-module_xxlarge__oOoGq .Avatar-module_initials__VDY2Q{font-size:34px;letter-spacing:var(--typography-heading-1-letter-spacing,normal)}.Avatar-module_medium__Vy3V8 .Avatar-module_initials__VDY2Q{font-size:16px}.Avatar-module_medium__Vy3V8 .Avatar-module_initials__VDY2Q,.Avatar-module_small__PeksS .Avatar-module_initials__VDY2Q{font-weight:var(--typography-heading-5-font-weight,600);letter-spacing:var(--typography-heading-5-letter-spacing,normal)}.Avatar-module_small__PeksS .Avatar-module_initials__VDY2Q{font-size:8px}
|
|
13
13
|
.AvatarGroup-module_AvatarGroup__bdL0o{display:inline-flex;list-style:none;margin:0;padding:0}.AvatarGroup-module_small__7uv8k .AvatarGroup-module_AvatarGroupItem__xQol-+.AvatarGroup-module_AvatarGroupItem__xQol-{margin-inline-start:-.625rem}[dir=rtl] .AvatarGroup-module_small__7uv8k .AvatarGroup-module_AvatarGroupItem__xQol-+.AvatarGroup-module_AvatarGroupItem__xQol-{margin-left:0}.AvatarGroup-module_medium__af52y .AvatarGroup-module_AvatarGroupItem__xQol-+.AvatarGroup-module_AvatarGroupItem__xQol-{margin-inline-start:-1.5rem}[dir=rtl] .AvatarGroup-module_medium__af52y .AvatarGroup-module_AvatarGroupItem__xQol-+.AvatarGroup-module_AvatarGroupItem__xQol-{margin-left:0}.AvatarGroup-module_large__HN9Yy .AvatarGroup-module_AvatarGroupItem__xQol-+.AvatarGroup-module_AvatarGroupItem__xQol-{margin-inline-start:-2.25rem}[dir=rtl] .AvatarGroup-module_large__HN9Yy .AvatarGroup-module_AvatarGroupItem__xQol-+.AvatarGroup-module_AvatarGroupItem__xQol-{margin-left:0}.AvatarGroup-module_AvatarCounter__PKFzl{align-items:center;background:var(--color-gray-300,#eaeaec);border:3px solid var(--color-white,#fff);border-radius:100%;box-shadow:var(--shadow-small-box-shadow,0 1px 3px 0 rgba(0,0,0,.1),0 3px 16px 0 rgba(0,0,0,.06));box-sizing:border-box;display:flex;justify-content:center;overflow:hidden}.AvatarGroup-module_small__7uv8k .AvatarGroup-module_AvatarCounter__PKFzl{border:none;box-shadow:none;font-size:.5rem;height:1.25rem;width:1.25rem}.AvatarGroup-module_medium__af52y .AvatarGroup-module_AvatarCounter__PKFzl,.AvatarGroup-module_small__7uv8k .AvatarGroup-module_AvatarCounter__PKFzl{font-family:var(--typography-heading-5-font-family,"Inter","Noto Sans",Helvetica,Arial,sans-serif);font-weight:var(--typography-heading-5-font-weight,600);letter-spacing:var(--typography-heading-5-letter-spacing,normal)}.AvatarGroup-module_medium__af52y .AvatarGroup-module_AvatarCounter__PKFzl{font-size:var(--typography-heading-5-font-size,1rem);height:3rem;width:3rem}.AvatarGroup-module_large__HN9Yy .AvatarGroup-module_AvatarCounter__PKFzl{font-family:var(--typography-heading-3-font-family,"Inter","Noto Sans",Helvetica,Arial,sans-serif);font-size:var(--typography-heading-3-font-size,1.375rem);font-weight:var(--typography-heading-3-font-weight,700);height:4.5rem;letter-spacing:var(--typography-heading-3-letter-spacing,normal);width:4.5rem}[dir=rtl] .AvatarGroup-module_AvatarCounter__PKFzl{direction:ltr;margin-left:0}
|
|
@@ -139,7 +139,7 @@ input[type=range].InputRange-module_ratingScaleRange__gI-rs{all:unset;-webkit-ap
|
|
|
139
139
|
.ActionButton-module_actionButton__mJRl4{border-end-end-radius:0;border-end-start-radius:var(--border-solid-border-radius,7px);border-start-end-radius:0;border-start-start-radius:var(--border-solid-border-radius,7px)}
|
|
140
140
|
.DropdownButton-module_dropdownButton__PqQH6{border-end-end-radius:var(--border-solid-border-radius,7px);border-end-start-radius:0;border-inline-start-width:0;border-start-end-radius:var(--border-solid-border-radius,7px);border-start-start-radius:0;display:inline-flex;inset-inline-start:calc(var(--border-solid-border-width, 2px)*-1);margin-inline-start:var(--border-solid-border-width,2px);padding:var(--spacing-12,.75rem);position:relative}.DropdownButton-module_dropdownButton__PqQH6:active,.DropdownButton-module_dropdownButton__PqQH6:focus-visible,.DropdownButton-module_dropdownButton__PqQH6:hover{border-inline-start-width:var(--border-solid-border-width,2px);inset-inline-start:calc(var(--border-solid-border-width, 2px)*-1);margin-inline-start:unset}
|
|
141
141
|
.SplitButton-module_splitButton__oNIKE{align-items:center;display:inline-flex}
|
|
142
|
-
.Table-module_container__w-zFG{margin-bottom:var(--spacing-sm,.75rem);width:100%}.Table-module_headerRowCell__kW0YN{align-items:stretch;display:flex;justify-content:flex-start;padding:8px var(--spacing-md,1.5rem);position:relative;text-align:start}.Table-module_headerRowCellNoWrap__BSuzX .Table-module_headerRowCellLabel__5v6m8{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Table-module_headerRowCellAlignCenter__cobEI{justify-content:center;text-align:center}.Table-module_headerRowCellAlignEnd__dQOOQ{justify-content:flex-end;text-align:end}.Table-module_headerRowCellCheckbox__CdMiY{margin-inline-end:10px}.Table-module_headerRowCell__kW0YN .Table-module_headerRowCellTooltip__uzbpY{align-items:stretch;display:flex}.Table-module_headerRowCell__kW0YN.Table-module_headerRowCellNoWrap__BSuzX .Table-
|
|
142
|
+
.Table-module_container__w-zFG{margin-bottom:var(--spacing-sm,.75rem);width:100%}.Table-module_headerRowCell__kW0YN{align-items:stretch;display:flex;justify-content:flex-start;padding:8px var(--spacing-md,1.5rem);position:relative;text-align:start}.Table-module_headerRowCellNoWrap__BSuzX .Table-module_headerRowCellLabel__5v6m8{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Table-module_headerRowCellAlignCenter__cobEI{justify-content:center;text-align:center}.Table-module_headerRowCellAlignEnd__dQOOQ{justify-content:flex-end;text-align:end}.Table-module_headerRowCellCheckbox__CdMiY{margin-inline-end:10px}.Table-module_headerRowCell__kW0YN .Table-module_headerRowCellTooltip__uzbpY{align-items:stretch;display:flex;max-width:100%}.Table-module_headerRowCell__kW0YN.Table-module_headerRowCellNoWrap__BSuzX .Table-module_headerRowCellContent__IArYC{max-width:100%}.Table-module_headerRowCellButton__uikM7{align-items:stretch;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;box-sizing:border-box;color:var(--color-purple-800,#2f2438);display:block;display:flex;font:inherit;margin:0;outline:none;padding:0;text-decoration:none;transition:none;width:100%}.Table-module_headerRowCellButton__uikM7:active,.Table-module_headerRowCellButton__uikM7:focus,.Table-module_headerRowCellButton__uikM7:hover{text-decoration:none}.Table-module_headerRowCellButton__uikM7:focus-visible{outline:none;position:relative}.Table-module_headerRowCellButton__uikM7:focus-visible:after{background:transparent;border-color:var(--color-blue-500,#0168b3);border-radius:var(--border-focus-ring-border-radius,10px);border-style:var(--border-focus-ring-border-style,solid);border-width:var(--border-focus-ring-border-width,2px);content:"";height:calc(100% + var(--border-focus-ring-border-width, 2px)*2 + 1px);left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:calc(100% + var(--border-focus-ring-border-width, 2px)*2 + 1px)}.Table-module_headerRowCellButtonReversed__uk87N{color:var(--color-white,#fff)}.Table-module_headerRowCellButtonReversed__uk87N:focus-visible:after{border-color:var(--color-blue-100,#e6f6ff)}.Table-module_headerRowCellNoButton__dqf1B{align-items:stretch;box-sizing:border-box;display:flex;width:100%}.Table-module_headerRowCellLabelAndIcons__OCCVi{align-items:center;display:flex;flex:1 1 100%;width:100%}.Table-module_headerRowCellTooltipIcon__X0ETJ{color:var(--color-blue-500,#0168b3);margin-inline-end:var(--spacing-xs,.375rem)}.Table-module_headerRowCellIcon__gB3zI{color:rgba(var(--color-purple-800-rgb,47,36,56),.7);height:20px}.Table-module_headerRowCellActive__wshmg .Table-module_headerRowCellIcon__gB3zI{color:var(--color-purple-800,#2f2438)}.Table-module_headerRowCellButtonReversed__uk87N .Table-module_headerRowCellIcon__gB3zI{color:var(--color-white,#fff)}.Table-module_card__RGyjC{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;background:var(--color-white,#fff);border:none;border:1px solid rgba(var(--color-purple-700-rgb,74,35,77),.1);box-shadow:0 4px 6px rgba(53,55,74,.04);color:var(--color-purple-800,#2f2438);display:block;font:inherit;margin:0;outline:none;padding:0;text-decoration:none;transition:none;transition:box-shadow var(--animation-duration-rapid,.2s),border-color var(--animation-duration-rapid,.2s),margin var(--animation-duration-rapid,.2s),padding var(--animation-duration-rapid,.2s),width var(--animation-duration-rapid,.2s)}.Table-module_card__RGyjC:active,.Table-module_card__RGyjC:focus,.Table-module_card__RGyjC:hover{text-decoration:none}.Table-module_card__RGyjC:not(:first-child){margin-top:-1px}.Table-module_card__RGyjC:last-child{border-bottom-left-radius:var(--border-solid-border-radius,7px);border-bottom-right-radius:var(--border-solid-border-radius,7px)}.Table-module_card__RGyjC:hover{will-change:box-shadow,border-color,margin,padding,width}.Table-module_card__RGyjC:focus-visible{outline:none;position:relative}.Table-module_card__RGyjC:focus-visible:after{background:transparent;border-color:var(--color-blue-500,#0168b3);border-radius:inherit;border-style:var(--border-focus-ring-border-style,solid);border-width:var(--border-focus-ring-border-width,2px);content:"";height:calc(100% + var(--border-focus-ring-border-width, 2px) + 2px);left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:calc(100% + var(--border-focus-ring-border-width, 2px) + 2px)}.Table-module_card__RGyjC.Table-module_well__xQmO5{margin-top:var(--spacing-sm,.75rem)}[role=rowgroup]+.Table-module_card__RGyjC{border-top-left-radius:var(--border-solid-border-radius,7px);border-top-right-radius:var(--border-solid-border-radius,7px);box-shadow:var(--shadow-small-box-shadow,0 1px 3px 0 rgba(0,0,0,.1),0 3px 16px 0 rgba(0,0,0,.06))}.Table-module_card__RGyjC:first-child{border-top-left-radius:var(--border-solid-border-radius,7px);border-top-right-radius:var(--border-solid-border-radius,7px);box-shadow:var(--shadow-small-box-shadow,0 1px 3px 0 rgba(0,0,0,.1),0 3px 16px 0 rgba(0,0,0,.06))}.Table-module_row__GYSl1{display:flex}.Table-module_well__xQmO5{background-color:var(--color-gray-300,#eaeaec);border-color:var(--border-borderless-border-color,transparent);border-radius:var(--border-solid-border-radius,7px);box-shadow:none;margin-bottom:var(--spacing-sm,.75rem)}.Table-module_popout__PeAVV{box-shadow:var(--shadow-large-box-shadow,0 3px 9px 0 rgba(0,0,0,.1),0 8px 40px 0 rgba(0,0,0,.08))}.Table-module_expanded__dasr3{margin-left:calc(var(--spacing-sm, .75rem)*-1);margin-right:calc(var(--spacing-sm, .75rem)*-1);padding-left:var(--spacing-sm,.75rem);padding-right:var(--spacing-sm,.75rem);position:relative;z-index:1}.Table-module_hasHoverState__u5n3E{cursor:pointer;text-align:left;width:100%}.Table-module_hasHoverState__u5n3E.Table-module_expanded__dasr3{width:calc(100% + var(--spacing-md, 1.5rem))}.Table-module_hasHoverState__u5n3E:focus,.Table-module_hasHoverState__u5n3E:hover{background-color:var(--color-gray-100,#f9f9f9)}.Table-module_rowCell__A5-2R{align-items:center;color:var(--color-purple-800,#2f2438);display:block;display:flex;min-height:60px;padding:0 var(--spacing-md,1.5rem);text-decoration:none}.Table-module_rowCell__A5-2R:active,.Table-module_rowCell__A5-2R:focus,.Table-module_rowCell__A5-2R:hover{text-decoration:none}.Table-module_defaultSpacing__zq1Ci .Table-module_rowCell__A5-2R{padding:var(--spacing-sm,.75rem) var(--spacing-md,1.5rem)}.Table-module_dataVariant__vBOag .Table-module_rowCell__A5-2R{min-height:48px}.Table-module_rowCellAlignCenter__apkoC{justify-content:center;text-align:center}.Table-module_rowCellAlignEnd__qZfa1{justify-content:flex-end;text-align:right}.Table-module_whiteText__4f-q5{color:var(--color-white,#fff)}
|
|
143
143
|
.Tab-module_tab__Rar3J{align-items:center;background:var(--color-white,#fff);border:0;border-left:2px solid transparent;border-right:2px solid transparent;border-top:2px solid transparent;border-top-left-radius:var(--border-borderless-border-radius,7px);border-top-right-radius:var(--border-borderless-border-radius,7px);color:var(--color-purple-800,#2f2438);display:inline-flex;font-family:var(--typography-heading-4-font-family,"Inter","Noto Sans",Helvetica,Arial,sans-serif);font-size:var(--typography-heading-4-font-size,1.125rem);font-weight:var(--typography-heading-4-font-weight,600);letter-spacing:var(--typography-heading-4-letter-spacing,normal);line-height:var(--typography-heading-4-line-height,1.5rem);margin:0;padding:var(--spacing-md,1.5rem) var(--spacing-md,1.5rem);text-decoration:none;white-space:nowrap}.Tab-module_tab__Rar3J:focus{outline:none}.Tab-module_tab__Rar3J:focus-visible{background:var(--color-blue-100,#e6f6ff);border-color:var(--color-blue-500,#0168b3);color:var(--color-blue-500,#0168b3)}.Tab-module_tab__Rar3J:disabled{opacity:30%}.Tab-module_tab__Rar3J:not(:first-child){margin-inline-start:var(--spacing-xs,.375rem)}.Tab-module_tab__Rar3J:not(:disabled):hover{background:var(--color-blue-100,#e6f6ff);color:var(--color-blue-500,#0168b3)}.Tab-module_tab__Rar3J[data-selected]{color:var(--color-blue-500,#0168b3);position:relative}.Tab-module_tab__Rar3J[data-selected]:before{background-color:currentcolor;border-top-left-radius:5px;border-top-right-radius:5px;bottom:0;content:"";display:block;height:5px;left:0;position:absolute;right:0;width:100%}.Tab-module_badge__4p2nd{align-items:center;display:inline-flex;margin-inline-start:var(--spacing-sm,.75rem)}@media (forced-colors:active){.Tab-module_tab__Rar3J{border:2px solid transparent}.Tab-module_tab__Rar3J:focus-visible:after{background:transparent;border-color:transparent;border-radius:var(--border-focus-ring-border-radius,10px);border-style:var(--border-focus-ring-border-style,solid);border-width:var(--border-focus-ring-border-width,2px);content:"";inset:calc(var(--border-focus-ring-border-width, 2px)*2*-1 + -1px);position:absolute}.Tab-module_tab__Rar3J.Tab-module_selected__MApD6:before{border-bottom:2px solid transparent;bottom:0;content:"";left:0;position:absolute;right:0}}
|
|
144
144
|
.TabList-module_tabList__A8Y9H{border-bottom:1px solid rgba(var(--color-gray-600-rgb,82,78,86),.1);padding:var(--spacing-xs,.375rem) var(--spacing-md,1.5rem) 0}.TabList-module_tabList__A8Y9H.TabList-module_noPadding__v073J{padding:0}
|
|
145
145
|
.TabPanel-module_tabPanel__I7hEK{border:2px solid transparent}.TabPanel-module_tabPanel__I7hEK:focus{outline:none}.TabPanel-module_tabPanel__I7hEK:focus-visible{border-color:var(--color-blue-500,#0168b3);border-radius:var(--border-focus-ring-border-radius,10px)}
|