diff --git a/scss/tests/customize/_ouds-web-bootstrap-utilities.test.scss b/scss/tests/customize/_ouds-web-bootstrap-utilities.test.scss index 016074ca26..e943200d90 100644 --- a/scss/tests/customize/_ouds-web-bootstrap-utilities.test.scss +++ b/scss/tests/customize/_ouds-web-bootstrap-utilities.test.scss @@ -839,7 +839,7 @@ $utilities: (); --bs-color-action-support-enabled: rgba(0, 0, 0, 0.04); // stylelint-disable-line @stylistic/number-leading-zero --bs-color-action-support-focus: rgba(0, 0, 0, 0.08); // stylelint-disable-line @stylistic/number-leading-zero --bs-color-action-support-hover: rgba(0, 0, 0, 0.08); // stylelint-disable-line @stylistic/number-leading-zero - --bs-color-action-support-loading: rgba(0, 0, 0, 0.08); // stylelint-disable-line @stylistic/number-leading-zero + --bs-color-action-support-loading: rgba(0, 0, 0, 0.12); // stylelint-disable-line @stylistic/number-leading-zero --bs-color-action-support-pressed: rgba(0, 0, 0, 0.12); // stylelint-disable-line @stylistic/number-leading-zero --bs-color-action-visited: #5b2f98; --bs-color-always-black: #000; @@ -964,7 +964,7 @@ $utilities: (); --bs-color-action-support-enabled: rgba(255, 255, 255, 0.04); // stylelint-disable-line @stylistic/number-leading-zero --bs-color-action-support-focus: rgba(255, 255, 255, 0.08); // stylelint-disable-line @stylistic/number-leading-zero --bs-color-action-support-hover: rgba(255, 255, 255, 0.08); // stylelint-disable-line @stylistic/number-leading-zero - --bs-color-action-support-loading: rgba(255, 255, 255, 0.08); // stylelint-disable-line @stylistic/number-leading-zero + --bs-color-action-support-loading: rgba(255, 255, 255, 0.12); // stylelint-disable-line @stylistic/number-leading-zero --bs-color-action-support-pressed: rgba(255, 255, 255, 0.12); // stylelint-disable-line @stylistic/number-leading-zero --bs-color-action-visited: #a885d8; --bs-color-always-black: #000; @@ -10778,7 +10778,7 @@ $utilities: (); --bs-color-action-support-enabled: rgba(0, 0, 0, 0.04); // stylelint-disable-line @stylistic/number-leading-zero --bs-color-action-support-focus: rgba(0, 0, 0, 0.08); // stylelint-disable-line @stylistic/number-leading-zero --bs-color-action-support-hover: rgba(0, 0, 0, 0.08); // stylelint-disable-line @stylistic/number-leading-zero - --bs-color-action-support-loading: rgba(0, 0, 0, 0.08); // stylelint-disable-line @stylistic/number-leading-zero + --bs-color-action-support-loading: rgba(0, 0, 0, 0.12); // stylelint-disable-line @stylistic/number-leading-zero --bs-color-action-support-pressed: rgba(0, 0, 0, 0.12); // stylelint-disable-line @stylistic/number-leading-zero --bs-color-action-visited: #5b2f98; --bs-color-always-black: #000; @@ -10903,7 +10903,7 @@ $utilities: (); --bs-color-action-support-enabled: rgba(255, 255, 255, 0.04); // stylelint-disable-line @stylistic/number-leading-zero --bs-color-action-support-focus: rgba(255, 255, 255, 0.08); // stylelint-disable-line @stylistic/number-leading-zero --bs-color-action-support-hover: rgba(255, 255, 255, 0.08); // stylelint-disable-line @stylistic/number-leading-zero - --bs-color-action-support-loading: rgba(255, 255, 255, 0.08); // stylelint-disable-line @stylistic/number-leading-zero + --bs-color-action-support-loading: rgba(255, 255, 255, 0.12); // stylelint-disable-line @stylistic/number-leading-zero --bs-color-action-support-pressed: rgba(255, 255, 255, 0.12); // stylelint-disable-line @stylistic/number-leading-zero --bs-color-action-visited: #a885d8; --bs-color-always-black: #000; diff --git a/scss/tokens/_component-colors-custom-props.scss b/scss/tokens/_component-colors-custom-props.scss index ce98f56292..86b3b5f0b4 100644 --- a/scss/tokens/_component-colors-custom-props.scss +++ b/scss/tokens/_component-colors-custom-props.scss @@ -1,5 +1,5 @@ // Components custom properties applications -// Token version 0.10.0 +// Token version 0.11.0 // scss-docs-start ouds-all-component-css-color // scss-docs-start ouds-component-css-color diff --git a/scss/tokens/_component.scss b/scss/tokens/_component.scss index bc703d69e3..4bb244ffc7 100644 --- a/scss/tokens/_component.scss +++ b/scss/tokens/_component.scss @@ -1,6 +1,6 @@ // Component application // Depends on semantic applications -// Token version 0.10.0 +// Token version 0.11.0 // Badge @@ -198,11 +198,11 @@ $ouds-chip-color-bg-focus: $ouds-color-opacity-transparent !default; $ouds-chip-color-bg-hover: $ouds-color-opacity-transparent !default; $ouds-chip-color-bg-pressed: $ouds-color-opacity-transparent !default; $ouds-chip-color-border-disabled: $ouds-color-action-disabled !default; -$ouds-chip-color-border-enabled: $ouds-color-border-default !default; $ouds-chip-color-border-focus: $ouds-color-action-focus !default; $ouds-chip-color-border-hover: $ouds-color-action-hover !default; $ouds-chip-color-border-pressed: $ouds-color-action-pressed !default; $ouds-chip-color-border-selected: $ouds-color-action-selected !default; +$ouds-chip-color-border-unselected: $ouds-color-border-default !default; $ouds-chip-color-content-disabled: $ouds-color-action-disabled !default; $ouds-chip-color-content-enabled: $ouds-color-action-enabled !default; $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 ! // Tag // scss-docs-start ouds-component-tag -$ouds-tag-color-bg-reminder: $ouds-color-opacity-lower !default; +$ouds-tag-border-radius-pill: $ouds-border-radius-pill !default; +$ouds-tag-border-width-default-interaction: $ouds-border-width-medium !default; +$ouds-tag-border-width-default: $ouds-border-width-default !default; +$ouds-tag-color-bg-enabled: $ouds-color-action-support-enabled !default; +$ouds-tag-color-bg-focus: $ouds-color-action-support-focus !default; +$ouds-tag-color-bg-hover: $ouds-color-action-support-hover !default; +$ouds-tag-color-bg-pressed: $ouds-color-action-support-pressed !default; +$ouds-tag-color-border-disabled: $ouds-color-action-disabled !default; +$ouds-tag-color-border-enabled: $ouds-color-border-default !default; +$ouds-tag-color-border-focus: $ouds-color-action-focus !default; +$ouds-tag-color-border-hover: $ouds-color-action-hover !default; +$ouds-tag-color-border-pressed: $ouds-color-action-pressed !default; +$ouds-tag-color-content-disabled: $ouds-color-action-disabled !default; +$ouds-tag-color-content-enabled: $ouds-color-action-enabled !default; +$ouds-tag-color-content-focus: $ouds-color-action-focus !default; +$ouds-tag-color-content-hover: $ouds-color-action-hover !default; +$ouds-tag-color-content-pressed: $ouds-color-action-pressed !default; +$ouds-tag-size-icon-medium: $ouds-size-icon-with-label-medium-size-sm !default; +$ouds-tag-size-icon-small: $ouds-size-icon-with-label-small-size-sm !default; +$ouds-tag-size-min-height-medium: $ouds-dimension-400 !default; +$ouds-tag-size-min-height-small: $ouds-dimension-300 !default; +$ouds-tag-size-min-width-medium: $ouds-dimension-600 !default; +$ouds-tag-size-min-width-small: $ouds-dimension-550 !default; +$ouds-tag-space-column-gap-column-gap-medium: $ouds-space-column-gap-shorter !default; +$ouds-tag-space-column-gap-column-gap-small: $ouds-space-column-gap-shortest !default; +$ouds-tag-space-padding-block-medium: $ouds-space-padding-block-shorter !default; +$ouds-tag-space-padding-block-small: $ouds-space-padding-block-shortest !default; +$ouds-tag-space-padding-inline-icon-end-medium: $ouds-space-padding-inline-medium !default; +$ouds-tag-space-padding-inline-icon-end-small: $ouds-space-padding-inline-short !default; +$ouds-tag-space-padding-inline-icon-start-medium: $ouds-space-padding-inline-medium !default; +$ouds-tag-space-padding-inline-icon-start-small: $ouds-space-padding-inline-short !default; +$ouds-tag-space-padding-inline-label-end-medium: $ouds-space-padding-inline-tall !default; +$ouds-tag-space-padding-inline-label-end-small: $ouds-space-padding-inline-medium !default; +$ouds-tag-space-padding-inline-label-start-medium: $ouds-space-padding-inline-tall !default; +$ouds-tag-space-padding-inline-label-start-small: $ouds-space-padding-inline-medium !default; // scss-docs-end ouds-component-tag // Typography diff --git a/scss/tokens/_raw.scss b/scss/tokens/_raw.scss index 421a6dfbe1..6cf42b87cd 100644 --- a/scss/tokens/_raw.scss +++ b/scss/tokens/_raw.scss @@ -1,6 +1,6 @@ // Raw primitive values // Insertion of brand foundations -// Token version 0.10.0 +// Token version 0.11.0 // Border diff --git a/scss/tokens/_semantic-colors-custom-props.scss b/scss/tokens/_semantic-colors-custom-props.scss index 2212b78bde..5f7fa71b85 100644 --- a/scss/tokens/_semantic-colors-custom-props.scss +++ b/scss/tokens/_semantic-colors-custom-props.scss @@ -1,5 +1,5 @@ // Semantic custom properties applications -// Token version 0.10.0 +// Token version 0.11.0 // scss-docs-start ouds-all-semantic-css-color // scss-docs-start ouds-semantic-css-color diff --git a/scss/tokens/_semantic.scss b/scss/tokens/_semantic.scss index 14304c4d99..1bffa24519 100644 --- a/scss/tokens/_semantic.scss +++ b/scss/tokens/_semantic.scss @@ -1,6 +1,6 @@ // Semantic applications // Depends on raw primitive values -// Token version 0.10.0 +// Token version 0.11.0 // Border @@ -53,12 +53,12 @@ $ouds-color-action-selected-light: $ouds-color-orange-550 !default; $ouds-color-action-support-enabled-light: $ouds-color-opacity-black-40 !default; $ouds-color-action-support-focus-light: $ouds-color-opacity-black-80 !default; $ouds-color-action-support-hover-light: $ouds-color-opacity-black-80 !default; -$ouds-color-action-support-loading-light: $ouds-color-opacity-black-80 !default; +$ouds-color-action-support-loading-light: $ouds-color-opacity-black-120 !default; $ouds-color-action-support-pressed-light: $ouds-color-opacity-black-120 !default; $ouds-color-action-support-enabled-dark: $ouds-color-opacity-white-40 !default; $ouds-color-action-support-focus-dark: $ouds-color-opacity-white-80 !default; $ouds-color-action-support-hover-dark: $ouds-color-opacity-white-80 !default; -$ouds-color-action-support-loading-dark: $ouds-color-opacity-white-80 !default; +$ouds-color-action-support-loading-dark: $ouds-color-opacity-white-120 !default; $ouds-color-action-support-pressed-dark: $ouds-color-opacity-white-120 !default; $ouds-color-action-visited-light: $ouds-color-decorative-amethyst-600 !default; $ouds-color-action-disabled-dark: $ouds-color-opacity-white-200 !default;