@norges-domstoler/dds-components 0.0.0-dev-20251107074733 → 0.0.0-dev-20251111115604

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.
package/dist/index.css CHANGED
@@ -703,6 +703,10 @@
703
703
  --dds-r-text-align: var(--dds-r-xs-text-align);
704
704
  text-align: var(--dds-r-text-align, initial);
705
705
  }
706
+ .layout_dds-word-break {
707
+ --dds-r-word-break: var(--dds-r-xs-word-break);
708
+ word-break: var(--dds-r-word-break, initial);
709
+ }
706
710
  .layout_dds-flex-dir {
707
711
  --dds-r-flex-dir: var(--dds-r-xs-flex-dir);
708
712
  flex-direction: var(--dds-r-flex-dir, initial);
@@ -815,6 +819,9 @@
815
819
  .layout_dds-text-align {
816
820
  --dds-r-text-align: var(--dds-r-xs-text-align);
817
821
  }
822
+ .layout_dds-word-break {
823
+ --dds-r-word-break: var(--dds-r-xs-word-break);
824
+ }
818
825
  .layout_dds-flex-dir {
819
826
  --dds-r-flex-dir: var(--dds-r-xs-flex-dir);
820
827
  }
@@ -916,6 +923,9 @@
916
923
  .layout_dds-text-align {
917
924
  --dds-r-text-align: var(--dds-r-sm-text-align);
918
925
  }
926
+ .layout_dds-word-break {
927
+ --dds-r-word-break: var(--dds-r-sm-word-break);
928
+ }
919
929
  .layout_dds-flex-dir {
920
930
  --dds-r-flex-dir: var(--dds-r-sm-flex-dir);
921
931
  }
@@ -1017,6 +1027,9 @@
1017
1027
  .layout_dds-text-align {
1018
1028
  --dds-r-text-align: var(--dds-r-md-text-align);
1019
1029
  }
1030
+ .layout_dds-word-break {
1031
+ --dds-r-word-break: var(--dds-r-md-word-break);
1032
+ }
1020
1033
  .layout_dds-flex-dir {
1021
1034
  --dds-r-flex-dir: var(--dds-r-md-flex-dir);
1022
1035
  }
@@ -1118,6 +1131,9 @@
1118
1131
  .layout_dds-text-align {
1119
1132
  --dds-r-text-align: var(--dds-r-lg-text-align);
1120
1133
  }
1134
+ .layout_dds-word-break {
1135
+ --dds-r-word-break: var(--dds-r-lg-word-break);
1136
+ }
1121
1137
  .layout_dds-flex-dir {
1122
1138
  --dds-r-flex-dir: var(--dds-r-lg-flex-dir);
1123
1139
  }
@@ -1219,6 +1235,9 @@
1219
1235
  .layout_dds-text-align {
1220
1236
  --dds-r-text-align: var(--dds-r-xl-text-align);
1221
1237
  }
1238
+ .layout_dds-word-break {
1239
+ --dds-r-word-break: var(--dds-r-xl-word-break);
1240
+ }
1222
1241
  .layout_dds-flex-dir {
1223
1242
  --dds-r-flex-dir: var(--dds-r-xl-flex-dir);
1224
1243
  }
@@ -2228,21 +2247,7 @@ input[data-indeterminate=true] ~ .SelectionControl_selection-control:after {
2228
2247
 
2229
2248
  /* src/components/InputMessage/InputMessage.module.css */
2230
2249
  .InputMessage_container {
2231
- display: flex;
2232
- width: -moz-fit-content;
2233
- width: fit-content;
2234
2250
  word-break: break-word;
2235
- max-width: 100%;
2236
- }
2237
- .InputMessage_container--error {
2238
- padding: var(--dds-spacing-x0-25) var(--dds-spacing-x0-5);
2239
- background-color: var(--dds-color-surface-danger-default);
2240
- border-bottom-left-radius: var(--dds-border-radius-surface);
2241
- border-bottom-right-radius: var(--dds-border-radius-surface);
2242
- gap: var(--dds-spacing-x0-25);
2243
- .InputMessage_icon {
2244
- color: var(--dds-color-icon-on-danger-default);
2245
- }
2246
2251
  }
2247
2252
  .InputMessage_icon {
2248
2253
  margin-top: calc((var(--dds-font-lineheight-x1) * 1em - var(--dds-icon-size-small)) / 2 - 1px);