Shiny Preset Style 2023 Refresh

[gadenbuie]

Goal

Update Shiny component styles to new "shiny" theme with improved accessibility and baseline styles.

Initial work lives in theme.scss from rstudio/shiny-examples#212

Tasks

Baseline "shiny" theme

Preview Give feedback

1. Basic shiny-specific bslib theme structure #627
   +0
   
2. Custom font settings for shiny theme #630
   +0
   
3. feat: Support builtin themes in the previewer #643
   +0
   
4. refactor(theme-preset): Streamline S3 classes, store theme info in sass variables #644
   +0
5. Use more sass in the shiny sass files #647
   +0
6. Change bs_theme()'s default to use preset='shiny' #711
   +0
   

Input-specific styles

Sliders

Preview Give feedback

1. Shiny preset styles for ionrangeslider #650
   +0
2. Shiny preset: Increase slider bar target area #688
   +0
   
3. Shiny preset: slider animation button #689
   +0
   
4. Shiny preset: slider handle alignment #691
   +0
   
5. Ensure sliders are keyboard accessible (see note here)
6. Shim slider target area fix in bslib dependent on shiny version

Slider styles (were originally proposed here and the current slider styles patch)

We didn't change the default ticks = FALSE in sliderInput() but we would have liked to (or might in a bslib-specific input)

Input updates

Preview Give feedback

1. Shiny preset theme review and updates #652
   +0
2. Shiny preset: Spacing in check/radio inputs #712
   +0
   
3. Update layout_columns() to better support inputs
4. Can we default to width: 100%; min-width: 230px more generally? Explore impact of this rule
5. New file upload input that more closely follows the Bootstrap 5 file input (see current input)
6. New actionStateButton()?
7. New support for Bootstrap Toasts

Components

Tables

Preview Give feedback

1. Refresh tables #665
   +0
   
2. Support Bootstrap 5 with datatable(style = "auto") DT#1074
   +0
   
3. Shiny preset (tables): Restore X of Y rows indicator in small table card class #718
   +0

Sidebars

Preview Give feedback

1. Refresh sidebars #675
   4 of 6
   +0
   

Cards

Preview Give feedback

1. Shiny preset: Card fullscreen toggle #703
   6 of 6
   +0
   
2. Shiny preset: Card baseline styles #704
   0 of 8
   +0
   

Various

Preview Give feedback

1. Shiny preset: Notifications and progress bars #752
   +0
   
2. Shiny preset: Modals #753
   +0
   

Higher-level

Dashboards

Preview Give feedback

1. Shiny preset: Page-level styles for dashboard use-cases
2. Revisit title styles in page_sidebar()
3. Use CSS variables for page_sidebar() page title #757
   +0

Documentation

Docs

Preview Give feedback

1. Blog post announcement
2. General shiny preset theme documentation (in ?bs_theme?)
3. Cool shiny preset stuff like card table-sm class