@itilite/lumina-ui 1.1.0 → 1.1.1-alpha.1

package/dist/styles.css

@@ -115,6 +115,104 @@
   background-color: white !important;
 }
 
+/* src/atom/Checkbox/Checkbox.module.scss */
+.Checkbox-module__checkbox___xxg5L {
+  display: flex;
+  align-items: center;
+}
+.Checkbox-module__checkbox___xxg5L.Checkbox-module__size_small___Kknlo .ant-checkbox .ant-checkbox-inner {
+  height: 16px;
+  width: 16px;
+}
+.Checkbox-module__checkbox___xxg5L.Checkbox-module__size_medium___V6Ah8 .ant-checkbox .ant-checkbox-inner {
+  height: 20px;
+  width: 20px;
+}
+.Checkbox-module__checkbox___xxg5L.Checkbox-module__size_medium___V6Ah8 .ant-checkbox .ant-checkbox-inner::after {
+  inset-inline-start: 27%;
+}
+.Checkbox-module__checkbox___xxg5L.Checkbox-module__size_large___eWjFY .ant-checkbox .ant-checkbox-inner {
+  height: 24px;
+  width: 24px;
+}
+.Checkbox-module__checkbox___xxg5L.Checkbox-module__size_large___eWjFY .ant-checkbox .ant-checkbox-inner::after {
+  inset-inline-start: 33%;
+}
+.Checkbox-module__checkbox___xxg5L.Checkbox-module__type_checked___5742T .ant-checkbox-checked .ant-checkbox-inner {
+  border-color: #ec5d25;
+  background-color: #ec5d25;
+}
+.Checkbox-module__checkbox___xxg5L.Checkbox-module__type_checked___5742T.ant-checkbox-wrapper:hover
+     .ant-checkbox-checked:not(.ant-checkbox-disabled)
+     .ant-checkbox-inner {
+  --tw-bg-opacity: 1;
+  background-color: rgb(185 71 16 / var(--tw-bg-opacity, 1));
+}
+.Checkbox-module__checkbox___xxg5L.Checkbox-module__type_checked___5742T .ant-checkbox-checked:focus-visible {
+  outline: 2px solid #0a65e7;
+}
+.Checkbox-module__checkbox___xxg5L.Checkbox-module__type_checked___5742T.Checkbox-module__disabled___v-RG1 {
+  cursor: not-allowed;
+}
+.Checkbox-module__checkbox___xxg5L.Checkbox-module__type_checked___5742T.Checkbox-module__disabled___v-RG1 .ant-checkbox-checked .ant-checkbox-inner {
+  opacity: 0.5;
+  border-color: #ec5d25;
+  background-color: #ec5d25;
+}
+.Checkbox-module__checkbox___xxg5L.Checkbox-module__type_checked___5742T.Checkbox-module__disabled___v-RG1 .ant-checkbox-checked .ant-checkbox-inner::after {
+  border-color: #ffffff;
+}
+.Checkbox-module__checkbox___xxg5L.Checkbox-module__type_unchecked___QFMpP .ant-checkbox .ant-checkbox-inner {
+  border-color: #b6bac3;
+}
+.Checkbox-module__checkbox___xxg5L.Checkbox-module__type_unchecked___QFMpP .ant-checkbox:hover .ant-checkbox-inner {
+  border-color: #6b7280;
+}
+.Checkbox-module__checkbox___xxg5L.Checkbox-module__type_unchecked___QFMpP .ant-checkbox:focus-visible {
+  outline: 2px solid #0a65e7;
+}
+.Checkbox-module__checkbox___xxg5L.Checkbox-module__type_unchecked___QFMpP.Checkbox-module__disabled___v-RG1 {
+  cursor: not-allowed;
+}
+.Checkbox-module__checkbox___xxg5L.Checkbox-module__type_unchecked___QFMpP.Checkbox-module__disabled___v-RG1 .ant-checkbox .ant-checkbox-inner {
+  border-color: #b6bac3;
+  background-color: #f9fafb;
+}
+.Checkbox-module__checkbox___xxg5L .ant-checkbox-disabled + span {
+  color: #363e4f;
+}
+.Checkbox-module__checkbox___xxg5L.Checkbox-module__variant_normal___faYKo {
+  color: #363e4f;
+  font-weight: 400;
+  font-size: 0.875rem;
+  line-height: 20px;
+}
+.Checkbox-module__checkbox___xxg5L.Checkbox-module__variant_emphasized___-koYj {
+  color: #363e4f;
+  font-weight: 500;
+  font-size: 0.875rem;
+  line-height: 20px;
+}
+.Checkbox-module__checkbox___xxg5L.Checkbox-module__variant_indeterminate___J5Xcc.Checkbox-module__disabled___v-RG1 .ant-checkbox-indeterminate .ant-checkbox-inner {
+  opacity: 0.5;
+  border-color: #ec5d25;
+  background-color: #ec5d25;
+}
+.Checkbox-module__checkbox___xxg5L.Checkbox-module__variant_indeterminate___J5Xcc.Checkbox-module__disabled___v-RG1 .ant-checkbox-indeterminate .ant-checkbox-inner::after {
+  border-color: #ffffff;
+}
+.Checkbox-module__checkbox___xxg5L.Checkbox-module__variant_indeterminate___J5Xcc .ant-checkbox-indeterminate .ant-checkbox-inner {
+  border-color: #ec5d25 !important;
+  background-color: #ec5d25 !important;
+}
+.Checkbox-module__checkbox___xxg5L.Checkbox-module__variant_indeterminate___J5Xcc .ant-checkbox-indeterminate .ant-checkbox-inner::after {
+  inset-inline-start: 50%;
+  width: 60%;
+  height: 3px;
+  border-radius: 4px;
+  background: white;
+}
+
 /* src/atom/Button/Button.module.scss */
 .Button-module__button___cLCyl {
   display: flex;
@@ -305,190 +403,6 @@
   outline: none;
 }
 
-/* src/atom/Switch/Switch.module.scss */
-.Switch-module__switch___fUHZL.ant-switch.ant-switch-small {
-    height: 0.75rem;
-    min-width: 1.5rem
-}
-.Switch-module__switch___fUHZL.ant-switch.ant-switch-small .ant-switch-handle {
-    height: 0.5rem;
-    width: 0.5rem
-}
-.Switch-module__switch___fUHZL.ant-switch.ant-switch-checked {
-    --tw-bg-opacity: 1;
-    background-color: rgb(236 93 37 / var(--tw-bg-opacity, 1))
-}
-.Switch-module__switch___fUHZL.ant-switch.ant-switch-checked:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgb(236 93 37 / var(--tw-bg-opacity, 1))
-}
-
-/* src/atom/Radio/Radio.module.scss */
-.Radio-module__radio___1CPAk {
-  display: flex;
-  align-items: center;
-}
-.Radio-module__radio___1CPAk.Radio-module__size_small___nRXgM .ant-radio .ant-radio-inner {
-  height: 16px;
-  width: 16px;
-}
-.Radio-module__radio___1CPAk.Radio-module__size_medium___uSzPl .ant-radio .ant-radio-inner {
-  height: 20px;
-  width: 20px;
-}
-.Radio-module__radio___1CPAk.Radio-module__size_large___ubpHs .ant-radio .ant-radio-inner {
-  height: 24px;
-  width: 24px;
-}
-.Radio-module__radio___1CPAk.Radio-module__type_checked___BvPpu .ant-radio-checked .ant-radio-inner {
-  border-color: #EC5D25;
-  background-color: #EC5D25;
-}
-.Radio-module__radio___1CPAk.Radio-module__type_checked___BvPpu .ant-radio-checked:hover .ant-radio-inner {
-  border-color: #B94710;
-  background-color: #B94710;
-}
-.Radio-module__radio___1CPAk.Radio-module__type_checked___BvPpu .ant-radio-checked:focus-visible {
-  outline: 2px solid #0A65E7;
-}
-.Radio-module__radio___1CPAk.Radio-module__type_checked___BvPpu.Radio-module__disabled___AF98Z {
-  cursor: not-allowed;
-}
-.Radio-module__radio___1CPAk.Radio-module__type_checked___BvPpu.Radio-module__disabled___AF98Z .ant-radio-checked .ant-radio-inner {
-  border-color: #B6BAC3;
-  background-color: #B6BAC3;
-}
-.Radio-module__radio___1CPAk.Radio-module__type_checked___BvPpu.Radio-module__disabled___AF98Z .ant-radio-checked .ant-radio-inner::after {
-  transform: scale(0.375);
-  background-color: #FFFFFF;
-}
-.Radio-module__radio___1CPAk.Radio-module__type_unchecked___Xrb-7 .ant-radio .ant-radio-inner {
-  border-color: #B6BAC3;
-}
-.Radio-module__radio___1CPAk.Radio-module__type_unchecked___Xrb-7 .ant-radio:hover .ant-radio-inner {
-  border-color: #6B7280;
-}
-.Radio-module__radio___1CPAk.Radio-module__type_unchecked___Xrb-7 .ant-radio:focus-visible {
-  outline: 2px solid #0A65E7;
-}
-.Radio-module__radio___1CPAk.Radio-module__type_unchecked___Xrb-7.Radio-module__disabled___AF98Z {
-  cursor: not-allowed;
-}
-.Radio-module__radio___1CPAk.Radio-module__type_unchecked___Xrb-7.Radio-module__disabled___AF98Z .ant-radio .ant-radio-inner {
-  border-color: #B6BAC3;
-  background-color: #F9FAFB;
-}
-.Radio-module__radio___1CPAk.Radio-module__variant_normal___FQkTC {
-  color: #363E4F;
-  font-weight: 400;
-  font-size: 0.875rem;
-  line-height: 20px;
-}
-.Radio-module__radio___1CPAk.Radio-module__variant_emphasized___Fgpv6 {
-  color: #363E4F;
-  font-weight: 500;
-  font-size: 0.875rem;
-  line-height: 20px;
-}
-
-/* src/atom/Checkbox/Checkbox.module.scss */
-.Checkbox-module__checkbox___xxg5L {
-  display: flex;
-  align-items: center;
-}
-.Checkbox-module__checkbox___xxg5L.Checkbox-module__size_small___Kknlo .ant-checkbox .ant-checkbox-inner {
-  height: 16px;
-  width: 16px;
-}
-.Checkbox-module__checkbox___xxg5L.Checkbox-module__size_medium___V6Ah8 .ant-checkbox .ant-checkbox-inner {
-  height: 20px;
-  width: 20px;
-}
-.Checkbox-module__checkbox___xxg5L.Checkbox-module__size_medium___V6Ah8 .ant-checkbox .ant-checkbox-inner::after {
-  inset-inline-start: 27%;
-}
-.Checkbox-module__checkbox___xxg5L.Checkbox-module__size_large___eWjFY .ant-checkbox .ant-checkbox-inner {
-  height: 24px;
-  width: 24px;
-}
-.Checkbox-module__checkbox___xxg5L.Checkbox-module__size_large___eWjFY .ant-checkbox .ant-checkbox-inner::after {
-  inset-inline-start: 33%;
-}
-.Checkbox-module__checkbox___xxg5L.Checkbox-module__type_checked___5742T .ant-checkbox-checked .ant-checkbox-inner {
-  border-color: #ec5d25;
-  background-color: #ec5d25;
-}
-.Checkbox-module__checkbox___xxg5L.Checkbox-module__type_checked___5742T.ant-checkbox-wrapper:hover
-     .ant-checkbox-checked:not(.ant-checkbox-disabled)
-     .ant-checkbox-inner {
-  --tw-bg-opacity: 1;
-  background-color: rgb(185 71 16 / var(--tw-bg-opacity, 1));
-}
-.Checkbox-module__checkbox___xxg5L.Checkbox-module__type_checked___5742T .ant-checkbox-checked:focus-visible {
-  outline: 2px solid #0a65e7;
-}
-.Checkbox-module__checkbox___xxg5L.Checkbox-module__type_checked___5742T.Checkbox-module__disabled___v-RG1 {
-  cursor: not-allowed;
-}
-.Checkbox-module__checkbox___xxg5L.Checkbox-module__type_checked___5742T.Checkbox-module__disabled___v-RG1 .ant-checkbox-checked .ant-checkbox-inner {
-  opacity: 0.5;
-  border-color: #ec5d25;
-  background-color: #ec5d25;
-}
-.Checkbox-module__checkbox___xxg5L.Checkbox-module__type_checked___5742T.Checkbox-module__disabled___v-RG1 .ant-checkbox-checked .ant-checkbox-inner::after {
-  border-color: #ffffff;
-}
-.Checkbox-module__checkbox___xxg5L.Checkbox-module__type_unchecked___QFMpP .ant-checkbox .ant-checkbox-inner {
-  border-color: #b6bac3;
-}
-.Checkbox-module__checkbox___xxg5L.Checkbox-module__type_unchecked___QFMpP .ant-checkbox:hover .ant-checkbox-inner {
-  border-color: #6b7280;
-}
-.Checkbox-module__checkbox___xxg5L.Checkbox-module__type_unchecked___QFMpP .ant-checkbox:focus-visible {
-  outline: 2px solid #0a65e7;
-}
-.Checkbox-module__checkbox___xxg5L.Checkbox-module__type_unchecked___QFMpP.Checkbox-module__disabled___v-RG1 {
-  cursor: not-allowed;
-}
-.Checkbox-module__checkbox___xxg5L.Checkbox-module__type_unchecked___QFMpP.Checkbox-module__disabled___v-RG1 .ant-checkbox .ant-checkbox-inner {
-  border-color: #b6bac3;
-  background-color: #f9fafb;
-}
-.Checkbox-module__checkbox___xxg5L .ant-checkbox-disabled + span {
-  color: #363e4f;
-}
-.Checkbox-module__checkbox___xxg5L.Checkbox-module__variant_normal___faYKo {
-  color: #363e4f;
-  font-weight: 400;
-  font-size: 0.875rem;
-  line-height: 20px;
-}
-.Checkbox-module__checkbox___xxg5L.Checkbox-module__variant_emphasized___-koYj {
-  color: #363e4f;
-  font-weight: 500;
-  font-size: 0.875rem;
-  line-height: 20px;
-}
-.Checkbox-module__checkbox___xxg5L.Checkbox-module__variant_indeterminate___J5Xcc.Checkbox-module__disabled___v-RG1 .ant-checkbox-indeterminate .ant-checkbox-inner {
-  opacity: 0.5;
-  border-color: #ec5d25;
-  background-color: #ec5d25;
-}
-.Checkbox-module__checkbox___xxg5L.Checkbox-module__variant_indeterminate___J5Xcc.Checkbox-module__disabled___v-RG1 .ant-checkbox-indeterminate .ant-checkbox-inner::after {
-  border-color: #ffffff;
-}
-.Checkbox-module__checkbox___xxg5L.Checkbox-module__variant_indeterminate___J5Xcc .ant-checkbox-indeterminate .ant-checkbox-inner {
-  border-color: #ec5d25 !important;
-  background-color: #ec5d25 !important;
-}
-.Checkbox-module__checkbox___xxg5L.Checkbox-module__variant_indeterminate___J5Xcc .ant-checkbox-indeterminate .ant-checkbox-inner::after {
-  inset-inline-start: 50%;
-  width: 60%;
-  height: 3px;
-  border-radius: 4px;
-  background: white;
-}
-
 /* src/atom/Tag/Tag.module.scss */
 .Tag-module__tag___PIkhI {
   border-radius: 0.25rem;
@@ -584,6 +498,74 @@
   border-color: rgb(107 114 128 / var(--tw-border-opacity, 1))
 }
 
+/* src/atom/Radio/Radio.module.scss */
+.Radio-module__radio___1CPAk {
+  display: flex;
+  align-items: center;
+}
+.Radio-module__radio___1CPAk.Radio-module__size_small___nRXgM .ant-radio .ant-radio-inner {
+  height: 16px;
+  width: 16px;
+}
+.Radio-module__radio___1CPAk.Radio-module__size_medium___uSzPl .ant-radio .ant-radio-inner {
+  height: 20px;
+  width: 20px;
+}
+.Radio-module__radio___1CPAk.Radio-module__size_large___ubpHs .ant-radio .ant-radio-inner {
+  height: 24px;
+  width: 24px;
+}
+.Radio-module__radio___1CPAk.Radio-module__type_checked___BvPpu .ant-radio-checked .ant-radio-inner {
+  border-color: #EC5D25;
+  background-color: #EC5D25;
+}
+.Radio-module__radio___1CPAk.Radio-module__type_checked___BvPpu .ant-radio-checked:hover .ant-radio-inner {
+  border-color: #B94710;
+  background-color: #B94710;
+}
+.Radio-module__radio___1CPAk.Radio-module__type_checked___BvPpu .ant-radio-checked:focus-visible {
+  outline: 2px solid #0A65E7;
+}
+.Radio-module__radio___1CPAk.Radio-module__type_checked___BvPpu.Radio-module__disabled___AF98Z {
+  cursor: not-allowed;
+}
+.Radio-module__radio___1CPAk.Radio-module__type_checked___BvPpu.Radio-module__disabled___AF98Z .ant-radio-checked .ant-radio-inner {
+  border-color: #B6BAC3;
+  background-color: #B6BAC3;
+}
+.Radio-module__radio___1CPAk.Radio-module__type_checked___BvPpu.Radio-module__disabled___AF98Z .ant-radio-checked .ant-radio-inner::after {
+  transform: scale(0.375);
+  background-color: #FFFFFF;
+}
+.Radio-module__radio___1CPAk.Radio-module__type_unchecked___Xrb-7 .ant-radio .ant-radio-inner {
+  border-color: #B6BAC3;
+}
+.Radio-module__radio___1CPAk.Radio-module__type_unchecked___Xrb-7 .ant-radio:hover .ant-radio-inner {
+  border-color: #6B7280;
+}
+.Radio-module__radio___1CPAk.Radio-module__type_unchecked___Xrb-7 .ant-radio:focus-visible {
+  outline: 2px solid #0A65E7;
+}
+.Radio-module__radio___1CPAk.Radio-module__type_unchecked___Xrb-7.Radio-module__disabled___AF98Z {
+  cursor: not-allowed;
+}
+.Radio-module__radio___1CPAk.Radio-module__type_unchecked___Xrb-7.Radio-module__disabled___AF98Z .ant-radio .ant-radio-inner {
+  border-color: #B6BAC3;
+  background-color: #F9FAFB;
+}
+.Radio-module__radio___1CPAk.Radio-module__variant_normal___FQkTC {
+  color: #363E4F;
+  font-weight: 400;
+  font-size: 0.875rem;
+  line-height: 20px;
+}
+.Radio-module__radio___1CPAk.Radio-module__variant_emphasized___Fgpv6 {
+  color: #363E4F;
+  font-weight: 500;
+  font-size: 0.875rem;
+  line-height: 20px;
+}
+
 /* src/atom/Modal/Modal.module.scss */
 .Modal-module__modal___PKrAi.Modal-module__footerMargintopDisable___4B6u- .Modal-module__ant-modal-footer___HKsDR {
   margin-top: 0;
@@ -655,4 +637,22 @@
 }
 .Modal-module__modal___PKrAi .ant-btn-primary {
   margin-inline-start: 0.5rem;
+}
+
+/* src/atom/Switch/Switch.module.scss */
+.Switch-module__switch___fUHZL.ant-switch.ant-switch-small {
+    height: 0.75rem;
+    min-width: 1.5rem
+}
+.Switch-module__switch___fUHZL.ant-switch.ant-switch-small .ant-switch-handle {
+    height: 0.5rem;
+    width: 0.5rem
+}
+.Switch-module__switch___fUHZL.ant-switch.ant-switch-checked {
+    --tw-bg-opacity: 1;
+    background-color: rgb(236 93 37 / var(--tw-bg-opacity, 1))
+}
+.Switch-module__switch___fUHZL.ant-switch.ant-switch-checked:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgb(236 93 37 / var(--tw-bg-opacity, 1))
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itilite/lumina-ui",
-  "version": "1.1.0",
+  "version": "1.1.1-alpha.1",
   "description": "Itilite Lumina Design System UI Components",
   "sideEffects": false,
   "license": "MIT",
@@ -57,8 +57,8 @@
     "@itilite/tailwind-config": "workspace:*",
     "@itilite/typescript-config": "workspace:*",
     "@types/node": "^24.10.1",
-    "@types/react": "^18.2.61",
-    "@types/react-dom": "^18.2.19",
+    "@types/react": "^17.0.71",
+    "@types/react-dom": "^17.0.25",
     "antd": "5.13.1",
     "autoprefixer": "^10.4.0",
     "concurrently": "^9.2.1",
@@ -66,7 +66,8 @@
     "eslint": "^8.57.0",
     "postcss": "^8.4.0",
     "postcss-modules": "^6.0.1",
-    "react": "^18.2.0",
+    "react": "^17.0.1",
+    "react-dom": "^17.0.1",
     "sass": "^1.69.5",
     "tailwindcss": "^3.2.4",
     "tsup": "^8.0.2",
@@ -74,6 +75,7 @@
   },
   "peerDependencies": {
     "antd": "5.13.1",
-    "react": "^18.2.0"
+    "react": "^17.0.1",
+    "react-dom": "^17.0.1"
   }
 }