@designbasekorea/wordpress-ui 0.1.5 → 0.1.6

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 (20) hide show
  1. package/README.md +158 -128
  2. package/dist/browser.cjs +1 -1
  3. package/dist/browser.d.ts +7 -1
  4. package/dist/browser.esm.js +1 -1
  5. package/dist/browser.iife.js +1 -1
  6. package/dist/components.cjs +1 -1
  7. package/dist/components.d.ts +6 -0
  8. package/dist/components.esm.js +1 -1
  9. package/dist/index.cjs +1 -1
  10. package/dist/index.d.ts +7 -1
  11. package/dist/index.esm.js +1 -1
  12. package/dist/react/index.cjs +1 -1
  13. package/dist/react/index.d.ts +24 -1
  14. package/dist/react/index.esm.js +1 -1
  15. package/dist/styles/controls.css +1 -1
  16. package/dist/styles/shell.css +1 -1
  17. package/dist/styles.css +1 -1
  18. package/docs/WORDPRESS-ADMIN-GUIDE.md +94 -95
  19. package/examples/vanilla.html +1 -1
  20. package/package.json +2 -2
package/dist/styles/shell.css CHANGED
@@ -3895,4 +3895,4 @@ url("../icons.woff?55f36cfa3a2c98482dcd7d975a8ff430") format("woff");
3895
3895
  content: "\e396";
3896
3896
  }
3897
3897
 
3898
- .designbase-wp-admin{min-height:100vh;background:var(--db-background-secondary);color:var(--db-text-primary)}.designbase-wp-admin.wrap{margin:0;padding:0}.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{display:flex;flex-direction:column;min-width:0;min-height:inherit;height:100%}.designbase-wp-admin__shell-sidebar>db-sidebar{flex:1 1 auto;min-height:0}.designbase-wp-admin__shell-brand{display:flex;align-items:center;min-height:64px;padding:0 var(--db-padding-l, 24px);border-bottom:1px solid var(--db-border-base);background:var(--db-surface-base);color:var(--db-text-primary);box-sizing:border-box}.designbase-wp-admin__shell-brand db-logo{display:block;min-width:0;max-width:100%}.designbase-wp-admin__shell-main>db-container[data-dbwp-content-container]{flex:1 1 auto;min-width:0}.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)}}
3898
+ .designbase-wp-admin{min-height:100vh;background:var(--db-background-secondary);color:var(--db-text-primary)}.designbase-wp-admin.wrap{margin:0;padding:0}.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{display:flex;flex-direction:column;min-width:0;min-height:inherit;height:100%}.designbase-wp-admin__shell-sidebar>db-sidebar{flex:1 1 auto;min-height:0}.designbase-wp-admin__shell-sidebar .designbase-wc-sidebar__logo{min-width:0;flex:1 1 auto;line-height:normal}.designbase-wp-admin__shell-sidebar .designbase-wc-sidebar__logo-text{display:block;font-size:20px;font-weight:700;line-height:1.25;color:var(--db-text-primary, #1d2327);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.designbase-wp-admin__shell-brand{display:flex;align-items:center;min-height:64px;padding:0 var(--db-padding-l, 24px);border-bottom:1px solid var(--db-border-base);background:var(--db-surface-base);color:var(--db-text-primary);box-sizing:border-box}.designbase-wp-admin__shell-brand db-logo{display:block;min-width:0;max-width:100%}.designbase-wp-admin__shell-main>db-container[data-dbwp-content-container]{flex:1 1 auto;min-width:0}.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)}}