podo-ui 1.1.6 → 1.1.7

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": "podo-ui",
3
- "version": "1.1.6",
3
+ "version": "1.1.7",
4
4
  "type": "module",
5
5
  "author": "hada0127 <work@tarucy.net>",
6
6
  "license": "MIT",
package/public/ai.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "podo-ui",
3
- "version": "1.1.6",
3
+ "version": "1.1.7",
4
4
  "description": "Design system: SCSS + React + Svelte 5",
5
5
  "philosophy": "Maximum flexibility with minimal JS dependency",
6
6
  "install": "npm install podo-ui",
@@ -6,14 +6,17 @@ button {
6
6
  @include p3;
7
7
  & {
8
8
  display: inline-flex;
9
+ align-items: center;
9
10
  gap: s(2);
10
11
  border-radius: r(3);
11
- padding: s(3) s(5);
12
+ padding: 0 s(3);
13
+ height: 42px;
12
14
  &.xxs {
13
15
  @include p5;
14
16
  & {
15
17
  border-radius: r(2);
16
- padding: s(2);
18
+ padding: 0 s(2);
19
+ height: 27px;
17
20
  > i::before {
18
21
  font-size: 16px;
19
22
  }
@@ -23,7 +26,8 @@ button {
23
26
  @include p4;
24
27
  & {
25
28
  border-radius: r(2);
26
- padding: s(2) s(3);
29
+ padding: 0 s(3);
30
+ height: 30px;
27
31
  > i::before {
28
32
  font-size: 20px;
29
33
  }
@@ -33,14 +37,16 @@ button {
33
37
  @include p2;
34
38
  & {
35
39
  border-radius: r(5);
36
- padding: s(4) s(6);
40
+ padding: 0 s(4);
41
+ height: 56px;
37
42
  }
38
43
  }
39
44
  &.lg {
40
45
  @include p1;
41
46
  & {
42
47
  border-radius: r(6);
43
- padding: s(5) s(6);
48
+ padding: 0 s(5);
49
+ height: 66px;
44
50
  }
45
51
  }
46
52
  }
@@ -22,7 +22,8 @@ input[type='week'],
22
22
  input[type='datetime'] {
23
23
  @include p3;
24
24
  & {
25
- padding: s(3) s(4);
25
+ height: 42px;
26
+ padding: 0 s(4);
26
27
  background-color: color('bg-block');
27
28
  border-radius: r(3);
28
29
  border: 1px solid color('border-disabled');
@@ -87,14 +88,16 @@ input[type='datetime'] {
87
88
  &.md {
88
89
  @include p2;
89
90
  & {
90
- padding: s(4) s(4);
91
+ height: 56px;
92
+ padding: 0 s(4);
91
93
  border-radius: r(5);
92
94
  }
93
95
  }
94
96
  &.lg {
95
97
  @include p2;
96
98
  & {
97
- padding: s(5) s(4);
99
+ height: 66px;
100
+ padding: 0 s(4);
98
101
  border-radius: r(6);
99
102
  }
100
103
  }