contain-css-svelte 1.1.14 → 1.1.16
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/controls/Checkbox.svelte +4 -0
- package/dist/controls/RadioButton.svelte +3 -0
- package/dist/cssprops.js +1 -0
- package/dist/dropdowns/DropdownMenu.svelte +1 -1
- package/dist/layout/DataListItem.svelte +1 -1
- package/dist/misc/Tag.svelte +1 -1
- package/dist/vars/defaults.css +5 -1
- package/dist/vars/typography.css +5 -1
- package/package.json +1 -1
|
@@ -155,6 +155,10 @@ label::before {
|
|
|
155
155
|
display: inline-grid;
|
|
156
156
|
place-content: center;
|
|
157
157
|
content: " ";
|
|
158
|
+
/* Fixed-size flex item: without this, a narrow container (long label
|
|
159
|
+
text with nowhere to wrap) shrinks the box itself instead of only
|
|
160
|
+
wrapping the text, turning the square into a rectangle. */
|
|
161
|
+
flex-shrink: 0;
|
|
158
162
|
width: var(--checkbox-size, var(--font-size, var(--size, 1em)));
|
|
159
163
|
height: var(--checkbox-size, var(--font-size, var(--size, 1em)));
|
|
160
164
|
--link-bg: var(--checkbox-link-bg, var(--toggle-link-bg, var(--inactive-link-bg, var(--secondary-link-bg, inherit))));
|
|
@@ -134,6 +134,9 @@ label.radio-item::before {
|
|
|
134
134
|
display: inline-grid;
|
|
135
135
|
place-content: center;
|
|
136
136
|
content: " ";
|
|
137
|
+
/* Fixed-size flex item: without this, a narrow container shrinks the
|
|
138
|
+
circle itself instead of only the label text. */
|
|
139
|
+
flex-shrink: 0;
|
|
137
140
|
width: var(--radio-button-size, var(--font-size, var(--size, 1em)));
|
|
138
141
|
height: var(--radio-button-size, var(--font-size, var(--size, 1em)));
|
|
139
142
|
--link-bg: var(--radio-button-link-bg, var(--toggle-link-bg, var(--inactive-link-bg, var(--secondary-link-bg, inherit))));
|
package/dist/cssprops.js
CHANGED
|
@@ -846,7 +846,7 @@ button {
|
|
|
846
846
|
border-bottom: var(--search-hint-border-bottom, var(--tag-border-bottom, var(--border-bottom, var(--search-hint-border, var(--tag-border, var(--border, none))))));
|
|
847
847
|
border-left: var(--search-hint-border-left, var(--tag-border-left, var(--border-left, var(--search-hint-border, var(--tag-border, var(--border, none))))));
|
|
848
848
|
border-radius: var(--search-hint-border-radius, var(--tag-border-radius, var(--border-radius, none)));
|
|
849
|
-
font-size: var(--search-hint-font-size, var(--font-size-
|
|
849
|
+
font-size: var(--search-hint-font-size, var(--font-size-tiny, 0.75em));
|
|
850
850
|
padding: var(--search-hint-padding, 0.2em 0.55em);
|
|
851
851
|
font-variant-numeric: tabular-nums;
|
|
852
852
|
white-space: nowrap;
|
|
@@ -577,7 +577,7 @@ function handleKeydown(event) {
|
|
|
577
577
|
.main :global(h4 + p),
|
|
578
578
|
.main :global(h5 + p),
|
|
579
579
|
.main :global(h6 + p) {
|
|
580
|
-
font-size: var(--data-list-item-paragraph-font-size, var(--data-list-paragraph-font-size, var(--paragraph-font-size, var(--data-list-item-body-font-size, var(--data-list-body-font-size, var(--body-font-size, var(--font-size-small, 0.
|
|
580
|
+
font-size: var(--data-list-item-paragraph-font-size, var(--data-list-paragraph-font-size, var(--paragraph-font-size, var(--data-list-item-body-font-size, var(--data-list-body-font-size, var(--body-font-size, var(--font-size-small, 0.9em)))))));
|
|
581
581
|
line-height: var(--data-list-item-paragraph-line-height, var(--data-list-paragraph-line-height, var(--paragraph-line-height, var(--data-list-item-body-line-height, var(--data-list-body-line-height, var(--body-line-height, 1.35))))));
|
|
582
582
|
opacity: var(--data-list-item-body-opacity, var(--data-list-body-opacity, var(--body-opacity, 0.9)));
|
|
583
583
|
}
|
package/dist/misc/Tag.svelte
CHANGED
|
@@ -145,7 +145,7 @@ let style = $derived(injectVars(restProps, "tag", [
|
|
|
145
145
|
border-bottom: var(--tag-border-bottom, var(--border-bottom, var(--tag-border, var(--border, none))));
|
|
146
146
|
border-left: var(--tag-border-left, var(--border-left, var(--tag-border, var(--border, none))));
|
|
147
147
|
border-radius: var(--tag-border-radius, var(--border-radius, none));
|
|
148
|
-
font-size: var(--tag-font-size, var(--font-size-
|
|
148
|
+
font-size: var(--tag-font-size, var(--font-size-tiny, 0.75em));
|
|
149
149
|
padding: var(--tag-padding, 0.2em 0.55em);
|
|
150
150
|
margin-inline-start: var(--space);
|
|
151
151
|
margin-inline-end: var(--space);
|
package/dist/vars/defaults.css
CHANGED
|
@@ -1,6 +1,10 @@
|
|
|
1
1
|
:root {
|
|
2
2
|
--font-size: 16px;
|
|
3
|
-
--font-size
|
|
3
|
+
/* Relative units so these track --font-size at each responsive breakpoint
|
|
4
|
+
(see responsive-typography.css) and any local context set by a container
|
|
5
|
+
like Card, rather than being pinned to one absolute pixel value. */
|
|
6
|
+
--font-size-tiny: 0.75em;
|
|
7
|
+
--font-size-small: 0.9em;
|
|
4
8
|
--heading-font-size: revert;
|
|
5
9
|
--text-font-size: 1.2rem;
|
|
6
10
|
--font-family: sans-serif;
|
package/dist/vars/typography.css
CHANGED
|
@@ -1,6 +1,10 @@
|
|
|
1
1
|
:root {
|
|
2
2
|
--font-size: 16px;
|
|
3
|
-
--font-size
|
|
3
|
+
/* Relative units so these track --font-size at each responsive breakpoint
|
|
4
|
+
(see responsive-typography.css) and any local context set by a container
|
|
5
|
+
like Card, rather than being pinned to one absolute pixel value. */
|
|
6
|
+
--font-size-tiny: 0.75em;
|
|
7
|
+
--font-size-small: 0.9em;
|
|
4
8
|
--heading-font-size: revert;
|
|
5
9
|
--text-font-size: 1.2rem;
|
|
6
10
|
--font-family: sans-serif;
|