@aurodesignsystem/auro-accordion 5.2.0 → 5.2.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.
Files changed (71) hide show
  1. package/CHANGELOG.md +21 -0
  2. package/README.md +1 -1
  3. package/coverage/lcov-report/index.html +23 -113
  4. package/coverage/lcov-report/{auro-accordion-button.js.html → src/auro-accordion-button.js.html} +89 -20
  5. package/coverage/lcov-report/{auro-accordion-group.js.html → src/auro-accordion-group.js.html} +10 -10
  6. package/coverage/lcov-report/{auro-accordion.js.html → src/auro-accordion.js.html} +131 -62
  7. package/coverage/lcov-report/{iconVersion.js.html → src/iconVersion.js.html} +11 -11
  8. package/coverage/lcov-report/src/index.html +161 -0
  9. package/coverage/lcov-report/{color-css.js.html → src/styles/color-css.js.html} +11 -11
  10. package/coverage/lcov-report/src/styles/index.html +161 -0
  11. package/coverage/lcov-report/{style-button-css.js.html → src/styles/style-button-css.js.html} +11 -11
  12. package/coverage/lcov-report/src/styles/style-css.js.html +91 -0
  13. package/coverage/lcov-report/{tokens-css.js.html → src/styles/tokens-css.js.html} +11 -11
  14. package/coverage/lcov.info +219 -153
  15. package/demo/api.html +18 -10
  16. package/demo/api.md +6 -6
  17. package/demo/api.min.js +967 -177
  18. package/demo/index.html +17 -10
  19. package/demo/index.min.js +967 -177
  20. package/dist/auro-accordion__bundled.js +967 -177
  21. package/dist/{auro-accordion-button.d.ts → src/auro-accordion-button.d.ts} +2 -0
  22. package/dist/src/auro-accordion-button.d.ts.map +1 -0
  23. package/dist/src/auro-accordion-group.d.ts.map +1 -0
  24. package/dist/{auro-accordion.d.ts → src/auro-accordion.d.ts} +4 -4
  25. package/dist/src/auro-accordion.d.ts.map +1 -0
  26. package/dist/src/iconVersion.d.ts +3 -0
  27. package/dist/src/iconVersion.d.ts.map +1 -0
  28. package/dist/{color-css.d.ts.map → src/styles/color-css.d.ts.map} +1 -1
  29. package/dist/src/styles/style-button-css.d.ts.map +1 -0
  30. package/dist/{style-css.d.ts.map → src/styles/style-css.d.ts.map} +1 -1
  31. package/dist/{tokens-css.d.ts.map → src/styles/tokens-css.d.ts.map} +1 -1
  32. package/dist/test/auro-accordion-group.test.d.ts +2 -0
  33. package/dist/test/auro-accordion-group.test.d.ts.map +1 -0
  34. package/dist/test/auro-accordion.test.d.ts +2 -0
  35. package/dist/test/auro-accordion.test.d.ts.map +1 -0
  36. package/package.json +37 -36
  37. package/src/auro-accordion-button.js +25 -2
  38. package/src/auro-accordion.js +49 -26
  39. package/src/iconVersion.js +1 -1
  40. package/src/styles/color-css.js +2 -0
  41. package/src/styles/color.css +43 -0
  42. package/src/{color.scss → styles/color.scss} +11 -7
  43. package/src/styles/style-button-css.js +2 -0
  44. package/src/styles/style-button.css +61 -0
  45. package/src/{style-button.scss → styles/style-button.scss} +16 -11
  46. package/src/styles/style-css.js +2 -0
  47. package/src/styles/style.css +347 -0
  48. package/src/{style.scss → styles/style.scss} +19 -33
  49. package/src/styles/tokens-css.js +2 -0
  50. package/src/styles/tokens.css +7 -0
  51. package/src/{tokens.scss → styles/tokens.scss} +4 -4
  52. package/coverage/lcov-report/style-css.js.html +0 -91
  53. package/dist/auro-accordion-button.d.ts.map +0 -1
  54. package/dist/auro-accordion-group.d.ts.map +0 -1
  55. package/dist/auro-accordion.d.ts.map +0 -1
  56. package/dist/iconVersion.d.ts +0 -3
  57. package/dist/iconVersion.d.ts.map +0 -1
  58. package/dist/style-button-css.d.ts.map +0 -1
  59. package/src/color-css.js +0 -2
  60. package/src/color.css +0 -39
  61. package/src/style-button-css.js +0 -2
  62. package/src/style-button.css +0 -53
  63. package/src/style-css.js +0 -2
  64. package/src/style.css +0 -147
  65. package/src/tokens-css.js +0 -2
  66. package/src/tokens.css +0 -7
  67. /package/dist/{auro-accordion-group.d.ts → src/auro-accordion-group.d.ts} +0 -0
  68. /package/dist/{color-css.d.ts → src/styles/color-css.d.ts} +0 -0
  69. /package/dist/{style-button-css.d.ts → src/styles/style-button-css.d.ts} +0 -0
  70. /package/dist/{style-css.d.ts → src/styles/style-css.d.ts} +0 -0
  71. /package/dist/{tokens-css.d.ts → src/styles/tokens-css.d.ts} +0 -0
@@ -0,0 +1,2 @@
1
+ import { css } from 'lit';
2
+ export default css`.body-default{font-size:var(--wcss-body-default-font-size, 1rem);line-height:var(--wcss-body-default-line-height, 1.5rem)}.body-default,.body-lg{font-family:var(--wcss-body-family, "AS Circular", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-lg{font-size:var(--wcss-body-lg-font-size, 1.125rem);line-height:var(--wcss-body-lg-line-height, 1.625rem)}.body-sm{font-size:var(--wcss-body-sm-font-size, 0.875rem);line-height:var(--wcss-body-sm-line-height, 1.25rem)}.body-sm,.body-xs{font-family:var(--wcss-body-family, "AS Circular", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-xs{font-size:var(--wcss-body-xs-font-size, 0.75rem);line-height:var(--wcss-body-xs-line-height, 1rem)}.body-2xs{font-family:var(--wcss-body-family, "AS Circular", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-body-2xs-font-size, 0.625rem);font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0);line-height:var(--wcss-body-2xs-line-height, 0.875rem)}.display-2xl{font-family:var(--wcss-display-2xl-family, "AS Circular", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-2xl-font-size, clamp(3.5rem, 6vw, 5.375rem));font-weight:var(--wcss-display-2xl-weight, 300);letter-spacing:var(--wcss-display-2xl-letter-spacing, 0);line-height:var(--wcss-display-2xl-line-height, 1.3)}.display-xl{font-family:var(--wcss-display-xl-family, "AS Circular", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-xl-font-size, clamp(3rem, 5.3333333333vw, 4.5rem));font-weight:var(--wcss-display-xl-weight, 300);letter-spacing:var(--wcss-display-xl-letter-spacing, 0);line-height:var(--wcss-display-xl-line-height, 1.3)}.display-lg{font-family:var(--wcss-display-lg-family, "AS Circular", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-lg-font-size, clamp(2.75rem, 4.6666666667vw, 4rem));font-weight:var(--wcss-display-lg-weight, 300);letter-spacing:var(--wcss-display-lg-letter-spacing, 0);line-height:var(--wcss-display-lg-line-height, 1.3)}.display-md{font-family:var(--wcss-display-md-family, "AS Circular", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-md-font-size, clamp(2.5rem, 4vw, 3.5rem));font-weight:var(--wcss-display-md-weight, 300);letter-spacing:var(--wcss-display-md-letter-spacing, 0);line-height:var(--wcss-display-md-line-height, 1.3)}.display-sm{font-family:var(--wcss-display-sm-family, "AS Circular", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-sm-font-size, clamp(2rem, 3.6666666667vw, 3rem));font-weight:var(--wcss-display-sm-weight, 300);letter-spacing:var(--wcss-display-sm-letter-spacing, 0);line-height:var(--wcss-display-sm-line-height, 1.3)}.display-xs{font-family:var(--wcss-display-xs-family, "AS Circular", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-xs-font-size, clamp(1.75rem, 3vw, 2.375rem));font-weight:var(--wcss-display-xs-weight, 300);letter-spacing:var(--wcss-display-xs-letter-spacing, 0);line-height:var(--wcss-display-xs-line-height, 1.3)}.heading-xl{font-family:var(--wcss-heading-xl-family, "AS Circular", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-xl-font-size, clamp(2rem, 3vw, 2.5rem));font-weight:var(--wcss-heading-xl-weight, 300);letter-spacing:var(--wcss-heading-xl-letter-spacing, 0);line-height:var(--wcss-heading-xl-line-height, 1.3)}.heading-lg{font-family:var(--wcss-heading-lg-family, "AS Circular", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-lg-font-size, clamp(1.75rem, 2.6666666667vw, 2.25rem));font-weight:var(--wcss-heading-lg-weight, 300);letter-spacing:var(--wcss-heading-lg-letter-spacing, 0);line-height:var(--wcss-heading-lg-line-height, 1.3)}.heading-md{font-family:var(--wcss-heading-md-family, "AS Circular", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-md-font-size, clamp(1.625rem, 2.3333333333vw, 1.75rem));font-weight:var(--wcss-heading-md-weight, 300);letter-spacing:var(--wcss-heading-md-letter-spacing, 0);line-height:var(--wcss-heading-md-line-height, 1.3)}.heading-sm{font-family:var(--wcss-heading-sm-family, "AS Circular", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-sm-font-size, clamp(1.375rem, 2vw, 1.5rem));font-weight:var(--wcss-heading-sm-weight, 300);letter-spacing:var(--wcss-heading-sm-letter-spacing, 0);line-height:var(--wcss-heading-sm-line-height, 1.3)}.heading-xs{font-family:var(--wcss-heading-xs-family, "AS Circular", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-xs-font-size, clamp(1.25rem, 1.6666666667vw, 1.25rem));font-weight:var(--wcss-heading-xs-weight, 450);letter-spacing:var(--wcss-heading-xs-letter-spacing, 0);line-height:var(--wcss-heading-xs-line-height, 1.3)}.heading-2xs{font-family:var(--wcss-heading-2xs-family, "AS Circular", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-2xs-font-size, clamp(1.125rem, 1.5vw, 1.125rem));font-weight:var(--wcss-heading-2xs-weight, 450);letter-spacing:var(--wcss-heading-2xs-letter-spacing, 0);line-height:var(--wcss-heading-2xs-line-height, 1.3)}.accent-2xl{font-family:var(--wcss-accent-2xl-family, "Good OT", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-2xl-font-size, clamp(2rem, 3.1666666667vw, 2.375rem));font-weight:var(--wcss-accent-2xl-weight, 450);letter-spacing:var(--wcss-accent-2xl-letter-spacing, 0.05em);line-height:var(--wcss-accent-2xl-line-height, 1)}.accent-2xl,.accent-xl{text-transform:uppercase}.accent-xl{font-family:var(--wcss-accent-xl-family, "Good OT", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-xl-font-size, clamp(1.625rem, 2.3333333333vw, 2rem));font-weight:var(--wcss-accent-xl-weight, 450);letter-spacing:var(--wcss-accent-xl-letter-spacing, 0.05em);line-height:var(--wcss-accent-xl-line-height, 1.3)}.accent-lg{font-family:var(--wcss-accent-lg-family, "Good OT", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-lg-font-size, clamp(1.5rem, 2.1666666667vw, 1.75rem));font-weight:var(--wcss-accent-lg-weight, 450);letter-spacing:var(--wcss-accent-lg-letter-spacing, 0.05em);line-height:var(--wcss-accent-lg-line-height, 1.3)}.accent-lg,.accent-md{text-transform:uppercase}.accent-md{font-family:var(--wcss-accent-md-family, "Good OT", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-md-font-size, clamp(1.375rem, 1.8333333333vw, 1.5rem));font-weight:var(--wcss-accent-md-weight, 500);letter-spacing:var(--wcss-accent-md-letter-spacing, 0.05em);line-height:var(--wcss-accent-md-line-height, 1.3)}.accent-sm{font-family:var(--wcss-accent-sm-family, "Good OT", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-sm-font-size, clamp(1.125rem, 1.5vw, 1.25rem));font-weight:var(--wcss-accent-sm-weight, 500);letter-spacing:var(--wcss-accent-sm-letter-spacing, 0.05em);line-height:var(--wcss-accent-sm-line-height, 1.3)}.accent-sm,.accent-xs{text-transform:uppercase}.accent-xs{font-family:var(--wcss-accent-xs-family, "Good OT", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-xs-font-size, clamp(1rem, 1.3333333333vw, 1rem));font-weight:var(--wcss-accent-xs-weight, 500);letter-spacing:var(--wcss-accent-xs-letter-spacing, 0.1em);line-height:var(--wcss-accent-xs-line-height, 1.3)}.accent-2xs{font-family:var(--wcss-accent-2xs-family, "Good OT", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-2xs-font-size, clamp(0.875rem, 1.1666666667vw, 0.875rem));font-weight:var(--wcss-accent-2xs-weight, 450);letter-spacing:var(--wcss-accent-2xs-letter-spacing, 0.1em);line-height:var(--wcss-accent-2xs-line-height, 1.3);text-transform:uppercase}:host{interpolate-size:allow-keywords;--webkit-fill: -webkit-fill-available}:host .trigger{position:relative;display:inline-block;border-width:1px;border-style:solid;border-radius:var(--ds-border-radius, 0.375rem)}:host .trigger:hover{text-decoration:underline}:host ::slotted([slot=trigger]){padding-left:var(--ds-size-100, 0.5rem);padding-right:var(--ds-size-200, 1rem)}:host .iconWrapper{height:var(--ds-size-300, 1.5rem);margin-top:-2px}:host [auro-icon]{--ds-auro-icon-size: var(--ds-size-300, 1.5rem)}:host [auro-icon][hidden]{display:none}:host .content{width:100%;transition:all .5s ease-in-out;transition-property:height}:host .componentWrapper{height:100%;overflow:hidden}:host .contentWrapper{padding-left:var(--ds-size-400, 2rem);padding-bottom:var(--ds-size-300, 1.5rem)}:host(:focus) .trigger{border-width:1px;border-style:solid}:host([chevron=right]) ::slotted([slot=trigger]){padding-left:0;padding-right:var(--ds-size-100, 0.5rem)}:host([chevron=right]) .contentWrapper{padding-left:var(--ds-size-400, 2rem)}:host([chevron=right]:not([emphasis])) ::slotted([slot=trigger]){padding-left:var(--ds-size-250, 1.25rem)}:host([chevron=right]:not([emphasis])) .contentWrapper{padding-left:var(--ds-size-250, 1.25rem)}:host([alignRight]) .componentWrapper{display:flex;flex-direction:column;align-items:flex-end}:host([fluid]) .trigger{width:100%}:host([grouped]) .componentWrapper{border-bottom-width:1px;border-bottom-style:solid}:host([grouped][chevron=right]:not([alignright])) .trigger{width:var(--webkit-fill, 100%);--trigger-padding-right: var(--ds-size-200, 1rem)}:host(:not([expanded])) .content,:host([expanded=false]) .content{height:0 !important}:host([expanded]) .content{height:auto}:host([emphasis]) .trigger{border-style:solid;border-width:1px;border-left-width:2px;--trigger-padding-left: var(--ds-size-200, 1rem)}:host([emphasis]) .trigger:before{display:block;position:absolute;top:-1px;left:-2px;width:1px;height:calc(100% + 2px);content:"";border-left-style:solid;border-left-width:2px}:host([emphasis]) .trigger:focus{border-left-width:1px;margin-left:1px}:host([emphasis]) .content{border-left-width:2px;border-left-style:solid;padding:unset}:host([emphasis]) .contentWrapper{padding-left:var(--ds-size-200, 1rem)}:host([emphasis]) .iconWrapper{padding-right:var(--ds-size-200, 1rem)}:host([emphasis][variant=lg]) .trigger,:host([emphasis][variant=lg]) .contentWrapper{padding-left:calc(var(--ds-size-200, 1rem) + var(--ds-size-50, 0.25rem))}:host([emphasis]:not([expanded]):hover) .trigger{text-decoration:unset}:host([chevron=none]) ::slotted([slot=trigger]),:host([chevron=none]) .contentWrapper{padding-left:unset}`;
@@ -0,0 +1,347 @@
1
+ /* stylelint-disable order/properties-order, selector-max-combinators, selector-max-compound-selectors, declaration-empty-line-before, declaration-no-important, no-descending-specificity */
2
+ /*
3
+ * Copyright (c) Alaska Air. All rights reserved. Licensed under the Apache-2.0 license
4
+ * See LICENSE in the project root for license information.
5
+ */
6
+ .body-default {
7
+ font-size: var(--wcss-body-default-font-size, 1rem);
8
+ line-height: var(--wcss-body-default-line-height, 1.5rem);
9
+ }
10
+
11
+ .body-default, .body-lg {
12
+ font-family: var(--wcss-body-family, "AS Circular", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);
13
+ font-weight: var(--wcss-body-weight, 450);
14
+ letter-spacing: var(--wcss-body-letter-spacing, 0);
15
+ }
16
+
17
+ .body-lg {
18
+ font-size: var(--wcss-body-lg-font-size, 1.125rem);
19
+ line-height: var(--wcss-body-lg-line-height, 1.625rem);
20
+ }
21
+
22
+ .body-sm {
23
+ font-size: var(--wcss-body-sm-font-size, 0.875rem);
24
+ line-height: var(--wcss-body-sm-line-height, 1.25rem);
25
+ }
26
+
27
+ .body-sm, .body-xs {
28
+ font-family: var(--wcss-body-family, "AS Circular", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);
29
+ font-weight: var(--wcss-body-weight, 450);
30
+ letter-spacing: var(--wcss-body-letter-spacing, 0);
31
+ }
32
+
33
+ .body-xs {
34
+ font-size: var(--wcss-body-xs-font-size, 0.75rem);
35
+ line-height: var(--wcss-body-xs-line-height, 1rem);
36
+ }
37
+
38
+ .body-2xs {
39
+ font-family: var(--wcss-body-family, "AS Circular", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);
40
+ font-size: var(--wcss-body-2xs-font-size, 0.625rem);
41
+ font-weight: var(--wcss-body-weight, 450);
42
+ letter-spacing: var(--wcss-body-letter-spacing, 0);
43
+ line-height: var(--wcss-body-2xs-line-height, 0.875rem);
44
+ }
45
+
46
+ .display-2xl {
47
+ font-family: var(--wcss-display-2xl-family, "AS Circular", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);
48
+ font-size: var(--wcss-display-2xl-font-size, clamp(3.5rem, 6vw, 5.375rem));
49
+ font-weight: var(--wcss-display-2xl-weight, 300);
50
+ letter-spacing: var(--wcss-display-2xl-letter-spacing, 0);
51
+ line-height: var(--wcss-display-2xl-line-height, 1.3);
52
+ }
53
+
54
+ .display-xl {
55
+ font-family: var(--wcss-display-xl-family, "AS Circular", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);
56
+ font-size: var(--wcss-display-xl-font-size, clamp(3rem, 5.3333333333vw, 4.5rem));
57
+ font-weight: var(--wcss-display-xl-weight, 300);
58
+ letter-spacing: var(--wcss-display-xl-letter-spacing, 0);
59
+ line-height: var(--wcss-display-xl-line-height, 1.3);
60
+ }
61
+
62
+ .display-lg {
63
+ font-family: var(--wcss-display-lg-family, "AS Circular", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);
64
+ font-size: var(--wcss-display-lg-font-size, clamp(2.75rem, 4.6666666667vw, 4rem));
65
+ font-weight: var(--wcss-display-lg-weight, 300);
66
+ letter-spacing: var(--wcss-display-lg-letter-spacing, 0);
67
+ line-height: var(--wcss-display-lg-line-height, 1.3);
68
+ }
69
+
70
+ .display-md {
71
+ font-family: var(--wcss-display-md-family, "AS Circular", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);
72
+ font-size: var(--wcss-display-md-font-size, clamp(2.5rem, 4vw, 3.5rem));
73
+ font-weight: var(--wcss-display-md-weight, 300);
74
+ letter-spacing: var(--wcss-display-md-letter-spacing, 0);
75
+ line-height: var(--wcss-display-md-line-height, 1.3);
76
+ }
77
+
78
+ .display-sm {
79
+ font-family: var(--wcss-display-sm-family, "AS Circular", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);
80
+ font-size: var(--wcss-display-sm-font-size, clamp(2rem, 3.6666666667vw, 3rem));
81
+ font-weight: var(--wcss-display-sm-weight, 300);
82
+ letter-spacing: var(--wcss-display-sm-letter-spacing, 0);
83
+ line-height: var(--wcss-display-sm-line-height, 1.3);
84
+ }
85
+
86
+ .display-xs {
87
+ font-family: var(--wcss-display-xs-family, "AS Circular", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);
88
+ font-size: var(--wcss-display-xs-font-size, clamp(1.75rem, 3vw, 2.375rem));
89
+ font-weight: var(--wcss-display-xs-weight, 300);
90
+ letter-spacing: var(--wcss-display-xs-letter-spacing, 0);
91
+ line-height: var(--wcss-display-xs-line-height, 1.3);
92
+ }
93
+
94
+ .heading-xl {
95
+ font-family: var(--wcss-heading-xl-family, "AS Circular", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);
96
+ font-size: var(--wcss-heading-xl-font-size, clamp(2rem, 3vw, 2.5rem));
97
+ font-weight: var(--wcss-heading-xl-weight, 300);
98
+ letter-spacing: var(--wcss-heading-xl-letter-spacing, 0);
99
+ line-height: var(--wcss-heading-xl-line-height, 1.3);
100
+ }
101
+
102
+ .heading-lg {
103
+ font-family: var(--wcss-heading-lg-family, "AS Circular", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);
104
+ font-size: var(--wcss-heading-lg-font-size, clamp(1.75rem, 2.6666666667vw, 2.25rem));
105
+ font-weight: var(--wcss-heading-lg-weight, 300);
106
+ letter-spacing: var(--wcss-heading-lg-letter-spacing, 0);
107
+ line-height: var(--wcss-heading-lg-line-height, 1.3);
108
+ }
109
+
110
+ .heading-md {
111
+ font-family: var(--wcss-heading-md-family, "AS Circular", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);
112
+ font-size: var(--wcss-heading-md-font-size, clamp(1.625rem, 2.3333333333vw, 1.75rem));
113
+ font-weight: var(--wcss-heading-md-weight, 300);
114
+ letter-spacing: var(--wcss-heading-md-letter-spacing, 0);
115
+ line-height: var(--wcss-heading-md-line-height, 1.3);
116
+ }
117
+
118
+ .heading-sm {
119
+ font-family: var(--wcss-heading-sm-family, "AS Circular", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);
120
+ font-size: var(--wcss-heading-sm-font-size, clamp(1.375rem, 2vw, 1.5rem));
121
+ font-weight: var(--wcss-heading-sm-weight, 300);
122
+ letter-spacing: var(--wcss-heading-sm-letter-spacing, 0);
123
+ line-height: var(--wcss-heading-sm-line-height, 1.3);
124
+ }
125
+
126
+ .heading-xs {
127
+ font-family: var(--wcss-heading-xs-family, "AS Circular", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);
128
+ font-size: var(--wcss-heading-xs-font-size, clamp(1.25rem, 1.6666666667vw, 1.25rem));
129
+ font-weight: var(--wcss-heading-xs-weight, 450);
130
+ letter-spacing: var(--wcss-heading-xs-letter-spacing, 0);
131
+ line-height: var(--wcss-heading-xs-line-height, 1.3);
132
+ }
133
+
134
+ .heading-2xs {
135
+ font-family: var(--wcss-heading-2xs-family, "AS Circular", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);
136
+ font-size: var(--wcss-heading-2xs-font-size, clamp(1.125rem, 1.5vw, 1.125rem));
137
+ font-weight: var(--wcss-heading-2xs-weight, 450);
138
+ letter-spacing: var(--wcss-heading-2xs-letter-spacing, 0);
139
+ line-height: var(--wcss-heading-2xs-line-height, 1.3);
140
+ }
141
+
142
+ .accent-2xl {
143
+ font-family: var(--wcss-accent-2xl-family, "Good OT", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);
144
+ font-size: var(--wcss-accent-2xl-font-size, clamp(2rem, 3.1666666667vw, 2.375rem));
145
+ font-weight: var(--wcss-accent-2xl-weight, 450);
146
+ letter-spacing: var(--wcss-accent-2xl-letter-spacing, 0.05em);
147
+ line-height: var(--wcss-accent-2xl-line-height, 1);
148
+ }
149
+
150
+ .accent-2xl, .accent-xl {
151
+ text-transform: uppercase;
152
+ }
153
+
154
+ .accent-xl {
155
+ font-family: var(--wcss-accent-xl-family, "Good OT", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);
156
+ font-size: var(--wcss-accent-xl-font-size, clamp(1.625rem, 2.3333333333vw, 2rem));
157
+ font-weight: var(--wcss-accent-xl-weight, 450);
158
+ letter-spacing: var(--wcss-accent-xl-letter-spacing, 0.05em);
159
+ line-height: var(--wcss-accent-xl-line-height, 1.3);
160
+ }
161
+
162
+ .accent-lg {
163
+ font-family: var(--wcss-accent-lg-family, "Good OT", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);
164
+ font-size: var(--wcss-accent-lg-font-size, clamp(1.5rem, 2.1666666667vw, 1.75rem));
165
+ font-weight: var(--wcss-accent-lg-weight, 450);
166
+ letter-spacing: var(--wcss-accent-lg-letter-spacing, 0.05em);
167
+ line-height: var(--wcss-accent-lg-line-height, 1.3);
168
+ }
169
+
170
+ .accent-lg, .accent-md {
171
+ text-transform: uppercase;
172
+ }
173
+
174
+ .accent-md {
175
+ font-family: var(--wcss-accent-md-family, "Good OT", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);
176
+ font-size: var(--wcss-accent-md-font-size, clamp(1.375rem, 1.8333333333vw, 1.5rem));
177
+ font-weight: var(--wcss-accent-md-weight, 500);
178
+ letter-spacing: var(--wcss-accent-md-letter-spacing, 0.05em);
179
+ line-height: var(--wcss-accent-md-line-height, 1.3);
180
+ }
181
+
182
+ .accent-sm {
183
+ font-family: var(--wcss-accent-sm-family, "Good OT", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);
184
+ font-size: var(--wcss-accent-sm-font-size, clamp(1.125rem, 1.5vw, 1.25rem));
185
+ font-weight: var(--wcss-accent-sm-weight, 500);
186
+ letter-spacing: var(--wcss-accent-sm-letter-spacing, 0.05em);
187
+ line-height: var(--wcss-accent-sm-line-height, 1.3);
188
+ }
189
+
190
+ .accent-sm, .accent-xs {
191
+ text-transform: uppercase;
192
+ }
193
+
194
+ .accent-xs {
195
+ font-family: var(--wcss-accent-xs-family, "Good OT", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);
196
+ font-size: var(--wcss-accent-xs-font-size, clamp(1rem, 1.3333333333vw, 1rem));
197
+ font-weight: var(--wcss-accent-xs-weight, 500);
198
+ letter-spacing: var(--wcss-accent-xs-letter-spacing, 0.1em);
199
+ line-height: var(--wcss-accent-xs-line-height, 1.3);
200
+ }
201
+
202
+ .accent-2xs {
203
+ font-family: var(--wcss-accent-2xs-family, "Good OT", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);
204
+ font-size: var(--wcss-accent-2xs-font-size, clamp(0.875rem, 1.1666666667vw, 0.875rem));
205
+ font-weight: var(--wcss-accent-2xs-weight, 450);
206
+ letter-spacing: var(--wcss-accent-2xs-letter-spacing, 0.1em);
207
+ line-height: var(--wcss-accent-2xs-line-height, 1.3);
208
+ text-transform: uppercase;
209
+ }
210
+
211
+ :host {
212
+ interpolate-size: allow-keywords;
213
+ --webkit-fill: -webkit-fill-available;
214
+ }
215
+ :host .trigger {
216
+ position: relative;
217
+ display: inline-block;
218
+ border-width: 1px;
219
+ border-style: solid;
220
+ border-radius: var(--ds-border-radius, 0.375rem);
221
+ }
222
+ :host .trigger:hover {
223
+ text-decoration: underline;
224
+ }
225
+ :host ::slotted([slot=trigger]) {
226
+ padding-left: var(--ds-size-100, 0.5rem);
227
+ padding-right: var(--ds-size-200, 1rem);
228
+ }
229
+ :host .iconWrapper {
230
+ height: var(--ds-size-300, 1.5rem);
231
+ margin-top: -2px;
232
+ }
233
+ :host [auro-icon] {
234
+ --ds-auro-icon-size: var(--ds-size-300, 1.5rem);
235
+ }
236
+ :host [auro-icon][hidden] {
237
+ display: none;
238
+ }
239
+ :host .content {
240
+ width: 100%;
241
+ transition: all 0.5s ease-in-out;
242
+ transition-property: height;
243
+ }
244
+ :host .componentWrapper {
245
+ height: 100%;
246
+ overflow: hidden;
247
+ }
248
+ :host .contentWrapper {
249
+ padding-left: var(--ds-size-400, 2rem);
250
+ padding-bottom: var(--ds-size-300, 1.5rem);
251
+ }
252
+
253
+ :host(:focus) .trigger {
254
+ border-width: 1px;
255
+ border-style: solid;
256
+ }
257
+
258
+ :host([chevron=right]) ::slotted([slot=trigger]) {
259
+ padding-left: 0;
260
+ padding-right: var(--ds-size-100, 0.5rem);
261
+ }
262
+ :host([chevron=right]) .contentWrapper {
263
+ padding-left: var(--ds-size-400, 2rem);
264
+ }
265
+
266
+ :host([chevron=right]:not([emphasis])) ::slotted([slot=trigger]) {
267
+ padding-left: var(--ds-size-250, 1.25rem);
268
+ }
269
+ :host([chevron=right]:not([emphasis])) .contentWrapper {
270
+ padding-left: var(--ds-size-250, 1.25rem);
271
+ }
272
+
273
+ :host([alignRight]) .componentWrapper {
274
+ display: flex;
275
+ flex-direction: column;
276
+ align-items: flex-end;
277
+ }
278
+
279
+ :host([fluid]) .trigger {
280
+ width: 100%;
281
+ }
282
+
283
+ :host([grouped]) .componentWrapper {
284
+ border-bottom-width: 1px;
285
+ border-bottom-style: solid;
286
+ }
287
+
288
+ :host([grouped][chevron=right]:not([alignright])) .trigger {
289
+ width: var(--webkit-fill, 100%);
290
+ --trigger-padding-right: var(--ds-size-200, 1rem);
291
+ }
292
+
293
+ :host(:not([expanded])) .content,
294
+ :host([expanded=false]) .content {
295
+ height: 0 !important;
296
+ }
297
+
298
+ :host([expanded]) .content {
299
+ height: auto;
300
+ }
301
+
302
+ :host([emphasis]) .trigger {
303
+ border-style: solid;
304
+ border-width: 1px;
305
+ border-left-width: 2px;
306
+ --trigger-padding-left: var(--ds-size-200, 1rem);
307
+ }
308
+ :host([emphasis]) .trigger:before {
309
+ display: block;
310
+ position: absolute;
311
+ top: -1px;
312
+ left: -2px;
313
+ width: 1px;
314
+ height: calc(100% + 2px);
315
+ content: "";
316
+ border-left-style: solid;
317
+ border-left-width: 2px;
318
+ }
319
+ :host([emphasis]) .trigger:focus {
320
+ border-left-width: 1px;
321
+ margin-left: 1px;
322
+ }
323
+ :host([emphasis]) .content {
324
+ border-left-width: 2px;
325
+ border-left-style: solid;
326
+ padding: unset;
327
+ }
328
+ :host([emphasis]) .contentWrapper {
329
+ padding-left: var(--ds-size-200, 1rem);
330
+ }
331
+ :host([emphasis]) .iconWrapper {
332
+ padding-right: var(--ds-size-200, 1rem);
333
+ }
334
+
335
+ :host([emphasis][variant=lg]) .trigger,
336
+ :host([emphasis][variant=lg]) .contentWrapper {
337
+ padding-left: calc(var(--ds-size-200, 1rem) + var(--ds-size-50, 0.25rem));
338
+ }
339
+
340
+ :host([emphasis]:not([expanded]):hover) .trigger {
341
+ text-decoration: unset;
342
+ }
343
+
344
+ :host([chevron=none]) ::slotted([slot=trigger]),
345
+ :host([chevron=none]) .contentWrapper {
346
+ padding-left: unset;
347
+ }
@@ -6,7 +6,9 @@
6
6
  /* stylelint-disable order/properties-order, selector-max-combinators, selector-max-compound-selectors, declaration-empty-line-before, declaration-no-important, no-descending-specificity */
7
7
 
8
8
  // Import Auro tokens
9
- @import './../node_modules/@aurodesignsystem/design-tokens/dist/auro-classic/SCSSVariables';
9
+ @use "@aurodesignsystem/design-tokens/dist/legacy/auro-classic/SCSSVariables" as vac;
10
+
11
+ @use "@aurodesignsystem/webcorestylesheets/dist/bundled/type/classes.alaska.min.css";
10
12
 
11
13
  :host {
12
14
  interpolate-size: allow-keywords; // stylelint-disable-line
@@ -20,7 +22,7 @@
20
22
 
21
23
  border-width: 1px;
22
24
  border-style: solid;
23
- border-radius: var(--ds-border-radius, $ds-border-radius);
25
+ border-radius: var(--ds-border-radius, vac.$ds-border-radius);
24
26
 
25
27
  &:hover {
26
28
  text-decoration: underline;
@@ -28,19 +30,17 @@
28
30
  }
29
31
 
30
32
  ::slotted([slot="trigger"]) {
31
- padding-left: var(--ds-size-100, $ds-size-100);
32
- padding-right: var(--ds-size-200, $ds-size-200);
33
-
34
- font-size: var(--ds-text-heading-300-size, $ds-text-heading-300-size);
33
+ padding-left: var(--ds-size-100, vac.$ds-size-100);
34
+ padding-right: var(--ds-size-200, vac.$ds-size-200);
35
35
  }
36
36
 
37
37
  .iconWrapper {
38
- height: var(--ds-size-300, $ds-size-300);
38
+ height: var(--ds-size-300, vac.$ds-size-300);
39
39
  margin-top: -2px;
40
40
  }
41
41
 
42
42
  [auro-icon] {
43
- --ds-auro-icon-size: var(--ds-size-300, #{$ds-size-300});
43
+ --ds-auro-icon-size: var(--ds-size-300, #{vac.$ds-size-300});
44
44
 
45
45
  &[hidden] { // stylelint-disable-line selector-max-attribute
46
46
  display: none;
@@ -52,8 +52,6 @@
52
52
 
53
53
  transition: all 0.5s ease-in-out;
54
54
  transition-property: height;
55
-
56
- font-size: var(--ds-text-body-size-default, $ds-text-body-size-default);
57
55
  }
58
56
 
59
57
  .componentWrapper {
@@ -62,8 +60,8 @@
62
60
  }
63
61
 
64
62
  .contentWrapper {
65
- padding-left: var(--ds-size-400, $ds-size-400);
66
- padding-bottom: var(--ds-size-300, $ds-size-300);
63
+ padding-left: var(--ds-size-400, vac.$ds-size-400);
64
+ padding-bottom: var(--ds-size-300, vac.$ds-size-300);
67
65
  }
68
66
  }
69
67
 
@@ -77,21 +75,21 @@
77
75
  :host([chevron="right"]) {
78
76
  ::slotted([slot="trigger"]) {
79
77
  padding-left: 0;
80
- padding-right: var(--ds-size-100, $ds-size-100);
78
+ padding-right: var(--ds-size-100, vac.$ds-size-100);
81
79
  }
82
80
 
83
81
  .contentWrapper {
84
- padding-left: var(--ds-size-400, $ds-size-400);
82
+ padding-left: var(--ds-size-400, vac.$ds-size-400);
85
83
  }
86
84
  }
87
85
 
88
86
  :host([chevron="right"]:not([emphasis])) {
89
87
  ::slotted([slot="trigger"]) {
90
- padding-left: var(--ds-size-250, $ds-size-250);
88
+ padding-left: var(--ds-size-250, vac.$ds-size-250);
91
89
  }
92
90
 
93
91
  .contentWrapper {
94
- padding-left: var(--ds-size-250, $ds-size-250);
92
+ padding-left: var(--ds-size-250, vac.$ds-size-250);
95
93
  }
96
94
  }
97
95
 
@@ -120,7 +118,7 @@
120
118
  .trigger {
121
119
  width: var(--webkit-fill, 100%);
122
120
 
123
- --trigger-padding-right: var(--ds-size-200, #{$ds-size-200}); // will be passed to the child component
121
+ --trigger-padding-right: var(--ds-size-200, #{vac.$ds-size-200}); // will be passed to the child component
124
122
  }
125
123
  }
126
124
 
@@ -143,7 +141,7 @@
143
141
  border-width: 1px;
144
142
  border-left-width: 2px;
145
143
 
146
- --trigger-padding-left: var(--ds-size-200, #{$ds-size-200}); // will be passed to the child component
144
+ --trigger-padding-left: var(--ds-size-200, #{vac.$ds-size-200}); // will be passed to the child component
147
145
 
148
146
  &:before {
149
147
  display: block;
@@ -173,18 +171,18 @@
173
171
  }
174
172
 
175
173
  .contentWrapper {
176
- padding-left: var(--ds-size-200, $ds-size-200);
174
+ padding-left: var(--ds-size-200, vac.$ds-size-200);
177
175
  }
178
176
 
179
177
  .iconWrapper {
180
- padding-right: var(--ds-size-200, $ds-size-200);
178
+ padding-right: var(--ds-size-200, vac.$ds-size-200);
181
179
  }
182
180
  }
183
181
 
184
182
  :host([emphasis][variant="lg"]) {
185
183
  .trigger,
186
184
  .contentWrapper {
187
- padding-left: calc(var(--ds-size-200, $ds-size-200) + var(--ds-size-50, $ds-size-50));
185
+ padding-left: calc(var(--ds-size-200, vac.$ds-size-200) + var(--ds-size-50, vac.$ds-size-50));
188
186
  }
189
187
  }
190
188
 
@@ -194,18 +192,6 @@
194
192
  }
195
193
  }
196
194
 
197
- :host([variant="sm"]) {
198
- ::slotted([slot="trigger"]) {
199
- font-size: var(--ds-text-body-size-default, $ds-text-body-size-default);
200
- }
201
- }
202
-
203
- :host([variant="lg"]) {
204
- ::slotted([slot="trigger"]) {
205
- font-size: var(--ds-text-heading-400-size, $ds-text-heading-400-size);
206
- }
207
- }
208
-
209
195
  :host([chevron="none"]) {
210
196
  ::slotted([slot="trigger"]),
211
197
  .contentWrapper {
@@ -0,0 +1,2 @@
1
+ import { css } from 'lit';
2
+ export default css`:host{--ds-auro-accordion-content-border-color: transparent;--ds-auro-accordion-group-border-color: var(--ds-basic-color-border-divider, rgba(0, 0, 0, 0.15));--ds-auro-accordion-trigger-border-color: transparent;--ds-auro-accordion-trigger-color: var(--ds-basic-color-texticon-default, #2a2a2a);--ds-auro-accordion-trigger-icon-color: var(--ds-basic-color-texticon-default, #2a2a2a)}`;
@@ -0,0 +1,7 @@
1
+ :host {
2
+ --ds-auro-accordion-content-border-color: transparent;
3
+ --ds-auro-accordion-group-border-color: var(--ds-basic-color-border-divider, rgba(0, 0, 0, 0.15));
4
+ --ds-auro-accordion-trigger-border-color: transparent;
5
+ --ds-auro-accordion-trigger-color: var(--ds-basic-color-texticon-default, #2a2a2a);
6
+ --ds-auro-accordion-trigger-icon-color: var(--ds-basic-color-texticon-default, #2a2a2a);
7
+ }
@@ -1,9 +1,9 @@
1
- @import "./../node_modules/@aurodesignsystem/design-tokens/dist/alaska/SCSSVariables--alaska";
1
+ @use "@aurodesignsystem/design-tokens/dist/themes/alaska/SCSSVariables--alaska" as v;
2
2
 
3
3
  :host {
4
4
  --ds-auro-accordion-content-border-color: transparent;
5
- --ds-auro-accordion-group-border-color: var(--ds-basic-color-border-divider, #{$ds-basic-color-border-divider});
5
+ --ds-auro-accordion-group-border-color: var(--ds-basic-color-border-divider, #{v.$ds-basic-color-border-divider});
6
6
  --ds-auro-accordion-trigger-border-color: transparent;
7
- --ds-auro-accordion-trigger-color: var(--ds-basic-color-texticon-default, #{$ds-basic-color-texticon-default});
8
- --ds-auro-accordion-trigger-icon-color: var(--ds-basic-color-texticon-default, #{$ds-basic-color-texticon-default});
7
+ --ds-auro-accordion-trigger-color: var(--ds-basic-color-texticon-default, #{v.$ds-basic-color-texticon-default});
8
+ --ds-auro-accordion-trigger-icon-color: var(--ds-basic-color-texticon-default, #{v.$ds-basic-color-texticon-default});
9
9
  }
@@ -1,91 +0,0 @@
1
-
2
- <!doctype html>
3
- <html lang="en">
4
-
5
- <head>
6
- <title>Code coverage report for style-css.js</title>
7
- <meta charset="utf-8" />
8
- <link rel="stylesheet" href="prettify.css" />
9
- <link rel="stylesheet" href="base.css" />
10
- <link rel="shortcut icon" type="image/x-icon" href="favicon.png" />
11
- <meta name="viewport" content="width=device-width, initial-scale=1" />
12
- <style type='text/css'>
13
- .coverage-summary .sorter {
14
- background-image: url(sort-arrow-sprite.png);
15
- }
16
- </style>
17
- </head>
18
-
19
- <body>
20
- <div class='wrapper'>
21
- <div class='pad1'>
22
- <h1><a href="index.html">All files</a> style-css.js</h1>
23
- <div class='clearfix'>
24
-
25
- <div class='fl pad1y space-right2'>
26
- <span class="strong">100% </span>
27
- <span class="quiet">Statements</span>
28
- <span class='fraction'>2/2</span>
29
- </div>
30
-
31
-
32
- <div class='fl pad1y space-right2'>
33
- <span class="strong">100% </span>
34
- <span class="quiet">Branches</span>
35
- <span class='fraction'>1/1</span>
36
- </div>
37
-
38
-
39
- <div class='fl pad1y space-right2'>
40
- <span class="strong">100% </span>
41
- <span class="quiet">Functions</span>
42
- <span class='fraction'>0/0</span>
43
- </div>
44
-
45
-
46
- <div class='fl pad1y space-right2'>
47
- <span class="strong">100% </span>
48
- <span class="quiet">Lines</span>
49
- <span class='fraction'>2/2</span>
50
- </div>
51
-
52
-
53
- </div>
54
- <p class="quiet">
55
- Press <em>n</em> or <em>j</em> to go to the next uncovered block, <em>b</em>, <em>p</em> or <em>k</em> for the previous block.
56
- </p>
57
- <template id="filterTemplate">
58
- <div class="quiet">
59
- Filter:
60
- <input type="search" id="fileSearch">
61
- </div>
62
- </template>
63
- </div>
64
- <div class='status-line high'></div>
65
- <pre><table class="coverage">
66
- <tr><td class="line-count quiet"><a name='L1'></a><a href='#L1'>1</a>
67
- <a name='L2'></a><a href='#L2'>2</a>
68
- <a name='L3'></a><a href='#L3'>3</a></td><td class="line-coverage quiet"><span class="cline-any cline-yes">2x</span>
69
- <span class="cline-any cline-yes">2x</span>
70
- <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import { css } from 'lit';
71
- export default css`:host{interpolate-size:allow-keywords;--webkit-fill:-webkit-fill-available}:host .trigger{position:relative;display:inline-block;border-width:1px;border-style:solid;border-radius:var(--ds-border-radius, 0.375rem)}:host .trigger:hover{text-decoration:underline}:host ::slotted([slot=trigger]){padding-left:var(--ds-size-100, 0.5rem);padding-right:var(--ds-size-200, 1rem);font-size:var(--ds-text-heading-300-size, 1.125rem)}:host .iconWrapper{height:var(--ds-size-300, 1.5rem);margin-top:-2px}:host [auro-icon]{--ds-auro-icon-size:var(--ds-size-300, 1.5rem)}:host [auro-icon][hidden]{display:none}:host .content{width:100%;transition:all .5s ease-in-out;transition-property:height;font-size:var(--ds-text-body-size-default, 1rem)}:host .componentWrapper{height:100%;overflow:hidden}:host .contentWrapper{padding-left:var(--ds-size-400, 2rem);padding-bottom:var(--ds-size-300, 1.5rem)}:host(:focus) .trigger{border-width:1px;border-style:solid}:host([chevron=right]) ::slotted([slot=trigger]){padding-left:0;padding-right:var(--ds-size-100, 0.5rem)}:host([chevron=right]) .contentWrapper{padding-left:var(--ds-size-400, 2rem)}:host([chevron=right]:not([emphasis])) ::slotted([slot=trigger]){padding-left:var(--ds-size-250, 1.25rem)}:host([chevron=right]:not([emphasis])) .contentWrapper{padding-left:var(--ds-size-250, 1.25rem)}:host([alignRight]) .componentWrapper{display:flex;flex-direction:column;align-items:flex-end}:host([fluid]) .trigger{width:100%}:host([grouped]) .componentWrapper{border-bottom-width:1px;border-bottom-style:solid}:host([grouped][chevron=right]:not([alignright])) .trigger{width:var(--webkit-fill, 100%);--trigger-padding-right:var(--ds-size-200, 1rem)}:host(:not([expanded])) .content,:host([expanded=false]) .content{height:0 !important}:host([expanded]) .content{height:auto}:host([emphasis]) .trigger{border-style:solid;border-width:1px;border-left-width:2px;--trigger-padding-left:var(--ds-size-200, 1rem)}:host([emphasis]) .trigger:before{display:block;position:absolute;top:-1px;left:-2px;width:1px;height:calc(100% + 2px);content:"";border-left-style:solid;border-left-width:2px}:host([emphasis]) .trigger:focus{border-left-width:1px;margin-left:1px}:host([emphasis]) .content{border-left-width:2px;border-left-style:solid;padding:unset}:host([emphasis]) .contentWrapper{padding-left:var(--ds-size-200, 1rem)}:host([emphasis]) .iconWrapper{padding-right:var(--ds-size-200, 1rem)}:host([emphasis][variant=lg]) .trigger,:host([emphasis][variant=lg]) .contentWrapper{padding-left:calc(var(--ds-size-200, 1rem) + var(--ds-size-50, 0.25rem))}:host([emphasis]:not([expanded]):hover) .trigger{text-decoration:unset}:host([variant=sm]) ::slotted([slot=trigger]){font-size:var(--ds-text-body-size-default, 1rem)}:host([variant=lg]) ::slotted([slot=trigger]){font-size:var(--ds-text-heading-400-size, 1.25rem)}:host([chevron=none]) ::slotted([slot=trigger]),:host([chevron=none]) .contentWrapper{padding-left:unset}`;
72
- &nbsp;</pre></td></tr></table></pre>
73
-
74
- <div class='push'></div><!-- for sticky footer -->
75
- </div><!-- /wrapper -->
76
- <div class='footer quiet pad2 space-top1 center small'>
77
- Code coverage generated by
78
- <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
79
- at 2025-05-13T18:28:58.969Z
80
- </div>
81
- <script src="prettify.js"></script>
82
- <script>
83
- window.onload = function () {
84
- prettyPrint();
85
- };
86
- </script>
87
- <script src="sorter.js"></script>
88
- <script src="block-navigation.js"></script>
89
- </body>
90
- </html>
91
-
@@ -1 +0,0 @@
1
- {"version":3,"file":"auro-accordion-button.d.ts","sourceRoot":"","sources":["../src/auro-accordion-button.js"],"names":[],"mappings":"AAYA;;GAEG;AAGH;IAOE,2BAKC;IAED;;;;;;;OAOG;IACH,uBANW,MAAM,QAQhB;IApBC,sBAAyB;CAqB5B"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"auro-accordion-group.d.ts","sourceRoot":"","sources":["../src/auro-accordion-group.js"],"names":[],"mappings":"AAWA;;;;;;;;GAQG;AAGH;IAaE;;;;;;;;;;;;;MAiBC;IAED;;;;;;;OAOG;IACH,uBANW,MAAM,QAQhB;IAtCC;;OAEG;IACH,qBAAiD;IAqCnD,qBAGC;IAED,sCAIC;IAED;;;OAGG;IACH,4BAKC;IAED,gCAqBC;IAED;;;;OAIG;IACH,6BAaC;IAED;;;OAGG;IACH,oBAKC;IADC,iBAAgE;IAIlE,+CAMC;CACF;2BAhJgC,KAAK"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"auro-accordion.d.ts","sourceRoot":"","sources":["../src/auro-accordion.js"],"names":[],"mappings":"AA8BA;;;;;;;;;;;;;;;;;;GAkBG;AAGH;IAgCE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAiCC;IAED,+CAMC;IAED;;;;;;;OAOG;IACH,uBANW,MAAM,QAUhB;IAjFC;;OAEG;IACH,gBAAyE;IAEzE;;OAEG;IACH,uBAAmD;IAEnD;;OAEG;IACH,kBAA0G;IAE1G;;OAEG;IACH,qBAAiD;IAEjD,kBAAqB;IA+DvB,qBAGC;IAED;;;;;OAKG;IACH,yBAOC;IAED;;;;;OAKG;IACH,8BASC;IAED;;OAEG;IACH,eAUC;IAED;;;;OAIG;IACH,0BAMC;IAGD,4CAqCC;CACF;2BA5OmC,KAAK"}
@@ -1,3 +0,0 @@
1
- declare const _default: "8.0.2";
2
- export default _default;
3
- //# sourceMappingURL=iconVersion.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"iconVersion.d.ts","sourceRoot":"","sources":["../src/iconVersion.js"],"names":[],"mappings":"wBAAe,OAAO"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"style-button-css.d.ts","sourceRoot":"","sources":["../src/style-button-css.js"],"names":[],"mappings":""}