intergalactic 15.126.1 → 15.127.0-prerelease.2

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 (155) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/accordion/lib/cjs/Accordion.js +9 -9
  3. package/accordion/lib/es6/Accordion.js +9 -9
  4. package/accordion/lib/esm/Accordion.mjs +76 -76
  5. package/accordion/package.json +1 -1
  6. package/add-filter/package.json +1 -1
  7. package/bulk-textarea/lib/cjs/components/InputField/InputField.js +12 -12
  8. package/bulk-textarea/lib/es6/components/InputField/InputField.js +12 -12
  9. package/bulk-textarea/lib/esm/components/InputField/InputField.mjs +128 -128
  10. package/bulk-textarea/package.json +1 -1
  11. package/button/component/Button/Button.type.d.ts +6 -2
  12. package/button/lib/cjs/component/AbstractButton/AbstractButton.js +1 -0
  13. package/button/lib/cjs/component/AbstractButton/AbstractButton.js.map +1 -1
  14. package/button/lib/cjs/component/Button/Button.js +28 -27
  15. package/button/lib/cjs/component/Button/Button.js.map +1 -1
  16. package/button/lib/cjs/component/Button/Button.type.js.map +1 -1
  17. package/button/lib/cjs/component/Button/button.shadow.css +17 -1
  18. package/button/lib/cjs/component/ButtonLink/ButtonLink.js +20 -20
  19. package/button/lib/es6/component/AbstractButton/AbstractButton.js +1 -0
  20. package/button/lib/es6/component/AbstractButton/AbstractButton.js.map +1 -1
  21. package/button/lib/es6/component/Button/Button.js +28 -27
  22. package/button/lib/es6/component/Button/Button.js.map +1 -1
  23. package/button/lib/es6/component/Button/Button.type.js.map +1 -1
  24. package/button/lib/es6/component/Button/button.shadow.css +17 -1
  25. package/button/lib/es6/component/ButtonLink/ButtonLink.js +20 -20
  26. package/button/lib/esm/component/AbstractButton/AbstractButton.mjs +30 -30
  27. package/button/lib/esm/component/Button/Button.mjs +66 -65
  28. package/button/lib/esm/component/ButtonLink/ButtonLink.mjs +59 -59
  29. package/button/lib/types/component/Button/Button.type.d.ts +6 -2
  30. package/button/package.json +1 -1
  31. package/card/lib/cjs/Card.js +6 -6
  32. package/card/lib/es6/Card.js +6 -6
  33. package/card/lib/esm/Card.mjs +46 -46
  34. package/card/package.json +1 -1
  35. package/carousel/lib/cjs/Carousel.js +21 -21
  36. package/carousel/lib/es6/Carousel.js +21 -21
  37. package/carousel/lib/esm/Carousel.mjs +177 -177
  38. package/carousel/package.json +1 -1
  39. package/color-picker/lib/cjs/ColorPicker.js +24 -24
  40. package/color-picker/lib/cjs/PaletteManager.js +24 -24
  41. package/color-picker/lib/cjs/components/InputColor.js +24 -24
  42. package/color-picker/lib/es6/ColorPicker.js +24 -24
  43. package/color-picker/lib/es6/PaletteManager.js +24 -24
  44. package/color-picker/lib/es6/components/InputColor.js +24 -24
  45. package/color-picker/lib/esm/ColorPicker.mjs +73 -73
  46. package/color-picker/lib/esm/PaletteManager.mjs +42 -42
  47. package/color-picker/lib/esm/components/InputColor.mjs +81 -81
  48. package/color-picker/package.json +1 -1
  49. package/components.json +24 -24
  50. package/date-picker/lib/cjs/components/Calendar.js +21 -21
  51. package/date-picker/lib/cjs/components/DateRangeComparatorAbstract.js +29 -29
  52. package/date-picker/lib/cjs/components/InputTrigger.js +29 -29
  53. package/date-picker/lib/cjs/components/PickerAbstract.js +29 -29
  54. package/date-picker/lib/cjs/components/RangePickerAbstract.js +29 -29
  55. package/date-picker/lib/es6/components/Calendar.js +21 -21
  56. package/date-picker/lib/es6/components/DateRangeComparatorAbstract.js +29 -29
  57. package/date-picker/lib/es6/components/InputTrigger.js +29 -29
  58. package/date-picker/lib/es6/components/PickerAbstract.js +29 -29
  59. package/date-picker/lib/es6/components/RangePickerAbstract.js +29 -29
  60. package/date-picker/lib/esm/components/Calendar.mjs +126 -126
  61. package/date-picker/lib/esm/components/DateRangeComparatorAbstract.mjs +217 -217
  62. package/date-picker/lib/esm/components/InputTrigger.mjs +215 -215
  63. package/date-picker/lib/esm/components/PickerAbstract.mjs +114 -114
  64. package/date-picker/lib/esm/components/RangePickerAbstract.mjs +164 -164
  65. package/date-picker/package.json +1 -1
  66. package/drag-and-drop/lib/cjs/DragAndDrop.js +17 -17
  67. package/drag-and-drop/lib/es6/DragAndDrop.js +17 -17
  68. package/drag-and-drop/lib/esm/DragAndDrop.mjs +160 -160
  69. package/drag-and-drop/package.json +1 -1
  70. package/dropdown-menu/lib/cjs/DropdownMenu.js +18 -18
  71. package/dropdown-menu/lib/es6/DropdownMenu.js +18 -18
  72. package/dropdown-menu/lib/esm/DropdownMenu.mjs +176 -176
  73. package/dropdown-menu/package.json +1 -1
  74. package/errors/lib/cjs/Error.js +9 -9
  75. package/errors/lib/es6/Error.js +9 -9
  76. package/errors/lib/esm/Error.mjs +48 -48
  77. package/errors/package.json +1 -1
  78. package/feature-popover/lib/cjs/FeaturePopover.js +11 -11
  79. package/feature-popover/lib/es6/FeaturePopover.js +11 -11
  80. package/feature-popover/lib/esm/FeaturePopover.mjs +72 -72
  81. package/feature-popover/package.json +1 -1
  82. package/feedback-form/lib/cjs/FeedbackForm.js +7 -7
  83. package/feedback-form/lib/cjs/component/checkbox-button/CheckboxButton.js +3 -3
  84. package/feedback-form/lib/cjs/component/feedback-rating/FeedbackRating.js +2 -2
  85. package/feedback-form/lib/cjs/component/slider-rating/SliderRating.js +7 -7
  86. package/feedback-form/lib/es6/FeedbackForm.js +7 -7
  87. package/feedback-form/lib/es6/component/checkbox-button/CheckboxButton.js +3 -3
  88. package/feedback-form/lib/es6/component/feedback-rating/FeedbackRating.js +2 -2
  89. package/feedback-form/lib/es6/component/slider-rating/SliderRating.js +7 -7
  90. package/feedback-form/lib/esm/FeedbackForm.mjs +34 -34
  91. package/feedback-form/lib/esm/component/checkbox-button/CheckboxButton.mjs +23 -23
  92. package/feedback-form/lib/esm/component/feedback-rating/FeedbackRating.mjs +23 -23
  93. package/feedback-form/lib/esm/component/slider-rating/SliderRating.mjs +73 -73
  94. package/feedback-form/package.json +1 -1
  95. package/fullscreen-modal/lib/cjs/FullscreenModal.js +13 -13
  96. package/fullscreen-modal/lib/es6/FullscreenModal.js +13 -13
  97. package/fullscreen-modal/lib/esm/FullscreenModal.mjs +70 -70
  98. package/fullscreen-modal/package.json +1 -1
  99. package/inline-input/lib/cjs/InlineInput.js +14 -14
  100. package/inline-input/lib/es6/InlineInput.js +14 -14
  101. package/inline-input/lib/esm/InlineInput.mjs +107 -107
  102. package/inline-input/package.json +1 -1
  103. package/modal/lib/cjs/Modal.js +8 -8
  104. package/modal/lib/es6/Modal.js +8 -8
  105. package/modal/lib/esm/Modal.mjs +81 -81
  106. package/modal/package.json +1 -1
  107. package/notice/lib/cjs/Notice.js +18 -17
  108. package/notice/lib/cjs/Notice.js.map +1 -1
  109. package/notice/lib/es6/Notice.js +18 -17
  110. package/notice/lib/es6/Notice.js.map +1 -1
  111. package/notice/lib/esm/Notice.mjs +110 -108
  112. package/notice/package.json +1 -1
  113. package/notice-bubble/lib/cjs/NoticeBubble.js +15 -15
  114. package/notice-bubble/lib/es6/NoticeBubble.js +15 -15
  115. package/notice-bubble/lib/esm/NoticeBubble.mjs +87 -87
  116. package/notice-bubble/package.json +1 -1
  117. package/notice-global/lib/cjs/NoticeGlobal.js +11 -11
  118. package/notice-global/lib/es6/NoticeGlobal.js +11 -11
  119. package/notice-global/lib/esm/NoticeGlobal.mjs +46 -46
  120. package/notice-global/package.json +1 -1
  121. package/package.json +1 -1
  122. package/pagination/lib/cjs/Pagination.js +12 -12
  123. package/pagination/lib/es6/Pagination.js +12 -12
  124. package/pagination/lib/esm/Pagination.mjs +123 -123
  125. package/pagination/package.json +1 -1
  126. package/select/lib/cjs/InputSearch.js +6 -6
  127. package/select/lib/cjs/Select.js +8 -8
  128. package/select/lib/es6/InputSearch.js +6 -6
  129. package/select/lib/es6/Select.js +8 -8
  130. package/select/lib/esm/InputSearch.mjs +38 -38
  131. package/select/lib/esm/Select.mjs +106 -106
  132. package/select/package.json +1 -1
  133. package/side-panel/lib/cjs/SidePanel.js +16 -16
  134. package/side-panel/lib/es6/SidePanel.js +16 -16
  135. package/side-panel/lib/esm/SidePanel.mjs +76 -76
  136. package/side-panel/package.json +1 -1
  137. package/time-picker/lib/cjs/TimePicker.js +12 -12
  138. package/time-picker/lib/es6/TimePicker.js +12 -12
  139. package/time-picker/lib/esm/TimePicker.mjs +62 -62
  140. package/time-picker/package.json +1 -1
  141. package/utils/lib/themes/auto.css +1 -1
  142. package/utils/lib/themes/default.css +1 -1
  143. package/utils/lib/themes/default.js +1 -1
  144. package/utils/lib/themes/default.js.map +1 -1
  145. package/utils/lib/themes/default.mjs +1 -1
  146. package/utils/lib/themes/default.mjs.map +1 -1
  147. package/utils/lib/themes/light.css +1 -1
  148. package/utils/lib/themes/light.js +1 -1
  149. package/utils/lib/themes/light.js.map +1 -1
  150. package/utils/lib/themes/light.mjs +1 -1
  151. package/utils/lib/themes/light.mjs.map +1 -1
  152. package/wizard/lib/cjs/Wizard.js +12 -12
  153. package/wizard/lib/es6/Wizard.js +12 -12
  154. package/wizard/lib/esm/Wizard.mjs +83 -83
  155. package/wizard/package.json +1 -1
package/button/lib/cjs/component/Button/Button.js CHANGED
@@ -19,33 +19,34 @@ var _flexBox = require("intergalactic/flex-box");
19
19
  var _keyboardFocusEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/keyboardFocusEnhance"));
20
20
  var _AbstractButton2 = require("../AbstractButton/AbstractButton");
21
21
  /*__reshadow-styles__:"./button.shadow.css"*/
22
- var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SButton_1gxdq_gg_{position:relative;display:inline-block;align-items:center;justify-content:center;padding:0;margin:0;white-space:nowrap;font-family:inherit;line-height:normal;-webkit-text-decoration:none;text-decoration:none;text-align:center;vertical-align:middle;border:1px solid transparent;outline:0;box-shadow:none;cursor:pointer;box-sizing:border-box;overflow:visible;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;font-weight:var(--intergalactic-medium, 500);color:var(--intergalactic-text-secondary, #6c6e79);min-width:-moz-fit-content;min-width:fit-content}.___SButton_1gxdq_gg_::-moz-focus-inner{padding:0;border:0}.___SButton_1gxdq_gg_:active,.___SButton_1gxdq_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SButton_1gxdq_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SButton_1gxdq_gg_.__keyboardFocused_1gxdq_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___SButton_1gxdq_gg_.__disabled_1gxdq_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none;box-shadow:none;z-index:0}.___SButton_1gxdq_gg_._size_s_1gxdq_gg_{width:var(--intergalactic-form-control-s, 20px);height:var(--intergalactic-form-control-s, 20px);border-radius:var(--intergalactic-addon-rounded, 4px)}.___SButton_1gxdq_gg_._size_m_1gxdq_gg_{height:var(--intergalactic-form-control-m, 28px);border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-200, 14px)}.___SButton_1gxdq_gg_._size_l_1gxdq_gg_{height:var(--intergalactic-form-control-l, 40px);border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-300, 16px)}.___SButton_1gxdq_gg_._theme_primary-info_1gxdq_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info, #008ff8)}@media (hover:hover){.___SButton_1gxdq_gg_._theme_primary-info_1gxdq_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info-hover, #006dca)}}.___SButton_1gxdq_gg_._theme_primary-info_1gxdq_gg_.__active_1gxdq_gg_,.___SButton_1gxdq_gg_._theme_primary-info_1gxdq_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info-active, #044792)}.___SButton_1gxdq_gg_._theme_primary-success_1gxdq_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success, #009f81)}@media (hover:hover){.___SButton_1gxdq_gg_._theme_primary-success_1gxdq_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success-hover, #007c65)}}.___SButton_1gxdq_gg_._theme_primary-success_1gxdq_gg_.__active_1gxdq_gg_,.___SButton_1gxdq_gg_._theme_primary-success_1gxdq_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success-active, #055345)}.___SButton_1gxdq_gg_._theme_primary-warning_1gxdq_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand, #ff642d)}@media (hover:hover){.___SButton_1gxdq_gg_._theme_primary-warning_1gxdq_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-hover, #c33909)}}.___SButton_1gxdq_gg_._theme_primary-warning_1gxdq_gg_.__active_1gxdq_gg_,.___SButton_1gxdq_gg_._theme_primary-warning_1gxdq_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-active, #c33909)}.___SButton_1gxdq_gg_._theme_primary-danger_1gxdq_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical, #ff4953)}@media (hover:hover){.___SButton_1gxdq_gg_._theme_primary-danger_1gxdq_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical-hover, #d1002f)}}.___SButton_1gxdq_gg_._theme_primary-danger_1gxdq_gg_.__active_1gxdq_gg_,.___SButton_1gxdq_gg_._theme_primary-danger_1gxdq_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical-active, #8e0016)}.___SButton_1gxdq_gg_._theme_primary-invert_1gxdq_gg_{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert, #ffffff)}@media (hover:hover){.___SButton_1gxdq_gg_._theme_primary-invert_1gxdq_gg_:hover{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert-hover, #f4f5f9)}}.___SButton_1gxdq_gg_._theme_primary-invert_1gxdq_gg_.__active_1gxdq_gg_,.___SButton_1gxdq_gg_._theme_primary-invert_1gxdq_gg_:active{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert-active, #e0e1e9)}.___SButton_1gxdq_gg_._theme_secondary-muted_1gxdq_gg_{color:var(--intergalactic-text-secondary, #6c6e79);border-color:var(--intergalactic-border-primary, #c4c7cf);background-color:var(--intergalactic-control-secondary-neutral, rgba(138, 142, 155, 0.1))}@media (hover:hover){.___SButton_1gxdq_gg_._theme_secondary-muted_1gxdq_gg_:hover{background-color:var(--intergalactic-control-secondary-neutral-hover,\n rgba(138, 142, 155, 0.2));color:var(--intergalactic-text-primary, #191b23)}}.___SButton_1gxdq_gg_._theme_secondary-muted_1gxdq_gg_.__active_1gxdq_gg_,.___SButton_1gxdq_gg_._theme_secondary-muted_1gxdq_gg_:active{background-color:var(--intergalactic-control-secondary-neutral-active,\n rgba(138, 142, 155, 0.3));color:var(--intergalactic-text-primary, #191b23)}.___SButton_1gxdq_gg_._theme_secondary-info_1gxdq_gg_{background-color:var(--intergalactic-control-secondary-info, rgba(0, 143, 248, 0.1));color:var(--intergalactic-text-link, #006dca);border-color:var(--intergalactic-control-primary-info, #008ff8)}@media (hover:hover){.___SButton_1gxdq_gg_._theme_secondary-info_1gxdq_gg_:hover{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_1gxdq_gg_._theme_secondary-info_1gxdq_gg_.__active_1gxdq_gg_,.___SButton_1gxdq_gg_._theme_secondary-info_1gxdq_gg_:active{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_1gxdq_gg_._theme_secondary-invert_1gxdq_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);border-color:var(--intergalactic-border-primary-invert, #ffffff);background-color:var(--intergalactic-control-secondary-invert, rgba(255, 255, 255, 0.05))}@media (hover:hover){.___SButton_1gxdq_gg_._theme_secondary-invert_1gxdq_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-secondary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_1gxdq_gg_._theme_secondary-invert_1gxdq_gg_.__active_1gxdq_gg_,.___SButton_1gxdq_gg_._theme_secondary-invert_1gxdq_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-secondary-invert-active,\n rgba(255, 255, 255, 0.3))}.___SButton_1gxdq_gg_._theme_tertiary-info_1gxdq_gg_{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info, rgba(0, 143, 248, 0))}@media (hover:hover){.___SButton_1gxdq_gg_._theme_tertiary-info_1gxdq_gg_:hover{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_1gxdq_gg_._theme_tertiary-info_1gxdq_gg_.__active_1gxdq_gg_,.___SButton_1gxdq_gg_._theme_tertiary-info_1gxdq_gg_:active{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_1gxdq_gg_._theme_tertiary-muted_1gxdq_gg_{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-control-tertiary-neutral, rgba(138, 142, 155, 0))}@media (hover:hover){.___SButton_1gxdq_gg_._theme_tertiary-muted_1gxdq_gg_:hover{background-color:var(--intergalactic-control-tertiary-neutral-hover, rgba(138, 142, 155, 0.2));color:var(--intergalactic-text-primary, #191b23)}}.___SButton_1gxdq_gg_._theme_tertiary-muted_1gxdq_gg_.__active_1gxdq_gg_,.___SButton_1gxdq_gg_._theme_tertiary-muted_1gxdq_gg_:active{background-color:var(--intergalactic-control-tertiary-neutral-active,\n rgba(138, 142, 155, 0.3));color:var(--intergalactic-text-primary, #191b23)}.___SButton_1gxdq_gg_._theme_tertiary-invert_1gxdq_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert, rgba(255, 255, 255, 0))}@media (hover:hover){.___SButton_1gxdq_gg_._theme_tertiary-invert_1gxdq_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_1gxdq_gg_._theme_tertiary-invert_1gxdq_gg_.__active_1gxdq_gg_,.___SButton_1gxdq_gg_._theme_tertiary-invert_1gxdq_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert-active, rgba(255, 255, 255, 0.3))}.___SButton_1gxdq_gg_._neighborLocation_right_1gxdq_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SButton_1gxdq_gg_._neighborLocation_both_1gxdq_gg_{border-radius:0;margin-left:-1px}.___SButton_1gxdq_gg_._neighborLocation_left_1gxdq_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SButton_1gxdq_gg_._neighborLocation_both_1gxdq_gg_,.___SButton_1gxdq_gg_._neighborLocation_left_1gxdq_gg_{position:relative}.___SButton_1gxdq_gg_._neighborLocation_both_1gxdq_gg_:after,.___SButton_1gxdq_gg_._neighborLocation_left_1gxdq_gg_:after{background-color:var(--intergalactic-border-primary-invert, #ffffff)}.___SButton_1gxdq_gg_._neighborLocation_both_1gxdq_gg_._theme_secondary-muted_1gxdq_gg_:after,.___SButton_1gxdq_gg_._neighborLocation_left_1gxdq_gg_._theme_secondary-muted_1gxdq_gg_:after{background-color:var(--intergalactic-border-primary, #c4c7cf)}.___SButton_1gxdq_gg_+.___SButton_1gxdq_gg_._neighborLocation_both_1gxdq_gg_:after,.___SButton_1gxdq_gg_+.___SButton_1gxdq_gg_._neighborLocation_left_1gxdq_gg_:after{content:\"\";position:absolute;top:-1px;left:-1px;width:1px;height:calc(100% + 2px)}.___SSpin_1gxdq_gg_{position:absolute;top:0;left:0;width:100%;height:100%;display:flex}.___SInner_1gxdq_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SInner_1gxdq_gg_.__loading_1gxdq_gg_{visibility:hidden}.___SText_1gxdq_gg_{display:inline-flex}.___SText_1gxdq_gg_._size_l_1gxdq_gg_,.___SText_1gxdq_gg_._size_m_1gxdq_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SText_1gxdq_gg_._size_m_1gxdq_gg_{line-height:var(--intergalactic-lh-200, 142%)}.___SText_1gxdq_gg_._size_l_1gxdq_gg_{line-height:var(--intergalactic-lh-300, 150%)}.___SText_1gxdq_gg_._size_l_1gxdq_gg_:only-child{margin-left:var(--intergalactic-spacing-3x, 12px);margin-right:var(--intergalactic-spacing-3x, 12px)}.___SText_1gxdq_gg_._size_l_1gxdq_gg_:first-child{margin-left:var(--intergalactic-spacing-3x, 12px)}.___SText_1gxdq_gg_._size_l_1gxdq_gg_:last-child{margin-right:var(--intergalactic-spacing-3x, 12px)}.___SAddon_1gxdq_gg_{display:inline-flex;align-items:center;justify-content:center;pointer-events:none}.___SAddon_1gxdq_gg_._size_m_1gxdq_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_1gxdq_gg_._size_m_1gxdq_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_1gxdq_gg_._size_m_1gxdq_gg_:only-child{margin-left:calc(1.5*var(--intergalactic-spacing-1x, 4px) - 1px);margin-right:calc(1.5*var(--intergalactic-spacing-1x, 4px) - 1px)}.___SAddon_1gxdq_gg_._size_l_1gxdq_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_1gxdq_gg_._size_l_1gxdq_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_1gxdq_gg_._size_l_1gxdq_gg_:only-child{margin-left:calc(3*var(--intergalactic-spacing-1x, 4px) - 1px);margin-right:calc(3*var(--intergalactic-spacing-1x, 4px) - 1px)}" /*__inner_css_end__*/, "1gxdq_gg_") /*__reshadow_css_end__*/, {
23
- "__SButton": "___SButton_1gxdq_gg_",
24
- "_keyboardFocused": "__keyboardFocused_1gxdq_gg_",
25
- "_disabled": "__disabled_1gxdq_gg_",
26
- "_size_s": "_size_s_1gxdq_gg_",
27
- "_size_m": "_size_m_1gxdq_gg_",
28
- "_size_l": "_size_l_1gxdq_gg_",
29
- "_neighborLocation_right": "_neighborLocation_right_1gxdq_gg_",
30
- "_neighborLocation_both": "_neighborLocation_both_1gxdq_gg_",
31
- "_neighborLocation_left": "_neighborLocation_left_1gxdq_gg_",
32
- "__SSpin": "___SSpin_1gxdq_gg_",
33
- "__SInner": "___SInner_1gxdq_gg_",
34
- "_loading": "__loading_1gxdq_gg_",
35
- "__SText": "___SText_1gxdq_gg_",
36
- "__SAddon": "___SAddon_1gxdq_gg_",
37
- "_theme_primary-info": "_theme_primary-info_1gxdq_gg_",
38
- "_active": "__active_1gxdq_gg_",
39
- "_theme_primary-success": "_theme_primary-success_1gxdq_gg_",
40
- "_theme_primary-warning": "_theme_primary-warning_1gxdq_gg_",
41
- "_theme_primary-danger": "_theme_primary-danger_1gxdq_gg_",
42
- "_theme_primary-invert": "_theme_primary-invert_1gxdq_gg_",
43
- "_theme_secondary-muted": "_theme_secondary-muted_1gxdq_gg_",
44
- "_theme_secondary-info": "_theme_secondary-info_1gxdq_gg_",
45
- "_theme_secondary-invert": "_theme_secondary-invert_1gxdq_gg_",
46
- "_theme_tertiary-info": "_theme_tertiary-info_1gxdq_gg_",
47
- "_theme_tertiary-muted": "_theme_tertiary-muted_1gxdq_gg_",
48
- "_theme_tertiary-invert": "_theme_tertiary-invert_1gxdq_gg_"
22
+ var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SButton_12yjh_gg_{position:relative;display:inline-block;align-items:center;justify-content:center;padding:0;margin:0;white-space:nowrap;font-family:inherit;line-height:normal;-webkit-text-decoration:none;text-decoration:none;text-align:center;vertical-align:middle;border:1px solid transparent;outline:0;box-shadow:none;cursor:pointer;box-sizing:border-box;overflow:visible;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;font-weight:var(--intergalactic-medium, 500);color:var(--intergalactic-text-secondary, #6c6e79);min-width:-moz-fit-content;min-width:fit-content}.___SButton_12yjh_gg_::-moz-focus-inner{padding:0;border:0}.___SButton_12yjh_gg_:active,.___SButton_12yjh_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SButton_12yjh_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SButton_12yjh_gg_.__keyboardFocused_12yjh_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___SButton_12yjh_gg_.__disabled_12yjh_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none;box-shadow:none;z-index:0}.___SButton_12yjh_gg_._size_s_12yjh_gg_{width:var(--intergalactic-form-control-s, 20px);height:var(--intergalactic-form-control-s, 20px);border-radius:var(--intergalactic-addon-rounded, 4px)}.___SButton_12yjh_gg_._size_m_12yjh_gg_{height:var(--intergalactic-form-control-m, 28px);border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-200, 14px)}.___SButton_12yjh_gg_._size_l_12yjh_gg_{height:var(--intergalactic-form-control-l, 40px);border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-300, 16px)}.___SButton_12yjh_gg_._theme_primary-info_12yjh_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info, #008ff8)}@media (hover:hover){.___SButton_12yjh_gg_._theme_primary-info_12yjh_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info-hover, #006dca)}}.___SButton_12yjh_gg_._theme_primary-info_12yjh_gg_.__active_12yjh_gg_,.___SButton_12yjh_gg_._theme_primary-info_12yjh_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info-active, #044792)}.___SButton_12yjh_gg_._theme_primary-success_12yjh_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success, #009f81)}@media (hover:hover){.___SButton_12yjh_gg_._theme_primary-success_12yjh_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success-hover, #007c65)}}.___SButton_12yjh_gg_._theme_primary-success_12yjh_gg_.__active_12yjh_gg_,.___SButton_12yjh_gg_._theme_primary-success_12yjh_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success-active, #055345)}.___SButton_12yjh_gg_._theme_primary-brand_12yjh_gg_,.___SButton_12yjh_gg_._theme_primary-warning_12yjh_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand, #ff642d)}@media (hover:hover){.___SButton_12yjh_gg_._theme_primary-brand_12yjh_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-hover, #c33909)}}.___SButton_12yjh_gg_._theme_primary-brand_12yjh_gg_.__active_12yjh_gg_,.___SButton_12yjh_gg_._theme_primary-brand_12yjh_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-active, #8b1500)}@media (hover:hover){.___SButton_12yjh_gg_._theme_primary-warning_12yjh_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-hover, #c33909)}}.___SButton_12yjh_gg_._theme_primary-warning_12yjh_gg_.__active_12yjh_gg_,.___SButton_12yjh_gg_._theme_primary-warning_12yjh_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-active, #8b1500)}.___SButton_12yjh_gg_._theme_primary-danger_12yjh_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical, #ff4953)}@media (hover:hover){.___SButton_12yjh_gg_._theme_primary-danger_12yjh_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical-hover, #d1002f)}}.___SButton_12yjh_gg_._theme_primary-danger_12yjh_gg_.__active_12yjh_gg_,.___SButton_12yjh_gg_._theme_primary-danger_12yjh_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical-active, #8e0016)}.___SButton_12yjh_gg_._theme_primary-invert_12yjh_gg_{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert, #ffffff)}@media (hover:hover){.___SButton_12yjh_gg_._theme_primary-invert_12yjh_gg_:hover{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert-hover, #f4f5f9)}}.___SButton_12yjh_gg_._theme_primary-invert_12yjh_gg_.__active_12yjh_gg_,.___SButton_12yjh_gg_._theme_primary-invert_12yjh_gg_:active{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert-active, #e0e1e9)}.___SButton_12yjh_gg_._theme_secondary-muted_12yjh_gg_{color:var(--intergalactic-text-secondary, #6c6e79);border-color:var(--intergalactic-border-primary, #c4c7cf);background-color:var(--intergalactic-control-secondary-neutral, rgba(138, 142, 155, 0.1))}@media (hover:hover){.___SButton_12yjh_gg_._theme_secondary-muted_12yjh_gg_:hover{background-color:var(--intergalactic-control-secondary-neutral-hover,\n rgba(138, 142, 155, 0.2));color:var(--intergalactic-text-primary, #191b23)}}.___SButton_12yjh_gg_._theme_secondary-muted_12yjh_gg_.__active_12yjh_gg_,.___SButton_12yjh_gg_._theme_secondary-muted_12yjh_gg_:active{background-color:var(--intergalactic-control-secondary-neutral-active,\n rgba(138, 142, 155, 0.3));color:var(--intergalactic-text-primary, #191b23)}.___SButton_12yjh_gg_._theme_secondary-info_12yjh_gg_{background-color:var(--intergalactic-control-secondary-info, rgba(0, 143, 248, 0.1));color:var(--intergalactic-text-link, #006dca);border-color:var(--intergalactic-control-primary-info, #008ff8)}@media (hover:hover){.___SButton_12yjh_gg_._theme_secondary-info_12yjh_gg_:hover{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_12yjh_gg_._theme_secondary-info_12yjh_gg_.__active_12yjh_gg_,.___SButton_12yjh_gg_._theme_secondary-info_12yjh_gg_:active{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_12yjh_gg_._theme_secondary-invert_12yjh_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);border-color:var(--intergalactic-border-primary-invert, #ffffff);background-color:var(--intergalactic-control-secondary-invert, rgba(255, 255, 255, 0.05))}@media (hover:hover){.___SButton_12yjh_gg_._theme_secondary-invert_12yjh_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-secondary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_12yjh_gg_._theme_secondary-invert_12yjh_gg_.__active_12yjh_gg_,.___SButton_12yjh_gg_._theme_secondary-invert_12yjh_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-secondary-invert-active,\n rgba(255, 255, 255, 0.3))}.___SButton_12yjh_gg_._theme_tertiary-info_12yjh_gg_{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info, rgba(0, 143, 248, 0))}@media (hover:hover){.___SButton_12yjh_gg_._theme_tertiary-info_12yjh_gg_:hover{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_12yjh_gg_._theme_tertiary-info_12yjh_gg_.__active_12yjh_gg_,.___SButton_12yjh_gg_._theme_tertiary-info_12yjh_gg_:active{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_12yjh_gg_._theme_tertiary-muted_12yjh_gg_{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-control-tertiary-neutral, rgba(138, 142, 155, 0))}@media (hover:hover){.___SButton_12yjh_gg_._theme_tertiary-muted_12yjh_gg_:hover{background-color:var(--intergalactic-control-tertiary-neutral-hover, rgba(138, 142, 155, 0.2));color:var(--intergalactic-text-primary, #191b23)}}.___SButton_12yjh_gg_._theme_tertiary-muted_12yjh_gg_.__active_12yjh_gg_,.___SButton_12yjh_gg_._theme_tertiary-muted_12yjh_gg_:active{background-color:var(--intergalactic-control-tertiary-neutral-active,\n rgba(138, 142, 155, 0.3));color:var(--intergalactic-text-primary, #191b23)}.___SButton_12yjh_gg_._theme_tertiary-invert_12yjh_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert, rgba(255, 255, 255, 0))}@media (hover:hover){.___SButton_12yjh_gg_._theme_tertiary-invert_12yjh_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_12yjh_gg_._theme_tertiary-invert_12yjh_gg_.__active_12yjh_gg_,.___SButton_12yjh_gg_._theme_tertiary-invert_12yjh_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert-active, rgba(255, 255, 255, 0.3))}.___SButton_12yjh_gg_._neighborLocation_right_12yjh_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SButton_12yjh_gg_._neighborLocation_both_12yjh_gg_{border-radius:0;margin-left:-1px}.___SButton_12yjh_gg_._neighborLocation_left_12yjh_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SButton_12yjh_gg_._neighborLocation_both_12yjh_gg_,.___SButton_12yjh_gg_._neighborLocation_left_12yjh_gg_{position:relative}.___SButton_12yjh_gg_._neighborLocation_both_12yjh_gg_:after,.___SButton_12yjh_gg_._neighborLocation_left_12yjh_gg_:after{background-color:var(--intergalactic-border-primary-invert, #ffffff)}.___SButton_12yjh_gg_._neighborLocation_both_12yjh_gg_._theme_secondary-muted_12yjh_gg_:after,.___SButton_12yjh_gg_._neighborLocation_left_12yjh_gg_._theme_secondary-muted_12yjh_gg_:after{background-color:var(--intergalactic-border-primary, #c4c7cf)}.___SButton_12yjh_gg_+.___SButton_12yjh_gg_._neighborLocation_both_12yjh_gg_:after,.___SButton_12yjh_gg_+.___SButton_12yjh_gg_._neighborLocation_left_12yjh_gg_:after{content:\"\";position:absolute;top:-1px;left:-1px;width:1px;height:calc(100% + 2px)}.___SSpin_12yjh_gg_{position:absolute;top:0;left:0;width:100%;height:100%;display:flex}.___SInner_12yjh_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SInner_12yjh_gg_.__loading_12yjh_gg_{visibility:hidden}.___SText_12yjh_gg_{display:inline-flex}.___SText_12yjh_gg_._size_l_12yjh_gg_,.___SText_12yjh_gg_._size_m_12yjh_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SText_12yjh_gg_._size_m_12yjh_gg_{line-height:var(--intergalactic-lh-200, 142%)}.___SText_12yjh_gg_._size_l_12yjh_gg_{line-height:var(--intergalactic-lh-300, 150%)}.___SText_12yjh_gg_._size_l_12yjh_gg_:only-child{margin-left:var(--intergalactic-spacing-3x, 12px);margin-right:var(--intergalactic-spacing-3x, 12px)}.___SText_12yjh_gg_._size_l_12yjh_gg_:first-child{margin-left:var(--intergalactic-spacing-3x, 12px)}.___SText_12yjh_gg_._size_l_12yjh_gg_:last-child{margin-right:var(--intergalactic-spacing-3x, 12px)}.___SAddon_12yjh_gg_{display:inline-flex;align-items:center;justify-content:center;pointer-events:none}.___SAddon_12yjh_gg_._size_m_12yjh_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_12yjh_gg_._size_m_12yjh_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_12yjh_gg_._size_m_12yjh_gg_:only-child{margin-left:calc(1.5*var(--intergalactic-spacing-1x, 4px) - 1px);margin-right:calc(1.5*var(--intergalactic-spacing-1x, 4px) - 1px)}.___SAddon_12yjh_gg_._size_l_12yjh_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_12yjh_gg_._size_l_12yjh_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_12yjh_gg_._size_l_12yjh_gg_:only-child{margin-left:calc(3*var(--intergalactic-spacing-1x, 4px) - 1px);margin-right:calc(3*var(--intergalactic-spacing-1x, 4px) - 1px)}" /*__inner_css_end__*/, "12yjh_gg_") /*__reshadow_css_end__*/, {
23
+ "__SButton": "___SButton_12yjh_gg_",
24
+ "_keyboardFocused": "__keyboardFocused_12yjh_gg_",
25
+ "_disabled": "__disabled_12yjh_gg_",
26
+ "_size_s": "_size_s_12yjh_gg_",
27
+ "_size_m": "_size_m_12yjh_gg_",
28
+ "_size_l": "_size_l_12yjh_gg_",
29
+ "_neighborLocation_right": "_neighborLocation_right_12yjh_gg_",
30
+ "_neighborLocation_both": "_neighborLocation_both_12yjh_gg_",
31
+ "_neighborLocation_left": "_neighborLocation_left_12yjh_gg_",
32
+ "__SSpin": "___SSpin_12yjh_gg_",
33
+ "__SInner": "___SInner_12yjh_gg_",
34
+ "_loading": "__loading_12yjh_gg_",
35
+ "__SText": "___SText_12yjh_gg_",
36
+ "__SAddon": "___SAddon_12yjh_gg_",
37
+ "_theme_primary-info": "_theme_primary-info_12yjh_gg_",
38
+ "_active": "__active_12yjh_gg_",
39
+ "_theme_primary-success": "_theme_primary-success_12yjh_gg_",
40
+ "_theme_primary-brand": "_theme_primary-brand_12yjh_gg_",
41
+ "_theme_primary-warning": "_theme_primary-warning_12yjh_gg_",
42
+ "_theme_primary-danger": "_theme_primary-danger_12yjh_gg_",
43
+ "_theme_primary-invert": "_theme_primary-invert_12yjh_gg_",
44
+ "_theme_secondary-muted": "_theme_secondary-muted_12yjh_gg_",
45
+ "_theme_secondary-info": "_theme_secondary-info_12yjh_gg_",
46
+ "_theme_secondary-invert": "_theme_secondary-invert_12yjh_gg_",
47
+ "_theme_tertiary-info": "_theme_tertiary-info_12yjh_gg_",
48
+ "_theme_tertiary-muted": "_theme_tertiary-muted_12yjh_gg_",
49
+ "_theme_tertiary-invert": "_theme_tertiary-invert_12yjh_gg_"
49
50
  });
50
51
  var RootButton = /*#__PURE__*/function (_AbstractButton) {
51
52
  (0, _inherits2["default"])(RootButton, _AbstractButton);
package/button/lib/cjs/component/Button/Button.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Button.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_keyboardFocusEnhance","_AbstractButton2","style","_index","sstyled","insert","RootButton","_AbstractButton","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","getTextColor","undefined","AbstractButton","_defineProperty2","keyboardFocusEnhance","use","size","Text","props","_ref","arguments[0]","_ref3","SText","Box","styles","createElement","cn","_objectSpread2","assignProps","Addon","_ref2","_ref4","SAddon","Button","createComponent","_default","exports"],"sources":["../../../../src/component/Button/Button.tsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\n\nimport style from './button.shadow.css';\nimport { AbstractButton } from '../AbstractButton/AbstractButton';\nimport {\n ButtonAddonProps,\n ButtonChildren,\n ButtonComponent,\n ButtonProps,\n ButtonTextProps,\n} from './Button.type';\n\nclass RootButton extends AbstractButton {\n static displayName = 'Button';\n static enhance = [keyboardFocusEnhance()];\n static style = style;\n static defaultProps = {\n use: 'secondary',\n size: 'm',\n };\n\n protected getTextColor(): string | undefined {\n return undefined;\n }\n}\n\nfunction Text(props: ButtonTextProps) {\n const SText = Root;\n return sstyled(props.styles)(<SText render={Box} tag='span' />);\n}\n\nfunction Addon(props: ButtonAddonProps) {\n const SAddon = Root;\n return sstyled(props.styles)(<SAddon render={Box} tag='span' />);\n}\n\nconst Button = createComponent(RootButton, {\n Text,\n Addon,\n}) as ButtonComponent;\n\nexport default Button;\n"],"mappings":";;;;;;;;;;;;;;;AACA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AADA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,QAAA,GAAAH,OAAA;AACA,IAAAI,qBAAA,GAAAF,sBAAA,CAAAF,OAAA;AAGA,IAAAK,gBAAA,GAAAL,OAAA;AAAkE;AAAA,IAAAM,KAAA,+BAAAC,MAAA,CAAAC,OAAA,CAAAC,MAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAAA,IAS5DC,UAAU,0BAAAC,eAAA;EAAA,IAAAC,UAAA,aAAAF,UAAA,EAAAC,eAAA;EAAA,IAAAE,MAAA,OAAAC,aAAA,aAAAJ,UAAA;EAAA,SAAAA,WAAA;IAAA,IAAAK,gBAAA,mBAAAL,UAAA;IAAA,OAAAG,MAAA,CAAAG,KAAA,OAAAC,SAAA;EAAA;EAAA,IAAAC,aAAA,aAAAR,UAAA;IAAAS,GAAA;IAAAC,KAAA,EASd,SAAAC,aAAA,EAA6C;MAC3C,OAAOC,SAAS;IAClB;EAAC;EAAA,OAAAZ,UAAA;AAAA,EAXsBa,+BAAc;AAAA,IAAAC,gBAAA,aAAjCd,UAAU,iBACO,QAAQ;AAAA,IAAAc,gBAAA,aADzBd,UAAU,aAEG,CAAC,IAAAe,gCAAoB,GAAE,CAAC;AAAA,IAAAD,gBAAA,aAFrCd,UAAU,WAGCJ,KAAK;AAAA,IAAAkB,gBAAA,aAHhBd,UAAU,kBAIQ;EACpBgB,GAAG,EAAE,WAAW;EAChBC,IAAI,EAAE;AACR,CAAC;AAOH,SAASC,IAAIA,CAACC,KAAsB,EAAE;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EACpC,IAAMC,KAAK,GACiCC,YAAG;EAA/C,OAAAF,KAAA,GAAO,IAAAxB,aAAO,EAACqB,KAAK,CAACM,MAAM,CAAC,eAAClC,MAAA,YAAAmC,aAAA,CAACH,KAAK,EAAAD,KAAA,CAAAK,EAAA,cAAAC,cAAA,qBAAAxC,KAAA,CAAAyC,WAAA;IAAA,OAAkB;EAAM,GAAAT,IAAA,IAAG;AAChE;AAEA,SAASU,KAAKA,CAACX,KAAuB,EAAE;EAAA,IAAAY,KAAA,GAAAV,YAAA;IAAAW,KAAA;EACtC,IAAMC,MAAM,GACiCT,YAAG;EAAhD,OAAAQ,KAAA,GAAO,IAAAlC,aAAO,EAACqB,KAAK,CAACM,MAAM,CAAC,eAAClC,MAAA,YAAAmC,aAAA,CAACO,MAAM,EAAAD,KAAA,CAAAL,EAAA,eAAAC,cAAA,qBAAAxC,KAAA,CAAAyC,WAAA;IAAA,OAAkB;EAAM,GAAAE,KAAA,IAAG;AACjE;AAEA,IAAMG,MAAM,GAAG,IAAAC,gBAAe,EAACnC,UAAU,EAAE;EACzCkB,IAAI,EAAJA,IAAI;EACJY,KAAK,EAALA;AACF,CAAC,CAAoB;AAAC,IAAAM,QAAA,GAEPF,MAAM;AAAAG,OAAA,cAAAD,QAAA"}
1
+ {"version":3,"file":"Button.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_keyboardFocusEnhance","_AbstractButton2","style","_index","sstyled","insert","RootButton","_AbstractButton","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","getTextColor","undefined","AbstractButton","_defineProperty2","keyboardFocusEnhance","use","size","Text","props","_ref","arguments[0]","_ref3","SText","Box","styles","createElement","cn","_objectSpread2","assignProps","Addon","_ref2","_ref4","SAddon","Button","createComponent","_default","exports"],"sources":["../../../../src/component/Button/Button.tsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\n\nimport style from './button.shadow.css';\nimport { AbstractButton } from '../AbstractButton/AbstractButton';\nimport {\n ButtonAddonProps,\n ButtonChildren,\n ButtonComponent,\n ButtonProps,\n ButtonTextProps,\n} from './Button.type';\n\nclass RootButton extends AbstractButton {\n static displayName = 'Button';\n static enhance = [keyboardFocusEnhance()];\n static style = style;\n static defaultProps = {\n use: 'secondary',\n size: 'm',\n };\n\n protected getTextColor(): string | undefined {\n return undefined;\n }\n}\n\nfunction Text(props: ButtonTextProps) {\n const SText = Root;\n return sstyled(props.styles)(<SText render={Box} tag='span' />);\n}\n\nfunction Addon(props: ButtonAddonProps) {\n const SAddon = Root;\n return sstyled(props.styles)(<SAddon render={Box} tag='span' />);\n}\n\nconst Button = createComponent(RootButton, {\n Text,\n Addon,\n}) as ButtonComponent;\n\nexport default Button;\n"],"mappings":";;;;;;;;;;;;;;;AACA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AADA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,QAAA,GAAAH,OAAA;AACA,IAAAI,qBAAA,GAAAF,sBAAA,CAAAF,OAAA;AAGA,IAAAK,gBAAA,GAAAL,OAAA;AAAkE;AAAA,IAAAM,KAAA,+BAAAC,MAAA,CAAAC,OAAA,CAAAC,MAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAAA,IAS5DC,UAAU,0BAAAC,eAAA;EAAA,IAAAC,UAAA,aAAAF,UAAA,EAAAC,eAAA;EAAA,IAAAE,MAAA,OAAAC,aAAA,aAAAJ,UAAA;EAAA,SAAAA,WAAA;IAAA,IAAAK,gBAAA,mBAAAL,UAAA;IAAA,OAAAG,MAAA,CAAAG,KAAA,OAAAC,SAAA;EAAA;EAAA,IAAAC,aAAA,aAAAR,UAAA;IAAAS,GAAA;IAAAC,KAAA,EASd,SAAAC,aAAA,EAA6C;MAC3C,OAAOC,SAAS;IAClB;EAAC;EAAA,OAAAZ,UAAA;AAAA,EAXsBa,+BAAc;AAAA,IAAAC,gBAAA,aAAjCd,UAAU,iBACO,QAAQ;AAAA,IAAAc,gBAAA,aADzBd,UAAU,aAEG,CAAC,IAAAe,gCAAoB,GAAE,CAAC;AAAA,IAAAD,gBAAA,aAFrCd,UAAU,WAGCJ,KAAK;AAAA,IAAAkB,gBAAA,aAHhBd,UAAU,kBAIQ;EACpBgB,GAAG,EAAE,WAAW;EAChBC,IAAI,EAAE;AACR,CAAC;AAOH,SAASC,IAAIA,CAACC,KAAsB,EAAE;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EACpC,IAAMC,KAAK,GACiCC,YAAG;EAA/C,OAAAF,KAAA,GAAO,IAAAxB,aAAO,EAACqB,KAAK,CAACM,MAAM,CAAC,eAAClC,MAAA,YAAAmC,aAAA,CAACH,KAAK,EAAAD,KAAA,CAAAK,EAAA,cAAAC,cAAA,qBAAAxC,KAAA,CAAAyC,WAAA;IAAA,OAAkB;EAAM,GAAAT,IAAA,IAAG;AAChE;AAEA,SAASU,KAAKA,CAACX,KAAuB,EAAE;EAAA,IAAAY,KAAA,GAAAV,YAAA;IAAAW,KAAA;EACtC,IAAMC,MAAM,GACiCT,YAAG;EAAhD,OAAAQ,KAAA,GAAO,IAAAlC,aAAO,EAACqB,KAAK,CAACM,MAAM,CAAC,eAAClC,MAAA,YAAAmC,aAAA,CAACO,MAAM,EAAAD,KAAA,CAAAL,EAAA,eAAAC,cAAA,qBAAAxC,KAAA,CAAAyC,WAAA;IAAA,OAAkB;EAAM,GAAAE,KAAA,IAAG;AACjE;AAEA,IAAMG,MAAM,GAAG,IAAAC,gBAAe,EAACnC,UAAU,EAAE;EACzCkB,IAAI,EAAJA,IAAI;EACJY,KAAK,EAALA;AACF,CAAC,CAAoB;AAAC,IAAAM,QAAA,GAEPF,MAAM;AAAAG,OAAA,cAAAD,QAAA"}
package/button/lib/cjs/component/Button/Button.type.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Button.type.js","names":[],"sources":["../../../../src/component/Button/Button.type.ts"],"sourcesContent":["import { UnknownProperties, Intergalactic } from '@semcore/core';\n\nimport {\n AbstractButtonAddonProps,\n AbstractButtonContext,\n AbstractButtonTextProps,\n AbstractButtonProps,\n} from '../AbstractButton/AbstractButton.type';\n\n/**\n * Button size\n * @default m\n */\nexport type ButtonSize = 'l' | 'm';\n/**\n * Button type\n * @default secondary\n */\ntype Use = 'primary' | 'secondary' | 'tertiary';\n\n/** Button theme */\ntype Theme = 'info' | 'success' | 'warning' | 'danger' | 'muted' | 'invert';\n\n/** @deprecated */\nexport interface IButtonProps extends ButtonProps, UnknownProperties {}\nexport type ButtonProps = AbstractButtonProps<ButtonSize, Use, Theme>;\n\n/** @deprecated */\nexport interface IButtonTextProps extends ButtonTextProps, UnknownProperties {}\nexport type ButtonTextProps = AbstractButtonTextProps<ButtonSize>;\n\n/** @deprecated */\nexport interface IButtonAddonProps extends ButtonAddonProps, UnknownProperties {}\nexport type ButtonAddonProps = AbstractButtonAddonProps<ButtonSize>;\n\n/** @deprecated */\nexport interface IButtonContext extends ButtonContext, UnknownProperties {}\nexport type ButtonContext = AbstractButtonContext;\n\nexport type ButtonChildren = {\n Text: Intergalactic.Component<'span', ButtonTextProps>;\n Addon: Intergalactic.Component<'span', ButtonAddonProps>;\n};\n\nexport type ButtonComponent = Intergalactic.Component<'button', ButtonProps, ButtonContext> & {\n Text: Intergalactic.Component<'span', ButtonTextProps>;\n Addon: Intergalactic.Component<'span', ButtonAddonProps>;\n};\n"],"mappings":""}
1
+ {"version":3,"file":"Button.type.js","names":[],"sources":["../../../../src/component/Button/Button.type.ts"],"sourcesContent":["import { UnknownProperties, Intergalactic } from '@semcore/core';\n\nimport {\n AbstractButtonAddonProps,\n AbstractButtonContext,\n AbstractButtonTextProps,\n AbstractButtonProps,\n} from '../AbstractButton/AbstractButton.type';\n\n/**\n * Button size\n * @default m\n */\nexport type ButtonSize = 'l' | 'm';\n/**\n * Button type\n * @default secondary\n */\ntype Use = 'primary' | 'secondary' | 'tertiary';\n\n/**\n * @deprecated don't use it. use `danger` for incorrect or danger behavior and `brand` for the orange one.\n */\ntype DeprecatedTheme = 'warning';\n\n/** Button theme */\ntype Theme = 'info' | 'success' | 'brand' | 'danger' | 'muted' | 'invert';\n\n/** @deprecated */\nexport interface IButtonProps extends ButtonProps, UnknownProperties {}\nexport type ButtonProps = AbstractButtonProps<ButtonSize, Use, Theme | DeprecatedTheme>;\n\n/** @deprecated */\nexport interface IButtonTextProps extends ButtonTextProps, UnknownProperties {}\nexport type ButtonTextProps = AbstractButtonTextProps<ButtonSize>;\n\n/** @deprecated */\nexport interface IButtonAddonProps extends ButtonAddonProps, UnknownProperties {}\nexport type ButtonAddonProps = AbstractButtonAddonProps<ButtonSize>;\n\n/** @deprecated */\nexport interface IButtonContext extends ButtonContext, UnknownProperties {}\nexport type ButtonContext = AbstractButtonContext;\n\nexport type ButtonChildren = {\n Text: Intergalactic.Component<'span', ButtonTextProps>;\n Addon: Intergalactic.Component<'span', ButtonAddonProps>;\n};\n\nexport type ButtonComponent = Intergalactic.Component<'button', ButtonProps, ButtonContext> & {\n Text: Intergalactic.Component<'span', ButtonTextProps>;\n Addon: Intergalactic.Component<'span', ButtonAddonProps>;\n};\n"],"mappings":""}
package/button/lib/cjs/component/Button/button.shadow.css CHANGED
@@ -100,6 +100,22 @@ SButton[theme='primary-success'] {
100
100
  }
101
101
  }
102
102
 
103
+ SButton[theme='primary-brand'] {
104
+ color: var(--intergalactic-text-primary-invert, #ffffff);
105
+ background-color: var(--intergalactic-control-primary-brand, #ff642d);
106
+
107
+ &:hover {
108
+ color: var(--intergalactic-text-primary-invert, #ffffff);
109
+ background-color: var(--intergalactic-control-primary-brand-hover, #c33909);
110
+ }
111
+
112
+ &:active,
113
+ &[active] {
114
+ color: var(--intergalactic-text-primary-invert, #ffffff);
115
+ background-color: var(--intergalactic-control-primary-brand-active, #8b1500);
116
+ }
117
+ }
118
+
103
119
  SButton[theme='primary-warning'] {
104
120
  color: var(--intergalactic-text-primary-invert, #ffffff);
105
121
  background-color: var(--intergalactic-control-primary-brand, #ff642d);
@@ -112,7 +128,7 @@ SButton[theme='primary-warning'] {
112
128
  &:active,
113
129
  &[active] {
114
130
  color: var(--intergalactic-text-primary-invert, #ffffff);
115
- background-color: var(--intergalactic-control-primary-brand-active, #c33909);
131
+ background-color: var(--intergalactic-control-primary-brand-active, #8b1500);
116
132
  }
117
133
  }
118
134
 
package/button/lib/cjs/component/ButtonLink/ButtonLink.js CHANGED
@@ -20,26 +20,26 @@ var _flexBox = require("intergalactic/flex-box");
20
20
  var _AbstractButton2 = require("../AbstractButton/AbstractButton");
21
21
  var _resolveColorEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/resolveColorEnhance"));
22
22
  /*__reshadow-styles__:"./buttonLink.shadow.css"*/
23
- var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SButton_15j2k_gg_{display:inline-flex;font-family:inherit;font-size:var(--intergalactic-fs-200, 14px);color:var(--intergalactic-text-link, #006dca);line-height:normal;position:relative;cursor:pointer;-webkit-text-decoration:none;text-decoration:none;border:0;padding:0;margin:0;box-shadow:none;-webkit-tap-highlight-color:transparent;outline:0;background:0 0;transition:color .15s ease-in-out}.___SButton_15j2k_gg_:active,.___SButton_15j2k_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SButton_15j2k_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SButton_15j2k_gg_::-moz-focus-inner{border:0;padding:0}.___SButton_15j2k_gg_.__active_15j2k_gg_,.___SButton_15j2k_gg_:active{color:var(--intergalactic-text-link-hover-active, #044792)}@media (hover:hover){.___SButton_15j2k_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___SButton_15j2k_gg_.__active_15j2k_gg_ .___SText_15j2k_gg_,.___SButton_15j2k_gg_:active .___SText_15j2k_gg_{border-color:currentColor}@media (hover:hover){.___SButton_15j2k_gg_:hover .___SText_15j2k_gg_{border-color:currentColor}}.___SButton_15j2k_gg_.__enableVisited_15j2k_gg_:visited{color:var(--intergalactic-text-link-visited, #8649e1)}@media (hover:hover){.___SButton_15j2k_gg_.__enableVisited_15j2k_gg_:visited:hover{color:var(--intergalactic-text-link-visited, #8649e1)}}.___SButton_15j2k_gg_ .___SText_15j2k_gg_{border-bottom-width:1px;border-bottom-style:solid;border-color:transparent;transition:border-bottom-color .15s ease-in-out}.___SButton_15j2k_gg_.__keyboardFocused_15j2k_gg_{outline-color:var(--intergalactic-keyboard-focus-outline, rgba(0, 143, 248, 0.5));outline-style:solid;outline-width:3px}.___SButton_15j2k_gg_.__disabled_15j2k_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SButton_15j2k_gg_._use_secondary_15j2k_gg_{color:var(--intergalactic-text-hint, #6c6e79)}.___SButton_15j2k_gg_._use_secondary_15j2k_gg_.__active_15j2k_gg_,.___SButton_15j2k_gg_._use_secondary_15j2k_gg_:active{color:var(--intergalactic-text-hint-hover-active, #484a54)}@media (hover:hover){.___SButton_15j2k_gg_._use_secondary_15j2k_gg_:hover{color:var(--intergalactic-text-hint-hover-active, #484a54)}}.___SButton_15j2k_gg_._use_secondary_15j2k_gg_ .___SText_15j2k_gg_{border-bottom-width:1px;border-bottom-style:dashed;border-color:currentColor}.___SAddon_15j2k_gg_,.___SInner_15j2k_gg_{display:inline-flex;justify-content:center;align-items:center}.___SInner_15j2k_gg_{height:100%;width:100%}.___SAddon_15j2k_gg_{vertical-align:middle;pointer-events:none}.___SButton_15j2k_gg_ .___SAddon_15j2k_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SButton_15j2k_gg_ .___SAddon_15j2k_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SButton_15j2k_gg_.__text-color_15j2k_gg_{color:var(--text-color_15j2k)}.___SButton_15j2k_gg_.__text-color_15j2k_gg_.__active_15j2k_gg_,.___SButton_15j2k_gg_.__text-color_15j2k_gg_:active{color:var(--text-color_15j2k);filter:brightness(.8)}@media (hover:hover){.___SButton_15j2k_gg_.__text-color_15j2k_gg_:hover{color:var(--text-color_15j2k);filter:brightness(.8)}}.___SButton_15j2k_gg_._size_100_15j2k_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___SButton_15j2k_gg_._size_200_15j2k_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SButton_15j2k_gg_._size_300_15j2k_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SButton_15j2k_gg_._size_400_15j2k_gg_{font-size:var(--intergalactic-fs-400, 20px);line-height:var(--intergalactic-lh-400, 120%)}.___SButton_15j2k_gg_._size_500_15j2k_gg_{font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%)}.___SButton_15j2k_gg_._size_600_15j2k_gg_{font-size:var(--intergalactic-fs-600, 32px);line-height:var(--intergalactic-lh-600, 125%)}.___SButton_15j2k_gg_._size_700_15j2k_gg_{font-size:var(--intergalactic-fs-700, 36px);line-height:var(--intergalactic-lh-700, 110%)}.___SButton_15j2k_gg_._size_800_15j2k_gg_{font-size:var(--intergalactic-fs-800, 48px);line-height:var(--intergalactic-lh-800, 117%)}@media (prefers-reduced-motion){.___SButton_15j2k_gg_,.___SText_15j2k_gg_{transition:none}}" /*__inner_css_end__*/, "15j2k_gg_") /*__reshadow_css_end__*/, {
24
- "__SButton": "___SButton_15j2k_gg_",
25
- "_keyboardFocused": "__keyboardFocused_15j2k_gg_",
26
- "_disabled": "__disabled_15j2k_gg_",
27
- "__SInner": "___SInner_15j2k_gg_",
28
- "__SAddon": "___SAddon_15j2k_gg_",
29
- "_size_100": "_size_100_15j2k_gg_",
30
- "_size_200": "_size_200_15j2k_gg_",
31
- "_size_300": "_size_300_15j2k_gg_",
32
- "_size_400": "_size_400_15j2k_gg_",
33
- "_size_500": "_size_500_15j2k_gg_",
34
- "_size_600": "_size_600_15j2k_gg_",
35
- "_size_700": "_size_700_15j2k_gg_",
36
- "_size_800": "_size_800_15j2k_gg_",
37
- "__SText": "___SText_15j2k_gg_",
38
- "_active": "__active_15j2k_gg_",
39
- "_enableVisited": "__enableVisited_15j2k_gg_",
40
- "_use_secondary": "_use_secondary_15j2k_gg_",
41
- "_text-color": "__text-color_15j2k_gg_",
42
- "--text-color": "--text-color_15j2k"
23
+ var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SButton_1xr08_gg_{display:inline-flex;font-family:inherit;font-size:var(--intergalactic-fs-200, 14px);color:var(--intergalactic-text-link, #006dca);line-height:normal;position:relative;cursor:pointer;-webkit-text-decoration:none;text-decoration:none;border:0;padding:0;margin:0;box-shadow:none;-webkit-tap-highlight-color:transparent;outline:0;background:0 0;transition:color .15s ease-in-out}.___SButton_1xr08_gg_:active,.___SButton_1xr08_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SButton_1xr08_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SButton_1xr08_gg_::-moz-focus-inner{border:0;padding:0}.___SButton_1xr08_gg_.__active_1xr08_gg_,.___SButton_1xr08_gg_:active{color:var(--intergalactic-text-link-hover-active, #044792)}@media (hover:hover){.___SButton_1xr08_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___SButton_1xr08_gg_.__active_1xr08_gg_ .___SText_1xr08_gg_,.___SButton_1xr08_gg_:active .___SText_1xr08_gg_{border-color:currentColor}@media (hover:hover){.___SButton_1xr08_gg_:hover .___SText_1xr08_gg_{border-color:currentColor}}.___SButton_1xr08_gg_.__enableVisited_1xr08_gg_:visited{color:var(--intergalactic-text-link-visited, #8649e1)}@media (hover:hover){.___SButton_1xr08_gg_.__enableVisited_1xr08_gg_:visited:hover{color:var(--intergalactic-text-link-visited, #8649e1)}}.___SButton_1xr08_gg_ .___SText_1xr08_gg_{border-bottom-width:1px;border-bottom-style:solid;border-color:transparent;transition:border-bottom-color .15s ease-in-out}.___SButton_1xr08_gg_.__keyboardFocused_1xr08_gg_{outline-color:var(--intergalactic-keyboard-focus-outline, rgba(0, 143, 248, 0.5));outline-style:solid;outline-width:3px}.___SButton_1xr08_gg_.__disabled_1xr08_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SButton_1xr08_gg_._use_secondary_1xr08_gg_{color:var(--intergalactic-text-hint, #6c6e79)}.___SButton_1xr08_gg_._use_secondary_1xr08_gg_.__active_1xr08_gg_,.___SButton_1xr08_gg_._use_secondary_1xr08_gg_:active{color:var(--intergalactic-text-hint-hover-active, #484a54)}@media (hover:hover){.___SButton_1xr08_gg_._use_secondary_1xr08_gg_:hover{color:var(--intergalactic-text-hint-hover-active, #484a54)}}.___SButton_1xr08_gg_._use_secondary_1xr08_gg_ .___SText_1xr08_gg_{border-bottom-width:1px;border-bottom-style:dashed;border-color:currentColor}.___SAddon_1xr08_gg_,.___SInner_1xr08_gg_{display:inline-flex;justify-content:center;align-items:center}.___SInner_1xr08_gg_{height:100%;width:100%}.___SAddon_1xr08_gg_{vertical-align:middle;pointer-events:none}.___SButton_1xr08_gg_ .___SAddon_1xr08_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SButton_1xr08_gg_ .___SAddon_1xr08_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SButton_1xr08_gg_.__text-color_1xr08_gg_{color:var(--text-color_1xr08)}.___SButton_1xr08_gg_.__text-color_1xr08_gg_.__active_1xr08_gg_,.___SButton_1xr08_gg_.__text-color_1xr08_gg_:active{color:var(--text-color_1xr08);filter:brightness(.8)}@media (hover:hover){.___SButton_1xr08_gg_.__text-color_1xr08_gg_:hover{color:var(--text-color_1xr08);filter:brightness(.8)}}.___SButton_1xr08_gg_._size_100_1xr08_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___SButton_1xr08_gg_._size_200_1xr08_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SButton_1xr08_gg_._size_300_1xr08_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SButton_1xr08_gg_._size_400_1xr08_gg_{font-size:var(--intergalactic-fs-400, 20px);line-height:var(--intergalactic-lh-400, 120%)}.___SButton_1xr08_gg_._size_500_1xr08_gg_{font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%)}.___SButton_1xr08_gg_._size_600_1xr08_gg_{font-size:var(--intergalactic-fs-600, 32px);line-height:var(--intergalactic-lh-600, 125%)}.___SButton_1xr08_gg_._size_700_1xr08_gg_{font-size:var(--intergalactic-fs-700, 36px);line-height:var(--intergalactic-lh-700, 110%)}.___SButton_1xr08_gg_._size_800_1xr08_gg_{font-size:var(--intergalactic-fs-800, 48px);line-height:var(--intergalactic-lh-800, 117%)}@media (prefers-reduced-motion){.___SButton_1xr08_gg_,.___SText_1xr08_gg_{transition:none}}" /*__inner_css_end__*/, "1xr08_gg_") /*__reshadow_css_end__*/, {
24
+ "__SButton": "___SButton_1xr08_gg_",
25
+ "_keyboardFocused": "__keyboardFocused_1xr08_gg_",
26
+ "_disabled": "__disabled_1xr08_gg_",
27
+ "__SInner": "___SInner_1xr08_gg_",
28
+ "__SAddon": "___SAddon_1xr08_gg_",
29
+ "_size_100": "_size_100_1xr08_gg_",
30
+ "_size_200": "_size_200_1xr08_gg_",
31
+ "_size_300": "_size_300_1xr08_gg_",
32
+ "_size_400": "_size_400_1xr08_gg_",
33
+ "_size_500": "_size_500_1xr08_gg_",
34
+ "_size_600": "_size_600_1xr08_gg_",
35
+ "_size_700": "_size_700_1xr08_gg_",
36
+ "_size_800": "_size_800_1xr08_gg_",
37
+ "__SText": "___SText_1xr08_gg_",
38
+ "_active": "__active_1xr08_gg_",
39
+ "_enableVisited": "__enableVisited_1xr08_gg_",
40
+ "_use_secondary": "_use_secondary_1xr08_gg_",
41
+ "_text-color": "__text-color_1xr08_gg_",
42
+ "--text-color": "--text-color_1xr08"
43
43
  });
44
44
  var enhance = {
45
45
  keyboardFocused: (0, _keyboardFocusEnhance["default"])(),
package/button/lib/es6/component/AbstractButton/AbstractButton.js CHANGED
@@ -59,6 +59,7 @@ export var AbstractButton = /*#__PURE__*/function (_Component) {
59
59
  var _this2 = this;
60
60
  if (process.env.NODE_ENV !== 'production') {
61
61
  logger.warn(this.containerRef.current && !hasLabels(this.containerRef.current) && !this.asProps.title, "'title' or 'aria-label' or 'aria-labelledby' are required props for buttons without text content", this.asProps['data-ui-name'] || AbstractButton.displayName);
62
+ logger.warn(this.asProps.theme === 'warning', 'Warning theme is deprecated and will be removed in the next major release.', this.asProps['data-ui-name'] || AbstractButton.displayName);
62
63
  }
63
64
  var ariaLabelledby = this.asProps['aria-labelledby'];
64
65
  if (ariaLabelledby) {
package/button/lib/es6/component/AbstractButton/AbstractButton.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"AbstractButton.js","names":["React","Box","Hint","NeighborLocation","addonTextChildren","logger","SpinButton","hasLabels","Component","CORE_INSTANCE","Root","sstyled","MAP_USE_DEFAULT_THEME","primary","secondary","tertiary","AbstractButton","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty","_assertThisInitialized","createRef","ariaLabelledByContent","_createClass","key","value","getTextProps","size","asProps","getAddonProps","componentDidMount","_this2","process","env","NODE_ENV","warn","containerRef","current","title","displayName","ariaLabelledby","setTimeout","_document$getElementB","_document$getElementB2","setState","document","getElementById","textContent","renderButton","_ref6","_ref","_ref3","buttonProps","children","styles","SButton","createElement","cn","_objectSpread","_assignProps","renderButtonWithHint","_ref7","_ref2","_ref4","hintProps","_assignProps2","render","_ref8","_ref9","_this3","_this$asProps","use","_this$asProps$theme","theme","loading","_this$asProps$disable","disabled","neighborLocation","hasChildren","ariaLabel","Children","AddonLeft","addonLeft","AddonRight","addonRight","hintPlacement","Button","useTheme","SInner","SSpin","buttonAriaLabel","state","type","tag","ref","getTextColor","__excludeProps","timeout","placement","undefined","Detect","_ref5","Fragment","Addon","Text"],"sources":["../../../../src/component/AbstractButton/AbstractButton.tsx"],"sourcesContent":["import React from 'react';\nimport { Box } from '@semcore/flex-box';\nimport { Hint } from '@semcore/tooltip';\nimport NeighborLocation from '@semcore/neighbor-location';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport logger from '@semcore/utils/lib/logger';\nimport SpinButton from './SpinButton';\nimport hasLabels from '@semcore/utils/lib/hasLabels';\nimport { AbstractButtonProps } from './AbstractButton.type';\nimport { Component, CORE_INSTANCE, Root, sstyled } from '@semcore/core';\n\nexport const MAP_USE_DEFAULT_THEME: Record<string, string> = {\n primary: 'info',\n secondary: 'muted',\n tertiary: 'info',\n};\n\ntype Props = AbstractButtonProps<any, any, any>;\n\nexport abstract class AbstractButton extends Component<Props, {}, {}> {\n static displayName = 'AbstractButton';\n\n containerRef = React.createRef<HTMLButtonElement>();\n\n state = {\n ariaLabelledByContent: null,\n };\n\n protected abstract getTextColor(): string | undefined;\n\n getTextProps() {\n const { size } = this.asProps;\n\n return {\n size,\n };\n }\n\n getAddonProps() {\n const { size } = this.asProps;\n return {\n size,\n };\n }\n\n componentDidMount() {\n if (process.env.NODE_ENV !== 'production') {\n logger.warn(\n this.containerRef.current && !hasLabels(this.containerRef.current) && !this.asProps.title,\n `'title' or 'aria-label' or 'aria-labelledby' are required props for buttons without text content`,\n this.asProps['data-ui-name'] || AbstractButton.displayName,\n );\n }\n\n const ariaLabelledby = this.asProps['aria-labelledby'];\n\n if (ariaLabelledby) {\n setTimeout(() => {\n this.setState({\n ariaLabelledByContent: document.getElementById(ariaLabelledby)?.textContent ?? '',\n });\n }, 0);\n }\n }\n\n renderButton({ buttonProps, children }: any) {\n const { styles } = this.asProps;\n const SButton = Root;\n\n return sstyled(styles)(\n <SButton render={Box} {...buttonProps}>\n {children}\n </SButton>,\n );\n }\n\n renderButtonWithHint({ buttonProps, children, hintProps }: any) {\n const { styles } = this.asProps;\n const SButton = Root;\n\n return sstyled(styles)(\n <SButton render={Hint} {...buttonProps} {...hintProps}>\n {children}\n </SButton>,\n );\n }\n\n render() {\n const {\n styles,\n use,\n theme = typeof use === 'string' && MAP_USE_DEFAULT_THEME[use],\n loading,\n disabled = loading,\n size,\n neighborLocation,\n children: hasChildren,\n title,\n ['aria-label']: ariaLabel,\n Children,\n addonLeft: AddonLeft,\n addonRight: AddonRight,\n hintPlacement,\n } = this.asProps;\n // @ts-ignore\n const Button = this[CORE_INSTANCE];\n const useTheme = use && theme ? `${use}-${theme}` : false;\n const SInner = Box;\n const SSpin = Box;\n const buttonAriaLabel = title ?? ariaLabel ?? this.state.ariaLabelledByContent ?? '';\n\n const buttonProps: Record<string, any> = {\n type: 'button',\n tag: 'button',\n disabled,\n 'use:theme': useTheme,\n ref: this.containerRef,\n 'text-color': this.getTextColor(),\n 'aria-busy': loading,\n __excludeProps: ['title'],\n };\n\n const hintProps = {\n title: buttonAriaLabel,\n timeout: [250, 50],\n placement: hintPlacement,\n theme: theme === 'invert' ? 'invert' : undefined,\n __excludeProps: [],\n };\n\n return (\n <NeighborLocation.Detect neighborLocation={neighborLocation}>\n {(neighborLocation) => {\n const children = sstyled(styles)(\n <>\n {/* @ts-ignore */}\n <SInner tag='span' loading={loading}>\n {AddonLeft ? (\n <Button.Addon>\n <AddonLeft />\n </Button.Addon>\n ) : null}\n {addonTextChildren(Children, Button.Text, Button.Addon)}\n {AddonRight ? (\n <Button.Addon>\n <AddonRight />\n </Button.Addon>\n ) : null}\n </SInner>\n {loading && (\n <SSpin tag='span'>\n <SpinButton centered size={size} theme={useTheme} />\n </SSpin>\n )}\n </>,\n );\n buttonProps.neighborLocation = neighborLocation;\n\n if (hasChildren === undefined || title) {\n return this.renderButtonWithHint({ buttonProps, hintProps, children });\n }\n\n return this.renderButton({ buttonProps, children });\n }}\n </NeighborLocation.Detect>\n );\n }\n}\n"],"mappings":"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"}
1
+ {"version":3,"file":"AbstractButton.js","names":["React","Box","Hint","NeighborLocation","addonTextChildren","logger","SpinButton","hasLabels","Component","CORE_INSTANCE","Root","sstyled","MAP_USE_DEFAULT_THEME","primary","secondary","tertiary","AbstractButton","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty","_assertThisInitialized","createRef","ariaLabelledByContent","_createClass","key","value","getTextProps","size","asProps","getAddonProps","componentDidMount","_this2","process","env","NODE_ENV","warn","containerRef","current","title","displayName","theme","ariaLabelledby","setTimeout","_document$getElementB","_document$getElementB2","setState","document","getElementById","textContent","renderButton","_ref6","_ref","_ref3","buttonProps","children","styles","SButton","createElement","cn","_objectSpread","_assignProps","renderButtonWithHint","_ref7","_ref2","_ref4","hintProps","_assignProps2","render","_ref8","_ref9","_this3","_this$asProps","use","_this$asProps$theme","loading","_this$asProps$disable","disabled","neighborLocation","hasChildren","ariaLabel","Children","AddonLeft","addonLeft","AddonRight","addonRight","hintPlacement","Button","useTheme","SInner","SSpin","buttonAriaLabel","state","type","tag","ref","getTextColor","__excludeProps","timeout","placement","undefined","Detect","_ref5","Fragment","Addon","Text"],"sources":["../../../../src/component/AbstractButton/AbstractButton.tsx"],"sourcesContent":["import React from 'react';\nimport { Box } from '@semcore/flex-box';\nimport { Hint } from '@semcore/tooltip';\nimport NeighborLocation from '@semcore/neighbor-location';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport logger from '@semcore/utils/lib/logger';\nimport SpinButton from './SpinButton';\nimport hasLabels from '@semcore/utils/lib/hasLabels';\nimport { AbstractButtonProps } from './AbstractButton.type';\nimport { Component, CORE_INSTANCE, Root, sstyled } from '@semcore/core';\n\nexport const MAP_USE_DEFAULT_THEME: Record<string, string> = {\n primary: 'info',\n secondary: 'muted',\n tertiary: 'info',\n};\n\ntype Props = AbstractButtonProps<any, any, any>;\n\nexport abstract class AbstractButton extends Component<Props, {}, {}> {\n static displayName = 'AbstractButton';\n\n containerRef = React.createRef<HTMLButtonElement>();\n\n state = {\n ariaLabelledByContent: null,\n };\n\n protected abstract getTextColor(): string | undefined;\n\n getTextProps() {\n const { size } = this.asProps;\n\n return {\n size,\n };\n }\n\n getAddonProps() {\n const { size } = this.asProps;\n return {\n size,\n };\n }\n\n componentDidMount() {\n if (process.env.NODE_ENV !== 'production') {\n logger.warn(\n this.containerRef.current && !hasLabels(this.containerRef.current) && !this.asProps.title,\n `'title' or 'aria-label' or 'aria-labelledby' are required props for buttons without text content`,\n this.asProps['data-ui-name'] || AbstractButton.displayName,\n );\n\n logger.warn(\n this.asProps.theme === 'warning',\n 'Warning theme is deprecated and will be removed in the next major release.',\n this.asProps['data-ui-name'] || AbstractButton.displayName,\n );\n }\n\n const ariaLabelledby = this.asProps['aria-labelledby'];\n\n if (ariaLabelledby) {\n setTimeout(() => {\n this.setState({\n ariaLabelledByContent: document.getElementById(ariaLabelledby)?.textContent ?? '',\n });\n }, 0);\n }\n }\n\n renderButton({ buttonProps, children }: any) {\n const { styles } = this.asProps;\n const SButton = Root;\n\n return sstyled(styles)(\n <SButton render={Box} {...buttonProps}>\n {children}\n </SButton>,\n );\n }\n\n renderButtonWithHint({ buttonProps, children, hintProps }: any) {\n const { styles } = this.asProps;\n const SButton = Root;\n\n return sstyled(styles)(\n <SButton render={Hint} {...buttonProps} {...hintProps}>\n {children}\n </SButton>,\n );\n }\n\n render() {\n const {\n styles,\n use,\n theme = typeof use === 'string' && MAP_USE_DEFAULT_THEME[use],\n loading,\n disabled = loading,\n size,\n neighborLocation,\n children: hasChildren,\n title,\n ['aria-label']: ariaLabel,\n Children,\n addonLeft: AddonLeft,\n addonRight: AddonRight,\n hintPlacement,\n } = this.asProps;\n // @ts-ignore\n const Button = this[CORE_INSTANCE];\n const useTheme = use && theme ? `${use}-${theme}` : false;\n const SInner = Box;\n const SSpin = Box;\n const buttonAriaLabel = title ?? ariaLabel ?? this.state.ariaLabelledByContent ?? '';\n\n const buttonProps: Record<string, any> = {\n type: 'button',\n tag: 'button',\n disabled,\n 'use:theme': useTheme,\n ref: this.containerRef,\n 'text-color': this.getTextColor(),\n 'aria-busy': loading,\n __excludeProps: ['title'],\n };\n\n const hintProps = {\n title: buttonAriaLabel,\n timeout: [250, 50],\n placement: hintPlacement,\n theme: theme === 'invert' ? 'invert' : undefined,\n __excludeProps: [],\n };\n\n return (\n <NeighborLocation.Detect neighborLocation={neighborLocation}>\n {(neighborLocation) => {\n const children = sstyled(styles)(\n <>\n {/* @ts-ignore */}\n <SInner tag='span' loading={loading}>\n {AddonLeft ? (\n <Button.Addon>\n <AddonLeft />\n </Button.Addon>\n ) : null}\n {addonTextChildren(Children, Button.Text, Button.Addon)}\n {AddonRight ? (\n <Button.Addon>\n <AddonRight />\n </Button.Addon>\n ) : null}\n </SInner>\n {loading && (\n <SSpin tag='span'>\n <SpinButton centered size={size} theme={useTheme} />\n </SSpin>\n )}\n </>,\n );\n buttonProps.neighborLocation = neighborLocation;\n\n if (hasChildren === undefined || title) {\n return this.renderButtonWithHint({ buttonProps, hintProps, children });\n }\n\n return this.renderButton({ buttonProps, children });\n }}\n </NeighborLocation.Detect>\n );\n }\n}\n"],"mappings":";;;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,GAAG,QAAQ,mBAAmB;AACvC,SAASC,IAAI,QAAQ,kBAAkB;AACvC,OAAOC,gBAAgB,MAAM,4BAA4B;AACzD,OAAOC,iBAAiB,MAAM,sCAAsC;AACpE,OAAOC,MAAM,MAAM,2BAA2B;AAC9C,OAAOC,UAAU,MAAM,cAAc;AACrC,OAAOC,SAAS,MAAM,8BAA8B;AAEpD,SAASC,SAAS,EAAEC,aAAa,EAAEC,IAAI,EAAEC,OAAO,QAAQ,eAAe;AAEvE,OAAO,IAAMC,qBAA6C,GAAG;EAC3DC,OAAO,EAAE,MAAM;EACfC,SAAS,EAAE,OAAO;EAClBC,QAAQ,EAAE;AACZ,CAAC;AAID,WAAsBC,cAAc,0BAAAC,UAAA;EAAAC,SAAA,CAAAF,cAAA,EAAAC,UAAA;EAAA,IAAAE,MAAA,GAAAC,YAAA,CAAAJ,cAAA;EAAA,SAAAA,eAAA;IAAA,IAAAK,KAAA;IAAAC,eAAA,OAAAN,cAAA;IAAA,SAAAO,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA;MAAAF,IAAA,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA;IAAA;IAAAP,KAAA,GAAAF,MAAA,CAAAU,IAAA,CAAAC,KAAA,CAAAX,MAAA,SAAAY,MAAA,CAAAL,IAAA;IAAAM,eAAA,CAAAC,sBAAA,CAAAZ,KAAA,gCAGnBrB,KAAK,CAACkC,SAAS,EAAqB;IAAAF,eAAA,CAAAC,sBAAA,CAAAZ,KAAA,YAE3C;MACNc,qBAAqB,EAAE;IACzB,CAAC;IAAA,OAAAd,KAAA;EAAA;EAAAe,YAAA,CAAApB,cAAA;IAAAqB,GAAA;IAAAC,KAAA,EAID,SAAAC,aAAA,EAAe;MACb,IAAQC,IAAI,GAAK,IAAI,CAACC,OAAO,CAArBD,IAAI;MAEZ,OAAO;QACLA,IAAI,EAAJA;MACF,CAAC;IACH;EAAC;IAAAH,GAAA;IAAAC,KAAA,EAED,SAAAI,cAAA,EAAgB;MACd,IAAQF,IAAI,GAAK,IAAI,CAACC,OAAO,CAArBD,IAAI;MACZ,OAAO;QACLA,IAAI,EAAJA;MACF,CAAC;IACH;EAAC;IAAAH,GAAA;IAAAC,KAAA,EAED,SAAAK,kBAAA,EAAoB;MAAA,IAAAC,MAAA;MAClB,IAAIC,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,YAAY,EAAE;QACzC1C,MAAM,CAAC2C,IAAI,CACT,IAAI,CAACC,YAAY,CAACC,OAAO,IAAI,CAAC3C,SAAS,CAAC,IAAI,CAAC0C,YAAY,CAACC,OAAO,CAAC,IAAI,CAAC,IAAI,CAACT,OAAO,CAACU,KAAK,sGAEzF,IAAI,CAACV,OAAO,CAAC,cAAc,CAAC,IAAIzB,cAAc,CAACoC,WAAW,CAC3D;QAED/C,MAAM,CAAC2C,IAAI,CACT,IAAI,CAACP,OAAO,CAACY,KAAK,KAAK,SAAS,EAChC,4EAA4E,EAC5E,IAAI,CAACZ,OAAO,CAAC,cAAc,CAAC,IAAIzB,cAAc,CAACoC,WAAW,CAC3D;MACH;MAEA,IAAME,cAAc,GAAG,IAAI,CAACb,OAAO,CAAC,iBAAiB,CAAC;MAEtD,IAAIa,cAAc,EAAE;QAClBC,UAAU,CAAC,YAAM;UAAA,IAAAC,qBAAA,EAAAC,sBAAA;UACfb,MAAI,CAACc,QAAQ,CAAC;YACZvB,qBAAqB,GAAAqB,qBAAA,IAAAC,sBAAA,GAAEE,QAAQ,CAACC,cAAc,CAACN,cAAc,CAAC,cAAAG,sBAAA,uBAAvCA,sBAAA,CAAyCI,WAAW,cAAAL,qBAAA,cAAAA,qBAAA,GAAI;UACjF,CAAC,CAAC;QACJ,CAAC,EAAE,CAAC,CAAC;MACP;IACF;EAAC;IAAAnB,GAAA;IAAAC,KAAA,EAED,SAAAwB,aAAAC,KAAA,EAA6C;MAAA,IAAAC,IAAA,QAAAvB,OAAA;QAAAwB,KAAA;MAAA,IAA9BC,WAAW,GAAAH,KAAA,CAAXG,WAAW;QAAEC,QAAQ,GAAAJ,KAAA,CAARI,QAAQ;MAClC,IAAQC,MAAM,GAAK,IAAI,CAAC3B,OAAO,CAAvB2B,MAAM;MACd,IAAMC,OAAO,GAGMpE,GAAG;MADtB,OAAAgE,KAAA,GAAOtD,OAAO,CAACyD,MAAM,CAAC,eACpBpE,KAAA,CAAAsE,aAAA,CAACD,OAAO,EAAAJ,KAAA,CAAAM,EAAA,YAAAC,aAAA,KAAAC,YAAA,CAAAD,aAAA,KAAkBN,WAAW,GAAAF,IAAA,KAClCG,QAAQ,CACD;IAEd;EAAC;IAAA9B,GAAA;IAAAC,KAAA,EAED,SAAAoC,qBAAAC,KAAA,EAAgE;MAAA,IAAAC,KAAA,QAAAnC,OAAA;QAAAoC,KAAA;MAAA,IAAzCX,WAAW,GAAAS,KAAA,CAAXT,WAAW;QAAEC,QAAQ,GAAAQ,KAAA,CAARR,QAAQ;QAAEW,SAAS,GAAAH,KAAA,CAATG,SAAS;MACrD,IAAQV,MAAM,GAAK,IAAI,CAAC3B,OAAO,CAAvB2B,MAAM;MACd,IAAMC,OAAO,GAGMnE,IAAI;MADvB,OAAA2E,KAAA,GAAOlE,OAAO,CAACyD,MAAM,CAAC,eACpBpE,KAAA,CAAAsE,aAAA,CAACD,OAAO,EAAAQ,KAAA,CAAAN,EAAA,YAAAC,aAAA,KAAAO,aAAA,CAAAP,aAAA,CAAAA,aAAA,KAAmBN,WAAW,GAAMY,SAAS,GAAAF,KAAA,KAClDT,QAAQ,CACD;IAEd;EAAC;IAAA9B,GAAA;IAAAC,KAAA,EAED,SAAA0C,OAAA,EAAS;MAAA,IAAAC,KAAA;QAAAC,KAAA;QAAAC,MAAA;MACP,IAAAC,aAAA,GAeI,IAAI,CAAC3C,OAAO;QAdd2B,MAAM,GAAAgB,aAAA,CAANhB,MAAM;QACNiB,GAAG,GAAAD,aAAA,CAAHC,GAAG;QAAAC,mBAAA,GAAAF,aAAA,CACH/B,KAAK;QAALA,KAAK,GAAAiC,mBAAA,cAAG,OAAOD,GAAG,KAAK,QAAQ,IAAIzE,qBAAqB,CAACyE,GAAG,CAAC,GAAAC,mBAAA;QAC7DC,OAAO,GAAAH,aAAA,CAAPG,OAAO;QAAAC,qBAAA,GAAAJ,aAAA,CACPK,QAAQ;QAARA,QAAQ,GAAAD,qBAAA,cAAGD,OAAO,GAAAC,qBAAA;QAClBhD,IAAI,GAAA4C,aAAA,CAAJ5C,IAAI;QACJkD,gBAAgB,GAAAN,aAAA,CAAhBM,gBAAgB;QACNC,WAAW,GAAAP,aAAA,CAArBjB,QAAQ;QACRhB,KAAK,GAAAiC,aAAA,CAALjC,KAAK;QACWyC,SAAS,GAAAR,aAAA,CAAxB,YAAY;QACbS,QAAQ,GAAAT,aAAA,CAARS,QAAQ;QACGC,SAAS,GAAAV,aAAA,CAApBW,SAAS;QACGC,UAAU,GAAAZ,aAAA,CAAtBa,UAAU;QACVC,aAAa,GAAAd,aAAA,CAAbc,aAAa;MAEf;MACA,IAAMC,MAAM,GAAG,IAAI,CAAC1F,aAAa,CAAC;MAClC,IAAM2F,QAAQ,GAAGf,GAAG,IAAIhC,KAAK,MAAAtB,MAAA,CAAMsD,GAAG,OAAAtD,MAAA,CAAIsB,KAAK,IAAK,KAAK;MACzD,IAAMgD,MAAM,GAAGpG,GAAG;MAClB,IAAMqG,KAAK,GAAGrG,GAAG;MACjB,IAAMsG,eAAe,IAAAtB,KAAA,IAAAC,KAAA,GAAG/B,KAAK,aAALA,KAAK,cAALA,KAAK,GAAIyC,SAAS,cAAAV,KAAA,cAAAA,KAAA,GAAI,IAAI,CAACsB,KAAK,CAACrE,qBAAqB,cAAA8C,KAAA,cAAAA,KAAA,GAAI,EAAE;MAEpF,IAAMf,WAAgC,GAAG;QACvCuC,IAAI,EAAE,QAAQ;QACdC,GAAG,EAAE,QAAQ;QACbjB,QAAQ,EAARA,QAAQ;QACR,WAAW,EAAEW,QAAQ;QACrBO,GAAG,EAAE,IAAI,CAAC1D,YAAY;QACtB,YAAY,EAAE,IAAI,CAAC2D,YAAY,EAAE;QACjC,WAAW,EAAErB,OAAO;QACpBsB,cAAc,EAAE,CAAC,OAAO;MAC1B,CAAC;MAED,IAAM/B,SAAS,GAAG;QAChB3B,KAAK,EAAEoD,eAAe;QACtBO,OAAO,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC;QAClBC,SAAS,EAAEb,aAAa;QACxB7C,KAAK,EAAEA,KAAK,KAAK,QAAQ,GAAG,QAAQ,GAAG2D,SAAS;QAChDH,cAAc,EAAE;MAClB,CAAC;MAED,oBACE7G,KAAA,CAAAsE,aAAA,CAACnE,gBAAgB,CAAC8G,MAAM;QAACvB,gBAAgB,EAAEA;MAAiB,GACzD,UAACA,gBAAgB,EAAK;QAAA,IAAAwB,KAAA;QACrB,IAAM/C,QAAQ,IAAA+C,KAAA,GAAGvG,OAAO,CAACyD,MAAM,CAAC,eAC9BpE,KAAA,CAAAsE,aAAA,CAAAtE,KAAA,CAAAmH,QAAA,qBAEEnH,KAAA,CAAAsE,aAAA,CAAC+B,MAAM,EAAAa,KAAA,CAAA3C,EAAA;UAAA,OAAK,MAAM;UAAA,WAAUgB;QAAO,IAChCO,SAAS,gBACR9F,KAAA,CAAAsE,aAAA,CAAC6B,MAAM,CAACiB,KAAK,qBACXpH,KAAA,CAAAsE,aAAA,CAACwB,SAAS,EAAAoB,KAAA,CAAA3C,EAAA,kBAAG,CACA,GACb,IAAI,EACPnE,iBAAiB,CAACyF,QAAQ,EAAEM,MAAM,CAACkB,IAAI,EAAElB,MAAM,CAACiB,KAAK,CAAC,EACtDpB,UAAU,gBACThG,KAAA,CAAAsE,aAAA,CAAC6B,MAAM,CAACiB,KAAK,qBACXpH,KAAA,CAAAsE,aAAA,CAAC0B,UAAU,EAAAkB,KAAA,CAAA3C,EAAA,mBAAG,CACD,GACb,IAAI,CACD,EACRgB,OAAO,iBACNvF,KAAA,CAAAsE,aAAA,CAACgC,KAAK,EAAAY,KAAA,CAAA3C,EAAA;UAAA,OAAK;QAAM,iBACfvE,KAAA,CAAAsE,aAAA,CAAChE,UAAU,EAAA4G,KAAA,CAAA3C,EAAA;UAAA;UAAA,QAAgB/B,IAAI;UAAA,SAAS4D;QAAQ,GAAI,CAEvD,CACA,CACJ;QACDlC,WAAW,CAACwB,gBAAgB,GAAGA,gBAAgB;QAE/C,IAAIC,WAAW,KAAKqB,SAAS,IAAI7D,KAAK,EAAE;UACtC,OAAOgC,MAAI,CAACT,oBAAoB,CAAC;YAAER,WAAW,EAAXA,WAAW;YAAEY,SAAS,EAATA,SAAS;YAAEX,QAAQ,EAARA;UAAS,CAAC,CAAC;QACxE;QAEA,OAAOgB,MAAI,CAACrB,YAAY,CAAC;UAAEI,WAAW,EAAXA,WAAW;UAAEC,QAAQ,EAARA;QAAS,CAAC,CAAC;MACrD,CAAC,CACuB;IAE9B;EAAC;EAAA,OAAAnD,cAAA;AAAA,EAzJ0CR,SAAS;AA0JrDwB,eAAA,CA1JqBhB,cAAc,iBACb,gBAAgB"}
package/button/lib/es6/component/Button/Button.js CHANGED
@@ -12,33 +12,34 @@ import createComponent, { sstyled, Root } from 'intergalactic/core';
12
12
  import { Box } from 'intergalactic/flex-box';
13
13
  import keyboardFocusEnhance from 'intergalactic/utils/lib/enhances/keyboardFocusEnhance';
14
14
  /*__reshadow-styles__:"./button.shadow.css"*/
15
- var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SButton_1gxdq_gg_{position:relative;display:inline-block;align-items:center;justify-content:center;padding:0;margin:0;white-space:nowrap;font-family:inherit;line-height:normal;-webkit-text-decoration:none;text-decoration:none;text-align:center;vertical-align:middle;border:1px solid transparent;outline:0;box-shadow:none;cursor:pointer;box-sizing:border-box;overflow:visible;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;font-weight:var(--intergalactic-medium, 500);color:var(--intergalactic-text-secondary, #6c6e79);min-width:-moz-fit-content;min-width:fit-content}.___SButton_1gxdq_gg_::-moz-focus-inner{padding:0;border:0}.___SButton_1gxdq_gg_:active,.___SButton_1gxdq_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SButton_1gxdq_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SButton_1gxdq_gg_.__keyboardFocused_1gxdq_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___SButton_1gxdq_gg_.__disabled_1gxdq_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none;box-shadow:none;z-index:0}.___SButton_1gxdq_gg_._size_s_1gxdq_gg_{width:var(--intergalactic-form-control-s, 20px);height:var(--intergalactic-form-control-s, 20px);border-radius:var(--intergalactic-addon-rounded, 4px)}.___SButton_1gxdq_gg_._size_m_1gxdq_gg_{height:var(--intergalactic-form-control-m, 28px);border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-200, 14px)}.___SButton_1gxdq_gg_._size_l_1gxdq_gg_{height:var(--intergalactic-form-control-l, 40px);border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-300, 16px)}.___SButton_1gxdq_gg_._theme_primary-info_1gxdq_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info, #008ff8)}@media (hover:hover){.___SButton_1gxdq_gg_._theme_primary-info_1gxdq_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info-hover, #006dca)}}.___SButton_1gxdq_gg_._theme_primary-info_1gxdq_gg_.__active_1gxdq_gg_,.___SButton_1gxdq_gg_._theme_primary-info_1gxdq_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info-active, #044792)}.___SButton_1gxdq_gg_._theme_primary-success_1gxdq_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success, #009f81)}@media (hover:hover){.___SButton_1gxdq_gg_._theme_primary-success_1gxdq_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success-hover, #007c65)}}.___SButton_1gxdq_gg_._theme_primary-success_1gxdq_gg_.__active_1gxdq_gg_,.___SButton_1gxdq_gg_._theme_primary-success_1gxdq_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success-active, #055345)}.___SButton_1gxdq_gg_._theme_primary-warning_1gxdq_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand, #ff642d)}@media (hover:hover){.___SButton_1gxdq_gg_._theme_primary-warning_1gxdq_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-hover, #c33909)}}.___SButton_1gxdq_gg_._theme_primary-warning_1gxdq_gg_.__active_1gxdq_gg_,.___SButton_1gxdq_gg_._theme_primary-warning_1gxdq_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-active, #c33909)}.___SButton_1gxdq_gg_._theme_primary-danger_1gxdq_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical, #ff4953)}@media (hover:hover){.___SButton_1gxdq_gg_._theme_primary-danger_1gxdq_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical-hover, #d1002f)}}.___SButton_1gxdq_gg_._theme_primary-danger_1gxdq_gg_.__active_1gxdq_gg_,.___SButton_1gxdq_gg_._theme_primary-danger_1gxdq_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical-active, #8e0016)}.___SButton_1gxdq_gg_._theme_primary-invert_1gxdq_gg_{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert, #ffffff)}@media (hover:hover){.___SButton_1gxdq_gg_._theme_primary-invert_1gxdq_gg_:hover{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert-hover, #f4f5f9)}}.___SButton_1gxdq_gg_._theme_primary-invert_1gxdq_gg_.__active_1gxdq_gg_,.___SButton_1gxdq_gg_._theme_primary-invert_1gxdq_gg_:active{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert-active, #e0e1e9)}.___SButton_1gxdq_gg_._theme_secondary-muted_1gxdq_gg_{color:var(--intergalactic-text-secondary, #6c6e79);border-color:var(--intergalactic-border-primary, #c4c7cf);background-color:var(--intergalactic-control-secondary-neutral, rgba(138, 142, 155, 0.1))}@media (hover:hover){.___SButton_1gxdq_gg_._theme_secondary-muted_1gxdq_gg_:hover{background-color:var(--intergalactic-control-secondary-neutral-hover,\n rgba(138, 142, 155, 0.2));color:var(--intergalactic-text-primary, #191b23)}}.___SButton_1gxdq_gg_._theme_secondary-muted_1gxdq_gg_.__active_1gxdq_gg_,.___SButton_1gxdq_gg_._theme_secondary-muted_1gxdq_gg_:active{background-color:var(--intergalactic-control-secondary-neutral-active,\n rgba(138, 142, 155, 0.3));color:var(--intergalactic-text-primary, #191b23)}.___SButton_1gxdq_gg_._theme_secondary-info_1gxdq_gg_{background-color:var(--intergalactic-control-secondary-info, rgba(0, 143, 248, 0.1));color:var(--intergalactic-text-link, #006dca);border-color:var(--intergalactic-control-primary-info, #008ff8)}@media (hover:hover){.___SButton_1gxdq_gg_._theme_secondary-info_1gxdq_gg_:hover{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_1gxdq_gg_._theme_secondary-info_1gxdq_gg_.__active_1gxdq_gg_,.___SButton_1gxdq_gg_._theme_secondary-info_1gxdq_gg_:active{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_1gxdq_gg_._theme_secondary-invert_1gxdq_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);border-color:var(--intergalactic-border-primary-invert, #ffffff);background-color:var(--intergalactic-control-secondary-invert, rgba(255, 255, 255, 0.05))}@media (hover:hover){.___SButton_1gxdq_gg_._theme_secondary-invert_1gxdq_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-secondary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_1gxdq_gg_._theme_secondary-invert_1gxdq_gg_.__active_1gxdq_gg_,.___SButton_1gxdq_gg_._theme_secondary-invert_1gxdq_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-secondary-invert-active,\n rgba(255, 255, 255, 0.3))}.___SButton_1gxdq_gg_._theme_tertiary-info_1gxdq_gg_{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info, rgba(0, 143, 248, 0))}@media (hover:hover){.___SButton_1gxdq_gg_._theme_tertiary-info_1gxdq_gg_:hover{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_1gxdq_gg_._theme_tertiary-info_1gxdq_gg_.__active_1gxdq_gg_,.___SButton_1gxdq_gg_._theme_tertiary-info_1gxdq_gg_:active{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_1gxdq_gg_._theme_tertiary-muted_1gxdq_gg_{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-control-tertiary-neutral, rgba(138, 142, 155, 0))}@media (hover:hover){.___SButton_1gxdq_gg_._theme_tertiary-muted_1gxdq_gg_:hover{background-color:var(--intergalactic-control-tertiary-neutral-hover, rgba(138, 142, 155, 0.2));color:var(--intergalactic-text-primary, #191b23)}}.___SButton_1gxdq_gg_._theme_tertiary-muted_1gxdq_gg_.__active_1gxdq_gg_,.___SButton_1gxdq_gg_._theme_tertiary-muted_1gxdq_gg_:active{background-color:var(--intergalactic-control-tertiary-neutral-active,\n rgba(138, 142, 155, 0.3));color:var(--intergalactic-text-primary, #191b23)}.___SButton_1gxdq_gg_._theme_tertiary-invert_1gxdq_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert, rgba(255, 255, 255, 0))}@media (hover:hover){.___SButton_1gxdq_gg_._theme_tertiary-invert_1gxdq_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_1gxdq_gg_._theme_tertiary-invert_1gxdq_gg_.__active_1gxdq_gg_,.___SButton_1gxdq_gg_._theme_tertiary-invert_1gxdq_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert-active, rgba(255, 255, 255, 0.3))}.___SButton_1gxdq_gg_._neighborLocation_right_1gxdq_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SButton_1gxdq_gg_._neighborLocation_both_1gxdq_gg_{border-radius:0;margin-left:-1px}.___SButton_1gxdq_gg_._neighborLocation_left_1gxdq_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SButton_1gxdq_gg_._neighborLocation_both_1gxdq_gg_,.___SButton_1gxdq_gg_._neighborLocation_left_1gxdq_gg_{position:relative}.___SButton_1gxdq_gg_._neighborLocation_both_1gxdq_gg_:after,.___SButton_1gxdq_gg_._neighborLocation_left_1gxdq_gg_:after{background-color:var(--intergalactic-border-primary-invert, #ffffff)}.___SButton_1gxdq_gg_._neighborLocation_both_1gxdq_gg_._theme_secondary-muted_1gxdq_gg_:after,.___SButton_1gxdq_gg_._neighborLocation_left_1gxdq_gg_._theme_secondary-muted_1gxdq_gg_:after{background-color:var(--intergalactic-border-primary, #c4c7cf)}.___SButton_1gxdq_gg_+.___SButton_1gxdq_gg_._neighborLocation_both_1gxdq_gg_:after,.___SButton_1gxdq_gg_+.___SButton_1gxdq_gg_._neighborLocation_left_1gxdq_gg_:after{content:\"\";position:absolute;top:-1px;left:-1px;width:1px;height:calc(100% + 2px)}.___SSpin_1gxdq_gg_{position:absolute;top:0;left:0;width:100%;height:100%;display:flex}.___SInner_1gxdq_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SInner_1gxdq_gg_.__loading_1gxdq_gg_{visibility:hidden}.___SText_1gxdq_gg_{display:inline-flex}.___SText_1gxdq_gg_._size_l_1gxdq_gg_,.___SText_1gxdq_gg_._size_m_1gxdq_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SText_1gxdq_gg_._size_m_1gxdq_gg_{line-height:var(--intergalactic-lh-200, 142%)}.___SText_1gxdq_gg_._size_l_1gxdq_gg_{line-height:var(--intergalactic-lh-300, 150%)}.___SText_1gxdq_gg_._size_l_1gxdq_gg_:only-child{margin-left:var(--intergalactic-spacing-3x, 12px);margin-right:var(--intergalactic-spacing-3x, 12px)}.___SText_1gxdq_gg_._size_l_1gxdq_gg_:first-child{margin-left:var(--intergalactic-spacing-3x, 12px)}.___SText_1gxdq_gg_._size_l_1gxdq_gg_:last-child{margin-right:var(--intergalactic-spacing-3x, 12px)}.___SAddon_1gxdq_gg_{display:inline-flex;align-items:center;justify-content:center;pointer-events:none}.___SAddon_1gxdq_gg_._size_m_1gxdq_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_1gxdq_gg_._size_m_1gxdq_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_1gxdq_gg_._size_m_1gxdq_gg_:only-child{margin-left:calc(1.5*var(--intergalactic-spacing-1x, 4px) - 1px);margin-right:calc(1.5*var(--intergalactic-spacing-1x, 4px) - 1px)}.___SAddon_1gxdq_gg_._size_l_1gxdq_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_1gxdq_gg_._size_l_1gxdq_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_1gxdq_gg_._size_l_1gxdq_gg_:only-child{margin-left:calc(3*var(--intergalactic-spacing-1x, 4px) - 1px);margin-right:calc(3*var(--intergalactic-spacing-1x, 4px) - 1px)}" /*__inner_css_end__*/, "1gxdq_gg_") /*__reshadow_css_end__*/, {
16
- "__SButton": "___SButton_1gxdq_gg_",
17
- "_keyboardFocused": "__keyboardFocused_1gxdq_gg_",
18
- "_disabled": "__disabled_1gxdq_gg_",
19
- "_size_s": "_size_s_1gxdq_gg_",
20
- "_size_m": "_size_m_1gxdq_gg_",
21
- "_size_l": "_size_l_1gxdq_gg_",
22
- "_neighborLocation_right": "_neighborLocation_right_1gxdq_gg_",
23
- "_neighborLocation_both": "_neighborLocation_both_1gxdq_gg_",
24
- "_neighborLocation_left": "_neighborLocation_left_1gxdq_gg_",
25
- "__SSpin": "___SSpin_1gxdq_gg_",
26
- "__SInner": "___SInner_1gxdq_gg_",
27
- "_loading": "__loading_1gxdq_gg_",
28
- "__SText": "___SText_1gxdq_gg_",
29
- "__SAddon": "___SAddon_1gxdq_gg_",
30
- "_theme_primary-info": "_theme_primary-info_1gxdq_gg_",
31
- "_active": "__active_1gxdq_gg_",
32
- "_theme_primary-success": "_theme_primary-success_1gxdq_gg_",
33
- "_theme_primary-warning": "_theme_primary-warning_1gxdq_gg_",
34
- "_theme_primary-danger": "_theme_primary-danger_1gxdq_gg_",
35
- "_theme_primary-invert": "_theme_primary-invert_1gxdq_gg_",
36
- "_theme_secondary-muted": "_theme_secondary-muted_1gxdq_gg_",
37
- "_theme_secondary-info": "_theme_secondary-info_1gxdq_gg_",
38
- "_theme_secondary-invert": "_theme_secondary-invert_1gxdq_gg_",
39
- "_theme_tertiary-info": "_theme_tertiary-info_1gxdq_gg_",
40
- "_theme_tertiary-muted": "_theme_tertiary-muted_1gxdq_gg_",
41
- "_theme_tertiary-invert": "_theme_tertiary-invert_1gxdq_gg_"
15
+ var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SButton_12yjh_gg_{position:relative;display:inline-block;align-items:center;justify-content:center;padding:0;margin:0;white-space:nowrap;font-family:inherit;line-height:normal;-webkit-text-decoration:none;text-decoration:none;text-align:center;vertical-align:middle;border:1px solid transparent;outline:0;box-shadow:none;cursor:pointer;box-sizing:border-box;overflow:visible;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;font-weight:var(--intergalactic-medium, 500);color:var(--intergalactic-text-secondary, #6c6e79);min-width:-moz-fit-content;min-width:fit-content}.___SButton_12yjh_gg_::-moz-focus-inner{padding:0;border:0}.___SButton_12yjh_gg_:active,.___SButton_12yjh_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SButton_12yjh_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SButton_12yjh_gg_.__keyboardFocused_12yjh_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___SButton_12yjh_gg_.__disabled_12yjh_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none;box-shadow:none;z-index:0}.___SButton_12yjh_gg_._size_s_12yjh_gg_{width:var(--intergalactic-form-control-s, 20px);height:var(--intergalactic-form-control-s, 20px);border-radius:var(--intergalactic-addon-rounded, 4px)}.___SButton_12yjh_gg_._size_m_12yjh_gg_{height:var(--intergalactic-form-control-m, 28px);border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-200, 14px)}.___SButton_12yjh_gg_._size_l_12yjh_gg_{height:var(--intergalactic-form-control-l, 40px);border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-300, 16px)}.___SButton_12yjh_gg_._theme_primary-info_12yjh_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info, #008ff8)}@media (hover:hover){.___SButton_12yjh_gg_._theme_primary-info_12yjh_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info-hover, #006dca)}}.___SButton_12yjh_gg_._theme_primary-info_12yjh_gg_.__active_12yjh_gg_,.___SButton_12yjh_gg_._theme_primary-info_12yjh_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info-active, #044792)}.___SButton_12yjh_gg_._theme_primary-success_12yjh_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success, #009f81)}@media (hover:hover){.___SButton_12yjh_gg_._theme_primary-success_12yjh_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success-hover, #007c65)}}.___SButton_12yjh_gg_._theme_primary-success_12yjh_gg_.__active_12yjh_gg_,.___SButton_12yjh_gg_._theme_primary-success_12yjh_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success-active, #055345)}.___SButton_12yjh_gg_._theme_primary-brand_12yjh_gg_,.___SButton_12yjh_gg_._theme_primary-warning_12yjh_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand, #ff642d)}@media (hover:hover){.___SButton_12yjh_gg_._theme_primary-brand_12yjh_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-hover, #c33909)}}.___SButton_12yjh_gg_._theme_primary-brand_12yjh_gg_.__active_12yjh_gg_,.___SButton_12yjh_gg_._theme_primary-brand_12yjh_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-active, #8b1500)}@media (hover:hover){.___SButton_12yjh_gg_._theme_primary-warning_12yjh_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-hover, #c33909)}}.___SButton_12yjh_gg_._theme_primary-warning_12yjh_gg_.__active_12yjh_gg_,.___SButton_12yjh_gg_._theme_primary-warning_12yjh_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-active, #8b1500)}.___SButton_12yjh_gg_._theme_primary-danger_12yjh_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical, #ff4953)}@media (hover:hover){.___SButton_12yjh_gg_._theme_primary-danger_12yjh_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical-hover, #d1002f)}}.___SButton_12yjh_gg_._theme_primary-danger_12yjh_gg_.__active_12yjh_gg_,.___SButton_12yjh_gg_._theme_primary-danger_12yjh_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical-active, #8e0016)}.___SButton_12yjh_gg_._theme_primary-invert_12yjh_gg_{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert, #ffffff)}@media (hover:hover){.___SButton_12yjh_gg_._theme_primary-invert_12yjh_gg_:hover{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert-hover, #f4f5f9)}}.___SButton_12yjh_gg_._theme_primary-invert_12yjh_gg_.__active_12yjh_gg_,.___SButton_12yjh_gg_._theme_primary-invert_12yjh_gg_:active{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert-active, #e0e1e9)}.___SButton_12yjh_gg_._theme_secondary-muted_12yjh_gg_{color:var(--intergalactic-text-secondary, #6c6e79);border-color:var(--intergalactic-border-primary, #c4c7cf);background-color:var(--intergalactic-control-secondary-neutral, rgba(138, 142, 155, 0.1))}@media (hover:hover){.___SButton_12yjh_gg_._theme_secondary-muted_12yjh_gg_:hover{background-color:var(--intergalactic-control-secondary-neutral-hover,\n rgba(138, 142, 155, 0.2));color:var(--intergalactic-text-primary, #191b23)}}.___SButton_12yjh_gg_._theme_secondary-muted_12yjh_gg_.__active_12yjh_gg_,.___SButton_12yjh_gg_._theme_secondary-muted_12yjh_gg_:active{background-color:var(--intergalactic-control-secondary-neutral-active,\n rgba(138, 142, 155, 0.3));color:var(--intergalactic-text-primary, #191b23)}.___SButton_12yjh_gg_._theme_secondary-info_12yjh_gg_{background-color:var(--intergalactic-control-secondary-info, rgba(0, 143, 248, 0.1));color:var(--intergalactic-text-link, #006dca);border-color:var(--intergalactic-control-primary-info, #008ff8)}@media (hover:hover){.___SButton_12yjh_gg_._theme_secondary-info_12yjh_gg_:hover{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_12yjh_gg_._theme_secondary-info_12yjh_gg_.__active_12yjh_gg_,.___SButton_12yjh_gg_._theme_secondary-info_12yjh_gg_:active{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_12yjh_gg_._theme_secondary-invert_12yjh_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);border-color:var(--intergalactic-border-primary-invert, #ffffff);background-color:var(--intergalactic-control-secondary-invert, rgba(255, 255, 255, 0.05))}@media (hover:hover){.___SButton_12yjh_gg_._theme_secondary-invert_12yjh_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-secondary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_12yjh_gg_._theme_secondary-invert_12yjh_gg_.__active_12yjh_gg_,.___SButton_12yjh_gg_._theme_secondary-invert_12yjh_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-secondary-invert-active,\n rgba(255, 255, 255, 0.3))}.___SButton_12yjh_gg_._theme_tertiary-info_12yjh_gg_{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info, rgba(0, 143, 248, 0))}@media (hover:hover){.___SButton_12yjh_gg_._theme_tertiary-info_12yjh_gg_:hover{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_12yjh_gg_._theme_tertiary-info_12yjh_gg_.__active_12yjh_gg_,.___SButton_12yjh_gg_._theme_tertiary-info_12yjh_gg_:active{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_12yjh_gg_._theme_tertiary-muted_12yjh_gg_{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-control-tertiary-neutral, rgba(138, 142, 155, 0))}@media (hover:hover){.___SButton_12yjh_gg_._theme_tertiary-muted_12yjh_gg_:hover{background-color:var(--intergalactic-control-tertiary-neutral-hover, rgba(138, 142, 155, 0.2));color:var(--intergalactic-text-primary, #191b23)}}.___SButton_12yjh_gg_._theme_tertiary-muted_12yjh_gg_.__active_12yjh_gg_,.___SButton_12yjh_gg_._theme_tertiary-muted_12yjh_gg_:active{background-color:var(--intergalactic-control-tertiary-neutral-active,\n rgba(138, 142, 155, 0.3));color:var(--intergalactic-text-primary, #191b23)}.___SButton_12yjh_gg_._theme_tertiary-invert_12yjh_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert, rgba(255, 255, 255, 0))}@media (hover:hover){.___SButton_12yjh_gg_._theme_tertiary-invert_12yjh_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_12yjh_gg_._theme_tertiary-invert_12yjh_gg_.__active_12yjh_gg_,.___SButton_12yjh_gg_._theme_tertiary-invert_12yjh_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert-active, rgba(255, 255, 255, 0.3))}.___SButton_12yjh_gg_._neighborLocation_right_12yjh_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SButton_12yjh_gg_._neighborLocation_both_12yjh_gg_{border-radius:0;margin-left:-1px}.___SButton_12yjh_gg_._neighborLocation_left_12yjh_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SButton_12yjh_gg_._neighborLocation_both_12yjh_gg_,.___SButton_12yjh_gg_._neighborLocation_left_12yjh_gg_{position:relative}.___SButton_12yjh_gg_._neighborLocation_both_12yjh_gg_:after,.___SButton_12yjh_gg_._neighborLocation_left_12yjh_gg_:after{background-color:var(--intergalactic-border-primary-invert, #ffffff)}.___SButton_12yjh_gg_._neighborLocation_both_12yjh_gg_._theme_secondary-muted_12yjh_gg_:after,.___SButton_12yjh_gg_._neighborLocation_left_12yjh_gg_._theme_secondary-muted_12yjh_gg_:after{background-color:var(--intergalactic-border-primary, #c4c7cf)}.___SButton_12yjh_gg_+.___SButton_12yjh_gg_._neighborLocation_both_12yjh_gg_:after,.___SButton_12yjh_gg_+.___SButton_12yjh_gg_._neighborLocation_left_12yjh_gg_:after{content:\"\";position:absolute;top:-1px;left:-1px;width:1px;height:calc(100% + 2px)}.___SSpin_12yjh_gg_{position:absolute;top:0;left:0;width:100%;height:100%;display:flex}.___SInner_12yjh_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SInner_12yjh_gg_.__loading_12yjh_gg_{visibility:hidden}.___SText_12yjh_gg_{display:inline-flex}.___SText_12yjh_gg_._size_l_12yjh_gg_,.___SText_12yjh_gg_._size_m_12yjh_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SText_12yjh_gg_._size_m_12yjh_gg_{line-height:var(--intergalactic-lh-200, 142%)}.___SText_12yjh_gg_._size_l_12yjh_gg_{line-height:var(--intergalactic-lh-300, 150%)}.___SText_12yjh_gg_._size_l_12yjh_gg_:only-child{margin-left:var(--intergalactic-spacing-3x, 12px);margin-right:var(--intergalactic-spacing-3x, 12px)}.___SText_12yjh_gg_._size_l_12yjh_gg_:first-child{margin-left:var(--intergalactic-spacing-3x, 12px)}.___SText_12yjh_gg_._size_l_12yjh_gg_:last-child{margin-right:var(--intergalactic-spacing-3x, 12px)}.___SAddon_12yjh_gg_{display:inline-flex;align-items:center;justify-content:center;pointer-events:none}.___SAddon_12yjh_gg_._size_m_12yjh_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_12yjh_gg_._size_m_12yjh_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_12yjh_gg_._size_m_12yjh_gg_:only-child{margin-left:calc(1.5*var(--intergalactic-spacing-1x, 4px) - 1px);margin-right:calc(1.5*var(--intergalactic-spacing-1x, 4px) - 1px)}.___SAddon_12yjh_gg_._size_l_12yjh_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_12yjh_gg_._size_l_12yjh_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_12yjh_gg_._size_l_12yjh_gg_:only-child{margin-left:calc(3*var(--intergalactic-spacing-1x, 4px) - 1px);margin-right:calc(3*var(--intergalactic-spacing-1x, 4px) - 1px)}" /*__inner_css_end__*/, "12yjh_gg_") /*__reshadow_css_end__*/, {
16
+ "__SButton": "___SButton_12yjh_gg_",
17
+ "_keyboardFocused": "__keyboardFocused_12yjh_gg_",
18
+ "_disabled": "__disabled_12yjh_gg_",
19
+ "_size_s": "_size_s_12yjh_gg_",
20
+ "_size_m": "_size_m_12yjh_gg_",
21
+ "_size_l": "_size_l_12yjh_gg_",
22
+ "_neighborLocation_right": "_neighborLocation_right_12yjh_gg_",
23
+ "_neighborLocation_both": "_neighborLocation_both_12yjh_gg_",
24
+ "_neighborLocation_left": "_neighborLocation_left_12yjh_gg_",
25
+ "__SSpin": "___SSpin_12yjh_gg_",
26
+ "__SInner": "___SInner_12yjh_gg_",
27
+ "_loading": "__loading_12yjh_gg_",
28
+ "__SText": "___SText_12yjh_gg_",
29
+ "__SAddon": "___SAddon_12yjh_gg_",
30
+ "_theme_primary-info": "_theme_primary-info_12yjh_gg_",
31
+ "_active": "__active_12yjh_gg_",
32
+ "_theme_primary-success": "_theme_primary-success_12yjh_gg_",
33
+ "_theme_primary-brand": "_theme_primary-brand_12yjh_gg_",
34
+ "_theme_primary-warning": "_theme_primary-warning_12yjh_gg_",
35
+ "_theme_primary-danger": "_theme_primary-danger_12yjh_gg_",
36
+ "_theme_primary-invert": "_theme_primary-invert_12yjh_gg_",
37
+ "_theme_secondary-muted": "_theme_secondary-muted_12yjh_gg_",
38
+ "_theme_secondary-info": "_theme_secondary-info_12yjh_gg_",
39
+ "_theme_secondary-invert": "_theme_secondary-invert_12yjh_gg_",
40
+ "_theme_tertiary-info": "_theme_tertiary-info_12yjh_gg_",
41
+ "_theme_tertiary-muted": "_theme_tertiary-muted_12yjh_gg_",
42
+ "_theme_tertiary-invert": "_theme_tertiary-invert_12yjh_gg_"
42
43
  });
43
44
  import { AbstractButton } from '../AbstractButton/AbstractButton';
44
45
  var RootButton = /*#__PURE__*/function (_AbstractButton) {
package/button/lib/es6/component/Button/Button.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Button.js","names":["React","createComponent","sstyled","Root","Box","keyboardFocusEnhance","style","_sstyled","insert","AbstractButton","RootButton","_AbstractButton","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","getTextColor","undefined","_defineProperty","use","size","Text","props","_ref","arguments[0]","_ref3","SText","styles","createElement","cn","_objectSpread","_assignProps","Addon","_ref2","_ref4","SAddon","_assignProps2","Button"],"sources":["../../../../src/component/Button/Button.tsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\n\nimport style from './button.shadow.css';\nimport { AbstractButton } from '../AbstractButton/AbstractButton';\nimport {\n ButtonAddonProps,\n ButtonChildren,\n ButtonComponent,\n ButtonProps,\n ButtonTextProps,\n} from './Button.type';\n\nclass RootButton extends AbstractButton {\n static displayName = 'Button';\n static enhance = [keyboardFocusEnhance()];\n static style = style;\n static defaultProps = {\n use: 'secondary',\n size: 'm',\n };\n\n protected getTextColor(): string | undefined {\n return undefined;\n }\n}\n\nfunction Text(props: ButtonTextProps) {\n const SText = Root;\n return sstyled(props.styles)(<SText render={Box} tag='span' />);\n}\n\nfunction Addon(props: ButtonAddonProps) {\n const SAddon = Root;\n return sstyled(props.styles)(<SAddon render={Box} tag='span' />);\n}\n\nconst Button = createComponent(RootButton, {\n Text,\n Addon,\n}) as ButtonComponent;\n\nexport default Button;\n"],"mappings":";;;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,eAAe,IAAIC,OAAO,EAAEC,IAAI,QAAQ,eAAe;AAC9D,SAASC,GAAG,QAAQ,mBAAmB;AACvC,OAAOC,oBAAoB,MAAM,kDAAkD;AAAC;AAAA,IAAAC,KAAA,+BAAAC,QAAA,CAAAC,MAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAGpF,SAASC,cAAc,QAAQ,kCAAkC;AAAC,IAS5DC,UAAU,0BAAAC,eAAA;EAAAC,SAAA,CAAAF,UAAA,EAAAC,eAAA;EAAA,IAAAE,MAAA,GAAAC,YAAA,CAAAJ,UAAA;EAAA,SAAAA,WAAA;IAAAK,eAAA,OAAAL,UAAA;IAAA,OAAAG,MAAA,CAAAG,KAAA,OAAAC,SAAA;EAAA;EAAAC,YAAA,CAAAR,UAAA;IAAAS,GAAA;IAAAC,KAAA,EASd,SAAAC,aAAA,EAA6C;MAC3C,OAAOC,SAAS;IAClB;EAAC;EAAA,OAAAZ,UAAA;AAAA,EAXsBD,cAAc;AAAAc,eAAA,CAAjCb,UAAU,iBACO,QAAQ;AAAAa,eAAA,CADzBb,UAAU,aAEG,CAACL,oBAAoB,EAAE,CAAC;AAAAkB,eAAA,CAFrCb,UAAU,WAGCJ,KAAK;AAAAiB,eAAA,CAHhBb,UAAU,kBAIQ;EACpBc,GAAG,EAAE,WAAW;EAChBC,IAAI,EAAE;AACR,CAAC;AAOH,SAASC,IAAIA,CAACC,KAAsB,EAAE;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EACpC,IAAMC,KAAK,GACiC3B,GAAG;EAA/C,OAAA0B,KAAA,GAAO5B,OAAO,CAACyB,KAAK,CAACK,MAAM,CAAC,eAAChC,KAAA,CAAAiC,aAAA,CAACF,KAAK,EAAAD,KAAA,CAAAI,EAAA,UAAAC,aAAA,KAAAC,YAAA;IAAA,OAAkB;EAAM,GAAAR,IAAA,IAAG;AAChE;AAEA,SAASS,KAAKA,CAACV,KAAuB,EAAE;EAAA,IAAAW,KAAA,GAAAT,YAAA;IAAAU,KAAA;EACtC,IAAMC,MAAM,GACiCpC,GAAG;EAAhD,OAAAmC,KAAA,GAAOrC,OAAO,CAACyB,KAAK,CAACK,MAAM,CAAC,eAAChC,KAAA,CAAAiC,aAAA,CAACO,MAAM,EAAAD,KAAA,CAAAL,EAAA,WAAAC,aAAA,KAAAM,aAAA;IAAA,OAAkB;EAAM,GAAAH,KAAA,IAAG;AACjE;AAEA,IAAMI,MAAM,GAAGzC,eAAe,CAACS,UAAU,EAAE;EACzCgB,IAAI,EAAJA,IAAI;EACJW,KAAK,EAALA;AACF,CAAC,CAAoB;AAErB,eAAeK,MAAM"}
1
+ {"version":3,"file":"Button.js","names":["React","createComponent","sstyled","Root","Box","keyboardFocusEnhance","style","_sstyled","insert","AbstractButton","RootButton","_AbstractButton","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","getTextColor","undefined","_defineProperty","use","size","Text","props","_ref","arguments[0]","_ref3","SText","styles","createElement","cn","_objectSpread","_assignProps","Addon","_ref2","_ref4","SAddon","_assignProps2","Button"],"sources":["../../../../src/component/Button/Button.tsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\n\nimport style from './button.shadow.css';\nimport { AbstractButton } from '../AbstractButton/AbstractButton';\nimport {\n ButtonAddonProps,\n ButtonChildren,\n ButtonComponent,\n ButtonProps,\n ButtonTextProps,\n} from './Button.type';\n\nclass RootButton extends AbstractButton {\n static displayName = 'Button';\n static enhance = [keyboardFocusEnhance()];\n static style = style;\n static defaultProps = {\n use: 'secondary',\n size: 'm',\n };\n\n protected getTextColor(): string | undefined {\n return undefined;\n }\n}\n\nfunction Text(props: ButtonTextProps) {\n const SText = Root;\n return sstyled(props.styles)(<SText render={Box} tag='span' />);\n}\n\nfunction Addon(props: ButtonAddonProps) {\n const SAddon = Root;\n return sstyled(props.styles)(<SAddon render={Box} tag='span' />);\n}\n\nconst Button = createComponent(RootButton, {\n Text,\n Addon,\n}) as ButtonComponent;\n\nexport default Button;\n"],"mappings":";;;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,eAAe,IAAIC,OAAO,EAAEC,IAAI,QAAQ,eAAe;AAC9D,SAASC,GAAG,QAAQ,mBAAmB;AACvC,OAAOC,oBAAoB,MAAM,kDAAkD;AAAC;AAAA,IAAAC,KAAA,+BAAAC,QAAA,CAAAC,MAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAGpF,SAASC,cAAc,QAAQ,kCAAkC;AAAC,IAS5DC,UAAU,0BAAAC,eAAA;EAAAC,SAAA,CAAAF,UAAA,EAAAC,eAAA;EAAA,IAAAE,MAAA,GAAAC,YAAA,CAAAJ,UAAA;EAAA,SAAAA,WAAA;IAAAK,eAAA,OAAAL,UAAA;IAAA,OAAAG,MAAA,CAAAG,KAAA,OAAAC,SAAA;EAAA;EAAAC,YAAA,CAAAR,UAAA;IAAAS,GAAA;IAAAC,KAAA,EASd,SAAAC,aAAA,EAA6C;MAC3C,OAAOC,SAAS;IAClB;EAAC;EAAA,OAAAZ,UAAA;AAAA,EAXsBD,cAAc;AAAAc,eAAA,CAAjCb,UAAU,iBACO,QAAQ;AAAAa,eAAA,CADzBb,UAAU,aAEG,CAACL,oBAAoB,EAAE,CAAC;AAAAkB,eAAA,CAFrCb,UAAU,WAGCJ,KAAK;AAAAiB,eAAA,CAHhBb,UAAU,kBAIQ;EACpBc,GAAG,EAAE,WAAW;EAChBC,IAAI,EAAE;AACR,CAAC;AAOH,SAASC,IAAIA,CAACC,KAAsB,EAAE;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EACpC,IAAMC,KAAK,GACiC3B,GAAG;EAA/C,OAAA0B,KAAA,GAAO5B,OAAO,CAACyB,KAAK,CAACK,MAAM,CAAC,eAAChC,KAAA,CAAAiC,aAAA,CAACF,KAAK,EAAAD,KAAA,CAAAI,EAAA,UAAAC,aAAA,KAAAC,YAAA;IAAA,OAAkB;EAAM,GAAAR,IAAA,IAAG;AAChE;AAEA,SAASS,KAAKA,CAACV,KAAuB,EAAE;EAAA,IAAAW,KAAA,GAAAT,YAAA;IAAAU,KAAA;EACtC,IAAMC,MAAM,GACiCpC,GAAG;EAAhD,OAAAmC,KAAA,GAAOrC,OAAO,CAACyB,KAAK,CAACK,MAAM,CAAC,eAAChC,KAAA,CAAAiC,aAAA,CAACO,MAAM,EAAAD,KAAA,CAAAL,EAAA,WAAAC,aAAA,KAAAM,aAAA;IAAA,OAAkB;EAAM,GAAAH,KAAA,IAAG;AACjE;AAEA,IAAMI,MAAM,GAAGzC,eAAe,CAACS,UAAU,EAAE;EACzCgB,IAAI,EAAJA,IAAI;EACJW,KAAK,EAALA;AACF,CAAC,CAAoB;AAErB,eAAeK,MAAM"}
package/button/lib/es6/component/Button/Button.type.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Button.type.js","names":[],"sources":["../../../../src/component/Button/Button.type.ts"],"sourcesContent":["import { UnknownProperties, Intergalactic } from '@semcore/core';\n\nimport {\n AbstractButtonAddonProps,\n AbstractButtonContext,\n AbstractButtonTextProps,\n AbstractButtonProps,\n} from '../AbstractButton/AbstractButton.type';\n\n/**\n * Button size\n * @default m\n */\nexport type ButtonSize = 'l' | 'm';\n/**\n * Button type\n * @default secondary\n */\ntype Use = 'primary' | 'secondary' | 'tertiary';\n\n/** Button theme */\ntype Theme = 'info' | 'success' | 'warning' | 'danger' | 'muted' | 'invert';\n\n/** @deprecated */\nexport interface IButtonProps extends ButtonProps, UnknownProperties {}\nexport type ButtonProps = AbstractButtonProps<ButtonSize, Use, Theme>;\n\n/** @deprecated */\nexport interface IButtonTextProps extends ButtonTextProps, UnknownProperties {}\nexport type ButtonTextProps = AbstractButtonTextProps<ButtonSize>;\n\n/** @deprecated */\nexport interface IButtonAddonProps extends ButtonAddonProps, UnknownProperties {}\nexport type ButtonAddonProps = AbstractButtonAddonProps<ButtonSize>;\n\n/** @deprecated */\nexport interface IButtonContext extends ButtonContext, UnknownProperties {}\nexport type ButtonContext = AbstractButtonContext;\n\nexport type ButtonChildren = {\n Text: Intergalactic.Component<'span', ButtonTextProps>;\n Addon: Intergalactic.Component<'span', ButtonAddonProps>;\n};\n\nexport type ButtonComponent = Intergalactic.Component<'button', ButtonProps, ButtonContext> & {\n Text: Intergalactic.Component<'span', ButtonTextProps>;\n Addon: Intergalactic.Component<'span', ButtonAddonProps>;\n};\n"],"mappings":""}
1
+ {"version":3,"file":"Button.type.js","names":[],"sources":["../../../../src/component/Button/Button.type.ts"],"sourcesContent":["import { UnknownProperties, Intergalactic } from '@semcore/core';\n\nimport {\n AbstractButtonAddonProps,\n AbstractButtonContext,\n AbstractButtonTextProps,\n AbstractButtonProps,\n} from '../AbstractButton/AbstractButton.type';\n\n/**\n * Button size\n * @default m\n */\nexport type ButtonSize = 'l' | 'm';\n/**\n * Button type\n * @default secondary\n */\ntype Use = 'primary' | 'secondary' | 'tertiary';\n\n/**\n * @deprecated don't use it. use `danger` for incorrect or danger behavior and `brand` for the orange one.\n */\ntype DeprecatedTheme = 'warning';\n\n/** Button theme */\ntype Theme = 'info' | 'success' | 'brand' | 'danger' | 'muted' | 'invert';\n\n/** @deprecated */\nexport interface IButtonProps extends ButtonProps, UnknownProperties {}\nexport type ButtonProps = AbstractButtonProps<ButtonSize, Use, Theme | DeprecatedTheme>;\n\n/** @deprecated */\nexport interface IButtonTextProps extends ButtonTextProps, UnknownProperties {}\nexport type ButtonTextProps = AbstractButtonTextProps<ButtonSize>;\n\n/** @deprecated */\nexport interface IButtonAddonProps extends ButtonAddonProps, UnknownProperties {}\nexport type ButtonAddonProps = AbstractButtonAddonProps<ButtonSize>;\n\n/** @deprecated */\nexport interface IButtonContext extends ButtonContext, UnknownProperties {}\nexport type ButtonContext = AbstractButtonContext;\n\nexport type ButtonChildren = {\n Text: Intergalactic.Component<'span', ButtonTextProps>;\n Addon: Intergalactic.Component<'span', ButtonAddonProps>;\n};\n\nexport type ButtonComponent = Intergalactic.Component<'button', ButtonProps, ButtonContext> & {\n Text: Intergalactic.Component<'span', ButtonTextProps>;\n Addon: Intergalactic.Component<'span', ButtonAddonProps>;\n};\n"],"mappings":""}
package/button/lib/es6/component/Button/button.shadow.css CHANGED
@@ -100,6 +100,22 @@ SButton[theme='primary-success'] {
100
100
  }
101
101
  }
102
102
 
103
+ SButton[theme='primary-brand'] {
104
+ color: var(--intergalactic-text-primary-invert, #ffffff);
105
+ background-color: var(--intergalactic-control-primary-brand, #ff642d);
106
+
107
+ &:hover {
108
+ color: var(--intergalactic-text-primary-invert, #ffffff);
109
+ background-color: var(--intergalactic-control-primary-brand-hover, #c33909);
110
+ }
111
+
112
+ &:active,
113
+ &[active] {
114
+ color: var(--intergalactic-text-primary-invert, #ffffff);
115
+ background-color: var(--intergalactic-control-primary-brand-active, #8b1500);
116
+ }
117
+ }
118
+
103
119
  SButton[theme='primary-warning'] {
104
120
  color: var(--intergalactic-text-primary-invert, #ffffff);
105
121
  background-color: var(--intergalactic-control-primary-brand, #ff642d);
@@ -112,7 +128,7 @@ SButton[theme='primary-warning'] {
112
128
  &:active,
113
129
  &[active] {
114
130
  color: var(--intergalactic-text-primary-invert, #ffffff);
115
- background-color: var(--intergalactic-control-primary-brand-active, #c33909);
131
+ background-color: var(--intergalactic-control-primary-brand-active, #8b1500);
116
132
  }
117
133
  }
118
134