@3squared/forge-ui-3 0.4.1 → 0.5.0

package/dist/src/components/ForgePageHeader.vue.d.ts

@@ -1,9 +1,11 @@
 export interface ForgePageHeaderProps {
     title: string;
 }
-declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__VLS_TypePropsToRuntimeProps<ForgePageHeaderProps>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<ForgePageHeaderProps>>>, {}, {}>, {
+declare function __VLS_template(): {
     default?(_: {}): any;
-}>;
+};
+declare const __VLS_component: import('vue').DefineComponent<__VLS_TypePropsToRuntimeProps<ForgePageHeaderProps>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<ForgePageHeaderProps>>>, {}, {}>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

package/dist/src/components/ForgeProgressBar.vue.d.ts

@@ -7,7 +7,10 @@ export interface ForgeProgressBarProps extends /* vue-ignore */ ProgressBarProps
     animate: boolean;
     pixelWidth?: number;
 }
-declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ForgeProgressBarProps>, {
+declare function __VLS_template(): {
+    default?(_: {}): any;
+};
+declare const __VLS_component: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ForgeProgressBarProps>, {
     severity: string;
     striped: boolean;
     animate: boolean;
@@ -19,9 +22,8 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__
     severity: Severity;
     animate: boolean;
     striped: boolean;
-}, {}>, {
-    default?(_: {}): any;
-}>;
+}, {}>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

package/dist/src/components/ForgeStatWidget.vue.d.ts

@@ -4,7 +4,10 @@ export interface ForgeStatWidgetProps {
     size?: Size;
     severity: Severity;
 }
-declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ForgeStatWidgetProps>, {
+declare function __VLS_template(): {
+    default?(_: {}): any;
+};
+declare const __VLS_component: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ForgeStatWidgetProps>, {
     size: string;
     severity: string;
 }>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ForgeStatWidgetProps>, {
@@ -13,9 +16,8 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__
 }>>>, {
     severity: Severity;
     size: "sm" | "md" | "lg";
-}, {}>, {
-    default?(_: {}): any;
-}>;
+}, {}>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

package/dist/src/components/ForgeStepper.vue.d.ts

@@ -5,7 +5,11 @@ export interface ForgeStepperProps extends /* vue-ignore */ StepsProps {
     currentStep?: number;
     severity?: Severity;
 }
-declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ForgeStepperProps>, {
+declare function __VLS_template(): Partial<Record<NonNullable<string | ((...args: any) => string) | undefined>, (_: {
+    nextStep: () => void;
+    previousStep: () => void;
+}) => any>>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ForgeStepperProps>, {
     severity: string;
     currentStep: number;
 }>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
@@ -18,10 +22,8 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__
 }, {
     severity: "secondary" | "info" | "success" | "warning" | "danger" | "primary" | "brand";
     currentStep: number;
-}, {}>, Partial<Record<NonNullable<string | ((...args: any) => string) | undefined>, (_: {
-    nextStep: () => void;
-    previousStep: () => void;
-}) => any>>>;
+}, {}>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

package/dist/src/components/ForgeTile.vue.d.ts

@@ -5,7 +5,10 @@ export interface ForgeTileProps {
     barPosition: BarPosition;
     clickable: boolean;
 }
-declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ForgeTileProps>, {
+declare function __VLS_template(): {
+    default?(_: {}): any;
+};
+declare const __VLS_component: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ForgeTileProps>, {
     severity: string;
     barPosition: string;
     clickable: boolean;
@@ -17,9 +20,8 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__
     severity: Severity;
     barPosition: BarPosition;
     clickable: boolean;
-}, {}>, {
-    default?(_: {}): any;
-}>;
+}, {}>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

package/dist/src/components/file-uploader/components/DragDropArea.vue.d.ts

@@ -1,6 +1,9 @@
 import { ForgeFileStatus } from '../../../types/forge-types';
 
-declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
+declare function __VLS_template(): {
+    default?(_: {}): any;
+};
+declare const __VLS_component: import('vue').DefineComponent<{
     modelValue: {
         required: true;
         type: import('vue').PropType<ForgeFileStatus[]>;
@@ -34,9 +37,8 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
         type: import('vue').PropType<string[]>;
         required: true;
     };
-}>>, {}, {}>, {
-    default?(_: {}): any;
-}>;
+}>>, {}, {}>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {

package/dist/src/components/file-uploader/components/UploadButton.vue.d.ts

@@ -1,6 +1,10 @@
 import { ForgeFileStatus } from '../../../types/forge-types';
 
-declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
+declare function __VLS_template(): {
+    message?(_: {}): any;
+    "button-content"?(_: {}): any;
+};
+declare const __VLS_component: import('vue').DefineComponent<{
     modelValue: {
         required: true;
         type: import('vue').PropType<ForgeFileStatus[]>;
@@ -34,10 +38,8 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
         type: import('vue').PropType<boolean>;
         required: true;
     };
-}>>, {}, {}>, {
-    message?(_: {}): any;
-    "button-content"?(_: {}): any;
-}>;
+}>>, {}, {}>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {

package/dist/src/components/table/ForgePaginationHeader.vue.d.ts

@@ -14,7 +14,7 @@ declare const _default: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_T
 }>>> & {
     "onUpdate:perPage"?: ((...args: any[]) => any) | undefined;
 }, {
-    pageSizes: number[];
+    pageSizes: Array<number>;
     perPage: number;
 }, {}>;
 export default _default;

package/dist/src/components/table/ForgeTable.vue.d.ts

@@ -7,7 +7,11 @@ export interface ForgeTableProps extends DataTableProps {
     showClearButton?: boolean;
     showExporterButton?: boolean;
 }
-declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ForgeTableProps>, {
+declare function __VLS_template(): Partial<Record<NonNullable<keyof DataTableSlots>, (_: {}) => any>> & {
+    "above-table"?(_: {}): any;
+    default?(_: {}): any;
+};
+declare const __VLS_component: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ForgeTableProps>, {
     legacyPaginationFooter: boolean;
     paginator: boolean;
     alwaysShowPaginator: boolean;
@@ -29,10 +33,8 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__
     showExporterButton: boolean;
     paginator: boolean;
     alwaysShowPaginator: boolean;
-}, {}>, Partial<Record<NonNullable<keyof DataTableSlots>, (_: {}) => any>> & {
-    "above-table"?(_: {}): any;
-    default?(_: {}): any;
-}>;
+}, {}>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

package/dist/src/passthroughs/Column.pt.d.ts

@@ -9,7 +9,7 @@ declare const _default: {
             };
             column: {
                 context: {
-                    frozen: boolean | '';
+                    frozen: boolean | "";
                     resizable: boolean;
                 };
             };
@@ -35,7 +35,7 @@ declare const _default: {
             };
             column: {
                 props: {
-                    frozen: boolean | '';
+                    frozen: boolean | "";
                 };
             };
         }) => {

package/dist/src/passthroughs/Datepicker.pt.d.ts

@@ -1,40 +1,6 @@
-import { CalendarPassThroughMethodOptions } from 'primevue/calendar';
+import { CalendarPassThroughOptions } from 'primevue/calendar';
 
 declare const _default: {
-    calendar: {
-        root: string;
-        input: string;
-        panel: ({ props }: CalendarPassThroughMethodOptions) => {
-            class: (string | {
-                'shadow border-0 position-absolute': boolean;
-            })[];
-        };
-        header: string;
-        previousButton: string;
-        nextButton: string;
-        yearTitle: string;
-        monthTitle: string;
-        table: string;
-        tableHeaderRow: string;
-        weekday: string;
-        monthPicker: string;
-        month: string;
-        yearPicker: string;
-        year: string;
-        timePicker: string;
-        separatorContainer: string;
-        separator: string;
-        hourPicker: string;
-        hour: string;
-        minutePicker: string;
-        minute: string;
-        secondPicker: string;
-        second: string;
-        buttonbar: ({ props }: CalendarPassThroughMethodOptions) => {
-            class: (string | {
-                'border-top': boolean;
-            })[];
-        };
-    };
+    calendar: CalendarPassThroughOptions;
 };
 export default _default;

package/package.json

@@ -2,7 +2,7 @@
   "name": "@3squared/forge-ui-3",
   "repository": "https://github.com/3Squared/ForgeUI-3",
   "description": "ForgeUI 3 is Vue 3 UI Library which combines a variety of popular packages to create a consistent UI for your application.",
-  "version": "0.4.1",
+  "version": "0.5.0",
   "type": "module",
   "license": "MIT",
   "contributors": [
@@ -46,13 +46,13 @@
     "@vitejs/plugin-vue": "5.0.5",
     "@vitest/coverage-v8": "1.6.0",
     "@vitest/ui": "1.6.0",
-    "cypress": "13.11.0",
+    "cypress": "13.12.0",
     "cypress-real-events": "1.13.0",
     "sass": "1.77.6",
-    "typescript": "5.4.5",
-    "unplugin-vue-components": "0.27.0",
+    "typescript": "5.5.2",
+    "unplugin-vue-components": "0.27.2",
     "rollup-plugin-visualizer": "5.12.0",
-    "vite": "5.3.1",
+    "vite": "5.3.2",
     "vite-bundle-visualizer": "1.2.1",
     "vite-plugin-istanbul": "6.0.2",
     "vitest": "1.6.0",

package/src/styles/components/_button.scss

@@ -1,7 +1,11 @@
 @each $color, $value in $base-colors {
   .btn.btn-text-#{$color}{
     &:hover, &:active:focus {
-      background-color: map-get($subtle-colors, '#{$color}-subtle');
+      @if ($color == 'brand') {
+        background-color: map-get($subtle-colors, '#{$color}-shade-1');
+      } @else {
+        background-color: map-get($subtle-colors, '#{$color}-subtle');
+      }
     }
   }
   

package/src/styles/components/_datepicker.scss

@@ -1,8 +1,55 @@
 .datepicker-panel {
-    min-width: 350px;
-    width: 350px
-  }
+    min-width: 317px !important;
+}
+
+.p-datepicker-multiple-month {
+  max-width: 948px;
+}
 
 .p-datepicker-trigger {
   display: none !important;
+}
+
+.datepicker-close-icon {
+  margin: 1.75rem;
+  
+  &:hover {
+    color: map-get($theme-colors, 'danger') !important;
+  }
+}
+
+.datepicker-table {
+  border-collapse: separate;
+  border-spacing: 10px 12px;
+  margin: 6px;
+}
+
+@each $color, $value in $base-colors {
+  .date-#{$color} {
+    width: 32px;
+    height: 32px;
+    border-radius: 50%;
+    
+    &.selected, &.selected:hover {
+      border-radius: 50%;
+      background-color: map-get($theme-colors, $color);
+    }
+    
+    &:hover {
+      @if($color == 'brand') {
+        background-color: map-get($subtle-colors, '#{$color}-shade-1');
+        color: map-get($theme-colors, $color)
+      } @else {
+        background-color: map-get($subtle-colors, '#{$color}-subtle');
+        color: map-get($theme-colors, $color)
+      }
+      
+    }
+  }
+}
+
+.date {
+
+
+
 }

package/src/styles/components/_multiselect.scss

@@ -105,10 +105,10 @@
       display: block;
       position: absolute;
       box-sizing: border-box;
-      width: 25px;
-      height: 25px;
-      right: 1px;
-      top: 4px;
+      width: 16px;
+      height: 16px;
+      right: 8px;
+      top: 28%;
       padding: unset;
       margin: 0;
       margin-top: auto;
@@ -119,22 +119,23 @@
       transition: transform 0.2s ease;
     }
 
-    .multiselect__select:before {
-      position: relative;
-      right: 0;
-      top: 65%;
-      color: $gray-700;
-      margin-top: 3px;
-      border-style: solid;
-      border-width: 5px 5px 0 5px;
-      border-color: #999999 transparent transparent transparent;
-      content: "";
+    .multiselect__clear-icon {
+      position: absolute;
+      right: 26px;
+      top: 25%;
+      cursor: pointer;
+      transition: transform 0.2s ease;
     }
 
+    .multiselect__clear-icon:focus,
+    .multiselect__clear-icon:hover {
+      color: #ff0000;
+    }
+    
     .multiselect__tags {
       min-height: 31px;
       display: block;
-      padding: 3px 26px 0 3px;
+      padding: 3px 26px 3px 3px;
       border-radius: 5px;
       border: 1px solid $input-border-color;
       background: #fff;
@@ -154,21 +155,23 @@
       -webkit-overflow-scrolling: touch;
     }
 
+    .multiselect__tag-icon {
+      position: unset;
+      margin-left: 8px;
+      margin-right: 4px;
+    }
+    
     .multiselect__tag {
-      background: $value;
-      position: relative;
-      display: inline-block;
-      padding: 4px 26px 4px 8px;
-      border-radius: 0;
-      color: #fff;
-      line-height: 1;
+      @if($color == "brand") {
+        background: map-get($subtle-colors, "brand-shade-1");
+      } @else {
+        background: map-get($subtle-colors, $color + "-subtle");
+      }
+      padding: 4px 3px 4px 10px;
+      border-radius: 21px;
+      border: 1px solid $value;
+      color: $value;
       margin: 2.5px;
-      white-space: normal;
-      overflow: hidden;
-      max-width: 100%;
-      text-overflow: ellipsis;
-      font-weight: 400;
-      z-index: 2;
     }
 
     .multiselect__option {
@@ -232,29 +235,6 @@
       accent-color: $value;
     }
 
-    .multiselect__tag-icon {
-      cursor: pointer;
-      margin-left: 7px;
-      position: absolute;
-      right: 0;
-      top: 0;
-      bottom: 0;
-      font-weight: 400;
-      font-style: initial;
-      width: 22px;
-      text-align: center;
-      line-height: 21px;
-      transition: all 0.2s ease;
-      border-radius: 0;
-      border-left: 1px solid #ffffff
-    }
-
-    .multiselect__tag-icon:after {
-      content: "×";
-      color: #ffffff;
-      font-size: 14px;
-    }
-
     .multiselect__tag-icon:focus,
     .multiselect__tag-icon:hover {
       background: none;
@@ -262,7 +242,7 @@
 
     .multiselect__tag-icon:focus:after,
     .multiselect__tag-icon:hover:after {
-      color: #ff0000;
+      color: map-get($theme-colors, 'danger') !important;
     }
 
     .multiselect__clear-icon {
@@ -294,7 +274,7 @@
 
     .multiselect__clear-icon:focus:after,
     .multiselect__clear-icon:hover:after {
-      color: #ff0000;
+      color: map-get($theme-colors, 'danger') !important;
     }
   }
 }