@common-origin/design-system 1.9.9 → 1.11.0
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/molecules/ArtCard/ArtCard.d.ts +12 -0
- package/dist/components/molecules/ArtCard/index.d.ts +1 -0
- package/dist/components/molecules/Checkbox/Checkbox.d.ts +64 -0
- package/dist/components/molecules/Checkbox/SelectableInputBase.d.ts +33 -0
- package/dist/components/molecules/Checkbox/index.d.ts +3 -0
- package/dist/components/molecules/DesignCard/DesignCard.d.ts +13 -0
- package/dist/components/molecules/DesignCard/index.d.ts +1 -0
- package/dist/components/molecules/ReleaseCard/ReleaseCard.d.ts +9 -0
- package/dist/components/molecules/ReleaseCard/index.d.ts +1 -0
- package/dist/components/molecules/TextField/InputBase.d.ts +19 -0
- package/dist/components/molecules/TextField/TextField.d.ts +56 -0
- package/dist/components/molecules/TextField/index.d.ts +4 -0
- package/dist/components/molecules/index.d.ts +2 -0
- package/dist/index.d.ts +40 -0
- package/dist/index.esm.js +488 -103
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +490 -101
- package/dist/index.js.map +1 -1
- package/dist/styles/tokens.json +43 -3
- package/dist/tokens/index.esm.js +43 -3
- package/dist/tokens/index.esm.js.map +1 -1
- package/dist/tokens/index.js +43 -3
- package/dist/tokens/index.js.map +1 -1
- package/dist/tokens/tokens.d.ts +40 -0
- package/package.json +1 -1
package/dist/styles/tokens.json
CHANGED
|
@@ -344,7 +344,7 @@
|
|
|
344
344
|
"textColor": "#212529",
|
|
345
345
|
"borderRadius": "0.25rem",
|
|
346
346
|
"padding": "0.25rem 0.5rem",
|
|
347
|
-
"font": "
|
|
347
|
+
"font": "500 0.875rem/1.25rem 'Inter', sans-serif"
|
|
348
348
|
},
|
|
349
349
|
"variants": {
|
|
350
350
|
"emphasis": {
|
|
@@ -367,7 +367,7 @@
|
|
|
367
367
|
},
|
|
368
368
|
"medium": {
|
|
369
369
|
"padding": "0.25rem 0.5rem",
|
|
370
|
-
"font": "
|
|
370
|
+
"font": "500 0.875rem/1.25rem 'Inter', sans-serif"
|
|
371
371
|
},
|
|
372
372
|
"large": {
|
|
373
373
|
"padding": "0.5rem 0.75rem",
|
|
@@ -492,6 +492,46 @@
|
|
|
492
492
|
}
|
|
493
493
|
}
|
|
494
494
|
},
|
|
495
|
+
"input": {
|
|
496
|
+
"default": {
|
|
497
|
+
"backgroundColor": "#ffffff",
|
|
498
|
+
"textColor": "#212529",
|
|
499
|
+
"borderColor": "#dee2e6",
|
|
500
|
+
"borderRadius": "0.25rem",
|
|
501
|
+
"borderWidth": "0.0625rem",
|
|
502
|
+
"paddingY": "11px",
|
|
503
|
+
"paddingX": "1rem",
|
|
504
|
+
"font": "400 1rem/1.5rem 'Inter', sans-serif"
|
|
505
|
+
},
|
|
506
|
+
"placeholder": {
|
|
507
|
+
"textColor": "#adb5bd"
|
|
508
|
+
},
|
|
509
|
+
"hover": {
|
|
510
|
+
"borderColor": "#343a40"
|
|
511
|
+
},
|
|
512
|
+
"focus": {
|
|
513
|
+
"borderColor": "#343a40",
|
|
514
|
+
"outline": "0.125rem solid #343a40",
|
|
515
|
+
"outlineOffset": "2px"
|
|
516
|
+
},
|
|
517
|
+
"error": {
|
|
518
|
+
"borderColor": "#D31510",
|
|
519
|
+
"focus": {
|
|
520
|
+
"borderColor": "#D31510",
|
|
521
|
+
"outline": "0.125rem solid #343a40",
|
|
522
|
+
"outlineOffset": "2px"
|
|
523
|
+
},
|
|
524
|
+
"hover": {
|
|
525
|
+
"borderColor": "#D31510"
|
|
526
|
+
}
|
|
527
|
+
},
|
|
528
|
+
"disabled": {
|
|
529
|
+
"backgroundColor": "#dee2e6",
|
|
530
|
+
"textColor": "#adb5bd",
|
|
531
|
+
"borderColor": "#dee2e6",
|
|
532
|
+
"cursor": "not-allowed"
|
|
533
|
+
}
|
|
534
|
+
},
|
|
495
535
|
"$ref": "./component/index.json"
|
|
496
536
|
},
|
|
497
537
|
"semantic": {
|
|
@@ -615,7 +655,7 @@
|
|
|
615
655
|
"button1": "500 1rem/1.5rem 'Inter', sans-serif",
|
|
616
656
|
"button2": "500 0.875rem/1.5rem 'Inter', sans-serif",
|
|
617
657
|
"button3": "500 0.75rem/1rem 'Inter', sans-serif",
|
|
618
|
-
"label": "
|
|
658
|
+
"label": "500 0.875rem/1.25rem 'Inter', sans-serif",
|
|
619
659
|
"breadcrumb": "400 0.75rem/1.125rem 'Inter', sans-serif"
|
|
620
660
|
},
|
|
621
661
|
"motion": {
|
package/dist/tokens/index.esm.js
CHANGED
|
@@ -343,7 +343,7 @@ var component = {
|
|
|
343
343
|
textColor: "#212529",
|
|
344
344
|
borderRadius: "0.25rem",
|
|
345
345
|
padding: "0.25rem 0.5rem",
|
|
346
|
-
font: "
|
|
346
|
+
font: "500 0.875rem/1.25rem 'Inter', sans-serif"
|
|
347
347
|
},
|
|
348
348
|
variants: {
|
|
349
349
|
emphasis: {
|
|
@@ -366,7 +366,7 @@ var component = {
|
|
|
366
366
|
},
|
|
367
367
|
medium: {
|
|
368
368
|
padding: "0.25rem 0.5rem",
|
|
369
|
-
font: "
|
|
369
|
+
font: "500 0.875rem/1.25rem 'Inter', sans-serif"
|
|
370
370
|
},
|
|
371
371
|
large: {
|
|
372
372
|
padding: "0.5rem 0.75rem",
|
|
@@ -491,6 +491,46 @@ var component = {
|
|
|
491
491
|
}
|
|
492
492
|
}
|
|
493
493
|
},
|
|
494
|
+
input: {
|
|
495
|
+
"default": {
|
|
496
|
+
backgroundColor: "#ffffff",
|
|
497
|
+
textColor: "#212529",
|
|
498
|
+
borderColor: "#dee2e6",
|
|
499
|
+
borderRadius: "0.25rem",
|
|
500
|
+
borderWidth: "0.0625rem",
|
|
501
|
+
paddingY: "11px",
|
|
502
|
+
paddingX: "1rem",
|
|
503
|
+
font: "400 1rem/1.5rem 'Inter', sans-serif"
|
|
504
|
+
},
|
|
505
|
+
placeholder: {
|
|
506
|
+
textColor: "#adb5bd"
|
|
507
|
+
},
|
|
508
|
+
hover: {
|
|
509
|
+
borderColor: "#343a40"
|
|
510
|
+
},
|
|
511
|
+
focus: {
|
|
512
|
+
borderColor: "#343a40",
|
|
513
|
+
outline: "0.125rem solid #343a40",
|
|
514
|
+
outlineOffset: "2px"
|
|
515
|
+
},
|
|
516
|
+
error: {
|
|
517
|
+
borderColor: "#D31510",
|
|
518
|
+
focus: {
|
|
519
|
+
borderColor: "#D31510",
|
|
520
|
+
outline: "0.125rem solid #343a40",
|
|
521
|
+
outlineOffset: "2px"
|
|
522
|
+
},
|
|
523
|
+
hover: {
|
|
524
|
+
borderColor: "#D31510"
|
|
525
|
+
}
|
|
526
|
+
},
|
|
527
|
+
disabled: {
|
|
528
|
+
backgroundColor: "#dee2e6",
|
|
529
|
+
textColor: "#adb5bd",
|
|
530
|
+
borderColor: "#dee2e6",
|
|
531
|
+
cursor: "not-allowed"
|
|
532
|
+
}
|
|
533
|
+
},
|
|
494
534
|
$ref: "./component/index.json"
|
|
495
535
|
};
|
|
496
536
|
var semantic = {
|
|
@@ -614,7 +654,7 @@ var semantic = {
|
|
|
614
654
|
button1: "500 1rem/1.5rem 'Inter', sans-serif",
|
|
615
655
|
button2: "500 0.875rem/1.5rem 'Inter', sans-serif",
|
|
616
656
|
button3: "500 0.75rem/1rem 'Inter', sans-serif",
|
|
617
|
-
label: "
|
|
657
|
+
label: "500 0.875rem/1.25rem 'Inter', sans-serif",
|
|
618
658
|
breadcrumb: "400 0.75rem/1.125rem 'Inter', sans-serif"
|
|
619
659
|
},
|
|
620
660
|
motion: {
|
|
@@ -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
|
@@ -347,7 +347,7 @@ var component = {
|
|
|
347
347
|
textColor: "#212529",
|
|
348
348
|
borderRadius: "0.25rem",
|
|
349
349
|
padding: "0.25rem 0.5rem",
|
|
350
|
-
font: "
|
|
350
|
+
font: "500 0.875rem/1.25rem 'Inter', sans-serif"
|
|
351
351
|
},
|
|
352
352
|
variants: {
|
|
353
353
|
emphasis: {
|
|
@@ -370,7 +370,7 @@ var component = {
|
|
|
370
370
|
},
|
|
371
371
|
medium: {
|
|
372
372
|
padding: "0.25rem 0.5rem",
|
|
373
|
-
font: "
|
|
373
|
+
font: "500 0.875rem/1.25rem 'Inter', sans-serif"
|
|
374
374
|
},
|
|
375
375
|
large: {
|
|
376
376
|
padding: "0.5rem 0.75rem",
|
|
@@ -495,6 +495,46 @@ var component = {
|
|
|
495
495
|
}
|
|
496
496
|
}
|
|
497
497
|
},
|
|
498
|
+
input: {
|
|
499
|
+
"default": {
|
|
500
|
+
backgroundColor: "#ffffff",
|
|
501
|
+
textColor: "#212529",
|
|
502
|
+
borderColor: "#dee2e6",
|
|
503
|
+
borderRadius: "0.25rem",
|
|
504
|
+
borderWidth: "0.0625rem",
|
|
505
|
+
paddingY: "11px",
|
|
506
|
+
paddingX: "1rem",
|
|
507
|
+
font: "400 1rem/1.5rem 'Inter', sans-serif"
|
|
508
|
+
},
|
|
509
|
+
placeholder: {
|
|
510
|
+
textColor: "#adb5bd"
|
|
511
|
+
},
|
|
512
|
+
hover: {
|
|
513
|
+
borderColor: "#343a40"
|
|
514
|
+
},
|
|
515
|
+
focus: {
|
|
516
|
+
borderColor: "#343a40",
|
|
517
|
+
outline: "0.125rem solid #343a40",
|
|
518
|
+
outlineOffset: "2px"
|
|
519
|
+
},
|
|
520
|
+
error: {
|
|
521
|
+
borderColor: "#D31510",
|
|
522
|
+
focus: {
|
|
523
|
+
borderColor: "#D31510",
|
|
524
|
+
outline: "0.125rem solid #343a40",
|
|
525
|
+
outlineOffset: "2px"
|
|
526
|
+
},
|
|
527
|
+
hover: {
|
|
528
|
+
borderColor: "#D31510"
|
|
529
|
+
}
|
|
530
|
+
},
|
|
531
|
+
disabled: {
|
|
532
|
+
backgroundColor: "#dee2e6",
|
|
533
|
+
textColor: "#adb5bd",
|
|
534
|
+
borderColor: "#dee2e6",
|
|
535
|
+
cursor: "not-allowed"
|
|
536
|
+
}
|
|
537
|
+
},
|
|
498
538
|
$ref: "./component/index.json"
|
|
499
539
|
};
|
|
500
540
|
var semantic = {
|
|
@@ -618,7 +658,7 @@ var semantic = {
|
|
|
618
658
|
button1: "500 1rem/1.5rem 'Inter', sans-serif",
|
|
619
659
|
button2: "500 0.875rem/1.5rem 'Inter', sans-serif",
|
|
620
660
|
button3: "500 0.75rem/1rem 'Inter', sans-serif",
|
|
621
|
-
label: "
|
|
661
|
+
label: "500 0.875rem/1.25rem 'Inter', sans-serif",
|
|
622
662
|
breadcrumb: "400 0.75rem/1.125rem 'Inter', sans-serif"
|
|
623
663
|
},
|
|
624
664
|
motion: {
|
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
|
@@ -493,6 +493,46 @@ export declare const tokens: {
|
|
|
493
493
|
};
|
|
494
494
|
};
|
|
495
495
|
};
|
|
496
|
+
input: {
|
|
497
|
+
default: {
|
|
498
|
+
backgroundColor: string;
|
|
499
|
+
textColor: string;
|
|
500
|
+
borderColor: string;
|
|
501
|
+
borderRadius: string;
|
|
502
|
+
borderWidth: string;
|
|
503
|
+
paddingY: string;
|
|
504
|
+
paddingX: string;
|
|
505
|
+
font: string;
|
|
506
|
+
};
|
|
507
|
+
placeholder: {
|
|
508
|
+
textColor: string;
|
|
509
|
+
};
|
|
510
|
+
hover: {
|
|
511
|
+
borderColor: string;
|
|
512
|
+
};
|
|
513
|
+
focus: {
|
|
514
|
+
borderColor: string;
|
|
515
|
+
outline: string;
|
|
516
|
+
outlineOffset: string;
|
|
517
|
+
};
|
|
518
|
+
error: {
|
|
519
|
+
borderColor: string;
|
|
520
|
+
focus: {
|
|
521
|
+
borderColor: string;
|
|
522
|
+
outline: string;
|
|
523
|
+
outlineOffset: string;
|
|
524
|
+
};
|
|
525
|
+
hover: {
|
|
526
|
+
borderColor: string;
|
|
527
|
+
};
|
|
528
|
+
};
|
|
529
|
+
disabled: {
|
|
530
|
+
backgroundColor: string;
|
|
531
|
+
textColor: string;
|
|
532
|
+
borderColor: string;
|
|
533
|
+
cursor: string;
|
|
534
|
+
};
|
|
535
|
+
};
|
|
496
536
|
$ref: string;
|
|
497
537
|
};
|
|
498
538
|
semantic: {
|
package/package.json
CHANGED