@vibe/core 4.6.0-alpha-27d50.0 → 4.6.0-alpha-5c1da.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 +21 -21
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_4_5_10";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.segment:hover {\n color: var(--primary-text-color);\n background: color-mix(in srgb, currentColor 8%, transparent);\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.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.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_4_5_10";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\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\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\n.tabsWrapper .selectedIndicator.visible {\n opacity: 1;\n}\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\n.tabsWrapper .tabsList.lg {\n /* Large: 36px button + 2px gap + 2px underline */\n height: 40px;\n}\n\n.tabsWrapper.stretched .tabsList {\n width: 100%;\n}\n\n.tabsWrapper.stretched .tabsList .tabListTabWrapper {\n width: 100%;\n}\n\n.tabsWrapper.stretched .tabsList .tabListTabWrapper .tabListTabInner {\n width: 100%;\n}\n\n.tabsWrapper.disabled {\n opacity: 0;\n height: 0;\n padding-bottom: 5px;\n pointer-events: none;\n}\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_602d287925",fullWidth:"fullWidth_13d3be3d0a",disabled:"disabled_bd2e3ba23c",thumb:"
|
|
1
|
+
var n={segmentedControl:"segmentedControl_602d287925",fullWidth:"fullWidth_13d3be3d0a",disabled:"disabled_bd2e3ba23c",thumb:"thumb_622efa8548",thumbHidden:"thumbHidden_1bece1c521",segment:"segment_8da9a2199b",segmentContent:"segmentContent_910c74ff9a",segmentIcon:"segmentIcon_31b22dde55",sizeXs:"sizeXs_b3ccb4e3de",sizeSmall:"sizeSmall_226107eb48",sizeMedium:"sizeMedium_a89d761431",sizeLarge:"sizeLarge_4deb4cfe5e"};!function(n){const e="s_id-30b75998bfd3_4_5_10";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_602d287925 {\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_13d3be3d0a {\n width: 100%;\n}\n\n.disabled_bd2e3ba23c {\n opacity: 0.5;\n cursor: not-allowed;\n}\n\n.thumb_622efa8548 {\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_1bece1c521 {\n opacity: 0;\n}\n\n.segment_8da9a2199b {\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.segment_8da9a2199b:hover {\n color: var(--primary-text-color);\n background: color-mix(in srgb, currentColor 8%, transparent);\n}\n.segment_8da9a2199b:active {\n color: var(--primary-text-color);\n background: color-mix(in srgb, currentColor 10%, transparent);\n scale: 0.98;\n}\n\n.segment_8da9a2199b:focus-visible {\n outline: 2px solid var(--primary-color);\n outline-offset: -2px;\n}\n\n.segment_8da9a2199b[aria-checked=true] {\n color: var(--primary-text-color);\n}\n.segment_8da9a2199b[aria-checked=true]:hover, .segment_8da9a2199b[aria-checked=true]:active {\n background: transparent;\n scale: 1;\n}\n\n.segment_8da9a2199b[aria-disabled=true] {\n color: var(--disabled-text-color);\n cursor: not-allowed;\n}\n.segment_8da9a2199b[aria-disabled=true]:hover, .segment_8da9a2199b[aria-disabled=true]:active {\n color: var(--disabled-text-color);\n background: transparent;\n scale: 1;\n}\n\n.segmentContent_910c74ff9a {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: var(--space-4);\n}\n\n.segmentIcon_31b22dde55 {\n color: var(--icon-color);\n}\n\n.segment_8da9a2199b:hover .segmentIcon_31b22dde55,\n.segment_8da9a2199b:active .segmentIcon_31b22dde55,\n.segment_8da9a2199b[aria-checked=true] .segmentIcon_31b22dde55 {\n color: var(--primary-text-color);\n}\n\n.segment_8da9a2199b[aria-disabled=true] .segmentIcon_31b22dde55 {\n color: var(--disabled-text-color);\n}\n\n.sizeXs_b3ccb4e3de {\n height: 24px;\n font-size: 12px;\n}\n\n.sizeSmall_226107eb48 {\n height: 32px;\n font-size: 14px;\n}\n\n.sizeMedium_a89d761431 {\n height: 40px;\n font-size: 14px;\n}\n\n.sizeLarge_4deb4cfe5e {\n height: 48px;\n font-size: 16px;\n}\n\n@media (prefers-reduced-motion: reduce) {\n .thumb_622efa8548,\n .segment_8da9a2199b {\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_e6e88f21c6",tabsList:"tabsList_b1a1fb70ef",selectedIndicator:"
|
|
1
|
+
var e={tabsWrapper:"tabsWrapper_e6e88f21c6",tabsList:"tabsList_b1a1fb70ef",selectedIndicator:"selectedIndicator_027780518a",visible:"visible_bf99082593",sm:"sm_9cb65bd0dc",lg:"lg_f3f0d85f01",stretched:"stretched_86168d2484",tabListTabWrapper:"tabListTabWrapper_13d3be3d0a",tabListTabInner:"tabListTabInner_13d3be3d0a",disabled:"disabled_d6cb62eb72",stretchedUnderline:"stretchedUnderline_3d0329b3b4"};!function(e){const n="s_id-155a45ffc122_4_5_10";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_e6e88f21c6 {\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\n.tabsWrapper_e6e88f21c6 .tabsList_b1a1fb70ef {\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\n.tabsWrapper_e6e88f21c6 .selectedIndicator_027780518a {\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\n.tabsWrapper_e6e88f21c6 .selectedIndicator_027780518a.visible_bf99082593 {\n opacity: 1;\n}\n\n@media (prefers-reduced-motion: reduce) {\n .tabsWrapper_e6e88f21c6 .selectedIndicator_027780518a {\n transition: opacity var(--duration-short-70) var(--ease-linear);\n }\n}\n.tabsWrapper_e6e88f21c6 .tabsList_b1a1fb70ef.sm_9cb65bd0dc {\n /* Small: 28px button + 2px gap + 2px underline */\n height: 32px;\n}\n\n.tabsWrapper_e6e88f21c6 .tabsList_b1a1fb70ef.lg_f3f0d85f01 {\n /* Large: 36px button + 2px gap + 2px underline */\n height: 40px;\n}\n\n.tabsWrapper_e6e88f21c6.stretched_86168d2484 .tabsList_b1a1fb70ef {\n width: 100%;\n}\n\n.tabsWrapper_e6e88f21c6.stretched_86168d2484 .tabsList_b1a1fb70ef .tabListTabWrapper_13d3be3d0a {\n width: 100%;\n}\n\n.tabsWrapper_e6e88f21c6.stretched_86168d2484 .tabsList_b1a1fb70ef .tabListTabWrapper_13d3be3d0a .tabListTabInner_13d3be3d0a {\n width: 100%;\n}\n\n.tabsWrapper_e6e88f21c6.disabled_d6cb62eb72 {\n opacity: 0;\n height: 0;\n padding-bottom: 5px;\n pointer-events: none;\n}\n\n.tabsWrapper_e6e88f21c6.stretchedUnderline_3d0329b3b4 {\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": "4.6.0-alpha-
|
|
3
|
+
"version": "4.6.0-alpha-5c1da.0",
|
|
4
4
|
"description": "Official monday.com UI resources for application development in React.js",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -90,33 +90,33 @@
|
|
|
90
90
|
},
|
|
91
91
|
"dependencies": {
|
|
92
92
|
"@floating-ui/react-dom": "^2.1.2",
|
|
93
|
-
"@vibe/avatar": "4.0.2-alpha-
|
|
94
|
-
"@vibe/base": "4.0.5-alpha-
|
|
95
|
-
"@vibe/button": "4.1.0-alpha-
|
|
96
|
-
"@vibe/button-group": "4.1.0-alpha-
|
|
97
|
-
"@vibe/checkbox": "4.1.0-alpha-
|
|
98
|
-
"@vibe/clickable": "4.0.5-alpha-
|
|
99
|
-
"@vibe/counter": "4.0.3-alpha-
|
|
100
|
-
"@vibe/dialog": "4.2.0-alpha-
|
|
93
|
+
"@vibe/avatar": "4.0.2-alpha-5c1da.0",
|
|
94
|
+
"@vibe/base": "4.0.5-alpha-5c1da.0",
|
|
95
|
+
"@vibe/button": "4.1.0-alpha-5c1da.0",
|
|
96
|
+
"@vibe/button-group": "4.1.0-alpha-5c1da.0",
|
|
97
|
+
"@vibe/checkbox": "4.1.0-alpha-5c1da.0",
|
|
98
|
+
"@vibe/clickable": "4.0.5-alpha-5c1da.0",
|
|
99
|
+
"@vibe/counter": "4.0.3-alpha-5c1da.0",
|
|
100
|
+
"@vibe/dialog": "4.2.0-alpha-5c1da.0",
|
|
101
101
|
"@vibe/divider": "4.0.1",
|
|
102
|
-
"@vibe/editable": "4.0.2-alpha-
|
|
103
|
-
"@vibe/expand-collapse": "4.0.4-alpha-
|
|
102
|
+
"@vibe/editable": "4.0.2-alpha-5c1da.0",
|
|
103
|
+
"@vibe/expand-collapse": "4.0.4-alpha-5c1da.0",
|
|
104
104
|
"@vibe/formatted-number": "4.0.1",
|
|
105
105
|
"@vibe/hooks": "4.0.5",
|
|
106
106
|
"@vibe/icon": "4.0.3",
|
|
107
|
-
"@vibe/icon-button": "4.0.10-alpha-
|
|
107
|
+
"@vibe/icon-button": "4.0.10-alpha-5c1da.0",
|
|
108
108
|
"@vibe/icons": "4.1.0",
|
|
109
|
-
"@vibe/label": "4.1.0-alpha-
|
|
109
|
+
"@vibe/label": "4.1.0-alpha-5c1da.0",
|
|
110
110
|
"@vibe/layer": "4.0.4",
|
|
111
|
-
"@vibe/layout": "4.0.6-alpha-
|
|
112
|
-
"@vibe/link": "4.0.2-alpha-
|
|
111
|
+
"@vibe/layout": "4.0.6-alpha-5c1da.0",
|
|
112
|
+
"@vibe/link": "4.0.2-alpha-5c1da.0",
|
|
113
113
|
"@vibe/loader": "4.0.3",
|
|
114
|
-
"@vibe/progress-bars": "4.0.2-alpha-
|
|
115
|
-
"@vibe/radio-button": "4.0.3-alpha-
|
|
114
|
+
"@vibe/progress-bars": "4.0.2-alpha-5c1da.0",
|
|
115
|
+
"@vibe/radio-button": "4.0.3-alpha-5c1da.0",
|
|
116
116
|
"@vibe/shared": "4.0.3",
|
|
117
|
-
"@vibe/style": "4.2.0-alpha-
|
|
118
|
-
"@vibe/tooltip": "4.0.10-alpha-
|
|
119
|
-
"@vibe/typography": "4.0.10-alpha-
|
|
117
|
+
"@vibe/style": "4.2.0-alpha-5c1da.0",
|
|
118
|
+
"@vibe/tooltip": "4.0.10-alpha-5c1da.0",
|
|
119
|
+
"@vibe/typography": "4.0.10-alpha-5c1da.0",
|
|
120
120
|
"browserslist-config-monday": "1.0.6",
|
|
121
121
|
"classnames": "^2.5.1",
|
|
122
122
|
"date-fns": "^2.30.0",
|
|
@@ -283,5 +283,5 @@
|
|
|
283
283
|
"browserslist": [
|
|
284
284
|
"extends browserslist-config-monday"
|
|
285
285
|
],
|
|
286
|
-
"gitHead": "
|
|
286
|
+
"gitHead": "761c2edb463df11873c1f8b7fc280a168b1939ba"
|
|
287
287
|
}
|