playbook_ui 15.4.0.pre.alpha.PLAY2582rails722112532 → 15.4.0.pre.alpha.PLAY2627requiredmultiselectdropdownbug12416

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 (129) hide show
  1. checksums.yaml +4 -4
  2. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_styling.jsx +1 -2
  3. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_styling_column_headers.jsx +1 -1
  4. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_fullscreen.jsx +1 -3
  5. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_infinite_scroll.jsx +1 -1
  6. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_inline_editing.jsx +1 -3
  7. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_row_styling.jsx +1 -2
  8. data/app/pb_kits/playbook/pb_copy_button/_copy_button.tsx +8 -21
  9. data/app/pb_kits/playbook/pb_copy_button/copy_button.html.erb +2 -6
  10. data/app/pb_kits/playbook/pb_copy_button/copy_button.rb +0 -3
  11. data/app/pb_kits/playbook/pb_copy_button/copy_button.test.jsx +0 -24
  12. data/app/pb_kits/playbook/pb_copy_button/docs/_copy_button_default.html.erb +2 -2
  13. data/app/pb_kits/playbook/pb_copy_button/docs/_copy_button_default.jsx +2 -1
  14. data/app/pb_kits/playbook/pb_copy_button/docs/_copy_button_from.html.erb +2 -2
  15. data/app/pb_kits/playbook/pb_copy_button/docs/_copy_button_from.jsx +0 -2
  16. data/app/pb_kits/playbook/pb_copy_button/docs/example.yml +0 -2
  17. data/app/pb_kits/playbook/pb_copy_button/docs/index.js +0 -1
  18. data/app/pb_kits/playbook/pb_date_time/_date_time.tsx +0 -3
  19. data/app/pb_kits/playbook/pb_date_time/date_time.html.erb +0 -1
  20. data/app/pb_kits/playbook/pb_date_time/date_time.rb +0 -1
  21. data/app/pb_kits/playbook/pb_date_time/docs/example.yml +1 -3
  22. data/app/pb_kits/playbook/pb_date_time/docs/index.js +0 -1
  23. data/app/pb_kits/playbook/pb_date_time_stacked/_date_time_stacked.tsx +0 -3
  24. data/app/pb_kits/playbook/pb_date_time_stacked/date_time_stacked.html.erb +2 -2
  25. data/app/pb_kits/playbook/pb_date_time_stacked/date_time_stacked.rb +0 -2
  26. data/app/pb_kits/playbook/pb_date_time_stacked/date_time_stacked.test.js +0 -33
  27. data/app/pb_kits/playbook/pb_date_time_stacked/docs/example.yml +1 -3
  28. data/app/pb_kits/playbook/pb_date_time_stacked/docs/index.js +0 -1
  29. data/app/pb_kits/playbook/pb_dropdown/index.js +2 -18
  30. data/app/pb_kits/playbook/pb_empty_state/docs/_empty_state_alignment.jsx +1 -2
  31. data/app/pb_kits/playbook/pb_empty_state/docs/_empty_state_default.jsx +1 -2
  32. data/app/pb_kits/playbook/pb_empty_state/docs/_empty_state_orientation.jsx +1 -2
  33. data/app/pb_kits/playbook/pb_empty_state/docs/_empty_state_size.jsx +1 -2
  34. data/app/pb_kits/playbook/pb_form_pill/docs/_form_pill_wrapped.jsx +1 -4
  35. data/app/pb_kits/playbook/pb_loading_inline/docs/_loading_inline_variant.jsx +1 -1
  36. data/app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_colors.jsx +1 -1
  37. data/app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_default.jsx +1 -1
  38. data/app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_height.jsx +1 -1
  39. data/app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_horizontal.jsx +1 -1
  40. data/app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_legend.jsx +1 -1
  41. data/app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_legend_non_clickable.jsx +2 -1
  42. data/app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_legend_position.jsx +1 -1
  43. data/app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_negative_numbers.jsx +1 -1
  44. data/app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_secondary_y_axis.jsx +1 -1
  45. data/app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_spline.jsx +2 -1
  46. data/app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_stacked.jsx +2 -1
  47. data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_block_content.jsx +1 -2
  48. data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_color_overrides.jsx +1 -2
  49. data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_custom_tooltip.jsx +1 -1
  50. data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_data_legend_position.jsx +1 -2
  51. data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_data_with_labels.jsx +1 -1
  52. data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_data_with_legend.jsx +1 -1
  53. data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_default.jsx +1 -1
  54. data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_inner_sizes.jsx +1 -1
  55. data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_live_data.jsx +1 -2
  56. data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_rounded.jsx +1 -1
  57. data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_with_title.jsx +1 -1
  58. data/app/pb_kits/playbook/pb_pb_gauge_chart/docs/_pb_gauge_chart_color.jsx +1 -1
  59. data/app/pb_kits/playbook/pb_pb_gauge_chart/docs/_pb_gauge_chart_complex.jsx +1 -2
  60. data/app/pb_kits/playbook/pb_pb_gauge_chart/docs/_pb_gauge_chart_full_circle.jsx +1 -2
  61. data/app/pb_kits/playbook/pb_pb_gauge_chart/docs/_pb_gauge_chart_height.jsx +1 -2
  62. data/app/pb_kits/playbook/pb_pb_gauge_chart/docs/_pb_gauge_chart_min_max.jsx +1 -2
  63. data/app/pb_kits/playbook/pb_pb_gauge_chart/docs/_pb_gauge_chart_units.jsx +1 -2
  64. data/app/pb_kits/playbook/pb_pb_line_graph/docs/_pb_line_graph_colors.jsx +1 -1
  65. data/app/pb_kits/playbook/pb_popover/docs/_popover_append_to.jsx +1 -4
  66. data/app/pb_kits/playbook/pb_progress_step/_progress_step.scss +262 -384
  67. data/app/pb_kits/playbook/pb_progress_step/docs/_description.md +5 -1
  68. data/app/pb_kits/playbook/pb_progress_step/docs/_progress_step_default.html.erb +1 -4
  69. data/app/pb_kits/playbook/pb_progress_step/docs/_progress_step_default.jsx +3 -14
  70. data/app/pb_kits/playbook/pb_progress_step/docs/_progress_step_vertical.html.erb +7 -1
  71. data/app/pb_kits/playbook/pb_progress_step/docs/example.yml +0 -3
  72. data/app/pb_kits/playbook/pb_progress_step/docs/index.js +0 -2
  73. data/app/pb_kits/playbook/pb_progress_step/progress_step.test.js +0 -41
  74. data/app/pb_kits/playbook/pb_radio/docs/_radio_react_hook.jsx +1 -3
  75. data/app/pb_kits/playbook/pb_select/docs/_select_react_hook.jsx +1 -3
  76. data/app/pb_kits/playbook/pb_table/_table.tsx +26 -28
  77. data/app/pb_kits/playbook/pb_tooltip/docs/_tooltip_sizing.jsx +1 -4
  78. data/app/pb_kits/playbook/pb_typeahead/_typeahead.scss +0 -4
  79. data/app/pb_kits/playbook/pb_typeahead/components/MultiValue.tsx +0 -1
  80. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_react_hook.jsx +1 -2
  81. data/app/pb_kits/playbook/pb_user/docs/_user_font_options.jsx +1 -1
  82. data/app/pb_kits/playbook/utilities/_truncate.scss +0 -2
  83. data/app/pb_kits/playbook/utilities/globalProps.ts +8 -26
  84. data/app/pb_kits/playbook/utilities/test/globalProps/alignContent.test.js +0 -18
  85. data/app/pb_kits/playbook/utilities/test/globalProps/alignItems.test.js +0 -18
  86. data/app/pb_kits/playbook/utilities/test/globalProps/alignSelf.test.js +0 -18
  87. data/app/pb_kits/playbook/utilities/test/globalProps/display.test.js +0 -18
  88. data/app/pb_kits/playbook/utilities/test/globalProps/flex.test.js +0 -18
  89. data/app/pb_kits/playbook/utilities/test/globalProps/flexDirection.test.js +0 -18
  90. data/app/pb_kits/playbook/utilities/test/globalProps/flexGrow.test.js +0 -18
  91. data/app/pb_kits/playbook/utilities/test/globalProps/flexShrink.test.js +0 -18
  92. data/app/pb_kits/playbook/utilities/test/globalProps/flexWrap.test.js +0 -18
  93. data/app/pb_kits/playbook/utilities/test/globalProps/justifyContent.test.js +0 -18
  94. data/app/pb_kits/playbook/utilities/test/globalProps/justifySelf.test.js +0 -18
  95. data/app/pb_kits/playbook/utilities/test/globalProps/order.test.js +0 -18
  96. data/dist/chunks/_line_graph-DDvq7zE7.js +1 -0
  97. data/dist/chunks/_typeahead-D2bVH5Fk.js +6 -0
  98. data/dist/chunks/_weekday_stacked-DB8t2C4f.js +37 -0
  99. data/dist/chunks/componentRegistry-DzmmLR2x.js +1 -0
  100. data/dist/chunks/lib-COXg9aPA.js +29 -0
  101. data/dist/chunks/pb_form_validation-DR765aoq.js +1 -0
  102. data/dist/chunks/vendor.js +1 -37
  103. data/dist/playbook-doc.js +19 -0
  104. data/dist/playbook-rails-react-bindings.js +1 -1
  105. data/dist/playbook-rails.js +1 -1
  106. data/dist/playbook.css +1 -1
  107. data/lib/playbook/version.rb +1 -1
  108. metadata +9 -23
  109. data/app/pb_kits/playbook/pb_copy_button/docs/_copy_button_button_variant.html.erb +0 -9
  110. data/app/pb_kits/playbook/pb_copy_button/docs/_copy_button_button_variant.jsx +0 -24
  111. data/app/pb_kits/playbook/pb_copy_button/docs/_copy_button_button_variant_rails.md +0 -1
  112. data/app/pb_kits/playbook/pb_copy_button/docs/_copy_button_button_variant_react.md +0 -1
  113. data/app/pb_kits/playbook/pb_date_time/docs/_date_time_show_current_year.html.erb +0 -4
  114. data/app/pb_kits/playbook/pb_date_time/docs/_date_time_show_current_year.jsx +0 -14
  115. data/app/pb_kits/playbook/pb_date_time/docs/_date_time_show_current_year_rails.md +0 -1
  116. data/app/pb_kits/playbook/pb_date_time/docs/_date_time_show_current_year_react.md +0 -1
  117. data/app/pb_kits/playbook/pb_date_time_stacked/docs/_date_time_stacked_show_current_year.html.erb +0 -4
  118. data/app/pb_kits/playbook/pb_date_time_stacked/docs/_date_time_stacked_show_current_year.jsx +0 -22
  119. data/app/pb_kits/playbook/pb_date_time_stacked/docs/_date_time_stacked_show_current_year.md +0 -1
  120. data/app/pb_kits/playbook/pb_progress_step/docs/_progress_step_color.html.erb +0 -14
  121. data/app/pb_kits/playbook/pb_progress_step/docs/_progress_step_color.jsx +0 -29
  122. data/app/pb_kits/playbook/pb_progress_step/docs/_progress_step_color.md +0 -3
  123. data/app/pb_kits/playbook/pb_progress_step/docs/_progress_step_custom_icon.jsx +0 -31
  124. data/app/pb_kits/playbook/pb_progress_step/docs/_progress_step_custom_icon.md +0 -1
  125. data/app/pb_kits/playbook/pb_progress_step/docs/_progress_step_default.md +0 -3
  126. data/app/pb_kits/playbook/pb_progress_step/docs/_progress_step_tracker.md +0 -3
  127. data/app/pb_kits/playbook/pb_progress_step/docs/_progress_step_vertical.md +0 -1
  128. data/dist/chunks/_typeahead-Cd3O38ts.js +0 -6
  129. data/dist/chunks/lib-CgpqUb6l.js +0 -29
data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_color_overrides.jsx CHANGED
@@ -1,6 +1,5 @@
1
1
  import React from "react";
2
- import PbCircleChart from "../_pb_circle_chart";
3
- import colors from '../../tokens/exports/_colors.module.scss';
2
+ import { PbCircleChart, colors } from "playbook-ui";
4
3
 
5
4
  const data= [
6
5
  {
data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_custom_tooltip.jsx CHANGED
@@ -1,5 +1,5 @@
1
1
  import React from "react";
2
- import PbCircleChart from "../_pb_circle_chart";
2
+ import { PbCircleChart } from "playbook-ui";
3
3
 
4
4
  const data = [
5
5
  {
data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_data_legend_position.jsx CHANGED
@@ -1,6 +1,5 @@
1
1
  import React from "react";
2
- import PbCircleChart from "../_pb_circle_chart";
3
- import Title from "../../pb_title/_title";
2
+ import { PbCircleChart, Title } from "playbook-ui";
4
3
 
5
4
  const dataFirst = [
6
5
  {
data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_data_with_labels.jsx CHANGED
@@ -1,5 +1,5 @@
1
1
  import React from "react";
2
- import PbCircleChart from "../_pb_circle_chart";
2
+ import { PbCircleChart } from "playbook-ui";
3
3
 
4
4
  const data = [
5
5
  {
data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_data_with_legend.jsx CHANGED
@@ -1,5 +1,5 @@
1
1
  import React from "react";
2
- import PbCircleChart from "../_pb_circle_chart";
2
+ import { PbCircleChart } from "playbook-ui";
3
3
 
4
4
  const data = [{
5
5
  name: 'Bugs',
data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_default.jsx CHANGED
@@ -1,5 +1,5 @@
1
1
  import React from "react";
2
- import PbCircleChart from "../_pb_circle_chart";
2
+ import { PbCircleChart } from "playbook-ui";
3
3
 
4
4
  const chartOptions = {
5
5
  series: [
data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_inner_sizes.jsx CHANGED
@@ -1,5 +1,5 @@
1
1
  import React from "react";
2
- import PbCircleChart from "../_pb_circle_chart";
2
+ import { PbCircleChart } from "playbook-ui";
3
3
 
4
4
  const dataFirst = [
5
5
  {
data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_live_data.jsx CHANGED
@@ -1,6 +1,5 @@
1
1
  import React, { useState } from "react";
2
- import PbCircleChart from "../_pb_circle_chart";
3
- import Button from "../../pb_button/_button";
2
+ import { PbCircleChart, Button } from "playbook-ui";
4
3
 
5
4
  const chartData = [
6
5
  {
data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_rounded.jsx CHANGED
@@ -1,5 +1,5 @@
1
1
  import React from "react";
2
- import PbCircleChart from "../_pb_circle_chart";
2
+ import { PbCircleChart } from "playbook-ui";
3
3
 
4
4
  const data= [
5
5
  {
data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_with_title.jsx CHANGED
@@ -1,5 +1,5 @@
1
1
  import React from "react";
2
- import PbCircleChart from "../_pb_circle_chart";
2
+ import { PbCircleChart } from "playbook-ui";
3
3
 
4
4
  const data= [
5
5
  {
data/app/pb_kits/playbook/pb_pb_gauge_chart/docs/_pb_gauge_chart_color.jsx CHANGED
@@ -1,6 +1,6 @@
1
1
  import React from 'react'
2
2
  import PbGaugeChart from '../../pb_pb_gauge_chart/_pb_gauge_chart'
3
- import colors from '../../tokens/exports/_colors.module.scss'
3
+ import { colors } from 'playbook-ui'
4
4
 
5
5
  const data = [{ name: "Name", y: 67 }]
6
6
 
data/app/pb_kits/playbook/pb_pb_gauge_chart/docs/_pb_gauge_chart_complex.jsx CHANGED
@@ -7,8 +7,7 @@ import Caption from '../../pb_caption/_caption'
7
7
  import Body from '../../pb_body/_body'
8
8
  import SectionSeparator from '../../pb_section_separator/_section_separator'
9
9
  import Title from '../../pb_title/_title'
10
- import colors from '../../tokens/exports/_colors.module.scss'
11
- import typography from '../../tokens/exports/_typography.module.scss'
10
+ import { colors, typography } from 'playbook-ui'
12
11
 
13
12
  const data = [{ name: "Name", y: 10 }];
14
13
 
data/app/pb_kits/playbook/pb_pb_gauge_chart/docs/_pb_gauge_chart_full_circle.jsx CHANGED
@@ -1,7 +1,6 @@
1
1
  import React from 'react'
2
2
  import PbGaugeChart from '../../pb_pb_gauge_chart/_pb_gauge_chart'
3
- import colors from '../../tokens/exports/_colors.module.scss'
4
- import typography from '../../tokens/exports/_typography.module.scss'
3
+ import { colors, typography } from 'playbook-ui'
5
4
 
6
5
  const data = [{ name: "Capacity", y: 75 }]
7
6
 
data/app/pb_kits/playbook/pb_pb_gauge_chart/docs/_pb_gauge_chart_height.jsx CHANGED
@@ -1,7 +1,6 @@
1
1
  import React from 'react'
2
2
  import PbGaugeChart from '../../pb_pb_gauge_chart/_pb_gauge_chart'
3
- import colors from '../../tokens/exports/_colors.module.scss'
4
- import typography from '../../tokens/exports/_typography.module.scss'
3
+ import { colors, typography } from 'playbook-ui'
5
4
 
6
5
  const chartOptions = {
7
6
  title: {
data/app/pb_kits/playbook/pb_pb_gauge_chart/docs/_pb_gauge_chart_min_max.jsx CHANGED
@@ -1,7 +1,6 @@
1
1
  import React from 'react'
2
2
  import PbGaugeChart from '../../pb_pb_gauge_chart/_pb_gauge_chart'
3
- import colors from '../../tokens/exports/_colors.module.scss'
4
- import typography from '../../tokens/exports/_typography.module.scss'
3
+ import { colors, typography } from 'playbook-ui'
5
4
 
6
5
  const data = [{ name: "Rating", y: 4.5 }]
7
6
 
data/app/pb_kits/playbook/pb_pb_gauge_chart/docs/_pb_gauge_chart_units.jsx CHANGED
@@ -1,7 +1,6 @@
1
1
  import React from 'react'
2
2
  import PbGaugeChart from '../../pb_pb_gauge_chart/_pb_gauge_chart'
3
- import colors from '../../tokens/exports/_colors.module.scss'
4
- import typography from '../../tokens/exports/_typography.module.scss'
3
+ import { colors, typography } from 'playbook-ui'
5
4
 
6
5
 
7
6
  const data1 = [
data/app/pb_kits/playbook/pb_pb_line_graph/docs/_pb_line_graph_colors.jsx CHANGED
@@ -1,6 +1,6 @@
1
1
  import React from 'react'
2
2
  import PbLineGraph from '../../pb_pb_line_graph/_pb_line_graph'
3
- import colors from '../../tokens/exports/_colors.module.scss'
3
+ import { colors } from 'playbook-ui'
4
4
 
5
5
  const data = [{
6
6
  name: 'Installation',
data/app/pb_kits/playbook/pb_popover/docs/_popover_append_to.jsx CHANGED
@@ -1,8 +1,5 @@
1
1
  import React, { useState } from "react";
2
- import PbReactPopover from "../_popover";
3
- import Body from "../../pb_body/_body";
4
- import Flex from "../../pb_flex/_flex";
5
- import CircleIconButton from "../../pb_circle_icon_button/_circle_icon_button";
2
+ import { PbReactPopover, CircleIconButton, Body, Flex } from "playbook-ui";
6
3
 
7
4
  const PopoverAppendTo = (props) => {
8
5
  const [showParentPopover, setShowParentPopover] = useState(false);