@designbasekorea/wordpress-ui 0.1.0 → 0.1.3

package/dist/styles/shell.css

@@ -3895,4 +3895,4 @@ url("../icons.woff?55f36cfa3a2c98482dcd7d975a8ff430") format("woff");
     content: "\e396";
 }
 
-.designbase-wp-admin.dbwp-admin-wrapper{min-height:100vh;background:var(--db-background-secondary);color:var(--db-text-primary)}.designbase-wp-admin .dbwp-admin-shell{min-height:inherit;background:inherit}.designbase-wp-admin .dbwp-admin-shell--has-sidebar{display:grid;grid-template-columns:minmax(208px, 248px) minmax(0, 1fr);min-height:inherit}.designbase-wp-admin .dbwp-admin-shell--has-sidebar.dbwp-admin-shell--sidebar-collapsed{grid-template-columns:0 minmax(0, 1fr)}.designbase-wp-admin .dbwp-admin-shell__sidebar{min-width:0;background:var(--db-background-base);border-right:1px solid var(--db-border-color);transition:transform 160ms ease,opacity 160ms ease}.designbase-wp-admin .dbwp-admin-shell--has-sidebar.dbwp-admin-shell--sidebar-collapsed .dbwp-admin-shell__sidebar{overflow:hidden;border-right:0;opacity:0;pointer-events:none}.designbase-wp-admin .dbwp-admin-shell__backdrop{display:none;position:fixed;inset:0;z-index:99998;margin:0;padding:0;border:0;background:rgba(15,23,42,.45);cursor:pointer}.designbase-wp-admin .dbwp-admin-shell__main{min-width:0;padding:28px 32px 48px}.designbase-wp-admin .dbwp-admin-shell__menu-toggle{display:none;align-items:center;justify-content:center;width:36px;height:36px;margin:0 0 16px;padding:0;border:1px solid var(--db-border-color);border-radius:var(--db-radius-control-m);background:var(--db-surface-base);color:var(--db-text-primary);cursor:pointer}.designbase-wp-admin .dbwp-admin-visually-hidden,.designbase-wp-admin .screen-reader-text{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.designbase-wp-admin .dbwp-admin-sidebar{position:sticky;top:0;display:flex;flex-direction:column;min-height:100%;padding:18px 12px}.designbase-wp-admin .dbwp-admin-sidebar__title{padding:6px 10px 14px;color:var(--db-text-secondary);font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.designbase-wp-admin .dbwp-admin-sidebar__nav{display:grid;gap:2px}.designbase-wp-admin .dbwp-admin-sidebar__link{display:flex;align-items:center;gap:9px;min-height:38px;padding:7px 10px;border-radius:var(--db-radius-md);color:var(--db-text-primary);text-decoration:none}.designbase-wp-admin .dbwp-admin-sidebar__link:hover,.designbase-wp-admin .dbwp-admin-sidebar__link:focus-visible,.designbase-wp-admin .dbwp-admin-sidebar__link.is-active{background:color-mix(in srgb, var(--db-primary) 10%, transparent);color:var(--db-primary)}.designbase-wp-admin .dbwp-admin-sidebar__link.is-disabled{opacity:.5;pointer-events:none}.designbase-wp-admin .dbwp-admin-sidebar__icon{width:18px;color:currentColor;text-align:center}.designbase-wp-admin .dbwp-admin-icon{display:inline-flex;align-items:center;justify-content:center;width:1em;height:1em;flex:0 0 auto;line-height:1;vertical-align:middle}.designbase-wp-admin .dbwp-admin-sidebar__label{min-width:0;flex:1}.designbase-wp-admin .dbwp-admin-sidebar__badge{min-width:20px;padding:1px 6px;border-radius:999px;background:var(--db-background-secondary);color:var(--db-text-secondary);font-size:11px;text-align:center}.designbase-wp-admin .dbwp-admin-sidebar__footer{margin-top:auto;padding:16px 10px 0;border-top:1px solid var(--db-border-color)}.designbase-wp-admin .dbwp-admin-sidebar__close{display:none}.designbase-wp-admin .dbwp-admin-page{width:100%;max-width:1280px;margin:0 auto}.designbase-wp-admin .dbwp-admin-page-header{margin-bottom:24px}.designbase-wp-admin .dbwp-admin-page-header__breadcrumbs{margin:0 0 12px}.designbase-wp-admin .dbwp-admin-page-header__row{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.designbase-wp-admin .dbwp-admin-page-header__copy{display:flex;align-items:flex-start;gap:10px;min-width:0}.designbase-wp-admin .dbwp-admin-page-header__text{min-width:0}.designbase-wp-admin .dbwp-admin-page-header h1{margin:0;color:var(--db-text-primary);font-size:clamp(24px,3vw,32px);line-height:1.2}.designbase-wp-admin .dbwp-admin-page-header p{max-width:720px;margin:8px 0 0;color:var(--db-text-secondary)}.designbase-wp-admin .dbwp-admin-page-header__menu-toggle,.designbase-wp-admin .dbwp-admin-page-header__back,.designbase-wp-admin .dbwp-admin-page-header__back-link{flex:0 0 auto}.designbase-wp-admin .dbwp-admin-page-header__back-link{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid var(--db-border-color);border-radius:var(--db-radius-md);background:var(--db-background-base);color:inherit;text-decoration:none}.designbase-wp-admin .dbwp-admin-page-header__icon{color:var(--db-icon-default, var(--db-text-secondary))}.designbase-wp-admin .dbwp-admin-page-header__actions{display:flex;flex:0 0 auto;flex-wrap:nowrap;align-items:center;justify-content:flex-end;gap:8px;margin-left:auto}.designbase-wp-admin .dbwp-admin-page-content{display:flex;flex-direction:column;width:100%;margin:0 auto}.designbase-wp-admin .dbwp-admin-page-content.is-width-m{max-width:720px}.designbase-wp-admin .dbwp-admin-page-content.is-width-l{max-width:960px}.designbase-wp-admin .dbwp-admin-page-content.is-width-xl{max-width:1280px}.designbase-wp-admin .dbwp-admin-page-content.is-density-compact{gap:16px}.designbase-wp-admin .dbwp-admin-page-content:not(.is-density-compact){gap:24px}.designbase-wp-admin .dbwp-admin-section{margin:0 0 20px;border:1px solid var(--db-border-color);border-radius:var(--db-radius-lg);background:var(--db-background-base);box-shadow:var(--db-shadow-sm)}.designbase-wp-admin .dbwp-admin-section__header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:18px 20px;border-bottom:1px solid var(--db-border-color)}.designbase-wp-admin .dbwp-admin-section__header h2{margin:0;font-size:16px}.designbase-wp-admin .dbwp-admin-section__header p{margin:4px 0 0;color:var(--db-text-secondary);font-size:13px}.designbase-wp-admin .dbwp-admin-section__content{padding:20px}.designbase-wp-admin .dbwp-admin-section[open]>.dbwp-admin-section__header{border-bottom-color:var(--db-border-color)}.designbase-wp-admin .dbwp-admin-section:not([open])>.dbwp-admin-section__header{border-bottom:0}.designbase-wp-admin .dbwp-admin-filter-bar{margin:0;padding:0;border:0;background:rgba(0,0,0,0)}.designbase-wp-admin .dbwp-admin-filter-bar__toolbar{display:flex;flex-wrap:nowrap;align-items:center;justify-content:flex-end;gap:8px;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.designbase-wp-admin .dbwp-admin-filter-bar__toolbar::-webkit-scrollbar{display:none}.designbase-wp-admin .dbwp-admin-filter-bar__search{flex:0 0 280px;width:280px;min-width:200px}.designbase-wp-admin .dbwp-admin-filter-bar__select{flex:0 0 160px;width:160px;min-width:140px}.designbase-wp-admin .dbwp-admin-filter-bar__count{color:var(--db-text-secondary);font-size:12px;white-space:nowrap}.designbase-wp-admin .dbwp-admin-tabs{margin:0 0 16px}.designbase-wp-admin .dbwp-admin-tabs .designbase-wc-tabs__panel{display:none}.designbase-wp-admin .dbwp-admin-tabs .designbase-wc-tabs__list{gap:20px;border-bottom-color:var(--db-border-color)}.designbase-wp-admin .dbwp-admin-tabs .designbase-wc-tabs__tab{padding:10px 0;font-size:14px}.designbase-wp-admin .dbwp-admin-data-table{overflow-x:auto;border:1px solid var(--db-border-color);border-radius:var(--db-radius-lg);background:var(--db-background-base)}.designbase-wp-admin .dbwp-admin-data-table table{width:100%;min-width:620px;border-collapse:collapse}.designbase-wp-admin .dbwp-admin-data-table caption{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.designbase-wp-admin .dbwp-admin-data-table th,.designbase-wp-admin .dbwp-admin-data-table td{padding:12px 14px;border-bottom:1px solid var(--db-border-color);color:var(--db-text-primary);text-align:left;vertical-align:middle}.designbase-wp-admin .dbwp-admin-data-table th{background:var(--db-background-secondary);color:var(--db-text-secondary);font-size:12px;font-weight:600}.designbase-wp-admin .dbwp-admin-data-table th button{padding:0;border:0;background:rgba(0,0,0,0);color:inherit;font:inherit;cursor:pointer}.designbase-wp-admin .dbwp-admin-data-table tbody tr:last-child td{border-bottom:0}.designbase-wp-admin .dbwp-admin-state{display:grid;place-items:center;min-height:180px;padding:32px 20px;border:1px dashed var(--db-border-color);border-radius:var(--db-radius-lg);background:var(--db-background-base);text-align:center}.designbase-wp-admin .dbwp-admin-state h2{margin:10px 0 0;font-size:16px}.designbase-wp-admin .dbwp-admin-state p{max-width:520px;margin:6px 0 0;color:var(--db-text-secondary)}.designbase-wp-admin .dbwp-admin-state__icon{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--db-background-secondary);color:var(--db-primary);font-weight:700}.designbase-wp-admin .dbwp-admin-state.is-error{border-color:color-mix(in srgb, var(--db-status-danger) 55%, var(--db-border-color))}.designbase-wp-admin .dbwp-admin-state.is-error .dbwp-admin-state__icon{background:color-mix(in srgb, var(--db-status-danger) 12%, transparent);color:var(--db-status-danger)}.designbase-wp-admin .dbwp-admin-state__action{margin-top:14px}.designbase-wp-admin .dbwp-admin-spinner{display:inline-block;width:24px;height:24px;border:2px solid var(--db-border-color);border-top-color:var(--db-primary);border-radius:50%;animation:dbwp-admin-spin 700ms linear infinite}@keyframes dbwp-admin-spin{to{transform:rotate(360deg)}}@media(max-width: 782px){.designbase-wp-admin .dbwp-admin-shell--has-sidebar{display:block}.designbase-wp-admin .dbwp-admin-shell--has-sidebar.dbwp-admin-shell--sidebar-collapsed .dbwp-admin-shell__sidebar{opacity:1;pointer-events:auto}.designbase-wp-admin .dbwp-admin-shell__sidebar{position:fixed;z-index:99999;inset:0 auto 0 0;width:min(86vw,300px);transform:translateX(-105%);box-shadow:var(--db-shadow-lg)}.designbase-wp-admin .dbwp-admin-shell--has-sidebar.dbwp-admin-shell--sidebar-open .dbwp-admin-shell__sidebar{transform:translateX(0)}.designbase-wp-admin .dbwp-admin-shell--has-sidebar.dbwp-admin-shell--sidebar-open .dbwp-admin-shell__backdrop{display:block}.designbase-wp-admin .dbwp-admin-sidebar{position:static;min-height:100vh}.designbase-wp-admin .dbwp-admin-sidebar__close{display:inline-flex;align-items:center;justify-content:center;align-self:flex-end;min-height:32px;margin:8px 10px 0;padding:0 10px;border:1px solid var(--db-border-color);border-radius:var(--db-radius-md);background:rgba(0,0,0,0);color:var(--db-text-secondary);cursor:pointer}.designbase-wp-admin .dbwp-admin-shell__main{padding:20px 16px 36px}.designbase-wp-admin .dbwp-admin-shell__menu-toggle{display:inline-flex}.designbase-wp-admin .dbwp-admin-page-header__row{align-items:stretch;flex-direction:column}.designbase-wp-admin .dbwp-admin-page-header__actions{justify-content:flex-start;margin-left:0}}@media(max-width: 480px){.designbase-wp-admin .dbwp-admin-section__header,.designbase-wp-admin .dbwp-admin-section__content{padding:14px}.designbase-wp-admin .dbwp-admin-page-header h1{font-size:24px}}@media(prefers-reduced-motion: reduce){.designbase-wp-admin *,.designbase-wp-admin *::before,.designbase-wp-admin *::after{scroll-behavior:auto !important;transition-duration:.01ms !important;animation-duration:.01ms !important;animation-iteration-count:1 !important}}.designbase-wp-admin:dir(rtl) .dbwp-admin-shell__sidebar{border-right:0;border-left:1px solid var(--db-border-color)}
+.designbase-wp-admin{min-height:100vh;background:var(--db-background-secondary);color:var(--db-text-primary)}.designbase-wp-admin__shell{min-height:inherit}.designbase-wp-admin__shell--has-sidebar{display:grid;grid-template-columns:auto minmax(0, 1fr);min-height:inherit}.designbase-wp-admin__shell-sidebar{min-width:0;min-height:inherit;height:100%}.designbase-wp-admin__shell-backdrop{display:none;position:fixed;inset:0;z-index:99998;margin:0;padding:0;border:0;background:rgba(15,23,42,.45);cursor:pointer}.designbase-wp-admin__shell-main{min-width:0;min-height:inherit;display:flex;flex-direction:column}.designbase-wp-admin__page{width:100%;max-width:1280px;margin:0 auto;padding:24px 32px 40px;box-sizing:border-box}.designbase-wp-admin__page-content{display:flex;flex-direction:column;gap:20px}.designbase-wp-admin__page-content.is-width-m{max-width:720px}.designbase-wp-admin__page-content.is-width-l{max-width:960px}.designbase-wp-admin__page-content.is-width-xl{max-width:1280px}.designbase-wp-admin__page-header-meta,.designbase-wp-admin__page-header-actions{display:flex;align-items:center;gap:8px}.designbase-wp-admin__filter-bar{margin:0;padding:12px 20px;border:0;background:rgba(0,0,0,0)}.designbase-wp-admin__filter-bar-toolbar{display:flex;flex-wrap:nowrap;align-items:center;justify-content:flex-end;gap:8px;width:100%;overflow-x:auto}.designbase-wp-admin__filter-bar-toolbar::before{content:"";flex:1 1 auto;min-width:0}.designbase-wp-admin__filter-bar-toolbar db-search-bar{width:280px;flex:0 0 280px}.designbase-wp-admin__filter-bar-toolbar db-select{width:160px;flex:0 0 160px}@media(max-width: 782px){.designbase-wp-admin__shell--has-sidebar{display:block}.designbase-wp-admin__shell-sidebar{position:fixed;z-index:99999;inset:0 auto 0 0;width:min(86vw,300px);transform:translateX(-105%);transition:transform 160ms ease;box-shadow:var(--db-shadow-lg)}.designbase-wp-admin__shell--has-sidebar.designbase-wp-admin__shell--sidebar-open .designbase-wp-admin__shell-sidebar{transform:translateX(0)}.designbase-wp-admin__shell--has-sidebar.designbase-wp-admin__shell--sidebar-open .designbase-wp-admin__shell-backdrop{display:block}.designbase-wp-admin__page{padding:16px}.designbase-wp-admin:dir(rtl) .designbase-wp-admin__shell-sidebar{inset:0 0 0 auto;transform:translateX(105%)}.designbase-wp-admin:dir(rtl) .designbase-wp-admin__shell--sidebar-open .designbase-wp-admin:dir(rtl) .designbase-wp-admin__shell-sidebar{transform:translateX(0)}}