@carbon/web-components 2.0.0-beta.4 → 2.0.0-beta.5
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.
- package/custom-elements.json +132 -4
- package/es/components/accordion/accordion.css.js +1 -1
- package/es/components/accordion/accordion.rtl.css.js +1 -1
- package/es/components/breadcrumb/breadcrumb.css.js +1 -1
- package/es/components/breadcrumb/breadcrumb.rtl.css.js +1 -1
- package/es/components/button/button.css.js +1 -1
- package/es/components/button/button.rtl.css.js +1 -1
- package/es/components/checkbox/checkbox.css.js +1 -1
- package/es/components/code-snippet/code-snippet.css.js +1 -1
- package/es/components/code-snippet/code-snippet.rtl.css.js +1 -1
- package/es/components/combo-box/combo-box.css.js +1 -1
- package/es/components/combo-box/combo-box.rtl.css.js +1 -1
- package/es/components/content-switcher/content-switcher-item.d.ts +33 -4
- package/es/components/content-switcher/content-switcher-item.d.ts.map +1 -1
- package/es/components/content-switcher/content-switcher-item.js +129 -24
- package/es/components/content-switcher/content-switcher-item.js.map +1 -1
- package/es/components/content-switcher/content-switcher.css.js +1 -1
- package/es/components/content-switcher/content-switcher.d.ts +14 -6
- package/es/components/content-switcher/content-switcher.d.ts.map +1 -1
- package/es/components/content-switcher/content-switcher.js +71 -7
- package/es/components/content-switcher/content-switcher.js.map +1 -1
- package/es/components/content-switcher/content-switcher.rtl.css.js +1 -1
- package/es/components/copy-button/copy-button.css.js +1 -1
- package/es/components/copy-button/copy-button.rtl.css.js +1 -1
- package/es/components/date-picker/date-picker.css.js +1 -1
- package/es/components/date-picker/date-picker.rtl.css.js +1 -1
- package/es/components/dropdown/dropdown.css.js +1 -1
- package/es/components/dropdown/dropdown.rtl.css.js +1 -1
- package/es/components/file-uploader/file-uploader.css.js +1 -1
- package/es/components/file-uploader/file-uploader.rtl.css.js +1 -1
- package/es/components/icon-button/icon-button.css.js +1 -1
- package/es/components/icon-button/icon-button.rtl.css.js +1 -1
- package/es/components/inline-loading/inline-loading.css.js +1 -1
- package/es/components/inline-loading/inline-loading.rtl.css.js +1 -1
- package/es/components/layer/layer.css.js +1 -1
- package/es/components/list/list-item.d.ts +2 -2
- package/es/components/list/list-item.d.ts.map +1 -1
- package/es/components/list/list-item.js +5 -5
- package/es/components/list/list-item.js.map +1 -1
- package/es/components/modal/modal.css.js +1 -1
- package/es/components/modal/modal.rtl.css.js +1 -1
- package/es/components/multi-select/multi-select.css.js +1 -1
- package/es/components/multi-select/multi-select.rtl.css.js +1 -1
- package/es/components/notification/actionable-notification.css.js +1 -1
- package/es/components/notification/actionable-notification.rtl.css.js +1 -1
- package/es/components/number-input/number-input.css.js +1 -1
- package/es/components/number-input/number-input.rtl.css.js +1 -1
- package/es/components/overflow-menu/overflow-menu.css.js +1 -1
- package/es/components/overflow-menu/overflow-menu.rtl.css.js +1 -1
- package/es/components/pagination/index.d.ts +1 -0
- package/es/components/pagination/index.d.ts.map +1 -1
- package/es/components/pagination/index.js +1 -0
- package/es/components/pagination/index.js.map +1 -1
- package/es/components/pagination/pagination.css.js +1 -1
- package/es/components/pagination/pagination.d.ts +1 -0
- package/es/components/pagination/pagination.d.ts.map +1 -1
- package/es/components/pagination/pagination.js +2 -0
- package/es/components/pagination/pagination.js.map +1 -1
- package/es/components/pagination/pagination.rtl.css.js +1 -1
- package/es/components/popover/popover.css.js +1 -1
- package/es/components/popover/popover.rtl.css.js +1 -1
- package/es/components/progress-bar/progress-bar.css.js +1 -1
- package/es/components/progress-bar/progress-bar.rtl.css.js +1 -1
- package/es/components/progress-indicator/progress-indicator.css.js +1 -1
- package/es/components/progress-indicator/progress-indicator.rtl.css.js +1 -1
- package/es/components/radio-button/radio-button-skeleton.d.ts +2 -2
- package/es/components/radio-button/radio-button-skeleton.d.ts.map +1 -1
- package/es/components/radio-button/radio-button-skeleton.js +4 -4
- package/es/components/radio-button/radio-button-skeleton.js.map +1 -1
- package/es/components/search/search.css.js +1 -1
- package/es/components/search/search.rtl.css.js +1 -1
- package/es/components/select/select.css.js +1 -1
- package/es/components/select/select.rtl.css.js +1 -1
- package/es/components/skip-to-content/skip-to-content.d.ts +3 -3
- package/es/components/skip-to-content/skip-to-content.d.ts.map +1 -1
- package/es/components/skip-to-content/skip-to-content.js +5 -5
- package/es/components/skip-to-content/skip-to-content.js.map +1 -1
- package/es/components/slider/slider.css.js +1 -1
- package/es/components/slider/slider.rtl.css.js +1 -1
- package/es/components/stack/stack.css.js +1 -1
- package/es/components/structured-list/structured-list-body.d.ts +2 -2
- package/es/components/structured-list/structured-list-body.d.ts.map +1 -1
- package/es/components/structured-list/structured-list-body.js +5 -5
- package/es/components/structured-list/structured-list-body.js.map +1 -1
- package/es/components/structured-list/structured-list-cell.d.ts +2 -2
- package/es/components/structured-list/structured-list-cell.d.ts.map +1 -1
- package/es/components/structured-list/structured-list-cell.js +5 -5
- package/es/components/structured-list/structured-list-cell.js.map +1 -1
- package/es/components/structured-list/structured-list-head.d.ts +2 -2
- package/es/components/structured-list/structured-list-head.d.ts.map +1 -1
- package/es/components/structured-list/structured-list-head.js +5 -5
- package/es/components/structured-list/structured-list-head.js.map +1 -1
- package/es/components/structured-list/structured-list-header-cell-skeleton.d.ts +2 -2
- package/es/components/structured-list/structured-list-header-cell-skeleton.d.ts.map +1 -1
- package/es/components/structured-list/structured-list-header-cell-skeleton.js +4 -4
- package/es/components/structured-list/structured-list-header-cell-skeleton.js.map +1 -1
- package/es/components/structured-list/structured-list-header-cell.d.ts +2 -2
- package/es/components/structured-list/structured-list-header-cell.d.ts.map +1 -1
- package/es/components/structured-list/structured-list-header-cell.js +5 -5
- package/es/components/structured-list/structured-list-header-cell.js.map +1 -1
- package/es/components/structured-list/structured-list-header-row.d.ts +2 -2
- package/es/components/structured-list/structured-list-header-row.d.ts.map +1 -1
- package/es/components/structured-list/structured-list-header-row.js +5 -5
- package/es/components/structured-list/structured-list-header-row.js.map +1 -1
- package/es/components/structured-list/structured-list-row.d.ts +3 -3
- package/es/components/structured-list/structured-list-row.d.ts.map +1 -1
- package/es/components/structured-list/structured-list-row.js +6 -6
- package/es/components/structured-list/structured-list-row.js.map +1 -1
- package/es/components/structured-list/structured-list.css.js +1 -1
- package/es/components/structured-list/structured-list.d.ts +3 -3
- package/es/components/structured-list/structured-list.d.ts.map +1 -1
- package/es/components/structured-list/structured-list.js +5 -5
- package/es/components/structured-list/structured-list.js.map +1 -1
- package/es/components/structured-list/structured-list.rtl.css.js +1 -1
- package/es/components/tabs/tab.d.ts +2 -2
- package/es/components/tabs/tab.d.ts.map +1 -1
- package/es/components/tabs/tab.js +4 -4
- package/es/components/tabs/tab.js.map +1 -1
- package/es/components/tabs/tabs.d.ts +2 -2
- package/es/components/tabs/tabs.d.ts.map +1 -1
- package/es/components/tabs/tabs.js +2 -2
- package/es/components/tabs/tabs.js.map +1 -1
- package/es/components/tag/tag.css.js +1 -1
- package/es/components/tag/tag.rtl.css.js +1 -1
- package/es/components/text-input/text-input.css.js +1 -1
- package/es/components/text-input/text-input.rtl.css.js +1 -1
- package/es/components/textarea/textarea.css.js +1 -1
- package/es/components/textarea/textarea.rtl.css.js +1 -1
- package/es/components/tile/clickable-tile.d.ts +3 -3
- package/es/components/tile/clickable-tile.d.ts.map +1 -1
- package/es/components/tile/clickable-tile.js +6 -6
- package/es/components/tile/clickable-tile.js.map +1 -1
- package/es/components/tile/expandable-tile.d.ts +3 -3
- package/es/components/tile/expandable-tile.d.ts.map +1 -1
- package/es/components/tile/expandable-tile.js +4 -4
- package/es/components/tile/expandable-tile.js.map +1 -1
- package/es/components/tile/selectable-tile.d.ts +3 -3
- package/es/components/tile/selectable-tile.d.ts.map +1 -1
- package/es/components/tile/selectable-tile.js +4 -4
- package/es/components/tile/selectable-tile.js.map +1 -1
- package/es/components/tile/tile.css.js +1 -1
- package/es/components/tile/tile.d.ts +2 -2
- package/es/components/tile/tile.d.ts.map +1 -1
- package/es/components/tile/tile.js +4 -4
- package/es/components/tile/tile.js.map +1 -1
- package/es/components/tile/tile.rtl.css.js +1 -1
- package/es/components/toggle/toggle.css.js +1 -1
- package/es/components/toggle/toggle.d.ts +2 -2
- package/es/components/toggle/toggle.d.ts.map +1 -1
- package/es/components/toggle/toggle.js +2 -2
- package/es/components/toggle/toggle.js.map +1 -1
- package/es/components/toggle-tip/index.d.ts +11 -0
- package/es/components/toggle-tip/index.d.ts.map +1 -0
- package/es/components/toggle-tip/index.js +11 -0
- package/es/components/toggle-tip/index.js.map +1 -0
- package/es/components/toggle-tip/toggletip.d.ts +3 -3
- package/es/components/toggle-tip/toggletip.d.ts.map +1 -1
- package/es/components/toggle-tip/toggletip.js +4 -4
- package/es/components/toggle-tip/toggletip.js.map +1 -1
- package/es/components/tooltip/tooltip.css.js +1 -1
- package/es/components/tooltip/tooltip.rtl.css.js +1 -1
- package/es/components/ui-shell/header.css.js +1 -1
- package/es/components/ui-shell/header.rtl.css.js +1 -1
- package/es/components/ui-shell/side-nav.css.js +1 -1
- package/es/components/ui-shell/side-nav.rtl.css.js +1 -1
- package/es/components-react/content-switcher/content-switcher-item.d.ts +2 -3
- package/es/components-react/content-switcher/content-switcher.d.ts +2 -3
- package/es/components-react/list/list-item.d.ts +2 -2
- package/es/components-react/radio-button/radio-button-skeleton.d.ts +2 -2
- package/es/components-react/skip-to-content/skip-to-content.d.ts +2 -2
- package/es/components-react/structured-list/structured-list-body.d.ts +2 -2
- package/es/components-react/structured-list/structured-list-cell.d.ts +2 -2
- package/es/components-react/structured-list/structured-list-head.d.ts +2 -2
- package/es/components-react/structured-list/structured-list-header-cell-skeleton.d.ts +2 -2
- package/es/components-react/structured-list/structured-list-header-cell.d.ts +2 -2
- package/es/components-react/structured-list/structured-list-header-row.d.ts +2 -2
- package/es/components-react/structured-list/structured-list-row.d.ts +2 -2
- package/es/components-react/structured-list/structured-list.d.ts +2 -2
- package/es/components-react/tile/clickable-tile.d.ts +2 -2
- package/es/components-react/tile/expandable-tile.d.ts +2 -2
- package/es/components-react/tile/selectable-tile.d.ts +2 -2
- package/es/components-react/tile/tile.d.ts +2 -2
- package/es/components-react/toggle-tip/index.d.ts +14 -0
- package/es/components-react/toggle-tip/index.js +8 -0
- package/es/components-react/toggle-tip/toggletip.d.ts +2 -2
- package/es/icons/information/16.js +1 -1
- package/lib/components-react-node/toggle-tip/index.js +9 -0
- package/package.json +1 -1
- package/scss/components/accordion/accordion.scss +19 -12
- package/scss/components/button/button.scss +51 -38
- package/scss/components/checkbox/checkbox.scss +13 -13
- package/scss/components/code-snippet/code-snippet.scss +17 -14
- package/scss/components/combo-box/combo-box.scss +45 -42
- package/scss/components/content-switcher/content-switcher.scss +37 -8
- package/scss/components/copy-button/copy-button.scss +3 -0
- package/scss/components/date-picker/date-picker.scss +3 -0
- package/scss/components/dropdown/dropdown.scss +70 -67
- package/scss/components/file-uploader/file-uploader.scss +16 -11
- package/scss/components/inline-loading/inline-loading.scss +3 -0
- package/scss/components/layer/layer.scss +10 -10
- package/scss/components/modal/modal.scss +29 -28
- package/scss/components/multi-select/multi-select.scss +41 -34
- package/scss/components/notification/actionable-notification.scss +12 -10
- package/scss/components/number-input/number-input.scss +3 -0
- package/scss/components/overflow-menu/overflow-menu.scss +7 -4
- package/scss/components/pagination/pagination.scss +3 -0
- package/scss/components/popover/popover.scss +17 -9
- package/scss/components/progress-bar/progress-bar.scss +6 -0
- package/scss/components/progress-indicator/progress-indicator.scss +3 -0
- package/scss/components/search/search.scss +48 -45
- package/scss/components/select/select.scss +43 -40
- package/scss/components/slider/slider.scss +7 -4
- package/scss/components/stack/stack.scss +8 -8
- package/scss/components/structured-list/structured-list.scss +5 -0
- package/scss/components/tag/tag.scss +67 -64
- package/scss/components/text-input/text-input.scss +21 -15
- package/scss/components/textarea/textarea.scss +9 -6
- package/scss/components/tile/tile.scss +33 -22
- package/scss/components/toggle/toggle.scss +8 -8
- package/scss/components/ui-shell/header.scss +3 -0
- package/scss/components/ui-shell/side-nav.scss +11 -6
package/custom-elements.json
CHANGED
|
@@ -1884,9 +1884,27 @@
|
|
|
1884
1884
|
},
|
|
1885
1885
|
{
|
|
1886
1886
|
"name": "value",
|
|
1887
|
-
"description": "The `value` attribute that is set to the parent `<cds-content-switcher
|
|
1887
|
+
"description": "The `value` attribute that is set to the parent `<cds-content-switcher>`\nwhen this content switcher item is selected.",
|
|
1888
1888
|
"type": "string",
|
|
1889
1889
|
"default": "\"\""
|
|
1890
|
+
},
|
|
1891
|
+
{
|
|
1892
|
+
"name": "icon",
|
|
1893
|
+
"description": "`true` if the content switcher button should be icon-only.",
|
|
1894
|
+
"type": "boolean",
|
|
1895
|
+
"default": "false"
|
|
1896
|
+
},
|
|
1897
|
+
{
|
|
1898
|
+
"name": "align",
|
|
1899
|
+
"description": "Specify how the trigger should align with the tooltip for icon-only\nswitcher item",
|
|
1900
|
+
"type": "string",
|
|
1901
|
+
"default": "\"top\""
|
|
1902
|
+
},
|
|
1903
|
+
{
|
|
1904
|
+
"name": "close-on-activation",
|
|
1905
|
+
"description": "Determines whether the tooltip should close when inner content is\nactivated (click, Enter or Space)",
|
|
1906
|
+
"type": "boolean",
|
|
1907
|
+
"default": "true"
|
|
1890
1908
|
}
|
|
1891
1909
|
],
|
|
1892
1910
|
"properties": [
|
|
@@ -1906,10 +1924,43 @@
|
|
|
1906
1924
|
{
|
|
1907
1925
|
"name": "value",
|
|
1908
1926
|
"attribute": "value",
|
|
1909
|
-
"description": "The `value` attribute that is set to the parent `<cds-content-switcher
|
|
1927
|
+
"description": "The `value` attribute that is set to the parent `<cds-content-switcher>`\nwhen this content switcher item is selected.",
|
|
1910
1928
|
"type": "string",
|
|
1911
1929
|
"default": "\"\""
|
|
1912
1930
|
},
|
|
1931
|
+
{
|
|
1932
|
+
"name": "icon",
|
|
1933
|
+
"attribute": "icon",
|
|
1934
|
+
"description": "`true` if the content switcher button should be icon-only.",
|
|
1935
|
+
"type": "boolean",
|
|
1936
|
+
"default": "false"
|
|
1937
|
+
},
|
|
1938
|
+
{
|
|
1939
|
+
"name": "align",
|
|
1940
|
+
"attribute": "align",
|
|
1941
|
+
"description": "Specify how the trigger should align with the tooltip for icon-only\nswitcher item",
|
|
1942
|
+
"type": "string",
|
|
1943
|
+
"default": "\"top\""
|
|
1944
|
+
},
|
|
1945
|
+
{
|
|
1946
|
+
"name": "closeOnActivation",
|
|
1947
|
+
"attribute": "close-on-activation",
|
|
1948
|
+
"description": "Determines whether the tooltip should close when inner content is\nactivated (click, Enter or Space)",
|
|
1949
|
+
"type": "boolean",
|
|
1950
|
+
"default": "true"
|
|
1951
|
+
},
|
|
1952
|
+
{
|
|
1953
|
+
"name": "enterDelayMs",
|
|
1954
|
+
"description": "Specify the duration in milliseconds to delay before displaying the\ntooltip for icon-only switcher item",
|
|
1955
|
+
"type": "number",
|
|
1956
|
+
"default": "100"
|
|
1957
|
+
},
|
|
1958
|
+
{
|
|
1959
|
+
"name": "leaveDelayMs",
|
|
1960
|
+
"description": "Specify the duration in milliseconds to delay before hiding the tooltip\nfor icon-only switcher-item\n\nTODO: match upstream value once #10471 is resolved",
|
|
1961
|
+
"type": "number",
|
|
1962
|
+
"default": "100"
|
|
1963
|
+
},
|
|
1913
1964
|
{
|
|
1914
1965
|
"name": "shadowRootOptions",
|
|
1915
1966
|
"type": "{ delegatesFocus: boolean; mode: ShadowRootMode; }",
|
|
@@ -1937,6 +1988,12 @@
|
|
|
1937
1988
|
"description": "Content switcher size.",
|
|
1938
1989
|
"type": "CONTENT_SWITCHER_SIZE",
|
|
1939
1990
|
"default": "\"\""
|
|
1991
|
+
},
|
|
1992
|
+
{
|
|
1993
|
+
"name": "icon",
|
|
1994
|
+
"description": "Icon only.",
|
|
1995
|
+
"type": "boolean",
|
|
1996
|
+
"default": "false"
|
|
1940
1997
|
}
|
|
1941
1998
|
],
|
|
1942
1999
|
"properties": [
|
|
@@ -1954,6 +2011,13 @@
|
|
|
1954
2011
|
"type": "CONTENT_SWITCHER_SIZE",
|
|
1955
2012
|
"default": "\"\""
|
|
1956
2013
|
},
|
|
2014
|
+
{
|
|
2015
|
+
"name": "iconOnly",
|
|
2016
|
+
"attribute": "icon",
|
|
2017
|
+
"description": "Icon only.",
|
|
2018
|
+
"type": "boolean",
|
|
2019
|
+
"default": "false"
|
|
2020
|
+
},
|
|
1957
2021
|
{
|
|
1958
2022
|
"name": "styles",
|
|
1959
2023
|
"default": "\"styles\""
|
|
@@ -10495,9 +10559,27 @@
|
|
|
10495
10559
|
},
|
|
10496
10560
|
{
|
|
10497
10561
|
"name": "value",
|
|
10498
|
-
"description": "The `value` attribute that is set to the parent `<cds-content-switcher
|
|
10562
|
+
"description": "The `value` attribute that is set to the parent `<cds-content-switcher>`\nwhen this content switcher item is selected.",
|
|
10499
10563
|
"type": "string",
|
|
10500
10564
|
"default": "\"\""
|
|
10565
|
+
},
|
|
10566
|
+
{
|
|
10567
|
+
"name": "icon",
|
|
10568
|
+
"description": "`true` if the content switcher button should be icon-only.",
|
|
10569
|
+
"type": "boolean",
|
|
10570
|
+
"default": "false"
|
|
10571
|
+
},
|
|
10572
|
+
{
|
|
10573
|
+
"name": "align",
|
|
10574
|
+
"description": "Specify how the trigger should align with the tooltip for icon-only\nswitcher item",
|
|
10575
|
+
"type": "string",
|
|
10576
|
+
"default": "\"top\""
|
|
10577
|
+
},
|
|
10578
|
+
{
|
|
10579
|
+
"name": "close-on-activation",
|
|
10580
|
+
"description": "Determines whether the tooltip should close when inner content is\nactivated (click, Enter or Space)",
|
|
10581
|
+
"type": "boolean",
|
|
10582
|
+
"default": "true"
|
|
10501
10583
|
}
|
|
10502
10584
|
],
|
|
10503
10585
|
"properties": [
|
|
@@ -10524,10 +10606,43 @@
|
|
|
10524
10606
|
{
|
|
10525
10607
|
"name": "value",
|
|
10526
10608
|
"attribute": "value",
|
|
10527
|
-
"description": "The `value` attribute that is set to the parent `<cds-content-switcher
|
|
10609
|
+
"description": "The `value` attribute that is set to the parent `<cds-content-switcher>`\nwhen this content switcher item is selected.",
|
|
10528
10610
|
"type": "string",
|
|
10529
10611
|
"default": "\"\""
|
|
10530
10612
|
},
|
|
10613
|
+
{
|
|
10614
|
+
"name": "icon",
|
|
10615
|
+
"attribute": "icon",
|
|
10616
|
+
"description": "`true` if the content switcher button should be icon-only.",
|
|
10617
|
+
"type": "boolean",
|
|
10618
|
+
"default": "false"
|
|
10619
|
+
},
|
|
10620
|
+
{
|
|
10621
|
+
"name": "align",
|
|
10622
|
+
"attribute": "align",
|
|
10623
|
+
"description": "Specify how the trigger should align with the tooltip for icon-only\nswitcher item",
|
|
10624
|
+
"type": "string",
|
|
10625
|
+
"default": "\"top\""
|
|
10626
|
+
},
|
|
10627
|
+
{
|
|
10628
|
+
"name": "closeOnActivation",
|
|
10629
|
+
"attribute": "close-on-activation",
|
|
10630
|
+
"description": "Determines whether the tooltip should close when inner content is\nactivated (click, Enter or Space)",
|
|
10631
|
+
"type": "boolean",
|
|
10632
|
+
"default": "true"
|
|
10633
|
+
},
|
|
10634
|
+
{
|
|
10635
|
+
"name": "enterDelayMs",
|
|
10636
|
+
"description": "Specify the duration in milliseconds to delay before displaying the\ntooltip for icon-only switcher item",
|
|
10637
|
+
"type": "number",
|
|
10638
|
+
"default": "100"
|
|
10639
|
+
},
|
|
10640
|
+
{
|
|
10641
|
+
"name": "leaveDelayMs",
|
|
10642
|
+
"description": "Specify the duration in milliseconds to delay before hiding the tooltip\nfor icon-only switcher-item\n\nTODO: match upstream value once #10471 is resolved",
|
|
10643
|
+
"type": "number",
|
|
10644
|
+
"default": "100"
|
|
10645
|
+
},
|
|
10531
10646
|
{
|
|
10532
10647
|
"name": "shadowRootOptions",
|
|
10533
10648
|
"type": "{ delegatesFocus: boolean; mode: ShadowRootMode; }",
|
|
@@ -10585,6 +10700,12 @@
|
|
|
10585
10700
|
"description": "Content switcher size.",
|
|
10586
10701
|
"type": "CONTENT_SWITCHER_SIZE",
|
|
10587
10702
|
"default": "\"\""
|
|
10703
|
+
},
|
|
10704
|
+
{
|
|
10705
|
+
"name": "icon",
|
|
10706
|
+
"description": "Icon only.",
|
|
10707
|
+
"type": "boolean",
|
|
10708
|
+
"default": "false"
|
|
10588
10709
|
}
|
|
10589
10710
|
],
|
|
10590
10711
|
"properties": [
|
|
@@ -10643,6 +10764,13 @@
|
|
|
10643
10764
|
"type": "CONTENT_SWITCHER_SIZE",
|
|
10644
10765
|
"default": "\"\""
|
|
10645
10766
|
},
|
|
10767
|
+
{
|
|
10768
|
+
"name": "iconOnly",
|
|
10769
|
+
"attribute": "icon",
|
|
10770
|
+
"description": "Icon only.",
|
|
10771
|
+
"type": "boolean",
|
|
10772
|
+
"default": "false"
|
|
10773
|
+
},
|
|
10646
10774
|
{
|
|
10647
10775
|
"name": "styles",
|
|
10648
10776
|
"default": "\"styles\""
|
|
@@ -8,5 +8,5 @@
|
|
|
8
8
|
*/
|
|
9
9
|
import { css } from 'lit';
|
|
10
10
|
export default css([
|
|
11
|
-
'.cds--accordion--flush .cds--accordion__title,:host(cds-accordion-item)[isFlush] .cds--accordion__title,:host(cds-accordion-item-skeleton)[isFlush] .cds--accordion__title{margin-left:0}.cds--accordion--flush .cds--accordion__arrow,:host(cds-accordion-item)[isFlush] .cds--accordion__arrow,:host(cds-accordion-item-skeleton)[isFlush] .cds--accordion__arrow{margin-right:0}.cds--accordion--flush .cds--accordion__content,:host(cds-accordion-item)[isFlush] .cds--accordion__content,:host(cds-accordion-item-skeleton)[isFlush] .cds--accordion__content{padding-left:0}.cds--accordion--flush:not(.cds--skeleton) .cds--accordion__heading:focus::before,.cds--accordion--flush:not(.cds--skeleton) .cds--accordion__heading:hover::before,[isFlush]:not(.cds--skeleton):host(cds-accordion-item) .cds--accordion__heading:focus::before,[isFlush]:not(.cds--skeleton):host(cds-accordion-item) .cds--accordion__heading:hover::before,[isFlush]:not(.cds--skeleton):host(cds-accordion-item-skeleton) .cds--accordion__heading:focus::before,[isFlush]:not(.cds--skeleton):host(cds-accordion-item-skeleton) .cds--accordion__heading:hover::before{left:-1rem;width:calc(100% + 32px)}.cds--accordion,:host(cds-accordion),:host(cds-accordion-skeleton){box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;width:100%;list-style:none}.cds--accordion *,.cds--accordion ::after,.cds--accordion ::before,:host(cds-accordion) *,:host(cds-accordion) ::after,:host(cds-accordion) ::before,:host(cds-accordion-skeleton) *,:host(cds-accordion-skeleton) ::after,:host(cds-accordion-skeleton) ::before{box-sizing:inherit}.cds--accordion__item,:host(cds-accordion-item),:host(cds-accordion-item-skeleton){display:list-item;overflow:visible;border-top:1px solid var(--cds-border-subtle);transition:all 110ms cubic-bezier(.2,0,.38,.9)}.cds--accordion__item:last-child,:last-child:host(cds-accordion-item),:last-child:host(cds-accordion-item-skeleton){border-bottom:1px solid var(--cds-border-subtle)}.cds--accordion__heading{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;display:inline-block;padding:0;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;cursor:pointer;text-align:start;width:100%;position:relative;display:flex;width:100%;min-height:2.5rem;flex-direction:row-reverse;align-items:flex-start;justify-content:flex-start;padding:.625rem 0;margin:0;color:var(--cds-text-primary,#161616);cursor:pointer;transition:background-color cubic-bezier(.2,0,.38,.9) 110ms}.cds--accordion__heading *,.cds--accordion__heading ::after,.cds--accordion__heading ::before{box-sizing:inherit}.cds--accordion__heading::-moz-focus-inner{border:0}.cds--accordion__heading:focus::before,.cds--accordion__heading:hover::before{position:absolute;top:-1px;left:0;width:100%;height:calc(100% + 2px);content:""}.cds--accordion__heading:hover::before{background-color:var(--cds-layer-hover)}.cds--accordion__heading:focus{outline:0}.cds--accordion__heading:focus::before{box-sizing:border-box;border:2px solid var(--cds-focus,#0f62fe)}@media screen and (prefers-contrast){.cds--accordion__heading:focus::before{border-style:dotted}}.cds--accordion--lg .cds--accordion__heading,:host(cds-accordion-item)[size=lg] .cds--accordion__heading,:host(cds-accordion-item-skeleton)[size=lg] .cds--accordion__heading{min-height:3rem;align-items:center}.cds--accordion--sm .cds--accordion__heading,:host(cds-accordion-item)[size=sm] .cds--accordion__heading,:host(cds-accordion-item-skeleton)[size=sm] .cds--accordion__heading{min-height:2rem;padding:.3125rem 0}.cds--accordion__heading[disabled]{color:var(--cds-text-disabled,rgba(22,22,22,.25));cursor:not-allowed}.cds--accordion__heading[disabled] .cds--accordion__arrow{fill:var(--cds-icon-disabled,rgba(22,22,22,.25))}.cds--accordion__heading[disabled]:hover::before{background-color:transparent}.cds--accordion__item--disabled,.cds--accordion__item--disabled+.cds--accordion__item,.cds--accordion__item--disabled+:host(cds-accordion-item),.cds--accordion__item--disabled+:host(cds-accordion-item-skeleton){border-top:1px solid var(--cds-border-subtle)}li.cds--accordion__item--disabled:last-of-type{border-bottom:1px solid var(--cds-border-subtle)}.cds--accordion__arrow{outline:2px solid transparent;outline-offset:-2px;width:1rem;height:1rem;flex:0 0 1rem;margin:2px 1rem 0 0;fill:var(--cds-icon-primary,#161616);transform:rotate(-270deg);transition:all 110ms cubic-bezier(.2,0,.38,.9)}.cds--accordion__title{font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);line-height:var(--cds-body-01-line-height,1.42857);letter-spacing:var(--cds-body-01-letter-spacing,.16px);z-index:1;width:100%;padding-right:1rem;margin:0 0 0 1rem;text-align:left}.cds--accordion__content,:host(cds-accordion-item) .cds--accordion__content,:host(cds-accordion-item-skeleton) .cds--accordion__content{display:none;padding-right:1rem;padding-left:1rem;transition:padding cubic-bezier(.2,0,.38,.9) 110ms}@media (min-width:480px){.cds--accordion__content,:host(cds-accordion-item) .cds--accordion__content,:host(cds-accordion-item-skeleton) .cds--accordion__content{padding-right:3rem}}@media (min-width:640px){.cds--accordion__content,:host(cds-accordion-item) .cds--accordion__content,:host(cds-accordion-item-skeleton) .cds--accordion__content{padding-right:25%}}.cds--accordion__content>p,:host(cds-accordion-item) .cds--accordion__content>p,:host(cds-accordion-item-skeleton) .cds--accordion__content>p{font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);line-height:var(--cds-body-01-line-height,1.42857);letter-spacing:var(--cds-body-01-letter-spacing,.16px)}.cds--accordion--start .cds--accordion__heading,:host(cds-accordion-item)[alignment=start] .cds--accordion__heading,:host(cds-accordion-item-skeleton)[alignment=start] .cds--accordion__heading{flex-direction:row}.cds--accordion--start .cds--accordion__arrow,:host(cds-accordion-item)[alignment=start] .cds--accordion__arrow,:host(cds-accordion-item-skeleton)[alignment=start] .cds--accordion__arrow{margin:2px 0 0 1rem}.cds--accordion--start .cds--accordion__title,:host(cds-accordion-item)[alignment=start] .cds--accordion__title,:host(cds-accordion-item-skeleton)[alignment=start] .cds--accordion__title{margin-right:1rem}.cds--accordion--start .cds--accordion__content,:host(cds-accordion-item)[alignment=start] .cds--accordion__content,:host(cds-accordion-item-skeleton)[alignment=start] .cds--accordion__content{margin-left:2rem}.cds--accordion__item--collapsing .cds--accordion__content,.cds--accordion__item--expanding .cds--accordion__content,:host(cds-accordion-item[collapsing]) .cds--accordion__content,:host(cds-accordion-item[expanding]) .cds--accordion__content{display:block}@keyframes collapse-accordion{0%{height:100%;opacity:1;visibility:inherit}100%{height:0;opacity:0;visibility:hidden}}@keyframes expand-accordion{0%{height:0;opacity:0;visibility:hidden}100%{height:100%;opacity:1;visibility:inherit}}.cds--accordion__item--collapsing .cds--accordion__content,:host(cds-accordion-item[collapsing]) .cds--accordion__content{animation:110ms cubic-bezier(.2,0,.38,.9) collapse-accordion}.cds--accordion__item--expanding .cds--accordion__content,:host(cds-accordion-item[expanding]) .cds--accordion__content{animation:110ms cubic-bezier(.2,0,.38,.9) expand-accordion}.cds--accordion__item--active,:host(cds-accordion-item[open]:not([disabled])){overflow:visible}.cds--accordion__item--active .cds--accordion__content,:host(cds-accordion-item[open]:not([disabled])) .cds--accordion__content{display:block;padding-top:.5rem;padding-bottom:1.5rem;transition:padding-top cubic-bezier(0,0,.38,.9) 110ms,padding-bottom cubic-bezier(0,0,.38,.9) 110ms}.cds--accordion__item--active .cds--accordion__arrow,:host(cds-accordion-item[open]:not([disabled])) .cds--accordion__arrow{fill:var(--cds-icon-primary,#161616);transform:rotate(-90deg)}.cds--accordion.cds--skeleton .cds--accordion__button,.cds--accordion.cds--skeleton .cds--accordion__heading,.cds--skeleton:host(cds-accordion) .cds--accordion__button,.cds--skeleton:host(cds-accordion) .cds--accordion__heading,.cds--skeleton:host(cds-accordion-skeleton) .cds--accordion__button,.cds--skeleton:host(cds-accordion-skeleton) .cds--accordion__heading{cursor:default}.cds--accordion.cds--skeleton .cds--accordion__arrow,.cds--skeleton:host(cds-accordion) .cds--accordion__arrow,.cds--skeleton:host(cds-accordion-skeleton) .cds--accordion__arrow{cursor:default;fill:var(--cds-icon-primary,#161616);pointer-events:none}.cds--accordion.cds--skeleton .cds--accordion__arrow:active,.cds--accordion.cds--skeleton .cds--accordion__arrow:focus,.cds--accordion.cds--skeleton .cds--accordion__arrow:hover,.cds--skeleton:host(cds-accordion) .cds--accordion__arrow:active,.cds--skeleton:host(cds-accordion) .cds--accordion__arrow:focus,.cds--skeleton:host(cds-accordion) .cds--accordion__arrow:hover,.cds--skeleton:host(cds-accordion-skeleton) .cds--accordion__arrow:active,.cds--skeleton:host(cds-accordion-skeleton) .cds--accordion__arrow:focus,.cds--skeleton:host(cds-accordion-skeleton) .cds--accordion__arrow:hover{border:none;cursor:default;outline:0}.cds--accordion.cds--skeleton .cds--accordion__heading:hover::before,.cds--skeleton:host(cds-accordion) .cds--accordion__heading:hover::before,.cds--skeleton:host(cds-accordion-skeleton) .cds--accordion__heading:hover::before{background-color:transparent}.cds--accordion--end.cds--skeleton .cds--accordion__arrow{margin-left:1rem}.cds--skeleton .cds--accordion__heading:focus .cds--accordion__arrow{border:none;cursor:default;outline:0}.cds--accordion__title.cds--skeleton__text{margin-bottom:0}@media screen and (-ms-high-contrast:active),(forced-colors:active){.cds--accordion__arrow,.cds--accordion__item--active .cds--accordion__arrow,:host(cds-accordion-item[open]:not([disabled])) .cds--accordion__arrow{fill:ButtonText}}:host(cds-accordion-item),:host(cds-accordion-item-skeleton){display:block;outline:0}:host(cds-accordion-item) .cds--accordion__content ::slotted(p),:host(cds-accordion-item-skeleton) .cds--accordion__content ::slotted(p){font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);line-height:var(--cds-body-01-line-height,1.42857);letter-spacing:var(--cds-body-01-letter-spacing,.16px);margin:0}:host(cds-accordion-item[open]:not([disabled])) .cds--accordion__content{padding-right:1rem}:host(cds-accordion-item[open]:not([disabled])) .cds-ce--accordion__content--sm{padding-right:3rem}:host(cds-accordion-item[open]:not([disabled])) .cds-ce--accordion__content--md{padding-right:25%}:host(cds-accordion-item-skeleton) .cds--accordion__heading,:host(cds-accordion-skeleton) .cds--accordion__heading{cursor:default}:host(cds-accordion-item-skeleton) .cds--accordion__heading:hover::before,:host(cds-accordion-skeleton) .cds--accordion__heading:hover::before{background:0 0}',
|
|
11
|
+
'.cds--accordion--flush .cds--accordion__title,:host(cds-accordion-item-skeleton[isFlush]) .cds--accordion__title,:host(cds-accordion-item[isFlush]) .cds--accordion__title{margin-left:0}.cds--accordion--flush .cds--accordion__arrow,:host(cds-accordion-item-skeleton[isFlush]) .cds--accordion__arrow,:host(cds-accordion-item[isFlush]) .cds--accordion__arrow{margin-right:0}.cds--accordion--flush .cds--accordion__content,:host(cds-accordion-item-skeleton[isFlush]) .cds--accordion__content,:host(cds-accordion-item[isFlush]) .cds--accordion__content{padding-left:0}.cds--accordion--flush:not(.cds--skeleton) .cds--accordion__heading:focus::before,.cds--accordion--flush:not(.cds--skeleton) .cds--accordion__heading:hover::before,:not(.cds--skeleton):host(cds-accordion-item-skeleton[isFlush]) .cds--accordion__heading:focus::before,:not(.cds--skeleton):host(cds-accordion-item-skeleton[isFlush]) .cds--accordion__heading:hover::before,:not(.cds--skeleton):host(cds-accordion-item[isFlush]) .cds--accordion__heading:focus::before,:not(.cds--skeleton):host(cds-accordion-item[isFlush]) .cds--accordion__heading:hover::before{left:-1rem;width:calc(100% + 32px)}.cds--accordion,:host(cds-accordion),:host(cds-accordion-skeleton){box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;width:100%;list-style:none}.cds--accordion *,.cds--accordion ::after,.cds--accordion ::before,:host(cds-accordion) *,:host(cds-accordion) ::after,:host(cds-accordion) ::before,:host(cds-accordion-skeleton) *,:host(cds-accordion-skeleton) ::after,:host(cds-accordion-skeleton) ::before{box-sizing:inherit}.cds--accordion__item,:host(cds-accordion-item),:host(cds-accordion-item-skeleton){display:list-item;overflow:visible;border-top:1px solid var(--cds-border-subtle);transition:all 110ms cubic-bezier(.2,0,.38,.9)}.cds--accordion__item:last-child,:last-child:host(cds-accordion-item),:last-child:host(cds-accordion-item-skeleton){border-bottom:1px solid var(--cds-border-subtle)}.cds--accordion__heading{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;display:inline-block;padding:0;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;cursor:pointer;text-align:start;width:100%;position:relative;display:flex;width:100%;min-height:2.5rem;flex-direction:row-reverse;align-items:flex-start;justify-content:flex-start;padding:.625rem 0;margin:0;color:var(--cds-text-primary,#161616);cursor:pointer;transition:background-color cubic-bezier(.2,0,.38,.9) 110ms}.cds--accordion__heading *,.cds--accordion__heading ::after,.cds--accordion__heading ::before{box-sizing:inherit}.cds--accordion__heading::-moz-focus-inner{border:0}.cds--accordion__heading:focus::before,.cds--accordion__heading:hover::before{position:absolute;top:-1px;left:0;width:100%;height:calc(100% + 2px);content:""}.cds--accordion__heading:hover::before{background-color:var(--cds-layer-hover)}.cds--accordion__heading:focus{outline:0}.cds--accordion__heading:focus::before{box-sizing:border-box;border:2px solid var(--cds-focus,#0f62fe)}@media screen and (prefers-contrast){.cds--accordion__heading:focus::before{border-style:dotted}}.cds--accordion--lg .cds--accordion__heading,:host(cds-accordion-item-skeleton[size=lg]) .cds--accordion__heading,:host(cds-accordion-item[size=lg]) .cds--accordion__heading{min-height:3rem;align-items:center}.cds--accordion--sm .cds--accordion__heading,:host(cds-accordion-item-skeleton[size=sm]) .cds--accordion__heading,:host(cds-accordion-item[size=sm]) .cds--accordion__heading{min-height:2rem;padding:.3125rem 0}.cds--accordion__heading[disabled]{color:var(--cds-text-disabled,rgba(22,22,22,.25));cursor:not-allowed}.cds--accordion__heading[disabled] .cds--accordion__arrow{fill:var(--cds-icon-disabled,rgba(22,22,22,.25))}.cds--accordion__heading[disabled]:hover::before{background-color:transparent}.cds--accordion__item--disabled,.cds--accordion__item--disabled+.cds--accordion__item,.cds--accordion__item--disabled+:host(cds-accordion-item),.cds--accordion__item--disabled+:host(cds-accordion-item-skeleton){border-top:1px solid var(--cds-border-subtle)}li.cds--accordion__item--disabled:last-of-type{border-bottom:1px solid var(--cds-border-subtle)}.cds--accordion__arrow{outline:2px solid transparent;outline-offset:-2px;width:1rem;height:1rem;flex:0 0 1rem;margin:2px 1rem 0 0;fill:var(--cds-icon-primary,#161616);transform:rotate(-270deg);transition:all 110ms cubic-bezier(.2,0,.38,.9)}.cds--accordion__title{font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);line-height:var(--cds-body-01-line-height,1.42857);letter-spacing:var(--cds-body-01-letter-spacing,.16px);z-index:1;width:100%;padding-right:1rem;margin:0 0 0 1rem;text-align:left}.cds--accordion__content,:host(cds-accordion-item) .cds--accordion__content,:host(cds-accordion-item-skeleton) .cds--accordion__content{display:none;padding-right:1rem;padding-left:1rem;transition:padding cubic-bezier(.2,0,.38,.9) 110ms}@media (min-width:480px){.cds--accordion__content,:host(cds-accordion-item) .cds--accordion__content,:host(cds-accordion-item-skeleton) .cds--accordion__content{padding-right:3rem}}@media (min-width:640px){.cds--accordion__content,:host(cds-accordion-item) .cds--accordion__content,:host(cds-accordion-item-skeleton) .cds--accordion__content{padding-right:25%}}.cds--accordion__content>p,:host(cds-accordion-item) .cds--accordion__content>p,:host(cds-accordion-item-skeleton) .cds--accordion__content>p{font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);line-height:var(--cds-body-01-line-height,1.42857);letter-spacing:var(--cds-body-01-letter-spacing,.16px)}.cds--accordion--start .cds--accordion__heading,:host(cds-accordion-item-skeleton[alignment=start]) .cds--accordion__heading,:host(cds-accordion-item[alignment=start]) .cds--accordion__heading{flex-direction:row}.cds--accordion--start .cds--accordion__arrow,:host(cds-accordion-item-skeleton[alignment=start]) .cds--accordion__arrow,:host(cds-accordion-item[alignment=start]) .cds--accordion__arrow{margin:2px 0 0 1rem}.cds--accordion--start .cds--accordion__title,:host(cds-accordion-item-skeleton[alignment=start]) .cds--accordion__title,:host(cds-accordion-item[alignment=start]) .cds--accordion__title{margin-right:1rem}.cds--accordion--start .cds--accordion__content,:host(cds-accordion-item-skeleton[alignment=start]) .cds--accordion__content,:host(cds-accordion-item[alignment=start]) .cds--accordion__content{margin-left:2rem}.cds--accordion__item--collapsing .cds--accordion__content,.cds--accordion__item--expanding .cds--accordion__content,:host(cds-accordion-item[collapsing]) .cds--accordion__content,:host(cds-accordion-item[expanding]) .cds--accordion__content{display:block}@keyframes collapse-accordion{0%{height:100%;opacity:1;visibility:inherit}100%{height:0;opacity:0;visibility:hidden}}@keyframes expand-accordion{0%{height:0;opacity:0;visibility:hidden}100%{height:100%;opacity:1;visibility:inherit}}.cds--accordion__item--collapsing .cds--accordion__content,:host(cds-accordion-item[collapsing]) .cds--accordion__content{animation:110ms cubic-bezier(.2,0,.38,.9) collapse-accordion}.cds--accordion__item--expanding .cds--accordion__content,:host(cds-accordion-item[expanding]) .cds--accordion__content{animation:110ms cubic-bezier(.2,0,.38,.9) expand-accordion}.cds--accordion__item--active,:host(cds-accordion-item[open]:not([disabled])){overflow:visible}.cds--accordion__item--active .cds--accordion__content,:host(cds-accordion-item[open]:not([disabled])) .cds--accordion__content{display:block;padding-top:.5rem;padding-bottom:1.5rem;transition:padding-top cubic-bezier(0,0,.38,.9) 110ms,padding-bottom cubic-bezier(0,0,.38,.9) 110ms}.cds--accordion__item--active .cds--accordion__arrow,:host(cds-accordion-item[open]:not([disabled])) .cds--accordion__arrow{fill:var(--cds-icon-primary,#161616);transform:rotate(-90deg)}.cds--accordion.cds--skeleton .cds--accordion__button,.cds--accordion.cds--skeleton .cds--accordion__heading,.cds--skeleton:host(cds-accordion) .cds--accordion__button,.cds--skeleton:host(cds-accordion) .cds--accordion__heading,.cds--skeleton:host(cds-accordion-skeleton) .cds--accordion__button,.cds--skeleton:host(cds-accordion-skeleton) .cds--accordion__heading{cursor:default}.cds--accordion.cds--skeleton .cds--accordion__arrow,.cds--skeleton:host(cds-accordion) .cds--accordion__arrow,.cds--skeleton:host(cds-accordion-skeleton) .cds--accordion__arrow{cursor:default;fill:var(--cds-icon-primary,#161616);pointer-events:none}.cds--accordion.cds--skeleton .cds--accordion__arrow:active,.cds--accordion.cds--skeleton .cds--accordion__arrow:focus,.cds--accordion.cds--skeleton .cds--accordion__arrow:hover,.cds--skeleton:host(cds-accordion) .cds--accordion__arrow:active,.cds--skeleton:host(cds-accordion) .cds--accordion__arrow:focus,.cds--skeleton:host(cds-accordion) .cds--accordion__arrow:hover,.cds--skeleton:host(cds-accordion-skeleton) .cds--accordion__arrow:active,.cds--skeleton:host(cds-accordion-skeleton) .cds--accordion__arrow:focus,.cds--skeleton:host(cds-accordion-skeleton) .cds--accordion__arrow:hover{border:none;cursor:default;outline:0}.cds--accordion.cds--skeleton .cds--accordion__heading:hover::before,.cds--skeleton:host(cds-accordion) .cds--accordion__heading:hover::before,.cds--skeleton:host(cds-accordion-skeleton) .cds--accordion__heading:hover::before{background-color:transparent}.cds--accordion--end.cds--skeleton .cds--accordion__arrow{margin-left:1rem}.cds--skeleton .cds--accordion__heading:focus .cds--accordion__arrow{border:none;cursor:default;outline:0}.cds--accordion__title.cds--skeleton__text{margin-bottom:0}@media screen and (-ms-high-contrast:active),(forced-colors:active){.cds--accordion__arrow,.cds--accordion__item--active .cds--accordion__arrow,:host(cds-accordion-item[open]:not([disabled])) .cds--accordion__arrow{fill:ButtonText}}:host(cds-accordion),:host(cds-accordion-skeleton){--cds-layer:var(--cds-layer-01, #f4f4f4);--cds-layer-active:var(--cds-layer-active-01, #c6c6c6);--cds-layer-hover:var(--cds-layer-hover-01, #e8e8e8);--cds-layer-selected:var(--cds-layer-selected-01, #e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-01, #d1d1d1);--cds-layer-accent:var(--cds-layer-accent-01, #e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-01, #d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-01, #a8a8a8);--cds-field:var(--cds-field-01, #f4f4f4);--cds-field-hover:var(--cds-field-hover-01, #e8e8e8);--cds-border-subtle:var(--cds-border-subtle-00, #e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-01, #c6c6c6);--cds-border-strong:var(--cds-border-strong-01, #8d8d8d);--cds-border-tile:var(--cds-border-tile-01, #c6c6c6)}:host(cds-accordion-item),:host(cds-accordion-item-skeleton){display:block;outline:0}:host(cds-accordion-item) .cds--accordion__content ::slotted(p),:host(cds-accordion-item-skeleton) .cds--accordion__content ::slotted(p){font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);line-height:var(--cds-body-01-line-height,1.42857);letter-spacing:var(--cds-body-01-letter-spacing,.16px);margin:0}:host(cds-accordion-item[open]:not([disabled])) .cds--accordion__content{padding-right:1rem}:host(cds-accordion-item[open]:not([disabled])) .cds-ce--accordion__content--sm{padding-right:3rem}:host(cds-accordion-item[open]:not([disabled])) .cds-ce--accordion__content--md{padding-right:25%}:host(cds-accordion-item-skeleton) .cds--accordion__heading,:host(cds-accordion-skeleton) .cds--accordion__heading{cursor:default}:host(cds-accordion-item-skeleton) .cds--accordion__heading:hover::before,:host(cds-accordion-skeleton) .cds--accordion__heading:hover::before{background:0 0}',
|
|
12
12
|
]);
|
|
@@ -8,5 +8,5 @@
|
|
|
8
8
|
*/
|
|
9
9
|
import { css } from 'lit';
|
|
10
10
|
export default css([
|
|
11
|
-
'.cds--accordion--flush .cds--accordion__title,:host(cds-accordion-item-skeleton[isFlush]) .cds--accordion__title,:host(cds-accordion-item[isFlush]) .cds--accordion__title{margin-right:0}.cds--accordion--flush .cds--accordion__arrow,:host(cds-accordion-item-skeleton[isFlush]) .cds--accordion__arrow,:host(cds-accordion-item[isFlush]) .cds--accordion__arrow{margin-left:0}.cds--accordion--flush .cds--accordion__content,:host(cds-accordion-item-skeleton[isFlush]) .cds--accordion__content,:host(cds-accordion-item[isFlush]) .cds--accordion__content{padding-right:0}.cds--accordion--flush:not(.cds--skeleton) .cds--accordion__heading:focus::before,.cds--accordion--flush:not(.cds--skeleton) .cds--accordion__heading:hover::before,:host(cds-accordion-item-skeleton[isFlush]:not(.cds--skeleton)) .cds--accordion__heading:focus::before,:host(cds-accordion-item-skeleton[isFlush]:not(.cds--skeleton)) .cds--accordion__heading:hover::before,:host(cds-accordion-item[isFlush]:not(.cds--skeleton)) .cds--accordion__heading:focus::before,:host(cds-accordion-item[isFlush]:not(.cds--skeleton)) .cds--accordion__heading:hover::before{right:-1rem;width:calc(100% + 32px)}.cds--accordion,:host(cds-accordion),:host(cds-accordion-skeleton){box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;width:100%;list-style:none}.cds--accordion *,.cds--accordion ::after,.cds--accordion ::before,:host(cds-accordion) *,:host(cds-accordion) ::after,:host(cds-accordion) ::before,:host(cds-accordion-skeleton) *,:host(cds-accordion-skeleton) ::after,:host(cds-accordion-skeleton) ::before{box-sizing:inherit}.cds--accordion__item,:host(cds-accordion-item),:host(cds-accordion-item-skeleton){display:list-item;overflow:visible;border-top:1px solid var(--cds-border-subtle);transition:all 110ms cubic-bezier(.2,0,.38,.9)}.cds--accordion__item:last-child,:host(cds-accordion-item-skeleton:last-child),:host(cds-accordion-item:last-child){border-bottom:1px solid var(--cds-border-subtle)}.cds--accordion__heading{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;display:inline-block;padding:0;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;cursor:pointer;text-align:start;width:100%;position:relative;display:flex;width:100%;min-height:2.5rem;flex-direction:row-reverse;align-items:flex-start;justify-content:flex-start;padding:.625rem 0;margin:0;color:var(--cds-text-primary,#161616);cursor:pointer;transition:background-color cubic-bezier(.2,0,.38,.9) 110ms}.cds--accordion__heading *,.cds--accordion__heading ::after,.cds--accordion__heading ::before{box-sizing:inherit}.cds--accordion__heading::-moz-focus-inner{border:0}.cds--accordion__heading:focus::before,.cds--accordion__heading:hover::before{position:absolute;top:-1px;right:0;width:100%;height:calc(100% + 2px);content:""}.cds--accordion__heading:hover::before{background-color:var(--cds-layer-hover)}.cds--accordion__heading:focus{outline:0}.cds--accordion__heading:focus::before{box-sizing:border-box;border:2px solid var(--cds-focus,#0f62fe)}@media screen and (prefers-contrast){.cds--accordion__heading:focus::before{border-style:dotted}}.cds--accordion--lg .cds--accordion__heading,:host(cds-accordion-item-skeleton[size=lg]) .cds--accordion__heading,:host(cds-accordion-item[size=lg]) .cds--accordion__heading{min-height:3rem;align-items:center}.cds--accordion--sm .cds--accordion__heading,:host(cds-accordion-item-skeleton[size=sm]) .cds--accordion__heading,:host(cds-accordion-item[size=sm]) .cds--accordion__heading{min-height:2rem;padding:.3125rem 0}.cds--accordion__heading[disabled]{color:var(--cds-text-disabled,rgba(22,22,22,.25));cursor:not-allowed}.cds--accordion__heading[disabled] .cds--accordion__arrow{fill:var(--cds-icon-disabled,rgba(22,22,22,.25))}.cds--accordion__heading[disabled]:hover::before{background-color:transparent}.cds--accordion__item--disabled,.cds--accordion__item--disabled+.cds--accordion__item,.cds--accordion__item--disabled+:host(cds-accordion-item),.cds--accordion__item--disabled+:host(cds-accordion-item-skeleton){border-top:1px solid var(--cds-border-subtle)}li.cds--accordion__item--disabled:last-of-type{border-bottom:1px solid var(--cds-border-subtle)}.cds--accordion__arrow{outline:2px solid transparent;outline-offset:-2px;width:1rem;height:1rem;flex:0 0 1rem;margin:2px 0 0 1rem;fill:var(--cds-icon-primary,#161616);transform:rotate(-270deg);transition:all 110ms cubic-bezier(.2,0,.38,.9)}.cds--accordion__title{font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);line-height:var(--cds-body-01-line-height,1.42857);letter-spacing:var(--cds-body-01-letter-spacing,.16px);z-index:1;width:100%;padding-left:1rem;margin:0 1rem 0 0;text-align:right}.cds--accordion__content,:host(cds-accordion-item) .cds--accordion__content,:host(cds-accordion-item-skeleton) .cds--accordion__content{display:none;padding-left:1rem;padding-right:1rem;transition:padding cubic-bezier(.2,0,.38,.9) 110ms}@media (min-width:480px){.cds--accordion__content,:host(cds-accordion-item) .cds--accordion__content,:host(cds-accordion-item-skeleton) .cds--accordion__content{padding-left:3rem}}@media (min-width:640px){.cds--accordion__content,:host(cds-accordion-item) .cds--accordion__content,:host(cds-accordion-item-skeleton) .cds--accordion__content{padding-left:25%}}.cds--accordion__content>p,:host(cds-accordion-item) .cds--accordion__content>p,:host(cds-accordion-item-skeleton) .cds--accordion__content>p{font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);line-height:var(--cds-body-01-line-height,1.42857);letter-spacing:var(--cds-body-01-letter-spacing,.16px)}.cds--accordion--start .cds--accordion__heading,:host(cds-accordion-item-skeleton[alignment=start]) .cds--accordion__heading,:host(cds-accordion-item[alignment=start]) .cds--accordion__heading{flex-direction:row}.cds--accordion--start .cds--accordion__arrow,:host(cds-accordion-item-skeleton[alignment=start]) .cds--accordion__arrow,:host(cds-accordion-item[alignment=start]) .cds--accordion__arrow{margin:2px 1rem 0 0}.cds--accordion--start .cds--accordion__title,:host(cds-accordion-item-skeleton[alignment=start]) .cds--accordion__title,:host(cds-accordion-item[alignment=start]) .cds--accordion__title{margin-left:1rem}.cds--accordion--start .cds--accordion__content,:host(cds-accordion-item-skeleton[alignment=start]) .cds--accordion__content,:host(cds-accordion-item[alignment=start]) .cds--accordion__content{margin-right:2rem}.cds--accordion__item--collapsing .cds--accordion__content,.cds--accordion__item--expanding .cds--accordion__content,:host(cds-accordion-item[collapsing]) .cds--accordion__content,:host(cds-accordion-item[expanding]) .cds--accordion__content{display:block}@keyframes collapse-accordion{0%{height:100%;opacity:1;visibility:inherit}100%{height:0;opacity:0;visibility:hidden}}@keyframes expand-accordion{0%{height:0;opacity:0;visibility:hidden}100%{height:100%;opacity:1;visibility:inherit}}.cds--accordion__item--collapsing .cds--accordion__content,:host(cds-accordion-item[collapsing]) .cds--accordion__content{animation:110ms cubic-bezier(.2,0,.38,.9) collapse-accordion}.cds--accordion__item--expanding .cds--accordion__content,:host(cds-accordion-item[expanding]) .cds--accordion__content{animation:110ms cubic-bezier(.2,0,.38,.9) expand-accordion}.cds--accordion__item--active,:host(cds-accordion-item[open]:not([disabled])){overflow:visible}.cds--accordion__item--active .cds--accordion__content,:host(cds-accordion-item[open]:not([disabled])) .cds--accordion__content{display:block;padding-top:.5rem;padding-bottom:1.5rem;transition:padding-top cubic-bezier(0,0,.38,.9) 110ms,padding-bottom cubic-bezier(0,0,.38,.9) 110ms}.cds--accordion__item--active .cds--accordion__arrow,:host(cds-accordion-item[open]:not([disabled])) .cds--accordion__arrow{fill:var(--cds-icon-primary,#161616);transform:rotate(-90deg)}.cds--accordion.cds--skeleton .cds--accordion__button,.cds--accordion.cds--skeleton .cds--accordion__heading,:host(cds-accordion-skeleton.cds--skeleton) .cds--accordion__button,:host(cds-accordion-skeleton.cds--skeleton) .cds--accordion__heading,:host(cds-accordion.cds--skeleton) .cds--accordion__button,:host(cds-accordion.cds--skeleton) .cds--accordion__heading{cursor:default}.cds--accordion.cds--skeleton .cds--accordion__arrow,:host(cds-accordion-skeleton.cds--skeleton) .cds--accordion__arrow,:host(cds-accordion.cds--skeleton) .cds--accordion__arrow{cursor:default;fill:var(--cds-icon-primary,#161616);pointer-events:none}.cds--accordion.cds--skeleton .cds--accordion__arrow:active,.cds--accordion.cds--skeleton .cds--accordion__arrow:focus,.cds--accordion.cds--skeleton .cds--accordion__arrow:hover,:host(cds-accordion-skeleton.cds--skeleton) .cds--accordion__arrow:active,:host(cds-accordion-skeleton.cds--skeleton) .cds--accordion__arrow:focus,:host(cds-accordion-skeleton.cds--skeleton) .cds--accordion__arrow:hover,:host(cds-accordion.cds--skeleton) .cds--accordion__arrow:active,:host(cds-accordion.cds--skeleton) .cds--accordion__arrow:focus,:host(cds-accordion.cds--skeleton) .cds--accordion__arrow:hover{border:none;cursor:default;outline:0}.cds--accordion.cds--skeleton .cds--accordion__heading:hover::before,:host(cds-accordion-skeleton.cds--skeleton) .cds--accordion__heading:hover::before,:host(cds-accordion.cds--skeleton) .cds--accordion__heading:hover::before{background-color:transparent}.cds--accordion--end.cds--skeleton .cds--accordion__arrow{margin-right:1rem}.cds--skeleton .cds--accordion__heading:focus .cds--accordion__arrow{border:none;cursor:default;outline:0}.cds--accordion__title.cds--skeleton__text{margin-bottom:0}@media screen and (-ms-high-contrast:active),(forced-colors:active){.cds--accordion__arrow,.cds--accordion__item--active .cds--accordion__arrow,:host(cds-accordion-item[open]:not([disabled])) .cds--accordion__arrow{fill:ButtonText}}:host(cds-accordion-item),:host(cds-accordion-item-skeleton){display:block;outline:0}:host(cds-accordion-item) .cds--accordion__content ::slotted(p),:host(cds-accordion-item-skeleton) .cds--accordion__content ::slotted(p){font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);line-height:var(--cds-body-01-line-height,1.42857);letter-spacing:var(--cds-body-01-letter-spacing,.16px);margin:0}:host(cds-accordion-item[open]:not([disabled])) .cds--accordion__content{padding-left:1rem}:host(cds-accordion-item[open]:not([disabled])) .cds-ce--accordion__content--sm{padding-left:3rem}:host(cds-accordion-item[open]:not([disabled])) .cds-ce--accordion__content--md{padding-left:25%}:host(cds-accordion-item-skeleton) .cds--accordion__heading,:host(cds-accordion-skeleton) .cds--accordion__heading{cursor:default}:host(cds-accordion-item-skeleton) .cds--accordion__heading:hover::before,:host(cds-accordion-skeleton) .cds--accordion__heading:hover::before{background:0 0}',
|
|
11
|
+
'.cds--accordion--flush .cds--accordion__title,:host(cds-accordion-item-skeleton[isFlush]) .cds--accordion__title,:host(cds-accordion-item[isFlush]) .cds--accordion__title{margin-right:0}.cds--accordion--flush .cds--accordion__arrow,:host(cds-accordion-item-skeleton[isFlush]) .cds--accordion__arrow,:host(cds-accordion-item[isFlush]) .cds--accordion__arrow{margin-left:0}.cds--accordion--flush .cds--accordion__content,:host(cds-accordion-item-skeleton[isFlush]) .cds--accordion__content,:host(cds-accordion-item[isFlush]) .cds--accordion__content{padding-right:0}.cds--accordion--flush:not(.cds--skeleton) .cds--accordion__heading:focus::before,.cds--accordion--flush:not(.cds--skeleton) .cds--accordion__heading:hover::before,:host(cds-accordion-item-skeleton[isFlush]:not(.cds--skeleton)) .cds--accordion__heading:focus::before,:host(cds-accordion-item-skeleton[isFlush]:not(.cds--skeleton)) .cds--accordion__heading:hover::before,:host(cds-accordion-item[isFlush]:not(.cds--skeleton)) .cds--accordion__heading:focus::before,:host(cds-accordion-item[isFlush]:not(.cds--skeleton)) .cds--accordion__heading:hover::before{right:-1rem;width:calc(100% + 32px)}.cds--accordion,:host(cds-accordion),:host(cds-accordion-skeleton){box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;width:100%;list-style:none}.cds--accordion *,.cds--accordion ::after,.cds--accordion ::before,:host(cds-accordion) *,:host(cds-accordion) ::after,:host(cds-accordion) ::before,:host(cds-accordion-skeleton) *,:host(cds-accordion-skeleton) ::after,:host(cds-accordion-skeleton) ::before{box-sizing:inherit}.cds--accordion__item,:host(cds-accordion-item),:host(cds-accordion-item-skeleton){display:list-item;overflow:visible;border-top:1px solid var(--cds-border-subtle);transition:all 110ms cubic-bezier(.2,0,.38,.9)}.cds--accordion__item:last-child,:host(cds-accordion-item-skeleton:last-child),:host(cds-accordion-item:last-child){border-bottom:1px solid var(--cds-border-subtle)}.cds--accordion__heading{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;display:inline-block;padding:0;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;cursor:pointer;text-align:start;width:100%;position:relative;display:flex;width:100%;min-height:2.5rem;flex-direction:row-reverse;align-items:flex-start;justify-content:flex-start;padding:.625rem 0;margin:0;color:var(--cds-text-primary,#161616);cursor:pointer;transition:background-color cubic-bezier(.2,0,.38,.9) 110ms}.cds--accordion__heading *,.cds--accordion__heading ::after,.cds--accordion__heading ::before{box-sizing:inherit}.cds--accordion__heading::-moz-focus-inner{border:0}.cds--accordion__heading:focus::before,.cds--accordion__heading:hover::before{position:absolute;top:-1px;right:0;width:100%;height:calc(100% + 2px);content:""}.cds--accordion__heading:hover::before{background-color:var(--cds-layer-hover)}.cds--accordion__heading:focus{outline:0}.cds--accordion__heading:focus::before{box-sizing:border-box;border:2px solid var(--cds-focus,#0f62fe)}@media screen and (prefers-contrast){.cds--accordion__heading:focus::before{border-style:dotted}}.cds--accordion--lg .cds--accordion__heading,:host(cds-accordion-item-skeleton[size=lg]) .cds--accordion__heading,:host(cds-accordion-item[size=lg]) .cds--accordion__heading{min-height:3rem;align-items:center}.cds--accordion--sm .cds--accordion__heading,:host(cds-accordion-item-skeleton[size=sm]) .cds--accordion__heading,:host(cds-accordion-item[size=sm]) .cds--accordion__heading{min-height:2rem;padding:.3125rem 0}.cds--accordion__heading[disabled]{color:var(--cds-text-disabled,rgba(22,22,22,.25));cursor:not-allowed}.cds--accordion__heading[disabled] .cds--accordion__arrow{fill:var(--cds-icon-disabled,rgba(22,22,22,.25))}.cds--accordion__heading[disabled]:hover::before{background-color:transparent}.cds--accordion__item--disabled,.cds--accordion__item--disabled+.cds--accordion__item,.cds--accordion__item--disabled+:host(cds-accordion-item),.cds--accordion__item--disabled+:host(cds-accordion-item-skeleton){border-top:1px solid var(--cds-border-subtle)}li.cds--accordion__item--disabled:last-of-type{border-bottom:1px solid var(--cds-border-subtle)}.cds--accordion__arrow{outline:2px solid transparent;outline-offset:-2px;width:1rem;height:1rem;flex:0 0 1rem;margin:2px 0 0 1rem;fill:var(--cds-icon-primary,#161616);transform:rotate(-270deg);transition:all 110ms cubic-bezier(.2,0,.38,.9)}.cds--accordion__title{font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);line-height:var(--cds-body-01-line-height,1.42857);letter-spacing:var(--cds-body-01-letter-spacing,.16px);z-index:1;width:100%;padding-left:1rem;margin:0 1rem 0 0;text-align:right}.cds--accordion__content,:host(cds-accordion-item) .cds--accordion__content,:host(cds-accordion-item-skeleton) .cds--accordion__content{display:none;padding-left:1rem;padding-right:1rem;transition:padding cubic-bezier(.2,0,.38,.9) 110ms}@media (min-width:480px){.cds--accordion__content,:host(cds-accordion-item) .cds--accordion__content,:host(cds-accordion-item-skeleton) .cds--accordion__content{padding-left:3rem}}@media (min-width:640px){.cds--accordion__content,:host(cds-accordion-item) .cds--accordion__content,:host(cds-accordion-item-skeleton) .cds--accordion__content{padding-left:25%}}.cds--accordion__content>p,:host(cds-accordion-item) .cds--accordion__content>p,:host(cds-accordion-item-skeleton) .cds--accordion__content>p{font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);line-height:var(--cds-body-01-line-height,1.42857);letter-spacing:var(--cds-body-01-letter-spacing,.16px)}.cds--accordion--start .cds--accordion__heading,:host(cds-accordion-item-skeleton[alignment=start]) .cds--accordion__heading,:host(cds-accordion-item[alignment=start]) .cds--accordion__heading{flex-direction:row}.cds--accordion--start .cds--accordion__arrow,:host(cds-accordion-item-skeleton[alignment=start]) .cds--accordion__arrow,:host(cds-accordion-item[alignment=start]) .cds--accordion__arrow{margin:2px 1rem 0 0}.cds--accordion--start .cds--accordion__title,:host(cds-accordion-item-skeleton[alignment=start]) .cds--accordion__title,:host(cds-accordion-item[alignment=start]) .cds--accordion__title{margin-left:1rem}.cds--accordion--start .cds--accordion__content,:host(cds-accordion-item-skeleton[alignment=start]) .cds--accordion__content,:host(cds-accordion-item[alignment=start]) .cds--accordion__content{margin-right:2rem}.cds--accordion__item--collapsing .cds--accordion__content,.cds--accordion__item--expanding .cds--accordion__content,:host(cds-accordion-item[collapsing]) .cds--accordion__content,:host(cds-accordion-item[expanding]) .cds--accordion__content{display:block}@keyframes collapse-accordion{0%{height:100%;opacity:1;visibility:inherit}100%{height:0;opacity:0;visibility:hidden}}@keyframes expand-accordion{0%{height:0;opacity:0;visibility:hidden}100%{height:100%;opacity:1;visibility:inherit}}.cds--accordion__item--collapsing .cds--accordion__content,:host(cds-accordion-item[collapsing]) .cds--accordion__content{animation:110ms cubic-bezier(.2,0,.38,.9) collapse-accordion}.cds--accordion__item--expanding .cds--accordion__content,:host(cds-accordion-item[expanding]) .cds--accordion__content{animation:110ms cubic-bezier(.2,0,.38,.9) expand-accordion}.cds--accordion__item--active,:host(cds-accordion-item[open]:not([disabled])){overflow:visible}.cds--accordion__item--active .cds--accordion__content,:host(cds-accordion-item[open]:not([disabled])) .cds--accordion__content{display:block;padding-top:.5rem;padding-bottom:1.5rem;transition:padding-top cubic-bezier(0,0,.38,.9) 110ms,padding-bottom cubic-bezier(0,0,.38,.9) 110ms}.cds--accordion__item--active .cds--accordion__arrow,:host(cds-accordion-item[open]:not([disabled])) .cds--accordion__arrow{fill:var(--cds-icon-primary,#161616);transform:rotate(-90deg)}.cds--accordion.cds--skeleton .cds--accordion__button,.cds--accordion.cds--skeleton .cds--accordion__heading,:host(cds-accordion-skeleton.cds--skeleton) .cds--accordion__button,:host(cds-accordion-skeleton.cds--skeleton) .cds--accordion__heading,:host(cds-accordion.cds--skeleton) .cds--accordion__button,:host(cds-accordion.cds--skeleton) .cds--accordion__heading{cursor:default}.cds--accordion.cds--skeleton .cds--accordion__arrow,:host(cds-accordion-skeleton.cds--skeleton) .cds--accordion__arrow,:host(cds-accordion.cds--skeleton) .cds--accordion__arrow{cursor:default;fill:var(--cds-icon-primary,#161616);pointer-events:none}.cds--accordion.cds--skeleton .cds--accordion__arrow:active,.cds--accordion.cds--skeleton .cds--accordion__arrow:focus,.cds--accordion.cds--skeleton .cds--accordion__arrow:hover,:host(cds-accordion-skeleton.cds--skeleton) .cds--accordion__arrow:active,:host(cds-accordion-skeleton.cds--skeleton) .cds--accordion__arrow:focus,:host(cds-accordion-skeleton.cds--skeleton) .cds--accordion__arrow:hover,:host(cds-accordion.cds--skeleton) .cds--accordion__arrow:active,:host(cds-accordion.cds--skeleton) .cds--accordion__arrow:focus,:host(cds-accordion.cds--skeleton) .cds--accordion__arrow:hover{border:none;cursor:default;outline:0}.cds--accordion.cds--skeleton .cds--accordion__heading:hover::before,:host(cds-accordion-skeleton.cds--skeleton) .cds--accordion__heading:hover::before,:host(cds-accordion.cds--skeleton) .cds--accordion__heading:hover::before{background-color:transparent}.cds--accordion--end.cds--skeleton .cds--accordion__arrow{margin-right:1rem}.cds--skeleton .cds--accordion__heading:focus .cds--accordion__arrow{border:none;cursor:default;outline:0}.cds--accordion__title.cds--skeleton__text{margin-bottom:0}@media screen and (-ms-high-contrast:active),(forced-colors:active){.cds--accordion__arrow,.cds--accordion__item--active .cds--accordion__arrow,:host(cds-accordion-item[open]:not([disabled])) .cds--accordion__arrow{fill:ButtonText}}:host(cds-accordion),:host(cds-accordion-skeleton){--cds-layer:var(--cds-layer-01, #f4f4f4);--cds-layer-active:var(--cds-layer-active-01, #c6c6c6);--cds-layer-hover:var(--cds-layer-hover-01, #e8e8e8);--cds-layer-selected:var(--cds-layer-selected-01, #e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-01, #d1d1d1);--cds-layer-accent:var(--cds-layer-accent-01, #e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-01, #d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-01, #a8a8a8);--cds-field:var(--cds-field-01, #f4f4f4);--cds-field-hover:var(--cds-field-hover-01, #e8e8e8);--cds-border-subtle:var(--cds-border-subtle-00, #e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-01, #c6c6c6);--cds-border-strong:var(--cds-border-strong-01, #8d8d8d);--cds-border-tile:var(--cds-border-tile-01, #c6c6c6)}:host(cds-accordion-item),:host(cds-accordion-item-skeleton){display:block;outline:0}:host(cds-accordion-item) .cds--accordion__content ::slotted(p),:host(cds-accordion-item-skeleton) .cds--accordion__content ::slotted(p){font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);line-height:var(--cds-body-01-line-height,1.42857);letter-spacing:var(--cds-body-01-letter-spacing,.16px);margin:0}:host(cds-accordion-item[open]:not([disabled])) .cds--accordion__content{padding-left:1rem}:host(cds-accordion-item[open]:not([disabled])) .cds-ce--accordion__content--sm{padding-left:3rem}:host(cds-accordion-item[open]:not([disabled])) .cds-ce--accordion__content--md{padding-left:25%}:host(cds-accordion-item-skeleton) .cds--accordion__heading,:host(cds-accordion-skeleton) .cds--accordion__heading{cursor:default}:host(cds-accordion-item-skeleton) .cds--accordion__heading:hover::before,:host(cds-accordion-skeleton) .cds--accordion__heading:hover::before{background:0 0}',
|
|
12
12
|
]);
|
|
@@ -8,5 +8,5 @@
|
|
|
8
8
|
*/
|
|
9
9
|
import { css } from 'lit';
|
|
10
10
|
export default css([
|
|
11
|
-
"@keyframes hide-feedback{0%{opacity:1;visibility:inherit}100%{opacity:0;visibility:hidden}}@keyframes show-feedback{0%{opacity:0;visibility:hidden}100%{opacity:1;visibility:inherit}}@keyframes skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:left}20%{opacity:1;transform:scaleX(1);transform-origin:left}28%{transform:scaleX(1);transform-origin:right}51%{transform:scaleX(0);transform-origin:right}58%{transform:scaleX(0);transform-origin:right}82%{transform:scaleX(1);transform-origin:right}83%{transform:scaleX(1);transform-origin:left}96%{transform:scaleX(0);transform-origin:left}100%{opacity:.3;transform:scaleX(0);transform-origin:left}}.cds--assistive-text,.cds--visually-hidden{position:absolute;overflow:hidden;width:1px;height:1px;padding:0;border:0;margin:-1px;clip:rect(0,0,0,0);visibility:inherit;white-space:nowrap}.cds--breadcrumb,:host(cds-breadcrumb),:host(cds-breadcrumb-skeleton){font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);display:inline}.cds--breadcrumb html,:host(cds-breadcrumb) html,:host(cds-breadcrumb-skeleton) html{font-size:100%}.cds--breadcrumb body,:host(cds-breadcrumb) body,:host(cds-breadcrumb-skeleton) body{font-weight:400;font-family:'IBM Plex Sans',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--breadcrumb code,:host(cds-breadcrumb) code,:host(cds-breadcrumb-skeleton) code{font-family:'IBM Plex Mono',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',monospace}.cds--breadcrumb strong,:host(cds-breadcrumb) strong,:host(cds-breadcrumb-skeleton) strong{font-weight:600}@media (min-width:42rem){.cds--breadcrumb,:host(cds-breadcrumb),:host(cds-breadcrumb-skeleton){display:flex;flex-wrap:wrap}}.cds--breadcrumb-item,:host(cds-breadcrumb-item),:host(cds-breadcrumb-item-skeleton){position:relative;display:flex;align-items:center;margin-right:.5rem}.cds--breadcrumb-item .cds--link:visited,:host(cds-breadcrumb-item) .cds--link:visited,:host(cds-breadcrumb-item-skeleton) .cds--link:visited{color:var(--cds-link-primary,#0f62fe)}.cds--breadcrumb-item .cds--link:visited:hover,:host(cds-breadcrumb-item) .cds--link:visited:hover,:host(cds-breadcrumb-item-skeleton) .cds--link:visited:hover{color:var(--cds-link-primary-hover,#0043ce)}.cds--breadcrumb-item::after,:host(cds-breadcrumb-item)::after,:host(cds-breadcrumb-item-skeleton)::after{margin-left:.5rem;color:var(--cds-text-primary,#161616);content:\"/\"}.cds--breadcrumb--no-trailing-slash .cds--breadcrumb-item:last-child::after,.cds--breadcrumb--no-trailing-slash :last-child:host(cds-breadcrumb-item)::after,.cds--breadcrumb--no-trailing-slash :last-child:host(cds-breadcrumb-item-skeleton)::after{content:\"\"}.cds--breadcrumb-item:last-child,.cds--breadcrumb-item:last-child::after,:last-child:host(cds-breadcrumb-item),:last-child:host(cds-breadcrumb-item)::after,:last-child:host(cds-breadcrumb-item-skeleton),:last-child:host(cds-breadcrumb-item-skeleton)::after{margin-right:0}.cds--breadcrumb .cds--link,:host(cds-breadcrumb) .cds--link,:host(cds-breadcrumb-skeleton) .cds--link{white-space:nowrap}.cds--breadcrumb-item [aria-current=page],.cds--breadcrumb-item--current:host(cds-breadcrumb-item) .cds--link,.cds--breadcrumb-item--current:host(cds-breadcrumb-item-skeleton) .cds--link,.cds--breadcrumb-item.cds--breadcrumb-item--current .cds--link,:host(cds-breadcrumb-item) [aria-current=page],:host(cds-breadcrumb-item-skeleton) [aria-current=page]{color:var(--cds-text-primary,#161616);cursor:auto}.cds--breadcrumb-item [aria-current=page]:hover,.cds--breadcrumb-item--current:host(cds-breadcrumb-item) .cds--link:hover,.cds--breadcrumb-item--current:host(cds-breadcrumb-item-skeleton) .cds--link:hover,.cds--breadcrumb-item.cds--breadcrumb-item--current .cds--link:hover,:host(cds-breadcrumb-item) [aria-current=page]:hover,:host(cds-breadcrumb-item-skeleton) [aria-current=page]:hover{text-decoration:none}.cds--breadcrumb-item .cds--overflow-menu,.cds--breadcrumb-item :host(cds-breadcrumb-overflow-menu),.cds--breadcrumb-item :host(cds-overflow-menu),:host(cds-breadcrumb-item) .cds--overflow-menu,:host(cds-breadcrumb-item) :host(cds-breadcrumb-overflow-menu),:host(cds-breadcrumb-item) :host(cds-overflow-menu),:host(cds-breadcrumb-item-skeleton) .cds--overflow-menu,:host(cds-breadcrumb-item-skeleton) :host(cds-breadcrumb-overflow-menu),:host(cds-breadcrumb-item-skeleton) :host(cds-overflow-menu){position:relative;width:1.25rem;height:1.125rem}.cds--breadcrumb-item .cds--overflow-menu:focus,.cds--breadcrumb-item :focus:host(cds-breadcrumb-overflow-menu),.cds--breadcrumb-item :focus:host(cds-overflow-menu),:host(cds-breadcrumb-item) .cds--overflow-menu:focus,:host(cds-breadcrumb-item) :focus:host(cds-breadcrumb-overflow-menu),:host(cds-breadcrumb-item) :focus:host(cds-overflow-menu),:host(cds-breadcrumb-item-skeleton) .cds--overflow-menu:focus,:host(cds-breadcrumb-item-skeleton) :focus:host(cds-breadcrumb-overflow-menu),:host(cds-breadcrumb-item-skeleton) :focus:host(cds-overflow-menu){outline:1px solid var(--cds-focus,#0f62fe)}.cds--breadcrumb-item .cds--overflow-menu:hover,.cds--breadcrumb-item :hover:host(cds-breadcrumb-overflow-menu),.cds--breadcrumb-item :hover:host(cds-overflow-menu),:host(cds-breadcrumb-item) .cds--overflow-menu:hover,:host(cds-breadcrumb-item) :hover:host(cds-breadcrumb-overflow-menu),:host(cds-breadcrumb-item) :hover:host(cds-overflow-menu),:host(cds-breadcrumb-item-skeleton) .cds--overflow-menu:hover,:host(cds-breadcrumb-item-skeleton) :hover:host(cds-breadcrumb-overflow-menu),:host(cds-breadcrumb-item-skeleton) :hover:host(cds-overflow-menu){background:0 0}.cds--breadcrumb-item .cds--overflow-menu::after,.cds--breadcrumb-item :host(cds-breadcrumb-overflow-menu)::after,.cds--breadcrumb-item :host(cds-overflow-menu)::after,:host(cds-breadcrumb-item) .cds--overflow-menu::after,:host(cds-breadcrumb-item) :host(cds-breadcrumb-overflow-menu)::after,:host(cds-breadcrumb-item) :host(cds-overflow-menu)::after,:host(cds-breadcrumb-item-skeleton) .cds--overflow-menu::after,:host(cds-breadcrumb-item-skeleton) :host(cds-breadcrumb-overflow-menu)::after,:host(cds-breadcrumb-item-skeleton) :host(cds-overflow-menu)::after{position:absolute;bottom:2px;width:.75rem;height:1px;background:var(--cds-link-primary-hover,#0043ce);content:\"\";opacity:0;transition:opacity 70ms cubic-bezier(.2,0,.38,.9)}@media screen and (prefers-reduced-motion:reduce){.cds--breadcrumb-item .cds--overflow-menu::after,.cds--breadcrumb-item :host(cds-breadcrumb-overflow-menu)::after,.cds--breadcrumb-item :host(cds-overflow-menu)::after,:host(cds-breadcrumb-item) .cds--overflow-menu::after,:host(cds-breadcrumb-item) :host(cds-breadcrumb-overflow-menu)::after,:host(cds-breadcrumb-item) :host(cds-overflow-menu)::after,:host(cds-breadcrumb-item-skeleton) .cds--overflow-menu::after,:host(cds-breadcrumb-item-skeleton) :host(cds-breadcrumb-overflow-menu)::after,:host(cds-breadcrumb-item-skeleton) :host(cds-overflow-menu)::after{transition:none}}.cds--breadcrumb-item .cds--overflow-menu:hover::after,.cds--breadcrumb-item :hover:host(cds-breadcrumb-overflow-menu)::after,.cds--breadcrumb-item :hover:host(cds-overflow-menu)::after,:host(cds-breadcrumb-item) .cds--overflow-menu:hover::after,:host(cds-breadcrumb-item) :hover:host(cds-breadcrumb-overflow-menu)::after,:host(cds-breadcrumb-item) :hover:host(cds-overflow-menu)::after,:host(cds-breadcrumb-item-skeleton) .cds--overflow-menu:hover::after,:host(cds-breadcrumb-item-skeleton) :hover:host(cds-breadcrumb-overflow-menu)::after,:host(cds-breadcrumb-item-skeleton) :hover:host(cds-overflow-menu)::after{opacity:1}.cds--breadcrumb-item .cds--overflow-menu--open:host(cds-breadcrumb-overflow-menu),.cds--breadcrumb-item .cds--overflow-menu--open:host(cds-overflow-menu),.cds--breadcrumb-item .cds--overflow-menu.cds--overflow-menu--open,:host(cds-breadcrumb-item) .cds--overflow-menu--open:host(cds-breadcrumb-overflow-menu),:host(cds-breadcrumb-item) .cds--overflow-menu--open:host(cds-overflow-menu),:host(cds-breadcrumb-item) .cds--overflow-menu.cds--overflow-menu--open,:host(cds-breadcrumb-item-skeleton) .cds--overflow-menu--open:host(cds-breadcrumb-overflow-menu),:host(cds-breadcrumb-item-skeleton) .cds--overflow-menu--open:host(cds-overflow-menu),:host(cds-breadcrumb-item-skeleton) .cds--overflow-menu.cds--overflow-menu--open{background:0 0;box-shadow:none}.cds--breadcrumb-item .cds--overflow-menu__icon,:host(cds-breadcrumb-item) .cds--overflow-menu__icon,:host(cds-breadcrumb-item-skeleton) .cds--overflow-menu__icon{position:relative;fill:var(--cds-link-primary,#0f62fe);transform:translateY(4px)}.cds--breadcrumb-item .cds--overflow-menu:hover .cds--overflow-menu__icon,.cds--breadcrumb-item :hover:host(cds-breadcrumb-overflow-menu) .cds--overflow-menu__icon,.cds--breadcrumb-item :hover:host(cds-overflow-menu) .cds--overflow-menu__icon,:host(cds-breadcrumb-item) .cds--overflow-menu:hover .cds--overflow-menu__icon,:host(cds-breadcrumb-item) :hover:host(cds-breadcrumb-overflow-menu) .cds--overflow-menu__icon,:host(cds-breadcrumb-item) :hover:host(cds-overflow-menu) .cds--overflow-menu__icon,:host(cds-breadcrumb-item-skeleton) .cds--overflow-menu:hover .cds--overflow-menu__icon,:host(cds-breadcrumb-item-skeleton) :hover:host(cds-breadcrumb-overflow-menu) .cds--overflow-menu__icon,:host(cds-breadcrumb-item-skeleton) :hover:host(cds-overflow-menu) .cds--overflow-menu__icon{fill:var(--cds-link-primary-hover,#0043ce)}.cds--breadcrumb-menu-options:focus{outline:0}.cds--breadcrumb-menu-options.cds--overflow-menu-options::after,.cds--breadcrumb-menu-options:host(cds-overflow-menu-body)::after{top:-.4375rem;left:.875rem;width:0;height:0;border-right:.4375rem solid transparent;border-bottom:.4375rem solid var(--cds-field);border-left:.4375rem solid transparent;margin:0 auto;background:0 0}.cds--breadcrumb.cds--skeleton .cds--link,.cds--skeleton:host(cds-breadcrumb) .cds--link,.cds--skeleton:host(cds-breadcrumb-skeleton) .cds--link{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none;width:6.25rem;height:1rem}.cds--breadcrumb.cds--skeleton .cds--link:active,.cds--breadcrumb.cds--skeleton .cds--link:focus,.cds--breadcrumb.cds--skeleton .cds--link:hover,.cds--skeleton:host(cds-breadcrumb) .cds--link:active,.cds--skeleton:host(cds-breadcrumb) .cds--link:focus,.cds--skeleton:host(cds-breadcrumb) .cds--link:hover,.cds--skeleton:host(cds-breadcrumb-skeleton) .cds--link:active,.cds--skeleton:host(cds-breadcrumb-skeleton) .cds--link:focus,.cds--skeleton:host(cds-breadcrumb-skeleton) .cds--link:hover{border:none;cursor:default;outline:0}.cds--breadcrumb.cds--skeleton .cds--link::before,.cds--skeleton:host(cds-breadcrumb) .cds--link::before,.cds--skeleton:host(cds-breadcrumb-skeleton) .cds--link::before{position:absolute;width:100%;height:100%;animation:3s ease-in-out skeleton infinite;background:var(--cds-skeleton-element,#c6c6c6);content:\"\";will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds--breadcrumb.cds--skeleton .cds--link::before,.cds--skeleton:host(cds-breadcrumb) .cds--link::before,.cds--skeleton:host(cds-breadcrumb-skeleton) .cds--link::before{animation:none}}.cds--breadcrumb .cds--btn--icon-only:host(cds-breadcrumb-overflow-menu),.cds--breadcrumb .cds--btn--icon-only:host(cds-overflow-menu),.cds--breadcrumb .cds--overflow-menu.cds--btn--icon-only,:host(cds-breadcrumb) .cds--btn--icon-only:host(cds-breadcrumb-overflow-menu),:host(cds-breadcrumb) .cds--btn--icon-only:host(cds-overflow-menu),:host(cds-breadcrumb) .cds--overflow-menu.cds--btn--icon-only,:host(cds-breadcrumb-skeleton) .cds--btn--icon-only:host(cds-breadcrumb-overflow-menu),:host(cds-breadcrumb-skeleton) .cds--btn--icon-only:host(cds-overflow-menu),:host(cds-breadcrumb-skeleton) .cds--overflow-menu.cds--btn--icon-only{min-height:1.125rem;padding-right:0;padding-left:0}.cds--link{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);display:inline-flex;color:var(--cds-link-text-color,var(--cds-link-primary,#0f62fe));outline:0;text-decoration:none;transition:color 70ms cubic-bezier(.2,0,.38,.9)}.cds--link *,.cds--link ::after,.cds--link ::before{box-sizing:inherit}.cds--link:hover{color:var(--cds-link-hover-text-color,var(--cds-link-primary-hover,#0043ce));text-decoration:underline}.cds--link:active,.cds--link:active:visited,.cds--link:active:visited:hover{color:var(--cds-text-primary,#161616);text-decoration:underline}.cds--link:focus{outline:1px solid var(--cds-focus,#0f62fe);outline-color:var(--cds-link-focus-text-color,var(--cds-focus,#0f62fe))}@media screen and (prefers-contrast){.cds--link:focus{outline-style:dotted}}.cds--link:visited{color:var(--cds-link-primary,#0f62fe)}.cds--link:visited:hover{color:var(--cds-link-primary-hover,#0043ce)}.cds--link--disabled,.cds--link--disabled:hover{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);color:var(--cds-text-disabled,rgba(22,22,22,.25));cursor:not-allowed;font-weight:400;text-decoration:none}.cds--link--disabled *,.cds--link--disabled ::after,.cds--link--disabled ::before,.cds--link--disabled:hover *,.cds--link--disabled:hover ::after,.cds--link--disabled:hover ::before{box-sizing:inherit}.cds--link.cds--link--visited:visited{color:var(--cds-link-visited,#8a3ffc)}.cds--link.cds--link--visited:visited:hover{color:var(--cds-link-primary-hover,#0043ce)}.cds--link.cds--link--inline{display:inline;text-decoration:underline}.cds--link.cds--link--inline:focus,.cds--link.cds--link--inline:visited{text-decoration:none}.cds--link--disabled.cds--link--inline{text-decoration:underline}.cds--link--sm,.cds--link--sm.cds--link--disabled:hover{font-size:var(--cds-helper-text-01-font-size,.75rem);line-height:var(--cds-helper-text-01-line-height,1.33333);letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px)}.cds--link--lg,.cds--link--lg.cds--link--disabled:hover{font-size:var(--cds-body-compact-02-font-size,1rem);font-weight:var(--cds-body-compact-02-font-weight,400);line-height:var(--cds-body-compact-02-line-height,1.375);letter-spacing:var(--cds-body-compact-02-letter-spacing,0)}.cds--link__icon{display:inline-flex;align-self:center;margin-left:.5rem}.cds--overflow-menu,.cds--overflow-menu__trigger,:host(cds-breadcrumb-overflow-menu),:host(cds-overflow-menu){box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;display:inline-block;padding:0;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;cursor:pointer;text-align:start;width:100%;outline:2px solid transparent;outline-offset:-2px;position:relative;display:flex;width:2.5rem;height:2.5rem;align-items:center;justify-content:center;cursor:pointer;transition:outline 110ms cubic-bezier(0,0,.38,.9),background-color 110ms cubic-bezier(0,0,.38,.9)}.cds--overflow-menu *,.cds--overflow-menu ::after,.cds--overflow-menu ::before,.cds--overflow-menu__trigger *,.cds--overflow-menu__trigger ::after,.cds--overflow-menu__trigger ::before,:host(cds-breadcrumb-overflow-menu) *,:host(cds-breadcrumb-overflow-menu) ::after,:host(cds-breadcrumb-overflow-menu) ::before,:host(cds-overflow-menu) *,:host(cds-overflow-menu) ::after,:host(cds-overflow-menu) ::before{box-sizing:inherit}.cds--overflow-menu::-moz-focus-inner,.cds--overflow-menu__trigger::-moz-focus-inner,:host(cds-breadcrumb-overflow-menu)::-moz-focus-inner,:host(cds-overflow-menu)::-moz-focus-inner{border:0}.cds--overflow-menu html,.cds--overflow-menu__trigger html,:host(cds-breadcrumb-overflow-menu) html,:host(cds-overflow-menu) html{font-size:100%}.cds--overflow-menu body,.cds--overflow-menu__trigger body,:host(cds-breadcrumb-overflow-menu) body,:host(cds-overflow-menu) body{font-weight:400;font-family:'IBM Plex Sans',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--overflow-menu code,.cds--overflow-menu__trigger code,:host(cds-breadcrumb-overflow-menu) code,:host(cds-overflow-menu) code{font-family:'IBM Plex Mono',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',monospace}.cds--overflow-menu strong,.cds--overflow-menu__trigger strong,:host(cds-breadcrumb-overflow-menu) strong,:host(cds-overflow-menu) strong{font-weight:600}.cds--overflow-menu:focus,.cds--overflow-menu__trigger:focus,:focus:host(cds-breadcrumb-overflow-menu),:focus:host(cds-overflow-menu){outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--overflow-menu:focus,.cds--overflow-menu__trigger:focus,:focus:host(cds-breadcrumb-overflow-menu),:focus:host(cds-overflow-menu){outline-style:dotted}}.cds--overflow-menu:hover,.cds--overflow-menu__trigger:hover,:hover:host(cds-breadcrumb-overflow-menu),:hover:host(cds-overflow-menu){background-color:var(--cds-layer-hover)}.cds--overflow-menu--sm,:host(cds-breadcrumb-overflow-menu)[size=sm],:host(cds-overflow-menu)[size=sm]{width:2rem;height:2rem}.cds--overflow-menu--lg,:host(cds-breadcrumb-overflow-menu)[size=lg],:host(cds-overflow-menu)[size=lg]{width:3rem;height:3rem}.cds--overflow-menu__trigger.cds--tooltip--a11y.cds--tooltip__trigger:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--overflow-menu__trigger.cds--tooltip--a11y.cds--tooltip__trigger:focus{outline-style:dotted}}.cds--overflow-menu__trigger.cds--tooltip--a11y.cds--tooltip__trigger:focus svg{outline:0}.cds--overflow-menu--open:host(cds-breadcrumb-overflow-menu),.cds--overflow-menu--open:host(cds-breadcrumb-overflow-menu) .cds--overflow-menu__trigger,.cds--overflow-menu--open:host(cds-overflow-menu),.cds--overflow-menu--open:host(cds-overflow-menu) .cds--overflow-menu__trigger,.cds--overflow-menu.cds--overflow-menu--open,.cds--overflow-menu.cds--overflow-menu--open .cds--overflow-menu__trigger{box-shadow:0 2px 6px var(--cds-shadow,rgba(0,0,0,.3));background-color:var(--cds-layer);transition:none}.cds--overflow-menu--light.cds--overflow-menu--open,.cds--overflow-menu--light.cds--overflow-menu--open .cds--overflow-menu__trigger{background-color:var(--cds-layer)}.cds--overflow-menu__icon{width:1rem;height:1rem;fill:var(--cds-icon-primary,#161616)}.cds--overflow-menu__wrapper{line-height:0}.cds--overflow-menu-options,:host(cds-overflow-menu-body){box-shadow:0 2px 6px var(--cds-shadow,rgba(0,0,0,.3));position:absolute;z-index:6000;top:32px;left:0;display:none;width:10rem;flex-direction:column;align-items:flex-start;background-color:var(--cds-layer);list-style:none}.cds--overflow-menu-options html,:host(cds-overflow-menu-body) html{font-size:100%}.cds--overflow-menu-options body,:host(cds-overflow-menu-body) body{font-weight:400;font-family:'IBM Plex Sans',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--overflow-menu-options code,:host(cds-overflow-menu-body) code{font-family:'IBM Plex Mono',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',monospace}.cds--overflow-menu-options strong,:host(cds-overflow-menu-body) strong{font-weight:600}.cds--overflow-menu-options::after,:host(cds-overflow-menu-body)::after{position:absolute;display:block;background-color:var(--cds-layer);content:\"\";transition:background-color 110ms cubic-bezier(0,0,.38,.9)}@media screen and (prefers-reduced-motion:reduce){.cds--overflow-menu-options::after,:host(cds-overflow-menu-body)::after{transition:none}}.cds--overflow-menu--open:hover:host(cds-breadcrumb-overflow-menu),.cds--overflow-menu--open:hover:host(cds-overflow-menu),.cds--overflow-menu.cds--overflow-menu--open:hover{background-color:var(--cds-layer)}.cds--overflow-menu-options--light{background-color:var(--cds-layer)}.cds--overflow-menu-options--light::after{background-color:var(--cds-layer)}.cds--overflow-menu--light.cds--overflow-menu--open:hover:host(cds-breadcrumb-overflow-menu),.cds--overflow-menu--light.cds--overflow-menu--open:hover:host(cds-overflow-menu),.cds--overflow-menu.cds--overflow-menu--light.cds--overflow-menu--open:hover{background-color:var(--cds-layer)}.cds--overflow-menu-options[data-floating-menu-direction=bottom]:not(.cds--breadcrumb-menu-options)::after,[data-floating-menu-direction=bottom]:not(.cds--breadcrumb-menu-options):host(cds-overflow-menu-body)::after{top:-.1875rem;left:0;width:2.5rem;height:.1875rem}.cds--overflow-menu-options[data-floating-menu-direction=top]::after,[data-floating-menu-direction=top]:host(cds-overflow-menu-body)::after{bottom:-.5rem;left:0;width:2.5rem;height:.5rem}.cds--overflow-menu-options[data-floating-menu-direction=left]::after,[data-floating-menu-direction=left]:host(cds-overflow-menu-body)::after{top:0;right:-.375rem;width:.375rem;height:2.5rem}.cds--overflow-menu-options[data-floating-menu-direction=right]::after,[data-floating-menu-direction=right]:host(cds-overflow-menu-body)::after{top:0;left:-.375rem;width:.375rem;height:2.5rem}.cds--overflow-menu-options--sm.cds--overflow-menu-options[data-floating-menu-direction=bottom]::after,.cds--overflow-menu-options--sm.cds--overflow-menu-options[data-floating-menu-direction=top]::after,.cds--overflow-menu-options--sm[data-floating-menu-direction=bottom]:host(cds-overflow-menu-body)::after,.cds--overflow-menu-options--sm[data-floating-menu-direction=top]:host(cds-overflow-menu-body)::after,[data-floating-menu-direction=bottom]:host(cds-overflow-menu-body):host(cds-overflow-menu-body[size=sm])::after,[data-floating-menu-direction=top]:host(cds-overflow-menu-body):host(cds-overflow-menu-body[size=sm])::after{width:2rem}.cds--overflow-menu-options--sm.cds--overflow-menu-options[data-floating-menu-direction=left]::after,.cds--overflow-menu-options--sm.cds--overflow-menu-options[data-floating-menu-direction=right]::after,.cds--overflow-menu-options--sm[data-floating-menu-direction=left]:host(cds-overflow-menu-body)::after,.cds--overflow-menu-options--sm[data-floating-menu-direction=right]:host(cds-overflow-menu-body)::after,[data-floating-menu-direction=left]:host(cds-overflow-menu-body):host(cds-overflow-menu-body[size=sm])::after,[data-floating-menu-direction=right]:host(cds-overflow-menu-body):host(cds-overflow-menu-body[size=sm])::after{height:2rem}.cds--overflow-menu-options--lg.cds--overflow-menu-options[data-floating-menu-direction=bottom]::after,.cds--overflow-menu-options--lg.cds--overflow-menu-options[data-floating-menu-direction=top]::after,.cds--overflow-menu-options--lg[data-floating-menu-direction=bottom]:host(cds-overflow-menu-body)::after,.cds--overflow-menu-options--lg[data-floating-menu-direction=top]:host(cds-overflow-menu-body)::after,[data-floating-menu-direction=bottom]:host(cds-overflow-menu-body):host(cds-overflow-menu-body[size=lg])::after,[data-floating-menu-direction=top]:host(cds-overflow-menu-body):host(cds-overflow-menu-body[size=lg])::after{width:3rem}.cds--overflow-menu-options--lg.cds--overflow-menu-options[data-floating-menu-direction=left]::after,.cds--overflow-menu-options--lg.cds--overflow-menu-options[data-floating-menu-direction=right]::after,.cds--overflow-menu-options--lg[data-floating-menu-direction=left]:host(cds-overflow-menu-body)::after,.cds--overflow-menu-options--lg[data-floating-menu-direction=right]:host(cds-overflow-menu-body)::after,[data-floating-menu-direction=left]:host(cds-overflow-menu-body):host(cds-overflow-menu-body[size=lg])::after,[data-floating-menu-direction=right]:host(cds-overflow-menu-body):host(cds-overflow-menu-body[size=lg])::after{height:3rem}.cds--overflow-menu--flip.cds--overflow-menu-options[data-floating-menu-direction=bottom]::after,.cds--overflow-menu--flip.cds--overflow-menu-options[data-floating-menu-direction=top]::after,.cds--overflow-menu--flip[data-floating-menu-direction=bottom]:host(cds-overflow-menu-body)::after,.cds--overflow-menu--flip[data-floating-menu-direction=top]:host(cds-overflow-menu-body)::after{right:0;left:auto}.cds--overflow-menu--flip.cds--overflow-menu-options[data-floating-menu-direction=left]::after,.cds--overflow-menu--flip.cds--overflow-menu-options[data-floating-menu-direction=right]::after,.cds--overflow-menu--flip[data-floating-menu-direction=left]:host(cds-overflow-menu-body)::after,.cds--overflow-menu--flip[data-floating-menu-direction=right]:host(cds-overflow-menu-body)::after{top:auto;bottom:0}.cds--overflow-menu-options--open,:host(cds-overflow-menu-body[open]){display:flex}.cds--overflow-menu-options__content{width:100%}.cds--overflow-menu-options__option,:host(cds-overflow-menu-item){display:flex;width:100%;height:2.5rem;align-items:center;padding:0;background-color:transparent;transition:background-color 110ms cubic-bezier(0,0,.38,.9)}.cds--overflow-menu-options__option html,:host(cds-overflow-menu-item) html{font-size:100%}.cds--overflow-menu-options__option body,:host(cds-overflow-menu-item) body{font-weight:400;font-family:'IBM Plex Sans',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--overflow-menu-options__option code,:host(cds-overflow-menu-item) code{font-family:'IBM Plex Mono',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',monospace}.cds--overflow-menu-options__option strong,:host(cds-overflow-menu-item) strong{font-weight:600}.cds--overflow-menu-options--sm .cds--overflow-menu-options__option,.cds--overflow-menu-options--sm :host(cds-overflow-menu-item),:host(cds-overflow-menu-body[size=sm]) .cds--overflow-menu-options__option,:host(cds-overflow-menu-body[size=sm]) :host(cds-overflow-menu-item){height:2rem}.cds--overflow-menu-options--lg .cds--overflow-menu-options__option,.cds--overflow-menu-options--lg :host(cds-overflow-menu-item),:host(cds-overflow-menu-body[size=lg]) .cds--overflow-menu-options__option,:host(cds-overflow-menu-body[size=lg]) :host(cds-overflow-menu-item){height:3rem}.cds--overflow-menu--divider,:host(cds-overflow-menu-item[divider]){border-top:1px solid var(--cds-border-subtle)}.cds--overflow-menu--light .cds--overflow-menu--divider,.cds--overflow-menu--light :host(cds-overflow-menu-item[divider]){border-top:1px solid var(--cds-border-subtle)}a.cds--overflow-menu-options__btn::before{display:inline-block;height:100%;content:\"\";vertical-align:middle}.cds--overflow-menu-options__btn{font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);outline:2px solid transparent;outline-offset:-2px;display:inline-flex;width:100%;max-width:11.25rem;height:100%;align-items:center;padding:0 1rem;border:none;background-color:transparent;color:var(--cds-text-secondary,#525252);cursor:pointer;font-family:inherit;font-weight:400;text-align:left;transition:outline 110ms cubic-bezier(0,0,.38,.9),background-color 110ms cubic-bezier(0,0,.38,.9),color 110ms cubic-bezier(0,0,.38,.9)}.cds--overflow-menu-options__btn:hover{color:var(--cds-text-primary,#161616)}.cds--overflow-menu-options__btn:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--overflow-menu-options__btn:focus{outline-style:dotted}}.cds--overflow-menu-options__btn::-moz-focus-inner{border:none}.cds--overflow-menu-options__btn svg{fill:var(--cds-icon-secondary,#525252)}.cds--overflow-menu-options__btn:hover svg{fill:var(--cds-icon-primary,#161616)}.cds--overflow-menu-options__option-content{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cds--overflow-menu-options__option:hover,:hover:host(cds-overflow-menu-item){background-color:var(--cds-layer-hover)}.cds--overflow-menu-options__option--danger .cds--overflow-menu-options__btn:focus,.cds--overflow-menu-options__option--danger .cds--overflow-menu-options__btn:hover,:host(cds-overflow-menu-item[danger]) .cds--overflow-menu-options__btn:focus,:host(cds-overflow-menu-item[danger]) .cds--overflow-menu-options__btn:hover{background-color:var(--cds-button-danger-primary,#da1e28);color:var(--cds-text-on-color,#fff)}.cds--overflow-menu-options__option--danger .cds--overflow-menu-options__btn:focus svg,.cds--overflow-menu-options__option--danger .cds--overflow-menu-options__btn:hover svg,:host(cds-overflow-menu-item[danger]) .cds--overflow-menu-options__btn:focus svg,:host(cds-overflow-menu-item[danger]) .cds--overflow-menu-options__btn:hover svg{fill:currentColor}.cds--overflow-menu-options__option--disabled:hover,:hover:host(cds-overflow-menu-item[disabled]){background-color:var(--cds-layer);cursor:not-allowed}.cds--overflow-menu-options__option--disabled .cds--overflow-menu-options__btn,:host(cds-overflow-menu-item[disabled]) .cds--overflow-menu-options__btn{color:var(--cds-text-disabled,rgba(22,22,22,.25));cursor:not-allowed}.cds--overflow-menu-options__option--disabled .cds--overflow-menu-options__btn:active,.cds--overflow-menu-options__option--disabled .cds--overflow-menu-options__btn:focus,.cds--overflow-menu-options__option--disabled .cds--overflow-menu-options__btn:hover,:host(cds-overflow-menu-item[disabled]) .cds--overflow-menu-options__btn:active,:host(cds-overflow-menu-item[disabled]) .cds--overflow-menu-options__btn:focus,:host(cds-overflow-menu-item[disabled]) .cds--overflow-menu-options__btn:hover{outline:2px solid transparent;outline-offset:-2px;background-color:var(--cds-layer)}.cds--overflow-menu-options__option--disabled .cds--overflow-menu-options__btn svg,:host(cds-overflow-menu-item[disabled]) .cds--overflow-menu-options__btn svg{fill:var(--cds-icon-disabled,rgba(22,22,22,.25))}.cds--overflow-menu--flip{left:-140px}.cds--overflow-menu--flip::before{left:145px}@media screen and (-ms-high-contrast:active),(forced-colors:active){.cds--overflow-menu-options__btn:focus,.cds--overflow-menu:focus,:focus:host(cds-breadcrumb-overflow-menu),:focus:host(cds-overflow-menu){color:Highlight;outline:1px solid Highlight}}@media screen and (-ms-high-contrast:active),(forced-colors:active){.cds--overflow-menu svg,:host(cds-breadcrumb-overflow-menu) svg,:host(cds-overflow-menu) svg{fill:ButtonText}}:host(cds-breadcrumb-overflow-menu[disabled]),:host(cds-overflow-menu[disabled]){cursor:not-allowed}:host(cds-breadcrumb-overflow-menu[disabled]) svg,:host(cds-overflow-menu[disabled]) svg{fill:var(--cds-icon-disabled,rgba(22,22,22,.25));cursor:not-allowed}:host(cds-breadcrumb-overflow-menu[disabled]:hover),:host(cds-overflow-menu[disabled]:hover){background-color:transparent}:host(cds-breadcrumb-overflow-menu[open]),:host(cds-overflow-menu[open]){background-color:var(--cds-layer-01,#f4f4f4);transition:none;box-shadow:0 2px 6px 0 rgba(0,0,0,.3)}:host(cds-breadcrumb-overflow-menu[open]) :hover,:host(cds-overflow-menu[open]) :hover{background-color:var(--cds-layer)}:host(cds-overflow-menu-body[direction=top]){margin-top:0;margin-bottom:.25rem}:host(cds-overflow-menu-item){outline:0}:host(cds-overflow-menu-item[size=sm]){height:2rem}:host(cds-overflow-menu-item[size=lg]){height:3rem}:host(cds-breadcrumb-overflow-menu){position:relative;width:1.25rem;height:1.125rem}:host(cds-breadcrumb-overflow-menu):focus{outline:1px solid var(--cds-focus,#0f62fe)}:host(cds-breadcrumb-overflow-menu):hover{background:0 0}:host(cds-breadcrumb-overflow-menu):hover ::after{opacity:1}:host(cds-breadcrumb-overflow-menu) ::after{position:absolute;bottom:2px;width:.75rem;height:1px;background:var(--cds-link-primary-hover,#0043ce);content:\"\";opacity:0;transition:opacity 70ms cubic-bezier(.2,0,.38,.9)}:host(cds-breadcrumb-overflow-menu[open]){background:0 0;box-shadow:none}:host(cds-breadcrumb-overflow-menu) svg{position:relative;fill:var(--cds-link-primary,#0f62fe);transform:translateY(4px)}:host(cds-breadcrumb-overflow-menu):hover svg{fill:var(--cds-link-primary-hover,#0043ce)}:host(cds-breadcrumb[no-trailing-slash]) ::slotted(cds-breadcrumb-item:last-of-type)::after{content:\"\"}:host(cds-breadcrumb-link){outline:0}:host(cds-breadcrumb-link) .cds--link--disabled{color:var(--cds-text-disabled,rgba(22,22,22,.25))}:host(cds-breadcrumb-link) .cds--link__icon[hidden]{display:none}:host(cds-breadcrumb-link[aria-current=page]) .cds--link{color:var(--cds-text-primary,#161616);cursor:auto}:host(cds-breadcrumb-link[aria-current=page]) .cds--link:hover{text-decoration:none}",
|
|
11
|
+
"@keyframes hide-feedback{0%{opacity:1;visibility:inherit}100%{opacity:0;visibility:hidden}}@keyframes show-feedback{0%{opacity:0;visibility:hidden}100%{opacity:1;visibility:inherit}}@keyframes skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:left}20%{opacity:1;transform:scaleX(1);transform-origin:left}28%{transform:scaleX(1);transform-origin:right}51%{transform:scaleX(0);transform-origin:right}58%{transform:scaleX(0);transform-origin:right}82%{transform:scaleX(1);transform-origin:right}83%{transform:scaleX(1);transform-origin:left}96%{transform:scaleX(0);transform-origin:left}100%{opacity:.3;transform:scaleX(0);transform-origin:left}}.cds--assistive-text,.cds--visually-hidden{position:absolute;overflow:hidden;width:1px;height:1px;padding:0;border:0;margin:-1px;clip:rect(0,0,0,0);visibility:inherit;white-space:nowrap}.cds--breadcrumb,:host(cds-breadcrumb),:host(cds-breadcrumb-skeleton){font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);display:inline}.cds--breadcrumb html,:host(cds-breadcrumb) html,:host(cds-breadcrumb-skeleton) html{font-size:100%}.cds--breadcrumb body,:host(cds-breadcrumb) body,:host(cds-breadcrumb-skeleton) body{font-weight:400;font-family:'IBM Plex Sans',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--breadcrumb code,:host(cds-breadcrumb) code,:host(cds-breadcrumb-skeleton) code{font-family:'IBM Plex Mono',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',monospace}.cds--breadcrumb strong,:host(cds-breadcrumb) strong,:host(cds-breadcrumb-skeleton) strong{font-weight:600}@media (min-width:42rem){.cds--breadcrumb,:host(cds-breadcrumb),:host(cds-breadcrumb-skeleton){display:flex;flex-wrap:wrap}}.cds--breadcrumb-item,:host(cds-breadcrumb-item),:host(cds-breadcrumb-item-skeleton){position:relative;display:flex;align-items:center;margin-right:.5rem}.cds--breadcrumb-item .cds--link:visited,:host(cds-breadcrumb-item) .cds--link:visited,:host(cds-breadcrumb-item-skeleton) .cds--link:visited{color:var(--cds-link-primary,#0f62fe)}.cds--breadcrumb-item .cds--link:visited:hover,:host(cds-breadcrumb-item) .cds--link:visited:hover,:host(cds-breadcrumb-item-skeleton) .cds--link:visited:hover{color:var(--cds-link-primary-hover,#0043ce)}.cds--breadcrumb-item::after,:host(cds-breadcrumb-item)::after,:host(cds-breadcrumb-item-skeleton)::after{margin-left:.5rem;color:var(--cds-text-primary,#161616);content:\"/\"}.cds--breadcrumb--no-trailing-slash .cds--breadcrumb-item:last-child::after,.cds--breadcrumb--no-trailing-slash :last-child:host(cds-breadcrumb-item)::after,.cds--breadcrumb--no-trailing-slash :last-child:host(cds-breadcrumb-item-skeleton)::after{content:\"\"}.cds--breadcrumb-item:last-child,.cds--breadcrumb-item:last-child::after,:last-child:host(cds-breadcrumb-item),:last-child:host(cds-breadcrumb-item)::after,:last-child:host(cds-breadcrumb-item-skeleton),:last-child:host(cds-breadcrumb-item-skeleton)::after{margin-right:0}.cds--breadcrumb .cds--link,:host(cds-breadcrumb) .cds--link,:host(cds-breadcrumb-skeleton) .cds--link{white-space:nowrap}.cds--breadcrumb-item [aria-current=page],.cds--breadcrumb-item--current:host(cds-breadcrumb-item) .cds--link,.cds--breadcrumb-item--current:host(cds-breadcrumb-item-skeleton) .cds--link,.cds--breadcrumb-item.cds--breadcrumb-item--current .cds--link,:host(cds-breadcrumb-item) [aria-current=page],:host(cds-breadcrumb-item-skeleton) [aria-current=page]{color:var(--cds-text-primary,#161616);cursor:auto}.cds--breadcrumb-item [aria-current=page]:hover,.cds--breadcrumb-item--current:host(cds-breadcrumb-item) .cds--link:hover,.cds--breadcrumb-item--current:host(cds-breadcrumb-item-skeleton) .cds--link:hover,.cds--breadcrumb-item.cds--breadcrumb-item--current .cds--link:hover,:host(cds-breadcrumb-item) [aria-current=page]:hover,:host(cds-breadcrumb-item-skeleton) [aria-current=page]:hover{text-decoration:none}.cds--breadcrumb-item .cds--overflow-menu,.cds--breadcrumb-item :host(cds-breadcrumb-overflow-menu),.cds--breadcrumb-item :host(cds-overflow-menu),:host(cds-breadcrumb-item) .cds--overflow-menu,:host(cds-breadcrumb-item) :host(cds-breadcrumb-overflow-menu),:host(cds-breadcrumb-item) :host(cds-overflow-menu),:host(cds-breadcrumb-item-skeleton) .cds--overflow-menu,:host(cds-breadcrumb-item-skeleton) :host(cds-breadcrumb-overflow-menu),:host(cds-breadcrumb-item-skeleton) :host(cds-overflow-menu){position:relative;width:1.25rem;height:1.125rem}.cds--breadcrumb-item .cds--overflow-menu:focus,.cds--breadcrumb-item :focus:host(cds-breadcrumb-overflow-menu),.cds--breadcrumb-item :focus:host(cds-overflow-menu),:host(cds-breadcrumb-item) .cds--overflow-menu:focus,:host(cds-breadcrumb-item) :focus:host(cds-breadcrumb-overflow-menu),:host(cds-breadcrumb-item) :focus:host(cds-overflow-menu),:host(cds-breadcrumb-item-skeleton) .cds--overflow-menu:focus,:host(cds-breadcrumb-item-skeleton) :focus:host(cds-breadcrumb-overflow-menu),:host(cds-breadcrumb-item-skeleton) :focus:host(cds-overflow-menu){outline:1px solid var(--cds-focus,#0f62fe)}.cds--breadcrumb-item .cds--overflow-menu:hover,.cds--breadcrumb-item :hover:host(cds-breadcrumb-overflow-menu),.cds--breadcrumb-item :hover:host(cds-overflow-menu),:host(cds-breadcrumb-item) .cds--overflow-menu:hover,:host(cds-breadcrumb-item) :hover:host(cds-breadcrumb-overflow-menu),:host(cds-breadcrumb-item) :hover:host(cds-overflow-menu),:host(cds-breadcrumb-item-skeleton) .cds--overflow-menu:hover,:host(cds-breadcrumb-item-skeleton) :hover:host(cds-breadcrumb-overflow-menu),:host(cds-breadcrumb-item-skeleton) :hover:host(cds-overflow-menu){background:0 0}.cds--breadcrumb-item .cds--overflow-menu::after,.cds--breadcrumb-item :host(cds-breadcrumb-overflow-menu)::after,.cds--breadcrumb-item :host(cds-overflow-menu)::after,:host(cds-breadcrumb-item) .cds--overflow-menu::after,:host(cds-breadcrumb-item) :host(cds-breadcrumb-overflow-menu)::after,:host(cds-breadcrumb-item) :host(cds-overflow-menu)::after,:host(cds-breadcrumb-item-skeleton) .cds--overflow-menu::after,:host(cds-breadcrumb-item-skeleton) :host(cds-breadcrumb-overflow-menu)::after,:host(cds-breadcrumb-item-skeleton) :host(cds-overflow-menu)::after{position:absolute;bottom:2px;width:.75rem;height:1px;background:var(--cds-link-primary-hover,#0043ce);content:\"\";opacity:0;transition:opacity 70ms cubic-bezier(.2,0,.38,.9)}@media screen and (prefers-reduced-motion:reduce){.cds--breadcrumb-item .cds--overflow-menu::after,.cds--breadcrumb-item :host(cds-breadcrumb-overflow-menu)::after,.cds--breadcrumb-item :host(cds-overflow-menu)::after,:host(cds-breadcrumb-item) .cds--overflow-menu::after,:host(cds-breadcrumb-item) :host(cds-breadcrumb-overflow-menu)::after,:host(cds-breadcrumb-item) :host(cds-overflow-menu)::after,:host(cds-breadcrumb-item-skeleton) .cds--overflow-menu::after,:host(cds-breadcrumb-item-skeleton) :host(cds-breadcrumb-overflow-menu)::after,:host(cds-breadcrumb-item-skeleton) :host(cds-overflow-menu)::after{transition:none}}.cds--breadcrumb-item .cds--overflow-menu:hover::after,.cds--breadcrumb-item :hover:host(cds-breadcrumb-overflow-menu)::after,.cds--breadcrumb-item :hover:host(cds-overflow-menu)::after,:host(cds-breadcrumb-item) .cds--overflow-menu:hover::after,:host(cds-breadcrumb-item) :hover:host(cds-breadcrumb-overflow-menu)::after,:host(cds-breadcrumb-item) :hover:host(cds-overflow-menu)::after,:host(cds-breadcrumb-item-skeleton) .cds--overflow-menu:hover::after,:host(cds-breadcrumb-item-skeleton) :hover:host(cds-breadcrumb-overflow-menu)::after,:host(cds-breadcrumb-item-skeleton) :hover:host(cds-overflow-menu)::after{opacity:1}.cds--breadcrumb-item .cds--overflow-menu--open:host(cds-breadcrumb-overflow-menu),.cds--breadcrumb-item .cds--overflow-menu--open:host(cds-overflow-menu),.cds--breadcrumb-item .cds--overflow-menu.cds--overflow-menu--open,:host(cds-breadcrumb-item) .cds--overflow-menu--open:host(cds-breadcrumb-overflow-menu),:host(cds-breadcrumb-item) .cds--overflow-menu--open:host(cds-overflow-menu),:host(cds-breadcrumb-item) .cds--overflow-menu.cds--overflow-menu--open,:host(cds-breadcrumb-item-skeleton) .cds--overflow-menu--open:host(cds-breadcrumb-overflow-menu),:host(cds-breadcrumb-item-skeleton) .cds--overflow-menu--open:host(cds-overflow-menu),:host(cds-breadcrumb-item-skeleton) .cds--overflow-menu.cds--overflow-menu--open{background:0 0;box-shadow:none}.cds--breadcrumb-item .cds--overflow-menu__icon,:host(cds-breadcrumb-item) .cds--overflow-menu__icon,:host(cds-breadcrumb-item-skeleton) .cds--overflow-menu__icon{position:relative;fill:var(--cds-link-primary,#0f62fe);transform:translateY(4px)}.cds--breadcrumb-item .cds--overflow-menu:hover .cds--overflow-menu__icon,.cds--breadcrumb-item :hover:host(cds-breadcrumb-overflow-menu) .cds--overflow-menu__icon,.cds--breadcrumb-item :hover:host(cds-overflow-menu) .cds--overflow-menu__icon,:host(cds-breadcrumb-item) .cds--overflow-menu:hover .cds--overflow-menu__icon,:host(cds-breadcrumb-item) :hover:host(cds-breadcrumb-overflow-menu) .cds--overflow-menu__icon,:host(cds-breadcrumb-item) :hover:host(cds-overflow-menu) .cds--overflow-menu__icon,:host(cds-breadcrumb-item-skeleton) .cds--overflow-menu:hover .cds--overflow-menu__icon,:host(cds-breadcrumb-item-skeleton) :hover:host(cds-breadcrumb-overflow-menu) .cds--overflow-menu__icon,:host(cds-breadcrumb-item-skeleton) :hover:host(cds-overflow-menu) .cds--overflow-menu__icon{fill:var(--cds-link-primary-hover,#0043ce)}.cds--breadcrumb-menu-options:focus{outline:0}.cds--breadcrumb-menu-options.cds--overflow-menu-options::after,.cds--breadcrumb-menu-options:host(cds-overflow-menu-body)::after{top:-.4375rem;left:.875rem;width:0;height:0;border-right:.4375rem solid transparent;border-bottom:.4375rem solid var(--cds-field);border-left:.4375rem solid transparent;margin:0 auto;background:0 0}.cds--breadcrumb.cds--skeleton .cds--link,.cds--skeleton:host(cds-breadcrumb) .cds--link,.cds--skeleton:host(cds-breadcrumb-skeleton) .cds--link{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none;width:6.25rem;height:1rem}.cds--breadcrumb.cds--skeleton .cds--link:active,.cds--breadcrumb.cds--skeleton .cds--link:focus,.cds--breadcrumb.cds--skeleton .cds--link:hover,.cds--skeleton:host(cds-breadcrumb) .cds--link:active,.cds--skeleton:host(cds-breadcrumb) .cds--link:focus,.cds--skeleton:host(cds-breadcrumb) .cds--link:hover,.cds--skeleton:host(cds-breadcrumb-skeleton) .cds--link:active,.cds--skeleton:host(cds-breadcrumb-skeleton) .cds--link:focus,.cds--skeleton:host(cds-breadcrumb-skeleton) .cds--link:hover{border:none;cursor:default;outline:0}.cds--breadcrumb.cds--skeleton .cds--link::before,.cds--skeleton:host(cds-breadcrumb) .cds--link::before,.cds--skeleton:host(cds-breadcrumb-skeleton) .cds--link::before{position:absolute;width:100%;height:100%;animation:3s ease-in-out skeleton infinite;background:var(--cds-skeleton-element,#c6c6c6);content:\"\";will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds--breadcrumb.cds--skeleton .cds--link::before,.cds--skeleton:host(cds-breadcrumb) .cds--link::before,.cds--skeleton:host(cds-breadcrumb-skeleton) .cds--link::before{animation:none}}.cds--breadcrumb .cds--btn--icon-only:host(cds-breadcrumb-overflow-menu),.cds--breadcrumb .cds--btn--icon-only:host(cds-overflow-menu),.cds--breadcrumb .cds--overflow-menu.cds--btn--icon-only,:host(cds-breadcrumb) .cds--btn--icon-only:host(cds-breadcrumb-overflow-menu),:host(cds-breadcrumb) .cds--btn--icon-only:host(cds-overflow-menu),:host(cds-breadcrumb) .cds--overflow-menu.cds--btn--icon-only,:host(cds-breadcrumb-skeleton) .cds--btn--icon-only:host(cds-breadcrumb-overflow-menu),:host(cds-breadcrumb-skeleton) .cds--btn--icon-only:host(cds-overflow-menu),:host(cds-breadcrumb-skeleton) .cds--overflow-menu.cds--btn--icon-only{min-height:1.125rem;padding-right:0;padding-left:0}.cds--link{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);display:inline-flex;color:var(--cds-link-text-color,var(--cds-link-primary,#0f62fe));outline:0;text-decoration:none;transition:color 70ms cubic-bezier(.2,0,.38,.9)}.cds--link *,.cds--link ::after,.cds--link ::before{box-sizing:inherit}.cds--link:hover{color:var(--cds-link-hover-text-color,var(--cds-link-primary-hover,#0043ce));text-decoration:underline}.cds--link:active,.cds--link:active:visited,.cds--link:active:visited:hover{color:var(--cds-text-primary,#161616);text-decoration:underline}.cds--link:focus{outline:1px solid var(--cds-focus,#0f62fe);outline-color:var(--cds-link-focus-text-color,var(--cds-focus,#0f62fe))}@media screen and (prefers-contrast){.cds--link:focus{outline-style:dotted}}.cds--link:visited{color:var(--cds-link-primary,#0f62fe)}.cds--link:visited:hover{color:var(--cds-link-primary-hover,#0043ce)}.cds--link--disabled,.cds--link--disabled:hover{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);color:var(--cds-text-disabled,rgba(22,22,22,.25));cursor:not-allowed;font-weight:400;text-decoration:none}.cds--link--disabled *,.cds--link--disabled ::after,.cds--link--disabled ::before,.cds--link--disabled:hover *,.cds--link--disabled:hover ::after,.cds--link--disabled:hover ::before{box-sizing:inherit}.cds--link.cds--link--visited:visited{color:var(--cds-link-visited,#8a3ffc)}.cds--link.cds--link--visited:visited:hover{color:var(--cds-link-primary-hover,#0043ce)}.cds--link.cds--link--inline{display:inline;text-decoration:underline}.cds--link.cds--link--inline:focus,.cds--link.cds--link--inline:visited{text-decoration:none}.cds--link--disabled.cds--link--inline{text-decoration:underline}.cds--link--sm,.cds--link--sm.cds--link--disabled:hover{font-size:var(--cds-helper-text-01-font-size,.75rem);line-height:var(--cds-helper-text-01-line-height,1.33333);letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px)}.cds--link--lg,.cds--link--lg.cds--link--disabled:hover{font-size:var(--cds-body-compact-02-font-size,1rem);font-weight:var(--cds-body-compact-02-font-weight,400);line-height:var(--cds-body-compact-02-line-height,1.375);letter-spacing:var(--cds-body-compact-02-letter-spacing,0)}.cds--link__icon{display:inline-flex;align-self:center;margin-left:.5rem}.cds--overflow-menu,.cds--overflow-menu__trigger,:host(cds-breadcrumb-overflow-menu),:host(cds-overflow-menu){box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;display:inline-block;padding:0;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;cursor:pointer;text-align:start;width:100%;outline:2px solid transparent;outline-offset:-2px;position:relative;display:flex;width:2.5rem;height:2.5rem;align-items:center;justify-content:center;cursor:pointer;transition:outline 110ms cubic-bezier(0,0,.38,.9),background-color 110ms cubic-bezier(0,0,.38,.9)}.cds--overflow-menu *,.cds--overflow-menu ::after,.cds--overflow-menu ::before,.cds--overflow-menu__trigger *,.cds--overflow-menu__trigger ::after,.cds--overflow-menu__trigger ::before,:host(cds-breadcrumb-overflow-menu) *,:host(cds-breadcrumb-overflow-menu) ::after,:host(cds-breadcrumb-overflow-menu) ::before,:host(cds-overflow-menu) *,:host(cds-overflow-menu) ::after,:host(cds-overflow-menu) ::before{box-sizing:inherit}.cds--overflow-menu::-moz-focus-inner,.cds--overflow-menu__trigger::-moz-focus-inner,:host(cds-breadcrumb-overflow-menu)::-moz-focus-inner,:host(cds-overflow-menu)::-moz-focus-inner{border:0}.cds--overflow-menu html,.cds--overflow-menu__trigger html,:host(cds-breadcrumb-overflow-menu) html,:host(cds-overflow-menu) html{font-size:100%}.cds--overflow-menu body,.cds--overflow-menu__trigger body,:host(cds-breadcrumb-overflow-menu) body,:host(cds-overflow-menu) body{font-weight:400;font-family:'IBM Plex Sans',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--overflow-menu code,.cds--overflow-menu__trigger code,:host(cds-breadcrumb-overflow-menu) code,:host(cds-overflow-menu) code{font-family:'IBM Plex Mono',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',monospace}.cds--overflow-menu strong,.cds--overflow-menu__trigger strong,:host(cds-breadcrumb-overflow-menu) strong,:host(cds-overflow-menu) strong{font-weight:600}.cds--overflow-menu:focus,.cds--overflow-menu__trigger:focus,:focus:host(cds-breadcrumb-overflow-menu),:focus:host(cds-overflow-menu){outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--overflow-menu:focus,.cds--overflow-menu__trigger:focus,:focus:host(cds-breadcrumb-overflow-menu),:focus:host(cds-overflow-menu){outline-style:dotted}}.cds--overflow-menu:hover,.cds--overflow-menu__trigger:hover,:hover:host(cds-breadcrumb-overflow-menu),:hover:host(cds-overflow-menu){background-color:var(--cds-layer-hover)}.cds--overflow-menu--sm,:host(cds-breadcrumb-overflow-menu[size=sm]),:host(cds-overflow-menu[size=sm]){width:2rem;height:2rem}.cds--overflow-menu--lg,:host(cds-breadcrumb-overflow-menu[size=lg]),:host(cds-overflow-menu[size=lg]){width:3rem;height:3rem}.cds--overflow-menu__trigger.cds--tooltip--a11y.cds--tooltip__trigger:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--overflow-menu__trigger.cds--tooltip--a11y.cds--tooltip__trigger:focus{outline-style:dotted}}.cds--overflow-menu__trigger.cds--tooltip--a11y.cds--tooltip__trigger:focus svg{outline:0}.cds--overflow-menu--open:host(cds-breadcrumb-overflow-menu),.cds--overflow-menu--open:host(cds-breadcrumb-overflow-menu) .cds--overflow-menu__trigger,.cds--overflow-menu--open:host(cds-overflow-menu),.cds--overflow-menu--open:host(cds-overflow-menu) .cds--overflow-menu__trigger,.cds--overflow-menu.cds--overflow-menu--open,.cds--overflow-menu.cds--overflow-menu--open .cds--overflow-menu__trigger{box-shadow:0 2px 6px var(--cds-shadow,rgba(0,0,0,.3));background-color:var(--cds-layer);transition:none}.cds--overflow-menu--light.cds--overflow-menu--open,.cds--overflow-menu--light.cds--overflow-menu--open .cds--overflow-menu__trigger{background-color:var(--cds-layer)}.cds--overflow-menu__icon{width:1rem;height:1rem;fill:var(--cds-icon-primary,#161616)}.cds--overflow-menu__wrapper{line-height:0}.cds--overflow-menu-options,:host(cds-overflow-menu-body){box-shadow:0 2px 6px var(--cds-shadow,rgba(0,0,0,.3));position:absolute;z-index:6000;top:32px;left:0;display:none;width:10rem;flex-direction:column;align-items:flex-start;background-color:var(--cds-layer);list-style:none}.cds--overflow-menu-options html,:host(cds-overflow-menu-body) html{font-size:100%}.cds--overflow-menu-options body,:host(cds-overflow-menu-body) body{font-weight:400;font-family:'IBM Plex Sans',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--overflow-menu-options code,:host(cds-overflow-menu-body) code{font-family:'IBM Plex Mono',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',monospace}.cds--overflow-menu-options strong,:host(cds-overflow-menu-body) strong{font-weight:600}.cds--overflow-menu-options::after,:host(cds-overflow-menu-body)::after{position:absolute;display:block;background-color:var(--cds-layer);content:\"\";transition:background-color 110ms cubic-bezier(0,0,.38,.9)}@media screen and (prefers-reduced-motion:reduce){.cds--overflow-menu-options::after,:host(cds-overflow-menu-body)::after{transition:none}}.cds--overflow-menu--open:hover:host(cds-breadcrumb-overflow-menu),.cds--overflow-menu--open:hover:host(cds-overflow-menu),.cds--overflow-menu.cds--overflow-menu--open:hover{background-color:var(--cds-layer)}.cds--overflow-menu-options--light{background-color:var(--cds-layer)}.cds--overflow-menu-options--light::after{background-color:var(--cds-layer)}.cds--overflow-menu--light.cds--overflow-menu--open:hover:host(cds-breadcrumb-overflow-menu),.cds--overflow-menu--light.cds--overflow-menu--open:hover:host(cds-overflow-menu),.cds--overflow-menu.cds--overflow-menu--light.cds--overflow-menu--open:hover{background-color:var(--cds-layer)}.cds--overflow-menu-options[data-floating-menu-direction=bottom]:not(.cds--breadcrumb-menu-options)::after,[data-floating-menu-direction=bottom]:not(.cds--breadcrumb-menu-options):host(cds-overflow-menu-body)::after{top:-.1875rem;left:0;width:2.5rem;height:.1875rem}.cds--overflow-menu-options[data-floating-menu-direction=top]::after,[data-floating-menu-direction=top]:host(cds-overflow-menu-body)::after{bottom:-.5rem;left:0;width:2.5rem;height:.5rem}.cds--overflow-menu-options[data-floating-menu-direction=left]::after,[data-floating-menu-direction=left]:host(cds-overflow-menu-body)::after{top:0;right:-.375rem;width:.375rem;height:2.5rem}.cds--overflow-menu-options[data-floating-menu-direction=right]::after,[data-floating-menu-direction=right]:host(cds-overflow-menu-body)::after{top:0;left:-.375rem;width:.375rem;height:2.5rem}.cds--overflow-menu-options--sm.cds--overflow-menu-options[data-floating-menu-direction=bottom]::after,.cds--overflow-menu-options--sm.cds--overflow-menu-options[data-floating-menu-direction=top]::after,.cds--overflow-menu-options--sm[data-floating-menu-direction=bottom]:host(cds-overflow-menu-body)::after,.cds--overflow-menu-options--sm[data-floating-menu-direction=top]:host(cds-overflow-menu-body)::after,[data-floating-menu-direction=bottom]:host(cds-overflow-menu-body):host(cds-overflow-menu-body[size=sm])::after,[data-floating-menu-direction=top]:host(cds-overflow-menu-body):host(cds-overflow-menu-body[size=sm])::after{width:2rem}.cds--overflow-menu-options--sm.cds--overflow-menu-options[data-floating-menu-direction=left]::after,.cds--overflow-menu-options--sm.cds--overflow-menu-options[data-floating-menu-direction=right]::after,.cds--overflow-menu-options--sm[data-floating-menu-direction=left]:host(cds-overflow-menu-body)::after,.cds--overflow-menu-options--sm[data-floating-menu-direction=right]:host(cds-overflow-menu-body)::after,[data-floating-menu-direction=left]:host(cds-overflow-menu-body):host(cds-overflow-menu-body[size=sm])::after,[data-floating-menu-direction=right]:host(cds-overflow-menu-body):host(cds-overflow-menu-body[size=sm])::after{height:2rem}.cds--overflow-menu-options--lg.cds--overflow-menu-options[data-floating-menu-direction=bottom]::after,.cds--overflow-menu-options--lg.cds--overflow-menu-options[data-floating-menu-direction=top]::after,.cds--overflow-menu-options--lg[data-floating-menu-direction=bottom]:host(cds-overflow-menu-body)::after,.cds--overflow-menu-options--lg[data-floating-menu-direction=top]:host(cds-overflow-menu-body)::after,[data-floating-menu-direction=bottom]:host(cds-overflow-menu-body):host(cds-overflow-menu-body[size=lg])::after,[data-floating-menu-direction=top]:host(cds-overflow-menu-body):host(cds-overflow-menu-body[size=lg])::after{width:3rem}.cds--overflow-menu-options--lg.cds--overflow-menu-options[data-floating-menu-direction=left]::after,.cds--overflow-menu-options--lg.cds--overflow-menu-options[data-floating-menu-direction=right]::after,.cds--overflow-menu-options--lg[data-floating-menu-direction=left]:host(cds-overflow-menu-body)::after,.cds--overflow-menu-options--lg[data-floating-menu-direction=right]:host(cds-overflow-menu-body)::after,[data-floating-menu-direction=left]:host(cds-overflow-menu-body):host(cds-overflow-menu-body[size=lg])::after,[data-floating-menu-direction=right]:host(cds-overflow-menu-body):host(cds-overflow-menu-body[size=lg])::after{height:3rem}.cds--overflow-menu--flip.cds--overflow-menu-options[data-floating-menu-direction=bottom]::after,.cds--overflow-menu--flip.cds--overflow-menu-options[data-floating-menu-direction=top]::after,.cds--overflow-menu--flip[data-floating-menu-direction=bottom]:host(cds-overflow-menu-body)::after,.cds--overflow-menu--flip[data-floating-menu-direction=top]:host(cds-overflow-menu-body)::after{right:0;left:auto}.cds--overflow-menu--flip.cds--overflow-menu-options[data-floating-menu-direction=left]::after,.cds--overflow-menu--flip.cds--overflow-menu-options[data-floating-menu-direction=right]::after,.cds--overflow-menu--flip[data-floating-menu-direction=left]:host(cds-overflow-menu-body)::after,.cds--overflow-menu--flip[data-floating-menu-direction=right]:host(cds-overflow-menu-body)::after{top:auto;bottom:0}.cds--overflow-menu-options--open,:host(cds-overflow-menu-body[open]){display:flex}.cds--overflow-menu-options__content{width:100%}.cds--overflow-menu-options__option,:host(cds-overflow-menu-item){display:flex;width:100%;height:2.5rem;align-items:center;padding:0;background-color:transparent;transition:background-color 110ms cubic-bezier(0,0,.38,.9)}.cds--overflow-menu-options__option html,:host(cds-overflow-menu-item) html{font-size:100%}.cds--overflow-menu-options__option body,:host(cds-overflow-menu-item) body{font-weight:400;font-family:'IBM Plex Sans',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--overflow-menu-options__option code,:host(cds-overflow-menu-item) code{font-family:'IBM Plex Mono',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',monospace}.cds--overflow-menu-options__option strong,:host(cds-overflow-menu-item) strong{font-weight:600}.cds--overflow-menu-options--sm .cds--overflow-menu-options__option,.cds--overflow-menu-options--sm :host(cds-overflow-menu-item),:host(cds-overflow-menu-body[size=sm]) .cds--overflow-menu-options__option,:host(cds-overflow-menu-body[size=sm]) :host(cds-overflow-menu-item){height:2rem}.cds--overflow-menu-options--lg .cds--overflow-menu-options__option,.cds--overflow-menu-options--lg :host(cds-overflow-menu-item),:host(cds-overflow-menu-body[size=lg]) .cds--overflow-menu-options__option,:host(cds-overflow-menu-body[size=lg]) :host(cds-overflow-menu-item){height:3rem}.cds--overflow-menu--divider,:host(cds-overflow-menu-item[divider]){border-top:1px solid var(--cds-border-subtle)}.cds--overflow-menu--light .cds--overflow-menu--divider,.cds--overflow-menu--light :host(cds-overflow-menu-item[divider]){border-top:1px solid var(--cds-border-subtle)}a.cds--overflow-menu-options__btn::before{display:inline-block;height:100%;content:\"\";vertical-align:middle}.cds--overflow-menu-options__btn{font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);outline:2px solid transparent;outline-offset:-2px;display:inline-flex;width:100%;max-width:11.25rem;height:100%;align-items:center;padding:0 1rem;border:none;background-color:transparent;color:var(--cds-text-secondary,#525252);cursor:pointer;font-family:inherit;font-weight:400;text-align:left;transition:outline 110ms cubic-bezier(0,0,.38,.9),background-color 110ms cubic-bezier(0,0,.38,.9),color 110ms cubic-bezier(0,0,.38,.9)}.cds--overflow-menu-options__btn:hover{color:var(--cds-text-primary,#161616)}.cds--overflow-menu-options__btn:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--overflow-menu-options__btn:focus{outline-style:dotted}}.cds--overflow-menu-options__btn::-moz-focus-inner{border:none}.cds--overflow-menu-options__btn svg{fill:var(--cds-icon-secondary,#525252)}.cds--overflow-menu-options__btn:hover svg{fill:var(--cds-icon-primary,#161616)}.cds--overflow-menu-options__option-content{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cds--overflow-menu-options__option:hover,:hover:host(cds-overflow-menu-item){background-color:var(--cds-layer-hover)}.cds--overflow-menu-options__option--danger .cds--overflow-menu-options__btn:focus,.cds--overflow-menu-options__option--danger .cds--overflow-menu-options__btn:hover,:host(cds-overflow-menu-item[danger]) .cds--overflow-menu-options__btn:focus,:host(cds-overflow-menu-item[danger]) .cds--overflow-menu-options__btn:hover{background-color:var(--cds-button-danger-primary,#da1e28);color:var(--cds-text-on-color,#fff)}.cds--overflow-menu-options__option--danger .cds--overflow-menu-options__btn:focus svg,.cds--overflow-menu-options__option--danger .cds--overflow-menu-options__btn:hover svg,:host(cds-overflow-menu-item[danger]) .cds--overflow-menu-options__btn:focus svg,:host(cds-overflow-menu-item[danger]) .cds--overflow-menu-options__btn:hover svg{fill:currentColor}.cds--overflow-menu-options__option--disabled:hover,:hover:host(cds-overflow-menu-item[disabled]){background-color:var(--cds-layer);cursor:not-allowed}.cds--overflow-menu-options__option--disabled .cds--overflow-menu-options__btn,:host(cds-overflow-menu-item[disabled]) .cds--overflow-menu-options__btn{color:var(--cds-text-disabled,rgba(22,22,22,.25));cursor:not-allowed}.cds--overflow-menu-options__option--disabled .cds--overflow-menu-options__btn:active,.cds--overflow-menu-options__option--disabled .cds--overflow-menu-options__btn:focus,.cds--overflow-menu-options__option--disabled .cds--overflow-menu-options__btn:hover,:host(cds-overflow-menu-item[disabled]) .cds--overflow-menu-options__btn:active,:host(cds-overflow-menu-item[disabled]) .cds--overflow-menu-options__btn:focus,:host(cds-overflow-menu-item[disabled]) .cds--overflow-menu-options__btn:hover{outline:2px solid transparent;outline-offset:-2px;background-color:var(--cds-layer)}.cds--overflow-menu-options__option--disabled .cds--overflow-menu-options__btn svg,:host(cds-overflow-menu-item[disabled]) .cds--overflow-menu-options__btn svg{fill:var(--cds-icon-disabled,rgba(22,22,22,.25))}.cds--overflow-menu--flip{left:-140px}.cds--overflow-menu--flip::before{left:145px}@media screen and (-ms-high-contrast:active),(forced-colors:active){.cds--overflow-menu-options__btn:focus,.cds--overflow-menu:focus,:focus:host(cds-breadcrumb-overflow-menu),:focus:host(cds-overflow-menu){color:Highlight;outline:1px solid Highlight}}@media screen and (-ms-high-contrast:active),(forced-colors:active){.cds--overflow-menu svg,:host(cds-breadcrumb-overflow-menu) svg,:host(cds-overflow-menu) svg{fill:ButtonText}}:host(cds-breadcrumb-overflow-menu),:host(cds-overflow-menu){--cds-layer:var(--cds-layer-01, #f4f4f4);--cds-layer-active:var(--cds-layer-active-01, #c6c6c6);--cds-layer-hover:var(--cds-layer-hover-01, #e8e8e8);--cds-layer-selected:var(--cds-layer-selected-01, #e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-01, #d1d1d1);--cds-layer-accent:var(--cds-layer-accent-01, #e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-01, #d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-01, #a8a8a8);--cds-field:var(--cds-field-01, #f4f4f4);--cds-field-hover:var(--cds-field-hover-01, #e8e8e8);--cds-border-subtle:var(--cds-border-subtle-00, #e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-01, #c6c6c6);--cds-border-strong:var(--cds-border-strong-01, #8d8d8d);--cds-border-tile:var(--cds-border-tile-01, #c6c6c6)}:host(cds-breadcrumb-overflow-menu[disabled]),:host(cds-overflow-menu[disabled]){cursor:not-allowed}:host(cds-breadcrumb-overflow-menu[disabled]) svg,:host(cds-overflow-menu[disabled]) svg{fill:var(--cds-icon-disabled,rgba(22,22,22,.25));cursor:not-allowed}:host(cds-breadcrumb-overflow-menu[disabled]:hover),:host(cds-overflow-menu[disabled]:hover){background-color:transparent}:host(cds-breadcrumb-overflow-menu[open]),:host(cds-overflow-menu[open]){background-color:var(--cds-layer-01,#f4f4f4);transition:none;box-shadow:0 2px 6px 0 rgba(0,0,0,.3)}:host(cds-breadcrumb-overflow-menu[open]) :hover,:host(cds-overflow-menu[open]) :hover{background-color:var(--cds-layer)}:host(cds-overflow-menu-body[direction=top]){margin-top:0;margin-bottom:.25rem}:host(cds-overflow-menu-item){outline:0}:host(cds-overflow-menu-item[size=sm]){height:2rem}:host(cds-overflow-menu-item[size=lg]){height:3rem}:host(cds-breadcrumb-overflow-menu){position:relative;width:1.25rem;height:1.125rem}:host(cds-breadcrumb-overflow-menu):focus{outline:1px solid var(--cds-focus,#0f62fe)}:host(cds-breadcrumb-overflow-menu):hover{background:0 0}:host(cds-breadcrumb-overflow-menu):hover ::after{opacity:1}:host(cds-breadcrumb-overflow-menu) ::after{position:absolute;bottom:2px;width:.75rem;height:1px;background:var(--cds-link-primary-hover,#0043ce);content:\"\";opacity:0;transition:opacity 70ms cubic-bezier(.2,0,.38,.9)}:host(cds-breadcrumb-overflow-menu[open]){background:0 0;box-shadow:none}:host(cds-breadcrumb-overflow-menu) svg{position:relative;fill:var(--cds-link-primary,#0f62fe);transform:translateY(4px)}:host(cds-breadcrumb-overflow-menu):hover svg{fill:var(--cds-link-primary-hover,#0043ce)}:host(cds-breadcrumb[no-trailing-slash]) ::slotted(cds-breadcrumb-item:last-of-type)::after{content:\"\"}:host(cds-breadcrumb-link){outline:0}:host(cds-breadcrumb-link) .cds--link--disabled{color:var(--cds-text-disabled,rgba(22,22,22,.25))}:host(cds-breadcrumb-link) .cds--link__icon[hidden]{display:none}:host(cds-breadcrumb-link[aria-current=page]) .cds--link{color:var(--cds-text-primary,#161616);cursor:auto}:host(cds-breadcrumb-link[aria-current=page]) .cds--link:hover{text-decoration:none}",
|
|
12
12
|
]);
|