@norges-domstoler/dds-components 0.0.0-dev-20240912103141 → 0.0.0-dev-20240916102541

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
@@ -445,6 +445,9 @@
445
445
  :where(.typographyStyles_legend--margins) {
446
446
  margin-bottom: var(--dds-spacing-x1-5);
447
447
  }
448
+ :where(.typographyStyles_caption--withMargins) {
449
+ display: table-caption;
450
+ }
448
451
  :where(.typographyStyles_bold) {
449
452
  font-weight: 600;
450
453
  }
@@ -840,6 +843,70 @@
840
843
  border: 1px solid var(--dds-color-border-inverse);
841
844
  }
842
845
 
846
+ /* src/components/Accordion/Accordion.module.css */
847
+ :where(.Accordion_container) {
848
+ border-bottom: 1px solid var(--dds-color-border-default);
849
+ }
850
+ :where(.Accordion_container:first-child) {
851
+ border-top: 1px solid var(--dds-color-border-default);
852
+ }
853
+ :where(.Accordion_header-button) {
854
+ @media (prefers-reduced-motion: no-preference) {
855
+ transition: background-color 0.2s, var(--dds-focus-transition);
856
+ }
857
+ &:hover {
858
+ background-color: var(--dds-color-surface-hover-default);
859
+ color: var(--dds-color-text-action-hover);
860
+ }
861
+ }
862
+ .Accordion_header-container {
863
+ padding: var(--dds-spacing-x1) var(--dds-spacing-x1-5) var(--dds-spacing-x1) var(--dds-spacing-x1);
864
+ }
865
+ .Accordion_body {
866
+ height: var(--dds-card-accordion-body-height);
867
+ }
868
+ .Accordion_body__content {
869
+ padding: var(--dds-spacing-x0-5) var(--dds-spacing-x1-5) var(--dds-spacing-x2) var(--dds-spacing-x1);
870
+ }
871
+
872
+ /* src/components/helpers/AccordionBase/AccordionBase.module.css */
873
+ :where(.AccordionBase_header-button) {
874
+ -webkit-user-select: text;
875
+ -moz-user-select: text;
876
+ user-select: text;
877
+ position: relative;
878
+ cursor: pointer;
879
+ display: block;
880
+ width: 100%;
881
+ }
882
+ .AccordionBase_header-container {
883
+ display: flex;
884
+ justify-content: space-between;
885
+ align-items: center;
886
+ }
887
+ .AccordionBase_header__content {
888
+ text-align: left;
889
+ }
890
+ .AccordionBase_header__chevron {
891
+ display: flex;
892
+ align-items: center;
893
+ justify-content: center;
894
+ height: var(--dds-icon-size-medium);
895
+ width: var(--dds-icon-size-medium);
896
+ margin-left: var(--dds-spacing-x0-5);
897
+ }
898
+ .AccordionBase_body {
899
+ overflow: hidden;
900
+ }
901
+ .AccordionBase_body--animated {
902
+ @media (prefers-reduced-motion: no-preference) {
903
+ transition: height 0.2s cubic-bezier(0.4, 0, 0.2, 1);
904
+ }
905
+ }
906
+ .AccordionBase_body--hidden {
907
+ display: none;
908
+ }
909
+
843
910
  /* src/components/BackLink/BackLink.module.css */
844
911
  .BackLink_icon {
845
912
  display: inline;
@@ -1291,13 +1358,6 @@
1291
1358
 
1292
1359
  /* src/components/Card/CardAccordion/CardAccordion.module.css */
1293
1360
  .CardAccordion_header-button {
1294
- -webkit-user-select: text;
1295
- -moz-user-select: text;
1296
- user-select: text;
1297
- position: relative;
1298
- cursor: pointer;
1299
- display: block;
1300
- width: 100%;
1301
1361
  @media (prefers-reduced-motion: no-preference) {
1302
1362
  transition: box-shadow 0.2s, var(--dds-focus-transition);
1303
1363
  }
@@ -1306,40 +1366,17 @@
1306
1366
  }
1307
1367
  }
1308
1368
  .CardAccordion_header-container {
1309
- display: flex;
1310
- justify-content: space-between;
1311
- align-items: center;
1312
1369
  padding: var(--dds-card-accordion-header-container-padding);
1313
1370
  @media (prefers-reduced-motion: no-preference) {
1314
1371
  transition: box-shadow 0.2s;
1315
1372
  }
1316
1373
  }
1317
- .CardAccordion_header__content {
1318
- text-align: left;
1319
- }
1320
- .CardAccordion_header__chevron {
1321
- display: flex;
1322
- align-items: center;
1323
- justify-content: center;
1324
- height: var(--dds-icon-size-medium);
1325
- width: var(--dds-icon-size-medium);
1326
- margin-left: var(--dds-spacing-x0-5);
1327
- }
1328
1374
  .CardAccordion_body {
1329
- overflow: hidden;
1330
1375
  height: var(--dds-card-accordion-body-height);
1331
1376
  }
1332
1377
  .CardAccordion_body__content {
1333
1378
  padding: var(--dds-card-accordion-body-content-padding);
1334
1379
  }
1335
- .CardAccordion_body--animated {
1336
- @media (prefers-reduced-motion: no-preference) {
1337
- transition: height 0.2s cubic-bezier(0.4, 0, 0.2, 1);
1338
- }
1339
- }
1340
- .CardAccordion_body--hidden {
1341
- display: none;
1342
- }
1343
1380
 
1344
1381
  /* src/components/Chip/Chip.module.css */
1345
1382
  .Chip_container {