playbook_ui 14.25.0.pre.alpha.testingcss10064 → 14.25.0.pre.alpha.testingcss10239

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.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 3e87c0470bff796e237c63f993cede71218d1e88755e07b892a23af2c251b38f
4
- data.tar.gz: 1542b3c097c5ac6d3dd47b0c4098ab7df31fa5226b4d3a03b3d66d56beffdc2b
3
+ metadata.gz: c56d482bc374ac4f4c557dc4c38a5566256e97c5c42e888e44b9d4a4eece739f
4
+ data.tar.gz: cbb0c351a9df1754580fb350b28825ca262a2593540568199dcbf6ff71647f81
5
5
  SHA512:
6
- metadata.gz: d40d2fd146e983865122a237a8bd7af908ad8418369227fe0ff71c622ee160af8bb30895198a26839c194e1badb927e530fbfd4f42c2ab1510fe4021c8991ea1
7
- data.tar.gz: fb04f80c66bb59e996bb00b13de44479d13e96bb4b69ac406b5fd3fa881ab0a384de79f524472dfc4dac21973851292cf0f13b889e1a3866f98c1b8255a61f4f
6
+ metadata.gz: 360fdcd96e91166da90fb76c1dcb5b270344cd04cdb53d15532eb553e472bd8cb845d32d8656a22edd3b1c791800ee26d64a8085351a030f8f911e3cd9be9854
7
+ data.tar.gz: b7456754e270e0092c9ba439e87417efe03448981e34bea2ac54bcaec189b1cac065621d2d76df2a8af021da5cfc1afe5c77413ec40b1953add06e710d8817c8
@@ -52,7 +52,8 @@
52
52
  background: transparent;
53
53
  }
54
54
 
55
- .pb_selectable_card_kit > label {
55
+ .pb_selectable_card_kit_enabled > label,
56
+ .pb_selectable_card_kit_checked_enabled > label {
56
57
  padding: 0;
57
58
  margin: 0;
58
59
  width: 60px;
@@ -7,7 +7,7 @@
7
7
  ]
8
8
  %>
9
9
 
10
- <%= pb_rails("typeahead", props: { id: "typeahead-pills-example1", default_options: [options.first], options: options, label: "Colors", name: :foo, pills: true }) %>
10
+ <%= pb_rails("typeahead", props: { id: "typeahead-pills-example1", default_options: [options.first], options: options, label: "Products", name: :foo, pills: true }) %>
11
11
 
12
12
  <%= pb_rails("button", props: {id: "clear-pills", text: "Clear All Options", variant: "secondary"}) %>
13
13
 
@@ -13,7 +13,7 @@ const TypeaheadWithPills = (props) => {
13
13
  <>
14
14
  <Typeahead
15
15
  isMulti
16
- label="Colors"
16
+ label="Products"
17
17
  options={options}
18
18
  placeholder=""
19
19
  {...props}
@@ -7,25 +7,4 @@
7
7
  ]
8
8
  %>
9
9
 
10
- <%= pb_rails("typeahead", props: { id: "typeahead-pills-example1", pill_color: "neutral", default_options: [options.first], options: options, label: "Colors", name: :foo, pills: true }) %>
11
-
12
- <%= pb_rails("button", props: {id: "clear-pills", text: "Clear All Options", variant: "secondary"}) %>
13
-
14
- <!-- This section is an example of the available JavaScript event hooks -->
15
- <%= javascript_tag defer: "defer" do %>
16
- document.addEventListener("pb-typeahead-kit-typeahead-pills-example1-result-option-select", function(event) {
17
- console.log('Option selected')
18
- console.dir(event.detail)
19
- })
20
- document.addEventListener("pb-typeahead-kit-typeahead-pills-example1-result-option-remove", function(event) {
21
- console.log('Option removed')
22
- console.dir(event.detail)
23
- })
24
- document.addEventListener("pb-typeahead-kit-typeahead-pills-example1-result-clear", function() {
25
- console.log('All options cleared')
26
- })
27
-
28
- document.querySelector('#clear-pills').addEventListener('click', function() {
29
- document.dispatchEvent(new CustomEvent('pb-typeahead-kit-typeahead-pills-example1:clear'))
30
- })
31
- <% end %>
10
+ <%= pb_rails("typeahead", props: { id: "typeahead-pills-example2", pill_color: "neutral", options: options, label: "Products", name: :foo, pills: true }) %>
@@ -13,7 +13,7 @@ const TypeaheadWithPills = (props) => {
13
13
  <>
14
14
  <Typeahead
15
15
  isMulti
16
- label="Colors"
16
+ label="Products"
17
17
  options={options}
18
18
  pillColor="neutral"
19
19
  placeholder=""
@@ -9,9 +9,9 @@
9
9
 
10
10
  <%= pb_rails("typeahead", props: {
11
11
  id: "typeahead-without-pills-example1",
12
- placeholder: "All Colors",
12
+ placeholder: "All Products",
13
13
  options: options,
14
- label: "Colors",
14
+ label: "Products",
15
15
  name: :foo,
16
16
  is_multi: false
17
17
  })