diff --git a/.github/dependabot.yml b/.github/dependabot.yml index 1344dedde..0e1c539fc 100644 --- a/.github/dependabot.yml +++ b/.github/dependabot.yml @@ -5,8 +5,12 @@ updates: directory: "/" schedule: interval: "daily" + time: "03:00" + timezone: "Europe/Berlin" pull-request-branch-name: separator: "-" + reviewers: + - "github-actions" # Daily: Check minor and patch updates - package-ecosystem: "npm" @@ -14,7 +18,11 @@ updates: open-pull-requests-limit: 10 schedule: interval: "daily" + time: "03:00" + timezone: "Europe/Berlin" pull-request-branch-name: separator: "-" # https://github.com/dependabot/dependabot-core/issues/5226#issuecomment-1179434437 versioning-strategy: increase + reviewers: + - "github-actions" diff --git a/.github/workflows/00-scan-secrets.yml b/.github/workflows/00-scan-secrets.yml index 5a87f3f58..1e530dbb3 100644 --- a/.github/workflows/00-scan-secrets.yml +++ b/.github/workflows/00-scan-secrets.yml @@ -17,7 +17,7 @@ jobs: id: extract_branch - name: 🐷 TruffleHog OSS - uses: trufflesecurity/trufflehog@v3.16.4 + uses: trufflesecurity/trufflehog@v3.17.0 with: path: ./ base: ${{ steps.extract_branch.outputs.branch-name }} diff --git a/.github/workflows/01-lint.yml b/.github/workflows/01-lint.yml index 8ab74aab7..50c94b99a 100644 --- a/.github/workflows/01-lint.yml +++ b/.github/workflows/01-lint.yml @@ -14,7 +14,7 @@ jobs: - name: 🔄 Init Cache uses: ./.github/actions/npm-cache - - name: ⚡ Run Test + - name: ⚡ Run Lint run: npm run lint - name: 💀 Killing me softly diff --git a/.stylelintrc.json b/.stylelintrc.json index 843491ba7..594647ef1 100644 --- a/.stylelintrc.json +++ b/.stylelintrc.json @@ -4,7 +4,16 @@ "stylelint-config-prettier" ], "rules": { + "selector-no-qualifying-type": null, + "selector-class-pattern": null, + "scss/dollar-variable-pattern": null, + "scss/selector-no-redundant-nesting-selector": null, "max-nesting-depth": null, - "order/order": null + "selector-max-compound-selectors": null, + "scss/at-extend-no-missing-placeholder": null, + "declaration-property-value-disallowed-list": null, + "scss/percent-placeholder-pattern": null, + "scss/at-mixin-pattern": null, + "order/properties-alphabetical-order": null } } diff --git a/package-lock.json b/package-lock.json index 92fabf6ff..8bb0f38ca 100644 --- a/package-lock.json +++ b/package-lock.json @@ -32,7 +32,7 @@ "pretty-quick": "3.1.3", "sass": "^1.56.1", "style-dictionary": "3.7.1", - "stylelint": "14.14.1", + "stylelint": "14.15.0", "stylelint-config-prettier": "9.0.4", "stylelint-config-sass-guidelines": "9.0.1", "validate-branch-name": "^1.3.0", @@ -2333,9 +2333,9 @@ } }, "node_modules/cosmiconfig": { - "version": "7.0.1", - "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-7.0.1.tgz", - "integrity": "sha512-a1YWNUV2HwGimB7dU2s1wUMurNKjpx60HxBB6xUM8Re+2s1g1IIfJvFR0/iCF+XHdE0GMTKTuLR32UQff4TEyQ==", + "version": "7.1.0", + "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-7.1.0.tgz", + "integrity": "sha512-AdmX6xUzdNASswsFtmwSt7Vj8po9IuqXm0UXz7QKPuEUmPB4XyjGfaAr2PSuELMwkRMVH1EpIkX5bTZGRB3eCA==", "dev": true, "dependencies": { "@types/parse-json": "^4.0.0", @@ -7680,9 +7680,9 @@ } }, "node_modules/postcss": { - "version": "8.4.18", - "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.18.tgz", - "integrity": "sha512-Wi8mWhncLJm11GATDaQKobXSNEYGUHeQLiQqDFG1qQ5UTDPTEvKw0Xt5NsTpktGTwLps3ByrWsBrG0rB8YQ9oA==", + "version": "8.4.19", + "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.19.tgz", + "integrity": "sha512-h+pbPsyhlYj6N2ozBmHhHrs9DzGmbaarbLvWipMRO7RLS+v4onj26MPFXA5OBYFxyqYhUJK456SwDcY9H2/zsA==", "dev": true, "funding": [ { @@ -9322,15 +9322,15 @@ "dev": true }, "node_modules/stylelint": { - "version": "14.14.1", - "resolved": "https://registry.npmjs.org/stylelint/-/stylelint-14.14.1.tgz", - "integrity": "sha512-Jnftu+lSD8cSpcV/+Z2nfgfgFpTIS1FcujezXPngtoIQ6wtwutL22MsNE0dJuMiM1h1790g2qIjAyUZCMrX4sw==", + "version": "14.15.0", + "resolved": "https://registry.npmjs.org/stylelint/-/stylelint-14.15.0.tgz", + "integrity": "sha512-JOgDAo5QRsqiOZPZO+B9rKJvBm64S0xasbuRPAbPs6/vQDgDCnZLIiw6XcAS6GQKk9k1sBWR6rmH3Mfj8OknKg==", "dev": true, "dependencies": { "@csstools/selector-specificity": "^2.0.2", "balanced-match": "^2.0.0", "colord": "^2.9.3", - "cosmiconfig": "^7.0.1", + "cosmiconfig": "^7.1.0", "css-functions-list": "^3.1.0", "debug": "^4.3.4", "fast-glob": "^3.2.12", @@ -9350,7 +9350,7 @@ "micromatch": "^4.0.5", "normalize-path": "^3.0.0", "picocolors": "^1.0.0", - "postcss": "^8.4.18", + "postcss": "^8.4.19", "postcss-media-query-parser": "^0.2.3", "postcss-resolve-nested-selector": "^0.1.1", "postcss-safe-parser": "^6.0.0", @@ -13591,9 +13591,9 @@ } }, "cosmiconfig": { - "version": "7.0.1", - "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-7.0.1.tgz", - "integrity": "sha512-a1YWNUV2HwGimB7dU2s1wUMurNKjpx60HxBB6xUM8Re+2s1g1IIfJvFR0/iCF+XHdE0GMTKTuLR32UQff4TEyQ==", + "version": "7.1.0", + "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-7.1.0.tgz", + "integrity": "sha512-AdmX6xUzdNASswsFtmwSt7Vj8po9IuqXm0UXz7QKPuEUmPB4XyjGfaAr2PSuELMwkRMVH1EpIkX5bTZGRB3eCA==", "dev": true, "requires": { "@types/parse-json": "^4.0.0", @@ -17622,9 +17622,9 @@ "dev": true }, "postcss": { - "version": "8.4.18", - "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.18.tgz", - "integrity": "sha512-Wi8mWhncLJm11GATDaQKobXSNEYGUHeQLiQqDFG1qQ5UTDPTEvKw0Xt5NsTpktGTwLps3ByrWsBrG0rB8YQ9oA==", + "version": "8.4.19", + "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.19.tgz", + "integrity": "sha512-h+pbPsyhlYj6N2ozBmHhHrs9DzGmbaarbLvWipMRO7RLS+v4onj26MPFXA5OBYFxyqYhUJK456SwDcY9H2/zsA==", "dev": true, "requires": { "nanoid": "^3.3.4", @@ -18872,15 +18872,15 @@ "dev": true }, "stylelint": { - "version": "14.14.1", - "resolved": "https://registry.npmjs.org/stylelint/-/stylelint-14.14.1.tgz", - "integrity": "sha512-Jnftu+lSD8cSpcV/+Z2nfgfgFpTIS1FcujezXPngtoIQ6wtwutL22MsNE0dJuMiM1h1790g2qIjAyUZCMrX4sw==", + "version": "14.15.0", + "resolved": "https://registry.npmjs.org/stylelint/-/stylelint-14.15.0.tgz", + "integrity": "sha512-JOgDAo5QRsqiOZPZO+B9rKJvBm64S0xasbuRPAbPs6/vQDgDCnZLIiw6XcAS6GQKk9k1sBWR6rmH3Mfj8OknKg==", "dev": true, "requires": { "@csstools/selector-specificity": "^2.0.2", "balanced-match": "^2.0.0", "colord": "^2.9.3", - "cosmiconfig": "^7.0.1", + "cosmiconfig": "^7.1.0", "css-functions-list": "^3.1.0", "debug": "^4.3.4", "fast-glob": "^3.2.12", @@ -18900,7 +18900,7 @@ "micromatch": "^4.0.5", "normalize-path": "^3.0.0", "picocolors": "^1.0.0", - "postcss": "^8.4.18", + "postcss": "^8.4.19", "postcss-media-query-parser": "^0.2.3", "postcss-resolve-nested-selector": "^0.1.1", "postcss-safe-parser": "^6.0.0", diff --git a/package.json b/package.json index 07a8259e8..8da1389e2 100644 --- a/package.json +++ b/package.json @@ -60,7 +60,7 @@ "pretty-quick": "3.1.3", "sass": "^1.56.1", "style-dictionary": "3.7.1", - "stylelint": "14.14.1", + "stylelint": "14.15.0", "stylelint-config-prettier": "9.0.4", "stylelint-config-sass-guidelines": "9.0.1", "validate-branch-name": "^1.3.0", diff --git a/source/_patterns/icons/_icons.demonstration.scss b/source/_patterns/icons/_icons.demonstration.scss index f4a302ef0..57cf80847 100644 --- a/source/_patterns/icons/_icons.demonstration.scss +++ b/source/_patterns/icons/_icons.demonstration.scss @@ -2,7 +2,7 @@ .DO-NOT-COPY-THIS-CLASS-example-icon-list { &, - ul { + ol { list-style: none; padding-left: 0; @@ -18,18 +18,74 @@ min-width: 250px; } .DO-NOT-COPY-THIS-CLASS-example-bg-variants-regular { - ul { + ol { justify-content: flex-end; } } } + details { + summary { + cursor: pointer; + + display: flex; + flex-direction: column; + align-items: center; + + // Remove existing marker + &::-webkit-details-marker { + display: none; + } + // … and using some other declaration for Mozilla Firefox + &:first-of-type { + list-style-type: none; + } + + figure { + text-align: center; + } + } + + ul { + li { + display: list-item; + padding: initial; + } + } + + // Icon details + aside { + position: fixed; + left: 50%; + top: 50%; + transform: translate(-50%, -50%); + z-index: 10; + + background-color: #fff; + box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3); + + padding: 1rem; + } + + // Achieving a full viewport clickarea for closing the overflow menu + &[open] summary::after { + content: "\00A0"; + display: inline-block; + height: 100vh; + left: 0; + position: fixed; + top: 0; + width: 100vw; + z-index: 5; + } + } + & > li { display: flex; } - &.icons { - ul { + &:where(.icons) { + ol { color: $db-colors-secondary-enabled; } @@ -70,7 +126,7 @@ } } &.functional { - ul { + ol { display: flex; align-items: center; } diff --git a/source/_patterns/icons/functional/functional-icons.hbs b/source/_patterns/icons/functional/functional-icons.hbs index 45a36b88a..e25158a40 100644 --- a/source/_patterns/icons/functional/functional-icons.hbs +++ b/source/_patterns/icons/functional/functional-icons.hbs @@ -1,27 +1,49 @@ - + diff --git a/source/_patterns/icons/functional/functional-icons.json b/source/_patterns/icons/functional/functional-icons.json index 3e0fccce7..9d1c71067 100644 --- a/source/_patterns/icons/functional/functional-icons.json +++ b/source/_patterns/icons/functional/functional-icons.json @@ -6,5 +6,7 @@ { "variant": "dark" } - ] + ], + "icon-size": "24", + "icon-style": "outline" } diff --git a/source/_patterns/icons/illustrative/illustrative-icons.hbs b/source/_patterns/icons/illustrative/illustrative-icons.hbs index e10dbd3fb..feddd2d40 100644 --- a/source/_patterns/icons/illustrative/illustrative-icons.hbs +++ b/source/_patterns/icons/illustrative/illustrative-icons.hbs @@ -1,13 +1,25 @@ - +