@norges-domstoler/dds-components 22.7.1 → 22.7.2
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 +148 -166
- package/dist/index.css.map +1 -1
- package/dist/index.js +38 -34
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +38 -34
- package/dist/index.mjs.map +1 -1
- package/package.json +5 -5
package/dist/index.css
CHANGED
|
@@ -2920,24 +2920,6 @@ input[data-indeterminate=true] ~ .SelectionControl_selection-control:after {
|
|
|
2920
2920
|
/* src/components/DetailList/DetailList.module.css */
|
|
2921
2921
|
.DetailList_list {
|
|
2922
2922
|
display: table;
|
|
2923
|
-
width: 100%;
|
|
2924
|
-
border-spacing: 0;
|
|
2925
|
-
border-collapse: collapse;
|
|
2926
|
-
}
|
|
2927
|
-
.DetailList_list--with-dividers {
|
|
2928
|
-
.DetailList_row {
|
|
2929
|
-
border-bottom: 1px solid var(--dds-color-border-default);
|
|
2930
|
-
}
|
|
2931
|
-
}
|
|
2932
|
-
.DetailList_list--striped {
|
|
2933
|
-
.DetailList_row {
|
|
2934
|
-
&:nth-of-type(even) {
|
|
2935
|
-
background-color: var(--dds-color-surface-default);
|
|
2936
|
-
}
|
|
2937
|
-
&:nth-of-type(odd) {
|
|
2938
|
-
background-color: var(--dds-color-surface-subtle);
|
|
2939
|
-
}
|
|
2940
|
-
}
|
|
2941
2923
|
}
|
|
2942
2924
|
.DetailList_list--striped-with-bp {
|
|
2943
2925
|
.DetailList_row {
|
|
@@ -2993,6 +2975,154 @@ input[data-indeterminate=true] ~ .SelectionControl_selection-control:after {
|
|
|
2993
2975
|
font-weight: var(--dds-font-weight-bold);
|
|
2994
2976
|
}
|
|
2995
2977
|
|
|
2978
|
+
/* src/components/Table/normal/Table.module.css */
|
|
2979
|
+
.Table_wrapper {
|
|
2980
|
+
width: 100%;
|
|
2981
|
+
}
|
|
2982
|
+
.Table_wrapper--scrollable {
|
|
2983
|
+
overflow-x: auto;
|
|
2984
|
+
}
|
|
2985
|
+
.Table_table {
|
|
2986
|
+
width: 100%;
|
|
2987
|
+
border-spacing: 0;
|
|
2988
|
+
border-collapse: collapse;
|
|
2989
|
+
}
|
|
2990
|
+
.Table_table--with-dividers {
|
|
2991
|
+
.Table_row--body {
|
|
2992
|
+
border-bottom: 1px solid var(--dds-color-border-subtle);
|
|
2993
|
+
}
|
|
2994
|
+
.Table_row--colapsible-header--open {
|
|
2995
|
+
border-bottom: none;
|
|
2996
|
+
}
|
|
2997
|
+
}
|
|
2998
|
+
.Table_table--sticky-header {
|
|
2999
|
+
tr th {
|
|
3000
|
+
position: sticky;
|
|
3001
|
+
top: 0;
|
|
3002
|
+
z-index: var(--dds-zindex-sticky);
|
|
3003
|
+
}
|
|
3004
|
+
}
|
|
3005
|
+
.Table_table--with-stripes {
|
|
3006
|
+
.Table_row--body {
|
|
3007
|
+
&:nth-of-type(even) {
|
|
3008
|
+
background-color: var(--dds-color-surface-subtle);
|
|
3009
|
+
}
|
|
3010
|
+
&:nth-of-type(odd) {
|
|
3011
|
+
background-color: var(--dds-color-surface-default);
|
|
3012
|
+
}
|
|
3013
|
+
}
|
|
3014
|
+
}
|
|
3015
|
+
.Table_table--small {
|
|
3016
|
+
td,
|
|
3017
|
+
th {
|
|
3018
|
+
padding: var(--dds-spacing-x0-25) var(--dds-spacing-x0-5);
|
|
3019
|
+
}
|
|
3020
|
+
th {
|
|
3021
|
+
font: var(--dds-font-heading-xsmall);
|
|
3022
|
+
letter-spacing: var(--dds-font-heading-xsmall-letter-spacing);
|
|
3023
|
+
background-color: var(--dds-color-surface-default);
|
|
3024
|
+
}
|
|
3025
|
+
}
|
|
3026
|
+
.Table_table--with-stripes.Table_table--small {
|
|
3027
|
+
.Table_row--body {
|
|
3028
|
+
&:nth-of-type(odd) {
|
|
3029
|
+
background-color: var(--dds-color-surface-subtle);
|
|
3030
|
+
}
|
|
3031
|
+
&:nth-of-type(even) {
|
|
3032
|
+
background-color: var(--dds-color-surface-default);
|
|
3033
|
+
}
|
|
3034
|
+
}
|
|
3035
|
+
}
|
|
3036
|
+
.Table_table--medium {
|
|
3037
|
+
th {
|
|
3038
|
+
font: var(--dds-font-heading-small);
|
|
3039
|
+
}
|
|
3040
|
+
td,
|
|
3041
|
+
th {
|
|
3042
|
+
padding: var(--dds-spacing-x0-75);
|
|
3043
|
+
}
|
|
3044
|
+
}
|
|
3045
|
+
.Table_table--large {
|
|
3046
|
+
th {
|
|
3047
|
+
font: var(--dds-font-heading-small);
|
|
3048
|
+
}
|
|
3049
|
+
td,
|
|
3050
|
+
th {
|
|
3051
|
+
padding: var(--dds-spacing-x1-5) var(--dds-spacing-x0-75);
|
|
3052
|
+
}
|
|
3053
|
+
}
|
|
3054
|
+
.Table_row {
|
|
3055
|
+
@media (prefers-reduced-motion: no-preference) {
|
|
3056
|
+
transition:
|
|
3057
|
+
background-color var(--dds-motion-micro-state),
|
|
3058
|
+
border-color var(--dds-motion-micro-state),
|
|
3059
|
+
box-shadow var(--dds-motion-micro-state);
|
|
3060
|
+
}
|
|
3061
|
+
}
|
|
3062
|
+
.Table_row--body {
|
|
3063
|
+
background-color: var(--dds-color-surface-default);
|
|
3064
|
+
&.Table_row--sum,
|
|
3065
|
+
&.Table_row--sum:nth-of-type(even),
|
|
3066
|
+
&.Table_row--sum:nth-of-type(odd) {
|
|
3067
|
+
border-bottom: 1px solid var(--dds-color-border-default);
|
|
3068
|
+
border-top: 1px solid var(--dds-color-border-default);
|
|
3069
|
+
background: var(--dds-color-surface-default);
|
|
3070
|
+
}
|
|
3071
|
+
&.Table_row--selected,
|
|
3072
|
+
&.Table_row--selected:nth-of-type(even),
|
|
3073
|
+
&.Table_row--selected:nth-of-type(odd) {
|
|
3074
|
+
background-color: var(--dds-color-surface-selected-default);
|
|
3075
|
+
}
|
|
3076
|
+
&.Table_row--hoverable:hover {
|
|
3077
|
+
background-color: var(--dds-color-surface-hover-default);
|
|
3078
|
+
}
|
|
3079
|
+
}
|
|
3080
|
+
.Table_cell--head {
|
|
3081
|
+
background-color: var(--dds-color-brand-primary-subtle);
|
|
3082
|
+
color: var(--dds-color-text-on-primary-subtle);
|
|
3083
|
+
}
|
|
3084
|
+
.Table_cell--left {
|
|
3085
|
+
text-align: left;
|
|
3086
|
+
}
|
|
3087
|
+
.Table_cell--right {
|
|
3088
|
+
text-align: right;
|
|
3089
|
+
}
|
|
3090
|
+
.Table_cell--center {
|
|
3091
|
+
text-align: center;
|
|
3092
|
+
}
|
|
3093
|
+
.Table_cell__inner {
|
|
3094
|
+
display: flex;
|
|
3095
|
+
align-items: center;
|
|
3096
|
+
gap: var(--dds-spacing-x0-75);
|
|
3097
|
+
}
|
|
3098
|
+
.Table_sort-button {
|
|
3099
|
+
gap: var(--dds-spacing-x0-5);
|
|
3100
|
+
-webkit-user-select: text;
|
|
3101
|
+
-moz-user-select: text;
|
|
3102
|
+
user-select: text;
|
|
3103
|
+
display: flex;
|
|
3104
|
+
align-items: center;
|
|
3105
|
+
color: inherit;
|
|
3106
|
+
@media (prefers-reduced-motion: no-preference) {
|
|
3107
|
+
transition: var(--dds-focus-transition);
|
|
3108
|
+
}
|
|
3109
|
+
}
|
|
3110
|
+
.Table_collapse-button {
|
|
3111
|
+
border-radius: var(--dds-border-radius-button);
|
|
3112
|
+
margin-left: auto;
|
|
3113
|
+
margin-right: auto;
|
|
3114
|
+
display: flex;
|
|
3115
|
+
align-items: center;
|
|
3116
|
+
justify-content: center;
|
|
3117
|
+
color: inherit;
|
|
3118
|
+
@media (prefers-reduced-motion: no-preference) {
|
|
3119
|
+
transition: all var(--dds-motion-micro-state);
|
|
3120
|
+
}
|
|
3121
|
+
&:hover {
|
|
3122
|
+
background-color: var(--dds-color-surface-hover-default);
|
|
3123
|
+
}
|
|
3124
|
+
}
|
|
3125
|
+
|
|
2996
3126
|
/* src/components/Drawer/Drawer.module.css */
|
|
2997
3127
|
.Drawer_container {
|
|
2998
3128
|
--dds-drawer-content-container-padding: var(--dds-spacing-x0-25);
|
|
@@ -4023,154 +4153,6 @@ input[data-indeterminate=true] ~ .SelectionControl_selection-control:after {
|
|
|
4023
4153
|
border-left: 1px solid var(--dds-color-border-on-action) !important;
|
|
4024
4154
|
}
|
|
4025
4155
|
|
|
4026
|
-
/* src/components/Table/normal/Table.module.css */
|
|
4027
|
-
.Table_wrapper {
|
|
4028
|
-
width: 100%;
|
|
4029
|
-
}
|
|
4030
|
-
.Table_wrapper--scrollable {
|
|
4031
|
-
overflow-x: auto;
|
|
4032
|
-
}
|
|
4033
|
-
.Table_table {
|
|
4034
|
-
width: 100%;
|
|
4035
|
-
border-spacing: 0;
|
|
4036
|
-
border-collapse: collapse;
|
|
4037
|
-
}
|
|
4038
|
-
.Table_table--with-dividers {
|
|
4039
|
-
.Table_row--body {
|
|
4040
|
-
border-bottom: 1px solid var(--dds-color-border-subtle);
|
|
4041
|
-
}
|
|
4042
|
-
.Table_row--colapsible-header--open {
|
|
4043
|
-
border-bottom: none;
|
|
4044
|
-
}
|
|
4045
|
-
}
|
|
4046
|
-
.Table_table--sticky-header {
|
|
4047
|
-
tr th {
|
|
4048
|
-
position: sticky;
|
|
4049
|
-
top: 0;
|
|
4050
|
-
z-index: var(--dds-zindex-sticky);
|
|
4051
|
-
}
|
|
4052
|
-
}
|
|
4053
|
-
.Table_table--with-stripes {
|
|
4054
|
-
.Table_row--body {
|
|
4055
|
-
&:nth-of-type(even) {
|
|
4056
|
-
background-color: var(--dds-color-surface-subtle);
|
|
4057
|
-
}
|
|
4058
|
-
&:nth-of-type(odd) {
|
|
4059
|
-
background-color: var(--dds-color-surface-default);
|
|
4060
|
-
}
|
|
4061
|
-
}
|
|
4062
|
-
}
|
|
4063
|
-
.Table_table--small {
|
|
4064
|
-
td,
|
|
4065
|
-
th {
|
|
4066
|
-
padding: var(--dds-spacing-x0-25) var(--dds-spacing-x0-5);
|
|
4067
|
-
}
|
|
4068
|
-
th {
|
|
4069
|
-
font: var(--dds-font-heading-xsmall);
|
|
4070
|
-
letter-spacing: var(--dds-font-heading-xsmall-letter-spacing);
|
|
4071
|
-
background-color: var(--dds-color-surface-default);
|
|
4072
|
-
}
|
|
4073
|
-
}
|
|
4074
|
-
.Table_table--with-stripes.Table_table--small {
|
|
4075
|
-
.Table_row--body {
|
|
4076
|
-
&:nth-of-type(odd) {
|
|
4077
|
-
background-color: var(--dds-color-surface-subtle);
|
|
4078
|
-
}
|
|
4079
|
-
&:nth-of-type(even) {
|
|
4080
|
-
background-color: var(--dds-color-surface-default);
|
|
4081
|
-
}
|
|
4082
|
-
}
|
|
4083
|
-
}
|
|
4084
|
-
.Table_table--medium {
|
|
4085
|
-
th {
|
|
4086
|
-
font: var(--dds-font-heading-small);
|
|
4087
|
-
}
|
|
4088
|
-
td,
|
|
4089
|
-
th {
|
|
4090
|
-
padding: var(--dds-spacing-x0-75);
|
|
4091
|
-
}
|
|
4092
|
-
}
|
|
4093
|
-
.Table_table--large {
|
|
4094
|
-
th {
|
|
4095
|
-
font: var(--dds-font-heading-small);
|
|
4096
|
-
}
|
|
4097
|
-
td,
|
|
4098
|
-
th {
|
|
4099
|
-
padding: var(--dds-spacing-x1-5) var(--dds-spacing-x0-75);
|
|
4100
|
-
}
|
|
4101
|
-
}
|
|
4102
|
-
.Table_row {
|
|
4103
|
-
@media (prefers-reduced-motion: no-preference) {
|
|
4104
|
-
transition:
|
|
4105
|
-
background-color var(--dds-motion-micro-state),
|
|
4106
|
-
border-color var(--dds-motion-micro-state),
|
|
4107
|
-
box-shadow var(--dds-motion-micro-state);
|
|
4108
|
-
}
|
|
4109
|
-
}
|
|
4110
|
-
.Table_row--body {
|
|
4111
|
-
background-color: var(--dds-color-surface-default);
|
|
4112
|
-
&.Table_row--sum,
|
|
4113
|
-
&.Table_row--sum:nth-of-type(even),
|
|
4114
|
-
&.Table_row--sum:nth-of-type(odd) {
|
|
4115
|
-
border-bottom: 1px solid var(--dds-color-border-default);
|
|
4116
|
-
border-top: 1px solid var(--dds-color-border-default);
|
|
4117
|
-
background: var(--dds-color-surface-default);
|
|
4118
|
-
}
|
|
4119
|
-
&.Table_row--selected,
|
|
4120
|
-
&.Table_row--selected:nth-of-type(even),
|
|
4121
|
-
&.Table_row--selected:nth-of-type(odd) {
|
|
4122
|
-
background-color: var(--dds-color-surface-selected-default);
|
|
4123
|
-
}
|
|
4124
|
-
&.Table_row--hoverable:hover {
|
|
4125
|
-
background-color: var(--dds-color-surface-hover-default);
|
|
4126
|
-
}
|
|
4127
|
-
}
|
|
4128
|
-
.Table_cell--head {
|
|
4129
|
-
background-color: var(--dds-color-brand-primary-subtle);
|
|
4130
|
-
color: var(--dds-color-text-on-primary-subtle);
|
|
4131
|
-
}
|
|
4132
|
-
.Table_cell--left {
|
|
4133
|
-
text-align: left;
|
|
4134
|
-
}
|
|
4135
|
-
.Table_cell--right {
|
|
4136
|
-
text-align: right;
|
|
4137
|
-
}
|
|
4138
|
-
.Table_cell--center {
|
|
4139
|
-
text-align: center;
|
|
4140
|
-
}
|
|
4141
|
-
.Table_cell__inner {
|
|
4142
|
-
display: flex;
|
|
4143
|
-
align-items: center;
|
|
4144
|
-
gap: var(--dds-spacing-x0-75);
|
|
4145
|
-
}
|
|
4146
|
-
.Table_sort-button {
|
|
4147
|
-
gap: var(--dds-spacing-x0-5);
|
|
4148
|
-
-webkit-user-select: text;
|
|
4149
|
-
-moz-user-select: text;
|
|
4150
|
-
user-select: text;
|
|
4151
|
-
display: flex;
|
|
4152
|
-
align-items: center;
|
|
4153
|
-
color: inherit;
|
|
4154
|
-
@media (prefers-reduced-motion: no-preference) {
|
|
4155
|
-
transition: var(--dds-focus-transition);
|
|
4156
|
-
}
|
|
4157
|
-
}
|
|
4158
|
-
.Table_collapse-button {
|
|
4159
|
-
border-radius: var(--dds-border-radius-button);
|
|
4160
|
-
margin-left: auto;
|
|
4161
|
-
margin-right: auto;
|
|
4162
|
-
display: flex;
|
|
4163
|
-
align-items: center;
|
|
4164
|
-
justify-content: center;
|
|
4165
|
-
color: inherit;
|
|
4166
|
-
@media (prefers-reduced-motion: no-preference) {
|
|
4167
|
-
transition: all var(--dds-motion-micro-state);
|
|
4168
|
-
}
|
|
4169
|
-
&:hover {
|
|
4170
|
-
background-color: var(--dds-color-surface-hover-default);
|
|
4171
|
-
}
|
|
4172
|
-
}
|
|
4173
|
-
|
|
4174
4156
|
/* src/components/Tabs/Tabs.module.css */
|
|
4175
4157
|
.Tabs_tab-row {
|
|
4176
4158
|
display: grid;
|