@semcore/base-trigger 17.2.0 → 17.2.1-prerelease.11
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +6 -0
- package/lib/cjs/BaseTrigger.js +17 -17
- package/lib/cjs/ButtonTrigger.js +3 -3
- package/lib/cjs/FilterTrigger.js +5 -5
- package/lib/cjs/index.d.js.map +1 -1
- package/lib/es6/BaseTrigger.js +17 -17
- package/lib/es6/ButtonTrigger.js +3 -3
- package/lib/es6/FilterTrigger.js +5 -5
- package/lib/es6/index.d.js.map +1 -1
- package/lib/esm/BaseTrigger.mjs +18 -18
- package/lib/esm/ButtonTrigger.mjs +4 -4
- package/lib/esm/FilterTrigger.mjs +6 -6
- package/lib/types/index.d.ts +8 -8
- package/package.json +12 -12
- package/vitest.config.mts +17 -0
package/CHANGELOG.md
CHANGED
package/lib/cjs/BaseTrigger.js
CHANGED
|
@@ -14,25 +14,25 @@ var _useCssVariable = require("@semcore/core/lib/utils/useCssVariable");
|
|
|
14
14
|
var _typography = require("@semcore/typography");
|
|
15
15
|
var _react = _interopRequireDefault(require("react"));
|
|
16
16
|
/*!__reshadow-styles__:"./style/base-trigger.shadow.css"*/
|
|
17
|
-
const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".
|
|
17
|
+
const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SBaseTrigger_9qkze_gg_{display:inline-block;align-items:center;justify-content:center;line-height:normal;position:relative;touch-action:manipulation;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-sizing:border-box;padding:0;margin:0;box-shadow:none;-webkit-text-decoration:none;text-decoration:none;-webkit-tap-highlight-color:transparent;overflow:visible;text-align:center;vertical-align:middle;font-family:inherit;cursor:pointer;background:var(--intergalactic-bg-primary-neutral,oklch(1 0 0));font-weight:var(--intergalactic-regular,400);border:1px solid var(--intergalactic-border-primary,#000c0829);color:var(--intergalactic-text-primary,oklch(.1 .03 137/.899))}@media (color-gamut:p3){.___SBaseTrigger_9qkze_gg_{border:1px solid var(--intergalactic-border-primary,oklch(.137 .026 175.7/.161))}}.___SBaseTrigger_9qkze_gg_::-moz-focus-inner{border:none;padding:0}.___SBaseTrigger_9qkze_gg_:active{-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SBaseTrigger_9qkze_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}.___SBaseTrigger_9qkze_gg_:focus-visible{border:1px solid var(--intergalactic-border-info-active,oklch(.7 .131 275.2))}@media (hover:hover){.___SBaseTrigger_9qkze_gg_:hover{background-color:var(--intergalactic-bg-primary-neutral-hover,oklch(.98 .001 180))}}.___SBaseTrigger_9qkze_gg_.__active_9qkze_gg_,.___SBaseTrigger_9qkze_gg_:active{border-color:var(--intergalactic-border-info-active,oklch(.7 .131 275.2));background-color:var(--intergalactic-bg-primary-neutral,oklch(1 0 0))}.___SBaseTrigger_9qkze_gg_.__disabled_9qkze_gg_{opacity:var(--intergalactic-disabled-opacity,.4);cursor:default;pointer-events:none}.___SInner_9qkze_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SText_9qkze_gg_{display:inline;padding:1px 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:var(--intergalactic-lh-200,142%);flex-grow:1;text-align:left}.___SAddon_9qkze_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;pointer-events:none}.___SBaseAddon_9qkze_gg_{width:12px;height:12px}.___SBaseTrigger_9qkze_gg_._size_m_9qkze_gg_{min-width:26px;height:28px;border-radius:var(--intergalactic-control-rounded,6px);padding:0 var(--intergalactic-spacing-2x,8px);font-size:var(--intergalactic-fs-200,14px)}.___SBaseTrigger_9qkze_gg_._size_m_9qkze_gg_ .___SAddon_9qkze_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x,8px)}.___SBaseTrigger_9qkze_gg_._size_m_9qkze_gg_ .___SAddon_9qkze_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x,8px)}.___SBaseTrigger_9qkze_gg_._size_m_9qkze_gg_ .___SAddon_9qkze_gg_:only-child{margin-left:calc(var(--intergalactic-spacing-1x, 4px)*-1);margin-right:calc(var(--intergalactic-spacing-1x, 4px)*-1)}.___SBaseTrigger_9qkze_gg_._size_l_9qkze_gg_{min-width:32px;height:40px;border-radius:var(--intergalactic-control-rounded,6px);padding:0 var(--intergalactic-spacing-3x,12px);font-size:var(--intergalactic-fs-300,16px)}.___SBaseTrigger_9qkze_gg_._size_l_9qkze_gg_ .___SAddon_9qkze_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x,8px)}.___SBaseTrigger_9qkze_gg_._size_l_9qkze_gg_ .___SAddon_9qkze_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x,8px)}.___SBaseTrigger_9qkze_gg_._size_l_9qkze_gg_ .___SAddon_9qkze_gg_:only-child{margin-left:calc(var(--intergalactic-spacing-1x, 4px)*-1);margin-right:calc(var(--intergalactic-spacing-1x, 4px)*-1)}.___SBaseTrigger_9qkze_gg_._neighborLocation_right_9qkze_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SBaseTrigger_9qkze_gg_._neighborLocation_both_9qkze_gg_{border-radius:0;margin-left:-1px}.___SBaseTrigger_9qkze_gg_._neighborLocation_left_9qkze_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SBaseTrigger_9qkze_gg_._neighborLocation_left_9qkze_gg_.__disabled_9qkze_gg_{border-left:none;margin-left:0}.___SText_9qkze_gg_.__display-placeholder_9qkze_gg_{color:var(--intergalactic-text-placeholder,oklch(.098 .023 157.4/.457))}.___SBaseTrigger_9qkze_gg_._state_valid_9qkze_gg_{border-color:var(--intergalactic-border-success-active,#00b991)}@media (color-gamut:p3){.___SBaseTrigger_9qkze_gg_._state_valid_9qkze_gg_{border-color:var(--intergalactic-border-success-active,oklch(.7 .166 170))}}.___SBaseTrigger_9qkze_gg_._state_invalid_9qkze_gg_{border-color:var(--intergalactic-border-critical-active,#ff6364)}@media (color-gamut:p3){.___SBaseTrigger_9qkze_gg_._state_invalid_9qkze_gg_{border-color:var(--intergalactic-border-critical-active,oklch(.7 .21 23))}}.___SBaseTrigger_9qkze_gg_._state_invalid_9qkze_gg_:focus-visible{outline-color:var(--intergalactic-keyboard-focus-invalid-outline,oklch(.628 .257 28.9/.652))}.___SInvalidPattern_9qkze_gg_._size_m_9qkze_gg_{margin-left:calc(var(--intergalactic-spacing-2x, 8px)*-1)}.___SInvalidPattern_9qkze_gg_._size_l_9qkze_gg_{margin-left:calc(var(--intergalactic-spacing-3x, 12px)*-1)}", /*__inner_css_end__*/"9qkze_gg_"),
|
|
18
18
|
/*__reshadow_css_end__*/
|
|
19
19
|
{
|
|
20
|
-
"__SBaseTrigger": "
|
|
21
|
-
"_disabled": "
|
|
22
|
-
"__SInner": "
|
|
23
|
-
"__SText": "
|
|
24
|
-
"__SAddon": "
|
|
25
|
-
"__SBaseAddon": "
|
|
26
|
-
"_neighborLocation_right": "
|
|
27
|
-
"_neighborLocation_both": "
|
|
28
|
-
"_display-placeholder": "__display-
|
|
29
|
-
"_state_valid": "
|
|
30
|
-
"__SInvalidPattern": "
|
|
31
|
-
"_size_m": "
|
|
32
|
-
"_size_l": "
|
|
33
|
-
"_active": "
|
|
34
|
-
"_neighborLocation_left": "
|
|
35
|
-
"_state_invalid": "
|
|
20
|
+
"__SBaseTrigger": "___SBaseTrigger_9qkze_gg_",
|
|
21
|
+
"_disabled": "__disabled_9qkze_gg_",
|
|
22
|
+
"__SInner": "___SInner_9qkze_gg_",
|
|
23
|
+
"__SText": "___SText_9qkze_gg_",
|
|
24
|
+
"__SAddon": "___SAddon_9qkze_gg_",
|
|
25
|
+
"__SBaseAddon": "___SBaseAddon_9qkze_gg_",
|
|
26
|
+
"_neighborLocation_right": "_neighborLocation_right_9qkze_gg_",
|
|
27
|
+
"_neighborLocation_both": "_neighborLocation_both_9qkze_gg_",
|
|
28
|
+
"_display-placeholder": "__display-placeholder_9qkze_gg_",
|
|
29
|
+
"_state_valid": "_state_valid_9qkze_gg_",
|
|
30
|
+
"__SInvalidPattern": "___SInvalidPattern_9qkze_gg_",
|
|
31
|
+
"_size_m": "_size_m_9qkze_gg_",
|
|
32
|
+
"_size_l": "_size_l_9qkze_gg_",
|
|
33
|
+
"_active": "__active_9qkze_gg_",
|
|
34
|
+
"_neighborLocation_left": "_neighborLocation_left_9qkze_gg_",
|
|
35
|
+
"_state_invalid": "_state_invalid_9qkze_gg_"
|
|
36
36
|
});
|
|
37
37
|
class RootBaseTrigger extends _core.Component {
|
|
38
38
|
constructor(...args) {
|
package/lib/cjs/ButtonTrigger.js
CHANGED
|
@@ -15,11 +15,11 @@ var _spin = _interopRequireDefault(require("@semcore/spin"));
|
|
|
15
15
|
var _react = _interopRequireDefault(require("react"));
|
|
16
16
|
var _BaseTrigger = _interopRequireDefault(require("./BaseTrigger"));
|
|
17
17
|
/*!__reshadow-styles__:"./style/button-trigger.shadow.css"*/
|
|
18
|
-
const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".
|
|
18
|
+
const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SButtonAddon_11dqr_gg_{width:12px;height:12px}.___SButtonTriggerSpin_11dqr_gg_{fill:var(--intergalactic-icon-primary-neutral,oklch(.092 .024 152.2/.526))}", /*__inner_css_end__*/"11dqr_gg_"),
|
|
19
19
|
/*__reshadow_css_end__*/
|
|
20
20
|
{
|
|
21
|
-
"__SButtonAddon": "
|
|
22
|
-
"__SButtonTriggerSpin": "
|
|
21
|
+
"__SButtonAddon": "___SButtonAddon_11dqr_gg_",
|
|
22
|
+
"__SButtonTriggerSpin": "___SButtonTriggerSpin_11dqr_gg_"
|
|
23
23
|
});
|
|
24
24
|
class RootButtonTrigger extends _core.Component {
|
|
25
25
|
getTextProps() {
|
package/lib/cjs/FilterTrigger.js
CHANGED
|
@@ -25,13 +25,13 @@ var _react = _interopRequireDefault(require("react"));
|
|
|
25
25
|
var _BaseTrigger = _interopRequireDefault(require("./BaseTrigger"));
|
|
26
26
|
var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynamic-locales");
|
|
27
27
|
/*!__reshadow-styles__:"./style/filter-trigger.shadow.css"*/
|
|
28
|
-
const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".
|
|
28
|
+
const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SFilterTrigger_1ivzv_gg_.__selected_1ivzv_gg_{border-color:var(--intergalactic-border-info-active,oklch(.7 .131 275.2));background-color:var(--intergalactic-control-secondary-info,#0051ff0a);color:var(--intergalactic-text-primary,oklch(.1 .03 137/.899))}@media (color-gamut:p3){.___SFilterTrigger_1ivzv_gg_.__selected_1ivzv_gg_{background-color:var(--intergalactic-control-secondary-info,oklch(.527 .264 262.9/.039))}}@media (hover:hover){.___SFilterTrigger_1ivzv_gg_.__selected_1ivzv_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover,#0050ff14)}@media (color-gamut:p3){.___SFilterTrigger_1ivzv_gg_.__selected_1ivzv_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover,oklch(.525 .265 263/.077))}}}.___SFilterTrigger_1ivzv_gg_.__selected_1ivzv_gg_.__active_1ivzv_gg_,.___SFilterTrigger_1ivzv_gg_.__selected_1ivzv_gg_:active{background-color:var(--intergalactic-control-secondary-info-active,#014fff1e)}@media (color-gamut:p3){.___SFilterTrigger_1ivzv_gg_.__selected_1ivzv_gg_.__active_1ivzv_gg_,.___SFilterTrigger_1ivzv_gg_.__selected_1ivzv_gg_:active{background-color:var(--intergalactic-control-secondary-info-active,oklch(.524 .266 263.1/.116))}}.___SWrapper_1ivzv_gg_{display:inline-flex}.___SWrapper_1ivzv_gg_:focus{outline:none}", /*__inner_css_end__*/"1ivzv_gg_"),
|
|
29
29
|
/*__reshadow_css_end__*/
|
|
30
30
|
{
|
|
31
|
-
"__SFilterTrigger": "
|
|
32
|
-
"_selected": "
|
|
33
|
-
"_active": "
|
|
34
|
-
"__SWrapper": "
|
|
31
|
+
"__SFilterTrigger": "___SFilterTrigger_1ivzv_gg_",
|
|
32
|
+
"_selected": "__selected_1ivzv_gg_",
|
|
33
|
+
"_active": "__active_1ivzv_gg_",
|
|
34
|
+
"__SWrapper": "___SWrapper_1ivzv_gg_"
|
|
35
35
|
});
|
|
36
36
|
const filterTriggerInputProps = [..._inputProps.inputProps, 'aria-controls', 'aria-haspopup', 'aria-expanded', 'aria-disabled', 'aria-activedescendant', 'aria-label', 'aria-labelledby', 'role'];
|
|
37
37
|
class RootFilterTrigger extends _core.Component {
|
package/lib/cjs/index.d.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import type {
|
|
1
|
+
{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import type { NSBox, NSNeighborLocation } from '@semcore/base-components';\nimport type { NSButtonLink } from '@semcore/button';\nimport type { Intergalactic } from '@semcore/core';\nimport type { WithAnimatedSizeEnhanceProps } from '@semcore/core/lib/utils/enhances/animatedSizeEnhance';\nimport type { NSCounter } from '@semcore/counter';\nimport type { Text } from '@semcore/typography';\nimport type React from 'react';\n\nexport type BaseTriggerProps = NSBox.Props &\n NSNeighborLocation.Detect.Props &\n WithAnimatedSizeEnhanceProps & {\n /**\n * Trigger size\n * @default m\n */\n size?: 'm' | 'l';\n /**\n * Trigger state\n */\n state?: 'normal' | 'valid' | 'invalid';\n /**\n * Sets active state to trigger\n */\n active?: boolean;\n /**\n * Responsible for placeholder displaying\n */\n empty?: boolean;\n /**\n * Placeholder text\n */\n placeholder?: React.ReactNode;\n /**\n * Sets disabled state to trigger\n */\n disabled?: boolean;\n };\n\nexport type ButtonTriggerProps = Omit<BaseTriggerProps, 'theme'> & {\n /** Sets the loading state */\n loading?: boolean;\n /**\n * Display the dropdowns chevron icon\n * @default true\n */\n chevron?: boolean;\n};\n\nexport type LinkTriggerProps = NSButtonLink.Props & {\n /** Sets the loading state */\n loading?: boolean;\n /** Placeholder text */\n placeholder?: React.ReactNode;\n /** Responsible for placeholder displaying */\n empty?: boolean;\n};\n\nexport type FilterTriggerProps = BaseTriggerProps & {\n /** Click on the filter cleaning cross */\n onClear?: (event: React.SyntheticEvent) => void;\n /** Specifies the locale for i18n support */\n locale?: string;\n /** List of props that will be added to the select inside of filter */\n includeInputProps?: string[];\n /** Normal `ref` prop refers to FilterTrigger wrapper while `triggerRef` refers explicitly to trigger button */\n triggerRef?: React.Ref<HTMLButtonElement>;\n};\n\nexport type FilterTriggerCounterProps = {\n /** Count for render */\n count?: number;\n};\n\ndeclare const BaseTrigger: Intergalactic.Component<'div', BaseTriggerProps> & {\n Text: typeof Text;\n Addon: NSBox.Component;\n};\n\ndeclare const ButtonTrigger: Intergalactic.Component<'div', ButtonTriggerProps> & {\n Text: typeof BaseTrigger.Text;\n Addon: typeof BaseTrigger.Addon;\n};\n\ndeclare const LinkTrigger: Intergalactic.Component<'div', LinkTriggerProps> & {\n Text: NSButtonLink.Text.Component;\n Addon: NSButtonLink.Addon.Component;\n};\n\ndeclare const FilterTrigger: Intergalactic.Component<'div', FilterTriggerProps> & {\n Text: typeof BaseTrigger.Text;\n Addon: typeof BaseTrigger.Addon;\n Counter: Intergalactic.Component<'div', NSCounter.Props & FilterTriggerCounterProps>;\n TriggerButton: typeof BaseTrigger;\n ClearButton: typeof BaseTrigger;\n};\n\n/**\n * @deprecated. Use one this: ButtonTrigger, FilterTrigger, LinkTrigger.\n */\nexport default BaseTrigger;\nexport { ButtonTrigger, LinkTrigger, FilterTrigger };\n"],"mappings":"","ignoreList":[]}
|
package/lib/es6/BaseTrigger.js
CHANGED
|
@@ -11,25 +11,25 @@ import { cssVariableEnhance } from '@semcore/core/lib/utils/useCssVariable';
|
|
|
11
11
|
import { Text as TextKit } from '@semcore/typography';
|
|
12
12
|
import React from 'react';
|
|
13
13
|
/*!__reshadow-styles__:"./style/base-trigger.shadow.css"*/
|
|
14
|
-
const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".
|
|
14
|
+
const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SBaseTrigger_9qkze_gg_{display:inline-block;align-items:center;justify-content:center;line-height:normal;position:relative;touch-action:manipulation;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-sizing:border-box;padding:0;margin:0;box-shadow:none;-webkit-text-decoration:none;text-decoration:none;-webkit-tap-highlight-color:transparent;overflow:visible;text-align:center;vertical-align:middle;font-family:inherit;cursor:pointer;background:var(--intergalactic-bg-primary-neutral,oklch(1 0 0));font-weight:var(--intergalactic-regular,400);border:1px solid var(--intergalactic-border-primary,#000c0829);color:var(--intergalactic-text-primary,oklch(.1 .03 137/.899))}@media (color-gamut:p3){.___SBaseTrigger_9qkze_gg_{border:1px solid var(--intergalactic-border-primary,oklch(.137 .026 175.7/.161))}}.___SBaseTrigger_9qkze_gg_::-moz-focus-inner{border:none;padding:0}.___SBaseTrigger_9qkze_gg_:active{-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SBaseTrigger_9qkze_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}.___SBaseTrigger_9qkze_gg_:focus-visible{border:1px solid var(--intergalactic-border-info-active,oklch(.7 .131 275.2))}@media (hover:hover){.___SBaseTrigger_9qkze_gg_:hover{background-color:var(--intergalactic-bg-primary-neutral-hover,oklch(.98 .001 180))}}.___SBaseTrigger_9qkze_gg_.__active_9qkze_gg_,.___SBaseTrigger_9qkze_gg_:active{border-color:var(--intergalactic-border-info-active,oklch(.7 .131 275.2));background-color:var(--intergalactic-bg-primary-neutral,oklch(1 0 0))}.___SBaseTrigger_9qkze_gg_.__disabled_9qkze_gg_{opacity:var(--intergalactic-disabled-opacity,.4);cursor:default;pointer-events:none}.___SInner_9qkze_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SText_9qkze_gg_{display:inline;padding:1px 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:var(--intergalactic-lh-200,142%);flex-grow:1;text-align:left}.___SAddon_9qkze_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;pointer-events:none}.___SBaseAddon_9qkze_gg_{width:12px;height:12px}.___SBaseTrigger_9qkze_gg_._size_m_9qkze_gg_{min-width:26px;height:28px;border-radius:var(--intergalactic-control-rounded,6px);padding:0 var(--intergalactic-spacing-2x,8px);font-size:var(--intergalactic-fs-200,14px)}.___SBaseTrigger_9qkze_gg_._size_m_9qkze_gg_ .___SAddon_9qkze_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x,8px)}.___SBaseTrigger_9qkze_gg_._size_m_9qkze_gg_ .___SAddon_9qkze_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x,8px)}.___SBaseTrigger_9qkze_gg_._size_m_9qkze_gg_ .___SAddon_9qkze_gg_:only-child{margin-left:calc(var(--intergalactic-spacing-1x, 4px)*-1);margin-right:calc(var(--intergalactic-spacing-1x, 4px)*-1)}.___SBaseTrigger_9qkze_gg_._size_l_9qkze_gg_{min-width:32px;height:40px;border-radius:var(--intergalactic-control-rounded,6px);padding:0 var(--intergalactic-spacing-3x,12px);font-size:var(--intergalactic-fs-300,16px)}.___SBaseTrigger_9qkze_gg_._size_l_9qkze_gg_ .___SAddon_9qkze_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x,8px)}.___SBaseTrigger_9qkze_gg_._size_l_9qkze_gg_ .___SAddon_9qkze_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x,8px)}.___SBaseTrigger_9qkze_gg_._size_l_9qkze_gg_ .___SAddon_9qkze_gg_:only-child{margin-left:calc(var(--intergalactic-spacing-1x, 4px)*-1);margin-right:calc(var(--intergalactic-spacing-1x, 4px)*-1)}.___SBaseTrigger_9qkze_gg_._neighborLocation_right_9qkze_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SBaseTrigger_9qkze_gg_._neighborLocation_both_9qkze_gg_{border-radius:0;margin-left:-1px}.___SBaseTrigger_9qkze_gg_._neighborLocation_left_9qkze_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SBaseTrigger_9qkze_gg_._neighborLocation_left_9qkze_gg_.__disabled_9qkze_gg_{border-left:none;margin-left:0}.___SText_9qkze_gg_.__display-placeholder_9qkze_gg_{color:var(--intergalactic-text-placeholder,oklch(.098 .023 157.4/.457))}.___SBaseTrigger_9qkze_gg_._state_valid_9qkze_gg_{border-color:var(--intergalactic-border-success-active,#00b991)}@media (color-gamut:p3){.___SBaseTrigger_9qkze_gg_._state_valid_9qkze_gg_{border-color:var(--intergalactic-border-success-active,oklch(.7 .166 170))}}.___SBaseTrigger_9qkze_gg_._state_invalid_9qkze_gg_{border-color:var(--intergalactic-border-critical-active,#ff6364)}@media (color-gamut:p3){.___SBaseTrigger_9qkze_gg_._state_invalid_9qkze_gg_{border-color:var(--intergalactic-border-critical-active,oklch(.7 .21 23))}}.___SBaseTrigger_9qkze_gg_._state_invalid_9qkze_gg_:focus-visible{outline-color:var(--intergalactic-keyboard-focus-invalid-outline,oklch(.628 .257 28.9/.652))}.___SInvalidPattern_9qkze_gg_._size_m_9qkze_gg_{margin-left:calc(var(--intergalactic-spacing-2x, 8px)*-1)}.___SInvalidPattern_9qkze_gg_._size_l_9qkze_gg_{margin-left:calc(var(--intergalactic-spacing-3x, 12px)*-1)}", /*__inner_css_end__*/"9qkze_gg_"),
|
|
15
15
|
/*__reshadow_css_end__*/
|
|
16
16
|
{
|
|
17
|
-
"__SBaseTrigger": "
|
|
18
|
-
"_disabled": "
|
|
19
|
-
"__SInner": "
|
|
20
|
-
"__SText": "
|
|
21
|
-
"__SAddon": "
|
|
22
|
-
"__SBaseAddon": "
|
|
23
|
-
"_neighborLocation_right": "
|
|
24
|
-
"_neighborLocation_both": "
|
|
25
|
-
"_display-placeholder": "__display-
|
|
26
|
-
"_state_valid": "
|
|
27
|
-
"__SInvalidPattern": "
|
|
28
|
-
"_size_m": "
|
|
29
|
-
"_size_l": "
|
|
30
|
-
"_active": "
|
|
31
|
-
"_neighborLocation_left": "
|
|
32
|
-
"_state_invalid": "
|
|
17
|
+
"__SBaseTrigger": "___SBaseTrigger_9qkze_gg_",
|
|
18
|
+
"_disabled": "__disabled_9qkze_gg_",
|
|
19
|
+
"__SInner": "___SInner_9qkze_gg_",
|
|
20
|
+
"__SText": "___SText_9qkze_gg_",
|
|
21
|
+
"__SAddon": "___SAddon_9qkze_gg_",
|
|
22
|
+
"__SBaseAddon": "___SBaseAddon_9qkze_gg_",
|
|
23
|
+
"_neighborLocation_right": "_neighborLocation_right_9qkze_gg_",
|
|
24
|
+
"_neighborLocation_both": "_neighborLocation_both_9qkze_gg_",
|
|
25
|
+
"_display-placeholder": "__display-placeholder_9qkze_gg_",
|
|
26
|
+
"_state_valid": "_state_valid_9qkze_gg_",
|
|
27
|
+
"__SInvalidPattern": "___SInvalidPattern_9qkze_gg_",
|
|
28
|
+
"_size_m": "_size_m_9qkze_gg_",
|
|
29
|
+
"_size_l": "_size_l_9qkze_gg_",
|
|
30
|
+
"_active": "__active_9qkze_gg_",
|
|
31
|
+
"_neighborLocation_left": "_neighborLocation_left_9qkze_gg_",
|
|
32
|
+
"_state_invalid": "_state_invalid_9qkze_gg_"
|
|
33
33
|
});
|
|
34
34
|
class RootBaseTrigger extends Component {
|
|
35
35
|
constructor(...args) {
|
package/lib/es6/ButtonTrigger.js
CHANGED
|
@@ -10,11 +10,11 @@ import Spin from '@semcore/spin';
|
|
|
10
10
|
import React from 'react';
|
|
11
11
|
import BaseTrigger from './BaseTrigger';
|
|
12
12
|
/*!__reshadow-styles__:"./style/button-trigger.shadow.css"*/
|
|
13
|
-
const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".
|
|
13
|
+
const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SButtonAddon_11dqr_gg_{width:12px;height:12px}.___SButtonTriggerSpin_11dqr_gg_{fill:var(--intergalactic-icon-primary-neutral,oklch(.092 .024 152.2/.526))}", /*__inner_css_end__*/"11dqr_gg_"),
|
|
14
14
|
/*__reshadow_css_end__*/
|
|
15
15
|
{
|
|
16
|
-
"__SButtonAddon": "
|
|
17
|
-
"__SButtonTriggerSpin": "
|
|
16
|
+
"__SButtonAddon": "___SButtonAddon_11dqr_gg_",
|
|
17
|
+
"__SButtonTriggerSpin": "___SButtonTriggerSpin_11dqr_gg_"
|
|
18
18
|
});
|
|
19
19
|
class RootButtonTrigger extends Component {
|
|
20
20
|
getTextProps() {
|
package/lib/es6/FilterTrigger.js
CHANGED
|
@@ -21,13 +21,13 @@ import Close from '@semcore/icon/Close/m';
|
|
|
21
21
|
import React from 'react';
|
|
22
22
|
import BaseTrigger from './BaseTrigger';
|
|
23
23
|
/*!__reshadow-styles__:"./style/filter-trigger.shadow.css"*/
|
|
24
|
-
const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".
|
|
24
|
+
const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SFilterTrigger_1ivzv_gg_.__selected_1ivzv_gg_{border-color:var(--intergalactic-border-info-active,oklch(.7 .131 275.2));background-color:var(--intergalactic-control-secondary-info,#0051ff0a);color:var(--intergalactic-text-primary,oklch(.1 .03 137/.899))}@media (color-gamut:p3){.___SFilterTrigger_1ivzv_gg_.__selected_1ivzv_gg_{background-color:var(--intergalactic-control-secondary-info,oklch(.527 .264 262.9/.039))}}@media (hover:hover){.___SFilterTrigger_1ivzv_gg_.__selected_1ivzv_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover,#0050ff14)}@media (color-gamut:p3){.___SFilterTrigger_1ivzv_gg_.__selected_1ivzv_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover,oklch(.525 .265 263/.077))}}}.___SFilterTrigger_1ivzv_gg_.__selected_1ivzv_gg_.__active_1ivzv_gg_,.___SFilterTrigger_1ivzv_gg_.__selected_1ivzv_gg_:active{background-color:var(--intergalactic-control-secondary-info-active,#014fff1e)}@media (color-gamut:p3){.___SFilterTrigger_1ivzv_gg_.__selected_1ivzv_gg_.__active_1ivzv_gg_,.___SFilterTrigger_1ivzv_gg_.__selected_1ivzv_gg_:active{background-color:var(--intergalactic-control-secondary-info-active,oklch(.524 .266 263.1/.116))}}.___SWrapper_1ivzv_gg_{display:inline-flex}.___SWrapper_1ivzv_gg_:focus{outline:none}", /*__inner_css_end__*/"1ivzv_gg_"),
|
|
25
25
|
/*__reshadow_css_end__*/
|
|
26
26
|
{
|
|
27
|
-
"__SFilterTrigger": "
|
|
28
|
-
"_selected": "
|
|
29
|
-
"_active": "
|
|
30
|
-
"__SWrapper": "
|
|
27
|
+
"__SFilterTrigger": "___SFilterTrigger_1ivzv_gg_",
|
|
28
|
+
"_selected": "__selected_1ivzv_gg_",
|
|
29
|
+
"_active": "__active_1ivzv_gg_",
|
|
30
|
+
"__SWrapper": "___SWrapper_1ivzv_gg_"
|
|
31
31
|
});
|
|
32
32
|
import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
|
|
33
33
|
const filterTriggerInputProps = [...inputProps, 'aria-controls', 'aria-haspopup', 'aria-expanded', 'aria-disabled', 'aria-activedescendant', 'aria-label', 'aria-labelledby', 'role'];
|
package/lib/es6/index.d.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import type {
|
|
1
|
+
{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import type { NSBox, NSNeighborLocation } from '@semcore/base-components';\nimport type { NSButtonLink } from '@semcore/button';\nimport type { Intergalactic } from '@semcore/core';\nimport type { WithAnimatedSizeEnhanceProps } from '@semcore/core/lib/utils/enhances/animatedSizeEnhance';\nimport type { NSCounter } from '@semcore/counter';\nimport type { Text } from '@semcore/typography';\nimport type React from 'react';\n\nexport type BaseTriggerProps = NSBox.Props &\n NSNeighborLocation.Detect.Props &\n WithAnimatedSizeEnhanceProps & {\n /**\n * Trigger size\n * @default m\n */\n size?: 'm' | 'l';\n /**\n * Trigger state\n */\n state?: 'normal' | 'valid' | 'invalid';\n /**\n * Sets active state to trigger\n */\n active?: boolean;\n /**\n * Responsible for placeholder displaying\n */\n empty?: boolean;\n /**\n * Placeholder text\n */\n placeholder?: React.ReactNode;\n /**\n * Sets disabled state to trigger\n */\n disabled?: boolean;\n };\n\nexport type ButtonTriggerProps = Omit<BaseTriggerProps, 'theme'> & {\n /** Sets the loading state */\n loading?: boolean;\n /**\n * Display the dropdowns chevron icon\n * @default true\n */\n chevron?: boolean;\n};\n\nexport type LinkTriggerProps = NSButtonLink.Props & {\n /** Sets the loading state */\n loading?: boolean;\n /** Placeholder text */\n placeholder?: React.ReactNode;\n /** Responsible for placeholder displaying */\n empty?: boolean;\n};\n\nexport type FilterTriggerProps = BaseTriggerProps & {\n /** Click on the filter cleaning cross */\n onClear?: (event: React.SyntheticEvent) => void;\n /** Specifies the locale for i18n support */\n locale?: string;\n /** List of props that will be added to the select inside of filter */\n includeInputProps?: string[];\n /** Normal `ref` prop refers to FilterTrigger wrapper while `triggerRef` refers explicitly to trigger button */\n triggerRef?: React.Ref<HTMLButtonElement>;\n};\n\nexport type FilterTriggerCounterProps = {\n /** Count for render */\n count?: number;\n};\n\ndeclare const BaseTrigger: Intergalactic.Component<'div', BaseTriggerProps> & {\n Text: typeof Text;\n Addon: NSBox.Component;\n};\n\ndeclare const ButtonTrigger: Intergalactic.Component<'div', ButtonTriggerProps> & {\n Text: typeof BaseTrigger.Text;\n Addon: typeof BaseTrigger.Addon;\n};\n\ndeclare const LinkTrigger: Intergalactic.Component<'div', LinkTriggerProps> & {\n Text: NSButtonLink.Text.Component;\n Addon: NSButtonLink.Addon.Component;\n};\n\ndeclare const FilterTrigger: Intergalactic.Component<'div', FilterTriggerProps> & {\n Text: typeof BaseTrigger.Text;\n Addon: typeof BaseTrigger.Addon;\n Counter: Intergalactic.Component<'div', NSCounter.Props & FilterTriggerCounterProps>;\n TriggerButton: typeof BaseTrigger;\n ClearButton: typeof BaseTrigger;\n};\n\n/**\n * @deprecated. Use one this: ButtonTrigger, FilterTrigger, LinkTrigger.\n */\nexport default BaseTrigger;\nexport { ButtonTrigger, LinkTrigger, FilterTrigger };\n"],"mappings":"","ignoreList":[]}
|
package/lib/esm/BaseTrigger.mjs
CHANGED
|
@@ -11,27 +11,27 @@ const style = (
|
|
|
11
11
|
/*__reshadow_css_start__*/
|
|
12
12
|
(sstyled.insert(
|
|
13
13
|
/*__inner_css_start__*/
|
|
14
|
-
".
|
|
14
|
+
".___SBaseTrigger_9qkze_gg_{display:inline-block;align-items:center;justify-content:center;line-height:normal;position:relative;touch-action:manipulation;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-sizing:border-box;padding:0;margin:0;box-shadow:none;-webkit-text-decoration:none;text-decoration:none;-webkit-tap-highlight-color:transparent;overflow:visible;text-align:center;vertical-align:middle;font-family:inherit;cursor:pointer;background:var(--intergalactic-bg-primary-neutral,oklch(1 0 0));font-weight:var(--intergalactic-regular,400);border:1px solid var(--intergalactic-border-primary,#000c0829);color:var(--intergalactic-text-primary,oklch(.1 .03 137/.899))}@media (color-gamut:p3){.___SBaseTrigger_9qkze_gg_{border:1px solid var(--intergalactic-border-primary,oklch(.137 .026 175.7/.161))}}.___SBaseTrigger_9qkze_gg_::-moz-focus-inner{border:none;padding:0}.___SBaseTrigger_9qkze_gg_:active{-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SBaseTrigger_9qkze_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}.___SBaseTrigger_9qkze_gg_:focus-visible{border:1px solid var(--intergalactic-border-info-active,oklch(.7 .131 275.2))}@media (hover:hover){.___SBaseTrigger_9qkze_gg_:hover{background-color:var(--intergalactic-bg-primary-neutral-hover,oklch(.98 .001 180))}}.___SBaseTrigger_9qkze_gg_.__active_9qkze_gg_,.___SBaseTrigger_9qkze_gg_:active{border-color:var(--intergalactic-border-info-active,oklch(.7 .131 275.2));background-color:var(--intergalactic-bg-primary-neutral,oklch(1 0 0))}.___SBaseTrigger_9qkze_gg_.__disabled_9qkze_gg_{opacity:var(--intergalactic-disabled-opacity,.4);cursor:default;pointer-events:none}.___SInner_9qkze_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SText_9qkze_gg_{display:inline;padding:1px 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:var(--intergalactic-lh-200,142%);flex-grow:1;text-align:left}.___SAddon_9qkze_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;pointer-events:none}.___SBaseAddon_9qkze_gg_{width:12px;height:12px}.___SBaseTrigger_9qkze_gg_._size_m_9qkze_gg_{min-width:26px;height:28px;border-radius:var(--intergalactic-control-rounded,6px);padding:0 var(--intergalactic-spacing-2x,8px);font-size:var(--intergalactic-fs-200,14px)}.___SBaseTrigger_9qkze_gg_._size_m_9qkze_gg_ .___SAddon_9qkze_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x,8px)}.___SBaseTrigger_9qkze_gg_._size_m_9qkze_gg_ .___SAddon_9qkze_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x,8px)}.___SBaseTrigger_9qkze_gg_._size_m_9qkze_gg_ .___SAddon_9qkze_gg_:only-child{margin-left:calc(var(--intergalactic-spacing-1x, 4px)*-1);margin-right:calc(var(--intergalactic-spacing-1x, 4px)*-1)}.___SBaseTrigger_9qkze_gg_._size_l_9qkze_gg_{min-width:32px;height:40px;border-radius:var(--intergalactic-control-rounded,6px);padding:0 var(--intergalactic-spacing-3x,12px);font-size:var(--intergalactic-fs-300,16px)}.___SBaseTrigger_9qkze_gg_._size_l_9qkze_gg_ .___SAddon_9qkze_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x,8px)}.___SBaseTrigger_9qkze_gg_._size_l_9qkze_gg_ .___SAddon_9qkze_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x,8px)}.___SBaseTrigger_9qkze_gg_._size_l_9qkze_gg_ .___SAddon_9qkze_gg_:only-child{margin-left:calc(var(--intergalactic-spacing-1x, 4px)*-1);margin-right:calc(var(--intergalactic-spacing-1x, 4px)*-1)}.___SBaseTrigger_9qkze_gg_._neighborLocation_right_9qkze_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SBaseTrigger_9qkze_gg_._neighborLocation_both_9qkze_gg_{border-radius:0;margin-left:-1px}.___SBaseTrigger_9qkze_gg_._neighborLocation_left_9qkze_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SBaseTrigger_9qkze_gg_._neighborLocation_left_9qkze_gg_.__disabled_9qkze_gg_{border-left:none;margin-left:0}.___SText_9qkze_gg_.__display-placeholder_9qkze_gg_{color:var(--intergalactic-text-placeholder,oklch(.098 .023 157.4/.457))}.___SBaseTrigger_9qkze_gg_._state_valid_9qkze_gg_{border-color:var(--intergalactic-border-success-active,#00b991)}@media (color-gamut:p3){.___SBaseTrigger_9qkze_gg_._state_valid_9qkze_gg_{border-color:var(--intergalactic-border-success-active,oklch(.7 .166 170))}}.___SBaseTrigger_9qkze_gg_._state_invalid_9qkze_gg_{border-color:var(--intergalactic-border-critical-active,#ff6364)}@media (color-gamut:p3){.___SBaseTrigger_9qkze_gg_._state_invalid_9qkze_gg_{border-color:var(--intergalactic-border-critical-active,oklch(.7 .21 23))}}.___SBaseTrigger_9qkze_gg_._state_invalid_9qkze_gg_:focus-visible{outline-color:var(--intergalactic-keyboard-focus-invalid-outline,oklch(.628 .257 28.9/.652))}.___SInvalidPattern_9qkze_gg_._size_m_9qkze_gg_{margin-left:calc(var(--intergalactic-spacing-2x, 8px)*-1)}.___SInvalidPattern_9qkze_gg_._size_l_9qkze_gg_{margin-left:calc(var(--intergalactic-spacing-3x, 12px)*-1)}",
|
|
15
15
|
/*__inner_css_end__*/
|
|
16
|
-
"
|
|
16
|
+
"9qkze_gg_"
|
|
17
17
|
), /*__reshadow_css_end__*/
|
|
18
18
|
{
|
|
19
|
-
"__SBaseTrigger": "
|
|
20
|
-
"_disabled": "
|
|
21
|
-
"__SInner": "
|
|
22
|
-
"__SText": "
|
|
23
|
-
"__SAddon": "
|
|
24
|
-
"__SBaseAddon": "
|
|
25
|
-
"_neighborLocation_right": "
|
|
26
|
-
"_neighborLocation_both": "
|
|
27
|
-
"_display-placeholder": "__display-
|
|
28
|
-
"_state_valid": "
|
|
29
|
-
"__SInvalidPattern": "
|
|
30
|
-
"_size_m": "
|
|
31
|
-
"_size_l": "
|
|
32
|
-
"_active": "
|
|
33
|
-
"_neighborLocation_left": "
|
|
34
|
-
"_state_invalid": "
|
|
19
|
+
"__SBaseTrigger": "___SBaseTrigger_9qkze_gg_",
|
|
20
|
+
"_disabled": "__disabled_9qkze_gg_",
|
|
21
|
+
"__SInner": "___SInner_9qkze_gg_",
|
|
22
|
+
"__SText": "___SText_9qkze_gg_",
|
|
23
|
+
"__SAddon": "___SAddon_9qkze_gg_",
|
|
24
|
+
"__SBaseAddon": "___SBaseAddon_9qkze_gg_",
|
|
25
|
+
"_neighborLocation_right": "_neighborLocation_right_9qkze_gg_",
|
|
26
|
+
"_neighborLocation_both": "_neighborLocation_both_9qkze_gg_",
|
|
27
|
+
"_display-placeholder": "__display-placeholder_9qkze_gg_",
|
|
28
|
+
"_state_valid": "_state_valid_9qkze_gg_",
|
|
29
|
+
"__SInvalidPattern": "___SInvalidPattern_9qkze_gg_",
|
|
30
|
+
"_size_m": "_size_m_9qkze_gg_",
|
|
31
|
+
"_size_l": "_size_l_9qkze_gg_",
|
|
32
|
+
"_active": "__active_9qkze_gg_",
|
|
33
|
+
"_neighborLocation_left": "_neighborLocation_left_9qkze_gg_",
|
|
34
|
+
"_state_invalid": "_state_invalid_9qkze_gg_"
|
|
35
35
|
})
|
|
36
36
|
);
|
|
37
37
|
class RootBaseTrigger extends Component {
|
|
@@ -12,13 +12,13 @@ const style = (
|
|
|
12
12
|
/*__reshadow_css_start__*/
|
|
13
13
|
(sstyled.insert(
|
|
14
14
|
/*__inner_css_start__*/
|
|
15
|
-
".
|
|
15
|
+
".___SButtonAddon_11dqr_gg_{width:12px;height:12px}.___SButtonTriggerSpin_11dqr_gg_{fill:var(--intergalactic-icon-primary-neutral,oklch(.092 .024 152.2/.526))}",
|
|
16
16
|
/*__inner_css_end__*/
|
|
17
|
-
"
|
|
17
|
+
"11dqr_gg_"
|
|
18
18
|
), /*__reshadow_css_end__*/
|
|
19
19
|
{
|
|
20
|
-
"__SButtonAddon": "
|
|
21
|
-
"__SButtonTriggerSpin": "
|
|
20
|
+
"__SButtonAddon": "___SButtonAddon_11dqr_gg_",
|
|
21
|
+
"__SButtonTriggerSpin": "___SButtonTriggerSpin_11dqr_gg_"
|
|
22
22
|
})
|
|
23
23
|
);
|
|
24
24
|
class RootButtonTrigger extends Component {
|
|
@@ -21,15 +21,15 @@ const style = (
|
|
|
21
21
|
/*__reshadow_css_start__*/
|
|
22
22
|
(sstyled.insert(
|
|
23
23
|
/*__inner_css_start__*/
|
|
24
|
-
".
|
|
24
|
+
".___SFilterTrigger_1ivzv_gg_.__selected_1ivzv_gg_{border-color:var(--intergalactic-border-info-active,oklch(.7 .131 275.2));background-color:var(--intergalactic-control-secondary-info,#0051ff0a);color:var(--intergalactic-text-primary,oklch(.1 .03 137/.899))}@media (color-gamut:p3){.___SFilterTrigger_1ivzv_gg_.__selected_1ivzv_gg_{background-color:var(--intergalactic-control-secondary-info,oklch(.527 .264 262.9/.039))}}@media (hover:hover){.___SFilterTrigger_1ivzv_gg_.__selected_1ivzv_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover,#0050ff14)}@media (color-gamut:p3){.___SFilterTrigger_1ivzv_gg_.__selected_1ivzv_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover,oklch(.525 .265 263/.077))}}}.___SFilterTrigger_1ivzv_gg_.__selected_1ivzv_gg_.__active_1ivzv_gg_,.___SFilterTrigger_1ivzv_gg_.__selected_1ivzv_gg_:active{background-color:var(--intergalactic-control-secondary-info-active,#014fff1e)}@media (color-gamut:p3){.___SFilterTrigger_1ivzv_gg_.__selected_1ivzv_gg_.__active_1ivzv_gg_,.___SFilterTrigger_1ivzv_gg_.__selected_1ivzv_gg_:active{background-color:var(--intergalactic-control-secondary-info-active,oklch(.524 .266 263.1/.116))}}.___SWrapper_1ivzv_gg_{display:inline-flex}.___SWrapper_1ivzv_gg_:focus{outline:none}",
|
|
25
25
|
/*__inner_css_end__*/
|
|
26
|
-
"
|
|
26
|
+
"1ivzv_gg_"
|
|
27
27
|
), /*__reshadow_css_end__*/
|
|
28
28
|
{
|
|
29
|
-
"__SFilterTrigger": "
|
|
30
|
-
"_selected": "
|
|
31
|
-
"_active": "
|
|
32
|
-
"__SWrapper": "
|
|
29
|
+
"__SFilterTrigger": "___SFilterTrigger_1ivzv_gg_",
|
|
30
|
+
"_selected": "__selected_1ivzv_gg_",
|
|
31
|
+
"_active": "__active_1ivzv_gg_",
|
|
32
|
+
"__SWrapper": "___SWrapper_1ivzv_gg_"
|
|
33
33
|
})
|
|
34
34
|
);
|
|
35
35
|
const filterTriggerInputProps = [...inputProps, "aria-controls", "aria-haspopup", "aria-expanded", "aria-disabled", "aria-activedescendant", "aria-label", "aria-labelledby", "role"];
|
package/lib/types/index.d.ts
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
import type {
|
|
2
|
-
import type {
|
|
1
|
+
import type { NSBox, NSNeighborLocation } from '@semcore/base-components';
|
|
2
|
+
import type { NSButtonLink } from '@semcore/button';
|
|
3
3
|
import type { Intergalactic } from '@semcore/core';
|
|
4
4
|
import type { WithAnimatedSizeEnhanceProps } from '@semcore/core/lib/utils/enhances/animatedSizeEnhance';
|
|
5
5
|
import type { NSCounter } from '@semcore/counter';
|
|
6
6
|
import type { Text } from '@semcore/typography';
|
|
7
7
|
import type React from 'react';
|
|
8
8
|
|
|
9
|
-
export type BaseTriggerProps =
|
|
10
|
-
|
|
9
|
+
export type BaseTriggerProps = NSBox.Props &
|
|
10
|
+
NSNeighborLocation.Detect.Props &
|
|
11
11
|
WithAnimatedSizeEnhanceProps & {
|
|
12
12
|
/**
|
|
13
13
|
* Trigger size
|
|
@@ -46,7 +46,7 @@ export type ButtonTriggerProps = Omit<BaseTriggerProps, 'theme'> & {
|
|
|
46
46
|
chevron?: boolean;
|
|
47
47
|
};
|
|
48
48
|
|
|
49
|
-
export type LinkTriggerProps =
|
|
49
|
+
export type LinkTriggerProps = NSButtonLink.Props & {
|
|
50
50
|
/** Sets the loading state */
|
|
51
51
|
loading?: boolean;
|
|
52
52
|
/** Placeholder text */
|
|
@@ -73,7 +73,7 @@ export type FilterTriggerCounterProps = {
|
|
|
73
73
|
|
|
74
74
|
declare const BaseTrigger: Intergalactic.Component<'div', BaseTriggerProps> & {
|
|
75
75
|
Text: typeof Text;
|
|
76
|
-
Addon:
|
|
76
|
+
Addon: NSBox.Component;
|
|
77
77
|
};
|
|
78
78
|
|
|
79
79
|
declare const ButtonTrigger: Intergalactic.Component<'div', ButtonTriggerProps> & {
|
|
@@ -82,8 +82,8 @@ declare const ButtonTrigger: Intergalactic.Component<'div', ButtonTriggerProps>
|
|
|
82
82
|
};
|
|
83
83
|
|
|
84
84
|
declare const LinkTrigger: Intergalactic.Component<'div', LinkTriggerProps> & {
|
|
85
|
-
Text:
|
|
86
|
-
Addon:
|
|
85
|
+
Text: NSButtonLink.Text.Component;
|
|
86
|
+
Addon: NSButtonLink.Addon.Component;
|
|
87
87
|
};
|
|
88
88
|
|
|
89
89
|
declare const FilterTrigger: Intergalactic.Component<'div', FilterTriggerProps> & {
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@semcore/base-trigger",
|
|
3
3
|
"description": "Semrush BaseTrigger Component",
|
|
4
|
-
"version": "17.2.
|
|
4
|
+
"version": "17.2.1-prerelease.11",
|
|
5
5
|
"main": "lib/cjs/index.js",
|
|
6
6
|
"module": "lib/es6/index.js",
|
|
7
7
|
"typings": "lib/types/index.d.ts",
|
|
@@ -14,15 +14,15 @@
|
|
|
14
14
|
"require": "./lib/cjs/index.js"
|
|
15
15
|
},
|
|
16
16
|
"dependencies": {
|
|
17
|
-
"@semcore/counter": "^17.2.
|
|
18
|
-
"@semcore/spin": "^17.2.
|
|
19
|
-
"@semcore/tooltip": "^17.2.
|
|
20
|
-
"@semcore/typography": "^17.2.
|
|
21
|
-
"@semcore/button": "^17.2.
|
|
17
|
+
"@semcore/counter": "^17.2.1-prerelease.11",
|
|
18
|
+
"@semcore/spin": "^17.2.1-prerelease.11",
|
|
19
|
+
"@semcore/tooltip": "^17.2.1-prerelease.11",
|
|
20
|
+
"@semcore/typography": "^17.2.1-prerelease.11",
|
|
21
|
+
"@semcore/button": "^17.2.2-prerelease.11"
|
|
22
22
|
},
|
|
23
23
|
"peerDependencies": {
|
|
24
|
-
"@semcore/base-components": "^17.2.
|
|
25
|
-
"@semcore/icon": "^17.
|
|
24
|
+
"@semcore/base-components": "^17.2.2-prerelease.11",
|
|
25
|
+
"@semcore/icon": "^17.3.0-prerelease.11"
|
|
26
26
|
},
|
|
27
27
|
"repository": {
|
|
28
28
|
"type": "git",
|
|
@@ -30,11 +30,11 @@
|
|
|
30
30
|
"directory": "semcore/base-trigger"
|
|
31
31
|
},
|
|
32
32
|
"devDependencies": {
|
|
33
|
-
"@semcore/core": "17.
|
|
34
|
-
"@semcore/tooltip": "17.2.0",
|
|
35
|
-
"@semcore/base-components": "17.2.0",
|
|
33
|
+
"@semcore/core": "17.3.1-prerelease.11",
|
|
36
34
|
"@semcore/testing-utils": "1.0.0",
|
|
37
|
-
"@semcore/
|
|
35
|
+
"@semcore/base-components": "17.2.2-prerelease.11",
|
|
36
|
+
"@semcore/tooltip": "17.2.1-prerelease.11",
|
|
37
|
+
"@semcore/icon": "17.3.0-prerelease.11"
|
|
38
38
|
},
|
|
39
39
|
"scripts": {
|
|
40
40
|
"build": "pnpm semcore-builder --source=js && pnpm vite build"
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { resolve as resolvePath } from 'node:path';
|
|
2
|
+
|
|
3
|
+
import { defineConfig } from 'vitest/config';
|
|
4
|
+
|
|
5
|
+
import { vitestPlugins, vitestResolve } from '../../vitest.config.mts';
|
|
6
|
+
|
|
7
|
+
export default defineConfig({
|
|
8
|
+
plugins: vitestPlugins,
|
|
9
|
+
resolve: vitestResolve,
|
|
10
|
+
test: {
|
|
11
|
+
include: [
|
|
12
|
+
'__tests__/**/*.test.tsx',
|
|
13
|
+
],
|
|
14
|
+
environment: 'jsdom',
|
|
15
|
+
setupFiles: [resolvePath(__dirname, '../../tools/testing-utils/setupTests')],
|
|
16
|
+
},
|
|
17
|
+
});
|