@dialpad/dialtone-tokens 1.3.3 → 1.3.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +0 -2
- package/dist/android/colors.xml +1 -1
- package/dist/android/dimens.xml +1 -1
- package/dist/android/tokens.kt +78 -78
- package/dist/css/variables.css +1 -1
- package/dist/ios/tokens.swift +1 -1
- package/dist/less/variables.less +1 -1
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -1,7 +1,5 @@
|
|
|
1
1
|
# Design Tokens for Dialtone
|
|
2
2
|
|
|
3
|
-
**This repository is in development and NOT currently ready for use.**
|
|
4
|
-
|
|
5
3
|
Design tokens for Dialpad's design system Dialtone and everything related to building and publishing them.
|
|
6
4
|
|
|
7
5
|
Design tokens are all the defined values that are part of the design system, such as color, spacing, typography, and more. The goal is to store design tokens as JSON and output and publish them to many different formats (CSS, LESS, Android, iOS, etc) upon build.
|
package/dist/android/colors.xml
CHANGED
package/dist/android/dimens.xml
CHANGED
package/dist/android/tokens.kt
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
|
|
2
2
|
|
|
3
3
|
// Do not edit directly
|
|
4
|
-
// Generated on
|
|
4
|
+
// Generated on Mon, 24 Oct 2022 21:03:53 GMT
|
|
5
5
|
|
|
6
6
|
|
|
7
7
|
|
|
@@ -17,11 +17,11 @@ object DialtoneTokens {
|
|
|
17
17
|
val dtButtonBorderRadiusLarge = 9.dp
|
|
18
18
|
val dtButtonBorderRadiusMedium = 8.dp
|
|
19
19
|
val dtButtonBorderRadiusSmall = 7.5.dp
|
|
20
|
-
val dtButtonColorBackgroundDanger = Color(
|
|
20
|
+
val dtButtonColorBackgroundDanger = Color(0xffff2e2e)
|
|
21
21
|
val dtButtonColorBackgroundDefault = Color(0x00000000)
|
|
22
|
-
val dtButtonColorBackgroundPrimary = Color(
|
|
22
|
+
val dtButtonColorBackgroundPrimary = Color(0xff7c52ff)
|
|
23
23
|
val dtButtonColorTextDanger = Color(0xffffffff)
|
|
24
|
-
val dtButtonColorTextDefault = Color(
|
|
24
|
+
val dtButtonColorTextDefault = Color(0xff7c52ff)
|
|
25
25
|
val dtButtonColorTextPrimary = Color(0xffffffff)
|
|
26
26
|
val dtButtonFontSizeExtraLarge = 27.sp
|
|
27
27
|
val dtButtonFontSizeExtraSmall = 12.sp
|
|
@@ -44,75 +44,75 @@ object DialtoneTokens {
|
|
|
44
44
|
val dtButtonPaddingVerticalMedium = 15.sp
|
|
45
45
|
val dtButtonPaddingVerticalSmall = 13.sp
|
|
46
46
|
val dtButtonSpaceGap = 16.sp
|
|
47
|
-
val dtColorBlack100 = Color(
|
|
48
|
-
val dtColorBlack200 = Color(
|
|
49
|
-
val dtColorBlack300 = Color(
|
|
50
|
-
val dtColorBlack400 = Color(
|
|
51
|
-
val dtColorBlack500 = Color(
|
|
52
|
-
val dtColorBlack600 = Color(
|
|
53
|
-
val dtColorBlack700 = Color(
|
|
54
|
-
val dtColorBlack800 = Color(
|
|
55
|
-
val dtColorBlack900 = Color(
|
|
56
|
-
val dtColorBlue100 = Color(
|
|
57
|
-
val dtColorBlue200 = Color(
|
|
58
|
-
val dtColorBlue300 = Color(
|
|
59
|
-
val dtColorBlue400 = Color(
|
|
60
|
-
val dtColorBlue500 = Color(
|
|
61
|
-
val dtColorGold100 = Color(
|
|
62
|
-
val dtColorGold200 = Color(
|
|
63
|
-
val dtColorGold300 = Color(
|
|
64
|
-
val dtColorGold400 = Color(
|
|
65
|
-
val dtColorGold500 = Color(
|
|
66
|
-
val dtColorGradientMagentaPurple = Color(
|
|
67
|
-
val dtColorGreen100 = Color(
|
|
68
|
-
val dtColorGreen200 = Color(
|
|
69
|
-
val dtColorGreen300 = Color(
|
|
70
|
-
val dtColorGreen400 = Color(
|
|
71
|
-
val dtColorGreen500 = Color(
|
|
72
|
-
val dtColorMagenta100 = Color(
|
|
73
|
-
val dtColorMagenta200 = Color(
|
|
74
|
-
val dtColorMagenta300 = Color(
|
|
75
|
-
val dtColorMagenta400 = Color(
|
|
76
|
-
val dtColorMagenta500 = Color(
|
|
77
|
-
val dtColorNeutralBlack = Color(
|
|
47
|
+
val dtColorBlack100 = Color(0xfff9f9f9)
|
|
48
|
+
val dtColorBlack200 = Color(0xffe9e9e9)
|
|
49
|
+
val dtColorBlack300 = Color(0xffd2d2d2)
|
|
50
|
+
val dtColorBlack400 = Color(0xffaaaaaa)
|
|
51
|
+
val dtColorBlack500 = Color(0xff808080)
|
|
52
|
+
val dtColorBlack600 = Color(0xff555555)
|
|
53
|
+
val dtColorBlack700 = Color(0xff3a3a3a)
|
|
54
|
+
val dtColorBlack800 = Color(0xff222222)
|
|
55
|
+
val dtColorBlack900 = Color(0xff000000)
|
|
56
|
+
val dtColorBlue100 = Color(0xffe3edf9)
|
|
57
|
+
val dtColorBlue200 = Color(0xff84bdff)
|
|
58
|
+
val dtColorBlue300 = Color(0xff51a0fe)
|
|
59
|
+
val dtColorBlue400 = Color(0xff1768c6)
|
|
60
|
+
val dtColorBlue500 = Color(0xff01326d)
|
|
61
|
+
val dtColorGold100 = Color(0xffffe793)
|
|
62
|
+
val dtColorGold200 = Color(0xffffd362)
|
|
63
|
+
val dtColorGold300 = Color(0xfff6ab3c)
|
|
64
|
+
val dtColorGold400 = Color(0xffd28f2b)
|
|
65
|
+
val dtColorGold500 = Color(0xff815008)
|
|
66
|
+
val dtColorGradientMagentaPurple = Color(0xff000000)
|
|
67
|
+
val dtColorGreen100 = Color(0xffddf4d9)
|
|
68
|
+
val dtColorGreen200 = Color(0xff9fff90)
|
|
69
|
+
val dtColorGreen300 = Color(0xff45f777)
|
|
70
|
+
val dtColorGreen400 = Color(0xff1aa340)
|
|
71
|
+
val dtColorGreen500 = Color(0xff124620)
|
|
72
|
+
val dtColorMagenta100 = Color(0xffff97d2)
|
|
73
|
+
val dtColorMagenta200 = Color(0xfff756b1)
|
|
74
|
+
val dtColorMagenta300 = Color(0xfff9008e)
|
|
75
|
+
val dtColorMagenta400 = Color(0xff8c0e56)
|
|
76
|
+
val dtColorMagenta500 = Color(0xff541a3b)
|
|
77
|
+
val dtColorNeutralBlack = Color(0xff000000)
|
|
78
78
|
val dtColorNeutralWhite = Color(0xffffffff)
|
|
79
|
-
val dtColorPurple100 = Color(
|
|
80
|
-
val dtColorPurple200 = Color(
|
|
81
|
-
val dtColorPurple300 = Color(
|
|
82
|
-
val dtColorPurple400 = Color(
|
|
83
|
-
val dtColorPurple500 = Color(
|
|
84
|
-
val dtColorPurple600 = Color(
|
|
85
|
-
val dtColorRed100 = Color(
|
|
86
|
-
val dtColorRed200 = Color(
|
|
87
|
-
val dtColorRed300 = Color(
|
|
88
|
-
val dtColorRed400 = Color(
|
|
89
|
-
val dtColorRed500 = Color(
|
|
90
|
-
val dtColorSurfaceBold = Color(
|
|
91
|
-
val dtColorSurfaceContrast = Color(
|
|
92
|
-
val dtColorSurfaceError = Color(
|
|
93
|
-
val dtColorSurfaceModerate = Color(
|
|
79
|
+
val dtColorPurple100 = Color(0xffeee5ff)
|
|
80
|
+
val dtColorPurple200 = Color(0xffd3bcff)
|
|
81
|
+
val dtColorPurple300 = Color(0xffab7eff)
|
|
82
|
+
val dtColorPurple400 = Color(0xff7c52ff)
|
|
83
|
+
val dtColorPurple500 = Color(0xff3a1d95)
|
|
84
|
+
val dtColorPurple600 = Color(0xff10022c)
|
|
85
|
+
val dtColorRed100 = Color(0xffffdcdc)
|
|
86
|
+
val dtColorRed200 = Color(0xffff7474)
|
|
87
|
+
val dtColorRed300 = Color(0xffff2e2e)
|
|
88
|
+
val dtColorRed400 = Color(0xffa41111)
|
|
89
|
+
val dtColorRed500 = Color(0xff540000)
|
|
90
|
+
val dtColorSurfaceBold = Color(0xffbbbbbb)
|
|
91
|
+
val dtColorSurfaceContrast = Color(0xff222222)
|
|
92
|
+
val dtColorSurfaceError = Color(0xffffdcdc)
|
|
93
|
+
val dtColorSurfaceModerate = Color(0xffededed)
|
|
94
94
|
val dtColorSurfacePrimary = Color(0xffffffff)
|
|
95
|
-
val dtColorSurfaceSecondary = Color(
|
|
96
|
-
val dtColorSurfaceStrong = Color(
|
|
97
|
-
val dtColorSurfaceSuccess = Color(
|
|
98
|
-
val dtColorSurfaceWarning = Color(
|
|
99
|
-
val dtColorTan100 = Color(
|
|
100
|
-
val dtColorTan200 = Color(
|
|
101
|
-
val dtColorTan300 = Color(
|
|
102
|
-
val dtColorTan400 = Color(
|
|
103
|
-
val dtColorTan500 = Color(
|
|
104
|
-
val dtColorTextDisabled = Color(
|
|
105
|
-
val dtColorTextError = Color(
|
|
106
|
-
val dtColorTextLinkPrimary = Color(
|
|
107
|
-
val dtColorTextMuted = Color(
|
|
108
|
-
val dtColorTextOnDarkPrimary = Color(
|
|
109
|
-
val dtColorTextOnDarkSecondary = Color(
|
|
110
|
-
val dtColorTextPlaceholder = Color(
|
|
111
|
-
val dtColorTextPrimary = Color(
|
|
112
|
-
val dtColorTextSecondary = Color(
|
|
113
|
-
val dtColorTextSuccess = Color(
|
|
114
|
-
val dtColorTextTertiary = Color(
|
|
115
|
-
val dtColorTextWarning = Color(
|
|
95
|
+
val dtColorSurfaceSecondary = Color(0xfff9f9f9)
|
|
96
|
+
val dtColorSurfaceStrong = Color(0xff555555)
|
|
97
|
+
val dtColorSurfaceSuccess = Color(0xffddf4d9)
|
|
98
|
+
val dtColorSurfaceWarning = Color(0xffffe793)
|
|
99
|
+
val dtColorTan100 = Color(0xfff2f0ee)
|
|
100
|
+
val dtColorTan200 = Color(0xffcec8c4)
|
|
101
|
+
val dtColorTan300 = Color(0xff87807b)
|
|
102
|
+
val dtColorTan400 = Color(0xff3f3d3c)
|
|
103
|
+
val dtColorTan500 = Color(0xff121212)
|
|
104
|
+
val dtColorTextDisabled = Color(0xff808080)
|
|
105
|
+
val dtColorTextError = Color(0xffa41111)
|
|
106
|
+
val dtColorTextLinkPrimary = Color(0xff7c52ff)
|
|
107
|
+
val dtColorTextMuted = Color(0x80222222)
|
|
108
|
+
val dtColorTextOnDarkPrimary = Color(0xfff9f9f9)
|
|
109
|
+
val dtColorTextOnDarkSecondary = Color(0xffd2d2d2)
|
|
110
|
+
val dtColorTextPlaceholder = Color(0xff808080)
|
|
111
|
+
val dtColorTextPrimary = Color(0xff000000)
|
|
112
|
+
val dtColorTextSecondary = Color(0xff3a3a3a)
|
|
113
|
+
val dtColorTextSuccess = Color(0xff00671d)
|
|
114
|
+
val dtColorTextTertiary = Color(0xff555555)
|
|
115
|
+
val dtColorTextWarning = Color(0xff815008)
|
|
116
116
|
val dtFontFamilyBody = "SF Pro, -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'"
|
|
117
117
|
val dtFontFamilyExpressive = "Archivo, -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'"
|
|
118
118
|
val dtFontFamilyMono = "SF Mono, SFMono-Regular, Consolas, 'Liberation Mono', Menlo, Courier, monospace"
|
|
@@ -151,43 +151,43 @@ object DialtoneTokens {
|
|
|
151
151
|
val dtOpacity800 = 0.6
|
|
152
152
|
val dtOpacity900 = 0.7
|
|
153
153
|
val dtShadowCard0Blur = 2.dp
|
|
154
|
-
val dtShadowCard0Color = Color(
|
|
154
|
+
val dtShadowCard0Color = Color(0x08000000)
|
|
155
155
|
val dtShadowCard0Spread = 0
|
|
156
156
|
val dtShadowCard0Type = "dropShadow"
|
|
157
157
|
val dtShadowCard0X = 0
|
|
158
158
|
val dtShadowCard0Y = 1.dp
|
|
159
159
|
val dtShadowCard1Blur = 4.dp
|
|
160
|
-
val dtShadowCard1Color = Color(
|
|
160
|
+
val dtShadowCard1Color = Color(0x0a000000)
|
|
161
161
|
val dtShadowCard1Spread = 0
|
|
162
162
|
val dtShadowCard1Type = "dropShadow"
|
|
163
163
|
val dtShadowCard1X = 0
|
|
164
164
|
val dtShadowCard1Y = 2.dp
|
|
165
165
|
val dtShadowCard2Blur = 16.dp
|
|
166
|
-
val dtShadowCard2Color = Color(
|
|
166
|
+
val dtShadowCard2Color = Color(0x14000000)
|
|
167
167
|
val dtShadowCard2Spread = 0
|
|
168
168
|
val dtShadowCard2Type = "dropShadow"
|
|
169
169
|
val dtShadowCard2X = 0
|
|
170
170
|
val dtShadowCard2Y = 2.dp
|
|
171
171
|
val dtShadowExtraLarge0Blur = 32.dp
|
|
172
|
-
val dtShadowExtraLarge0Color = Color(
|
|
172
|
+
val dtShadowExtraLarge0Color = Color(0x4d000000)
|
|
173
173
|
val dtShadowExtraLarge0Spread = 0
|
|
174
174
|
val dtShadowExtraLarge0Type = "dropShadow"
|
|
175
175
|
val dtShadowExtraLarge0X = 0
|
|
176
176
|
val dtShadowExtraLarge0Y = 2.dp
|
|
177
177
|
val dtShadowLarge0Blur = 16.dp
|
|
178
|
-
val dtShadowLarge0Color = Color(
|
|
178
|
+
val dtShadowLarge0Color = Color(0x4d000000)
|
|
179
179
|
val dtShadowLarge0Spread = 0
|
|
180
180
|
val dtShadowLarge0Type = "dropShadow"
|
|
181
181
|
val dtShadowLarge0X = 0
|
|
182
182
|
val dtShadowLarge0Y = 2.dp
|
|
183
183
|
val dtShadowMedium0Blur = 8.dp
|
|
184
|
-
val dtShadowMedium0Color = Color(
|
|
184
|
+
val dtShadowMedium0Color = Color(0x40000000)
|
|
185
185
|
val dtShadowMedium0Spread = 0
|
|
186
186
|
val dtShadowMedium0Type = "dropShadow"
|
|
187
187
|
val dtShadowMedium0X = 0
|
|
188
188
|
val dtShadowMedium0Y = 2.dp
|
|
189
189
|
val dtShadowSmall0Blur = 4.dp
|
|
190
|
-
val dtShadowSmall0Color = Color(
|
|
190
|
+
val dtShadowSmall0Color = Color(0x26000000)
|
|
191
191
|
val dtShadowSmall0Spread = 0
|
|
192
192
|
val dtShadowSmall0Type = "dropShadow"
|
|
193
193
|
val dtShadowSmall0X = 0
|
package/dist/css/variables.css
CHANGED
package/dist/ios/tokens.swift
CHANGED
package/dist/less/variables.less
CHANGED