@redocly/theme 0.18.3-patch.8 → 0.18.4

package/lib/components/CodeBlock/styledVariables.js

@@ -1,92 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.code = void 0;
-const styled_components_1 = require("styled-components");
-exports.code = (0, styled_components_1.css) `
-  /**
-    * @tokens Code base styles
-    */
-  --code-font-size: 13px; // @presenter FontSize
-  --code-font-family: var(--font-family-monospaced); // @presenter FontFamily
-  --code-font-weight: var(--font-weight-regular); // @presenter FontWeight
-  --code-line-height: var(--line-height-xsm); // @presenter LineHeight
-  --code-wrap: pre;
-  --code-word-break: break-word;
-
-  /**
-    * @tokens Inline Code
-    */
-  --inline-code-font-size: var(--code-font-size); // @presenter FontSize
-  --inline-code-font-family: var(--code-font-family); // @presenter FontFamily
-  --inline-code-font-weight: var(--code-font-weight); // @presenter FontWeight
-  --inline-code-line-height: var(--code-line-height); // @presenter LineHeight
-  --inline-code-text-color: var(--text-secondary); // @presenter Color
-  --inline-code-background-color: var(--bg-overlay); // @presenter Color
-  --inline-code-border-color: var(--border-primary); // @presenter Color
-  --inline-code-border-radius: var(--border-radius); // @presenter BorderRadius
-
-  /**
-    * @tokens Code Block
-    */
-  --code-block-font-size: var(--code-font-size); // @presenter FontSize
-  --code-block-font-family: var(--code-font-family); // @presenter FontFamily
-  --code-block-line-height: var(--code-line-height); // @presenter LineHeight
-  --code-block-font-weight: var(--code-font-weight); // @presenter FontWeight
-  --code-block-text-color: var(--text-secondary); // @presenter Color
-  --code-block-background-color: var(--bg-raised); // @presenter Color
-  --code-block-border-color: var(--border-primary); // @presenter Color
-  --code-block-border-radius: var(--border-radius-lg); // @presenter BorderRadius
-  --code-block-padding: calc(var(--spacing-unit) * 2);
-  --code-block-margin: 0;
-  --code-block-max-height: 50vh;
-  --code-block-word-break: initial;
-
-  /**
-    * @tokens Code Block controls
-    */
-
-  --code-block-controls-font-size: var(--font-size-base); // @presenter FontSize
-  --code-block-controls-font-family: var(--font-family-base); // @presenter FontFamily
-  --code-block-controls-text-color: var(--text-secondary); // @presenter Color
-  --code-block-controls-background-color: var(--bg-overlay); // @presenter Color
-  --code-block-controls-border: 1px solid var(--border-primary); // @presenter Border
-  --code-block-controls-padding: 0 var(--spacing-xs); // @presenter Spacing
-  --code-block-icon-controls-background-color: var(--code-block-controls-background-color);
-  --code-block-text-controls-background-color: var(--code-block-controls-background-color);
-
-  /**
-    * @tokens Code Block tokens
-   */
-  --code-block-tokens-default-color: var(--text-secondary); // @presenter Color
-  --code-block-tokens-comment-color: var(--text-placeholder); // @presenter Color
-  --code-block-tokens-prolog-color: var(--code-block-tokens-comment-color); // @presenter Color
-  --code-block-tokens-doctype-color: var(--code-block-tokens-comment-color); // @presenter Color
-  --code-block-tokens-cdata-color: var(--code-block-tokens-comment-color); // @presenter Color
-  --code-block-tokens-property-color: var(--code-block-tokens-default-color); // @presenter Color
-  --code-block-tokens-tag-color: var(--code-block-tokens-default-color); // @presenter Color
-  --code-block-tokens-number-color: var(--code-block-tokens-default-color); // @presenter Color
-  --code-block-tokens-constant-color: var(--code-block-tokens-default-color); // @presenter Color
-  --code-block-tokens-symbol-color: var(--code-block-tokens-default-color); // @presenter Color
-  --code-block-tokens-boolean-color: var(--color-geekblue-7); // @presenter Color
-  --code-block-tokens-string-color: var(--color-cyan-6); // @presenter Color
-  --code-block-tokens-property-string-color: var(--text-secondary); // @presenter Color
-  --code-block-tokens-selector-color: var(--code-block-tokens-string-color); // @presenter Color
-  --code-block-tokens-attr-name-color: var(--code-block-tokens-string-color); // @presenter Color
-  --code-block-tokens-char-color: var(--code-block-tokens-string-color); // @presenter Color
-  --code-block-tokens-builtin-color: var(--code-block-tokens-string-color); // @presenter Color
-  --code-block-tokens-inserted-color: var(--code-block-tokens-string-color); // @presenter Color
-  --code-block-tokens-link-color: var(--color-blue-6); // @presenter Color
-  --code-block-tokens-operator-color: var(--color-gold-7); // @presenter Color
-  --code-block-tokens-entity-color: var(--code-block-tokens-operator-color); // @presenter Color
-  --code-block-tokens-url-color: var(--code-block-tokens-operator-color); // @presenter Color
-  --code-block-tokens-variable-color: var(--code-block-tokens-operator-color); // @presenter Color
-  --code-block-tokens-keyword-color: var(--color-magneta-6); // @presenter Color
-  --code-block-tokens-atrule-color: var(--code-block-tokens-keyword-color); // @presenter Color
-  --code-block-tokens-attr-value-color: var(--code-block-tokens-keyword-color); // @presenter Color
-  --code-block-tokens-regex-color: var(--color-gold-5); // @presenter Color
-  --code-block-tokens-important-color: var(--code-block-tokens-regex-color); // @presenter Color
-  --code-block-tokens-deleted-color: var(--color-red-6); // @presenter Color
-
-  // @tokens End
-`;
-//# sourceMappingURL=styledVariables.js.map

package/lib/components/Dropdown/styledVariables.d.ts

@@ -1 +0,0 @@
-export declare const dropdown: import("styled-components").FlattenSimpleInterpolation;

package/lib/components/Dropdown/styledVariables.js

@@ -1,30 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.dropdown = void 0;
-const styled_components_1 = require("styled-components");
-exports.dropdown = (0, styled_components_1.css) `
-  /**
-    * @tokens Dropdown
-    * */
-  --dropdown-font-size: var(--font-size-base); // @presenter FontSize
-  --dropdown-font-weight: var(--font-weight-regular); // @presenter FontWeight
-  --dropdown-line-height: var(--line-height-base); // @presenter LineHeight
-  --dropdown-text-color: var(--text-secondary); // @presenter Color
-  --dropdown-border-radius: var(--border-radius); // @presenter BorderRadius
-
-  --dropdown-list-min-width: 100px;
-  --dropdown-list-max-width: 300px;
-  --dropdown-list-padding: var(--spacing-xxs); // @presenter Spacing
-  --dropdown-list-border-radius: var(--border-radius-lg); // @presenter BorderRadius
-  --dropdown-list-background-color: var(--background-color); // @presenter Color
-  --dropdown-list-box-shadow: var(--bg-raised-shadow); // @presenter Shadow
-
-  --dropdown-list-item-horizontal-padding: var(--spacing-base); // @presenter Spacing
-  --dropdown-list-item-vertical-padding: var(--spacing-xs); // @presenter Spacing
-  --dropdown-list-item-border-radius: var(--border-radius); // @presenter BorderRadius
-  --dropdown-list-item-active-background-color: var(--bg-raised); // @presenter Color
-  --dropdown-list-item-separator-color: var(--border-primary); // @presenter Color
-
-  // @tokens End
-`;
-//# sourceMappingURL=styledVariables.js.map

package/lib/components/Filter/FilterContent.d.ts

@@ -1,13 +0,0 @@
-/// <reference types="react" />
-import type { ThemeConfig } from '../../index.js';
-import type { ResolvedFilter } from '../../types/portal/src/shared/types/catalog';
-interface FilterContentProps {
-    setFilterTerm: (value: string) => void;
-    filters: ResolvedFilter[];
-    filterTerm: string;
-    isMobile: boolean;
-    filterValuesCasing?: NonNullable<ThemeConfig['catalog']>[string]['filterValuesCasing'];
-}
-export declare function FilterContent({ setFilterTerm, filters, filterTerm, isMobile, filterValuesCasing, }: FilterContentProps): JSX.Element;
-export declare const FilterItems: import("styled-components").StyledComponent<"div", any, {}, never>;
-export {};

package/lib/components/Filter/FilterContent.js

@@ -1,60 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FilterItems = exports.FilterContent = void 0;
-const react_1 = __importDefault(require("react"));
-const styled_components_1 = __importDefault(require("styled-components"));
-const _theme_1 = require("../../index.js");
-const hooks_1 = require("../../mocks/hooks");
-const Catalog_1 = require("../../components/Catalog");
-const Filter_1 = require("../../components/Filter");
-const Sidebar_1 = require("../../components/Sidebar");
-const FilterPopover_1 = require("../../components/Filter/FilterPopover");
-function FilterContent({ setFilterTerm, filters, filterTerm, isMobile, filterValuesCasing, }) {
-    const { translate } = (0, hooks_1.useTranslate)();
-    const translationKeys = {
-        placeholder: 'theme.catalog.filters.placeholder',
-        clearAll: 'theme.catalog.filters.clearAll',
-    };
-    const hasActiveFilters = filters.some((filter) => {
-        if (filter.selectedOptions && filter.selectedOptions instanceof Set) {
-            return filter.selectedOptions.size;
-        }
-        else if (filter.selectedOptions.from && filter.selectedOptions.to) {
-            return true;
-        }
-    });
-    const handleClearAll = () => {
-        filters.forEach((filter) => filter.selectOption(''));
-    };
-    return (react_1.default.createElement(FilterContentWrapper, { isMobile: isMobile },
-        react_1.default.createElement(Catalog_1.FilterControls, null,
-            react_1.default.createElement(FilterPopover_1.StyledInput, { placeholder: translate(translationKeys.placeholder, 'Type to filter...'), value: filterTerm, onChange: (e) => setFilterTerm(e.target.value) })),
-        react_1.default.createElement(exports.FilterItems, null, filters.map((filter, idx) => (react_1.default.createElement(Filter_1.Filter, { filter: filter, key: filter.property + '-' + idx, filterValuesCasing: filterValuesCasing })))),
-        hasActiveFilters && (react_1.default.createElement(_theme_1.Button, { size: "small", onClick: handleClearAll }, translate(translationKeys.placeholder, 'Clear all filters')))));
-}
-exports.FilterContent = FilterContent;
-const FilterContentWrapper = (0, styled_components_1.default)(Sidebar_1.Sidebar) `
-  width: var(--sidebar-width);
-  display: none;
-
-  ${_theme_1.Button} {
-    width: var(--filter-content-clear-button-width);
-    margin: var(--filter-content-clear-button-margin);
-  }
-
-  ${({ theme, isMobile }) => !isMobile && theme.mediaQueries.medium} {
-    display: block;
-    border-right: 1px solid var(--filter-content-border-color);
-
-    ${Catalog_1.FilterControls} {
-      background: var(--filter-controls-background-color);
-    }
-  }
-`;
-exports.FilterItems = styled_components_1.default.div `
-  padding: var(--filter-content-items-padding);
-`;
-//# sourceMappingURL=FilterContent.js.map

package/lib/components/Filter/FilterPopover.d.ts

@@ -1,13 +0,0 @@
-/// <reference types="react" />
-import type { ThemeConfig } from '../../index.js';
-import type { ResolvedFilter } from '../../types/portal/src/shared/types/catalog';
-interface FilterPopoverProps {
-    setIsAddingFilter: (value: boolean) => void;
-    filters: ResolvedFilter[];
-    filterValuesCasing?: NonNullable<ThemeConfig['catalog']>[string]['filterValuesCasing'];
-}
-export declare function FilterPopover({ setIsAddingFilter, filters, filterValuesCasing, }: FilterPopoverProps): JSX.Element;
-export declare const StyledInput: import("styled-components").StyledComponent<"input", any, {
-    'data-cy': string;
-}, "data-cy">;
-export {};

package/lib/components/Filter/FilterPopover.js

@@ -1,109 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.StyledInput = exports.FilterPopover = void 0;
-const react_1 = __importDefault(require("react"));
-const styled_components_1 = __importDefault(require("styled-components"));
-const _theme_1 = require("../../index.js");
-const FilterContent_1 = require("../../components/Filter/FilterContent");
-const hooks_1 = require("../../mocks/hooks");
-function FilterPopover({ setIsAddingFilter, filters, filterValuesCasing, }) {
-    const [filterTerm, setFilterTerm] = react_1.default.useState('');
-    const filteredFilters = filters
-        .map((filter) => {
-        const options = filter.options.filter((option) => option.value.toLowerCase().includes(filterTerm.toLowerCase()));
-        return options.length
-            ? Object.assign(Object.assign({}, filter), { filteredOptions: options }) : null;
-    })
-        .filter(Boolean);
-    const translationKeys = {
-        placeholder: 'theme.catalog.filters.placeholder',
-        done: 'theme.catalog.filters.done',
-    };
-    const { translate } = (0, hooks_1.useTranslate)();
-    return (react_1.default.createElement(FilterPopoverWrapper, null,
-        react_1.default.createElement(FilterPopoverHeader, null,
-            react_1.default.createElement(FilterPopoverHeaderLabel, null, "Add Filter"),
-            react_1.default.createElement(FilterPopoverHeaderButton, { onClick: () => setIsAddingFilter(false) }, translate(translationKeys.placeholder, 'Done'))),
-        react_1.default.createElement(FilterContent_1.FilterContent, { setFilterTerm: setFilterTerm, filters: filters, filterTerm: filterTerm, filterValuesCasing: filterValuesCasing, isMobile: true }),
-        react_1.default.createElement(_theme_1.FilterControls, null,
-            react_1.default.createElement(exports.StyledInput, { placeholder: translate(translationKeys.placeholder, 'Type to filter...'), value: filterTerm, onChange: (e) => setFilterTerm(e.target.value) })),
-        react_1.default.createElement(FilterContent_1.FilterItems, null, filteredFilters.map((filter, idx) => (react_1.default.createElement(_theme_1.Filter, { filter: filter, key: filter.property + '-' + idx }))))));
-}
-exports.FilterPopover = FilterPopover;
-const FilterPopoverWrapper = styled_components_1.default.aside `
-  position: absolute;
-  top: 0;
-  z-index: var(--z-index-popover);
-  height: 100vh;
-  overflow: auto;
-  transition: height 0.2s ease-in-out;
-  width: 100%;
-  background-color: var(--filter-popover-background-color);
-  display: block;
-
-  ${({ theme }) => theme.mediaQueries.medium} {
-    display: none;
-  }
-`;
-const FilterPopoverHeader = styled_components_1.default.div `
-  height: var(--navbar-height);
-  padding: var(--filter-popover-header-padding);
-  display: grid;
-  align-items: center;
-  grid-template-columns: 1fr 1fr 1fr;
-  border-bottom: 1px solid var(--filter-popover-header-border-color);
-  background-color: var(--filter-popover-header-background-color);
-`;
-const FilterPopoverHeaderLabel = styled_components_1.default.div `
-  color: var(--filter-popover-header-label-color);
-  justify-self: center;
-  grid-column-start: 2;
-  font-size: var(--filter-popover-header-label-font-size);
-  font-weight: var(--filter-popover-header-label-font-weight);
-`;
-const FilterPopoverHeaderButton = styled_components_1.default.div.attrs({
-    'data-cy': 'FilterPopover/DoneButton',
-}) `
-  color: var(--filter-popover-header-button-color);
-  justify-self: end;
-  font-size: var(--filter-popover-header-button-font-size);
-  font-weight: var(--filter-popover-header-button-font-weight);
-  height: var(--filter-popover-header-button-height);
-  line-height: var(--filter-popover-header-button-height);
-`;
-exports.StyledInput = styled_components_1.default.input.attrs({ 'data-cy': 'FilterPopover/Input' }) `
-  border: var(--filter-input-border);
-  min-width: var(--filter-input-min-width);
-  width: 100%;
-  outline: none;
-  padding: var(--filter-input-padding);
-  border-radius: var(--filter-input-border-radius);
-  background-color: var(--filter-input-background-color);
-  color: var(--filter-input-color);
-  font-family: var(--filter-input-font-family);
-  font-size: var(--filter-input-font-size);
-  line-height: var(--filter-input-line-height);
-
-  &::placeholder {
-    opacity: var(--filter-input-placeholder-opacity);
-    color: var(--filter-input-placeholder-color);
-  }
-
-  &:hover {
-    color: var(--filter-input-hover-color);
-    border: var(--filter-input-hover-border);
-  }
-
-  &:focus {
-    color: var(--filter-input-focus-color);
-    border: var(--filter-input-focus-border);
-  }
-
-  &:-webkit-autofill {
-    background-color: var(--filter-input-background-color);
-  }
-`;
-//# sourceMappingURL=FilterPopover.js.map

package/lib/components/Filter/FilterTag.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-interface FilterTagProps {
-    label: string;
-    onClick: () => void;
-}
-export declare function FilterTag({ label, onClick }: FilterTagProps): JSX.Element;
-export {};

package/lib/components/Filter/FilterTag.js

@@ -1,33 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FilterTag = void 0;
-const react_1 = __importDefault(require("react"));
-const styled_components_1 = __importDefault(require("styled-components"));
-const ClearIcon_1 = require("../../components/Search/ClearIcon");
-function FilterTag({ label, onClick }) {
-    return (react_1.default.createElement(TagWrapper, { onClick: onClick },
-        react_1.default.createElement(TagLabel, null, label),
-        react_1.default.createElement(ClearIcon_1.ClearIcon, null)));
-}
-exports.FilterTag = FilterTag;
-const TagWrapper = styled_components_1.default.div.attrs({ 'data-cy': 'Filter/FilterTag' }) `
-  display: flex;
-  align-items: center;
-  white-space: nowrap;
-  cursor: pointer;
-  color: var(--filter-tag-color);
-  border-radius: var(--filter-tag-border-radius);
-  border: 1px solid var(--filter-tag-border-color);
-  background-color: var(--filter-tag-background-color);
-  padding: var(--filter-tag-padding);
-  font-size: var(--filter-tag-font-size);
-  font-weight: var(--filter-tag-font-weight);
-  margin: var(--filter-tag-margin);
-`;
-const TagLabel = styled_components_1.default.div `
-  margin: var(--filter-tag-label-margin);
-`;
-//# sourceMappingURL=FilterTag.js.map

package/lib/components/Filter/FilterTags.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-import type { ResolvedFilter } from '../../types/portal/src/shared/types/catalog';
-interface FilterTagsProps {
-    filters: ResolvedFilter[];
-}
-export declare function FilterTags({ filters }: FilterTagsProps): JSX.Element;
-export {};

package/lib/components/Filter/FilterTags.js

@@ -1,29 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FilterTags = void 0;
-const react_1 = __importDefault(require("react"));
-const styled_components_1 = __importDefault(require("styled-components"));
-const FilterTag_1 = require("../../components/Filter/FilterTag");
-function FilterTags({ filters }) {
-    const selectedFilters = [];
-    filters.forEach((filter) => {
-        var _a;
-        if ((_a = filter.selectedOptions) === null || _a === void 0 ? void 0 : _a.size) {
-            for (let selectedOption of filter.selectedOptions) {
-                selectedFilters.push({
-                    filter,
-                    selectedOption,
-                });
-            }
-        }
-    });
-    return (react_1.default.createElement(FilterTagsWrapper, null, selectedFilters.map(({ filter, selectedOption }) => (react_1.default.createElement(FilterTag_1.FilterTag, { key: `${filter.title}: ${selectedOption}`, onClick: () => filter.toggleOption(selectedOption), label: `${filter.title}: ${selectedOption}` })))));
-}
-exports.FilterTags = FilterTags;
-const FilterTagsWrapper = styled_components_1.default.div `
-  display: flex;
-`;
-//# sourceMappingURL=FilterTags.js.map

package/lib/components/Filter/styledVariables.d.ts

@@ -1 +0,0 @@
-export declare const filter: import("styled-components").FlattenSimpleInterpolation;

package/lib/components/Filter/styledVariables.js

@@ -1,112 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.filter = void 0;
-const styled_components_1 = require("styled-components");
-exports.filter = (0, styled_components_1.css) `
-  /* === Filter === */
-  /**
-  * @tokens Filters
-  */
-  --filter-group-padding: var(--spacing-base) 0 0 0;
-
-  --filter-title-font-weight: var(--font-weight-bold);
-  --filter-title-font-size: var(--font-size-base);
-  --filter-title-margin: 0 0 var(--spacing-xxs) 0;
-
-  --filter-option-font-weight: var(--font-weight-regular);
-  --filter-option-font-size: var(--font-size-base);
-  --filter-option-margin: var(--spacing-xs) 0 0 0;
-
-  --filter-option-label-font-size: var(--font-size-base);
-  --filter-option-label-font-weight: var(--font-weight-regular);
-  --filter-option-label-margin: 0 var(--spacing-xs) 0 0;
-  --filter-option-label-color: var(--text-secondary);
-
-  --filter-option-count-height: 14px;
-  --filter-option-count-color: var(--text-description);
-  --filter-option-count-font-size: var(--spacing-sm);
-  --filter-option-count-font-weight: var(--font-weight-regular);
-  --filter-option-count-padding: 0px var(--spacing-xxs);
-  --filter-option-count-border-radius: var(--spacing-sm);
-  --filter-option-count-border-color: 1px solid var(--border-secondary);
-  --filter-option-count-background-color: var(--bg-raised);
-
-  --filter-content-border-color: var(--border-secondary);
-  --filter-content-items-padding: 0 var(--spacing-lg);
-  --filter-content-clear-button-margin: var(--spacing-base) auto 0 auto;
-  --filter-content-clear-button-width: calc(var(--spacing-unit) * 40);
-  --filter-controls-background-color: var(--bg-base);
-
-  --filter-popover-background-color: var(--bg-base);
-  --filter-popover-header-padding: var(--mobile-catalog-filter-padding-vertical) var(--mobile-catalog-filter-padding-horizontal);
-  --filter-popover-header-border-color: var(--border-secondary);
-  --filter-popover-header-background-color: var(--navbar-background-color);
-  --filter-popover-header-label-color: var(--navbar-text-color);
-  --filter-popover-header-label-font-size: var(--font-size-lg);
-  --filter-popover-header-label-font-weight: var(--font-weight-bold);
-  --filter-popover-header-button-color: var(--navbar-text-color);
-  --filter-popover-header-button-height: var(--control-height-base);
-  --filter-popover-header-button-font-size: var(--font-size-base);
-  --filter-popover-header-button-font-weight: var(--font-weight-regular);
-
-  --filter-tags-wrapper-padding: var(--spacing-xs) 0 var(--spacing-base) var(--spacing-base);
-  --filter-tag-color: var(--text-primary);
-  --filter-tag-border-radius: var(--spacing-sm);
-  --filter-tag-border-color: var(--border-primary);
-  --filter-tag-background-color: var(--bg-raised);
-  --filter-tag-padding: 0 var(--spacing-xs);
-  --filter-tag-font-size: var(--font-size-sm);
-  --filter-tag-font-weight: var(--font-weight-regular);
-  --filter-tag-margin: 0 var(--spacing-xxs) 0 0;
-  --filter-tag-label-margin: 0 var(--spacing-xxs) 0 0;
-
-  --filter-input-border: 1px solid var(--border-primary);
-  --filter-input-min-width: 200px;
-  --filter-input-padding: var(--input-padding);
-  --filter-input-border-radius: var(--input-border-radius);
-  --filter-input-background-color: var(--input-background-color);
-  --filter-input-color: var(--text-secondary);
-  --filter-input-font-family: var(--font-family-base);
-  --filter-input-font-size: var(--font-size-base);
-  --filter-input-line-height: var(--input-line-height);
-  --filter-input-placeholder-opacity: 0.6;
-  --filter-input-placeholder-color: var(--text-placeholder);
-  --filter-input-hover-color: var(--text-primary);
-  --filter-input-hover-border: 1px solid var(--border-primary);
-  --filter-input-focus-color: var(--text-primary);
-  --filter-input-focus-border: 1px solid var(--border-primary);
-
-  --filter-add-button-margin: 0 var(--spacing-sm) 0 0;
-  --filter-add-button-padding: 0;
-  --filter-add-button-font-size: var(--font-size-base);
-  --filter-add-button-font-weight: var(--font-weight-regular);
-
-  --filter-select-min-height: var(--control-height-base);
-  --filter-select-color: var(--text-primary);
-  --filter-select-border-color: var(--border-primary);
-  --filter-select-border-radius: calc(var(--spacing-unit) * 1.5);
-  --filter-select-padding: 0;
-  --filter-select-hover-border-color: var(--text-primary);
-  --filter-select-option-margin: 0;
-
-  --filter-date-picker-color: var(--text-primary);
-  --filter-date-picker-margin: 0 0 var(--spacing-xxs) 0;
-  --filter-date-picker-gap: var(--spacing-xs);
-  --filter-date-picker-width: 50px;
-  --filter-date-picker-tile-background: var(--color-blue-2);
-  --filter-date-picker-tile-color: var(--text-primary);
-  --filter-date-picker-tile-hover-background: var(--color-blue-3);
-  --filter-date-picker-tile-hover-color: var(--text-primary);
-  --filter-date-picker-input-width: var(--spacing-md);
-  --filter-date-picker-invalid-input-background: var(--bg-raised);
-  --filter-date-picker-button-padding: var(--spacing-xxs);
-  --filter-date-picker-icon-stroke: var(--text-secondary);
-  --filter-date-picker-icon-width: var(--spacing-sm);
-  --filter-date-picker-hover-icon-stroke: var(--text-primary);
-  --filter-date-picker-wrapper-border-color: var(--border-primary);
-  --filter-date-picker-wrapper-radius: calc(var(--spacing-unit) * 1.5);
-  --filter-date-picker-wrapper-padding: calc(var(--spacing-xxs) / 2) var(--spacing-xs);
-
-  // @tokens End
-`;
-//# sourceMappingURL=styledVariables.js.map

package/lib/components/Footer/styledVariables.d.ts

@@ -1 +0,0 @@
-export declare const footer: import("styled-components").FlattenSimpleInterpolation;

package/lib/components/Footer/styledVariables.js

@@ -1,61 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.footer = void 0;
-const styled_components_1 = require("styled-components");
-exports.footer = (0, styled_components_1.css) `
-  /**
-    * @tokens Footer
-    */
-  --footer-background-color: var(--bg-raised); // @presenter Color
-  --footer-text-color: var(--text-secondary); // @presenter Color
-  --footer-border-color: var(--border-secondary); // @presenter Color
-
-  --footer-padding-vertical: calc(var(--spacing-unit) * 20); // @presenter Spacing
-  --footer-padding-horizontal: calc(var(--spacing-unit) * 20); // @presenter Spacing
-
-  --footer-font-size: var(--font-size-base); // @presenter FontSize
-  --footer-font-weight: var(--font-weight-regular); // @presenter FontWeight
-
-  --footer-dividing-border-color: var(--footer-border-color); // @presenter Color
-
-  --footer-title-text-color: var(--text-primary); // @presenter Color
-  --footer-title-font-size: var(--font-size-xl); // @presenter FontSize
-  --footer-title-font-weight: var(--font-weight-bold); // @presenter FontWeight
-  --footer-title-margin-bottom: var(--spacing-lg); // @presenter Spacing
-
-  --footer-link-text-color: var(--text-secondary); // @presenter Color
-  --footer-link-hover-color: var(--text-primary); // @presenter Color
-  --footer-link-padding-vertical: var(--spacing-xs); // @presenter Spacing
-  --footer-link-padding-horizontal: 0;
-
-  --footer-item-icon-width: var(--spacing-lg); // @presenter Spacing
-  --footer-item-icon-height: var(--spacing-lg); // @presenter Spacing
-  --footer-item-icon-margin-right: var(--spacing-sm); // @presenter Spacing
-  --footer-item-icon-border-color: var(--border-primary); // @presenter Color
-  --footer-item-icon-border-radius: 12px; // @presenter BorderRadius
-  --footer-item-icon-padding: var(--spacing-xxs); // @presenter Spacing
-
-  --footer-column-min-width: calc(var(--spacing-unit) * 30);
-  --footer-column-margin-bottom: var(--spacing-lg); // @presenter Spacing
-  --footer-column-margin-horizontal: var(--spacing-sm); // @presenter Spacing
-
-  --footer-copyright-font-size: var(--footer-font-size); // @presenter FontSize
-  --footer-copyright-margin-top: var(--spacing-sm); // @presenter Spacing
-  --footer-copyright-text-align: start;
-
-  --footer-logo-display: block;
-  --footer-logo-margin-right: 0; // @presenter Spacing
-  --footer-logo-margin-bottom: var(--spacing-xl); // @presenter Spacing
-
-  --footer-language-picker-display: block;
-
-  --footer-container-max-width: var(--container-width); // @presenter Spacing
-
-  --mobile-footer-padding-vertical: var(--spacing-base); // @presenter Spacing
-  --mobile-footer-padding-horizontal: var(--spacing-base); // @presenter Spacing
-  --mobile-footer-column-margin-bottom: var(--spacing-base); // @presenter Spacing
-  --mobile-footer-title-margin-bottom: var(--spacing-sm); // @presenter Spacing
-
-  // @tokens End
-`;
-//# sourceMappingURL=styledVariables.js.map

package/lib/components/Image/Image.d.ts

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-type ImageProps = {
-    src?: string;
-    srcSet?: string;
-    alt?: string;
-    className?: string;
-};
-export declare function Image(props: ImageProps): JSX.Element;
-export {};

package/lib/components/Image/Image.js

@@ -1,31 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Image = void 0;
-const react_1 = __importDefault(require("react"));
-const styled_components_1 = __importDefault(require("styled-components"));
-function parseSrcSet(srcSet) {
-    const result = new Map();
-    const parts = srcSet.split(', ');
-    for (const part of parts) {
-        const [url, theme] = part.split(' ');
-        result.set(theme, url);
-    }
-    return result;
-}
-function Image(props) {
-    const { src, srcSet, alt, className } = props;
-    const parsedSourceSetMap = react_1.default.useMemo(() => {
-        return srcSet ? parseSrcSet(srcSet) : new Map();
-    }, [srcSet]);
-    return (react_1.default.createElement(react_1.default.Fragment, null, src ? (react_1.default.createElement("img", { src: src, alt: alt, className: className })) : (Array.from(parsedSourceSetMap).map(([key, value]) => (react_1.default.createElement(ColorModeAwareImage, { key: key, colorMode: key, src: value, alt: alt }))))));
-}
-exports.Image = Image;
-const ColorModeAwareImage = styled_components_1.default.img `
-  html:not(.${(props) => props.colorMode}) && {
-    display: none;
-  }
-`;
-//# sourceMappingURL=Image.js.map

package/lib/components/Image/index.d.ts

@@ -1 +0,0 @@
-export * from '../../components/Image/Image';

package/lib/components/LastUpdated/index.d.ts

@@ -1 +0,0 @@
-export * from '../../components/LastUpdated/styledVariables';

package/lib/components/LastUpdated/index.js

@@ -1,18 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("../../components/LastUpdated/styledVariables"), exports);
-//# sourceMappingURL=index.js.map