@openwarelabs/ui 0.11.0 → 0.11.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1999,7 +1999,8 @@
1999
1999
 
2000
2000
  .ow-slider__control {
2001
2001
  position: relative;
2002
- height: 20px;
2002
+ /* 24px tall so each handle's input is a big enough target to tap (WCAG 2.2 target size). */
2003
+ height: 24px;
2003
2004
  }
2004
2005
 
2005
2006
  /* The track runs between the thumb's centre at each end (9px in), so the fill meets the thumb exactly. */
@@ -2045,12 +2046,12 @@
2045
2046
  }
2046
2047
 
2047
2048
  .ow-slider__input::-webkit-slider-runnable-track {
2048
- height: 20px;
2049
+ height: 24px;
2049
2050
  background: transparent;
2050
2051
  }
2051
2052
 
2052
2053
  .ow-slider__input::-moz-range-track {
2053
- height: 20px;
2054
+ height: 24px;
2054
2055
  background: transparent;
2055
2056
  }
2056
2057
 
@@ -2058,7 +2059,7 @@
2058
2059
  box-sizing: border-box;
2059
2060
  width: 18px;
2060
2061
  height: 18px;
2061
- margin-top: 1px;
2062
+ margin-top: 3px;
2062
2063
  appearance: none;
2063
2064
  border: 1px solid var(--ow-border-strong);
2064
2065
  border-radius: 50%;
package/dist/styles.css CHANGED
@@ -2433,7 +2433,8 @@
2433
2433
 
2434
2434
  .ow-slider__control {
2435
2435
  position: relative;
2436
- height: 20px;
2436
+ /* 24px tall so each handle's input is a big enough target to tap (WCAG 2.2 target size). */
2437
+ height: 24px;
2437
2438
  }
2438
2439
 
2439
2440
  /* The track runs between the thumb's centre at each end (9px in), so the fill meets the thumb exactly. */
@@ -2479,12 +2480,12 @@
2479
2480
  }
2480
2481
 
2481
2482
  .ow-slider__input::-webkit-slider-runnable-track {
2482
- height: 20px;
2483
+ height: 24px;
2483
2484
  background: transparent;
2484
2485
  }
2485
2486
 
2486
2487
  .ow-slider__input::-moz-range-track {
2487
- height: 20px;
2488
+ height: 24px;
2488
2489
  background: transparent;
2489
2490
  }
2490
2491
 
@@ -2492,7 +2493,7 @@
2492
2493
  box-sizing: border-box;
2493
2494
  width: 18px;
2494
2495
  height: 18px;
2495
- margin-top: 1px;
2496
+ margin-top: 3px;
2496
2497
  appearance: none;
2497
2498
  border: 1px solid var(--ow-border-strong);
2498
2499
  border-radius: 50%;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@openwarelabs/ui",
3
- "version": "0.11.0",
3
+ "version": "0.11.1",
4
4
  "description": "Openware UI: React components and design tokens — midnight and brass, tactile buttons and Inter, in light and dark.",
5
5
  "license": "MIT",
6
6
  "author": "Alexander Silver",