@vibe/core 3.89.0-alpha-d81e6.0 → 3.89.0-alpha-e17b5.0
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/dist/mocked_classnames/src/components/SegmentedControl/SegmentedControl.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Tabs/TabList/TabList.module.scss.js +1 -1
- package/dist/src/components/SegmentedControl/SegmentedControl.module.scss.js +1 -1
- package/dist/src/components/Tabs/TabList/TabList.module.scss.js +1 -1
- package/package.json +8 -8
package/dist/mocked_classnames/src/components/SegmentedControl/SegmentedControl.module.scss.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var n={segmentedControl:"segmentedControl",fullWidth:"fullWidth",disabled:"disabled",thumb:"thumb",thumbHidden:"thumbHidden",segment:"segment",segmentContent:"segmentContent",segmentIcon:"segmentIcon",sizeXs:"sizeXs",sizeSmall:"sizeSmall",sizeMedium:"sizeMedium",sizeLarge:"sizeLarge"};!function(n){const e="s_id-
|
|
1
|
+
var n={segmentedControl:"segmentedControl",fullWidth:"fullWidth",disabled:"disabled",thumb:"thumb",thumbHidden:"thumbHidden",segment:"segment",segmentContent:"segmentContent",segmentIcon:"segmentIcon",sizeXs:"sizeXs",sizeSmall:"sizeSmall",sizeMedium:"sizeMedium",sizeLarge:"sizeLarge"};!function(n){const e="s_id-30b75998bfd3_3_88_6";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const r=document.createElement("style");r.id=e,t.firstChild?t.insertBefore(r,t.firstChild):t.appendChild(r),r.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".segmentedControl {\n --track-padding: var(--space-2);\n --segment-radius: var(--border-radius-small);\n position: relative;\n display: inline-grid;\n grid-template-columns: repeat(var(--segment-count), 1fr);\n gap: var(--space-2);\n align-items: stretch;\n padding: var(--track-padding);\n background: var(--allgrey-background-color);\n border-radius: calc(var(--segment-radius) + var(--track-padding));\n isolation: isolate;\n}\n\n.fullWidth {\n width: 100%;\n}\n\n.disabled {\n opacity: 0.5;\n cursor: not-allowed;\n}\n\n.thumb {\n position: absolute;\n z-index: 0;\n inset-block: var(--track-padding);\n inset-inline-start: var(--track-padding);\n width: calc((100% - var(--track-padding) * 2) / var(--segment-count));\n transform: translateX(calc(var(--selected-index) * 100%));\n background: var(--primary-background-color);\n border-radius: var(--segment-radius);\n box-shadow: var(--box-shadow-xs), 0 0 0 1px var(--layout-border-color);\n transition: transform var(--motion-expressive-short) cubic-bezier(0.22, 1, 0.36, 1);\n}\n\n.thumbHidden {\n opacity: 0;\n}\n\n.segment {\n position: relative;\n z-index: 1;\n gap: var(--space-4);\n padding-inline: var(--space-12);\n display: inline-flex;\n align-items: center;\n justify-content: center;\n background-color: transparent;\n border: none;\n border-radius: var(--segment-radius);\n color: var(--primary-text-color);\n font: inherit;\n white-space: nowrap;\n transition: color var(--motion-productive-long) var(--motion-timing-transition), background var(--motion-productive-short) var(--motion-timing-transition), scale var(--motion-productive-short) var(--motion-timing-transition);\n cursor: pointer;\n user-select: none;\n}\n\n.segment:hover {\n color: var(--primary-text-color);\n background: color-mix(in srgb, currentColor 8%, transparent);\n}\n\n.segment:active {\n color: var(--primary-text-color);\n background: color-mix(in srgb, currentColor 10%, transparent);\n scale: 0.98;\n}\n\n.segment:focus-visible {\n outline: 2px solid var(--primary-color);\n outline-offset: -2px;\n}\n\n.segment[aria-checked=true] {\n color: var(--primary-text-color);\n}\n\n.segment[aria-checked=true]:hover, .segment[aria-checked=true]:active {\n background: transparent;\n scale: 1;\n}\n\n.segment[aria-disabled=true] {\n color: var(--disabled-text-color);\n cursor: not-allowed;\n}\n\n.segment[aria-disabled=true]:hover, .segment[aria-disabled=true]:active {\n color: var(--disabled-text-color);\n background: transparent;\n scale: 1;\n}\n\n.segmentContent {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: var(--space-4);\n}\n\n.segmentIcon {\n color: var(--icon-color);\n}\n\n.segment:hover .segmentIcon,\n.segment:active .segmentIcon,\n.segment[aria-checked=true] .segmentIcon {\n color: var(--primary-text-color);\n}\n\n.segment[aria-disabled=true] .segmentIcon {\n color: var(--disabled-text-color);\n}\n\n.sizeXs {\n height: 24px;\n font-size: 12px;\n}\n\n.sizeSmall {\n height: 32px;\n font-size: 14px;\n}\n\n.sizeMedium {\n height: 40px;\n font-size: 14px;\n}\n\n.sizeLarge {\n height: 48px;\n font-size: 16px;\n}\n\n@media (prefers-reduced-motion: reduce) {\n .thumb,\n .segment {\n transition: none;\n }\n}");export{n as default};
|
|
2
2
|
//# sourceMappingURL=SegmentedControl.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e={tabsWrapper:"tabsWrapper",tabsList:"tabsList",selectedIndicator:"selectedIndicator",visible:"visible",sm:"sm",lg:"lg",stretched:"stretched",tabListTabWrapper:"tabListTabWrapper",tabListTabInner:"tabListTabInner",disabled:"disabled",stretchedUnderline:"stretchedUnderline"};!function(e){const n="s_id-
|
|
1
|
+
var e={tabsWrapper:"tabsWrapper",tabsList:"tabsList",selectedIndicator:"selectedIndicator",visible:"visible",sm:"sm",lg:"lg",stretched:"stretched",tabListTabWrapper:"tabListTabWrapper",tabListTabInner:"tabListTabInner",disabled:"disabled",stretchedUnderline:"stretchedUnderline"};!function(e){const n="s_id-155a45ffc122_3_88_6";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}('@charset "UTF-8";\n/* stylelint-disable */\n/* stylelint-enable */\n/* Tokens — remove once design system Sense motion tokens are live */\n/* Pattern: slide-transition · Tokens: position · ease-transition · duration-long-250 */\n.tabsWrapper {\n position: relative;\n --duration-long-250: 250ms;\n --duration-short-70: 70ms;\n --ease-transition: cubic-bezier(0.4, 0, 0.2, 1);\n --ease-linear: linear;\n}\n.tabsWrapper .tabsList {\n display: flex;\n flex-direction: row;\n list-style-type: none;\n font-size: 0;\n position: relative;\n /* Medium: 32px button + 2px gap + 2px selected underline */\n height: 36px;\n outline: none;\n padding: 0;\n}\n.tabsWrapper .selectedIndicator {\n position: absolute;\n bottom: 0;\n left: 0;\n width: 0;\n height: 2px;\n background-color: var(--brand-color);\n border-radius: 1px;\n opacity: 0;\n z-index: 2;\n pointer-events: none;\n transition: left var(--duration-long-250) var(--ease-transition), width var(--duration-long-250) var(--ease-transition), opacity var(--duration-short-70) var(--ease-linear);\n}\n.tabsWrapper .selectedIndicator.visible {\n opacity: 1;\n}\n@media (prefers-reduced-motion: reduce) {\n .tabsWrapper .selectedIndicator {\n transition: opacity var(--duration-short-70) var(--ease-linear);\n }\n}\n.tabsWrapper .tabsList.sm {\n /* Small: 28px button + 2px gap + 2px underline */\n height: 32px;\n}\n.tabsWrapper .tabsList.lg {\n /* Large: 36px button + 2px gap + 2px underline */\n height: 40px;\n}\n.tabsWrapper.stretched .tabsList {\n width: 100%;\n}\n.tabsWrapper.stretched .tabsList .tabListTabWrapper {\n width: 100%;\n}\n.tabsWrapper.stretched .tabsList .tabListTabWrapper .tabListTabInner {\n width: 100%;\n}\n.tabsWrapper.disabled {\n opacity: 0;\n height: 0;\n padding-bottom: 5px;\n pointer-events: none;\n}\n.tabsWrapper.stretchedUnderline {\n border-bottom: none;\n}');export{e as default};
|
|
2
2
|
//# sourceMappingURL=TabList.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var n={segmentedControl:"segmentedControl_8ac73c7e4c",fullWidth:"fullWidth_1e90d5ffd4",disabled:"disabled_ba520d15b4",thumb:"
|
|
1
|
+
var n={segmentedControl:"segmentedControl_8ac73c7e4c",fullWidth:"fullWidth_1e90d5ffd4",disabled:"disabled_ba520d15b4",thumb:"thumb_8b1a69db93",thumbHidden:"thumbHidden_8110528e46",segment:"segment_f0abd07e2d",segmentContent:"segmentContent_064a5e8d42",segmentIcon:"segmentIcon_466de02a75",sizeXs:"sizeXs_a2a38a1a01",sizeSmall:"sizeSmall_7d64566c62",sizeMedium:"sizeMedium_9b35a0574e",sizeLarge:"sizeLarge_580b41a961"};!function(n){const e="s_id-30b75998bfd3_3_88_6";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+e))return;const t=document.createElement("style");t.id=e,a.firstChild?a.insertBefore(t,a.firstChild):a.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".segmentedControl_8ac73c7e4c {\n --track-padding: var(--space-2);\n --segment-radius: var(--border-radius-small);\n position: relative;\n display: inline-grid;\n grid-template-columns: repeat(var(--segment-count), 1fr);\n gap: var(--space-2);\n align-items: stretch;\n padding: var(--track-padding);\n background: var(--allgrey-background-color);\n border-radius: calc(var(--segment-radius) + var(--track-padding));\n isolation: isolate;\n}\n\n.fullWidth_1e90d5ffd4 {\n width: 100%;\n}\n\n.disabled_ba520d15b4 {\n opacity: 0.5;\n cursor: not-allowed;\n}\n\n.thumb_8b1a69db93 {\n position: absolute;\n z-index: 0;\n inset-block: var(--track-padding);\n inset-inline-start: var(--track-padding);\n width: calc((100% - var(--track-padding) * 2) / var(--segment-count));\n transform: translateX(calc(var(--selected-index) * 100%));\n background: var(--primary-background-color);\n border-radius: var(--segment-radius);\n box-shadow: var(--box-shadow-xs), 0 0 0 1px var(--layout-border-color);\n transition: transform var(--motion-expressive-short) cubic-bezier(0.22, 1, 0.36, 1);\n}\n\n.thumbHidden_8110528e46 {\n opacity: 0;\n}\n\n.segment_f0abd07e2d {\n position: relative;\n z-index: 1;\n gap: var(--space-4);\n padding-inline: var(--space-12);\n display: inline-flex;\n align-items: center;\n justify-content: center;\n background-color: transparent;\n border: none;\n border-radius: var(--segment-radius);\n color: var(--primary-text-color);\n font: inherit;\n white-space: nowrap;\n transition: color var(--motion-productive-long) var(--motion-timing-transition), background var(--motion-productive-short) var(--motion-timing-transition), scale var(--motion-productive-short) var(--motion-timing-transition);\n cursor: pointer;\n user-select: none;\n}\n\n.segment_f0abd07e2d:hover {\n color: var(--primary-text-color);\n background: color-mix(in srgb, currentColor 8%, transparent);\n}\n\n.segment_f0abd07e2d:active {\n color: var(--primary-text-color);\n background: color-mix(in srgb, currentColor 10%, transparent);\n scale: 0.98;\n}\n\n.segment_f0abd07e2d:focus-visible {\n outline: 2px solid var(--primary-color);\n outline-offset: -2px;\n}\n\n.segment_f0abd07e2d[aria-checked=true] {\n color: var(--primary-text-color);\n}\n\n.segment_f0abd07e2d[aria-checked=true]:hover, .segment_f0abd07e2d[aria-checked=true]:active {\n background: transparent;\n scale: 1;\n}\n\n.segment_f0abd07e2d[aria-disabled=true] {\n color: var(--disabled-text-color);\n cursor: not-allowed;\n}\n\n.segment_f0abd07e2d[aria-disabled=true]:hover, .segment_f0abd07e2d[aria-disabled=true]:active {\n color: var(--disabled-text-color);\n background: transparent;\n scale: 1;\n}\n\n.segmentContent_064a5e8d42 {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: var(--space-4);\n}\n\n.segmentIcon_466de02a75 {\n color: var(--icon-color);\n}\n\n.segment_f0abd07e2d:hover .segmentIcon_466de02a75,\n.segment_f0abd07e2d:active .segmentIcon_466de02a75,\n.segment_f0abd07e2d[aria-checked=true] .segmentIcon_466de02a75 {\n color: var(--primary-text-color);\n}\n\n.segment_f0abd07e2d[aria-disabled=true] .segmentIcon_466de02a75 {\n color: var(--disabled-text-color);\n}\n\n.sizeXs_a2a38a1a01 {\n height: 24px;\n font-size: 12px;\n}\n\n.sizeSmall_7d64566c62 {\n height: 32px;\n font-size: 14px;\n}\n\n.sizeMedium_9b35a0574e {\n height: 40px;\n font-size: 14px;\n}\n\n.sizeLarge_580b41a961 {\n height: 48px;\n font-size: 16px;\n}\n\n@media (prefers-reduced-motion: reduce) {\n .thumb_8b1a69db93,\n .segment_f0abd07e2d {\n transition: none;\n }\n}");export{n as default};
|
|
2
2
|
//# sourceMappingURL=SegmentedControl.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e={tabsWrapper:"tabsWrapper_578017af28",tabsList:"tabsList_cc8bfbbb3b",selectedIndicator:"
|
|
1
|
+
var e={tabsWrapper:"tabsWrapper_578017af28",tabsList:"tabsList_cc8bfbbb3b",selectedIndicator:"selectedIndicator_7d6e704eb0",visible:"visible_51c32786bc",sm:"sm_078605f5c4",lg:"lg_e25f57663a",stretched:"stretched_5a52f9326e",tabListTabWrapper:"tabListTabWrapper_1e90d5ffd4",tabListTabInner:"tabListTabInner_1e90d5ffd4",disabled:"disabled_01acbe8392",stretchedUnderline:"stretchedUnderline_546d09057d"};!function(e){const n="s_id-155a45ffc122_3_88_6";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}('@charset "UTF-8";\n/* stylelint-disable */\n/* stylelint-enable */\n/* Tokens — remove once design system Sense motion tokens are live */\n/* Pattern: slide-transition · Tokens: position · ease-transition · duration-long-250 */\n.tabsWrapper_578017af28 {\n position: relative;\n --duration-long-250: 250ms;\n --duration-short-70: 70ms;\n --ease-transition: cubic-bezier(0.4, 0, 0.2, 1);\n --ease-linear: linear;\n}\n.tabsWrapper_578017af28 .tabsList_cc8bfbbb3b {\n display: flex;\n flex-direction: row;\n list-style-type: none;\n font-size: 0;\n position: relative;\n /* Medium: 32px button + 2px gap + 2px selected underline */\n height: 36px;\n outline: none;\n padding: 0;\n}\n.tabsWrapper_578017af28 .selectedIndicator_7d6e704eb0 {\n position: absolute;\n bottom: 0;\n left: 0;\n width: 0;\n height: 2px;\n background-color: var(--brand-color);\n border-radius: 1px;\n opacity: 0;\n z-index: 2;\n pointer-events: none;\n transition: left var(--duration-long-250) var(--ease-transition), width var(--duration-long-250) var(--ease-transition), opacity var(--duration-short-70) var(--ease-linear);\n}\n.tabsWrapper_578017af28 .selectedIndicator_7d6e704eb0.visible_51c32786bc {\n opacity: 1;\n}\n@media (prefers-reduced-motion: reduce) {\n .tabsWrapper_578017af28 .selectedIndicator_7d6e704eb0 {\n transition: opacity var(--duration-short-70) var(--ease-linear);\n }\n}\n.tabsWrapper_578017af28 .tabsList_cc8bfbbb3b.sm_078605f5c4 {\n /* Small: 28px button + 2px gap + 2px underline */\n height: 32px;\n}\n.tabsWrapper_578017af28 .tabsList_cc8bfbbb3b.lg_e25f57663a {\n /* Large: 36px button + 2px gap + 2px underline */\n height: 40px;\n}\n.tabsWrapper_578017af28.stretched_5a52f9326e .tabsList_cc8bfbbb3b {\n width: 100%;\n}\n.tabsWrapper_578017af28.stretched_5a52f9326e .tabsList_cc8bfbbb3b .tabListTabWrapper_1e90d5ffd4 {\n width: 100%;\n}\n.tabsWrapper_578017af28.stretched_5a52f9326e .tabsList_cc8bfbbb3b .tabListTabWrapper_1e90d5ffd4 .tabListTabInner_1e90d5ffd4 {\n width: 100%;\n}\n.tabsWrapper_578017af28.disabled_01acbe8392 {\n opacity: 0;\n height: 0;\n padding-bottom: 5px;\n pointer-events: none;\n}\n.tabsWrapper_578017af28.stretchedUnderline_546d09057d {\n border-bottom: none;\n}');export{e as default};
|
|
2
2
|
//# sourceMappingURL=TabList.module.scss.js.map
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@vibe/core",
|
|
3
|
-
"version": "3.89.0-alpha-
|
|
3
|
+
"version": "3.89.0-alpha-e17b5.0",
|
|
4
4
|
"description": "Official monday.com UI resources for application development in React.js",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -92,19 +92,19 @@
|
|
|
92
92
|
"@floating-ui/react-dom": "^2.1.2",
|
|
93
93
|
"@popperjs/core": "2.11.6",
|
|
94
94
|
"@vibe/base": "3.0.5",
|
|
95
|
-
"@vibe/button": "3.1.0-alpha-
|
|
95
|
+
"@vibe/button": "3.1.0-alpha-e17b5.0",
|
|
96
96
|
"@vibe/clickable": "3.0.3",
|
|
97
|
-
"@vibe/dialog": "3.1.0-alpha-
|
|
97
|
+
"@vibe/dialog": "3.1.0-alpha-e17b5.0",
|
|
98
98
|
"@vibe/hooks": "3.0.3",
|
|
99
99
|
"@vibe/icon": "3.0.11",
|
|
100
|
-
"@vibe/icon-button": "3.0.8-alpha-
|
|
100
|
+
"@vibe/icon-button": "3.0.8-alpha-e17b5.0",
|
|
101
101
|
"@vibe/icons": "1.16.0",
|
|
102
102
|
"@vibe/layer": "3.0.10",
|
|
103
103
|
"@vibe/layout": "3.0.3",
|
|
104
104
|
"@vibe/loader": "3.0.11",
|
|
105
105
|
"@vibe/shared": "3.0.8",
|
|
106
|
-
"@vibe/tooltip": "3.0.8-alpha-
|
|
107
|
-
"@vibe/typography": "3.0.8-alpha-
|
|
106
|
+
"@vibe/tooltip": "3.0.8-alpha-e17b5.0",
|
|
107
|
+
"@vibe/typography": "3.0.8-alpha-e17b5.0",
|
|
108
108
|
"a11y-dialog": "^7.5.2",
|
|
109
109
|
"body-scroll-lock": "^4.0.0-beta.0",
|
|
110
110
|
"browserslist-config-monday": "1.0.6",
|
|
@@ -113,7 +113,7 @@
|
|
|
113
113
|
"downshift": "^9.0.8",
|
|
114
114
|
"es-toolkit": "^1.39.10",
|
|
115
115
|
"framer-motion": "^6.5.1",
|
|
116
|
-
"monday-ui-style": "0.27.0-alpha-
|
|
116
|
+
"monday-ui-style": "0.27.0-alpha-e17b5.0",
|
|
117
117
|
"react-dates": "21.8.0",
|
|
118
118
|
"react-day-picker": "^8.8.0",
|
|
119
119
|
"react-focus-lock": "^2.13.2",
|
|
@@ -285,5 +285,5 @@
|
|
|
285
285
|
"browserslist": [
|
|
286
286
|
"extends browserslist-config-monday"
|
|
287
287
|
],
|
|
288
|
-
"gitHead": "
|
|
288
|
+
"gitHead": "3fab03c41c90de027332491d907880ccc7c797e7"
|
|
289
289
|
}
|