@norges-domstoler/dds-components 0.0.0-dev-20240912112442 → 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 +64 -30
- package/dist/index.css.map +1 -1
- package/dist/index.d.mts +29 -1
- package/dist/index.d.ts +29 -1
- package/dist/index.js +1359 -1135
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +1189 -964
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.css
CHANGED
|
@@ -843,6 +843,70 @@
|
|
|
843
843
|
border: 1px solid var(--dds-color-border-inverse);
|
|
844
844
|
}
|
|
845
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
|
+
|
|
846
910
|
/* src/components/BackLink/BackLink.module.css */
|
|
847
911
|
.BackLink_icon {
|
|
848
912
|
display: inline;
|
|
@@ -1294,13 +1358,6 @@
|
|
|
1294
1358
|
|
|
1295
1359
|
/* src/components/Card/CardAccordion/CardAccordion.module.css */
|
|
1296
1360
|
.CardAccordion_header-button {
|
|
1297
|
-
-webkit-user-select: text;
|
|
1298
|
-
-moz-user-select: text;
|
|
1299
|
-
user-select: text;
|
|
1300
|
-
position: relative;
|
|
1301
|
-
cursor: pointer;
|
|
1302
|
-
display: block;
|
|
1303
|
-
width: 100%;
|
|
1304
1361
|
@media (prefers-reduced-motion: no-preference) {
|
|
1305
1362
|
transition: box-shadow 0.2s, var(--dds-focus-transition);
|
|
1306
1363
|
}
|
|
@@ -1309,40 +1366,17 @@
|
|
|
1309
1366
|
}
|
|
1310
1367
|
}
|
|
1311
1368
|
.CardAccordion_header-container {
|
|
1312
|
-
display: flex;
|
|
1313
|
-
justify-content: space-between;
|
|
1314
|
-
align-items: center;
|
|
1315
1369
|
padding: var(--dds-card-accordion-header-container-padding);
|
|
1316
1370
|
@media (prefers-reduced-motion: no-preference) {
|
|
1317
1371
|
transition: box-shadow 0.2s;
|
|
1318
1372
|
}
|
|
1319
1373
|
}
|
|
1320
|
-
.CardAccordion_header__content {
|
|
1321
|
-
text-align: left;
|
|
1322
|
-
}
|
|
1323
|
-
.CardAccordion_header__chevron {
|
|
1324
|
-
display: flex;
|
|
1325
|
-
align-items: center;
|
|
1326
|
-
justify-content: center;
|
|
1327
|
-
height: var(--dds-icon-size-medium);
|
|
1328
|
-
width: var(--dds-icon-size-medium);
|
|
1329
|
-
margin-left: var(--dds-spacing-x0-5);
|
|
1330
|
-
}
|
|
1331
1374
|
.CardAccordion_body {
|
|
1332
|
-
overflow: hidden;
|
|
1333
1375
|
height: var(--dds-card-accordion-body-height);
|
|
1334
1376
|
}
|
|
1335
1377
|
.CardAccordion_body__content {
|
|
1336
1378
|
padding: var(--dds-card-accordion-body-content-padding);
|
|
1337
1379
|
}
|
|
1338
|
-
.CardAccordion_body--animated {
|
|
1339
|
-
@media (prefers-reduced-motion: no-preference) {
|
|
1340
|
-
transition: height 0.2s cubic-bezier(0.4, 0, 0.2, 1);
|
|
1341
|
-
}
|
|
1342
|
-
}
|
|
1343
|
-
.CardAccordion_body--hidden {
|
|
1344
|
-
display: none;
|
|
1345
|
-
}
|
|
1346
1380
|
|
|
1347
1381
|
/* src/components/Chip/Chip.module.css */
|
|
1348
1382
|
.Chip_container {
|