@alfalab/core-components-tabs 7.3.10 → 7.3.11

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 (82) hide show
  1. package/components/primary-tablist/Component.desktop.js +1 -1
  2. package/components/primary-tablist/Component.mobile.js +2 -2
  3. package/components/primary-tablist/Component.responsive.js +1 -1
  4. package/components/primary-tablist/index.css +31 -31
  5. package/components/primary-tablist/mobile.css +105 -34
  6. package/components/scrollable-container/Component.js +1 -1
  7. package/components/scrollable-container/index.css +7 -7
  8. package/components/secondary-tablist/Component.desktop.js +1 -1
  9. package/components/secondary-tablist/Component.mobile.js +2 -2
  10. package/components/secondary-tablist/Component.responsive.js +1 -1
  11. package/components/secondary-tablist/index.css +13 -13
  12. package/components/secondary-tablist/mobile.css +86 -15
  13. package/components/tab/Component.js +1 -1
  14. package/components/tab/index.css +3 -3
  15. package/components/tabs/Component.desktop.js +2 -2
  16. package/components/tabs/Component.mobile.js +2 -2
  17. package/components/tabs/Component.responsive.js +2 -2
  18. package/cssm/components/primary-tablist/index.module.css +2 -2
  19. package/cssm/components/primary-tablist/mobile.module.css +2 -2
  20. package/cssm/components/scrollable-container/index.module.css +2 -2
  21. package/cssm/components/secondary-tablist/index.module.css +2 -2
  22. package/cssm/components/secondary-tablist/mobile.module.css +2 -2
  23. package/cssm/vars.css +2 -2
  24. package/desktop.js +2 -2
  25. package/esm/components/primary-tablist/Component.desktop.js +1 -1
  26. package/esm/components/primary-tablist/Component.mobile.js +2 -2
  27. package/esm/components/primary-tablist/Component.responsive.js +1 -1
  28. package/esm/components/primary-tablist/index.css +31 -31
  29. package/esm/components/primary-tablist/mobile.css +105 -34
  30. package/esm/components/scrollable-container/Component.js +1 -1
  31. package/esm/components/scrollable-container/index.css +7 -7
  32. package/esm/components/secondary-tablist/Component.desktop.js +1 -1
  33. package/esm/components/secondary-tablist/Component.mobile.js +2 -2
  34. package/esm/components/secondary-tablist/Component.responsive.js +1 -1
  35. package/esm/components/secondary-tablist/index.css +13 -13
  36. package/esm/components/secondary-tablist/mobile.css +86 -15
  37. package/esm/components/tab/Component.js +1 -1
  38. package/esm/components/tab/index.css +3 -3
  39. package/esm/components/tabs/Component.desktop.js +2 -2
  40. package/esm/components/tabs/Component.mobile.js +2 -2
  41. package/esm/components/tabs/Component.responsive.js +2 -2
  42. package/esm/desktop.js +2 -2
  43. package/esm/index.js +2 -2
  44. package/esm/index.module-1865aaf0.js +4 -0
  45. package/esm/index.module-e818c324.js +4 -0
  46. package/esm/mobile.js +2 -2
  47. package/esm/responsive.js +2 -2
  48. package/index.js +2 -2
  49. package/index.module-07471830.js +6 -0
  50. package/index.module-38e2880e.js +6 -0
  51. package/mobile.js +2 -2
  52. package/modern/components/primary-tablist/Component.desktop.js +1 -1
  53. package/modern/components/primary-tablist/Component.mobile.js +2 -2
  54. package/modern/components/primary-tablist/Component.responsive.js +1 -1
  55. package/modern/components/primary-tablist/index.css +31 -31
  56. package/modern/components/primary-tablist/mobile.css +105 -34
  57. package/modern/components/scrollable-container/Component.js +1 -1
  58. package/modern/components/scrollable-container/index.css +7 -7
  59. package/modern/components/secondary-tablist/Component.desktop.js +1 -1
  60. package/modern/components/secondary-tablist/Component.mobile.js +2 -2
  61. package/modern/components/secondary-tablist/Component.responsive.js +1 -1
  62. package/modern/components/secondary-tablist/index.css +13 -13
  63. package/modern/components/secondary-tablist/mobile.css +86 -15
  64. package/modern/components/tab/Component.js +1 -1
  65. package/modern/components/tab/index.css +3 -3
  66. package/modern/components/tabs/Component.desktop.js +2 -2
  67. package/modern/components/tabs/Component.mobile.js +2 -2
  68. package/modern/components/tabs/Component.responsive.js +2 -2
  69. package/modern/desktop.js +2 -2
  70. package/modern/index.js +2 -2
  71. package/modern/index.module-540790c1.js +4 -0
  72. package/modern/index.module-a26a42c3.js +4 -0
  73. package/modern/mobile.js +2 -2
  74. package/modern/responsive.js +2 -2
  75. package/package.json +3 -3
  76. package/responsive.js +2 -2
  77. package/esm/index.module-148f7ebd.js +0 -4
  78. package/esm/index.module-c3aa1087.js +0 -4
  79. package/index.module-3024c3e4.js +0 -6
  80. package/index.module-7d7e1aeb.js +0 -6
  81. package/modern/index.module-67a4be0c.js +0 -4
  82. package/modern/index.module-df3add82.js +0 -4
@@ -1,7 +1,7 @@
1
- /* hash: 7bor9 */
1
+ /* hash: 10vl8 */
2
2
  :root {
3
- } /* deprecated */ :root {
4
- } :root {
3
+ } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
4
+ } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
5
5
  } :root {
6
6
  } :root {
7
7
 
@@ -42,7 +42,7 @@
42
42
  /* size l */
43
43
 
44
44
  /* size xl */
45
- } .tabs__container_eoywq {
45
+ } .tabs__container_12qa5 {
46
46
  position: relative;
47
47
  overflow-x: auto;
48
48
  overflow-y: hidden;
@@ -52,10 +52,10 @@
52
52
  /* focus-outline fix */
53
53
  margin: var(--gap-2xs-neg) 0 var(--gap-2xs-neg) var(--gap-2xs-neg);
54
54
  padding: var(--gap-2xs) 0 var(--gap-2xs) var(--gap-2xs)
55
- } .tabs__container_eoywq::-webkit-scrollbar {
55
+ } .tabs__container_12qa5::-webkit-scrollbar {
56
56
  display: none;
57
- } .tabs__container_eoywq > * {
57
+ } .tabs__container_12qa5 > * {
58
58
  flex-shrink: 0;
59
- } .tabs__fullWidthScroll_eoywq {
59
+ } .tabs__fullWidthScroll_12qa5 {
60
60
  margin: 0 var(--gap-m-neg);
61
61
  }
@@ -1,6 +1,6 @@
1
1
  import React from 'react';
2
2
  import { SecondaryTabList } from './Component.js';
3
- import { c as commonStyles } from '../../index.module-67a4be0c.js';
3
+ import { c as commonStyles } from '../../index.module-540790c1.js';
4
4
  import 'classnames';
5
5
  import '@alfalab/core-components-tag/modern';
6
6
  import '../../hooks/use-tabs.js';
@@ -1,13 +1,13 @@
1
1
  import React from 'react';
2
2
  import cn from 'classnames';
3
3
  import { SecondaryTabList } from './Component.js';
4
- import { c as commonStyles } from '../../index.module-67a4be0c.js';
4
+ import { c as commonStyles } from '../../index.module-540790c1.js';
5
5
  import '@alfalab/core-components-tag/modern';
6
6
  import '../../hooks/use-tabs.js';
7
7
  import '../scrollable-container/Component.js';
8
8
  import 'compute-scroll-into-view';
9
9
 
10
- const mobileStyles = {"title":"tabs__title_t1993 tabs__title_wpar8","mobile":"tabs__mobile_t1993"};
10
+ const mobileStyles = {"title":"tabs__title_qvupy tabs__title_131lr","mobile":"tabs__mobile_qvupy"};
11
11
  require('./mobile.css')
12
12
 
13
13
  const styles = {
@@ -8,7 +8,7 @@ import '@alfalab/core-components-tag/modern';
8
8
  import '../../hooks/use-tabs.js';
9
9
  import '../scrollable-container/Component.js';
10
10
  import 'compute-scroll-into-view';
11
- import '../../index.module-67a4be0c.js';
11
+ import '../../index.module-540790c1.js';
12
12
 
13
13
  const SecondaryTabListResponsive = ({ size, defaultMatch = 'desktop', fullWidthScroll, ...restProps }) => {
14
14
  const [view] = useMedia([
@@ -1,7 +1,7 @@
1
- /* hash: p6397 */
1
+ /* hash: 16zqy */
2
2
  :root {
3
- } /* deprecated */ :root {
4
- } :root {
3
+ } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
4
+ } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
5
5
  } :root {
6
6
  } :root {
7
7
 
@@ -50,29 +50,29 @@
50
50
 
51
51
  /* size xl */
52
52
  --secondary-tablist-xl-gaps: var(--gap-m);
53
- } .tabs__component_wpar8 {
53
+ } .tabs__component_131lr {
54
54
  position: relative;
55
55
  display: inline-flex;
56
- } .tabs__fullWidthScroll_wpar8 {
56
+ } .tabs__fullWidthScroll_131lr {
57
57
  margin: 0 var(--gap-m);
58
- } .tabs__container_wpar8 {
58
+ } .tabs__container_131lr {
59
59
  overflow: hidden;
60
60
 
61
61
  /* focus-outline fix */
62
62
  margin: var(--gap-2xs-neg) 0 var(--gap-2xs-neg) var(--gap-2xs-neg);
63
63
  padding: var(--gap-2xs) 0 var(--gap-2xs) var(--gap-2xs);
64
- } .tabs__title_wpar8 {
64
+ } .tabs__title_131lr {
65
65
  white-space: nowrap;
66
- } /* sizes */ .tabs__xxs_wpar8 .tabs__title_wpar8 + .tabs__title_wpar8 {
66
+ } /* sizes */ .tabs__xxs_131lr .tabs__title_131lr + .tabs__title_131lr {
67
67
  margin-left: var(--secondary-tablist-xxs-gaps);
68
- } .tabs__xs_wpar8 .tabs__title_wpar8 + .tabs__title_wpar8 {
68
+ } .tabs__xs_131lr .tabs__title_131lr + .tabs__title_131lr {
69
69
  margin-left: var(--secondary-tablist-xs-gaps);
70
- } .tabs__s_wpar8 .tabs__title_wpar8 + .tabs__title_wpar8 {
70
+ } .tabs__s_131lr .tabs__title_131lr + .tabs__title_131lr {
71
71
  margin-left: var(--secondary-tablist-s-gaps);
72
- } .tabs__m_wpar8 .tabs__title_wpar8 + .tabs__title_wpar8 {
72
+ } .tabs__m_131lr .tabs__title_131lr + .tabs__title_131lr {
73
73
  margin-left: var(--secondary-tablist-m-gaps);
74
- } .tabs__l_wpar8 .tabs__title_wpar8 + .tabs__title_wpar8 {
74
+ } .tabs__l_131lr .tabs__title_131lr + .tabs__title_131lr {
75
75
  margin-left: var(--secondary-tablist-l-gaps);
76
- } .tabs__xl_wpar8 .tabs__title_wpar8 + .tabs__title_wpar8 {
76
+ } .tabs__xl_131lr .tabs__title_131lr + .tabs__title_131lr {
77
77
  margin-left: var(--secondary-tablist-xl-gaps);
78
78
  }
@@ -1,7 +1,7 @@
1
- /* hash: lanvi */
1
+ /* hash: 1pm5d */
2
2
  :root {
3
- }/* deprecated */:root {
4
- }:root {
3
+ }/* deprecated */:root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
4
+ }:root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
5
5
  }:root {
6
6
  }:root {
7
7
 
@@ -51,30 +51,30 @@
51
51
 
52
52
  /* size xl */
53
53
  --secondary-tablist-xl-gaps: var(--gap-m);
54
- }.tabs__component_wpar8 {
54
+ }.tabs__component_131lr {
55
55
  position: relative;
56
56
  display: inline-flex;
57
- }.tabs__fullWidthScroll_wpar8 {
57
+ }.tabs__fullWidthScroll_131lr {
58
58
  margin: 0 var(--gap-m);
59
- }.tabs__container_wpar8 {
59
+ }.tabs__container_131lr {
60
60
  overflow: hidden;
61
61
 
62
62
  /* focus-outline fix */
63
63
  margin: var(--gap-2xs-neg) 0 var(--gap-2xs-neg) var(--gap-2xs-neg);
64
64
  padding: var(--gap-2xs) 0 var(--gap-2xs) var(--gap-2xs);
65
- }.tabs__title_wpar8 {
65
+ }.tabs__title_131lr {
66
66
  white-space: nowrap;
67
- }/* sizes */.tabs__xxs_wpar8 .tabs__title_wpar8 + .tabs__title_wpar8 {
67
+ }/* sizes */.tabs__xxs_131lr .tabs__title_131lr + .tabs__title_131lr {
68
68
  margin-left: var(--secondary-tablist-xxs-gaps);
69
- }.tabs__xs_wpar8 .tabs__title_wpar8 + .tabs__title_wpar8 {
69
+ }.tabs__xs_131lr .tabs__title_131lr + .tabs__title_131lr {
70
70
  margin-left: var(--secondary-tablist-xs-gaps);
71
- }.tabs__s_wpar8 .tabs__title_wpar8 + .tabs__title_wpar8 {
71
+ }.tabs__s_131lr .tabs__title_131lr + .tabs__title_131lr {
72
72
  margin-left: var(--secondary-tablist-s-gaps);
73
- }.tabs__m_wpar8 .tabs__title_wpar8 + .tabs__title_wpar8 {
73
+ }.tabs__m_131lr .tabs__title_131lr + .tabs__title_131lr {
74
74
  margin-left: var(--secondary-tablist-m-gaps);
75
- }.tabs__l_wpar8 .tabs__title_wpar8 + .tabs__title_wpar8 {
75
+ }.tabs__l_131lr .tabs__title_131lr + .tabs__title_131lr {
76
76
  margin-left: var(--secondary-tablist-l-gaps);
77
- }.tabs__xl_wpar8 .tabs__title_wpar8 + .tabs__title_wpar8 {
77
+ }.tabs__xl_131lr .tabs__title_131lr + .tabs__title_131lr {
78
78
  margin-left: var(--secondary-tablist-xl-gaps);
79
79
  } :root {
80
80
  --color-dark-indigo: #0b1f35;
@@ -295,6 +295,44 @@
295
295
  --color-static-text-secondary-light: rgba(255, 255, 255, 0.7);
296
296
  --color-static-text-tertiary-dark: rgba(11, 31, 53, 0.3);
297
297
  --color-static-text-tertiary-light: rgba(255, 255, 255, 0.4);
298
+ --color-dark-bg-component: rgba(255, 255, 255, 0.15); /* deprecated */
299
+ --color-dark-bg-component-inverted: rgba(11, 31, 53, 0.07); /* deprecated */
300
+ --color-dark-bg-link-muted: #001c3c; /* deprecated */
301
+ --color-dark-bg-neutral: #485767; /* deprecated */
302
+ --color-dark-bg-nulled: rgba(11, 31, 53, 0); /* deprecated */
303
+ --color-dark-bg-primary-grouped: #0b1f35; /* deprecated */
304
+ --color-dark-bg-secondary-grouped: #233549; /* deprecated */
305
+ --color-dark-bg-tertiary-grouped: #3c4c5d; /* deprecated */
306
+ --color-dark-graphic-neutral: #485767; /* deprecated */
307
+ --color-dark-specialbg-overlay: rgba(0, 0, 0, 0.6); /* deprecated */
308
+ --color-dark-text-disabled-transparent: rgba(255, 255, 255, 0.25); /* deprecated */
309
+ --color-dark-text-secondary-inverted-transparent: rgba(11, 31, 53, 0.7); /* deprecated */
310
+ --color-dark-text-secondary-transparent: rgba(255, 255, 255, 0.7); /* deprecated */
311
+ --color-dark-text-tertiary-inverted-transparent: rgba(11, 31, 53, 0.3); /* deprecated */
312
+ --color-dark-text-tertiary-transparent: rgba(255, 255, 255, 0.4); /* deprecated */
313
+ --color-light-bg-component: rgba(11, 31, 53, 0.07); /* deprecated */
314
+ --color-light-bg-component-inverted: rgba(255, 255, 255, 0.15); /* deprecated */
315
+ --color-light-bg-link-muted: #d6e8fc; /* deprecated */
316
+ --color-light-bg-neutral: #dbdee1; /* deprecated */
317
+ --color-light-bg-nulled: rgba(11, 31, 53, 0); /* deprecated */
318
+ --color-light-bg-primary-grouped: #f3f4f5; /* deprecated */
319
+ --color-light-bg-secondary-grouped: #fff; /* deprecated */
320
+ --color-light-bg-tertiary-grouped: #f3f4f5; /* deprecated */
321
+ --color-light-graphic-neutral: #dbdee1; /* deprecated */
322
+ --color-light-specialbg-overlay: rgba(0, 0, 0, 0.6); /* deprecated */
323
+ --color-light-text-disabled-transparent: rgba(11, 31, 53, 0.15); /* deprecated */
324
+ --color-light-text-secondary-inverted-transparent: rgba(255, 255, 255, 0.7); /* deprecated */
325
+ --color-light-text-secondary-transparent: rgba(11, 31, 53, 0.7); /* deprecated */
326
+ --color-light-text-tertiary-inverted-transparent: rgba(255, 255, 255, 0.4); /* deprecated */
327
+ --color-light-text-tertiary-transparent: rgba(11, 31, 53, 0.3); /* deprecated */
328
+ --color-static-bg-dark: #000; /* deprecated */
329
+ --color-static-bg-light: #fff; /* deprecated */
330
+ --color-static-bg-neutral-dark: #485767; /* deprecated */
331
+ --color-static-bg-neutral-light: #dbdee1; /* deprecated */
332
+ --color-static-text-secondary-dark-transparent: rgba(11, 31, 53, 0.6); /* deprecated */
333
+ --color-static-text-secondary-light-transparent: rgba(255, 255, 255, 0.7); /* deprecated */
334
+ --color-static-text-tertiary-dark-transparent: rgba(11, 31, 53, 0.3); /* deprecated */
335
+ --color-static-text-tertiary-light-transparent: rgba(255, 255, 255, 0.4); /* deprecated */
298
336
  --color-dark-bg-accent-alpha-30: rgba(239, 49, 36, 0.3);
299
337
  --color-dark-bg-accent-shade-15: rgb(203, 42, 31);
300
338
  --color-dark-bg-accent-shade-20: rgb(191, 39, 29);
@@ -358,6 +396,7 @@
358
396
  --color-dark-graphic-accent-tint-10: rgb(241, 70, 58);
359
397
  --color-dark-graphic-accent-tint-15: rgb(241, 80, 69);
360
398
  --color-dark-graphic-accent-tint-30: rgb(244, 111, 102);
399
+ --color-dark-graphic-link-alpha-15: rgba(0, 122, 255, 0.15);
361
400
  --color-dark-graphic-negative-alpha-10: rgba(241, 80, 69, 0.1);
362
401
  --color-dark-graphic-negative-alpha-30: rgba(241, 80, 69, 0.3);
363
402
  --color-dark-graphic-negative-alpha-40: rgba(241, 80, 69, 0.4);
@@ -508,6 +547,7 @@
508
547
  --color-light-graphic-accent-shade-10: rgb(215, 44, 32);
509
548
  --color-light-graphic-accent-shade-15: rgb(203, 42, 31);
510
549
  --color-light-graphic-accent-shade-30: rgb(167, 34, 25);
550
+ --color-light-graphic-link-alpha-15: rgba(0, 122, 255, 0.15);
511
551
  --color-light-graphic-negative-alpha-10: rgba(241, 80, 69, 0.1);
512
552
  --color-light-graphic-negative-alpha-30: rgba(241, 80, 69, 0.3);
513
553
  --color-light-graphic-negative-alpha-40: rgba(241, 80, 69, 0.4);
@@ -688,6 +728,35 @@
688
728
  --color-static-status-purple: #673ab7;
689
729
  --color-static-status-red: #d91d0b;
690
730
  --color-static-status-teal: #219187;
731
+ --color-static-graphic-blue-chill-old: #0f9c8c; /* deprecated */
732
+ --color-static-graphic-boulder-old: #7a7a7a; /* deprecated */
733
+ --color-static-graphic-brink-pink-old: #fc617c; /* deprecated */
734
+ --color-static-graphic-burnt-sienna-old: #eb7a58; /* deprecated */
735
+ --color-static-graphic-chatelle-old: #bfafc6; /* deprecated */
736
+ --color-static-graphic-chathams-blue-old: #155966; /* deprecated */
737
+ --color-static-graphic-curious-blue-light-old: #3b99d9; /* deprecated */
738
+ --color-static-graphic-fun-blue-old: #1d6ab5; /* deprecated */
739
+ --color-static-graphic-hippie-blue-old: #5aa4b0; /* deprecated */
740
+ --color-static-graphic-jaffa-light-old: #f18836; /* deprecated */
741
+ --color-static-graphic-java-old: #15c0e0; /* deprecated */
742
+ --color-static-graphic-mantis-old: #63cd4f; /* deprecated */
743
+ --color-static-graphic-matisse-old: #16548f; /* deprecated */
744
+ --color-static-graphic-maya: #7eb3ff; /* deprecated */
745
+ --color-static-graphic-milano-red-old: #cd1501; /* deprecated */
746
+ --color-static-graphic-mirage-old: #1d2434; /* deprecated */
747
+ --color-static-graphic-nevada-old: #626b75; /* deprecated */
748
+ --color-static-graphic-olivine-old: #87b965; /* deprecated */
749
+ --color-static-graphic-permission: #ff5c5c; /* deprecated */
750
+ --color-static-graphic-pewter-old: #96a5a5; /* deprecated */
751
+ --color-static-graphic-pickled-bluewood-old: #2d3f50; /* deprecated */
752
+ --color-static-graphic-porsche-old: #e7b965; /* deprecated */
753
+ --color-static-graphic-red-damask-old: #da713c; /* deprecated */
754
+ --color-static-graphic-saffron-old: #f0c330; /* deprecated */
755
+ --color-static-graphic-sandybrown-old: #f38f6f; /* deprecated */
756
+ --color-static-graphic-turkish-rose-old: #b56a6b; /* deprecated */
757
+ --color-static-graphic-turquoise-blue-old: #6bd3e6; /* deprecated */
758
+ --color-static-graphic-valencia-old: #d8463b; /* deprecated */
759
+ --color-static-graphic-waikawa-gray-old: #5b6d9c; /* deprecated */
691
760
  --color-static-status-blue-alpha-10: rgba(0, 122, 255, 0.1);
692
761
  --color-static-status-green-alpha-10: rgba(19, 164, 99, 0.1);
693
762
  --color-static-status-grey-alpha-10: rgba(109, 121, 134, 0.1);
@@ -696,6 +765,7 @@
696
765
  --color-static-status-red-alpha-10: rgba(217, 29, 11, 0.1);
697
766
  --color-static-status-teal-alpha-10: rgba(33, 145, 135, 0.1);
698
767
  } :root {
768
+ --color-dynamic-nulled: rgba(0, 0, 0, 0);
699
769
  --color-dynamic-primary-dark: rgba(0, 0, 0, 0.8);
700
770
  --color-dynamic-primary-light: rgba(255, 255, 255, 0.8);
701
771
  --color-dynamic-quaternary-dark: rgba(0, 0, 0, 0.32);
@@ -708,6 +778,7 @@
708
778
  --color-dynamic-senary-light: rgba(255, 255, 255, 0.12);
709
779
  --color-dynamic-tertiary-dark: rgba(0, 0, 0, 0.48);
710
780
  --color-dynamic-tertiary-light: rgba(255, 255, 255, 0.48);
781
+ --color-static-nulled: rgba(0, 0, 0, 0);
711
782
  --color-static-primary-dark: rgba(0, 0, 0, 0.8);
712
783
  --color-static-primary-light: rgba(255, 255, 255, 0.8);
713
784
  --color-static-quaternary-dark: rgba(0, 0, 0, 0.32);
@@ -881,7 +952,7 @@
881
952
 
882
953
  /* size xl */
883
954
  --secondary-tablist-xl-gaps: var(--gap-m);
884
- } .tabs__title_t1993 {
885
- } .tabs__mobile_t1993 .tabs__title_t1993 + .tabs__title_t1993 {
955
+ } .tabs__title_qvupy {
956
+ } .tabs__mobile_qvupy .tabs__title_qvupy + .tabs__title_qvupy {
886
957
  margin-left: var(--secondary-tablist-mobile-gaps);
887
958
  }
@@ -1,7 +1,7 @@
1
1
  import React from 'react';
2
2
  import cn from 'classnames';
3
3
 
4
- const styles = {"component":"tabs__component_10ah0","hidden":"tabs__hidden_10ah0"};
4
+ const styles = {"component":"tabs__component_1obs9","hidden":"tabs__hidden_1obs9"};
5
5
  require('./index.css')
6
6
 
7
7
  const Tab = ({ children, hidden, className, disabled, dataTestId }) => children ? (React.createElement("div", { className: cn(styles.component, {
@@ -1,8 +1,8 @@
1
- /* hash: 35bt0 */
2
- .tabs__component_10ah0 {
1
+ /* hash: 1vg2j */
2
+ .tabs__component_1obs9 {
3
3
  outline: none;
4
4
  }
5
5
 
6
- .tabs__hidden_10ah0 {
6
+ .tabs__hidden_1obs9 {
7
7
  display: none;
8
8
  }
@@ -16,10 +16,10 @@ import '../../synthetic-events.js';
16
16
  import '../scrollable-container/Component.js';
17
17
  import 'compute-scroll-into-view';
18
18
  import '../title/Component.js';
19
- import '../../index.module-df3add82.js';
19
+ import '../../index.module-a26a42c3.js';
20
20
  import '../secondary-tablist/Component.js';
21
21
  import '@alfalab/core-components-tag/modern';
22
- import '../../index.module-67a4be0c.js';
22
+ import '../../index.module-540790c1.js';
23
23
 
24
24
  const views = {
25
25
  primary: PrimaryTabListDesktop,
@@ -16,10 +16,10 @@ import '../../synthetic-events.js';
16
16
  import '../scrollable-container/Component.js';
17
17
  import 'compute-scroll-into-view';
18
18
  import '../title/Component.js';
19
- import '../../index.module-df3add82.js';
19
+ import '../../index.module-a26a42c3.js';
20
20
  import '../secondary-tablist/Component.js';
21
21
  import '@alfalab/core-components-tag/modern';
22
- import '../../index.module-67a4be0c.js';
22
+ import '../../index.module-540790c1.js';
23
23
 
24
24
  const views = {
25
25
  primary: PrimaryTabListMobile,
@@ -17,12 +17,12 @@ import '../../synthetic-events.js';
17
17
  import '../scrollable-container/Component.js';
18
18
  import 'compute-scroll-into-view';
19
19
  import '../title/Component.js';
20
- import '../../index.module-df3add82.js';
20
+ import '../../index.module-a26a42c3.js';
21
21
  import '../primary-tablist/Component.mobile.js';
22
22
  import '../secondary-tablist/Component.desktop.js';
23
23
  import '../secondary-tablist/Component.js';
24
24
  import '@alfalab/core-components-tag/modern';
25
- import '../../index.module-67a4be0c.js';
25
+ import '../../index.module-540790c1.js';
26
26
  import '../secondary-tablist/Component.mobile.js';
27
27
 
28
28
  const views = {
package/modern/desktop.js CHANGED
@@ -15,10 +15,10 @@ import './hooks/use-tablist-titles.js';
15
15
  import '@alfalab/hooks';
16
16
  import './synthetic-events.js';
17
17
  import './components/title/Component.js';
18
- import './index.module-df3add82.js';
18
+ import './index.module-a26a42c3.js';
19
19
  import 'compute-scroll-into-view';
20
20
  import './components/secondary-tablist/Component.js';
21
21
  import '@alfalab/core-components-tag/modern';
22
- import './index.module-67a4be0c.js';
22
+ import './index.module-540790c1.js';
23
23
  import './components/tabs/Component.js';
24
24
  import '@juggle/resize-observer';
package/modern/index.js CHANGED
@@ -18,11 +18,11 @@ import '@juggle/resize-observer';
18
18
  import './synthetic-events.js';
19
19
  import './components/title/Component.js';
20
20
  import 'compute-scroll-into-view';
21
- import './index.module-df3add82.js';
21
+ import './index.module-a26a42c3.js';
22
22
  import './components/primary-tablist/Component.mobile.js';
23
23
  import './components/secondary-tablist/Component.desktop.js';
24
24
  import './components/secondary-tablist/Component.js';
25
25
  import '@alfalab/core-components-tag/modern';
26
- import './index.module-67a4be0c.js';
26
+ import './index.module-540790c1.js';
27
27
  import './components/secondary-tablist/Component.mobile.js';
28
28
  import './components/tabs/Component.js';
@@ -0,0 +1,4 @@
1
+ const commonStyles = {"component":"tabs__component_131lr","fullWidthScroll":"tabs__fullWidthScroll_131lr","container":"tabs__container_131lr","title":"tabs__title_131lr","xxs":"tabs__xxs_131lr","xs":"tabs__xs_131lr","s":"tabs__s_131lr","m":"tabs__m_131lr","l":"tabs__l_131lr","xl":"tabs__xl_131lr"};
2
+ require('./components/secondary-tablist/index.css')
3
+
4
+ export { commonStyles as c };
@@ -0,0 +1,4 @@
1
+ const commonStyles = {"component":"tabs__component_1tvky","fullWidthScroll":"tabs__fullWidthScroll_1tvky","container":"tabs__container_1tvky","title":"tabs__title_1tvky","disabled":"tabs__disabled_1tvky","focused":"tabs__focused_1tvky","collapsed":"tabs__collapsed_1tvky","selected":"tabs__selected_1tvky","line":"tabs__line_1tvky","s":"tabs__s_1tvky","xs":"tabs__xs_1tvky","xxs":"tabs__xxs_1tvky","pickerWrapper":"tabs__pickerWrapper_1tvky","option":"tabs__option_1tvky","m":"tabs__m_1tvky","l":"tabs__l_1tvky","xl":"tabs__xl_1tvky","rightAddons":"tabs__rightAddons_1tvky"};
2
+ require('./components/primary-tablist/index.css')
3
+
4
+ export { commonStyles as c };
package/modern/mobile.js CHANGED
@@ -17,8 +17,8 @@ import '@juggle/resize-observer';
17
17
  import './synthetic-events.js';
18
18
  import './components/title/Component.js';
19
19
  import 'compute-scroll-into-view';
20
- import './index.module-df3add82.js';
20
+ import './index.module-a26a42c3.js';
21
21
  import './components/secondary-tablist/Component.js';
22
22
  import '@alfalab/core-components-tag/modern';
23
- import './index.module-67a4be0c.js';
23
+ import './index.module-540790c1.js';
24
24
  import './components/tabs/Component.js';
@@ -18,11 +18,11 @@ import '@juggle/resize-observer';
18
18
  import './synthetic-events.js';
19
19
  import './components/title/Component.js';
20
20
  import 'compute-scroll-into-view';
21
- import './index.module-df3add82.js';
21
+ import './index.module-a26a42c3.js';
22
22
  import './components/primary-tablist/Component.mobile.js';
23
23
  import './components/secondary-tablist/Component.desktop.js';
24
24
  import './components/secondary-tablist/Component.js';
25
25
  import '@alfalab/core-components-tag/modern';
26
- import './index.module-67a4be0c.js';
26
+ import './index.module-540790c1.js';
27
27
  import './components/secondary-tablist/Component.mobile.js';
28
28
  import './components/tabs/Component.js';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-tabs",
3
- "version": "7.3.10",
3
+ "version": "7.3.11",
4
4
  "description": "Tabs components",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -18,8 +18,8 @@
18
18
  },
19
19
  "dependencies": {
20
20
  "@alfalab/core-components-keyboard-focusable": "^4.0.4",
21
- "@alfalab/core-components-tag": "^5.1.0",
22
- "@alfalab/core-components-picker-button": "^10.3.10",
21
+ "@alfalab/core-components-tag": "^5.2.0",
22
+ "@alfalab/core-components-picker-button": "^10.3.11",
23
23
  "@alfalab/core-components-badge": "^5.0.1",
24
24
  "classnames": "^2.3.1",
25
25
  "compute-scroll-into-view": "^1.0.20",
package/responsive.js CHANGED
@@ -21,12 +21,12 @@ require('@juggle/resize-observer');
21
21
  require('./synthetic-events.js');
22
22
  require('./components/title/Component.js');
23
23
  require('compute-scroll-into-view');
24
- require('./index.module-7d7e1aeb.js');
24
+ require('./index.module-38e2880e.js');
25
25
  require('./components/primary-tablist/Component.mobile.js');
26
26
  require('./components/secondary-tablist/Component.desktop.js');
27
27
  require('./components/secondary-tablist/Component.js');
28
28
  require('@alfalab/core-components-tag');
29
- require('./index.module-3024c3e4.js');
29
+ require('./index.module-07471830.js');
30
30
  require('./components/secondary-tablist/Component.mobile.js');
31
31
  require('./components/tabs/Component.js');
32
32
 
@@ -1,4 +0,0 @@
1
- var commonStyles = {"component":"tabs__component_ivs4u","fullWidthScroll":"tabs__fullWidthScroll_ivs4u","container":"tabs__container_ivs4u","title":"tabs__title_ivs4u","disabled":"tabs__disabled_ivs4u","focused":"tabs__focused_ivs4u","collapsed":"tabs__collapsed_ivs4u","selected":"tabs__selected_ivs4u","line":"tabs__line_ivs4u","s":"tabs__s_ivs4u","xs":"tabs__xs_ivs4u","xxs":"tabs__xxs_ivs4u","pickerWrapper":"tabs__pickerWrapper_ivs4u","option":"tabs__option_ivs4u","m":"tabs__m_ivs4u","l":"tabs__l_ivs4u","xl":"tabs__xl_ivs4u","rightAddons":"tabs__rightAddons_ivs4u"};
2
- require('./components/primary-tablist/index.css')
3
-
4
- export { commonStyles as c };
@@ -1,4 +0,0 @@
1
- var commonStyles = {"component":"tabs__component_wpar8","fullWidthScroll":"tabs__fullWidthScroll_wpar8","container":"tabs__container_wpar8","title":"tabs__title_wpar8","xxs":"tabs__xxs_wpar8","xs":"tabs__xs_wpar8","s":"tabs__s_wpar8","m":"tabs__m_wpar8","l":"tabs__l_wpar8","xl":"tabs__xl_wpar8"};
2
- require('./components/secondary-tablist/index.css')
3
-
4
- export { commonStyles as c };
@@ -1,6 +0,0 @@
1
- 'use strict';
2
-
3
- var commonStyles = {"component":"tabs__component_wpar8","fullWidthScroll":"tabs__fullWidthScroll_wpar8","container":"tabs__container_wpar8","title":"tabs__title_wpar8","xxs":"tabs__xxs_wpar8","xs":"tabs__xs_wpar8","s":"tabs__s_wpar8","m":"tabs__m_wpar8","l":"tabs__l_wpar8","xl":"tabs__xl_wpar8"};
4
- require('./components/secondary-tablist/index.css')
5
-
6
- exports.commonStyles = commonStyles;
@@ -1,6 +0,0 @@
1
- 'use strict';
2
-
3
- var commonStyles = {"component":"tabs__component_ivs4u","fullWidthScroll":"tabs__fullWidthScroll_ivs4u","container":"tabs__container_ivs4u","title":"tabs__title_ivs4u","disabled":"tabs__disabled_ivs4u","focused":"tabs__focused_ivs4u","collapsed":"tabs__collapsed_ivs4u","selected":"tabs__selected_ivs4u","line":"tabs__line_ivs4u","s":"tabs__s_ivs4u","xs":"tabs__xs_ivs4u","xxs":"tabs__xxs_ivs4u","pickerWrapper":"tabs__pickerWrapper_ivs4u","option":"tabs__option_ivs4u","m":"tabs__m_ivs4u","l":"tabs__l_ivs4u","xl":"tabs__xl_ivs4u","rightAddons":"tabs__rightAddons_ivs4u"};
4
- require('./components/primary-tablist/index.css')
5
-
6
- exports.commonStyles = commonStyles;
@@ -1,4 +0,0 @@
1
- const commonStyles = {"component":"tabs__component_wpar8","fullWidthScroll":"tabs__fullWidthScroll_wpar8","container":"tabs__container_wpar8","title":"tabs__title_wpar8","xxs":"tabs__xxs_wpar8","xs":"tabs__xs_wpar8","s":"tabs__s_wpar8","m":"tabs__m_wpar8","l":"tabs__l_wpar8","xl":"tabs__xl_wpar8"};
2
- require('./components/secondary-tablist/index.css')
3
-
4
- export { commonStyles as c };
@@ -1,4 +0,0 @@
1
- const commonStyles = {"component":"tabs__component_ivs4u","fullWidthScroll":"tabs__fullWidthScroll_ivs4u","container":"tabs__container_ivs4u","title":"tabs__title_ivs4u","disabled":"tabs__disabled_ivs4u","focused":"tabs__focused_ivs4u","collapsed":"tabs__collapsed_ivs4u","selected":"tabs__selected_ivs4u","line":"tabs__line_ivs4u","s":"tabs__s_ivs4u","xs":"tabs__xs_ivs4u","xxs":"tabs__xxs_ivs4u","pickerWrapper":"tabs__pickerWrapper_ivs4u","option":"tabs__option_ivs4u","m":"tabs__m_ivs4u","l":"tabs__l_ivs4u","xl":"tabs__xl_ivs4u","rightAddons":"tabs__rightAddons_ivs4u"};
2
- require('./components/primary-tablist/index.css')
3
-
4
- export { commonStyles as c };