@gov-design-system-ce/components 0.0.1

package/dist/hydrate/package.json

@@ -0,0 +1,6 @@
+{
+  "name": "@gov-design-system-ce/components/hydrate",
+  "description": "core component hydration app.",
+  "main": "index.js",
+  "types": "index.d.ts"
+}

package/dist/index.cjs.js

@@ -0,0 +1 @@
+module.exports = require('./cjs/index.cjs.js');

package/dist/index.js

@@ -0,0 +1 @@
+export * from './esm/index.js';

package/dist/stencil.config.js

@@ -0,0 +1,61 @@
+import { postcss } from '@stencil/postcss';
+import { sass } from '@stencil/sass';
+import autoprefixer from 'autoprefixer';
+import { reactOutputTarget } from '@stencil/react-output-target';
+export const config = {
+  namespace: 'core',
+  globalStyle: 'src/sass/global.scss',
+  taskQueue: 'async',
+  sourceMap: true,
+  extras: {
+    experimentalImportInjection: true,
+  },
+  plugins: [
+    sass({
+      injectGlobalPaths: [`${__dirname}/src/sass/core.scss`],
+    }),
+    postcss({
+      plugins: [autoprefixer()],
+    }),
+  ],
+  outputTargets: [
+    {
+      type: 'dist-custom-elements-bundle',
+      externalRuntime: false,
+      minify: true,
+    },
+    {
+      type: 'dist',
+      esmLoaderPath: '../loader',
+    },
+    {
+      type: 'dist-custom-elements',
+    },
+    {
+      type: 'docs-readme',
+    },
+    {
+      type: 'www',
+      copy: [
+        { src: '../../fonts/lib', dest: 'build/assets/fonts' },
+        { src: '../../icons/lib', dest: 'build/assets/icons' }
+      ],
+      serviceWorker: null,
+    },
+    {
+      type: 'dist-hydrate-script',
+      dir: 'dist/hydrate',
+    },
+    {
+      type: 'dist-custom-elements',
+      autoDefineCustomElements: true,
+      includeGlobalScripts: false,
+    },
+    reactOutputTarget({
+      componentCorePackage: '@gov-design-system-ce/components',
+      proxiesFile: '../../../packages/core-react/lib/components.ts',
+      includeDefineCustomElements: true,
+    }),
+  ],
+};
+//# sourceMappingURL=stencil.config.js.map

package/dist/stencil.config.js.map

@@ -0,0 +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;AAEvC,OAAO,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAA;AAEhE,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,GAAG,SAAS,qBAAqB,CAAC;KACtD,CAAC;IACD,OAAe,CAAC;MAChB,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;KACnB;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;GACF;CACD,CAAA","sourcesContent":["import { Config } from '@stencil/core'\nimport { postcss } from '@stencil/postcss'\nimport { sass } from '@stencil/sass'\nimport autoprefixer from 'autoprefixer'\n\nimport { reactOutputTarget } from '@stencil/react-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: [`${__dirname}/src/sass/core.scss`],\n\t\t}),\n\t\t(postcss as any)({\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},\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],\n}\n"]}

package/dist/types/Users/iwory/iWork/asseco/mv/gov-design-system-ce/packages/core/.stencil/packages/core/stencil.config.d.ts

@@ -0,0 +1,2 @@
+import { Config } from '../../../../../../../../../../../stencil-public-runtime';
+export declare const config: Config;

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

@@ -0,0 +1,16 @@
+import { Sizes as GlobalSizes } from '../../core/constants/sizes';
+import { Variants as GlobalVariants } from '../../core/constants/variants';
+export declare const Sizes: readonly [GlobalSizes._S, GlobalSizes._M, GlobalSizes._L, any];
+export declare type SizeType = typeof Sizes[number];
+export declare const Variants: readonly [any, GlobalVariants.PRIMARY, GlobalVariants.SECONDARY, GlobalVariants.CUSTOM];
+export declare type VariantType = typeof Variants[number];
+export declare const AccordionClass: {
+  root: string;
+};
+export declare const AccordionItemClass: {
+  root: string;
+  header: string;
+  title: string;
+  label: string;
+  content: string;
+};

package/dist/types/components/gov-accordion/gov-accordion-item.d.d.ts

@@ -0,0 +1,4 @@
+export interface GovAccordionItemChangeEvent {
+  open: boolean;
+  element: HTMLGovAccordionItemElement;
+}

package/dist/types/components/gov-accordion/gov-accordion-item.d.ts

@@ -0,0 +1,66 @@
+import { EventEmitter } from "../../stencil-public-runtime";
+import { SizeType, VariantType } from "./constants";
+import { GovAccordionItemChangeEvent } from "./gov-accordion-item.d";
+export declare class GovAccordionItem {
+  private readonly triggerId;
+  private readonly contentId;
+  constructor();
+  readonly host: HTMLGovAccordionItemElement;
+  isExpandedState: boolean;
+  /**
+   * Style variation of the button.
+   */
+  readonly variant: VariantType;
+  /**
+   * Custom accordion item identifier. Otherwise, it will be generated
+   */
+  readonly identifier: string;
+  /**
+   * Accordion’s size.
+   */
+  readonly size: SizeType;
+  /**
+   * Item name of the accordion
+   */
+  readonly label: string;
+  /**
+   * Makes the button component disabled.
+   * This prevents users from being able to interact with the button, and conveys its inactive state to assistive technologies.
+   */
+  readonly disabled: boolean;
+  /**
+   * Defines whether the accordion is open or closed by default
+   */
+  readonly isExpanded: boolean;
+  /**
+   * Used to change the HMTL tag in the accordion trigger for correct semantic structure
+   */
+  readonly triggerTag: string;
+  /**
+   * Called when the accordion state changes
+   */
+  govChange: EventEmitter<GovAccordionItemChangeEvent>;
+  validateLabel(newValue: string): void;
+  validateTriggerTag(newValue: string): void;
+  validateSize(newValue: string): void;
+  validateVariant(newValue: string): void;
+  private emmitChange;
+  componentWillLoad(): void;
+  render(): any;
+  /**
+   * Opening the accordion
+   */
+  open(): Promise<void>;
+  /**
+   * Closing the accordion
+   */
+  close(): Promise<void>;
+  /**
+   * Accordion switch
+   */
+  toggle(): Promise<void>;
+  /**
+   * Returns the current state of the component
+   */
+  currentState(): Promise<boolean>;
+}

package/dist/types/components/gov-accordion/gov-accordion.d.ts

@@ -0,0 +1,35 @@
+import { EventEmitter } from "../../stencil-public-runtime";
+import { SizeType, VariantType } from './constants';
+export declare class GovAccordion {
+  readonly host: HTMLGovAccordionElement;
+  /**
+   * Accordion’s size.
+   */
+  readonly size: SizeType;
+  /**
+   * Style variation of the button.
+   */
+  readonly variant: VariantType;
+  /**
+   * Adds accessible label for the accordion that is only shown for screen readers.
+   */
+  readonly wcagLabel: string;
+  /**
+   * String of id's that indicate alternative labels elements
+   */
+  readonly wcagLabelledBy: string;
+  /**
+   * Called when the accordion state changes
+   */
+  govChange: EventEmitter;
+  validateSize(newValue: string): void;
+  validateVariant(newValue: string): void;
+  componentWillLoad(): void;
+  componentDidLoad(): void;
+  componentDidRender(): Promise<void>;
+  render(): any;
+  /**
+   * Validate the WCAG attributes of the component
+   */
+  validateWcag(): Promise<void>;
+}

package/dist/types/components/gov-accordion/gov-accordion.stories.d.ts

@@ -0,0 +1,43 @@
+import { Variants as GlobalVariants } from "../../core/constants/variants";
+import { Sizes as GlobalSizes } from "../../core/constants/sizes";
+declare const StoryConfiguration: {
+  title: string;
+  args: {
+    variant: GlobalVariants;
+    size: GlobalSizes;
+    'wcag-label': string;
+    label: string;
+    disabled: boolean;
+    icon: any;
+  };
+  argTypes: {
+    variant: {
+      control: string;
+      options: any;
+    };
+    size: {
+      control: string;
+      options: any;
+    };
+    icon: {
+      control: string;
+      options: any[];
+    };
+    disabled: {
+      control: string;
+    };
+    'wcag-label': {
+      control: string;
+    };
+    label: {
+      control: string;
+    };
+  };
+  parameters: {
+    notes: string;
+  };
+};
+export declare const Playground: any;
+export declare const Primary: any;
+export declare const Secondary: any;
+export default StoryConfiguration;

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

@@ -0,0 +1,10 @@
+import { Variants as GlobalVariants } from '../../core/constants/variants';
+export declare const Variants: readonly [any, GlobalVariants.PRIMARY, GlobalVariants.SECONDARY, GlobalVariants.WARNING, GlobalVariants.ERROR, GlobalVariants.SUCCESS];
+export declare type VariantType = typeof Variants[number];
+export declare const AlertClass: {
+  root: string;
+  section: string;
+  icon: string;
+  content: string;
+  close: string;
+};

package/dist/types/components/gov-alert/gov-alert.d.ts

@@ -0,0 +1,30 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import { VariantType } from './constants';
+export declare class GovAlert {
+  private h;
+  constructor();
+  host: HTMLGovAlertElement;
+  /**
+   * Style variation of the button.
+   */
+  readonly variant: VariantType;
+  /**
+   * Determide if component should have inversed colors to be used on dark background
+   */
+  readonly inverse: boolean;
+  /**
+   * Aria label for the closing button. It is mandatory if the alert is closable
+   */
+  readonly wcagCloseLabel: string;
+  /**
+   * Called when the close button is clicked
+   */
+  govClose: EventEmitter<PointerEvent>;
+  /**
+   * Displays the option to close the alert
+   */
+  readonly closable?: boolean;
+  validateVariant(newValue: string): void;
+  componentWillLoad(): void;
+  render(): any;
+}

package/dist/types/components/gov-alert/gov-alert.stories.d.ts

@@ -0,0 +1,38 @@
+import { Variants as GlobalVariants } from "../../core/constants/variants";
+declare const StoryConfiguration: {
+  title: string;
+  args: {
+    variant: GlobalVariants;
+    'wcag-close-label': string;
+    closable: boolean;
+    inverse: boolean;
+    copy: string;
+    icon: any;
+  };
+  argTypes: {
+    variant: {
+      control: string;
+      options: any;
+    };
+    'wcag-close-label': string;
+    closable: string;
+    inverse: string;
+    copy: string;
+    icon: {
+      control: string;
+      options: any[];
+    };
+  };
+  parameters: {
+    notes: string;
+  };
+};
+export declare const Playground: any;
+export declare const Primary: any;
+export declare const Secondary: any;
+export declare const Error: any;
+export declare const Success: any;
+export declare const Warning: any;
+export declare const Closable: any;
+export declare const Inverse: any;
+export default StoryConfiguration;

package/dist/types/components/gov-app/gov-app.d.ts

@@ -0,0 +1,31 @@
+import "../../pages/Home.ts";
+import "../../pages/Accordion.ts";
+import "../../pages/Alert.ts";
+import "../../pages/Badge.ts";
+import "../../pages/Button.ts";
+import "../../pages/Forms.ts";
+import "../../pages/FormsRestructure.ts";
+import "../../pages/Card.ts";
+import "../../pages/Cookiebar.ts";
+import "../../pages/Message.ts";
+import "../../pages/Empty.ts";
+import "../../pages/Error.ts";
+import "../../pages/FormLabel.ts";
+import "../../pages/FormMessage.ts";
+import "../../pages/Modal.ts";
+import "../../pages/Spacer.ts";
+import "../../pages/Statsbar.ts";
+import "../../pages/Stepper.ts";
+import "../../pages/Tabs.ts";
+import "../../pages/Tile.ts";
+import "../../pages/Tooltip.ts";
+import "../../pages/Typography.ts";
+import "../../pages/ToastMessage.ts";
+import "../../pages/Pagination.ts";
+import "../../pages/Prompt.ts";
+import "../../pages/SideNav.ts";
+import "../../pages/Wizzard.ts";
+export declare class GovApp {
+  componentWillLoad(): void;
+  render(): any[];
+}

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

@@ -0,0 +1,8 @@
+export declare const AttachmentsClass: {
+  root: string;
+  label: string;
+};
+export declare const AttachmentsItemClass: {
+  root: string;
+  name: string;
+};

package/dist/types/components/gov-attachments/gov-attachments-item.d.d.ts

@@ -0,0 +1,4 @@
+export interface GovAttachmentsItemChangeEvent {
+  open: boolean;
+  element: HTMLGovAttachmentsItemElement;
+}

package/dist/types/components/gov-attachments/gov-attachments-item.d.ts

@@ -0,0 +1,22 @@
+import { EventEmitter } from "../../stencil-public-runtime";
+export declare class GovAttachmentsItem {
+  readonly host: HTMLGovAttachmentsItemElement;
+  /**
+   * Adds accessible label for the remove button that is only shown for screen readers.
+   */
+  readonly wcagRemoveLabel: string;
+  /**
+   * Indicates the id of a component that labels the remove button.
+   */
+  readonly wcagRemoveLabelledBy: string;
+  /**
+   * Emitted when the file is removed
+   */
+  govRemove: EventEmitter;
+  componentDidRender(): Promise<void>;
+  render(): any;
+  /**
+   * Validate the WCAG attributes of the component
+   */
+  validateWcag(): Promise<void>;
+}

package/dist/types/components/gov-attachments/gov-attachments.d.ts

@@ -0,0 +1,17 @@
+export declare class GovAttachments {
+  readonly host: HTMLGovAttachmentsElement;
+  /**
+   * Label of attachments section
+   */
+  readonly label: string;
+  /**
+   * Adds accessible label for the attachment section that is only shown for screen readers.
+   */
+  readonly wcagLabel: string;
+  componentDidRender(): Promise<void>;
+  render(): any;
+  /**
+   * Validate the WCAG attributes of the component
+   */
+  validateWcag(): Promise<void>;
+}

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

@@ -0,0 +1,3 @@
+export declare const BackdropClass: {
+  root: string;
+};

package/dist/types/components/gov-backdrop/gov-backdrop.d.ts

@@ -0,0 +1,25 @@
+import { EventEmitter } from "../../stencil-public-runtime";
+export declare class GovBackdrop {
+  /**
+   * Default attribute for backdrop display
+   */
+  visible: boolean;
+  /**
+   * Adds accessible label for the backdrop that is only shown for screen readers.
+   */
+  readonly wcagLabel: string;
+  /**
+   * String of id's that indicate alternative labels elements
+   */
+  readonly wcagLabelledBy: string;
+  /**
+   * Emitted when button clicks.
+   */
+  govClick: EventEmitter<MouseEvent>;
+  componentDidRender(): Promise<void>;
+  render(): any;
+  /**
+   * Validate the WCAG attributes of the component
+   */
+  validateWcag(): Promise<void>;
+}

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

@@ -0,0 +1,10 @@
+export declare enum NativeType {
+  SPAN = "span",
+  BUTTON = "button"
+}
+export declare const NativeTypes: readonly [any, NativeType.BUTTON, NativeType.SPAN];
+export declare type NativeTypesType = typeof NativeTypes[number];
+export declare const BadgeClass: {
+  root: string;
+  inner: string;
+};

package/dist/types/components/gov-badge/gov-badge.d.ts

@@ -0,0 +1,63 @@
+import { EventEmitter } from "../../stencil-public-runtime";
+import { NativeTypesType } from "./constants";
+import { SizesType, Type, VariantType } from "../gov-button/constants";
+export declare class GovBadge {
+  private h;
+  constructor();
+  host: HTMLGovBadgeElement;
+  /**
+   * Determide if component should have inversed colors to be used on dark background
+   */
+  readonly inverse: boolean;
+  /**
+   * Makes the badge component disabled.
+   * This prevents users from being able to interact with the button, and conveys its inactive state to assistive technologies.
+   */
+  readonly disabled: boolean;
+  /**
+   * Same as original parameter
+   * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-href
+   */
+  readonly href: string;
+  /**
+   * Same as original parameter
+   * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-target
+   */
+  readonly target: string;
+  /**
+   * Badge’s size.
+   */
+  readonly size: SizesType;
+  /**
+   * Badges's type
+   */
+  readonly type: Type;
+  /**
+   * Used to change the HMTL tag in the badge
+   */
+  readonly tag: string;
+  /**
+   * Same as original parameter
+   * https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#attr-type
+   */
+  readonly nativeType: NativeTypesType;
+  /**
+   * Style variation of the badge.
+   */
+  readonly variant: VariantType;
+  /**
+   * Adds accessible label for the button that is only shown for screen readers.
+   * Typically, this label text replaces the visible text on the button for users who use assistive technology.
+   */
+  readonly wcagLabel: string;
+  /**
+   * Emitted when the button click.
+   */
+  govClick: EventEmitter<PointerEvent>;
+  validateVariant(newValue: string): void;
+  validateSize(newValue: string): void;
+  validateType(newValue: string): void;
+  componentWillLoad(): void;
+  render(): any;
+  private onClickHandler;
+}

package/dist/types/components/gov-badge/gov-badge.stories.d.ts

@@ -0,0 +1,48 @@
+import { Sizes as GlobalSizes } from "../../core/constants/sizes";
+import { Variants as GlobalVariants } from "../../core/constants/variants";
+declare const StoryConfiguration: {
+  title: string;
+  args: {
+    variant: GlobalVariants;
+    type: string;
+    size: GlobalSizes;
+    'native-type': string;
+    copy: string;
+    'wcag-label': string;
+    disabled: boolean;
+    href: string;
+    target: string;
+  };
+  argTypes: {
+    variant: {
+      control: string;
+      options: any;
+    };
+    size: {
+      control: string;
+      options: any;
+    };
+    type: {
+      control: string;
+      options: any;
+    };
+    copy: string;
+    href: string;
+    target: {
+      control: string;
+      options: string[];
+    };
+    'wcag-label': string;
+    disabled: string;
+  };
+  parameters: {
+    notes: string;
+  };
+};
+export declare const Playground: any;
+export declare const Primary: any;
+export declare const Secondary: any;
+export declare const Error: any;
+export declare const Success: any;
+export declare const Warning: any;
+export default StoryConfiguration;

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

@@ -0,0 +1,19 @@
+import { Sizes as GlobalSizes } from "../../core/constants/sizes";
+import { Variants as GlobalVariants } from "../../core/constants/variants";
+export declare const Sizes: readonly [any, GlobalSizes._S, GlobalSizes._M, GlobalSizes._L, GlobalSizes._XL];
+export declare type SizesType = typeof Sizes[number];
+export declare const Variants: readonly [any, GlobalVariants.PRIMARY, GlobalVariants.SECONDARY, GlobalVariants.SUCCESS, GlobalVariants.ERROR, GlobalVariants.WARNING];
+export declare type VariantType = typeof Variants[number];
+export declare const Types: readonly [any, "solid", "outlined", "base"];
+export declare type Type = typeof Types[number];
+export declare enum NativeType {
+  SUBMIT = "submit",
+  BUTTON = "button",
+  RESET = "reset"
+}
+export declare const NativeTypes: readonly [any, NativeType.SUBMIT, NativeType.BUTTON, NativeType.RESET];
+export declare type NativeTypesType = typeof NativeTypes[number];
+export declare const ButtonClass: {
+  root: string;
+  rootWithIcon: string;
+};