@quartzds/core-react 1.0.0-beta.10 → 1.0.0-beta.101

package/lib/generated/components.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components.js","sourceRoot":"","sources":["../../src/generated/components.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb;;;GAGG;AAEH,oBAAoB;AACpB,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC;AAC/C,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC;AAC/C,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC"}

package/lib/index.d.ts

@@ -1,3 +1,38 @@
-export * from './generated/proxies';
+export { default as QdsActionItem } from './generated/QdsActionItem.js';
+export { default as QdsBadgeCounter } from './generated/QdsBadgeCounter.js';
+export { default as QdsBadgeIndicator } from './generated/QdsBadgeIndicator.js';
+export { default as QdsBreadcrumbItem } from './generated/QdsBreadcrumbItem.js';
+export { default as QdsButton } from './generated/QdsButton.js';
+export { default as QdsCheckbox } from './generated/QdsCheckbox.js';
+export { default as QdsChip } from './generated/QdsChip.js';
+export { default as QdsDialog } from './generated/QdsDialog.js';
+export { default as QdsDivider } from './generated/QdsDivider.js';
+export { default as QdsDropdown } from './generated/QdsDropdown.js';
+export { default as QdsFormMessage } from './generated/QdsFormMessage.js';
+export { default as QdsIcon } from './generated/QdsIcon.js';
+export { default as QdsInlineLink } from './generated/QdsInlineLink.js';
+export { default as QdsInput } from './generated/QdsInput.js';
+export { default as QdsLabel } from './generated/QdsLabel.js';
+export { default as QdsListItem } from './generated/QdsListItem.js';
+export { default as QdsLoader } from './generated/QdsLoader.js';
+export { default as QdsMiniButton } from './generated/QdsMiniButton.js';
+export { default as QdsNavListItem } from './generated/QdsNavListItem.js';
+export { default as QdsProgressBar } from './generated/QdsProgressBar.js';
+export { default as QdsRadio } from './generated/QdsRadio.js';
+export { default as QdsSelect } from './generated/QdsSelect.js';
+export { default as QdsStandaloneLink } from './generated/QdsStandaloneLink.js';
+export { default as QdsSwitch } from './generated/QdsSwitch.js';
+export { default as QdsTab } from './generated/QdsTab.js';
+export { default as QdsTabbar } from './generated/QdsTabbar.js';
+export { default as QdsTable } from './generated/QdsTable.js';
+export { default as QdsTableBody } from './generated/QdsTableBody.js';
+export { default as QdsTableCell } from './generated/QdsTableCell.js';
+export { default as QdsTableHead } from './generated/QdsTableHead.js';
+export { default as QdsTableHeadCell } from './generated/QdsTableHeadCell.js';
+export { default as QdsTableRow } from './generated/QdsTableRow.js';
+export { default as QdsTag } from './generated/QdsTag.js';
+export { default as QdsTextarea } from './generated/QdsTextarea.js';
+export { default as QdsTitle } from './generated/QdsTitle.js';
+export { default as QdsTooltip } from './generated/QdsTooltip.js';
 export { getPlatform, getTheme, type IconLibrary, type IconLibraryResolver, registerIconLibrary, setAssetPath, setNonce, setPlatform, setTheme, unregisterIconLibrary, } from '@quartzds/core';
 //# sourceMappingURL=index.d.ts.map

package/lib/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAIA,cAAc,qBAAqB,CAAA;AACnC,OAAO,EACL,WAAW,EACX,QAAQ,EACR,KAAK,WAAW,EAChB,KAAK,mBAAmB,EACxB,mBAAmB,EACnB,YAAY,EACZ,QAAQ,EACR,WAAW,EACX,QAAQ,EACR,qBAAqB,GACtB,MAAM,gBAAgB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/lib/index.js

@@ -1,6 +1,42 @@
-// SPDX-FileCopyrightText: © 2023 Schneider Electric
+// SPDX-FileCopyrightText: © 2024 Schneider Electric
 //
-// SPDX-License-Identifier: LGPL-2.1-only
-export * from './generated/proxies';
+// SPDX-License-Identifier: Apache-2.0
+'use client';
+export { default as QdsActionItem } from './generated/QdsActionItem.js';
+export { default as QdsBadgeCounter } from './generated/QdsBadgeCounter.js';
+export { default as QdsBadgeIndicator } from './generated/QdsBadgeIndicator.js';
+export { default as QdsBreadcrumbItem } from './generated/QdsBreadcrumbItem.js';
+export { default as QdsButton } from './generated/QdsButton.js';
+export { default as QdsCheckbox } from './generated/QdsCheckbox.js';
+export { default as QdsChip } from './generated/QdsChip.js';
+export { default as QdsDialog } from './generated/QdsDialog.js';
+export { default as QdsDivider } from './generated/QdsDivider.js';
+export { default as QdsDropdown } from './generated/QdsDropdown.js';
+export { default as QdsFormMessage } from './generated/QdsFormMessage.js';
+export { default as QdsIcon } from './generated/QdsIcon.js';
+export { default as QdsInlineLink } from './generated/QdsInlineLink.js';
+export { default as QdsInput } from './generated/QdsInput.js';
+export { default as QdsLabel } from './generated/QdsLabel.js';
+export { default as QdsListItem } from './generated/QdsListItem.js';
+export { default as QdsLoader } from './generated/QdsLoader.js';
+export { default as QdsMiniButton } from './generated/QdsMiniButton.js';
+export { default as QdsNavListItem } from './generated/QdsNavListItem.js';
+export { default as QdsProgressBar } from './generated/QdsProgressBar.js';
+export { default as QdsRadio } from './generated/QdsRadio.js';
+export { default as QdsSelect } from './generated/QdsSelect.js';
+export { default as QdsStandaloneLink } from './generated/QdsStandaloneLink.js';
+export { default as QdsSwitch } from './generated/QdsSwitch.js';
+export { default as QdsTab } from './generated/QdsTab.js';
+export { default as QdsTabbar } from './generated/QdsTabbar.js';
+export { default as QdsTable } from './generated/QdsTable.js';
+export { default as QdsTableBody } from './generated/QdsTableBody.js';
+export { default as QdsTableCell } from './generated/QdsTableCell.js';
+export { default as QdsTableHead } from './generated/QdsTableHead.js';
+export { default as QdsTableHeadCell } from './generated/QdsTableHeadCell.js';
+export { default as QdsTableRow } from './generated/QdsTableRow.js';
+export { default as QdsTag } from './generated/QdsTag.js';
+export { default as QdsTextarea } from './generated/QdsTextarea.js';
+export { default as QdsTitle } from './generated/QdsTitle.js';
+export { default as QdsTooltip } from './generated/QdsTooltip.js';
 export { getPlatform, getTheme, registerIconLibrary, setAssetPath, setNonce, setPlatform, setTheme, unregisterIconLibrary, } from '@quartzds/core';
 //# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,oDAAoD;AACpD,EAAE;AACF,yCAAyC;AAEzC,cAAc,qBAAqB,CAAA;AACnC,OAAO,EACL,WAAW,EACX,QAAQ,EAGR,mBAAmB,EACnB,YAAY,EACZ,QAAQ,EACR,WAAW,EACX,QAAQ,EACR,qBAAqB,GACtB,MAAM,gBAAgB,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,35 +1,45 @@
 {
   "name": "@quartzds/core-react",
-  "version": "1.0.0-beta.10",
+  "version": "1.0.0-beta.101",
   "description": "React wrapper for @quartzds/core",
   "homepage": "https://github.com/quartzds/core-foundations/tree/main/packages/react",
   "bugs": {
     "url": "https://github.com/quartzds/core-foundations/issues"
   },
   "repository": "https://github.com/quartzds/core-foundations",
-  "license": "LGPL-2.1-only",
+  "license": "Apache-2.0",
+  "type": "module",
   "exports": {
     ".": {
       "types": "./lib/index.d.ts",
-      "import": "./lib/index.js"
+      "default": "./lib/index.js"
     },
-    "./package.json": "./package.json"
+    "./package.json": "./package.json",
+    "./styles/*": "./styles/*",
+    "./CHANGELOG.md": "./CHANGELOG.md"
   },
   "main": "./lib/index.js",
   "types": "./lib/index.d.ts",
   "files": [
-    "lib/**"
+    "lib/**",
+    "styles/**",
+    "CHANGELOG.md"
   ],
   "scripts": {
-    "clean": "rimraf lib/"
+    "build": "tsc",
+    "clean": "rimraf .turbo/ lib/ node_modules/ styles/ tsconfig.tsbuildinfo",
+    "dev": "tsc --watch"
   },
   "dependencies": {
-    "@quartzds/core": "1.0.0-beta.11"
+    "@quartzds/core": "1.0.0-beta.102",
+    "@stencil/core": "^4.35.2",
+    "@stencil/react-output-target": "^0.7.4"
   },
   "devDependencies": {
-    "@types/react": "18.2.14",
-    "@types/react-dom": "18.2.6",
-    "rimraf": "5.0.1"
+    "@types/react": "18.3.11",
+    "@types/react-dom": "18.3.1",
+    "rimraf": "5.0.10",
+    "typescript": "5.6.3"
   },
   "peerDependencies": {
     "@types/react": ">=17.0.0",
@@ -47,5 +57,8 @@
   },
   "engines": {
     "node": ">=18.12.0"
+  },
+  "storybook": {
+    "url": "https://main--65372914369e71154fc93796.chromatic.com/"
   }
 }

package/styles/core.css

@@ -0,0 +1,502 @@
+/**
+* SPDX-FileCopyrightText: © 2024 Schneider Electric
+*
+* SPDX-License-Identifier: Apache-2.0
+*/
+
+[dir='rtl'] {
+  --qds-direction-factor: -1;
+}
+
+:is(
+    [class^='qds-']:not([class^='qds-platform-'], [class^='qds-theme-']),
+    [class*=' qds-']:not([class*=' qds-platform-'], [class*=' qds-theme-'])
+  )
+  figure {
+  display: flex;
+  flex-direction: column;
+  gap: var(--qds-figure-gap);
+}
+
+:is(
+    [class^='qds-']:not([class^='qds-platform-'], [class^='qds-theme-']),
+    [class*=' qds-']:not([class*=' qds-platform-'], [class*=' qds-theme-'])
+  )
+  figcaption {
+  color: var(--qds-theme-figure-caption);
+  font: var(--qds-figure-caption);
+}
+
+:is(
+    [class^='qds-']:not([class^='qds-platform-'], [class^='qds-theme-']),
+    [class*=' qds-']:not([class*=' qds-platform-'], [class*=' qds-theme-'])
+  )
+  :is(li, p, pre) {
+  color: var(--qds-theme-text-standard);
+}
+
+:is(
+    [class^='qds-']:not([class^='qds-platform-'], [class^='qds-theme-']),
+    [class*=' qds-']:not([class*=' qds-platform-'], [class*=' qds-theme-'])
+  )
+  :is(li, p) {
+  font: var(--qds-text-standard);
+}
+
+:is(
+    [class^='qds-']:not([class^='qds-platform-'], [class^='qds-theme-']),
+    [class*=' qds-']:not([class*=' qds-platform-'], [class*=' qds-theme-'])
+  )
+  :is(li, p)
+  strong {
+  font: var(--qds-text-emphasized);
+}
+
+:is(
+    [class^='qds-']:not([class^='qds-platform-'], [class^='qds-theme-']),
+    [class*=' qds-']:not([class*=' qds-platform-'], [class*=' qds-theme-'])
+  )
+  pre {
+  font: var(--qds-code-standard);
+}
+
+:is(
+    [class^='qds-']:not([class^='qds-platform-'], [class^='qds-theme-']),
+    [class*=' qds-']:not([class*=' qds-platform-'], [class*=' qds-theme-'])
+  )
+  pre
+  strong {
+  font: var(--qds-code-emphasized);
+}
+
+:is(
+    [class^='qds-']:not([class^='qds-platform-'], [class^='qds-theme-']),
+    [class*=' qds-']:not([class*=' qds-platform-'], [class*=' qds-theme-'])
+  )
+  :is(menu, ol, ul) {
+  padding-inline-start: var(--qds-list-item-standard-padding-indent-step);
+}
+
+:is(
+    [class^='qds-']:not([class^='qds-platform-'], [class^='qds-theme-']),
+    [class*=' qds-']:not([class*=' qds-platform-'], [class*=' qds-theme-'])
+  )
+  :is(li, p, span).qds-subdued {
+  color: var(--qds-theme-text-subdued);
+  font: var(--qds-text-subdued);
+}
+
+:is(
+    .qds-accessory-section,
+    .qds-accessory,
+    .qds-controls-jumbo,
+    .qds-controls-large,
+    .qds-controls-small,
+    .qds-controls,
+    .qds-main-section,
+    .qds-main-subsection,
+    .qds-main,
+    .qds-navigation-section,
+    .qds-navigation-subsection,
+    .qds-navigation,
+    .qds-panel-section,
+    .qds-panel-subsection,
+    .qds-panel,
+    .qds-popup-section,
+    .qds-popup-subsection,
+    .qds-popup
+  )
+  :is(blockquote, figure, input, menu, ol, p, pre, ul) {
+  margin: 0;
+}
+
+.qds-accessory-section,
+.qds-accessory,
+.qds-controls-jumbo,
+.qds-controls-large,
+.qds-controls-small,
+.qds-controls,
+.qds-main-section,
+.qds-main-subsection,
+.qds-main,
+.qds-navigation-section,
+.qds-navigation-subsection,
+.qds-navigation,
+.qds-panel-section,
+.qds-panel-subsection,
+.qds-panel,
+.qds-popup-section,
+.qds-popup-subsection,
+.qds-popup {
+  align-items: flex-start;
+  display: flex;
+  flex-direction: column;
+}
+
+:is(
+    [class^='qds-']:not([class^='qds-platform-'], [class^='qds-theme-']),
+    [class*=' qds-']:not([class*=' qds-platform-'], [class*=' qds-theme-'])
+  )
+  :is(
+    .qds-accessory,
+    .qds-main-subsection,
+    .qds-main,
+    .qds-navigation-subsection,
+    .qds-navigation,
+    .qds-panel-subsection,
+    .qds-panel,
+    .qds-popup-subsection,
+    .qds-popup
+  ).qds-subdued {
+  background-color: transparent;
+}
+
+:is(
+    [class^='qds-']:not([class^='qds-platform-'], [class^='qds-theme-']),
+    [class*=' qds-']:not([class*=' qds-platform-'], [class*=' qds-theme-'])
+  )
+  :is(.qds-panel, .qds-navigation, .qds-popup, .qds-accessory).qds-subdued {
+  box-shadow: none;
+}
+
+.qds-main {
+  background-color: var(--qds-theme-main-background);
+  padding-block: var(--qds-main-padding-vertical);
+  padding-inline: var(--qds-main-padding-horizontal);
+}
+
+.qds-main,
+.qds-main .qds-unrelated {
+  gap: var(--qds-main-gap-children-unrelated);
+}
+
+.qds-main.qds-related,
+.qds-main .qds-related {
+  gap: var(--qds-main-gap-children-related);
+}
+
+.qds-main-section {
+  padding-block-start: var(--qds-main-section-padding-top);
+}
+
+.qds-main-section,
+.qds-main-section .qds-unrelated {
+  gap: var(--qds-main-section-gap-children-unrelated);
+}
+
+.qds-main-section.qds-related,
+.qds-main-section .qds-related {
+  gap: var(--qds-main-section-gap-children-related);
+}
+
+.qds-main-subsection {
+  background-color: var(--qds-theme-main-subsection-standard-background);
+  border-radius: var(--qds-main-subsection-border-radius);
+  padding: var(--qds-main-subsection-padding);
+}
+
+.qds-main-subsection,
+.qds-main-subsection .qds-unrelated {
+  gap: var(--qds-main-subsection-gap-children-unrelated);
+}
+
+.qds-main-subsection.qds-emphasized {
+  box-shadow: var(--qds-theme-main-subsection-emphasized);
+}
+
+.qds-main-subsection.qds-related,
+.qds-main-subsection .qds-related {
+  gap: var(--qds-main-subsection-gap-children-related);
+}
+
+.qds-navigation {
+  background-color: var(--qds-theme-navigation-background);
+  border-radius: var(--qds-navigation-border-radius);
+  box-shadow: var(--qds-theme-navigation-elevation);
+  padding: var(--qds-navigation-padding);
+}
+
+.qds-navigation,
+.qds-navigation .qds-unrelated {
+  gap: var(--qds-navigation-gap-children-unrelated);
+}
+
+.qds-navigation.qds-related,
+.qds-navigation .qds-related {
+  gap: var(--qds-navigation-gap-children-related);
+}
+
+.qds-navigation-section {
+  padding: var(--qds-navigation-section-padding);
+}
+
+.qds-navigation-section,
+.qds-navigation-section .qds-unrelated {
+  gap: var(--qds-navigation-section-gap-children-unrelated);
+}
+
+.qds-navigation-section.qds-related,
+.qds-navigation-section .qds-related {
+  gap: var(--qds-navigation-section-gap-children-related);
+}
+
+.qds-navigation-subsection {
+  background-color: var(--qds-theme-navigation-subsection-standard-background);
+  border-radius: var(--qds-navigation-subsection-border-radius);
+  padding: var(--qds-navigation-subsection-padding);
+}
+
+.qds-navigation-subsection,
+.qds-navigation-subsection .qds-unrelated {
+  gap: var(--qds-navigation-subsection-gap-children-unrelated);
+}
+
+.qds-navigation-subsection.qds-emphasized {
+  box-shadow: var(--qds-theme-navigation-subsection-emphasized);
+}
+
+.qds-navigation-subsection.qds-related,
+.qds-navigation-subsection .qds-related {
+  gap: var(--qds-navigation-subsection-gap-children-related);
+}
+
+.qds-panel {
+  background-color: var(--qds-theme-panel-background);
+  border-radius: var(--qds-panel-border-radius);
+  box-shadow: var(--qds-theme-panel-elevation);
+  padding: var(--qds-panel-padding);
+}
+
+.qds-panel,
+.qds-panel .qds-unrelated {
+  gap: var(--qds-panel-gap-children-unrelated);
+}
+
+.qds-panel.qds-related,
+.qds-panel .qds-related {
+  gap: var(--qds-panel-gap-children-related);
+}
+
+.qds-panel-section {
+  padding-block-start: var(--qds-panel-section-padding-top);
+}
+
+.qds-panel-section,
+.qds-panel-section .qds-unrelated {
+  gap: var(--qds-panel-section-gap-children-unrelated);
+}
+
+.qds-panel-section.qds-related,
+.qds-panel-section .qds-related {
+  gap: var(--qds-panel-section-gap-children-related);
+}
+
+.qds-panel-subsection {
+  background-color: var(--qds-theme-panel-subsection-standard-background);
+  border-radius: var(--qds-panel-subsection-border-radius);
+  padding: var(--qds-panel-subsection-padding);
+}
+
+.qds-panel-subsection,
+.qds-panel-subsection .qds-unrelated {
+  gap: var(--qds-panel-subsection-gap-children-unrelated);
+}
+
+.qds-panel-subsection.qds-emphasized {
+  box-shadow: var(--qds-theme-panel-subsection-emphasized);
+}
+
+.qds-panel-subsection.qds-related,
+.qds-panel-subsection .qds-related {
+  gap: var(--qds-panel-subsection-gap-children-related);
+}
+
+.qds-popup {
+  background-color: var(--qds-theme-popup-background);
+  border-radius: var(--qds-popup-border-radius);
+  box-shadow: var(--qds-theme-popup-elevation);
+  padding: var(--qds-popup-padding);
+}
+
+.qds-popup,
+.qds-popup .qds-unrelated {
+  gap: var(--qds-popup-gap-children-unrelated);
+}
+
+.qds-popup.qds-related,
+.qds-popup .qds-related {
+  gap: var(--qds-popup-gap-children-related);
+}
+
+.qds-popup-section,
+.qds-popup-section .qds-unrelated {
+  gap: var(--qds-popup-section-gap-children-unrelated);
+}
+
+.qds-popup-section.qds-related,
+.qds-popup-section .qds-related {
+  gap: var(--qds-popup-section-gap-children-related);
+}
+
+.qds-popup-subsection {
+  background-color: var(--qds-theme-popup-subsection-standard-background);
+  border-radius: var(--qds-popup-subsection-border-radius);
+  padding: var(--qds-popup-subsection-padding);
+}
+
+.qds-popup-subsection,
+.qds-popup-subsection .qds-unrelated {
+  gap: var(--qds-popup-subsection-gap-children-unrelated);
+}
+
+.qds-popup-subsection.qds-emphasized {
+  box-shadow: var(--qds-theme-popup-subsection-emphasized);
+}
+
+.qds-popup-subsection.qds-related,
+.qds-popup-subsection .qds-related {
+  gap: var(--qds-popup-subsection-gap-children-related);
+}
+
+.qds-accessory {
+  background-color: var(--qds-theme-accessory-background);
+  border-radius: var(--qds-accessory-border-radius);
+  box-shadow: var(--qds-theme-accessory-elevation);
+  padding: var(--qds-accessory-padding);
+}
+
+.qds-accessory,
+.qds-accessory .qds-unrelated {
+  gap: var(--qds-accessory-gap-children-unrelated);
+}
+
+.qds-accessory.qds-related,
+.qds-accessory .qds-related {
+  gap: var(--qds-accessory-gap-children-related);
+}
+
+.qds-accessory-section {
+  border-radius: var(--qds-accessory-section-border-radius);
+}
+
+.qds-accessory-section,
+.qds-accessory-section .qds-unrelated {
+  gap: var(--qds-accessory-section-gap-children-unrelated);
+}
+
+.qds-accessory-section.qds-related,
+.qds-accessory-section .qds-related {
+  gap: var(--qds-accessory-section-gap-children-related);
+}
+
+.qds-controls-small,
+.qds-controls-small .qds-unrelated {
+  gap: var(--qds-control-small-gap-siblings-unrelated);
+}
+
+.qds-controls-small.qds-related,
+.qds-controls-small .qds-related {
+  gap: var(--qds-control-small-gap-siblings-related);
+}
+
+.qds-controls,
+.qds-controls .qds-unrelated {
+  gap: var(--qds-control-standard-gap-siblings-unrelated);
+}
+
+.qds-controls.qds-related,
+.qds-controls .qds-related {
+  gap: var(--qds-control-standard-gap-siblings-related);
+}
+
+.qds-controls-large,
+.qds-controls-large .qds-unrelated {
+  gap: var(--qds-control-large-gap-siblings-unrelated);
+}
+
+.qds-controls-large.qds-related,
+.qds-controls-large .qds-related {
+  gap: var(--qds-control-large-gap-siblings-related);
+}
+
+.qds-controls-jumbo,
+.qds-controls-jumbo .qds-unrelated {
+  gap: var(--qds-control-jumbo-gap-siblings-unrelated);
+}
+
+.qds-controls-jumbo.qds-related,
+.qds-controls-jumbo .qds-related {
+  gap: var(--qds-control-jumbo-gap-siblings-related);
+}
+
+.qds-interactive {
+  cursor: pointer;
+  user-select: none;
+}
+
+:is(
+    .qds-main-subsection,
+    .qds-navigation-subsection,
+    .qds-panel-subsection,
+    .qds-popup-subsection
+  ).qds-interactive:hover {
+  background-color: var(--qds-theme-interactive-background-hover);
+  text-decoration: none;
+}
+
+:is(
+    .qds-main-subsection,
+    .qds-navigation-subsection,
+    .qds-panel-subsection,
+    .qds-popup-subsection
+  ).qds-interactive:active {
+  background-color: var(--qds-theme-interactive-background-selected);
+  text-decoration: none;
+}
+
+.qds-control-group-inline {
+  display: flex;
+}
+
+.qds-control-group-inline > :first-child:not(:only-child) {
+  --qds-control-border-radius-top-right: 0px;
+  --qds-control-border-radius-bottom-right: 0px;
+  --qds-control-border-width-inline-end: 0px;
+}
+
+.qds-control-group-inline > :not(:first-child, :last-child) {
+  --qds-control-border-radius-top-left: 0px;
+  --qds-control-border-radius-top-right: 0px;
+  --qds-control-border-radius-bottom-right: 0px;
+  --qds-control-border-radius-bottom-left: 0px;
+  --qds-control-border-width-inline-end: 0px;
+}
+
+.qds-control-group-inline > :last-child:not(:only-child) {
+  --qds-control-border-radius-top-left: 0px;
+  --qds-control-border-radius-bottom-left: 0px;
+}
+
+.qds-control-group-block {
+  display: flex;
+  flex-direction: column;
+}
+
+.qds-control-group-block > :first-child:not(:only-child) {
+  --qds-control-border-radius-bottom-left: 0px;
+  --qds-control-border-radius-bottom-right: 0px;
+  --qds-control-border-width-block-end: 0px;
+}
+
+.qds-control-group-block > :not(:first-child, :last-child) {
+  --qds-control-border-radius-top-left: 0px;
+  --qds-control-border-radius-top-right: 0px;
+  --qds-control-border-radius-bottom-right: 0px;
+  --qds-control-border-radius-bottom-left: 0px;
+  --qds-control-border-width-block-end: 0px;
+}
+
+.qds-control-group-block > :last-child:not(:only-child) {
+  --qds-control-border-radius-top-left: 0px;
+  --qds-control-border-radius-top-right: 0px;
+}