@kaizen/components 3.3.0 → 3.3.2
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/src/Modal/ConfirmationModal/ConfirmationModal.module.scss.cjs +25 -25
- package/dist/cjs/src/Pagination/subcomponents/TruncateIndicator/TruncateIndicator.module.css.cjs +1 -1
- package/dist/esm/src/Modal/ConfirmationModal/ConfirmationModal.module.scss.mjs +25 -25
- package/dist/esm/src/Pagination/subcomponents/TruncateIndicator/TruncateIndicator.module.css.mjs +1 -1
- package/dist/styles.css +2 -2
- package/package.json +6 -6
- package/src/Modal/ConfirmationModal/ConfirmationModal.module.scss +1 -1
- package/src/Pagination/subcomponents/TruncateIndicator/TruncateIndicator.module.css +1 -1
|
@@ -1,30 +1,30 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
3
|
var modules_67560e97 = {
|
|
4
|
-
"defaultModalWidth": "
|
|
5
|
-
"backdropLayer": "
|
|
6
|
-
"scrollLayer": "
|
|
7
|
-
"modalLayer": "
|
|
8
|
-
"modal": "
|
|
9
|
-
"transitionLayer": "
|
|
10
|
-
"fade-0-to-0-5": "
|
|
11
|
-
"custom-1": "
|
|
12
|
-
"animatingEnter": "
|
|
13
|
-
"custom-3": "
|
|
14
|
-
"animatingLeave": "
|
|
15
|
-
"fade-0-5-to-0": "
|
|
16
|
-
"custom-5": "
|
|
17
|
-
"unscrollable": "
|
|
18
|
-
"pseudoScrollbar": "
|
|
19
|
-
"hide": "
|
|
20
|
-
"spotIcon": "
|
|
21
|
-
"header": "
|
|
22
|
-
"padded": "
|
|
23
|
-
"iconContainer": "
|
|
24
|
-
"prominent": "
|
|
25
|
-
"success": "
|
|
26
|
-
"informative": "
|
|
27
|
-
"warning": "
|
|
28
|
-
"cautionary": "
|
|
4
|
+
"defaultModalWidth": "ConfirmationModal_module_defaultModalWidth__e2ce9ecc",
|
|
5
|
+
"backdropLayer": "ConfirmationModal_module_backdropLayer__e2ce9ecc",
|
|
6
|
+
"scrollLayer": "ConfirmationModal_module_scrollLayer__e2ce9ecc",
|
|
7
|
+
"modalLayer": "ConfirmationModal_module_modalLayer__e2ce9ecc",
|
|
8
|
+
"modal": "ConfirmationModal_module_modal__e2ce9ecc",
|
|
9
|
+
"transitionLayer": "ConfirmationModal_module_transitionLayer__e2ce9ecc",
|
|
10
|
+
"fade-0-to-0-5": "ConfirmationModal_module_fade0To05__e2ce9ecc",
|
|
11
|
+
"custom-1": "ConfirmationModal_module_custom1__e2ce9ecc",
|
|
12
|
+
"animatingEnter": "ConfirmationModal_module_animatingEnter__e2ce9ecc",
|
|
13
|
+
"custom-3": "ConfirmationModal_module_custom3__e2ce9ecc",
|
|
14
|
+
"animatingLeave": "ConfirmationModal_module_animatingLeave__e2ce9ecc",
|
|
15
|
+
"fade-0-5-to-0": "ConfirmationModal_module_fade05To0__e2ce9ecc",
|
|
16
|
+
"custom-5": "ConfirmationModal_module_custom5__e2ce9ecc",
|
|
17
|
+
"unscrollable": "ConfirmationModal_module_unscrollable__e2ce9ecc",
|
|
18
|
+
"pseudoScrollbar": "ConfirmationModal_module_pseudoScrollbar__e2ce9ecc",
|
|
19
|
+
"hide": "ConfirmationModal_module_hide__e2ce9ecc",
|
|
20
|
+
"spotIcon": "ConfirmationModal_module_spotIcon__e2ce9ecc",
|
|
21
|
+
"header": "ConfirmationModal_module_header__e2ce9ecc",
|
|
22
|
+
"padded": "ConfirmationModal_module_padded__e2ce9ecc",
|
|
23
|
+
"iconContainer": "ConfirmationModal_module_iconContainer__e2ce9ecc",
|
|
24
|
+
"prominent": "ConfirmationModal_module_prominent__e2ce9ecc",
|
|
25
|
+
"success": "ConfirmationModal_module_success__e2ce9ecc",
|
|
26
|
+
"informative": "ConfirmationModal_module_informative__e2ce9ecc",
|
|
27
|
+
"warning": "ConfirmationModal_module_warning__e2ce9ecc",
|
|
28
|
+
"cautionary": "ConfirmationModal_module_cautionary__e2ce9ecc"
|
|
29
29
|
};
|
|
30
30
|
module.exports = modules_67560e97;
|
package/dist/cjs/src/Pagination/subcomponents/TruncateIndicator/TruncateIndicator.module.css.cjs
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
3
|
var modules_002da23c = {
|
|
4
|
-
"truncateIndicatorWrapper": "
|
|
4
|
+
"truncateIndicatorWrapper": "TruncateIndicator_module_truncateIndicatorWrapper__f9c06ea9"
|
|
5
5
|
};
|
|
6
6
|
module.exports = modules_002da23c;
|
|
@@ -1,28 +1,28 @@
|
|
|
1
1
|
var modules_67560e97 = {
|
|
2
|
-
"defaultModalWidth": "
|
|
3
|
-
"backdropLayer": "
|
|
4
|
-
"scrollLayer": "
|
|
5
|
-
"modalLayer": "
|
|
6
|
-
"modal": "
|
|
7
|
-
"transitionLayer": "
|
|
8
|
-
"fade-0-to-0-5": "
|
|
9
|
-
"custom-1": "
|
|
10
|
-
"animatingEnter": "
|
|
11
|
-
"custom-3": "
|
|
12
|
-
"animatingLeave": "
|
|
13
|
-
"fade-0-5-to-0": "
|
|
14
|
-
"custom-5": "
|
|
15
|
-
"unscrollable": "
|
|
16
|
-
"pseudoScrollbar": "
|
|
17
|
-
"hide": "
|
|
18
|
-
"spotIcon": "
|
|
19
|
-
"header": "
|
|
20
|
-
"padded": "
|
|
21
|
-
"iconContainer": "
|
|
22
|
-
"prominent": "
|
|
23
|
-
"success": "
|
|
24
|
-
"informative": "
|
|
25
|
-
"warning": "
|
|
26
|
-
"cautionary": "
|
|
2
|
+
"defaultModalWidth": "ConfirmationModal_module_defaultModalWidth__e2ce9ecc",
|
|
3
|
+
"backdropLayer": "ConfirmationModal_module_backdropLayer__e2ce9ecc",
|
|
4
|
+
"scrollLayer": "ConfirmationModal_module_scrollLayer__e2ce9ecc",
|
|
5
|
+
"modalLayer": "ConfirmationModal_module_modalLayer__e2ce9ecc",
|
|
6
|
+
"modal": "ConfirmationModal_module_modal__e2ce9ecc",
|
|
7
|
+
"transitionLayer": "ConfirmationModal_module_transitionLayer__e2ce9ecc",
|
|
8
|
+
"fade-0-to-0-5": "ConfirmationModal_module_fade0To05__e2ce9ecc",
|
|
9
|
+
"custom-1": "ConfirmationModal_module_custom1__e2ce9ecc",
|
|
10
|
+
"animatingEnter": "ConfirmationModal_module_animatingEnter__e2ce9ecc",
|
|
11
|
+
"custom-3": "ConfirmationModal_module_custom3__e2ce9ecc",
|
|
12
|
+
"animatingLeave": "ConfirmationModal_module_animatingLeave__e2ce9ecc",
|
|
13
|
+
"fade-0-5-to-0": "ConfirmationModal_module_fade05To0__e2ce9ecc",
|
|
14
|
+
"custom-5": "ConfirmationModal_module_custom5__e2ce9ecc",
|
|
15
|
+
"unscrollable": "ConfirmationModal_module_unscrollable__e2ce9ecc",
|
|
16
|
+
"pseudoScrollbar": "ConfirmationModal_module_pseudoScrollbar__e2ce9ecc",
|
|
17
|
+
"hide": "ConfirmationModal_module_hide__e2ce9ecc",
|
|
18
|
+
"spotIcon": "ConfirmationModal_module_spotIcon__e2ce9ecc",
|
|
19
|
+
"header": "ConfirmationModal_module_header__e2ce9ecc",
|
|
20
|
+
"padded": "ConfirmationModal_module_padded__e2ce9ecc",
|
|
21
|
+
"iconContainer": "ConfirmationModal_module_iconContainer__e2ce9ecc",
|
|
22
|
+
"prominent": "ConfirmationModal_module_prominent__e2ce9ecc",
|
|
23
|
+
"success": "ConfirmationModal_module_success__e2ce9ecc",
|
|
24
|
+
"informative": "ConfirmationModal_module_informative__e2ce9ecc",
|
|
25
|
+
"warning": "ConfirmationModal_module_warning__e2ce9ecc",
|
|
26
|
+
"cautionary": "ConfirmationModal_module_cautionary__e2ce9ecc"
|
|
27
27
|
};
|
|
28
28
|
export { modules_67560e97 as default };
|
package/dist/styles.css
CHANGED
|
@@ -109,7 +109,7 @@
|
|
|
109
109
|
@layer kz-components{.ModalFooter_module_actions__cc2d7cbc{display:flex;flex-direction:row-reverse;justify-content:flex-start}.ModalFooter_module_actionsAlignStart__cc2d7cbc{flex-direction:row-reverse;justify-content:flex-end}.ModalFooter_module_padded__cc2d7cbc{padding:var(--spacing-md,1.5rem);flex-direction:column}@media (min-width:768px){.ModalFooter_module_padded__cc2d7cbc{padding:0 var(--spacing-lg,2.25rem) var(--spacing-lg,2.25rem);flex-direction:row-reverse}}.ModalFooter_module_actionButton__cc2d7cbc{width:100%}@media (min-width:768px){.ModalFooter_module_actionButton__cc2d7cbc{width:inherit}}.ModalFooter_module_actionButton__cc2d7cbc+.ModalFooter_module_actionButton__cc2d7cbc{margin-inline-end:var(--spacing-sm,.75rem)}@media (max-width:calc(768px - 1px)){.ModalFooter_module_actionButton__cc2d7cbc+.ModalFooter_module_actionButton__cc2d7cbc{margin-block-start:var(--spacing-sm,.75rem)}}.ModalFooter_module_footerWrap__cc2d7cbc{align-items:baseline;width:100%;box-sizing:border-box}.ModalFooter_module_center__cc2d7cbc{display:flex;justify-content:center}.ModalFooter_module_border__cc2d7cbc{border-block-start:1px solid var(--border-solid-border-color,#e1e2ea)}.ModalFooter_module_start__cc2d7cbc{display:flex;justify-content:flex-start}.ModalFooter_module_end__cc2d7cbc{display:flex;justify-content:flex-end}.ModalFooter_module_fixed__cc2d7cbc{position:absolute;inset-block-end:0;inset-inline-start:0}.ModalFooter_module_filler__cc2d7cbc{visibility:hidden}}
|
|
110
110
|
@layer kz-components{.ModalHeader_module_dismissButton__7f752ac1{position:absolute;z-index:1060;top:0;inset-inline-end:0;inset-inline-start:auto}.ModalHeader_module_layout__7f752ac1{width:100%}.ModalHeader_module_fixed__7f752ac1{position:absolute;inset-block-start:0;inset-inline-start:0}.ModalHeader_module_filler__7f752ac1{visibility:hidden}}
|
|
111
111
|
@layer kz-components{@media (max-width:768px){.ModalAccessibleLabel_module_modalLabel__bdd2672b h2{font-size:1.625rem;line-height:2rem}}@media (max-width:375px){.ModalAccessibleLabel_module_modalLabel__bdd2672b h2{font-size:1.5rem;line-height:1.875rem}}.ModalAccessibleLabel_module_modalLabel__bdd2672b.ModalAccessibleLabel_module_prominent__bdd2672b{grid-column-start:2;text-align:start}.ModalAccessibleLabel_module_modalLabel__bdd2672b:focus{outline:none}}
|
|
112
|
-
@layer kz-components{.
|
|
112
|
+
@layer kz-components{.ConfirmationModal_module_defaultModalWidth__e2ce9ecc{min-width:300px;max-width:600px}.ConfirmationModal_module_backdropLayer__e2ce9ecc{position:fixed;background-color:#000;opacity:50%;z-index:1040;top:0;bottom:0;inset-inline-end:0;inset-inline-start:0}.ConfirmationModal_module_scrollLayer__e2ce9ecc{position:fixed;display:flex;align-items:center;z-index:1050;overflow-y:auto;top:0;bottom:0;inset-inline-end:0;inset-inline-start:0}.ConfirmationModal_module_modalLayer__e2ce9ecc{margin:auto;padding:1.5rem 0;width:100%}.ConfirmationModal_module_modal__e2ce9ecc{margin:auto;background-color:var(--color-white,#fff);border-radius:var(--border-solid-border-radius,7px);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));position:relative;width:90%;-webkit-font-smoothing:antialiased;color:var(--color-purple-800,#2f2438)}@media (min-width:768px){.ConfirmationModal_module_modal__e2ce9ecc{width:100%}}.ConfirmationModal_module_modal__e2ce9ecc:has([class*=modalLabel]:focus-visible){outline:var(--border-focus-ring-border-width) var(--border-focus-ring-border-style) var(--color-blue-300);outline-offset:2px}.ConfirmationModal_module_transitionLayer__e2ce9ecc{transition:opacity var(--animation-duration-fast,.3s) ease-in-out;opacity:1;position:relative;z-index:1050}.ConfirmationModal_module_transitionLayer__e2ce9ecc .ConfirmationModal_module_backdropLayer__e2ce9ecc{animation-duration:201ms;animation-fill-mode:forwards;animation-name:ConfirmationModal_module_fade0To05__e2ce9ecc}@keyframes ConfirmationModal_module_fade0To05__e2ce9ecc{0%{opacity:0}to{opacity:.5}}.ConfirmationModal_module_transitionLayer__e2ce9ecc [data-modal]{animation-duration:var(--animation-duration-fast,.3s);animation-fill-mode:forwards;animation-timing-function:var(--animation-easing-function-bounce-in,cubic-bezier(.485,.155,.24,1.245));animation-name:ConfirmationModal_module_custom1__e2ce9ecc}@keyframes ConfirmationModal_module_custom1__e2ce9ecc{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.ConfirmationModal_module_animatingEnter__e2ce9ecc [data-modal]{animation-duration:var(--animation-duration-fast,.3s);animation-fill-mode:forwards;animation-timing-function:var(--animation-easing-function-bounce-in,cubic-bezier(.485,.155,.24,1.245));animation-name:ConfirmationModal_module_custom3__e2ce9ecc}@keyframes ConfirmationModal_module_custom3__e2ce9ecc{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.ConfirmationModal_module_animatingLeave__e2ce9ecc{transition-duration:var(--animation-duration-rapid,.2s);opacity:0}.ConfirmationModal_module_animatingLeave__e2ce9ecc .ConfirmationModal_module_backdropLayer__e2ce9ecc{animation-duration:var(--animation-duration-rapid,.2s);animation-fill-mode:forwards;animation-name:ConfirmationModal_module_fade05To0__e2ce9ecc}@keyframes ConfirmationModal_module_fade05To0__e2ce9ecc{0%{opacity:.5}to{opacity:0}}.ConfirmationModal_module_animatingLeave__e2ce9ecc [data-modal]{animation-duration:var(--animation-duration-rapid,.2s);animation-fill-mode:forwards;animation-timing-function:var(--animation-easing-function-bounce-out,cubic-bezier(.485,.155,.515,.845));animation-name:ConfirmationModal_module_custom5__e2ce9ecc}@keyframes ConfirmationModal_module_custom5__e2ce9ecc{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.5)}}.ConfirmationModal_module_unscrollable__e2ce9ecc{overflow:hidden!important}.ConfirmationModal_module_pseudoScrollbar__e2ce9ecc{padding-inline-end:15px!important}.ConfirmationModal_module_hide__e2ce9ecc{opacity:0;pointer-events:none}.ConfirmationModal_module_modal__e2ce9ecc{min-width:300px;max-width:600px}.ConfirmationModal_module_modal__e2ce9ecc .ConfirmationModal_module_spotIcon__e2ce9ecc{color:var(--spot-icon-color)}.ConfirmationModal_module_header__e2ce9ecc{display:grid;grid-template-columns:.2fr 2fr;align-items:center;color:var(--color-white,#fff);text-align:start;border-radius:var(--border-solid-border-radius,7px) var(--border-solid-border-radius,7px) 0 0}.ConfirmationModal_module_header__e2ce9ecc.ConfirmationModal_module_padded__e2ce9ecc{padding:var(--spacing-md,1.5rem) var(--spacing-lg,2.25rem)}}@layer kz-components{@media (max-width:768px){.ConfirmationModal_module_header__e2ce9ecc.ConfirmationModal_module_padded__e2ce9ecc{padding:var(--spacing-md,1.5rem)}}.ConfirmationModal_module_header__e2ce9ecc h1{color:var(--color-purple-800)}.ConfirmationModal_module_iconContainer__e2ce9ecc{position:relative;align-self:flex-start}@media (min-width:768px){.ConfirmationModal_module_iconContainer__e2ce9ecc{align-self:center}}.ConfirmationModal_module_iconContainer__e2ce9ecc .ConfirmationModal_module_spotIcon__e2ce9ecc{--icon-size:30;width:30px;height:30px}@media (max-width:768px){.ConfirmationModal_module_iconContainer__e2ce9ecc .ConfirmationModal_module_spotIcon__e2ce9ecc{margin-inline-end:.9375rem;position:relative;inset-block-start:.125rem}}.ConfirmationModal_module_prominent__e2ce9ecc{display:grid;grid-template-columns:1.1fr 2fr;align-items:center}@media (max-width:768px){.ConfirmationModal_module_prominent__e2ce9ecc{grid-template-columns:1fr;display:flex;flex-direction:column;place-content:flex-start center;align-items:flex-start}}.ConfirmationModal_module_prominent__e2ce9ecc .ConfirmationModal_module_iconContainer__e2ce9ecc{position:absolute;inset-block-start:8%}@media (max-width:768px){.ConfirmationModal_module_prominent__e2ce9ecc .ConfirmationModal_module_iconContainer__e2ce9ecc{position:relative;inset-block-start:0;margin-block-end:var(--spacing-sm,.75rem)}}.ConfirmationModal_module_prominent__e2ce9ecc .ConfirmationModal_module_spotIcon__e2ce9ecc{width:155px;height:155px;margin:0 auto;color:var(--color-purple-800,#2f2438)}@media (max-width:768px){.ConfirmationModal_module_prominent__e2ce9ecc .ConfirmationModal_module_spotIcon__e2ce9ecc{width:86px;height:86px}}.ConfirmationModal_module_padded__e2ce9ecc{padding:var(--spacing-md,1.5rem) var(--spacing-lg,2.25rem) var(--spacing-md,1.5rem) var(--spacing-lg,2.25rem)}@media (max-width:768px){.ConfirmationModal_module_padded__e2ce9ecc{padding:var(--spacing-md,1.5rem)}}.ConfirmationModal_module_success__e2ce9ecc{background-color:var(--color-green-100);--spot-icon-color:var(--color-green-500)}.ConfirmationModal_module_informative__e2ce9ecc{background-color:var(--color-blue-100);--spot-icon-color:var(--color-blue-500)}.ConfirmationModal_module_warning__e2ce9ecc{background-color:var(--color-red-100);--spot-icon-color:var(--color-red-500)}.ConfirmationModal_module_cautionary__e2ce9ecc{background-color:var(--color-yellow-100);--spot-icon-color:var(--color-yellow-700)}}
|
|
113
113
|
@layer kz-components{.ContextModal_module_defaultModalWidth__bfc91d8e{min-width:300px;max-width:600px}.ContextModal_module_backdropLayer__bfc91d8e{position:fixed;background-color:#000;opacity:50%;z-index:1040;top:0;bottom:0;inset-inline-end:0;inset-inline-start:0}.ContextModal_module_scrollLayer__bfc91d8e{position:fixed;display:flex;align-items:center;z-index:1050;overflow-y:auto;top:0;bottom:0;inset-inline-end:0;inset-inline-start:0}.ContextModal_module_modalLayer__bfc91d8e{margin:auto;padding:1.5rem 0;width:100%}.ContextModal_module_modal__bfc91d8e{margin:auto;background-color:var(--color-white,#fff);border-radius:var(--border-solid-border-radius,7px);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));position:relative;width:90%;-webkit-font-smoothing:antialiased;color:var(--color-purple-800,#2f2438)}@media (min-width:768px){.ContextModal_module_modal__bfc91d8e{width:100%}}.ContextModal_module_modal__bfc91d8e:has([class*=modalLabel]:focus-visible){outline:var(--border-focus-ring-border-width) var(--border-focus-ring-border-style) var(--color-blue-300);outline-offset:2px}.ContextModal_module_transitionLayer__bfc91d8e{transition:opacity var(--animation-duration-fast,.3s) ease-in-out;opacity:1;position:relative;z-index:1050}.ContextModal_module_transitionLayer__bfc91d8e .ContextModal_module_backdropLayer__bfc91d8e{animation-duration:201ms;animation-fill-mode:forwards;animation-name:ContextModal_module_fade0To05__bfc91d8e}@keyframes ContextModal_module_fade0To05__bfc91d8e{0%{opacity:0}to{opacity:.5}}.ContextModal_module_transitionLayer__bfc91d8e [data-modal]{animation-duration:var(--animation-duration-fast,.3s);animation-fill-mode:forwards;animation-timing-function:var(--animation-easing-function-bounce-in,cubic-bezier(.485,.155,.24,1.245));animation-name:ContextModal_module_custom1__bfc91d8e}@keyframes ContextModal_module_custom1__bfc91d8e{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.ContextModal_module_animatingEnter__bfc91d8e [data-modal]{animation-duration:var(--animation-duration-fast,.3s);animation-fill-mode:forwards;animation-timing-function:var(--animation-easing-function-bounce-in,cubic-bezier(.485,.155,.24,1.245));animation-name:ContextModal_module_custom3__bfc91d8e}@keyframes ContextModal_module_custom3__bfc91d8e{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.ContextModal_module_animatingLeave__bfc91d8e{transition-duration:var(--animation-duration-rapid,.2s);opacity:0}.ContextModal_module_animatingLeave__bfc91d8e .ContextModal_module_backdropLayer__bfc91d8e{animation-duration:var(--animation-duration-rapid,.2s);animation-fill-mode:forwards;animation-name:ContextModal_module_fade05To0__bfc91d8e}@keyframes ContextModal_module_fade05To0__bfc91d8e{0%{opacity:.5}to{opacity:0}}.ContextModal_module_animatingLeave__bfc91d8e [data-modal]{animation-duration:var(--animation-duration-rapid,.2s);animation-fill-mode:forwards;animation-timing-function:var(--animation-easing-function-bounce-out,cubic-bezier(.485,.155,.515,.845));animation-name:ContextModal_module_custom5__bfc91d8e}@keyframes ContextModal_module_custom5__bfc91d8e{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.5)}}.ContextModal_module_unscrollable__bfc91d8e{overflow:hidden!important}.ContextModal_module_pseudoScrollbar__bfc91d8e{padding-inline-end:15px!important}.ContextModal_module_hide__bfc91d8e{opacity:0;pointer-events:none}.ContextModal_module_modal__bfc91d8e{min-width:300px;max-width:840px}}@layer kz-components{@media (min-width:768px){.ContextModal_module_modal__bfc91d8e{width:90%}}.ContextModal_module_animatingEnter__bfc91d8e .ContextModal_module_modal__bfc91d8e{animation-duration:var(--animation-duration-fast,.3s);animation-fill-mode:forwards;animation-timing-function:var(--animation-easing-function-bounce-in,cubic-bezier(.485,.155,.24,1.245));animation-name:ContextModal_module_custom7__bfc91d8e}@keyframes ContextModal_module_custom7__bfc91d8e{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.ContextModal_module_animatingLeave__bfc91d8e .ContextModal_module_modal__bfc91d8e{animation-duration:var(--animation-duration-rapid,.2s);animation-fill-mode:forwards;animation-timing-function:var(--animation-easing-function-bounce-out,cubic-bezier(.485,.155,.515,.845));animation-name:ContextModal_module_custom9__bfc91d8e}@keyframes ContextModal_module_custom9__bfc91d8e{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.5)}}.ContextModal_module_header__bfc91d8e{color:var(--color-purple-800,#2f2438);text-align:start}.ContextModal_module_header__bfc91d8e.ContextModal_module_padded__bfc91d8e{padding:var(--spacing-md,1.5rem)}@media (min-width:768px){.ContextModal_module_header__bfc91d8e.ContextModal_module_padded__bfc91d8e{padding:var(--spacing-md,1.5rem) var(--spacing-lg,2.25rem)}}.ContextModal_module_footerWithSecondaryAction__bfc91d8e,.ContextModal_module_footer__bfc91d8e{white-space:normal}@media (min-width:768px){.ContextModal_module_footerWithSecondaryAction__bfc91d8e,.ContextModal_module_footer__bfc91d8e{white-space:nowrap}}.ContextModal_module_footerWithSecondaryAction__bfc91d8e{margin-inline-start:calc(var(--spacing-sm, .75rem)*-1)}.ContextModal_module_emptyFooter__bfc91d8e{height:var(--spacing-sm,.75rem)}.ContextModal_module_portraitContentlayout__bfc91d8e{padding:var(--spacing-md,1.5rem);display:block;box-sizing:content-box}@media (min-width:768px){.ContextModal_module_portraitContentlayout__bfc91d8e{display:grid;max-width:800px;grid-auto-columns:1fr;grid-auto-flow:column;column-gap:var(--spacing-xl,3rem);padding:var(--spacing-md,1.5rem) var(--spacing-lg,2.25rem)}}.ContextModal_module_landscapeContentlayout__bfc91d8e{display:flex;padding:var(--spacing-md,1.5rem);flex-direction:column}@media (min-width:768px){.ContextModal_module_landscapeContentlayout__bfc91d8e{padding:var(--spacing-md,1.5rem) var(--spacing-lg,2.25rem)}}.ContextModal_module_landscapeContentlayout__bfc91d8e .ContextModal_module_image__bfc91d8e{display:flex;flex-direction:column;align-items:center;justify-content:center}.ContextModal_module_landscapeContentlayout__bfc91d8e .ContextModal_module_content__bfc91d8e{padding-inline-start:0}@media (min-width:768px){.ContextModal_module_landscapeContentlayout__bfc91d8e .ContextModal_module_content__bfc91d8e{max-width:100%}}}
|
|
114
114
|
@layer kz-components{.InputEditModal_module_defaultModalWidth__293ebf8f{min-width:300px;max-width:600px}.InputEditModal_module_backdropLayer__293ebf8f{position:fixed;background-color:#000;opacity:50%;z-index:1040;top:0;bottom:0;inset-inline-end:0;inset-inline-start:0}.InputEditModal_module_scrollLayer__293ebf8f{position:fixed;display:flex;align-items:center;z-index:1050;overflow-y:auto;top:0;bottom:0;inset-inline-end:0;inset-inline-start:0}.InputEditModal_module_modalLayer__293ebf8f{margin:auto;padding:1.5rem 0;width:100%}.InputEditModal_module_modal__293ebf8f{margin:auto;background-color:var(--color-white,#fff);border-radius:var(--border-solid-border-radius,7px);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));position:relative;width:90%;-webkit-font-smoothing:antialiased;color:var(--color-purple-800,#2f2438)}@media (min-width:768px){.InputEditModal_module_modal__293ebf8f{width:100%}}.InputEditModal_module_modal__293ebf8f:has([class*=modalLabel]:focus-visible){outline:var(--border-focus-ring-border-width) var(--border-focus-ring-border-style) var(--color-blue-300);outline-offset:2px}.InputEditModal_module_transitionLayer__293ebf8f{transition:opacity var(--animation-duration-fast,.3s) ease-in-out;opacity:1;position:relative;z-index:1050}.InputEditModal_module_transitionLayer__293ebf8f .InputEditModal_module_backdropLayer__293ebf8f{animation-duration:201ms;animation-fill-mode:forwards;animation-name:InputEditModal_module_fade0To05__293ebf8f}@keyframes InputEditModal_module_fade0To05__293ebf8f{0%{opacity:0}to{opacity:.5}}.InputEditModal_module_transitionLayer__293ebf8f [data-modal]{animation-duration:var(--animation-duration-fast,.3s);animation-fill-mode:forwards;animation-timing-function:var(--animation-easing-function-bounce-in,cubic-bezier(.485,.155,.24,1.245));animation-name:InputEditModal_module_custom1__293ebf8f}@keyframes InputEditModal_module_custom1__293ebf8f{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.InputEditModal_module_animatingEnter__293ebf8f [data-modal]{animation-duration:var(--animation-duration-fast,.3s);animation-fill-mode:forwards;animation-timing-function:var(--animation-easing-function-bounce-in,cubic-bezier(.485,.155,.24,1.245));animation-name:InputEditModal_module_custom3__293ebf8f}@keyframes InputEditModal_module_custom3__293ebf8f{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.InputEditModal_module_animatingLeave__293ebf8f{transition-duration:var(--animation-duration-rapid,.2s);opacity:0}.InputEditModal_module_animatingLeave__293ebf8f .InputEditModal_module_backdropLayer__293ebf8f{animation-duration:var(--animation-duration-rapid,.2s);animation-fill-mode:forwards;animation-name:InputEditModal_module_fade05To0__293ebf8f}@keyframes InputEditModal_module_fade05To0__293ebf8f{0%{opacity:.5}to{opacity:0}}.InputEditModal_module_animatingLeave__293ebf8f [data-modal]{animation-duration:var(--animation-duration-rapid,.2s);animation-fill-mode:forwards;animation-timing-function:var(--animation-easing-function-bounce-out,cubic-bezier(.485,.155,.515,.845));animation-name:InputEditModal_module_custom5__293ebf8f}@keyframes InputEditModal_module_custom5__293ebf8f{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.5)}}.InputEditModal_module_unscrollable__293ebf8f{overflow:hidden!important}.InputEditModal_module_pseudoScrollbar__293ebf8f{padding-inline-end:15px!important}.InputEditModal_module_hide__293ebf8f{opacity:0;pointer-events:none}.InputEditModal_module_modal__293ebf8f{min-width:300px;max-width:600px}.InputEditModal_module_animatingEnter__293ebf8f .InputEditModal_module_modal__293ebf8f{animation-duration:var(--animation-duration-fast,.3s);animation-fill-mode:forwards;animation-timing-function:var(--animation-easing-function-bounce-in,cubic-bezier(.485,.155,.24,1.245));animation-name:InputEditModal_module_custom7__293ebf8f}}@layer kz-components{@keyframes InputEditModal_module_custom7__293ebf8f{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.InputEditModal_module_animatingLeave__293ebf8f .InputEditModal_module_modal__293ebf8f{animation-duration:var(--animation-duration-rapid,.2s);animation-fill-mode:forwards;animation-timing-function:var(--animation-easing-function-bounce-out,cubic-bezier(.485,.155,.515,.845));animation-name:InputEditModal_module_custom9__293ebf8f}@keyframes InputEditModal_module_custom9__293ebf8f{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.5)}}.InputEditModal_module_header__293ebf8f{color:var(--color-purple-800,#2f2438);text-align:start}.InputEditModal_module_header__293ebf8f.InputEditModal_module_padded__293ebf8f{padding:var(--spacing-md,1.5rem) var(--spacing-lg,2.25rem)}@media (max-width:768px){.InputEditModal_module_header__293ebf8f.InputEditModal_module_padded__293ebf8f{padding:var(--spacing-md,1.5rem)}}.InputEditModal_module_body__293ebf8f{background:var(--color-gray-200,#f4f4f5)}.InputEditModal_module_body__293ebf8f.InputEditModal_module_padded__293ebf8f{padding:var(--spacing-md,1.5rem) var(--spacing-lg,2.25rem) var(--spacing-md,1.5rem) var(--spacing-lg,2.25rem)}@media (max-width:768px){.InputEditModal_module_body__293ebf8f.InputEditModal_module_padded__293ebf8f{padding:var(--spacing-md,1.5rem)}}}
|
|
115
115
|
@layer kz-components{.Checkbox_module_checkbox__badfb534{display:inline-block;position:relative;box-sizing:border-box;min-width:24px;width:24px;height:24px;border:var(--border-solid-border-width,2px) var(--border-solid-border-style,solid) var(--color-gray-500,#878792);border-radius:var(--border-solid-border-radius,7px);background:var(--color-white,#fff)}.Checkbox_module_checkbox__badfb534:focus-within,.Checkbox_module_checkbox__badfb534:hover{background:var(--color-gray-200,#f4f4f5);border-color:var(--color-gray-600,#524e56)}.Checkbox_module_checkbox__badfb534:focus-within:after{width:26px;height:26px;content:"";pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:var(--border-focus-ring-border-radius,10px);border-width:var(--border-focus-ring-border-width,2px);border-style:var(--border-focus-ring-border-style,solid);border-color:var(--color-blue-500,#0168b3)}.Checkbox_module_selected__badfb534{background:var(--color-gray-500,#878792);background-color:var(--color-gray-500,#878792)}.Checkbox_module_selected__badfb534:focus-within,.Checkbox_module_selected__badfb534:hover{background:var(--color-gray-600,#524e56);border-color:var(--color-gray-600,#524e56)}.Checkbox_module_nativeCheckbox__badfb534{opacity:0;position:absolute;width:100%;height:100%}.Checkbox_module_iconContainer__badfb534{display:inline-block;position:relative;pointer-events:none;height:100%;width:100%}.Checkbox_module_icon__badfb534{color:var(--color-white,#fff)}}
|
|
@@ -121,7 +121,7 @@
|
|
|
121
121
|
@layer kz-components{.MultiSelectToggle_module_multiSelectToggle__d09b3e66{position:relative;display:inline-flex;width:100%;border:var(--border-solid-border-style,solid) var(--border-solid-border-width,2px) var(--color-gray-500,#878792);border-radius:var(--border-solid-border-radius,7px);flex-direction:row-reverse;padding:calc(var(--spacing-12, .75rem) - var(--border-solid-border-width, 2px));box-sizing:border-box}.MultiSelectToggle_module_multiSelectToggle__d09b3e66:focus-within,.MultiSelectToggle_module_multiSelectToggle__d09b3e66:hover{border-color:var(--color-gray-600,#524e56);background-color:var(--color-gray-200,#f4f4f5)}.MultiSelectToggle_module_multiSelectToggle__d09b3e66.MultiSelectToggle_module_error__d09b3e66{border:var(--border-solid-border-style,solid) var(--border-solid-border-width,2px) var(--color-red-500,#c93b55)}.MultiSelectToggle_module_multiSelectToggle__d09b3e66.MultiSelectToggle_module_caution__d09b3e66{border:var(--border-solid-border-style,solid) var(--border-solid-border-width,2px) var(--color-yellow-600,#c68600)}.MultiSelectToggle_module_toggleButton__d09b3e66{appearance:none;display:inline;background:transparent;color:inherit;font:inherit;padding:0;border:none;display:inline-flex;align-items:flex-start;margin:3px 0;color:rgba(var(--color-purple-800-rgb,47,36,56),.7)}.MultiSelectToggle_module_toggleButton__d09b3e66:hover{color:var(--color-purple-800,#2f2438)}.MultiSelectToggle_module_toggleButton__d09b3e66:focus{color:var(--color-purple-800,#2f2438);outline:none}.MultiSelectToggle_module_toggleButton__d09b3e66:focus:after{position:absolute;pointer-events:none;content:"";inset:calc(var(--border-focus-ring-border-width, 2px)*-1 + var(--border-solid-border-width, 2px)*-1 + -1px);border-radius:var(--border-focus-ring-border-radius,10px);border:var(--border-focus-ring-border-style,solid) var(--border-focus-ring-border-width,2px) var(--color-blue-500,#0168b3)}.MultiSelectToggle_module_selectedItemsContainer__d09b3e66{display:flex;gap:var(--spacing-12,.75rem);align-items:flex-start;width:100%;border-inline-end:1px solid transparent;padding-inline-end:var(--spacing-12,.75rem);margin-inline-end:var(--spacing-12,.75rem)}.MultiSelectToggle_module_selectedItemsContainer__d09b3e66.MultiSelectToggle_module_hasSelectedItems__d09b3e66{border-inline-end-color:rgba(var(--color-gray-600-rgb,82,78,86),.2)}.MultiSelectToggle_module_selectedItems__d09b3e66{display:flex;flex-wrap:wrap;flex-grow:1;margin:0;padding:0;gap:var(--spacing-6,.375rem);list-style:none}.MultiSelectToggle_module_clearAllButton__d09b3e66{margin:3px 0}}
|
|
122
122
|
@layer kz-components{.Popover_module_popover__7a8de4a5{box-sizing:border-box;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));border:var(--border-focus-ring-border-width,2px) var(--border-focus-ring-border-style,solid) transparent;border-radius:var(--border-solid-border-radius,7px);background:var(--color-white,#fff);overflow:auto;z-index:100000}.Popover_module_popover__7a8de4a5:focus{outline:none}.Popover_module_popover__7a8de4a5:focus-visible{border-color:var(--color-blue-500,#0168b3)}}
|
|
123
123
|
@layer kz-components{.MultiSelect_module_toggleContainer__9a30c7d3{margin-top:var(--spacing-6,.375rem)}.MultiSelect_module_popover__9a30c7d3{padding:var(--spacing-12,.75rem)}}
|
|
124
|
-
@layer kz-components{.
|
|
124
|
+
@layer kz-components{.TruncateIndicator_module_truncateIndicatorWrapper__f9c06ea9{display:flex;align-items:center;justify-content:center;width:36px;background-color:transparent;color:rgb(var(--color-purple-800-rgb),.7);margin:0 var(--spacing-4)}}
|
|
125
125
|
@layer kz-components{.Pagination_module_container__b254d61d{display:flex;align-items:center;justify-content:center}.Pagination_module_pagesIndicatorWrapper__b254d61d{display:flex;flex-direction:row;justify-content:space-around}.Pagination_module_arrowIconWrapper__b254d61d{height:36px;width:36px;border-radius:18px;display:flex;align-items:center;justify-content:center;border:var(--border-focus-ring-border-width,2px) var(--border-focus-ring-border-style,solid) var(--color-blue-300,#73c0e8);margin:0 5px;background-color:transparent;color:var(--color-blue-500,#0168b3);box-sizing:border-box}.Pagination_module_arrowIconWrapper__b254d61d:disabled{opacity:35%;pointer-events:none}.Pagination_module_arrowIconWrapper__b254d61d:hover{background-color:var(--color-blue-100,#e6f6ff)}.Pagination_module_arrowIconWrapper__b254d61d:focus{background-color:var(--color-blue-200,#bde2f5)}.Pagination_module_arrowIconWrapper__b254d61d:focus:focus-visible{outline:none}.Pagination_module_arrowIconWrapper__b254d61d:focus .Pagination_module_pageIndicatorFocusRing__b254d61d{border:var(--border-focus-ring-border-width,2px) var(--border-focus-ring-border-style,solid) var(--color-blue-500,#0168b3)}}
|
|
126
126
|
@layer kz-components{.Popover_module_root__7bb9dc9f{width:220px;position:absolute;left:50%}.Popover_module_defaultBox__7bb9dc9f{--border-width:var(--border-width-1);border:var(--border-width) var(--border-solid-border-style);filter:drop-shadow(0 0 7px rgba(0,0,0,.1));border-radius:var(--border-solid-border-radius,7px);color:var(--color-purple-800,#2f2438);text-align:start;padding-block:calc(var(--spacing-12) - var(--border-width)) calc(var(--spacing-16) - var(--border-width));padding-inline:calc(var(--spacing-16) - var(--border-width));background:var(--color-white);border-color:var(--color-gray-500)}.Popover_module_defaultArrow__7bb9dc9f:after,.Popover_module_defaultArrow__7bb9dc9f:before{content:"";position:absolute;border-left:7px solid transparent;border-right:7px solid transparent;top:0;left:0}.Popover_module_defaultArrow__7bb9dc9f:before{border-top:7px solid var(--color-gray-500)}.Popover_module_defaultArrow__7bb9dc9f:after{border-top:7px solid var(--color-white);margin-top:-1.5px;z-index:1}.Popover_module_header__7bb9dc9f{position:relative;margin-bottom:var(--spacing-6);display:flex;align-items:center;white-space:nowrap;padding-inline-end:var(--spacing-24)}.Popover_module_container__7bb9dc9f{position:relative;white-space:pre-line}.Popover_module_close__7bb9dc9f{appearance:none;display:inline;background:transparent;color:inherit;font:inherit;padding:0;border:none;position:absolute;right:0;margin:0 0 0 auto;display:inherit;color:rgb(var(--color-purple-800-rgb,47,36,56),.7)}.Popover_module_close__7bb9dc9f:hover{color:var(--color-purple-800,#2f2438)}.Popover_module_close__7bb9dc9f:focus{outline:none}.Popover_module_close__7bb9dc9f:focus-visible{color:var(--color-purple-800,#2f2438);outline:var(--color-blue-500,#0168b3) var(--border-focus-ring-border-style,solid) var(--border-focus-ring-border-width,2px);outline-offset:calc(var(--border-focus-ring-border-width, 2px)*-1);border-radius:var(--border-borderless-border-radius,7px)}.Popover_module_arrowWrapper__7bb9dc9f{position:absolute;width:14px;height:7px}.Popover_module_arrow__7bb9dc9f{width:14px;height:7px}[data-popper-placement^=bottom] .Popover_module_arrowWrapper__7bb9dc9f{bottom:100%;left:50%;margin-top:-9px}[data-popper-placement^=bottom] .Popover_module_arrowWrapper__7bb9dc9f .Popover_module_arrow__7bb9dc9f{transform:rotate(180deg)}[data-popper-placement^=left] .Popover_module_arrowWrapper__7bb9dc9f{right:0;margin-right:-10px}[data-popper-placement^=left] .Popover_module_arrowWrapper__7bb9dc9f .Popover_module_arrow__7bb9dc9f{transform:rotate(270deg)}[data-popper-placement^=right] .Popover_module_arrowWrapper__7bb9dc9f{left:0;margin-left:-10px}[data-popper-placement^=right] .Popover_module_arrowWrapper__7bb9dc9f .Popover_module_arrow__7bb9dc9f{transform:rotate(90deg)}[data-popper-placement^=top] .Popover_module_arrowWrapper__7bb9dc9f{top:100%;left:50%}.Popover_module_large__7bb9dc9f{width:auto;max-width:450px}.Popover_module_singleLine__7bb9dc9f{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}}
|
|
127
127
|
@layer kz-components{.Label_module_label__5020ee90{padding-bottom:var(--spacing-6);color:var(--color-purple-800);text-align:center}}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@kaizen/components",
|
|
3
|
-
"version": "3.3.
|
|
3
|
+
"version": "3.3.2",
|
|
4
4
|
"description": "Kaizen component library",
|
|
5
5
|
"author": "Geoffrey Chong <geoff.chong@cultureamp.com>",
|
|
6
6
|
"homepage": "https://cultureamp.design",
|
|
@@ -106,7 +106,7 @@
|
|
|
106
106
|
"prosemirror-history": "^1.5.0",
|
|
107
107
|
"prosemirror-inputrules": "^1.5.1",
|
|
108
108
|
"prosemirror-keymap": "^1.2.3",
|
|
109
|
-
"prosemirror-model": "^1.25.
|
|
109
|
+
"prosemirror-model": "^1.25.9",
|
|
110
110
|
"prosemirror-schema-basic": "^1.2.4",
|
|
111
111
|
"prosemirror-schema-list": "^1.5.1",
|
|
112
112
|
"prosemirror-state": "^1.4.4",
|
|
@@ -130,7 +130,7 @@
|
|
|
130
130
|
},
|
|
131
131
|
"devDependencies": {
|
|
132
132
|
"@cultureamp/frontend-apis": "13.3.0",
|
|
133
|
-
"@cultureamp/i18n-react-intl": "^4.1.
|
|
133
|
+
"@cultureamp/i18n-react-intl": "^4.1.6",
|
|
134
134
|
"@cultureamp/package-bundler": "^4.0.1",
|
|
135
135
|
"cssnano": "^7.1.9",
|
|
136
136
|
"@testing-library/dom": "^10.4.1",
|
|
@@ -148,21 +148,21 @@
|
|
|
148
148
|
"postcss": "^8.5.15",
|
|
149
149
|
"postcss-cli": "^11.0.1",
|
|
150
150
|
"postcss-import": "^16.1.1",
|
|
151
|
-
"postcss-preset-env": "^11.3.
|
|
151
|
+
"postcss-preset-env": "^11.3.1",
|
|
152
152
|
"postcss-scss": "^4.0.9",
|
|
153
153
|
"query-string": "^9.4.0",
|
|
154
154
|
"react": "^19.2.7",
|
|
155
155
|
"react-dom": "^19.2.7",
|
|
156
156
|
"react-highlight": "^0.15.0",
|
|
157
157
|
"react-intl": "^10.1.13",
|
|
158
|
-
"rollup": "^4.
|
|
158
|
+
"rollup": "^4.62.2",
|
|
159
159
|
"sass": "1.79.6",
|
|
160
160
|
"serialize-query-params": "^2.0.4",
|
|
161
161
|
"svgo": "^4.0.1",
|
|
162
162
|
"ts-patch": "^3.3.0",
|
|
163
163
|
"tslib": "^2.8.1",
|
|
164
164
|
"tsx": "^4.22.4",
|
|
165
|
-
"@kaizen/design-tokens": "11.0.
|
|
165
|
+
"@kaizen/design-tokens": "11.0.12"
|
|
166
166
|
},
|
|
167
167
|
"devDependenciesComments": {
|
|
168
168
|
"sass": "Prevent deprecation warnings introduced in 1.80 as we plan to move away from sass",
|