@nurix/ui-component-library 1.1.7-stage.142 → 1.1.7-stage.145

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 (4) hide show
  1. package/dist/index.js +10 -22
  2. package/dist/index.mjs +10 -22
  3. package/dist/styles.css +3 -0
  4. package/package.json +1 -1
package/dist/index.js CHANGED
@@ -10206,13 +10206,7 @@ var TagBadge = React21.forwardRef(
10206
10206
  } : void 0
10207
10207
  }
10208
10208
  ),
10209
- isSelected && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
10210
- import_lucide_react5.Check,
10211
- {
10212
- className: "size-3 shrink-0 text-fg-black ml-auto",
10213
- strokeWidth: 1
10214
- }
10215
- )
10209
+ isSelected && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react5.Check, { className: "size-4 shrink-0 text-border-token-brand ml-auto" })
10216
10210
  ]
10217
10211
  },
10218
10212
  option.value
@@ -11993,13 +11987,14 @@ var STEPPER_TOKENS = {
11993
11987
  // --- Stepper (labeled horizontal stepper) ---
11994
11988
  stepper: {
11995
11989
  root: "flex gap-4 items-center w-full",
11996
- connector: "flex-1 h-px min-w-2 bg-border-token-light",
11997
- connectorComplete: "bg-token-brand-primary",
11990
+ // Connector lines are always grey (#e5e5e5) regardless of step state.
11991
+ // Per Figma node 1:5164 — completed steps do not colour the connector.
11992
+ connector: "flex-1 h-px min-w-2 bg-token-light",
11998
11993
  step: {
11999
11994
  wrapper: "flex gap-2 items-center shrink-0",
12000
11995
  indicator: {
12001
11996
  base: "w-6 rounded-[32px] flex flex-col items-center justify-center overflow-clip px-2 py-1 shrink-0",
12002
- incomplete: "bg-token-grey",
11997
+ incomplete: "bg-token-dark-grey",
12003
11998
  active: "bg-token-brand-primary",
12004
11999
  complete: "bg-token-brand-primary"
12005
12000
  },
@@ -12010,9 +12005,9 @@ var STEPPER_TOKENS = {
12010
12005
  checkIcon: "size-4 text-fg-white",
12011
12006
  label: {
12012
12007
  base: "text-xs leading-4",
12013
- incomplete: "text-fg-grey-primary font-normal",
12008
+ incomplete: "text-fg-grey-secondary font-normal",
12014
12009
  active: "text-fg-black font-medium",
12015
- complete: "text-fg-grey-secondary font-normal"
12010
+ complete: "text-fg-grey-primary font-normal"
12016
12011
  }
12017
12012
  }
12018
12013
  },
@@ -12107,15 +12102,7 @@ var Stepper = React34.forwardRef(
12107
12102
  }
12108
12103
  )
12109
12104
  ] }),
12110
- index2 < steps.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
12111
- "div",
12112
- {
12113
- className: cn(
12114
- STEPPER_TOKENS.stepper.connector,
12115
- state2 === "complete" && STEPPER_TOKENS.stepper.connectorComplete
12116
- )
12117
- }
12118
- )
12105
+ index2 < steps.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: STEPPER_TOKENS.stepper.connector })
12119
12106
  ] }, index2);
12120
12107
  })
12121
12108
  }
@@ -12749,10 +12736,11 @@ function Pagination({
12749
12736
  value: String(rowsPerPage),
12750
12737
  onValueChange: handleRowsPerPageSelect,
12751
12738
  children: [
12752
- /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(SelectTrigger, { size: "small", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(SelectValue, {}) }),
12739
+ /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(SelectTrigger, { size: "small", className: "min-w-[72px]", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(SelectValue, {}) }),
12753
12740
  /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
12754
12741
  SelectContent,
12755
12742
  {
12743
+ className: "min-w-[72px]",
12756
12744
  items: ROWS_PER_PAGE_OPTIONS.map((n) => ({
12757
12745
  value: String(n),
12758
12746
  label: String(n)
package/dist/index.mjs CHANGED
@@ -10085,13 +10085,7 @@ var TagBadge = React21.forwardRef(
10085
10085
  } : void 0
10086
10086
  }
10087
10087
  ),
10088
- isSelected && /* @__PURE__ */ jsx19(
10089
- Check2,
10090
- {
10091
- className: "size-3 shrink-0 text-fg-black ml-auto",
10092
- strokeWidth: 1
10093
- }
10094
- )
10088
+ isSelected && /* @__PURE__ */ jsx19(Check2, { className: "size-4 shrink-0 text-border-token-brand ml-auto" })
10095
10089
  ]
10096
10090
  },
10097
10091
  option.value
@@ -11872,13 +11866,14 @@ var STEPPER_TOKENS = {
11872
11866
  // --- Stepper (labeled horizontal stepper) ---
11873
11867
  stepper: {
11874
11868
  root: "flex gap-4 items-center w-full",
11875
- connector: "flex-1 h-px min-w-2 bg-border-token-light",
11876
- connectorComplete: "bg-token-brand-primary",
11869
+ // Connector lines are always grey (#e5e5e5) regardless of step state.
11870
+ // Per Figma node 1:5164 — completed steps do not colour the connector.
11871
+ connector: "flex-1 h-px min-w-2 bg-token-light",
11877
11872
  step: {
11878
11873
  wrapper: "flex gap-2 items-center shrink-0",
11879
11874
  indicator: {
11880
11875
  base: "w-6 rounded-[32px] flex flex-col items-center justify-center overflow-clip px-2 py-1 shrink-0",
11881
- incomplete: "bg-token-grey",
11876
+ incomplete: "bg-token-dark-grey",
11882
11877
  active: "bg-token-brand-primary",
11883
11878
  complete: "bg-token-brand-primary"
11884
11879
  },
@@ -11889,9 +11884,9 @@ var STEPPER_TOKENS = {
11889
11884
  checkIcon: "size-4 text-fg-white",
11890
11885
  label: {
11891
11886
  base: "text-xs leading-4",
11892
- incomplete: "text-fg-grey-primary font-normal",
11887
+ incomplete: "text-fg-grey-secondary font-normal",
11893
11888
  active: "text-fg-black font-medium",
11894
- complete: "text-fg-grey-secondary font-normal"
11889
+ complete: "text-fg-grey-primary font-normal"
11895
11890
  }
11896
11891
  }
11897
11892
  },
@@ -11986,15 +11981,7 @@ var Stepper = React34.forwardRef(
11986
11981
  }
11987
11982
  )
11988
11983
  ] }),
11989
- index2 < steps.length - 1 && /* @__PURE__ */ jsx30(
11990
- "div",
11991
- {
11992
- className: cn(
11993
- STEPPER_TOKENS.stepper.connector,
11994
- state2 === "complete" && STEPPER_TOKENS.stepper.connectorComplete
11995
- )
11996
- }
11997
- )
11984
+ index2 < steps.length - 1 && /* @__PURE__ */ jsx30("div", { className: STEPPER_TOKENS.stepper.connector })
11998
11985
  ] }, index2);
11999
11986
  })
12000
11987
  }
@@ -12636,10 +12623,11 @@ function Pagination({
12636
12623
  value: String(rowsPerPage),
12637
12624
  onValueChange: handleRowsPerPageSelect,
12638
12625
  children: [
12639
- /* @__PURE__ */ jsx33(SelectTrigger, { size: "small", children: /* @__PURE__ */ jsx33(SelectValue, {}) }),
12626
+ /* @__PURE__ */ jsx33(SelectTrigger, { size: "small", className: "min-w-[72px]", children: /* @__PURE__ */ jsx33(SelectValue, {}) }),
12640
12627
  /* @__PURE__ */ jsx33(
12641
12628
  SelectContent,
12642
12629
  {
12630
+ className: "min-w-[72px]",
12643
12631
  items: ROWS_PER_PAGE_OPTIONS.map((n) => ({
12644
12632
  value: String(n),
12645
12633
  label: String(n)
package/dist/styles.css CHANGED
@@ -895,6 +895,9 @@
895
895
  .lego-land .min-w-\[64px\] {
896
896
  min-width: 64px;
897
897
  }
898
+ .lego-land .min-w-\[72px\] {
899
+ min-width: 72px;
900
+ }
898
901
  .lego-land .min-w-\[77px\] {
899
902
  min-width: 77px;
900
903
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@nurix/ui-component-library",
3
- "version": "1.1.7-stage.142",
3
+ "version": "1.1.7-stage.145",
4
4
  "main": "./dist/index.js",
5
5
  "module": "./dist/index.mjs",
6
6
  "types": "./dist/index.d.ts",