@dative-gpi/foundation-shared-components 0.0.11 → 0.0.12

package/models/rules.ts

@@ -1,4 +1,5 @@
-import { useTimeZone, useTranslationsProvider } from "@dative-gpi/foundation-shared-services/composables";
+import { useTranslations as useTranslationsProvider } from "@dative-gpi/bones-ui/composables";
+import { useTimeZone } from "@dative-gpi/foundation-shared-services/composables";
 
 const { epochToLongDateFormat } = useTimeZone()!;
 const { $tr } = useTranslationsProvider();

package/package.json

@@ -1,6 +1,7 @@
 {
   "name": "@dative-gpi/foundation-shared-components",
-  "version": "0.0.11",
+  "sideEffects": false,
+  "version": "0.0.12",
   "description": "",
   "publishConfig": {
     "access": "public"
@@ -9,9 +10,10 @@
   "author": "",
   "license": "ISC",
   "dependencies": {
-    "@dative-gpi/foundation-shared-domain": "0.0.11",
-    "@dative-gpi/foundation-shared-services": "0.0.11",
+    "@dative-gpi/foundation-shared-domain": "0.0.12",
+    "@dative-gpi/foundation-shared-services": "0.0.12",
     "@fontsource/montserrat": "^5.0.16",
+    "@lexical/clipboard": "^0.12.5",
     "@lexical/history": "^0.12.5",
     "@lexical/link": "^0.12.5",
     "@lexical/plain-text": "^0.12.5",
@@ -30,5 +32,5 @@
     "sass": "^1.69.5",
     "sass-loader": "^13.3.2"
   },
-  "gitHead": "4f28939e7d42ab1ef8319c614fbc210b1291fd79"
+  "gitHead": "73c686b3b0343ac4b42d34c2aa7cf7604ad0d298"
 }

package/styles/components/fs_link.scss

@@ -0,0 +1,6 @@
+.fs-link {
+    color: var(--fs-link-color);
+    text-decoration: none;
+
+    @extend .fs-span;
+}

package/styles/components/fs_load_data_table.scss

@@ -0,0 +1,77 @@
+.fs-load-data-table {
+    position: relative;
+}
+
+.fs-load-data-table .fs-row:first-of-type .v-skeleton-loader__button {
+    margin: 0;
+
+    @include web {
+        height: 40px !important;
+        min-width: 40px;
+    }
+
+    @include mobile {
+        height: 36px !important;
+        min-width: 36px;
+    }
+}
+
+.fs-load-data-table .fs-row:first-of-type .v-skeleton-loader:first-of-type {
+    @include web {
+        min-width: calc(50% - 132px);
+    }
+
+    @include mobile {
+        min-width: calc(50% - 124px);
+    }
+
+    & .v-skeleton-loader__button {
+        min-width: 100%;
+    }
+}
+
+.fs-load-data-table .fs-row:nth-of-type(2) .v-skeleton-loader__chip {
+    margin: 0;
+    border-radius: 50px !important;
+    min-width: 10vw;
+
+    @include web {
+        height: 24px !important;
+    }
+
+    @include mobile {
+        height: 20px !important;
+    }
+}
+
+.fs-load-data-table .v-skeleton-loader:has(.v-skeleton-loader__table-row-divider),
+.fs-load-data-table .v-skeleton-loader:has(.v-skeleton-loader__table-thead) {
+    background-color: var(--fs-load-tile-background-color);
+    min-width: 100%;
+}
+
+.fs-load-data-table .v-skeleton-loader__table-row {
+    margin: 0 -8px;
+}
+
+.fs-load-data-table .fs-row:last-of-type .v-skeleton-loader__button {
+    margin: 0;
+
+    @include web {
+        height: 40px !important;
+        min-width: 40px;
+    }
+
+    @include mobile {
+        height: 36px !important;
+        min-width: 36px;
+    }
+}
+
+.fs-load-data-table .fs-row:last-of-type .v-skeleton-loader:first-of-type {
+    min-width: 120px;
+
+    & .v-skeleton-loader__button {
+        min-width: 100%;
+    }
+}

package/styles/components/fs_pagination.scss

@@ -0,0 +1,11 @@
+.fs-pagination {
+    height: 4px;
+    min-width: 12%;
+    border-radius: 4px;
+    background-color: var(--fs-pagination-background-color);
+    transition: all 0.28s cubic-bezier(0.4, 0, 0.2, 1);
+
+    &.fs-pagination-active {
+        background-color: var(--fs-pagination-active-background-color);
+    }
+}

package/styles/components/index.scss

@@ -23,7 +23,10 @@
 @import "fs_icon_field.scss";
 @import "fs_icon.scss";
 @import "fs_image.scss";
+@import "fs_link.scss";
+@import "fs_load_data_table.scss";
 @import "fs_load_tile.scss";
+@import "fs_pagination.scss";
 @import "fs_password_field.scss";
 @import "fs_radio.scss";
 @import "fs_rich_text_field.scss";

package/index.ts

@@ -1,6 +0,0 @@
-export * from "./aliases";
-export * from "./composables";
-export * from "./models";
-export * from "./plugins";
-export * from "./themes";
-export * from "./utils";