@norges-domstoler/dds-components 0.0.0-dev-20250506063339 → 0.0.0-dev-20250507064609

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 (7) hide show
  1. package/dist/index.d.mts +62 -62
  2. package/dist/index.d.ts +62 -62
  3. package/dist/index.js +61 -33
  4. package/dist/index.js.map +1 -1
  5. package/dist/index.mjs +222 -194
  6. package/dist/index.mjs.map +1 -1
  7. package/package.json +3 -3
package/dist/index.d.mts CHANGED
@@ -3161,6 +3161,9 @@ declare function useTheme(): {
3161
3161
  ddsZindexDropdown: "100";
3162
3162
  ddsZindexSticky: "50";
3163
3163
  ddsZindexAbsoluteElement: "1";
3164
+ ddsColorData10Default: "#196b8f";
3165
+ ddsColorData10Subtle: "#96c5d9";
3166
+ ddsColorData10Border: "#196b8f";
3164
3167
  ddsColorDataRed100: "#f8d2d4";
3165
3168
  ddsColorDataRed200: "#f0a5a9";
3166
3169
  ddsColorDataRed300: "#e9787e";
@@ -3251,11 +3254,38 @@ declare function useTheme(): {
3251
3254
  ddsColorDataGray700: "#444444";
3252
3255
  ddsColorDataGray800: "#2e2e2e";
3253
3256
  ddsColorDataGray900: "#171717";
3257
+ ddsColorData01Default: "#0f62fe";
3258
+ ddsColorData01Subtle: "#9fc0ff";
3259
+ ddsColorData01Border: "#0f62fe";
3260
+ ddsColorData02Default: "#b3572f";
3261
+ ddsColorData02Subtle: "#e1bcac";
3262
+ ddsColorData02Border: "#b3572f";
3263
+ ddsColorData03Default: "#727272";
3264
+ ddsColorData03Subtle: "#c7c7c7";
3265
+ ddsColorData03Border: "#727272";
3266
+ ddsColorData04Default: "#198038";
3267
+ ddsColorData04Subtle: "#a3ccaf";
3268
+ ddsColorData04Border: "#198038";
3269
+ ddsColorData05Default: "#8a3ffc";
3270
+ ddsColorData05Subtle: "#d0b2fe";
3271
+ ddsColorData05Border: "#8a3ffc";
3272
+ ddsColorData06Default: "#b62665";
3273
+ ddsColorData06Subtle: "#dfa5bf";
3274
+ ddsColorData06Border: "#b62665";
3275
+ ddsColorData07Default: "#7c7518";
3276
+ ddsColorData07Subtle: "#cdc9a1";
3277
+ ddsColorData07Border: "#7c7518";
3278
+ ddsColorData08Default: "#da1e28";
3279
+ ddsColorData08Subtle: "#f0a5a9";
3280
+ ddsColorData08Border: "#da1e28";
3281
+ ddsColorData09Default: "#007d79";
3282
+ ddsColorData09Subtle: "#90ccc9";
3283
+ ddsColorData09Border: "#007d79";
3254
3284
  ddsColorBgDefault: "#ffffff";
3255
3285
  ddsColorBgSubtle: "#f1f3f4";
3256
3286
  ddsColorSurfaceDefault: "#ffffff";
3257
3287
  ddsColorSurfaceSubtle: "#f1f3f4";
3258
- ddsColorSurfaceMedium: "#e4e6e8";
3288
+ ddsColorSurfaceMedium: "#e9ebec";
3259
3289
  ddsColorSurfaceHoverDefault: "#e7f1f7";
3260
3290
  ddsColorSurfaceHoverSubtle: "#f1f3f4";
3261
3291
  ddsColorSurfaceSelectedDefault: "#e7f1f7";
@@ -3338,36 +3368,6 @@ declare function useTheme(): {
3338
3368
  ddsColorBrandTertiaryStrong: "#d45d32";
3339
3369
  ddsColorFocusOutside: "#2a4b61";
3340
3370
  ddsColorFocusInside: "#f1f8fd";
3341
- ddsColorData10Default: "#196b8f";
3342
- ddsColorData10Subtle: "#96c5d9";
3343
- ddsColorData10Border: "#196b8f";
3344
- ddsColorData01Default: "#0f62fe";
3345
- ddsColorData01Subtle: "#9fc0ff";
3346
- ddsColorData01Border: "#0f62fe";
3347
- ddsColorData02Default: "#b3572f";
3348
- ddsColorData02Subtle: "#e1bcac";
3349
- ddsColorData02Border: "#b3572f";
3350
- ddsColorData03Default: "#727272";
3351
- ddsColorData03Subtle: "#c7c7c7";
3352
- ddsColorData03Border: "#727272";
3353
- ddsColorData04Default: "#198038";
3354
- ddsColorData04Subtle: "#a3ccaf";
3355
- ddsColorData04Border: "#198038";
3356
- ddsColorData05Default: "#8a3ffc";
3357
- ddsColorData05Subtle: "#d0b2fe";
3358
- ddsColorData05Border: "#8a3ffc";
3359
- ddsColorData06Default: "#b62665";
3360
- ddsColorData06Subtle: "#dfa5bf";
3361
- ddsColorData06Border: "#b62665";
3362
- ddsColorData07Default: "#7c7518";
3363
- ddsColorData07Subtle: "#cdc9a1";
3364
- ddsColorData07Border: "#7c7518";
3365
- ddsColorData08Default: "#da1e28";
3366
- ddsColorData08Subtle: "#f0a5a9";
3367
- ddsColorData08Border: "#da1e28";
3368
- ddsColorData09Default: "#007d79";
3369
- ddsColorData09Subtle: "#90ccc9";
3370
- ddsColorData09Border: "#007d79";
3371
3371
  ddsFontLabelMedium: "600 0.875rem/1.5 'IBM Plex Sans', Arial, sans-serif";
3372
3372
  ddsFontBodyXsmall: "400 0.75rem/1.5 'IBM Plex Sans', Arial, sans-serif";
3373
3373
  ddsFontBodySmall: "400 0.875rem/1.5 'IBM Plex Sans', Arial, sans-serif";
@@ -3554,6 +3554,9 @@ declare function useTheme(): {
3554
3554
  ddsZindexDropdown: "100";
3555
3555
  ddsZindexSticky: "50";
3556
3556
  ddsZindexAbsoluteElement: "1";
3557
+ ddsColorData10Default: "#196b8f";
3558
+ ddsColorData10Subtle: "#96c5d9";
3559
+ ddsColorData10Border: "#196b8f";
3557
3560
  ddsColorDataRed100: "#f8d2d4";
3558
3561
  ddsColorDataRed200: "#f0a5a9";
3559
3562
  ddsColorDataRed300: "#e9787e";
@@ -3644,11 +3647,38 @@ declare function useTheme(): {
3644
3647
  ddsColorDataGray700: "#444444";
3645
3648
  ddsColorDataGray800: "#2e2e2e";
3646
3649
  ddsColorDataGray900: "#171717";
3650
+ ddsColorData01Default: "#0f62fe";
3651
+ ddsColorData01Subtle: "#9fc0ff";
3652
+ ddsColorData01Border: "#0f62fe";
3653
+ ddsColorData02Default: "#b3572f";
3654
+ ddsColorData02Subtle: "#e1bcac";
3655
+ ddsColorData02Border: "#b3572f";
3656
+ ddsColorData03Default: "#727272";
3657
+ ddsColorData03Subtle: "#c7c7c7";
3658
+ ddsColorData03Border: "#727272";
3659
+ ddsColorData04Default: "#198038";
3660
+ ddsColorData04Subtle: "#a3ccaf";
3661
+ ddsColorData04Border: "#198038";
3662
+ ddsColorData05Default: "#8a3ffc";
3663
+ ddsColorData05Subtle: "#d0b2fe";
3664
+ ddsColorData05Border: "#8a3ffc";
3665
+ ddsColorData06Default: "#b62665";
3666
+ ddsColorData06Subtle: "#dfa5bf";
3667
+ ddsColorData06Border: "#b62665";
3668
+ ddsColorData07Default: "#7c7518";
3669
+ ddsColorData07Subtle: "#cdc9a1";
3670
+ ddsColorData07Border: "#7c7518";
3671
+ ddsColorData08Default: "#da1e28";
3672
+ ddsColorData08Subtle: "#f0a5a9";
3673
+ ddsColorData08Border: "#da1e28";
3674
+ ddsColorData09Default: "#007d79";
3675
+ ddsColorData09Subtle: "#90ccc9";
3676
+ ddsColorData09Border: "#007d79";
3647
3677
  ddsColorBgDefault: "#ffffff";
3648
3678
  ddsColorBgSubtle: "#f1f3f4";
3649
3679
  ddsColorSurfaceDefault: "#ffffff";
3650
3680
  ddsColorSurfaceSubtle: "#f1f3f4";
3651
- ddsColorSurfaceMedium: "#e4e6e8";
3681
+ ddsColorSurfaceMedium: "#e9ebec";
3652
3682
  ddsColorSurfaceHoverDefault: "#e7f1f7";
3653
3683
  ddsColorSurfaceHoverSubtle: "#f1f3f4";
3654
3684
  ddsColorSurfaceSelectedDefault: "#e7f1f7";
@@ -3731,36 +3761,6 @@ declare function useTheme(): {
3731
3761
  ddsColorBrandTertiaryStrong: "#d45d32";
3732
3762
  ddsColorFocusOutside: "#2a4b61";
3733
3763
  ddsColorFocusInside: "#f1f8fd";
3734
- ddsColorData10Default: "#196b8f";
3735
- ddsColorData10Subtle: "#96c5d9";
3736
- ddsColorData10Border: "#196b8f";
3737
- ddsColorData01Default: "#0f62fe";
3738
- ddsColorData01Subtle: "#9fc0ff";
3739
- ddsColorData01Border: "#0f62fe";
3740
- ddsColorData02Default: "#b3572f";
3741
- ddsColorData02Subtle: "#e1bcac";
3742
- ddsColorData02Border: "#b3572f";
3743
- ddsColorData03Default: "#727272";
3744
- ddsColorData03Subtle: "#c7c7c7";
3745
- ddsColorData03Border: "#727272";
3746
- ddsColorData04Default: "#198038";
3747
- ddsColorData04Subtle: "#a3ccaf";
3748
- ddsColorData04Border: "#198038";
3749
- ddsColorData05Default: "#8a3ffc";
3750
- ddsColorData05Subtle: "#d0b2fe";
3751
- ddsColorData05Border: "#8a3ffc";
3752
- ddsColorData06Default: "#b62665";
3753
- ddsColorData06Subtle: "#dfa5bf";
3754
- ddsColorData06Border: "#b62665";
3755
- ddsColorData07Default: "#7c7518";
3756
- ddsColorData07Subtle: "#cdc9a1";
3757
- ddsColorData07Border: "#7c7518";
3758
- ddsColorData08Default: "#da1e28";
3759
- ddsColorData08Subtle: "#f0a5a9";
3760
- ddsColorData08Border: "#da1e28";
3761
- ddsColorData09Default: "#007d79";
3762
- ddsColorData09Subtle: "#90ccc9";
3763
- ddsColorData09Border: "#007d79";
3764
3764
  ddsBorderRadiusButton: "2px";
3765
3765
  ddsBorderRadiusButtonNumberPx: 2;
3766
3766
  ddsBorderRadiusSurface: "2px";
package/dist/index.d.ts CHANGED
@@ -3161,6 +3161,9 @@ declare function useTheme(): {
3161
3161
  ddsZindexDropdown: "100";
3162
3162
  ddsZindexSticky: "50";
3163
3163
  ddsZindexAbsoluteElement: "1";
3164
+ ddsColorData10Default: "#196b8f";
3165
+ ddsColorData10Subtle: "#96c5d9";
3166
+ ddsColorData10Border: "#196b8f";
3164
3167
  ddsColorDataRed100: "#f8d2d4";
3165
3168
  ddsColorDataRed200: "#f0a5a9";
3166
3169
  ddsColorDataRed300: "#e9787e";
@@ -3251,11 +3254,38 @@ declare function useTheme(): {
3251
3254
  ddsColorDataGray700: "#444444";
3252
3255
  ddsColorDataGray800: "#2e2e2e";
3253
3256
  ddsColorDataGray900: "#171717";
3257
+ ddsColorData01Default: "#0f62fe";
3258
+ ddsColorData01Subtle: "#9fc0ff";
3259
+ ddsColorData01Border: "#0f62fe";
3260
+ ddsColorData02Default: "#b3572f";
3261
+ ddsColorData02Subtle: "#e1bcac";
3262
+ ddsColorData02Border: "#b3572f";
3263
+ ddsColorData03Default: "#727272";
3264
+ ddsColorData03Subtle: "#c7c7c7";
3265
+ ddsColorData03Border: "#727272";
3266
+ ddsColorData04Default: "#198038";
3267
+ ddsColorData04Subtle: "#a3ccaf";
3268
+ ddsColorData04Border: "#198038";
3269
+ ddsColorData05Default: "#8a3ffc";
3270
+ ddsColorData05Subtle: "#d0b2fe";
3271
+ ddsColorData05Border: "#8a3ffc";
3272
+ ddsColorData06Default: "#b62665";
3273
+ ddsColorData06Subtle: "#dfa5bf";
3274
+ ddsColorData06Border: "#b62665";
3275
+ ddsColorData07Default: "#7c7518";
3276
+ ddsColorData07Subtle: "#cdc9a1";
3277
+ ddsColorData07Border: "#7c7518";
3278
+ ddsColorData08Default: "#da1e28";
3279
+ ddsColorData08Subtle: "#f0a5a9";
3280
+ ddsColorData08Border: "#da1e28";
3281
+ ddsColorData09Default: "#007d79";
3282
+ ddsColorData09Subtle: "#90ccc9";
3283
+ ddsColorData09Border: "#007d79";
3254
3284
  ddsColorBgDefault: "#ffffff";
3255
3285
  ddsColorBgSubtle: "#f1f3f4";
3256
3286
  ddsColorSurfaceDefault: "#ffffff";
3257
3287
  ddsColorSurfaceSubtle: "#f1f3f4";
3258
- ddsColorSurfaceMedium: "#e4e6e8";
3288
+ ddsColorSurfaceMedium: "#e9ebec";
3259
3289
  ddsColorSurfaceHoverDefault: "#e7f1f7";
3260
3290
  ddsColorSurfaceHoverSubtle: "#f1f3f4";
3261
3291
  ddsColorSurfaceSelectedDefault: "#e7f1f7";
@@ -3338,36 +3368,6 @@ declare function useTheme(): {
3338
3368
  ddsColorBrandTertiaryStrong: "#d45d32";
3339
3369
  ddsColorFocusOutside: "#2a4b61";
3340
3370
  ddsColorFocusInside: "#f1f8fd";
3341
- ddsColorData10Default: "#196b8f";
3342
- ddsColorData10Subtle: "#96c5d9";
3343
- ddsColorData10Border: "#196b8f";
3344
- ddsColorData01Default: "#0f62fe";
3345
- ddsColorData01Subtle: "#9fc0ff";
3346
- ddsColorData01Border: "#0f62fe";
3347
- ddsColorData02Default: "#b3572f";
3348
- ddsColorData02Subtle: "#e1bcac";
3349
- ddsColorData02Border: "#b3572f";
3350
- ddsColorData03Default: "#727272";
3351
- ddsColorData03Subtle: "#c7c7c7";
3352
- ddsColorData03Border: "#727272";
3353
- ddsColorData04Default: "#198038";
3354
- ddsColorData04Subtle: "#a3ccaf";
3355
- ddsColorData04Border: "#198038";
3356
- ddsColorData05Default: "#8a3ffc";
3357
- ddsColorData05Subtle: "#d0b2fe";
3358
- ddsColorData05Border: "#8a3ffc";
3359
- ddsColorData06Default: "#b62665";
3360
- ddsColorData06Subtle: "#dfa5bf";
3361
- ddsColorData06Border: "#b62665";
3362
- ddsColorData07Default: "#7c7518";
3363
- ddsColorData07Subtle: "#cdc9a1";
3364
- ddsColorData07Border: "#7c7518";
3365
- ddsColorData08Default: "#da1e28";
3366
- ddsColorData08Subtle: "#f0a5a9";
3367
- ddsColorData08Border: "#da1e28";
3368
- ddsColorData09Default: "#007d79";
3369
- ddsColorData09Subtle: "#90ccc9";
3370
- ddsColorData09Border: "#007d79";
3371
3371
  ddsFontLabelMedium: "600 0.875rem/1.5 'IBM Plex Sans', Arial, sans-serif";
3372
3372
  ddsFontBodyXsmall: "400 0.75rem/1.5 'IBM Plex Sans', Arial, sans-serif";
3373
3373
  ddsFontBodySmall: "400 0.875rem/1.5 'IBM Plex Sans', Arial, sans-serif";
@@ -3554,6 +3554,9 @@ declare function useTheme(): {
3554
3554
  ddsZindexDropdown: "100";
3555
3555
  ddsZindexSticky: "50";
3556
3556
  ddsZindexAbsoluteElement: "1";
3557
+ ddsColorData10Default: "#196b8f";
3558
+ ddsColorData10Subtle: "#96c5d9";
3559
+ ddsColorData10Border: "#196b8f";
3557
3560
  ddsColorDataRed100: "#f8d2d4";
3558
3561
  ddsColorDataRed200: "#f0a5a9";
3559
3562
  ddsColorDataRed300: "#e9787e";
@@ -3644,11 +3647,38 @@ declare function useTheme(): {
3644
3647
  ddsColorDataGray700: "#444444";
3645
3648
  ddsColorDataGray800: "#2e2e2e";
3646
3649
  ddsColorDataGray900: "#171717";
3650
+ ddsColorData01Default: "#0f62fe";
3651
+ ddsColorData01Subtle: "#9fc0ff";
3652
+ ddsColorData01Border: "#0f62fe";
3653
+ ddsColorData02Default: "#b3572f";
3654
+ ddsColorData02Subtle: "#e1bcac";
3655
+ ddsColorData02Border: "#b3572f";
3656
+ ddsColorData03Default: "#727272";
3657
+ ddsColorData03Subtle: "#c7c7c7";
3658
+ ddsColorData03Border: "#727272";
3659
+ ddsColorData04Default: "#198038";
3660
+ ddsColorData04Subtle: "#a3ccaf";
3661
+ ddsColorData04Border: "#198038";
3662
+ ddsColorData05Default: "#8a3ffc";
3663
+ ddsColorData05Subtle: "#d0b2fe";
3664
+ ddsColorData05Border: "#8a3ffc";
3665
+ ddsColorData06Default: "#b62665";
3666
+ ddsColorData06Subtle: "#dfa5bf";
3667
+ ddsColorData06Border: "#b62665";
3668
+ ddsColorData07Default: "#7c7518";
3669
+ ddsColorData07Subtle: "#cdc9a1";
3670
+ ddsColorData07Border: "#7c7518";
3671
+ ddsColorData08Default: "#da1e28";
3672
+ ddsColorData08Subtle: "#f0a5a9";
3673
+ ddsColorData08Border: "#da1e28";
3674
+ ddsColorData09Default: "#007d79";
3675
+ ddsColorData09Subtle: "#90ccc9";
3676
+ ddsColorData09Border: "#007d79";
3647
3677
  ddsColorBgDefault: "#ffffff";
3648
3678
  ddsColorBgSubtle: "#f1f3f4";
3649
3679
  ddsColorSurfaceDefault: "#ffffff";
3650
3680
  ddsColorSurfaceSubtle: "#f1f3f4";
3651
- ddsColorSurfaceMedium: "#e4e6e8";
3681
+ ddsColorSurfaceMedium: "#e9ebec";
3652
3682
  ddsColorSurfaceHoverDefault: "#e7f1f7";
3653
3683
  ddsColorSurfaceHoverSubtle: "#f1f3f4";
3654
3684
  ddsColorSurfaceSelectedDefault: "#e7f1f7";
@@ -3731,36 +3761,6 @@ declare function useTheme(): {
3731
3761
  ddsColorBrandTertiaryStrong: "#d45d32";
3732
3762
  ddsColorFocusOutside: "#2a4b61";
3733
3763
  ddsColorFocusInside: "#f1f8fd";
3734
- ddsColorData10Default: "#196b8f";
3735
- ddsColorData10Subtle: "#96c5d9";
3736
- ddsColorData10Border: "#196b8f";
3737
- ddsColorData01Default: "#0f62fe";
3738
- ddsColorData01Subtle: "#9fc0ff";
3739
- ddsColorData01Border: "#0f62fe";
3740
- ddsColorData02Default: "#b3572f";
3741
- ddsColorData02Subtle: "#e1bcac";
3742
- ddsColorData02Border: "#b3572f";
3743
- ddsColorData03Default: "#727272";
3744
- ddsColorData03Subtle: "#c7c7c7";
3745
- ddsColorData03Border: "#727272";
3746
- ddsColorData04Default: "#198038";
3747
- ddsColorData04Subtle: "#a3ccaf";
3748
- ddsColorData04Border: "#198038";
3749
- ddsColorData05Default: "#8a3ffc";
3750
- ddsColorData05Subtle: "#d0b2fe";
3751
- ddsColorData05Border: "#8a3ffc";
3752
- ddsColorData06Default: "#b62665";
3753
- ddsColorData06Subtle: "#dfa5bf";
3754
- ddsColorData06Border: "#b62665";
3755
- ddsColorData07Default: "#7c7518";
3756
- ddsColorData07Subtle: "#cdc9a1";
3757
- ddsColorData07Border: "#7c7518";
3758
- ddsColorData08Default: "#da1e28";
3759
- ddsColorData08Subtle: "#f0a5a9";
3760
- ddsColorData08Border: "#da1e28";
3761
- ddsColorData09Default: "#007d79";
3762
- ddsColorData09Subtle: "#90ccc9";
3763
- ddsColorData09Border: "#007d79";
3764
3764
  ddsBorderRadiusButton: "2px";
3765
3765
  ddsBorderRadiusButtonNumberPx: 2;
3766
3766
  ddsBorderRadiusSurface: "2px";
package/dist/index.js CHANGED
@@ -4970,8 +4970,14 @@ var Label2 = ({
4970
4970
  ...rest
4971
4971
  }) => {
4972
4972
  return /* @__PURE__ */ (0, import_jsx_runtime211.jsx)(
4973
- "label",
4973
+ Box,
4974
4974
  {
4975
+ as: "label",
4976
+ position: "relative",
4977
+ display: "flex",
4978
+ alignItems: "center",
4979
+ width: "fit-content",
4980
+ paddingInline: "calc(18px + var(--dds-spacing-x0-5)) 0",
4975
4981
  className: cn(
4976
4982
  className,
4977
4983
  SelectionControl_default.label,
@@ -4987,6 +4993,35 @@ var Label2 = ({
4987
4993
  }
4988
4994
  );
4989
4995
  };
4996
+ var GroupLabel = ({
4997
+ id,
4998
+ showRequiredMarker,
4999
+ readOnly,
5000
+ children
5001
+ }) => {
5002
+ return /* @__PURE__ */ (0, import_jsx_runtime211.jsxs)(
5003
+ Typography,
5004
+ {
5005
+ as: "span",
5006
+ typographyType: "labelMedium",
5007
+ id,
5008
+ className: readOnly ? Label_default["read-only"] : void 0,
5009
+ children: [
5010
+ readOnly && /* @__PURE__ */ (0, import_jsx_runtime211.jsx)(
5011
+ Icon,
5012
+ {
5013
+ icon: LockIcon,
5014
+ className: Label_default["read-only__icon"],
5015
+ iconSize: "small"
5016
+ }
5017
+ ),
5018
+ children,
5019
+ " ",
5020
+ showRequiredMarker && /* @__PURE__ */ (0, import_jsx_runtime211.jsx)(RequiredMarker, {})
5021
+ ]
5022
+ }
5023
+ );
5024
+ };
4990
5025
 
4991
5026
  // src/components/SelectionControl/SelectionControl.utils.tsx
4992
5027
  var selectionControlSizeNumberPx = 18;
@@ -5023,14 +5058,8 @@ var Checkbox = ({
5023
5058
  const hasError = error || (checkboxGroup == null ? void 0 : checkboxGroup.error);
5024
5059
  const isDisabled = disabled || (checkboxGroup == null ? void 0 : checkboxGroup.disabled);
5025
5060
  return /* @__PURE__ */ (0, import_jsx_runtime212.jsxs)(
5026
- Box,
5061
+ Label2,
5027
5062
  {
5028
- position: "relative",
5029
- display: "flex",
5030
- alignItems: "center",
5031
- width: "fit-content",
5032
- paddingInline: "calc(18px + var(--dds-spacing-x0-5)) 0",
5033
- as: Label2,
5034
5063
  hasError,
5035
5064
  disabled: isDisabled,
5036
5065
  readOnly: isReadOnly,
@@ -5086,6 +5115,17 @@ Checkbox.displayName = "Checkbox";
5086
5115
  // src/components/SelectionControl/Checkbox/CheckboxGroup.tsx
5087
5116
  var import_react27 = require("react");
5088
5117
 
5118
+ // src/types/Booleanish.ts
5119
+ function convertBooleanishToBoolean(value) {
5120
+ if (value === "true") {
5121
+ return true;
5122
+ } else if (value === "false") {
5123
+ return false;
5124
+ } else {
5125
+ return value;
5126
+ }
5127
+ }
5128
+
5089
5129
  // src/components/InputMessage/InputMessage.module.css
5090
5130
  var InputMessage_default = {
5091
5131
  container: "InputMessage_container",
@@ -5163,7 +5203,7 @@ var CheckboxGroup = (props) => {
5163
5203
  const generatedId = (0, import_react27.useId)();
5164
5204
  const uniqueGroupId = groupId != null ? groupId : `${generatedId}-checkboxGroup`;
5165
5205
  const hasErrorMessage = !!errorMessage;
5166
- const showRequiredMarker = required || ariaRequired;
5206
+ const showRequiredMarker = required || convertBooleanishToBoolean(ariaRequired);
5167
5207
  const errorMessageId = derivativeIdGenerator(uniqueGroupId, "errorMessage");
5168
5208
  const tipId = derivativeIdGenerator(uniqueGroupId, "tip");
5169
5209
  const contextProps = {
@@ -5184,19 +5224,13 @@ var CheckboxGroup = (props) => {
5184
5224
  rest
5185
5225
  ),
5186
5226
  children: [
5187
- label !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime214.jsxs)(
5188
- Typography,
5227
+ label !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime214.jsx)(
5228
+ GroupLabel,
5189
5229
  {
5190
- as: "span",
5191
- typographyType: "labelMedium",
5192
5230
  id: uniqueGroupId,
5193
- className: readOnly ? Label_default["read-only"] : void 0,
5194
- children: [
5195
- readOnly && /* @__PURE__ */ (0, import_jsx_runtime214.jsx)(Icon, { icon: LockIcon, className: Label_default["read-only__icon"] }),
5196
- label,
5197
- " ",
5198
- showRequiredMarker && /* @__PURE__ */ (0, import_jsx_runtime214.jsx)(RequiredMarker, {})
5199
- ]
5231
+ readOnly,
5232
+ showRequiredMarker,
5233
+ children: label
5200
5234
  }
5201
5235
  ) : null,
5202
5236
  renderInputMessage(tip, tipId),
@@ -11387,7 +11421,7 @@ var RadioButtonGroup = ({
11387
11421
  }
11388
11422
  };
11389
11423
  const hasErrorMessage = !!errorMessage;
11390
- const showRequiredMarker = required || ariaRequired;
11424
+ const showRequiredMarker = required || convertBooleanishToBoolean(ariaRequired);
11391
11425
  const tipId = tip && `${uniqueGroupId}-tip`;
11392
11426
  const errorMessageId = errorMessage && `${uniqueGroupId}-errorMessage`;
11393
11427
  const contextProps = {
@@ -11411,21 +11445,15 @@ var RadioButtonGroup = ({
11411
11445
  rest
11412
11446
  ),
11413
11447
  children: [
11414
- /* @__PURE__ */ (0, import_jsx_runtime291.jsxs)(
11415
- Typography,
11448
+ label !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime291.jsx)(
11449
+ GroupLabel,
11416
11450
  {
11417
- as: "span",
11418
- typographyType: "labelMedium",
11419
11451
  id: uniqueGroupId,
11420
- className: readOnly ? Label_default["read-only"] : void 0,
11421
- children: [
11422
- readOnly && /* @__PURE__ */ (0, import_jsx_runtime291.jsx)(Icon, { icon: LockIcon, className: Label_default["read-only__icon"] }),
11423
- label,
11424
- " ",
11425
- showRequiredMarker && /* @__PURE__ */ (0, import_jsx_runtime291.jsx)(RequiredMarker, {})
11426
- ]
11452
+ readOnly,
11453
+ showRequiredMarker,
11454
+ children: label
11427
11455
  }
11428
- ),
11456
+ ) : null,
11429
11457
  renderInputMessage(tip, tipId),
11430
11458
  /* @__PURE__ */ (0, import_jsx_runtime291.jsx)(RadioButtonGroupContext, { value: { ...contextProps }, children: /* @__PURE__ */ (0, import_jsx_runtime291.jsx)(
11431
11459
  "div",