@telus-uds/theme-public-mobile 2.3.1 → 2.3.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/build/rn/theme.js CHANGED
@@ -1,7 +1,7 @@
1
1
  /*
2
2
  *
3
3
  * Do not edit directly
4
- * Generated on Thu, 31 Aug 2023 17:57:27 GMT
4
+ * Generated on Tue, 12 Sep 2023 15:30:06 GMT
5
5
  *
6
6
  */
7
7
 
@@ -6468,12 +6468,23 @@ module.exports = {
6468
6468
  }
6469
6469
  },
6470
6470
  WaffleGrid: {
6471
- appearances: {},
6472
- rules: [],
6471
+ appearances: {
6472
+ viewport: {
6473
+ description: 'The size label for the current screen viewport based on the current screen width',
6474
+ type: 'state',
6475
+ values: [ 'xs', 'sm', 'md', 'lg', 'xl' ]
6476
+ }
6477
+ },
6478
+ rules: [
6479
+ { if: { viewport: [ 'xs' ] }, tokens: { rowSize: 2 } },
6480
+ { if: { viewport: [ 'sm', 'md' ] }, tokens: { rowSize: 3 } },
6481
+ { if: { viewport: [ 'lg', 'xl' ] }, tokens: { rowSize: 6 } }
6482
+ ],
6473
6483
  tokens: {
6474
6484
  itemBorderColor: 'rgba(0, 0, 0, 0)',
6475
6485
  itemPadding: 16,
6476
- rowBorderWidth: 1
6486
+ rowBorderWidth: 1,
6487
+ rowSize: 6
6477
6488
  }
6478
6489
  },
6479
6490
  spacingScale: {
@@ -6512,5 +6523,5 @@ module.exports = {
6512
6523
  tokens: { size: 80 }
6513
6524
  }
6514
6525
  },
6515
- metadata: { name: 'theme-public-mobile', themeTokensVersion: '2.41.0' }
6526
+ metadata: { name: 'theme-public-mobile', themeTokensVersion: '2.41.1' }
6516
6527
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@telus-uds/theme-public-mobile",
3
- "version": "2.3.1",
3
+ "version": "2.3.2",
4
4
  "description": "Public Mobile theme",
5
5
  "keywords": [
6
6
  "public mobile"
@@ -15,7 +15,7 @@
15
15
  ],
16
16
  "devDependencies": {
17
17
  "@telus-uds/palette-public-mobile": "^1.0.0",
18
- "@telus-uds/system-theme-tokens": "^2.41.0"
18
+ "@telus-uds/system-theme-tokens": "^2.41.1"
19
19
  },
20
20
  "peerDependencies": {
21
21
  "@telus-uds/palette-public-mobile": "^1.0.0"
package/theme.json CHANGED
@@ -7906,12 +7906,40 @@
7906
7906
  }
7907
7907
  },
7908
7908
  "WaffleGrid": {
7909
- "appearances": {},
7910
- "rules": [],
7909
+ "appearances": {
7910
+ "viewport": "{appearances.system.viewport}"
7911
+ },
7912
+ "rules": [
7913
+ {
7914
+ "if": {
7915
+ "viewport": ["xs"]
7916
+ },
7917
+ "tokens": {
7918
+ "rowSize": "{system.integer.2}"
7919
+ }
7920
+ },
7921
+ {
7922
+ "if": {
7923
+ "viewport": ["sm", "md"]
7924
+ },
7925
+ "tokens": {
7926
+ "rowSize": "{system.integer.3}"
7927
+ }
7928
+ },
7929
+ {
7930
+ "if": {
7931
+ "viewport": ["lg", "xl"]
7932
+ },
7933
+ "tokens": {
7934
+ "rowSize": "{system.integer.6}"
7935
+ }
7936
+ }
7937
+ ],
7911
7938
  "tokens": {
7912
7939
  "itemBorderColor": "{palette.color.transparent}",
7913
7940
  "itemPadding": "{palette.size.size16}",
7914
- "rowBorderWidth": "{palette.border.border1}"
7941
+ "rowBorderWidth": "{palette.border.border1}",
7942
+ "rowSize": "{system.integer.6}"
7915
7943
  }
7916
7944
  },
7917
7945
  "spacingScale": {