@unoff/ui 1.21.0

package/dist/assets/Thumbnail.css

@@ -0,0 +1 @@
+@charset "UTF-8";:root[data-theme=penpot]{--thumbnail-background-color: var(--penpot-color-background-tertiary);--thumbnail-border-color: var(--penpot-color-background-quaternary);--thumbnail-border-offset: var(--size-neg-unit);--thumbnail-border-width: var(--size-pos-unit);--thumbnail-height: var(--size-pos-medium);--thumbnail-padding: var(--size-pos-xsmall);--thumbnail-radius: var(--border-radius-xlarge);--thumbnail-width: var(--size-pos-medium)}:root[data-theme=sketch]{--thumbnail-background-color: var(--sketch-color-background-secondary);--thumbnail-border-color: var(--sketch-color-border-primary);--thumbnail-border-offset: var(--size-neg-unit);--thumbnail-border-width: var(--size-pos-unit);--thumbnail-height: var(--size-pos-medium);--thumbnail-padding: var(--size-pos-xsmall);--thumbnail-radius: var(--border-radius-large);--thumbnail-width: var(--size-pos-medium)}:root[data-theme=figma]{--thumbnail-background-color: var(--figma-color-bg-secondary);--thumbnail-border-color: var(--figma-color-border-disabled);--thumbnail-border-offset: var(--size-neg-unit);--thumbnail-border-width: var(--size-pos-unit);--thumbnail-height: var(--size-pos-medium);--thumbnail-padding: var(--size-pos-xsmall);--thumbnail-radius: var(--border-radius-medium);--thumbnail-width: var(--size-pos-medium)}:root[data-theme=framer]{--thumbnail-background-color: var(--framer-color-bg-secondary);--thumbnail-border-color: var(--framer-color-divider);--thumbnail-border-offset: var(--size-neg-unit);--thumbnail-border-width: var(--size-pos-unit);--thumbnail-height: var(--size-pos-medium);--thumbnail-padding: var(--size-pos-xsmall);--thumbnail-radius: var(--border-radius-xlarge);--thumbnail-width: var(--size-pos-medium)}.thumbnail{display:flex;outline:var(--thumbnail-border-width) solid var(--thumbnail-border-color);outline-offset:var(--thumbnail-border-offset);border-radius:var(--thumbnail-radius);background:var(--thumbnail-background-color);height:100%}.thumbnail .thumbnail__image{margin:auto;max-width:calc(100% - var(--thumbnail-padding));max-height:calc(100% - var(--thumbnail-padding))}.thumbnail .thumbnail__error,.thumbnail .thumbnail__loader{margin:auto}

package/dist/assets/Tooltip.css

@@ -0,0 +1 @@
+@charset "UTF-8";:root[data-theme=penpot]{--tooltip-arrow-background-color: var(--penpot-color-background-primary);--tooltip-arrow-border-color: var(--penpot-color-accent-primary-muted);--tooltip-arrow-border-width: var(--size-pos-unit);--tooltip-arrow-radius: var(--size-pos-xxxsmall);--tooltip-arrow-size: var(--size-pos-xmsmall);--tooltip-background-color: var(--penpot-color-background-primary);--tooltip-border-color: var(--penpot-color-accent-primary-muted);--tooltip-border-offset: var(--size-neg-unit);--tooltip-border-width: var(--size-pos-unit);--tooltip-gap: var(--size-pos-xxsmall);--tooltip-image-height: 96px;--tooltip-image-radius: var(--border-radius-medium);--tooltip-image-width: 96px;--tooltip-max-width: 248px;--tooltip-min-width: 200px;--tooltip-padding-bottom: var(--size-pos-xxsmall);--tooltip-padding-left: var(--size-pos-xmsmall);--tooltip-padding-right: var(--size-pos-xmsmall);--tooltip-padding-top: var(--size-pos-xxsmall);--tooltip-radius: var(--border-radius-medium);--tooltip-shadow: none;--tooltip-text-color: var(--penpot-color-foreground-primary);--tooltip-text-transform: none;--tooltip-with-image-min-width: 248px;--tooltip-with-image-padding-bottom: var(--size-pos-xxxsmall);--tooltip-with-image-padding-left: var(--size-pos-xxxsmall);--tooltip-with-image-padding-right: var(--size-pos-xxsmall);--tooltip-with-image-padding-top: var(--size-pos-xxxsmall)}:root[data-theme=sketch]{--tooltip-arrow-background-color: transparent;--tooltip-arrow-border-color: transparent;--tooltip-arrow-border-width: var(--size-null);--tooltip-arrow-radius: var(--border-radius-null);--tooltip-arrow-size: var(--size-pos-xxsmall);--tooltip-background-color: var(--sketch-color-background-primary);--tooltip-border-color: transparent;--tooltip-border-offset: var(--size-null);--tooltip-border-width: var(--size-null);--tooltip-gap: var(--size-pos-xxsmall);--tooltip-image-height: 96px;--tooltip-image-radius: var(--border-radius-medium);--tooltip-image-width: 96px;--tooltip-max-width: 248px;--tooltip-min-width: 200px;--tooltip-padding-bottom: var(--size-pos-xmsmall);--tooltip-padding-left: var(--size-pos-xxsmall);--tooltip-padding-right: var(--size-pos-xxsmall);--tooltip-padding-top: var(--size-pos-xmsmall);--tooltip-radius: var(--border-radius-xlarge);--tooltip-shadow: var(--elevation-300-tooltip);--tooltip-text-color: var(--sketch-color-foreground-primary);--tooltip-text-transform: none;--tooltip-with-image-min-width: 248px;--tooltip-with-image-padding-bottom: var(--size-pos-xxxsmall);--tooltip-with-image-padding-left: var(--size-pos-xxxsmall);--tooltip-with-image-padding-right: var(--size-pos-xxsmall);--tooltip-with-image-padding-top: var(--size-pos-xxxsmall)}:root[data-theme=figma]{--tooltip-arrow-background-color: var(--grey-1000);--tooltip-arrow-border-color: var(--grey-900);--tooltip-arrow-border-width: var(--size-pos-unit);--tooltip-arrow-radius: var(--border-radius-null);--tooltip-arrow-size: var(--size-pos-xxsmall);--tooltip-background-color: var(--grey-1000);--tooltip-border-color: transparent;--tooltip-border-offset: var(--size-null);--tooltip-border-width: var(--size-null);--tooltip-gap: var(--size-pos-xxsmall);--tooltip-image-height: 96px;--tooltip-image-radius: var(--border-radius-medium);--tooltip-image-width: 96px;--tooltip-max-width: 248px;--tooltip-min-width: 200px;--tooltip-padding-bottom: var(--size-pos-xxxsmall);--tooltip-padding-left: var(--size-pos-xxsmall);--tooltip-padding-right: var(--size-pos-xxsmall);--tooltip-padding-top: var(--size-pos-xxxsmall);--tooltip-radius: var(--border-radius-medium);--tooltip-shadow: var(--elevation-300-tooltip);--tooltip-text-color: var(--grey-0);--tooltip-text-transform: none;--tooltip-with-image-min-width: 248px;--tooltip-with-image-padding-bottom: var(--size-pos-xxxsmall);--tooltip-with-image-padding-left: var(--size-pos-xxxsmall);--tooltip-with-image-padding-right: var(--size-pos-xxsmall);--tooltip-with-image-padding-top: var(--size-pos-xxxsmall)}:root[data-theme=framer]{--tooltip-arrow-background-color: var(--framer-color-bg);--tooltip-arrow-border-color: var(--framer-color-divider);--tooltip-arrow-border-width: var(--size-pos-unit);--tooltip-arrow-radius: var(--border-radius-null);--tooltip-arrow-size: var(--size-pos-xsmall);--tooltip-background-color: var(--framer-color-bg);--tooltip-border-color: transparent;--tooltip-border-offset: var(--size-null);--tooltip-border-width: var(--size-null);--tooltip-gap: var(--size-pos-xxsmall);--tooltip-image-height: 96px;--tooltip-image-radius: var(--border-radius-xlarge);--tooltip-image-width: 96px;--tooltip-max-width: 248px;--tooltip-min-width: 200px;--tooltip-padding-bottom: var(--size-pos-xsmall);--tooltip-padding-left: var(--size-pos-xsmall);--tooltip-padding-right: var(--size-pos-xsmall);--tooltip-padding-top: var(--size-pos-xsmall);--tooltip-radius: var(--border-radius-xlarge);--tooltip-shadow: var(--elevation-300-tooltip);--tooltip-text-color: var(--framer-color-text);--tooltip-text-transform: none;--tooltip-with-image-min-width: 248px;--tooltip-with-image-padding-bottom: var(--size-pos-xsmall);--tooltip-with-image-padding-left: var(--size-pos-xsmall);--tooltip-with-image-padding-right: var(--size-pos-xsmall);--tooltip-with-image-padding-top: var(--size-pos-xsmall)}.tooltip{position:absolute;left:50%;transform:translate(-50%) translateY(0);z-index:3;width:auto;min-width:var(--tooltip-min-width);max-width:var(--tooltip-max-width);pointer-events:none;-webkit-user-select:none;user-select:none}.tooltip:after{position:absolute;left:calc(50% - var(--tooltip-arrow-size));border-width:var(--tooltip-arrow-size);border-style:solid;width:0;height:0;content:""}.tooltip.tooltip--top{bottom:calc(100% + var(--tooltip-arrow-size))}.tooltip.tooltip--top:after{bottom:0;left:50%;transform:translate(-50%) translateY(50%) rotate(45deg);transform-origin:50% 50%;border-top:transparent;border-right:var(--tooltip-arrow-border-width) solid var(--tooltip-arrow-border-color);border-bottom:var(--tooltip-arrow-border-width) solid var(--tooltip-arrow-border-color);border-left:transparent;border-radius:var(--tooltip-arrow-radius);background-color:var(--tooltip-arrow-background-color);width:var(--tooltip-arrow-size);height:var(--tooltip-arrow-size)}.tooltip.tooltip--bottom{top:calc(100% + var(--tooltip-arrow-size))}.tooltip.tooltip--bottom:after{top:1px;left:50%;transform:translate(-50%) translateY(-50%) rotate(45deg);transform-origin:50% 50%;border-top:var(--tooltip-arrow-border-width) solid var(--tooltip-arrow-border-color);border-right:transparent;border-bottom:transparent;border-left:var(--tooltip-arrow-border-width) solid var(--tooltip-arrow-border-color);border-radius:var(--tooltip-arrow-radius);background-color:var(--tooltip-arrow-background-color);width:var(--tooltip-arrow-size);height:var(--tooltip-arrow-size)}.tooltip__block{display:flex;justify-content:center;gap:var(--tooltip-gap);outline:var(--tooltip-border-width) solid var(--tooltip-border-color);outline-offset:var(--tooltip-border-offset);box-shadow:var(--tooltip-shadow);border-radius:var(--tooltip-radius);background-color:var(--tooltip-background-color);padding:var(--tooltip-padding-top) var(--tooltip-padding-right) var(--tooltip-padding-bottom) var(--tooltip-padding-left)}.tooltip__snack{display:flex;flex:1;align-items:center;gap:var(--tooltip-gap)}.tooltip__text{--text-color-primary: var(--tooltip-text-color);text-align:left}.tooltip__image{border-radius:var(--tooltip-image-radius);width:var(--tooltip-image-width);height:var(--tooltip-image-height)}.tooltip--singleline{min-width:unset;max-width:unset}.tooltip--singleline .tooltip__text{text-align:center;text-transform:var(--tooltip-text-transform);white-space:nowrap}.tooltip--withimage{--tooltip-min-width: var(--tooltip-with-image-min-width)}.tooltip--withimage .tooltip__block{padding:var(--tooltip-with-image-padding-top) var(--tooltip-with-image-padding-right) var(--tooltip-with-image-padding-bottom) var(--tooltip-with-image-padding-left)}.tooltip--withimage .tooltip__text{text-align:left;text-transform:var(--tooltip-text-transform)}