@cloudscape-design/components 3.0.337 → 3.0.338
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/app-layout/styles.css.js +17 -17
- package/app-layout/styles.scoped.css +21 -21
- package/app-layout/styles.selectors.js +17 -17
- package/app-layout/visual-refresh/styles.css.js +69 -69
- package/app-layout/visual-refresh/styles.scoped.css +173 -169
- package/app-layout/visual-refresh/styles.selectors.js +69 -69
- package/area-chart/chart-container.d.ts +2 -2
- package/area-chart/chart-container.d.ts.map +1 -1
- package/area-chart/chart-container.js +1 -1
- package/area-chart/chart-container.js.map +1 -1
- package/area-chart/interfaces.d.ts +5 -1
- package/area-chart/interfaces.d.ts.map +1 -1
- package/area-chart/interfaces.js.map +1 -1
- package/area-chart/internal.d.ts +1 -1
- package/area-chart/internal.d.ts.map +1 -1
- package/area-chart/internal.js +2 -2
- package/area-chart/internal.js.map +1 -1
- package/attribute-editor/interfaces.d.ts +7 -0
- package/attribute-editor/interfaces.d.ts.map +1 -1
- package/attribute-editor/interfaces.js.map +1 -1
- package/attribute-editor/internal.d.ts.map +1 -1
- package/attribute-editor/internal.js +2 -2
- package/attribute-editor/internal.js.map +1 -1
- package/attribute-editor/row.d.ts +3 -2
- package/attribute-editor/row.d.ts.map +1 -1
- package/attribute-editor/row.js +2 -2
- package/attribute-editor/row.js.map +1 -1
- package/box/styles.css.js +189 -189
- package/box/styles.scoped.css +257 -257
- package/box/styles.selectors.js +189 -189
- package/button/styles.css.js +20 -20
- package/button/styles.scoped.css +154 -154
- package/button/styles.selectors.js +20 -20
- package/button-dropdown/category-elements/styles.css.js +13 -13
- package/button-dropdown/category-elements/styles.scoped.css +25 -25
- package/button-dropdown/category-elements/styles.selectors.js +13 -13
- package/button-dropdown/item-element/styles.css.js +14 -14
- package/button-dropdown/item-element/styles.scoped.css +20 -20
- package/button-dropdown/item-element/styles.selectors.js +14 -14
- package/cards/styles.css.js +38 -38
- package/cards/styles.scoped.css +57 -62
- package/cards/styles.selectors.js +38 -38
- package/container/styles.css.js +28 -28
- package/container/styles.scoped.css +57 -54
- package/container/styles.selectors.js +28 -28
- package/content-layout/styles.css.js +7 -7
- package/content-layout/styles.scoped.css +13 -13
- package/content-layout/styles.selectors.js +7 -7
- package/expandable-section/styles.css.js +29 -29
- package/expandable-section/styles.scoped.css +61 -61
- package/expandable-section/styles.selectors.js +29 -29
- package/flashbar/styles.css.js +46 -46
- package/flashbar/styles.scoped.css +146 -146
- package/flashbar/styles.selectors.js +46 -46
- package/form-field/internal.js +3 -2
- package/form-field/internal.js.map +1 -1
- package/header/internal.d.ts.map +1 -1
- package/header/internal.js +5 -5
- package/header/internal.js.map +1 -1
- package/header/styles.css.js +33 -44
- package/header/styles.scoped.css +85 -91
- package/header/styles.selectors.js +33 -44
- package/help-panel/styles.css.js +4 -4
- package/help-panel/styles.scoped.css +80 -80
- package/help-panel/styles.selectors.js +4 -4
- package/icon/styles.css.js +21 -21
- package/icon/styles.scoped.css +54 -54
- package/icon/styles.selectors.js +21 -21
- package/internal/analytics/components/analytics-funnel.d.ts.map +1 -1
- package/internal/analytics/components/analytics-funnel.js +14 -13
- package/internal/analytics/components/analytics-funnel.js.map +1 -1
- package/internal/analytics/context/analytics-context.d.ts +6 -7
- package/internal/analytics/context/analytics-context.d.ts.map +1 -1
- package/internal/analytics/context/analytics-context.js +2 -6
- package/internal/analytics/context/analytics-context.js.map +1 -1
- package/internal/analytics/hooks/use-funnel.d.ts +4 -7
- package/internal/analytics/hooks/use-funnel.d.ts.map +1 -1
- package/internal/analytics/hooks/use-funnel.js +9 -7
- package/internal/analytics/hooks/use-funnel.js.map +1 -1
- package/internal/base-component/styles.scoped.css +45 -35
- package/internal/components/button-trigger/index.d.ts +2 -1
- package/internal/components/button-trigger/index.d.ts.map +1 -1
- package/internal/components/button-trigger/index.js +2 -2
- package/internal/components/button-trigger/index.js.map +1 -1
- package/internal/components/cartesian-chart/interfaces.d.ts +10 -2
- package/internal/components/cartesian-chart/interfaces.d.ts.map +1 -1
- package/internal/components/cartesian-chart/interfaces.js.map +1 -1
- package/internal/components/dropdown/index.d.ts +1 -1
- package/internal/components/dropdown/index.d.ts.map +1 -1
- package/internal/components/dropdown/index.js +4 -4
- package/internal/components/dropdown/index.js.map +1 -1
- package/internal/components/dropdown/interfaces.d.ts +8 -0
- package/internal/components/dropdown/interfaces.d.ts.map +1 -1
- package/internal/components/dropdown/interfaces.js.map +1 -1
- package/internal/components/menu-dropdown/styles.css.js +7 -7
- package/internal/components/menu-dropdown/styles.scoped.css +14 -14
- package/internal/components/menu-dropdown/styles.selectors.js +7 -7
- package/internal/environment.js +1 -1
- package/internal/generated/theming/index.cjs +153 -120
- package/internal/generated/theming/index.js +153 -120
- package/internal/manifest.json +1 -1
- package/link/internal.d.ts.map +1 -1
- package/link/internal.js +3 -2
- package/link/internal.js.map +1 -1
- package/link/styles.css.js +20 -20
- package/link/styles.scoped.css +83 -83
- package/link/styles.selectors.js +20 -20
- package/mixed-line-bar-chart/internal.d.ts +1 -1
- package/mixed-line-bar-chart/internal.d.ts.map +1 -1
- package/mixed-line-bar-chart/internal.js +2 -2
- package/mixed-line-bar-chart/internal.js.map +1 -1
- package/modal/styles.css.js +23 -23
- package/modal/styles.scoped.css +40 -40
- package/modal/styles.selectors.js +23 -23
- package/package.json +1 -1
- package/pagination/styles.css.js +9 -9
- package/pagination/styles.scoped.css +24 -24
- package/pagination/styles.selectors.js +9 -9
- package/popover/styles.css.js +50 -50
- package/popover/styles.scoped.css +65 -65
- package/popover/styles.selectors.js +50 -50
- package/property-filter/index.d.ts.map +1 -1
- package/property-filter/index.js +4 -3
- package/property-filter/index.js.map +1 -1
- package/property-filter/interfaces.d.ts +16 -5
- package/property-filter/interfaces.d.ts.map +1 -1
- package/property-filter/interfaces.js.map +1 -1
- package/s3-resource-selector/index.d.ts.map +1 -1
- package/s3-resource-selector/index.js +2 -2
- package/s3-resource-selector/index.js.map +1 -1
- package/s3-resource-selector/interfaces.d.ts +7 -0
- package/s3-resource-selector/interfaces.d.ts.map +1 -1
- package/s3-resource-selector/interfaces.js.map +1 -1
- package/s3-resource-selector/s3-in-context/index.d.ts +1 -0
- package/s3-resource-selector/s3-in-context/index.d.ts.map +1 -1
- package/s3-resource-selector/s3-in-context/index.js +2 -2
- package/s3-resource-selector/s3-in-context/index.js.map +1 -1
- package/segmented-control/styles.css.js +14 -14
- package/segmented-control/styles.scoped.css +35 -35
- package/segmented-control/styles.selectors.js +14 -14
- package/select/utils/use-select.d.ts +5 -7
- package/select/utils/use-select.d.ts.map +1 -1
- package/select/utils/use-select.js +6 -0
- package/select/utils/use-select.js.map +1 -1
- package/side-navigation/styles.css.js +28 -28
- package/side-navigation/styles.scoped.css +49 -49
- package/side-navigation/styles.selectors.js +28 -28
- package/spinner/styles.css.js +13 -13
- package/spinner/styles.scoped.css +22 -22
- package/spinner/styles.selectors.js +13 -13
- package/split-panel/styles.css.js +56 -56
- package/split-panel/styles.scoped.css +80 -80
- package/split-panel/styles.selectors.js +56 -56
- package/table/header-cell/styles.css.js +24 -24
- package/table/header-cell/styles.scoped.css +41 -41
- package/table/header-cell/styles.selectors.js +24 -24
- package/table/styles.css.js +34 -34
- package/table/styles.scoped.css +45 -52
- package/table/styles.selectors.js +34 -34
- package/tabs/styles.css.js +21 -21
- package/tabs/styles.scoped.css +41 -41
- package/tabs/styles.selectors.js +21 -21
- package/tag-editor/styles.css.js +3 -3
- package/tag-editor/styles.scoped.css +11 -11
- package/tag-editor/styles.selectors.js +3 -3
- package/text-content/styles.css.js +1 -1
- package/text-content/styles.scoped.css +71 -71
- package/text-content/styles.selectors.js +1 -1
- package/top-navigation/1.0-beta/styles.css.js +25 -25
- package/top-navigation/1.0-beta/styles.scoped.css +45 -45
- package/top-navigation/1.0-beta/styles.selectors.js +25 -25
- package/top-navigation/styles.css.js +47 -47
- package/top-navigation/styles.scoped.css +74 -74
- package/top-navigation/styles.selectors.js +47 -47
- package/tutorial-panel/components/tutorial-detail-view/styles.css.js +20 -20
- package/tutorial-panel/components/tutorial-detail-view/styles.scoped.css +22 -22
- package/tutorial-panel/components/tutorial-detail-view/styles.selectors.js +20 -20
- package/wizard/interfaces.d.ts +10 -3
- package/wizard/interfaces.d.ts.map +1 -1
- package/wizard/interfaces.js.map +1 -1
- package/wizard/internal.d.ts +1 -1
- package/wizard/internal.d.ts.map +1 -1
- package/wizard/internal.js +5 -5
- package/wizard/internal.js.map +1 -1
- package/wizard/wizard-form.d.ts +2 -1
- package/wizard/wizard-form.d.ts.map +1 -1
- package/wizard/wizard-form.js +2 -2
- package/wizard/wizard-form.js.map +1 -1
|
@@ -1634,11 +1634,11 @@ export var preset = {
|
|
|
1634
1634
|
"fontBodySLineHeight": "16px",
|
|
1635
1635
|
"fontBodySSize": "12px",
|
|
1636
1636
|
"fontButtonLetterSpacing": "0.005em",
|
|
1637
|
-
"fontButtonWeight": "
|
|
1637
|
+
"fontButtonWeight": "700",
|
|
1638
1638
|
"fontChartDetailSize": "{fontBodySSize}",
|
|
1639
1639
|
"fontDisplayLLetterSpacing": "-0.03em",
|
|
1640
|
-
"fontDisplayLLineHeight": "
|
|
1641
|
-
"fontDisplayLSize": "
|
|
1640
|
+
"fontDisplayLLineHeight": "48px",
|
|
1641
|
+
"fontDisplayLSize": "42px",
|
|
1642
1642
|
"fontDisplayLabelWeight": "700",
|
|
1643
1643
|
"fontExpandableHeadingSize": "{fontHeadingSSize}",
|
|
1644
1644
|
"fontFamilyBase": "'Open Sans', 'Helvetica Neue', Roboto, Arial, sans-serif",
|
|
@@ -1646,25 +1646,25 @@ export var preset = {
|
|
|
1646
1646
|
"fontHeaderH2DescriptionLineHeight": "{fontBodyMLineHeight}",
|
|
1647
1647
|
"fontHeaderH2DescriptionSize": "{fontBodyMSize}",
|
|
1648
1648
|
"fontHeadingLLetterSpacing": "-0.015em",
|
|
1649
|
-
"fontHeadingLLineHeight": "
|
|
1650
|
-
"fontHeadingLSize": "
|
|
1651
|
-
"fontHeadingLWeight": "
|
|
1649
|
+
"fontHeadingLLineHeight": "24px",
|
|
1650
|
+
"fontHeadingLSize": "20px",
|
|
1651
|
+
"fontHeadingLWeight": "700",
|
|
1652
1652
|
"fontHeadingMLetterSpacing": "-0.010em",
|
|
1653
|
-
"fontHeadingMLineHeight": "
|
|
1654
|
-
"fontHeadingMSize": "
|
|
1655
|
-
"fontHeadingMWeight": "
|
|
1653
|
+
"fontHeadingMLineHeight": "22px",
|
|
1654
|
+
"fontHeadingMSize": "18px",
|
|
1655
|
+
"fontHeadingMWeight": "700",
|
|
1656
1656
|
"fontHeadingSLetterSpacing": "-0.005em",
|
|
1657
1657
|
"fontHeadingSLineHeight": "20px",
|
|
1658
1658
|
"fontHeadingSSize": "16px",
|
|
1659
|
-
"fontHeadingSWeight": "
|
|
1659
|
+
"fontHeadingSWeight": "700",
|
|
1660
1660
|
"fontHeadingXlLetterSpacing": "-0.02em",
|
|
1661
|
-
"fontHeadingXlLineHeight": "
|
|
1662
|
-
"fontHeadingXlSize": "
|
|
1663
|
-
"fontHeadingXlWeight": "
|
|
1661
|
+
"fontHeadingXlLineHeight": "30px",
|
|
1662
|
+
"fontHeadingXlSize": "24px",
|
|
1663
|
+
"fontHeadingXlWeight": "700",
|
|
1664
1664
|
"fontHeadingXsLineHeight": "18px",
|
|
1665
1665
|
"fontHeadingXsSize": "14px",
|
|
1666
|
-
"fontHeadingXsWeight": "
|
|
1667
|
-
"fontBoxValueLargeWeight": "
|
|
1666
|
+
"fontHeadingXsWeight": "700",
|
|
1667
|
+
"fontBoxValueLargeWeight": "700",
|
|
1668
1668
|
"fontLinkButtonLetterSpacing": "{fontButtonLetterSpacing}",
|
|
1669
1669
|
"fontLinkButtonWeight": "{fontButtonWeight}",
|
|
1670
1670
|
"fontLinkPrimaryDecoration": "underline",
|
|
@@ -1677,8 +1677,8 @@ export var preset = {
|
|
|
1677
1677
|
"fontTabsDisabledWeight": "{fontWayfindingLinkActiveWeight}",
|
|
1678
1678
|
"fontTabsLineHeight": "{fontHeadingSLineHeight}",
|
|
1679
1679
|
"fontTabsSize": "{fontHeadingSSize}",
|
|
1680
|
-
"fontWayfindingLinkActiveWeight": "
|
|
1681
|
-
"fontWeightHeavy": "
|
|
1680
|
+
"fontWayfindingLinkActiveWeight": "700",
|
|
1681
|
+
"fontWeightHeavy": "700",
|
|
1682
1682
|
"borderActiveWidth": "4px",
|
|
1683
1683
|
"borderCodeEditorStatusDividerWidth": "{borderDividerSectionWidth}",
|
|
1684
1684
|
"borderContainerStickyWidth": "0px",
|
|
@@ -1925,6 +1925,10 @@ export var preset = {
|
|
|
1925
1925
|
"comfortable": "4px",
|
|
1926
1926
|
"compact": "4px"
|
|
1927
1927
|
},
|
|
1928
|
+
"spaceButtonHorizontal": {
|
|
1929
|
+
"comfortable": "{spaceScaledL}",
|
|
1930
|
+
"compact": "{spaceScaledL}"
|
|
1931
|
+
},
|
|
1928
1932
|
"spaceButtonIconFocusOutlineGutterVertical": {
|
|
1929
1933
|
"comfortable": "0px",
|
|
1930
1934
|
"compact": "0px"
|
|
@@ -1938,8 +1942,8 @@ export var preset = {
|
|
|
1938
1942
|
"compact": "0px"
|
|
1939
1943
|
},
|
|
1940
1944
|
"spaceButtonModalDismissVertical": {
|
|
1941
|
-
"comfortable": "
|
|
1942
|
-
"compact": "
|
|
1945
|
+
"comfortable": "{spaceScaledXxxs}",
|
|
1946
|
+
"compact": "{spaceScaledXxxs}"
|
|
1943
1947
|
},
|
|
1944
1948
|
"spaceCalendarGridFocusOutlineGutter": {
|
|
1945
1949
|
"comfortable": "-5px",
|
|
@@ -1953,25 +1957,33 @@ export var preset = {
|
|
|
1953
1957
|
"comfortable": "{spaceContainerHorizontal}",
|
|
1954
1958
|
"compact": "{spaceContainerHorizontal}"
|
|
1955
1959
|
},
|
|
1960
|
+
"spaceCardVertical": {
|
|
1961
|
+
"comfortable": "{spaceScaledM}",
|
|
1962
|
+
"compact": "{spaceScaledM}"
|
|
1963
|
+
},
|
|
1956
1964
|
"spaceCodeEditorStatusFocusOutlineGutter": {
|
|
1957
1965
|
"comfortable": "-7px",
|
|
1958
1966
|
"compact": "-7px"
|
|
1959
1967
|
},
|
|
1960
1968
|
"spaceContainerContentTop": {
|
|
1961
|
-
"comfortable": "
|
|
1962
|
-
"compact": "
|
|
1969
|
+
"comfortable": "{spaceXxs}",
|
|
1970
|
+
"compact": "{spaceXxs}"
|
|
1963
1971
|
},
|
|
1964
|
-
"
|
|
1972
|
+
"spaceContainerHeaderTop": {
|
|
1965
1973
|
"comfortable": "{spaceS}",
|
|
1966
1974
|
"compact": "{spaceS}"
|
|
1967
1975
|
},
|
|
1976
|
+
"spaceContainerHeaderBottom": {
|
|
1977
|
+
"comfortable": "{spaceScaledXs}",
|
|
1978
|
+
"compact": "{spaceScaledXs}"
|
|
1979
|
+
},
|
|
1968
1980
|
"spaceContainerHorizontal": {
|
|
1969
1981
|
"comfortable": "{spaceL}",
|
|
1970
1982
|
"compact": "{spaceL}"
|
|
1971
1983
|
},
|
|
1972
1984
|
"spaceContentHeaderPaddingBottom": {
|
|
1973
|
-
"comfortable": "{
|
|
1974
|
-
"compact": "{
|
|
1985
|
+
"comfortable": "{spaceScaledM}",
|
|
1986
|
+
"compact": "{spaceScaledM}"
|
|
1975
1987
|
},
|
|
1976
1988
|
"spaceDarkHeaderOverlapDistance": {
|
|
1977
1989
|
"comfortable": "36px",
|
|
@@ -2061,45 +2073,45 @@ export var preset = {
|
|
|
2061
2073
|
"comfortable": "4px",
|
|
2062
2074
|
"compact": "4px"
|
|
2063
2075
|
},
|
|
2064
|
-
"spaceTableHeaderFocusOutlineGutter": {
|
|
2065
|
-
"comfortable": "0px",
|
|
2066
|
-
"compact": "-1px"
|
|
2067
|
-
},
|
|
2068
2076
|
"spaceTabsContentTop": {
|
|
2069
2077
|
"comfortable": "{spaceScaledS}",
|
|
2070
2078
|
"compact": "{spaceScaledS}"
|
|
2071
2079
|
},
|
|
2072
|
-
"
|
|
2073
|
-
"comfortable": "
|
|
2074
|
-
"compact": "
|
|
2080
|
+
"spaceTabsFocusOutlineGutter": {
|
|
2081
|
+
"comfortable": "-8px",
|
|
2082
|
+
"compact": "-8px"
|
|
2075
2083
|
},
|
|
2076
|
-
"
|
|
2084
|
+
"spaceTableContentBottom": {
|
|
2085
|
+
"comfortable": "{spaceXxs}",
|
|
2086
|
+
"compact": "{spaceXxs}"
|
|
2087
|
+
},
|
|
2088
|
+
"spaceTableEmbeddedHeaderTop": {
|
|
2077
2089
|
"comfortable": "0px",
|
|
2078
2090
|
"compact": "0px"
|
|
2079
2091
|
},
|
|
2080
|
-
"
|
|
2081
|
-
"comfortable": "
|
|
2082
|
-
"compact": "
|
|
2092
|
+
"spaceTableFooterHorizontal": {
|
|
2093
|
+
"comfortable": "{spaceTableHeaderHorizontal}",
|
|
2094
|
+
"compact": "{spaceTableHeaderHorizontal}"
|
|
2083
2095
|
},
|
|
2084
|
-
"
|
|
2085
|
-
"comfortable": "
|
|
2086
|
-
"compact": "
|
|
2096
|
+
"spaceTableHeaderFocusOutlineGutter": {
|
|
2097
|
+
"comfortable": "0px",
|
|
2098
|
+
"compact": "-1px"
|
|
2087
2099
|
},
|
|
2088
|
-
"
|
|
2100
|
+
"spaceTableHeaderHorizontal": {
|
|
2089
2101
|
"comfortable": "0px",
|
|
2090
2102
|
"compact": "0px"
|
|
2091
2103
|
},
|
|
2092
|
-
"
|
|
2104
|
+
"spaceTableHeaderToolsBottom": {
|
|
2093
2105
|
"comfortable": "0px",
|
|
2094
2106
|
"compact": "0px"
|
|
2095
2107
|
},
|
|
2096
|
-
"
|
|
2097
|
-
"comfortable": "
|
|
2098
|
-
"compact": "
|
|
2108
|
+
"spaceTableHeaderToolsFullPageBottom": {
|
|
2109
|
+
"comfortable": "4px",
|
|
2110
|
+
"compact": "4px"
|
|
2099
2111
|
},
|
|
2100
|
-
"
|
|
2101
|
-
"comfortable": "
|
|
2102
|
-
"compact": "
|
|
2112
|
+
"spaceTableHorizontal": {
|
|
2113
|
+
"comfortable": "{spaceContainerHorizontal}",
|
|
2114
|
+
"compact": "{spaceContainerHorizontal}"
|
|
2103
2115
|
},
|
|
2104
2116
|
"spaceScaled2xNone": {
|
|
2105
2117
|
"comfortable": "{spaceNone}",
|
|
@@ -2351,6 +2363,10 @@ export var preset = {
|
|
|
2351
2363
|
"comfortable": "4px",
|
|
2352
2364
|
"compact": "4px"
|
|
2353
2365
|
},
|
|
2366
|
+
"spaceButtonHorizontal": {
|
|
2367
|
+
"comfortable": "{spaceScaledL}",
|
|
2368
|
+
"compact": "{spaceScaledL}"
|
|
2369
|
+
},
|
|
2354
2370
|
"spaceButtonIconFocusOutlineGutterVertical": {
|
|
2355
2371
|
"comfortable": "0px",
|
|
2356
2372
|
"compact": "0px"
|
|
@@ -2364,8 +2380,8 @@ export var preset = {
|
|
|
2364
2380
|
"compact": "0px"
|
|
2365
2381
|
},
|
|
2366
2382
|
"spaceButtonModalDismissVertical": {
|
|
2367
|
-
"comfortable": "
|
|
2368
|
-
"compact": "
|
|
2383
|
+
"comfortable": "{spaceScaledXxxs}",
|
|
2384
|
+
"compact": "{spaceScaledXxxs}"
|
|
2369
2385
|
},
|
|
2370
2386
|
"spaceCalendarGridFocusOutlineGutter": {
|
|
2371
2387
|
"comfortable": "-5px",
|
|
@@ -2379,25 +2395,33 @@ export var preset = {
|
|
|
2379
2395
|
"comfortable": "{spaceContainerHorizontal}",
|
|
2380
2396
|
"compact": "{spaceContainerHorizontal}"
|
|
2381
2397
|
},
|
|
2398
|
+
"spaceCardVertical": {
|
|
2399
|
+
"comfortable": "{spaceScaledM}",
|
|
2400
|
+
"compact": "{spaceScaledM}"
|
|
2401
|
+
},
|
|
2382
2402
|
"spaceCodeEditorStatusFocusOutlineGutter": {
|
|
2383
2403
|
"comfortable": "-7px",
|
|
2384
2404
|
"compact": "-7px"
|
|
2385
2405
|
},
|
|
2386
2406
|
"spaceContainerContentTop": {
|
|
2387
|
-
"comfortable": "
|
|
2388
|
-
"compact": "
|
|
2407
|
+
"comfortable": "{spaceXxs}",
|
|
2408
|
+
"compact": "{spaceXxs}"
|
|
2389
2409
|
},
|
|
2390
|
-
"
|
|
2410
|
+
"spaceContainerHeaderTop": {
|
|
2391
2411
|
"comfortable": "{spaceS}",
|
|
2392
2412
|
"compact": "{spaceS}"
|
|
2393
2413
|
},
|
|
2414
|
+
"spaceContainerHeaderBottom": {
|
|
2415
|
+
"comfortable": "{spaceScaledXs}",
|
|
2416
|
+
"compact": "{spaceScaledXs}"
|
|
2417
|
+
},
|
|
2394
2418
|
"spaceContainerHorizontal": {
|
|
2395
2419
|
"comfortable": "{spaceL}",
|
|
2396
2420
|
"compact": "{spaceL}"
|
|
2397
2421
|
},
|
|
2398
2422
|
"spaceContentHeaderPaddingBottom": {
|
|
2399
|
-
"comfortable": "{
|
|
2400
|
-
"compact": "{
|
|
2423
|
+
"comfortable": "{spaceScaledM}",
|
|
2424
|
+
"compact": "{spaceScaledM}"
|
|
2401
2425
|
},
|
|
2402
2426
|
"spaceDarkHeaderOverlapDistance": {
|
|
2403
2427
|
"comfortable": "36px",
|
|
@@ -2487,45 +2511,45 @@ export var preset = {
|
|
|
2487
2511
|
"comfortable": "4px",
|
|
2488
2512
|
"compact": "4px"
|
|
2489
2513
|
},
|
|
2490
|
-
"spaceTableHeaderFocusOutlineGutter": {
|
|
2491
|
-
"comfortable": "0px",
|
|
2492
|
-
"compact": "-1px"
|
|
2493
|
-
},
|
|
2494
2514
|
"spaceTabsContentTop": {
|
|
2495
2515
|
"comfortable": "{spaceScaledS}",
|
|
2496
2516
|
"compact": "{spaceScaledS}"
|
|
2497
2517
|
},
|
|
2498
|
-
"
|
|
2499
|
-
"comfortable": "
|
|
2500
|
-
"compact": "
|
|
2518
|
+
"spaceTabsFocusOutlineGutter": {
|
|
2519
|
+
"comfortable": "-8px",
|
|
2520
|
+
"compact": "-8px"
|
|
2501
2521
|
},
|
|
2502
|
-
"
|
|
2522
|
+
"spaceTableContentBottom": {
|
|
2523
|
+
"comfortable": "{spaceXxs}",
|
|
2524
|
+
"compact": "{spaceXxs}"
|
|
2525
|
+
},
|
|
2526
|
+
"spaceTableEmbeddedHeaderTop": {
|
|
2503
2527
|
"comfortable": "0px",
|
|
2504
2528
|
"compact": "0px"
|
|
2505
2529
|
},
|
|
2506
|
-
"
|
|
2507
|
-
"comfortable": "
|
|
2508
|
-
"compact": "
|
|
2530
|
+
"spaceTableFooterHorizontal": {
|
|
2531
|
+
"comfortable": "{spaceTableHeaderHorizontal}",
|
|
2532
|
+
"compact": "{spaceTableHeaderHorizontal}"
|
|
2509
2533
|
},
|
|
2510
|
-
"
|
|
2511
|
-
"comfortable": "
|
|
2512
|
-
"compact": "
|
|
2534
|
+
"spaceTableHeaderFocusOutlineGutter": {
|
|
2535
|
+
"comfortable": "0px",
|
|
2536
|
+
"compact": "-1px"
|
|
2513
2537
|
},
|
|
2514
|
-
"
|
|
2538
|
+
"spaceTableHeaderHorizontal": {
|
|
2515
2539
|
"comfortable": "0px",
|
|
2516
2540
|
"compact": "0px"
|
|
2517
2541
|
},
|
|
2518
|
-
"
|
|
2542
|
+
"spaceTableHeaderToolsBottom": {
|
|
2519
2543
|
"comfortable": "0px",
|
|
2520
2544
|
"compact": "0px"
|
|
2521
2545
|
},
|
|
2522
|
-
"
|
|
2523
|
-
"comfortable": "
|
|
2524
|
-
"compact": "
|
|
2546
|
+
"spaceTableHeaderToolsFullPageBottom": {
|
|
2547
|
+
"comfortable": "4px",
|
|
2548
|
+
"compact": "4px"
|
|
2525
2549
|
},
|
|
2526
|
-
"
|
|
2527
|
-
"comfortable": "
|
|
2528
|
-
"compact": "
|
|
2550
|
+
"spaceTableHorizontal": {
|
|
2551
|
+
"comfortable": "{spaceContainerHorizontal}",
|
|
2552
|
+
"compact": "{spaceContainerHorizontal}"
|
|
2529
2553
|
},
|
|
2530
2554
|
"spaceScaled2xNone": {
|
|
2531
2555
|
"comfortable": "{spaceNone}",
|
|
@@ -7867,6 +7891,7 @@ export var preset = {
|
|
|
7867
7891
|
"spaceAlertMessageRight": "density",
|
|
7868
7892
|
"spaceAlertVertical": "density",
|
|
7869
7893
|
"spaceButtonFocusOutlineGutter": "density",
|
|
7894
|
+
"spaceButtonHorizontal": "density",
|
|
7870
7895
|
"spaceButtonIconFocusOutlineGutterVertical": "density",
|
|
7871
7896
|
"spaceButtonIconOnlyHorizontal": "density",
|
|
7872
7897
|
"spaceButtonInlineIconFocusOutlineGutter": "density",
|
|
@@ -7874,9 +7899,11 @@ export var preset = {
|
|
|
7874
7899
|
"spaceCalendarGridFocusOutlineGutter": "density",
|
|
7875
7900
|
"spaceCalendarGridSelectedFocusOutlineGutter": "density",
|
|
7876
7901
|
"spaceCardHorizontal": "density",
|
|
7902
|
+
"spaceCardVertical": "density",
|
|
7877
7903
|
"spaceCodeEditorStatusFocusOutlineGutter": "density",
|
|
7878
7904
|
"spaceContainerContentTop": "density",
|
|
7879
|
-
"
|
|
7905
|
+
"spaceContainerHeaderTop": "density",
|
|
7906
|
+
"spaceContainerHeaderBottom": "density",
|
|
7880
7907
|
"spaceContainerHorizontal": "density",
|
|
7881
7908
|
"spaceContentHeaderPaddingBottom": "density",
|
|
7882
7909
|
"spaceDarkHeaderOverlapDistance": "density",
|
|
@@ -7901,16 +7928,16 @@ export var preset = {
|
|
|
7901
7928
|
"spacePanelSideRight": "density",
|
|
7902
7929
|
"spacePanelSplitTop": "density",
|
|
7903
7930
|
"spaceSegmentedControlFocusOutlineGutter": "density",
|
|
7904
|
-
"spaceTableHeaderFocusOutlineGutter": "density",
|
|
7905
7931
|
"spaceTabsContentTop": "density",
|
|
7906
|
-
"
|
|
7907
|
-
"spaceTableHeaderHorizontal": "density",
|
|
7932
|
+
"spaceTabsFocusOutlineGutter": "density",
|
|
7908
7933
|
"spaceTableContentBottom": "density",
|
|
7909
|
-
"spaceTableContentTop": "density",
|
|
7910
|
-
"spaceTableEmbeddedContentBottom": "density",
|
|
7911
7934
|
"spaceTableEmbeddedHeaderTop": "density",
|
|
7912
7935
|
"spaceTableFooterHorizontal": "density",
|
|
7913
|
-
"
|
|
7936
|
+
"spaceTableHeaderFocusOutlineGutter": "density",
|
|
7937
|
+
"spaceTableHeaderHorizontal": "density",
|
|
7938
|
+
"spaceTableHeaderToolsBottom": "density",
|
|
7939
|
+
"spaceTableHeaderToolsFullPageBottom": "density",
|
|
7940
|
+
"spaceTableHorizontal": "density",
|
|
7914
7941
|
"spaceScaled2xNone": "density",
|
|
7915
7942
|
"spaceScaled2xXxxs": "density",
|
|
7916
7943
|
"spaceScaled2xXxs": "density",
|
|
@@ -9032,6 +9059,7 @@ export var preset = {
|
|
|
9032
9059
|
"spaceAlertMessageRight": "space-alert-message-right",
|
|
9033
9060
|
"spaceAlertVertical": "space-alert-vertical",
|
|
9034
9061
|
"spaceButtonFocusOutlineGutter": "space-button-focus-outline-gutter",
|
|
9062
|
+
"spaceButtonHorizontal": "space-button-horizontal",
|
|
9035
9063
|
"spaceButtonIconFocusOutlineGutterVertical": "space-button-icon-focus-outline-gutter-vertical",
|
|
9036
9064
|
"spaceButtonIconOnlyHorizontal": "space-button-icon-only-horizontal",
|
|
9037
9065
|
"spaceButtonInlineIconFocusOutlineGutter": "space-button-inline-icon-focus-outline-gutter",
|
|
@@ -9039,9 +9067,11 @@ export var preset = {
|
|
|
9039
9067
|
"spaceCalendarGridFocusOutlineGutter": "space-calendar-grid-focus-outline-gutter",
|
|
9040
9068
|
"spaceCalendarGridSelectedFocusOutlineGutter": "space-calendar-grid-selected-focus-outline-gutter",
|
|
9041
9069
|
"spaceCardHorizontal": "space-card-horizontal",
|
|
9070
|
+
"spaceCardVertical": "space-card-vertical",
|
|
9042
9071
|
"spaceCodeEditorStatusFocusOutlineGutter": "space-code-editor-status-focus-outline-gutter",
|
|
9043
9072
|
"spaceContainerContentTop": "space-container-content-top",
|
|
9044
|
-
"
|
|
9073
|
+
"spaceContainerHeaderTop": "space-container-header-top",
|
|
9074
|
+
"spaceContainerHeaderBottom": "space-container-header-bottom",
|
|
9045
9075
|
"spaceContainerHorizontal": "space-container-horizontal",
|
|
9046
9076
|
"spaceContentHeaderPaddingBottom": "space-content-header-padding-bottom",
|
|
9047
9077
|
"spaceDarkHeaderOverlapDistance": "space-dark-header-overlap-distance",
|
|
@@ -9066,16 +9096,16 @@ export var preset = {
|
|
|
9066
9096
|
"spacePanelSideRight": "space-panel-side-right",
|
|
9067
9097
|
"spacePanelSplitTop": "space-panel-split-top",
|
|
9068
9098
|
"spaceSegmentedControlFocusOutlineGutter": "space-segmented-control-focus-outline-gutter",
|
|
9069
|
-
"spaceTableHeaderFocusOutlineGutter": "space-table-header-focus-outline-gutter",
|
|
9070
9099
|
"spaceTabsContentTop": "space-tabs-content-top",
|
|
9071
|
-
"
|
|
9072
|
-
"spaceTableHeaderHorizontal": "space-table-header-horizontal",
|
|
9100
|
+
"spaceTabsFocusOutlineGutter": "space-tabs-focus-outline-gutter",
|
|
9073
9101
|
"spaceTableContentBottom": "space-table-content-bottom",
|
|
9074
|
-
"spaceTableContentTop": "space-table-content-top",
|
|
9075
|
-
"spaceTableEmbeddedContentBottom": "space-table-embedded-content-bottom",
|
|
9076
9102
|
"spaceTableEmbeddedHeaderTop": "space-table-embedded-header-top",
|
|
9077
9103
|
"spaceTableFooterHorizontal": "space-table-footer-horizontal",
|
|
9078
|
-
"
|
|
9104
|
+
"spaceTableHeaderFocusOutlineGutter": "space-table-header-focus-outline-gutter",
|
|
9105
|
+
"spaceTableHeaderHorizontal": "space-table-header-horizontal",
|
|
9106
|
+
"spaceTableHeaderToolsBottom": "space-table-header-tools-bottom",
|
|
9107
|
+
"spaceTableHeaderToolsFullPageBottom": "space-table-header-tools-full-page-bottom",
|
|
9108
|
+
"spaceTableHorizontal": "space-table-horizontal",
|
|
9079
9109
|
"spaceScaled2xNone": "space-scaled-2x-none",
|
|
9080
9110
|
"spaceScaled2xXxxs": "space-scaled-2x-xxxs",
|
|
9081
9111
|
"spaceScaled2xXxs": "space-scaled-2x-xxs",
|
|
@@ -9571,11 +9601,11 @@ export var preset = {
|
|
|
9571
9601
|
"fontBodySLineHeight": "--font-body-s-line-height-ga8tt7",
|
|
9572
9602
|
"fontBodySSize": "--font-body-s-size-6jmxer",
|
|
9573
9603
|
"fontButtonLetterSpacing": "--font-button-letter-spacing-b8z34c",
|
|
9574
|
-
"fontButtonWeight": "--font-button-weight-
|
|
9604
|
+
"fontButtonWeight": "--font-button-weight-44nug7",
|
|
9575
9605
|
"fontChartDetailSize": "--font-chart-detail-size-gtiv3j",
|
|
9576
9606
|
"fontDisplayLLetterSpacing": "--font-display-l-letter-spacing-38ceja",
|
|
9577
|
-
"fontDisplayLLineHeight": "--font-display-l-line-height-
|
|
9578
|
-
"fontDisplayLSize": "--font-display-l-size-
|
|
9607
|
+
"fontDisplayLLineHeight": "--font-display-l-line-height-t013st",
|
|
9608
|
+
"fontDisplayLSize": "--font-display-l-size-mxgvv1",
|
|
9579
9609
|
"fontDisplayLabelWeight": "--font-display-label-weight-io22e5",
|
|
9580
9610
|
"fontExpandableHeadingSize": "--font-expandable-heading-size-mkp9vq",
|
|
9581
9611
|
"fontFamilyBase": "--font-family-base-wn913o",
|
|
@@ -9583,39 +9613,39 @@ export var preset = {
|
|
|
9583
9613
|
"fontHeaderH2DescriptionLineHeight": "--font-header-h2-description-line-height-9j5c3z",
|
|
9584
9614
|
"fontHeaderH2DescriptionSize": "--font-header-h2-description-size-nsq214",
|
|
9585
9615
|
"fontHeadingLLetterSpacing": "--font-heading-l-letter-spacing-usq225",
|
|
9586
|
-
"fontHeadingLLineHeight": "--font-heading-l-line-height-
|
|
9587
|
-
"fontHeadingLSize": "--font-heading-l-size-
|
|
9588
|
-
"fontHeadingLWeight": "--font-heading-l-weight-
|
|
9616
|
+
"fontHeadingLLineHeight": "--font-heading-l-line-height-ig1b8t",
|
|
9617
|
+
"fontHeadingLSize": "--font-heading-l-size-5kjk8n",
|
|
9618
|
+
"fontHeadingLWeight": "--font-heading-l-weight-klyszd",
|
|
9589
9619
|
"fontHeadingMLetterSpacing": "--font-heading-m-letter-spacing-rsatez",
|
|
9590
|
-
"fontHeadingMLineHeight": "--font-heading-m-line-height-
|
|
9591
|
-
"fontHeadingMSize": "--font-heading-m-size-
|
|
9592
|
-
"fontHeadingMWeight": "--font-heading-m-weight-
|
|
9620
|
+
"fontHeadingMLineHeight": "--font-heading-m-line-height-ust616",
|
|
9621
|
+
"fontHeadingMSize": "--font-heading-m-size-9serd6",
|
|
9622
|
+
"fontHeadingMWeight": "--font-heading-m-weight-wrlbs5",
|
|
9593
9623
|
"fontHeadingSLetterSpacing": "--font-heading-s-letter-spacing-j4vcrt",
|
|
9594
9624
|
"fontHeadingSLineHeight": "--font-heading-s-line-height-uruujc",
|
|
9595
9625
|
"fontHeadingSSize": "--font-heading-s-size-ep2ts9",
|
|
9596
|
-
"fontHeadingSWeight": "--font-heading-s-weight-
|
|
9626
|
+
"fontHeadingSWeight": "--font-heading-s-weight-fzc30w",
|
|
9597
9627
|
"fontHeadingXlLetterSpacing": "--font-heading-xl-letter-spacing-zxoemo",
|
|
9598
|
-
"fontHeadingXlLineHeight": "--font-heading-xl-line-height-
|
|
9599
|
-
"fontHeadingXlSize": "--font-heading-xl-size-
|
|
9600
|
-
"fontHeadingXlWeight": "--font-heading-xl-weight-
|
|
9628
|
+
"fontHeadingXlLineHeight": "--font-heading-xl-line-height-r72brj",
|
|
9629
|
+
"fontHeadingXlSize": "--font-heading-xl-size-z2wrdj",
|
|
9630
|
+
"fontHeadingXlWeight": "--font-heading-xl-weight-icfx0r",
|
|
9601
9631
|
"fontHeadingXsLineHeight": "--font-heading-xs-line-height-yt5y4b",
|
|
9602
9632
|
"fontHeadingXsSize": "--font-heading-xs-size-2ai9la",
|
|
9603
|
-
"fontHeadingXsWeight": "--font-heading-xs-weight-
|
|
9604
|
-
"fontBoxValueLargeWeight": "--font-box-value-large-weight-
|
|
9633
|
+
"fontHeadingXsWeight": "--font-heading-xs-weight-xog3y8",
|
|
9634
|
+
"fontBoxValueLargeWeight": "--font-box-value-large-weight-rm36ji",
|
|
9605
9635
|
"fontLinkButtonLetterSpacing": "--font-link-button-letter-spacing-2e8gx8",
|
|
9606
|
-
"fontLinkButtonWeight": "--font-link-button-weight-
|
|
9636
|
+
"fontLinkButtonWeight": "--font-link-button-weight-xa7tgb",
|
|
9607
9637
|
"fontLinkPrimaryDecoration": "--font-link-primary-decoration-gru46w",
|
|
9608
9638
|
"fontLinkPrimaryLetterSpacing": "--font-link-primary-letter-spacing-zpfgrc",
|
|
9609
9639
|
"fontLinkPrimaryWeight": "--font-link-primary-weight-tj5hoh",
|
|
9610
|
-
"fontPanelHeaderLineHeight": "--font-panel-header-line-height-
|
|
9611
|
-
"fontPanelHeaderSize": "--font-panel-header-size-
|
|
9640
|
+
"fontPanelHeaderLineHeight": "--font-panel-header-line-height-pqpwyv",
|
|
9641
|
+
"fontPanelHeaderSize": "--font-panel-header-size-ey4ywd",
|
|
9612
9642
|
"fontSmoothingWebkit": "--font-smoothing-webkit-fyh4as",
|
|
9613
9643
|
"fontSmoothingMozOsx": "--font-smoothing-moz-osx-pa2uqe",
|
|
9614
|
-
"fontTabsDisabledWeight": "--font-tabs-disabled-weight-
|
|
9644
|
+
"fontTabsDisabledWeight": "--font-tabs-disabled-weight-8w3z0i",
|
|
9615
9645
|
"fontTabsLineHeight": "--font-tabs-line-height-hrscyg",
|
|
9616
9646
|
"fontTabsSize": "--font-tabs-size-rcrn41",
|
|
9617
|
-
"fontWayfindingLinkActiveWeight": "--font-wayfinding-link-active-weight-
|
|
9618
|
-
"fontWeightHeavy": "--font-weight-heavy-
|
|
9647
|
+
"fontWayfindingLinkActiveWeight": "--font-wayfinding-link-active-weight-frdnvo",
|
|
9648
|
+
"fontWeightHeavy": "--font-weight-heavy-gd0ixk",
|
|
9619
9649
|
"borderActiveWidth": "--border-active-width-il32zr",
|
|
9620
9650
|
"borderCodeEditorStatusDividerWidth": "--border-code-editor-status-divider-width-ku6xb1",
|
|
9621
9651
|
"borderContainerStickyWidth": "--border-container-sticky-width-3mz641",
|
|
@@ -9706,18 +9736,21 @@ export var preset = {
|
|
|
9706
9736
|
"spaceAlertMessageRight": "--space-alert-message-right-221e5g",
|
|
9707
9737
|
"spaceAlertVertical": "--space-alert-vertical-83u3il",
|
|
9708
9738
|
"spaceButtonFocusOutlineGutter": "--space-button-focus-outline-gutter-txnpcq",
|
|
9739
|
+
"spaceButtonHorizontal": "--space-button-horizontal-qj3pgb",
|
|
9709
9740
|
"spaceButtonIconFocusOutlineGutterVertical": "--space-button-icon-focus-outline-gutter-vertical-omhhky",
|
|
9710
9741
|
"spaceButtonIconOnlyHorizontal": "--space-button-icon-only-horizontal-k5a18g",
|
|
9711
9742
|
"spaceButtonInlineIconFocusOutlineGutter": "--space-button-inline-icon-focus-outline-gutter-0bswpj",
|
|
9712
|
-
"spaceButtonModalDismissVertical": "--space-button-modal-dismiss-vertical-
|
|
9743
|
+
"spaceButtonModalDismissVertical": "--space-button-modal-dismiss-vertical-nbiqb6",
|
|
9713
9744
|
"spaceCalendarGridFocusOutlineGutter": "--space-calendar-grid-focus-outline-gutter-reev1c",
|
|
9714
9745
|
"spaceCalendarGridSelectedFocusOutlineGutter": "--space-calendar-grid-selected-focus-outline-gutter-u5weg4",
|
|
9715
9746
|
"spaceCardHorizontal": "--space-card-horizontal-5nogdm",
|
|
9747
|
+
"spaceCardVertical": "--space-card-vertical-c5n43f",
|
|
9716
9748
|
"spaceCodeEditorStatusFocusOutlineGutter": "--space-code-editor-status-focus-outline-gutter-m3gwa3",
|
|
9717
|
-
"spaceContainerContentTop": "--space-container-content-top-
|
|
9718
|
-
"
|
|
9749
|
+
"spaceContainerContentTop": "--space-container-content-top-ezlmse",
|
|
9750
|
+
"spaceContainerHeaderTop": "--space-container-header-top-a9tz2a",
|
|
9751
|
+
"spaceContainerHeaderBottom": "--space-container-header-bottom-f79ib3",
|
|
9719
9752
|
"spaceContainerHorizontal": "--space-container-horizontal-jxdgil",
|
|
9720
|
-
"spaceContentHeaderPaddingBottom": "--space-content-header-padding-bottom-
|
|
9753
|
+
"spaceContentHeaderPaddingBottom": "--space-content-header-padding-bottom-3kdnde",
|
|
9721
9754
|
"spaceDarkHeaderOverlapDistance": "--space-dark-header-overlap-distance-l9lxfl",
|
|
9722
9755
|
"spaceExpandableSectionIconOffsetTop": "--space-expandable-section-icon-offset-top-qfofw6",
|
|
9723
9756
|
"spaceFieldHorizontal": "--space-field-horizontal-8qo3uw",
|
|
@@ -9740,16 +9773,16 @@ export var preset = {
|
|
|
9740
9773
|
"spacePanelSideRight": "--space-panel-side-right-zzgkuy",
|
|
9741
9774
|
"spacePanelSplitTop": "--space-panel-split-top-yyup9h",
|
|
9742
9775
|
"spaceSegmentedControlFocusOutlineGutter": "--space-segmented-control-focus-outline-gutter-5rc7c3",
|
|
9743
|
-
"spaceTableHeaderFocusOutlineGutter": "--space-table-header-focus-outline-gutter-vket9r",
|
|
9744
9776
|
"spaceTabsContentTop": "--space-tabs-content-top-ql9865",
|
|
9745
|
-
"
|
|
9746
|
-
"spaceTableHeaderHorizontal": "--space-table-header-horizontal-gb3iyt",
|
|
9777
|
+
"spaceTabsFocusOutlineGutter": "--space-tabs-focus-outline-gutter-tauev7",
|
|
9747
9778
|
"spaceTableContentBottom": "--space-table-content-bottom-xssi3v",
|
|
9748
|
-
"spaceTableContentTop": "--space-table-content-top-7kuusn",
|
|
9749
|
-
"spaceTableEmbeddedContentBottom": "--space-table-embedded-content-bottom-6xvajo",
|
|
9750
9779
|
"spaceTableEmbeddedHeaderTop": "--space-table-embedded-header-top-mtzve4",
|
|
9751
9780
|
"spaceTableFooterHorizontal": "--space-table-footer-horizontal-u2o8yq",
|
|
9752
|
-
"
|
|
9781
|
+
"spaceTableHeaderFocusOutlineGutter": "--space-table-header-focus-outline-gutter-vket9r",
|
|
9782
|
+
"spaceTableHeaderHorizontal": "--space-table-header-horizontal-gb3iyt",
|
|
9783
|
+
"spaceTableHeaderToolsBottom": "--space-table-header-tools-bottom-u3xvv0",
|
|
9784
|
+
"spaceTableHeaderToolsFullPageBottom": "--space-table-header-tools-full-page-bottom-4uhg4l",
|
|
9785
|
+
"spaceTableHorizontal": "--space-table-horizontal-8ca8r3",
|
|
9753
9786
|
"spaceScaled2xNone": "--space-scaled-2x-none-p5mfw4",
|
|
9754
9787
|
"spaceScaled2xXxxs": "--space-scaled-2x-xxxs-w836iq",
|
|
9755
9788
|
"spaceScaled2xXxs": "--space-scaled-2x-xxs-0k2v6n",
|
package/internal/manifest.json
CHANGED
package/link/internal.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"internal.d.ts","sourceRoot":"lib/default/","sources":["link/internal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA6B,MAAM,OAAO,CAAC;AAQlD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAsBlF,QAAA,MAAM,YAAY;cAHJ,SAAS,CAAC,SAAS,CAAC,GAAG,gBAAgB,GAAG,MAAM,GAAG,UAAU;
|
|
1
|
+
{"version":3,"file":"internal.d.ts","sourceRoot":"lib/default/","sources":["link/internal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA6B,MAAM,OAAO,CAAC;AAQlD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAsBlF,QAAA,MAAM,YAAY;cAHJ,SAAS,CAAC,SAAS,CAAC,GAAG,gBAAgB,GAAG,MAAM,GAAG,UAAU;uCA0K1E,CAAC;AAqBF,eAAe,YAAY,CAAC"}
|
package/link/internal.js
CHANGED
|
@@ -14,7 +14,7 @@ import { useVisualRefresh } from '../internal/hooks/use-visual-mode';
|
|
|
14
14
|
import { checkSafeUrl } from '../internal/utils/check-safe-url';
|
|
15
15
|
import { useInternalI18n } from '../internal/i18n/context';
|
|
16
16
|
import { InfoLinkLabelContext } from '../internal/context/info-link-label-context';
|
|
17
|
-
import { useFunnel, useFunnelSubStep } from '../internal/analytics/hooks/use-funnel';
|
|
17
|
+
import { useFunnel, useFunnelStep, useFunnelSubStep } from '../internal/analytics/hooks/use-funnel';
|
|
18
18
|
import { FunnelMetrics } from '../internal/analytics';
|
|
19
19
|
import { useUniqueId } from '../internal/hooks/use-unique-id';
|
|
20
20
|
import { DATA_ATTR_FUNNEL_VALUE, getFunnelValueSelector, getNameFromSelector, getSubStepAllSelector, } from '../internal/analytics/selectors';
|
|
@@ -33,7 +33,8 @@ const InternalLink = React.forwardRef((_a, ref) => {
|
|
|
33
33
|
const infoId = useUniqueId('link-info');
|
|
34
34
|
const infoLinkLabelFromContext = useContext(InfoLinkLabelContext);
|
|
35
35
|
const { funnelInteractionId } = useFunnel();
|
|
36
|
-
const { stepNumber, stepNameSelector
|
|
36
|
+
const { stepNumber, stepNameSelector } = useFunnelStep();
|
|
37
|
+
const { subStepSelector, subStepNameSelector } = useFunnelSubStep();
|
|
37
38
|
const fireFunnelEvent = (funnelInteractionId) => {
|
|
38
39
|
if (variant === 'info') {
|
|
39
40
|
const stepName = getNameFromSelector(stepNameSelector);
|
package/link/internal.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"internal.js","sourceRoot":"lib/default/","sources":["link/internal.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useContext, useRef } from 'react';\nimport clsx from 'clsx';\nimport InternalIcon from '../icon/internal';\nimport styles from './styles.css.js';\nimport { getBaseProps } from '../internal/base-component';\nimport { fireCancelableEvent, isPlainLeftClick } from '../internal/events';\nimport useForwardFocus from '../internal/hooks/forward-focus';\nimport { KeyCode } from '../internal/keycode';\nimport { LinkProps } from './interfaces';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { useMergeRefs } from '../internal/hooks/use-merge-refs';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nimport { checkSafeUrl } from '../internal/utils/check-safe-url';\nimport { useInternalI18n } from '../internal/i18n/context';\nimport { InfoLinkLabelContext } from '../internal/context/info-link-label-context';\nimport { useFunnel, useFunnelSubStep } from '../internal/analytics/hooks/use-funnel';\n\nimport { FunnelMetrics } from '../internal/analytics';\nimport { useUniqueId } from '../internal/hooks/use-unique-id';\nimport {\n DATA_ATTR_FUNNEL_VALUE,\n getFunnelValueSelector,\n getNameFromSelector,\n getSubStepAllSelector,\n} from '../internal/analytics/selectors';\n\ntype InternalLinkProps = InternalBaseComponentProps &\n Omit<LinkProps, 'variant'> & {\n variant?: LinkProps['variant'] | 'top-navigation' | 'link' | 'recovery';\n };\n\nconst InternalLink = React.forwardRef(\n (\n {\n variant = 'secondary',\n fontSize = 'body-m',\n color = 'normal',\n external = false,\n target,\n href,\n rel,\n ariaLabel,\n externalIconAriaLabel,\n onFollow,\n children,\n __internalRootRef = null,\n ...props\n }: InternalLinkProps,\n ref: React.Ref<LinkProps.Ref>\n ) => {\n checkSafeUrl('Link', href);\n const isButton = !href;\n const specialStyles = ['top-navigation', 'link', 'recovery'];\n const hasSpecialStyle = specialStyles.indexOf(variant) > -1;\n\n const i18n = useInternalI18n('link');\n const baseProps = getBaseProps(props);\n const anchorTarget = target ?? (external ? '_blank' : undefined);\n const anchorRel = rel ?? (anchorTarget === '_blank' ? 'noopener noreferrer' : undefined);\n const uniqueId = useUniqueId('link');\n const linkId = useUniqueId('link-self');\n const infoId = useUniqueId('link-info');\n\n const infoLinkLabelFromContext = useContext(InfoLinkLabelContext);\n\n const { funnelInteractionId } = useFunnel();\n const { stepNumber, stepNameSelector, subStepSelector, subStepNameSelector } = useFunnelSubStep();\n\n const fireFunnelEvent = (funnelInteractionId: string) => {\n if (variant === 'info') {\n const stepName = getNameFromSelector(stepNameSelector);\n const subStepName = getNameFromSelector(subStepNameSelector);\n\n FunnelMetrics.helpPanelInteracted({\n funnelInteractionId,\n stepNumber,\n stepName,\n stepNameSelector,\n subStepSelector,\n subStepName,\n subStepNameSelector,\n elementSelector: getFunnelValueSelector(uniqueId),\n subStepAllSelector: getSubStepAllSelector(),\n });\n } else if (external) {\n const stepName = getNameFromSelector(stepNameSelector);\n const subStepName = getNameFromSelector(subStepNameSelector);\n\n FunnelMetrics.externalLinkInteracted({\n funnelInteractionId,\n stepNumber,\n stepName,\n stepNameSelector,\n subStepSelector,\n subStepName,\n subStepNameSelector,\n elementSelector: getFunnelValueSelector(uniqueId),\n subStepAllSelector: getSubStepAllSelector(),\n });\n }\n };\n\n const fireFollowEvent = (event: React.SyntheticEvent) => {\n if (funnelInteractionId) {\n fireFunnelEvent(funnelInteractionId);\n }\n\n fireCancelableEvent(onFollow, { href, external, target: anchorTarget }, event);\n };\n\n const handleLinkClick = (event: React.MouseEvent) => {\n if (isPlainLeftClick(event)) {\n fireFollowEvent(event);\n }\n };\n\n const handleButtonClick = (event: React.MouseEvent) => {\n fireFollowEvent(event);\n };\n\n const handleButtonKeyDown = (event: React.KeyboardEvent) => {\n if (event.keyCode === KeyCode.space || event.keyCode === KeyCode.enter) {\n event.preventDefault();\n fireFollowEvent(event);\n }\n };\n\n const linkRef = useRef<HTMLElement>(null);\n const isVisualRefresh = useVisualRefresh();\n useForwardFocus(ref, linkRef);\n\n // Visual refresh should only add styles to buttons that don't already have unique styles (e.g. primary/secondary variants)\n const applyButtonStyles = isButton && isVisualRefresh && !hasSpecialStyle;\n\n const sharedProps = {\n id: linkId,\n ...baseProps,\n // https://github.com/microsoft/TypeScript/issues/36659\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n ref: useMergeRefs(linkRef as any, __internalRootRef),\n className: clsx(\n styles.link,\n baseProps.className,\n applyButtonStyles ? styles.button : null,\n styles[getVariantStyle(variant)],\n styles[getFontSizeStyle(variant, fontSize)],\n styles[getColorStyle(variant, color)]\n ),\n 'aria-label': ariaLabel,\n 'aria-labelledby': '',\n [DATA_ATTR_FUNNEL_VALUE]: uniqueId,\n };\n\n if (variant === 'info' && infoLinkLabelFromContext && !ariaLabel) {\n sharedProps['aria-labelledby'] = `${sharedProps.id} ${infoId} ${infoLinkLabelFromContext}`;\n }\n\n const renderedExternalIconAriaLabel = i18n('externalIconAriaLabel', externalIconAriaLabel);\n const content = (\n <>\n {children}\n {external && (\n <span className={styles['icon-wrapper']}>\n \n <span\n className={styles.icon}\n aria-label={renderedExternalIconAriaLabel}\n role={renderedExternalIconAriaLabel ? 'img' : undefined}\n >\n <InternalIcon name=\"external\" size=\"inherit\" />\n </span>\n </span>\n )}\n {variant === 'info' && (\n <span hidden={true} id={infoId}>\n :\n </span>\n )}\n </>\n );\n\n if (isButton) {\n return (\n <a {...sharedProps} role=\"button\" tabIndex={0} onKeyDown={handleButtonKeyDown} onClick={handleButtonClick}>\n {content}\n </a>\n );\n }\n\n return (\n // we dynamically set proper rel in the code above\n // eslint-disable-next-line react/jsx-no-target-blank\n <a {...sharedProps} target={anchorTarget} rel={anchorRel} href={href} onClick={handleLinkClick}>\n {content}\n </a>\n );\n }\n);\n\nfunction getVariantStyle(variant: Exclude<InternalLinkProps['variant'], undefined>) {\n return `variant-${variant.replace(/^awsui-/, '')}`;\n}\n\nfunction getFontSizeStyle(variant: InternalLinkProps['variant'], fontSize: InternalLinkProps['fontSize']) {\n switch (variant) {\n case 'info':\n return 'font-size-body-s';\n case 'awsui-value-large':\n return 'font-size-display-l';\n default:\n return `font-size-${fontSize}`;\n }\n}\n\nfunction getColorStyle(variant: InternalLinkProps['variant'], color: InternalLinkProps['color']) {\n return `color-${variant === 'info' ? 'normal' : color}`;\n}\n\nexport default InternalLink;\n"]}
|
|
1
|
+
{"version":3,"file":"internal.js","sourceRoot":"lib/default/","sources":["link/internal.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useContext, useRef } from 'react';\nimport clsx from 'clsx';\nimport InternalIcon from '../icon/internal';\nimport styles from './styles.css.js';\nimport { getBaseProps } from '../internal/base-component';\nimport { fireCancelableEvent, isPlainLeftClick } from '../internal/events';\nimport useForwardFocus from '../internal/hooks/forward-focus';\nimport { KeyCode } from '../internal/keycode';\nimport { LinkProps } from './interfaces';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { useMergeRefs } from '../internal/hooks/use-merge-refs';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nimport { checkSafeUrl } from '../internal/utils/check-safe-url';\nimport { useInternalI18n } from '../internal/i18n/context';\nimport { InfoLinkLabelContext } from '../internal/context/info-link-label-context';\nimport { useFunnel, useFunnelStep, useFunnelSubStep } from '../internal/analytics/hooks/use-funnel';\n\nimport { FunnelMetrics } from '../internal/analytics';\nimport { useUniqueId } from '../internal/hooks/use-unique-id';\nimport {\n DATA_ATTR_FUNNEL_VALUE,\n getFunnelValueSelector,\n getNameFromSelector,\n getSubStepAllSelector,\n} from '../internal/analytics/selectors';\n\ntype InternalLinkProps = InternalBaseComponentProps &\n Omit<LinkProps, 'variant'> & {\n variant?: LinkProps['variant'] | 'top-navigation' | 'link' | 'recovery';\n };\n\nconst InternalLink = React.forwardRef(\n (\n {\n variant = 'secondary',\n fontSize = 'body-m',\n color = 'normal',\n external = false,\n target,\n href,\n rel,\n ariaLabel,\n externalIconAriaLabel,\n onFollow,\n children,\n __internalRootRef = null,\n ...props\n }: InternalLinkProps,\n ref: React.Ref<LinkProps.Ref>\n ) => {\n checkSafeUrl('Link', href);\n const isButton = !href;\n const specialStyles = ['top-navigation', 'link', 'recovery'];\n const hasSpecialStyle = specialStyles.indexOf(variant) > -1;\n\n const i18n = useInternalI18n('link');\n const baseProps = getBaseProps(props);\n const anchorTarget = target ?? (external ? '_blank' : undefined);\n const anchorRel = rel ?? (anchorTarget === '_blank' ? 'noopener noreferrer' : undefined);\n const uniqueId = useUniqueId('link');\n const linkId = useUniqueId('link-self');\n const infoId = useUniqueId('link-info');\n\n const infoLinkLabelFromContext = useContext(InfoLinkLabelContext);\n\n const { funnelInteractionId } = useFunnel();\n const { stepNumber, stepNameSelector } = useFunnelStep();\n const { subStepSelector, subStepNameSelector } = useFunnelSubStep();\n\n const fireFunnelEvent = (funnelInteractionId: string) => {\n if (variant === 'info') {\n const stepName = getNameFromSelector(stepNameSelector);\n const subStepName = getNameFromSelector(subStepNameSelector);\n\n FunnelMetrics.helpPanelInteracted({\n funnelInteractionId,\n stepNumber,\n stepName,\n stepNameSelector,\n subStepSelector,\n subStepName,\n subStepNameSelector,\n elementSelector: getFunnelValueSelector(uniqueId),\n subStepAllSelector: getSubStepAllSelector(),\n });\n } else if (external) {\n const stepName = getNameFromSelector(stepNameSelector);\n const subStepName = getNameFromSelector(subStepNameSelector);\n\n FunnelMetrics.externalLinkInteracted({\n funnelInteractionId,\n stepNumber,\n stepName,\n stepNameSelector,\n subStepSelector,\n subStepName,\n subStepNameSelector,\n elementSelector: getFunnelValueSelector(uniqueId),\n subStepAllSelector: getSubStepAllSelector(),\n });\n }\n };\n\n const fireFollowEvent = (event: React.SyntheticEvent) => {\n if (funnelInteractionId) {\n fireFunnelEvent(funnelInteractionId);\n }\n\n fireCancelableEvent(onFollow, { href, external, target: anchorTarget }, event);\n };\n\n const handleLinkClick = (event: React.MouseEvent) => {\n if (isPlainLeftClick(event)) {\n fireFollowEvent(event);\n }\n };\n\n const handleButtonClick = (event: React.MouseEvent) => {\n fireFollowEvent(event);\n };\n\n const handleButtonKeyDown = (event: React.KeyboardEvent) => {\n if (event.keyCode === KeyCode.space || event.keyCode === KeyCode.enter) {\n event.preventDefault();\n fireFollowEvent(event);\n }\n };\n\n const linkRef = useRef<HTMLElement>(null);\n const isVisualRefresh = useVisualRefresh();\n useForwardFocus(ref, linkRef);\n\n // Visual refresh should only add styles to buttons that don't already have unique styles (e.g. primary/secondary variants)\n const applyButtonStyles = isButton && isVisualRefresh && !hasSpecialStyle;\n\n const sharedProps = {\n id: linkId,\n ...baseProps,\n // https://github.com/microsoft/TypeScript/issues/36659\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n ref: useMergeRefs(linkRef as any, __internalRootRef),\n className: clsx(\n styles.link,\n baseProps.className,\n applyButtonStyles ? styles.button : null,\n styles[getVariantStyle(variant)],\n styles[getFontSizeStyle(variant, fontSize)],\n styles[getColorStyle(variant, color)]\n ),\n 'aria-label': ariaLabel,\n 'aria-labelledby': '',\n [DATA_ATTR_FUNNEL_VALUE]: uniqueId,\n };\n\n if (variant === 'info' && infoLinkLabelFromContext && !ariaLabel) {\n sharedProps['aria-labelledby'] = `${sharedProps.id} ${infoId} ${infoLinkLabelFromContext}`;\n }\n\n const renderedExternalIconAriaLabel = i18n('externalIconAriaLabel', externalIconAriaLabel);\n const content = (\n <>\n {children}\n {external && (\n <span className={styles['icon-wrapper']}>\n \n <span\n className={styles.icon}\n aria-label={renderedExternalIconAriaLabel}\n role={renderedExternalIconAriaLabel ? 'img' : undefined}\n >\n <InternalIcon name=\"external\" size=\"inherit\" />\n </span>\n </span>\n )}\n {variant === 'info' && (\n <span hidden={true} id={infoId}>\n :\n </span>\n )}\n </>\n );\n\n if (isButton) {\n return (\n <a {...sharedProps} role=\"button\" tabIndex={0} onKeyDown={handleButtonKeyDown} onClick={handleButtonClick}>\n {content}\n </a>\n );\n }\n\n return (\n // we dynamically set proper rel in the code above\n // eslint-disable-next-line react/jsx-no-target-blank\n <a {...sharedProps} target={anchorTarget} rel={anchorRel} href={href} onClick={handleLinkClick}>\n {content}\n </a>\n );\n }\n);\n\nfunction getVariantStyle(variant: Exclude<InternalLinkProps['variant'], undefined>) {\n return `variant-${variant.replace(/^awsui-/, '')}`;\n}\n\nfunction getFontSizeStyle(variant: InternalLinkProps['variant'], fontSize: InternalLinkProps['fontSize']) {\n switch (variant) {\n case 'info':\n return 'font-size-body-s';\n case 'awsui-value-large':\n return 'font-size-display-l';\n default:\n return `font-size-${fontSize}`;\n }\n}\n\nfunction getColorStyle(variant: InternalLinkProps['variant'], color: InternalLinkProps['color']) {\n return `color-${variant === 'info' ? 'normal' : color}`;\n}\n\nexport default InternalLink;\n"]}
|