Skip to content

Commit 9ab86ae

Browse files
boosted-botlouismaximepiton
boosted-bot
and
louismaximepiton
authored
chore: update tokens 0.11.0 (#2938)
* chore: update tokens * fix(ci) --------- Co-authored-by: boosted-bot <[email protected]> Co-authored-by: louismaxime.piton <[email protected]>
1 parent f3a6eaf commit 9ab86ae

6 files changed

+47
-13
lines changed

‎scss/tests/customize/_ouds-web-bootstrap-utilities.test.scss

+4-4
Original file line numberDiff line numberDiff line change
@@ -839,7 +839,7 @@ $utilities: ();
839839
--bs-color-action-support-enabled: rgba(0, 0, 0, 0.04); // stylelint-disable-line @stylistic/number-leading-zero
840840
--bs-color-action-support-focus: rgba(0, 0, 0, 0.08); // stylelint-disable-line @stylistic/number-leading-zero
841841
--bs-color-action-support-hover: rgba(0, 0, 0, 0.08); // stylelint-disable-line @stylistic/number-leading-zero
842-
--bs-color-action-support-loading: rgba(0, 0, 0, 0.08); // stylelint-disable-line @stylistic/number-leading-zero
842+
--bs-color-action-support-loading: rgba(0, 0, 0, 0.12); // stylelint-disable-line @stylistic/number-leading-zero
843843
--bs-color-action-support-pressed: rgba(0, 0, 0, 0.12); // stylelint-disable-line @stylistic/number-leading-zero
844844
--bs-color-action-visited: #5b2f98;
845845
--bs-color-always-black: #000;
@@ -964,7 +964,7 @@ $utilities: ();
964964
--bs-color-action-support-enabled: rgba(255, 255, 255, 0.04); // stylelint-disable-line @stylistic/number-leading-zero
965965
--bs-color-action-support-focus: rgba(255, 255, 255, 0.08); // stylelint-disable-line @stylistic/number-leading-zero
966966
--bs-color-action-support-hover: rgba(255, 255, 255, 0.08); // stylelint-disable-line @stylistic/number-leading-zero
967-
--bs-color-action-support-loading: rgba(255, 255, 255, 0.08); // stylelint-disable-line @stylistic/number-leading-zero
967+
--bs-color-action-support-loading: rgba(255, 255, 255, 0.12); // stylelint-disable-line @stylistic/number-leading-zero
968968
--bs-color-action-support-pressed: rgba(255, 255, 255, 0.12); // stylelint-disable-line @stylistic/number-leading-zero
969969
--bs-color-action-visited: #a885d8;
970970
--bs-color-always-black: #000;
@@ -10778,7 +10778,7 @@ $utilities: ();
1077810778
--bs-color-action-support-enabled: rgba(0, 0, 0, 0.04); // stylelint-disable-line @stylistic/number-leading-zero
1077910779
--bs-color-action-support-focus: rgba(0, 0, 0, 0.08); // stylelint-disable-line @stylistic/number-leading-zero
1078010780
--bs-color-action-support-hover: rgba(0, 0, 0, 0.08); // stylelint-disable-line @stylistic/number-leading-zero
10781-
--bs-color-action-support-loading: rgba(0, 0, 0, 0.08); // stylelint-disable-line @stylistic/number-leading-zero
10781+
--bs-color-action-support-loading: rgba(0, 0, 0, 0.12); // stylelint-disable-line @stylistic/number-leading-zero
1078210782
--bs-color-action-support-pressed: rgba(0, 0, 0, 0.12); // stylelint-disable-line @stylistic/number-leading-zero
1078310783
--bs-color-action-visited: #5b2f98;
1078410784
--bs-color-always-black: #000;
@@ -10903,7 +10903,7 @@ $utilities: ();
1090310903
--bs-color-action-support-enabled: rgba(255, 255, 255, 0.04); // stylelint-disable-line @stylistic/number-leading-zero
1090410904
--bs-color-action-support-focus: rgba(255, 255, 255, 0.08); // stylelint-disable-line @stylistic/number-leading-zero
1090510905
--bs-color-action-support-hover: rgba(255, 255, 255, 0.08); // stylelint-disable-line @stylistic/number-leading-zero
10906-
--bs-color-action-support-loading: rgba(255, 255, 255, 0.08); // stylelint-disable-line @stylistic/number-leading-zero
10906+
--bs-color-action-support-loading: rgba(255, 255, 255, 0.12); // stylelint-disable-line @stylistic/number-leading-zero
1090710907
--bs-color-action-support-pressed: rgba(255, 255, 255, 0.12); // stylelint-disable-line @stylistic/number-leading-zero
1090810908
--bs-color-action-visited: #a885d8;
1090910909
--bs-color-always-black: #000;

‎scss/tokens/_component-colors-custom-props.scss

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
// Components custom properties applications
2-
// Token version 0.10.0
2+
// Token version 0.11.0
33

44
// scss-docs-start ouds-all-component-css-color
55
// scss-docs-start ouds-component-css-color

‎scss/tokens/_component.scss

+37-3
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
// Component application
22
// Depends on semantic applications
3-
// Token version 0.10.0
3+
// Token version 0.11.0
44

55
// Badge
66

@@ -198,11 +198,11 @@ $ouds-chip-color-bg-focus: $ouds-color-opacity-transparent !default;
198198
$ouds-chip-color-bg-hover: $ouds-color-opacity-transparent !default;
199199
$ouds-chip-color-bg-pressed: $ouds-color-opacity-transparent !default;
200200
$ouds-chip-color-border-disabled: $ouds-color-action-disabled !default;
201-
$ouds-chip-color-border-enabled: $ouds-color-border-default !default;
202201
$ouds-chip-color-border-focus: $ouds-color-action-focus !default;
203202
$ouds-chip-color-border-hover: $ouds-color-action-hover !default;
204203
$ouds-chip-color-border-pressed: $ouds-color-action-pressed !default;
205204
$ouds-chip-color-border-selected: $ouds-color-action-selected !default;
205+
$ouds-chip-color-border-unselected: $ouds-color-border-default !default;
206206
$ouds-chip-color-content-disabled: $ouds-color-action-disabled !default;
207207
$ouds-chip-color-content-enabled: $ouds-color-action-enabled !default;
208208
$ouds-chip-color-content-focus: $ouds-color-action-focus !default;
@@ -359,7 +359,41 @@ $ouds-switch-space-padding-inline-unselected: $ouds-space-padding-inline-short !
359359
// Tag
360360

361361
// scss-docs-start ouds-component-tag
362-
$ouds-tag-color-bg-reminder: $ouds-color-opacity-lower !default;
362+
$ouds-tag-border-radius-pill: $ouds-border-radius-pill !default;
363+
$ouds-tag-border-width-default-interaction: $ouds-border-width-medium !default;
364+
$ouds-tag-border-width-default: $ouds-border-width-default !default;
365+
$ouds-tag-color-bg-enabled: $ouds-color-action-support-enabled !default;
366+
$ouds-tag-color-bg-focus: $ouds-color-action-support-focus !default;
367+
$ouds-tag-color-bg-hover: $ouds-color-action-support-hover !default;
368+
$ouds-tag-color-bg-pressed: $ouds-color-action-support-pressed !default;
369+
$ouds-tag-color-border-disabled: $ouds-color-action-disabled !default;
370+
$ouds-tag-color-border-enabled: $ouds-color-border-default !default;
371+
$ouds-tag-color-border-focus: $ouds-color-action-focus !default;
372+
$ouds-tag-color-border-hover: $ouds-color-action-hover !default;
373+
$ouds-tag-color-border-pressed: $ouds-color-action-pressed !default;
374+
$ouds-tag-color-content-disabled: $ouds-color-action-disabled !default;
375+
$ouds-tag-color-content-enabled: $ouds-color-action-enabled !default;
376+
$ouds-tag-color-content-focus: $ouds-color-action-focus !default;
377+
$ouds-tag-color-content-hover: $ouds-color-action-hover !default;
378+
$ouds-tag-color-content-pressed: $ouds-color-action-pressed !default;
379+
$ouds-tag-size-icon-medium: $ouds-size-icon-with-label-medium-size-sm !default;
380+
$ouds-tag-size-icon-small: $ouds-size-icon-with-label-small-size-sm !default;
381+
$ouds-tag-size-min-height-medium: $ouds-dimension-400 !default;
382+
$ouds-tag-size-min-height-small: $ouds-dimension-300 !default;
383+
$ouds-tag-size-min-width-medium: $ouds-dimension-600 !default;
384+
$ouds-tag-size-min-width-small: $ouds-dimension-550 !default;
385+
$ouds-tag-space-column-gap-column-gap-medium: $ouds-space-column-gap-shorter !default;
386+
$ouds-tag-space-column-gap-column-gap-small: $ouds-space-column-gap-shortest !default;
387+
$ouds-tag-space-padding-block-medium: $ouds-space-padding-block-shorter !default;
388+
$ouds-tag-space-padding-block-small: $ouds-space-padding-block-shortest !default;
389+
$ouds-tag-space-padding-inline-icon-end-medium: $ouds-space-padding-inline-medium !default;
390+
$ouds-tag-space-padding-inline-icon-end-small: $ouds-space-padding-inline-short !default;
391+
$ouds-tag-space-padding-inline-icon-start-medium: $ouds-space-padding-inline-medium !default;
392+
$ouds-tag-space-padding-inline-icon-start-small: $ouds-space-padding-inline-short !default;
393+
$ouds-tag-space-padding-inline-label-end-medium: $ouds-space-padding-inline-tall !default;
394+
$ouds-tag-space-padding-inline-label-end-small: $ouds-space-padding-inline-medium !default;
395+
$ouds-tag-space-padding-inline-label-start-medium: $ouds-space-padding-inline-tall !default;
396+
$ouds-tag-space-padding-inline-label-start-small: $ouds-space-padding-inline-medium !default;
363397
// scss-docs-end ouds-component-tag
364398

365399
// Typography

‎scss/tokens/_raw.scss

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
// Raw primitive values
22
// Insertion of brand foundations
3-
// Token version 0.10.0
3+
// Token version 0.11.0
44

55
// Border
66

‎scss/tokens/_semantic-colors-custom-props.scss

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
// Semantic custom properties applications
2-
// Token version 0.10.0
2+
// Token version 0.11.0
33

44
// scss-docs-start ouds-all-semantic-css-color
55
// scss-docs-start ouds-semantic-css-color

‎scss/tokens/_semantic.scss

+3-3
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
// Semantic applications
22
// Depends on raw primitive values
3-
// Token version 0.10.0
3+
// Token version 0.11.0
44

55
// Border
66

@@ -53,12 +53,12 @@ $ouds-color-action-selected-light: $ouds-color-orange-550 !default;
5353
$ouds-color-action-support-enabled-light: $ouds-color-opacity-black-40 !default;
5454
$ouds-color-action-support-focus-light: $ouds-color-opacity-black-80 !default;
5555
$ouds-color-action-support-hover-light: $ouds-color-opacity-black-80 !default;
56-
$ouds-color-action-support-loading-light: $ouds-color-opacity-black-80 !default;
56+
$ouds-color-action-support-loading-light: $ouds-color-opacity-black-120 !default;
5757
$ouds-color-action-support-pressed-light: $ouds-color-opacity-black-120 !default;
5858
$ouds-color-action-support-enabled-dark: $ouds-color-opacity-white-40 !default;
5959
$ouds-color-action-support-focus-dark: $ouds-color-opacity-white-80 !default;
6060
$ouds-color-action-support-hover-dark: $ouds-color-opacity-white-80 !default;
61-
$ouds-color-action-support-loading-dark: $ouds-color-opacity-white-80 !default;
61+
$ouds-color-action-support-loading-dark: $ouds-color-opacity-white-120 !default;
6262
$ouds-color-action-support-pressed-dark: $ouds-color-opacity-white-120 !default;
6363
$ouds-color-action-visited-light: $ouds-color-decorative-amethyst-600 !default;
6464
$ouds-color-action-disabled-dark: $ouds-color-opacity-white-200 !default;

0 commit comments

Comments
 (0)