npm - @unbabel/samora-vue3-components - Versions diffs - 0.0.3 - Mend

@unbabel/samora-vue3-components 0.0.3

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 (2761) hide show

package/storybook-static/assets/SamSidebar-MhtXtXVp.css ADDED Viewed

@@ -0,0 +1 @@

+ .text--overline[data-v-289848ae]{font-style:normal;text-transform:none;font-family:Avenir Next World,Avenir,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;font-size:.625rem;line-height:1.125rem;font-weight:500;text-transform:uppercase;letter-spacing:.08rem}.text--caption--mini[data-v-289848ae]{font-style:normal;text-transform:none;font-family:Avenir Next World,Avenir,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;font-size:.375rem;line-height:.5rem;font-weight:600;text-transform:uppercase;letter-spacing:.025rem}.text--caption[data-v-289848ae]{font-style:normal;text-transform:none;font-family:Avenir Next World,Avenir,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;font-size:.75rem;line-height:1.25rem;font-weight:400}.text--caption--medium[data-v-289848ae]{font-style:normal;text-transform:none;font-family:Avenir Next World,Avenir,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;font-size:.75rem;line-height:1.25rem;font-weight:500}.text--caption--demi[data-v-289848ae]{font-style:normal;text-transform:none;font-family:Avenir Next World,Avenir,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;font-size:.75rem;line-height:1.25rem;font-weight:600}.text--button[data-v-289848ae],.text--title[data-v-289848ae]{font-style:normal;text-transform:none;font-family:Avenir Next World,Avenir,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;font-size:1rem;line-height:1.5rem;font-weight:600}.text--body-1[data-v-289848ae]{font-style:normal;text-transform:none;font-family:Avenir Next World,Avenir,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;font-size:1rem;line-height:1.5rem;font-weight:400}.text--body-1--medium[data-v-289848ae]{font-style:normal;text-transform:none;font-family:Avenir Next World,Avenir,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;font-size:1rem;line-height:1.5rem;font-weight:500}.text--body-2[data-v-289848ae]{font-style:normal;text-transform:none;font-family:Avenir Next World,Avenir,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;font-size:.875rem;line-height:1.375rem;font-weight:400}.text--body-2--medium[data-v-289848ae]{font-style:normal;text-transform:none;font-family:Avenir Next World,Avenir,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;font-size:.875rem;line-height:1.375rem;font-weight:500}.text--body-3[data-v-289848ae]{font-style:normal;text-transform:none;font-family:Avenir Next World,Avenir,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;font-size:.625rem;line-height:1.125rem;font-weight:600}.text--subtitle[data-v-289848ae]{font-style:normal;text-transform:none;font-family:Avenir Next World,Avenir,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;font-size:.875rem;line-height:1.375rem;font-weight:600}h6[data-v-289848ae]{font-style:normal;text-transform:none;font-family:Avenir Next World,Avenir,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;font-size:1rem;line-height:1.5rem;font-weight:600}h5[data-v-289848ae]{font-style:normal;text-transform:none;font-family:Avenir Next World,Avenir,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;font-size:1.25rem;line-height:1.75rem;font-weight:600}h4[data-v-289848ae]{font-style:normal;text-transform:none;font-family:Avenir Next World,Avenir,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;font-size:1.5rem;line-height:2rem;font-weight:600}h3[data-v-289848ae]{font-style:normal;text-transform:none;font-family:Avenir Next World,Avenir,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;font-size:1.75rem;line-height:2.25rem;font-weight:600}h2[data-v-289848ae]{font-style:normal;text-transform:none;font-family:Avenir Next World,Avenir,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;font-size:2rem;line-height:2.5rem;font-weight:600}h1[data-v-289848ae]{font-style:normal;text-transform:none;font-family:Avenir Next World,Avenir,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;font-size:2.25rem;line-height:2.75rem;font-weight:600}.text--ellipse[data-v-289848ae]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.text-center[data-v-289848ae]{text-align:center}.text--bold[data-v-289848ae]{font-weight:600}.text--primary[data-v-289848ae]{color:#3843d0}.text--secondary[data-v-289848ae]{color:#9152ae}.text--success[data-v-289848ae]{color:#1a8752}.text--error[data-v-289848ae]{color:#e90c37}.text--warning[data-v-289848ae]{color:#eb611c}.text--light[data-v-289848ae]{color:#696c72}.text--black[data-v-289848ae]{color:#000}.text--white[data-v-289848ae]{color:#fff}.w-100[data-v-289848ae]{width:100%}.h-100[data-v-289848ae]{height:100%}.d-block[data-v-289848ae]{display:block}.d-inline[data-v-289848ae]{display:inline}.d-inline-block[data-v-289848ae]{display:inline-block}.d-flex[data-v-289848ae],.sam-sidebar[data-v-289848ae]{display:flex}.d-inline-flex[data-v-289848ae]{display:inline-flex}.d-none[data-v-289848ae]{display:none}.wrap-flex[data-v-289848ae]{flex-wrap:wrap}.flex-center[data-v-289848ae],.items-center[data-v-289848ae]{align-items:center}.flex-start[data-v-289848ae],.items-start[data-v-289848ae]{align-items:flex-start}.flex-end[data-v-289848ae],.items-end[data-v-289848ae]{align-items:flex-end}.flex-baseline[data-v-289848ae],.items-baseline[data-v-289848ae]{align-items:baseline}.justify-center[data-v-289848ae]{justify-content:center}.justify-start[data-v-289848ae]{justify-content:flex-start}.justify-end[data-v-289848ae]{justify-content:flex-end}.justify-between[data-v-289848ae]{justify-content:space-between}.flex-column[data-v-289848ae],.sam-sidebar[data-v-289848ae]{flex-direction:column}.gap-0[data-v-289848ae]{gap:0rem}.gap-1[data-v-289848ae]{gap:.25rem}.gap-1-half[data-v-289848ae]{gap:.375rem}.gap-2[data-v-289848ae]{gap:.5rem}.gap-3[data-v-289848ae]{gap:.75rem}.gap-4[data-v-289848ae]{gap:1rem}.gap-5[data-v-289848ae]{gap:1.25rem}.gap-6[data-v-289848ae]{gap:1.5rem}.gap-7[data-v-289848ae]{gap:1.75rem}.gap-8[data-v-289848ae]{gap:2rem}.gap-10[data-v-289848ae]{gap:2.5rem}.grow[data-v-289848ae]{flex-grow:1}.grow-0[data-v-289848ae]{flex-grow:0}.container-fluid[data-v-289848ae],.container[data-v-289848ae]{margin-right:auto;margin-left:auto}.container-fluid[data-v-289848ae]{padding-right:1rem;padding-left:1rem}.row[data-v-289848ae]{box-sizing:border-box;display:flex;flex:0 1 auto;flex-direction:row;flex-wrap:wrap;margin-right:-.5rem;margin-left:-.5rem}.row.reverse[data-v-289848ae]{flex-direction:row-reverse}.col.reverse[data-v-289848ae]{flex-direction:column-reverse}.col-xs[data-v-289848ae],.col-xs-1[data-v-289848ae],.col-xs-2[data-v-289848ae],.col-xs-3[data-v-289848ae],.col-xs-4[data-v-289848ae],.col-xs-5[data-v-289848ae],.col-xs-6[data-v-289848ae],.col-xs-7[data-v-289848ae],.col-xs-8[data-v-289848ae],.col-xs-9[data-v-289848ae],.col-xs-10[data-v-289848ae],.col-xs-11[data-v-289848ae],.col-xs-12[data-v-289848ae],.col-xs-offset-0[data-v-289848ae],.col-xs-offset-1[data-v-289848ae],.col-xs-offset-2[data-v-289848ae],.col-xs-offset-3[data-v-289848ae],.col-xs-offset-4[data-v-289848ae],.col-xs-offset-5[data-v-289848ae],.col-xs-offset-6[data-v-289848ae],.col-xs-offset-7[data-v-289848ae],.col-xs-offset-8[data-v-289848ae],.col-xs-offset-9[data-v-289848ae],.col-xs-offset-10[data-v-289848ae],.col-xs-offset-11[data-v-289848ae],.col-xs-offset-12[data-v-289848ae]{box-sizing:border-box;flex:0 0 auto;padding-right:.5rem;padding-left:.5rem}.col-xs[data-v-289848ae]{flex-grow:1;flex-basis:0;max-width:100%}.col-xs-1[data-v-289848ae]{flex-basis:8.33333333%;max-width:8.33333333%}.col-xs-2[data-v-289848ae]{flex-basis:16.66666667%;max-width:16.66666667%}.col-xs-3[data-v-289848ae]{flex-basis:25%;max-width:25%}.col-xs-4[data-v-289848ae]{flex-basis:33.33333333%;max-width:33.33333333%}.col-xs-5[data-v-289848ae]{flex-basis:41.66666667%;max-width:41.66666667%}.col-xs-6[data-v-289848ae]{flex-basis:50%;max-width:50%}.col-xs-7[data-v-289848ae]{flex-basis:58.33333333%;max-width:58.33333333%}.col-xs-8[data-v-289848ae]{flex-basis:66.66666667%;max-width:66.66666667%}.col-xs-9[data-v-289848ae]{flex-basis:75%;max-width:75%}.col-xs-10[data-v-289848ae]{flex-basis:83.33333333%;max-width:83.33333333%}.col-xs-11[data-v-289848ae]{flex-basis:91.66666667%;max-width:91.66666667%}.col-xs-12[data-v-289848ae]{flex-basis:100%;max-width:100%}.col-xs-offset-0[data-v-289848ae]{margin-left:0}.col-xs-offset-1[data-v-289848ae]{margin-left:8.33333333%}.col-xs-offset-2[data-v-289848ae]{margin-left:16.66666667%}.col-xs-offset-3[data-v-289848ae]{margin-left:25%}.col-xs-offset-4[data-v-289848ae]{margin-left:33.33333333%}.col-xs-offset-5[data-v-289848ae]{margin-left:41.66666667%}.col-xs-offset-6[data-v-289848ae]{margin-left:50%}.col-xs-offset-7[data-v-289848ae]{margin-left:58.33333333%}.col-xs-offset-8[data-v-289848ae]{margin-left:66.66666667%}.col-xs-offset-9[data-v-289848ae]{margin-left:75%}.col-xs-offset-10[data-v-289848ae]{margin-left:83.33333333%}.col-xs-offset-11[data-v-289848ae]{margin-left:91.66666667%}.start-xs[data-v-289848ae]{justify-content:flex-start;text-align:start}.center-xs[data-v-289848ae]{justify-content:center;text-align:center}.end-xs[data-v-289848ae]{justify-content:flex-end;text-align:end}.top-xs[data-v-289848ae]{align-items:flex-start}.middle-xs[data-v-289848ae]{align-items:center}.bottom-xs[data-v-289848ae]{align-items:flex-end}.around-xs[data-v-289848ae]{justify-content:space-around}.between-xs[data-v-289848ae]{justify-content:space-between}.first-xs[data-v-289848ae]{order:-1}.last-xs[data-v-289848ae]{order:1}@media only screen and (min-width: 48rem){.container[data-v-289848ae]{width:48rem}.col-sm[data-v-289848ae],.col-sm-1[data-v-289848ae],.col-sm-2[data-v-289848ae],.col-sm-3[data-v-289848ae],.col-sm-4[data-v-289848ae],.col-sm-5[data-v-289848ae],.col-sm-6[data-v-289848ae],.col-sm-7[data-v-289848ae],.col-sm-8[data-v-289848ae],.col-sm-9[data-v-289848ae],.col-sm-10[data-v-289848ae],.col-sm-11[data-v-289848ae],.col-sm-12[data-v-289848ae],.col-sm-offset-0[data-v-289848ae],.col-sm-offset-1[data-v-289848ae],.col-sm-offset-2[data-v-289848ae],.col-sm-offset-3[data-v-289848ae],.col-sm-offset-4[data-v-289848ae],.col-sm-offset-5[data-v-289848ae],.col-sm-offset-6[data-v-289848ae],.col-sm-offset-7[data-v-289848ae],.col-sm-offset-8[data-v-289848ae],.col-sm-offset-9[data-v-289848ae],.col-sm-offset-10[data-v-289848ae],.col-sm-offset-11[data-v-289848ae],.col-sm-offset-12[data-v-289848ae]{box-sizing:border-box;flex:0 0 auto;padding-right:.5rem;padding-left:.5rem}.col-sm[data-v-289848ae]{flex-grow:1;flex-basis:0;max-width:100%}.col-sm-1[data-v-289848ae]{flex-basis:8.33333333%;max-width:8.33333333%}.col-sm-2[data-v-289848ae]{flex-basis:16.66666667%;max-width:16.66666667%}.col-sm-3[data-v-289848ae]{flex-basis:25%;max-width:25%}.col-sm-4[data-v-289848ae]{flex-basis:33.33333333%;max-width:33.33333333%}.col-sm-5[data-v-289848ae]{flex-basis:41.66666667%;max-width:41.66666667%}.col-sm-6[data-v-289848ae]{flex-basis:50%;max-width:50%}.col-sm-7[data-v-289848ae]{flex-basis:58.33333333%;max-width:58.33333333%}.col-sm-8[data-v-289848ae]{flex-basis:66.66666667%;max-width:66.66666667%}.col-sm-9[data-v-289848ae]{flex-basis:75%;max-width:75%}.col-sm-10[data-v-289848ae]{flex-basis:83.33333333%;max-width:83.33333333%}.col-sm-11[data-v-289848ae]{flex-basis:91.66666667%;max-width:91.66666667%}.col-sm-12[data-v-289848ae]{flex-basis:100%;max-width:100%}.col-sm-offset-0[data-v-289848ae]{margin-left:0}.col-sm-offset-1[data-v-289848ae]{margin-left:8.33333333%}.col-sm-offset-2[data-v-289848ae]{margin-left:16.66666667%}.col-sm-offset-3[data-v-289848ae]{margin-left:25%}.col-sm-offset-4[data-v-289848ae]{margin-left:33.33333333%}.col-sm-offset-5[data-v-289848ae]{margin-left:41.66666667%}.col-sm-offset-6[data-v-289848ae]{margin-left:50%}.col-sm-offset-7[data-v-289848ae]{margin-left:58.33333333%}.col-sm-offset-8[data-v-289848ae]{margin-left:66.66666667%}.col-sm-offset-9[data-v-289848ae]{margin-left:75%}.col-sm-offset-10[data-v-289848ae]{margin-left:83.33333333%}.col-sm-offset-11[data-v-289848ae]{margin-left:91.66666667%}.start-sm[data-v-289848ae]{justify-content:flex-start;text-align:start}.center-sm[data-v-289848ae]{justify-content:center;text-align:center}.end-sm[data-v-289848ae]{justify-content:flex-end;text-align:end}.top-sm[data-v-289848ae]{align-items:flex-start}.middle-sm[data-v-289848ae]{align-items:center}.bottom-sm[data-v-289848ae]{align-items:flex-end}.around-sm[data-v-289848ae]{justify-content:space-around}.between-sm[data-v-289848ae]{justify-content:space-between}.first-sm[data-v-289848ae]{order:-1}.last-sm[data-v-289848ae]{order:1}}@media only screen and (min-width: 64rem){.container[data-v-289848ae]{width:64rem}.col-md[data-v-289848ae],.col-md-1[data-v-289848ae],.col-md-2[data-v-289848ae],.col-md-3[data-v-289848ae],.col-md-4[data-v-289848ae],.col-md-5[data-v-289848ae],.col-md-6[data-v-289848ae],.col-md-7[data-v-289848ae],.col-md-8[data-v-289848ae],.col-md-9[data-v-289848ae],.col-md-10[data-v-289848ae],.col-md-11[data-v-289848ae],.col-md-12[data-v-289848ae],.col-md-offset-0[data-v-289848ae],.col-md-offset-1[data-v-289848ae],.col-md-offset-2[data-v-289848ae],.col-md-offset-3[data-v-289848ae],.col-md-offset-4[data-v-289848ae],.col-md-offset-5[data-v-289848ae],.col-md-offset-6[data-v-289848ae],.col-md-offset-7[data-v-289848ae],.col-md-offset-8[data-v-289848ae],.col-md-offset-9[data-v-289848ae],.col-md-offset-10[data-v-289848ae],.col-md-offset-11[data-v-289848ae],.col-md-offset-12[data-v-289848ae]{box-sizing:border-box;flex:0 0 auto;padding-right:.5rem;padding-left:.5rem}.col-md[data-v-289848ae]{flex-grow:1;flex-basis:0;max-width:100%}.col-md-1[data-v-289848ae]{flex-basis:8.33333333%;max-width:8.33333333%}.col-md-2[data-v-289848ae]{flex-basis:16.66666667%;max-width:16.66666667%}.col-md-3[data-v-289848ae]{flex-basis:25%;max-width:25%}.col-md-4[data-v-289848ae]{flex-basis:33.33333333%;max-width:33.33333333%}.col-md-5[data-v-289848ae]{flex-basis:41.66666667%;max-width:41.66666667%}.col-md-6[data-v-289848ae]{flex-basis:50%;max-width:50%}.col-md-7[data-v-289848ae]{flex-basis:58.33333333%;max-width:58.33333333%}.col-md-8[data-v-289848ae]{flex-basis:66.66666667%;max-width:66.66666667%}.col-md-9[data-v-289848ae]{flex-basis:75%;max-width:75%}.col-md-10[data-v-289848ae]{flex-basis:83.33333333%;max-width:83.33333333%}.col-md-11[data-v-289848ae]{flex-basis:91.66666667%;max-width:91.66666667%}.col-md-12[data-v-289848ae]{flex-basis:100%;max-width:100%}.col-md-offset-0[data-v-289848ae]{margin-left:0}.col-md-offset-1[data-v-289848ae]{margin-left:8.33333333%}.col-md-offset-2[data-v-289848ae]{margin-left:16.66666667%}.col-md-offset-3[data-v-289848ae]{margin-left:25%}.col-md-offset-4[data-v-289848ae]{margin-left:33.33333333%}.col-md-offset-5[data-v-289848ae]{margin-left:41.66666667%}.col-md-offset-6[data-v-289848ae]{margin-left:50%}.col-md-offset-7[data-v-289848ae]{margin-left:58.33333333%}.col-md-offset-8[data-v-289848ae]{margin-left:66.66666667%}.col-md-offset-9[data-v-289848ae]{margin-left:75%}.col-md-offset-10[data-v-289848ae]{margin-left:83.33333333%}.col-md-offset-11[data-v-289848ae]{margin-left:91.66666667%}.start-md[data-v-289848ae]{justify-content:flex-start;text-align:start}.center-md[data-v-289848ae]{justify-content:center;text-align:center}.end-md[data-v-289848ae]{justify-content:flex-end;text-align:end}.top-md[data-v-289848ae]{align-items:flex-start}.middle-md[data-v-289848ae]{align-items:center}.bottom-md[data-v-289848ae]{align-items:flex-end}.around-md[data-v-289848ae]{justify-content:space-around}.between-md[data-v-289848ae]{justify-content:space-between}.first-md[data-v-289848ae]{order:-1}.last-md[data-v-289848ae]{order:1}}@media only screen and (min-width: 75rem){.container[data-v-289848ae]{width:75rem}.col-lg[data-v-289848ae],.col-lg-1[data-v-289848ae],.col-lg-2[data-v-289848ae],.col-lg-3[data-v-289848ae],.col-lg-4[data-v-289848ae],.col-lg-5[data-v-289848ae],.col-lg-6[data-v-289848ae],.col-lg-7[data-v-289848ae],.col-lg-8[data-v-289848ae],.col-lg-9[data-v-289848ae],.col-lg-10[data-v-289848ae],.col-lg-11[data-v-289848ae],.col-lg-12[data-v-289848ae],.col-lg-offset-0[data-v-289848ae],.col-lg-offset-1[data-v-289848ae],.col-lg-offset-2[data-v-289848ae],.col-lg-offset-3[data-v-289848ae],.col-lg-offset-4[data-v-289848ae],.col-lg-offset-5[data-v-289848ae],.col-lg-offset-6[data-v-289848ae],.col-lg-offset-7[data-v-289848ae],.col-lg-offset-8[data-v-289848ae],.col-lg-offset-9[data-v-289848ae],.col-lg-offset-10[data-v-289848ae],.col-lg-offset-11[data-v-289848ae],.col-lg-offset-12[data-v-289848ae]{box-sizing:border-box;flex:0 0 auto;padding-right:.5rem;padding-left:.5rem}.col-lg[data-v-289848ae]{flex-grow:1;flex-basis:0;max-width:100%}.col-lg-1[data-v-289848ae]{flex-basis:8.33333333%;max-width:8.33333333%}.col-lg-2[data-v-289848ae]{flex-basis:16.66666667%;max-width:16.66666667%}.col-lg-3[data-v-289848ae]{flex-basis:25%;max-width:25%}.col-lg-4[data-v-289848ae]{flex-basis:33.33333333%;max-width:33.33333333%}.col-lg-5[data-v-289848ae]{flex-basis:41.66666667%;max-width:41.66666667%}.col-lg-6[data-v-289848ae]{flex-basis:50%;max-width:50%}.col-lg-7[data-v-289848ae]{flex-basis:58.33333333%;max-width:58.33333333%}.col-lg-8[data-v-289848ae]{flex-basis:66.66666667%;max-width:66.66666667%}.col-lg-9[data-v-289848ae]{flex-basis:75%;max-width:75%}.col-lg-10[data-v-289848ae]{flex-basis:83.33333333%;max-width:83.33333333%}.col-lg-11[data-v-289848ae]{flex-basis:91.66666667%;max-width:91.66666667%}.col-lg-12[data-v-289848ae]{flex-basis:100%;max-width:100%}.col-lg-offset-0[data-v-289848ae]{margin-left:0}.col-lg-offset-1[data-v-289848ae]{margin-left:8.33333333%}.col-lg-offset-2[data-v-289848ae]{margin-left:16.66666667%}.col-lg-offset-3[data-v-289848ae]{margin-left:25%}.col-lg-offset-4[data-v-289848ae]{margin-left:33.33333333%}.col-lg-offset-5[data-v-289848ae]{margin-left:41.66666667%}.col-lg-offset-6[data-v-289848ae]{margin-left:50%}.col-lg-offset-7[data-v-289848ae]{margin-left:58.33333333%}.col-lg-offset-8[data-v-289848ae]{margin-left:66.66666667%}.col-lg-offset-9[data-v-289848ae]{margin-left:75%}.col-lg-offset-10[data-v-289848ae]{margin-left:83.33333333%}.col-lg-offset-11[data-v-289848ae]{margin-left:91.66666667%}.start-lg[data-v-289848ae]{justify-content:flex-start;text-align:start}.center-lg[data-v-289848ae]{justify-content:center;text-align:center}.end-lg[data-v-289848ae]{justify-content:flex-end;text-align:end}.top-lg[data-v-289848ae]{align-items:flex-start}.middle-lg[data-v-289848ae]{align-items:center}.bottom-lg[data-v-289848ae]{align-items:flex-end}.around-lg[data-v-289848ae]{justify-content:space-around}.between-lg[data-v-289848ae]{justify-content:space-between}.first-lg[data-v-289848ae]{order:-1}.last-lg[data-v-289848ae]{order:1}}.p-0[data-v-289848ae]{padding:0rem}.p-0-half[data-v-289848ae]{padding:.125rem}.p-1[data-v-289848ae]{padding:.25rem}.p-1-half[data-v-289848ae]{padding:.375rem}.p-2[data-v-289848ae]{padding:.5rem}.p-2-half[data-v-289848ae]{padding:.625rem}.p-3[data-v-289848ae]{padding:.75rem}.p-4[data-v-289848ae]{padding:1rem}.p-5[data-v-289848ae]{padding:1.25rem}.p-6[data-v-289848ae]{padding:1.5rem}.p-7[data-v-289848ae]{padding:1.75rem}.p-8[data-v-289848ae]{padding:2rem}.p-10[data-v-289848ae]{padding:2.5rem}.py-0[data-v-289848ae]{padding-top:0rem;padding-bottom:0rem}.py-0-half[data-v-289848ae]{padding-top:.125rem;padding-bottom:.125rem}.py-1[data-v-289848ae]{padding-top:.25rem;padding-bottom:.25rem}.py-1-half[data-v-289848ae]{padding-top:.375rem;padding-bottom:.375rem}.py-2-half[data-v-289848ae]{padding-top:.625rem;padding-bottom:.625rem}.py-2[data-v-289848ae]{padding-top:.5rem;padding-bottom:.5rem}.py-3[data-v-289848ae]{padding-top:.75rem;padding-bottom:.75rem}.py-4[data-v-289848ae]{padding-top:1rem;padding-bottom:1rem}.py-5[data-v-289848ae]{padding-top:1.25rem;padding-bottom:1.25rem}.py-6[data-v-289848ae]{padding-top:1.5rem;padding-bottom:1.5rem}.py-7[data-v-289848ae]{padding-top:1.75rem;padding-bottom:1.75rem}.py-8[data-v-289848ae],.sam-sidebar.not-compact[data-v-289848ae]{padding-top:2rem;padding-bottom:2rem}.py-10[data-v-289848ae]{padding-top:2.5rem;padding-bottom:2.5rem}.px-0[data-v-289848ae]{padding-left:0rem;padding-right:0rem}.px-0-half[data-v-289848ae]{padding-left:.125rem;padding-right:.125rem}.px-1[data-v-289848ae]{padding-left:.25rem;padding-right:.25rem}.px-1-half[data-v-289848ae]{padding-left:.375rem;padding-right:.375rem}.px-2[data-v-289848ae]{padding-left:.5rem;padding-right:.5rem}.px-2-half[data-v-289848ae]{padding-left:.625rem;padding-right:.625rem}.px-3[data-v-289848ae]{padding-left:.75rem;padding-right:.75rem}.px-4[data-v-289848ae]{padding-left:1rem;padding-right:1rem}.px-5[data-v-289848ae]{padding-left:1.25rem;padding-right:1.25rem}.px-6[data-v-289848ae],.sam-sidebar.not-compact[data-v-289848ae]{padding-left:1.5rem;padding-right:1.5rem}.px-7[data-v-289848ae]{padding-left:1.75rem;padding-right:1.75rem}.px-8[data-v-289848ae]{padding-left:2rem;padding-right:2rem}.px-10[data-v-289848ae]{padding-left:2.5rem;padding-right:2.5rem}.pt-0[data-v-289848ae]{padding-top:0rem}.pt-0-half[data-v-289848ae]{padding-top:.125rem}.pt-1[data-v-289848ae]{padding-top:.25rem}.pt-1-half[data-v-289848ae]{padding-top:.375rem}.pt-2[data-v-289848ae]{padding-top:.5rem}.pt-2-half[data-v-289848ae]{padding-top:.625rem}.pt-3[data-v-289848ae]{padding-top:.75rem}.pt-4[data-v-289848ae]{padding-top:1rem}.pt-5[data-v-289848ae]{padding-top:1.25rem}.pt-6[data-v-289848ae]{padding-top:1.5rem}.pt-7[data-v-289848ae]{padding-top:1.75rem}.pt-8[data-v-289848ae]{padding-top:2rem}.pt-10[data-v-289848ae]{padding-top:2.5rem}.pr-auto[data-v-289848ae]{padding-right:auto}.pr-0[data-v-289848ae]{padding-right:0rem}.pr-0-half[data-v-289848ae]{padding-right:.125rem}.pr-1[data-v-289848ae]{padding-right:.25rem}.pr-1-half[data-v-289848ae]{padding-right:.375rem}.pr-2[data-v-289848ae]{padding-right:.5rem}.pr-2-half[data-v-289848ae]{padding-right:.625rem}.pr-3[data-v-289848ae]{padding-right:.75rem}.pr-4[data-v-289848ae]{padding-right:1rem}.pr-5[data-v-289848ae]{padding-right:1.25rem}.pr-6[data-v-289848ae]{padding-right:1.5rem}.pr-7[data-v-289848ae]{padding-right:1.75rem}.pr-8[data-v-289848ae]{padding-right:2rem}.pr-10[data-v-289848ae]{padding-right:2.5rem}.pb-0[data-v-289848ae]{padding-bottom:0rem}.pb-0-half[data-v-289848ae]{padding-bottom:.125rem}.pb-1[data-v-289848ae]{padding-bottom:.25rem}.pb-1-half[data-v-289848ae]{padding-bottom:.375rem}.pb-2[data-v-289848ae]{padding-bottom:.5rem}.pb-2-half[data-v-289848ae]{padding-bottom:.625rem}.pb-3[data-v-289848ae]{padding-bottom:.75rem}.pb-4[data-v-289848ae]{padding-bottom:1rem}.pb-5[data-v-289848ae]{padding-bottom:1.25rem}.pb-6[data-v-289848ae]{padding-bottom:1.5rem}.pb-8[data-v-289848ae]{padding-bottom:2rem}.pb-7[data-v-289848ae]{padding-bottom:1.75rem}.pb-10[data-v-289848ae]{padding-bottom:2.5rem}.pl-auto[data-v-289848ae]{padding-left:auto}.pl-0[data-v-289848ae]{padding-left:0rem}.pl-0-half[data-v-289848ae]{padding-left:.125rem}.pl-1[data-v-289848ae]{padding-left:.25rem}.pl-1-half[data-v-289848ae]{padding-left:.375rem}.pl-2[data-v-289848ae]{padding-left:.5rem}.pl-2-half[data-v-289848ae]{padding-left:.625rem}.pl-3[data-v-289848ae]{padding-left:.75rem}.pl-4[data-v-289848ae]{padding-left:1rem}.pl-5[data-v-289848ae]{padding-left:1.25rem}.pl-6[data-v-289848ae]{padding-left:1.5rem}.pl-7[data-v-289848ae]{padding-left:1.75rem}.pl-8[data-v-289848ae]{padding-left:2rem}.pl-10[data-v-289848ae]{padding-left:2.5rem}.m-auto[data-v-289848ae]{margin:auto}.m-0[data-v-289848ae]{margin:0rem}.m-0-half[data-v-289848ae]{margin:.125rem}.m-1[data-v-289848ae]{margin:.25rem}.m-1-half[data-v-289848ae]{margin:.375rem}.m-2[data-v-289848ae]{margin:.5rem}.m-2-half[data-v-289848ae]{margin:.625rem}.m-3[data-v-289848ae]{margin:.75rem}.m-4[data-v-289848ae]{margin:1rem}.m-5[data-v-289848ae]{margin:1.25rem}.m-6[data-v-289848ae]{margin:1.5rem}.m-7[data-v-289848ae]{margin:1.75rem}.m-8[data-v-289848ae]{margin:2rem}.m-10[data-v-289848ae]{margin:2.5rem}.my-auto[data-v-289848ae]{margin-top:auto;margin-bottom:auto}.my-0[data-v-289848ae]{margin-top:0rem;margin-bottom:0rem}.my-0-half[data-v-289848ae]{margin-top:.125rem;margin-bottom:.125rem}.my-1[data-v-289848ae]{margin-top:.25rem;margin-bottom:.25rem}.my-1-half[data-v-289848ae]{margin-top:.375rem;margin-bottom:.375rem}.my-2[data-v-289848ae]{margin-top:.5rem;margin-bottom:.5rem}.my-2-half[data-v-289848ae]{margin-top:.625rem;margin-bottom:.625rem}.my-3[data-v-289848ae]{margin-top:.75rem;margin-bottom:.75rem}.my-4[data-v-289848ae]{margin-top:1rem;margin-bottom:1rem}.my-5[data-v-289848ae]{margin-top:1.25rem;margin-bottom:1.25rem}.my-6[data-v-289848ae]{margin-top:1.5rem;margin-bottom:1.5rem}.my-7[data-v-289848ae]{margin-top:1.75rem;margin-bottom:1.75rem}.my-8[data-v-289848ae]{margin-top:2rem;margin-bottom:2rem}.my-10[data-v-289848ae]{margin-top:2.5rem;margin-bottom:2.5rem}.mx-auto[data-v-289848ae]{margin-left:auto;margin-right:auto}.mx-0[data-v-289848ae]{margin-left:0rem;margin-right:0rem}.mx-0-half[data-v-289848ae]{margin-left:.125rem;margin-right:.125rem}.mx-1[data-v-289848ae]{margin-left:.25rem;margin-right:.25rem}.mx-1-half[data-v-289848ae]{margin-left:.375rem;margin-right:.375rem}.mx-2[data-v-289848ae]{margin-left:.5rem;margin-right:.5rem}.mx-2-half[data-v-289848ae]{margin-left:.625rem;margin-right:.625rem}.mx-3[data-v-289848ae]{margin-left:.75rem;margin-right:.75rem}.mx-4[data-v-289848ae]{margin-left:1rem;margin-right:1rem}.mx-5[data-v-289848ae]{margin-left:1.25rem;margin-right:1.25rem}.mx-6[data-v-289848ae]{margin-left:1.5rem;margin-right:1.5rem}.mx-7[data-v-289848ae]{margin-left:1.75rem;margin-right:1.75rem}.mx-8[data-v-289848ae]{margin-left:2rem;margin-right:2rem}.mx-10[data-v-289848ae]{margin-left:2.5rem;margin-right:2.5rem}.mt-0[data-v-289848ae]{margin-top:0rem}.mt-0-half[data-v-289848ae]{margin-top:.125rem}.mt-1[data-v-289848ae]{margin-top:.25rem}.mt-1-half[data-v-289848ae]{margin-top:.375rem}.mt-2[data-v-289848ae]{margin-top:.5rem}.mt-2-half[data-v-289848ae]{margin-top:.625rem}.mt-3[data-v-289848ae]{margin-top:.75rem}.mt-4[data-v-289848ae]{margin-top:1rem}.mt-5[data-v-289848ae]{margin-top:1.25rem}.mt-6[data-v-289848ae]{margin-top:1.5rem}.mt-7[data-v-289848ae]{margin-top:1.75rem}.mt-8[data-v-289848ae]{margin-top:2rem}.mt-10[data-v-289848ae]{margin-top:2.5rem}.mr-auto[data-v-289848ae]{margin-right:auto}.mr-0[data-v-289848ae]{margin-right:0rem}.mr-0-half[data-v-289848ae]{margin-right:.125rem}.mr-1[data-v-289848ae]{margin-right:.25rem}.mr-1-half[data-v-289848ae]{margin-right:.375rem}.mr-2[data-v-289848ae]{margin-right:.5rem}.mr-2-half[data-v-289848ae]{margin-right:.625rem}.mr-3[data-v-289848ae]{margin-right:.75rem}.mr-4[data-v-289848ae]{margin-right:1rem}.mr-5[data-v-289848ae]{margin-right:1.25rem}.mr-6[data-v-289848ae]{margin-right:1.5rem}.mr-7[data-v-289848ae]{margin-right:1.75rem}.mr-8[data-v-289848ae]{margin-right:2rem}.mr-10[data-v-289848ae]{margin-right:2.5rem}.mb-0[data-v-289848ae]{margin-bottom:0rem}.mb-0-half[data-v-289848ae]{margin-bottom:.125rem}.mb-1[data-v-289848ae]{margin-bottom:.25rem}.mb-1-half[data-v-289848ae]{margin-bottom:.375rem}.mb-2[data-v-289848ae]{margin-bottom:.5rem}.mb-2-half[data-v-289848ae]{margin-bottom:.625rem}.mb-3[data-v-289848ae]{margin-bottom:.75rem}.mb-4[data-v-289848ae]{margin-bottom:1rem}.mb-5[data-v-289848ae]{margin-bottom:1.25rem}.mb-6[data-v-289848ae]{margin-bottom:1.5rem}.mb-7[data-v-289848ae]{margin-bottom:1.75rem}.mb-8[data-v-289848ae]{margin-bottom:2rem}.mb-10[data-v-289848ae]{margin-bottom:2.5rem}.ml-auto[data-v-289848ae]{margin-left:auto}.ml-0[data-v-289848ae]{margin-left:0rem}.ml-0-half[data-v-289848ae]{margin-left:.125rem}.ml-1[data-v-289848ae]{margin-left:.25rem}.ml-1-half[data-v-289848ae]{margin-left:.375rem}.ml-2[data-v-289848ae]{margin-left:.5rem}.ml-2-half[data-v-289848ae]{margin-left:.625rem}.ml-3[data-v-289848ae]{margin-left:.75rem}.ml-4[data-v-289848ae]{margin-left:1rem}.ml-5[data-v-289848ae]{margin-left:1.25rem}.ml-6[data-v-289848ae]{margin-left:1.5rem}.ml-7[data-v-289848ae]{margin-left:1.75rem}.ml-8[data-v-289848ae]{margin-left:2rem}.ml-10[data-v-289848ae]{margin-left:2.5rem}.shadow--card[data-v-289848ae],.sam-sidebar[data-v-289848ae]{box-shadow:0 1px 6px #444b5508;box-shadow:0 1px 10px #444b5508}.shadow--notification[data-v-289848ae]{box-shadow:0 1px 4px 2px #9194981f}.shadow--dropdown[data-v-289848ae]{box-shadow:0 0 8px 3px #696c7212;box-shadow:0 1px 4px #696c7226}.shadow--top-navigation[data-v-289848ae]{box-shadow:0 4px 6px #0000001a}.shadow--modal[data-v-289848ae]{box-shadow:0 10px 10px 2px #444b5521;box-shadow:0 5px 28px #444b5529}.elevation--neg[data-v-289848ae]{z-index:-1}.elevation--0[data-v-289848ae]{z-index:0}.elevation--1[data-v-289848ae]{z-index:1}.elevation--2[data-v-289848ae]{z-index:10}.elevation--3[data-v-289848ae],.sam-sidebar[data-v-289848ae]{z-index:100}.elevation--4[data-v-289848ae]{z-index:1000}@keyframes old-skeleton-blink-289848ae{50%{opacity:.3}}@keyframes skeleton-blink-289848ae{50%{background-color:#e7e7e8}}@keyframes skeleton-blink-dark-289848ae{50%{background-color:#c8c9f3}}@keyframes color-blink-289848ae{50%{color:#919498}}.icons-section[data-v-289848ae]{padding-bottom:32px;margin-bottom:32px;border-bottom:1px solid #343941}.icons-row[data-v-289848ae]{display:grid;grid-template-columns:4fr 32px 1fr 32px;align-items:center;grid-gap:32px;cursor:pointer;margin:16px auto}.icons-row h6[data-v-289848ae]:hover{text-decoration:underline}.icons-row p[data-v-289848ae]{text-align:right}.images-container[data-v-289848ae]{display:grid;grid-template-columns:1fr 50%;gap:1rem}.images-wrapper[data-v-289848ae]{display:grid;gap:.5rem;background-color:#fff;padding:.5rem;text-align:center}.images-wrapper h6[data-v-289848ae]:hover{text-decoration:underline}.radio-group-wrapper[data-v-289848ae]{padding:2rem;background-color:#fff;box-shadow:0 1px 2px #818489}.sam-sidebar__wrapper[data-v-289848ae],.sam-sidebar__wrapper[data-v-289848ae]>*{z-index:1000}.fade-enter-active[data-v-289848ae],.fade-leave-active[data-v-289848ae]{transition:opacity .2s}.fade-enter[data-v-289848ae],.fade-leave-to[data-v-289848ae]{opacity:0}.slideFromRight-enter-active[data-v-289848ae],.slideFromRight-leave-active[data-v-289848ae]{transform:unset;transition:transform .2s}.slideFromRight-enter[data-v-289848ae],.slideFromRight-leave-to[data-v-289848ae]{transform:translate(100%)}.slideFromLeft-enter-active[data-v-289848ae],.slideFromLeft-leave-active[data-v-289848ae]{transform:unset;transition:transform .2s}.slideFromLeft-enter[data-v-289848ae],.slideFromLeft-leave-to[data-v-289848ae]{transform:translate(-100%)}.sam-sidebar__overlay[data-v-289848ae]{cursor:pointer;width:100%;height:100%;position:fixed;top:0;left:0;background-color:#000c}.sam-sidebar[data-v-289848ae]{position:fixed;top:0;bottom:0;background-color:#f7f7f7;width:50%;max-width:712px;overflow-y:auto;overflow-x:hidden}.sam-sidebar.is-left[data-v-289848ae]{border-right:.06rem solid #E7E7E8;left:0}.sam-sidebar.is-right[data-v-289848ae]{border-left:.06rem solid #E7E7E8;right:0}@media only screen and (max-width: 48em){.sam-sidebar[data-v-289848ae]{width:100%;max-width:100%}}

package/storybook-static/assets/SamSidebar.stories-DuncwaCR.js ADDED Viewed

@@ -0,0 +1,52 @@
+import{l as m,u}from"./index-CD04Zvp4.js";import{o as l,c as d,u as c,w as f,T as p,p as b,v as E,n as B,r as k}from"./vue.esm-bundler-D2bhyrl5.js";import{_ as O}from"./_plugin-vue_export-helper-DlAUqK2U.js";import{a as C}from"./assetListHelper-BoTLHeWH.js";import{S as w}from"./SamButton-Dqr2HjBQ.js";let n;const y={name:"SamSidebar",emits:["close"],props:{isOpen:{type:Boolean,default:!1,required:!1},position:{type:String,required:!1,default:"right",validator(t){return["right","left"].includes(t)}},compact:{type:Boolean,required:!1,default:!1}},computed:{sidebarClassObject(){return{"is-right":this.position==="right","is-left":this.position==="left","not-compact":!this.compact}},slideAnimation(){return this.position==="right"?"slideFromRight":"slideFromLeft"}},mounted(){this.isOpen&&(m(),this.focusSidebar(),document.addEventListener("keydown",this.handleKeyDown))},beforeUnmount(){document.removeEventListener("keydown",this.handleKeyDown)},unmounted(){n&&n.focus(),u()},methods:{beforeSidebarOpen(){n=document.activeElement,m()},sidebarOpening(){this.focusSidebar(),document.addEventListener("keydown",this.handleKeyDown)},beforeSidebarClose(){document.removeEventListener("keydown",this.handleKeyDown),n&&n.focus()},afterSidebarClose(){u()},getFocusableElements(){return Array.from(this.$refs.sidebar.querySelectorAll('button:enabled:not(.is-icon), [href], input:enabled, select:enabled, textarea:enabled, [contenteditable], [tabindex]:not([tabindex="-1"]):not([disabled])'))},focusSidebar(){const t=this.$refs.sidebar.querySelector("[autofocus]");if(t){t.focus();return}const e=this.getFocusableElements();if(!e.length){this.$refs.sidebar.focus();return}e[0].focus()},handleKeyDown(t){if(t.key==="Escape"||t.key==="Esc"){this.$emit("close");return}if(t.key==="Tab"){const e=this.getFocusableElements();if(!e.length){t.preventDefault(),this.$refs.sidebar.focus();return}const o=e[0],i=e[e.length-1];if(t.shiftKey&&document.activeElement===o){t.preventDefault(),i.focus();return}!t.shiftKey&&document.activeElement===i&&(t.preventDefault(),o.focus())}}}},_={class:"sam-sidebar__wrapper","data-samora":""};function F(t,e,o,i,q,a){return l(),d("div",_,[c(p,{name:"fade"},{default:f(()=>[o.isOpen?(l(),d("div",{key:0,class:"sam-sidebar__overlay elevation--2",onClick:e[0]||(e[0]=r=>t.$emit("close"))})):b("",!0)]),_:1}),c(p,{name:a.slideAnimation,onBeforeEnter:e[1]||(e[1]=r=>a.beforeSidebarOpen()),onEnter:e[2]||(e[2]=r=>a.sidebarOpening()),onBeforeLeave:e[3]||(e[3]=r=>a.beforeSidebarClose()),onAfterLeave:e[4]||(e[4]=r=>a.afterSidebarClose())},{default:f(()=>[o.isOpen?(l(),d("div",{key:0,ref:"sidebar",class:E(["sam-sidebar",a.sidebarClassObject]),role:"dialog",tabindex:"0"},[B(t.$slots,"default",{},void 0,!0)],2)):b("",!0)]),_:3},8,["name"])])}const v=O(y,[["render",F],["__scopeId","data-v-289848ae"]]);y.__docgenInfo={displayName:"SamSidebar",exportName:"default",description:"",tags:{},props:[{name:"isOpen",description:"If the sidebar is open or not",tags:{},values:["true","false"],type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}},{name:"position",description:"Which side the sidebar opens from",tags:{},values:["right","left"],type:{name:"string"},required:!1,defaultValue:{func:!1,value:"'right'"}},{name:"compact",description:"If the card should be compact (i.e., no outer padding)",tags:{},values:["true","false"],type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}}],events:[{name:"close",description:`Triggered when the user triggered the intent to close like the ESCAPE key or outside
+of the sidebar area`}],slots:[{name:"default"}],sourceFiles:["/Users/michelafederico/WebstormProjects/Unbabel/samora/vue3-components/src/components/Organisms/SamSidebar/SamSidebar.vue"]};const T={component:v,parameters:{docs:{story:{iframeHeight:600}}},argTypes:{image:{control:"select",options:C}}},s={name:"Sidebar",render:t=>({components:{SamSidebar:v,SamButton:w},setup(){let e=k(!1);return{args:t,open:e}},template:`
+    <SamButton @click='open = true' label='Open Sidebar'></SamButton>
+    <SamSidebar :is-open="open" @close='open = false'>
+        <h2>Sidebar title</h2>
+        <div>
+        <p style='line-height: 1.5; padding-bottom: 1rem;'>This is the default Sidebar</p>
+            <p style='line-height: 1.5; padding-bottom: 1rem;'>Cool features to go through:</p>
+            <p style='line-height: 1.5; padding-bottom: 1rem;'>Notice how your scroll is locked</p>
+            <p style='line-height: 1.5; padding-bottom: 1rem;'>Try using TAB to cycle through each focusable element</p>
+            <p style='line-height: 1.5; padding-bottom: 1rem;'>Press ESCAPE or click outside to close it</p>
+            <SamButton style='margin-bottom: 1rem;' label='WOW'></SamButton>
+            <SamButton style='margin-bottom: 1rem;' label='FOCUS'></SamButton>
+            <SamButton style='margin-bottom: 1rem;' label='ME'></SamButton>
+            <SamButton @click='open = false' label='Interesting'></SamButton>
+        </div>
+    </SamSidebar>
+    `})};var h,S,g;s.parameters={...s.parameters,docs:{...(h=s.parameters)==null?void 0:h.docs,source:{originalSource:`{
+  name: "Sidebar",
+  render: args => ({
+    components: {
+      SamSidebar,
+      SamButton
+    },
+    setup() {
+      let open = ref(false);
+      return {
+        args,
+        open
+      };
+    },
+    template: \`
+    <SamButton @click='open = true' label='Open Sidebar'></SamButton>
+    <SamSidebar :is-open="open" @close='open = false'>
+        <h2>Sidebar title</h2>
+        <div>
+        <p style='line-height: 1.5; padding-bottom: 1rem;'>This is the default Sidebar</p>
+            <p style='line-height: 1.5; padding-bottom: 1rem;'>Cool features to go through:</p>
+            <p style='line-height: 1.5; padding-bottom: 1rem;'>Notice how your scroll is locked</p>
+            <p style='line-height: 1.5; padding-bottom: 1rem;'>Try using TAB to cycle through each focusable element</p>
+            <p style='line-height: 1.5; padding-bottom: 1rem;'>Press ESCAPE or click outside to close it</p>
+            <SamButton style='margin-bottom: 1rem;' label='WOW'></SamButton>
+            <SamButton style='margin-bottom: 1rem;' label='FOCUS'></SamButton>
+            <SamButton style='margin-bottom: 1rem;' label='ME'></SamButton>
+            <SamButton @click='open = false' label='Interesting'></SamButton>
+        </div>
+    </SamSidebar>
+    \`
+  })
+}`,...(g=(S=s.parameters)==null?void 0:S.docs)==null?void 0:g.source}}};const A=["Sidebar"],N=Object.freeze(Object.defineProperty({__proto__:null,Sidebar:s,__namedExportsOrder:A,default:T},Symbol.toStringTag,{value:"Module"}));export{N as S,s as a};

package/storybook-static/assets/SamSidebarManager-DhjENdhU.js ADDED Viewed

@@ -0,0 +1,69 @@
+import{j as e}from"./jsx-runtime-CsGkrc1M.js";import{useMDXComponents as o}from"./index-B8OuUyW_.js";import"./index-lToYTJ1z.js";import"./_commonjsHelpers-Cpj98o6Y.js";function i(a){const n={code:"code",h3:"h3",p:"p",pre:"pre",...o(),...a.components};return e.jsxs(e.Fragment,{children:[e.jsx(n.h3,{id:"samsidebarmanager-component-examples",children:"SamSidebarManager component examples"}),`
+`,e.jsx(n.p,{children:`As you might have noticed this component library has a Sidebar component avaliable for you to use. However, if you have
+created multiple sidebars in a medium to large scale app, you have probably experienced some struggles just using simple
+boolean flags to control the visibility of said sidebars.`}),`
+`,e.jsx(n.p,{children:"Let's image you have three sidebars in the same page. Your code will probably look somewhat familiar to this:"}),`
+`,e.jsx(n.pre,{children:e.jsx(n.code,{className:"language-js",children:`const isFirstSidebarOpen = false;
+const isSecondSidebarOpen = false;
+const isThirdSidebarOpen = false;
+<SamSidebar :is-open="isFirstSidebarOpen" @close="isFirstSidebarOpen = false">
+  <!-- First Sidebar Layout -->
+</SamSidebar>
+<SamSidebar :is-open="isSecondSidebarOpen" @close="isSecondSidebarOpen = false">
+  <!-- Second Sidebar Layout -->
+</SamSidebar>
+<SamSidebar :is-open="isThirdSidebarOpen" @close="isThirdSidebarOpen = false">
+  <!-- Third Sidebar Layout -->
+</SamSidebar>
+`})}),`
+`,e.jsx(n.p,{children:`You can see how the size of the sidebars layout will very quickly polute your HTML templates and make things harder to
+maintain. Another problem that arises from this logic is that you will have Sidebar logic mixed with other components.
+The lack of separation of concerns will eventually become a pain.`}),`
+`,e.jsx(n.p,{children:"A Sidebar manager is useful to solve these problems and make the usage of sidebars a more delightful experience."}),`
+`,e.jsx(n.p,{children:`From a first principles point of view we want to able to open and close sidebars and to pass content inside. That's the
+scope of the Sidebar manager.`}),`
+`,e.jsxs(n.p,{children:[`When using the Sidebar manager we recommend you to think of the Sidebar component has a canvas that can render a layout
+component inside. This layout component will not need to handle the Sidebar logic (only the closing part, if you have an
+action inside to close the Sidebar). This frees you by allowing the developer to have a specific `,e.jsx(n.code,{children:"sidebars"}),` folder where
+you can have all these layouts isolated.`]}),`
+`,e.jsx(n.p,{children:"Let's take a look at a real example on how to implement the Sidebar manager in your app."}),`
+`,e.jsxs(n.p,{children:[`1 - Find the earliest possible entry point in the DOM tree and register the SidebarManager component there. Most of the
+times this will be located in your `,e.jsx(n.code,{children:"src/App.vue"})]}),`
+`,e.jsx(n.pre,{children:e.jsx(n.code,{className:"language-js",children:`<template>
+  <section>
+    <router-view />
+    <SamSidebarManager />
+  </section>
+</template>
+<script>
+import { SamSidebarManager } from '@unbabel/ui';
+export default {
+  name: 'App',
+  components: {
+    SamSidebarManager,
+  },
+}
+<\/script>
+`})}),`
+`,e.jsx(n.p,{children:`2 - Now whenever you want to open a sidebar you only need to dispatch an event to Samora's event bus and everything will
+be taken care of for you.`}),`
+`,e.jsx(n.pre,{children:e.jsx(n.code,{className:"language-js",children:`import { SAMORA_EVENTS, EventBus } from '@unbabel/ui';
+import ComponentInsideSidebar from '@/src/components/sidebars/ComponentInsideSidebar.vue';
+function openSidebar() {
+	EventBus.emit(SAMORA_EVENTS.OPEN_SIDEBAR, {
+		component: ComponentInsideSidebar,
+		props: {
+			data: 'These will be passed to ComponentInsideSidebar'
+		}
+	})
+}
+function closeSidebar() {
+	EventBus.emit(SAMORA_EVENTS.CLOSE_SIDEBAR)
+}
+<SamButton label="Open Sidebar" @click="openSidebar" />
+`})})]})}function l(a={}){const{wrapper:n}={...o(),...a.components};return n?e.jsx(n,{...a,children:e.jsx(i,{...a})}):i(a)}export{l as default};

package/storybook-static/assets/SamStepper-CDkusuzW.css ADDED Viewed

@@ -0,0 +1 @@

+ .text--overline[data-v-96dc1679]{font-style:normal;text-transform:none;font-family:Avenir Next World,Avenir,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;font-size:.625rem;line-height:1.125rem;font-weight:500;text-transform:uppercase;letter-spacing:.08rem}.text--caption--mini[data-v-96dc1679]{font-style:normal;text-transform:none;font-family:Avenir Next World,Avenir,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;font-size:.375rem;line-height:.5rem;font-weight:600;text-transform:uppercase;letter-spacing:.025rem}.text--caption[data-v-96dc1679],.sam-stepper .sam-stepper__items-container .sam-stepper__item.is-active~.sam-stepper__item .step-number[data-v-96dc1679],.sam-stepper .sam-stepper__items-container .sam-stepper__item .step-number[data-v-96dc1679],.sam-stepper .sam-stepper__items-container .sam-stepper__item .step-caption[data-v-96dc1679]{font-style:normal;text-transform:none;font-family:Avenir Next World,Avenir,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;font-size:.75rem;line-height:1.25rem;font-weight:400}.text--caption--medium[data-v-96dc1679]{font-style:normal;text-transform:none;font-family:Avenir Next World,Avenir,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;font-size:.75rem;line-height:1.25rem;font-weight:500}.text--caption--demi[data-v-96dc1679]{font-style:normal;text-transform:none;font-family:Avenir Next World,Avenir,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;font-size:.75rem;line-height:1.25rem;font-weight:600}.text--button[data-v-96dc1679],.text--title[data-v-96dc1679]{font-style:normal;text-transform:none;font-family:Avenir Next World,Avenir,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;font-size:1rem;line-height:1.5rem;font-weight:600}.text--body-1[data-v-96dc1679]{font-style:normal;text-transform:none;font-family:Avenir Next World,Avenir,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;font-size:1rem;line-height:1.5rem;font-weight:400}.text--body-1--medium[data-v-96dc1679]{font-style:normal;text-transform:none;font-family:Avenir Next World,Avenir,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;font-size:1rem;line-height:1.5rem;font-weight:500}.text--body-2[data-v-96dc1679],.sam-stepper .sam-stepper__items-container .sam-stepper__item .step-label[data-v-96dc1679]{font-style:normal;text-transform:none;font-family:Avenir Next World,Avenir,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;font-size:.875rem;line-height:1.375rem;font-weight:400}.text--body-2--medium[data-v-96dc1679]{font-style:normal;text-transform:none;font-family:Avenir Next World,Avenir,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;font-size:.875rem;line-height:1.375rem;font-weight:500}.text--body-3[data-v-96dc1679]{font-style:normal;text-transform:none;font-family:Avenir Next World,Avenir,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;font-size:.625rem;line-height:1.125rem;font-weight:600}.text--subtitle[data-v-96dc1679],.sam-stepper .sam-stepper__items-container .sam-stepper__item.is-active .step-label[data-v-96dc1679]{font-style:normal;text-transform:none;font-family:Avenir Next World,Avenir,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;font-size:.875rem;line-height:1.375rem;font-weight:600}h6[data-v-96dc1679]{font-style:normal;text-transform:none;font-family:Avenir Next World,Avenir,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;font-size:1rem;line-height:1.5rem;font-weight:600}h5[data-v-96dc1679]{font-style:normal;text-transform:none;font-family:Avenir Next World,Avenir,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;font-size:1.25rem;line-height:1.75rem;font-weight:600}h4[data-v-96dc1679]{font-style:normal;text-transform:none;font-family:Avenir Next World,Avenir,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;font-size:1.5rem;line-height:2rem;font-weight:600}h3[data-v-96dc1679]{font-style:normal;text-transform:none;font-family:Avenir Next World,Avenir,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;font-size:1.75rem;line-height:2.25rem;font-weight:600}h2[data-v-96dc1679]{font-style:normal;text-transform:none;font-family:Avenir Next World,Avenir,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;font-size:2rem;line-height:2.5rem;font-weight:600}h1[data-v-96dc1679]{font-style:normal;text-transform:none;font-family:Avenir Next World,Avenir,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;font-size:2.25rem;line-height:2.75rem;font-weight:600}.text--ellipse[data-v-96dc1679]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.text-center[data-v-96dc1679]{text-align:center}.text--bold[data-v-96dc1679]{font-weight:600}.text--primary[data-v-96dc1679]{color:#3843d0}.text--secondary[data-v-96dc1679]{color:#9152ae}.text--success[data-v-96dc1679]{color:#1a8752}.text--error[data-v-96dc1679]{color:#e90c37}.text--warning[data-v-96dc1679]{color:#eb611c}.text--light[data-v-96dc1679]{color:#696c72}.text--black[data-v-96dc1679]{color:#000}.text--white[data-v-96dc1679]{color:#fff}.w-100[data-v-96dc1679]{width:100%}.h-100[data-v-96dc1679]{height:100%}.d-block[data-v-96dc1679]{display:block}.d-inline[data-v-96dc1679]{display:inline}.d-inline-block[data-v-96dc1679]{display:inline-block}.d-flex[data-v-96dc1679],.sam-stepper .sam-stepper__items-container .sam-stepper__item .step-number[data-v-96dc1679],.sam-stepper .sam-stepper__items-container[data-v-96dc1679]{display:flex}.d-inline-flex[data-v-96dc1679]{display:inline-flex}.d-none[data-v-96dc1679]{display:none}.wrap-flex[data-v-96dc1679],.sam-stepper .sam-stepper__items-container[data-v-96dc1679]{flex-wrap:wrap}.flex-center[data-v-96dc1679],.items-center[data-v-96dc1679],.sam-stepper .sam-stepper__items-container .sam-stepper__item .step-number[data-v-96dc1679]{align-items:center}.flex-start[data-v-96dc1679],.items-start[data-v-96dc1679]{align-items:flex-start}.flex-end[data-v-96dc1679],.items-end[data-v-96dc1679]{align-items:flex-end}.flex-baseline[data-v-96dc1679],.items-baseline[data-v-96dc1679]{align-items:baseline}.justify-center[data-v-96dc1679]{justify-content:center}.justify-start[data-v-96dc1679]{justify-content:flex-start}.justify-end[data-v-96dc1679]{justify-content:flex-end}.justify-between[data-v-96dc1679]{justify-content:space-between}.flex-column[data-v-96dc1679]{flex-direction:column}.gap-0[data-v-96dc1679]{gap:0rem}.gap-1[data-v-96dc1679]{gap:.25rem}.gap-1-half[data-v-96dc1679]{gap:.375rem}.gap-2[data-v-96dc1679]{gap:.5rem}.gap-3[data-v-96dc1679]{gap:.75rem}.gap-4[data-v-96dc1679]{gap:1rem}.gap-5[data-v-96dc1679]{gap:1.25rem}.gap-6[data-v-96dc1679]{gap:1.5rem}.gap-7[data-v-96dc1679]{gap:1.75rem}.gap-8[data-v-96dc1679]{gap:2rem}.gap-10[data-v-96dc1679]{gap:2.5rem}.grow[data-v-96dc1679]{flex-grow:1}.grow-0[data-v-96dc1679]{flex-grow:0}.container-fluid[data-v-96dc1679],.container[data-v-96dc1679]{margin-right:auto;margin-left:auto}.container-fluid[data-v-96dc1679]{padding-right:1rem;padding-left:1rem}.row[data-v-96dc1679]{box-sizing:border-box;display:flex;flex:0 1 auto;flex-direction:row;flex-wrap:wrap;margin-right:-.5rem;margin-left:-.5rem}.row.reverse[data-v-96dc1679]{flex-direction:row-reverse}.col.reverse[data-v-96dc1679]{flex-direction:column-reverse}.col-xs[data-v-96dc1679],.col-xs-1[data-v-96dc1679],.col-xs-2[data-v-96dc1679],.col-xs-3[data-v-96dc1679],.col-xs-4[data-v-96dc1679],.col-xs-5[data-v-96dc1679],.col-xs-6[data-v-96dc1679],.col-xs-7[data-v-96dc1679],.col-xs-8[data-v-96dc1679],.col-xs-9[data-v-96dc1679],.col-xs-10[data-v-96dc1679],.col-xs-11[data-v-96dc1679],.col-xs-12[data-v-96dc1679],.col-xs-offset-0[data-v-96dc1679],.col-xs-offset-1[data-v-96dc1679],.col-xs-offset-2[data-v-96dc1679],.col-xs-offset-3[data-v-96dc1679],.col-xs-offset-4[data-v-96dc1679],.col-xs-offset-5[data-v-96dc1679],.col-xs-offset-6[data-v-96dc1679],.col-xs-offset-7[data-v-96dc1679],.col-xs-offset-8[data-v-96dc1679],.col-xs-offset-9[data-v-96dc1679],.col-xs-offset-10[data-v-96dc1679],.col-xs-offset-11[data-v-96dc1679],.col-xs-offset-12[data-v-96dc1679]{box-sizing:border-box;flex:0 0 auto;padding-right:.5rem;padding-left:.5rem}.col-xs[data-v-96dc1679]{flex-grow:1;flex-basis:0;max-width:100%}.col-xs-1[data-v-96dc1679]{flex-basis:8.33333333%;max-width:8.33333333%}.col-xs-2[data-v-96dc1679]{flex-basis:16.66666667%;max-width:16.66666667%}.col-xs-3[data-v-96dc1679]{flex-basis:25%;max-width:25%}.col-xs-4[data-v-96dc1679]{flex-basis:33.33333333%;max-width:33.33333333%}.col-xs-5[data-v-96dc1679]{flex-basis:41.66666667%;max-width:41.66666667%}.col-xs-6[data-v-96dc1679]{flex-basis:50%;max-width:50%}.col-xs-7[data-v-96dc1679]{flex-basis:58.33333333%;max-width:58.33333333%}.col-xs-8[data-v-96dc1679]{flex-basis:66.66666667%;max-width:66.66666667%}.col-xs-9[data-v-96dc1679]{flex-basis:75%;max-width:75%}.col-xs-10[data-v-96dc1679]{flex-basis:83.33333333%;max-width:83.33333333%}.col-xs-11[data-v-96dc1679]{flex-basis:91.66666667%;max-width:91.66666667%}.col-xs-12[data-v-96dc1679]{flex-basis:100%;max-width:100%}.col-xs-offset-0[data-v-96dc1679]{margin-left:0}.col-xs-offset-1[data-v-96dc1679]{margin-left:8.33333333%}.col-xs-offset-2[data-v-96dc1679]{margin-left:16.66666667%}.col-xs-offset-3[data-v-96dc1679]{margin-left:25%}.col-xs-offset-4[data-v-96dc1679]{margin-left:33.33333333%}.col-xs-offset-5[data-v-96dc1679]{margin-left:41.66666667%}.col-xs-offset-6[data-v-96dc1679]{margin-left:50%}.col-xs-offset-7[data-v-96dc1679]{margin-left:58.33333333%}.col-xs-offset-8[data-v-96dc1679]{margin-left:66.66666667%}.col-xs-offset-9[data-v-96dc1679]{margin-left:75%}.col-xs-offset-10[data-v-96dc1679]{margin-left:83.33333333%}.col-xs-offset-11[data-v-96dc1679]{margin-left:91.66666667%}.start-xs[data-v-96dc1679]{justify-content:flex-start;text-align:start}.center-xs[data-v-96dc1679],.sam-stepper .sam-stepper__items-container .sam-stepper__item .step-number[data-v-96dc1679]{justify-content:center;text-align:center}.end-xs[data-v-96dc1679]{justify-content:flex-end;text-align:end}.top-xs[data-v-96dc1679]{align-items:flex-start}.middle-xs[data-v-96dc1679]{align-items:center}.bottom-xs[data-v-96dc1679]{align-items:flex-end}.around-xs[data-v-96dc1679]{justify-content:space-around}.between-xs[data-v-96dc1679]{justify-content:space-between}.first-xs[data-v-96dc1679]{order:-1}.last-xs[data-v-96dc1679]{order:1}@media only screen and (min-width: 48rem){.container[data-v-96dc1679]{width:48rem}.col-sm[data-v-96dc1679],.col-sm-1[data-v-96dc1679],.col-sm-2[data-v-96dc1679],.col-sm-3[data-v-96dc1679],.col-sm-4[data-v-96dc1679],.col-sm-5[data-v-96dc1679],.col-sm-6[data-v-96dc1679],.col-sm-7[data-v-96dc1679],.col-sm-8[data-v-96dc1679],.col-sm-9[data-v-96dc1679],.col-sm-10[data-v-96dc1679],.col-sm-11[data-v-96dc1679],.col-sm-12[data-v-96dc1679],.col-sm-offset-0[data-v-96dc1679],.col-sm-offset-1[data-v-96dc1679],.col-sm-offset-2[data-v-96dc1679],.col-sm-offset-3[data-v-96dc1679],.col-sm-offset-4[data-v-96dc1679],.col-sm-offset-5[data-v-96dc1679],.col-sm-offset-6[data-v-96dc1679],.col-sm-offset-7[data-v-96dc1679],.col-sm-offset-8[data-v-96dc1679],.col-sm-offset-9[data-v-96dc1679],.col-sm-offset-10[data-v-96dc1679],.col-sm-offset-11[data-v-96dc1679],.col-sm-offset-12[data-v-96dc1679]{box-sizing:border-box;flex:0 0 auto;padding-right:.5rem;padding-left:.5rem}.col-sm[data-v-96dc1679]{flex-grow:1;flex-basis:0;max-width:100%}.col-sm-1[data-v-96dc1679]{flex-basis:8.33333333%;max-width:8.33333333%}.col-sm-2[data-v-96dc1679]{flex-basis:16.66666667%;max-width:16.66666667%}.col-sm-3[data-v-96dc1679]{flex-basis:25%;max-width:25%}.col-sm-4[data-v-96dc1679]{flex-basis:33.33333333%;max-width:33.33333333%}.col-sm-5[data-v-96dc1679]{flex-basis:41.66666667%;max-width:41.66666667%}.col-sm-6[data-v-96dc1679]{flex-basis:50%;max-width:50%}.col-sm-7[data-v-96dc1679]{flex-basis:58.33333333%;max-width:58.33333333%}.col-sm-8[data-v-96dc1679]{flex-basis:66.66666667%;max-width:66.66666667%}.col-sm-9[data-v-96dc1679]{flex-basis:75%;max-width:75%}.col-sm-10[data-v-96dc1679]{flex-basis:83.33333333%;max-width:83.33333333%}.col-sm-11[data-v-96dc1679]{flex-basis:91.66666667%;max-width:91.66666667%}.col-sm-12[data-v-96dc1679]{flex-basis:100%;max-width:100%}.col-sm-offset-0[data-v-96dc1679]{margin-left:0}.col-sm-offset-1[data-v-96dc1679]{margin-left:8.33333333%}.col-sm-offset-2[data-v-96dc1679]{margin-left:16.66666667%}.col-sm-offset-3[data-v-96dc1679]{margin-left:25%}.col-sm-offset-4[data-v-96dc1679]{margin-left:33.33333333%}.col-sm-offset-5[data-v-96dc1679]{margin-left:41.66666667%}.col-sm-offset-6[data-v-96dc1679]{margin-left:50%}.col-sm-offset-7[data-v-96dc1679]{margin-left:58.33333333%}.col-sm-offset-8[data-v-96dc1679]{margin-left:66.66666667%}.col-sm-offset-9[data-v-96dc1679]{margin-left:75%}.col-sm-offset-10[data-v-96dc1679]{margin-left:83.33333333%}.col-sm-offset-11[data-v-96dc1679]{margin-left:91.66666667%}.start-sm[data-v-96dc1679]{justify-content:flex-start;text-align:start}.center-sm[data-v-96dc1679]{justify-content:center;text-align:center}.end-sm[data-v-96dc1679]{justify-content:flex-end;text-align:end}.top-sm[data-v-96dc1679]{align-items:flex-start}.middle-sm[data-v-96dc1679]{align-items:center}.bottom-sm[data-v-96dc1679]{align-items:flex-end}.around-sm[data-v-96dc1679]{justify-content:space-around}.between-sm[data-v-96dc1679]{justify-content:space-between}.first-sm[data-v-96dc1679]{order:-1}.last-sm[data-v-96dc1679]{order:1}}@media only screen and (min-width: 64rem){.container[data-v-96dc1679]{width:64rem}.col-md[data-v-96dc1679],.col-md-1[data-v-96dc1679],.col-md-2[data-v-96dc1679],.col-md-3[data-v-96dc1679],.col-md-4[data-v-96dc1679],.col-md-5[data-v-96dc1679],.col-md-6[data-v-96dc1679],.col-md-7[data-v-96dc1679],.col-md-8[data-v-96dc1679],.col-md-9[data-v-96dc1679],.col-md-10[data-v-96dc1679],.col-md-11[data-v-96dc1679],.col-md-12[data-v-96dc1679],.col-md-offset-0[data-v-96dc1679],.col-md-offset-1[data-v-96dc1679],.col-md-offset-2[data-v-96dc1679],.col-md-offset-3[data-v-96dc1679],.col-md-offset-4[data-v-96dc1679],.col-md-offset-5[data-v-96dc1679],.col-md-offset-6[data-v-96dc1679],.col-md-offset-7[data-v-96dc1679],.col-md-offset-8[data-v-96dc1679],.col-md-offset-9[data-v-96dc1679],.col-md-offset-10[data-v-96dc1679],.col-md-offset-11[data-v-96dc1679],.col-md-offset-12[data-v-96dc1679]{box-sizing:border-box;flex:0 0 auto;padding-right:.5rem;padding-left:.5rem}.col-md[data-v-96dc1679]{flex-grow:1;flex-basis:0;max-width:100%}.col-md-1[data-v-96dc1679]{flex-basis:8.33333333%;max-width:8.33333333%}.col-md-2[data-v-96dc1679]{flex-basis:16.66666667%;max-width:16.66666667%}.col-md-3[data-v-96dc1679]{flex-basis:25%;max-width:25%}.col-md-4[data-v-96dc1679]{flex-basis:33.33333333%;max-width:33.33333333%}.col-md-5[data-v-96dc1679]{flex-basis:41.66666667%;max-width:41.66666667%}.col-md-6[data-v-96dc1679]{flex-basis:50%;max-width:50%}.col-md-7[data-v-96dc1679]{flex-basis:58.33333333%;max-width:58.33333333%}.col-md-8[data-v-96dc1679]{flex-basis:66.66666667%;max-width:66.66666667%}.col-md-9[data-v-96dc1679]{flex-basis:75%;max-width:75%}.col-md-10[data-v-96dc1679]{flex-basis:83.33333333%;max-width:83.33333333%}.col-md-11[data-v-96dc1679]{flex-basis:91.66666667%;max-width:91.66666667%}.col-md-12[data-v-96dc1679]{flex-basis:100%;max-width:100%}.col-md-offset-0[data-v-96dc1679]{margin-left:0}.col-md-offset-1[data-v-96dc1679]{margin-left:8.33333333%}.col-md-offset-2[data-v-96dc1679]{margin-left:16.66666667%}.col-md-offset-3[data-v-96dc1679]{margin-left:25%}.col-md-offset-4[data-v-96dc1679]{margin-left:33.33333333%}.col-md-offset-5[data-v-96dc1679]{margin-left:41.66666667%}.col-md-offset-6[data-v-96dc1679]{margin-left:50%}.col-md-offset-7[data-v-96dc1679]{margin-left:58.33333333%}.col-md-offset-8[data-v-96dc1679]{margin-left:66.66666667%}.col-md-offset-9[data-v-96dc1679]{margin-left:75%}.col-md-offset-10[data-v-96dc1679]{margin-left:83.33333333%}.col-md-offset-11[data-v-96dc1679]{margin-left:91.66666667%}.start-md[data-v-96dc1679]{justify-content:flex-start;text-align:start}.center-md[data-v-96dc1679]{justify-content:center;text-align:center}.end-md[data-v-96dc1679]{justify-content:flex-end;text-align:end}.top-md[data-v-96dc1679]{align-items:flex-start}.middle-md[data-v-96dc1679]{align-items:center}.bottom-md[data-v-96dc1679]{align-items:flex-end}.around-md[data-v-96dc1679]{justify-content:space-around}.between-md[data-v-96dc1679]{justify-content:space-between}.first-md[data-v-96dc1679]{order:-1}.last-md[data-v-96dc1679]{order:1}}@media only screen and (min-width: 75rem){.container[data-v-96dc1679]{width:75rem}.col-lg[data-v-96dc1679],.col-lg-1[data-v-96dc1679],.col-lg-2[data-v-96dc1679],.col-lg-3[data-v-96dc1679],.col-lg-4[data-v-96dc1679],.col-lg-5[data-v-96dc1679],.col-lg-6[data-v-96dc1679],.col-lg-7[data-v-96dc1679],.col-lg-8[data-v-96dc1679],.col-lg-9[data-v-96dc1679],.col-lg-10[data-v-96dc1679],.col-lg-11[data-v-96dc1679],.col-lg-12[data-v-96dc1679],.col-lg-offset-0[data-v-96dc1679],.col-lg-offset-1[data-v-96dc1679],.col-lg-offset-2[data-v-96dc1679],.col-lg-offset-3[data-v-96dc1679],.col-lg-offset-4[data-v-96dc1679],.col-lg-offset-5[data-v-96dc1679],.col-lg-offset-6[data-v-96dc1679],.col-lg-offset-7[data-v-96dc1679],.col-lg-offset-8[data-v-96dc1679],.col-lg-offset-9[data-v-96dc1679],.col-lg-offset-10[data-v-96dc1679],.col-lg-offset-11[data-v-96dc1679],.col-lg-offset-12[data-v-96dc1679]{box-sizing:border-box;flex:0 0 auto;padding-right:.5rem;padding-left:.5rem}.col-lg[data-v-96dc1679]{flex-grow:1;flex-basis:0;max-width:100%}.col-lg-1[data-v-96dc1679]{flex-basis:8.33333333%;max-width:8.33333333%}.col-lg-2[data-v-96dc1679]{flex-basis:16.66666667%;max-width:16.66666667%}.col-lg-3[data-v-96dc1679]{flex-basis:25%;max-width:25%}.col-lg-4[data-v-96dc1679]{flex-basis:33.33333333%;max-width:33.33333333%}.col-lg-5[data-v-96dc1679]{flex-basis:41.66666667%;max-width:41.66666667%}.col-lg-6[data-v-96dc1679]{flex-basis:50%;max-width:50%}.col-lg-7[data-v-96dc1679]{flex-basis:58.33333333%;max-width:58.33333333%}.col-lg-8[data-v-96dc1679]{flex-basis:66.66666667%;max-width:66.66666667%}.col-lg-9[data-v-96dc1679]{flex-basis:75%;max-width:75%}.col-lg-10[data-v-96dc1679]{flex-basis:83.33333333%;max-width:83.33333333%}.col-lg-11[data-v-96dc1679]{flex-basis:91.66666667%;max-width:91.66666667%}.col-lg-12[data-v-96dc1679]{flex-basis:100%;max-width:100%}.col-lg-offset-0[data-v-96dc1679]{margin-left:0}.col-lg-offset-1[data-v-96dc1679]{margin-left:8.33333333%}.col-lg-offset-2[data-v-96dc1679]{margin-left:16.66666667%}.col-lg-offset-3[data-v-96dc1679]{margin-left:25%}.col-lg-offset-4[data-v-96dc1679]{margin-left:33.33333333%}.col-lg-offset-5[data-v-96dc1679]{margin-left:41.66666667%}.col-lg-offset-6[data-v-96dc1679]{margin-left:50%}.col-lg-offset-7[data-v-96dc1679]{margin-left:58.33333333%}.col-lg-offset-8[data-v-96dc1679]{margin-left:66.66666667%}.col-lg-offset-9[data-v-96dc1679]{margin-left:75%}.col-lg-offset-10[data-v-96dc1679]{margin-left:83.33333333%}.col-lg-offset-11[data-v-96dc1679]{margin-left:91.66666667%}.start-lg[data-v-96dc1679]{justify-content:flex-start;text-align:start}.center-lg[data-v-96dc1679]{justify-content:center;text-align:center}.end-lg[data-v-96dc1679]{justify-content:flex-end;text-align:end}.top-lg[data-v-96dc1679]{align-items:flex-start}.middle-lg[data-v-96dc1679]{align-items:center}.bottom-lg[data-v-96dc1679]{align-items:flex-end}.around-lg[data-v-96dc1679]{justify-content:space-around}.between-lg[data-v-96dc1679]{justify-content:space-between}.first-lg[data-v-96dc1679]{order:-1}.last-lg[data-v-96dc1679]{order:1}}.p-0[data-v-96dc1679]{padding:0rem}.p-0-half[data-v-96dc1679]{padding:.125rem}.p-1[data-v-96dc1679]{padding:.25rem}.p-1-half[data-v-96dc1679]{padding:.375rem}.p-2[data-v-96dc1679]{padding:.5rem}.p-2-half[data-v-96dc1679]{padding:.625rem}.p-3[data-v-96dc1679]{padding:.75rem}.p-4[data-v-96dc1679]{padding:1rem}.p-5[data-v-96dc1679]{padding:1.25rem}.p-6[data-v-96dc1679]{padding:1.5rem}.p-7[data-v-96dc1679]{padding:1.75rem}.p-8[data-v-96dc1679]{padding:2rem}.p-10[data-v-96dc1679]{padding:2.5rem}.py-0[data-v-96dc1679]{padding-top:0rem;padding-bottom:0rem}.py-0-half[data-v-96dc1679]{padding-top:.125rem;padding-bottom:.125rem}.py-1[data-v-96dc1679]{padding-top:.25rem;padding-bottom:.25rem}.py-1-half[data-v-96dc1679]{padding-top:.375rem;padding-bottom:.375rem}.py-2-half[data-v-96dc1679]{padding-top:.625rem;padding-bottom:.625rem}.py-2[data-v-96dc1679]{padding-top:.5rem;padding-bottom:.5rem}.py-3[data-v-96dc1679]{padding-top:.75rem;padding-bottom:.75rem}.py-4[data-v-96dc1679]{padding-top:1rem;padding-bottom:1rem}.py-5[data-v-96dc1679]{padding-top:1.25rem;padding-bottom:1.25rem}.py-6[data-v-96dc1679]{padding-top:1.5rem;padding-bottom:1.5rem}.py-7[data-v-96dc1679]{padding-top:1.75rem;padding-bottom:1.75rem}.py-8[data-v-96dc1679]{padding-top:2rem;padding-bottom:2rem}.py-10[data-v-96dc1679]{padding-top:2.5rem;padding-bottom:2.5rem}.px-0[data-v-96dc1679]{padding-left:0rem;padding-right:0rem}.px-0-half[data-v-96dc1679]{padding-left:.125rem;padding-right:.125rem}.px-1[data-v-96dc1679]{padding-left:.25rem;padding-right:.25rem}.px-1-half[data-v-96dc1679]{padding-left:.375rem;padding-right:.375rem}.px-2[data-v-96dc1679],.sam-stepper .sam-stepper__items-container .sam-stepper__item[data-v-96dc1679]{padding-left:.5rem;padding-right:.5rem}.px-2-half[data-v-96dc1679]{padding-left:.625rem;padding-right:.625rem}.px-3[data-v-96dc1679]{padding-left:.75rem;padding-right:.75rem}.px-4[data-v-96dc1679]{padding-left:1rem;padding-right:1rem}.px-5[data-v-96dc1679]{padding-left:1.25rem;padding-right:1.25rem}.px-6[data-v-96dc1679]{padding-left:1.5rem;padding-right:1.5rem}.px-7[data-v-96dc1679]{padding-left:1.75rem;padding-right:1.75rem}.px-8[data-v-96dc1679]{padding-left:2rem;padding-right:2rem}.px-10[data-v-96dc1679]{padding-left:2.5rem;padding-right:2.5rem}.pt-0[data-v-96dc1679]{padding-top:0rem}.pt-0-half[data-v-96dc1679]{padding-top:.125rem}.pt-1[data-v-96dc1679]{padding-top:.25rem}.pt-1-half[data-v-96dc1679]{padding-top:.375rem}.pt-2[data-v-96dc1679]{padding-top:.5rem}.pt-2-half[data-v-96dc1679]{padding-top:.625rem}.pt-3[data-v-96dc1679]{padding-top:.75rem}.pt-4[data-v-96dc1679]{padding-top:1rem}.pt-5[data-v-96dc1679]{padding-top:1.25rem}.pt-6[data-v-96dc1679]{padding-top:1.5rem}.pt-7[data-v-96dc1679]{padding-top:1.75rem}.pt-8[data-v-96dc1679]{padding-top:2rem}.pt-10[data-v-96dc1679]{padding-top:2.5rem}.pr-auto[data-v-96dc1679]{padding-right:auto}.pr-0[data-v-96dc1679],.sam-stepper .sam-stepper__items-container .sam-stepper__item[data-v-96dc1679]:last-child{padding-right:0rem}.pr-0-half[data-v-96dc1679]{padding-right:.125rem}.pr-1[data-v-96dc1679]{padding-right:.25rem}.pr-1-half[data-v-96dc1679]{padding-right:.375rem}.pr-2[data-v-96dc1679]{padding-right:.5rem}.pr-2-half[data-v-96dc1679]{padding-right:.625rem}.pr-3[data-v-96dc1679]{padding-right:.75rem}.pr-4[data-v-96dc1679]{padding-right:1rem}.pr-5[data-v-96dc1679]{padding-right:1.25rem}.pr-6[data-v-96dc1679]{padding-right:1.5rem}.pr-7[data-v-96dc1679]{padding-right:1.75rem}.pr-8[data-v-96dc1679]{padding-right:2rem}.pr-10[data-v-96dc1679]{padding-right:2.5rem}.pb-0[data-v-96dc1679]{padding-bottom:0rem}.pb-0-half[data-v-96dc1679]{padding-bottom:.125rem}.pb-1[data-v-96dc1679]{padding-bottom:.25rem}.pb-1-half[data-v-96dc1679]{padding-bottom:.375rem}.pb-2[data-v-96dc1679]{padding-bottom:.5rem}.pb-2-half[data-v-96dc1679]{padding-bottom:.625rem}.pb-3[data-v-96dc1679]{padding-bottom:.75rem}.pb-4[data-v-96dc1679]{padding-bottom:1rem}.pb-5[data-v-96dc1679]{padding-bottom:1.25rem}.pb-6[data-v-96dc1679],.sam-stepper[data-v-96dc1679]{padding-bottom:1.5rem}.pb-8[data-v-96dc1679]{padding-bottom:2rem}.pb-7[data-v-96dc1679]{padding-bottom:1.75rem}.pb-10[data-v-96dc1679]{padding-bottom:2.5rem}.pl-auto[data-v-96dc1679]{padding-left:auto}.pl-0[data-v-96dc1679],.sam-stepper .sam-stepper__items-container .sam-stepper__item[data-v-96dc1679]:first-child{padding-left:0rem}.pl-0-half[data-v-96dc1679]{padding-left:.125rem}.pl-1[data-v-96dc1679]{padding-left:.25rem}.pl-1-half[data-v-96dc1679]{padding-left:.375rem}.pl-2[data-v-96dc1679]{padding-left:.5rem}.pl-2-half[data-v-96dc1679]{padding-left:.625rem}.pl-3[data-v-96dc1679]{padding-left:.75rem}.pl-4[data-v-96dc1679]{padding-left:1rem}.pl-5[data-v-96dc1679]{padding-left:1.25rem}.pl-6[data-v-96dc1679]{padding-left:1.5rem}.pl-7[data-v-96dc1679]{padding-left:1.75rem}.pl-8[data-v-96dc1679]{padding-left:2rem}.pl-10[data-v-96dc1679]{padding-left:2.5rem}.m-auto[data-v-96dc1679]{margin:auto}.m-0[data-v-96dc1679]{margin:0rem}.m-0-half[data-v-96dc1679]{margin:.125rem}.m-1[data-v-96dc1679]{margin:.25rem}.m-1-half[data-v-96dc1679]{margin:.375rem}.m-2[data-v-96dc1679]{margin:.5rem}.m-2-half[data-v-96dc1679]{margin:.625rem}.m-3[data-v-96dc1679]{margin:.75rem}.m-4[data-v-96dc1679]{margin:1rem}.m-5[data-v-96dc1679]{margin:1.25rem}.m-6[data-v-96dc1679]{margin:1.5rem}.m-7[data-v-96dc1679]{margin:1.75rem}.m-8[data-v-96dc1679]{margin:2rem}.m-10[data-v-96dc1679]{margin:2.5rem}.my-auto[data-v-96dc1679]{margin-top:auto;margin-bottom:auto}.my-0[data-v-96dc1679]{margin-top:0rem;margin-bottom:0rem}.my-0-half[data-v-96dc1679]{margin-top:.125rem;margin-bottom:.125rem}.my-1[data-v-96dc1679]{margin-top:.25rem;margin-bottom:.25rem}.my-1-half[data-v-96dc1679]{margin-top:.375rem;margin-bottom:.375rem}.my-2[data-v-96dc1679]{margin-top:.5rem;margin-bottom:.5rem}.my-2-half[data-v-96dc1679]{margin-top:.625rem;margin-bottom:.625rem}.my-3[data-v-96dc1679]{margin-top:.75rem;margin-bottom:.75rem}.my-4[data-v-96dc1679]{margin-top:1rem;margin-bottom:1rem}.my-5[data-v-96dc1679]{margin-top:1.25rem;margin-bottom:1.25rem}.my-6[data-v-96dc1679]{margin-top:1.5rem;margin-bottom:1.5rem}.my-7[data-v-96dc1679]{margin-top:1.75rem;margin-bottom:1.75rem}.my-8[data-v-96dc1679]{margin-top:2rem;margin-bottom:2rem}.my-10[data-v-96dc1679]{margin-top:2.5rem;margin-bottom:2.5rem}.mx-auto[data-v-96dc1679]{margin-left:auto;margin-right:auto}.mx-0[data-v-96dc1679]{margin-left:0rem;margin-right:0rem}.mx-0-half[data-v-96dc1679]{margin-left:.125rem;margin-right:.125rem}.mx-1[data-v-96dc1679]{margin-left:.25rem;margin-right:.25rem}.mx-1-half[data-v-96dc1679]{margin-left:.375rem;margin-right:.375rem}.mx-2[data-v-96dc1679]{margin-left:.5rem;margin-right:.5rem}.mx-2-half[data-v-96dc1679]{margin-left:.625rem;margin-right:.625rem}.mx-3[data-v-96dc1679]{margin-left:.75rem;margin-right:.75rem}.mx-4[data-v-96dc1679]{margin-left:1rem;margin-right:1rem}.mx-5[data-v-96dc1679]{margin-left:1.25rem;margin-right:1.25rem}.mx-6[data-v-96dc1679]{margin-left:1.5rem;margin-right:1.5rem}.mx-7[data-v-96dc1679]{margin-left:1.75rem;margin-right:1.75rem}.mx-8[data-v-96dc1679]{margin-left:2rem;margin-right:2rem}.mx-10[data-v-96dc1679]{margin-left:2.5rem;margin-right:2.5rem}.mt-0[data-v-96dc1679]{margin-top:0rem}.mt-0-half[data-v-96dc1679]{margin-top:.125rem}.mt-1[data-v-96dc1679]{margin-top:.25rem}.mt-1-half[data-v-96dc1679]{margin-top:.375rem}.mt-2[data-v-96dc1679]{margin-top:.5rem}.mt-2-half[data-v-96dc1679]{margin-top:.625rem}.mt-3[data-v-96dc1679]{margin-top:.75rem}.mt-4[data-v-96dc1679]{margin-top:1rem}.mt-5[data-v-96dc1679]{margin-top:1.25rem}.mt-6[data-v-96dc1679]{margin-top:1.5rem}.mt-7[data-v-96dc1679]{margin-top:1.75rem}.mt-8[data-v-96dc1679]{margin-top:2rem}.mt-10[data-v-96dc1679]{margin-top:2.5rem}.mr-auto[data-v-96dc1679]{margin-right:auto}.mr-0[data-v-96dc1679]{margin-right:0rem}.mr-0-half[data-v-96dc1679]{margin-right:.125rem}.mr-1[data-v-96dc1679]{margin-right:.25rem}.mr-1-half[data-v-96dc1679]{margin-right:.375rem}.mr-2[data-v-96dc1679]{margin-right:.5rem}.mr-2-half[data-v-96dc1679]{margin-right:.625rem}.mr-3[data-v-96dc1679]{margin-right:.75rem}.mr-4[data-v-96dc1679]{margin-right:1rem}.mr-5[data-v-96dc1679]{margin-right:1.25rem}.mr-6[data-v-96dc1679]{margin-right:1.5rem}.mr-7[data-v-96dc1679]{margin-right:1.75rem}.mr-8[data-v-96dc1679]{margin-right:2rem}.mr-10[data-v-96dc1679]{margin-right:2.5rem}.mb-0[data-v-96dc1679]{margin-bottom:0rem}.mb-0-half[data-v-96dc1679]{margin-bottom:.125rem}.mb-1[data-v-96dc1679]{margin-bottom:.25rem}.mb-1-half[data-v-96dc1679]{margin-bottom:.375rem}.mb-2[data-v-96dc1679]{margin-bottom:.5rem}.mb-2-half[data-v-96dc1679]{margin-bottom:.625rem}.mb-3[data-v-96dc1679]{margin-bottom:.75rem}.mb-4[data-v-96dc1679]{margin-bottom:1rem}.mb-5[data-v-96dc1679]{margin-bottom:1.25rem}.mb-6[data-v-96dc1679]{margin-bottom:1.5rem}.mb-7[data-v-96dc1679]{margin-bottom:1.75rem}.mb-8[data-v-96dc1679]{margin-bottom:2rem}.mb-10[data-v-96dc1679]{margin-bottom:2.5rem}.ml-auto[data-v-96dc1679]{margin-left:auto}.ml-0[data-v-96dc1679]{margin-left:0rem}.ml-0-half[data-v-96dc1679]{margin-left:.125rem}.ml-1[data-v-96dc1679]{margin-left:.25rem}.ml-1-half[data-v-96dc1679]{margin-left:.375rem}.ml-2[data-v-96dc1679]{margin-left:.5rem}.ml-2-half[data-v-96dc1679]{margin-left:.625rem}.ml-3[data-v-96dc1679]{margin-left:.75rem}.ml-4[data-v-96dc1679]{margin-left:1rem}.ml-5[data-v-96dc1679]{margin-left:1.25rem}.ml-6[data-v-96dc1679]{margin-left:1.5rem}.ml-7[data-v-96dc1679]{margin-left:1.75rem}.ml-8[data-v-96dc1679]{margin-left:2rem}.ml-10[data-v-96dc1679]{margin-left:2.5rem}.shadow--card[data-v-96dc1679]{box-shadow:0 1px 6px #444b5508;box-shadow:0 1px 10px #444b5508}.shadow--notification[data-v-96dc1679]{box-shadow:0 1px 4px 2px #9194981f}.shadow--dropdown[data-v-96dc1679]{box-shadow:0 0 8px 3px #696c7212;box-shadow:0 1px 4px #696c7226}.shadow--top-navigation[data-v-96dc1679]{box-shadow:0 4px 6px #0000001a}.shadow--modal[data-v-96dc1679]{box-shadow:0 10px 10px 2px #444b5521;box-shadow:0 5px 28px #444b5529}.elevation--neg[data-v-96dc1679]{z-index:-1}.elevation--0[data-v-96dc1679]{z-index:0}.elevation--1[data-v-96dc1679]{z-index:1}.elevation--2[data-v-96dc1679]{z-index:10}.elevation--3[data-v-96dc1679]{z-index:100}.elevation--4[data-v-96dc1679]{z-index:1000}@keyframes old-skeleton-blink-96dc1679{50%{opacity:.3}}@keyframes skeleton-blink-96dc1679{50%{background-color:#e7e7e8}}@keyframes skeleton-blink-dark-96dc1679{50%{background-color:#c8c9f3}}@keyframes color-blink-96dc1679{50%{color:#919498}}.icons-section[data-v-96dc1679]{padding-bottom:32px;margin-bottom:32px;border-bottom:1px solid #343941}.icons-row[data-v-96dc1679]{display:grid;grid-template-columns:4fr 32px 1fr 32px;align-items:center;grid-gap:32px;cursor:pointer;margin:16px auto}.icons-row h6[data-v-96dc1679]:hover{text-decoration:underline}.icons-row p[data-v-96dc1679]{text-align:right}.images-container[data-v-96dc1679]{display:grid;grid-template-columns:1fr 50%;gap:1rem}.images-wrapper[data-v-96dc1679]{display:grid;gap:.5rem;background-color:#fff;padding:.5rem;text-align:center}.images-wrapper h6[data-v-96dc1679]:hover{text-decoration:underline}.radio-group-wrapper[data-v-96dc1679]{padding:2rem;background-color:#fff;box-shadow:0 1px 2px #818489}.sam-stepper[data-v-96dc1679]{display:block;box-sizing:border-box}.sam-stepper .sam-stepper__items-container[data-v-96dc1679]{row-gap:.5rem}.sam-stepper .sam-stepper__items-container .sam-stepper__item[data-v-96dc1679]{display:grid;grid-column-gap:.5rem;grid-template-columns:auto auto}.sam-stepper .sam-stepper__items-container .sam-stepper__item .step-label[data-v-96dc1679]{color:#040237}.sam-stepper .sam-stepper__items-container .sam-stepper__item .step-caption[data-v-96dc1679]{color:#696c72}.sam-stepper .sam-stepper__items-container .sam-stepper__item .step-number[data-v-96dc1679]{font-size:10px!important;text-align:center;color:#fff;background-color:#3843d0;width:1.25rem;height:1.25rem;border-radius:100%}.sam-stepper .sam-stepper__items-container .sam-stepper__item.is-active~.sam-stepper__item .step-label[data-v-96dc1679]{color:#696c72}.sam-stepper .sam-stepper__items-container .sam-stepper__item.is-active~.sam-stepper__item .step-number[data-v-96dc1679]{background-color:#696c72}.sam-stepper .sam-stepper__items-container .sam-stepper__item-separator[data-v-96dc1679]{margin-top:.625rem;flex-grow:1;min-width:2rem;height:0;border:.06rem solid #919498}.sam-stepper .sam-stepper__items-container .sam-stepper__item-separator.is-active[data-v-96dc1679]{border-color:#040237}

package/storybook-static/assets/SamStepper.stories-CYa_WNU0.js ADDED Viewed

@@ -0,0 +1,22 @@
+import{o as g}from"./objectHelper-BjpfHllK.js";import{S as h}from"./SamIcon-DNFsVC99.js";import{l as v,o as r,c as a,a as p,F as m,q as k,v as u,j as N,s as i,n as q,y as I,p as l}from"./vue.esm-bundler-D2bhyrl5.js";import{_ as j}from"./_plugin-vue_export-helper-DlAUqK2U.js";import"./iframe-pXj8qGB8.js";import"../sb-preview/runtime.js";import"./dynamic-import-helper-BheWnx7M.js";const b={name:"SamStepper",components:{SamIcon:h},props:{steps:{type:Array,required:!0,default:()=>[],validator:e=>{var c;return(c=e.every)==null?void 0:c.call(e,s=>g(s,"label"))}},currentStep:{type:Number,required:!0}}},B={class:"sam-stepper","data-samora":""},F={class:"sam-stepper__items-container"},T={class:"step-number"},V={key:1},C={class:"step-label"},D={key:0,class:"step-caption"};function $(e,c,s,E,O,P){const y=v("SamIcon");return r(),a("div",B,[p("ul",F,[(r(!0),a(m,null,k(s.steps,(n,t)=>(r(),a(m,{key:`stepper-item-${t}`},[p("li",{class:u(["sam-stepper__item",{"is-active":t===s.currentStep}])},[p("div",T,[t<s.currentStep?(r(),N(y,{key:0,class:"step-completed-icon",icon:"interface-confirm",filled:"",size:10})):(r(),a("span",V,i(t+1),1))]),p("div",null,[p("p",C,i(n.label),1),t<s.currentStep&&(e.$slots["item-sub-label"]||n.caption)?(r(),a("p",D,[e.$slots["item-sub-label"]?q(e.$slots,"item-sub-label",{key:0,step:n,index:t},void 0,!0):n.caption?(r(),a(m,{key:1},[I(i(n.caption),1)],64)):l("",!0)])):l("",!0)])],2),t<s.steps.length-1?(r(),a("hr",{key:`stepper-separator-${t}`,class:u(["sam-stepper__item-separator",{"is-active":t<s.currentStep}])},null,2)):l("",!0)],64))),128))])])}const f=j(b,[["render",$],["__scopeId","data-v-96dc1679"]]);b.__docgenInfo={displayName:"SamStepper",exportName:"default",description:"",tags:{},props:[{name:"steps",description:"The stepper data array",tags:{},values:["label","caption (for object structure)"],type:{name:"array"},required:!0,defaultValue:{func:!1,value:"[]"}},{name:"currentStep",description:"The stepper current step",type:{name:"number"},required:!0}],slots:[{name:"item-sub-label",scoped:!0,bindings:[{name:"step",title:"binding"},{name:"index",title:"binding"}]}],sourceFiles:["/Users/michelafederico/WebstormProjects/Unbabel/samora/vue3-components/src/components/Molecules/SamStepper/SamStepper.vue"]};const G={component:f,tags:["autodocs"]},z=[{label:"First step",caption:"some caption"},{label:"Second step",caption:"some caption"},{label:"Third step",caption:"some caption"}],o={name:"Stepper",render:e=>({components:{SamStepper:f},setup(){return{args:e}},template:`
+    <SamStepper v-bind="args"></SamStepper>
+    `}),args:{steps:z,currentStep:1}};var d,S,_;o.parameters={...o.parameters,docs:{...(d=o.parameters)==null?void 0:d.docs,source:{originalSource:`{
+  name: "Stepper",
+  render: args => ({
+    components: {
+      SamStepper
+    },
+    setup() {
+      return {
+        args
+      };
+    },
+    template: \`
+    <SamStepper v-bind="args"></SamStepper>
+    \`
+  }),
+  args: {
+    steps: stepperData,
+    currentStep: 1
+  }
+}`,...(_=(S=o.parameters)==null?void 0:S.docs)==null?void 0:_.source}}};const J=["Stepper"];export{o as Stepper,J as __namedExportsOrder,G as default};

package/storybook-static/assets/SamTable-C31R5VxJ.css ADDED Viewed

@@ -0,0 +1 @@

+ .text--overline[data-v-3ea58f89]{font-style:normal;text-transform:none;font-family:Avenir Next World,Avenir,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;font-size:.625rem;line-height:1.125rem;font-weight:500;text-transform:uppercase;letter-spacing:.08rem}.text--caption--mini[data-v-3ea58f89]{font-style:normal;text-transform:none;font-family:Avenir Next World,Avenir,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;font-size:.375rem;line-height:.5rem;font-weight:600;text-transform:uppercase;letter-spacing:.025rem}.text--caption[data-v-3ea58f89]{font-style:normal;text-transform:none;font-family:Avenir Next World,Avenir,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;font-size:.75rem;line-height:1.25rem;font-weight:400}.text--caption--medium[data-v-3ea58f89]{font-style:normal;text-transform:none;font-family:Avenir Next World,Avenir,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;font-size:.75rem;line-height:1.25rem;font-weight:500}.text--caption--demi[data-v-3ea58f89]{font-style:normal;text-transform:none;font-family:Avenir Next World,Avenir,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;font-size:.75rem;line-height:1.25rem;font-weight:600}.text--button[data-v-3ea58f89],.text--title[data-v-3ea58f89]{font-style:normal;text-transform:none;font-family:Avenir Next World,Avenir,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;font-size:1rem;line-height:1.5rem;font-weight:600}.text--body-1[data-v-3ea58f89]{font-style:normal;text-transform:none;font-family:Avenir Next World,Avenir,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;font-size:1rem;line-height:1.5rem;font-weight:400}.text--body-1--medium[data-v-3ea58f89]{font-style:normal;text-transform:none;font-family:Avenir Next World,Avenir,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;font-size:1rem;line-height:1.5rem;font-weight:500}.text--body-2[data-v-3ea58f89],.sam-table[data-v-3ea58f89] .sam-table__body td,.sam-table[data-v-3ea58f89] .sam-table__body th{font-style:normal;text-transform:none;font-family:Avenir Next World,Avenir,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;font-size:.875rem;line-height:1.375rem;font-weight:400}.text--body-2--medium[data-v-3ea58f89]{font-style:normal;text-transform:none;font-family:Avenir Next World,Avenir,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;font-size:.875rem;line-height:1.375rem;font-weight:500}.text--body-3[data-v-3ea58f89]{font-style:normal;text-transform:none;font-family:Avenir Next World,Avenir,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;font-size:.625rem;line-height:1.125rem;font-weight:600}.text--subtitle[data-v-3ea58f89],.sam-table__head tr th[data-v-3ea58f89]{font-style:normal;text-transform:none;font-family:Avenir Next World,Avenir,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;font-size:.875rem;line-height:1.375rem;font-weight:600}h6[data-v-3ea58f89]{font-style:normal;text-transform:none;font-family:Avenir Next World,Avenir,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;font-size:1rem;line-height:1.5rem;font-weight:600}h5[data-v-3ea58f89]{font-style:normal;text-transform:none;font-family:Avenir Next World,Avenir,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;font-size:1.25rem;line-height:1.75rem;font-weight:600}h4[data-v-3ea58f89]{font-style:normal;text-transform:none;font-family:Avenir Next World,Avenir,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;font-size:1.5rem;line-height:2rem;font-weight:600}h3[data-v-3ea58f89]{font-style:normal;text-transform:none;font-family:Avenir Next World,Avenir,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;font-size:1.75rem;line-height:2.25rem;font-weight:600}h2[data-v-3ea58f89]{font-style:normal;text-transform:none;font-family:Avenir Next World,Avenir,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;font-size:2rem;line-height:2.5rem;font-weight:600}h1[data-v-3ea58f89]{font-style:normal;text-transform:none;font-family:Avenir Next World,Avenir,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;font-size:2.25rem;line-height:2.75rem;font-weight:600}.text--ellipse[data-v-3ea58f89],.sam-table__headerContent--label[data-v-3ea58f89]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.text-center[data-v-3ea58f89]{text-align:center}.text--bold[data-v-3ea58f89]{font-weight:600}.text--primary[data-v-3ea58f89]{color:#3843d0}.text--secondary[data-v-3ea58f89]{color:#9152ae}.text--success[data-v-3ea58f89]{color:#1a8752}.text--error[data-v-3ea58f89]{color:#e90c37}.text--warning[data-v-3ea58f89]{color:#eb611c}.text--light[data-v-3ea58f89]{color:#696c72}.text--black[data-v-3ea58f89]{color:#000}.text--white[data-v-3ea58f89]{color:#fff}.w-100[data-v-3ea58f89]{width:100%}.h-100[data-v-3ea58f89]{height:100%}.d-block[data-v-3ea58f89]{display:block}.d-inline[data-v-3ea58f89]{display:inline}.d-inline-block[data-v-3ea58f89]{display:inline-block}.d-flex[data-v-3ea58f89],.sam-table__paginationContainer[data-v-3ea58f89],.sam-table__headerContent[data-v-3ea58f89]{display:flex}.d-inline-flex[data-v-3ea58f89]{display:inline-flex}.d-none[data-v-3ea58f89]{display:none}.wrap-flex[data-v-3ea58f89]{flex-wrap:wrap}.flex-center[data-v-3ea58f89],.items-center[data-v-3ea58f89],.sam-table__paginationContainer[data-v-3ea58f89],.sam-table__headerContent[data-v-3ea58f89]{align-items:center}.flex-start[data-v-3ea58f89],.items-start[data-v-3ea58f89]{align-items:flex-start}.flex-end[data-v-3ea58f89],.items-end[data-v-3ea58f89]{align-items:flex-end}.flex-baseline[data-v-3ea58f89],.items-baseline[data-v-3ea58f89]{align-items:baseline}.justify-center[data-v-3ea58f89]{justify-content:center}.justify-start[data-v-3ea58f89]{justify-content:flex-start}.justify-end[data-v-3ea58f89]{justify-content:flex-end}.justify-between[data-v-3ea58f89]{justify-content:space-between}.flex-column[data-v-3ea58f89]{flex-direction:column}.gap-0[data-v-3ea58f89]{gap:0rem}.gap-1[data-v-3ea58f89]{gap:.25rem}.gap-1-half[data-v-3ea58f89]{gap:.375rem}.gap-2[data-v-3ea58f89]{gap:.5rem}.gap-3[data-v-3ea58f89]{gap:.75rem}.gap-4[data-v-3ea58f89]{gap:1rem}.gap-5[data-v-3ea58f89]{gap:1.25rem}.gap-6[data-v-3ea58f89]{gap:1.5rem}.gap-7[data-v-3ea58f89]{gap:1.75rem}.gap-8[data-v-3ea58f89]{gap:2rem}.gap-10[data-v-3ea58f89]{gap:2.5rem}.grow[data-v-3ea58f89]{flex-grow:1}.grow-0[data-v-3ea58f89]{flex-grow:0}.container-fluid[data-v-3ea58f89],.container[data-v-3ea58f89]{margin-right:auto;margin-left:auto}.container-fluid[data-v-3ea58f89]{padding-right:1rem;padding-left:1rem}.row[data-v-3ea58f89]{box-sizing:border-box;display:flex;flex:0 1 auto;flex-direction:row;flex-wrap:wrap;margin-right:-.5rem;margin-left:-.5rem}.row.reverse[data-v-3ea58f89]{flex-direction:row-reverse}.col.reverse[data-v-3ea58f89]{flex-direction:column-reverse}.col-xs[data-v-3ea58f89],.col-xs-1[data-v-3ea58f89],.col-xs-2[data-v-3ea58f89],.col-xs-3[data-v-3ea58f89],.col-xs-4[data-v-3ea58f89],.col-xs-5[data-v-3ea58f89],.col-xs-6[data-v-3ea58f89],.col-xs-7[data-v-3ea58f89],.col-xs-8[data-v-3ea58f89],.col-xs-9[data-v-3ea58f89],.col-xs-10[data-v-3ea58f89],.col-xs-11[data-v-3ea58f89],.col-xs-12[data-v-3ea58f89],.col-xs-offset-0[data-v-3ea58f89],.col-xs-offset-1[data-v-3ea58f89],.col-xs-offset-2[data-v-3ea58f89],.col-xs-offset-3[data-v-3ea58f89],.col-xs-offset-4[data-v-3ea58f89],.col-xs-offset-5[data-v-3ea58f89],.col-xs-offset-6[data-v-3ea58f89],.col-xs-offset-7[data-v-3ea58f89],.col-xs-offset-8[data-v-3ea58f89],.col-xs-offset-9[data-v-3ea58f89],.col-xs-offset-10[data-v-3ea58f89],.col-xs-offset-11[data-v-3ea58f89],.col-xs-offset-12[data-v-3ea58f89]{box-sizing:border-box;flex:0 0 auto;padding-right:.5rem;padding-left:.5rem}.col-xs[data-v-3ea58f89]{flex-grow:1;flex-basis:0;max-width:100%}.col-xs-1[data-v-3ea58f89]{flex-basis:8.33333333%;max-width:8.33333333%}.col-xs-2[data-v-3ea58f89]{flex-basis:16.66666667%;max-width:16.66666667%}.col-xs-3[data-v-3ea58f89]{flex-basis:25%;max-width:25%}.col-xs-4[data-v-3ea58f89]{flex-basis:33.33333333%;max-width:33.33333333%}.col-xs-5[data-v-3ea58f89]{flex-basis:41.66666667%;max-width:41.66666667%}.col-xs-6[data-v-3ea58f89]{flex-basis:50%;max-width:50%}.col-xs-7[data-v-3ea58f89]{flex-basis:58.33333333%;max-width:58.33333333%}.col-xs-8[data-v-3ea58f89]{flex-basis:66.66666667%;max-width:66.66666667%}.col-xs-9[data-v-3ea58f89]{flex-basis:75%;max-width:75%}.col-xs-10[data-v-3ea58f89]{flex-basis:83.33333333%;max-width:83.33333333%}.col-xs-11[data-v-3ea58f89]{flex-basis:91.66666667%;max-width:91.66666667%}.col-xs-12[data-v-3ea58f89]{flex-basis:100%;max-width:100%}.col-xs-offset-0[data-v-3ea58f89]{margin-left:0}.col-xs-offset-1[data-v-3ea58f89]{margin-left:8.33333333%}.col-xs-offset-2[data-v-3ea58f89]{margin-left:16.66666667%}.col-xs-offset-3[data-v-3ea58f89]{margin-left:25%}.col-xs-offset-4[data-v-3ea58f89]{margin-left:33.33333333%}.col-xs-offset-5[data-v-3ea58f89]{margin-left:41.66666667%}.col-xs-offset-6[data-v-3ea58f89]{margin-left:50%}.col-xs-offset-7[data-v-3ea58f89]{margin-left:58.33333333%}.col-xs-offset-8[data-v-3ea58f89]{margin-left:66.66666667%}.col-xs-offset-9[data-v-3ea58f89]{margin-left:75%}.col-xs-offset-10[data-v-3ea58f89]{margin-left:83.33333333%}.col-xs-offset-11[data-v-3ea58f89]{margin-left:91.66666667%}.start-xs[data-v-3ea58f89]{justify-content:flex-start;text-align:start}.center-xs[data-v-3ea58f89]{justify-content:center;text-align:center}.end-xs[data-v-3ea58f89]{justify-content:flex-end;text-align:end}.top-xs[data-v-3ea58f89]{align-items:flex-start}.middle-xs[data-v-3ea58f89]{align-items:center}.bottom-xs[data-v-3ea58f89]{align-items:flex-end}.around-xs[data-v-3ea58f89]{justify-content:space-around}.between-xs[data-v-3ea58f89],.sam-table__paginationContainer[data-v-3ea58f89]{justify-content:space-between}.first-xs[data-v-3ea58f89]{order:-1}.last-xs[data-v-3ea58f89]{order:1}@media only screen and (min-width: 48rem){.container[data-v-3ea58f89]{width:48rem}.col-sm[data-v-3ea58f89],.col-sm-1[data-v-3ea58f89],.col-sm-2[data-v-3ea58f89],.col-sm-3[data-v-3ea58f89],.col-sm-4[data-v-3ea58f89],.col-sm-5[data-v-3ea58f89],.col-sm-6[data-v-3ea58f89],.col-sm-7[data-v-3ea58f89],.col-sm-8[data-v-3ea58f89],.col-sm-9[data-v-3ea58f89],.col-sm-10[data-v-3ea58f89],.col-sm-11[data-v-3ea58f89],.col-sm-12[data-v-3ea58f89],.col-sm-offset-0[data-v-3ea58f89],.col-sm-offset-1[data-v-3ea58f89],.col-sm-offset-2[data-v-3ea58f89],.col-sm-offset-3[data-v-3ea58f89],.col-sm-offset-4[data-v-3ea58f89],.col-sm-offset-5[data-v-3ea58f89],.col-sm-offset-6[data-v-3ea58f89],.col-sm-offset-7[data-v-3ea58f89],.col-sm-offset-8[data-v-3ea58f89],.col-sm-offset-9[data-v-3ea58f89],.col-sm-offset-10[data-v-3ea58f89],.col-sm-offset-11[data-v-3ea58f89],.col-sm-offset-12[data-v-3ea58f89]{box-sizing:border-box;flex:0 0 auto;padding-right:.5rem;padding-left:.5rem}.col-sm[data-v-3ea58f89]{flex-grow:1;flex-basis:0;max-width:100%}.col-sm-1[data-v-3ea58f89]{flex-basis:8.33333333%;max-width:8.33333333%}.col-sm-2[data-v-3ea58f89]{flex-basis:16.66666667%;max-width:16.66666667%}.col-sm-3[data-v-3ea58f89]{flex-basis:25%;max-width:25%}.col-sm-4[data-v-3ea58f89]{flex-basis:33.33333333%;max-width:33.33333333%}.col-sm-5[data-v-3ea58f89]{flex-basis:41.66666667%;max-width:41.66666667%}.col-sm-6[data-v-3ea58f89]{flex-basis:50%;max-width:50%}.col-sm-7[data-v-3ea58f89]{flex-basis:58.33333333%;max-width:58.33333333%}.col-sm-8[data-v-3ea58f89]{flex-basis:66.66666667%;max-width:66.66666667%}.col-sm-9[data-v-3ea58f89]{flex-basis:75%;max-width:75%}.col-sm-10[data-v-3ea58f89]{flex-basis:83.33333333%;max-width:83.33333333%}.col-sm-11[data-v-3ea58f89]{flex-basis:91.66666667%;max-width:91.66666667%}.col-sm-12[data-v-3ea58f89]{flex-basis:100%;max-width:100%}.col-sm-offset-0[data-v-3ea58f89]{margin-left:0}.col-sm-offset-1[data-v-3ea58f89]{margin-left:8.33333333%}.col-sm-offset-2[data-v-3ea58f89]{margin-left:16.66666667%}.col-sm-offset-3[data-v-3ea58f89]{margin-left:25%}.col-sm-offset-4[data-v-3ea58f89]{margin-left:33.33333333%}.col-sm-offset-5[data-v-3ea58f89]{margin-left:41.66666667%}.col-sm-offset-6[data-v-3ea58f89]{margin-left:50%}.col-sm-offset-7[data-v-3ea58f89]{margin-left:58.33333333%}.col-sm-offset-8[data-v-3ea58f89]{margin-left:66.66666667%}.col-sm-offset-9[data-v-3ea58f89]{margin-left:75%}.col-sm-offset-10[data-v-3ea58f89]{margin-left:83.33333333%}.col-sm-offset-11[data-v-3ea58f89]{margin-left:91.66666667%}.start-sm[data-v-3ea58f89]{justify-content:flex-start;text-align:start}.center-sm[data-v-3ea58f89]{justify-content:center;text-align:center}.end-sm[data-v-3ea58f89]{justify-content:flex-end;text-align:end}.top-sm[data-v-3ea58f89]{align-items:flex-start}.middle-sm[data-v-3ea58f89]{align-items:center}.bottom-sm[data-v-3ea58f89]{align-items:flex-end}.around-sm[data-v-3ea58f89]{justify-content:space-around}.between-sm[data-v-3ea58f89]{justify-content:space-between}.first-sm[data-v-3ea58f89]{order:-1}.last-sm[data-v-3ea58f89]{order:1}}@media only screen and (min-width: 64rem){.container[data-v-3ea58f89]{width:64rem}.col-md[data-v-3ea58f89],.col-md-1[data-v-3ea58f89],.col-md-2[data-v-3ea58f89],.col-md-3[data-v-3ea58f89],.col-md-4[data-v-3ea58f89],.col-md-5[data-v-3ea58f89],.col-md-6[data-v-3ea58f89],.col-md-7[data-v-3ea58f89],.col-md-8[data-v-3ea58f89],.col-md-9[data-v-3ea58f89],.col-md-10[data-v-3ea58f89],.col-md-11[data-v-3ea58f89],.col-md-12[data-v-3ea58f89],.col-md-offset-0[data-v-3ea58f89],.col-md-offset-1[data-v-3ea58f89],.col-md-offset-2[data-v-3ea58f89],.col-md-offset-3[data-v-3ea58f89],.col-md-offset-4[data-v-3ea58f89],.col-md-offset-5[data-v-3ea58f89],.col-md-offset-6[data-v-3ea58f89],.col-md-offset-7[data-v-3ea58f89],.col-md-offset-8[data-v-3ea58f89],.col-md-offset-9[data-v-3ea58f89],.col-md-offset-10[data-v-3ea58f89],.col-md-offset-11[data-v-3ea58f89],.col-md-offset-12[data-v-3ea58f89]{box-sizing:border-box;flex:0 0 auto;padding-right:.5rem;padding-left:.5rem}.col-md[data-v-3ea58f89]{flex-grow:1;flex-basis:0;max-width:100%}.col-md-1[data-v-3ea58f89]{flex-basis:8.33333333%;max-width:8.33333333%}.col-md-2[data-v-3ea58f89]{flex-basis:16.66666667%;max-width:16.66666667%}.col-md-3[data-v-3ea58f89]{flex-basis:25%;max-width:25%}.col-md-4[data-v-3ea58f89]{flex-basis:33.33333333%;max-width:33.33333333%}.col-md-5[data-v-3ea58f89]{flex-basis:41.66666667%;max-width:41.66666667%}.col-md-6[data-v-3ea58f89]{flex-basis:50%;max-width:50%}.col-md-7[data-v-3ea58f89]{flex-basis:58.33333333%;max-width:58.33333333%}.col-md-8[data-v-3ea58f89]{flex-basis:66.66666667%;max-width:66.66666667%}.col-md-9[data-v-3ea58f89]{flex-basis:75%;max-width:75%}.col-md-10[data-v-3ea58f89]{flex-basis:83.33333333%;max-width:83.33333333%}.col-md-11[data-v-3ea58f89]{flex-basis:91.66666667%;max-width:91.66666667%}.col-md-12[data-v-3ea58f89]{flex-basis:100%;max-width:100%}.col-md-offset-0[data-v-3ea58f89]{margin-left:0}.col-md-offset-1[data-v-3ea58f89]{margin-left:8.33333333%}.col-md-offset-2[data-v-3ea58f89]{margin-left:16.66666667%}.col-md-offset-3[data-v-3ea58f89]{margin-left:25%}.col-md-offset-4[data-v-3ea58f89]{margin-left:33.33333333%}.col-md-offset-5[data-v-3ea58f89]{margin-left:41.66666667%}.col-md-offset-6[data-v-3ea58f89]{margin-left:50%}.col-md-offset-7[data-v-3ea58f89]{margin-left:58.33333333%}.col-md-offset-8[data-v-3ea58f89]{margin-left:66.66666667%}.col-md-offset-9[data-v-3ea58f89]{margin-left:75%}.col-md-offset-10[data-v-3ea58f89]{margin-left:83.33333333%}.col-md-offset-11[data-v-3ea58f89]{margin-left:91.66666667%}.start-md[data-v-3ea58f89]{justify-content:flex-start;text-align:start}.center-md[data-v-3ea58f89]{justify-content:center;text-align:center}.end-md[data-v-3ea58f89]{justify-content:flex-end;text-align:end}.top-md[data-v-3ea58f89]{align-items:flex-start}.middle-md[data-v-3ea58f89]{align-items:center}.bottom-md[data-v-3ea58f89]{align-items:flex-end}.around-md[data-v-3ea58f89]{justify-content:space-around}.between-md[data-v-3ea58f89]{justify-content:space-between}.first-md[data-v-3ea58f89]{order:-1}.last-md[data-v-3ea58f89]{order:1}}@media only screen and (min-width: 75rem){.container[data-v-3ea58f89]{width:75rem}.col-lg[data-v-3ea58f89],.col-lg-1[data-v-3ea58f89],.col-lg-2[data-v-3ea58f89],.col-lg-3[data-v-3ea58f89],.col-lg-4[data-v-3ea58f89],.col-lg-5[data-v-3ea58f89],.col-lg-6[data-v-3ea58f89],.col-lg-7[data-v-3ea58f89],.col-lg-8[data-v-3ea58f89],.col-lg-9[data-v-3ea58f89],.col-lg-10[data-v-3ea58f89],.col-lg-11[data-v-3ea58f89],.col-lg-12[data-v-3ea58f89],.col-lg-offset-0[data-v-3ea58f89],.col-lg-offset-1[data-v-3ea58f89],.col-lg-offset-2[data-v-3ea58f89],.col-lg-offset-3[data-v-3ea58f89],.col-lg-offset-4[data-v-3ea58f89],.col-lg-offset-5[data-v-3ea58f89],.col-lg-offset-6[data-v-3ea58f89],.col-lg-offset-7[data-v-3ea58f89],.col-lg-offset-8[data-v-3ea58f89],.col-lg-offset-9[data-v-3ea58f89],.col-lg-offset-10[data-v-3ea58f89],.col-lg-offset-11[data-v-3ea58f89],.col-lg-offset-12[data-v-3ea58f89]{box-sizing:border-box;flex:0 0 auto;padding-right:.5rem;padding-left:.5rem}.col-lg[data-v-3ea58f89]{flex-grow:1;flex-basis:0;max-width:100%}.col-lg-1[data-v-3ea58f89]{flex-basis:8.33333333%;max-width:8.33333333%}.col-lg-2[data-v-3ea58f89]{flex-basis:16.66666667%;max-width:16.66666667%}.col-lg-3[data-v-3ea58f89]{flex-basis:25%;max-width:25%}.col-lg-4[data-v-3ea58f89]{flex-basis:33.33333333%;max-width:33.33333333%}.col-lg-5[data-v-3ea58f89]{flex-basis:41.66666667%;max-width:41.66666667%}.col-lg-6[data-v-3ea58f89]{flex-basis:50%;max-width:50%}.col-lg-7[data-v-3ea58f89]{flex-basis:58.33333333%;max-width:58.33333333%}.col-lg-8[data-v-3ea58f89]{flex-basis:66.66666667%;max-width:66.66666667%}.col-lg-9[data-v-3ea58f89]{flex-basis:75%;max-width:75%}.col-lg-10[data-v-3ea58f89]{flex-basis:83.33333333%;max-width:83.33333333%}.col-lg-11[data-v-3ea58f89]{flex-basis:91.66666667%;max-width:91.66666667%}.col-lg-12[data-v-3ea58f89]{flex-basis:100%;max-width:100%}.col-lg-offset-0[data-v-3ea58f89]{margin-left:0}.col-lg-offset-1[data-v-3ea58f89]{margin-left:8.33333333%}.col-lg-offset-2[data-v-3ea58f89]{margin-left:16.66666667%}.col-lg-offset-3[data-v-3ea58f89]{margin-left:25%}.col-lg-offset-4[data-v-3ea58f89]{margin-left:33.33333333%}.col-lg-offset-5[data-v-3ea58f89]{margin-left:41.66666667%}.col-lg-offset-6[data-v-3ea58f89]{margin-left:50%}.col-lg-offset-7[data-v-3ea58f89]{margin-left:58.33333333%}.col-lg-offset-8[data-v-3ea58f89]{margin-left:66.66666667%}.col-lg-offset-9[data-v-3ea58f89]{margin-left:75%}.col-lg-offset-10[data-v-3ea58f89]{margin-left:83.33333333%}.col-lg-offset-11[data-v-3ea58f89]{margin-left:91.66666667%}.start-lg[data-v-3ea58f89]{justify-content:flex-start;text-align:start}.center-lg[data-v-3ea58f89]{justify-content:center;text-align:center}.end-lg[data-v-3ea58f89]{justify-content:flex-end;text-align:end}.top-lg[data-v-3ea58f89]{align-items:flex-start}.middle-lg[data-v-3ea58f89]{align-items:center}.bottom-lg[data-v-3ea58f89]{align-items:flex-end}.around-lg[data-v-3ea58f89]{justify-content:space-around}.between-lg[data-v-3ea58f89]{justify-content:space-between}.first-lg[data-v-3ea58f89]{order:-1}.last-lg[data-v-3ea58f89]{order:1}}.p-0[data-v-3ea58f89],.sam-table__sortAction[data-v-3ea58f89]{padding:0rem}.p-0-half[data-v-3ea58f89]{padding:.125rem}.p-1[data-v-3ea58f89]{padding:.25rem}.p-1-half[data-v-3ea58f89]{padding:.375rem}.p-2[data-v-3ea58f89]{padding:.5rem}.p-2-half[data-v-3ea58f89]{padding:.625rem}.p-3[data-v-3ea58f89]{padding:.75rem}.p-4[data-v-3ea58f89]{padding:1rem}.p-5[data-v-3ea58f89]{padding:1.25rem}.p-6[data-v-3ea58f89]{padding:1.5rem}.p-7[data-v-3ea58f89]{padding:1.75rem}.p-8[data-v-3ea58f89]{padding:2rem}.p-10[data-v-3ea58f89]{padding:2.5rem}.py-0[data-v-3ea58f89],.sam-table__checkbox[data-v-3ea58f89]{padding-top:0rem;padding-bottom:0rem}.py-0-half[data-v-3ea58f89]{padding-top:.125rem;padding-bottom:.125rem}.py-1[data-v-3ea58f89]{padding-top:.25rem;padding-bottom:.25rem}.py-1-half[data-v-3ea58f89]{padding-top:.375rem;padding-bottom:.375rem}.py-2-half[data-v-3ea58f89]{padding-top:.625rem;padding-bottom:.625rem}.py-2[data-v-3ea58f89]{padding-top:.5rem;padding-bottom:.5rem}.py-3[data-v-3ea58f89]{padding-top:.75rem;padding-bottom:.75rem}.py-4[data-v-3ea58f89],.sam-table__title-wrapper[data-v-3ea58f89]{padding-top:1rem;padding-bottom:1rem}.py-5[data-v-3ea58f89]{padding-top:1.25rem;padding-bottom:1.25rem}.py-6[data-v-3ea58f89]{padding-top:1.5rem;padding-bottom:1.5rem}.py-7[data-v-3ea58f89]{padding-top:1.75rem;padding-bottom:1.75rem}.py-8[data-v-3ea58f89]{padding-top:2rem;padding-bottom:2rem}.py-10[data-v-3ea58f89]{padding-top:2.5rem;padding-bottom:2.5rem}.px-0[data-v-3ea58f89]{padding-left:0rem;padding-right:0rem}.px-0-half[data-v-3ea58f89]{padding-left:.125rem;padding-right:.125rem}.px-1[data-v-3ea58f89]{padding-left:.25rem;padding-right:.25rem}.px-1-half[data-v-3ea58f89]{padding-left:.375rem;padding-right:.375rem}.px-2[data-v-3ea58f89]{padding-left:.5rem;padding-right:.5rem}.px-2-half[data-v-3ea58f89]{padding-left:.625rem;padding-right:.625rem}.px-3[data-v-3ea58f89]{padding-left:.75rem;padding-right:.75rem}.px-4[data-v-3ea58f89],.sam-table__checkbox[data-v-3ea58f89],.sam-table[data-v-3ea58f89] .sam-table__body td,.sam-table[data-v-3ea58f89] .sam-table__body th,.sam-table__head tr th[data-v-3ea58f89]{padding-left:1rem;padding-right:1rem}.px-5[data-v-3ea58f89]{padding-left:1.25rem;padding-right:1.25rem}.px-6[data-v-3ea58f89],.sam-table__title-wrapper[data-v-3ea58f89]{padding-left:1.5rem;padding-right:1.5rem}.px-7[data-v-3ea58f89]{padding-left:1.75rem;padding-right:1.75rem}.px-8[data-v-3ea58f89]{padding-left:2rem;padding-right:2rem}.px-10[data-v-3ea58f89]{padding-left:2.5rem;padding-right:2.5rem}.pt-0[data-v-3ea58f89]{padding-top:0rem}.pt-0-half[data-v-3ea58f89]{padding-top:.125rem}.pt-1[data-v-3ea58f89]{padding-top:.25rem}.pt-1-half[data-v-3ea58f89]{padding-top:.375rem}.pt-2[data-v-3ea58f89]{padding-top:.5rem}.pt-2-half[data-v-3ea58f89]{padding-top:.625rem}.pt-3[data-v-3ea58f89]{padding-top:.75rem}.pt-4[data-v-3ea58f89]{padding-top:1rem}.pt-5[data-v-3ea58f89]{padding-top:1.25rem}.pt-6[data-v-3ea58f89]{padding-top:1.5rem}.pt-7[data-v-3ea58f89]{padding-top:1.75rem}.pt-8[data-v-3ea58f89]{padding-top:2rem}.pt-10[data-v-3ea58f89]{padding-top:2.5rem}.pr-auto[data-v-3ea58f89]{padding-right:auto}.pr-0[data-v-3ea58f89]{padding-right:0rem}.pr-0-half[data-v-3ea58f89]{padding-right:.125rem}.pr-1[data-v-3ea58f89]{padding-right:.25rem}.pr-1-half[data-v-3ea58f89]{padding-right:.375rem}.pr-2[data-v-3ea58f89]{padding-right:.5rem}.pr-2-half[data-v-3ea58f89]{padding-right:.625rem}.pr-3[data-v-3ea58f89]{padding-right:.75rem}.pr-4[data-v-3ea58f89]{padding-right:1rem}.pr-5[data-v-3ea58f89]{padding-right:1.25rem}.pr-6[data-v-3ea58f89]{padding-right:1.5rem}.pr-7[data-v-3ea58f89]{padding-right:1.75rem}.pr-8[data-v-3ea58f89]{padding-right:2rem}.pr-10[data-v-3ea58f89]{padding-right:2.5rem}.pb-0[data-v-3ea58f89]{padding-bottom:0rem}.pb-0-half[data-v-3ea58f89]{padding-bottom:.125rem}.pb-1[data-v-3ea58f89]{padding-bottom:.25rem}.pb-1-half[data-v-3ea58f89]{padding-bottom:.375rem}.pb-2[data-v-3ea58f89]{padding-bottom:.5rem}.pb-2-half[data-v-3ea58f89]{padding-bottom:.625rem}.pb-3[data-v-3ea58f89]{padding-bottom:.75rem}.pb-4[data-v-3ea58f89]{padding-bottom:1rem}.pb-5[data-v-3ea58f89]{padding-bottom:1.25rem}.pb-6[data-v-3ea58f89]{padding-bottom:1.5rem}.pb-8[data-v-3ea58f89]{padding-bottom:2rem}.pb-7[data-v-3ea58f89]{padding-bottom:1.75rem}.pb-10[data-v-3ea58f89]{padding-bottom:2.5rem}.pl-auto[data-v-3ea58f89]{padding-left:auto}.pl-0[data-v-3ea58f89]{padding-left:0rem}.pl-0-half[data-v-3ea58f89]{padding-left:.125rem}.pl-1[data-v-3ea58f89]{padding-left:.25rem}.pl-1-half[data-v-3ea58f89]{padding-left:.375rem}.pl-2[data-v-3ea58f89]{padding-left:.5rem}.pl-2-half[data-v-3ea58f89]{padding-left:.625rem}.pl-3[data-v-3ea58f89]{padding-left:.75rem}.pl-4[data-v-3ea58f89]{padding-left:1rem}.pl-5[data-v-3ea58f89]{padding-left:1.25rem}.pl-6[data-v-3ea58f89]{padding-left:1.5rem}.pl-7[data-v-3ea58f89]{padding-left:1.75rem}.pl-8[data-v-3ea58f89]{padding-left:2rem}.pl-10[data-v-3ea58f89]{padding-left:2.5rem}.m-auto[data-v-3ea58f89]{margin:auto}.m-0[data-v-3ea58f89]{margin:0rem}.m-0-half[data-v-3ea58f89]{margin:.125rem}.m-1[data-v-3ea58f89]{margin:.25rem}.m-1-half[data-v-3ea58f89]{margin:.375rem}.m-2[data-v-3ea58f89]{margin:.5rem}.m-2-half[data-v-3ea58f89]{margin:.625rem}.m-3[data-v-3ea58f89]{margin:.75rem}.m-4[data-v-3ea58f89]{margin:1rem}.m-5[data-v-3ea58f89]{margin:1.25rem}.m-6[data-v-3ea58f89]{margin:1.5rem}.m-7[data-v-3ea58f89]{margin:1.75rem}.m-8[data-v-3ea58f89]{margin:2rem}.m-10[data-v-3ea58f89]{margin:2.5rem}.my-auto[data-v-3ea58f89]{margin-top:auto;margin-bottom:auto}.my-0[data-v-3ea58f89]{margin-top:0rem;margin-bottom:0rem}.my-0-half[data-v-3ea58f89]{margin-top:.125rem;margin-bottom:.125rem}.my-1[data-v-3ea58f89]{margin-top:.25rem;margin-bottom:.25rem}.my-1-half[data-v-3ea58f89]{margin-top:.375rem;margin-bottom:.375rem}.my-2[data-v-3ea58f89]{margin-top:.5rem;margin-bottom:.5rem}.my-2-half[data-v-3ea58f89]{margin-top:.625rem;margin-bottom:.625rem}.my-3[data-v-3ea58f89]{margin-top:.75rem;margin-bottom:.75rem}.my-4[data-v-3ea58f89]{margin-top:1rem;margin-bottom:1rem}.my-5[data-v-3ea58f89]{margin-top:1.25rem;margin-bottom:1.25rem}.my-6[data-v-3ea58f89]{margin-top:1.5rem;margin-bottom:1.5rem}.my-7[data-v-3ea58f89]{margin-top:1.75rem;margin-bottom:1.75rem}.my-8[data-v-3ea58f89]{margin-top:2rem;margin-bottom:2rem}.my-10[data-v-3ea58f89]{margin-top:2.5rem;margin-bottom:2.5rem}.mx-auto[data-v-3ea58f89]{margin-left:auto;margin-right:auto}.mx-0[data-v-3ea58f89]{margin-left:0rem;margin-right:0rem}.mx-0-half[data-v-3ea58f89]{margin-left:.125rem;margin-right:.125rem}.mx-1[data-v-3ea58f89]{margin-left:.25rem;margin-right:.25rem}.mx-1-half[data-v-3ea58f89]{margin-left:.375rem;margin-right:.375rem}.mx-2[data-v-3ea58f89]{margin-left:.5rem;margin-right:.5rem}.mx-2-half[data-v-3ea58f89]{margin-left:.625rem;margin-right:.625rem}.mx-3[data-v-3ea58f89]{margin-left:.75rem;margin-right:.75rem}.mx-4[data-v-3ea58f89]{margin-left:1rem;margin-right:1rem}.mx-5[data-v-3ea58f89]{margin-left:1.25rem;margin-right:1.25rem}.mx-6[data-v-3ea58f89]{margin-left:1.5rem;margin-right:1.5rem}.mx-7[data-v-3ea58f89]{margin-left:1.75rem;margin-right:1.75rem}.mx-8[data-v-3ea58f89]{margin-left:2rem;margin-right:2rem}.mx-10[data-v-3ea58f89]{margin-left:2.5rem;margin-right:2.5rem}.mt-0[data-v-3ea58f89]{margin-top:0rem}.mt-0-half[data-v-3ea58f89]{margin-top:.125rem}.mt-1[data-v-3ea58f89]{margin-top:.25rem}.mt-1-half[data-v-3ea58f89]{margin-top:.375rem}.mt-2[data-v-3ea58f89]{margin-top:.5rem}.mt-2-half[data-v-3ea58f89]{margin-top:.625rem}.mt-3[data-v-3ea58f89]{margin-top:.75rem}.mt-4[data-v-3ea58f89]{margin-top:1rem}.mt-5[data-v-3ea58f89]{margin-top:1.25rem}.mt-6[data-v-3ea58f89]{margin-top:1.5rem}.mt-7[data-v-3ea58f89]{margin-top:1.75rem}.mt-8[data-v-3ea58f89]{margin-top:2rem}.mt-10[data-v-3ea58f89]{margin-top:2.5rem}.mr-auto[data-v-3ea58f89]{margin-right:auto}.mr-0[data-v-3ea58f89]{margin-right:0rem}.mr-0-half[data-v-3ea58f89]{margin-right:.125rem}.mr-1[data-v-3ea58f89]{margin-right:.25rem}.mr-1-half[data-v-3ea58f89]{margin-right:.375rem}.mr-2[data-v-3ea58f89]{margin-right:.5rem}.mr-2-half[data-v-3ea58f89]{margin-right:.625rem}.mr-3[data-v-3ea58f89]{margin-right:.75rem}.mr-4[data-v-3ea58f89]{margin-right:1rem}.mr-5[data-v-3ea58f89]{margin-right:1.25rem}.mr-6[data-v-3ea58f89]{margin-right:1.5rem}.mr-7[data-v-3ea58f89]{margin-right:1.75rem}.mr-8[data-v-3ea58f89]{margin-right:2rem}.mr-10[data-v-3ea58f89]{margin-right:2.5rem}.mb-0[data-v-3ea58f89]{margin-bottom:0rem}.mb-0-half[data-v-3ea58f89]{margin-bottom:.125rem}.mb-1[data-v-3ea58f89]{margin-bottom:.25rem}.mb-1-half[data-v-3ea58f89]{margin-bottom:.375rem}.mb-2[data-v-3ea58f89]{margin-bottom:.5rem}.mb-2-half[data-v-3ea58f89]{margin-bottom:.625rem}.mb-3[data-v-3ea58f89]{margin-bottom:.75rem}.mb-4[data-v-3ea58f89]{margin-bottom:1rem}.mb-5[data-v-3ea58f89]{margin-bottom:1.25rem}.mb-6[data-v-3ea58f89]{margin-bottom:1.5rem}.mb-7[data-v-3ea58f89]{margin-bottom:1.75rem}.mb-8[data-v-3ea58f89]{margin-bottom:2rem}.mb-10[data-v-3ea58f89]{margin-bottom:2.5rem}.ml-auto[data-v-3ea58f89]{margin-left:auto}.ml-0[data-v-3ea58f89]{margin-left:0rem}.ml-0-half[data-v-3ea58f89]{margin-left:.125rem}.ml-1[data-v-3ea58f89]{margin-left:.25rem}.ml-1-half[data-v-3ea58f89]{margin-left:.375rem}.ml-2[data-v-3ea58f89]{margin-left:.5rem}.ml-2-half[data-v-3ea58f89]{margin-left:.625rem}.ml-3[data-v-3ea58f89]{margin-left:.75rem}.ml-4[data-v-3ea58f89]{margin-left:1rem}.ml-5[data-v-3ea58f89]{margin-left:1.25rem}.ml-6[data-v-3ea58f89]{margin-left:1.5rem}.ml-7[data-v-3ea58f89]{margin-left:1.75rem}.ml-8[data-v-3ea58f89]{margin-left:2rem}.ml-10[data-v-3ea58f89]{margin-left:2.5rem}.shadow--card[data-v-3ea58f89]{box-shadow:0 1px 6px #444b5508;box-shadow:0 1px 10px #444b5508}.shadow--notification[data-v-3ea58f89]{box-shadow:0 1px 4px 2px #9194981f}.shadow--dropdown[data-v-3ea58f89]{box-shadow:0 0 8px 3px #696c7212;box-shadow:0 1px 4px #696c7226}.shadow--top-navigation[data-v-3ea58f89]{box-shadow:0 4px 6px #0000001a}.shadow--modal[data-v-3ea58f89]{box-shadow:0 10px 10px 2px #444b5521;box-shadow:0 5px 28px #444b5529}.elevation--neg[data-v-3ea58f89]{z-index:-1}.elevation--0[data-v-3ea58f89]{z-index:0}.elevation--1[data-v-3ea58f89]{z-index:1}.elevation--2[data-v-3ea58f89]{z-index:10}.elevation--3[data-v-3ea58f89]{z-index:100}.elevation--4[data-v-3ea58f89]{z-index:1000}@keyframes old-skeleton-blink-3ea58f89{50%{opacity:.3}}@keyframes skeleton-blink-3ea58f89{50%{background-color:#e7e7e8}}@keyframes skeleton-blink-dark-3ea58f89{50%{background-color:#c8c9f3}}@keyframes color-blink-3ea58f89{50%{color:#919498}}.icons-section[data-v-3ea58f89]{padding-bottom:32px;margin-bottom:32px;border-bottom:1px solid #343941}.icons-row[data-v-3ea58f89]{display:grid;grid-template-columns:4fr 32px 1fr 32px;align-items:center;grid-gap:32px;cursor:pointer;margin:16px auto}.icons-row h6[data-v-3ea58f89]:hover{text-decoration:underline}.icons-row p[data-v-3ea58f89]{text-align:right}.images-container[data-v-3ea58f89]{display:grid;grid-template-columns:1fr 50%;gap:1rem}.images-wrapper[data-v-3ea58f89]{display:grid;gap:.5rem;background-color:#fff;padding:.5rem;text-align:center}.images-wrapper h6[data-v-3ea58f89]:hover{text-decoration:underline}.radio-group-wrapper[data-v-3ea58f89]{padding:2rem;background-color:#fff;box-shadow:0 1px 2px #818489}.sam-table[data-v-3ea58f89]{border:solid .06rem #E7E7E8;border-radius:.25rem;background-color:#fff}.sam-table__title-wrapper[data-v-3ea58f89]{border-bottom:solid .06rem #E7E7E8}.sam-table.is-truncated .sam-table__body th[data-v-3ea58f89]{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;max-width:200px}.sam-table.is-loading-table .sam-table__body tr[data-v-3ea58f89]:hover,.sam-table.is-empty .sam-table__body tr[data-v-3ea58f89]:hover{background-color:transparent}.sam-table__wrapper[data-v-3ea58f89],.sam-table__body[data-v-3ea58f89]{width:100%}.sam-table__table[data-v-3ea58f89]{border-collapse:collapse;table-layout:fixed;width:100%}.sam-table__head[data-v-3ea58f89]{border-bottom:solid .06rem #E7E7E8}.sam-table__head tr th[data-v-3ea58f89]{text-align:left;vertical-align:middle;color:#343941;height:54px}.sam-table__head tr th[data-v-3ea58f89]:first-child{padding-left:1.5rem}.sam-table__head tr th[data-v-3ea58f89]:last-child{padding-right:1.5rem}.sam-table__headerContent[data-v-3ea58f89]{column-gap:.5rem}.sam-table__sortAction[data-v-3ea58f89]{display:table-cell;width:27px;height:27px;border:none;border-radius:.25rem;box-shadow:none;background-color:transparent;outline:none;transition:background-color .2s;cursor:pointer}.sam-table__sortAction.active[data-v-3ea58f89]{background-color:#f2f3fc;color:#3843d0}.sam-table__sortAction[data-v-3ea58f89]:hover,.sam-table__sortAction[data-v-3ea58f89]:active{background-color:#f2f3fc}.sam-table__sortAction .sam-table__sortIcon[data-v-3ea58f89]{text-align:center;vertical-align:middle}.sam-table[data-v-3ea58f89] .sam-table__body td,.sam-table[data-v-3ea58f89] .sam-table__body th{text-align:start;vertical-align:middle;color:#343941;height:54px}.sam-table[data-v-3ea58f89] .sam-table__body td:first-child,.sam-table[data-v-3ea58f89] .sam-table__body th:first-child{padding-left:1.5rem}.sam-table[data-v-3ea58f89] .sam-table__body td:last-child,.sam-table[data-v-3ea58f89] .sam-table__body th:last-child{padding-right:1.5rem}.sam-table[data-v-3ea58f89] .sam-table__body td.is-loading-cell span,.sam-table[data-v-3ea58f89] .sam-table__body th.is-loading-cell span{display:block;height:1rem;background-color:#cecfd1;border-radius:99px;position:relative;opacity:.8;animation:old-skeleton-blink-3ea58f89 2s linear infinite}.sam-table[data-v-3ea58f89] .sam-table__body tr{transition:background-color .2s}.sam-table[data-v-3ea58f89] .sam-table__body tr.clickable{cursor:pointer}.sam-table[data-v-3ea58f89] .sam-table__body tr:not(:last-child){border-bottom:solid .06rem #E7E7E8}.sam-table[data-v-3ea58f89] .sam-table__body tr a{color:#343941;font-weight:500}.sam-table:not(.is-empty) tbody tr[data-v-3ea58f89]:hover{background-color:#f2f3fc}.sam-table:not(.is-empty) tbody tr:hover td[data-v-3ea58f89],.sam-table:not(.is-empty) tbody tr:hover th[data-v-3ea58f89],.sam-table:not(.is-empty) tbody tr:hover a[data-v-3ea58f89]{color:#3843d0}.sam-table__paginationContainer[data-v-3ea58f89]{border-top:solid .06rem #E7E7E8;height:54px}.sam-table__checkbox[data-v-3ea58f89]{width:61px}.sam-table__checkbox .sam-checkbox[data-v-3ea58f89]{height:25px}