@cloudscape-design/board-components 3.0.118 → 3.0.120

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.
Files changed (31) hide show
  1. package/board/internal.js +2 -4
  2. package/board/internal.js.map +1 -1
  3. package/board/transition.js +6 -6
  4. package/board/transition.js.map +1 -1
  5. package/board/utils/path.js +1 -1
  6. package/board/utils/path.js.map +1 -1
  7. package/internal/api-docs/test-utils-doc/interfaces.d.ts +2 -2
  8. package/internal/dnd-controller/controller.js +10 -12
  9. package/internal/dnd-controller/controller.js.map +1 -1
  10. package/internal/environment.js +1 -1
  11. package/internal/environment.json +1 -1
  12. package/internal/generated/styles/tokens.d.ts +1 -0
  13. package/internal/generated/styles/tokens.js +1 -0
  14. package/internal/generated/theming/index.cjs +47 -14
  15. package/internal/generated/theming/index.cjs.d.ts +9 -0
  16. package/internal/generated/theming/index.d.ts +9 -0
  17. package/internal/generated/theming/index.js +47 -14
  18. package/internal/global-drag-state-styles/index.js +1 -5
  19. package/internal/global-drag-state-styles/index.js.map +1 -1
  20. package/internal/item-container/index.js +1 -1
  21. package/internal/item-container/index.js.map +1 -1
  22. package/internal/manifest.json +1 -1
  23. package/internal/utils/layout.js +1 -1
  24. package/internal/utils/layout.js.map +1 -1
  25. package/items-palette/internal.js +1 -1
  26. package/items-palette/internal.js.map +1 -1
  27. package/package.json +1 -1
  28. package/test-utils/dom/index.js +16 -4
  29. package/test-utils/dom/index.js.map +1 -1
  30. package/test-utils/selectors/index.js +16 -4
  31. package/test-utils/selectors/index.js.map +1 -1
package/internal/generated/theming/index.cjs CHANGED
@@ -1214,6 +1214,10 @@ module.exports.preset = {
1214
1214
  "light": "{colorGrey500}",
1215
1215
  "dark": "{colorGrey500}"
1216
1216
  },
1217
+ "colorItemSelected": {
1218
+ "light": "{colorBlue600}",
1219
+ "dark": "{colorBlue400}"
1220
+ },
1217
1221
  "colorBorderCalendarGrid": {
1218
1222
  "light": "transparent",
1219
1223
  "dark": "transparent"
@@ -1339,8 +1343,8 @@ module.exports.preset = {
1339
1343
  "dark": "{colorBorderItemSelected}"
1340
1344
  },
1341
1345
  "colorBorderItemSelected": {
1342
- "light": "{colorBlue600}",
1343
- "dark": "{colorBlue400}"
1346
+ "light": "{colorItemSelected}",
1347
+ "dark": "{colorItemSelected}"
1344
1348
  },
1345
1349
  "colorBorderLayout": {
1346
1350
  "light": "{colorGrey350}",
@@ -3494,6 +3498,10 @@ module.exports.preset = {
3494
3498
  "light": "{colorGrey500}",
3495
3499
  "dark": "{colorGrey500}"
3496
3500
  },
3501
+ "colorItemSelected": {
3502
+ "light": "{colorBlue400}",
3503
+ "dark": "{colorBlue400}"
3504
+ },
3497
3505
  "colorBorderCalendarGrid": {
3498
3506
  "light": "transparent",
3499
3507
  "dark": "transparent"
@@ -3619,8 +3627,8 @@ module.exports.preset = {
3619
3627
  "dark": "{colorBorderItemSelected}"
3620
3628
  },
3621
3629
  "colorBorderItemSelected": {
3622
- "light": "{colorBlue400}",
3623
- "dark": "{colorBlue400}"
3630
+ "light": "{colorItemSelected}",
3631
+ "dark": "{colorItemSelected}"
3624
3632
  },
3625
3633
  "colorBorderLayout": {
3626
3634
  "light": "{colorGrey650}",
@@ -4672,6 +4680,10 @@ module.exports.preset = {
4672
4680
  "light": "{colorGrey500}",
4673
4681
  "dark": "{colorGrey500}"
4674
4682
  },
4683
+ "colorItemSelected": {
4684
+ "light": "{colorBlue400}",
4685
+ "dark": "{colorBlue400}"
4686
+ },
4675
4687
  "colorBorderCalendarGrid": {
4676
4688
  "light": "transparent",
4677
4689
  "dark": "transparent"
@@ -4797,8 +4809,8 @@ module.exports.preset = {
4797
4809
  "dark": "{colorBorderItemSelected}"
4798
4810
  },
4799
4811
  "colorBorderItemSelected": {
4800
- "light": "{colorBlue400}",
4801
- "dark": "{colorBlue400}"
4812
+ "light": "{colorItemSelected}",
4813
+ "dark": "{colorItemSelected}"
4802
4814
  },
4803
4815
  "colorBorderLayout": {
4804
4816
  "light": "{colorGrey650}",
@@ -5782,6 +5794,10 @@ module.exports.preset = {
5782
5794
  "light": "{colorGrey500}",
5783
5795
  "dark": "{colorGrey500}"
5784
5796
  },
5797
+ "colorItemSelected": {
5798
+ "light": "{colorBlue600}",
5799
+ "dark": "{colorBlue400}"
5800
+ },
5785
5801
  "colorBorderCalendarGrid": {
5786
5802
  "light": "transparent",
5787
5803
  "dark": "transparent"
@@ -5907,8 +5923,8 @@ module.exports.preset = {
5907
5923
  "dark": "{colorBorderItemSelected}"
5908
5924
  },
5909
5925
  "colorBorderItemSelected": {
5910
- "light": "{colorBlue600}",
5911
- "dark": "{colorBlue400}"
5926
+ "light": "{colorItemSelected}",
5927
+ "dark": "{colorItemSelected}"
5912
5928
  },
5913
5929
  "colorBorderLayout": {
5914
5930
  "light": "{colorGrey350}",
@@ -6892,6 +6908,10 @@ module.exports.preset = {
6892
6908
  "light": "{colorGrey500}",
6893
6909
  "dark": "{colorGrey500}"
6894
6910
  },
6911
+ "colorItemSelected": {
6912
+ "light": "{colorBlue600}",
6913
+ "dark": "{colorBlue400}"
6914
+ },
6895
6915
  "colorBorderCalendarGrid": {
6896
6916
  "light": "transparent",
6897
6917
  "dark": "transparent"
@@ -7017,8 +7037,8 @@ module.exports.preset = {
7017
7037
  "dark": "{colorBorderItemSelected}"
7018
7038
  },
7019
7039
  "colorBorderItemSelected": {
7020
- "light": "{colorBlue600}",
7021
- "dark": "{colorBlue400}"
7040
+ "light": "{colorItemSelected}",
7041
+ "dark": "{colorItemSelected}"
7022
7042
  },
7023
7043
  "colorBorderLayout": {
7024
7044
  "light": "{colorGrey350}",
@@ -8002,6 +8022,10 @@ module.exports.preset = {
8002
8022
  "light": "{colorGrey500}",
8003
8023
  "dark": "{colorGrey500}"
8004
8024
  },
8025
+ "colorItemSelected": {
8026
+ "light": "{colorBlue600}",
8027
+ "dark": "{colorBlue400}"
8028
+ },
8005
8029
  "colorBorderCalendarGrid": {
8006
8030
  "light": "transparent",
8007
8031
  "dark": "transparent"
@@ -8127,8 +8151,8 @@ module.exports.preset = {
8127
8151
  "dark": "{colorBorderItemSelected}"
8128
8152
  },
8129
8153
  "colorBorderItemSelected": {
8130
- "light": "{colorBlue600}",
8131
- "dark": "{colorBlue400}"
8154
+ "light": "{colorItemSelected}",
8155
+ "dark": "{colorItemSelected}"
8132
8156
  },
8133
8157
  "colorBorderLayout": {
8134
8158
  "light": "{colorGrey350}",
@@ -9114,6 +9138,10 @@ module.exports.preset = {
9114
9138
  "light": "{colorGrey500}",
9115
9139
  "dark": "{colorGrey500}"
9116
9140
  },
9141
+ "colorItemSelected": {
9142
+ "light": "{colorBlue400}",
9143
+ "dark": "{colorBlue400}"
9144
+ },
9117
9145
  "colorBorderCalendarGrid": {
9118
9146
  "light": "transparent",
9119
9147
  "dark": "transparent"
@@ -9239,8 +9267,8 @@ module.exports.preset = {
9239
9267
  "dark": "{colorBorderItemSelected}"
9240
9268
  },
9241
9269
  "colorBorderItemSelected": {
9242
- "light": "{colorBlue400}",
9243
- "dark": "{colorBlue400}"
9270
+ "light": "{colorItemSelected}",
9271
+ "dark": "{colorItemSelected}"
9244
9272
  },
9245
9273
  "colorBorderLayout": {
9246
9274
  "light": "{colorGrey650}",
@@ -10069,6 +10097,7 @@ module.exports.preset = {
10069
10097
  "colorTextButtonIconDisabled": "color",
10070
10098
  "colorBorderButtonPrimaryDisabled": "color",
10071
10099
  "colorTextButtonPrimaryDisabled": "color",
10100
+ "colorItemSelected": "color",
10072
10101
  "colorBorderCalendarGrid": "color",
10073
10102
  "colorBorderCalendarGridSelectedFocusRing": "color",
10074
10103
  "colorBorderCellShaded": "color",
@@ -10538,6 +10567,7 @@ module.exports.preset = {
10538
10567
  "colorTextButtonIconDisabled",
10539
10568
  "colorBorderButtonPrimaryDisabled",
10540
10569
  "colorTextButtonPrimaryDisabled",
10570
+ "colorItemSelected",
10541
10571
  "colorBorderContainerTop",
10542
10572
  "colorBorderControlDefault",
10543
10573
  "colorBorderDividerDefault",
@@ -10898,6 +10928,7 @@ module.exports.preset = {
10898
10928
  "colorTextButtonIconDisabled",
10899
10929
  "colorBorderButtonPrimaryDisabled",
10900
10930
  "colorTextButtonPrimaryDisabled",
10931
+ "colorItemSelected",
10901
10932
  "colorBorderContainerTop",
10902
10933
  "colorBorderControlDefault",
10903
10934
  "colorBorderDividerDefault",
@@ -11398,6 +11429,7 @@ module.exports.preset = {
11398
11429
  "colorTextButtonIconDisabled": "color-text-button-icon-disabled",
11399
11430
  "colorBorderButtonPrimaryDisabled": "color-border-button-primary-disabled",
11400
11431
  "colorTextButtonPrimaryDisabled": "color-text-button-primary-disabled",
11432
+ "colorItemSelected": "color-item-selected",
11401
11433
  "colorBorderCalendarGrid": "color-border-calendar-grid",
11402
11434
  "colorBorderCalendarGridSelectedFocusRing": "color-border-calendar-grid-selected-focus-ring",
11403
11435
  "colorBorderCellShaded": "color-border-cell-shaded",
@@ -12156,6 +12188,7 @@ module.exports.preset = {
12156
12188
  "colorTextButtonIconDisabled": "--color-text-button-icon-disabled-nnofkn",
12157
12189
  "colorBorderButtonPrimaryDisabled": "--color-border-button-primary-disabled-b5p1ji",
12158
12190
  "colorTextButtonPrimaryDisabled": "--color-text-button-primary-disabled-q79gms",
12191
+ "colorItemSelected": "--color-item-selected-72rnwy",
12159
12192
  "colorBorderCalendarGrid": "--color-border-calendar-grid-67r4w4",
12160
12193
  "colorBorderCalendarGridSelectedFocusRing": "--color-border-calendar-grid-selected-focus-ring-jk1fb0",
12161
12194
  "colorBorderCellShaded": "--color-border-cell-shaded-0ipazf",
package/internal/generated/theming/index.cjs.d.ts CHANGED
@@ -135,6 +135,7 @@ export declare interface TypedOverride {
135
135
  colorTextButtonIconDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
136
136
  colorBorderButtonPrimaryDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
137
137
  colorTextButtonPrimaryDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
138
+ colorItemSelected?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
138
139
  colorBorderContainerTop?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
139
140
  colorBorderControlDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
140
141
  colorBorderDividerDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -401,6 +402,7 @@ export declare interface TypedOverride {
401
402
  colorTextButtonIconDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
402
403
  colorBorderButtonPrimaryDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
403
404
  colorTextButtonPrimaryDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
405
+ colorItemSelected?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
404
406
  colorBorderContainerTop?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
405
407
  colorBorderControlDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
406
408
  colorBorderDividerDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -667,6 +669,7 @@ export declare interface TypedOverride {
667
669
  colorTextButtonIconDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
668
670
  colorBorderButtonPrimaryDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
669
671
  colorTextButtonPrimaryDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
672
+ colorItemSelected?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
670
673
  colorBorderContainerTop?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
671
674
  colorBorderControlDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
672
675
  colorBorderDividerDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -933,6 +936,7 @@ export declare interface TypedOverride {
933
936
  colorTextButtonIconDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
934
937
  colorBorderButtonPrimaryDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
935
938
  colorTextButtonPrimaryDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
939
+ colorItemSelected?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
936
940
  colorBorderContainerTop?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
937
941
  colorBorderControlDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
938
942
  colorBorderDividerDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -1199,6 +1203,7 @@ export declare interface TypedOverride {
1199
1203
  colorTextButtonIconDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1200
1204
  colorBorderButtonPrimaryDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1201
1205
  colorTextButtonPrimaryDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1206
+ colorItemSelected?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1202
1207
  colorBorderContainerTop?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1203
1208
  colorBorderControlDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1204
1209
  colorBorderDividerDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -1465,6 +1470,7 @@ export declare interface TypedOverride {
1465
1470
  colorTextButtonIconDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1466
1471
  colorBorderButtonPrimaryDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1467
1472
  colorTextButtonPrimaryDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1473
+ colorItemSelected?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1468
1474
  colorBorderContainerTop?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1469
1475
  colorBorderControlDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1470
1476
  colorBorderDividerDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -1731,6 +1737,7 @@ export declare interface TypedOverride {
1731
1737
  colorTextButtonIconDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1732
1738
  colorBorderButtonPrimaryDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1733
1739
  colorTextButtonPrimaryDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1740
+ colorItemSelected?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1734
1741
  colorBorderContainerTop?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1735
1742
  colorBorderControlDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1736
1743
  colorBorderDividerDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -1997,6 +2004,7 @@ export declare interface TypedOverride {
1997
2004
  colorTextButtonIconDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1998
2005
  colorBorderButtonPrimaryDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1999
2006
  colorTextButtonPrimaryDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2007
+ colorItemSelected?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2000
2008
  colorBorderContainerTop?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2001
2009
  colorBorderControlDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2002
2010
  colorBorderDividerDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -2263,6 +2271,7 @@ export declare interface TypedOverride {
2263
2271
  colorTextButtonIconDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2264
2272
  colorBorderButtonPrimaryDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2265
2273
  colorTextButtonPrimaryDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2274
+ colorItemSelected?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2266
2275
  colorBorderContainerTop?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2267
2276
  colorBorderControlDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2268
2277
  colorBorderDividerDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
package/internal/generated/theming/index.d.ts CHANGED
@@ -135,6 +135,7 @@ export declare interface TypedOverride {
135
135
  colorTextButtonIconDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
136
136
  colorBorderButtonPrimaryDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
137
137
  colorTextButtonPrimaryDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
138
+ colorItemSelected?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
138
139
  colorBorderContainerTop?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
139
140
  colorBorderControlDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
140
141
  colorBorderDividerDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -401,6 +402,7 @@ export declare interface TypedOverride {
401
402
  colorTextButtonIconDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
402
403
  colorBorderButtonPrimaryDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
403
404
  colorTextButtonPrimaryDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
405
+ colorItemSelected?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
404
406
  colorBorderContainerTop?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
405
407
  colorBorderControlDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
406
408
  colorBorderDividerDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -667,6 +669,7 @@ export declare interface TypedOverride {
667
669
  colorTextButtonIconDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
668
670
  colorBorderButtonPrimaryDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
669
671
  colorTextButtonPrimaryDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
672
+ colorItemSelected?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
670
673
  colorBorderContainerTop?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
671
674
  colorBorderControlDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
672
675
  colorBorderDividerDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -933,6 +936,7 @@ export declare interface TypedOverride {
933
936
  colorTextButtonIconDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
934
937
  colorBorderButtonPrimaryDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
935
938
  colorTextButtonPrimaryDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
939
+ colorItemSelected?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
936
940
  colorBorderContainerTop?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
937
941
  colorBorderControlDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
938
942
  colorBorderDividerDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -1199,6 +1203,7 @@ export declare interface TypedOverride {
1199
1203
  colorTextButtonIconDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1200
1204
  colorBorderButtonPrimaryDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1201
1205
  colorTextButtonPrimaryDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1206
+ colorItemSelected?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1202
1207
  colorBorderContainerTop?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1203
1208
  colorBorderControlDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1204
1209
  colorBorderDividerDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -1465,6 +1470,7 @@ export declare interface TypedOverride {
1465
1470
  colorTextButtonIconDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1466
1471
  colorBorderButtonPrimaryDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1467
1472
  colorTextButtonPrimaryDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1473
+ colorItemSelected?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1468
1474
  colorBorderContainerTop?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1469
1475
  colorBorderControlDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1470
1476
  colorBorderDividerDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -1731,6 +1737,7 @@ export declare interface TypedOverride {
1731
1737
  colorTextButtonIconDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1732
1738
  colorBorderButtonPrimaryDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1733
1739
  colorTextButtonPrimaryDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1740
+ colorItemSelected?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1734
1741
  colorBorderContainerTop?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1735
1742
  colorBorderControlDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1736
1743
  colorBorderDividerDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -1997,6 +2004,7 @@ export declare interface TypedOverride {
1997
2004
  colorTextButtonIconDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1998
2005
  colorBorderButtonPrimaryDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1999
2006
  colorTextButtonPrimaryDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2007
+ colorItemSelected?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2000
2008
  colorBorderContainerTop?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2001
2009
  colorBorderControlDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2002
2010
  colorBorderDividerDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -2263,6 +2271,7 @@ export declare interface TypedOverride {
2263
2271
  colorTextButtonIconDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2264
2272
  colorBorderButtonPrimaryDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2265
2273
  colorTextButtonPrimaryDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2274
+ colorItemSelected?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2266
2275
  colorBorderContainerTop?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2267
2276
  colorBorderControlDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2268
2277
  colorBorderDividerDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
package/internal/generated/theming/index.js CHANGED
@@ -1214,6 +1214,10 @@ export var preset = {
1214
1214
  "light": "{colorGrey500}",
1215
1215
  "dark": "{colorGrey500}"
1216
1216
  },
1217
+ "colorItemSelected": {
1218
+ "light": "{colorBlue600}",
1219
+ "dark": "{colorBlue400}"
1220
+ },
1217
1221
  "colorBorderCalendarGrid": {
1218
1222
  "light": "transparent",
1219
1223
  "dark": "transparent"
@@ -1339,8 +1343,8 @@ export var preset = {
1339
1343
  "dark": "{colorBorderItemSelected}"
1340
1344
  },
1341
1345
  "colorBorderItemSelected": {
1342
- "light": "{colorBlue600}",
1343
- "dark": "{colorBlue400}"
1346
+ "light": "{colorItemSelected}",
1347
+ "dark": "{colorItemSelected}"
1344
1348
  },
1345
1349
  "colorBorderLayout": {
1346
1350
  "light": "{colorGrey350}",
@@ -3494,6 +3498,10 @@ export var preset = {
3494
3498
  "light": "{colorGrey500}",
3495
3499
  "dark": "{colorGrey500}"
3496
3500
  },
3501
+ "colorItemSelected": {
3502
+ "light": "{colorBlue400}",
3503
+ "dark": "{colorBlue400}"
3504
+ },
3497
3505
  "colorBorderCalendarGrid": {
3498
3506
  "light": "transparent",
3499
3507
  "dark": "transparent"
@@ -3619,8 +3627,8 @@ export var preset = {
3619
3627
  "dark": "{colorBorderItemSelected}"
3620
3628
  },
3621
3629
  "colorBorderItemSelected": {
3622
- "light": "{colorBlue400}",
3623
- "dark": "{colorBlue400}"
3630
+ "light": "{colorItemSelected}",
3631
+ "dark": "{colorItemSelected}"
3624
3632
  },
3625
3633
  "colorBorderLayout": {
3626
3634
  "light": "{colorGrey650}",
@@ -4672,6 +4680,10 @@ export var preset = {
4672
4680
  "light": "{colorGrey500}",
4673
4681
  "dark": "{colorGrey500}"
4674
4682
  },
4683
+ "colorItemSelected": {
4684
+ "light": "{colorBlue400}",
4685
+ "dark": "{colorBlue400}"
4686
+ },
4675
4687
  "colorBorderCalendarGrid": {
4676
4688
  "light": "transparent",
4677
4689
  "dark": "transparent"
@@ -4797,8 +4809,8 @@ export var preset = {
4797
4809
  "dark": "{colorBorderItemSelected}"
4798
4810
  },
4799
4811
  "colorBorderItemSelected": {
4800
- "light": "{colorBlue400}",
4801
- "dark": "{colorBlue400}"
4812
+ "light": "{colorItemSelected}",
4813
+ "dark": "{colorItemSelected}"
4802
4814
  },
4803
4815
  "colorBorderLayout": {
4804
4816
  "light": "{colorGrey650}",
@@ -5782,6 +5794,10 @@ export var preset = {
5782
5794
  "light": "{colorGrey500}",
5783
5795
  "dark": "{colorGrey500}"
5784
5796
  },
5797
+ "colorItemSelected": {
5798
+ "light": "{colorBlue600}",
5799
+ "dark": "{colorBlue400}"
5800
+ },
5785
5801
  "colorBorderCalendarGrid": {
5786
5802
  "light": "transparent",
5787
5803
  "dark": "transparent"
@@ -5907,8 +5923,8 @@ export var preset = {
5907
5923
  "dark": "{colorBorderItemSelected}"
5908
5924
  },
5909
5925
  "colorBorderItemSelected": {
5910
- "light": "{colorBlue600}",
5911
- "dark": "{colorBlue400}"
5926
+ "light": "{colorItemSelected}",
5927
+ "dark": "{colorItemSelected}"
5912
5928
  },
5913
5929
  "colorBorderLayout": {
5914
5930
  "light": "{colorGrey350}",
@@ -6892,6 +6908,10 @@ export var preset = {
6892
6908
  "light": "{colorGrey500}",
6893
6909
  "dark": "{colorGrey500}"
6894
6910
  },
6911
+ "colorItemSelected": {
6912
+ "light": "{colorBlue600}",
6913
+ "dark": "{colorBlue400}"
6914
+ },
6895
6915
  "colorBorderCalendarGrid": {
6896
6916
  "light": "transparent",
6897
6917
  "dark": "transparent"
@@ -7017,8 +7037,8 @@ export var preset = {
7017
7037
  "dark": "{colorBorderItemSelected}"
7018
7038
  },
7019
7039
  "colorBorderItemSelected": {
7020
- "light": "{colorBlue600}",
7021
- "dark": "{colorBlue400}"
7040
+ "light": "{colorItemSelected}",
7041
+ "dark": "{colorItemSelected}"
7022
7042
  },
7023
7043
  "colorBorderLayout": {
7024
7044
  "light": "{colorGrey350}",
@@ -8002,6 +8022,10 @@ export var preset = {
8002
8022
  "light": "{colorGrey500}",
8003
8023
  "dark": "{colorGrey500}"
8004
8024
  },
8025
+ "colorItemSelected": {
8026
+ "light": "{colorBlue600}",
8027
+ "dark": "{colorBlue400}"
8028
+ },
8005
8029
  "colorBorderCalendarGrid": {
8006
8030
  "light": "transparent",
8007
8031
  "dark": "transparent"
@@ -8127,8 +8151,8 @@ export var preset = {
8127
8151
  "dark": "{colorBorderItemSelected}"
8128
8152
  },
8129
8153
  "colorBorderItemSelected": {
8130
- "light": "{colorBlue600}",
8131
- "dark": "{colorBlue400}"
8154
+ "light": "{colorItemSelected}",
8155
+ "dark": "{colorItemSelected}"
8132
8156
  },
8133
8157
  "colorBorderLayout": {
8134
8158
  "light": "{colorGrey350}",
@@ -9114,6 +9138,10 @@ export var preset = {
9114
9138
  "light": "{colorGrey500}",
9115
9139
  "dark": "{colorGrey500}"
9116
9140
  },
9141
+ "colorItemSelected": {
9142
+ "light": "{colorBlue400}",
9143
+ "dark": "{colorBlue400}"
9144
+ },
9117
9145
  "colorBorderCalendarGrid": {
9118
9146
  "light": "transparent",
9119
9147
  "dark": "transparent"
@@ -9239,8 +9267,8 @@ export var preset = {
9239
9267
  "dark": "{colorBorderItemSelected}"
9240
9268
  },
9241
9269
  "colorBorderItemSelected": {
9242
- "light": "{colorBlue400}",
9243
- "dark": "{colorBlue400}"
9270
+ "light": "{colorItemSelected}",
9271
+ "dark": "{colorItemSelected}"
9244
9272
  },
9245
9273
  "colorBorderLayout": {
9246
9274
  "light": "{colorGrey650}",
@@ -10069,6 +10097,7 @@ export var preset = {
10069
10097
  "colorTextButtonIconDisabled": "color",
10070
10098
  "colorBorderButtonPrimaryDisabled": "color",
10071
10099
  "colorTextButtonPrimaryDisabled": "color",
10100
+ "colorItemSelected": "color",
10072
10101
  "colorBorderCalendarGrid": "color",
10073
10102
  "colorBorderCalendarGridSelectedFocusRing": "color",
10074
10103
  "colorBorderCellShaded": "color",
@@ -10538,6 +10567,7 @@ export var preset = {
10538
10567
  "colorTextButtonIconDisabled",
10539
10568
  "colorBorderButtonPrimaryDisabled",
10540
10569
  "colorTextButtonPrimaryDisabled",
10570
+ "colorItemSelected",
10541
10571
  "colorBorderContainerTop",
10542
10572
  "colorBorderControlDefault",
10543
10573
  "colorBorderDividerDefault",
@@ -10898,6 +10928,7 @@ export var preset = {
10898
10928
  "colorTextButtonIconDisabled",
10899
10929
  "colorBorderButtonPrimaryDisabled",
10900
10930
  "colorTextButtonPrimaryDisabled",
10931
+ "colorItemSelected",
10901
10932
  "colorBorderContainerTop",
10902
10933
  "colorBorderControlDefault",
10903
10934
  "colorBorderDividerDefault",
@@ -11398,6 +11429,7 @@ export var preset = {
11398
11429
  "colorTextButtonIconDisabled": "color-text-button-icon-disabled",
11399
11430
  "colorBorderButtonPrimaryDisabled": "color-border-button-primary-disabled",
11400
11431
  "colorTextButtonPrimaryDisabled": "color-text-button-primary-disabled",
11432
+ "colorItemSelected": "color-item-selected",
11401
11433
  "colorBorderCalendarGrid": "color-border-calendar-grid",
11402
11434
  "colorBorderCalendarGridSelectedFocusRing": "color-border-calendar-grid-selected-focus-ring",
11403
11435
  "colorBorderCellShaded": "color-border-cell-shaded",
@@ -12156,6 +12188,7 @@ export var preset = {
12156
12188
  "colorTextButtonIconDisabled": "--color-text-button-icon-disabled-nnofkn",
12157
12189
  "colorBorderButtonPrimaryDisabled": "--color-border-button-primary-disabled-b5p1ji",
12158
12190
  "colorTextButtonPrimaryDisabled": "--color-text-button-primary-disabled-q79gms",
12191
+ "colorItemSelected": "--color-item-selected-72rnwy",
12159
12192
  "colorBorderCalendarGrid": "--color-border-calendar-grid-67r4w4",
12160
12193
  "colorBorderCalendarGridSelectedFocusRing": "--color-border-calendar-grid-selected-focus-ring-jk1fb0",
12161
12194
  "colorBorderCellShaded": "--color-border-cell-shaded-0ipazf",
package/internal/global-drag-state-styles/index.js CHANGED
@@ -2,9 +2,6 @@
2
2
  // SPDX-License-Identifier: Apache-2.0
3
3
  import { useDragSubscription } from "../dnd-controller/controller";
4
4
  import styles from "./styles.css.js";
5
- function assertNever(value) {
6
- throw new Error("Unexpected value: " + value);
7
- }
8
5
  function setup({ operation, interactionType }) {
9
6
  const isPointerInteraction = interactionType === "pointer";
10
7
  switch (operation) {
@@ -20,8 +17,7 @@ function setup({ operation, interactionType }) {
20
17
  }
21
18
  break;
22
19
  default:
23
- // there will be a type error if not all operation types are handled
24
- assertNever(operation);
20
+ throw new Error("Invariant violation: unexpected operation type.");
25
21
  }
26
22
  if (isPointerInteraction) {
27
23
  document.body.classList.add(styles["disable-selection"]);
package/internal/global-drag-state-styles/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/internal/global-drag-state-styles/index.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,EAAmB,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AAEpF,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAErC,SAAS,WAAW,CAAC,KAAY;IAC/B,MAAM,IAAI,KAAK,CAAC,oBAAoB,GAAG,KAAK,CAAC,CAAC;AAChD,CAAC;AAED,SAAS,KAAK,CAAC,EAAE,SAAS,EAAE,eAAe,EAAmB;IAC5D,MAAM,oBAAoB,GAAG,eAAe,KAAK,SAAS,CAAC;IAC3D,QAAQ,SAAS,EAAE;QACjB,KAAK,QAAQ,CAAC;QACd,KAAK,SAAS;YACZ,IAAI,oBAAoB,EAAE;gBACxB,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,MAAM,CAAC,kBAAkB,CAAC,CAAC,CAAC;aACzD;YACD,MAAM;QACR,KAAK,QAAQ;YACX,IAAI,oBAAoB,EAAE;gBACxB,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,MAAM,CAAC,oBAAoB,CAAC,CAAC,CAAC;aAC3D;YACD,MAAM;QACR;YACE,oEAAoE;YACpE,WAAW,CAAC,SAAS,CAAC,CAAC;KAC1B;IAED,IAAI,oBAAoB,EAAE;QACxB,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,MAAM,CAAC,mBAAmB,CAAC,CAAC,CAAC;KAC1D;AACH,CAAC;AAED,SAAS,QAAQ;IACf,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,MAAM,CAAC,kBAAkB,CAAC,EAAE,MAAM,CAAC,oBAAoB,CAAC,EAAE,MAAM,CAAC,mBAAmB,CAAC,CAAC,CAAC;AACxH,CAAC;AAED,MAAM,UAAU,wBAAwB;IACtC,mBAAmB,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;IACpC,mBAAmB,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC;IACzC,mBAAmB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;AAC1C,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { DragAndDropData, useDragSubscription } from \"../dnd-controller/controller\";\n\nimport styles from \"./styles.css.js\";\n\nfunction assertNever(value: never) {\n throw new Error(\"Unexpected value: \" + value);\n}\n\nfunction setup({ operation, interactionType }: DragAndDropData) {\n const isPointerInteraction = interactionType === \"pointer\";\n switch (operation) {\n case \"insert\":\n case \"reorder\":\n if (isPointerInteraction) {\n document.body.classList.add(styles[\"show-grab-cursor\"]);\n }\n break;\n case \"resize\":\n if (isPointerInteraction) {\n document.body.classList.add(styles[\"show-resize-cursor\"]);\n }\n break;\n default:\n // there will be a type error if not all operation types are handled\n assertNever(operation);\n }\n\n if (isPointerInteraction) {\n document.body.classList.add(styles[\"disable-selection\"]);\n }\n}\n\nfunction teardown() {\n document.body.classList.remove(styles[\"show-grab-cursor\"], styles[\"show-resize-cursor\"], styles[\"disable-selection\"]);\n}\n\nexport function useGlobalDragStateStyles() {\n useDragSubscription(\"start\", setup);\n useDragSubscription(\"discard\", teardown);\n useDragSubscription(\"submit\", teardown);\n}\n"]}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/internal/global-drag-state-styles/index.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,EAAmB,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AAEpF,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAErC,SAAS,KAAK,CAAC,EAAE,SAAS,EAAE,eAAe,EAAmB;IAC5D,MAAM,oBAAoB,GAAG,eAAe,KAAK,SAAS,CAAC;IAC3D,QAAQ,SAAS,EAAE;QACjB,KAAK,QAAQ,CAAC;QACd,KAAK,SAAS;YACZ,IAAI,oBAAoB,EAAE;gBACxB,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,MAAM,CAAC,kBAAkB,CAAC,CAAC,CAAC;aACzD;YACD,MAAM;QACR,KAAK,QAAQ;YACX,IAAI,oBAAoB,EAAE;gBACxB,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,MAAM,CAAC,oBAAoB,CAAC,CAAC,CAAC;aAC3D;YACD,MAAM;QACR;YACE,MAAM,IAAI,KAAK,CAAC,iDAAiD,CAAC,CAAC;KACtE;IAED,IAAI,oBAAoB,EAAE;QACxB,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,MAAM,CAAC,mBAAmB,CAAC,CAAC,CAAC;KAC1D;AACH,CAAC;AAED,SAAS,QAAQ;IACf,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,MAAM,CAAC,kBAAkB,CAAC,EAAE,MAAM,CAAC,oBAAoB,CAAC,EAAE,MAAM,CAAC,mBAAmB,CAAC,CAAC,CAAC;AACxH,CAAC;AAED,MAAM,UAAU,wBAAwB;IACtC,mBAAmB,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;IACpC,mBAAmB,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC;IACzC,mBAAmB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;AAC1C,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { DragAndDropData, useDragSubscription } from \"../dnd-controller/controller\";\n\nimport styles from \"./styles.css.js\";\n\nfunction setup({ operation, interactionType }: DragAndDropData) {\n const isPointerInteraction = interactionType === \"pointer\";\n switch (operation) {\n case \"insert\":\n case \"reorder\":\n if (isPointerInteraction) {\n document.body.classList.add(styles[\"show-grab-cursor\"]);\n }\n break;\n case \"resize\":\n if (isPointerInteraction) {\n document.body.classList.add(styles[\"show-resize-cursor\"]);\n }\n break;\n default:\n throw new Error(\"Invariant violation: unexpected operation type.\");\n }\n\n if (isPointerInteraction) {\n document.body.classList.add(styles[\"disable-selection\"]);\n }\n}\n\nfunction teardown() {\n document.body.classList.remove(styles[\"show-grab-cursor\"], styles[\"show-resize-cursor\"], styles[\"disable-selection\"]);\n}\n\nexport function useGlobalDragStateStyles() {\n useDragSubscription(\"start\", setup);\n useDragSubscription(\"discard\", teardown);\n useDragSubscription(\"submit\", teardown);\n}\n"]}
package/internal/item-container/index.js CHANGED
@@ -19,7 +19,7 @@ export const ItemContext = createContext(null);
19
19
  export function useItemContext() {
20
20
  const ctx = useContext(ItemContext);
21
21
  if (!ctx) {
22
- throw new Error("Unable to find BoardItem context.");
22
+ throw new Error("Invariant violation: no board item context.");
23
23
  }
24
24
  return ctx;
25
25
  }