@navikt/aksel-stylelint 5.6.5 → 5.7.0

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.
Files changed (2) hide show
  1. package/dist/index.css +36 -4
  2. package/package.json +3 -3
package/dist/index.css CHANGED
@@ -1,7 +1,7 @@
1
1
  @charset "UTF-8";
2
2
  /**
3
3
  * Do not edit directly
4
- * Generated on Tue, 10 Oct 2023 12:20:54 GMT
4
+ * Generated on Fri, 13 Oct 2023 08:12:47 GMT
5
5
  */
6
6
  :root, :host {
7
7
  --a-spacing-05: 0.125rem;
@@ -2390,7 +2390,7 @@ body,
2390
2390
  padding-right: var(--a-spacing-05);
2391
2391
  }
2392
2392
  .navds-copybutton {
2393
- --__ac-copybutton-padding: var(--a-spacing-3) var(--a-spacing-5);
2393
+ --__ac-copybutton-padding: var(--a-spacing-3) var(--a-spacing-5) var(--a-spacing-3) var(--a-spacing-4);
2394
2394
 
2395
2395
  cursor: pointer;
2396
2396
  margin: 0;
@@ -2402,16 +2402,25 @@ body,
2402
2402
  display: grid;
2403
2403
  place-content: center;
2404
2404
  }
2405
+ .navds-copybutton--icon-right {
2406
+ --__ac-copybutton-padding: var(--a-spacing-3) var(--a-spacing-4) var(--a-spacing-3) var(--a-spacing-5);
2407
+ }
2405
2408
  .navds-copybutton--small {
2406
- --__ac-copybutton-padding: var(--a-spacing-1) var(--a-spacing-3);
2409
+ --__ac-copybutton-padding: var(--a-spacing-1) var(--a-spacing-3) var(--a-spacing-1) var(--a-spacing-2);
2407
2410
 
2408
2411
  min-height: 2rem;
2409
2412
  }
2413
+ .navds-copybutton--small.navds-copybutton--icon-right {
2414
+ --__ac-copybutton-padding: var(--a-spacing-1) var(--a-spacing-2) var(--a-spacing-1) var(--a-spacing-3);
2415
+ }
2410
2416
  .navds-copybutton--xsmall {
2411
- --__ac-copybutton-padding: var(--a-spacing-05) var(--a-spacing-2);
2417
+ --__ac-copybutton-padding: var(--a-spacing-05) var(--a-spacing-2) var(--a-spacing-05) var(--a-spacing-1);
2412
2418
 
2413
2419
  min-height: 1.5rem;
2414
2420
  }
2421
+ .navds-copybutton--xsmall.navds-copybutton--icon-right {
2422
+ --__ac-copybutton-padding: var(--a-spacing-05) var(--a-spacing-1) var(--a-spacing-05) var(--a-spacing-2);
2423
+ }
2415
2424
  .navds-copybutton--icon-only {
2416
2425
  --__ac-copybutton-padding: var(--a-spacing-3);
2417
2426
  }
@@ -2437,6 +2446,26 @@ body,
2437
2446
  .navds-copybutton__icon:only-child {
2438
2447
  margin: 0;
2439
2448
  }
2449
+ .navds-copybutton--active .navds-copybutton__icon {
2450
+ animation: akselCopyButtonIconAnimation 2s cubic-bezier(0.215, 0.61, 0.355, 1);
2451
+ }
2452
+ @keyframes akselCopyButtonIconAnimation {
2453
+ 8% {
2454
+ transform: translateY(0);
2455
+ }
2456
+
2457
+ 17% {
2458
+ transform: translateY(-10%);
2459
+ }
2460
+
2461
+ 25% {
2462
+ transform: translateY(2%);
2463
+ }
2464
+
2465
+ 30% {
2466
+ transform: translateY(0);
2467
+ }
2468
+ }
2440
2469
  :where(.navds-copybutton--small, .navds-copybutton--xsmall):where(:not(:only-child)) {
2441
2470
  margin: -0.125rem;
2442
2471
  }
@@ -2492,6 +2521,9 @@ body,
2492
2521
  justify-content: center;
2493
2522
  gap: var(--a-spacing-2);
2494
2523
  }
2524
+ .navds-copybutton--small > .navds-copybutton__content {
2525
+ gap: 0.375rem;
2526
+ }
2495
2527
  .navds-copybutton--xsmall > .navds-copybutton__content {
2496
2528
  gap: var(--a-spacing-1);
2497
2529
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@navikt/aksel-stylelint",
3
- "version": "5.6.5",
3
+ "version": "5.7.0",
4
4
  "author": "Aksel | NAV",
5
5
  "homepage": "https://aksel.nav.no/grunnleggende/kode/stylelint",
6
6
  "repository": {
@@ -35,8 +35,8 @@
35
35
  "dev": "yarn watch:lint"
36
36
  },
37
37
  "devDependencies": {
38
- "@navikt/ds-css": "^5.6.5",
39
- "@navikt/ds-tokens": "^5.6.5",
38
+ "@navikt/ds-css": "^5.7.0",
39
+ "@navikt/ds-tokens": "^5.7.0",
40
40
  "@types/jest": "^29.0.0",
41
41
  "concurrently": "7.2.1",
42
42
  "copyfiles": "2.4.1",