primer_view_components 0.0.121 → 0.0.122

Sign up to get free protection for your applications and to get access to all the features.
Files changed (127) hide show
  1. checksums.yaml +4 -4
  2. data/CHANGELOG.md +20 -0
  3. data/app/assets/styles/primer_view_components.css +2 -2
  4. data/app/assets/styles/primer_view_components.css.map +1 -1
  5. data/app/components/primer/alpha/action_list.css.json +123 -1
  6. data/app/components/primer/alpha/auto_complete.css.json +23 -1
  7. data/app/components/primer/alpha/banner.css.json +24 -1
  8. data/app/components/primer/alpha/button_marketing.css.json +33 -1
  9. data/app/components/primer/alpha/check_box.rb +74 -0
  10. data/app/components/primer/alpha/check_box_group.rb +36 -0
  11. data/app/components/primer/alpha/dialog.css.json +82 -1
  12. data/app/components/primer/alpha/dialog.rb +1 -1
  13. data/app/components/primer/alpha/dropdown.css.json +40 -1
  14. data/app/components/primer/alpha/form_button.rb +32 -0
  15. data/app/components/primer/alpha/form_control.html.erb +26 -0
  16. data/app/components/primer/alpha/form_control.rb +105 -0
  17. data/app/components/primer/alpha/layout.css.json +80 -1
  18. data/app/components/primer/alpha/menu.css.json +28 -1
  19. data/app/components/primer/alpha/multi_input.rb +81 -0
  20. data/app/components/primer/alpha/radio_button.rb +25 -0
  21. data/app/components/primer/alpha/radio_button_group.rb +36 -0
  22. data/app/components/primer/alpha/segmented_control.css +1 -1
  23. data/app/components/primer/alpha/segmented_control.css.json +31 -1
  24. data/app/components/primer/alpha/segmented_control.css.map +1 -1
  25. data/app/components/primer/alpha/segmented_control.pcss +43 -12
  26. data/app/components/primer/alpha/select.rb +37 -0
  27. data/app/components/primer/alpha/submit_button.rb +32 -0
  28. data/app/components/primer/alpha/tab_nav.css.json +24 -1
  29. data/app/components/primer/alpha/tab_panels.rb +7 -0
  30. data/app/components/primer/alpha/text_area.rb +24 -0
  31. data/app/components/primer/alpha/text_field.css +2 -2
  32. data/app/components/primer/alpha/text_field.css.json +134 -1
  33. data/app/components/primer/alpha/text_field.css.map +1 -1
  34. data/app/components/primer/alpha/text_field.pcss +27 -0
  35. data/app/components/primer/alpha/text_field.rb +15 -20
  36. data/app/components/primer/alpha/toggle_switch.css +1 -1
  37. data/app/components/primer/alpha/toggle_switch.css.json +40 -1
  38. data/app/components/primer/alpha/toggle_switch.css.map +1 -1
  39. data/app/components/primer/alpha/toggle_switch.pcss +31 -61
  40. data/app/components/primer/alpha/underline_nav.css.json +28 -1
  41. data/app/components/primer/beta/avatar.css.json +17 -1
  42. data/app/components/primer/beta/avatar_stack.css.json +28 -1
  43. data/app/components/primer/beta/blankslate.css.json +22 -1
  44. data/app/components/primer/beta/border_box.css.json +54 -1
  45. data/app/components/primer/beta/breadcrumbs.css.json +11 -1
  46. data/app/components/primer/beta/button.css.json +71 -1
  47. data/app/components/primer/beta/counter.css.json +10 -1
  48. data/app/components/primer/beta/flash.css.json +27 -1
  49. data/app/components/primer/beta/label.css.json +25 -1
  50. data/app/components/primer/beta/link.css.json +19 -1
  51. data/app/components/primer/beta/popover.css.json +39 -1
  52. data/app/components/primer/beta/progress_bar.css.json +10 -1
  53. data/app/components/primer/beta/state.css.json +13 -1
  54. data/app/components/primer/beta/subhead.css.json +12 -1
  55. data/app/components/primer/beta/timeline_item.css.json +16 -1
  56. data/app/components/primer/beta/truncate.css.json +12 -1
  57. data/app/components/primer/component.rb +10 -2
  58. data/app/components/primer/truncate.css.json +13 -1
  59. data/app/forms/{select_list_form.rb → select_form.rb} +1 -1
  60. data/app/lib/primer/css/layout.css.json +316 -1
  61. data/app/lib/primer/css/utilities.css.json +1659 -1
  62. data/lib/primer/form_components.rb +26 -6
  63. data/lib/primer/forms/builder.rb +1 -17
  64. data/lib/primer/forms/button.rb +4 -1
  65. data/lib/primer/forms/check_box_group.html.erb +14 -9
  66. data/lib/primer/forms/check_box_group.rb +5 -0
  67. data/lib/primer/forms/dsl/check_box_group_input.rb +3 -4
  68. data/lib/primer/forms/dsl/input.rb +33 -2
  69. data/lib/primer/forms/dsl/input_methods.rb +49 -1
  70. data/lib/primer/forms/dsl/radio_button_group_input.rb +2 -3
  71. data/lib/primer/forms/dsl/{select_list_input.rb → select_input.rb} +2 -2
  72. data/lib/primer/forms/dsl/text_field_input.rb +7 -5
  73. data/lib/primer/forms/form_control.rb +0 -1
  74. data/lib/primer/forms/group.html.erb +1 -1
  75. data/lib/primer/forms/multi.html.erb +8 -6
  76. data/lib/primer/forms/multi.rb +2 -0
  77. data/lib/primer/forms/radio_button_group.html.erb +14 -9
  78. data/lib/primer/forms/radio_button_group.rb +5 -0
  79. data/lib/primer/forms/{select_list.html.erb → select.html.erb} +0 -0
  80. data/lib/primer/forms/{select_list.rb → select.rb} +2 -2
  81. data/lib/primer/forms/spacing_wrapper.html.erb +1 -1
  82. data/lib/primer/forms/text_area.rb +1 -1
  83. data/lib/primer/forms/text_field.rb +5 -1
  84. data/lib/primer/forms/utils.rb +20 -0
  85. data/lib/primer/view_components/engine.rb +1 -1
  86. data/lib/primer/view_components/version.rb +1 -1
  87. data/lib/primer/yard/backend.rb +1 -15
  88. data/lib/primer/yard/component_manifest.rb +44 -25
  89. data/lib/primer/yard/component_ref.rb +40 -0
  90. data/lib/primer/yard/docs_helper.rb +16 -2
  91. data/lib/primer/yard/legacy_gatsby_backend.rb +9 -15
  92. data/lib/primer/yard/lookbook_docs_helper.rb +32 -0
  93. data/lib/primer/yard/lookbook_pages_backend.rb +194 -0
  94. data/lib/primer/yard/registry.rb +6 -21
  95. data/lib/primer/yard/renders_many_handler.rb +1 -1
  96. data/lib/primer/yard/renders_one_handler.rb +1 -1
  97. data/lib/primer/yard.rb +14 -0
  98. data/lib/tasks/docs.rake +26 -13
  99. data/previews/pages/forms/01_introduction.md.erb +44 -0
  100. data/previews/pages/forms/02_getting_started.md.erb +125 -0
  101. data/previews/pages/forms/03_caption_templates.md.erb +30 -0
  102. data/previews/pages/forms/04_after_content.md.erb +39 -0
  103. data/previews/pages/forms/05_groups_layouts.md.erb +22 -0
  104. data/previews/pages/forms/06_miscellaneous_inputs.md.erb +43 -0
  105. data/previews/pages/forms/07_toggle_switch_forms.md.erb +58 -0
  106. data/previews/pages/forms/08_validations.md.erb +28 -0
  107. data/previews/pages/forms/09_compound_forms.md.erb +97 -0
  108. data/previews/primer/alpha/check_box_group_preview.rb +89 -0
  109. data/previews/primer/alpha/check_box_preview.rb +62 -0
  110. data/previews/primer/alpha/form_control_preview/playground.html.erb +9 -0
  111. data/previews/primer/alpha/form_control_preview.rb +106 -0
  112. data/previews/primer/alpha/multi_input_preview/playground.html.erb +41 -0
  113. data/previews/primer/alpha/multi_input_preview.rb +80 -0
  114. data/previews/primer/alpha/radio_button_group_preview.rb +83 -0
  115. data/previews/primer/alpha/radio_button_preview.rb +62 -0
  116. data/previews/primer/alpha/select_preview.rb +130 -0
  117. data/previews/primer/alpha/text_area_preview.rb +87 -0
  118. data/previews/primer/alpha/text_field_preview.rb +10 -1
  119. data/previews/primer/forms/forms_preview/example_toggle_switch_form.html.erb +2 -2
  120. data/previews/primer/forms/forms_preview/{select_list_form.html.erb → select_form.html.erb} +1 -1
  121. data/previews/primer/forms/forms_preview.rb +3 -1
  122. data/static/arguments.json +1358 -1328
  123. data/static/audited_at.json +10 -0
  124. data/static/constants.json +20 -0
  125. data/static/previews.json +218 -40
  126. data/static/statuses.json +10 -0
  127. metadata +41 -7
@@ -1 +1,10 @@
1
- {"name":"beta/progress_bar","selectors":[".Progress",".Progress--large",".Progress--small",".Progress-item",".Progress-item+.Progress-item"]}
1
+ {
2
+ "name": "beta/progress_bar",
3
+ "selectors": [
4
+ ".Progress",
5
+ ".Progress--large",
6
+ ".Progress--small",
7
+ ".Progress-item",
8
+ ".Progress-item+.Progress-item"
9
+ ]
10
+ }
@@ -1 +1,13 @@
1
- {"name":"beta/state","selectors":[".State",".state",".State--draft",".State--open",".State--merged",".State--closed",".State--small",".State--small .octicon"]}
1
+ {
2
+ "name": "beta/state",
3
+ "selectors": [
4
+ ".State",
5
+ ".state",
6
+ ".State--draft",
7
+ ".State--open",
8
+ ".State--merged",
9
+ ".State--closed",
10
+ ".State--small",
11
+ ".State--small .octicon"
12
+ ]
13
+ }
@@ -1 +1,12 @@
1
- {"name":"beta/subhead","selectors":[".Subhead",".Subhead--spacious",".Subhead-heading",".Subhead-heading--danger",".Subhead-description",".Subhead-actions",".Subhead-actions+.Subhead-description"]}
1
+ {
2
+ "name": "beta/subhead",
3
+ "selectors": [
4
+ ".Subhead",
5
+ ".Subhead--spacious",
6
+ ".Subhead-heading",
7
+ ".Subhead-heading--danger",
8
+ ".Subhead-description",
9
+ ".Subhead-actions",
10
+ ".Subhead-actions+.Subhead-description"
11
+ ]
12
+ }
@@ -1 +1,16 @@
1
- {"name":"beta/timeline_item","selectors":[".TimelineItem",".TimelineItem:before",".TimelineItem:target .TimelineItem-badge",".TimelineItem-badge",".TimelineItem-badge--success",".TimelineItem-body",".TimelineItem-avatar",".TimelineItem-break",".TimelineItem--condensed",".TimelineItem--condensed:last-child",".TimelineItem--condensed .TimelineItem-badge"]}
1
+ {
2
+ "name": "beta/timeline_item",
3
+ "selectors": [
4
+ ".TimelineItem",
5
+ ".TimelineItem:before",
6
+ ".TimelineItem:target .TimelineItem-badge",
7
+ ".TimelineItem-badge",
8
+ ".TimelineItem-badge--success",
9
+ ".TimelineItem-body",
10
+ ".TimelineItem-avatar",
11
+ ".TimelineItem-break",
12
+ ".TimelineItem--condensed",
13
+ ".TimelineItem--condensed:last-child",
14
+ ".TimelineItem--condensed .TimelineItem-badge"
15
+ ]
16
+ }
@@ -1 +1,12 @@
1
- {"name":"beta/truncate","selectors":[".Truncate",".Truncate>.Truncate-text",".Truncate>.Truncate-text+.Truncate-text",".Truncate>.Truncate-text.Truncate-text--primary",".Truncate>.Truncate-text.Truncate-text--expandable:active",".Truncate>.Truncate-text.Truncate-text--expandable:focus",".Truncate>.Truncate-text.Truncate-text--expandable:hover"]}
1
+ {
2
+ "name": "beta/truncate",
3
+ "selectors": [
4
+ ".Truncate",
5
+ ".Truncate>.Truncate-text",
6
+ ".Truncate>.Truncate-text+.Truncate-text",
7
+ ".Truncate>.Truncate-text.Truncate-text--primary",
8
+ ".Truncate>.Truncate-text.Truncate-text--expandable:active",
9
+ ".Truncate>.Truncate-text.Truncate-text--expandable:focus",
10
+ ".Truncate>.Truncate-text.Truncate-text--expandable:hover"
11
+ ]
12
+ }
@@ -6,8 +6,16 @@ module Primer
6
6
  # @private
7
7
  # :nocov:
8
8
  class Component < ViewComponent::Base
9
- include ViewComponent::SlotableV2 unless ViewComponent::Base < ViewComponent::SlotableV2
10
- include ViewComponent::PolymorphicSlots unless ViewComponent::Base < ViewComponent::PolymorphicSlots
9
+ if Module.const_defined?("ViewComponent::SlotableV2") &&
10
+ !(ViewComponent::Base < ViewComponent::SlotableV2)
11
+ include ViewComponent::SlotableV2
12
+ end
13
+
14
+ if Module.const_defined?("ViewComponent::PolymorphicSlots") &&
15
+ ViewComponent::Base < ViewComponent::PolymorphicSlots
16
+ include ViewComponent::PolymorphicSlots
17
+ end
18
+
11
19
  include ClassNameHelper
12
20
  include FetchOrFallbackHelper
13
21
  include TestSelectorHelper
@@ -1 +1,13 @@
1
- {"name":"truncate","selectors":[".css-truncate .css-truncate-overflow",".css-truncate .css-truncate-target",".css-truncate.css-truncate-overflow",".css-truncate.css-truncate-target",".css-truncate.expandable.css-truncate-target:hover",".css-truncate.expandable.zeroclipboard-is-hover .css-truncate-target",".css-truncate.expandable.zeroclipboard-is-hover.css-truncate-target",".css-truncate.expandable:hover .css-truncate-target"]}
1
+ {
2
+ "name": "truncate",
3
+ "selectors": [
4
+ ".css-truncate .css-truncate-overflow",
5
+ ".css-truncate .css-truncate-target",
6
+ ".css-truncate.css-truncate-overflow",
7
+ ".css-truncate.css-truncate-target",
8
+ ".css-truncate.expandable.css-truncate-target:hover",
9
+ ".css-truncate.expandable.zeroclipboard-is-hover .css-truncate-target",
10
+ ".css-truncate.expandable.zeroclipboard-is-hover.css-truncate-target",
11
+ ".css-truncate.expandable:hover .css-truncate-target"
12
+ ]
13
+ }
@@ -1,7 +1,7 @@
1
1
  # frozen_string_literal: true
2
2
 
3
3
  # :nodoc:
4
- class SelectListForm < ApplicationForm
4
+ class SelectForm < ApplicationForm
5
5
  form do |check_form|
6
6
  check_form.select_list(name: "cities", label: "Cool cities", caption: "Select your favorite!", include_blank: true) do |city_list|
7
7
  city_list.option(label: "Lopez Island", value: "lopez_island")
@@ -1 +1,316 @@
1
- {"name":"layout","selectors":[".AppFrame .AppFrame-a11yNav",".AppFrame .AppFrame-a11yNav:not(:focus-within)",".AppFrame .AppFrame-a11yNav:focus-within",".AppFrame .AppFrame-a11yLink",".AppFrame .AppFrame-a11yLink:not(:focus)",".AppFrame .AppFrame-a11yLink:focus",".AppFrame .AppFrame-a11yLink:focus::after","0%","50%","55%","100%",".AppFrame .AppFrame-main",".AppFrame .AppFrame-header-wrapper",".AppFrame .AppFrame-header-wrapper .AppFrame-header",".AppFrame .AppFrame-header",".AppFrame .AppFrame-subheader",".AppFrame .AppFrame-body",".AppFrame .AppFrame-footer",".container-sm",".container-md",".container-lg",".container-xl",".col-1",".col-2",".col-3",".col-4",".col-5",".col-6",".col-7",".col-8",".col-9",".col-10",".col-11",".col-12",".col-sm-1",".col-sm-2",".col-sm-3",".col-sm-4",".col-sm-5",".col-sm-6",".col-sm-7",".col-sm-8",".col-sm-9",".col-sm-10",".col-sm-11",".col-sm-12",".col-md-1",".col-md-2",".col-md-3",".col-md-4",".col-md-5",".col-md-6",".col-md-7",".col-md-8",".col-md-9",".col-md-10",".col-md-11",".col-md-12",".col-lg-1",".col-lg-2",".col-lg-3",".col-lg-4",".col-lg-5",".col-lg-6",".col-lg-7",".col-lg-8",".col-lg-9",".col-lg-10",".col-lg-11",".col-lg-12",".col-xl-1",".col-xl-2",".col-xl-3",".col-xl-4",".col-xl-5",".col-xl-6",".col-xl-7",".col-xl-8",".col-xl-9",".col-xl-10",".col-xl-11",".col-xl-12",".gutter",".gutter>[class*=col-]",".gutter-condensed",".gutter-condensed>[class*=col-]",".gutter-spacious",".gutter-spacious>[class*=col-]",".gutter-sm",".gutter-sm>[class*=col-]",".gutter-sm-condensed",".gutter-sm-condensed>[class*=col-]",".gutter-sm-spacious",".gutter-sm-spacious>[class*=col-]",".gutter-md",".gutter-md>[class*=col-]",".gutter-md-condensed",".gutter-md-condensed>[class*=col-]",".gutter-md-spacious",".gutter-md-spacious>[class*=col-]",".gutter-lg",".gutter-lg>[class*=col-]",".gutter-lg-condensed",".gutter-lg-condensed>[class*=col-]",".gutter-lg-spacious",".gutter-lg-spacious>[class*=col-]",".gutter-xl",".gutter-xl>[class*=col-]",".gutter-xl-condensed",".gutter-xl-condensed>[class*=col-]",".gutter-xl-spacious",".gutter-xl-spacious>[class*=col-]",".offset-1",".offset-2",".offset-3",".offset-4",".offset-5",".offset-6",".offset-7",".offset-8",".offset-9",".offset-10",".offset-11",".offset-sm-1",".offset-sm-2",".offset-sm-3",".offset-sm-4",".offset-sm-5",".offset-sm-6",".offset-sm-7",".offset-sm-8",".offset-sm-9",".offset-sm-10",".offset-sm-11",".offset-md-1",".offset-md-2",".offset-md-3",".offset-md-4",".offset-md-5",".offset-md-6",".offset-md-7",".offset-md-8",".offset-md-9",".offset-md-10",".offset-md-11",".offset-lg-1",".offset-lg-2",".offset-lg-3",".offset-lg-4",".offset-lg-5",".offset-lg-6",".offset-lg-7",".offset-lg-8",".offset-lg-9",".offset-lg-10",".offset-lg-11",".offset-xl-1",".offset-xl-2",".offset-xl-3",".offset-xl-4",".offset-xl-5",".offset-xl-6",".offset-xl-7",".offset-xl-8",".offset-xl-9",".offset-xl-10",".offset-xl-11",":root",".PageLayout",".PageLayout.PageLayout--panePos-start",".PageLayout.PageLayout--panePos-end",".PageLayout .PageLayout-header--hasDivider",".PageLayout .PageLayout-footer--hasDivider",".PageLayout.PageLayout--hasPaneDivider.PageLayout--panePos-start .PageLayout-pane",".PageLayout.PageLayout--hasPaneDivider.PageLayout--panePos-start:not(.PageLayout--columnGap-none) .PageLayout-pane",".PageLayout.PageLayout--hasPaneDivider.PageLayout--panePos-start:not(.PageLayout--columnGap-none) .PageLayout-content",".PageLayout.PageLayout--hasPaneDivider.PageLayout--panePos-end .PageLayout-pane",".PageLayout.PageLayout--hasPaneDivider.PageLayout--panePos-end:not(.PageLayout--columnGap-none) .PageLayout-pane",".PageLayout.PageLayout--hasPaneDivider.PageLayout--panePos-end:not(.PageLayout--columnGap-none) .PageLayout-content",".PageLayout .PageLayout-pane--sticky",".PageLayout [class^=PageLayout-content-centered-]",".PageLayout.PageLayout--hasPaneDivider [class^=PageLayout-content-centered-]",".PageLayout.PageLayout--panePos-start [class^=PageLayout-content-centered-]>[class^=container-]",".PageLayout.PageLayout--panePos-end [class^=PageLayout-content-centered-]>[class^=container-]",".PageLayout .PageLayout-content-centered-sm",".PageLayout .PageLayout-content-centered-md",".PageLayout .PageLayout-content-centered-lg",".PageLayout .PageLayout-content-centered-xl",".PageLayout.PageLayout--paneWidth-narrow",".PageLayout.PageLayout--paneWidth-wide",".PageLayout.PageLayout--responsive-stackRegions",".PageLayout.PageLayout--responsive-stackRegions.PageLayout--responsive-panePos-start",".PageLayout.PageLayout--responsive-separateRegions",".PageLayout.PageLayout--responsive-separateRegions.PageLayout--responsive-primary-content",".PageLayout.PageLayout--responsive-separateRegions.PageLayout--responsive-primary-content .PageLayout-pane",".PageLayout.PageLayout--responsive-separateRegions.PageLayout--responsive-primary-pane",".PageLayout.PageLayout--responsive-separateRegions.PageLayout--responsive-primary-pane .PageLayout-content",".PageLayout .PageLayout-region--dividerNarrow-line-before",".PageLayout .PageLayout-region--dividerNarrow-line-before::before",".PageLayout .PageLayout-region--dividerNarrow-line-after",".PageLayout .PageLayout-region--dividerNarrow-line-after::after",".PageLayout .PageLayout-region--dividerNarrow-filled-before",".PageLayout .PageLayout-region--dividerNarrow-filled-before::after",".PageLayout .PageLayout-region--dividerNarrow-filled-after",".PageLayout .PageLayout-region--dividerNarrow-filled-after::before",".PageLayout-wrapper",".PageLayout-columns",".PageLayout-columns .PageLayout-content",".PageLayout-columns .PageLayout-pane",".PageLayout--outerSpacing-normal",".PageLayout--outerSpacing-condensed",".PageLayout--innerSpacing-normal",".PageLayout--innerSpacing-condensed",".PageLayout--columnGap-normal",".PageLayout--columnGap-condensed",".PageLayout--columnGap-none",".PageLayout--rowGap-normal",".PageLayout--rowGap-none",".PageLayout--rowGap-condensed",".PageLayout-header",".PageLayout-content",".PageLayout-pane",".PageLayout-footer",".Stack",".Stack-divider",".Stack-item",".Stack--dir-inline-whenNarrow",".Stack--dir-block-whenNarrow",".Stack--gap-none-whenNarrow",".Stack--gap-condensed-whenNarrow",".Stack--gap-normal-whenNarrow",".Stack--align-start-whenNarrow",".Stack--align-center-whenNarrow",".Stack--align-end-whenNarrow",".Stack--align-baseline-whenNarrow",".Stack--alignWrap-start-whenNarrow",".Stack--alignWrap-center-whenNarrow",".Stack--alignWrap-end-whenNarrow",".Stack--alignWrap-distribute-whenNarrow",".Stack--alignWrap-distributeEvenly-whenNarrow",".Stack--spread-start-whenNarrow",".Stack--spread-center-whenNarrow",".Stack--spread-end-whenNarrow",".Stack--spread-distribute-whenNarrow",".Stack--spread-distributeEvenly-whenNarrow",".Stack--wrap-whenNarrow",".Stack--nowrap-whenNarrow",".Stack--showDividers-whenNarrow>.Stack-divider",".Stack--showDividers-whenNarrow>.Stack-item>.Stack-divider",":not(.Stack--dir-inline-whenNarrow)>.Stack-divider",":not(.Stack--dir-inline-whenNarrow)>.Stack-item>.Stack-divider",".Stack--dir-inline-whenNarrow>.Stack-divider",".Stack--dir-inline-whenNarrow>.Stack-item>.Stack-divider",".Stack-item--expand-whenNarrow",".Stack-item--keepSize-whenNarrow",".Stack--dir-inline-whenRegular",".Stack--dir-block-whenRegular",".Stack--gap-none-whenRegular",".Stack--gap-condensed-whenRegular",".Stack--gap-normal-whenRegular",".Stack--gap-spacious-whenRegular",".Stack--align-start-whenRegular",".Stack--align-center-whenRegular",".Stack--align-end-whenRegular",".Stack--align-baseline-whenRegular",".Stack--alignWrap-start-whenRegular",".Stack--alignWrap-center-whenRegular",".Stack--alignWrap-end-whenRegular",".Stack--alignWrap-distribute-whenRegular",".Stack--alignWrap-distributeEvenly-whenRegular",".Stack--spread-start-whenRegular",".Stack--spread-center-whenRegular",".Stack--spread-end-whenRegular",".Stack--spread-distribute-whenRegular",".Stack--spread-distributeEvenly-whenRegular",".Stack--wrap-whenRegular",".Stack--nowrap-whenRegular",".Stack--showDividers-whenRegular>.Stack-divider",".Stack--showDividers-whenRegular>.Stack-item>.Stack-divider",":not(.Stack--dir-inline-whenRegular)>.Stack-divider",":not(.Stack--dir-inline-whenRegular)>.Stack-item>.Stack-divider",".Stack--dir-inline-whenRegular>.Stack-divider",".Stack--dir-inline-whenRegular>.Stack-item>.Stack-divider",".Stack-item--expand-whenRegular",".Stack-item--keepSize-whenRegular",".Stack--dir-inline-whenWide",".Stack--dir-block-whenWide",".Stack--gap-none-whenWide",".Stack--gap-condensed-whenWide",".Stack--gap-normal-whenWide",".Stack--gap-spacious-whenWide",".Stack--align-start-whenWide",".Stack--align-center-whenWide",".Stack--align-end-whenWide",".Stack--align-baseline-whenWide",".Stack--alignWrap-start-whenWide",".Stack--alignWrap-center-whenWide",".Stack--alignWrap-end-whenWide",".Stack--alignWrap-distribute-whenWide",".Stack--alignWrap-distributeEvenly-whenWide",".Stack--spread-start-whenWide",".Stack--spread-center-whenWide",".Stack--spread-end-whenWide",".Stack--spread-distribute-whenWide",".Stack--spread-distributeEvenly-whenWide",".Stack--wrap-whenWide",".Stack--nowrap-whenWide",".Stack--showDividers-whenWide>.Stack-divider",".Stack--showDividers-whenWide>.Stack-item>.Stack-divider",":not(.Stack--dir-inline-whenWide)>.Stack-divider",":not(.Stack--dir-inline-whenWide)>.Stack-item>.Stack-divider",".Stack--dir-inline-whenWide>.Stack-divider",".Stack--dir-inline-whenWide>.Stack-item>.Stack-divider",".Stack-item--expand-whenWide",".Stack-item--keepSize-whenWide"]}
1
+ {
2
+ "name": "layout",
3
+ "selectors": [
4
+ ".AppFrame .AppFrame-a11yNav",
5
+ ".AppFrame .AppFrame-a11yNav:not(:focus-within)",
6
+ ".AppFrame .AppFrame-a11yNav:focus-within",
7
+ ".AppFrame .AppFrame-a11yLink",
8
+ ".AppFrame .AppFrame-a11yLink:not(:focus)",
9
+ ".AppFrame .AppFrame-a11yLink:focus",
10
+ ".AppFrame .AppFrame-a11yLink:focus::after",
11
+ ".AppFrame .AppFrame-main",
12
+ ".AppFrame .AppFrame-header-wrapper",
13
+ ".AppFrame .AppFrame-header-wrapper .AppFrame-header",
14
+ ".AppFrame .AppFrame-header",
15
+ ".AppFrame .AppFrame-subheader",
16
+ ".AppFrame .AppFrame-body",
17
+ ".AppFrame .AppFrame-footer",
18
+ ".container-sm",
19
+ ".container-md",
20
+ ".container-lg",
21
+ ".container-xl",
22
+ ".col-1",
23
+ ".col-2",
24
+ ".col-3",
25
+ ".col-4",
26
+ ".col-5",
27
+ ".col-6",
28
+ ".col-7",
29
+ ".col-8",
30
+ ".col-9",
31
+ ".col-10",
32
+ ".col-11",
33
+ ".col-12",
34
+ ".col-sm-1",
35
+ ".col-sm-2",
36
+ ".col-sm-3",
37
+ ".col-sm-4",
38
+ ".col-sm-5",
39
+ ".col-sm-6",
40
+ ".col-sm-7",
41
+ ".col-sm-8",
42
+ ".col-sm-9",
43
+ ".col-sm-10",
44
+ ".col-sm-11",
45
+ ".col-sm-12",
46
+ ".col-md-1",
47
+ ".col-md-2",
48
+ ".col-md-3",
49
+ ".col-md-4",
50
+ ".col-md-5",
51
+ ".col-md-6",
52
+ ".col-md-7",
53
+ ".col-md-8",
54
+ ".col-md-9",
55
+ ".col-md-10",
56
+ ".col-md-11",
57
+ ".col-md-12",
58
+ ".col-lg-1",
59
+ ".col-lg-2",
60
+ ".col-lg-3",
61
+ ".col-lg-4",
62
+ ".col-lg-5",
63
+ ".col-lg-6",
64
+ ".col-lg-7",
65
+ ".col-lg-8",
66
+ ".col-lg-9",
67
+ ".col-lg-10",
68
+ ".col-lg-11",
69
+ ".col-lg-12",
70
+ ".col-xl-1",
71
+ ".col-xl-2",
72
+ ".col-xl-3",
73
+ ".col-xl-4",
74
+ ".col-xl-5",
75
+ ".col-xl-6",
76
+ ".col-xl-7",
77
+ ".col-xl-8",
78
+ ".col-xl-9",
79
+ ".col-xl-10",
80
+ ".col-xl-11",
81
+ ".col-xl-12",
82
+ ".gutter",
83
+ ".gutter>[class*=col-]",
84
+ ".gutter-condensed",
85
+ ".gutter-condensed>[class*=col-]",
86
+ ".gutter-spacious",
87
+ ".gutter-spacious>[class*=col-]",
88
+ ".gutter-sm",
89
+ ".gutter-sm>[class*=col-]",
90
+ ".gutter-sm-condensed",
91
+ ".gutter-sm-condensed>[class*=col-]",
92
+ ".gutter-sm-spacious",
93
+ ".gutter-sm-spacious>[class*=col-]",
94
+ ".gutter-md",
95
+ ".gutter-md>[class*=col-]",
96
+ ".gutter-md-condensed",
97
+ ".gutter-md-condensed>[class*=col-]",
98
+ ".gutter-md-spacious",
99
+ ".gutter-md-spacious>[class*=col-]",
100
+ ".gutter-lg",
101
+ ".gutter-lg>[class*=col-]",
102
+ ".gutter-lg-condensed",
103
+ ".gutter-lg-condensed>[class*=col-]",
104
+ ".gutter-lg-spacious",
105
+ ".gutter-lg-spacious>[class*=col-]",
106
+ ".gutter-xl",
107
+ ".gutter-xl>[class*=col-]",
108
+ ".gutter-xl-condensed",
109
+ ".gutter-xl-condensed>[class*=col-]",
110
+ ".gutter-xl-spacious",
111
+ ".gutter-xl-spacious>[class*=col-]",
112
+ ".offset-1",
113
+ ".offset-2",
114
+ ".offset-3",
115
+ ".offset-4",
116
+ ".offset-5",
117
+ ".offset-6",
118
+ ".offset-7",
119
+ ".offset-8",
120
+ ".offset-9",
121
+ ".offset-10",
122
+ ".offset-11",
123
+ ".offset-sm-1",
124
+ ".offset-sm-2",
125
+ ".offset-sm-3",
126
+ ".offset-sm-4",
127
+ ".offset-sm-5",
128
+ ".offset-sm-6",
129
+ ".offset-sm-7",
130
+ ".offset-sm-8",
131
+ ".offset-sm-9",
132
+ ".offset-sm-10",
133
+ ".offset-sm-11",
134
+ ".offset-md-1",
135
+ ".offset-md-2",
136
+ ".offset-md-3",
137
+ ".offset-md-4",
138
+ ".offset-md-5",
139
+ ".offset-md-6",
140
+ ".offset-md-7",
141
+ ".offset-md-8",
142
+ ".offset-md-9",
143
+ ".offset-md-10",
144
+ ".offset-md-11",
145
+ ".offset-lg-1",
146
+ ".offset-lg-2",
147
+ ".offset-lg-3",
148
+ ".offset-lg-4",
149
+ ".offset-lg-5",
150
+ ".offset-lg-6",
151
+ ".offset-lg-7",
152
+ ".offset-lg-8",
153
+ ".offset-lg-9",
154
+ ".offset-lg-10",
155
+ ".offset-lg-11",
156
+ ".offset-xl-1",
157
+ ".offset-xl-2",
158
+ ".offset-xl-3",
159
+ ".offset-xl-4",
160
+ ".offset-xl-5",
161
+ ".offset-xl-6",
162
+ ".offset-xl-7",
163
+ ".offset-xl-8",
164
+ ".offset-xl-9",
165
+ ".offset-xl-10",
166
+ ".offset-xl-11",
167
+ ":root",
168
+ ".PageLayout",
169
+ ".PageLayout.PageLayout--panePos-start",
170
+ ".PageLayout.PageLayout--panePos-end",
171
+ ".PageLayout .PageLayout-header--hasDivider",
172
+ ".PageLayout .PageLayout-footer--hasDivider",
173
+ ".PageLayout.PageLayout--hasPaneDivider.PageLayout--panePos-start .PageLayout-pane",
174
+ ".PageLayout.PageLayout--hasPaneDivider.PageLayout--panePos-start:not(.PageLayout--columnGap-none) .PageLayout-pane",
175
+ ".PageLayout.PageLayout--hasPaneDivider.PageLayout--panePos-start:not(.PageLayout--columnGap-none) .PageLayout-content",
176
+ ".PageLayout.PageLayout--hasPaneDivider.PageLayout--panePos-end .PageLayout-pane",
177
+ ".PageLayout.PageLayout--hasPaneDivider.PageLayout--panePos-end:not(.PageLayout--columnGap-none) .PageLayout-pane",
178
+ ".PageLayout.PageLayout--hasPaneDivider.PageLayout--panePos-end:not(.PageLayout--columnGap-none) .PageLayout-content",
179
+ ".PageLayout .PageLayout-pane--sticky",
180
+ ".PageLayout [class^=PageLayout-content-centered-]",
181
+ ".PageLayout.PageLayout--hasPaneDivider [class^=PageLayout-content-centered-]",
182
+ ".PageLayout.PageLayout--panePos-start [class^=PageLayout-content-centered-]>[class^=container-]",
183
+ ".PageLayout.PageLayout--panePos-end [class^=PageLayout-content-centered-]>[class^=container-]",
184
+ ".PageLayout .PageLayout-content-centered-sm",
185
+ ".PageLayout .PageLayout-content-centered-md",
186
+ ".PageLayout .PageLayout-content-centered-lg",
187
+ ".PageLayout .PageLayout-content-centered-xl",
188
+ ".PageLayout.PageLayout--paneWidth-narrow",
189
+ ".PageLayout.PageLayout--paneWidth-wide",
190
+ ".PageLayout.PageLayout--responsive-stackRegions",
191
+ ".PageLayout.PageLayout--responsive-stackRegions.PageLayout--responsive-panePos-start",
192
+ ".PageLayout.PageLayout--responsive-separateRegions",
193
+ ".PageLayout.PageLayout--responsive-separateRegions.PageLayout--responsive-primary-content",
194
+ ".PageLayout.PageLayout--responsive-separateRegions.PageLayout--responsive-primary-content .PageLayout-pane",
195
+ ".PageLayout.PageLayout--responsive-separateRegions.PageLayout--responsive-primary-pane",
196
+ ".PageLayout.PageLayout--responsive-separateRegions.PageLayout--responsive-primary-pane .PageLayout-content",
197
+ ".PageLayout .PageLayout-region--dividerNarrow-line-before",
198
+ ".PageLayout .PageLayout-region--dividerNarrow-line-before::before",
199
+ ".PageLayout .PageLayout-region--dividerNarrow-line-after",
200
+ ".PageLayout .PageLayout-region--dividerNarrow-line-after::after",
201
+ ".PageLayout .PageLayout-region--dividerNarrow-filled-before",
202
+ ".PageLayout .PageLayout-region--dividerNarrow-filled-before::after",
203
+ ".PageLayout .PageLayout-region--dividerNarrow-filled-after",
204
+ ".PageLayout .PageLayout-region--dividerNarrow-filled-after::before",
205
+ ".PageLayout-wrapper",
206
+ ".PageLayout-columns",
207
+ ".PageLayout-columns .PageLayout-content",
208
+ ".PageLayout-columns .PageLayout-pane",
209
+ ".PageLayout--outerSpacing-normal",
210
+ ".PageLayout--outerSpacing-condensed",
211
+ ".PageLayout--innerSpacing-normal",
212
+ ".PageLayout--innerSpacing-condensed",
213
+ ".PageLayout--columnGap-normal",
214
+ ".PageLayout--columnGap-condensed",
215
+ ".PageLayout--columnGap-none",
216
+ ".PageLayout--rowGap-normal",
217
+ ".PageLayout--rowGap-none",
218
+ ".PageLayout--rowGap-condensed",
219
+ ".PageLayout-header",
220
+ ".PageLayout-content",
221
+ ".PageLayout-pane",
222
+ ".PageLayout-footer",
223
+ ".Stack",
224
+ ".Stack-divider",
225
+ ".Stack-item",
226
+ ".Stack--dir-inline-whenNarrow",
227
+ ".Stack--dir-block-whenNarrow",
228
+ ".Stack--gap-none-whenNarrow",
229
+ ".Stack--gap-condensed-whenNarrow",
230
+ ".Stack--gap-normal-whenNarrow",
231
+ ".Stack--align-start-whenNarrow",
232
+ ".Stack--align-center-whenNarrow",
233
+ ".Stack--align-end-whenNarrow",
234
+ ".Stack--align-baseline-whenNarrow",
235
+ ".Stack--alignWrap-start-whenNarrow",
236
+ ".Stack--alignWrap-center-whenNarrow",
237
+ ".Stack--alignWrap-end-whenNarrow",
238
+ ".Stack--alignWrap-distribute-whenNarrow",
239
+ ".Stack--alignWrap-distributeEvenly-whenNarrow",
240
+ ".Stack--spread-start-whenNarrow",
241
+ ".Stack--spread-center-whenNarrow",
242
+ ".Stack--spread-end-whenNarrow",
243
+ ".Stack--spread-distribute-whenNarrow",
244
+ ".Stack--spread-distributeEvenly-whenNarrow",
245
+ ".Stack--wrap-whenNarrow",
246
+ ".Stack--nowrap-whenNarrow",
247
+ ".Stack--showDividers-whenNarrow>.Stack-divider",
248
+ ".Stack--showDividers-whenNarrow>.Stack-item>.Stack-divider",
249
+ ":not(.Stack--dir-inline-whenNarrow)>.Stack-divider",
250
+ ":not(.Stack--dir-inline-whenNarrow)>.Stack-item>.Stack-divider",
251
+ ".Stack--dir-inline-whenNarrow>.Stack-divider",
252
+ ".Stack--dir-inline-whenNarrow>.Stack-item>.Stack-divider",
253
+ ".Stack-item--expand-whenNarrow",
254
+ ".Stack-item--keepSize-whenNarrow",
255
+ ".Stack--dir-inline-whenRegular",
256
+ ".Stack--dir-block-whenRegular",
257
+ ".Stack--gap-none-whenRegular",
258
+ ".Stack--gap-condensed-whenRegular",
259
+ ".Stack--gap-normal-whenRegular",
260
+ ".Stack--gap-spacious-whenRegular",
261
+ ".Stack--align-start-whenRegular",
262
+ ".Stack--align-center-whenRegular",
263
+ ".Stack--align-end-whenRegular",
264
+ ".Stack--align-baseline-whenRegular",
265
+ ".Stack--alignWrap-start-whenRegular",
266
+ ".Stack--alignWrap-center-whenRegular",
267
+ ".Stack--alignWrap-end-whenRegular",
268
+ ".Stack--alignWrap-distribute-whenRegular",
269
+ ".Stack--alignWrap-distributeEvenly-whenRegular",
270
+ ".Stack--spread-start-whenRegular",
271
+ ".Stack--spread-center-whenRegular",
272
+ ".Stack--spread-end-whenRegular",
273
+ ".Stack--spread-distribute-whenRegular",
274
+ ".Stack--spread-distributeEvenly-whenRegular",
275
+ ".Stack--wrap-whenRegular",
276
+ ".Stack--nowrap-whenRegular",
277
+ ".Stack--showDividers-whenRegular>.Stack-divider",
278
+ ".Stack--showDividers-whenRegular>.Stack-item>.Stack-divider",
279
+ ":not(.Stack--dir-inline-whenRegular)>.Stack-divider",
280
+ ":not(.Stack--dir-inline-whenRegular)>.Stack-item>.Stack-divider",
281
+ ".Stack--dir-inline-whenRegular>.Stack-divider",
282
+ ".Stack--dir-inline-whenRegular>.Stack-item>.Stack-divider",
283
+ ".Stack-item--expand-whenRegular",
284
+ ".Stack-item--keepSize-whenRegular",
285
+ ".Stack--dir-inline-whenWide",
286
+ ".Stack--dir-block-whenWide",
287
+ ".Stack--gap-none-whenWide",
288
+ ".Stack--gap-condensed-whenWide",
289
+ ".Stack--gap-normal-whenWide",
290
+ ".Stack--gap-spacious-whenWide",
291
+ ".Stack--align-start-whenWide",
292
+ ".Stack--align-center-whenWide",
293
+ ".Stack--align-end-whenWide",
294
+ ".Stack--align-baseline-whenWide",
295
+ ".Stack--alignWrap-start-whenWide",
296
+ ".Stack--alignWrap-center-whenWide",
297
+ ".Stack--alignWrap-end-whenWide",
298
+ ".Stack--alignWrap-distribute-whenWide",
299
+ ".Stack--alignWrap-distributeEvenly-whenWide",
300
+ ".Stack--spread-start-whenWide",
301
+ ".Stack--spread-center-whenWide",
302
+ ".Stack--spread-end-whenWide",
303
+ ".Stack--spread-distribute-whenWide",
304
+ ".Stack--spread-distributeEvenly-whenWide",
305
+ ".Stack--wrap-whenWide",
306
+ ".Stack--nowrap-whenWide",
307
+ ".Stack--showDividers-whenWide>.Stack-divider",
308
+ ".Stack--showDividers-whenWide>.Stack-item>.Stack-divider",
309
+ ":not(.Stack--dir-inline-whenWide)>.Stack-divider",
310
+ ":not(.Stack--dir-inline-whenWide)>.Stack-item>.Stack-divider",
311
+ ".Stack--dir-inline-whenWide>.Stack-divider",
312
+ ".Stack--dir-inline-whenWide>.Stack-item>.Stack-divider",
313
+ ".Stack-item--expand-whenWide",
314
+ ".Stack-item--keepSize-whenWide"
315
+ ]
316
+ }