@jackcrane/ui 0.1.23 → 0.1.24

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/jcui.cjs.js +55 -50
  2. package/dist/jcui.es.js +55 -50
  3. package/package.json +1 -1
package/dist/jcui.cjs.js CHANGED
@@ -217,7 +217,7 @@ div.jcui_chamfer:not(.jcui_disabled):focus-within {
217
217
  transform: rotate(360deg);
218
218
  }
219
219
  }
220
- ._card_1wvfe_1 {
220
+ ._card_15n7t_1 {
221
221
  border-width: var(--border-thickness);
222
222
  border-style: solid;
223
223
  font-size: 1rem;
@@ -226,30 +226,30 @@ div.jcui_chamfer:not(.jcui_disabled):focus-within {
226
226
  display: flex;
227
227
  flex-direction: column;
228
228
  }
229
- ._pageBackground_1wvfe_11 {
229
+ ._pageBackground_15n7t_11 {
230
230
  --card-bg: var(--body-bg);
231
231
  --button-bg: var(--body-bg);
232
232
  --card-color: var(--body-color);
233
233
  background-color: var(--body-bg);
234
234
  }
235
- ._card_1wvfe_1 ._title_1wvfe_18 {
235
+ ._card_15n7t_1 ._title_15n7t_18 {
236
236
  font-size: 1.25rem;
237
237
  padding: 0.5rem 1rem;
238
238
  border-bottom: var(--border-thickness) solid var(--border-color);
239
239
  background-color: var(--card-bg);
240
240
  }
241
- ._card_1wvfe_1 ._titleCollapsed_1wvfe_25 {
241
+ ._card_15n7t_1 ._titleCollapsed_15n7t_25 {
242
242
  border-bottom: 0;
243
243
  }
244
- ._card_1wvfe_1 ._titleContent_1wvfe_29 {
244
+ ._card_15n7t_1 ._titleContent_15n7t_29 {
245
245
  display: flex;
246
246
  align-items: center;
247
247
  gap: 0.5rem;
248
248
  }
249
- ._card_1wvfe_1 ._titleInteractive_1wvfe_35 {
249
+ ._card_15n7t_1 ._titleInteractive_15n7t_35 {
250
250
  cursor: pointer;
251
251
  }
252
- ._card_1wvfe_1 ._chevron_1wvfe_39 {
252
+ ._card_15n7t_1 ._chevron_15n7t_39 {
253
253
  margin-left: auto;
254
254
  width: 0.5rem;
255
255
  height: 0.5rem;
@@ -259,89 +259,94 @@ div.jcui_chamfer:not(.jcui_disabled):focus-within {
259
259
  flex-shrink: 0;
260
260
  cursor: inherit;
261
261
  }
262
- ._card_1wvfe_1 ._chevronExpanded_1wvfe_50 {
262
+ ._card_15n7t_1 ._chevronExpanded_15n7t_50 {
263
263
  transform: rotate(45deg);
264
264
  }
265
- ._card_1wvfe_1 ._chevronCollapsed_1wvfe_54 {
265
+ ._card_15n7t_1 ._chevronCollapsed_15n7t_54 {
266
266
  transform: rotate(-45deg);
267
267
  }
268
- ._card_1wvfe_1 ._titleInteractive_1wvfe_35:hover ._chevronExpanded_1wvfe_50,
269
- ._card_1wvfe_1 ._titleInteractive_1wvfe_35:focus-visible ._chevronExpanded_1wvfe_50 {
268
+ ._card_15n7t_1 ._titleInteractive_15n7t_35:hover ._chevronExpanded_15n7t_50,
269
+ ._card_15n7t_1 ._titleInteractive_15n7t_35:focus-visible ._chevronExpanded_15n7t_50 {
270
270
  transform: rotate(30deg);
271
271
  }
272
- ._card_1wvfe_1 ._titleInteractive_1wvfe_35:hover ._chevronCollapsed_1wvfe_54,
273
- ._card_1wvfe_1 ._titleInteractive_1wvfe_35:focus-visible ._chevronCollapsed_1wvfe_54 {
272
+ ._card_15n7t_1 ._titleInteractive_15n7t_35:hover ._chevronCollapsed_15n7t_54,
273
+ ._card_15n7t_1 ._titleInteractive_15n7t_35:focus-visible ._chevronCollapsed_15n7t_54 {
274
274
  transform: rotate(-30deg);
275
275
  }
276
- ._card_1wvfe_1 ._content_1wvfe_68 {
276
+ ._card_15n7t_1 ._content_15n7t_68 {
277
277
  display: grid;
278
278
  grid-template-rows: 1fr;
279
279
  transition:
280
280
  grid-template-rows 0.2s ease,
281
281
  opacity 0.2s ease;
282
282
  }
283
- ._card_1wvfe_1 ._contentInner_1wvfe_76 {
283
+ ._card_15n7t_1 ._contentInner_15n7t_76 {
284
284
  overflow: hidden;
285
285
  min-height: 0;
286
286
  display: flex;
287
287
  flex-direction: column;
288
288
  }
289
- ._card_1wvfe_1 ._contentCollapsed_1wvfe_83 {
289
+ ._card_15n7t_1 ._contentCollapsed_15n7t_83 {
290
290
  grid-template-rows: 0fr;
291
291
  opacity: 0;
292
292
  }
293
- ._card_1wvfe_1 ._body_1wvfe_88 {
293
+ ._card_15n7t_1 ._body_15n7t_88 {
294
294
  padding: 0.5rem 1rem;
295
295
  width: 100%;
296
296
  }
297
- ._card_1wvfe_1 ._footer_1wvfe_93 {
297
+ ._card_15n7t_1 ._body_15n7t_88 > hr {
298
+ margin: 1rem 0;
299
+ transform: translateX(-16px);
300
+ width: calc(100% + 32px);
301
+ }
302
+ ._card_15n7t_1 ._footer_15n7t_99 {
298
303
  border-top: var(--border-thickness) solid var(--border-color);
299
304
  flex: 1;
300
305
  background-color: var(--card-bg);
301
306
  padding: 0.5rem 1rem;
302
307
  }
303
- ._large_1wvfe_100 ._body_1wvfe_88,
304
- ._large_1wvfe_100 ._title_1wvfe_18 {
308
+ ._large_15n7t_106 ._body_15n7t_88,
309
+ ._large_15n7t_106 ._title_15n7t_18 {
305
310
  font-size: 1.25rem;
306
311
  padding: 0.75rem 1.25rem;
307
312
  }
308
- ._small_1wvfe_106 ._body_1wvfe_88,
309
- ._small_1wvfe_106 ._title_1wvfe_18 {
313
+ ._small_15n7t_112 ._body_15n7t_88,
314
+ ._small_15n7t_112 ._title_15n7t_18 {
310
315
  font-size: 0.75rem;
311
316
  padding: 0.25rem 0.5rem;
312
317
  }
313
318
  /* Variants */
314
- ._primary_1wvfe_114 {
319
+ ._primary_15n7t_120 {
315
320
  --card-bg: var(--primary-color-100);
316
321
  --border-color: var(--primary-color-300);
317
322
  --border-accent-color: var(--primary-color-600);
318
323
  --card-color: var(--primary-color-800);
319
324
  }
320
- ._success_1wvfe_121 {
325
+ ._success_15n7t_127 {
321
326
  --card-bg: var(--success-color-100);
322
327
  --border-color: var(--success-color-300);
323
328
  --border-accent-color: var(--success-color-600);
324
329
  --card-color: var(--success-color-800);
325
330
  }
326
- ._warning_1wvfe_128 {
331
+ ._warning_15n7t_134 {
327
332
  --card-bg: var(--warning-color-100);
328
333
  --border-color: var(--warning-color-300);
329
334
  --border-accent-color: var(--warning-color-600);
330
335
  --card-color: var(--warning-color-800);
331
336
  }
332
- ._danger_1wvfe_135 {
337
+ ._danger_15n7t_141 {
333
338
  --card-bg: var(--danger-color-100);
334
339
  --border-color: var(--danger-color-300);
335
340
  --border-accent-color: var(--danger-color-600);
336
341
  --card-color: var(--danger-color-800);
337
342
  }
338
- ._info_1wvfe_142 {
343
+ ._info_15n7t_148 {
339
344
  --card-bg: var(--info-color-100);
340
345
  --border-color: var(--info-color-300);
341
346
  --border-accent-color: var(--info-color-600);
342
347
  --card-color: var(--info-color-800);
343
348
  }
344
- ._secondary_1wvfe_149 {
349
+ ._secondary_15n7t_155 {
345
350
  --card-bg: var(--secondary-color-100);
346
351
  --border-color: var(--secondary-color-300);
347
352
  --border-accent-color: var(--secondary-color-600);
@@ -2672,28 +2677,28 @@ function requireClassnames() {
2672
2677
  }
2673
2678
  var classnamesExports = requireClassnames();
2674
2679
  const classNames = /* @__PURE__ */ getDefaultExportFromCjs(classnamesExports);
2675
- const card = "_card_1wvfe_1";
2676
- const pageBackground$3 = "_pageBackground_1wvfe_11";
2677
- const title$1 = "_title_1wvfe_18";
2678
- const titleCollapsed = "_titleCollapsed_1wvfe_25";
2679
- const titleContent = "_titleContent_1wvfe_29";
2680
- const titleInteractive = "_titleInteractive_1wvfe_35";
2681
- const chevron = "_chevron_1wvfe_39";
2682
- const chevronExpanded = "_chevronExpanded_1wvfe_50";
2683
- const chevronCollapsed = "_chevronCollapsed_1wvfe_54";
2684
- const content$4 = "_content_1wvfe_68";
2685
- const contentInner = "_contentInner_1wvfe_76";
2686
- const contentCollapsed = "_contentCollapsed_1wvfe_83";
2687
- const body$1 = "_body_1wvfe_88";
2688
- const footer$1 = "_footer_1wvfe_93";
2689
- const large$7 = "_large_1wvfe_100";
2690
- const small$7 = "_small_1wvfe_106";
2691
- const primary$9 = "_primary_1wvfe_114";
2692
- const success$9 = "_success_1wvfe_121";
2693
- const warning$9 = "_warning_1wvfe_128";
2694
- const danger$9 = "_danger_1wvfe_135";
2695
- const info$9 = "_info_1wvfe_142";
2696
- const secondary$9 = "_secondary_1wvfe_149";
2680
+ const card = "_card_15n7t_1";
2681
+ const pageBackground$3 = "_pageBackground_15n7t_11";
2682
+ const title$1 = "_title_15n7t_18";
2683
+ const titleCollapsed = "_titleCollapsed_15n7t_25";
2684
+ const titleContent = "_titleContent_15n7t_29";
2685
+ const titleInteractive = "_titleInteractive_15n7t_35";
2686
+ const chevron = "_chevron_15n7t_39";
2687
+ const chevronExpanded = "_chevronExpanded_15n7t_50";
2688
+ const chevronCollapsed = "_chevronCollapsed_15n7t_54";
2689
+ const content$4 = "_content_15n7t_68";
2690
+ const contentInner = "_contentInner_15n7t_76";
2691
+ const contentCollapsed = "_contentCollapsed_15n7t_83";
2692
+ const body$1 = "_body_15n7t_88";
2693
+ const footer$1 = "_footer_15n7t_99";
2694
+ const large$7 = "_large_15n7t_106";
2695
+ const small$7 = "_small_15n7t_112";
2696
+ const primary$9 = "_primary_15n7t_120";
2697
+ const success$9 = "_success_15n7t_127";
2698
+ const warning$9 = "_warning_15n7t_134";
2699
+ const danger$9 = "_danger_15n7t_141";
2700
+ const info$9 = "_info_15n7t_148";
2701
+ const secondary$9 = "_secondary_15n7t_155";
2697
2702
  const styles$b = {
2698
2703
  card,
2699
2704
  pageBackground: pageBackground$3,
package/dist/jcui.es.js CHANGED
@@ -217,7 +217,7 @@ div.jcui_chamfer:not(.jcui_disabled):focus-within {
217
217
  transform: rotate(360deg);
218
218
  }
219
219
  }
220
- ._card_1wvfe_1 {
220
+ ._card_15n7t_1 {
221
221
  border-width: var(--border-thickness);
222
222
  border-style: solid;
223
223
  font-size: 1rem;
@@ -226,30 +226,30 @@ div.jcui_chamfer:not(.jcui_disabled):focus-within {
226
226
  display: flex;
227
227
  flex-direction: column;
228
228
  }
229
- ._pageBackground_1wvfe_11 {
229
+ ._pageBackground_15n7t_11 {
230
230
  --card-bg: var(--body-bg);
231
231
  --button-bg: var(--body-bg);
232
232
  --card-color: var(--body-color);
233
233
  background-color: var(--body-bg);
234
234
  }
235
- ._card_1wvfe_1 ._title_1wvfe_18 {
235
+ ._card_15n7t_1 ._title_15n7t_18 {
236
236
  font-size: 1.25rem;
237
237
  padding: 0.5rem 1rem;
238
238
  border-bottom: var(--border-thickness) solid var(--border-color);
239
239
  background-color: var(--card-bg);
240
240
  }
241
- ._card_1wvfe_1 ._titleCollapsed_1wvfe_25 {
241
+ ._card_15n7t_1 ._titleCollapsed_15n7t_25 {
242
242
  border-bottom: 0;
243
243
  }
244
- ._card_1wvfe_1 ._titleContent_1wvfe_29 {
244
+ ._card_15n7t_1 ._titleContent_15n7t_29 {
245
245
  display: flex;
246
246
  align-items: center;
247
247
  gap: 0.5rem;
248
248
  }
249
- ._card_1wvfe_1 ._titleInteractive_1wvfe_35 {
249
+ ._card_15n7t_1 ._titleInteractive_15n7t_35 {
250
250
  cursor: pointer;
251
251
  }
252
- ._card_1wvfe_1 ._chevron_1wvfe_39 {
252
+ ._card_15n7t_1 ._chevron_15n7t_39 {
253
253
  margin-left: auto;
254
254
  width: 0.5rem;
255
255
  height: 0.5rem;
@@ -259,89 +259,94 @@ div.jcui_chamfer:not(.jcui_disabled):focus-within {
259
259
  flex-shrink: 0;
260
260
  cursor: inherit;
261
261
  }
262
- ._card_1wvfe_1 ._chevronExpanded_1wvfe_50 {
262
+ ._card_15n7t_1 ._chevronExpanded_15n7t_50 {
263
263
  transform: rotate(45deg);
264
264
  }
265
- ._card_1wvfe_1 ._chevronCollapsed_1wvfe_54 {
265
+ ._card_15n7t_1 ._chevronCollapsed_15n7t_54 {
266
266
  transform: rotate(-45deg);
267
267
  }
268
- ._card_1wvfe_1 ._titleInteractive_1wvfe_35:hover ._chevronExpanded_1wvfe_50,
269
- ._card_1wvfe_1 ._titleInteractive_1wvfe_35:focus-visible ._chevronExpanded_1wvfe_50 {
268
+ ._card_15n7t_1 ._titleInteractive_15n7t_35:hover ._chevronExpanded_15n7t_50,
269
+ ._card_15n7t_1 ._titleInteractive_15n7t_35:focus-visible ._chevronExpanded_15n7t_50 {
270
270
  transform: rotate(30deg);
271
271
  }
272
- ._card_1wvfe_1 ._titleInteractive_1wvfe_35:hover ._chevronCollapsed_1wvfe_54,
273
- ._card_1wvfe_1 ._titleInteractive_1wvfe_35:focus-visible ._chevronCollapsed_1wvfe_54 {
272
+ ._card_15n7t_1 ._titleInteractive_15n7t_35:hover ._chevronCollapsed_15n7t_54,
273
+ ._card_15n7t_1 ._titleInteractive_15n7t_35:focus-visible ._chevronCollapsed_15n7t_54 {
274
274
  transform: rotate(-30deg);
275
275
  }
276
- ._card_1wvfe_1 ._content_1wvfe_68 {
276
+ ._card_15n7t_1 ._content_15n7t_68 {
277
277
  display: grid;
278
278
  grid-template-rows: 1fr;
279
279
  transition:
280
280
  grid-template-rows 0.2s ease,
281
281
  opacity 0.2s ease;
282
282
  }
283
- ._card_1wvfe_1 ._contentInner_1wvfe_76 {
283
+ ._card_15n7t_1 ._contentInner_15n7t_76 {
284
284
  overflow: hidden;
285
285
  min-height: 0;
286
286
  display: flex;
287
287
  flex-direction: column;
288
288
  }
289
- ._card_1wvfe_1 ._contentCollapsed_1wvfe_83 {
289
+ ._card_15n7t_1 ._contentCollapsed_15n7t_83 {
290
290
  grid-template-rows: 0fr;
291
291
  opacity: 0;
292
292
  }
293
- ._card_1wvfe_1 ._body_1wvfe_88 {
293
+ ._card_15n7t_1 ._body_15n7t_88 {
294
294
  padding: 0.5rem 1rem;
295
295
  width: 100%;
296
296
  }
297
- ._card_1wvfe_1 ._footer_1wvfe_93 {
297
+ ._card_15n7t_1 ._body_15n7t_88 > hr {
298
+ margin: 1rem 0;
299
+ transform: translateX(-16px);
300
+ width: calc(100% + 32px);
301
+ }
302
+ ._card_15n7t_1 ._footer_15n7t_99 {
298
303
  border-top: var(--border-thickness) solid var(--border-color);
299
304
  flex: 1;
300
305
  background-color: var(--card-bg);
301
306
  padding: 0.5rem 1rem;
302
307
  }
303
- ._large_1wvfe_100 ._body_1wvfe_88,
304
- ._large_1wvfe_100 ._title_1wvfe_18 {
308
+ ._large_15n7t_106 ._body_15n7t_88,
309
+ ._large_15n7t_106 ._title_15n7t_18 {
305
310
  font-size: 1.25rem;
306
311
  padding: 0.75rem 1.25rem;
307
312
  }
308
- ._small_1wvfe_106 ._body_1wvfe_88,
309
- ._small_1wvfe_106 ._title_1wvfe_18 {
313
+ ._small_15n7t_112 ._body_15n7t_88,
314
+ ._small_15n7t_112 ._title_15n7t_18 {
310
315
  font-size: 0.75rem;
311
316
  padding: 0.25rem 0.5rem;
312
317
  }
313
318
  /* Variants */
314
- ._primary_1wvfe_114 {
319
+ ._primary_15n7t_120 {
315
320
  --card-bg: var(--primary-color-100);
316
321
  --border-color: var(--primary-color-300);
317
322
  --border-accent-color: var(--primary-color-600);
318
323
  --card-color: var(--primary-color-800);
319
324
  }
320
- ._success_1wvfe_121 {
325
+ ._success_15n7t_127 {
321
326
  --card-bg: var(--success-color-100);
322
327
  --border-color: var(--success-color-300);
323
328
  --border-accent-color: var(--success-color-600);
324
329
  --card-color: var(--success-color-800);
325
330
  }
326
- ._warning_1wvfe_128 {
331
+ ._warning_15n7t_134 {
327
332
  --card-bg: var(--warning-color-100);
328
333
  --border-color: var(--warning-color-300);
329
334
  --border-accent-color: var(--warning-color-600);
330
335
  --card-color: var(--warning-color-800);
331
336
  }
332
- ._danger_1wvfe_135 {
337
+ ._danger_15n7t_141 {
333
338
  --card-bg: var(--danger-color-100);
334
339
  --border-color: var(--danger-color-300);
335
340
  --border-accent-color: var(--danger-color-600);
336
341
  --card-color: var(--danger-color-800);
337
342
  }
338
- ._info_1wvfe_142 {
343
+ ._info_15n7t_148 {
339
344
  --card-bg: var(--info-color-100);
340
345
  --border-color: var(--info-color-300);
341
346
  --border-accent-color: var(--info-color-600);
342
347
  --card-color: var(--info-color-800);
343
348
  }
344
- ._secondary_1wvfe_149 {
349
+ ._secondary_15n7t_155 {
345
350
  --card-bg: var(--secondary-color-100);
346
351
  --border-color: var(--secondary-color-300);
347
352
  --border-accent-color: var(--secondary-color-600);
@@ -2654,28 +2659,28 @@ function requireClassnames() {
2654
2659
  }
2655
2660
  var classnamesExports = requireClassnames();
2656
2661
  const classNames = /* @__PURE__ */ getDefaultExportFromCjs(classnamesExports);
2657
- const card = "_card_1wvfe_1";
2658
- const pageBackground$3 = "_pageBackground_1wvfe_11";
2659
- const title$1 = "_title_1wvfe_18";
2660
- const titleCollapsed = "_titleCollapsed_1wvfe_25";
2661
- const titleContent = "_titleContent_1wvfe_29";
2662
- const titleInteractive = "_titleInteractive_1wvfe_35";
2663
- const chevron = "_chevron_1wvfe_39";
2664
- const chevronExpanded = "_chevronExpanded_1wvfe_50";
2665
- const chevronCollapsed = "_chevronCollapsed_1wvfe_54";
2666
- const content$4 = "_content_1wvfe_68";
2667
- const contentInner = "_contentInner_1wvfe_76";
2668
- const contentCollapsed = "_contentCollapsed_1wvfe_83";
2669
- const body$1 = "_body_1wvfe_88";
2670
- const footer$1 = "_footer_1wvfe_93";
2671
- const large$7 = "_large_1wvfe_100";
2672
- const small$7 = "_small_1wvfe_106";
2673
- const primary$9 = "_primary_1wvfe_114";
2674
- const success$9 = "_success_1wvfe_121";
2675
- const warning$9 = "_warning_1wvfe_128";
2676
- const danger$9 = "_danger_1wvfe_135";
2677
- const info$9 = "_info_1wvfe_142";
2678
- const secondary$9 = "_secondary_1wvfe_149";
2662
+ const card = "_card_15n7t_1";
2663
+ const pageBackground$3 = "_pageBackground_15n7t_11";
2664
+ const title$1 = "_title_15n7t_18";
2665
+ const titleCollapsed = "_titleCollapsed_15n7t_25";
2666
+ const titleContent = "_titleContent_15n7t_29";
2667
+ const titleInteractive = "_titleInteractive_15n7t_35";
2668
+ const chevron = "_chevron_15n7t_39";
2669
+ const chevronExpanded = "_chevronExpanded_15n7t_50";
2670
+ const chevronCollapsed = "_chevronCollapsed_15n7t_54";
2671
+ const content$4 = "_content_15n7t_68";
2672
+ const contentInner = "_contentInner_15n7t_76";
2673
+ const contentCollapsed = "_contentCollapsed_15n7t_83";
2674
+ const body$1 = "_body_15n7t_88";
2675
+ const footer$1 = "_footer_15n7t_99";
2676
+ const large$7 = "_large_15n7t_106";
2677
+ const small$7 = "_small_15n7t_112";
2678
+ const primary$9 = "_primary_15n7t_120";
2679
+ const success$9 = "_success_15n7t_127";
2680
+ const warning$9 = "_warning_15n7t_134";
2681
+ const danger$9 = "_danger_15n7t_141";
2682
+ const info$9 = "_info_15n7t_148";
2683
+ const secondary$9 = "_secondary_15n7t_155";
2679
2684
  const styles$b = {
2680
2685
  card,
2681
2686
  pageBackground: pageBackground$3,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@jackcrane/ui",
3
- "version": "0.1.23",
3
+ "version": "0.1.24",
4
4
  "type": "module",
5
5
  "sideEffects": false,
6
6
  "main": "dist/jcui.cjs.js",