@guardian/interactive-component-library 0.1.0-alpha.35 → 0.1.0-alpha.37
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/style.css
CHANGED
|
@@ -1619,36 +1619,40 @@ body.android {
|
|
|
1619
1619
|
._button_s6ell_1:enabled {
|
|
1620
1620
|
cursor: pointer;
|
|
1621
1621
|
}
|
|
1622
|
-
.
|
|
1623
|
-
|
|
1624
|
-
padding:
|
|
1625
|
-
|
|
1626
|
-
|
|
1627
|
-
height: 33px;
|
|
1622
|
+
._button_1bibm_1 {
|
|
1623
|
+
padding-left: 10px;
|
|
1624
|
+
padding-right: 10px;
|
|
1625
|
+
width: 36px;
|
|
1626
|
+
height: 36px;
|
|
1628
1627
|
background-color: var(--primary-bg-color);
|
|
1629
1628
|
border-radius: 999px;
|
|
1629
|
+
|
|
1630
|
+
display: flex;
|
|
1631
|
+
justify-content: center;
|
|
1632
|
+
align-items: center;
|
|
1630
1633
|
}
|
|
1631
1634
|
|
|
1632
|
-
.
|
|
1635
|
+
._buttonBorder_1bibm_14 {
|
|
1633
1636
|
border: 1px solid var(--border-divider-color);
|
|
1634
1637
|
}
|
|
1635
1638
|
|
|
1636
|
-
.
|
|
1639
|
+
._button_1bibm_1:hover:enabled {
|
|
1637
1640
|
background-color: var(--news-grey-05);
|
|
1638
1641
|
}
|
|
1639
1642
|
|
|
1640
|
-
.
|
|
1643
|
+
._svg_1bibm_22 {
|
|
1641
1644
|
width: 100%;
|
|
1642
1645
|
height: 100%;
|
|
1643
1646
|
pointer-events: none;
|
|
1647
|
+
overflow: hidden;
|
|
1644
1648
|
}
|
|
1645
1649
|
|
|
1646
|
-
.
|
|
1650
|
+
._path_1bibm_29 {
|
|
1647
1651
|
fill: var(--primary-text-color);
|
|
1648
1652
|
pointer-events: none;
|
|
1649
1653
|
}
|
|
1650
1654
|
|
|
1651
|
-
.
|
|
1655
|
+
._button_1bibm_1:enabled {
|
|
1652
1656
|
cursor: pointer;
|
|
1653
1657
|
}
|
|
1654
1658
|
._container_tq3ke_1 {
|
|
@@ -2160,11 +2164,11 @@ body ._header_1yz7f_96._fullWidth_1yz7f_57 {
|
|
|
2160
2164
|
._path_1dms8_8 {
|
|
2161
2165
|
pointer-events: none;
|
|
2162
2166
|
}
|
|
2163
|
-
.
|
|
2167
|
+
._searchContainer_1px2g_1 {
|
|
2164
2168
|
position: relative;
|
|
2165
2169
|
}
|
|
2166
2170
|
|
|
2167
|
-
.
|
|
2171
|
+
._input_1px2g_5 {
|
|
2168
2172
|
width: 100%;
|
|
2169
2173
|
color: var(--primary-text-color);
|
|
2170
2174
|
font-family: var(--text-sans);
|
|
@@ -2186,7 +2190,7 @@ input:focus {
|
|
|
2186
2190
|
border: 1px solid var(--primary-text-color);
|
|
2187
2191
|
}
|
|
2188
2192
|
|
|
2189
|
-
.
|
|
2193
|
+
._searchIcon_1px2g_27 {
|
|
2190
2194
|
position: absolute;
|
|
2191
2195
|
top: 11px;
|
|
2192
2196
|
left: 12px;
|
|
@@ -2195,13 +2199,13 @@ input:focus {
|
|
|
2195
2199
|
pointer-events: none;
|
|
2196
2200
|
}
|
|
2197
2201
|
|
|
2198
|
-
.
|
|
2202
|
+
._clearButton_1px2g_36 {
|
|
2199
2203
|
position: absolute;
|
|
2200
|
-
top:
|
|
2204
|
+
top: 2px;
|
|
2201
2205
|
right: 4px;
|
|
2202
2206
|
}
|
|
2203
2207
|
|
|
2204
|
-
.
|
|
2208
|
+
._suggestions_1px2g_42 {
|
|
2205
2209
|
position: absolute;
|
|
2206
2210
|
width: 100%;
|
|
2207
2211
|
margin-top: var(--space-2);
|
|
@@ -2216,7 +2220,7 @@ input:focus {
|
|
|
2216
2220
|
pointer-events: all;
|
|
2217
2221
|
}
|
|
2218
2222
|
|
|
2219
|
-
.
|
|
2223
|
+
._suggestion_1px2g_42 {
|
|
2220
2224
|
cursor: pointer;
|
|
2221
2225
|
padding: 6px 8px;
|
|
2222
2226
|
background-color: var(--primary-bg-color);
|
|
@@ -2227,11 +2231,11 @@ input:focus {
|
|
|
2227
2231
|
line-height: var(--sans-line-height);
|
|
2228
2232
|
}
|
|
2229
2233
|
|
|
2230
|
-
.
|
|
2234
|
+
._selected_1px2g_68 {
|
|
2231
2235
|
background-color: var(--secondary-bg-color);
|
|
2232
2236
|
}
|
|
2233
2237
|
|
|
2234
|
-
.
|
|
2238
|
+
._highlighted_1px2g_72 {
|
|
2235
2239
|
color: var(--highlighted-text-color);
|
|
2236
2240
|
background-color: var(--highlight-color);
|
|
2237
2241
|
}
|