@jackcrane/ui 0.1.3 → 0.1.4

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/dist/jcui.cjs.js CHANGED
@@ -200,7 +200,7 @@ div._chamfer_1o5rm_1:not(._disabled_1o5rm_15):focus-within {
200
200
  transform: rotate(360deg);
201
201
  }
202
202
  }
203
- ._card_1qkhh_1 {
203
+ ._card_1u4j4_1 {
204
204
  border-width: var(--border-thickness);
205
205
  border-style: solid;
206
206
  font-size: 1rem;
@@ -209,63 +209,64 @@ div._chamfer_1o5rm_1:not(._disabled_1o5rm_15):focus-within {
209
209
  display: flex;
210
210
  flex-direction: column;
211
211
  }
212
- ._card_1qkhh_1 ._title_1qkhh_11 {
212
+ ._card_1u4j4_1 ._title_1u4j4_11 {
213
213
  font-size: 1.25rem;
214
214
  padding: 0.5rem 1rem;
215
215
  border-bottom: var(--border-thickness) solid var(--border-color);
216
216
  background-color: var(--card-bg);
217
217
  }
218
- ._card_1qkhh_1 ._body_1qkhh_18 {
218
+ ._card_1u4j4_1 ._body_1u4j4_18 {
219
219
  padding: 0.5rem 1rem;
220
220
  width: 100%;
221
221
  }
222
- ._card_1qkhh_1 ._footer_1qkhh_23 {
222
+ ._card_1u4j4_1 ._footer_1u4j4_23 {
223
223
  border-top: var(--border-thickness) solid var(--border-color);
224
224
  flex: 1;
225
225
  background-color: var(--card-bg);
226
+ padding: 0.5rem 1rem;
226
227
  }
227
- ._large_1qkhh_29 ._body_1qkhh_18,
228
- ._large_1qkhh_29 ._title_1qkhh_11 {
228
+ ._large_1u4j4_30 ._body_1u4j4_18,
229
+ ._large_1u4j4_30 ._title_1u4j4_11 {
229
230
  font-size: 1.25rem;
230
231
  padding: 0.75rem 1.25rem;
231
232
  }
232
- ._small_1qkhh_35 ._body_1qkhh_18,
233
- ._small_1qkhh_35 ._title_1qkhh_11 {
233
+ ._small_1u4j4_36 ._body_1u4j4_18,
234
+ ._small_1u4j4_36 ._title_1u4j4_11 {
234
235
  font-size: 0.75rem;
235
236
  padding: 0.25rem 0.5rem;
236
237
  }
237
238
  /* Variants */
238
- ._primary_1qkhh_43 {
239
+ ._primary_1u4j4_44 {
239
240
  --card-bg: var(--primary-color-100);
240
241
  --border-color: var(--primary-color-300);
241
242
  --border-accent-color: var(--primary-color-600);
242
243
  --card-color: var(--primary-color-800);
243
244
  }
244
- ._success_1qkhh_50 {
245
+ ._success_1u4j4_51 {
245
246
  --card-bg: var(--success-color-100);
246
247
  --border-color: var(--success-color-300);
247
248
  --border-accent-color: var(--success-color-600);
248
249
  --card-color: var(--success-color-800);
249
250
  }
250
- ._warning_1qkhh_57 {
251
+ ._warning_1u4j4_58 {
251
252
  --card-bg: var(--warning-color-100);
252
253
  --border-color: var(--warning-color-300);
253
254
  --border-accent-color: var(--warning-color-600);
254
255
  --card-color: var(--warning-color-800);
255
256
  }
256
- ._danger_1qkhh_64 {
257
+ ._danger_1u4j4_65 {
257
258
  --card-bg: var(--danger-color-100);
258
259
  --border-color: var(--danger-color-300);
259
260
  --border-accent-color: var(--danger-color-600);
260
261
  --card-color: var(--danger-color-800);
261
262
  }
262
- ._info_1qkhh_71 {
263
+ ._info_1u4j4_72 {
263
264
  --card-bg: var(--info-color-100);
264
265
  --border-color: var(--info-color-300);
265
266
  --border-accent-color: var(--info-color-600);
266
267
  --card-color: var(--info-color-800);
267
268
  }
268
- ._secondary_1qkhh_78 {
269
+ ._secondary_1u4j4_79 {
269
270
  --card-bg: var(--secondary-color-100);
270
271
  --border-color: var(--secondary-color-300);
271
272
  --border-accent-color: var(--secondary-color-600);
@@ -2034,18 +2035,18 @@ function requireClassnames() {
2034
2035
  }
2035
2036
  var classnamesExports = requireClassnames();
2036
2037
  const classNames = /* @__PURE__ */ getDefaultExportFromCjs(classnamesExports);
2037
- const card = "_card_1qkhh_1";
2038
- const title$1 = "_title_1qkhh_11";
2039
- const body$1 = "_body_1qkhh_18";
2040
- const footer$1 = "_footer_1qkhh_23";
2041
- const large$5 = "_large_1qkhh_29";
2042
- const small$5 = "_small_1qkhh_35";
2043
- const primary$6 = "_primary_1qkhh_43";
2044
- const success$6 = "_success_1qkhh_50";
2045
- const warning$6 = "_warning_1qkhh_57";
2046
- const danger$6 = "_danger_1qkhh_64";
2047
- const info$6 = "_info_1qkhh_71";
2048
- const secondary$6 = "_secondary_1qkhh_78";
2038
+ const card = "_card_1u4j4_1";
2039
+ const title$1 = "_title_1u4j4_11";
2040
+ const body$1 = "_body_1u4j4_18";
2041
+ const footer$1 = "_footer_1u4j4_23";
2042
+ const large$5 = "_large_1u4j4_30";
2043
+ const small$5 = "_small_1u4j4_36";
2044
+ const primary$6 = "_primary_1u4j4_44";
2045
+ const success$6 = "_success_1u4j4_51";
2046
+ const warning$6 = "_warning_1u4j4_58";
2047
+ const danger$6 = "_danger_1u4j4_65";
2048
+ const info$6 = "_info_1u4j4_72";
2049
+ const secondary$6 = "_secondary_1u4j4_79";
2049
2050
  const styles$8 = {
2050
2051
  card,
2051
2052
  title: title$1,
package/dist/jcui.es.js CHANGED
@@ -200,7 +200,7 @@ div._chamfer_1o5rm_1:not(._disabled_1o5rm_15):focus-within {
200
200
  transform: rotate(360deg);
201
201
  }
202
202
  }
203
- ._card_1qkhh_1 {
203
+ ._card_1u4j4_1 {
204
204
  border-width: var(--border-thickness);
205
205
  border-style: solid;
206
206
  font-size: 1rem;
@@ -209,63 +209,64 @@ div._chamfer_1o5rm_1:not(._disabled_1o5rm_15):focus-within {
209
209
  display: flex;
210
210
  flex-direction: column;
211
211
  }
212
- ._card_1qkhh_1 ._title_1qkhh_11 {
212
+ ._card_1u4j4_1 ._title_1u4j4_11 {
213
213
  font-size: 1.25rem;
214
214
  padding: 0.5rem 1rem;
215
215
  border-bottom: var(--border-thickness) solid var(--border-color);
216
216
  background-color: var(--card-bg);
217
217
  }
218
- ._card_1qkhh_1 ._body_1qkhh_18 {
218
+ ._card_1u4j4_1 ._body_1u4j4_18 {
219
219
  padding: 0.5rem 1rem;
220
220
  width: 100%;
221
221
  }
222
- ._card_1qkhh_1 ._footer_1qkhh_23 {
222
+ ._card_1u4j4_1 ._footer_1u4j4_23 {
223
223
  border-top: var(--border-thickness) solid var(--border-color);
224
224
  flex: 1;
225
225
  background-color: var(--card-bg);
226
+ padding: 0.5rem 1rem;
226
227
  }
227
- ._large_1qkhh_29 ._body_1qkhh_18,
228
- ._large_1qkhh_29 ._title_1qkhh_11 {
228
+ ._large_1u4j4_30 ._body_1u4j4_18,
229
+ ._large_1u4j4_30 ._title_1u4j4_11 {
229
230
  font-size: 1.25rem;
230
231
  padding: 0.75rem 1.25rem;
231
232
  }
232
- ._small_1qkhh_35 ._body_1qkhh_18,
233
- ._small_1qkhh_35 ._title_1qkhh_11 {
233
+ ._small_1u4j4_36 ._body_1u4j4_18,
234
+ ._small_1u4j4_36 ._title_1u4j4_11 {
234
235
  font-size: 0.75rem;
235
236
  padding: 0.25rem 0.5rem;
236
237
  }
237
238
  /* Variants */
238
- ._primary_1qkhh_43 {
239
+ ._primary_1u4j4_44 {
239
240
  --card-bg: var(--primary-color-100);
240
241
  --border-color: var(--primary-color-300);
241
242
  --border-accent-color: var(--primary-color-600);
242
243
  --card-color: var(--primary-color-800);
243
244
  }
244
- ._success_1qkhh_50 {
245
+ ._success_1u4j4_51 {
245
246
  --card-bg: var(--success-color-100);
246
247
  --border-color: var(--success-color-300);
247
248
  --border-accent-color: var(--success-color-600);
248
249
  --card-color: var(--success-color-800);
249
250
  }
250
- ._warning_1qkhh_57 {
251
+ ._warning_1u4j4_58 {
251
252
  --card-bg: var(--warning-color-100);
252
253
  --border-color: var(--warning-color-300);
253
254
  --border-accent-color: var(--warning-color-600);
254
255
  --card-color: var(--warning-color-800);
255
256
  }
256
- ._danger_1qkhh_64 {
257
+ ._danger_1u4j4_65 {
257
258
  --card-bg: var(--danger-color-100);
258
259
  --border-color: var(--danger-color-300);
259
260
  --border-accent-color: var(--danger-color-600);
260
261
  --card-color: var(--danger-color-800);
261
262
  }
262
- ._info_1qkhh_71 {
263
+ ._info_1u4j4_72 {
263
264
  --card-bg: var(--info-color-100);
264
265
  --border-color: var(--info-color-300);
265
266
  --border-accent-color: var(--info-color-600);
266
267
  --card-color: var(--info-color-800);
267
268
  }
268
- ._secondary_1qkhh_78 {
269
+ ._secondary_1u4j4_79 {
269
270
  --card-bg: var(--secondary-color-100);
270
271
  --border-color: var(--secondary-color-300);
271
272
  --border-accent-color: var(--secondary-color-600);
@@ -2016,18 +2017,18 @@ function requireClassnames() {
2016
2017
  }
2017
2018
  var classnamesExports = requireClassnames();
2018
2019
  const classNames = /* @__PURE__ */ getDefaultExportFromCjs(classnamesExports);
2019
- const card = "_card_1qkhh_1";
2020
- const title$1 = "_title_1qkhh_11";
2021
- const body$1 = "_body_1qkhh_18";
2022
- const footer$1 = "_footer_1qkhh_23";
2023
- const large$5 = "_large_1qkhh_29";
2024
- const small$5 = "_small_1qkhh_35";
2025
- const primary$6 = "_primary_1qkhh_43";
2026
- const success$6 = "_success_1qkhh_50";
2027
- const warning$6 = "_warning_1qkhh_57";
2028
- const danger$6 = "_danger_1qkhh_64";
2029
- const info$6 = "_info_1qkhh_71";
2030
- const secondary$6 = "_secondary_1qkhh_78";
2020
+ const card = "_card_1u4j4_1";
2021
+ const title$1 = "_title_1u4j4_11";
2022
+ const body$1 = "_body_1u4j4_18";
2023
+ const footer$1 = "_footer_1u4j4_23";
2024
+ const large$5 = "_large_1u4j4_30";
2025
+ const small$5 = "_small_1u4j4_36";
2026
+ const primary$6 = "_primary_1u4j4_44";
2027
+ const success$6 = "_success_1u4j4_51";
2028
+ const warning$6 = "_warning_1u4j4_58";
2029
+ const danger$6 = "_danger_1u4j4_65";
2030
+ const info$6 = "_info_1u4j4_72";
2031
+ const secondary$6 = "_secondary_1u4j4_79";
2031
2032
  const styles$8 = {
2032
2033
  card,
2033
2034
  title: title$1,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@jackcrane/ui",
3
- "version": "0.1.3",
3
+ "version": "0.1.4",
4
4
  "type": "module",
5
5
  "sideEffects": false,
6
6
  "main": "dist/jcui.cjs.js",