@common-origin/design-system 2.4.0 → 2.6.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.
- package/dist/components/atoms/Box/Box.d.ts +3 -3
- package/dist/components/atoms/Button/Button.d.ts +1 -1
- package/dist/components/atoms/CategoryBadge/CategoryBadge.d.ts +4 -17
- package/dist/components/atoms/Chip/shared/ChipBase.d.ts +3 -5
- package/dist/components/atoms/Chip/shared/utils.d.ts +53 -8
- package/dist/components/atoms/StatusBadge/StatusBadge.d.ts +1 -0
- package/dist/components/molecules/ActionSheet/ActionSheet.d.ts +2 -1
- package/dist/components/molecules/CodeBlock/CodeBlock.d.ts +29 -0
- package/dist/components/molecules/List/ListItem.d.ts +7 -1
- package/dist/index.d.ts +91 -0
- package/dist/index.esm.js +973 -789
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +973 -789
- package/dist/index.js.map +1 -1
- package/dist/styles/icons.json +3 -3
- package/dist/styles/tokens.json +96 -5
- package/dist/tokens/index.esm.js +96 -5
- package/dist/tokens/index.esm.js.map +1 -1
- package/dist/tokens/index.js +96 -5
- package/dist/tokens/index.js.map +1 -1
- package/dist/tokens/tokens.d.ts +91 -0
- package/package.json +1 -1
package/dist/styles/icons.json
CHANGED
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
"name": "add"
|
|
5
5
|
},
|
|
6
6
|
"addRing": {
|
|
7
|
-
"path": "
|
|
7
|
+
"path": "M13 11H16V13H13V16H11V13H8V11H11V8H13V11Z M12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2ZM12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4Z",
|
|
8
8
|
"name": "addRing"
|
|
9
9
|
},
|
|
10
10
|
"arrowDown": {
|
|
@@ -24,7 +24,7 @@
|
|
|
24
24
|
"name": "arrowRight"
|
|
25
25
|
},
|
|
26
26
|
"bell": {
|
|
27
|
-
"path": "M12
|
|
27
|
+
"path": "M12.0001 2C15.3561 2 18.1753 4.52384 18.546 7.85938L18.7979 10.125C18.8012 10.1546 18.8024 10.1676 18.8038 10.1797C18.9166 11.1628 19.2372 12.1106 19.7432 12.9609C19.7494 12.9714 19.7553 12.9824 19.7706 13.0078L20.3487 13.9707C20.5997 14.3891 20.829 14.7681 20.9795 15.0879C21.1276 15.4024 21.2852 15.8285 21.209 16.3115C21.1337 16.789 20.8882 17.2229 20.5176 17.5332C20.1426 17.8471 19.6956 17.931 19.3497 17.9658C18.998 18.0012 18.5554 18 18.0674 18H5.93268C5.44476 18 5.00211 18.0012 4.65045 17.9658C4.30456 17.931 3.85755 17.8471 3.48248 17.5332C3.1119 17.2229 2.86641 16.789 2.79107 16.3115C2.7149 15.8285 2.87247 15.4024 3.02057 15.0879C3.17116 14.7681 3.40038 14.3891 3.65143 13.9707L4.22955 13.0078C4.24481 12.9824 4.25068 12.9714 4.25689 12.9609C4.76296 12.1106 5.08348 11.1628 5.19635 10.1797C5.19773 10.1676 5.19892 10.1546 5.20221 10.125L5.45416 7.85938C5.82477 4.52384 8.644 2 12.0001 2ZM12.0001 4C9.6631 4 7.69954 5.75741 7.44146 8.08008L7.18951 10.3457C7.18638 10.3739 7.18457 10.3907 7.18268 10.4072C7.03761 11.6714 6.62638 12.8909 5.97564 13.9844C5.96724 13.9985 5.95885 14.013 5.94439 14.0371L5.36627 15C5.09277 15.4558 4.92766 15.7334 4.83014 15.9404C4.82533 15.9506 4.82155 15.9606 4.81744 15.9697C4.82787 15.971 4.83877 15.9744 4.85064 15.9756C5.07838 15.9985 5.40111 16 5.93268 16H18.0674C18.599 16 18.9217 15.9985 19.1495 15.9756C19.161 15.9744 19.1716 15.9709 19.1817 15.9697C19.1776 15.9607 19.1747 15.9505 19.17 15.9404C19.0725 15.7334 18.9074 15.4558 18.6338 15L18.0557 14.0371C18.0413 14.013 18.0329 13.9985 18.0245 13.9844C17.3737 12.8909 16.9625 11.6714 16.8174 10.4072C16.8155 10.3907 16.8137 10.3739 16.8106 10.3457L16.5587 8.08008C16.3006 5.75741 14.337 4 12.0001 4Z M12.0001 22C10.9897 22 10.0894 21.4972 9.419 20.7256C8.75348 19.9595 8.31404 18.9367 8.11822 17.8408C8.0211 17.2971 8.38314 16.7778 8.92682 16.6807C9.47038 16.5837 9.98987 16.9457 10.087 17.4893C10.233 18.3066 10.5467 18.9742 10.9288 19.4141C11.3063 19.8486 11.6896 20 12.0001 20C12.3106 20 12.6938 19.8486 13.0713 19.4141C13.4535 18.9742 13.7671 18.3066 13.9131 17.4893C14.0102 16.9457 14.5297 16.5837 15.0733 16.6807C15.617 16.7778 15.979 17.2971 15.8819 17.8408C15.6861 18.9367 15.2466 19.9595 14.5811 20.7256C13.9108 21.4972 13.0104 22 12.0001 22Z",
|
|
28
28
|
"name": "bell"
|
|
29
29
|
},
|
|
30
30
|
"back": {
|
|
@@ -60,7 +60,7 @@
|
|
|
60
60
|
"name": "close"
|
|
61
61
|
},
|
|
62
62
|
"crossCircle": {
|
|
63
|
-
"path": "
|
|
63
|
+
"path": "M12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2ZM12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4ZM15.707 9.70703L13.4141 12L15.707 14.293L14.293 15.707L12 13.4141L9.70703 15.707L8.29297 14.293L10.5859 12L8.29297 9.70703L9.70703 8.29297L12 10.5859L14.293 8.29297L15.707 9.70703Z",
|
|
64
64
|
"name": "crossCircle"
|
|
65
65
|
},
|
|
66
66
|
"directionRight": {
|
package/dist/styles/tokens.json
CHANGED
|
@@ -366,6 +366,34 @@
|
|
|
366
366
|
"backgroundColor": "transparent",
|
|
367
367
|
"textColor": "#adb5bd"
|
|
368
368
|
}
|
|
369
|
+
},
|
|
370
|
+
"emphasis": {
|
|
371
|
+
"backgroundColor": "#0265DC",
|
|
372
|
+
"textColor": "#ffffff",
|
|
373
|
+
"hover": {
|
|
374
|
+
"backgroundColor": "#0054B6"
|
|
375
|
+
},
|
|
376
|
+
"active": {
|
|
377
|
+
"backgroundColor": "#004491"
|
|
378
|
+
},
|
|
379
|
+
"disabled": {
|
|
380
|
+
"backgroundColor": "#dee2e6",
|
|
381
|
+
"textColor": "#adb5bd"
|
|
382
|
+
}
|
|
383
|
+
},
|
|
384
|
+
"danger": {
|
|
385
|
+
"backgroundColor": "#D31510",
|
|
386
|
+
"textColor": "#ffffff",
|
|
387
|
+
"hover": {
|
|
388
|
+
"backgroundColor": "#B40000"
|
|
389
|
+
},
|
|
390
|
+
"active": {
|
|
391
|
+
"backgroundColor": "#930000"
|
|
392
|
+
},
|
|
393
|
+
"disabled": {
|
|
394
|
+
"backgroundColor": "#dee2e6",
|
|
395
|
+
"textColor": "#adb5bd"
|
|
396
|
+
}
|
|
369
397
|
}
|
|
370
398
|
},
|
|
371
399
|
"sizes": {
|
|
@@ -387,22 +415,66 @@
|
|
|
387
415
|
"default": {
|
|
388
416
|
"backgroundColor": "#e9ecef",
|
|
389
417
|
"textColor": "#212529",
|
|
390
|
-
"borderRadius": "0.
|
|
418
|
+
"borderRadius": "0.75rem",
|
|
391
419
|
"padding": "2px 0.5rem",
|
|
392
420
|
"font": "500 0.875rem/1.25rem 'Inter', sans-serif"
|
|
393
421
|
},
|
|
422
|
+
"hover": {
|
|
423
|
+
"backgroundColor": "#dee2e6"
|
|
424
|
+
},
|
|
425
|
+
"active": {
|
|
426
|
+
"backgroundColor": "#ced4da"
|
|
427
|
+
},
|
|
428
|
+
"focus": {
|
|
429
|
+
"outline": "0.125rem solid #343a40",
|
|
430
|
+
"outlineOffset": "2px"
|
|
431
|
+
},
|
|
432
|
+
"disabled": {
|
|
433
|
+
"backgroundColor": "#e9ecef",
|
|
434
|
+
"textColor": "#adb5bd"
|
|
435
|
+
},
|
|
394
436
|
"variants": {
|
|
395
437
|
"emphasis": {
|
|
396
438
|
"backgroundColor": "#212529",
|
|
397
|
-
"textColor": "#ffffff"
|
|
439
|
+
"textColor": "#ffffff",
|
|
440
|
+
"hover": {
|
|
441
|
+
"backgroundColor": "#343a40"
|
|
442
|
+
},
|
|
443
|
+
"active": {
|
|
444
|
+
"backgroundColor": "#16191C"
|
|
445
|
+
},
|
|
446
|
+
"disabled": {
|
|
447
|
+
"backgroundColor": "#dee2e6",
|
|
448
|
+
"textColor": "#adb5bd"
|
|
449
|
+
}
|
|
398
450
|
},
|
|
399
451
|
"subtle": {
|
|
400
452
|
"backgroundColor": "#ffffff",
|
|
401
|
-
"textColor": "#212529"
|
|
453
|
+
"textColor": "#212529",
|
|
454
|
+
"hover": {
|
|
455
|
+
"backgroundColor": "#f8f9fa"
|
|
456
|
+
},
|
|
457
|
+
"active": {
|
|
458
|
+
"backgroundColor": "#e9ecef"
|
|
459
|
+
},
|
|
460
|
+
"disabled": {
|
|
461
|
+
"backgroundColor": "#ffffff",
|
|
462
|
+
"textColor": "#adb5bd"
|
|
463
|
+
}
|
|
402
464
|
},
|
|
403
465
|
"interactive": {
|
|
404
466
|
"backgroundColor": "#0265DC",
|
|
405
|
-
"textColor": "#ffffff"
|
|
467
|
+
"textColor": "#ffffff",
|
|
468
|
+
"hover": {
|
|
469
|
+
"backgroundColor": "#0054B6"
|
|
470
|
+
},
|
|
471
|
+
"active": {
|
|
472
|
+
"backgroundColor": "#004491"
|
|
473
|
+
},
|
|
474
|
+
"disabled": {
|
|
475
|
+
"backgroundColor": "#dee2e6",
|
|
476
|
+
"textColor": "#adb5bd"
|
|
477
|
+
}
|
|
406
478
|
}
|
|
407
479
|
},
|
|
408
480
|
"sizes": {
|
|
@@ -580,12 +652,31 @@
|
|
|
580
652
|
"$ref": "./component/index.json"
|
|
581
653
|
},
|
|
582
654
|
"semantic": {
|
|
655
|
+
"elevation": {
|
|
656
|
+
"none": "none",
|
|
657
|
+
"inset": "inset 0 2px 4px 0 rgba(0, 0, 0, 0.06)",
|
|
658
|
+
"raised": "0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)",
|
|
659
|
+
"floating": "0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)",
|
|
660
|
+
"overlay": "0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)",
|
|
661
|
+
"sticky": "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)"
|
|
662
|
+
},
|
|
583
663
|
"border": {
|
|
584
664
|
"default": "0.0625rem solid #e9ecef",
|
|
585
665
|
"subtle": "0.0625rem solid #dee2e6",
|
|
586
666
|
"strong": "0.0625rem solid #343a40",
|
|
587
667
|
"focus": "0.125rem solid #343a40",
|
|
588
|
-
"tooltip": "0.125rem dotted #dee2e6"
|
|
668
|
+
"tooltip": "0.125rem dotted #dee2e6",
|
|
669
|
+
"radius": {
|
|
670
|
+
"none": "0",
|
|
671
|
+
"xs": "0.125rem",
|
|
672
|
+
"sm": "0.25rem",
|
|
673
|
+
"md": "0.5rem",
|
|
674
|
+
"lg": "0.75rem",
|
|
675
|
+
"xl": "1rem",
|
|
676
|
+
"2xl": "1.5rem",
|
|
677
|
+
"3xl": "2rem",
|
|
678
|
+
"circle": "10rem"
|
|
679
|
+
}
|
|
589
680
|
},
|
|
590
681
|
"size": {
|
|
591
682
|
"icon": {
|
package/dist/tokens/index.esm.js
CHANGED
|
@@ -365,6 +365,34 @@ var component = {
|
|
|
365
365
|
backgroundColor: "transparent",
|
|
366
366
|
textColor: "#adb5bd"
|
|
367
367
|
}
|
|
368
|
+
},
|
|
369
|
+
emphasis: {
|
|
370
|
+
backgroundColor: "#0265DC",
|
|
371
|
+
textColor: "#ffffff",
|
|
372
|
+
hover: {
|
|
373
|
+
backgroundColor: "#0054B6"
|
|
374
|
+
},
|
|
375
|
+
active: {
|
|
376
|
+
backgroundColor: "#004491"
|
|
377
|
+
},
|
|
378
|
+
disabled: {
|
|
379
|
+
backgroundColor: "#dee2e6",
|
|
380
|
+
textColor: "#adb5bd"
|
|
381
|
+
}
|
|
382
|
+
},
|
|
383
|
+
danger: {
|
|
384
|
+
backgroundColor: "#D31510",
|
|
385
|
+
textColor: "#ffffff",
|
|
386
|
+
hover: {
|
|
387
|
+
backgroundColor: "#B40000"
|
|
388
|
+
},
|
|
389
|
+
active: {
|
|
390
|
+
backgroundColor: "#930000"
|
|
391
|
+
},
|
|
392
|
+
disabled: {
|
|
393
|
+
backgroundColor: "#dee2e6",
|
|
394
|
+
textColor: "#adb5bd"
|
|
395
|
+
}
|
|
368
396
|
}
|
|
369
397
|
},
|
|
370
398
|
sizes: {
|
|
@@ -386,22 +414,66 @@ var component = {
|
|
|
386
414
|
"default": {
|
|
387
415
|
backgroundColor: "#e9ecef",
|
|
388
416
|
textColor: "#212529",
|
|
389
|
-
borderRadius: "0.
|
|
417
|
+
borderRadius: "0.75rem",
|
|
390
418
|
padding: "2px 0.5rem",
|
|
391
419
|
font: "500 0.875rem/1.25rem 'Inter', sans-serif"
|
|
392
420
|
},
|
|
421
|
+
hover: {
|
|
422
|
+
backgroundColor: "#dee2e6"
|
|
423
|
+
},
|
|
424
|
+
active: {
|
|
425
|
+
backgroundColor: "#ced4da"
|
|
426
|
+
},
|
|
427
|
+
focus: {
|
|
428
|
+
outline: "0.125rem solid #343a40",
|
|
429
|
+
outlineOffset: "2px"
|
|
430
|
+
},
|
|
431
|
+
disabled: {
|
|
432
|
+
backgroundColor: "#e9ecef",
|
|
433
|
+
textColor: "#adb5bd"
|
|
434
|
+
},
|
|
393
435
|
variants: {
|
|
394
436
|
emphasis: {
|
|
395
437
|
backgroundColor: "#212529",
|
|
396
|
-
textColor: "#ffffff"
|
|
438
|
+
textColor: "#ffffff",
|
|
439
|
+
hover: {
|
|
440
|
+
backgroundColor: "#343a40"
|
|
441
|
+
},
|
|
442
|
+
active: {
|
|
443
|
+
backgroundColor: "#16191C"
|
|
444
|
+
},
|
|
445
|
+
disabled: {
|
|
446
|
+
backgroundColor: "#dee2e6",
|
|
447
|
+
textColor: "#adb5bd"
|
|
448
|
+
}
|
|
397
449
|
},
|
|
398
450
|
subtle: {
|
|
399
451
|
backgroundColor: "#ffffff",
|
|
400
|
-
textColor: "#212529"
|
|
452
|
+
textColor: "#212529",
|
|
453
|
+
hover: {
|
|
454
|
+
backgroundColor: "#f8f9fa"
|
|
455
|
+
},
|
|
456
|
+
active: {
|
|
457
|
+
backgroundColor: "#e9ecef"
|
|
458
|
+
},
|
|
459
|
+
disabled: {
|
|
460
|
+
backgroundColor: "#ffffff",
|
|
461
|
+
textColor: "#adb5bd"
|
|
462
|
+
}
|
|
401
463
|
},
|
|
402
464
|
interactive: {
|
|
403
465
|
backgroundColor: "#0265DC",
|
|
404
|
-
textColor: "#ffffff"
|
|
466
|
+
textColor: "#ffffff",
|
|
467
|
+
hover: {
|
|
468
|
+
backgroundColor: "#0054B6"
|
|
469
|
+
},
|
|
470
|
+
active: {
|
|
471
|
+
backgroundColor: "#004491"
|
|
472
|
+
},
|
|
473
|
+
disabled: {
|
|
474
|
+
backgroundColor: "#dee2e6",
|
|
475
|
+
textColor: "#adb5bd"
|
|
476
|
+
}
|
|
405
477
|
}
|
|
406
478
|
},
|
|
407
479
|
sizes: {
|
|
@@ -579,12 +651,31 @@ var component = {
|
|
|
579
651
|
$ref: "./component/index.json"
|
|
580
652
|
};
|
|
581
653
|
var semantic = {
|
|
654
|
+
elevation: {
|
|
655
|
+
none: "none",
|
|
656
|
+
inset: "inset 0 2px 4px 0 rgba(0, 0, 0, 0.06)",
|
|
657
|
+
raised: "0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)",
|
|
658
|
+
floating: "0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)",
|
|
659
|
+
overlay: "0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)",
|
|
660
|
+
sticky: "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)"
|
|
661
|
+
},
|
|
582
662
|
border: {
|
|
583
663
|
"default": "0.0625rem solid #e9ecef",
|
|
584
664
|
subtle: "0.0625rem solid #dee2e6",
|
|
585
665
|
strong: "0.0625rem solid #343a40",
|
|
586
666
|
focus: "0.125rem solid #343a40",
|
|
587
|
-
tooltip: "0.125rem dotted #dee2e6"
|
|
667
|
+
tooltip: "0.125rem dotted #dee2e6",
|
|
668
|
+
radius: {
|
|
669
|
+
none: "0",
|
|
670
|
+
xs: "0.125rem",
|
|
671
|
+
sm: "0.25rem",
|
|
672
|
+
md: "0.5rem",
|
|
673
|
+
lg: "0.75rem",
|
|
674
|
+
xl: "1rem",
|
|
675
|
+
"2xl": "1.5rem",
|
|
676
|
+
"3xl": "2rem",
|
|
677
|
+
circle: "10rem"
|
|
678
|
+
}
|
|
588
679
|
},
|
|
589
680
|
size: {
|
|
590
681
|
icon: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.esm.js","sources":["../../src/tokens.ts"],"sourcesContent":["// Tokens-only export for standalone usage\nimport tokensJson from './styles/tokens.json'\n\nexport const tokens = tokensJson\nexport default tokensJson\n\n// Export token types\nexport type {\n Tokens,\n TokensBase,\n TokensSemantic,\n TokensComponent\n} from './styles/tokens.d'"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.esm.js","sources":["../../src/tokens.ts"],"sourcesContent":["// Tokens-only export for standalone usage\nimport tokensJson from './styles/tokens.json'\n\nexport const tokens = tokensJson\nexport default tokensJson\n\n// Export token types\nexport type {\n Tokens,\n TokensBase,\n TokensSemantic,\n TokensComponent\n} from './styles/tokens.d'"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAGO,IAAM,MAAM,GAAG;;;;"}
|
package/dist/tokens/index.js
CHANGED
|
@@ -369,6 +369,34 @@ var component = {
|
|
|
369
369
|
backgroundColor: "transparent",
|
|
370
370
|
textColor: "#adb5bd"
|
|
371
371
|
}
|
|
372
|
+
},
|
|
373
|
+
emphasis: {
|
|
374
|
+
backgroundColor: "#0265DC",
|
|
375
|
+
textColor: "#ffffff",
|
|
376
|
+
hover: {
|
|
377
|
+
backgroundColor: "#0054B6"
|
|
378
|
+
},
|
|
379
|
+
active: {
|
|
380
|
+
backgroundColor: "#004491"
|
|
381
|
+
},
|
|
382
|
+
disabled: {
|
|
383
|
+
backgroundColor: "#dee2e6",
|
|
384
|
+
textColor: "#adb5bd"
|
|
385
|
+
}
|
|
386
|
+
},
|
|
387
|
+
danger: {
|
|
388
|
+
backgroundColor: "#D31510",
|
|
389
|
+
textColor: "#ffffff",
|
|
390
|
+
hover: {
|
|
391
|
+
backgroundColor: "#B40000"
|
|
392
|
+
},
|
|
393
|
+
active: {
|
|
394
|
+
backgroundColor: "#930000"
|
|
395
|
+
},
|
|
396
|
+
disabled: {
|
|
397
|
+
backgroundColor: "#dee2e6",
|
|
398
|
+
textColor: "#adb5bd"
|
|
399
|
+
}
|
|
372
400
|
}
|
|
373
401
|
},
|
|
374
402
|
sizes: {
|
|
@@ -390,22 +418,66 @@ var component = {
|
|
|
390
418
|
"default": {
|
|
391
419
|
backgroundColor: "#e9ecef",
|
|
392
420
|
textColor: "#212529",
|
|
393
|
-
borderRadius: "0.
|
|
421
|
+
borderRadius: "0.75rem",
|
|
394
422
|
padding: "2px 0.5rem",
|
|
395
423
|
font: "500 0.875rem/1.25rem 'Inter', sans-serif"
|
|
396
424
|
},
|
|
425
|
+
hover: {
|
|
426
|
+
backgroundColor: "#dee2e6"
|
|
427
|
+
},
|
|
428
|
+
active: {
|
|
429
|
+
backgroundColor: "#ced4da"
|
|
430
|
+
},
|
|
431
|
+
focus: {
|
|
432
|
+
outline: "0.125rem solid #343a40",
|
|
433
|
+
outlineOffset: "2px"
|
|
434
|
+
},
|
|
435
|
+
disabled: {
|
|
436
|
+
backgroundColor: "#e9ecef",
|
|
437
|
+
textColor: "#adb5bd"
|
|
438
|
+
},
|
|
397
439
|
variants: {
|
|
398
440
|
emphasis: {
|
|
399
441
|
backgroundColor: "#212529",
|
|
400
|
-
textColor: "#ffffff"
|
|
442
|
+
textColor: "#ffffff",
|
|
443
|
+
hover: {
|
|
444
|
+
backgroundColor: "#343a40"
|
|
445
|
+
},
|
|
446
|
+
active: {
|
|
447
|
+
backgroundColor: "#16191C"
|
|
448
|
+
},
|
|
449
|
+
disabled: {
|
|
450
|
+
backgroundColor: "#dee2e6",
|
|
451
|
+
textColor: "#adb5bd"
|
|
452
|
+
}
|
|
401
453
|
},
|
|
402
454
|
subtle: {
|
|
403
455
|
backgroundColor: "#ffffff",
|
|
404
|
-
textColor: "#212529"
|
|
456
|
+
textColor: "#212529",
|
|
457
|
+
hover: {
|
|
458
|
+
backgroundColor: "#f8f9fa"
|
|
459
|
+
},
|
|
460
|
+
active: {
|
|
461
|
+
backgroundColor: "#e9ecef"
|
|
462
|
+
},
|
|
463
|
+
disabled: {
|
|
464
|
+
backgroundColor: "#ffffff",
|
|
465
|
+
textColor: "#adb5bd"
|
|
466
|
+
}
|
|
405
467
|
},
|
|
406
468
|
interactive: {
|
|
407
469
|
backgroundColor: "#0265DC",
|
|
408
|
-
textColor: "#ffffff"
|
|
470
|
+
textColor: "#ffffff",
|
|
471
|
+
hover: {
|
|
472
|
+
backgroundColor: "#0054B6"
|
|
473
|
+
},
|
|
474
|
+
active: {
|
|
475
|
+
backgroundColor: "#004491"
|
|
476
|
+
},
|
|
477
|
+
disabled: {
|
|
478
|
+
backgroundColor: "#dee2e6",
|
|
479
|
+
textColor: "#adb5bd"
|
|
480
|
+
}
|
|
409
481
|
}
|
|
410
482
|
},
|
|
411
483
|
sizes: {
|
|
@@ -583,12 +655,31 @@ var component = {
|
|
|
583
655
|
$ref: "./component/index.json"
|
|
584
656
|
};
|
|
585
657
|
var semantic = {
|
|
658
|
+
elevation: {
|
|
659
|
+
none: "none",
|
|
660
|
+
inset: "inset 0 2px 4px 0 rgba(0, 0, 0, 0.06)",
|
|
661
|
+
raised: "0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)",
|
|
662
|
+
floating: "0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)",
|
|
663
|
+
overlay: "0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)",
|
|
664
|
+
sticky: "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)"
|
|
665
|
+
},
|
|
586
666
|
border: {
|
|
587
667
|
"default": "0.0625rem solid #e9ecef",
|
|
588
668
|
subtle: "0.0625rem solid #dee2e6",
|
|
589
669
|
strong: "0.0625rem solid #343a40",
|
|
590
670
|
focus: "0.125rem solid #343a40",
|
|
591
|
-
tooltip: "0.125rem dotted #dee2e6"
|
|
671
|
+
tooltip: "0.125rem dotted #dee2e6",
|
|
672
|
+
radius: {
|
|
673
|
+
none: "0",
|
|
674
|
+
xs: "0.125rem",
|
|
675
|
+
sm: "0.25rem",
|
|
676
|
+
md: "0.5rem",
|
|
677
|
+
lg: "0.75rem",
|
|
678
|
+
xl: "1rem",
|
|
679
|
+
"2xl": "1.5rem",
|
|
680
|
+
"3xl": "2rem",
|
|
681
|
+
circle: "10rem"
|
|
682
|
+
}
|
|
592
683
|
},
|
|
593
684
|
size: {
|
|
594
685
|
icon: {
|
package/dist/tokens/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../src/tokens.ts"],"sourcesContent":["// Tokens-only export for standalone usage\nimport tokensJson from './styles/tokens.json'\n\nexport const tokens = tokensJson\nexport default tokensJson\n\n// Export token types\nexport type {\n Tokens,\n TokensBase,\n TokensSemantic,\n TokensComponent\n} from './styles/tokens.d'"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../src/tokens.ts"],"sourcesContent":["// Tokens-only export for standalone usage\nimport tokensJson from './styles/tokens.json'\n\nexport const tokens = tokensJson\nexport default tokensJson\n\n// Export token types\nexport type {\n Tokens,\n TokensBase,\n TokensSemantic,\n TokensComponent\n} from './styles/tokens.d'"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAGO,IAAM,MAAM,GAAG;;;;;"}
|
package/dist/tokens/tokens.d.ts
CHANGED
|
@@ -368,6 +368,34 @@ export declare const tokens: {
|
|
|
368
368
|
textColor: string;
|
|
369
369
|
};
|
|
370
370
|
};
|
|
371
|
+
emphasis: {
|
|
372
|
+
backgroundColor: string;
|
|
373
|
+
textColor: string;
|
|
374
|
+
hover: {
|
|
375
|
+
backgroundColor: string;
|
|
376
|
+
};
|
|
377
|
+
active: {
|
|
378
|
+
backgroundColor: string;
|
|
379
|
+
};
|
|
380
|
+
disabled: {
|
|
381
|
+
backgroundColor: string;
|
|
382
|
+
textColor: string;
|
|
383
|
+
};
|
|
384
|
+
};
|
|
385
|
+
danger: {
|
|
386
|
+
backgroundColor: string;
|
|
387
|
+
textColor: string;
|
|
388
|
+
hover: {
|
|
389
|
+
backgroundColor: string;
|
|
390
|
+
};
|
|
391
|
+
active: {
|
|
392
|
+
backgroundColor: string;
|
|
393
|
+
};
|
|
394
|
+
disabled: {
|
|
395
|
+
backgroundColor: string;
|
|
396
|
+
textColor: string;
|
|
397
|
+
};
|
|
398
|
+
};
|
|
371
399
|
};
|
|
372
400
|
sizes: {
|
|
373
401
|
small: {
|
|
@@ -392,18 +420,62 @@ export declare const tokens: {
|
|
|
392
420
|
padding: string;
|
|
393
421
|
font: string;
|
|
394
422
|
};
|
|
423
|
+
hover: {
|
|
424
|
+
backgroundColor: string;
|
|
425
|
+
};
|
|
426
|
+
active: {
|
|
427
|
+
backgroundColor: string;
|
|
428
|
+
};
|
|
429
|
+
focus: {
|
|
430
|
+
outline: string;
|
|
431
|
+
outlineOffset: string;
|
|
432
|
+
};
|
|
433
|
+
disabled: {
|
|
434
|
+
backgroundColor: string;
|
|
435
|
+
textColor: string;
|
|
436
|
+
};
|
|
395
437
|
variants: {
|
|
396
438
|
emphasis: {
|
|
397
439
|
backgroundColor: string;
|
|
398
440
|
textColor: string;
|
|
441
|
+
hover: {
|
|
442
|
+
backgroundColor: string;
|
|
443
|
+
};
|
|
444
|
+
active: {
|
|
445
|
+
backgroundColor: string;
|
|
446
|
+
};
|
|
447
|
+
disabled: {
|
|
448
|
+
backgroundColor: string;
|
|
449
|
+
textColor: string;
|
|
450
|
+
};
|
|
399
451
|
};
|
|
400
452
|
subtle: {
|
|
401
453
|
backgroundColor: string;
|
|
402
454
|
textColor: string;
|
|
455
|
+
hover: {
|
|
456
|
+
backgroundColor: string;
|
|
457
|
+
};
|
|
458
|
+
active: {
|
|
459
|
+
backgroundColor: string;
|
|
460
|
+
};
|
|
461
|
+
disabled: {
|
|
462
|
+
backgroundColor: string;
|
|
463
|
+
textColor: string;
|
|
464
|
+
};
|
|
403
465
|
};
|
|
404
466
|
interactive: {
|
|
405
467
|
backgroundColor: string;
|
|
406
468
|
textColor: string;
|
|
469
|
+
hover: {
|
|
470
|
+
backgroundColor: string;
|
|
471
|
+
};
|
|
472
|
+
active: {
|
|
473
|
+
backgroundColor: string;
|
|
474
|
+
};
|
|
475
|
+
disabled: {
|
|
476
|
+
backgroundColor: string;
|
|
477
|
+
textColor: string;
|
|
478
|
+
};
|
|
407
479
|
};
|
|
408
480
|
};
|
|
409
481
|
sizes: {
|
|
@@ -581,12 +653,31 @@ export declare const tokens: {
|
|
|
581
653
|
$ref: string;
|
|
582
654
|
};
|
|
583
655
|
semantic: {
|
|
656
|
+
elevation: {
|
|
657
|
+
none: string;
|
|
658
|
+
inset: string;
|
|
659
|
+
raised: string;
|
|
660
|
+
floating: string;
|
|
661
|
+
overlay: string;
|
|
662
|
+
sticky: string;
|
|
663
|
+
};
|
|
584
664
|
border: {
|
|
585
665
|
default: string;
|
|
586
666
|
subtle: string;
|
|
587
667
|
strong: string;
|
|
588
668
|
focus: string;
|
|
589
669
|
tooltip: string;
|
|
670
|
+
radius: {
|
|
671
|
+
none: string;
|
|
672
|
+
xs: string;
|
|
673
|
+
sm: string;
|
|
674
|
+
md: string;
|
|
675
|
+
lg: string;
|
|
676
|
+
xl: string;
|
|
677
|
+
"2xl": string;
|
|
678
|
+
"3xl": string;
|
|
679
|
+
circle: string;
|
|
680
|
+
};
|
|
590
681
|
};
|
|
591
682
|
size: {
|
|
592
683
|
icon: {
|
package/package.json
CHANGED