@incodetech/web 0.0.0-dev-20260220-d32fe9f → 0.0.0-dev-20260223-3222aae

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 (4) hide show
  1. package/dist/base.css +149 -5
  2. package/dist/themes/dark.css +3 -3
  3. package/dist/themes/light.css +3 -3
  4. package/package.json +2 -2
package/dist/base.css CHANGED
@@ -37,10 +37,10 @@
37
37
  --tw-ease: initial;
38
38
  --tw-font-weight: initial;
39
39
  --tw-duration: initial;
40
+ --tw-leading: initial;
40
41
  --tw-translate-x: 0;
41
42
  --tw-translate-y: 0;
42
43
  --tw-translate-z: 0;
43
- --tw-leading: initial;
44
44
  --tw-tracking: initial;
45
45
  }
46
46
  }
@@ -375,6 +375,120 @@
375
375
  .IncodeButton.IncodeButtonLink.IncodeButtonLoading .IncodeLoadingIconSecondaryIcon {
376
376
  fill: var(--surface-brand-400-static);
377
377
  }
378
+ .IncodeCheckbox {
379
+ flex-direction: column;
380
+ display: inline-flex;
381
+ }
382
+ .IncodeCheckboxLabel {
383
+ cursor: pointer;
384
+ -webkit-user-select: none;
385
+ user-select: none;
386
+ align-items: center;
387
+ gap: 10px;
388
+ display: inline-flex;
389
+ position: relative;
390
+ }
391
+ .IncodeCheckboxLabel.IncodeCheckboxLabelDisabled {
392
+ cursor: not-allowed;
393
+ }
394
+ .IncodeCheckboxInput {
395
+ opacity: 0;
396
+ width: 28px;
397
+ height: 28px;
398
+ margin: var(--spacing-0, var(--spacing-none, 0px));
399
+ cursor: pointer;
400
+ z-index: 1;
401
+ position: absolute;
402
+ }
403
+ .IncodeCheckboxInput:disabled {
404
+ cursor: not-allowed;
405
+ }
406
+ .IncodeCheckboxInput:focus-visible + .IncodeCheckboxVisual {
407
+ outline: 2px solid var(--border-status-focus);
408
+ outline-offset: 2px;
409
+ }
410
+ .IncodeCheckboxVisual {
411
+ border-radius: var(--radius-checkbox, var(--checkbox-border-radius));
412
+ border-style: var(--tw-border-style);
413
+ border-width: 2px;
414
+ border-color: var(--color-checkbox-border-default, var(--checkbox-border-default));
415
+ background-color: var(--color-checkbox-surface-default, var(--checkbox-surface-default));
416
+ width: 28px;
417
+ min-width: 28px;
418
+ height: 28px;
419
+ min-height: 28px;
420
+ transition-property: all;
421
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
422
+ transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
423
+ --tw-duration: .2s;
424
+ justify-content: center;
425
+ align-items: center;
426
+ transition-duration: .2s;
427
+ display: inline-flex;
428
+ position: relative;
429
+ }
430
+ .IncodeCheckboxVisualChecked {
431
+ background-color: var(--color-checkbox-surface-selected, var(--checkbox-surface-selected));
432
+ border-color: var(--color-checkbox-border-selected, var(--checkbox-border-selected));
433
+ }
434
+ .IncodeCheckboxVisualDisabled, .IncodeCheckboxVisualChecked.IncodeCheckboxVisualDisabled {
435
+ background-color: var(--color-checkbox-surface-disabled, var(--checkbox-surface-disabled));
436
+ border-color: var(--color-checkbox-border-disabled, var(--checkbox-border-disabled));
437
+ }
438
+ .IncodeCheckboxVisualError {
439
+ border-color: var(--color-checkbox-border-negative, var(--checkbox-border-negative));
440
+ }
441
+ .IncodeCheckboxText {
442
+ color: var(--color-checkbox-text-default, var(--checkbox-text-default));
443
+ --tw-leading: 1.5;
444
+ line-height: 1.5;
445
+ font-family: var(--primitive-typography-family-dm-sans), system-ui, sans-serif;
446
+ }
447
+ .IncodeCheckboxTextS {
448
+ font-size: var(--text-14, var(--primitive-typography-size-14));
449
+ --tw-font-weight: var(--font-weight-normal, 400);
450
+ font-weight: var(--font-weight-normal, 400);
451
+ }
452
+ .IncodeCheckboxTextM {
453
+ font-size: var(--text-16, var(--primitive-typography-size-16));
454
+ --tw-font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));
455
+ font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));
456
+ }
457
+ .IncodeCheckboxTextDisabled {
458
+ color: var(--color-checkbox-text-disabled, var(--checkbox-text-disabled));
459
+ }
460
+ .IncodeCheckboxRequired {
461
+ color: var(--color-text-status-negative, var(--text-status-negative));
462
+ margin-left: var(--spacing-4, var(--spacing-4, 4px));
463
+ }
464
+ .IncodeCheckboxMessageWrapper {
465
+ margin-top: var(--spacing-8, var(--spacing-8, 8px));
466
+ align-items: center;
467
+ margin-left: 38px;
468
+ display: flex;
469
+ }
470
+ .IncodeCheckboxIconWrapper {
471
+ margin-right: var(--spacing-8, var(--spacing-8, 8px));
472
+ display: inline-block;
473
+ }
474
+ .IncodeCheckboxErrorText {
475
+ margin: var(--spacing-0, var(--spacing-none, 0px));
476
+ color: var(--color-checkbox-text-negative, var(--checkbox-text-negative));
477
+ font-size: var(--text-14, var(--primitive-typography-size-14));
478
+ --tw-font-weight: var(--font-weight-normal, 400);
479
+ font-weight: var(--font-weight-normal, 400);
480
+ font-family: inherit;
481
+ display: inline-block;
482
+ }
483
+ .IncodeCheckboxHelperText {
484
+ margin: var(--spacing-0, var(--spacing-none, 0px));
485
+ color: var(--color-text-body-secondary, var(--text-body-secondary));
486
+ font-size: var(--text-14, var(--primitive-typography-size-14));
487
+ --tw-font-weight: var(--font-weight-normal, 400);
488
+ font-weight: var(--font-weight-normal, 400);
489
+ font-family: inherit;
490
+ display: inline-block;
491
+ }
378
492
  .IncodeInput {
379
493
  width: 100%;
380
494
  max-width: 420px;
@@ -1318,6 +1432,36 @@
1318
1432
  height: 840px;
1319
1433
  }
1320
1434
  }
1435
+ @media (min-width: 40rem) {
1436
+ .IncodePageContainer .IncodePageInner {
1437
+ max-width: 40rem;
1438
+ }
1439
+ }
1440
+ @media (min-width: 48rem) {
1441
+ .IncodePageContainer .IncodePageInner {
1442
+ max-width: 48rem;
1443
+ }
1444
+ }
1445
+ @media (min-width: 64rem) {
1446
+ .IncodePageContainer .IncodePageInner {
1447
+ max-width: 64rem;
1448
+ }
1449
+ }
1450
+ @media (min-width: 80rem) {
1451
+ .IncodePageContainer .IncodePageInner {
1452
+ max-width: 80rem;
1453
+ }
1454
+ }
1455
+ @media (min-width: 96rem) {
1456
+ .IncodePageContainer .IncodePageInner {
1457
+ max-width: 96rem;
1458
+ }
1459
+ }
1460
+ @media (min-width: 48rem) {
1461
+ .IncodePageContainer .IncodePageInner {
1462
+ height: 840px;
1463
+ }
1464
+ }
1321
1465
  .IncodePageContainer .IncodePageInner {
1322
1466
  width: 100%;
1323
1467
  }
@@ -2011,6 +2155,10 @@
2011
2155
  syntax: "*";
2012
2156
  inherits: false
2013
2157
  }
2158
+ @property --tw-leading {
2159
+ syntax: "*";
2160
+ inherits: false
2161
+ }
2014
2162
  @property --tw-translate-x {
2015
2163
  syntax: "*";
2016
2164
  inherits: false;
@@ -2026,10 +2174,6 @@
2026
2174
  inherits: false;
2027
2175
  initial-value: 0;
2028
2176
  }
2029
- @property --tw-leading {
2030
- syntax: "*";
2031
- inherits: false
2032
- }
2033
2177
  @property --tw-tracking {
2034
2178
  syntax: "*";
2035
2179
  inherits: false
package/dist/themes/dark.css CHANGED
@@ -561,11 +561,11 @@
561
561
  /* Checkbox */
562
562
  --checkbox-surface-default: var(--surface-neutral-50);
563
563
  --checkbox-surface-selected: var(--surface-brand-500-static);
564
- --checkbox-surface-disabled: var(--surface-neutral-200);
564
+ --checkbox-surface-disabled: var(--primitive-color-gray-400);
565
565
 
566
- --checkbox-border-default: var(--border-neutral-100);
566
+ --checkbox-border-default: var(--primitive-color-gray-400);
567
567
  --checkbox-border-selected: var(--border-brand-500-static);
568
- --checkbox-border-disabled: var(--border-neutral-300);
568
+ --checkbox-border-disabled: var(--primitive-color-gray-400);
569
569
  --checkbox-border-negative: var(--border-status-negative);
570
570
  --checkbox-border-radius: var(--border-radius-small);
571
571
 
package/dist/themes/light.css CHANGED
@@ -561,11 +561,11 @@
561
561
  /* Checkbox */
562
562
  --checkbox-surface-default: var(--surface-neutral-50);
563
563
  --checkbox-surface-selected: var(--surface-brand-500-static);
564
- --checkbox-surface-disabled: var(--surface-neutral-200);
564
+ --checkbox-surface-disabled: var(--primitive-color-gray-400);
565
565
 
566
- --checkbox-border-default: var(--border-neutral-100);
566
+ --checkbox-border-default: var(--primitive-color-gray-400);
567
567
  --checkbox-border-selected: var(--border-brand-500-static);
568
- --checkbox-border-disabled: var(--border-neutral-300);
568
+ --checkbox-border-disabled: var(--primitive-color-gray-400);
569
569
  --checkbox-border-negative: var(--border-status-negative);
570
570
  --checkbox-border-radius: var(--border-radius-small);
571
571
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@incodetech/web",
3
- "version": "0.0.0-dev-20260220-d32fe9f",
3
+ "version": "0.0.0-dev-20260223-3222aae",
4
4
  "type": "module",
5
5
  "main": "./dist/index.es.js",
6
6
  "types": "./dist/types/index.d.ts",
@@ -86,7 +86,7 @@
86
86
  "libphonenumber-js": "^1.11.0",
87
87
  "preact-custom-element": "^4.6.0",
88
88
  "tailwindcss": "^4.1.17",
89
- "@incodetech/core": "0.0.0-dev-20260220-d32fe9f"
89
+ "@incodetech/core": "0.0.0-dev-20260223-3222aae"
90
90
  },
91
91
  "devDependencies": {
92
92
  "@microsoft/api-extractor": "^7.53.3",