@sunggang/ui-lib 0.4.10 → 0.4.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.
Files changed (5) hide show
  1. package/baseSwitch.cjs.js +2 -2
  2. package/baseSwitch.esm.js +2 -2
  3. package/index.cjs.css +11 -0
  4. package/index.esm.css +11 -0
  5. package/package.json +2 -1
package/baseSwitch.cjs.js CHANGED
@@ -23422,7 +23422,7 @@ var BaseSwitch = /*#__PURE__*/ React__namespace.forwardRef(function(_param, ref)
23422
23422
  className: "inline-flex items-center gap-2",
23423
23423
  children: [
23424
23424
  /*#__PURE__*/ jsxRuntime.jsx(SwitchPrimitives__namespace.Root, _object_spread_props(_object_spread({
23425
- className: utils.cn("peer inline-flex shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent shadow-sm transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50", bgColor, sizeClass[size].root, "data-[state=unchecked]:bg-input")
23425
+ className: utils.cn("ui-switch-root", "peer inline-flex shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent shadow-sm transition-colors", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2", "disabled:cursor-not-allowed disabled:opacity-50", "data-[state=unchecked]:bg-gray-200", bgColor, sizeClass[size].root)
23426
23426
  }, props), {
23427
23427
  ref: ref,
23428
23428
  checked: field.value,
@@ -23430,7 +23430,7 @@ var BaseSwitch = /*#__PURE__*/ React__namespace.forwardRef(function(_param, ref)
23430
23430
  id: item === null || item === void 0 ? void 0 : item.id,
23431
23431
  disabled: item === null || item === void 0 ? void 0 : item.disable,
23432
23432
  children: /*#__PURE__*/ jsxRuntime.jsx(SwitchPrimitives__namespace.Thumb, {
23433
- className: utils.cn("pointer-events-none block rounded-full bg-background shadow-lg ring-0 transition-transform data-[state=unchecked]:translate-x-1", sizeClass[size].thumb)
23433
+ className: utils.cn("ui-switch-thumb", "pointer-events-none block rounded-full bg-white shadow-lg ring-0 transition-transform", "data-[state=unchecked]:translate-x-1", sizeClass[size].thumb)
23434
23434
  })
23435
23435
  })),
23436
23436
  (item === null || item === void 0 ? void 0 : item.labelRight) && /*#__PURE__*/ jsxRuntime.jsx("span", {
package/baseSwitch.esm.js CHANGED
@@ -23393,7 +23393,7 @@ var BaseSwitch = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
23393
23393
  className: "inline-flex items-center gap-2",
23394
23394
  children: [
23395
23395
  /*#__PURE__*/ jsx$1(SwitchPrimitives.Root, _object_spread_props(_object_spread({
23396
- className: cn("peer inline-flex shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent shadow-sm transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50", bgColor, sizeClass[size].root, "data-[state=unchecked]:bg-input")
23396
+ className: cn("ui-switch-root", "peer inline-flex shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent shadow-sm transition-colors", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2", "disabled:cursor-not-allowed disabled:opacity-50", "data-[state=unchecked]:bg-gray-200", bgColor, sizeClass[size].root)
23397
23397
  }, props), {
23398
23398
  ref: ref,
23399
23399
  checked: field.value,
@@ -23401,7 +23401,7 @@ var BaseSwitch = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
23401
23401
  id: item === null || item === void 0 ? void 0 : item.id,
23402
23402
  disabled: item === null || item === void 0 ? void 0 : item.disable,
23403
23403
  children: /*#__PURE__*/ jsx$1(SwitchPrimitives.Thumb, {
23404
- className: cn("pointer-events-none block rounded-full bg-background shadow-lg ring-0 transition-transform data-[state=unchecked]:translate-x-1", sizeClass[size].thumb)
23404
+ className: cn("ui-switch-thumb", "pointer-events-none block rounded-full bg-white shadow-lg ring-0 transition-transform", "data-[state=unchecked]:translate-x-1", sizeClass[size].thumb)
23405
23405
  })
23406
23406
  })),
23407
23407
  (item === null || item === void 0 ? void 0 : item.labelRight) && /*#__PURE__*/ jsx$1("span", {
package/index.cjs.css CHANGED
@@ -3126,6 +3126,9 @@ video {
3126
3126
  .\[module\:ui\/template\~TemplateBinding\#callback\] {
3127
3127
  module: ui/template~TemplateBinding#callback;
3128
3128
  }
3129
+
3130
+ /* Import all UI component styles */
3131
+ @import './styles/index.css';
3129
3132
  .file\:border-0::file-selector-button {
3130
3133
  border-width: 0px;
3131
3134
  }
@@ -3566,6 +3569,10 @@ video {
3566
3569
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
3567
3570
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
3568
3571
  }
3572
+ .focus-visible\:ring-blue-500:focus-visible {
3573
+ --tw-ring-opacity: 1;
3574
+ --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1));
3575
+ }
3569
3576
  .focus-visible\:ring-ring:focus-visible {
3570
3577
  --tw-ring-color: hsl(var(--ring));
3571
3578
  }
@@ -3679,6 +3686,10 @@ video {
3679
3686
  .data-\[state\=selected\]\:bg-muted[data-state="selected"] {
3680
3687
  background-color: hsl(var(--muted));
3681
3688
  }
3689
+ .data-\[state\=unchecked\]\:bg-gray-200[data-state="unchecked"] {
3690
+ --tw-bg-opacity: 1;
3691
+ background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
3692
+ }
3682
3693
  .data-\[state\=unchecked\]\:bg-input[data-state="unchecked"] {
3683
3694
  background-color: hsl(var(--input));
3684
3695
  }
package/index.esm.css CHANGED
@@ -3126,6 +3126,9 @@ video {
3126
3126
  .\[module\:ui\/template\~TemplateBinding\#callback\] {
3127
3127
  module: ui/template~TemplateBinding#callback;
3128
3128
  }
3129
+
3130
+ /* Import all UI component styles */
3131
+ @import './styles/index.css';
3129
3132
  .file\:border-0::file-selector-button {
3130
3133
  border-width: 0px;
3131
3134
  }
@@ -3566,6 +3569,10 @@ video {
3566
3569
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
3567
3570
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
3568
3571
  }
3572
+ .focus-visible\:ring-blue-500:focus-visible {
3573
+ --tw-ring-opacity: 1;
3574
+ --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1));
3575
+ }
3569
3576
  .focus-visible\:ring-ring:focus-visible {
3570
3577
  --tw-ring-color: hsl(var(--ring));
3571
3578
  }
@@ -3679,6 +3686,10 @@ video {
3679
3686
  .data-\[state\=selected\]\:bg-muted[data-state="selected"] {
3680
3687
  background-color: hsl(var(--muted));
3681
3688
  }
3689
+ .data-\[state\=unchecked\]\:bg-gray-200[data-state="unchecked"] {
3690
+ --tw-bg-opacity: 1;
3691
+ background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
3692
+ }
3682
3693
  .data-\[state\=unchecked\]\:bg-input[data-state="unchecked"] {
3683
3694
  background-color: hsl(var(--input));
3684
3695
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sunggang/ui-lib",
3
- "version": "0.4.10",
3
+ "version": "0.4.11",
4
4
  "main": "./index.cjs.js",
5
5
  "module": "./index.esm.js",
6
6
  "types": "./dist/src/index.d.ts",
@@ -10,6 +10,7 @@
10
10
  "import": "./index.cjs.mjs",
11
11
  "default": "./index.cjs.js"
12
12
  },
13
+ "./style.css": "./dist/index.esm.css",
13
14
  "./FormProvider": {
14
15
  "module": "./FormProvider.esm.js",
15
16
  "import": "./FormProvider.cjs.mjs",