Skip to content

Commit afbd50a

Browse files
castastrophecastastrophe
committed
chore: resolve eslint config mismatch
1 parent a0cb9c2 commit afbd50a

File tree

96 files changed

+8844
-6352
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

96 files changed

+8844
-6352
lines changed

‎.github/workflows/lint.yml

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -116,7 +116,7 @@ jobs:
116116
reporter: github-pr-review
117117
filter_mode: diff_context
118118
# eslint_flags: "components/*/stories/*.js"
119-
eslint_flags: "${{ inputs.eslint_added_files }} ${{ inputs.eslint_modified_files }}"
119+
eslint_flags: "--config ${{ github.workspace }}/.eslintrc ${{ inputs.eslint_added_files }} ${{ inputs.eslint_modified_files }}"
120120

121121
- name: Run markdownlint on documentation
122122
uses: reviewdog/[email protected]

‎.storybook/assets/base.css

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -74,3 +74,15 @@ svg:has(symbol):not(:has(use)) {
7474
story view), due to Storybook's inline style that sets overflow: auto */
7575
overflow: visible !important;
7676
}
77+
78+
#panel-tab-content tr th:nth-child(1),
79+
#panel-tab-content tr th:nth-child(3),
80+
#panel-tab-content tr td:nth-child(1),
81+
#panel-tab-content tr td:nth-child(3) {
82+
min-inline-size: 100px !important;
83+
}
84+
85+
#panel-tab-content tr th:nth-child(2),
86+
#panel-tab-content tr td:nth-child(2) {
87+
max-inline-size: 500px !important;
88+
}

‎.storybook/assets/index.css

Lines changed: 0 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,3 @@
1-
/* stylelint-disable selector-class-pattern -- Targeting pre-defined Storybook classes */
2-
31
/*!
42
* Copyright 2024 Adobe. All rights reserved.
53
*
@@ -125,5 +123,3 @@ div.sb-bar {
125123
color: var(--spectrum-neutral-content-color-default) !important;
126124
background-color: var(--spectrum-background-layer-2-color) !important;
127125
}
128-
129-
/* stylelint-enable selector-class-pattern */

‎.storybook/preview.js

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -15,6 +15,7 @@ import DocumentationTemplate from "./templates/DocumentationTemplate.mdx";
1515
import { argTypes, globalTypes } from "./types";
1616

1717
// Import the custom base styles
18+
import "@spectrum-css/bundle/dist/index.css";
1819
import "./assets/base.css";
1920

2021
/** @type import('@storybook/types').StorybookParameters & import('@storybook/types').API_Layout */

‎components/accordion/dist/metadata.json

Lines changed: 222 additions & 120 deletions
Large diffs are not rendered by default.

‎components/actionbar/dist/metadata.json

Lines changed: 75 additions & 55 deletions
Large diffs are not rendered by default.

‎components/actionbar/stories/template.js

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -13,7 +13,6 @@ import "../index.css";
1313
export const Template = ({
1414
rootClass = "spectrum-ActionBar",
1515
id = getRandomId("action-bar"),
16-
size = "m",
1716
isOpen = true,
1817
isEmphasized = false,
1918
isSticky = false,

‎components/actionbutton/dist/metadata.json

Lines changed: 206 additions & 124 deletions
Large diffs are not rendered by default.

‎components/actiongroup/dist/metadata.json

Lines changed: 22 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -30,108 +30,111 @@
3030
],
3131
"modifiers": {
3232
"mod-actiongroup-horizontal-spacing-regular": {
33-
"description": "Used by `.spectrum-ActionGroup`. Defaults to `var(--spectrum-actiongroup-horizontal-spacing-regular)`, if not set.",
33+
"description": "Used by `.spectrum-ActionGroup`. <br/>Defaults to `var(--spectrum-actiongroup-horizontal-spacing-regular)`, if not set.",
3434
"control": "text",
3535
"category": "Modifier"
3636
},
3737
"mod-actiongroup-vertical-spacing-regular": {
38-
"description": "Used by `.spectrum-ActionGroup--vertical`. Defaults to `var(--spectrum-actiongroup-vertical-spacing-regular)`, if not set.",
38+
"description": "Used by `.spectrum-ActionGroup--vertical`. <br/>Defaults to `var(--spectrum-actiongroup-vertical-spacing-regular)`, if not set.",
3939
"control": "text",
4040
"category": "Modifier"
4141
},
4242
"mod-actiongroup-gap-size-compact": {
43-
"description": "Used by `.spectrum-ActionGroup--compact`, `.spectrum-ActionGroup--compact.spectrum-ActionGroup--vertical:not(.spectrum-ActionGroup--quiet)`. Defaults to `var(--spectrum-actiongroup-gap-size-compact)`, if not set.",
43+
"description": "Used by `.spectrum-ActionGroup--compact`, `.spectrum-ActionGroup--compact.spectrum-ActionGroup--vertical:not(.spectrum-ActionGroup--quiet)`. <br/>Defaults to `var(--spectrum-actiongroup-gap-size-compact)`, if not set.",
4444
"control": "text",
4545
"category": "Modifier"
4646
},
4747
"mod-actiongroup-border-radius-reset": {
48-
"description": "Used by `.spectrum-ActionGroup--compact:not(.spectrum-ActionGroup--quiet) .spectrum-ActionGroup-item`, `.spectrum-ActionGroup--compact:not(.spectrum-ActionGroup--quiet) .spectrum-ActionGroup-item:last-child`, `.spectrum-ActionGroup--compact.spectrum-ActionGroup--vertical:not(.spectrum-ActionGroup--quiet) .spectrum-ActionGroup-item`. Defaults to `var(--spectrum-actiongroup-border-radius-reset)`, if not set.",
48+
"description": "Used by `.spectrum-ActionGroup--compact:not(.spectrum-ActionGroup--quiet) .spectrum-ActionGroup-item`, `.spectrum-ActionGroup--compact:not(.spectrum-ActionGroup--quiet) .spectrum-ActionGroup-item:last-child`, `.spectrum-ActionGroup--compact.spectrum-ActionGroup--vertical:not(.spectrum-ActionGroup--quiet) .spectrum-ActionGroup-item`. <br/>Defaults to `var(--spectrum-actiongroup-border-radius-reset)`, if not set.",
4949
"control": "text",
5050
"category": "Modifier"
5151
},
5252
"mod-actiongroup-border-radius": {
53-
"description": "Used by `--mod-actionbutton-focus-indicator-border-radius`, `.spectrum-ActionGroup--compact:not(.spectrum-ActionGroup--quiet) .spectrum-ActionGroup-item:first-child`, `.spectrum-ActionGroup--compact:not(.spectrum-ActionGroup--quiet) .spectrum-ActionGroup-item:last-child`, `.spectrum-ActionGroup--compact.spectrum-ActionGroup--vertical:not(.spectrum-ActionGroup--quiet) .spectrum-ActionGroup-item:first-child`, `.spectrum-ActionGroup--compact.spectrum-ActionGroup--vertical:not(.spectrum-ActionGroup--quiet) .spectrum-ActionGroup-item:last-child`. Defaults to `var(--spectrum-actiongroup-border-radius)`, if not set.",
53+
"description": "Used by `--mod-actionbutton-focus-indicator-border-radius`, `.spectrum-ActionGroup--compact:not(.spectrum-ActionGroup--quiet) .spectrum-ActionGroup-item:first-child`, `.spectrum-ActionGroup--compact:not(.spectrum-ActionGroup--quiet) .spectrum-ActionGroup-item:last-child`, `.spectrum-ActionGroup--compact.spectrum-ActionGroup--vertical:not(.spectrum-ActionGroup--quiet) .spectrum-ActionGroup-item:first-child`, `.spectrum-ActionGroup--compact.spectrum-ActionGroup--vertical:not(.spectrum-ActionGroup--quiet) .spectrum-ActionGroup-item:last-child`. <br/>Defaults to `var(--spectrum-actiongroup-border-radius)`, if not set.",
5454
"control": "text",
5555
"category": "Modifier"
5656
},
5757
"mod-actiongroup-button-spacing-reset": {
58-
"description": "Used by `.spectrum-ActionGroup--compact:not(.spectrum-ActionGroup--quiet) .spectrum-ActionGroup-item:first-child`, `.spectrum-ActionGroup--compact.spectrum-ActionGroup--vertical:not(.spectrum-ActionGroup--quiet) .spectrum-ActionGroup-item:first-child`, `.spectrum-ActionGroup--compact.spectrum-ActionGroup--vertical:not(.spectrum-ActionGroup--quiet) .spectrum-ActionGroup-item + .spectrum-ActionGroup-item`, `.spectrum-ActionGroup--compact.spectrum-ActionGroup--vertical:not(.spectrum-ActionGroup--quiet) .spectrum-ActionGroup-item:last-child`. Defaults to `var(--spectrum-actiongroup-button-spacing-reset)`, if not set.",
58+
"description": "Used by `.spectrum-ActionGroup--compact:not(.spectrum-ActionGroup--quiet) .spectrum-ActionGroup-item:first-child`, `.spectrum-ActionGroup--compact.spectrum-ActionGroup--vertical:not(.spectrum-ActionGroup--quiet) .spectrum-ActionGroup-item:first-child`, `.spectrum-ActionGroup--compact.spectrum-ActionGroup--vertical:not(.spectrum-ActionGroup--quiet) .spectrum-ActionGroup-item + .spectrum-ActionGroup-item`, `.spectrum-ActionGroup--compact.spectrum-ActionGroup--vertical:not(.spectrum-ActionGroup--quiet) .spectrum-ActionGroup-item:last-child`. <br/>Defaults to `var(--spectrum-actiongroup-button-spacing-reset)`, if not set.",
5959
"control": "text",
6060
"category": "Modifier"
6161
},
6262
"mod-actiongroup-horizontal-spacing-compact": {
63-
"description": "Used by `.spectrum-ActionGroup--compact:not(.spectrum-ActionGroup--quiet) .spectrum-ActionGroup-item + .spectrum-ActionGroup-item`, `.spectrum-ActionGroup--compact:not(.spectrum-ActionGroup--quiet) .spectrum-ActionGroup-item:last-child`. Defaults to `var(--spectrum-actiongroup-horizontal-spacing-compact)`, if not set.",
63+
"description": "Used by `.spectrum-ActionGroup--compact:not(.spectrum-ActionGroup--quiet) .spectrum-ActionGroup-item + .spectrum-ActionGroup-item`, `.spectrum-ActionGroup--compact:not(.spectrum-ActionGroup--quiet) .spectrum-ActionGroup-item:last-child`. <br/>Defaults to `var(--spectrum-actiongroup-horizontal-spacing-compact)`, if not set.",
6464
"control": "text",
6565
"category": "Modifier"
6666
},
6767
"mod-actiongroup-vertical-spacing-compact": {
68-
"description": "Used by `.spectrum-ActionGroup--compact.spectrum-ActionGroup--vertical:not(.spectrum-ActionGroup--quiet) .spectrum-ActionGroup-item:first-child`, `.spectrum-ActionGroup--compact.spectrum-ActionGroup--vertical:not(.spectrum-ActionGroup--quiet) .spectrum-ActionGroup-item + .spectrum-ActionGroup-item`, `.spectrum-ActionGroup--compact.spectrum-ActionGroup--vertical:not(.spectrum-ActionGroup--quiet) .spectrum-ActionGroup-item:last-child`. Defaults to `var(--spectrum-actiongroup-vertical-spacing-compact)`, if not set.",
68+
"description": "Used by `.spectrum-ActionGroup--compact.spectrum-ActionGroup--vertical:not(.spectrum-ActionGroup--quiet) .spectrum-ActionGroup-item:first-child`, `.spectrum-ActionGroup--compact.spectrum-ActionGroup--vertical:not(.spectrum-ActionGroup--quiet) .spectrum-ActionGroup-item + .spectrum-ActionGroup-item`, `.spectrum-ActionGroup--compact.spectrum-ActionGroup--vertical:not(.spectrum-ActionGroup--quiet) .spectrum-ActionGroup-item:last-child`. <br/>Defaults to `var(--spectrum-actiongroup-vertical-spacing-compact)`, if not set.",
6969
"control": "text",
7070
"category": "Modifier"
7171
}
7272
},
7373
"component": {
7474
"spectrum-actiongroup-gap-size-compact": {
7575
"value": "0",
76-
"description": "Defined in `.spectrum-ActionGroup`. Used by `.spectrum-ActionGroup--compact`, `.spectrum-ActionGroup--compact.spectrum-ActionGroup--vertical:not(.spectrum-ActionGroup--quiet)`.",
76+
"description": "Defined in `.spectrum-ActionGroup`. <br/>Used by `.spectrum-ActionGroup--compact`, `.spectrum-ActionGroup--compact.spectrum-ActionGroup--vertical:not(.spectrum-ActionGroup--quiet)`. <br/>Defaults to `0`, if not set.",
7777
"control": "text",
7878
"category": "Component"
7979
},
8080
"spectrum-actiongroup-horizontal-spacing-compact": {
8181
"value": "-1px",
82-
"description": "Defined in `.spectrum-ActionGroup`. Used by `.spectrum-ActionGroup--compact:not(.spectrum-ActionGroup--quiet) .spectrum-ActionGroup-item + .spectrum-ActionGroup-item`, `.spectrum-ActionGroup--compact:not(.spectrum-ActionGroup--quiet) .spectrum-ActionGroup-item:last-child`.",
82+
"description": "Defined in `.spectrum-ActionGroup`. <br/>Used by `.spectrum-ActionGroup--compact:not(.spectrum-ActionGroup--quiet) .spectrum-ActionGroup-item + .spectrum-ActionGroup-item`, `.spectrum-ActionGroup--compact:not(.spectrum-ActionGroup--quiet) .spectrum-ActionGroup-item:last-child`. <br/>Defaults to `-1px`, if not set.",
8383
"control": "text",
8484
"category": "Component"
8585
},
8686
"spectrum-actiongroup-vertical-spacing-compact": {
8787
"value": "-1px",
88-
"description": "Defined in `.spectrum-ActionGroup`. Used by `.spectrum-ActionGroup--compact.spectrum-ActionGroup--vertical:not(.spectrum-ActionGroup--quiet) .spectrum-ActionGroup-item:first-child`, `.spectrum-ActionGroup--compact.spectrum-ActionGroup--vertical:not(.spectrum-ActionGroup--quiet) .spectrum-ActionGroup-item + .spectrum-ActionGroup-item`, `.spectrum-ActionGroup--compact.spectrum-ActionGroup--vertical:not(.spectrum-ActionGroup--quiet) .spectrum-ActionGroup-item:last-child`.",
88+
"description": "Defined in `.spectrum-ActionGroup`. <br/>Used by `.spectrum-ActionGroup--compact.spectrum-ActionGroup--vertical:not(.spectrum-ActionGroup--quiet) .spectrum-ActionGroup-item:first-child`, `.spectrum-ActionGroup--compact.spectrum-ActionGroup--vertical:not(.spectrum-ActionGroup--quiet) .spectrum-ActionGroup-item + .spectrum-ActionGroup-item`, `.spectrum-ActionGroup--compact.spectrum-ActionGroup--vertical:not(.spectrum-ActionGroup--quiet) .spectrum-ActionGroup-item:last-child`. <br/>Defaults to `-1px`, if not set.",
8989
"control": "text",
9090
"category": "Component"
9191
},
9292
"spectrum-actiongroup-button-spacing-reset": {
9393
"value": "0",
94-
"description": "Defined in `.spectrum-ActionGroup`. Used by `.spectrum-ActionGroup--compact:not(.spectrum-ActionGroup--quiet) .spectrum-ActionGroup-item:first-child`, `.spectrum-ActionGroup--compact.spectrum-ActionGroup--vertical:not(.spectrum-ActionGroup--quiet) .spectrum-ActionGroup-item:first-child`, `.spectrum-ActionGroup--compact.spectrum-ActionGroup--vertical:not(.spectrum-ActionGroup--quiet) .spectrum-ActionGroup-item + .spectrum-ActionGroup-item`, `.spectrum-ActionGroup--compact.spectrum-ActionGroup--vertical:not(.spectrum-ActionGroup--quiet) .spectrum-ActionGroup-item:last-child`.",
94+
"description": "Defined in `.spectrum-ActionGroup`. <br/>Used by `.spectrum-ActionGroup--compact:not(.spectrum-ActionGroup--quiet) .spectrum-ActionGroup-item:first-child`, `.spectrum-ActionGroup--compact.spectrum-ActionGroup--vertical:not(.spectrum-ActionGroup--quiet) .spectrum-ActionGroup-item:first-child`, `.spectrum-ActionGroup--compact.spectrum-ActionGroup--vertical:not(.spectrum-ActionGroup--quiet) .spectrum-ActionGroup-item + .spectrum-ActionGroup-item`, `.spectrum-ActionGroup--compact.spectrum-ActionGroup--vertical:not(.spectrum-ActionGroup--quiet) .spectrum-ActionGroup-item:last-child`. <br/>Defaults to `0`, if not set.",
9595
"control": "text",
9696
"category": "Component"
9797
},
9898
"spectrum-actiongroup-border-radius-reset": {
9999
"value": "0",
100-
"description": "Defined in `.spectrum-ActionGroup`. Used by `.spectrum-ActionGroup--compact:not(.spectrum-ActionGroup--quiet) .spectrum-ActionGroup-item`, `.spectrum-ActionGroup--compact:not(.spectrum-ActionGroup--quiet) .spectrum-ActionGroup-item:last-child`, `.spectrum-ActionGroup--compact.spectrum-ActionGroup--vertical:not(.spectrum-ActionGroup--quiet) .spectrum-ActionGroup-item`.",
100+
"description": "Defined in `.spectrum-ActionGroup`. <br/>Used by `.spectrum-ActionGroup--compact:not(.spectrum-ActionGroup--quiet) .spectrum-ActionGroup-item`, `.spectrum-ActionGroup--compact:not(.spectrum-ActionGroup--quiet) .spectrum-ActionGroup-item:last-child`, `.spectrum-ActionGroup--compact.spectrum-ActionGroup--vertical:not(.spectrum-ActionGroup--quiet) .spectrum-ActionGroup-item`. <br/>Defaults to `0`, if not set.",
101101
"control": "text",
102102
"category": "Component"
103103
},
104104
"spectrum-actiongroup-border-radius": {
105-
"value": "var(--spectrum-corner-radius-100)",
106-
"description": "Defined in `.spectrum-ActionGroup`. Used by `--mod-actionbutton-focus-indicator-border-radius`, `.spectrum-ActionGroup--compact:not(.spectrum-ActionGroup--quiet) .spectrum-ActionGroup-item:first-child`, `.spectrum-ActionGroup--compact:not(.spectrum-ActionGroup--quiet) .spectrum-ActionGroup-item:last-child`, `.spectrum-ActionGroup--compact.spectrum-ActionGroup--vertical:not(.spectrum-ActionGroup--quiet) .spectrum-ActionGroup-item:first-child`, `.spectrum-ActionGroup--compact.spectrum-ActionGroup--vertical:not(.spectrum-ActionGroup--quiet) .spectrum-ActionGroup-item:last-child`.",
105+
"value": "4px",
106+
"description": "Defined in `.spectrum-ActionGroup`. <br/>Used by `--mod-actionbutton-focus-indicator-border-radius`, `.spectrum-ActionGroup--compact:not(.spectrum-ActionGroup--quiet) .spectrum-ActionGroup-item:first-child`, `.spectrum-ActionGroup--compact:not(.spectrum-ActionGroup--quiet) .spectrum-ActionGroup-item:last-child`, `.spectrum-ActionGroup--compact.spectrum-ActionGroup--vertical:not(.spectrum-ActionGroup--quiet) .spectrum-ActionGroup-item:first-child`, `.spectrum-ActionGroup--compact.spectrum-ActionGroup--vertical:not(.spectrum-ActionGroup--quiet) .spectrum-ActionGroup-item:last-child`. <br/>Defaults to `var(--spectrum-corner-radius-100)`, if not set.",
107107
"control": "text",
108108
"category": "Component"
109109
},
110110
"spectrum-actiongroup-horizontal-spacing-regular": {
111-
"value": "var(--spectrum-spacing-100)",
112-
"description": "Defined in `.spectrum-ActionGroup--sizeS, .spectrum-ActionGroup--sizeXS`, `.spectrum-ActionGroup--sizeL, .spectrum-ActionGroup--sizeM, .spectrum-ActionGroup--sizeXL`. Used by `.spectrum-ActionGroup`.",
111+
"value": "8px",
112+
"description": "Defined in `.spectrum-ActionGroup--sizeS, .spectrum-ActionGroup--sizeXS`, `.spectrum-ActionGroup--sizeL, .spectrum-ActionGroup--sizeM, .spectrum-ActionGroup--sizeXL`. <br/>Used by `.spectrum-ActionGroup`. <br/>Defaults to `var(--spectrum-spacing-100)`, if not set.",
113113
"control": "text",
114114
"category": "Component"
115115
},
116116
"spectrum-actiongroup-vertical-spacing-regular": {
117-
"value": "var(--spectrum-spacing-100)",
118-
"description": "Defined in `.spectrum-ActionGroup--sizeS, .spectrum-ActionGroup--sizeXS`, `.spectrum-ActionGroup--sizeL, .spectrum-ActionGroup--sizeM, .spectrum-ActionGroup--sizeXL`. Used by `.spectrum-ActionGroup--vertical`.",
117+
"value": "8px",
118+
"description": "Defined in `.spectrum-ActionGroup--sizeS, .spectrum-ActionGroup--sizeXS`, `.spectrum-ActionGroup--sizeL, .spectrum-ActionGroup--sizeM, .spectrum-ActionGroup--sizeXL`. <br/>Used by `.spectrum-ActionGroup--vertical`. <br/>Defaults to `var(--spectrum-spacing-100)`, if not set.",
119119
"control": "text",
120120
"category": "Component"
121121
}
122122
},
123123
"global": {
124124
"spectrum-corner-radius-100": {
125+
"value": "4px",
125126
"description": "Used by `--spectrum-actiongroup-border-radius`.",
126127
"control": "text",
127128
"category": "Global"
128129
},
129130
"spectrum-spacing-75": {
131+
"value": "4px",
130132
"description": "Used by `--spectrum-actiongroup-horizontal-spacing-regular`, `--spectrum-actiongroup-vertical-spacing-regular`.",
131133
"control": "text",
132134
"category": "Global"
133135
},
134136
"spectrum-spacing-100": {
137+
"value": "8px",
135138
"description": "Used by `--spectrum-actiongroup-horizontal-spacing-regular`, `--spectrum-actiongroup-vertical-spacing-regular`.",
136139
"control": "text",
137140
"category": "Global"

‎components/actionmenu/stories/actionmenu.stories.js

Lines changed: 5 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -7,6 +7,7 @@ import { isOpen } from "@spectrum-css/preview/types";
77
import { ActionMenuGroup } from "./actionmenu.test.js";
88

99
// Local assets to render the component styles and structure
10+
import metadata from "../dist/metadata.json";
1011
import packageJson from "../package.json";
1112

1213
/**
@@ -48,7 +49,10 @@ export default {
4849
],
4950
},
5051
packageJson,
51-
cssprops: false,
52+
cssprops: {
53+
...metadata.modifiers,
54+
...metadata.component,
55+
},
5256
docs: {
5357
story: {
5458
height: "200px",

0 commit comments

Comments
 (0)