diff --git a/.changeset/twenty-islands-run.md b/.changeset/twenty-islands-run.md new file mode 100644 index 0000000000..b41f6d884d --- /dev/null +++ b/.changeset/twenty-islands-run.md @@ -0,0 +1,5 @@ +--- +"@rhds/elements": patch +--- + +Update dependencies diff --git a/.nvmrc b/.nvmrc index 0f576a16ca..d819d013d1 100644 --- a/.nvmrc +++ b/.nvmrc @@ -1 +1 @@ -v23.2.0 +v23.8.0 diff --git a/docs/_includes/layouts/pages/home.njk b/docs/_includes/layouts/pages/home.njk deleted file mode 100755 index 38c7b84452..0000000000 --- a/docs/_includes/layouts/pages/home.njk +++ /dev/null @@ -1,21 +0,0 @@ ---- -layout: layouts/base.njk ---- - - - -{% include 'partials/component/masthead.njk' %} -{% include 'partials/component/sidenav.njk' %} - - {{ content | safe }} - {% include "partials/component/back-to-top.njk" %} - -{% include 'partials/component/footer.njk' %} - diff --git a/docs/_includes/layouts/pages/tokens.11ty.ts b/docs/_includes/layouts/pages/tokens.11ty.ts index 7f511bcdf7..011c184ad3 100644 --- a/docs/_includes/layouts/pages/tokens.11ty.ts +++ b/docs/_includes/layouts/pages/tokens.11ty.ts @@ -1,4 +1,4 @@ -import type { DesignToken } from '#11ty-plugins/tokensHelpers.js'; +import type { Color, DesignToken } from '@rhds/tokens'; import tinycolor from 'tinycolor2'; import { tokens as tokensMeta } from '@rhds/tokens/meta.js'; @@ -140,12 +140,12 @@ export default class TokensPage extends Renderer { || token.name === '_') { return ''; } - const { r, g, b } = token.attributes?.rgb ?? {}; - const { h, s, l } = token.attributes?.hsl ?? {}; + const { r, g, b } = (token.attributes?.rgb ?? {}) as Color['rgb']; + const { h, s, l } = (token.attributes?.hsl ?? {}) as Color['hsl']; const isColor = !!token.path.includes('color'); - const isCrayon = isColor && token.name.match(/0$/); + const isCrayon = isColor && token.name?.match(/0$/); const isDimension = token.$type === 'dimension'; - const isHSLorRGB = isColor && !!token.name.match(/(hsl|rgb)$/); + const isHSLorRGB = isColor && !!token.name?.match(/(hsl|rgb)$/); const isFamily = !!token.path.includes('family'); const isFont = !!token.path.includes('font'); const isRadius = !!token.path.includes('radius'); @@ -165,7 +165,7 @@ export default class TokensPage extends Renderer { light: isLight, dark: !isLight, color: isColor, - crayon: isCrayon, + crayon: !!isCrayon, dimension: isDimension, family: isFamily, font: isFont, @@ -201,13 +201,13 @@ export default class TokensPage extends Renderer { '--samp-font-weight': isWeight ? token.$value : 'var(--rh-font-weight-body-text-regular)', [`--samp-${token.$type === 'dimension' ? `${name}-size` : name}`]: token.$value, - [`${token.$type === 'dimension' && token.attributes.category === 'space' ? `--samp-${name}-color` : ``}`]: isSpace ? token.original['$extensions']['com.redhat.ux'].color : '', + [`${token.$type === 'dimension' && token.attributes?.category === 'space' ? `--samp-${name}-color` : ``}`]: isSpace ? token.original['$extensions']['com.redhat.ux'].color : '', })}"> ${isSpace ? `${parseInt(token.$value)}` : ``} ${isColor && token.path.includes('text') ? 'Aa' - : isFont ? (example || token.attributes?.aliases?.[0] || 'Aa') + : isFont ? (example || (token.attributes?.aliases as string[])?.[0] || 'Aa') : name === 'breakpoint' ? ` ` : example} @@ -221,7 +221,7 @@ export default class TokensPage extends Renderer { : isColor ? `${token.$value} ` : isWeight ? ` ${token.$value} - ${token.attributes?.aliases?.[0] ?? ''}` + ${(token.attributes?.aliases as string[])?.[0] ?? ''}` : `${token.$value}` )} diff --git a/docs/_plugins/tokensHelpers.ts b/docs/_plugins/tokensHelpers.ts index afb98ceb00..4bb38863c1 100644 --- a/docs/_plugins/tokensHelpers.ts +++ b/docs/_plugins/tokensHelpers.ts @@ -1,4 +1,5 @@ import type { CssCustomProperty } from 'custom-elements-manifest'; +import type { DesignToken } from '@rhds/tokens'; import { tokens as tokensMeta } from '@rhds/tokens/meta.js'; import { createRequire } from 'node:module'; @@ -7,10 +8,6 @@ const tokensJSON = require('@rhds/tokens/json/rhds.tokens.json'); export const capitalize = (x: string): string => `${x.at(0)?.toUpperCase() ?? ''}${x.slice(1)}`; -type MapValue = T extends Map ? V : never; - -export type DesignToken = MapValue; - /* eslint-disable jsdoc/require-param */ /** @@ -32,10 +29,17 @@ export function getParentCollection(options: { return { parent, key }; } +function isDesignToken(token: DesignToken | CssCustomProperty): token is DesignToken { + return '$value' in token; +} + /** generate `var(--rh-xxx, xxx)` string, given a token or css property */ export function getVariableSyntax(token: DesignToken | CssCustomProperty) { - const name = formatTokenVariableName(token.name); - return `var(${name}, ${escapeDoubleQuotes(token.$value ?? token.default)})`; + if (token.name) { + const name = formatTokenVariableName(token.name); + const value = isDesignToken(token) ? token.$value : token.default; + return `var(${name}, ${escapeDoubleQuotes(value)})`; + } } /** generate string of copy cell for 11ty templates */ @@ -58,11 +62,14 @@ export function copyCell(token: DesignToken) { `.trim(); } -function formatTokenVariableName(token: DesignToken) { +function formatTokenVariableName(token: string) { return `--${token}`.replace('----', '--') as `--rh-${string}`; } function getTokenCategorySlug(token: DesignToken) { + if (!token.name) { + throw new Error(`Unknown token`); + } const name = formatTokenVariableName(token.name); const data = tokensMeta.get(name); if (!data) { diff --git a/docs/about/index.md b/docs/about/index.md index 6cc0760aa7..944717eef6 100644 --- a/docs/about/index.md +++ b/docs/about/index.md @@ -25,7 +25,6 @@ tags: diff --git a/docs/assets/home/code-status.svg b/docs/assets/home/code-status.svg deleted file mode 100644 index 254ffbc871..0000000000 --- a/docs/assets/home/code-status.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/docs/assets/home/element-examples.svg b/docs/assets/home/element-examples.svg deleted file mode 100644 index 61ac41926f..0000000000 --- a/docs/assets/home/element-examples.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/docs/assets/home/elements.svg b/docs/assets/home/elements.svg deleted file mode 100644 index d5a801256d..0000000000 --- a/docs/assets/home/elements.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/docs/assets/home/foundations.svg b/docs/assets/home/foundations.svg deleted file mode 100644 index 1909c36836..0000000000 --- a/docs/assets/home/foundations.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/docs/assets/home/hero-image.png b/docs/assets/home/hero-image.png new file mode 100644 index 0000000000..5503614d7e Binary files /dev/null and b/docs/assets/home/hero-image.png differ diff --git a/docs/assets/home/patternfly.svg b/docs/assets/home/patternfly.svg new file mode 100644 index 0000000000..d46e5e76ac --- /dev/null +++ b/docs/assets/home/patternfly.svg @@ -0,0 +1,15 @@ + + + + + + + + + + + + + + + diff --git a/docs/assets/home/section-1.png b/docs/assets/home/section-1.png new file mode 100644 index 0000000000..6356ba278e Binary files /dev/null and b/docs/assets/home/section-1.png differ diff --git a/docs/assets/home/section-2.png b/docs/assets/home/section-2.png new file mode 100644 index 0000000000..14b4116998 Binary files /dev/null and b/docs/assets/home/section-2.png differ diff --git a/docs/assets/home/section-3.png b/docs/assets/home/section-3.png new file mode 100644 index 0000000000..82a19a9ebf Binary files /dev/null and b/docs/assets/home/section-3.png differ diff --git a/docs/assets/home/section-4.png b/docs/assets/home/section-4.png new file mode 100644 index 0000000000..37c8bdc3ba Binary files /dev/null and b/docs/assets/home/section-4.png differ diff --git a/docs/assets/home/section-5.png b/docs/assets/home/section-5.png new file mode 100644 index 0000000000..a934b41168 Binary files /dev/null and b/docs/assets/home/section-5.png differ diff --git a/docs/assets/home/web-components.svg b/docs/assets/home/web-components.svg new file mode 100644 index 0000000000..97e81bc945 --- /dev/null +++ b/docs/assets/home/web-components.svg @@ -0,0 +1,18 @@ + + + + + + + + + + + + + + + + + + diff --git a/docs/index.html b/docs/index.html new file mode 100644 index 0000000000..5c8faf0e5d --- /dev/null +++ b/docs/index.html @@ -0,0 +1,246 @@ +--- +layout: layouts/base.njk +title: Home +--- + + + + + + + +{% include 'partials/component/masthead.njk' %} +{% include 'partials/component/sidenav.njk' %} + + +
+

Digital experiences that look and feel like Red Hat

+

RHDS is Red Hat’s open source design system for branded digital experiences. Our system includes design language, elements, developer tools, and more to help you create and ship + digital experiences that look and feel like Red Hat.

+ a woman sits cross-legged on a low office chair, smiling at the screen of the black laptop on her knee. floating graphics surround her head: a cloud, a stylized representation of a website +
+ +

Start here of explore more below

+ +
+ + +

Installation

+

Installing RHDS is easy using CDN, NPM, or JSPM

+ + + +

Onboarding

+

Our role-specific pages guide you through using RHDS

+ + + +

Design tokens

+

The single source of truth for our design decisions

+ + + +

Accessibility

+

Learn about our accessibility policies and best practices

+ +
+ +
+ + hexagon composed of two opposing angle brackets, one black, one styled blue and green +

Why we build with Web Components

+

Our elements are built on Web Component standards. They work across modern browsers and any frameworks that support HTML.

+ + + stylized butterfly in light blue +

Building products? Check out Patternfly

+

PatternFly is Red Hat’s open source product design system, it enables teams to create consistent and scalable products.

+ +
+ + +

Foundations

+

Design language principles for better layouts

+ a stylized molecule on a red background + Explore foundations + + + +

Elements

+

Interface building blocks for better experiences

+ stylized schematic of a website with oversized cursor overlayed + Explore elements + + + +

Design/code status

+

The status of elements and patterns at a glance

+ stylized nested list on a grey background + View the design/code status + + + +

Release notes

+

Track any changes and major releases to RHDS

+ opposing speech bubbled on a teal background + Read the release notes + + + +

Contribute

+

Help us grow and improve our system together

+ three generic person avatars in a range of shades + Learn how to contribute + + + {% include "partials/component/back-to-top.njk" %} + + +{% include 'partials/component/footer.njk' %} + + diff --git a/docs/index.njk b/docs/index.njk deleted file mode 100644 index dde54fd554..0000000000 --- a/docs/index.njk +++ /dev/null @@ -1,93 +0,0 @@ ---- -layout: layouts/pages/home.njk -title: Home ---- - - - - - -
- -

Red Hat design system

-

Open source meets open design

- Element examples - - - -

Designing Red Hat digital experiences?

-

You are at the right place. We rely on this design system to create consistent Red Hat® digital experiences. Using Red Hat brand standards and PatternFly as our foundational design language, we enable designers and developers to concurrently build branded experiences across redhat.com, Red Hat Customer Portal, and beyond.

- - Learn more about the design system - - - Designing Red Hat products? Visit PatternFly - - - -
-

Get started

-

Principles and documentation to help you start creating Red Hat digital experiences

- -
- - Foundations -

Foundations

-

Design principles to help you create engaging layouts

- - - - Elements -

Elements

-

Guidance to help you create interactive user interfaces

- - - - Code status -

Code status

-

Track the status of our components and patterns

- - - - Release notes -

Release notes

-

Track the updates we're making to the design system

- -
-
- - -

Contribute

-

We welcome feedback in order to produce the best experiences for our users

- - - Join the discussion - - -
- - diff --git a/docs/styles/grid.css b/docs/styles/grid.css index a405fb2727..7bfcd7c726 100644 --- a/docs/styles/grid.css +++ b/docs/styles/grid.css @@ -4,33 +4,25 @@ .grid { display: grid; - grid-template-columns: 1fr; + grid-template-columns: repeat(var(--uxdot-grid-repeat, 1), 1fr); gap: var(--rh-space-2xl); &.gapless { gap: 0; } -} - -@container container (min-width: 576px) { - .grid.xs-two-columns { - grid-template-columns: 1fr 1fr; - } -} -@container container (min-width: 768px) { - .grid.sm-two-columns { - grid-template-columns: 1fr 1fr; + @container container (min-width: 576px) { + &.xs-two-columns { --uxdot-grid-repeat: 2; } } - .grid.sm-three-columns { - grid-template-columns: 1fr 1fr 1fr; + @container container (min-width: 768px) { + &.sm-two-columns { --uxdot-grid-repeat: 2; } + &.sm-three-columns { --uxdot-grid-repeat: 3; } + &.sm-four-columns { --uxdot-grid-repeat: 4; } } -} -@container container (min-width: 992px) { - .grid.md-three-columns { - grid-template-columns: 1fr 1fr 1fr; + @container container (min-width: 992px) { + &.md-three-columns { --uxdot-grid-repeat: 3; } } } diff --git a/docs/styles/pages/home.css b/docs/styles/pages/home.css deleted file mode 100644 index 3485ea8fb7..0000000000 --- a/docs/styles/pages/home.css +++ /dev/null @@ -1,97 +0,0 @@ -@layer page { - rh-tile p { - margin-block: 0; - } - - /* Homepage */ - .container { - padding-block-start: var(--rh-space-4xl); - } - - #feature { - display: block; - padding-block: var(--rh-space-3xl); - } - - #feature::part(container), - #feature::part(header), - #feature::part(body), - #feature::part(footer) { - display: flex; - flex-direction: column; - align-items: center; - } - - #feature::part(header) { - font-size: var(--rh-font-size-heading-xl); - color: var(--rh-color-text-brand-on-light); - margin-block-start: var(--rh-space-3xl); - margin-inline: var(--rh-space-3xl); - text-align: center; - } - - #feature::part(body) { - justify-content: center; - text-align: center; - font-size: var(--rh-font-size-body-text-lg); - max-width: 55rem; - } - - #feature::part(footer) { - gap: var(--rh-space-3xl); - margin-block-end: var(--rh-space-3xl); - } - - #get-started { - container-type: inline-size; - container-name: get-started container; - } - - #get-started > h2 { - font-size: var(--rh-font-size-heading-lg); - font-weight: var(--rh-font-weight-heading-medium); - margin-block: var(--rh-space-3xl); - max-width: 100%; /* overrides base max width */ - } - - #get-started > p { - max-width: 100%; /* overrides base max width */ - margin: 0 auto var(--rh-space-3xl); - } - - #contribute::part(header), - #contribute::part(body), - #contribute::part(footer) { - display: flex; - flex-direction: column; - align-items: center; - } - - #contribute { - display: block; - margin-block-start: var(--rh-space-5xl); - } - - #contribute::part(container) { - border: none; - } - - #contribute::part(header) { - font-family: var(--rh-font-family-heading); - font-size: var(--rh-font-size-heading-lg); - } - - #contribute::part(body) { - font-size: var(--rh-font-size-body-text-lg); - } - - #contribute::part(footer) { - padding-block-start: var(--rh-space-xl); - } - - @container main (min-width: 576px) { - .container { - padding-block-start: var(--rh-space-6xl); - } - } -} diff --git a/package-lock.json b/package-lock.json index 034fabcd0e..1de273dc40 100644 --- a/package-lock.json +++ b/package-lock.json @@ -11,9 +11,8 @@ "dependencies": { "@lit/context": "^1.1.3", "@patternfly/pfe-core": "^4.0.4", - "@rhds/icons": "^1.1.2", - "@rhds/tokens": "^2.1.1", - "@rollup/rollup-darwin-x64": "4.34.8", + "@rhds/icons": "^1.2.0", + "@rhds/tokens": "^2.2.4", "lit": "^3.2.1", "prism-esm": "^1.29.0-fix.6", "tslib": "^2.7.0" @@ -387,7 +386,9 @@ }, "node_modules/@11ty/eleventy-plugin-syntaxhighlight": { "version": "5.0.0", + "dev": true, "license": "MIT", + "peer": true, "dependencies": { "prismjs": "^1.29.0" }, @@ -577,6 +578,7 @@ "version": "7.25.7", "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.25.7.tgz", "integrity": "sha512-0xZJFNE5XMpENsgfHYTw8FbX4kv53mFLn2i3XPoq69LyhYSCBJtitaHx9QnsVTrsogI4Z3+HtEfZ2/GFPOtf5g==", + "dev": true, "license": "MIT", "dependencies": { "@babel/highlight": "^7.25.7", @@ -873,6 +875,7 @@ "version": "7.25.7", "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.25.7.tgz", "integrity": "sha512-AM6TzwYqGChO45oiuPqwL2t20/HdMC1rTPAesnBCgPCSF1x3oN9MVUwQV2iyz4xqWrctwK5RNC8LV22kaQCNYg==", + "dev": true, "license": "MIT", "engines": { "node": ">=6.9.0" @@ -908,6 +911,7 @@ "version": "7.25.7", "resolved": "https://registry.npmjs.org/@babel/highlight/-/highlight-7.25.7.tgz", "integrity": "sha512-iYyACpW3iW8Fw+ZybQK+drQre+ns/tKpXbNESfrhNnPLIklLbXr7MYJ6gPEd0iETGLOK+SxMjVvKb/ffmk+FEw==", + "dev": true, "license": "MIT", "dependencies": { "@babel/helper-validator-identifier": "^7.25.7", @@ -923,6 +927,7 @@ "version": "3.2.1", "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz", "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==", + "dev": true, "license": "MIT", "dependencies": { "color-convert": "^1.9.0" @@ -935,6 +940,7 @@ "version": "2.4.2", "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz", "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==", + "dev": true, "license": "MIT", "dependencies": { "ansi-styles": "^3.2.1", @@ -949,6 +955,7 @@ "version": "1.9.3", "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz", "integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==", + "dev": true, "license": "MIT", "dependencies": { "color-name": "1.1.3" @@ -958,12 +965,14 @@ "version": "1.1.3", "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz", "integrity": "sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==", + "dev": true, "license": "MIT" }, "node_modules/@babel/highlight/node_modules/escape-string-regexp": { "version": "1.0.5", "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz", "integrity": "sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==", + "dev": true, "license": "MIT", "engines": { "node": ">=0.8.0" @@ -973,6 +982,7 @@ "version": "3.0.0", "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz", "integrity": "sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==", + "dev": true, "license": "MIT", "engines": { "node": ">=4" @@ -982,6 +992,7 @@ "version": "5.5.0", "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz", "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==", + "dev": true, "license": "MIT", "dependencies": { "has-flag": "^3.0.0" @@ -1681,6 +1692,7 @@ }, "node_modules/@csstools/css-parser-algorithms": { "version": "3.0.1", + "dev": true, "funding": [ { "type": "github", @@ -1701,6 +1713,7 @@ }, "node_modules/@csstools/css-tokenizer": { "version": "3.0.1", + "dev": true, "funding": [ { "type": "github", @@ -1718,6 +1731,7 @@ }, "node_modules/@csstools/media-query-list-parser": { "version": "3.0.1", + "dev": true, "funding": [ { "type": "github", @@ -1763,6 +1777,7 @@ }, "node_modules/@csstools/selector-specificity": { "version": "4.0.0", + "dev": true, "funding": [ { "type": "github", @@ -1851,6 +1866,7 @@ }, "node_modules/@dual-bundle/import-meta-resolve": { "version": "4.1.0", + "dev": true, "license": "MIT", "funding": { "type": "github", @@ -4244,6 +4260,7 @@ }, "node_modules/@nodelib/fs.scandir": { "version": "2.1.5", + "dev": true, "license": "MIT", "dependencies": { "@nodelib/fs.stat": "2.0.5", @@ -4255,6 +4272,7 @@ }, "node_modules/@nodelib/fs.stat": { "version": "2.0.5", + "dev": true, "license": "MIT", "engines": { "node": ">= 8" @@ -4262,6 +4280,7 @@ }, "node_modules/@nodelib/fs.walk": { "version": "1.2.8", + "dev": true, "license": "MIT", "dependencies": { "@nodelib/fs.scandir": "2.1.5", @@ -5061,18 +5080,17 @@ } }, "node_modules/@rhds/icons": { - "version": "1.1.2", + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/@rhds/icons/-/icons-1.2.0.tgz", + "integrity": "sha512-/YkMOCR77UW4SE0GOpfE+gszG3hf8USOJiY2OGJyZTXhbq35A7qDSZhgqjvbZu5SpKY8i6Wz9xF+8HMQHHAJLA==", "license": "MIT" }, "node_modules/@rhds/tokens": { - "version": "2.1.1", - "resolved": "https://registry.npmjs.org/@rhds/tokens/-/tokens-2.1.1.tgz", - "integrity": "sha512-37xeoCniZvRgo2YCmA6VU/yhJ+79QIbRHZ87WPI6Rc2HWFdcZjpymFaEfa/LjXPqGU2DYN9G63VIogQ1FDujCQ==", - "dependencies": { - "@11ty/eleventy-plugin-syntaxhighlight": "^5.0.0", - "highlight.js": "^11.10.0", - "postcss-value-parser": "^4.2.0", - "stylelint": "^16.9.0" + "version": "2.2.4", + "resolved": "https://registry.npmjs.org/@rhds/tokens/-/tokens-2.2.4.tgz", + "integrity": "sha512-eWIssvPdLtTKIDpIh5hnw90sDSfUsnAcNDGYcYa4u8Zd4N1LeHNR/E6D1e3vohUrdWlTu+fBJTgutldfjJeSzQ==", + "peerDependencies": { + "lit": "^3.0.0" } }, "node_modules/@rollup/plugin-dynamic-import-vars": { @@ -7717,6 +7735,7 @@ }, "node_modules/ajv": { "version": "8.17.1", + "dev": true, "license": "MIT", "dependencies": { "fast-deep-equal": "^3.1.3", @@ -7756,6 +7775,7 @@ }, "node_modules/ansi-regex": { "version": "5.0.1", + "dev": true, "license": "MIT", "engines": { "node": ">=8" @@ -7763,6 +7783,7 @@ }, "node_modules/ansi-styles": { "version": "4.3.0", + "dev": true, "license": "MIT", "dependencies": { "color-convert": "^2.0.1" @@ -7879,6 +7900,7 @@ }, "node_modules/array-union": { "version": "2.1.0", + "dev": true, "license": "MIT", "engines": { "node": ">=8" @@ -7959,6 +7981,7 @@ }, "node_modules/astral-regex": { "version": "2.0.0", + "dev": true, "license": "MIT", "engines": { "node": ">=8" @@ -8398,6 +8421,7 @@ }, "node_modules/braces": { "version": "3.0.3", + "dev": true, "license": "MIT", "dependencies": { "fill-range": "^7.1.1" @@ -9629,6 +9653,7 @@ }, "node_modules/callsites": { "version": "3.1.0", + "dev": true, "license": "MIT", "engines": { "node": ">=6" @@ -10198,6 +10223,7 @@ }, "node_modules/color-convert": { "version": "2.0.1", + "dev": true, "license": "MIT", "dependencies": { "color-name": "~1.1.4" @@ -10208,10 +10234,12 @@ }, "node_modules/color-name": { "version": "1.1.4", + "dev": true, "license": "MIT" }, "node_modules/colord": { "version": "2.9.3", + "dev": true, "license": "MIT" }, "node_modules/colorjs.io": { @@ -11475,6 +11503,7 @@ }, "node_modules/cosmiconfig": { "version": "9.0.0", + "dev": true, "license": "MIT", "dependencies": { "env-paths": "^2.2.1", @@ -11515,10 +11544,12 @@ }, "node_modules/cosmiconfig/node_modules/argparse": { "version": "2.0.1", + "dev": true, "license": "Python-2.0" }, "node_modules/cosmiconfig/node_modules/js-yaml": { "version": "4.1.0", + "dev": true, "license": "MIT", "dependencies": { "argparse": "^2.0.1" @@ -11553,6 +11584,7 @@ }, "node_modules/css-functions-list": { "version": "3.2.2", + "dev": true, "license": "MIT", "engines": { "node": ">=12 || >=16" @@ -11575,6 +11607,7 @@ }, "node_modules/css-tree": { "version": "2.3.1", + "dev": true, "license": "MIT", "dependencies": { "mdn-data": "2.0.30", @@ -11597,6 +11630,7 @@ }, "node_modules/cssesc": { "version": "3.0.0", + "dev": true, "license": "MIT", "bin": { "cssesc": "bin/cssesc" @@ -11800,6 +11834,7 @@ "version": "4.3.7", "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.7.tgz", "integrity": "sha512-Er2nc/H7RrMXZBFCEim6TCmMk02Z8vLC2Rbi1KEBggpo0fS6l0S1nnapwmIi3yW/+GOJap1Krg4w0Hg80oCqgQ==", + "dev": true, "license": "MIT", "dependencies": { "ms": "^2.1.3" @@ -12221,6 +12256,7 @@ }, "node_modules/dir-glob": { "version": "3.0.1", + "dev": true, "license": "MIT", "dependencies": { "path-type": "^4.0.0" @@ -12730,6 +12766,7 @@ }, "node_modules/env-paths": { "version": "2.2.1", + "dev": true, "license": "MIT", "engines": { "node": ">=6" @@ -12763,6 +12800,7 @@ }, "node_modules/error-ex": { "version": "1.3.2", + "dev": true, "license": "MIT", "dependencies": { "is-arrayish": "^0.2.1" @@ -14038,6 +14076,7 @@ }, "node_modules/fast-deep-equal": { "version": "3.1.3", + "dev": true, "license": "MIT" }, "node_modules/fast-diff": { @@ -14055,6 +14094,7 @@ }, "node_modules/fast-glob": { "version": "3.3.2", + "dev": true, "license": "MIT", "dependencies": { "@nodelib/fs.stat": "^2.0.2", @@ -14079,10 +14119,12 @@ }, "node_modules/fast-uri": { "version": "3.0.1", + "dev": true, "license": "MIT" }, "node_modules/fastest-levenshtein": { "version": "1.0.16", + "dev": true, "license": "MIT", "engines": { "node": ">= 4.9.1" @@ -14090,6 +14132,7 @@ }, "node_modules/fastq": { "version": "1.17.1", + "dev": true, "license": "ISC", "dependencies": { "reusify": "^1.0.4" @@ -14224,6 +14267,7 @@ }, "node_modules/fill-range": { "version": "7.1.1", + "dev": true, "license": "MIT", "dependencies": { "to-regex-range": "^5.0.1" @@ -14584,6 +14628,7 @@ }, "node_modules/flatted": { "version": "3.3.1", + "dev": true, "license": "ISC" }, "node_modules/follow-redirects": { @@ -15312,6 +15357,7 @@ }, "node_modules/glob-parent": { "version": "5.1.2", + "dev": true, "license": "ISC", "dependencies": { "is-glob": "^4.0.1" @@ -15457,6 +15503,7 @@ }, "node_modules/globjoin": { "version": "0.1.4", + "dev": true, "license": "MIT" }, "node_modules/good-guy-http": { @@ -15660,6 +15707,7 @@ }, "node_modules/has-flag": { "version": "4.0.0", + "dev": true, "license": "MIT", "engines": { "node": ">=8" @@ -15810,13 +15858,6 @@ "node": ">=10.0.0" } }, - "node_modules/highlight.js": { - "version": "11.10.0", - "license": "BSD-3-Clause", - "engines": { - "node": ">=12.0.0" - } - }, "node_modules/homedir-polyfill": { "version": "1.0.3", "dev": true, @@ -15943,6 +15984,7 @@ }, "node_modules/html-tags": { "version": "3.3.1", + "dev": true, "license": "MIT", "engines": { "node": ">=8" @@ -16181,6 +16223,7 @@ }, "node_modules/ignore": { "version": "5.3.2", + "dev": true, "license": "MIT", "engines": { "node": ">= 4" @@ -16207,6 +16250,7 @@ }, "node_modules/import-fresh": { "version": "3.3.0", + "dev": true, "license": "MIT", "dependencies": { "parent-module": "^1.0.0", @@ -16221,6 +16265,7 @@ }, "node_modules/import-fresh/node_modules/resolve-from": { "version": "4.0.0", + "dev": true, "license": "MIT", "engines": { "node": ">=4" @@ -16237,6 +16282,7 @@ }, "node_modules/imurmurhash": { "version": "0.1.4", + "dev": true, "license": "MIT", "engines": { "node": ">=0.8.19" @@ -16499,6 +16545,7 @@ }, "node_modules/is-arrayish": { "version": "0.2.1", + "dev": true, "license": "MIT" }, "node_modules/is-binary-path": { @@ -16625,6 +16672,7 @@ }, "node_modules/is-extglob": { "version": "2.1.1", + "dev": true, "license": "MIT", "engines": { "node": ">=0.10.0" @@ -16632,6 +16680,7 @@ }, "node_modules/is-fullwidth-code-point": { "version": "3.0.0", + "dev": true, "license": "MIT", "engines": { "node": ">=8" @@ -16656,6 +16705,7 @@ }, "node_modules/is-glob": { "version": "4.0.3", + "dev": true, "license": "MIT", "dependencies": { "is-extglob": "^2.1.1" @@ -16706,6 +16756,7 @@ }, "node_modules/is-number": { "version": "7.0.0", + "dev": true, "license": "MIT", "engines": { "node": ">=0.12.0" @@ -16740,6 +16791,7 @@ }, "node_modules/is-plain-object": { "version": "5.0.0", + "dev": true, "license": "MIT", "engines": { "node": ">=0.10.0" @@ -16861,6 +16913,7 @@ }, "node_modules/isexe": { "version": "2.0.0", + "dev": true, "license": "ISC" }, "node_modules/iso-639-1": { @@ -16962,6 +17015,7 @@ "version": "4.0.0", "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz", "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==", + "dev": true, "license": "MIT" }, "node_modules/js-yaml": { @@ -17008,6 +17062,7 @@ }, "node_modules/json-buffer": { "version": "3.0.1", + "dev": true, "license": "MIT" }, "node_modules/json-parse-better-errors": { @@ -17017,6 +17072,7 @@ }, "node_modules/json-parse-even-better-errors": { "version": "2.3.1", + "dev": true, "license": "MIT" }, "node_modules/json-schema": { @@ -17037,6 +17093,7 @@ }, "node_modules/json-schema-traverse": { "version": "1.0.0", + "dev": true, "license": "MIT" }, "node_modules/json-stable-stringify": { @@ -17235,6 +17292,7 @@ }, "node_modules/keyv": { "version": "4.5.4", + "dev": true, "license": "MIT", "dependencies": { "json-buffer": "3.0.1" @@ -17242,6 +17300,7 @@ }, "node_modules/kind-of": { "version": "6.0.3", + "dev": true, "license": "MIT", "engines": { "node": ">=0.10.0" @@ -17265,6 +17324,7 @@ }, "node_modules/known-css-properties": { "version": "0.34.0", + "dev": true, "license": "MIT" }, "node_modules/koa": { @@ -17642,6 +17702,7 @@ }, "node_modules/lines-and-columns": { "version": "1.2.4", + "dev": true, "license": "MIT" }, "node_modules/linkify-it": { @@ -18182,6 +18243,7 @@ }, "node_modules/lodash.truncate": { "version": "4.4.2", + "dev": true, "license": "MIT" }, "node_modules/lodash.uniq": { @@ -18625,6 +18687,7 @@ }, "node_modules/mathml-tag-names": { "version": "2.1.3", + "dev": true, "license": "MIT", "funding": { "type": "github", @@ -18662,6 +18725,7 @@ }, "node_modules/mdn-data": { "version": "2.0.30", + "dev": true, "license": "CC0-1.0" }, "node_modules/mdurl": { @@ -18701,6 +18765,7 @@ }, "node_modules/merge2": { "version": "1.4.1", + "dev": true, "license": "MIT", "engines": { "node": ">= 8" @@ -18719,6 +18784,7 @@ }, "node_modules/micromatch": { "version": "4.0.8", + "dev": true, "license": "MIT", "dependencies": { "braces": "^3.0.3", @@ -19223,6 +19289,7 @@ "version": "2.1.3", "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz", "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==", + "dev": true, "license": "MIT" }, "node_modules/mute-stream": { @@ -19248,6 +19315,7 @@ }, "node_modules/nanoid": { "version": "3.3.7", + "dev": true, "funding": [ { "type": "github", @@ -19524,6 +19592,7 @@ }, "node_modules/normalize-path": { "version": "3.0.0", + "dev": true, "license": "MIT", "engines": { "node": ">=0.10.0" @@ -20254,6 +20323,7 @@ }, "node_modules/parent-module": { "version": "1.0.1", + "dev": true, "license": "MIT", "dependencies": { "callsites": "^3.0.0" @@ -20312,6 +20382,7 @@ }, "node_modules/parse-json": { "version": "5.2.0", + "dev": true, "license": "MIT", "dependencies": { "@babel/code-frame": "^7.0.0", @@ -20633,6 +20704,7 @@ }, "node_modules/path-type": { "version": "4.0.0", + "dev": true, "license": "MIT", "engines": { "node": ">=8" @@ -20655,10 +20727,12 @@ "version": "1.1.0", "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.0.tgz", "integrity": "sha512-TQ92mBOW0l3LeMeyLV6mzy/kWr8lkd/hp3mTg7wYK7zJhuBStmGMBG0BdeDZS/dZx1IukaX6Bk11zcln25o1Aw==", + "dev": true, "license": "ISC" }, "node_modules/picomatch": { "version": "2.3.1", + "dev": true, "license": "MIT", "engines": { "node": ">=8.6" @@ -20882,6 +20956,7 @@ }, "node_modules/postcss": { "version": "8.4.41", + "dev": true, "funding": [ { "type": "opencollective", @@ -21324,10 +21399,12 @@ }, "node_modules/postcss-resolve-nested-selector": { "version": "0.1.6", + "dev": true, "license": "MIT" }, "node_modules/postcss-safe-parser": { "version": "7.0.0", + "dev": true, "funding": [ { "type": "opencollective", @@ -21352,6 +21429,7 @@ }, "node_modules/postcss-selector-parser": { "version": "6.1.2", + "dev": true, "license": "MIT", "dependencies": { "cssesc": "^3.0.0", @@ -21392,6 +21470,7 @@ }, "node_modules/postcss-value-parser": { "version": "4.2.0", + "dev": true, "license": "MIT" }, "node_modules/posthtml": { @@ -21590,7 +21669,9 @@ }, "node_modules/prismjs": { "version": "1.29.0", + "dev": true, "license": "MIT", + "peer": true, "engines": { "node": ">=6" } @@ -21870,6 +21951,7 @@ }, "node_modules/queue-microtask": { "version": "1.2.3", + "dev": true, "funding": [ { "type": "github", @@ -22354,6 +22436,7 @@ }, "node_modules/require-from-string": { "version": "2.0.2", + "dev": true, "license": "MIT", "engines": { "node": ">=0.10.0" @@ -22415,6 +22498,7 @@ }, "node_modules/resolve-from": { "version": "5.0.0", + "dev": true, "license": "MIT", "engines": { "node": ">=8" @@ -22573,6 +22657,7 @@ }, "node_modules/reusify": { "version": "1.0.4", + "dev": true, "license": "MIT", "engines": { "iojs": ">=1.0.0", @@ -22686,6 +22771,7 @@ }, "node_modules/run-parallel": { "version": "1.2.0", + "dev": true, "funding": [ { "type": "github", @@ -23018,6 +23104,7 @@ }, "node_modules/signal-exit": { "version": "4.1.0", + "dev": true, "license": "ISC", "engines": { "node": ">=14" @@ -23053,6 +23140,7 @@ }, "node_modules/slash": { "version": "3.0.0", + "dev": true, "license": "MIT", "engines": { "node": ">=8" @@ -23068,6 +23156,7 @@ }, "node_modules/slice-ansi": { "version": "4.0.0", + "dev": true, "license": "MIT", "dependencies": { "ansi-styles": "^4.0.0", @@ -23397,6 +23486,7 @@ }, "node_modules/source-map-js": { "version": "1.2.0", + "dev": true, "license": "BSD-3-Clause", "engines": { "node": ">=0.10.0" @@ -24190,6 +24280,7 @@ }, "node_modules/strip-ansi": { "version": "6.0.1", + "dev": true, "license": "MIT", "dependencies": { "ansi-regex": "^5.0.1" @@ -24292,6 +24383,7 @@ }, "node_modules/stylelint": { "version": "16.9.0", + "dev": true, "funding": [ { "type": "opencollective", @@ -24398,14 +24490,17 @@ }, "node_modules/stylelint/node_modules/balanced-match": { "version": "2.0.0", + "dev": true, "license": "MIT" }, "node_modules/stylelint/node_modules/emoji-regex": { "version": "8.0.0", + "dev": true, "license": "MIT" }, "node_modules/stylelint/node_modules/file-entry-cache": { "version": "9.0.0", + "dev": true, "license": "MIT", "dependencies": { "flat-cache": "^5.0.0" @@ -24416,6 +24511,7 @@ }, "node_modules/stylelint/node_modules/flat-cache": { "version": "5.0.0", + "dev": true, "license": "MIT", "dependencies": { "flatted": "^3.3.1", @@ -24427,6 +24523,7 @@ }, "node_modules/stylelint/node_modules/global-modules": { "version": "2.0.0", + "dev": true, "license": "MIT", "dependencies": { "global-prefix": "^3.0.0" @@ -24437,6 +24534,7 @@ }, "node_modules/stylelint/node_modules/global-prefix": { "version": "3.0.0", + "dev": true, "license": "MIT", "dependencies": { "ini": "^1.3.5", @@ -24449,6 +24547,7 @@ }, "node_modules/stylelint/node_modules/globby": { "version": "11.1.0", + "dev": true, "license": "MIT", "dependencies": { "array-union": "^2.1.0", @@ -24467,10 +24566,12 @@ }, "node_modules/stylelint/node_modules/ini": { "version": "1.3.8", + "dev": true, "license": "ISC" }, "node_modules/stylelint/node_modules/meow": { "version": "13.2.0", + "dev": true, "license": "MIT", "engines": { "node": ">=18" @@ -24481,6 +24582,7 @@ }, "node_modules/stylelint/node_modules/string-width": { "version": "4.2.3", + "dev": true, "license": "MIT", "dependencies": { "emoji-regex": "^8.0.0", @@ -24493,6 +24595,7 @@ }, "node_modules/stylelint/node_modules/string-width/node_modules/strip-ansi": { "version": "6.0.1", + "dev": true, "license": "MIT", "dependencies": { "ansi-regex": "^5.0.1" @@ -24503,6 +24606,7 @@ }, "node_modules/stylelint/node_modules/strip-ansi": { "version": "7.1.0", + "dev": true, "license": "MIT", "dependencies": { "ansi-regex": "^6.0.1" @@ -24516,6 +24620,7 @@ }, "node_modules/stylelint/node_modules/strip-ansi/node_modules/ansi-regex": { "version": "6.0.1", + "dev": true, "license": "MIT", "engines": { "node": ">=12" @@ -24526,6 +24631,7 @@ }, "node_modules/stylelint/node_modules/which": { "version": "1.3.1", + "dev": true, "license": "ISC", "dependencies": { "isexe": "^2.0.0" @@ -24536,6 +24642,7 @@ }, "node_modules/supports-color": { "version": "7.2.0", + "dev": true, "license": "MIT", "dependencies": { "has-flag": "^4.0.0" @@ -24546,6 +24653,7 @@ }, "node_modules/supports-hyperlinks": { "version": "3.1.0", + "dev": true, "license": "MIT", "dependencies": { "has-flag": "^4.0.0", @@ -24593,7 +24701,8 @@ } }, "node_modules/svg-tags": { - "version": "1.0.0" + "version": "1.0.0", + "dev": true }, "node_modules/svgo": { "version": "3.3.2", @@ -24647,6 +24756,7 @@ }, "node_modules/table": { "version": "6.8.2", + "dev": true, "license": "BSD-3-Clause", "dependencies": { "ajv": "^8.0.1", @@ -24673,10 +24783,12 @@ }, "node_modules/table/node_modules/emoji-regex": { "version": "8.0.0", + "dev": true, "license": "MIT" }, "node_modules/table/node_modules/string-width": { "version": "4.2.3", + "dev": true, "license": "MIT", "dependencies": { "emoji-regex": "^8.0.0", @@ -24977,6 +25089,7 @@ }, "node_modules/to-regex-range": { "version": "5.0.1", + "dev": true, "license": "MIT", "dependencies": { "is-number": "^7.0.0" @@ -25784,7 +25897,7 @@ "version": "5.6.3", "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.6.3.tgz", "integrity": "sha512-hjcS1mhfuyi4WW8IWtjP7brDrG2cuDZukyrYrSauoXGNgx0S7zceP07adYkJycEr56BOUTNPzbInooiN3fn1qw==", - "devOptional": true, + "dev": true, "license": "Apache-2.0", "bin": { "tsc": "bin/tsc", @@ -26126,6 +26239,7 @@ }, "node_modules/util-deprecate": { "version": "1.0.2", + "dev": true, "license": "MIT" }, "node_modules/util/node_modules/inherits": { @@ -26593,6 +26707,7 @@ }, "node_modules/write-file-atomic": { "version": "5.0.1", + "dev": true, "license": "ISC", "dependencies": { "imurmurhash": "^0.1.4", diff --git a/package.json b/package.json index bda227bb46..1b928d5567 100644 --- a/package.json +++ b/package.json @@ -286,8 +286,8 @@ "dependencies": { "@lit/context": "^1.1.3", "@patternfly/pfe-core": "^4.0.4", - "@rhds/icons": "^1.1.2", - "@rhds/tokens": "^2.1.1", + "@rhds/icons": "^1.2.0", + "@rhds/tokens": "^2.2.4", "lit": "^3.2.1", "prism-esm": "^1.29.0-fix.6", "tslib": "^2.7.0" diff --git a/patches/@lit+context+1.1.2.patch b/patches/@lit+context+1.1.2.patch deleted file mode 100644 index 4db5348a54..0000000000 --- a/patches/@lit+context+1.1.2.patch +++ /dev/null @@ -1,11 +0,0 @@ -diff --git a/node_modules/@lit/context/lib/controllers/context-provider.js b/node_modules/@lit/context/lib/controllers/context-provider.js -index 4a2c228..bab057f 100644 ---- a/node_modules/@lit/context/lib/controllers/context-provider.js -+++ b/node_modules/@lit/context/lib/controllers/context-provider.js -@@ -3,5 +3,5 @@ import{ContextRequestEvent as t}from"../context-request-event.js";import{ValueNo - * @license - * Copyright 2021 Google LLC - * SPDX-License-Identifier: BSD-3-Clause -- */class e extends Event{constructor(t){super("context-provider",{bubbles:!0,composed:!0}),this.context=t}}class i extends s{constructor(s,e,i){super(void 0!==e.context?e.initialValue:i),this.onContextRequest=t=>{const s=t.composedPath()[0];t.context===this.context&&s!==this.host&&(t.stopPropagation(),this.addCallback(t.callback,s,t.subscribe))},this.onProviderRequest=s=>{const e=s.composedPath()[0];if(s.context!==this.context||e===this.host)return;const i=new Set;for(const[s,{consumerHost:e}]of this.subscriptions)i.has(s)||(i.add(s),e.dispatchEvent(new t(this.context,s,!0)));s.stopPropagation()},this.host=s,void 0!==e.context?this.context=e.context:this.context=e,this.attachListeners(),this.host.addController?.(this)}attachListeners(){this.host.addEventListener("context-request",this.onContextRequest),this.host.addEventListener("context-provider",this.onProviderRequest)}hostConnected(){this.host.dispatchEvent(new e(this.context))}}export{i as ContextProvider,e as ContextProviderEvent}; -+ */class e extends Event{constructor(t){super("context-provider",{bubbles:!0,composed:!0}),this.context=t}}class i extends s{constructor(s,e,i){super(void 0!==e.context?e.initialValue:i),this.onContextRequest=t=>{const s=t.composedPath()[0];t.context===this.context&&s!==this.host&&(t.stopPropagation(),this.addCallback(t.callback,s,t.subscribe))},this.onProviderRequest=s=>{const e=s.composedPath()[0];if(s.context!==this.context||e===this.host)return;const i=new Set;for(const[s,{consumerHost:e}]of this.subscriptions)i.has(s)||(i.add(s),e.dispatchEvent(new t(this.context,s,!0)));s.stopPropagation()},this.host=s,void 0!==e.context?this.context=e.context:this.context=e,this.attachListeners(),this.host.addController?.(this)}attachListeners(){this.host.addEventListener?.("context-request",this.onContextRequest),this.host.addEventListener?.("context-provider",this.onProviderRequest)}hostConnected(){this.host.dispatchEvent(new e(this.context))}}export{i as ContextProvider,e as ContextProviderEvent}; - //# sourceMappingURL=context-provider.js.map diff --git a/patches/@lit+context+1.1.3.patch b/patches/@lit+context+1.1.3.patch deleted file mode 100644 index 4db5348a54..0000000000 --- a/patches/@lit+context+1.1.3.patch +++ /dev/null @@ -1,11 +0,0 @@ -diff --git a/node_modules/@lit/context/lib/controllers/context-provider.js b/node_modules/@lit/context/lib/controllers/context-provider.js -index 4a2c228..bab057f 100644 ---- a/node_modules/@lit/context/lib/controllers/context-provider.js -+++ b/node_modules/@lit/context/lib/controllers/context-provider.js -@@ -3,5 +3,5 @@ import{ContextRequestEvent as t}from"../context-request-event.js";import{ValueNo - * @license - * Copyright 2021 Google LLC - * SPDX-License-Identifier: BSD-3-Clause -- */class e extends Event{constructor(t){super("context-provider",{bubbles:!0,composed:!0}),this.context=t}}class i extends s{constructor(s,e,i){super(void 0!==e.context?e.initialValue:i),this.onContextRequest=t=>{const s=t.composedPath()[0];t.context===this.context&&s!==this.host&&(t.stopPropagation(),this.addCallback(t.callback,s,t.subscribe))},this.onProviderRequest=s=>{const e=s.composedPath()[0];if(s.context!==this.context||e===this.host)return;const i=new Set;for(const[s,{consumerHost:e}]of this.subscriptions)i.has(s)||(i.add(s),e.dispatchEvent(new t(this.context,s,!0)));s.stopPropagation()},this.host=s,void 0!==e.context?this.context=e.context:this.context=e,this.attachListeners(),this.host.addController?.(this)}attachListeners(){this.host.addEventListener("context-request",this.onContextRequest),this.host.addEventListener("context-provider",this.onProviderRequest)}hostConnected(){this.host.dispatchEvent(new e(this.context))}}export{i as ContextProvider,e as ContextProviderEvent}; -+ */class e extends Event{constructor(t){super("context-provider",{bubbles:!0,composed:!0}),this.context=t}}class i extends s{constructor(s,e,i){super(void 0!==e.context?e.initialValue:i),this.onContextRequest=t=>{const s=t.composedPath()[0];t.context===this.context&&s!==this.host&&(t.stopPropagation(),this.addCallback(t.callback,s,t.subscribe))},this.onProviderRequest=s=>{const e=s.composedPath()[0];if(s.context!==this.context||e===this.host)return;const i=new Set;for(const[s,{consumerHost:e}]of this.subscriptions)i.has(s)||(i.add(s),e.dispatchEvent(new t(this.context,s,!0)));s.stopPropagation()},this.host=s,void 0!==e.context?this.context=e.context:this.context=e,this.attachListeners(),this.host.addController?.(this)}attachListeners(){this.host.addEventListener?.("context-request",this.onContextRequest),this.host.addEventListener?.("context-provider",this.onProviderRequest)}hostConnected(){this.host.dispatchEvent(new e(this.context))}}export{i as ContextProvider,e as ContextProviderEvent}; - //# sourceMappingURL=context-provider.js.map diff --git a/patches/@rhds+tokens+2.1.0.patch b/patches/@rhds+tokens+2.1.0.patch deleted file mode 100644 index 1691dc6932..0000000000 --- a/patches/@rhds+tokens+2.1.0.patch +++ /dev/null @@ -1,21 +0,0 @@ -diff --git a/node_modules/@rhds/tokens/js/meta.d.ts b/node_modules/@rhds/tokens/js/meta.d.ts -new file mode 100644 -index 0000000..0b29637 ---- /dev/null -+++ b/node_modules/@rhds/tokens/js/meta.d.ts -@@ -0,0 +1,6 @@ -+/** -+ * Do not edit directly, this file was auto-generated. -+ */ -+ -+import { DesignToken } from 'style-dictionary'; -+export const tokens = new Map<`--rh-${string}`, DesignToken>; -diff --git a/node_modules/@rhds/tokens/js/types.d.ts b/node_modules/@rhds/tokens/js/types.d.ts -index 15de35f..a083c94 100644 ---- a/node_modules/@rhds/tokens/js/types.d.ts -+++ b/node_modules/@rhds/tokens/js/types.d.ts -@@ -1,3 +1,4 @@ -+export const tokens: Map<`--rh-${string}`, string>; - export interface Color { - isLight: boolean; - hex: string; diff --git a/uxdot/uxdot-hero.css b/uxdot/uxdot-hero.css deleted file mode 100644 index 489d3a4d21..0000000000 --- a/uxdot/uxdot-hero.css +++ /dev/null @@ -1,55 +0,0 @@ -:host { - display: block; -} - -:host([compact]) { - margin-block-end: var(--rh-space-3xl); -} - -#container { - display: flex; - flex-direction: column; - align-items: center; - width: 100%; -} - -slot[name='header']::slotted(*) { - margin-block: 0 !important; -} - -slot[name='header']::slotted(h1) { - color: var(--rh-color-text-brand-on-light); - margin-block-end: 0; - text-transform: capitalize; - font-family: var(--rh-font-family-heading); - line-height: var(--rh-line-height-heading); - font-size: var(--rh-font-size-code-lg) !important; - font-weight: var(--rh-font-weight-code-medium); -} - -slot[name='tagline']::slotted(p) { - font-size: var(--rh-font-size-heading-2xl) !important; - margin-block: var(--rh-space-lg) !important; - text-align: center; -} - -slot[name='image']::slotted(img) { - width: 100%; - height: auto; - margin-block-start: var(--rh-space-4xl); -} - -:host slot[name='header']::slotted(h2) { - color: var(--rh-color-text-brand-on-light); - font-family: var(--rh-font-family-heading); - font-size: var(--rh-font-size-heading-xl) !important; - font-weight: var(--rh-font-weight-heading-regular) !important; - margin-block-end: var(--rh-space-2xl) !important; - text-align: center; -} - -:host([compact]) ::slotted(p) { - font-size: var(--rh-font-size-body-text-lg); - text-align: center; - max-width: 62rem; -} diff --git a/uxdot/uxdot-hero.ts b/uxdot/uxdot-hero.ts deleted file mode 100644 index 6148202c75..0000000000 --- a/uxdot/uxdot-hero.ts +++ /dev/null @@ -1,22 +0,0 @@ -import { LitElement, html } from 'lit'; - -import { customElement } from 'lit/decorators/custom-element.js'; - -import styles from './uxdot-hero.css'; - -@customElement('uxdot-hero') -export class UxdotHero extends LitElement { - static styles = [styles]; - - render() { - return html` -
- - - - -
- `; - } -} - diff --git a/uxdot/uxdot-spacer-tokens-table.ts b/uxdot/uxdot-spacer-tokens-table.ts index 91daad43fd..bc3864a56f 100644 --- a/uxdot/uxdot-spacer-tokens-table.ts +++ b/uxdot/uxdot-spacer-tokens-table.ts @@ -1,4 +1,4 @@ -import type { DesignToken } from '#11ty-plugins/tokensHelpers.js'; +import type { DesignToken } from '@rhds/tokens'; import { tokens as metaTokens } from '@rhds/tokens/meta.js'; import { tokens as allTokens } from '@rhds/tokens'; @@ -16,7 +16,7 @@ import './uxdot-copy-button.js'; import styles from './uxdot-spacer-tokens-table.css'; -const assignBasename = (token: DesignToken) => ({ +const assignBasename = (token: DesignToken) => !token.name ? token : ({ ...token, baseName: token.name.replace(/^(--)?rh-space-/, ''), });