@cloudscape-design/components-themeable 3.0.936 → 3.0.938

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 (106) hide show
  1. package/lib/internal/manifest.json +1 -1
  2. package/lib/internal/scss/code-editor/resizable-box/styles.scss +7 -15
  3. package/lib/internal/scss/internal/components/drag-handle-wrapper/motion.scss +190 -0
  4. package/lib/internal/scss/internal/components/drag-handle-wrapper/styles.scss +110 -0
  5. package/lib/internal/template/code-editor/index.d.ts.map +1 -1
  6. package/lib/internal/template/code-editor/index.js +2 -2
  7. package/lib/internal/template/code-editor/index.js.map +1 -1
  8. package/lib/internal/template/code-editor/interfaces.d.ts +2 -0
  9. package/lib/internal/template/code-editor/interfaces.d.ts.map +1 -1
  10. package/lib/internal/template/code-editor/interfaces.js.map +1 -1
  11. package/lib/internal/template/code-editor/pane.d.ts +3 -1
  12. package/lib/internal/template/code-editor/pane.d.ts.map +1 -1
  13. package/lib/internal/template/code-editor/pane.js +2 -2
  14. package/lib/internal/template/code-editor/pane.js.map +1 -1
  15. package/lib/internal/template/code-editor/resizable-box/index.d.ts +3 -1
  16. package/lib/internal/template/code-editor/resizable-box/index.d.ts.map +1 -1
  17. package/lib/internal/template/code-editor/resizable-box/index.js +40 -8
  18. package/lib/internal/template/code-editor/resizable-box/index.js.map +1 -1
  19. package/lib/internal/template/code-editor/resizable-box/styles.css.js +4 -3
  20. package/lib/internal/template/code-editor/resizable-box/styles.scoped.css +16 -37
  21. package/lib/internal/template/code-editor/resizable-box/styles.selectors.js +4 -3
  22. package/lib/internal/template/i18n/messages/all.all.js +1 -1
  23. package/lib/internal/template/i18n/messages/all.all.json +1 -1
  24. package/lib/internal/template/i18n/messages/all.ar.js +1 -1
  25. package/lib/internal/template/i18n/messages/all.ar.json +1 -1
  26. package/lib/internal/template/i18n/messages/all.de.js +1 -1
  27. package/lib/internal/template/i18n/messages/all.de.json +1 -1
  28. package/lib/internal/template/i18n/messages/all.en-GB.js +1 -1
  29. package/lib/internal/template/i18n/messages/all.en-GB.json +1 -1
  30. package/lib/internal/template/i18n/messages/all.en.js +1 -1
  31. package/lib/internal/template/i18n/messages/all.en.json +1 -1
  32. package/lib/internal/template/i18n/messages/all.es.js +1 -1
  33. package/lib/internal/template/i18n/messages/all.es.json +1 -1
  34. package/lib/internal/template/i18n/messages/all.fr.js +1 -1
  35. package/lib/internal/template/i18n/messages/all.fr.json +1 -1
  36. package/lib/internal/template/i18n/messages/all.id.js +1 -1
  37. package/lib/internal/template/i18n/messages/all.id.json +1 -1
  38. package/lib/internal/template/i18n/messages/all.it.js +1 -1
  39. package/lib/internal/template/i18n/messages/all.it.json +1 -1
  40. package/lib/internal/template/i18n/messages/all.ja.js +1 -1
  41. package/lib/internal/template/i18n/messages/all.ja.json +1 -1
  42. package/lib/internal/template/i18n/messages/all.ko.js +1 -1
  43. package/lib/internal/template/i18n/messages/all.ko.json +1 -1
  44. package/lib/internal/template/i18n/messages/all.pt-BR.js +1 -1
  45. package/lib/internal/template/i18n/messages/all.pt-BR.json +1 -1
  46. package/lib/internal/template/i18n/messages/all.tr.js +1 -1
  47. package/lib/internal/template/i18n/messages/all.tr.json +1 -1
  48. package/lib/internal/template/i18n/messages/all.zh-CN.js +1 -1
  49. package/lib/internal/template/i18n/messages/all.zh-CN.json +1 -1
  50. package/lib/internal/template/i18n/messages/all.zh-TW.js +1 -1
  51. package/lib/internal/template/i18n/messages/all.zh-TW.json +1 -1
  52. package/lib/internal/template/i18n/messages-types.d.ts +2 -0
  53. package/lib/internal/template/i18n/messages-types.d.ts.map +1 -1
  54. package/lib/internal/template/i18n/messages-types.js.map +1 -1
  55. package/lib/internal/template/internal/analytics/components/analytics-funnel.d.ts.map +1 -1
  56. package/lib/internal/template/internal/analytics/components/analytics-funnel.js +7 -2
  57. package/lib/internal/template/internal/analytics/components/analytics-funnel.js.map +1 -1
  58. package/lib/internal/template/internal/base-component/styles.scoped.css +29 -0
  59. package/lib/internal/template/internal/components/drag-handle/button.d.ts +5 -0
  60. package/lib/internal/template/internal/components/drag-handle/button.d.ts.map +1 -0
  61. package/lib/internal/template/internal/components/drag-handle/button.js +35 -0
  62. package/lib/internal/template/internal/components/drag-handle/button.js.map +1 -0
  63. package/lib/internal/template/internal/components/drag-handle/index.d.ts.map +1 -1
  64. package/lib/internal/template/internal/components/drag-handle/index.js +6 -30
  65. package/lib/internal/template/internal/components/drag-handle/index.js.map +1 -1
  66. package/lib/internal/template/internal/components/drag-handle/interfaces.d.ts +7 -1
  67. package/lib/internal/template/internal/components/drag-handle/interfaces.d.ts.map +1 -1
  68. package/lib/internal/template/internal/components/drag-handle/interfaces.js.map +1 -1
  69. package/lib/internal/template/internal/components/drag-handle-wrapper/direction-button.d.ts +11 -0
  70. package/lib/internal/template/internal/components/drag-handle-wrapper/direction-button.d.ts.map +1 -0
  71. package/lib/internal/template/internal/components/drag-handle-wrapper/direction-button.js +30 -0
  72. package/lib/internal/template/internal/components/drag-handle-wrapper/direction-button.js.map +1 -0
  73. package/lib/internal/template/internal/components/drag-handle-wrapper/index.d.ts +4 -0
  74. package/lib/internal/template/internal/components/drag-handle-wrapper/index.d.ts.map +1 -0
  75. package/lib/internal/template/internal/components/drag-handle-wrapper/index.js +138 -0
  76. package/lib/internal/template/internal/components/drag-handle-wrapper/index.js.map +1 -0
  77. package/lib/internal/template/internal/components/drag-handle-wrapper/interfaces.d.ts +10 -0
  78. package/lib/internal/template/internal/components/drag-handle-wrapper/interfaces.d.ts.map +1 -0
  79. package/lib/internal/template/internal/components/drag-handle-wrapper/interfaces.js +4 -0
  80. package/lib/internal/template/internal/components/drag-handle-wrapper/interfaces.js.map +1 -0
  81. package/lib/internal/template/internal/components/drag-handle-wrapper/portal-overlay.d.ts +6 -0
  82. package/lib/internal/template/internal/components/drag-handle-wrapper/portal-overlay.d.ts.map +1 -0
  83. package/lib/internal/template/internal/components/drag-handle-wrapper/portal-overlay.js +56 -0
  84. package/lib/internal/template/internal/components/drag-handle-wrapper/portal-overlay.js.map +1 -0
  85. package/lib/internal/template/internal/components/drag-handle-wrapper/styles.css.js +32 -0
  86. package/lib/internal/template/internal/components/drag-handle-wrapper/styles.scoped.css +508 -0
  87. package/lib/internal/template/internal/components/drag-handle-wrapper/styles.selectors.js +33 -0
  88. package/lib/internal/template/internal/environment.js +1 -1
  89. package/lib/internal/template/internal/environment.json +1 -1
  90. package/lib/internal/template/internal/generated/styles/tokens.d.ts +6 -0
  91. package/lib/internal/template/internal/generated/styles/tokens.js +6 -0
  92. package/lib/internal/template/internal/generated/theming/index.cjs +186 -0
  93. package/lib/internal/template/internal/generated/theming/index.js +186 -0
  94. package/lib/internal/template/internal/hooks/use-telemetry/index.d.ts.map +1 -1
  95. package/lib/internal/template/internal/hooks/use-telemetry/index.js +3 -1
  96. package/lib/internal/template/internal/hooks/use-telemetry/index.js.map +1 -1
  97. package/lib/internal/template/internal/utils/get-visual-theme.d.ts +2 -0
  98. package/lib/internal/template/internal/utils/get-visual-theme.d.ts.map +1 -0
  99. package/lib/internal/template/internal/utils/get-visual-theme.js +9 -0
  100. package/lib/internal/template/internal/utils/get-visual-theme.js.map +1 -0
  101. package/lib/internal/template/internal/utils/pointer-events-mock.d.ts +5 -0
  102. package/lib/internal/template/internal/utils/pointer-events-mock.d.ts.map +1 -0
  103. package/lib/internal/template/internal/utils/pointer-events-mock.js +10 -0
  104. package/lib/internal/template/internal/utils/pointer-events-mock.js.map +1 -0
  105. package/package.json +1 -1
  106. package/lib/internal/scss/code-editor/assets/resize-handler.svg +0 -3
@@ -857,6 +857,30 @@ module.exports.preset = {
857
857
  "light": "{colorBorderButtonNormalHover}",
858
858
  "dark": "{colorBorderButtonNormalHover}"
859
859
  },
860
+ "colorBackgroundDirectionButtonActive": {
861
+ "light": "{colorGrey700}",
862
+ "dark": "{colorGrey700}"
863
+ },
864
+ "colorBackgroundDirectionButtonDefault": {
865
+ "light": "{colorGrey600}",
866
+ "dark": "{colorGrey600}"
867
+ },
868
+ "colorBackgroundDirectionButtonDisabled": {
869
+ "light": "{colorGrey200}",
870
+ "dark": "{colorGrey700}"
871
+ },
872
+ "colorBackgroundDirectionButtonHover": {
873
+ "light": "{colorGrey650}",
874
+ "dark": "{colorGrey650}"
875
+ },
876
+ "colorTextDirectionButtonDefault": {
877
+ "light": "{colorWhite}",
878
+ "dark": "{colorWhite}"
879
+ },
880
+ "colorTextDirectionButtonDisabled": {
881
+ "light": "{colorTextInteractiveDisabled}",
882
+ "dark": "{colorTextInteractiveDisabled}"
883
+ },
860
884
  "colorBackgroundCalendarCurrentDate": {
861
885
  "light": "{colorGrey150}",
862
886
  "dark": "{colorGrey650}"
@@ -3070,6 +3094,30 @@ module.exports.preset = {
3070
3094
  "light": "{colorBorderButtonNormalHover}",
3071
3095
  "dark": "{colorBorderButtonNormalHover}"
3072
3096
  },
3097
+ "colorBackgroundDirectionButtonActive": {
3098
+ "light": "{colorGrey700}",
3099
+ "dark": "{colorGrey700}"
3100
+ },
3101
+ "colorBackgroundDirectionButtonDefault": {
3102
+ "light": "{colorGrey600}",
3103
+ "dark": "{colorGrey600}"
3104
+ },
3105
+ "colorBackgroundDirectionButtonDisabled": {
3106
+ "light": "{colorGrey700}",
3107
+ "dark": "{colorGrey700}"
3108
+ },
3109
+ "colorBackgroundDirectionButtonHover": {
3110
+ "light": "{colorGrey650}",
3111
+ "dark": "{colorGrey650}"
3112
+ },
3113
+ "colorTextDirectionButtonDefault": {
3114
+ "light": "{colorWhite}",
3115
+ "dark": "{colorWhite}"
3116
+ },
3117
+ "colorTextDirectionButtonDisabled": {
3118
+ "light": "{colorTextInteractiveDisabled}",
3119
+ "dark": "{colorTextInteractiveDisabled}"
3120
+ },
3073
3121
  "colorBackgroundCalendarCurrentDate": {
3074
3122
  "light": "{colorGrey650}",
3075
3123
  "dark": "{colorGrey650}"
@@ -4192,6 +4240,30 @@ module.exports.preset = {
4192
4240
  "light": "{colorBorderButtonNormalHover}",
4193
4241
  "dark": "{colorBorderButtonNormalHover}"
4194
4242
  },
4243
+ "colorBackgroundDirectionButtonActive": {
4244
+ "light": "{colorGrey700}",
4245
+ "dark": "{colorGrey700}"
4246
+ },
4247
+ "colorBackgroundDirectionButtonDefault": {
4248
+ "light": "{colorGrey600}",
4249
+ "dark": "{colorGrey600}"
4250
+ },
4251
+ "colorBackgroundDirectionButtonDisabled": {
4252
+ "light": "{colorGrey700}",
4253
+ "dark": "{colorGrey700}"
4254
+ },
4255
+ "colorBackgroundDirectionButtonHover": {
4256
+ "light": "{colorGrey650}",
4257
+ "dark": "{colorGrey650}"
4258
+ },
4259
+ "colorTextDirectionButtonDefault": {
4260
+ "light": "{colorWhite}",
4261
+ "dark": "{colorWhite}"
4262
+ },
4263
+ "colorTextDirectionButtonDisabled": {
4264
+ "light": "{colorTextInteractiveDisabled}",
4265
+ "dark": "{colorTextInteractiveDisabled}"
4266
+ },
4195
4267
  "colorBackgroundCalendarCurrentDate": {
4196
4268
  "light": "{colorGrey650}",
4197
4269
  "dark": "{colorGrey650}"
@@ -5246,6 +5318,30 @@ module.exports.preset = {
5246
5318
  "light": "{colorBorderButtonNormalHover}",
5247
5319
  "dark": "{colorBorderButtonNormalHover}"
5248
5320
  },
5321
+ "colorBackgroundDirectionButtonActive": {
5322
+ "light": "{colorGrey700}",
5323
+ "dark": "{colorGrey700}"
5324
+ },
5325
+ "colorBackgroundDirectionButtonDefault": {
5326
+ "light": "{colorGrey600}",
5327
+ "dark": "{colorGrey600}"
5328
+ },
5329
+ "colorBackgroundDirectionButtonDisabled": {
5330
+ "light": "{colorGrey200}",
5331
+ "dark": "{colorGrey700}"
5332
+ },
5333
+ "colorBackgroundDirectionButtonHover": {
5334
+ "light": "{colorGrey650}",
5335
+ "dark": "{colorGrey650}"
5336
+ },
5337
+ "colorTextDirectionButtonDefault": {
5338
+ "light": "{colorWhite}",
5339
+ "dark": "{colorWhite}"
5340
+ },
5341
+ "colorTextDirectionButtonDisabled": {
5342
+ "light": "{colorTextInteractiveDisabled}",
5343
+ "dark": "{colorTextInteractiveDisabled}"
5344
+ },
5249
5345
  "colorBackgroundCalendarCurrentDate": {
5250
5346
  "light": "{colorGrey150}",
5251
5347
  "dark": "{colorGrey650}"
@@ -6300,6 +6396,30 @@ module.exports.preset = {
6300
6396
  "light": "{colorBorderButtonNormalHover}",
6301
6397
  "dark": "{colorBorderButtonNormalHover}"
6302
6398
  },
6399
+ "colorBackgroundDirectionButtonActive": {
6400
+ "light": "{colorGrey700}",
6401
+ "dark": "{colorGrey700}"
6402
+ },
6403
+ "colorBackgroundDirectionButtonDefault": {
6404
+ "light": "{colorGrey600}",
6405
+ "dark": "{colorGrey600}"
6406
+ },
6407
+ "colorBackgroundDirectionButtonDisabled": {
6408
+ "light": "{colorGrey200}",
6409
+ "dark": "{colorGrey700}"
6410
+ },
6411
+ "colorBackgroundDirectionButtonHover": {
6412
+ "light": "{colorGrey650}",
6413
+ "dark": "{colorGrey650}"
6414
+ },
6415
+ "colorTextDirectionButtonDefault": {
6416
+ "light": "{colorWhite}",
6417
+ "dark": "{colorWhite}"
6418
+ },
6419
+ "colorTextDirectionButtonDisabled": {
6420
+ "light": "{colorTextInteractiveDisabled}",
6421
+ "dark": "{colorTextInteractiveDisabled}"
6422
+ },
6303
6423
  "colorBackgroundCalendarCurrentDate": {
6304
6424
  "light": "{colorGrey150}",
6305
6425
  "dark": "{colorGrey650}"
@@ -7354,6 +7474,30 @@ module.exports.preset = {
7354
7474
  "light": "{colorBorderButtonNormalHover}",
7355
7475
  "dark": "{colorBorderButtonNormalHover}"
7356
7476
  },
7477
+ "colorBackgroundDirectionButtonActive": {
7478
+ "light": "{colorGrey700}",
7479
+ "dark": "{colorGrey700}"
7480
+ },
7481
+ "colorBackgroundDirectionButtonDefault": {
7482
+ "light": "{colorGrey600}",
7483
+ "dark": "{colorGrey600}"
7484
+ },
7485
+ "colorBackgroundDirectionButtonDisabled": {
7486
+ "light": "{colorGrey200}",
7487
+ "dark": "{colorGrey700}"
7488
+ },
7489
+ "colorBackgroundDirectionButtonHover": {
7490
+ "light": "{colorGrey650}",
7491
+ "dark": "{colorGrey650}"
7492
+ },
7493
+ "colorTextDirectionButtonDefault": {
7494
+ "light": "{colorWhite}",
7495
+ "dark": "{colorWhite}"
7496
+ },
7497
+ "colorTextDirectionButtonDisabled": {
7498
+ "light": "{colorTextInteractiveDisabled}",
7499
+ "dark": "{colorTextInteractiveDisabled}"
7500
+ },
7357
7501
  "colorBackgroundCalendarCurrentDate": {
7358
7502
  "light": "{colorGrey150}",
7359
7503
  "dark": "{colorGrey650}"
@@ -8410,6 +8554,30 @@ module.exports.preset = {
8410
8554
  "light": "{colorBorderButtonNormalHover}",
8411
8555
  "dark": "{colorBorderButtonNormalHover}"
8412
8556
  },
8557
+ "colorBackgroundDirectionButtonActive": {
8558
+ "light": "{colorGrey700}",
8559
+ "dark": "{colorGrey700}"
8560
+ },
8561
+ "colorBackgroundDirectionButtonDefault": {
8562
+ "light": "{colorGrey600}",
8563
+ "dark": "{colorGrey600}"
8564
+ },
8565
+ "colorBackgroundDirectionButtonDisabled": {
8566
+ "light": "{colorGrey700}",
8567
+ "dark": "{colorGrey700}"
8568
+ },
8569
+ "colorBackgroundDirectionButtonHover": {
8570
+ "light": "{colorGrey650}",
8571
+ "dark": "{colorGrey650}"
8572
+ },
8573
+ "colorTextDirectionButtonDefault": {
8574
+ "light": "{colorWhite}",
8575
+ "dark": "{colorWhite}"
8576
+ },
8577
+ "colorTextDirectionButtonDisabled": {
8578
+ "light": "{colorTextInteractiveDisabled}",
8579
+ "dark": "{colorTextInteractiveDisabled}"
8580
+ },
8413
8581
  "colorBackgroundCalendarCurrentDate": {
8414
8582
  "light": "{colorGrey650}",
8415
8583
  "dark": "{colorGrey650}"
@@ -9565,6 +9733,12 @@ module.exports.preset = {
9565
9733
  "colorBackgroundButtonPrimaryDefault": "color",
9566
9734
  "colorBackgroundButtonPrimaryDisabled": "color",
9567
9735
  "colorBackgroundButtonPrimaryHover": "color",
9736
+ "colorBackgroundDirectionButtonActive": "color",
9737
+ "colorBackgroundDirectionButtonDefault": "color",
9738
+ "colorBackgroundDirectionButtonDisabled": "color",
9739
+ "colorBackgroundDirectionButtonHover": "color",
9740
+ "colorTextDirectionButtonDefault": "color",
9741
+ "colorTextDirectionButtonDisabled": "color",
9568
9742
  "colorBackgroundCalendarCurrentDate": "color",
9569
9743
  "colorBackgroundCellShaded": "color",
9570
9744
  "colorBackgroundCodeEditorGutterActiveLineDefault": "color",
@@ -10848,6 +11022,12 @@ module.exports.preset = {
10848
11022
  "colorBackgroundButtonPrimaryDefault": "color-background-button-primary-default",
10849
11023
  "colorBackgroundButtonPrimaryDisabled": "color-background-button-primary-disabled",
10850
11024
  "colorBackgroundButtonPrimaryHover": "color-background-button-primary-hover",
11025
+ "colorBackgroundDirectionButtonActive": "color-background-direction-button-active",
11026
+ "colorBackgroundDirectionButtonDefault": "color-background-direction-button-default",
11027
+ "colorBackgroundDirectionButtonDisabled": "color-background-direction-button-disabled",
11028
+ "colorBackgroundDirectionButtonHover": "color-background-direction-button-hover",
11029
+ "colorTextDirectionButtonDefault": "color-text-direction-button-default",
11030
+ "colorTextDirectionButtonDisabled": "color-text-direction-button-disabled",
10851
11031
  "colorBackgroundCalendarCurrentDate": "color-background-calendar-current-date",
10852
11032
  "colorBackgroundCellShaded": "color-background-cell-shaded",
10853
11033
  "colorBackgroundCodeEditorGutterActiveLineDefault": "color-background-code-editor-gutter-active-line-default",
@@ -11590,6 +11770,12 @@ module.exports.preset = {
11590
11770
  "colorBackgroundButtonPrimaryDefault": "--color-background-button-primary-default-15m72j",
11591
11771
  "colorBackgroundButtonPrimaryDisabled": "--color-background-button-primary-disabled-l4i17m",
11592
11772
  "colorBackgroundButtonPrimaryHover": "--color-background-button-primary-hover-0qidjj",
11773
+ "colorBackgroundDirectionButtonActive": "--color-background-direction-button-active-hvd0pc",
11774
+ "colorBackgroundDirectionButtonDefault": "--color-background-direction-button-default-0p1y3c",
11775
+ "colorBackgroundDirectionButtonDisabled": "--color-background-direction-button-disabled-54epp1",
11776
+ "colorBackgroundDirectionButtonHover": "--color-background-direction-button-hover-pwck9a",
11777
+ "colorTextDirectionButtonDefault": "--color-text-direction-button-default-554zrt",
11778
+ "colorTextDirectionButtonDisabled": "--color-text-direction-button-disabled-ok08o0",
11593
11779
  "colorBackgroundCalendarCurrentDate": "--color-background-calendar-current-date-a6ucrp",
11594
11780
  "colorBackgroundCellShaded": "--color-background-cell-shaded-sc089k",
11595
11781
  "colorBackgroundCodeEditorGutterActiveLineDefault": "--color-background-code-editor-gutter-active-line-default-v8is2q",
@@ -857,6 +857,30 @@ export var preset = {
857
857
  "light": "{colorBorderButtonNormalHover}",
858
858
  "dark": "{colorBorderButtonNormalHover}"
859
859
  },
860
+ "colorBackgroundDirectionButtonActive": {
861
+ "light": "{colorGrey700}",
862
+ "dark": "{colorGrey700}"
863
+ },
864
+ "colorBackgroundDirectionButtonDefault": {
865
+ "light": "{colorGrey600}",
866
+ "dark": "{colorGrey600}"
867
+ },
868
+ "colorBackgroundDirectionButtonDisabled": {
869
+ "light": "{colorGrey200}",
870
+ "dark": "{colorGrey700}"
871
+ },
872
+ "colorBackgroundDirectionButtonHover": {
873
+ "light": "{colorGrey650}",
874
+ "dark": "{colorGrey650}"
875
+ },
876
+ "colorTextDirectionButtonDefault": {
877
+ "light": "{colorWhite}",
878
+ "dark": "{colorWhite}"
879
+ },
880
+ "colorTextDirectionButtonDisabled": {
881
+ "light": "{colorTextInteractiveDisabled}",
882
+ "dark": "{colorTextInteractiveDisabled}"
883
+ },
860
884
  "colorBackgroundCalendarCurrentDate": {
861
885
  "light": "{colorGrey150}",
862
886
  "dark": "{colorGrey650}"
@@ -3070,6 +3094,30 @@ export var preset = {
3070
3094
  "light": "{colorBorderButtonNormalHover}",
3071
3095
  "dark": "{colorBorderButtonNormalHover}"
3072
3096
  },
3097
+ "colorBackgroundDirectionButtonActive": {
3098
+ "light": "{colorGrey700}",
3099
+ "dark": "{colorGrey700}"
3100
+ },
3101
+ "colorBackgroundDirectionButtonDefault": {
3102
+ "light": "{colorGrey600}",
3103
+ "dark": "{colorGrey600}"
3104
+ },
3105
+ "colorBackgroundDirectionButtonDisabled": {
3106
+ "light": "{colorGrey700}",
3107
+ "dark": "{colorGrey700}"
3108
+ },
3109
+ "colorBackgroundDirectionButtonHover": {
3110
+ "light": "{colorGrey650}",
3111
+ "dark": "{colorGrey650}"
3112
+ },
3113
+ "colorTextDirectionButtonDefault": {
3114
+ "light": "{colorWhite}",
3115
+ "dark": "{colorWhite}"
3116
+ },
3117
+ "colorTextDirectionButtonDisabled": {
3118
+ "light": "{colorTextInteractiveDisabled}",
3119
+ "dark": "{colorTextInteractiveDisabled}"
3120
+ },
3073
3121
  "colorBackgroundCalendarCurrentDate": {
3074
3122
  "light": "{colorGrey650}",
3075
3123
  "dark": "{colorGrey650}"
@@ -4192,6 +4240,30 @@ export var preset = {
4192
4240
  "light": "{colorBorderButtonNormalHover}",
4193
4241
  "dark": "{colorBorderButtonNormalHover}"
4194
4242
  },
4243
+ "colorBackgroundDirectionButtonActive": {
4244
+ "light": "{colorGrey700}",
4245
+ "dark": "{colorGrey700}"
4246
+ },
4247
+ "colorBackgroundDirectionButtonDefault": {
4248
+ "light": "{colorGrey600}",
4249
+ "dark": "{colorGrey600}"
4250
+ },
4251
+ "colorBackgroundDirectionButtonDisabled": {
4252
+ "light": "{colorGrey700}",
4253
+ "dark": "{colorGrey700}"
4254
+ },
4255
+ "colorBackgroundDirectionButtonHover": {
4256
+ "light": "{colorGrey650}",
4257
+ "dark": "{colorGrey650}"
4258
+ },
4259
+ "colorTextDirectionButtonDefault": {
4260
+ "light": "{colorWhite}",
4261
+ "dark": "{colorWhite}"
4262
+ },
4263
+ "colorTextDirectionButtonDisabled": {
4264
+ "light": "{colorTextInteractiveDisabled}",
4265
+ "dark": "{colorTextInteractiveDisabled}"
4266
+ },
4195
4267
  "colorBackgroundCalendarCurrentDate": {
4196
4268
  "light": "{colorGrey650}",
4197
4269
  "dark": "{colorGrey650}"
@@ -5246,6 +5318,30 @@ export var preset = {
5246
5318
  "light": "{colorBorderButtonNormalHover}",
5247
5319
  "dark": "{colorBorderButtonNormalHover}"
5248
5320
  },
5321
+ "colorBackgroundDirectionButtonActive": {
5322
+ "light": "{colorGrey700}",
5323
+ "dark": "{colorGrey700}"
5324
+ },
5325
+ "colorBackgroundDirectionButtonDefault": {
5326
+ "light": "{colorGrey600}",
5327
+ "dark": "{colorGrey600}"
5328
+ },
5329
+ "colorBackgroundDirectionButtonDisabled": {
5330
+ "light": "{colorGrey200}",
5331
+ "dark": "{colorGrey700}"
5332
+ },
5333
+ "colorBackgroundDirectionButtonHover": {
5334
+ "light": "{colorGrey650}",
5335
+ "dark": "{colorGrey650}"
5336
+ },
5337
+ "colorTextDirectionButtonDefault": {
5338
+ "light": "{colorWhite}",
5339
+ "dark": "{colorWhite}"
5340
+ },
5341
+ "colorTextDirectionButtonDisabled": {
5342
+ "light": "{colorTextInteractiveDisabled}",
5343
+ "dark": "{colorTextInteractiveDisabled}"
5344
+ },
5249
5345
  "colorBackgroundCalendarCurrentDate": {
5250
5346
  "light": "{colorGrey150}",
5251
5347
  "dark": "{colorGrey650}"
@@ -6300,6 +6396,30 @@ export var preset = {
6300
6396
  "light": "{colorBorderButtonNormalHover}",
6301
6397
  "dark": "{colorBorderButtonNormalHover}"
6302
6398
  },
6399
+ "colorBackgroundDirectionButtonActive": {
6400
+ "light": "{colorGrey700}",
6401
+ "dark": "{colorGrey700}"
6402
+ },
6403
+ "colorBackgroundDirectionButtonDefault": {
6404
+ "light": "{colorGrey600}",
6405
+ "dark": "{colorGrey600}"
6406
+ },
6407
+ "colorBackgroundDirectionButtonDisabled": {
6408
+ "light": "{colorGrey200}",
6409
+ "dark": "{colorGrey700}"
6410
+ },
6411
+ "colorBackgroundDirectionButtonHover": {
6412
+ "light": "{colorGrey650}",
6413
+ "dark": "{colorGrey650}"
6414
+ },
6415
+ "colorTextDirectionButtonDefault": {
6416
+ "light": "{colorWhite}",
6417
+ "dark": "{colorWhite}"
6418
+ },
6419
+ "colorTextDirectionButtonDisabled": {
6420
+ "light": "{colorTextInteractiveDisabled}",
6421
+ "dark": "{colorTextInteractiveDisabled}"
6422
+ },
6303
6423
  "colorBackgroundCalendarCurrentDate": {
6304
6424
  "light": "{colorGrey150}",
6305
6425
  "dark": "{colorGrey650}"
@@ -7354,6 +7474,30 @@ export var preset = {
7354
7474
  "light": "{colorBorderButtonNormalHover}",
7355
7475
  "dark": "{colorBorderButtonNormalHover}"
7356
7476
  },
7477
+ "colorBackgroundDirectionButtonActive": {
7478
+ "light": "{colorGrey700}",
7479
+ "dark": "{colorGrey700}"
7480
+ },
7481
+ "colorBackgroundDirectionButtonDefault": {
7482
+ "light": "{colorGrey600}",
7483
+ "dark": "{colorGrey600}"
7484
+ },
7485
+ "colorBackgroundDirectionButtonDisabled": {
7486
+ "light": "{colorGrey200}",
7487
+ "dark": "{colorGrey700}"
7488
+ },
7489
+ "colorBackgroundDirectionButtonHover": {
7490
+ "light": "{colorGrey650}",
7491
+ "dark": "{colorGrey650}"
7492
+ },
7493
+ "colorTextDirectionButtonDefault": {
7494
+ "light": "{colorWhite}",
7495
+ "dark": "{colorWhite}"
7496
+ },
7497
+ "colorTextDirectionButtonDisabled": {
7498
+ "light": "{colorTextInteractiveDisabled}",
7499
+ "dark": "{colorTextInteractiveDisabled}"
7500
+ },
7357
7501
  "colorBackgroundCalendarCurrentDate": {
7358
7502
  "light": "{colorGrey150}",
7359
7503
  "dark": "{colorGrey650}"
@@ -8410,6 +8554,30 @@ export var preset = {
8410
8554
  "light": "{colorBorderButtonNormalHover}",
8411
8555
  "dark": "{colorBorderButtonNormalHover}"
8412
8556
  },
8557
+ "colorBackgroundDirectionButtonActive": {
8558
+ "light": "{colorGrey700}",
8559
+ "dark": "{colorGrey700}"
8560
+ },
8561
+ "colorBackgroundDirectionButtonDefault": {
8562
+ "light": "{colorGrey600}",
8563
+ "dark": "{colorGrey600}"
8564
+ },
8565
+ "colorBackgroundDirectionButtonDisabled": {
8566
+ "light": "{colorGrey700}",
8567
+ "dark": "{colorGrey700}"
8568
+ },
8569
+ "colorBackgroundDirectionButtonHover": {
8570
+ "light": "{colorGrey650}",
8571
+ "dark": "{colorGrey650}"
8572
+ },
8573
+ "colorTextDirectionButtonDefault": {
8574
+ "light": "{colorWhite}",
8575
+ "dark": "{colorWhite}"
8576
+ },
8577
+ "colorTextDirectionButtonDisabled": {
8578
+ "light": "{colorTextInteractiveDisabled}",
8579
+ "dark": "{colorTextInteractiveDisabled}"
8580
+ },
8413
8581
  "colorBackgroundCalendarCurrentDate": {
8414
8582
  "light": "{colorGrey650}",
8415
8583
  "dark": "{colorGrey650}"
@@ -9565,6 +9733,12 @@ export var preset = {
9565
9733
  "colorBackgroundButtonPrimaryDefault": "color",
9566
9734
  "colorBackgroundButtonPrimaryDisabled": "color",
9567
9735
  "colorBackgroundButtonPrimaryHover": "color",
9736
+ "colorBackgroundDirectionButtonActive": "color",
9737
+ "colorBackgroundDirectionButtonDefault": "color",
9738
+ "colorBackgroundDirectionButtonDisabled": "color",
9739
+ "colorBackgroundDirectionButtonHover": "color",
9740
+ "colorTextDirectionButtonDefault": "color",
9741
+ "colorTextDirectionButtonDisabled": "color",
9568
9742
  "colorBackgroundCalendarCurrentDate": "color",
9569
9743
  "colorBackgroundCellShaded": "color",
9570
9744
  "colorBackgroundCodeEditorGutterActiveLineDefault": "color",
@@ -10848,6 +11022,12 @@ export var preset = {
10848
11022
  "colorBackgroundButtonPrimaryDefault": "color-background-button-primary-default",
10849
11023
  "colorBackgroundButtonPrimaryDisabled": "color-background-button-primary-disabled",
10850
11024
  "colorBackgroundButtonPrimaryHover": "color-background-button-primary-hover",
11025
+ "colorBackgroundDirectionButtonActive": "color-background-direction-button-active",
11026
+ "colorBackgroundDirectionButtonDefault": "color-background-direction-button-default",
11027
+ "colorBackgroundDirectionButtonDisabled": "color-background-direction-button-disabled",
11028
+ "colorBackgroundDirectionButtonHover": "color-background-direction-button-hover",
11029
+ "colorTextDirectionButtonDefault": "color-text-direction-button-default",
11030
+ "colorTextDirectionButtonDisabled": "color-text-direction-button-disabled",
10851
11031
  "colorBackgroundCalendarCurrentDate": "color-background-calendar-current-date",
10852
11032
  "colorBackgroundCellShaded": "color-background-cell-shaded",
10853
11033
  "colorBackgroundCodeEditorGutterActiveLineDefault": "color-background-code-editor-gutter-active-line-default",
@@ -11590,6 +11770,12 @@ export var preset = {
11590
11770
  "colorBackgroundButtonPrimaryDefault": "--color-background-button-primary-default-15m72j",
11591
11771
  "colorBackgroundButtonPrimaryDisabled": "--color-background-button-primary-disabled-l4i17m",
11592
11772
  "colorBackgroundButtonPrimaryHover": "--color-background-button-primary-hover-0qidjj",
11773
+ "colorBackgroundDirectionButtonActive": "--color-background-direction-button-active-hvd0pc",
11774
+ "colorBackgroundDirectionButtonDefault": "--color-background-direction-button-default-0p1y3c",
11775
+ "colorBackgroundDirectionButtonDisabled": "--color-background-direction-button-disabled-54epp1",
11776
+ "colorBackgroundDirectionButtonHover": "--color-background-direction-button-hover-pwck9a",
11777
+ "colorTextDirectionButtonDefault": "--color-text-direction-button-default-554zrt",
11778
+ "colorTextDirectionButtonDisabled": "--color-text-direction-button-disabled-ok08o0",
11593
11779
  "colorBackgroundCalendarCurrentDate": "--color-background-calendar-current-date-a6ucrp",
11594
11780
  "colorBackgroundCellShaded": "--color-background-cell-shaded-sc089k",
11595
11781
  "colorBackgroundCodeEditorGutterActiveLineDefault": "--color-background-code-editor-gutter-active-line-default-v8is2q",
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/hooks/use-telemetry/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,sBAAsB,EAAuB,MAAM,+CAA+C,CAAC;AAK5G,wBAAgB,YAAY,CAAC,aAAa,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,sBAAsB,QAGlF"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/hooks/use-telemetry/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,sBAAsB,EAAuB,MAAM,+CAA+C,CAAC;AAM5G,wBAAgB,YAAY,CAAC,aAAa,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,sBAAsB,QAIlF"}
@@ -2,9 +2,11 @@
2
2
  // SPDX-License-Identifier: Apache-2.0
3
3
  import { useComponentMetrics } from '@cloudscape-design/component-toolkit/internal';
4
4
  import { PACKAGE_SOURCE, PACKAGE_VERSION, THEME } from '../../environment';
5
+ import { getVisualTheme } from '../../utils/get-visual-theme';
5
6
  import { useVisualRefresh } from '../use-visual-mode';
6
7
  export function useTelemetry(componentName, config) {
7
- const theme = useVisualRefresh() ? 'vr' : THEME;
8
+ const isVisualRefresh = useVisualRefresh();
9
+ const theme = getVisualTheme(THEME, isVisualRefresh);
8
10
  useComponentMetrics(componentName, { packageSource: PACKAGE_SOURCE, packageVersion: PACKAGE_VERSION, theme }, config);
9
11
  }
10
12
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/hooks/use-telemetry/index.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,EAA0B,mBAAmB,EAAE,MAAM,+CAA+C,CAAC;AAE5G,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC3E,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAEtD,MAAM,UAAU,YAAY,CAAC,aAAqB,EAAE,MAA+B;IACjF,MAAM,KAAK,GAAG,gBAAgB,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC;IAChD,mBAAmB,CAAC,aAAa,EAAE,EAAE,aAAa,EAAE,cAAc,EAAE,cAAc,EAAE,eAAe,EAAE,KAAK,EAAE,EAAE,MAAM,CAAC,CAAC;AACxH,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { ComponentConfiguration, useComponentMetrics } from '@cloudscape-design/component-toolkit/internal';\n\nimport { PACKAGE_SOURCE, PACKAGE_VERSION, THEME } from '../../environment';\nimport { useVisualRefresh } from '../use-visual-mode';\n\nexport function useTelemetry(componentName: string, config?: ComponentConfiguration) {\n const theme = useVisualRefresh() ? 'vr' : THEME;\n useComponentMetrics(componentName, { packageSource: PACKAGE_SOURCE, packageVersion: PACKAGE_VERSION, theme }, config);\n}\n"]}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/hooks/use-telemetry/index.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,EAA0B,mBAAmB,EAAE,MAAM,+CAA+C,CAAC;AAE5G,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC3E,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9D,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAEtD,MAAM,UAAU,YAAY,CAAC,aAAqB,EAAE,MAA+B;IACjF,MAAM,eAAe,GAAG,gBAAgB,EAAE,CAAC;IAC3C,MAAM,KAAK,GAAG,cAAc,CAAC,KAAK,EAAE,eAAe,CAAC,CAAC;IACrD,mBAAmB,CAAC,aAAa,EAAE,EAAE,aAAa,EAAE,cAAc,EAAE,cAAc,EAAE,eAAe,EAAE,KAAK,EAAE,EAAE,MAAM,CAAC,CAAC;AACxH,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { ComponentConfiguration, useComponentMetrics } from '@cloudscape-design/component-toolkit/internal';\n\nimport { PACKAGE_SOURCE, PACKAGE_VERSION, THEME } from '../../environment';\nimport { getVisualTheme } from '../../utils/get-visual-theme';\nimport { useVisualRefresh } from '../use-visual-mode';\n\nexport function useTelemetry(componentName: string, config?: ComponentConfiguration) {\n const isVisualRefresh = useVisualRefresh();\n const theme = getVisualTheme(THEME, isVisualRefresh);\n useComponentMetrics(componentName, { packageSource: PACKAGE_SOURCE, packageVersion: PACKAGE_VERSION, theme }, config);\n}\n"]}
@@ -0,0 +1,2 @@
1
+ export declare const getVisualTheme: (theme: string, isVR: boolean) => string;
2
+ //# sourceMappingURL=get-visual-theme.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"get-visual-theme.d.ts","sourceRoot":"","sources":["../../../../src/internal/utils/get-visual-theme.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,cAAc,UAAW,MAAM,QAAQ,OAAO,WAM1D,CAAC"}
@@ -0,0 +1,9 @@
1
+ // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
2
+ // SPDX-License-Identifier: Apache-2.0
3
+ export const getVisualTheme = (theme, isVR) => {
4
+ if (theme === 'polaris' && isVR) {
5
+ return 'vr';
6
+ }
7
+ return theme;
8
+ };
9
+ //# sourceMappingURL=get-visual-theme.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"get-visual-theme.js","sourceRoot":"","sources":["../../../../src/internal/utils/get-visual-theme.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAEtC,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,KAAa,EAAE,IAAa,EAAE,EAAE;IAC7D,IAAI,KAAK,KAAK,SAAS,IAAI,IAAI,EAAE;QAC/B,OAAO,IAAI,CAAC;KACb;IAED,OAAO,KAAK,CAAC;AACf,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nexport const getVisualTheme = (theme: string, isVR: boolean) => {\n if (theme === 'polaris' && isVR) {\n return 'vr';\n }\n\n return theme;\n};\n"]}
@@ -0,0 +1,5 @@
1
+ export declare class PointerEventMock extends MouseEvent {
2
+ readonly pointerType: string;
3
+ constructor(type: string, props: PointerEventInit);
4
+ }
5
+ //# sourceMappingURL=pointer-events-mock.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"pointer-events-mock.d.ts","sourceRoot":"","sources":["../../../../src/internal/utils/pointer-events-mock.ts"],"names":[],"mappings":"AAGA,qBAAa,gBAAiB,SAAQ,UAAU;IAC9C,QAAQ,CAAC,WAAW,EAAE,MAAM,CAAC;gBACjB,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,gBAAgB;CAIlD"}
@@ -0,0 +1,10 @@
1
+ // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
2
+ // SPDX-License-Identifier: Apache-2.0
3
+ export class PointerEventMock extends MouseEvent {
4
+ constructor(type, props) {
5
+ var _a;
6
+ super(type, props);
7
+ this.pointerType = (_a = props.pointerType) !== null && _a !== void 0 ? _a : 'mouse';
8
+ }
9
+ }
10
+ //# sourceMappingURL=pointer-events-mock.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"pointer-events-mock.js","sourceRoot":"","sources":["../../../../src/internal/utils/pointer-events-mock.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAEtC,MAAM,OAAO,gBAAiB,SAAQ,UAAU;IAE9C,YAAY,IAAY,EAAE,KAAuB;;QAC/C,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;QACnB,IAAI,CAAC,WAAW,GAAG,MAAA,KAAK,CAAC,WAAW,mCAAI,OAAO,CAAC;IAClD,CAAC;CACF","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nexport class PointerEventMock extends MouseEvent {\n readonly pointerType: string;\n constructor(type: string, props: PointerEventInit) {\n super(type, props);\n this.pointerType = props.pointerType ?? 'mouse';\n }\n}\n"]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cloudscape-design/components-themeable",
3
- "version": "3.0.936",
3
+ "version": "3.0.938",
4
4
  "files": [
5
5
  "lib"
6
6
  ],
@@ -1,3 +0,0 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" stroke="#646464" fill-opacity="0" stroke-width="1">
2
- <path d="M 8 13 L 13 8 M 13 11 L 11 13 M 5 13 L 13 5" />
3
- </svg>