@cocoar/ui-tokens 0.1.0-beta.126 → 0.1.0-beta.151
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/css/all.css +1 -0
- package/css/select-overlay.css +40 -0
- package/package.json +1 -1
package/css/all.css
CHANGED
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Cocoar Design System - Select Overlay Size Variants
|
|
3
|
+
*
|
|
4
|
+
* These styles are applied to overlay panels via panelClass.
|
|
5
|
+
* They define size-specific custom properties consumed by
|
|
6
|
+
* the select dropdown content.
|
|
7
|
+
*/
|
|
8
|
+
|
|
9
|
+
/* ========================================
|
|
10
|
+
SELECT DROPDOWN SIZE VARIANTS
|
|
11
|
+
Applied via panelClass on overlay panel
|
|
12
|
+
======================================== */
|
|
13
|
+
|
|
14
|
+
/* XS Size */
|
|
15
|
+
.coar-select-dropdown--xs {
|
|
16
|
+
--coar-select-option-font-size: var(--coar-component-xs-font-size);
|
|
17
|
+
--coar-select-option-padding: var(--coar-spacing-xs) var(--coar-spacing-s);
|
|
18
|
+
--coar-select-search-height: 24px;
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
/* SM Size */
|
|
22
|
+
.coar-select-dropdown--sm {
|
|
23
|
+
--coar-select-option-font-size: var(--coar-component-sm-font-size);
|
|
24
|
+
--coar-select-option-padding: var(--coar-spacing-xs) var(--coar-spacing-s);
|
|
25
|
+
--coar-select-search-height: 28px;
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
/* MD Size (default) */
|
|
29
|
+
.coar-select-dropdown--md {
|
|
30
|
+
--coar-select-option-font-size: var(--coar-body-small-base-size);
|
|
31
|
+
--coar-select-option-padding: var(--coar-spacing-s) var(--coar-spacing-m);
|
|
32
|
+
--coar-select-search-height: 32px;
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
/* LG Size */
|
|
36
|
+
.coar-select-dropdown--lg {
|
|
37
|
+
--coar-select-option-font-size: var(--coar-component-lg-font-size);
|
|
38
|
+
--coar-select-option-padding: var(--coar-spacing-m) var(--coar-spacing-l);
|
|
39
|
+
--coar-select-search-height: 40px;
|
|
40
|
+
}
|