@atme-lab/ui-kit 0.1.6 → 0.1.8

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.
@@ -0,0 +1,2 @@
1
+ "use strict";
2
+ //# sourceMappingURL=global.cjs.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"global.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
@@ -0,0 +1,2 @@
1
+
2
+ //# sourceMappingURL=global.esm.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"global.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
package/dist/ui-kit.css CHANGED
@@ -1 +1 @@
1
- ._typography_11hr8_1{font-family:var(--typography-font-family);margin:0;padding:0}._typography--h1_11hr8_8{font-size:var(--typography-font-size-4xl);font-weight:var(--typography-font-weight-bold);line-height:var(--typography-line-height-tight);color:var(--palette-text-primary)}._typography--h2_11hr8_15{font-size:var(--typography-font-size-3xl);font-weight:var(--typography-font-weight-bold);line-height:var(--typography-line-height-tight);color:var(--palette-text-primary)}._typography--h3_11hr8_22{font-size:var(--typography-font-size-2xl);font-weight:var(--typography-font-weight-semibold);line-height:var(--typography-line-height-normal);color:var(--palette-text-primary)}._typography--h4_11hr8_29{font-size:var(--typography-font-size-xl);font-weight:var(--typography-font-weight-semibold);line-height:var(--typography-line-height-normal);color:var(--palette-text-primary)}._typography--h5_11hr8_36{font-size:var(--typography-font-size-lg);font-weight:var(--typography-font-weight-medium);line-height:var(--typography-line-height-normal);color:var(--palette-text-primary)}._typography--h6_11hr8_43{font-size:var(--typography-font-size-base);font-weight:var(--typography-font-weight-medium);line-height:var(--typography-line-height-normal);color:var(--palette-text-primary)}._typography--body_11hr8_50{font-size:var(--typography-font-size-base);font-weight:var(--typography-font-weight-normal);line-height:var(--typography-line-height-normal);color:var(--palette-text-primary)}._typography--caption_11hr8_57{font-size:var(--typography-font-size-sm);font-weight:var(--typography-font-weight-normal);line-height:var(--typography-line-height-normal);color:var(--palette-text-secondary)}._typography--overline_11hr8_64{font-size:var(--typography-font-size-xs);font-weight:var(--typography-font-weight-medium);line-height:var(--typography-line-height-normal);color:var(--palette-text-secondary);text-transform:uppercase;letter-spacing:.05em}._typography--xs_11hr8_74{font-size:var(--typography-font-size-xs)}._typography--sm_11hr8_78{font-size:var(--typography-font-size-sm)}._typography--base_11hr8_82{font-size:var(--typography-font-size-base)}._typography--lg_11hr8_86{font-size:var(--typography-font-size-lg)}._typography--xl_11hr8_90{font-size:var(--typography-font-size-xl)}._typography--2xl_11hr8_94{font-size:var(--typography-font-size-2xl)}._typography--3xl_11hr8_98{font-size:var(--typography-font-size-3xl)}._typography--4xl_11hr8_102{font-size:var(--typography-font-size-4xl)}._typography--color-primary_11hr8_107{color:var(--palette-text-primary)}._typography--color-secondary_11hr8_111{color:var(--palette-text-secondary)}._typography--color-disabled_11hr8_115{color:var(--palette-text-disabled)}._tag_10ar5_1{display:inline-flex;align-items:center;gap:calc(var(--spacing-unit) * 1 * 1px);border-radius:var(--border-radius-base);border:2px solid var(--palette-border-strong);font-family:var(--typography-font-family);font-weight:var(--typography-font-weight-medium);line-height:1;white-space:nowrap}._tag--link_10ar5_13{text-decoration:none;color:inherit}._tag--link_10ar5_13:focus-visible{outline:2px solid var(--palette-primary-main);outline-offset:2px}._tagContent_10ar5_23{display:inline-flex;align-items:center}._tagIcon_10ar5_28{display:inline-flex;align-items:center;flex-shrink:0}._tagClose_10ar5_34{display:inline-flex;align-items:center;justify-content:center;margin-left:calc(var(--spacing-unit) * 1 * 1px);padding:0;background:none;border:none;cursor:pointer;font-size:1.2em;line-height:1;color:inherit;opacity:.7;transition:opacity var(--transitions-duration-base) var(--transitions-easing-easeInOut)}._tagClose_10ar5_34:hover{opacity:1}._tagClose_10ar5_34:focus{outline:2px solid currentColor;outline-offset:2px}._tag--sm_10ar5_60{padding:calc(var(--spacing-unit) * 1 * 1px) calc(var(--spacing-unit) * 2 * 1px);font-size:var(--typography-font-size-xs)}._tag--md_10ar5_65{padding:calc(var(--spacing-unit) * 1 * 1px) calc(var(--spacing-unit) * 3 * 1px);font-size:var(--typography-font-size-sm)}._tag--lg_10ar5_70{padding:calc(var(--spacing-unit) * 2 * 1px) calc(var(--spacing-unit) * 4 * 1px);font-size:var(--typography-font-size-base)}._tag--primary_10ar5_76{background-color:var(--palette-primary-main);color:var(--palette-secondary-contrastText)}._tag--secondary_10ar5_81{background-color:var(--palette-secondary-main);color:var(--palette-secondary-contrastText)}._tag--success_10ar5_86{background-color:var(--palette-success-main);color:#fff}._tag--warning_10ar5_91{background-color:var(--palette-warning-main);color:#fff}._tag--error_10ar5_96{background-color:var(--palette-error-main);color:#fff}._tag--neutral_10ar5_101{background-color:var(--palette-border-default);color:var(--palette-text-primary)}._tagGroup_1b8va_1{display:flex;flex-wrap:wrap;gap:calc(var(--spacing-unit) * 1 * 1px);align-items:center}._button_t5esz_1{display:inline-flex;align-items:center;justify-content:center;gap:calc(var(--spacing-unit) * 2 * 1px);border:1px solid transparent;border-radius:var(--border-radius-lg);font-family:var(--typography-font-family);font-weight:var(--typography-font-weight-medium);line-height:1;cursor:pointer;transition:all var(--transitions-duration-base) var(--transitions-easing-easeInOut);text-decoration:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap;box-shadow:var(--shadows-sm)}._button_t5esz_1:focus-visible{outline:2px solid var(--palette-primary-main);outline-offset:2px}._button_t5esz_1:disabled,._button_t5esz_1[aria-disabled=true]{cursor:not-allowed;opacity:.6;box-shadow:none}._buttonContent_t5esz_32{display:inline-flex;align-items:center}._buttonIcon_t5esz_37{display:inline-flex;align-items:center;flex-shrink:0}._buttonSpinner_t5esz_43{display:inline-block;width:1em;height:1em;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:_spin_t5esz_1 .6s linear infinite}@keyframes _spin_t5esz_1{to{transform:rotate(360deg)}}._button--sm_t5esz_60{padding:calc(var(--spacing-unit) * 1.5 * 1px) calc(var(--spacing-unit) * 3.5 * 1px);font-size:var(--typography-font-size-sm);min-height:36px}._button--md_t5esz_66{padding:calc(var(--spacing-unit) * 2.5 * 1px) calc(var(--spacing-unit) * 5 * 1px);font-size:var(--typography-font-size-base);min-height:44px}._button--lg_t5esz_72{padding:calc(var(--spacing-unit) * 3 * 1px) calc(var(--spacing-unit) * 6 * 1px);font-size:var(--typography-font-size-lg);min-height:52px}._button--fullWidth_t5esz_78{width:100%}._button--primary_t5esz_83{background-color:var(--palette-primary-hover);color:var(--palette-text-primary);border-color:var(--palette-primary-hover);box-shadow:var(--shadows-sm)}._button--primary_t5esz_83:hover:not(:disabled):not([aria-disabled=true]){background-color:var(--palette-primary-main);border-color:var(--palette-primary-main);color:var(--palette-primary-contrast-text);box-shadow:var(--shadows-base);transform:translateY(-1px)}._button--primary_t5esz_83:active:not(:disabled):not([aria-disabled=true]){background-color:var(--palette-primary-active);border-color:var(--palette-primary-active);color:var(--palette-primary-contrast-text);box-shadow:var(--shadows-sm);transform:translateY(0)}._button--secondary_t5esz_106{background-color:var(--palette-background-paper);color:var(--palette-secondary-contrast-text);border-color:var(--palette-secondary-main);box-shadow:var(--shadows-sm)}._button--secondary_t5esz_106:hover:not(:disabled):not([aria-disabled=true]){background-color:var(--palette-secondary-hover);border-color:var(--palette-secondary-hover);color:var(--palette-secondary-contrast-text);box-shadow:var(--shadows-base);transform:translateY(-1px)}._button--secondary_t5esz_106:active:not(:disabled):not([aria-disabled=true]){background-color:var(--palette-secondary-active);border-color:var(--palette-secondary-active);color:var(--palette-secondary-contrast-text);box-shadow:var(--shadows-sm);transform:translateY(0)}._button--outline_t5esz_129{background-color:var(--palette-background-paper);color:var(--palette-primary-main);border-color:var(--palette-primary-main);box-shadow:var(--shadows-sm)}._button--outline_t5esz_129:hover:not(:disabled):not([aria-disabled=true]){background-color:var(--palette-primary-hover);color:var(--palette-text-secondary);border-color:var(--palette-primary-hover);box-shadow:var(--shadows-base);transform:translateY(-1px)}._button--outline_t5esz_129:active:not(:disabled):not([aria-disabled=true]){background-color:var(--palette-primary-active);color:var(--palette-primary-contrast-text);border-color:var(--palette-primary-active);box-shadow:var(--shadows-sm);transform:translateY(0)}._button--ghost_t5esz_152{background-color:transparent;color:var(--palette-primary-main);border-color:transparent;box-shadow:none}._button--ghost_t5esz_152:hover:not(:disabled):not([aria-disabled=true]){background-color:#0000000d;box-shadow:var(--shadows-sm)}._button--ghost_t5esz_152:active:not(:disabled):not([aria-disabled=true]){background-color:#0000001a;box-shadow:none}[data-color-scheme=dark] ._button--ghost_t5esz_152:hover:not(:disabled):not([aria-disabled=true]){background-color:#ffffff1a;box-shadow:var(--shadows-sm)}[data-color-scheme=dark] ._button--ghost_t5esz_152:active:not(:disabled):not([aria-disabled=true]){background-color:#fff3;box-shadow:none}._button--loading_t5esz_181{position:relative;color:transparent}._icon_1se7w_1{display:inline-block;flex-shrink:0;vertical-align:middle;color:currentColor;fill:currentColor}._icon--custom_1se7w_9{fill:unset}._labelMenuItem_fjxw4_1{display:flex;flex-direction:column;align-items:center;gap:calc(var(--spacing-unit) * 2 * 1px);padding:calc(var(--spacing-unit) * 3 * 1px);border:none;background:transparent;cursor:pointer;transition:all var(--transitions-duration-base) var(--transitions-easing-easeInOut)}._labelMenuItem_fjxw4_1:hover:not(:disabled){opacity:.8}._labelMenuItem_fjxw4_1:active:not(:disabled){opacity:.6}._labelMenuItem_fjxw4_1:disabled{cursor:not-allowed;opacity:.5}._labelMenuItem_fjxw4_1:focus-visible{outline:2px solid var(--palette-primary-main);outline-offset:2px;border-radius:var(--border-radius-md)}._icon_fjxw4_32{display:flex;align-items:center;justify-content:center}._label_fjxw4_1{text-align:center}._heartIconOutline_137aq_1{fill:none}._likeButton_1nv5d_1{display:inline-flex;align-items:center;justify-content:center;gap:calc(var(--spacing-unit) * 2 * 1px);padding:calc(var(--spacing-unit) * 1.5 * 1px) calc(var(--spacing-unit) * 2 * 1px);border:none;border-radius:var(--border-radius-full);background:transparent;color:var(--palette-text-secondary);cursor:pointer;font-family:var(--typography-font-family);transition:color var(--transitions-duration-base) var(--transitions-easing-easeInOut),transform var(--transitions-duration-base) var(--transitions-easing-easeOut),filter var(--transitions-duration-base) var(--transitions-easing-easeInOut)}._likeButton_1nv5d_1:hover:not(._likeButton--disabled_1nv5d_19){color:var(--palette-primary-main);transform:scale(1.08);filter:drop-shadow(0 0 6px var(--palette-primary-main))}._likeButton--liked_1nv5d_25{color:var(--palette-primary-main)}._likeButton--liked_1nv5d_25:hover:not(._likeButton--disabled_1nv5d_19){color:var(--palette-primary-hover);filter:drop-shadow(0 0 8px var(--palette-primary-hover))}._likeButton_1nv5d_1:active:not(._likeButton--disabled_1nv5d_19){transform:scale(.98)}._likeButton_1nv5d_1:focus-visible{outline:2px solid var(--palette-primary-main);outline-offset:2px}._likeButton--disabled_1nv5d_19{cursor:not-allowed;opacity:.5}._likeButton--pop_1nv5d_49 ._heartWrap_1nv5d_49{animation:_heartPop_1nv5d_1 .55s cubic-bezier(.34,1.56,.64,1)}@keyframes _heartPop_1nv5d_1{0%{transform:scale(1)}25%{transform:scale(1.45)}50%{transform:scale(.92)}70%{transform:scale(1.12)}85%{transform:scale(.98)}to{transform:scale(1)}}._likeButton--liked_1nv5d_25:hover:not(._likeButton--disabled_1nv5d_19) ._heartWrap_1nv5d_49{animation:_heartBeat_1nv5d_1 .6s ease-in-out}@keyframes _heartBeat_1nv5d_1{0%,to{transform:scale(1)}20%{transform:scale(1.15)}40%{transform:scale(.95)}60%{transform:scale(1.08)}80%{transform:scale(1)}}._heartWrap_1nv5d_49{display:inline-flex;align-items:center;justify-content:center;width:1.25em;height:1.25em}._heart_1nv5d_49{width:100%;height:100%;transition:color var(--transitions-duration-base) var(--transitions-easing-easeInOut)}._countWrap_1nv5d_112{display:inline-flex;align-items:center;justify-content:flex-start;min-width:1.5em}._countWrap--bump_1nv5d_119{animation:_countBump_1nv5d_1 .5s cubic-bezier(.34,1.56,.64,1)}@keyframes _countBump_1nv5d_1{0%{transform:scale(1) translateY(0)}30%{transform:scale(1.35) translateY(-4px)}55%{transform:scale(.95) translateY(1px)}75%{transform:scale(1.08) translateY(-1px)}to{transform:scale(1) translateY(0)}}._count_1nv5d_112{margin:0;text-align:left}._stack_45gcn_1{display:flex}._stack--direction-row_45gcn_6{flex-direction:row}._stack--direction-column_45gcn_10{flex-direction:column}._stack--direction-row-reverse_45gcn_14{flex-direction:row-reverse}._stack--direction-column-reverse_45gcn_18{flex-direction:column-reverse}._stack--align-start_45gcn_23{align-items:flex-start}._stack--align-end_45gcn_27{align-items:flex-end}._stack--align-center_45gcn_31{align-items:center}._stack--align-stretch_45gcn_35{align-items:stretch}._stack--align-baseline_45gcn_39{align-items:baseline}._stack--justify-start_45gcn_44{justify-content:flex-start}._stack--justify-end_45gcn_48{justify-content:flex-end}._stack--justify-center_45gcn_52{justify-content:center}._stack--justify-between_45gcn_56{justify-content:space-between}._stack--justify-around_45gcn_60{justify-content:space-around}._stack--justify-evenly_45gcn_64{justify-content:space-evenly}._stack--wrap-nowrap_45gcn_69{flex-wrap:nowrap}._stack--wrap-wrap_45gcn_73{flex-wrap:wrap}._stack--wrap-wrap-reverse_45gcn_77{flex-wrap:wrap-reverse}._grid_16nbv_1{display:grid}@media(min-width:640px){._grid_16nbv_1{grid-template-columns:repeat(var(--grid-cols-sm, var(--grid-cols-xs, 1)),1fr)}}@media(min-width:768px){._grid_16nbv_1{grid-template-columns:repeat(var(--grid-cols-md, var(--grid-cols-sm, var(--grid-cols-xs, 1))),1fr)}}@media(min-width:1024px){._grid_16nbv_1{grid-template-columns:repeat(var(--grid-cols-lg, var(--grid-cols-md, var(--grid-cols-sm, var(--grid-cols-xs, 1)))),1fr)}}@media(min-width:1280px){._grid_16nbv_1{grid-template-columns:repeat(var(--grid-cols-xl, var(--grid-cols-lg, var(--grid-cols-md, var(--grid-cols-sm, var(--grid-cols-xs, 1))))),1fr)}}@media(min-width:1536px){._grid_16nbv_1{grid-template-columns:repeat(var(--grid-cols-2xl, var(--grid-cols-xl, var(--grid-cols-lg, var(--grid-cols-md, var(--grid-cols-sm, var(--grid-cols-xs, 1)))))),1fr)}}._content_8ltuo_1{display:flex;flex-direction:column;width:100%}._content--tile_8ltuo_8 ._previewWrap_8ltuo_8{width:100%;aspect-ratio:16 / 10;flex-shrink:0}._content--tile_8ltuo_8 ._body_8ltuo_14{padding:calc(var(--spacing-unit) * 3 * 1px) calc(var(--spacing-unit) * 4 * 1px);display:flex;flex-direction:column;gap:calc(var(--spacing-unit) * 1 * 1px)}._content--row_8ltuo_22{flex-direction:row}._content--row_8ltuo_22 ._previewWrap_8ltuo_8{width:160px;min-width:160px;aspect-ratio:1;flex-shrink:0}._content--row_8ltuo_22 ._body_8ltuo_14{padding:calc(var(--spacing-unit) * 3 * 1px) calc(var(--spacing-unit) * 4 * 1px);display:flex;flex-direction:column;gap:calc(var(--spacing-unit) * 1 * 1px);min-width:0;flex:1}._previewWrap_8ltuo_8{position:relative;background-color:var(--palette-background-default);overflow:hidden}._tagsSlotTile_8ltuo_48{position:absolute;top:0;left:0;z-index:1;padding:calc(var(--spacing-unit) * 2 * 1px) calc(var(--spacing-unit) * 3 * 1px);display:flex;flex-wrap:wrap;gap:calc(var(--spacing-unit) * 1 * 1px);pointer-events:auto}._tagsSlotRow_8ltuo_60{display:flex;flex-wrap:wrap;gap:calc(var(--spacing-unit) * 1 * 1px);margin-bottom:calc(var(--spacing-unit) * 1 * 1px);pointer-events:auto}._previewImage_8ltuo_68{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;vertical-align:middle}._previewPlaceholder_8ltuo_76{width:100%;height:100%;min-height:120px;background-color:var(--palette-border-subtle);background-image:repeating-linear-gradient(-45deg,transparent,transparent 8px,var(--palette-background-paper) 8px,var(--palette-background-paper) 10px)}._title_8ltuo_90{color:var(--palette-text-secondary);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-clamp:2;margin:0}._date_8ltuo_101{margin:0;flex-shrink:0}._root_19jmt_1{display:block;background-color:var(--palette-background-paper);border:var(--border-base) solid var(--palette-border-subtle);border-radius:var(--border-radius-lg);overflow:hidden;box-shadow:var(--shadows-sm);text-decoration:none;color:inherit;transition:transform var(--transitions-duration-slow) var(--transitions-easing-easeInOut),box-shadow var(--transitions-duration-slow) var(--transitions-easing-easeInOut),border-color var(--transitions-duration-slow) var(--transitions-easing-easeInOut),background-color var(--transitions-duration-slow) var(--transitions-easing-easeInOut)}._root--interactive_19jmt_17{cursor:pointer}._root--interactive_19jmt_17:hover{transform:translateY(-2px);box-shadow:var(--shadows-lg);border-color:var(--palette-border-default);background-color:var(--palette-background-default)}._root--interactive_19jmt_17:focus-visible{outline:2px solid var(--palette-primary-main);outline-offset:2px}._root--tile_19jmt_33{max-width:360px}._root--row_19jmt_37{max-width:100%}
1
+ ._typography_11hr8_1{font-family:var(--typography-font-family);margin:0;padding:0}._typography--h1_11hr8_8{font-size:var(--typography-font-size-4xl);font-weight:var(--typography-font-weight-bold);line-height:var(--typography-line-height-tight);color:var(--palette-text-primary)}._typography--h2_11hr8_15{font-size:var(--typography-font-size-3xl);font-weight:var(--typography-font-weight-bold);line-height:var(--typography-line-height-tight);color:var(--palette-text-primary)}._typography--h3_11hr8_22{font-size:var(--typography-font-size-2xl);font-weight:var(--typography-font-weight-semibold);line-height:var(--typography-line-height-normal);color:var(--palette-text-primary)}._typography--h4_11hr8_29{font-size:var(--typography-font-size-xl);font-weight:var(--typography-font-weight-semibold);line-height:var(--typography-line-height-normal);color:var(--palette-text-primary)}._typography--h5_11hr8_36{font-size:var(--typography-font-size-lg);font-weight:var(--typography-font-weight-medium);line-height:var(--typography-line-height-normal);color:var(--palette-text-primary)}._typography--h6_11hr8_43{font-size:var(--typography-font-size-base);font-weight:var(--typography-font-weight-medium);line-height:var(--typography-line-height-normal);color:var(--palette-text-primary)}._typography--body_11hr8_50{font-size:var(--typography-font-size-base);font-weight:var(--typography-font-weight-normal);line-height:var(--typography-line-height-normal);color:var(--palette-text-primary)}._typography--caption_11hr8_57{font-size:var(--typography-font-size-sm);font-weight:var(--typography-font-weight-normal);line-height:var(--typography-line-height-normal);color:var(--palette-text-secondary)}._typography--overline_11hr8_64{font-size:var(--typography-font-size-xs);font-weight:var(--typography-font-weight-medium);line-height:var(--typography-line-height-normal);color:var(--palette-text-secondary);text-transform:uppercase;letter-spacing:.05em}._typography--xs_11hr8_74{font-size:var(--typography-font-size-xs)}._typography--sm_11hr8_78{font-size:var(--typography-font-size-sm)}._typography--base_11hr8_82{font-size:var(--typography-font-size-base)}._typography--lg_11hr8_86{font-size:var(--typography-font-size-lg)}._typography--xl_11hr8_90{font-size:var(--typography-font-size-xl)}._typography--2xl_11hr8_94{font-size:var(--typography-font-size-2xl)}._typography--3xl_11hr8_98{font-size:var(--typography-font-size-3xl)}._typography--4xl_11hr8_102{font-size:var(--typography-font-size-4xl)}._typography--color-primary_11hr8_107{color:var(--palette-text-primary)}._typography--color-secondary_11hr8_111{color:var(--palette-text-secondary)}._typography--color-disabled_11hr8_115{color:var(--palette-text-disabled)}._tag_10ar5_1{display:inline-flex;align-items:center;gap:calc(var(--spacing-unit) * 1 * 1px);border-radius:var(--border-radius-base);border:2px solid var(--palette-border-strong);font-family:var(--typography-font-family);font-weight:var(--typography-font-weight-medium);line-height:1;white-space:nowrap}._tag--link_10ar5_13{text-decoration:none;color:inherit}._tag--link_10ar5_13:focus-visible{outline:2px solid var(--palette-primary-main);outline-offset:2px}._tagContent_10ar5_23{display:inline-flex;align-items:center}._tagIcon_10ar5_28{display:inline-flex;align-items:center;flex-shrink:0}._tagClose_10ar5_34{display:inline-flex;align-items:center;justify-content:center;margin-left:calc(var(--spacing-unit) * 1 * 1px);padding:0;background:none;border:none;cursor:pointer;font-size:1.2em;line-height:1;color:inherit;opacity:.7;transition:opacity var(--transitions-duration-base) var(--transitions-easing-easeInOut)}._tagClose_10ar5_34:hover{opacity:1}._tagClose_10ar5_34:focus{outline:2px solid currentColor;outline-offset:2px}._tag--sm_10ar5_60{padding:calc(var(--spacing-unit) * 1 * 1px) calc(var(--spacing-unit) * 2 * 1px);font-size:var(--typography-font-size-xs)}._tag--md_10ar5_65{padding:calc(var(--spacing-unit) * 1 * 1px) calc(var(--spacing-unit) * 3 * 1px);font-size:var(--typography-font-size-sm)}._tag--lg_10ar5_70{padding:calc(var(--spacing-unit) * 2 * 1px) calc(var(--spacing-unit) * 4 * 1px);font-size:var(--typography-font-size-base)}._tag--primary_10ar5_76{background-color:var(--palette-primary-main);color:var(--palette-secondary-contrastText)}._tag--secondary_10ar5_81{background-color:var(--palette-secondary-main);color:var(--palette-secondary-contrastText)}._tag--success_10ar5_86{background-color:var(--palette-success-main);color:#fff}._tag--warning_10ar5_91{background-color:var(--palette-warning-main);color:#fff}._tag--error_10ar5_96{background-color:var(--palette-error-main);color:#fff}._tag--neutral_10ar5_101{background-color:var(--palette-border-default);color:var(--palette-text-primary)}._tagGroup_1b8va_1{display:flex;flex-wrap:wrap;gap:calc(var(--spacing-unit) * 1 * 1px);align-items:center}._button_t5esz_1{display:inline-flex;align-items:center;justify-content:center;gap:calc(var(--spacing-unit) * 2 * 1px);border:1px solid transparent;border-radius:var(--border-radius-lg);font-family:var(--typography-font-family);font-weight:var(--typography-font-weight-medium);line-height:1;cursor:pointer;transition:all var(--transitions-duration-base) var(--transitions-easing-easeInOut);text-decoration:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap;box-shadow:var(--shadows-sm)}._button_t5esz_1:focus-visible{outline:2px solid var(--palette-primary-main);outline-offset:2px}._button_t5esz_1:disabled,._button_t5esz_1[aria-disabled=true]{cursor:not-allowed;opacity:.6;box-shadow:none}._buttonContent_t5esz_32{display:inline-flex;align-items:center}._buttonIcon_t5esz_37{display:inline-flex;align-items:center;flex-shrink:0}._buttonSpinner_t5esz_43{display:inline-block;width:1em;height:1em;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:_spin_t5esz_1 .6s linear infinite}@keyframes _spin_t5esz_1{to{transform:rotate(360deg)}}._button--sm_t5esz_60{padding:calc(var(--spacing-unit) * 1.5 * 1px) calc(var(--spacing-unit) * 3.5 * 1px);font-size:var(--typography-font-size-sm);min-height:36px}._button--md_t5esz_66{padding:calc(var(--spacing-unit) * 2.5 * 1px) calc(var(--spacing-unit) * 5 * 1px);font-size:var(--typography-font-size-base);min-height:44px}._button--lg_t5esz_72{padding:calc(var(--spacing-unit) * 3 * 1px) calc(var(--spacing-unit) * 6 * 1px);font-size:var(--typography-font-size-lg);min-height:52px}._button--fullWidth_t5esz_78{width:100%}._button--primary_t5esz_83{background-color:var(--palette-primary-hover);color:var(--palette-text-primary);border-color:var(--palette-primary-hover);box-shadow:var(--shadows-sm)}._button--primary_t5esz_83:hover:not(:disabled):not([aria-disabled=true]){background-color:var(--palette-primary-main);border-color:var(--palette-primary-main);color:var(--palette-primary-contrast-text);box-shadow:var(--shadows-base);transform:translateY(-1px)}._button--primary_t5esz_83:active:not(:disabled):not([aria-disabled=true]){background-color:var(--palette-primary-active);border-color:var(--palette-primary-active);color:var(--palette-primary-contrast-text);box-shadow:var(--shadows-sm);transform:translateY(0)}._button--secondary_t5esz_106{background-color:var(--palette-background-paper);color:var(--palette-secondary-contrast-text);border-color:var(--palette-secondary-main);box-shadow:var(--shadows-sm)}._button--secondary_t5esz_106:hover:not(:disabled):not([aria-disabled=true]){background-color:var(--palette-secondary-hover);border-color:var(--palette-secondary-hover);color:var(--palette-secondary-contrast-text);box-shadow:var(--shadows-base);transform:translateY(-1px)}._button--secondary_t5esz_106:active:not(:disabled):not([aria-disabled=true]){background-color:var(--palette-secondary-active);border-color:var(--palette-secondary-active);color:var(--palette-secondary-contrast-text);box-shadow:var(--shadows-sm);transform:translateY(0)}._button--outline_t5esz_129{background-color:var(--palette-background-paper);color:var(--palette-primary-main);border-color:var(--palette-primary-main);box-shadow:var(--shadows-sm)}._button--outline_t5esz_129:hover:not(:disabled):not([aria-disabled=true]){background-color:var(--palette-primary-hover);color:var(--palette-text-secondary);border-color:var(--palette-primary-hover);box-shadow:var(--shadows-base);transform:translateY(-1px)}._button--outline_t5esz_129:active:not(:disabled):not([aria-disabled=true]){background-color:var(--palette-primary-active);color:var(--palette-primary-contrast-text);border-color:var(--palette-primary-active);box-shadow:var(--shadows-sm);transform:translateY(0)}._button--ghost_t5esz_152{background-color:transparent;color:var(--palette-primary-main);border-color:transparent;box-shadow:none}._button--ghost_t5esz_152:hover:not(:disabled):not([aria-disabled=true]){background-color:#0000000d;box-shadow:var(--shadows-sm)}._button--ghost_t5esz_152:active:not(:disabled):not([aria-disabled=true]){background-color:#0000001a;box-shadow:none}[data-color-scheme=dark] ._button--ghost_t5esz_152:hover:not(:disabled):not([aria-disabled=true]){background-color:#ffffff1a;box-shadow:var(--shadows-sm)}[data-color-scheme=dark] ._button--ghost_t5esz_152:active:not(:disabled):not([aria-disabled=true]){background-color:#fff3;box-shadow:none}._button--loading_t5esz_181{position:relative;color:transparent}._icon_1se7w_1{display:inline-block;flex-shrink:0;vertical-align:middle;color:currentColor;fill:currentColor}._icon--custom_1se7w_9{fill:unset}._labelMenuItem_fjxw4_1{display:flex;flex-direction:column;align-items:center;gap:calc(var(--spacing-unit) * 2 * 1px);padding:calc(var(--spacing-unit) * 3 * 1px);border:none;background:transparent;cursor:pointer;transition:all var(--transitions-duration-base) var(--transitions-easing-easeInOut)}._labelMenuItem_fjxw4_1:hover:not(:disabled){opacity:.8}._labelMenuItem_fjxw4_1:active:not(:disabled){opacity:.6}._labelMenuItem_fjxw4_1:disabled{cursor:not-allowed;opacity:.5}._labelMenuItem_fjxw4_1:focus-visible{outline:2px solid var(--palette-primary-main);outline-offset:2px;border-radius:var(--border-radius-md)}._icon_fjxw4_32{display:flex;align-items:center;justify-content:center}._label_fjxw4_1{text-align:center}._heartIconOutline_137aq_1{fill:none}._likeButton_1nv5d_1{display:inline-flex;align-items:center;justify-content:center;gap:calc(var(--spacing-unit) * 2 * 1px);padding:calc(var(--spacing-unit) * 1.5 * 1px) calc(var(--spacing-unit) * 2 * 1px);border:none;border-radius:var(--border-radius-full);background:transparent;color:var(--palette-text-secondary);cursor:pointer;font-family:var(--typography-font-family);transition:color var(--transitions-duration-base) var(--transitions-easing-easeInOut),transform var(--transitions-duration-base) var(--transitions-easing-easeOut),filter var(--transitions-duration-base) var(--transitions-easing-easeInOut)}._likeButton_1nv5d_1:hover:not(._likeButton--disabled_1nv5d_19){color:var(--palette-primary-main);transform:scale(1.08);filter:drop-shadow(0 0 6px var(--palette-primary-main))}._likeButton--liked_1nv5d_25{color:var(--palette-primary-main)}._likeButton--liked_1nv5d_25:hover:not(._likeButton--disabled_1nv5d_19){color:var(--palette-primary-hover);filter:drop-shadow(0 0 8px var(--palette-primary-hover))}._likeButton_1nv5d_1:active:not(._likeButton--disabled_1nv5d_19){transform:scale(.98)}._likeButton_1nv5d_1:focus-visible{outline:2px solid var(--palette-primary-main);outline-offset:2px}._likeButton--disabled_1nv5d_19{cursor:not-allowed;opacity:.5}._likeButton--pop_1nv5d_49 ._heartWrap_1nv5d_49{animation:_heartPop_1nv5d_1 .55s cubic-bezier(.34,1.56,.64,1)}@keyframes _heartPop_1nv5d_1{0%{transform:scale(1)}25%{transform:scale(1.45)}50%{transform:scale(.92)}70%{transform:scale(1.12)}85%{transform:scale(.98)}to{transform:scale(1)}}._likeButton--liked_1nv5d_25:hover:not(._likeButton--disabled_1nv5d_19) ._heartWrap_1nv5d_49{animation:_heartBeat_1nv5d_1 .6s ease-in-out}@keyframes _heartBeat_1nv5d_1{0%,to{transform:scale(1)}20%{transform:scale(1.15)}40%{transform:scale(.95)}60%{transform:scale(1.08)}80%{transform:scale(1)}}._heartWrap_1nv5d_49{display:inline-flex;align-items:center;justify-content:center;width:1.25em;height:1.25em}._heart_1nv5d_49{width:100%;height:100%;transition:color var(--transitions-duration-base) var(--transitions-easing-easeInOut)}._countWrap_1nv5d_112{display:inline-flex;align-items:center;justify-content:flex-start;min-width:1.5em}._countWrap--bump_1nv5d_119{animation:_countBump_1nv5d_1 .5s cubic-bezier(.34,1.56,.64,1)}@keyframes _countBump_1nv5d_1{0%{transform:scale(1) translateY(0)}30%{transform:scale(1.35) translateY(-4px)}55%{transform:scale(.95) translateY(1px)}75%{transform:scale(1.08) translateY(-1px)}to{transform:scale(1) translateY(0)}}._count_1nv5d_112{margin:0;text-align:left}._stack_45gcn_1{display:flex}._stack--direction-row_45gcn_6{flex-direction:row}._stack--direction-column_45gcn_10{flex-direction:column}._stack--direction-row-reverse_45gcn_14{flex-direction:row-reverse}._stack--direction-column-reverse_45gcn_18{flex-direction:column-reverse}._stack--align-start_45gcn_23{align-items:flex-start}._stack--align-end_45gcn_27{align-items:flex-end}._stack--align-center_45gcn_31{align-items:center}._stack--align-stretch_45gcn_35{align-items:stretch}._stack--align-baseline_45gcn_39{align-items:baseline}._stack--justify-start_45gcn_44{justify-content:flex-start}._stack--justify-end_45gcn_48{justify-content:flex-end}._stack--justify-center_45gcn_52{justify-content:center}._stack--justify-between_45gcn_56{justify-content:space-between}._stack--justify-around_45gcn_60{justify-content:space-around}._stack--justify-evenly_45gcn_64{justify-content:space-evenly}._stack--wrap-nowrap_45gcn_69{flex-wrap:nowrap}._stack--wrap-wrap_45gcn_73{flex-wrap:wrap}._stack--wrap-wrap-reverse_45gcn_77{flex-wrap:wrap-reverse}._grid_16nbv_1{display:grid}@media(min-width:640px){._grid_16nbv_1{grid-template-columns:repeat(var(--grid-cols-sm, var(--grid-cols-xs, 1)),1fr)}}@media(min-width:768px){._grid_16nbv_1{grid-template-columns:repeat(var(--grid-cols-md, var(--grid-cols-sm, var(--grid-cols-xs, 1))),1fr)}}@media(min-width:1024px){._grid_16nbv_1{grid-template-columns:repeat(var(--grid-cols-lg, var(--grid-cols-md, var(--grid-cols-sm, var(--grid-cols-xs, 1)))),1fr)}}@media(min-width:1280px){._grid_16nbv_1{grid-template-columns:repeat(var(--grid-cols-xl, var(--grid-cols-lg, var(--grid-cols-md, var(--grid-cols-sm, var(--grid-cols-xs, 1))))),1fr)}}@media(min-width:1536px){._grid_16nbv_1{grid-template-columns:repeat(var(--grid-cols-2xl, var(--grid-cols-xl, var(--grid-cols-lg, var(--grid-cols-md, var(--grid-cols-sm, var(--grid-cols-xs, 1)))))),1fr)}}._content_8ltuo_1{display:flex;flex-direction:column;width:100%}._content--tile_8ltuo_8 ._previewWrap_8ltuo_8{width:100%;aspect-ratio:16 / 10;flex-shrink:0}._content--tile_8ltuo_8 ._body_8ltuo_14{padding:calc(var(--spacing-unit) * 3 * 1px) calc(var(--spacing-unit) * 4 * 1px);display:flex;flex-direction:column;gap:calc(var(--spacing-unit) * 1 * 1px)}._content--row_8ltuo_22{flex-direction:row}._content--row_8ltuo_22 ._previewWrap_8ltuo_8{width:160px;min-width:160px;aspect-ratio:1;flex-shrink:0}._content--row_8ltuo_22 ._body_8ltuo_14{padding:calc(var(--spacing-unit) * 3 * 1px) calc(var(--spacing-unit) * 4 * 1px);display:flex;flex-direction:column;gap:calc(var(--spacing-unit) * 1 * 1px);min-width:0;flex:1}._previewWrap_8ltuo_8{position:relative;background-color:var(--palette-background-default);overflow:hidden}._tagsSlotTile_8ltuo_48{position:absolute;top:0;left:0;z-index:1;padding:calc(var(--spacing-unit) * 2 * 1px) calc(var(--spacing-unit) * 3 * 1px);display:flex;flex-wrap:wrap;gap:calc(var(--spacing-unit) * 1 * 1px);pointer-events:auto}._tagsSlotRow_8ltuo_60{display:flex;flex-wrap:wrap;gap:calc(var(--spacing-unit) * 1 * 1px);margin-bottom:calc(var(--spacing-unit) * 1 * 1px);pointer-events:auto}._previewImage_8ltuo_68{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;vertical-align:middle}._previewPlaceholder_8ltuo_76{width:100%;height:100%;min-height:120px;background-color:var(--palette-border-subtle);background-image:repeating-linear-gradient(-45deg,transparent,transparent 8px,var(--palette-background-paper) 8px,var(--palette-background-paper) 10px)}._title_8ltuo_90{color:var(--palette-text-secondary);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-clamp:2;margin:0}._date_8ltuo_101{margin:0;flex-shrink:0}._root_19jmt_1{display:block;background-color:var(--palette-background-paper);border:var(--border-base) solid var(--palette-border-subtle);border-radius:var(--border-radius-lg);overflow:hidden;box-shadow:var(--shadows-sm);text-decoration:none;color:inherit;transition:transform var(--transitions-duration-slow) var(--transitions-easing-easeInOut),box-shadow var(--transitions-duration-slow) var(--transitions-easing-easeInOut),border-color var(--transitions-duration-slow) var(--transitions-easing-easeInOut),background-color var(--transitions-duration-slow) var(--transitions-easing-easeInOut)}._root--interactive_19jmt_17{cursor:pointer}._root--interactive_19jmt_17:hover{transform:translateY(-2px);box-shadow:var(--shadows-lg);border-color:var(--palette-border-default);background-color:var(--palette-background-default)}._root--interactive_19jmt_17:focus-visible{outline:2px solid var(--palette-primary-main);outline-offset:2px}._root--tile_19jmt_33{max-width:360px}._root--row_19jmt_37{max-width:100%}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.5;color:var(--palette-text-primary, #171717);background-color:#fff}button{font-family:inherit;font-size:inherit;line-height:inherit;cursor:pointer}input,textarea,select{font-family:inherit;font-size:inherit;line-height:inherit}:focus-visible{outline:2px solid var(--palette-primary-main, #0ea5e9);outline-offset:2px}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2}p{margin:0}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}
package/package.json CHANGED
@@ -1,21 +1,21 @@
1
1
  {
2
2
  "name": "@atme-lab/ui-kit",
3
- "version": "0.1.6",
3
+ "version": "0.1.8",
4
4
  "description": "Component library for personal projects",
5
5
  "type": "module",
6
- "main": "./dist/index.js",
6
+ "main": "./dist/index.cjs.js",
7
7
  "module": "./dist/index.esm.js",
8
8
  "types": "./dist/index.d.ts",
9
9
  "exports": {
10
10
  ".": {
11
11
  "types": "./dist/index.d.ts",
12
12
  "import": "./dist/index.esm.js",
13
- "require": "./dist/index.js"
13
+ "require": "./dist/index.cjs.js"
14
14
  },
15
15
  "./global": {
16
16
  "types": "./dist/global.d.ts",
17
17
  "import": "./dist/global.esm.js",
18
- "require": "./dist/global.js"
18
+ "require": "./dist/global.cjs.js"
19
19
  },
20
20
  "./tokens": {
21
21
  "types": "./dist/tokens/index.d.ts",