@navikt/ds-react 0.19.7 → 0.19.8
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/package.json +3 -3
- package/src/button/button.stories.tsx +22 -19
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@navikt/ds-react",
|
|
3
|
-
"version": "0.19.
|
|
3
|
+
"version": "0.19.8",
|
|
4
4
|
"description": "NAV designsystem react components",
|
|
5
5
|
"author": "NAV Designsystem team",
|
|
6
6
|
"license": "MIT",
|
|
@@ -37,7 +37,7 @@
|
|
|
37
37
|
"dependencies": {
|
|
38
38
|
"@floating-ui/react-dom": "0.6.0",
|
|
39
39
|
"@material-ui/core": "^4.12.3",
|
|
40
|
-
"@navikt/ds-icons": "^0.8.
|
|
40
|
+
"@navikt/ds-icons": "^0.8.17",
|
|
41
41
|
"@popperjs/core": "^2.10.1",
|
|
42
42
|
"@radix-ui/react-tabs": "0.1.5",
|
|
43
43
|
"@radix-ui/react-toggle-group": "0.1.5",
|
|
@@ -76,5 +76,5 @@
|
|
|
76
76
|
"@types/react": "^17.0.30 || ^18.0.0",
|
|
77
77
|
"react": "^17.0.0 || ^18.0.0"
|
|
78
78
|
},
|
|
79
|
-
"gitHead": "
|
|
79
|
+
"gitHead": "adfdfceef32a159b51ee7499449468f5044b0961"
|
|
80
80
|
}
|
|
@@ -74,6 +74,16 @@ export const XSmall = () => (
|
|
|
74
74
|
</div>
|
|
75
75
|
);
|
|
76
76
|
|
|
77
|
+
export const Link = () => (
|
|
78
|
+
<div className="rowgap">
|
|
79
|
+
{variants.map((variant) => (
|
|
80
|
+
<Button key={variant} variant={variant} as="a" href="#thecakeisalie">
|
|
81
|
+
{varSwitch[variant]}
|
|
82
|
+
</Button>
|
|
83
|
+
))}
|
|
84
|
+
</div>
|
|
85
|
+
);
|
|
86
|
+
|
|
77
87
|
export const Loading = () => (
|
|
78
88
|
<div className="colgap">
|
|
79
89
|
<div className="rowgap">
|
|
@@ -105,21 +115,24 @@ export const Icon = () => (
|
|
|
105
115
|
<div className="rowgap">
|
|
106
116
|
{variants.map((variant) => (
|
|
107
117
|
<Button key={variant} variant={variant}>
|
|
108
|
-
<Star />
|
|
118
|
+
<Star aria-hidden />
|
|
119
|
+
<span className="navds-sr-only">Stjerne</span>
|
|
109
120
|
</Button>
|
|
110
121
|
))}
|
|
111
122
|
</div>
|
|
112
123
|
<div className="rowgap">
|
|
113
124
|
{variants.map((variant) => (
|
|
114
125
|
<Button key={variant} variant={variant} size="small">
|
|
115
|
-
<Star />
|
|
126
|
+
<Star aria-hidden />
|
|
127
|
+
<span className="navds-sr-only">Stjerne</span>
|
|
116
128
|
</Button>
|
|
117
129
|
))}
|
|
118
130
|
</div>
|
|
119
131
|
<div className="rowgap">
|
|
120
132
|
{variants.map((variant) => (
|
|
121
133
|
<Button key={variant} variant={variant} size="xsmall">
|
|
122
|
-
<Star />
|
|
134
|
+
<Star aria-hidden />
|
|
135
|
+
<span className="navds-sr-only">Stjerne</span>
|
|
123
136
|
</Button>
|
|
124
137
|
))}
|
|
125
138
|
</div>
|
|
@@ -131,39 +144,29 @@ export const IconWText = () => (
|
|
|
131
144
|
<div className="rowgap">
|
|
132
145
|
{variants.map((variant) => (
|
|
133
146
|
<Button key={variant} variant={variant}>
|
|
134
|
-
<Star />
|
|
147
|
+
<Star aria-hidden />
|
|
135
148
|
{varSwitch[variant]}
|
|
136
|
-
<Star />
|
|
149
|
+
<Star aria-hidden />
|
|
137
150
|
</Button>
|
|
138
151
|
))}
|
|
139
152
|
</div>
|
|
140
153
|
<div className="rowgap">
|
|
141
154
|
{variants.map((variant) => (
|
|
142
155
|
<Button key={variant} variant={variant} size="small">
|
|
143
|
-
<Star />
|
|
156
|
+
<Star aria-hidden />
|
|
144
157
|
{varSwitch[variant]}
|
|
145
|
-
<Star />
|
|
158
|
+
<Star aria-hidden />
|
|
146
159
|
</Button>
|
|
147
160
|
))}
|
|
148
161
|
</div>
|
|
149
162
|
<div className="rowgap">
|
|
150
163
|
{variants.map((variant) => (
|
|
151
164
|
<Button key={variant} variant={variant} size="xsmall">
|
|
152
|
-
<Star />
|
|
165
|
+
<Star aria-hidden />
|
|
153
166
|
{varSwitch[variant]}
|
|
154
|
-
<Star />
|
|
167
|
+
<Star aria-hidden />
|
|
155
168
|
</Button>
|
|
156
169
|
))}
|
|
157
170
|
</div>
|
|
158
171
|
</div>
|
|
159
172
|
);
|
|
160
|
-
|
|
161
|
-
export const Link = () => (
|
|
162
|
-
<div className="rowgap">
|
|
163
|
-
{variants.map((variant) => (
|
|
164
|
-
<Button key={variant} variant={variant} as="a" href="#thecakeisalie">
|
|
165
|
-
{varSwitch[variant]}
|
|
166
|
-
</Button>
|
|
167
|
-
))}
|
|
168
|
-
</div>
|
|
169
|
-
);
|