diff --git a/.github/CONTRIBUTING.md b/.github/CONTRIBUTING.md index c38ee8501..621053a44 100644 --- a/.github/CONTRIBUTING.md +++ b/.github/CONTRIBUTING.md @@ -19,7 +19,7 @@ restrictions: - Please **do not** use the issue tracker for personal support requests. Stack Overflow ([`plotly-dash`](https://stackoverflow.com/questions/tagged/plotly-dash) tag), - or the [Plotly Community Forum](https://community.plot.ly) are better places to get help. + or the [Plotly Community Forum](https://community.plotly.com) are better places to get help. - Please **do not** derail or troll issues. Keep the discussion on topic and respect the opinions of others. diff --git a/docs/components_page/components/carousel.md b/docs/components_page/components/carousel.md index 8ece874c2..39e7a948c 100644 --- a/docs/components_page/components/carousel.md +++ b/docs/components_page/components/carousel.md @@ -12,7 +12,7 @@ This is a carousel with slides only. The default cycle time is 5000ms, but here ## With controls -Here we add the previous and next controls. The default is for the slideshow to autoplay after the user manually cycles the first item. Set `ride="carousel"` to start the slideshow on page load. +Here we add the previous and next controls. {{example:components/carousel/controls.py:carousel}} diff --git a/docs/components_page/components/carousel/simple.py b/docs/components_page/components/carousel/simple.py index dd412a52c..7d736a83e 100644 --- a/docs/components_page/components/carousel/simple.py +++ b/docs/components_page/components/carousel/simple.py @@ -9,5 +9,4 @@ controls=False, indicators=False, interval=2000, - ride="carousel", ) diff --git a/docs/components_page/components/navbar/navbar.py b/docs/components_page/components/navbar/navbar.py index 12447a503..e14b41704 100644 --- a/docs/components_page/components/navbar/navbar.py +++ b/docs/components_page/components/navbar/navbar.py @@ -1,7 +1,7 @@ import dash_bootstrap_components as dbc from dash import Input, Output, State, html -PLOTLY_LOGO = "https://images.plot.ly/logo/new-branding/plotly-logomark.png" +LOGO = "https://placehold.co/100x100" search_bar = dbc.Row( [ @@ -22,13 +22,13 @@ # Use row and col to control vertical alignment of logo / brand dbc.Row( [ - dbc.Col(html.Img(src=PLOTLY_LOGO, height="30px")), + dbc.Col(html.Img(src=LOGO, height="30px")), dbc.Col(dbc.NavbarBrand("Navbar", className="ms-2")), ], align="center", className="g-0", ), - href="https://plotly.com", + href="https://placehold.co/", style={"textDecoration": "none"}, ), dbc.NavbarToggler(id="navbar-toggler", n_clicks=0), diff --git a/docs/components_page/components/table/kwargs.py b/docs/components_page/components/table/kwargs.py index 983864947..d8cfda879 100644 --- a/docs/components_page/components/table/kwargs.py +++ b/docs/components_page/components/table/kwargs.py @@ -2,7 +2,7 @@ # using the same table as in the above example table_header + table_body, bordered=True, - dark=True, + color="dark", hover=True, responsive=True, striped=True, diff --git a/docs/demos/theme_explorer/table.py b/docs/demos/theme_explorer/table.py index 568bb54ec..351b284c7 100644 --- a/docs/demos/theme_explorer/table.py +++ b/docs/demos/theme_explorer/table.py @@ -61,11 +61,11 @@ dbc.Table( [table_header, table_body], bordered=True, - dark=True, hover=True, responsive=True, striped=True, className="mb-2", + color="dark", ), ), ] diff --git a/docs/requirements.txt b/docs/requirements.txt index 999250766..d0ce63684 100644 --- a/docs/requirements.txt +++ b/docs/requirements.txt @@ -1,5 +1,5 @@ -dash==3.0.0rc1 -dash_bootstrap_components==1.7.1-dev +dash==3.0.0rc3 +dash_bootstrap_components==2.0.0b2 gunicorn markdown pandas diff --git a/docs/static/docs.css b/docs/static/docs.css index fd3d7673f..6303abdef 100644 --- a/docs/static/docs.css +++ b/docs/static/docs.css @@ -294,21 +294,6 @@ span.hljs-meta { } } -.dbcd-masthead .btn-outline-secondary { - color: #fa7268; - border-color: #fa7268; -} - -.dbcd-masthead .btn-outline-secondary:hover { - color: #fff; - background-color: #fa7268; -} - -.dbcd-masthead .btn-secondary { - background-color: #fa7268; - border-color: #fa7268; -} - .dbcd-main.changelog h2 { font-size: 1.5rem; } diff --git a/docs/static/images/dbciconblack128.png b/docs/static/images/dbciconblack128.png deleted file mode 100644 index d8765873f..000000000 Binary files a/docs/static/images/dbciconblack128.png and /dev/null differ diff --git a/docs/static/images/dbciconwhite16.png b/docs/static/images/dbciconwhite16.png deleted file mode 100644 index ce8293c2a..000000000 Binary files a/docs/static/images/dbciconwhite16.png and /dev/null differ diff --git a/docs/static/images/dbclogo128.png b/docs/static/images/dbclogo128.png new file mode 100644 index 000000000..bcc92c2d0 Binary files /dev/null and b/docs/static/images/dbclogo128.png differ diff --git a/docs/static/images/favicon.ico b/docs/static/images/favicon.ico new file mode 100644 index 000000000..2992728f3 Binary files /dev/null and b/docs/static/images/favicon.ico differ diff --git a/docs/templates/index.html b/docs/templates/index.html index 653d33421..0c7c275a0 100644 --- a/docs/templates/index.html +++ b/docs/templates/index.html @@ -11,7 +11,7 @@
dash-bootstrap-components logo @@ -28,11 +28,11 @@

Dash Bootstrap Components

apps with complex, responsive layouts.

Source Code - Get Started ยป + Get Started ยป diff --git a/docs/templates/macros/example-navbar.html b/docs/templates/macros/example-navbar.html index c8322f683..d93e3e268 100644 --- a/docs/templates/macros/example-navbar.html +++ b/docs/templates/macros/example-navbar.html @@ -3,7 +3,7 @@
dbc logo thumbnail dbc logo thumbnail dbc logo thumbnail - + diff --git a/examples/advanced-component-usage/navbars.py b/examples/advanced-component-usage/navbars.py index 1cf0f9eff..56b64e94b 100644 --- a/examples/advanced-component-usage/navbars.py +++ b/examples/advanced-component-usage/navbars.py @@ -10,7 +10,7 @@ import dash_bootstrap_components as dbc from dash import Input, Output, State, html -PLOTLY_LOGO = "https://images.plot.ly/logo/new-branding/plotly-logomark.png" +LOGO = "https://placehold.co/100x100" app = dash.Dash(external_stylesheets=[dbc.themes.BOOTSTRAP]) # try running the app with one of the Bootswatch themes e.g. @@ -68,7 +68,7 @@ # Use row and col to control vertical alignment of logo / brand dbc.Row( [ - dbc.Col(html.Img(src=PLOTLY_LOGO, height="30px")), + dbc.Col(html.Img(src=LOGO, height="30px")), dbc.Col(dbc.NavbarBrand("Logo", className="ms-2")), ], align="center", diff --git a/examples/templates/multi-page-apps/collapsible-sidebar-with-icons/app.py b/examples/templates/multi-page-apps/collapsible-sidebar-with-icons/app.py index 2381536dc..3ea6e3663 100644 --- a/examples/templates/multi-page-apps/collapsible-sidebar-with-icons/app.py +++ b/examples/templates/multi-page-apps/collapsible-sidebar-with-icons/app.py @@ -10,14 +10,14 @@ feature you must install dash-bootstrap-components >= 0.11.0. For more details on building multi-page Dash applications, check out the Dash -documentation: https://dash.plot.ly/urls +documentation: https://dash.plotly.com/urls """ import dash import dash_bootstrap_components as dbc from dash import Input, Output, dcc, html -PLOTLY_LOGO = "https://images.plot.ly/logo/new-branding/plotly-logomark.png" +LOGO = "https://placehold.co/100x100" app = dash.Dash(external_stylesheets=[dbc.themes.BOOTSTRAP, dbc.icons.FONT_AWESOME]) @@ -27,7 +27,7 @@ [ # width: 3rem ensures the logo is the exact width of the # collapsed sidebar (accounting for padding) - html.Img(src=PLOTLY_LOGO, style={"width": "3rem"}), + html.Img(src=LOGO, style={"width": "3rem"}), html.H2("Sidebar"), ], className="sidebar-header", diff --git a/examples/templates/multi-page-apps/navbar.py b/examples/templates/multi-page-apps/navbar.py index 3ac043a69..0f1f197bd 100644 --- a/examples/templates/multi-page-apps/navbar.py +++ b/examples/templates/multi-page-apps/navbar.py @@ -7,7 +7,7 @@ feature you must install dash-bootstrap-components >= 0.11.0. For more details on building multi-page Dash applications, check out the Dash -documentation: https://dash.plot.ly/urls +documentation: https://dash.plotly.com/urls """ import dash diff --git a/examples/templates/multi-page-apps/responsive-collapsible-sidebar/sidebar.py b/examples/templates/multi-page-apps/responsive-collapsible-sidebar/sidebar.py index da3a1c654..cdb1fbc9d 100644 --- a/examples/templates/multi-page-apps/responsive-collapsible-sidebar/sidebar.py +++ b/examples/templates/multi-page-apps/responsive-collapsible-sidebar/sidebar.py @@ -13,7 +13,7 @@ feature you must install dash-bootstrap-components >= 0.11.0. For more details on building multi-page Dash applications, check out the Dash -documentation: https://dash.plot.ly/urls +documentation: https://dash.plotly.com/urls """ import dash diff --git a/examples/templates/multi-page-apps/responsive-sidebar/sidebar.py b/examples/templates/multi-page-apps/responsive-sidebar/sidebar.py index 46640d591..324704c53 100644 --- a/examples/templates/multi-page-apps/responsive-sidebar/sidebar.py +++ b/examples/templates/multi-page-apps/responsive-sidebar/sidebar.py @@ -13,7 +13,7 @@ feature you must install dash-bootstrap-components >= 0.11.0. For more details on building multi-page Dash applications, check out the Dash -documentation: https://dash.plot.ly/urls +documentation: https://dash.plotly.com/urls """ import dash diff --git a/examples/templates/multi-page-apps/sidebar-with-submenus/sidebar.py b/examples/templates/multi-page-apps/sidebar-with-submenus/sidebar.py index 222333fd0..e986b32e6 100644 --- a/examples/templates/multi-page-apps/sidebar-with-submenus/sidebar.py +++ b/examples/templates/multi-page-apps/sidebar-with-submenus/sidebar.py @@ -8,7 +8,7 @@ collapse component and the CSS that rotates the chevron icon respectively. For more details on building multi-page Dash applications, check out the Dash -documentation: https://dash.plot.ly/urls +documentation: https://dash.plotly.com/urls """ import dash diff --git a/examples/templates/multi-page-apps/simple_sidebar.py b/examples/templates/multi-page-apps/simple_sidebar.py index 7da68fda0..28192f5df 100644 --- a/examples/templates/multi-page-apps/simple_sidebar.py +++ b/examples/templates/multi-page-apps/simple_sidebar.py @@ -8,7 +8,7 @@ this feature you must install dash-bootstrap-components >= 0.11.0. For more details on building multi-page Dash applications, check out the Dash -documentation: https://dash.plot.ly/urls +documentation: https://dash.plotly.com/urls """ import dash diff --git a/logo/logo.svg b/logo/logo.svg new file mode 100644 index 000000000..f7321b6fe --- /dev/null +++ b/logo/logo.svg @@ -0,0 +1,1066 @@ + diff --git a/logo/logo_sm.svg b/logo/logo_sm.svg new file mode 100644 index 000000000..8992e9dc6 --- /dev/null +++ b/logo/logo_sm.svg @@ -0,0 +1,48 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/readme-images/logo.png b/readme-images/logo.png index 26cb10b7a..603fe7359 100644 Binary files a/readme-images/logo.png and b/readme-images/logo.png differ