@telus-uds/palette-koodo 0.0.2-alpha.91 → 0.1.0-prerelease.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/CHANGELOG.md +172 -0
- package/README.md +3 -23
- package/build/android/border.xml +15 -0
- package/build/android/{colors.xml → color.xml} +9 -1
- package/build/android/{font_sizes.xml → font_size.xml} +7 -1
- package/build/android/radius.xml +14 -0
- package/build/android/size.xml +28 -0
- package/build/ios/Border.swift +18 -0
- package/build/ios/{Colors.swift → Color.swift} +10 -2
- package/build/ios/{FontSizes.swift → FontSize.swift} +8 -2
- package/build/ios/Radius.swift +17 -0
- package/build/ios/Size.swift +31 -0
- package/build/rn/fonts/StagSans-300.otf +0 -0
- package/build/rn/fonts/StagSans-400.otf +0 -0
- package/build/rn/fonts/StagSans-500.otf +0 -0
- package/build/rn/fonts/StagSans-600.otf +0 -0
- package/build/rn/fonts/StagSans-700.otf +0 -0
- package/build/rn/fonts/fonts.css +25 -0
- package/build/rn/fonts/index.js +5 -0
- 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/check-circled-not-filled.icon.svg +1 -1
- package/build/rn/icons/index.js +86 -0
- package/build/rn/palette.js +110 -55
- package/build/web/fonts/fonts-cdn-family.css +35 -0
- package/build/web/fonts/fonts-cdn.css +25 -0
- package/build/web/fonts/fonts-local-family.css +35 -0
- package/build/web/fonts/fonts-local.css +25 -0
- package/build/web/fonts/v0_1_0-prerelease_1-StagSans-300--J6ixSsuRBjOGdGhFumrh.otf +0 -0
- package/build/web/fonts/v0_1_0-prerelease_1-StagSans-400-SMHWqRVrOHgQPQVQibwUB.otf +0 -0
- package/build/web/fonts/v0_1_0-prerelease_1-StagSans-500-m8llDILdEpyWmY7qIJcpx.otf +0 -0
- package/build/web/fonts/v0_1_0-prerelease_1-StagSans-600-d3QN6Jjk-5ZLp0vTigRV-.otf +0 -0
- package/build/web/fonts/v0_1_0-prerelease_1-StagSans-700-m1nFhrTNcuwrCDvPhYo1b.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/check-circled-not-filled.icon.svg +1 -1
- package/build/web/icons/index.js +86 -0
- package/build/web/palette.js +103 -55
- package/package.json +8 -8
- package/LICENSE +0 -21
- package/build/android/font_weights.xml +0 -11
- package/build/android/radii.xml +0 -8
- package/build/android/spacings.xml +0 -19
- package/build/ios/FontWeights.swift +0 -14
- package/build/ios/Radii.swift +0 -11
- package/build/ios/Spacings.swift +0 -22
- package/build/rn/palette.mjs +0 -97
- package/build/web/palette.mjs +0 -97
package/CHANGELOG.md
ADDED
|
@@ -0,0 +1,172 @@
|
|
|
1
|
+
# Changelog
|
|
2
|
+
|
|
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
|
+
|
|
5
|
+
## [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)
|
|
6
|
+
|
|
7
|
+
### Features
|
|
8
|
+
|
|
9
|
+
- 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))
|
|
10
|
+
- **base:** add `ProgressBar` component ([#890](https://github.com/telus/universal-design-system/issues/890)) ([b98315c](https://github.com/telus/universal-design-system/commit/b98315cc7dabb2c7130c62c9c3bbf6fdfb7419a0))
|
|
11
|
+
- **base:** add `Radio` button ([#731](https://github.com/telus/universal-design-system/issues/731)) ([ad1613c](https://github.com/telus/universal-design-system/commit/ad1613c547fe3b0cdf1490a92267f32045356133))
|
|
12
|
+
- **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))
|
|
13
|
+
- **base:** add Tooltip component ([#687](https://github.com/telus/universal-design-system/issues/687)) ([38aaad4](https://github.com/telus/universal-design-system/commit/38aaad43d664b76e85a264901df5e1ca045a0304))
|
|
14
|
+
|
|
15
|
+
### Bug Fixes
|
|
16
|
+
|
|
17
|
+
- **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))
|
|
18
|
+
|
|
19
|
+
### Change summary (does not include documentation changes)
|
|
20
|
+
|
|
21
|
+
#### New keys
|
|
22
|
+
|
|
23
|
+
- `size.size2`
|
|
24
|
+
- `size.size12`
|
|
25
|
+
- `radius.radius12`
|
|
26
|
+
- `border.border3`
|
|
27
|
+
- `shadow.none.inset`
|
|
28
|
+
- `shadow.none.color`
|
|
29
|
+
- `shadow.none.offsetX`
|
|
30
|
+
- `shadow.none.offsetY`
|
|
31
|
+
- `shadow.none.blur`
|
|
32
|
+
- `shadow.none.spread`
|
|
33
|
+
- `opacity.opacity3`
|
|
34
|
+
- `opacity.opacity5`
|
|
35
|
+
- `opacity.opacity8`
|
|
36
|
+
- `duration.duration300`
|
|
37
|
+
- `duration.duration250`
|
|
38
|
+
|
|
39
|
+
## [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)
|
|
40
|
+
|
|
41
|
+
### Palette change summary (does not include documentation changes)
|
|
42
|
+
|
|
43
|
+
## 0.1.0-prerelease.0 (2021-10-08)
|
|
44
|
+
|
|
45
|
+
### Features
|
|
46
|
+
|
|
47
|
+
- add letter spacing to palette schema, palettes and themes ([#345](https://github.com/telus/universal-design-system/issues/345)) ([fd83f6e](https://github.com/telus/universal-design-system/commit/fd83f6e4e750da3d5b9db12a601877085a7ca347))
|
|
48
|
+
- **base:** add SideNav component ([#500](https://github.com/telus/universal-design-system/issues/500)) ([edc45e8](https://github.com/telus/universal-design-system/commit/edc45e84d627f371bb6d8c5053bcff1259ebabb2))
|
|
49
|
+
- icon index ([#209](https://github.com/telus/universal-design-system/issues/209)) ([5b4423a](https://github.com/telus/universal-design-system/commit/5b4423a6004c5fe5ff1953933199bcacb26e1da2))
|
|
50
|
+
- **icons:** add svg icon resources ([#160](https://github.com/telus/universal-design-system/issues/160)) ([a832f3b](https://github.com/telus/universal-design-system/commit/a832f3b3486bf2e9fb96c3848b72c7d3126647d4))
|
|
51
|
+
- ios and android builds ([#110](https://github.com/telus/universal-design-system/issues/110)) ([b014773](https://github.com/telus/universal-design-system/commit/b01477326fdb471cbfb835a1203dabe00bb0ff3d))
|
|
52
|
+
- **koodo:** introduce koodo theme ([#216](https://github.com/telus/universal-design-system/issues/216)) ([3bcf63d](https://github.com/telus/universal-design-system/commit/3bcf63d22bce3f351a36927a5872c19a44df59c1))
|
|
53
|
+
- **lerna:** add lerna and folder structure ([#1](https://github.com/telus/universal-design-system/issues/1)) ([db8a5ee](https://github.com/telus/universal-design-system/commit/db8a5ee32e2a7b5672f55e2a91310d53541fc53c))
|
|
54
|
+
- Palette tooling ([#109](https://github.com/telus/universal-design-system/issues/109)) ([4bfa5a7](https://github.com/telus/universal-design-system/commit/4bfa5a7fb126c12a832d6dab2c75ccd89b342b98))
|
|
55
|
+
- **palette:** introduce Koodo brand palette ([275a463](https://github.com/telus/universal-design-system/commit/275a463251dba643b9a878bd979005b6720d55fe))
|
|
56
|
+
- **theme:** update theming based on ADR ([#458](https://github.com/telus/universal-design-system/issues/458)) ([4591fbd](https://github.com/telus/universal-design-system/commit/4591fbdd6c7088b9e03d38a0abc17901854d85bb)), closes [#375](https://github.com/telus/universal-design-system/issues/375) [#412](https://github.com/telus/universal-design-system/issues/412) [#413](https://github.com/telus/universal-design-system/issues/413) [#414](https://github.com/telus/universal-design-system/issues/414) [#428](https://github.com/telus/universal-design-system/issues/428) [#443](https://github.com/telus/universal-design-system/issues/443) [#429](https://github.com/telus/universal-design-system/issues/429) [#445](https://github.com/telus/universal-design-system/issues/445) [#451](https://github.com/telus/universal-design-system/issues/451) [#452](https://github.com/telus/universal-design-system/issues/452) [#457](https://github.com/telus/universal-design-system/issues/457)
|
|
57
|
+
- **theming:** basic theme provider, variant handling and sample theme ([#67](https://github.com/telus/universal-design-system/issues/67)) ([beb04e4](https://github.com/telus/universal-design-system/commit/beb04e4fbcd9c56ef7d7e6b56fb56925989648f1))
|
|
58
|
+
- **tools:** font assets ([#165](https://github.com/telus/universal-design-system/issues/165)) ([8b6c36c](https://github.com/telus/universal-design-system/commit/8b6c36c1ec4044c7672ba9800e118e653b62a06e))
|
|
59
|
+
|
|
60
|
+
### Bug Fixes
|
|
61
|
+
|
|
62
|
+
- **linting:** fix all the linting errors ([#99](https://github.com/telus/universal-design-system/issues/99)) ([d92861b](https://github.com/telus/universal-design-system/commit/d92861b27afc8ca42f7c06dbc66f99628b2395f6))
|
|
63
|
+
- missed a spacings ([#186](https://github.com/telus/universal-design-system/issues/186)) ([8668ed7](https://github.com/telus/universal-design-system/commit/8668ed746162fa7dcfe0197adfab0f9521c32873))
|
|
64
|
+
- **palette:** fix invalid svg breaking koodo ([#332](https://github.com/telus/universal-design-system/issues/332)) ([48430cf](https://github.com/telus/universal-design-system/commit/48430cff7910659d393b85fe356e38debd8b3496))
|
|
65
|
+
|
|
66
|
+
### Palette change summary (does not include documentation changes)
|
|
67
|
+
|
|
68
|
+
#### New keys
|
|
69
|
+
|
|
70
|
+
- `color.flirt`
|
|
71
|
+
- `color.mosque`
|
|
72
|
+
- `color.darkMosque`
|
|
73
|
+
- `color.blue`
|
|
74
|
+
- `color.darkBlue`
|
|
75
|
+
- `color.texas`
|
|
76
|
+
- `color.amaranth`
|
|
77
|
+
- `color.cardinalPink`
|
|
78
|
+
- `color.trinidad`
|
|
79
|
+
- `color.onahau`
|
|
80
|
+
- `color.burntSienna`
|
|
81
|
+
- `color.chathamsBlue`
|
|
82
|
+
- `color.wellRead`
|
|
83
|
+
- `color.wattle`
|
|
84
|
+
- `color.beeswax`
|
|
85
|
+
- `color.bilbao`
|
|
86
|
+
- `color.seaBuckthorn`
|
|
87
|
+
- `color.mintTulip`
|
|
88
|
+
- `color.turquoise`
|
|
89
|
+
- `color.hibiscus`
|
|
90
|
+
- `color.carouselPink`
|
|
91
|
+
- `color.white`
|
|
92
|
+
- `color.black`
|
|
93
|
+
- `color.mortar`
|
|
94
|
+
- `color.gallery`
|
|
95
|
+
- `color.silver`
|
|
96
|
+
- `color.dove`
|
|
97
|
+
- `color.iceberg`
|
|
98
|
+
- `color.transparent`
|
|
99
|
+
- `font.StagSans.300`
|
|
100
|
+
- `font.StagSans.400`
|
|
101
|
+
- `font.StagSans.500`
|
|
102
|
+
- `font.StagSans.600`
|
|
103
|
+
- `font.StagSans.700`
|
|
104
|
+
- `fontSize.size12`
|
|
105
|
+
- `fontSize.size14`
|
|
106
|
+
- `fontSize.size16`
|
|
107
|
+
- `fontSize.size20`
|
|
108
|
+
- `fontSize.size24`
|
|
109
|
+
- `fontSize.size28`
|
|
110
|
+
- `fontSize.size40`
|
|
111
|
+
- `fontSize.size44`
|
|
112
|
+
- `fontSize.size48`
|
|
113
|
+
- `fontSize.size56`
|
|
114
|
+
- `fontSize.size64`
|
|
115
|
+
- `size.size0`
|
|
116
|
+
- `size.size4`
|
|
117
|
+
- `size.size8`
|
|
118
|
+
- `size.size10`
|
|
119
|
+
- `size.size16`
|
|
120
|
+
- `size.size20`
|
|
121
|
+
- `size.size24`
|
|
122
|
+
- `size.size32`
|
|
123
|
+
- `size.size36`
|
|
124
|
+
- `size.size40`
|
|
125
|
+
- `size.size48`
|
|
126
|
+
- `size.size64`
|
|
127
|
+
- `size.size72`
|
|
128
|
+
- `size.size80`
|
|
129
|
+
- `size.size96`
|
|
130
|
+
- `size.size120`
|
|
131
|
+
- `radius.none`
|
|
132
|
+
- `radius.radius4`
|
|
133
|
+
- `radius.pill32`
|
|
134
|
+
- `border.none`
|
|
135
|
+
- `border.border1`
|
|
136
|
+
- `border.border2`
|
|
137
|
+
- `border.border4`
|
|
138
|
+
- `lineHeight.multiply160`
|
|
139
|
+
- `lineHeight.multiply150`
|
|
140
|
+
- `lineHeight.multiply140`
|
|
141
|
+
- `lineHeight.multiply130`
|
|
142
|
+
- `lineHeight.multiply120`
|
|
143
|
+
- `lineHeight.multiply110`
|
|
144
|
+
- `letterSpacing.default`
|
|
145
|
+
- `icon.ChevronUp`
|
|
146
|
+
- `icon.ChevronRight`
|
|
147
|
+
- `icon.ChevronDown`
|
|
148
|
+
- `icon.ChevronLeft`
|
|
149
|
+
- `icon.Cart`
|
|
150
|
+
- `icon.CircledLine`
|
|
151
|
+
- `icon.Times`
|
|
152
|
+
- `icon.TimesCircled`
|
|
153
|
+
- `icon.Check`
|
|
154
|
+
- `icon.CheckCircledFilled`
|
|
155
|
+
- `icon.CheckCircledNotFilled`
|
|
156
|
+
- `icon.ArrowDownCircled`
|
|
157
|
+
- `icon.ExclamationTriangle`
|
|
158
|
+
- `icon.ExclamationOctagon`
|
|
159
|
+
- `icon.InformationCircled`
|
|
160
|
+
- `icon.BoxOutline`
|
|
161
|
+
- `icon.BoxOutlineChecked`
|
|
162
|
+
- `icon.RadialOutline`
|
|
163
|
+
- `icon.RadialOutlineChecked`
|
|
164
|
+
- `icon.Hamburger`
|
|
165
|
+
- `icon.Spyglass`
|
|
166
|
+
- `icon.Bullet`
|
|
167
|
+
- `icon.Info`
|
|
168
|
+
- `icon.InfoSelected`
|
|
169
|
+
- `icon.Refresh`
|
|
170
|
+
- `icon.Kebab`
|
|
171
|
+
- `icon.EyeOpened`
|
|
172
|
+
- `icon.EyeClosed`
|
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](../../README.md) for details.
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
<?xml version="1.0" encoding="UTF-8"?>
|
|
2
|
+
|
|
3
|
+
<!--
|
|
4
|
+
Do not edit directly
|
|
5
|
+
Generated on Thu, 20 Jan 2022 11:39:05 GMT
|
|
6
|
+
-->
|
|
7
|
+
|
|
8
|
+
<resources>
|
|
9
|
+
<dimen name="none">0.00dp</dimen>
|
|
10
|
+
<dimen name="border_1">1.00dp</dimen>
|
|
11
|
+
<dimen name="border_2">2.00dp</dimen>
|
|
12
|
+
<dimen name="border_3">3.00dp</dimen>
|
|
13
|
+
<dimen name="border_4">4.00dp</dimen>
|
|
14
|
+
|
|
15
|
+
</resources>
|
|
@@ -1,9 +1,16 @@
|
|
|
1
1
|
<?xml version="1.0" encoding="UTF-8"?>
|
|
2
2
|
|
|
3
|
+
<!--
|
|
4
|
+
Do not edit directly
|
|
5
|
+
Generated on Thu, 20 Jan 2022 11:39:05 GMT
|
|
6
|
+
-->
|
|
3
7
|
|
|
4
8
|
<resources>
|
|
5
9
|
<color name="flirt">#ff7c1366</color>
|
|
6
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>
|
|
7
14
|
<color name="texas">#fff9f6a5</color>
|
|
8
15
|
<color name="amaranth">#ffee2c74</color>
|
|
9
16
|
<color name="cardinal_pink">#ff8c0448</color>
|
|
@@ -27,5 +34,6 @@
|
|
|
27
34
|
<color name="silver">#ffc9c8c8</color>
|
|
28
35
|
<color name="dove">#ff666666</color>
|
|
29
36
|
<color name="iceberg">#ffcbf0e8</color>
|
|
30
|
-
|
|
37
|
+
<color name="transparent">#00000000</color>
|
|
38
|
+
|
|
31
39
|
</resources>
|
|
@@ -1,5 +1,9 @@
|
|
|
1
1
|
<?xml version="1.0" encoding="UTF-8"?>
|
|
2
2
|
|
|
3
|
+
<!--
|
|
4
|
+
Do not edit directly
|
|
5
|
+
Generated on Thu, 20 Jan 2022 11:39:05 GMT
|
|
6
|
+
-->
|
|
3
7
|
|
|
4
8
|
<resources>
|
|
5
9
|
<dimen name="size_12">12.00sp</dimen>
|
|
@@ -9,7 +13,9 @@
|
|
|
9
13
|
<dimen name="size_24">24.00sp</dimen>
|
|
10
14
|
<dimen name="size_28">28.00sp</dimen>
|
|
11
15
|
<dimen name="size_40">40.00sp</dimen>
|
|
16
|
+
<dimen name="size_44">44.00sp</dimen>
|
|
17
|
+
<dimen name="size_48">48.00sp</dimen>
|
|
12
18
|
<dimen name="size_56">56.00sp</dimen>
|
|
13
19
|
<dimen name="size_64">64.00sp</dimen>
|
|
14
|
-
|
|
20
|
+
|
|
15
21
|
</resources>
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
<?xml version="1.0" encoding="UTF-8"?>
|
|
2
|
+
|
|
3
|
+
<!--
|
|
4
|
+
Do not edit directly
|
|
5
|
+
Generated on Thu, 20 Jan 2022 11:39:05 GMT
|
|
6
|
+
-->
|
|
7
|
+
|
|
8
|
+
<resources>
|
|
9
|
+
<dimen name="none">0.00dp</dimen>
|
|
10
|
+
<dimen name="radius_4">4.00dp</dimen>
|
|
11
|
+
<dimen name="radius_12">12.00dp</dimen>
|
|
12
|
+
<dimen name="pill_32">32.00dp</dimen>
|
|
13
|
+
|
|
14
|
+
</resources>
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
<?xml version="1.0" encoding="UTF-8"?>
|
|
2
|
+
|
|
3
|
+
<!--
|
|
4
|
+
Do not edit directly
|
|
5
|
+
Generated on Thu, 20 Jan 2022 11:39:05 GMT
|
|
6
|
+
-->
|
|
7
|
+
|
|
8
|
+
<resources>
|
|
9
|
+
<dimen name="size_0">0.00dp</dimen>
|
|
10
|
+
<dimen name="size_2">2.00dp</dimen>
|
|
11
|
+
<dimen name="size_4">4.00dp</dimen>
|
|
12
|
+
<dimen name="size_8">8.00dp</dimen>
|
|
13
|
+
<dimen name="size_10">10.00dp</dimen>
|
|
14
|
+
<dimen name="size_12">12.00dp</dimen>
|
|
15
|
+
<dimen name="size_16">16.00dp</dimen>
|
|
16
|
+
<dimen name="size_20">20.00dp</dimen>
|
|
17
|
+
<dimen name="size_24">24.00dp</dimen>
|
|
18
|
+
<dimen name="size_32">32.00dp</dimen>
|
|
19
|
+
<dimen name="size_36">36.00dp</dimen>
|
|
20
|
+
<dimen name="size_40">40.00dp</dimen>
|
|
21
|
+
<dimen name="size_48">48.00dp</dimen>
|
|
22
|
+
<dimen name="size_64">64.00dp</dimen>
|
|
23
|
+
<dimen name="size_72">72.00dp</dimen>
|
|
24
|
+
<dimen name="size_80">80.00dp</dimen>
|
|
25
|
+
<dimen name="size_96">96.00dp</dimen>
|
|
26
|
+
<dimen name="size_120">120.00dp</dimen>
|
|
27
|
+
|
|
28
|
+
</resources>
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
|
|
2
|
+
//
|
|
3
|
+
// Border.swift
|
|
4
|
+
//
|
|
5
|
+
|
|
6
|
+
// Do not edit directly
|
|
7
|
+
// Generated on Thu, 20 Jan 2022 11:39:05 GMT
|
|
8
|
+
|
|
9
|
+
|
|
10
|
+
import UIKit
|
|
11
|
+
|
|
12
|
+
public enum PaletteBorder {
|
|
13
|
+
public static let border1 = CGFloat(1)
|
|
14
|
+
public static let border2 = CGFloat(2)
|
|
15
|
+
public static let border3 = CGFloat(3)
|
|
16
|
+
public static let border4 = CGFloat(4)
|
|
17
|
+
public static let none = CGFloat(0)
|
|
18
|
+
}
|
|
@@ -1,19 +1,26 @@
|
|
|
1
1
|
|
|
2
2
|
//
|
|
3
|
-
//
|
|
3
|
+
// Color.swift
|
|
4
4
|
//
|
|
5
5
|
|
|
6
|
+
// Do not edit directly
|
|
7
|
+
// Generated on Thu, 20 Jan 2022 11:39:05 GMT
|
|
8
|
+
|
|
9
|
+
|
|
6
10
|
import UIKit
|
|
7
11
|
|
|
8
|
-
public enum
|
|
12
|
+
public enum PaletteColor {
|
|
9
13
|
public static let amaranth = UIColor(red: 0.933, green: 0.173, blue: 0.455, alpha:1)
|
|
10
14
|
public static let beeswax = UIColor(red: 0.996, green: 0.933, blue: 0.780, alpha:1)
|
|
11
15
|
public static let bilbao = UIColor(red: 0.145, green: 0.545, blue: 0.043, alpha:1)
|
|
12
16
|
public static let black = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha:1)
|
|
17
|
+
public static let blue = UIColor(red: 0.000, green: 0.631, blue: 0.859, alpha:1)
|
|
13
18
|
public static let burntSienna = UIColor(red: 0.929, green: 0.388, blue: 0.345, alpha:1)
|
|
14
19
|
public static let cardinalPink = UIColor(red: 0.549, green: 0.016, blue: 0.282, alpha:1)
|
|
15
20
|
public static let carouselPink = UIColor(red: 0.980, green: 0.902, blue: 0.957, alpha:1)
|
|
16
21
|
public static let chathamsBlue = UIColor(red: 0.090, green: 0.212, blue: 0.490, alpha:1)
|
|
22
|
+
public static let darkBlue = UIColor(red: 0.000, green: 0.514, blue: 0.702, alpha:1)
|
|
23
|
+
public static let darkMosque = UIColor(red: 0.004, green: 0.282, blue: 0.278, alpha:1)
|
|
17
24
|
public static let dove = UIColor(red: 0.400, green: 0.400, blue: 0.400, alpha:1)
|
|
18
25
|
public static let flirt = UIColor(red: 0.486, green: 0.075, blue: 0.400, alpha:1)
|
|
19
26
|
public static let gallery = UIColor(red: 0.937, green: 0.937, blue: 0.937, alpha:1)
|
|
@@ -26,6 +33,7 @@ public enum PaletteColors {
|
|
|
26
33
|
public static let seaBuckthorn = UIColor(red: 0.984, green: 0.686, blue: 0.204, alpha:1)
|
|
27
34
|
public static let silver = UIColor(red: 0.788, green: 0.784, blue: 0.784, alpha:1)
|
|
28
35
|
public static let texas = UIColor(red: 0.976, green: 0.965, blue: 0.647, alpha:1)
|
|
36
|
+
public static let transparent = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha:0)
|
|
29
37
|
public static let trinidad = UIColor(red: 0.875, green: 0.239, blue: 0.047, alpha:1)
|
|
30
38
|
public static let turquoise = UIColor(red: 0.224, green: 0.804, blue: 0.788, alpha:1)
|
|
31
39
|
public static let wattle = UIColor(red: 0.835, green: 0.878, blue: 0.302, alpha:1)
|
|
@@ -1,11 +1,15 @@
|
|
|
1
1
|
|
|
2
2
|
//
|
|
3
|
-
//
|
|
3
|
+
// FontSize.swift
|
|
4
4
|
//
|
|
5
5
|
|
|
6
|
+
// Do not edit directly
|
|
7
|
+
// Generated on Thu, 20 Jan 2022 11:39:05 GMT
|
|
8
|
+
|
|
9
|
+
|
|
6
10
|
import UIKit
|
|
7
11
|
|
|
8
|
-
public enum
|
|
12
|
+
public enum PaletteFontSize {
|
|
9
13
|
public static let size12 = CGFloat(12)
|
|
10
14
|
public static let size14 = CGFloat(14)
|
|
11
15
|
public static let size16 = CGFloat(16)
|
|
@@ -13,6 +17,8 @@ public enum PaletteFontSizes {
|
|
|
13
17
|
public static let size24 = CGFloat(24)
|
|
14
18
|
public static let size28 = CGFloat(28)
|
|
15
19
|
public static let size40 = CGFloat(40)
|
|
20
|
+
public static let size44 = CGFloat(44)
|
|
21
|
+
public static let size48 = CGFloat(48)
|
|
16
22
|
public static let size56 = CGFloat(56)
|
|
17
23
|
public static let size64 = CGFloat(64)
|
|
18
24
|
}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
|
|
2
|
+
//
|
|
3
|
+
// Radius.swift
|
|
4
|
+
//
|
|
5
|
+
|
|
6
|
+
// Do not edit directly
|
|
7
|
+
// Generated on Thu, 20 Jan 2022 11:39:05 GMT
|
|
8
|
+
|
|
9
|
+
|
|
10
|
+
import UIKit
|
|
11
|
+
|
|
12
|
+
public enum PaletteRadius {
|
|
13
|
+
public static let none = CGFloat(0)
|
|
14
|
+
public static let pill32 = CGFloat(32)
|
|
15
|
+
public static let radius12 = CGFloat(12)
|
|
16
|
+
public static let radius4 = CGFloat(4)
|
|
17
|
+
}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
|
|
2
|
+
//
|
|
3
|
+
// Size.swift
|
|
4
|
+
//
|
|
5
|
+
|
|
6
|
+
// Do not edit directly
|
|
7
|
+
// Generated on Thu, 20 Jan 2022 11:39:05 GMT
|
|
8
|
+
|
|
9
|
+
|
|
10
|
+
import UIKit
|
|
11
|
+
|
|
12
|
+
public enum PaletteSize {
|
|
13
|
+
public static let size0 = CGFloat(0)
|
|
14
|
+
public static let size10 = CGFloat(10)
|
|
15
|
+
public static let size12 = CGFloat(12)
|
|
16
|
+
public static let size120 = CGFloat(120)
|
|
17
|
+
public static let size16 = CGFloat(16)
|
|
18
|
+
public static let size2 = CGFloat(2)
|
|
19
|
+
public static let size20 = CGFloat(20)
|
|
20
|
+
public static let size24 = CGFloat(24)
|
|
21
|
+
public static let size32 = CGFloat(32)
|
|
22
|
+
public static let size36 = CGFloat(36)
|
|
23
|
+
public static let size4 = CGFloat(4)
|
|
24
|
+
public static let size40 = CGFloat(40)
|
|
25
|
+
public static let size48 = CGFloat(48)
|
|
26
|
+
public static let size64 = CGFloat(64)
|
|
27
|
+
public static let size72 = CGFloat(72)
|
|
28
|
+
public static let size8 = CGFloat(8)
|
|
29
|
+
public static let size80 = CGFloat(80)
|
|
30
|
+
public static let size96 = CGFloat(96)
|
|
31
|
+
}
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
@font-face {
|
|
2
|
+
font-family: 'StagSans300normal';
|
|
3
|
+
src: url('./StagSans-300.otf');
|
|
4
|
+
font-display: block;
|
|
5
|
+
}
|
|
6
|
+
@font-face {
|
|
7
|
+
font-family: 'StagSans400normal';
|
|
8
|
+
src: url('./StagSans-400.otf');
|
|
9
|
+
font-display: block;
|
|
10
|
+
}
|
|
11
|
+
@font-face {
|
|
12
|
+
font-family: 'StagSans500normal';
|
|
13
|
+
src: url('./StagSans-500.otf');
|
|
14
|
+
font-display: block;
|
|
15
|
+
}
|
|
16
|
+
@font-face {
|
|
17
|
+
font-family: 'StagSans600normal';
|
|
18
|
+
src: url('./StagSans-600.otf');
|
|
19
|
+
font-display: block;
|
|
20
|
+
}
|
|
21
|
+
@font-face {
|
|
22
|
+
font-family: 'StagSans700normal';
|
|
23
|
+
src: url('./StagSans-700.otf');
|
|
24
|
+
font-display: block;
|
|
25
|
+
}
|
|
@@ -0,0 +1,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
|
+
});
|