@xfers/design-system 8.0.0-dev.2e3325b3c4 → 8.0.0-dev.7a712dceac

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/cjs/index.js CHANGED
@@ -1033,7 +1033,7 @@ padding-top:
1033
1033
  gap: 8px;
1034
1034
  `,ru={business:rt.NEUTRAL,personal:rt.NEUTRAL,sandbox:at.PRIMARY_3},au={business:ct.SIDEBAR_ACTIVE,personal:ct.SIDEBAR_ACTIVE,sandbox:ct.SIDEBAR_ACTIVE_SANDBOX},su={business:st.HOVER_SURFACE,personal:st.HOVER_SURFACE,sandbox:"rgba(255, 255, 255, 0.08)"},lu=(t,e)=>(t=>"sandbox"===t)(t)?at.ON_CONTAINER:e?lt.POSITIVE:at.ON_NEUTRAL_SECONDARY,cu=(t,e)=>e?au[t]:su[t],du=ie.div`
1035
1035
  width: 240px;
1036
- min-height: 1000px;
1036
+ height: 100vh;
1037
1037
  box-sizing: border-box;
1038
1038
  padding: 32px 16px;
1039
1039
  background-color: ${t=>ru[t.variant]};
@@ -1042,12 +1042,20 @@ padding-top:
1042
1042
  align-items: center;
1043
1043
  justify-content: space-between;
1044
1044
  flex-shrink: 0;
1045
+ overflow: hidden;
1045
1046
  `,hu=ie.div`
1046
1047
  display: flex;
1047
1048
  flex-direction: column;
1048
1049
  align-items: center;
1049
1050
  gap: 24px;
1050
1051
  width: 100%;
1052
+ flex: 1 1 auto;
1053
+ min-height: 0;
1054
+ overflow-y: auto;
1055
+ overflow-x: hidden;
1056
+
1057
+ /* Slim scrollbar so it doesn't fight the 240px width */
1058
+ scrollbar-width: thin;
1051
1059
  `,uu=ie.div`
1052
1060
  width: 200px;
1053
1061
  height: 60px;
@@ -1158,6 +1166,8 @@ padding-top:
1158
1166
  border-radius: 8px;
1159
1167
  width: 100%;
1160
1168
  box-sizing: border-box;
1169
+ flex-shrink: 0;
1170
+ margin-top: 24px;
1161
1171
  background-color: ${rt.SECONDARY_NEUTRAL};
1162
1172
  `,Eu=ie.span`
1163
1173
  flex: 1 0 0;