lapikit 0.5.7 → 0.5.9

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.
@@ -7,7 +7,7 @@
7
7
  </div>
8
8
 
9
9
  <style>
10
- :root {
10
+ .kit-application {
11
11
  color-scheme: light;
12
12
 
13
13
  --kit-h-neutral: 220;
@@ -134,41 +134,6 @@
134
134
  padding: 0.5rem;
135
135
  }
136
136
 
137
- .kit-list[data-size='xs'] {
138
- --kit-list-item-h: var(--kit-list-item-h-xs);
139
- --kit-list-item-px: var(--kit-list-item-px-xs);
140
- --kit-list-item-gap: var(--kit-list-item-gap-xs);
141
- --kit-list-item-font: var(--kit-list-item-font-xs);
142
- }
143
-
144
- .kit-list[data-size='sm'] {
145
- --kit-list-item-h: var(--kit-list-item-h-sm);
146
- --kit-list-item-px: var(--kit-list-item-px-sm);
147
- --kit-list-item-gap: var(--kit-list-item-gap-sm);
148
- --kit-list-item-font: var(--kit-list-item-font-sm);
149
- }
150
-
151
- .kit-list[data-size='md'] {
152
- --kit-list-item-h: var(--kit-list-item-h-md);
153
- --kit-list-item-px: var(--kit-list-item-px-md);
154
- --kit-list-item-gap: var(--kit-list-item-gap-md);
155
- --kit-list-item-font: var(--kit-list-item-font-md);
156
- }
157
-
158
- .kit-list[data-size='lg'] {
159
- --kit-list-item-h: var(--kit-list-item-h-lg);
160
- --kit-list-item-px: var(--kit-list-item-px-lg);
161
- --kit-list-item-gap: var(--kit-list-item-gap-lg);
162
- --kit-list-item-font: var(--kit-list-item-font-lg);
163
- }
164
-
165
- .kit-list[data-size='xl'] {
166
- --kit-list-item-h: var(--kit-list-item-h-xl);
167
- --kit-list-item-px: var(--kit-list-item-px-xl);
168
- --kit-list-item-gap: var(--kit-list-item-gap-xl);
169
- --kit-list-item-font: var(--kit-list-item-font-xl);
170
- }
171
-
172
137
  .kit-list[data-density='compact'] {
173
138
  --kit-list-density-offset: -0.25rem;
174
139
  }
@@ -118,6 +118,41 @@
118
118
  text-align: left;
119
119
  }
120
120
 
121
+ :global(.kit-list[data-size='xs']) .kit-list-item {
122
+ --kit-list-item-h: var(--kit-list-item-h-xs, 2.125rem);
123
+ --kit-list-item-px: var(--kit-list-item-px-xs, 0.625rem);
124
+ --kit-list-item-gap: var(--kit-list-item-gap-xs, 0.5rem);
125
+ --kit-list-item-font: var(--kit-list-item-font-xs, 0.75rem);
126
+ }
127
+
128
+ :global(.kit-list[data-size='sm']) .kit-list-item {
129
+ --kit-list-item-h: var(--kit-list-item-h-sm, 2.375rem);
130
+ --kit-list-item-px: var(--kit-list-item-px-sm, 0.75rem);
131
+ --kit-list-item-gap: var(--kit-list-item-gap-sm, 0.5rem);
132
+ --kit-list-item-font: var(--kit-list-item-font-sm, 0.875rem);
133
+ }
134
+
135
+ :global(.kit-list[data-size='md']) .kit-list-item {
136
+ --kit-list-item-h: var(--kit-list-item-h-md, 2.75rem);
137
+ --kit-list-item-px: var(--kit-list-item-px-md, 0.875rem);
138
+ --kit-list-item-gap: var(--kit-list-item-gap-md, 0.625rem);
139
+ --kit-list-item-font: var(--kit-list-item-font-md, 0.9375rem);
140
+ }
141
+
142
+ :global(.kit-list[data-size='lg']) .kit-list-item {
143
+ --kit-list-item-h: var(--kit-list-item-h-lg, 3.125rem);
144
+ --kit-list-item-px: var(--kit-list-item-px-lg, 1rem);
145
+ --kit-list-item-gap: var(--kit-list-item-gap-lg, 0.75rem);
146
+ --kit-list-item-font: var(--kit-list-item-font-lg, 1rem);
147
+ }
148
+
149
+ :global(.kit-list[data-size='xl']) .kit-list-item {
150
+ --kit-list-item-h: var(--kit-list-item-h-xl, 3.5rem);
151
+ --kit-list-item-px: var(--kit-list-item-px-xl, 1.125rem);
152
+ --kit-list-item-gap: var(--kit-list-item-gap-xl, 0.875rem);
153
+ --kit-list-item-font: var(--kit-list-item-font-xl, 1.0625rem);
154
+ }
155
+
121
156
  .kit-list-item[data-rounded='0'] {
122
157
  --kit-list-item-radius: 0;
123
158
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "lapikit",
3
- "version": "0.5.7",
3
+ "version": "0.5.9",
4
4
  "license": "MIT",
5
5
  "publishConfig": {
6
6
  "access": "public"