@gitlab/ui 101.9.0 → 101.10.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (23) hide show
  1. package/CHANGELOG.md +7 -0
  2. package/dist/index.css +1 -1
  3. package/dist/index.css.map +1 -1
  4. package/dist/tokens/build/js/tokens.dark.js +1 -1
  5. package/dist/tokens/build/js/tokens.js +1 -1
  6. package/dist/tokens/css/tokens.css +1 -1
  7. package/dist/tokens/css/tokens.dark.css +1 -1
  8. package/dist/tokens/js/tokens.dark.js +1 -1
  9. package/dist/tokens/js/tokens.js +1 -1
  10. package/dist/tokens/json/tokens.dark.json +3 -3
  11. package/dist/tokens/json/tokens.json +3 -3
  12. package/dist/tokens/scss/_tokens.dark.scss +1 -1
  13. package/dist/tokens/scss/_tokens.scss +1 -1
  14. package/package.json +1 -1
  15. package/src/tokens/build/css/tokens.css +1 -1
  16. package/src/tokens/build/css/tokens.dark.css +1 -1
  17. package/src/tokens/build/js/tokens.dark.js +1 -1
  18. package/src/tokens/build/js/tokens.js +1 -1
  19. package/src/tokens/build/json/tokens.dark.json +3 -3
  20. package/src/tokens/build/json/tokens.json +3 -3
  21. package/src/tokens/build/scss/_tokens.dark.scss +1 -1
  22. package/src/tokens/build/scss/_tokens.scss +1 -1
  23. package/src/tokens/contextual/filtered-search.tokens.json +2 -2
package/dist/tokens/build/js/tokens.dark.js CHANGED
@@ -650,7 +650,7 @@ const GL_FILTERED_SEARCH_TOKEN_TYPE_BACKGROUND_COLOR_HOVER = '#3a383f';
650
650
  const GL_FILTERED_SEARCH_TOKEN_DATA_BACKGROUND_COLOR_DEFAULT = '#3a383f';
651
651
  const GL_FILTERED_SEARCH_TOKEN_DATA_BACKGROUND_COLOR_HOVER = '#4c4b51';
652
652
  const GL_FILTERED_SEARCH_TOKEN_OPERATOR_BACKGROUND_COLOR_DEFAULT = '#28272d';
653
- const GL_FILTERED_SEARCH_TOKEN_OPERATOR_BACKGROUND_COLOR_HOVER = '#4c4b51';
653
+ const GL_FILTERED_SEARCH_TOKEN_OPERATOR_BACKGROUND_COLOR_HOVER = '#3a383f';
654
654
  const GL_LABEL_LIGHT_TEXT_COLOR = '#18171d';
655
655
  const GL_LABEL_LIGHT_BUTTON_BACKGROUND_COLOR_DEFAULT = 'transparent';
656
656
  const GL_LABEL_LIGHT_BUTTON_BACKGROUND_COLOR_HOVER = '#18171d';
package/dist/tokens/build/js/tokens.js CHANGED
@@ -650,7 +650,7 @@ const GL_FILTERED_SEARCH_TOKEN_TYPE_BACKGROUND_COLOR_HOVER = '#dcdcde';
650
650
  const GL_FILTERED_SEARCH_TOKEN_DATA_BACKGROUND_COLOR_DEFAULT = '#dcdcde';
651
651
  const GL_FILTERED_SEARCH_TOKEN_DATA_BACKGROUND_COLOR_HOVER = '#bfbfc3';
652
652
  const GL_FILTERED_SEARCH_TOKEN_OPERATOR_BACKGROUND_COLOR_DEFAULT = '#ececef';
653
- const GL_FILTERED_SEARCH_TOKEN_OPERATOR_BACKGROUND_COLOR_HOVER = '#bfbfc3';
653
+ const GL_FILTERED_SEARCH_TOKEN_OPERATOR_BACKGROUND_COLOR_HOVER = '#dcdcde';
654
654
  const GL_LABEL_LIGHT_TEXT_COLOR = '#18171d';
655
655
  const GL_LABEL_LIGHT_BUTTON_BACKGROUND_COLOR_DEFAULT = 'transparent';
656
656
  const GL_LABEL_LIGHT_BUTTON_BACKGROUND_COLOR_HOVER = '#18171d';
package/dist/tokens/css/tokens.css CHANGED
@@ -675,7 +675,7 @@
675
675
  --gl-filtered-search-token-data-background-color-default: var(--gl-color-neutral-100); /* Used for the filtered search data background color in the default state. */
676
676
  --gl-filtered-search-token-data-background-color-hover: var(--gl-color-neutral-200); /* Used for the filtered search data token background color in the hover state. */
677
677
  --gl-filtered-search-token-operator-background-color-default: var(--gl-color-neutral-50); /* Used for the filtered search operator background color in the default state. */
678
- --gl-filtered-search-token-operator-background-color-hover: var(--gl-color-neutral-200); /* Used for the filtered search operator token background color in the hover state. */
678
+ --gl-filtered-search-token-operator-background-color-hover: var(--gl-color-neutral-100); /* Used for the filtered search operator token background color in the hover state. */
679
679
  --gl-label-light-text-color: var(--gl-color-neutral-950); /* Used for the label text color on a light background color. */
680
680
  --gl-label-light-button-background-color-default: var(--gl-color-alpha-0); /* Used for the label remove button background on a light background color in the default state. */
681
681
  --gl-label-light-button-background-color-hover: var(--gl-color-neutral-950); /* Used for the label remove button background on a light background color in the hover state. */
package/dist/tokens/css/tokens.dark.css CHANGED
@@ -675,7 +675,7 @@
675
675
  --gl-filtered-search-token-data-background-color-default: var(--gl-color-neutral-800); /* Used for the filtered search data background color in the default state. */
676
676
  --gl-filtered-search-token-data-background-color-hover: var(--gl-color-neutral-700); /* Used for the filtered search data token background color in the hover state. */
677
677
  --gl-filtered-search-token-operator-background-color-default: var(--gl-color-neutral-900); /* Used for the filtered search operator background color in the default state. */
678
- --gl-filtered-search-token-operator-background-color-hover: var(--gl-color-neutral-700); /* Used for the filtered search operator token background color in the hover state. */
678
+ --gl-filtered-search-token-operator-background-color-hover: var(--gl-color-neutral-800); /* Used for the filtered search operator token background color in the hover state. */
679
679
  --gl-label-light-text-color: var(--gl-color-neutral-950); /* Used for the label text color on a light background color. */
680
680
  --gl-label-light-button-background-color-default: var(--gl-color-alpha-0); /* Used for the label remove button background on a light background color in the default state. */
681
681
  --gl-label-light-button-background-color-hover: var(--gl-color-neutral-950); /* Used for the label remove button background on a light background color in the hover state. */
package/dist/tokens/js/tokens.dark.js CHANGED
@@ -650,7 +650,7 @@ export const GL_FILTERED_SEARCH_TOKEN_TYPE_BACKGROUND_COLOR_HOVER = '#3a383f';
650
650
  export const GL_FILTERED_SEARCH_TOKEN_DATA_BACKGROUND_COLOR_DEFAULT = '#3a383f';
651
651
  export const GL_FILTERED_SEARCH_TOKEN_DATA_BACKGROUND_COLOR_HOVER = '#4c4b51';
652
652
  export const GL_FILTERED_SEARCH_TOKEN_OPERATOR_BACKGROUND_COLOR_DEFAULT = '#28272d';
653
- export const GL_FILTERED_SEARCH_TOKEN_OPERATOR_BACKGROUND_COLOR_HOVER = '#4c4b51';
653
+ export const GL_FILTERED_SEARCH_TOKEN_OPERATOR_BACKGROUND_COLOR_HOVER = '#3a383f';
654
654
  export const GL_LABEL_LIGHT_TEXT_COLOR = '#18171d';
655
655
  export const GL_LABEL_LIGHT_BUTTON_BACKGROUND_COLOR_DEFAULT = 'transparent';
656
656
  export const GL_LABEL_LIGHT_BUTTON_BACKGROUND_COLOR_HOVER = '#18171d';
package/dist/tokens/js/tokens.js CHANGED
@@ -650,7 +650,7 @@ export const GL_FILTERED_SEARCH_TOKEN_TYPE_BACKGROUND_COLOR_HOVER = '#dcdcde';
650
650
  export const GL_FILTERED_SEARCH_TOKEN_DATA_BACKGROUND_COLOR_DEFAULT = '#dcdcde';
651
651
  export const GL_FILTERED_SEARCH_TOKEN_DATA_BACKGROUND_COLOR_HOVER = '#bfbfc3';
652
652
  export const GL_FILTERED_SEARCH_TOKEN_OPERATOR_BACKGROUND_COLOR_DEFAULT = '#ececef';
653
- export const GL_FILTERED_SEARCH_TOKEN_OPERATOR_BACKGROUND_COLOR_HOVER = '#bfbfc3';
653
+ export const GL_FILTERED_SEARCH_TOKEN_OPERATOR_BACKGROUND_COLOR_HOVER = '#dcdcde';
654
654
  export const GL_LABEL_LIGHT_TEXT_COLOR = '#18171d';
655
655
  export const GL_LABEL_LIGHT_BUTTON_BACKGROUND_COLOR_DEFAULT = 'transparent';
656
656
  export const GL_LABEL_LIGHT_BUTTON_BACKGROUND_COLOR_HOVER = '#18171d';
package/dist/tokens/json/tokens.dark.json CHANGED
@@ -14363,15 +14363,15 @@
14363
14363
  ]
14364
14364
  },
14365
14365
  "hover": {
14366
- "$value": "#4c4b51",
14366
+ "$value": "#3a383f",
14367
14367
  "$type": "color",
14368
14368
  "$description": "Used for the filtered search operator token background color in the hover state.",
14369
14369
  "filePath": "src/tokens/contextual/filtered-search.tokens.json",
14370
14370
  "isSource": true,
14371
14371
  "original": {
14372
14372
  "$value": {
14373
- "default": "{color.neutral.200}",
14374
- "dark": "{color.neutral.700}"
14373
+ "default": "{color.neutral.100}",
14374
+ "dark": "{color.neutral.800}"
14375
14375
  },
14376
14376
  "$type": "color",
14377
14377
  "$description": "Used for the filtered search operator token background color in the hover state."
package/dist/tokens/json/tokens.json CHANGED
@@ -14363,15 +14363,15 @@
14363
14363
  ]
14364
14364
  },
14365
14365
  "hover": {
14366
- "$value": "#bfbfc3",
14366
+ "$value": "#dcdcde",
14367
14367
  "$type": "color",
14368
14368
  "$description": "Used for the filtered search operator token background color in the hover state.",
14369
14369
  "filePath": "src/tokens/contextual/filtered-search.tokens.json",
14370
14370
  "isSource": true,
14371
14371
  "original": {
14372
14372
  "$value": {
14373
- "default": "{color.neutral.200}",
14374
- "dark": "{color.neutral.700}"
14373
+ "default": "{color.neutral.100}",
14374
+ "dark": "{color.neutral.800}"
14375
14375
  },
14376
14376
  "$type": "color",
14377
14377
  "$description": "Used for the filtered search operator token background color in the hover state."
package/dist/tokens/scss/_tokens.dark.scss CHANGED
@@ -673,7 +673,7 @@ $gl-filtered-search-token-type-background-color-hover: $gl-color-neutral-800; //
673
673
  $gl-filtered-search-token-data-background-color-default: $gl-color-neutral-800; // Used for the filtered search data background color in the default state.
674
674
  $gl-filtered-search-token-data-background-color-hover: $gl-color-neutral-700; // Used for the filtered search data token background color in the hover state.
675
675
  $gl-filtered-search-token-operator-background-color-default: $gl-color-neutral-900; // Used for the filtered search operator background color in the default state.
676
- $gl-filtered-search-token-operator-background-color-hover: $gl-color-neutral-700; // Used for the filtered search operator token background color in the hover state.
676
+ $gl-filtered-search-token-operator-background-color-hover: $gl-color-neutral-800; // Used for the filtered search operator token background color in the hover state.
677
677
  $gl-label-light-text-color: $gl-color-neutral-950; // Used for the label text color on a light background color.
678
678
  $gl-label-light-button-background-color-default: $gl-color-alpha-0; // Used for the label remove button background on a light background color in the default state.
679
679
  $gl-label-light-button-background-color-hover: $gl-color-neutral-950; // Used for the label remove button background on a light background color in the hover state.
package/dist/tokens/scss/_tokens.scss CHANGED
@@ -673,7 +673,7 @@ $gl-filtered-search-token-type-background-color-hover: $gl-color-neutral-100; //
673
673
  $gl-filtered-search-token-data-background-color-default: $gl-color-neutral-100; // Used for the filtered search data background color in the default state.
674
674
  $gl-filtered-search-token-data-background-color-hover: $gl-color-neutral-200; // Used for the filtered search data token background color in the hover state.
675
675
  $gl-filtered-search-token-operator-background-color-default: $gl-color-neutral-50; // Used for the filtered search operator background color in the default state.
676
- $gl-filtered-search-token-operator-background-color-hover: $gl-color-neutral-200; // Used for the filtered search operator token background color in the hover state.
676
+ $gl-filtered-search-token-operator-background-color-hover: $gl-color-neutral-100; // Used for the filtered search operator token background color in the hover state.
677
677
  $gl-label-light-text-color: $gl-color-neutral-950; // Used for the label text color on a light background color.
678
678
  $gl-label-light-button-background-color-default: $gl-color-alpha-0; // Used for the label remove button background on a light background color in the default state.
679
679
  $gl-label-light-button-background-color-hover: $gl-color-neutral-950; // Used for the label remove button background on a light background color in the hover state.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gitlab/ui",
3
- "version": "101.9.0",
3
+ "version": "101.10.0",
4
4
  "description": "GitLab UI Components",
5
5
  "license": "MIT",
6
6
  "main": "dist/index.js",
package/src/tokens/build/css/tokens.css CHANGED
@@ -675,7 +675,7 @@
675
675
  --gl-filtered-search-token-data-background-color-default: var(--gl-color-neutral-100); /* Used for the filtered search data background color in the default state. */
676
676
  --gl-filtered-search-token-data-background-color-hover: var(--gl-color-neutral-200); /* Used for the filtered search data token background color in the hover state. */
677
677
  --gl-filtered-search-token-operator-background-color-default: var(--gl-color-neutral-50); /* Used for the filtered search operator background color in the default state. */
678
- --gl-filtered-search-token-operator-background-color-hover: var(--gl-color-neutral-200); /* Used for the filtered search operator token background color in the hover state. */
678
+ --gl-filtered-search-token-operator-background-color-hover: var(--gl-color-neutral-100); /* Used for the filtered search operator token background color in the hover state. */
679
679
  --gl-label-light-text-color: var(--gl-color-neutral-950); /* Used for the label text color on a light background color. */
680
680
  --gl-label-light-button-background-color-default: var(--gl-color-alpha-0); /* Used for the label remove button background on a light background color in the default state. */
681
681
  --gl-label-light-button-background-color-hover: var(--gl-color-neutral-950); /* Used for the label remove button background on a light background color in the hover state. */
package/src/tokens/build/css/tokens.dark.css CHANGED
@@ -675,7 +675,7 @@
675
675
  --gl-filtered-search-token-data-background-color-default: var(--gl-color-neutral-800); /* Used for the filtered search data background color in the default state. */
676
676
  --gl-filtered-search-token-data-background-color-hover: var(--gl-color-neutral-700); /* Used for the filtered search data token background color in the hover state. */
677
677
  --gl-filtered-search-token-operator-background-color-default: var(--gl-color-neutral-900); /* Used for the filtered search operator background color in the default state. */
678
- --gl-filtered-search-token-operator-background-color-hover: var(--gl-color-neutral-700); /* Used for the filtered search operator token background color in the hover state. */
678
+ --gl-filtered-search-token-operator-background-color-hover: var(--gl-color-neutral-800); /* Used for the filtered search operator token background color in the hover state. */
679
679
  --gl-label-light-text-color: var(--gl-color-neutral-950); /* Used for the label text color on a light background color. */
680
680
  --gl-label-light-button-background-color-default: var(--gl-color-alpha-0); /* Used for the label remove button background on a light background color in the default state. */
681
681
  --gl-label-light-button-background-color-hover: var(--gl-color-neutral-950); /* Used for the label remove button background on a light background color in the hover state. */
package/src/tokens/build/js/tokens.dark.js CHANGED
@@ -650,7 +650,7 @@ export const GL_FILTERED_SEARCH_TOKEN_TYPE_BACKGROUND_COLOR_HOVER = '#3a383f';
650
650
  export const GL_FILTERED_SEARCH_TOKEN_DATA_BACKGROUND_COLOR_DEFAULT = '#3a383f';
651
651
  export const GL_FILTERED_SEARCH_TOKEN_DATA_BACKGROUND_COLOR_HOVER = '#4c4b51';
652
652
  export const GL_FILTERED_SEARCH_TOKEN_OPERATOR_BACKGROUND_COLOR_DEFAULT = '#28272d';
653
- export const GL_FILTERED_SEARCH_TOKEN_OPERATOR_BACKGROUND_COLOR_HOVER = '#4c4b51';
653
+ export const GL_FILTERED_SEARCH_TOKEN_OPERATOR_BACKGROUND_COLOR_HOVER = '#3a383f';
654
654
  export const GL_LABEL_LIGHT_TEXT_COLOR = '#18171d';
655
655
  export const GL_LABEL_LIGHT_BUTTON_BACKGROUND_COLOR_DEFAULT = 'transparent';
656
656
  export const GL_LABEL_LIGHT_BUTTON_BACKGROUND_COLOR_HOVER = '#18171d';
package/src/tokens/build/js/tokens.js CHANGED
@@ -650,7 +650,7 @@ export const GL_FILTERED_SEARCH_TOKEN_TYPE_BACKGROUND_COLOR_HOVER = '#dcdcde';
650
650
  export const GL_FILTERED_SEARCH_TOKEN_DATA_BACKGROUND_COLOR_DEFAULT = '#dcdcde';
651
651
  export const GL_FILTERED_SEARCH_TOKEN_DATA_BACKGROUND_COLOR_HOVER = '#bfbfc3';
652
652
  export const GL_FILTERED_SEARCH_TOKEN_OPERATOR_BACKGROUND_COLOR_DEFAULT = '#ececef';
653
- export const GL_FILTERED_SEARCH_TOKEN_OPERATOR_BACKGROUND_COLOR_HOVER = '#bfbfc3';
653
+ export const GL_FILTERED_SEARCH_TOKEN_OPERATOR_BACKGROUND_COLOR_HOVER = '#dcdcde';
654
654
  export const GL_LABEL_LIGHT_TEXT_COLOR = '#18171d';
655
655
  export const GL_LABEL_LIGHT_BUTTON_BACKGROUND_COLOR_DEFAULT = 'transparent';
656
656
  export const GL_LABEL_LIGHT_BUTTON_BACKGROUND_COLOR_HOVER = '#18171d';
package/src/tokens/build/json/tokens.dark.json CHANGED
@@ -14363,15 +14363,15 @@
14363
14363
  ]
14364
14364
  },
14365
14365
  "hover": {
14366
- "$value": "#4c4b51",
14366
+ "$value": "#3a383f",
14367
14367
  "$type": "color",
14368
14368
  "$description": "Used for the filtered search operator token background color in the hover state.",
14369
14369
  "filePath": "src/tokens/contextual/filtered-search.tokens.json",
14370
14370
  "isSource": true,
14371
14371
  "original": {
14372
14372
  "$value": {
14373
- "default": "{color.neutral.200}",
14374
- "dark": "{color.neutral.700}"
14373
+ "default": "{color.neutral.100}",
14374
+ "dark": "{color.neutral.800}"
14375
14375
  },
14376
14376
  "$type": "color",
14377
14377
  "$description": "Used for the filtered search operator token background color in the hover state."
package/src/tokens/build/json/tokens.json CHANGED
@@ -14363,15 +14363,15 @@
14363
14363
  ]
14364
14364
  },
14365
14365
  "hover": {
14366
- "$value": "#bfbfc3",
14366
+ "$value": "#dcdcde",
14367
14367
  "$type": "color",
14368
14368
  "$description": "Used for the filtered search operator token background color in the hover state.",
14369
14369
  "filePath": "src/tokens/contextual/filtered-search.tokens.json",
14370
14370
  "isSource": true,
14371
14371
  "original": {
14372
14372
  "$value": {
14373
- "default": "{color.neutral.200}",
14374
- "dark": "{color.neutral.700}"
14373
+ "default": "{color.neutral.100}",
14374
+ "dark": "{color.neutral.800}"
14375
14375
  },
14376
14376
  "$type": "color",
14377
14377
  "$description": "Used for the filtered search operator token background color in the hover state."
package/src/tokens/build/scss/_tokens.dark.scss CHANGED
@@ -673,7 +673,7 @@ $gl-filtered-search-token-type-background-color-hover: $gl-color-neutral-800; //
673
673
  $gl-filtered-search-token-data-background-color-default: $gl-color-neutral-800; // Used for the filtered search data background color in the default state.
674
674
  $gl-filtered-search-token-data-background-color-hover: $gl-color-neutral-700; // Used for the filtered search data token background color in the hover state.
675
675
  $gl-filtered-search-token-operator-background-color-default: $gl-color-neutral-900; // Used for the filtered search operator background color in the default state.
676
- $gl-filtered-search-token-operator-background-color-hover: $gl-color-neutral-700; // Used for the filtered search operator token background color in the hover state.
676
+ $gl-filtered-search-token-operator-background-color-hover: $gl-color-neutral-800; // Used for the filtered search operator token background color in the hover state.
677
677
  $gl-label-light-text-color: $gl-color-neutral-950; // Used for the label text color on a light background color.
678
678
  $gl-label-light-button-background-color-default: $gl-color-alpha-0; // Used for the label remove button background on a light background color in the default state.
679
679
  $gl-label-light-button-background-color-hover: $gl-color-neutral-950; // Used for the label remove button background on a light background color in the hover state.
package/src/tokens/build/scss/_tokens.scss CHANGED
@@ -673,7 +673,7 @@ $gl-filtered-search-token-type-background-color-hover: $gl-color-neutral-100; //
673
673
  $gl-filtered-search-token-data-background-color-default: $gl-color-neutral-100; // Used for the filtered search data background color in the default state.
674
674
  $gl-filtered-search-token-data-background-color-hover: $gl-color-neutral-200; // Used for the filtered search data token background color in the hover state.
675
675
  $gl-filtered-search-token-operator-background-color-default: $gl-color-neutral-50; // Used for the filtered search operator background color in the default state.
676
- $gl-filtered-search-token-operator-background-color-hover: $gl-color-neutral-200; // Used for the filtered search operator token background color in the hover state.
676
+ $gl-filtered-search-token-operator-background-color-hover: $gl-color-neutral-100; // Used for the filtered search operator token background color in the hover state.
677
677
  $gl-label-light-text-color: $gl-color-neutral-950; // Used for the label text color on a light background color.
678
678
  $gl-label-light-button-background-color-default: $gl-color-alpha-0; // Used for the label remove button background on a light background color in the default state.
679
679
  $gl-label-light-button-background-color-hover: $gl-color-neutral-950; // Used for the label remove button background on a light background color in the hover state.
package/src/tokens/contextual/filtered-search.tokens.json CHANGED
@@ -58,8 +58,8 @@
58
58
  },
59
59
  "hover": {
60
60
  "$value": {
61
- "default": "{color.neutral.200}",
62
- "dark": "{color.neutral.700}"
61
+ "default": "{color.neutral.100}",
62
+ "dark": "{color.neutral.800}"
63
63
  },
64
64
  "$type": "color",
65
65
  "$description": "Used for the filtered search operator token background color in the hover state."