@dialpad/dialtone-tokens 1.8.0 → 1.10.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/dist/android/java/tokens.kt +38 -1
- package/dist/android/res/values/colors.xml +16 -1
- package/dist/android/res/values/dimens.xml +23 -1
- package/dist/css/variables.css +38 -1
- package/dist/doc.json +978 -156
- package/dist/ios/tokens.swift +38 -1
- package/dist/less/variables.less +38 -1
- package/dist/tokens.json +37 -0
- package/package.json +2 -2
package/dist/ios/tokens.swift
CHANGED
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
//
|
|
5
5
|
|
|
6
6
|
// Do not edit directly
|
|
7
|
-
// Generated on
|
|
7
|
+
// Generated on Tue, 18 Apr 2023 16:24:56 GMT
|
|
8
8
|
|
|
9
9
|
|
|
10
10
|
import UIKit
|
|
@@ -54,6 +54,21 @@ public enum DialtoneTokens {
|
|
|
54
54
|
public static let dtActionColorForegroundMutedActive = UIColor(red: 0.227, green: 0.227, blue: 0.227, alpha: 1)
|
|
55
55
|
public static let dtActionColorForegroundMutedDefault = UIColor(red: 0.227, green: 0.227, blue: 0.227, alpha: 1)
|
|
56
56
|
public static let dtActionColorForegroundMutedHover = UIColor(red: 0.227, green: 0.227, blue: 0.227, alpha: 1)
|
|
57
|
+
public static let dtBadgeColorBackgroundAi = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 1)
|
|
58
|
+
public static let dtBadgeColorBackgroundBulletin = UIColor(red: 0.486, green: 0.322, blue: 1.000, alpha: 1)
|
|
59
|
+
public static let dtBadgeColorBackgroundCritical = UIColor(red: 1.000, green: 0.898, blue: 0.902, alpha: 1)
|
|
60
|
+
public static let dtBadgeColorBackgroundDefault = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.09019607843137255)
|
|
61
|
+
public static let dtBadgeColorBackgroundInfo = UIColor(red: 0.918, green: 0.949, blue: 0.980, alpha: 1)
|
|
62
|
+
public static let dtBadgeColorBackgroundSuccess = UIColor(red: 0.929, green: 0.976, blue: 0.922, alpha: 1)
|
|
63
|
+
public static let dtBadgeColorBackgroundWarning = UIColor(red: 1.000, green: 0.957, blue: 0.800, alpha: 1)
|
|
64
|
+
public static let dtBadgeColorForegroundBulletin = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1)
|
|
65
|
+
public static let dtBadgeColorForegroundDefault = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 1)
|
|
66
|
+
public static let dtCheckboxColorBackgroundChecked = UIColor(red: 0.486, green: 0.322, blue: 1.000, alpha: 1)
|
|
67
|
+
public static let dtCheckboxColorBorderChecked = UIColor(red: 0.486, green: 0.322, blue: 1.000, alpha: 1)
|
|
68
|
+
public static let dtCheckboxColorBorderUnchecked = UIColor(red: 0.667, green: 0.667, blue: 0.667, alpha: 1)
|
|
69
|
+
public static let dtCheckboxSizeHeight = CGFloat(16.00)
|
|
70
|
+
public static let dtCheckboxSizeRadius = CGFloat(4.00)
|
|
71
|
+
public static let dtCheckboxSizeWidth = CGFloat(16.00)
|
|
57
72
|
public static let dtColorBlack100 = UIColor(red: 0.976, green: 0.976, blue: 0.976, alpha: 1)
|
|
58
73
|
public static let dtColorBlack200 = UIColor(red: 0.914, green: 0.914, blue: 0.914, alpha: 1)
|
|
59
74
|
public static let dtColorBlack300 = UIColor(red: 0.824, green: 0.824, blue: 0.824, alpha: 1)
|
|
@@ -240,6 +255,22 @@ public enum DialtoneTokens {
|
|
|
240
255
|
public static let dtFontWeightMedium = 500
|
|
241
256
|
public static let dtFontWeightNormal = 400
|
|
242
257
|
public static let dtFontWeightSemiBold = 600
|
|
258
|
+
public static let dtIconSize100 = CGFloat(12.00)
|
|
259
|
+
public static let dtIconSize200 = CGFloat(14.00)
|
|
260
|
+
public static let dtIconSize300 = CGFloat(18.00)
|
|
261
|
+
public static let dtIconSize400 = CGFloat(20.00)
|
|
262
|
+
public static let dtIconSize500 = CGFloat(24.00)
|
|
263
|
+
public static let dtIconSize600 = CGFloat(32.00)
|
|
264
|
+
public static let dtIconSize700 = CGFloat(38.00)
|
|
265
|
+
public static let dtIconSize800 = CGFloat(48.00)
|
|
266
|
+
public static let dtIconSizeBorder100 = CGFloat(1.00)
|
|
267
|
+
public static let dtIconSizeBorder200 = CGFloat(1.25)
|
|
268
|
+
public static let dtIconSizeBorder300 = CGFloat(1.50)
|
|
269
|
+
public static let dtIconSizeBorder400 = CGFloat(1.75)
|
|
270
|
+
public static let dtIconSizeBorder500 = CGFloat(1.75)
|
|
271
|
+
public static let dtIconSizeBorder600 = CGFloat(2.50)
|
|
272
|
+
public static let dtIconSizeBorder700 = CGFloat(2.75)
|
|
273
|
+
public static let dtIconSizeBorder800 = CGFloat(3.50)
|
|
243
274
|
public static let dtInputsColorBackgroundDefault = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.03137254901960784)
|
|
244
275
|
public static let dtInputsColorBackgroundDisabled = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.12156862745098039)
|
|
245
276
|
public static let dtInputsColorBackgroundFocus = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.011764705882352941)
|
|
@@ -279,6 +310,12 @@ public enum DialtoneTokens {
|
|
|
279
310
|
public static let dtOpacity700 = CGFloat(0.50)
|
|
280
311
|
public static let dtOpacity800 = CGFloat(0.60)
|
|
281
312
|
public static let dtOpacity900 = CGFloat(0.70)
|
|
313
|
+
public static let dtRadioColorBackgroundChecked = UIColor(red: 0.486, green: 0.322, blue: 1.000, alpha: 1)
|
|
314
|
+
public static let dtRadioColorBorderChecked = UIColor(red: 0.486, green: 0.322, blue: 1.000, alpha: 1)
|
|
315
|
+
public static let dtRadioColorBorderUnchecked = UIColor(red: 0.667, green: 0.667, blue: 0.667, alpha: 1)
|
|
316
|
+
public static let dtRadioSizeHeight = CGFloat(16.00)
|
|
317
|
+
public static let dtRadioSizeRadius = CGFloat(50.00)
|
|
318
|
+
public static let dtRadioSizeWidth = CGFloat(16.00)
|
|
282
319
|
public static let dtShadowCard0Blur = CGFloat(2.00)
|
|
283
320
|
public static let dtShadowCard0Color = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.03137254901960784)
|
|
284
321
|
public static let dtShadowCard0Spread = CGFloat(0.00)
|
package/dist/less/variables.less
CHANGED
|
@@ -1,7 +1,44 @@
|
|
|
1
1
|
|
|
2
2
|
// Do not edit directly
|
|
3
|
-
// Generated on
|
|
3
|
+
// Generated on Tue, 18 Apr 2023 16:24:56 GMT
|
|
4
4
|
|
|
5
|
+
@dt-radio-size-width: 1.6rem;
|
|
6
|
+
@dt-radio-size-height: 1.6rem;
|
|
7
|
+
@dt-radio-size-radius: 5rem;
|
|
8
|
+
@dt-radio-color-border-unchecked: #AAAAAA;
|
|
9
|
+
@dt-radio-color-border-checked: #7C52FF;
|
|
10
|
+
@dt-radio-color-background-checked: #7C52FF;
|
|
11
|
+
@dt-icon-size-100: 1.2rem;
|
|
12
|
+
@dt-icon-size-200: 1.4rem;
|
|
13
|
+
@dt-icon-size-300: 1.8rem;
|
|
14
|
+
@dt-icon-size-400: 2rem;
|
|
15
|
+
@dt-icon-size-500: 2.4rem;
|
|
16
|
+
@dt-icon-size-600: 3.2rem;
|
|
17
|
+
@dt-icon-size-700: 3.8rem;
|
|
18
|
+
@dt-icon-size-800: 4.8rem;
|
|
19
|
+
@dt-icon-size-border-100: 0.1rem;
|
|
20
|
+
@dt-icon-size-border-200: 0.125rem;
|
|
21
|
+
@dt-icon-size-border-300: 0.15rem;
|
|
22
|
+
@dt-icon-size-border-400: 0.175rem;
|
|
23
|
+
@dt-icon-size-border-500: 0.175rem;
|
|
24
|
+
@dt-icon-size-border-600: 0.25rem;
|
|
25
|
+
@dt-icon-size-border-700: 0.275rem;
|
|
26
|
+
@dt-icon-size-border-800: 0.35rem;
|
|
27
|
+
@dt-checkbox-size-width: 1.6rem;
|
|
28
|
+
@dt-checkbox-size-height: 1.6rem;
|
|
29
|
+
@dt-checkbox-size-radius: 0.4rem;
|
|
30
|
+
@dt-checkbox-color-border-unchecked: #AAAAAA;
|
|
31
|
+
@dt-checkbox-color-border-checked: #7C52FF;
|
|
32
|
+
@dt-checkbox-color-background-checked: #7C52FF;
|
|
33
|
+
@dt-badge-color-background-default: #00000017;
|
|
34
|
+
@dt-badge-color-background-info: #EAF2FA;
|
|
35
|
+
@dt-badge-color-background-success: #EDF9EB;
|
|
36
|
+
@dt-badge-color-background-warning: #FFF4CC;
|
|
37
|
+
@dt-badge-color-background-critical: #FFE5E6;
|
|
38
|
+
@dt-badge-color-background-bulletin: #7C52FF;
|
|
39
|
+
@dt-badge-color-background-ai: linear-gradient(135deg, #F9008E 10%, #7C52FF 90%);
|
|
40
|
+
@dt-badge-color-foreground-default: #000000;
|
|
41
|
+
@dt-badge-color-foreground-bulletin: #ffffff;
|
|
5
42
|
@dt-color-foreground-primary: #000000;
|
|
6
43
|
@dt-color-foreground-secondary: #3a3a3a;
|
|
7
44
|
@dt-color-foreground-tertiary: #555555;
|
package/dist/tokens.json
CHANGED
|
@@ -1,4 +1,41 @@
|
|
|
1
1
|
{
|
|
2
|
+
"dtRadioSizeWidth": "1.6rem",
|
|
3
|
+
"dtRadioSizeHeight": "1.6rem",
|
|
4
|
+
"dtRadioSizeRadius": "5rem",
|
|
5
|
+
"dtRadioColorBorderUnchecked": "#AAAAAA",
|
|
6
|
+
"dtRadioColorBorderChecked": "#7C52FF",
|
|
7
|
+
"dtRadioColorBackgroundChecked": "#7C52FF",
|
|
8
|
+
"dtIconSize100": "1.2rem",
|
|
9
|
+
"dtIconSize200": "1.4rem",
|
|
10
|
+
"dtIconSize300": "1.8rem",
|
|
11
|
+
"dtIconSize400": "2rem",
|
|
12
|
+
"dtIconSize500": "2.4rem",
|
|
13
|
+
"dtIconSize600": "3.2rem",
|
|
14
|
+
"dtIconSize700": "3.8rem",
|
|
15
|
+
"dtIconSize800": "4.8rem",
|
|
16
|
+
"dtIconSizeBorder100": "0.1rem",
|
|
17
|
+
"dtIconSizeBorder200": "0.125rem",
|
|
18
|
+
"dtIconSizeBorder300": "0.15rem",
|
|
19
|
+
"dtIconSizeBorder400": "0.175rem",
|
|
20
|
+
"dtIconSizeBorder500": "0.175rem",
|
|
21
|
+
"dtIconSizeBorder600": "0.25rem",
|
|
22
|
+
"dtIconSizeBorder700": "0.275rem",
|
|
23
|
+
"dtIconSizeBorder800": "0.35rem",
|
|
24
|
+
"dtCheckboxSizeWidth": "1.6rem",
|
|
25
|
+
"dtCheckboxSizeHeight": "1.6rem",
|
|
26
|
+
"dtCheckboxSizeRadius": "0.4rem",
|
|
27
|
+
"dtCheckboxColorBorderUnchecked": "#AAAAAA",
|
|
28
|
+
"dtCheckboxColorBorderChecked": "#7C52FF",
|
|
29
|
+
"dtCheckboxColorBackgroundChecked": "#7C52FF",
|
|
30
|
+
"dtBadgeColorBackgroundDefault": "#00000017",
|
|
31
|
+
"dtBadgeColorBackgroundInfo": "#EAF2FA",
|
|
32
|
+
"dtBadgeColorBackgroundSuccess": "#EDF9EB",
|
|
33
|
+
"dtBadgeColorBackgroundWarning": "#FFF4CC",
|
|
34
|
+
"dtBadgeColorBackgroundCritical": "#FFE5E6",
|
|
35
|
+
"dtBadgeColorBackgroundBulletin": "#7C52FF",
|
|
36
|
+
"dtBadgeColorBackgroundAi": "linear-gradient(135deg, #F9008E 10%, #7C52FF 90%)",
|
|
37
|
+
"dtBadgeColorForegroundDefault": "#000000",
|
|
38
|
+
"dtBadgeColorForegroundBulletin": "#ffffff",
|
|
2
39
|
"dtColorForegroundPrimary": "#000000",
|
|
3
40
|
"dtColorForegroundSecondary": "#3A3A3A",
|
|
4
41
|
"dtColorForegroundTertiary": "#555555",
|
package/package.json
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@dialpad/dialtone-tokens",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.10.0",
|
|
4
4
|
"description": "Design tokens for Dialtone.",
|
|
5
5
|
"main": "index.js",
|
|
6
6
|
"scripts": {
|
|
7
7
|
"test": "echo \"Error: no test specified\" && exit 1",
|
|
8
8
|
"build": "npm run transform && ./build.js && cp ./AndroidManifest.xml dist/android && ./gradlew publishToMavenLocal -Pversion=$npm_package_version && ./build-ios.js",
|
|
9
|
-
"transform": "token-transformer base.json tokens/tokens.json base,semantic --expandTypography=true --expandShadow=true",
|
|
9
|
+
"transform": "token-transformer base.json tokens/tokens.json base,semantic,components/badge,components/checkbox,components/icon,components/radio --expandTypography=true --expandShadow=true",
|
|
10
10
|
"prepublishOnly": "npm run build",
|
|
11
11
|
"release": "semantic-release --no-ci --extends ./release-local.config.js"
|
|
12
12
|
},
|