@jackcrane/ui 0.1.0 → 0.1.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/jcui.cjs.js +29 -28
  2. package/dist/jcui.es.js +29 -28
  3. package/package.json +1 -1
package/dist/jcui.cjs.js CHANGED
@@ -422,7 +422,7 @@ div._chamfer_1o5rm_1:not(._disabled_1o5rm_15):focus-within {
422
422
  inherits: true;
423
423
  initial-value: transparent;
424
424
  }
425
- ._input_1em8m_7 {
425
+ ._input_1w96t_7 {
426
426
  border-width: var(--border-thickness);
427
427
  border-style: solid;
428
428
  font-size: 1rem;
@@ -430,72 +430,73 @@ div._chamfer_1o5rm_1:not(._disabled_1o5rm_15):focus-within {
430
430
  background-color: var(--input-bg, transparent);
431
431
  color: var(--input-color, inherit);
432
432
  border-color: var(--border-color);
433
+ width: calc(100% + var(--border-thickness));
433
434
  }
434
- ._input_1em8m_7:hover {
435
+ ._input_1w96t_7:hover {
435
436
  --input-bg: var(--secondary-color-100);
436
437
  }
437
- ._input_1em8m_7:focus {
438
+ ._input_1w96t_7:focus {
438
439
  outline: none;
439
440
  }
440
- ._large_1em8m_23 {
441
+ ._large_1w96t_24 {
441
442
  font-size: 1.25rem;
442
443
  padding: 0.75rem 1.25rem;
443
444
  }
444
- ._small_1em8m_28 {
445
+ ._small_1w96t_29 {
445
446
  font-size: 0.75rem;
446
447
  padding: 0.25rem 0.5rem;
447
448
  }
448
- ._disabled_1em8m_33 {
449
+ ._disabled_1w96t_34 {
449
450
  opacity: 0.5;
450
451
  cursor: not-allowed;
451
452
  }
452
453
  /* Variants */
453
- ._primary_1em8m_40 {
454
+ ._primary_1w96t_41 {
454
455
  --input-bg: var(--primary-color-100);
455
456
  --border-color: var(--primary-color-300);
456
457
  --border-accent-color: var(--primary-color-600);
457
458
  }
458
- ._primary_1em8m_40:hover {
459
+ ._primary_1w96t_41:hover {
459
460
  --input-bg: var(--primary-color-200);
460
461
  }
461
- ._success_1em8m_49 {
462
+ ._success_1w96t_50 {
462
463
  --input-bg: var(--success-color-100);
463
464
  --border-color: var(--success-color-300);
464
465
  --border-accent-color: var(--success-color-600);
465
466
  }
466
- ._success_1em8m_49:hover {
467
+ ._success_1w96t_50:hover {
467
468
  --input-bg: var(--success-color-200);
468
469
  }
469
- ._warning_1em8m_57 {
470
+ ._warning_1w96t_58 {
470
471
  --input-bg: var(--warning-color-100);
471
472
  --border-color: var(--warning-color-300);
472
473
  --border-accent-color: var(--warning-color-600);
473
474
  }
474
- ._warning_1em8m_57:hover {
475
+ ._warning_1w96t_58:hover {
475
476
  --input-bg: var(--warning-color-200);
476
477
  }
477
- ._danger_1em8m_65 {
478
+ ._danger_1w96t_66 {
478
479
  --input-bg: var(--danger-color-100);
479
480
  --border-color: var(--danger-color-300);
480
481
  --border-accent-color: var(--danger-color-600);
481
482
  }
482
- ._danger_1em8m_65:hover {
483
+ ._danger_1w96t_66:hover {
483
484
  --input-bg: var(--danger-color-200);
484
485
  }
485
- ._info_1em8m_73 {
486
+ ._info_1w96t_74 {
486
487
  --input-bg: var(--info-color-100);
487
488
  --border-color: var(--info-color-300);
488
489
  --border-accent-color: var(--info-color-600);
489
490
  }
490
- ._info_1em8m_73:hover {
491
+ ._info_1w96t_74:hover {
491
492
  --input-bg: var(--info-color-200);
492
493
  }
493
- ._secondary_1em8m_82 {
494
+ ._secondary_1w96t_83 {
494
495
  --input-bg: var(--secondary-color-100);
495
496
  --border-color: var(--secondary-color-300);
496
497
  --border-accent-color: var(--secondary-color-600);
497
498
  }
498
- ._secondary_1em8m_82:hover {
499
+ ._secondary_1w96t_83:hover {
499
500
  --input-bg: var(--secondary-color-200);
500
501
  }
501
502
  @property --radio-hover-bg {
@@ -19124,16 +19125,16 @@ const RadarChart = ({
19124
19125
  });
19125
19126
  return /* @__PURE__ */ jsxRuntimeExports.jsx(ObservablePlot, { options, className, style });
19126
19127
  };
19127
- const input = "_input_1em8m_7";
19128
- const large$3 = "_large_1em8m_23";
19129
- const small$3 = "_small_1em8m_28";
19130
- const disabled$3 = "_disabled_1em8m_33";
19131
- const primary$4 = "_primary_1em8m_40";
19132
- const success$4 = "_success_1em8m_49";
19133
- const warning$4 = "_warning_1em8m_57";
19134
- const danger$4 = "_danger_1em8m_65";
19135
- const info$4 = "_info_1em8m_73";
19136
- const secondary$4 = "_secondary_1em8m_82";
19128
+ const input = "_input_1w96t_7";
19129
+ const large$3 = "_large_1w96t_24";
19130
+ const small$3 = "_small_1w96t_29";
19131
+ const disabled$3 = "_disabled_1w96t_34";
19132
+ const primary$4 = "_primary_1w96t_41";
19133
+ const success$4 = "_success_1w96t_50";
19134
+ const warning$4 = "_warning_1w96t_58";
19135
+ const danger$4 = "_danger_1w96t_66";
19136
+ const info$4 = "_info_1w96t_74";
19137
+ const secondary$4 = "_secondary_1w96t_83";
19137
19138
  const styles$5 = {
19138
19139
  input,
19139
19140
  large: large$3,
package/dist/jcui.es.js CHANGED
@@ -422,7 +422,7 @@ div._chamfer_1o5rm_1:not(._disabled_1o5rm_15):focus-within {
422
422
  inherits: true;
423
423
  initial-value: transparent;
424
424
  }
425
- ._input_1em8m_7 {
425
+ ._input_1w96t_7 {
426
426
  border-width: var(--border-thickness);
427
427
  border-style: solid;
428
428
  font-size: 1rem;
@@ -430,72 +430,73 @@ div._chamfer_1o5rm_1:not(._disabled_1o5rm_15):focus-within {
430
430
  background-color: var(--input-bg, transparent);
431
431
  color: var(--input-color, inherit);
432
432
  border-color: var(--border-color);
433
+ width: calc(100% + var(--border-thickness));
433
434
  }
434
- ._input_1em8m_7:hover {
435
+ ._input_1w96t_7:hover {
435
436
  --input-bg: var(--secondary-color-100);
436
437
  }
437
- ._input_1em8m_7:focus {
438
+ ._input_1w96t_7:focus {
438
439
  outline: none;
439
440
  }
440
- ._large_1em8m_23 {
441
+ ._large_1w96t_24 {
441
442
  font-size: 1.25rem;
442
443
  padding: 0.75rem 1.25rem;
443
444
  }
444
- ._small_1em8m_28 {
445
+ ._small_1w96t_29 {
445
446
  font-size: 0.75rem;
446
447
  padding: 0.25rem 0.5rem;
447
448
  }
448
- ._disabled_1em8m_33 {
449
+ ._disabled_1w96t_34 {
449
450
  opacity: 0.5;
450
451
  cursor: not-allowed;
451
452
  }
452
453
  /* Variants */
453
- ._primary_1em8m_40 {
454
+ ._primary_1w96t_41 {
454
455
  --input-bg: var(--primary-color-100);
455
456
  --border-color: var(--primary-color-300);
456
457
  --border-accent-color: var(--primary-color-600);
457
458
  }
458
- ._primary_1em8m_40:hover {
459
+ ._primary_1w96t_41:hover {
459
460
  --input-bg: var(--primary-color-200);
460
461
  }
461
- ._success_1em8m_49 {
462
+ ._success_1w96t_50 {
462
463
  --input-bg: var(--success-color-100);
463
464
  --border-color: var(--success-color-300);
464
465
  --border-accent-color: var(--success-color-600);
465
466
  }
466
- ._success_1em8m_49:hover {
467
+ ._success_1w96t_50:hover {
467
468
  --input-bg: var(--success-color-200);
468
469
  }
469
- ._warning_1em8m_57 {
470
+ ._warning_1w96t_58 {
470
471
  --input-bg: var(--warning-color-100);
471
472
  --border-color: var(--warning-color-300);
472
473
  --border-accent-color: var(--warning-color-600);
473
474
  }
474
- ._warning_1em8m_57:hover {
475
+ ._warning_1w96t_58:hover {
475
476
  --input-bg: var(--warning-color-200);
476
477
  }
477
- ._danger_1em8m_65 {
478
+ ._danger_1w96t_66 {
478
479
  --input-bg: var(--danger-color-100);
479
480
  --border-color: var(--danger-color-300);
480
481
  --border-accent-color: var(--danger-color-600);
481
482
  }
482
- ._danger_1em8m_65:hover {
483
+ ._danger_1w96t_66:hover {
483
484
  --input-bg: var(--danger-color-200);
484
485
  }
485
- ._info_1em8m_73 {
486
+ ._info_1w96t_74 {
486
487
  --input-bg: var(--info-color-100);
487
488
  --border-color: var(--info-color-300);
488
489
  --border-accent-color: var(--info-color-600);
489
490
  }
490
- ._info_1em8m_73:hover {
491
+ ._info_1w96t_74:hover {
491
492
  --input-bg: var(--info-color-200);
492
493
  }
493
- ._secondary_1em8m_82 {
494
+ ._secondary_1w96t_83 {
494
495
  --input-bg: var(--secondary-color-100);
495
496
  --border-color: var(--secondary-color-300);
496
497
  --border-accent-color: var(--secondary-color-600);
497
498
  }
498
- ._secondary_1em8m_82:hover {
499
+ ._secondary_1w96t_83:hover {
499
500
  --input-bg: var(--secondary-color-200);
500
501
  }
501
502
  @property --radio-hover-bg {
@@ -19106,16 +19107,16 @@ const RadarChart = ({
19106
19107
  });
19107
19108
  return /* @__PURE__ */ jsxRuntimeExports.jsx(ObservablePlot, { options, className, style });
19108
19109
  };
19109
- const input = "_input_1em8m_7";
19110
- const large$3 = "_large_1em8m_23";
19111
- const small$3 = "_small_1em8m_28";
19112
- const disabled$3 = "_disabled_1em8m_33";
19113
- const primary$4 = "_primary_1em8m_40";
19114
- const success$4 = "_success_1em8m_49";
19115
- const warning$4 = "_warning_1em8m_57";
19116
- const danger$4 = "_danger_1em8m_65";
19117
- const info$4 = "_info_1em8m_73";
19118
- const secondary$4 = "_secondary_1em8m_82";
19110
+ const input = "_input_1w96t_7";
19111
+ const large$3 = "_large_1w96t_24";
19112
+ const small$3 = "_small_1w96t_29";
19113
+ const disabled$3 = "_disabled_1w96t_34";
19114
+ const primary$4 = "_primary_1w96t_41";
19115
+ const success$4 = "_success_1w96t_50";
19116
+ const warning$4 = "_warning_1w96t_58";
19117
+ const danger$4 = "_danger_1w96t_66";
19118
+ const info$4 = "_info_1w96t_74";
19119
+ const secondary$4 = "_secondary_1w96t_83";
19119
19120
  const styles$5 = {
19120
19121
  input,
19121
19122
  large: large$3,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@jackcrane/ui",
3
- "version": "0.1.0",
3
+ "version": "0.1.1",
4
4
  "type": "module",
5
5
  "sideEffects": false,
6
6
  "main": "dist/jcui.cjs.js",