@nexub/tokens 3.4.0 → 3.6.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/compose/NexubTokens.kt +162 -0
- package/dist/figma/color.dark.high.tokens.json +326 -0
- package/dist/figma/color.dark.medium.tokens.json +326 -0
- package/dist/figma/color.dark.standard.tokens.json +326 -0
- package/dist/figma/color.light.high.tokens.json +326 -0
- package/dist/figma/color.light.medium.tokens.json +326 -0
- package/dist/figma/color.light.standard.tokens.json +326 -0
- package/dist/figma/primitives.tokens.json +552 -0
- package/dist/swift/NexubTokens.swift +157 -0
- package/package.json +4 -1
|
@@ -0,0 +1,157 @@
|
|
|
1
|
+
// Auto-generated by @nexub/tokens. Do not edit.
|
|
2
|
+
import SwiftUI
|
|
3
|
+
|
|
4
|
+
/// Nexub colour roles for one scheme and contrast level. Pair every background with its `on` role.
|
|
5
|
+
public struct NexubColors: Sendable {
|
|
6
|
+
public let primary: Color
|
|
7
|
+
public let onPrimary: Color
|
|
8
|
+
public let primaryContainer: Color
|
|
9
|
+
public let onPrimaryContainer: Color
|
|
10
|
+
public let secondary: Color
|
|
11
|
+
public let onSecondary: Color
|
|
12
|
+
public let secondaryContainer: Color
|
|
13
|
+
public let onSecondaryContainer: Color
|
|
14
|
+
public let error: Color
|
|
15
|
+
public let onError: Color
|
|
16
|
+
public let errorContainer: Color
|
|
17
|
+
public let onErrorContainer: Color
|
|
18
|
+
public let success: Color
|
|
19
|
+
public let onSuccess: Color
|
|
20
|
+
public let successContainer: Color
|
|
21
|
+
public let onSuccessContainer: Color
|
|
22
|
+
public let warning: Color
|
|
23
|
+
public let onWarning: Color
|
|
24
|
+
public let warningContainer: Color
|
|
25
|
+
public let onWarningContainer: Color
|
|
26
|
+
public let info: Color
|
|
27
|
+
public let onInfo: Color
|
|
28
|
+
public let infoContainer: Color
|
|
29
|
+
public let onInfoContainer: Color
|
|
30
|
+
public let leap: Color
|
|
31
|
+
public let onLeap: Color
|
|
32
|
+
public let leapContainer: Color
|
|
33
|
+
public let onLeapContainer: Color
|
|
34
|
+
public let bookub: Color
|
|
35
|
+
public let onBookub: Color
|
|
36
|
+
public let bookubContainer: Color
|
|
37
|
+
public let onBookubContainer: Color
|
|
38
|
+
public let payub: Color
|
|
39
|
+
public let onPayub: Color
|
|
40
|
+
public let payubContainer: Color
|
|
41
|
+
public let onPayubContainer: Color
|
|
42
|
+
public let founderub: Color
|
|
43
|
+
public let onFounderub: Color
|
|
44
|
+
public let founderubContainer: Color
|
|
45
|
+
public let onFounderubContainer: Color
|
|
46
|
+
public let surface: Color
|
|
47
|
+
public let surfaceDim: Color
|
|
48
|
+
public let surfaceBright: Color
|
|
49
|
+
public let surfaceContainerLowest: Color
|
|
50
|
+
public let surfaceContainerLow: Color
|
|
51
|
+
public let surfaceContainer: Color
|
|
52
|
+
public let surfaceContainerHigh: Color
|
|
53
|
+
public let surfaceContainerHighest: Color
|
|
54
|
+
public let surfaceElevated: Color
|
|
55
|
+
public let onSurface: Color
|
|
56
|
+
public let onSurfaceVariant: Color
|
|
57
|
+
public let onSurfaceMuted: Color
|
|
58
|
+
public let outline: Color
|
|
59
|
+
public let outlineVariant: Color
|
|
60
|
+
public let inverseSurface: Color
|
|
61
|
+
public let inverseOnSurface: Color
|
|
62
|
+
public let inversePrimary: Color
|
|
63
|
+
public let scrim: Color
|
|
64
|
+
public let tertiary: Color
|
|
65
|
+
public let onTertiary: Color
|
|
66
|
+
public let tertiaryContainer: Color
|
|
67
|
+
public let onTertiaryContainer: Color
|
|
68
|
+
}
|
|
69
|
+
|
|
70
|
+
public enum NexubTokens {
|
|
71
|
+
public static let light = NexubColors(primary: Color(red: 0, green: 0.34901960784313724, blue: 0.7803921568627451), onPrimary: Color(red: 1, green: 1, blue: 1), primaryContainer: Color(red: 0.8509803921568627, green: 0.8862745098039215, blue: 1), onPrimaryContainer: Color(red: 0, green: 0.09803921568627451, blue: 0.26666666666666666), secondary: Color(red: 0.3411764705882353, green: 0.3686274509803922, blue: 0.44313725490196076), onSecondary: Color(red: 1, green: 1, blue: 1), secondaryContainer: Color(red: 0.8588235294117647, green: 0.8862745098039215, blue: 0.9764705882352941), onSecondaryContainer: Color(red: 0.0784313725490196, green: 0.10588235294117647, blue: 0.17254901960784313), error: Color(red: 0.7254901960784313, green: 0.10980392156862745, blue: 0.10980392156862745), onError: Color(red: 1, green: 1, blue: 1), errorContainer: Color(red: 1, green: 0.8549019607843137, blue: 0.8392156862745098), onErrorContainer: Color(red: 0.2549019607843137, green: 0, blue: 0.00784313725490196), success: Color(red: 0, green: 0.4235294117647059, blue: 0.3058823529411765), onSuccess: Color(red: 1, green: 1, blue: 1), successContainer: Color(red: 0.592156862745098, green: 0.9607843137254902, blue: 0.8), onSuccessContainer: Color(red: 0, green: 0.12941176470588237, blue: 0.08235294117647059), warning: Color(red: 0.5215686274509804, green: 0.3254901960784314, blue: 0), onWarning: Color(red: 1, green: 1, blue: 1), warningContainer: Color(red: 1, green: 0.8666666666666667, blue: 0.7215686274509804), onWarningContainer: Color(red: 0.16470588235294117, green: 0.09019607843137255, blue: 0), info: Color(red: 0, green: 0.34901960784313724, blue: 0.7803921568627451), onInfo: Color(red: 1, green: 1, blue: 1), infoContainer: Color(red: 0.8509803921568627, green: 0.8862745098039215, blue: 1), onInfoContainer: Color(red: 0, green: 0.09803921568627451, blue: 0.26666666666666666), leap: Color(red: 0.28627450980392155, green: 0.29411764705882354, blue: 0.8392156862745098), onLeap: Color(red: 1, green: 1, blue: 1), leapContainer: Color(red: 0.8823529411764706, green: 0.8784313725490196, blue: 1), onLeapContainer: Color(red: 0.027450980392156862, green: 0, blue: 0.4235294117647059), bookub: Color(red: 0, green: 0.4235294117647059, blue: 0.28627450980392155), onBookub: Color(red: 1, green: 1, blue: 1), bookubContainer: Color(red: 0.43529411764705883, green: 0.984313725490196, blue: 0.7450980392156863), onBookubContainer: Color(red: 0, green: 0.12941176470588237, blue: 0.07450980392156863), payub: Color(red: 0.42745098039215684, green: 0.23137254901960785, blue: 0.8431372549019608), onPayub: Color(red: 1, green: 1, blue: 1), payubContainer: Color(red: 0.9137254901960784, green: 0.8666666666666667, blue: 1), onPayubContainer: Color(red: 0.13725490196078433, green: 0, blue: 0.3607843137254902), founderub: Color(red: 0.5215686274509804, green: 0.3254901960784314, blue: 0), onFounderub: Color(red: 1, green: 1, blue: 1), founderubContainer: Color(red: 1, green: 0.8666666666666667, blue: 0.7215686274509804), onFounderubContainer: Color(red: 0.16470588235294117, green: 0.09019607843137255, blue: 0), surface: Color(red: 0.9803921568627451, green: 0.9764705882352941, blue: 0.9921568627450981), surfaceDim: Color(red: 0.8549019607843137, green: 0.8509803921568627, blue: 0.8666666666666667), surfaceBright: Color(red: 0.9803921568627451, green: 0.9764705882352941, blue: 0.9921568627450981), surfaceContainerLowest: Color(red: 1, green: 1, blue: 1), surfaceContainerLow: Color(red: 0.9568627450980393, green: 0.9529411764705882, blue: 0.9686274509803922), surfaceContainer: Color(red: 0.9333333333333333, green: 0.9294117647058824, blue: 0.9450980392156862), surfaceContainerHigh: Color(red: 0.9098039215686274, green: 0.9098039215686274, blue: 0.9215686274509803), surfaceContainerHighest: Color(red: 0.8901960784313725, green: 0.8862745098039215, blue: 0.9019607843137255), surfaceElevated: Color(red: 1, green: 1, blue: 1), onSurface: Color(red: 0.10196078431372549, green: 0.10980392156862745, blue: 0.11764705882352941), onSurfaceVariant: Color(red: 0.2627450980392157, green: 0.2784313725490196, blue: 0.3058823529411765), onSurfaceMuted: Color(red: 0.35294117647058826, green: 0.37254901960784315, blue: 0.4), outline: Color(red: 0.45098039215686275, green: 0.4666666666666667, blue: 0.4980392156862745), outlineVariant: Color(red: 0.7647058823529411, green: 0.7764705882352941, blue: 0.8117647058823529), inverseSurface: Color(red: 0.1843137254901961, green: 0.18823529411764706, blue: 0.2), inverseOnSurface: Color(red: 0.9450980392156862, green: 0.9411764705882353, blue: 0.9568627450980393), inversePrimary: Color(red: 0.6862745098039216, green: 0.7764705882352941, blue: 1), scrim: Color(red: 0, green: 0, blue: 0), tertiary: Color(red: 0, green: 0.34901960784313724, blue: 0.7803921568627451), onTertiary: Color(red: 1, green: 1, blue: 1), tertiaryContainer: Color(red: 0.8509803921568627, green: 0.8862745098039215, blue: 1), onTertiaryContainer: Color(red: 0, green: 0.09803921568627451, blue: 0.26666666666666666))
|
|
72
|
+
public static let dark = NexubColors(primary: Color(red: 0.6862745098039216, green: 0.7764705882352941, blue: 1), onPrimary: Color(red: 0, green: 0.17647058823529413, blue: 0.42745098039215684), primaryContainer: Color(red: 0, green: 0.25882352941176473, blue: 0.6), onPrimaryContainer: Color(red: 0.8509803921568627, green: 0.8862745098039215, blue: 1), secondary: Color(red: 0.7490196078431373, green: 0.7764705882352941, blue: 0.8627450980392157), onSecondary: Color(red: 0.1607843137254902, green: 0.18823529411764706, blue: 0.25882352941176473), secondaryContainer: Color(red: 0.25098039215686274, green: 0.2784313725490196, blue: 0.34901960784313724), onSecondaryContainer: Color(red: 0.8588235294117647, green: 0.8862745098039215, blue: 0.9764705882352941), error: Color(red: 1, green: 0.7058823529411765, blue: 0.6705882352941176), onError: Color(red: 0.4117647058823529, green: 0, blue: 0.0196078431372549), errorContainer: Color(red: 0.5764705882352941, green: 0, blue: 0.043137254901960784), onErrorContainer: Color(red: 1, green: 0.8549019607843137, blue: 0.8392156862745098), success: Color(red: 0.4823529411764706, green: 0.8470588235294118, blue: 0.6941176470588235), onSuccess: Color(red: 0, green: 0.2196078431372549, blue: 0.15294117647058825), successContainer: Color(red: 0, green: 0.3176470588235294, blue: 0.22745098039215686), onSuccessContainer: Color(red: 0.592156862745098, green: 0.9607843137254902, blue: 0.8), warning: Color(red: 1, green: 0.7254901960784313, blue: 0.37254901960784315), onWarning: Color(red: 0.2784313725490196, green: 0.16470588235294117, blue: 0), warningContainer: Color(red: 0.396078431372549, green: 0.24313725490196078, blue: 0), onWarningContainer: Color(red: 1, green: 0.8666666666666667, blue: 0.7215686274509804), info: Color(red: 0.6862745098039216, green: 0.7764705882352941, blue: 1), onInfo: Color(red: 0, green: 0.17647058823529413, blue: 0.42745098039215684), infoContainer: Color(red: 0, green: 0.25882352941176473, blue: 0.6), onInfoContainer: Color(red: 0.8509803921568627, green: 0.8862745098039215, blue: 1), leap: Color(red: 0.7529411764705882, green: 0.7568627450980392, blue: 1), onLeap: Color(red: 0.06274509803921569, green: 0, blue: 0.6627450980392157), leapContainer: Color(red: 0.1843137254901961, green: 0.1803921568627451, blue: 0.7450980392156863), onLeapContainer: Color(red: 0.8823529411764706, green: 0.8784313725490196, blue: 1), bookub: Color(red: 0.3058823529411765, green: 0.8705882352941177, blue: 0.6392156862745098), onBookub: Color(red: 0, green: 0.2196078431372549, blue: 0.1411764705882353), bookubContainer: Color(red: 0, green: 0.3215686274509804, blue: 0.21176470588235294), onBookubContainer: Color(red: 0.43529411764705883, green: 0.984313725490196, blue: 0.7450980392156863), payub: Color(red: 0.8156862745098039, green: 0.7372549019607844, blue: 1), onPayub: Color(red: 0.23529411764705882, green: 0, blue: 0.5686274509803921), payubContainer: Color(red: 0.3333333333333333, green: 0.08627450980392157, blue: 0.7450980392156863), onPayubContainer: Color(red: 0.9137254901960784, green: 0.8666666666666667, blue: 1), founderub: Color(red: 1, green: 0.7254901960784313, blue: 0.37254901960784315), onFounderub: Color(red: 0.2784313725490196, green: 0.16470588235294117, blue: 0), founderubContainer: Color(red: 0.396078431372549, green: 0.24313725490196078, blue: 0), onFounderubContainer: Color(red: 1, green: 0.8666666666666667, blue: 0.7215686274509804), surface: Color(red: 0.07058823529411765, green: 0.07450980392156863, blue: 0.08627450980392157), surfaceDim: Color(red: 0.07058823529411765, green: 0.07450980392156863, blue: 0.08627450980392157), surfaceBright: Color(red: 0.2196078431372549, green: 0.2235294117647059, blue: 0.23529411764705882), surfaceContainerLowest: Color(red: 0.050980392156862744, green: 0.054901960784313725, blue: 0.06666666666666667), surfaceContainerLow: Color(red: 0.10196078431372549, green: 0.10980392156862745, blue: 0.11764705882352941), surfaceContainer: Color(red: 0.11764705882352941, green: 0.12549019607843137, blue: 0.13333333333333333), surfaceContainerHigh: Color(red: 0.1607843137254902, green: 0.16470588235294117, blue: 0.17647058823529413), surfaceContainerHighest: Color(red: 0.2, green: 0.20784313725490197, blue: 0.2196078431372549), surfaceElevated: Color(red: 0.1607843137254902, green: 0.16470588235294117, blue: 0.17647058823529413), onSurface: Color(red: 0.8901960784313725, green: 0.8862745098039215, blue: 0.9019607843137255), onSurfaceVariant: Color(red: 0.7647058823529411, green: 0.7764705882352941, blue: 0.8117647058823529), onSurfaceMuted: Color(red: 0.6784313725490196, green: 0.6941176470588235, blue: 0.7254901960784313), outline: Color(red: 0.5529411764705883, green: 0.5686274509803921, blue: 0.6), outlineVariant: Color(red: 0.2627450980392157, green: 0.2784313725490196, blue: 0.3058823529411765), inverseSurface: Color(red: 0.8901960784313725, green: 0.8862745098039215, blue: 0.9019607843137255), inverseOnSurface: Color(red: 0.1843137254901961, green: 0.18823529411764706, blue: 0.2), inversePrimary: Color(red: 0, green: 0.34901960784313724, blue: 0.7803921568627451), scrim: Color(red: 0, green: 0, blue: 0), tertiary: Color(red: 0.6862745098039216, green: 0.7764705882352941, blue: 1), onTertiary: Color(red: 0, green: 0.17647058823529413, blue: 0.42745098039215684), tertiaryContainer: Color(red: 0, green: 0.25882352941176473, blue: 0.6), onTertiaryContainer: Color(red: 0.8509803921568627, green: 0.8862745098039215, blue: 1))
|
|
73
|
+
public static let lightMediumContrast = NexubColors(primary: Color(red: 0, green: 0.30196078431372547, blue: 0.6901960784313725), onPrimary: Color(red: 1, green: 1, blue: 1), primaryContainer: Color(red: 0.8509803921568627, green: 0.8862745098039215, blue: 1), onPrimaryContainer: Color(red: 0, green: 0.058823529411764705, blue: 0.1843137254901961), secondary: Color(red: 0.29411764705882354, green: 0.3215686274509804, blue: 0.396078431372549), onSecondary: Color(red: 1, green: 1, blue: 1), secondaryContainer: Color(red: 0.8588235294117647, green: 0.8862745098039215, blue: 0.9764705882352941), onSecondaryContainer: Color(red: 0.03529411764705882, green: 0.06666666666666667, blue: 0.12941176470588237), error: Color(red: 0.6549019607843137, green: 0.0392156862745098, blue: 0.06666666666666667), onError: Color(red: 1, green: 1, blue: 1), errorContainer: Color(red: 1, green: 0.8549019607843137, blue: 0.8392156862745098), onErrorContainer: Color(red: 0.17647058823529413, green: 0, blue: 0.00392156862745098), success: Color(red: 0, green: 0.3686274509803922, blue: 0.26666666666666666), onSuccess: Color(red: 1, green: 1, blue: 1), successContainer: Color(red: 0.592156862745098, green: 0.9607843137254902, blue: 0.8), onSuccessContainer: Color(red: 0, green: 0.08235294117647059, blue: 0.047058823529411764), warning: Color(red: 0.4588235294117647, green: 0.28627450980392155, blue: 0), onWarning: Color(red: 1, green: 1, blue: 1), warningContainer: Color(red: 1, green: 0.8666666666666667, blue: 0.7215686274509804), onWarningContainer: Color(red: 0.10980392156862745, green: 0.054901960784313725, blue: 0), info: Color(red: 0, green: 0.30196078431372547, blue: 0.6901960784313725), onInfo: Color(red: 1, green: 1, blue: 1), infoContainer: Color(red: 0.8509803921568627, green: 0.8862745098039215, blue: 1), onInfoContainer: Color(red: 0, green: 0.058823529411764705, blue: 0.1843137254901961), leap: Color(red: 0.23529411764705882, green: 0.23921568627450981, blue: 0.792156862745098), onLeap: Color(red: 1, green: 1, blue: 1), leapContainer: Color(red: 0.8823529411764706, green: 0.8784313725490196, blue: 1), onLeapContainer: Color(red: 0.011764705882352941, green: 0, blue: 0.30196078431372547), bookub: Color(red: 0, green: 0.37254901960784315, blue: 0.25098039215686274), onBookub: Color(red: 1, green: 1, blue: 1), bookubContainer: Color(red: 0.43529411764705883, green: 0.984313725490196, blue: 0.7450980392156863), onBookubContainer: Color(red: 0, green: 0.08235294117647059, blue: 0.043137254901960784), payub: Color(red: 0.3803921568627451, green: 0.16470588235294117, blue: 0.792156862745098), onPayub: Color(red: 1, green: 1, blue: 1), payubContainer: Color(red: 0.9137254901960784, green: 0.8666666666666667, blue: 1), onPayubContainer: Color(red: 0.08627450980392157, green: 0, blue: 0.2549019607843137), founderub: Color(red: 0.4588235294117647, green: 0.28627450980392155, blue: 0), onFounderub: Color(red: 1, green: 1, blue: 1), founderubContainer: Color(red: 1, green: 0.8666666666666667, blue: 0.7215686274509804), onFounderubContainer: Color(red: 0.10980392156862745, green: 0.054901960784313725, blue: 0), surface: Color(red: 0.9803921568627451, green: 0.9764705882352941, blue: 0.9921568627450981), surfaceDim: Color(red: 0.8549019607843137, green: 0.8509803921568627, blue: 0.8666666666666667), surfaceBright: Color(red: 0.9803921568627451, green: 0.9764705882352941, blue: 0.9921568627450981), surfaceContainerLowest: Color(red: 1, green: 1, blue: 1), surfaceContainerLow: Color(red: 0.9568627450980393, green: 0.9529411764705882, blue: 0.9686274509803922), surfaceContainer: Color(red: 0.9333333333333333, green: 0.9294117647058824, blue: 0.9450980392156862), surfaceContainerHigh: Color(red: 0.9098039215686274, green: 0.9098039215686274, blue: 0.9215686274509803), surfaceContainerHighest: Color(red: 0.8901960784313725, green: 0.8862745098039215, blue: 0.9019607843137255), surfaceElevated: Color(red: 1, green: 1, blue: 1), onSurface: Color(red: 0.058823529411764705, green: 0.06666666666666667, blue: 0.0784313725490196), onSurfaceVariant: Color(red: 0.21568627450980393, green: 0.23529411764705882, blue: 0.2627450980392157), onSurfaceMuted: Color(red: 0.3058823529411765, green: 0.3254901960784314, blue: 0.35294117647058826), outline: Color(red: 0.35294117647058826, green: 0.37254901960784315, blue: 0.4), outlineVariant: Color(red: 0.6039215686274509, green: 0.6196078431372549, blue: 0.6509803921568628), inverseSurface: Color(red: 0.1843137254901961, green: 0.18823529411764706, blue: 0.2), inverseOnSurface: Color(red: 0.9803921568627451, green: 0.9764705882352941, blue: 0.9921568627450981), inversePrimary: Color(red: 0.6862745098039216, green: 0.7764705882352941, blue: 1), scrim: Color(red: 0, green: 0, blue: 0), tertiary: Color(red: 0, green: 0.30196078431372547, blue: 0.6901960784313725), onTertiary: Color(red: 1, green: 1, blue: 1), tertiaryContainer: Color(red: 0.8509803921568627, green: 0.8862745098039215, blue: 1), onTertiaryContainer: Color(red: 0, green: 0.058823529411764705, blue: 0.1843137254901961))
|
|
74
|
+
public static let darkMediumContrast = NexubColors(primary: Color(red: 0.7686274509803922, green: 0.8313725490196079, blue: 1), onPrimary: Color(red: 0, green: 0.13725490196078433, blue: 0.34509803921568627), primaryContainer: Color(red: 0, green: 0.25882352941176473, blue: 0.6), onPrimaryContainer: Color(red: 0.9294117647058824, green: 0.9411764705882353, blue: 1), secondary: Color(red: 0.803921568627451, green: 0.8313725490196079, blue: 0.9215686274509803), onSecondary: Color(red: 0.11764705882352941, green: 0.14901960784313725, blue: 0.21176470588235294), secondaryContainer: Color(red: 0.25098039215686274, green: 0.2784313725490196, blue: 0.34901960784313724), onSecondaryContainer: Color(red: 0.9294117647058824, green: 0.9411764705882353, blue: 1), error: Color(red: 1, green: 0.7803921568627451, blue: 0.7529411764705882), onError: Color(red: 0.32941176470588235, green: 0, blue: 0.011764705882352941), errorContainer: Color(red: 0.5764705882352941, green: 0, blue: 0.043137254901960784), onErrorContainer: Color(red: 1, green: 0.9294117647058824, blue: 0.9176470588235294), success: Color(red: 0.5372549019607843, green: 0.9058823529411765, blue: 0.7450980392156863), onSuccess: Color(red: 0, green: 0.17254901960784313, blue: 0.11764705882352941), successContainer: Color(red: 0, green: 0.3176470588235294, blue: 0.22745098039215686), onSuccessContainer: Color(red: 0.7411764705882353, green: 1, blue: 0.8745098039215686), warning: Color(red: 1, green: 0.796078431372549, blue: 0.5568627450980392), onWarning: Color(red: 0.2196078431372549, green: 0.12941176470588237, blue: 0), warningContainer: Color(red: 0.396078431372549, green: 0.24313725490196078, blue: 0), onWarningContainer: Color(red: 1, green: 0.9333333333333333, blue: 0.8705882352941177), info: Color(red: 0.7686274509803922, green: 0.8313725490196079, blue: 1), onInfo: Color(red: 0, green: 0.13725490196078433, blue: 0.34509803921568627), infoContainer: Color(red: 0, green: 0.25882352941176473, blue: 0.6), onInfoContainer: Color(red: 0.9294117647058824, green: 0.9411764705882353, blue: 1), leap: Color(red: 0.8196078431372549, green: 0.8156862745098039, blue: 1), onLeap: Color(red: 0.043137254901960784, green: 0, blue: 0.5411764705882353), leapContainer: Color(red: 0.1843137254901961, green: 0.1803921568627451, blue: 0.7450980392156863), onLeapContainer: Color(red: 0.9490196078431372, green: 0.9372549019607843, blue: 1), bookub: Color(red: 0.37254901960784315, green: 0.9294117647058824, blue: 0.6901960784313725), onBookub: Color(red: 0, green: 0.17254901960784313, blue: 0.10980392156862745), bookubContainer: Color(red: 0, green: 0.3215686274509804, blue: 0.21176470588235294), onBookubContainer: Color(red: 0.7450980392156863, green: 1, blue: 0.8588235294117647), payub: Color(red: 0.8666666666666667, green: 0.803921568627451, blue: 1), onPayub: Color(red: 0.1843137254901961, green: 0, blue: 0.4627450980392157), payubContainer: Color(red: 0.3333333333333333, green: 0.08627450980392157, blue: 0.7450980392156863), onPayubContainer: Color(red: 0.9647058823529412, green: 0.9294117647058824, blue: 1), founderub: Color(red: 1, green: 0.796078431372549, blue: 0.5568627450980392), onFounderub: Color(red: 0.2196078431372549, green: 0.12941176470588237, blue: 0), founderubContainer: Color(red: 0.396078431372549, green: 0.24313725490196078, blue: 0), onFounderubContainer: Color(red: 1, green: 0.9333333333333333, blue: 0.8705882352941177), surface: Color(red: 0.07058823529411765, green: 0.07450980392156863, blue: 0.08627450980392157), surfaceDim: Color(red: 0.07058823529411765, green: 0.07450980392156863, blue: 0.08627450980392157), surfaceBright: Color(red: 0.2196078431372549, green: 0.2235294117647059, blue: 0.23529411764705882), surfaceContainerLowest: Color(red: 0.050980392156862744, green: 0.054901960784313725, blue: 0.06666666666666667), surfaceContainerLow: Color(red: 0.10196078431372549, green: 0.10980392156862745, blue: 0.11764705882352941), surfaceContainer: Color(red: 0.11764705882352941, green: 0.12549019607843137, blue: 0.13333333333333333), surfaceContainerHigh: Color(red: 0.1607843137254902, green: 0.16470588235294117, blue: 0.17647058823529413), surfaceContainerHighest: Color(red: 0.2, green: 0.20784313725490197, blue: 0.2196078431372549), surfaceElevated: Color(red: 0.1607843137254902, green: 0.16470588235294117, blue: 0.17647058823529413), onSurface: Color(red: 0.9450980392156862, green: 0.9411764705882353, blue: 0.9568627450980393), onSurfaceVariant: Color(red: 0.8196078431372549, green: 0.8313725490196079, blue: 0.8666666666666667), onSurfaceMuted: Color(red: 0.7215686274509804, green: 0.7333333333333333, blue: 0.7686274509803922), outline: Color(red: 0.6549019607843137, green: 0.6705882352941176, blue: 0.7058823529411765), outlineVariant: Color(red: 0.403921568627451, green: 0.4196078431372549, blue: 0.4470588235294118), inverseSurface: Color(red: 0.8901960784313725, green: 0.8862745098039215, blue: 0.9019607843137255), inverseOnSurface: Color(red: 0.10196078431372549, green: 0.10980392156862745, blue: 0.11764705882352941), inversePrimary: Color(red: 0, green: 0.34901960784313724, blue: 0.7803921568627451), scrim: Color(red: 0, green: 0, blue: 0), tertiary: Color(red: 0.7686274509803922, green: 0.8313725490196079, blue: 1), onTertiary: Color(red: 0, green: 0.13725490196078433, blue: 0.34509803921568627), tertiaryContainer: Color(red: 0, green: 0.25882352941176473, blue: 0.6), onTertiaryContainer: Color(red: 0.9294117647058824, green: 0.9411764705882353, blue: 1))
|
|
75
|
+
public static let lightHighContrast = NexubColors(primary: Color(red: 0, green: 0.25882352941176473, blue: 0.6), onPrimary: Color(red: 1, green: 1, blue: 1), primaryContainer: Color(red: 0.8509803921568627, green: 0.8862745098039215, blue: 1), onPrimaryContainer: Color(red: 0, green: 0, blue: 0), secondary: Color(red: 0.25098039215686274, green: 0.2784313725490196, blue: 0.34901960784313724), onSecondary: Color(red: 1, green: 1, blue: 1), secondaryContainer: Color(red: 0.8588235294117647, green: 0.8862745098039215, blue: 0.9764705882352941), onSecondaryContainer: Color(red: 0, green: 0, blue: 0), error: Color(red: 0.5764705882352941, green: 0, blue: 0.043137254901960784), onError: Color(red: 1, green: 1, blue: 1), errorContainer: Color(red: 1, green: 0.8549019607843137, blue: 0.8392156862745098), onErrorContainer: Color(red: 0, green: 0, blue: 0), success: Color(red: 0, green: 0.3176470588235294, blue: 0.22745098039215686), onSuccess: Color(red: 1, green: 1, blue: 1), successContainer: Color(red: 0.592156862745098, green: 0.9607843137254902, blue: 0.8), onSuccessContainer: Color(red: 0, green: 0, blue: 0), warning: Color(red: 0.396078431372549, green: 0.24313725490196078, blue: 0), onWarning: Color(red: 1, green: 1, blue: 1), warningContainer: Color(red: 1, green: 0.8666666666666667, blue: 0.7215686274509804), onWarningContainer: Color(red: 0, green: 0, blue: 0), info: Color(red: 0, green: 0.25882352941176473, blue: 0.6), onInfo: Color(red: 1, green: 1, blue: 1), infoContainer: Color(red: 0.8509803921568627, green: 0.8862745098039215, blue: 1), onInfoContainer: Color(red: 0, green: 0, blue: 0), leap: Color(red: 0.1843137254901961, green: 0.1803921568627451, blue: 0.7450980392156863), onLeap: Color(red: 1, green: 1, blue: 1), leapContainer: Color(red: 0.8823529411764706, green: 0.8784313725490196, blue: 1), onLeapContainer: Color(red: 0, green: 0, blue: 0), bookub: Color(red: 0, green: 0.3215686274509804, blue: 0.21176470588235294), onBookub: Color(red: 1, green: 1, blue: 1), bookubContainer: Color(red: 0.43529411764705883, green: 0.984313725490196, blue: 0.7450980392156863), onBookubContainer: Color(red: 0, green: 0, blue: 0), payub: Color(red: 0.3333333333333333, green: 0.08627450980392157, blue: 0.7450980392156863), onPayub: Color(red: 1, green: 1, blue: 1), payubContainer: Color(red: 0.9137254901960784, green: 0.8666666666666667, blue: 1), onPayubContainer: Color(red: 0, green: 0, blue: 0), founderub: Color(red: 0.396078431372549, green: 0.24313725490196078, blue: 0), onFounderub: Color(red: 1, green: 1, blue: 1), founderubContainer: Color(red: 1, green: 0.8666666666666667, blue: 0.7215686274509804), onFounderubContainer: Color(red: 0, green: 0, blue: 0), surface: Color(red: 0.9803921568627451, green: 0.9764705882352941, blue: 0.9921568627450981), surfaceDim: Color(red: 0.8549019607843137, green: 0.8509803921568627, blue: 0.8666666666666667), surfaceBright: Color(red: 0.9803921568627451, green: 0.9764705882352941, blue: 0.9921568627450981), surfaceContainerLowest: Color(red: 1, green: 1, blue: 1), surfaceContainerLow: Color(red: 0.9568627450980393, green: 0.9529411764705882, blue: 0.9686274509803922), surfaceContainer: Color(red: 0.9333333333333333, green: 0.9294117647058824, blue: 0.9450980392156862), surfaceContainerHigh: Color(red: 0.9098039215686274, green: 0.9098039215686274, blue: 0.9215686274509803), surfaceContainerHighest: Color(red: 0.8901960784313725, green: 0.8862745098039215, blue: 0.9019607843137255), surfaceElevated: Color(red: 1, green: 1, blue: 1), onSurface: Color(red: 0, green: 0, blue: 0), onSurfaceVariant: Color(red: 0.17254901960784313, green: 0.19215686274509805, blue: 0.21568627450980393), onSurfaceMuted: Color(red: 0.2627450980392157, green: 0.2784313725490196, blue: 0.3058823529411765), outline: Color(red: 0.2627450980392157, green: 0.2784313725490196, blue: 0.3058823529411765), outlineVariant: Color(red: 0.45098039215686275, green: 0.4666666666666667, blue: 0.4980392156862745), inverseSurface: Color(red: 0.1843137254901961, green: 0.18823529411764706, blue: 0.2), inverseOnSurface: Color(red: 1, green: 1, blue: 1), inversePrimary: Color(red: 0.6862745098039216, green: 0.7764705882352941, blue: 1), scrim: Color(red: 0, green: 0, blue: 0), tertiary: Color(red: 0, green: 0.25882352941176473, blue: 0.6), onTertiary: Color(red: 1, green: 1, blue: 1), tertiaryContainer: Color(red: 0.8509803921568627, green: 0.8862745098039215, blue: 1), onTertiaryContainer: Color(red: 0, green: 0, blue: 0))
|
|
76
|
+
public static let darkHighContrast = NexubColors(primary: Color(red: 0.8509803921568627, green: 0.8862745098039215, blue: 1), onPrimary: Color(red: 0, green: 0.09803921568627451, blue: 0.26666666666666666), primaryContainer: Color(red: 0, green: 0.25882352941176473, blue: 0.6), onPrimaryContainer: Color(red: 1, green: 1, blue: 1), secondary: Color(red: 0.8588235294117647, green: 0.8862745098039215, blue: 0.9764705882352941), onSecondary: Color(red: 0.0784313725490196, green: 0.10588235294117647, blue: 0.17254901960784313), secondaryContainer: Color(red: 0.25098039215686274, green: 0.2784313725490196, blue: 0.34901960784313724), onSecondaryContainer: Color(red: 1, green: 1, blue: 1), error: Color(red: 1, green: 0.8549019607843137, blue: 0.8392156862745098), onError: Color(red: 0.2549019607843137, green: 0, blue: 0.00784313725490196), errorContainer: Color(red: 0.5764705882352941, green: 0, blue: 0.043137254901960784), onErrorContainer: Color(red: 1, green: 1, blue: 1), success: Color(red: 0.592156862745098, green: 0.9607843137254902, blue: 0.8), onSuccess: Color(red: 0, green: 0.12941176470588237, blue: 0.08235294117647059), successContainer: Color(red: 0, green: 0.3176470588235294, blue: 0.22745098039215686), onSuccessContainer: Color(red: 1, green: 1, blue: 1), warning: Color(red: 1, green: 0.8666666666666667, blue: 0.7215686274509804), onWarning: Color(red: 0.16470588235294117, green: 0.09019607843137255, blue: 0), warningContainer: Color(red: 0.396078431372549, green: 0.24313725490196078, blue: 0), onWarningContainer: Color(red: 1, green: 1, blue: 1), info: Color(red: 0.8509803921568627, green: 0.8862745098039215, blue: 1), onInfo: Color(red: 0, green: 0.09803921568627451, blue: 0.26666666666666666), infoContainer: Color(red: 0, green: 0.25882352941176473, blue: 0.6), onInfoContainer: Color(red: 1, green: 1, blue: 1), leap: Color(red: 0.8823529411764706, green: 0.8784313725490196, blue: 1), onLeap: Color(red: 0.027450980392156862, green: 0, blue: 0.4235294117647059), leapContainer: Color(red: 0.1843137254901961, green: 0.1803921568627451, blue: 0.7450980392156863), onLeapContainer: Color(red: 1, green: 1, blue: 1), bookub: Color(red: 0.43529411764705883, green: 0.984313725490196, blue: 0.7450980392156863), onBookub: Color(red: 0, green: 0.12941176470588237, blue: 0.07450980392156863), bookubContainer: Color(red: 0, green: 0.3215686274509804, blue: 0.21176470588235294), onBookubContainer: Color(red: 1, green: 1, blue: 1), payub: Color(red: 0.9137254901960784, green: 0.8666666666666667, blue: 1), onPayub: Color(red: 0.13725490196078433, green: 0, blue: 0.3607843137254902), payubContainer: Color(red: 0.3333333333333333, green: 0.08627450980392157, blue: 0.7450980392156863), onPayubContainer: Color(red: 1, green: 1, blue: 1), founderub: Color(red: 1, green: 0.8666666666666667, blue: 0.7215686274509804), onFounderub: Color(red: 0.16470588235294117, green: 0.09019607843137255, blue: 0), founderubContainer: Color(red: 0.396078431372549, green: 0.24313725490196078, blue: 0), onFounderubContainer: Color(red: 1, green: 1, blue: 1), surface: Color(red: 0.07058823529411765, green: 0.07450980392156863, blue: 0.08627450980392157), surfaceDim: Color(red: 0.07058823529411765, green: 0.07450980392156863, blue: 0.08627450980392157), surfaceBright: Color(red: 0.2196078431372549, green: 0.2235294117647059, blue: 0.23529411764705882), surfaceContainerLowest: Color(red: 0.050980392156862744, green: 0.054901960784313725, blue: 0.06666666666666667), surfaceContainerLow: Color(red: 0.10196078431372549, green: 0.10980392156862745, blue: 0.11764705882352941), surfaceContainer: Color(red: 0.11764705882352941, green: 0.12549019607843137, blue: 0.13333333333333333), surfaceContainerHigh: Color(red: 0.1607843137254902, green: 0.16470588235294117, blue: 0.17647058823529413), surfaceContainerHighest: Color(red: 0.2, green: 0.20784313725490197, blue: 0.2196078431372549), surfaceElevated: Color(red: 0.1607843137254902, green: 0.16470588235294117, blue: 0.17647058823529413), onSurface: Color(red: 1, green: 1, blue: 1), onSurfaceVariant: Color(red: 0.8745098039215686, green: 0.8862745098039215, blue: 0.9215686274509803), onSurfaceMuted: Color(red: 0.7647058823529411, green: 0.7764705882352941, blue: 0.8117647058823529), outline: Color(red: 0.7647058823529411, green: 0.7764705882352941, blue: 0.8117647058823529), outlineVariant: Color(red: 0.5529411764705883, green: 0.5686274509803921, blue: 0.6), inverseSurface: Color(red: 0.8901960784313725, green: 0.8862745098039215, blue: 0.9019607843137255), inverseOnSurface: Color(red: 0, green: 0, blue: 0), inversePrimary: Color(red: 0, green: 0.34901960784313724, blue: 0.7803921568627451), scrim: Color(red: 0, green: 0, blue: 0), tertiary: Color(red: 0.8509803921568627, green: 0.8862745098039215, blue: 1), onTertiary: Color(red: 0, green: 0.09803921568627451, blue: 0.26666666666666666), tertiaryContainer: Color(red: 0, green: 0.25882352941176473, blue: 0.6), onTertiaryContainer: Color(red: 1, green: 1, blue: 1))
|
|
77
|
+
|
|
78
|
+
public static let space0: CGFloat = 0
|
|
79
|
+
public static let space1: CGFloat = 4
|
|
80
|
+
public static let space2: CGFloat = 8
|
|
81
|
+
public static let space3: CGFloat = 12
|
|
82
|
+
public static let space4: CGFloat = 16
|
|
83
|
+
public static let space5: CGFloat = 20
|
|
84
|
+
public static let space6: CGFloat = 24
|
|
85
|
+
public static let space7: CGFloat = 28
|
|
86
|
+
public static let space8: CGFloat = 32
|
|
87
|
+
public static let space9: CGFloat = 36
|
|
88
|
+
public static let space10: CGFloat = 40
|
|
89
|
+
public static let space11: CGFloat = 44
|
|
90
|
+
public static let space12: CGFloat = 48
|
|
91
|
+
public static let space14: CGFloat = 56
|
|
92
|
+
public static let space16: CGFloat = 64
|
|
93
|
+
public static let space20: CGFloat = 80
|
|
94
|
+
public static let space24: CGFloat = 96
|
|
95
|
+
public static let space28: CGFloat = 112
|
|
96
|
+
public static let space32: CGFloat = 128
|
|
97
|
+
public static let space40: CGFloat = 160
|
|
98
|
+
public static let space48: CGFloat = 192
|
|
99
|
+
public static let space56: CGFloat = 224
|
|
100
|
+
public static let space64: CGFloat = 256
|
|
101
|
+
public static let spacePx: CGFloat = 1
|
|
102
|
+
public static let space0_5: CGFloat = 2
|
|
103
|
+
public static let space1_5: CGFloat = 6
|
|
104
|
+
public static let space2_5: CGFloat = 10
|
|
105
|
+
public static let space3_5: CGFloat = 14
|
|
106
|
+
public static let radiusNone: CGFloat = 0
|
|
107
|
+
public static let radiusXs: CGFloat = 2
|
|
108
|
+
public static let radiusSm: CGFloat = 4
|
|
109
|
+
public static let radiusMd: CGFloat = 8
|
|
110
|
+
public static let radiusLg: CGFloat = 12
|
|
111
|
+
public static let radiusXl: CGFloat = 16
|
|
112
|
+
public static let radius2xl: CGFloat = 24
|
|
113
|
+
public static let radius3xl: CGFloat = 32
|
|
114
|
+
public static let radiusFull: CGFloat = 9999
|
|
115
|
+
public static let shapeControl: CGFloat = 9999
|
|
116
|
+
public static let shapeField: CGFloat = 12
|
|
117
|
+
public static let shapeContainer: CGFloat = 16
|
|
118
|
+
public static let shapeOverlay: CGFloat = 24
|
|
119
|
+
public static let shapeTooltip: CGFloat = 8
|
|
120
|
+
public static let shapeMin: CGFloat = 4
|
|
121
|
+
public static let controlXs: CGFloat = 24
|
|
122
|
+
public static let controlSm: CGFloat = 32
|
|
123
|
+
public static let controlMd: CGFloat = 40
|
|
124
|
+
public static let controlLg: CGFloat = 48
|
|
125
|
+
public static let controlXl: CGFloat = 56
|
|
126
|
+
public static let iconXs: CGFloat = 12
|
|
127
|
+
public static let iconSm: CGFloat = 16
|
|
128
|
+
public static let iconMd: CGFloat = 20
|
|
129
|
+
public static let iconLg: CGFloat = 24
|
|
130
|
+
public static let iconXl: CGFloat = 32
|
|
131
|
+
public static let avatarXs: CGFloat = 24
|
|
132
|
+
public static let avatarSm: CGFloat = 32
|
|
133
|
+
public static let avatarMd: CGFloat = 40
|
|
134
|
+
public static let avatarLg: CGFloat = 48
|
|
135
|
+
public static let avatarXl: CGFloat = 64
|
|
136
|
+
public static let navHeader: CGFloat = 64
|
|
137
|
+
public static let navSidebar: CGFloat = 256
|
|
138
|
+
public static let navSidebarCollapsed: CGFloat = 64
|
|
139
|
+
|
|
140
|
+
public struct TypeStyle: Sendable { public let size: CGFloat; public let lineHeight: CGFloat; public let weight: Int; public let tracking: CGFloat }
|
|
141
|
+
public static let typeDisplayXl = TypeStyle(size: 64, lineHeight: 68, weight: 800, tracking: -2.88)
|
|
142
|
+
public static let typeDisplayLg = TypeStyle(size: 56, lineHeight: 60, weight: 700, tracking: -1.68)
|
|
143
|
+
public static let typeDisplayMd = TypeStyle(size: 44, lineHeight: 48, weight: 700, tracking: -1.1)
|
|
144
|
+
public static let typeDisplaySm = TypeStyle(size: 36, lineHeight: 40, weight: 700, tracking: -0.72)
|
|
145
|
+
public static let typeHeadlineLg = TypeStyle(size: 32, lineHeight: 38, weight: 600, tracking: -0.64)
|
|
146
|
+
public static let typeHeadlineMd = TypeStyle(size: 28, lineHeight: 34, weight: 600, tracking: -0.42)
|
|
147
|
+
public static let typeHeadlineSm = TypeStyle(size: 24, lineHeight: 30, weight: 600, tracking: -0.24)
|
|
148
|
+
public static let typeTitleLg = TypeStyle(size: 20, lineHeight: 28, weight: 600, tracking: -0.2)
|
|
149
|
+
public static let typeTitleMd = TypeStyle(size: 16, lineHeight: 24, weight: 600, tracking: -0.08)
|
|
150
|
+
public static let typeTitleSm = TypeStyle(size: 14, lineHeight: 20, weight: 600, tracking: 0)
|
|
151
|
+
public static let typeBodyLg = TypeStyle(size: 18, lineHeight: 28, weight: 400, tracking: -0.2)
|
|
152
|
+
public static let typeBodyMd = TypeStyle(size: 16, lineHeight: 24, weight: 400, tracking: -0.18)
|
|
153
|
+
public static let typeBodySm = TypeStyle(size: 14, lineHeight: 20, weight: 400, tracking: -0.08)
|
|
154
|
+
public static let typeLabelLg = TypeStyle(size: 14, lineHeight: 20, weight: 500, tracking: 0)
|
|
155
|
+
public static let typeLabelMd = TypeStyle(size: 13, lineHeight: 18, weight: 500, tracking: 0)
|
|
156
|
+
public static let typeLabelSm = TypeStyle(size: 12, lineHeight: 16, weight: 500, tracking: 0.12)
|
|
157
|
+
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@nexub/tokens",
|
|
3
|
-
"version": "3.
|
|
3
|
+
"version": "3.6.0",
|
|
4
4
|
"description": "Design tokens for Nexub Design System — colours, typography, spacing, radii, shadows, and motion as CSS variables, Tailwind presets and React Native objects.",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"license": "MIT",
|
|
@@ -54,6 +54,9 @@
|
|
|
54
54
|
"./tailwind.css": "./dist/tailwind/theme.css",
|
|
55
55
|
"./json": "./dist/json/tokens.json",
|
|
56
56
|
"./json/component": "./dist/json/component.json",
|
|
57
|
+
"./figma/*": "./dist/figma/*",
|
|
58
|
+
"./swift/*": "./dist/swift/*",
|
|
59
|
+
"./compose/*": "./dist/compose/*",
|
|
57
60
|
"./package.json": "./package.json"
|
|
58
61
|
},
|
|
59
62
|
"devDependencies": {
|