@udir-design/theme 0.1.0-2 → 1.0.0-alpha.1

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 (11) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +12 -2
  3. package/dist/colors.d.ts +9 -0
  4. package/dist/udir.css +807 -1709
  5. package/package.json +18 -7
  6. package/dist/udir/color-mode/contrast.css +0 -311
  7. package/dist/udir/color-mode/dark.css +0 -623
  8. package/dist/udir/color-mode/light.css +0 -623
  9. package/dist/udir/semantic.css +0 -68
  10. package/dist/udir/typography/primary.css +0 -159
  11. package/dist/udir/typography/secondary.css +0 -159
package/dist/udir/typography/primary.css DELETED
@@ -1,159 +0,0 @@
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 DELETED
@@ -1,159 +0,0 @@
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
- }