@usecapsule/core-components 3.14.0 → 3.16.0

package/dist/types/components/cpsl-tabs/cpsl-tabs.d.ts

@@ -1,6 +1,6 @@
 import { EventEmitter } from '../../stencil-public-runtime';
-import { TabSizeChangeEventDetail } from '../cpsl-tab/tab-interface';
-import { TabsChangedEventDetail } from './tabs-interface';
+import { TabSizeChangeEventDetail } from '../cpsl-tab/tab-interface.js';
+import { TabsChangedEventDetail } from './tabs-interface.js';
 export declare class CpslTabs {
     el: HTMLCpslTabsElement;
     selectedTabRect?: DOMRect;

package/dist/types/components/cpsl-tile-button/cpsl-tile-button.d.ts

@@ -1,4 +1,4 @@
-import { IconType } from '../../interface';
+import { IconType } from '../../interface.js';
 export declare class CpslTileButton {
     /**
      * The external source of the icon. If both `icon` and `src` are provided, `icon` will be used.

package/dist/types/components.d.ts

@@ -5,18 +5,18 @@
  * It contains typing information for all components that exist in this project.
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
-import { AutocompleteTypes, IconType, TextFieldTypes } from "./interface";
-import { CodeChangeEventDetail } from "./components/cpsl-code-input/code-change-interface";
-import { DropdownInputEventDetail } from "./components/cpsl-dropdown/dropdown-interface";
-import { InputChangeEventDetail, InputInputEventDetail } from "./components/cpsl-input/input-interface";
-import { TabClickEventDetail, TabSizeChangeEventDetail } from "./components/cpsl-tab/tab-interface";
-import { TabsChangedEventDetail } from "./components/cpsl-tabs/tabs-interface";
-export { AutocompleteTypes, IconType, TextFieldTypes } from "./interface";
-export { CodeChangeEventDetail } from "./components/cpsl-code-input/code-change-interface";
-export { DropdownInputEventDetail } from "./components/cpsl-dropdown/dropdown-interface";
-export { InputChangeEventDetail, InputInputEventDetail } from "./components/cpsl-input/input-interface";
-export { TabClickEventDetail, TabSizeChangeEventDetail } from "./components/cpsl-tab/tab-interface";
-export { TabsChangedEventDetail } from "./components/cpsl-tabs/tabs-interface";
+import { AutocompleteTypes, IconType, TextFieldTypes } from "./interface.js";
+import { CodeChangeEventDetail } from "./components/cpsl-code-input/code-change-interface.js";
+import { DropdownInputEventDetail } from "./components/cpsl-dropdown/dropdown-interface.js";
+import { InputChangeEventDetail, InputInputEventDetail } from "./components/cpsl-input/input-interface.js";
+import { TabClickEventDetail, TabSizeChangeEventDetail } from "./components/cpsl-tab/tab-interface.js";
+import { TabsChangedEventDetail } from "./components/cpsl-tabs/tabs-interface.js";
+export { AutocompleteTypes, IconType, TextFieldTypes } from "./interface.js";
+export { CodeChangeEventDetail } from "./components/cpsl-code-input/code-change-interface.js";
+export { DropdownInputEventDetail } from "./components/cpsl-dropdown/dropdown-interface.js";
+export { InputChangeEventDetail, InputInputEventDetail } from "./components/cpsl-input/input-interface.js";
+export { TabClickEventDetail, TabSizeChangeEventDetail } from "./components/cpsl-tab/tab-interface.js";
+export { TabsChangedEventDetail } from "./components/cpsl-tabs/tabs-interface.js";
 export namespace Components {
     interface CpslAlert {
         /**
@@ -459,6 +459,10 @@ export namespace Components {
           * A hint to the browser for which keyboard to display. Possible values: `"none"`, `"text"`, `"tel"`, `"url"`, `"email"`, `"numeric"`, `"decimal"`, and `"search"`.
          */
         "inputmode"?: 'none' | 'text' | 'tel' | 'url' | 'email' | 'numeric' | 'decimal' | 'search';
+        /**
+          * Whether the input is for a phone number.
+         */
+        "isPhone"?: boolean;
         /**
           * The label for the input.
          */
@@ -1972,6 +1976,10 @@ declare namespace LocalJSX {
           * A hint to the browser for which keyboard to display. Possible values: `"none"`, `"text"`, `"tel"`, `"url"`, `"email"`, `"numeric"`, `"decimal"`, and `"search"`.
          */
         "inputmode"?: 'none' | 'text' | 'tel' | 'url' | 'email' | 'numeric' | 'decimal' | 'search';
+        /**
+          * Whether the input is for a phone number.
+         */
+        "isPhone"?: boolean;
         /**
           * The label for the input.
          */

package/dist/types/constants.d.ts

@@ -1,4 +1,4 @@
-import { Theme } from './interface';
+import { Theme } from './interface.js';
 export declare const MOBILE_SIZE = 480;
 export declare const DEFAULT_THEME: Theme;
 export declare const COLOR_MIXES: number[];

package/dist/types/index.d.ts

@@ -1,4 +1,6 @@
-export * from './components';
-export { generateTheme } from './utils/theme/generateTheme';
-export type { Theme, BorderRadius, IconType } from './interface';
-export { getPseudoRandomBackground } from './utils/prand';
+export * from './components.d.ts';
+export { generateTheme } from './utils/theme/generateTheme.js';
+export type { Theme, BorderRadius, IconType } from './interface.js';
+export { getPseudoRandomBackground } from './utils/prand.js';
+
+export * from '../loader/index.d.ts';

package/dist/types/interface.d.ts

@@ -1,5 +1,5 @@
-import { Icons } from './assets/icons';
-import { Images } from './assets/images';
+import { Icons } from './assets/icons/index.js';
+import { Images } from './assets/images/index.js';
 export type PredefinedColors = 'primary' | 'secondary' | 'tertiary' | 'success' | 'warning' | 'danger' | 'light' | 'medium' | 'dark';
 export type AutocompleteTypes = 'on' | 'off' | 'name' | 'honorific-prefix' | 'given-name' | 'additional-name' | 'family-name' | 'honorific-suffix' | 'nickname' | 'email' | 'username' | 'new-password' | 'current-password' | 'one-time-code' | 'organization-title' | 'organization' | 'street-address' | 'address-line1' | 'address-line2' | 'address-line3' | 'address-level4' | 'address-level3' | 'address-level2' | 'address-level1' | 'country' | 'country-name' | 'postal-code' | 'cc-name' | 'cc-given-name' | 'cc-additional-name' | 'cc-family-name' | 'cc-family-name' | 'cc-number' | 'cc-exp' | 'cc-exp-month' | 'cc-exp-year' | 'cc-csc' | 'cc-type' | 'transaction-currency' | 'transaction-amount' | 'language' | 'bday' | 'bday-day' | 'bday-month' | 'bday-year' | 'sex' | 'tel' | 'tel-country-code' | 'tel-national' | 'tel-area-code' | 'tel-local' | 'tel-extension' | 'impp' | 'url' | 'photo';
 export type TextFieldTypes = 'date' | 'email' | 'number' | 'password' | 'search' | 'tel' | 'text' | 'url' | 'time' | 'week' | 'month' | 'datetime-local';

package/dist/types/utils/theme/generateBorderRadii.d.ts

@@ -1,2 +1,2 @@
-import { Theme } from '../../interface';
+import { Theme } from '../../interface.js';
 export declare const generateBorderRadii: ({ borderRadius, customBorderRadii }: Pick<Theme, 'borderRadius' | 'customBorderRadii'>) => void;

package/dist/types/utils/theme/generateFont.d.ts

@@ -1,2 +1,2 @@
-import { Theme } from '../../interface';
+import { Theme } from '../../interface.js';
 export declare const generateFont: ({ font, customFontSizes }: Pick<Theme, 'font' | 'customFontSizes'>) => void;

package/dist/types/utils/theme/generatePalette.d.ts

@@ -1,4 +1,4 @@
-import { Theme } from '../../interface';
+import { Theme } from '../../interface.js';
 export type Palette = {
     foregroundColors: string[];
     backgroundColors: string[];

package/dist/types/utils/theme/generateTheme.d.ts

@@ -1,4 +1,4 @@
-import { Theme } from '../../interface';
+import { Theme } from '../../interface.js';
 /**
  * Generates css theme variables.
  * @returns @boolean Whether background is dark or not.

package/dist/types/utils/theme/utils.d.ts

@@ -1,4 +1,4 @@
-import { CustomBorderRadii, CustomPalette } from '../../interface';
+import { CustomBorderRadii, CustomPalette } from '../../interface.js';
 export declare const isColor: (strColor: any) => boolean;
 export declare const getCssColors: (customPalette: CustomPalette) => {
     [k: string]: string;

package/package.json

@@ -1,10 +1,17 @@
 {
   "name": "@usecapsule/core-components",
-  "version": "3.14.0",
+  "version": "3.16.0",
   "description": "Capsule Core Components",
-  "main": "dist/index.cjs.js",
-  "module": "dist/index.js",
+  "main": "dist/index.js",
+  "type": "module",
   "types": "dist/types/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs.js",
+      "types": "./dist/types/index.d.ts"
+    }
+  },
   "sideEffects": [
     "*.css",
     "*.scss"
@@ -16,13 +23,14 @@
     "css/"
   ],
   "scripts": {
-    "build": "yarn build:assets && yarn build:css && stencil build",
+    "build": "yarn build:assets && yarn build:css && stencil build && yarn appendLoaderExports",
     "start": "yarn build:assets && yarn build:css && stencil build --dev --watch --serve",
-    "test": "stencil test --spec",
-    "test.watch": "stencil test --spec --watchAll",
+    "test": "stencil test --spec --clearCache",
+    "test.watch": "stencil test --spec --watchAll --clearCache",
     "generate": "stencil generate",
     "build:css": "sass --embed-sources src/css:./css",
     "build:assets": "ts-node -T ./scripts/buildAssets.ts",
+    "appendLoaderExports": "ts-node -T ./scripts/appendLoaderExports.ts",
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build"
   },
@@ -60,5 +68,5 @@
     "storybook-addon-stencil": "^0.2.1",
     "ts-node": "^10.9.2"
   },
-  "gitHead": "f3d91be2ca229cc48897746be277e58f95de5587"
+  "gitHead": "ac836711e959c5f1e628c3cea600c581274abdac"
 }