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

package/dist/styles.css

@@ -28,6 +28,9 @@
 .tw-gap-1 {
     gap: 0.25rem
 }
+.tw-rounded {
+    border-radius: 0.25rem
+}
 .tw-rounded-full {
     border-radius: 9999px
 }
@@ -56,6 +59,10 @@
 .tw-p-4 {
     padding: 1rem
 }
+.tw-py-\[2px\] {
+    padding-top: 2px;
+    padding-bottom: 2px
+}
 .tw-text-font-size-10 {
     font-size: 0.625rem
 }
@@ -95,6 +102,117 @@
 
 
 /* CSS Modules */
+/* src/atom/Tooltip/Tooltip.module.scss */
+.Tooltip-module__light___H5oCc .ant-tooltip-content .ant-tooltip-inner {
+  background-color: white !important;
+  color: #111827;
+  border-radius: 0.5rem;
+  padding: 0.625rem;
+  --tw-text-opacity: 1;
+  color: rgb(33 40 55 / var(--tw-text-opacity, 1));
+}
+.Tooltip-module__light___H5oCc .ant-tooltip-arrow:before {
+  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;
@@ -285,6 +403,101 @@
   outline: none;
 }
 
+/* src/atom/Tag/Tag.module.scss */
+.Tag-module__tag___PIkhI {
+  border-radius: 0.25rem;
+  padding: 0.25rem;
+  font-weight: 500;
+  font-size: 0.625rem;
+  line-height: .75rem;
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
+  height: -moz-max-content;
+  height: max-content;
+  border-style: solid;
+  border-width: 0.5px
+}
+.Tag-module__tag___PIkhI.Tag-module__small___nG5XQ {
+  padding-top: 2px;
+  padding-bottom: 2px;
+  padding-left: 0.25rem;
+  padding-right: 0.25rem;
+  font-size: 0.625rem;
+  line-height: .75rem
+}
+.Tag-module__tag___PIkhI.Tag-module__success___99fad {
+  --tw-text-opacity: 1;
+  color: rgb(27 126 73 / var(--tw-text-opacity, 1));
+  --tw-bg-opacity: 1;
+  background-color: rgb(217 251 229 / var(--tw-bg-opacity, 1));
+  --tw-border-opacity: 1;
+  border-color: rgb(112 220 157 / var(--tw-border-opacity, 1))
+}
+.Tag-module__tag___PIkhI.Tag-module__blue___Zky2Z {
+  --tw-text-opacity: 1;
+  color: rgb(10 101 231 / var(--tw-text-opacity, 1));
+  --tw-bg-opacity: 1;
+  background-color: rgb(235 248 255 / var(--tw-bg-opacity, 1));
+  --tw-border-opacity: 1;
+  border-color: rgb(134 203 255 / var(--tw-border-opacity, 1))
+}
+.Tag-module__tag___PIkhI.Tag-module__warning___KXsly {
+  --tw-text-opacity: 1;
+  color: rgb(185 71 16 / var(--tw-text-opacity, 1));
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 241 225 / var(--tw-bg-opacity, 1));
+  --tw-border-opacity: 1;
+  border-color: rgb(254 196 140 / var(--tw-border-opacity, 1))
+}
+.Tag-module__tag___PIkhI.Tag-module__processing___OssXC {
+  --tw-text-opacity: 1;
+  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
+  --tw-bg-opacity: 1;
+  background-color: rgb(241 243 245 / var(--tw-bg-opacity, 1));
+  --tw-border-opacity: 1;
+  border-color: rgb(211 216 223 / var(--tw-border-opacity, 1))
+}
+.Tag-module__tag___PIkhI.Tag-module__bookingConfirmed___potR4 {
+  --tw-text-opacity: 1;
+  color: rgb(27 126 73 / var(--tw-text-opacity, 1));
+  --tw-bg-opacity: 1;
+  background-color: rgb(217 251 229 / var(--tw-bg-opacity, 1));
+  --tw-border-opacity: 1;
+  border-color: rgb(112 220 157 / var(--tw-border-opacity, 1))
+}
+.Tag-module__tag___PIkhI.Tag-module__bookingRescheduled___ynrwI {
+  --tw-text-opacity: 1;
+  color: rgb(10 101 231 / var(--tw-text-opacity, 1));
+  --tw-bg-opacity: 1;
+  background-color: rgb(235 248 255 / var(--tw-bg-opacity, 1));
+  --tw-border-opacity: 1;
+  border-color: rgb(134 203 255 / var(--tw-border-opacity, 1))
+}
+.Tag-module__tag___PIkhI.Tag-module__bookingRescheduledPending___K3GqS {
+  --tw-text-opacity: 1;
+  color: rgb(154 103 0 / var(--tw-text-opacity, 1));
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 251 224 / var(--tw-bg-opacity, 1));
+  --tw-border-opacity: 1;
+  border-color: rgb(234 197 79 / var(--tw-border-opacity, 1))
+}
+.Tag-module__tag___PIkhI.Tag-module__failed___dvpyQ {
+  --tw-text-opacity: 1;
+  color: rgb(207 34 49 / var(--tw-text-opacity, 1));
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 241 240 / var(--tw-bg-opacity, 1));
+  --tw-border-opacity: 1;
+  border-color: rgb(255 171 169 / var(--tw-border-opacity, 1))
+}
+.Tag-module__tag___PIkhI.Tag-module__bookingPending___64umX {
+  --tw-text-opacity: 1;
+  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
+  --tw-bg-opacity: 1;
+  background-color: rgb(241 243 245 / var(--tw-bg-opacity, 1));
+  --tw-border-opacity: 1;
+  border-color: rgb(107 114 128 / var(--tw-border-opacity, 1))
+}
+
 /* src/atom/Radio/Radio.module.scss */
 .Radio-module__radio___1CPAk {
   display: flex;
@@ -353,135 +566,6 @@
   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/Tooltip/Tooltip.module.scss */
-.Tooltip-module__light___H5oCc .ant-tooltip-content .ant-tooltip-inner {
-  background-color: white !important;
-  color: #111827;
-  border-radius: 0.5rem;
-  padding: 0.625rem;
-  --tw-text-opacity: 1;
-  color: rgb(33 40 55 / var(--tw-text-opacity, 1));
-}
-.Tooltip-module__light___H5oCc .ant-tooltip-arrow:before {
-  background-color: white !important;
-}
-
-/* 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/Modal/Modal.module.scss */
 .Modal-module__modal___PKrAi.Modal-module__footerMargintopDisable___4B6u- .Modal-module__ant-modal-footer___HKsDR {
   margin-top: 0;
@@ -553,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.0.21",
+  "version": "1.1.1-alpha.1",
   "description": "Itilite Lumina Design System UI Components",
   "sideEffects": false,
   "license": "MIT",
@@ -17,40 +17,10 @@
       "import": "./dist/index.mjs",
       "require": "./dist/index.js"
     },
-    "./button": {
-      "types": "./dist/Button.d.ts",
-      "import": "./dist/Button.mjs",
-      "require": "./dist/Button.js"
-    },
-    "./checkbox": {
-      "types": "./dist/Checkbox.d.ts",
-      "import": "./dist/Checkbox.mjs",
-      "require": "./dist/Checkbox.js"
-    },
-    "./modal": {
-      "types": "./dist/Modal.d.ts",
-      "import": "./dist/Modal.mjs",
-      "require": "./dist/Modal.js"
-    },
-    "./radio": {
-      "types": "./dist/Radio.d.ts",
-      "import": "./dist/Radio.mjs",
-      "require": "./dist/Radio.js"
-    },
-    "./switch": {
-      "types": "./dist/Switch.d.ts",
-      "import": "./dist/Switch.mjs",
-      "require": "./dist/Switch.js"
-    },
-    "./tooltip": {
-      "types": "./dist/Tooltip.d.ts",
-      "import": "./dist/Tooltip.mjs",
-      "require": "./dist/Tooltip.js"
-    },
-    "./avatar": {
-      "types": "./dist/Avatar.d.ts",
-      "import": "./dist/Avatar.mjs",
-      "require": "./dist/Avatar.js"
+    "./*": {
+      "types": "./dist/*.d.ts",
+      "import": "./dist/*.mjs",
+      "require": "./dist/*.js"
     },
     "./styles.css": "./dist/styles.css"
   },
@@ -87,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",
@@ -96,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",
@@ -104,6 +75,7 @@
   },
   "peerDependencies": {
     "antd": "5.13.1",
-    "react": "^18.2.0"
+    "react": "^17.0.1",
+    "react-dom": "^17.0.1"
   }
 }