@ilo-org/styles 1.14.1 → 1.14.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 (7) hide show
  1. package/css/components/audioplayer.css +1 -1
  2. package/css/index.css +1 -1
  3. package/css/index.css.map +1 -1
  4. package/css/monorepo.css +1 -1
  5. package/css/monorepo.css.map +1 -1
  6. package/package.json +1 -1
  7. package/scss/components/_audioplayer.scss +32 -7
package/css/components/audioplayer.css CHANGED
@@ -1 +1 @@
1
- @charset "UTF-8";@keyframes emptygradient{0%{opacity:1}to{opacity:0}}@keyframes spin{to{-moz-transform:rotate(1turn);-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.ilo--audio-player--progress-bar{background-color:var(--ilo-color-gray-accessible);cursor:pointer;height:.4287245445rem;position:relative}.ilo--audio-player--progress-complete{--progress:0%;background-color:var(--ilo-color-yellow-500);height:100%;left:0;position:absolute;top:0;transition:width .5s;width:var(--progress)}.ilo--audio-player--body{align-items:center;background-color:var(--ilo-color-gray-charcoal);color:var(--ilo-color-white);display:grid;grid-template-areas:"left left" "center right";grid-template-columns:1fr 1fr;grid-template-rows:auto auto;padding:calc(var(--ilo-spacing-base)*3) 0;row-gap:calc(var(--ilo-spacing-base)*3)}.ilo--audio-player--left{border-bottom:1px solid var(--ilo-color-gray-accessible);grid-area:left;padding-block-end:calc(var(--ilo-spacing-base)*3);padding-inline:calc(var(--ilo-spacing-base)*3)}.ilo--audio-player--track-name{font-size:var(--ilo-font-size-sm);font-weight:var(--ilo-font-weight-medium);line-height:var(--ilo-line-height-lg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ilo--audio-player--track-details{color:var(--ilo-color-gray-light);display:flex;font-size:var(--ilo-font-size-xsm);line-height:var(--ilo-line-height-xlg)}.ilo--audio-player--track-creator:before{content:"•";margin-right:calc(var(--ilo-spacing-base)*2)}.ilo--audio-player--track-programme{text-wrap:nowrap}.ilo--audio-player--track-creator{margin-left:calc(var(--ilo-spacing-base)*2);text-wrap:nowrap}.ilo--audio-player--center{align-items:center;display:flex;gap:calc(var(--ilo-spacing-base)*1);grid-area:center;padding-inline-start:calc(var(--ilo-spacing-base)*3)}.ilo--audio-player--skip-button{border:none;cursor:pointer;display:flex;padding:calc(var(--ilo-spacing-base)*2)}.ilo--audio-player--skip-button:hover{background-color:var(--ilo-color-brand-100);color:var(--ilo-color-brand-600)}.ilo--audio-player--play-button{align-items:center;background-color:var(--ilo-color-yellow-500);border:none;border-radius:50%;color:var(--ilo-color-brand-800);cursor:pointer;display:flex;padding:calc(var(--ilo-spacing-base)*1)}.ilo--audio-player--play-button:hover{background-color:var(--ilo-color-brand-100)}[aria-label=Play] .ilo--audio-player--play-icon{display:block}[aria-label=Pause] .ilo--audio-player--play-icon,[aria-label=Play] .ilo--audio-player--pause-icon{display:none}[aria-label=Pause] .ilo--audio-player--pause-icon{display:block}.ilo--audio-player--right{align-items:center;display:flex;grid-area:right;justify-content:flex-end;padding-inline-end:calc(var(--ilo-spacing-base)*3)}.ilo--audio-player--duration{align-items:flex-end;display:flex;flex-direction:column}.ilo--audio-player--duration-played{font-size:var(--ilo-font-size-sm);font-weight:var(--ilo-font-weight-bold);line-height:var(--ilo-line-height-lg)}.ilo--audio-player--duration-total{color:var(--ilo-color-gray-light);font-size:var(--ilo-font-size-2xsm);line-height:var(--ilo-line-height-2xlg)}.ilo--audio-player--separator{border-left:1px solid var(--ilo-color-gray-accessible);height:32px;margin:calc(var(--ilo-spacing-base)*1) calc(var(--ilo-spacing-base)*3)}.ilo--audio-player--volume-icon{align-items:center;background:0 0;border:none;cursor:pointer;display:flex}[aria-label=Mute] .ilo--audio-player--sound-on-icon{display:block}[aria-label=Mute] .ilo--audio-player--sound-off-icon,[aria-label=Unmute] .ilo--audio-player--sound-on-icon{display:none}[aria-label=Unmute] .ilo--audio-player--sound-off-icon{display:block}.ilo--audio-player--volume-slider{--progress:100%;background:var(--ilo-color-yellow-500);background:linear-gradient(to right,var(--ilo-color-yellow-500) 0,var(--ilo-color-yellow-500) var(--progress,50%),var(--ilo-color-gray-accessible) var(--progress,50%),var(--ilo-color-gray-accessible) 100%);border-radius:4px;height:4px;margin-left:calc(var(--ilo-spacing-base)*1);width:50%}[dir=rtl] .ilo--audio-player--volume-slider{background:linear-gradient(to left,var(--ilo-color-yellow-500) 0,var(--ilo-color-yellow-500) var(--progress,50%),var(--ilo-color-gray-accessible) var(--progress,50%),var(--ilo-color-gray-accessible) 100%)}.ilo--audio-player--volume-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--ilo-color-gray-light);border:none;border-radius:50%;cursor:pointer;height:16px;margin-top:-2px;width:16px}@media screen and (min-width:610px){.ilo--audio-player--body{grid-template-areas:"left center right";grid-template-columns:1fr 1fr 1fr;grid-template-rows:auto}.ilo--audio-player--left{border-bottom:none;padding-block:0;padding-inline:calc(var(--ilo-spacing-base)*3) 0}.ilo--audio-player--track-name{width:30vw}.ilo--audio-player--center{justify-content:center;padding:0}.ilo--audio-player--volume-slider{width:40%}}
1
+ @charset "UTF-8";@keyframes emptygradient{0%{opacity:1}to{opacity:0}}@keyframes spin{to{-moz-transform:rotate(1turn);-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.ilo--audio-player--progress-bar{background-color:var(--ilo-color-gray-accessible);cursor:pointer;height:.4287245445rem;position:relative}.ilo--audio-player--progress-complete{--progress:0%;background-color:var(--ilo-color-yellow-500);height:100%;left:0;position:absolute;top:0;transition:width .5s;width:var(--progress)}.ilo--audio-player--body{align-items:center;background-color:var(--ilo-color-gray-charcoal);color:var(--ilo-color-white);display:grid;grid-template-areas:"left left" "center right";grid-template-columns:1fr 1fr;grid-template-rows:auto auto;padding:calc(var(--ilo-spacing-base)*3) 0;row-gap:calc(var(--ilo-spacing-base)*3)}.ilo--audio-player--left{border-bottom:1px solid var(--ilo-color-gray-accessible);grid-area:left;padding-block-end:calc(var(--ilo-spacing-base)*3);padding-inline:calc(var(--ilo-spacing-base)*3)}.ilo--audio-player--track-name{font-size:var(--ilo-font-size-sm);font-weight:var(--ilo-font-weight-medium);line-height:var(--ilo-line-height-lg)}.ilo--audio-player--track-details,.ilo--audio-player--track-name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ilo--audio-player--track-details{color:var(--ilo-color-gray-light);font-size:var(--ilo-font-size-xsm);line-height:var(--ilo-line-height-xlg)}.ilo--audio-player--track-creator:before{content:"•";margin-right:calc(var(--ilo-spacing-base)*2)}.ilo--audio-player--track-programme{text-wrap:nowrap}.ilo--audio-player--track-creator{margin-left:calc(var(--ilo-spacing-base)*2);text-wrap:nowrap}.ilo--audio-player--center{align-items:center;display:flex;gap:calc(var(--ilo-spacing-base)*1);grid-area:center;padding-inline-start:calc(var(--ilo-spacing-base)*3)}.ilo--audio-player--skip-button{border:none;cursor:pointer;display:flex;padding:calc(var(--ilo-spacing-base)*2)}.ilo--audio-player--skip-button:hover{background-color:var(--ilo-color-brand-100);color:var(--ilo-color-brand-600)}.ilo--audio-player--play-button{align-items:center;background-color:var(--ilo-color-yellow-500);border:none;border-radius:50%;color:var(--ilo-color-brand-800);cursor:pointer;display:flex;padding:calc(var(--ilo-spacing-base)*1)}.ilo--audio-player--play-button:hover{background-color:var(--ilo-color-brand-100)}[aria-label=Play] .ilo--audio-player--play-icon{display:block}[aria-label=Pause] .ilo--audio-player--play-icon,[aria-label=Play] .ilo--audio-player--pause-icon{display:none}[aria-label=Pause] .ilo--audio-player--pause-icon{display:block}.ilo--audio-player--right{align-items:center;display:flex;grid-area:right;justify-content:flex-end;padding-inline-end:calc(var(--ilo-spacing-base)*3)}.ilo--audio-player--duration{align-items:flex-end;display:flex;flex-direction:column}.ilo--audio-player--duration-played{font-size:var(--ilo-font-size-sm);font-weight:var(--ilo-font-weight-bold);line-height:var(--ilo-line-height-lg)}.ilo--audio-player--duration-total{color:var(--ilo-color-gray-light);font-size:var(--ilo-font-size-2xsm);line-height:var(--ilo-line-height-2xlg)}.ilo--audio-player--separator{border-left:1px solid var(--ilo-color-gray-accessible);height:32px;margin:calc(var(--ilo-spacing-base)*1) calc(var(--ilo-spacing-base)*3)}.ilo--audio-player--volume-icon{align-items:center;background:0 0;border:none;cursor:pointer;display:flex}[aria-label=Mute] .ilo--audio-player--sound-on-icon{display:block}[aria-label=Mute] .ilo--audio-player--sound-off-icon,[aria-label=Unmute] .ilo--audio-player--sound-on-icon{display:none}[aria-label=Unmute] .ilo--audio-player--sound-off-icon{display:block}.ilo--audio-player--volume-slider{--progress:100%;background:var(--ilo-color-yellow-500);background:linear-gradient(to right,var(--ilo-color-yellow-500) 0,var(--ilo-color-yellow-500) var(--progress,50%),var(--ilo-color-gray-accessible) var(--progress,50%),var(--ilo-color-gray-accessible) 100%);border-radius:4px;height:4px;margin-left:calc(var(--ilo-spacing-base)*1);width:50%}[dir=rtl] .ilo--audio-player--volume-slider{background:linear-gradient(to left,var(--ilo-color-yellow-500) 0,var(--ilo-color-yellow-500) var(--progress,50%),var(--ilo-color-gray-accessible) var(--progress,50%),var(--ilo-color-gray-accessible) 100%)}.ilo--audio-player--volume-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--ilo-color-gray-light);border:none;border-radius:50%;cursor:pointer;height:16px;margin-top:-2px;width:16px}@media screen and (min-width:610px){.ilo--audio-player--body{grid-template-areas:"left center right";grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);grid-template-rows:auto}.ilo--audio-player--left{border-bottom:none;min-width:0;padding-block:0;padding-inline:calc(var(--ilo-spacing-base)*3) clamp(3 * var(--ilo-spacing-base),4vw,11 * var(--ilo-spacing-base))}.ilo--audio-player--center{justify-content:center;padding-block:0}.ilo--audio-player--volume-slider{width:40%}}