@telus-uds/palette-koodo 0.1.0-prerelease.1 → 0.1.0-prerelease.4
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/CHANGELOG.md +59 -0
- package/README.md +3 -23
- package/build/android/border.xml +3 -2
- package/build/android/color.xml +23 -23
- package/build/android/font_size.xml +1 -1
- package/build/android/radius.xml +3 -2
- package/build/android/size.xml +9 -4
- package/build/ios/Border.swift +2 -1
- package/build/ios/Color.swift +1 -1
- package/build/ios/FontSize.swift +1 -1
- package/build/ios/Radius.swift +2 -1
- package/build/ios/Size.swift +6 -1
- package/build/rn/fonts/index.js +5 -5
- package/build/rn/icons/ArrowDownCircled.js +25 -0
- package/build/rn/icons/ArrowDownCircled.native.js +25 -0
- package/build/rn/icons/BoxOutline.js +25 -0
- package/build/rn/icons/BoxOutline.native.js +25 -0
- package/build/rn/icons/BoxOutlineChecked.js +25 -0
- package/build/rn/icons/BoxOutlineChecked.native.js +25 -0
- package/build/rn/icons/Bullet.js +25 -0
- package/build/rn/icons/Bullet.native.js +25 -0
- package/build/rn/icons/Cart.js +27 -0
- package/build/rn/icons/Cart.native.js +27 -0
- package/build/rn/icons/Check.js +25 -0
- package/build/rn/icons/Check.native.js +25 -0
- package/build/rn/icons/CheckCircledFilled.js +25 -0
- package/build/rn/icons/CheckCircledFilled.native.js +25 -0
- package/build/rn/icons/CheckCircledNotFilled.js +32 -0
- package/build/rn/icons/CheckCircledNotFilled.native.js +32 -0
- package/build/rn/icons/ChevronDown.js +25 -0
- package/build/rn/icons/ChevronDown.native.js +25 -0
- package/build/rn/icons/ChevronLeft.js +25 -0
- package/build/rn/icons/ChevronLeft.native.js +25 -0
- package/build/rn/icons/ChevronRight.js +25 -0
- package/build/rn/icons/ChevronRight.native.js +25 -0
- package/build/rn/icons/ChevronUp.js +25 -0
- package/build/rn/icons/ChevronUp.native.js +25 -0
- package/build/rn/icons/CircledLine.js +37 -0
- package/build/rn/icons/CircledLine.native.js +37 -0
- package/build/rn/icons/ExclamationOctagon.js +29 -0
- package/build/rn/icons/ExclamationOctagon.native.js +29 -0
- package/build/rn/icons/ExclamationTriangle.js +35 -0
- package/build/rn/icons/ExclamationTriangle.native.js +35 -0
- package/build/rn/icons/EyeClosed.js +36 -0
- package/build/rn/icons/EyeClosed.native.js +36 -0
- package/build/rn/icons/EyeOpened.js +34 -0
- package/build/rn/icons/EyeOpened.native.js +34 -0
- package/build/rn/icons/Hamburger.js +25 -0
- package/build/rn/icons/Hamburger.native.js +25 -0
- package/build/rn/icons/Info.js +34 -0
- package/build/rn/icons/Info.native.js +34 -0
- package/build/rn/icons/InfoSelected.js +35 -0
- package/build/rn/icons/InfoSelected.native.js +35 -0
- package/build/rn/icons/InformationCircled.js +25 -0
- package/build/rn/icons/InformationCircled.native.js +25 -0
- package/build/rn/icons/Kebab.js +38 -0
- package/build/rn/icons/Kebab.native.js +38 -0
- package/build/rn/icons/RadialOutline.js +25 -0
- package/build/rn/icons/RadialOutline.native.js +25 -0
- package/build/rn/icons/RadialOutlineChecked.js +25 -0
- package/build/rn/icons/RadialOutlineChecked.native.js +25 -0
- package/build/rn/icons/Refresh.js +28 -0
- package/build/rn/icons/Refresh.native.js +28 -0
- package/build/rn/icons/Spyglass.js +25 -0
- package/build/rn/icons/Spyglass.native.js +25 -0
- package/build/rn/icons/Times.js +25 -0
- package/build/rn/icons/Times.native.js +25 -0
- package/build/rn/icons/TimesCircled.js +46 -0
- package/build/rn/icons/TimesCircled.native.js +46 -0
- package/build/rn/icons/index.js +30 -28
- package/build/rn/palette.js +106 -80
- package/build/web/fonts/fonts-cdn-family.css +5 -5
- package/build/web/fonts/fonts-cdn.css +5 -5
- package/build/web/fonts/fonts-local-family.css +5 -5
- package/build/web/fonts/fonts-local.css +5 -5
- package/build/web/fonts/{v0_1_0-prerelease_1-StagSans-300.otf → v0_1_0-prerelease_3-StagSans-300-sLT1MmpRsuPLSDRRGOhC0.otf} +0 -0
- package/build/web/fonts/{v0_1_0-prerelease_1-StagSans-400.otf → v0_1_0-prerelease_3-StagSans-400-67cZTqZXiJtGc66lne43n.otf} +0 -0
- package/build/web/fonts/{v0_1_0-prerelease_1-StagSans-500.otf → v0_1_0-prerelease_3-StagSans-500-Vtx9X6AxXIm5sAB2O7EpR.otf} +0 -0
- package/build/web/fonts/{v0_1_0-prerelease_1-StagSans-600.otf → v0_1_0-prerelease_3-StagSans-600-XXrMTsz039b_ZRWQqQiJc.otf} +0 -0
- package/build/web/fonts/{v0_1_0-prerelease_1-StagSans-700.otf → v0_1_0-prerelease_3-StagSans-700-F47eH_w_GZXuWhY9xqssy.otf} +0 -0
- package/build/web/icons/ArrowDownCircled.js +25 -0
- package/build/web/icons/BoxOutline.js +25 -0
- package/build/web/icons/BoxOutlineChecked.js +25 -0
- package/build/web/icons/Bullet.js +25 -0
- package/build/web/icons/Cart.js +27 -0
- package/build/web/icons/Check.js +25 -0
- package/build/web/icons/CheckCircledFilled.js +25 -0
- package/build/web/icons/CheckCircledNotFilled.js +32 -0
- package/build/web/icons/ChevronDown.js +25 -0
- package/build/web/icons/ChevronLeft.js +25 -0
- package/build/web/icons/ChevronRight.js +25 -0
- package/build/web/icons/ChevronUp.js +25 -0
- package/build/web/icons/CircledLine.js +37 -0
- package/build/web/icons/ExclamationOctagon.js +29 -0
- package/build/web/icons/ExclamationTriangle.js +35 -0
- package/build/web/icons/EyeClosed.js +36 -0
- package/build/web/icons/EyeOpened.js +34 -0
- package/build/web/icons/Hamburger.js +25 -0
- package/build/web/icons/Info.js +34 -0
- package/build/web/icons/InfoSelected.js +35 -0
- package/build/web/icons/InformationCircled.js +25 -0
- package/build/web/icons/Kebab.js +38 -0
- package/build/web/icons/RadialOutline.js +25 -0
- package/build/web/icons/RadialOutlineChecked.js +25 -0
- package/build/web/icons/Refresh.js +28 -0
- package/build/web/icons/Spyglass.js +25 -0
- package/build/web/icons/Times.js +25 -0
- package/build/web/icons/TimesCircled.js +46 -0
- package/build/web/icons/index.js +30 -28
- package/build/web/palette.js +104 -85
- package/package.json +5 -4
- package/palette.json +460 -0
- package/build/rn/palette.mjs +0 -129
- package/build/web/palette.mjs +0 -129
package/CHANGELOG.md
CHANGED
|
@@ -2,6 +2,65 @@
|
|
|
2
2
|
|
|
3
3
|
All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
|
|
4
4
|
|
|
5
|
+
## [0.1.0-prerelease.4](https://github.com/telus/universal-design-system/compare/@telus-uds/palette-koodo/v0.1.0-prerelease.3...@telus-uds/palette-koodo/v0.1.0-prerelease.4) (2022-03-02)
|
|
6
|
+
|
|
7
|
+
### Features
|
|
8
|
+
|
|
9
|
+
- align Koodo StepTracker component with Figma ([#1377](https://github.com/telus/universal-design-system/issues/1377)) ([d083584](https://github.com/telus/universal-design-system/commit/d083584880100617fb5402558a1538097912fef8))
|
|
10
|
+
|
|
11
|
+
### Change summary (does not include documentation changes)
|
|
12
|
+
|
|
13
|
+
#### New keys
|
|
14
|
+
|
|
15
|
+
- `size.size15`
|
|
16
|
+
|
|
17
|
+
## [0.1.0-prerelease.3](https://github.com/telus/universal-design-system/compare/@telus-uds/palette-koodo/v0.1.0-prerelease.2...@telus-uds/palette-koodo/v0.1.0-prerelease.3) (2022-02-28)
|
|
18
|
+
|
|
19
|
+
### Features
|
|
20
|
+
|
|
21
|
+
- **themes:** validate theme token types ([#1221](https://github.com/telus/universal-design-system/issues/1221)) ([dae382d](https://github.com/telus/universal-design-system/commit/dae382d19f86b88cd5de9df8c94f8200aee5b33f))
|
|
22
|
+
|
|
23
|
+
### Change summary (does not include documentation changes)
|
|
24
|
+
|
|
25
|
+
#### New keys
|
|
26
|
+
|
|
27
|
+
- `size.size1`
|
|
28
|
+
- `size.size14`
|
|
29
|
+
|
|
30
|
+
## [0.1.0-prerelease.2](https://github.com/telus/universal-design-system/compare/@telus-uds/palette-koodo/v0.1.0-prerelease.1...@telus-uds/palette-koodo/v0.1.0-prerelease.2) (2022-01-20)
|
|
31
|
+
|
|
32
|
+
### Features
|
|
33
|
+
|
|
34
|
+
- add opacity and duration tokens to palettes ([#754](https://github.com/telus/universal-design-system/issues/754)) ([e1de9a6](https://github.com/telus/universal-design-system/commit/e1de9a62ec78d217677409590ad46e3674aabf2f))
|
|
35
|
+
- **base:** add `ProgressBar` component ([#890](https://github.com/telus/universal-design-system/issues/890)) ([b98315c](https://github.com/telus/universal-design-system/commit/b98315cc7dabb2c7130c62c9c3bbf6fdfb7419a0))
|
|
36
|
+
- **base:** add `Radio` button ([#731](https://github.com/telus/universal-design-system/issues/731)) ([ad1613c](https://github.com/telus/universal-design-system/commit/ad1613c547fe3b0cdf1490a92267f32045356133))
|
|
37
|
+
- **base:** add base `StepTracker` component ([#800](https://github.com/telus/universal-design-system/issues/800)) ([aa7d472](https://github.com/telus/universal-design-system/commit/aa7d47297c1d9ba13daef60b5184ead07b95cd52))
|
|
38
|
+
- **base:** add Tooltip component ([#687](https://github.com/telus/universal-design-system/issues/687)) ([38aaad4](https://github.com/telus/universal-design-system/commit/38aaad43d664b76e85a264901df5e1ca045a0304))
|
|
39
|
+
|
|
40
|
+
### Bug Fixes
|
|
41
|
+
|
|
42
|
+
- **koodo:** fix and migrate koodo theme ([#904](https://github.com/telus/universal-design-system/issues/904)) ([c40972c](https://github.com/telus/universal-design-system/commit/c40972c6e9eff5b892d45ce87b039eb3aae6fea2))
|
|
43
|
+
|
|
44
|
+
### Change summary (does not include documentation changes)
|
|
45
|
+
|
|
46
|
+
#### New keys
|
|
47
|
+
|
|
48
|
+
- `size.size2`
|
|
49
|
+
- `size.size12`
|
|
50
|
+
- `radius.radius12`
|
|
51
|
+
- `border.border3`
|
|
52
|
+
- `shadow.none.inset`
|
|
53
|
+
- `shadow.none.color`
|
|
54
|
+
- `shadow.none.offsetX`
|
|
55
|
+
- `shadow.none.offsetY`
|
|
56
|
+
- `shadow.none.blur`
|
|
57
|
+
- `shadow.none.spread`
|
|
58
|
+
- `opacity.opacity3`
|
|
59
|
+
- `opacity.opacity5`
|
|
60
|
+
- `opacity.opacity8`
|
|
61
|
+
- `duration.duration300`
|
|
62
|
+
- `duration.duration250`
|
|
63
|
+
|
|
5
64
|
## [0.1.0-prerelease.1](https://github.com/telus/universal-design-system/compare/@telus-uds/palette-koodo/v0.1.0-prerelease.0...@telus-uds/palette-koodo/v0.1.0-prerelease.1) (2021-10-27)
|
|
6
65
|
|
|
7
66
|
### Palette change summary (does not include documentation changes)
|
package/README.md
CHANGED
|
@@ -1,25 +1,5 @@
|
|
|
1
|
-
#
|
|
1
|
+
# Koodo palette
|
|
2
2
|
|
|
3
|
-
|
|
3
|
+
Koodo design system brand palette.
|
|
4
4
|
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
```
|
|
8
|
-
const koodoPalette = require('koodo-palette');
|
|
9
|
-
|
|
10
|
-
// TODO: DEMONSTRATE API
|
|
11
|
-
```
|
|
12
|
-
|
|
13
|
-
## Contributing
|
|
14
|
-
|
|
15
|
-
To build the palette run:
|
|
16
|
-
|
|
17
|
-
```
|
|
18
|
-
yarn build
|
|
19
|
-
```
|
|
20
|
-
|
|
21
|
-
To build the palette and watch for changes, run:
|
|
22
|
-
|
|
23
|
-
```
|
|
24
|
-
yarn dev
|
|
25
|
-
```
|
|
5
|
+
Refer to the [UDS monorepo README](https://github.com/telus/universal-design-system/#readme) for details.
|
package/build/android/border.xml
CHANGED
|
@@ -2,13 +2,14 @@
|
|
|
2
2
|
|
|
3
3
|
<!--
|
|
4
4
|
Do not edit directly
|
|
5
|
-
Generated on Wed,
|
|
5
|
+
Generated on Wed, 02 Mar 2022 14:17:43 GMT
|
|
6
6
|
-->
|
|
7
7
|
|
|
8
8
|
<resources>
|
|
9
|
-
<dimen name="none">0.00dp</dimen>
|
|
10
9
|
<dimen name="border_1">1.00dp</dimen>
|
|
11
10
|
<dimen name="border_2">2.00dp</dimen>
|
|
11
|
+
<dimen name="border_3">3.00dp</dimen>
|
|
12
12
|
<dimen name="border_4">4.00dp</dimen>
|
|
13
|
+
<dimen name="none">0.00dp</dimen>
|
|
13
14
|
|
|
14
15
|
</resources>
|
package/build/android/color.xml
CHANGED
|
@@ -2,38 +2,38 @@
|
|
|
2
2
|
|
|
3
3
|
<!--
|
|
4
4
|
Do not edit directly
|
|
5
|
-
Generated on Wed,
|
|
5
|
+
Generated on Wed, 02 Mar 2022 14:17:43 GMT
|
|
6
6
|
-->
|
|
7
7
|
|
|
8
8
|
<resources>
|
|
9
|
-
<color name="flirt">#ff7c1366</color>
|
|
10
|
-
<color name="mosque">#ff016b6a</color>
|
|
11
|
-
<color name="dark_mosque">#ff014847</color>
|
|
12
|
-
<color name="blue">#ff00a1db</color>
|
|
13
|
-
<color name="dark_blue">#ff0083b3</color>
|
|
14
|
-
<color name="texas">#fff9f6a5</color>
|
|
15
9
|
<color name="amaranth">#ffee2c74</color>
|
|
16
|
-
<color name="cardinal_pink">#ff8c0448</color>
|
|
17
|
-
<color name="trinidad">#ffdf3d0c</color>
|
|
18
|
-
<color name="onahau">#ffc3efff</color>
|
|
19
|
-
<color name="burnt_sienna">#ffed6358</color>
|
|
20
|
-
<color name="chathams_blue">#ff17367d</color>
|
|
21
|
-
<color name="well_read">#ffb8373e</color>
|
|
22
|
-
<color name="wattle">#ffd5e04d</color>
|
|
23
10
|
<color name="beeswax">#fffeeec7</color>
|
|
24
11
|
<color name="bilbao">#ff258b0b</color>
|
|
25
|
-
<color name="sea_buckthorn">#fffbaf34</color>
|
|
26
|
-
<color name="mint_tulip">#ffc1f2e8</color>
|
|
27
|
-
<color name="turquoise">#ff39cdc9</color>
|
|
28
|
-
<color name="hibiscus">#ffc53a70</color>
|
|
29
|
-
<color name="carousel_pink">#fffae6f4</color>
|
|
30
|
-
<color name="white">#ffffffff</color>
|
|
31
12
|
<color name="black">#ff000000</color>
|
|
32
|
-
<color name="
|
|
33
|
-
<color name="
|
|
34
|
-
<color name="
|
|
13
|
+
<color name="blue">#ff00a1db</color>
|
|
14
|
+
<color name="burnt_sienna">#ffed6358</color>
|
|
15
|
+
<color name="cardinal_pink">#ff8c0448</color>
|
|
16
|
+
<color name="carousel_pink">#fffae6f4</color>
|
|
17
|
+
<color name="chathams_blue">#ff17367d</color>
|
|
18
|
+
<color name="dark_blue">#ff0083b3</color>
|
|
19
|
+
<color name="dark_mosque">#ff014847</color>
|
|
35
20
|
<color name="dove">#ff666666</color>
|
|
21
|
+
<color name="flirt">#ff7c1366</color>
|
|
22
|
+
<color name="gallery">#ffefefef</color>
|
|
23
|
+
<color name="hibiscus">#ffc53a70</color>
|
|
36
24
|
<color name="iceberg">#ffcbf0e8</color>
|
|
25
|
+
<color name="mint_tulip">#ffc1f2e8</color>
|
|
26
|
+
<color name="mortar">#ff595959</color>
|
|
27
|
+
<color name="mosque">#ff016b6a</color>
|
|
28
|
+
<color name="onahau">#ffc3efff</color>
|
|
29
|
+
<color name="sea_buckthorn">#fffbaf34</color>
|
|
30
|
+
<color name="silver">#ffc9c8c8</color>
|
|
31
|
+
<color name="texas">#fff9f6a5</color>
|
|
37
32
|
<color name="transparent">#00000000</color>
|
|
33
|
+
<color name="trinidad">#ffdf3d0c</color>
|
|
34
|
+
<color name="turquoise">#ff39cdc9</color>
|
|
35
|
+
<color name="wattle">#ffd5e04d</color>
|
|
36
|
+
<color name="well_read">#ffb8373e</color>
|
|
37
|
+
<color name="white">#ffffffff</color>
|
|
38
38
|
|
|
39
39
|
</resources>
|
package/build/android/radius.xml
CHANGED
|
@@ -2,12 +2,13 @@
|
|
|
2
2
|
|
|
3
3
|
<!--
|
|
4
4
|
Do not edit directly
|
|
5
|
-
Generated on Wed,
|
|
5
|
+
Generated on Wed, 02 Mar 2022 14:17:43 GMT
|
|
6
6
|
-->
|
|
7
7
|
|
|
8
8
|
<resources>
|
|
9
9
|
<dimen name="none">0.00dp</dimen>
|
|
10
|
-
<dimen name="radius_4">4.00dp</dimen>
|
|
11
10
|
<dimen name="pill_32">32.00dp</dimen>
|
|
11
|
+
<dimen name="radius_12">12.00dp</dimen>
|
|
12
|
+
<dimen name="radius_4">4.00dp</dimen>
|
|
12
13
|
|
|
13
14
|
</resources>
|
package/build/android/size.xml
CHANGED
|
@@ -2,25 +2,30 @@
|
|
|
2
2
|
|
|
3
3
|
<!--
|
|
4
4
|
Do not edit directly
|
|
5
|
-
Generated on Wed,
|
|
5
|
+
Generated on Wed, 02 Mar 2022 14:17:43 GMT
|
|
6
6
|
-->
|
|
7
7
|
|
|
8
8
|
<resources>
|
|
9
9
|
<dimen name="size_0">0.00dp</dimen>
|
|
10
|
-
<dimen name="
|
|
11
|
-
<dimen name="size_8">8.00dp</dimen>
|
|
10
|
+
<dimen name="size_1">1.00dp</dimen>
|
|
12
11
|
<dimen name="size_10">10.00dp</dimen>
|
|
12
|
+
<dimen name="size_12">12.00dp</dimen>
|
|
13
|
+
<dimen name="size_120">120.00dp</dimen>
|
|
14
|
+
<dimen name="size_14">14.00dp</dimen>
|
|
15
|
+
<dimen name="size_15">15.00dp</dimen>
|
|
13
16
|
<dimen name="size_16">16.00dp</dimen>
|
|
17
|
+
<dimen name="size_2">2.00dp</dimen>
|
|
14
18
|
<dimen name="size_20">20.00dp</dimen>
|
|
15
19
|
<dimen name="size_24">24.00dp</dimen>
|
|
16
20
|
<dimen name="size_32">32.00dp</dimen>
|
|
17
21
|
<dimen name="size_36">36.00dp</dimen>
|
|
22
|
+
<dimen name="size_4">4.00dp</dimen>
|
|
18
23
|
<dimen name="size_40">40.00dp</dimen>
|
|
19
24
|
<dimen name="size_48">48.00dp</dimen>
|
|
20
25
|
<dimen name="size_64">64.00dp</dimen>
|
|
21
26
|
<dimen name="size_72">72.00dp</dimen>
|
|
27
|
+
<dimen name="size_8">8.00dp</dimen>
|
|
22
28
|
<dimen name="size_80">80.00dp</dimen>
|
|
23
29
|
<dimen name="size_96">96.00dp</dimen>
|
|
24
|
-
<dimen name="size_120">120.00dp</dimen>
|
|
25
30
|
|
|
26
31
|
</resources>
|
package/build/ios/Border.swift
CHANGED
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
//
|
|
5
5
|
|
|
6
6
|
// Do not edit directly
|
|
7
|
-
// Generated on Wed,
|
|
7
|
+
// Generated on Wed, 02 Mar 2022 14:17:43 GMT
|
|
8
8
|
|
|
9
9
|
|
|
10
10
|
import UIKit
|
|
@@ -12,6 +12,7 @@ import UIKit
|
|
|
12
12
|
public enum PaletteBorder {
|
|
13
13
|
public static let border1 = CGFloat(1)
|
|
14
14
|
public static let border2 = CGFloat(2)
|
|
15
|
+
public static let border3 = CGFloat(3)
|
|
15
16
|
public static let border4 = CGFloat(4)
|
|
16
17
|
public static let none = CGFloat(0)
|
|
17
18
|
}
|
package/build/ios/Color.swift
CHANGED
package/build/ios/FontSize.swift
CHANGED
package/build/ios/Radius.swift
CHANGED
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
//
|
|
5
5
|
|
|
6
6
|
// Do not edit directly
|
|
7
|
-
// Generated on Wed,
|
|
7
|
+
// Generated on Wed, 02 Mar 2022 14:17:43 GMT
|
|
8
8
|
|
|
9
9
|
|
|
10
10
|
import UIKit
|
|
@@ -12,5 +12,6 @@ import UIKit
|
|
|
12
12
|
public enum PaletteRadius {
|
|
13
13
|
public static let none = CGFloat(0)
|
|
14
14
|
public static let pill32 = CGFloat(32)
|
|
15
|
+
public static let radius12 = CGFloat(12)
|
|
15
16
|
public static let radius4 = CGFloat(4)
|
|
16
17
|
}
|
package/build/ios/Size.swift
CHANGED
|
@@ -4,16 +4,21 @@
|
|
|
4
4
|
//
|
|
5
5
|
|
|
6
6
|
// Do not edit directly
|
|
7
|
-
// Generated on Wed,
|
|
7
|
+
// Generated on Wed, 02 Mar 2022 14:17:43 GMT
|
|
8
8
|
|
|
9
9
|
|
|
10
10
|
import UIKit
|
|
11
11
|
|
|
12
12
|
public enum PaletteSize {
|
|
13
13
|
public static let size0 = CGFloat(0)
|
|
14
|
+
public static let size1 = CGFloat(1)
|
|
14
15
|
public static let size10 = CGFloat(10)
|
|
16
|
+
public static let size12 = CGFloat(12)
|
|
15
17
|
public static let size120 = CGFloat(120)
|
|
18
|
+
public static let size14 = CGFloat(14)
|
|
19
|
+
public static let size15 = CGFloat(15)
|
|
16
20
|
public static let size16 = CGFloat(16)
|
|
21
|
+
public static let size2 = CGFloat(2)
|
|
17
22
|
public static let size20 = CGFloat(20)
|
|
18
23
|
public static let size24 = CGFloat(24)
|
|
19
24
|
public static let size32 = CGFloat(32)
|
package/build/rn/fonts/index.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
1
|
+
module.exports.StagSans300normal= require('@telus-uds/palette-koodo/build/rn/fonts/StagSans-300.otf')
|
|
2
|
+
module.exports.StagSans400normal= require('@telus-uds/palette-koodo/build/rn/fonts/StagSans-400.otf')
|
|
3
|
+
module.exports.StagSans500normal= require('@telus-uds/palette-koodo/build/rn/fonts/StagSans-500.otf')
|
|
4
|
+
module.exports.StagSans600normal= require('@telus-uds/palette-koodo/build/rn/fonts/StagSans-600.otf')
|
|
5
|
+
module.exports.StagSans700normal= require('@telus-uds/palette-koodo/build/rn/fonts/StagSans-700.otf')
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
4
|
+
|
|
5
|
+
module.exports = ({
|
|
6
|
+
title,
|
|
7
|
+
titleId,
|
|
8
|
+
size,
|
|
9
|
+
color,
|
|
10
|
+
...props
|
|
11
|
+
}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", { ...props,
|
|
12
|
+
viewBox: "0 0 24 24",
|
|
13
|
+
height: size,
|
|
14
|
+
width: size,
|
|
15
|
+
fill: color,
|
|
16
|
+
role: title ? 'img' : undefined,
|
|
17
|
+
"aria-hidden": !title,
|
|
18
|
+
"aria-labelledby": titleId,
|
|
19
|
+
children: [title ? /*#__PURE__*/(0, _jsxRuntime.jsx)("title", {
|
|
20
|
+
id: titleId,
|
|
21
|
+
children: title
|
|
22
|
+
}) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
|
|
23
|
+
d: "M12 1c6.077 0 11 4.925 11 11s-4.924 11-11 11C5.925 23 1 18.075 1 12S5.925 1 12 1zm2.391 4.132-4.69.018v8.238l-2.88.027 5.225 5.454 5.134-5.554-2.789.028V5.132z"
|
|
24
|
+
})]
|
|
25
|
+
});
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _reactNativeSvg = require("react-native-svg");
|
|
4
|
+
|
|
5
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
6
|
+
|
|
7
|
+
module.exports = ({
|
|
8
|
+
title,
|
|
9
|
+
titleId,
|
|
10
|
+
size,
|
|
11
|
+
color,
|
|
12
|
+
...props
|
|
13
|
+
}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeSvg.default, { ...props,
|
|
14
|
+
viewBox: "0 0 24 24",
|
|
15
|
+
height: size,
|
|
16
|
+
width: size,
|
|
17
|
+
fill: color,
|
|
18
|
+
"aria-labelledby": titleId,
|
|
19
|
+
children: [title ? /*#__PURE__*/(0, _jsxRuntime.jsx)("title", {
|
|
20
|
+
id: titleId,
|
|
21
|
+
children: title
|
|
22
|
+
}) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
|
|
23
|
+
d: "M12 1c6.077 0 11 4.925 11 11s-4.924 11-11 11C5.925 23 1 18.075 1 12S5.925 1 12 1zm2.391 4.132-4.69.018v8.238l-2.88.027 5.225 5.454 5.134-5.554-2.789.028V5.132z"
|
|
24
|
+
})]
|
|
25
|
+
});
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
4
|
+
|
|
5
|
+
module.exports = ({
|
|
6
|
+
title,
|
|
7
|
+
titleId,
|
|
8
|
+
size,
|
|
9
|
+
color,
|
|
10
|
+
...props
|
|
11
|
+
}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", { ...props,
|
|
12
|
+
viewBox: "0 0 24 24",
|
|
13
|
+
height: size,
|
|
14
|
+
width: size,
|
|
15
|
+
fill: color,
|
|
16
|
+
role: title ? 'img' : undefined,
|
|
17
|
+
"aria-hidden": !title,
|
|
18
|
+
"aria-labelledby": titleId,
|
|
19
|
+
children: [title ? /*#__PURE__*/(0, _jsxRuntime.jsx)("title", {
|
|
20
|
+
id: titleId,
|
|
21
|
+
children: title
|
|
22
|
+
}) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
|
|
23
|
+
d: "M1 23h22V1H1v22zm2.64-2.64h16.721V3.639H3.64V20.36z"
|
|
24
|
+
})]
|
|
25
|
+
});
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _reactNativeSvg = require("react-native-svg");
|
|
4
|
+
|
|
5
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
6
|
+
|
|
7
|
+
module.exports = ({
|
|
8
|
+
title,
|
|
9
|
+
titleId,
|
|
10
|
+
size,
|
|
11
|
+
color,
|
|
12
|
+
...props
|
|
13
|
+
}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeSvg.default, { ...props,
|
|
14
|
+
viewBox: "0 0 24 24",
|
|
15
|
+
height: size,
|
|
16
|
+
width: size,
|
|
17
|
+
fill: color,
|
|
18
|
+
"aria-labelledby": titleId,
|
|
19
|
+
children: [title ? /*#__PURE__*/(0, _jsxRuntime.jsx)("title", {
|
|
20
|
+
id: titleId,
|
|
21
|
+
children: title
|
|
22
|
+
}) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
|
|
23
|
+
d: "M1 23h22V1H1v22zm2.64-2.64h16.721V3.639H3.64V20.36z"
|
|
24
|
+
})]
|
|
25
|
+
});
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
4
|
+
|
|
5
|
+
module.exports = ({
|
|
6
|
+
title,
|
|
7
|
+
titleId,
|
|
8
|
+
size,
|
|
9
|
+
color,
|
|
10
|
+
...props
|
|
11
|
+
}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", { ...props,
|
|
12
|
+
viewBox: "0 0 24 24",
|
|
13
|
+
height: size,
|
|
14
|
+
width: size,
|
|
15
|
+
fill: color,
|
|
16
|
+
role: title ? 'img' : undefined,
|
|
17
|
+
"aria-hidden": !title,
|
|
18
|
+
"aria-labelledby": titleId,
|
|
19
|
+
children: [title ? /*#__PURE__*/(0, _jsxRuntime.jsx)("title", {
|
|
20
|
+
id: titleId,
|
|
21
|
+
children: title
|
|
22
|
+
}) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
|
|
23
|
+
d: "M1 23h22V1H1v22zm2.64-2.64h16.72V3.64H3.64v16.72zm3.435-9.111 2.487 2.479 7.356-7.355 1.951 1.951-9.296 9.289-.01.014-4.433-4.433 1.945-1.945z"
|
|
24
|
+
})]
|
|
25
|
+
});
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _reactNativeSvg = require("react-native-svg");
|
|
4
|
+
|
|
5
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
6
|
+
|
|
7
|
+
module.exports = ({
|
|
8
|
+
title,
|
|
9
|
+
titleId,
|
|
10
|
+
size,
|
|
11
|
+
color,
|
|
12
|
+
...props
|
|
13
|
+
}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeSvg.default, { ...props,
|
|
14
|
+
viewBox: "0 0 24 24",
|
|
15
|
+
height: size,
|
|
16
|
+
width: size,
|
|
17
|
+
fill: color,
|
|
18
|
+
"aria-labelledby": titleId,
|
|
19
|
+
children: [title ? /*#__PURE__*/(0, _jsxRuntime.jsx)("title", {
|
|
20
|
+
id: titleId,
|
|
21
|
+
children: title
|
|
22
|
+
}) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
|
|
23
|
+
d: "M1 23h22V1H1v22zm2.64-2.64h16.72V3.64H3.64v16.72zm3.435-9.111 2.487 2.479 7.356-7.355 1.951 1.951-9.296 9.289-.01.014-4.433-4.433 1.945-1.945z"
|
|
24
|
+
})]
|
|
25
|
+
});
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
4
|
+
|
|
5
|
+
module.exports = ({
|
|
6
|
+
title,
|
|
7
|
+
titleId,
|
|
8
|
+
size,
|
|
9
|
+
color,
|
|
10
|
+
...props
|
|
11
|
+
}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", { ...props,
|
|
12
|
+
viewBox: "0 0 24 24",
|
|
13
|
+
height: size,
|
|
14
|
+
width: size,
|
|
15
|
+
fill: color,
|
|
16
|
+
role: title ? 'img' : undefined,
|
|
17
|
+
"aria-hidden": !title,
|
|
18
|
+
"aria-labelledby": titleId,
|
|
19
|
+
children: [title ? /*#__PURE__*/(0, _jsxRuntime.jsx)("title", {
|
|
20
|
+
id: titleId,
|
|
21
|
+
children: title
|
|
22
|
+
}) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
|
|
23
|
+
d: "M1.399 14.925A10.926 10.926 0 0 1 1 12.003c0-1.99.557-3.95 1.503-5.558a11.294 11.294 0 0 1 3.943-3.952A11.058 11.058 0 0 1 11.997 1c1.99 0 3.952.547 5.558 1.493a11.329 11.329 0 0 1 3.952 3.952C22.453 8.052 23 10.013 23 12.003c0 1.99-.547 3.943-1.493 5.55a11.294 11.294 0 0 1-3.952 3.944A11.09 11.09 0 0 1 11.997 23c-1.99 0-3.943-.557-5.55-1.503a11.26 11.26 0 0 1-3.944-3.943 10.724 10.724 0 0 1-1.104-2.63m8.254-5.272a3.203 3.203 0 0 0-.976 2.35 3.322 3.322 0 0 0 3.32 3.321 3.327 3.327 0 0 0 3.326-3.32 3.331 3.331 0 0 0-3.326-3.326c-.917 0-1.698.321-2.344.975"
|
|
24
|
+
})]
|
|
25
|
+
});
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _reactNativeSvg = require("react-native-svg");
|
|
4
|
+
|
|
5
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
6
|
+
|
|
7
|
+
module.exports = ({
|
|
8
|
+
title,
|
|
9
|
+
titleId,
|
|
10
|
+
size,
|
|
11
|
+
color,
|
|
12
|
+
...props
|
|
13
|
+
}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeSvg.default, { ...props,
|
|
14
|
+
viewBox: "0 0 24 24",
|
|
15
|
+
height: size,
|
|
16
|
+
width: size,
|
|
17
|
+
fill: color,
|
|
18
|
+
"aria-labelledby": titleId,
|
|
19
|
+
children: [title ? /*#__PURE__*/(0, _jsxRuntime.jsx)("title", {
|
|
20
|
+
id: titleId,
|
|
21
|
+
children: title
|
|
22
|
+
}) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
|
|
23
|
+
d: "M1.399 14.925A10.926 10.926 0 0 1 1 12.003c0-1.99.557-3.95 1.503-5.558a11.294 11.294 0 0 1 3.943-3.952A11.058 11.058 0 0 1 11.997 1c1.99 0 3.952.547 5.558 1.493a11.329 11.329 0 0 1 3.952 3.952C22.453 8.052 23 10.013 23 12.003c0 1.99-.547 3.943-1.493 5.55a11.294 11.294 0 0 1-3.952 3.944A11.09 11.09 0 0 1 11.997 23c-1.99 0-3.943-.557-5.55-1.503a11.26 11.26 0 0 1-3.944-3.943 10.724 10.724 0 0 1-1.104-2.63m8.254-5.272a3.203 3.203 0 0 0-.976 2.35 3.322 3.322 0 0 0 3.32 3.321 3.327 3.327 0 0 0 3.326-3.32 3.331 3.331 0 0 0-3.326-3.326c-.917 0-1.698.321-2.344.975"
|
|
24
|
+
})]
|
|
25
|
+
});
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
4
|
+
|
|
5
|
+
module.exports = ({
|
|
6
|
+
title,
|
|
7
|
+
titleId,
|
|
8
|
+
size,
|
|
9
|
+
color,
|
|
10
|
+
...props
|
|
11
|
+
}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", { ...props,
|
|
12
|
+
viewBox: "0 0 24 24",
|
|
13
|
+
height: size,
|
|
14
|
+
width: size,
|
|
15
|
+
fill: color,
|
|
16
|
+
role: title ? 'img' : undefined,
|
|
17
|
+
"aria-hidden": !title,
|
|
18
|
+
"aria-labelledby": titleId,
|
|
19
|
+
children: [title ? /*#__PURE__*/(0, _jsxRuntime.jsx)("title", {
|
|
20
|
+
id: titleId,
|
|
21
|
+
children: title
|
|
22
|
+
}) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
|
|
23
|
+
d: "M22.703 17.7H7.135c-.357 0-.668-.605-.668-.963V14l16.185-1.822c.657-.073.98-.63.98-1.292v-7.8c0-.718-.213-.843-.929-.843H5.726L4.161.527C3.917.284 3.588 0 3.243 0H1.298C.58 0 0 .653 0 1.37c0 .719.58 1.372 1.298 1.372h1.408l1.025.882v13.113c0 1.792 1.616 3.705 3.404 3.705h.208c-.004.043-.013.085-.013.13a1.428 1.428 0 1 0 2.854 0c0-.045-.009-.087-.013-.13h8.533c-.004.043-.013.085-.013.13a1.428 1.428 0 1 0 2.854 0c0-.045-.009-.087-.013-.13h1.171c.717 0 1.297-.653 1.297-1.372 0-.717-.58-1.37-1.297-1.37",
|
|
24
|
+
fill: "#020303",
|
|
25
|
+
mask: "url(#prefix__mask-2)"
|
|
26
|
+
})]
|
|
27
|
+
});
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _reactNativeSvg = require("react-native-svg");
|
|
4
|
+
|
|
5
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
6
|
+
|
|
7
|
+
module.exports = ({
|
|
8
|
+
title,
|
|
9
|
+
titleId,
|
|
10
|
+
size,
|
|
11
|
+
color,
|
|
12
|
+
...props
|
|
13
|
+
}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeSvg.default, { ...props,
|
|
14
|
+
viewBox: "0 0 24 24",
|
|
15
|
+
height: size,
|
|
16
|
+
width: size,
|
|
17
|
+
fill: color,
|
|
18
|
+
"aria-labelledby": titleId,
|
|
19
|
+
children: [title ? /*#__PURE__*/(0, _jsxRuntime.jsx)("title", {
|
|
20
|
+
id: titleId,
|
|
21
|
+
children: title
|
|
22
|
+
}) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
|
|
23
|
+
d: "M22.703 17.7H7.135c-.357 0-.668-.605-.668-.963V14l16.185-1.822c.657-.073.98-.63.98-1.292v-7.8c0-.718-.213-.843-.929-.843H5.726L4.161.527C3.917.284 3.588 0 3.243 0H1.298C.58 0 0 .653 0 1.37c0 .719.58 1.372 1.298 1.372h1.408l1.025.882v13.113c0 1.792 1.616 3.705 3.404 3.705h.208c-.004.043-.013.085-.013.13a1.428 1.428 0 1 0 2.854 0c0-.045-.009-.087-.013-.13h8.533c-.004.043-.013.085-.013.13a1.428 1.428 0 1 0 2.854 0c0-.045-.009-.087-.013-.13h1.171c.717 0 1.297-.653 1.297-1.372 0-.717-.58-1.37-1.297-1.37",
|
|
24
|
+
fill: "#020303",
|
|
25
|
+
mask: "url(#prefix__mask-2)"
|
|
26
|
+
})]
|
|
27
|
+
});
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
4
|
+
|
|
5
|
+
module.exports = ({
|
|
6
|
+
title,
|
|
7
|
+
titleId,
|
|
8
|
+
size,
|
|
9
|
+
color,
|
|
10
|
+
...props
|
|
11
|
+
}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", { ...props,
|
|
12
|
+
viewBox: "0 0 24 24",
|
|
13
|
+
height: size,
|
|
14
|
+
width: size,
|
|
15
|
+
fill: color,
|
|
16
|
+
role: title ? 'img' : undefined,
|
|
17
|
+
"aria-hidden": !title,
|
|
18
|
+
"aria-labelledby": titleId,
|
|
19
|
+
children: [title ? /*#__PURE__*/(0, _jsxRuntime.jsx)("title", {
|
|
20
|
+
id: titleId,
|
|
21
|
+
children: title
|
|
22
|
+
}) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
|
|
23
|
+
d: "m19.876 2.998-11.78 11.78-3.983-3.97L1 13.923l7.096 7.1.018-.023L22.998 6.125z"
|
|
24
|
+
})]
|
|
25
|
+
});
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _reactNativeSvg = require("react-native-svg");
|
|
4
|
+
|
|
5
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
6
|
+
|
|
7
|
+
module.exports = ({
|
|
8
|
+
title,
|
|
9
|
+
titleId,
|
|
10
|
+
size,
|
|
11
|
+
color,
|
|
12
|
+
...props
|
|
13
|
+
}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeSvg.default, { ...props,
|
|
14
|
+
viewBox: "0 0 24 24",
|
|
15
|
+
height: size,
|
|
16
|
+
width: size,
|
|
17
|
+
fill: color,
|
|
18
|
+
"aria-labelledby": titleId,
|
|
19
|
+
children: [title ? /*#__PURE__*/(0, _jsxRuntime.jsx)("title", {
|
|
20
|
+
id: titleId,
|
|
21
|
+
children: title
|
|
22
|
+
}) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
|
|
23
|
+
d: "m19.876 2.998-11.78 11.78-3.983-3.97L1 13.923l7.096 7.1.018-.023L22.998 6.125z"
|
|
24
|
+
})]
|
|
25
|
+
});
|