@propelinc/citrus-ui 0.4.0-dev.0 → 0.4.0-dev.2

package/dist/colors/theme.d.ts

@@ -0,0 +1,12 @@
+declare const _default: {
+    [x: string]: import("vuetify/types/services/theme").VuetifyThemeItem;
+    primary?: import("vuetify/types/services/theme").VuetifyThemeItem;
+    secondary?: import("vuetify/types/services/theme").VuetifyThemeItem;
+    accent?: import("vuetify/types/services/theme").VuetifyThemeItem;
+    info?: import("vuetify/types/services/theme").VuetifyThemeItem;
+    warning?: import("vuetify/types/services/theme").VuetifyThemeItem;
+    error?: import("vuetify/types/services/theme").VuetifyThemeItem;
+    success?: import("vuetify/types/services/theme").VuetifyThemeItem;
+    anchor?: string | number | undefined;
+};
+export default _default;

package/dist/components/index.d.ts

@@ -0,0 +1,21 @@
+import _CAlert from '../components/CAlert.vue';
+export declare const CAlert: import("vue").VueConstructor<_CAlert>;
+export declare const CBanner: import("vue").VueConstructor<_CAlert>;
+export declare const CButton: import("vue").VueConstructor<_CAlert>;
+export declare const CCard: import("vue").VueConstructor<_CAlert>;
+export declare const CCardFooter: import("vue").VueConstructor<_CAlert>;
+export declare const CCardHeader: import("vue").VueConstructor<_CAlert>;
+export declare const CCardSection: import("vue").VueConstructor<_CAlert>;
+export declare const CCheckbox: import("vue").VueConstructor<_CAlert>;
+export declare const CIconButton: import("vue").VueConstructor<_CAlert>;
+export declare const CListItem: import("vue").VueConstructor<_CAlert>;
+export declare const CModal: import("vue").VueConstructor<_CAlert>;
+export declare const CModalLoading: import("vue").VueConstructor<_CAlert>;
+export declare const CSegmentedButton: import("vue").VueConstructor<_CAlert>;
+export declare const CSegmentedButtonOption: import("vue").VueConstructor<_CAlert>;
+export declare const CSelect: import("vue").VueConstructor<_CAlert>;
+export declare const CSkeletonLoaderCircle: import("vue").VueConstructor<_CAlert>;
+export declare const CSkeletonLoaderText: import("vue").VueConstructor<_CAlert>;
+export declare const CTextArea: import("vue").VueConstructor<_CAlert>;
+export declare const CTextField: import("vue").VueConstructor<_CAlert>;
+export declare const CTextLink: import("vue").VueConstructor<_CAlert>;

package/dist/index.d.ts

@@ -0,0 +1,45 @@
+import plugin from './plugin';
+import './styles/core.less';
+export default plugin;
+export declare const Colors: {
+    "color-providers-green-tint-2": string;
+    "color-providers-green-tint-1": string;
+    "color-providers-green": string;
+    "color-accent-green": string;
+    "color-accent-green-shade-1": string;
+    "color-accent-green-shade-2": string;
+    "color-providers-blue-tint-2": string;
+    "color-providers-blue-tint-1": string;
+    "color-providers-blue": string;
+    "color-accent-blue": string;
+    "color-accent-blue-shade-1": string;
+    "color-accent-blue-shade-2": string;
+    "color-navy-tint-4": string;
+    "color-navy-tint-3": string;
+    "color-navy-tint-2": string;
+    "color-navy-tint-1": string;
+    "color-navy": string;
+    "color-neutral": string;
+    "color-neutral-shade": string;
+    "color-white": string;
+    "color-purple": string;
+    "color-pink": string;
+    "color-orange": string;
+    "color-peach": string;
+    "color-yellow": string;
+    "color-lemon": string;
+    "color-alert-red": string;
+};
+export declare const Theme: {
+    [x: string]: import("vuetify/types/services/theme").VuetifyThemeItem;
+    primary?: import("vuetify/types/services/theme").VuetifyThemeItem;
+    secondary?: import("vuetify/types/services/theme").VuetifyThemeItem;
+    accent?: import("vuetify/types/services/theme").VuetifyThemeItem;
+    info?: import("vuetify/types/services/theme").VuetifyThemeItem;
+    warning?: import("vuetify/types/services/theme").VuetifyThemeItem;
+    error?: import("vuetify/types/services/theme").VuetifyThemeItem;
+    success?: import("vuetify/types/services/theme").VuetifyThemeItem;
+    anchor?: string | number | undefined;
+};
+export declare const Icons: Partial<import("vuetify/types/services/icons").VuetifyIcons>;
+export * from './components/index';

package/dist/plugin.d.ts

@@ -0,0 +1,3 @@
+import { PluginObject } from 'vue';
+declare const plugin: PluginObject<never>;
+export default plugin;

package/dist/theme/icons.d.ts

@@ -0,0 +1,3 @@
+import { VuetifyIcons } from 'vuetify/types/services/icons';
+declare const Icons: Partial<VuetifyIcons>;
+export default Icons;

package/index.d.ts

@@ -0,0 +1,45 @@
+import plugin from './src/plugin';
+import './src/styles/core.less';
+export default plugin;
+export declare const Colors: {
+    "color-providers-green-tint-2": string;
+    "color-providers-green-tint-1": string;
+    "color-providers-green": string;
+    "color-accent-green": string;
+    "color-accent-green-shade-1": string;
+    "color-accent-green-shade-2": string;
+    "color-providers-blue-tint-2": string;
+    "color-providers-blue-tint-1": string;
+    "color-providers-blue": string;
+    "color-accent-blue": string;
+    "color-accent-blue-shade-1": string;
+    "color-accent-blue-shade-2": string;
+    "color-navy-tint-4": string;
+    "color-navy-tint-3": string;
+    "color-navy-tint-2": string;
+    "color-navy-tint-1": string;
+    "color-navy": string;
+    "color-neutral": string;
+    "color-neutral-shade": string;
+    "color-white": string;
+    "color-purple": string;
+    "color-pink": string;
+    "color-orange": string;
+    "color-peach": string;
+    "color-yellow": string;
+    "color-lemon": string;
+    "color-alert-red": string;
+};
+export declare const Theme: {
+    [x: string]: import("vuetify/types/services/theme").VuetifyThemeItem;
+    primary?: import("vuetify/types/services/theme").VuetifyThemeItem;
+    secondary?: import("vuetify/types/services/theme").VuetifyThemeItem;
+    accent?: import("vuetify/types/services/theme").VuetifyThemeItem;
+    info?: import("vuetify/types/services/theme").VuetifyThemeItem;
+    warning?: import("vuetify/types/services/theme").VuetifyThemeItem;
+    error?: import("vuetify/types/services/theme").VuetifyThemeItem;
+    success?: import("vuetify/types/services/theme").VuetifyThemeItem;
+    anchor?: string | number | undefined;
+};
+export declare const Icons: Partial<import("vuetify/types/services/icons").VuetifyIcons>;
+export * from './src/components/index';

package/package.json

@@ -1,15 +1,16 @@
 {
   "name": "@propelinc/citrus-ui",
-  "version": "0.4.0-dev.0",
+  "version": "0.4.0-dev.2",
   "repository": {
     "type": "git",
     "url": "https://github.com/propelinc/citrus-ui"
   },
   "license": "UNLICENSED",
   "scripts": {
-    "build:dist": "vue-cli-service build --target lib ./src/index.ts",
+    "build:dist": "vue-cli-service build --target lib ./src/index.ts && npm run generate:types",
     "build:storybook": "vue-cli-service storybook:build -c .storybook",
     "generate:component": "plop component",
+    "generate:types": "tsc --project tsconfig.json --declaration --emitDeclarationOnly && tsc-alias -p tsconfig.json",
     "lint": "npm run lint:js && npm run lint:css",
     "lint:css": "stylelint \"src/**/*.(vue|less)\"",
     "lint:js": "vue-cli-service lint",
@@ -68,6 +69,7 @@
     "stylelint-config-prettier": "^8.0.2",
     "stylelint-config-standard": "^22.0.0",
     "stylelint-order": "^4.1.0",
+    "tsc-alias": "1.3.7",
     "typescript": "~4.1.5",
     "vue-cli-plugin-storybook": "~2.0.0",
     "vue-cli-plugin-vuetify": "~2.4.0",

package/plugin.d.ts

@@ -0,0 +1,3 @@
+import { PluginObject } from 'vue';
+declare const plugin: PluginObject<never>;
+export default plugin;

package/src/colors/theme.d.ts

@@ -0,0 +1,12 @@
+declare const _default: {
+    [x: string]: import("vuetify/types/services/theme").VuetifyThemeItem;
+    primary?: import("vuetify/types/services/theme").VuetifyThemeItem;
+    secondary?: import("vuetify/types/services/theme").VuetifyThemeItem;
+    accent?: import("vuetify/types/services/theme").VuetifyThemeItem;
+    info?: import("vuetify/types/services/theme").VuetifyThemeItem;
+    warning?: import("vuetify/types/services/theme").VuetifyThemeItem;
+    error?: import("vuetify/types/services/theme").VuetifyThemeItem;
+    success?: import("vuetify/types/services/theme").VuetifyThemeItem;
+    anchor?: string | number | undefined;
+};
+export default _default;

package/src/components/index.d.ts

@@ -1,22 +1,21 @@
-import Vue, { VueConstructor } from 'vue';
-
-export const CAlert: VueConstructor<Vue>;
-export const CBanner: VueConstructor<Vue>;
-export const CButton: VueConstructor<Vue>;
-export const CCard: VueConstructor<Vue>;
-export const CCardFooter: VueConstructor<Vue>;
-export const CCardHeader: VueConstructor<Vue>;
-export const CCardSection: VueConstructor<Vue>;
-export const CCheckbox: VueConstructor<Vue>;
-export const CIconButton: VueConstructor<Vue>;
-export const CListItem: VueConstructor<Vue>;
-export const CModal: VueConstructor<Vue>;
-export const CModalLoading: VueConstructor<Vue>;
-export const CSegmentedButton: VueConstructor<Vue>;
-export const CSegmentedButtonOption: VueConstructor<Vue>;
-export const CSelect: VueConstructor<Vue>;
-export const CSkeletonLoaderCircle: VueConstructor<Vue>;
-export const CSkeletonLoaderText: VueConstructor<Vue>;
-export const CTextArea: VueConstructor<Vue>;
-export const CTextField: VueConstructor<Vue>;
-export const CTextLink: VueConstructor<Vue>;
+import _CAlert from '../components/CAlert.vue';
+export declare const CAlert: import("vue").VueConstructor<_CAlert>;
+export declare const CBanner: import("vue").VueConstructor<_CAlert>;
+export declare const CButton: import("vue").VueConstructor<_CAlert>;
+export declare const CCard: import("vue").VueConstructor<_CAlert>;
+export declare const CCardFooter: import("vue").VueConstructor<_CAlert>;
+export declare const CCardHeader: import("vue").VueConstructor<_CAlert>;
+export declare const CCardSection: import("vue").VueConstructor<_CAlert>;
+export declare const CCheckbox: import("vue").VueConstructor<_CAlert>;
+export declare const CIconButton: import("vue").VueConstructor<_CAlert>;
+export declare const CListItem: import("vue").VueConstructor<_CAlert>;
+export declare const CModal: import("vue").VueConstructor<_CAlert>;
+export declare const CModalLoading: import("vue").VueConstructor<_CAlert>;
+export declare const CSegmentedButton: import("vue").VueConstructor<_CAlert>;
+export declare const CSegmentedButtonOption: import("vue").VueConstructor<_CAlert>;
+export declare const CSelect: import("vue").VueConstructor<_CAlert>;
+export declare const CSkeletonLoaderCircle: import("vue").VueConstructor<_CAlert>;
+export declare const CSkeletonLoaderText: import("vue").VueConstructor<_CAlert>;
+export declare const CTextArea: import("vue").VueConstructor<_CAlert>;
+export declare const CTextField: import("vue").VueConstructor<_CAlert>;
+export declare const CTextLink: import("vue").VueConstructor<_CAlert>;

package/src/index.d.ts

@@ -1,9 +1,45 @@
-import _Colors from './colors/colors.json';
-import _Theme from './colors/theme';
-import _Icons from './theme/icons';
-
+import plugin from './plugin';
+import './styles/core.less';
+export default plugin;
+export declare const Colors: {
+    "color-providers-green-tint-2": string;
+    "color-providers-green-tint-1": string;
+    "color-providers-green": string;
+    "color-accent-green": string;
+    "color-accent-green-shade-1": string;
+    "color-accent-green-shade-2": string;
+    "color-providers-blue-tint-2": string;
+    "color-providers-blue-tint-1": string;
+    "color-providers-blue": string;
+    "color-accent-blue": string;
+    "color-accent-blue-shade-1": string;
+    "color-accent-blue-shade-2": string;
+    "color-navy-tint-4": string;
+    "color-navy-tint-3": string;
+    "color-navy-tint-2": string;
+    "color-navy-tint-1": string;
+    "color-navy": string;
+    "color-neutral": string;
+    "color-neutral-shade": string;
+    "color-white": string;
+    "color-purple": string;
+    "color-pink": string;
+    "color-orange": string;
+    "color-peach": string;
+    "color-yellow": string;
+    "color-lemon": string;
+    "color-alert-red": string;
+};
+export declare const Theme: {
+    [x: string]: import("vuetify/types/services/theme").VuetifyThemeItem;
+    primary?: import("vuetify/types/services/theme").VuetifyThemeItem;
+    secondary?: import("vuetify/types/services/theme").VuetifyThemeItem;
+    accent?: import("vuetify/types/services/theme").VuetifyThemeItem;
+    info?: import("vuetify/types/services/theme").VuetifyThemeItem;
+    warning?: import("vuetify/types/services/theme").VuetifyThemeItem;
+    error?: import("vuetify/types/services/theme").VuetifyThemeItem;
+    success?: import("vuetify/types/services/theme").VuetifyThemeItem;
+    anchor?: string | number | undefined;
+};
+export declare const Icons: Partial<import("vuetify/types/services/icons").VuetifyIcons>;
 export * from './components/index';
-
-export const Theme: typeof _Theme;
-export const Colors: typeof _Colors;
-export const Icons: typeof _Icons;

package/src/index.ts

@@ -1,11 +1,15 @@
-import _Colors from '@/colors/colors.json';
 import _Theme from '@/colors/theme';
+import plugin from '@/plugin';
 import _Icons from '@/theme/icons';
 
+import _Colors from './colors/colors.json';
+
 import '@/styles/core.less';
 
-export * from './components/index';
+export default plugin;
 
 export const Colors = _Colors;
 export const Theme = _Theme;
 export const Icons = _Icons;
+
+export * from '@/components/index';

package/src/plugin.d.ts

@@ -0,0 +1,3 @@
+import { PluginObject } from 'vue';
+declare const plugin: PluginObject<never>;
+export default plugin;

package/src/plugin.ts

@@ -1,16 +1,13 @@
-import Vue from 'vue';
-import { UserVuetifyPreset } from 'vuetify';
+import _Vue, { PluginObject } from 'vue';
 
 import * as Components from '@/components';
 
-export interface PluginOptions {
-  vuetify?: UserVuetifyPreset;
-}
-
-export default {
-  install(_Vue: typeof Vue): void {
+const plugin: PluginObject<never> = {
+  install(Vue: typeof _Vue): void {
     Object.entries(Components).forEach(([name, component]) => {
-      _Vue.component(name, component);
+      Vue.component(name, component);
     });
   },
 };
+
+export default plugin;

package/src/theme/icons.d.ts

@@ -0,0 +1,3 @@
+import { VuetifyIcons } from 'vuetify/types/services/icons';
+declare const Icons: Partial<VuetifyIcons>;
+export default Icons;

package/theme/icons.d.ts

@@ -0,0 +1,3 @@
+import { VuetifyIcons } from 'vuetify/types/services/icons';
+declare const Icons: Partial<VuetifyIcons>;
+export default Icons;

package/tsconfig.json

@@ -28,16 +28,15 @@
       "dom",
       "dom.iterable",
       "scripthost"
-    ]
+    ],
+    "outDir": "dist"
   },
   "include": [
     "src/**/*.ts",
-    "src/**/*.tsx",
-    "src/**/*.vue",
-    "tests/**/*.ts",
-    "tests/**/*.tsx"
+    "src/**/*.vue"
   ],
   "exclude": [
-    "node_modules"
+    "node_modules",
+    ".storybook"
   ]
 }