@telus-uds/palette-koodo 0.12.0 → 0.14.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.
@@ -2,7 +2,7 @@
2
2
 
3
3
  <!--
4
4
  Do not edit directly
5
- Generated on Thu, 20 Apr 2023 19:11:00 GMT
5
+ Generated on Mon, 01 May 2023 22:06:30 GMT
6
6
  -->
7
7
 
8
8
  <resources>
@@ -2,7 +2,7 @@
2
2
 
3
3
  <!--
4
4
  Do not edit directly
5
- Generated on Thu, 20 Apr 2023 19:11:00 GMT
5
+ Generated on Mon, 01 May 2023 22:06:30 GMT
6
6
  -->
7
7
 
8
8
  <resources>
@@ -2,7 +2,7 @@
2
2
 
3
3
  <!--
4
4
  Do not edit directly
5
- Generated on Thu, 20 Apr 2023 19:11:00 GMT
5
+ Generated on Mon, 01 May 2023 22:06:30 GMT
6
6
  -->
7
7
 
8
8
  <resources>
@@ -2,7 +2,7 @@
2
2
 
3
3
  <!--
4
4
  Do not edit directly
5
- Generated on Thu, 20 Apr 2023 19:11:00 GMT
5
+ Generated on Mon, 01 May 2023 22:06:30 GMT
6
6
  -->
7
7
 
8
8
  <resources>
@@ -11,6 +11,7 @@
11
11
  <dimen name="radius_12">12.00dp</dimen>
12
12
  <dimen name="radius_4">4.00dp</dimen>
13
13
  <dimen name="radius_48">48.00dp</dimen>
14
+ <dimen name="radius_6">6.00dp</dimen>
14
15
  <dimen name="radius_8">8.00dp</dimen>
15
16
 
16
17
  </resources>
@@ -2,7 +2,7 @@
2
2
 
3
3
  <!--
4
4
  Do not edit directly
5
- Generated on Thu, 20 Apr 2023 19:11:00 GMT
5
+ Generated on Mon, 01 May 2023 22:06:30 GMT
6
6
  -->
7
7
 
8
8
  <resources>
@@ -4,7 +4,7 @@
4
4
  //
5
5
 
6
6
  // Do not edit directly
7
- // Generated on Thu, 20 Apr 2023 19:11:00 GMT
7
+ // Generated on Mon, 01 May 2023 22:06:30 GMT
8
8
 
9
9
 
10
10
  import UIKit
@@ -4,7 +4,7 @@
4
4
  //
5
5
 
6
6
  // Do not edit directly
7
- // Generated on Thu, 20 Apr 2023 19:11:00 GMT
7
+ // Generated on Mon, 01 May 2023 22:06:30 GMT
8
8
 
9
9
 
10
10
  import UIKit
@@ -4,7 +4,7 @@
4
4
  //
5
5
 
6
6
  // Do not edit directly
7
- // Generated on Thu, 20 Apr 2023 19:11:00 GMT
7
+ // Generated on Mon, 01 May 2023 22:06:30 GMT
8
8
 
9
9
 
10
10
  import UIKit
@@ -4,7 +4,7 @@
4
4
  //
5
5
 
6
6
  // Do not edit directly
7
- // Generated on Thu, 20 Apr 2023 19:11:00 GMT
7
+ // Generated on Mon, 01 May 2023 22:06:30 GMT
8
8
 
9
9
 
10
10
  import UIKit
@@ -15,5 +15,6 @@ public enum PaletteRadius {
15
15
  public static let radius12 = CGFloat(12)
16
16
  public static let radius4 = CGFloat(4)
17
17
  public static let radius48 = CGFloat(48)
18
+ public static let radius6 = CGFloat(6)
18
19
  public static let radius8 = CGFloat(8)
19
20
  }
@@ -4,7 +4,7 @@
4
4
  //
5
5
 
6
6
  // Do not edit directly
7
- // Generated on Thu, 20 Apr 2023 19:11:00 GMT
7
+ // Generated on Mon, 01 May 2023 22:06:30 GMT
8
8
 
9
9
 
10
10
  import UIKit
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 20 Apr 2023 19:11:02 GMT
3
+ * Generated on Mon, 01 May 2023 22:06:32 GMT
4
4
  */
5
5
  module.exports = {
6
6
  border: {
@@ -187,6 +187,7 @@ module.exports = {
187
187
  radius12: 12,
188
188
  radius4: 4,
189
189
  radius48: 48,
190
+ radius6: 6,
190
191
  radius8: 8
191
192
  },
192
193
  shadow: {
@@ -198,6 +199,22 @@ module.exports = {
198
199
  spread: 0,
199
200
  color: 'rgba(0, 0, 0, 0.1)'
200
201
  },
202
+ elevation2: {
203
+ inset: false,
204
+ offsetX: 0,
205
+ offsetY: 12,
206
+ blur: 12,
207
+ spread: 0,
208
+ color: 'rgba(0, 0, 0, 0.03)'
209
+ },
210
+ elevation3: {
211
+ inset: false,
212
+ offsetX: 0,
213
+ offsetY: 32,
214
+ blur: 32,
215
+ spread: 0,
216
+ color: 'rgba(0, 0, 0, 0.03)'
217
+ },
201
218
  none: {
202
219
  inset: false,
203
220
  offsetX: 0,
@@ -206,6 +223,22 @@ module.exports = {
206
223
  spread: 0,
207
224
  color: 'rgba(0, 0, 0, 0)'
208
225
  },
226
+ surfaceEmboss: {
227
+ inset: true,
228
+ offsetX: 0,
229
+ offsetY: 1,
230
+ blur: 1,
231
+ spread: 0,
232
+ color: 'rgba(255, 255, 255, 0.8)'
233
+ },
234
+ surfaceInset: {
235
+ inset: true,
236
+ offsetX: 0,
237
+ offsetY: 2,
238
+ blur: 2,
239
+ spread: 0,
240
+ color: 'rgba(0, 0, 0, 0.1)'
241
+ },
209
242
  surfaceRaised: {
210
243
  inset: false,
211
244
  offsetX: 0,
@@ -1,34 +1,34 @@
1
1
  @font-face {
2
2
  font-family: 'StagSans';
3
- src: url('https://cdn.telus.digital/uds/v0_12_0-StagSans-300-oaZRjIixnLZt4TTqyhWBR.otf');
3
+ src: url('https://cdn.telus.digital/uds/v0_14_0-StagSans-300-fNnXMqoHDfR47MF-TlWVS.otf');
4
4
  font-weight: 300;
5
5
  font-style: normal;
6
6
  font-display: block;
7
7
  }
8
8
  @font-face {
9
9
  font-family: 'StagSans';
10
- src: url('https://cdn.telus.digital/uds/v0_12_0-StagSans-400-rlfbALVo4jkdqH_-xaprD.otf');
10
+ src: url('https://cdn.telus.digital/uds/v0_14_0-StagSans-400-eA7Y_NlYPYx309dBrrq44.otf');
11
11
  font-weight: 400;
12
12
  font-style: normal;
13
13
  font-display: block;
14
14
  }
15
15
  @font-face {
16
16
  font-family: 'StagSans';
17
- src: url('https://cdn.telus.digital/uds/v0_12_0-StagSans-500-whXOV4GVDyqAZxSbZ6CUJ.otf');
17
+ src: url('https://cdn.telus.digital/uds/v0_14_0-StagSans-500-PWjETqdciu9dVBFoAD-U6.otf');
18
18
  font-weight: 500;
19
19
  font-style: normal;
20
20
  font-display: block;
21
21
  }
22
22
  @font-face {
23
23
  font-family: 'StagSans';
24
- src: url('https://cdn.telus.digital/uds/v0_12_0-StagSans-600-Wc6LcplJVs_KZ2v7xWbnr.otf');
24
+ src: url('https://cdn.telus.digital/uds/v0_14_0-StagSans-600-R6tEUwrlv3KMB36cJDUeo.otf');
25
25
  font-weight: 600;
26
26
  font-style: normal;
27
27
  font-display: block;
28
28
  }
29
29
  @font-face {
30
30
  font-family: 'StagSans';
31
- src: url('https://cdn.telus.digital/uds/v0_12_0-StagSans-700-gcxZEti9eEqsw3303VGGy.otf');
31
+ src: url('https://cdn.telus.digital/uds/v0_14_0-StagSans-700-jez9HV3tRO-Txtd0FE2VM.otf');
32
32
  font-weight: 700;
33
33
  font-style: normal;
34
34
  font-display: block;
@@ -1,25 +1,25 @@
1
1
  @font-face {
2
2
  font-family: 'StagSans300normal';
3
- src: url('https://cdn.telus.digital/uds/v0_12_0-StagSans-300-oaZRjIixnLZt4TTqyhWBR.otf');
3
+ src: url('https://cdn.telus.digital/uds/v0_14_0-StagSans-300-fNnXMqoHDfR47MF-TlWVS.otf');
4
4
  font-display: block;
5
5
  }
6
6
  @font-face {
7
7
  font-family: 'StagSans400normal';
8
- src: url('https://cdn.telus.digital/uds/v0_12_0-StagSans-400-rlfbALVo4jkdqH_-xaprD.otf');
8
+ src: url('https://cdn.telus.digital/uds/v0_14_0-StagSans-400-eA7Y_NlYPYx309dBrrq44.otf');
9
9
  font-display: block;
10
10
  }
11
11
  @font-face {
12
12
  font-family: 'StagSans500normal';
13
- src: url('https://cdn.telus.digital/uds/v0_12_0-StagSans-500-whXOV4GVDyqAZxSbZ6CUJ.otf');
13
+ src: url('https://cdn.telus.digital/uds/v0_14_0-StagSans-500-PWjETqdciu9dVBFoAD-U6.otf');
14
14
  font-display: block;
15
15
  }
16
16
  @font-face {
17
17
  font-family: 'StagSans600normal';
18
- src: url('https://cdn.telus.digital/uds/v0_12_0-StagSans-600-Wc6LcplJVs_KZ2v7xWbnr.otf');
18
+ src: url('https://cdn.telus.digital/uds/v0_14_0-StagSans-600-R6tEUwrlv3KMB36cJDUeo.otf');
19
19
  font-display: block;
20
20
  }
21
21
  @font-face {
22
22
  font-family: 'StagSans700normal';
23
- src: url('https://cdn.telus.digital/uds/v0_12_0-StagSans-700-gcxZEti9eEqsw3303VGGy.otf');
23
+ src: url('https://cdn.telus.digital/uds/v0_14_0-StagSans-700-jez9HV3tRO-Txtd0FE2VM.otf');
24
24
  font-display: block;
25
25
  }
@@ -1,34 +1,34 @@
1
1
  @font-face {
2
2
  font-family: 'StagSans';
3
- src: url('./v0_12_0-StagSans-300-oaZRjIixnLZt4TTqyhWBR.otf');
3
+ src: url('./v0_14_0-StagSans-300-fNnXMqoHDfR47MF-TlWVS.otf');
4
4
  font-weight: 300;
5
5
  font-style: normal;
6
6
  font-display: block;
7
7
  }
8
8
  @font-face {
9
9
  font-family: 'StagSans';
10
- src: url('./v0_12_0-StagSans-400-rlfbALVo4jkdqH_-xaprD.otf');
10
+ src: url('./v0_14_0-StagSans-400-eA7Y_NlYPYx309dBrrq44.otf');
11
11
  font-weight: 400;
12
12
  font-style: normal;
13
13
  font-display: block;
14
14
  }
15
15
  @font-face {
16
16
  font-family: 'StagSans';
17
- src: url('./v0_12_0-StagSans-500-whXOV4GVDyqAZxSbZ6CUJ.otf');
17
+ src: url('./v0_14_0-StagSans-500-PWjETqdciu9dVBFoAD-U6.otf');
18
18
  font-weight: 500;
19
19
  font-style: normal;
20
20
  font-display: block;
21
21
  }
22
22
  @font-face {
23
23
  font-family: 'StagSans';
24
- src: url('./v0_12_0-StagSans-600-Wc6LcplJVs_KZ2v7xWbnr.otf');
24
+ src: url('./v0_14_0-StagSans-600-R6tEUwrlv3KMB36cJDUeo.otf');
25
25
  font-weight: 600;
26
26
  font-style: normal;
27
27
  font-display: block;
28
28
  }
29
29
  @font-face {
30
30
  font-family: 'StagSans';
31
- src: url('./v0_12_0-StagSans-700-gcxZEti9eEqsw3303VGGy.otf');
31
+ src: url('./v0_14_0-StagSans-700-jez9HV3tRO-Txtd0FE2VM.otf');
32
32
  font-weight: 700;
33
33
  font-style: normal;
34
34
  font-display: block;
@@ -1,25 +1,25 @@
1
1
  @font-face {
2
2
  font-family: 'StagSans300normal';
3
- src: url('./v0_12_0-StagSans-300-oaZRjIixnLZt4TTqyhWBR.otf');
3
+ src: url('./v0_14_0-StagSans-300-fNnXMqoHDfR47MF-TlWVS.otf');
4
4
  font-display: block;
5
5
  }
6
6
  @font-face {
7
7
  font-family: 'StagSans400normal';
8
- src: url('./v0_12_0-StagSans-400-rlfbALVo4jkdqH_-xaprD.otf');
8
+ src: url('./v0_14_0-StagSans-400-eA7Y_NlYPYx309dBrrq44.otf');
9
9
  font-display: block;
10
10
  }
11
11
  @font-face {
12
12
  font-family: 'StagSans500normal';
13
- src: url('./v0_12_0-StagSans-500-whXOV4GVDyqAZxSbZ6CUJ.otf');
13
+ src: url('./v0_14_0-StagSans-500-PWjETqdciu9dVBFoAD-U6.otf');
14
14
  font-display: block;
15
15
  }
16
16
  @font-face {
17
17
  font-family: 'StagSans600normal';
18
- src: url('./v0_12_0-StagSans-600-Wc6LcplJVs_KZ2v7xWbnr.otf');
18
+ src: url('./v0_14_0-StagSans-600-R6tEUwrlv3KMB36cJDUeo.otf');
19
19
  font-display: block;
20
20
  }
21
21
  @font-face {
22
22
  font-family: 'StagSans700normal';
23
- src: url('./v0_12_0-StagSans-700-gcxZEti9eEqsw3303VGGy.otf');
23
+ src: url('./v0_14_0-StagSans-700-jez9HV3tRO-Txtd0FE2VM.otf');
24
24
  font-display: block;
25
25
  }
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 20 Apr 2023 19:11:00 GMT
3
+ * Generated on Mon, 01 May 2023 22:06:30 GMT
4
4
  */
5
5
  module.exports = {
6
6
  border: {
@@ -57,11 +57,11 @@ module.exports = {
57
57
  },
58
58
  font: {
59
59
  StagSans: {
60
- 300: 'https://cdn.telus.digital/uds/v0_12_0-StagSans-300-oaZRjIixnLZt4TTqyhWBR.otf',
61
- 400: 'https://cdn.telus.digital/uds/v0_12_0-StagSans-400-rlfbALVo4jkdqH_-xaprD.otf',
62
- 500: 'https://cdn.telus.digital/uds/v0_12_0-StagSans-500-whXOV4GVDyqAZxSbZ6CUJ.otf',
63
- 600: 'https://cdn.telus.digital/uds/v0_12_0-StagSans-600-Wc6LcplJVs_KZ2v7xWbnr.otf',
64
- 700: 'https://cdn.telus.digital/uds/v0_12_0-StagSans-700-gcxZEti9eEqsw3303VGGy.otf'
60
+ 300: 'https://cdn.telus.digital/uds/v0_14_0-StagSans-300-fNnXMqoHDfR47MF-TlWVS.otf',
61
+ 400: 'https://cdn.telus.digital/uds/v0_14_0-StagSans-400-eA7Y_NlYPYx309dBrrq44.otf',
62
+ 500: 'https://cdn.telus.digital/uds/v0_14_0-StagSans-500-PWjETqdciu9dVBFoAD-U6.otf',
63
+ 600: 'https://cdn.telus.digital/uds/v0_14_0-StagSans-600-R6tEUwrlv3KMB36cJDUeo.otf',
64
+ 700: 'https://cdn.telus.digital/uds/v0_14_0-StagSans-700-jez9HV3tRO-Txtd0FE2VM.otf'
65
65
  }
66
66
  },
67
67
  fontSize: {
@@ -187,11 +187,16 @@ module.exports = {
187
187
  radius12: '12px',
188
188
  radius4: '4px',
189
189
  radius48: '48px',
190
+ radius6: '6px',
190
191
  radius8: '8px'
191
192
  },
192
193
  shadow: {
193
194
  elevation1: '0px 4px 8px 0px rgba(0, 0, 0, 0.1)',
195
+ elevation2: '0px 12px 12px 0px rgba(0, 0, 0, 0.03)',
196
+ elevation3: '0px 32px 32px 0px rgba(0, 0, 0, 0.03)',
194
197
  none: '0px 0px 0px 0px rgba(0, 0, 0, 0)',
198
+ surfaceEmboss: '0px 1px 1px 0px inset rgba(255, 255, 255, 0.8)',
199
+ surfaceInset: '0px 2px 2px 0px inset rgba(0, 0, 0, 0.1)',
195
200
  surfaceRaised: '0px 2px 2px 0px rgba(0, 0, 0, 0.1)'
196
201
  },
197
202
  size: {
package/package.json CHANGED
@@ -25,5 +25,5 @@
25
25
  "prepublishOnly": "npm run build"
26
26
  },
27
27
  "sideEffects": false,
28
- "version": "0.12.0"
28
+ "version": "0.14.0"
29
29
  }
package/palette.json CHANGED
@@ -662,6 +662,9 @@
662
662
  "radius48": {
663
663
  "value": 48
664
664
  },
665
+ "radius6": {
666
+ "value": 6
667
+ },
665
668
  "radius8": {
666
669
  "value": 8
667
670
  }
@@ -680,6 +683,28 @@
680
683
  "spread": 0
681
684
  }
682
685
  },
686
+ "elevation2": {
687
+ "description": "Raise the element 2 levels from the surface, such as overlays",
688
+ "value": {
689
+ "blur": 12,
690
+ "color": "rgba(0, 0, 0, 0.03)",
691
+ "inset": false,
692
+ "offsetX": 0,
693
+ "offsetY": 12,
694
+ "spread": 0
695
+ }
696
+ },
697
+ "elevation3": {
698
+ "description": "Raise the element to the highest level from the surface, such as mega-nav",
699
+ "value": {
700
+ "blur": 32,
701
+ "color": "rgba(0, 0, 0, 0.03)",
702
+ "inset": false,
703
+ "offsetX": 0,
704
+ "offsetY": 32,
705
+ "spread": 0
706
+ }
707
+ },
683
708
  "none": {
684
709
  "value": {
685
710
  "blur": 0,
@@ -690,6 +715,28 @@
690
715
  "spread": 0
691
716
  }
692
717
  },
718
+ "surfaceEmboss": {
719
+ "description": "Use emboss to add a subtle highlight on elements to shows that it’s lifted from the surface such as the Progress Bar",
720
+ "value": {
721
+ "blur": 1,
722
+ "color": "rgba(255, 255, 255, 0.8)",
723
+ "inset": true,
724
+ "offsetX": 0,
725
+ "offsetY": 1,
726
+ "spread": 0
727
+ }
728
+ },
729
+ "surfaceInset": {
730
+ "description": "Use inset shadow to drop the element below the surface for interactive elements such as UI meters, card call-outs, and ToggleSwitch",
731
+ "value": {
732
+ "blur": 2,
733
+ "color": "rgba(0, 0, 0, 0.1)",
734
+ "inset": true,
735
+ "offsetX": 0,
736
+ "offsetY": 2,
737
+ "spread": 0
738
+ }
739
+ },
693
740
  "surfaceRaised": {
694
741
  "description": "Use raised shadow to raise the element for interactive elements within an inset interface such as the knob in the ToggleSwitch",
695
742
  "value": {