@udir-design/theme 0.1.0-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.
Files changed (9) hide show
  1. package/README.md +3 -0
  2. package/dist/udir/color-mode/contrast.css +311 -0
  3. package/dist/udir/color-mode/dark.css +623 -0
  4. package/dist/udir/color-mode/light.css +623 -0
  5. package/dist/udir/semantic.css +68 -0
  6. package/dist/udir/typography/primary.css +159 -0
  7. package/dist/udir/typography/secondary.css +159 -0
  8. package/dist/udir.css +1951 -0
  9. package/package.json +22 -0
package/dist/udir/typography/primary.css ADDED
@@ -0,0 +1,159 @@
1
+ /**
2
+ * These files are generated from design tokens defind using Token Studio
3
+ */
4
+
5
+ @layer ds.theme.typography.primary {
6
+ :root, [data-ds-typography="primary"] {
7
+ --ds-font-family: Inter;
8
+ --ds-font-weight-medium: 500;
9
+ --ds-font-weight-semibold: 600;
10
+ --ds-font-weight-regular: 400;
11
+ --ds-heading-2xl-font-weight: 500;
12
+ --ds-heading-2xl-line-height: 1.3;
13
+ --ds-heading-2xl-font-size: 3.75rem;
14
+ --ds-heading-2xl-letter-spacing: -1%;
15
+ --ds-heading-xl-font-weight: 500;
16
+ --ds-heading-xl-line-height: 1.3;
17
+ --ds-heading-xl-font-size: 3rem;
18
+ --ds-heading-xl-letter-spacing: -1%;
19
+ --ds-heading-lg-font-weight: 500;
20
+ --ds-heading-lg-line-height: 1.3;
21
+ --ds-heading-lg-font-size: 2.25rem;
22
+ --ds-heading-lg-letter-spacing: -0.5%;
23
+ --ds-heading-md-font-weight: 500;
24
+ --ds-heading-md-line-height: 1.3;
25
+ --ds-heading-md-font-size: 1.875rem;
26
+ --ds-heading-md-letter-spacing: -0.25%;
27
+ --ds-heading-sm-font-weight: 500;
28
+ --ds-heading-sm-line-height: 1.3;
29
+ --ds-heading-sm-font-size: 1.5rem;
30
+ --ds-heading-sm-letter-spacing: 0%;
31
+ --ds-heading-xs-font-weight: 500;
32
+ --ds-heading-xs-line-height: 1.3;
33
+ --ds-heading-xs-font-size: 1.3125rem;
34
+ --ds-heading-xs-letter-spacing: 0.15%;
35
+ --ds-heading-2xs-font-weight: 500;
36
+ --ds-heading-2xs-line-height: 1.3;
37
+ --ds-heading-2xs-font-size: 1.125rem;
38
+ --ds-heading-2xs-letter-spacing: 0.15%;
39
+ --ds-body-xl-font-weight: 400;
40
+ --ds-body-xl-line-height: 1.5;
41
+ --ds-body-xl-font-size: 1.5rem;
42
+ --ds-body-xl-letter-spacing: 0.5%;
43
+ --ds-body-lg-font-weight: 400;
44
+ --ds-body-lg-line-height: 1.5;
45
+ --ds-body-lg-font-size: 1.3125rem;
46
+ --ds-body-lg-letter-spacing: 0.5%;
47
+ --ds-body-md-font-weight: 400;
48
+ --ds-body-md-line-height: 1.5;
49
+ --ds-body-md-font-size: 1.125rem;
50
+ --ds-body-md-letter-spacing: 0.5%;
51
+ --ds-body-sm-font-weight: 400;
52
+ --ds-body-sm-line-height: 1.5;
53
+ --ds-body-sm-font-size: 1rem;
54
+ --ds-body-sm-letter-spacing: 0.25%;
55
+ --ds-body-xs-font-weight: 400;
56
+ --ds-body-xs-line-height: 1.5;
57
+ --ds-body-xs-font-size: 0.875rem;
58
+ --ds-body-xs-letter-spacing: 0.15%;
59
+ --ds-body-short-xl-font-weight: 400;
60
+ --ds-body-short-xl-line-height: 1.3;
61
+ --ds-body-short-xl-font-size: 1.5rem;
62
+ --ds-body-short-xl-letter-spacing: 0.5%;
63
+ --ds-body-short-lg-font-weight: 400;
64
+ --ds-body-short-lg-line-height: 1.3;
65
+ --ds-body-short-lg-font-size: 1.3125rem;
66
+ --ds-body-short-lg-letter-spacing: 0.5%;
67
+ --ds-body-short-md-font-weight: 400;
68
+ --ds-body-short-md-line-height: 1.3;
69
+ --ds-body-short-md-font-size: 1.125rem;
70
+ --ds-body-short-md-letter-spacing: 0.5%;
71
+ --ds-body-short-sm-font-weight: 400;
72
+ --ds-body-short-sm-line-height: 1.3;
73
+ --ds-body-short-sm-font-size: 1rem;
74
+ --ds-body-short-sm-letter-spacing: 0.25%;
75
+ --ds-body-short-xs-font-weight: 400;
76
+ --ds-body-short-xs-line-height: 1.3;
77
+ --ds-body-short-xs-font-size: 0.875rem;
78
+ --ds-body-short-xs-letter-spacing: 0.15%;
79
+ --ds-body-long-xl-font-weight: 400;
80
+ --ds-body-long-xl-line-height: 1.7;
81
+ --ds-body-long-xl-font-size: 1.5rem;
82
+ --ds-body-long-xl-letter-spacing: 0.5%;
83
+ --ds-body-long-lg-font-weight: 400;
84
+ --ds-body-long-lg-line-height: 1.7;
85
+ --ds-body-long-lg-font-size: 1.3125rem;
86
+ --ds-body-long-lg-letter-spacing: 0.5%;
87
+ --ds-body-long-md-font-weight: 400;
88
+ --ds-body-long-md-line-height: 1.7;
89
+ --ds-body-long-md-font-size: 1.125rem;
90
+ --ds-body-long-md-letter-spacing: 0.5%;
91
+ --ds-body-long-sm-font-weight: 400;
92
+ --ds-body-long-sm-line-height: 1.7;
93
+ --ds-body-long-sm-font-size: 1rem;
94
+ --ds-body-long-sm-letter-spacing: 0.25%;
95
+ --ds-body-long-xs-font-weight: 400;
96
+ --ds-body-long-xs-line-height: 1.7;
97
+ --ds-body-long-xs-font-size: 0.875rem;
98
+ --ds-body-long-xs-letter-spacing: 0.15%;
99
+ --ds-label-lg-font-weight: 500;
100
+ --ds-label-lg-line-height: 1.3;
101
+ --ds-label-lg-font-size: 1.3125rem;
102
+ --ds-label-lg-letter-spacing: 0.5%;
103
+ --ds-label-md-font-weight: 500;
104
+ --ds-label-md-line-height: 1.3;
105
+ --ds-label-md-font-size: 1.125rem;
106
+ --ds-label-md-letter-spacing: 0.5%;
107
+ --ds-label-sm-font-weight: 500;
108
+ --ds-label-sm-line-height: 1.3;
109
+ --ds-label-sm-font-size: 1rem;
110
+ --ds-label-sm-letter-spacing: 0.25%;
111
+ --ds-label-xs-font-weight: 500;
112
+ --ds-label-xs-line-height: 1.3;
113
+ --ds-label-xs-font-size: 0.875rem;
114
+ --ds-label-xs-letter-spacing: 0.15%;
115
+ --ds-error_message-lg-font-weight: 400;
116
+ --ds-error_message-lg-line-height: 1.3;
117
+ --ds-error_message-lg-font-size: 1.3125rem;
118
+ --ds-error_message-lg-letter-spacing: 0.5%;
119
+ --ds-error_message-md-font-weight: 400;
120
+ --ds-error_message-md-line-height: 1.3;
121
+ --ds-error_message-md-font-size: 1.125rem;
122
+ --ds-error_message-md-letter-spacing: 0.5%;
123
+ --ds-error_message-sm-font-weight: 400;
124
+ --ds-error_message-sm-line-height: 1.3;
125
+ --ds-error_message-sm-font-size: 1rem;
126
+ --ds-error_message-sm-letter-spacing: 0.25%;
127
+ --ds-error_message-xs-font-weight: 400;
128
+ --ds-error_message-xs-line-height: 1.3;
129
+ --ds-error_message-xs-font-size: 0.875rem;
130
+ --ds-error_message-xs-letter-spacing: 0.15%;
131
+ --ds-line-height-sm: 1.3;
132
+ --ds-line-height-md: 1.5;
133
+ --ds-line-height-lg: 1.7;
134
+ --ds-font-size-1: 0.75rem;
135
+ --ds-font-size-2: 0.8125rem;
136
+ --ds-font-size-3: 0.875rem;
137
+ --ds-font-size-4: 1rem;
138
+ --ds-font-size-5: 1.125rem;
139
+ --ds-font-size-6: 1.3125rem;
140
+ --ds-font-size-7: 1.5rem;
141
+ --ds-font-size-8: 1.875rem;
142
+ --ds-font-size-9: 2.25rem;
143
+ --ds-font-size-10: 3rem;
144
+ --ds-font-size-11: 3.75rem;
145
+ --ds-letter-spacing-1: -1%;
146
+ --ds-letter-spacing-2: -0.5%;
147
+ --ds-letter-spacing-3: -0.25%;
148
+ --ds-letter-spacing-4: -0.15%;
149
+ --ds-letter-spacing-5: 0%;
150
+ --ds-letter-spacing-6: 0.15%;
151
+ --ds-letter-spacing-7: 0.25%;
152
+ --ds-letter-spacing-8: 0.5%;
153
+ --ds-letter-spacing-9: 1.5%;
154
+ --ds-udir-main: Inter;
155
+ --ds-udir-bold: 500;
156
+ --ds-udir-extra-bold: 600;
157
+ --ds-udir-regular: 400;
158
+ }
159
+ }
package/dist/udir/typography/secondary.css ADDED
@@ -0,0 +1,159 @@
1
+ /**
2
+ * These files are generated from design tokens defind using Token Studio
3
+ */
4
+
5
+ @layer ds.theme.typography.secondary {
6
+ [data-ds-typography="secondary"] {
7
+ --ds-font-family: Inter;
8
+ --ds-font-weight-medium: 500;
9
+ --ds-font-weight-semibold: 600;
10
+ --ds-font-weight-regular: 400;
11
+ --ds-heading-2xl-font-weight: 500;
12
+ --ds-heading-2xl-line-height: 1.3;
13
+ --ds-heading-2xl-font-size: 3.75rem;
14
+ --ds-heading-2xl-letter-spacing: -1%;
15
+ --ds-heading-xl-font-weight: 500;
16
+ --ds-heading-xl-line-height: 1.3;
17
+ --ds-heading-xl-font-size: 3rem;
18
+ --ds-heading-xl-letter-spacing: -1%;
19
+ --ds-heading-lg-font-weight: 500;
20
+ --ds-heading-lg-line-height: 1.3;
21
+ --ds-heading-lg-font-size: 2.25rem;
22
+ --ds-heading-lg-letter-spacing: -0.5%;
23
+ --ds-heading-md-font-weight: 500;
24
+ --ds-heading-md-line-height: 1.3;
25
+ --ds-heading-md-font-size: 1.875rem;
26
+ --ds-heading-md-letter-spacing: -0.25%;
27
+ --ds-heading-sm-font-weight: 500;
28
+ --ds-heading-sm-line-height: 1.3;
29
+ --ds-heading-sm-font-size: 1.5rem;
30
+ --ds-heading-sm-letter-spacing: 0%;
31
+ --ds-heading-xs-font-weight: 500;
32
+ --ds-heading-xs-line-height: 1.3;
33
+ --ds-heading-xs-font-size: 1.3125rem;
34
+ --ds-heading-xs-letter-spacing: 0.15%;
35
+ --ds-heading-2xs-font-weight: 500;
36
+ --ds-heading-2xs-line-height: 1.3;
37
+ --ds-heading-2xs-font-size: 1.125rem;
38
+ --ds-heading-2xs-letter-spacing: 0.15%;
39
+ --ds-body-xl-font-weight: 400;
40
+ --ds-body-xl-line-height: 1.5;
41
+ --ds-body-xl-font-size: 1.5rem;
42
+ --ds-body-xl-letter-spacing: 0.5%;
43
+ --ds-body-lg-font-weight: 400;
44
+ --ds-body-lg-line-height: 1.5;
45
+ --ds-body-lg-font-size: 1.3125rem;
46
+ --ds-body-lg-letter-spacing: 0.5%;
47
+ --ds-body-md-font-weight: 400;
48
+ --ds-body-md-line-height: 1.5;
49
+ --ds-body-md-font-size: 1.125rem;
50
+ --ds-body-md-letter-spacing: 0.5%;
51
+ --ds-body-sm-font-weight: 400;
52
+ --ds-body-sm-line-height: 1.5;
53
+ --ds-body-sm-font-size: 1rem;
54
+ --ds-body-sm-letter-spacing: 0.25%;
55
+ --ds-body-xs-font-weight: 400;
56
+ --ds-body-xs-line-height: 1.5;
57
+ --ds-body-xs-font-size: 0.875rem;
58
+ --ds-body-xs-letter-spacing: 0.15%;
59
+ --ds-body-short-xl-font-weight: 400;
60
+ --ds-body-short-xl-line-height: 1.3;
61
+ --ds-body-short-xl-font-size: 1.5rem;
62
+ --ds-body-short-xl-letter-spacing: 0.5%;
63
+ --ds-body-short-lg-font-weight: 400;
64
+ --ds-body-short-lg-line-height: 1.3;
65
+ --ds-body-short-lg-font-size: 1.3125rem;
66
+ --ds-body-short-lg-letter-spacing: 0.5%;
67
+ --ds-body-short-md-font-weight: 400;
68
+ --ds-body-short-md-line-height: 1.3;
69
+ --ds-body-short-md-font-size: 1.125rem;
70
+ --ds-body-short-md-letter-spacing: 0.5%;
71
+ --ds-body-short-sm-font-weight: 400;
72
+ --ds-body-short-sm-line-height: 1.3;
73
+ --ds-body-short-sm-font-size: 1rem;
74
+ --ds-body-short-sm-letter-spacing: 0.25%;
75
+ --ds-body-short-xs-font-weight: 400;
76
+ --ds-body-short-xs-line-height: 1.3;
77
+ --ds-body-short-xs-font-size: 0.875rem;
78
+ --ds-body-short-xs-letter-spacing: 0.15%;
79
+ --ds-body-long-xl-font-weight: 400;
80
+ --ds-body-long-xl-line-height: 1.7;
81
+ --ds-body-long-xl-font-size: 1.5rem;
82
+ --ds-body-long-xl-letter-spacing: 0.5%;
83
+ --ds-body-long-lg-font-weight: 400;
84
+ --ds-body-long-lg-line-height: 1.7;
85
+ --ds-body-long-lg-font-size: 1.3125rem;
86
+ --ds-body-long-lg-letter-spacing: 0.5%;
87
+ --ds-body-long-md-font-weight: 400;
88
+ --ds-body-long-md-line-height: 1.7;
89
+ --ds-body-long-md-font-size: 1.125rem;
90
+ --ds-body-long-md-letter-spacing: 0.5%;
91
+ --ds-body-long-sm-font-weight: 400;
92
+ --ds-body-long-sm-line-height: 1.7;
93
+ --ds-body-long-sm-font-size: 1rem;
94
+ --ds-body-long-sm-letter-spacing: 0.25%;
95
+ --ds-body-long-xs-font-weight: 400;
96
+ --ds-body-long-xs-line-height: 1.7;
97
+ --ds-body-long-xs-font-size: 0.875rem;
98
+ --ds-body-long-xs-letter-spacing: 0.15%;
99
+ --ds-label-lg-font-weight: 500;
100
+ --ds-label-lg-line-height: 1.3;
101
+ --ds-label-lg-font-size: 1.3125rem;
102
+ --ds-label-lg-letter-spacing: 0.5%;
103
+ --ds-label-md-font-weight: 500;
104
+ --ds-label-md-line-height: 1.3;
105
+ --ds-label-md-font-size: 1.125rem;
106
+ --ds-label-md-letter-spacing: 0.5%;
107
+ --ds-label-sm-font-weight: 500;
108
+ --ds-label-sm-line-height: 1.3;
109
+ --ds-label-sm-font-size: 1rem;
110
+ --ds-label-sm-letter-spacing: 0.25%;
111
+ --ds-label-xs-font-weight: 500;
112
+ --ds-label-xs-line-height: 1.3;
113
+ --ds-label-xs-font-size: 0.875rem;
114
+ --ds-label-xs-letter-spacing: 0.15%;
115
+ --ds-error_message-lg-font-weight: 400;
116
+ --ds-error_message-lg-line-height: 1.3;
117
+ --ds-error_message-lg-font-size: 1.3125rem;
118
+ --ds-error_message-lg-letter-spacing: 0.5%;
119
+ --ds-error_message-md-font-weight: 400;
120
+ --ds-error_message-md-line-height: 1.3;
121
+ --ds-error_message-md-font-size: 1.125rem;
122
+ --ds-error_message-md-letter-spacing: 0.5%;
123
+ --ds-error_message-sm-font-weight: 400;
124
+ --ds-error_message-sm-line-height: 1.3;
125
+ --ds-error_message-sm-font-size: 1rem;
126
+ --ds-error_message-sm-letter-spacing: 0.25%;
127
+ --ds-error_message-xs-font-weight: 400;
128
+ --ds-error_message-xs-line-height: 1.3;
129
+ --ds-error_message-xs-font-size: 0.875rem;
130
+ --ds-error_message-xs-letter-spacing: 0.15%;
131
+ --ds-line-height-sm: 1.3;
132
+ --ds-line-height-md: 1.5;
133
+ --ds-line-height-lg: 1.7;
134
+ --ds-font-size-1: 0.75rem;
135
+ --ds-font-size-2: 0.8125rem;
136
+ --ds-font-size-3: 0.875rem;
137
+ --ds-font-size-4: 1rem;
138
+ --ds-font-size-5: 1.125rem;
139
+ --ds-font-size-6: 1.3125rem;
140
+ --ds-font-size-7: 1.5rem;
141
+ --ds-font-size-8: 1.875rem;
142
+ --ds-font-size-9: 2.25rem;
143
+ --ds-font-size-10: 3rem;
144
+ --ds-font-size-11: 3.75rem;
145
+ --ds-letter-spacing-1: -1%;
146
+ --ds-letter-spacing-2: -0.5%;
147
+ --ds-letter-spacing-3: -0.25%;
148
+ --ds-letter-spacing-4: -0.15%;
149
+ --ds-letter-spacing-5: 0%;
150
+ --ds-letter-spacing-6: 0.15%;
151
+ --ds-letter-spacing-7: 0.25%;
152
+ --ds-letter-spacing-8: 0.5%;
153
+ --ds-letter-spacing-9: 1.5%;
154
+ --ds-udir-main: Inter;
155
+ --ds-udir-bold: 500;
156
+ --ds-udir-extra-bold: 600;
157
+ --ds-udir-regular: 400;
158
+ }
159
+ }