Loading
Commits on Source 73
-
Dan MH (former GitLab team member) authored
-
Scott de Jonge authored
Remove blue from form controls See merge request !5928 Merged-by:
Scott de Jonge <sdejonge@gitlab.com> Approved-by:
Scott de Jonge <sdejonge@gitlab.com> Approved-by:
Sascha Eggenberger <seggenberger@gitlab.com> Reviewed-by:
Sascha Eggenberger <seggenberger@gitlab.com> Reviewed-by:
Scott de Jonge <sdejonge@gitlab.com> Co-authored-by:
GitLab Bot <gitlab-bot@gitlab.com> Co-authored-by:
Dan MH <dmizzi-harris@gitlab.com>
-
Dan MH (former GitLab team member) authored
-
Dan MH (former GitLab team member) authored
Update neutral colors to support brand work See merge request !5902 Merged-by:
Dan MH <dmizzi-harris@gitlab.com> Approved-by:
Mark Florian <mflorian@gitlab.com>
Approved-by: Jeremy Elder <jelder@gitlab.com> Reviewed-by:
Mark Florian <mflorian@gitlab.com>
Co-authored-by: GitLab Bot <gitlab-bot@gitlab.com>
-
Dan MH (former GitLab team member) authored
-
Mark Florian authored
Action.selected - Blue → neutral, featuring pagination and path See merge request !5934 Merged-by:
Mark Florian <mflorian@gitlab.com>
Approved-by: Jeremy Elder <jelder@gitlab.com> Approved-by:
Mark Florian <mflorian@gitlab.com>
Co-authored-by: GitLab Bot <gitlab-bot@gitlab.com> Co-authored-by:
Dan MH <dmizzi-harris@gitlab.com>
-
Mark Florian authored
-
Dan MH (former GitLab team member) authored
Remove blue from GlToggle by overriding the toggle.switch.track.color.checked contextual tokens directly with neutral values, leaving the action.strong.confirm semantic tokens unchanged. Update toggle to only show icons in forced colours / high contrast modes.
-
Dan MH (former GitLab team member) authored
Repoints toggle.switch.track.color.unchecked.* from action.strong.neutral.background.color.* to control.border.color.* so the off-state track unifies with other form controls (input, checkbox, radio borders) and increases contrast against the on-state. The active state aliases control.border.color.focus since control.border.color has no active variant. Adds toggle.switch.background.color.{unchecked,checked,disabled} for the visible thumb fill, aliased to control.indicator.color.selected, action.strong.confirm.foreground.color.*, and action.disabled.foreground.color respectively. Replaces remaining direct action.strong.{neutral,confirm}.* references in toggle.scss with the new toggle-contextual tokens or the (transparent) action.neutral.border.color.* family for the inset border overlay and focus-ring inset color, matching the toggle's new neutral identity. -
Dan MH (former GitLab team member) authored
The visible thumb is now rendered by a ::before pseudo-element on .toggle-icon. Scale lives on the pseudo, translation lives on .toggle-icon, and the inner SVG sits at its intrinsic size centered in the unscaled container. This decoupling avoids transform compounding between the parent thumb and child SVG, which previously caused flicker when the off-state thumb grew on hover. The unchecked thumb pseudo uses scale(0.75) (12px in a 16px container) so the off state reads as a smaller, dormant dot. Hovering an unchecked toggle grows it to scale(0.875) (14px), while the checked state keeps the full-size translated thumb with color-only hover feedback to preserve its 'settled' reading. Disabled states preserve their respective sizes without the hover-grow. Track and thumb transitions are also brought in line with the feedback animation guidelines: 200ms duration with $gl-easing-out-cubic, explicit per-property longhand, and gl-prefers-reduced-motion-transition support.
-
Dan MH (former GitLab team member) authored
-
🤖 GitLab Bot 🤖 authored
-
Mark Florian authored
Remove blue from GlToggle and simplify the visual See merge request !5929 Merged-by:
Mark Florian <mflorian@gitlab.com>
Approved-by:
Mark Florian <mflorian@gitlab.com>
Approved-by: Sascha Eggenberger <seggenberger@gitlab.com> Approved-by:
Jeremy Elder <jelder@gitlab.com> Reviewed-by:
Scott de Jonge <sdejonge@gitlab.com> Co-authored-by:
GitLab Bot <gitlab-bot@gitlab.com> Co-authored-by:
Dan MH <dmizzi-harris@gitlab.com>
-
Dan MH (former GitLab team member) authored
-
Dan MH (former GitLab team member) authored
The previous values used colored-tint overlays (e.g. neutral-500 at 16%), which when swapped 1:1 to neutral-black/white alpha tokens at the same step produced visibly heavier hover/focus/active backgrounds — most noticeably on dropdown options and confirm-secondary buttons. To preserve the original visual weight, the alpha steps were re-mapped to closer perceptual matches (e.g. neutral-500 at 16% -> alpha.dark.6 on hover, neutral-700 at 24% -> alpha.dark.16 on active).
-
Dan MH (former GitLab team member) authored
-
🤖 GitLab Bot 🤖 authored
-
Mark Florian authored
Remove blue from buttons and prepare for tints See merge request !5936 Merged-by:
Mark Florian <mflorian@gitlab.com>
Approved-by:
Mark Florian <mflorian@gitlab.com>
Approved-by: Scott de Jonge <sdejonge@gitlab.com> Approved-by:
Sascha Eggenberger <seggenberger@gitlab.com> Reviewed-by:
Mark Florian <mflorian@gitlab.com>
Reviewed-by: Sascha Eggenberger <seggenberger@gitlab.com> Reviewed-by:
Scott de Jonge <sdejonge@gitlab.com> Reviewed-by:
GitLab Duo <gitlab-duo@gitlab.com> Co-authored-by:
GitLab Bot <gitlab-bot@gitlab.com> Co-authored-by:
Dan MH <dmizzi-harris@gitlab.com>
-
Sascha Eggenberger authored
-
Scott de Jonge authored
Update alerts See merge request !5951 Merged-by:
Scott de Jonge <sdejonge@gitlab.com> Approved-by:
Dan MH <dmizzi-harris@gitlab.com> Approved-by:
Scott de Jonge <sdejonge@gitlab.com> Reviewed-by:
Scott de Jonge <sdejonge@gitlab.com> Co-authored-by:
GitLab Bot <gitlab-bot@gitlab.com> Co-authored-by:
Sascha Eggenberger <seggenberger@gitlab.com>
-
Dan MH (former GitLab team member) authored
-
Jeremy Elder authored
Add application-chrome.background.color contextual design token See merge request !5975 Merged-by:
Jeremy Elder <jelder@gitlab.com> Approved-by:
Mark Florian <mflorian@gitlab.com>
Approved-by: Jeremy Elder <jelder@gitlab.com> Reviewed-by:
GitLab Duo <gitlab-duo@gitlab.com> Co-authored-by:
Dan MH <dmizzi-harris@gitlab.com>
-
Chad Lavimoniere authored
This gives GlTab access to the neutral action color tokens.
-
🤖 GitLab Bot 🤖 authored
-
Scott de Jonge authored
Use Action selected border on tab See merge request !5981 Merged-by:
Scott de Jonge <sdejonge@gitlab.com> Approved-by:
Jeremy Elder <jelder@gitlab.com> Approved-by:
Scott de Jonge <sdejonge@gitlab.com> Reviewed-by:
Scott de Jonge <sdejonge@gitlab.com> Reviewed-by:
GitLab Duo <gitlab-duo@gitlab.com> Co-authored-by:
GitLab Bot <gitlab-bot@gitlab.com> Co-authored-by:
Chad Lavimoniere <clavimoniere@gitlab.com>
-
Update light-mode values for background and border semantic tokens to align with new warm-neutral surface decisions. Dark-mode values are unchanged. Background: - background.color.default: neutral.0 -> neutral.10 - background.color.subtle: neutral.10 -> neutral.50 - background.color.strong: neutral.50 -> neutral.0 - background.color.disabled: neutral.10 -> neutral.50 Border: - border.color.default: neutral.100 -> neutral.200 - border.color.subtle: neutral.50 -> neutral.100 - border.color.strong: neutral.200 -> neutral.300 Refs https://gitlab.com/gitlab-org/gitlab-services/design.gitlab.com/-/work_items/3471
-
Fix WCAG AA contrast failure for .btn-danger-tertiary text against the new background.color.default (neutral.10) and keep the state progression proportional by shifting each step up by one: - action.danger.foreground.color.default: red.500 -> red.600 - action.danger.foreground.color.hover: red.700 -> red.800 - action.danger.foreground.color.active: red.900 -> red.950 action.danger.foreground.color.focus aliases hover, so it follows automatically. Dark-mode values are unchanged. Refs !5980
-
-
Mark Florian authored
Update semantic surface and border neutral assignments See merge request !5980 Merged-by:
Mark Florian <mflorian@gitlab.com>
Approved-by: Sascha Eggenberger <seggenberger@gitlab.com> Approved-by:
Mark Florian <mflorian@gitlab.com>
Reviewed-by:
Mark Florian <mflorian@gitlab.com>
Reviewed-by: Sascha Eggenberger <seggenberger@gitlab.com> Reviewed-by:
GitLab Duo <gitlab-duo@gitlab.com> Co-authored-by:
GitLab Bot <gitlab-bot@gitlab.com> Co-authored-by:
Dan MH <dmizzi-harris@gitlab.com>
-
🤖 GitLab Bot 🤖 authored
-
Thomas Hutterer authored
Merge main into design-updates See merge request !5990 Merged-by:
Thomas Hutterer <thutterer@gitlab.com> Approved-by:
Dan MH <dmizzi-harris@gitlab.com> Approved-by:
Thomas Hutterer <thutterer@gitlab.com> Reviewed-by:
GitLab Duo <gitlab-duo@gitlab.com> Co-authored-by:
GitLab Renovate Bot <gitlab-bot@gitlab.com> Co-authored-by:
Scott de Jonge <sdejonge@gitlab.com> Co-authored-by:
Paul Gascou-Vaillancourt <pgascouvaillancourt@gitlab.com> Co-authored-by:
Savas Vedova <svedova@gitlab.com>
Co-authored-by: Jeremy Elder <jelder@gitlab.com> Co-authored-by:
Trevor Pierce <tpierce@gitlab.com> Co-authored-by:
Lorenz van Herwaarden <lvanherwaarden@gitlab.com>
Co-authored-by:
Enrique Alcántara <ealcantara@gitlab.com>
Co-authored-by: Chad Lavimoniere <clavimoniere@gitlab.com> Co-authored-by:
Vanessa Otto <votto@gitlab.com> Co-authored-by:
Sascha Eggenberger <seggenberger@gitlab.com> Co-authored-by:
Mark Florian <mflorian@gitlab.com>
Co-authored-by: Adam Ferch <aferch@gitlab.com> Co-authored-by:
Peter Hegman <phegman@gitlab.com> Co-authored-by:
Oleksandr Pysaryuk <opysaryuk@gitlab.com>
-
Scott de Jonge authored
In order to integrate theme neutral tints into the product in the same assets as other design system changes, use existing `ui-*` prefixed classes for theme tints. This will allow us to validate neutral tints in `design-updates` feature branch without requiring integration work in the product to use `tint-neutral-*` classes.
-
Scott de Jonge authored
-
Scott de Jonge authored
-
Mark Florian authored
-
Mark Florian authored
Update neutral tint theme classes to use product theme classes See merge request !5999 Merged-by:
Mark Florian <mflorian@gitlab.com>
Approved-by: Dan MH <dmizzi-harris@gitlab.com> Approved-by:
Mark Florian <mflorian@gitlab.com>
Reviewed-by:
Mark Florian <mflorian@gitlab.com>
Reviewed-by: GitLab Duo <gitlab-duo@gitlab.com> Co-authored-by:
Scott de Jonge <sdejonge@gitlab.com>
-
Mark Florian authored
This merges the latest main into design-updates. There were merge conflicts in: - Generated design token files (`packages/gitlab-ui/src/tokens/build/**/*`); fixed by running `yarn workspace @gitlab/ui build-tokens`. - Screenshots for collapsible listbox; fixed by running the `ui:update_screenshots` job locally using [`glci`][1]. [1]: https://gitlab.com/gitlab-org/ci-cd/runner-tools/glci
-
Scott de Jonge authored
# Conflicts: # packages/gitlab-ui/src/scss/themes.scss # packages/gitlab-ui/src/tokens/build/css/tokens.css # packages/gitlab-ui/src/tokens/build/css/tokens.dark.css # packages/gitlab-ui/src/tokens/build/figma/mode.dark.json # packages/gitlab-ui/src/tokens/build/figma/mode.json # packages/gitlab-ui/src/tokens/build/js/tokens.dark.js # packages/gitlab-ui/src/tokens/build/js/tokens.js # packages/gitlab-ui/src/tokens/build/json/tokens.dark.json # packages/gitlab-ui/src/tokens/build/json/tokens.json # packages/gitlab-ui/src/tokens/build/scss/_tokens.dark.scss # packages/gitlab-ui/src/tokens/build/scss/_tokens.scss # packages/gitlab-ui/src/tokens/contextual/toggle.tokens.json # packages/gitlab-ui/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-accordion-default-1-snap.png # packages/gitlab-ui/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-alert-undismissible-danger-with-actions-1-snap.png # packages/gitlab-ui/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-banner-custom-illustration-1-snap.png # packages/gitlab-ui/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-banner-default-1-snap.png # packages/gitlab-ui/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-banner-introduction-1-snap.png # packages/gitlab-ui/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-banner-no-image-1-snap.png # packages/gitlab-ui/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-banner-with-actions-1-snap.png # packages/gitlab-ui/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-button-all-variants-and-categories-1-snap.png # packages/gitlab-ui/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-button-borderless-tertiary-1-snap.png # packages/gitlab-ui/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-button-button-with-badge-1-snap.png # packages/gitlab-ui/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-button-button-with-count-1-snap.png # packages/gitlab-ui/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-button-dropdown-split-button-1-snap.png # packages/gitlab-ui/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-button-group-all-default-variants-1-snap.png # packages/gitlab-ui/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-button-group-all-legacy-dropdowns-variants-1-snap.png # packages/gitlab-ui/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-button-group-all-split-dropdowns-variants-1-snap.png # packages/gitlab-ui/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-button-group-combined-variants-1-snap.png # packages/gitlab-ui/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-datepicker-default-1-snap.png # packages/gitlab-ui/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-drawer-with-actions-1-snap.png # packages/gitlab-ui/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-dropdown-collapsible-listbox-custom-groups-and-items-1-snap.png # packages/gitlab-ui/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-dropdown-collapsible-listbox-custom-list-item-1-snap.png # packages/gitlab-ui/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-dropdown-collapsible-listbox-custom-toggle-1-snap.png # packages/gitlab-ui/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-dropdown-collapsible-listbox-default-1-snap.png # packages/gitlab-ui/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-dropdown-collapsible-listbox-group-without-label-1-snap.png # packages/gitlab-ui/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-dropdown-collapsible-listbox-groups-1-snap.png # packages/gitlab-ui/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-dropdown-collapsible-listbox-in-form-group-1-snap.png # packages/gitlab-ui/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-dropdown-collapsible-listbox-in-form-group-searchable-1-snap.png # packages/gitlab-ui/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-dropdown-collapsible-listbox-panel-match-trigger-width-1-snap.png # packages/gitlab-ui/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-dropdown-collapsible-listbox-searchable-1-snap.png # packages/gitlab-ui/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-dropdown-collapsible-listbox-searchable-groups-1-snap.png # packages/gitlab-ui/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-dropdown-collapsible-listbox-searchable-multi-1-snap.png # packages/gitlab-ui/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-dropdown-collapsible-listbox-with-long-content-1-snap.png # packages/gitlab-ui/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-dropdown-deprecated-dropdown-item-checked-1-snap.png # packages/gitlab-ui/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-dropdown-deprecated-dropdown-item-checked-with-avatar-1-snap.png # packages/gitlab-ui/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-dropdown-deprecated-dropdown-item-checked-with-secondary-text-1-snap.png # packages/gitlab-ui/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-dropdown-deprecated-secondary-1-snap.png # packages/gitlab-ui/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-dropdown-deprecated-with-checked-items-1-snap.png # packages/gitlab-ui/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-dropdown-deprecated-with-clear-all-1-snap.png # packages/gitlab-ui/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-dropdown-deprecated-with-highlighted-items-1-snap.png # packages/gitlab-ui/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-dropdown-disclosure-dropdown-custom-groups-items-and-toggle-1-snap.png # packages/gitlab-ui/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-form-form-checkbox-default-1-snap.png # packages/gitlab-ui/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-form-form-checkbox-single-checkbox-1-snap.png # packages/gitlab-ui/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-form-form-default-1-snap.png # packages/gitlab-ui/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-form-form-radio-default-1-snap.png # packages/gitlab-ui/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-form-form-radio-group-default-1-snap.png # packages/gitlab-ui/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-modal-default-1-snap.png # packages/gitlab-ui/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-modal-with-a-header-1-snap.png # packages/gitlab-ui/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-modal-with-scrolling-content-1-snap.png # packages/gitlab-ui/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-modal-without-a-footer-1-snap.png # packages/gitlab-ui/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-modal-without-focus-1-snap.png # packages/gitlab-ui/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-pagination-align-center-1-snap.png # packages/gitlab-ui/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-pagination-align-right-1-snap.png # packages/gitlab-ui/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-pagination-default-1-snap.png # packages/gitlab-ui/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-pagination-link-based-1-snap.png # packages/gitlab-ui/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-path-all-options-1-snap.png # packages/gitlab-ui/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-path-default-1-snap.png # packages/gitlab-ui/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-path-with-popovers-1-snap.png # packages/gitlab-ui/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-sorting-default-1-snap.png # packages/gitlab-ui/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-tabs-contentless-tab-1-snap.png # packages/gitlab-ui/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-tabs-default-1-snap.png # packages/gitlab-ui/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-tabs-justified-tabs-1-snap.png # packages/gitlab-ui/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-tabs-with-counter-badges-1-snap.png # packages/gitlab-ui/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-tabs-with-counter-badges-legacy-1-snap.png # packages/gitlab-ui/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-tabs-with-scroll-1-snap.png # packages/gitlab-ui/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-toggle-all-variants-1-snap.png # packages/gitlab-ui/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-toggle-default-1-snap.png # packages/gitlab-ui/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-toggle-label-position-left-1-snap.png # packages/gitlab-ui/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-toggle-with-custom-class-1-snap.png # packages/gitlab-ui/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-toggle-with-description-1-snap.png # packages/gitlab-ui/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-toggle-with-long-help-1-snap.png # packages/gitlab-ui/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-base-token-selector-default-1-snap.png # packages/gitlab-ui/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-dashboards-dashboards-panel-with-loading-1-snap.png # packages/gitlab-ui/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-dashboards-dashboards-panel-with-loading-delayed-1-snap.png # packages/gitlab-ui/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-regions-empty-state-custom-actions-1-snap.png # packages/gitlab-ui/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-regions-empty-state-custom-illustration-1-snap.png # packages/gitlab-ui/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-regions-empty-state-default-1-snap.png # packages/gitlab-ui/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-regions-empty-state-no-illustration-1-snap.png # packages/gitlab-ui/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-regions-empty-state-not-fullscreen-1-snap.png # packages/gitlab-ui/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-regions-empty-state-single-button-1-snap.png # packages/gitlab-ui/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-regions-empty-state-slotted-description-1-snap.png # packages/gitlab-ui/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-tokens-constant-alpha-light-1-snap.png
-
Scott de Jonge authored
-
Scott de Jonge authored
-
Mark Florian authored
Using the local method documented in !6231.
-
Scott de Jonge authored
This merges the latest main into design-updates. There were merge conflicts in: - Generated design token files (`packages/gitlab-ui/src/tokens/build/**/*`); fixed by running `yarn workspace @gitlab/ui build-tokens`. - Screenshots for collapsible listbox; fixed by running the `ui:update_screenshots` job locally using [`glci`][1]. [1]: https://gitlab.com/gitlab-org/ci-cd/runner-tools/glci
-
Scott de Jonge authored
-
Scott de Jonge authored
Restore light-mode values for background and border semantic tokens to previous definitions. Dark-mode values are unchanged. Background: - background.color.default: neutral.10 -> neutral.0 - background.color.subtle: neutral.50 -> neutral.10 - background.color.strong: neutral.0 -> neutral.50 - background.color.disabled: neutral.50 -> neutral.10 Border: - border.color.default: neutral.200 -> neutral.100 - border.color.subtle: neutral.100 -> neutral.50 - border.color.strong: neutral.300 -> neutral.200
-
🤖 GitLab Bot 🤖 authored
-
Mark Florian authored
Merge branch 'design-updates-revert-update-semantic-surface-and-border-neutral-assignments' into 'design-updates' Revert semantic surface and border neutral assignments See merge request !6297 Merged-by:
Mark Florian <mflorian@gitlab.com>
Approved-by:
Mark Florian <mflorian@gitlab.com>
Approved-by: Chad Lavimoniere <clavimoniere@gitlab.com> Co-authored-by:
GitLab Bot <gitlab-bot@gitlab.com> Co-authored-by:
Scott de Jonge <sdejonge@gitlab.com>
-
🤖 GitLab Bot 🤖 authored
-
🤖 GitLab Bot 🤖 authored
-
Savas Vedova authored
Update dependency autoprefixer to v10.5.5 See merge request !6309 Merged-by:
Savas Vedova <svedova@gitlab.com>
Approved-by:
Savas Vedova <svedova@gitlab.com>
Co-authored-by: GitLab Renovate Bot <gitlab-bot@gitlab.com>
-
Jose Ivan Vargas authored
Update dependency postcss to v8.5.28 See merge request !6308 Merged-by:
Jose Ivan Vargas <jvargas@gitlab.com> Approved-by:
Jose Ivan Vargas <jvargas@gitlab.com> Co-authored-by:
GitLab Renovate Bot <gitlab-bot@gitlab.com>
-
Scott de Jonge authored
`yarn create @gitlab/ui` now asks which Vue version to scaffold. The new default is Vue 3 through the migration build (`@vue/compat`), matching how GitLab runs Vue 3, with `vue-router` 4 and compat mode configured in `src/compat.js`. Vue 2.7 with `vue-router` 3 remains available as the second option, unchanged from what the kit produced before
-
Scott de Jonge authored
Pass `--vue-version compat` or `--vue-version 2` to skip the prompt Add a `--help` flag `yarn create @gitlab/ui --help` (or `-h`) prints the usage summary, the available options, and the Vue versions `--vue-version` accepts.
-
Scott de Jonge authored
-
Scott de Jonge authored
-
Scott de Jonge authored
-
Chad Lavimoniere authored
-
Chad Lavimoniere authored
Resolve TODO in sorting docs: add accessibility guidelines See merge request !6159 Merged-by:
Chad Lavimoniere <clavimoniere@gitlab.com> Approved-by:
Trevor Pierce <tpierce@gitlab.com> Reviewed-by:
GitLab Duo <gitlab-duo@gitlab.com> Reviewed-by:
Trevor Pierce <tpierce@gitlab.com> Co-authored-by:
Duo Developer <service_account_group_9970_1976e9ecde3c53c783b64edb9ae993eb@noreply.gitlab.com>
-
Mark Florian authored
- Prompt for project path if not given, and validate it. - Add `untildify` to expand a leading `~` in the project path. - Rename the local `parseArgs` function to `parseArguments` and drop the `parseArgs as parseArgv` alias. Drop the redundant `args:` option. - Rename the "variant" concept to "vue version" throughout. - Drop the `hint` field in Vue versions. - Prefix Node built-in imports with `node:`. - Allow console calls in `@gitlab/create-ui` script in global ESLint configuration. - Replace `process.exit(1)` with `process.exitCode = 1; return` so any teardown callbacks can run. - Move process teardown checks into `main`.
-
Mark Florian authored
gitlab-ui-starter Add a Vue version prompt with a `@vue/compat` template See merge request !6268 Merged-by:
Mark Florian <mflorian@gitlab.com>
Approved-by:
Mark Florian <mflorian@gitlab.com>
Reviewed-by:
Mark Florian <mflorian@gitlab.com>
Reviewed-by: Scott de Jonge <sdejonge@gitlab.com> Reviewed-by:
GitLab Duo <gitlab-duo@gitlab.com> Co-authored-by:
Scott de Jonge <sdejonge@gitlab.com>
-
Mark Florian authored
Design updates: integrate Aura design system visual updates See merge request !5931 Merged-by:
Mark Florian <mflorian@gitlab.com>
Approved-by: Thomas Hutterer <thutterer@gitlab.com> Approved-by:
Jeremy Elder <jelder@gitlab.com> Reviewed-by:
Mark Florian <mflorian@gitlab.com>
Reviewed-by: GitLab Duo <gitlab-duo@gitlab.com> Co-authored-by:
Scott de Jonge <sdejonge@gitlab.com> Co-authored-by:
GitLab Bot <gitlab-bot@gitlab.com> Co-authored-by:
Thomas Hutterer <thutterer@gitlab.com> Co-authored-by:
Dan MH <dmizzi-harris@gitlab.com> Co-authored-by:
Chad Lavimoniere <clavimoniere@gitlab.com> Co-authored-by:
Jeremy Elder <jelder@gitlab.com> Co-authored-by:
Sascha Eggenberger <seggenberger@gitlab.com>
-
Chad Lavimoniere authored
-
Chad Lavimoniere authored
Docs examples 01/14: Update live example infrastructure See merge request !6312 Merged-by:
Chad Lavimoniere <clavimoniere@gitlab.com> Approved-by:
Jeremy Elder <jelder@gitlab.com> Reviewed-by:
GitLab Duo <gitlab-duo@gitlab.com>
-
Chad Lavimoniere authored
-
Chad Lavimoniere authored
Docs examples 02/14: Rework button and button group examples See merge request !6313 Merged-by:
Chad Lavimoniere <clavimoniere@gitlab.com> Approved-by:
Adam Ferch <aferch@gitlab.com>
-
Chad Lavimoniere authored
-
Chad Lavimoniere authored
Add restraint pass and rendered review to the pajamas skill See merge request !6299 Merged-by:
Chad Lavimoniere <clavimoniere@gitlab.com> Approved-by:
Adam Ferch <aferch@gitlab.com> Reviewed-by:
GitLab Duo <gitlab-duo@gitlab.com> Co-authored-by:
Duo Developer <service_account_group_9970_1976e9ecde3c53c783b64edb9ae993eb@noreply.gitlab.com>
-
Chad Lavimoniere authored
-
Jeremy Elder authored
Resolve TODO in progress bar docs: add size use cases See merge request !6158 Merged-by:
Jeremy Elder <jelder@gitlab.com> Approved-by:
Jeremy Elder <jelder@gitlab.com> Reviewed-by:
GitLab Duo <gitlab-duo@gitlab.com> Co-authored-by:
Chad Lavimoniere <clavimoniere@gitlab.com> Co-authored-by:
Duo Developer <service_account_group_9970_1976e9ecde3c53c783b64edb9ae993eb@noreply.gitlab.com>
-
Chad Lavimoniere authored
-
Chad Lavimoniere authored
Fix broken links flagged by the docs link checker See merge request !6326 Merged-by:
Chad Lavimoniere <clavimoniere@gitlab.com> Approved-by:
Adam Ferch <aferch@gitlab.com> Approved-by:
Scott de Jonge <sdejonge@gitlab.com>
-
Chad Lavimoniere authored
-
Chad Lavimoniere authored
Add conceptual primer for reading utility classes See merge request !6212 Merged-by:
Chad Lavimoniere <clavimoniere@gitlab.com> Approved-by:
Scott de Jonge <sdejonge@gitlab.com> Reviewed-by:
Mark Florian <mflorian@gitlab.com>
Reviewed-by: Scott de Jonge <sdejonge@gitlab.com> Reviewed-by:
GitLab Duo <gitlab-duo@gitlab.com>
-
🤖 GitLab Bot 🤖 authored