@cloudscape-design/components 3.0.251 → 3.0.252

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.
@@ -235,7 +235,7 @@
235
235
  --color-border-control-checked-4xvndc:#0972d3;
236
236
  --color-border-control-default-m3lmsh:#7d8998;
237
237
  --color-border-control-disabled-vx8bco:#d1d5db;
238
- --color-border-divider-active-nnnfx9:#7d8998;
238
+ --color-border-divider-active-t11l9l:#000716;
239
239
  --color-border-divider-default-7s2wjw:#e9ebed;
240
240
  --color-border-divider-panel-bottom-zrjpck:#e9ebed;
241
241
  --color-border-divider-panel-side-yjkfcr:#e9ebed;
@@ -260,7 +260,7 @@
260
260
  --color-border-status-info-546i7i:#0972d3;
261
261
  --color-border-status-success-cqi45f:#037f0c;
262
262
  --color-border-status-warning-hg85ut:#7d8998;
263
- --color-border-divider-interactive-default-rcasvw:#e9ebed;
263
+ --color-border-divider-interactive-default-0hdcst:#414d5c;
264
264
  --color-border-tabs-divider-69fx5i:#e9ebed;
265
265
  --color-border-tabs-shadow-4lmh2z:rgba(0, 7, 22, 0.12);
266
266
  --color-border-tabs-underline-9bcfzu:#0972d3;
@@ -811,6 +811,7 @@
811
811
  --color-border-code-editor-pane-item-hover-xephrt:#5f6b7a;
812
812
  --color-border-control-checked-4xvndc:#539fe5;
813
813
  --color-border-control-disabled-vx8bco:#354150;
814
+ --color-border-divider-active-t11l9l:#fbfbfb;
814
815
  --color-border-divider-default-7s2wjw:#414d5c;
815
816
  --color-border-divider-panel-bottom-zrjpck:rgba(0, 7, 22, 1);
816
817
  --color-border-divider-panel-side-yjkfcr:#414d5c;
@@ -833,7 +834,7 @@
833
834
  --color-border-status-info-546i7i:#539fe5;
834
835
  --color-border-status-success-cqi45f:#29ad32;
835
836
  --color-border-status-warning-hg85ut:#8d99a8;
836
- --color-border-divider-interactive-default-rcasvw:#414d5c;
837
+ --color-border-divider-interactive-default-0hdcst:#d1d5db;
837
838
  --color-border-tabs-divider-69fx5i:#414d5c;
838
839
  --color-border-tabs-shadow-4lmh2z:rgba(0, 7, 22, 1);
839
840
  --color-border-tabs-underline-9bcfzu:#539fe5;
@@ -1081,6 +1082,7 @@
1081
1082
  --color-border-code-editor-pane-item-hover-xephrt:#5f6b7a;
1082
1083
  --color-border-control-checked-4xvndc:#539fe5;
1083
1084
  --color-border-control-disabled-vx8bco:#354150;
1085
+ --color-border-divider-active-t11l9l:#fbfbfb;
1084
1086
  --color-border-divider-default-7s2wjw:#414d5c;
1085
1087
  --color-border-divider-panel-bottom-zrjpck:rgba(0, 7, 22, 1);
1086
1088
  --color-border-divider-panel-side-yjkfcr:#414d5c;
@@ -1103,7 +1105,7 @@
1103
1105
  --color-border-status-info-546i7i:#539fe5;
1104
1106
  --color-border-status-success-cqi45f:#29ad32;
1105
1107
  --color-border-status-warning-hg85ut:#8d99a8;
1106
- --color-border-divider-interactive-default-rcasvw:#414d5c;
1108
+ --color-border-divider-interactive-default-0hdcst:#d1d5db;
1107
1109
  --color-border-tabs-divider-69fx5i:#414d5c;
1108
1110
  --color-border-tabs-shadow-4lmh2z:rgba(0, 7, 22, 1);
1109
1111
  --color-border-tabs-underline-9bcfzu:#539fe5;
@@ -1264,6 +1266,7 @@
1264
1266
  --color-border-code-editor-pane-item-hover-xephrt:#5f6b7a;
1265
1267
  --color-border-control-checked-4xvndc:#539fe5;
1266
1268
  --color-border-control-disabled-vx8bco:#354150;
1269
+ --color-border-divider-active-t11l9l:#fbfbfb;
1267
1270
  --color-border-divider-default-7s2wjw:#414d5c;
1268
1271
  --color-border-divider-panel-bottom-zrjpck:rgba(0, 7, 22, 1);
1269
1272
  --color-border-divider-panel-side-yjkfcr:#414d5c;
@@ -1286,7 +1289,7 @@
1286
1289
  --color-border-status-info-546i7i:#539fe5;
1287
1290
  --color-border-status-success-cqi45f:#29ad32;
1288
1291
  --color-border-status-warning-hg85ut:#8d99a8;
1289
- --color-border-divider-interactive-default-rcasvw:#414d5c;
1292
+ --color-border-divider-interactive-default-0hdcst:#d1d5db;
1290
1293
  --color-border-tabs-divider-69fx5i:#414d5c;
1291
1294
  --color-border-tabs-shadow-4lmh2z:rgba(0, 7, 22, 1);
1292
1295
  --color-border-tabs-underline-9bcfzu:#539fe5;
@@ -1,6 +1,6 @@
1
1
 
2
2
  export var PACKAGE_SOURCE = 'components';
3
- export var PACKAGE_VERSION = '3.0.0 (192f9e6)';
3
+ export var PACKAGE_VERSION = '3.0.0 (b823b82)';
4
4
  export var THEME = 'open-source-visual-refresh';
5
5
  export var ALWAYS_VISUAL_REFRESH = true;
6
6
 
@@ -1060,8 +1060,8 @@ module.exports.preset = {
1060
1060
  "dark": "{colorBackgroundControlDisabled}"
1061
1061
  },
1062
1062
  "colorBorderDividerActive": {
1063
- "light": "{colorGrey500}",
1064
- "dark": "{colorGrey500}"
1063
+ "light": "{colorGrey900}",
1064
+ "dark": "{colorGrey100}"
1065
1065
  },
1066
1066
  "colorBorderDividerDefault": {
1067
1067
  "light": "{colorGrey200}",
@@ -1164,8 +1164,8 @@ module.exports.preset = {
1164
1164
  "dark": "{colorGrey450}"
1165
1165
  },
1166
1166
  "colorBorderDividerInteractiveDefault": {
1167
- "light": "{colorBorderDividerDefault}",
1168
- "dark": "{colorBorderDividerDefault}"
1167
+ "light": "{colorTextInteractiveDefault}",
1168
+ "dark": "{colorTextInteractiveDefault}"
1169
1169
  },
1170
1170
  "colorBorderTabsDivider": {
1171
1171
  "light": "{colorGrey200}",
@@ -2287,6 +2287,14 @@ module.exports.preset = {
2287
2287
  "shadowStickyEmbedded": {
2288
2288
  "light": "0px 2px 0px 0px #e9ebed, 0px 16px 16px -12px rgba(0, 7, 22, 0.10)",
2289
2289
  "dark": "0px 2px 0px 0px #414d5c, 0px 16px 16px -12px rgba(0, 7, 22, 1)"
2290
+ },
2291
+ "shadowStickyColumnFirst": {
2292
+ "light": "4px 0px 20px 1px rgba(0, 7, 22, 0.1)",
2293
+ "dark": "0px 4px 20px 1px rgba(0, 7, 22, 1)"
2294
+ },
2295
+ "shadowStickyColumnLast": {
2296
+ "light": "-4px 0 20px 1px rgba(0, 28, 36, 0.1)",
2297
+ "dark": "0px 4px 20px 1px rgba(0, 7, 22, 1)"
2290
2298
  }
2291
2299
  },
2292
2300
  "contexts": {
@@ -3013,8 +3021,8 @@ module.exports.preset = {
3013
3021
  "dark": "{colorBackgroundControlDisabled}"
3014
3022
  },
3015
3023
  "colorBorderDividerActive": {
3016
- "light": "{colorGrey500}",
3017
- "dark": "{colorGrey500}"
3024
+ "light": "{colorGrey100}",
3025
+ "dark": "{colorGrey100}"
3018
3026
  },
3019
3027
  "colorBorderDividerDefault": {
3020
3028
  "light": "{colorGrey600}",
@@ -3117,8 +3125,8 @@ module.exports.preset = {
3117
3125
  "dark": "{colorGrey450}"
3118
3126
  },
3119
3127
  "colorBorderDividerInteractiveDefault": {
3120
- "light": "{colorBorderDividerDefault}",
3121
- "dark": "{colorBorderDividerDefault}"
3128
+ "light": "{colorTextInteractiveDefault}",
3129
+ "dark": "{colorTextInteractiveDefault}"
3122
3130
  },
3123
3131
  "colorBorderTabsDivider": {
3124
3132
  "light": "{colorGrey600}",
@@ -3622,6 +3630,14 @@ module.exports.preset = {
3622
3630
  "light": "0px 2px 0px 0px #414d5c, 0px 16px 16px -12px rgba(0, 7, 22, 1)",
3623
3631
  "dark": "0px 2px 0px 0px #414d5c, 0px 16px 16px -12px rgba(0, 7, 22, 1)"
3624
3632
  },
3633
+ "shadowStickyColumnFirst": {
3634
+ "light": "0px 4px 20px 1px rgba(0, 7, 22, 1)",
3635
+ "dark": "0px 4px 20px 1px rgba(0, 7, 22, 1)"
3636
+ },
3637
+ "shadowStickyColumnLast": {
3638
+ "light": "0px 4px 20px 1px rgba(0, 7, 22, 1)",
3639
+ "dark": "0px 4px 20px 1px rgba(0, 7, 22, 1)"
3640
+ },
3625
3641
  "colorGreyOpaque25": {
3626
3642
  "light": "rgba(255, 255, 255, 0.25)",
3627
3643
  "dark": "rgba(255, 255, 255, 0.25)"
@@ -3983,8 +3999,8 @@ module.exports.preset = {
3983
3999
  "dark": "{colorBackgroundControlDisabled}"
3984
4000
  },
3985
4001
  "colorBorderDividerActive": {
3986
- "light": "{colorGrey500}",
3987
- "dark": "{colorGrey500}"
4002
+ "light": "{colorGrey100}",
4003
+ "dark": "{colorGrey100}"
3988
4004
  },
3989
4005
  "colorBorderDividerDefault": {
3990
4006
  "light": "{colorGrey600}",
@@ -4087,8 +4103,8 @@ module.exports.preset = {
4087
4103
  "dark": "{colorGrey450}"
4088
4104
  },
4089
4105
  "colorBorderDividerInteractiveDefault": {
4090
- "light": "{colorBorderDividerDefault}",
4091
- "dark": "{colorBorderDividerDefault}"
4106
+ "light": "{colorTextInteractiveDefault}",
4107
+ "dark": "{colorTextInteractiveDefault}"
4092
4108
  },
4093
4109
  "colorBorderTabsDivider": {
4094
4110
  "light": "{colorGrey600}",
@@ -4893,8 +4909,8 @@ module.exports.preset = {
4893
4909
  "dark": "{colorBackgroundControlDisabled}"
4894
4910
  },
4895
4911
  "colorBorderDividerActive": {
4896
- "light": "{colorGrey500}",
4897
- "dark": "{colorGrey500}"
4912
+ "light": "{colorGrey900}",
4913
+ "dark": "{colorGrey100}"
4898
4914
  },
4899
4915
  "colorBorderDividerDefault": {
4900
4916
  "light": "{colorGrey200}",
@@ -4997,8 +5013,8 @@ module.exports.preset = {
4997
5013
  "dark": "{colorGrey450}"
4998
5014
  },
4999
5015
  "colorBorderDividerInteractiveDefault": {
5000
- "light": "{colorBorderDividerDefault}",
5001
- "dark": "{colorBorderDividerDefault}"
5016
+ "light": "{colorTextInteractiveDefault}",
5017
+ "dark": "{colorTextInteractiveDefault}"
5002
5018
  },
5003
5019
  "colorBorderTabsDivider": {
5004
5020
  "light": "{colorGrey200}",
@@ -5803,8 +5819,8 @@ module.exports.preset = {
5803
5819
  "dark": "{colorBackgroundControlDisabled}"
5804
5820
  },
5805
5821
  "colorBorderDividerActive": {
5806
- "light": "{colorGrey500}",
5807
- "dark": "{colorGrey500}"
5822
+ "light": "{colorGrey900}",
5823
+ "dark": "{colorGrey100}"
5808
5824
  },
5809
5825
  "colorBorderDividerDefault": {
5810
5826
  "light": "{colorGrey200}",
@@ -5907,8 +5923,8 @@ module.exports.preset = {
5907
5923
  "dark": "{colorGrey450}"
5908
5924
  },
5909
5925
  "colorBorderDividerInteractiveDefault": {
5910
- "light": "{colorBorderDividerDefault}",
5911
- "dark": "{colorBorderDividerDefault}"
5926
+ "light": "{colorTextInteractiveDefault}",
5927
+ "dark": "{colorTextInteractiveDefault}"
5912
5928
  },
5913
5929
  "colorBorderTabsDivider": {
5914
5930
  "light": "{colorGrey200}",
@@ -6878,7 +6894,9 @@ module.exports.preset = {
6878
6894
  "shadowSplitBottom": "color",
6879
6895
  "shadowSplitSide": "color",
6880
6896
  "shadowSticky": "color",
6881
- "shadowStickyEmbedded": "color"
6897
+ "shadowStickyEmbedded": "color",
6898
+ "shadowStickyColumnFirst": "color",
6899
+ "shadowStickyColumnLast": "color"
6882
6900
  }
6883
6901
  },
6884
6902
  "secondary": [],
@@ -7996,7 +8014,9 @@ module.exports.preset = {
7996
8014
  "shadowSplitBottom": "shadow-split-bottom",
7997
8015
  "shadowSplitSide": "shadow-split-side",
7998
8016
  "shadowSticky": "shadow-sticky",
7999
- "shadowStickyEmbedded": "shadow-sticky-embedded"
8017
+ "shadowStickyEmbedded": "shadow-sticky-embedded",
8018
+ "shadowStickyColumnFirst": "shadow-sticky-column-first",
8019
+ "shadowStickyColumnLast": "shadow-sticky-column-last"
8000
8020
  },
8001
8021
  "propertiesMap": {
8002
8022
  "colorAmazonOrange": "--color-amazon-orange-ds51uu",
@@ -8288,7 +8308,7 @@ module.exports.preset = {
8288
8308
  "colorBorderControlChecked": "--color-border-control-checked-4xvndc",
8289
8309
  "colorBorderControlDefault": "--color-border-control-default-m3lmsh",
8290
8310
  "colorBorderControlDisabled": "--color-border-control-disabled-vx8bco",
8291
- "colorBorderDividerActive": "--color-border-divider-active-nnnfx9",
8311
+ "colorBorderDividerActive": "--color-border-divider-active-t11l9l",
8292
8312
  "colorBorderDividerDefault": "--color-border-divider-default-7s2wjw",
8293
8313
  "colorBorderDividerPanelBottom": "--color-border-divider-panel-bottom-zrjpck",
8294
8314
  "colorBorderDividerPanelSide": "--color-border-divider-panel-side-yjkfcr",
@@ -8314,7 +8334,7 @@ module.exports.preset = {
8314
8334
  "colorBorderStatusInfo": "--color-border-status-info-546i7i",
8315
8335
  "colorBorderStatusSuccess": "--color-border-status-success-cqi45f",
8316
8336
  "colorBorderStatusWarning": "--color-border-status-warning-hg85ut",
8317
- "colorBorderDividerInteractiveDefault": "--color-border-divider-interactive-default-rcasvw",
8337
+ "colorBorderDividerInteractiveDefault": "--color-border-divider-interactive-default-0hdcst",
8318
8338
  "colorBorderTabsDivider": "--color-border-tabs-divider-69fx5i",
8319
8339
  "colorBorderTabsShadow": "--color-border-tabs-shadow-4lmh2z",
8320
8340
  "colorBorderTabsUnderline": "--color-border-tabs-underline-9bcfzu",
@@ -8661,6 +8681,8 @@ module.exports.preset = {
8661
8681
  "shadowSplitBottom": "--shadow-split-bottom-otfetg",
8662
8682
  "shadowSplitSide": "--shadow-split-side-qv353u",
8663
8683
  "shadowSticky": "--shadow-sticky-aijlo6",
8664
- "shadowStickyEmbedded": "--shadow-sticky-embedded-qit8ba"
8684
+ "shadowStickyEmbedded": "--shadow-sticky-embedded-qit8ba",
8685
+ "shadowStickyColumnFirst": "--shadow-sticky-column-first-h2plme",
8686
+ "shadowStickyColumnLast": "--shadow-sticky-column-last-s13kkz"
8665
8687
  }
8666
8688
  };
@@ -1060,8 +1060,8 @@ export var preset = {
1060
1060
  "dark": "{colorBackgroundControlDisabled}"
1061
1061
  },
1062
1062
  "colorBorderDividerActive": {
1063
- "light": "{colorGrey500}",
1064
- "dark": "{colorGrey500}"
1063
+ "light": "{colorGrey900}",
1064
+ "dark": "{colorGrey100}"
1065
1065
  },
1066
1066
  "colorBorderDividerDefault": {
1067
1067
  "light": "{colorGrey200}",
@@ -1164,8 +1164,8 @@ export var preset = {
1164
1164
  "dark": "{colorGrey450}"
1165
1165
  },
1166
1166
  "colorBorderDividerInteractiveDefault": {
1167
- "light": "{colorBorderDividerDefault}",
1168
- "dark": "{colorBorderDividerDefault}"
1167
+ "light": "{colorTextInteractiveDefault}",
1168
+ "dark": "{colorTextInteractiveDefault}"
1169
1169
  },
1170
1170
  "colorBorderTabsDivider": {
1171
1171
  "light": "{colorGrey200}",
@@ -2287,6 +2287,14 @@ export var preset = {
2287
2287
  "shadowStickyEmbedded": {
2288
2288
  "light": "0px 2px 0px 0px #e9ebed, 0px 16px 16px -12px rgba(0, 7, 22, 0.10)",
2289
2289
  "dark": "0px 2px 0px 0px #414d5c, 0px 16px 16px -12px rgba(0, 7, 22, 1)"
2290
+ },
2291
+ "shadowStickyColumnFirst": {
2292
+ "light": "4px 0px 20px 1px rgba(0, 7, 22, 0.1)",
2293
+ "dark": "0px 4px 20px 1px rgba(0, 7, 22, 1)"
2294
+ },
2295
+ "shadowStickyColumnLast": {
2296
+ "light": "-4px 0 20px 1px rgba(0, 28, 36, 0.1)",
2297
+ "dark": "0px 4px 20px 1px rgba(0, 7, 22, 1)"
2290
2298
  }
2291
2299
  },
2292
2300
  "contexts": {
@@ -3013,8 +3021,8 @@ export var preset = {
3013
3021
  "dark": "{colorBackgroundControlDisabled}"
3014
3022
  },
3015
3023
  "colorBorderDividerActive": {
3016
- "light": "{colorGrey500}",
3017
- "dark": "{colorGrey500}"
3024
+ "light": "{colorGrey100}",
3025
+ "dark": "{colorGrey100}"
3018
3026
  },
3019
3027
  "colorBorderDividerDefault": {
3020
3028
  "light": "{colorGrey600}",
@@ -3117,8 +3125,8 @@ export var preset = {
3117
3125
  "dark": "{colorGrey450}"
3118
3126
  },
3119
3127
  "colorBorderDividerInteractiveDefault": {
3120
- "light": "{colorBorderDividerDefault}",
3121
- "dark": "{colorBorderDividerDefault}"
3128
+ "light": "{colorTextInteractiveDefault}",
3129
+ "dark": "{colorTextInteractiveDefault}"
3122
3130
  },
3123
3131
  "colorBorderTabsDivider": {
3124
3132
  "light": "{colorGrey600}",
@@ -3622,6 +3630,14 @@ export var preset = {
3622
3630
  "light": "0px 2px 0px 0px #414d5c, 0px 16px 16px -12px rgba(0, 7, 22, 1)",
3623
3631
  "dark": "0px 2px 0px 0px #414d5c, 0px 16px 16px -12px rgba(0, 7, 22, 1)"
3624
3632
  },
3633
+ "shadowStickyColumnFirst": {
3634
+ "light": "0px 4px 20px 1px rgba(0, 7, 22, 1)",
3635
+ "dark": "0px 4px 20px 1px rgba(0, 7, 22, 1)"
3636
+ },
3637
+ "shadowStickyColumnLast": {
3638
+ "light": "0px 4px 20px 1px rgba(0, 7, 22, 1)",
3639
+ "dark": "0px 4px 20px 1px rgba(0, 7, 22, 1)"
3640
+ },
3625
3641
  "colorGreyOpaque25": {
3626
3642
  "light": "rgba(255, 255, 255, 0.25)",
3627
3643
  "dark": "rgba(255, 255, 255, 0.25)"
@@ -3983,8 +3999,8 @@ export var preset = {
3983
3999
  "dark": "{colorBackgroundControlDisabled}"
3984
4000
  },
3985
4001
  "colorBorderDividerActive": {
3986
- "light": "{colorGrey500}",
3987
- "dark": "{colorGrey500}"
4002
+ "light": "{colorGrey100}",
4003
+ "dark": "{colorGrey100}"
3988
4004
  },
3989
4005
  "colorBorderDividerDefault": {
3990
4006
  "light": "{colorGrey600}",
@@ -4087,8 +4103,8 @@ export var preset = {
4087
4103
  "dark": "{colorGrey450}"
4088
4104
  },
4089
4105
  "colorBorderDividerInteractiveDefault": {
4090
- "light": "{colorBorderDividerDefault}",
4091
- "dark": "{colorBorderDividerDefault}"
4106
+ "light": "{colorTextInteractiveDefault}",
4107
+ "dark": "{colorTextInteractiveDefault}"
4092
4108
  },
4093
4109
  "colorBorderTabsDivider": {
4094
4110
  "light": "{colorGrey600}",
@@ -4893,8 +4909,8 @@ export var preset = {
4893
4909
  "dark": "{colorBackgroundControlDisabled}"
4894
4910
  },
4895
4911
  "colorBorderDividerActive": {
4896
- "light": "{colorGrey500}",
4897
- "dark": "{colorGrey500}"
4912
+ "light": "{colorGrey900}",
4913
+ "dark": "{colorGrey100}"
4898
4914
  },
4899
4915
  "colorBorderDividerDefault": {
4900
4916
  "light": "{colorGrey200}",
@@ -4997,8 +5013,8 @@ export var preset = {
4997
5013
  "dark": "{colorGrey450}"
4998
5014
  },
4999
5015
  "colorBorderDividerInteractiveDefault": {
5000
- "light": "{colorBorderDividerDefault}",
5001
- "dark": "{colorBorderDividerDefault}"
5016
+ "light": "{colorTextInteractiveDefault}",
5017
+ "dark": "{colorTextInteractiveDefault}"
5002
5018
  },
5003
5019
  "colorBorderTabsDivider": {
5004
5020
  "light": "{colorGrey200}",
@@ -5803,8 +5819,8 @@ export var preset = {
5803
5819
  "dark": "{colorBackgroundControlDisabled}"
5804
5820
  },
5805
5821
  "colorBorderDividerActive": {
5806
- "light": "{colorGrey500}",
5807
- "dark": "{colorGrey500}"
5822
+ "light": "{colorGrey900}",
5823
+ "dark": "{colorGrey100}"
5808
5824
  },
5809
5825
  "colorBorderDividerDefault": {
5810
5826
  "light": "{colorGrey200}",
@@ -5907,8 +5923,8 @@ export var preset = {
5907
5923
  "dark": "{colorGrey450}"
5908
5924
  },
5909
5925
  "colorBorderDividerInteractiveDefault": {
5910
- "light": "{colorBorderDividerDefault}",
5911
- "dark": "{colorBorderDividerDefault}"
5926
+ "light": "{colorTextInteractiveDefault}",
5927
+ "dark": "{colorTextInteractiveDefault}"
5912
5928
  },
5913
5929
  "colorBorderTabsDivider": {
5914
5930
  "light": "{colorGrey200}",
@@ -6878,7 +6894,9 @@ export var preset = {
6878
6894
  "shadowSplitBottom": "color",
6879
6895
  "shadowSplitSide": "color",
6880
6896
  "shadowSticky": "color",
6881
- "shadowStickyEmbedded": "color"
6897
+ "shadowStickyEmbedded": "color",
6898
+ "shadowStickyColumnFirst": "color",
6899
+ "shadowStickyColumnLast": "color"
6882
6900
  }
6883
6901
  },
6884
6902
  "secondary": [],
@@ -7996,7 +8014,9 @@ export var preset = {
7996
8014
  "shadowSplitBottom": "shadow-split-bottom",
7997
8015
  "shadowSplitSide": "shadow-split-side",
7998
8016
  "shadowSticky": "shadow-sticky",
7999
- "shadowStickyEmbedded": "shadow-sticky-embedded"
8017
+ "shadowStickyEmbedded": "shadow-sticky-embedded",
8018
+ "shadowStickyColumnFirst": "shadow-sticky-column-first",
8019
+ "shadowStickyColumnLast": "shadow-sticky-column-last"
8000
8020
  },
8001
8021
  "propertiesMap": {
8002
8022
  "colorAmazonOrange": "--color-amazon-orange-ds51uu",
@@ -8288,7 +8308,7 @@ export var preset = {
8288
8308
  "colorBorderControlChecked": "--color-border-control-checked-4xvndc",
8289
8309
  "colorBorderControlDefault": "--color-border-control-default-m3lmsh",
8290
8310
  "colorBorderControlDisabled": "--color-border-control-disabled-vx8bco",
8291
- "colorBorderDividerActive": "--color-border-divider-active-nnnfx9",
8311
+ "colorBorderDividerActive": "--color-border-divider-active-t11l9l",
8292
8312
  "colorBorderDividerDefault": "--color-border-divider-default-7s2wjw",
8293
8313
  "colorBorderDividerPanelBottom": "--color-border-divider-panel-bottom-zrjpck",
8294
8314
  "colorBorderDividerPanelSide": "--color-border-divider-panel-side-yjkfcr",
@@ -8314,7 +8334,7 @@ export var preset = {
8314
8334
  "colorBorderStatusInfo": "--color-border-status-info-546i7i",
8315
8335
  "colorBorderStatusSuccess": "--color-border-status-success-cqi45f",
8316
8336
  "colorBorderStatusWarning": "--color-border-status-warning-hg85ut",
8317
- "colorBorderDividerInteractiveDefault": "--color-border-divider-interactive-default-rcasvw",
8337
+ "colorBorderDividerInteractiveDefault": "--color-border-divider-interactive-default-0hdcst",
8318
8338
  "colorBorderTabsDivider": "--color-border-tabs-divider-69fx5i",
8319
8339
  "colorBorderTabsShadow": "--color-border-tabs-shadow-4lmh2z",
8320
8340
  "colorBorderTabsUnderline": "--color-border-tabs-underline-9bcfzu",
@@ -8661,6 +8681,8 @@ export var preset = {
8661
8681
  "shadowSplitBottom": "--shadow-split-bottom-otfetg",
8662
8682
  "shadowSplitSide": "--shadow-split-side-qv353u",
8663
8683
  "shadowSticky": "--shadow-sticky-aijlo6",
8664
- "shadowStickyEmbedded": "--shadow-sticky-embedded-qit8ba"
8684
+ "shadowStickyEmbedded": "--shadow-sticky-embedded-qit8ba",
8685
+ "shadowStickyColumnFirst": "--shadow-sticky-column-first-h2plme",
8686
+ "shadowStickyColumnLast": "--shadow-sticky-column-last-s13kkz"
8665
8687
  }
8666
8688
  };
@@ -1,3 +1,3 @@
1
1
  {
2
- "commit": "192f9e6a12828f9266fd2b80a86d911900b012bb"
2
+ "commit": "b823b8294327ff89fa23d955f2fb44c2090ac0a7"
3
3
  }
package/package.json CHANGED
@@ -109,7 +109,7 @@
109
109
  "./internal/base-component/index.js",
110
110
  "./internal/base-component/styles.css.js"
111
111
  ],
112
- "version": "3.0.251",
112
+ "version": "3.0.252",
113
113
  "repository": {
114
114
  "type": "git",
115
115
  "url": "https://github.com/cloudscape-design/components.git"
@@ -1,24 +1,24 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "header-cell": "awsui_header-cell_1spae_qocl2_93",
5
- "header-cell-sticky": "awsui_header-cell-sticky_1spae_qocl2_105",
6
- "header-cell-stuck": "awsui_header-cell-stuck_1spae_qocl2_108",
7
- "header-cell-variant-full-page": "awsui_header-cell-variant-full-page_1spae_qocl2_108",
8
- "header-cell-hidden": "awsui_header-cell-hidden_1spae_qocl2_111",
9
- "header-cell-sortable": "awsui_header-cell-sortable_1spae_qocl2_114",
10
- "header-cell-resizable": "awsui_header-cell-resizable_1spae_qocl2_129",
11
- "sorting-icon": "awsui_sorting-icon_1spae_qocl2_133",
12
- "edit-icon": "awsui_edit-icon_1spae_qocl2_141",
13
- "header-cell-content": "awsui_header-cell-content_1spae_qocl2_147",
14
- "header-cell-fake-focus": "awsui_header-cell-fake-focus_1spae_qocl2_176",
15
- "header-cell-disabled": "awsui_header-cell-disabled_1spae_qocl2_194",
16
- "header-cell-sorted": "awsui_header-cell-sorted_1spae_qocl2_194",
17
- "header-cell-text": "awsui_header-cell-text_1spae_qocl2_208",
18
- "header-cell-text-wrap": "awsui_header-cell-text-wrap_1spae_qocl2_213",
19
- "header-cell-ascending": "awsui_header-cell-ascending_1spae_qocl2_219",
20
- "header-cell-descending": "awsui_header-cell-descending_1spae_qocl2_220",
21
- "is-visual-refresh": "awsui_is-visual-refresh_1spae_qocl2_230",
22
- "has-striped-rows": "awsui_has-striped-rows_1spae_qocl2_241"
4
+ "header-cell": "awsui_header-cell_1spae_f15ng_93",
5
+ "header-cell-sticky": "awsui_header-cell-sticky_1spae_f15ng_105",
6
+ "header-cell-stuck": "awsui_header-cell-stuck_1spae_f15ng_108",
7
+ "header-cell-variant-full-page": "awsui_header-cell-variant-full-page_1spae_f15ng_108",
8
+ "header-cell-hidden": "awsui_header-cell-hidden_1spae_f15ng_111",
9
+ "header-cell-sortable": "awsui_header-cell-sortable_1spae_f15ng_114",
10
+ "header-cell-resizable": "awsui_header-cell-resizable_1spae_f15ng_129",
11
+ "sorting-icon": "awsui_sorting-icon_1spae_f15ng_133",
12
+ "edit-icon": "awsui_edit-icon_1spae_f15ng_141",
13
+ "header-cell-content": "awsui_header-cell-content_1spae_f15ng_147",
14
+ "header-cell-fake-focus": "awsui_header-cell-fake-focus_1spae_f15ng_176",
15
+ "header-cell-disabled": "awsui_header-cell-disabled_1spae_f15ng_194",
16
+ "header-cell-sorted": "awsui_header-cell-sorted_1spae_f15ng_194",
17
+ "header-cell-text": "awsui_header-cell-text_1spae_f15ng_208",
18
+ "header-cell-text-wrap": "awsui_header-cell-text-wrap_1spae_f15ng_213",
19
+ "header-cell-ascending": "awsui_header-cell-ascending_1spae_f15ng_219",
20
+ "header-cell-descending": "awsui_header-cell-descending_1spae_f15ng_220",
21
+ "is-visual-refresh": "awsui_is-visual-refresh_1spae_f15ng_230",
22
+ "has-striped-rows": "awsui_has-striped-rows_1spae_f15ng_241"
23
23
  };
24
24
 
@@ -90,7 +90,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
90
90
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
91
91
  SPDX-License-Identifier: Apache-2.0
92
92
  */
93
- .awsui_header-cell_1spae_qocl2_93:not(#\9) {
93
+ .awsui_header-cell_1spae_f15ng_93:not(#\9) {
94
94
  position: relative;
95
95
  text-align: left;
96
96
  box-sizing: border-box;
@@ -102,19 +102,19 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
102
102
  -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-nkh1jb, grayscale);
103
103
  padding: var(--space-scaled-xxs-95dhkm, 4px) var(--space-scaled-xs-6859qs, 8px);
104
104
  }
105
- .awsui_header-cell-sticky_1spae_qocl2_105:not(#\9) {
105
+ .awsui_header-cell-sticky_1spae_f15ng_105:not(#\9) {
106
106
  border-bottom: var(--border-table-sticky-width-h1tlxy, 2px) solid var(--color-border-divider-default-7s2wjw, #e9ebed);
107
107
  }
108
- .awsui_header-cell-stuck_1spae_qocl2_108:not(#\9):not(.awsui_header-cell-variant-full-page_1spae_qocl2_108) {
108
+ .awsui_header-cell-stuck_1spae_f15ng_108:not(#\9):not(.awsui_header-cell-variant-full-page_1spae_f15ng_108) {
109
109
  border-bottom-color: transparent;
110
110
  }
111
- .awsui_header-cell-variant-full-page_1spae_qocl2_108.awsui_header-cell-hidden_1spae_qocl2_111:not(#\9) {
111
+ .awsui_header-cell-variant-full-page_1spae_f15ng_108.awsui_header-cell-hidden_1spae_f15ng_111:not(#\9) {
112
112
  border-bottom-color: transparent;
113
113
  }
114
- .awsui_header-cell_1spae_qocl2_93:not(#\9):last-child, .awsui_header-cell_1spae_qocl2_93.awsui_header-cell-sortable_1spae_qocl2_114:not(#\9) {
114
+ .awsui_header-cell_1spae_f15ng_93:not(#\9):last-child, .awsui_header-cell_1spae_f15ng_93.awsui_header-cell-sortable_1spae_f15ng_114:not(#\9) {
115
115
  padding-right: var(--space-xs-rsr2qu, 8px);
116
116
  }
117
- .awsui_header-cell_1spae_qocl2_93:not(#\9):not(:last-child):before {
117
+ .awsui_header-cell_1spae_f15ng_93:not(#\9):not(:last-child):before {
118
118
  content: "";
119
119
  position: absolute;
120
120
  right: 0;
@@ -126,11 +126,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
126
126
  border-left: var(--border-divider-section-width-4wm2it, 2px) solid var(--color-border-divider-default-7s2wjw, #e9ebed);
127
127
  box-sizing: border-box;
128
128
  }
129
- .awsui_header-cell-resizable_1spae_qocl2_129:not(#\9):not(:last-child):before {
130
- border-left-color: var(--color-border-divider-interactive-default-rcasvw, #e9ebed);
129
+ .awsui_header-cell-resizable_1spae_f15ng_129:not(#\9):not(:last-child):before {
130
+ border-left-color: var(--color-border-divider-interactive-default-0hdcst, #414d5c);
131
131
  }
132
132
 
133
- .awsui_sorting-icon_1spae_qocl2_133:not(#\9) {
133
+ .awsui_sorting-icon_1spae_f15ng_133:not(#\9) {
134
134
  position: absolute;
135
135
  top: 50%;
136
136
  transform: translateY(-50%);
@@ -138,31 +138,31 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
138
138
  color: var(--color-text-column-sorting-icon-q5sr09, #414d5c);
139
139
  }
140
140
 
141
- .awsui_edit-icon_1spae_qocl2_141:not(#\9) {
141
+ .awsui_edit-icon_1spae_f15ng_141:not(#\9) {
142
142
  margin-left: var(--space-xxs-ynfts5, 4px);
143
143
  margin-top: var(--space-scaled-xxs-95dhkm, 4px);
144
144
  color: inherit;
145
145
  }
146
146
 
147
- .awsui_header-cell-content_1spae_qocl2_147:not(#\9) {
147
+ .awsui_header-cell-content_1spae_f15ng_147:not(#\9) {
148
148
  position: relative;
149
149
  padding: var(--space-scaled-xxs-95dhkm, 4px) var(--space-s-hv8c1d, 12px);
150
150
  }
151
- .awsui_header-cell-sortable_1spae_qocl2_114 > .awsui_header-cell-content_1spae_qocl2_147:not(#\9) {
151
+ .awsui_header-cell-sortable_1spae_f15ng_114 > .awsui_header-cell-content_1spae_f15ng_147:not(#\9) {
152
152
  padding-right: calc(var(--space-xl-a39hup, 24px) + var(--space-xxs-ynfts5, 4px));
153
153
  }
154
- .awsui_header-cell-content_1spae_qocl2_147:not(#\9):focus {
154
+ .awsui_header-cell-content_1spae_f15ng_147:not(#\9):focus {
155
155
  outline: none;
156
156
  text-decoration: none;
157
157
  }
158
- body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_qocl2_147:not(#\9):focus {
158
+ body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_f15ng_147:not(#\9):focus {
159
159
  position: relative;
160
160
  }
161
- body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_qocl2_147:not(#\9):focus {
161
+ body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_f15ng_147:not(#\9):focus {
162
162
  outline: 2px dotted transparent;
163
163
  outline-offset: calc(var(--space-table-header-focus-outline-gutter-rbx7m7, 0px) - 1px);
164
164
  }
165
- body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_qocl2_147:not(#\9):focus::before {
165
+ body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_f15ng_147:not(#\9):focus::before {
166
166
  content: " ";
167
167
  display: block;
168
168
  position: absolute;
@@ -173,14 +173,14 @@ body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_qocl2_147:n
173
173
  border-radius: var(--border-radius-control-default-focus-ring-7661kz, 4px);
174
174
  box-shadow: 0 0 0 2px var(--color-border-item-focused-ap3b6s, #0972d3);
175
175
  }
176
- body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_qocl2_147.awsui_header-cell-fake-focus_1spae_qocl2_176:not(#\9) {
176
+ body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_f15ng_147.awsui_header-cell-fake-focus_1spae_f15ng_176:not(#\9) {
177
177
  position: relative;
178
178
  }
179
- body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_qocl2_147.awsui_header-cell-fake-focus_1spae_qocl2_176:not(#\9) {
179
+ body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_f15ng_147.awsui_header-cell-fake-focus_1spae_f15ng_176:not(#\9) {
180
180
  outline: 2px dotted transparent;
181
181
  outline-offset: calc(var(--space-table-header-focus-outline-gutter-rbx7m7, 0px) - 1px);
182
182
  }
183
- body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_qocl2_147.awsui_header-cell-fake-focus_1spae_qocl2_176:not(#\9)::before {
183
+ body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_f15ng_147.awsui_header-cell-fake-focus_1spae_f15ng_176:not(#\9)::before {
184
184
  content: " ";
185
185
  display: block;
186
186
  position: absolute;
@@ -191,33 +191,33 @@ body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_qocl2_147.a
191
191
  border-radius: var(--border-radius-control-default-focus-ring-7661kz, 4px);
192
192
  box-shadow: 0 0 0 2px var(--color-border-item-focused-ap3b6s, #0972d3);
193
193
  }
194
- .awsui_header-cell-disabled_1spae_qocl2_194.awsui_header-cell-sorted_1spae_qocl2_194 > .awsui_header-cell-content_1spae_qocl2_147 > .awsui_sorting-icon_1spae_qocl2_133:not(#\9) {
194
+ .awsui_header-cell-disabled_1spae_f15ng_194.awsui_header-cell-sorted_1spae_f15ng_194 > .awsui_header-cell-content_1spae_f15ng_147 > .awsui_sorting-icon_1spae_f15ng_133:not(#\9) {
195
195
  color: var(--color-text-interactive-disabled-3pbb07, #9ba7b6);
196
196
  }
197
197
 
198
- .awsui_header-cell-sortable_1spae_qocl2_114:not(#\9):not(.awsui_header-cell-disabled_1spae_qocl2_194) > .awsui_header-cell-content_1spae_qocl2_147 {
198
+ .awsui_header-cell-sortable_1spae_f15ng_114:not(#\9):not(.awsui_header-cell-disabled_1spae_f15ng_194) > .awsui_header-cell-content_1spae_f15ng_147 {
199
199
  cursor: pointer;
200
200
  }
201
- .awsui_header-cell-sortable_1spae_qocl2_114:not(#\9):not(.awsui_header-cell-disabled_1spae_qocl2_194) > .awsui_header-cell-content_1spae_qocl2_147:hover, .awsui_header-cell-sortable_1spae_qocl2_114:not(#\9):not(.awsui_header-cell-disabled_1spae_qocl2_194).awsui_header-cell-sorted_1spae_qocl2_194 > .awsui_header-cell-content_1spae_qocl2_147 {
201
+ .awsui_header-cell-sortable_1spae_f15ng_114:not(#\9):not(.awsui_header-cell-disabled_1spae_f15ng_194) > .awsui_header-cell-content_1spae_f15ng_147:hover, .awsui_header-cell-sortable_1spae_f15ng_114:not(#\9):not(.awsui_header-cell-disabled_1spae_f15ng_194).awsui_header-cell-sorted_1spae_f15ng_194 > .awsui_header-cell-content_1spae_f15ng_147 {
202
202
  color: var(--color-text-interactive-active-vol84d, #000716);
203
203
  }
204
- .awsui_header-cell-sortable_1spae_qocl2_114:not(#\9):not(.awsui_header-cell-disabled_1spae_qocl2_194) > .awsui_header-cell-content_1spae_qocl2_147:hover > .awsui_sorting-icon_1spae_qocl2_133, .awsui_header-cell-sortable_1spae_qocl2_114:not(#\9):not(.awsui_header-cell-disabled_1spae_qocl2_194).awsui_header-cell-sorted_1spae_qocl2_194 > .awsui_header-cell-content_1spae_qocl2_147 > .awsui_sorting-icon_1spae_qocl2_133 {
204
+ .awsui_header-cell-sortable_1spae_f15ng_114:not(#\9):not(.awsui_header-cell-disabled_1spae_f15ng_194) > .awsui_header-cell-content_1spae_f15ng_147:hover > .awsui_sorting-icon_1spae_f15ng_133, .awsui_header-cell-sortable_1spae_f15ng_114:not(#\9):not(.awsui_header-cell-disabled_1spae_f15ng_194).awsui_header-cell-sorted_1spae_f15ng_194 > .awsui_header-cell-content_1spae_f15ng_147 > .awsui_sorting-icon_1spae_f15ng_133 {
205
205
  color: var(--color-text-interactive-active-vol84d, #000716);
206
206
  }
207
207
 
208
- .awsui_header-cell-text_1spae_qocl2_208:not(#\9) {
208
+ .awsui_header-cell-text_1spae_f15ng_208:not(#\9) {
209
209
  line-height: var(--font-heading-xs-line-height-5x131j, 18px);
210
210
  padding-top: calc(var(--space-xxxs-k2w98v, 2px) / 2);
211
211
  padding-bottom: calc(var(--space-xxxs-k2w98v, 2px) / 2);
212
212
  }
213
- .awsui_header-cell-text_1spae_qocl2_208:not(#\9):not(.awsui_header-cell-text-wrap_1spae_qocl2_213) {
213
+ .awsui_header-cell-text_1spae_f15ng_208:not(#\9):not(.awsui_header-cell-text-wrap_1spae_f15ng_213) {
214
214
  white-space: nowrap;
215
215
  overflow: hidden;
216
216
  text-overflow: ellipsis;
217
217
  }
218
218
 
219
- .awsui_header-cell-ascending_1spae_qocl2_219:not(#\9),
220
- .awsui_header-cell-descending_1spae_qocl2_220:not(#\9) {
219
+ .awsui_header-cell-ascending_1spae_f15ng_219:not(#\9),
220
+ .awsui_header-cell-descending_1spae_f15ng_220:not(#\9) {
221
221
  /* used in test-utils */
222
222
  }
223
223
 
@@ -227,26 +227,26 @@ with the left edge of the table as closely as possible. If the
227
227
  last header cell is sortable the sort icon should align with the
228
228
  settings icon in the pagination slot.
229
229
  */
230
- .awsui_header-cell_1spae_qocl2_93:not(#\9):not(.awsui_is-visual-refresh_1spae_qocl2_230):first-child {
230
+ .awsui_header-cell_1spae_f15ng_93:not(#\9):not(.awsui_is-visual-refresh_1spae_f15ng_230):first-child {
231
231
  padding-left: var(--space-xs-rsr2qu, 8px);
232
232
  }
233
233
 
234
- .awsui_header-cell_1spae_qocl2_93.awsui_is-visual-refresh_1spae_qocl2_230:not(#\9) {
234
+ .awsui_header-cell_1spae_f15ng_93.awsui_is-visual-refresh_1spae_f15ng_230:not(#\9) {
235
235
  /*
236
236
  Striped rows requires additional left padding because the
237
237
  shaded background makes the child content appear too close
238
238
  to the table edge.
239
239
  */
240
240
  }
241
- .awsui_header-cell_1spae_qocl2_93.awsui_is-visual-refresh_1spae_qocl2_230:not(#\9):first-child:not(.awsui_has-striped-rows_1spae_qocl2_241) {
241
+ .awsui_header-cell_1spae_f15ng_93.awsui_is-visual-refresh_1spae_f15ng_230:not(#\9):first-child:not(.awsui_has-striped-rows_1spae_f15ng_241) {
242
242
  padding-left: var(--space-xxxs-k2w98v, 2px);
243
243
  }
244
- .awsui_header-cell_1spae_qocl2_93.awsui_is-visual-refresh_1spae_qocl2_230:not(#\9):first-child.awsui_has-striped-rows_1spae_qocl2_241 {
244
+ .awsui_header-cell_1spae_f15ng_93.awsui_is-visual-refresh_1spae_f15ng_230:not(#\9):first-child.awsui_has-striped-rows_1spae_f15ng_241 {
245
245
  padding-left: var(--space-xxs-ynfts5, 4px);
246
246
  }
247
- .awsui_header-cell_1spae_qocl2_93.awsui_is-visual-refresh_1spae_qocl2_230:not(#\9):first-child > .awsui_header-cell-content_1spae_qocl2_147 {
247
+ .awsui_header-cell_1spae_f15ng_93.awsui_is-visual-refresh_1spae_f15ng_230:not(#\9):first-child > .awsui_header-cell-content_1spae_f15ng_147 {
248
248
  padding-left: 0;
249
249
  }
250
- .awsui_header-cell_1spae_qocl2_93.awsui_is-visual-refresh_1spae_qocl2_230:not(#\9):last-child.awsui_header-cell-sortable_1spae_qocl2_114 {
250
+ .awsui_header-cell_1spae_f15ng_93.awsui_is-visual-refresh_1spae_f15ng_230:not(#\9):last-child.awsui_header-cell-sortable_1spae_f15ng_114 {
251
251
  padding-right: var(--space-xxxs-k2w98v, 2px);
252
252
  }
@@ -2,24 +2,24 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "header-cell": "awsui_header-cell_1spae_qocl2_93",
6
- "header-cell-sticky": "awsui_header-cell-sticky_1spae_qocl2_105",
7
- "header-cell-stuck": "awsui_header-cell-stuck_1spae_qocl2_108",
8
- "header-cell-variant-full-page": "awsui_header-cell-variant-full-page_1spae_qocl2_108",
9
- "header-cell-hidden": "awsui_header-cell-hidden_1spae_qocl2_111",
10
- "header-cell-sortable": "awsui_header-cell-sortable_1spae_qocl2_114",
11
- "header-cell-resizable": "awsui_header-cell-resizable_1spae_qocl2_129",
12
- "sorting-icon": "awsui_sorting-icon_1spae_qocl2_133",
13
- "edit-icon": "awsui_edit-icon_1spae_qocl2_141",
14
- "header-cell-content": "awsui_header-cell-content_1spae_qocl2_147",
15
- "header-cell-fake-focus": "awsui_header-cell-fake-focus_1spae_qocl2_176",
16
- "header-cell-disabled": "awsui_header-cell-disabled_1spae_qocl2_194",
17
- "header-cell-sorted": "awsui_header-cell-sorted_1spae_qocl2_194",
18
- "header-cell-text": "awsui_header-cell-text_1spae_qocl2_208",
19
- "header-cell-text-wrap": "awsui_header-cell-text-wrap_1spae_qocl2_213",
20
- "header-cell-ascending": "awsui_header-cell-ascending_1spae_qocl2_219",
21
- "header-cell-descending": "awsui_header-cell-descending_1spae_qocl2_220",
22
- "is-visual-refresh": "awsui_is-visual-refresh_1spae_qocl2_230",
23
- "has-striped-rows": "awsui_has-striped-rows_1spae_qocl2_241"
5
+ "header-cell": "awsui_header-cell_1spae_f15ng_93",
6
+ "header-cell-sticky": "awsui_header-cell-sticky_1spae_f15ng_105",
7
+ "header-cell-stuck": "awsui_header-cell-stuck_1spae_f15ng_108",
8
+ "header-cell-variant-full-page": "awsui_header-cell-variant-full-page_1spae_f15ng_108",
9
+ "header-cell-hidden": "awsui_header-cell-hidden_1spae_f15ng_111",
10
+ "header-cell-sortable": "awsui_header-cell-sortable_1spae_f15ng_114",
11
+ "header-cell-resizable": "awsui_header-cell-resizable_1spae_f15ng_129",
12
+ "sorting-icon": "awsui_sorting-icon_1spae_f15ng_133",
13
+ "edit-icon": "awsui_edit-icon_1spae_f15ng_141",
14
+ "header-cell-content": "awsui_header-cell-content_1spae_f15ng_147",
15
+ "header-cell-fake-focus": "awsui_header-cell-fake-focus_1spae_f15ng_176",
16
+ "header-cell-disabled": "awsui_header-cell-disabled_1spae_f15ng_194",
17
+ "header-cell-sorted": "awsui_header-cell-sorted_1spae_f15ng_194",
18
+ "header-cell-text": "awsui_header-cell-text_1spae_f15ng_208",
19
+ "header-cell-text-wrap": "awsui_header-cell-text-wrap_1spae_f15ng_213",
20
+ "header-cell-ascending": "awsui_header-cell-ascending_1spae_f15ng_219",
21
+ "header-cell-descending": "awsui_header-cell-descending_1spae_f15ng_220",
22
+ "is-visual-refresh": "awsui_is-visual-refresh_1spae_f15ng_230",
23
+ "has-striped-rows": "awsui_has-striped-rows_1spae_f15ng_241"
24
24
  };
25
25
 
@@ -1,11 +1,11 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "resize-active": "awsui_resize-active_x7peu_1px6f_93",
5
- "resize-active-with-focus": "awsui_resize-active-with-focus_x7peu_1px6f_93",
6
- "resizer": "awsui_resizer_x7peu_1px6f_98",
7
- "resizer-active": "awsui_resizer-active_x7peu_1px6f_114",
8
- "has-focus": "awsui_has-focus_x7peu_1px6f_126",
9
- "tracker": "awsui_tracker_x7peu_1px6f_149"
4
+ "resize-active": "awsui_resize-active_x7peu_84vi8_93",
5
+ "resize-active-with-focus": "awsui_resize-active-with-focus_x7peu_84vi8_93",
6
+ "resizer": "awsui_resizer_x7peu_84vi8_98",
7
+ "resizer-active": "awsui_resizer-active_x7peu_84vi8_114",
8
+ "has-focus": "awsui_has-focus_x7peu_84vi8_126",
9
+ "tracker": "awsui_tracker_x7peu_84vi8_149"
10
10
  };
11
11
 
@@ -90,13 +90,13 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
90
90
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
91
91
  SPDX-License-Identifier: Apache-2.0
92
92
  */
93
- .awsui_resize-active_x7peu_1px6f_93:not(#\9):not(.awsui_resize-active-with-focus_x7peu_1px6f_93) * {
93
+ .awsui_resize-active_x7peu_84vi8_93:not(#\9):not(.awsui_resize-active-with-focus_x7peu_84vi8_93) * {
94
94
  cursor: col-resize;
95
95
  -webkit-user-select: none;
96
96
  user-select: none;
97
97
  }
98
98
 
99
- .awsui_resizer_x7peu_1px6f_98:not(#\9) {
99
+ .awsui_resizer_x7peu_84vi8_98:not(#\9) {
100
100
  bottom: 0;
101
101
  cursor: col-resize;
102
102
  position: absolute;
@@ -105,14 +105,14 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
105
105
  width: var(--space-l-4vl6xu, 20px);
106
106
  z-index: 10;
107
107
  }
108
- .awsui_resize-active_x7peu_1px6f_93 .awsui_resizer_x7peu_1px6f_98:not(#\9) {
108
+ .awsui_resize-active_x7peu_84vi8_93 .awsui_resizer_x7peu_84vi8_98:not(#\9) {
109
109
  pointer-events: none;
110
110
  }
111
- th:not(#\9):last-child > .awsui_resizer_x7peu_1px6f_98 {
111
+ th:not(#\9):last-child > .awsui_resizer_x7peu_84vi8_98 {
112
112
  width: calc(var(--space-l-4vl6xu, 20px) / 2);
113
113
  right: 0;
114
114
  }
115
- th:not(#\9):not(:last-child) > .awsui_resizer_x7peu_1px6f_98:hover::before, th:not(#\9):not(:last-child) > .awsui_resizer-active_x7peu_1px6f_114::before {
115
+ th:not(#\9):not(:last-child) > .awsui_resizer_x7peu_84vi8_98:hover::before, th:not(#\9):not(:last-child) > .awsui_resizer-active_x7peu_84vi8_114::before {
116
116
  content: "";
117
117
  position: absolute;
118
118
  left: calc(var(--space-l-4vl6xu, 20px) / 2 - 2px);
@@ -121,18 +121,18 @@ th:not(#\9):not(:last-child) > .awsui_resizer_x7peu_1px6f_98:hover::before, th:n
121
121
  min-height: var(--font-heading-xs-line-height-5x131j, 18px);
122
122
  max-height: calc(100% - calc(2 * var(--space-xs-rsr2qu, 8px) + var(--space-xxxs-k2w98v, 2px)));
123
123
  margin: auto;
124
- border-left: 2px solid var(--color-border-divider-active-nnnfx9, #7d8998);
124
+ border-left: 2px solid var(--color-border-divider-active-t11l9l, #000716);
125
125
  box-sizing: border-box;
126
126
  }
127
- body[data-awsui-focus-visible=true] .awsui_resizer_x7peu_1px6f_98.awsui_has-focus_x7peu_1px6f_126:not(#\9) {
127
+ body[data-awsui-focus-visible=true] .awsui_resizer_x7peu_84vi8_98.awsui_has-focus_x7peu_84vi8_126:not(#\9) {
128
128
  position: relative;
129
129
  position: absolute;
130
130
  }
131
- body[data-awsui-focus-visible=true] .awsui_resizer_x7peu_1px6f_98.awsui_has-focus_x7peu_1px6f_126:not(#\9) {
131
+ body[data-awsui-focus-visible=true] .awsui_resizer_x7peu_84vi8_98.awsui_has-focus_x7peu_84vi8_126:not(#\9) {
132
132
  outline: 2px dotted transparent;
133
133
  outline-offset: calc(var(--space-table-header-focus-outline-gutter-rbx7m7, 0px) - 1px);
134
134
  }
135
- body[data-awsui-focus-visible=true] .awsui_resizer_x7peu_1px6f_98.awsui_has-focus_x7peu_1px6f_126:not(#\9)::before {
135
+ body[data-awsui-focus-visible=true] .awsui_resizer_x7peu_84vi8_98.awsui_has-focus_x7peu_84vi8_126:not(#\9)::before {
136
136
  content: " ";
137
137
  display: block;
138
138
  position: absolute;
@@ -143,18 +143,18 @@ body[data-awsui-focus-visible=true] .awsui_resizer_x7peu_1px6f_98.awsui_has-focu
143
143
  border-radius: var(--border-radius-control-default-focus-ring-7661kz, 4px);
144
144
  box-shadow: 0 0 0 2px var(--color-border-item-focused-ap3b6s, #0972d3);
145
145
  }
146
- body[data-awsui-focus-visible=true] .awsui_resizer_x7peu_1px6f_98.awsui_has-focus_x7peu_1px6f_126:not(#\9)::before {
146
+ body[data-awsui-focus-visible=true] .awsui_resizer_x7peu_84vi8_98.awsui_has-focus_x7peu_84vi8_126:not(#\9)::before {
147
147
  box-shadow: inset 0 0 0 2px var(--color-border-item-focused-ap3b6s, #0972d3);
148
148
  }
149
149
 
150
- .awsui_tracker_x7peu_1px6f_149:not(#\9) {
150
+ .awsui_tracker_x7peu_84vi8_149:not(#\9) {
151
151
  display: none;
152
152
  position: absolute;
153
- border-left: var(--border-divider-list-width-hacikr, 1px) dashed var(--color-border-divider-active-nnnfx9, #7d8998);
153
+ border-left: var(--border-divider-list-width-hacikr, 1px) dashed var(--color-border-divider-active-t11l9l, #000716);
154
154
  width: 0;
155
155
  top: 0;
156
156
  bottom: 0;
157
157
  }
158
- .awsui_resize-active_x7peu_1px6f_93 .awsui_tracker_x7peu_1px6f_149:not(#\9) {
158
+ .awsui_resize-active_x7peu_84vi8_93 .awsui_tracker_x7peu_84vi8_149:not(#\9) {
159
159
  display: block;
160
160
  }
@@ -2,11 +2,11 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "resize-active": "awsui_resize-active_x7peu_1px6f_93",
6
- "resize-active-with-focus": "awsui_resize-active-with-focus_x7peu_1px6f_93",
7
- "resizer": "awsui_resizer_x7peu_1px6f_98",
8
- "resizer-active": "awsui_resizer-active_x7peu_1px6f_114",
9
- "has-focus": "awsui_has-focus_x7peu_1px6f_126",
10
- "tracker": "awsui_tracker_x7peu_1px6f_149"
5
+ "resize-active": "awsui_resize-active_x7peu_84vi8_93",
6
+ "resize-active-with-focus": "awsui_resize-active-with-focus_x7peu_84vi8_93",
7
+ "resizer": "awsui_resizer_x7peu_84vi8_98",
8
+ "resizer-active": "awsui_resizer-active_x7peu_84vi8_114",
9
+ "has-focus": "awsui_has-focus_x7peu_84vi8_126",
10
+ "tracker": "awsui_tracker_x7peu_84vi8_149"
11
11
  };
12
12
 
@@ -2,9 +2,10 @@ import { TypedOverride } from '../internal/generated/theming';
2
2
  export type Theme = TypedOverride;
3
3
  export interface ApplyThemeParams {
4
4
  theme: Theme;
5
+ baseThemeId?: string;
5
6
  }
6
7
  export interface ApplyThemeResult {
7
8
  reset: () => void;
8
9
  }
9
- export declare function applyTheme({ theme }: ApplyThemeParams): ApplyThemeResult;
10
+ export declare function applyTheme({ theme, baseThemeId }: ApplyThemeParams): ApplyThemeResult;
10
11
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"lib/default/","sources":["theming/index.ts"],"names":[],"mappings":"AAGA,OAAO,EAAU,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAEtE,MAAM,MAAM,KAAK,GAAG,aAAa,CAAC;AAClC,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,KAAK,CAAC;CACd;AAED,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB;AAED,wBAAgB,UAAU,CAAC,EAAE,KAAK,EAAE,EAAE,gBAAgB,GAAG,gBAAgB,CAKxE"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"lib/default/","sources":["theming/index.ts"],"names":[],"mappings":"AAGA,OAAO,EAAU,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAEtE,MAAM,MAAM,KAAK,GAAG,aAAa,CAAC;AAClC,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,KAAK,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB;AAED,wBAAgB,UAAU,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,EAAE,gBAAgB,GAAG,gBAAgB,CAMrF"}
package/theming/index.js CHANGED
@@ -2,10 +2,11 @@
2
2
  // SPDX-License-Identifier: Apache-2.0
3
3
  import { applyTheme as coreApplyTheme } from '@cloudscape-design/theming-runtime';
4
4
  import { preset } from '../internal/generated/theming';
5
- export function applyTheme({ theme }) {
5
+ export function applyTheme({ theme, baseThemeId }) {
6
6
  return coreApplyTheme({
7
7
  override: theme,
8
8
  preset,
9
+ baseThemeId,
9
10
  });
10
11
  }
11
12
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"lib/default/","sources":["theming/index.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,EAAE,UAAU,IAAI,cAAc,EAAE,MAAM,oCAAoC,CAAC;AAClF,OAAO,EAAE,MAAM,EAAiB,MAAM,+BAA+B,CAAC;AAWtE,MAAM,UAAU,UAAU,CAAC,EAAE,KAAK,EAAoB;IACpD,OAAO,cAAc,CAAC;QACpB,QAAQ,EAAE,KAAK;QACf,MAAM;KACP,CAAC,CAAC;AACL,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { applyTheme as coreApplyTheme } from '@cloudscape-design/theming-runtime';\nimport { preset, TypedOverride } from '../internal/generated/theming';\n\nexport type Theme = TypedOverride;\nexport interface ApplyThemeParams {\n theme: Theme;\n}\n\nexport interface ApplyThemeResult {\n reset: () => void;\n}\n\nexport function applyTheme({ theme }: ApplyThemeParams): ApplyThemeResult {\n return coreApplyTheme({\n override: theme,\n preset,\n });\n}\n"]}
1
+ {"version":3,"file":"index.js","sourceRoot":"lib/default/","sources":["theming/index.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,EAAE,UAAU,IAAI,cAAc,EAAE,MAAM,oCAAoC,CAAC;AAClF,OAAO,EAAE,MAAM,EAAiB,MAAM,+BAA+B,CAAC;AAYtE,MAAM,UAAU,UAAU,CAAC,EAAE,KAAK,EAAE,WAAW,EAAoB;IACjE,OAAO,cAAc,CAAC;QACpB,QAAQ,EAAE,KAAK;QACf,MAAM;QACN,WAAW;KACZ,CAAC,CAAC;AACL,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { applyTheme as coreApplyTheme } from '@cloudscape-design/theming-runtime';\nimport { preset, TypedOverride } from '../internal/generated/theming';\n\nexport type Theme = TypedOverride;\nexport interface ApplyThemeParams {\n theme: Theme;\n baseThemeId?: string;\n}\n\nexport interface ApplyThemeResult {\n reset: () => void;\n}\n\nexport function applyTheme({ theme, baseThemeId }: ApplyThemeParams): ApplyThemeResult {\n return coreApplyTheme({\n override: theme,\n preset,\n baseThemeId,\n });\n}\n"]}