slippers-ui 3.3.0-alpha.2 → 3.3.1

package/icons.d.ts

@@ -34,6 +34,7 @@ declare module 'slippers-ui/icons' {
   export const AnnouncementAlt: IconComponent;
   export const Api: IconComponent;
   export const Applications: IconComponent;
+  export const Approval: IconComponent;
   export const ApproveDismiss: IconComponent;
   export const ArrowCircle: IconComponent;
   export const ArrowDown: IconComponent;
@@ -57,7 +58,9 @@ declare module 'slippers-ui/icons' {
   export const Bug: IconComponent;
   export const Build: IconComponent;
   export const Building: IconComponent;
+  export const BuildingStar: IconComponent;
   export const Bulb: IconComponent;
+  export const BulbAlt: IconComponent;
   export const BulbBolt: IconComponent;
   export const Bullet: IconComponent;
   export const BullseyeArrow: IconComponent;
@@ -69,6 +72,7 @@ declare module 'slippers-ui/icons' {
   export const Car: IconComponent;
   export const CaseStudy: IconComponent;
   export const CaseStudyAlt: IconComponent;
+  export const CatalogCheckMark: IconComponent;
   export const ChartGraph: IconComponent;
   export const Chat: IconComponent;
   export const ChatBubble: IconComponent;
@@ -76,6 +80,7 @@ declare module 'slippers-ui/icons' {
   export const Check: IconComponent;
   export const CheckCircle: IconComponent;
   export const CheckCircleAlt: IconComponent;
+  export const CheckCircleDashed: IconComponent;
   export const CheckCircleFilled: IconComponent;
   export const Checklist: IconComponent;
   export const ChevronLgDown: IconComponent;
@@ -122,6 +127,8 @@ declare module 'slippers-ui/icons' {
   export const CollaborationAlt4: IconComponent;
   export const CollaborationAlt4Thin: IconComponent;
   export const CollaborationLink: IconComponent;
+  export const Comment: IconComponent;
+  export const Comments: IconComponent;
   export const Community: IconComponent;
   export const CommunityAlt: IconComponent;
   export const CommunityAlt2: IconComponent;
@@ -151,6 +158,7 @@ declare module 'slippers-ui/icons' {
   export const Cycle: IconComponent;
   export const DAndI: IconComponent;
   export const Dash: IconComponent;
+  export const Dashboard: IconComponent;
   export const DataCircle: IconComponent;
   export const Delay: IconComponent;
   export const Deliver: IconComponent;
@@ -164,6 +172,7 @@ declare module 'slippers-ui/icons' {
   export const DocPencil: IconComponent;
   export const DocPencilAlt: IconComponent;
   export const DocText: IconComponent;
+  export const DocVersions: IconComponent;
   export const Docs: IconComponent;
   export const DocsAlt: IconComponent;
   export const Document: IconComponent;
@@ -171,6 +180,7 @@ declare module 'slippers-ui/icons' {
   export const DocumentsAlt: IconComponent;
   export const Dotgrid: IconComponent;
   export const Download: IconComponent;
+  export const DuoChat: IconComponent;
   export const Earth: IconComponent;
   export const Ebook: IconComponent;
   export const EbookAlt: IconComponent;
@@ -193,6 +203,7 @@ declare module 'slippers-ui/icons' {
   export const Filter: IconComponent;
   export const FirstLookInfluence: IconComponent;
   export const Flag: IconComponent;
+  export const FlagAlt: IconComponent;
   export const FlowAi: IconComponent;
   export const Folder: IconComponent;
   export const FolderCog: IconComponent;
@@ -228,14 +239,17 @@ declare module 'slippers-ui/icons' {
   export const HandbookGitlab: IconComponent;
   export const Handshake: IconComponent;
   export const Heart: IconComponent;
+  export const Hourglass: IconComponent;
   export const IdeaCollaboration: IconComponent;
   export const Improve: IconComponent;
   export const Inclusion: IconComponent;
   export const Increase: IconComponent;
   export const IncreaseThin: IconComponent;
   export const InfoTip: IconComponent;
+  export const InfrastructureRegistry: IconComponent;
   export const Institution: IconComponent;
   export const Issue: IconComponent;
+  export const Iteration: IconComponent;
   export const Kanban: IconComponent;
   export const LaptopVideo: IconComponent;
   export const Learn: IconComponent;
@@ -248,12 +262,14 @@ declare module 'slippers-ui/icons' {
   export const ListBulleted: IconComponent;
   export const ListTask: IconComponent;
   export const LocalizationPerson: IconComponent;
+  export const Location: IconComponent;
   export const LockAlt: IconComponent;
   export const LockAlt2: IconComponent;
   export const LockAlt3: IconComponent;
   export const LockAlt4: IconComponent;
   export const LockAlt5: IconComponent;
   export const LockClose: IconComponent;
+  export const LockCloseAlt: IconComponent;
   export const LockCog: IconComponent;
   export const LockOpen: IconComponent;
   export const LockUser: IconComponent;
@@ -335,6 +351,7 @@ declare module 'slippers-ui/icons' {
   export const PricingPlans: IconComponent;
   export const PricingPlansBold: IconComponent;
   export const Principles: IconComponent;
+  export const Profile: IconComponent;
   export const Protect: IconComponent;
   export const ProtectAlt: IconComponent;
   export const ProtectAlt2: IconComponent;
@@ -370,11 +387,14 @@ declare module 'slippers-ui/icons' {
   export const RibbonCheckAltThin: IconComponent;
   export const Rocket: IconComponent;
   export const RocketAlt: IconComponent;
+  export const RocketLaunch: IconComponent;
   export const Roles: IconComponent;
   export const Scale: IconComponent;
   export const Search: IconComponent;
   export const SearchAlt: IconComponent;
   export const SearchCircle: IconComponent;
+  export const SearchDot: IconComponent;
+  export const SearchResults: IconComponent;
   export const Secure: IconComponent;
   export const SecureAlt: IconComponent;
   export const SecureAlt2: IconComponent;
@@ -403,6 +423,8 @@ declare module 'slippers-ui/icons' {
   export const SpeedAlt2Light: IconComponent;
   export const SpeedGauge: IconComponent;
   export const StableComputer: IconComponent;
+  export const Star: IconComponent;
+  export const StarOutline: IconComponent;
   export const Stop: IconComponent;
   export const Stopwatch: IconComponent;
   export const Support: IconComponent;
@@ -419,7 +441,9 @@ declare module 'slippers-ui/icons' {
   export const Time: IconComponent;
   export const TimeIsMoney: IconComponent;
   export const TimeIsMoneyAlt: IconComponent;
+  export const Timer: IconComponent;
   export const TimerCircle: IconComponent;
+  export const TodoDone: IconComponent;
   export const Topics: IconComponent;
   export const Trending: IconComponent;
   export const TwitterCircle: IconComponent;
@@ -448,12 +472,18 @@ declare module 'slippers-ui/icons' {
   export const VideoChat: IconComponent;
   export const Visibility: IconComponent;
   export const VisibilityAlt: IconComponent;
+  export const Warning: IconComponent;
+  export const WarningSolid: IconComponent;
   export const Web: IconComponent;
   export const WebAlt: IconComponent;
   export const Webcast: IconComponent;
   export const WebcastAlt: IconComponent;
   export const Weight: IconComponent;
   export const Whitepapers: IconComponent;
+  export const Work: IconComponent;
   export const WorkItemEpic: IconComponent;
+  export const WorkItemMaintenance: IconComponent;
+  export const WorkItemObjective: IconComponent;
+  export const WorkItemTestCase: IconComponent;
   export const World: IconComponent;
 }

package/package.json

@@ -2,7 +2,8 @@
   "name": "slippers-ui",
   "description": "GitLab Marketing Design System",
   "author": "GitLab",
-  "version": "3.3.0-alpha.2",
+  "version": "3.3.1",
+  "packageManager": "pnpm@10.28.1",
   "engines": {
     "node": "24.12.0",
     "pnpm": "10.28.1"
@@ -16,7 +17,7 @@
     "icons.d.ts"
   ],
   "sideEffects": [
-    "dist/style.css"
+    "dist/slippers-ui.css"
   ],
   "main": "./dist/slippers-ui.es.js",
   "module": "./dist/slippers-ui.es.js",
@@ -43,6 +44,12 @@
     "type": "git",
     "url": "https://gitlab.com/gitlab-com/marketing/digital-experience/slippers-ui.git"
   },
+  "scripts": {
+    "prepublishOnly": "node ./scripts/add-icons.mjs",
+    "dev": "storybook dev",
+    "storybook": "storybook",
+    "build": "vite build && vite build --config vite.icons.config.ts"
+  },
   "peerDependencies": {
     "vue": "^3.5.27"
   },
@@ -59,10 +66,5 @@
     "typescript": "^5.9.3",
     "vite": "^7.3.1",
     "vue": "^3.5.27"
-  },
-  "scripts": {
-    "dev": "storybook dev",
-    "storybook": "storybook",
-    "build": "vite build && vite build --config vite.icons.config.ts"
   }
-}
+}

package/src/styles/base.scss

@@ -1,6 +1,5 @@
 @use "variables";
 
-@layer base {
 html {
   scroll-behavior: smooth;
 }
@@ -157,4 +156,3 @@ ul {
 .#{$prefix}-text-align-center {
   text-align: center;
 }
-}