@scalewing/react 1.47.0 → 1.49.0

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 (135) hide show
  1. package/CHANGELOG.md +82 -0
  2. package/README.md +215 -6
  3. package/dist/command-palette.test-support.d.ts +21 -0
  4. package/dist/command-palette.test-support.js +55 -0
  5. package/dist/components/AppHeader.d.ts +3 -0
  6. package/dist/components/AppShell.d.ts +4 -3
  7. package/dist/components/AppShell.js +24 -7
  8. package/dist/components/Band.d.ts +30 -0
  9. package/dist/components/Band.js +23 -0
  10. package/dist/components/ButtonLink.d.ts +33 -0
  11. package/dist/components/ButtonLink.js +27 -0
  12. package/dist/components/CommandPalette.d.ts +12 -0
  13. package/dist/components/CommandPalette.js +143 -0
  14. package/dist/components/CommandPaletteTrigger.d.ts +9 -0
  15. package/dist/components/CommandPaletteTrigger.js +16 -0
  16. package/dist/components/ContextSwitcher.d.ts +12 -0
  17. package/dist/components/ContextSwitcher.js +62 -0
  18. package/dist/components/EmptyState.d.ts +23 -0
  19. package/dist/components/EmptyState.js +40 -0
  20. package/dist/components/FixtureGroup.d.ts +9 -0
  21. package/dist/components/FixtureGroup.js +16 -0
  22. package/dist/components/FixtureRow.d.ts +10 -0
  23. package/dist/components/FixtureRow.js +46 -0
  24. package/dist/components/GlyphTile.d.ts +9 -3
  25. package/dist/components/GlyphTile.js +15 -4
  26. package/dist/components/Grid.d.ts +11 -3
  27. package/dist/components/Grid.js +13 -4
  28. package/dist/components/Hero.d.ts +26 -0
  29. package/dist/components/Hero.js +23 -0
  30. package/dist/components/SiteFooter.d.ts +12 -0
  31. package/dist/components/SiteFooter.js +23 -0
  32. package/dist/components/SiteHeader.d.ts +14 -0
  33. package/dist/components/SiteHeader.js +24 -0
  34. package/dist/components/Skeleton.d.ts +22 -0
  35. package/dist/components/Skeleton.js +30 -0
  36. package/dist/components/Stepper.d.ts +11 -1
  37. package/dist/components/Stepper.js +10 -8
  38. package/dist/components/Text.js +3 -0
  39. package/dist/components/app-shell/AppShellBar.d.ts +23 -0
  40. package/dist/components/app-shell/AppShellBar.js +25 -0
  41. package/dist/components/app-shell/types.d.ts +36 -1
  42. package/dist/components/app-shell/validate.d.ts +4 -3
  43. package/dist/components/app-shell/validate.js +21 -3
  44. package/dist/components/command-palette/PaletteList.d.ts +20 -0
  45. package/dist/components/command-palette/PaletteList.js +21 -0
  46. package/dist/components/command-palette/shortcut.d.ts +19 -0
  47. package/dist/components/command-palette/shortcut.js +75 -0
  48. package/dist/components/command-palette/types.d.ts +72 -0
  49. package/dist/components/command-palette/types.js +2 -0
  50. package/dist/components/command-palette/validate.d.ts +10 -0
  51. package/dist/components/command-palette/validate.js +50 -0
  52. package/dist/components/context-switcher/SwitcherOption.d.ts +17 -0
  53. package/dist/components/context-switcher/SwitcherOption.js +20 -0
  54. package/dist/components/context-switcher/SwitcherPopup.d.ts +31 -0
  55. package/dist/components/context-switcher/SwitcherPopup.js +111 -0
  56. package/dist/components/context-switcher/options.d.ts +33 -0
  57. package/dist/components/context-switcher/options.js +60 -0
  58. package/dist/components/context-switcher/types.d.ts +96 -0
  59. package/dist/components/context-switcher/types.js +1 -0
  60. package/dist/components/context-switcher/use-switcher-list.d.ts +29 -0
  61. package/dist/components/context-switcher/use-switcher-list.js +93 -0
  62. package/dist/components/context-switcher/validate.d.ts +8 -0
  63. package/dist/components/context-switcher/validate.js +94 -0
  64. package/dist/components/fixture/fixture-list-context.d.ts +4 -0
  65. package/dist/components/fixture/fixture-list-context.js +9 -0
  66. package/dist/components/fixture/types.d.ts +50 -0
  67. package/dist/components/fixture/types.js +1 -0
  68. package/dist/components/fixture/validate.d.ts +8 -0
  69. package/dist/components/fixture/validate.js +36 -0
  70. package/dist/components/site-footer/types.d.ts +31 -0
  71. package/dist/components/site-footer/types.js +1 -0
  72. package/dist/components/site-footer/validate.d.ts +7 -0
  73. package/dist/components/site-footer/validate.js +22 -0
  74. package/dist/components/site-header/SiteHeaderLinks.d.ts +7 -0
  75. package/dist/components/site-header/SiteHeaderLinks.js +7 -0
  76. package/dist/components/site-header/types.d.ts +38 -0
  77. package/dist/components/site-header/types.js +1 -0
  78. package/dist/components/site-header/use-menu-dismiss.d.ts +8 -0
  79. package/dist/components/site-header/use-menu-dismiss.js +62 -0
  80. package/dist/components/site-header/validate.d.ts +7 -0
  81. package/dist/components/site-header/validate.js +17 -0
  82. package/dist/components/stepper/StepperCountFrame.d.ts +15 -0
  83. package/dist/components/stepper/StepperCountFrame.js +25 -0
  84. package/dist/components/use-element-height.d.ts +10 -0
  85. package/dist/components/use-element-height.js +35 -0
  86. package/dist/context-switcher.test-support.d.ts +9 -0
  87. package/dist/context-switcher.test-support.js +41 -0
  88. package/dist/css/css-app-shell-page-bar.d.ts +3 -0
  89. package/dist/css/css-app-shell-page-bar.js +81 -0
  90. package/dist/css/css-app-shell.js +6 -1
  91. package/dist/css/css-band.d.ts +10 -0
  92. package/dist/css/css-band.js +101 -0
  93. package/dist/css/css-button-link.d.ts +3 -0
  94. package/dist/css/css-button-link.js +48 -0
  95. package/dist/css/css-command-palette-key.d.ts +1 -0
  96. package/dist/css/css-command-palette-key.js +33 -0
  97. package/dist/css/css-command-palette-trigger.d.ts +2 -0
  98. package/dist/css/css-command-palette-trigger.js +88 -0
  99. package/dist/css/css-command-palette.d.ts +2 -0
  100. package/dist/css/css-command-palette.js +209 -0
  101. package/dist/css/css-components.js +30 -0
  102. package/dist/css/css-context-switcher-trigger.d.ts +15 -0
  103. package/dist/css/css-context-switcher-trigger.js +175 -0
  104. package/dist/css/css-context-switcher.d.ts +4 -0
  105. package/dist/css/css-context-switcher.js +219 -0
  106. package/dist/css/css-count-pill.d.ts +2 -2
  107. package/dist/css/css-count-pill.js +11 -3
  108. package/dist/css/css-empty-state.d.ts +2 -0
  109. package/dist/css/css-empty-state.js +77 -0
  110. package/dist/css/css-fixture.d.ts +5 -0
  111. package/dist/css/css-fixture.js +260 -0
  112. package/dist/css/css-glyph-tile.d.ts +2 -0
  113. package/dist/css/css-glyph-tile.js +29 -1
  114. package/dist/css/css-grid-span.js +5 -2
  115. package/dist/css/css-grid.d.ts +13 -0
  116. package/dist/css/css-grid.js +17 -1
  117. package/dist/css/css-hero.d.ts +2 -0
  118. package/dist/css/css-hero.js +62 -0
  119. package/dist/css/css-site-footer.d.ts +2 -0
  120. package/dist/css/css-site-footer.js +152 -0
  121. package/dist/css/css-site-header.d.ts +2 -0
  122. package/dist/css/css-site-header.js +262 -0
  123. package/dist/css/css-skeleton.d.ts +10 -0
  124. package/dist/css/css-skeleton.js +110 -0
  125. package/dist/css/css-stepper-unit.d.ts +9 -0
  126. package/dist/css/css-stepper-unit.js +102 -0
  127. package/dist/css/css-stepper.js +5 -1
  128. package/dist/css/stacking.js +7 -4
  129. package/dist/css/stylesheet.js +20 -0
  130. package/dist/index.d.ts +18 -2
  131. package/dist/index.js +13 -1
  132. package/dist/stepper-count.d.ts +8 -0
  133. package/dist/stepper-count.js +17 -0
  134. package/dist/styles.css +2202 -702
  135. package/package.json +2 -2
package/dist/index.js CHANGED
@@ -15,6 +15,8 @@ export { listGroupVariants, listRowTitleAppearances, listRowTones, listRowValueT
15
15
  export { listTileColumnCounts, } from './css/css-list-tiles.js';
16
16
  export { Checkbox } from './components/Checkbox.js';
17
17
  export { Spinner, } from './components/Spinner.js';
18
+ export { Skeleton, skeletonVariants, } from './components/Skeleton.js';
19
+ export { EmptyState, emptyStateTitleElements, } from './components/EmptyState.js';
18
20
  export { GlyphTile, glyphTileSizes, } from './components/GlyphTile.js';
19
21
  export { Notice, noticeTones, noticeVariants, } from './components/Notice.js';
20
22
  export { Progress, progressTones, } from './components/Progress.js';
@@ -30,6 +32,7 @@ export { LineChart, lineChartCurves, } from './components/LineChart.js';
30
32
  export { DataBar, dataBarTones, } from './components/DataBar.js';
31
33
  export { Pagination, } from './components/Pagination.js';
32
34
  export { Button, } from './components/Button.js';
35
+ export { ButtonLink } from './components/ButtonLink.js';
33
36
  export { buttonWidths } from './css/css-button-width.js';
34
37
  export { buttonDisabledAppearances, webButtonVariants, } from './css/css-button.js';
35
38
  export { Box, } from './components/Box.js';
@@ -49,6 +52,11 @@ export { Inline } from './components/Inline.js';
49
52
  export { Split } from './components/Split.js';
50
53
  export { Nav, navAppearances, } from './components/Nav.js';
51
54
  export { NavCount, navCountTones, } from './components/NavCount.js';
55
+ export { FixtureGroup, } from './components/FixtureGroup.js';
56
+ export { FixtureRow, } from './components/FixtureRow.js';
57
+ export { CommandPalette, commandPaletteShortcuts, } from './components/CommandPalette.js';
58
+ export { CommandPaletteTrigger, } from './components/CommandPaletteTrigger.js';
59
+ export { ContextSwitcher, contextSwitcherTriggerAppearances, contextSwitcherWidths, } from './components/ContextSwitcher.js';
52
60
  export { AppShell, } from './components/AppShell.js';
53
61
  export { SectionNav, sectionNavAppearances, } from './components/SectionNav.js';
54
62
  export { SegmentedControl, segmentedSizes, } from './components/SegmentedControl.js';
@@ -62,9 +70,13 @@ export { ThemeProvider, useTheme, } from './theme/ThemeProvider.js';
62
70
  export { themeCanvases } from './css/css-canvas-grouped.js';
63
71
  export { utilityClassCatalog } from './css/stylesheet.js';
64
72
  export { breakpointQuery } from './css/breakpoints.js';
73
+ export { Band, bandElements, bandTones, bandWidths, } from './components/Band.js';
74
+ export { SiteHeader } from './components/SiteHeader.js';
75
+ export { Hero } from './components/Hero.js';
76
+ export { SiteFooter } from './components/SiteFooter.js';
65
77
  export { Separator } from './components/Separator.js';
66
78
  export { DescriptionItem, DescriptionList, descriptionListLayouts, } from './components/DescriptionList.js';
67
- export { Grid } from './components/Grid.js';
79
+ export { Grid, gridFits } from './components/Grid.js';
68
80
  export { DenominationGrid, denominationCellToneAppearances, denominationGridFrames, denominationLabelAppearances, denominationNegativeAppearances, denominationTotalEmphases, denominationTransposeBreakpoints, } from './components/DenominationGrid.js';
69
81
  export { FilterChips, filterChipCountAppearances, filterChipsOverflows, filterChipTones, } from './components/FilterChips.js';
70
82
  export { FilterChipsRow } from './components/FilterChipsRow.js';
@@ -35,3 +35,11 @@ export declare function stepperMoves(value: number | null, bounds: StepperBounds
35
35
  export declare function readStepperEntry(text: string, allowsNegative: boolean): StepperEntry;
36
36
  /** The box's text for a count: the plain number, or empty for none. */
37
37
  export declare function stepperText(value: number | null): string;
38
+ /** A consumer bug: a unit, when given, is a word to show after the count. */
39
+ export declare function assertStepperUnit(unit: string | undefined): void;
40
+ /**
41
+ * The count in words for assistive technology: the consumer's own words
42
+ * when given, otherwise the count and its unit ("90 min"), or nothing extra
43
+ * (the bare count is `aria-valuenow`) when there is no unit or no count.
44
+ */
45
+ export declare function stepperValueText(value: number | null, unit: string | undefined, valueText: string | undefined): string | undefined;
@@ -48,3 +48,20 @@ export function readStepperEntry(text, allowsNegative) {
48
48
  export function stepperText(value) {
49
49
  return value === null ? '' : String(value);
50
50
  }
51
+ /** A consumer bug: a unit, when given, is a word to show after the count. */
52
+ export function assertStepperUnit(unit) {
53
+ if (unit !== undefined && unit.trim() === '')
54
+ throw new RangeError('Stepper unit must not be blank');
55
+ }
56
+ /**
57
+ * The count in words for assistive technology: the consumer's own words
58
+ * when given, otherwise the count and its unit ("90 min"), or nothing extra
59
+ * (the bare count is `aria-valuenow`) when there is no unit or no count.
60
+ */
61
+ export function stepperValueText(value, unit, valueText) {
62
+ if (valueText !== undefined)
63
+ return valueText;
64
+ if (unit === undefined || value === null)
65
+ return undefined;
66
+ return `${value} ${unit.trim()}`;
67
+ }