Skip to content

feat(lib): Add List item component #3618

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Draft
louismaximepiton wants to merge 10 commits into
base: ouds/main
Choose a base branch
from
Draft

feat(lib): Add List item component #3618

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
10 commits
Select commit Hold shift + click to select a range
58fef26
chore: update tokens
boosted-bot Jun 24, 2026
4d0f608
make it compile and test
MaxLardenois Jun 24, 2026
18a5f83
feat(lib): Add List item component
louismaximepiton Jun 24, 2026
92e5b02
.
louismaximepiton Jun 25, 2026
6f13894
.
louismaximepiton Jun 26, 2026
dc39d3b
.
louismaximepiton Jun 29, 2026
37e6be3
First draft for Static list-item
louismaximepiton Jun 30, 2026
1ce3f58
Better UX
louismaximepiton Jun 30, 2026
d7f4e06
.
louismaximepiton Jun 30, 2026
a4f7a52
Final CSS + better doc
louismaximepiton Jul 3, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
1 change: 1 addition & 0 deletions packages/orange-compact/scss/ouds-web.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -39,6 +39,7 @@
@import "@ouds/web-common/scss/alert";
@import "@ouds/web-common/scss/progress";
@import "@ouds/web-common/scss/list-group";
@import "@ouds/web-common/scss/list-item";
// OUDS mod: no @import "@ouds/web-common/scss/close";
@import "@ouds/web-common/scss/toasts";
@import "@ouds/web-common/scss/modal";
Expand Down
4 changes: 3 additions & 1 deletion packages/orange-compact/scss/tokens/_component-colors-custom-props.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
// Components custom properties applications
// OUDS Core tokens version 1.10.0
// Orange Compact Core tokens version 1.2.0
// Orange Compact System tokens version 2.4.0
// Orange Compact System tokens version 2.5.0

// scss-docs-start ouds-all-component-css-color
// scss-docs-start ouds-component-css-color
Expand Down Expand Up @@ -51,6 +51,7 @@
--#{$prefix}switch-color-track-selected-interaction: #{$core-ouds-color-functional-malachite-750};
--#{$prefix}switch-color-track-unselected: #{$core-ouds-color-opacity-black-440};
--#{$prefix}switch-color-track-unselected-interaction: #{$core-ouds-color-opacity-black-520};
--#{$prefix}progress-indicator-color-bg: #{$core-ouds-color-functional-gray-light-400};
--#{$prefix}link-mono-color-content-enabled: #{$core-ouds-color-functional-black};
--#{$prefix}link-mono-color-content-hover: #{$core-ouds-color-functional-black};
--#{$prefix}link-mono-color-content-pressed: #{$core-ouds-color-opacity-black-520};
Expand Down Expand Up @@ -111,6 +112,7 @@
--#{$prefix}switch-color-track-selected-interaction: #{$core-ouds-color-functional-malachite-300};
--#{$prefix}switch-color-track-unselected: #{$core-ouds-color-opacity-white-640};
--#{$prefix}switch-color-track-unselected-interaction: #{$core-ouds-color-opacity-white-800};
--#{$prefix}progress-indicator-color-bg: #{$core-ouds-color-functional-gray-dark-480};
--#{$prefix}link-mono-color-content-enabled: #{$core-ouds-color-functional-white};
--#{$prefix}link-mono-color-content-hover: #{$core-ouds-color-functional-white};
--#{$prefix}link-mono-color-content-pressed: #{$core-ouds-color-opacity-white-800};
Expand Down
10 changes: 9 additions & 1 deletion packages/orange-compact/scss/tokens/_component.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@
// Depends on semantic applications
// OUDS Core tokens version 1.10.0
// Orange Compact Core tokens version 1.2.0
// Orange Compact System tokens version 2.4.0
// Orange Compact System tokens version 2.5.0

// Alert

Expand Down Expand Up @@ -366,6 +366,12 @@ $ouds-pin-code-input-size-min-width: $ouds-dimension-large !default;
$ouds-pin-code-input-space-column-gap-digit-input: $ouds-space-column-gap-medium !default;
// scss-docs-end ouds-component-pin

// Progress

// scss-docs-start ouds-component-progress
$ouds-progress-indicator-color-bg: var(--#{$prefix}progress-indicator-color-bg) !default;
// scss-docs-end ouds-component-progress

// Quantity

// scss-docs-start ouds-component-quantity
Expand Down Expand Up @@ -470,7 +476,9 @@ $ouds-text-area-size-max-height-assets-container: $core-ouds-dimension-950 !defa
$ouds-text-area-size-max-height-input: $core-ouds-dimension-2500 !default;
$ouds-text-area-size-max-width: $core-ouds-dimension-6000 !default;
$ouds-text-area-size-min-height-input: $core-ouds-dimension-750 !default;
$ouds-text-area-space-padding-block-empty-trailing-container: $ouds-space-padding-block-xsmall !default;
$ouds-text-area-space-padding-block-top-empty: $ouds-space-padding-block-large !default;
$ouds-text-area-space-padding-block-trailing-container: $ouds-space-padding-block-large !default;
$ouds-text-area-space-padding-block: $ouds-space-padding-block-xsmall !default;
$ouds-text-input-border-radius-default: $ouds-border-radius-default !default;
$ouds-text-input-border-radius-rounded: $ouds-border-radius-medium !default;
Expand Down
5 changes: 5 additions & 0 deletions packages/orange-compact/scss/tokens/_composite.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -130,6 +130,11 @@ $badge-icon-warning-internal: url("data:image/svg+xml,<svg xmlns='http://www.w3.
// badge-icon error-fill v1.6
$badge-icon-negative: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><g clip-path='url(#a)'><path d='M12 0C5.372 0 0 5.373 0 12c0 6.628 5.372 12 12 12s12-5.372 12-12c0-6.627-5.372-12-12-12Zm5.133 17.134c-.707.707-1.578.543-2.627-.506L12 14.122l-2.52 2.52c-1.05 1.049-1.906 1.2-2.613.492-.707-.707-.556-1.564.493-2.613l2.52-2.52L7.357 9.48c-1.05-1.05-1.2-1.907-.493-2.614.707-.706 1.564-.556 2.613.493L12 9.881l2.509-2.509c1.05-1.05 1.907-1.227 2.627-.507.707.707.542 1.578-.507 2.628L14.12 12l2.506 2.506c1.05 1.05 1.228 1.907.507 2.627Z'/></g><defs><clipPath id='a'><path fill='#fff' d='M0 0h24v24H0z'/></clipPath></defs></svg>") !default;

// Navigation list item
$list-item-external-icon: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 24 24'><path d='M17.3 16.967a.936.936 0 0 1-.933.933H7.033a.936.936 0 0 1-.933-.933V7.633a.936.936 0 0 1 .933-.933h5.741l1.6-1.6H6.42c-1.056 0-1.92.864-1.92 1.92v10.56c0 1.056.864 1.92 1.92 1.92h10.56c1.056 0 1.92-.864 1.92-1.92V9.625l-1.6 1.6v5.742ZM19.334 3.5H14.09l1.75 1.75-3.528 3.527c-.46.46-.46 1.204 0 1.664l1.248 1.248c.46.46 1.204.46 1.664 0L18.75 8.16l1.75 1.75V4.666c0-.644-.522-1.166-1.166-1.166Z'/></svg>") !default;
$list-item-next-icon: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 24 24'><path d='m10.461 18.1 6.235-6.1-6.235-6.1L8.68 7.642 13.134 12 8.68 16.356l1.781 1.744Z'/></svg>") !default;
$list-item-previous-icon: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 24 24'><path d='M13.534 5.9 7.3 12l6.234 6.1 1.782-1.742L10.862 12l4.454-4.356L13.534 5.9Z'/></svg>") !default;

//// SVG used several times
$svg-as-custom-props: (
"chevron": $chevron-icon,
Expand Down
2 changes: 1 addition & 1 deletion packages/orange-compact/scss/tokens/_raw.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@
// Insertion of brand foundations
// OUDS Core tokens version 1.10.0
// Orange Compact Core tokens version 1.2.0
// Orange Compact System tokens version 2.4.0
// Orange Compact System tokens version 2.5.0

// Border

Expand Down
2 changes: 1 addition & 1 deletion packages/orange-compact/scss/tokens/_semantic-colors-custom-props.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
// Semantic custom properties applications
// OUDS Core tokens version 1.10.0
// Orange Compact Core tokens version 1.2.0
// Orange Compact System tokens version 2.4.0
// Orange Compact System tokens version 2.5.0

// scss-docs-start ouds-all-semantic-css-color
// scss-docs-start ouds-semantic-css-color
Expand Down
2 changes: 1 addition & 1 deletion packages/orange-compact/scss/tokens/_semantic.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@
// Depends on raw primitive values
// OUDS Core tokens version 1.10.0
// Orange Compact Core tokens version 1.2.0
// Orange Compact System tokens version 2.4.0
// Orange Compact System tokens version 2.5.0

// Border

Expand Down
1 change: 1 addition & 0 deletions packages/orange/scss/ouds-web.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -39,6 +39,7 @@
@import "@ouds/web-common/scss/alert";
@import "@ouds/web-common/scss/progress";
@import "@ouds/web-common/scss/list-group";
@import "@ouds/web-common/scss/list-item";
// OUDS mod: no @import "@ouds/web-common/scss/close";
@import "@ouds/web-common/scss/toasts";
@import "@ouds/web-common/scss/modal";
Expand Down
4 changes: 3 additions & 1 deletion packages/orange/scss/tokens/_component-colors-custom-props.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
// Components custom properties applications
// OUDS Core tokens version 1.10.0
// Orange Core tokens version 1.2.0
// Orange System tokens version 2.4.0
// Orange System tokens version 2.5.0

// scss-docs-start ouds-all-component-css-color
// scss-docs-start ouds-component-css-color
Expand Down Expand Up @@ -51,6 +51,7 @@
--#{$prefix}switch-color-track-selected-interaction: #{$core-ouds-color-functional-malachite-750};
--#{$prefix}switch-color-track-unselected: #{$core-ouds-color-opacity-black-440};
--#{$prefix}switch-color-track-unselected-interaction: #{$core-ouds-color-opacity-black-520};
--#{$prefix}progress-indicator-color-bg: #{$core-ouds-color-functional-gray-light-400};
--#{$prefix}link-mono-color-content-enabled: #{$core-ouds-color-functional-black};
--#{$prefix}link-mono-color-content-hover: #{$core-ouds-color-functional-black};
--#{$prefix}link-mono-color-content-pressed: #{$core-ouds-color-opacity-black-520};
Expand Down Expand Up @@ -112,6 +113,7 @@
--#{$prefix}switch-color-track-selected-interaction: #{$core-ouds-color-functional-malachite-300};
--#{$prefix}switch-color-track-unselected: #{$core-ouds-color-opacity-white-640};
--#{$prefix}switch-color-track-unselected-interaction: #{$core-ouds-color-opacity-white-800};
--#{$prefix}progress-indicator-color-bg: #{$core-ouds-color-functional-gray-dark-480};
--#{$prefix}link-mono-color-content-enabled: #{$core-ouds-color-functional-white};
--#{$prefix}link-mono-color-content-hover: #{$core-ouds-color-functional-white};
--#{$prefix}link-mono-color-content-pressed: #{$core-ouds-color-opacity-white-800};
Expand Down
58 changes: 33 additions & 25 deletions packages/orange/scss/tokens/_component.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@
// Depends on semantic applications
// OUDS Core tokens version 1.10.0
// Orange Core tokens version 1.2.0
// Orange System tokens version 2.4.0
// Orange System tokens version 2.5.0

// Alert

Expand Down Expand Up @@ -235,43 +235,43 @@ $ouds-chip-space-padding-inline-icon: $ouds-space-padding-inline-small !default;
// Control

// scss-docs-start ouds-component-control
$ouds-control-item-border-radius-current-indicator: $ouds-border-radius-none !default;
// $ouds-control-item-border-radius-current-indicator: $ouds-border-radius-none !default;
$ouds-control-item-border-radius-default: $ouds-border-radius-default !default;
$ouds-control-item-border-radius-item-only: $ouds-border-radius-default !default; // Deprecated
$ouds-control-item-border-radius-media-rounded-corner: $ouds-border-radius-small !default;
$ouds-control-item-border-radius-media: $ouds-border-radius-default !default;
$ouds-control-item-border-radius-rounded: $ouds-border-radius-medium !default;
$ouds-control-item-border-width-current-page: $ouds-border-width-medium !default;
// $ouds-control-item-border-width-current-page: $ouds-border-width-medium !default;
$ouds-control-item-border-width-default: $ouds-border-width-default !default;
$ouds-control-item-color-badge-safety-area: $ouds-color-bg-primary !default;
$ouds-control-item-color-bg-current-disabled: $ouds-color-action-support-disabled !default;
$ouds-control-item-color-bg-current-enabled: var(--#{$prefix}control-item-color-bg-current-enabled) !default;
$ouds-control-item-color-bg-current-focus: $ouds-color-action-support-focus !default;
$ouds-control-item-color-bg-current-hover: $ouds-color-action-support-hover !default;
$ouds-control-item-color-bg-current-pressed: $ouds-color-action-support-pressed !default;
// $ouds-control-item-color-badge-safety-area: $ouds-color-bg-primary !default;
// $ouds-control-item-color-bg-current-disabled: $ouds-color-action-support-disabled !default;
// $ouds-control-item-color-bg-current-enabled: var(--#{$prefix}control-item-color-bg-current-enabled) !default;
// $ouds-control-item-color-bg-current-focus: $ouds-color-action-support-focus !default;
// $ouds-control-item-color-bg-current-hover: $ouds-color-action-support-hover !default;
// $ouds-control-item-color-bg-current-pressed: $ouds-color-action-support-pressed !default;
$ouds-control-item-color-bg-focus: var(--#{$prefix}control-item-color-bg-focus) !default;
$ouds-control-item-color-bg-hover: var(--#{$prefix}control-item-color-bg-hover) !default;
$ouds-control-item-color-bg-loading: var(--#{$prefix}control-item-color-bg-loading) !default;
$ouds-control-item-color-bg-pressed: var(--#{$prefix}control-item-color-bg-pressed) !default;
$ouds-control-item-color-content-current-disabled: $ouds-color-content-default !default;
$ouds-control-item-color-content-current-enabled: $ouds-color-content-default !default;
$ouds-control-item-color-content-current-focus: $ouds-color-content-default !default;
$ouds-control-item-color-content-current-hover: $ouds-color-content-default !default;
$ouds-control-item-color-content-current-pressed: $ouds-color-content-default !default;
$ouds-control-item-color-content-loader: var(--#{$prefix}control-item-color-content-loader) !default;
$ouds-control-item-font-letter-spacing-avatar-initial-xlarge: $core-ouds-font-letter-spacing-450 !default;
$ouds-control-item-font-line-height-avatar-initial-xlarge: $core-ouds-font-line-height-650 !default;
$ouds-control-item-font-size-avatar-initial-xlarge: $core-ouds-font-size-450 !default;
$ouds-control-item-opacity-current-divider: $ouds-opacity-opaque !default;
$ouds-control-item-opacity-current-indicator: $ouds-opacity-opaque !default;
// $ouds-control-item-color-content-current-disabled: $ouds-color-content-default !default;
// $ouds-control-item-color-content-current-enabled: $ouds-color-content-default !default;
// $ouds-control-item-color-content-current-focus: $ouds-color-content-default !default;
// $ouds-control-item-color-content-current-hover: $ouds-color-content-default !default;
// $ouds-control-item-color-content-current-pressed: $ouds-color-content-default !default;
// $ouds-control-item-color-content-loader: var(--#{$prefix}control-item-color-content-loader) !default;
// $ouds-control-item-font-letter-spacing-avatar-initial-xlarge: $core-ouds-font-letter-spacing-450 !default;
// $ouds-control-item-font-line-height-avatar-initial-xlarge: $core-ouds-font-line-height-650 !default;
// $ouds-control-item-font-size-avatar-initial-xlarge: $core-ouds-font-size-450 !default;
// $ouds-control-item-opacity-current-divider: $ouds-opacity-opaque !default;
// $ouds-control-item-opacity-current-indicator: $ouds-opacity-opaque !default;
$ouds-control-item-size-asset-large: $ouds-dimension-medium !default;
$ouds-control-item-size-asset-medium: $ouds-size-icon-with-label-large-size-medium !default;
$ouds-control-item-size-asset-small: $ouds-size-icon-with-label-large-size-small !default;
$ouds-control-item-size-asset-xlarge: $ouds-dimension-3xlarge !default;
$ouds-control-item-size-control-indicator: $ouds-size-icon-with-label-large-size-xsmall !default;
$ouds-control-item-size-current-indicator-width: $core-ouds-dimension-50 !default;
// $ouds-control-item-size-control-indicator: $ouds-size-icon-with-label-large-size-xsmall !default;
// $ouds-control-item-size-current-indicator-width: $core-ouds-dimension-50 !default;
$ouds-control-item-size-error-icon: $ouds-size-icon-with-label-large-size-small !default; // Deprecated
$ouds-control-item-size-flag-height: $ouds-size-icon-with-label-large-size-xsmall !default;
// $ouds-control-item-size-flag-height: $ouds-size-icon-with-label-large-size-xsmall !default;
$ouds-control-item-size-icon: $ouds-size-icon-with-label-large-size-medium !default; // Deprecated
$ouds-control-item-size-loader: $ouds-size-icon-with-label-large-size-small !default; // Deprecated
$ouds-control-item-size-max-height-assets-container: $core-ouds-dimension-1200 !default; // Deprecated
Expand All @@ -282,11 +282,11 @@ $ouds-control-item-size-min-width: $core-ouds-dimension-2000 !default;
$ouds-control-item-space-column-gap: $ouds-space-column-gap-medium !default;
$ouds-control-item-space-padding-block-bottom-slot: $ouds-space-padding-block-3xsmall !default;
$ouds-control-item-space-padding-block-default: $ouds-space-padding-block-medium !default; // Deprecated
$ouds-control-item-space-padding-block-density-compact-bottom-expand-container: $ouds-space-padding-block-2xlarge !default;
// $ouds-control-item-space-padding-block-density-compact-bottom-expand-container: $ouds-space-padding-block-2xlarge !default;
$ouds-control-item-space-padding-block-density-compact-top-alignment-top-counterweight: $ouds-space-padding-block-xsmall !default;
$ouds-control-item-space-padding-block-density-compact-top-alignment-top-text-container: $ouds-space-padding-block-none !default;
$ouds-control-item-space-padding-block-density-compact: $ouds-space-padding-block-xsmall !default;
$ouds-control-item-space-padding-block-density-default-bottom-expand-container: $ouds-space-padding-block-3xlarge !default;
// $ouds-control-item-space-padding-block-density-default-bottom-expand-container: $ouds-space-padding-block-3xlarge !default;
$ouds-control-item-space-padding-block-density-default-top-alignment-top-counterweight: $ouds-space-padding-block-small !default;
$ouds-control-item-space-padding-block-density-default-top-alignment-top-text-container: $ouds-space-padding-block-4xsmall !default;
$ouds-control-item-space-padding-block-density-default: $ouds-space-padding-block-medium !default;
Expand Down Expand Up @@ -366,6 +366,12 @@ $ouds-pin-code-input-size-min-width: $ouds-dimension-large !default;
$ouds-pin-code-input-space-column-gap-digit-input: $ouds-space-column-gap-medium !default;
// scss-docs-end ouds-component-pin

// Progress

// scss-docs-start ouds-component-progress
$ouds-progress-indicator-color-bg: var(--#{$prefix}progress-indicator-color-bg) !default;
// scss-docs-end ouds-component-progress

// Quantity

// scss-docs-start ouds-component-quantity
Expand Down Expand Up @@ -470,7 +476,9 @@ $ouds-text-area-size-max-height-assets-container: $core-ouds-dimension-1100 !def
$ouds-text-area-size-max-height-input: $core-ouds-dimension-2500 !default;
$ouds-text-area-size-max-width: $core-ouds-dimension-6000 !default;
$ouds-text-area-size-min-height-input: $core-ouds-dimension-900 !default;
$ouds-text-area-space-padding-block-empty-trailing-container: $ouds-space-padding-block-xsmall !default;
$ouds-text-area-space-padding-block-top-empty: $ouds-space-padding-block-medium !default;
$ouds-text-area-space-padding-block-trailing-container: $ouds-space-padding-block-small !default;
$ouds-text-area-space-padding-block: $ouds-space-padding-block-small !default;
$ouds-text-input-border-radius-default: $ouds-border-radius-default !default;
$ouds-text-input-border-radius-rounded: $ouds-border-radius-medium !default;
Expand Down
5 changes: 5 additions & 0 deletions packages/orange/scss/tokens/_composite.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -130,6 +130,11 @@ $badge-icon-warning-internal: url("data:image/svg+xml,<svg xmlns='http://www.w3.
// badge-icon error-fill v1.6
$badge-icon-negative: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><g clip-path='url(#a)'><path d='M12 0C5.372 0 0 5.373 0 12c0 6.628 5.372 12 12 12s12-5.372 12-12c0-6.627-5.372-12-12-12Zm5.133 17.134c-.707.707-1.578.543-2.627-.506L12 14.122l-2.52 2.52c-1.05 1.049-1.906 1.2-2.613.492-.707-.707-.556-1.564.493-2.613l2.52-2.52L7.357 9.48c-1.05-1.05-1.2-1.907-.493-2.614.707-.706 1.564-.556 2.613.493L12 9.881l2.509-2.509c1.05-1.05 1.907-1.227 2.627-.507.707.707.542 1.578-.507 2.628L14.12 12l2.506 2.506c1.05 1.05 1.228 1.907.507 2.627Z'/></g><defs><clipPath id='a'><path fill='#fff' d='M0 0h24v24H0z'/></clipPath></defs></svg>") !default;

// Navigation list item
$list-item-external-icon: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 24 24'><path d='M17.3 16.967a.936.936 0 0 1-.933.933H7.033a.936.936 0 0 1-.933-.933V7.633a.936.936 0 0 1 .933-.933h5.741l1.6-1.6H6.42c-1.056 0-1.92.864-1.92 1.92v10.56c0 1.056.864 1.92 1.92 1.92h10.56c1.056 0 1.92-.864 1.92-1.92V9.625l-1.6 1.6v5.742ZM19.334 3.5H14.09l1.75 1.75-3.528 3.527c-.46.46-.46 1.204 0 1.664l1.248 1.248c.46.46 1.204.46 1.664 0L18.75 8.16l1.75 1.75V4.666c0-.644-.522-1.166-1.166-1.166Z'/></svg>") !default;
$list-item-next-icon: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 24 24'><path d='m10.461 18.1 6.235-6.1-6.235-6.1L8.68 7.642 13.134 12 8.68 16.356l1.781 1.744Z'/></svg>") !default;
$list-item-previous-icon: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 24 24'><path d='M13.534 5.9 7.3 12l6.234 6.1 1.782-1.742L10.862 12l4.454-4.356L13.534 5.9Z'/></svg>") !default;

//// SVG used several times
$svg-as-custom-props: (
"chevron": $chevron-icon,
Expand Down
2 changes: 1 addition & 1 deletion packages/orange/scss/tokens/_raw.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@
// Insertion of brand foundations
// OUDS Core tokens version 1.10.0
// Orange Core tokens version 1.2.0
// Orange System tokens version 2.4.0
// Orange System tokens version 2.5.0

// Border

Expand Down
2 changes: 1 addition & 1 deletion packages/orange/scss/tokens/_semantic-colors-custom-props.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
// Semantic custom properties applications
// OUDS Core tokens version 1.10.0
// Orange Core tokens version 1.2.0
// Orange System tokens version 2.4.0
// Orange System tokens version 2.5.0

// scss-docs-start ouds-all-semantic-css-color
// scss-docs-start ouds-semantic-css-color
Expand Down
Loading
Loading