@telus-uds/theme-public-mobile 3.4.0 → 4.1.0

package/build/web/spacingScale.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Wed, 22 Jan 2025 21:04:57 GMT
+ * Generated on Mon, 10 Feb 2025 17:29:32 GMT
  *
  */
 

package/build/web/theme.js

@@ -1,7 +1,7 @@
 /*
  *
  * Do not edit directly
- * Generated on Wed, 22 Jan 2025 21:04:57 GMT
+ * Generated on Mon, 10 Feb 2025 17:29:32 GMT
  *
  */
 
@@ -4045,6 +4045,7 @@ const theme = {
       tokens: {
         buttonBorderColor: '#636c8c',
         buttonDirection: 'row',
+        buttonIconBackgroundColor: 'rgba(0, 0, 0, 0)',
         buttonIconPadding: 4,
         buttonIconSize: 20,
         contentMarginBottom: 32,
@@ -4992,7 +4993,12 @@ const theme = {
       rules: [
         {
           if: { alternative: true },
-          tokens: { paddingBottom: 8, paddingTop: 8 }
+          tokens: {
+            fontSize: 16,
+            lineHeight: 1.5,
+            paddingBottom: 8,
+            paddingTop: 8
+          }
         },
         {
           if: { hover: true },
@@ -6611,6 +6617,7 @@ const theme = {
     },
     Table: {
       appearances: {
+        highlight: { type: 'variant', values: [ 'row' ] },
         spacing: {
           description: 'Adjusts the height of the table cell',
           type: 'variant',
@@ -6623,6 +6630,13 @@ const theme = {
         }
       },
       rules: [
+        {
+          if: { highlight: 'row' },
+          tokens: {
+            cellBackground: 'rgba(0, 0, 0, 0)',
+            rowHoverBackgroundColor: 'rgba(0, 0, 0, 0.05)'
+          }
+        },
         {
           if: { spacing: 'compact' },
           tokens: { cellPaddingBottom: 8, cellPaddingTop: 8 }
@@ -6680,6 +6694,9 @@ const theme = {
         borderColor: 'rgba(0, 0, 0, 0)',
         borderWidth: 0,
         cellBackground: '#ffffff',
+        cellBorderColor: 'rgba(0, 0, 0, 0)',
+        cellBorderTopWidth: 0,
+        cellBorderWidth: 0,
         cellBoxShadowColor: '#cdcfd5',
         cellMinWidth: 0,
         cellPaddingBottom: 16,
@@ -6700,6 +6717,10 @@ const theme = {
         fontSize: 18,
         fontWeight: '400',
         lineHeight: 1.55555555,
+        rowBorderColor: 'rgba(0, 0, 0, 0)',
+        rowBorderTopWidth: 0,
+        rowBorderWidth: 0,
+        rowHoverBackgroundColor: 'rgba(0, 0, 0, 0)',
         stickyBackgroundColor: '#ffffff',
         tablePaddingBottom: 24
       }
@@ -6827,6 +6848,8 @@ const theme = {
         highlightTriangleSize: 0,
         letterSpacing: 0,
         lineHeight: 1.5,
+        marginHorizontal: 0,
+        marginVertical: 0,
         maxWidth: null,
         paddingHorizontal: 24,
         paddingVertical: 12,
@@ -8139,6 +8162,6 @@ const theme = {
       tokens: { size: 80 }
     }
   },
-  metadata: { name: 'theme-public-mobile', themeTokensVersion: '3.3.0' }
+  metadata: { name: 'theme-public-mobile', themeTokensVersion: '4.1.0' }
 }
 export default theme

package/package.json

@@ -1,7 +1,6 @@
 {
   "name": "@telus-uds/theme-public-mobile",
-  "type": "module",
-  "version": "3.4.0",
+  "version": "4.1.0",
   "description": "Public Mobile theme",
   "keywords": [
     "public mobile"
@@ -10,24 +9,17 @@
   "homepage": "https://github.com/telus/universal-design-system#readme",
   "license": "MIT",
   "main": "build/rn/theme.js",
-  "exports": {
-    ".": {
-      "import": "./build/rn/theme.js",
-      "default": "./build/rn/theme.js"
-    },
-    "./package.json": "./package.json",
-    "./build/*": "./build/*"
-  },
+  "module": "build/web/index.js",
   "files": [
     "build",
     "theme.json"
   ],
   "devDependencies": {
-    "@telus-uds/palette-public-mobile": "^2.0.0",
-    "@telus-uds/system-theme-tokens": "^3.3.0"
+    "@telus-uds/palette-public-mobile": "^3.0.0",
+    "@telus-uds/system-theme-tokens": "^4.1.0"
   },
   "peerDependencies": {
-    "@telus-uds/palette-public-mobile": "^2.0.0"
+    "@telus-uds/palette-public-mobile": "^3.0.0"
   },
   "repository": {
     "type": "git",

package/theme.json

@@ -5250,6 +5250,7 @@
       "tokens": {
         "buttonBorderColor": "{palette.color.link100}",
         "buttonDirection": "{system.direction.row}",
+        "buttonIconBackgroundColor": "{palette.color.transparent}",
         "buttonIconPadding": "{palette.size.size4}",
         "buttonIconSize": "{palette.size.size20}",
         "contentMarginBottom": "{palette.size.size32}",
@@ -6283,6 +6284,8 @@
             "alternative": true
           },
           "tokens": {
+            "fontSize": "{palette.fontSize.size16}",
+            "lineHeight": "{palette.lineHeight.ratio3to2}",
             "paddingBottom": "{palette.size.size8}",
             "paddingTop": "{palette.size.size8}"
           }
@@ -8125,6 +8128,10 @@
     },
     "Table": {
       "appearances": {
+        "highlight": {
+          "type": "variant",
+          "values": ["row"]
+        },
         "spacing": {
           "description": "Adjusts the height of the table cell",
           "type": "variant",
@@ -8140,6 +8147,15 @@
         }
       },
       "rules": [
+        {
+          "if": {
+            "highlight": "row"
+          },
+          "tokens": {
+            "cellBackground": "{palette.color.transparent}",
+            "rowHoverBackgroundColor": "{palette.color.dark5}"
+          }
+        },
         {
           "if": {
             "spacing": "compact"
@@ -8224,6 +8240,9 @@
         "borderColor": "{palette.color.transparent}",
         "borderWidth": "{palette.border.none}",
         "cellBackground": "{palette.color.white}",
+        "cellBorderColor": "{palette.color.transparent}",
+        "cellBorderTopWidth": "{palette.border.none}",
+        "cellBorderWidth": "{palette.border.none}",
         "cellBoxShadowColor": "{palette.color.slate25}",
         "cellMinWidth": "{palette.size.size0}",
         "cellPaddingBottom": "{palette.size.size16}",
@@ -8237,6 +8256,10 @@
         "fontSize": "{palette.fontSize.size18}",
         "fontWeight": "{palette.fontWeight.weight400}",
         "lineHeight": "{palette.lineHeight.ratio14to9}",
+        "rowBorderColor": "{palette.color.transparent}",
+        "rowBorderTopWidth": "{palette.border.none}",
+        "rowBorderWidth": "{palette.border.none}",
+        "rowHoverBackgroundColor": "{palette.color.transparent}",
         "stickyBackgroundColor": "{palette.color.white}",
         "tablePaddingBottom": "{palette.size.size24}"
       }
@@ -8404,6 +8427,8 @@
         "highlightTriangleSize": "{system.size.zero}",
         "letterSpacing": "{system.letterSpacing.none}",
         "lineHeight": "{palette.lineHeight.ratio3to2}",
+        "marginHorizontal": "{palette.size.size0}",
+        "marginVertical": "{palette.size.size0}",
         "maxWidth": "{system.size.none}",
         "paddingHorizontal": "{palette.size.size24}",
         "paddingVertical": "{palette.size.size12}",