@diplodoc/components 4.9.2 → 4.9.3

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 (94) hide show
  1. package/build/cjs/components/BookmarkButton/BookmarkButton.css.map +1 -1
  2. package/build/cjs/components/Breadcrumbs/Breadcrumbs.css.map +1 -1
  3. package/build/cjs/components/ContributorAvatars/ContributorAvatars.css.map +1 -1
  4. package/build/cjs/components/Contributors/Contributors.css.map +1 -1
  5. package/build/cjs/components/Control/Control.css.map +1 -1
  6. package/build/cjs/components/Controls/Controls.css.map +1 -1
  7. package/build/cjs/components/Controls/single-controls/DividerControl/DividerControl.css.map +1 -1
  8. package/build/cjs/components/Controls/single-controls/LangControl/LangControl.css.map +1 -1
  9. package/build/cjs/components/Controls/single-controls/SettingsControl/SettingsControl.css.map +1 -1
  10. package/build/cjs/components/DocLayout/DocLayout.css +1 -13
  11. package/build/cjs/components/DocLayout/DocLayout.css.map +3 -3
  12. package/build/cjs/components/DocLeadingPage/DocLeadingPage.css +0 -10
  13. package/build/cjs/components/DocLeadingPage/DocLeadingPage.css.map +3 -3
  14. package/build/cjs/components/DocPage/DocPage.css +5 -45
  15. package/build/cjs/components/DocPage/DocPage.css.map +3 -3
  16. package/build/cjs/components/DocPage/DocPage.js +3 -14
  17. package/build/cjs/components/DocPage/DocPage.js.map +2 -2
  18. package/build/cjs/components/DocPageTitle/DocPageTitle.css.map +1 -1
  19. package/build/cjs/components/ErrorPage/ErrorPage.css.map +1 -1
  20. package/build/cjs/components/Feedback/Feedback.css.map +1 -1
  21. package/build/cjs/components/Mark/Mark.css.map +1 -1
  22. package/build/cjs/components/MiniToc/MiniToc.css +1 -15
  23. package/build/cjs/components/MiniToc/MiniToc.css.map +3 -3
  24. package/build/cjs/components/Paginator/Paginator.css.map +1 -1
  25. package/build/cjs/components/SearchBar/SearchBar.css.map +1 -1
  26. package/build/cjs/components/SearchItem/SearchItem.css.map +1 -1
  27. package/build/cjs/components/SearchPage/SearchPage.css.map +1 -1
  28. package/build/cjs/components/Subscribe/Subscribe.css.map +1 -1
  29. package/build/cjs/components/Toc/Toc.css.map +1 -1
  30. package/build/cjs/components/TocItem/TocItem.css.map +1 -1
  31. package/build/cjs/components/TocLable/TocLabel.css.map +1 -1
  32. package/build/cjs/components/TocNavPanel/TocNavPanel.css.map +1 -1
  33. package/build/cjs/components/ToggleArrow/ToggleArrow.css.map +1 -1
  34. package/build/cjs/components/UpdatedAtDate/UpdatedAtDate.css.map +1 -1
  35. package/build/cjs/index.d.ts +0 -1
  36. package/build/cjs/index.js +0 -1
  37. package/build/cjs/index.js.map +2 -2
  38. package/build/esm/components/BookmarkButton/BookmarkButton.css.map +1 -1
  39. package/build/esm/components/Breadcrumbs/Breadcrumbs.css.map +1 -1
  40. package/build/esm/components/ContributorAvatars/ContributorAvatars.css.map +1 -1
  41. package/build/esm/components/Contributors/Contributors.css.map +1 -1
  42. package/build/esm/components/Control/Control.css.map +1 -1
  43. package/build/esm/components/Controls/Controls.css.map +1 -1
  44. package/build/esm/components/Controls/single-controls/DividerControl/DividerControl.css.map +1 -1
  45. package/build/esm/components/Controls/single-controls/LangControl/LangControl.css.map +1 -1
  46. package/build/esm/components/Controls/single-controls/SettingsControl/SettingsControl.css.map +1 -1
  47. package/build/esm/components/DocLayout/DocLayout.css +1 -13
  48. package/build/esm/components/DocLayout/DocLayout.css.map +3 -3
  49. package/build/esm/components/DocLeadingPage/DocLeadingPage.css +0 -10
  50. package/build/esm/components/DocLeadingPage/DocLeadingPage.css.map +3 -3
  51. package/build/esm/components/DocPage/DocPage.css +5 -45
  52. package/build/esm/components/DocPage/DocPage.css.map +3 -3
  53. package/build/esm/components/DocPage/DocPage.js +3 -14
  54. package/build/esm/components/DocPage/DocPage.js.map +2 -2
  55. package/build/esm/components/DocPageTitle/DocPageTitle.css.map +1 -1
  56. package/build/esm/components/ErrorPage/ErrorPage.css.map +1 -1
  57. package/build/esm/components/Feedback/Feedback.css.map +1 -1
  58. package/build/esm/components/Mark/Mark.css.map +1 -1
  59. package/build/esm/components/MiniToc/MiniToc.css +1 -15
  60. package/build/esm/components/MiniToc/MiniToc.css.map +3 -3
  61. package/build/esm/components/Paginator/Paginator.css.map +1 -1
  62. package/build/esm/components/SearchBar/SearchBar.css.map +1 -1
  63. package/build/esm/components/SearchItem/SearchItem.css.map +1 -1
  64. package/build/esm/components/SearchPage/SearchPage.css.map +1 -1
  65. package/build/esm/components/Subscribe/Subscribe.css.map +1 -1
  66. package/build/esm/components/Toc/Toc.css.map +1 -1
  67. package/build/esm/components/TocItem/TocItem.css.map +1 -1
  68. package/build/esm/components/TocLable/TocLabel.css.map +1 -1
  69. package/build/esm/components/TocNavPanel/TocNavPanel.css.map +1 -1
  70. package/build/esm/components/ToggleArrow/ToggleArrow.css.map +1 -1
  71. package/build/esm/components/UpdatedAtDate/UpdatedAtDate.css.map +1 -1
  72. package/build/esm/index.d.ts +0 -1
  73. package/build/esm/index.js +0 -1
  74. package/build/esm/index.js.map +2 -2
  75. package/build/index.css.map +1 -1
  76. package/build/themes/common/index.css +1 -1
  77. package/build/themes/common/index.css.map +2 -2
  78. package/package.json +2 -2
  79. package/build/cjs/components/SubNavigation/SubNavigation.css +0 -85
  80. package/build/cjs/components/SubNavigation/SubNavigation.css.map +0 -7
  81. package/build/cjs/components/SubNavigation/SubNavigation.d.ts +0 -15
  82. package/build/cjs/components/SubNavigation/SubNavigation.js +0 -187
  83. package/build/cjs/components/SubNavigation/SubNavigation.js.map +0 -7
  84. package/build/cjs/components/SubNavigation/index.d.ts +0 -2
  85. package/build/cjs/components/SubNavigation/index.js +0 -39
  86. package/build/cjs/components/SubNavigation/index.js.map +0 -7
  87. package/build/esm/components/SubNavigation/SubNavigation.css +0 -85
  88. package/build/esm/components/SubNavigation/SubNavigation.css.map +0 -7
  89. package/build/esm/components/SubNavigation/SubNavigation.d.ts +0 -15
  90. package/build/esm/components/SubNavigation/SubNavigation.js +0 -156
  91. package/build/esm/components/SubNavigation/SubNavigation.js.map +0 -7
  92. package/build/esm/components/SubNavigation/index.d.ts +0 -2
  93. package/build/esm/components/SubNavigation/index.js +0 -7
  94. package/build/esm/components/SubNavigation/index.js.map +0 -7
package/package.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "description": "React components for drawing Diplodoc documentation",
4
4
  "author": "YFM Team <yfm-team@yandex.ru>",
5
5
  "license": "MIT",
6
- "version": "4.9.2",
6
+ "version": "4.9.3",
7
7
  "repository": {
8
8
  "type": "git",
9
9
  "url": "git@github.com:yandex-cloud/docs-components.git"
@@ -58,7 +58,7 @@
58
58
  "_lint:prettier:fix": "prettier --write 'src/**/*.{js,jsx,ts,tsx}'",
59
59
  "_lint:styles": "stylelint src/**/*.scss",
60
60
  "_lint:styles:fix": "npm run _lint:styles -- --fix",
61
- "typecheck": "tsc --noEmit",
61
+ "typecheck": "tsc -p . --noEmit",
62
62
  "test": "exit 0",
63
63
  "dev": "run-s build _dev:watch",
64
64
  "_dev:watch": "run-p _build:watch _storybook:watch",
@@ -1,85 +0,0 @@
1
- /* src/components/SubNavigation/SubNavigation.scss */
2
- .dc-subnavigation {
3
- position: absolute;
4
- z-index: 119;
5
- display: flex;
6
- width: calc(100% - 12px - 12px);
7
- height: 44px;
8
- padding: 4px 12px;
9
- gap: 4px;
10
- background: #fff;
11
- background: var(--g-color-base-background, #fff);
12
- border-bottom: 1px solid rgba(0, 0, 0, 0.1019607843);
13
- border-bottom: 1px solid var(--g-color-line-generic, rgba(0, 0, 0, 0.1019607843));
14
- transition: margin-top 300ms 0s;
15
- }
16
- @media (min-width: 769px) {
17
- .dc-subnavigation {
18
- display: none;
19
- }
20
- }
21
- .dc-subnavigation__left {
22
- display: flex;
23
- align-items: center;
24
- justify-content: flex-start;
25
- flex: 1 0 0;
26
- width: 100%;
27
- padding: 0;
28
- gap: 4px;
29
- -webkit-text-decoration: none;
30
- text-decoration: none;
31
- color: rgba(0, 0, 0, 0.85);
32
- color: var(--g-color-text-primary, rgba(0, 0, 0, 0.85));
33
- background: none;
34
- border-radius: 3px;
35
- border-radius: var(--g-border-radius-xs, 3px);
36
- border: none;
37
- outline: none;
38
- transition: transform 0.1s ease-out, color 0.15s linear;
39
- transform: scale(1);
40
- touch-action: manipulation;
41
- }
42
- .dc-subnavigation__left:hover {
43
- background: rgba(0, 0, 0, 0.05);
44
- background: var(--g-color-base-simple-hover, rgba(0, 0, 0, 0.05));
45
- }
46
- .dc-subnavigation__left:active {
47
- transition: none;
48
- transform: scale(0.98);
49
- }
50
- .dc-subnavigation__left:focus-visible {
51
- outline: rgb(78, 121, 235);
52
- outline: var(--g-color-line-focus, rgb(78, 121, 235));
53
- outline-width: 2px;
54
- outline-style: solid;
55
- }
56
- .dc-subnavigation__left_hidden {
57
- visibility: hidden;
58
- }
59
- .dc-subnavigation__icon {
60
- display: flex;
61
- justify-content: center;
62
- align-items: center;
63
- padding: 12px;
64
- }
65
- .dc-subnavigation__title {
66
- font-size: var(--g-text-subheader-2-font-size);
67
- line-height: var(--g-text-subheader-2-line-height);
68
- font-weight: 400;
69
- }
70
- .dc-subnavigation_hidden {
71
- --dc-header-height: 64px;
72
- margin-top: calc(0px - 64px);
73
- margin-top: calc(0px - var(--dc-header-height, 64px));
74
- }
75
- .dc-subnavigation_visible {
76
- margin-top: 0;
77
- }
78
- .dc-subnavigation_invisible {
79
- border: none;
80
- background: none;
81
- }
82
- .dc-subnavigation_invisible .dc-subnavigation__button {
83
- margin-top: 8px;
84
- }
85
- /*# sourceMappingURL=SubNavigation.css.map */
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../src/components/SubNavigation/home/runner/work/components/components/src/components/SubNavigation/SubNavigation.scss", "../../../../src/components/SubNavigation/%3Cinput%20css%20BqVFT4%3E", "../../../../src/components/SubNavigation/home/runner/work/components/components/src/styles/mixins.scss"],
4
- "sourcesContent": ["@import '../../styles/variables';\n@import '../../styles/mixins';\n\n.dc-subnavigation {\n position: absolute;\n z-index: 119;\n\n display: flex;\n\n width: calc(100% - 12px - 12px);\n height: 44px;\n padding: 4px 12px;\n\n gap: 4px;\n\n background: var(--g-color-base-background, #fff);\n border-bottom: 1px solid var(--g-color-line-generic, #0000001a);\n\n @media (min-width: map-get($screenBreakpoints, 'md')) {\n display: none;\n }\n\n &__left {\n display: flex;\n align-items: center;\n justify-content: flex-start;\n flex: 1 0 0;\n\n width: 100%;\n padding: 0;\n gap: 4px;\n\n text-decoration: none;\n\n color: var(--g-color-text-primary, rgba(0, 0, 0, 0.85));\n background: none;\n border-radius: var(--g-border-radius-xs, 3px);\n border: none;\n outline: none;\n\n transition: transform 0.1s ease-out, color 0.15s linear;\n transform: scale(1);\n\n touch-action: manipulation;\n\n &:hover {\n background: var(--g-color-base-simple-hover, rgba(0, 0, 0, 0.05));\n }\n\n &:active {\n transition: none;\n transform: scale(0.98);\n }\n\n &:focus-visible {\n outline: var(--g-color-line-focus, rgb(78, 121, 235));\n outline-width: 2px;\n outline-style: solid;\n }\n\n &_hidden {\n visibility: hidden;\n }\n }\n\n &__icon {\n display: flex;\n justify-content: center;\n align-items: center;\n\n padding: 12px;\n }\n\n &__title {\n @include text-size(subheader-2);\n font-weight: 400;\n }\n\n transition: margin-top 300ms 0s;\n\n &_hidden {\n --dc-header-height: 64px;\n margin-top: calc(0px - var(--dc-header-height, 64px));\n }\n\n &_visible {\n margin-top: 0;\n }\n\n &_invisible {\n border: none;\n background: none;\n }\n\n &_invisible &__button {\n margin-top: 8px;\n }\n}\n", ".dc-subnavigation {\n position: absolute;\n z-index: 119;\n display: flex;\n width: calc(100% - 12px - 12px);\n height: 44px;\n padding: 4px 12px;\n gap: 4px;\n background: var(--g-color-base-background, #fff);\n border-bottom: 1px solid var(--g-color-line-generic, rgba(0, 0, 0, 0.1019607843));\n transition: margin-top 300ms 0s;\n}\n@media (min-width: 769px) {\n .dc-subnavigation {\n display: none;\n }\n}\n.dc-subnavigation__left {\n display: flex;\n align-items: center;\n justify-content: flex-start;\n flex: 1 0 0;\n width: 100%;\n padding: 0;\n gap: 4px;\n text-decoration: none;\n color: var(--g-color-text-primary, rgba(0, 0, 0, 0.85));\n background: none;\n border-radius: var(--g-border-radius-xs, 3px);\n border: none;\n outline: none;\n transition: transform 0.1s ease-out, color 0.15s linear;\n transform: scale(1);\n touch-action: manipulation;\n}\n.dc-subnavigation__left:hover {\n background: var(--g-color-base-simple-hover, rgba(0, 0, 0, 0.05));\n}\n.dc-subnavigation__left:active {\n transition: none;\n transform: scale(0.98);\n}\n.dc-subnavigation__left:focus-visible {\n outline: var(--g-color-line-focus, rgb(78, 121, 235));\n outline-width: 2px;\n outline-style: solid;\n}\n.dc-subnavigation__left_hidden {\n visibility: hidden;\n}\n.dc-subnavigation__icon {\n display: flex;\n justify-content: center;\n align-items: center;\n padding: 12px;\n}\n.dc-subnavigation__title {\n font-size: var(--g-text-subheader-2-font-size);\n line-height: var(--g-text-subheader-2-line-height);\n font-weight: 400;\n}\n.dc-subnavigation_hidden {\n --dc-header-height: 64px;\n margin-top: calc(0px - var(--dc-header-height, 64px));\n}\n.dc-subnavigation_visible {\n margin-top: 0;\n}\n.dc-subnavigation_invisible {\n border: none;\n background: none;\n}\n.dc-subnavigation_invisible .dc-subnavigation__button {\n margin-top: 8px;\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL2hvbWUvcnVubmVyL3dvcmsvY29tcG9uZW50cy9jb21wb25lbnRzL3NyYy9jb21wb25lbnRzL1N1Yk5hdmlnYXRpb24iLCJzb3VyY2VzIjpbIlN1Yk5hdmlnYXRpb24uc2NzcyIsIi4uLy4uL3N0eWxlcy9taXhpbnMuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFHQTtFQUNJO0VBQ0E7RUFFQTtFQUVBO0VBQ0E7RUFDQTtFQUVBO0VBRUE7RUFDQTtFQThEQTs7QUE1REE7RUFmSjtJQWdCUTs7O0FBR0o7RUFDSTtFQUNBO0VBQ0E7RUFDQTtFQUVBO0VBQ0E7RUFDQTtFQUVBO0VBRUE7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUVBO0VBQ0E7RUFFQTs7QUFFQTtFQUNJOztBQUdKO0VBQ0k7RUFDQTs7QUFHSjtFQUNJO0VBQ0E7RUFDQTs7QUFHSjtFQUNJOztBQUlSO0VBQ0k7RUFDQTtFQUNBO0VBRUE7O0FBR0o7RUN0RUE7RUFDQTtFRHVFSTs7QUFLSjtFQUNJO0VBQ0E7O0FBR0o7RUFDSTs7QUFHSjtFQUNJO0VBQ0E7O0FBR0o7RUFDSSIsInNvdXJjZXNDb250ZW50IjpbIkBpbXBvcnQgJy4uLy4uL3N0eWxlcy92YXJpYWJsZXMnO1xuQGltcG9ydCAnLi4vLi4vc3R5bGVzL21peGlucyc7XG5cbi5kYy1zdWJuYXZpZ2F0aW9uIHtcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgei1pbmRleDogMTE5O1xuXG4gICAgZGlzcGxheTogZmxleDtcblxuICAgIHdpZHRoOiBjYWxjKDEwMCUgLSAxMnB4IC0gMTJweCk7XG4gICAgaGVpZ2h0OiA0NHB4O1xuICAgIHBhZGRpbmc6IDRweCAxMnB4O1xuXG4gICAgZ2FwOiA0cHg7XG5cbiAgICBiYWNrZ3JvdW5kOiB2YXIoLS1nLWNvbG9yLWJhc2UtYmFja2dyb3VuZCwgI2ZmZik7XG4gICAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkIHZhcigtLWctY29sb3ItbGluZS1nZW5lcmljLCAjMDAwMDAwMWEpO1xuXG4gICAgQG1lZGlhIChtaW4td2lkdGg6IG1hcC1nZXQoJHNjcmVlbkJyZWFrcG9pbnRzLCAnbWQnKSkge1xuICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cblxuICAgICZfX2xlZnQge1xuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XG4gICAgICAgIGZsZXg6IDEgMCAwO1xuXG4gICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICBwYWRkaW5nOiAwO1xuICAgICAgICBnYXA6IDRweDtcblxuICAgICAgICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG5cbiAgICAgICAgY29sb3I6IHZhcigtLWctY29sb3ItdGV4dC1wcmltYXJ5LCByZ2JhKDAsIDAsIDAsIDAuODUpKTtcbiAgICAgICAgYmFja2dyb3VuZDogbm9uZTtcbiAgICAgICAgYm9yZGVyLXJhZGl1czogdmFyKC0tZy1ib3JkZXItcmFkaXVzLXhzLCAzcHgpO1xuICAgICAgICBib3JkZXI6IG5vbmU7XG4gICAgICAgIG91dGxpbmU6IG5vbmU7XG5cbiAgICAgICAgdHJhbnNpdGlvbjogdHJhbnNmb3JtIDAuMXMgZWFzZS1vdXQsIGNvbG9yIDAuMTVzIGxpbmVhcjtcbiAgICAgICAgdHJhbnNmb3JtOiBzY2FsZSgxKTtcblxuICAgICAgICB0b3VjaC1hY3Rpb246IG1hbmlwdWxhdGlvbjtcblxuICAgICAgICAmOmhvdmVyIHtcbiAgICAgICAgICAgIGJhY2tncm91bmQ6IHZhcigtLWctY29sb3ItYmFzZS1zaW1wbGUtaG92ZXIsIHJnYmEoMCwgMCwgMCwgMC4wNSkpO1xuICAgICAgICB9XG5cbiAgICAgICAgJjphY3RpdmUge1xuICAgICAgICAgICAgdHJhbnNpdGlvbjogbm9uZTtcbiAgICAgICAgICAgIHRyYW5zZm9ybTogc2NhbGUoMC45OCk7XG4gICAgICAgIH1cblxuICAgICAgICAmOmZvY3VzLXZpc2libGUge1xuICAgICAgICAgICAgb3V0bGluZTogdmFyKC0tZy1jb2xvci1saW5lLWZvY3VzLCByZ2IoNzgsIDEyMSwgMjM1KSk7XG4gICAgICAgICAgICBvdXRsaW5lLXdpZHRoOiAycHg7XG4gICAgICAgICAgICBvdXRsaW5lLXN0eWxlOiBzb2xpZDtcbiAgICAgICAgfVxuXG4gICAgICAgICZfaGlkZGVuIHtcbiAgICAgICAgICAgIHZpc2liaWxpdHk6IGhpZGRlbjtcbiAgICAgICAgfVxuICAgIH1cblxuICAgICZfX2ljb24ge1xuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcblxuICAgICAgICBwYWRkaW5nOiAxMnB4O1xuICAgIH1cblxuICAgICZfX3RpdGxlIHtcbiAgICAgICAgQGluY2x1ZGUgdGV4dC1zaXplKHN1YmhlYWRlci0yKTtcbiAgICAgICAgZm9udC13ZWlnaHQ6IDQwMDtcbiAgICB9XG5cbiAgICB0cmFuc2l0aW9uOiBtYXJnaW4tdG9wIDMwMG1zIDBzO1xuXG4gICAgJl9oaWRkZW4ge1xuICAgICAgICAtLWRjLWhlYWRlci1oZWlnaHQ6IDY0cHg7XG4gICAgICAgIG1hcmdpbi10b3A6IGNhbGMoMHB4IC0gdmFyKC0tZGMtaGVhZGVyLWhlaWdodCwgNjRweCkpO1xuICAgIH1cblxuICAgICZfdmlzaWJsZSB7XG4gICAgICAgIG1hcmdpbi10b3A6IDA7XG4gICAgfVxuXG4gICAgJl9pbnZpc2libGUge1xuICAgICAgICBib3JkZXI6IG5vbmU7XG4gICAgICAgIGJhY2tncm91bmQ6IG5vbmU7XG4gICAgfVxuXG4gICAgJl9pbnZpc2libGUgJl9fYnV0dG9uIHtcbiAgICAgICAgbWFyZ2luLXRvcDogOHB4O1xuICAgIH1cbn1cbiIsIkBpbXBvcnQgJy4vdmFyaWFibGVzJztcblxuQG1peGluIHRleHQtc2l6ZSgkbmFtZSkge1xuICAgIGZvbnQtc2l6ZTogdmFyKC0tZy10ZXh0LSN7JG5hbWV9LWZvbnQtc2l6ZSk7XG4gICAgbGluZS1oZWlnaHQ6IHZhcigtLWctdGV4dC0jeyRuYW1lfS1saW5lLWhlaWdodCk7XG59XG5cbkBtaXhpbiByZXNldC1saXN0LXN0eWxlKCkge1xuICAgIG1hcmdpbjogMDtcbiAgICBwYWRkaW5nOiAwO1xuICAgIGxpc3Qtc3R5bGU6IG5vbmU7XG59XG5cbkBtaXhpbiBmaXhBbmNob3JQb3NpdGlvbigkb2Zmc2V0OiAwcHgpIHtcbiAgICBwYWRkaW5nLXRvcDogY2FsYyh2YXIoLS1kYy1oZWFkZXItaGVpZ2h0LCAjeyRoZWFkZXJIZWlnaHR9KSk7XG4gICAgbWFyZ2luLXRvcDogY2FsYygjeyRvZmZzZXR9IC0gdmFyKC0tZGMtaGVhZGVyLWhlaWdodCwgI3skaGVhZGVySGVpZ2h0fSkpO1xufVxuXG5AbWl4aW4gcmVzZXQtbGluay1zdHlsZSgpIHtcbiAgICBjb2xvcjogaW5oZXJpdDtcbiAgICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG59XG5cbkBtaXhpbiBpc2xhbmRzLWZvY3VzKCkge1xuICAgIG91dGxpbmU6IG5vbmU7XG5cbiAgICAudXRpbGl0eWZvY3VzICY6Zm9jdXMge1xuICAgICAgICBvdXRsaW5lOiAycHggc29saWQgI2ZmZGI0ZDtcbiAgICB9XG59XG5cbkBtaXhpbiBmb2N1c2FibGUoJG9mZnNldDogMCwgJG1vZGU6ICdvdXRsaW5lJykge1xuICAgIEBpZiAkbW9kZSA9PSAnb3V0bGluZScge1xuICAgICAgICAmOmZvY3VzIHtcbiAgICAgICAgICAgIG91dGxpbmU6IDJweCBzb2xpZCB2YXIoLS1nLWNvbG9yLWxpbmUtZm9jdXMpO1xuICAgICAgICAgICAgb3V0bGluZS1vZmZzZXQ6ICRvZmZzZXQ7XG4gICAgICAgIH1cbiAgICAgICAgJjpmb2N1czpub3QoOmZvY3VzLXZpc2libGUpIHtcbiAgICAgICAgICAgIG91dGxpbmU6IDA7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBAaWYgJG1vZGUgPT0gJ2JveC1zaGFkb3cnIHtcbiAgICAgICAgJjpmb2N1cyB7XG4gICAgICAgICAgICBib3gtc2hhZG93OiAwIDAgMCAycHggdmFyKC0tZy1jb2xvci1saW5lLWZvY3VzKTtcbiAgICAgICAgICAgIG91dGxpbmU6IDA7XG4gICAgICAgIH1cbiAgICAgICAgJjpmb2N1czpub3QoOmZvY3VzLXZpc2libGUpIHtcbiAgICAgICAgICAgIGJveC1zaGFkb3c6IG5vbmU7XG4gICAgICAgIH1cbiAgICB9XG59XG5cbkBtaXhpbiBsaW5rKCkge1xuICAgIEBpbmNsdWRlIGlzbGFuZHMtZm9jdXMoKTtcbiAgICBAaW5jbHVkZSBmb2N1c2FibGUoMCwgJ2JveC1zaGFkb3cnKTtcblxuICAgIGNvbG9yOiB2YXIoLS1nLWNvbG9yLXRleHQtbGluayk7XG4gICAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICBib3JkZXItcmFkaXVzOiB2YXIoLS1nLWZvY3VzLWJvcmRlci1yYWRpdXMpO1xuXG4gICAgJjpob3ZlcixcbiAgICAmOmFjdGl2ZSB7XG4gICAgICAgIGNvbG9yOiB2YXIoLS1nLWNvbG9yLXRleHQtbGluay1ob3Zlcik7XG4gICAgfVxufVxuXG5AbWl4aW4gaGVhZGluZzEoKSB7XG4gICAgQGluY2x1ZGUgdGV4dC1zaXplKGRpc3BsYXktMyk7XG4gICAgZm9udC13ZWlnaHQ6IDUwMDtcblxuICAgIEBtZWRpYSAobWF4LXdpZHRoOiBtYXAtZ2V0KCRzY3JlZW5CcmVha3BvaW50cywgJ21kJykgLSAxKSB7XG4gICAgICAgIEBpbmNsdWRlIHRleHQtc2l6ZShkaXNwbGF5LTIpO1xuICAgIH1cbn1cblxuQG1peGluIGhlYWRpbmcyKCkge1xuICAgIEBpbmNsdWRlIHRleHQtc2l6ZShkaXNwbGF5LTEpO1xuICAgIGZvbnQtd2VpZ2h0OiA1MDA7XG59XG5cbkBtaXhpbiBoZWFkaW5nMygpIHtcbiAgICBAaW5jbHVkZSB0ZXh0LXNpemUoaGVhZGVyLTIpO1xuICAgIGZvbnQtd2VpZ2h0OiA1MDA7XG59XG5cbkBtaXhpbiBoZWFkaW5nNCgpIHtcbiAgICBAaW5jbHVkZSB0ZXh0LXNpemUoaGVhZGVyLTEpO1xuICAgIGZvbnQtd2VpZ2h0OiA1MDA7XG59XG5cbkBtaXhpbiBoZWFkaW5nNSgpIHtcbiAgICBAaW5jbHVkZSB0ZXh0LXNpemUoYm9keS0zKTtcbiAgICBmb250LXdlaWdodDogNTAwO1xufVxuXG5AbWl4aW4gaGVhZGluZzYoKSB7XG4gICAgQGluY2x1ZGUgdGV4dC1zaXplKGJvZHktMyk7XG4gICAgZm9udC13ZWlnaHQ6IDQwMDtcbn1cblxuQG1peGluIGNvbnRyaWJ1dG9ycy10ZXh0KCkge1xuICAgIGZvbnQtc2l6ZTogMTNweDtcbiAgICBmb250LXdlaWdodDogNDAwO1xuICAgIG1hcmdpbi1yaWdodDogNXB4O1xuICAgIGFsaWduLXNlbGY6IGNlbnRlcjtcbn1cblxuQG1peGluIHRleHQtYm9keS0xKCkge1xuICAgIGZvbnQtc2l6ZTogdmFyKC0tZy10ZXh0LWJvZHktMS1mb250LXNpemUpO1xuICAgIGxpbmUtaGVpZ2h0OiB2YXIoLS1nLXRleHQtYm9keS0xLWxpbmUtaGVpZ2h0KTtcbiAgICBmb250LXdlaWdodDogdmFyKC0tZy10ZXh0LWJvZHktZm9udC13ZWlnaHQpO1xufVxuXG5AbWl4aW4gZGVza3RvcC1vbmx5KCkge1xuICAgIEBtZWRpYSAobWF4LXdpZHRoOiBtYXAtZ2V0KCRzY3JlZW5CcmVha3BvaW50cywgJ21kJykgLSAxKSB7XG4gICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgfVxufVxuXG5AbWl4aW4gZGVza3RvcC10YWJsZXQtb25seSgpIHtcbiAgICBAbWVkaWEgKG1heC13aWR0aDogbWFwLWdldCgkc2NyZWVuQnJlYWtwb2ludHMsICdzbScpIC0gMSkge1xuICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cbn1cblxuQG1peGluIG1vYmlsZS10YWJsZXQtb25seSgpIHtcbiAgICBAbWVkaWEgKG1pbi13aWR0aDogbWFwLWdldCgkc2NyZWVuQnJlYWtwb2ludHMsICdtZCcpKSB7XG4gICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgfVxufVxuXG5AbWl4aW4gbW9iaWxlLW9ubHkoKSB7XG4gICAgQG1lZGlhIChtaW4td2lkdGg6IG1hcC1nZXQoJHNjcmVlbkJyZWFrcG9pbnRzLCAnc20nKSkge1xuICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cbn1cbiJdfQ== */", "@import './variables';\n\n@mixin text-size($name) {\n font-size: var(--g-text-#{$name}-font-size);\n line-height: var(--g-text-#{$name}-line-height);\n}\n\n@mixin reset-list-style() {\n margin: 0;\n padding: 0;\n list-style: none;\n}\n\n@mixin fixAnchorPosition($offset: 0px) {\n padding-top: calc(var(--dc-header-height, #{$headerHeight}));\n margin-top: calc(#{$offset} - var(--dc-header-height, #{$headerHeight}));\n}\n\n@mixin reset-link-style() {\n color: inherit;\n text-decoration: none;\n}\n\n@mixin islands-focus() {\n outline: none;\n\n .utilityfocus &:focus {\n outline: 2px solid #ffdb4d;\n }\n}\n\n@mixin focusable($offset: 0, $mode: 'outline') {\n @if $mode == 'outline' {\n &:focus {\n outline: 2px solid var(--g-color-line-focus);\n outline-offset: $offset;\n }\n &:focus:not(:focus-visible) {\n outline: 0;\n }\n }\n\n @if $mode == 'box-shadow' {\n &:focus {\n box-shadow: 0 0 0 2px var(--g-color-line-focus);\n outline: 0;\n }\n &:focus:not(:focus-visible) {\n box-shadow: none;\n }\n }\n}\n\n@mixin link() {\n @include islands-focus();\n @include focusable(0, 'box-shadow');\n\n color: var(--g-color-text-link);\n text-decoration: none;\n cursor: pointer;\n border-radius: var(--g-focus-border-radius);\n\n &:hover,\n &:active {\n color: var(--g-color-text-link-hover);\n }\n}\n\n@mixin heading1() {\n @include text-size(display-3);\n font-weight: 500;\n\n @media (max-width: map-get($screenBreakpoints, 'md') - 1) {\n @include text-size(display-2);\n }\n}\n\n@mixin heading2() {\n @include text-size(display-1);\n font-weight: 500;\n}\n\n@mixin heading3() {\n @include text-size(header-2);\n font-weight: 500;\n}\n\n@mixin heading4() {\n @include text-size(header-1);\n font-weight: 500;\n}\n\n@mixin heading5() {\n @include text-size(body-3);\n font-weight: 500;\n}\n\n@mixin heading6() {\n @include text-size(body-3);\n font-weight: 400;\n}\n\n@mixin contributors-text() {\n font-size: 13px;\n font-weight: 400;\n margin-right: 5px;\n align-self: center;\n}\n\n@mixin text-body-1() {\n font-size: var(--g-text-body-1-font-size);\n line-height: var(--g-text-body-1-line-height);\n font-weight: var(--g-text-body-font-weight);\n}\n\n@mixin desktop-only() {\n @media (max-width: map-get($screenBreakpoints, 'md') - 1) {\n display: none;\n }\n}\n\n@mixin desktop-tablet-only() {\n @media (max-width: map-get($screenBreakpoints, 'sm') - 1) {\n display: none;\n }\n}\n\n@mixin mobile-tablet-only() {\n @media (min-width: map-get($screenBreakpoints, 'md')) {\n display: none;\n }\n}\n\n@mixin mobile-only() {\n @media (min-width: map-get($screenBreakpoints, 'sm')) {\n display: none;\n }\n}\n"],
5
- "mappings": ";AAGA,CAAA;AACI,YAAA;AACA,WAAA;AAEA,WAAA;AAEA,SAAA,KAAA,KAAA,EAAA,KAAA,EAAA;AACA,UAAA;AACA,WAAA,IAAA;AAEA,OAAA;AAEA,cAAA;AAAA,cAAA,IAAA,yBAAA,EAAA;AACA,iBAAA,IAAA,MAAA,KAAA,CAAA,EAAA,CAAA,EAAA,CAAA,EAAA;AAAA,iBAAA,IAAA,MAAA,IAAA,sBAAA,EAAA,KAAA,CAAA,EAAA,CAAA,EAAA,CAAA,EAAA;AA8DA,cAAA,WAAA,MAAA;ACnEJ;ADOI,OAAA,CAAA,SAAA,EAAA;AAfJ,GAAA;AAgBQ,aAAA;ACJN;AACF;ADMI,CAAA;AACI,WAAA;AACA,eAAA;AACA,mBAAA;AACA,QAAA,EAAA,EAAA;AAEA,SAAA;AACA,WAAA;AACA,OAAA;AAEA,2BAAA;AAAA,mBAAA;AAEA,SAAA,KAAA,CAAA,EAAA,CAAA,EAAA,CAAA,EAAA;AAAA,SAAA,IAAA,sBAAA,EAAA,KAAA,CAAA,EAAA,CAAA,EAAA,CAAA,EAAA;AACA,cAAA;AACA,iBAAA;AAAA,iBAAA,IAAA,oBAAA,EAAA;AACA,UAAA;AACA,WAAA;AAEA,cAAA,UAAA,KAAA,QAAA,EAAA,MAAA,MAAA;AACA,aAAA,MAAA;AAEA,gBAAA;ACTR;ADWQ,CAvBJ,sBAuBI;AACI,cAAA,KAAA,CAAA,EAAA,CAAA,EAAA,CAAA,EAAA;AAAA,cAAA,IAAA,2BAAA,EAAA,KAAA,CAAA,EAAA,CAAA,EAAA,CAAA,EAAA;ACTZ;ADYQ,CA3BJ,sBA2BI;AACI,cAAA;AACA,aAAA,MAAA;ACVZ;ADaQ,CAhCJ,sBAgCI;AACI,WAAA,IAAA,EAAA,EAAA,GAAA,EAAA;AAAA,WAAA,IAAA,oBAAA,EAAA,IAAA,EAAA,EAAA,GAAA,EAAA;AACA,iBAAA;AACA,iBAAA;ACXZ;ADcQ,CAAA;AACI,cAAA;ACZZ;ADgBI,CAAA;AACI,WAAA;AACA,mBAAA;AACA,eAAA;AAEA,WAAA;ACfR;ADkBI,CAAA;AEtEA,aAAA,IAAA;AACA,eAAA,IAAA;AFuEI,eAAA;ACfR;ADoBI,CAAA;AACI,sBAAA;AACA,cAAA,KAAA,IAAA,EAAA;AAAA,cAAA,KAAA,IAAA,EAAA,IAAA,kBAAA,EAAA;AClBR;ADqBI,CAAA;AACI,cAAA;ACnBR;ADsBI,CAAA;AACI,UAAA;AACA,cAAA;ACpBR;ADuBI,CALA,2BAKA,CAAA;AACI,cAAA;ACrBR;",
6
- "names": []
7
- }
@@ -1,15 +0,0 @@
1
- import React from 'react';
2
- import './SubNavigation.scss';
3
- export type ShareData = {
4
- title: string | undefined;
5
- url?: string;
6
- };
7
- export interface SubNavigationProps {
8
- title: string | undefined;
9
- hideMiniToc: boolean;
10
- miniTocOpened: boolean;
11
- toggleMiniTocOpen: () => void;
12
- closeMiniToc: () => void;
13
- }
14
- export declare const SubNavigation: ({ title, hideMiniToc, miniTocOpened, toggleMiniTocOpen, closeMiniToc, }: SubNavigationProps) => React.JSX.Element;
15
- export default SubNavigation;
@@ -1,187 +0,0 @@
1
- "use strict";
2
- var __create = Object.create;
3
- var __defProp = Object.defineProperty;
4
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
5
- var __getOwnPropNames = Object.getOwnPropertyNames;
6
- var __getProtoOf = Object.getPrototypeOf;
7
- var __hasOwnProp = Object.prototype.hasOwnProperty;
8
- var __export = (target, all) => {
9
- for (var name in all)
10
- __defProp(target, name, { get: all[name], enumerable: true });
11
- };
12
- var __copyProps = (to, from, except, desc) => {
13
- if (from && typeof from === "object" || typeof from === "function") {
14
- for (let key of __getOwnPropNames(from))
15
- if (!__hasOwnProp.call(to, key) && key !== except)
16
- __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
17
- }
18
- return to;
19
- };
20
- var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
21
- // If the importer is in node compatibility mode or this is not an ESM
22
- // file that has been converted to a CommonJS file using a Babel-
23
- // compatible transform (i.e. "__esModule" has not been set), then set
24
- // "default" to the CommonJS "module.exports" for node compatibility.
25
- isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
26
- mod
27
- ));
28
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
29
-
30
- // src/components/SubNavigation/SubNavigation.tsx
31
- var SubNavigation_exports = {};
32
- __export(SubNavigation_exports, {
33
- SubNavigation: () => SubNavigation,
34
- default: () => SubNavigation_default
35
- });
36
- module.exports = __toCommonJS(SubNavigation_exports);
37
- var import_react = __toESM(require("react"));
38
- var import_icons = require("@gravity-ui/icons");
39
- var import_uikit = require("@gravity-ui/uikit");
40
- var import_bem_cn_lite = __toESM(require("bem-cn-lite"));
41
- var import_SubNavigation = require("./SubNavigation.css");
42
- var b = (0, import_bem_cn_lite.default)("dc-subnavigation");
43
- var useVisibility = (miniTocOpened, closeMiniToc) => {
44
- const [visibility, setVisibility] = (0, import_react.useState)(true);
45
- const [hiddingTimeout, setHiddingTimeout] = (0, import_react.useState)(void 0);
46
- const [lastScrollY, setLastScrollY] = (0, import_react.useState)(
47
- typeof window === "undefined" ? null : window.screenY
48
- );
49
- const clickOutsideMiniToc = (0, import_react.useCallback)(
50
- (event) => {
51
- const isOutside = !event.composedPath().slice(0, -2).some((item) => {
52
- var _a;
53
- const el = item;
54
- const classes = (_a = el.classList) != null ? _a : [];
55
- return classes == null ? void 0 : classes.contains("dc-doc-layout__right");
56
- });
57
- if (isOutside) {
58
- closeMiniToc();
59
- }
60
- },
61
- [closeMiniToc]
62
- );
63
- const controlVisibility = (0, import_react.useCallback)(() => {
64
- if (typeof window === "undefined") {
65
- return;
66
- }
67
- if (miniTocOpened) {
68
- setVisibility(true);
69
- return;
70
- }
71
- if (lastScrollY && lastScrollY === 0) {
72
- setVisibility(true);
73
- }
74
- if (lastScrollY && window.scrollY > lastScrollY) {
75
- if (hiddingTimeout) {
76
- return;
77
- }
78
- setVisibility(false);
79
- setHiddingTimeout(
80
- window.setTimeout(() => {
81
- window.clearTimeout(hiddingTimeout);
82
- setHiddingTimeout(void 0);
83
- }, 300)
84
- );
85
- } else if (lastScrollY && window.scrollY < lastScrollY) {
86
- setVisibility(true);
87
- }
88
- setLastScrollY(window.scrollY);
89
- }, [
90
- miniTocOpened,
91
- lastScrollY,
92
- hiddingTimeout,
93
- setLastScrollY,
94
- setVisibility,
95
- setHiddingTimeout
96
- ]);
97
- (0, import_react.useEffect)(() => {
98
- if (typeof window === "undefined") {
99
- return;
100
- }
101
- if (window.scrollY === 0) {
102
- return;
103
- }
104
- setHiddingTimeout(
105
- window.setTimeout(() => {
106
- setLastScrollY(window.scrollY);
107
- setHiddingTimeout(void 0);
108
- }, 100)
109
- );
110
- }, []);
111
- (0, import_react.useEffect)(() => {
112
- if (typeof window === "undefined") {
113
- return () => {
114
- };
115
- }
116
- window.addEventListener("scroll", controlVisibility);
117
- return () => {
118
- window.removeEventListener("scroll", controlVisibility);
119
- };
120
- }, [controlVisibility]);
121
- (0, import_react.useEffect)(() => {
122
- document.addEventListener("click", clickOutsideMiniToc, true);
123
- return () => {
124
- document.removeEventListener("click", clickOutsideMiniToc, true);
125
- };
126
- }, [clickOutsideMiniToc]);
127
- return visibility;
128
- };
129
- var useShareHandler = (title) => {
130
- const shareData = (0, import_react.useMemo)(() => {
131
- return {
132
- title,
133
- url: typeof window === "undefined" ? void 0 : window.location.href
134
- };
135
- }, [title]);
136
- const shareHandler = (0, import_react.useCallback)(() => {
137
- if (navigator && navigator.share) {
138
- navigator.share(shareData).then(() => {
139
- }).catch((error) => console.error("Error sharing", error));
140
- } else {
141
- console.log("Share not supported", shareData);
142
- }
143
- }, [shareData]);
144
- return shareHandler;
145
- };
146
- var SubNavigation = ({
147
- title,
148
- hideMiniToc,
149
- miniTocOpened,
150
- toggleMiniTocOpen,
151
- closeMiniToc
152
- }) => {
153
- const visibility = useVisibility(miniTocOpened, closeMiniToc);
154
- const shareHandler = useShareHandler(title);
155
- return /* @__PURE__ */ import_react.default.createElement(
156
- "div",
157
- {
158
- className: b({
159
- hidden: !visibility,
160
- visible: visibility,
161
- invisible: hideMiniToc
162
- })
163
- },
164
- /* @__PURE__ */ import_react.default.createElement(
165
- "button",
166
- {
167
- className: b("left", { hidden: hideMiniToc }),
168
- type: "button",
169
- onClick: toggleMiniTocOpen
170
- },
171
- /* @__PURE__ */ import_react.default.createElement("div", { className: b("icon") }, /* @__PURE__ */ import_react.default.createElement(import_icons.SquareListUl, { width: 20, height: 20 })),
172
- /* @__PURE__ */ import_react.default.createElement("span", { className: b("title") }, title && title.length > 30 ? title.substring(0, 30).trim().concat("...") : title != null ? title : "")
173
- ),
174
- /* @__PURE__ */ import_react.default.createElement(
175
- import_uikit.Button,
176
- {
177
- className: b("button"),
178
- size: "xl",
179
- view: hideMiniToc ? "raised" : "flat",
180
- onClick: shareHandler
181
- },
182
- /* @__PURE__ */ import_react.default.createElement(import_uikit.Button.Icon, null, /* @__PURE__ */ import_react.default.createElement(import_icons.ArrowShapeTurnUpRight, { width: 20, height: 20 }))
183
- )
184
- );
185
- };
186
- var SubNavigation_default = SubNavigation;
187
- //# sourceMappingURL=SubNavigation.js.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../src/components/SubNavigation/SubNavigation.tsx"],
4
- "sourcesContent": ["import React, {useCallback, useEffect, useMemo, useState} from 'react';\n\nimport {ArrowShapeTurnUpRight, SquareListUl} from '@gravity-ui/icons';\nimport {Button} from '@gravity-ui/uikit';\nimport block from 'bem-cn-lite';\n\nimport './SubNavigation.scss';\n\nconst b = block('dc-subnavigation');\n\nexport type ShareData = {\n title: string | undefined;\n url?: string;\n};\n\nconst useVisibility = (miniTocOpened: boolean, closeMiniToc: () => void) => {\n const [visibility, setVisibility] = useState(true);\n const [hiddingTimeout, setHiddingTimeout] = useState<number | undefined>(undefined);\n const [lastScrollY, setLastScrollY] = useState(\n typeof window === 'undefined' ? null : window.screenY,\n );\n\n const clickOutsideMiniToc = useCallback(\n (event: MouseEvent) => {\n /*\n * func \"composedPath\" returns an array in which the last two elements are \"HTML\" and \"#document\",\n * which do not have the classList property, so they are subtracted before checking by slice()\n */\n const isOutside = !event\n .composedPath()\n .slice(0, -2)\n .some((item) => {\n const el = item as HTMLElement;\n const classes = el.classList ?? [];\n\n return classes?.contains('dc-doc-layout__right');\n });\n\n if (isOutside) {\n closeMiniToc();\n }\n },\n [closeMiniToc],\n );\n\n const controlVisibility = useCallback(() => {\n if (typeof window === 'undefined') {\n return;\n }\n\n if (miniTocOpened) {\n setVisibility(true);\n return;\n }\n\n if (lastScrollY && lastScrollY === 0) {\n setVisibility(true);\n }\n\n if (lastScrollY && window.scrollY > lastScrollY) {\n if (hiddingTimeout) {\n return;\n }\n\n setVisibility(false);\n\n setHiddingTimeout(\n window.setTimeout(() => {\n window.clearTimeout(hiddingTimeout);\n setHiddingTimeout(undefined);\n }, 300),\n );\n } else if (lastScrollY && window.scrollY < lastScrollY) {\n setVisibility(true);\n }\n\n setLastScrollY(window.scrollY);\n }, [\n miniTocOpened,\n lastScrollY,\n hiddingTimeout,\n setLastScrollY,\n setVisibility,\n setHiddingTimeout,\n ]);\n\n useEffect(() => {\n if (typeof window === 'undefined') {\n return;\n }\n\n if (window.scrollY === 0) {\n return;\n }\n\n setHiddingTimeout(\n window.setTimeout(() => {\n setLastScrollY(window.scrollY);\n setHiddingTimeout(undefined);\n }, 100),\n );\n }, []);\n\n useEffect(() => {\n if (typeof window === 'undefined') {\n return () => {};\n }\n\n window.addEventListener('scroll', controlVisibility);\n\n return () => {\n window.removeEventListener('scroll', controlVisibility);\n };\n }, [controlVisibility]);\n\n useEffect(() => {\n document.addEventListener('click', clickOutsideMiniToc, true);\n\n return () => {\n document.removeEventListener('click', clickOutsideMiniToc, true);\n };\n }, [clickOutsideMiniToc]);\n\n return visibility;\n};\n\nconst useShareHandler = (title: string | undefined) => {\n const shareData = useMemo(() => {\n return {\n title,\n url: typeof window === 'undefined' ? undefined : window.location.href,\n };\n }, [title]);\n\n const shareHandler = useCallback(() => {\n if (navigator && navigator.share) {\n navigator\n .share(shareData)\n .then(() => {})\n .catch((error) => console.error('Error sharing', error));\n } else {\n console.log('Share not supported', shareData);\n }\n }, [shareData]);\n\n return shareHandler;\n};\n\nexport interface SubNavigationProps {\n title: string | undefined;\n hideMiniToc: boolean;\n miniTocOpened: boolean;\n toggleMiniTocOpen: () => void;\n closeMiniToc: () => void;\n}\n\nexport const SubNavigation = ({\n title,\n hideMiniToc,\n miniTocOpened,\n toggleMiniTocOpen,\n closeMiniToc,\n}: SubNavigationProps) => {\n const visibility = useVisibility(miniTocOpened, closeMiniToc);\n const shareHandler = useShareHandler(title);\n\n return (\n <div\n className={b({\n hidden: !visibility,\n visible: visibility,\n invisible: hideMiniToc,\n })}\n >\n <button\n className={b('left', {hidden: hideMiniToc})}\n type=\"button\"\n onClick={toggleMiniTocOpen}\n >\n <div className={b('icon')}>\n <SquareListUl width={20} height={20} />\n </div>\n <span className={b('title')}>\n {title && title.length > 30\n ? title.substring(0, 30).trim().concat('...')\n : title ?? ''}\n </span>\n </button>\n <Button\n className={b('button')}\n size=\"xl\"\n view={hideMiniToc ? 'raised' : 'flat'}\n onClick={shareHandler}\n >\n <Button.Icon>\n <ArrowShapeTurnUpRight width={20} height={20} />\n </Button.Icon>\n </Button>\n </div>\n );\n};\n\nexport default SubNavigation;\n"],
5
- "mappings": "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",
6
- "names": ["block", "React"]
7
- }
@@ -1,2 +0,0 @@
1
- export * from './SubNavigation';
2
- export { default as SubNavigation } from './SubNavigation';
@@ -1,39 +0,0 @@
1
- "use strict";
2
- var __create = Object.create;
3
- var __defProp = Object.defineProperty;
4
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
5
- var __getOwnPropNames = Object.getOwnPropertyNames;
6
- var __getProtoOf = Object.getPrototypeOf;
7
- var __hasOwnProp = Object.prototype.hasOwnProperty;
8
- var __export = (target, all) => {
9
- for (var name in all)
10
- __defProp(target, name, { get: all[name], enumerable: true });
11
- };
12
- var __copyProps = (to, from, except, desc) => {
13
- if (from && typeof from === "object" || typeof from === "function") {
14
- for (let key of __getOwnPropNames(from))
15
- if (!__hasOwnProp.call(to, key) && key !== except)
16
- __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
17
- }
18
- return to;
19
- };
20
- var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
21
- var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
22
- // If the importer is in node compatibility mode or this is not an ESM
23
- // file that has been converted to a CommonJS file using a Babel-
24
- // compatible transform (i.e. "__esModule" has not been set), then set
25
- // "default" to the CommonJS "module.exports" for node compatibility.
26
- isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
27
- mod
28
- ));
29
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
30
-
31
- // src/components/SubNavigation/index.ts
32
- var SubNavigation_exports = {};
33
- __export(SubNavigation_exports, {
34
- SubNavigation: () => import_SubNavigation.default
35
- });
36
- module.exports = __toCommonJS(SubNavigation_exports);
37
- __reExport(SubNavigation_exports, require("./SubNavigation"), module.exports);
38
- var import_SubNavigation = __toESM(require("./SubNavigation"));
39
- //# sourceMappingURL=index.js.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../src/components/SubNavigation/index.ts"],
4
- "sourcesContent": ["export * from './SubNavigation';\nexport {default as SubNavigation} from './SubNavigation';\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kCAAc,4BAAd;AACA,2BAAuC;",
6
- "names": []
7
- }
@@ -1,85 +0,0 @@
1
- /* src/components/SubNavigation/SubNavigation.scss */
2
- .dc-subnavigation {
3
- position: absolute;
4
- z-index: 119;
5
- display: flex;
6
- width: calc(100% - 12px - 12px);
7
- height: 44px;
8
- padding: 4px 12px;
9
- gap: 4px;
10
- background: #fff;
11
- background: var(--g-color-base-background, #fff);
12
- border-bottom: 1px solid rgba(0, 0, 0, 0.1019607843);
13
- border-bottom: 1px solid var(--g-color-line-generic, rgba(0, 0, 0, 0.1019607843));
14
- transition: margin-top 300ms 0s;
15
- }
16
- @media (min-width: 769px) {
17
- .dc-subnavigation {
18
- display: none;
19
- }
20
- }
21
- .dc-subnavigation__left {
22
- display: flex;
23
- align-items: center;
24
- justify-content: flex-start;
25
- flex: 1 0 0;
26
- width: 100%;
27
- padding: 0;
28
- gap: 4px;
29
- -webkit-text-decoration: none;
30
- text-decoration: none;
31
- color: rgba(0, 0, 0, 0.85);
32
- color: var(--g-color-text-primary, rgba(0, 0, 0, 0.85));
33
- background: none;
34
- border-radius: 3px;
35
- border-radius: var(--g-border-radius-xs, 3px);
36
- border: none;
37
- outline: none;
38
- transition: transform 0.1s ease-out, color 0.15s linear;
39
- transform: scale(1);
40
- touch-action: manipulation;
41
- }
42
- .dc-subnavigation__left:hover {
43
- background: rgba(0, 0, 0, 0.05);
44
- background: var(--g-color-base-simple-hover, rgba(0, 0, 0, 0.05));
45
- }
46
- .dc-subnavigation__left:active {
47
- transition: none;
48
- transform: scale(0.98);
49
- }
50
- .dc-subnavigation__left:focus-visible {
51
- outline: rgb(78, 121, 235);
52
- outline: var(--g-color-line-focus, rgb(78, 121, 235));
53
- outline-width: 2px;
54
- outline-style: solid;
55
- }
56
- .dc-subnavigation__left_hidden {
57
- visibility: hidden;
58
- }
59
- .dc-subnavigation__icon {
60
- display: flex;
61
- justify-content: center;
62
- align-items: center;
63
- padding: 12px;
64
- }
65
- .dc-subnavigation__title {
66
- font-size: var(--g-text-subheader-2-font-size);
67
- line-height: var(--g-text-subheader-2-line-height);
68
- font-weight: 400;
69
- }
70
- .dc-subnavigation_hidden {
71
- --dc-header-height: 64px;
72
- margin-top: calc(0px - 64px);
73
- margin-top: calc(0px - var(--dc-header-height, 64px));
74
- }
75
- .dc-subnavigation_visible {
76
- margin-top: 0;
77
- }
78
- .dc-subnavigation_invisible {
79
- border: none;
80
- background: none;
81
- }
82
- .dc-subnavigation_invisible .dc-subnavigation__button {
83
- margin-top: 8px;
84
- }
85
- /*# sourceMappingURL=SubNavigation.css.map */
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../src/components/SubNavigation/home/runner/work/components/components/src/components/SubNavigation/SubNavigation.scss", "../../../../src/components/SubNavigation/%3Cinput%20css%20xzvZ1J%3E", "../../../../src/components/SubNavigation/home/runner/work/components/components/src/styles/mixins.scss"],
4
- "sourcesContent": ["@import '../../styles/variables';\n@import '../../styles/mixins';\n\n.dc-subnavigation {\n position: absolute;\n z-index: 119;\n\n display: flex;\n\n width: calc(100% - 12px - 12px);\n height: 44px;\n padding: 4px 12px;\n\n gap: 4px;\n\n background: var(--g-color-base-background, #fff);\n border-bottom: 1px solid var(--g-color-line-generic, #0000001a);\n\n @media (min-width: map-get($screenBreakpoints, 'md')) {\n display: none;\n }\n\n &__left {\n display: flex;\n align-items: center;\n justify-content: flex-start;\n flex: 1 0 0;\n\n width: 100%;\n padding: 0;\n gap: 4px;\n\n text-decoration: none;\n\n color: var(--g-color-text-primary, rgba(0, 0, 0, 0.85));\n background: none;\n border-radius: var(--g-border-radius-xs, 3px);\n border: none;\n outline: none;\n\n transition: transform 0.1s ease-out, color 0.15s linear;\n transform: scale(1);\n\n touch-action: manipulation;\n\n &:hover {\n background: var(--g-color-base-simple-hover, rgba(0, 0, 0, 0.05));\n }\n\n &:active {\n transition: none;\n transform: scale(0.98);\n }\n\n &:focus-visible {\n outline: var(--g-color-line-focus, rgb(78, 121, 235));\n outline-width: 2px;\n outline-style: solid;\n }\n\n &_hidden {\n visibility: hidden;\n }\n }\n\n &__icon {\n display: flex;\n justify-content: center;\n align-items: center;\n\n padding: 12px;\n }\n\n &__title {\n @include text-size(subheader-2);\n font-weight: 400;\n }\n\n transition: margin-top 300ms 0s;\n\n &_hidden {\n --dc-header-height: 64px;\n margin-top: calc(0px - var(--dc-header-height, 64px));\n }\n\n &_visible {\n margin-top: 0;\n }\n\n &_invisible {\n border: none;\n background: none;\n }\n\n &_invisible &__button {\n margin-top: 8px;\n }\n}\n", ".dc-subnavigation {\n position: absolute;\n z-index: 119;\n display: flex;\n width: calc(100% - 12px - 12px);\n height: 44px;\n padding: 4px 12px;\n gap: 4px;\n background: var(--g-color-base-background, #fff);\n border-bottom: 1px solid var(--g-color-line-generic, rgba(0, 0, 0, 0.1019607843));\n transition: margin-top 300ms 0s;\n}\n@media (min-width: 769px) {\n .dc-subnavigation {\n display: none;\n }\n}\n.dc-subnavigation__left {\n display: flex;\n align-items: center;\n justify-content: flex-start;\n flex: 1 0 0;\n width: 100%;\n padding: 0;\n gap: 4px;\n text-decoration: none;\n color: var(--g-color-text-primary, rgba(0, 0, 0, 0.85));\n background: none;\n border-radius: var(--g-border-radius-xs, 3px);\n border: none;\n outline: none;\n transition: transform 0.1s ease-out, color 0.15s linear;\n transform: scale(1);\n touch-action: manipulation;\n}\n.dc-subnavigation__left:hover {\n background: var(--g-color-base-simple-hover, rgba(0, 0, 0, 0.05));\n}\n.dc-subnavigation__left:active {\n transition: none;\n transform: scale(0.98);\n}\n.dc-subnavigation__left:focus-visible {\n outline: var(--g-color-line-focus, rgb(78, 121, 235));\n outline-width: 2px;\n outline-style: solid;\n}\n.dc-subnavigation__left_hidden {\n visibility: hidden;\n}\n.dc-subnavigation__icon {\n display: flex;\n justify-content: center;\n align-items: center;\n padding: 12px;\n}\n.dc-subnavigation__title {\n font-size: var(--g-text-subheader-2-font-size);\n line-height: var(--g-text-subheader-2-line-height);\n font-weight: 400;\n}\n.dc-subnavigation_hidden {\n --dc-header-height: 64px;\n margin-top: calc(0px - var(--dc-header-height, 64px));\n}\n.dc-subnavigation_visible {\n margin-top: 0;\n}\n.dc-subnavigation_invisible {\n border: none;\n background: none;\n}\n.dc-subnavigation_invisible .dc-subnavigation__button {\n margin-top: 8px;\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL2hvbWUvcnVubmVyL3dvcmsvY29tcG9uZW50cy9jb21wb25lbnRzL3NyYy9jb21wb25lbnRzL1N1Yk5hdmlnYXRpb24iLCJzb3VyY2VzIjpbIlN1Yk5hdmlnYXRpb24uc2NzcyIsIi4uLy4uL3N0eWxlcy9taXhpbnMuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFHQTtFQUNJO0VBQ0E7RUFFQTtFQUVBO0VBQ0E7RUFDQTtFQUVBO0VBRUE7RUFDQTtFQThEQTs7QUE1REE7RUFmSjtJQWdCUTs7O0FBR0o7RUFDSTtFQUNBO0VBQ0E7RUFDQTtFQUVBO0VBQ0E7RUFDQTtFQUVBO0VBRUE7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUVBO0VBQ0E7RUFFQTs7QUFFQTtFQUNJOztBQUdKO0VBQ0k7RUFDQTs7QUFHSjtFQUNJO0VBQ0E7RUFDQTs7QUFHSjtFQUNJOztBQUlSO0VBQ0k7RUFDQTtFQUNBO0VBRUE7O0FBR0o7RUN0RUE7RUFDQTtFRHVFSTs7QUFLSjtFQUNJO0VBQ0E7O0FBR0o7RUFDSTs7QUFHSjtFQUNJO0VBQ0E7O0FBR0o7RUFDSSIsInNvdXJjZXNDb250ZW50IjpbIkBpbXBvcnQgJy4uLy4uL3N0eWxlcy92YXJpYWJsZXMnO1xuQGltcG9ydCAnLi4vLi4vc3R5bGVzL21peGlucyc7XG5cbi5kYy1zdWJuYXZpZ2F0aW9uIHtcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgei1pbmRleDogMTE5O1xuXG4gICAgZGlzcGxheTogZmxleDtcblxuICAgIHdpZHRoOiBjYWxjKDEwMCUgLSAxMnB4IC0gMTJweCk7XG4gICAgaGVpZ2h0OiA0NHB4O1xuICAgIHBhZGRpbmc6IDRweCAxMnB4O1xuXG4gICAgZ2FwOiA0cHg7XG5cbiAgICBiYWNrZ3JvdW5kOiB2YXIoLS1nLWNvbG9yLWJhc2UtYmFja2dyb3VuZCwgI2ZmZik7XG4gICAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkIHZhcigtLWctY29sb3ItbGluZS1nZW5lcmljLCAjMDAwMDAwMWEpO1xuXG4gICAgQG1lZGlhIChtaW4td2lkdGg6IG1hcC1nZXQoJHNjcmVlbkJyZWFrcG9pbnRzLCAnbWQnKSkge1xuICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cblxuICAgICZfX2xlZnQge1xuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XG4gICAgICAgIGZsZXg6IDEgMCAwO1xuXG4gICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICBwYWRkaW5nOiAwO1xuICAgICAgICBnYXA6IDRweDtcblxuICAgICAgICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG5cbiAgICAgICAgY29sb3I6IHZhcigtLWctY29sb3ItdGV4dC1wcmltYXJ5LCByZ2JhKDAsIDAsIDAsIDAuODUpKTtcbiAgICAgICAgYmFja2dyb3VuZDogbm9uZTtcbiAgICAgICAgYm9yZGVyLXJhZGl1czogdmFyKC0tZy1ib3JkZXItcmFkaXVzLXhzLCAzcHgpO1xuICAgICAgICBib3JkZXI6IG5vbmU7XG4gICAgICAgIG91dGxpbmU6IG5vbmU7XG5cbiAgICAgICAgdHJhbnNpdGlvbjogdHJhbnNmb3JtIDAuMXMgZWFzZS1vdXQsIGNvbG9yIDAuMTVzIGxpbmVhcjtcbiAgICAgICAgdHJhbnNmb3JtOiBzY2FsZSgxKTtcblxuICAgICAgICB0b3VjaC1hY3Rpb246IG1hbmlwdWxhdGlvbjtcblxuICAgICAgICAmOmhvdmVyIHtcbiAgICAgICAgICAgIGJhY2tncm91bmQ6IHZhcigtLWctY29sb3ItYmFzZS1zaW1wbGUtaG92ZXIsIHJnYmEoMCwgMCwgMCwgMC4wNSkpO1xuICAgICAgICB9XG5cbiAgICAgICAgJjphY3RpdmUge1xuICAgICAgICAgICAgdHJhbnNpdGlvbjogbm9uZTtcbiAgICAgICAgICAgIHRyYW5zZm9ybTogc2NhbGUoMC45OCk7XG4gICAgICAgIH1cblxuICAgICAgICAmOmZvY3VzLXZpc2libGUge1xuICAgICAgICAgICAgb3V0bGluZTogdmFyKC0tZy1jb2xvci1saW5lLWZvY3VzLCByZ2IoNzgsIDEyMSwgMjM1KSk7XG4gICAgICAgICAgICBvdXRsaW5lLXdpZHRoOiAycHg7XG4gICAgICAgICAgICBvdXRsaW5lLXN0eWxlOiBzb2xpZDtcbiAgICAgICAgfVxuXG4gICAgICAgICZfaGlkZGVuIHtcbiAgICAgICAgICAgIHZpc2liaWxpdHk6IGhpZGRlbjtcbiAgICAgICAgfVxuICAgIH1cblxuICAgICZfX2ljb24ge1xuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcblxuICAgICAgICBwYWRkaW5nOiAxMnB4O1xuICAgIH1cblxuICAgICZfX3RpdGxlIHtcbiAgICAgICAgQGluY2x1ZGUgdGV4dC1zaXplKHN1YmhlYWRlci0yKTtcbiAgICAgICAgZm9udC13ZWlnaHQ6IDQwMDtcbiAgICB9XG5cbiAgICB0cmFuc2l0aW9uOiBtYXJnaW4tdG9wIDMwMG1zIDBzO1xuXG4gICAgJl9oaWRkZW4ge1xuICAgICAgICAtLWRjLWhlYWRlci1oZWlnaHQ6IDY0cHg7XG4gICAgICAgIG1hcmdpbi10b3A6IGNhbGMoMHB4IC0gdmFyKC0tZGMtaGVhZGVyLWhlaWdodCwgNjRweCkpO1xuICAgIH1cblxuICAgICZfdmlzaWJsZSB7XG4gICAgICAgIG1hcmdpbi10b3A6IDA7XG4gICAgfVxuXG4gICAgJl9pbnZpc2libGUge1xuICAgICAgICBib3JkZXI6IG5vbmU7XG4gICAgICAgIGJhY2tncm91bmQ6IG5vbmU7XG4gICAgfVxuXG4gICAgJl9pbnZpc2libGUgJl9fYnV0dG9uIHtcbiAgICAgICAgbWFyZ2luLXRvcDogOHB4O1xuICAgIH1cbn1cbiIsIkBpbXBvcnQgJy4vdmFyaWFibGVzJztcblxuQG1peGluIHRleHQtc2l6ZSgkbmFtZSkge1xuICAgIGZvbnQtc2l6ZTogdmFyKC0tZy10ZXh0LSN7JG5hbWV9LWZvbnQtc2l6ZSk7XG4gICAgbGluZS1oZWlnaHQ6IHZhcigtLWctdGV4dC0jeyRuYW1lfS1saW5lLWhlaWdodCk7XG59XG5cbkBtaXhpbiByZXNldC1saXN0LXN0eWxlKCkge1xuICAgIG1hcmdpbjogMDtcbiAgICBwYWRkaW5nOiAwO1xuICAgIGxpc3Qtc3R5bGU6IG5vbmU7XG59XG5cbkBtaXhpbiBmaXhBbmNob3JQb3NpdGlvbigkb2Zmc2V0OiAwcHgpIHtcbiAgICBwYWRkaW5nLXRvcDogY2FsYyh2YXIoLS1kYy1oZWFkZXItaGVpZ2h0LCAjeyRoZWFkZXJIZWlnaHR9KSk7XG4gICAgbWFyZ2luLXRvcDogY2FsYygjeyRvZmZzZXR9IC0gdmFyKC0tZGMtaGVhZGVyLWhlaWdodCwgI3skaGVhZGVySGVpZ2h0fSkpO1xufVxuXG5AbWl4aW4gcmVzZXQtbGluay1zdHlsZSgpIHtcbiAgICBjb2xvcjogaW5oZXJpdDtcbiAgICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG59XG5cbkBtaXhpbiBpc2xhbmRzLWZvY3VzKCkge1xuICAgIG91dGxpbmU6IG5vbmU7XG5cbiAgICAudXRpbGl0eWZvY3VzICY6Zm9jdXMge1xuICAgICAgICBvdXRsaW5lOiAycHggc29saWQgI2ZmZGI0ZDtcbiAgICB9XG59XG5cbkBtaXhpbiBmb2N1c2FibGUoJG9mZnNldDogMCwgJG1vZGU6ICdvdXRsaW5lJykge1xuICAgIEBpZiAkbW9kZSA9PSAnb3V0bGluZScge1xuICAgICAgICAmOmZvY3VzIHtcbiAgICAgICAgICAgIG91dGxpbmU6IDJweCBzb2xpZCB2YXIoLS1nLWNvbG9yLWxpbmUtZm9jdXMpO1xuICAgICAgICAgICAgb3V0bGluZS1vZmZzZXQ6ICRvZmZzZXQ7XG4gICAgICAgIH1cbiAgICAgICAgJjpmb2N1czpub3QoOmZvY3VzLXZpc2libGUpIHtcbiAgICAgICAgICAgIG91dGxpbmU6IDA7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBAaWYgJG1vZGUgPT0gJ2JveC1zaGFkb3cnIHtcbiAgICAgICAgJjpmb2N1cyB7XG4gICAgICAgICAgICBib3gtc2hhZG93OiAwIDAgMCAycHggdmFyKC0tZy1jb2xvci1saW5lLWZvY3VzKTtcbiAgICAgICAgICAgIG91dGxpbmU6IDA7XG4gICAgICAgIH1cbiAgICAgICAgJjpmb2N1czpub3QoOmZvY3VzLXZpc2libGUpIHtcbiAgICAgICAgICAgIGJveC1zaGFkb3c6IG5vbmU7XG4gICAgICAgIH1cbiAgICB9XG59XG5cbkBtaXhpbiBsaW5rKCkge1xuICAgIEBpbmNsdWRlIGlzbGFuZHMtZm9jdXMoKTtcbiAgICBAaW5jbHVkZSBmb2N1c2FibGUoMCwgJ2JveC1zaGFkb3cnKTtcblxuICAgIGNvbG9yOiB2YXIoLS1nLWNvbG9yLXRleHQtbGluayk7XG4gICAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICBib3JkZXItcmFkaXVzOiB2YXIoLS1nLWZvY3VzLWJvcmRlci1yYWRpdXMpO1xuXG4gICAgJjpob3ZlcixcbiAgICAmOmFjdGl2ZSB7XG4gICAgICAgIGNvbG9yOiB2YXIoLS1nLWNvbG9yLXRleHQtbGluay1ob3Zlcik7XG4gICAgfVxufVxuXG5AbWl4aW4gaGVhZGluZzEoKSB7XG4gICAgQGluY2x1ZGUgdGV4dC1zaXplKGRpc3BsYXktMyk7XG4gICAgZm9udC13ZWlnaHQ6IDUwMDtcblxuICAgIEBtZWRpYSAobWF4LXdpZHRoOiBtYXAtZ2V0KCRzY3JlZW5CcmVha3BvaW50cywgJ21kJykgLSAxKSB7XG4gICAgICAgIEBpbmNsdWRlIHRleHQtc2l6ZShkaXNwbGF5LTIpO1xuICAgIH1cbn1cblxuQG1peGluIGhlYWRpbmcyKCkge1xuICAgIEBpbmNsdWRlIHRleHQtc2l6ZShkaXNwbGF5LTEpO1xuICAgIGZvbnQtd2VpZ2h0OiA1MDA7XG59XG5cbkBtaXhpbiBoZWFkaW5nMygpIHtcbiAgICBAaW5jbHVkZSB0ZXh0LXNpemUoaGVhZGVyLTIpO1xuICAgIGZvbnQtd2VpZ2h0OiA1MDA7XG59XG5cbkBtaXhpbiBoZWFkaW5nNCgpIHtcbiAgICBAaW5jbHVkZSB0ZXh0LXNpemUoaGVhZGVyLTEpO1xuICAgIGZvbnQtd2VpZ2h0OiA1MDA7XG59XG5cbkBtaXhpbiBoZWFkaW5nNSgpIHtcbiAgICBAaW5jbHVkZSB0ZXh0LXNpemUoYm9keS0zKTtcbiAgICBmb250LXdlaWdodDogNTAwO1xufVxuXG5AbWl4aW4gaGVhZGluZzYoKSB7XG4gICAgQGluY2x1ZGUgdGV4dC1zaXplKGJvZHktMyk7XG4gICAgZm9udC13ZWlnaHQ6IDQwMDtcbn1cblxuQG1peGluIGNvbnRyaWJ1dG9ycy10ZXh0KCkge1xuICAgIGZvbnQtc2l6ZTogMTNweDtcbiAgICBmb250LXdlaWdodDogNDAwO1xuICAgIG1hcmdpbi1yaWdodDogNXB4O1xuICAgIGFsaWduLXNlbGY6IGNlbnRlcjtcbn1cblxuQG1peGluIHRleHQtYm9keS0xKCkge1xuICAgIGZvbnQtc2l6ZTogdmFyKC0tZy10ZXh0LWJvZHktMS1mb250LXNpemUpO1xuICAgIGxpbmUtaGVpZ2h0OiB2YXIoLS1nLXRleHQtYm9keS0xLWxpbmUtaGVpZ2h0KTtcbiAgICBmb250LXdlaWdodDogdmFyKC0tZy10ZXh0LWJvZHktZm9udC13ZWlnaHQpO1xufVxuXG5AbWl4aW4gZGVza3RvcC1vbmx5KCkge1xuICAgIEBtZWRpYSAobWF4LXdpZHRoOiBtYXAtZ2V0KCRzY3JlZW5CcmVha3BvaW50cywgJ21kJykgLSAxKSB7XG4gICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgfVxufVxuXG5AbWl4aW4gZGVza3RvcC10YWJsZXQtb25seSgpIHtcbiAgICBAbWVkaWEgKG1heC13aWR0aDogbWFwLWdldCgkc2NyZWVuQnJlYWtwb2ludHMsICdzbScpIC0gMSkge1xuICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cbn1cblxuQG1peGluIG1vYmlsZS10YWJsZXQtb25seSgpIHtcbiAgICBAbWVkaWEgKG1pbi13aWR0aDogbWFwLWdldCgkc2NyZWVuQnJlYWtwb2ludHMsICdtZCcpKSB7XG4gICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgfVxufVxuXG5AbWl4aW4gbW9iaWxlLW9ubHkoKSB7XG4gICAgQG1lZGlhIChtaW4td2lkdGg6IG1hcC1nZXQoJHNjcmVlbkJyZWFrcG9pbnRzLCAnc20nKSkge1xuICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cbn1cbiJdfQ== */", "@import './variables';\n\n@mixin text-size($name) {\n font-size: var(--g-text-#{$name}-font-size);\n line-height: var(--g-text-#{$name}-line-height);\n}\n\n@mixin reset-list-style() {\n margin: 0;\n padding: 0;\n list-style: none;\n}\n\n@mixin fixAnchorPosition($offset: 0px) {\n padding-top: calc(var(--dc-header-height, #{$headerHeight}));\n margin-top: calc(#{$offset} - var(--dc-header-height, #{$headerHeight}));\n}\n\n@mixin reset-link-style() {\n color: inherit;\n text-decoration: none;\n}\n\n@mixin islands-focus() {\n outline: none;\n\n .utilityfocus &:focus {\n outline: 2px solid #ffdb4d;\n }\n}\n\n@mixin focusable($offset: 0, $mode: 'outline') {\n @if $mode == 'outline' {\n &:focus {\n outline: 2px solid var(--g-color-line-focus);\n outline-offset: $offset;\n }\n &:focus:not(:focus-visible) {\n outline: 0;\n }\n }\n\n @if $mode == 'box-shadow' {\n &:focus {\n box-shadow: 0 0 0 2px var(--g-color-line-focus);\n outline: 0;\n }\n &:focus:not(:focus-visible) {\n box-shadow: none;\n }\n }\n}\n\n@mixin link() {\n @include islands-focus();\n @include focusable(0, 'box-shadow');\n\n color: var(--g-color-text-link);\n text-decoration: none;\n cursor: pointer;\n border-radius: var(--g-focus-border-radius);\n\n &:hover,\n &:active {\n color: var(--g-color-text-link-hover);\n }\n}\n\n@mixin heading1() {\n @include text-size(display-3);\n font-weight: 500;\n\n @media (max-width: map-get($screenBreakpoints, 'md') - 1) {\n @include text-size(display-2);\n }\n}\n\n@mixin heading2() {\n @include text-size(display-1);\n font-weight: 500;\n}\n\n@mixin heading3() {\n @include text-size(header-2);\n font-weight: 500;\n}\n\n@mixin heading4() {\n @include text-size(header-1);\n font-weight: 500;\n}\n\n@mixin heading5() {\n @include text-size(body-3);\n font-weight: 500;\n}\n\n@mixin heading6() {\n @include text-size(body-3);\n font-weight: 400;\n}\n\n@mixin contributors-text() {\n font-size: 13px;\n font-weight: 400;\n margin-right: 5px;\n align-self: center;\n}\n\n@mixin text-body-1() {\n font-size: var(--g-text-body-1-font-size);\n line-height: var(--g-text-body-1-line-height);\n font-weight: var(--g-text-body-font-weight);\n}\n\n@mixin desktop-only() {\n @media (max-width: map-get($screenBreakpoints, 'md') - 1) {\n display: none;\n }\n}\n\n@mixin desktop-tablet-only() {\n @media (max-width: map-get($screenBreakpoints, 'sm') - 1) {\n display: none;\n }\n}\n\n@mixin mobile-tablet-only() {\n @media (min-width: map-get($screenBreakpoints, 'md')) {\n display: none;\n }\n}\n\n@mixin mobile-only() {\n @media (min-width: map-get($screenBreakpoints, 'sm')) {\n display: none;\n }\n}\n"],
5
- "mappings": ";AAGA,CAAA;AACI,YAAA;AACA,WAAA;AAEA,WAAA;AAEA,SAAA,KAAA,KAAA,EAAA,KAAA,EAAA;AACA,UAAA;AACA,WAAA,IAAA;AAEA,OAAA;AAEA,cAAA;AAAA,cAAA,IAAA,yBAAA,EAAA;AACA,iBAAA,IAAA,MAAA,KAAA,CAAA,EAAA,CAAA,EAAA,CAAA,EAAA;AAAA,iBAAA,IAAA,MAAA,IAAA,sBAAA,EAAA,KAAA,CAAA,EAAA,CAAA,EAAA,CAAA,EAAA;AA8DA,cAAA,WAAA,MAAA;ACnEJ;ADOI,OAAA,CAAA,SAAA,EAAA;AAfJ,GAAA;AAgBQ,aAAA;ACJN;AACF;ADMI,CAAA;AACI,WAAA;AACA,eAAA;AACA,mBAAA;AACA,QAAA,EAAA,EAAA;AAEA,SAAA;AACA,WAAA;AACA,OAAA;AAEA,2BAAA;AAAA,mBAAA;AAEA,SAAA,KAAA,CAAA,EAAA,CAAA,EAAA,CAAA,EAAA;AAAA,SAAA,IAAA,sBAAA,EAAA,KAAA,CAAA,EAAA,CAAA,EAAA,CAAA,EAAA;AACA,cAAA;AACA,iBAAA;AAAA,iBAAA,IAAA,oBAAA,EAAA;AACA,UAAA;AACA,WAAA;AAEA,cAAA,UAAA,KAAA,QAAA,EAAA,MAAA,MAAA;AACA,aAAA,MAAA;AAEA,gBAAA;ACTR;ADWQ,CAvBJ,sBAuBI;AACI,cAAA,KAAA,CAAA,EAAA,CAAA,EAAA,CAAA,EAAA;AAAA,cAAA,IAAA,2BAAA,EAAA,KAAA,CAAA,EAAA,CAAA,EAAA,CAAA,EAAA;ACTZ;ADYQ,CA3BJ,sBA2BI;AACI,cAAA;AACA,aAAA,MAAA;ACVZ;ADaQ,CAhCJ,sBAgCI;AACI,WAAA,IAAA,EAAA,EAAA,GAAA,EAAA;AAAA,WAAA,IAAA,oBAAA,EAAA,IAAA,EAAA,EAAA,GAAA,EAAA;AACA,iBAAA;AACA,iBAAA;ACXZ;ADcQ,CAAA;AACI,cAAA;ACZZ;ADgBI,CAAA;AACI,WAAA;AACA,mBAAA;AACA,eAAA;AAEA,WAAA;ACfR;ADkBI,CAAA;AEtEA,aAAA,IAAA;AACA,eAAA,IAAA;AFuEI,eAAA;ACfR;ADoBI,CAAA;AACI,sBAAA;AACA,cAAA,KAAA,IAAA,EAAA;AAAA,cAAA,KAAA,IAAA,EAAA,IAAA,kBAAA,EAAA;AClBR;ADqBI,CAAA;AACI,cAAA;ACnBR;ADsBI,CAAA;AACI,UAAA;AACA,cAAA;ACpBR;ADuBI,CALA,2BAKA,CAAA;AACI,cAAA;ACrBR;",
6
- "names": []
7
- }
@@ -1,15 +0,0 @@
1
- import React from 'react';
2
- import './SubNavigation.scss';
3
- export type ShareData = {
4
- title: string | undefined;
5
- url?: string;
6
- };
7
- export interface SubNavigationProps {
8
- title: string | undefined;
9
- hideMiniToc: boolean;
10
- miniTocOpened: boolean;
11
- toggleMiniTocOpen: () => void;
12
- closeMiniToc: () => void;
13
- }
14
- export declare const SubNavigation: ({ title, hideMiniToc, miniTocOpened, toggleMiniTocOpen, closeMiniToc, }: SubNavigationProps) => React.JSX.Element;
15
- export default SubNavigation;