@peculiar/certificates-viewer 3.10.1 → 4.0.1

package/dist/types/components.d.ts

@@ -6,13 +6,19 @@
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
 import { AttributeCertificateProp } from "./components/attribute-certificate-viewer/attribute-certificate-viewer";
-import { IAction } from "./components/button-split/button-split";
-import { X509Certificate } from "./crypto";
+import { ButtonMenuGroup } from "./components/button-menu/button-menu";
 import { CertificateProp } from "./components/certificate-viewer/certificate-viewer";
 import { ICertificate } from "./components/certificates-viewer/certificates-viewer";
+import { X509Certificate } from "./crypto";
 import { CrlProp } from "./components/crl-viewer/crl-viewer";
 import { CsrProp } from "./components/csr-viewer/csr-viewer";
-import { ColorType } from "./interface";
+export { AttributeCertificateProp } from "./components/attribute-certificate-viewer/attribute-certificate-viewer";
+export { ButtonMenuGroup } from "./components/button-menu/button-menu";
+export { CertificateProp } from "./components/certificate-viewer/certificate-viewer";
+export { ICertificate } from "./components/certificates-viewer/certificates-viewer";
+export { X509Certificate } from "./crypto";
+export { CrlProp } from "./components/crl-viewer/crl-viewer";
+export { CsrProp } from "./components/csr-viewer/csr-viewer";
 export namespace Components {
     interface PeculiarAttributeCertificateViewer {
         /**
@@ -33,6 +39,11 @@ export namespace Components {
           * If `true` - component will show split-button to download certificate as PEM or DER.
          */
         "download"?: boolean;
+        /**
+          * Mobile media query string to control screen view change. <br /> **NOTE**: Based on https://developer.mozilla.org/en-US/docs/Web/API/Window/matchMedia.
+          * @example  (max-width: 900px)
+         */
+        "mobileMediaQueryString"?: string;
         /**
           * Subject Key Identifier extension children link. <br /> **NOTE**: `{{subjectKeyId}}` will be replaced to value from the extension.
           * @example  https://censys.io/certificates?q=parsed.extensions.authority_key_id:%20{{subjectKeyId}}
@@ -44,41 +55,22 @@ export namespace Components {
          */
         "subjectKeyIdSiblingsLink"?: string;
     }
-    interface PeculiarButton {
-        /**
-          * Set to true to disable the button.
-         */
-        "disabled"?: boolean;
-        "fill"?: 'stroke' | 'fill';
-        /**
-          * When set, the underlying button will be rendered as an `<a>` with this `href` instead of a `<button>`.
-         */
-        "href"?: string;
-        "onClick"?: (event: MouseEvent) => void;
-        /**
-          * Tells the browser where to open the link. Only used when `href` is set.
-         */
-        "target": '_blank' | '_parent' | '_self' | '_top';
-    }
-    interface PeculiarButtonSplit {
-        "actions": IAction[];
-        "fill": 'stroke' | 'fill';
-        "onClick": (event: MouseEvent) => void;
+    interface PeculiarButtonMenu {
+        "groups": ButtonMenuGroup[];
     }
     interface PeculiarCertificateDecoder {
         /**
           * The example certificate value for decode and show details. Use PEM or DER.
          */
-        "certificateExample"?: string;
+        "certificateExamples"?: {
+    title: string;
+    value: string;
+  }[];
         /**
           * The default certificate value for decode and show details. Use PEM or DER.
          */
         "defaultCertificate"?: string;
     }
-    interface PeculiarCertificateSummary {
-        "certificate": X509Certificate;
-        "showIssuer"?: boolean;
-    }
     interface PeculiarCertificateViewer {
         /**
           * Authority Key Identifier extension parent link. <br /> **NOTE**: `{{authKeyId}}` will be replaced to value from the extension.
@@ -102,6 +94,11 @@ export namespace Components {
           * Issuer DN link. **NOTE**: HTML component attribute must be `issuer-dn-link`.
          */
         "issuerDnLink"?: string;
+        /**
+          * Mobile media query string to control screen view change. <br /> **NOTE**: Based on https://developer.mozilla.org/en-US/docs/Web/API/Window/matchMedia.
+          * @example  (max-width: 900px)
+         */
+        "mobileMediaQueryString"?: string;
         /**
           * Subject Key Identifier extension children link. <br /> **NOTE**: `{{subjectKeyId}}` will be replaced to value from the extension.
           * @example  https://censys.io/certificates?q=parsed.extensions.authority_key_id:%20{{subjectKeyId}}
@@ -112,10 +109,6 @@ export namespace Components {
           * @example  https://some.com/{{subjectKeyId}}
          */
         "subjectKeyIdSiblingsLink"?: string;
-        /**
-          * Choose view type instead @media.
-         */
-        "view"?: 'mobile';
     }
     interface PeculiarCertificatesViewer {
         /**
@@ -130,6 +123,11 @@ export namespace Components {
           * Use highlight chapters in the list when search is changed.
          */
         "highlightWithSearch": boolean;
+        /**
+          * Mobile media query string to control screen view change. <br /> **NOTE**: Based on https://developer.mozilla.org/en-US/docs/Web/API/Window/matchMedia.
+          * @example  (max-width: 900px)
+         */
+        "mobileMediaQueryString"?: string;
     }
     interface PeculiarCircularProgress {
         /**
@@ -165,9 +163,10 @@ export namespace Components {
          */
         "issuerDnLink"?: string;
         /**
-          * Choose view type instead @media.
+          * Mobile media query string to control screen view change. <br /> **NOTE**: Based on https://developer.mozilla.org/en-US/docs/Web/API/Window/matchMedia.
+          * @example  (max-width: 900px)
          */
-        "view"?: 'mobile';
+        "mobileMediaQueryString"?: string;
     }
     interface PeculiarCsrViewer {
         /**
@@ -178,6 +177,11 @@ export namespace Components {
           * If `true` - component will show split-button to download certificate as PEM or DER.
          */
         "download"?: boolean;
+        /**
+          * Mobile media query string to control screen view change. <br /> **NOTE**: Based on https://developer.mozilla.org/en-US/docs/Web/API/Window/matchMedia.
+          * @example  (max-width: 900px)
+         */
+        "mobileMediaQueryString"?: string;
         /**
           * Subject Key Identifier extension children link. <br /> **NOTE**: `{{subjectKeyId}}` will be replaced to value from the extension.
           * @example  https://censys.io/certificates?q=parsed.extensions.authority_key_id:%20{{subjectKeyId}}
@@ -188,42 +192,11 @@ export namespace Components {
           * @example  https://some.com/{{subjectKeyId}}
          */
         "subjectKeyIdSiblingsLink"?: string;
-        /**
-          * Choose view type instead @media.
-         */
-        "view"?: 'mobile';
     }
     interface PeculiarHighlightWords {
         "search": string;
     }
-    interface PeculiarLink {
-        "href": string;
-        /**
-          * Typography type.
-         */
-        "type": 'h4' | 'h6' | 'h7' | 'b1' | 'b3';
-    }
     interface PeculiarTextHider {
-        "opened": boolean;
-    }
-    interface PeculiarTypography {
-        /**
-          * Text align.
-         */
-        "align"?: 'left' | 'center' | 'right';
-        /**
-          * Component color from theme.
-         */
-        "color": ColorType;
-        /**
-          * If `true`, the text will not wrap, but instead will truncate with a text overflow ellipsis.
-         */
-        "ellipsis"?: boolean;
-        "monospace"?: boolean;
-        /**
-          * Typography type.
-         */
-        "type": 'h4' | 'h6' | 'h7' | 'b1' | 'b3';
     }
 }
 export interface PeculiarCertificateDecoderCustomEvent<T> extends CustomEvent<T> {
@@ -234,10 +207,6 @@ export interface PeculiarCertificatesViewerCustomEvent<T> extends CustomEvent<T>
     detail: T;
     target: HTMLPeculiarCertificatesViewerElement;
 }
-export interface PeculiarTextHiderCustomEvent<T> extends CustomEvent<T> {
-    detail: T;
-    target: HTMLPeculiarTextHiderElement;
-}
 declare global {
     interface HTMLPeculiarAttributeCertificateViewerElement extends Components.PeculiarAttributeCertificateViewer, HTMLStencilElement {
     }
@@ -245,17 +214,11 @@ declare global {
         prototype: HTMLPeculiarAttributeCertificateViewerElement;
         new (): HTMLPeculiarAttributeCertificateViewerElement;
     };
-    interface HTMLPeculiarButtonElement extends Components.PeculiarButton, HTMLStencilElement {
-    }
-    var HTMLPeculiarButtonElement: {
-        prototype: HTMLPeculiarButtonElement;
-        new (): HTMLPeculiarButtonElement;
-    };
-    interface HTMLPeculiarButtonSplitElement extends Components.PeculiarButtonSplit, HTMLStencilElement {
+    interface HTMLPeculiarButtonMenuElement extends Components.PeculiarButtonMenu, HTMLStencilElement {
     }
-    var HTMLPeculiarButtonSplitElement: {
-        prototype: HTMLPeculiarButtonSplitElement;
-        new (): HTMLPeculiarButtonSplitElement;
+    var HTMLPeculiarButtonMenuElement: {
+        prototype: HTMLPeculiarButtonMenuElement;
+        new (): HTMLPeculiarButtonMenuElement;
     };
     interface HTMLPeculiarCertificateDecoderElement extends Components.PeculiarCertificateDecoder, HTMLStencilElement {
     }
@@ -263,12 +226,6 @@ declare global {
         prototype: HTMLPeculiarCertificateDecoderElement;
         new (): HTMLPeculiarCertificateDecoderElement;
     };
-    interface HTMLPeculiarCertificateSummaryElement extends Components.PeculiarCertificateSummary, HTMLStencilElement {
-    }
-    var HTMLPeculiarCertificateSummaryElement: {
-        prototype: HTMLPeculiarCertificateSummaryElement;
-        new (): HTMLPeculiarCertificateSummaryElement;
-    };
     interface HTMLPeculiarCertificateViewerElement extends Components.PeculiarCertificateViewer, HTMLStencilElement {
     }
     var HTMLPeculiarCertificateViewerElement: {
@@ -305,39 +262,23 @@ declare global {
         prototype: HTMLPeculiarHighlightWordsElement;
         new (): HTMLPeculiarHighlightWordsElement;
     };
-    interface HTMLPeculiarLinkElement extends Components.PeculiarLink, HTMLStencilElement {
-    }
-    var HTMLPeculiarLinkElement: {
-        prototype: HTMLPeculiarLinkElement;
-        new (): HTMLPeculiarLinkElement;
-    };
     interface HTMLPeculiarTextHiderElement extends Components.PeculiarTextHider, HTMLStencilElement {
     }
     var HTMLPeculiarTextHiderElement: {
         prototype: HTMLPeculiarTextHiderElement;
         new (): HTMLPeculiarTextHiderElement;
     };
-    interface HTMLPeculiarTypographyElement extends Components.PeculiarTypography, HTMLStencilElement {
-    }
-    var HTMLPeculiarTypographyElement: {
-        prototype: HTMLPeculiarTypographyElement;
-        new (): HTMLPeculiarTypographyElement;
-    };
     interface HTMLElementTagNameMap {
         "peculiar-attribute-certificate-viewer": HTMLPeculiarAttributeCertificateViewerElement;
-        "peculiar-button": HTMLPeculiarButtonElement;
-        "peculiar-button-split": HTMLPeculiarButtonSplitElement;
+        "peculiar-button-menu": HTMLPeculiarButtonMenuElement;
         "peculiar-certificate-decoder": HTMLPeculiarCertificateDecoderElement;
-        "peculiar-certificate-summary": HTMLPeculiarCertificateSummaryElement;
         "peculiar-certificate-viewer": HTMLPeculiarCertificateViewerElement;
         "peculiar-certificates-viewer": HTMLPeculiarCertificatesViewerElement;
         "peculiar-circular-progress": HTMLPeculiarCircularProgressElement;
         "peculiar-crl-viewer": HTMLPeculiarCrlViewerElement;
         "peculiar-csr-viewer": HTMLPeculiarCsrViewerElement;
         "peculiar-highlight-words": HTMLPeculiarHighlightWordsElement;
-        "peculiar-link": HTMLPeculiarLinkElement;
         "peculiar-text-hider": HTMLPeculiarTextHiderElement;
-        "peculiar-typography": HTMLPeculiarTypographyElement;
     }
 }
 declare namespace LocalJSX {
@@ -360,6 +301,11 @@ declare namespace LocalJSX {
           * If `true` - component will show split-button to download certificate as PEM or DER.
          */
         "download"?: boolean;
+        /**
+          * Mobile media query string to control screen view change. <br /> **NOTE**: Based on https://developer.mozilla.org/en-US/docs/Web/API/Window/matchMedia.
+          * @example  (max-width: 900px)
+         */
+        "mobileMediaQueryString"?: string;
         /**
           * Subject Key Identifier extension children link. <br /> **NOTE**: `{{subjectKeyId}}` will be replaced to value from the extension.
           * @example  https://censys.io/certificates?q=parsed.extensions.authority_key_id:%20{{subjectKeyId}}
@@ -371,32 +317,17 @@ declare namespace LocalJSX {
          */
         "subjectKeyIdSiblingsLink"?: string;
     }
-    interface PeculiarButton {
-        /**
-          * Set to true to disable the button.
-         */
-        "disabled"?: boolean;
-        "fill"?: 'stroke' | 'fill';
-        /**
-          * When set, the underlying button will be rendered as an `<a>` with this `href` instead of a `<button>`.
-         */
-        "href"?: string;
-        "onClick"?: (event: MouseEvent) => void;
-        /**
-          * Tells the browser where to open the link. Only used when `href` is set.
-         */
-        "target"?: '_blank' | '_parent' | '_self' | '_top';
-    }
-    interface PeculiarButtonSplit {
-        "actions"?: IAction[];
-        "fill"?: 'stroke' | 'fill';
-        "onClick"?: (event: MouseEvent) => void;
+    interface PeculiarButtonMenu {
+        "groups"?: ButtonMenuGroup[];
     }
     interface PeculiarCertificateDecoder {
         /**
           * The example certificate value for decode and show details. Use PEM or DER.
          */
-        "certificateExample"?: string;
+        "certificateExamples"?: {
+    title: string;
+    value: string;
+  }[];
         /**
           * The default certificate value for decode and show details. Use PEM or DER.
          */
@@ -410,10 +341,6 @@ declare namespace LocalJSX {
          */
         "onSuccessParse"?: (event: PeculiarCertificateDecoderCustomEvent<string>) => void;
     }
-    interface PeculiarCertificateSummary {
-        "certificate"?: X509Certificate;
-        "showIssuer"?: boolean;
-    }
     interface PeculiarCertificateViewer {
         /**
           * Authority Key Identifier extension parent link. <br /> **NOTE**: `{{authKeyId}}` will be replaced to value from the extension.
@@ -437,6 +364,11 @@ declare namespace LocalJSX {
           * Issuer DN link. **NOTE**: HTML component attribute must be `issuer-dn-link`.
          */
         "issuerDnLink"?: string;
+        /**
+          * Mobile media query string to control screen view change. <br /> **NOTE**: Based on https://developer.mozilla.org/en-US/docs/Web/API/Window/matchMedia.
+          * @example  (max-width: 900px)
+         */
+        "mobileMediaQueryString"?: string;
         /**
           * Subject Key Identifier extension children link. <br /> **NOTE**: `{{subjectKeyId}}` will be replaced to value from the extension.
           * @example  https://censys.io/certificates?q=parsed.extensions.authority_key_id:%20{{subjectKeyId}}
@@ -447,10 +379,6 @@ declare namespace LocalJSX {
           * @example  https://some.com/{{subjectKeyId}}
          */
         "subjectKeyIdSiblingsLink"?: string;
-        /**
-          * Choose view type instead @media.
-         */
-        "view"?: 'mobile';
     }
     interface PeculiarCertificatesViewer {
         /**
@@ -465,6 +393,11 @@ declare namespace LocalJSX {
           * Use highlight chapters in the list when search is changed.
          */
         "highlightWithSearch"?: boolean;
+        /**
+          * Mobile media query string to control screen view change. <br /> **NOTE**: Based on https://developer.mozilla.org/en-US/docs/Web/API/Window/matchMedia.
+          * @example  (max-width: 900px)
+         */
+        "mobileMediaQueryString"?: string;
         /**
           * Emitted when the user close certificate details modal.
          */
@@ -508,9 +441,10 @@ declare namespace LocalJSX {
          */
         "issuerDnLink"?: string;
         /**
-          * Choose view type instead @media.
+          * Mobile media query string to control screen view change. <br /> **NOTE**: Based on https://developer.mozilla.org/en-US/docs/Web/API/Window/matchMedia.
+          * @example  (max-width: 900px)
          */
-        "view"?: 'mobile';
+        "mobileMediaQueryString"?: string;
     }
     interface PeculiarCsrViewer {
         /**
@@ -521,6 +455,11 @@ declare namespace LocalJSX {
           * If `true` - component will show split-button to download certificate as PEM or DER.
          */
         "download"?: boolean;
+        /**
+          * Mobile media query string to control screen view change. <br /> **NOTE**: Based on https://developer.mozilla.org/en-US/docs/Web/API/Window/matchMedia.
+          * @example  (max-width: 900px)
+         */
+        "mobileMediaQueryString"?: string;
         /**
           * Subject Key Identifier extension children link. <br /> **NOTE**: `{{subjectKeyId}}` will be replaced to value from the extension.
           * @example  https://censys.io/certificates?q=parsed.extensions.authority_key_id:%20{{subjectKeyId}}
@@ -531,59 +470,23 @@ declare namespace LocalJSX {
           * @example  https://some.com/{{subjectKeyId}}
          */
         "subjectKeyIdSiblingsLink"?: string;
-        /**
-          * Choose view type instead @media.
-         */
-        "view"?: 'mobile';
     }
     interface PeculiarHighlightWords {
         "search"?: string;
     }
-    interface PeculiarLink {
-        "href"?: string;
-        /**
-          * Typography type.
-         */
-        "type"?: 'h4' | 'h6' | 'h7' | 'b1' | 'b3';
-    }
     interface PeculiarTextHider {
-        "onTextExpand"?: (event: PeculiarTextHiderCustomEvent<any>) => void;
-        "opened"?: boolean;
-    }
-    interface PeculiarTypography {
-        /**
-          * Text align.
-         */
-        "align"?: 'left' | 'center' | 'right';
-        /**
-          * Component color from theme.
-         */
-        "color"?: ColorType;
-        /**
-          * If `true`, the text will not wrap, but instead will truncate with a text overflow ellipsis.
-         */
-        "ellipsis"?: boolean;
-        "monospace"?: boolean;
-        /**
-          * Typography type.
-         */
-        "type"?: 'h4' | 'h6' | 'h7' | 'b1' | 'b3';
     }
     interface IntrinsicElements {
         "peculiar-attribute-certificate-viewer": PeculiarAttributeCertificateViewer;
-        "peculiar-button": PeculiarButton;
-        "peculiar-button-split": PeculiarButtonSplit;
+        "peculiar-button-menu": PeculiarButtonMenu;
         "peculiar-certificate-decoder": PeculiarCertificateDecoder;
-        "peculiar-certificate-summary": PeculiarCertificateSummary;
         "peculiar-certificate-viewer": PeculiarCertificateViewer;
         "peculiar-certificates-viewer": PeculiarCertificatesViewer;
         "peculiar-circular-progress": PeculiarCircularProgress;
         "peculiar-crl-viewer": PeculiarCrlViewer;
         "peculiar-csr-viewer": PeculiarCsrViewer;
         "peculiar-highlight-words": PeculiarHighlightWords;
-        "peculiar-link": PeculiarLink;
         "peculiar-text-hider": PeculiarTextHider;
-        "peculiar-typography": PeculiarTypography;
     }
 }
 export { LocalJSX as JSX };
@@ -591,19 +494,15 @@ declare module "@stencil/core" {
     export namespace JSX {
         interface IntrinsicElements {
             "peculiar-attribute-certificate-viewer": LocalJSX.PeculiarAttributeCertificateViewer & JSXBase.HTMLAttributes<HTMLPeculiarAttributeCertificateViewerElement>;
-            "peculiar-button": LocalJSX.PeculiarButton & JSXBase.HTMLAttributes<HTMLPeculiarButtonElement>;
-            "peculiar-button-split": LocalJSX.PeculiarButtonSplit & JSXBase.HTMLAttributes<HTMLPeculiarButtonSplitElement>;
+            "peculiar-button-menu": LocalJSX.PeculiarButtonMenu & JSXBase.HTMLAttributes<HTMLPeculiarButtonMenuElement>;
             "peculiar-certificate-decoder": LocalJSX.PeculiarCertificateDecoder & JSXBase.HTMLAttributes<HTMLPeculiarCertificateDecoderElement>;
-            "peculiar-certificate-summary": LocalJSX.PeculiarCertificateSummary & JSXBase.HTMLAttributes<HTMLPeculiarCertificateSummaryElement>;
             "peculiar-certificate-viewer": LocalJSX.PeculiarCertificateViewer & JSXBase.HTMLAttributes<HTMLPeculiarCertificateViewerElement>;
             "peculiar-certificates-viewer": LocalJSX.PeculiarCertificatesViewer & JSXBase.HTMLAttributes<HTMLPeculiarCertificatesViewerElement>;
             "peculiar-circular-progress": LocalJSX.PeculiarCircularProgress & JSXBase.HTMLAttributes<HTMLPeculiarCircularProgressElement>;
             "peculiar-crl-viewer": LocalJSX.PeculiarCrlViewer & JSXBase.HTMLAttributes<HTMLPeculiarCrlViewerElement>;
             "peculiar-csr-viewer": LocalJSX.PeculiarCsrViewer & JSXBase.HTMLAttributes<HTMLPeculiarCsrViewerElement>;
             "peculiar-highlight-words": LocalJSX.PeculiarHighlightWords & JSXBase.HTMLAttributes<HTMLPeculiarHighlightWordsElement>;
-            "peculiar-link": LocalJSX.PeculiarLink & JSXBase.HTMLAttributes<HTMLPeculiarLinkElement>;
             "peculiar-text-hider": LocalJSX.PeculiarTextHider & JSXBase.HTMLAttributes<HTMLPeculiarTextHiderElement>;
-            "peculiar-typography": LocalJSX.PeculiarTypography & JSXBase.HTMLAttributes<HTMLPeculiarTypographyElement>;
         }
     }
 }

package/dist/types/crypto/attribute.d.ts

@@ -10,7 +10,7 @@ import { DomainNameBeneficiary, DomainNameLegalRepresentative, DomainNameOwner,
 import { ChallengePassword, UnstructuredName } from '@peculiar/asn1-pkcs9';
 import { Extension, TExtensionValue } from './extension';
 import { AsnData } from './asn_data';
-export declare type TAttributeValue = DomainNameBeneficiary | DomainNameLegalRepresentative | DomainNameOwner | DomainNameTechnicalOperator | TypeRelationship | ActivityDescription | WebGDPR | InsuranceValue | ValuationRanking | Extension<TExtensionValue>[] | ChallengePassword | UnstructuredName | string;
+export type TAttributeValue = DomainNameBeneficiary | DomainNameLegalRepresentative | DomainNameOwner | DomainNameTechnicalOperator | TypeRelationship | ActivityDescription | WebGDPR | InsuranceValue | ValuationRanking | Extension<TExtensionValue>[] | ChallengePassword | UnstructuredName | string;
 export declare class Attribute<T extends TAttributeValue> extends AsnData<AsnAttribute> {
   readonly value: T;
   private getAsnExtnValue;

package/dist/types/crypto/extension.d.ts

@@ -15,7 +15,7 @@ import { Timestamp, ArchiveRevInfo } from '@peculiar/asn1-adobe-acrobat';
 import { LogotypeExtn } from '@peculiar/asn1-x509-logotype';
 import { TNAuthorizationList } from '@peculiar/asn1-rfc8226';
 import { AsnData } from './asn_data';
-export declare type TExtensionValue = AuthorityInfoAccessSyntax | AuthorityKeyIdentifier | BasicConstraints | CertificateIssuer | CertificatePolicies | CRLDistributionPoints | IssuingDistributionPoint | CRLReason | ExtendedKeyUsage | InhibitAnyPolicy | InvalidityDate | NameConstraints | PolicyConstraints | PolicyMappings | SubjectDirectoryAttributes | SubjectKeyIdentifier | QCStatements | CertificateTemplate | EnrollCertTypeChoice | NetscapeComment | LeiChoice | LeiRole | CertificateTransparency | Timestamp | ArchiveRevInfo | KeyUsage | NetscapeCertType | CaVersion | PrivateKeyUsagePeriod | EntrustVersionInfo | BiometricSyntax | LogotypeExtn | TNAuthorizationList | SubjectInfoAccessSyntax | CRLNumber | BaseCRLNumber | string;
+export type TExtensionValue = AuthorityInfoAccessSyntax | AuthorityKeyIdentifier | BasicConstraints | CertificateIssuer | CertificatePolicies | CRLDistributionPoints | IssuingDistributionPoint | CRLReason | ExtendedKeyUsage | InhibitAnyPolicy | InvalidityDate | NameConstraints | PolicyConstraints | PolicyMappings | SubjectDirectoryAttributes | SubjectKeyIdentifier | QCStatements | CertificateTemplate | EnrollCertTypeChoice | NetscapeComment | LeiChoice | LeiRole | CertificateTransparency | Timestamp | ArchiveRevInfo | KeyUsage | NetscapeCertType | CaVersion | PrivateKeyUsagePeriod | EntrustVersionInfo | BiometricSyntax | LogotypeExtn | TNAuthorizationList | SubjectInfoAccessSyntax | CRLNumber | BaseCRLNumber | string;
 export declare class Extension<T extends TExtensionValue> extends AsnData<AsnExtension> {
   readonly value: T;
   private getAsnExtnValue;

package/dist/types/interface.d.ts

@@ -1,9 +1,101 @@
-export type ColorType = 'dark'
-| 'light'
-| 'grey_3'
-| 'grey_5'
-| 'attention'
-| 'primary';
+export type TypographyType = (
+  'h1' |
+  'h2' |
+  'h3' |
+  'h4' |
+  'h5' |
+  's1' |
+  's2' |
+  'b1' |
+  'b2' |
+  'b3' |
+  'btn1' |
+  'btn2' |
+  'c1' |
+  'c2'
+);
+
+export type ColorType = (
+  // primary
+  'primary-tint-5' |
+  'primary-tint-4' |
+  'primary-tint-3' |
+  'primary-tint-2' |
+  'primary-tint-1' |
+  'primary' |
+  'primary-shade-1' |
+  'primary-shade-2' |
+  'primary-shade-3' |
+  'primary-shade-4' |
+  'primary-shade-5' |
+  'primary-contrast' |
+  // secondary
+  'secondary-tint-5' |
+  'secondary-tint-4' |
+  'secondary-tint-3' |
+  'secondary-tint-2' |
+  'secondary-tint-1' |
+  'secondary' |
+  'secondary-shade-1' |
+  'secondary-shade-2' |
+  'secondary-shade-3' |
+  'secondary-shade-4' |
+  'secondary-shade-5' |
+  'secondary-contrast' |
+  // wrong
+  'wrong-tint-5' |
+  'wrong-tint-4' |
+  'wrong-tint-3' |
+  'wrong-tint-2' |
+  'wrong-tint-1' |
+  'wrong' |
+  'wrong-shade-1' |
+  'wrong-shade-2' |
+  'wrong-shade-3' |
+  'wrong-shade-4' |
+  'wrong-shade-5' |
+  'wrong-contrast' |
+  // attention
+  'attention-tint-5' |
+  'attention-tint-4' |
+  'attention-tint-3' |
+  'attention-tint-2' |
+  'attention-tint-1' |
+  'attention' |
+  'attention-shade-1' |
+  'attention-shade-2' |
+  'attention-shade-3' |
+  'attention-shade-4' |
+  'attention-shade-5' |
+  // success
+  'success-tint-5' |
+  'success-tint-4' |
+  'success-tint-3' |
+  'success-tint-2' |
+  'success-tint-1' |
+  'success' |
+  'success-shade-1' |
+  'success-shade-2' |
+  'success-shade-3' |
+  'success-shade-4' |
+  'success-shade-5' |
+  // grayscale
+  'black' |
+  'gray-10' |
+  'gray-9' |
+  'gray-8' |
+  'gray-7' |
+  'gray-6' |
+  'gray-5' |
+  'gray-4' |
+  'gray-3' |
+  'gray-2' |
+  'gray-1' |
+  'white' |
+  // additional
+  'extra-1' |
+  'extra-2'
+);
 
 // eslint-disable-next-line import/no-cycle
 export * from './components';