contain-css-svelte 1.2.1 → 1.2.2

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 (24) hide show
  1. package/dist/Card.svelte +156 -156
  2. package/dist/controls/Button.svelte +6 -0
  3. package/dist/controls/ButtonLink.svelte +1 -0
  4. package/dist/controls/Checkbox.svelte +1 -0
  5. package/dist/controls/CircleButton.svelte +1 -0
  6. package/dist/controls/RadioButton.svelte +1 -0
  7. package/dist/controls/Toggle.svelte +1 -0
  8. package/dist/dropdowns/DropdownMenu.svelte +2 -0
  9. package/dist/layout/Accordion.svelte +1 -0
  10. package/dist/layout/Container.svelte +156 -156
  11. package/dist/layout/DataListItem.svelte +160 -179
  12. package/dist/layout/Form.svelte +156 -156
  13. package/dist/layout/Hero.svelte +156 -156
  14. package/dist/layout/MenuList.svelte +5 -0
  15. package/dist/layout/Sidebar.svelte +1 -0
  16. package/dist/layout/Table.svelte +157 -156
  17. package/dist/layout/Tile.svelte +157 -156
  18. package/dist/misc/Progress.svelte +156 -156
  19. package/dist/overlays/Dialog.svelte +156 -156
  20. package/dist/overlays/Tooltip.svelte +156 -156
  21. package/dist/sass/_affordances.scss +7 -2
  22. package/dist/sass/_typography.scss +15 -12
  23. package/dist/typography/TextLayout.svelte +156 -156
  24. package/package.json +1 -1
package/dist/layout/MenuList.svelte CHANGED
@@ -146,6 +146,7 @@ const el = $derived(elementProps(restProps, "menu", [
146
146
  .menu :global(li):hover {
147
147
  filter: var(--menu-item-hover-filter, var(--hover-filter, brightness(1.05)));
148
148
  transform: var(--menu-item-hover-transform, var(--hover-transform, none));
149
+ color: var(--_color);
149
150
  background-color: color-mix(in oklch, var(--_background-color) var(--hover-base-color-percentage, 90%), var(--hover-color-mix, white) calc(100% - var(--hover-base-color-percentage, 90%)));
150
151
  box-shadow: var(--menu-item-hover-box-shadow, var(--hover-box-shadow, var(--_box-shadow, none)));
151
152
  }
@@ -190,6 +191,7 @@ const el = $derived(elementProps(restProps, "menu", [
190
191
  .menu :global(li[tabindex]:not([tabindex="-1"])):hover {
191
192
  filter: var(--menu-item-hover-filter, var(--hover-filter, brightness(1.05)));
192
193
  transform: var(--menu-item-hover-transform, var(--hover-transform, none));
194
+ color: var(--_color);
193
195
  background-color: color-mix(in oklch, var(--_background-color) var(--hover-base-color-percentage, 90%), var(--hover-color-mix, white) calc(100% - var(--hover-base-color-percentage, 90%)));
194
196
  box-shadow: var(--menu-item-hover-box-shadow, var(--hover-box-shadow, var(--_box-shadow, none)));
195
197
  }
@@ -224,6 +226,7 @@ const el = $derived(elementProps(restProps, "menu", [
224
226
  .menu :global(li[tabindex]:not([tabindex="-1"])):focus-visible {
225
227
  filter: var(--menu-item-hover-filter, var(--hover-filter, brightness(1.05)));
226
228
  transform: var(--menu-item-hover-transform, var(--hover-transform, none));
229
+ color: var(--_color);
227
230
  background-color: color-mix(in oklch, var(--_background-color) var(--hover-base-color-percentage, 90%), var(--hover-color-mix, white) calc(100% - var(--hover-base-color-percentage, 90%)));
228
231
  box-shadow: var(--menu-item-hover-box-shadow, var(--hover-box-shadow, var(--_box-shadow, none)));
229
232
  outline: var(--focus-color, -webkit-focus-ring-color) auto 1px;
@@ -361,6 +364,7 @@ const el = $derived(elementProps(restProps, "menu", [
361
364
  .menu :global(a):focus-visible, .menu :global(button):focus-visible, .menu :global(input[type="submit"]):focus-visible, .menu :global(.button):focus-visible {
362
365
  filter: var(--menu-item-hover-filter, var(--hover-filter, brightness(1.05)));
363
366
  transform: var(--menu-item-hover-transform, var(--hover-transform, none));
367
+ color: var(--_color);
364
368
  background-color: color-mix(in oklch, var(--_background-color) var(--hover-base-color-percentage, 90%), var(--hover-color-mix, white) calc(100% - var(--hover-base-color-percentage, 90%)));
365
369
  box-shadow: var(--menu-item-hover-box-shadow, var(--hover-box-shadow, var(--_box-shadow, none)));
366
370
  outline: var(--focus-color, -webkit-focus-ring-color) auto 1px;
@@ -375,6 +379,7 @@ const el = $derived(elementProps(restProps, "menu", [
375
379
  .menu :global(a):hover, .menu :global(button):hover, .menu :global(input[type="submit"]):hover, .menu :global(.button):hover {
376
380
  filter: var(--menu-item-hover-filter, var(--hover-filter, brightness(1.05)));
377
381
  transform: var(--menu-item-hover-transform, var(--hover-transform, none));
382
+ color: var(--_color);
378
383
  background-color: color-mix(in oklch, var(--_background-color) var(--hover-base-color-percentage, 90%), var(--hover-color-mix, white) calc(100% - var(--hover-base-color-percentage, 90%)));
379
384
  box-shadow: var(--menu-item-hover-box-shadow, var(--hover-box-shadow, var(--_box-shadow, none)));
380
385
  }
package/dist/layout/Sidebar.svelte CHANGED
@@ -694,6 +694,7 @@ aside .content:hover::-webkit-scrollbar-thumb:hover {
694
694
  aside > button:hover {
695
695
  filter: var(--circle-button-hover-filter, var(--mini-button-hover-filter, var(--button-hover-filter, var(--control-hover-filter, var(--hover-filter, brightness(1.05))))));
696
696
  transform: var(--circle-button-hover-transform, var(--mini-button-hover-transform, var(--button-hover-transform, var(--control-hover-transform, var(--hover-transform, none)))));
697
+ color: var(--_color);
697
698
  background-color: color-mix(in oklch, var(--_background-color) var(--hover-base-color-percentage, 90%), var(--hover-color-mix, white) calc(100% - var(--hover-base-color-percentage, 90%)));
698
699
  box-shadow: var(--circle-button-hover-box-shadow, var(--mini-button-hover-box-shadow, var(--button-hover-box-shadow, var(--control-hover-box-shadow, var(--hover-box-shadow, var(--_box-shadow, none))))));
699
700
  }