@telus-uds/palette-koodo 3.9.0 → 3.11.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.
- package/CHANGELOG.json +34 -0
- package/CHANGELOG.md +18 -1
- package/build/android/border.xml +1 -1
- package/build/android/color.xml +2 -1
- package/build/android/font_size.xml +1 -1
- package/build/android/radius.xml +1 -1
- package/build/android/size.xml +1 -1
- package/build/ios/Border.swift +1 -1
- package/build/ios/Color.swift +2 -1
- package/build/ios/FontSize.swift +1 -1
- package/build/ios/Radius.swift +1 -1
- package/build/ios/Size.swift +1 -1
- package/build/rn/icons/BankCycle.js +48 -0
- package/build/rn/icons/BankCycle.native.js +47 -0
- package/build/rn/icons/BankCycleFilled.js +44 -0
- package/build/rn/icons/BankCycleFilled.native.js +43 -0
- package/build/rn/icons/Calendar.js +46 -0
- package/build/rn/icons/Calendar.native.js +45 -0
- package/build/rn/icons/CalendarEvent.js +46 -0
- package/build/rn/icons/CalendarEvent.native.js +45 -0
- package/build/rn/icons/Delete.js +48 -0
- package/build/rn/icons/Delete.native.js +47 -0
- package/build/rn/icons/Edit.js +42 -0
- package/build/rn/icons/Edit.native.js +41 -0
- package/build/rn/icons/Home.js +44 -0
- package/build/rn/icons/Home.native.js +43 -0
- package/build/rn/icons/PaymentCycle.js +46 -0
- package/build/rn/icons/PaymentCycle.native.js +45 -0
- package/build/rn/icons/PaymentTime.js +50 -0
- package/build/rn/icons/PaymentTime.native.js +49 -0
- package/build/rn/icons/ThumbsDown.js +44 -0
- package/build/rn/icons/ThumbsDown.native.js +43 -0
- package/build/rn/icons/ThumbsDownFilled.js +42 -0
- package/build/rn/icons/ThumbsDownFilled.native.js +41 -0
- package/build/rn/icons/ThumbsUp.js +44 -0
- package/build/rn/icons/ThumbsUp.native.js +43 -0
- package/build/rn/icons/ThumbsUpFilled.js +42 -0
- package/build/rn/icons/ThumbsUpFilled.native.js +41 -0
- package/build/rn/icons/Time.js +46 -0
- package/build/rn/icons/Time.native.js +45 -0
- package/build/rn/icons/TimeCycle.js +44 -0
- package/build/rn/icons/TimeCycle.native.js +43 -0
- package/build/rn/icons/bank-cycle-filled.icon.svg +4 -0
- package/build/rn/icons/bank-cycle.icon.svg +5 -0
- package/build/rn/icons/calendar-event.icon.svg +4 -0
- package/build/rn/icons/calendar.icon.svg +4 -0
- package/build/rn/icons/delete.icon.svg +5 -0
- package/build/rn/icons/edit.icon.svg +3 -0
- package/build/rn/icons/home.icon.svg +3 -0
- package/build/rn/icons/index.js +15 -0
- package/build/rn/icons/payment-cycle.icon.svg +4 -0
- package/build/rn/icons/payment-time.icon.svg +5 -0
- package/build/rn/icons/thumbs-down-filled.icon.svg +3 -0
- package/build/rn/icons/thumbs-down.icon.svg +3 -0
- package/build/rn/icons/thumbs-up-filled.icon.svg +3 -0
- package/build/rn/icons/thumbs-up.icon.svg +3 -0
- package/build/rn/icons/time-cycle.icon.svg +4 -0
- package/build/rn/icons/time.icon.svg +4 -0
- package/build/rn/palette.js +17 -1
- package/build/web/fonts/fonts-cdn-family.css +15 -15
- package/build/web/fonts/fonts-cdn.css +15 -15
- package/build/web/fonts/fonts-local-family.css +15 -15
- package/build/web/fonts/fonts-local.css +15 -15
- package/build/web/icons/BankCycle.js +48 -0
- package/build/web/icons/BankCycleFilled.js +44 -0
- package/build/web/icons/Calendar.js +46 -0
- package/build/web/icons/CalendarEvent.js +46 -0
- package/build/web/icons/Delete.js +48 -0
- package/build/web/icons/Edit.js +42 -0
- package/build/web/icons/Home.js +44 -0
- package/build/web/icons/PaymentCycle.js +46 -0
- package/build/web/icons/PaymentTime.js +50 -0
- package/build/web/icons/ThumbsDown.js +44 -0
- package/build/web/icons/ThumbsDownFilled.js +42 -0
- package/build/web/icons/ThumbsUp.js +44 -0
- package/build/web/icons/ThumbsUpFilled.js +42 -0
- package/build/web/icons/Time.js +46 -0
- package/build/web/icons/TimeCycle.js +44 -0
- package/build/web/icons/bank-cycle-filled.icon.svg +4 -0
- package/build/web/icons/bank-cycle.icon.svg +5 -0
- package/build/web/icons/calendar-event.icon.svg +4 -0
- package/build/web/icons/calendar.icon.svg +4 -0
- package/build/web/icons/delete.icon.svg +5 -0
- package/build/web/icons/edit.icon.svg +3 -0
- package/build/web/icons/home.icon.svg +3 -0
- package/build/web/icons/index.js +15 -0
- package/build/web/icons/payment-cycle.icon.svg +4 -0
- package/build/web/icons/payment-time.icon.svg +5 -0
- package/build/web/icons/thumbs-down-filled.icon.svg +3 -0
- package/build/web/icons/thumbs-down.icon.svg +3 -0
- package/build/web/icons/thumbs-up-filled.icon.svg +3 -0
- package/build/web/icons/thumbs-up.icon.svg +3 -0
- package/build/web/icons/time-cycle.icon.svg +4 -0
- package/build/web/icons/time.icon.svg +4 -0
- package/build/web/palette.js +32 -16
- package/icon/bank-cycle-filled.svg +4 -0
- package/icon/bank-cycle.svg +5 -0
- package/icon/calendar-event.svg +4 -0
- package/icon/calendar.svg +4 -0
- package/icon/delete.svg +5 -0
- package/icon/edit.svg +3 -0
- package/icon/home.svg +3 -0
- package/icon/payment-cycle.svg +4 -0
- package/icon/payment-time.svg +5 -0
- package/icon/thumbs-down-filled.svg +3 -0
- package/icon/thumbs-down.svg +3 -0
- package/icon/thumbs-up-filled.svg +3 -0
- package/icon/thumbs-up.svg +3 -0
- package/icon/time-cycle.svg +4 -0
- package/icon/time.svg +4 -0
- package/package.json +1 -1
- package/palette.json +65 -0
- /package/build/web/fonts/{StagSans-Bold-v3_9_0.otf → StagSans-Bold-v3_11_0.otf} +0 -0
- /package/build/web/fonts/{StagSans-Bold-v3_9_0.woff → StagSans-Bold-v3_11_0.woff} +0 -0
- /package/build/web/fonts/{StagSans-Bold2-v3_9_0.woff2 → StagSans-Bold2-v3_11_0.woff2} +0 -0
- /package/build/web/fonts/{StagSans-Light-v3_9_0.otf → StagSans-Light-v3_11_0.otf} +0 -0
- /package/build/web/fonts/{StagSans-Light-v3_9_0.woff → StagSans-Light-v3_11_0.woff} +0 -0
- /package/build/web/fonts/{StagSans-Light2-v3_9_0.woff2 → StagSans-Light2-v3_11_0.woff2} +0 -0
- /package/build/web/fonts/{StagSans-Medium-v3_9_0.otf → StagSans-Medium-v3_11_0.otf} +0 -0
- /package/build/web/fonts/{StagSans-Medium-v3_9_0.woff → StagSans-Medium-v3_11_0.woff} +0 -0
- /package/build/web/fonts/{StagSans-Medium2-v3_9_0.woff2 → StagSans-Medium2-v3_11_0.woff2} +0 -0
- /package/build/web/fonts/{StagSans-Regular-v3_9_0.otf → StagSans-Regular-v3_11_0.otf} +0 -0
- /package/build/web/fonts/{StagSans-Regular-v3_9_0.woff → StagSans-Regular-v3_11_0.woff} +0 -0
- /package/build/web/fonts/{StagSans-Regular2-v3_9_0.woff2 → StagSans-Regular2-v3_11_0.woff2} +0 -0
- /package/build/web/fonts/{StagSans-Semibold-v3_9_0.otf → StagSans-Semibold-v3_11_0.otf} +0 -0
- /package/build/web/fonts/{StagSans-Semibold-v3_9_0.woff → StagSans-Semibold-v3_11_0.woff} +0 -0
- /package/build/web/fonts/{StagSans-Semibold2-v3_9_0.woff2 → StagSans-Semibold2-v3_11_0.woff2} +0 -0
package/CHANGELOG.json
CHANGED
|
@@ -1,6 +1,40 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@telus-uds/palette-koodo",
|
|
3
3
|
"entries": [
|
|
4
|
+
{
|
|
5
|
+
"date": "Mon, 12 Jan 2026 14:55:22 GMT",
|
|
6
|
+
"tag": "@telus-uds/palette-koodo_v3.11.0",
|
|
7
|
+
"version": "3.11.0",
|
|
8
|
+
"comments": {
|
|
9
|
+
"minor": [
|
|
10
|
+
{
|
|
11
|
+
"author": "guillermo.peitzner@telus.com",
|
|
12
|
+
"package": "@telus-uds/palette-koodo",
|
|
13
|
+
"commit": "dbd26441b07610b3429dc48229755cd93de80aef",
|
|
14
|
+
"comment": "`IconButton`: match design intention"
|
|
15
|
+
}
|
|
16
|
+
]
|
|
17
|
+
}
|
|
18
|
+
},
|
|
19
|
+
{
|
|
20
|
+
"date": "Fri, 12 Dec 2025 05:37:19 GMT",
|
|
21
|
+
"tag": "@telus-uds/palette-koodo_v3.10.0",
|
|
22
|
+
"version": "3.10.0",
|
|
23
|
+
"comments": {
|
|
24
|
+
"minor": [
|
|
25
|
+
{
|
|
26
|
+
"author": "sergio.ramirez@telus.com",
|
|
27
|
+
"package": "@telus-uds/palette-koodo",
|
|
28
|
+
"comment": "`Shortcuts`: New component added"
|
|
29
|
+
},
|
|
30
|
+
{
|
|
31
|
+
"author": "beachball",
|
|
32
|
+
"package": "@telus-uds/palette-koodo",
|
|
33
|
+
"comment": "Bump @telus-uds/system-tokens to v7.20.0"
|
|
34
|
+
}
|
|
35
|
+
]
|
|
36
|
+
}
|
|
37
|
+
},
|
|
4
38
|
{
|
|
5
39
|
"date": "Wed, 29 Oct 2025 07:40:46 GMT",
|
|
6
40
|
"tag": "@telus-uds/palette-koodo_v3.9.0",
|
package/CHANGELOG.md
CHANGED
|
@@ -1,9 +1,26 @@
|
|
|
1
1
|
# Change Log - @telus-uds/palette-koodo
|
|
2
2
|
|
|
3
|
-
This log was last generated on
|
|
3
|
+
This log was last generated on Mon, 12 Jan 2026 14:55:22 GMT and should not be manually modified.
|
|
4
4
|
|
|
5
5
|
<!-- Start content -->
|
|
6
6
|
|
|
7
|
+
## 3.11.0
|
|
8
|
+
|
|
9
|
+
Mon, 12 Jan 2026 14:55:22 GMT
|
|
10
|
+
|
|
11
|
+
### Minor changes
|
|
12
|
+
|
|
13
|
+
- `IconButton`: match design intention (guillermo.peitzner@telus.com)
|
|
14
|
+
|
|
15
|
+
## 3.10.0
|
|
16
|
+
|
|
17
|
+
Fri, 12 Dec 2025 05:37:19 GMT
|
|
18
|
+
|
|
19
|
+
### Minor changes
|
|
20
|
+
|
|
21
|
+
- `Shortcuts`: New component added (sergio.ramirez@telus.com)
|
|
22
|
+
- Bump @telus-uds/system-tokens to v7.20.0
|
|
23
|
+
|
|
7
24
|
## 3.9.0
|
|
8
25
|
|
|
9
26
|
Wed, 29 Oct 2025 07:40:46 GMT
|
package/build/android/border.xml
CHANGED
package/build/android/color.xml
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
<!--
|
|
4
4
|
Do not edit directly
|
|
5
|
-
Generated on
|
|
5
|
+
Generated on Mon, 12 Jan 2026 14:57:55 GMT
|
|
6
6
|
-->
|
|
7
7
|
|
|
8
8
|
<resources>
|
|
@@ -52,6 +52,7 @@
|
|
|
52
52
|
<color name="purple_light">#ffe0d8fc</color>
|
|
53
53
|
<color name="silver">#ffc9c8c8</color>
|
|
54
54
|
<color name="silver_dark">#ffb5b4b4</color>
|
|
55
|
+
<color name="subtle">#ff666666</color>
|
|
55
56
|
<color name="success">#ff1c7b2b</color>
|
|
56
57
|
<color name="success_light">#ffc5f2cc</color>
|
|
57
58
|
<color name="transparent">#00000000</color>
|
package/build/android/radius.xml
CHANGED
package/build/android/size.xml
CHANGED
package/build/ios/Border.swift
CHANGED
package/build/ios/Color.swift
CHANGED
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
//
|
|
5
5
|
|
|
6
6
|
// Do not edit directly
|
|
7
|
-
// Generated on
|
|
7
|
+
// Generated on Mon, 12 Jan 2026 14:57:55 GMT
|
|
8
8
|
|
|
9
9
|
|
|
10
10
|
import UIKit
|
|
@@ -56,6 +56,7 @@ public enum PaletteColor {
|
|
|
56
56
|
public static let purpleLight = UIColor(red: 0.878, green: 0.847, blue: 0.988, alpha: 1)
|
|
57
57
|
public static let silver = UIColor(red: 0.788, green: 0.784, blue: 0.784, alpha: 1)
|
|
58
58
|
public static let silverDark = UIColor(red: 0.710, green: 0.706, blue: 0.706, alpha: 1)
|
|
59
|
+
public static let subtle = UIColor(red: 0.400, green: 0.400, blue: 0.400, alpha: 1)
|
|
59
60
|
public static let success = UIColor(red: 0.110, green: 0.482, blue: 0.169, alpha: 1)
|
|
60
61
|
public static let successLight = UIColor(red: 0.773, green: 0.949, blue: 0.800, alpha: 1)
|
|
61
62
|
public static let transparent = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0)
|
package/build/ios/FontSize.swift
CHANGED
package/build/ios/Radius.swift
CHANGED
package/build/ios/Size.swift
CHANGED
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
4
|
+
module.exports = ({
|
|
5
|
+
title,
|
|
6
|
+
titleId,
|
|
7
|
+
size,
|
|
8
|
+
color,
|
|
9
|
+
gradient,
|
|
10
|
+
...props
|
|
11
|
+
}) => {
|
|
12
|
+
const iconSharedUtils = require('./utils/icon-shared-utils');
|
|
13
|
+
const hasGradient = iconSharedUtils.hasValidGradient(gradient);
|
|
14
|
+
let fillValue = color;
|
|
15
|
+
let gradientDefs;
|
|
16
|
+
let gradientUtils;
|
|
17
|
+
if (hasGradient) {
|
|
18
|
+
gradientUtils = iconSharedUtils.getGradientUtils();
|
|
19
|
+
const iconWebUtils = require('./utils/icon-web-utils');
|
|
20
|
+
const gradientId = gradientUtils.generateGradientId(gradient);
|
|
21
|
+
fillValue = `url(#${gradientId})`;
|
|
22
|
+
gradientDefs = iconWebUtils.renderWebGradientDefs(gradient, gradientId);
|
|
23
|
+
}
|
|
24
|
+
const svgContent = (0, _jsxRuntime.jsxs)("svg", {
|
|
25
|
+
...props,
|
|
26
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
27
|
+
viewBox: "0 0 24 24",
|
|
28
|
+
height: size,
|
|
29
|
+
width: size,
|
|
30
|
+
fill: fillValue,
|
|
31
|
+
role: title ? 'img' : undefined,
|
|
32
|
+
"aria-hidden": !title,
|
|
33
|
+
"aria-labelledby": titleId,
|
|
34
|
+
children: [title ? (0, _jsxRuntime.jsx)("title", {
|
|
35
|
+
id: titleId,
|
|
36
|
+
children: title
|
|
37
|
+
}) : null, (0, _jsxRuntime.jsx)("path", {
|
|
38
|
+
d: "M21.406 11.994c.17 0 .32.064.445.189.125.124.19.275.19.445v2.453a.677.677 0 0 1-.682.683l-2.52-.003-.124-.012a.624.624 0 0 1-.321-.176.614.614 0 0 1 0-.89.615.615 0 0 1 .445-.188h.632a3.531 3.531 0 0 0-5.302 3.058 3.532 3.532 0 0 0 7.066 0 .884.884 0 1 1 1.765 0 5.299 5.299 0 1 1-2.225-4.318v-.61c0-.17.066-.32.19-.444a.61.61 0 0 1 .441-.187Z"
|
|
39
|
+
}), (0, _jsxRuntime.jsx)("path", {
|
|
40
|
+
d: "M11.71 17.818a5.69 5.69 0 0 0 .441 1.952H1.977a.946.946 0 0 1-.694-.283.944.944 0 0 1-.283-.693c0-.274.094-.505.283-.694a.945.945 0 0 1 .694-.282h9.732Zm-6.33-9.49a.73.73 0 0 1 .182 1.437v5.863a.92.92 0 0 1-.016.167.73.73 0 0 1-.166 1.441H3.92a.73.73 0 0 1-.167-1.44.92.92 0 0 1-.016-.168V9.765a.73.73 0 0 1 .182-1.437h1.46Zm5.109 0a.731.731 0 0 1 .182 1.437l.001.023v5.84a.917.917 0 0 1-.015.167.731.731 0 0 1-.168 1.441h-1.46a.73.73 0 0 1-.167-1.44.92.92 0 0 1-.015-.168V9.765a.731.731 0 0 1 .183-1.437h1.459Zm5.111 0a.73.73 0 0 1 .181 1.437v2.25a6.034 6.034 0 0 0-1.824.973V9.765a.73.73 0 0 1 .182-1.437h1.46Z"
|
|
41
|
+
}), (0, _jsxRuntime.jsx)("path", {
|
|
42
|
+
fillRule: "evenodd",
|
|
43
|
+
d: "M9.378 1.254a.744.744 0 0 1 .763 0l7.956 4.697c.732.433.45 1.647-.382 1.647H1.805C.97 7.598.69 6.384 1.421 5.95l7.956-4.697Zm-4.065 4.52h8.892L9.76 3.147 5.313 5.773Z",
|
|
44
|
+
clipRule: "evenodd"
|
|
45
|
+
})]
|
|
46
|
+
});
|
|
47
|
+
return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
|
|
48
|
+
};
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _reactNativeSvg = require("react-native-svg");
|
|
4
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
5
|
+
module.exports = ({
|
|
6
|
+
title,
|
|
7
|
+
titleId,
|
|
8
|
+
size,
|
|
9
|
+
color,
|
|
10
|
+
gradient,
|
|
11
|
+
...props
|
|
12
|
+
}) => {
|
|
13
|
+
const iconSharedUtils = require('./utils/icon-shared-utils');
|
|
14
|
+
const hasGradient = iconSharedUtils.hasValidGradient(gradient);
|
|
15
|
+
let fillValue = color;
|
|
16
|
+
let gradientDefs;
|
|
17
|
+
let gradientUtils;
|
|
18
|
+
if (hasGradient) {
|
|
19
|
+
gradientUtils = iconSharedUtils.getGradientUtils();
|
|
20
|
+
const iconNativeUtils = require('./utils/icon-native-utils');
|
|
21
|
+
const gradientId = gradientUtils.generateGradientId(gradient);
|
|
22
|
+
fillValue = `url(#${gradientId})`;
|
|
23
|
+
gradientDefs = iconNativeUtils.renderNativeGradientDefs(gradient, gradientId);
|
|
24
|
+
}
|
|
25
|
+
const svgContent = (0, _jsxRuntime.jsxs)(_reactNativeSvg.default, {
|
|
26
|
+
...props,
|
|
27
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
28
|
+
viewBox: "0 0 24 24",
|
|
29
|
+
height: size,
|
|
30
|
+
width: size,
|
|
31
|
+
fill: fillValue,
|
|
32
|
+
"aria-labelledby": titleId,
|
|
33
|
+
children: [title ? (0, _jsxRuntime.jsx)("title", {
|
|
34
|
+
id: titleId,
|
|
35
|
+
children: title
|
|
36
|
+
}) : null, (0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
|
|
37
|
+
d: "M21.406 11.994c.17 0 .32.064.445.189.125.124.19.275.19.445v2.453a.677.677 0 0 1-.682.683l-2.52-.003-.124-.012a.624.624 0 0 1-.321-.176.614.614 0 0 1 0-.89.615.615 0 0 1 .445-.188h.632a3.531 3.531 0 0 0-5.302 3.058 3.532 3.532 0 0 0 7.066 0 .884.884 0 1 1 1.765 0 5.299 5.299 0 1 1-2.225-4.318v-.61c0-.17.066-.32.19-.444a.61.61 0 0 1 .441-.187Z"
|
|
38
|
+
}), (0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
|
|
39
|
+
d: "M11.71 17.818a5.69 5.69 0 0 0 .441 1.952H1.977a.946.946 0 0 1-.694-.283.944.944 0 0 1-.283-.693c0-.274.094-.505.283-.694a.945.945 0 0 1 .694-.282h9.732Zm-6.33-9.49a.73.73 0 0 1 .182 1.437v5.863a.92.92 0 0 1-.016.167.73.73 0 0 1-.166 1.441H3.92a.73.73 0 0 1-.167-1.44.92.92 0 0 1-.016-.168V9.765a.73.73 0 0 1 .182-1.437h1.46Zm5.109 0a.731.731 0 0 1 .182 1.437l.001.023v5.84a.917.917 0 0 1-.015.167.731.731 0 0 1-.168 1.441h-1.46a.73.73 0 0 1-.167-1.44.92.92 0 0 1-.015-.168V9.765a.731.731 0 0 1 .183-1.437h1.459Zm5.111 0a.73.73 0 0 1 .181 1.437v2.25a6.034 6.034 0 0 0-1.824.973V9.765a.73.73 0 0 1 .182-1.437h1.46Z"
|
|
40
|
+
}), (0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
|
|
41
|
+
fillRule: "evenodd",
|
|
42
|
+
d: "M9.378 1.254a.744.744 0 0 1 .763 0l7.956 4.697c.732.433.45 1.647-.382 1.647H1.805C.97 7.598.69 6.384 1.421 5.95l7.956-4.697Zm-4.065 4.52h8.892L9.76 3.147 5.313 5.773Z",
|
|
43
|
+
clipRule: "evenodd"
|
|
44
|
+
})]
|
|
45
|
+
});
|
|
46
|
+
return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
|
|
47
|
+
};
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
4
|
+
module.exports = ({
|
|
5
|
+
title,
|
|
6
|
+
titleId,
|
|
7
|
+
size,
|
|
8
|
+
color,
|
|
9
|
+
gradient,
|
|
10
|
+
...props
|
|
11
|
+
}) => {
|
|
12
|
+
const iconSharedUtils = require('./utils/icon-shared-utils');
|
|
13
|
+
const hasGradient = iconSharedUtils.hasValidGradient(gradient);
|
|
14
|
+
let fillValue = color;
|
|
15
|
+
let gradientDefs;
|
|
16
|
+
let gradientUtils;
|
|
17
|
+
if (hasGradient) {
|
|
18
|
+
gradientUtils = iconSharedUtils.getGradientUtils();
|
|
19
|
+
const iconWebUtils = require('./utils/icon-web-utils');
|
|
20
|
+
const gradientId = gradientUtils.generateGradientId(gradient);
|
|
21
|
+
fillValue = `url(#${gradientId})`;
|
|
22
|
+
gradientDefs = iconWebUtils.renderWebGradientDefs(gradient, gradientId);
|
|
23
|
+
}
|
|
24
|
+
const svgContent = (0, _jsxRuntime.jsxs)("svg", {
|
|
25
|
+
...props,
|
|
26
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
27
|
+
viewBox: "0 0 24 24",
|
|
28
|
+
height: size,
|
|
29
|
+
width: size,
|
|
30
|
+
fill: fillValue,
|
|
31
|
+
role: title ? 'img' : undefined,
|
|
32
|
+
"aria-hidden": !title,
|
|
33
|
+
"aria-labelledby": titleId,
|
|
34
|
+
children: [title ? (0, _jsxRuntime.jsx)("title", {
|
|
35
|
+
id: titleId,
|
|
36
|
+
children: title
|
|
37
|
+
}) : null, (0, _jsxRuntime.jsx)("path", {
|
|
38
|
+
d: "M11.709 17.817a5.69 5.69 0 0 0 .44 1.952H1.978a.945.945 0 0 1-.694-.282.945.945 0 0 1-.283-.695.94.94 0 0 1 .283-.693.945.945 0 0 1 .694-.282h9.732ZM5.38 8.328a.73.73 0 0 1 .182 1.437v5.862a.92.92 0 0 1-.016.168.73.73 0 0 1-.166 1.44H3.92a.73.73 0 0 1-.167-1.44.92.92 0 0 1-.016-.168V9.765a.73.73 0 0 1 .182-1.437h1.46Zm5.109 0a.73.73 0 0 1 .182 1.437v5.862a.92.92 0 0 1-.015.168.73.73 0 0 1-.167 1.44h-1.46a.73.73 0 0 1-.167-1.44.92.92 0 0 1-.016-.168V9.765a.73.73 0 0 1 .183-1.437h1.46Zm5.109 0a.73.73 0 0 1 .182 1.437v2.249a6.036 6.036 0 0 0-1.824.973V9.765a.73.73 0 0 1 .182-1.437h1.46ZM9.376 1.255a.745.745 0 0 1 .765 0l7.954 4.698c.733.432.451 1.645-.382 1.645H1.804c-.833 0-1.114-1.213-.382-1.645l7.954-4.698Z"
|
|
39
|
+
}), (0, _jsxRuntime.jsx)("path", {
|
|
40
|
+
d: "M19.47 14.494a3.53 3.53 0 0 0-5.302 3.058 3.532 3.532 0 0 0 7.066 0 .883.883 0 1 1 1.766 0 5.299 5.299 0 1 1-2.225-4.317v-.61c0-.17.065-.32.189-.444a.614.614 0 0 1 .887 0 .613.613 0 0 1 .189.446v2.454a.676.676 0 0 1-.682.682l-2.52-.002-.123-.012a.624.624 0 0 1-.321-.177.613.613 0 0 1 0-.888.613.613 0 0 1 .444-.19h.633Z"
|
|
41
|
+
})]
|
|
42
|
+
});
|
|
43
|
+
return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
|
|
44
|
+
};
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _reactNativeSvg = require("react-native-svg");
|
|
4
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
5
|
+
module.exports = ({
|
|
6
|
+
title,
|
|
7
|
+
titleId,
|
|
8
|
+
size,
|
|
9
|
+
color,
|
|
10
|
+
gradient,
|
|
11
|
+
...props
|
|
12
|
+
}) => {
|
|
13
|
+
const iconSharedUtils = require('./utils/icon-shared-utils');
|
|
14
|
+
const hasGradient = iconSharedUtils.hasValidGradient(gradient);
|
|
15
|
+
let fillValue = color;
|
|
16
|
+
let gradientDefs;
|
|
17
|
+
let gradientUtils;
|
|
18
|
+
if (hasGradient) {
|
|
19
|
+
gradientUtils = iconSharedUtils.getGradientUtils();
|
|
20
|
+
const iconNativeUtils = require('./utils/icon-native-utils');
|
|
21
|
+
const gradientId = gradientUtils.generateGradientId(gradient);
|
|
22
|
+
fillValue = `url(#${gradientId})`;
|
|
23
|
+
gradientDefs = iconNativeUtils.renderNativeGradientDefs(gradient, gradientId);
|
|
24
|
+
}
|
|
25
|
+
const svgContent = (0, _jsxRuntime.jsxs)(_reactNativeSvg.default, {
|
|
26
|
+
...props,
|
|
27
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
28
|
+
viewBox: "0 0 24 24",
|
|
29
|
+
height: size,
|
|
30
|
+
width: size,
|
|
31
|
+
fill: fillValue,
|
|
32
|
+
"aria-labelledby": titleId,
|
|
33
|
+
children: [title ? (0, _jsxRuntime.jsx)("title", {
|
|
34
|
+
id: titleId,
|
|
35
|
+
children: title
|
|
36
|
+
}) : null, (0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
|
|
37
|
+
d: "M11.709 17.817a5.69 5.69 0 0 0 .44 1.952H1.978a.945.945 0 0 1-.694-.282.945.945 0 0 1-.283-.695.94.94 0 0 1 .283-.693.945.945 0 0 1 .694-.282h9.732ZM5.38 8.328a.73.73 0 0 1 .182 1.437v5.862a.92.92 0 0 1-.016.168.73.73 0 0 1-.166 1.44H3.92a.73.73 0 0 1-.167-1.44.92.92 0 0 1-.016-.168V9.765a.73.73 0 0 1 .182-1.437h1.46Zm5.109 0a.73.73 0 0 1 .182 1.437v5.862a.92.92 0 0 1-.015.168.73.73 0 0 1-.167 1.44h-1.46a.73.73 0 0 1-.167-1.44.92.92 0 0 1-.016-.168V9.765a.73.73 0 0 1 .183-1.437h1.46Zm5.109 0a.73.73 0 0 1 .182 1.437v2.249a6.036 6.036 0 0 0-1.824.973V9.765a.73.73 0 0 1 .182-1.437h1.46ZM9.376 1.255a.745.745 0 0 1 .765 0l7.954 4.698c.733.432.451 1.645-.382 1.645H1.804c-.833 0-1.114-1.213-.382-1.645l7.954-4.698Z"
|
|
38
|
+
}), (0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
|
|
39
|
+
d: "M19.47 14.494a3.53 3.53 0 0 0-5.302 3.058 3.532 3.532 0 0 0 7.066 0 .883.883 0 1 1 1.766 0 5.299 5.299 0 1 1-2.225-4.317v-.61c0-.17.065-.32.189-.444a.614.614 0 0 1 .887 0 .613.613 0 0 1 .189.446v2.454a.676.676 0 0 1-.682.682l-2.52-.002-.123-.012a.624.624 0 0 1-.321-.177.613.613 0 0 1 0-.888.613.613 0 0 1 .444-.19h.633Z"
|
|
40
|
+
})]
|
|
41
|
+
});
|
|
42
|
+
return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
|
|
43
|
+
};
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
4
|
+
module.exports = ({
|
|
5
|
+
title,
|
|
6
|
+
titleId,
|
|
7
|
+
size,
|
|
8
|
+
color,
|
|
9
|
+
gradient,
|
|
10
|
+
...props
|
|
11
|
+
}) => {
|
|
12
|
+
const iconSharedUtils = require('./utils/icon-shared-utils');
|
|
13
|
+
const hasGradient = iconSharedUtils.hasValidGradient(gradient);
|
|
14
|
+
let fillValue = color;
|
|
15
|
+
let gradientDefs;
|
|
16
|
+
let gradientUtils;
|
|
17
|
+
if (hasGradient) {
|
|
18
|
+
gradientUtils = iconSharedUtils.getGradientUtils();
|
|
19
|
+
const iconWebUtils = require('./utils/icon-web-utils');
|
|
20
|
+
const gradientId = gradientUtils.generateGradientId(gradient);
|
|
21
|
+
fillValue = `url(#${gradientId})`;
|
|
22
|
+
gradientDefs = iconWebUtils.renderWebGradientDefs(gradient, gradientId);
|
|
23
|
+
}
|
|
24
|
+
const svgContent = (0, _jsxRuntime.jsxs)("svg", {
|
|
25
|
+
...props,
|
|
26
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
27
|
+
viewBox: "0 0 24 24",
|
|
28
|
+
height: size,
|
|
29
|
+
width: size,
|
|
30
|
+
fill: fillValue,
|
|
31
|
+
role: title ? 'img' : undefined,
|
|
32
|
+
"aria-hidden": !title,
|
|
33
|
+
"aria-labelledby": titleId,
|
|
34
|
+
children: [title ? (0, _jsxRuntime.jsx)("title", {
|
|
35
|
+
id: titleId,
|
|
36
|
+
children: title
|
|
37
|
+
}) : null, (0, _jsxRuntime.jsx)("path", {
|
|
38
|
+
d: "M10.529 12c1.18 0 1.97.454 1.97 1.499 0 .725-.407 1.092-1.045 1.275v.032c.733.112 1.139.518 1.14 1.259.007 1.068-.925 1.658-2.304 1.658-.813 0-1.3-.159-1.682-.398v-.997h.566c.183.175.518.335.98.335.518 0 .91-.23.91-.685 0-.446-.272-.646-.87-.646H9.74v-.997h.398c.606 0 .901-.223.901-.63 0-.39-.24-.605-.702-.605-.438 0-.796.16-1.003.31h-.535v-.948c.422-.263.997-.462 1.73-.462Zm4.864 5.652h-1.531V13.57l-.614.327h-.32v-1.06l1.38-.765h1.085v5.58Z"
|
|
39
|
+
}), (0, _jsxRuntime.jsx)("path", {
|
|
40
|
+
fillRule: "evenodd",
|
|
41
|
+
d: "M16.605 2c.578 0 1.083.389 1.083.907v.95h2.234c.597 0 1.08.484 1.08 1.082v15.979c0 .597-.483 1.081-1.08 1.082H4.079a1.082 1.082 0 0 1-1.082-1.082V4.938c0-.597.485-1.081 1.082-1.081h2.305v-.95c0-.518.503-.907 1.082-.907.578 0 1.082.389 1.083.907v.95h6.975v-.95c0-.518.503-.907 1.081-.907ZM5.161 19.836H18.84V10.36H5.16v9.476Zm0-11.64H18.84V6.02H5.16v2.174Z",
|
|
42
|
+
clipRule: "evenodd"
|
|
43
|
+
})]
|
|
44
|
+
});
|
|
45
|
+
return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
|
|
46
|
+
};
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _reactNativeSvg = require("react-native-svg");
|
|
4
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
5
|
+
module.exports = ({
|
|
6
|
+
title,
|
|
7
|
+
titleId,
|
|
8
|
+
size,
|
|
9
|
+
color,
|
|
10
|
+
gradient,
|
|
11
|
+
...props
|
|
12
|
+
}) => {
|
|
13
|
+
const iconSharedUtils = require('./utils/icon-shared-utils');
|
|
14
|
+
const hasGradient = iconSharedUtils.hasValidGradient(gradient);
|
|
15
|
+
let fillValue = color;
|
|
16
|
+
let gradientDefs;
|
|
17
|
+
let gradientUtils;
|
|
18
|
+
if (hasGradient) {
|
|
19
|
+
gradientUtils = iconSharedUtils.getGradientUtils();
|
|
20
|
+
const iconNativeUtils = require('./utils/icon-native-utils');
|
|
21
|
+
const gradientId = gradientUtils.generateGradientId(gradient);
|
|
22
|
+
fillValue = `url(#${gradientId})`;
|
|
23
|
+
gradientDefs = iconNativeUtils.renderNativeGradientDefs(gradient, gradientId);
|
|
24
|
+
}
|
|
25
|
+
const svgContent = (0, _jsxRuntime.jsxs)(_reactNativeSvg.default, {
|
|
26
|
+
...props,
|
|
27
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
28
|
+
viewBox: "0 0 24 24",
|
|
29
|
+
height: size,
|
|
30
|
+
width: size,
|
|
31
|
+
fill: fillValue,
|
|
32
|
+
"aria-labelledby": titleId,
|
|
33
|
+
children: [title ? (0, _jsxRuntime.jsx)("title", {
|
|
34
|
+
id: titleId,
|
|
35
|
+
children: title
|
|
36
|
+
}) : null, (0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
|
|
37
|
+
d: "M10.529 12c1.18 0 1.97.454 1.97 1.499 0 .725-.407 1.092-1.045 1.275v.032c.733.112 1.139.518 1.14 1.259.007 1.068-.925 1.658-2.304 1.658-.813 0-1.3-.159-1.682-.398v-.997h.566c.183.175.518.335.98.335.518 0 .91-.23.91-.685 0-.446-.272-.646-.87-.646H9.74v-.997h.398c.606 0 .901-.223.901-.63 0-.39-.24-.605-.702-.605-.438 0-.796.16-1.003.31h-.535v-.948c.422-.263.997-.462 1.73-.462Zm4.864 5.652h-1.531V13.57l-.614.327h-.32v-1.06l1.38-.765h1.085v5.58Z"
|
|
38
|
+
}), (0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
|
|
39
|
+
fillRule: "evenodd",
|
|
40
|
+
d: "M16.605 2c.578 0 1.083.389 1.083.907v.95h2.234c.597 0 1.08.484 1.08 1.082v15.979c0 .597-.483 1.081-1.08 1.082H4.079a1.082 1.082 0 0 1-1.082-1.082V4.938c0-.597.485-1.081 1.082-1.081h2.305v-.95c0-.518.503-.907 1.082-.907.578 0 1.082.389 1.083.907v.95h6.975v-.95c0-.518.503-.907 1.081-.907ZM5.161 19.836H18.84V10.36H5.16v9.476Zm0-11.64H18.84V6.02H5.16v2.174Z",
|
|
41
|
+
clipRule: "evenodd"
|
|
42
|
+
})]
|
|
43
|
+
});
|
|
44
|
+
return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
|
|
45
|
+
};
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
4
|
+
module.exports = ({
|
|
5
|
+
title,
|
|
6
|
+
titleId,
|
|
7
|
+
size,
|
|
8
|
+
color,
|
|
9
|
+
gradient,
|
|
10
|
+
...props
|
|
11
|
+
}) => {
|
|
12
|
+
const iconSharedUtils = require('./utils/icon-shared-utils');
|
|
13
|
+
const hasGradient = iconSharedUtils.hasValidGradient(gradient);
|
|
14
|
+
let fillValue = color;
|
|
15
|
+
let gradientDefs;
|
|
16
|
+
let gradientUtils;
|
|
17
|
+
if (hasGradient) {
|
|
18
|
+
gradientUtils = iconSharedUtils.getGradientUtils();
|
|
19
|
+
const iconWebUtils = require('./utils/icon-web-utils');
|
|
20
|
+
const gradientId = gradientUtils.generateGradientId(gradient);
|
|
21
|
+
fillValue = `url(#${gradientId})`;
|
|
22
|
+
gradientDefs = iconWebUtils.renderWebGradientDefs(gradient, gradientId);
|
|
23
|
+
}
|
|
24
|
+
const svgContent = (0, _jsxRuntime.jsxs)("svg", {
|
|
25
|
+
...props,
|
|
26
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
27
|
+
viewBox: "0 0 24 24",
|
|
28
|
+
height: size,
|
|
29
|
+
width: size,
|
|
30
|
+
fill: fillValue,
|
|
31
|
+
role: title ? 'img' : undefined,
|
|
32
|
+
"aria-hidden": !title,
|
|
33
|
+
"aria-labelledby": titleId,
|
|
34
|
+
children: [title ? (0, _jsxRuntime.jsx)("title", {
|
|
35
|
+
id: titleId,
|
|
36
|
+
children: title
|
|
37
|
+
}) : null, (0, _jsxRuntime.jsx)("path", {
|
|
38
|
+
d: "M8.036 11.938a1.001 1.001 0 1 1 0 2.002 1.001 1.001 0 0 1 0-2.002Z"
|
|
39
|
+
}), (0, _jsxRuntime.jsx)("path", {
|
|
40
|
+
fillRule: "evenodd",
|
|
41
|
+
d: "M16.657 2c.55 0 .996.366.996.816v1.059h2.358c.548 0 .994.445.994.993v16.139a.995.995 0 0 1-.994.993H3.99a.995.995 0 0 1-.995-.993V4.868c0-.548.446-.993.995-.993h2.43V2.816c0-.45.445-.816.994-.816.55 0 .995.366.996.816v1.059h7.254V2.816c0-.45.444-.816.993-.816ZM4.984 20.014h14.032v-9.77H4.984v9.77Zm0-11.757h14.032V5.86H4.984v2.397Z",
|
|
42
|
+
clipRule: "evenodd"
|
|
43
|
+
})]
|
|
44
|
+
});
|
|
45
|
+
return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
|
|
46
|
+
};
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _reactNativeSvg = require("react-native-svg");
|
|
4
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
5
|
+
module.exports = ({
|
|
6
|
+
title,
|
|
7
|
+
titleId,
|
|
8
|
+
size,
|
|
9
|
+
color,
|
|
10
|
+
gradient,
|
|
11
|
+
...props
|
|
12
|
+
}) => {
|
|
13
|
+
const iconSharedUtils = require('./utils/icon-shared-utils');
|
|
14
|
+
const hasGradient = iconSharedUtils.hasValidGradient(gradient);
|
|
15
|
+
let fillValue = color;
|
|
16
|
+
let gradientDefs;
|
|
17
|
+
let gradientUtils;
|
|
18
|
+
if (hasGradient) {
|
|
19
|
+
gradientUtils = iconSharedUtils.getGradientUtils();
|
|
20
|
+
const iconNativeUtils = require('./utils/icon-native-utils');
|
|
21
|
+
const gradientId = gradientUtils.generateGradientId(gradient);
|
|
22
|
+
fillValue = `url(#${gradientId})`;
|
|
23
|
+
gradientDefs = iconNativeUtils.renderNativeGradientDefs(gradient, gradientId);
|
|
24
|
+
}
|
|
25
|
+
const svgContent = (0, _jsxRuntime.jsxs)(_reactNativeSvg.default, {
|
|
26
|
+
...props,
|
|
27
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
28
|
+
viewBox: "0 0 24 24",
|
|
29
|
+
height: size,
|
|
30
|
+
width: size,
|
|
31
|
+
fill: fillValue,
|
|
32
|
+
"aria-labelledby": titleId,
|
|
33
|
+
children: [title ? (0, _jsxRuntime.jsx)("title", {
|
|
34
|
+
id: titleId,
|
|
35
|
+
children: title
|
|
36
|
+
}) : null, (0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
|
|
37
|
+
d: "M8.036 11.938a1.001 1.001 0 1 1 0 2.002 1.001 1.001 0 0 1 0-2.002Z"
|
|
38
|
+
}), (0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
|
|
39
|
+
fillRule: "evenodd",
|
|
40
|
+
d: "M16.657 2c.55 0 .996.366.996.816v1.059h2.358c.548 0 .994.445.994.993v16.139a.995.995 0 0 1-.994.993H3.99a.995.995 0 0 1-.995-.993V4.868c0-.548.446-.993.995-.993h2.43V2.816c0-.45.445-.816.994-.816.55 0 .995.366.996.816v1.059h7.254V2.816c0-.45.444-.816.993-.816ZM4.984 20.014h14.032v-9.77H4.984v9.77Zm0-11.757h14.032V5.86H4.984v2.397Z",
|
|
41
|
+
clipRule: "evenodd"
|
|
42
|
+
})]
|
|
43
|
+
});
|
|
44
|
+
return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
|
|
45
|
+
};
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
4
|
+
module.exports = ({
|
|
5
|
+
title,
|
|
6
|
+
titleId,
|
|
7
|
+
size,
|
|
8
|
+
color,
|
|
9
|
+
gradient,
|
|
10
|
+
...props
|
|
11
|
+
}) => {
|
|
12
|
+
const iconSharedUtils = require('./utils/icon-shared-utils');
|
|
13
|
+
const hasGradient = iconSharedUtils.hasValidGradient(gradient);
|
|
14
|
+
let fillValue = color;
|
|
15
|
+
let gradientDefs;
|
|
16
|
+
let gradientUtils;
|
|
17
|
+
if (hasGradient) {
|
|
18
|
+
gradientUtils = iconSharedUtils.getGradientUtils();
|
|
19
|
+
const iconWebUtils = require('./utils/icon-web-utils');
|
|
20
|
+
const gradientId = gradientUtils.generateGradientId(gradient);
|
|
21
|
+
fillValue = `url(#${gradientId})`;
|
|
22
|
+
gradientDefs = iconWebUtils.renderWebGradientDefs(gradient, gradientId);
|
|
23
|
+
}
|
|
24
|
+
const svgContent = (0, _jsxRuntime.jsxs)("svg", {
|
|
25
|
+
...props,
|
|
26
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
27
|
+
viewBox: "0 0 24 24",
|
|
28
|
+
height: size,
|
|
29
|
+
width: size,
|
|
30
|
+
fill: fillValue,
|
|
31
|
+
role: title ? 'img' : undefined,
|
|
32
|
+
"aria-hidden": !title,
|
|
33
|
+
"aria-labelledby": titleId,
|
|
34
|
+
children: [title ? (0, _jsxRuntime.jsx)("title", {
|
|
35
|
+
id: titleId,
|
|
36
|
+
children: title
|
|
37
|
+
}) : null, (0, _jsxRuntime.jsx)("path", {
|
|
38
|
+
d: "M10.328 10.023c.626 0 1.134.508 1.134 1.134v5.64a1.134 1.134 0 0 1-2.268 0v-5.64c0-.626.508-1.133 1.134-1.134Zm3.419 0c.626 0 1.134.508 1.134 1.134v5.64a1.134 1.134 0 0 1-2.268 0v-5.64c0-.626.508-1.133 1.134-1.134Z"
|
|
39
|
+
}), (0, _jsxRuntime.jsx)("path", {
|
|
40
|
+
fillRule: "evenodd",
|
|
41
|
+
d: "M18.727 6.15v.004h.024v14.409h-.035c.006.052.011.107.011.162 0 .704-.559 1.275-1.248 1.275H6.399c-.69 0-1.248-.571-1.249-1.275 0-.055.005-.11.011-.163h-.01V6.15l13.576.001Zm-11.08 13.3h8.605V8.47H7.647v10.98Z",
|
|
42
|
+
clipRule: "evenodd"
|
|
43
|
+
}), (0, _jsxRuntime.jsx)("path", {
|
|
44
|
+
d: "M14.294 2c.509 0 .94.336 1.083.798h3.487c.626 0 1.134.508 1.134 1.134v.226c0 .626-.508 1.134-1.134 1.134H5.136a1.134 1.134 0 0 1-1.134-1.134v-.226c0-.626.508-1.134 1.134-1.134h3.488A1.135 1.135 0 0 1 9.707 2h4.587Z"
|
|
45
|
+
})]
|
|
46
|
+
});
|
|
47
|
+
return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
|
|
48
|
+
};
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _reactNativeSvg = require("react-native-svg");
|
|
4
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
5
|
+
module.exports = ({
|
|
6
|
+
title,
|
|
7
|
+
titleId,
|
|
8
|
+
size,
|
|
9
|
+
color,
|
|
10
|
+
gradient,
|
|
11
|
+
...props
|
|
12
|
+
}) => {
|
|
13
|
+
const iconSharedUtils = require('./utils/icon-shared-utils');
|
|
14
|
+
const hasGradient = iconSharedUtils.hasValidGradient(gradient);
|
|
15
|
+
let fillValue = color;
|
|
16
|
+
let gradientDefs;
|
|
17
|
+
let gradientUtils;
|
|
18
|
+
if (hasGradient) {
|
|
19
|
+
gradientUtils = iconSharedUtils.getGradientUtils();
|
|
20
|
+
const iconNativeUtils = require('./utils/icon-native-utils');
|
|
21
|
+
const gradientId = gradientUtils.generateGradientId(gradient);
|
|
22
|
+
fillValue = `url(#${gradientId})`;
|
|
23
|
+
gradientDefs = iconNativeUtils.renderNativeGradientDefs(gradient, gradientId);
|
|
24
|
+
}
|
|
25
|
+
const svgContent = (0, _jsxRuntime.jsxs)(_reactNativeSvg.default, {
|
|
26
|
+
...props,
|
|
27
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
28
|
+
viewBox: "0 0 24 24",
|
|
29
|
+
height: size,
|
|
30
|
+
width: size,
|
|
31
|
+
fill: fillValue,
|
|
32
|
+
"aria-labelledby": titleId,
|
|
33
|
+
children: [title ? (0, _jsxRuntime.jsx)("title", {
|
|
34
|
+
id: titleId,
|
|
35
|
+
children: title
|
|
36
|
+
}) : null, (0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
|
|
37
|
+
d: "M10.328 10.023c.626 0 1.134.508 1.134 1.134v5.64a1.134 1.134 0 0 1-2.268 0v-5.64c0-.626.508-1.133 1.134-1.134Zm3.419 0c.626 0 1.134.508 1.134 1.134v5.64a1.134 1.134 0 0 1-2.268 0v-5.64c0-.626.508-1.133 1.134-1.134Z"
|
|
38
|
+
}), (0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
|
|
39
|
+
fillRule: "evenodd",
|
|
40
|
+
d: "M18.727 6.15v.004h.024v14.409h-.035c.006.052.011.107.011.162 0 .704-.559 1.275-1.248 1.275H6.399c-.69 0-1.248-.571-1.249-1.275 0-.055.005-.11.011-.163h-.01V6.15l13.576.001Zm-11.08 13.3h8.605V8.47H7.647v10.98Z",
|
|
41
|
+
clipRule: "evenodd"
|
|
42
|
+
}), (0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
|
|
43
|
+
d: "M14.294 2c.509 0 .94.336 1.083.798h3.487c.626 0 1.134.508 1.134 1.134v.226c0 .626-.508 1.134-1.134 1.134H5.136a1.134 1.134 0 0 1-1.134-1.134v-.226c0-.626.508-1.134 1.134-1.134h3.488A1.135 1.135 0 0 1 9.707 2h4.587Z"
|
|
44
|
+
})]
|
|
45
|
+
});
|
|
46
|
+
return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
|
|
47
|
+
};
|