@gov-design-system-ce/components 0.0.13 → 0.0.14

package/dist/stencil.config.js

@@ -4,6 +4,14 @@ import autoprefixer from 'autoprefixer';
 import path from 'path';
 import { reactOutputTarget } from '@stencil/react-output-target';
 import { vueOutputTarget } from '@stencil/vue-output-target';
+const componentModels = [
+  {
+    elements: ['gov-form-input'],
+    event: 'govInput',
+    externalEvent: 'on-input',
+    targetAttr: 'value',
+  },
+];
 export const config = {
   namespace: 'core',
   globalStyle: 'src/sass/global.scss',
@@ -62,6 +70,7 @@ export const config = {
     vueOutputTarget({
       componentCorePackage: '@gov-design-system-ce/components',
       proxiesFile: '../../../packages/core-vue/lib/components.ts',
+      componentModels
     }),
   ],
 };

package/dist/stencil.config.js.map

@@ -1 +1 @@
-{"version":3,"file":"stencil.config.js","sourceRoot":"","sources":["../../../stencil.config.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAA;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AACpC,OAAO,YAAY,MAAM,cAAc,CAAA;AACvC,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAA;AAChE,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAA;AAE5D,MAAM,CAAC,MAAM,MAAM,GAAW;EAC7B,SAAS,EAAE,MAAM;EACjB,WAAW,EAAE,sBAAsB;EACnC,SAAS,EAAE,OAAO;EAClB,SAAS,EAAE,IAAI;EACf,MAAM,EAAE;IACP,2BAA2B,EAAE,IAAI;GACjC;EACD,OAAO,EAAE;IACR,IAAI,CAAC;MACJ,iBAAiB,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,SAAS,EAAE,oBAAoB,CAAC,CAAC,OAAO,CAAC,KAAK,EAAE,GAAG,CAAC,EAAE;KACvF,CAAC;IACF,OAAO,CAAC;MACP,OAAO,EAAE,CAAC,YAAY,EAAE,CAAC;KACzB,CAAC;GACF;EACD,aAAa,EAAE;IACd;MACC,IAAI,EAAE,6BAA6B;MACnC,eAAe,EAAE,KAAK;MACtB,MAAM,EAAE,IAAI;KACZ;IACD;MACC,IAAI,EAAE,MAAM;MACZ,aAAa,EAAE,WAAW;KAC1B;IACD;MACC,IAAI,EAAE,sBAAsB;KAC5B;IACD;MACC,IAAI,EAAE,aAAa;MACnB,MAAM,EAAE,IAAI;KACZ;IACD;MACC,IAAI,EAAE,KAAK;MACX,IAAI,EAAE;QACL,EAAE,GAAG,EAAE,iBAAiB,EAAE,IAAI,EAAE,oBAAoB,EAAE;QACtD,EAAE,GAAG,EAAE,iBAAiB,EAAE,IAAI,EAAE,oBAAoB,EAAE;OACtD;MACD,aAAa,EAAE,IAAI;KACnB;IACD;MACC,IAAI,EAAE,qBAAqB;MAC3B,GAAG,EAAE,cAAc;KACnB;IACD;MACC,IAAI,EAAE,sBAAsB;MAC5B,wBAAwB,EAAE,IAAI;MAC9B,oBAAoB,EAAE,KAAK;KAC3B;IAED,iBAAiB,CAAC;MACjB,oBAAoB,EAAE,kCAAkC;MACxD,WAAW,EAAE,gDAAgD;MAC7D,2BAA2B,EAAE,IAAI;KACjC,CAAC;IACF,eAAe,CAAC;MACf,oBAAoB,EAAE,kCAAkC;MACxD,WAAW,EAAE,8CAA8C;KAC3D,CAAC;GACF;CACD,CAAA","sourcesContent":["import { Config } from '@stencil/core'\nimport { postcss } from '@stencil/postcss'\nimport { sass } from '@stencil/sass'\nimport autoprefixer from 'autoprefixer'\nimport path from 'path'\nimport { reactOutputTarget } from '@stencil/react-output-target'\nimport { vueOutputTarget } from '@stencil/vue-output-target'\n\nexport const config: Config = {\n\tnamespace: 'core',\n\tglobalStyle: 'src/sass/global.scss',\n\ttaskQueue: 'async',\n\tsourceMap: true,\n\textras: {\n\t\texperimentalImportInjection: true,\n\t},\n\tplugins: [\n\t\tsass({\n\t\t\tinjectGlobalPaths: [path.resolve(__dirname, `src/sass/core.scss`).replace(/\\\\/g, '/'),],\n\t\t}),\n\t\tpostcss({\n\t\t\tplugins: [autoprefixer()],\n\t\t}),\n\t],\n\toutputTargets: [\n\t\t{\n\t\t\ttype: 'dist-custom-elements-bundle',\n\t\t\texternalRuntime: false,\n\t\t\tminify: true,\n\t\t},\n\t\t{\n\t\t\ttype: 'dist',\n\t\t\tesmLoaderPath: '../loader',\n\t\t},\n\t\t{\n\t\t\ttype: 'dist-custom-elements',\n\t\t},\n\t\t{\n\t\t\ttype: 'docs-readme',\n\t\t\tstrict: true\n\t\t},\n\t\t{\n\t\t\ttype: 'www',\n\t\t\tcopy: [\n\t\t\t\t{ src: '../../fonts/lib', dest: 'build/assets/fonts' },\n\t\t\t\t{ src: '../../icons/lib', dest: 'build/assets/icons' }\n\t\t\t],\n\t\t\tserviceWorker: null,\n\t\t},\n\t\t{\n\t\t\ttype: 'dist-hydrate-script',\n\t\t\tdir: 'dist/hydrate',\n\t\t},\n\t\t{\n\t\t\ttype: 'dist-custom-elements',\n\t\t\tautoDefineCustomElements: true,\n\t\t\tincludeGlobalScripts: false,\n\t\t},\n\n\t\treactOutputTarget({\n\t\t\tcomponentCorePackage: '@gov-design-system-ce/components',\n\t\t\tproxiesFile: '../../../packages/core-react/lib/components.ts',\n\t\t\tincludeDefineCustomElements: true,\n\t\t}),\n\t\tvueOutputTarget({\n\t\t\tcomponentCorePackage: '@gov-design-system-ce/components',\n\t\t\tproxiesFile: '../../../packages/core-vue/lib/components.ts',\n\t\t}),\n\t],\n}\n"]}
+{"version":3,"file":"stencil.config.js","sourceRoot":"","sources":["../../../stencil.config.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAA;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AACpC,OAAO,YAAY,MAAM,cAAc,CAAA;AACvC,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAA;AAChE,OAAO,EAAE,eAAe,EAAuB,MAAM,4BAA4B,CAAA;AAEjF,MAAM,eAAe,GAA2B;EAC/C;IACC,QAAQ,EAAE,CAAC,gBAAgB,CAAC;IAC5B,KAAK,EAAE,UAAU;IACjB,aAAa,EAAE,UAAU;IACzB,UAAU,EAAE,OAAO;GACnB;CACD,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAW;EAC7B,SAAS,EAAE,MAAM;EACjB,WAAW,EAAE,sBAAsB;EACnC,SAAS,EAAE,OAAO;EAClB,SAAS,EAAE,IAAI;EACf,MAAM,EAAE;IACP,2BAA2B,EAAE,IAAI;GACjC;EACD,OAAO,EAAE;IACR,IAAI,CAAC;MACJ,iBAAiB,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,SAAS,EAAE,oBAAoB,CAAC,CAAC,OAAO,CAAC,KAAK,EAAE,GAAG,CAAC,EAAE;KACvF,CAAC;IACF,OAAO,CAAC;MACP,OAAO,EAAE,CAAC,YAAY,EAAE,CAAC;KACzB,CAAC;GACF;EACD,aAAa,EAAE;IACd;MACC,IAAI,EAAE,6BAA6B;MACnC,eAAe,EAAE,KAAK;MACtB,MAAM,EAAE,IAAI;KACZ;IACD;MACC,IAAI,EAAE,MAAM;MACZ,aAAa,EAAE,WAAW;KAC1B;IACD;MACC,IAAI,EAAE,sBAAsB;KAC5B;IACD;MACC,IAAI,EAAE,aAAa;MACnB,MAAM,EAAE,IAAI;KACZ;IACD;MACC,IAAI,EAAE,KAAK;MACX,IAAI,EAAE;QACL,EAAE,GAAG,EAAE,iBAAiB,EAAE,IAAI,EAAE,oBAAoB,EAAE;QACtD,EAAE,GAAG,EAAE,iBAAiB,EAAE,IAAI,EAAE,oBAAoB,EAAE;OACtD;MACD,aAAa,EAAE,IAAI;KACnB;IACD;MACC,IAAI,EAAE,qBAAqB;MAC3B,GAAG,EAAE,cAAc;KACnB;IACD;MACC,IAAI,EAAE,sBAAsB;MAC5B,wBAAwB,EAAE,IAAI;MAC9B,oBAAoB,EAAE,KAAK;KAC3B;IAED,iBAAiB,CAAC;MACjB,oBAAoB,EAAE,kCAAkC;MACxD,WAAW,EAAE,gDAAgD;MAC7D,2BAA2B,EAAE,IAAI;KACjC,CAAC;IACF,eAAe,CAAC;MACf,oBAAoB,EAAE,kCAAkC;MACxD,WAAW,EAAE,8CAA8C;MAC3D,eAAe;KACf,CAAC;GACF;CACD,CAAA","sourcesContent":["import { Config } from '@stencil/core'\nimport { postcss } from '@stencil/postcss'\nimport { sass } from '@stencil/sass'\nimport autoprefixer from 'autoprefixer'\nimport path from 'path'\nimport { reactOutputTarget } from '@stencil/react-output-target'\nimport { vueOutputTarget, ComponentModelConfig} from '@stencil/vue-output-target'\n\nconst componentModels: ComponentModelConfig[] = [\n\t{\n\t\telements: ['gov-form-input'],\n\t\tevent: 'govInput',\n\t\texternalEvent: 'on-input',\n\t\ttargetAttr: 'value',\n\t},\n];\n\nexport const config: Config = {\n\tnamespace: 'core',\n\tglobalStyle: 'src/sass/global.scss',\n\ttaskQueue: 'async',\n\tsourceMap: true,\n\textras: {\n\t\texperimentalImportInjection: true,\n\t},\n\tplugins: [\n\t\tsass({\n\t\t\tinjectGlobalPaths: [path.resolve(__dirname, `src/sass/core.scss`).replace(/\\\\/g, '/'),],\n\t\t}),\n\t\tpostcss({\n\t\t\tplugins: [autoprefixer()],\n\t\t}),\n\t],\n\toutputTargets: [\n\t\t{\n\t\t\ttype: 'dist-custom-elements-bundle',\n\t\t\texternalRuntime: false,\n\t\t\tminify: true,\n\t\t},\n\t\t{\n\t\t\ttype: 'dist',\n\t\t\tesmLoaderPath: '../loader',\n\t\t},\n\t\t{\n\t\t\ttype: 'dist-custom-elements',\n\t\t},\n\t\t{\n\t\t\ttype: 'docs-readme',\n\t\t\tstrict: true\n\t\t},\n\t\t{\n\t\t\ttype: 'www',\n\t\t\tcopy: [\n\t\t\t\t{ src: '../../fonts/lib', dest: 'build/assets/fonts' },\n\t\t\t\t{ src: '../../icons/lib', dest: 'build/assets/icons' }\n\t\t\t],\n\t\t\tserviceWorker: null,\n\t\t},\n\t\t{\n\t\t\ttype: 'dist-hydrate-script',\n\t\t\tdir: 'dist/hydrate',\n\t\t},\n\t\t{\n\t\t\ttype: 'dist-custom-elements',\n\t\t\tautoDefineCustomElements: true,\n\t\t\tincludeGlobalScripts: false,\n\t\t},\n\n\t\treactOutputTarget({\n\t\t\tcomponentCorePackage: '@gov-design-system-ce/components',\n\t\t\tproxiesFile: '../../../packages/core-react/lib/components.ts',\n\t\t\tincludeDefineCustomElements: true,\n\t\t}),\n\t\tvueOutputTarget({\n\t\t\tcomponentCorePackage: '@gov-design-system-ce/components',\n\t\t\tproxiesFile: '../../../packages/core-vue/lib/components.ts',\n\t\t\tcomponentModels\n\t\t}),\n\t],\n}\n"]}

package/dist/types/components/gov-button/constants.d.ts

@@ -1,7 +1,7 @@
 import { Sizes } from '../../core/constants/sizes';
 import { Variants } from '../../core/constants/variants';
 import { ValueOf } from '../../types/interfaces';
-export declare const ButtonSizes: Pick<typeof Sizes, "_XS" | "_S" | "_M" | "_L" | "_XL">;
+export declare const ButtonSizes: Pick<typeof Sizes, "_S" | "_M" | "_L" | "_XL">;
 export declare type ButtonSizesType = `${ValueOf<typeof ButtonSizes>}`;
 export declare const ButtonVariants: Pick<typeof Variants, "PRIMARY" | "SECONDARY" | "SUCCESS" | "ERROR" | "WARNING">;
 export declare type ButtonVariantType = `${ValueOf<typeof ButtonVariants>}`;

package/dist/types/components/gov-form/message/gov-form-message.d.ts

@@ -6,7 +6,7 @@ export declare class GovFormMessage {
   constructor();
   host: HTMLGovFormMessageElement;
   /**
-   * Style variation of the mesage.
+   * Style variation of the message.
    */
   readonly variant?: FormMessageVariantType;
   validateVariant(newValue: string): void;

package/dist/types/components/gov-loading/skeleton/constants.d.ts

@@ -0,0 +1,20 @@
+import { Variants } from "../../../core/constants/variants";
+import { ValueOf } from "../../../types/interfaces";
+export declare const SkeletonVariants: Pick<typeof Variants, "PRIMARY" | "SECONDARY" | "SUCCESS" | "ERROR" | "WARNING">;
+export declare type SkeletonVariantsType = `${ValueOf<typeof SkeletonVariants>}`;
+export declare enum SkeletonShapes {
+  CIRCLE = "circle",
+  REACT = "rect",
+  TEXT = "text"
+}
+export declare type SkeletonShapesType = `${ValueOf<typeof SkeletonShapes>}`;
+export declare enum SkeletonAnimation {
+  PULSE = "pulse",
+  PROGRESS = "progress",
+  FALSE = "false"
+}
+export declare type SkeletonAnimationType = `${ValueOf<typeof SkeletonAnimation>}`;
+export declare const SkeletonClass: {
+  root: string;
+  loader: string;
+};

package/dist/types/components/gov-loading/skeleton/gov-skeleton.d.ts

@@ -0,0 +1,52 @@
+import { SkeletonAnimationType, SkeletonShapesType, SkeletonVariantsType } from "./constants";
+import { GovHost } from "../../../helpers/Dom/template.types";
+export declare class GovSkeleton {
+  h: GovHost;
+  constructor();
+  host: HTMLGovSkeletonElement;
+  /**
+   * Style variation of the skeleton.
+   */
+  readonly variant?: SkeletonVariantsType;
+  /**
+   * Number of rows of current skeleton type
+   */
+  count: number;
+  /**
+   * Shape of the skeleton
+   */
+  shape?: SkeletonShapesType;
+  /**
+   * Width of the skeleton ex. 100px, 100%, auto etc.
+   */
+  width: string;
+  /**
+   * Height of the skeleton ex. 100px, 100%, auto etc.
+   */
+  height: string;
+  /**
+   * Animation type
+   */
+  animation?: SkeletonAnimationType;
+  /**
+   * Adds accessible label for the skeleton that is only shown for screen readers.
+   */
+  readonly wcagLabel: string;
+  items: number[];
+  validateVariant(newValue: string): void;
+  validateShape(newValue: string): void;
+  validateAnimation(newValue: string): void;
+  componentWillLoad(): void;
+  componentWillUpdate(): void;
+  componentDidRender(): Promise<void>;
+  init(): void;
+  get style(): {
+    width?: string;
+    height?: string;
+  };
+  render(): any;
+  /**
+   * Validate the WCAG attributes of the component
+   */
+  validateWcag(): Promise<void>;
+}

package/dist/types/components.d.ts

@@ -35,6 +35,7 @@ import { MessageVariantType } from "./components/gov-message/constants";
 import { PaginationSizeType, PaginationType, PaginationVariantType } from "./components/gov-pagination/constants";
 import { Pagination } from "./components/gov-pagination/pagination";
 import { GovSideNavItemChangeEvent } from "./components/gov-side-nav/gov-side-nav-item.d";
+import { SkeletonAnimationType, SkeletonShapesType, SkeletonVariantsType } from "./components/gov-loading/skeleton/constants";
 import { SpacerBreakpointsType, SpacerSizeType } from "./components/gov-spacer/constants";
 import { StatsBarIconPositionType, StatsBarVariantType } from "./components/gov-statsbar/constants";
 import { StepperSizesType, StepperVariantType } from "./components/gov-stepper/constants";
@@ -842,7 +843,7 @@ export namespace Components {
          */
         "identifier": () => Promise<string>;
         /**
-          * Style variation of the mesage.
+          * Style variation of the message.
          */
         "variant"?: FormMessageVariantType;
     }
@@ -1400,6 +1401,40 @@ export namespace Components {
          */
         "toggle": () => Promise<void>;
     }
+    interface GovSkeleton {
+        /**
+          * Animation type
+         */
+        "animation"?: SkeletonAnimationType;
+        /**
+          * Number of rows of current skeleton type
+         */
+        "count": number;
+        /**
+          * Height of the skeleton ex. 100px, 100%, auto etc.
+         */
+        "height": string;
+        /**
+          * Shape of the skeleton
+         */
+        "shape"?: SkeletonShapesType;
+        /**
+          * Validate the WCAG attributes of the component
+         */
+        "validateWcag": () => Promise<void>;
+        /**
+          * Style variation of the skeleton.
+         */
+        "variant"?: SkeletonVariantsType;
+        /**
+          * Adds accessible label for the skeleton that is only shown for screen readers.
+         */
+        "wcagLabel": string;
+        /**
+          * Width of the skeleton ex. 100px, 100%, auto etc.
+         */
+        "width": string;
+    }
     interface GovSpacer {
         /**
           * Breakpoint
@@ -2080,6 +2115,12 @@ declare global {
         prototype: HTMLGovSideNavItemElement;
         new (): HTMLGovSideNavItemElement;
     };
+    interface HTMLGovSkeletonElement extends Components.GovSkeleton, HTMLStencilElement {
+    }
+    var HTMLGovSkeletonElement: {
+        prototype: HTMLGovSkeletonElement;
+        new (): HTMLGovSkeletonElement;
+    };
     interface HTMLGovSpacerElement extends Components.GovSpacer, HTMLStencilElement {
     }
     var HTMLGovSpacerElement: {
@@ -2208,6 +2249,7 @@ declare global {
         "gov-prompt": HTMLGovPromptElement;
         "gov-side-nav": HTMLGovSideNavElement;
         "gov-side-nav-item": HTMLGovSideNavItemElement;
+        "gov-skeleton": HTMLGovSkeletonElement;
         "gov-spacer": HTMLGovSpacerElement;
         "gov-statsbar": HTMLGovStatsbarElement;
         "gov-statsbar-item": HTMLGovStatsbarItemElement;
@@ -3023,7 +3065,7 @@ declare namespace LocalJSX {
     }
     interface GovFormMessage {
         /**
-          * Style variation of the mesage.
+          * Style variation of the message.
          */
         "variant"?: FormMessageVariantType;
     }
@@ -3557,6 +3599,36 @@ declare namespace LocalJSX {
          */
         "onGov-change"?: (event: GovSideNavItemCustomEvent<GovSideNavItemChangeEvent>) => void;
     }
+    interface GovSkeleton {
+        /**
+          * Animation type
+         */
+        "animation"?: SkeletonAnimationType;
+        /**
+          * Number of rows of current skeleton type
+         */
+        "count"?: number;
+        /**
+          * Height of the skeleton ex. 100px, 100%, auto etc.
+         */
+        "height"?: string;
+        /**
+          * Shape of the skeleton
+         */
+        "shape"?: SkeletonShapesType;
+        /**
+          * Style variation of the skeleton.
+         */
+        "variant"?: SkeletonVariantsType;
+        /**
+          * Adds accessible label for the skeleton that is only shown for screen readers.
+         */
+        "wcagLabel"?: string;
+        /**
+          * Width of the skeleton ex. 100px, 100%, auto etc.
+         */
+        "width"?: string;
+    }
     interface GovSpacer {
         /**
           * Breakpoint
@@ -3865,6 +3937,7 @@ declare namespace LocalJSX {
         "gov-prompt": GovPrompt;
         "gov-side-nav": GovSideNav;
         "gov-side-nav-item": GovSideNavItem;
+        "gov-skeleton": GovSkeleton;
         "gov-spacer": GovSpacer;
         "gov-statsbar": GovStatsbar;
         "gov-statsbar-item": GovStatsbarItem;
@@ -3928,6 +4001,7 @@ declare module "@stencil/core" {
             "gov-prompt": LocalJSX.GovPrompt & JSXBase.HTMLAttributes<HTMLGovPromptElement>;
             "gov-side-nav": LocalJSX.GovSideNav & JSXBase.HTMLAttributes<HTMLGovSideNavElement>;
             "gov-side-nav-item": LocalJSX.GovSideNavItem & JSXBase.HTMLAttributes<HTMLGovSideNavItemElement>;
+            "gov-skeleton": LocalJSX.GovSkeleton & JSXBase.HTMLAttributes<HTMLGovSkeletonElement>;
             "gov-spacer": LocalJSX.GovSpacer & JSXBase.HTMLAttributes<HTMLGovSpacerElement>;
             "gov-statsbar": LocalJSX.GovStatsbar & JSXBase.HTMLAttributes<HTMLGovStatsbarElement>;
             "gov-statsbar-item": LocalJSX.GovStatsbarItem & JSXBase.HTMLAttributes<HTMLGovStatsbarItemElement>;

package/package.json

@@ -2,7 +2,7 @@
     "name" : "@gov-design-system-ce/components",
     "description" : "This package includes Gov Design System Web Components and related utilities.",
     "author": "Zdeněk Vítek",
-    "version" : "0.0.13",
+    "version" : "0.0.14",
     "license" : "EUPL v1.2 Licensed",
     "main" : "./dist/index.cjs.js",
     "module" : "./dist/index.js",

package/dist/cjs/constants-245999e7.js.map

@@ -1 +0,0 @@
-{"file":"constants-245999e7.js","mappings":";;;;;;MAKa,WAAW,GAAGA,UAAI,CAACC,WAAK,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,CAAC,EAAC;MAG3D,cAAc,GAAGD,UAAI,CAACE,iBAAQ,EAAE,CAAC,SAAS,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,SAAS,CAAC,EAAC;AAGzFC;AAAZ,WAAY,IAAI;EACf,uBAAe,CAAA;EACf,6BAAqB,CAAA;EACrB,qBAAa,CAAA;EACb,qBAAa,CAAA;AACd,CAAC,EALWA,YAAI,KAAJA,YAAI,QAKf;AAIWC;AAAZ,WAAY,UAAU;EACrB,+BAAiB,CAAA;EACjB,+BAAiB,CAAA;EACjB,6BAAe,CAAA;AAChB,CAAC,EAJWA,kBAAU,KAAVA,kBAAU,QAIrB;AAID,IAAY,YAIX;AAJD,WAAY,YAAY;EACvB,gCAAgB,CAAA;EAChB,8BAAc,CAAA;EACd,4BAAY,CAAA;AACb,CAAC,EAJW,YAAY,KAAZ,YAAY,QAIvB;MAGY,WAAW,GAAG;EAC1B,IAAI,EAAE,YAAY;EAClB,YAAY,EAAE,oBAAoB;;;;;;;","names":["pick","Sizes","Variants","Type","NativeType"],"sources":["../../../packages/core/src/components/gov-button/constants.ts"],"sourcesContent":["import { Sizes } from '../../core/constants/sizes'\nimport { Variants } from '../../core/constants/variants'\nimport { ValueOf } from '../../types/interfaces'\nimport { pick } from '../../utils/utils'\n\nexport const ButtonSizes = pick(Sizes, ['_XS' ,'_S', '_M', '_L', '_XL'])\nexport type ButtonSizesType = `${ValueOf<typeof ButtonSizes>}`\n\nexport const ButtonVariants = pick(Variants, ['PRIMARY', 'SECONDARY', 'SUCCESS', 'ERROR', 'WARNING'])\nexport type ButtonVariantType = `${ValueOf<typeof ButtonVariants>}`\n\nexport enum Type {\n\tSOLID = 'solid',\n\tOUTLINED = 'outlined',\n\tBASE = 'base',\n\tLINK = 'link',\n}\n\nexport type TypesType = `${ValueOf<typeof Type>}`\n\nexport enum NativeType {\n\tSUBMIT = 'submit',\n\tBUTTON = 'button',\n\tRESET = 'reset',\n}\n\nexport type NativeTypesType = `${ValueOf<typeof NativeType>}`\n\nexport enum ButtonTarget {\n\tBLANK = '_blank',\n\tSELF = '_self',\n\tNEW = '_new',\n}\nexport type ButtonTargetType = `${ValueOf<typeof ButtonTarget>}`\n\nexport const ButtonClass = {\n\troot: 'gov-button',\n\trootWithIcon: 'gov-button--w-icon',\n}\n"],"version":3}