[patch][v16.15.5] Table List Header Fix & Font update (#120)

Toniq-Labs · Jun 4, 2024 · 741b370 · 741b370
1 parent d394c6f
commit 741b370
Show file tree

Hide file tree

Showing 8 changed files with 84 additions and 18 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.15.4",
+    "version": "16.15.5",
     "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.15.4",
+    "version": "16.15.5",
     "private": false,
     "description": "Design system elements for Toniq Labs",
     "keywords": [

diff --git a/packages/design-system/src/elements/toniq-list-table/toniq-list-table.element.book.ts b/packages/design-system/src/elements/toniq-list-table/toniq-list-table.element.book.ts
@@ -472,7 +472,16 @@ const exampleLongColumnNameListTableInputs = createListTableTable({
             option: {sticky: true, spaceEvenly: true},
         },
         {key: 'from', title: 'FROM', option: {spaceEvenly: true}},
-        {key: 'to', title: 'TO', option: {spaceEvenly: true}},
+        {
+            key: 'to',
+            title: 'TO',
+            option: {spaceEvenly: true},
+            style: css`
+                width: 100%;
+                display: flex;
+                justify-content: flex-end;
+            `,
+        },
     ],
     createRowObject: (entry) => {
         return {
@@ -488,7 +497,17 @@ const exampleLongColumnNameListTableInputs = createListTableTable({
                 `,
                 price: entry.price,
                 from: entry.from,
-                to: entry.to,
+                to: html`
+                    <div
+                        style=${css`
+                            width: 100%;
+                            display: flex;
+                            justify-content: flex-end;
+                        `}
+                    >
+                        ${entry.to}
+                    </div>
+                `,
             },
             rowActions: {
                 click() {

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
@@ -238,7 +238,8 @@ export const ToniqListTable = defineToniqElement<ListTableInputs>()({
 
         .row-wrapper:first-of-type,
         .row-wrapper:first-of-type .row-item {
-            max-height: 32px;
+            min-height: 32px;
+            align-items: start;
         }
 
         .row-wrapper:not(:first-of-type):hover:before {
@@ -441,11 +442,7 @@ export const ToniqListTable = defineToniqElement<ListTableInputs>()({
                                     sticky: !!item.option?.sticky && state.canScroll,
                                     fill: !!item.option?.spaceEvenly,
                                 })}
-                                style=${item.style
-                                    ? css`
-                                          ${item.style} ${rowItemStyle}
-                                      `
-                                    : rowItemStyle}
+                                style=${rowItemStyle}
                             >
                                 <div
                                     class=${classMap({
@@ -496,7 +493,9 @@ export const ToniqListTable = defineToniqElement<ListTableInputs>()({
                                     ${renderIf(
                                         rowIndex === 0,
                                         html`
-                                            <span class="header">${item.title}</span>
+                                            <span class="header" style=${item.style}>
+                                                ${item.title}
+                                            </span>
                                         `,
                                         html`
                                             ${contents}

diff --git a/packages/design-system/www-static/fonts/lexend-definitions.css b/packages/design-system/www-static/fonts/lexend-definitions.css
@@ -133,6 +133,54 @@ OTHER DEALINGS IN THE FONT SOFTWARE.
         U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
 }
 
+/* latin */
+@font-face {
+    font-family: 'Lexend';
+    font-style: normal;
+    font-weight: 400;
+    font-display: swap;
+    src: url(./lexend-latin.woff2) format('woff2');
+    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
+        U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/*
+   Medium
+*/
+
+/* vietnamese */
+@font-face {
+    font-family: 'Lexend';
+    font-style: normal;
+    font-weight: 500;
+    font-display: swap;
+    src: url(./lexend-vietnamese.woff2) format('woff2');
+    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0,
+        U+1EA0-1EF9, U+20AB;
+}
+
+/* latin-extended */
+@font-face {
+    font-family: 'Lexend';
+    font-style: normal;
+    font-weight: 500;
+    font-display: swap;
+    src: url(./lexend-latin-extended.woff2) format('woff2');
+    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113,
+        U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+    font-family: 'Lexend';
+    font-style: normal;
+    font-weight: 500;
+    font-display: swap;
+    src: url(./lexend-latin.woff2) format('woff2');
+    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
+        U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
 /*
    Bold
 */

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.15.4",
+    "version": "16.15.5",
     "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.15.4",
+    "version": "16.15.5",
     "private": true,
     "scripts": {
         "compile": "virmator compile",