vanilla-jui 1.3.10 → 1.3.11

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 (32) hide show
  1. package/dist/index.js +1 -1
  2. package/dist/index.umd.js +1 -1
  3. package/dist/style.css +1 -1
  4. package/package.json +1 -1
  5. package/src/components/modal.js +9 -9
  6. package/src/css/accordion.css +2 -2
  7. package/src/css/breadcrumb.css +1 -1
  8. package/src/css/button.css +5 -5
  9. package/src/css/card.css +6 -6
  10. package/src/css/color.css +51 -64
  11. package/src/css/color_p3.css +52 -64
  12. package/src/css/drop.css +1 -1
  13. package/src/css/flow.css +1 -1
  14. package/src/css/form.css +20 -20
  15. package/src/css/gradient.css +17 -4
  16. package/src/css/index.css +1 -1
  17. package/src/css/layout.css +1 -1
  18. package/src/css/menu.css +26 -26
  19. package/src/css/modal.css +10 -27
  20. package/src/css/offcanvas.css +2 -2
  21. package/src/css/pagination.css +1 -1
  22. package/src/css/popup.css +2 -2
  23. package/src/css/swiper.css +12 -12
  24. package/src/css/tabs.css +2 -2
  25. package/src/css/tag.css +3 -4
  26. package/src/css/theme-palette.css +6 -6
  27. package/src/css/tip.css +1 -1
  28. package/src/css/toast.css +8 -8
  29. package/src/css/tokens.css +197 -226
  30. package/src/css/toolbar.css +3 -3
  31. package/src/css/tooltip.css +1 -1
  32. package/src/css/toast.min.css +0 -1
package/src/css/toolbar.css CHANGED
@@ -3,7 +3,7 @@
3
3
  position: var(--toolbar-container-position, sticky);
4
4
  top: 0;
5
5
  width: 100%;
6
- z-index: var(--z-index-toolbar);
6
+ z-index: var(--z-toolbar);
7
7
  overflow: hidden;
8
8
  overflow-x: auto;
9
9
  -webkit-overflow-scrolling: touch;
@@ -22,7 +22,7 @@
22
22
  justify-content: center;
23
23
  align-items: center;
24
24
  gap: var(--toolbar-gap, 0);
25
- padding: var(--toolbar-padding, calc(var(--space) * 2));
25
+ padding: var(--toolbar-padding, var(--s2));
26
26
  box-shadow: var(--toolbar-box-shadow, var(--shadow-sm));
27
27
  }
28
28
 
@@ -77,7 +77,7 @@
77
77
 
78
78
  .heading-drop-menu a,
79
79
  .editor-size-menu a {
80
- padding-block: calc(var(--space) * 1);
80
+ padding-block: var(--space);
81
81
  }
82
82
 
83
83
  .color-drop-menu .color-panel {
package/src/css/tooltip.css CHANGED
@@ -12,7 +12,7 @@
12
12
 
13
13
  .j-tooltip .tooltip-message {
14
14
  word-wrap: break-word;
15
- padding: var(--tooltip-padding, calc(var(--space) * 1.5) calc(var(--space) * 2));
15
+ padding: var(--tooltip-padding, calc(var(--space) * 1.5) var(--s2));
16
16
  font-size: var(--tooltip-font-size, var(--font-size-md));
17
17
  line-height: var(--tooltip-line-height, var(--line-height));
18
18
  }
package/src/css/toast.min.css DELETED
@@ -1 +0,0 @@
1
- @layer components{.j-toast-container{position:fixed;top:var(--toast-container-offset,calc(var(--space) * 2));right:var(--toast-container-offset,calc(var(--space) * 2));z-index:var(--z-index-toast);display:flex;flex-direction:column;gap:var(--toast-container-gap,calc(var(--space) * 2));align-items:center;left:50%;transform:translateX(-50%);pointer-events:none}.j-toast{display:flex;align-items:center;padding:var(--toast-padding,calc(var(--space) * 3) calc(var(--space) * 4));border-radius:var(--toast-border-radius,var(--radius-md));box-shadow:var(--toast-box-shadow,var(--shadow-md));font-size:var(--toast-font-size, var(--font-size-md));font-weight:var(--toast-font-weight,var(--font-medium));opacity:0;transform:translateY(-100%);transition:all .3s ease-in-out;cursor:pointer;min-width:var(--toast-min-width,200px);max-width:var(--toast-max-width,310px);word-break:break-all;pointer-events:auto}.j-toast.is-shown{opacity:1;transform:translateY(0)}.j-toast.is-hidden{opacity:0;transform:translateY(-100%)}.j-toast .toast-icon{margin-right:calc(var(--space) * 2);width:var(--toast-icon-size,var(--font-size-lg))}.j-toast .toast-message{flex:1;word-break:normal}.j-toast.is-success{color:var(--toast-success-color,var(--state-success));background-color:var(--toast-success-background,var(--state-success-weak));border:1px solid var(--toast-success-border-color,var(--state-success-border))}.j-toast.is-success .toast-icon{color:var(--toast-success-icon-color,var(--state-success))}.j-toast.is-error{color:var(--toast-error-color,var(--state-danger));background-color:var(--toast-error-background,var(--state-danger-weak));border:1px solid var(--toast-error-border-color,var(--state-danger-border))}.j-toast.is-error .toast-icon{color:var(--toast-error-icon-color,var(--state-danger))}.j-toast.is-warning{color:var(--toast-warning-color,var(--state-warning));background-color:var(--toast-warning-background,var(--state-warning-weak));border:1px solid var(--toast-warning-border-color,var(--state-warning-border))}.j-toast.is-warning .toast-icon{color:var(--toast-warning-icon-color,var(--state-warning))}.j-toast.is-info{color:var(--toast-info-color,var(--ui-fg));background-color:var(--toast-info-background,var(--ui-bg));border:1px solid var(--toast-info-border-color,var(--ui-border))}.j-toast.is-info .toast-icon{color:var(--toast-info-icon-color,var(--ui-fg))}.j-toast.is-primary{color:var(--toast-info-color,var(--tone-solid));background-color:var(--toast-info-background,var(--tone-weak));border:1px solid var(--toast-info-border-color,var(--tone-border))}.j-toast.is-primary .toast-icon{color:var(--toast-info-icon-color,var(--tone-solid))}.j-toast-lite{position:fixed;top:45%;left:50%;transform:translate(-50%,-50%);transition:opacity var(--speed-sm) ease-in-out;opacity:0;z-index:var(--z-index-toast);font-size:var(--toast-lite-font-size, var(--font-size-md));text-align:center;color:var(--toast-lite-color,var(--ui-bg));background:var(--toast-lite-background,var(--ui-fg));border-radius:var(--toast-lite-border-radius,var(--radius-md));padding:var(--toast-lite-padding,calc(var(--space) * 2) calc(var(--space) * 3));max-width:var(--toast-lite-max-width,calc(var(--screen-sm)/ 2));user-select:none;pointer-events:none}.j-toast-lite.is-shown{opacity:1;transform:scale(1)}.j-toast-lite.is-hidden{opacity:0;transform:scale(.9)}.j-toast.is-action{flex-direction:column;align-items:flex-start;gap:calc(var(--space)*4);color:var(--toast-info-color,var(--ui-fg));background-color:var(--toast-info-background,var(--ui-bg));border:1px solid var(--toast-info-border-color,var(--ui-border));min-width:280px;cursor:default}.j-toast.is-action .toast-actions{width:100%;display:flex;justify-content:flex-end;gap:var(--space)}}