[patch][v16.9.7] Toniq Carousel and Table List fixes (#107)

Toniq-Labs · May 4, 2024 · a45c28d · a45c28d
1 parent e23737e
commit a45c28d
Show file tree

Hide file tree

Showing 7 changed files with 15 additions and 16 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
     "name": "@toniq-labs/design-system-root",
-    "version": "16.9.4",
+    "version": "16.9.7",
     "private": true,
     "description": "Root design system mono-repo package.",
     "homepage": "https://github.com/Toniq-Labs/toniq-labs-design-system",

diff --git a/packages/design-system/package.json b/packages/design-system/package.json
@@ -1,6 +1,6 @@
 {
     "name": "@toniq-labs/design-system",
-    "version": "16.9.4",
+    "version": "16.9.7",
     "private": false,
     "description": "Design system elements for Toniq Labs",
     "keywords": [

diff --git a/packages/design-system/src/elements/toniq-carousel/toniq-carousel.element.ts b/packages/design-system/src/elements/toniq-carousel/toniq-carousel.element.ts
@@ -142,6 +142,10 @@ export const ToniqCarousel = defineToniqElement<{
             ${applyBackgroundAndForeground(toniqColors.pagePrimary)};
         }
 
+        .arrow.hidden ${ToniqIcon} {
+            pointer-events: none;
+        }
+
         .arrow ${ToniqIcon}:hover {
             border-color: ${toniqColors.pageInteractionHover.foregroundColor};
             ${applyBackgroundAndForeground(toniqColors.pageInteractionHover)};
@@ -161,7 +165,6 @@ export const ToniqCarousel = defineToniqElement<{
                 added above in this same commit.
             */
             opacity: 0;
-            pointer-events: none;
         }
 
         @media (max-width: 700px) {

diff --git a/packages/design-system/src/elements/toniq-list-table/toniq-list-table.element.ts b/packages/design-system/src/elements/toniq-list-table/toniq-list-table.element.ts
@@ -88,6 +88,7 @@ export const ToniqListTable = defineToniqElement<ListTableInputs>()({
         }
 
         .table-list {
+            min-height: 40px;
             width: 100%;
             display: flex;
             flex-direction: column;
@@ -128,8 +129,8 @@ export const ToniqListTable = defineToniqElement<ListTableInputs>()({
         }
 
         .row-wrapper {
+            min-height: 48px;
             display: flex;
-            align-items: center;
             position: relative;
             background: ${toniqColors.pageInteraction.backgroundColor};
             cursor: pointer;
@@ -174,10 +175,6 @@ export const ToniqListTable = defineToniqElement<ListTableInputs>()({
             background: ${toniqColors.pageInteraction.backgroundColor};
         }
 
-        .row-content {
-            min-height: 48px;
-        }
-
         .row-content.hidden {
             visibility: hidden;
         }
@@ -223,7 +220,6 @@ export const ToniqListTable = defineToniqElement<ListTableInputs>()({
         }
 
         .loading-wrapper {
-            min-height: 40px;
             transition: ${toniqDurations.pretty};
             opacity: 1;
             width: 100%;

diff --git a/packages/native-elements-test/package.json b/packages/native-elements-test/package.json
@@ -1,6 +1,6 @@
 {
     "name": "@toniq-labs/design-system-native-elements-test",
-    "version": "16.9.4",
+    "version": "16.9.7",
     "private": true,
     "scripts": {
         "compile": "virmator compile",

diff --git a/packages/scripts/package.json b/packages/scripts/package.json
@@ -1,6 +1,6 @@
 {
     "name": "@toniq-labs/design-system-scripts",
-    "version": "16.9.4",
+    "version": "16.9.7",
     "private": true,
     "scripts": {
         "compile": "virmator compile",