playbook_ui 12.30.1.pre.alpha.hovertesting914 → 12.30.1.pre.alpha.play846responsivespacingglobalpropsneedsdefault924

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 (32) hide show
  1. checksums.yaml +4 -4
  2. data/app/pb_kits/playbook/_playbook.scss +0 -2
  3. data/app/pb_kits/playbook/pb_button/docs/example.yml +0 -1
  4. data/app/pb_kits/playbook/pb_button/docs/index.js +0 -1
  5. data/app/pb_kits/playbook/pb_card/_card.scss +3 -0
  6. data/app/pb_kits/playbook/pb_card/_card.tsx +5 -6
  7. data/app/pb_kits/playbook/pb_card/card.html.erb +1 -3
  8. data/app/pb_kits/playbook/pb_card/card.rb +0 -96
  9. data/app/pb_kits/playbook/pb_card/card_body.rb +93 -1
  10. data/app/pb_kits/playbook/pb_collapsible/_collapsible.scss +11 -0
  11. data/app/pb_kits/playbook/pb_collapsible/_collapsible.tsx +1 -3
  12. data/app/pb_kits/playbook/pb_collapsible/child_kits/CollapsibleContent.tsx +1 -3
  13. data/app/pb_kits/playbook/pb_collapsible/child_kits/CollapsibleMain.tsx +1 -3
  14. data/app/pb_kits/playbook/pb_collapsible/docs/_collapsible_default.jsx +1 -1
  15. data/app/pb_kits/playbook/pb_dialog/_dialog.scss +12 -0
  16. data/app/pb_kits/playbook/pb_dialog/child_kits/_dialog_body.tsx +2 -2
  17. data/app/pb_kits/playbook/pb_dialog/child_kits/_dialog_footer.tsx +1 -4
  18. data/app/pb_kits/playbook/pb_dialog/child_kits/_dialog_header.tsx +1 -2
  19. data/app/pb_kits/playbook/pb_message/docs/_message_default.jsx +45 -33
  20. data/app/pb_kits/playbook/pb_message/docs/example.yml +0 -1
  21. data/app/pb_kits/playbook/pb_message/docs/index.js +0 -2
  22. data/app/pb_kits/playbook/utilities/_colors.scss +0 -3
  23. data/app/pb_kits/playbook/utilities/globalProps.ts +2 -22
  24. data/dist/playbook-rails.js +6 -6
  25. data/lib/playbook/version.rb +1 -1
  26. metadata +2 -8
  27. data/app/pb_kits/playbook/pb_button/docs/_button_hover.jsx +0 -130
  28. data/app/pb_kits/playbook/pb_message/docs/_message_hover.jsx +0 -41
  29. data/app/pb_kits/playbook/tokens/_scale.scss +0 -9
  30. data/app/pb_kits/playbook/tokens/exports/_scale.scss +0 -13
  31. data/app/pb_kits/playbook/utilities/_border_radius.scss +0 -31
  32. data/app/pb_kits/playbook/utilities/_hover.scss +0 -47
@@ -60,11 +60,6 @@ type FlexWrap = {
60
60
  flexWrap?: "wrap" | "nowrap" | "wrapReverse"
61
61
  }
62
62
 
63
- type Hover = Shadow & {
64
- background?: string,
65
- scale?: "sm" | "md" | "lg"
66
- }
67
-
68
63
  type JustifyContent = {
69
64
  justifyContent?: Alignment & Space
70
65
  }
@@ -130,7 +125,7 @@ export type GlobalProps = AlignContent & AlignItems & AlignSelf &
130
125
  BorderRadius & Cursor & Dark & Display & DisplaySizes & Flex & FlexDirection &
131
126
  FlexGrow & FlexShrink & FlexWrap & JustifyContent & JustifySelf &
132
127
  LineHeight & Margin & MaxWidth & NumberSpacing & Order & Padding &
133
- Position & Shadow & ZIndex & { hover?: string };
128
+ Position & Shadow & ZIndex
134
129
 
135
130
  const getResponsivePropClasses = (prop: {[key: string]: string}, classPrefix: string) => {
136
131
  const keys: string[] = Object.keys(prop)
@@ -142,16 +137,6 @@ const getResponsivePropClasses = (prop: {[key: string]: string}, classPrefix: st
142
137
 
143
138
  // Prop categories
144
139
  const PROP_CATEGORIES: {[key:string]: (props: {[key: string]: any}) => string} = {
145
-
146
- hoverProps: ({ hover }: { hover?: Hover }) => {
147
- let css = '';
148
- if (!hover) return css;
149
- css += hover.shadow ? `hover_shadow_${hover.shadow} ` : '';
150
- css += hover.background ? `bg-hover-${hover.background } ` : '';
151
- css += hover.scale ? `hover_scale_${hover.scale} ` : '';
152
- return css;
153
- },
154
-
155
140
  spacingProps: ({
156
141
  marginRight,
157
142
  marginLeft,
@@ -229,11 +214,7 @@ const PROP_CATEGORIES: {[key:string]: (props: {[key: string]: any}) => string} =
229
214
  });
230
215
  return css.trim();
231
216
  },
232
- borderRadiusProps: ({ borderRadius }: BorderRadius) => {
233
- let css = ''
234
- css += borderRadius ? `border_radius_${borderRadius} ` : ''
235
- return css
236
- },
217
+
237
218
  darkProps: ({ dark }: Dark) => dark ? 'dark' : '',
238
219
  numberSpacingProps: ({ numberSpacing }: NumberSpacing) => {
239
220
  let css = ''
@@ -388,7 +369,6 @@ export const globalProps = (props: GlobalProps, defaultProps: DefaultProps = {})
388
369
  }).filter((value) => value?.length > 0).join(" ")
389
370
  }
390
371
 
391
-
392
372
  export const deprecatedProps = (kit: string, props: string[] = []): void => {
393
373
  if (process.env.NODE_ENV === 'development') {
394
374
  /* eslint no-console: ["error", { allow: ["warn", "error"] }] */