@fabric-ds/component-classes - npm Package Compare versions

Comparing version 0.0.32 to 0.0.33

index.js

@@ -9,14 +9,14 @@ export const slider = {
     thumbEnabled: 'shadow bg-blue-600 cursor-pointer',
-    thumbDisabled: 'bg-bluegray-300 cursor-disabled pointer-events-none'
+    thumbDisabled: 'bg-bluegray-300 cursor-disabled pointer-events-none',
 };
 
 export const modal = {
-    backdrop: 'f-modal-backdrop fixed inset-0 flex sm:place-content-center sm:place-items-center items-end z-20',
-    modal:
-        'f-modal rounded-8 mx-0 sm:mx-16 bg-white flex flex-col overflow-hidden outline-none space-y-16 pt-8 sm:pt-32 sm:pb-32 rounded-b-0 sm:rounded-b-8',
-    content: 'block overflow-y-auto overflow-x-hidden last-child:mb-0 flex-grow flex-shrink px-16 sm:px-32 relative',
+    backdrop:
+        'f-modal-backdrop fixed inset-0 flex sm:place-content-center sm:place-items-center items-end z-20',
+    modal: 'f-modal rounded-8 mx-0 sm:mx-16 bg-white flex flex-col overflow-hidden outline-none space-y-16 pt-8 sm:pt-32 sm:pb-32 rounded-b-0 sm:rounded-b-8',
+    content:
+        'block overflow-y-auto overflow-x-hidden last-child:mb-0 flex-grow flex-shrink px-16 sm:px-32 relative',
     footer: 'flex justify-end flex-shrink-0 px-16 sm:px-32',
     transitionTitle: 'transition-all duration-300',
-    title:
-        '-mt-4 sm:-mt-8 h-40 sm:h-48 grid f-grid gap-8 sm:gap-16 f-modal-title items-center px-16 sm:px-32 border-b sm:border-b-0 flex-shrink-0',
+    title: '-mt-4 sm:-mt-8 h-40 sm:h-48 grid f-grid gap-8 sm:gap-16 f-modal-title items-center px-16 sm:px-32 border-b sm:border-b-0 flex-shrink-0',
     titleText: 'mb-0 h4 sm:h3',
@@ -65,3 +65,7 @@ titleButton: 'button button--pill f-modal-title-button',
 export const card = {
-    card: 'f-card cursor-pointer rounded-8 overflow-hidden relative transition-all outline-none',
+    card: 'cursor-pointer overflow-hidden relative transition-all outline-none',
+    cardShadow: 'f-card rounded-8',
+    cardFlat: 'border-2 rounded-4',
+    cardFlatUnselected: 'border-gray-300 hover:bg-blue-50 hover:border-blue-600 active:border-blue-700',
+    cardFlatSelected: 'border-blue-600 hover:bg-blue-100 hover:border-blue-700 active:border-blue-800',
     cardSelected: 'bg-blue-50',
@@ -88,3 +92,4 @@ cardOutline: 'f-card-outline absolute rounded-8 inset-0 transition-all border-2',
     toasterContainer: 'fixed fixed-ios-fix bottom-16 left-0 right-0 mx-8 sm:mx-16 z-50 pointer-events-none',
-    toaster: 'f-toaster grid f-grid auto-rows-auto justify-items-center justify-center mx-auto pointer-events-none',
+    toaster:
+        'f-toaster grid f-grid auto-rows-auto justify-items-center justify-center mx-auto pointer-events-none',
 };
@@ -135,13 +140,13 @@
 export const expandable = {
-  expandable: 'f-expandable',
-  expandableInfo: 'bg-aqua-50',
-  expandableBox: 'py-0 px-0 ' + box.box,
-  expandableBleed: box.bleed,
-  chevron: 'inline-block align-middle transform transition-transform',
-  chevronNonBox: 'relative left-8',
-  chevronBox:'f-expandable-chevron absolute right-16',
-  chevronExpanded: '-rotate-180',
-  button: buttonReset + ' hover:underline focus:underline',
-  buttonBox: 'w-full text-left relative ' + box.box,
-  buttonInfo: 'hover:text-aqua-700 active:text-aqua-800',
-}
+    expandable: 'f-expandable',
+    expandableInfo: 'bg-aqua-50',
+    expandableBox: 'py-0 px-0 ' + box.box,
+    expandableBleed: box.bleed,
+    chevron: 'inline-block align-middle transform transition-transform',
+    chevronNonBox: 'relative left-8',
+    chevronBox: 'f-expandable-chevron absolute right-16',
+    chevronExpanded: '-rotate-180',
+    button: buttonReset + ' hover:underline focus:underline',
+    buttonBox: 'w-full text-left relative ' + box.box,
+    buttonInfo: 'hover:text-aqua-700 active:text-aqua-800',
+};

package.json

 {
   "name": "@fabric-ds/component-classes",
-  "version": "0.0.32",
+  "version": "0.0.33",
   "type": "module",
@@ -17,3 +17,3 @@ "main": "index.js",
   },
-  "gitHead": "429ccba3aaec0033bdfc6a06c86b2f79bdcdf5f5"
+  "gitHead": "7b7391f45aa2c2256f0ca89ff2d5133ec34bda9c"
 }

Fixed alerts

New author

Supply chain risk

A new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

8183

increased by3.77%

Lines of code

132

increased by3.94%

Number of medium supply chain risk alerts

0

decreased by-100%

No dependency changes