@dillingerstaffing/strand-ui 0.7.0 → 0.7.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.
Files changed (3) hide show
  1. package/dist/css/strand-ui.css +8 -8
  2. package/package.json +2 -2
  3. package/src/components/Button/Button.css +8 -8
package/dist/css/strand-ui.css CHANGED
@@ -313,21 +313,21 @@
313
313
 
314
314
  /* ── Sizes ── */
315
315
  .strand-btn--sm {
316
- padding: var(--strand-space-1) var(--strand-space-3);
316
+ padding: var(--strand-space-2) var(--strand-space-5);
317
317
  font-size: var(--strand-text-sm);
318
318
  min-height: var(--strand-touch-target);
319
319
  }
320
320
 
321
321
  .strand-btn--md {
322
- padding: calc(var(--strand-space-2) + var(--strand-space-1) / 2) var(--strand-space-5);
322
+ padding: var(--strand-space-3) var(--strand-space-8);
323
323
  font-size: var(--strand-text-sm);
324
324
  min-height: var(--strand-touch-target);
325
325
  }
326
326
 
327
327
  .strand-btn--lg {
328
- padding: var(--strand-space-3) var(--strand-space-6);
328
+ padding: var(--strand-space-3) var(--strand-space-10);
329
329
  font-size: var(--strand-text-base);
330
- min-height: 48px;
330
+ min-height: var(--strand-touch-target);
331
331
  }
332
332
 
333
333
  /* ── Icon-only ── */
@@ -353,18 +353,18 @@
353
353
 
354
354
  /* ── Primary variant ── */
355
355
  .strand-btn--primary {
356
- background: var(--strand-blue-primary);
357
- color: var(--strand-on-blue-primary);
356
+ background: var(--strand-blue-deep);
357
+ color: var(--strand-on-blue-deep);
358
358
  }
359
359
 
360
360
  .strand-btn--primary:hover:not(:disabled) {
361
- background: var(--strand-blue-vivid);
361
+ background: var(--strand-blue-midnight);
362
362
  transform: translateY(-1px);
363
363
  box-shadow: var(--strand-hover-shadow-primary);
364
364
  }
365
365
 
366
366
  .strand-btn--primary:active:not(:disabled) {
367
- background: var(--strand-blue-deep);
367
+ background: var(--strand-blue-abyss);
368
368
  }
369
369
 
370
370
  /* ── Secondary variant ── */
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@dillingerstaffing/strand-ui",
3
- "version": "0.7.0",
3
+ "version": "0.7.1",
4
4
  "description": "Strand UI - Preact/React component library built on the Strand Design Language",
5
5
  "author": "Dillinger Staffing <engineering@dillingerstaffing.com> (https://dillingerstaffing.com)",
6
6
  "license": "MIT",
@@ -60,7 +60,7 @@
60
60
  }
61
61
  },
62
62
  "dependencies": {
63
- "@dillingerstaffing/strand": "^0.7.0"
63
+ "@dillingerstaffing/strand": "^0.7.1"
64
64
  },
65
65
  "devDependencies": {
66
66
  "@testing-library/preact": "^3.2.0",
package/src/components/Button/Button.css CHANGED
@@ -35,21 +35,21 @@
35
35
 
36
36
  /* ── Sizes ── */
37
37
  .strand-btn--sm {
38
- padding: var(--strand-space-1) var(--strand-space-3);
38
+ padding: var(--strand-space-2) var(--strand-space-5);
39
39
  font-size: var(--strand-text-sm);
40
40
  min-height: var(--strand-touch-target);
41
41
  }
42
42
 
43
43
  .strand-btn--md {
44
- padding: calc(var(--strand-space-2) + var(--strand-space-1) / 2) var(--strand-space-5);
44
+ padding: var(--strand-space-3) var(--strand-space-8);
45
45
  font-size: var(--strand-text-sm);
46
46
  min-height: var(--strand-touch-target);
47
47
  }
48
48
 
49
49
  .strand-btn--lg {
50
- padding: var(--strand-space-3) var(--strand-space-6);
50
+ padding: var(--strand-space-3) var(--strand-space-10);
51
51
  font-size: var(--strand-text-base);
52
- min-height: 48px;
52
+ min-height: var(--strand-touch-target);
53
53
  }
54
54
 
55
55
  /* ── Icon-only ── */
@@ -75,18 +75,18 @@
75
75
 
76
76
  /* ── Primary variant ── */
77
77
  .strand-btn--primary {
78
- background: var(--strand-blue-primary);
79
- color: var(--strand-on-blue-primary);
78
+ background: var(--strand-blue-deep);
79
+ color: var(--strand-on-blue-deep);
80
80
  }
81
81
 
82
82
  .strand-btn--primary:hover:not(:disabled) {
83
- background: var(--strand-blue-vivid);
83
+ background: var(--strand-blue-midnight);
84
84
  transform: translateY(-1px);
85
85
  box-shadow: var(--strand-hover-shadow-primary);
86
86
  }
87
87
 
88
88
  .strand-btn--primary:active:not(:disabled) {
89
- background: var(--strand-blue-deep);
89
+ background: var(--strand-blue-abyss);
90
90
  }
91
91
 
92
92
  /* ── Secondary variant ── */