@fremtind/jokul 5.0.4 → 5.0.5

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 (57) hide show
  1. package/build/build-stats.html +1 -1
  2. package/build/cjs/components/menu/Menu.cjs +1 -1
  3. package/build/cjs/components/menu/Menu.cjs.map +1 -1
  4. package/build/cjs/components/popover/Popover.cjs +1 -1
  5. package/build/cjs/components/popover/Popover.cjs.map +1 -1
  6. package/build/cjs/components/popover/types.d.cts +10 -0
  7. package/build/cjs/components/select/Select.cjs +1 -1
  8. package/build/cjs/components/select/Select.cjs.map +1 -1
  9. package/build/es/components/menu/Menu.js +1 -1
  10. package/build/es/components/menu/Menu.js.map +1 -1
  11. package/build/es/components/popover/Popover.js +1 -1
  12. package/build/es/components/popover/Popover.js.map +1 -1
  13. package/build/es/components/popover/types.d.ts +10 -0
  14. package/build/es/components/select/Select.js +1 -1
  15. package/build/es/components/select/Select.js.map +1 -1
  16. package/package.json +3 -1
  17. package/src/tokens/metadata/color.metadata.dark.json +165 -0
  18. package/src/tokens/metadata/color.metadata.light.json +165 -0
  19. package/src/tokens/metadata/color.metadata.saturated.dark.json +165 -0
  20. package/src/tokens/metadata/color.metadata.saturated.light.json +165 -0
  21. package/styles/components/countdown/countdown.css +2 -2
  22. package/styles/components/countdown/countdown.min.css +1 -1
  23. package/styles/components/feedback/feedback.css +2 -2
  24. package/styles/components/feedback/feedback.min.css +1 -1
  25. package/styles/components/file-input/file-input.css +9 -9
  26. package/styles/components/file-input/file-input.min.css +1 -1
  27. package/styles/components/help/help.css +2 -1
  28. package/styles/components/help/help.min.css +1 -1
  29. package/styles/components/help/help.scss +2 -1
  30. package/styles/components/input-group/input-group.css +2 -2
  31. package/styles/components/input-group/input-group.min.css +1 -1
  32. package/styles/components/loader/loader.css +6 -6
  33. package/styles/components/loader/loader.min.css +1 -1
  34. package/styles/components/loader/skeleton-loader.css +3 -3
  35. package/styles/components/loader/skeleton-loader.min.css +1 -1
  36. package/styles/components/menu/_menu-item.scss +1 -1
  37. package/styles/components/menu/menu.css +3 -2
  38. package/styles/components/menu/menu.min.css +1 -1
  39. package/styles/components/menu/menu.scss +2 -1
  40. package/styles/components/message/message.css +2 -2
  41. package/styles/components/message/message.min.css +1 -1
  42. package/styles/components/progress-bar/progress-bar.css +1 -1
  43. package/styles/components/progress-bar/progress-bar.min.css +1 -1
  44. package/styles/components/segmented-control/segmented-control.css +3 -2
  45. package/styles/components/segmented-control/segmented-control.min.css +1 -1
  46. package/styles/components/select/select.css +0 -8
  47. package/styles/components/select/select.min.css +1 -1
  48. package/styles/components/select/select.scss +0 -9
  49. package/styles/components/system-message/system-message.css +2 -2
  50. package/styles/components/system-message/system-message.min.css +1 -1
  51. package/styles/components/toast/toast.css +4 -4
  52. package/styles/components/toast/toast.min.css +1 -1
  53. package/styles/components/tooltip/tooltip.css +1 -0
  54. package/styles/components/tooltip/tooltip.min.css +1 -1
  55. package/styles/components/tooltip/tooltip.scss +1 -0
  56. package/styles/components.css +30 -35
  57. package/styles/components.min.css +1 -1
package/src/tokens/metadata/color.metadata.dark.json ADDED
@@ -0,0 +1,165 @@
1
+ {
2
+ "$type": "number",
3
+ "color": {
4
+ "background": {
5
+ "page": {
6
+ "luminance": {
7
+ "$description": "Relative luminance (WCAG) of background.page",
8
+ "$value": 0.0041
9
+ },
10
+ "lightness": {
11
+ "$description": "OKLCh lightness (L, 0–100) of background.page",
12
+ "$value": 16.0
13
+ },
14
+ "chroma": {
15
+ "$description": "OKLCh chroma (C) of background.page",
16
+ "$value": 0.0027
17
+ }
18
+ },
19
+ "container": {
20
+ "luminance": {
21
+ "$description": "Relative luminance (WCAG) of background.container",
22
+ "$value": 0.0167
23
+ },
24
+ "lightness": {
25
+ "$description": "OKLCh lightness (L, 0–100) of background.container",
26
+ "$value": 25.6
27
+ },
28
+ "chroma": {
29
+ "$description": "OKLCh chroma (C) of background.container",
30
+ "$value": 0.0064
31
+ }
32
+ },
33
+ "container-accent": {
34
+ "luminance": {
35
+ "$description": "Relative luminance (WCAG) of background.container-accent",
36
+ "$value": 0.0366
37
+ },
38
+ "lightness": {
39
+ "$description": "OKLCh lightness (L, 0–100) of background.container-accent",
40
+ "$value": 33.4
41
+ },
42
+ "chroma": {
43
+ "$description": "OKLCh chroma (C) of background.container-accent",
44
+ "$value": 0.0114
45
+ }
46
+ },
47
+ "contrast": {
48
+ "luminance": {
49
+ "$description": "Relative luminance (WCAG) of background.contrast",
50
+ "$value": 0.8749
51
+ },
52
+ "lightness": {
53
+ "$description": "OKLCh lightness (L, 0–100) of background.contrast",
54
+ "$value": 95.7
55
+ },
56
+ "chroma": {
57
+ "$description": "OKLCh chroma (C) of background.contrast",
58
+ "$value": 0.0051
59
+ }
60
+ }
61
+ },
62
+ "text": {
63
+ "default": {
64
+ "luminance": {
65
+ "$description": "Relative luminance (WCAG) of text.default",
66
+ "$value": 1.0
67
+ },
68
+ "lightness": {
69
+ "$description": "OKLCh lightness (L, 0–100) of text.default",
70
+ "$value": 100.0
71
+ },
72
+ "chroma": {
73
+ "$description": "OKLCh chroma (C) of text.default",
74
+ "$value": 0.0001
75
+ }
76
+ },
77
+ "subdued": {
78
+ "luminance": {
79
+ "$description": "Relative luminance (WCAG) of text.subdued",
80
+ "$value": 0.5615
81
+ },
82
+ "lightness": {
83
+ "$description": "OKLCh lightness (L, 0–100) of text.subdued",
84
+ "$value": 82.5
85
+ },
86
+ "chroma": {
87
+ "$description": "OKLCh chroma (C) of text.subdued",
88
+ "$value": 0.0043
89
+ }
90
+ },
91
+ "accent": {
92
+ "luminance": {
93
+ "$description": "Relative luminance (WCAG) of text.accent",
94
+ "$value": 1.0
95
+ },
96
+ "lightness": {
97
+ "$description": "OKLCh lightness (L, 0–100) of text.accent",
98
+ "$value": 100.0
99
+ },
100
+ "chroma": {
101
+ "$description": "OKLCh chroma (C) of text.accent",
102
+ "$value": 0.0001
103
+ }
104
+ },
105
+ "on-contrast": {
106
+ "luminance": {
107
+ "$description": "Relative luminance (WCAG) of text.on-contrast",
108
+ "$value": 0.0041
109
+ },
110
+ "lightness": {
111
+ "$description": "OKLCh lightness (L, 0–100) of text.on-contrast",
112
+ "$value": 16.0
113
+ },
114
+ "chroma": {
115
+ "$description": "OKLCh chroma (C) of text.on-contrast",
116
+ "$value": 0.0027
117
+ }
118
+ }
119
+ },
120
+ "border": {
121
+ "default": {
122
+ "luminance": {
123
+ "$description": "Relative luminance (WCAG) of border.default",
124
+ "$value": 0.5615
125
+ },
126
+ "lightness": {
127
+ "$description": "OKLCh lightness (L, 0–100) of border.default",
128
+ "$value": 82.5
129
+ },
130
+ "chroma": {
131
+ "$description": "OKLCh chroma (C) of border.default",
132
+ "$value": 0.0043
133
+ }
134
+ },
135
+ "subdued": {
136
+ "luminance": {
137
+ "$description": "Relative luminance (WCAG) of border.subdued",
138
+ "$value": 0.1186
139
+ },
140
+ "lightness": {
141
+ "$description": "OKLCh lightness (L, 0–100) of border.subdued",
142
+ "$value": 49.2
143
+ },
144
+ "chroma": {
145
+ "$description": "OKLCh chroma (C) of border.subdued",
146
+ "$value": 0.0038
147
+ }
148
+ },
149
+ "strong": {
150
+ "luminance": {
151
+ "$description": "Relative luminance (WCAG) of border.strong",
152
+ "$value": 1.0
153
+ },
154
+ "lightness": {
155
+ "$description": "OKLCh lightness (L, 0–100) of border.strong",
156
+ "$value": 100.0
157
+ },
158
+ "chroma": {
159
+ "$description": "OKLCh chroma (C) of border.strong",
160
+ "$value": 0.0001
161
+ }
162
+ }
163
+ }
164
+ }
165
+ }
package/src/tokens/metadata/color.metadata.light.json ADDED
@@ -0,0 +1,165 @@
1
+ {
2
+ "$type": "number",
3
+ "color": {
4
+ "background": {
5
+ "page": {
6
+ "luminance": {
7
+ "$description": "Relative luminance (WCAG) of background.page",
8
+ "$value": 0.8749
9
+ },
10
+ "lightness": {
11
+ "$description": "OKLCh lightness (L, 0–100) of background.page",
12
+ "$value": 95.7
13
+ },
14
+ "chroma": {
15
+ "$description": "OKLCh chroma (C) of background.page",
16
+ "$value": 0.0051
17
+ }
18
+ },
19
+ "container": {
20
+ "luminance": {
21
+ "$description": "Relative luminance (WCAG) of background.container",
22
+ "$value": 1.0
23
+ },
24
+ "lightness": {
25
+ "$description": "OKLCh lightness (L, 0–100) of background.container",
26
+ "$value": 100.0
27
+ },
28
+ "chroma": {
29
+ "$description": "OKLCh chroma (C) of background.container",
30
+ "$value": 0.0001
31
+ }
32
+ },
33
+ "container-accent": {
34
+ "luminance": {
35
+ "$description": "Relative luminance (WCAG) of background.container-accent",
36
+ "$value": 0.7423
37
+ },
38
+ "lightness": {
39
+ "$description": "OKLCh lightness (L, 0–100) of background.container-accent",
40
+ "$value": 90.6
41
+ },
42
+ "chroma": {
43
+ "$description": "OKLCh chroma (C) of background.container-accent",
44
+ "$value": 0.0108
45
+ }
46
+ },
47
+ "contrast": {
48
+ "luminance": {
49
+ "$description": "Relative luminance (WCAG) of background.contrast",
50
+ "$value": 0.0167
51
+ },
52
+ "lightness": {
53
+ "$description": "OKLCh lightness (L, 0–100) of background.contrast",
54
+ "$value": 25.6
55
+ },
56
+ "chroma": {
57
+ "$description": "OKLCh chroma (C) of background.contrast",
58
+ "$value": 0.0064
59
+ }
60
+ }
61
+ },
62
+ "text": {
63
+ "default": {
64
+ "luminance": {
65
+ "$description": "Relative luminance (WCAG) of text.default",
66
+ "$value": 0.0041
67
+ },
68
+ "lightness": {
69
+ "$description": "OKLCh lightness (L, 0–100) of text.default",
70
+ "$value": 16.0
71
+ },
72
+ "chroma": {
73
+ "$description": "OKLCh chroma (C) of text.default",
74
+ "$value": 0.0027
75
+ }
76
+ },
77
+ "subdued": {
78
+ "luminance": {
79
+ "$description": "Relative luminance (WCAG) of text.subdued",
80
+ "$value": 0.1186
81
+ },
82
+ "lightness": {
83
+ "$description": "OKLCh lightness (L, 0–100) of text.subdued",
84
+ "$value": 49.2
85
+ },
86
+ "chroma": {
87
+ "$description": "OKLCh chroma (C) of text.subdued",
88
+ "$value": 0.0038
89
+ }
90
+ },
91
+ "accent": {
92
+ "luminance": {
93
+ "$description": "Relative luminance (WCAG) of text.accent",
94
+ "$value": 0.0041
95
+ },
96
+ "lightness": {
97
+ "$description": "OKLCh lightness (L, 0–100) of text.accent",
98
+ "$value": 16.0
99
+ },
100
+ "chroma": {
101
+ "$description": "OKLCh chroma (C) of text.accent",
102
+ "$value": 0.0027
103
+ }
104
+ },
105
+ "on-contrast": {
106
+ "luminance": {
107
+ "$description": "Relative luminance (WCAG) of text.on-contrast",
108
+ "$value": 1.0
109
+ },
110
+ "lightness": {
111
+ "$description": "OKLCh lightness (L, 0–100) of text.on-contrast",
112
+ "$value": 100.0
113
+ },
114
+ "chroma": {
115
+ "$description": "OKLCh chroma (C) of text.on-contrast",
116
+ "$value": 0.0001
117
+ }
118
+ }
119
+ },
120
+ "border": {
121
+ "default": {
122
+ "luminance": {
123
+ "$description": "Relative luminance (WCAG) of border.default",
124
+ "$value": 0.1186
125
+ },
126
+ "lightness": {
127
+ "$description": "OKLCh lightness (L, 0–100) of border.default",
128
+ "$value": 49.2
129
+ },
130
+ "chroma": {
131
+ "$description": "OKLCh chroma (C) of border.default",
132
+ "$value": 0.0038
133
+ }
134
+ },
135
+ "subdued": {
136
+ "luminance": {
137
+ "$description": "Relative luminance (WCAG) of border.subdued",
138
+ "$value": 0.5615
139
+ },
140
+ "lightness": {
141
+ "$description": "OKLCh lightness (L, 0–100) of border.subdued",
142
+ "$value": 82.5
143
+ },
144
+ "chroma": {
145
+ "$description": "OKLCh chroma (C) of border.subdued",
146
+ "$value": 0.0043
147
+ }
148
+ },
149
+ "strong": {
150
+ "luminance": {
151
+ "$description": "Relative luminance (WCAG) of border.strong",
152
+ "$value": 0.0041
153
+ },
154
+ "lightness": {
155
+ "$description": "OKLCh lightness (L, 0–100) of border.strong",
156
+ "$value": 16.0
157
+ },
158
+ "chroma": {
159
+ "$description": "OKLCh chroma (C) of border.strong",
160
+ "$value": 0.0027
161
+ }
162
+ }
163
+ }
164
+ }
165
+ }
package/src/tokens/metadata/color.metadata.saturated.dark.json ADDED
@@ -0,0 +1,165 @@
1
+ {
2
+ "$type": "number",
3
+ "color": {
4
+ "background": {
5
+ "page": {
6
+ "luminance": {
7
+ "$description": "Relative luminance (WCAG) of background.page",
8
+ "$value": 0.0041
9
+ },
10
+ "lightness": {
11
+ "$description": "OKLCh lightness (L, 0–100) of background.page",
12
+ "$value": 16.0
13
+ },
14
+ "chroma": {
15
+ "$description": "OKLCh chroma (C) of background.page",
16
+ "$value": 0.0027
17
+ }
18
+ },
19
+ "container": {
20
+ "luminance": {
21
+ "$description": "Relative luminance (WCAG) of background.container",
22
+ "$value": 0.0626
23
+ },
24
+ "lightness": {
25
+ "$description": "OKLCh lightness (L, 0–100) of background.container",
26
+ "$value": 39.1
27
+ },
28
+ "chroma": {
29
+ "$description": "OKLCh chroma (C) of background.container",
30
+ "$value": 0.0524
31
+ }
32
+ },
33
+ "container-accent": {
34
+ "luminance": {
35
+ "$description": "Relative luminance (WCAG) of background.container-accent",
36
+ "$value": 0.0962
37
+ },
38
+ "lightness": {
39
+ "$description": "OKLCh lightness (L, 0–100) of background.container-accent",
40
+ "$value": 45.2
41
+ },
42
+ "chroma": {
43
+ "$description": "OKLCh chroma (C) of background.container-accent",
44
+ "$value": 0.0612
45
+ }
46
+ },
47
+ "contrast": {
48
+ "luminance": {
49
+ "$description": "Relative luminance (WCAG) of background.contrast",
50
+ "$value": 0.6255
51
+ },
52
+ "lightness": {
53
+ "$description": "OKLCh lightness (L, 0–100) of background.contrast",
54
+ "$value": 84.0
55
+ },
56
+ "chroma": {
57
+ "$description": "OKLCh chroma (C) of background.contrast",
58
+ "$value": 0.138
59
+ }
60
+ }
61
+ },
62
+ "text": {
63
+ "default": {
64
+ "luminance": {
65
+ "$description": "Relative luminance (WCAG) of text.default",
66
+ "$value": 0.8835
67
+ },
68
+ "lightness": {
69
+ "$description": "OKLCh lightness (L, 0–100) of text.default",
70
+ "$value": 95.4
71
+ },
72
+ "chroma": {
73
+ "$description": "OKLCh chroma (C) of text.default",
74
+ "$value": 0.0449
75
+ }
76
+ },
77
+ "subdued": {
78
+ "luminance": {
79
+ "$description": "Relative luminance (WCAG) of text.subdued",
80
+ "$value": 0.5615
81
+ },
82
+ "lightness": {
83
+ "$description": "OKLCh lightness (L, 0–100) of text.subdued",
84
+ "$value": 82.5
85
+ },
86
+ "chroma": {
87
+ "$description": "OKLCh chroma (C) of text.subdued",
88
+ "$value": 0.018
89
+ }
90
+ },
91
+ "accent": {
92
+ "luminance": {
93
+ "$description": "Relative luminance (WCAG) of text.accent",
94
+ "$value": 0.6255
95
+ },
96
+ "lightness": {
97
+ "$description": "OKLCh lightness (L, 0–100) of text.accent",
98
+ "$value": 84.0
99
+ },
100
+ "chroma": {
101
+ "$description": "OKLCh chroma (C) of text.accent",
102
+ "$value": 0.138
103
+ }
104
+ },
105
+ "on-contrast": {
106
+ "luminance": {
107
+ "$description": "Relative luminance (WCAG) of text.on-contrast",
108
+ "$value": 0.0041
109
+ },
110
+ "lightness": {
111
+ "$description": "OKLCh lightness (L, 0–100) of text.on-contrast",
112
+ "$value": 16.0
113
+ },
114
+ "chroma": {
115
+ "$description": "OKLCh chroma (C) of text.on-contrast",
116
+ "$value": 0.0027
117
+ }
118
+ }
119
+ },
120
+ "border": {
121
+ "default": {
122
+ "luminance": {
123
+ "$description": "Relative luminance (WCAG) of border.default",
124
+ "$value": 0.6255
125
+ },
126
+ "lightness": {
127
+ "$description": "OKLCh lightness (L, 0–100) of border.default",
128
+ "$value": 84.0
129
+ },
130
+ "chroma": {
131
+ "$description": "OKLCh chroma (C) of border.default",
132
+ "$value": 0.138
133
+ }
134
+ },
135
+ "subdued": {
136
+ "luminance": {
137
+ "$description": "Relative luminance (WCAG) of border.subdued",
138
+ "$value": 0.0962
139
+ },
140
+ "lightness": {
141
+ "$description": "OKLCh lightness (L, 0–100) of border.subdued",
142
+ "$value": 45.2
143
+ },
144
+ "chroma": {
145
+ "$description": "OKLCh chroma (C) of border.subdued",
146
+ "$value": 0.0612
147
+ }
148
+ },
149
+ "strong": {
150
+ "luminance": {
151
+ "$description": "Relative luminance (WCAG) of border.strong",
152
+ "$value": 0.8835
153
+ },
154
+ "lightness": {
155
+ "$description": "OKLCh lightness (L, 0–100) of border.strong",
156
+ "$value": 95.4
157
+ },
158
+ "chroma": {
159
+ "$description": "OKLCh chroma (C) of border.strong",
160
+ "$value": 0.0449
161
+ }
162
+ }
163
+ }
164
+ }
165
+ }
package/src/tokens/metadata/color.metadata.saturated.light.json ADDED
@@ -0,0 +1,165 @@
1
+ {
2
+ "$type": "number",
3
+ "color": {
4
+ "background": {
5
+ "page": {
6
+ "luminance": {
7
+ "$description": "Relative luminance (WCAG) of background.page",
8
+ "$value": 0.8749
9
+ },
10
+ "lightness": {
11
+ "$description": "OKLCh lightness (L, 0–100) of background.page",
12
+ "$value": 95.7
13
+ },
14
+ "chroma": {
15
+ "$description": "OKLCh chroma (C) of background.page",
16
+ "$value": 0.0051
17
+ }
18
+ },
19
+ "container": {
20
+ "luminance": {
21
+ "$description": "Relative luminance (WCAG) of background.container",
22
+ "$value": 0.7629
23
+ },
24
+ "lightness": {
25
+ "$description": "OKLCh lightness (L, 0–100) of background.container",
26
+ "$value": 90.9
27
+ },
28
+ "chroma": {
29
+ "$description": "OKLCh chroma (C) of background.container",
30
+ "$value": 0.047
31
+ }
32
+ },
33
+ "container-accent": {
34
+ "luminance": {
35
+ "$description": "Relative luminance (WCAG) of background.container-accent",
36
+ "$value": 0.5779
37
+ },
38
+ "lightness": {
39
+ "$description": "OKLCh lightness (L, 0–100) of background.container-accent",
40
+ "$value": 82.8
41
+ },
42
+ "chroma": {
43
+ "$description": "OKLCh chroma (C) of background.container-accent",
44
+ "$value": 0.0509
45
+ }
46
+ },
47
+ "contrast": {
48
+ "luminance": {
49
+ "$description": "Relative luminance (WCAG) of background.contrast",
50
+ "$value": 0.134
51
+ },
52
+ "lightness": {
53
+ "$description": "OKLCh lightness (L, 0–100) of background.contrast",
54
+ "$value": 49.9
55
+ },
56
+ "chroma": {
57
+ "$description": "OKLCh chroma (C) of background.contrast",
58
+ "$value": 0.1201
59
+ }
60
+ }
61
+ },
62
+ "text": {
63
+ "default": {
64
+ "luminance": {
65
+ "$description": "Relative luminance (WCAG) of text.default",
66
+ "$value": 0.0411
67
+ },
68
+ "lightness": {
69
+ "$description": "OKLCh lightness (L, 0–100) of text.default",
70
+ "$value": 33.5
71
+ },
72
+ "chroma": {
73
+ "$description": "OKLCh chroma (C) of text.default",
74
+ "$value": 0.1008
75
+ }
76
+ },
77
+ "subdued": {
78
+ "luminance": {
79
+ "$description": "Relative luminance (WCAG) of text.subdued",
80
+ "$value": 0.1186
81
+ },
82
+ "lightness": {
83
+ "$description": "OKLCh lightness (L, 0–100) of text.subdued",
84
+ "$value": 49.2
85
+ },
86
+ "chroma": {
87
+ "$description": "OKLCh chroma (C) of text.subdued",
88
+ "$value": 0.025
89
+ }
90
+ },
91
+ "accent": {
92
+ "luminance": {
93
+ "$description": "Relative luminance (WCAG) of text.accent",
94
+ "$value": 0.134
95
+ },
96
+ "lightness": {
97
+ "$description": "OKLCh lightness (L, 0–100) of text.accent",
98
+ "$value": 49.9
99
+ },
100
+ "chroma": {
101
+ "$description": "OKLCh chroma (C) of text.accent",
102
+ "$value": 0.1201
103
+ }
104
+ },
105
+ "on-contrast": {
106
+ "luminance": {
107
+ "$description": "Relative luminance (WCAG) of text.on-contrast",
108
+ "$value": 1.0
109
+ },
110
+ "lightness": {
111
+ "$description": "OKLCh lightness (L, 0–100) of text.on-contrast",
112
+ "$value": 100.0
113
+ },
114
+ "chroma": {
115
+ "$description": "OKLCh chroma (C) of text.on-contrast",
116
+ "$value": 0.0001
117
+ }
118
+ }
119
+ },
120
+ "border": {
121
+ "default": {
122
+ "luminance": {
123
+ "$description": "Relative luminance (WCAG) of border.default",
124
+ "$value": 0.134
125
+ },
126
+ "lightness": {
127
+ "$description": "OKLCh lightness (L, 0–100) of border.default",
128
+ "$value": 49.9
129
+ },
130
+ "chroma": {
131
+ "$description": "OKLCh chroma (C) of border.default",
132
+ "$value": 0.1201
133
+ }
134
+ },
135
+ "subdued": {
136
+ "luminance": {
137
+ "$description": "Relative luminance (WCAG) of border.subdued",
138
+ "$value": 0.5779
139
+ },
140
+ "lightness": {
141
+ "$description": "OKLCh lightness (L, 0–100) of border.subdued",
142
+ "$value": 82.8
143
+ },
144
+ "chroma": {
145
+ "$description": "OKLCh chroma (C) of border.subdued",
146
+ "$value": 0.0509
147
+ }
148
+ },
149
+ "strong": {
150
+ "luminance": {
151
+ "$description": "Relative luminance (WCAG) of border.strong",
152
+ "$value": 0.0411
153
+ },
154
+ "lightness": {
155
+ "$description": "OKLCh lightness (L, 0–100) of border.strong",
156
+ "$value": 33.5
157
+ },
158
+ "chroma": {
159
+ "$description": "OKLCh chroma (C) of border.strong",
160
+ "$value": 0.1008
161
+ }
162
+ }
163
+ }
164
+ }
165
+ }
package/styles/components/countdown/countdown.css CHANGED
@@ -26,10 +26,10 @@
26
26
  }
27
27
  }
28
28
  .jkl-countdown__tracker {
29
- animation: jkl-downcount-u8dcccn var(--duration) linear forwards;
29
+ animation: jkl-downcount-uvpw9b4 var(--duration) linear forwards;
30
30
  animation-play-state: var(--play-state, running);
31
31
  }
32
- @keyframes jkl-downcount-u8dcccn {
32
+ @keyframes jkl-downcount-uvpw9b4 {
33
33
  from {
34
34
  width: 100%;
35
35
  }
package/styles/components/countdown/countdown.min.css CHANGED
@@ -1 +1 @@
1
- @layer jokul.components{.jkl-countdown{--track-color:var(--jkl-color-border-subdued);--bar-color:var(--jkl-color-border-strong);--bar-height:0.25rem;background-color:var(--track-color);border-radius:6.25rem;height:var(--bar-height);overflow:hidden;width:100%}.jkl-countdown__tracker{background-color:var(--bar-color);display:block;height:var(--bar-height)}@media screen and (forced-colors:active){.jkl-countdown{background-color:Canvas}.jkl-countdown__tracker{background-color:CanvasText}}.jkl-countdown__tracker{animation:jkl-downcount-u8dcccn var(--duration) linear forwards;animation-play-state:var(--play-state,running)}@keyframes jkl-downcount-u8dcccn{0%{width:100%}to{width:0}}}
1
+ @layer jokul.components{.jkl-countdown{--track-color:var(--jkl-color-border-subdued);--bar-color:var(--jkl-color-border-strong);--bar-height:0.25rem;background-color:var(--track-color);border-radius:6.25rem;height:var(--bar-height);overflow:hidden;width:100%}.jkl-countdown__tracker{background-color:var(--bar-color);display:block;height:var(--bar-height)}@media screen and (forced-colors:active){.jkl-countdown{background-color:Canvas}.jkl-countdown__tracker{background-color:CanvasText}}.jkl-countdown__tracker{animation:jkl-downcount-uvpw9b4 var(--duration) linear forwards;animation-play-state:var(--play-state,running)}@keyframes jkl-downcount-uvpw9b4{0%{width:100%}to{width:0}}}