@hashicorp/design-system-components 4.24.2-rc-20251110175036 → 4.24.2-rc-20251124130751

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (32) hide show
  1. package/declarations/components/hds/theme-context/index.d.ts +24 -0
  2. package/declarations/components/hds/theme-context/types.d.ts +19 -0
  3. package/declarations/components.d.ts +1 -0
  4. package/declarations/services/hds-theming.d.ts +3 -15
  5. package/declarations/template-registry.d.ts +3 -0
  6. package/dist/_app_/components/hds/theme-context.js +1 -0
  7. package/dist/components/hds/theme-context/index.js +45 -0
  8. package/dist/components/hds/theme-context/index.js.map +1 -0
  9. package/dist/components/hds/theme-context/types.js +27 -0
  10. package/dist/components/hds/theme-context/types.js.map +1 -0
  11. package/dist/components.js +1 -0
  12. package/dist/components.js.map +1 -1
  13. package/dist/services/hds-theming.js +17 -45
  14. package/dist/services/hds-theming.js.map +1 -1
  15. package/dist/services.js +1 -1
  16. package/dist/styles/@hashicorp/design-system-components-common.css +335 -303
  17. package/dist/styles/@hashicorp/design-system-components-common.css.map +1 -1
  18. package/dist/styles/@hashicorp/design-system-components-common.scss +1 -0
  19. package/dist/styles/@hashicorp/design-system-components.css +470 -303
  20. package/dist/styles/@hashicorp/design-system-components.css.map +1 -1
  21. package/dist/styles/components/badge-count.scss +26 -76
  22. package/dist/styles/components/badge.scss +26 -131
  23. package/dist/styles/components/button.scss +5 -0
  24. package/dist/styles/components/dropdown.scss +3 -5
  25. package/dist/styles/components/form/file-input.scss +2 -2
  26. package/dist/styles/components/form/key-value-inputs.scss +2 -4
  27. package/dist/styles/components/index.scss +1 -0
  28. package/dist/styles/components/theme-context.scss +12 -0
  29. package/dist/styles/mixins/_button.scss +82 -129
  30. package/dist/styles/mixins/_carbonization.scss +31 -0
  31. package/dist/styles/mixins/_interactive-dark-theme.scss +1 -1
  32. package/package.json +3 -2
package/dist/styles/mixins/_carbonization.scss ADDED
@@ -0,0 +1,31 @@
1
+ /**
2
+ * Copyright (c) HashiCorp, Inc.
3
+ * SPDX-License-Identifier: MPL-2.0
4
+ */
5
+
6
+ @mixin hds-apply-only-if-carbon($mode: false) {
7
+ @if $mode == "cds-g0" {
8
+ @at-root .hds-mode-cds-g0 #{&} {
9
+ @content;
10
+ }
11
+ } @else if $mode == "cds-g10" {
12
+ @at-root .hds-mode-cds-g10 #{&} {
13
+ @content;
14
+ }
15
+ } @else if $mode == "cds-g90" {
16
+ @at-root .hds-mode-cds-g90 #{&} {
17
+ @content;
18
+ }
19
+ } @else if $mode == "cds-g100" {
20
+ @at-root .hds-mode-cds-g100 #{&} {
21
+ @content;
22
+ }
23
+ } @else {
24
+ @at-root .hds-mode-cds-g0 #{&},
25
+ .hds-mode-cds-g10 #{&},
26
+ .hds-mode-cds-g90 #{&},
27
+ .hds-mode-cds-g100 #{&} {
28
+ @content;
29
+ }
30
+ }
31
+ }
package/dist/styles/mixins/_interactive-dark-theme.scss CHANGED
@@ -35,7 +35,7 @@ $hds-interactive-dark-theme-focus-ring-action-box-shadow:
35
35
  // general dark theme tokens
36
36
  color: var(--token-color-foreground-high-contrast);
37
37
  background-color: var(--token-color-palette-neutral-700);
38
- border-radius: $hds-button-border-radius; // We don't have a button border-radius token so we use the button mixin sass variable
38
+ border-radius: var(--token-button-border-radius);
39
39
  }
40
40
 
41
41
  // Hover:
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hashicorp/design-system-components",
3
- "version": "4.24.2-rc-20251110175036",
3
+ "version": "4.24.2-rc-20251124130751",
4
4
  "description": "Helios Design System Components",
5
5
  "keywords": [
6
6
  "hashicorp",
@@ -35,7 +35,7 @@
35
35
  "@embroider/macros": "^1.18.1",
36
36
  "@embroider/util": "^1.13.4",
37
37
  "@floating-ui/dom": "^1.6.12",
38
- "@hashicorp/design-system-tokens": "4.0.0-rc-20251110175036",
38
+ "@hashicorp/design-system-tokens": "4.0.0-rc-20251124130751",
39
39
  "@hashicorp/flight-icons": "^3.14.0",
40
40
  "@lezer/highlight": "^1.2.1",
41
41
  "@nullvoxpopuli/ember-composable-helpers": "^5.2.11",
@@ -350,6 +350,7 @@
350
350
  "./components/hds/text/code.js": "./dist/_app_/components/hds/text/code.js",
351
351
  "./components/hds/text/display.js": "./dist/_app_/components/hds/text/display.js",
352
352
  "./components/hds/text.js": "./dist/_app_/components/hds/text.js",
353
+ "./components/hds/theme-context.js": "./dist/_app_/components/hds/theme-context.js",
353
354
  "./components/hds/theme-switcher.js": "./dist/_app_/components/hds/theme-switcher.js",
354
355
  "./components/hds/time.js": "./dist/_app_/components/hds/time.js",
355
356
  "./components/hds/time/range.js": "./dist/_app_/components/hds/time/range.js",