@kaizen/components 1.9.0 → 1.10.1

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.
Files changed (46) hide show
  1. package/dist/cjs/dts/SVG/icons/IndicatorActiveIcon.d.ts +3 -0
  2. package/dist/cjs/dts/SVG/icons/IndicatorInactiveIcon.d.ts +3 -0
  3. package/dist/cjs/dts/SVG/icons/SuccessIcon.d.ts +3 -0
  4. package/dist/cjs/dts/Workflow/Workflow.d.ts +4 -4
  5. package/dist/cjs/dts/Workflow/_docs/controls/controls.d.ts +1 -1
  6. package/dist/cjs/dts/Workflow/subcomponents/Footer/Footer.d.ts +1 -1
  7. package/dist/cjs/dts/Workflow/subcomponents/Header/components/Actions/Actions.d.ts +1 -1
  8. package/dist/cjs/dts/Workflow/subcomponents/Header/components/Actions/index.d.ts +0 -1
  9. package/dist/cjs/dts/Workflow/subcomponents/Main/Main.d.ts +4 -3
  10. package/dist/cjs/dts/Workflow/subcomponents/Wrapper/Wrapper.d.ts +9 -0
  11. package/dist/cjs/dts/Workflow/subcomponents/Wrapper/index.d.ts +1 -0
  12. package/dist/cjs/dts/Workflow/subcomponents/index.d.ts +1 -0
  13. package/dist/cjs/future.js +1 -1
  14. package/dist/cjs/{index-7e3575a7.js → index-f4dd8d10.js} +1 -1
  15. package/dist/cjs/{index-7e3575a7.js.map → index-f4dd8d10.js.map} +1 -1
  16. package/dist/cjs/index.css +3 -1312
  17. package/dist/cjs/index.js +735 -42509
  18. package/dist/cjs/index.js.map +1 -1
  19. package/dist/esm/dts/SVG/icons/IndicatorActiveIcon.d.ts +3 -0
  20. package/dist/esm/dts/SVG/icons/IndicatorInactiveIcon.d.ts +3 -0
  21. package/dist/esm/dts/SVG/icons/SuccessIcon.d.ts +3 -0
  22. package/dist/esm/dts/Workflow/Workflow.d.ts +4 -4
  23. package/dist/esm/dts/Workflow/_docs/controls/controls.d.ts +1 -1
  24. package/dist/esm/dts/Workflow/subcomponents/Footer/Footer.d.ts +1 -1
  25. package/dist/esm/dts/Workflow/subcomponents/Header/components/Actions/Actions.d.ts +1 -1
  26. package/dist/esm/dts/Workflow/subcomponents/Header/components/Actions/index.d.ts +0 -1
  27. package/dist/esm/dts/Workflow/subcomponents/Main/Main.d.ts +4 -3
  28. package/dist/esm/dts/Workflow/subcomponents/Wrapper/Wrapper.d.ts +9 -0
  29. package/dist/esm/dts/Workflow/subcomponents/Wrapper/index.d.ts +1 -0
  30. package/dist/esm/dts/Workflow/subcomponents/index.d.ts +1 -0
  31. package/dist/esm/future.js +1 -1
  32. package/dist/esm/{index-7bd0bbd7.js → index-55bf6f2f.js} +1 -1
  33. package/dist/esm/{index-7bd0bbd7.js.map → index-55bf6f2f.js.map} +1 -1
  34. package/dist/esm/index.css +3 -1312
  35. package/dist/esm/index.js +797 -42571
  36. package/dist/esm/index.js.map +1 -1
  37. package/dist/index.d.ts +17 -23
  38. package/dist/styles.css +1 -1
  39. package/icons/empty.icon.svg +4 -14
  40. package/icons/full.icon.svg +3 -16
  41. package/icons/success.icon.svg +7 -15
  42. package/package.json +14 -15
  43. package/dist/cjs/dts/Workflow/subcomponents/Header/components/Actions/WorkflowExit/WorkflowExit.d.ts +0 -17
  44. package/dist/cjs/dts/Workflow/subcomponents/Header/components/Actions/WorkflowExit/index.d.ts +0 -1
  45. package/dist/esm/dts/Workflow/subcomponents/Header/components/Actions/WorkflowExit/WorkflowExit.d.ts +0 -17
  46. package/dist/esm/dts/Workflow/subcomponents/Header/components/Actions/WorkflowExit/index.d.ts +0 -1
@@ -2308,8 +2308,8 @@ html:lang(ar) .Text-module_zen-data-small-units__0RtFJ {
2308
2308
  }
2309
2309
  .SectionDivider-module_divider__-idrC{margin:var(--spacing-8,.5rem) 0}.SectionDivider-module_divider__-idrC+.SectionDivider-module_divider__-idrC,.SectionDivider-module_divider__-idrC:first-child,.SectionDivider-module_divider__-idrC:last-child{display:none}
2310
2310
  .FilterSelect-module_filterContents__2LknZ{overflow:auto;padding:var(--spacing-12,.75rem);width:224px}
2311
- .FooterRoot-module_footerRoot__bvMSa{align-items:center;background:var(--color-blue-500,#0168b3);display:grid;flex-grow:1;gap:var(--spacing-16,1rem);grid-template-areas:"stepper stepper" "prev next";grid-template-columns:1fr 1fr;justify-content:center;padding:var(--spacing-24,1.5rem) var(--spacing-32,2rem)}@media (min-width:768px){.FooterRoot-module_footerRoot__bvMSa{grid-template-areas:"prev stepper next";grid-template-columns:1fr 5fr 1fr}}
2312
- .ProgressStepper-module_stepsContainer__kh4S2{grid-area:stepper;width:100%}.ProgressStepper-module_stepList__ToKVO{align-items:flex-end;display:flex;justify-content:center;list-style:none;margin:0;padding:0}.ProgressStepper-module_step__5Zakx{container:step/inline-size;display:flex;flex-basis:100%;flex-grow:1;justify-content:center;max-width:var(--spacing-96,6rem);position:relative}.ProgressStepper-module_stepContent__brp8m{align-items:center;display:flex;flex-direction:column}.ProgressStepper-module_stepIndicator__vAWW6{height:var(--spacing-16,1rem);position:relative;width:var(--spacing-16,1rem)}.ProgressStepper-module_stepName__21rPP{display:none;font-weight:var(--typography-paragraph-bold-font-weight,600);margin-bottom:var(--spacing-12,.75rem);text-align:center}.ProgressStepper-module_stepIcon__eW-Ps{color:var(--color-white,#fff);height:var(--spacing-16,1rem);left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:var(--spacing-16,1rem)}.ProgressStepper-module_stepDivider__SaO4y{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% - var(--spacing-8, .5rem));transform:translateX(-50%)}[dir=rtl] .ProgressStepper-module_stepDivider__SaO4y{left:unset;right:100%;transform:translateX(50%)}.ProgressStepper-module_stepperDescription__XT8Ra{display:none;text-align:center}@container step (min-width: 4.5rem){.ProgressStepper-module_stepName__21rPP{display:inline}.ProgressStepper-module_stepContent__brp8m,.ProgressStepper-module_step__5Zakx{align-self:center}}
2311
+ .FooterRoot-module_footerRoot__bvMSa{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-32,2rem)}@media (min-width:768px){.FooterRoot-module_footerRoot__bvMSa{grid-template-columns:1fr 5fr 1fr}}
2312
+ .ProgressStepper-module_stepsContainer__kh4S2{grid-area:stepper;width:100%}.ProgressStepper-module_stepList__ToKVO{align-items:flex-end;display:none;justify-content:center;list-style:none;margin:0;padding:0}@media (min-width:768px){.ProgressStepper-module_stepList__ToKVO{display:flex}}.ProgressStepper-module_step__5Zakx{container:step/inline-size;display:flex;flex-basis:100%;flex-grow:1;justify-content:center;max-width:var(--spacing-96,6rem);position:relative}.ProgressStepper-module_stepContent__brp8m{align-items:center;display:flex;flex-direction:column}.ProgressStepper-module_stepIndicator__vAWW6{height:1.25rem;position:relative;width:1.25rem}.ProgressStepper-module_stepName__21rPP{display:none;font-weight:var(--typography-paragraph-bold-font-weight,600);margin-bottom:var(--spacing-12,.75rem);text-align:center}.ProgressStepper-module_stepIcon__eW-Ps{color:var(--color-white,#fff);height:1.25rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:1.25rem}.ProgressStepper-module_stepDivider__SaO4y{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__SaO4y{left:unset;right:100%;transform:translateX(50%)}.ProgressStepper-module_stepperDescription__XT8Ra{display:flex;justify-content:center}@media (min-width:768px){.ProgressStepper-module_stepperDescription__XT8Ra{height:0;overflow:hidden;position:absolute;width:0}}@container step (min-width: 4.5rem){.ProgressStepper-module_stepName__21rPP{display:inline}}
2313
2313
  .FooterActions-module_footerAction__H-bdq{display:flex;flex-basis:auto;flex-grow:1}.FooterActions-module_footerActionPrevious__yyzsX{grid-area:"prev";justify-content:start}.FooterActions-module_footerActionNext__GIowc{grid-area:"next";justify-content:end}
2314
2314
  /** THIS IS AN AUTOGENERATED FILE **/ /** THIS IS AN AUTOGENERATED FILE **/ /** THIS IS AN AUTOGENERATED FILE **/ /** THIS IS AN AUTOGENERATED FILE **/
2315
2315
  /* stylelint-disable no-descending-specificity */
@@ -2739,1319 +2739,10 @@ html:lang(ar) .Text-module_zen-data-small-units__0RtFJ {
2739
2739
  }
2740
2740
  .Titles-module_titles__tO9dZ{align-items:center;flex-grow:1;grid-area:titles;justify-content:center}.Titles-module_pageTitle__7-ui0,.Titles-module_titles__tO9dZ{display:flex;flex-direction:column}.Titles-module_prefix__vV-WW{margin-bottom:var(--spacing-4,.25rem)}.Titles-module_status__RvbTg{margin-top:var(--spacing-8,.5rem)}
2741
2741
  .Actions-module_actions__2Zdtd{align-items:center;display:flex;flex-direction:column;flex-grow:1;grid-area:actions;justify-content:center}@media (min-width:768px){.Actions-module_actions__2Zdtd{align-items:flex-start;flex-direction:row;justify-content:flex-end;margin-top:calc(var(--spacing-12, .75rem)*-1)}}
2742
- /** THIS IS AN AUTOGENERATED FILE **/ /** THIS IS AN AUTOGENERATED FILE **/ /** THIS IS AN AUTOGENERATED FILE **/ /** THIS IS AN AUTOGENERATED FILE **/ /** THIS IS AN AUTOGENERATED FILE **/
2743
- .Badge-module_badge__dpG2o {
2744
- border-radius: var(--spacing-sm, 0.75rem);
2745
- color: var(--color-purple-800, #2f2438);
2746
- display: inline-block;
2747
- position: relative;
2748
- font-family: var(--typography-paragraph-extra-small-font-family, "Inter", "Noto Sans", Helvetica, Arial, sans-serif);
2749
- font-size: var(--typography-paragraph-extra-small-font-size, 0.75rem);
2750
- font-weight: var(--typography-paragraph-bold-font-weight, 600);
2751
- letter-spacing: var(--typography-paragraph-extra-small-letter-spacing, normal);
2752
- line-height: var(--typography-paragraph-extra-small-line-height, 1.125rem);
2753
- padding: 1px var(--spacing-xs, 0.375rem);
2754
- min-width: 8px;
2755
- text-align: center;
2756
- }
2757
-
2758
- .Badge-module_badge__dpG2o.Badge-module_large__5A0RP {
2759
- display: inline-flex;
2760
- justify-content: center;
2761
- border-radius: var(--spacing-xl, 3rem);
2762
- font-size: var(--typography-data-medium-font-size, 3rem);
2763
- line-height: var(--typography-data-medium-line-height, 5rem);
2764
- letter-spacing: var(--typography-data-medium-letter-spacing, normal);
2765
- padding: 2px 1.875rem;
2766
- width: 24px;
2767
- }
2768
-
2769
- .Badge-module_default__7UuF3 {
2770
- background-color: var(--color-gray-300, #eaeaec);
2771
- color: var(--color-purple-800, #2f2438);
2772
- }
2773
-
2774
- .Badge-module_active__umBzx {
2775
- background-color: var(--color-blue-500, #0168b3);
2776
- color: var(--color-white, #ffffff);
2777
- }
2778
-
2779
- .Badge-module_reversed__eA4mw.Badge-module_active__umBzx {
2780
- background-color: var(--color-green-300, #8fdbc7);
2781
- color: var(--color-purple-800, #2f2438);
2782
- }
2783
-
2784
- .Badge-module_dark__DzSsM {
2785
- background-color: rgba(var(--color-purple-700-rgb, 74, 35, 77), 0.1);
2786
- color: var(--color-purple-800, #2f2438);
2787
- }
2788
-
2789
- .Badge-module_dot__7xvrW {
2790
- background-color: var(--color-green-300, #8fdbc7);
2791
- padding: var(--spacing-xs, 0.375rem);
2792
- min-width: unset;
2793
- }
2794
-
2795
- .Badge-module_dot__7xvrW.Badge-module_large__5A0RP {
2796
- background-color: var(--color-green-300, #8fdbc7);
2797
- padding: 1.875rem;
2798
- width: unset;
2799
- }
2800
-
2801
- .Badge-module_reversed__eA4mw.Badge-module_dot__7xvrW {
2802
- background-color: var(--color-green-300, #8fdbc7);
2803
- }
2804
-
2805
- .Badge-module_reversed__eA4mw.Badge-module_dark__DzSsM {
2806
- background-color: var(--color-purple-700, #4a234d);
2807
- color: var(--color-white, #ffffff);
2808
- }
2809
-
2810
- .Badge-module_reversed__eA4mw {
2811
- background-color: rgba(var(--color-white-rgb, 255, 255, 255), 0.1);
2812
- color: var(--color-white, #ffffff);
2813
- }
2814
-
2815
- .Badge-module_animation__sE-BG {
2816
- display: inherit;
2817
- }
2818
- .Badge-module_animation__sE-BG .Badge-module_badge__dpG2o {
2819
- transition: transform var(--animation-duration-slow, 400ms)/2 var(--animation-easing-function-ease-in, cubic-bezier(0.55, 0.085, 0.68, 0.53)), background-color var(--animation-duration-slow, 400ms)/2 var(--animation-easing-function-ease-in, cubic-bezier(0.55, 0.085, 0.68, 0.53));
2820
- transform-origin: center;
2821
- transform: scale3d(1, 1, 1);
2822
- }
2823
- .Badge-module_animation__sE-BG.Badge-module_animationOn__SC5SY .Badge-module_badge__dpG2o {
2824
- transform: scale3d(1.35, 1.35, 1.35);
2825
- }
2826
- .Badge-module_animation__sE-BG.Badge-module_animationOn__SC5SY .Badge-module_badge__dpG2o.Badge-module_dark__DzSsM {
2827
- background-color: rgba(var(--color-purple-700-rgb, 74, 35, 77), 0.2);
2828
- }
2829
- .Badge-module_animation__sE-BG.Badge-module_animationOn__SC5SY .Badge-module_badge__dpG2o.Badge-module_active__umBzx {
2830
- background-color: var(--color-blue-500, #0168b3);
2831
- color: var(--color-white, #ffffff);
2832
- }
2833
- .Badge-module_animation__sE-BG.Badge-module_animationOn__SC5SY .Badge-module_badge__dpG2o.Badge-module_dot__7xvrW {
2834
- background-color: var(--color-green-300, #8fdbc7);
2835
- }
2836
- /** THIS IS AN AUTOGENERATED FILE **/
2837
- .LoadingSpinner-module_wrapper__DU2au {
2838
- display: flex;
2839
- }
2840
-
2841
- .LoadingSpinner-module_visuallyHidden__o0iJ2 {
2842
- position: absolute;
2843
- width: 1px;
2844
- height: 1px;
2845
- padding: 0;
2846
- overflow: hidden;
2847
- clip: rect(0, 0, 0, 0);
2848
- white-space: nowrap;
2849
- border: 0;
2850
- }
2851
-
2852
- .LoadingSpinner-module_spinner__y5L3s {
2853
- animation: LoadingSpinner-module_spinner__y5L3s var(:local(--animation-duration-deliberate), 700ms) var(LoadingSpinner-module_--animation-easing-function-ease-in-out__hJbRC, cubic-bezier(0.455, 0.03, 0.515, 0.955)) infinite;
2854
- }
2855
-
2856
- @keyframes LoadingSpinner-module_spinner__y5L3s {
2857
- 100% {
2858
- transform: rotate(360deg);
2859
- }
2860
- }
2861
- /** THIS IS AN AUTOGENERATED FILE **/ /** THIS IS AN AUTOGENERATED FILE **/ /** THIS IS AN AUTOGENERATED FILE **/ /** THIS IS AN AUTOGENERATED FILE **/ /* stylelint-disable scss/at-if-no-null, declaration-block-no-redundant-longhand-properties */ /** THIS IS AN AUTOGENERATED FILE **/ /** THIS IS AN AUTOGENERATED FILE **/ /** THIS IS AN AUTOGENERATED FILE **/ /** THIS IS AN AUTOGENERATED FILE **/ /** THIS IS AN AUTOGENERATED FILE **/
2862
- /* 16px */
2863
- /* 16px */
2864
- /* 16px */
2865
- /*
2866
- Because these components are deprecated, we've kept any inline/non-token values as values from the Zen theme to prevent any style regressions,
2867
- as this is what consumers would have expected when pulling them in a the time.
2868
- */
2869
- /* stylelint-enable scss/at-if-no-null, declaration-block-no-redundant-longhand-properties */
2870
- /** THIS IS AN AUTOGENERATED FILE **/ /** THIS IS AN AUTOGENERATED FILE **/ /** THIS IS AN AUTOGENERATED FILE **/ /** THIS IS AN AUTOGENERATED FILE **/ /** THIS IS AN AUTOGENERATED FILE **/ /** THIS IS AN AUTOGENERATED FILE **/ /** THIS IS AN AUTOGENERATED FILE **/ /** THIS IS AN AUTOGENERATED FILE **/ /* stylelint-disable scss/at-if-no-null, declaration-block-no-redundant-longhand-properties */ /** THIS IS AN AUTOGENERATED FILE **/ /** THIS IS AN AUTOGENERATED FILE **/ /** THIS IS AN AUTOGENERATED FILE **/ /** THIS IS AN AUTOGENERATED FILE **/ /** THIS IS AN AUTOGENERATED FILE **/
2871
- /* 16px */
2872
- /* 16px */
2873
- /* 16px */
2874
- /*
2875
- Because these components are deprecated, we've kept any inline/non-token values as values from the Zen theme to prevent any style regressions,
2876
- as this is what consumers would have expected when pulling them in a the time.
2877
- */
2878
- /* stylelint-enable scss/at-if-no-null, declaration-block-no-redundant-longhand-properties */
2879
- .GenericButton-module_button__DRKr1 {
2880
- appearance: none;
2881
- background: transparent;
2882
- border: none;
2883
- font: inherit;
2884
- margin: 0;
2885
- padding: 0;
2886
- transition: none;
2887
- -webkit-font-smoothing: antialiased;
2888
- -moz-osx-font-smoothing: grayscale;
2889
- font-family: var(--typography-button-primary-font-family, "Inter", "Noto Sans", Helvetica, Arial, sans-serif);
2890
- font-weight: var(--typography-button-primary-font-weight, 700);
2891
- font-size: var(--typography-button-primary-font-size, 1.125rem);
2892
- line-height: var(--typography-button-primary-line-height, 1.5rem);
2893
- letter-spacing: var(--typography-button-primary-letter-spacing, normal);
2894
- display: inline-flex;
2895
- align-items: center;
2896
- box-sizing: border-box;
2897
- min-height: var(--spacing-xl, 3rem);
2898
- border: var(--border-solid-border-width, 2px) var(--border-solid-border-style, solid);
2899
- border-radius: var(--border-solid-border-radius, 7px);
2900
- position: relative;
2901
- text-align: left;
2902
- cursor: pointer;
2903
- overflow: visible;
2904
- }
2905
- [href].GenericButton-module_button__DRKr1 {
2906
- text-decoration: none;
2907
- }
2908
- .GenericButton-module_button__DRKr1:not(:disabled):active, .GenericButton-module_button__DRKr1:not(:disabled).story__button-active {
2909
- transform: translateY(1px);
2910
- }
2911
- .GenericButton-module_button__DRKr1:not(:disabled):focus {
2912
- outline: none;
2913
- }
2914
- .GenericButton-module_button__DRKr1:not(:disabled):focus-visible::after, .GenericButton-module_button__DRKr1:not(:disabled).story__button-focus::after {
2915
- content: "";
2916
- position: absolute;
2917
- background: transparent;
2918
- border-color: var(--color-blue-500, #0168b3);
2919
- border-radius: var(--border-focus-ring-border-radius, 10px);
2920
- border-width: var(--border-focus-ring-border-width, 2px);
2921
- border-style: var(--border-focus-ring-border-style, solid);
2922
- inset: calc(-1 * calc((var(--border-focus-ring-border-width, 2px) * 2) + 1px));
2923
- }
2924
- .GenericButton-module_reversed__wHCy-.GenericButton-module_button__DRKr1:not(:disabled):focus-visible::after, .GenericButton-module_reversed__wHCy-.GenericButton-module_button__DRKr1:not(:disabled).story__button-focus::after {
2925
- border-color: var(--color-blue-300, #73c0e8);
2926
- }
2927
- .GenericButton-module_button__DRKr1:disabled, .GenericButton-module_working__PUcA5.GenericButton-module_button__DRKr1 {
2928
- pointer-events: none;
2929
- opacity: 30%;
2930
- }
2931
- .GenericButton-module_button__DRKr1 .GenericButton-module_content__TKLGo {
2932
- height: 100%;
2933
- display: flex;
2934
- align-items: center;
2935
- padding: calc(var(--spacing-sm, 0.75rem) - var(--border-solid-border-width, 2px)) calc(var(--spacing-md, 1.5rem) - var(--border-solid-border-width, 2px));
2936
- }
2937
-
2938
- .GenericButton-module_default__FF-Ss {
2939
- background-color: var(--color-white, #ffffff);
2940
- border-color: var(--color-gray-500, #8c8c97);
2941
- color: var(--color-purple-800, #2f2438);
2942
- }
2943
- .GenericButton-module_default__FF-Ss:not(:disabled):hover, .GenericButton-module_default__FF-Ss:not(:disabled).story__button-hover, .GenericButton-module_default__FF-Ss:not(:disabled):active, .GenericButton-module_default__FF-Ss:not(:disabled).story__button-active, .GenericButton-module_default__FF-Ss:not(:disabled):focus-visible, .GenericButton-module_default__FF-Ss:not(:disabled).story__button-focus {
2944
- background-color: var(--color-gray-200, #f4f4f5);
2945
- border-color: var(--color-gray-600, #524e56);
2946
- }
2947
- .GenericButton-module_reversed__wHCy-.GenericButton-module_default__FF-Ss {
2948
- background-color: transparent;
2949
- border-color: rgba(var(--color-white-rgb, 255, 255, 255), 0.65);
2950
- color: var(--color-white, #ffffff);
2951
- }
2952
- .GenericButton-module_reversed__wHCy-.GenericButton-module_default__FF-Ss:not(:disabled):hover, .GenericButton-module_reversed__wHCy-.GenericButton-module_default__FF-Ss:not(:disabled).story__button-hover, .GenericButton-module_reversed__wHCy-.GenericButton-module_default__FF-Ss:not(:disabled):active, .GenericButton-module_reversed__wHCy-.GenericButton-module_default__FF-Ss:not(:disabled).story__button-active, .GenericButton-module_reversed__wHCy-.GenericButton-module_default__FF-Ss:not(:disabled):focus-visible, .GenericButton-module_reversed__wHCy-.GenericButton-module_default__FF-Ss:not(:disabled).story__button-focus {
2953
- background-color: rgba(var(--color-white-rgb, 255, 255, 255), 0.1);
2954
- border-color: var(--color-white, #ffffff);
2955
- }
2956
-
2957
- .GenericButton-module_primary__d5PAz {
2958
- background-color: var(--color-blue-500, #0168b3);
2959
- border-color: var(--border-borderless-border-color, transparent);
2960
- color: var(--color-white, #ffffff);
2961
- }
2962
- .GenericButton-module_primary__d5PAz:not(:disabled):hover, .GenericButton-module_primary__d5PAz:not(:disabled).story__button-hover, .GenericButton-module_primary__d5PAz:not(:disabled):active, .GenericButton-module_primary__d5PAz:not(:disabled).story__button-active, .GenericButton-module_primary__d5PAz:not(:disabled):focus-visible, .GenericButton-module_primary__d5PAz:not(:disabled).story__button-focus {
2963
- background-color: var(--color-blue-600, #004970);
2964
- border-color: var(--border-borderless-border-color, transparent);
2965
- }
2966
- .GenericButton-module_reversed__wHCy-.GenericButton-module_primary__d5PAz {
2967
- background-color: var(--color-green-300, #8fdbc7);
2968
- border-color: var(--border-borderless-border-color, transparent);
2969
- color: var(--color-purple-800, #2f2438);
2970
- }
2971
- .GenericButton-module_reversed__wHCy-.GenericButton-module_primary__d5PAz:not(:disabled):hover, .GenericButton-module_reversed__wHCy-.GenericButton-module_primary__d5PAz:not(:disabled).story__button-hover, .GenericButton-module_reversed__wHCy-.GenericButton-module_primary__d5PAz:not(:disabled):active, .GenericButton-module_reversed__wHCy-.GenericButton-module_primary__d5PAz:not(:disabled).story__button-active, .GenericButton-module_reversed__wHCy-.GenericButton-module_primary__d5PAz:not(:disabled):focus-visible, .GenericButton-module_reversed__wHCy-.GenericButton-module_primary__d5PAz:not(:disabled).story__button-focus {
2972
- background-color: var(--color-green-400, #5dcbad);
2973
- border-color: var(--border-borderless-border-color, transparent);
2974
- }
2975
-
2976
- .GenericButton-module_destructive__oIcbG {
2977
- background-color: var(--color-red-500, #c93b55);
2978
- border-color: var(--border-borderless-border-color, transparent);
2979
- color: var(--color-white, #ffffff);
2980
- }
2981
- .GenericButton-module_destructive__oIcbG:not(:disabled):hover, .GenericButton-module_destructive__oIcbG:not(:disabled).story__button-hover, .GenericButton-module_destructive__oIcbG:not(:disabled):active, .GenericButton-module_destructive__oIcbG:not(:disabled).story__button-active, .GenericButton-module_destructive__oIcbG:not(:disabled):focus-visible, .GenericButton-module_destructive__oIcbG:not(:disabled).story__button-focus {
2982
- background-color: var(--color-red-600, #a82433);
2983
- border-color: var(--border-borderless-border-color, transparent);
2984
- }
2985
- .GenericButton-module_reversed__wHCy-.GenericButton-module_destructive__oIcbG {
2986
- background-color: var(--color-red-300, #f597a8);
2987
- border-color: var(--border-borderless-border-color, transparent);
2988
- color: var(--color-purple-800, #2f2438);
2989
- }
2990
- .GenericButton-module_reversed__wHCy-.GenericButton-module_destructive__oIcbG:not(:disabled):hover, .GenericButton-module_reversed__wHCy-.GenericButton-module_destructive__oIcbG:not(:disabled).story__button-hover, .GenericButton-module_reversed__wHCy-.GenericButton-module_destructive__oIcbG:not(:disabled):active, .GenericButton-module_reversed__wHCy-.GenericButton-module_destructive__oIcbG:not(:disabled).story__button-active, .GenericButton-module_reversed__wHCy-.GenericButton-module_destructive__oIcbG:not(:disabled):focus-visible, .GenericButton-module_reversed__wHCy-.GenericButton-module_destructive__oIcbG:not(:disabled).story__button-focus {
2991
- background-color: var(--color-red-400, #e0707d);
2992
- border-color: var(--border-borderless-border-color, transparent);
2993
- }
2994
-
2995
- .GenericButton-module_secondary__z8bvY {
2996
- font-family: var(--typography-button-secondary-font-family, "Inter", "Noto Sans", Helvetica, Arial, sans-serif);
2997
- font-weight: var(--typography-button-secondary-font-weight, 500);
2998
- font-size: var(--typography-button-secondary-font-size, 1rem);
2999
- line-height: var(--typography-button-secondary-line-height, 1.5rem);
3000
- letter-spacing: var(--typography-button-secondary-letter-spacing, normal);
3001
- background-color: transparent;
3002
- border-color: var(--border-borderless-border-color, transparent);
3003
- color: var(--color-blue-500, #0168b3);
3004
- }
3005
- .GenericButton-module_secondary__z8bvY:not(:disabled):hover, .GenericButton-module_secondary__z8bvY:not(:disabled).story__button-hover, .GenericButton-module_secondary__z8bvY:not(:disabled):active, .GenericButton-module_secondary__z8bvY:not(:disabled).story__button-active, .GenericButton-module_secondary__z8bvY:not(:disabled):focus-visible, .GenericButton-module_secondary__z8bvY:not(:disabled).story__button-focus {
3006
- background-color: var(--color-blue-100, #e6f6ff);
3007
- border-color: var(--border-borderless-border-color, transparent);
3008
- }
3009
- .GenericButton-module_secondary__z8bvY .GenericButton-module_content__TKLGo {
3010
- padding-left: calc(var(--spacing-sm, 0.75rem) - var(--border-solid-border-width, 2px));
3011
- padding-right: calc(var(--spacing-sm, 0.75rem) - var(--border-solid-border-width, 2px));
3012
- }
3013
- .GenericButton-module_reversed__wHCy-.GenericButton-module_secondary__z8bvY {
3014
- border-color: var(--border-borderless-border-color, transparent);
3015
- color: var(--color-white, #ffffff);
3016
- }
3017
- .GenericButton-module_reversed__wHCy-.GenericButton-module_secondary__z8bvY:not(:disabled):hover, .GenericButton-module_reversed__wHCy-.GenericButton-module_secondary__z8bvY:not(:disabled).story__button-hover, .GenericButton-module_reversed__wHCy-.GenericButton-module_secondary__z8bvY:not(:disabled):active, .GenericButton-module_reversed__wHCy-.GenericButton-module_secondary__z8bvY:not(:disabled).story__button-active, .GenericButton-module_reversed__wHCy-.GenericButton-module_secondary__z8bvY:not(:disabled):focus-visible, .GenericButton-module_reversed__wHCy-.GenericButton-module_secondary__z8bvY:not(:disabled).story__button-focus {
3018
- background-color: rgba(var(--color-white-rgb, 255, 255, 255), 0.2);
3019
- border-color: var(--border-borderless-border-color, transparent);
3020
- }
3021
-
3022
- .GenericButton-module_secondary__z8bvY.GenericButton-module_destructive__oIcbG {
3023
- color: var(--color-red-600, #a82433);
3024
- }
3025
- .GenericButton-module_secondary__z8bvY.GenericButton-module_destructive__oIcbG:not(:disabled):hover, .GenericButton-module_secondary__z8bvY.GenericButton-module_destructive__oIcbG:not(:disabled).story__button-hover, .GenericButton-module_secondary__z8bvY.GenericButton-module_destructive__oIcbG:not(:disabled):active, .GenericButton-module_secondary__z8bvY.GenericButton-module_destructive__oIcbG:not(:disabled).story__button-active, .GenericButton-module_secondary__z8bvY.GenericButton-module_destructive__oIcbG:not(:disabled):focus-visible, .GenericButton-module_secondary__z8bvY.GenericButton-module_destructive__oIcbG:not(:disabled).story__button-focus {
3026
- background-color: var(--color-red-100, #fdeaee);
3027
- border-color: var(--border-borderless-border-color, transparent);
3028
- }
3029
-
3030
- .GenericButton-module_small__0j1bw {
3031
- min-height: calc(var(--spacing-md, 1.5rem) * 5 / 3);
3032
- }
3033
- .GenericButton-module_small__0j1bw .GenericButton-module_content__TKLGo {
3034
- padding-top: calc(
3035
- var(--spacing-md, 1.5rem)/3 - var(--border-solid-border-width, 2px)
3036
- );
3037
- padding-bottom: calc(
3038
- var(--spacing-md, 1.5rem)/3 - var(--border-solid-border-width, 2px)
3039
- );
3040
- }
3041
-
3042
- /** THIS IS AN AUTOGENERATED FILE **/ /** THIS IS AN AUTOGENERATED FILE **/ /** THIS IS AN AUTOGENERATED FILE **/ /** THIS IS AN AUTOGENERATED FILE **/ /** THIS IS AN AUTOGENERATED FILE **/ /** THIS IS AN AUTOGENERATED FILE **/ /* stylelint-disable scss/at-if-no-null, declaration-block-no-redundant-longhand-properties */ /** THIS IS AN AUTOGENERATED FILE **/ /** THIS IS AN AUTOGENERATED FILE **/ /** THIS IS AN AUTOGENERATED FILE **/ /** THIS IS AN AUTOGENERATED FILE **/ /** THIS IS AN AUTOGENERATED FILE **/
3043
- /* 16px */
3044
- /* 16px */
3045
- /* 16px */
3046
- /*
3047
- Because these components are deprecated, we've kept any inline/non-token values as values from the Zen theme to prevent any style regressions,
3048
- as this is what consumers would have expected when pulling them in a the time.
3049
- */
3050
- /* stylelint-enable scss/at-if-no-null, declaration-block-no-redundant-longhand-properties */
3051
- .GenericButton-module_iconButton__69i69 {
3052
- width: var(--spacing-xl, 3rem);
3053
- border-color: var(--border-borderless-border-color, transparent);
3054
- }
3055
- .GenericButton-module_iconButton__69i69:not(:disabled):hover, .GenericButton-module_iconButton__69i69:not(:disabled).story__button-hover, .GenericButton-module_iconButton__69i69:not(:disabled):active, .GenericButton-module_iconButton__69i69:not(:disabled).story__button-active, .GenericButton-module_iconButton__69i69:not(:disabled):focus-visible, .GenericButton-module_iconButton__69i69:not(:disabled).story__button-focus {
3056
- border-color: var(--border-borderless-border-color, transparent);
3057
- }
3058
- .GenericButton-module_iconButton__69i69 .GenericButton-module_content__TKLGo {
3059
- justify-content: center;
3060
- width: 100%;
3061
- padding: 0;
3062
- }
3063
- .GenericButton-module_iconButton__69i69:not(.GenericButton-module_reversed__wHCy-).GenericButton-module_default__FF-Ss {
3064
- background-color: transparent;
3065
- color: inherit;
3066
- }
3067
- .GenericButton-module_iconButton__69i69:not(.GenericButton-module_reversed__wHCy-).GenericButton-module_default__FF-Ss:not(:disabled):hover, .GenericButton-module_iconButton__69i69:not(.GenericButton-module_reversed__wHCy-).GenericButton-module_default__FF-Ss:not(:disabled).story__button-hover, .GenericButton-module_iconButton__69i69:not(.GenericButton-module_reversed__wHCy-).GenericButton-module_default__FF-Ss:not(:disabled):active, .GenericButton-module_iconButton__69i69:not(.GenericButton-module_reversed__wHCy-).GenericButton-module_default__FF-Ss:not(:disabled).story__button-active, .GenericButton-module_iconButton__69i69:not(.GenericButton-module_reversed__wHCy-).GenericButton-module_default__FF-Ss:not(:disabled):focus-visible, .GenericButton-module_iconButton__69i69:not(.GenericButton-module_reversed__wHCy-).GenericButton-module_default__FF-Ss:not(:disabled).story__button-focus {
3068
- background-color: var(--color-gray-200, #f4f4f5);
3069
- }
3070
- .GenericButton-module_reversed__wHCy-.GenericButton-module_iconButton__69i69 {
3071
- border-color: var(--border-borderless-border-color, transparent);
3072
- }
3073
- .GenericButton-module_reversed__wHCy-.GenericButton-module_iconButton__69i69:not(:disabled):hover, .GenericButton-module_reversed__wHCy-.GenericButton-module_iconButton__69i69:not(:disabled).story__button-hover, .GenericButton-module_reversed__wHCy-.GenericButton-module_iconButton__69i69:not(:disabled):active, .GenericButton-module_reversed__wHCy-.GenericButton-module_iconButton__69i69:not(:disabled).story__button-active, .GenericButton-module_reversed__wHCy-.GenericButton-module_iconButton__69i69:not(:disabled):focus-visible, .GenericButton-module_reversed__wHCy-.GenericButton-module_iconButton__69i69:not(:disabled).story__button-focus {
3074
- border-color: var(--border-borderless-border-color, transparent);
3075
- }
3076
-
3077
- /** THIS IS AN AUTOGENERATED FILE **/ /** THIS IS AN AUTOGENERATED FILE **/ /** THIS IS AN AUTOGENERATED FILE **/ /** THIS IS AN AUTOGENERATED FILE **/
3078
- /** THIS IS AN AUTOGENERATED FILE **/ /** THIS IS AN AUTOGENERATED FILE **/ /** THIS IS AN AUTOGENERATED FILE **/ /** THIS IS AN AUTOGENERATED FILE **/ /* stylelint-disable scss/at-if-no-null, declaration-block-no-redundant-longhand-properties */ /** THIS IS AN AUTOGENERATED FILE **/ /** THIS IS AN AUTOGENERATED FILE **/ /** THIS IS AN AUTOGENERATED FILE **/ /** THIS IS AN AUTOGENERATED FILE **/ /** THIS IS AN AUTOGENERATED FILE **/
3079
- /* 16px */
3080
- /* 16px */
3081
- /* 16px */
3082
- /*
3083
- Because these components are deprecated, we've kept any inline/non-token values as values from the Zen theme to prevent any style regressions,
3084
- as this is what consumers would have expected when pulling them in a the time.
3085
- */
3086
- /* stylelint-enable scss/at-if-no-null, declaration-block-no-redundant-longhand-properties */
3087
- .GenericButton-module_circleButton__LDr5i {
3088
- width: 40px;
3089
- height: 40px;
3090
- min-height: auto;
3091
- margin: 0 var(--spacing-xs, 0.375rem);
3092
- border-radius: 50%;
3093
- }
3094
- .GenericButton-module_circleButton__LDr5i:not(:disabled):focus-visible::after, .GenericButton-module_circleButton__LDr5i:not(:disabled).story__button-focus::after {
3095
- border-radius: 50%;
3096
- }
3097
- .GenericButton-module_circleButton__LDr5i .GenericButton-module_content__TKLGo {
3098
- height: auto;
3099
- color: var(--color-blue-500, #0168b3);
3100
- }
3101
- .GenericButton-module_reversed__wHCy-.GenericButton-module_circleButton__LDr5i .GenericButton-module_content__TKLGo {
3102
- color: var(--color-white, #ffffff);
3103
- }
3104
-
3105
- .GenericButton-module_directionalLink__Mztws {
3106
- border: var(--border-solid-border-width, 2px) solid var(--color-blue-300, #73c0e8);
3107
- }
3108
- [dir=rtl] .GenericButton-module_directionalLink__Mztws {
3109
- transform: rotate(180deg);
3110
- }
3111
- .GenericButton-module_directionalLink__Mztws:not(:disabled):hover, .GenericButton-module_directionalLink__Mztws:not(:disabled).story__button-hover, .GenericButton-module_directionalLink__Mztws:not(:disabled):active, .GenericButton-module_directionalLink__Mztws:not(:disabled).story__button-active, .GenericButton-module_directionalLink__Mztws:not(:disabled):focus-visible, .GenericButton-module_directionalLink__Mztws:not(:disabled).story__button-focus {
3112
- background-color: var(--color-blue-100, #e6f6ff);
3113
- border-color: var(--color-blue-400, #008bd6);
3114
- }
3115
- .GenericButton-module_directionalLink__Mztws:disabled {
3116
- border-color: var(--color-blue-300, #73c0e8);
3117
- }
3118
- .GenericButton-module_reversed__wHCy-.GenericButton-module_directionalLink__Mztws:disabled {
3119
- border-color: var(--color-white, #ffffff);
3120
- }
3121
-
3122
- .GenericButton-module_paginationLink__7VQYF {
3123
- font-weight: var(--typography-paragraph-body-font-weight, 400);
3124
- font-size: var(--typography-button-secondary-font-size, 1rem);
3125
- border-color: var(--border-borderless-border-color, transparent);
3126
- }
3127
- .GenericButton-module_paginationLink__7VQYF:not(:disabled):hover, .GenericButton-module_paginationLink__7VQYF:not(:disabled).story__button-hover, .GenericButton-module_paginationLink__7VQYF:not(:disabled):active, .GenericButton-module_paginationLink__7VQYF:not(:disabled).story__button-active, .GenericButton-module_paginationLink__7VQYF:not(:disabled):focus-visible, .GenericButton-module_paginationLink__7VQYF:not(:disabled).story__button-focus {
3128
- background-color: var(--color-blue-100, #e6f6ff);
3129
- border-color: var(--border-borderless-border-color, transparent);
3130
- }
3131
- .GenericButton-module_paginationLink__7VQYF .GenericButton-module_content__TKLGo {
3132
- justify-content: center;
3133
- width: 100%;
3134
- padding: 0;
3135
- }
3136
- .GenericButton-module_reversed__wHCy-.GenericButton-module_paginationLink__7VQYF {
3137
- border-color: var(--border-borderless-border-color, transparent);
3138
- }
3139
- .GenericButton-module_reversed__wHCy-.GenericButton-module_paginationLink__7VQYF:not(:disabled):hover, .GenericButton-module_reversed__wHCy-.GenericButton-module_paginationLink__7VQYF:not(:disabled).story__button-hover, .GenericButton-module_reversed__wHCy-.GenericButton-module_paginationLink__7VQYF:not(:disabled):active, .GenericButton-module_reversed__wHCy-.GenericButton-module_paginationLink__7VQYF:not(:disabled).story__button-active, .GenericButton-module_reversed__wHCy-.GenericButton-module_paginationLink__7VQYF:not(:disabled):focus-visible, .GenericButton-module_reversed__wHCy-.GenericButton-module_paginationLink__7VQYF:not(:disabled).story__button-focus {
3140
- border-color: var(--border-borderless-border-color, transparent);
3141
- }
3142
-
3143
- .GenericButton-module_isPaginationLinkActive__HW6GB {
3144
- background-color: var(--color-blue-500, #0168b3);
3145
- border-color: var(--border-borderless-border-color, transparent);
3146
- cursor: initial;
3147
- }
3148
- .GenericButton-module_isPaginationLinkActive__HW6GB:not(:disabled):hover, .GenericButton-module_isPaginationLinkActive__HW6GB:not(:disabled).story__button-hover, .GenericButton-module_isPaginationLinkActive__HW6GB:not(:disabled):active, .GenericButton-module_isPaginationLinkActive__HW6GB:not(:disabled).story__button-active, .GenericButton-module_isPaginationLinkActive__HW6GB:not(:disabled):focus-visible, .GenericButton-module_isPaginationLinkActive__HW6GB:not(:disabled).story__button-focus {
3149
- background-color: var(--color-blue-500, #0168b3);
3150
- border-color: var(--border-borderless-border-color, transparent);
3151
- }
3152
- .GenericButton-module_isPaginationLinkActive__HW6GB:not(:disabled):active, .GenericButton-module_isPaginationLinkActive__HW6GB:not(:disabled).story__button-active {
3153
- transform: unset;
3154
- }
3155
- .GenericButton-module_isPaginationLinkActive__HW6GB .GenericButton-module_content__TKLGo {
3156
- color: var(--color-white, #ffffff);
3157
- }
3158
- .GenericButton-module_reversed__wHCy-.GenericButton-module_isPaginationLinkActive__HW6GB {
3159
- background-color: var(--color-white, #ffffff);
3160
- }
3161
- .GenericButton-module_reversed__wHCy-.GenericButton-module_isPaginationLinkActive__HW6GB:not(:disabled):hover, .GenericButton-module_reversed__wHCy-.GenericButton-module_isPaginationLinkActive__HW6GB:not(:disabled).story__button-hover, .GenericButton-module_reversed__wHCy-.GenericButton-module_isPaginationLinkActive__HW6GB:not(:disabled):active, .GenericButton-module_reversed__wHCy-.GenericButton-module_isPaginationLinkActive__HW6GB:not(:disabled).story__button-active, .GenericButton-module_reversed__wHCy-.GenericButton-module_isPaginationLinkActive__HW6GB:not(:disabled):focus-visible, .GenericButton-module_reversed__wHCy-.GenericButton-module_isPaginationLinkActive__HW6GB:not(:disabled).story__button-focus {
3162
- background-color: var(--color-white, #ffffff);
3163
- }
3164
- .GenericButton-module_reversed__wHCy-.GenericButton-module_isPaginationLinkActive__HW6GB .GenericButton-module_content__TKLGo {
3165
- color: var(--color-purple-800, #2f2438);
3166
- }
3167
-
3168
- .GenericButton-module_container__d-1aE {
3169
- display: inline-block;
3170
- }
3171
-
3172
- .GenericButton-module_label__-K-nQ {
3173
- line-height: 1;
3174
- }
3175
- .GenericButton-module_label__-K-nQ:not(:first-child) {
3176
- margin-left: 0.5em;
3177
- }
3178
- .GenericButton-module_label__-K-nQ:not(:first-child)[dir=rtl], [dir=rtl] .GenericButton-module_label__-K-nQ:not(:first-child) {
3179
- margin-right: 0.5em;
3180
- }
3181
- .GenericButton-module_label__-K-nQ:not(:last-child) {
3182
- margin-right: 0.5em;
3183
- }
3184
- .GenericButton-module_label__-K-nQ:not(:last-child)[dir=rtl], [dir=rtl] .GenericButton-module_label__-K-nQ:not(:last-child) {
3185
- margin-left: 0.5em;
3186
- }
3187
-
3188
- .GenericButton-module_fullWidth__-thaN {
3189
- width: 100%;
3190
- }
3191
- .GenericButton-module_fullWidth__-thaN .GenericButton-module_button__DRKr1 {
3192
- display: flex;
3193
- width: 100%;
3194
- justify-content: center;
3195
- }
3196
- .GenericButton-module_fullWidth__-thaN .GenericButton-module_content__TKLGo {
3197
- justify-content: center;
3198
- }
3199
-
3200
- .GenericButton-module_iconWrapper__eusVd {
3201
- height: 20px;
3202
- align-self: flex-start;
3203
- }
3204
-
3205
- .GenericButton-module_additionalContentWrapper__6EfN4 {
3206
- display: inherit;
3207
- }
3208
- .GenericButton-module_additionalContentWrapper__6EfN4:not(:last-child) {
3209
- margin-right: 0.5em;
3210
- }
3211
- .GenericButton-module_additionalContentWrapper__6EfN4:not(:last-child)[dir=rtl], [dir=rtl] .GenericButton-module_additionalContentWrapper__6EfN4:not(:last-child) {
3212
- margin-left: 0.5em;
3213
- }
3214
-
3215
- .GenericButton-module_loadingSpinner__tTd4x svg {
3216
- height: 100%;
3217
- }
3218
-
3219
- .GenericButton-module_centeredLoadingSpinner__kYyYb {
3220
- position: absolute;
3221
- left: 0;
3222
- right: 0;
3223
- display: flex;
3224
- justify-content: center;
3225
- }
3226
-
3227
- .GenericButton-module_hidden__w0j2T {
3228
- visibility: hidden;
3229
- }
3230
- /** THIS IS AN AUTOGENERATED FILE **/ /** THIS IS AN AUTOGENERATED FILE **/ /** THIS IS AN AUTOGENERATED FILE **/
3231
- /* stylelint-disable */
3232
- /* stylelint-enable */
3233
- /* stylelint-disable */
3234
- /* stylelint-enable */
3235
- /* stylelint-disable */
3236
- /* stylelint-enable */
3237
- /* stylelint-disable */
3238
- /* stylelint-enable */
3239
- /* stylelint-disable scss/at-if-no-null */
3240
- /* stylelint-enable scss/at-if-no-null */
3241
- /** THIS IS AN AUTOGENERATED FILE **/
3242
- /** THIS IS AN AUTOGENERATED FILE **/
3243
- /** THIS IS AN AUTOGENERATED FILE **/
3244
- /** THIS IS AN AUTOGENERATED FILE **/
3245
- /** THIS IS AN AUTOGENERATED FILE **/
3246
- /* stylelint-disable */
3247
- /* stylelint-enable */
3248
- /* stylelint-disable */
3249
- /* stylelint-enable */
3250
- /** THIS IS AN AUTOGENERATED FILE **/
3251
- /** THIS IS AN AUTOGENERATED FILE **/
3252
- /* stylelint-disable function-name-case, scss/at-function-pattern */
3253
- /* stylelint-enable function-name-case, scss/at-function-pattern */
3254
- /** THIS IS AN AUTOGENERATED FILE **/ /** THIS IS AN AUTOGENERATED FILE **/ /** THIS IS AN AUTOGENERATED FILE **/ /** THIS IS AN AUTOGENERATED FILE **/ /* stylelint-disable scss/at-if-no-null, declaration-block-no-redundant-longhand-properties */ /** THIS IS AN AUTOGENERATED FILE **/ /** THIS IS AN AUTOGENERATED FILE **/ /** THIS IS AN AUTOGENERATED FILE **/ /** THIS IS AN AUTOGENERATED FILE **/ /** THIS IS AN AUTOGENERATED FILE **/
3255
- /* 16px */
3256
- /* 16px */
3257
- /* 16px */
3258
- /*
3259
- Because these components are deprecated, we've kept any inline/non-token values as values from the Zen theme to prevent any style regressions,
3260
- as this is what consumers would have expected when pulling them in a the time.
3261
- */
3262
- /* stylelint-enable scss/at-if-no-null, declaration-block-no-redundant-longhand-properties */
3263
- /** THIS IS AN AUTOGENERATED FILE **/ /** THIS IS AN AUTOGENERATED FILE **/
3264
- .GenericModal-module_defaultModalWidth__NghIN {
3265
- min-width: 300px;
3266
- max-width: 600px;
3267
- }
3268
-
3269
- .GenericModal-module_backdropLayer__ez8S2 {
3270
- top: 0;
3271
- bottom: 0;
3272
- right: 0;
3273
- left: 0;
3274
- position: fixed;
3275
- background-color: black;
3276
- opacity: 50%;
3277
- z-index: 1040;
3278
- }
3279
- .GenericModal-module_backdropLayer__ez8S2[dir=rtl], [dir=rtl] .GenericModal-module_backdropLayer__ez8S2 {
3280
- right: 0;
3281
- left: 0;
3282
- }
3283
-
3284
- .GenericModal-module_scrollLayer__xjaC8 {
3285
- top: 0;
3286
- bottom: 0;
3287
- right: 0;
3288
- left: 0;
3289
- position: fixed;
3290
- display: flex;
3291
- align-items: center;
3292
- z-index: 1050;
3293
- overflow-y: auto;
3294
- }
3295
- .GenericModal-module_scrollLayer__xjaC8[dir=rtl], [dir=rtl] .GenericModal-module_scrollLayer__xjaC8 {
3296
- right: 0;
3297
- left: 0;
3298
- }
3299
-
3300
- .GenericModal-module_modalLayer__8xobC {
3301
- margin: auto;
3302
- padding: 1.5rem 0;
3303
- width: 100%;
3304
- }
3305
-
3306
- .GenericModal-module_genericModal__v8jSG {
3307
- margin: auto;
3308
- background-color: var(--color-white, #ffffff);
3309
- border-radius: var(--border-solid-border-radius, 7px);
3310
- box-shadow: var(--shadow-large-box-shadow, 0px 8px 40px rgba(0, 0, 0, 0.08), 0px 3px 9px rgba(0, 0, 0, 0.1));
3311
- position: relative;
3312
- width: 90%;
3313
- -webkit-font-smoothing: antialiased;
3314
- color: var(--color-purple-800, #2f2438);
3315
- }
3316
- @media (min-width: 768px) {
3317
- .GenericModal-module_genericModal__v8jSG {
3318
- width: 100%;
3319
- }
3320
- }
3321
-
3322
- .GenericModal-module_animatingEnter__NjwJc {
3323
- transition-duration: var(--animation-duration-fast, 300ms);
3324
- }
3325
- .GenericModal-module_animatingEnter__NjwJc .GenericModal-module_backdropLayer__ez8S2 {
3326
- /*
3327
- There's a weird bug in Chrome/Blink 102.x that animates the opacity
3328
- all the way to 1 with 200ms ("rapid" token), but is fine with
3329
- 201ms, see Jira [KDS-523]
3330
- */
3331
- /* stylelint-disable-next-line scss/function-unquote-no-unquoted-strings-inside */
3332
- animation-name: GenericModal-module_fade-0-to-0-5__U6DUZ;
3333
- animation-duration: 201ms;
3334
- animation-fill-mode: forwards;
3335
- }
3336
- @keyframes GenericModal-module_fade-0-to-0-5__U6DUZ {
3337
- 0% {
3338
- opacity: 0;
3339
- }
3340
- 100% {
3341
- opacity: 0.5;
3342
- }
3343
- }
3344
- .GenericModal-module_animatingEnter__NjwJc .GenericModal-module_genericModal__v8jSG {
3345
- /* stylelint-disable-next-line scss/function-unquote-no-unquoted-strings-inside */
3346
- animation-name: GenericModal-module_custom-1__qf6Hj;
3347
- animation-duration: var(--animation-duration-fast, 300ms);
3348
- animation-fill-mode: forwards;
3349
- animation-timing-function: var(--animation-easing-function-bounce-in, cubic-bezier(0.485, 0.155, 0.24, 1.245));
3350
- }
3351
- @keyframes GenericModal-module_custom-1__qf6Hj {
3352
- 0% {
3353
- opacity: 0;
3354
- transform: scale(0.5);
3355
- }
3356
- 100% {
3357
- opacity: 1;
3358
- transform: scale(1);
3359
- }
3360
- }
3361
-
3362
- .GenericModal-module_animatingLeave__CR-3D {
3363
- transition-duration: var(--animation-duration-rapid, 200ms);
3364
- }
3365
- .GenericModal-module_animatingLeave__CR-3D .GenericModal-module_backdropLayer__ez8S2 {
3366
- /* stylelint-disable-next-line scss/function-unquote-no-unquoted-strings-inside */
3367
- animation-name: GenericModal-module_fade-0-5-to-0__tfcyk;
3368
- animation-duration: var(--animation-duration-rapid, 200ms);
3369
- animation-fill-mode: forwards;
3370
- }
3371
- @keyframes GenericModal-module_fade-0-5-to-0__tfcyk {
3372
- 0% {
3373
- opacity: 0.5;
3374
- }
3375
- 100% {
3376
- opacity: 0;
3377
- }
3378
- }
3379
- .GenericModal-module_animatingLeave__CR-3D .GenericModal-module_genericModal__v8jSG {
3380
- /* stylelint-disable-next-line scss/function-unquote-no-unquoted-strings-inside */
3381
- animation-name: GenericModal-module_custom-3__-ZSsC;
3382
- animation-duration: var(--animation-duration-rapid, 200ms);
3383
- animation-fill-mode: forwards;
3384
- animation-timing-function: var(--animation-easing-function-bounce-out, cubic-bezier(0.485, 0.155, 0.515, 0.845));
3385
- }
3386
- @keyframes GenericModal-module_custom-3__-ZSsC {
3387
- 0% {
3388
- opacity: 1;
3389
- transform: scale(1);
3390
- }
3391
- 100% {
3392
- opacity: 0;
3393
- transform: scale(0.5);
3394
- }
3395
- }
3396
-
3397
- .GenericModal-module_unscrollable__gcm4T {
3398
- /* Tech debt - this !important existed before Stylelint rules */
3399
- overflow: hidden !important; /* stylelint-disable-line declaration-no-important */
3400
- }
3401
-
3402
- .GenericModal-module_pseudoScrollbar__AYoez {
3403
- /* Tech debt - this !important existed before Stylelint rules */
3404
- padding-right: 15px !important; /* stylelint-disable-line declaration-no-important */
3405
- }
3406
-
3407
- .GenericModal-module_hide__pUWH- {
3408
- opacity: 0%;
3409
- pointer-events: none;
3410
- }
3411
- /** THIS IS AN AUTOGENERATED FILE **/ /** THIS IS AN AUTOGENERATED FILE **/
3412
- .GenericModalSection-module_inputEdit__XmZTu {
3413
- background-color: var(--color-gray-200, #f4f4f5);
3414
- border-radius: var(--border-solid-border-radius, 7px);
3415
- }
3416
- /** THIS IS AN AUTOGENERATED FILE **/ /** THIS IS AN AUTOGENERATED FILE **/ /** THIS IS AN AUTOGENERATED FILE **/
3417
- .ModalFooter-module_actions__n-lbF {
3418
- display: flex;
3419
- flex-direction: row-reverse;
3420
- justify-content: flex-start;
3421
- }
3422
-
3423
- .ModalFooter-module_actionsAlignStart__AuNk3 {
3424
- flex-direction: row-reverse;
3425
- justify-content: flex-end;
3426
- }
3427
-
3428
- .ModalFooter-module_padded__bOqWB {
3429
- padding: var(--spacing-md, 1.5rem);
3430
- flex-direction: column;
3431
- }
3432
- @media (min-width: 768px) {
3433
- .ModalFooter-module_padded__bOqWB {
3434
- padding: 0 var(--spacing-lg, 2.25rem) var(--spacing-lg, 2.25rem) var(--spacing-lg, 2.25rem);
3435
- flex-direction: row-reverse;
3436
- }
3437
- }
3438
-
3439
- .ModalFooter-module_actionButton__Y9d-V {
3440
- width: 100%;
3441
- }
3442
- @media (min-width: 768px) {
3443
- .ModalFooter-module_actionButton__Y9d-V {
3444
- width: inherit;
3445
- }
3446
- }
3447
-
3448
- .ModalFooter-module_actionButton__Y9d-V + .ModalFooter-module_actionButton__Y9d-V {
3449
- margin-right: var(--spacing-sm, 0.75rem);
3450
- }
3451
- @media (max-width: 767px) {
3452
- .ModalFooter-module_actionButton__Y9d-V + .ModalFooter-module_actionButton__Y9d-V {
3453
- margin-top: var(--spacing-sm, 0.75rem);
3454
- }
3455
- }
3456
-
3457
- .ModalFooter-module_footerWrap__gCN3f {
3458
- align-items: baseline;
3459
- width: 100%;
3460
- box-sizing: border-box;
3461
- }
3462
-
3463
- .ModalFooter-module_center__fDylD {
3464
- display: flex;
3465
- justify-content: center;
3466
- }
3467
-
3468
- .ModalFooter-module_border__CeB9r {
3469
- border-top: 1px solid var(--border-solid-border-color, #e1e2ea);
3470
- }
3471
-
3472
- .ModalFooter-module_start__qD64Q {
3473
- display: flex;
3474
- justify-content: flex-start;
3475
- }
3476
-
3477
- .ModalFooter-module_end__lpQai {
3478
- display: flex;
3479
- justify-content: flex-end;
3480
- }
3481
-
3482
- .ModalFooter-module_fixed__3549- {
3483
- position: absolute;
3484
- bottom: 0;
3485
- left: 0;
3486
- }
3487
-
3488
- .ModalFooter-module_filler__Hruzk {
3489
- visibility: hidden;
3490
- }
3491
- /* stylelint-disable scss/at-if-no-null, declaration-block-no-redundant-longhand-properties */ /** THIS IS AN AUTOGENERATED FILE **/ /** THIS IS AN AUTOGENERATED FILE **/ /** THIS IS AN AUTOGENERATED FILE **/ /** THIS IS AN AUTOGENERATED FILE **/ /** THIS IS AN AUTOGENERATED FILE **/
3492
- /* 16px */
3493
- /* 16px */
3494
- /* 16px */
3495
- /*
3496
- Because these components are deprecated, we've kept any inline/non-token values as values from the Zen theme to prevent any style regressions,
3497
- as this is what consumers would have expected when pulling them in a the time.
3498
- */
3499
- /* stylelint-enable scss/at-if-no-null, declaration-block-no-redundant-longhand-properties */
3500
- /** THIS IS AN AUTOGENERATED FILE **/ /** THIS IS AN AUTOGENERATED FILE **/ /** THIS IS AN AUTOGENERATED FILE **/ /** THIS IS AN AUTOGENERATED FILE **/ /** THIS IS AN AUTOGENERATED FILE **/
3501
- /* 16px */
3502
- /* 16px */
3503
- /* 16px */
3504
- /*
3505
- Because these components are deprecated, we've kept any inline/non-token values as values from the Zen theme to prevent any style regressions,
3506
- as this is what consumers would have expected when pulling them in a the time.
3507
- */
3508
- .ModalHeader-module_dismissButton__OuIH5 {
3509
- top: 0;
3510
- right: 0;
3511
- left: auto;
3512
- position: absolute;
3513
- z-index: 1060;
3514
- }
3515
- .ModalHeader-module_dismissButton__OuIH5[dir=rtl], [dir=rtl] .ModalHeader-module_dismissButton__OuIH5 {
3516
- right: auto;
3517
- left: 0;
3518
- }
3519
-
3520
- .ModalHeader-module_layout__l-Q-M {
3521
- width: 100%;
3522
- }
3523
-
3524
- .ModalHeader-module_fixed__IHDLx {
3525
- position: absolute;
3526
- top: 0;
3527
- left: 0;
3528
- }
3529
-
3530
- .ModalHeader-module_filler__0ZM8p {
3531
- visibility: hidden;
3532
- }
3533
- .ModalAccessibleDescription-module_modalDescription__qEUcH {
3534
- grid-column-start: 2;
3535
- }
3536
- /** THIS IS AN AUTOGENERATED FILE **/ /** THIS IS AN AUTOGENERATED FILE **/ /** THIS IS AN AUTOGENERATED FILE **/
3537
- .ModalAccessibleLabel-module_modalLabel__OF3uR {
3538
- position: relative;
3539
- }
3540
- @media (max-width: 768px) {
3541
- .ModalAccessibleLabel-module_modalLabel__OF3uR h2 {
3542
- font-size: 1.625rem;
3543
- line-height: 2rem;
3544
- }
3545
- }
3546
- @media (max-width: 375px) {
3547
- .ModalAccessibleLabel-module_modalLabel__OF3uR h2 {
3548
- font-size: 1.5rem;
3549
- line-height: 1.875rem;
3550
- }
3551
- }
3552
- .ModalAccessibleLabel-module_modalLabel__OF3uR.ModalAccessibleLabel-module_prominent__jYitg {
3553
- grid-column-start: 2;
3554
- text-align: left;
3555
- }
3556
- .ModalAccessibleLabel-module_modalLabel__OF3uR:focus {
3557
- outline: none;
3558
- }
3559
- .ModalAccessibleLabel-module_modalLabel__OF3uR:focus-visible::after {
3560
- content: "";
3561
- position: absolute;
3562
- background: transparent;
3563
- border-radius: var(--border-focus-ring-border-radius, 10px);
3564
- border-width: var(--border-focus-ring-border-width, 2px);
3565
- border-style: var(--border-focus-ring-border-style, solid);
3566
- border-color: var(--color-blue-500, #0168b3);
3567
- inset: calc(-1 * calc((var(--border-focus-ring-border-width, 2px) * 2) + 1px));
3568
- }
3569
- /** THIS IS AN AUTOGENERATED FILE **/ /** THIS IS AN AUTOGENERATED FILE **/
3570
- .Base-module_wrapper__KE9aV {
3571
- width: 100%;
3572
- margin: 0;
3573
- }
3574
-
3575
- .Base-module_figure__NFTkm {
3576
- margin: 0;
3577
- position: relative;
3578
- }
3579
- .Base-module_figure__NFTkm .Base-module_pausePlayButton__jWmeO {
3580
- opacity: 0%;
3581
- position: absolute;
3582
- right: 1rem;
3583
- bottom: 1rem;
3584
- /* stylelint-disable declaration-no-important */
3585
- background-color: var(--color-white, #ffffff) !important;
3586
- border: 1px solid var(--color-gray-400, #cdcdd0);
3587
- transition: all var(--animation-duration-immediate, 100ms);
3588
- }
3589
- @media (hover: none) and (pointer: coarse) {
3590
- .Base-module_figure__NFTkm .Base-module_pausePlayButton__jWmeO {
3591
- opacity: 100%;
3592
- }
3593
- }
3594
- .Base-module_figure__NFTkm .Base-module_pausePlayButton__jWmeO svg {
3595
- color: var(--color-purple-800, #2f2438);
3596
- opacity: 70%;
3597
- }
3598
- .Base-module_figure__NFTkm .Base-module_pausePlayButton__jWmeO:hover, .Base-module_figure__NFTkm .Base-module_pausePlayButton__jWmeO:focus {
3599
- opacity: 100%;
3600
- background-color: var(--color-gray-200, #f4f4f5) !important;
3601
- }
3602
- .Base-module_figure__NFTkm .Base-module_pausePlayButton__jWmeO:hover svg, .Base-module_figure__NFTkm .Base-module_pausePlayButton__jWmeO:focus svg {
3603
- opacity: 100%;
3604
- }
3605
- .Base-module_figure__NFTkm:hover .Base-module_pausePlayButton__jWmeO {
3606
- opacity: 100%;
3607
- }
3608
-
3609
- .Base-module_aspectRatioWrapper__M4S6j {
3610
- margin: 0;
3611
- display: flex;
3612
- align-items: center;
3613
- }
3614
-
3615
- .Base-module_landscape__hhU1Y {
3616
- aspect-ratio: 4/3;
3617
- }
3618
- @supports not (aspect-ratio: auto) {
3619
- .Base-module_landscape__hhU1Y::before {
3620
- float: left;
3621
- padding-top: 75%;
3622
- content: "";
3623
- }
3624
- .Base-module_landscape__hhU1Y::after {
3625
- display: block;
3626
- content: "";
3627
- clear: both;
3628
- }
3629
- }
3630
-
3631
- .Base-module_portrait__uWZ3Y {
3632
- aspect-ratio: 3/4;
3633
- }
3634
- @supports not (aspect-ratio: auto) {
3635
- .Base-module_portrait__uWZ3Y::before {
3636
- float: left;
3637
- padding-top: 133.33%;
3638
- content: "";
3639
- }
3640
- .Base-module_portrait__uWZ3Y::after {
3641
- display: block;
3642
- content: "";
3643
- clear: both;
3644
- }
3645
- }
3646
-
3647
- .Base-module_square__l5l0x {
3648
- aspect-ratio: auto 1/1;
3649
- }
3650
- @supports not (aspect-ratio: auto) {
3651
- .Base-module_square__l5l0x::before {
3652
- float: left;
3653
- padding-top: 100%;
3654
- content: "";
3655
- }
3656
- .Base-module_square__l5l0x::after {
3657
- display: block;
3658
- content: "";
3659
- clear: both;
3660
- }
3661
- }
3662
-
3663
- .Base-module_visuallyHidden__9zbsA:not(:focus, :active) {
3664
- clip: rect(0, 0, 0, 0);
3665
- clip-path: inset(50%);
3666
- position: absolute;
3667
- width: 1px;
3668
- height: 1px;
3669
- padding: 0;
3670
- overflow: hidden;
3671
- white-space: nowrap;
3672
- border: 0;
3673
- }
3674
- :import("../Primitives/GenericModal.module.scss") {
3675
- i__imported_genericModal_0: genericModal;
3676
- } /** THIS IS AN AUTOGENERATED FILE **/ /** THIS IS AN AUTOGENERATED FILE **/ /** THIS IS AN AUTOGENERATED FILE **/ /** THIS IS AN AUTOGENERATED FILE **/
3677
- .ConfirmationModal-module_modal__FLNye {
3678
- min-width: 300px;
3679
- max-width: 600px;
3680
- }
3681
-
3682
- .ConfirmationModal-module_header__WSLWG {
3683
- color: var(--color-white, #ffffff);
3684
- text-align: left;
3685
- border-radius: var(--border-solid-border-radius, 7px) var(--border-solid-border-radius, 7px) 0 0;
3686
- }
3687
- .ConfirmationModal-module_header__WSLWG.ConfirmationModal-module_padded__Rjbcn {
3688
- padding: var(--spacing-md, 1.5rem) var(--spacing-lg, 2.25rem);
3689
- }
3690
- @media (max-width: 768px) {
3691
- .ConfirmationModal-module_header__WSLWG.ConfirmationModal-module_padded__Rjbcn {
3692
- padding: var(--spacing-md, 1.5rem);
3693
- }
3694
- }
3695
- .ConfirmationModal-module_header__WSLWG h1 {
3696
- color: var(--color-purple-800, #2f2438);
3697
- }
3698
-
3699
- .ConfirmationModal-module_iconContainer__3dUSF {
3700
- position: relative;
3701
- }
3702
-
3703
- .ConfirmationModal-module_positiveHeader__j1qyY {
3704
- background-color: var(--color-green-100, #e8f8f4);
3705
- }
3706
- .ConfirmationModal-module_positiveHeader__j1qyY .ConfirmationModal-module_spotIcon__l2-Ux,
3707
- .ConfirmationModal-module_positiveHeader__j1qyY .ConfirmationModal-module_svgIcon__0kXUz > svg {
3708
- color: var(--color-green-500, #44a289);
3709
- }
3710
-
3711
- .ConfirmationModal-module_assertiveHeader__FkVUj {
3712
- background-color: var(--color-orange-100, #fff0e8);
3713
- }
3714
- .ConfirmationModal-module_assertiveHeader__FkVUj .ConfirmationModal-module_spotIcon__l2-Ux,
3715
- .ConfirmationModal-module_assertiveHeader__FkVUj .ConfirmationModal-module_svgIcon__0kXUz > svg {
3716
- color: var(--color-orange-500, #e96c2f);
3717
- }
3718
-
3719
- .ConfirmationModal-module_informativeHeader__GK9KC {
3720
- background-color: var(--color-blue-100, #e6f6ff);
3721
- }
3722
- .ConfirmationModal-module_informativeHeader__GK9KC .ConfirmationModal-module_spotIcon__l2-Ux,
3723
- .ConfirmationModal-module_informativeHeader__GK9KC .ConfirmationModal-module_svgIcon__0kXUz > svg {
3724
- color: var(--color-blue-500, #0168b3);
3725
- }
3726
-
3727
- .ConfirmationModal-module_negativeHeader__z0HbS {
3728
- background-color: var(--color-red-100, #fdeaee);
3729
- }
3730
- .ConfirmationModal-module_negativeHeader__z0HbS .ConfirmationModal-module_spotIcon__l2-Ux,
3731
- .ConfirmationModal-module_negativeHeader__z0HbS .ConfirmationModal-module_svgIcon__0kXUz > svg {
3732
- color: var(--color-red-500, #c93b55);
3733
- }
3734
-
3735
- .ConfirmationModal-module_cautionaryHeader__IaPDp {
3736
- background-color: var(--color-yellow-100, #fff9e4);
3737
- }
3738
- .ConfirmationModal-module_cautionaryHeader__IaPDp .ConfirmationModal-module_spotIcon__l2-Ux,
3739
- .ConfirmationModal-module_cautionaryHeader__IaPDp .ConfirmationModal-module_svgIcon__0kXUz > svg {
3740
- color: var(--color-yellow-500, #ffb600);
3741
- }
3742
-
3743
- .ConfirmationModal-module_positiveHeader__j1qyY,
3744
- .ConfirmationModal-module_informativeHeader__GK9KC,
3745
- .ConfirmationModal-module_negativeHeader__z0HbS,
3746
- .ConfirmationModal-module_cautionaryHeader__IaPDp,
3747
- .ConfirmationModal-module_assertiveHeader__FkVUj {
3748
- display: grid;
3749
- grid-template-columns: 0.2fr 2fr;
3750
- align-items: center;
3751
- }
3752
- .ConfirmationModal-module_positiveHeader__j1qyY .ConfirmationModal-module_iconContainer__3dUSF,
3753
- .ConfirmationModal-module_informativeHeader__GK9KC .ConfirmationModal-module_iconContainer__3dUSF,
3754
- .ConfirmationModal-module_negativeHeader__z0HbS .ConfirmationModal-module_iconContainer__3dUSF,
3755
- .ConfirmationModal-module_cautionaryHeader__IaPDp .ConfirmationModal-module_iconContainer__3dUSF,
3756
- .ConfirmationModal-module_assertiveHeader__FkVUj .ConfirmationModal-module_iconContainer__3dUSF {
3757
- align-self: flex-start;
3758
- }
3759
- @media (min-width: 768px) {
3760
- .ConfirmationModal-module_positiveHeader__j1qyY .ConfirmationModal-module_iconContainer__3dUSF,
3761
- .ConfirmationModal-module_informativeHeader__GK9KC .ConfirmationModal-module_iconContainer__3dUSF,
3762
- .ConfirmationModal-module_negativeHeader__z0HbS .ConfirmationModal-module_iconContainer__3dUSF,
3763
- .ConfirmationModal-module_cautionaryHeader__IaPDp .ConfirmationModal-module_iconContainer__3dUSF,
3764
- .ConfirmationModal-module_assertiveHeader__FkVUj .ConfirmationModal-module_iconContainer__3dUSF {
3765
- align-self: center;
3766
- }
3767
- }
3768
- .ConfirmationModal-module_positiveHeader__j1qyY .ConfirmationModal-module_spotIcon__l2-Ux,
3769
- .ConfirmationModal-module_positiveHeader__j1qyY .ConfirmationModal-module_svgIcon__0kXUz > svg,
3770
- .ConfirmationModal-module_informativeHeader__GK9KC .ConfirmationModal-module_spotIcon__l2-Ux,
3771
- .ConfirmationModal-module_informativeHeader__GK9KC .ConfirmationModal-module_svgIcon__0kXUz > svg,
3772
- .ConfirmationModal-module_negativeHeader__z0HbS .ConfirmationModal-module_spotIcon__l2-Ux,
3773
- .ConfirmationModal-module_negativeHeader__z0HbS .ConfirmationModal-module_svgIcon__0kXUz > svg,
3774
- .ConfirmationModal-module_cautionaryHeader__IaPDp .ConfirmationModal-module_spotIcon__l2-Ux,
3775
- .ConfirmationModal-module_cautionaryHeader__IaPDp .ConfirmationModal-module_svgIcon__0kXUz > svg,
3776
- .ConfirmationModal-module_assertiveHeader__FkVUj .ConfirmationModal-module_spotIcon__l2-Ux,
3777
- .ConfirmationModal-module_assertiveHeader__FkVUj .ConfirmationModal-module_svgIcon__0kXUz > svg {
3778
- width: 30px;
3779
- height: 30px;
3780
- }
3781
- @media (max-width: 768px) {
3782
- .ConfirmationModal-module_positiveHeader__j1qyY .ConfirmationModal-module_spotIcon__l2-Ux,
3783
- .ConfirmationModal-module_positiveHeader__j1qyY .ConfirmationModal-module_svgIcon__0kXUz > svg,
3784
- .ConfirmationModal-module_informativeHeader__GK9KC .ConfirmationModal-module_spotIcon__l2-Ux,
3785
- .ConfirmationModal-module_informativeHeader__GK9KC .ConfirmationModal-module_svgIcon__0kXUz > svg,
3786
- .ConfirmationModal-module_negativeHeader__z0HbS .ConfirmationModal-module_spotIcon__l2-Ux,
3787
- .ConfirmationModal-module_negativeHeader__z0HbS .ConfirmationModal-module_svgIcon__0kXUz > svg,
3788
- .ConfirmationModal-module_cautionaryHeader__IaPDp .ConfirmationModal-module_spotIcon__l2-Ux,
3789
- .ConfirmationModal-module_cautionaryHeader__IaPDp .ConfirmationModal-module_svgIcon__0kXUz > svg,
3790
- .ConfirmationModal-module_assertiveHeader__FkVUj .ConfirmationModal-module_spotIcon__l2-Ux,
3791
- .ConfirmationModal-module_assertiveHeader__FkVUj .ConfirmationModal-module_svgIcon__0kXUz > svg {
3792
- margin-right: 0.9375rem;
3793
- position: relative;
3794
- top: 0.125rem;
3795
- }
3796
- }
3797
- .ConfirmationModal-module_positiveHeader__j1qyY.ConfirmationModal-module_prominent__OquXc,
3798
- .ConfirmationModal-module_informativeHeader__GK9KC.ConfirmationModal-module_prominent__OquXc,
3799
- .ConfirmationModal-module_negativeHeader__z0HbS.ConfirmationModal-module_prominent__OquXc,
3800
- .ConfirmationModal-module_cautionaryHeader__IaPDp.ConfirmationModal-module_prominent__OquXc,
3801
- .ConfirmationModal-module_assertiveHeader__FkVUj.ConfirmationModal-module_prominent__OquXc {
3802
- grid-template-columns: 1.1fr 2fr;
3803
- }
3804
- @media (max-width: 768px) {
3805
- .ConfirmationModal-module_positiveHeader__j1qyY.ConfirmationModal-module_prominent__OquXc,
3806
- .ConfirmationModal-module_informativeHeader__GK9KC.ConfirmationModal-module_prominent__OquXc,
3807
- .ConfirmationModal-module_negativeHeader__z0HbS.ConfirmationModal-module_prominent__OquXc,
3808
- .ConfirmationModal-module_cautionaryHeader__IaPDp.ConfirmationModal-module_prominent__OquXc,
3809
- .ConfirmationModal-module_assertiveHeader__FkVUj.ConfirmationModal-module_prominent__OquXc {
3810
- display: flex;
3811
- flex-direction: column;
3812
- align-content: flex-start;
3813
- justify-content: center;
3814
- align-items: flex-start;
3815
- }
3816
- }
3817
- .ConfirmationModal-module_positiveHeader__j1qyY.ConfirmationModal-module_prominent__OquXc .ConfirmationModal-module_iconContainer__3dUSF,
3818
- .ConfirmationModal-module_informativeHeader__GK9KC.ConfirmationModal-module_prominent__OquXc .ConfirmationModal-module_iconContainer__3dUSF,
3819
- .ConfirmationModal-module_negativeHeader__z0HbS.ConfirmationModal-module_prominent__OquXc .ConfirmationModal-module_iconContainer__3dUSF,
3820
- .ConfirmationModal-module_cautionaryHeader__IaPDp.ConfirmationModal-module_prominent__OquXc .ConfirmationModal-module_iconContainer__3dUSF,
3821
- .ConfirmationModal-module_assertiveHeader__FkVUj.ConfirmationModal-module_prominent__OquXc .ConfirmationModal-module_iconContainer__3dUSF {
3822
- position: absolute;
3823
- top: 8%;
3824
- }
3825
- @media (max-width: 768px) {
3826
- .ConfirmationModal-module_positiveHeader__j1qyY.ConfirmationModal-module_prominent__OquXc .ConfirmationModal-module_iconContainer__3dUSF,
3827
- .ConfirmationModal-module_informativeHeader__GK9KC.ConfirmationModal-module_prominent__OquXc .ConfirmationModal-module_iconContainer__3dUSF,
3828
- .ConfirmationModal-module_negativeHeader__z0HbS.ConfirmationModal-module_prominent__OquXc .ConfirmationModal-module_iconContainer__3dUSF,
3829
- .ConfirmationModal-module_cautionaryHeader__IaPDp.ConfirmationModal-module_prominent__OquXc .ConfirmationModal-module_iconContainer__3dUSF,
3830
- .ConfirmationModal-module_assertiveHeader__FkVUj.ConfirmationModal-module_prominent__OquXc .ConfirmationModal-module_iconContainer__3dUSF {
3831
- position: relative;
3832
- top: 0;
3833
- margin-bottom: var(--spacing-sm, 0.75rem);
3834
- }
3835
- }
3836
- .ConfirmationModal-module_positiveHeader__j1qyY.ConfirmationModal-module_prominent__OquXc .ConfirmationModal-module_spotIcon__l2-Ux,
3837
- .ConfirmationModal-module_positiveHeader__j1qyY.ConfirmationModal-module_prominent__OquXc .ConfirmationModal-module_svgIcon__0kXUz > svg,
3838
- .ConfirmationModal-module_informativeHeader__GK9KC.ConfirmationModal-module_prominent__OquXc .ConfirmationModal-module_spotIcon__l2-Ux,
3839
- .ConfirmationModal-module_informativeHeader__GK9KC.ConfirmationModal-module_prominent__OquXc .ConfirmationModal-module_svgIcon__0kXUz > svg,
3840
- .ConfirmationModal-module_negativeHeader__z0HbS.ConfirmationModal-module_prominent__OquXc .ConfirmationModal-module_spotIcon__l2-Ux,
3841
- .ConfirmationModal-module_negativeHeader__z0HbS.ConfirmationModal-module_prominent__OquXc .ConfirmationModal-module_svgIcon__0kXUz > svg,
3842
- .ConfirmationModal-module_cautionaryHeader__IaPDp.ConfirmationModal-module_prominent__OquXc .ConfirmationModal-module_spotIcon__l2-Ux,
3843
- .ConfirmationModal-module_cautionaryHeader__IaPDp.ConfirmationModal-module_prominent__OquXc .ConfirmationModal-module_svgIcon__0kXUz > svg,
3844
- .ConfirmationModal-module_assertiveHeader__FkVUj.ConfirmationModal-module_prominent__OquXc .ConfirmationModal-module_spotIcon__l2-Ux,
3845
- .ConfirmationModal-module_assertiveHeader__FkVUj.ConfirmationModal-module_prominent__OquXc .ConfirmationModal-module_svgIcon__0kXUz > svg {
3846
- width: 155px;
3847
- height: 155px;
3848
- margin: 0 auto;
3849
- color: var(--color-purple-800, #2f2438);
3850
- }
3851
- @media (max-width: 768px) {
3852
- .ConfirmationModal-module_positiveHeader__j1qyY.ConfirmationModal-module_prominent__OquXc .ConfirmationModal-module_spotIcon__l2-Ux,
3853
- .ConfirmationModal-module_positiveHeader__j1qyY.ConfirmationModal-module_prominent__OquXc .ConfirmationModal-module_svgIcon__0kXUz > svg,
3854
- .ConfirmationModal-module_informativeHeader__GK9KC.ConfirmationModal-module_prominent__OquXc .ConfirmationModal-module_spotIcon__l2-Ux,
3855
- .ConfirmationModal-module_informativeHeader__GK9KC.ConfirmationModal-module_prominent__OquXc .ConfirmationModal-module_svgIcon__0kXUz > svg,
3856
- .ConfirmationModal-module_negativeHeader__z0HbS.ConfirmationModal-module_prominent__OquXc .ConfirmationModal-module_spotIcon__l2-Ux,
3857
- .ConfirmationModal-module_negativeHeader__z0HbS.ConfirmationModal-module_prominent__OquXc .ConfirmationModal-module_svgIcon__0kXUz > svg,
3858
- .ConfirmationModal-module_cautionaryHeader__IaPDp.ConfirmationModal-module_prominent__OquXc .ConfirmationModal-module_spotIcon__l2-Ux,
3859
- .ConfirmationModal-module_cautionaryHeader__IaPDp.ConfirmationModal-module_prominent__OquXc .ConfirmationModal-module_svgIcon__0kXUz > svg,
3860
- .ConfirmationModal-module_assertiveHeader__FkVUj.ConfirmationModal-module_prominent__OquXc .ConfirmationModal-module_spotIcon__l2-Ux,
3861
- .ConfirmationModal-module_assertiveHeader__FkVUj.ConfirmationModal-module_prominent__OquXc .ConfirmationModal-module_svgIcon__0kXUz > svg {
3862
- width: 86px;
3863
- height: 86px;
3864
- }
3865
- }
3866
-
3867
- .ConfirmationModal-module_prominent__OquXc {
3868
- display: grid;
3869
- grid-template-columns: 1.1fr 2fr;
3870
- align-items: center;
3871
- }
3872
- @media (max-width: 768px) {
3873
- .ConfirmationModal-module_prominent__OquXc {
3874
- grid-template-columns: 1fr;
3875
- }
3876
- }
3877
-
3878
- .ConfirmationModal-module_padded__Rjbcn {
3879
- padding: var(--spacing-md, 1.5rem) var(--spacing-lg, 2.25rem) var(--spacing-md, 1.5rem) var(--spacing-lg, 2.25rem);
3880
- }
3881
- @media (max-width: 768px) {
3882
- .ConfirmationModal-module_padded__Rjbcn {
3883
- padding: var(--spacing-md, 1.5rem);
3884
- }
3885
- }
3886
- :import("../Primitives/GenericModal.module.scss") {
3887
- i__imported_genericModal_0: genericModal;
3888
- } /** THIS IS AN AUTOGENERATED FILE **/ /** THIS IS AN AUTOGENERATED FILE **/ /** THIS IS AN AUTOGENERATED FILE **/
3889
- .InputEditModal-module_modal__btns2 {
3890
- min-width: 300px;
3891
- max-width: 600px;
3892
- }
3893
-
3894
- .InputEditModal-module_header__440os {
3895
- color: var(--color-purple-800, #2f2438);
3896
- text-align: left;
3897
- }
3898
- .InputEditModal-module_header__440os.InputEditModal-module_textAlignRTL__MtV1s {
3899
- text-align: right;
3900
- }
3901
- .InputEditModal-module_header__440os.InputEditModal-module_padded__BHGPB {
3902
- padding: var(--spacing-md, 1.5rem) var(--spacing-lg, 2.25rem);
3903
- }
3904
- @media (max-width: 768px) {
3905
- .InputEditModal-module_header__440os.InputEditModal-module_padded__BHGPB {
3906
- padding: var(--spacing-md, 1.5rem);
3907
- }
3908
- }
3909
-
3910
- .InputEditModal-module_body__L9Fda {
3911
- background: var(--color-gray-200, #f4f4f5);
3912
- }
3913
- .InputEditModal-module_body__L9Fda.InputEditModal-module_padded__BHGPB {
3914
- padding: var(--spacing-md, 1.5rem) var(--spacing-lg, 2.25rem) var(--spacing-md, 1.5rem) var(--spacing-lg, 2.25rem);
3915
- }
3916
- @media (max-width: 768px) {
3917
- .InputEditModal-module_body__L9Fda.InputEditModal-module_padded__BHGPB {
3918
- padding: var(--spacing-md, 1.5rem);
3919
- }
3920
- }
3921
- :import("../Primitives/GenericModal.module.scss") {
3922
- i__imported_genericModal_0: genericModal;
3923
- } /** THIS IS AN AUTOGENERATED FILE **/ /** THIS IS AN AUTOGENERATED FILE **/ /** THIS IS AN AUTOGENERATED FILE **/
3924
- .ContextModal-module_modal__2tX8d {
3925
- min-width: 300px;
3926
- max-width: 840px;
3927
- }
3928
- @media (min-width: 768px) {
3929
- .ContextModal-module_modal__2tX8d {
3930
- width: 90%;
3931
- }
3932
- }
3933
-
3934
- .ContextModal-module_header__Utp9g {
3935
- color: var(--color-purple-800, #2f2438);
3936
- text-align: left;
3937
- }
3938
- .ContextModal-module_header__Utp9g.ContextModal-module_padded__QLmnO {
3939
- padding: var(--spacing-md, 1.5rem);
3940
- }
3941
- @media (min-width: 768px) {
3942
- .ContextModal-module_header__Utp9g.ContextModal-module_padded__QLmnO {
3943
- padding: var(--spacing-md, 1.5rem) var(--spacing-lg, 2.25rem);
3944
- }
3945
- }
3946
-
3947
- .ContextModal-module_footer__dWAKR {
3948
- white-space: initial;
3949
- }
3950
- @media (min-width: 768px) {
3951
- .ContextModal-module_footer__dWAKR {
3952
- white-space: nowrap;
3953
- }
3954
- }
3955
-
3956
- .ContextModal-module_footerWithSecondaryAction__xjDGo {
3957
- margin-left: calc(-1 * var(--spacing-sm, 0.75rem));
3958
- }
3959
-
3960
- .ContextModal-module_emptyFooter__5uxeW {
3961
- height: var(--spacing-sm, 0.75rem);
3962
- }
3963
-
3964
- .ContextModal-module_portraitContentlayout__FA85g {
3965
- padding: var(--spacing-md, 1.5rem);
3966
- display: block;
3967
- box-sizing: content-box;
3968
- }
3969
- @media (min-width: 768px) {
3970
- .ContextModal-module_portraitContentlayout__FA85g {
3971
- display: grid;
3972
- max-width: 800px;
3973
- grid-auto-columns: 1fr;
3974
- grid-auto-flow: column;
3975
- column-gap: var(--spacing-xl, 3rem);
3976
- padding: var(--spacing-md, 1.5rem) var(--spacing-lg, 2.25rem);
3977
- }
3978
- }
3979
-
3980
- .ContextModal-module_landscapeContentlayout__MNl8p {
3981
- display: flex;
3982
- padding: var(--spacing-md, 1.5rem);
3983
- flex-direction: column;
3984
- }
3985
- @media (min-width: 768px) {
3986
- .ContextModal-module_landscapeContentlayout__MNl8p {
3987
- padding: var(--spacing-md, 1.5rem) var(--spacing-lg, 2.25rem);
3988
- }
3989
- }
3990
- .ContextModal-module_landscapeContentlayout__MNl8p .ContextModal-module_image__4FS7o {
3991
- display: flex;
3992
- flex-direction: column;
3993
- align-items: center;
3994
- justify-content: center;
3995
- }
3996
- .ContextModal-module_landscapeContentlayout__MNl8p .ContextModal-module_content__oWWWs {
3997
- padding-left: 0;
3998
- }
3999
- @media (min-width: 768px) {
4000
- .ContextModal-module_landscapeContentlayout__MNl8p .ContextModal-module_content__oWWWs {
4001
- max-width: 100%;
4002
- }
4003
- }
4004
- :import("../Primitives/GenericModal.module.scss") {
4005
- i__imported_genericModal_0: genericModal;
4006
- } /** THIS IS AN AUTOGENERATED FILE **/ /** THIS IS AN AUTOGENERATED FILE **/ /** THIS IS AN AUTOGENERATED FILE **/
4007
- /** THIS IS AN AUTOGENERATED FILE **/ /** THIS IS AN AUTOGENERATED FILE **/ /* stylelint-disable scss/at-if-no-null, declaration-block-no-redundant-longhand-properties */ /** THIS IS AN AUTOGENERATED FILE **/ /** THIS IS AN AUTOGENERATED FILE **/ /** THIS IS AN AUTOGENERATED FILE **/ /** THIS IS AN AUTOGENERATED FILE **/ /** THIS IS AN AUTOGENERATED FILE **/
4008
- /* 16px */
4009
- /* 16px */
4010
- /* 16px */
4011
- /*
4012
- Because these components are deprecated, we've kept any inline/non-token values as values from the Zen theme to prevent any style regressions,
4013
- as this is what consumers would have expected when pulling them in a the time.
4014
- */
4015
- /* stylelint-enable scss/at-if-no-null, declaration-block-no-redundant-longhand-properties */
4016
- .RoadblockModal-module_modal__tYlen {
4017
- min-width: 300px;
4018
- max-width: 600px;
4019
- }
4020
-
4021
- .RoadblockModal-module_header__FRRfI {
4022
- padding: var(--spacing-lg, 2.25rem) var(--spacing-md, 1.5rem) var(--spacing-sm, 0.75rem);
4023
- text-align: center;
4024
- position: relative;
4025
- }
4026
-
4027
- .RoadblockModal-module_headerBackground__66Xg- {
4028
- background-color: var(--color-orange-100, #fff0e8);
4029
- height: 120px;
4030
- position: absolute;
4031
- top: 0;
4032
- left: 0;
4033
- right: 0;
4034
- border-radius: var(--border-solid-border-radius, 7px) var(--border-solid-border-radius, 7px) 0 0;
4035
- }
4036
-
4037
- .RoadblockModal-module_body__iGIT7 {
4038
- padding: var(--spacing-md, 1.5rem) var(--spacing-xxxxl, 5.25rem) var(--spacing-sm, 0.75rem);
4039
- }
4040
-
4041
- .RoadblockModal-module_iconContainer__7kh6- {
4042
- position: relative;
4043
- margin-bottom: var(--spacing-sm, 0.75rem);
4044
- }
4045
-
4046
- .RoadblockModal-module_spotIcon__dLnAj {
4047
- width: 155px;
4048
- height: 155px;
4049
- margin: 0 auto;
4050
- }
4051
2742
  .Brand-module_img__YE-W7 {
4052
2743
  max-inline-size: 100%;
4053
2744
  display: flex;
4054
2745
  }
4055
2746
  .Branding-module_branding__Oayqr{display:flex;flex-grow:1;grid-area:branding;justify-content:center;padding-top:var(--spacing-4,.25rem)}@media (min-width:768px){.Branding-module_branding__Oayqr{justify-content:unset}}.Branding-module_logo__rTXU9{flex-basis:7.5rem}
4056
2747
  .Root-module_root__cfRZi{align-items:center;background-color:var(--color-white,#fff);box-shadow:var(--shadow-small-box-shadow,0 3px 16px rgba(0,0,0,.06),0 1px 3px rgba(0,0,0,.1));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;top:0}@media (min-width:768px){.Root-module_root__cfRZi{align-items:start;grid-template:"branding titles actions" min-content/1fr max-content 1fr;position:sticky}}
4057
- .Workflow-module_workflowWrapper__2ds6v{background:var(--color-gray-100,#f9f9f9);display:grid;grid-template-rows:min-content 1fr min-content;min-height:100vh;position:relative}
2748
+ .Wrapper-module_wrapper__EUUEZ{background:var(--color-gray-100,#f9f9f9);display:grid;grid-template-rows:min-content 1fr min-content;min-height:100vh;position:relative}