shoelace-rails-ui 0.1.0 → 0.1.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (346) hide show
  1. checksums.yaml +4 -4
  2. data/MIT-LICENSE +20 -0
  3. data/README.md +49 -22
  4. data/Rakefile +5 -13
  5. data/app/assets/config/shoelace_rails_ui_manifest.js +1 -0
  6. data/app/assets/javascripts/shoelace.js +300 -0
  7. data/app/assets/stylesheets/sl_styles_light.css +455 -0
  8. data/app/controllers/shoelace/rails/ui/application_controller.rb +8 -0
  9. data/app/helpers/shoelace/rails/ui/application_helper.rb +11 -0
  10. data/app/helpers/shoelace/rails/ui/form_helper.rb +442 -0
  11. data/app/jobs/shoelace/rails/ui/application_job.rb +8 -0
  12. data/app/mailers/shoelace/rails/ui/application_mailer.rb +10 -0
  13. data/app/models/shoelace/rails/ui/application_record.rb +9 -0
  14. data/app/views/layouts/shoelace/rails/ui/application.html.erb +15 -0
  15. data/config/routes.rb +2 -0
  16. data/lib/shoelace/rails/ui/engine.rb +15 -0
  17. data/lib/shoelace/rails/ui/version.rb +1 -3
  18. data/lib/shoelace/rails/ui.rb +2 -4
  19. data/lib/tasks/shoelace/rails/ui_tasks.rake +4 -0
  20. metadata +36 -334
  21. data/.DS_Store +0 -0
  22. data/CHANGELOG.md +0 -5
  23. data/CODE_OF_CONDUCT.md +0 -84
  24. data/Gemfile +0 -12
  25. data/Gemfile.lock +0 -42
  26. data/LICENSE.txt +0 -21
  27. data/README-real.md +0 -24
  28. data/bin/console +0 -15
  29. data/bin/setup +0 -8
  30. data/regenerate.rb +0 -48
  31. data/remote-src/.DS_Store +0 -0
  32. data/remote-src/2.0.0.beta64/.DS_Store +0 -0
  33. data/remote-src/2.0.0.beta64/shoelace-next/.editorconfig +0 -15
  34. data/remote-src/2.0.0.beta64/shoelace-next/.github/CODE_OF_CONDUCT.md +0 -44
  35. data/remote-src/2.0.0.beta64/shoelace-next/.github/FUNDING.yml +0 -1
  36. data/remote-src/2.0.0.beta64/shoelace-next/.github/ISSUE_TEMPLATE/bug_report.md +0 -36
  37. data/remote-src/2.0.0.beta64/shoelace-next/.github/ISSUE_TEMPLATE/config.yml +0 -4
  38. data/remote-src/2.0.0.beta64/shoelace-next/.github/ISSUE_TEMPLATE/feature_request.md +0 -17
  39. data/remote-src/2.0.0.beta64/shoelace-next/.github/SECURITY.md +0 -7
  40. data/remote-src/2.0.0.beta64/shoelace-next/.github/workflows/node.js.yml +0 -30
  41. data/remote-src/2.0.0.beta64/shoelace-next/.github/workflows/release.yml +0 -17
  42. data/remote-src/2.0.0.beta64/shoelace-next/.gitignore +0 -8
  43. data/remote-src/2.0.0.beta64/shoelace-next/.husky/pre-commit +0 -4
  44. data/remote-src/2.0.0.beta64/shoelace-next/.prettierignore +0 -12
  45. data/remote-src/2.0.0.beta64/shoelace-next/.vscode/extensions.json +0 -9
  46. data/remote-src/2.0.0.beta64/shoelace-next/.vscode/settings.json +0 -4
  47. data/remote-src/2.0.0.beta64/shoelace-next/CONTRIBUTING.md +0 -5
  48. data/remote-src/2.0.0.beta64/shoelace-next/LICENSE.md +0 -7
  49. data/remote-src/2.0.0.beta64/shoelace-next/README.md +0 -94
  50. data/remote-src/2.0.0.beta64/shoelace-next/cspell.json +0 -110
  51. data/remote-src/2.0.0.beta64/shoelace-next/custom-elements-manifest.config.js +0 -104
  52. data/remote-src/2.0.0.beta64/shoelace-next/docs/404.md +0 -5
  53. data/remote-src/2.0.0.beta64/shoelace-next/docs/_sidebar.md +0 -89
  54. data/remote-src/2.0.0.beta64/shoelace-next/docs/assets/icons/sprite.svg +0 -1
  55. data/remote-src/2.0.0.beta64/shoelace-next/docs/assets/images/chrome.png +0 -0
  56. data/remote-src/2.0.0.beta64/shoelace-next/docs/assets/images/edge.png +0 -0
  57. data/remote-src/2.0.0.beta64/shoelace-next/docs/assets/images/firefox.png +0 -0
  58. data/remote-src/2.0.0.beta64/shoelace-next/docs/assets/images/logo.svg +0 -7
  59. data/remote-src/2.0.0.beta64/shoelace-next/docs/assets/images/og-image.png +0 -0
  60. data/remote-src/2.0.0.beta64/shoelace-next/docs/assets/images/opera.png +0 -0
  61. data/remote-src/2.0.0.beta64/shoelace-next/docs/assets/images/safari.png +0 -0
  62. data/remote-src/2.0.0.beta64/shoelace-next/docs/assets/images/shoe.svg +0 -134
  63. data/remote-src/2.0.0.beta64/shoelace-next/docs/assets/images/tie.webp +0 -0
  64. data/remote-src/2.0.0.beta64/shoelace-next/docs/assets/images/touch-icon.png +0 -0
  65. data/remote-src/2.0.0.beta64/shoelace-next/docs/assets/images/twitter-card.png +0 -0
  66. data/remote-src/2.0.0.beta64/shoelace-next/docs/assets/images/undraw-content-team.svg +0 -80
  67. data/remote-src/2.0.0.beta64/shoelace-next/docs/assets/images/undraw-not-found.svg +0 -1
  68. data/remote-src/2.0.0.beta64/shoelace-next/docs/assets/images/walk.gif +0 -0
  69. data/remote-src/2.0.0.beta64/shoelace-next/docs/assets/images/wordmark.svg +0 -7
  70. data/remote-src/2.0.0.beta64/shoelace-next/docs/assets/plugins/code-block/code-block.css +0 -228
  71. data/remote-src/2.0.0.beta64/shoelace-next/docs/assets/plugins/code-block/code-block.js +0 -376
  72. data/remote-src/2.0.0.beta64/shoelace-next/docs/assets/plugins/metadata/metadata.js +0 -537
  73. data/remote-src/2.0.0.beta64/shoelace-next/docs/assets/plugins/scroll-position/scroll-position.js +0 -24
  74. data/remote-src/2.0.0.beta64/shoelace-next/docs/assets/plugins/search/lunr.min.js +0 -1311
  75. data/remote-src/2.0.0.beta64/shoelace-next/docs/assets/plugins/search/search.css +0 -180
  76. data/remote-src/2.0.0.beta64/shoelace-next/docs/assets/plugins/search/search.js +0 -293
  77. data/remote-src/2.0.0.beta64/shoelace-next/docs/assets/plugins/theme-picker/theme-picker.css +0 -29
  78. data/remote-src/2.0.0.beta64/shoelace-next/docs/assets/plugins/theme-picker/theme-picker.js +0 -83
  79. data/remote-src/2.0.0.beta64/shoelace-next/docs/assets/styles/docs.css +0 -642
  80. data/remote-src/2.0.0.beta64/shoelace-next/docs/components/alert.md +0 -441
  81. data/remote-src/2.0.0.beta64/shoelace-next/docs/components/animated-image.md +0 -128
  82. data/remote-src/2.0.0.beta64/shoelace-next/docs/components/animation.md +0 -351
  83. data/remote-src/2.0.0.beta64/shoelace-next/docs/components/avatar.md +0 -201
  84. data/remote-src/2.0.0.beta64/shoelace-next/docs/components/badge.md +0 -191
  85. data/remote-src/2.0.0.beta64/shoelace-next/docs/components/breadcrumb-item.md +0 -35
  86. data/remote-src/2.0.0.beta64/shoelace-next/docs/components/breadcrumb.md +0 -266
  87. data/remote-src/2.0.0.beta64/shoelace-next/docs/components/button-group.md +0 -470
  88. data/remote-src/2.0.0.beta64/shoelace-next/docs/components/button.md +0 -453
  89. data/remote-src/2.0.0.beta64/shoelace-next/docs/components/card.md +0 -311
  90. data/remote-src/2.0.0.beta64/shoelace-next/docs/components/checkbox.md +0 -71
  91. data/remote-src/2.0.0.beta64/shoelace-next/docs/components/color-picker.md +0 -101
  92. data/remote-src/2.0.0.beta64/shoelace-next/docs/components/details.md +0 -89
  93. data/remote-src/2.0.0.beta64/shoelace-next/docs/components/dialog.md +0 -265
  94. data/remote-src/2.0.0.beta64/shoelace-next/docs/components/divider.md +0 -152
  95. data/remote-src/2.0.0.beta64/shoelace-next/docs/components/drawer.md +0 -452
  96. data/remote-src/2.0.0.beta64/shoelace-next/docs/components/dropdown.md +0 -389
  97. data/remote-src/2.0.0.beta64/shoelace-next/docs/components/format-bytes.md +0 -126
  98. data/remote-src/2.0.0.beta64/shoelace-next/docs/components/format-date.md +0 -120
  99. data/remote-src/2.0.0.beta64/shoelace-next/docs/components/format-number.md +0 -124
  100. data/remote-src/2.0.0.beta64/shoelace-next/docs/components/icon-button.md +0 -160
  101. data/remote-src/2.0.0.beta64/shoelace-next/docs/components/icon.md +0 -711
  102. data/remote-src/2.0.0.beta64/shoelace-next/docs/components/image-comparer.md +0 -51
  103. data/remote-src/2.0.0.beta64/shoelace-next/docs/components/include.md +0 -47
  104. data/remote-src/2.0.0.beta64/shoelace-next/docs/components/input.md +0 -283
  105. data/remote-src/2.0.0.beta64/shoelace-next/docs/components/menu-item.md +0 -255
  106. data/remote-src/2.0.0.beta64/shoelace-next/docs/components/menu-label.md +0 -52
  107. data/remote-src/2.0.0.beta64/shoelace-next/docs/components/menu.md +0 -49
  108. data/remote-src/2.0.0.beta64/shoelace-next/docs/components/mutation-observer.md +0 -196
  109. data/remote-src/2.0.0.beta64/shoelace-next/docs/components/progress-bar.md +0 -144
  110. data/remote-src/2.0.0.beta64/shoelace-next/docs/components/progress-ring.md +0 -178
  111. data/remote-src/2.0.0.beta64/shoelace-next/docs/components/qr-code.md +0 -167
  112. data/remote-src/2.0.0.beta64/shoelace-next/docs/components/radio-group.md +0 -52
  113. data/remote-src/2.0.0.beta64/shoelace-next/docs/components/radio.md +0 -59
  114. data/remote-src/2.0.0.beta64/shoelace-next/docs/components/range.md +0 -180
  115. data/remote-src/2.0.0.beta64/shoelace-next/docs/components/rating.md +0 -153
  116. data/remote-src/2.0.0.beta64/shoelace-next/docs/components/relative-time.md +0 -105
  117. data/remote-src/2.0.0.beta64/shoelace-next/docs/components/resize-observer.md +0 -68
  118. data/remote-src/2.0.0.beta64/shoelace-next/docs/components/responsive-media.md +0 -73
  119. data/remote-src/2.0.0.beta64/shoelace-next/docs/components/select.md +0 -457
  120. data/remote-src/2.0.0.beta64/shoelace-next/docs/components/skeleton.md +0 -439
  121. data/remote-src/2.0.0.beta64/shoelace-next/docs/components/spinner.md +0 -86
  122. data/remote-src/2.0.0.beta64/shoelace-next/docs/components/split-panel.md +0 -671
  123. data/remote-src/2.0.0.beta64/shoelace-next/docs/components/switch.md +0 -77
  124. data/remote-src/2.0.0.beta64/shoelace-next/docs/components/tab-group.md +0 -359
  125. data/remote-src/2.0.0.beta64/shoelace-next/docs/components/tab-panel.md +0 -41
  126. data/remote-src/2.0.0.beta64/shoelace-next/docs/components/tab.md +0 -29
  127. data/remote-src/2.0.0.beta64/shoelace-next/docs/components/tag.md +0 -142
  128. data/remote-src/2.0.0.beta64/shoelace-next/docs/components/textarea.md +0 -184
  129. data/remote-src/2.0.0.beta64/shoelace-next/docs/components/tooltip.md +0 -410
  130. data/remote-src/2.0.0.beta64/shoelace-next/docs/components/visually-hidden.md +0 -47
  131. data/remote-src/2.0.0.beta64/shoelace-next/docs/frameworks/angular.md +0 -46
  132. data/remote-src/2.0.0.beta64/shoelace-next/docs/frameworks/react.md +0 -156
  133. data/remote-src/2.0.0.beta64/shoelace-next/docs/frameworks/vue.md +0 -92
  134. data/remote-src/2.0.0.beta64/shoelace-next/docs/getting-started/customizing.md +0 -153
  135. data/remote-src/2.0.0.beta64/shoelace-next/docs/getting-started/form-controls.md +0 -336
  136. data/remote-src/2.0.0.beta64/shoelace-next/docs/getting-started/installation.md +0 -137
  137. data/remote-src/2.0.0.beta64/shoelace-next/docs/getting-started/localization.md +0 -140
  138. data/remote-src/2.0.0.beta64/shoelace-next/docs/getting-started/overview.md +0 -131
  139. data/remote-src/2.0.0.beta64/shoelace-next/docs/getting-started/themes.md +0 -139
  140. data/remote-src/2.0.0.beta64/shoelace-next/docs/getting-started/usage.md +0 -173
  141. data/remote-src/2.0.0.beta64/shoelace-next/docs/index.html +0 -98
  142. data/remote-src/2.0.0.beta64/shoelace-next/docs/resources/accessibility.md +0 -18
  143. data/remote-src/2.0.0.beta64/shoelace-next/docs/resources/changelog.md +0 -925
  144. data/remote-src/2.0.0.beta64/shoelace-next/docs/resources/community.md +0 -53
  145. data/remote-src/2.0.0.beta64/shoelace-next/docs/resources/contributing.md +0 -261
  146. data/remote-src/2.0.0.beta64/shoelace-next/docs/tokens/border-radius.md +0 -12
  147. data/remote-src/2.0.0.beta64/shoelace-next/docs/tokens/color.md +0 -439
  148. data/remote-src/2.0.0.beta64/shoelace-next/docs/tokens/elevation.md +0 -11
  149. data/remote-src/2.0.0.beta64/shoelace-next/docs/tokens/spacing.md +0 -16
  150. data/remote-src/2.0.0.beta64/shoelace-next/docs/tokens/transition.md +0 -11
  151. data/remote-src/2.0.0.beta64/shoelace-next/docs/tokens/typography.md +0 -58
  152. data/remote-src/2.0.0.beta64/shoelace-next/docs/tokens/z-index.md +0 -11
  153. data/remote-src/2.0.0.beta64/shoelace-next/docs/tutorials/integrating-with-laravel.md +0 -117
  154. data/remote-src/2.0.0.beta64/shoelace-next/docs/tutorials/integrating-with-nextjs.md +0 -137
  155. data/remote-src/2.0.0.beta64/shoelace-next/docs/tutorials/integrating-with-rails.md +0 -103
  156. data/remote-src/2.0.0.beta64/shoelace-next/lint-staged.config.js +0 -4
  157. data/remote-src/2.0.0.beta64/shoelace-next/package-lock.json +0 -9534
  158. data/remote-src/2.0.0.beta64/shoelace-next/package.json +0 -93
  159. data/remote-src/2.0.0.beta64/shoelace-next/prettier.config.cjs +0 -17
  160. data/remote-src/2.0.0.beta64/shoelace-next/scripts/build.js +0 -158
  161. data/remote-src/2.0.0.beta64/shoelace-next/scripts/make-css.js +0 -42
  162. data/remote-src/2.0.0.beta64/shoelace-next/scripts/make-icons.js +0 -71
  163. data/remote-src/2.0.0.beta64/shoelace-next/scripts/make-metadata.js +0 -11
  164. data/remote-src/2.0.0.beta64/shoelace-next/scripts/make-react.js +0 -63
  165. data/remote-src/2.0.0.beta64/shoelace-next/scripts/make-search.js +0 -100
  166. data/remote-src/2.0.0.beta64/shoelace-next/scripts/make-vscode-data.js +0 -58
  167. data/remote-src/2.0.0.beta64/shoelace-next/scripts/plop/plopfile.js +0 -67
  168. data/remote-src/2.0.0.beta64/shoelace-next/scripts/plop/templates/component/component.hbs +0 -44
  169. data/remote-src/2.0.0.beta64/shoelace-next/scripts/plop/templates/component/docs.hbs +0 -21
  170. data/remote-src/2.0.0.beta64/shoelace-next/scripts/plop/templates/component/styles.hbs +0 -10
  171. data/remote-src/2.0.0.beta64/shoelace-next/scripts/plop/templates/component/tests.hbs +0 -13
  172. data/remote-src/2.0.0.beta64/shoelace-next/scripts/shared.js +0 -18
  173. data/remote-src/2.0.0.beta64/shoelace-next/src/components/alert/alert.styles.ts +0 -95
  174. data/remote-src/2.0.0.beta64/shoelace-next/src/components/alert/alert.test.ts +0 -93
  175. data/remote-src/2.0.0.beta64/shoelace-next/src/components/alert/alert.ts +0 -238
  176. data/remote-src/2.0.0.beta64/shoelace-next/src/components/animated-image/animated-image.styles.ts +0 -52
  177. data/remote-src/2.0.0.beta64/shoelace-next/src/components/animated-image/animated-image.test.ts +0 -13
  178. data/remote-src/2.0.0.beta64/shoelace-next/src/components/animated-image/animated-image.ts +0 -120
  179. data/remote-src/2.0.0.beta64/shoelace-next/src/components/animation/animation.styles.ts +0 -10
  180. data/remote-src/2.0.0.beta64/shoelace-next/src/components/animation/animation.ts +0 -222
  181. data/remote-src/2.0.0.beta64/shoelace-next/src/components/animation/animations.ts +0 -15
  182. data/remote-src/2.0.0.beta64/shoelace-next/src/components/avatar/avatar.styles.ts +0 -66
  183. data/remote-src/2.0.0.beta64/shoelace-next/src/components/avatar/avatar.test.ts +0 -111
  184. data/remote-src/2.0.0.beta64/shoelace-next/src/components/avatar/avatar.ts +0 -83
  185. data/remote-src/2.0.0.beta64/shoelace-next/src/components/badge/badge.styles.ts +0 -94
  186. data/remote-src/2.0.0.beta64/shoelace-next/src/components/badge/badge.test.ts +0 -77
  187. data/remote-src/2.0.0.beta64/shoelace-next/src/components/badge/badge.ts +0 -53
  188. data/remote-src/2.0.0.beta64/shoelace-next/src/components/breadcrumb/breadcrumb.styles.ts +0 -12
  189. data/remote-src/2.0.0.beta64/shoelace-next/src/components/breadcrumb/breadcrumb.test.ts +0 -104
  190. data/remote-src/2.0.0.beta64/shoelace-next/src/components/breadcrumb/breadcrumb.ts +0 -82
  191. data/remote-src/2.0.0.beta64/shoelace-next/src/components/breadcrumb-item/breadcrumb-item.styles.ts +0 -85
  192. data/remote-src/2.0.0.beta64/shoelace-next/src/components/breadcrumb-item/breadcrumb-item.test.ts +0 -160
  193. data/remote-src/2.0.0.beta64/shoelace-next/src/components/breadcrumb-item/breadcrumb-item.ts +0 -92
  194. data/remote-src/2.0.0.beta64/shoelace-next/src/components/button/button.styles.ts +0 -637
  195. data/remote-src/2.0.0.beta64/shoelace-next/src/components/button/button.ts +0 -209
  196. data/remote-src/2.0.0.beta64/shoelace-next/src/components/button-group/button-group.styles.ts +0 -15
  197. data/remote-src/2.0.0.beta64/shoelace-next/src/components/button-group/button-group.ts +0 -84
  198. data/remote-src/2.0.0.beta64/shoelace-next/src/components/card/card.styles.ts +0 -62
  199. data/remote-src/2.0.0.beta64/shoelace-next/src/components/card/card.test.ts +0 -139
  200. data/remote-src/2.0.0.beta64/shoelace-next/src/components/card/card.ts +0 -68
  201. data/remote-src/2.0.0.beta64/shoelace-next/src/components/checkbox/checkbox.styles.ts +0 -108
  202. data/remote-src/2.0.0.beta64/shoelace-next/src/components/checkbox/checkbox.test.ts +0 -47
  203. data/remote-src/2.0.0.beta64/shoelace-next/src/components/checkbox/checkbox.ts +0 -203
  204. data/remote-src/2.0.0.beta64/shoelace-next/src/components/color-picker/color-picker.styles.ts +0 -326
  205. data/remote-src/2.0.0.beta64/shoelace-next/src/components/color-picker/color-picker.test.ts +0 -43
  206. data/remote-src/2.0.0.beta64/shoelace-next/src/components/color-picker/color-picker.ts +0 -853
  207. data/remote-src/2.0.0.beta64/shoelace-next/src/components/details/details.styles.ts +0 -73
  208. data/remote-src/2.0.0.beta64/shoelace-next/src/components/details/details.test.ts +0 -153
  209. data/remote-src/2.0.0.beta64/shoelace-next/src/components/details/details.ts +0 -192
  210. data/remote-src/2.0.0.beta64/shoelace-next/src/components/dialog/dialog.styles.ts +0 -106
  211. data/remote-src/2.0.0.beta64/shoelace-next/src/components/dialog/dialog.test.ts +0 -135
  212. data/remote-src/2.0.0.beta64/shoelace-next/src/components/dialog/dialog.ts +0 -296
  213. data/remote-src/2.0.0.beta64/shoelace-next/src/components/divider/divider.styles.ts +0 -25
  214. data/remote-src/2.0.0.beta64/shoelace-next/src/components/divider/divider.ts +0 -34
  215. data/remote-src/2.0.0.beta64/shoelace-next/src/components/drawer/drawer.styles.ts +0 -142
  216. data/remote-src/2.0.0.beta64/shoelace-next/src/components/drawer/drawer.test.ts +0 -135
  217. data/remote-src/2.0.0.beta64/shoelace-next/src/components/drawer/drawer.ts +0 -377
  218. data/remote-src/2.0.0.beta64/shoelace-next/src/components/dropdown/dropdown.styles.ts +0 -58
  219. data/remote-src/2.0.0.beta64/shoelace-next/src/components/dropdown/dropdown.test.ts +0 -147
  220. data/remote-src/2.0.0.beta64/shoelace-next/src/components/dropdown/dropdown.ts +0 -459
  221. data/remote-src/2.0.0.beta64/shoelace-next/src/components/format-bytes/format-bytes.ts +0 -35
  222. data/remote-src/2.0.0.beta64/shoelace-next/src/components/format-date/format-date.ts +0 -81
  223. data/remote-src/2.0.0.beta64/shoelace-next/src/components/format-number/format-number.ts +0 -69
  224. data/remote-src/2.0.0.beta64/shoelace-next/src/components/icon/icon.styles.ts +0 -21
  225. data/remote-src/2.0.0.beta64/shoelace-next/src/components/icon/icon.ts +0 -131
  226. data/remote-src/2.0.0.beta64/shoelace-next/src/components/icon/library.default.ts +0 -9
  227. data/remote-src/2.0.0.beta64/shoelace-next/src/components/icon/library.system.ts +0 -97
  228. data/remote-src/2.0.0.beta64/shoelace-next/src/components/icon/library.ts +0 -49
  229. data/remote-src/2.0.0.beta64/shoelace-next/src/components/icon/request.ts +0 -36
  230. data/remote-src/2.0.0.beta64/shoelace-next/src/components/icon-button/icon-button.styles.ts +0 -48
  231. data/remote-src/2.0.0.beta64/shoelace-next/src/components/icon-button/icon-button.ts +0 -100
  232. data/remote-src/2.0.0.beta64/shoelace-next/src/components/image-comparer/image-comparer.styles.ts +0 -77
  233. data/remote-src/2.0.0.beta64/shoelace-next/src/components/image-comparer/image-comparer.ts +0 -147
  234. data/remote-src/2.0.0.beta64/shoelace-next/src/components/include/include.styles.ts +0 -10
  235. data/remote-src/2.0.0.beta64/shoelace-next/src/components/include/include.test.ts +0 -62
  236. data/remote-src/2.0.0.beta64/shoelace-next/src/components/include/include.ts +0 -80
  237. data/remote-src/2.0.0.beta64/shoelace-next/src/components/include/request.ts +0 -23
  238. data/remote-src/2.0.0.beta64/shoelace-next/src/components/input/input.styles.ts +0 -282
  239. data/remote-src/2.0.0.beta64/shoelace-next/src/components/input/input.test.ts +0 -35
  240. data/remote-src/2.0.0.beta64/shoelace-next/src/components/input/input.ts +0 -410
  241. data/remote-src/2.0.0.beta64/shoelace-next/src/components/menu/menu.styles.ts +0 -18
  242. data/remote-src/2.0.0.beta64/shoelace-next/src/components/menu/menu.ts +0 -205
  243. data/remote-src/2.0.0.beta64/shoelace-next/src/components/menu-item/menu-item.styles.ts +0 -84
  244. data/remote-src/2.0.0.beta64/shoelace-next/src/components/menu-item/menu-item.ts +0 -92
  245. data/remote-src/2.0.0.beta64/shoelace-next/src/components/menu-label/menu-label.styles.ts +0 -21
  246. data/remote-src/2.0.0.beta64/shoelace-next/src/components/menu-label/menu-label.ts +0 -30
  247. data/remote-src/2.0.0.beta64/shoelace-next/src/components/mutation-observer/mutation-observer.styles.ts +0 -10
  248. data/remote-src/2.0.0.beta64/shoelace-next/src/components/mutation-observer/mutation-observer.test.ts +0 -13
  249. data/remote-src/2.0.0.beta64/shoelace-next/src/components/mutation-observer/mutation-observer.ts +0 -118
  250. data/remote-src/2.0.0.beta64/shoelace-next/src/components/progress-bar/progress-bar.styles.ts +0 -57
  251. data/remote-src/2.0.0.beta64/shoelace-next/src/components/progress-bar/progress-bar.test.ts +0 -89
  252. data/remote-src/2.0.0.beta64/shoelace-next/src/components/progress-bar/progress-bar.ts +0 -74
  253. data/remote-src/2.0.0.beta64/shoelace-next/src/components/progress-ring/progress-ring.styles.ts +0 -66
  254. data/remote-src/2.0.0.beta64/shoelace-next/src/components/progress-ring/progress-ring.test.ts +0 -68
  255. data/remote-src/2.0.0.beta64/shoelace-next/src/components/progress-ring/progress-ring.ts +0 -84
  256. data/remote-src/2.0.0.beta64/shoelace-next/src/components/qr-code/qr-code.styles.ts +0 -22
  257. data/remote-src/2.0.0.beta64/shoelace-next/src/components/qr-code/qr-code.ts +0 -90
  258. data/remote-src/2.0.0.beta64/shoelace-next/src/components/radio/radio.styles.ts +0 -107
  259. data/remote-src/2.0.0.beta64/shoelace-next/src/components/radio/radio.test.ts +0 -65
  260. data/remote-src/2.0.0.beta64/shoelace-next/src/components/radio/radio.ts +0 -226
  261. data/remote-src/2.0.0.beta64/shoelace-next/src/components/radio-group/radio-group.styles.ts +0 -47
  262. data/remote-src/2.0.0.beta64/shoelace-next/src/components/radio-group/radio-group.ts +0 -66
  263. data/remote-src/2.0.0.beta64/shoelace-next/src/components/range/range.styles.ts +0 -192
  264. data/remote-src/2.0.0.beta64/shoelace-next/src/components/range/range.ts +0 -273
  265. data/remote-src/2.0.0.beta64/shoelace-next/src/components/rating/rating.styles.ts +0 -79
  266. data/remote-src/2.0.0.beta64/shoelace-next/src/components/rating/rating.ts +0 -249
  267. data/remote-src/2.0.0.beta64/shoelace-next/src/components/relative-time/relative-time.ts +0 -116
  268. data/remote-src/2.0.0.beta64/shoelace-next/src/components/resize-observer/resize-observer.styles.ts +0 -10
  269. data/remote-src/2.0.0.beta64/shoelace-next/src/components/resize-observer/resize-observer.ts +0 -87
  270. data/remote-src/2.0.0.beta64/shoelace-next/src/components/responsive-media/responsive-media.styles.ts +0 -36
  271. data/remote-src/2.0.0.beta64/shoelace-next/src/components/responsive-media/responsive-media.ts +0 -50
  272. data/remote-src/2.0.0.beta64/shoelace-next/src/components/select/select.styles.ts +0 -331
  273. data/remote-src/2.0.0.beta64/shoelace-next/src/components/select/select.test.ts +0 -56
  274. data/remote-src/2.0.0.beta64/shoelace-next/src/components/select/select.ts +0 -560
  275. data/remote-src/2.0.0.beta64/shoelace-next/src/components/skeleton/skeleton.styles.ts +0 -60
  276. data/remote-src/2.0.0.beta64/shoelace-next/src/components/skeleton/skeleton.ts +0 -46
  277. data/remote-src/2.0.0.beta64/shoelace-next/src/components/spinner/spinner.styles.ts +0 -56
  278. data/remote-src/2.0.0.beta64/shoelace-next/src/components/spinner/spinner.test.ts +0 -24
  279. data/remote-src/2.0.0.beta64/shoelace-next/src/components/spinner/spinner.ts +0 -34
  280. data/remote-src/2.0.0.beta64/shoelace-next/src/components/split-panel/split-panel.styles.ts +0 -76
  281. data/remote-src/2.0.0.beta64/shoelace-next/src/components/split-panel/split-panel.test.ts +0 -13
  282. data/remote-src/2.0.0.beta64/shoelace-next/src/components/split-panel/split-panel.ts +0 -272
  283. data/remote-src/2.0.0.beta64/shoelace-next/src/components/switch/switch.styles.ts +0 -135
  284. data/remote-src/2.0.0.beta64/shoelace-next/src/components/switch/switch.test.ts +0 -64
  285. data/remote-src/2.0.0.beta64/shoelace-next/src/components/switch/switch.ts +0 -187
  286. data/remote-src/2.0.0.beta64/shoelace-next/src/components/tab/tab.styles.ts +0 -61
  287. data/remote-src/2.0.0.beta64/shoelace-next/src/components/tab/tab.ts +0 -104
  288. data/remote-src/2.0.0.beta64/shoelace-next/src/components/tab-group/tab-group.styles.ts +0 -209
  289. data/remote-src/2.0.0.beta64/shoelace-next/src/components/tab-group/tab-group.ts +0 -409
  290. data/remote-src/2.0.0.beta64/shoelace-next/src/components/tab-panel/tab-panel.styles.ts +0 -17
  291. data/remote-src/2.0.0.beta64/shoelace-next/src/components/tab-panel/tab-panel.ts +0 -49
  292. data/remote-src/2.0.0.beta64/shoelace-next/src/components/tag/tag.styles.ts +0 -110
  293. data/remote-src/2.0.0.beta64/shoelace-next/src/components/tag/tag.ts +0 -92
  294. data/remote-src/2.0.0.beta64/shoelace-next/src/components/textarea/textarea.styles.ts +0 -167
  295. data/remote-src/2.0.0.beta64/shoelace-next/src/components/textarea/textarea.test.ts +0 -35
  296. data/remote-src/2.0.0.beta64/shoelace-next/src/components/textarea/textarea.ts +0 -339
  297. data/remote-src/2.0.0.beta64/shoelace-next/src/components/tooltip/tooltip.styles.ts +0 -131
  298. data/remote-src/2.0.0.beta64/shoelace-next/src/components/tooltip/tooltip.test.ts +0 -117
  299. data/remote-src/2.0.0.beta64/shoelace-next/src/components/tooltip/tooltip.ts +0 -355
  300. data/remote-src/2.0.0.beta64/shoelace-next/src/components/visually-hidden/visually-hidden.styles.ts +0 -18
  301. data/remote-src/2.0.0.beta64/shoelace-next/src/components/visually-hidden/visually-hidden.test.ts +0 -39
  302. data/remote-src/2.0.0.beta64/shoelace-next/src/components/visually-hidden/visually-hidden.ts +0 -24
  303. data/remote-src/2.0.0.beta64/shoelace-next/src/declaration.d.ts +0 -8
  304. data/remote-src/2.0.0.beta64/shoelace-next/src/internal/animate.ts +0 -70
  305. data/remote-src/2.0.0.beta64/shoelace-next/src/internal/event.ts +0 -35
  306. data/remote-src/2.0.0.beta64/shoelace-next/src/internal/focus-visible.ts +0 -26
  307. data/remote-src/2.0.0.beta64/shoelace-next/src/internal/form-control.ts +0 -203
  308. data/remote-src/2.0.0.beta64/shoelace-next/src/internal/formdata-event-polyfill.ts +0 -93
  309. data/remote-src/2.0.0.beta64/shoelace-next/src/internal/math.ts +0 -8
  310. data/remote-src/2.0.0.beta64/shoelace-next/src/internal/modal.ts +0 -53
  311. data/remote-src/2.0.0.beta64/shoelace-next/src/internal/number.ts +0 -32
  312. data/remote-src/2.0.0.beta64/shoelace-next/src/internal/offset.ts +0 -13
  313. data/remote-src/2.0.0.beta64/shoelace-next/src/internal/scroll.ts +0 -57
  314. data/remote-src/2.0.0.beta64/shoelace-next/src/internal/slot.ts +0 -91
  315. data/remote-src/2.0.0.beta64/shoelace-next/src/internal/string.ts +0 -3
  316. data/remote-src/2.0.0.beta64/shoelace-next/src/internal/support.ts +0 -15
  317. data/remote-src/2.0.0.beta64/shoelace-next/src/internal/tabbable.ts +0 -81
  318. data/remote-src/2.0.0.beta64/shoelace-next/src/internal/watch.ts +0 -40
  319. data/remote-src/2.0.0.beta64/shoelace-next/src/shoelace.ts +0 -58
  320. data/remote-src/2.0.0.beta64/shoelace-next/src/styles/component.styles.ts +0 -23
  321. data/remote-src/2.0.0.beta64/shoelace-next/src/styles/form-control.styles.ts +0 -52
  322. data/remote-src/2.0.0.beta64/shoelace-next/src/styles/utility.styles.ts +0 -23
  323. data/remote-src/2.0.0.beta64/shoelace-next/src/themes/dark.styles.ts +0 -524
  324. data/remote-src/2.0.0.beta64/shoelace-next/src/themes/light.styles.ts +0 -524
  325. data/remote-src/2.0.0.beta64/shoelace-next/src/translations/de-ch.ts +0 -21
  326. data/remote-src/2.0.0.beta64/shoelace-next/src/translations/de.ts +0 -21
  327. data/remote-src/2.0.0.beta64/shoelace-next/src/translations/en.ts +0 -21
  328. data/remote-src/2.0.0.beta64/shoelace-next/src/translations/es.ts +0 -21
  329. data/remote-src/2.0.0.beta64/shoelace-next/src/translations/fr.ts +0 -21
  330. data/remote-src/2.0.0.beta64/shoelace-next/src/translations/he.ts +0 -21
  331. data/remote-src/2.0.0.beta64/shoelace-next/src/translations/ja.ts +0 -21
  332. data/remote-src/2.0.0.beta64/shoelace-next/src/translations/nl.ts +0 -21
  333. data/remote-src/2.0.0.beta64/shoelace-next/src/translations/pl.ts +0 -21
  334. data/remote-src/2.0.0.beta64/shoelace-next/src/translations/pt.ts +0 -21
  335. data/remote-src/2.0.0.beta64/shoelace-next/src/translations/ru.ts +0 -21
  336. data/remote-src/2.0.0.beta64/shoelace-next/src/utilities/animation-registry.ts +0 -59
  337. data/remote-src/2.0.0.beta64/shoelace-next/src/utilities/animation.ts +0 -1
  338. data/remote-src/2.0.0.beta64/shoelace-next/src/utilities/base-path.ts +0 -43
  339. data/remote-src/2.0.0.beta64/shoelace-next/src/utilities/form.ts +0 -22
  340. data/remote-src/2.0.0.beta64/shoelace-next/src/utilities/icon-library.ts +0 -1
  341. data/remote-src/2.0.0.beta64/shoelace-next/src/utilities/localize.ts +0 -5
  342. data/remote-src/2.0.0.beta64/shoelace-next/tsconfig.json +0 -35
  343. data/remote-src/2.0.0.beta64/shoelace-next/vercel.json +0 -4
  344. data/remote-src/2.0.0.beta64/shoelace-next/web-test-runner.config.js +0 -14
  345. data/shoelace-rails-ui.gemspec +0 -39
  346. data/shoelace-rails-ui.rb +0 -0
@@ -0,0 +1,455 @@
1
+ /*
2
+ * This is a manifest file that'll be compiled into application.css, which will include all the files
3
+ * listed below.
4
+ *
5
+ * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
6
+ * or any plugin's vendor/assets/stylesheets directory can be referenced here using a relative path.
7
+ *
8
+ * You're free to add application-wide styles to this file and they'll appear at the bottom of the
9
+ * compiled file so the styles you add here take precedence over styles defined in any other CSS/SCSS
10
+ * files in this directory. Styles in this file should be added after the last require_* statement.
11
+ * It is generally better to create a new file per style scope.
12
+ *
13
+ *= require_tree .
14
+ *= require_self
15
+ */
16
+
17
+ :root,
18
+ :host,
19
+ .sl-theme-light {
20
+ --sl-color-gray-50: hsl(0 0% 97.5%);
21
+ --sl-color-gray-100: hsl(240 4.8% 95.9%);
22
+ --sl-color-gray-200: hsl(240 5.9% 90%);
23
+ --sl-color-gray-300: hsl(240 4.9% 83.9%);
24
+ --sl-color-gray-400: hsl(240 5% 64.9%);
25
+ --sl-color-gray-500: hsl(240 3.8% 46.1%);
26
+ --sl-color-gray-600: hsl(240 5.2% 33.9%);
27
+ --sl-color-gray-700: hsl(240 5.3% 26.1%);
28
+ --sl-color-gray-800: hsl(240 3.7% 15.9%);
29
+ --sl-color-gray-900: hsl(240 5.9% 10%);
30
+ --sl-color-gray-950: hsl(240 7.3% 8%);
31
+
32
+ --sl-color-red-50: hsl(0 85.7% 97.3%);
33
+ --sl-color-red-100: hsl(0 93.3% 94.1%);
34
+ --sl-color-red-200: hsl(0 96.3% 89.4%);
35
+ --sl-color-red-300: hsl(0 93.5% 81.8%);
36
+ --sl-color-red-400: hsl(0 90.6% 70.8%);
37
+ --sl-color-red-500: hsl(0 84.2% 60.2%);
38
+ --sl-color-red-600: hsl(0 72.2% 50.6%);
39
+ --sl-color-red-700: hsl(0 73.7% 41.8%);
40
+ --sl-color-red-800: hsl(0 70% 35.3%);
41
+ --sl-color-red-900: hsl(0 62.8% 30.6%);
42
+ --sl-color-red-950: hsl(0 60% 19.6%);
43
+
44
+ --sl-color-orange-50: hsl(33.3 100% 96.5%);
45
+ --sl-color-orange-100: hsl(34.3 100% 91.8%);
46
+ --sl-color-orange-200: hsl(32.1 97.7% 83.1%);
47
+ --sl-color-orange-300: hsl(30.7 97.2% 72.4%);
48
+ --sl-color-orange-400: hsl(27 96% 61%);
49
+ --sl-color-orange-500: hsl(24.6 95% 53.1%);
50
+ --sl-color-orange-600: hsl(20.5 90.2% 48.2%);
51
+ --sl-color-orange-700: hsl(17.5 88.3% 40.4%);
52
+ --sl-color-orange-800: hsl(15 79.1% 33.7%);
53
+ --sl-color-orange-900: hsl(15.3 74.6% 27.8%);
54
+ --sl-color-orange-950: hsl(15.2 69.1% 19%);
55
+
56
+ --sl-color-amber-50: hsl(48 100% 96.1%);
57
+ --sl-color-amber-100: hsl(48 96.5% 88.8%);
58
+ --sl-color-amber-200: hsl(48 96.6% 76.7%);
59
+ --sl-color-amber-300: hsl(45.9 96.7% 64.5%);
60
+ --sl-color-amber-400: hsl(43.3 96.4% 56.3%);
61
+ --sl-color-amber-500: hsl(37.7 92.1% 50.2%);
62
+ --sl-color-amber-600: hsl(32.1 94.6% 43.7%);
63
+ --sl-color-amber-700: hsl(26 90.5% 37.1%);
64
+ --sl-color-amber-800: hsl(22.7 82.5% 31.4%);
65
+ --sl-color-amber-900: hsl(21.7 77.8% 26.5%);
66
+ --sl-color-amber-950: hsl(22.9 74.1% 16.7%);
67
+
68
+ --sl-color-yellow-50: hsl(54.5 91.7% 95.3%);
69
+ --sl-color-yellow-100: hsl(54.9 96.7% 88%);
70
+ --sl-color-yellow-200: hsl(52.8 98.3% 76.9%);
71
+ --sl-color-yellow-300: hsl(50.4 97.8% 63.5%);
72
+ --sl-color-yellow-400: hsl(47.9 95.8% 53.1%);
73
+ --sl-color-yellow-500: hsl(45.4 93.4% 47.5%);
74
+ --sl-color-yellow-600: hsl(40.6 96.1% 40.4%);
75
+ --sl-color-yellow-700: hsl(35.5 91.7% 32.9%);
76
+ --sl-color-yellow-800: hsl(31.8 81% 28.8%);
77
+ --sl-color-yellow-900: hsl(28.4 72.5% 25.7%);
78
+ --sl-color-yellow-950: hsl(33.1 69% 13.9%);
79
+
80
+ --sl-color-lime-50: hsl(78.3 92% 95.1%);
81
+ --sl-color-lime-100: hsl(79.6 89.1% 89.2%);
82
+ --sl-color-lime-200: hsl(80.9 88.5% 79.6%);
83
+ --sl-color-lime-300: hsl(82 84.5% 67.1%);
84
+ --sl-color-lime-400: hsl(82.7 78% 55.5%);
85
+ --sl-color-lime-500: hsl(83.7 80.5% 44.3%);
86
+ --sl-color-lime-600: hsl(84.8 85.2% 34.5%);
87
+ --sl-color-lime-700: hsl(85.9 78.4% 27.3%);
88
+ --sl-color-lime-800: hsl(86.3 69% 22.7%);
89
+ --sl-color-lime-900: hsl(87.6 61.2% 20.2%);
90
+ --sl-color-lime-950: hsl(86.5 60.6% 13.9%);
91
+
92
+ --sl-color-green-50: hsl(138.5 76.5% 96.7%);
93
+ --sl-color-green-100: hsl(140.6 84.2% 92.5%);
94
+ --sl-color-green-200: hsl(141 78.9% 85.1%);
95
+ --sl-color-green-300: hsl(141.7 76.6% 73.1%);
96
+ --sl-color-green-400: hsl(141.9 69.2% 58%);
97
+ --sl-color-green-500: hsl(142.1 70.6% 45.3%);
98
+ --sl-color-green-600: hsl(142.1 76.2% 36.3%);
99
+ --sl-color-green-700: hsl(142.4 71.8% 29.2%);
100
+ --sl-color-green-800: hsl(142.8 64.2% 24.1%);
101
+ --sl-color-green-900: hsl(143.8 61.2% 20.2%);
102
+ --sl-color-green-950: hsl(144.3 60.7% 12%);
103
+
104
+ --sl-color-emerald-50: hsl(151.8 81% 95.9%);
105
+ --sl-color-emerald-100: hsl(149.3 80.4% 90%);
106
+ --sl-color-emerald-200: hsl(152.4 76% 80.4%);
107
+ --sl-color-emerald-300: hsl(156.2 71.6% 66.9%);
108
+ --sl-color-emerald-400: hsl(158.1 64.4% 51.6%);
109
+ --sl-color-emerald-500: hsl(160.1 84.1% 39.4%);
110
+ --sl-color-emerald-600: hsl(161.4 93.5% 30.4%);
111
+ --sl-color-emerald-700: hsl(162.9 93.5% 24.3%);
112
+ --sl-color-emerald-800: hsl(163.1 88.1% 19.8%);
113
+ --sl-color-emerald-900: hsl(164.2 85.7% 16.5%);
114
+ --sl-color-emerald-950: hsl(164.3 87.5% 9.4%);
115
+
116
+ --sl-color-teal-50: hsl(166.2 76.5% 96.7%);
117
+ --sl-color-teal-100: hsl(167.2 85.5% 89.2%);
118
+ --sl-color-teal-200: hsl(168.4 83.8% 78.2%);
119
+ --sl-color-teal-300: hsl(170.6 76.9% 64.3%);
120
+ --sl-color-teal-400: hsl(172.5 66% 50.4%);
121
+ --sl-color-teal-500: hsl(173.4 80.4% 40%);
122
+ --sl-color-teal-600: hsl(174.7 83.9% 31.6%);
123
+ --sl-color-teal-700: hsl(175.3 77.4% 26.1%);
124
+ --sl-color-teal-800: hsl(176.1 69.4% 21.8%);
125
+ --sl-color-teal-900: hsl(175.9 60.8% 19%);
126
+ --sl-color-teal-950: hsl(176.5 58.6% 11.4%);
127
+
128
+ --sl-color-cyan-50: hsl(183.2 100% 96.3%);
129
+ --sl-color-cyan-100: hsl(185.1 95.9% 90.4%);
130
+ --sl-color-cyan-200: hsl(186.2 93.5% 81.8%);
131
+ --sl-color-cyan-300: hsl(187 92.4% 69%);
132
+ --sl-color-cyan-400: hsl(187.9 85.7% 53.3%);
133
+ --sl-color-cyan-500: hsl(188.7 94.5% 42.7%);
134
+ --sl-color-cyan-600: hsl(191.6 91.4% 36.5%);
135
+ --sl-color-cyan-700: hsl(192.9 82.3% 31%);
136
+ --sl-color-cyan-800: hsl(194.4 69.6% 27.1%);
137
+ --sl-color-cyan-900: hsl(196.4 63.6% 23.7%);
138
+ --sl-color-cyan-950: hsl(196.8 61% 16.1%);
139
+
140
+ --sl-color-sky-50: hsl(204 100% 97.1%);
141
+ --sl-color-sky-100: hsl(204 93.8% 93.7%);
142
+ --sl-color-sky-200: hsl(200.6 94.4% 86.1%);
143
+ --sl-color-sky-300: hsl(199.4 95.5% 73.9%);
144
+ --sl-color-sky-400: hsl(198.4 93.2% 59.6%);
145
+ --sl-color-sky-500: hsl(198.6 88.7% 48.4%);
146
+ --sl-color-sky-600: hsl(200.4 98% 39.4%);
147
+ --sl-color-sky-700: hsl(201.3 96.3% 32.2%);
148
+ --sl-color-sky-800: hsl(201 90% 27.5%);
149
+ --sl-color-sky-900: hsl(202 80.3% 23.9%);
150
+ --sl-color-sky-950: hsl(202.3 73.8% 16.5%);
151
+
152
+ --sl-color-blue-50: hsl(213.8 100% 96.9%);
153
+ --sl-color-blue-100: hsl(214.3 94.6% 92.7%);
154
+ --sl-color-blue-200: hsl(213.3 96.9% 87.3%);
155
+ --sl-color-blue-300: hsl(211.7 96.4% 78.4%);
156
+ --sl-color-blue-400: hsl(213.1 93.9% 67.8%);
157
+ --sl-color-blue-500: hsl(217.2 91.2% 59.8%);
158
+ --sl-color-blue-600: hsl(221.2 83.2% 53.3%);
159
+ --sl-color-blue-700: hsl(224.3 76.3% 48%);
160
+ --sl-color-blue-800: hsl(225.9 70.7% 40.2%);
161
+ --sl-color-blue-900: hsl(224.4 64.3% 32.9%);
162
+ --sl-color-blue-950: hsl(226.2 55.3% 18.4%);
163
+
164
+ --sl-color-indigo-50: hsl(225.9 100% 96.7%);
165
+ --sl-color-indigo-100: hsl(226.5 100% 93.9%);
166
+ --sl-color-indigo-200: hsl(228 96.5% 88.8%);
167
+ --sl-color-indigo-300: hsl(229.7 93.5% 81.8%);
168
+ --sl-color-indigo-400: hsl(234.5 89.5% 73.9%);
169
+ --sl-color-indigo-500: hsl(238.7 83.5% 66.7%);
170
+ --sl-color-indigo-600: hsl(243.4 75.4% 58.6%);
171
+ --sl-color-indigo-700: hsl(244.5 57.9% 50.6%);
172
+ --sl-color-indigo-800: hsl(243.7 54.5% 41.4%);
173
+ --sl-color-indigo-900: hsl(242.2 47.4% 34.3%);
174
+ --sl-color-indigo-950: hsl(243.5 43.6% 22.9%);
175
+
176
+ --sl-color-violet-50: hsl(250 100% 97.6%);
177
+ --sl-color-violet-100: hsl(251.4 91.3% 95.5%);
178
+ --sl-color-violet-200: hsl(250.5 95.2% 91.8%);
179
+ --sl-color-violet-300: hsl(252.5 94.7% 85.1%);
180
+ --sl-color-violet-400: hsl(255.1 91.7% 76.3%);
181
+ --sl-color-violet-500: hsl(258.3 89.5% 66.3%);
182
+ --sl-color-violet-600: hsl(262.1 83.3% 57.8%);
183
+ --sl-color-violet-700: hsl(263.4 70% 50.4%);
184
+ --sl-color-violet-800: hsl(263.4 69.3% 42.2%);
185
+ --sl-color-violet-900: hsl(263.5 67.4% 34.9%);
186
+ --sl-color-violet-950: hsl(265.1 61.5% 21.4%);
187
+
188
+ --sl-color-purple-50: hsl(270 100% 98%);
189
+ --sl-color-purple-100: hsl(268.7 100% 95.5%);
190
+ --sl-color-purple-200: hsl(268.6 100% 91.8%);
191
+ --sl-color-purple-300: hsl(269.2 97.4% 85.1%);
192
+ --sl-color-purple-400: hsl(270 95.2% 75.3%);
193
+ --sl-color-purple-500: hsl(270.7 91% 65.1%);
194
+ --sl-color-purple-600: hsl(271.5 81.3% 55.9%);
195
+ --sl-color-purple-700: hsl(272.1 71.7% 47.1%);
196
+ --sl-color-purple-800: hsl(272.9 67.2% 39.4%);
197
+ --sl-color-purple-900: hsl(273.6 65.6% 32%);
198
+ --sl-color-purple-950: hsl(276 59.5% 16.5%);
199
+
200
+ --sl-color-fuchsia-50: hsl(289.1 100% 97.8%);
201
+ --sl-color-fuchsia-100: hsl(287 100% 95.5%);
202
+ --sl-color-fuchsia-200: hsl(288.3 95.8% 90.6%);
203
+ --sl-color-fuchsia-300: hsl(291.1 93.1% 82.9%);
204
+ --sl-color-fuchsia-400: hsl(292 91.4% 72.5%);
205
+ --sl-color-fuchsia-500: hsl(292.2 84.1% 60.6%);
206
+ --sl-color-fuchsia-600: hsl(293.4 69.5% 48.8%);
207
+ --sl-color-fuchsia-700: hsl(294.7 72.4% 39.8%);
208
+ --sl-color-fuchsia-800: hsl(295.4 70.2% 32.9%);
209
+ --sl-color-fuchsia-900: hsl(296.7 63.6% 28%);
210
+ --sl-color-fuchsia-950: hsl(297.1 56.8% 14.5%);
211
+
212
+ --sl-color-pink-50: hsl(327.3 73.3% 97.1%);
213
+ --sl-color-pink-100: hsl(325.7 77.8% 94.7%);
214
+ --sl-color-pink-200: hsl(325.9 84.6% 89.8%);
215
+ --sl-color-pink-300: hsl(327.4 87.1% 81.8%);
216
+ --sl-color-pink-400: hsl(328.6 85.5% 70.2%);
217
+ --sl-color-pink-500: hsl(330.4 81.2% 60.4%);
218
+ --sl-color-pink-600: hsl(333.3 71.4% 50.6%);
219
+ --sl-color-pink-700: hsl(335.1 77.6% 42%);
220
+ --sl-color-pink-800: hsl(335.8 74.4% 35.3%);
221
+ --sl-color-pink-900: hsl(335.9 69% 30.4%);
222
+ --sl-color-pink-950: hsl(336.2 65.4% 15.9%);
223
+
224
+ --sl-color-rose-50: hsl(355.7 100% 97.3%);
225
+ --sl-color-rose-100: hsl(355.6 100% 94.7%);
226
+ --sl-color-rose-200: hsl(352.7 96.1% 90%);
227
+ --sl-color-rose-300: hsl(352.6 95.7% 81.8%);
228
+ --sl-color-rose-400: hsl(351.3 94.5% 71.4%);
229
+ --sl-color-rose-500: hsl(349.7 89.2% 60.2%);
230
+ --sl-color-rose-600: hsl(346.8 77.2% 49.8%);
231
+ --sl-color-rose-700: hsl(345.3 82.7% 40.8%);
232
+ --sl-color-rose-800: hsl(343.4 79.7% 34.7%);
233
+ --sl-color-rose-900: hsl(341.5 75.5% 30.4%);
234
+ --sl-color-rose-950: hsl(341.3 70.1% 17.1%);
235
+
236
+ --sl-color-primary-50: var(--sl-color-sky-50);
237
+ --sl-color-primary-100: var(--sl-color-sky-100);
238
+ --sl-color-primary-200: var(--sl-color-sky-200);
239
+ --sl-color-primary-300: var(--sl-color-sky-300);
240
+ --sl-color-primary-400: var(--sl-color-sky-400);
241
+ --sl-color-primary-500: var(--sl-color-sky-500);
242
+ --sl-color-primary-600: var(--sl-color-sky-600);
243
+ --sl-color-primary-700: var(--sl-color-sky-700);
244
+ --sl-color-primary-800: var(--sl-color-sky-800);
245
+ --sl-color-primary-900: var(--sl-color-sky-900);
246
+ --sl-color-primary-950: var(--sl-color-sky-950);
247
+
248
+ --sl-color-success-50: var(--sl-color-green-50);
249
+ --sl-color-success-100: var(--sl-color-green-100);
250
+ --sl-color-success-200: var(--sl-color-green-200);
251
+ --sl-color-success-300: var(--sl-color-green-300);
252
+ --sl-color-success-400: var(--sl-color-green-400);
253
+ --sl-color-success-500: var(--sl-color-green-500);
254
+ --sl-color-success-600: var(--sl-color-green-600);
255
+ --sl-color-success-700: var(--sl-color-green-700);
256
+ --sl-color-success-800: var(--sl-color-green-800);
257
+ --sl-color-success-900: var(--sl-color-green-900);
258
+ --sl-color-success-950: var(--sl-color-green-950);
259
+
260
+ --sl-color-warning-50: var(--sl-color-amber-50);
261
+ --sl-color-warning-100: var(--sl-color-amber-100);
262
+ --sl-color-warning-200: var(--sl-color-amber-200);
263
+ --sl-color-warning-300: var(--sl-color-amber-300);
264
+ --sl-color-warning-400: var(--sl-color-amber-400);
265
+ --sl-color-warning-500: var(--sl-color-amber-500);
266
+ --sl-color-warning-600: var(--sl-color-amber-600);
267
+ --sl-color-warning-700: var(--sl-color-amber-700);
268
+ --sl-color-warning-800: var(--sl-color-amber-800);
269
+ --sl-color-warning-900: var(--sl-color-amber-900);
270
+ --sl-color-warning-950: var(--sl-color-amber-950);
271
+
272
+ --sl-color-danger-50: var(--sl-color-red-50);
273
+ --sl-color-danger-100: var(--sl-color-red-100);
274
+ --sl-color-danger-200: var(--sl-color-red-200);
275
+ --sl-color-danger-300: var(--sl-color-red-300);
276
+ --sl-color-danger-400: var(--sl-color-red-400);
277
+ --sl-color-danger-500: var(--sl-color-red-500);
278
+ --sl-color-danger-600: var(--sl-color-red-600);
279
+ --sl-color-danger-700: var(--sl-color-red-700);
280
+ --sl-color-danger-800: var(--sl-color-red-800);
281
+ --sl-color-danger-900: var(--sl-color-red-900);
282
+ --sl-color-danger-950: var(--sl-color-red-950);
283
+
284
+ --sl-color-neutral-50: var(--sl-color-gray-50);
285
+ --sl-color-neutral-100: var(--sl-color-gray-100);
286
+ --sl-color-neutral-200: var(--sl-color-gray-200);
287
+ --sl-color-neutral-300: var(--sl-color-gray-300);
288
+ --sl-color-neutral-400: var(--sl-color-gray-400);
289
+ --sl-color-neutral-500: var(--sl-color-gray-500);
290
+ --sl-color-neutral-600: var(--sl-color-gray-600);
291
+ --sl-color-neutral-700: var(--sl-color-gray-700);
292
+ --sl-color-neutral-800: var(--sl-color-gray-800);
293
+ --sl-color-neutral-900: var(--sl-color-gray-900);
294
+ --sl-color-neutral-950: var(--sl-color-gray-950);
295
+
296
+ --sl-color-neutral-0: hsl(0, 0%, 100%);
297
+ --sl-color-neutral-1000: hsl(0, 0%, 0%);
298
+
299
+ --sl-border-radius-small: 0.1875rem;
300
+ --sl-border-radius-medium: 0.25rem;
301
+ --sl-border-radius-large: 0.5rem;
302
+ --sl-border-radius-x-large: 1rem;
303
+
304
+ --sl-border-radius-circle: 50%;
305
+ --sl-border-radius-pill: 9999px;
306
+
307
+ --sl-shadow-x-small: 0 1px 2px hsl(240 3.8% 46.1% / 6%);
308
+ --sl-shadow-small: 0 1px 2px hsl(240 3.8% 46.1% / 12%);
309
+ --sl-shadow-medium: 0 2px 4px hsl(240 3.8% 46.1% / 12%);
310
+ --sl-shadow-large: 0 2px 8px hsl(240 3.8% 46.1% / 12%);
311
+ --sl-shadow-x-large: 0 4px 16px hsl(240 3.8% 46.1% / 12%);
312
+
313
+ --sl-spacing-3x-small: 0.125rem;
314
+ --sl-spacing-2x-small: 0.25rem;
315
+ --sl-spacing-x-small: 0.5rem;
316
+ --sl-spacing-small: 0.75rem;
317
+ --sl-spacing-medium: 1rem;
318
+ --sl-spacing-large: 1.25rem;
319
+ --sl-spacing-x-large: 1.75rem;
320
+ --sl-spacing-2x-large: 2.25rem;
321
+ --sl-spacing-3x-large: 3rem;
322
+ --sl-spacing-4x-large: 4.5rem;
323
+
324
+ --sl-transition-x-slow: 1000ms;
325
+ --sl-transition-slow: 500ms;
326
+ --sl-transition-medium: 250ms;
327
+ --sl-transition-fast: 150ms;
328
+ --sl-transition-x-fast: 50ms;
329
+
330
+ --sl-font-mono: SFMono-Regular, Consolas, "Liberation Mono", Menlo, monospace;
331
+ --sl-font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
332
+ Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
333
+ "Segoe UI Symbol";
334
+ --sl-font-serif: Georgia, "Times New Roman", serif;
335
+
336
+ --sl-font-size-2x-small: 0.625rem;
337
+ --sl-font-size-x-small: 0.75rem;
338
+ --sl-font-size-small: 0.875rem;
339
+ --sl-font-size-medium: 1rem;
340
+ --sl-font-size-large: 1.25rem;
341
+ --sl-font-size-x-large: 1.5rem;
342
+ --sl-font-size-2x-large: 2.25rem;
343
+ --sl-font-size-3x-large: 3rem;
344
+ --sl-font-size-4x-large: 4.5rem;
345
+
346
+ --sl-font-weight-light: 300;
347
+ --sl-font-weight-normal: 400;
348
+ --sl-font-weight-semibold: 500;
349
+ --sl-font-weight-bold: 700;
350
+
351
+ --sl-letter-spacing-denser: -0.03em;
352
+ --sl-letter-spacing-dense: -0.015em;
353
+ --sl-letter-spacing-normal: normal;
354
+ --sl-letter-spacing-loose: 0.075em;
355
+ --sl-letter-spacing-looser: 0.15em;
356
+
357
+ --sl-line-height-denser: 1;
358
+ --sl-line-height-dense: 1.4;
359
+ --sl-line-height-normal: 1.8;
360
+ --sl-line-height-loose: 2.2;
361
+ --sl-line-height-looser: 2.6;
362
+
363
+ --sl-focus-ring-alpha: 40%;
364
+ --sl-focus-ring-width: 3px;
365
+ --sl-focus-ring: 0 0 0 var(--sl-focus-ring-width)
366
+ hsl(198.6 88.7% 48.4% / var(--sl-focus-ring-alpha));
367
+
368
+ --sl-button-font-size-small: var(--sl-font-size-x-small);
369
+ --sl-button-font-size-medium: var(--sl-font-size-small);
370
+ --sl-button-font-size-large: var(--sl-font-size-medium);
371
+
372
+ --sl-input-height-small: 1.875rem;
373
+ --sl-input-height-medium: 2.5rem;
374
+ --sl-input-height-large: 3.125rem;
375
+
376
+ --sl-input-background-color: var(--sl-color-neutral-0);
377
+ --sl-input-background-color-hover: var(--sl-input-background-color);
378
+ --sl-input-background-color-focus: var(--sl-input-background-color);
379
+ --sl-input-background-color-disabled: var(--sl-color-neutral-100);
380
+ --sl-input-border-color: var(--sl-color-neutral-300);
381
+ --sl-input-border-color-hover: var(--sl-color-neutral-400);
382
+ --sl-input-border-color-focus: var(--sl-color-primary-500);
383
+ --sl-input-border-color-disabled: var(--sl-color-neutral-300);
384
+ --sl-input-border-width: 1px;
385
+
386
+ --sl-input-border-radius-small: var(--sl-border-radius-medium);
387
+ --sl-input-border-radius-medium: var(--sl-border-radius-medium);
388
+ --sl-input-border-radius-large: var(--sl-border-radius-medium);
389
+
390
+ --sl-input-font-family: var(--sl-font-sans);
391
+ --sl-input-font-weight: var(--sl-font-weight-normal);
392
+ --sl-input-font-size-small: var(--sl-font-size-small);
393
+ --sl-input-font-size-medium: var(--sl-font-size-medium);
394
+ --sl-input-font-size-large: var(--sl-font-size-large);
395
+ --sl-input-letter-spacing: var(--sl-letter-spacing-normal);
396
+
397
+ --sl-input-color: var(--sl-color-neutral-700);
398
+ --sl-input-color-hover: var(--sl-color-neutral-700);
399
+ --sl-input-color-focus: var(--sl-color-neutral-700);
400
+ --sl-input-color-disabled: var(--sl-color-neutral-900);
401
+ --sl-input-icon-color: var(--sl-color-neutral-500);
402
+ --sl-input-icon-color-hover: var(--sl-color-neutral-600);
403
+ --sl-input-icon-color-focus: var(--sl-color-neutral-600);
404
+ --sl-input-placeholder-color: var(--sl-color-neutral-500);
405
+ --sl-input-placeholder-color-disabled: var(--sl-color-neutral-600);
406
+ --sl-input-spacing-small: var(--sl-spacing-small);
407
+ --sl-input-spacing-medium: var(--sl-spacing-medium);
408
+ --sl-input-spacing-large: var(--sl-spacing-large);
409
+
410
+ --sl-input-filled-background-color: var(--sl-color-neutral-100);
411
+ --sl-input-filled-background-color-hover: var(--sl-color-neutral-100);
412
+ --sl-input-filled-background-color-focus: var(--sl-color-neutral-100);
413
+ --sl-input-filled-background-color-disabled: var(--sl-color-neutral-100);
414
+ --sl-input-filled-color: var(--sl-color-neutral-800);
415
+ --sl-input-filled-color-hover: var(--sl-color-neutral-800);
416
+ --sl-input-filled-color-focus: var(--sl-color-neutral-700);
417
+ --sl-input-filled-color-disabled: var(--sl-color-neutral-800);
418
+
419
+ --sl-input-label-font-size-small: var(--sl-font-size-small);
420
+ --sl-input-label-font-size-medium: var(--sl-font-size-medium);
421
+ --sl-input-label-font-size-large: var(--sl-font-size-large);
422
+
423
+ --sl-input-label-color: inherit;
424
+
425
+ --sl-input-help-text-font-size-small: var(--sl-font-size-x-small);
426
+ --sl-input-help-text-font-size-medium: var(--sl-font-size-small);
427
+ --sl-input-help-text-font-size-large: var(--sl-font-size-medium);
428
+
429
+ --sl-input-help-text-color: var(--sl-color-neutral-500);
430
+
431
+ --sl-toggle-size: 1rem;
432
+
433
+ --sl-overlay-background-color: hsl(240 3.8% 46.1% / 33%);
434
+
435
+ --sl-panel-background-color: var(--sl-color-neutral-0);
436
+ --sl-panel-border-color: var(--sl-color-neutral-200);
437
+ --sl-panel-border-width: 1px;
438
+
439
+ --sl-tooltip-border-radius: var(--sl-border-radius-medium);
440
+ --sl-tooltip-background-color: var(--sl-color-neutral-800);
441
+ --sl-tooltip-color: var(--sl-color-neutral-0);
442
+ --sl-tooltip-font-family: var(--sl-font-sans);
443
+ --sl-tooltip-font-weight: var(--sl-font-weight-normal);
444
+ --sl-tooltip-font-size: var(--sl-font-size-small);
445
+ --sl-tooltip-line-height: var(--sl-line-height-dense);
446
+ --sl-tooltip-padding: var(--sl-spacing-2x-small) var(--sl-spacing-x-small);
447
+ --sl-tooltip-arrow-size: 5px;
448
+ --sl-tooltip-arrow-start-end-offset: 8px;
449
+
450
+ --sl-z-index-drawer: 700;
451
+ --sl-z-index-dialog: 800;
452
+ --sl-z-index-dropdown: 900;
453
+ --sl-z-index-toast: 950;
454
+ --sl-z-index-tooltip: 1000;
455
+ }
@@ -0,0 +1,8 @@
1
+ module Shoelace
2
+ module Rails
3
+ module Ui
4
+ class ApplicationController < ActionController::Base
5
+ end
6
+ end
7
+ end
8
+ end
@@ -0,0 +1,11 @@
1
+ module Shoelace
2
+ module Rails
3
+ module Ui
4
+ module ApplicationHelper
5
+ def sl_alert(open: false, closable: false, variant: 'primary')
6
+ content_tag "sl-alert#{open ? " open" : ""}#{closable ? " closable" : ""} variant=#{variant}", yield
7
+ end
8
+ end
9
+ end
10
+ end
11
+ end