@stn-uiux/pub-ui 0.1.80 → 0.1.81

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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@stn-uiux/pub-ui",
3
- "version": "0.1.80",
3
+ "version": "0.1.81",
4
4
  "description": "STN Pub design system — tokens, specs, and CSS for product HTML / React apps",
5
5
  "type": "module",
6
6
  "sideEffects": [
@@ -155,12 +155,28 @@
155
155
  .stn-drawer__body {
156
156
  flex: 1;
157
157
  overflow-y: auto;
158
- padding: var(--stn-space-5);
158
+ padding: var(--stn-drawer-padding-md);
159
159
  color: var(--stn-text-primary);
160
160
  display: flex;
161
161
  flex-direction: column;
162
162
  }
163
163
 
164
+ /* Drawer Body Padding Scale (.stn-drawer__body.padding-none, .padding-xs ~ .padding-xl) */
165
+ .stn-drawer__body.padding-none { padding: var(--stn-drawer-padding-none); }
166
+ .stn-drawer__body.padding-xs { padding: var(--stn-drawer-padding-xs); }
167
+ .stn-drawer__body.padding-sm { padding: var(--stn-drawer-padding-sm); }
168
+ .stn-drawer__body.padding-md { padding: var(--stn-drawer-padding-md); }
169
+ .stn-drawer__body.padding-lg { padding: var(--stn-drawer-padding-lg); }
170
+ .stn-drawer__body.padding-xl { padding: var(--stn-drawer-padding-xl); }
171
+
172
+ /* Drawer Body Gap Scale (.stn-drawer__body.gap-none, .gap-xs ~ .gap-xl) */
173
+ .stn-drawer__body.gap-none { gap: var(--stn-drawer-gap-none); }
174
+ .stn-drawer__body.gap-xs { gap: var(--stn-drawer-gap-xs); }
175
+ .stn-drawer__body.gap-sm { gap: var(--stn-drawer-gap-sm); }
176
+ .stn-drawer__body.gap-md { gap: var(--stn-drawer-gap-md); }
177
+ .stn-drawer__body.gap-lg { gap: var(--stn-drawer-gap-lg); }
178
+ .stn-drawer__body.gap-xl { gap: var(--stn-drawer-gap-xl); }
179
+
164
180
  .stn-drawer__footer {
165
181
  display: flex;
166
182
  align-items: center;