diff --git a/scss/tests/customize/_ouds-web-bootstrap-utilities.test.scss b/scss/tests/customize/_ouds-web-bootstrap-utilities.test.scss index 8b53c34a72..016074ca26 100644 --- a/scss/tests/customize/_ouds-web-bootstrap-utilities.test.scss +++ b/scss/tests/customize/_ouds-web-bootstrap-utilities.test.scss @@ -840,7 +840,7 @@ $utilities: (); --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-pressed: rgba(0, 0, 0, 0.2); // 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; --bs-color-always-on-black: #eee; @@ -965,7 +965,7 @@ $utilities: (); --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-pressed: rgba(255, 255, 255, 0.08); // 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; --bs-color-always-on-black: #eee; @@ -10779,7 +10779,7 @@ $utilities: (); --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-pressed: rgba(0, 0, 0, 0.2); // 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; --bs-color-always-on-black: #eee; @@ -10904,7 +10904,7 @@ $utilities: (); --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-pressed: rgba(255, 255, 255, 0.08); // 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; --bs-color-always-on-black: #eee; diff --git a/scss/tokens/_component-colors-custom-props.scss b/scss/tokens/_component-colors-custom-props.scss index 6015eeac77..ce98f56292 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.9.0 +// Token version 0.10.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 8cb1356e9e..bc703d69e3 100644 --- a/scss/tokens/_component.scss +++ b/scss/tokens/_component.scss @@ -1,6 +1,6 @@ // Component application // Depends on semantic applications -// Token version 0.9.0 +// Token version 0.10.0 // Badge @@ -231,6 +231,7 @@ $ouds-control-item-color-bg-loading: $ouds-color-action-support-loading !default $ouds-control-item-color-bg-pressed: $ouds-color-action-support-pressed !default; $ouds-control-item-color-content-loader: $ouds-color-content-default !default; $ouds-control-item-size-icon: $ouds-size-icon-with-label-large-size-md !default; +$ouds-control-item-size-list-item-size-min-height-text: $ouds-size-icon-with-label-large-size-md !default; $ouds-control-item-size-loader: $ouds-size-icon-with-label-large-size-sm !default; $ouds-control-item-size-max-height-assets-container: $ouds-dimension-1200 !default; $ouds-control-item-size-min-height: $ouds-dimension-650 !default; diff --git a/scss/tokens/_raw.scss b/scss/tokens/_raw.scss index 837d437a7d..421a6dfbe1 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.9.0 +// Token version 0.10.0 // Border @@ -155,7 +155,7 @@ $ouds-color-functional-white: #fff !default; $ouds-color-opacity-black-0: rgba(0, 0, 0, 0) !default; $ouds-color-opacity-black-40: rgba(0, 0, 0, .04) !default; $ouds-color-opacity-black-80: rgba(0, 0, 0, .08) !default; -// $ouds-color-opacity-black-120: rgba(0, 0, 0, .12) !default; +$ouds-color-opacity-black-120: rgba(0, 0, 0, .12) !default; $ouds-color-opacity-black-160: rgba(0, 0, 0, .16) !default; $ouds-color-opacity-black-200: rgba(0, 0, 0, .2) !default; $ouds-color-opacity-black-240: rgba(0, 0, 0, .24) !default; @@ -184,7 +184,7 @@ $ouds-color-opacity-sun: rgba(255, 208, 0, .16) !default; $ouds-color-opacity-white-0: rgba(255, 255, 255, 0) !default; $ouds-color-opacity-white-40: rgba(255, 255, 255, .04) !default; $ouds-color-opacity-white-80: rgba(255, 255, 255, .08) !default; -// $ouds-color-opacity-white-120: rgba(255, 255, 255, .12) !default; +$ouds-color-opacity-white-120: rgba(255, 255, 255, .12) !default; // $ouds-color-opacity-white-160: rgba(255, 255, 255, .16) !default; $ouds-color-opacity-white-200: rgba(255, 255, 255, .2) !default; // $ouds-color-opacity-white-240: rgba(255, 255, 255, .24) !default; diff --git a/scss/tokens/_semantic-colors-custom-props.scss b/scss/tokens/_semantic-colors-custom-props.scss index 603cf5ecce..2212b78bde 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.9.0 +// Token version 0.10.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 b8f2548a41..14304c4d99 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.9.0 +// Token version 0.10.0 // Border @@ -54,12 +54,12 @@ $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-pressed-light: $ouds-color-opacity-black-200 !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-pressed-dark: $ouds-color-opacity-white-80 !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; $ouds-color-action-enabled-dark: $ouds-color-functional-light-gray-160 !default;