playbook_ui_docs 14.25.0.pre.alpha.testingcss9713 → 14.25.0.pre.alpha.testingcss9752

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: 4772b16df7b06190b31b752ea57b5e24decefd6af612b6daac2e85de509b66ed
4
- data.tar.gz: d6f6caa58b2c3c8ddf071199f00ee84cf6d4ab7223ebe9ea3aea8a860c81c8d4
3
+ metadata.gz: 2c492c450a6dc9d9180ff6ef7862e13893fa2a7f1d643ca8d929e241678b3aba
4
+ data.tar.gz: 4123c2c5c9325a3a649ef80b4b2e4647557e1b6a18f35744ddc1e93bd3fd9d7e
5
5
  SHA512:
6
- metadata.gz: c37e370c65e9f0caef2a10ef59d161b8cfa50eb9154bc71d5d4a5d97f5b1e7b76b53ef67581659125e25979fffd7a3f07de0d1645a4accfc5b182e25e52dbb44
7
- data.tar.gz: 03c96112641495b3b0684b4b49896dbb7a73518e18ba5147a6ae07ac904f0689555eab7efbb6f40ec47398d71f3d77b3c50f969b9aa071770e40c95879a9a7d4
6
+ metadata.gz: 872d19fe27d744a9b61a9984f6635509bee5649879cbf40369e4c7d8ae6d32834a30ad2d8da5ce1b964315ea0fbd0afca3fa02f2036090e36f1833820e9ff560
7
+ data.tar.gz: c61f7bf2bc65bbf4e974bc7a51d77b8d5b8024223b02b2e13c85a785255b60ac211f3daeb79e0bbd87a515af4126482b7bdf855c1f2e50377992362f6ff81789
@@ -50,7 +50,7 @@
50
50
  <% end %>
51
51
 
52
52
  <%= pb_rails("card", props: { padding: "none", header: true, margin_bottom: "sm"}) do %>
53
- <%= pb_rails("card/card_header", props: { padding: "sm", header_color: "bg_dark" }) do %>
53
+ <%= pb_rails("card/card_header", props: { padding: "sm", header_color: "dark" }) do %>
54
54
  <%= pb_rails("body", props: { text: "Dark", dark: true }) %>
55
55
  <% end %>
56
56
  <%= pb_rails("card/card_body", props: { padding: "md" }) do %>
@@ -21,13 +21,27 @@
21
21
  let currentClass = okayLoadingButton.className;
22
22
  let cancelClass = cancelButton ? cancelButton.className : "";
23
23
 
24
+ okayLoadingButton.disabled = true;
25
+ okayLoadingButton.classList.add("pb_button_loading");
26
+ okayLoadingButton.classList.remove("pb_button_enabled");
27
+ okayLoadingButton.classList.add("pb_button_disabled");
28
+
29
+ if (cancelButton) {
30
+ cancelButton.disabled = true;
31
+ cancelButton.classList.remove("pb_button_enabled");
32
+ cancelButton.classList.add("pb_button_disabled");
33
+ }
34
+
24
35
  setTimeout(function() {
25
36
  okayLoadingButton.disabled = false;
26
- okayLoadingButton.className = currentClass.replace("_disabled_loading", "_enabled");
37
+ okayLoadingButton.classList.remove("pb_button_loading");
38
+ okayLoadingButton.classList.remove("pb_button_disabled");
39
+ okayLoadingButton.classList.add("pb_button_enabled");
27
40
 
28
41
  if (cancelButton) {
29
42
  cancelButton.disabled = false;
30
- cancelButton.className = cancelClass.replace("_disabled", "_enabled");
43
+ cancelButton.classList.remove("pb_button_disabled");
44
+ cancelButton.classList.add("pb_button_enabled");
31
45
  }
32
46
  }, 5000);
33
47
 
@@ -26,7 +26,7 @@ const MapDefault = (props) => {
26
26
  new maplibregl.Marker({
27
27
  color: mapTheme.marker,
28
28
  }).setLngLat(defaultPosition)
29
- .setPopup(new maplibregl.Popup({closeButton: false}).setHTML(`<h4 class="pb_title_kit_size_4">Hello World!</h4>`)) // add popup
29
+ .setPopup(new maplibregl.Popup({closeButton: false}).setHTML(`<h4 class="pb_title_kit pb_title_4">Hello World!</h4>`)) // add popup
30
30
  .addTo(map);
31
31
 
32
32
  // disable map zoom when using scroll
@@ -29,7 +29,7 @@ const MapWithCustomButton = (props) => {
29
29
  new maplibregl.Marker({
30
30
  color: mapTheme.marker,
31
31
  }).setLngLat(defaultPosition)
32
- .setPopup(new maplibregl.Popup({closeButton: false}).setHTML(`<h4 class="pb_title_kit_size_4">Hello World!</h4>`)) // add popup
32
+ .setPopup(new maplibregl.Popup({closeButton: false}).setHTML(`<h4 class="pb_title_kit pb_title_4">Hello World!</h4>`)) // add popup
33
33
  .addTo(map);
34
34
 
35
35
  // disable map zoom when using scroll
@@ -26,7 +26,7 @@ const MapWithPlugin = (props) => {
26
26
  new maplibregl.Marker({
27
27
  color: mapTheme.marker,
28
28
  }).setLngLat(defaultPosition)
29
- .setPopup(new maplibregl.Popup({className: 'map_popup', closeButton: false}).setHTML(`<h4 class="pb_title_kit_size_4">Hello World!</h4>`)) // add popup
29
+ .setPopup(new maplibregl.Popup({closeButton: false}).setHTML(`<h4 class="pb_title_kit pb_title_4">Hello World!</h4>`)) // add popup
30
30
  .addTo(map);
31
31
 
32
32
  //add maplibre default zoom controls
@@ -19,7 +19,6 @@ const RadioReactHook = () => {
19
19
  paddingRight="lg"
20
20
  >
21
21
  <Radio
22
- alignment="left"
23
22
  label="Small"
24
23
  marginBottom='sm'
25
24
  name="size"
@@ -28,7 +27,6 @@ const RadioReactHook = () => {
28
27
  />
29
28
  <br />
30
29
  <Radio
31
- alignment="left"
32
30
  label="Medium"
33
31
  marginBottom='sm'
34
32
  name="size"
@@ -37,7 +35,6 @@ const RadioReactHook = () => {
37
35
  />
38
36
  <br />
39
37
  <Radio
40
- alignment="left"
41
38
  label="Large"
42
39
  marginBottom='sm'
43
40
  name="size"
@@ -5,7 +5,9 @@ import Detail from '../../pb_detail/_detail'
5
5
  import Icon from '../../pb_icon/_icon'
6
6
 
7
7
  const children = (
8
- <Flex padding="xs">
8
+ <Flex alignItems="center"
9
+ padding="xs"
10
+ >
9
11
  <Icon color="primary"
10
12
  icon="arrow-down"
11
13
  />