@telus-uds/theme-public-mobile 1.3.1 → 1.4.0

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.
Files changed (4) hide show
  1. package/build/schema.json +106 -0
  2. package/build/theme.js +27 -2
  3. package/package.json +4 -4
  4. package/theme.json +23 -0
package/build/schema.json CHANGED
@@ -383,6 +383,16 @@
383
383
  "description": "@telus-uds/palette-public-mobile/v0.1.4 palette tokens 🖌️\n",
384
384
  "markdownDescription": "`@telus-uds/palette-public-mobile/v0.1.4` **palette** tokens 🖌️\n\n"
385
385
  },
386
+ {
387
+ "const": "{palette.icon.ChevronLeft}",
388
+ "description": "@telus-uds/palette-public-mobile/v0.1.4 palette tokens 🖌️\n",
389
+ "markdownDescription": "`@telus-uds/palette-public-mobile/v0.1.4` **palette** tokens 🖌️\n\n"
390
+ },
391
+ {
392
+ "const": "{palette.icon.ChevronRight}",
393
+ "description": "@telus-uds/palette-public-mobile/v0.1.4 palette tokens 🖌️\n",
394
+ "markdownDescription": "`@telus-uds/palette-public-mobile/v0.1.4` **palette** tokens 🖌️\n\n"
395
+ },
386
396
  {
387
397
  "const": "{palette.icon.Error}",
388
398
  "description": "@telus-uds/palette-public-mobile/v0.1.4 palette tokens 🖌️\n",
@@ -1827,6 +1837,101 @@
1827
1837
  "rules"
1828
1838
  ]
1829
1839
  },
1840
+ "Carousel": {
1841
+ "type": "object",
1842
+ "additionalProperties": false,
1843
+ "properties": {
1844
+ "appearances": {
1845
+ "type": "object",
1846
+ "additionalProperties": false,
1847
+ "patternProperties": {
1848
+ "^[a-z]+([A-Z0-9][a-z0-9]*)*$": {
1849
+ "$ref": "#appearance"
1850
+ }
1851
+ }
1852
+ },
1853
+ "tokens": {
1854
+ "type": "object",
1855
+ "additionalProperties": false,
1856
+ "properties": {
1857
+ "nextIcon": {
1858
+ "$ref": "#icon"
1859
+ },
1860
+ "previousIcon": {
1861
+ "$ref": "#icon"
1862
+ },
1863
+ "showPreviousNextNavigation": {
1864
+ "$ref": "#show"
1865
+ },
1866
+ "showPanelNavigation": {
1867
+ "$ref": "#show"
1868
+ },
1869
+ "spaceBetweenSlideAndPreviousNextNavigation": {
1870
+ "$ref": "#size"
1871
+ },
1872
+ "spaceBetweenSlideAndPanelNavigation": {
1873
+ "$ref": "#size"
1874
+ }
1875
+ },
1876
+ "required": [
1877
+ "nextIcon",
1878
+ "previousIcon",
1879
+ "showPreviousNextNavigation",
1880
+ "showPanelNavigation",
1881
+ "spaceBetweenSlideAndPreviousNextNavigation",
1882
+ "spaceBetweenSlideAndPanelNavigation"
1883
+ ]
1884
+ },
1885
+ "rules": {
1886
+ "type": "array",
1887
+ "items": {
1888
+ "type": "object",
1889
+ "additionalProperties": false,
1890
+ "properties": {
1891
+ "if": {
1892
+ "type": "object",
1893
+ "minProperties": 1
1894
+ },
1895
+ "tokens": {
1896
+ "type": "object",
1897
+ "additionalProperties": false,
1898
+ "properties": {
1899
+ "nextIcon": {
1900
+ "$ref": "#icon"
1901
+ },
1902
+ "previousIcon": {
1903
+ "$ref": "#icon"
1904
+ },
1905
+ "showPreviousNextNavigation": {
1906
+ "$ref": "#show"
1907
+ },
1908
+ "showPanelNavigation": {
1909
+ "$ref": "#show"
1910
+ },
1911
+ "spaceBetweenSlideAndPreviousNextNavigation": {
1912
+ "$ref": "#size"
1913
+ },
1914
+ "spaceBetweenSlideAndPanelNavigation": {
1915
+ "$ref": "#size"
1916
+ }
1917
+ }
1918
+ },
1919
+ "description": {
1920
+ "type": "string"
1921
+ }
1922
+ },
1923
+ "required": [
1924
+ "if",
1925
+ "tokens"
1926
+ ]
1927
+ }
1928
+ }
1929
+ },
1930
+ "required": [
1931
+ "tokens",
1932
+ "rules"
1933
+ ]
1934
+ },
1830
1935
  "Checkbox": {
1831
1936
  "type": "object",
1832
1937
  "additionalProperties": false,
@@ -8722,6 +8827,7 @@
8722
8827
  "ButtonGroup",
8723
8828
  "ButtonGroupItem",
8724
8829
  "Card",
8830
+ "Carousel",
8725
8831
  "Checkbox",
8726
8832
  "ChevronLink",
8727
8833
  "CheckboxGroup",
package/build/theme.js CHANGED
@@ -1,10 +1,12 @@
1
1
  /*
2
2
  *
3
3
  * Do not edit directly
4
- * Generated on Fri, 17 Jun 2022 17:17:16 GMT
4
+ * Generated on Fri, 22 Jul 2022 20:29:21 GMT
5
5
  *
6
6
  */
7
7
 
8
+ const PaletteIconChevronRight = require('@telus-uds/palette-public-mobile/build/rn/icons/ChevronRight')
9
+ const PaletteIconChevronLeft = require('@telus-uds/palette-public-mobile/build/rn/icons/ChevronLeft')
8
10
  const PaletteIconCheckmark = require('@telus-uds/palette-public-mobile/build/rn/icons/Checkmark')
9
11
  const PaletteIconVerified = require('@telus-uds/palette-public-mobile/build/rn/icons/Verified')
10
12
  const PaletteIconError = require('@telus-uds/palette-public-mobile/build/rn/icons/Error')
@@ -280,6 +282,29 @@ module.exports = {
280
282
  shadow: null
281
283
  }
282
284
  },
285
+ Carousel: {
286
+ appearances: {
287
+ viewport: {
288
+ description: 'The size label for the current screen viewport based on the current screen width',
289
+ type: 'state',
290
+ values: [ 'xs', 'sm', 'md', 'lg', 'xl' ]
291
+ }
292
+ },
293
+ rules: [
294
+ {
295
+ if: { viewport: [ 'xs', 'sm' ] },
296
+ tokens: { showPreviousNextNavigation: false }
297
+ }
298
+ ],
299
+ tokens: {
300
+ nextIcon: PaletteIconChevronRight,
301
+ previousIcon: PaletteIconChevronLeft,
302
+ showPanelNavigation: true,
303
+ showPreviousNextNavigation: true,
304
+ spaceBetweenSlideAndPanelNavigation: 32,
305
+ spaceBetweenSlideAndPreviousNextNavigation: 24
306
+ }
307
+ },
283
308
  Checkbox: {
284
309
  appearances: {
285
310
  checked: {
@@ -2190,5 +2215,5 @@ module.exports = {
2190
2215
  tokens: { size: 90 }
2191
2216
  }
2192
2217
  },
2193
- metadata: { name: 'theme-public-mobile', themeTokensVersion: '2.0.2' }
2218
+ metadata: { name: 'theme-public-mobile', themeTokensVersion: '2.1.0' }
2194
2219
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@telus-uds/theme-public-mobile",
3
- "version": "1.3.1",
3
+ "version": "1.4.0",
4
4
  "description": "Public Mobile theme",
5
5
  "keywords": [
6
6
  "public mobile"
@@ -14,11 +14,11 @@
14
14
  "theme.json"
15
15
  ],
16
16
  "devDependencies": {
17
- "@telus-uds/palette-public-mobile": "^0.1.4",
18
- "@telus-uds/system-theme-tokens": "^2.0.2"
17
+ "@telus-uds/palette-public-mobile": "^0.2.0",
18
+ "@telus-uds/system-theme-tokens": "^2.1.0"
19
19
  },
20
20
  "peerDependencies": {
21
- "@telus-uds/palette-public-mobile": "^0.1.4"
21
+ "@telus-uds/palette-public-mobile": "^0.2.0"
22
22
  },
23
23
  "repository": {
24
24
  "type": "git",
package/theme.json CHANGED
@@ -276,6 +276,29 @@
276
276
  "shadow": "{system.shadow.none}"
277
277
  }
278
278
  },
279
+ "Carousel": {
280
+ "appearances": {
281
+ "viewport": "{appearances.system.viewport}"
282
+ },
283
+ "rules": [
284
+ {
285
+ "if": {
286
+ "viewport": ["xs", "sm"]
287
+ },
288
+ "tokens": {
289
+ "showPreviousNextNavigation": "{system.show.false}"
290
+ }
291
+ }
292
+ ],
293
+ "tokens": {
294
+ "nextIcon": "{palette.icon.ChevronRight}",
295
+ "previousIcon": "{palette.icon.ChevronLeft}",
296
+ "showPanelNavigation": "{system.show.true}",
297
+ "showPreviousNextNavigation": "{system.show.true}",
298
+ "spaceBetweenSlideAndPanelNavigation": "{palette.size.size32}",
299
+ "spaceBetweenSlideAndPreviousNextNavigation": "{palette.size.size24}"
300
+ }
301
+ },
279
302
  "Checkbox": {
280
303
  "appearances": {
281
304
  "checked": "{appearances.Checkbox.checked}",