@jsenv/navi 0.21.1 → 0.21.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -21164,7 +21164,12 @@ installImportMetaCssBuild(import.meta);import.meta.css = [/* css */`
21164
21164
  --button-outline-width: 1px;
21165
21165
  --button-border-width: 1px;
21166
21166
  --button-border-radius: 2px;
21167
+ /* Global padding defaults — override these to change all button paddings. */
21168
+ /* Use --button-padding, --button-padding-x, --button-padding-y for per-button overrides. */
21169
+ --button-padding-x-default: 6px;
21170
+ --button-padding-y-default: 1px;
21167
21171
  /* default */
21172
+
21168
21173
  --button-outline-color: var(--navi-focus-outline-color);
21169
21174
  --button-loader-color: var(--navi-loader-color);
21170
21175
  --button-border-color: light-dark(#767676, #8e8e93);
@@ -21219,22 +21224,6 @@ installImportMetaCssBuild(import.meta);import.meta.css = [/* css */`
21219
21224
  --x-button-outer-width: calc(
21220
21225
  var(--x-button-border-width) + var(--x-button-outline-width)
21221
21226
  );
21222
- --x-button-padding-top: var(
21223
- --button-padding-top,
21224
- var(--button-padding-y, var(--button-padding, 1px))
21225
- );
21226
- --x-button-padding-right: var(
21227
- --button-padding-right,
21228
- var(--button-padding-x, var(--button-padding, 6px))
21229
- );
21230
- --x-button-padding-bottom: var(
21231
- --button-padding-bottom,
21232
- var(--button-padding-y, var(--button-padding, 1px))
21233
- );
21234
- --x-button-padding-left: var(
21235
- --button-padding-left,
21236
- var(--button-padding-x, var(--button-padding, 6px))
21237
- );
21238
21227
  --x-button-outline-color: var(--button-outline-color);
21239
21228
  --x-button-border-color: var(--button-border-color);
21240
21229
  --x-button-background: var(--button-background);
@@ -21264,10 +21253,34 @@ installImportMetaCssBuild(import.meta);import.meta.css = [/* css */`
21264
21253
  aspect-ratio: inherit;
21265
21254
  width: 100%;
21266
21255
  height: 100%;
21267
- padding-top: var(--x-button-padding-top);
21268
- padding-right: var(--x-button-padding-right);
21269
- padding-bottom: var(--x-button-padding-bottom);
21270
- padding-left: var(--x-button-padding-left);
21256
+ padding-top: var(
21257
+ --button-padding-top,
21258
+ var(
21259
+ --button-padding-y,
21260
+ var(--button-padding, var(--button-padding-y-default))
21261
+ )
21262
+ );
21263
+ padding-right: var(
21264
+ --button-padding-right,
21265
+ var(
21266
+ --button-padding-x,
21267
+ var(--button-padding, var(--button-padding-x-default))
21268
+ )
21269
+ );
21270
+ padding-bottom: var(
21271
+ --button-padding-bottom,
21272
+ var(
21273
+ --button-padding-y,
21274
+ var(--button-padding, var(--button-padding-y-default))
21275
+ )
21276
+ );
21277
+ padding-left: var(
21278
+ --button-padding-left,
21279
+ var(
21280
+ --button-padding-x,
21281
+ var(--button-padding, var(--button-padding-x-default))
21282
+ )
21283
+ );
21271
21284
  align-items: inherit;
21272
21285
  justify-content: inherit;
21273
21286
  color: var(--x-button-color);