design-system-next 2.9.1 → 2.9.3
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/design-system-next.js +22 -9
- package/dist/design-system-next.js.gz +0 -0
- package/dist/package.json.d.ts +1 -1
- package/package.json +1 -1
- package/src/components/banner/use-banner.ts +1 -1
- package/src/components/calendar/calendar.vue +7 -2
- package/src/components/calendar/use-calendar.ts +3 -1
|
@@ -2526,7 +2526,7 @@ const L = /* @__PURE__ */ it(li), ui = (e, t) => {
|
|
|
2526
2526
|
"spr-text-color-caution-pressed": e.type === "caution"
|
|
2527
2527
|
}
|
|
2528
2528
|
), u = L(
|
|
2529
|
-
"spr-flex-none spr-cursor-pointer",
|
|
2529
|
+
"spr-flex-none spr-cursor-pointer spr-mt-[2px]",
|
|
2530
2530
|
{
|
|
2531
2531
|
"spr-text-color-brand-base": e.type === "success",
|
|
2532
2532
|
"spr-text-color-danger-base": e.type === "error",
|
|
@@ -3566,7 +3566,7 @@ const Rl = (e, t) => {
|
|
|
3566
3566
|
}, D = (M, v, x) => {
|
|
3567
3567
|
s.isHover.value = M, s.hoveredCell.value = M ? v : void 0, s.employeeId.value = x;
|
|
3568
3568
|
}, w = (M, v) => s.hoveredCell.value === M && s.isHover.value && s.employeeId.value === v && !n.value, O = () => {
|
|
3569
|
-
s.sort.value = s.sort.value === "desc" ? "asc" : "desc", t("update:sort", s.sort.value);
|
|
3569
|
+
s.sort.value === "asc" ? s.sort.value = "" : s.sort.value = s.sort.value === "desc" ? "asc" : "desc", t("update:sort", s.sort.value);
|
|
3570
3570
|
};
|
|
3571
3571
|
X2(
|
|
3572
3572
|
s.tableBodyRef,
|
|
@@ -3624,7 +3624,10 @@ const Rl = (e, t) => {
|
|
|
3624
3624
|
}, Ql = { class: "spr-flex spr-items-center spr-justify-center spr-gap-size-spacing-3xs" }, Vl = { class: "spr-flex" }, Hl = { class: "spr-heading-xs" }, Zl = { class: "spr-pb-size-spacing-lg" }, Gl = { class: "spr-bg-white spr-sticky spr-top-0 spr-z-20" }, Wl = { class: "spr-body-sm-regular" }, Kl = {
|
|
3625
3625
|
key: 0,
|
|
3626
3626
|
class: "spr-overflow-y-auto"
|
|
3627
|
-
}, Jl = { class: "spr-flex spr-flex-col spr-gap-size-spacing-3xs spr-overflow-hidden" }, Xl = { class: "spr-label-xs-regular" }, ql = { class: "spr-text-color-supporting spr-label-xs-regular spr-uppercase" }, e1 = {
|
|
3627
|
+
}, Jl = { class: "spr-flex spr-flex-col spr-gap-size-spacing-3xs spr-overflow-hidden" }, Xl = { class: "spr-label-xs-regular" }, ql = { class: "spr-text-color-supporting spr-label-xs-regular spr-uppercase" }, e1 = {
|
|
3628
|
+
key: 0,
|
|
3629
|
+
class: "spr-mt-size-spacing-xs"
|
|
3630
|
+
}, t1 = ["onMouseover", "onMouseleave"], r1 = {
|
|
3628
3631
|
key: 0,
|
|
3629
3632
|
class: "spr-flex spr-flex-col spr-justify-start spr-gap-size-spacing-3xs"
|
|
3630
3633
|
}, n1 = ["onClick"], s1 = ["onClick"], a1 = { key: 1 }, o1 = { key: 1 }, i1 = {
|
|
@@ -3783,7 +3786,7 @@ const Rl = (e, t) => {
|
|
|
3783
3786
|
I("div", Xl, H(M.name), 1),
|
|
3784
3787
|
I("div", ql, H(M.position), 1)
|
|
3785
3788
|
]),
|
|
3786
|
-
|
|
3789
|
+
M.hoursWorked && M.hoursTarget ? (g(), C("div", e1, [
|
|
3787
3790
|
R(V0, {
|
|
3788
3791
|
label: `${M.hoursWorked || 0}/${M.hoursTarget || 48} HRS`,
|
|
3789
3792
|
tone: "neutral"
|
|
@@ -3793,7 +3796,7 @@ const Rl = (e, t) => {
|
|
|
3793
3796
|
]),
|
|
3794
3797
|
_: 2
|
|
3795
3798
|
}, 1032, ["label"])
|
|
3796
|
-
])
|
|
3799
|
+
])) : T("", !0)
|
|
3797
3800
|
], 2),
|
|
3798
3801
|
(g(!0), C(W, null, ue(o(s), (v, x) => (g(), C("td", {
|
|
3799
3802
|
key: x,
|
|
@@ -3805,18 +3808,26 @@ const Rl = (e, t) => {
|
|
|
3805
3808
|
onMouseleave: (S) => o($)(!1, x, M.id)
|
|
3806
3809
|
}, [
|
|
3807
3810
|
M.schedule[o(p)(v, o(l))] && M.schedule[o(p)(v, o(l))].length > 0 ? (g(), C("section", r1, [
|
|
3808
|
-
(g(!0), C(W, null, ue(M.schedule[o(p)(v, o(l))], (S, N) => (g(), C("div", {
|
|
3811
|
+
(g(!0), C(W, null, ue(M.schedule[o(p)(v, o(l))], (S, N) => (g(), C("div", {
|
|
3812
|
+
key: N,
|
|
3813
|
+
class: "spr-w-full"
|
|
3814
|
+
}, [
|
|
3809
3815
|
S.type === "restday" ? (g(), C("div", {
|
|
3810
3816
|
key: 0,
|
|
3817
|
+
class: "spr-flex spr-flex-col spr-items-center spr-justify-start",
|
|
3811
3818
|
onClick: (_) => o(y)({
|
|
3812
3819
|
employeeId: M.id,
|
|
3813
3820
|
date: o(p)(v, o(l)),
|
|
3814
3821
|
shift: "restday"
|
|
3815
3822
|
})
|
|
3816
3823
|
}, [
|
|
3817
|
-
R(Mt, {
|
|
3824
|
+
R(Mt, {
|
|
3825
|
+
type: "restday",
|
|
3826
|
+
fullwidth: ""
|
|
3827
|
+
})
|
|
3818
3828
|
], 8, n1)) : (g(), C("div", {
|
|
3819
3829
|
key: 1,
|
|
3830
|
+
class: "spr-flex spr-flex-col spr-items-center spr-justify-start",
|
|
3820
3831
|
onClick: (_) => o(y)({
|
|
3821
3832
|
employeeId: M.id,
|
|
3822
3833
|
date: o(p)(v, o(l)),
|
|
@@ -3827,7 +3838,8 @@ const Rl = (e, t) => {
|
|
|
3827
3838
|
"view-only": !1,
|
|
3828
3839
|
title: `${S.startTime} - ${S.endTime}`,
|
|
3829
3840
|
description: S.location,
|
|
3830
|
-
"sub-description": S.type
|
|
3841
|
+
"sub-description": S.type,
|
|
3842
|
+
fullwidth: ""
|
|
3831
3843
|
}, null, 8, ["title", "description", "sub-description"])
|
|
3832
3844
|
], 8, s1))
|
|
3833
3845
|
]))), 128))
|
|
@@ -3837,6 +3849,7 @@ const Rl = (e, t) => {
|
|
|
3837
3849
|
status: "pending",
|
|
3838
3850
|
type: "exempt",
|
|
3839
3851
|
"view-only": !1,
|
|
3852
|
+
fullwidth: "",
|
|
3840
3853
|
onOnClick: (S) => o(y)({ employeeId: M.id, date: o(p)(v, o(l)), shift: null })
|
|
3841
3854
|
}, {
|
|
3842
3855
|
prefix: V(() => [
|
|
@@ -18068,7 +18081,7 @@ const D8 = (e) => ({
|
|
|
18068
18081
|
}), vg = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
18069
18082
|
__proto__: null,
|
|
18070
18083
|
default: mg
|
|
18071
|
-
}, Symbol.toStringTag, { value: "Module" })), Mg = "design-system-next", bg = "2.9.
|
|
18084
|
+
}, Symbol.toStringTag, { value: "Module" })), Mg = "design-system-next", bg = "2.9.3", Ng = "./dist/design-system-next.js", $g = "./dist/design-system-next.js", Dg = { type: "git", url: "https://dev.azure.com/sproutphil/Sprout%20Design%20System/_git/Sprout%20Design%20System%20Next" }, Ig = "module", Ag = ["dist", "dist/", "src/", "README.md", "LICENSE"], xg = { ".": { import: "./dist/design-system-next.js", require: "./dist/design-system-next.js" }, "./style.css": "./dist/main.css" }, wg = { dev: "vite", build: "vue-tsc && vite build", "watch-build": "vue-tsc && vite build --watch", types: "vue-tsc", preview: "vite preview", "lint:script": 'eslint "**/*.{js,ts,vue}"', "lint:style": 'stylelint "**/*.{vue,css}"', "fix:style": 'stylelint --fix "**/*.{vue,css}"', lint: "npm run lint:script && npm run lint:style", prepublishOnly: "npm run build", "docs:dev": "vitepress dev docs", "docs:build": "vitepress build docs", "docs:serve": "vitepress serve docs", "docs:preview": "vitepress preview docs", clean: "rm -rf node_modules dist coverage package-lock.json && npm install" }, Sg = { "@cloudinary/url-gen": "^1.21.0", "@eslint/js": "^9.17.0", "@iconify-icons/ph": "^1.2.5", "@iconify/vue": "^4.3.0", classnames: "^2.5.1", "countries-list": "^3.1.1", dayjs: "^1.11.13", "floating-vue": "^5.2.2", "libphonenumber-js": "^1.12.5", pinia: "^2.3.1", stylelint: "^16.12.0", "stylelint-config-recess-order": "^5.1.1", "stylelint-config-recommended": "^14.0.1", "stylelint-config-recommended-vue": "^1.5.0", "typescript-eslint": "^8.19.1", "vite-plugin-sass": "^0.1.0", vue: "^3.0.0" }, jg = { "@stylistic/stylelint-plugin": "^3.1.1", "@types/node": "^22.10.5", "@vitejs/plugin-vue": "^5.2.1", autoprefixer: "^10.4.20", eslint: "^9.17.0", "eslint-config-prettier": "^9.1.0", "eslint-plugin-vue": "^9.32.0", prettier: "^3.4.2", "prettier-plugin-tailwindcss": "^0.6.9", "rollup-plugin-gzip": "^4.0.1", "sass-embedded": "^1.83.1", tailwindcss: "^3.4.17", typescript: "~5.7.2", "unplugin-vue-components": "^28.0.0", vite: "^6.0.7", "vite-plugin-dts": "^4.4.0", "vite-tsconfig-paths": "^5.1.4", vitepress: "^1.5.0", "vue-eslint-parser": "^9.4.3", "vue-tsc": "^2.2.0" }, Tg = { vue: "^3.0.0" }, Og = { node: ">=20.0.0", npm: ">=10.0.0" }, _g = {
|
|
18072
18085
|
name: Mg,
|
|
18073
18086
|
private: !1,
|
|
18074
18087
|
version: bg,
|
|
Binary file
|
package/dist/package.json.d.ts
CHANGED
package/package.json
CHANGED
|
@@ -52,7 +52,7 @@ export const useBanner = (props: BannerPropTypes, showModel: Ref<boolean>) => {
|
|
|
52
52
|
);
|
|
53
53
|
|
|
54
54
|
const close = classNames(
|
|
55
|
-
'spr-flex-none spr-cursor-pointer',
|
|
55
|
+
'spr-flex-none spr-cursor-pointer spr-mt-[2px]',
|
|
56
56
|
{
|
|
57
57
|
'spr-text-color-brand-base': props.type === 'success',
|
|
58
58
|
'spr-text-color-danger-base': props.type === 'error',
|
|
@@ -81,7 +81,7 @@
|
|
|
81
81
|
{{ employee.position }}
|
|
82
82
|
</div>
|
|
83
83
|
</div>
|
|
84
|
-
<div class="spr-mt-size-spacing-xs">
|
|
84
|
+
<div v-if="employee.hoursWorked && employee.hoursTarget" class="spr-mt-size-spacing-xs">
|
|
85
85
|
<spr-lozenge
|
|
86
86
|
:label="`${employee.hoursWorked || 0}/${employee.hoursTarget || 48} HRS`"
|
|
87
87
|
tone="neutral"
|
|
@@ -112,9 +112,11 @@
|
|
|
112
112
|
<div
|
|
113
113
|
v-for="(schedule, scheduleIndex) in employee.schedule[formatDate(date, dateFormat)]"
|
|
114
114
|
:key="scheduleIndex"
|
|
115
|
+
class="spr-w-full"
|
|
115
116
|
>
|
|
116
117
|
<div
|
|
117
118
|
v-if="schedule.type === 'restday'"
|
|
119
|
+
class="spr-flex spr-flex-col spr-items-center spr-justify-start"
|
|
118
120
|
@click="
|
|
119
121
|
onCellClick({
|
|
120
122
|
employeeId: employee.id,
|
|
@@ -123,9 +125,10 @@
|
|
|
123
125
|
})
|
|
124
126
|
"
|
|
125
127
|
>
|
|
126
|
-
<spr-calendar-cell type="restday" />
|
|
128
|
+
<spr-calendar-cell type="restday" fullwidth />
|
|
127
129
|
</div>
|
|
128
130
|
<div
|
|
131
|
+
class="spr-flex spr-flex-col spr-items-center spr-justify-start"
|
|
129
132
|
v-else
|
|
130
133
|
@click="
|
|
131
134
|
onCellClick({
|
|
@@ -140,6 +143,7 @@
|
|
|
140
143
|
:title="`${schedule.startTime} - ${schedule.endTime}`"
|
|
141
144
|
:description="schedule.location"
|
|
142
145
|
:sub-description="schedule.type"
|
|
146
|
+
fullwidth
|
|
143
147
|
/>
|
|
144
148
|
</div>
|
|
145
149
|
</div>
|
|
@@ -150,6 +154,7 @@
|
|
|
150
154
|
status="pending"
|
|
151
155
|
type="exempt"
|
|
152
156
|
:view-only="false"
|
|
157
|
+
fullwidth
|
|
153
158
|
@on-click="
|
|
154
159
|
onCellClick({ employeeId: employee.id, date: formatDate(date, dateFormat), shift: null })
|
|
155
160
|
"
|
|
@@ -118,7 +118,9 @@ export const useCalendar = (props: CalendarPropTypes, emit: SetupContext<Calenda
|
|
|
118
118
|
};
|
|
119
119
|
|
|
120
120
|
const handleSorting = () => {
|
|
121
|
-
state.sort.value
|
|
121
|
+
if (state.sort.value === 'asc') state.sort.value = '';
|
|
122
|
+
else state.sort.value = state.sort.value === 'desc' ? 'asc' : 'desc';
|
|
123
|
+
|
|
122
124
|
emit('update:sort', state.sort.value);
|
|
123
125
|
};
|
|
124
126
|
|