@common-origin/design-system 2.12.0 → 2.12.2

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 (34) hide show
  1. package/LICENSE +21 -0
  2. package/dist/components/atoms/Box/Box.d.ts +26 -26
  3. package/dist/components/atoms/Chip/shared/ChipBase.d.ts +9 -3
  4. package/dist/components/layout/GridSystem/GridSystem.d.ts +19 -19
  5. package/dist/components/molecules/Checkbox/SelectableInputBase.d.ts +12 -4
  6. package/dist/components/molecules/Dropdown/Dropdown.d.ts +3 -1
  7. package/dist/components/molecules/TextField/InputBase.d.ts +6 -2
  8. package/dist/index.d.ts +1 -858
  9. package/dist/index.esm.js +228 -193
  10. package/dist/index.esm.js.map +1 -1
  11. package/dist/index.js +228 -193
  12. package/dist/index.js.map +1 -1
  13. package/dist/lib/styleUtils.d.ts +0 -3
  14. package/dist/styles/tokens.json +30 -2
  15. package/dist/tokens/index.esm.js +35 -4
  16. package/dist/tokens/index.esm.js.map +1 -1
  17. package/dist/tokens/index.js +35 -4
  18. package/dist/tokens/index.js.map +1 -1
  19. package/dist/tokens/tokens.d.ts +4 -860
  20. package/dist/tokens/types/tokens.d.ts +889 -0
  21. package/dist/types/icons.d.ts +1 -1
  22. package/dist/types/tokens.d.ts +889 -0
  23. package/package.json +33 -16
  24. package/dist/lib/errorReporting.d.ts +0 -24
  25. package/dist/page-components/ErrorBoundaries.d.ts +0 -16
  26. package/dist/page-components/ErrorBoundary.d.ts +0 -20
  27. package/dist/page-components/Footer/Footer.d.ts +0 -8
  28. package/dist/page-components/Footer/index.d.ts +0 -1
  29. package/dist/page-components/HeroBanner/HeroBanner.d.ts +0 -10
  30. package/dist/page-components/HeroBanner/index.d.ts +0 -1
  31. package/dist/page-components/Meta.d.ts +0 -2
  32. package/dist/page-components/Navigation.d.ts +0 -2
  33. package/dist/page-components/PageLayout.d.ts +0 -7
  34. package/dist/page-components/index.d.ts +0 -8
@@ -1,4 +1,3 @@
1
- import tokens from '../styles/tokens.json';
2
1
  export declare const breakpoints: {
3
2
  xs: string;
4
3
  sm: string;
@@ -15,5 +14,3 @@ export declare const media: {
15
14
  xl: string;
16
15
  '2xl': string;
17
16
  };
18
- export { tokens };
19
- export default tokens;
@@ -261,7 +261,9 @@
261
261
  "2": "400",
262
262
  "3": "500",
263
263
  "4": "600",
264
- "5": "700"
264
+ "5": "700",
265
+ "6": "800",
266
+ "7": "900"
265
267
  },
266
268
  "lineHeight": {
267
269
  "1": "1rem",
@@ -649,6 +651,20 @@
649
651
  "cursor": "not-allowed"
650
652
  }
651
653
  },
654
+ "badge": {
655
+ "dot": {
656
+ "size": "0.5rem"
657
+ },
658
+ "count": {
659
+ "minWidth": "1rem",
660
+ "height": "1rem",
661
+ "paddingX": "0.25rem"
662
+ },
663
+ "ring": {
664
+ "width": "0.125rem"
665
+ },
666
+ "borderRadius": "10rem"
667
+ },
652
668
  "$ref": "./component/index.json"
653
669
  },
654
670
  "semantic": {
@@ -702,6 +718,14 @@
702
718
  "lg": "2rem",
703
719
  "xl": "3rem"
704
720
  },
721
+ "component": {
722
+ "xs": "0.25rem",
723
+ "sm": "0.5rem",
724
+ "md": "0.75rem",
725
+ "lg": "1rem",
726
+ "xl": "1.25rem",
727
+ "2xl": "1.5rem"
728
+ },
705
729
  "layout": {
706
730
  "none": "0",
707
731
  "xs": "0.25rem",
@@ -750,7 +774,11 @@
750
774
  "warning": "#B14C00",
751
775
  "warning-subtle": "#FFECCC",
752
776
  "disabled": "#dee2e6",
753
- "progressTrack": "#dee2e6"
777
+ "progressTrack": "#dee2e6",
778
+ "page": "#f8f9fa",
779
+ "overlay": "rgba(33, 37, 41, 0.5)",
780
+ "hover-overlay": "rgba(33, 37, 41, 0.1)",
781
+ "active-overlay": "rgba(33, 37, 41, 0.15)"
754
782
  },
755
783
  "border": {
756
784
  "default": "#e9ecef",
@@ -260,7 +260,9 @@ var base = {
260
260
  "2": "400",
261
261
  "3": "500",
262
262
  "4": "600",
263
- "5": "700"
263
+ "5": "700",
264
+ "6": "800",
265
+ "7": "900"
264
266
  },
265
267
  lineHeight: {
266
268
  "1": "1rem",
@@ -648,6 +650,20 @@ var component = {
648
650
  cursor: "not-allowed"
649
651
  }
650
652
  },
653
+ badge: {
654
+ dot: {
655
+ size: "0.5rem"
656
+ },
657
+ count: {
658
+ minWidth: "1rem",
659
+ height: "1rem",
660
+ paddingX: "0.25rem"
661
+ },
662
+ ring: {
663
+ width: "0.125rem"
664
+ },
665
+ borderRadius: "10rem"
666
+ },
651
667
  $ref: "./component/index.json"
652
668
  };
653
669
  var semantic = {
@@ -701,6 +717,14 @@ var semantic = {
701
717
  lg: "2rem",
702
718
  xl: "3rem"
703
719
  },
720
+ component: {
721
+ xs: "0.25rem",
722
+ sm: "0.5rem",
723
+ md: "0.75rem",
724
+ lg: "1rem",
725
+ xl: "1.25rem",
726
+ "2xl": "1.5rem"
727
+ },
704
728
  layout: {
705
729
  none: "0",
706
730
  xs: "0.25rem",
@@ -749,7 +773,11 @@ var semantic = {
749
773
  warning: "#B14C00",
750
774
  "warning-subtle": "#FFECCC",
751
775
  disabled: "#dee2e6",
752
- progressTrack: "#dee2e6"
776
+ progressTrack: "#dee2e6",
777
+ page: "#f8f9fa",
778
+ overlay: "rgba(33, 37, 41, 0.5)",
779
+ "hover-overlay": "rgba(33, 37, 41, 0.1)",
780
+ "active-overlay": "rgba(33, 37, 41, 0.15)"
753
781
  },
754
782
  border: {
755
783
  "default": "#e9ecef",
@@ -859,8 +887,11 @@ var tokensJson = {
859
887
  semantic: semantic
860
888
  };
861
889
 
862
- // Tokens-only export for standalone usage
890
+ // Re-declared as a const so emitted .d.ts files inline the token shape instead of importing JSON,
891
+ // which consumers can only resolve with `resolveJsonModule`.
863
892
  var tokens = tokensJson;
864
893
 
865
- export { tokensJson as default, tokens };
894
+ // Tokens-only export for standalone usage
895
+
896
+ export { tokens as default, tokens };
866
897
  //# sourceMappingURL=index.esm.js.map
@@ -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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAGO,IAAM,MAAM,GAAG;;;;"}
1
+ {"version":3,"file":"index.esm.js","sources":["../../src/types/tokens.ts","../../src/tokens.ts"],"sourcesContent":["import tokensJson from '../styles/tokens.json'\n\n// Re-declared as a const so emitted .d.ts files inline the token shape instead of importing JSON,\n// which consumers can only resolve with `resolveJsonModule`.\nexport const tokens = tokensJson\n\nexport type Tokens = typeof tokens\nexport type TokensBase = Tokens['base']\nexport type TokensSemantic = Tokens['semantic']\nexport type TokensComponent = Tokens['component']\n","// Tokens-only export for standalone usage\nimport { tokens } from './types/tokens'\n\nexport { tokens }\nexport default tokens\n\nexport type {\n Tokens,\n TokensBase,\n TokensSemantic,\n TokensComponent\n} from './types/tokens'\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA;AACA;AACO,IAAM,MAAM,GAAG;;ACJtB;;;;"}
@@ -264,7 +264,9 @@ var base = {
264
264
  "2": "400",
265
265
  "3": "500",
266
266
  "4": "600",
267
- "5": "700"
267
+ "5": "700",
268
+ "6": "800",
269
+ "7": "900"
268
270
  },
269
271
  lineHeight: {
270
272
  "1": "1rem",
@@ -652,6 +654,20 @@ var component = {
652
654
  cursor: "not-allowed"
653
655
  }
654
656
  },
657
+ badge: {
658
+ dot: {
659
+ size: "0.5rem"
660
+ },
661
+ count: {
662
+ minWidth: "1rem",
663
+ height: "1rem",
664
+ paddingX: "0.25rem"
665
+ },
666
+ ring: {
667
+ width: "0.125rem"
668
+ },
669
+ borderRadius: "10rem"
670
+ },
655
671
  $ref: "./component/index.json"
656
672
  };
657
673
  var semantic = {
@@ -705,6 +721,14 @@ var semantic = {
705
721
  lg: "2rem",
706
722
  xl: "3rem"
707
723
  },
724
+ component: {
725
+ xs: "0.25rem",
726
+ sm: "0.5rem",
727
+ md: "0.75rem",
728
+ lg: "1rem",
729
+ xl: "1.25rem",
730
+ "2xl": "1.5rem"
731
+ },
708
732
  layout: {
709
733
  none: "0",
710
734
  xs: "0.25rem",
@@ -753,7 +777,11 @@ var semantic = {
753
777
  warning: "#B14C00",
754
778
  "warning-subtle": "#FFECCC",
755
779
  disabled: "#dee2e6",
756
- progressTrack: "#dee2e6"
780
+ progressTrack: "#dee2e6",
781
+ page: "#f8f9fa",
782
+ overlay: "rgba(33, 37, 41, 0.5)",
783
+ "hover-overlay": "rgba(33, 37, 41, 0.1)",
784
+ "active-overlay": "rgba(33, 37, 41, 0.15)"
757
785
  },
758
786
  border: {
759
787
  "default": "#e9ecef",
@@ -863,9 +891,12 @@ var tokensJson = {
863
891
  semantic: semantic
864
892
  };
865
893
 
866
- // Tokens-only export for standalone usage
894
+ // Re-declared as a const so emitted .d.ts files inline the token shape instead of importing JSON,
895
+ // which consumers can only resolve with `resolveJsonModule`.
867
896
  var tokens = tokensJson;
868
897
 
869
- exports.default = tokensJson;
898
+ // Tokens-only export for standalone usage
899
+
900
+ exports.default = tokens;
870
901
  exports.tokens = tokens;
871
902
  //# sourceMappingURL=index.js.map
@@ -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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAGO,IAAM,MAAM,GAAG;;;;;"}
1
+ {"version":3,"file":"index.js","sources":["../../src/types/tokens.ts","../../src/tokens.ts"],"sourcesContent":["import tokensJson from '../styles/tokens.json'\n\n// Re-declared as a const so emitted .d.ts files inline the token shape instead of importing JSON,\n// which consumers can only resolve with `resolveJsonModule`.\nexport const tokens = tokensJson\n\nexport type Tokens = typeof tokens\nexport type TokensBase = Tokens['base']\nexport type TokensSemantic = Tokens['semantic']\nexport type TokensComponent = Tokens['component']\n","// Tokens-only export for standalone usage\nimport { tokens } from './types/tokens'\n\nexport { tokens }\nexport default tokens\n\nexport type {\n Tokens,\n TokensBase,\n TokensSemantic,\n TokensComponent\n} from './types/tokens'\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA;AACA;AACO,IAAM,MAAM,GAAG;;ACJtB;;;;;"}